/* CSS Document */

html{
background-image:url(../fond/fondgris.jpg);
background-position:center top;
background-repeat:no-repeat;
background-color:#727375;
text-align:center;
background-attachment:fixed;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

body{
margin-left:auto;
margin-right:auto;
text-align:left;

margin-top:0px;
margin-bottom:10px;

width:767px;

}


.invisible{
display:none;
}

.bloc1{
	float:left;
	width:245px;
}
.bloc3{
	float:right;
	width:260px;
}
.bloc2{
	float:left;
	width:258px;
	margin-left:2px;
}

.bloc4{
	float:left;
	width:520px;
	margin-left:2px;
}

#menu{
	text-align:left;
	margin-top:45px;
}
#logo{

	margin-top:45px;
text-align:center;
}
#logo img{

	margin-top:25px;
border:none;
}
#logo a{position:relative;z-index:80}
#bloctitre{
	margin-right:200px;
}


#urbanisme,#programme{
	height:220px;

}


.bloc3 .haut,.bloc3 .bas,.bloc3 .centre,.bloc1 .haut,.bloc1 .bas,.bloc1 .centre,.bloc2 .haut,.bloc2 .bas,.bloc2 .centre,.bloc4 .haut,.bloc4 .bas,.bloc4 .centre{
	background-color:none;
	background-image:none;
}


.bloc4 .haut,.bloc4 .bas,.bloc3 .haut,.bloc3 .bas,.bloc2 .haut,.bloc2 .bas,.bloc1 .haut,.bloc1 .bas{
	font-size:4px;
	height:12px;
	}
.bloc4 .haut[class],.bloc4 .bas[class],.bloc3 .haut[class],.bloc3 .bas[class],.bloc2 .haut[class],.bloc2 .bas[class],.bloc1 .haut[class],.bloc1 .bas[class]{
		background-repeat:no-repeat;background-color:none;
}
.bloc4 .centre[class],.bloc3 .centre[class],.bloc2 .centre[class],.bloc1 .centre[class]{
		background-repeat:repeat-y;background-color:none;
	height:auto;
}
#logo .centre,#menu .centre{
height:127px;
}
#logo .centre[class],#menu.centre[class]{
min-height:127px;
}


#blocgauche .centre,#bloctitre .centre{
height:59px;
}
#blocgauche .centre[class],#bloctitre.centre[class]{
min-height:59px;
}
#news .centre,#bloclarge .centre{
height:132px;

}
#news .centre[class],#bloclarge .centre[class]{
min-height:132px;

}

.page #bloclarge .centre{
height:auto;
min-height:auto;

}

.page #news{clear:left;}


#menu .haut{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/m-haut.png', sizingMethod='crop');}
#menu .haut[class]{background-image:url(../fond/m-haut.png);}
#menu .centre{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/m-centre.png', sizingMethod='scale');}
#menu .centre[class]{background-image:url(../fond/m-centre.png);}
#menu .bas{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/m-bas.png', sizingMethod='crop');}
#menu .bas[class]{background-image:url(../fond/m-bas.png);}

#logo .haut{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/l-haut.png', sizingMethod='crop');}
#logo .haut[class]{background-image:url(../fond/l-haut.png);}
#logo .centre{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/l-centre.png', sizingMethod='scale');}
#logo .centre[class]{background-image:url(../fond/l-centre.png);}
#logo .bas{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/l-bas.png', sizingMethod='crop');}
#logo .bas[class]{background-image:url(../fond/l-bas.png);}

#blocgauche .haut{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/metier-haut.png', sizingMethod='crop');}
#blocgauche .haut[class]{background-image:url(../fond/metier-haut.png);}
#blocgauche .centre{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/metier-centre.png', sizingMethod='scale');}
#blocgauche .centre[class]{background-image:url(../fond/metier-centre.png);}
#blocgauche .bas{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/metier-bas.png', sizingMethod='crop');}
#blocgauche .bas[class]{background-image:url(../fond/metier-bas.png);}



