/*  ----------------------------------------------------------- */

/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* 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
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background-color: #DDDDDD;
	margin: 0;
}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 1000px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	background-color: white;
	border: 1px #c4c4c4 solid;
-moz-box-shadow: 2px 2px 20px #3F3F3F;
-webkit-box-shadow: 2px 2px 20px #3F3F3F;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12); zoom: 1;
}

/* mise en page de l accueil 
--------------------------------------------------------*/
#conteneur { width: 100%;
padding: 0;
margin: 0;
}
#conteneur #contenu {
	float: left;
	width: 30em;
}
#conteneur #librairie {
	float: left;
	margin-top: 0.25em;
	margin-bottom: 1em;
}
#conteneur #information {
	float: left;
	width: 260px;
	margin-top: 0.25em;
	margin-left: 10px;
}
#conteneur #encart {
	float: right;
	width: 190px;
	margin-top: 0.25em;
}
.ongletRouge {height:18px; width:300px; background: url(img-sommaire/arrondiBlanc.png) no-repeat top right #B57E45; padding-left:20px; line-height:18px; font-size:12px; color:white; font-weight:bold; text-transform: uppercase;}
.ongletVert {height:18px; background: url(img-sommaire/arrondiBlanc.png) no-repeat top right #d5d112; padding-left:20px; line-height:18px; font-size:12px; color:#3e3e41; font-weight:bold;}

/* mise en page des rubriques 
---------------------------------*/

#conteneur_rub { 
	width: 100%;
	padding: 0;
	margin: 0;
}
#contenu_rub {
	float: right;
	width: 78%;
	padding: 0;
	margin-bottom:1em;
}
	#navigation_rub {
	float: left;
	width: 20%;
	height: 100%;
	margin-bottom: 1em;
	padding-top: 1.5em;
	font-size: 0.71em;
	background: url(rubriques.gif) 100% 0 no-repeat; 
	background-position: top center;
}
#navigation_rub_cddp {
	float: left;
	width: 20%;
	height: 100%;
	margin-bottom: 1em;
        padding-left:1em;
	font-size: 0.71em;
}
.lien_rub {
	float: right;
	width: 27%;
	margin-left: 0.5em;
	margin-top: -1em;
	padding-bottom: 2em;
	margin-right: 1px;
	list-style: none;
font-size: 0.7em;
color:  #808080;
}
.lien_rub_ps {
border : 1px red solid;
padding: 1em;
margin-bottom: 2em;
}
.lien_rub_cddp {
	float: right;
	width: 20%;
	margin-left: 0.5em;
	margin-top: -1em;
padding-bottom: 2em;
	list-style: none;
font-size: 0.7em;
}
.lien_rub p{
margin:0;
}
/*-----------------Mise en page Entete ---------------------*/
#entete {
	width: 100%;
	height: 90px;
	margin: 0;
	padding: 0;
  background: url(banniere.gif) 100% 0 no-repeat; 
  background-position: left;
  background-color: #D5D112;
}
#entete a { text-decoration: none; 
}
#zone1 {    /* zone cliquable accueil*/
float: left;
width : 180px;
height: 40px;
margin-top: 5px;
margin-left: 30px;
}
#zone2 {    /* zone cliquable sceren*/
float: left;
width : 150px;
height: 25px;
margin-top: 48px;
margin-left: -180px;
}
#zone3 {    /* zone cliquable cddp13*/
float: left;
width : 40px;
height: 40px;
margin-left: 70px;
margin-top: 20px;
}
#zone4 {    /* zone cliquable cddp84*/
float: left;
width : 40px;
height: 40px;
margin-left: 25px;
margin-top: 20px;
}
#zone5 {    /* zone cliquable cddp04*/
float: left;
width : 40px;
height: 40px;
margin-left: 20px;
margin-top: 20px;
}
#zone6 {    /* zone cliquable cddp05*/
float: left;
width : 40px;
height: 40px;
margin-left: 10px;
margin-top: 20px;
}
 #zone7 {    /* zone cliquable actu*/
float: right;
width : 150px;
height: 20px;
margin-top:60px;
margin-right:-120px;
}
/* rubriques horizontales
-----------------------------------------*/
#bandeau-rubrique {
width: 100%; 
Background : #CC2F33;
clear: both;
margin-bottom: 5px;
text-align: center;
font-size: 0.78em;
}
#bandeau-rubrique li {
display: inline; 
padding: 0 4em 0 4em;
font-weight: bold;
color: white;
}
#bandeau-rubrique li a {
display: inline; 
text-transform: uppercase;
text-decoration: none;
color: white;
}

