/* ------------------------------------STYLES GENERAUX -----------------------------*/


body
{
	vertical-align:top;
	margin: 0px;
	padding: 0px;/*
	background-color: #4c7e99;
	background-image:url('./IMG/fond_degrad.jpg');
	background-repeat: repeat-x;*/
	background-color: #005e34;
	background-position:50% 0%;
	background-image:url('./IMG/background.jpg');
	background-repeat: no-repeat;
	background-attachment:fixed;
	font-family:arial, sans-serif; 
	
}


h1{
	border:0px;
	margin: 0px;
	padding: 0px;
	vertical-align:top;
}

h2{		
	white-space: nowrap;
	margin:0px;
	padding-top:2px;
	padding-left:10px;
	line-height:25px; 
	height:35px;
	color:#fff;
	text-align: left ;
	background-image:url('./IMG/barre_verte_h2.png');
	background-repeat: no-repeat;
	vertical-align:top;
}

h3{
	border:0px;
	margin: 0px 0 10px 0;
	padding: 0 0 0 30px;
	color:#165044;
	vertical-align:top;
	text-align: left ;
	font-size:21px; 
 	text-decoration:none; 
 	font-family:arial, sans-serif; 
	background-image:url('./IMG/fleche_web.png');
	background-repeat: no-repeat;

}


h4{
display:block;
margin:0px;
text-align: center ;
width:100%;
}


h5 {
	
	border:0px;
	margin: 10px 0 10px 0;
	padding: 0 0 0 30px;
	color:#165044;
	vertical-align:top;
	text-align: left ;
	font-size:16px; 
 	text-decoration:none; 
 	font-family:arial, sans-serif; 
	background-image:url('./IMG/fleche_web.png');
	background-repeat: no-repeat;
}


img{
	border:0px;
	margin: 0px;
	padding: 0px;
	vertical-align:top;

}

div#annonce{
position: absolute ;
top:120px;
left:30px;
margin:0px;
font-size:0px;
background-color:#badcdc;

}

div#cadre_news{
position: absolute ;
top:280px;
left:30px;
margin:0px;
font-size:0px;
background-color:#ffffff;
background-image:url('./IMG/fond_titre_actu.png');
background-repeat: repeat-x;
border:solid 1px #aaaaaa;
width:370px;
height:185px;
}

h2.titre_actu{
background:none;
color:#004455;
font-size:16px; 
text-decoration:none; 
font-family:arial, sans-serif; 
margin-bottom:0px;
height:25px;
}

.logo_h2
{
position:absolute;
left:550px;
top:-35px;
}


.petit_cadre{
margin:0px;
padding:0px;
background-image:url('./IMG/petits_cadres.png');
background-repeat:no-repeat;

}

.contenu_cadre_vert{
position:relative;
top:72px;
left:0px;
width:167px;
text-align:center;
color:#fff;
font-size:12px;
font-family:arial, sans-serif;
font-weight:bold;
}
.contenu_cadre_vert a{
text-decoration:none;
}
.contenu_cadre_vert a:hover{
text-decoration:none;
}

.petit_cadre a{
text-decoration:none;
}

.petit_cadre a:hover{
text-decoration:none;
}

.tab_ico{
position:relative;
left:15px;
border:0px;
}
.tab_ico tr{
border:0px;
}
.tab_ico td{
border:0px;
text-align:left;
font-size:16px; 
font-family:arial, sans-serif; 
}



#cybernews{
border:0px;
width:100%;
border-spacing:5px;
}
#cybernews tr{
border:0px;
}

#cybernews td{
text-align:left;
border:0px;
}


div#menu_haut
{
	position: relative ;
	vertical-align:top;
	padding: 0px;
	background-image:url('./IMG/fond_interface_haut_v2.png');
	background-repeat: no-repeat;
	width: 980px ;
	height:200px;
	padding:0px;
	margin: 0 auto 0 auto;
	text-align: left ;
	border: 0px;
	
	
}



div#bandeau_haut 
{
	
	vertical-align:top;
	position: relative ;
	margin: 0 0 0 10px;
	padding: 0px;
	border: 0px;
	left:25px;
	top:24px;

	
}


