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;
}
.fondbeige
{
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*/
}
.inv
{
color: #3F4E6F;
font-size: 5px;
}

#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;
}
#corpsmodeles
{
width: 790px;
height: 530px;
color: #DDC7AA;
margin: auto;
background: #3F4E6F url("../coin6.jpg") no-repeat right bottom;
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;
}
.highslide-caption
{
color: #3F4E6F;
}
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("bouthome.jpg");
display: block;
width: 127px;
height: 30px;
} 
a.bout1:hover
{ 
background-image: url("bouthome2.jpg");
} 
a.bout2
{
background-image: url("boutrans.jpg");
display: block;
width: 127px;
height: 30px;
} 
a.bout2:hover
{ 
background-image: url("boutrans2.jpg");
} 
a.bout3
{
background-image: url("boutforfun.jpg");
display: block;
width: 127px;
height: 30px;
} 
a.bout3:hover
{ 
background-image: url("boutforfun2.jpg");
} 
a.bout4
{
background-image: url("boutrates.jpg");
display: block;
width: 127px;
height: 30px;
} 
a.bout4:hover
{ 
background-image: url("boutrates2.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("bouterms.jpg");
display: block;
width: 127px;
height: 30px;
} 
a.bout6:hover
{ 
background-image: url("bouterms2.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: #FFF;
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;
}
#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;
}
.motif
{
width: 330px;
height: 15px;
padding-left: 240px;
}
.motif2
{
width: 180px;
height: 15px;
padding-left: 100px;
}
/*Menu 2*/
.menu2 ul
{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.menu2 ul li
{
list-style-type: none;
display: inline;
}

.menu2 ul li a
{
padding: 3px;
margin-left: 4px;
margin-right: 4px;
text-decoration: none;
float: left;
color: #DDC7AA;
background-color: #3F4E6F;
border: 1px ridge #7F8FB0;
}

.menu2 ul li a:hover
{
background-color: #5E6A84;
border: 3px outset #7F8FB0;
margin-left: 2px;
margin-right: 2px;
color: #FFF;
}
#pub1
{
float: left;
}
#pub2
{
float: left;
}
#pub3
{
float: left;
}
#logos
{
width: 800px;
height: 32px;
margin: auto;
margin-top: 30px;
}
#logos-w3c
{
width: 180px;
float: left;
}

#xiti-logo
{
float: right;
}