/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 2  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/* ------------------------------------------
/* TYPO GENERALE
/* ------------------------------------------ */
body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background:url(../images/fd.jpg) #ffffff top center;
	color:#4f4f4e;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt, ul, li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, dl, dd { font-weight: normal; }
h2 a:hover, h2 span a:hover,

a:hover { color: #000000; }
a { color: #4f4f4e; }

.cache { display:none;  }
.clear {clear:both;}

.colonne {
	position:relative;
	float:left;
	width:42%;
	padding-right:2em;
	}


/* BLOCS PRINCIPAUX */
#conteneur {
	position:relative;
	width:980px;
	margin:auto;
	background:url(../images/fd_page.gif);
	
	height:auto;
	min-height: 600px; /* pour firefox prenne toute la hauteur de page*/
	_height: 600px; /*underscore hack uniquement interprt par IE Win*/

}

#entete {
	position:relative;
	width:960px;
	margin:auto;
	height:183px;
}

#entete #logo {
	position:absolute;
	left:0;
	z-index:1;
}
#entete #bandeau {
	position:absolute;
	left:0;
	width:960px;
	height:206px;
	z-index:0;
}

#menu_annexe ul {
	position:absolute;
	top:20px;
	right:20px;
	list-style-type:none;
	z-index:1;
	}
#menu_annexe ul li {
	display:inline;
	margin-right:10px;
}
#menu_annexe ul li a {
	font-size:0.65em;
	color:#ffffff;
	text-decoration:none;
	}
#menu_annexe ul li a:hover {
	color:#000000;
	}
	
#navigation {
	position:relative;
	float:left;
	width:189px;
}

#centre {
	position:relative;
	float:left;
	width:771px;
}
#page {
	position:relative;
	float:left;
	width:495px;
	margin-left:40px;
	}
#centre #colonne_droite {
	position:relative;
	float:left;
	width:236px;
	}
	
#footer {
	position:relative;
	width:980px;
	margin:auto;
	height:78px;
	background:url(../images/fd_footer.gif) no-repeat;
	margin-bottom:1em;
}

#mentions {
	position:absolute;
	right:25px;
	top:40px;
	font-size:0.65em;
	color:#FFFFFF;
}

#mentions a {
	color:#ffffff;
	text-decoration:none;
}

#mentions a:hover {
	color:#000000;
}

div.menu {
	position:relative;
	margin-left:30px;
	margin-top:3em;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	}
div.menu ul li {
	list-style-type:none;
	}
div.menu ul li a {
	font-size:1.03em;
	font-weight:bold;
	text-decoration:none;
	color:#323232;
	}
div.menu ul li a:hover,
div.menu ul li a.on {
	color:#55BBE5;
	}
div.menu ul li.sous_menu {
	color:#55BBE5;
	margin-left:2em;
	font-size:12px;
	list-style-type: circle;
	}
div.menu ul li.n2 {
	margin-left:3em;
	}
div.menu ul li {
	background:url(../images/filet_menu.gif) no-repeat bottom left;
	}
div.menu ul li.bleu a {
	display:block;
	padding-left:20px;
	background:url(../images/puce_bleu.gif) no-repeat 0px 5px;
	}
div.menu ul li.orange a {
	display:block;
	padding-left:20px;
	background:url(../images/puce_orange.gif) no-repeat 0px 5px;
	}
div.menu ul li.vert a {
	display:block;
	padding-left:20px;
	background:url(../images/puce_verte.gif) no-repeat 0px 5px;
	}
div.menu ul li.bleugris a {
	display:block;
	padding-left:20px;
	background:url(../images/puce_bleugris.gif) no-repeat 0px 5px;
	}
div.menu ul li.rouge a {
	display:block;
	padding-left:20px;
	background:url(../images/puce_rouge.gif) no-repeat 0px 5px;
	}
div.menu ul li.saumon a {
	display:block;
	padding-left:20px;
	background:url(../images/puce_saumon.gif) no-repeat 0px 5px;
	}



	
	






/* ACCUEIL */
body.page_sommaire #actu_principale {
	position:relative;
	width:479px;
}

body.page_sommaire #actu_principale dl dd.entry-title h2 {
	font-size:1.15em;
	color:#55bbe5;
	margin-top:1em;
}

body.page_sommaire #actu_principale dl dd.descriptif {
	font-size:0.77em;
	color:#4f4f4e;
}

body.page_sommaire #actu {
	position:relative;
	margin-top:2em;
}

body.page_sommaire #actu dl {
	margin-right:1em;
	float:left;
	width:147px;	
}

body.page_sommaire #actu dd h2 {
	font-size:0.71em;
	font-weight:bold;
	color:#55bbe5;
}

body.page_sommaire #actu dd h2 a:hover {
	color:#000000;
}

body.page_sommaire #actu dd.descriptif {
	font-size:0.71em;
}

body.page_sommaire #actu dd.descriptif a {
	text-decoration:none;
	color:#55bbe5;
}

