html, body {
	height: 100%;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	}

#bodyindex {
	background-image:url(../images2/fondXindex.jpg);
	background-repeat:repeat-x;
}

#bodyinterne {
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

#margeG img{margin-bottom:5px; margin-top: 5px;}
#margeG ul, li {padding:0;}
#margeG ul {margin:0 0 0 4px;}

#margeD img{margin-bottom:5px;}
#margeD ul, li {padding:0;}
#margeD ul {margin:0 0 0 4px;}




div#containerpage_index {
	background-image:url(../images2/fondindex.jpg);
	background-position:center 0;
	background-repeat:no-repeat;
	width:100%;
}

#centrer {	
	margin-left:auto;
	margin-right:auto;
	width:996px;
}

#encart_fond_index2_A1 .TContenu{
width:261px;
}


#containerpage_interne #haut{
	float:left;
	height:260px;
	position:relative;
	width:996px;
}

#containerpage_index #haut{
	height:380px;
	position:relative;
	width:996px;
	z-index: 10;
	overflow:hidden;
}

#logo{
	height:68px;
	width:192px;
	float:left;
}

#hmenu {
	float:left;  
	margin-left:-10px;
	margin-top:5px;
	margin-bottom:20px;
	z-index: 9000;
	position: relative;
}

#bandeau{
	background-image: url(../images2/bandeau.jpg);
	float: left;
	height: 190px;
	width: 974px;
	z-index: 100;
}

#bandeau_img{
	background-image:url(../images2/img1.jpg);
	background-repeat:no-repeat;
	float:left;
	height:165px;
	left:18px;
	position:relative;
	top:15px;
	width:960px;
}


#vague {
	background-image:url(../images2/vague_index.png);
	float:left;
	height:85px;
	left:-5px;
	position:absolute;
	top:180px;
	width:980px;
	z-index:200
}


#encart_fond_index2_A1 .redac {
	float:left;
	min-height:310px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:30px;
	width:200px;
	
}

#encart_fond_index2_A1 .titre {
	margin-bottom:0;
	margin-top:5px;
	float:left;
	width:100%;
}

#encart_fond_index2_A1 .resume {
	margin-top:0;
	float:left;

}

#encart_fond_index2_A1 .resume p {
	min-height:100px;
}

#encart_fond_index2_A1 .vign{
width:200px;
}

#bandeaucarousel #encart_pied_index2_A1 {
	background-image:url(../images2/vague_index.png);
	height:96px;
	left:-7px;
	position:absolute;
	top:226px;
	width:980px;
	z-index:400;
}

.container_carousel_titreresume{
	position:absolute;
	color:#FFFFFF;
	font-size:18px;
	left:30px;
	position:absolute;
	top:196px;
	z-index:830;
}



.container_carousel_lirelasuite{
	left:600px;
	position:absolute;
	top:220px;
	z-index:850;
}

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




/*#carousel_1_titreresume {
	font-size:18px;
	left:30px;
	position:absolute;
	top:196px;
	z-index:2500;
}

#carousel_2_titreresume {
	font-size:18px;
	left:30px;
	position:absolute;
	top:196px;
	z-index:2500;
}*/


#milieu{
	float:left;
	position:relative;
	width:985px;

}

#milieuindfond{
	background-image:url(../images2/milieuindfond.png);
	background-repeat:repeat-y;
	width:989px;
	float:left;

}

#milieuindhaut{
	background-image:url(../images2/milieuindhaut.png);
	background-repeat:no-repeat;
	float:left;
	width:989px;

}

#milieuindbas{
	background-image:url(../images2/milieuindbas.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
	width:989px;

}

#container{

}

#margeG {
	float:left;
	position:relative;
	width:180px;
	min-height:500px;
	margin-top:10px;
	padding:10px;
	margin-left:10px;
	overflow:hidden;
}

#divVideo  {
	float:left;
	position:relative;
	top:-10px;
	width:188px;
}
#divVideo a{
	font-size:0.8em;
	color:#666666;
}

#divVideo p{
	font-size:0.8em;
	color:#666666;
	padding:0;
	margin:0;
}

#divVideo #container .resume a{
font-size:0.8em;
}

#encart_pied_index2_video{
height:0px;
}

#encart_haut_index2_video{
height:0px;
}

.acces_mg{
float:left;
}


#divVideo .titre{
	color:#3CB7F2;
	font-size:1em;
	margin:0;
	padding:0;
	text-align:left;
}

#meteo {
	margin-top:-26px;
}

#fond {
	float:left;
	margin-left:321px;
	width:1000px;
	position:relative;
}

