body,h1,h3,h3,h4,h5,h6,p,div,form,fieldset,input,ol,ul,dl,dt,dd,img{margin:0;padding:0;border:0}
a{text-decoration:none}
hr{clear:both;visibility:hidden}
li{list-style-type:none}
/* body*/
body{
	font-family:Arial,sans-serif;
	background: #ffffff center;
	text-align:justify;
	/*background: #b1ab8c #d9d3c3 url(../images/bg-body.gif) no-repeat scroll center;*/
	/*margin: 0 0 0 120;*/
}

#middle{
	width:950px;
}



/* HEADER */
/**********/
#header{
	position:relative;
	width:950px;
	/*height:30px;*/
	margin:0 0 285px 0;
	font-size:11px;
	background:#000;
	/*background:#b1ab8c;*/
}
#header	h1{
	position:relative;
	/*width:561px;*/
	/*height:28px;*/
	left:130px;
	text-indent:-9999px;
	overflow: hidden;
	/*background:url(../images/h1-top.gif) no-repeat;*/
	background:url(../images/h1-top-texte.png) no-repeat;
	background-position:center left;
}
#header	h2{
	display: none;
}

#header	li a{
	padding:0 0 0 6px;
	font-family:verdana;
	font-size:9px;
	color:#8B8A86;
	background:url(../images/vbar.gif) no-repeat 0px 2px;
}

#top-menu{
	position:absolute;
	z-index:1;
	top:10px;
	right: 10px;
}
#top-menu li{
	display:inline;
}

#Voeux {
	font-size:13px;
	color:#66686B;
	text-align:center;
	margin: 2px 4px 2px 4px;
	font-weight:bold;
}

#anim{
	position:absolute;
	z-index:0;
	top:0px;
	left:0px;
}

#header	a.top-menu-langue{
	padding:0 26px;
	background:url(../images/drapeau.gif) no-repeat	65px 0;
}
/** Actualités **/
/****************/
/* Le style qui	s'applique aux actualités est fonction de la 
catégorie à laquelle chaque actualité est rattachée. Dans Typo
les catégories sont les	suivantes :

	1	eau
	2	environnement
	3	agronomie
	4	dvpt économique
	5	dynamique territoriale
	6	équipements publics
	7	actualité générale
	
Pour mémoire, une actualité peut être rattachée	à plusieurs catégories ; 
dans ce	cas c'est la première catégorie	qui est	utilisée */

#left{
	float:left;
	/*padding:12px 5px 5px 12px;*/
	padding:6px 0 0 0;
	width: 200px;
	background:white url(../images/Barre200x1000.png) no-repeat;
	/*background:white url(../images/Barre.jpg) no-repeat;*/
	/*background:white;*/
}
/*#Actualites h4{
	padding:0 0 8px	36px;
	font-size:13px;
}*/
#Actualites div{
	/*padding:0 0 8px 0;*/
	font-size:13px;
}
#Actualites div.news-latest-container{
	background:transparent;
	
	border:0px;
	width:200px;
}
#Actualites div.news-latest-header{
	position:relative;
	top:14px;
	color:white;
	font-size:16px;
	text-align:center;
}

#Actualites div.news-latest-global-title{	
	/*height:26px;*/
	height:40px;
	/*margin:0 4px 0 0;*/
	/*background:url(../images/left_titre.gif) no-repeat;*/
	background:url(../images/EncadreTaupeDegrade_190x40.jpg) no-repeat;
	background-position:bottom center;
	/*padding:0;*/
}


#Actualites span.news-latest-date{
	font-size:11px;
	color:#66686B;
	/*margin:0 0 0 120px;*/
	padding:0 0 8px 0;
}


#Actualites div.news-latest-item{
	width:180px;
	font-size:12px;
	color:#66686B;
	background-color:transparent;
	border:0px;
	padding:0 0 8px 0;
}
/*#Actualites h4.news-latest-Title-1 {*/
#Actualites div.news-latest-Title-1 {
	color:#66686B;
	background:url(../images/puce-global.png) no-repeat;
}

#Actualites a.news-latest-Title {
	
	text-indent:36px;  /* décalage pour la puce */
	color:#66686B;
}

#Actualites div.news-latest-Title-7 {
	color:#1d71b8;
	background:url(../images/puce-eau.png) no-repeat;
}
#Actualites div.news-latest-Title-6 {
	color:#a2be4d;
	background:url(../images/puce-env.png) no-repeat;
}
#Actualites div.news-latest-Title-4 {
	color:#dd6d48;
	background:url(../images/puce-dev.png) no-repeat;
}
/* Actualités :	'Lire la suite ...' */
#Actualites div.news-latest-morelink{
	width:180px;	
	font-size:10px;
	background:url(../images/sep-left.jpg) bottom no-repeat;
	padding:0 0 8px 0;
}

