body{
margin: 0px; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
font-family: arial;
}

img{border:0px;}

*{
margin: 0;
padding: 0;
}

/******************************************************************************
                                  polices
******************************************************************************/

p{font-size:12px;text-align: justify;}

h1{
color:white;
font-weight:normal;
font-size:25px;
}

h2{
color:#0099cc;
font-weight:normal;
font-size:19px;
}

#page_presentation h2{
float:right;
color:#2282ae;
font-weight:bold;
font-size:20px;
margin:30px 10px 0 0;
padding:0 0 0 0;
}

#page_chassis h2{
float:right;
color:#336666;
font-weight:bold;
font-size:20px;
padding: 0 0 0 0;
text-align: right;
}

#page_carrosserie h2{
float:right;
color:#dd7920;
font-weight:bold;
font-size:20px;
padding: 0 0 0 0;
text-align: right;
}

#page_porte_engins h2{
float:right;
color:#901515;
font-weight:bold;
font-size:20px;
padding: 0 0 0 0;
text-align: right;
}

#page_formation h2{
float:left;
color:black;
font-weight:bold;
font-size:21px;
}

#page_sav h2{
float:right;
color:#2282ae;
font-weight:bold;
font-size:20px;
padding:20px 20px 0 0;
}

#page_news h2{
float:right;
color:#2282ae;
font-weight:bold;
font-size:20px;
padding:20px 30px 0 0;
margin:0 0 0 0;
}

h3{
color:white;
font-weight:normal;
font-size:20px;
}

#page_chassis h3{
float:right;
color:#3e6f6f;
font-size:18px;
margin:20px 10px 0 0;
padding:0 0 0 0;
}

#page_carrosserie h3{
float:right;
color:#ec910e;
font-size:18px;
margin:20px 10px 0 0;
padding:0 0 0 0;
text-align: right;
}

#titre_remorques h3{
color:#901515;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:19px;
}

#titre_semi_remorques h3{
color:#901515;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:19px;
}

h4{
color:black;
font-size:15px;
font-weight:normal;
}

a:link{
color: #000000; 
text-decoration: none; 
background-color: transparent
}

a:visited{
color: #000000; 
text-decoration: none; 
background-color: transparent
}

a:hover{
color: #4a4c4c; 
text-decoration: underline; 
background-color: transparent
}

a:active{
color: #000000; 
text-decoration: underline; 
background-color: transparent
}

/******************************************************************************
                                  pages
******************************************************************************/
#page_accueil{
position: relative;
width: 1024px;
height: 768px;
margin: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
background: url(images/fonds/fond_accueil2.jpg) no-repeat;
border: 1px black solid;
overflow: hidden;
}

#page_presentation{
position: relative;
width: 1024px;
height: 768px;
margin: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
background: url(images/fonds/fond_presentation.jpg) no-repeat;
border: 1px black solid;
}

#page_chassis{
position: relative;
width: 1024px;
height: 768px;
margin: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
background: url(images/fonds/fond_chassis.jpg) no-repeat;
border: 1px black solid;
}

#page_formation{
position: relative;
width: 1024px;
height: 768px;
margin: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
background: url(images/fonds/fond_formation.jpg) no-repeat;
border: 1px black solid;
}

#page_sav{
position: relative;
width: 1024px;
height: 768px;
margin: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
background: url(images/fonds/fond_sav.jpg) no-repeat;
border: 1px black solid;
}

#page_news{
position: relative;
width: 1024px;
height: 768px;
margin: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
background: url(images/fonds/fond_presentation.jpg) no-repeat;
border: 1px black solid;
}

#page_contact{
position: relative;
width: 1024px;
height: 768px;
margin: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
background: url(images/fonds/fond_contact.jpg) no-repeat;
border: 1px black solid;
}

#page_carrosserie{
position: relative;
width: 1024px;
height: 768px;
margin: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
background: url(images/fonds/fond_carrosserie.jpg) no-repeat;
border: 1px black solid;
}

#page_porte_engins{
position: relative;
width: 1024px;
height: 768px;
margin: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
background: url(images/fonds/fond_porte-engins2.jpg) no-repeat;
border: 1px black solid;
}

