/* link underlines */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent default ul,ol padding or margin  */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* body avec background trace */
body { text-align: center; font-family: "Trebuchet MS", sans-serif; font-size: 12px; background-image: url('../img/fond.gif'); }

/* nav defaut */
a:link, a:active, a:visited, a:hover { color: #C06; font-weight: bold; }
a:hover { color: #506; }
.spip_out { padding-right: 12px; background: url(../img/lien_externe.gif) right no-repeat; }

/* container global centrage, images du bas dans le html */
#container {
	margin: 0 auto;
	width: 820px;
	text-align: left;
	position: relative;
	font-size:1.1em; line-height:1.3em;
	padding-bottom: 7em;
}
/* pour extension du div container */
.extcont { width: 100%; height: 1px; clear: both; padding: 2em 0 0 0;  }

/* barre de menu permanente */
#menu { text-align: right; width: 100%; font-size: 1em; line-height: 1.5em; margin: 1em 0; }
.point { font-size: 1.4em; font-weight: bold; color: #C06; }
#logo { margin: 0 0 0.9em 0; float: left; clear: right; }

/* barre de menu principale */
#nav {
	float: left; position: relative;
	width: 100%; height: 30px;
	border-color: #ccc; border-width: 1px 0 1px 0; border-style: outset;
}

/* bloc menu et liens  */
#nav a:link, #nav a:active, #nav a:visited, #nav a:hover  {
	display: block; float: left; width: 162px; text-align: center;
	font-size: 14px; line-height: 30px; text-transform: uppercase; font-weight: bold; 
	color: #FFF;  background-color: #000; }
#nav a:hover { color: #333; text-decoration: none; }

#nav a.scol:hover { background-color: #9F0; }
#nav a.fam:hover { background-color: #FC3; }
#nav a.adult:hover { background-color: #0CF; }
#nav a.cent:hover { background-color: #F69; }

#nav a.scol_ici { background-color: #9F0; color: #333; }
#nav a.fam_ici { background-color: #FC3; color: #333; }
#nav a.adult_ici { background-color: #0CF; color: #333; }
#nav a.cent_ici { background-color: #F69; color: #333; }

/* Formulaires de recherche (site / petitions) */
#formulaire_recherche { float: left; width: 172px; height: 24px; background-color: #000; padding-top: 6px; margin: 0; }
#formulaire_recherche * { display: inline; vertical-align: middle; }
#formulaire_recherche label { display: none; }
#formulaire_recherche input.text { margin-left: 20px; padding-left: 2px; background: #fff; }
#formulaire_recherche input.submit {}

.spip_surligne { background-color: yellow; } /*Cf.: spip_style.css*/


/* container baseline ou hierarchie  */
#baseline, #hierarchie { 
	float: left; position: relative; width: 98%; margin: 1em 0 1em 0.7em; 
	color: #C06; font-size: 1.3em; font-weight: bold; }
#hierarchie { color: #000; font-size: 1em; }

/* container zone du haut  */
#presentation { 
	float: left; position: relative; width: 98%; clear: left; margin: 0 0 0 0.7em; 
	font-size: 1.1em; font-weight: bold; text-align: justify; }
	
/* container diaporama gauche  */
#diaporama, .gauche { float: left; position: relative; width: 469px; }
#diaporama img { border: 0; padding: 0; margin: 0; }
#diaporama2 { float: left; position: relative; width: 300px; height: 300px; margin: 0 1em 1em 0; }
#diaporama2 img { border: 0; padding: 0; margin: 0; }

