/*General*/
*{
margin:0;
padding:0;
}

*:focus {
outline:none;
}


body{
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
background-color:black;
color:#f3d9a6;
}


#conteneur{
width:947px;
margin-left:auto;
margin-right:auto;
background-color:black;
border-left:1px #492c0d solid;
border-right:1px #492c0d solid;
border-bottom:1px #492c0d solid;
}

/* entete */

#entete{
width:947px;
height:192px;
background-image:url('../images/entetebg.jpg');
background-position:top center;
background-repeat:no-repeat;
}

/* navigation */

#nav{
width:117px;
padding-bottom:20px;
}

#nav ul{
width:117px;
list-style:none;
margin-left:25px;}

#nav ul li{
width:117px;
height:17px;
margin-bottom:10px;
}

#nav ul li a{
width:117px;
height:17px;
display:block;
}

.navaccueil{
background-image:url('../images/nav/accueil.png');
background-position:top center;
background-repeat:no-repeat;}

.navaccueil:hover{
background-image:url('../images/nav/accueil_hover.png');}

.navservices{
background-image:url('../images/nav/services.png');
background-position:top center;
background-repeat:no-repeat;}

.navservices:hover{
background-image:url('../images/nav/services_hover.png');}

.navprocessus{
background-image:url('../images/nav/processus.png');
background-position:top center;
background-repeat:no-repeat;}

.navprocessus:hover{
background-image:url('../images/nav/processus_hover.png');}

.navrealisations{
background-image:url('../images/nav/realisations.png');
background-position:top center;
background-repeat:no-repeat;}

.navrealisations:hover{
background-image:url('../images/nav/realisations_hover.png');}

.navtemoignages{
background-image:url('../images/nav/temoignages.png');
background-position:top center;
background-repeat:no-repeat;}

.navtemoignages:hover{
background-image:url('../images/nav/temoignages_hover.png');}

.navcontact{
background-image:url('../images/nav/contact.png');
background-position:top center;
background-repeat:no-repeat;}

.navcontact:hover{
background-image:url('../images/nav/contact_hover.png');}


/* section principale */


#principale{
width:947px;
min-height:630px;
padding-top:45px;
background-image:url('../images/mainbg.jpg');
background-position:top center;
background-repeat:no-repeat;
text-align:justify;
}

#princG{
width:170px;
min-height:300px;
float:left;}

#princD{
width:717px;
min-height:500px;
padding-left:40px;
padding-right:20px;
float:left;}

.encadrer{
width:585px;
min-height:100px;
padding-left:30px;
padding-right:30px;
padding-top:20px;
padding-bottom:20px;
margin:auto;
border:1px #e3aa29 solid;
margin-bottom:20px;
}


.encadrer h2{
width:585px;
height:25px;
padding-bottom:20px;}


.encadrer2{
width:600px;
min-height:100px;
padding-left:30px;
padding-right:30px;
padding-top:20px;
padding-bottom:20px;
border-top:1px #e3aa29 solid;
border-left:1px #e3aa29 solid;}

.encadrer2 h3{
width:120px;
height:16px;
padding-bottom:10px;}


/* Accueil */

.imgAccueil{
width:645px;
height:358px;
margin:auto;
border:thin #e3aa29 solid;}

.imgAccueil img{
border: 1px #e3aa29 solid;}




/* Services */

#services{
width:660px;
margin-left:25px;}

#services h1{
width:660px;
height:25px;
padding-bottom:5px;
margin-bottom:20px;
border-bottom: 1px #e8ad3d dotted;
}

#services h2{
margin-top:30px;
margin-bottom:30px;}

#services ul{
list-style:none;
margin-left:50px;
line-height:150%;}



/* Processus */

#processus{
width:660px;
margin-left:25px;}

#processus h1{
width:660px;
height:25px;
padding-bottom:5px;
margin-bottom:20px;
border-bottom: 1px #e8ad3d dotted;
}

#processus h2{
width:615px;
margin:auto;
margin-bottom:5px;}


#processus .section{
width:555px;
min-height:41px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
margin:auto;
margin-bottom:30px;
border-bottom:1px #e3aa29 solid;
border-left:1px #e3aa29 solid;
background-image:url('../images/processus/sectionbg.png');
background-position:bottom center;
background-repeat:no-repeat;
}