#milieufixe {
	float:left;
	background-image:url(../images2/milieufixefond.png);
	background-repeat:repeat-y;
	position:relative;
	width:978px;
	float:left;
}

#milieufixehaut {
	background-image:url(../images2/milieufixehaut.png);
	background-repeat:no-repeat;
	float:left;
	width:985px;
}

#milieufixefond {
	float:left;
	position:relative;
	width:985px;
}

#milieufixebas {
	background-image:url(../images2/milieufixebas.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
	min-height:650px;
	position:relative;
	width:985px;
}

#containerpage_interne #margeG {
	float:left;
	min-height:100px;
	position:relative;
	width:211px;
	margin:10px;
	left: 3px
}

#margeG .titremenu_ {
	position:relative;
	margin-top:10px;
	width:220px;	
}
.decoration {
	background-image:url(../images2/septitregauche.png);
	background-repeat:no-repeat;
	float:left;
	height:23px;
	left:10px;
	margin-bottom:10px;
	position:relative;
	width:220px;
}

#margeG .titremenu_ a {
	color:#3CB7F2;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0px;
	text-decoration:none;
}

.accesPageCourante2 {
	color:#797979;
	font-weight:bold;
	text-decoration:none;
}

#margeG .TContenu{
	float:left;
	height:280px;
	margin-left:25px;
	margin-right:25px;
	margin-top:30px;
	position:relative;
	width:40%;
}


#margeG .TContenu .vign{
	margin-top:30px;

}

#margeG .TContenu h4{
	top:-30px;
	left:30px;
	position:absolute;
}



.imglire {
	float:right;
	margin-top:-10px;
}

#container_contenu {
	float:left;
	margin-left:25px;
	position:relative;
	top:10px;
	width:675px;
	margin-top:10px;
}

#container_contenu_ind {
	float:left;
	margin-left:49px;
	margin-top:20px;
	position:relative;
	width:485px;
}


.pagecourante {
	background-image:url(../images2/septitremilieu.png);
	background-position:-10px 30px;
	background-repeat:no-repeat;
	color:#3CB7F2;
	font-size:25px;
	font-weight:bolder;
	height:50px;
	letter-spacing:-1px;
}

#barreoutils {
	float:right;
}

#filnavigation { 
	color:#AFCB38;
}

#filnavigation  a{
color:#AFCB38;
font-weight:bold;
font-size:15px;
text-decoration:none;
}

#margeD{
	/*background-image:url(../images2/margeD.jpg);*/
	float:left;
	min-height:750px;
	margin-left:19px;
	margin-top:10px;
	padding:10px;
	width:180px;
}

#Quartiers {
	margin-left:-5px;
	margin-top: -35px;
}

#Portail li {
	background-image:url(../images2/puce.png);
	background-position:-2px -3px;
	background-repeat:no-repeat;
	float:left;
	height:25px;
	margin-bottom:10px;
	padding-left:30px;
	width:130px;
	list-style-type:none;
}

#Portail li a{
	border-bottom:1px solid #AFAFAF;
	font-size:15px;
	padding-bottom:10px;
	position:relative;
	display:block;
	color: #666666;
	text-decoration: none;
}
#Portail li a:hover{
	text-decoration:underline;
}

#Portail .titreniv1 a {
	color:#F40091;
	font-size:22px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
}
#titre_connection{
	color:#f8931f;
	font-size:22px;
	margin: 4px;
}


#Agenda .titreniv1 a{
	color:#00A8E9;
	font-size:22px;
	margin: 0px;
	text-decoration:none;
}

#Portail .titreniv1 {
	margin-left:0px;
}

#margeG li {
	list-style-position:inherit;
	list-style-type:none
}

#margeG .titreniv1 a{
	font-size:18px;
	color:#00A8E9;
	text-decoration:none;
}

#margeG .acces_mg a{
	text-decoration:none;
	color:#00A8E9;
}

#margeG .acces_mg a:hover {
	text-decoration:underline;
} 


#margeG .acces_mg .accesNiv2  {
	display:block;
	float:left;
	text-decoration:none;
	width: 180px;
	padding-bottom: 10px;
}

#margeG .acces_mg img{
	margin-right:15px;
	margin-top:-5px;
	float: left;
}

#margeG .acces_mg li{

}

#connection{
	float:left;
	height:200px;
	margin-left:5px;
	margin-top:20px;
	position:relative;
	width:180px;
}



#titrecolonne{
	color:#3CB7F2;
	font-size:1.5em;
	font-weight:bolder;
	margin:10px;
}

#footer {
	background-image:url(../images2/piedXinterne.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	float:left;
	height:174px;
	position:relative;
	text-align:center;
	width:100%;
	color:white;
	padding-top:8px;
}

