/*style voirie*/
*{
	margin:0;
	padding:0;
}
html{
	font-size:100%;
	}

body {
	background:#0080c1 url(/custom/img/bg_site.gif) 0 0 no-repeat;
	text-align: center;
	color:#000;
	font-size:0.70em;
	line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}
img{
	border:none;
}
a{
outline:none;
text-decoration:underline;
color:#000000;
}
a:hover{
text-decoration:none;
}
p{
text-align:justify;
}
.gras{
font-weight:bold;
}
.bleu_fonce{
color:#085bA1;
font-weight:bold;
}
.clear{
clear:both;
}
/**************************SQUELETTE HOME*****************/
#space{
	margin:0 auto;
	width:992px;
	height:800px;
	text-align:left;
	background: url(/custom/img/bg_centre.gif) 0 0 no-repeat;
	position:relative;
}
#content{
/*margin-left:228px;
width:764px;*/
}
#colg{
width:228px;
position:relative;
}
#menu_chantier{
/*position:absolute;
top:224px;
left:0px;
width:228px;
height:240px;
background-color:#63bEEA;*/
}
#voirie{
/*position:absolute;
top:464px;
left:0;*/
background:url(/custom/img/bg_voirie.gif) 0 0 no-repeat;
/*height:128px;*/
width:228px;
padding-top:50px;
}
#voirie img{
float:left;
}
#voirie a{
display:block;
width:252px;
height:14px;
text-decoration:none;
}
#voirie a.orga{
background:url(/custom/img/menu_voirie_orga.gif) 0 0 no-repeat;
}
#voirie a:hover.orga{
background:url(/custom/img/menu_voirie_orga_hover.gif) 0 0 no-repeat;
}
#voirie a.missions{
background:url(/custom/img/menu_voirie_missions.gif) 0 0 no-repeat;
}
#voirie a:hover.missions{
background:url(/custom/img/menu_voirie_missions_hover.gif) 0 0 no-repeat;
}
#voirie a.zap{
background:url(/custom/img/menu_voirie_zap.gif) 0 0 no-repeat;
}
#voirie a:hover.zap{
background:url(/custom/img/menu_voirie_zap_hover.gif) 0 0 no-repeat;
}
#voirie a.travaux{
background:url(/custom/img/menu_voirie_travaux.gif) 0 0 no-repeat;
}
#voirie a:hover.travaux{
background:url(/custom/img/menu_voirie_travaux_hover.gif) 0 0 no-repeat;
}
#voirie a.contact{
background:url(/custom/img/menu_voirie_contact.gif) 0 0 no-repeat;
}
#voirie a:hover.contact{
background:url(/custom/img/menu_voirie_contact_hover.gif) 0 0 no-repeat;
}
#liens{
margin-top:3px;
width:228px;
height:13px;
/*position:absolute;
top:590px;
left:0;*/
}
#liens img{
float:left;
}
#actu{
/*position:absolute;
top:0px;
left:229px;
width:277px;
height:100px;*/
}
#meteo{
/*position:absolute;
top:0px;
left:506px;
width:245px;
height:100px;*/
}
#carte{
position:absolute;
top:101px;
left:253px;
width:495px;
height:500px;
}
#alerte{
position:absolute;
top:0px;
left:750px;
width:245px;
height:600px;
}
/*****************************PAGE INTERIEURE*************************************/
/*probleme de longueur de div fond blanc pour les pages du menu voirie*/
/*#ze46 #div48 {
background-color:#FFFFFF;
min-height:500px;
}
*html #ze46 #div48{
height:500px;
}
#ze46 #div47{
min-height:535px;
background-color:#FFFFFF;
}
*html #ze46 #div47{
height:535px;
}

#ze46 #div51{
min-height:1050px;
background-color:#FFFFFF;
}
*html #ze46 #div51{
height:1050px;
}*/
#ze46{
min-height:496px;
height:auto;
width:496px;
}
* html #ze46{
height:496px;
}
.organisation #ze46, .nos_missions #ze46, .travaux_d_urbanisation #ze46, .zap_31 #ze46, .contacts #ze46, .mentions_legales #ze46{
width:495px;
}
#bf17{
height:auto;
}
img.img_grd_chantier{
padding:2px 15px 4px 25px;
float:left;
}
/****************************COL DROITE PAGE INTERIEURE***************************************/


