/* Start of CMSMS style sheet 'Navigation: Simple - Vertical' */
/********************
MENU
*********************/
#menu_vert {
   padding-left: 0;
   margin-left: 1em;
}


/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
}

/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0;
   border-bottom: 1px solid #c0c0c0;
   display: block;
}

#menu_vert ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
   color: #18507C; /* this will be link color for all levels */
   background: url(images/cms/arrow-right.gif) no-repeat 0.5em center; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
   font-size: 90%;
   padding: 0.5em 0.5em 0.5em 2.8em;
   background-position: 1.5em center;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/cms/dash.gif) no-repeat 2.8em center; 
}

/* hover state for all links */
div#menu_vert a:hover {
   background-color: #C3D4DF;
}
div#menu_vert a.activeparent:hover {
   background-color: #C3D4DF;
   color: #18507C;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   background: url(images/cms/arrow-down.gif) no-repeat 0.4em center; 
   background-color: #385C72;
   color: #fff;
}

div#menu_vert ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #18507C;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3 {
   background: url(images/cms/arrow-right-active.gif) no-repeat 0.4em center;
   background-color: #385C72;
   display: block; 
   padding: 0.8em 0.5em 0.8em 1.5em;  /* some air for it */
   color: #fff;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 2.8em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #000;     
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center; 
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}



/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}
/* End of 'Navigation: Simple - Vertical' */

/* Start of CMSMS style sheet 'accessibilite' */
/*accessibilite */

/* lien menu accessibilite */
span.accesskey {
   text-decoration:none;
}

/* les textes des divs de l'accessibilite  sont caches par défaut et pas lisible a l'ecran */
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* les balises definition  sont egalement caches ceux-ci sont également utilises pour le menu liens */
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* fin accessibilite */


/* wiki style externe liens */
/* liens externes devront "(lien externe)" texte ajoute, il permet de cacher */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* faire de la place pour l'image */
a.external {
/* les regles css raccourci , lisent: tout d'abord top padding 0 puis à droite puis padding 12px bas puis à droite*/
  padding: 0 12px 0 0;
}

/* couleurs des liens externes */
a.external:link {
  color: #18507C;
/* image d'arriere-plan pour le lien vers le wiki style fleche */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}

a.external:visited {
  color: #18507C; /* une couleur differente peut être utilise pour les liens externes visites */
/* Mettre la dernière valeur 0 à 100px pour utiliser cette partie de l'image pour external.gif couleur differente pour des liens actifs external.gif est a fait 300px de haut, nous pouvons utiliser differentes positions de l'image afin de simuler de renversement image change.*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Mettre la derniere valeur 0 à 200px pour utiliser cette partie de l'image pour external.gif couleur differente pour le survol  */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* fin style Wiki   liens externes */


/* centre */
/* clearfix est un hack pour que les divs tenir a flot elements. il va forcer la tenue span div à tous la voie a flot dernier point. Nous recommandons vivement contre l'utilisation de ce car il s'agit d'un hack et pourrait ne pas rendre correctement mais il est inclus ici pour des raisons pratiques. Ne pas modifier si vous ne sais pas ce que vous faites */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	/* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	} */
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* fin du centre */
/* End of 'accessibilite' */

/* Start of CMSMS style sheet 'les News' */
div#news {
  margin: 2em 0 1em 1em;  /* marge pour l'ensemble des div entourant la liste des nouvelles */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding pour Sommaire de l'actualite de l'article */
    margin: 0 0.5em 1em ; /* marge au bas de l'actualite Sommaire de l'article */
    border-bottom: 1px solid #ccc; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: 700;
 }

.NewsSummaryLink {
    font-weight: 700;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: 700;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {
  padding-bottom: 1.5em;
  font-style: italic;
}


/* pour ajouter un style specifique aux divs ci-dessous, decommentez-les. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'les News' */

/* Start of CMSMS style sheet 'Menu horizontale' */
/* MENU HORIZONTAL */

/* hack pour Internet Explorer */
* html div#menu_horiz {
   /* masquer dans ie/mac \*/
   height: 1%;
   /* fin du masquer */
}

