/**************************************
**          CSS Generale             **
**************************************/

body {
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	font-family:Trebuchet MS;
}

h1, h2, h3, h4, h5, h6, ul, li, img, a, form, fieldset, legend, div {
	margin:0px;
	padding:0px;
	border:none;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Trebuchet MS;
}

#conteneur {
	margin-left:auto;
	margin-right:auto;
	width:936px;
}

.separator {
	clear:both;
	font-size:0px;
}



/**************************************
**           CSS Pop-up              **
**************************************/

#pop-up #filtre {
	/*background-color:#000000;*/
	width:100%;
	height:1000px;
	opacity:0.8;
	z-index:200;
	position:absolute;
	top:0;
}

#pop-up #encart {
	background:white;
	color:#005e9f;
	margin:0 35% 0 35%;
	width:30%;
	padding:20px;
	z-index:205;
	position:absolute;
	top:350px;/*150px;*/
	border:10px solid #005E9E;/*#ECF7FB;*/
	font-weight:bold;
	text-align:center;
}

#pop-up #fermer {
	font-weight:normal;
	text-decoration:underline;
	text-align:center;
	margin-top:20px;
	cursor:pointer;
}


/**************************************
**           CSS Header              **
**************************************/

#header_accueil {
	width:936px;
	height:270px;
	background:url(images/header.gif);
	position:relative;
	overflow:auto;
	margin-top:40px;
}

#header_accueil h1 {
	float:left;
	margin-right:17px;
}

#header_accueil #onglet_urbanisme, #header_accueil #onglet_environnement, #header_accueil #onglet_communication {
	float:left;
	margin-top:6px;
	margin-right:6px;
}

#header_accueil #logo_flash {
	float:left;
	background:white;
	width:383px;
	height:251px;
	margin-top:6px;
	text-align:center;
}

/**************************************
**           CSS Sous Header         **
**************************************/


#header_autre {
	width:936px;
	height:103px;
	background:url(images/sous_header_fond.gif) 52px top no-repeat;
	position:relative;
	overflow:auto;
	margin-top:40px;
}

#header_autre h1 {
	float:left;
	margin-right:17px;
}

#header_autre h2, #header_autre #header_text {
	float:left;
	margin-top:6px;
	margin-right:6px;
}

#header_autre ul {
	list-style-type:none;
	margin-left:615px;
	margin-top:-8px;
	height:23px;
}

*html #header_autre ul {
	margin-top:-9px;
	margin-left:612px;
}

*+html #header_autre ul {
	margin-top:-9px;
}

#header_autre li {
	float:left;
	width:82px;
	height:23px;
	text-align:center;
	margin-left:4px;
	margin-right:4px;
}

#header_autre li a {
	font-weight:bold;
	color:white;
	text-decoration:none;
	font-size:0.7em;
}

#header_autre li a:hover, #header_autre li a.actif {
	color:#003559;
}

/**************************************
**         CSS Menu Rapide           **
**************************************/

#sous_header {
	position:relative;
	overflow:auto;
	margin-top:-6px;
}

#sous_header #reflet {
	float:left;
	background:url(images/reflet.jpg) no-repeat;
	width:429px;
	height:27px;
	margin-left:64px;
	margin-top:3px;
}

#sous_header ul {
	float:left;
	margin-left:120px;
	list-style:none;
	background:url(images/onglets.jpg) no-repeat;
}

#sous_header ul li {
	float:left;
	width:80px;
	height:23px;
	text-align:center;
	margin-left:4px;
	margin-right:8px;
}

#sous_header ul li a {
	font-weight:bold;
	color:white;
	text-decoration:none;
	font-size:0.7em;
}

#sous_header ul li a:hover, #sous_header ul li a.actif {
	color:#003559;
}



/**************************************
**            CSS Corps              **
**************************************/

#corps {
	margin-top:15px;
}

#corps_titre {
	margin-left:55px;
	margin-bottom:15px;
}

#corps_titre h2 {
	color:#005e9f;
	font-weight:normal;
	font-size:1.4em;
}

#corps_titre h3 {
	color:#005e9f;
	font-weight:normal;
	font-size:1.0em;
}

#corps #corps_gauche {
	float:left;
	width:645px;
	margin-left:55px;
	color:black;
	font-size:0.8em;
}

#corps_gauche #colonne_gauche {
	float:left;
	width:320px;
	margin-right:20px;
	color:black;
}

#corps_gauche #colonne_gauche img {
	margin-top:20px;
}

#corps_gauche #colonne_droite {
	float:left;
}

#corps #corps_droit {
	float:left;
}

