body {
	margin: 0;
	text-align: center;
}

	  
#index {
	margin-left: auto;
	margin-right: auto;
	width:992px;
	text-align: left;
}
a img{border:none;}	


/*HEADER*/
#header{
	background:url("../images/header.jpg");
	height: 148px;
	width:992px;
}
		
#header_gauche{
	width:420px;
	margin:0;
	padding:0;
	position:absolute;
}

#langue {
	padding-top:17px;
	margin-left:10px;
	width:150px;
}
#langue ul {
	list-style: none;
	padding:0;
	margin: 0 0 0 0px;
}
		
#langue ul li {
	float: left;
	padding:0;
	margin:0;
	margin-left:14px;
	margin-top:4px;
	/*width:28px;
	height:20px;
	*/width:16px;
	height:11px;	
}

#langue ul li  a {
	display: block;
	text-decoration: none;
	font-family:verdana;
	font-size:10px;
	text-align:center;
	/*margin-top:4px;*/
}
#langue_fr{background: url("../images/icons/langue_fr.gif") no-repeat;}
/*#langue_off a {color:#848587;}*/
#langue_en{background: url("../images/icons/langue_en.gif") no-repeat;}
#langue_esp{background: url("../images/icons/langue_esp.gif") no-repeat;}
/*#langue_on a{color:white;}*/


	
#logo {
	margin-top:16px;
	margin-left:24px;
}
		
#header_droit{
	position:absolute;
	margin-left:420px;
}
#qui_sommes_nous{
	margin-top:105px;
	margin-left:40px;
	width:125px;
	height:41px;
	background: url("../images/menu_haut_separation.jpg") no-repeat;
	position:absolute;
}
#nos_services{
	margin-top:105px;
	margin-left:198px;
	width:122px;
	height:41px;
	background: url("../images/menu_haut_separation.jpg") no-repeat;
	position:absolute;
}

#header_droit a{
	padding-left:8px;
	text-decoration:none;
	color:white;
	font-family:Century Gothic;
	font-size:11px;
}
#contenu-services {/*height:1050px;*/ text-align:justify;}
#contenu-index {height:445px;}	
#contenu-qui {/*height:950px;*/ text-align:justify;}	

/*CONTENUE PAGE ACCUEIL ->PRESENTATION DE LA SOCIETE*/				
#societe{
	height:420px;
	width:330px;
	margin-left:20px;
	position:absolute;
	text-align:justify;
}
#societe #img{ 
	border: 1px solid #848587;
	padding:7px;
}
#societe h3, #contenu-gauche h3, #contact-gauche h3, #contact-droite h3, #contenu-gauche1 h3, #contenu-gauche2 h3, #contenu-gauche3 h3, #contenu-gauche4 h3{
	margin-top:26px;
	padding-left:12px;
	background: url("../images/gauche_bleu.jpg") no-repeat;
	height:40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #414141;
	font-family:verdana;
	font-size:13px;
	color:#414141;
	line-height:17px;
	text-align:left;
}
#societe #contenu, #contenu-gauche, #contenu-gauche1, #contenu-gauche2, #contenu-gauche3, #contenu-gauche4 {
	margin-top:-5px;
	line-height:16px;
	font-family:verdana;
	font-size:11px;
	color:#414141;
}
#contenu_qui-sommes-nous { 
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	font-family:verdana;
	font-size:11px;
	color:#414141;
	text-align:justify;
}
					
#societe a img, #contenu-gauche a img, #contenu-gauche1 a img, #contenu-gauche2 a img, #contenu-gauche3 a img, #contenu-gauche4 a img{margin-top:8px;}


#droite{
	margin-left:370px;
	position:absolute;
	width:620px;
	height:485px;
	border-left: 1px solid #b3b8be;
	border-right: 1px solid #b3b8be;
}
		
/*MENU*/
#menu{
	background: url("../images/menu_categories.jpg") no-repeat;
	width:620px;
	height:65px;
	z-index:0;
}
#menu ul {
	list-style: none;
	padding:0;
	margin: 0 0 0 0px;
	margin-left:90px;
	padding-top:15px;
}
*html #menu ul {margin-left: 40px;}
#menu ul li {
	float: left;
	padding:0;
	margin:0;
	font-family:"Century Gothic";
	font-size:9px;
	color:#414141;
	text-align:center;
	margin-left:40px;
}

#menu ul li  a {
	display: block;
	text-decoration: none;
	height:32px;
}

#camion {
	background:url(../images/camion_off.png) no-repeat;  
	width:61px;
}

