/* 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;
}
input{
background-color:#000000;
border:1px solid #FFFfff;
font-size:10px;
margin:0;padding:0;padding-left:1px;
height:17px;line-height:15px;
}
body,html{
height:100%;/*---obligatoire pour le footer---*/
/*scrollbar-base-color: #FFFfff;*/
overflow:hidden;
}
body{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#7D5409;
background:#fff;
margin:0px;
} 
 p{
text-align:justify;}
#haut{
position:absolute;
width:100%;
height:132px;
z-index:4;
background-image:url(../images/charte/bg-haut.jpg);
}

#sound{
	position:absolute !important;
	margin-top:-150px;
	margin-left:-170px;
	
}

#titre{
position:absolute;
width:550px;
height:77px;
left:50%;
margin-left:-490px;
z-index:100;
background-image:url(../images/charte/haut.jpg);
padding-left:430px;
padding-top:75px;
}

#bas{
position:absolute;
width:100%;
height:210px;
background:url(../images/charte/bg-bas.gif) repeat-x scroll center top;
/*_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bg-bas.gif', sizingMethod='scale');
*/background-position:bottom left;
bottom:0;
/*z-index:2;*/
}
#masque{
position:absolute;
width:368px;
left:50%;
margin-left:-850px;
height:210px;
background:url(../images/charte/bg-bas.gif) repeat-x scroll center top;
/*_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bg-bas.gif', sizingMethod='scale');
*/background-position:bottom left;
bottom:0;
z-index:20;
}
#footer{
position:absolute;
width:980px;
height:140px;
bottom:0;
left:50%;
margin-left:-490px;
z-index:210;
background:url(../images/charte/bg-footer.gif) repeat-y scroll center top;
/*_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bg-footer.gif', sizingMethod='scale');*/
}

#pierre{
position:absolute;
z-index:10;
width:368px;
height:304px;
/*background-image:url(../images/charte/pierre.jpg);*/
bottom:65px;
left:50%;
margin-left:-458px;
}

#container{
position:absolute;
width:980px;
left:50%;
margin-left:-491px;
height:100%;
background-image:url(../images/charte/bg-container.png);
background-repeat:repeat-y;
z-index:3;
}
/*
a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;

}
a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;
}
*/

/***************** MENU V *****************/
#menuv {
position:absolute;
width:980px;
left:50%;
margin-left:-91px;
padding-top:130px;
z-index:130;
width: 551px; /* précision pour Opera */
height:25px;

}
dl, dt, dd {
margin: 0;
padding: 0;
}
ul{
margin-top:-3px;
position:absolute;
width:70px;
border:1px solid #7D5409;
border-width:0 0px;
background:#7D5409;
}
#menuv li {
margin: 0;
padding: 0;
list-style-type: none;
font:normal 0.9em/20px Arial, Helvetica, sans-serif;
text-align: left;
border-bottom:1px solid #7D5409;
}
#menuv dl {
float:left;
width:180px;
}
#menuv dt { 
cursor: pointer;
line-height:10px;
height:25px;
}
#menuv dd {
display: none;
}
#menuv li a {
color: #FFF;
text-decoration: none;
height: 100%;
display:block;

}
#menuv li a:hover{
color:#FFF;
background:#C59A4C;
text-decoration:none;
}
#menuv dt a {
text-decoration: none;
display:block;
height:11px;
font:normal 0.9em/25px Arial, Helvetica, sans-serif;
text-align:center;
text-indent:2px;
color:#FFF;
background:none;
}
#menuv dt a:hover {
text-decoration:none;
color:#FB9F24;
background:none;
}

/***************** FIN MENU *****************/


#idep{
position:absolute;
width:250px;
bottom:5px;
left:50%;
margin-left:-520px;
z-index:305;
text-align:right;
text-transform:uppercase;
font-size:10px;
color:#fff;
}
#idep a{
text-decoration:none;
color:#7D5409;
}
#idep a:hover{
text-decoration:none;
color:#000;
}

#screen{
position:absolute;
z-index:40;
width:100%;
height:100%;
overflow:auto;
display:block;
background-image:url(../images/charte/blank.gif);
}
#contenu{
position:absolute;
width:490px;
display:block;
left:50%;
margin-left:-50px;
padding-top:130px;
padding-bottom:140px;
}
.adresse
{
background:url(../images/charte/bg-adresse.jpg) no-repeat top center;
width:433px;
height:184px;
text-align:center;
margin-top:10px;
padding-top:20px;
padding-left:40px;
margin-left:18px;

}
.adresse-left
{
width:184px;
height:141px;
text-align:center;
padding-left:0px;
margin-top:20px;
float:left;
}
.adresse-right
{
width:184px;
height:141px;
text-align:center;
padding-left:25px;
margin-top:15px;
line-height:20px;
float:left;
}
.bas-page
{

margin-top:10px;
background:url(../images/charte/bg-bottom.jpg) no-repeat bottom left;
width:498px;
height:150px;

}
#text-bas
{
text-align:left;
padding-left:20px;
padding-top:10px;
line-height:20px;
float:left;
}
#text-bas a:link, #text-bas a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#7D5409;
	font-weight:bold;
	text-decoration:underline;
	}
