html { font-size: 100%; }

body {
	margin: 0; padding: 0;
	font-size: 0.8125em; /* taille en pixel ÷ 16 = 0.8125em          a 0.75em probleme avec le gras*/
	font-family: Arial, sans-serif;
	color: #222;
}


/************************************
*	GENERAL
*************************************/

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; }
h1 { font-size: 1.70em; }
h2 { font-size: 1.40em; font-weight: normal; }
h3 { font-size: 1.20em; font-weight: bold; }

a { color: #EA6A00; text-decoration: underline; }
a:focus,a:hover,a:active { color: #6F2C00; text-decoration: none; }

strong { font-weight: bold; color: #222; }
em { font-style: italic; }
small { font-size: 0.90em; color: #666; }
sup, sub { font-size: .8em; font-variant: normal; }
a span { display: none; }

/* général spip */

h3.spip { margin: 0; padding: 25px 0 6px 0; font-size: 1.4em; font-weight: bold; color: #106CB6; }
hr.spip { margin: 2em auto; }
ul.spip { padding-left: 25px;}
ul.spip li { background : transparent url(images/puce.gif) no-repeat 0 3px; padding-left:20px; }
ol.spip { list-style: decimal; }
.nettoyeur { clear: both; overflow: hidden; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
.invisible { display: none; }

div#logo_article { padding-top: 12px; text-align: center; }
div#logo_article img { border: 6px solid #d8d8d8; }


/************************************
*	STRUCTURE
*************************************/

div#menu_principal,
div#diapo,
div#diapo img,
div#gauche,
div#droite,
.cartouche,
#pied_droite { display: none; }
a#logo span {	display: block; color: #333; font-size: 1.2em; font-weight: bold; }


/************************************
*	FOOTER
*************************************/

#pied { clear: both; margin: 0; padding: 10px; border-top: 1px solid #d3d4d4; text-align: center; font-size: 0.90em; }






/************************************
*	HOME
*************************************/

body.page_sommaire div#gauche {	width: 304px; padding-bottom: 0; }
body.page_sommaire div#page2 { width: 723px; }
body.page_sommaire div#droite { border: none; }
body.page_sommaire div#centre {	width: 390px; padding: 35px 6px 0 6px; background: transparent url(images/actu.gif) no-repeat center top; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
body.page_sommaire div#page { padding-bottom: 0; }

#gauche div#edito {
	background: transparent url(images/bienvenue.gif) no-repeat;
	padding: 90px 2px 0 5px;
	font-size: 0.9em;
	color: #7d7c7f;
	height: 140px;
	overflow: hidden;
}
	#gauche div#edito h2 { display: block; color: #23a6f8; font-size: 1.2em; font-weight: bold; padding-bottom: 8px; }
	#gauche div#edito h3 { font-size: 1em; padding-bottom: 4px; }
	#gauche div#edito p { margin:0; }

#gauche #participez {
	height: 130px;
	background: transparent url(images/participez.gif) no-repeat;
}

#gauche #participez ul { margin: 0; padding: 53px 0 0 105px; }
#gauche #participez ul li { list-style-type: disc; color: #fff; background-image: none; padding: 0; }
#gauche #participez ul li a { display: block; color: #fff; font-weight: bold; text-decoration: none; padding: 1px 0; }
#gauche #participez ul li a:hover { background-color: transparent; padding-left: 3px; }

#gauche #en_images {
	background: transparent url(images/images.gif) no-repeat center top;
	height: 263px;
	padding-top: 70px;
}
#gauche #en_images #mesimages { margin: 0 auto; padding: 0; height: 209px; width: 280px; border: 1px solid #797c82; overflow: hidden;}
#gauche #en_images ul { margin: 0; padding: 0; width: 999px; height: 209px; }
#gauche #en_images ul li { height: 209px; width: 280px; float: left; }
#gauche #en_images ul li a { display: block; padding-top: 148px; text-decoration: none; }
#gauche #en_images ul li a:hover { background-color: transparent; }
#gauche #en_images ul li a strong { color: #fff; display: block; height: 100px; background-color: #333; font-size: 0.9em; padding: 10px; font-weight: normal; }


a#bt_prec, a#bt_next { display: block; float: left; width: 50%; height: 50px; }


p.ladate { margin: 0; color: #a4aeb5; font-size: 0.85em; padding-top: 4px; }

ul#actus { margin: 0; padding: 0; }

ul#actus li {
	clear: both;
	padding: 10px 8px;
	height: 145px;
	background: transparent url(images/dot.gif) no-repeat center bottom;
}
ul#actus li.actu_3 { background-image: none; }

ul#actus li div.zone_gauche {
	float: left;
	width: 202px;
	height: 140px;
	padding-top: 5px;
	text-align: center;
}
ul#actus li div.zone_gauche a img { border: 3px solid #d5d6d3; }
ul#actus li h2 { font-size: 1.1em; font-weight: bold; }
ul#actus li h2 a { color: #23a6f8; text-decoration: none; }
ul#actus li p { font-size: 0.9em; }
ul#actus li a.ensavoirplus { display: block; height: 21px; background: transparent url(images/plus.gif) no-repeat right center; }


div#conseils_municipaux {
	clear: both;
	padding: 45px 0 0 0;
	background: transparent url(images/conseils.gif) no-repeat center top;
	line-height: 1.1em;
	height: 100px;
}
	div#conseils_municipaux h2 { font-size: 1.1em; font-weight: bold; }
	div#conseils_municipaux h2 a { color: #23a6f8; text-decoration: none; }
	a#conseil_pdf { float: right; width: 135px; height: 125px; background: transparent url(images/pdf.gif) no-repeat 50% 50%; }









/************************************
*	CONTENU
*************************************/

#hierarchie { display: none; }

.contenu_article div.invisible{
	display: block!important; color: #000; text-transform: uppercase; font-size: 1.4em; padding: 5px 0;
}

.chapo { padding-top: 12px; font-weight: bold; color: #333; line-height: 1.2em; }
.texte_article { line-height: 1.60em; padding: 12px 0; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps {
	clear: both;
	background: #777877 url(images/infos.png) no-repeat;
	min-height: 67px;
	color: #fff;
	padding: 15px 10px 15px 66px;
	
}
.ps p { margin: 0; }
.ps strong { color: #fff; }

.notes, .menu {
	clear: both;
	margin-top: 15px;
	border-top: 1px dotted #aaa;
	padding: 8px;
	font-size: 0.90em;
	color: #777;
}
.notes p, .menu p { margin: 0.4em; }

.menu ul { padding-left: 10px; }

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }



/************************************
*	PORTFOLIO
*************************************/
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos, #documents_portfolio a:hover .spip_logos, #documents_portfolio a:active .spip_logos { border-color: #8B6F92; }


/************************************
*	FORUM
*************************************/

.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum */
ul .forum-message { border: 1px solid #ccc; margin: 0; padding: 0; margin-bottom: 1em; }
ul .forum-chapo { margin: 0; padding: 3px 6px; background: #eee; }
input#titre { border: 1px solid #ccc; }
.spip_barre a img { background-color:#eee!important; } 
.forum-chapo a { text-decoration:none; }
#commentaire { margin-top:40px; }
/* Formulaire blog light */
li.saisie_titre, li.saisie_texte p, li.saisie_texte label, li.saisie_texte div, .forum-titre, p.repondre { display:none!important; }



/************************************
*	RECHERCHE
*************************************/

div.recherche {
	background: transparent url(images/recherche.gif) no-repeat center top;
	height: 49px;
	border: 1px solid #fff;
	padding: 12px 26px 0 65px;
}

div.recherche label { display: none; }
div.recherche input#recherche {
	float: left;
	width: 105px;
	margin: 0;
	color: #4C4C4C;
	border: none;
	background-color: transparent;
	padding-top: 4px;
}

div.recherche input#bt_recherche {
	float: right;
	margin: 0;
	border: none;
	line-height: 0px;
	font-size: 0em;
	text-indent: -3000em;
	background: transparent url(images/ok_recherche.gif) no-repeat;
	width: 33px;
	height: 24px;
	cursor: pointer;
}








/* plan du site */

.plandusite ul li { display: block; border-bottom: 1px dotted #aaa; padding: 5px 0 14px 0; }
.plandusite ul li ul li { border: none; padding: 1px; }

.plandusite ul li strong {
	font-size: 1.2em;
	text-transform: uppercase;
	display: block;
	padding: 10px 0 2px 0;
}

.plandusite ul li strong a { text-decoration: none; color: #555; }