#news .haut{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/news-haut.png', sizingMethod='crop');}
#news .haut[class]{background-image:url(../fond/news-haut.png);}
#news .centre{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/news-centre.png', sizingMethod='scale');}
#news .centre[class]{background-image:url(../fond/news-centre.png);}
#news .bas{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/news-bas.png', sizingMethod='crop');}
#news .bas[class]{background-image:url(../fond/news-bas.png);}





#bloclarge .haut{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/double-haut.png', sizingMethod='crop');}
#bloclarge .haut[class]{background-image:url(../fond/double-haut.png);}
#bloclarge .centre{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/double-centre.png', sizingMethod='scale');}
#bloclarge .centre[class]{background-image:url(../fond/double-centre.png);}
#bloclarge .bas{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/double-bas.png', sizingMethod='crop');}
#bloclarge .bas[class]{background-image:url(../fond/double-bas.png);}


#urbanisme{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/urbanisme.png', sizingMethod='crop');}
#urbanisme[id]{background-image:url(../fond/urbanisme.png);}

#programme{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/programme.png', sizingMethod='crop');}
#programme[id]{background-image:url(../fond/programme.png);}

.entete{
	font-size:4px;
	height:196px;
	width:258px;
	float:right;
	margin-right:2px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/archi.png', sizingMethod='crop');
}
.entete[class]{
		background-repeat:no-repeat;
		background-color:none;
		background-image:url(../fond/archi.png);
}



#blocgauche ul{
	font-size:11px;
	margin:0px;
	padding:0px;
	margin-left:12px;
	margin-right:12px;
	padding-left:15px !important;
	padding-left:17px;
	color:#1D318B;
	list-style-image:url(../elmt/puceb.gif);
	
}

#menu ul{
z-index:80;
position:relative;
padding:0px;
margin:0px;

margin-left:0px !important;
margin-left:9px;
padding-left:9px !important;
padding-left:0px;

list-style-image:url(../elmt/puce.gif) !important;
list-style-image:none;
list-style-type:none;

list-style-position:inside !important;
list-style-position:outside;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;


}
#blocgauche #menu ul{

list-style-image:url(../elmt/puceb.gif) !important;
list-style-image:none;


}

#blocgauche #menu{
	padding:0px;
	margin:0px;
margin-bottom:30px;

}



#menu ul li{
	
	padding:0px;
	margin:0px;
	padding-top:3px !important;
	padding-bottom:3px !important;
	padding-top:1px;
	padding-bottom:1px;
	margin-right:9px;
	border-top:1px dashed white;
}


#blocgauche #menu ul li{
	border-top:1px dashed #1D318B;

}

#menu ul li.top,#blocgauche #menu .submenu li,#blocgauche #menu ul li.top{
	border-top:none;
}

#menu a{
	text-decoration:none;
	color:#FFFFFF;
}

#blocgauche #menu a{

	color:#1D318B;

}


#menu a:hover{

	color:#FFFF00;
}


.retour{
	clear:both;
	margin-bottom:2px;
}



#blocgauche{text-align:left}
h2{

	text-align:left;
	margin:0px;
	padding:0px;
	font-size:35px;
	margin-left:8px;
	font-weight:normal;
}

h2 span{
	font-size:25px;
	display:block;
	line-height:15px;
}

h2 strong{
	color:#1D318B;
	font-weight:normal;

}

#bloctitre h2{
	color:#00A6EA;
}
#blocgauche h2{
	color:#1D318B;
}
#blocgauche h4{
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:12px;
	margin-left:8px;
	font-weight:bold;
	color:#1D318B;

}
#blocgauche address,#blocgauche p{
	
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	color:#000;


}
#blocgauche address{
	font-style:normal;
	font-size:11px;
	margin-bottom:10px;
}

#blocgauche address a{
	position:relative;
	z-index:50;
	display:block;
}



#blocgauche a{
	color:#000;

}

#bloclarge h3{
	
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	padding-left:10px;
	padding-bottom:0px;
	color:#000000;
	
}

#bloclarge .plus{
	margin:0px;
	font-size:10px;
	text-align:right;
	padding-right:12px;
	margin-top:8px;
	

}