#footer a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

#pied {
	margin-top:9px;
}

a img{
	border:0;
}

#barreoutils img { 
margin:0;
}

object, embed {border:0; margin:0; padding:0;}
.object_RSS {width:620px; height:500px; border:0; margin:0; overflow: auto; overflow-x:hidden;}
.SousTitre {color:#FE5E00; font-size:1em;font-weight:bold; }

div {margin:0;}
table {
	margin:0;
	border:0;
	border-collapse:collapse;
	float:left;
}

th, td {padding:0;margin:0}


/* images et couleurs */
/* images communes */

#banniere_flash {position: absolute; width:998px; height:295px; top:71px; left: 0px;}



#A2 {
position: relative;
float:left;
margin-left:3px;
}

#A3 {
position: relative;
float:left;
margin:10px;
}

.encart_fond_contenu{
	padding:0px 15px;
	text-align:justify;
}

#margeD .encart_haut {
	background-image:url(../images2/septitregauche.png);
	background-repeat:no-repeat;
	float:left;
	height:23px;
	margin-bottom:10px;
	position:relative;
	width:220px;
}

#margeG .encart_haut {
	background-image:url(../images2/septitregauche.png);
	background-repeat:no-repeat;
	float:left;
	height:23px;
	margin-bottom:10px;
	position:relative;
	width:220px;
}

#container .resume {
	color:#616161;
	font-size:13px;
	font-weight:inherit;
	margin-bottom:10px;
	position:relative;
	width:100%;
}
#container .resume a {
	color:#3CB7F2;
	text-decoration:none;
	font-size:17px
}

.contact {
	font-weight:inherit;
	color:#616161;
}

.contact a {
	color:#3CB7F2;
	font-weight:inherit;
	text-decoration:none;
}


.titre{
	color:#3CB7F2;
	text-align:left;
	font-size:1.4em;
}
.titre a {
	color:#00A8E9;
	
	font-weight:normal;
	text-decoration:none;
}

.titre a:hover {
	color:#619F07;
	font-weight:normal;
	text-decoration:underline;
}

.titreactu {color : #666666;font-size:11px;font-weight: bold;}
.separ {display: none}

li .accesNiv3 {
	color:#7F7F7F;
	font-size:15px;
	left:25px;
	text-decoration:none;
	position:relative;
}

li .accesPageCourante3 {
	color:#797979;
	font-weight:bold;
	left:25px;
	position:relative;
	text-decoration:none;
}

li .accesNiv4 {
	color:#7F7F7F;
	font-size:15px;
	left:55px;
	text-decoration:none;
	position:relative;
	}

li .accesPageCourante4 {
	color:#797979;
	font-weight:bold;
	text-decoration:none;
	left:55px;
	position:relative;
}

#alaune {height:32px;position:absolute;width:161px;top:399px;left: 29px;}
#alaune a {display:block;height:32px;width:161px;background-image:url("../images2/boutons_ind.jpg");background-position:0 0;}
#alaune a:hover {background-image:url("../images2/boutons_ind.jpg");background-position:0 -32px;}

#agenda {
	position:relative;
	width:180px;
	float: left;
	padding-bottom: 15px;
}

#agenda a {height:32px;width:161px;}
#agenda a:hover {}

#agendafront {
}

#meteoct {
	position:relative;
	width:180px;
	float: left;
}
#acces_quartiers {
	position:relative;
	width:180px;
	margin-top:11px;
	float: left;
}
#acces_quartiers .titreniv1{
	color:#8BBF0B;
	font-size: 22px;
}

#acces_meteo {
	position:relative;
	width:180px;
	margin-top:20px;
	float: left;
}
#acces_meteo .titreniv1{
	color:#8BBF0B;
	font-size: 19px;
}
#meteo a {display:block;height:32px;width:178px; text-decoration:none;}
#meteo a:hover {text-decoration:underline;}

#divrecherche{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	width:180px;
}

.encart_mg_rech {
	margin-top: 15px;
	float:left;
}
.rech_fond {
	position: relative;
	float: left;
	height: 33px;
	margin-left: 0px;
	display:inline;
}

.input_rechercher{
	width: 125px;
	float:left;
	height: 19px;
}
.input_btn {
	border:0 none;
	float:left;
	padding-left:6px;
	padding-top:3px;
}
.input_txt {
	border:0 none;
	float:left;
	padding-left:0px;
	padding-top:6px;
}

#container_carousel_contenu ul{
top: 6px;
}
#geolocmodal 
{font-size:0.8em}

#bandeaucarousel  img {
	margin:0;
	padding:0;
	z-index:5;
}