

/* ---------------------------------GENERAL */

body {	
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
	color: #8b4513;/*saddlebrown*/
	background-color: #f5f5f5;/*whitesmoke*/
	margin: 0.1em 0.1em 0.1em 0.1em;
	}

/*--liens de base-------*/

a:link {	
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
  color: #008000;/*vert*/	
	background-color : transparent;
	text-decoration: none;
}

a:hover {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
   color: #369;/*bleufonce*/	
	background-color : transparent;	
	text-decoration: none;
	
}

a:visited {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
   color: #369;/*bleufonce*/	
	background-color : transparent;	
	text-decoration: none;
}


.liste li {
list-style: none;
}

/*séparateur invisible contre débordement des flottants*/

.hrchapo hr {
clear: both;
visibility: hidden;
}


/*---------------------------------------------------COULEURS*/

.bleu {

font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
	color: #369;/*bleufonce*/
	background-color: transparent;
}

.vert {

font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
	color: #008000;
	background-color: transparent;
}

.orange {

font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
	color: #ff8c00;/*darkorange*/
	background-color: transparent;
}

.brun {

font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
	color: #8b4513;/*saddlebrown*/
	background-color: transparent;
}

/* typo TITRE bleu foncé sur fond bleu*/

h1 {
    
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: normal;
    font-weight: bold;
    color: #9cb4ce;
	background-color: transparent;
}

/* typo CHAPO bleu clair sur fond blanc*/

h2 {
    
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
    font-weight: bold;
    color: #369;
	background-color: transparent;
}

/* typo ARTICLE noir sur fond bleu*/

h3 {
    
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
    color: #000000;
	background-color: transparent;
}

/* typo Notes & PS bleu sur fond bleu*/
h4 {
    
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
    font-weight: normal;
    color: #369;
	background-color: transparent;
}



/*-----------------------------------------------------------boites de MENUS*/


/*boite conteneur de menus à GAUCHE transparente flottante*/

#corpsmenu {
float: left;
	width: 30%;
margin: 0.1em 1% 0.5em 0.1em;
background-color: transparent;
}



/*----------titre du menu rubriques principal*/


#titrerub {
width:90%;
 display: block;
 margin: 0 0.5em 0.1em 0.5em;
 font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
	color: #ff8c00;/*darkorange*/
	background-color: transparent;
}

#titrerub a:link {	
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
  color: #ff8c00;/*darkorange*/	
	background-color : transparent;
	text-decoration: none;
}

#titrerub a:hover {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
   color: #369;/*bleufonce*/	
	background-color : transparent;	
	text-decoration: none;
}



/*----------contenu du menu rubriques principal*/

#menurub {
 
 
width:90%;
 display: block;
 list-style-type: none;
 margin: 0.1em 0.5em 1em 1em;
 border-left: 2px solid #ff8c00;/*darkorange*/
 padding-left: 1em;
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
font-style: normal;
font-weight: normal;
color: #8b4513;/*saddlebrown*/
background-color: transparent;	
}

#menurub a:link {
background-color: transparent;
color: #008000;/*vert*/
text-decoration: none;
}

#menurub a:hover {
color: #008000;/*vert*/
background-color:#bfe6d3;
text-decoration: none;
}


/*----------titre des menus secondaires */



#titremenus {
width:90%;
 display: block;
 margin: 0.5em 0.5em 0.1em 0.5em;
 font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
	color: #008000;/*vert*/
	background-color: transparent;
}

#titremenus a:link {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
   color: #008000;/*vert*/	
	background-color : transparent;	
	text-decoration: none;
	
}

#titremenus a:hover {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
   color: #369;/*bleufonce*/	
	background-color : transparent;	
	text-decoration: none;
	
}

/*----------contenus des menus secondaires */


#menus {

width:90%;
 display: block;
 list-style-type: none;
 margin: 0.1em 0.5em 0.1em 1em;
 border-left: 2px solid #008000;/*vert*/
 padding-left: 1em;
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
font-style: normal;
font-weight: normal;
color: #8b4513;/*saddlebrown*/
background-color: transparent;	
}

#menus a:link {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
font-style: normal;
font-weight: normal;
background-color: transparent;
color: #f60;
text-decoration: none;
}

#menus a:hover {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
font-style: normal;
font-weight: normal;
color: #f60;
background-color: #ffecce;/*orange clair*/
text-decoration: none;
}



/*-----------------------------------------------------CORPS DES ARTICLES----*/

/*boite conteneur BLEUE à DROITE transparente flottante: titre -corps du texte + boite chapo-cartouche*/

#corps {
float: right;
width: 60%;
background-color: #eff4fa;
border: 1px solid #9cb4ce;
padding: 1em 1em 1em 1em;
margin: 0.1em 1% 2% 0.1em;

}

#corps a:link {	
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: normal;
    font-weight: bold;
  color: #9cb4ce;/*bleu*/
  background-color : transparent;
	text-decoration: none;
}

