/* CSS Document */

*{
  margin:0;
  padding:0;
}

html{
  height:100.1%;
}

body{
  color:#000;
  background:#009;
	text-align:center;
	font-family: Verdana, Lucida, Tahoma, Helvetica, sans-serif;
	font-size: 0.9em;
	padding:20px 0;
}

#global{
  position:absolute;
  left:50%;
  width:88%;
  margin-left:-44%;
  background-color:#fff;
  text-align:left;
  border-top:solid 20px #009;
	border-bottom:solid 20px #009;
  border-right:0;
  border-left:0;
}

h1,h2,h3,h4{
  color:#009;
}

a:link,a:hover,a:visited{
  font-weight:bold;
  color:blue;
}

a:link,a:visited{
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

img, a img{
  border:none;
}

/*-------------------------habillage  (coins arrondis)----------------------*/

#coinhdroit,#coinbdroit,#coinbgauche,#coinhgauche,.hautdroit,.basdroit,.basgauche,.hautgauche{
  width:20px; height:20px;
  background-repeat:no-repeat;
  background-color:#fff;
  font-size:1px;/*correction bug IE*/
}

/*-------les coins----------*/

#coinhdroit, #coinbdroit,.hautdroit,.basdroit{
  float:right;
}

#coinhdroit{
  background-image:url(images/coinhdroit.gif);
}

#coinhgauche{
  background-image:url(images/coinhgauche.gif);
}

#coinbdroit{
  background-image:url(images/coinbdroit.gif);
}

#coinbgauche{
  background-image:url(images/coinbgauche.gif);
}

/*-------------les separateurs invisibles dans global----------------------*/

#global hr{
  clear:both;
  visibility:hidden;
}

/*-------les coins des menus gauches----------*/

.hautdroit{
  background-image:url(images/hautdroit.gif);
}

.hautgauche{
  background-image:url(images/hautgauche.gif);
}

.basdroit{
  background-image:url(images/basdroit.gif);
}

.basgauche{
  background-image:url(images/basgauche.gif);
}

/*------------mise en page des liens d evitement-----------------------------*/

#evitement{
  list-style-type:none;
  margin:-15px 0 10px 15px;
}

#evitement li{
  display:inline;
  padding:0 5px;
  height:1em;
  line-height:1em;
}

#evitement li a{
  font-size:0.8em;
  font-weight:normal;
  text-decoration:underline;
}

/*------------la mise en page de l entete de la page d accueil----------------*/

#header{
  text-align:center;
}

#header a{
  color:#94C4FF;
  text-decoration:none;
}

#header #logofac{
  width: 142px; height:118px;
  float:left;
  margin-left:10px;
}

#header #logofac a{
  display:block;
  width:100%; height:100%;
}

#header span{
  display:block;
}

#header h2{
  text-indent:-5000px;
  line-height:1px;
  font-size:1px;
}

/*------------la mise en page de l entete des autres pages du site------------*/

#header #logosaeh{
  float:left;
  width:200px;
}

#visite{
  float:right;
  margin:15px 10px 15px 0;
  color:#009;
  font-weight:bold;
  text-align:center;
}

#visite span{
  display:block;
  text-align:center;
  clear:left;
}

#retour, #suite{
  float:left;
  margin:0 5px 0 5px;
  width:50px;
  height:70px;
}

#retour a:link,#retour a:visited{
  background: transparent url(images/flechegauche.gif) top no-repeat;
}

#retour a:hover{
  background: transparent url(images/flechegauche.gif) top no-repeat;
}

#suite a:link, #suite a:visited{
  background: transparent url(images/flechedroite.gif) top no-repeat;
}

#retour a, #suite a{
  display:block;
  width:100%; height:100%;
}

#retour span, #suite span{
  padding-top:50px;
  font-size:15px;
}

/*------------mise en page du menu de la page d accueil-----------------------*/

#acmenu{
  float:left;
  width:33%;
  margin:15px 0 0 10px;
}

#acmenu ul{
  list-style-image:url(images/disc.gif);
  margin:-10px 0 -5px 25px;
  line-height:1.6em;
}

#acmenu a:link,#acmenu a:hover,#acmenu a:visited{
  color:#009;
}

/*-----------------------mise en page du menu horizontal-----------------------*/

#hmenu{
  clear:both;
  height:2em;
  background-color: #E3EFFC; /*#eff4fa;*/
  margin:10px 0 10px 0;
}

#hmenu li{
  float:right;
  list-style-type:none;
  border-right:solid 3px #ffffff;
  height:2em;
  line-height:2em;
}
.first{
  border-left:solid 3px #ffffff;
}

#marque{
  background-color:#4961BF;
}

#hmenu #marque a{
  color:#ffffff;
}

#hmenu li a{
  display:block;
  color:#4961BF;
  padding:0 5px 0 5px;
  border-right:solid 2px gray;
  border-bottom:solid 2px gray;
  border-left:0;
  border-top:0;
}

#hmenu li a:hover{
  border-left:solid 2px gray;
  border-top:solid 2px gray;
  border-right:0;
  border-bottom:0;
}
/*------------------le fil d ariane-------------------------------------------*/

#ariane{
  margin-left:10px;
  font-size:0.8em;
}

#ariane li{
  display:inline;
}

#ariane li a{
  font-weight:normal;
  font-size:0.8em;
}

/*-----------------------mise en page des menus gauches-----------------------*/

#gmenu, #acmenu{
    background:#E3EFFC; /*#eff4fa;*/
}

#gmenu{
  float:left;
  width:20%;
  margin:50px 10px 0 10px;
}

#gmenu span, #gmenu span.descend{
  margin-bottom:0.5em;
  font-size:1em;
}

