*{ padding:0; margin:0; }
html{ font-size:100%; }
body, html{
background:#000 url(../images/body_top.gif) left top repeat-x;
font-size:.90em;
font-family:Arial, Helvetica, sans-serif;
color:#939393;
font-stretch:normal;
font-weight:normal;
height:100%;
}

#conteneur{
position:relative;
width:900px;
margin:0 auto;
min-height:100%;
}


/************* haut de page et ses contenus  ***************/
#header{
height:290px;
background:url(../images/background_menu_top.jpg) center 174px no-repeat;
}

#header h1{
position:absolute;
left:240px;
top:55px;
width:420px;
height:52px;
z-index:5;
text-align:center;
text-transform:uppercase;
color:#fff;
background:url(../images/second-oeuvre.png) left top no-repeat;
}

#header h1 span{ display:none; }

#img_L{
position:absolute;
left:0;
top:0;
width:302px;
height:174px;
z-index:1;
background:url(../images/img_head_left.jpg) left top no-repeat;
}

#img_R{
position:absolute;
right:0;
top:0;
width:280px;
height:174px;
z-index:1;
background:url(../images/img_head_right.jpg) right top no-repeat;
}

#logo{
position:absolute;
top:135px;
left:0;
width:183px;
height:147px;
z-index:2;
}

#logo img, #logo a, #logo a:hover, #logo a:focus{ border:none; }


/*************  generales  ********************/
.petit{ font-size:.75em; }

h1{ font-size:1.4em; }

h2{ font-size:1.2em; }

/************ menu gauche et ses contenus *************/
#menu_left{
float:left;
width:245px;
overflow:hidden;
}

#block_left{
width:211px;
margin:5px auto 40px auto;
background:url(../images/block_left.png) left top no-repeat;
}

#block_left h1{
width:90%;
height:30px;
line-height:30px;
margin:0 auto;
border-bottom:#464545 dashed 1px;
text-align:center;
text-transform:uppercase;
color:#afafaf;
font-size:1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#block_left h2{
text-align:center;
color:#E42626;
text-transform:uppercase;
padding:15px 0 5px 0;
font-weight:normal;
font-size:1em;
}

#block_left p{
text-align:center;
color:#fff;
padding:3px 0;
}

#block_left p.petit{ color:#373434; }

#block_left ul{
list-style:none;
color:#CCCCCC;
padding:10px 10px 10px 30px;
}

#block_left ul li{
line-height:20px;
padding:0 0 0 15px;
background:url(../images/petite_fleche_blanc.gif) left center no-repeat;
color:#E2C801;
}


/************ menu droite et ses contenus *************/
#menu_right{
margin-left:245px;
overflow:hidden;
padding:10px 10px 10px 50px;
color:#939393;
}

#menu_right h1{
text-transform:uppercase;
color:#fff;
font-size:1.4em;
padding:10px 0 0 50px;
height:40px;
line-height:30px;
background:url(../images/carres_jaunes.gif) left center no-repeat;
}

#menu_right h2{
color:#E42626;
text-transform:uppercase;
font-weight:bold;
font-size:1em;
margin:12px 0 0 0;
}

#menu_right p{
padding:10px 70px 20px 0;
text-align:justify;
font-size:1em;
}



/**************** mise en forme formulaire ************************/
form{
background-color:#222;
margin-right:70px;
padding:20px;
}

form fieldset{
margin:20px auto;
padding:20px;
border:#fff solid 1px;
}

form fieldset#sub{
margin:10px auto;
padding:5px;
border:none;
}

form fieldset div.lab_g{
float:left;
display:block;
width:200px;
overflow:hidden;
}

form fieldset div.lab_d{
float:right;
display:block;
width:200px;
overflow:hidden;
}

form fieldset legend{
text-transform:uppercase;
color:#fff;
font-size:1.2em;
font-weight:bold;
padding:0 5px;
}

form fieldset label{
display:block;
margin:8px 0;
}

form fieldset.civilite label{
margin:12px 15px 0 0;
width:120px;
float:left;
}

form fieldset.civilite label.fisrt{
margin-left:10px;
}

.input_t, .input_a{
width:150px;
background-color:#fbfbfb;
border:#363131 solid 2px;
}

.input_a{ width:435px; height:250px; }

.input_t:focus, .input_a:focus{
background-color:#fbfbfb;
border:#f3540a solid 2px;
}

.input_s{
width:179px;
height:35px;
background:url(../images/bouton.gif) left top no-repeat;
border:none;
cursor:pointer;
text-align:center;
color:#fff;
text-transform:uppercase;
font-weight:bold;
}

.input_s:hover, .input_s:focus{
outline:none;
}

.obligatoires{
font-size:1.3em;
color:#F4550B;
}

.champs_obligatoires{ 
color:#F4550B; 
text-align:left; 
font-size:.70em;
height:35px;
} 


#errorForm{
width:400px;
height:50px;
padding-left:20px;
margin:0 auto;
text-transform:uppercase;
font-size:1em;
color:#EACF3A;
font-weight:bold;
line-height:50px;
background:none;
}

#errorForm_ok{
width:400px;
height:50px;
padding-left:20px;
margin:0 auto;
text-transform:uppercase;
font-size:1em;
color:#fff;
font-weight:bold;
line-height:50px;
background:none;
}

#errorForm img, #errorForm_ok img{ float:left; }

/****************** slider de contenu ***********************/
	#slider{ border:#fff solid 2px; }
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:580px;
		height:295px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}
  
         


	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#212121;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#E63420;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


/************ bas de page ************/
#footer{
clear:both;
height:70px;
border-top:#A50505 solid 5px;
background:url(../images/rp_footer.gif) left top repeat-x;
color:#e42627;
}

#footer p{
width:60%;
margin:0 auto;
text-align:center;
padding:30px 0 5px 0;
}

#footer p a{
padding:0 5px;
color:#e42627;
text-decoration:none;
}

#footer p a span{ color:#ababab; }

#footer p a:hover{
padding:0 5px;
color:#E2C801;
text-decoration:none;
}