#semi {
	background: url("../images/semi_off.png") no-repeat;
	width:72px;
}
#benne {
	background: url("../images/benne_off.png") no-repeat;
	width:55px;
}
#tracteur {
	background: url("../images/tracteur_off.png") no-repeat;
	width:48px;
}
#engin_tp {
	background: url("../images/tp_off.png") no-repeat;
	width:57px;
}
#camion :hover{
	background: url("../images/camion_on.png") no-repeat;
	width:61px;
}
#semi:hover {
	background: url("../images/semi_on.png") no-repeat;
	width:72px;
}
#benne :hover{
	background: url("../images/benne_on.png") no-repeat;
	width:55px;
}
#tracteur :hover{
	background: url("../images/tracteur_on.png") no-repeat;
	width:48px;
}
#engin_tp :hover{
	background: url("../images/tp_on.png") no-repeat;
	width:57px;
}
	
	
/*CONTENUE PAGE ACCUEIL ->PROMOTION*/		
#promotion{
	margin-top:6px;
	width:399px;
	position:absolute;
	*margin-top:3px;
}
*+html #promotion{margin-top:11px;}
#promotion a img {margin-top:250px;}
#icone{margin-left:15px;}
#promotion h3, #recherche h3, #contenu-droite h3 {
	font-family:"Century Gothic";
	font-size:12px;
	color: #414141;
	margin-left:55px;
	margin-top:-24px;
	position:absolute;
	*margin-left:0px;
	*margin-top:10px;
}
/**html #promotion h3, *html #recherche h3, *html #contenu-droite h3, *+html #promotion h3, *+html #recherche h3, *+html #contenu-droite h3{
	margin-left:0px;
	margin-top:10px;
}*/

#promo1{
	height:200px;
	width:115px;
	margin-top:5px;
	margin-left:15px;
	position:absolute;
}
#promo2{
	height:200px;
	width:115px;
	margin-top:5px;
	margin-left:145px;
	position:absolute;
}
#promo3{
	height:200px;
	width:115px;
	margin-left:275px;
	margin-top:5px;
	position:absolute;
}
.promo{
	font-family:verdana;
	font-size: 10px;
	color:#414141;
}
.promo h6{
	margin:0;
	padding:0;
}	
.img  img {width:115px;}
.promo .lien{
	margin-top:5px;
	width: 102px;
	height:11px;
	background:url('../images/annonce.jpg') no-repeat;
}
.promo a{
	text-decoration: none;
	padding-left:13px;
	color: white;
}
		
/*RECHERCHE*/	
#recherche {
	margin-left:400px;
	margin-top:6px;
	position:absolute;
	*margin-top:3px;
}
*+html #recherche{margin-top:11px}
#recherche form , #contenu-droite form{
	margin-left:15px;
	margin-top:10px;
}
#recherche form  label, #contenu-droite form label{
	font-family:verdana;
	font-size:10px;
	color: #414141;
}
#recherche form  input, #contenu-droite form input{
	margin-bottom:10px;
	width:175px;
}
#recherche input[type=submit] , #contenu-droite  input[type=submit]{
	background: url("../images/submit.jpg") no-repeat;
	width:94px;
	height:20px;
	font-family:verdana;
	font-size:10px;
	color:#2a4d5c;
	font-weight:bold;
}


#recherche form  select, #contenu-droite form select{
	margin-bottom:10px;
	width:175px;
}  
#formulaire{height:240px;}
#recherche a img {margin-top:45px;}
*html #recherche a img {margin-top:8px;}


/*PIED DE PAGE*/	
#footer{
	padding-top:15px;
	padding-right:5px;
	margin-top:50px;
	height: 30px;
	background-color:#009ee0;
	text-align:right;
	color:white;
	font-family:verdana;
	font-size:10px;
	width:987px;
	display:block;
	float:left;
}
#foot{
	margin-top:-10px;
	height:30px;
	/*margin-top:-50px;*/
}
*html #foot{
	margin-top:-18px;
	height:30px;
}
#footer a {
	text-decoration:none;
	font-family:verdana;
	font-size:10px;
	color:white;
}

