/*
 * Styles generaux
 */
/*  ----------------------------------------------------------- */
/*  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: #FFF;
	margin: 0.5em;/*  ----------------1.5-------------------------- */
	text-align: center;
	font-size: 1em;
	color: #333;
}

img, table { margin: 0; padding: 0; border: 0; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2,  h3,  h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
h4 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; 
margin-left: 0.9em;
margin-right: 0.9em;
margin-bottom:0.5em}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 60em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background: #F8F8E8;
}
 
#conteneur {
	width: 100%;
}	

#conteneur #navigation {
	float:left;
	margin-left: 0.5em;
	width: 10em; 
}

#conteneur  #contenu {
	background: #FFF;
	float: left;
	margin-left: 0.5em;
	width: 40em;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#conteneur  #portfolio{
	background: #FFF;
	float: left;
	margin-left: 0.5em;
	width: 47.8em;
	border:1px solid #CCC;
}

#conteneur #droite {
    background: #5197FF;
	float:right;
	width: 8.4em;
	border-left:0px solid #5197FF;
	border-right:0px solid #5197FF;
	border-bottom:0px solid #5197FF;
}



/* Blocs du contenu (c-a-d. la colonne principale) */
/*-----------------
#contenu .contre-encart {
	float: left;
	width: 29em;
}

#contenu .encart {
	float: right;
	width: 15em;
	margin: 0;
	margin-bottom: 1em;
}
-------------------*/

/* Entete */
#entete { 
	width: 100%;
	background: #FFF /*#50C878*/;
	border-bottom:  1px dotted #CCC;
	}

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin-top: 0.3em;
	margin-left: 18em;
	margin-bottom: 0.3em;
	/*border-top: 2px solid #333;*/
	font-size: 0.65em; }

/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	background: #FFF;
	margin-top: 0.5em;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

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

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

/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

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

/* Typo pour le contenu */
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip {
	font-family: "Bitstream Vera Serif", Georgia, Times, serif; }

/* Typo pour les menu-titre dans le contenu */
.menu-titre {
	font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif; }
	

/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */
/*  Habillage du menu gauche
---------------------------------------------- */

