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

/* Titraille / Intertitres */

h2 { color: #333; }

#page {	background:#fff; border:1px solid #aaa;}

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


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

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

.formulaire_spip .boutons input.submit {	color: #000;border:1px solid #ce8a14;background:transparent;}

#navigation #formulaire_login {padding: 1.5em 0 0 0;}

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

#entete {background:#ffffff;}

blockquote.spip {background:#ce8a14 url('images/quote.png') right top no-repeat; color:#fff; padding:1.5em 2em;  }
blockquote.spip_poesie {background:#ce8a14 ;color:#fff; padding:1.5em 2em;    text-transform:none;font-family: arial;}
blockquote.spip_poesie div {text-indent: -0;margin-left: 0;font-family: arial;}
blockquote h3.spip {text-align:left;margin-top:0.3em;}

.formulaire_recherche .submit{ border:1px solid #ce8a14;}
.formulaire_recherche label {color: #004877;font-family: Verdana,Tahoma,Helvetica,sans-serif;font-size: 1.4em;font-weight: normal;}
#navigation h2 {color: #004877;}

/* Couleurs des liens et elements actifs */
a, a.spip_in, a.spip_out { color: #004877; font-weight:bold; }

.page_sommaire .sites li a.spip_out { font-weight:normal; }


/* liens  */

.rubriques a:hover,#navigation a:hover, .rubriques a.on, #navigation a.on ,
a.spip_url , a.spip_glossaire { color: #ce8a14; } /* 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: #ce8a14; border: none; border-bottom: 1px dotted #B8B8B8;}
ul ul .forum-chapo { background: #ee8320; }
ul ul ul .forum-chapo { background: #f2a35a; }
ul ul ul ul .forum-chapo { background: #efb37b; }
ul ul ul ul ul .forum-chapo { background: #f2cba6; }

/* 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;
	margin: 1em auto;
}

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

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

#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; left : 780px; top : 45px; padding:0 1em; }
#entete .logo-interieur{	position:absolute; left : 630px; top : 45px; padding:0 1em; }
#entete .logo-dsc{	position:absolute; left : 700px; top : 45px; padding:0 1em; }

#menuhorizontal, #menuhorizontal a{ color:#fff; }

#menuhorizontal {
	position:absolute;
	top:-20px;
	right:2em;
	font-size:0.8em;
	margin:0;
	padding:0;
	padding-left:10px;
	font-weight:bold;
	color:#fff;
}
#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(images/rond.png) left  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 #ce8a14;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;	-moz-border-radius: 0.5em; }

/*  Habillage specifique des pages de rubriques
/*  ------------------------------------------ */

#contenu .breves{
	float:right;
	width:33%;
	padding-left:1.5em;
}
#contenu .breves li{
	font-size:85%;
}

.page_rubrique  #contenu .articles,.page_rubrique  #contenu .sites{
	float:left;
	width:80%;
	clear:none;
}
.page_rubrique  #contenu .articles .articles{
	width:100%;
}
.rubriques ul li { background: transparent;  }



/*  Habillage specifique de la page d'accueil
/*  ------------------------------------------ */
.page_sommaire .sites { clear:none;float:left;width:48%; font-size:90%;}
.page_sommaire #selection { float:left;width: 48%;}
.page_sommaire .sitespair {clear:both;margin-right:2.3em;}
.page_sommaire .sitesimpair {}

.page_sommaire #articles1{float:left;width:47%;margin-right:2.3em;}
.page_sommaire #articles2{float:left;width:47%;}

.page_sommaire #edito{
	margin: 1.5em 0.5em 2em 0em;
	padding: 0 0.5em 0 0 ;
	line-height: 1.2em;
	text-align:justify;
}
.page_sommaire #edito .spip_logos {margin-right:1em; float:left;}
#edito .chapo{ margin-bottom: 1em;padding-top:0;margin-top:0;line-height: 1.2em;font-weight: bold;}
#edito h2{padding-bottom:0;}

.page_sommaire .cartouche {
	text-align:justify;
	color:#004877;
	font-weight:bold;
	padding: 0 1em 0 0 ;
}
.page_sommaire .cartouche a{ color:#cd8b13; }

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


.page_sommaire h2.titre,.page_sommaire h2{
	font-size:1.1em;
	padding: 0em 0px 0.8em 0px;
	font-weight:bold;
	text-align:left;
}

.page_sommaire ul {margin-top:0; }


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

.page_plan #contenu h2 {
	-moz-border-radius: 0.4em;
	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;}

hr {border:1px solid #ce8a14;}
.cartouche div.socialtags {clear: none;}


/* Tableaux */

table.spip { margin-left: 0; margin-bottom: 0.2em; border: 0;  }

table.spip tr.row_first { background: #fcead3; }

table.spip tr.row_odd { background: #FFF; }

table.spip tr.row_even { background: #FFF; }

table.spip th, table.spip td {  margin:0; border: 0px solid; padding: 0.2em ;}