* {margin:0;padding:0;}
img {margin:0;padding:0;display: block;}

body {
	margin: 0;
	padding: 0;
	background-color: #e7e6bc;
	text-align: center;
	background:  url(../images/bg.jpg) 0 0 repeat; 
}

#global {
  	position:relative;
	text-align: left;
    width: 890px;
    margin-left: auto;
	margin-right: auto;
	border: 0;
}

#header {
		position:relative;
        width: 890px;
        height: 115px;
}

#logo {position: absolute; width: 500px; height: 75px; left: 30px; top: 0;}

#menu {
		position:relative;
        width: 890px;
        height: 25px;
		margin-left: 40px;
		z-index:50;
}

#menu ul li.separateur{background:  url(../images/separateur.gif) 0 0 no-repeat; width: 2px; height: 15px; padding: 0; margin: 5px 0 0 0;}

/*-----------------------------
------------- Menu ------------
------------------------------*/
#menu dl, dt, dd ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#menu dl {
	float: left;
	margin: 0 6px 0 6px;
	padding-right: 50px;
	}
html>body #body #menu dl{ 				/* Mozilla et l'interprétation de ses marges: différent d'IE*/
	margin: 0 6px 0 7px;
	}

#menu dt {
	cursor: pointer;
	text-align: center;
	margin: 5px 0 0 0;
	}

#menu dd {
	width: 115px;
	background-color: #b43f17;
	position: absolute;
	margin: 0 0 0 0;
	padding: 5px 5px 0 5px;
	}
	
#menu li {
	text-align: left;
	height:30px;
	padding:0;
	}

#menu ul{
	top:0;
	}

#menu dd ul li a {
	text-decoration: none;
	display: block;
	height: 20px;
	padding: 3px 0 0 3px;
	font: bold 10px Verdana;
	color: #FFF;
	}
	
#menu dd ul li a:hover {
	color: #000;
	}
	
#menu dd ul li  {
	margin: -2px 0 0 0;
	}



#animation {
		position:relative;
        width: 890px;
        height: 210px;
}

#img_anim {position: absolute; width: 955px; height: 210px;  top: 0; left: -26px; }

#body{ 
	   position:relative;       
       width: 790px;
       background:  url(../images/bg_body.jpg) 0 0 no-repeat ; 
	   padding: 0 50px 50px 50px;
	   clear:both;
	   height : 500px;
}
#body p{width: 400px; font: normal 8pt Verdana; color:#1e1d16; padding: 0 0 15px 0;}
#body a{font: bold 8pt Verdana; color:#be6526;}
#body h1{padding: 0 0 20px 0;}
#body h2{padding: 15px 0 5px 0; font: bold 13px Verdana; color:#000;}
#body h3{padding: 0 0 5px 0; font: italic 12px Verdana; color:#000;}

#body .fiche_ligne table {width:415px; margin: 0; padding: 0;}
#body .fiche_ligne table th{font: bold 11px Verdana; background-color: #b75c26; padding: 5px; color: #FFF;}
#body .fiche_ligne table td{padding: 5px 5px 5px 10px; font: normal 11px Verdana;}
#body .fiche_ligne table td.etape {padding: 5px; font: bold 11px Verdana; color:#FFF;}
#body ul{width: 400px;  font: normal 8pt Verdana; color:#1e1d16; padding: 5px 0 15px 40px;}
#body ul li{padding: 0 0 3px 10px;}


#body .col_left{float: left; width: 50%;}
#body .col_left p{padding: 0; width: 380px;}

#body .col_right{float: right; width: 50%;}
#body .col_right p{padding: 0; width: auto;}
#body .col_right ul{width: auto; padding: 0;}

#body .col_right #boutons{width: 370px; height: 30px;}
#body .col_right .bouton_devis{float: left;}
#body .col_right .bouton_recrutement{float: right;}

