/*******************************************************/
/* Divs de super structure  */
/*******************************************************/
html,body {
  width:100%;
  height:100%;
  margin: 0px;
  padding: 0px;
}
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;  
  font-size: 10px; 
  /*background: #ececec; version avec bordure et fond gris*/
  background:#bbcbe4 url(../images/body_bg.gif) repeat-x top left;
}
div#containerGlobal{
  position:relative;
  width:801px;
  left:-1;
  margin:0px auto 0px auto;  
  padding: 0px 0px 0px 0px;
  border:1px #000000 solid;
  text-align: left;
  background:#eeeeee;
  /*background:#eeeeee url(../images/border.gif) repeat-y center center;version avec bordure et fond gris*/
}
div#containerOmbres{
  position:relative;
  width:801px;
  margin:0px auto 0px auto;  
  padding: 0px 10px 0px 10px;
  border:0px #000000 solid;
  text-align: left;
  background: url(../images/border.png) repeat-y center center;/*version avec bordure et fond gris*/
}
div#ombreHte{
  position:relative;
  width:821px;
  height:10px;
  margin:0px auto 0px auto;  
  padding: 0px 0px 0px 0px;
  border:0px #000000 solid;
  text-align: left;
  background: url(../images/borderHte.png) no-repeat bottom center;
}
div#ombreBass{
  position:relative;
  width:821px;
  height:10px;
  margin:0px auto 0px auto;  
  padding: 0px 0px 0px 0px;
  border:0px #000000 solid;
  text-align: left;
  background: url(../images/borderBass.png) no-repeat top center;
}
div#containerHeader{
  font-size: 12px; 
  width:100%;
  height:173px;
  margin:0px;
  padding:0px;
}
div#containerContent {
  position:relative;
  width:100%;
  margin:0px;
  padding:0px;
  background:#eeeeee url(../images/content_bg.gif) repeat-y center center;
}
div#containerFooter{
  width:100%;
  /*height:20px;*/
  margin:0px;
  padding:0px;
  background:#142567;
}
/*******************************************************/
/* Div de clear*/
/*******************************************************/
div.clear {
  margin:0px;
  padding:0px;
  clear:both;
}
/*******************************************************/
/* Divs de structure  */
/*******************************************************/
/* header et contenu de ce header */
/* --------------------------------------------------------------------- */
div#header1 {
  position:relative;
  float:left;
  height:100%;
  width:200px;
  height:173px;
  margin:0px;
  padding:0px;
}
div#header2 {
  position:absolute;
  left:201px;
  width:600px;
  height:173px;
  background:#ffffff;
}
div#bandeau {
  z-index:1;
  position:absolute;
  top:0px;
  left:0px;
  width:600px;
  height:173px;
}
div#bandeau img {
  border:0px;
}
div#logo {
  position:relative;
  z-index:1;
  width:200px;
  height:106px;
  background:#ffffff;
}
div#logo img {
  /*border-bottom:1px #ffffff solid;*/
  /*border-right:1px #ffffff solid;*/
}
/* menu T1 � savoir les raccourcis */
/* --------------------------------------------------------------------- */
div#menuT1 {
  position:relative;
  z-index:5;
  width:200px;
  height:20px;
  background:#142567;
  margin:1px 0px 1px 0px;
  /*border-bottom:1px #ffffff solid;*/
  /*border-top:1px #ffffff solid;*/
}
div#menuT1 ul {
  list-style-type:none;
}
li#btaccueil, li#btimage, li#btconnexion, li#btplan, li#btcontact, li#btrecherche {
  /*position:relative;*/
  float:left;
  margin-top:2px;
  padding-right:9px;
  padding-left:8px;
}
li#btaccueil, li#btimage, li#btplan, li#btcontact, li#btrecherche {
  border-right:1px #ffffff solid;
}
.def {
  font: bold 75% Verdana;
  margin: 0px 3px 5px 26px;
  padding:4px 0px 0px 10px;
  position:absolute;
  top:21px;
  width:190px;
  height:38px;
  background:#9ebbd0;
  color:#25455c;
  visibility:hidden;
}
/*li#btaccueil:hover .def,li#btimage:hover .def,li#btconnexion:hover .def,li#btplan:hover .def,li#btcontact:hover .def,li#btrecherche:hover .def{
  visibility:visible;
}*/
li#btaccueil .def,li#btrecherche .def,li#btcontact .def,li#btplan .def,li#btimage .def,li#btconnexion .def{
  left:-26px;
}
/* menu T2 � savoir les th�matiques */
/* --------------------------------------------------------------------- */
div#menuT2 {
  z-index:99;
  position:relative;
  width:600px;
  height:23px;
  margin:0px;
  padding-bottom:2px;
  /*background:#ffffff;*/
}
div#menuT2 ul {
  display:block;
  position:absolute;
  width:600px;
  margin: 0px;
  padding: 0px;
}
div#menuT2 ul li {
  float: left;
  list-style-type:none;
  background: url(../images/onglet.gif) no-repeat bottom left;
  font: bold 75% Verdana;
  margin: 0px 3px 5px 3px;
  padding:0px 0px 0px 0px;
}
div#menuT2 li a {
  color:#2d6714;
  /*color:#ececec;*/
  text-decoration: none;
  display: block;
  padding-left: 0px;
  font-weight:bold;
}
div#menuT2 li span {
  display: block;
  background: url(../images/onglet.gif) no-repeat bottom right;
  padding:3px 6px 6px 3px;
  position: relative;
  right:-3px;
 }
