body
{
width: 800px;
margin: auto;/*pour centrer automatiquement dans toutes les résolutions d'écran*/
background-color: #DDC7AA;
text-align: justify;
font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
font-size: 12px;
color: #FFF;
}
.p-lettrine:first-letter
{
font-size: 16px;
font-weight: bold;
padding-left: 15px;
color: #FFF;
}
.titre
{
color: #FFF;
font-weight: bold;
}
.fondbeige
{
margin: 0px;
padding: 0px;
font-size: 12px;
color: #6F6151;
text-align: left;
}
.center
{
text-align: center;
}
acronym
{
border-bottom: #DDC7AA dotted 1px;
cursor: help;
}
.cacher 
{
visibility: hidden;/*cacher les images préchargées*/
}
#titre
{
width: 800px;
height: 193px;
background-image: url("titre.jpg");
background-repeat: no-repeat;
margin: auto;
}
#corps
{
width: 790px;
height: 420px;
background-color: #3F4E6F;
color: #FFF;
margin: auto;
border-left: 5px ridge #8C9CBC;
border-bottom: 5px ridge #7F8FB0;
border-right: 5px ridge #7F8FB0;
}
#corpslong
{
width: 790px;
height: 470px;
background-color: #3F4E6F;
color: #FFF;
margin: auto;
border-left: 5px ridge #8C9CBC;
border-bottom: 5px ridge #7F8FB0;
border-right: 5px ridge #7F8FB0;
}
.image-d
{
float: right;
border: 4px outset #7F8FB0;
margin-top: 0px;
margin-left: 7px;
}
a 
{
outline: 0;/*pour supprimer les pointillés dans firefox . Pareil que outline: none; */
color: #FFF;
font-weight: bold;
text-decoration: none;
}
a:hover 
{
color: #DDC7AA;
text-decoration: none;
}
a.fondbeige
{
outline:0;
color: #6F6151;
font-weight: bold;
text-decoration: none;
}
a.fondbeige:hover 
{
color: #FFF;
text-decoration: none;
}
a img {
   border:0; /* Pour supprimer les cadres autour des images lien*/
}
#partiegauche
{
float: left;
width: 151px;
height: 418px;
}
/*MENU*/
#menu
{
float: left;
width: 136px;
height: 190px;
background-color: #5E6983;
color: #DDC7AA;
margin-left: 7px;
margin-top: 7px;
border: 4px outset #7F8FB0;
}
#boutons
{
padding: 4px;
}
a.bout1
{
background-image: url("boutaccueil.jpg");
display: block;
width: 127px;
height: 30px;
} 
a.bout1:hover
{ 
background-image: url("boutaccueil2.jpg")
} 
a.bout2
{
background-image: url("boutrad.jpg");
display: block;
width: 127px;
height: 30px;
} 
a.bout2:hover
{ 
background-image: url("boutrad2.jpg")
} 
a.bout3
{
background-image: url("boutrire.jpg");
display: block;
width: 127px;
height: 30px;
} 
a.bout3:hover
{ 
background-image: url("boutrire2.jpg")
} 
a.bout4
{
background-image: url("boutarifs.jpg");
display: block;
width: 127px;
height: 30px;
} 
a.bout4:hover
{ 
background-image: url("boutarifs2.jpg")
} 
a.bout5
{
background-image: url("boutcontact.jpg");
display: block;
width: 127px;
height: 30px;
} 
a.bout5:hover
{ 
background-image: url("boutcontact2.jpg")
} 
a.bout6
{
background-image: url("boutcgv.jpg");
display: block;
width: 127px;
height: 30px;
} 
a.bout6:hover
{ 
background-image: url("boutcgv2.jpg")
} 
#sousmenu
{
float: left;
width: 136px;
height: 194px;
background-color: #5E6983;
border: 4px outset #7F8FB0;
margin-left: 7px;
margin-top: 7px;
}
#centre
{
float: left;
width: 624px;
height: 413px;
background-color: #3F4E6F;
color: #FFF;
background: url("coin6.jpg") no-repeat right bottom;
padding-top: 7px;
padding-left: 7px;
padding-right: 7px;
margin-right: 0px;
}
#centrelong
{
float: left;
width: 624px;
height: 463px;
background-color: #3F4E6F;
color: #DDC7AA;
background: url("coin6.jpg") no-repeat right bottom;
padding-top: 7px;
padding-left: 7px;
padding-right: 7px;
margin-right: 0px;
}
#papier
{
float: left;
padding-top: 20px;
padding-left: 55px;
}
#texteaccueil
{
float: left;
width: 500px;
font-size: 13px;
font-family: "comic sans MS", Arial, Verdana, sans-serif;
text-align: center;
color: #DDC7AA;
margin-left: 15px;
}
#drapeau
{
float: right;
width: 69px;
height: 69px;
margin-left: 15px;
border: 4px outset #7F8FB0;
}
#contact
{
float: right;
width: 69px;
height: 97px;
margin-left: 15px;
border: 4px outset #7F8FB0;
}
#listapuce
{
float: left;
list-style-image: url("puce.jpg");
line-height: 17px;
}
#copy
{
width: 600px;
margin-top: 15px;
}
.motif
{
width: 330px;
height: 15px;
padding-left: 240px;
}
.motif2
{
width: 180px;
height: 15px;
padding-left: 100px;
}

#logos
{
width: 800px;
margin-bottom: 30px;
margin: auto;
}
#logos-w3c
{
width: 180px;
float: left;
}
#logos-droite
{
width: 100px;
float: right;
}
#xiti-logo
{
float: right;
}
#logo-compare-le-net
{
clear: both;
margin-top: 2px;
margin-right: 0px;
margin-left: 20px;
}
#menubas
{
width: 800px;
margin: auto;
}
a.menubas
{
text-align: center;
display: block;
float: left;
padding: 0px 3px 0px 3px;
border-right: 1px solid;
}