@charset "UTF-8";
/* CSS Document */


body
{
background-color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
}

.metadiv
{
width:770px;
background-image:url(../images/fond.png);
background-repeat: repeat-y;
margin-left:auto;
margin-right:auto;
}

.bandeau_haut
{
margin:0 auto;
width:770px;
height:100px;
background-image:url(../images/ban.png);
background-repeat:no-repeat;

background-position:center;
}

.menu_principal
{
margin-top:10px;
margin:0 auto;
width:760px;
height:25px;
overflow:hidden;
}


.menu_principal A
{
color:#5e11ae;
text-decoration:none;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}



.items_menu
{
width:120px; 
height:20px; 
float:left; 
z-index:1000; 
text-align:center; 
position:relative;
text-align:center;

 
}
.drapeau
{
margin-left:60px;
width:23px; 
height:15px;
background-image:url(../images/4.jpg);
background-position:center;
background-repeat:no-repeat; 
float:left; 
z-index:1000; 
text-align:center; 
position:relative;
text-align:center;
}


.drapeau:hover
{
margin-left:60px;
width:25px; 
height:17px;
background-image:url(../images/4.jpg);
background-position:center;
background-repeat:no-repeat; 
float:left; 
z-index:1000; 
text-align:center; 
position:relative;
text-align:center;
}

.rail_menu
{
width:720px;
height:20px; 
}



.bandeau_2
{
margin:0 auto;
width:770px;
padding-left:5px;
padding-right:5px;

height:170px;
overflow:hidden;
}

.divcontenu
{

margin:0 auto;
width:770px;
padding-left:5px;
padding-right:5px;
height:425px;
overflow:hidden;
}

.cont_gauche
{
width:500px;
text-align:justify;
height:425px;
font-size: 9pt;
overflow:auto;
float:left;
}

.div_titre_gauche h1
{
color:#666666;
text-align:right;
}

.div_cont_gauche
{
color:#666666;
width:415px;
margin-left:30px
}

.presentation_index
{
margin-top:20px;
width:470px;
height:210px;
}
.message_introduction_index
{
width:470px;
height:100px;
border-bottom-style:dotted;
border-bottom-width:1px;
border-bottom-color:#5e11ae;
}

.cont_presentation
{
width:120px;
height:200px;
background-image:url(../images/img_contenu/fond_div_presentation.png);
background-repeat:no-repeat;
background-position:center;
float:left;
margin-left:10px;
margin-right:10px;
text-align:left;
}

.cont_presentation p
{
width:110px;
font-size:10px;
margin-left:7px;
}

.cont_droit
{
width:210px;
height:425px;
overflow:hidden;
float:left;
}


/* ********************** ici début css pages de nos engagements (partie droites et gauches inversée) ************************/


.cont_gauche_engagements
{
width:200px;
text-align:justify;
height:400px;
font-size: 9pt;
overflow:auto;
float:left;
}


.cont_droit_engagements
{
width:550px;
text-align:justify;
height:400px;
font-size: 9pt;
overflow:auto;
float:right;
}

.div_titre_droit_engagements
{
color:#666666;
width:405px;
margin-left:30px
}
.div_titre_droit_engagements h1
{
color:#666666;
}



.div_cont_droit_engagements_on
{
margin-top:50px;
width:520px;
display:block;
overflow:hidden;
}
.div_cont_droit_engagements_off
{
width:520px;
display:none;
overflow:hidden;
}


.promo1_engagements
{
width:200px;
height:50px;
margin-top:100px;
margin-bottom:5px;
overflow:hidden;
}


.promo2_engagements
{
width:200px;
height:50px;
margin-bottom:5px;
overflow:hidden;
}

.promo3_engagements
{
width:200px;
height:150px;
overflow:hidden;
}

.divcontenu_engagements
{

margin:0 auto;
width:770px;
padding-left:5px;
padding-right:5px;
height:270px;
overflow:hidden;
}


/* ********************** ici fin css pages de nos engagements (partie droites et gauches inversée) ************************/

.promos_droite
{
width:210px;
height:150px;
margin-top:15px;
margin-left:15px;
overflow:hidden;
background-image:url(../images/img_contenu/fond_promo_index.png);
background-repeat:no-repeat;
background-position:center;
}


.footer
{
font-size:10px;
margin:0 auto;
background-image:url(../images/footer.png);
background-repeat:no-repeat;
background-position:center;
width:770px;
height:35px;
text-align:center;
color:#F0F0F0;
}

.sous_footer
{margin:0 auto;
background-color:#CCCCCC;
text-align:center;
color:#000000;
font-size:10px;
}



.carte_vierge
{
background-image:url(../images/6.jpg);
background-repeat:no-repeat;
}

.alpes
{
background-image:url(../images/alpes.jpg);
background-repeat:no-repeat;
}

.cote_ouest{
background-image:url(../images/cote_ouest.jpg);
background-repeat:no-repeat;
}

.est_centre
{
background-image:url(../images/est_centre.jpg);
background-repeat:no-repeat;
}

.nord
{
background-image:url(../images/nord.jpg);
background-repeat:no-repeat;
}
		

#carte
{
margin-top: 20px;
width: 150px;
height: 160px;	
float: left;
border-right: solid 1px #ffffff;
}


#animflash
{
background-color: #57338a;
width: 450px;
height: 172px;
float: left;
border-right: solid 10px #ffffff;
}




.bout_contact
{
width:137px;
height:42px;
background-image:url(../images/cont_off.jpg);
}
.bout_contact : hover
{
width:137px;
height:42px;
background-image:url(../images/cont_on.jpg);
}
.bout_devis
{
width:137px;
height:42px;
background-image:url(../images/dev_48_off.jpg);
}

.bout_devis : hover
{
width:137px;
height:42px;
background-image:url(../images/dev_48_on.jpg);
}
.bout_news
{
width:137px;
height:42px;
background-image:url(../images/new_off.jpg);
}

.bout_news :hover
{
width:137px;
height:42px;
background-image:url(../images/new_on.jpg);
}


.bout_rap_24
{
width:137px;
height:42px;
background-image:url(../images/rap_24_off.jpg);
}

.bout_rap_24 :hover
{
width:137px;
height:42px;
background-image:url(../images/rap_24_on.jpg);
}





#web_call_back{
	width: 145px;
	float: left;
	overflow: hidden;
}


/* ********************** ici début css pages des zones géo************************/


.menu_gauche_zones
{
width:105px;
text-align:justify;
height:400px;
font-size: 9pt;
overflow:auto;
float:left;
}

.encarts_menu_gauche_zones
{
width:105px;
height:50px;
margin-top:20px;
margin-bottom:5px;
overflow:hidden;
}

.cont_zones
{
float:left;
width:400px;
height:400px;
font-size: 9pt;
overflow:auto;
}

.divfond_contenu_zones
{
margin:0 auto;
width:770px;
padding-left:5px;
padding-right:5px;
height:345px;
overflow:hidden;
}
.div_cont_droit_zones_on
{
margin-top:50px;
width:520px;
display:block;
overflow:hidden;
}
.div_cont_droit_zones_off
{
width:520px;
display:none;
overflow:hidden;
}