body.page_sommaire #actu dd.descriptif a:hover {
	color:#000000;
}

body.page_sommaire #actu dd.descriptif p {
	margin:0;
	padding:0;
}

body.page_sommaire #actu a.lien_liste_actu {
	color: #333333;
	font-size:0.71em;
	font-weight:bold;
	text-decoration:none;
}

body.page_sommaire #actu a.lien_liste_actu:hover {
	color: #999999;
	}



#evenements {
	position:relative;
	width:187px;
	margin:auto;
	font-size:0.71em;
	margin-top:2em;
	}
#evenements #liste {
	background-color:#f4a14b;
	}
#evenements dl {
	padding-bottom:10px;
		
	height:auto;
	min-height: 40px; /* pour firefox prenne toute la hauteur de page*/
	_height: 40px; /*underscore hack uniquement interprt par IE Win*/
	}
#evenements a {
	color:#ffffff;
	text-decoration:none;
	}
#evenements a:hover {
	color:#000000;
	}
#evenements dl dd.entry-title,
#evenements dl dd.descriptif,
#evenements dl dd.date,
#evenements dl dd.lieu {
	margin-left:50px;
	color:#323232;
}
#evenements dl dt img {
	float:left;
	margin-left:10px;
}
	
#pub {
	position:relative;
	margin-left:30px;
	margin-top:1em;
	}	
	
#bt_bulletins,
#bt_habitants {
	position:relative;
	width:100%;
	text-align:center;
}






/* RUBRIQUES */
/* ARTICLE */
#page h2 {
	font-size:0.88em;
	font-weight:bold;
	color:#55BBE5;
	margin-top:8px;
	margin-bottom:1em;
	text-transform:uppercase;
}
	
#page #intro,
#page #texte {
	font-size:0.77em;
}
#page #texte {
	padding-right:20px;
	text-align:justify;
}
	
#hierarchie {
	position:relative;
	font-size:0.65em;
	color:#6e6d6d;
	margin-top:2em;
}
#hierarchie a {
	color:#6e6d6d;
}
#hierarchie a:hover {
	color:#000000;
}
	
h4.soustitre {
	position:relative;
	font-size:0.77em;
	font-weight:bold;
	color:#55BBE5;
	}

#texte h3 {
	font-size:1.15em;
	color:#D46459;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	}
body.page_article #page ul.spip {
	margin-left:2em;
	margin-top:5px;
	margin-bottom:5px;
	}
div.legende_photos_article,
dt.spip_doc_titre {
	position:relative;
	font-size:11px;
	color: #666666;
	font-weight:normal;
	text-align:left;
	font-weight:bold;
	margin-top:8px;
	}
div.texte_photos_article {
	color:#2c85aa;
	font-size:11px;
}
div.texte_photos_article p {
	margin:0;
	padding:0;
	padding-bottom:4px;
	}

div.documents_joints {
	position:relative;
	margin-top:2em;
	border-top:dashed 1px #a1a0a0;
	border-bottom:dashed 1px #a1a0a0;
	padding-bottom:0.5em;
	}
div.documents_joints ul {
	margin-left:2em;
	margin-top:0.5em;
	}
div.documents_joints ul li {
	font-size:11px;
	list-style-type:none;
	background:url(../images/icone_doc.gif) no-repeat;
	padding-left:20px;
	margin-bottom:5px;
	}
div.documents_joints ul li a {
	text-decoration:none;
	color:#333333;
	}
div.documents_joints ul li a:hover,
div.texte a:hover {
	color:#55BBE5;
	}
	
	
#listes_articles {
	position:relative;
	width:410px;
	margin-left:50px;
	}
#listes_articles dl { 
	clear:both; 
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:dashed 1px #CCCCCC;
		
	height:auto;
	min-height: 60px; /* pour firefox prenne toute la hauteur de page*/
	_height: 60px; /*underscore hack uniquement interprt par IE Win*/
	}
#listes_articles dl dt {
	float:right;
	width:104px;
	margin-left:40px;
	color:#b7a9a8;
	margin-top:5px;
	}
#listes_articles dl dt img {	
	border:solid 3px #CCCCCC;
	}
	
#listes_articles dl dd.titre h3 {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#b7a9a8;
	padding-left:10px;
	padding-bottom:3px;
	}
#listes_articles h3 a:hover { color: #666666}

#listes_articles dl dd.titre h3 a {
	text-decoration:none;
	font-size:14px;
	color:#D46459;
	}
#listes_articles dl dd.titre h3 a:hover {
	color:#000000;
	}

#listes_articles dl dd.descriptif {
	font-size:0.71em;
	padding-left:10px;
	line-height:1.4em;
	}
#page #listes_articles dl dd.descriptif {
	text-align:left;
	}	
	
div.portfolio {
	position:relative;
	margin-top:4em;
}
	
	
	


/* PLAN DU SITE */
#resultat_recherche {
	position:relative;
	}
#resultat_recherche ul {
	margin-left:2em;
	}