#text-bas a:hover, #text-bas a:active{
	font-family:Arial, Helvetica, sans-serif;
	color:#F6AB25;
	font-weight:bold;
	text-decoration:underline;
}
.image{
text-align:center;
border:none;
margin:5px 0px 0px 5px;
cursor:default;

}
.image-left{
border:none;
float:left;
margin:0px 5px 5px 0px;
cursor:pointer;

}
.image-right{
border:none;
float:right;
margin:0px 0px 5px 5px;
cursor:pointer;
}
.list
{

text-align:left;
width:475px;
margin-left:20px;
}
.bulet
{
float:left;
margin-top:5px;
margin-right:5px;
}
.institut{
	float:left;
	margin:10px;
	background-color:#fbcb76;
	padding:5px;
	border:1px solid #7d5409;
	height:160px;
	width:125px;
	text-align:center;
}
#text-contact
{
font-family:Arial, Helvetica, sans-serif;
color:#7D5409;
}
#text-contact a:link, #text-contact a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#7D5409;
	font-weight:bold;
	text-decoration:underline;
	}
#text-contact a:hover, #text-contact a:active{
	font-family:Arial, Helvetica, sans-serif;
	color:#F6AB25;
	font-weight:bold;
	text-decoration:underline;
}
.produit-link
{
font-family:Arial, Helvetica, sans-serif;
color:#7D5409;
margin-left:5px;
}
.produit-link a:link, .produit-link a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#7D5409;
	font-weight:bold;
	text-decoration:underline;
	}
.produit-link a:hover, .produit-link a:active{
	font-family:Arial, Helvetica, sans-serif;
	color:#F6AB25;
	font-weight:bold;
	text-decoration:underline;
}

#parrainage
{
width:490px;
float:left;
background-color:#FEECC8;
margin-top:10px; 
}
.parrainage-left
{
text-align:left;
margin-left:2px;
width:150px;
float:left;
}

.parrainage-middle
{
background:url(../images/charte/bg-left-marraine.gif) no-repeat left top;
text-align:center;
width:160px;
float:left;
height:370px;
line-height:18px;
}
.title-marraine
{
width:100px;
font-size:13px;
color:#E87719;
text-align:center;
margin-left:30px;
line-height:20px;
}

#text-marraine
{
width:130px; 
margin-top:10px;
margin-left:20px;
text-align:center;
}
#text-marraine1
{
width:130px; 
margin-top:10px;
margin-left:20px;
text-align:center;
}
.parrainage-right
{background:url(../images/charte/bg-left-fille.gif) no-repeat left top;
height:370px;
text-align:center;
width:165px;
float:left;
}

#text-filleul
{
width:150px; 
margin-top:10px;
margin-left:20px;
text-align:center;
}
#text-filleul1
{
width:150px; 
margin-top:10px;
margin-left:20px;
text-align:center;
}
#promotion-index
{
width:356px;
height:176px;
background:url(../images/charte/bg-promo.jpg) no-repeat top center;
margin-left:70px;

}
.promo{
width:355px;

}

.promo-left{

width:190px;
float:left;
text-align:center
}

.promo-right{

width:150px; 
float:right; 
padding-right:10px; 
}
.savoir
{
width:145px;
padding-top:5px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#7D5409;
}
.savoir a:link,.savoir a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#7D5409;
	font-weight:bold;
	text-decoration:underline;
	}
.savoir a:hover,.savoir a:active{
	font-family:Arial, Helvetica, sans-serif;
	color:#F6AB25;
	font-weight:bold;
	text-decoration:underline;
}
.page
{
padding-top:5px;
padding-bottom:25px;
font-weight:bold;
color:#6d4601;
}
.page a:link,.page a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#7D5409;
	font-weight:bold;
	text-decoration:underline;
	}
.page a:hover,.page a:active{
	font-family:Arial, Helvetica, sans-serif;
	color:#F6AB25;
	font-weight:bold;
	text-decoration:underline;
}
.merci
{

text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#7D5409;
}
.merci a:link,.merci a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#7D5409;
	font-weight:bold;
	text-decoration:underline;
	}
.merci a:hover,.merci a:active{
	font-family:Arial, Helvetica, sans-serif;
	color:#F6AB25;
	font-weight:bold;
	text-decoration:underline;
}
/*popup*/
#fermer 
{
	background-color:#F6AC28;
	height:30px;
	margin:0px;
	padding:0px;
}
#fermer a:link, #fermer a:visited{
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#6C4500;
	text-decoration:none;
	}
#fermer a:hover, #fermer a:active{
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#6C4500;
	text-decoration:underline;
}
/******************************************************/
/*																		*/
/* 				FORMULAIRES										*/
/*																		*/
/******************************************************/

.inputForm{
	border:1px solid #7D5409;
	background-color:transparent;
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7D5409;
  height:16px;
	margin-top:2px;
}
.inputFormOver{
	border:1px solid #7D5409;
	background-color:#FDCC76;
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7D5409;
	height:16px;
	margin-top:2px;
}
select{
	background-color: #fff!important;
}
.button{
	border:1px solid #7D5409;
	background-color: #FDCC76;
	width:65px;
  color:#7D5409;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	cursor:pointer;
}
.buttonOver{
	border:1px solid #FDCC76;
	background-color: #7D5409;
	width:65px;
	color:#FDCC76;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	cursor:pointer;
}
#frmContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width:500px;
	color:#7D5409;
}
.petit{
  font-size:10px;
}
#center{
text-align:center;
}
#image_contact{
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7D5409;
	text-align:center;
	letter-spacing:0.04em;
	float:left;

}
.plan-image
{
	width:131px;
	height:62px;
	float:left;
	cursor:pointer;
	margin-left:3px;
}
#contact{
	width:100%;
}
.label{
	text-align: left;
}