/* container gauche de presentation  */
.gauche.scol { background-color: #CBF091; }
.gauche.fam { background-color: #FFD968; }
.gauche.adult { background-color: #A0E5FC; }
.gauche.cent { background-color: #FEBED3; }
.gauche p { margin: 1em 2em 1em 1em; font-family: verdana, sans-serif; font-size: 0.8em; font-weight: normal; text-align: left; }
.gauche .spip_documents_left { margin: 0 1.5em 1em 0; }

/* container droit de presentation  */
#news { float: right; position: relative; width: 310px; height: 302px; margin: 0 0 2em 0; overflow: auto;}
#news h2 { width: 94%; background-color: #C06; color: white; font-size: 0.9em; height: 16px; padding: 0.1em; text-align: center;}
#news table { margin: 0 0 0.6em 0; }
#news p { width: 94%; font-size: 0.9em; }

.pastille { float: left; margin: 1em 0 0 0; }

p { margin: 0 0 1em 0; }

/* 3 colonnes bas de page rubrique  */
.colonne3 { float: left; width: 27%; margin: 0 1em 0 2em; font-size: 1em; line-height: 1.4em; font-family: verdana, sans-serif; }
.colonne3 h1 { margin: 1em 0; text-align: center; color: #000; font-size: 1.1em; font-weight: bold; }
p.suite { text-align: right; font-size: 15px; }

/* menu droite articles  */
ul#menuart { list-style: none; margin: 0; padding: 0; }
ul#menuart li { list-style: none; margin: 0.5em; padding: 0; font-size: 0.9em; }
ul#menuart li a.ici { color: #000; }

/* visites */
dl#visite { float: left; position: relative; width: 250px; list-style: none; }
dl#visite dt { width: 97%; font-size: 0.8em; padding: 0.4em; border-bottom: 1px solid white; cursor: pointer; }
dl#visite dd { position: absolute; top: 0; margin-left: 260px; width: 520px; font-weight: normal; font-size: 0.9em; }
dl#visite dd .spip_logos { float: right; margin: 0 0 1em 1em; }
dl#visite dd p, dl#visite dd ul { margin: 0 0 1em 1em; }
dl#visite dd h3 { width: 100%; font-size: 1em; padding: 0.4em; margin: 0 0 1em 0;  }
dl#visite dd img.imgfiche { float: left; margin: 0 1em 1em 1em;  }

dl#visite.scol { background-color: #CBF091; border: 1px solid #82c809; }
dl#visite.scol dt:hover, dl#visite.scol dt.ouvert, dl#visite.scol h3 { background-color: #82c809; }
dl#visite.fam { background-color: #FFD968; border: 1px solid #FC3; }
dl#visite.fam dt:hover, dl#visite.fam dt.ouvert, dl#visite.fam h3 { background-color: #FC3; }
dl#visite.adult { background-color: #A0E5FC; border: 1px solid #0CF; }
dl#visite.adult dt:hover, dl#visite.adult dt.ouvert, dl#visite.adult h3 { background-color: #0CF; }
dl#visite.cent { background-color: #FEBED3; border: 1px solid #EE62B7; }
dl#visite.cent dt:hover, dl#visite.cent dt.ouvert, dl#visite.cent h3 { background-color: #EE62B7; }

/*  Habillage des formulaires */
input, textarea, select { font-size: 100%; font-family: inherit; }


/* Structure generale des formulaires */
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 1em; background-color: #FFF; border: 0; text-align: left; font-size: 0.9em; color: #330; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.20em; font-weight: bold; color: #993; } /* Preciser la couleur des legend pour IE/Win */

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { text-align: left; color: #444; font-weight: bold; /* for IE */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

/* Champs de saisie */
.formulaire_spip input.text { width: 99%; }
.formulaire_spip textarea { width: 99%; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit { background-color: #FFF; border-color: #993; padding: 0 1em; font-weight: normal; color: #000; }

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label { /*font-weight: bold; color: #000;*/ }

/* Previsualisation du message */
fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
fieldset.previsu legend { padding: 0 0.50em; color: #F57900; font-weight: bold; }
fieldset.previsu li { padding: 3px; border: none; }
fieldset.previsu .boutons input { background-color: #F57900; border-color: #F57900; color: #FFF; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { color: #C30; font-weight: bold; font-size: 0.8em; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; border-width: 1px; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }

/* tebles spip */
table.spip { width: 94%; border-color: #FFcccc; border-width: 1px; border-style: outset; border-spacing: 1px; }
tr.row_first { background-color: #FF9999; }
tr.row_even, tr.row_odd { background-color: #FFCCCC; }
th { text-align: center; font-size: 0.9em; padding: 0.1em; }
td { text-align: center; font-size: 0.9em; font-weight: normal; padding: 0.1em; }