.menu {
	vertical-align:top;
	position:relative;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style : none;
	background-color:#FF0000;
	background-image:url('./IMG/fond_menu.png');
	background-repeat: repeat-x;
	background-position: top;
	width:944px; 
	height:25px;
	left:17px;
	top:56px;
}

.menu li { float : right; }


.menu li a { 
	display:block;
	left:150px; 
	line-height:25px; 
 	color:#000; 
 	font-size:11px; 
 	font-weight:bold; 
 	text-decoration:none; 
 	font-family:arial, sans-serif; 
 	text-align:center; 
 	padding:0 10px 0 10px; 
 	cursor:pointer; 
 }

.menu li img {
	position:relative;
	top:-25px;
}

.menu li a:hover { 
 	background-color:#FF0000;
 	background-image:url('./IMG/fond_menu_vert.png');
	background-repeat: repeat-x;
	background-position: top;
 }





div#menu_bas
{
	position: relative ;
	vertical-align:top;
	padding: 0px;
	background-image:url('./IMG/fond_interface_bas.png');
	background-repeat: no-repeat;
	width: 980px ;
	height:49px;
	margin: 0 auto;
	text-align: left ;
	border: 0px;
	
	
}

div#menu_bas a {color:#fff;text-decoration:none;}
div#menu_bas a:hover{color:#000;text-decoration:none;}


div#liens_bas_droite {
	position:absolute;
	right:28px;
	top:13px; 
	float : right;
	color:#fff; 
	font-size:11px; 
 	font-weight:bold; 
 	text-decoration:none; 
 	font-family:arial, sans-serif; 
}



div#liens_bas_gauche {
	position:absolute;
	left:28px;
	top:13px; 
	float : left;
	color:#fff; 
	font-size:11px; 
 	font-weight:bold; 
 	text-decoration:none; 
 	font-family:arial, sans-serif; 
}

div#copyright {
	position:relative;
	top:-10px;
	padding-top: 0px;
	margin-top: 0px;
	vertical-align:top;
	text-align: center ;
	color:#000; 
	font-size:10px; 
	text-decoration:none; 
	font-family:arial, sans-serif; 
}



div#contenu {
	position: relative ;
	background-image:url('./IMG/fond_interface.png');
	background-repeat: repeat-y;
	width: 980px ;
	margin: 3px auto 0 auto;
	text-align: left ;
	border: 0px;
	padding:0px;
	vertical-align:top;

}


#chemin {
	position:absolute;
	margin: 0px;
	padding:0px;
	top:0px;
	left:20px;
	width:980px;
	height:13px;
	vertical-align:top;
	text-align: left ;
	color:#999; 
	font-size:11px; 
	text-decoration:none; 
	font-family:arial, sans-serif; 
	
}


#chemin a{color:#999;  text-decoration:none; }
#chemin a:hover{color:#999; text-decoration:underline; }







div#flash_anim {
	vertical-align:top;
	position: absolute ;
	top:130px;
	left:30px;
	margin:0px;
	font-size:0px;
	color:#ffffff;
	
}


div#cadre_PA {
	vertical-align:top;
	position: absolute;
	background-image:url('./IMG/cadre_PA.png');
	background-repeat: no-repeat;
	width: 370px ;
	height: 340px;
	left:400px;
	top:12px;
	margin:0px;
	padding:0px;
	
}

div#titre_cadre_PA {
position:relative;
	background-image:url('./IMG/fond_titre_PA.png');
	background-repeat: no-repeat;
	text-align: center ;
	margin:0px;
	top:10px;
		left:17px;
	width:335px;
	padding-top:5px;
	padding-left:0px;
	color:#000; 
	font-size:14px; 
 	font-weight:bold; 
 	text-decoration:none; 
 	
}


div#liste_cadre_PA {
position:relative;
	text-align: left ;
	padding:0 20px 0 20px;
	color:#000; 
	font-size:12px; 
 	text-decoration:none; 
	margin-bottom:-10px;
 	
}
div#liste_cadre_PA a{color:#000; font-weight:bold; text-decoration:none; }
div#liste_cadre_PA a:hover{color:#000; font-weight:bold; text-decoration:underline; }

