body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0;
	padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
p {margin-bottom:1em;}


body {
	background-color: #8bccff;
}

a:link, a:active, a:visited {
	color:#ff6600;
	font-size:11px;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.justify {
	text-align:justify;
}

.clearFloat {
	clear:both;
}

/**************** Chemin de navigation **********************/
.chemin, a.chemin:link, a.chemin:active, a.chemin:visited {
	font-size:11px;
	color:#FF6600;
	padding-top:4px;
	text-decoration:none;
}

a.chemin:hover {
	text-decoration:underline;
}
/****************** Menu de gauche **************************/
a.menu:link, a.menu:active, a.menu:visited {
	color:#666666;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

a.menu:hover {
	text-decoration:underline;
}

/******************* Lire la suite **************************/
a.suite:link, a.suite:active, a.suite:visited {
	color:#ff6600;
	font-style:italic;
	font-size:11px;
	text-decoration:none;
}

a.suite:hover {
	text-decoration:underline;
}


/******************* Navigation pages **************************/
.navigationPages {
	padding-top:30px;
	text-align:center;
}

/************************** Textes **************************/
.titrePage {
	width:694px;
	background:url(../images/fond_titre2.gif);
}

.titrePage_texte {
	background:url(../images/fond_titre1.gif);
}


/************************** Textes **************************/
.titre {
	font-weight:bold;
	font-size:14px;
	color:#ff6600;
}

.titreParagraphe {
	font-weight:bold;
	font-size:14px;
	color:#3366ff;
	padding-bottom:10px;
}

.texteParagraphe {
	padding:0px 20px 25px 20px;
}

.lienDirect {
	margin:20px 40px;
}

.lienDirect li {
	list-style:square;
	color:#FF6600;
}

.retourHautPage {
	text-align:right;
	padding-right:20px;
}

	a.retourHautPage_lien:link, a.retourHautPage_lien:visited {
		color:#999999;
	}
	
	a.retourHautPage_lien:hover {
		color:#666666;		
	}

/******************** Couleurs alternees *************************/

.couleur1 {
	background-color:#DAE9F5;
}

.couleur2 {
	background-color:#FFFFFF;
}

.paveColore {
	background-color:#fdd4a2;
	border:1px solid #ff6600;
}

/******************* Cap On Line Realisation *********************/
a.CapOnLine:link, a.CapOnLine:active, a.CapOnLine:visited {
	font-size:11px;
	color:#666666;
	text-decoration:none;
}

a.CapOnLine:hover {
	text-decoration:underline;
}

/******************* Liste des associations *********************/
.assoc_item {
	float:left;
	width:300px;
	margin:0px 0px 30px 30px;
}

.assoc_nom {
	margin-bottom:5px;
}

a.assoc_nom_lien:link, a.assoc_nom_lien:visited {
	color:#0066FF;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

a.assoc_nom_lien:hover {
	text-decoration:underline;
}

.assoc_contact {
	margin-left:35px;
}

.assoc_tel {
	margin-left:35px;
}

.assoc_email {
	margin-left:35px;
}

.assoc_photo {
	float:right;
	border:1px solid #CCCCCC;
	padding:10px;
	margin-right:20px;
}

.assoc_diaporama_item {
	border:1px solid #999999;
	padding:2px;
	float:left;
	margin:0px 0px 10px 10px;
}

/******************* Pavé des manifestations (accueil) *********************/
.accueilManif {
	width:200px;
	margin-left:20px;
	border:1px solid #f3c995;
}

.accueilManif_titre {
	background-color:#f3c995;
	font-size:12px;
	color:#0066FF;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

.accueilManif_content {
	color:#666666;
	margin:0px;
	padding:0px;
	padding-left:25px;
}

.accueilManif_content li {
	list-style-type:square;
	list-style-position:outside;
	padding:10px 5px 10px 5px;
}

.accueilManif_lien {
	display:block;
}


/******************* Edito du maire *********************/
.edito_photo {
	display:block;
	float:right;
	margin:0px 0px 5px 10px;
	padding:3px;
	border:1px solid #CCCCCC;
}


/******************* Pavé des actualités (accueil) *********************/
a.accueilActus_lien:link, a.accueilActus_lien:visited {
	display:block;
	text-decoration:none;
}

a.accueilActus_lien:hover {
	background-color:#DDDDDD;
}


/******************* Diaporama photo *********************/
.diaporama_item {
	width:160px;
	height:180px;
	display:block;
	float:left;
	margin:0px 13px 13px 0px;
	border:1px solid #CCCCCC;
}

.diaporama_photo {
	height:150px;
	width:160px;
	text-align:center;
	vertical-align:middle;
}

.diaporama_titre {
	height:30px;
	width:160px;
	text-align:center;
	vertical-align:middle;
	background-color:#CCCCCC;
}


/******************* Calendrier des fêtes *********************/
.calendar {
	width:184px;
	border:1px solid #3399CC;
	text-align:center;
	
	margin-left:265px;
	left:50%;
	z-index: 500;
	
	position:fixed;
	top:376px;
}

.calendar_header {
	width:100%;
	border-bottom:1px solid #3399CC;
}

	.calendar_header_btn {
		width:11px;
		padding:4px;
	}
	
	.calendar_header_month {
		text-align:center;
	}
	
	a.calendar_prev:link, a.calendar_prev:visited, a.calendar_prev:active {
		background:url(../images/calendar-prev.gif) no-repeat 0px 0px;
		text-decoration:none;
		width:11px;
		height:12px;
		display:block;
	}
	
	a.calendar_prev:hover {
		background:url(../images/calendar-prev.gif) no-repeat 0px -12px;
	}
	
	a.calendar_next:link, a.calendar_next:visited, a.calendar_next:active {
		background:url(../images/calendar-next.gif) no-repeat 0px 0px;
		text-decoration:none;
		width:11px;
		height:12px;
		display:block;
	}
	
	a.calendar_next:hover {
		background:url(../images/calendar-next.gif) no-repeat 0px -12px;
	}
	
	.calendar_form select {
		background-color:#FFFFFF;
		font-size:10px;
		color:#3399CC;
	}
	
.calendar_body {
	margin:10px;
}
	
.calendar_body_td {
	width:21px;
	height:21px;
	text-align:center;
}

a.calendar_body_blank {
	background:url(../images/calendar-td.gif) no-repeat 0px 0px;
	width:21px;
	height:18px;
	color:#999999;
	display:block;
	text-decoration:none;
	padding-top:3px;
}

a.calendar_body_blank:hover {
	background:url(../images/calendar-td.gif) no-repeat 0px -21px;
	color:#FFFFFF;
}

a.calendar_body_valid {
	background:url(../images/calendar-valid.gif) no-repeat 0px 0px;
	width:21px;
	height:18px;
	color:#999999;
	display:block;
	text-decoration:none;
	padding-top:3px;
}

a.calendar_body_valid:hover {
	background:url(../images/calendar-valid.gif) no-repeat 0px -21px;
	color:#FFFFFF;
}

a.calendar_body_today {
	color:#FF6600;
}

.calendar_manif_liste_content {
	border:1px solid #CCCCCC;
	text-align:left;
	margin:0;
	padding:0px;
	padding-left:20px;
}

.calendar_manif_liste_content li {
	list-style-type:square;
	list-style-position:outside;
	padding:2px 5px 2px 5px;
}


/******************* Liste des manifestations *********************/
.manif_intro {
	margin-right:220px;
	border:1px dashed #FF6600;
	margin-bottom:20px;
	padding:15px;
}

.manif_hr {
	color:#0099FF;
	margin:20px 220px 20px 0px ;
	height:1px;
}

.manif_liste {
	margin-right:220px;
}


/******************* Page de contact *********************/
.contact_photo {
	border:1px solid #CCCCCC;
	padding:10px;
	float:left;
	margin-right:30px;
}

.contact_fieldset {
	padding:20px 80px;
	border:1px solid #FF6600;	
	margin:auto;
	width:500px;
}

.contact_legend {
	color:#FF6600;
	font-weight:bold;
	margin:0px 0px 15px -50px;
}

.contact_form label {
	display:inline;
	float:left;
	font-weight:bold;
	width:95px;
}

.contact_form input, textarea{
	background-color:#DDDDDD;
	border:1px solid #999999;
	width:400px;
	margin-bottom:1px;
}

input.contact_form_submit {
	display:block;
	margin:20px 97px;
	width:500px;
	color:#FF6600;
	font-weight:bold;
}

input.contact_form_submit:hover {
	background-color:#CCCCCC;
}

.asterisque {
	color:#FF0000;
}

.contact_confirm {
	color:#FF6600;
	text-align:center;
	padding:10px;
}

.contact_form_msg {
	font-size:11px;
	color:#666666;
	font-style:italic;
	margin-left:100px;
}



/******************* Page de la liste des comptes rendus *********************/
.cm_ordreDuJour {
	padding:10px;
	border:1px dotted #999999;
	width:80%;
	margin:0px auto 40px auto;
}

	.cm_ordreDuJour_titre {
		font-size:12px;
		color:#FF6600;
		font-weight:bold;
		text-align:center;
		background-color:#DDDDDD;
		padding:3px;
	}
	
	.cm_ordreDuJour_nextReunion {
		color:#FF6600;
		font-weight:bold;
		padding-left:20px;
	}
	
	.cm_ordreDuJour_texte {
		padding-left:20px;
	}
	

.cm_listeComptesRendus {
	text-align:center;
}

	.cm_listeComptesRendus_titre {
		font-size:12px;
		color:#FF6600;
		font-weight:bold;
	}

	a.cm_listeComptesRendus_item0:link, a.cm_listeComptesRendus_item0:visited {
		display:block;
		width:80%;
		text-align:left;
		padding:0px 10px;
		text-decoration:none;
		margin:auto;
		background:#CCCCCC;
	}
	
	a.cm_listeComptesRendus_item1:link, a.cm_listeComptesRendus_item1:visited {
		display:block;
		width:80%;
		text-align:left;
		padding:0px 10px;
		text-decoration:none;
		margin:auto;
		background:#DDDDDD;
	}
	
	a.cm_listeComptesRendus_item0:hover, a.cm_listeComptesRendus_item1:hover {
		background:#FFFF99;
	}

select.form_ReunionsConseil {
	margin-left:150px;
	height:18px;
	font-size:11px;
	width:380px;
	padding:1px;
}