/* PAGE */			
#tete {height:65px;}
#tete-gauche {
	width: 372px;
	height:65px;
	background-color: #1a3048;
	position:absolute;
}
#tete-droite{
	width:620px;
	margin-left:372px;
	position:absolute;
}
#tete h4 {
	font-family:verdana;
	font-size: 15px;
	color:white;
	padding-top: 15px;
	margin-left:20px;
}
#contenu-gauche, #contenu-gauche1, #contenu-gauche2, #contenu-gauche3, #contenu-gauche4 {
	margin-left:15px;
	margin-top:25px;
	width:700px;
	display:block;
	float:left;
}
#contenu-droite{
	margin-left:55px;
	margin-top: 26px;
	display:block;
	float:left;
	border-left: 1px solid #b3b8be;
}
/*CONTACT*/
#contenu-contact {/*height:1000px;*/}
*html #contenu-contact, *+html #contenu-contact {/*height:1100px;*/}
#contact-gauche{
	margin-left:20px;
	margin-top: 25px;
	display:block;
	float:left;
	width:420px;
}
#contact-gauche form {
	font-family:verdana;
	color: #005b90;
	font-size:11px;
	margin-left:40px;
	margin-top:30px;
	width:340px;
}
#contact-gauche p {margin-top:10px;}

					
#contact-gauche form label {
	font-size:12px;
	font-weight:bold;
}
#contact-gauche form input[type=text]{width:280px;} 
#contact-gauche form input[type=textarea]{
	width:280px;
	height:80px;
} 
#contact-gauche input[type=submit] {
	background: url("../images/envoyer.jpg") no-repeat;
	width:94px;
	height:20px;
	font-family:verdana;
	font-size:10px;
	color:white;
	font-weight:bold;
	padding-left:16px;
}
#contact-droite{
	margin-left:60px;	
	display:block;
	float:left;
	width:460px;
	margin-top:25px;
	text-align:center;
}
#contact-droite p{
	font-family:verdana;
	font-size:12px;
	color:#414141;
	margin-left:25px;
	text-align:left;
}
#contact-droite h4 {
	font-family:verdana;
	font-size: 12px;
	color:#009ee0;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-left: 25px;
	margin-top: 10px;
	text-align:left;
}
iframe{
	margin-top:15px;
	margin-bottom:25px;
}
		
		
		
/*RESULTAT*/
/*#contenu-resultat {height: 1200px;}
#contenu-resultat1 {height: 900px;}
#contenu-resultat2{height: 1200px;}
#contenu-resultat3 {height: 1700px;}
#contenu-resultat4 {height: 1200px;}*/

#type_page a{
	font-family:verdana;
	font-size:10px;
	color: #414141;
	font-weight:bold;
	text-decoration:none;
}
.titre{
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#2a4d5c;
	background-color:#f7ad0e;
}
.bleu{color:#009ee0;}

.annonce1 {
	font-family:verdana;
	font-size:10px;
	color:#414141;
	height:120px;
	margin:0;
	padding:0;
	padding-bottom:20px;
}
.annonce2{
	font-family:verdana;
	font-size:10px;
	color:#414141;
	height:165px;
	margin:0;
	padding:0;
	padding-bottom:20px;
}
.annonce3 {
	font-family:verdana;
	font-size:10px;
	color:#414141;
	height:275px;
	margin:0;
	padding:0;
	padding-bottom:20px;
	margin-bottom:20px;
}
.annonce4{
	font-family:verdana;
	font-size:10px;
	color:#414141;
	height:190px;
	margin:0;
	padding:0;
	padding-bottom:20px;
}
#annonce1{
	background: url("../images/numero.jpg") no-repeat;
	width:320px;
	position:absolute;
}
.annonce1 h2, .annonce2 h2, .annonce3 h2, .annonce4 h2{
	font-size:10px;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-left:30px;
}
#annonce1 h2 a, #annonce2 h2 a, #annonce3 h2 a, #annonce4 h2 a{
	font-family:verdana;
	font-size:10px;
	color:#414141;
	height:190px;
	text-decoration:none;
}
#annonce1 h2 a:hover, #annonce2 h2 a:hover, #annonce3 h2 a:hover, #annonce4 h2 a:hover{
	border-bottom: 1px solid #009de0;
}
.annonce1 h1 , .annonce2 h1 , .annonce3 h1 , .annonce4 h1 {
	margin: 0 ; 
	padding: 0 ;
	padding-left:30px;
	color:white;
}
.annonce1 h1 a, .annonce2 h1 a, .annonce3 h1 a, .annonce4 h1 a{
	font-size:10px;
	color: white;
	font-weight:none;
	background-color:#009ee0;
}

.text{
	margin:0; 
	padding:0;
	margin-left:30px;
	text-align:justify;
}

.grande_photo {
	margin:0; 
	padding:0;
	margin-left:30px;
}
.grande_photo img {width:230px;}
.petite_photo{
	margin:0; 
	padding:0;
	margin-left:30px;
}
.petite_photo img {
	width: 100px;
	float:left;
	padding-right: 5 px;
}
#annonce2{	
	margin-left: 370px;
	background: url("../images/numero.jpg") no-repeat;
	width:320px;
	position: absolute;
}
#num, #num1 {
	position:absolute;
	margin-top:2px;
	margin-left:5px;
	font-family:verdana;
	font-size:10px;
	color: #1a3048;
	*margin-left:-25px;
}
*html #num1{margin-left:5px;}
*+html #num1{margin-left:5px;}
	