/******************************************************************************
                                  menu
******************************************************************************/

#menu dl{
float:left;
margin:0 0 0 0;
padding:147px 0 0 0;
}

#gdmenu1{
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
width:190px;
height:60px;
}

#gdmenu2{
float:left;
margin:0 0 0 0;
padding:13px 0 0 0!important;
padding:10px 0 0 0;
width:187px;
height:58px;
}

#menu dd {
position:absolute;
top:215px;
left:170px;
margin:0 0 0 0;
padding:0 0 0 0;
width:129px;
height:60px;
z-index:100;
}

#smenu2 ul{
margin:0 0 0 0;
padding:0 0 0 0;
}

#smenu2 li{
list-style-type: none;
margin:0 0 0 0;
padding:0 0 0 0;
}

#gdmenu3{
float:left;
margin:0 0 0 0;
padding:16px 0 0 0!important;
padding:13px 0 0 0;
width:183px;
height:58px;
}

#gdmenu4{
float:left;
margin:0 0 0 0;
padding:14px 0 0 0!important;
padding:11px 0 0 0;
width:178px;
height:58px;
}

#gdmenu5{
float:left;
margin:0 0 0 0;
padding:21px 0 0 0!important;
padding:18px 0 0 0;
width:162px;
height:58px;
}

#gdmenu6{
float:left;
margin:0 0 0 0;
padding:6px 0 0 0!important;
padding:3px 0 0 0;
width:144px;
height:58px;
}

/******************************************************************************
                                  accueil
******************************************************************************/

#logo .logo {
position:absolute;
width : 220px;
height: 80px;
margin:40px 0 0 15px;
}

/*#logo{
position: absolute;
width:230px;
height:63px;
top:50px;
left:12px;
}*/

#partie_gauche{
float:left;
/*background-color: rgb(102,51,255);*/
width:200px;
height:738px;
margin:0;
padding:0;
}

#menu{
float:left;
width:195px;
height:600px;
/*background-color: rgb(102,51,255);*/
margin:0;
padding:0;
}

#partie_droite{
float:left;
/*background-color: black;*/
width:824px;
height:738px;
margin:0;
padding:0;
}

#bandeau{
float:left;
/*background-color: black;*/
width:824px;
height:185px;
margin:0;
padding:0;
}

#logo_demico{
float:left;
width:171px;
height:90px;
padding:39px 0 0 98px;
}

#logo_services{
float:left;
width:146px;
height:66px;
margin:47px 0 0 55px;
padding:0 0 0 0;
}

#drapeaux_et_btn{
float:left;
width:354px;
height:90px;
margin:0;
padding:0;
}

#drapeaux{
float:right;
/*background-color: black;*/
width:250px;
height:40px;
margin:10px 10px 0 0;
padding:0;
}

#drapeaux img{
float:right;
margin:0 0 0 0;
padding:0 10px 0 0;
}

#btn{
clear:both;
float:right;
width:150px;
height:40px;
/*background-color: black;*/
margin:0 10px 0 0;
padding:0;
}

#btn img{
float:right;
margin:0 0 0 0;
padding:0 10px 0 0;
}

#accroche{
float:left;
width:480px;
padding:0 0 0 80px;
letter-spacing: 1px;
}

#accroche1{
float:left;
width:400px;
margin:0 0 0 0;
padding:0 0 0 0;
}

#accroche2{
clear:left;
float:left;
width:360px;
margin:-3px 0 0 80px!important;
margin:-3px 0 0 40px;
padding:0 0 0 0;
}

#colonne_gauche{
float:left;
width:430px;
height:450px;
margin:0 0 0 0;
padding:0 0 0 0;
/*background-color: black;*/
}

#colonne_gauche h3{
margin:50px 0 0 60px;
padding:0 0 0 0;
}

#btn_chassis{
position:relative;
width:221px;
height:134px;
top:7px;
left:60px;
}

#btn_carrosserie{
position:relative;
width:216px;
height:136px;
top:-23px!important;
top:-29px;
left:200px;
}

#btn_porte_engin{
position:relative;
width:222px;
height:134px;
top:-46px!important;
top:-55px;
left:75px;
}

#colonne_droite{
float:left;
width:391px;
height:400px;
margin:0 0 0 0;
padding:0 0 0 0;
}