#ze30, #bf39, #bf41, #bf42{
background:#FFF url(/custom/img/bg_inter_droite.jpg) 0 0 repeat-y;
text-align:left;
width:230px;
}
#bf42{
padding:20px 0 0 11px;
width:219px;
}
#bf39 h3, #bf41 h3{
margin:15px 15px 5px 15px;
padding:0 0 0 25px;
color:#0a59a4;
font-size:1.2em;
text-transform:uppercase;
line-height:1.2em;
}
#bf39{
padding:0px 0 0 11px;
width:219px;
}
#bf39 h3.savoir, #bf41 h3.savoir{
background: url(/custom/img/puce_info.gif) 0 0 no-repeat;
}
#bf39 h3.budget, #bf41 h3.budget{
background: url(/custom/img/puce_budget.gif) 0 0 no-repeat;
}
#bf39 h3.date, #bf41 h3.date{
background: url(/custom/img/puce_special.gif) 0 0 no-repeat;
}
#bf41 p{
color:#FFF;
margin:5px 15px;
padding-left:25px;
}
#bf39 p{
color:#FFF;
margin:5px 15px;
padding-left:14px;
}
#bf39 p.citation, #bf42 p.citation{
color:#0959a2;
font-size:1.2em;
font-weight:bold;
font-style:italic;
letter-spacing:0.1em;
margin:0;
padding:20px 20px;
}
#bf39 img, #bf42 img{
margin:15px 0px;
width:220px;
float:right;
}
/****************************COL GAUCHE TITRE  PAGE INTERIEURE***************************************/
#bf40, #bf44, #bf45{
background-color:#FFF;
}
#bf40, #bf39{
height:auto;
}
#bf44, #bf41, #bf43, #bf42, #bf45{
height:auto;
}
#titre{
background:#FFF url(/custom/img/bg_inter_titre.gif) 0 10px no-repeat;
/*width:510px;*/
}
#titre h1{
margin: 10px 10px 0px 30px;
font-size:2em;
line-height:1em;
font-weight:bold;
color:#64bbe6;
text-transform:uppercase;
padding:10px 0;
}
#titre h2{
margin:0 10px 35px 30px;
font-size:1.2em;
color:#1b68ac;
text-transform:uppercase;
line-height:1.1em;
font-weight:bold;
font-stretch:condensed;
}
#retour_carte a{
display:block;
width:252px;
height:17px;
text-decoration:none;
background:#FFF url(/custom/img/bt_retour_carte.gif) 0 0 no-repeat;
}
#retour_carte a:hover{
display:block;
background:#FFF url(/custom/img/bt_retour_carte_hover.gif) 0 0 no-repeat;
}
/****************************COL GAUCHE TEXTE  PAGE INTERIEURE***************************************/
.tab_diaporamas_news{
margin:20px 10px 15px 35px;
}
#titre_documentation{
}
#titre_info{
}
#ze46 #tab_documentation{
margin:10px 5px 15px 25px;
background-color:#e0e0e0;
/*width:475px;*/
width:90%;
font-size:0.9em;
border-spacing:0px;
}
#ze46 #tab_documentation td{
vertical-align:top;
padding:2px 2px;
}
#ze46 #tab_documentation td.sep{
background-color:#FFFFFF;
width:7px;
padding:0;
}
#ze46 #tab_documentation ul{
list-style-position:inside;
margin:0;
}
#ze46 #tab_documentation ul li{
padding-bottom:0;
}
#tab_documentation{
margin:10px 5px 15px 25px;
background-color:#e0e0e0;
/*width:475px;*/
width:90%;
font-size:0.9em;
border-spacing:0px;
}
#tab_documentation td{
vertical-align:top;
padding:2px 2px;
}
#tab_documentation td.sep{
background-color:#FFFFFF;
width:7px;
padding:0;
}
#tab_documentation ul{
list-style-position:inside;
margin:0;
}
#tab_documentation ul li{
padding-bottom:0;
}
#bf40 h3, #bf45 h3, #bf44 h3{
padding:10px 15px 3px 25px;
font-size:1.1em;
}
#bf40 p, #bf45 p, #bf44 p{
padding:2px 15px 5px 25px;
}
#bf40 ul, #bf45 ul, #bf44 ul{
list-style-position:inside;
padding:2px 5px 5px 25px;
}
#img_et_txt{
padding:10px 5px 3px 25px;
}
#img_et_txt img{
float:left;
margin:0 10px 5px 0;
}
/********************************div image centrale *********************/
#bf43{
background-color:#FFFFFF;
}
/******************************STYLE DES PAGES MENU VOIRIES*******************/
#ze46{
background-color:#FFF;
}
#ze46 h1{
margin: 15px 0;
}
#div51 h2{
margin: 10px 0 10px 30px;
}
#ze46 h3{
margin:5px 15px 5px 30px;
font-size:1.2em;
}

