#conteneur_index {
	background-image: url(images2/index_fond.jpg);
	height: 668px;
	width: 1024px;
	margin-left: -512px;
	position: absolute;
	left: 50%;
}

body {
	background-color: #fff0c3;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#trait_titre {
	float: left;
	height: 3px;
	width: 650px;
	margin-left: 30px;
	-margin-left: 10px;
	position: relative;
	margin-top: 30px;
	background-image: url(images2/bandebleue.gif);
	background-repeat: no-repeat;
}


#actualites_index {
	height: 275px;
	width: 295px;
	position: absolute;
	left: 680px;
	top: 290px;

}

#news_index {
	float: left;
	height: 30px;
	width: 45px;
	position: relative;
	left: 60px;
	top: 6px;
}

#drapeau_uk_index {
	float: left;
	height: 20px;
	width: 98px;
	position: relative;
	left: 725px;
	top: 11px;
}
#drapeau_es_index {
	float: left;
	height: 20px;
	width: 90px;
	position: relative;
	top: 11px;
	left: 725px;
}

.titre_actu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #6ec3ee;
	text-decoration: none;
}

.titre_actu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #6ec3ee;
	text-decoration: underline;
}

.actu_resume{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
}

/*_______________________________________________________________________________________________*/


.menus {position:absolute;left:auto; height: 37px; z-index:60;}
.calque {position:relative; left:auto; z-index:60; visibility: visible; height:37px; }
.calqueF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:37px; margin-top: -37px}
.sous_calque {
	position:absolute;
	left:auto;
	z-index:60;
	visibility: hidden;
	width:100%;
}

.menu_btn{height: 37px;}
.menu_btn{color: white; font-size:0.8em; padding-left: 9px; padding-right:9px; font-weight:bold; width:100%;text-decoration: none;}
.menu_btnF2{text-align: left; padding-left: 9px; padding-right: 9px; width:100%;}
.menu_btnF2 a{color: white; height:37px; font-size:0.8em; font-weight:bold;text-decoration: underline;}


.haut_men {
	background-image: url("images2/haut_men.gif");
	background-repeat: no-repeat;
	height: 34px;
	width: 185px;
}
.bas_men {
	background-image: url("images2/bas_men.gif");
	background-repeat: no-repeat;
	height: 30px;
	width: 185px;
}
.tarub {
	width:185px;
	text-decoration: none;
	font-size:0.7em;
}

.tdmen_mil {
	background-image: url(images2/mil_men.gif);
	width: 175px;
	background-repeat: repeat-y;
	padding-left: 8px;
}
.tdmen_mil a {
	display:block;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}
.tdmen_mil a:hover {
	text-decoration:underline;
	font-weight:bolder;
	color: white;
}




/*_______________________________________________________________________________________________*/

#menu_index {
	height: 30px;
	width: 1024px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	top: 10px;
	left:150px;
	position: absolute;
	z-index:20;
	padding-top: 14px;
}

#menu {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: 35px;
	top: 188px;
	position: absolute;
	z-index:20;
	left: 150px;
}

#menuG {
	list-style-type:square;
	float: left;
	width: 244px;
	position: relative;
	top: 5px;
	left: 5px;
}

#menuG a{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

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

#menuG ul {
	padding-left:15px;
	margin-left:15px;
	list-style-position: outside;
	list-style-image: url(images2/onglet.gif);
}

#menuG_haut {
	background-image: url(images2/haut_invar.gif);
	float: left;
	height: 52px;
	width: 244px;
	position: relative;
}
#menuG_bas {
	background-image: url(images2/bas_invar.gif);
	float: left;
	height: 27px;
	width: 244px;
	position: relative;
}
#menuG_milieu {
	background-image: url(images2/mil_invar.gif);
	float: left;
	width: 244px;
	position: relative;
}




/*_______________________________________________________________________________________________*/


#la_ville_index {
	position: absolute;
	top: 438px;
	left: 499px;
}
#les_jeunes_index {
	position: absolute;
	height: 86px;
	width: 160px;
	top: 330px;
	left: 47px;
}
#assoc_index {
	position: absolute;
	height: 83px;
	width: 406px;
	top: 65px;
	left: 202px;
}
#menu_bas {
	position: absolute;
	top: 610px;
	height: 44px;
	width: 1024px;
}
#conteneursite {
	background-image: url(images2/fond_conteneursite.jpg);
	background-repeat: repeat-y;
	width: 1024px;
	margin-left: -512px;
	position: absolute;
	left: 50%;
	top: 0px;
}
#pied {
	background-image: url(images2/fond_pied_mairie.jpg);
	float: left;
	color: #FFFFFF;
	height: 61px;
	width: 724px;
	padding-top: 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 300px;
}

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

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