div#ligne_verte_PA {
	position: relative ;
	background-image:url('./IMG/ligne_vert_cadre_PA.png');
	background-repeat: repeat-x;
	padding-top:0px; 
	top:0px;
	margin:0px;
	left:9px;
	width:348px;
}

div#contact_PA {
	position: relative ;
	vertical-align:top;
	padding:0px;
	margin:0px;
	top:0px; 
	left:9px;
	width:348px;
	color:#20877C; 
	font-size:14px; 
	font-weight:bold;
	text-align: center;
}

p#big_tel {
	margin-bottom:12px;
	margin-top:12px;
	font-size:28px; 
	font-weight:bold;
}

p#small_horaires {
	margin:0px;
	font-size:11px; 
	font-weight:bold;
}

img#img_contact_PA {
	float : left;
	position: relative ;
	vertical-align:top;
	padding-top:0px;
	margin-bottom:25px;
	top:0px; 
	left:9px;
}

div#cadres_accueil_bas
{
	position: relative ;
	height:200px;
	top:25px;
}

div#cadre_particuliers
{
	position: absolute ;
	top:10px; 
	left:45px;
	color:#d40000; 
	background-color:#ffdfdf;
	background-image:url('./IMG/fond_cadre_part.png');
	font-size:20px; 
	text-align: left;
	height:220px;
	width:350px;
	margin:0px;
	padding:0px;
}

div#cadre_particuliers span {margin-top:15px;margin-bottom:2px;margin-left:0px;margin-right:0px;}
div#cadre_particuliers a:hover{
color:#d40000; 
text-decoration:underline; 
}
div#cadre_particuliers a{
color:#d40000; 
text-decoration:none; 
}


div#cadre_professionnels
{
	position: absolute ;
	background-color:#cde6e6;
	background-image:url('./IMG/fond_cadre_pro.png');
	top:10px; 
	left:415px;
	color:#165044; 
	font-size:20px; 
	text-align: left;
	width:350px;
	height:220px;
	margin:0px;
	padding:0px;
}


div#cadre_professionnels a:hover{
color:#165044; 
text-decoration:underline; 
}
div#cadre_professionnels a{
color:#165044;
text-decoration:none; 
}


div#menus_droite {
	position : absolute;
	width:228px;
	top:110px;
	right:11px;
}

div.onglets{
background-image:url('./IMG/cadre_droite_v2.png');
	background-repeat: no-repeat;
	width:220px;
	height:296px;
}


p.titre_onglet_accueil{
	margin:0px;
	padding:0px;
	position:relative;
	top:20px;
	left:25px;
	color:#0A4740; 
	font-size:16px; 
	font-weight:bold;
	text-align: center;
}

img.img_onglet_accueil{
	float:left;
	position:relative;
	top:12px;
	left:38px;
}

img#img_onglet_zone{
	float:left;
	position:relative;
	top:24px;
	left:35px;
	margin-bottom:20px;
}

p#zone_txt{
	position:relative;
	top:10px;
	margin:30px 0 20px 0;
left:15px;
	right:0px;
	color:#0A4740; 
	font-size:11px; 
	font-weight:bold;
	text-align: center;
}

p#materiel_accueil_txt{
	float:right;
	margin:30px 0 10px 0;
	position:relative;
	top:0px;
	right:5px;
	color:#0A4740; 
	font-size:16px; 
	font-weight:bold;
	text-align: right;
}

p#txt_actu_accueil{
	position:relative;
	left:30px;
	width:200px;
	margin:30px 10px 10px 10px;
	color:#0A4740; 
	font-size:12px; 
	text-align: left;
}

img#img_partenaire_accueil{
	position:relative;
	top:28px;
	left:75px;
	margin:0px;
	padding:0px;
}



/* ------------------------------------STYLES PAGE PRO -----------------------------*/


.col_gauche {
	position:absolute;
	float:left;
	top:25px;
	left:20px;
	width:140px;
	padding:0px;
	margin:0px;
		
}

.cadre_gauche {
	width:140px;
	color:#4d4d4d;
	font-size:11px; 
	text-align: left;
	background-color:#cccccc;
	padding:5px;
	margin:0 5px 10px 5px;
}