/* Actualités :	'Toute l'actualité' */
#Actualites div.news-latest-gotoarchive{
	/*float:right;*/
	border:0Px;
	/*width: 200px;
	margin:0 20px 6px 0;
	padding:0 0 0 8px;*/
	/*text-indent:102px;*/
	font-size:16px;
	/*color:#121212;*/
	heigh:40px;
	text-color:white;
	text-align:center;
	/*background:url(../images/news/puce-tout-actu.gif) no-repeat 0 4px;*/
	background:url(../images/EncadreTaupeDegrade_190x40.jpg) center no-repeat;
}

#SiteEnAvant{
	/*text-indent:-9999px;*/
	
	padding: 0 0 0 5px;
	
}
/*#AutresSites{

	background:url(../images/EncadreJauneAvecSepHaut_190x40.jpg) no-repeat;
	height:40px;
	text-align:center;
	font-size:16px;
	padding:10px;
	
}

#AutresSites span{
	text-align:center;
	font-size:16px;
	top:14px;
}*/
#SiteEnAvant a{
	
	/*background:red;
	background:url(../images/maap.gif) no-repeat 0 14px;*/
}


/* CONTENT */
/**********/
/* DEPLACER DANS les 2 fichiers NOTMSIE et MSIE
#content{
	float:left;
	/*width: 460px;*/
	width: 530px;
	background-color:white;
}*/
/*	MIDDLE - CONTENT */

#middle-content{
	position: relative;
	width: 480px;
	padding: 10px 10px 0 10px;
	/*background-color:red;*/
	color:#66686B;
}
#middle-content	div.news-single-item{
	border:0px;
	width:438px;
	background-color:transparent;
}
#middle-content	div.aLaUne h3{
	margin:	0 0 15px 0;
	width:438px;
	height:23px;
	text-indent:-9999px;
	background:url(../images/ALaUne.gif) no-repeat;
}

/* RTE ... */
#middle-content	p.bodytext{
	font-size:12px;
	padding: 12px 0 12px 0;
	text-align:justify;
}

#middle-content	ul.NousDecouvrir{
	font-size:12px;
	padding: 6px 0 6px 0;
	text-align:justify;
}

#middle-content	ul.NousDecouvrirItem{
	text-indent:20px;
	background-position:center;
	background:url(../images/puce-content-global.jpg) no-repeat;
	margin: 12px 0 0 0;
}

#middle-content	ul.NousDecouvrir li.Item{
	text-indent:20px;
	background-position:center;
	background:url(../images/puce-content-global.jpg) no-repeat;
	margin: 12px 0 0 0;
}

#middle-content	ul.NousDecouvrir li.SousItem{
	text-indent:0;
	margin-top:2px;
	margin-left:34px;
	list-style-type: disc;
}

#Expo{
	text-align:justify;
	font-size:12px;
	color:#66686B;
}
#Expo li{
	margin-bottom:6px;
}
#ExpoDetail{
}
#ExpoDetail li{
	text-indent:30px;
	margin-top:6px;
}

#ExpoDetail li.Eau{
	background:url(../images/puce-content-eau.jpg) no-repeat;
}
#ExpoDetail li.Env{
	background:url(../images/puce-content-env.jpg) no-repeat;
}
#ExpoDetail li.DevEco{
	background:url(../images/puce-content-dev.jpg) no-repeat;
}

#aLaUne{
	font-size:12px;
	color:#66686B;
}
#aLaUne li{
	text-indent:20px;
	background:url(../images/puce-content-global.jpg) no-repeat;
}



#middle-content	a.rss{
	display:block;
	position: absolute;
	top: 13px;
	left: 9px;
	font-size:10px;
	font-weight:bold;
	color:#FE9333;
	padding:0 0 0 18px;
	background:url(../images/rss.gif) no-repeat;
}
#middle-content	h4{
	font-size:11px;
	color:#020202;
}
#middle-content	span.date{
	font-size:11px;
	color:#F79638;
}
#middle-content	p{
	font-size:11px;
	color:#66686B;
}
#middle-content	a.lire{
	display:block;
	margin:10px 0 0	0;
	padding:0 0 0 10px;
	font-size:10px;
	color:#666666;
	background:url(../images/puce-grey.gif)	no-repeat 0 3px;
}
#middle-content	a.toute{
	float:right;
	padding: 0 0 0 6px;
	font-weight:bold;
	font-size:10px;
	color:#000000;
	background:url(../images/defaut/puce-noir.gif) no-repeat 0 4px;
}

