/*  -----------------------------------------------------------                  */
/*  Feuilles de styles des squelettes par du site d'établissement pour SPIP 2.0  */
/*  Cette feuille de style surcharge celles du squelette par défaut              */
/*  -----------------------------------------------------------                  */

/*  ------------------------------------------------- */
/*  1ere partie : Les couleurs (texte, fond, bordure  */
/*  ------------------------------------------------- */

body { background:#efefef;}

/* Titraille / Intertitres */
h2 { color: #333; }

#page {	background:#fff; border-left:4px solid #ffcc00;border-right:1px solid #aaa;}

#navigation, .page_plan #contenu h2, .lien, #formulaire_recherche { background-color: #4b4b4b; }

#navigation  li, .page_sommaire #edito{ 	border-left:3px solid #ffcc00; }

#navigation #menu dt:hover,#navigation #menu li:hover{ background:#3a3a3a; }

#entete, .page_sommaire #video h2, .page_plan #contenu h2 a,.rubriques a,#navigation a ,
.rubriques a.on, #navigation a.on:hover ,.rubriques span,#navigation span ,
.formulaire_recherche .submit, .formulaire_recherche label , .lien {	color: #ffcc00;}

#entete, #menuhorizontal { border-bottom:1px solid #aaaaaa;}

#entete {background:#4b4b4b;}

.formulaire_recherche .submit{ border:1px solid #ffcc00;}

/* Couleurs des liens et elements actifs */
a, a.spip_in, .rubriques a:hover,#navigation a:hover, .rubriques a.on, #navigation a.on , a.spip_out,
a.spip_url , a.spip_glossaire, .page_sommaire #calendrier	td.occupe a, .page_sommaire #calendrier	td a  { color: #cc6600; } /* liens  */

.rubriques span.on ,#navigation span.on { color: #fff;}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo {background: #ffcc00; border: none; border-bottom: 1px dotted #B8B8B8;}
ul ul .forum-chapo { background: #ffcf22; }
ul ul ul .forum-chapo { background: #ffef44; }
ul ul ul ul .forum-chapo { background: #ffff66; }
ul ul ul ul ul .forum-chapo { background: #ffff88; }

/* Pied de page */
#pied , #pied a{ color: #555; border-top: none ;}

.pied, #ours{	border-top: 1px dotted #CCC;}

/* Divers */
#hierarchie, #hierarchie a {color: #555;}

small{color: #555;}

.chapo , .page_sommaire h2.titre,.page_sommaire h2{color:#555;}

.page_sommaire #video,.page_sommaire #navigation small { color:#fff;}

.formulaire_spip ,.formulaire_spip legend { background-color: #fff;color:#444; }

* html .formulaire_spip fieldset legend { background-color: #fff; color: #444; } /* Preciser la couleur des legend et du fond pour IE6/Win */

/*  ------------------------------------------
/*  2eme partie : Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour le contenu */
#contenu { font-family: Verdana, Tahoma, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: Verdana, Tahoma, Helvetica, sans-serif; }


/*  --------------------------------------------------------
/*  3eme partie : Disposition a l'ecran des blocs principaux
/*  -------------------------------------------------------- */
#page {
	width: 960px;
}

#conteneur { float: right; width: 74%; }

#contenu { padding:0.5em 1em 0.5em 1em;}

#navigation {
	float: left;
	width: 23%;
	font-size: 0.95em;
	padding: 0.5em 0 3em 0.5em;
	margin-top: 0em;
}
#extra { float: right; margin: 2em 1em;  }

/* Entete de la page */
#entete {
	width:100%;
	padding-top: 0em; /* spip 2 */
	position:relative;
}
#entete #nom_site_spip, #entete a .spip_logos {
	display: block; /* spip 2 */
	font-size: 3em;
}
#entete #nom_site_spip{padding:1em 0 0.5em 1.2em;}

#entete a { text-decoration: none; }

#entete .logo-versailles{	position:absolute; right : 1em; top : 30px; padding:0 1em; }

#menuhorizontal {
	font-size:0.9em;
	margin:0;
	padding:0;
	width:950px;
	position:absolute;
	top:0;
	left:0;
	padding-left:10px;
	font-weight:bold;
}
#menuhorizontal li{	float:left;	list-style:none;	font-size:0.9em; padding:0.5em 1em 0.3em 0 ; }
#menuhorizontal a:hover{ text-decoration:underline; }
#menuhorizontal .invisible {display:none;}
/* Pied de page */
#pied {
	width: 960px;
	padding: 3em 0 0.2em 0 ;
	text-align: center;
}
#pied small { font-size: 1em; padding: 0.3em ; }
#pied img { vertical-align: middle; }
#pied a { font-weight:bold; }
#ours {font-weight:normal;}



/*  ------------------------------------------
/*  4eme partie : Habillage du contenu
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */

#navigation p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
#navigation ul{ margin: 0; text-align: left; padding: 0.2em 0 0.1em 0.5em; list-style:none; }
#navigation li{ margin: 0 0 0 8px; padding: 0.1em 0.7em 0.2em 0.7em; list-style: none;}
#navigation #montre_ou_masque_tout {font-weight:bold;}
#navigation #menu{ padding: 0 0.5em 0 0.5em ; }
#navigation dt{ margin:0.2em 0; padding: 0.1em 0.5em 0.3em 0.5em ; }
#navigation .ss-rubrique{ font-size:90%; list-style-type: square; margin-left: 1.2em; padding-left :0.3em;}
/*#navigation .rubrique_vide { background: url(http://www.cnrm-game.fr/plugins/scolaspip/images/rond.png) left  no-repeat;}*/
#navigation .rubrique_vide {background-repeat:no-repeat ;}
#navigation .rubrique_vide a{margin-left: 20px;}
#navigation .dd{display: none; margin-top: 1px;margin-left: 0px;}
#navigation .ddon {display: inline;margin-left: 0px;}
#navigation #site_menu li{ border-left:0px ;text-align:center;padding-bottom:0.5em;}
#navigation  li.ss-ss-rubrique .ss-ss-rubrique{ 	border-left:0px solid #ffcc00;margin-left: 1em;padding-left:0em; }
#navigation  li.ss-ss-rubrique ul.ss-rubrique{ 	margin-left: 0;padding-left:0; }

/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {text-align:justify; }

.lien {	padding: 0.5em 1em;	margin:1em 2em;	border:2px solid; border-radius : 8px;  }

/*  Habillage specifique des pages de rubriques
/*  ------------------------------------------ */
.page_rubrique  #contenu .breves{
	float:right;
	width:37%;
}
.page_rubrique  #contenu .articles,.page_rubrique  #contenu .sites{
	float:left;
	width:60%;
	clear:none;
}
.rubriques ul li { background: transparent;  }


/*  Habillage specifique de la page d'accueil
/*  ------------------------------------------ */

.page_sommaire #edito{
	margin: 1.5em 0.5em 2em 0em;
	padding: 0 1.5em 0em 1em ;
	line-height: 1.2em;
}
.page_sommaire #calendrier{float:right;margin:0 1em 1em 1em;}
.page_sommaire #calendrier.invisible {display:none;}
.page_sommaire #calendrier h2{text-align:center;}
.page_sommaire #calendrier	td {line-height:0.9em;padding:0 0.2em;text-align:right;}
.page_sommaire #calendrier	th {text-align:center;}
.page_sommaire #calendrier	td.occupe a {font-weight:bold;text-decoration:underline;}
.page_sommaire #calendrier	td.horsperiode {color:#878787;font-size:.9em;}

.page_sommaire #mozaique{clear:right;float: right;  margin: 0 1em;}
.page_sommaire #mozaique .splickrbox{width: 200px;padding-bottom:0.5em;}
.page_sommaire #mozaique h2{width: 200px;text-align:center;}

.page_sommaire #video *{ margin:0;padding:0;border:0; }
.page_sommaire #video { text-align:center;padding-top:1em; }

.page_sommaire .menu,.page_sommaire .articles {float:left;width:65%; clear:none;}
.page_sommaire .sites {float:left; clear:none;width:46%; padding-left:0.5em; margin:0.5em 1em 0 0; }
.page_sommaire .forums{ clear:both;width:97%; padding-left:0.5em; margin-right:1em; }

.page_sommaire h2.titre,.page_sommaire h2{
	font-size:1.1em;
	padding: 0em 0px 0.8em 0px;
	font-weight:bold;
	text-align:left;
}
#calendrier h2{text-align:center;}
.page_sommaire ul {margin-top:0; }


/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan #contenu h2 {
        border-radius:8px;
 	padding: 0.2em 1em;
	display:inline;
	margin-bottom: 0.82em;
}

.page_plan #contenu h3 {margin-top:1em; }


/*  Habillage des forums
/*  ------------------------------------------ */

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo {  margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em;  }

/*  Les liens
/*  ------------------------------------------ */

/* liens de Spip */

a, a.spip_in { text-decoration: none;  } /* liens internes */
a.spip_note {} /* liens vers notes de bas de page */
a:hover { text-decoration: underline; }

/* pour les liens vers les rubriques */
.rubriques a,#navigation a{font-weight: bold;}
.rubriques a:hover,#navigation a:hover{text-decoration: underline;}

a.spip_note {} /* liens vers notes de bas de page */
a.spip_out { background: url(spip_out.gif) no-repeat right center;padding-right:15px; } /* liens sortants */


/* Pagination */
.pagination {  text-align: left; }

/* bouton submit de la recherche */
.formulaire_recherche .submit{background:transparent; }

/* divers , non rangés */
.droite{float:right;}
.gauche{float:left;}

.syndics {font-size:0.8em;float:right;margin:0.5em 0 1em 1em;}

.calendrier-table-large { border: 0; width: 680px; }