/* 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%;
	background-color:#CBB38A;
	background-attachment: scroll;
	background-image: url(../images/charte/bg-body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
body{
	font-size:62.5%;

}
#container{
	position: relative;
/*	min-height:100%;
	height:auto !important;
	height:100%;*/
	width:990px;
	margin:0 auto;
/*	background-color: #492F01;*/
	display:table;
}


#header{
	width:990px;
	height:130px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
		background-color:lime;
}

#sousheader{
	width:970px;
	height:33px;
	padding-left: 23px;
	padding-top: 13px;
	background-attachment: scroll;
	background-image: url(../images/charte/sousheader.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font: 1.7em Arial, Helvetica, sans-serif;
	color: #492f02;
}
#sousheader a {
	text-decoration: none;
	color: #492F02;
	height: 100%;
}
#sousheader a:hover {
	text-decoration: none;
	color: #AFBF31;
	height: 100%;
}
/***************** Mariage *****************/

#sousheadermariage{
	width:970px;
	height:33px;
	padding-left: 23px;
	padding-top: 13px;
	background-attachment: scroll;
	background-image: url(../images/charte/sousheadermariage.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font: 1.7em Arial, Helvetica, sans-serif;
	color: #492f02;
}
#sousheadermariage a {
	text-decoration: none;
	color: #492f02;
	height: 100%;
}
#sousheadermariage a:hover {
	text-decoration: none;
	color: #B56FAA;
	height: 100%;
}
/***************** CONTAINER DU CONTENU *****************/


#contenu {
	width: 990px;
	padding:0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	background-attachment: scroll;
	background-image: url(../images/charte/bg-contenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#492E01;
	margin: auto;
}

#wrapcontainer{
	padding:0px;
	margin: auto;
	width: 990px;
	background-color:#492E01;
}


/***************** MENU GAUCHE *****************/
.title {
	font:bold 1.7em Arial, Helvetica, sans-serif;
	color: #D5F542;
	padding-left: 10px;
	cursor: pointer;
	display: block;
	height: 30px;
	padding-bottom: 1px;
	line-height: 30px;
	text-align:left;
	border-bottom: solid 1px #fff;
}
#contenu #menugauche {
	width:180px;
	float:left;
	margin-left: 1px;

}
#contenu #menugauche dt {
	cursor: pointer;
	display: block;
	width: 160px;
	height: 30px;
	padding-left: 10px;
	padding-bottom: 1px;
	line-height: 28px;
	text-align:left;
	font-weight: bold;
	
}
#contenu #menugauche dt a {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 160px;
	padding-left:10px;
	font-size:1.1em;
}
#contenu #menugauche dt a:hover {
	text-decoration: none;
	display: block;
	color:#D5F542;
	height: 100%;
	width: 160px;
	font-size:1.1em;
	padding-left:10px;
}

#contenu #menugauche dt .amariage:link {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 160px;
	padding-left:10px;
	font-size:1.1em;
}
#contenu #menugauche dt .amariage:hover {
	text-decoration: none;
	display: block;
	color:#FF0198;
	height: 100%;
	width: 160px;
	font-size:1.1em;
	padding-left:10px;
}

/***************** CONTENU TEXTUEL *****************/

#contenuTexte{
	width: 756px;
	padding:0px 0px 0px 40px;
	float:left;
	display: table;
}

#contenu h1{
margin-bottom: 20px;
padding-bottom: 5px;
padding-top: 6px;
font-weight: bold;
font-size: 1.7em;
font-family: Arial, Helvetica, sans-serif;
color: #492F02;
border-bottom: 1px solid #FFFFFF;
}
#contenu h2{
font-weight: bold;
font-size: 1.3em;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
color: #DCFF39;
padding-bottom: 10px;
}

#contenu p.soustitre, .soustitre{
font-weight: bold;
font-size: 1.3em;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
color: #DCFF39;
padding-bottom: 10px;
}

#contenu p{
font-family:Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height:1.4em;
text-align: justify;
color: #F8FCE3;
padding-bottom: 5px;
}

#contenu a:link, #contenu a:visited{
	color: #DCFF39;
	text-decoration:underline;
}
#contenu a:hover, #contenu a:active{
	color: #FFFFFF;
	text-decoration:none;
}
#contenu p.couleur, .couleur{
	font-weight:bold;
	color:#FFFFFF;
}

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;
}
 
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
/***************** FOOTER *****************/

#wrapfooter{
	width: 100%;
	height: 31px;
	float: left;
}
#footer{
	position: relative;
	width: 990px;
	margin: 0 auto;
	height:31px;
	text-align:center;
	background-color: #492f02;
}