body { text-align: center; margin: 0; padding: 0;	background-color: #ffffff;	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px; color: #666666;}
body, div, input, td, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border-color: #022d58; border-width: 1px; text-align: justify;}

#global { text-align: left; width: 800px; margin: 0px auto; padding: 0px; background-color: #ffffff; overflow: hidden;}
	#colonneGauche{float: left; width: 200px; margin: 0px auto; padding: 0px 0px 20px 0px; background-color: #ffffff; overflow: hidden;}
		#date{width: 200px; padding: 10px 0px; font-size: 12px; color: #666666;}
	#contenu{float: left; width: 580px; margin: 0px auto; padding: 0px; padding: 0px 10px; background-color: #ffffff; overflow: hidden;}
		#contenuMilieu{float: left; width: 340px; margin: 0px auto; padding: 0px; overflow: hidden;}
		#contenuDroite{float: left; width: 230px; margin: 0px auto; padding: 0px 0px 20px 10px; overflow: hidden;}
		#contenuMilieuCommune{float: left; width: 390px; margin: 0px auto; padding: 0px; overflow: hidden;}
			.caracteristiqCommune{float: right; width: 370px; text-align: right; padding: 5px;}
			.texteCommune{float: left; width: 370px; padding: 5px;}
		#contenuDroiteCommune{float: left; width: 180px; margin: 0px auto; padding: 0px 0px 20px 10px; overflow: hidden;}
		#triGalerie{float: left; width: 560px; padding: 5px 10px; background-color: #99cc00; margin-bottom: 10px; color: #ffffff;}
		.imgGalerie{float: left; width: 105px; height: 105px; padding: 5px; background-color: #ddedaf; text-align: center;}
		
#imgMotPresident{float: left; width: 230px; padding: 10px 0px;}
div.frame_actu{float: left; width: 340px; height: 250px; overflow-y: auto; overflow-x: hidden; }
.actualite{ float: left; width: 320px; margin-bottom: 10px;}
div.frame_calendrier{ float: left; width: 340px; height: 250px; overflow: auto; } 

/********** Styles sur les images **********/
img{border: 0px;}
.image{ float: left;}
.noborder{ border: 0px;}

#imgEvenement{float: left;	width: 300px;}

/********** Styles sur les liens **********/
/* Défaut */
a:link {	font-size: 10px;	color: #022d58;	text-decoration: none;}
a:visited {	font-size: 10px;	color: #022d58;	text-decoration: none;}
a:hover {	font-size: 10px;	color: #022d58;	text-decoration: underline;}
/* liens menu du bas */
a.menubas:link {	font-size: 10px;	color: #000000;	text-decoration: none;}
a.menubas:visited {	font-size: 10px;	color: #000000;	text-decoration: none;}
a.menubas:hover {	font-size: 10px;	color: #000000;	text-decoration: underline;}
/* savoir plus */
a.lienPDF:link{padding: 2px 5px; font-size: 10px;	color: #666666; background-color: #cccccc; text-decoration: none;}
a.lienPDF:visited{padding: 2px 5px; font-size: 10px;	color: #666666; background-color: #cccccc; text-decoration: none;}
a.lienPDF:hover{padding: 2px 5px; font-size: 10px;	color: #ffffff; background-color: #ff0000; text-decoration: none;}


/********** Styles sur les boutons **********/
input.bouton { background-color: #ffffff; border: 1px solid #022d58;}


/********** Styles sur les textes **********/
.centrer{text-align: center;}
.gras{font-weight: bold;}
.italique{font-style: italic;}
.grasItalique{	font-style: italic;	font-weight: bold;}
.etoile{ color: #ff0000;}
.loi{ color: #dea387; text-align: justify;}
.txtErreur{	color: #ff0000;}
.txtCorrect{ color: Green;}

.titre{height: 36px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 17px; /*color: #99cc00;*/color: #850aff; font-weight: bold; padding: 7px 0px 0px 0px;}
.txtMotPresident{ float: left;}
.EvenemtVille{width: 300px; font-size: 12px; color: #666666; font-weight: bold}
.EvenemtTitre{width: 300px; font-size: 12px; color: #666666; font-style: italic}
.EvenemtDate{width: 300px; font-size: 10px; color: #666666;}
.titreActu{width: 310px; height: 18px; padding: 2px 0px 0px 10px; font-size: 12px; color: #ffffff; font-weight: bold; background-image: url(images/titre_actu_background.jpg);}
.filetActu{float: left; width: 275px; margin-left: 15px; background-color: #99cc00;}
.txtActu{float: left; width: 255px; padding: 0px 0px 0px 10px; margin-left: 10px; background-color: #ffffff;}
hr{color: #666666; border-color: #666666; background-color: #666666;height: 1px; border: 0;}

/********** Style sur l'effet Afficher/Cacher une div **********/
.cache {	display: none;	visibility: hidden; overflow: hidden; position: absolute;}

/********** Styles du menu **********/
.sdmenu {width: 200px; color: #ffffff; background-color: #ffffff;} 
.sdmenu .title, .sdmenu .titlehidden{display: block; font-weight: bold; color: white;} 
.sdmenu .arrow{}
.sdmenu .titlehidden{border-bottom: none;} 
.sdmenu #top{} 
.sdmenu .submenu {overflow: hidden;} 
.sdmenu .submenu a {padding: 5px 0px; text-indent: 10px; background: #99cc00; display: block; color: #ffffff; text-decoration: none;} 
.sdmenu .submenu a:hover {text-decoration: underline;} 
.txtSousMenu{font-size: 12px; font-weight: bold; padding-left: 10px;}