#presentation{
float:left;
width:330px;
height:140px;
padding:25px 0 0 25px;
}

#presentation p{
width:310px;
line-height:17px;
margin:8px 0 0 0;
padding:0 0 0 0;
}

#image_aerienne{
float:left;
width: 323px;
height: 220px;
margin:3px 0 0 22px!important;
margin:-1px 0 0 11px;
}

#actualite_accueil{
position:absolute;
top:560px;
left:520px;
width:350px;
height:150px;
}

#actualite_accueil h2{
margin:20px 0 0 20px;
padding:0 0 0 0;
}

#actualite_accueil p{
margin:10px 0 0 20px;
padding:0 0 0 0;
}

#actualite_accueil .gaucheNews {
  
  margin:10px 0 0 20px;
  width:250px;
  font-size:12px;
  padding-top:10px;

}

#actualite_accueil .droiteNews {
  
  float:right;
  margin-top:-18px;

}

.lien{
float:right;
margin:5px 20px 0 0 ;
padding:0 0 0 0;
font-size:12px;
}

/*#logo_ffc{
float:none;
margin:0;
padding:0;
height:64px;	
width:96px;
position:absolute;
left:115px;
top:600px;	
}

#logo_tuv{
float:none;
margin:0;
padding:0;	
height:71px;
width:109px;	
position:absolute;	
left:35px;
top:674px;
}

#logo_utac{
float:left;
margin:0;
padding:0;
height:34px;	
width:144px;
position:absolute;
left:164px;
top:689px;	
}*/

#scop{
float:left;
width:90px;
height:122px;
margin:60px 0 0 270px!important;
margin:50px 0 0 0;
padding:0 0 0 0!important;
padding:0 0 0 260px;
}


/******************************************************************************
                                  page présentation Asca
******************************************************************************/

#zone_text{
float:left;
width:770px;
height:530px;
margin:0 0 0 0;
padding:0 0 0 0;
}

#ss_titre{
float:left;
width:400px;
margin:90px 0 0 0;
padding:0 0 0 100px;
}

#ss_titre p{
color: #2282ae;
font-weight:bold;
font-size:14px;
}

#texte_accueil{
float:left;
width:600px;
margin:25px 0 0 0;
padding:0 0 0 100px;
}

#texte_accueil p{
color:#2282ae;
line-height:19px;
}

/******************************************************************************
                                  page Châssis
******************************************************************************/

#titre_chassis{
float:left;
width:185px;
padding:0 0 0 45px;
}

#produits_chassis{
float:left;
width:800px;
height:505px;
margin:0;
padding:0;
}

#colonne_de_gauche{
float:left;
width:220px;
height:482px;
padding:20px 0 0 25px;
}

#porte_conteneur_1{
float:left;
width:215px;
padding:34px 0 0 2px;
}

#porte_conteneur_1 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:0;
padding:0;
}

#porte_conteneur_2{
float:left;
width:215px;
margin:2px 0 0 0;
padding:0 0 0 0;
}

#porte_conteneur_2 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:0;
padding:0;
}

#porte_conteneur_3{
float:left;
width:215px;
padding:20px 0 0 0!important;
padding:15px 0 0 0;
}

#porte_conteneur_3 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:0;
padding:0;
}

#colonne_du_milieu{
float:left;
width:220px;
height:482px;
padding:20px 0 0 53px;
}

#porte_conteneur_4{
float:left;
width:215px;
margin:31px 0 0 0;
padding:0 0 0 0;
}

#porte_conteneur_4 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:7px 0 0 0;
padding:0 0 0 0;
}

#porte_conteneur_5{
float:left;
width:215px;
margin:0 0 0 0;
padding:11px 0 0 0!important;
padding:5px 0 0 0;
}

#porte_conteneur_5 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:0 0 0 0!important;
margin:5px 0 0 0;
padding:0 0 0 0;
}

#porte_conteneur_6{
float:left;
width:215px;
margin:0 0 0 0;
padding:0 0 0 0;
}

#porte_conteneur_6 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:-2px 0 0 0!important;
margin:-7px 0 0 0;
padding:0 0 0 0;
}

