/*
  Style pour nouveau format du site
*/

.CadreMenuHaut .LangueMenu{
  float:right;
  width: 100px;
  height: 20px;
  background-color: #00b9f1;
  z-index: 800;
}
.CadreMenuHaut .AssocMenu{
  float:right;
  width: 100px;
  height: 20px;
  background-color: #00b9f1;
  z-index: 800;
}
/* Mise en page de le nouvelle structure */
.CorpHaut{
  height: 230px;
  background-image: url(../images/Fond.jpg);
}
.LargeurPage{
  width: 900px;
}


.PremierMenu{
  text-align: left;
	height: 28px;
	line-height: 2px;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0px;
/*	padding-top:2px; */
/* 	padding-bottom:4px; */ /* 2 pour IE7 ; 4 pour FF +++ */
  background: transparent url(../images/fond_menu.jpg) repeat-x top
}
.SecondMenu{
  height: 25px;
  line-height: 2px;
/*  font-family: tahoma, arial; */
  font-size: 9pt;
  font-weight: bold;
  background: transparent url(../images/fond_menu2.jpg) repeat-x top
  /* overflow: hidden; */
}

.LargeurPage .Logo{
  width: 80px;
  height: 130px;
  text-align: center;
  vertical-align: middle;
/*
  float: left;
  position: relative;
  top:26px;
  left:13px;
*/
}
.LargeurPage .Logo img{
  height:93px;
  width:69px;
}

div.CadreMenuHaut{
  width: 900px;
  position: relative;
  top: 80px; /* 60 pour IE7 ; 80 pour FF +++ */
  left: 0px; /* 0 pour IE7 ; 10 ppour FF +++ */
  overflow: hidden;
}


/* .CadreMenuHaut .PremierMenu{*/

.PremierMenu span{
  margin-right: 0px;
  margin-left: 0px;
  color: #999999;
}


.PremierMenu a,
.PremierMenu a:link,
.PremierMenu a:visited{
  padding:7px 5px 7px 5px;
  margin-right:2px;
  text-decoration: none;
  color: #ffffff;
  font-size: 9pt;
  line-height: 28px;
  height: 28px;
}
.PremierMenu a:hover{
  background-color: #01bcf2;
  color: #FFFFFF;
}
.PremierMenu a.current{
  background-color: #1a1919;
  color: #F4F4F4;
  
}

.PremierMenu div.search{
  float: right;
  text-align: right;
  height: 21px;
  font-size: 10pt;
  line-height: 20px;
}
.search img{
  border:0px none;
}
.search input{
  font-size: 10pt;
  width: 120px;
  background-color: #EEEEEE;
}
.search .BoutonDeb{
  background-image: url(../images/btn_green_left.jpg);
  background-repeat: no-repeat;
  margin:0;
  width: 7px;
  height: 21px;
}
.search a.Bouton{
  background-image: url(../images/btn_green_content.jpg);
  background-position: right;
  height: 21px;
  font-family: tahoma, arial;
  line-height: 21px;
  font-size: 10pt;
  margin:0;
  color: #FFFFFF;
}


/* Centre de page */
.CorpPage{
 background-color: #eaeaea;
}

.CorpPage .CentrePage{
  text-align: left;
   background-color: #ffffff;
  border-left: 2px solid #DDDDDD;
  border-right: 2px solid #DDDDDD;
  padding:0px;
}



.CorpBas{
  background-color: #eaeaea;
  height: 20px;
  padding:0px;
}
.CorpBas .BasPage{
	background-color: #ffffff;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	font-size: 8pt;
	text-align: center;
}

.BasPage .Societe{
  color: #0cbff3;
  font-weight: bold;
}
.BasPage a,
.BasPage a:link,
.BasPage a:visited{
  text-decoration: none;
  color: #000000;
  padding-left: 5px;
  padding-right: 5px;
}
.BasPage a:hover{
  background-color: #0cbff3;
  color:#FFFFFF;
}
.BasPage a.webexe,
.BasPage a.webexe:visited,
.BasPage a.webexe:visited{
  background-color: #FFFFFF;
  color:#999999;
}
.BasPage a.webexe:hover{
  background-color: #EEEEEE;
  color:#999999;
}

/* Tous les Encarts */
.Encart{
  float:left;
  margin-left: 3px;
  height: 150px;
  overflow: hidden;
  font-size: 10pt;
  border: 1px solid #DDDDDD;
}

/* Titre de l'encart */
.Encart h4{
  margin:0px;
  text-align: left;
  padding-left: 5px;
  line-height: 24px;
  background: #EEEEEE url(../images/fond_bouton.jpg) repeat-x ;
  border: 1px solid #DDDDDD;
  border-bottom: 5px solid #1A8688;
}
.Encart h4.jaune{
  border-bottom: 5px solid #FCC640;
}


/* Corp de l'encart */
.Encart div{
  padding: 2px;
}

/* Tailles */
.Encart200{
  width:197px;
}

.Encart624{
  width:609px;
}
/* Separateur des div dans le coprs de la page */
.CentrePage hr.Separateur {
  clear: both;
  visibility: hidden;
}

/* Menu des chapitres a gauche */
#MenuChapitre{
  width: 135px;
  background-color: #EEEEEE;
  border: 1px solid #999999;
}
#MenuChapitre a:link,
#MenuChapitre a:visited{
  display: block;
  width: 130px;
  padding:3px;
  text-decoration: none;
  color: #1A8688;
  font-weight: bold;
}
#MenuChapitre a:hover{
  background-color: #1A8688;
  color: #FFFFFF;
}

#MenuChapitre h4{
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  font:  14pt/25px Tahoma, verdana, Arial, sans-serif;
}
#MenuChapitre .debut{
  width: 100%;
  height: 25px;
  background: #EEEEEE url(../images/fond_bouton.jpg) repeat-x scroll 0 0;
  border-bottom: 3px solid #FF6600;
}
#MenuChapitre .fin{
  width: 100%;
  height: 5px;
  background-color: #999999;
}

/* Menu navigation du haut */
.MenuHautDroit{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 8pt;
  line-height: 11px;
  text-align: right;
  color: #FFFFFF;
  height:177px;
}

.MenuHautDroit a,
.MenuHautDroit a:link,
.MenuHautDroit a:visited{
  text-decoration: none;
  color: #FFFFFF;
  padding:2px;
}
.MenuHautDroit a:hover{
  text-decoration: none;
  background-color: #de0083;
  color:#ffffff;
}

.MenuHautDroit a.noHover:hover{
  text-decoration: none;
  background-color: transparent;
}

/* Menu login sur menuHaut */
#LoginHaut .panel{
  display: none;
  width: 250px;
  /* height: 50px;*/

  position: absolute;
  left: 1200px;

  z-index: 900;

  background-color: #CCCC66;
  font: normal normal bold 12pt/18px tahoma,verdana;
}

#LoginHaut:hover .panel{
  display: block;
}