/* Definition balises HTML */
  body {cursor: default; overflow-y : hidden;  margin: 0px; padding: 0px; text-align: center; color: #242424; font-family: arial; font-size: 9pt; background-color: #101010; background-image:url(../image/---carbon.gif); background-repeat:repeat;}
  div {text-align: left;}
  a {font-family: arial; font-size: 9pt; text-decoration: none;} 
  p {margin: 0px; padding: 0px;}
  h1 { position: relative; top: 0px; left: 0px; margin: 0; color: #ffffff; font-size: 9pt; font-family: arial; font-weight: bold; font-style: normal;}
  h2 { position: relative; top: 0px; left: 0px; margin: 0; color: #0099CC; font-size: 12pt; font-family: arial; font-weight: bold; font-style: normal;}
  h3 { position: relative; top: 0px; left: 0px; margin: 0; color:  #0099CC; font-size: 9pt; font-family: arial; font-weight: 900; font-style: normal;}
  p { padding-top: 0px !important; padding-top: 5px; }
/* Liens */

a {font-family: arial; font-size: 8pt; color: #0099cc; text-decoration: none; font-weight: bold; margin: 0px; padding: 0px; border: 0px;}
a:hover {font-family: arial; font-size: 8pt; color: #0099cc; text-decoration: none; font-weight: bold; margin: 0px; padding: 0px; border: 0px;} 

  a.part {font-family: arial; font-size: 8pt; text-decoration: none; color: #c0c0c0; font-weight: bold;}
  a.part:hover {font-family: arial; font-size: 8pt; text-decoration: underline; color: white; font-weight: bold;}

  a.details {font-family: arial; font-size: 9pt; text-decoration: none; color: #669900; font-weight: bold;}
  a.details:hover {font-family: arial; font-size: 9pt; text-decoration: underline; color: #669900; font-weight: bold;}

  a.h2 {font-family: arial; font-size: 12pt; text-decoration: none; color: #0099CC; font-weight: bold;}
  a.h2:hover {font-family: arial; font-size: 12pt; text-decoration: underline; color: #0099CC; font-weight: bold;}

  a.m1 {font-family: arial; font-size: 9pt; text-decoration: none; color: #808080; font-weight: bold;}
  a.m1:hover {font-family: arial; font-size: 9pt; text-decoration: underline; color: #CC0000; font-weight: bold;}

  a.m2 {font-family: arial; font-size: 9pt; text-decoration: none; color: #808080; font-weight: bold;}
  a.m2:hover {font-family: arial; font-size: 9pt; text-decoration: underline; color: #0099CC; font-weight: bold;}

  a.m15 {font-family: arial; font-size: 9pt; text-decoration: none; color: #ffffff; font-weight: bold;}
  a.m15:hover {font-family: arial; font-size: 9pt; text-decoration: none; color: #0099CC; font-weight: bold;}

  a.m3 {font-family: arial; font-size: 9pt; text-decoration: none; color: #ffffff; font-weight: bold;}
  a.m3:hover {font-family: arial; font-size: 9pt; text-decoration: underline; color: #0099CC; font-weight: bold;}

  a.m4 {font-family: arial; font-size: 9pt; text-decoration: none; color: #808080; font-weight: bold;}
  a.m4:hover {font-family: arial; font-size: 9pt; text-decoration: none; color: #CC0000; font-weight: bold;}

  a.m5 {font-family: arial; font-size: 9pt; text-decoration: none; color: #dddddd; font-weight: bold;}
  a.m5:hover {font-family: arial; font-size: 9pt; text-decoration: none; color: #ffffff; font-weight: bold;}

  a.m6 {font-family: arial; font-size: 9pt; text-decoration: none; color: #CC0000; font-weight: bold;}
  a.m6:hover {font-family: arial; font-size: 9pt; text-decoration: none; color: #808080; font-weight: bold;}

  a.m7 {font-family: arial; font-size: 9pt; text-decoration: none; color: #669900; font-weight: bold;}
  a.m7:hover {font-family: arial; font-size: 9pt; text-decoration: none; color: #c0c0c0; font-weight: bold;}

  a.m8 {font-family: arial; font-size: 9pt; text-decoration: none; color: #969696; font-weight: bold;}
  a.m8:hover {font-family: arial; font-size: 9pt; text-decoration: none; color: #CC0000; font-weight: bold;}

  a.m9 {font-family: arial; font-size: 9pt; text-decoration: none; color: #969696; font-weight: bold;}
  a.m9:hover {font-family: arial; font-size: 9pt; text-decoration: none; color: #669900; font-weight: bold;}

  .m10 {font-family: arial; font-size: 9pt; text-decoration: none; color: #c0c0c0; font-weight: bold; cursor: pointer;}

  a.m11 {font-family: arial; font-size: 9pt; text-decoration: none; color: #ffffff; font-weight: bold;}
  a.m11:hover {font-family: arial; font-size: 9pt; text-decoration: none; color: #4b4b4b; font-weight: bold;}

  a.m12 {font-family: arial; font-size: 9pt; text-decoration: none; color: #ffffff; font-weight: bold;}
  a.m12:hover {font-family: arial; font-size: 9pt; text-decoration: none; color: #CC0000; font-weight: bold;}

  a.m13 {font-family: arial; font-size: 9pt; text-decoration: none; color: #dddddd; font-weight: bold;}
  a.m13:hover {font-family: arial; font-size: 9pt; text-decoration: none; color: #FFFFFF; font-weight: bold;}

  a.m14 {font-family: arial; font-size: 9pt; text-decoration: none; color: #0099CC; font-weight: bold;}
  a.m14:hover {font-family: arial; font-size: 9pt; text-decoration: none; color: #c0c0c0; font-weight: bold;}
  
  .connexion {font-family: arial; font-size: 9pt; text-decoration: none; color: #c0c0c0; font-weight: bold; cursor: pointer;}
  .connexion:hover {font-family: arial; font-size: 9pt; text-decoration: none; color: #ffffff; font-weight: bold; cursor: pointer;}


/* Chargement */

  .loading {position: absolute; top: 0px; left: 0px; height: 100%; width: 100% !important; height: 1500px; overflow: hidden; z-index: 500; background-color: #242424; text-align: center; margin: auto; border: 0px; }
  .image_prechargee {display:none; position: absolute; top: 0px; left: 0px; z-index: -1;}

/* Page */

  .page {position: relative; width: 986px; border-left: 4px solid #101010; border-right: 4px solid #101010; margin: auto; text-align: center;  background-image:url(../image/fond_page_blanc.png) !important; background-repeat:repeat-y; background-position: center;}

  .ombre_bord_page {position: relative; margin: auto; text-align: center; width: 1000px; height: auto; border: 0px; background-image:url(../image/fond_page_noir.png) !important; background-repeat:repeat-y; background-position: center;}
  .ombre_bord_page_IE6 {position: relative; margin: auto; text-align: center; width: 1000px; height: auto; border: 0px; background-image:url(../image/---fond_page_noir.gif) !important; background-repeat:repeat-y; background-position: center;}

  .top_menu {background-image:url(../image/top_menu.png);}
  .top_menu_IE6 {background-image:url(../image/top_menu.gif);}

/* Banniere */
 
  .banniere {position: relative; width: 986px; height: 134px; z-index: 1; margin: auto; text-align: center;}

/* Droite */

  .connexion_IE6 {position: relative; top: 0px; right: 0px; width: 230px; height: 116px; margin: auto; text-align: center; background-image:url(../image/connexion_IE6.png); background-repeat: no-repeat;}
  .boite_connexion {position: relative; top: 0px; right: 0px; width: 230px; height: 116px; background-image:url(../image/connexion.png); background-repeat:repeat-x; margin: auto; text-align: center; }
  .boite_evenmt {position: relative; top: 6px; right: 0px; width: 230px; height: 166px; background-image:url(../image/boite_droite.png); background-repeat:repeat-x; margin: auto; text-align: center; font-weight: bold;}
  .boite_dld {position: relative; top: 12px; right: 0px; width: 230px; height: 220px; background-image:url(../image/boite_droite_6.png); background-repeat:repeat-x; margin: auto; text-align: center;}
  .boite_evenmt_IE6 {position: relative; top: 6px; right: 0px; width: 230px; height: 166px; background-image:url(../image/boite_droite_IE6.png); background-repeat:repeat-x; margin: auto; text-align: center; font-weight: bold;}
  .boite_dld_IE6 {position: relative; top: 12px; right: 0px; width: 230px; height: 220px; background-image:url(../image/boite_droite_6_IE6.png); background-repeat:repeat-x; margin: auto; text-align: center;}
    
/* Menu */

  .menu {background-color: #ffffff; border: 1px solid #969696; padding: 1px; padding-bottom: 0px; border-top: 0px; color: #808080; font-family: arial; font-size: 9pt; cursor: pointer; filter:alpha(opacity=95); -moz-opacity:0.95; opacity: 0.95;}
  
  .bouton {position: relative; padding: 5px; font-family: arial; font-size: 9pt; text-decoration: none; font-weight: bold; border-bottom: 1px solid #dddddd; background-image:url(../image/fond_news.gif); background-repeat:repeat-x; cursor: pointer;}			
  .bouton_ombre {position: relative; padding: 5px; font-family: arial; font-size: 9pt; text-decoration: none; font-weight: bold; border-bottom: 1px solid #dddddd; background-image:url(../image/fond_menu.gif); background-repeat:repeat-x; cursor: pointer;}

  .s_menu {position: relative; padding: 5px; padding-left: 20px; font-family: arial; font-size: 9pt; text-decoration: none; font-weight: bold; color: #808080; border-bottom: 1px solid #dddddd; background-color: #c0c0c0; background-image:url(../image/fond_ss_rub.gif); background-repeat:repeat-x;}
  .s_menu_ombre {position: relative; padding: 5px; padding-left: 21px; font-family: arial; font-size: 9pt; text-decoration: none; font-weight: bold; color: #ffffff; border-bottom: 1px solid #dddddd; background-color: #dddddd; background-image:url(../image/fond_titre.gif); background-repeat:repeat-x;}

/* Navigation */
  
  .navigation {position: relative;  margin: auto; top: 0px; left: 0px; width: 986px; height: 48px; z-index: 1; background-image:url(../image/bar_navigation.gif); background-repeat: no-repeat;}
  .centre_navigation {position: absolute; top: 14px; left: 31px; width: 630px; height: 20px !important; height: 22px; z-index: 1; border: 1px solid #808080; background-color: #ffffff; background-image:url(../image/fond_url.gif); cursor: default; color: #808080;}  
  .navigation_bas {position: relative;  margin: auto; top: 0px; left: 0px; width: 100%; height: 33px; z-index: 1; border: 0px; background-color: #101010; background-image:url(../image/navigation_bas.gif); background-repeat:repeat-x;}

  form {margin: 0px; padding: 0px;}
  .selec_dld {width: 200px; height: 19px; z-index: 1; border: 1px solid #c0c0c0; background-color: #ffffff; color: #808080; font-weight: bold; font-family: arial; font-size: 9pt;}    
  .rech {font-weight: bold; width: 200px; height: 22px; z-index: 1; border: 1px solid #808080; background-color: #ffffff; background-image:url(../image/fond_rech.gif); color: #969696; font-family: arial; font-size: 9pt; padding-top: 4px; padding-left: 40px;}    
  .email {font-weight: bold; width: 256px; height: 22px; z-index: 1; border: 1px solid #808080; background-color: #ffffff; background-image:url(../image/fond_email.png); color: #969696; font-family: arial; font-size: 9pt; padding-top: 4px; padding-left: 40px;}    
  .user {font-weight: bold; width: 200px; height: 22px; z-index: 1; border: 1px solid #c0c0c0; background-color: #ffffff; background-image:url(../image/fond_email.png); color: #969696; font-family: arial; font-size: 9pt; padding-top: 4px; padding-left: 40px;}    
  .mdp {font-weight: bold; width: 200px; height: 22px; z-index: 1; border: 1px solid #c0c0c0; background-color: #ffffff; background-image:url(../image/fond_user.png); color: #969696; font-family: arial; font-size: 9pt; padding-top: 4px; padding-left: 40px;}    
  input.in_bouton {width: 150px;  font-family: arial; font-size: 11px; color: #808080; background-color: #efefef; cursor: pointer; border: 1px solid #c0c0c0; background-image:url(../image/fond_input.gif);}
  input.in_bouton_ombre {width: 150px; font-family: arial; font-size: 11px; color: #c0c0c0; background-color: #efefef; cursor: pointer; border: 1px solid #c0c0c0;}
  .inscri {width: 400px; height: 22px; z-index: 1; border: 1px solid #c0c0c0; background-color: #ffffff; background-image:url(../image/formulaire.png); color: #808080; font-family: arial; font-size: 9pt; padding-top: 4px; padding-left: 20px;}    
  .area {width: 400px; height: 80px; z-index: 1; border: 1px solid #c0c0c0; background-color: #ffffff; background-image:url(../image/textearea.png); color: #808080; font-family: arial; font-size: 9pt; padding-top: 4px; padding-left: 4px;}    


/* Centre de page */

  .colonnes {position: relative; top: 0px; left: 0px; width: 986px; z-index: 1; height: auto; text-align: left;}