#colonne_de_droite{
float:left;
width:220px;
height:482px;
padding:20px 0 0 57px;
}

#porte_conteneur_7{
float:left;
width:215px;
margin:60px 0 0 0;
padding:0 0 0 0;
}

#porte_conteneur_7 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:2px 0 0 0;
padding:0 0 0 0;
}

#porte_conteneur_8{
float:left;
width:215px;
margin:21px 0 0 0!important;
margin:15px 0 0 0;
padding:0 0 0 0;
}

#porte_conteneur_8 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:13px 0 0 0!important;
margin:17px 0 0 0;
padding:0 0 0 0;
}

#porte_conteneur_9{
float:left;
width:215px;
margin:10px 0 0 0!important;
margin:5px 0 0 0;
padding:0 0 0 0;
}

#porte_conteneur_9 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:0 0 0 0;
padding:0 0 0 0;
}

#phrase_contact_chassis{
float:left;
width:760px;
margin:0 0 0 0;
padding:15px 0 0 30px;
}

#phrase_contact_chassis p{
color:#003333;
font-size:14px;
text-align: center;
font-weight:bold;
}

/******************************************************************************
                                  page Carrosserie
******************************************************************************/

#titre_carrosserie{
float:right;
width:180px;
padding:0 40px 0 0;
}

#produits_carrosserie{
float:left;
width:800px;
height:505px;
margin:0;
padding:0;
}

#carrosserie_1{
float:left;
width:215px;
padding:24px 0 0 2px;
}

#carrosserie_1 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:0;
padding:0;
}

#carrosserie_2{
float:left;
width:215px;
margin:2px 0 0 0;
padding:0 0 0 0;
}

#carrosserie_2 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:0;
padding:0;
}

#carrosserie_3{
float:left;
width:215px;
padding:15px 0 0 0!important;
padding:3px 0 0 0;
}

#carrosserie_3 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:0;
padding:0;
}

#carrosserie_4{
float:left;
width:215px;
margin:0 0 0 0;
padding:0 0 0 0;
}

#carrosserie_4 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:7px 0 0 0;
padding:0 0 0 0;
}

#carrosserie_5{
float:left;
width:215px;
margin:0 0 0 0;
padding:20px 0 0 0!important;
padding:15px 0 0 0;
}

#carrosserie_5 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:0 0 0 0!important;
margin:5px 0 0 0;
padding:0 0 0 0;
}

#carrosserie_6{
float:left;
width:215px;
padding:17px 0 0 0!important;
padding:7px 0 0 0;
margin:0 0 0 0;
}

#carrosserie_6 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:-4px 0 0 0!important;
margin:-7px 0 0 0;
padding:0 0 0 0;
}

#carrosserie_7{
float:left;
width:215px;
padding:15px 0 0 0!important;
padding:12px 0 0 0;
margin:0 0 0 0;
}

#carrosserie_7 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:2px 0 0 0;
padding:0 0 0 0;
}

#carrosserie_8{
float:left;
width:215px;
padding:5px 0 0 0;
margin:0 0 0 0;
}

#carrosserie_8 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:0 0 0 0;
padding:0 0 0 0;
}

#carrosserie_9{
float:left;
width:215px;
margin:25px 0 0 0!important;
margin:18px 0 0 0;
padding:0 0 0 0;
}

#carrosserie_9 p{
font-size:13px;
text-align: center;
font-weight:bold;
margin:0 0 0 0;
padding:0 0 0 0;
}

#phrase_contact_carrosserie{
float:left;
width:760px;
margin:0 0 0 0;
padding:15px 0 0 30px;
}

#phrase_contact_carrosserie p{
color:#993300;
font-size:14px;
text-align: center;
font-weight:bold;
}

/******************************************************************************
                                  page Porte-engins
******************************************************************************/

#titre_porte_engins{
float:right;
width:180px;
padding:0 40px 0 0;
}

#produits_porte_engins{
float:left;
width:745px;
height:550px;
margin:0 0 0 0;
padding:0 0 0 0;
/*background-color: rgb(153,0,51);*/
}

