/* Volvic CSS Document */

/*---------------------------------------------------------------------------------*/
/*Squelette général*/
/*---------------------------------------------------------------------------------*/
body {
	background:url(../images/degrade.gif) repeat-x;
	background-color:white;
	margin:auto;
	padding:30px;
	padding-top:10px;
	padding-bottom: 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#centrage {
	margin:auto;
	padding:0;
	width:929px;
	height:796px;
	border:1px black solid;
	background:white;
	position:relative;
}

html>body #centrage {
	height: auto;
	min-height: 796px;
}

#baseline {position: absolute;text-align: center;display:inline;bottom: 0px;margin:0 auto 0 auto;width:929px;font-size:0.8em;margin-bottom: 5px;margin-top:5px; display:none;}
#baseline a {color:black;}
#baseline a:visited,#baseline a:hover  {color:black;}

ul{
	margin-top:0;
}

#zone_haut{
	margin:0 auto 0 auto;
	padding:0 0 0 1px;
	width:852px;
	height:129px;
	text-align:right;
	background:url(../images/zone_haut_fond.gif) no-repeat;
	z-index:5;
}

	#zone_haut object{	
		margin-right:3px;
	}

#contenu {
	position:relative;
	left:38px;
}

#haut_zone_gauche {
	margin:0;
	padding:0;
	width:629px;
	height:14px;
	background:url(../images/zone_gauche_haut.gif) no-repeat;
}

#zone_gauche{
	position:relative;
	top:-2px;
	margin:0;
	padding:0;
	/*height:583px;*/
	height:594px;
	width:629px;
	text-align:justify;
	background:url(../images/zone_gauche_centre.gif) repeat-y;
	/*border-left:1px black solid;*/border-left:none;
	border-bottom:1px white solid;
	border-top:none;
	/*border-right:1px black solid;*/border-right:none;
	clear:both;
}

html>body #zone_gauche {
	height: auto;
	min-height: 585px;
} 

#bas_zone_gauche{
	margin:0 0 20px 0;
	padding:0;
	position:relative;
	top:-3px;
	height:17px;
	width:629px;
	background:url(../images/zone_gauche_bas.gif) no-repeat;
	background-position:top;
	clear:both;
}

#zone_droite_haut{
	position:absolute;
	top:140px;
	left:704px;
	margin:0;
	padding:0;
	width:219px;
	height:14px;
	text-align:center;
	background:url(../images/zone_droite_haut.jpg) no-repeat;
	z-index:4;
}

#zone_droite{
	position:absolute;
	top:154px;
	left:704px;
	margin:0;
	padding:0;
	width:219px;
	height:583px;
	text-align:center;
	background:url(../images/zone_droite_centre.jpg) repeat-y;
	z-index:6;
	clear:both;
}

#bas_zone_droite{
	margin:0;
	padding:0;
	position:absolute;
	top:748px;
	left:704px;
	width:219px;
	height:14px;
	background:url(../images/zone_droite_bas.gif) no-repeat;
	z-index:6;
}

html>body #bas_zone_droite {
	top:737px;
}

#zone_bas{
	margin:0 auto 0 auto;
	padding:0;
	padding-top:5px;
	width:736px;
	height:20px;
	border-top:1px black solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-align:center;
	
}
#zone_bas a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:black;
	text-decoration:none;
}

#zone_bas a:hover {
	text-decoration:underline;
}
/*---------------------------------------------------------------------------------*/
/*Fin squelette général*/
/*---------------------------------------------------------------------------------*/
	
/*---------------------------------------------------------------------------------*/
/*Polices générales*/
/*---------------------------------------------------------------------------------*/

.texte_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.texte_gras {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

/*---------------------------------------------------------------------------------*/
/*Fin polices générales*/
/*---------------------------------------------------------------------------------*/


.cellule_violette {
	background-color: #6E5E9D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.Titres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/*---------------------------------------------------------------------------------*/
/*Contenu cadre de droite*/
/*---------------------------------------------------------------------------------*/
#zone_droite #cadre_news {
	margin:0 auto 0 auto;
	padding:0;
	width:188px;
	height:140px;
	background:url(../images/cadre_dernier_minute.gif) no-repeat;
	border:1px orange solid;
}

#zone_droite #cadre_news #actu{
	margin:18px 20px 6px 12px;
	overflow:hidden;
	width:156px;
	height:115px;
	text-align:justify;
	font-size:8pt;
}

#zone_droite #cadre_news #actu a {
font-size:8pt;
color:black;
text-decoration:none;
}

#zone_droite #cadre_news #actu a:hover {
text-decoration:underline;
}


