/*  ----------------------------------------------------------- */
/*  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:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #626262;
}

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: #384f9e; }
a { color: #626262; }

.spacer {clear:both;}




/* BLOCS PRINCIPAUX */
body {background:url(../images/fd.jpg); }

#conteneur {
	position:relative;
	width:990px;
	margin:auto;
	background-color:#FFFFFF;
	margin-top:7px;
	height:auto;
	min-height: 700px; /* pour firefox prenne toute la hauteur de page*/
	_height: 700px; /*underscore hack uniquement interprt par IE Win*/
	}
	
#colonne_gauche {
	position:relative;
	width:243px;
	float:left;
	height:150px;
	}
#centre {
	position:relative;
	width:739px;
	float:left;
	padding-bottom:2em;
	}
#colonne_gauche #logo a {
	position:relative;
	display:block;
	text-indent:-50000px;
	height:248px;
	background:url(../images/logo.gif) no-repeat;
	}
	
#colonne_gauche #menu_rubriques {margin-right:1em;}

#colonne_gauche #menu_rubriques ul {
	text-align:right;
	list-style-type:none;
	margin-top:1em;
	margin-bottom:1em;
	}
#colonne_gauche #menu_rubriques ul li { 
	border-bottom:solid 1px #cfcece;
	}
#colonne_gauche #menu_rubriques ul li a {
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	font-weight:bold;
	color:#8c8b8b;
	text-decoration:none;
	font-size:1.03em;
	font-family: Arial, Helvetica, sans-serif;
	}
#colonne_gauche #menu_rubriques ul li a:hover, #colonne_gauche div.menu_rubriques #mentions a:hover { color:#384f9e;}
#colonne_gauche #menu_rubriques #mentions { font-size:0.65em; text-align:right}
#colonne_gauche #menu_rubriques #mentions a {color:#8c8b8b; text-decoration:none}

#colonne_gauche #menu_rubriques ul li a.on { color:#798dcf;}
#colonne_gauche #menu_rubriques ul ul.sous_rubrique {
	margin-top:0;
	margin-bottom:0;
	border-bottom:solid 1px #cfcece;
}
#colonne_gauche #menu_rubriques ul ul.sous_rubrique { position:relative;}
#colonne_gauche #menu_rubriques ul ul.sous_rubrique li {
	position:relative;
	font-size:0.71em;
	border-bottom:none;
	height:auto;
	}
	
/* menu annexe */
#centre #menu_annexe {
	position:relative;
	width:100%;
	height:35px;
	background-color:#a7a7a7;
	margin-top:15px;
	margin-bottom:5px;
	}
#centre #menu_annexe ul {
	list-style-type:none;
	margin-left:1em;
	}
#centre #menu_annexe ul li {
	font-size:0.71em;
	color:#FFFFFF;
	padding-top:1em;
	float:left;
	}
#centre #menu_annexe ul li a {
	color:#FFFFFF;
	text-decoration:none;
	}
#centre #menu_annexe ul li a:hover { color:#333333;}


/* formulaire recherche */
#formulaire_recherche {
	position:absolute;
	top:8px;
	right:5px;
	}
#formulaire_recherche input.text, #formulaire_recherche input.submit {
	background-color:#cfd2d5;
	border:0;
	color:#666666;
	font-size:0.71em;
	}
#formulaire_recherche input.submit { width:20px;}
#formulaire_recherche input.text { width:100px;}

#formulaire_recherche label {
	font-size:0.71em;
	color:#FFFFFF;
	}
	
#centre #agenda {
	position:relative;
	width:254px;
	height:191px;
	float:right;
	background:url(../images/fd_agenda.gif);
	}
#centre #page {
	position:relative;
	background:url(../images/fd_centre.gif) no-repeat #FFFFFF;
	padding-left:30px;
	}

/* fil arianne */
#hierarchie { 
	position:relative;
	font-size:0.65em;
	padding-top:2em;
	}
#hierarchie a { text-decoration:none;}

#centre #page h2 {color:#384f9d; font-size:1.21em; margin-top:1em;}

#centre #page #texte_rubrique { 
	font-size:0.71em; 
	font-weight:bold; 
	color:#384f9d; 
	width:70%; 
	text-align:justify
	}