/*#ligne1{
float:left;
width:675px;
height:155px;
padding:0 0 0 70px;
margin:0 0 0 0;
}

#porte_engin_haut_gauche{
float:left;
width:209px;
height:100px;
margin:0 0 0 0;
padding:50px 0 0 75px;
}

#porte_engin_2_gauche{
float:left;
width:168px;
height:121px;
margin:0 0 0 0;
padding:18px 0 0 23px!important;
padding:14px 0 0 23px;
}

#porte_engin_haut_droite{
float:left;
width:168px;
height:121px;
margin:0 0 0 0;
padding:22px 0 0 15px!important;
padding:18px 0 0 15px;
}

/*#ligne2{
float:left;
width:675px;
height:160px;
padding:0 0 0 70px;
margin:0 0 0 0;
}*/

/*#porte_engin_milieu_gauche{
clear:both;
float:left;
width:153px;
height:126px;
margin:23px 0 0 0!important;
margin:19px 0 0 0;
padding:0 0 0 82px!important;
padding:0 0 0 82px;
}*/

#titre_remorques{
float:left;
width:200px;
height:100px;
margin:0 0 0 0;
padding:170px 0 0 240px;
text-align: center;
}

#titre_remorques p{
font-size:14px;
text-align: center;
}

/*#porte_engin_milieu_droite{
float:left;
width:187px;
height:104px;
margin:0 0 0 0;
padding:53px 0 0 79px!important;
padding:68px 0 0 19px;
}*/

#titre_semi_remorques{
float:left;
width:200px;
height:80px;
margin:0 0 0 0;
padding:140px 0 0 100px;
text-align: center;
}

#titre_semi_remorques p{
font-size:14px;
text-align: center;
}

/*#ligne3{
float:left;
width:675px;
height:80px;
padding:0 0 0 70px;
margin:0 0 0 0;
}*

#porte_engin_l3_gauche{
float:left;
width:194px;
height:83px;
margin:0 0 0 0;
padding:5px 0 0 8px!important;
padding:0 0 0 8px;
}

#porte_engin_l3_droite{
float:left;
width:285px;
height:60px;
margin:0 0 0 0;
padding:10px 0 0 77px!important;
padding:6px 0 0 77px;
}

/*#ligne4{
float:left;
width:675px;
height:96px;
padding:0 0 0 70px;
margin:0 0 0 0;
}

#porte_engin_bas_gauche{
float:left;
width:154px;
height:106px;
margin:0 0 0 0;
padding:10px 0 0 165px!important;
padding:2px 0 0 165px;
}

#porte_engin_bas_milieu{
float:left;
width:144px;
height:106px;
margin:0 0 0 0;
padding:5px 0 0 30px!important;
padding:2px 0 0 30px;
}

#porte_engin_bas_droite{
float:left;
width:144px;
height:106px;
margin:0 0 0 0;
padding:8px 0 0 11px!important;
padding:0 0 0 11px;
}*/

#phrase_contact_porte_engin{
float:left;
width:760px;
margin:0 0 0 0;
padding:250px 0 0 30px!important;
padding:245px 0 0 30px;
}

#phrase_contact_porte_engin p{
color:#ffffff;
font-size:14px;
text-align: center;
font-weight:bold;
}

/******************************************************************************
                                  page formation
******************************************************************************/

#haut{
float:left;
width:800px;
height:215px;
margin:0;
padding:0;
}

#texte_formation{
float:left;
width:499px;
height:210px;
/*background-color: rgb(153,0,51);*/
padding:0 0 0 50px;
}

#titre_formation{
float:left;
padding:50px 0 0 20px;
}

#sous_titre_formation{
clear:left;
float:left;
width:460px;
margin:0 0 0 0;
padding:0 0 0 20px;
}

#sous_titre_formation p{
font-weight:bold;
font-size:17px;
}

#text_formation{
clear:left;
float:left;
width:460px;
margin:0 0 0 0;
padding:10px 0 0 20px;
line-height:18px;
}

#image_formation{
float:left;
width:242px;
height:212px;
margin:0 0 0 0!important;
margin:-5px 0 0 0;
padding:0 0 0 0;
}

#bas{
clear:left;
float:left;
width:800px;
height:300px;
margin:0;
padding:0;
}

#entete{
float:left;
width:400px;
height:76px;
padding:20px 0 0 70px;
}