#zone_droite table {
	margin:0 auto 0 auto;
	padding:0;
}

#zone_droite form {
	margin:0 auto 0 auto;
	padding:0;
}

#zone_droite table tr .input_fond {
	background:url(../images/input.gif) no-repeat;
	width:107px;
	height:22px;
}

#zone_droite input {
  margin:0;
  padding:0;
  font-size:9pt;
  border:none;
  background-color:none;
  background:url(../images/input.gif) no-repeat top right;
  width:107px;
  height:22px;
  text-align:center;
  padding-top:3px;
}

#zone_droite ul, #zone_droite ul li {
	margin:0 auto 0 auto;
	padding:0;
	list-style:none;
}

#zone_droite ul{
display:block;
height:160px;
width:200px;
text-align:left;
}

#zone_droite ul li {
	margin:0;
	margin-left:5px;
	padding:0;
	width:200px;
	line-height:25px;
	height:25px;
}
#zone_droite ul .ville_colle1 {
	position:relative;
	margin-top:5px;
}
#zone_droite ul .ville_colle2 {
	position:relative;
}
#zone_droite ul .ville_colle3 {
	position:relative;
}
#zone_droite ul .ville_colle4 {
	position:relative;
}
#zone_droite ul .ville_colle5 {
	position:relative;
}
#zone_droite ul .ville_colle6 {
	position:relative;
}
#zone_droite ul .ville_colle7 {
	position:relative;
}


html>body #zone_droite ul .ville_colle1, html>body #zone_droite ul .ville_colle2, html>body #zone_droite ul .ville_colle3, html>body #zone_droite ul .ville_colle4, html>body #zone_droite ul .ville_colle5{
top:0;
} 

#zone_droite .touche_ville {
position:relative;
top:-10px;
}

html>body #zone_droite .touche_ville {
top:0;
}

#zone_droite ul li img {
margin:0;
padding:0;
}

/*---------------------------------------------------------------------------------*/
/*Fin Contenu cadre de droite*/
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Menu */
/*---------------------------------------------------------------------------------*/
#menu{
position:absolute;
top:93px;/*104*/
left:38px;/*69*/
z-index:200;
}
#menu_presentation {
	position:absolute;
	top:0;
	left:0;
	z-index:80;
}
#menu_structure {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:243px;
	z-index:90;
}
#menu_projet {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:477px;
	z-index:100;
}
#menu_marche {
	margin:0;
	padding:0;
	position:absolute;
	top:;
	left:679px;
	z-index:110;
}
/*---------------------------------------------------------------------------------*/
/*Fin Menu */
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Contenu cadre de gauche*/
/*---------------------------------------------------------------------------------*/
#zone_gauche p{
		margin-right:50px;/*20*/
		margin-left:40px;/*16*/
	}

/*#zone_gauche ul{
	margin-right:50px;*//*20*/
/*	margin-left:60px;*//*16*/
/*}*/

#zone_gauche .listediff{
	margin-right:50px;/*20*/
	margin-left:40px;/*16*/
}

#zone_gauche .titreimg {
	margin-left:40px;/* 6*/
}

/*----- Projet ------*/
#zone_gauche .titreprojet {
	display:block;
	width:525px;
	color:#fff/*ff6712*/;
	background-color:#ff6712;
	font-weight:bold;
	font-size:12px;
	clear:both;
	background:#ff6712 url(../images/puce_titre_lien_projet.gif) no-repeat left; 
	padding-left: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#zone_gauche .texteprojet {
padding-left: 10px;
margin-top: 0px;
padding-top: 0px;
}

#zone_gauche .liensprojet {
	display:block;
	color:#fff/*ff6712*/;
	text-decoration:none;
	background:#ff6712 url(../images/puce_titre_lien_projet.gif) 0 4px no-repeat; 
	padding:1px 0 1px 0; 
	width:340px; 
	margin:10px 0px 10px 200px;
	text-indent: 20px;
	vertical-align:middle; 
	font-size:11px;
}
#zone_gauche .liensprojet:hover {
	text-decoration:underline;
}

#zone_gauche div.separ_projet {
	display:block;
	width:535px;
	height:34px;
	margin:0 0 10px 175px;
	clear:both;
}	

/*----- Marchés publics ------*/
#zone_gauche .titremarches {
	display:block;
	width:546px;
	padding:0 0 0 5px;
	color:#fff/*d82108*/;
	background-color:#d82108;
	font-weight:bold;
	font-size:12px;
	clear:both;
	padding-top: 2px;
	padding-bottom: 2px;
}
	