/* Fil d'Ariane 
--------------------------*/
#hierarchie {
	clear: both;
	margin-bottom: 1em;
	font-size: 0.65em; }

/* Mise en page Pied de page 
----------------------------------*/
#pied {
	clear: both;
	width: 100%;
	background-color: #797A0D;
	text-align: center; 
	color: white;
	font-size: 0.71em;
	}
#pied a {color: white;
	font-weight: normal;
	padding: 0 1em;
}
#pied img {vertical-align: bottom;}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/* Typo pour les menus et la navigation 
------------------------------------------*/
body, #navigation, #edition, .encart, .formulaire_spip {
	font-family:  Arial, Verdana,  "Bitstream Vera Sans", Tahoma,  sans-serif; }


/*  Habillage general des menus de navigation
---------------------------------------------- */
/*  Habillage general des menus de navigation
---------------------------------------------- */
.rub_principale {
padding-top: 0.5em;
padding-bottom: 0.5em;
border-bottom: 2px dotted #CBCB33;
margin-left: 3px;
}
.rub_principale a:link {
color: #cc2f33;
}
.rub_principale a:active {
color: #cc2f33;

}.rub_principale a:visited {
color: #cc2f33;
}

#navigation_rub li {
 list-style: disc;
 list-style-position: inside;
 margin-left: 0;
 color: #999933;
}
#navigation_rub li a:link {
color: #999933;
}
#navigation_rub li a:visited {
color: #999933;
}
#navigation_rub li a:active {
color: #999933;
}
}
/* affichage pied de page
------------------------------------------------*/
#ressource {
	clear: both;
	width: 100%;
	height: 15px;
	text-align: center; 
	color: #cbcb33;
	font-size: 0.71em;	
	background-color: #cbcb33;
	background-repeat: no-repeat;
	}
#ressource a {
	color: #797A0D;
	margin: 0 0.5em;
}

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche {	float: left;
	width: 70%;
	margin-bottom: 1em;	
}
.cartouche_edition {	
	margin-bottom: 1em;	
}
.cartouche_cddp {
        float: left;
        width: 72%;
         margin-left:1em;
	margin-bottom: 1em;	
}
.cartouche li{margin-top: 1em;}
.cartouche h2 {
	font-size: 1em;
	color: #4B4B4B;
	border-bottom: 1px dotted #4B4B4B;
	padding-bottom:0.5em;
	line-height:1.5em;
	font-variant: small-caps;
	text-decoration: none ; 
	margin-bottom: 0.5em;
}
.cartouche .spip_logos {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px
}
/*----------style page accueil------------*/
#edition {
background-color: transparent;
width:520px;
min-height: auto;
overflow: hidden;
margin-bottom: 5px;
}
#edition h4 {
	font-size: 0.88em;
	color: #CC2F33;
	text-align: letf;
margin-left: 5px;
}
#edition h5 {
	font-size: 0.76em;
	color: #212121;
	text-align: letf;
}
#edition .spip_logos {
	float: left;
	margin: 0 5px 0 5px;
}
#edition .texte {
	color: #242424;
	font-size: 0.76em;
	text-align: left;
}
.livre {
background: url(img-sommaire/cadre165px.png) no-repeat center bottom;
width:165px;
min-height:135px;
float: left;
margin: 0px 2px 0px 0px;
padding:0px 0 5px 5px;
margin-bottom: 20px;
}
.fond-agenda{
padding:5px;
font-size:0.7em;
font-weight: bold;
text-align: left;
}
/*-------affichage rubrique 28----------*/
.cartouche_livre {
background-image:url("img-sommaire/fond_rubr_nouveaute.gif");
background-repeat:no-repeat;
float:left;
height:120px;
margin:5px 5px 0;
padding:10px 0 0 10px;
width:150px;
}
.cartouche_livre  p {
	color:#242424;
	font-size:0.7em;
	text-align: left;
	margin: 0px;
	}
.cartouche_livre h5 {
	font-size: 0.7em;
    padding:0px;
	text-decoration: none ; 
    margin: 0px;
}
.cartouche_livre h4 {
	font-size: 0.7em;
	color: #CC2F33;
	line-height:1em;
	font-variant: normal;
	text-decoration: none ; 
	margin: 0px;
	text-align:left;
}
/*-------------------------------------------------------------*/
.contenu_rub_titre {
	font-size: 16px;
	font-weight: bold;
	color:  #CC2F33;
	font-variant: small-caps;
	padding-left: 1em;
	margin-bottom: 11px;
	background: url("img-sommaire/arrondiBlanc.png") no-repeat top right #CBCB33;
	}