#bandeau {
	float: left;
	height: 233px;
	width: 1024px;
}
#contenuG {
	float: left;
	width: 255px;
	position: relative;
	left: 25px;
	-top:-5px;
	background-image: url(images2/fond_contenuG.jpg);
	background-repeat: repeat-x;
}

#contenuD {
	float: right;
	width: 744px;
	position: relative;
	background-repeat: no-repeat;
	z-index: 10;
}
#Conteneur_contenu {
	float: left;
	position: relative;
	width: 655px;
	left: 30px;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}


#Conteneur_contenu a{
	color: #0099FF;
	text-decoration: none;
	font-weight: bold;
}

#Conteneur_contenu a:hover{
	color: #0099FF;
	font-weight: bold;
	text-decoration: underline;	
}



#imgfond {
	position: absolute;
	left: 280px;
	float: left;
	top: 232px;
}

#invarG {
	float: left;
	width: 244px;
	position: relative;
	top: 15px;
	left: 5px;
}
#invarG_haut {
	background-image: url(images2/haut_invar.gif);
	float: left;
	height: 52px;
	width: 244px;
	position: relative;
}
#invarG_milieu {
	background-image: url(images2/mil_invar.gif);
	background-repeat: repeat-y;
	float: left;
	width: 244px;
	position: relative;
}
#invarG_bas {
	background-image: url(images2/bas_invar.gif);
	float: left;
	height: 27px;
	width: 244px;
	position: relative;
}


#invarD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding-left: 6px;
	margin-bottom: 10px;
}

#invarD a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#invarD a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

#invarD img{
	margin-right: 10px;
	margin-left: 10px;
}

.blcdroit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding-left: 6px;
	margin-bottom: 10px;
}

.blcdroit a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#titre_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin-bottom: -10px;
}



.blcdroit a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

.blcdroit img{
	margin-right: 10px;
	margin-left: 10px;
}


#fotoelu{
	margin-right: 10px;
	padding-right: 10px;
}


/*_______________________________________AGENDA_____________________________________________*/

#agenda {
	background-image: url(images2/agenda.gif);
	float: left;
	position: relative;
	height: 184px;
	width: 222px;
	top: 22px;
	left: 5px;
	padding-top: 35px;
	padding-left: 20px;
}
#outils {
	float: right;
	margin-right: 50px;
	position: relative;
	top: 25px;
}

#navig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	float: left;
	width: 430px;
	position: relative;
	top: 30px;
	left: 15px;
}

#navig a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#navig a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}



#TitrePage {
	position: relative;
	width: 650px;
	top: 25px;
	left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bolder;
	color: #3DB3F1;
	float: left;
	height: 35px;
}


.calsemaine {
	background-color:#6ec3ee;
	border-bottom:1px solid #646464;
	border-top:1px solid #C5F7EC;
	color:#FFFFFF;
	font-weight:bold;
	height:18px;
	padding-bottom:1px;
	padding-top:1px;
}

.calendrier {
	border-collapse:collapse;
	color:#616163;
	font-size:0.9em;
	font-weight:bold;
}


.CalJourManif a:hover {
	background-color:#6ec3ee;
	border:0 none;
	color:#FFFFFF;
	font-weight:bold;
	padding-bottom:1px;
	padding-top:1px;
}

.CalJourManif a {
	background-color:#6ec3ee;
	border:0 none;
	color:#FFFFFF;
	display:block;
	font-size:0.9em;
	font-weight:bold;
	padding-bottom:1px;
	padding-top:1px;
	text-decoration:none;
}

.CalJourManif {
	color:#FFFFFF;
	font-size:0.9em;
	font-weight:bold;
	padding-bottom:1px;
	padding-top:1px;
}

.calMois {
	font-size:1em; 
	font-weight:bold; 
	color:#616163; 
}

.decal { 
	padding-left: 0px; 
}

/*_________________________________________________________________________________________________________*/