/*

#####################################################################################################################

La page à afficher est structurée en une succession de blocs dont la restitution doit être effectuée de la façon
suivante :

+ bandeau horizontal d'identification FormaSarthe
+ bandeau horizontal contenant la description du contenu de la page
+ bandeau horizontal contenant le menu principal de navigation
+ zone de contenu / navigation associée avec mise en page sur deux colonnes
+ zone de saisie associée au déclenchement du moteur de recherche interne (hors flux)
+ bandeau horizontal contenant le pied de page

#####################################################################################################################

*/


body {
  margin:0;
  padding:0;
  font: normal 0.85em Verdana;
  line-height: 1.5em;
  background: #EFF3F7;
  height: 100%;
}

#conteneurPrincipal {
  width: 990px; /*Largeur du conteneur principal*/
  margin: 0 auto; /*Centrage du conteneur principal au milieu de la page*/
  padding-left: 5px;
  padding-right: 5px;
  background: #FFFFFF;
}


/*

#####################################################################################################################

Détails relatifs au bandeau horizontal d'identification FormaSarthe

#####################################################################################################################

*/

#bandeauFormaSarthe {
  width: 100%;
  height: 90px; /*Hauteur du bandeau*/
  background: #E51801 url(img/bandeau-formasarthe.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}


/*

#####################################################################################################################

Détails relatifs au bandeau horizontal contenant la description du contenu de la page

#####################################################################################################################

*/

#descripteurContenuPage {
  display: none;
}


/*

#####################################################################################################################

Détails relatifs au bandeau horizontal contenant le menu principal de navigation

#####################################################################################################################

*/

div#menuNavigationPrincipal {

}

div#menuNavigationPrincipal hr, div#menuNavigationPrincipal h2, div#menuNavigationPrincipal p {
  display: none;
}


div#menuNavigationPrincipal ul#listeRubriquesNavigationPrincipale {
  margin: 0;
  padding: 0;
  font: normal 0.85em Verdana;
  list-style-type: none;
}

div#menuNavigationPrincipal ul#listeRubriquesNavigationPrincipale li {
  float: left;
  width:195px;
  height: 35px;
  line-height: 30px;
  border-style:solid;
  border-width:1px;
  border-color: #bebebe #ffffff #bebebe #bebebe;
  background: #E7E7E7 url(img/fcellules-menuprincipal-n1-unselected.gif);
  text-align: center;
  font-weight: bold;
  font-family: tahoma;
  font-size: 0.95em;
}


div#menuNavigationPrincipal ul#listeRubriquesNavigationPrincipale li.premiereRubriqueNavigationPrincipale {
  margin-left: 2px; /*Valeur utilisée pour caler et centrer le menu principal de navigation*/
}

div#menuNavigationPrincipal ul#listeRubriquesNavigationPrincipale li.derniereRubriqueNavigationPrincipale {
  border-color: #bebebe #bebebe #bebebe #bebebe;
}

div#menuNavigationPrincipal ul#listeRubriquesNavigationPrincipale li a {
  color: #FF6100;
  text-decoration: none;
}

div#menuNavigationPrincipal ul#listeRubriquesNavigationPrincipale li a:hover {
  text-decoration: underline;
}

div#menuNavigationPrincipal ul#listeRubriquesNavigationPrincipale li#rubriqueNavigationPrincipaleSelectionnee {
  background: #FFA457 url(img/fcellules-menuprincipal-n1-selected.gif);
}

div#menuNavigationPrincipal ul#listeRubriquesNavigationPrincipale li#rubriqueNavigationPrincipaleSelectionnee a {
  color: #ffffff;
}


#dropmenudiv {
  position:absolute;
  color: #31AABD;
  border-bottom-width: 0;
  font:normal 11px Arial;
  line-height:16px;
  z-index:100;
}

#dropmenudiv a {
  display: block;
  text-decoration: none;
  width: 176px;
  background-color: #FFF5D9;
  color: #000000;
  border-bottom : 1px #FFCF31 solid ;
  border-top : 1px #FFFFFF solid ;
  border-left : 1px #aaaaaa solid ;
  border-right : 1px #aaaaaa solid ;
  padding-left : 10px;
  padding-right : 10px;
  padding-top : 7px;
  padding-bottom : 7px;
  text-align:center;
}

#dropmenudiv a:hover {
  background-color : #1461A8;
  color:#FFFFFF;
}




/*

#####################################################################################################################

Détails relatifs à la structuration de la zone de contenu / navigation associée (mise en page sur deux colonnes)

#####################################################################################################################

*/

#zoneContenuEtNavigationAssociee {
  clear: both;
  min-height: 100%;
  height: 390px;
  background: #ddd url(img/arbre-accueil.gif);
  border-top: solid 1px #ADBAD6;
  border-left: solid 1px #ADBAD6;
  border-right: solid 1px #ADBAD6;
  padding-top: 3px;
  padding-bottom: 3px;
}

#zoneContenuEtNavigationAssociee hr {
  display: none;
}






#zoneContenuEtNavigationAssociee #enveloppeContenu {
  float: left;
  width: 100%;
}

