/* 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---*/

		}

body{

	background-color:#030200;

			}

#introduction{

width:100%;

height:100%;

}

#entrer{

position:absolute;

width:300px;

left:50%;

margin-left:-80px;

height:50px;

top:50%;

margin-top:100px;

text-align:center;

}









#entrer h1{

display:block;

padding-bottom:0px;

font-size:22px;

font-weight:lighter;

font-family: Arial;

color:#B66F5C;

}





#footerIntro{

position:absolute;

width:100%;

bottom:0px;

height:30px;

line-height:20px;

text-align:center;

font-size:10px;

color:#ccc;

font-family:Verdana, Arial, Helvetica, sans-serif;

}	

#footerIntro a{

color:#555;

text-decoration:none;

}

#footerIntro a:hover{

color:#a75741;

text-decoration:none;

}	









a{

color:#B66F5C;

text-decoration:none;

}



a:hover{

color:#fff;

text-decoration:none;

}

a img{

 -moz-opacity: 1.00; opacity:1.00;

border: 0px;



}

a:hover img{

-moz-opacity: 0.70; opacity:0.70;

border: 0px;

}



#container{

position: relative;/*---obligatoire pour le footer---*/

	min-height:100%; /*---obligatoire pour le footer:Firefox---*/

	height:auto !important;/*---obligatoire pour le footer:Firefox---*/

	height:100%;/*---obligatoire pour le footer:IE---*/

	width:100%;

	margin:0 auto;

}

#contenu{

position:relative;

width:980px;

margin:0 auto;

padding-bottom:80px;

}

#content{

width:700px;

display:block;

margin:0 auto;

}

#contenu-Text{

width: 705px;

padding-top:15px;

font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;

line-height: 18px;

color: #FFFFFF;

font-size: 13px;

text-align: justify;

float:left;

margin-left: 100px;

margin-bottom:10px;

}



#contenu-Text2{

width: 740px;

padding-top:15px;

font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;

line-height: 18px;

color: #FFFFFF;

font-size: 13px;

text-align: justify;

float:left;

margin-left: 100px;

margin-bottom:10px;

}



#contenu-Text h1{

font-size:18px;

font-family: Georgia, Arial, Helvetica, sans-serif;

font-weight:lighter;



color: #B66F5C;

font-weight: bold;

margin-bottom: 15px;

line-height: 22px;



}



#contenu-Text2 h1{

font-size:18px;

font-family: Georgia, Arial, Helvetica, sans-serif;

font-weight:lighter;



color: #B66F5C;

font-weight: bold;

margin-bottom: 15px;

line-height: 22px;



}



#contenu-Text h2,

#contenu-Text2 h2{

font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;

line-height: 18px;

color: #C27967;

font-weight: bold;

text-transform: uppercase;

font-size: 13px;

padding-top: 15px;

text-align: left;



}





#contenu-Text h3{

font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;

line-height: 18px;

color: #C27967;

font-weight: bold;

text-transform: uppercase;

font-size: 13px;

padding-top: 15px;

text-align: center;



}



.note{

font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;

line-height: 18px;

color: #FFFFFF;

font-style: italic;

font-size: 11px;



}



/***************** FOOTER *****************/

#footer{

position: relative;/*---obligatoire pour le footer---*/

margin:-70px auto 0 auto;/*---margin top = - hauteur du footer---*/

	width:940px;

	height:20px;

	background:url(../images/charte/bg-adresse.gif) no-repeat;

	background-position:center top;

	clear:both;

	font-size:10px;

	text-align:center;

	padding-top:50px;

  font-family:Arial, Helvetica, sans-serif;

  color: #ffffff;

		}

#footer a{

color:#555;

text-decoration:none;

}

#footer a:hover{

color:#a75741;

text-decoration:none;

}



#footer span a{

text-decoration:none;

font-size:9px;

color:#999;

}

#footer  span a:hover{

text-decoration:none;

color:#000;

}



.clearer

{

	clear: both;

	display: block;

	height: 0px;

	margin-bottom: 0px;

	font-size: 0px;

	line-height: 0px;

}

#fondMenu{

width:100%;

height:500px;

position:absolute;

z-index:0;

top:0;

left:0;

}

#diaporama{

width:980px;

height:210px;

position:absolute;

z-index:1;

left:50%;

margin-left:-480px;

top:280px;

}

#menu{

padding-top:230px;

padding-left:230px;

font-size:12px;

color:#D1998B;

font-family:Arial, Helvetica, sans-serif;

}

#menu span{

display:block;

float:left;

padding:0 10px 0 10px;

border-left:1px solid #D1998B;

height:25px;

line-height:25px;

}

#menu span a{

color:#FFFFFF;

}

#menu span a:hover{

color:#D1998B;

}



#menu .current{

color:#D1998B;

}



.invisible{

display: none;



}

.visu{

background-image:  url(../images/charte/menu.jpg);

background-repeat:no-repeat;

background-position: top left;

width: 170px;

height:171px;

float: left;

margin: 0px 11px 15px 0px;



  }







.inputForm{

border:1px solid #8A5B36;

background-color: #FFFFFF;

width:180px;

color: Black;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color:#000000;

}

.inputFormOver{

border:1px solid #8A5B36;

background-color: #F8F2ED;

width:180px;

font-family: Arial, Helvetica, sans-serif;

color: Black;

font-weight:normal;

font-size: 12px;

color:#000000;

}

.button{

border:1px solid #D1998B;

background-color: #38180D;

width:65px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

color:#FFFFFF;

}

.buttonOver{

border:1px solid #D1998B;

background-color: #D1998B;

width:65px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

cursor:pointer;

color:#FFFFFF;

}



.frmContact{ /* dedicated ID for "contact form"*/



	text-align:center;

	background-color:#5D2F23;

	font-size:11px;

	border:1px solid #D1998B;

  width: 580px;

}



.frmContact .Label, .frmContact label{

  	font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:normal;

white-space:nowrap;

color:#ffffff;

}



.notice{



	font-size:10px;

	padding:0px;

}


#galerieabo{
margin-top:10px;
}

#galerieabo img{
margin:5px 0 0 5px;
width:120px;
height:120px;
}

#galerieabovignette{
background-image:url(../images/charte/vignette.jpg);
background-position:0 0;
height:130px;
width:130px;
float:left;
margin:5px 0 0 5px;
}