#entete h2{
margin:0;
padding:0;
}

.bleu{
clear:left;
float:left;
font-size:12px;
color:#0099cc;
font-weight:bold;
margin:0 0 0 0;
padding:25px 0 0 0;
}

#offre_emploi{
float:left;
width:685px;
height:125px;
margin:0 0 0 0;
padding:5px 15px 0 70px;
overflow: auto;
}

#nav_pages{
clear: left;
float: left;
padding: 10px 0 0 400px;
}

#btn_postuler{
float:right;
width:196px;
height:43px;
background-image: url(images/btn_postuler.jpg);
background-repeat: no-repeat;
padding:0 30px 0 0;
}

#btn_postuler p{
color:white;
margin:0 0 0 0;
padding:12px 0 0 35px;
font-size:13px;
font-weight:bold;
}

#btn_postuler a:link{
color: white; 
text-decoration: none; 
background-color: transparent
}

#btn_postuler a:visited{
color: white; 
text-decoration: none; 
background-color: transparent
}

#btn_postuler a:hover{
color: white; 
text-decoration: underline; 
background-color: transparent
}

#btn_postuler a:active{
color: white; 
text-decoration: underline; 
background-color: transparent
}

/******************************************************************************
                                  page SAV
******************************************************************************/

#bandeau_sav{
float:left;
/*background-color: black;*/
width:824px;
height:120px;
margin:0;
padding:0;
}

#accroche_sav{
float:left;
width:470px;
padding:60px 0 0 80px;
letter-spacing: 1px;
}

#drapeaux_et_btn_sav{
float:left;
margin:0;
padding:0;
/*padding-left:14px;*/
}

#page_contact #drapeaux_et_btn_sav{
float:left;
margin:0;
padding:0;
/*padding-left:14px;*/
}

#drapeaux_sav{
float:right;
/*background-color: black;*/
width:250px;
height:40px;
margin:10px 10px 0 0;
padding:0;
}

#drapeaux_sav img{
float:right;
margin:0 0 0 0;
padding:0 10px 0 0;
}

#btn_sav{
clear:both;
float:right;
width:150px;
height:40px;
/*background-color: black;*/
margin:0 10px 0 0;
padding:0;
}

#btn_sav img{
float:right;
margin:0 0 0 0;
padding:0 10px 0 0;
}

#contenu_sav{
float:left;
width:730px;
height:610px;
padding:0 0 0 50px;
margin:0 0 0 0;
}

#gauche_sav{
float:left;
width:260px;
height:560px;
margin:30px 0 0 0;
padding:0 0 0 0;
}

#image_sav{
float:left;
width:231px;
height:177px;
margin:0 0 0 0;
padding:20px 0 0 20px;
}

#contact_sav{
float:left;
margin:0 0 0 0;
padding:80px 0 0 10px;
}

#contact_sav p{
color: #2282ae;
text-align: center;
font-size:13px;
}

#contact_sav a:link{
color: #2282ae; 
text-decoration: none; 
background-color: transparent
}

#contact_sav a:visited{
color: #2282ae; 
text-decoration: none; 
background-color: transparent
}

#contact_sav a:hover{
color: #4a4c4c; 
text-decoration: underline; 
background-color: transparent
}

#contact_sav a:active{
color: #2282ae; 
text-decoration: underline; 
background-color: transparent
}

#droite_sav{
float:left;
width:465px;
height:560px;
margin:0 0 0 0;
padding:0 0 0 0;
}

#sous_titre_sav{
float:left;
width:200px;
margin:0 0 0 0;
padding:30px 0 0 0;
}

#sous_titre_sav p{
color: #2282ae;
font-weight:bold;
font-size:14px;
}

#texte_sav{
float:left;
width:450px;
margin:0 0 0 0;
padding:15px 0 0 0;
}

#carte_sav{
float:left;
width:441px;
height:402px;
margin:0 0 0 0;
padding:10px 0 0 0!important;
padding:11px 0 0 0;
}

#nbre{
float:right;
width:210px;
padding:0 50px 0 0;
margin:0 0 0 0;
}

#nbre p{
font-size:18px;
font-weight:bold;
color:#2282ae;
}