/* background-color pour l'ensemble de la ligne du menu, couvrant 100% de la largeur et le texte est centres */
div#menu_horiz {
   background-color: #FABE73;  /* couleur d'arriere-plan pour l'ensemble de la ligne de menu */
   width: 100%;
   margin: 0;
}

/* le menu ul la case a une bordure en haut et à gauche, le bord droit est assuré par les éléments qui */
div#menu_horiz ul {
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #008CD2;
   border-left:  1px solid #008CD2;
   height:2.3em;
}


/* liste du menu des articles */
div#menu_horiz li {
   float: left; /* fait la liste horizontalement */
   list-style: none; /* cache la liste a puce */ 
   margin: 0 ;
   border-right: 1px solid #008CD2;
}


/* les liens, format de  chaque element de la liste */
div#menu_horiz a {
   padding: .6em 1em .6em 1.4em; /* padding interieur de la boite element de la liste */
   margin: 0; /* marge a l'exterieur de chaque element du bouton */
   text-decoration: none; /* pas de souligner des liens */
   color: #14468C;
   background: url(images/cms/arrow-right.gif) no-repeat 0.5em center; ;
   display: block; /* IE a des problemes avec cela, fixe au-dessus */
}


/* etat survol pour les liens */
div#menu_horiz li a:hover {
   background-color: #008CD2;
}
div#menu_horiz a.activeparent:hover {
   background-color: #008CD2;
   color: #14468C;
}

/* parent actif, premier niveau parent de la page actuelle */
div#menu_horiz li.activeparent a {
   background: #14468C url(images/cms/arrow-down.gif) no-repeat 0.4em center; 
   color: #fff;
}

div#menu_horiz h3 {
   padding: .6em 1em .6em 1.4em; /* padding interieur de la boite de la liste */
   margin: 0; /* marge a l'exterieur de chaque element du bouton */
   text-decoration: none; /* pas de souligner des liens */
   color: #fff;
   background: #14468C url(images/cms/arrow-right-active.gif) no-repeat 0.4em center; ;
   display: block; /* IE a des problemes avec cela, fixe au-dessus */
   font-size: 1em;  /*remplace la taille de la police <h3> */
}

/* End of 'Menu horizontale' */

/* Start of CMSMS style sheet 'Mise en page sandrine' */
/* les navigateurs interprete margin et padding un peu differemment, nous supprimons toutes les valeurs par defaut de padding et de margin pour les fixer plus tard */
* {
margin:0;
padding:0;
}

/* style initial  de la police */
body {
   text-align: left;
   font-family:  "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
   font-size: 80.01%;
   line-height: 1.2em;
}

/* parametre font size pour toutes les divs, cela l'emporte sur certaines règles */
div {
   font-size: 1em;
}

/* si img a l'interieur de "a", il a bordures, nous n'en voulons pas */
img {
   border: 0;
}

/* styles des liens par défaut */
/* tous les liens souligner et de couleur bleu */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation donne un avertissement si la couleur est sans couleur d'arriere-plan. explicitement cet element d'herite de la couleur arriere-plan de l'element parent */
   background-color: inherit; 
   color: #14468C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #008CD2;                /* une couleur differente peut etre utilisee pour les liens visites */
}


/* supprimer le souligne au survol et changent de couleur */
a:hover {
   text-decoration: none;
   background-color: #FABE73;
   color: #14468C;
}

/*mise en page */
body {
   background-color: #FFF;
   color: #333;
   margin:1em; /* donne un peu d'air a pagewrapper */
}

/* centre mise en forme, largeur max min */
div#pagewrapper {
   border: 1px solid black;
   margin: 0 auto;     /* cela centre la zone */
   max-width: 80em; /* IE ne comprend pas ces donnees, nous allons utiliser le javascript magick */
   min-width: 60em;
   background-color: #fff;;
   color: black;
}