.cadre_gauche span{float:right; font-size:10px;}
.cadre_gauche a{color:#4d4d4d; text-decoration:none;}

.col_droite {position:absolute;	float:right;right:30px;margin:0px;}

.centre_3col {position:relative; top:30px; bottom:30px;margin:0 180px 0 180px;}

.centre_3col p{
	position:relative;
	font-size:12px; 
	text-align: left;
	padding:0 20px 0 40px;
}


.center_img_3col{margin:0px 0 0px 40px;}


.img_certif_pro{margin:20px 5px 15px 5px;}

div#cadre_pro_IT {
position:relative;
left:50px;
width:350px;
height:165px;
background-image:url('./IMG/cadre_IT.png');
background-repeat: no-repeat;
}


#cadre_pro_IT a{
text-decoration:none;
}


div#cadre_pro_COM {
position:relative;
left:50px;
width:350px;
height:165px;
background-image:url('./IMG/cadre_COM.png');
background-repeat: no-repeat;
}

.texte_cadres_pro a{
text-decoration:none;
}

.texte_cadres_pro{
text-decoration:none;
padding-left:50px;
padding-top:15px;
color:#165044;
font-size:14px; 
text-align: left;
}

.texte_cadres_pro p{margin:0 0 0 25px; padding:0px;}
.bt_cadre_pro{position:relative;left:160px;}






.centre_2col {position:relative; top:30px; margin:0 0 0 180px;}
.centre_2col p{padding-left:50px;font-size:12px; color:#5a5a5a;width:650px;}

.align_pro_com{height:330px;text-align: center;}

.cadre_big_icon1 {
padding-top:200px;
text-align: center;
margin: 0 auto;
float:left;
width:235px;
height:328px;
background-image:url('./IMG/cadre_big_icon.png');
background-repeat: no-repeat;
}

.cadre_big_icon {
padding-top:0px;
text-align: center;
float:left;
width:235px;
height:328px;
background-image:url('./IMG/cadre_big_icon.png');
background-repeat: no-repeat;
}

a div.cadre_big_icon  {text-decoration:none;cursor:pointer; text-align: center;}

 a:hover div.cadre_big_icon{
text-align: center;
width:235px;
height:328px;
text-decoration:none;
background-image:url('./IMG/cadre_big_icon_hover.png'); 
background-repeat:no-repeat;
cursor:pointer; 
}

.cadre_2block{padding-left:117px;}

.marge_right_75{margin-right:75px;}

.img_cadre_big_icon { top:30px;}

.titre_big_icon{margin:0px;padding:0 0 10px 0;color:#165044;font-size:20px;font-weight:bold;}

.description_big_icon{margin:0px;padding:0 0 5px 0;color:#3d3d3d;font-size:12px;}

.tarif_big_icon{margin:0px;padding:0px;color:#ff0000;font-size:10px;}





.cadre_ref{
position:relative;
left:50px;
padding:10px;
background-color:#f9f9f9;
text-decoration:none;
color:#5a5a5a;
width:600px;
border: 2px solid #c3c3c3;
}

.cadre_ref a{
padding:0px;
margin:15px 0 15px 0;
text-decoration:none;
font-size:20px;
font-weight:bold;
color: #2e786e;
}

.cadre_ref img{
float:right;
padding:0px;
margin:10px;
}

.cadre_ref p{
padding:0px;
margin:0 0 0 25px;
width:560px;
font-size:11px;
color:#5a5a5a;
}


.accroche_tarifs{
position:relative;
text-align: center;
width:180px;
margin: 0 auto;
color: #ff0000;
background-color:#f9f9f9;

}

.align_accroche_tarif{padding-left:200px;height:330px;text-align: center;}

.cadre_accroche_tarif {
text-align: center;
margin: 0 auto;
float:left;
width:180px;

}


.presentation_tarifs{margin: 0px;font-size:21px;font-family:arial, sans-serif; text-decoration:none;font-weight:normal; display:inline; }

.top-70{position:relative;top:-70px;}

table#Tableau_packs_web {
    background-color:#ffffff;
    margin:0px;
    border-collapse: collapse;    
    width: 700px; 

}

table#Tableau_packs_web th,td {
vertical-align:middle;
height:30px;
border: solid #000 1px;
text-align: center;
text-decoration:none;
font-size:12px;
}


table#Tableau_options_web {
    background-color:#ffffff;
    margin:0px;
    border-collapse: collapse;    
    width: 700px; 

}
table#Tableau_options_web th,td {
vertical-align:middle;
height:20px;
border: solid #000 1px;
text-align: center;
text-decoration:none;
font-size:12px;
}