div#menuT2 li a:hover {
  text-decoration: underline;
}
/* module de recherche */
/* --------------------------------------------------------------------- */
div#recherche {
  color:#25455c;
  background:#9ebbd0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  position:relative;
  width:200px;
  font-size:10px;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:10px 0px 10px 0px;
}
div#recherche p {
  position:relative;
  margin:0px 0px 0px 0px;
  padding:0px 0px 5px 0px;
}
div#recherche form {
  position:relative;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 10px;
}
div#recherche .input{
  position:relative;
  top:-2px;
  color:#25455c;
  padding:2px 0px 0px 5px;
  margin:0px 0px 0px 0px;
  width:155px;
  height:22px;
  border:2px inset #25455c;
  background:url(../images/input.gif) no-repeat;
}
/* encart des services et invite � la cr�ation de compte*/
/* --------------------------------------------------------------------- */
div#servicesDeconnecte{
  border:0px solid green;
  position:relative;
  height:160px;
  width:100%;
  padding:5px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  background:#142567 url(../images/encart-services-v4.gif) repeat-x bottom left;
}
div#servicesDeconnecte ul{
  margin: 10px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
div#servicesDeconnecte ul li{
  color:#F0F0F0;
  list-style-type:none;
  list-style-image:url(../images/tickv2.gif);
  font: bold 100% Verdana;
  margin: 0px 3px 10px 25px;
  padding:0px 0px 0px 0px;
}
div#servicesDeconnecte div#inscription {
  position:absolute;
  bottom:0px;
  width:190px;
  height:40px;
  left:15px;
}
/* content 
/* --------------------------------------------------------------------- */
div#contenu {
  text-align:justify;
  float:left;
  width:550px;
  margin:0px 10px 10px 2px;
  padding:0px 0px 0px 2px;
}
div#encart-droite {
  float:left;
  width:225px;
  margin:0px 0px 0px 7px; 
  padding:0px 0px 0px 0px;
}
div.contentHeader {
  background: #9ebbd0; 
  color: White;
  text-transform: uppercase;
  font: bold 125% Verdana;
  padding:3px 3px 3px 7px;
  margin-bottom:5px;
  margin-top:5px;
}
div#contentContent p {
  margin-bottom:10px; 
  /*width:540px; */
}
div#contentContent img{
  margin:0px 5px 5px 0px;
  padding:0px 0px 0px 0px;
}
div.contentDroite { 
  text-align:justify;
  font: 90% Verdana;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
div.contentDroite img{
  float:left;
  padding:0px 5px 5px 0px;
  margin:0px 0px 0px 0px;
}
div.separateur {
  
  width:90%;
  height:23px;
  margin:0px auto 0px auto;
  background: url(../images/separateur.gif) repeat-x center left;
}
div#meteo {
  position:absolute;
  top:0px;
  right:-201px;
  width:200px;
  margin:0px;
}
div#encart-droite ul{
  text-align:left;
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
div#encart-droite ul li{
  position:relative;
  list-style-type:none;
  list-style-image:url(../images/tickv2.gif);
  list-style-position:ouside;
  margin: 0px 0px 15px 25px;
  padding:0px 0px 0px 0px;
}
div.username {
  color:#e5d9ba;
  font: bold 100% Verdana;
  margin: -2px 3px 2px 5px;
  padding:0px 0px 0px 0px;
}
div#menuContext ul,div#servicesConnecte ul {
  text-align:left;
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
div#menuContext ul li,div#servicesConnecte ul li {
  position:relative;
  list-style-type:none;
  vertical-align:middle;
  font: 110% Verdana;
  list-style-image:none;
  list-style-position:outside;
  margin: 0px 0px 0px 0px;
  padding:5px 0px 10px 10px;
  background: #E5E5E5;
  border-top:1px solid #C0C0C0;
  border-left:5px solid #9ebbd0;
}
div#menuContext ul li.actif, div#servicesConnecte ul li.actif {
  position:relative;
  list-style-type:none;
  font: 110% Verdana;
  list-style-image:none;
  list-style-position:outside;
  margin: 0px 0px 0px 0px;
  padding:5px 0px 10px 10px;
  background: #E5E5E5;
  border-top:1px solid #C0C0C0;
  border-left:5px solid orange;
}
div#menuContext ul li a, div#servicesConnecte ul li a {
  font: bold 100% Verdana;
  text-decoration:none;
  color:#454545;
}
div#menuContext ul li a:hover, div#servicesConnecte ul li a:hover {
  font: bold 100% Verdana;
  color:orange;
}
div#menuContext ul li.sous {
  position:relative;
  list-style-type:none;
  vertical-align:middle;
  font: 100% Verdana;
  list-style-image:none;
  list-style-position:outside;
  margin: 0px 0px 0px 20px;
  padding:2px 0px 5px 10px;
  background: #E5E5E5;
  border-top:1px solid #C0C0C0;
  border-left:5px solid #9ebbd0;
}
div#menuContext ul li.sous-actif {
  position:relative;
  list-style-type:none;
  font: 100% Verdana;
  list-style-image:none;
  list-style-position:outside;
  margin: 0px 0px 0px 20px;
  padding:2px 0px 5px 10px;
  background: #E5E5E5;
  border-top:1px solid #C0C0C0;
  border-left:5px solid orange;
}
div#menuContext ul li.sous a, div#menuContext ul li.sous-actif a {
  font: bold 100% Verdana;
  text-decoration:none;
  color:#454545;
}
div#menuContext ul li.sous a:hover, div#menuContext ul li.sous-actif a:hover {
  font: bold 100% Verdana;
  color:orange;
}
/* footer et contenu de ce footer */
/* --------------------------------------------------------------------- */
div#footer {
  position:relative;
  width:801px;
  color:#dddddd;
  margin:0px 0px 0px 0px;
  padding:10px 10px 10px 10px;
  text-align:center;
  font: bold 90% Verdana;
}
div#footer p {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
div#footer a {
  color:#ffa500;
}