/* en tete *
nous cachons le texte et de le remplacons par une image nous avons besoin d'attribuer une hauteur pour elle */

div#header {
   height: 200px; /* a adapter selon votre taille d'image */
   background: #FABE73;           
}

#header h1 a {
/* vous pouvez placer votre propre image ici */
   /*background: #FABE73 url(uploads/images/bdo160800.jpg) repeat-x 0 ; */
   /*display: block; */
 /*  height: 180px;   */          /* a adapter selon votre taille d'image */
   /*text-indent: -999em; */ /* cela masque le texte */
   /*text-decoration:none;*/ /* ancienne version de firefox aurait montre un souligner du lien, on le cache */
}
#bando{
   height: 160px;
   background: #FABE73;           
}

#bando h1 a {
   background: #FABE73 url(uploads/images/bdo160800.jpg) repeat-x 0 ; 
   display: block; 
   height: 160px;            
   text-indent: -999em;  
   text-decoration:none;
}

#sandrine{
   height: 40px; 
   background: #FABE73 url(uploads/images/sandrine.jpg) no-repeat 0 ;           
}

div#search {
   float: right;
   width: 23em;     /* assez de largeur pour la zone de saisie de la recherche */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS regle premiere valeur a superieur puis a droite, en bas et a gauche */
   font-size: 90%;             /* il est bon de fixer fontsizes en relatif, le mode de visualisation peut changer la taille des caracteres*/
   margin: 0 1em;              /* css raccourci regle a ouvert comme "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

 ndiv#content {
   margin: 1.5em auto 2em 0; /* De l'air au-dessus et sous le menu et le contenu */
}

div#main {
   margin-left: 29%; /* cela donne de la place a la barre laterale gauche, assurez-vous que cet espace est plus grand que la largeur laterale */
   margin-right: 2%; /* et de l'air sur la droite */
}


div#sidebar {
   float: left;  /* mis en encadre sur la gauche. Changer en float right si besoin. */
   width: 26%;    /* largeur de sidebar, si vous la modifiez changer aussi #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
}

/* si la barre laterale ne contient pas de menu mais du contenu ajouter class="hascontent" */
div#sidebar.hascontent {
   padding: 0 1%;
   width: 24%;  /* largeur petite faire en cas de padding, mais elle est trop large pour les divs flottant dans IE */
}

div#footer {
   clear:both;       /* garde le pied de page en dessous du contenu et du menu */
   color: #14468C;
   background-color: #FABE73; /* bg meme couleur que dans l'en-tete */
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;      /* De l'air pour le bas */
   text-align: center; /* texte centre */
   margin:0;
}

div#footer p a {
   color: #008CD2; /* necessaire du fait que le lien de bas de page serait de la meme couleur que le fond  */
}

/* comme nous avons caché toutes HR d'accessibilite, nous allons creer de nouvelles HR supplementaires  dans les div */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* liens relationnelles de contenu */
div.left49 {
  float: left;
  width: 49%;  /* 50% pour les deux a gauche et a droite pourrait conduire a une erreur d'arrondi sur certains navigateur */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}


/* STYLE DE CONTENT */
div#content {

}

/* TITRE */
div#content h1 {
   font-size: 2em;  /* font size pour h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   color: #14168C; 
   font-size: 1.5em; 
   text-align: left; /* un peu d'air autour du texte */
   padding-left: 0.5em;
   padding-bottom: 1px; /* met une bordure autour de l'entete */
   border-bottom: 1px solid #FABE73; 
   border-left: 1.1em solid #FABE73; 
   line-height: 1.5em; /* et un peu d'air  pour la bordure */
   margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #14468C; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* FIN TITRE */

/* TEXTE */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */
/* End of 'Mise en page sandrine' */