#ze46 p{
margin:5px 15px 5px 30px;
}
#ze46 ul{
margin:5px 0;
list-style-position:inside;
padding:2px 15px 5px 30px;
}
#ze46 ul li{
padding-bottom:3px;
}
#ze46 p img{
margin:0 0 5px 20px;
float:right;
}
#contacts_gauche{
width:228px;
float:left;
margin:0 5px 0 20px;
}
* html #contacts_gauche{
width:225px;
float:left;
margin:0 5px 0 15px;
}
#contacts_gauche div, #contacts_droite div{
height:120px;
}
#contacts_droite{
width:228px;
float:right;
margin:0 5px 0 5px;
}
* html #contacts_droite{
width:225px;
float:right;
margin:0 5px 0 5px;
}
#contacts_gauche .lieu , #contacts_droite .lieu{
	color: #FFFFFF;
	font-weight:bold;
	background-color: #F09C00;
	line-height:15px;
	padding:1px 2px 3px 5px;
	margin:0;
	text-align:left;
}
#contacts_gauche .adresse, #contacts_droite .adresse{
padding:5px 2px 2px 5px;
margin:0;
text-align:left;
}
#contacts_gauche .tel,#contacts_droite .tel{
padding:2px 2px 0 5px;
margin:0 0 10px 0;
}
/***************ACCORDEON****************/
#basic-accordian{
margin:15px 5px 10px 20px;
width:465px;
font-family:Arial, Helvetica, sans-serif;
}
#basic-accordian h2{
font-size:1em;
padding:4px 0 0 10px;
}
#basic-accordian h3{
margin:0;
font-size:1.1em;
padding:10px 0 0 10px;
}
#basic-accordian p{
margin:5px 0 0 10px;
padding-right:10px;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
}
#basic-accordian img{
margin:0 0 5px 20px;
float:right;
}
#basic-accordian ul{
margin:5px 0;
list-style-position:inside;
padding:2px 15px 5px 10px;
}
.accordion_child{
padding-bottom:10px;
}
.accordion_child img{
padding-bottom:5px;
}
.accordion_headings, .customers a {
display:block;
background:url(/custom/img/accordeon.gif) top left no-repeat;
color:#FFF;
cursor:pointer;
font-weight:bold;
font-size:1.1em;
height:22px;
}
.header_highlight{
background:url(/custom/img/accordeon.gif) bottom left no-repeat;
display:block;
}
#test-header, #test1-header, #test2-header, #test3-header, #test4-header{
margin-bottom:5px;
}
/***************************style page ACTUALITE***********************/
.tab_diaporamas_news{
margin:10px 5px 15px 35px;
}
#titre_actu h1, #titre_actu_docu h1 {
background:url(/custom/img/puce_titre_actu.gif) 0 0 no-repeat;
color:#64BBE6;
font-size:1.2em;
font-weight:bold;
line-height:1.1em;
margin:20px 10px 0 0;
padding-left:30px;
text-transform:uppercase;
float:left;
}

#texte_actu {
margin:0;
padding:0; 
float:left;
}
#texte_actu p{
margin:10px;
padding:2px 5px 5px 25px; 
}
#actu_diapo {
margin:0 0 0 15px;
padding:0;
float:left;

}

#actu_diapo p{
margin:0px;
padding:0; 
float:left;
}

#actu_diapo p img{
margin:0;
padding:0; 
float:left;
}

#texte_actu img{
float:left;
margin: 0 10px 10px 0;
}
body.home #ze46{
width:740px;
}
.gmap{
height:463px;
width:720px;
background:#0080C1;
margin:27px 10px 0px 10px;
}