@charset "utf-8";


/* 

Vert : #6f3
Vert fonce :#393

*/
/* http://meyerweb.com/eric/tools/css/reset/ 
=============================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }


html {background:#dff7d7;color:#444;height:100%}
body {font:normal 62.5%/1.5 Arial, Helvetica, sans-serif;height:100%;}

#container {width:986px;margin:0 auto;background:#fff url(../images/container.png) 0 0 repeat-y}
#tete {position:relative;width:986px;height:600px;margin:0 auto;background:url(../images/tete.jpg) 0 0 no-repeat}
#tete-commande {position:relative;width:986px;height:360px;margin:0 auto;background:url(../images/tete-commande.jpg) 0 0 no-repeat}

#logo {position:absolute;top:15px;left:129px;}
	#logo h2 {font:normal 2.5em/1 Georgia, "Times New Roman", Times, serif;color:#66ff33}
	#logo h2 span {display:block;font: normal 1.5em/1 "Impact", Arial, Helvetica, sans-serif;color:#fff}
	
#menu {position:absolute;top:0px;left:374px;}
	#menu li {float:left}
	#menu li a {display:block;width:87px;height:20px;background:#373737;border:1px solid #5d5d5d;color:#fff;text-decoration:none;	padding: 60px 0 10px 0;	font: normal 1.8em Georgia, "Times New Roman", serif;text-align: center;}
	#menu li a:hover, #menu li a.actuel {color:#66ff33;background:#666;}		
	
#etapes {position:absolute;top:410px;left:60px;}
	#etapes dt {float: left;width: 170px;font: normal 3em/1.1 "Impact", Arial, Helvetica, sans-serif;color: #fff;text-align: center;}
	#etapes dd {font:normal 2.6em/1.1 Georgia, "Times New Roman", Times, serif;	color:#6f3;float:left;width:200px;text-align: center;
	padding: 10px 0 0 120px;}
	
#commande {position:absolute;top:170px;left:700px;}
	#commande label {display: block;height:2em;font:normal 1.6em/1.2 Arial, Helvetica, sans-serif;color:#393;letter-spacing:1px;
	margin:0 0 5px 0;}
	#commande input, #commande textarea {border:none;/*IE*/border-color:#fff;font:normal 1.2em/1.5 Arial, Helvetica, sans-serif;width: 240px;}
	#commande input { margin:0 0 18px 0 !important;margin:0 0 15px 0;}
	#commande textarea {margin:7px 0 0 0;}
	#commande input#envoyer {position:absolute;top:346px;left:61px;background:url(../images/envoyer.png) 0 0 no-repeat;color:#393;width:125px;height:35px;font: normal 1.8em Arial, Helvetica, sans-serif;text-align:center;}
	
h1 {position:absolute;top:530px;left:-90px;font:normal 3em/1.5 Arial, Helvetica, sans-serif;width:600px;border-bottom:4px solid #393;color:#393}

#contenu {padding:20px;overflow:auto;clear:both;text-align:justify;}
	#contenu #ppal h2, #contenu #ppal h3, #contenu #ppal h4 {color:#393}
	#contenu #ppal h5 {color:#F00}
	#contenu #ppal a {font-weight:bold;color:#393}
	#contenu #sec h2, #contenu #sec h3, #contenu #sec h4 {border-bottom: 1px solid #ccc;}
	#contenu #sec h2, #contenu #sec h3, #contenu #sec h4, #contenu #sec p, #contenu #sec ul li {color:#ddd}
	#contenu #sec a {color:#eee;font-weight:bold;}
	#contenu #ppal {width:600px;float:left;padding:0 0 20px 20px;margin-right:30px;}
    #contenu #sec {width:255px;float:left;padding:20px 20px 20px 20px;background:#373737}
	#contenu h2 {font-size:180%;border-bottom:2px solid #393;margin:2em 0 1em 0;padding-bottom:.5em;}
	#contenu #ppal > h2 {margin-top:0}
    #contenu h3 {font-size:160%;border-bottom:1px solid #393;margin:2em 0 1em 0;padding-bottom:.5em;}
    #contenu #sec > h3 {margin-top:0}
	#contenu h4 {font-size:140%;margin:2em 0 1em 0;padding-bottom:.5em;}
	#contenu h5 {font-size:140%;margin:2em 0 1em 0;padding-bottom:.5em;}
	#contenu p, #contenu ul {font-size:1.2em;}
    #contenu ul li {padding:3px 0 5px 20px;}


#piedPage {background:#373737;padding:20px;width:940px;margin:0 auto;color:#bbb;font-size:1.1em;}