#resultat_recherche h2 {
	padding-top:1em;
	font-size:0.77em;
	color:#55BBE5;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:0;
	}
#resultat_recherche ul li {
	font-size:12px;
	line-height:1.5em;
	}
#resultat_recherche ul li a:hover { color:#771E5A}



/* METEO */
#meteo {
	position:relative;
	height:70px;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	height:106px;
	background:url(../images/fd_meteo.gif) no-repeat;
	margin-left:10px;
	}
#meteo dl {
	position:relative;
	margin-top:15px;
	width:30%;
	float:left;
	font-size:0.71em;
	color:#666666;
	margin-left:6px;
	}
#meteo dl dd.jour {
	color:#d46459;
	text-transform:uppercase;
	}



/* formulaire recherche */
#formulaire_recherche {
	position:relative;
	margin-left:30px;
	margin-top:1em;
	}
#formulaire_recherche label {
	font-size:0.71em;
	}
#formulaire_recherche input.submit {
	font-size:0.71em;
	width:28px;
	border:0;
	border:solid 1px #CCCCCC;
	}
#formulaire_recherche input#recherche {
	width:115px;
	border:0;
	vertical-align: middle;
	font-size:0.71em;
	background-color:#CCCCCC;
	}








/* Formulaire de contact */
#formulaire_contact {
	position:relative;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:1em;
}
#formulaire_contact strong {
	font-size:10px;
	margin-bottom:5px;
	}
#formulaire_contact ul {
	list-style-type:none;
	}
#formulaire_contact ul li {
	margin:0;
	padding:0;
	line-height:normal;
	}

#formulaire_contact input,
#formulaire_contact select {
	font-size:12px;
	margin-bottom:5px;
}

#formulaire_contact fieldset {
	border:none ;
	width:100%;
}
#formulaire_contact label {
	float:left;
	width:100px;
	margin-right:10px;
	text-align:right;
	color:##505050;
	font-size:12px;
	vertical-align:middle;
}
#formulaire_contact textarea  {
	width:250px;
	}
#formulaire_contact legend {
	display:none;
}
#formulaire_contact input.submit {
	background-color:#ff8a0b;
	border:solid 1px #ff8a0b;
	color:#FFFFFF;
	margin-left:210px;
	margin-top:1em;
	}
.erreur_message {
	color:#fca52a;
	}
#formulaire_contact div.erreur,
#formulaire_association_modif div.erreur,
#formulaire_association_ajout div.erreur {
	font-size:11px;
	color:#D03A1E;
	float:right;
	width:160px;
	}
p.formulaire_erreur, p.formulaire_ok {
	font-size:0.88em;
	color:#FFFFFF;
	background-color:#D03A1E;
	text-align:center;
	}


#formulaire_association_modif h3,
#formulaire_association_ajout h3 {
	font-size:11px;
	font-weight:bold;
	color:#2C85AA;
	margin-top:2em;
	border-bottom:dashed 1px #666666;
	padding-bottom:1em;
	margin-bottom:0.5em;
}
#formulaire_association_modif {
	font-size:11px;
	text-align:right;
	}
#formulaire_association_ajout {
	font-size:11px;
	}
#formulaire_association_modif input,
#formulaire_association_ajout input {
	margin-bottom:4px;
	}
#formulaire_association_modif fieldset,
#formulaire_association_ajout fieldset {
	padding-right:5px;
	border:0;
	}
#formulaire_association_modif input.submit,
#formulaire_association_ajout input.submit {
	border: solid 1px #999999;
	color:#2C85AA;
	background-color: #ececec;
	}
#formulaire_association_modif textarea,
#formulaire_association_ajout textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#formulaire_association_ajout label {
	display:block;

}
#formulaire_association_ajout input.submit {
	margin-top:5px;
}
	
div.btplan a {
	display:block;
	width:15px;
	height:15px;
	text-indent:-50000px;
	font-size:11px;
	/*border:solid 1px red;*/
}

div.cs_blocs h4 a {
	font-size:0.77em;
	font-weight:bold;
	text-decoration:none;
}




/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym {  }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Tableaux */
table.spip { margin-top:0.5em; margin-bottom:0.5em; font-size:11px;} /* Cf.: spip_style.css */
table.spip  { border:0; border-collapse:collapse;}
table.spip tr td  { padding-left:10px;}
table.spip thead th { padding-left:10px;}
table.spip thead { background-color: #A6C539; color:#FFFFFF}
table.spip tr.row_even {background-color: #fdefdb }
table.spip tr.row_odd {background-color: #fad6a1;}
table tbody { color:#000000;}

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {display: block; clear: both; width: 100%; margin: 1em auto; text-align:center} /* Cf.: spip_style.css */
.spip_documents_center div.legende_photos_article { text-align:center;}
.spip_documents_left { margin-right:1em;} /* Cf.: spip_style.css */
.spip_documents_right { margin-left:1em;} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */

/* 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; }