#corps a:hover {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: normal;
    font-weight: bold;
	border-top: 1px solid #eff4fa;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #eff4fa;
   color: #9cb4ce;/*bleu*/
   background-color : #f5f5f5;/*whitesmoke*/	
	text-decoration: none;
}

#corps a:visited {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: normal;
    font-weight: bold;
	border-top: 1px solid #eff4fa;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #eff4fa;
   color: #9cb4ce;/*bleu*/
   background-color : #f5f5f5;/*whitesmoke*/	
	text-decoration: none;
}


/*-----boite CHAPO blanche contenu chapo + boite cartouche =100%----*/

#chapo {
width: 95%;
background-color: #f5f5f5;/*whitesmoke*/
border: 1px dotted #69c;
margin-left: 0;
margin-right: 1%; 
margin-top: 0.5em;
padding: 1em 1em 0 1em;

}



#chapo a:link  {	
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
  color:  #369;/*bleu*/
  background-color : transparent;
	text-decoration: none;
}

#chapo a:hover {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
	border-top: 1px solid #eff4fa;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #eff4fa;
   color: #369;/*bleu*/
   background-color : #eff4fa;	
	text-decoration: none;
}

#chapo a:visited {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
	border-top: 1px solid #eff4fa;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #eff4fa;
   color: #369;/*bleu*/
   background-color: #eff4fa;	
	text-decoration: none;
}


/*------autres boites blanches style chapo pour enfilade en colonnes =15% */
#chapo15 {
width: 15%;
float : right;

background-color: #f5f5f5;/*whitesmoke*/
border: 1px dotted #69c;
margin-left: 0;
margin-right: 1%; 
padding: 1em 1em 0 1em;

}


#chapo15 a:link  {	
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
  color:  #369;/*bleu*/
  background-color : transparent;
	text-decoration: none;
}

#chapo15 a:hover {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
	border-top: 1px solid #eff4fa;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #eff4fa;
   color: #369;/*bleu*/
   background-color : #eff4fa;	
	text-decoration: none;
}

#chapo15 a:visited {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
	border-top: 1px solid #eff4fa;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #eff4fa;
   color: #369;/*bleu*/
   background-color: #eff4fa;	
	text-decoration: none;
}


/*------autres boites blanches style chapo pour enfilade en colonnes =50% */

#chapo50 {
width: 40%;
float : right;

background-color: #f5f5f5;/*whitesmoke*/
border: 1px dotted #69c;
margin-left: 0;
margin-right: 10%;
margin-bottom: 2%;
padding: 1em 1em 0 1em;

}


#chapo50 a:link  {	
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
  color:  #369;/*bleu*/
  background-color : transparent;
	text-decoration: none;
}

#chapo50 a:hover {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
	border-top: 1px solid #eff4fa;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #eff4fa;
   color: #369;/*bleu*/
   background-color : #eff4fa;	
	text-decoration: none;
}

#chapo50 a:visited {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
	border-top: 1px solid #eff4fa;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #eff4fa;
   color: #369;/*bleu*/
   background-color: #eff4fa;	
	text-decoration: none;
}

/*boite blanche CHAPO avec bordure gauche (forums) */
#chapoforum {
width: 95%;
background-color: #f5f5f5;/*whitesmoke*/
border-left: 1px dotted #69c;
margin-left: 0;
margin-right: 1%; 
margin-top: 0.5em;
padding: 1em 1em 0 1em;

}



#chapoforum a:link  {	
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
  color:  #369;/*bleu*/
  background-color : transparent;
	text-decoration: none;
}

#chapoforum a:hover {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
	border-top: 1px solid #eff4fa;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #eff4fa;
   color: #369;/*bleu*/
   background-color : #eff4fa;	
	text-decoration: none;
}

#chapoforum a:visited {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: bold;
	border-top: 1px solid #eff4fa;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #eff4fa;
   color: #369;/*bleu*/
   background-color: #eff4fa;	
	text-decoration: none;
}

/*VIGNETTES petites boites pour un portefolio de la boucle DOCUMENTS */

#vignette {
width : 10%;
float : left;
background-color: #f5f5f5;/*whitesmoke*/
border-right: 1px dotted #69c;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 2%;
padding: 1em 1em 1em 1em;

}




/*boite blanche CARTOUCHE a droite dans le chapo: avec auteur date lieu rub */

#cartouche {
width: 30%;
float : right;
background-color: transparent;
border-left: 1px solid #69c;
margin-left: 1em;
margin-bottom: 0.5em;
padding: 0 0 0 0.5em;
list-style-type: none;
}


#cartouche a:link  {	
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
    color: #ff8c00;/*darkorange*/
  background-color: transparent;
	text-decoration: none;
}

#cartouche a:hover {
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
	border-top: 1px solid #eff4fa;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #eff4fa;
   color: #ff8c00;/*darkorange*/
   background-color : #eff4fa;	
	text-decoration: none;
}

