/*  ----------------------------------------------------------- */
/*  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) #f9c77c top center;
}

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: #ffffff; }
a { color: #000000; }

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




/* BLOCS PRINCIPAUX */
#conteneur {
	position:relative;
	width:980px;
	margin:auto;
	
	height:auto;
	min-height: 700px; /* pour firefox prenne toute la hauteur de page*/
	_height: 700px; /*underscore hack uniquement interprt par IE Win*/
	}

#entete {
	position:relative;
	width:100%;
	margin:auto;
	height:175px;
	}
#navigation {
	position:absolute;
	left:10px;
	top:152px;
	width:232px;
	z-index:3;
	}
#menu {
	position:relative;
	padding-top:20px;
	padding-left:5px;
	width:227px;
	background:url(../images/fd_menu.png) no-repeat;
}

#centre {
	position:relative;
	float:left;
	width:761px;
	}
#centre  #page {
	margin-top:40px;
	}
	
#secondaire {
	position:relative;
	float:left;
	width:219px;
	}

#visuel {
	position:relative;
	width:100%;
	height:135px;
	}
#visuel #arondi_right {
	background:url(../images/arondi.png) no-repeat;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	width:23px;
	height:20px;
	}
#visuel #arondi_left {
	background:url(../images/arondi_left.png) no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:23px;
	height:20px;
	}
#visuel #degradee {
	background:url(../images/degradee_bandeau.png) no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:761px;
	height:135px;
	}
	
#plan {
	position:relative;
	margin-top:2em;
	}
	
#anim_ronds {
	position:absolute;
	right:0;
	top:0;
	height:175px;
	width:200px;
	}	
	
	
/* set the image to use and establish the lower-right position */ 
.cssbox, 
.cssbox_body, 
.cssbox_head, 
.cssbox_head h2{ 
	background: transparent url(../images/imgphp.png) no-repeat bottom right
	} 
.cssbox{ 
	/* intended total box width - padding-right(next) */ 
	width:746px !important; /* IE Win = width - padding */ 
	width: 746px; /* the gap on the right edge of the image (not content padding) */ 
	padding-right:15px; /* use to position the box */ 
	margin:auto } /* set the top-right image */ 
	
.cssbox_head{
	background-position:top right; /* pull the right image over on top of border */ 
	margin-right:-15px; /* right-image-gap + right-inside padding */ 
	padding-right:40px} /* set the top-left image */ 
	
.cssbox_head h2{ 
	background-position:top left; margin:0; /* reset main site styles*/ 
	border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ 
	padding:25px 0 15px 40px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ 
	
.cssbox_body{ 
	background-position:bottom left; 
	padding:0px 0 15px 40px;/* mirror .cssbox_head right/left */
		
	height:auto;
	min-height: 400px; /* pour firefox prenne toute la hauteur de page*/
	_height: 400px; /*underscore hack uniquement interprt par IE Win*/	
	}  
	
	
#menu_annexe ul {
	position:absolute;
	top:40px;
	left:0;
	list-style-type:none;
	}
#menu_annexe ul li a {
	font-size:0.71em;
	color:#896f4b;
	text-decoration:none;
	}
#menu_annexe ul li a:hover {
	color:#000000;
	}
	
#logo {
	position:absolute;
	left:232px;
	top:0;
	}

#evenements {
	position:relative;
	margin-left:30px;
	font-size:0.71em;
	color:#771e5a;
	}
#evenements dl {
	margin-top: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:#771e5a;
	text-decoration:none;
	}
#evenements a:hover {
	color:#000000;
	}
#evenements dl dd.entry-title {
	background:url(../images/puce.png) no-repeat 0 2px;
	padding-left:12px;
	margin-left:55px;
	}
#evenements dl dd.descriptif,
#evenements dl dd.lieu,
#evenements dl dd.date
{
	margin-left:55px;
	}
#evenements dl dd.date {
	color:#bc0925;
}
#evenements dl dt img {
	border:solid 1px #771e5a;
	float:left;
	}
	
	
#compterendu {
	position:relative;
	background:url(../images/fd_cm.gif) no-repeat;
	width:199px;
	height:71px;
	margin-left:10px;
	margin-top:2em;
	}
#compterendu h2 {
	position:absolute;
	left:50px;
	top:35px;
	width:150px;
	font-size:0.71em;
	}
#compterendu h2 a {
	text-decoration:none;
	color:#771e5a;
	}
#compterendu h2 a:hover {
	color:#FFFFFF;
	}