#processus .section img{
width:83px;
height:62px;
margin-top:20px;
margin-bottom:20px;
margin-right:30px;
border:1px #e3aa29 solid;
}


/* Realisations */

#realisations{
width:660px;}

#realisations h1{
width:660px;
height:25px;
padding-bottom:5px;
margin-bottom:20px;
border-bottom: 1px #e8ad3d dotted;
}

.fiche{
width:660px;
margin-left:25px;
margin-bottom:40px;}

.fiche h2{
margin-bottom:10px;}

.ficheImg{
width:690px;
min-height:350px;}

.ficheImg .gauche{
width:462px;
border:1px #f6b840 solid;
float:left;
}

.droite{
width:195px;
float:left;
}

.topImg img{
margin-right: 20px;
margin-bottom: 8px;
border: 1px #F6B840 solid;
width: 75px;
height: 55px;
float: left;
}

.droite img{
margin-left:19px;
margin-bottom:8px;
border:1px #f6b840 solid;
width:75px;
height:55px;
float:right;}

#slideshow5{
margin-top:30px;
}


/* Temoignages */

#temoignages{
width:660px;
margin-left:25px;}

#temoignages h1{
width:660px;
height:25px;
padding-bottom:5px;
margin-bottom:20px;
border-bottom: 1px #e8ad3d dotted;
}

#temoignages h2{
width:615px;
font-size:15px; 
font-style:italic; 
color:#e3aa29; 
margin-left:33px;
padding-top:15px;
padding-bottom:5px;
margin-bottom:5px;}


#temoignages .section{
width:555px;
min-height:41px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
padding-bottom:20px;
margin:auto;
margin-bottom:30px;
border-top:1px #e3aa29 solid;
border-left:1px #e3aa29 solid;
background-image:url('../images/processus/sectionbg2.png');
background-position:top center;
background-repeat:no-repeat;
}




/* Contact */

#contact{
width:660px;}

#contact h1{
width:660px;
height:25px;
padding-bottom:5px;
margin-bottom:20px;
border-bottom: 1px #e8ad3d dotted;
}

#contactcadre{
width:555px;
min-height:41px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
margin:auto;
margin-bottom:30px;
border-bottom:1px #e3aa29 solid;
border-left:1px #e3aa29 solid;
background-image:url('../images/processus/sectionbg.png');
background-position:bottom center;
background-repeat:no-repeat;
}

#contactcadre p{
padding-bottom:20px;}

#contactcadre img{
border:none;}

#contactcadre h2{
margin-bottom:15px;}


/* formulaire contact */

form.formular {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	padding: 20px;
	width:595px;
	margin: 0 auto;
}

.formular fieldset {
	margin-top: 20px;
	padding : 15px;
	border:1px #e3aa29 solid;
	
}

.formular legend {
	font-size: 12px;
	color: white;
	font-weight: 900;
}

.formular fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
}



.formular input, .formular select, .formular textarea {
	display : block;
	margin-bottom: 5px;
}

.formular .text-input {
	width: 350px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	
}
.formular textarea {
	width: 250px;
	height:100px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	
}
.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox {
	display: inline;
}

.formular .submit {
	border: 1px solid #B5B8C8;
	padding: 4px;
	margin-top: 10px;
	margin-bottom:10px;
	float: right;
	text-decoration: none;
	cursor:pointer;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}


	.formError {
			position:absolute;
			top:300px; left:300px;
			width:150px;
			padding-bottom:15px;
			display:block;
			z-index:5000;
		}
			.formError .formErrorContent {
				width:100%; 
				background:#000;
				color:#yellow;
				font-family:tahoma;
				font-size:10px;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				
			}
				.formError .formErrorArrow div{
					box-shadow: 0px 0px 6px #000;
					-moz-box-shadow: 0px 0px 6px #000;
					-webkit-box-shadow: 0px 0px 6px #000;
					font-size:0px; 
				}
				.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
				.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;} 




/* pied de page */
#piedDePage{
width:947px;
height:39px;
color:black;
text-align:center;
padding-top:20px;
font-size:11px;
background-image:url('../images/footerbg.jpg');
background-position:top center;
background-repeat:no-repeat;
}

#piedDePage a{
text-decoration:none;
color:#924d06;}

#piedDePage a:hover{
text-decoration:underline;}




.clear{
clear:both;
}