#bloc_actualités {width: 360px; padding: 5px; margin-top: 5px; background-color: #bfbd98;}
#bloc_actualités  h2{width: 350px; padding: 5px; background-color: #b75c26; color: #FFF;}
#bloc_actualités  h3.titre{font: bold 11px Verdana; color: #b75c26; padding: 0;}
#bloc_actualités  span.date{font: italic 11px Verdana; color: #1e1d16;}
#bloc_actualités  p{width: 200px; margin: 10px 0 0 0;}

.actualites_couleur_1 {background-color: #c1bf99; padding: 5px;}
.actualites_couleur_2 {background-color: #d8d5ac; padding: 5px;}

#body select {width: 425px;}
#body .fiche_ligne {background-color: #c1bf99; width: 415px; padding: 5px; margin-top: 10px;}
#body .bloc_couleur {width: 320px; padding: 20px; background-color: #bfbd98; float: left;}
#body .bloc_couleur ul{width: auto; margin: 0; padding: 0 0 0 15px; font: normal 10px Verdana;}
#body #logo_cg31 {position: absolute; left: 420px; top: -40px;}

form {width: 400px;}
.button {width: auto; background-color: #de7a3e; color: #FFF; border: none; padding: 2px;}
input {width: 180px;}
input.check {width: 10px; border: none; padding:0; margin: 2px;} 
input#sd, input#sd_2  {width: 150px;}

#body table {background-color: #bfbd98; width: 390px; padding: 5px; margin-top: 10px; border-collapse: collapse ;}
#body table td {vertical-align: top; padding: 0 0 5px 5px ;}
#body table th {font: bold 11px Verdana; background-color: #b75c26; padding: 5px; color: #FFF;}

.top {text-align: right;}

.vehicule {overflow: auto; width: 780px; padding: 0 5px 15px 10px;  margin: 0 0 5px 0; background-color: #c1bf99;}
.vehicule h2{font: bold 13px Verdana; color:#000; padding: 0; margin: 0;}
.vehicule h3{font: italic 12px Verdana; color:#000; padding: 0; margin: 0;}
.vehicule h4{font: bold 12px Verdana; color:#FFF; background-color: #de7a3e; padding: 5px;}
.vehicule div.contenu{float: left; width: 565px; padding: 0; margin: 0; background-color: #d8d5ac;}
.vehicule div.contenu ul{ margin: 15px 0 0 0;}
.vehicule div.gallerie h4{margin: 0 0 0 2px;}
.vehicule div.gallerie p{display: inline; clear: both;}
.vehicule div.gallerie p i{font-size: 9px;}
.vehicule div.gallerie{float: left; padding: 0 0 2px 0; margin: 0 0 0 5px; width: 204px;}
.vehicule div.gallerie img{float: left; margin: 0; padding: 2px 0 0 2px;}

#sous_menu {width: 230px;}
#sous_menu #sous_menu_haut {width: 230px; height: 10px; background:  url(../images/haut_sous_menu.gif) 0 0 no-repeat; line-height: 0; font-size: 0;}
#sous_menu #sous_menu_contenu {background-color: #db773c;}
#sous_menu #sous_menu_contenu ul{width: 215px; list-style: none; margin: 0; padding: 0;}
#sous_menu #sous_menu_contenu ul li {margin: 0; padding: 5px 0 0 15px; background:  url(../images/puce_sous_menu.gif) 0 12px no-repeat; }
#sous_menu #sous_menu_contenu ul li a{border-bottom: dotted #d0cc91 1px; display: block; margin: 0; padding: 5px 0 5px 0; font: bold 14px Verdana; color: #FFF; text-decoration: none}
#sous_menu #sous_menu_contenu ul li a:hover{text-decoration: underline;}
#sous_menu #sous_menu_bas {width: 230px; height: 10px; background:  url(../images/bas_sous_menu.gif) 0 0 no-repeat; line-height: 0; font-size: 0;}


#footer  {
        clear:both;
        width: 100%;
        height: 90px;
		text-align: center; 
		padding-top: 50px;
}

#footer  p{width: 100%; font: normal 9px Verdana; color: #83815a; border-top: solid #d5d3a9 1px; padding-top: 5px;}
#footer  a{font: bold 9px Verdana; color: #83815a;}