#bloclarge .plus a{
	color:#1D318B;
	text-decoration:none;
}
#blocgauche h3{
	display:block;
	padding-left:10px;
	font-size:12px;
	line-height:14px;
	margin:0px;
}
#news h3{
	
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	padding-left:10px;
	padding-bottom:5px;
	color:#FFFFFF;


}
#news p{
	
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;


}
#news label{
	display:block;
	color:#FFFFFF;
	font-size:11px;
	padding-left:10px;
	padding-top:8px;
	float:left;
	z-index:50;
	position:relative;

}
#news #email{
	border:1px solid #FFFFFF;
	color:#00A6EA;
	background:none;
	float:left;
	width:110px;
	z-index:50;
	position:relative;
	
	margin-left:8px;
	margin-top:5px;
	height:15px;

}
#news .sub{
	display:block;
	color:#00A6EA;
	z-index:50;
	position:relative;
	float:left;
	margin-left:8px;
	margin-top:9px;
}


#urbanisme,#programme{
	cursor:pointer;
	float:left;
}
#urbanisme{
	margin-right:2px;
}
#urbanisme h3,#programme h3{
	margin:0px;
	padding:0px;
	z-index:80;
	position:relative;
	}
	
#urbanisme h3 a,#programme h3 a{
	display:block;
	padding:10px;
	height:200px;
	
	text-decoration:none;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	

}


#blocgauche li{

	margin-top:6px;
	
}
#blocgauche .centre{
	min-height:276px !important;
	height:auto !important;
	height:278px;
}

.page #blocgauche .centre{
	min-height:98px !important;
	height:auto !important;
	height:100px;

}

.bandphoto{
	margin:0px;
	padding:0px;
	padding-left:7px;
	display:block;
	list-style:none;
	height:91px;
}

.bandphoto li{
	height:91px;
	width:98px;
	margin:0px;
	padding:0px;
	padding-right:4px;
	float:left;
	display:block;
	list-style:none;
}
.bandphoto li a,#ref a{
	position:relative;
	z-index:80;
}
#ref a{
	color:white
}


.bandphoto li a img{
	height:91px;
	width:94px;
	border:1px solid #757678;
	display:block;
}

.bandphoto li a:hover img{
	border:1px solid #FF3300;
}

#blocgauche .tel{
	text-align:center;
	color:#E04B29;
	font-weight:bold;

}

.pied{
	
	color:#CCCCCC;
	display:block;
	clear:both;
	margin:0px;
	padding-top:10px;
	font-size:9px;
	text-align:center;
}

.pied a{
	color:#CCCCCC;
	
}

#ref {
	padding-left:12px;
}

#ref dl{
	overflow:hidden;
	margin:0px;
	padding:0px;
	height:92px;
	margin-right:8px !important;
	margin-right:6px;
	margin-bottom:6px;
	display:block;
	width:240px;
	float:left;
	/*background-color:#E1E1E9;*/
	background-image:url(../fond/fondbleu.jpg);
	background-repeat:repeat-y;
	background-color:#052040;
	border:1px solid #FFF;
	
}
#ref dd{
	float:right;
	margin:0px;
	padding:0px;
}
#ref dt{
	float:left;
	
	font-weight:bold;
	height:88px;
	width:120px;
	margin:0px;
	padding:5px;
	font-size:11px;
}
#ref dl{
	color:#FFF !important;
}
#ref img{
	height:92px;
	
	width:94px;
	border:none;
	border-left:1px solid #FFF;
	
}


#formulairepage table{
	border-collapse:collapse;
	font-size:11px;
}

#formulairepage label{
	display:block;
	float:left;
	text-align:right;
	padding-right:5px;
	width:140px;
	font-weight:bold;
	
	margin-bottom:10px;
	
}
.ctext,.email,textarea{
	border:1px solid #CCCCCC;
	width:350px;
}
#formulairepage tfoot td{
	
	text-align:center;
	padding-left:140px;
	padding-top:20px;
}