/* LE BODY */

/* Le corps a un margin automatique, il fait 820 px de largeur et la hauteur est automatique, le texte est pas default au début du arial de 12px */
/* et de couleur grise */
body {margin:auto;
width: 820px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6f6f6f;
}


/* LA BANNIERE */

/* Elle fait 820 px de largeur et 244 px de hauteur, un margin de 20px partout sauf en bas et aucun padding */
#ban {width:820px;
height: 244px;
margin:20px 20px 0px 20px;
padding:0px;}

/* LE CORPS */

/* Il fait 820 px de largeur, un margin de 20px à gauche et à droite et un padding de 20 px en haut et de 30 px */
/* en bas et on met une image de fond sur toute la hauteur */
#corps {width:820px;
margin:0px 20px 0px 20px;
padding:20px 0px 30px 0px;
background-image:url(../IMG/fonddegrade.png);}

#menu .clear {clear:both;
margin-top:-2px;}

.clear {clear:both;}


/* LE MENU */

/* Le menu fait 245px de largeur et ont ajoute en plus 35px de padding à droite */
#menu {float:left;
width:300px;
padding-left:35px;
max-width:245px;}

.menubloc1, .menubloc11, .menubloc2, .menubloc22 {width:234px;
border:1px solid #CCCCCC;
border-left:none;
padding:0px 5px 0px 5px;}

.menubloc1 {margin-bottom:5px;
height:20px;}

.menubloc11 {margin-bottom:5px;
padding-bottom:5px}

.menubloc2 {margin-bottom:10px;
height:20px;}

.menubloc22 {margin-bottom:10px;
padding-bottom:5px}


/* LE CONTENU */

#contenu {width:475px;
float:right;
margin:0px;
padding:1px 35px 0px 30px;}

.article, .article2 {width:475px;
background-image:url(../IMG/fondcentre.png);}


.articlehaut {width:475px;
height:20px;
background-image:url(../IMG/fondhaut.png);
background-repeat:none;}

.articlecentre {width:464px;
background-image:url(../IMG/fondcentre.png);
background-repeat:repeat-y;
padding-right:11px;
text-align:justify;}

.article2 p {margin-top:0px;}

.articlebas {width:444px;
background-image:url(../IMG/fondbas.png);
background-repeat:none;
color:#000000;
font-weight:bold;
padding-right:31px;
text-align:right;
height:15px;}

.textenoir {color:#000000;
font-weight:bold;}

.textegris a {color:#6f6f6f;}

.contact {margin:0px 61px 0px 60px;
padding:10px 20px;
text-align:justify;
background-color:#F8F8F8;
border:1px solid black;
color:#000000;
font-size:11px;}

.contact a, .contact a hover {color:#66CC00;
text-decoration:none;}


/* LE PIED */

/* 820 px de largeur et 140 px de hauteur, un margin de 20px à droite et à gauche pour ne pas toucher les bord si on redimensionne la page */
/* on appel une image de fond qui ne se repete pas et on align le texte au centre avec une taille defini a 11 px */
#pied {width:820px;
height: 104px;
margin:0px 20px 20px 20px;
background-image:url(../IMG/pied.png);
background-repeat:no-repeat;
text-align:center;
font-size:11px;}

/* Les points pour espacer les mots dans le pied sont vert pour ne pas les voir */
.pointvert {color:#66CC00;}

/* Zone verte du pied on lui met 10 px de padding et le texte blanc */
#piedvert {padding:10px 0px 0px 0px;
color:#ffffff;}

/* Zone blanche du pied on lui met 20 px de padding et le texte noir */
#piedblanc {padding:12px 0px 0px 0px;
color:#000000;}

/* Les liens par definition sont noir la ils doivent rester blanc donc... pareil pour les liens de survolent */
#piedvert a, #piedvert a hover {text-decoration:none;
color:#FFFFFF;}


/* LES LIENS */

/* Les liens et ceux de survolent ne sont pas souligné et de couleur noir */
a, a hover {text-decoration:none;
color:#000000;}

a .textegris {color:#6f6f6f;}

.textegris2 a {color:#6f6f6f;}

/* LE FORMULAIRE DE CONTACT */

.spip_form_label_obligatoire {display:none;}
.spip_form_label_details {display:none;}
fieldset {border:0px;
margin:0px;
padding:0px;}

legend {display:none;}

input {color:#6f6f6f;
height:15px;
margin-top:2px;}

textarea {width:460px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6f6f6f;}

.spip_bouton input {height:20px;
text-align:center;
width:60px;
background-color:#66CC00;
color:#ffffff;
padding:0px;
border:none;}

.texte_1 {color:white;}
.texte_1 .spip_form_label label {color:#6f6f6f;}

.erreur {color:#6f6f6f;}

.ligne_1 input {width:241px;}
.ligne_2 input {width:224px;}
.email_1 input {width:246px;}
.telephone_1 input {width:251px;}
.telephone_2 input {width:245px;}
.email_2 input {width:242px;}
.ligne_3 input {width:222px;}
.ligne_4 input {width:245px;}
.code_postal_1 input {width:200px;}