.titreart {
	font-size: 0.76em;
	font-weight: bold;
	}
#contenu_rub li {
	font-weight: normal;
	margin-bottom: 0em;
}
#contenu_rub li p {
	color: #4B4B4B;
	margin: 0; 
	padding: 0; 
	color: #333333;
	font-size: 0.71em;
	}
#contenu_rub li .spip_logos {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px
	}
#contenu_rub .spip_logos {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	}
#contenu_rub small {  
font-size: 10px; 
font-style: italic;
}
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

/* affichage page accueil des CDDP
------------------------------------------------------ */
#accueil_cddp {margin-top: 20px;}

#accueil_cddp  li {
margin:0.5em 1em 0.5em 1em;
	clear: both;
color :grey;
list-style:none;
	}
#accueil_cddp h3 {
	font-size:  0.88em;
        padding:0em 0em 0.5em 2em;
	text-transform: uppercase;
	color: #CC2F33;
	 }
#accueil_cddp h4 {
font-size:  90%;
	text-transform: uppercase;
	color: #CC2F33;
	 }
#accueil_cddp h5 {
         color: #CC2F33;
	}
#accueil_cddp  li .spip_logos {
	float: left;
	margin-right: 1em;
}
#accueil_cddp table {
width: 100%;
}
#accueil_cddp table td {
vertical-align: top;
width: 50%;
}
#accueil_cddp table p {
font-size: 0.82em;
margin :0.5em 0em 0.5em 0em;
text-align: left;
}
#accueil_cddp table .spip_logos {
	float: left;
	margin-left: 0;
	margin-right: 1em;
}
.fond-focus {border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin-top: 1em;
font-size: 0.82em;
-moz-border-radius: 1em;
}
/*  Mise en forme des textes du contenu dans article
---------------------------------------------------- */
.titre-rouge {	
	margin-top: 1em;
	font-weight: bold; 
	font-size: 100%;
	margin-right: 4em;
	color: #cc2f33;
	font-variant: small-caps;
	text-align: left;
}
.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	color: #4b4b4b;
	line-height: 1.4em; 
	font-size: 0.71em;
	}
.lien {
	font-size: 0.71em;
margin-top: -1em;
text-align: left;
	}
.titre-lien {
	font-size: 0.71em;
	}
.titre-lien1 {
	margin-bottom: 0;
font-size: 1.2em;
	color: #646464;
	border-bottom: 3px dotted ;	
	margin-bottom: 0.5em;
	}
.soustitre { 
	color: #4B4B4B;
	font-size: 0.71em;
	 }
.texte { 
	color: #242424;
	font-size: 0.76em;
	text-align: justify;
}
.chapitre {
	margin-top: 2em; 
	margin-bottom: 1em;
	font-weight: bold; 
	font-size: 14px;
	width: 90%;
	color: #cc2f33;
	font-variant: small-caps;
}
.descriptif {
	font-size: 0.71em; 
	color: #808080;
	margin: 0;
	font-style: normal;
	text-align: left;
	}
	
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }

.ps h2, .notes h2 { font-weight: bold; }

.barre {
border-bottom: 1px solid #CC2F33;
margin-bottom: 0.25em;
margin-top: 0.25em;
}
.texte-accueil {
	font-size: 0.71em; 
	margin: 0px 5px 5px 5px;
	color:#242424;
	font-style: normal;
	text-align: left;
}

.en-bref {
font-size: 12px;
font-weight: bold;
color: #cc3333;
font-family: Arial,Helvetica,sans-serif;
text-decoration: none;
}

.autre-manif {
padding-left: 1em;
color: #4B4B4B;
font-size: 0.71em;
padding-top: 1em;
}

.actualite {
background-color: #EEEEEE;
-moz-border-radius: 1em;
    font-size: 0.8em;
    padding-bottom: 5px;
    padding-left: 10px;
}

.pagination {font-size: 0.8em; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.77em; font-weight: bold; color: #969696; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
--------------------------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	margin-bottom: 2em;
	padding-top: 2px;
	border-top: 1px solid #969696;
font-size: 0.82em; }

#documents_joints h2 { 
margin-bottom: 0.4em; 
font-weight: bold; 
color: #969696; }

#documents_joints li { 
font-size: 0.76em;
list-style: circle inside;
margin-bottom: 0.4em; 
}
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* affichage  page accueil
------------------------------------------------------------------ */

#information  .spip_logos {
	float: right;
	margin: 5px 8px 8px 5px;
	}