#zone_gauche .docmarches {
	color:#d82108;
	font-weight:bold;
	font-size:10pt;
}

#zone_gauche .liensmarches {
	/*color:#d82108;
	text-decoration:none;
	margin-right:50px;*/
	
	display:block;
	color:#fff/*d82108*/;
	text-decoration:none;
	background:#d82108 url(../images/puce_titre_lien_marche.gif) 0 4px no-repeat; 
	padding:1px 0 1px 0; 
	width:340px; 
	margin:10px 0px 10px 200px;
	text-indent: 20px;
	vertical-align:middle; 
	font-size:10px;
}
#zone_gauche .liensmarches:hover {
	text-decoration:underline;
}

#bas_resume_aapc{
	background:#FEDAAE; margin:10px 0 0 40px; width:535px; height:15px; padding:0; clear:both;
}
html>body #centrage #contenu #zone_gauche #bas_resume_aapc{
	background:#FEDAAE; margin:0px 0 0 40px; width:535px; height:20px; padding:0; clear:both;
}


#bas_resume_aapc_suite{
	background:url(../images/puce_titre_lien_marche.gif) 0 5px no-repeat #d82108; width:164px; position:relative; left:371px; bottom:7px; padding:2px 0 2px 0;
}

/*----- Actualites ------*/

#zone_gauche .conteneurune{
	margin-right:43px;/*20*/
	margin-left:35px;/*16*/
	margin-top: 10px;
	margin-bottom: 30px;
	background-color:#FFE9D1;
	padding:5px;
	clear:left;
}

#zone_gauche .conteneurune img{
	/*display:inline;
	float:left;*/
	margin-right:10px;
}

#zone_gauche .conteneurune .txtactu{
	/*display:inline;*/
	/*clear:none;*/
	/*margin-right:10px;
	margin-left:10px;
	text-align:left;
	vertical-align:top;*/
}

#zone_gauche .conteneurune .txtactu p{
	margin:0;
	font-size:10pt;
	/*display:inline;
	clear:none;*/
}

#zone_gauche .conteneurune .txtactu .titreactu {
	color:#fd9618;
	font-weight:bold;
	font-size:10pt;
	/*display:inline;*/
}

#zone_gauche .conteneurune .txtactu .shortactu{
	margin:0px;
	font-size:10pt;
	/*display:inline;
	clear:none;*/
}

#zone_gauche .conteneuractu{
	margin-right:43px;/*20*/
	margin-left:34px;/*16*/
	margin-top: 10px;
	margin-bottom: 30px;
	padding:5px;
	clear:left;
}
	
#zone_gauche .conteneuractu img{
	/*display:inline;
	float:left;*/
	margin-right:10px;
}

#zone_gauche .conteneuractu .txtactu{
	/*display:inline;*/
	/*clear:none;*/
	/*margin-right:10px;
	margin-left:10px;
	text-align:left;
	vertical-align:top;*/
}

#zone_gauche .conteneuractu .txtactu p{
	margin:0;
	font-size:10pt;
	/*display:inline;
	clear:none;*/
}
	
#zone_gauche .conteneuractu .txtactu .titreactu {
	color:#fd9618;
	font-weight:bold;
	font-size:10pt;
	/*display:inline;*/
}

#zone_gauche .conteneuractu .txtactu .shortactu{
	margin:0px;
	font-size:10pt;
	/*display:inline;
	clear:none;*/
}

#zone_gauche .actu{
	margin-right:30px;
	margin-left:6px;
}

#zone_gauche .savoirplus{
	font-size:10pt;
	text-align:right;
}
#zone_gauche .liensactu {
	color:#fd9618;
	text-decoration:none;
	font-weight:bold;	
}
#zone_gauche .liensactu:hover {
	text-decoration:underline;
}
	
	
/*Bas de detail actu, version IE pour calage a gauche*/
#bas_detailactu{
	background:#FEDAAE;
	margin:25px 0 0 19px;
	width:550px;
	height:15px;
	padding:0;
	float:left;
	text-align:right;
}
html>body #centrage #contenu #zone_gauche #bas_detailactu{
	/*background:#FEDAAE;*/
	margin:25px 0 0 38px;
/*	width:550px;*/
	height:20px;
/*	padding:0;
	float:left;*/
}


#bas_detailactu_retour{
	background:url(../images/puce_retour_detailactu.gif) 0 5px no-repeat #FD9618;
	width:136px;
	position:relative;
	/*left:386px;*/
	bottom:7px;
	padding:2px 0 2px 0;
	text-align:left;
	margin:auto 0 auto auto;
}