.fond_gris_clair{background-color:#f2f2f2;}
.fond_bleu_clair{background-color:#dbeef3;}
.fond_bleu_marine{background-color:#b8cce4;}
.fond_bleu_marine{background-color:#ffffff;}
.fond_violet_clair{background-color:#e5e0ec;}
.fond_rose_clair{background-color:#f2dddc;}
.fond_orange_clair{background-color:#fde9d9;}
.text_bleu{color:#00b0f0;}
.text_violet{color:#ad88c8;}
.text_rose{color:#ff80e5;}
.text_rouge{color:#ff0000;}
.icone_OK{background-image:url('./IMG/icone_OK.png');background-repeat: no-repeat;background-position:center;}
.td_bold{font-weight:bold;}
.commentaire_etoile{font-size:10px;}

.centre_img{position:relative;top:35px;margin:0 0 0 150px;}

/* ------------------------------------STYLES PAGE TRAVAUX -----------------------------*/

#cadre_travaux
{
background-image:url('./IMG/BH_travaux.jpg');
background-repeat: no-repeat;
margin:0 auto 0 auto;
width:337px;
height:500px;
padding-top:355px;
text-align:center;
color:#ff0000; 
font-size:16px; 
text-decoration:none; 
font-family:arial, sans-serif; 
}


/* ------------------------------------STYLES PAGE INFO LEGALES -----------------------------*/

#cadre_infoleg 
{
background-image:url('./IMG/BH_info.jpg');
background-repeat: no-repeat;
background-position:50% 0%;
width:550px;
min-height:500px;
padding-top:300px;
position:relative;
color:#5a5a5a;
font-size:12px; 
text-decoration:none; 
font-family:arial, sans-serif; 
}


#tab_particulier{
border:0px;
}
#tab_particulier td{
border:0px;
padding-left:160px;
width:218px;
height:190px;
text-align:left;
}

#tab_particulier td#bkg_doc{background-image:url('./IMG/cadre_part_docteur.png');}
#tab_particulier td#bkg_vente{background-image:url('./IMG/cadre_part_vente.png');}
#tab_particulier td#bkg_form{background-image:url('./IMG/cadre_part_formation.png');}
#tab_particulier td#bkg_zen{background-image:url('./IMG/cadre_part_zen.png');}


/* ------------------------------------STYLES PAGE PRESENTATION -----------------------------*/
#cadre_presentation 
{
position:relative;
width:550px;
min-height:500px;
color:#5a5a5a;
font-size:12px; 
text-decoration:none; 
font-family:arial, sans-serif; 
}

/* STYLES PAGE ZONE INTERVENTION 

#villes_droite
{
float:right;
width:300px;
margin-right:75px;
margin-left:0;
margin-top:0;
margin-bottom:0;
color:#5a5a5a;
font-size:11px; 
text-decoration:none; 
font-family:arial, sans-serif;
}

#form1
{
width:350px;
}


#form1 label {
display:block;
width:100px; 
float:left;
}


a.onglet_droite_accueil{
display:block;
width:100%;
height:100%;
text-decoration:none;
}
*/


#villes_droite
{
position:absolute;
width:300px;
left:430px;
margin-right:75px;
margin-left:0px;
margin-top:0;
margin-bottom:0;
color:#5a5a5a;
font-size:11px; 
text-decoration:none; 
font-family:arial, sans-serif;
}

#form1
{
width:350px;
}


#form1 label {
display:block;
width:100px; 
float:left;
}


a.onglet_droite_accueil{
display:block;
width:100%;
height:100%;
text-decoration:none;
}

#EmplacementDeMaCarte{
left:0px;
top:10px;
}