/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import"charte.css";
h1{
font-family: Arial, Helvetica, Verdana;
font-size: 1.8em;
font-weight:bold;
color:#1e2a61;
border-bottom:1px solid #d69e44;
display:block;
text-transform:none;
letter-spacing:-1px;
margin-bottom:2px;
}
h2{
font-family: Arial, Helvetica, Verdana;
font-size: 1.5em;
font-weight: bold;
color:#666666;
display:block;
text-transform:uppercase;
margin-top:10px;
}
h3{
font-family: Arial, Helvetica, Verdana;
font-size: 1.3em;
font-weight:normal;
color:#DDA347;
display:block;
}
h4{
font-family: Arial, Helvetica, Verdana;
font-size: 1.3em;
font-weight:normal;
color:#DDA347;
display:block;
}
.petit{
font-size: 1em;
font-weight:bold;
color:#000;
}

/*----------index-------- */
#txt_acc{
width:430px;
float:left;
margin-top:20px;

}
#txt_acc p{
width:430px;
float:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#121B44;
text-align:justify;
margin-bottom:20px;

}

.nouvete_generale{
float:left;
width:400px;
margin-left:5px;
margin-bottom:5px;
}

.nouvete{
float:left;
width:170px;
border:#393545 1px solid;
margin-left:20px;
margin-bottom:10px;
margin-top:10px;
}

.nouvete img{
float:left;
width:160px;
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
}
.top_nouvete{
float:left;
width:170px;
}
.top_nouvete p{
width:160px;
background-image:url(../images/charte/bg.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#DDA347;
font-weight:bold;
margin-left:5px;
padding-bottom:10px;
padding-top:10px;

}
.titre{
float:left;
width:250px;
height:32px;
background-image:url(../images/charte/p.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
}
.titre p{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
margin-left:10px;
color:#121B44;
font-weight:bold;
margin-left:20px;
margin-top:10px;
}


/*----------evenement-------- */

#evenement{

float:left;
width:200px;
margin-top:20px;
margin-bottom:10px;
margin-left:10px;
border:#393545 1px solid;
}
.top_evenement{
float:left;
width:200px;

}
.top_evenement p{
float:left;
width:192px;
background-image:url(../images/charte/bg2.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
padding-bottom:10px;
padding-top:10px;
color:#DDA347;
margin-left:4px;
font-weight:bold;

}

.evenement_txt{
float:left;
width:180px;
margin-top:2px;
margin-bottom:10px;
color:#121B44;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:10px;
text-align:justify;
}

#evenement img{
float:left;
margin-top:5px;
margin-bottom:5px;
margin-left:4px;
}
#evenement .bottom_evenement{
float:left;
width:124px;
height:20px;
background:url(../images/charte/savoir.jpg);
background-repeat:no-repeat;
margin-left:2px;
}


/*----------contact-------- */
#formulaire{
float:left;
width:400px;
margin-top:20px;
}

#formulaire img{
margin-bottom:20px;

}
#formulaire label{

font-size:10px;
font:Arial, Helvetica, sans-serif;
color:#121B44;
text-align:justify;
}

.b{
width:300px;
background-color:#121B44;
color:#DDA347;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #DDA347;
}
.capca{
width:100px;
background-color:#121B44;
margin-left:10px;
color:#DDA347;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #DDA347;
}

#formulaire input:focus{

background-color:#1E2A61;
color:#DDA347;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #2E1301;
}
#formulaire textarea{
width:300px;
background-color:#121B44;
color:#DDA347;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #DDA347;
}
#formulaire textarea:focus{

background-color:#1E2A61;
color:#DDA347;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #2E1301;
}
.coordonne{
width:370px;
float:left;
margin-top:20px;
}

#formulaire .bouton_form{
width:150px;
background-color:#121B44;
color:#DDA347;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #121B44;}

.coordonne p{
float:left;
width:250px;
margin-top:20px;
margin-right:10px;
margin-left:5px;
text-align:justify;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#121B44;
}
#formulaire p{
font:Arial, Helvetica, sans-serif;
color:#121B44;
text-align:justify;
}

/*----------produits-------- */

.produits{
float:left;
width:430px;
margin-top:5px;
}

.description{
float:left;
width:200px;
margin-top:10px;
border:#121B44 1px solid;
}
.description p{
float:left;
width:180px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#121B44;
margin-bottom:10px;
margin-top:10px;
margin-left:10px;
}
.top_description{
float:left;
width:200px;
background-image: url(../images/charte/bg_desc.jpg);
background-repeat: no-repeat;
}

.titre_produit{
width:170px;
float:left;
color:#DDA347;
margin-top:10px;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
font-weight:bold;
margin-bottom:10px;
}

/*----------mentions-------- */

#txt_mentions{
float:left;
width:420px;
margin-top:10px;
margin-bottom:10px;
}

#txt_mentions p{
float:left;
width:420px;
color:#121B44;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:5px;
text-align:justify;
margin-top:15px;
}

/*----------merci------- */

#txt_merci{
float:left;
width:420px;
margin-top:20px;
margin-bottom:20px;
color:#121B44;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;

}
#txt_merci p{
color:#121B44;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}
#bouton_merci{
float:left;
width:300px;
margin-top:20px;
margin-left:90px;
}
#bouton_merci img{
float:left;
margin-left:20px;
}