/*Bas de detail actu, version IE pour calage a gauche*/
#bas_resume_actu, .bas_resume_actu{
	background:#FEDAAE;
	margin:10px 0 0 0px;
	width:535px;
	height:15px;
	padding:0;
	clear:both;
}
html>body #centrage #contenu #zone_gauche #bas_resume_actu{
	background:#FEDAAE;
	margin:0px 0 0 0px;
	width:535px;
	height:20px;
	padding:0;
	clear:both;
	text-align:right;
}


#bas_resume_actu_suite, .bas_resume_actu_suite{
	background:url(../images/puce_retour_detailactu.gif) 0 5px no-repeat #FD9618;
	width:97px;
	position:relative;
	/*left:371px;*/
	bottom:7px;
	padding:2px 0 2px 0;
	text-align:left;
	margin:auto 0 auto auto;
}

	
/*---------------------------------------------------------------------------------*/
/* Fin Contenu cadre de gauche */
/*---------------------------------------------------------------------------------*/

/*----- Historique Missions Etc ------*/
#zone_gauche .titrehisto1 {
	/*color:#6d5e9c;
	font-weight:bold;
	font-size:10pt;*/
	display:block;
	width:535px;
	padding:0 0 0 5px;
	color:#fff/*d82108*/;
	background-color:#6d5e9c;
	font-weight:bold;
	font-size:12px;
	clear:both;
}

#zone_gauche .titrehisto2 {
	/*color:#6d5e9c;
	font-weight:bold;
	font-size:10pt;*/
	display:block;
	width:535px;
	padding:0 0 0 5px;
	color:#fff/*d82108*/;
	background-color:#6d5e9c;
	font-weight:bold;
	font-size:12px;
	clear:both;
}

#zone_gauche .lienshisto {
	color:#6d5e9c;
	text-decoration:none;
}
#zone_gauche .lienshisto:hover {
	text-decoration:underline;
}

/*----- Communataire ------*/
#zone_gauche .titrecommu {
	/*color:#63c335;
	font-weight:bold;
	font-size:10pt;*/
	display:block;
	width:535px;
	padding:0 0 0 5px;
	color:#fff/*d82108*/;
	background-color:#63c335;
	font-weight:bold;
	font-size:12px;
	clear:both;
}

#zone_gauche .lienscommu {
	color:#63c335;
	text-decoration:none;
}
#zone_gauche .lienscommu:hover {
	text-decoration:underline;
}
	
	/*Bas de detail actu, version IE pour calage a gauche*/
#bas_resume_rech{
	background:#FEDAAE; margin:10px 0 0 40px; width:535px; height:15px; padding:0; clear:both;
}
html>body #centrage #contenu #zone_gauche #bas_resume_rech{
	background:#FEDAAE; margin:0px 0 0 40px; width:535px; height:20px; padding:0; clear:both;
}


#bas_resume_rech_suite{
	background:url(../images/puce_titre_comm.gif) 0 5px no-repeat #63c335;
	width:164px;
	position:relative;
	left:371px;
	bottom:7px;
	padding:2px 0 2px 0;
}

.compte_rendu{
	width:533px;
	padding:0 0 0 5px;
	color:#FFFFFF;
	background-color:#63c335;
	font-weight:bold;
	font-size:12px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#zone_gauche .titrerendu{
	display:block;
	width:512px;
	color:#FFFFFF;
	background-color:#99d87a;
	font-weight:bold;
	font-size:12px;
	clear:both;
	background:#99d87a url(../images/puce_titre_comm2.gif) no-repeat left; 
	padding-left: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	margin-left: 10px;
}
	
#zone_gauche .texterendu{
    padding-left: 10px;
    margin-top: 0px;
    padding-top: 0px;
}

.conseil_commu_tab {
	margin : 0;
	margin-right:50px;/*20*/
	margin-left:40px;/*16*/
	padding:3px;
	border:none;
	border-collapse:collapse;
	width:538px;
}

.conseil_commu_tab .titre{
	background-color:#63c335;
	color:white;
}

.conseil_commu_tab .sstitre{
	background-color:#99d87a;
	color:white;
}

.conseil_commu_tab tr td {
	border:none;
}

.contact_tab {
	margin : 0;
	margin-right:50px;/*20*/
	margin-left:40px;/*16*/
	padding:3px;
	border:none;
	border-collapse:collapse;
	width:528px;
	color:#8aa6c5;
	
}

#zone_gauche .titrecontact {
		display:block;
		width:535px;
		padding:0 0 0 5px;
		color:#fff/*d82108*/;
		background-color:#8aa6c5;
		font-weight:bold;
		font-size:12px;
		clear:both;
	}
	
	
	
	
	