#gmenu span{
  display:block;
  width:100%;
  text-align:center;
}

#gmenu span.descend{
  margin-top:1em;
}

#gmenu ul{
  list-style-image:url(images/disc.gif);
  margin:0 0 -5px 25px;
  line-height:1.3em;
}

/*ul.nopuce{
  list-style-image:none;
}*/

#gmenu a:link,#gmenu a:hover,#gmenu a:visited{
  color:#009;
}

#agrement{
  float:left;
  width:21%;
  margin:30px 10px 0 5px;
}

#agrement div.photos{
  width:100%;
  border:solid 1px gray;
  padding:0;
}

#agrement div.photos span{
  width:100%;
  font-size:0.8em;
}

#agrement img{
  width:100%;
}

/*-----------------------mise en page du menu global--------------------------*/

#globalmenu{
  text-align:center;
  padding-top:15px;
}

#globalmenu ul li{
  display:inline;
  list-style-type:none;
  height:1.6em;
  line-height:1.6em;
}

#globalmenu a:link,#globalmenu a:visited{
  padding:0 5px;
  margin:0;
  font-weight:normal;
  text-decoration:underline;
  font-size:0.8em;
  color:#2947A9;
}

#globalmenu a:hover{
  color:blue;
}

/*---------------------mise en page des contenu--------------------------------*/

#accontenu{ /*---de la page d accueil---*/
  margin:15px 0 0 35%;
  padding-right:10px;
}

#accontenu a{
  text-decoration:underline;
}

#accontenu p, #contenu p{
  text-align:justify;
  text-indent:1em;
  line-height:1.5em;
  margin-top:5px;
}

/*-des autres pages du site-----*/

#contenu{ /*---de la page d accueil---*/
  overflow:auto;
  padding-right:10px;
}

#contenu h1{
  text-align:center;
}

#contenu h1,#contenu h2, #contenu h3,#contenu h4{
  margin:20px 0 0 15px;
}

#contenu h2{
  text-indent:15px;
  margin:10px 0 15px 0;
}

#contenu h3{
  text-indent:30px;
}

#contenu h4{
  text-indent:45px;
}

#global #contenu hr{
  visibility:visible;
  clear:both;
  width:50%;
  border:0;
  margin:10px auto 10px auto;
  height:2px;
  text-align:center;
  color:#eff4fa;
  background-color:#eff4fa;
}

#contenu a{
  text-decoration:underline;
}

#contenu ul{
  margin:1.5em 0 0 2em;
  line-height:2em;
}

#contenu ul.adresse{
  border:solid 1px black;
  padding:0.5em;
  list-style-position:inside;
  list-style-type:none;
}

#contenu ul.adresse ul{
  margin-top:0;
  margin-left:1em;
}

#contenu ul li p{
  line-height:1.4em;
  text-indent:0;
}

#contenu ul li ul{
  margin-top:0;
  line-height:1.4em;
}

li.decal{
  margin-left:1.5em;
  list-style-type:none;
}

#contenu strong{
  font-weight:bold;
}

div.photos{
  width:200px;
  margin:10px 0 10px 0;
  padding:5px;
  float:left;
}

div.photos span{
  width:100%;
}

#plan{
  position:relative;
  left:50%;
  margin-left:-350px;
  width:700px;  height:500px;
  background: #fff url(images/plan.png) no-repeat;
  list-style-type:none;
}

div.hautpage{
  clear:both;
  height:55px;
}

div.hautpage div{
  float:right;
  display:block;
  width:55px; height:100%;
  background: transparent url(images/hdp.gif) top center no-repeat;
}

div.hautpage div a:link, div.hautpage div a:visited, div.hautpage div a:hover{
  display:block;
  width:100%; height:100%;
  text-align:center;
  text-decoration:none;

}

#contenu div.hautpage div a span{
  position:relative;
  top:15px;
  font-size:12px;
}

/*----------------------------------plans-------------------------------------*/

#plan a:link,#plan a:visited{
  display:block;
  width:100%; height:100%;
}

#batf, #maison{
  position:absolute;
  left:50%; top:50%;
  border:solid 1px green;
  z-index:0;
}

#batf a:hover, #maison a:hover{
  border:solid 2px green;
  z-index:100;
}

#batf{
  margin-left:-240px;
  margin-top:-185px;
  width:70px;  height:50px;
}

#batf a:hover{
  background: #fff url(images/plan2.png) -220px -130px no-repeat;
  width:140px;  height:100px;
}

#maison{
  margin-left:-285px;
  margin-top:-135px;
  width:80px;  height:90px;
}

#maison a:hover{
  background: #fff url(images/plan2.png) -135px -225px no-repeat;
  width:160px;  height:180px;
}

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

p.nbp{ /*note de bas de page*/
  font-size:0.8em;
  text-align:justify;
  text-indent:1em;
  line-height:1.5em;
  margin-top:5px;
  width:100%;
}

/*p.italic,*/p.nbp{
  font-style:italic;
}

dl{
  margin-left:1em;
}

dt{
  margin-left:2em;
}

dd{
  margin-left:3em;
}

#contenu dd p{
  line-height:1em;
  text-indent:0;
}

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

#pied{
  width:100%;
  text-align:center;
  margin-top:20px;
}


#pied a{
  font-size:0.8em;
  font-weight:normal;
  color: #009;
  margin:0;
  padding:0;
}

#pied span{
  color:#fff;
  margin: 0 2px;
  padding:0;
}

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

kbd{
  border:solid 1px gray;
}

blockquote{
  font-style:italic;
}

#contenu blockquote.citation{
  position:relative;
  z-index:100;
  background:#E3EFFC; /*#eff4fa;*/
}