/*
	la-trame.org
	CSS - mars.2011
	Bruno Bartkowiak // contact@le-studio-americain.com // www.le-studio-americain.com
*/


/* ======= GENERAL ======= */

    body, html {background: #fff url(../img/bg-body.jpg); color: #000; margin: 0; padding:0; font-size: 12px; font-family: Arial, sans-serif; line-height: 1.2em; }
    /*:link, :visited, :hover, :active, :focus {outline-style:none; }*/
    
    a {color: #777; text-decoration: underline;}
    	h1 a, h2 a, h3 a {text-decoration: none;}
    a:hover {text-decoration: underline;}
    strong {font-weight: bold;}
    em {font-style: italic;}
    ul, ol {margin: 0; padding: 0; position: relative;}
  	ul li, ol li {list-style: none;}
    img {border: none;}
    p {margin:0; padding: 0;}
    h1, h2, h3, h4 {margin:0; padding: 0;}
    
    .floatLeft {float: left;}
    .floatRight {float: right; padding-left: 10px; border-left: 1px solid #000;}
    .spacer {clear: both; height: 0px;}
    
    :link, :visited, :hover, :active, :focus {outline-style:none; } /* hack Firefox pour bordure pointillee */
    

@font-face {
	font-family: 'Bebasaloula';
	src: url('../polices/BebasNeue-webfont.eot');
	src: local('☺'), url('../polices/BebasNeue-webfont.woff') format('woff'), url('../polices/BebasNeue-webfont.ttf') format('truetype'), url('../polices/BebasNeue-webfont.svg#webfontj1CI1MAi') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Neutraliser conflit spip / tinytypo */
ul, ol {list-style:none;margin-left:0; }
blockquote {   border:none; padding-left:3em;  }
blockquote:before { content:"";  /* à terme supprimer l'image quote.png et reintegrer le bon sur blocquote.spip_poesie */ }
s, strike,del, .del { opacity:1;}

/* Citations, code et poesie */
blockquote.spip { border: 2px solid #404040; background: url(img/quote.png) no-repeat; font-style:italic; margin-left: 50px; margin-right:50px;}
.spip_poesie { border-left: 1px solid; }
.spip_poesie div { margin-left: 50px; margin-right: 50px; text-indent: -50px; }
.spip_code,
.spip_cadre {   
   font-family: 'Courier New', Courier, monospace; 
   font-size: 1em;  
   margin:0 .2em;
}

.spip_code {   
   border: 1px solid #dfdfcd;
   background-color: rgba(227,227,211,0.5);
   color: #3b3b25;
   text-shadow: 0 1px 0 #fdfdfc;      
}

.spip_cadre { 
   background:#333;
   color:#fff;
   border-radius:0.5em;
   border:0;
}

textarea.spip_code, 
textarea.spip_cadre {
   padding: 1em; 
   width:98%;
}

/*	=========	*/



	#header {width: 940px; height: 120px; margin: 0 auto; padding: 10px; background: url(../img/bg-header.gif) right top no-repeat;}

	#wrapper {width: 960px; margin: 0 auto; padding: 0;}
		
		
		#menu {float: left; position: fixed; width: 215px; margin: 0; padding: 0 10px;}
			ul#mastaMenu {}
				ul#mastaMenu li {display: inline;}
					ul#mastaMenu li a {display: block; width: 205px; height: 40px; padding: 0 0 0 10px; line-height: 45px; font-size: 2.4em; font-weight: normal; font-family: 'Bebasaloula', Arial, sans-serif; text-decoration: none; text-transform: uppercase;}
			ul#pitchounMenu {margin: 20px 0 0 0; padding: 0;}
				ul#pitchounMenu li {display: inline;}
					ul#pitchounMenu li a {display: block; width: auto; float: right; height: 20px; margin: 0 0 0 40px; padding: 0 10px 0 20px; line-height: 22px; font-size: 1.4em; font-weight: normal; font-family: 'Bebasaloula', Arial, sans-serif; color: #000; text-decoration: none; text-align: right;}
						#menu ul#pitchounMenu li a:hover {color: #000; background: none;}
						#menu ul#pitchounMenu li a.on {color: #fff; background: #000;}
						
				

					
		#content {float: right; width: 700px; min-height: 300px; margin: 0px; padding: 0 10px;}
		
			.col340 {width: 340px;}
			.col340 {width: 340px;}
			
				.block {margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #000;}
				.block.last {margin: 0 0 0 0; padding: 0; border-bottom: 0px;}
		
			h1 {font-size: 5em; font-weight: normal; font-family: 'Bebasaloula', Arial, sans-serif; line-height: 1em; text-shadow: 1px 1px 0px #fff;}
				h1.breadCrumbs {font-size: 1.4em;}
			h2 {margin: 0px 0; font-size: 3em; font-weight: normal; font-family: 'Bebasaloula', Arial, sans-serif; line-height: 1em; text-shadow: 1px 1px 0px #fff;}
				h2.listeActu {margin: 5px 0; font-size: 1.8em; font-weight: normal; font-family: 'Bebasaloula', Arial, sans-serif; line-height: 1em; text-shadow: 1px 1px 0px #fff;}
				#bodyArticle h2 {margin-bottom: 20px;}
			h3 {margin: 5px 0; font-size: 1.8em; font-weight: normal; font-family: 'Bebasaloula', Arial, sans-serif; line-height: 1em; text-shadow: 1px 1px 0px #fff;}
				#bodyArticle h3 {margin: 15px 0 5px 0;}
				
			strong.dateActu {font-size: 0.9em; line-height: 1em; font-weight: normal; }
			
			ul.listeContenu {margin: 0px 0 10px 0;}
			.last ul.listeContenu {margin: 0;}
				ul.listeContenu li {display: inline;}
					ul.listeContenu li a {display: block; /*margin: 0 0 0px 10px; text-indent: -10px;*/ /*padding: 0 0 0 10px; background: url(../img/puce-blck.gif) left 5px no-repeat;*/ text-decoration: none;}
						ul.listeContenu li a:hover, ul.listeContenu li a.on {/*text-decoration: underline;*/ background: #000; color: #fff;}
			ul.listeContenu#nouveauSite {margin-top: 5px;}
			
			#agendaCineMP h3 {margin:0}
			#agendaCineMP ul {margin: 10px 0; padding:0}
				#agendaCineMP ul li {display: block; padding: 0 0 3px 0; line-height: 1.1em; }
					#agendaCineMP ul li span {font-size: 1em; line-height: 1em; font-weight: bold; text-transform: capitalize; /*background: #000; color: #fff; padding: 1px;*/}
					#agendaCineMP ul li h4 { padding: 0px 0 2px 0; font-size: 1em; font-weight: normal;}	
						
			.logoRubrique {padding: 0 0 10px 0;}		
				.logoRubrique img {display: block;}
			.logoArticle {padding: 0 0 5px 0;}		
				.logoArticle img {display: block;}

			.articleTexte {font-size: 13px; line-height: 1.3em;}
				.articleTexte p {margin: 5px 0 10px 0;}
				.chapo {font-size: 13px; line-height: 1.3em; font-weight: bold;}
		
			a.readMore {/*background: #000; color: #fff; text-decoration: none; padding: 1px; text-transform: uppercase; */font-weight: bold; font-size:1em;}
		
		#footer {clear: both; padding: 10px 10px 0px 250px;}
		
		.actu1 {border-right:1px solid #000000; border-bottom:1px solid #000000; border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
		}
	
		

	/* spip_styles */
		.spip_documents_center { display: block; clear: both; width: 100%; margin: 10px auto; text-align: center}
		.spip_documents_left { float: left; margin-right: 10px; margin-bottom: 5px; }
		.spip_documents_right { float: right; margin-left: 10px; margin-bottom: 5px; }
		
		.spip_logo_left { float: left; margin-right: 5px; }



/*	======= FESTICOLOR YOUPI ! ======= */		

	/* par defaut*/
		#wrapper {background: url(../img/bg-wrapper-noir.gif) left top repeat-y;}
		#menu ul li a.on, #menu ul li a:hover {background: #000; color: #fff;text-shadow: none;}
			#menu li a {background: none; color: #000;text-shadow: 1px 1px 0px #fff;}
			a, h1, h2 {color:#000;}
	/* Education a l'image */
		.color3 #wrapper {background-image: url(../img/bg-wrapper-rose.gif);}
		#menu ul li a#color3.on, #menu ul li a#color3:hover, .color3 ul.listeContenu li a:hover, .color3  ul.listeContenu li a.on {background: #ED1E79; color: #fff;}
			#menu li a#color3 {background: none; color: #ED1E79;}
			a.color3, .color3 h1, .color3 h2/*, .color3 h3*/ {color:#ED1E79;}
	/* Formation */
		.color38 #wrapper {background-image: url(../img/bg-wrapper-jaune.gif);}
		#menu ul li a#color38.on, #menu ul li a#color38:hover, .color38 ul.listeContenu li a:hover, .color38  ul.listeContenu li a.on {background: #ff9900; color: #fff;}
			#menu li a#color38 {background: none; color: #ff9900;}
			a.color38, .color38 h1, .color38 h2/*, .color38 h3*/ {color:#ff9900;}
	/* Production */
		.color1 #wrapper {background-image: url(../img/bg-wrapper-vert.gif);}
		#menu ul li a#color1.on, #menu ul li a#color1:hover, .color1 ul.listeContenu li a:hover, .color1  ul.listeContenu li a.on {background: #008575; color: #fff;}
			#menu li a#color1 {background: none; color: #008575;}
			a.color1, .color1 h1, .color1 h2/*, .color1 h3*/ {color:#008575;}
	/* Création */
		.color6 #wrapper {background-image: url(../img/bg-wrapper-violet.gif);}
		#menu ul li a#color6.on, #menu ul li a#color6:hover, .color6 ul.listeContenu li a:hover, .color6  ul.listeContenu li a.on {background: #9900cc; color: #fff;}
			#menu li a#color6 {background: none; color: #9900cc;}
			a.color6, .color6 h1, .color6 h2/*, .color6 h3*/ {color:#9900cc;}
	/* Passeurs d'images */
		.color20 #wrapper {background-image: url(../img/bg-wrapper-bleu.gif);}
		#menu ul li a#color20.on, #menu ul li a#color20:hover, .color20 ul.listeContenu li a:hover, .color20  ul.listeContenu li a.on {background: #0071BC; color: #fff;}
			#menu li a#color20 {background: none; color: #0071BC;}
			a.color20, .color20 h1, .color20 h2/*, .color20 h3*/ {color:#0071BC;}