/*	CONTENT-LEFT */
#content-left {
	float: left;
	display: inline;
	width:200px;
	margin:	0 0 20px 20px;
	/*background-color:grey;*/
}	
#ref-france{
	float:left;
	width:197px;
	height:125px;
	border-bottom:1px dotted #EEEEEE;;
	background:url(../images/bg-references.gif);
}
#ref-france h3{
	text-indent:-9999px;
	margin:12px 8px;
	background:url(../images/h3-references.gif) no-repeat;
}
#ref-france label{
	display:block;
	position:relative;
	left:20px;
	width:160px;
	text-indent:-9999px;
	background:url(../images/ref-france.gif) no-repeat;
}
#ref-france select{
	position:relative;
	left:20px;
	width:160px;
	font-size:11px;
	color:#606265;
}
#ref-france input.bt-form{
	display:block;
	
	margin:8px auto;
	width:48px;
	height:20px;
	text-indent:-9999px;
	background:url(../images/bt-form.gif);
}
#ref-international{
	clear:left;
	width:197px;
	height:117px;
	background:url(../images/ref-internat.gif);
}
#ref-international label{
	display:block;
	width:160px;
	text-indent:-9999px;
}
#ref-international select{
	position:relative;
	top:45px;
	left:20px;
	width:160px;
	font-size:11px;
	color:#606265;
}
#ref-international input.bt-form{
	display:block;
	position:relative;
	top:52px;
	margin:0 auto;
	width:48px;
	height:20px;
	text-indent:-9999px;
	background:url(../images/bt-form.gif);
}
/* CONTENT-RIGHT*/
#content-right{
	display: inline;
	float:left;
	margin:	0 0 0 20px;
}
#content-right h3{
	width:199px;
	height:35px;
	text-indent:-9999px;
	background:url(../images/NosMetiers.gif) no-repeat;
}
#slogan{
	width:480px;
	float:none;
}
#content-right ul{
	width:170px;
	margin:0 0 0 30px;
	line-height:11px;
	list-style: none;
}
#content-right ul li{
	padding: 2px 0;
}
#content-right li a{
	display: block;
	padding: 0 0 0 10px;
	font-size:11px;
	color:#595849;
	background:url(../images/puce-list.gif)	0 4px no-repeat;
}
#content-right a.rejoignez{
	display:block;
	margin:8px 0;
	color:red;
	width:200px;
	height:50px;
	text-indent:-9999px;
	background:url(../images/rejoignez.jpg)	no-repeat;
}
#content-right a.AO{
	display:block;
	color:red;
	width:200px;
	height:50px;
	text-indent:-9999px;
	background:url(../images/AO.gif) no-repeat;
}

/*	MIDDLE - BASPAGE */
#MenuBasPage{
	clear:both;
	position:relative;
	left:0px;
	width:460px;
	border-top:1px solid #B2B2B2;
}
#MenuBasPage li{
	float:right;
	display:inline;
	padding:0 10px;
	list-style:none;
	background:url(../images/vbar.gif) no-repeat 0 7px;
}
#MenuBasPage a{
	font-size:10px;
	color:#606265;
}
/*#MenuBasPage li.icom{
	padding:0;
	background:none;
}
#MenuBasPage li.plan{
	margin-left:110px;
	background:none;
}
#MenuBasPage li.accessibilite{
	padding:0 0 0 10px;
}*/

/** RIGHT **/
/***********/
/* DEPLACER DANS les 2 fichiers NOTMSIE et MSIE
#right{
	float:right;
	position:relative;
	top:-144px;
	width:185px;
	margin:0px 2px 0 0;
	background-color:transparent;
}*/
#right-bas{
	/*float:right;*/
	
	/*width:180px;
	margin:0px 2px 0 2px;*/
	background-color:white;
	height:1282px;
}



#menuDomaines{
	background-color:white;
	margin:12px 12px 0 0;
}

#menuDomaines h3{
	margin:0 0 0 2px;
	/*text-indent:-9999px;*/
	/*background:url(../images/h3-m1.gif) no-repeat;*/
}

#menuDomaines ul.mnuDomaines{
	text-indent:12px;
	line-height:12px;
}

#menuDomaines ul.mnuDomaines li{
	/*margin:2px 0;*/
}

#logos {
	padding:20px 0 20px 0;
	margin: 0 0 0 50px;
	background-color:white;
}

#logoCACG {
	padding:10px 0 10px 0;
}
#AFAQ {
	padding:10px 0 10px 0;
}