/**************************************
**            CSS sous Corps         **
**************************************/

#corps_autre #bloc_gauche {
	float:left;
	width:435px;
	margin-left:55px;
}

#corps_autre #bloc_droit {
	float:left;
	width:285px;
	margin-left:56px;
	margin-top:32px;
}

#corps_autre #fil_ariane {
	list-style-type:none;
	float:left;
}

#corps_autre #fil_ariane li {
	float:left;
	margin-right:5px;
}

#corps_autre #fil_ariane li a {
	color:black;
	font-size:0.7em;
	margin-left:5px;
	text-decoration:none;
}

#corps_autre #fil_ariane li a.actif, #corps_autre #fil_ariane li a:hover {
	text-decoration:underline;
}

#corps_autre #pagination {
	float:right;
	list-style-type:none;
}

#corps_autre #pagination li {
	float:left;
	margin-left:1px;
}

#corps_autre #pagination li a {
	color:#adcddb;
	text-decoration:none;
	font-weight:bold;
}

#corps_autre #pagination li a.actif,#corps_autre #pagination li a:hover {
	color:#0561a1;
}

#corps_autre #autre_image {
	height:155px;
	width:283px;
}

#corps_autre #newsletter {
	margin-top:66px;
}

#corps_autre #autre_text {
	background-color:#f5fbff;
	width:425px;
	padding:5px 10px 15px 10px;
	margin-top:10px;
	font-size:0.7em;
}

#corps_autre #autre_text h1 {
	color:#005E9F;
	font-size:1.8em;
}

#corps_autre #autre_text h2 {
	color:#005E9F;
	font-size:1em;
	font-weight:bold;
	margin-top:10px;
}

/**************************************
**         CSS Newsletter            **
**************************************/

#newsletter {
	width:190px;
	height:110px;
}

#newsletter h3 {
	height:23px;
	background:url(images/newsletter.jpg) no-repeat;
	font-size:1em;
	padding-top:3px;
	padding-left:10px;
	color:white;
}

#newsletter #corps_news {
	width:178px;
	height:64px;
	border:1px solid #EFEFEF;
	font-size:0.6em;
	padding:5px;
}

#newsletter #form_newsletter #email {
	width:135px;
	height:15px;
	border:1px solid #d2d2d2;
	margin-top:10px;
	margin-left:5px;
}

/**************************************
**           CSS Contact             **
**************************************/

#contact {
	margin-top:50px;
	background-color:#f5fbff;
	width:425px;
	padding:5px 10px 15px 10px;
	font-size:0.7em;
	margin-left:55px;
}

#contact h1 {
	color:#005E9F;
	font-size:1.8em;
}

#contact h2 {
	color:#005E9F;
	font-size:1em;
	font-weight:bold;
}

/**************************************
**           CSS Equipe              **
**************************************/

#equipe {
	width:775px;
	background-color:#f5fbff;
	font-size:0.7em;
	padding-bottom:10px;
	margin-left:55px;
}

#equipe .ligne {
	margin-left:50px;
	margin-bottom:20px;
}

#equipe .personne {
	margin-bottom:5px;
	width:350px;
	float:left;

}

#equipe .personne img {
	float:left;
	height:103px;
	width:78px;
}

#equipe .personne .info {
	float:left;
	margin-left:6px;
}

#equipe h1 {
	color:#005E9F;
	font-size:1.8em;
	margin-left:10px;
	margin-bottom:10px;
}

#equipe h2 {
	color:#005E9F;
	font-size:1em;
	font-weight:bold;
}

/**************************************
**           CSS Groupe              **
**************************************/

#groupe {
	width:727px;
	background-color:#f5fbff;
	font-size:0.7em;
	padding-bottom:10px;
	margin-top:50px;
	margin-left:55px;
}

#groupe h1 {
	font-size:1.8em;
	margin-left:10px;
	margin-bottom:10px;
	color:#005e9f;
}

#groupe span {
	font-size:1em;
	margin-left:10px;
}

#groupe span strong{
	color:#005e9f;
}

#groupe #auddice {
	margin-left:300px;
	display:block;
	margin-top:20px;
	margin-bottom:10px;
}

#groupe #airele {
	margin-left:20px;
	width:105px;
	float:left;
	text-align:center;
}

#groupe #airele img{
	vertical-align:middle;
}

#groupe #airele a{
	color:#005e9f;
	font-weight:bold;
}

#groupe #equinergies {
	margin-left:200px;
	float:left;
}

#groupe #ec {
	margin-left:200px;
	float:left;
}

#groupe a {
	color:#005E9F;
	display:block;
	margin-left:30px;
	font-weight:bold;
}