/*-----------------------------------------------------------------------------------------------------*/

#mp1 {
	position: absolute;
	left: 0px;
	top: 0px
}

#sm1 {
	position: absolute;
	left: 0px;
	top: 20px;
	z-index: 1;
	background-color: white;
	visibility: hidden;
	width: 203px;
	border: 1px black solid;
	border-top:none;
	padding-top:5px;
	padding-left:40px;
	padding-bottom:5px;
	font-size:11px;
	background:url(../images/menu/fond_sm1.gif) repeat-y;
}
#sm1 p{
margin:0;
margin-bottom:3px;
}

#sm1 .smenu:link {
	color: black;
	text-decoration: none;
	font-weight:bold;
}
#sm1 .smenu:visited {
	color: black;
	text-decoration: none;
	font-weight:bold;
}
#sm1 .smenu:hover {
	color: #6d5e9c;
	text-decoration:underline;
	font-weight: bold;
}
/*-----------------------------------------------------------------------------------------------------*/

#mp2 {
	position: absolute;
	left: 244px;
	top: 0px
}

#sm2 {
	position: absolute;
	left: 244px;
	top: 20px;
	z-index: 1;
	background-color: white;
	visibility: hidden;
	width: 194px;
	border: 1px black solid;
	border-top:none;
	padding-top:5px;
	padding-left:40px;
	padding-bottom:5px;
	font-size:11px;
	background:url(../images/menu/fond_sm2.gif) repeat-y;
}
#sm2 p{
margin:0;
margin-bottom:3px;
}

#sm2 .smenu:link {
	color: black;
	text-decoration: none;
	font-weight:bold;
}
#sm2 .smenu:visited {
	color: black;
	text-decoration: none;
	font-weight:bold;
}
#sm2 .smenu:hover {
	color: #64c335;
	text-decoration:underline;
	font-weight: bold;
}
/*-----------------------------------------------------------------------------------------------------*/

#mp3 {
	position: absolute;
	left: 479px;
	top: 0px
}

#sm3 {
	position: absolute;
	left: 479px;
	top: 20px;
	z-index: 1;
	background-color: white;
	visibility: hidden;
	width: 161px;
	border: 1px black solid;
	border-top:none;
	padding-top:5px;
	padding-left:40px;
	padding-bottom:5px;
	font-size:11px;
	background:url(../images/menu/fond_sm3.gif) repeat-y;
}
#sm3 p{
margin:0;
margin-bottom:3px;
}

#sm3 .smenu:link {
	color: black;
	text-decoration: none;
	font-weight:bold;
}
#sm3 .smenu:visited {
	color: black;
	text-decoration: none;
	font-weight:bold;
}
#sm3 .smenu:hover {
	color: #6d5e9c;
	text-decoration:underline;
	font-weight: bold;
}
/*-----------------------------------------------------------------------------------------------------*/

#mp4 {
	position: absolute;
	left: 682px;
	top: 0px
}

#sm4 {
	position: absolute;
	left: 682px;
	top: 20px;
	z-index: 1;
	background-color: white;
	visibility: hidden;
	width: 127px;
	border: 1px black solid;
	border-top:none;
	padding-top:5px;
	padding-left:40px;
	padding-bottom:5px;
	font-size:11px;
	background:url(../images/menu/fond_sm4.gif) repeat-y;
}
#sm4 p{
margin:0;
margin-bottom:3px;
}

#sm4 .smenu:link {
	color: black;
	text-decoration: none;
	font-weight:bold;
}
#sm4 .smenu:visited {
	color: black;
	text-decoration: none;
	font-weight:bold;
}
#sm4 .smenu:hover {
	color: #d92107;
	text-decoration:underline;
	font-weight: bold;
}


html>body .contact_img {
margin-top:10px;
}

/*---------------------------*/
/* Recherche */
#zone_gauche .liensrecherche {
		/*color:#d82108;
		text-decoration:none;
		margin-right:50px;*/
		
		display:block;
		color:#fff/*d82108*/;
		text-decoration:none;
		background:#64c335 url(../images/puce_titre_comm.gif) 0 4px no-repeat; 
		padding:1px 0 1px 0; 
		width:340px; 
		margin:0 0px 10px 200px;
		text-indent: 20px;
		vertical-align:middle; 
		font-size:10px;
	}
	#zone_gauche .liensrecherche:hover {
		text-decoration:underline;
	}
	
	#zone_gauche .separ_rech {
		display:block;
		width:535px;
		height:34px;
		margin:0 0 10px 175px;
		clear:both;
	}	
