* {margin:0; padding:0;}
body {background:#696969;text-align:center;}
table, div, input, textarea {font: 11px Arial, Helvetica, sans-serif;}
img {border:none;}
a {text-decoration:none; }


.erreur{ color:#FF0000; font-weight:bold; }
.valide{ color:#006600; font-weight:bold; }

/*HHHHHHHHHHHHHHHb  S T R U C T U R E   G E N E R A L E dHHHHHHHHHHHHHH*/
#central {margin:50px auto 0 auto;width:955px;background:url(images/fond-body.gif) repeat-x #DEDEDE;text-align:left;}
#cale {clear:both;width:100%;height:20px;}
#pied {margin:10px auto 0 auto;width:800px;color:#9C9C9C;}
   #pied ul {list-style:none; margin: 0 0 0 200px;}
   #pied li {display:inline;}
   #pied li a {display:block;float:left;color:#D6D6D6;padding:0 15px;background:url(images/puce-pied.gif) no-repeat left center;}
   #pied li a:hover {color:#E9763E;}
   
   /* Apparition de la popup de validation */
	#popup_confirm_supp {position:absolute;z-index:500;width:200px;background:url(../images/fond-textarea.jpg) repeat-x #F5F5F5;border:2px solid #C7CEDB;
	        padding:10px 0;top:40%;left:40%;visibility:hidden;}
	#fondnoir {position:absolute;z-index:499;background:#4D5054;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;top:0;left:0;width:100%;
            height:100%;visibility:hidden;}
			

/*---------  LE BLOC CONTENU  -----------*/
#contenu {float:left;width:695px;background:#EEEEEE;border:1px solid #C8C8C8;padding:15px 15px 10px 15px;min-height:400px;}
  #contenu h1 {background:url(images/icone-titre.jpg) no-repeat;padding:5px 0 0 30px;color:#E9763E;font-size:1.6em;height:25px;font-weight:normal;
               margin:0 15px;border-bottom:1px dashed #B2B2B2;}
  #contenu .ariane{border-bottom:1px dashed #B2B2B2; padding: 0 0 5px 0;}   
  #contenu h2 { font-size:14px; color:#E9763E; margin:40px 0 10px 10px;}
  #contenu h3 { font-size:11px ;}
  #contenu p {margin:5px 15px 0px 15px; text-align:justify;}
  #contenu a {color:#696969; font-weight:bold; }
  #contenu table {margin:5px 0 0 30px;}
  #contenu .tbl td {padding:2px 0 2px 5px;border-bottom:4px solid #EEEEEE;background:#F8F8F8;}
  #contenu fieldset {margin:0 0 0 30px;width:460px;border:1px dashed #B2B2B2;}
  #contenu fieldset table {margin:5px 0 10px 10px;}
  .td-inscri {text-align:right;font-style:italic;padding:2px 8px 2px 0;border-bottom:1px solid #E3E3E3;color:#898989;}
  #contenu fieldset table input {border-left:1px solid #E9763E;border-top:none;border-right:none;border-bottom:none;background:#F8F8F8;padding:0 0 0 8px;
                                 width:280px;color:#E9763E;}
  #contenu fieldset .actif {border-left:2px solid #98DC20;background:#fff;padding:0 0 0 2px;width:284px;color:black;}
  #contenu .bt_valider {border:2px solid #F2BF9D;background:#DE713B;color:#FFE5CB;text-transform:uppercase;font-size:0.8em;padding:0 5px;}
  #contenu .bt_plus {border:1px solid #F2BF9D;background:#DE713B;color:#FFE5CB;text-transform:uppercase;font-size:0.8em;padding:0 5px;width:20px;}
  #contenu .bt_coche {border:none;background:none;width:20px;}
  #contenu legend {background:#EEEEEE;padding:2px 5px;margin:0 0 0 10px;color:#B2B2B2;font-weight:bold;}
  #contenu fieldset select {background:#F8F8F8;padding:0 0 0 5px;}
  #contenu fieldset select option {background:#F8F8F8;padding:0 0 0 5px;}
  
  			
/*---------  SPLASH  -----------*/
#splash-central {margin:100px auto 0 auto;width:766px;background:url(images/logo-splash.jpg) no-repeat #DEDEDE;text-align:left;padding:80px 0 0 0;}
    #splash-central h1 {font-size:20px;font-weight:normal;text-align:center;border-bottom:1px solid #6C6C6C;margin:30px 0 0 25px;padding:0 0 5px 0;width:175px;}
	#splash-central p {margin:5px 25px 0 25px;color:#696969;}
#splash-cale {float:left;width:35px;}
#splash-testez {float:left;width:225px;height:286px;background:url(images/fond-splash1.jpg) no-repeat;position:relative;}
#splash-testez p{text-align:justify;}    
	#splash-testez h1, #splash-testez p {color:white;}
#splash-inscrire {float:left;width:225px;height:286px;margin:0 0 0 10px;background:url(images/fond-splash2.jpg) no-repeat;}
#splash-logg {float:left;width:225px;height:286px;margin:0 0 0 10px;background:url(images/fond-splash3.jpg) no-repeat;}
    #splash-inscrire h1, #splash-logg h1 {color:#696969;}
	#splash-logg form input {border:1px solid #A7A7A7;padding:1px 0;background:url(images/fond-input.jpg) repeat-x #fff;color:#E3793D;font-weight:bold;}
	#splash-logg #mess_connection, #mess_connection_index {color:#FF0000;}
#splash-go {position:absolute;z-index:2;left:0;top:240px;width:225px;text-align:right;}


#index-box{ margin:20px;}

#index-box h2{ color:#E9763E; border-bottom:1px dashed #B2B2B2; font-size:14px; margin:0px; }
#index-box li{ list-style-type: none; }

.splash{float:left;width:225px; margin:20px 40px 20px 40px; padding:5px 5px 5px 5px;  background-color:#DEDEDE;}

#cale {clear:both;width:700px;}

/*---------  BANDEAU DU HAUT  -----------*/
#bando {width:100%;text-align:right;background:url(images/logo.jpg) no-repeat left 0;height:50px;color:#FF9000;padding:26px 0 0 0;}
   #bando input {border:1px solid #E9763E;background:url(images/fond-input.jpg) repeat-x #fff;width:80px;}
   #bando .actif {border:1px solid #fff;}

/*---------  LE BLOC MENU  -----------*/
#menu {float:left;width:224px;position:relative;height:250px;}
  #menu ul {list-style:none;margin:0 0 0 28px;}
  #menu li {text-transform:uppercase;font-size:1em;font-weight:bold;}
  #menu ul a {display:block;width:100%;padding:4px 0;border-bottom:1px dashed #B2B2B2;color:#696969;background:url(images/puce-menu.jpg) no-repeat left 4px;}
  #menu ul a:hover {color:#E9763E;}
  #menu li ul {list-style:none;margin:0 0 0 25px;}
  #menu li ul li {text-transform:none;font-size:1em;}
  #menu li ul li a {color:#696969;border:none;background:none;display:inline;}
  #menu li ul li a:hover {text-decoration:underline;}
  #menu #onestla {background:#EEEEEE;}
#demarrer {position:absolute;z-index:2;left:84px;top:200px;}
#pubmenu { margin:20px;}
  

  
  
  /*---------  atterissage  -----------*/
  #contenu .liste-presentation{ margin:10px 0 0 25px;}
  #contenu .liste-presentation h3{ font-size:12px; font-weight:bold; }
   #contenu .liste-presentation li{ list-style:none; }
  
  
  
  #espace_test{  margin:10px 20px 20px 20px; padding:5px 5px 5px 5px; }
  #module_test{ margin:0px 20px 20px 20px;}
  #nbreponse{ text-align:right; color:#E9763E;}
  #espace_test h2{font-size:16px;font-weight:bold;border-bottom:1px solid #E9763E; color:#E9763E; margin:0px;}
  #espace_test a{color:#009933;}
  #question{font-size:16px;font-weight:bold;color:#E9763E;}
  .indication{ color:#999999;}
  
  .bonnereponse{ font-size:16px;font-weight:bold;color:#009933;}
  .mauvaisereponse{ font-size:16px;font-weight:bold;color:#FF0000;}