/* CSS Document */

*, html { padding: 0; margin: 0; }

body { text-align:center; margin:auto; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

a { outline: none; }

#container1 { width: 960px; position: relative; margin: 0 auto; }

#colonneGauche {
	background: url(../../images/layout/bg-colonne.jpg) no-repeat; 
	width: 371px; height: 570px; margin: 0 540px 0 0; padding: 30px 10px 0 0;
	text-align: right;  
}

#logo { 
	background: url(../../images/layout/bg-logo.jpg) no-repeat right bottom; 
	padding: 0 18px 5px 0; 
}

#nav { 
	background: url(../../images/layout/bg-nav.jpg) no-repeat right top; 
	height: 230px; padding: 0 18px 0 0;
	font-size: 11px; font-weight: bold; color: #666; text-transform: uppercase;
}
#nav ul { list-style: none; }

#nav li { margin: 0 0 1px 0; width: 352px; }

#nav li a { background: url(../../images/layout/hover-nav.gif) no-repeat left top; color: #666; text-decoration: none; height: 24px; display:block; padding-top: 16px; }
#nav li a:hover, .Actif  { background: url(../../images/layout/hover-nav.gif) no-repeat left bottom; color: #D15426; text-decoration: none; }



#content { width: 575px; float:right; background:#FFFFFF; padding: 0; margin: 0; }

#quickNav { 
	background: url(../../images/layout/bg-quicknav.jpg) no-repeat bottom left; 
	height: 25px; padding: 30px 37px 0 39px;
	text-align: right;
	font-size: 10px; color: #999999; font-weight: bold;
}

#quickNav a { color: #999999; text-decoration: none; }
#quickNav a:hover { color: #D15426; text-decoration: underline; }


#container2 { 
	background: url(../../images/layout/bg-content.jpg) repeat-y; 
	padding: 0 37px 0 48px;
	text-align: left;
	font-size: 10px; color: #666;
}

#container2 p { padding: 0 20px 1em 20px; line-height: 140%; }
#container2 h1 { padding: 0 20px 0.5em 20px; color: #D15426; font-size: 11px; font-weight: bold; }
#container2 h2 { padding: 0 20px 0 20px; color: #666; font-size: 10px; font-weight: bold; }
#container2 a { color: #999999; text-decoration: none; font-weight: bold; }
#container2 a:hover { color: #D15426; text-decoration: underline; }
#container2 a img  { border: none; }

#footer { 
	background: url(../../images/layout/bg-footer.jpg) no-repeat; 
	height: 28px; padding: 15px 37px 0px 38px;
	font-size: 9px; color: #999999; 
}
#footer a { color: #999999; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.spacer { background: url(../../images/layout/spacer-line.jpg) no-repeat center center; border: none; height: 21px;}
.spacer2 { background: url(../../images/layout/spacer-line.jpg) no-repeat center top; border: none; height: 11px;}

.imgRight { float: right; margin: 10px 0 0 2px; }

.signature { background: url(../../images/layout/signature-accueil.gif) no-repeat right bottom; height: 55px; display:block; }

.galerie { margin: 0 0 8px 0; }
.galerie.last { margin: 0; }

form.contact { padding: 0 20px 0.5em 20px; }
form.contact div { margin: 0; padding: 0 0 10px 0;}
form.contact input, form.contact textarea { width: 434px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#fff url(../../images/layout/bg-formfiled.jpg) repeat-x; border: 1px solid #625C54; margin-left: 0px; padding: 2px; }
form.contact input.submit { width: 200px; font-weight: bold; background: url(../../images/layout/bg-formfiled.jpg) left center; color: #D15426; }

.right { text-align: right; }

.merci { height: 102px; margin-top: 50px; }

.imgRight { float: right; border: 1px solid #DDD; padding: 1px; margin: 5px 0 10px 10px; }
.imgBorder { border: 1px solid #DDD; padding: 1px; margin: 5px 0 10px 16px; }

.requis { float: left; margin-right: 10px; font-size: 10px; color: #333; }
.red { color: #FF0000; }