/* adna CSS */

body {
/*margin: 0;
padding: 0;*/
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
/*font-family:georgia;*/
/*font-size: 0.7em;*/
background-color: #ffffff;
}
h1{
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-family:decker;
}
h2{
font-family:decker;
}
img{
border: 0;
}
a{
text-decoration:none;
}
p {
margin: 0 0 0 0;
font-family:georgia;
}
.conteneur { 
position: relative;
width: 780px;
margin: -15px auto; 
}

.header {
height: 121px;
background-image:url(images/head.gif);
background-repeat : no-repeat;
}
.logo{
float:left;
margin: -10px 0 0 0;
}
.right{

	float:right;
	margin-right:25px;
	padding-top:30px;
}
ul {

		   padding-top:80px;
		   margin-left: -20px;
		   list-style-type:none;
           width:100%;
           
      }
.menu li {
           float : left;
           color : #fff;
      }
.menu a {
           color:#6c5100;
           display : block;
           text-decoration : none;
      }
.menu a:hover {
           color : #ff6600;
      }
.menu a:active {
           color : #3399ff;
      }
.leftpanel {
position:absolute;
left:0;
width: 150px;
height: 380px;
/*background-color:#a8a801;*/
background-color:#cccc00;
}
.leftpanel a{
color:#4dbddb;
}
.leftpanel a:hover{
color:#e08800;
}
.leftpanel h1{
margin:5px 0px 0 8px;
/*font-family:georgia;*/
font-size:1.5em;
color:#fff;
}
.leftpanel p {
margin: 10px 5px 0px 5px;
float: left;
color:#fff;
font-size:0.7em;
}
.leftpanel img{ 
margin: 0px 0 0 0;
}
.frame {
margin-left:150px;
height: 380px;
background-color:#cccc00;
}
.frame div{
position:absolute;
margin: 0px 0px 0px 0px;
}
.frame h1{
text-align:right;
color:#fff;
margin:0 45px 0 0;
}
.frame h2{
text-align:right;
color:#fff;
margin:0 55px 0 0px;
}
.frame p{
text-align:right;
color:#6c5100;
font-size:0.8em;
margin:0px 55px 0 320px;
}
.frame img{
position:absolute;
float:left;
}
.frame a{
/*color:#4dbddb;*/
color:#fff;
text-decoration:underline;
}
.frame a:hover{
color:#e08800;
}
#logo{
/*position:absolute;
float:left;*/
margin:20px 0 0 -250px;
}
.footer {
clear:both;
height: 30px;
background-color: #ffffff;
background-image:url(images/pied.gif);
background-repeat : no-repeat;
}
.footer p{
color: #fff;
text-align: center;
padding: 2px;
font-size:0.7em;
}
.footer a{
/*color:#4dbddb;*/
color:#fff;
/*text-decoration:underline;*/
}
.footer a:hover{
color:#e08800;
}
.droit{
font-size:0.6em;
text-align:center;
color:#999999;
}
a.pop1 {
  position:relative;
  
}
a:hover.pop1 {
  text-decoration: none;
  background: none;
}
a.pop1 span {display: none;}
a.pop1 p{display: none;}
a:hover.pop1 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-10px 0px 0px 145px;
}
a:hover.pop1 p{
	background-image: url(images/fenetre.png);
	background-repeat:no-repeat;
	height:200px;
	width:200px;
	display: inline;
	position: absolute; 
	z-index: 20;
	margin:10px 0px 0px 52px;
	padding:20px;
}
a.pop2 {
  position:relative;
  
}
a:hover.pop2 {
  text-decoration: none;
  background: none;
}
a.pop2 span {display: none;}
a:hover.pop2 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-10px 0px 0px 95px;
  
}
a.pop3 {
  position:relative;
  
}
a:hover.pop3 {
  text-decoration: none;
  background: none;
}
a.pop3 span {display: none;}
a:hover.pop3 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-10px 0px 0px 45px;
  
}
a.pop4 {
  position:relative;
  
}
a:hover.pop4 {
  text-decoration: none;
  background: none;
}
a.pop4 span {display: none;}
a:hover.pop4 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-60px 0px 0px 145px;
  
}
a.pop5 {
  position:relative;
  
}
a:hover.pop5 {
  text-decoration: none;
  background: none;
}
a.pop5 span {display: none;}
a:hover.pop5 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-60px 0px 0px 95px;
  
}
a.pop6 {
  position:relative;
  
}
a:hover.pop6 {
  text-decoration: none;
  background: none;
}
a.pop6 span {display: none;}
a:hover.pop6 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-60px 0px 0px 45px;
}
a.pop7 {
  position:relative;
  
}
a:hover.pop7 {
  text-decoration: none;
  background: none;
}
a.pop7 span {display: none;}
a:hover.pop7 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-110px 0px 0px 145px;
}
a.pop8 {
  position:relative;
  
}
a:hover.pop8 {
  text-decoration: none;
  background: none;
}
a.pop8 span {display: none;}
a:hover.pop8 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-110px 0px 0px 95px;
}
a.pop9 {
  position:relative;
  
}
a:hover.pop9 {
  text-decoration: none;
  background: none;
}
a.pop9 span {display: none;}
a:hover.pop9 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-110px 0px 0px 45px;
}
a.pop10 {
  position:relative;
  
}
a:hover.pop10{
  text-decoration: none;
  background: none;
}
a.pop10 span {display: none;}
a:hover.pop10 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-160px 0px 0px 145px;
}
a.pop11 {
  position:relative;
  
}
a:hover.pop11{
  text-decoration: none;
  background: none;
}
a.pop11 span {display: none;}
a:hover.pop11 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-160px 0px 0px 95px;
}
a.pop12 {
  position:relative;
  
}
a:hover.pop12{
  text-decoration: none;
  background: none;
}
a.pop12 span {display: none;}
a:hover.pop12 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-160px 0px 0px 45px;
}
a.pop13 {
  position:relative;
  
}
a:hover.pop13{
  text-decoration: none;
  background: none;
}
a.pop13 span {display: none;}
a:hover.pop13 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-210px 0px 0px 145px;
}
a.pop14 {
  position:relative;
  
}
a:hover.pop14{
  text-decoration: none;
  background: none;
}
a.pop14 span {display: none;}
a:hover.pop14 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-210px 0px 0px 95px;
}
a.pop15 {
  position:relative;
  
}
a:hover.pop15{
  text-decoration: none;
  background: none;
}
a.pop15 span {display: none;}
a:hover.pop15 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-210px 0px 0px 45px;
}
a.pop16 {
  position:relative;
  
}
a:hover.pop16{
  text-decoration: none;
  background: none;
}
a.pop16 span {display: none;}
a:hover.pop16 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-260px 0px 0px 145px;
}
a.pop17 {
  position:relative;
  
}
a:hover.pop17{
  text-decoration: none;
  background: none;
}
a.pop17 span {display: none;}
a:hover.pop17 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-260px 0px 0px 95px;
}
a.pop18 {
  position:relative;
  
}
a:hover.pop18{
  text-decoration: none;
  background: none;
}
a.pop18 span {display: none;}
a:hover.pop18 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-260px 0px 0px 45px;
}
a.pop19 {
  position:relative;
  
}
a:hover.pop19{
  text-decoration: none;
  background: none;
}
a.pop19 span {display: none;}
a:hover.pop19 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-310px 0px 0px 145px;
}
a.pop20 {
  position:relative;
  
}
a:hover.pop20{
  text-decoration: none;
  background: none;
}
a.pop20 span {display: none;}
a:hover.pop20 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-310px 0px 0px 95px;
}
a.pop21 {
  position:relative;
  
}
a:hover.pop21{
  text-decoration: none;
  background: none;
}
a.pop21 span {display: none;}
a:hover.pop21 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-310px 0px 0px 45px;
}
/*-----------------------------------pop shop----------------------------*/
a.pop22 {
  position:relative;
  
}
a:hover.pop22 {
  text-decoration: none;
  background: none;
}
a.pop22 span {display: none;}
a.pop22 p{display: none;}
a:hover.pop22 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-34px 0px 0px 145px;
}
a:hover.pop22 p{
	background-image: url(images/fenetre.png);
	background-repeat:no-repeat;
	height:200px;
	width:200px;
	display: inline;
	position: absolute; 
	z-index: 20;
	margin:10px 0px 0px 52px;
	padding:20px;
}
a.pop23 {
  position:relative;
  
}
a:hover.pop23 {
  text-decoration: none;
  background: none;
}
a.pop23 span {display: none;}
a.pop23 p{display: none;}
a:hover.pop23 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-34px 0px 0px 95px;
}
a:hover.pop23 p{
	background-image: url(images/fenetre.png);
	background-repeat:no-repeat;
	height:200px;
	width:200px;
	display: inline;
	position: absolute; 
	z-index: 20;
	margin:10px 0px 0px 52px;
	padding:20px;
}a.pop24 {
  position:relative;
  
}
a:hover.pop24 {
  text-decoration: none;
  background: none;
}
a.pop24 span {display: none;}
a.pop24 p{display: none;}
a:hover.pop24 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-34px 0px 0px 45px;
}
a:hover.pop24 p{
	background-image: url(images/fenetre.png);
	background-repeat:no-repeat;
	height:200px;
	width:200px;
	display: inline;
	position: absolute; 
	z-index: 20;
	margin:10px 0px 0px 52px;
	padding:20px;
}a.pop25 {
  position:relative;
  
}
a:hover.pop25 {
  text-decoration: none;
  background: none;
}
a.pop25 span {display: none;}
a.pop25 p{display: none;}
a:hover.pop25 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-108px 0px 0px 145px;
}
a:hover.pop25 p{
	background-image: url(images/fenetre.png);
	background-repeat:no-repeat;
	height:200px;
	width:200px;
	display: inline;
	position: absolute; 
	z-index: 20;
	margin:10px 0px 0px 52px;
	padding:20px;

}a.pop26 {
  position:relative;
  
}
a:hover.pop26 {
  text-decoration: none;
  background: none;
}
a.pop26 span {display: none;}
a.pop26 p{display: none;}
a:hover.pop26 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-108px 0px 0px 95px;
}
a:hover.pop26 p{
	background-image: url(images/fenetre.png);
	background-repeat:no-repeat;
	height:200px;
	width:200px;
	display: inline;
	position: absolute; 
	z-index: 20;
	margin:10px 0px 0px 52px;
	padding:20px;
	
}
a.pop27 {
  position:relative;
}