#retour {
	width:700px;
	text-align:right;
	font-family:verdana;
	font-size:10px;
	color:#414141;
}
#retour span  a {
	font-weight:bold;
	color:#1a3048;
	background-color:#f7ad0e;
	text-decoration: none;
}
#debut-annonce {
	width: 700px;
	height:250px;
}
#debut-annonce #photo{
	width: 150px;
	height: 100px;
	position:absolute;
}
#debut-annonce #photo img {
	width: 150px;
	height: 100px;
	position:absolute;
}
#debut-annonce #descript {
	width: 400px;
	margin-left: 160px;
	position:absolute;
}
#debut-annonce #contactez-nous {
	margin-left: 550px;
	position:absolute;
}
						
#ligne{
	width: 700px;
	/*height: 320px;*/
	font-family:verdana;
	font-size:10px;
	color: #414141;
	margin:0;
	padding:0;
	padding-bottom:20px;
}

#bloc h6 {
	margin:0;
	padding:0;
	background: url("../images/fleche_bleu.jpg") no-repeat;
	background-color:#049fe2;
	color: white;
	font-size:10px;
	height:15px;
	padding-left:15px;
}
/*#bloc1{
	width: 220px;
	margin:0;
	padding:0;
	display:block; 
	float:left;
}*/
#bloc {
	width:220px;
	margin:0;
	padding:0;
	padding-right:13px;
	margin-bottom:15px;
	display:block; 
	float:left;
}/*
#bloc3{
	width:220px;
	margin:0;
	padding:0;
	margin-left:20px;
	display:block; 
	float:left;
}*/
#contenu-fiche {/*height: 2000px;*/}

#photos {
	height: 400px; 
	display:block; 
	float:left; 
	width:700px;
	margin-top:20px;
}
#photos h6 {
	margin:0;
	padding:0;
	font-family:verdana;
	font-size:10px;
	color:#1a3048;
	background: url("../images/fleche-orange.jpg") no-repeat;
	background-color:#f7ad0e;
	height:15px;
	padding-left:15px;
}
#photos a img {
	max-height:200px;
	max-width: 210px;
	margin:0;
	padding:0;
	margin-top:5px;
	margin-right: 23px;
	text-align: center;
}
*html #photos a img{
	height: 200px;
	width:210px;
}
#page{
	margin: 0;
	text-align: center;
	width:700px;
	float:left;
}


#page a {text-decoration: none;}
.ma_page {background-color: #f7ad0e;}

#page ul {
	list-style: none;
	margin:0;
	padding:0;
	/*margin-left:210px;*/
	display:block;
	margin:0 auto;

}
		
#page ul li {
	float: left;
	padding:0;
	margin:0;
	margin-left:2px;
	margin-right:2px;
	width:20px;
	height:20px;
	border: solid 1px #1a3048;
}


#contenu-alerte{/*height:300px;*/}
#contenu-alerte #contenu-gauche input[type=submit] {
	background: url("../images/envoyer.jpg") no-repeat;
	width:94px;
	height:20px;
	font-family:verdana;
	font-size:10px;
	color:white;
	font-weight:bold;
	padding-left:16px;
}
							
#contact{
	margin-top:50px;
	padding-left:15px;
	padding-right:10px;
	line-height:16px;
	font-family:verdana;
	font-size:11px;
	color:#414141;
	*margin-top:25px;
	/*border-left: 1px solid #b3b8be;*/
}
*+html #contact{margin-top:50px;}
#contact h3{
	*margin-top:-25px;
	*margin-left:10px;
}
#contenu-mentions{
	/*height:500px;*/
}

.saut_ligne{
	display:block;
	float:left;
	width:700px;
}
#contenu-plan{
	font-family:verdana;
	font-size:12px;
	color:#414141;	
	margin-left:50px;
}
#contenu-plan ul{
	display:block;
	float:left;
	width:420px;
	font-family:verdana;
	font-size:12px;
	color:#414141;
}
#contenu-plan ul li{
	margin-top:4px;
	margin-bottom:4px;
}/*
#contenu_plan-du-site ul{
	margin-left:50px;
	margin-top: 25px;
	display:block;
	float:left;
	width:420px;
}*/
#contenu-plan a{
	font-family:verdana;
	font-size:12px;
	color:#414141;
	text-decoration:none;
}
#contenu-plan a:hover{
	border-bottom: 1px solid #009de0;
}