body{
background: #ACDCFF url('images/fond.png') repeat-x;
margin:auto;
font-family:Trebuchet MS, Verdana;
font-size:12px;
}
#header {
padding-right:19px;
margin:auto;
width:700px;
height:107px;
background:url('images/header.png') no-repeat;
}

#logo{
width:99px;
height:107px;
float:left;
}
#ban {
float:right;
padding-right:93px;
padding-top:24px;
}

#menu {
margin:auto;
width:681px;
height:31px;
}
#login {
color:#0265B4;
margin:auto;
width:681px;
height:37px;
background:url('images/login.png') no-repeat;
}
#log2 {
padding-top:7px;
padding-right:10px;
float:right;
}
#corps {
padding-top:10px;
margin:auto;
width:680px;
background: white;
min-height:500px;
}
#ecrit {
padding-left:10px;
padding-right:10px;
}
#ecrit a {
text-decoration:none;
color:#0370bb;
}
#ecrit a:hover {
color:#abdcff;
}
#ecrit2 {
padding-left:10px;
padding-right:10px;
}
#ecrit2 a {
text-decoration:none;
color:#0370bb;
}
#ecrit2 a:hover {
color:black;
}
#bas_corps {
margin:auto;
width:681px;
height:28px;
background:url('images/bas_corps.png') no-repeat;
}
#prefooter {
margin:auto;
width:681px;
height:20px;
}
#footer {
margin:auto;
width:681px;
height:34px;
background:url('images/footer.png') no-repeat;
}
#footer_in {
color : white;
text-align:center;
padding-top:7px;
}
#footer_in  a {
color:white;
text-decoration:none;
}
#footer_in  a:hover {
color : #abdcff;
text-decoration:none;
}
#form_login {
float:left;
padding-left:10px;
padding-top:3px;
}

#form_login input
 {
width:100px;
}
#achat_pub {
background:url('images/acheter_pub.png') no-repeat;
height:151px;
width:298px;
float:left;
margin-left:25px;
}
#achat_pub p {
color:white;
text-align:left;
padding-top:33px;
padding-left:20px;
padding-right:17px;
}
#webmaster{
background:url('images/webmaster.png') no-repeat;
height:151px;
width:298px;
float:right;
margin-right:25px;
}
#webmaster p {
color:white;
padding-left:13px;
padding-right:13px;
padding-top:33px;
text-align:left;
}
img {
border:none;
}
.petite {
font-size:14px;
}
a.bulle {
     position:relative;
   }
a.bulle:hover {
      background: none;
      z-index: 50;
   }
a.bulle span {
     display: none;
   }
a.bulle:hover span {
color:black;
      display: block;
      position: absolute;
      top: -10px;
      text-align:justify;
      font-size:12px;
     width:500px;
      background: white;
      padding: 5px;
      border: 1px solid #62c0f4;
      border-left: 10px solid #62c0f4;
   }
.rouge {
     color: red;
 }
.submit{
     border:none;
     color:#fff;
     background: transparent url('images/submit.png') no-repeat top left;
     width:34px;
     height:31px;
}
#login a {
color:#A0A0A0;
text-decoration:none;
}
#login a:hover {
color:#6F6F6F;
text-decoration:none;
}
.btcontinuer{
   width: 80px;
   border: 0;
   height: 30px;
   background: transparent url(images/continuer.png) no-repeat;/* on place l'image en arrière plan */
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.btcontinuer:hover{
background: transparent url(images/continuer2.png) no-repeat;
}
.btmodifier{
   width: 80px;
   border: 0;
   height: 30px;
   background: transparent url(images/modifier.png) no-repeat;/* on place l'image en arrière plan */
   text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.btmodifier:hover{
background: transparent url(images/modifier2.png) no-repeat;
}
.btpaiement{
   width: 200px;
   border: 0;
   height: 30px;
   background: transparent url(images/paiement.png) no-repeat;/* on place l'image en arrière plan */
   text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.btpaiement:hover{
background: transparent url(images/paiement2.png) no-repeat;
}
.btdesinscription{
   width: 200px;
   border: 0;
   height: 30px;
   background: transparent url(images/medesinscrire1.png) no-repeat;/* on place l'image en arrière plan */
   text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.btdesinscription:hover{
background: transparent url(images/medesinscrire2.png) no-repeat;
}
.btenvoyer{
   width: 80px;
   border: 0;
   height: 30px;
   background: transparent url(images/envoyer.png) no-repeat;/* on place l'image en arrière plan */
   text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.btenvoyer:hover{
background: transparent url(images/envoyer2.png) no-repeat;
}



.table-separateur {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #d6d3ce;
}

/* Style du titre du tableau */
.table-titre {
   font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
  color : #FFFFFF;
  text-align : center;
  font-weight : bold;
  background-color : #196FAD;
}

/* Style des en-têtes du tableau */
.table-entete {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #ABDCFF;
}

/* Style des en-têtes du tableau (centré) */
.table-entete-centre {
  font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
   color : #333333;
   text-align : center;
  background-color : #ABDCFF;
}

/* Style des en-têtes du tableau (droite) */
.table-entete-droit {
  font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
   color : #333333;
  text-align : right;
  background-color : #ABDCFF;
}

/* Style 1 des cellules */
.table-ligne1 {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #CEEBFF;
}
/* Style 2 des cellules */
.table-ligne2 {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #CEEBFF;
}

/* Style 1 des cellules (centré) */
.table-ligne1-centre {
  font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : center;
  background-color : #CEEBFF;
}

/* Style 2 des cellules (centré) */
.table-ligne2-centre {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : center;
  background-color : #CEEBFF;
}

/* Style 1 des cellules (droite) */
.table-ligne1-droit {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : right;
  background-color : #CEEBFF;
}

/* Style 2 des cellules (droite) */
.table-ligne2-droit {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : right;
  background-color : #CEEBFF;
}