.accueil, .contact, .actu , .liens ,.portfolio ,.offre, .partenaire {
	min-width: 10em;
	/*margin-bottom: 1em; */
	font-size: 0.77em;
	padding:2px; border-bottom:3px solid #FFF;
}
/*  Des couleurs specifiques selon les raccourcis de navigation
---------------------------------------------- */
.accueil  { background: #5197FF;}
.contact { background: #CD853F;}
.actu { background: #5197FF;}
.portfolio { background: #5197FF;}
.partenaire{ background: #5197FF;}
.liens { background: #5197FF;}
.offre{ background: #5197FF;}



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

/*  Habillage des autres menu
---------------------------------------------- */

/*   section du bloc pub
---------------------------------------------- */
.pub{
	background: #F8F8E8;
	min-width: 10em;
	border: 1px solid #F8F8E8;
	/*margin-bottom: 1em; */
	font-size: 0.77em;
}

.menu-pub{
    background: #50C878;
	padding: 0.2em 0.4em;
	text-align: left /*modif*/;
	color: #FFF;
	font-weight: bold;
}

.pub p { margin: 0; padding: 0.2em 0.7em;  }
.pub ul { padding: 0.2em 0; }
.pub li { padding: 0 0.7em; }


/*  section du bloc vue
---------------------------------------------- */
.news{
	background: #FFFFFF;
	min-width: 10em;
	border: 2px solid #FF9162;
	margin-bottom: 2em; 
	font-size:14px;
	font-weight: bold;
}

.menu-news {
    background: #FF9162;
	padding: 0.2em 0.4em;
	text-align: left /*modif*/;
	color: #FFF;
	font-weight: bold;
	font-size: 12px
}

.news p { margin: 0; padding: 0.2em 0.7em;  }
.news ul { padding: 0.2em 0; }
.news li { padding: 0 0.7em; }

/*  section du bloc vue
---------------------------------------------- */
.vue{
	background: #FFFFFF;
	min-width: 10em;
	border: 2px solid #FF9162;
	margin-bottom: 2em; 
	font-size:14px;
	font-weight: bold;
}

.menu-vue {
    background: #FF9162;
	padding: 0.2em 0.4em;
	text-align: left /*modif*/;
	color: #FFF;
	font-weight: bold;
	font-size: 12px
}

.vue p { margin: 0; padding: 0.2em 0.7em;  }
.vue ul { padding: 0.2em 0; }
.vue li { padding: 0 0.7em; }


.telecharger, .info, .consult, .rubriques, .breves, .syndic, .forums, .divers, .partenaires {
	min-width: 10em;
	/*height: 10em;*/
	border: 1px solid #CCC;
	/*margin-bottom: 1em; */
	font-size: 0.77em;
}

.menu-titre {
	padding: 0.2em 0.4em;
	text-align: left /*modif*/;
	color: #FFF;
	font-weight: bold;
}

.accueil p, .pro p, .partenaires p,  .image  p, .info p,  .js p, .contact  p, .doc p, .consult p, .rubriques p, .rue p, .breves p, .syndic p, .sst p, .forums p, .divers p { margin: 0; padding: 0.2em 0.7em;  }
.accueil ul, .pro ul, .partenaires ul, .image  ul, .info ul, .js ul, .contact  ul, .doc ul, .consult ul, .rubriques ul, .rue ul, .breves ul, .syndic ul, .sst ul, .forums ul, .divers ul { padding: 0.2em 0; }
.accueil li, .pro  li, .partenaires li, .image  li, .info  li, .js li, .contact   li, .doc  li, .consult li, .rubriques li, .rue li, .breves li, .forums li, .sst li, .divers li { padding: 0 0.7em; }

/*  en cours
---------------------------------------------- */
.syndic li{
	padding: 0.6em 0.6em 0em 0.6em; }
	
.rubriques li, .forums li, .info li{
	padding: 0.5em 0.5em 0em 0.5em;}

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.image { background: #F8F8E8;}
.image .menu-titre {  background: #800000; }

.info { background: #F8F8E8;}
.info .menu-titre {  background: #FF4D00; }

.rubriques { background: #F8F8E8;}
.rubriques .menu-titre { border-top:3px solid  #5197FF; background:  #5197FF; }

.syndic { background: #F8F8E8; }
.syndic .menu-titre { border-top:3px solid  #5197FF; background:  #5197FF; }

.forums { background: #F8F8E8; }
.forums .menu-titre { background: #0095B6; }

.divers { background: #F8F8E8; }
.divers .menu-titre { background: #FCFCF0; }

.partenaires { background: #F8F8E8; }
.partenaires .menu-titre { background:#50C878; }


/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 0.71em; 
margin-left: 0.9em;
margin-right: 0.9em;}

.cartouche .titre {
	font-size: 1.03em;
	font-weight: bold;
	color: #000; }
	
#contenu .surtitre, #contenu .soustitre { font-size: 0.88em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */

#contenu  .texte ul { list-style: square inside ; }


.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }
	
.texte {
	text-align: justify;
	/* margin-top: 2px;*/
	margin-bottom: 0.5em;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }
	
	/* { color: #000; font-size: 0.88em; }*/
	
.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	padding-top: 2px;
	/*border-top: 2px solid #CCC; */
	margin-left: 0.9em;
	margin-right: 0.9em;}
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	/*margin-top: 0.65em;*/
	/*padding-top: 2px;*/
	/* border-top: 2px solid #CCC; */}
#documents_joints h2 { margin-left: 1em; margin-bottom: 0.4em; font-size: 0.96em; color:#800000 ;font-weight: bold; }
#documents_joints li { margin-left: 1em; margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {font-size: 0.82em;}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */

.liste-articles li { margin-bottom: 0.59em; 
	margin-left: 0.9em;
	margin-right: 0.9em;}

.liste-articles li .titre {
	font-size: 0.96em;
	font-weight: bold; }

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	text-align: justify;
	margin-top: 2px;
	margin-bottom: 1em;
	font-size: 0.82em;
	line-height: 1.4em; }
	
.alerte li .texte {
	text-align: justify;
	margin-left: 0.9em;
	margin-right: 0.9em;
	margin-bottom: 0.9em;
	border: 1px solid #000000;
	padding:0.3em 0.9em 0.3em 0.9em;
	font-size: 0.82em;
	font-weight: bold;
	color: #FF4D00;
	
 }

 
 .signal li .texte {
	text-align: justify;
	margin-left: 0.9em;
	margin-right: 0.9em;
	margin-bottom: 0.9em;
	border: 2px solid #FF0000;
	padding:0.3em 0.9em 0.3em 0.9em;
	font-size: 0.82em;
	font-weight: bold;
	color: #FF4D00;
	/*background:#FF66CC */
 }
 
.pagination { font-size: 0.90em; }

/* Listes d'articles page accueil rubriques 
----------------------------------------------- */

.liste-rubriques li { margin-bottom: 0.59em; 
	margin-left: 0.9em;
	margin-right: 0.9em;}

.liste-rubriques li .titre {
	font-size: 0.96em;
	font-weight: bold; }

.liste-rubriques li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-rubriques li p { margin: 0; padding: 0; }

.liste-rubriques li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

	
/*  ------------------------------------------
/*  Habillage specifique du plan du site, le plan n'est pas utilisé sur ce site
/*  ------------------------------------------ */

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: 0; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.77em;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px solid;
	font-family: inherit;
	font-size: inherit; }

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { background: #FFF; text-align: left; width: 11em; }
.formulaire_recherche label { display: none; }

/* Formulaire de menu de langue ADD */
.formulaire_menu_lang { background: #FFF; text-align: left; width: 6em; }
.formulaire_menu_lang  label { display: none; }

/*  ------------------------------------------
/*  Couleurs des liens pour l'ensemble des pages
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }
/*  ------------------------------------------
/*  Couleurs des liens dans les éléments du contenu
/*  ------------------------------------------ */
#contenu a { color: #003399; }
#contenu a:hover { text-decoration: none; color:#FF9900 }
/*  ------------------------------------------
/*  Couleurs des liens dans le texte
/*  ------------------------------------------ */
.texte a { text-decoration: underline; color: #003399; }
.texte a:hover { text-decoration: underline; color:#FF9900 }

/*------------------------------------------
/* Menu gauche
/*------------------------------------------ */

ul#gauche li a{
  display:block;
  width:11.8em;/*modif*/
	color:#FFF;
}

ul#gauche li a:hover{
  background-color:#FFF;
  color:#333;
}

/*------------------------------------------
/* Menu horizontal
/*------------------------------------------ */

ul#menu .gris{
  background:#88B8FF;
}
	 
ul#menu li ul{
  display:none;
}

ul#menu li:hover>ul{
  display:block;
}

/*bloc barre principale*/
ul#menu{
  margin:0px;
  padding:0px;
  list-style:none;
  width:auto;
  background:#CADFFF;
  border-top:3px solid #5197FF;
  border-bottom:1px solid #5197FF;
  float:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
}

ul#menu li{
  float:left;
  display:block;
  padding:2px 1px ;
  border-left:1px solid #5197FF;
  border-right:1px solid #5197FF;
}

/*style liste 1er niveau*/
ul#menu li a{
  display:block;
  width:12em;/*modif*/
  padding:0px 2px;
	color:#000000;
}

ul#menu li a:hover{
  background-color:#000099;
  color:#FFFFFF;
}
/*niveau 2*/
ul#menu ul{
  position:absolute;
  background:#CADFFF;
  list-style:none;
  margin:0px;
  padding:0px;
  border-top:1px solid #5197FF;
  width:150px;
  z-index:1;
}

/*style élément liste niveau 2 - nouvelle version*/
ul#menu ul li{ 
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom:1px solid #5197FF;
	/*_display:inline;*/
}

ul#menu ul li a{
  display:block;
	margin:0px;
	padding:0px;
	width:145px;
  border:none;
}
ul#menu ul li a span{
  display:block;
  width:144px;
  _width:156px;
	padding:2px 6px;
  margin:0px 2px;
  border:none;
	cursor:hand;
}

ul#menu ul li a:hover span{
  background-color:#000099;
  color:#FFFFFF;
  border:none;
}