#zoneContenuEtNavigationAssociee #enveloppeContenu #colonneContenu {
  margin-right: 300px; /*Valeur égale à - #colonneNavigationAssociee:margin-left*/
  padding-left:10px;
  padding-right:10px;
}

#zoneContenuEtNavigationAssociee #enveloppeContenu #colonneContenu h2#repereNavigationTitre {
  display: none;
}


#zoneContenuEtNavigationAssociee #enveloppeContenu #colonneContenu p#repereNavigationIndications {
  background: #31AABD;
  border-top: solid 1px #294D73;
  margin-top: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 8px;
  font: bold 0.9em Verdana;
  color: #ffffff;
  background-image: url(img/pucereperenavigation.gif);
  background-repeat: no-repeat;
  background-position: 5px 50%;

}


#zoneContenuEtNavigationAssociee #enveloppeContenu #colonneContenu p#repereNavigationIndications span#repereNavigationIndicationsMasquees {
  display: none;
}



#zoneContenuEtNavigationAssociee #enveloppeContenu #colonneContenu p#repereNavigationIndications a {
  text-decoration: none;
  color: #ffffff;
}

#zoneContenuEtNavigationAssociee #enveloppeContenu #colonneContenu p#repereNavigationIndications a:hover {
  text-decoration: underline;
  color: #FAF8DE;
}


#zoneContenuEtNavigationAssociee #enveloppeContenu #colonneContenu h2#titreDocument {
  border-bottom:1px dashed #317D94;
  color:#84AA18;
  font: normal 1.5em Verdana;
}


#zoneContenuEtNavigationAssociee #enveloppeContenu #colonneContenu div#developpementContenuDocument span#repereNavigationIndicationsMasquees,
#zoneContenuEtNavigationAssociee #enveloppeContenu #colonneContenu div#developpementContenuDocument h2#titreDocument {
  display: none;
}

#zoneContenuEtNavigationAssociee #colonneNavigationAssociee {
  float: left;
  width: 270px; /*Largeur de la colonne en pixels, à laquelle devront être ajoutées les valeurs associées au padding*/
  margin-left: -300px; /*Définir cette valeur égale à - largeur colonneNavigationAssociee, en tenant compte des valeurs de padding supplémentaires */
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 70px;
  padding-bottom: 15px;
}





/*

#####################################################################################################################

Détails relatifs au bandeau horizontal contenant le pied de page

#####################################################################################################################

*/

#piedDePage {
  clear: both;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  border: solid 1px #cccccc;
  background: #F7F7F7;
}

#piedDePage ul {
  padding: 0px;
  margin: 0px;
  font-family: verdana;
  font-size: 0.85em;
}

#piedDePage ul li {
  display: inline;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 5px;
  margin: 0px;
  background-image: url(img/batonv.gif);
  background-repeat: no-repeat;
  background-position: 0% 50%;
}

#piedDePage ul li#firstLi {
  background-image: none;
}


#piedDePage ul li a {
  color: #840084;
  text-decoration: none;
}


#piedDePage ul li a:hover {
  color: #FF0000;
  text-decoration: underline;
}


#piedDePage hr {
  display: none;
}




#dernierBlocDivDansPage {
  clear: both;   /*Dernier bloc destiné uniquement à gérer la propriété clear:both*/
  margin-bottom: 8px;
}




/*

#####################################################################################################################

Données spécifiques à la "zone centrale" d'affichage des données

#####################################################################################################################

*/



div#developpementContenuDocument {
  font: normal 0.85em Verdana;
  text-align: justify;
  padding-top: 10px;
  padding-right:20px;
  padding-left:20px;
  padding-bottom: 15px;
}


div#developpementContenuDocument h1, div#developpementContenuDocument h2, div#developpementContenuDocument h3 {
  font: bold 1.2em Verdana;
  color: #660000;
  padding-top: 10px;
  padding-bottom: 5px;
}


div#developpementContenuDocument p {
  font: normal 1em Verdana;
  line-height: 1.3em;
  padding: 0px;
  clear: both;
}

div#developpementContenuDocument div.ImgEtLi01 {
  clear: both;
  padding: 0px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  border: solid 1px #ffffff;
}

div#developpementContenuDocument div.ImgEtLi01 img {
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}

div#developpementContenuDocument div.ImgEtLi01 ul {
  margin-top: 20px;
  list-style-type: none;
  padding-left: 0px;
  margin-left: 280px;
}

div#developpementContenuDocument div.ImgEtLi01 ul li {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  background-image: url(img/pucelistemain.gif);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  font: normal 1em Verdana;
}

div#developpementContenuDocument div.ImgEtLi01 ul li a {
  color: #EA4606;
  text-decoration: none;
  font-weight: bold;
}


div#developpementContenuDocument div.ImgEtLi01 ul li a:hover {
  color: #ff0000;
  text-decoration: underline;
}








div#developpementContenuDocument div.ImgCentre01 {
  clear: both;
  margin: 0px;
  padding-top: 0px;
  text-align: center;
}

div#developpementContenuDocument div.ImgCentre01 img {
  margin: 0px;
  padding: 0px;
}