<style>

/*------image de fond de page-------- #F9F2F2 */
body {
color:black;
font-size: 18px;
background-color:  #F9F2F2;
background-image: url("images1/col_fonds.jpg"); width: 95%;

}

#bann5{/*TABLEAU CENTRAL*/width :102%; margin-left: -10px; margin-top: 18px;   border-radius: 8px;}
#img_cental{/*IMG_CENTRAL*/margin-top: -38px; margin-bottom: -18px;}
#tabvide{border:none;  box-shadow: 8px 20px 32px blue;  border-radius: 8px;background-image: url(fonds/17.jpg); background-size: 30%; background-repeat:repeat; margin-top: -50px;}
#jetondiv{font-family: elephant, sans-serif; font-size: 20px; color: cyan; font-weigth: bold;}
#hello{font-family: elephant, sans-serif; font-size: 17px; color: green; font-weigth: bold;}

#connecte{font-family: elephant, sans-serif; font-size: 15px; color: white; font-weigth: bold; background-color: none;text-align: right;}
#deconnecte{font-family: elephant, sans-serif; font-size: 15px; color: red; font-weigth: bold; background-color: none;text-align: right;}
#fond_blanc_table{background-color: white;   border-radius: 8px;}

/*le style des texte de colonne droite et gauche--------------------------------------------*/
#reso_inv{font-family: elephant, constantia, arial; font-size: 14px; color: green; background-color: none; font-weigth: bold;}
#nota {font-family: elephant, Constantia, arial; font-size: 14px; font-weigth: bold; color: green; background-color: #F5F5F5; }

#liens{font-family: Constantia, arial;}
#lesliens{font-family: elephant; color: white; font-weigth: bold;}/*vide*/
a{ text-decoration: none; color: blue;} /*vide*/

/*style du bouton submit----------------------------------------------------------------------*/
input[type=submit]{color:black; font-family: elephant; padding: 5px;background-color: #C68C8C; border:none; box-shadow: 2px 2px 4px blue; border-radius: 8px; cursor:pointer;}
input, textarea, select, option { background-color:#FFFFC0; border-radius: 4px; }

#cont_site, #reseaux, #comptes, #paiements, #liens_pratiques, #contacts, #divers, #services_premium{background-color: rgba(117, 190, 90, 0.3); color:white; font-family: elephant, arial; font-weignt: bold; font-size: 14px;}
#titre_rubrique{background-color: #E0FBFC; color:black; font-size: 20px; border-radius: 8px;}


/*style de formulaire-----*/  
button, input[type=submit]{color:black; font-family: elephant; padding: 5px;background-color: #C68C8C; border:none; box-shadow: 2px 2px 4px blue; border-radius: 8px; cursor:pointer;}
input, textarea, select, option { background-color:#FFFFC0; border-radius: 4px; }
.marge_form {text-align: center; margin-top: 20px; margin-bottom: 15px; background-color: none; box-shadow: 4px 8px 10px black; width: 80%;margin-left: 100px; }
  
/*style de connexion-------*/
.seconnecter {margin-bottom: -20px; margin-top: -60px; text-align: right;}
.conip,.conip1,.conip2{background-color: none; box-shadow: gray 4px 18px 10px; font-family: elephant, Constantia, arial; font-size: 17px; font-weigth: bold;}
.conip{color: green;}.conip1{color: blue;}.conip2{color: black;} 

/*style des promotions-----*/
.ins{color: purple; font-size: 19px;}.ins1{color: red; font-size: 20px;}.ins2{color: blue; font-size: 17px;}
.ins,.ins1,.ins2{background-color: white; box-shadow: gray 4px 18px 10px; font-family: elephant, Constantia, arial; font-weigth: bold;}
.promo_insc{margin-bottom: -10px; margin-top: -20px; text-align: center;} 

 #ligne1{color:green; font-family: elephant, arial; padding: 5px; background-color: #FCEDFA; border:none; box-shadow: 2px 2px 4px black; border-radius: 8px; cursor:pointer;}
 #ligne2{color:purple; font-family: elephant, arial; padding: 5px; background-color: #C0C0D0; border:none; box-shadow: 2px 2px 4px black; border-radius: 8px; cursor:pointer;}
 #ligne3{color:white; font-family: elephant, arial; padding: -2px; background-color: white; border:none; border-radius: 3px;}
 #ligne4{color:white; font-family: elephant, arial; padding: -2px;margin-left: -5px; background-color: white; border:none; border-radius: 3px;}
 #ligne5{color:#F7F7F7; background-color: #F7F7F7;font-family: elephant, arial; padding: -2px;margin-left: -5px;  border:none; border-radius: 3px;}

#ligne0{color:black; font-family: verdana, arial; padding: -2px; background-color: white; border:none; border-radius: 3px;}
 

.header-inner .Header .descriptionwrapper { text-align: center; text-shadow: 2px 2px 4px white;
  padding: 0 $(header.padding); text-align: center; color:black;
}


.blog-feeds{display:none !important;}  
 
/*menu flotant-----------------------*/
  
   #lesclasses {
  position: fixed;
  left: 0;
  top: 60%;
  width: 15em;
  margin-top: -2.5em;
}
  
    
   #lesclasses1 {
  position: fixed;
  left: 0;
  top: 55%;
  width: 15em;
  margin-top: -2.5em;
}
  
  /*flotant-----------------------*/
  
   #ecoute {
  position: fixed;
  left: 50;
  top: 5%;
  width: 70%;
  margin-top: -2.5em;
}

  
   #monmenuS {
  position: fixed;
  left: 7%;
  top: 14%;
  width: 85%;
  margin-top: -2.5em;
}

     #laconnexion {
  position: fixed;
  right: 2%;
  top: 10%;
  width: 2%;
  margin-top: -2.5em;
}



     #ecolier{
  position: fixed;
  right: 2%;
  top: 10%;
  width: 20%;
  margin-top: -2.5em;
}


  </style>