/* --------------------------------------------------------- */
/* Page sommaire  */
/* --------------------------------------------------------- */

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
* {padding:0; margin:0;}



.separation {clear:both; visibility: hidden; height: 0; margin: 0; padding: 0; border: 0; }
.recherche { margin-left: 35px; }
html {font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { background: #afd8ff url(../images/fd_sommaire.jpg) bottom center fixed repeat-x ; font-size: 0.8125em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }

a.spip_out { background:url("../images/spip_out.gif") no-repeat scroll right center transparent; padding-right:14px;}

/* Fond de page */
#page {	background:#eee; position: relative; width: 950px; margin: 0 auto; padding: 0; text-align: left; }
#ombre{ position: relative; width: 970px; margin: 0 auto; background-image: url(../images/fd_ombre.png); }

/* Entête */
#entete { height: 240px;}
#entete  img { float: left; }
#entete-flash { float:left; }

/* Colones */
#conteneur 	{ float: left; 	width:615px; padding: 0 5px 0 10px; /*background: #ccc;*/ }
#navigation 	{ float: right; width:305px; padding: 0 10px 0 5px; /*background: blue;*/}

#bloc-article { float: left; padding: 0 10px; background:#fff;}

/* Titre des blocs */
h1 { font-family: century Gothic, verdana;  font-weight:normal; }
h1.titre_bloc, h1.titre_bloc_actu, h1.titre_bloc_une, h1.titre_bloc_agenda, h1.titre_bloc_art, h1.titre_bloc_acces, h1.titre_bloc_foreziales { height: 50px; margin-top:15px;clear: both; width:100%; text-align: left; }
h1.titre_bloc_visite { height: 50px; margin-top:7px;clear: both; width:100%; text-align: left; }
h1.titre_bloc 		{ border-bottom:5px solid #4069d2; color: #4069d2; }
h1.titre_bloc_une 	{ border-bottom:5px solid #44453c; color: #f60; background: url(../images/bgh1-alaune.png) no-repeat;float:left}
h1.titre_bloc_agenda { border-bottom:5px solid #b20031; color: #b20031; background: url(../images/bgh1-agenda.png) no-repeat; }
h1.titre_bloc_visite { color: #3C0; background: url(../images/bgh1-visite.png)  no-repeat; }
h1.titre_bloc_art	{ border-bottom:5px solid #999; color: #999; background: url(../images/bgh1-articles.png) no-repeat; }
h1.titre_bloc_acces 	{ border-bottom:5px solid #4069d2; color: #4069d2; background: url(../images/bgh1-accesrapide.png) no-repeat; }
h1.titre_bloc_foreziales { border-bottom:5px solid #4069d2; color: #4069d2; background: url(../images/bgh1-foreziales.png) no-repeat; }

/* Titraille / Intertitres */
h1.spip,h2.spip,h3.spip,h4.spip,h5.spip,h6.spip { clear: both; width:100%; text-align: left; font-family: Century Gothic, verdana; font-weight: normal; color: #0D9B0C; border-bottom:1px dotted #CCC; margin-bottom:0.5em; }
h1.spip { font-size: 1.8em; }
h2.spip { font-size: 1.4em; }
h3.spip { font-size: 1.6em; }
h4.spip { font-size: 1.4em; }
h5.spip { font-size: 1.2em; }
h6.spip { font-size: 1.0em; }

hr.spip { border-bottom:2px solid #69C; width:100%; margin: 1em auto; clear: both; } /* Cf.: spip_style.css */

/* Actualité */
#actu { margin-top: 10px;  }
#section_actu1, #section_actu2, #section_actu3  {float: left; position: relative; width: 200px; text-align:justify; min-height: 305px; }
#section_actu2 {margin: 0 7px;}
#section_actu1, #section_actu1 h1.actu { border-bottom: 2px solid #090;   }
#section_actu2, #section_actu2 h1.actu { border-bottom: 2px solid #36c; }
#section_actu3, #section_actu3 h1.actu { border-bottom: 2px solid #f60;  }
.texte_actu { padding: 0 7px 5px 0; font-size: 0.82em; }
#section_actu1 small a, #section_actu2 small a, #section_actu3 small a { position:absolute; right:0; bottom:0; color: #fff; padding: 0 10px; }
#section_actu1 small a { background-color: #090; }
#section_actu2 small a { background-color: #36C; }
#section_actu3 small a { background-color: #f60; }
#section_actu1 h1.actu, #section_actu2 h1.actu, #section_actu3 h1.actu { text-align: left;  padding-top: 5px;height: 42px; font-size: 1.40em; font-weight:normal; }
#section_actu1 h1.actu { color: #090; }
#section_actu2 h1.actu { color: #36c; }
#section_actu3 h1.actu { color: #f60; }

/* Accès rapide */
ul.acces {float:left; width: 305px; letter-spacing:1px; clear:both; list-style-image:inherit; list-style-type: none;  font-size: 0.92em; padding:0; }
ul.acces li { background: #fff url(../images/fd_accesrap.png) top left repeat-x ; height: 27px; border-bottom:1px solid #fff; }
ul.acces li:hover { background: #fff; border-bottom:1px solid #4069d2; }
ul.acces a { margin-left: 10px; text-transform: uppercase; text-decoration: none; color: #333; line-height: 27px; }  
ul.acces a:hover  {color: #4069d2;}  

/* Boutons Accès rapide */
#bt-acces { list-style: none; margin-top: 4px; padding:0;font-size: 0.72em}
#bt-acces li { width: 74px; text-align: center; float: left; }
#bt-acces a { text-decoration: none; color: #ccc; }  
#bt-acces a:hover  {color: #4069d2;}

/* Visite virtuelle */
#visite { width: 305px; }

/* Agenda, Articles récents */
#agenda, #articles-recents { width: 305px; float: left; list-style:none; font-size: 0.82em; }
#agenda  ul, #articles-recents ul {list-style:none; }
#agenda li.content, #articles-recents li.content { padding: 5px }
#agenda li.content:hover, #articles-recents li.content:hover{ background-color: #fff; }
#agenda .suite, #articles-recents .suite {clear: both; display:block; margin-left: 210px; color: #fff; font-size: 0.9em; padding: 0 10px;}
#agenda .pagination, #articles-recents .pagination { text-align:center; padding-top:5px; }

/* Agenda*/
#agenda { border-bottom:5px solid #b20031; }
#agenda li.content { background: #fae9ef; border-bottom:1px solid #ccc; }
#agenda .event { float:left; width: 45px; padding:5px; text-align: center; color:#fff; border:1px solid #333; background-color:#b20031; clear:left;}
#agenda .event .evident {font-weight:bold; }
#agenda .event .jour, #agenda .event .jourchiffre, #agenda .event .mois, #agenda .event .an { display:block;}
#agenda .event .jour {font-size: 0.9em; }
#agenda .event .jourchiffre { font-size: 1.6em; font-weight: bold; }
#agenda .event .mois {margin-bottom: 5px;font-size: 0.9em; }
#agenda .event .an {font-size: 1.2em; }

#agenda .info { width: 228px; float: left; padding: 0 5px}
#agenda .suite { background:#b20031;}
#agenda .pagination { background-color: #fae9ef; }

/* Articles récents */
#articles-recents { border-bottom:5px solid #999;  }
#articles-recents li.content { background: #ddd; border-bottom:1px solid #f4f4f4; }
#articles-recents ul a{ font-size:1.1em; }
#articles-recents .suite  { background: #999; }
#articles-recents .pagination { background-color: #ddd;}

/* Aux Foréziales */
#foreziales  { width: 305px; float:left; margin-left:5px ; border-bottom:2px solid #4069d2; text-align:justify; }
#foreziales small a { float:right; right:0; bottom:0; color: #FFF; background-color: #4069d2; padding: 0 10px; }
h1.foreziales { font-size: 1.4em; color: #4069d2; font-weight: bold;  }

/* Pied de page*/
#pied {  text-align:center; padding-top: 18px; padding-bottom:5px; height:2em; font-size: 0.72em; clear:both; background:#6d9cc9 url(../images/fd_pied_haut.png) top no-repeat;   }
#pied a{ color: #fff;}
#pied img{ vertical-align: middle; }

/* --------------------------------------------------------- */
/* Page Rubrique  */
/* --------------------------------------------------------- */

/* hierarchie rubrique/article */
#hierarchie { float:left; text-align: left; color: #999; font-size: 0.90em; margin-top: 0.2em; margin-bottom:1em; }
#hierarchie a { color: #39c; }

#navigation img.spip_logos { margin-top: 5px;}

/* Affichage de la page rubriques */
ul.articles-rub { padding:0 }
ul.articles-rub li { clear: both; list-style: none; text-align: justify; margin-bottom:2em; }          
ul.articles-rub li.gauche img{  float: left; margin-right: 10px;}
ul.articles-rub li.droite img{ float: right; margin-left: 10px;}

ul.sousrub  { float:left; clear:both; padding:0;}
li.sousrub-bord, li.sousrub-centre  { float:left; width: 195px; margin-bottom: 2em; list-style: none; text-align: justify; /*height: 260px;*/  }
li.sousrub-centre { margin: 0 15px;}
li.sousrub-bord h1, li.sousrub-centre h1{ height:2.4em; font-size: 1.2em; }

/* Agenda page rubrique */

/* --------------------------------------------------------- */
/* Page Article  */
/* --------------------------------------------------------- */

/* Affichage du logo de l'article */
.cartouche .spip_logos { float: right; margin-left:5px; }
.cartouche h1{ color: #36C; font-family: Century Gothic, verdana; font-weight:bold; border-bottom:1px dotted #ccc; clear:both;  }

.chapo { line-height: 1.60em; margin-bottom: 1em; font-weight: bold; text-align:justify;  }
.texte { line-height: 1.60em; text-align:justify;  }
.chapo ul, .chapo ol,.texte ul, #documents_joints, .texte ol {padding-left: 2em;}
.chapo ul, .texte ul, #documents_joints { list-style: none url("../images/puce-verte1.gif");}
.chapo ul, .chapo ol, .texte ul, .texte ol, #documents_joints { min-width: 200px;}
.chapo ul ul,.texte ul ul {list-style:none url("../images/puce-verte2.gif");}
.texte p {margin-top:1.4em;}

.notes { background-color: #F4F8F8; border: 1px inset;  }
.titre-notes { font-size: 1.2em; color: #eee; clear:both;}

/* Tableaux */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { background: #e5f1f9; color: #369; }
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: #DDD; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid #FFF; margin:2px; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }

/* Citations, code et poesie */
blockquote.spip { margin: 2em 0; margin-left: 1em; padding-left: 1em; border-left: 1px dotted; }
blockquote.spip_poesie {  }
blockquote.spip_poesie div { text-indent: 0; margin-left:0;}
blockquote.spip_poesie div:first-letter { font-size:400%; display:block; float:left; margin: 0.06em 0 0; height:3.5em; color:#ccc; }

.spip_code, .spip_cadre { width: 100%; background-color: #F4F8F8; border: 1px inset; font-family: Century Gothic, verdana; text-align:center; }
div.spip_code, .spip_cadre { margin-bottom: 1em; background-color: #F4F8F8; }

/* Affichage articles de la rubrique et documents à télécharger*/
.menu { margin-left:5px; padding-left:5px; border-left:1px #ccc solid}
.menu h2 a, .menu h2 {font-family: Century Gothic, verdana; color: #0D9B0C; margin-top: 1em; font-size: 16px; text-decoration: none}
.menu li {padding-bottom: 5px; border-bottom:1px dotted #ccc;}
.menu ul {padding-left: 20px; list-style: none url("../images/puce-verte1.gif") outside;}
.menu ul ul{ list-style:none url("../images/puce-verte2.gif") outside }

.titre-rubrique { font-family: Century Gothic, verdana; color: #0D9B0C; font-weight:bold; }

/* Bouton action*/
#bt-action { float: right;  width: 75px; height: 20px; /*background: red*/}
#bt-action  a { width: 20px; margin-right: 5px}

/* Bouton texte*/
.boutonstexte { padding-top:13px; padding-right:-5px;}
.boutonstexte button.textsizedown { height: 17px; width: 17px; }
.boutonstexte button.textsizeup { height: 17px; width: 17px; }

/* Bouton haut de page*/
#haut-page  { display:block; width:615px; clear: both; text-align:right; margin-top: 2em; margin-bottom: 1em; border-top: 1px dotted #CCC; }
#haut-page a{ color: #333; text-decoration: none; }
#haut-page  a:hover{ color: #39F; }
#haut-page img { vertical-align: bottom; }

/* Google map */
#map1  { border: 1px solid #CCC; margin-top: 1em; margin-bottom: 1em; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { float: center;  margin: 5px auto; width:100%; display:block;}
.spip_documents_left { float: left;  margin: 5px; }
.spip_documents_right { float: right;  margin: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: left; }
#documents_portfolio h2 { font-size: 1.2em; color: #666; padding:0; margin:0; }
#documents_portfolio .spip_logos { }
#documents_portfolio a.on .spip_logos { }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #9bd8f8; }

/* Documents */
#documents_joints  h2{ font-size: 1.2em; color: #666; padding:0; margin:0; }
#documents_joints  ul li { padding:0; margin:0; }
#documents_joints strong { padding:0; margin:0; }
#documents_joints small{ padding:0; margin:0; }

/* --------------------------------------------------------- */
/* Page Auteur  */
/* --------------------------------------------------------- */
.autre-auteurs { margin-top: 1em; margin-right:5px; }
.autre-auteurs ul { }
.autre-auteurs ul li { list-style: none; border-bottom: 1px dotted silver;}

/* --------------------------------------------------------- */
/* Page recherche  */
/* --------------------------------------------------------- */

#result ul{list-style:none; }
#result h2{font-family: Century Gothic, verdana; color: #0D9B0C; margin-top: 1em; text-decoration: none}
#result li {clear: both; margin-bottom: 2em;}
#result p a {color: #39c;}

/* --------------------------------------------------------- */
/* Habillage formulaire  */
/* --------------------------------------------------------- */

/* Fieldset */
.formulaire_spip fieldset legend { margin: 0; padding: 0;  color: #36C; font-size: 1.8em; font-family: Century Gothic, verdana;  background-color: #fff; font-weight:normal; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {list-style: none;}

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: normal; /* pour IE/Win */ position: relative;  }

/* Sommaire article */
div.cs_sommaire { display:block;	float:left;	position:relative; margin-left:0; margin-right:0; overflow:auto; z-index:5; width:190px; max-height:350px; text-align:left; }