#information p {
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 0.7em; 
	color:#242424;
	font-style: normal;
	text-align: left;
}
#information h4 {
color: grey;
	font-size:  0.7em;
	margin: 5px 5px 0px 5px;
	 }

#information h5 {
	font-size:  0.7em;
	margin: 0px 5px 0px 5px;
	color: #CC2F33;
	}
.fond-information {
background-image: url("img-sommaire/cadre260px.png");
background-position: right bottom;
background-repeat: no-repeat;
}	
.fond-focus-cddp {
border: 1px solid #CCCCCC;
padding:0.5em;
font-size: 0.82em;
-moz-border-radius: 1em;
}
.fond-agenda{
padding:5px;
font-size:0.7em;
font-weight: bold;
text-align: left;
}
/* affichage de la une dans page accueil
---------------------------------------- */
/* #encart ul {margin: 0.5em;}
#encart li {font-size: 0.82em;clear: both;}
*/
#encart li h4 {
	font-size:  0.88em;
	text-transform: uppercase;
	color: #CC2F33;
	 }
#encart li h5 {
color: #CC2F33;
	}
#encart li .spip_logos {
	float: right;
}
#encart li p {
	font-size:  0.82em;
	color: #333333;
	}
#encart li small {
	display: block;
	font-size: 0.71em; }
	
/*----------------------------------------------
/* affichage service en ligne
/* --------------------------------------------- */
#buttons, #buttons li {padding:0; margin:0;}

#buttons { width:190px; padding-left:0; list-style: none;}
	
#buttons li a {display:block; width:180px; height:42px; margin-bottom:2px; color:transparent; font-size: 0px; }

#telescol {background: url(img-sommaire/bttelescol.png) top center no-repeat;}
#telescol:hover {background: url(img-sommaire/bttelescol.png) bottom center no-repeat;}

#correlyce {background: url(img-sommaire/btcorrelyce.png) top center no-repeat;}
#correlyce:hover {background: url(img-sommaire/btcorrelyce.png) bottom center no-repeat;}

#courdecol {background: url(img-sommaire/btcourdecol.png) top center no-repeat;}
#courdecol:hover {background: url(img-sommaire/btcourdecol.png) bottom center no-repeat;}

#lesitetv {background: url(img-sommaire/btlesitetv.png) top center no-repeat;}
#lesitetv:hover {background: url(img-sommaire/btlesitetv.png) bottom center no-repeat;}

#eprofsdocs {background: url(img-sommaire/bteprofsdocs.png) top center no-repeat;}
#eprofsdocs:hover {background: url(img-sommaire/bteprofsdocs.png) bottom center no-repeat;}

#bcdiassis {background: url(img-sommaire/btbcdiassis.png) top center no-repeat;}
#bcdiassis:hover {background: url(img-sommaire/btbcdiassis.png) bottom center no-repeat;}

#moteur {background: url(img-sommaire/moteur.jpg) top center no-repeat;}

#buttonsdroite, #buttonsdroite li {padding:0; margin:0;}

#buttonsdroite { width:190px; padding-left:0; list-style: none;}
	
#buttonsdroite li a {display:block; width:250px; height:48px; margin-bottom:2px; color:transparent; font-size: 0px; }

#publi {background: url(img-sommaire/btPublications.png) top center no-repeat;}
#publi:hover {background: url(img-sommaire/btPublications.png) bottom center no-repeat;}


#EDNenligne {background: url(img-sommaire/EDNenLigne.png) top center no-repeat;}
#EDNenligne:hover {background: url(img-sommaire/EDNenLigne.png) bottom center no-repeat;}

#buttons a.ht48px {display:block; width:180px; height:48px; margin-bottom:2px; color:transparent; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a:active { color: #999933; text-decoration: none;} 

a:link { color: #999933; text-decoration: none;} 

a:visited {color: #999933; text-decoration: none} 

a:hover {color: #CC2F33; text-decoration: underline;}

/*------------------------------------------------
/* Feuilles de styles formulaire editeur 
/*-------------------------------------------------- */
.chromestyle{ /*OK*/
width: 557px;
font-weight: bold;
}
.chromestyle ul{ /*OK*/
border: 0px solid #ffffff;
width: 100%;
background: url(../img/bande_bleu.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
}
.chromestyle ul li{  /*OK*/
display: inline;
}
.chromestyle ul li a{  /*OK*/
color: #ffffff;
padding: 5px 17px;
margin: 0;
text-decoration: none;
border-left: 1px solid #ffffff;
}

.chromestyle ul li a:hover{ /*OK*/
background-color:#2375be;
}