#cartouche a:visited {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
	border-top: 1px solid #eff4fa;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #eff4fa;
   color: #9cb4ce;/*bleu*/
   background-color : #eff4fa;	
	text-decoration: none;
}


/*-------------------------------------ENTETE images et ACTUS-------*/

/*--entete avec logos + div texte en haut et div actu-------*/

   #entete  {
   
display: inline;
  margin: 0.5em 0 0 0.5em;
   width: 100%;
   
   padding: 0 0 0 0;
   
   background-color: #f5f5f5;/*whitesmoke*/
}


#logo {
  display: inline;
   margin: 0 0 0 0;
   
   background-color: #f5f5f5;/*whitesmoke*/
}

#bd {
	display: inline;
	margin-left: 0.5em;
	border-bottom: 1px dotted #69c;
	background-color: #f5f5f5;/*whitesmoke*/
}	


#haut {
float : right;
display: inline;
width: 53%;
border-left: 1px dotted #69c;
padding: 0 0 0 0.5em;
margin: 1% 1em 0 0.5em;

font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #8b4513;/*saddlebrown*/
background-color: #f5f5f5;/*whitesmoke*/
}

#haut a:link  {	
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
    color: #ff8c00;/*darkorange*/
  background-color: transparent;
	text-decoration: none;
}

#haut a:hover {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
   color: #ff8c00;/*darkorange*/	
	background-color : transparent;	
	text-decoration: none;
	border-bottom: 1px dotted;
}

#haut a:visited {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
   color: #ff8c00;/*darkorange*/	
	background-color : transparent;	
	text-decoration: none;
	border-bottom: 1px dotted;
}

/*------------styles pour la date et l'heure--------------*/


.datejour {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 150%;
	font-style: normal;
    font-weight: normal;
   color: #8b4513;/*saddlebrown*/
   }
   
   .datemois {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 130%;
	font-style: normal;
    font-weight: normal;
   color: #8b4513;/*saddlebrown*/
   }
   
    .datean {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 110%;
	font-style: normal;
    font-weight: normal;
   color: #8b4513;/*saddlebrown*/
   }
   
  
  
  /*---------div pour les breves actualités*/ 
    
   #actu {
 margin: 0.1em 5% 0.5em 0.1em;

width: 95%;
z-index: 45;
border-right: 1px dotted #69c;
padding: 0 0.5em 0 0;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #8b4513;/*saddlebrown*/
background-color: #f5f5f5;/*whitesmoke*/
}

#actu a:link  {	
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
    color: #ff8c00;/*darkorange*/
  background-color: transparent;
	text-decoration: none;
}

#actu a:hover {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
   color: #ff8c00;/*darkorange*/	
	background-color : transparent;	
	text-decoration: none;
	border-bottom: 1px dotted;
}







/*--------pied de page ------------*/


#pied {


width: 80%;
border-top: 1px dotted #69c;
float: left;
padding: 1em 1% 1em 1%;
margin: 0.1em 10% 0.1em 10%;
text-align: center;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #8b4513;/*saddlebrown*/
background-color: #f5f5f5;/*whitesmoke*/
}	
	
	

/*habillage de spip----formulaire bouton bouton admin*/

/*habillage de spip----formulaire bouton bouton admin*/

.forml {
float: right;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	padding: 0.5em;
	border: 1px solid #9cb4ce;/*bleufonce*/
	background-color: #f5f5f5;/*whitesmoke*/
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
    color: #000000;
}

.spip_bouton {
	border: 1px dotted;
	padding: 0.1em;
	
	background-color: #9cb4ce;/*bleuclair*/
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
    color: #369;/*bleufonce*/
}

.spip-admin {
	
	
	bottom: 1px;
	font-size: 90%;
	padding: 2px;
	line-height: 1.4em;
}

/*--cadre de formulaires = corps de typo.css-------*/
.spip_encadrer {
	width : 80%;
	background-color: #eff4fa;
margin-left: 10%;
margin-right: 10%;
	padding: 0.5em;
	
	
}

.spip_cadre {
	width : 80%;
	background-color: #eff4fa;
	padding: 0.5em;
	margin-left: 10%;
margin-right: 10%;
}

/*--------NON UTILISE-------arborescence dans le site en bas de page------------*/	
	

#arbo {
float: right;
width: 60%;
border-right: 1px dotted #69c;
padding: 1em 1em 1em 1em;
margin: 0.1em 2% 2% 0.1em;
text-align: right;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #8b4513;/*saddlebrown*/
background-color: #f5f5f5;/*whitesmoke*/
}

#arbo a:link  {	
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
    color: #ff8c00;/*darkorange*/
  background-color: transparent;
	text-decoration: none;
}

#arbo a:hover {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
    font-weight: normal;
   color: #ff8c00;/*darkorange*/	
	background-color : transparent;	
	text-decoration: none;
	border-bottom: 1px dotted;
}
