body   /* caractéristiques de l'ensemble de ma page */
{
background-color: #dea;
font-family: "comic sans MS", verdana, arial, sans-serif;
text-align: justify;
color: #007114; /* Couleur de la police*/
margin: 0;
padding: 0;
}

#conteneur { /* Le "conteneur: celui qui va recevoir tous les autres "blocks" a une largeur fixe de 910. La hauteur "varie". */
width:910px;
margin:0 auto; /* Pas de marges, le "block" est centré */
border: 2px solid #ab4;
background-color: #e8e7b8;
}

#baniere  /* caractéristiques de "ma bannière"  (avec la balise: <div id="baniere"> dans le fichier "HTML) */
{
clear:both;
Background-color: #e8e7b8;
height: 160px; /* hauteur  minimale*/
text-align: center;
vertical-align: middle;
}

#baniere h1
{
display: inline;
}

#menu0 /*Accueil*/
{
height: 80px;
background-color: #e8e7b8;
list-style: none;
padding: 3px 6px 3px 6px;
}

#conteneur1{ /* destiné à recevoir le menu 1*/
float: left;
width: 315px;
}

#menu1 /* L'association */
{
float:left;
width: 260px;
background-color:  #d4cc7a;
list-style: none;
padding: 3px 10px 3px 10px
}
#conteneur2{/* destiné à recevoir le menu 2*/
float: left;
width: 315px;
}
#menu2 /* Rencontres Brayonnes*/
{
background-color:  #d4cc7a;
float: left;
width: 260px;
list-style: none;
padding: 3px 10px 3px 10px; /*Attention: le padding prend de la place (largeur réelle de la colonne=300px)*/
}

#conteneur3{/* destiné à recevoir le menu 3*/
float: right;
width: 280px;}

#menu3 /* Liens et adresses utiles*/
{
width: 260px;
background-color:  #d4cc7a;
list-style: none;
padding: 3px 10px 3px 10px
}

#smenu1, #smenu3{
margin-top: 40px;}

#smenu2{ margin-top: 40px}

#pied {
clear:both;
Margin-top: 60px;
height: 60px;
background-color: #e8e7b8;
padding-bottom: 5px
}
 #pied p{
 display: inline;
 }
 
 img{
border: none; /* pour enlever la bordure qui se crée automatique ment autour des images "alimentées" par un lien */
}
 
a{
color: #007114; /* je veux que tous les "liens, avant cosultation" soient écris en couleur #------  */
text-decoration: none; /* Les liens ne seront plus soulignés */
}

a:hover
{
background-color:#dea; /*#d3fb9a; */
}

h1
{
margin: 0;
padding: 0;
font-size: 40px;
font-weight: 600;
word-spacing: 12px;
}

dl, dt, dd, ul, li, p{
margin: 0;
padding: 0;
list-style-type: none;}

dt{
font-size: 18px;
font-weight: 600;
text-align: center;
border: ridge;
}


 li{
margin-top: 0px;
margin-bottom: 1px;
font-size: 18px;
font-weight: 400;
}

li p{
margin-left: 10px;
padding: 0px;
font-size: 14px;
font-weight: 100;
}
.gauche{ /*toutes les balises "de "class: gauche" seront alignées à gauche*/
text-align: left;}

.droite{ /*toutes les balises "de "class: droite" seront alignées à droite*/
text-align: right;}

.centre{ /*toutes les balises "de "class: centre" seront alignées au centre*/
text-align: center;}