/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}

body,html{
height:100%;/*---obligatoire pour le footer---*/
scrollbar-base-color:#F4C8A1;
overflow:hidden;
}
body{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
background-color:#dd7d2f;
background-image:url(../images/charte/bg-intro.jpg);
background-position:center center;
background-repeat:no-repeat;
}
#intro{
position:absolute;
width:980px;
height:560px;
left:50%;
top:50%;
margin-left:-490px;
margin-top:-280px;
}
#mentions{
position:absolute;
bottom:0px;
font-size:10px;
width:100%;
text-align:center;
}
#fondHaut{
position:absolute;
width:100%;
height:50%;
z-index:100;
background-color:#cb7154;
}
#fondBas{
position:absolute;
width:100%;
height:50%;
bottom:0px;
z-index:1;
background-color:#f4c9a3;
}
#fond{
position:absolute;
width:100%;
height:560px;
top:50%;
margin-top:-280px;
z-index:2;
background-image:url(../images/charte/fond.gif);
}
#site{
position:absolute;
width:980px;
height:560px;
top:50%;
left:50%;
margin-top:-280px;
margin-left:-490px;
z-index:3;
background-image:url(../images/charte/bg-site.jpg);

}
#masks{
position:absolute;
width:980px;
height:231px;
top:50%;
left:50%;
border:0px solid #FF0000;
margin-top:-385px;
margin-left:-490px;
z-index:190;


}
#logo{
position:absolute;
z-index:200;
top:50%;
width:349px;
left:50%;
margin-left:-450px;
margin-top:-290px;
height:400px;
background:url(../images/charte/logo.png) repeat-y scroll center top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/logo.png', sizingMethod='scale');
}
#haut{
position:absolute;
width:980px;
height:180px;
left:50%;
margin-left:-480px;
z-index:100;
}
#titre{
position:absolute;
height:30px;
left:50%;
top:50%;
width:450px;
margin-left:-100px;
margin-top:-190px;
z-index:100;
font-size:30px;
color:#fff;
border-bottom:1px solid #000;

}
#audio{

position:absolute;
width:1px;
height:1px;
margin-left:-50%;
margin-top:-50%;
}
#menu{
position:absolute;
left:50%;
top:50%;
width:260px;
margin-left:-420px;
margin-top:100px;
z-index:20;
font-weight:bold;
}
#blocMenu{
width:100px;
float:left;
padding:10px;
}
#menu span{
height:20px;
line-height:20px;
border-bottom:1px solid #c9691b;
display:block;
font-size:12px;
}
#menu a{
color:#444;
text-decoration:none;
}
#menu a:hover{
color:#c9691b;
}


#adresse{
position:absolute;
width:980px;
height:40px;
top:50%;
margin-top:270px;
left:50%;
margin-left:-480px;
z-index:20;
padding-left:60px;
background-image:url(../images/charte/bg-adresse.gif);
}

a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;
border:0px;

}
a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;
border:0px;
}

a{
text-decoration:none;
color:#fff;
border:0px;
}
a:hover{
text-decoration:none;
color:#000;
}


#menus{
text-decoration:none;
color:#934203;
font-weight:bold;
font-size:11px;
font-family:Georgia, "Times New Roman", Times, serif;
border:0px;
}
#menus:hover{
text-decoration:none;
color:#000;
}


#lien{
text-decoration:underline;

color:#934203;
font-weight:bold;
font-size:11px;
border:0px;
}
#lien:hover{
text-decoration:none;
color:#000;
}

.idep{
font-size:9px;
color:#000;
}
.idep a{
text-decoration:none;
color:#fff;
}
.idep a:hover{
text-decoration:none;
color:#000;
}
#screen{
position:absolute;
z-index:3;
width:620px;
height:400px;
top:50%;
left:50%;
margin-left:-150px;
margin-top:-150px;
overflow:auto;

background-image:url(../images/charte/blank.gif);
}
#contenu{
position:absolute;
z-index:98;
width:590px;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:18px;
color:#23140F;
text-align:justify;
}

#copy{
position:absolute;
z-index:500;
font-family:Arial, Helvetica, sans-serif;
width:600px;
text-align:right;
font-size:10px;
right:50%;
margin-right:-440px;
top:50%;
margin-top:273px;
color:#000;
font-weight:bold;
}


h1{
position:absolute;
left:50%;
top:50%;
width:550px;
margin-left:-110px;
margin-top:-185px;
z-index:195;
font-family:Georgia, "Times New Roman", Times, serif;

font-size:20px;
color:#ffffff;
border-bottom:1px solid #744636;
}
h2{
font-size:18px;
font-weight:bold;
color:#67422a;
padding-top:4px;
border-bottom:1px solid #fff;
margin-bottom:8px;
}
h3{
font-size:15px;
display:block;
color:#AB5F47;
}

h4{
font-size:15px;
border-bottom:1px dashed #934203;
padding-bottom:2px;
color:#934203;
}


h5{
font-size:15px;
padding-bottom:2px;
color:#000000;
}

h6{
font-size:12px;
color:#72390D;
}

.petit{
font-size:9px;
letter-spacing:1px;
font-weight:bold;
color:#AB5F47;
}



.inputForm{
border:1px solid #8A5B36;
background-color: #FFFFFF;
width:130px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.inputFormOver{
border:1px solid #8A5B36;
background-color: #F8F2ED;
width:130px;
font-family: Arial, Helvetica, sans-serif;
color: Black;
font-weight:normal;
font-size: 12px;
color:#000000;
}
.button{
border:1px solid #FFFFFF;
background-color: #934203;
width:65px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color:#FFFFFF;
}
.buttonOver{
border:1px solid #6E3B12;
background-color: #FFD5B3;
width:65px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
cursor:pointer;
cursor:hand;
color:#000000;
}

.frmContact{ /* dedicated ID for "contact form"*/
	
	text-align:center;
	background-color:#D4915D;
	font-size:11px;
	border:1px solid #934203;
}

.frmContact .Label, .frmContact label{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
white-space:nowrap;
color:#934203;
}

.notice{
	color:#934203;
	font-size:11px;
	padding:0px;
}



/* listing prod
******************/

#bandeau-photos{
  width: 570px;
  height: 108px;
  overflow: auto; /* fix safari */
  float: left;
  border:1px solid #934203;
  }

#bandeau-photos #defilgauche, #bandeau-photos #defilgauche0, #bandeau-photos #defilgauche1, #bandeau-photos #defilgauche2{
  float: left;
  cursor: pointer;
 
  width:44px;
  height:108px;
  }
#bandeau-photos #defildroite, #bandeau-photos #defildroite0, #bandeau-photos #defildroite1, #bandeau-photos #defildroite2{
  float: right;
  cursor: pointer;
   width:43px;
  height:108px;
  }
#bandeau-photos #flowcut, #bandeau-photos #flowcut0, #bandeau-photos #flowcut1, #bandeau-photos #flowcut2{
  height: 100px;
  padding-top:8px;
  width:483px;
  overflow: hidden;
  position: relative;
  background-color:#CD6D20;
  

  }
#bandeau-photos #flow, #bandeau-photos #flow0, #bandeau-photos #flow1, #bandeau-photos #flow2{


  }
#bandeau-photos .vign{
float: left;
width: 1%;
text-align:left;
padding:0px;
border:0px;



  }