#centre #page #texte_rubrique p {
	margin:0;
	padding:0;
	margin-top:0.5em;
	}
	

/* ACCUEIL */
#centre #visuel_accueil, 
#centre #visuel_rubrique {
	position:relative;
	width:478px;
	float:left;
	}
#centre #visuel_rubrique { height:191px;}
#centre #visuel_accueil { height:299px;}

#centre #photos_accueil {
	position:relative;
	width:254px;
	float:right;
	margin-top:4px;
	}
#page #actus, #page #listes_articles {
	position:relative;
	width:428px;
	padding-top:1em;
	}
#page #actus h2 {
	text-indent:-50000px;
	background:url(../images/titre_actu.gif) no-repeat;
	height:41px;
	margin-bottom:1em;
	}
#page #actus dl, #page #listes_articles dl { clear:both; margin-bottom:1em;}
#page #actus dl dt,  #page #listes_articles dl dt {
	float:left;
	width:104px;
	margin-right:20px;
	}
#page #actus dl dd.titre h3 , 
#page #listes_articles h3 {	margin-left:124px;}

#page #actus dl dd.titre h3 , 
#page #listes_articles h3 {
	font-size:14px;
	font-weight:bold;
	color:#384f9d;
	text-decoration:none;
	}
#page #actus dl dd.titre h3 a:hover, 
#page #listes_articles h3 a:hover { color: #666666}

#page #actus dl dd.descriptif, 
#page #listes_articles dl dd.descriptif {
	font-size:0.71em;
	text-align:justify;
	margin-left:124px;
	}
#page #boutons {
	position:absolute;
	top:20px;
	right:30px;
	border-left:solid 1px #cfcece;
	}
#page #boutons #journal {
	position:relative;
	}

#page #boutons #dernier_journal {
	position:absolute;
	top:70px;
	left:80px;
	font-size:0.71em;
	}
#page #boutons #dernier_cp {
	position:absolute;
	top:275px;
	left:80px;
	font-size:0.71em;
	}


/* ARTICLES */
div.menu_article ul { font-size:0.77em; margin-top:1em;}
div.menu_article ul li { display:inline;}
div.menu_article ul li a { color:#384f9e;}
div.menu_article ul li a.on { color:#000000;}
div.menu_article ul li a:hover { color:  #666666;}

#page div.texte_article { 
	width:62%;
	font-size:0.77em;
	color:#000000;
	line-height:1.4em;
	text-align:justify;
	border-right:solid 1px #CCCCCC;
	padding-right:1em;
	}
#page div.texte_article p {
	margin:0;
	padding:0;
	margin-top:0.5em;
	}
#page div.texte_article h3 {
	font-size:12px;
	font-weight:bold;
	color:#384f9e;
	margin-top:1em;
	}
#page div.texte_article ul {
	margin-left:2em;
	list-style-type: disc;
	}


	
#page div.texte_article a { color: #000000;}
#page div.texte_article a:hover { color:#384f9e;}

#page div.colonne_medias {
	position:absolute;
	width:200px;
	left:500px;
	top:95px;
	}
#page div.doc_telechargement {
	position:relative;
	padding-top:4em;
	padding-left:1em;
	width:100%;
	background:url(../images/fd_telechargement.png) no-repeat;
	height:auto;
	min-height: 120px; /* pour firefox prenne toute la hauteur de page*/
	_height: 120px; /*underscore hack uniquement interprt par IE Win*/
}
#page div.portfolio { padding-top:2em;}
#page div.portfolio { padding-top:2em;}
#page div.portfolio span { font-size:0.65em;}
#page div.portfolio img { margin-top:1em;}
	
div.doc_telechargement dl.documents { clear:both; margin-bottom:0.5em;}
div.doc_telechargement dl.documents dt {
	position:relative;
	float:left;
	margin-right:5px;
	}
div.doc_telechargement dl.documents dd { font-size:0.71em;}
div.doc_telechargement dl.documents dd a { text-decoration:none}
div.doc_telechargement dl.documents dd.type_doc { font-size:0.59em;}

/* ARTICLE VISITE */
#retour {
	margin-top:1em;
	}
