body
{
background-color: #090712;
background-image: url("img/fond.JPG");
background-repeat: no-repeat;
background-position: top;
margin: 0; 
padding: 0;
min-width: 780px;
width: 100%;
font-family: "Times New Roman", serif;
}

#pdp
{
background-image: url("img/pdp.GIF");
background-repeat: no-repeat;
background-position: top;
background-color: #fff;
width: 100%;
height: 170px;
}


#grande_banniere .titre
{
color: #fff;
/*font-size: 200%;*/
font-size: 32px;
font-family: verdana;
float: right;
margin-bottom: 10px;
}

#grande_banniere
{
width: 800px;
margin-left: auto;
margin-right: auto;
}

#banniere
{
width: 770px;
padding: 15px;
/*width: 100%;*/
height: 128px;
background-image: url("img/fond_banniere.PNG");
background-repeat: no-repeat;
}

#banniere img
{
border: 2px solid #fff;
float: left;
margin-right: 5px;
}

#banniere img:hover
{
border: 2px solid #1faefc;
}

#banniere #liens
{
margin-left: 15px;
float: left;
text-align: left;
font-weight: bold;
font-family: verdana;
font-size: 13px; /* 80% */
}

#banniere #liens a
{
color: #0171bd;
text-decoration: none;
}

#banniere #liens a:hover
{
color: #0765ab;
text-decoration: underline;
}

#corps
{
width: 90%;
max-width: 1150px;
margin-left: auto;
margin-right: auto;
}

#corps #ariane
{
color: #fff;
font-family: verdana;
font-size: 15px; /*90%*/
margin-bottom: 15px;
text-align: left;
}

#corps #ariane a
{
text-decoration: none;
color: #fff;
}

#corps #ariane a:hover
{
text-decoration: underline;
color: #fff;
}

#corps #texte
{
background-color: #fff;
width: 100%;
}

#corps #haut_texte
{
height: 18px;
width: 100%;
color: #fff;
margin-bottom: -12px;
}

#corps #haut_texte #g
{
background-image: url("img/fond_texte_g.PNG");
background-repeat: no-repeat;
float: left;
width: 20px;
}

#corps #haut_texte #d
{
background-image: url("img/fond_texte_d.PNG");
background-repeat: no-repeat;
float: right;
width: 20px;
}

#corps #cache_haut_texte
{
color: #fff;
margin-bottom: -19px;
width: auto;
margin-left: 20px;
margin-right: 20px;
background-color: #fff;
}

#corps #menu
{
margin-top: 20px;
width: 175px;
float: right;
background-color: #fff;
z-index: 20;
text-align: left;
}

#corps #menu img
{
border: 1px solid #bdcfe0;
padding: 2px;
margin-left: auto;
margin-right: auto;
}

#corps #menu img:hover
{
border: 2px solid #bdcfe0;
padding: 1px;
margin-left: auto;
margin-right: auto;
}

#corps #menu .titre a
{
color: #486a93;
font-family: verdana;
font-size: 14px;
text-decoration: underline;
font-weight: bold;
margin-left: 10px;
}

#corps #menu .titre a:hover
{
text-decoration: none;
}

#corps #menu li
{
margin-top: 4px;
list-style-image: url("img/puce_n.PNG");
}

#corps #menu li:hover
{
list-style-image: url("img/puce_h.PNG");
}

#corps #menu li a
{
font-weight: bold;
color: #0171bd;
font-size: 13px;
text-decoration: none;
}

#corps #article h1
{
text-align: left;
font-family : Verdana, sans-serif;
font-weight: normal;
color: #a5bad4;
height: 35px;
text-decoration: none;
font-size: 23px; /*x-large*/
background-image: url(img/h1.1.PNG); 
background-repeat: no-repeat;
background-position: left;
margin-bottom: 30px;
}

#corps #article h1 span
{
color: #486a93; 
margin-left: 220px;
text-decoration: underline;
display: block;
}

#corps #article
{
padding: 20px;
text-align: justify;
min-height: 1000px;
color: #17579d;
margin-right: 175px;
z-index: 10;
font-size: 16px;
}

#corps #article .i
{
color: #17579d;
}

#corps #article a:hover
{
color: #4da3fe;
text-decoration: underline;
font-weight: bold;
}

#corps #article a
{
color: #4da3fe;
text-decoration: none;
font-weight: bold;
}

#corps #article a img
{
border: 1px solid #bdcfe0;
padding: 2px;
}

#corps #article a img:hover
{
border: 2px solid #bdcfe0;
padding: 1px;
}

#corps #article .photos_site
{
width: auto;
vertical-align: top;
}

#corps #article td
{
vertical-align: top;
font-size: 15px;
}

#corps #article h2
{
margin-top: 30px;
font-family : Verdana, sans-serif;
font-size: 18px; /*large*/
font-weight: normal;
color: #93a7ce;
height: 40px;
margin-bottom: -5px;
text-align: left;
}

#corps #article .gauche
{
float: left;
margin-right: 15px;
}

#corps #article .droite
{
float: right;
margin-left: 15px;
}

#corps #article input
{
margin-top: 5px;
border: 1px solid #17579d;
width: 40%;
}

#corps #article textarea
{
margin-top: 5px;
border: 1px solid #17579d;
width: 60%;
}