#porte_conteneur_sav{
position:absolute;
top:594px;
left:262px;
width:327px;
height:124px;
}

/******************************************************************************
                                  page news
******************************************************************************/

#contenu_actu{
float:left;
width:725px;
height:520px;
padding:0 0 0 50px;
margin:0 0 0 0;
}

#liste_articles{
float:left;
width:700px;
height:380px;
margin:0 0 0 0;
padding:30px 0 0 20px;
}

.titre__actualites{
float:left;
color:black;
font-weight:bold;
font-size:17px;
width:400px;
margin:0 0 0 0;
padding:20px 0 0 0;
}

.date_news{
float:left;
width:100px;
color:#2282ae;
font-weight:normal;
font-size:15px;
margin:0 0 0 0;
padding:20px 0 0 80px;
}

.txt_court{
float:left;
width:400px;
color:black;
font-size:11px;
margin:0 0 0 0;
padding:10px 0 0 0;
font-style: italic;
}

.txt_long{
float:left;
width:580px;
font-size:12px;
color:black;
margin:0 0 0 0;
padding:10px 0 0 0;
text-align: justify;
}

.txt_long .image_seule{

  float:right;
  margin-top:-20px;

}

.image_plusieurs{

  clear:left;
  float:left;
  padding-top:10px;
  width:580px;
  
}

.image_plusieurs a {

  margin-right: 5px;

}

#numero_page__news{
clear:left;
float:left;
width:600px;
text-align: center;
margin:0 0 0 0;
padding:20px 0 0 0;
}

/******************************************************************************
                                  page contact
******************************************************************************/

#contenu_contact{
float:left;
width:810px;
height:610px;
margin:0 0 0 0;
padding:0 0 0 0;
}

#form{
float:left;
width:400px;
height:250px;
padding:80px 0 0 68px;
margin:0 0 0 0;
font-size:12px;
}

input.c{padding-top:2px;width: 105px;}
input.d{padding-top:2px;width: 282px;}

#logos_contact{
float:left;
width:750px;
height:124px;
padding:45px 0 0 57px;
/*background-color: rgb(204,0,102);*/
margin:0 0 0 0;
}

#logo1{
float:left;
width:256px;
height:124px;
margin:0 0 0 0;
padding:10px 0 0 0!important;
padding: 3px 0 0 0;
}

#logo2{
float:left;
width:171px;
height:124px;
margin:0 0 0 0;
padding:10px 0 0 61px!important;
padding: 3px 0 0 61px;
}

#logo3{
float:left;
width:148px;
height:124px;
margin:0 0 0 0;
padding:10px 0 0 56px!important;
padding: 3px 0 0 56px;
}

#adresse{
float:left;
width:800px;
/*background-color: rgb(153,0,102);*/
margin:0 0 0 0;
padding:0 0 0 0;
}

#adresse p{
font-size:11px;
text-align: center;
}

#adresse1{
float:left;
width:256px;
margin:0 0 0 0;
padding:10px 0 0 60px!important;
padding: 0 0 0 60px;
}

#adresse2{
float:left;
width:171px;
margin:0 0 0 0;
padding:10px 0 0 60px!important;
padding: 0 0 0 60px;
}

#adresse3{
float:left;
width:158px;
margin:0 0 0 0;
padding:10px 0 0 55px!important;
padding: 0 0 0 55px;
}
/******************************************************************************
                                  footer
******************************************************************************/

#footer{
float:left;
width:1024px;
margin:0 0 0 0!important;
margin:-10px 0 0 0;
padding:0 0 0 0;
}

#footer p{
font-size:11px;
text-align: center;
}

#footer ul{
margin:0 0 0 0 ;
padding:0 0 0 160px;
}

#footer li{
float: left;
font-size:11px;
list-style-type: none;
}

#footer li.w3c{
padding: 0 0 0 15px;
}
#footer li img{
padding: 0 0 0 5px;
}
/******************************************************************************
                                  mentions légales
******************************************************************************/

#texte_mentions_legales{
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
width:770px;
}

#texte_mention{
float:left;
margin:20px 0 0 0;
padding:0 20px 0 70px;
width:670px;
height:440px;
overflow: auto;
}