/************************************************/
/********** EXPRESSIONCOIFFURE.FR V2.0 **********/
/********** BY WEBAZ.ORG ************************/
/************************************************/

body {
text-align: center;
margin : auto;
padding : 0;
font-size: 12px;
color : #000000;
font-family: Arial, Helvetica, sans-serif;
background : #ebdaa9 url('../images/fond.png') top repeat-x;
}

td {
font-size: 12px;
}

img {
border: 0;
}

form {
margin: 0;
padding: 0;
}

.clear {
clear: both;
}

.gauche {
float: left;
margin: 0 12px 8px 0;
}

.droite {
float: right;
margin: 0 0 8px 12px;
}

.no_border {
border: none;
background: none;
padding: 0;
}

input, textarea , select {
font-family: Verdana, Geneva, sans-serif;
padding : 2px 3px;
color : #573712;
font-size : 11px;
background : #fffefe url('/images/fond_td.png') top repeat-x ;
border : 1px solid #573712;
font-weight: normal;
}

.message_erreur {
font-size: 11px;
padding: 14px 20px 14px 50px;
margin-bottom: 14px;
border: 1px solid #3D2F25;
background: #FFFFFF;
color: #3D2F25;
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
background :  #FFFFFF url('/images/message_erreur.png') left top no-repeat;
}

.message_ok {
font-size: 11px;
padding: 10px 20px 10px 50px;
margin-bottom: 14px;
border: 1px solid #3D2F25;
background: #FFFFFF;
color: #3D2F25;
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
background :  #FFFFFF url('/images/message_ok.png') left top no-repeat;
}

label {
clear: both;
font-size: 12px;
float: left;
width: 130px;
text-align: right;
padding: 2px 8px 0 0;
margin-bottom: 6px;
}

.label {
clear: both;
}

h2 {
margin: 0;
font-size: 13px;
font-variant: small-caps;
display: none;
}

h3 {
margin: 0 0 2px 0;
font-size: 15px;
font-variant: small-caps;
border-bottom: 1px solid #000000;
border-left: 3px solid #000000;
padding: 0 18px 0 18px;
}

.separation {
height: 2px;
background : url('../images/bloc_separation.png') center top no-repeat;
}

.salon_miniature {
margin: 2px;
}




/******************** TABLEAUX ********************/ 

.tableau_defaut, .tableau_defaut td, .tableau_defaut th {
border: 1px #503935 solid;
border-collapse : collapse;
margin : auto;

}

.tableau_defaut th {
text-align : center;
background : #6d573b url('../images/fond_th.png') top repeat-x;
color : #ffffff;
font-weight : bold;
padding : 6px;
font-size: 12px;
}

.tableau_defaut td {
text-align : center;
background : #fffefe url('../images/fond_td.png') top repeat-x;
padding : 6px;
font-size: 12px;
}

/******************** TABLEAUX ********************/ 





/******************** LIENS ********************/ 

a {
color: #000000;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #000000;
font-weight: bold;
text-decoration: underline;
}

#menu_haut ul { 
list-style-type : none;
margin: 0;
padding: 0px 58px ;
}

#menu_haut li { 
float : left;
}

#menu_haut li a {
padding: 7px 18px;
display : block;
color : #FFFFFF;
text-decoration: none;
font-weight:bold;
}

#menu_haut li a:hover { 
color : #FFFFFF;
background : url('../images/menu_haut_hover.png') repeat-x;
text-decoration: none;
}

#header_titre h1 a {
color: #cfb5a7;
}
		
#header_titre h1 a:hover {
color: #cfb5a7;
text-decoration: none;
}

#footer a {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#footer a:hover { 
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

/******************** LIENS ********************/ 





/******************** DESIGN ********************/ 

#global {
text-align: left;
margin: auto;
width: 820px;
}

	#header_titre {
	height: 28px;
	background : url('../images/header_titre.png') no-repeat;
	position: relative;
	}
		
		#header_titre h1 {
		margin: 0;
		font-size: 11px;
		font-weight: bold;
		color: #cfb5a7;
		position: absolute;
		left: 28px;
		top: 8px;
		}
			
		#header_titre .pub {
		width: 468px;
		height: 15px;
		position: absolute;
		right: 28px;
		top: 8px;
		}
			
	#header {
	height: 154px;
	}

	#menu_haut {
	height: 29px;
	background : url('../images/menu_haut.png') no-repeat;
	}
		
	#container_fond {
	background : url('../images/container_fond.png') repeat-y;
	min-height: 304px;
	}

		#container_haut {
		background : url('../images/container_haut.png') top no-repeat;
		min-height: 304px;
		padding: 0 34px;
		}

			#container_gauche {
			float: left;
			width: 547px;
			padding: 16px 0 0 0;
			}
			
				.bloc_titre {
				height: 61px;
				}
				
				.bloc_fond {
				background : #fdd10e url('../images/bloc_bas.png') bottom no-repeat;
				min-height: 236px;
				padding: 4px 22px 20px 22px;
				margin-bottom: 16px;
				}

					.bloc_fond img {
					border: 1px solid #3E312F;
					}

					.bloc_fond img.no_border {
					border: none;
					}

			#container_droite {
			float: right;
			width: 188px;
			background : url('../images/pub_fond.png') repeat-y;
			min-height: 195px;
			}

				#pub_bas {
				background : url('../images/pub_bas.png') bottom no-repeat;
				min-height: 195px;
				padding: 16px 2px;
				text-align: center;
				}

				#pub_titre {
				background : url('../images/pub_titre.png') no-repeat;
				height: 31px;
				margin-bottom: 8px;
				}

	#footer {
	height: 61px;
	background : url('../images/footer.png') no-repeat;
	margin-bottom: 14px;
	}
	
		#footer p {
		color: #FFFFFF;
		padding: 23px 30px 0 30px;
		text-align: center;
		margin: 0;
		font-weight: bold;
		font-size: 12px;
		}
	
/******************** DESIGN ********************/ 




/******************** CSS LIGHTBOX ********************/ 

#lightbox{ position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/******************** CSS LIGHTBOX ********************/