a:hover.pop27 {
  text-decoration: none;
  background: none;

}
a.pop27 span {display: none;}
a.pop27 p{display: none;}
a:hover.pop27 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-108px 0px 0px 45px;
}
a:hover.pop27 p{
	background-image: url(images/fenetre.png);
	background-repeat:no-repeat;
	height:200px;
	width:200px;
	display: inline;
	position: absolute; 
	z-index: 20;
	margin:10px 0px 0px 52px;
	padding:20px;
	
}a.pop28 {
  position:relative;
  
}
a:hover.pop28 {
  text-decoration: none;
  background: none;
}
a.pop28 span {display: none;}
a.pop28 p{display: none;}
a:hover.pop28 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-158px 0px 0px 145px;
}
a:hover.pop28 p{
	background-image: url(images/fenetre.png);
	background-repeat:no-repeat;
	height:200px;
	width:200px;
	display: inline;
	position: absolute; 
	z-index: 20;
	margin:10px 0px 0px 52px;
	padding:20px;

}a.pop29 {
  position:relative;
  
}
a:hover.pop29 {
  text-decoration: none;
  background: none;
}
a.pop29 span {display: none;}
a.pop29 p{display: none;}
a:hover.pop29 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-232px 0px 0px 145px;
}
a:hover.pop29 p{
	background-image: url(images/fenetre.png);
	background-repeat:no-repeat;
	height:200px;
	width:200px;
	display: inline;
	position: absolute; 
	z-index: 20;
	margin:10px 0px 0px 52px;
	padding:20px;	

}a.pop30 {
  position:relative;
  
}
a:hover.pop30 {
  text-decoration: none;
  background: none;
}
a.pop30 span {display: none;}
a.pop30 p{display: none;}
a:hover.pop30 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-232px 0px 0px 95px;
}
a:hover.pop30 p{
	background-image: url(images/fenetre.png);
	background-repeat:no-repeat;
	height:200px;
	width:200px;
	display: inline;
	position: absolute; 
	z-index: 20;
	margin:10px 0px 0px 52px;
	padding:20px;	

}a.pop31 {
  position:relative;
  
}
a:hover.pop31 {
  text-decoration: none;
  background: none;
}
a.pop31 span {display: none;}
a.pop31 p{display: none;}
a:hover.pop31 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-232px 0px 0px 45px;
}
a:hover.pop31 p{
	background-image: url(images/fenetre.png);
	background-repeat:no-repeat;
	height:200px;
	width:200px;
	display: inline;
	position: absolute; 
	z-index: 20;
	margin:10px 0px 0px 52px;
	padding:20px;
	
}a.pop32 {
  position:relative;
  
}
a:hover.pop32 {
  text-decoration: none;
  background: none;
}
a.pop32 span {display: none;}
a.pop32 p{display: none;}
a:hover.pop32 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-282px 0px 0px 145px;
}
a:hover.pop32 p{
	background-image: url(images/fenetre.png);
	background-repeat:no-repeat;
	height:200px;
	width:200px;
	display: inline;
	position: absolute; 
	z-index: 20;
	margin:10px 0px 0px 52px;
	padding:20px;

}a.pop33 {
  position:relative;
  
}
a:hover.pop33 {
  text-decoration: none;
  background: none;
}
a.pop33 span {display: none;}
a.pop33 p{display: none;}
a:hover.pop33 span {
  display: inline;
  position: absolute; 
  z-index: 20;
  margin:-306px 0px 0px 95px;
}
a:hover.pop33 p{
	background-image: url(images/fenetre.png);
	background-repeat:no-repeat;
	height:200px;
	width:200px;
	display: inline;
	position: absolute; 
	z-index: 20;
	margin:10px 0px 0px 52px;
	padding:20px;		
/*-----------------------------------fin pop shop ------------------------------------------*/
/*--------------------------------------popup----------------------*/
#popup {
display: none;
position:absolute;
bottom: 10em;
right: 40em;
width: 300px;
border: 4px ;
background: 
font-size: 100%;
z-index:1000;
}

#popup p {
margin: 0 0.3em;
}

#popup h1 {
font-size: 110%;
margin: 0 0 0.5em 0;
border-bottom: 1px solid black;
/*background: white url(top.gif) left top repeat-x;*/
color: black;
text-align: center;
}
#popup img{
margin: 0.5em 0 0.5em 1.5em;
}

.fermer {
margin: 0.5em 0 0 0;
border-top: 1px solid black;
border-bottom: 1px solid black;
/*background: white url(bottom.gif) left top repeat-x;*/
color: #c5c5c5;
text-align: center;
}
/*----------------------------------fin popup----------------------*/