#retour a {
	font-size:0.71em;
	text-decoration:none;
	}




/* PLAN DU SITE */
body.page_plan #page ul li {
	margin-left:30px;
}
body.page_plan #page ul li a {
	font-size:11px;
}
body.page_plan #page h3 {
	margin-top: 2em; 
	margin-bottom: 1em; 
}
body.page_plan #page h3 a {	
	font-size: 14px; 
	font-weight: bold;
	color:#36AFE7;
	}
body.page_plan #centre #page h2 a {
	font-size:0.77em;
	font-weight:bold;
	color:#384f9e;
	}
	
/* VISITE DU VILLAGE */
body.page_visite #page #plan {
	position:relative;
	margin-top:0.6em;
	}
div.detailsplan {
	/*position:absolute;
	width:200px;
	top:40px;
	left:495px;
	background-color:#FFFFFF;
	border:solid 1px #999999;
	-moz-border-radius: 1em;
	padding:1em;
	visibility:hidden;*/
	}

body.page_visite div.detailsplan h3 {	
	font-size:14px;
	font-weight:bold;
	color:#384f9d;
	text-decoration:none;
	}
body.page_visite div.detailsplan dl dd.descriptif {	
	font-size:0.77em;
	text-align:left;
	line-height:1.5em;
	}
body.page_visite #plan div.btplan a {
	display:block;
	width:15px;
	height:15px;
	text-indent:-50000px;
	font-size:11px;
	}
	
	
/* RECHERCHE */
body.page_recherche #page ul { font-size:0.77em; margin-left:2em;}

/* VIE ECONOMIQUES */
#formulaire_annuaire {
	position:relative;
	background:url(../images/fd_form_annuaire.gif) no-repeat;
	width:680px;
	height:250px;
	margin-top:1em;
	}

#formulaire_annuaire legend {
	font-size:0.77em;
	font-weight:bold;
	color:#384F9D;
	}
#formulaire_annuaire fieldset {
	position:absolute;
	top:20px;
	left:10px;
	width:450px;
	border:0;
	}
#formulaire_annuaire label {
	float:left;
	text-align:right;
	display:block;
	width:150px;
	margin-right:10px;
	font-size:1.15em;
	}
#formulaire_annuaire div {
	margin-top:1em;
	}
#formulaire_annuaire #bt_valider {
	position:absolute;
	left:402px;
	top:20px;
	}


/* NEWSLETTER */

div.abonnement {
	position:relative;
	width:180px;
	font-size:11px;
	margin-left:20px;
	margin-top:1em;
	border:solid 1px #CCCCCC;
	padding:3px;
	}

div.formulaire_spip_listes_inscription ul,
#spiplistes_abonnement ul {
	list-style-type:none;
	line-height:1.2em;
	}
div.formulaire_spip_listes_inscription ul li.liste-des-listes {
	display:none;
	}
div.formulaire_spip_listes_inscription p {
	margin:0;
	padding:0;
	margin-bottom:1em;
	}
#centre #page div.formulaire_spip_listes_inscription h2 {
	font-size:14px;
	color:#384F9D;
	font-weight:bold;
	margin-top:0;
	font-family:Arial, Helvetica, sans-serif;
	}

div.formulaire_spip_listes_inscription p.boutons input {
	background-color:#384F9D;
	color:#FFFFFF;
	font-size:11px;
	width:30px;
	vertical-align:middle;
	}
#spiplistes_abonnement ul li.liste-des-listes {
	display:none;
	}
#spiplistes_abonnement fieldset {
	width:100%;
	}
#spiplistes_abonnement label {
	font-size:11px;
	}
.formulaire_erreur {
	background:#FF6600;
	color:#FFFFFF;
	padding:3px;
	font-size:11px;
	}
.erreur {
	color:#FF6600;
	font-size:11px;
	font-weight:bold;
	}
.reponse_formulaire, .reponse_formulaire_ok, .formulaire_ok {
	color:#384F9D;
	}








/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
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: #798DCF; color:#FFFFFF}
table.spip tr.row_even {background-color: #b8c3e6 }
table.spip tr.row_odd {background-color: #d8dcec;}

/* 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 {} /* Cf.: spip_style.css */
.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; }