* { margin: 0; padding: 0; border: 0; }

body {
	text-align: center; /* centrage pour IE */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.15em;
	font-weight: normal;
	background: #bbcac5 url(../images/bg.jpg) repeat-x top left;	
	color: #000;
	}
	
	
	
.clear, br  {clear: both;}	



/* ---[ Layout ]--------------------- */

#contenant {
	margin: 0 auto; 
	width: 940px;
	height: auto;
	text-align: left;
	}
	
#header {
	position: relative;
	margin: 0 auto; 
	width: 940px;
	height: 95px;
	padding: 30px 0 15px 0;
	text-align: center;
	}	

#contenu {
	clear: both;
	margin: 0 auto;
	width: 940px;
	min-height: 433px;
	background: #fff;
	padding: 20px 0 45px 0;
	}
	

/* ---[ Navig utilitaire ]--------------------- */

#adresse {
	position: absolute;
	top: 5px; right: 10px;
	width: 400px;
	text-align: right;
	color: #000;
	font-size: 90%;
	font-weight: bold;
	}
	
	img#logoFB {
		position: absolute;
		top: 5px;
		left: 0;
	}
	
	img#logoTwit {
		position: absolute;
		top: 5px;
		left: 110px;
	}

/* ul#topNav défini dans fr_ ou en_specific.css */	
	
	ul#topNav li {
		float: left;
		display: inline;
		list-style: none;
		height: 11px;
		}	
		
	  ul#topNav li a {
		  display: block; 
		  height: 11px;
		  margin: 0 10px 0 0;
		  text-indent: -9999px;
		  }
 		
		/*boutons individuels définis dans fr_ ou en_specific.css*/
	  
		
/* ---[ Navig principale ]--------------------- */

/* ul#nav défini dans fr_ ou en_specific.css*/
	
	ul#nav li {
		float: left;
		display: inline;
		list-style-type: none;
		height: 29px;
		text-transform: uppercase;
		font-size: 14px;
		}	

				
		ul#nav li a:link, ul#nav li a:visited {
			text-decoration: none;
			font-weight: bold;
			color: #000;
			padding-bottom: 5px;
			margin: 0 10px;
			
			}
			
			ul#nav li a:hover, ul#nav li a:active,
			
			/*page highlight*/
			body#pageStudio ul#nav li#studio a:link, body#pageStudio ul#nav li#studio a:visited,
			body#pageCoiffure ul#nav li#coiffure a:link, body#pageCoiffure ul#nav li#coiffure a:visited,
			body#pageExtensions ul#nav li#extensions a:link, body#pageExtensions ul#nav li#extensions a:visited,
			body#pageCollection ul#nav li#aveda a:link, body#pageCollection ul#nav li#aveda a:visited,
			body#pageGalerie ul#nav li#galerie a:link, body#pageGalerie ul#nav li#galerie a:visited,
			body#pageFormation ul#nav li#formation a:link, body#pageFormation ul#nav li#formation a:visited,
			body#pageCollabos ul#nav li#collabos a:link, body#pageCollabos ul#nav li#collabos a:visited {border-bottom: 10px #a4b0ac solid;}
		
		/*boutons individuels définis dans fr_ ou en_specific.css*/
		
		

/* fin navig */	

#animation {
	clear: left;
	margin: 0 auto;
	width: 840px;
	height: 393px;
	padding-top: 15px;
	}
	
#colGauche {
	clear: left;
	float: left;
	margin: 30px 37px 0 40px;
	width: 511px;
	height: auto;
	}	
	
#photoDroit {
	float: left;
	margin: 15px 0 0 0;
	width: 300px;
	height: 393px;
	}
	
	
#colLarge {
	clear: left;
	float: left;
	margin: 0 0 0 40px;
	width: 800px;
	height: auto;
	}	
	
	body#pageCollection #colLarge {margin: 30px 0 0 40px;}
	
div.leftCol {float: left; width: 45%; }
div.rightCol {float: right; width: 45%;}	

.thumb {float: left; margin: 0 25px 25px 0; border: 1px #9e9a9a solid; }
.mini {float: right; margin: 0 0 10px 10px; border: 1px #9e9a9a solid; }
img#logoAveda, img#logoGL {float: right; margin: 0 25px 15px 10px; }

#promo1 {
	float: left;
	width: 194px;
	height: 121px;
	margin: 30px 24px 15px 0;
	}	

#promo2 {
	float: left;
	width: 194px;
	height: 121px;
	margin: 30px 24px 15px 0;
	}

#promo3 {
	float: left;
	width: 493px;
	height: 121px;
	margin: 30px 0 15px 0;
	}
	
#partners {
	clear: both;
	margin: 0 auto;
	width: 940px;
	height: auto;
	text-align: center;
	}
	
	#partners img {margin: 0 50px 15px 50px;}

#footer {
	clear: both;
	margin: 15px auto;
	width: 940px;
	height: 15px;
	text-align: center;
	}	
	
	
	
/* ---[ Format du texte ]--------------------- */

h1 {
	
	margin: 15px 0;
	font-size:20px;
	color: #7c9d92;
	font-weight:bold;
	line-height:33px;
	text-transform: uppercase;
	line-height: 1.5em;
	}
	
	/*titres individuels définis dans fr_ ou en_specific.css*/
	
h2 {
	
	font-size: 120%;
	font-weight: bold;
	padding: 10px 0;
	text-transform: uppercase;
	line-height: 1.5em;
	}

h3 {
	font-size: 115%;
	font-weight: bold;
	color: #7c9d92;
	padding: 10px 0 5px 0;
	}


p {
	font-size: 110%;
	line-height: 1.50em;
	margin: 0 0 10px 0;
	}
	
	.note {font-size: 90%;}

#partners h1 {
	font-size: 120%;
	font-weight: bold;
	color: #656162;
	text-indent: 0;
	padding: 15px 0 0 0;
	}


#footer p {
	font-size: 90%;
	color: #666;
}


.rouge,
a:link, a:visited {color: #196244;}
a:hover, a:active {color: #96b79c;}
a:focus {outline: none;}
.gris {color: #F0EEEE;}
.vert {color: #196244;}

/* ---[ Lists ]--------------------- */
		
ul.simple {padding: 10px 0 10px 25px;}	
ul.simple li {list-style-type: square; padding: 3px; line-height: 1.5em;}



/* ---[ Diaporama /Slideshow ]--------------------- */	

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

.slideshow-images {
	height: 300px;
	width: 393px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

.slideshow {
	height: 383px;
	margin: 0 auto;
	width: 290px;
	padding: 4px;
	border: 1px #D9DADC solid;
}
.slideshow a img {
	border: 0;
}

.slideshow-captions {
	background: #000;
	bottom: 4px;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 4px;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 300px;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}


 /* ---[ Lightbox styles ]--------------------- */

#lightbox{
	background-color:#faf5f5;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
	
#lightboxDetails{
	font-size: 100%;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }


/* ---[ Hacks ]--------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */