@charset "utf-8";
/* CSS Document */
html {
padding: 0 0 20px 0; 
text-align: justify;
color: white;
background-image: url("images/fond.jpg");
background-repeat: repeat-x;
background-color: #0059FF;
}

body {
width: 960px;
margin:0px;
padding:0px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, serif; 
font-size: 0.90em;
margin: auto;
border: 2px inset white;
}

em, strong {
font-style: normal;
font-weight: normal;
}

#en-tete {
width: 960px;
background-image: url("images/en-tete.jpg");
background-repeat:no-repeat;
height:115px;
}

#adsence-leaderboard {
text-align:center;
padding-top:12.5px;
}

#menu {
float:left;
width: 201px;
background-image: url("images/menu-gauche.jpg");
background-repeat:repeat-y;
background-position: top;
text-indent: 30px;
font-size: 1em;
padding-top: 6px;
border: 2px inset black;
}

#menu h4 
{   
color: #000C7F;
text-align: center;
text-indent:0px;
}

#menu ul {
list-style-type: none;
padding: 0px;
padding-left: 15px;
}

#menu li{
background-image: url("images/menu-li.jpg");
height:29px;
font-weight: bold;
}

#menu a /* link: couleur du lien */
{
color: #519700;
line-height: 29px;
text-decoration: none;
}

#menu a:visited /* visited: quand le visiteur a déja vu la page */
{
text-decoration: none;
font-weight:normal;
}

#menu a:hover /* Hover: Quand on pointe sur un lien du menu */
{
color: #000000;
text-indent: 45px;
font-style: italic;
text-decoration: underline;   
}

#menu a:active /* active: quand on clique sur le lien, focus: quand le visiteur selectionne le lien on met les meme parametres car les deux sont trés court */
{
color: #ed8ea2;
font-style: italic;   
}

#corps {
width: 750px;
margin-left:207px;
}

#image-corps {
background-image: url("images/en-tete-corps.jpg");
height:104px;
background-repeat:no-repeat;
}

#texte-corps {
background-image: url("images/texte-corps.jpg");
background-repeat: repeat-y;
margin: 5px 0 5px 0;
position:relative;
}

/* Titre Bloc Centre */
#texte-corps h1 {
height: 28px;
line-height: 28px;
color: #000C7F;
background-image: url("images/titre.jpg");
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif, serif; 
font-size: 1.2em;
font-weight: bold;
text-indent: 46px;
margin: 0px;
}

#texte-corps h2 {
color: #FFE500;
font-size: 1.1em;
font-weight: bold;
margin: 10px 15px 10px 20px;
}

#texte-corps p {
margin: 0 15px 0 20px;
text-indent:20px;
margin-bottom:10px;
}

.liste-puces {
list-style-type: square;
text-align: justify;
margin-right: 15px;
}

.google-adsence-grand-rectangle {
margin: 20px 0px 10px 0px;
text-align:center;
}

#texte-corps a /* link: couleur du lien */
{
color: #ffffff;
line-height: 29px;
text-decoration: none;
}

#texte-corps a:visited /* visited: quand le visiteur a déja vu la page */
{
text-decoration: none;
font-weight:normal;
}

#texte-corps a:hover /* Hover: Quand on pointe sur un lien du menu */
{
color: #000000;
text-indent: 45px;
font-style: italic;
text-decoration: underline;   
}

#texte-corps a:active /* active: quand on clique sur le lien, focus: quand le visiteur selectionne le lien on met les meme parametres car les deux sont trés court */
{
color: #ed8ea2;
font-style: italic;   
}

#footer-texte-corps {
height: 5px;
line-height: 5px;
background-image: url("images/footer-texte-corps.jpg");
background-repeat: no-repeat;
clear: both;
}

#pied-page {
width: 960px;
text-align: center;
clear: both;
background-color: #0019FF;
border-top: 2px inset white;
margin:0px;
font-size: 0.8em;
}

#partenaires {
text-align: center;
margin-left: 20px;
margin-top: 10px;
margin-bottom:0px;
color: white;
}

#pied-page p a:link {
color: #FFE500;
text-decoration: none;
}

#partenaires a:visited {
color: white;
text-decoration: none;
}

#pied-page p a:active, #partenaires a:hover  {
color: white;
font-style: italic;
text-decoration: underline; 
}

/* Les formulaires des membres de l'annuaire*/

form
{
  text-align:center;
}

.espace_membre
{
  width: 700px;
  margin-left:30px;
}

input:focus, textarea:focus /* Quand le curseur est sur un champ */
{
   background-color: #519700;
}

legend
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 15px;
}

.urgent, .alerte
{
  color: red;
  background-color:#FFFFFF;
}

.ok
{
  color: green;
  text-indent: 30px;
  background-color:#FFFFFF;
}

/* l'annuaire */

.categorie_annuaire
{
  width: 700px;
  margin-left: 20px;  
}

.categorie_annuaire td
{
  width: 300px;
}

.site_annuaire
{
  width: 710px;
  margin: 10px 10px 10px 10px;
}

.site_annuaire img
{
  border: 2px solid #519700;
}

.site_annuaire td
{
  width: 225px;
}

.site_annuaire a
{
  text-decoration: underline;
}

.pagination
{
  text-align: center; 
}

.pagination_en_cours
{
  color: #f08a9f;
  text-decoration: underline; 
}

.imageflottante
{
   float: left;
   margin-right: 20px;
   margin-bottom: 10px;
   border: 2px solid #519700;
}

.paragraphe-article
{
   text-indent: 20px;
}

#google-468-60, #google-250-300
{   
   text-align: center;
}