#formulaire_recherche {
	position:absolute;
	top:10px;
	right:0px;
	}
#formulaire_recherche label {
	font-size:0.71em;
	color:#896f4b;
	}
#formulaire_recherche input.submit {
	font-size:0.71em;
	background:url(../images/fd_input_submit.gif) no-repeat;
	height:19px;
	width:28px;
	border:0;
	color:#896f4b;
	}
#formulaire_recherche input#recherche {
	background:url(../images/fd_input_recherche.gif) no-repeat;
	height:19px;
	width:115px;
	border:0;
	padding-top:2px;
	vertical-align: middle;
	padding-left:15px;
	font-size:0.71em;
	}

#mentions {
	position:relative;
	margin-left:10px;
	margin-top:2em;
	font-size:0.71em;
	}
#mentions a {
	color:#896f4b;
	text-decoration:none;
	}
#mentions a:hover {
	color:#000000;
	}

/* ACCUEIL */
span.contour_rond {
	position:absolute;
	top:0;
	left:0;
	width:81px;
	height:81px;
	z-index:1;
	background:url(../images/contour_rond.png) no-repeat;
	}
body.page_sommaire #actu {
	position:relative;
	float:right;
	width:440px;
	margin-right:30px;
	}
body.page_sommaire #actu dl {
	margin-bottom:1em;
	border-top:solid 1px #e5e5e5;
	padding-top:5px;
	
	height:auto;
	min-height: 70px; /* pour firefox prenne toute la hauteur de page*/
	_height: 70px; /*underscore hack uniquement interprt par IE Win*/
	}
body.page_sommaire #actu dl dt {
	position:relative;
	width:81px;
	height:81px;
	float:right;
	margin-left:2em;
	}
body.page_sommaire #actu dd h2 {
	font-size:0.71em;
	font-weight:bold;
	color:#771e5a;
	background:url(../images/puce.png) no-repeat 2px 2px;
	padding-left:15px;
	}
body.page_sommaire #actu dd h2 a {
	color:#771e5a;
	text-decoration:none;
	}
body.page_sommaire #actu dd h2 a:hover {
	color:#000000;
	}
body.page_sommaire #actu dd.descriptif {
	font-size:0.71em;
	color:#666666;
	padding-left:15px;
	text-align:justify;
	}
body.page_sommaire #actu dd.descriptif a {
	color:#771E5A;
	text-decoration:none;
	}
body.page_sommaire #actu dd.descriptif a:hover {
	color:#000000;
	}
body.page_sommaire #actu dd.descriptif p {
	margin:0;
	padding:0;
	}
	

/* ARTICLE */
body.page_article #page h1.entry-title,
#hierarchie, div.texte, p.soustitre, #documents_joints {
	margin-left:210px;
	}
body.page_article #page h1.entry-title {
	font-size:1.15em;
	color:#bd0926;
	margin-top:8px;
	margin-bottom:1em;
	}
#hierarchie {
	position:relative;
	font-size:0.65em;
	color:#6e6d6d;
	}
#hierarchie a {
	color:#6e6d6d;
	}
#hierarchie a:hover {
	color:#000000;
	}
div.texte, p.soustitre {
	position:relative;
	font-size:0.77em;
	text-align:justify;
	}
p.soustitre {
	font-weight:bold;
	}
div.texte h3 {
	font-size:1.15em;
	color:#771e5b;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	}
body.page_article #page ul.spip,
body#page_recherche #page ul {
	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;
	}

#documents_joints {
	position:relative;
	margin-top:2em;
	border-top:dashed 1px #CCCCCC;
	}
#documents_joints h2 {
	color:#771E5B;
	font-size:0.88em;
	font-weight:bold;
	padding-top:5px;
	}
#documents_joints ul {
	margin-left:2em;
	margin-top:0.5em;
	}
#documents_joints ul li {
	font-size:0.77em;
	list-style-type:square;
	}
#documents_joints ul li a:hover,
div.texte a:hover {
	color:#771E5B;
	}


/* PLAN DU SITE */
#resultat_recherche {
	position:relative;
	margin-left:210px;
	}
#resultat_recherche ul {
	margin-left:2em;
	}
#resultat_recherche h2 {
	padding-top:1em;
	font-size:0.88em;
	color:#771E5A;
	text-decoration:none;
	font-weight:bold;
	}
#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:225px;
	height:106px;
	background:url(../images/fd_meteo.gif) no-repeat;
	}
#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:#771e5a;
	text-transform:uppercase;
	}

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








/* 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: #937BAD; 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; }