/*--------------------------------------
        Mise en Page Blue Bear
       Source : www.blue-bear.org
      Copyright : Blue Bear -2008
--------------------------------------*/
/*------ Common--*/ 
body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:75%;
  color:#000099;
  margin:0; 
  padding:0;
  background-image:url(images/fond.gif);
  /*------background-color:#FFA418;--*/
}
img{
  border:0px;
}
ul, li{
  margin:0; 
  padding:0;  
}
a.default{
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
}


a.default:hover, a.default.focus{
  color:#3399ff;
}
a.com{
	font-size:90%;
	left:15px;
  color:#FFFFC4;
  font-weight:bold;
  text-decoration:none;
}
a.com:hover, a.default.focus{
  color:#3399ff;
}
/*------ Structure ---*/
#banniere{
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:148px;
  z-index:0;
  background-image:url(images/banniere.gif);    
}
#fondmenu{
  position:relative;
  top:0;
  left:-50px;
  background-color:#FFFFFF;
  width:100%;
  z-index:0;  
}


#content{
  position:absolute;
  left:173px;
  top:250px;
  width:400px;
  z-index:5;
  padding-top:2%;  
}
#content2{
  position:absolute;
  left:173px;
  top:70px;
  width:619px;
  height:517px;
  z-index:0;  
}
#C_foot{
  background-image:url(images/background.gif); 
  margin-top:-200px;
  min-width:100%;
  height:89px;    
}
#footer{
  position:relative;
  background-image:url(images/p_page.gif);
  width:100%;
  height:110px;
  top:35em;
  z-index:1;
  margin:0;
  padding:0;
}

#footer a{
  position:absolute;
  margin-left:-16px;
  margin-top:7px  
}
#footer2{
  position:relative;
  width:100%;
  height:110px;
  top:35em;
  z-index:1;
  margin:0;
  padding:0;
}

#footer2 a{
  position:absolute;
  margin-left:-16px;
  margin-top:7px  
}
/*------ footer -----*/
#addr{
  position:absolute;
  text-align:left;
	margin-left:20px;
	margin-top:90px;
	font-size:80%;
  font-weight:bold;
	index-z:4;
}
/*------- Contenu ---*/
h1{
  position:absolute;
  top:-120px;
	left:360px;
  margin:10px;
  padding:0;
}
#menu{
  position:absolute;
  top:20px;
  left:50px;
  z-index:3;
  width:100%;
  background-color:#FFFFFF;
  padding-top:0.5em;
	padding-bottom:0.5em;

}


#menu li{
  display:inline;
  padding-right:1em;
}

#menu li a{
  color:#333399;
  font-weight:bold;
  text-decoration:none;
}


#menu li a:hover, #menu li a:focus{
  background-color:#ffffff;
  color:#3399ff;
}
#menu li a#lang{
  display:block;
  float:left;
	margin-left:20px;
	margin-top:-30px;
  width:25px;
  height:15px;

}

#menu li a#lang:hover, #menu li a#lang:focus{
  border:1px solid #3399ff;    
}

#content h2{
  position:absolute;
  top:-40px;
  width:280px;  
  left:340px;
  z-index:4;
  text-align:right;
  color:#ffffff;
  font-size:1.7em;  
}
#content #texte {
  position:relative;
  top:2em;
  left:320px;
  z-index:4;
  width:280px;
  font-weight:bold;
  text-align:justify;
  color:#000099;
	border:2px dashed #ffffff;
	padding:10px;
	
}
#content #texte .cadre{
background-color:#ffffff;
padding:10px;
filter:alpha(opacity=45);
-moz-opacity:0.45;
opacity: 0.45;
	
}

#content #texte .soustitre{
color:#000099;
text-align:right;
	
}
#content #texte .tarif{
background-color:#ffffff;
padding:10px;
filter:alpha(opacity=45);
-moz-opacity:0.45;
opacity: 0.45;
color:#000099;
text-align:right;
	
}



/*----- Diaporama ----*/
#diaporama_index{
 position:absolute;
 left:-170px;
 top:-50px;
 width:466px;
 height:356px;
 z-index:0;
  background-image:url(images/fond_diapo_index.gif);
}
#diaporama_index object{
  margin-top:35px;
  margin-left:40px;
	z-index:1;
}
#diaporama{
 position:absolute;
 left:-170px;
 top:-50px;
 width:466px;
 height:356px;
 z-index:0;
  background-image:url(images/fond_diapo.gif);
}
#diaporama object{
  margin-top:35px;
  margin-left:40px;
	z-index:1;
}
#plan{
 position:absolute;
 left:-170px;
 top:-50px;
 width:466px;
 height:356px;
 z-index:0;
  background-image:url(images/plans.gif);
}
/*------ Pop Up -----*/
#popup{
 position:absolute;
 width:35em;
 height:30em;
 top:10%;
 left:20%;
 background-color:#A09C70;
 border:5px solid #FFFFD0;
 z-index:4;
}
#popup h1{
 position:relative;
 background-image:none;
 text-align:left;
 width:100%;
 left:0;
 text-align:center; 
}
#close{
  position:absolute;
  top:2px;
  right:2px;
}
#CoinHG{
  position:absolute;
  top:-10px;
  left:-20px;
  z-index:4;
  width:44px;
  height:35px;
  background-image:url(images/coin_haut.gif);
}
#CoinBD{
  position:absolute;
  bottom:-10px;
  right:-12px;
  z-index:4;
  width:36px;
  height:36px;  
  background-image:url(images/coin_bas.gif);    
}
#popup h2{
  font-size:1.1em;
  text-decoration:underline;
  margin-left:2.8em; 
}
#popup ul{
  margin-left:3em; 
}
#Lien_G{
  float:left;
  width:49%;
}
#Lien_D{
  float:right;
  width:49%;
}

/*------ Divers -----*/
.adaptive{
  position:absolute;
 	left:0px;
 	top:-1000px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}