/* CSS Document */
body { 

text-align:center;
font: 13px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
background :#FFE680 url(../images/fond_3.png) repeat-x;
}
hr{width:100px;margin-top:50px;margin-bottom:50px;}
img {border: 0;}
a{color:blue; text-decoration:none; }
a:visited { color: blue; text-decoration: none;}
a:hover{text-decoration:underline;color:blue;}
a.info {
   position: relative;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle pour afficher la bulle personnalisée */  
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   text-decoration:underline;
   z-index: 10; /* on définit une valeur pour l'ordre d'affichage */
}
a.info:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	/*white-space: nowrap;  on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	top: -150px; /* on positionne notre infobulle */
	left: -50px;
	text-align:left;
	background: url(../images/info_bulle_bg.png) no-repeat;width:290px;height:100px;
	color: black;
	padding-top:30px;padding-left:20px;
}
a.info_entete {
   position: relative;
   text-decoration: none;
}
a.info_entete span {
   display: none; /* on masque l'infobulle pour afficher la bulle personnalisée */  
}
a.info_entete:hover {
   background: none; /* correction d'un bug IE */
   text-decoration:underline;
   z-index: 10; /* on définit une valeur pour l'ordre d'affichage */
}
a.info_entete:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	/*white-space: nowrap;  on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	top: -150px; /* on positionne notre infobulle */
	left: -20px;
	text-align:left;
	background: url(../images/info_bulle_bg.png) no-repeat;width:290px;height:100px;
	color: black;
	padding-top:30px;padding-left:20px;
}

h1 { font-family:Verdana, Arial, Helvetica, sans-serif;padding:5px;font-size:11px;color:#36536b;}

.sepbil {
	margin: 5px;
	border-bottom: dashed #CCC thin;
}
h3{ padding:5px;margin:1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;  background :#5091cf url(../images/reflet.png) repeat-x; color:#fff;border-top: solid #eeefef thin;border-right: solid #eeefef thin;border-left: solid #979797 thin;border-bottom: solid #979797 thin;}
/* Menu de l'admin */
#menu {margin-top:2px;margin-bottom:2px;float:left;border-top: solid #eeefef thin;border-right: solid #eeefef thin;border-left: solid #979797 thin;border-bottom: solid #979797 thin; background:white url(../images/fond.png) repeat-x; text-align:left; padding:5px;width:260px;}
#menu h3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;  background :#426884 url(../images/reflet.png) repeat-x; color:#fff;border-top: solid #eeefef thin;border-right: solid #eeefef thin;border-left: solid #979797 thin;border-bottom: solid #979797 thin;}
#menu ul {
  padding: 0;
  }
#menu li {
  
  list-style: none;
  font-size: 9pt;
  }
#menu li ul {
  padding: 0;
  }
#menu li {
  margin: 0% 5% 0% 0% ;
  padding: 1% 0.5% 0.5% 19%;
  background: url(../images/puce_coc.png) left  no-repeat;
  line-height: 150%; /* Required for cross-browser consistency; cross-browser defaults vary. */
  border-bottom: dotted #ccc 1px;
  } 
#menu li:hover {
  margin: 0% 5% 0% 0% ;
  padding: 1% 0.5% 0.5% 19%;
  background: url(../images/puce_coc_hover.png) 1% 55% no-repeat #E6F4FF;
  line-height: 150%; /* Required for cross-browser consistency; cross-browser defaults vary. */
  border-bottom: dotted #ccc 1px;
  }  
#menu a {
  text-decoration: none;
  display: inline;
  }
#menu a:hover {
 text-decoration: underline;
}
#menu li.menu-en-cours{
	margin: 0% 5% 0% 0% ;
	padding: 1% 0.5% 0.5% 19%;
	background: url(../images/puce_coc_hover.png) 1% 55% no-repeat #E6F4FF;
	line-height: 150%; /* Required for cross-browser consistency; cross-browser defaults vary. */
	border-bottom: dotted #ccc 1px;
  }
/* Contenant de l'admin */
#corps {  margin-left:275px;margin-top:2px;margin-bottom:2px; text-align:left; border-top: solid white thin;border-right: solid white thin;border-left: solid #979797 thin;border-bottom:solid #979797 thin;background:white url(../images/fond.png) repeat-x;padding:10px;min-width: 680px;}
/*#contenu {float: left; width:950px;  text-align:left; margin-bottom:15px;border:1px solid #00FF99; background:#fff;  }*/
/* Input */

/*label
{
	display: block;
	float: left;
	padding-right: 1%;
	text-align: left;
	margin:5px;
}*/
input{
	width:96%;
	margin-left: 2%;
	border: #CCC solid thin;
	background-color:#F7F7F7;
	padding:0.1%;
}
input.rec_be{
	width:200px;height:25px;
	margin-left: 2%;
	border: #CCC solid thin;
	background-color:#F7F7F7;
	padding:0.1%;
}
textarea{
	width:96%;
	margin-left: 2%;
	border: #CCC solid thin;
	background-color:#F7F7F7;
	padding:0.1%;
}

input:focus {
background-color:#E6F4FF;
border-color:#BFCFFF;
}
textarea:focus {
background-color:#E6F4FF;
border-color:#BFCFFF;
}
/*bouton retour
.retour
{
	width: 150px;
	line-height:normal;
	margin-left:1%;
	height:18px;
	text-align:center;
	border:#CCC 1px solid;
	font-weight:bold;
	background: url(../images/resultset_previous.png)  20px  no-repeat #F7F7F7;	
}
.retour:hover
{
	margin-left:1%;
	border:#CCC 1px solid;
	background: url(../images/resultset_previous.png)  20px  no-repeat #E9E9E9;
	cursor: pointer;
}
.retour:active
{	background: url(../images/resultset_previous.png)  20px  no-repeat #FFF ; }
/* button submit */

input[type="submit"]
{
	width: 150px;
	line-height:normal;
	margin-left:1%;
	height:3%;
	text-align:center;
	border:#CCC solid thin;
	font-weight:bold;
	background: url(../images/tick.png)  12% no-repeat #F7F7F7;	
	padding:0.5%
}
input.rec_be[type="submit"]
{
	width: 170px;
	height:28px;
	border:#CCC solid thin;
	font-weight:bold;
	background: url(../images/001_38.png)  12% no-repeat #F7F7F7;	
}
input.rec_be[type="submit"]:hover
{
	width: 170px;
	height:28px;
	border:#CCC solid thin;
	font-weight:bold;color:#9ea2a6;
	background: url(../images/001_38_sombre.png) 12% no-repeat #E6F4FF;	
}

/* button submit */
input[type="submit"]:hover
{
	margin-left:1%;
	border:#BFCFFF solid thin;
	background: url(../images/tick.png)  12% no-repeat #E6F4FF;
	cursor: pointer;
	padding:0.5%
}
/* button submit */
input[type="submit"]:active
{	background: url(../images/tick.png)  12%  no-repeat #BFCFFF ; }
/*table*/
table {border: none;width: 100%;}
th {border: none;color:black;padding:1%;height:10%;background :#80C9FF;text-align:center;}
th a{ color:#fff; text-decoration:none;}
th a:hover{ color:#fff; text-decoration: underline;}
td {text-align:center;border:none;padding:0.5%;}
tr.titretr {border-bottom: none;}
tr {background:#E6E6FA; border-bottom:1px; height:0px;}/*Attention, sous IE, seule la dernière "dotted" fonctionne, si je l'emploi à nouveau ailleurs.*/
tr:hover{background :#E6F4FF;}
/*#FF6347*/

#corps p{
margin: 0.1% 5%;
margin-left:1%;
padding: 1% 0.5% 0.5% 28%;
border-bottom: thin dotted #ccc;
height: 1%;
min-height:5%;
}

/*Zone de navigation*/
#pageNav {
  font: 100% Verdana;
  padding: 3% 0%;
  text-align: center;
}
#pageNav span {
  font-weight: bold;
  padding: 0.3%;
  border: thin solid #BFCFFF;/*bordure*/
  margin-bottom: 5%;
  background-color:#E6F4FF;/*fond*/
  color:#000000;/*texte*/
}
#pageNav a {
  background: #FFF;
  color: #000000;
  text-decoration: none;
  padding: 0.3%;
  border: thin solid #BFCFFF;
}
#pageNav a:hover {
  border-color: #6096BF;
}
#pub_titre{border:#a0824f solid 2px;width:728px;height:15px;margin-top:-12px;margin-bottom:10px;}
#pub_haut{ float:right;display:inline-block;border-left:thin solid #979797; border-bottom:thin solid #979797;background:#ffff64; text-align:left; margin-bottom:2%;margin-top:1%;margin-left:1%;margin-right:1%;padding:1%;}
#newsBar-bar{display:inline-block;background:#fff; color:#000000; text-align:left; margin-bottom:2%;margin-top:1%;margin-left:1%;margin-right:1%;padding:1%;}
#newsBar-bar a{ color:blue; text-decoration:underline; }
#newsBar-bar a:hover{text-decoration:underline;color:blue;}
#newsBar-bar:hover{background:#F7F7F7; color:#000000;}
#pub_gauche{display:inline-block;background:#fff; text-align:left; margin-bottom:2%;margin-top:1%;margin-left:1%;margin-right:1%;padding:1%;}

#MenuDer, #MenuDer ul /* Liste */     
{
        padding : 2px; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		width : 100%; /* largeur */
		min-width: 950px;
}
#MenuDer :hover /* Liste */     
{
        
		color:#002b90;
}
#MenuDer h3{ padding:4px; margin:1px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:110%;border-top: solid #eeefef thin;border-right: solid #eeefef thin;border-left: solid #979797 thin;   color:#fff; }/* Ensemble du MenuDeroulant */
#MenuDer h3:hover{background :#457fb5 url(../images/reflet_hover.png) repeat-x;}
#MenuDer a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0%; /* aucune marge intérieure */
        background : #6096bf url(../images/reflet2.png) repeat-x;/* couleur de fond */        

        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
		
}

#MenuDer li/* Elements des listes */      
{ 
		float : left;
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #00FF99; /* on met une bordure blanche à droite de chaque élément */
		width : 19.9%;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #MenuDer li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#MenuDer li ul /* Sous-listes */
{ 
		position: absolute; /* Position absolue */
        width: 98%; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#MenuDer li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        clear:both;
		border-top: solid #eeefef thin;border-right: solid #eeefef thin;border-left: solid #979797 thin;border-bottom: solid #979797 thin; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #MenuDer li ul li                
{
        
		margin    : -1px 0 0 -2px; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
		border-top :1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
		left: -999em; /* Hop, on envoie loin du champ de vision */
}

#MenuDer li ul ul 
{
        margin    : -22px 0 0 19.7%; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
		width:100%; /* Largeur des sous-sous-listes */
		border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */	
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #MenuDer li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#MenuDer a:hover /* Lorsque la souris passe sur un des liens */    
{
		color:#005290;
        background: #74b5e7 url(../images/reflet3.png) repeat-x; /* ... et au contraire, le fond en bleu clair */
}
#MenuDer #en-cours h3 /*vérifie où on se trouve et laisse allumé le bon menu principal*/
{
	color :#002b90;background :#457fb5 url(../images/reflet_hover.png) repeat-x;
}
#MenuDer li:hover ul ul, #MenuDer li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#MenuDer li:hover ul, #MenuDer li li:hover ul, #MenuDer li.sfhover ul, #MenuDer li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left:auto; /* Repositionnement normal */
        min-height: 1%; /* Corrige un bug sous IE */
}
#lien_boutique  :hover /* Lien menu gauche */     
{
        color :#002b90;
}
#ConteneurMenuDeroulant{padding: 0 0 35px 0;}
#navigation{ margin-left:21%;width:78%;background: #FFF0F5; text-align:left; margin-bottom:1%;border:thin solid #00FF99;padding:0.5%;font-size:90%;margin-top:1%;max-width: 1000px; min-width: 400px;}
#navigation a {text-decoration: none;}
#navigation a:hover{ text-decoration:underline;}
#chat{width:98%;height:1000px;overflow:auto;border:thin solid #1E90FF; background:#fff; padding:1%}
#livre{padding:0.5%;border-top: thin dotted #BFCFFF;
}
#livre:hover{background:#E6F4FF;}
u.sujet{color:#00FF99;}
u.verbe{color:green;}
#legende{float: right;width:26%;  border: thin solid #1E90FF;background:#E6F4FF; text-align:left; margin-bottom:1%;padding:1%;}
#important{float: left;width:98%;  border: thin solid #1E90FF;background:#fff; text-align:left; margin-bottom:1%;padding:1%;}
#intro{ display:inline-block;text-align:left; margin-bottom:1%;background:#fff;padding:1%;max-width: 1000px;
min-width: 400px; }
#pub_bas{border-left:thin solid #979797;border-bottom:thin solid #979797;border-right:thin solid #dcdcdc;background:#ffff64;width:740px;padding-bottom:1%;}
#pied_page{clear:both;padding:10px;text-align:center; background:white url(../images/fond.png) repeat-x;border-top: solid white thin;border-right: solid white thin;border-left: solid #979797 thin;border-bottom:solid #979797 thin;min-width:1000px;}
/*css des formulaires des exo*/
#exo_vrai{float: left;color:green;  border: thin solid green;background:#FFF0F5; text-align:left; margin:2px;padding:2px;display:inline-block;}
#exo_faux{float: left;color:red;  border: thin solid red;background:#FFF0F5; text-align:left; margin:2px;padding:2px;display:inline-block;}
#exo_faux, #exo_faux ul /* Liste */     
{
        padding : 0%; /* pas de marge intérieure */
        margin : 0%; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		background :#EDEFEE;
}
#exo_faux li/* Elements des listes */      
{ 
		float : left;
        /* pour IE qui ne reconnaît pas "transparent" */
		width : 100%;
}
#exo_faux li ul /* Sous-listes */
{ 
		position: absolute; /* Position absolue */
        width: 36%; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
#exo_faux li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        clear:both;
		border: 1px solid red; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #exo_faux li ul li                
{	
		border :1px solid red; /* on met une bordure transparente en haut de chaque élément */
		left: -999em; /* Hop, on envoie loin du champ de vision */
}
#exo_faux li:hover ul, #exo_faux li li:hover ul, #exo_faux li.sfhover ul, #exo_faux li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left:auto; /* Repositionnement normal */
        min-height: 1%; /* Corrige un bug sous IE */		
}
fieldset.radio{background:#E6F4FF;}
input.text_exo{width:10%;}
input[type="button"]:active
{	background: url(../images/tick.png)  12%  no-repeat #FFF ; }
a.button{ color:#fff; text-decoration:none;}
a.button :hover{ text-decoration: none;}
input[type="button"]:hover
{
	margin-left:1%;
	border:#BFCFFF solid thin;
	background: url(../images/tick.png)  12% no-repeat #E6F4FF;
	cursor: pointer;
	padding:0.5%
}
input.radio  {
	width: 3%;
	margin-left: 1%;
	border: #CCC solid thin;
	background-color:#F7F7F7;
	padding:0.1%;
}
input[type="button"]
{
	width: 190px;
	line-height:normal;
	margin-left:1%;
	height:3%;
	text-align:center;
	border:#CCC solid thin;
	font-weight:bold;
	background: url(../images/tick.png)  12% no-repeat #F7F7F7;	
	padding:0.5%
}
/******affichage de l'explication de la mauvaise réponse dans les exerccices si on survole les mots "mauvaise réponse"*****/
#MauvaiseReponse, #MauvaiseReponse ul /* Liste */     
{
        padding : 0%; /* pas de marge intérieure */
        margin : 0%; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : left; /* on centre le texte qui se trouve dans la liste */
		width : 15%; /* largeur */
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:110%;  background :#EDEFEE; color:green;
}
#BonneReponse{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:110%; color:green;}
#MauvaiseReponse :hover{background :#EDEFEE;}
#MauvaiseReponse li/* Elements des listes */      
{ 
		float : left;
        /* pour IE qui ne reconnaît pas "transparent" */
		width : 100%;
}
#MauvaiseReponse li ul /* Sous-listes */
{ 
		position: absolute; /* Position absolue */
        width: 50%; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
#MauvaiseReponse li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        clear:both;
		border: 1px solid red; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #MauvaiseReponse li ul li                
{	
		border :1px solid red; /* on met une bordure transparente en haut de chaque élément */
		left: -999em; /* Hop, on envoie loin du champ de vision */
}
#MauvaiseReponse li:hover ul, #MauvaiseReponse li li:hover ul, #MauvaiseReponse li.sfhover ul, #MauvaiseReponse li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left:auto; /* Repositionnement normal */
        min-height: 1%; /* Corrige un bug sous IE */
		
}
/******tableau du formulaire de la page signaler une erreur*******/
#tab_erreur td
{
	border-right:thin dotted #ccc;text-align:left;width:20%;
}
#tab_erreur textarea 
{
	width :96%;height:100px;overflow: auto;
}
#tab_erreur select
{
	width:96%;
	margin-left: 2%;
	border: #CCC solid thin;
	background-color:#F7F7F7;
	padding:0.1%;
}
#tab_erreur input
{
	width:96%;
	margin-left: 2%;
	border: #CCC solid thin;
	background-color:#F7F7F7;
	padding:0.1%;
}
/*********************************************************
/*nuage de mots clès*/
#pg1 {
	text-decoration:none;
	font-size:10px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}
#tagcloud {
	background-color: white;									
	min-width: 188px;
	width:90%;
	padding: 10px;
	text-align: center;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
}
#tagcloud a {
	text-decoration:none;
}
#tagcloud a:hover {
	text-decoration:none;
	background:url(../images/select_tag.png) no-repeat;
	
}
#pg1-1 {
	color:#AA3406;
	font-size: 22px;
}
#pg1-2 {
	font-size:18px;
	color:#070089;
}
#pg1-3 {
	font-size: 14px;
	color:#BF2470;
}
#pg1-4 {
	font-size: 10px;
	color:#333333;
}
#pg1-5 {
	font-size: 6px;
	color:#FF3300;
}
.sign, .sign a{
	font-size: 2px;
	color: #BFBFBF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
input.papillon[type="button"]
{
	margin: -0.5% 0% 0% 0% ;
	float:right;
	width: 70px;
	height:80px;
	border:none;
	background: url(../images/papillon.png) right  no-repeat;		
}
input.papillon[type="button"]:hover
{

	border:none;
	background: url(../images/papillon_hover.png) left no-repeat;
	cursor: pointer;
}
#lettre{float:right;padding:5px;width:80%;border:1px blue solid;}
#corps_lettre{float:right;margin-right:130px;}
#entete_lettre{width:100px;height:100px;text-align:center;background:#E6F4FF;}
#entete_entete_lettre{background:#E6F4FF;}
#introduction_lettre{width:100px;height:100px;text-align:center;background:#98FB98;}
#introduction_introduction_lettre{background:#98FB98;}
#developpement_lettre{width:100px;height:100px;text-align:center;background:#FFB6C1;}
#developpement_developpement_lettre{background:#FFB6C1;}
#proposition_lettre{width:100px;height:100px;text-align:center;background:#FFDAB9;}
#proposition_proposition_lettre{background:#FFDAB9;}
#politesse_lettre{width:100px;height:100px;text-align:center;background:#DCDCDC;}
#politesse_politesse_lettre{background:#DCDCDC;}
div.cart_titre{float:left;padding:5px;background:#E6F4FF;font-size:16px;}
div.cart_bulle{float:left;padding:5px;background:#E6F4FF;font-size:15px;color:blue;}
img.cart_titre{float:left;padding-right:5px;padding-top:-5px;}
div.cart_attention{float:left;padding:5px;font-size:16px;color:red;}
div.cart_partage{padding:5px;background:#E6F4FF;font-size:16px;width:200px;}
#cartouche_gauche{float:left;width:300px;height:35px;border:1px solid blue;background:#E6F4FF;padding:5px}
#cartouche_droit{float:right;width:300px;height:35px;border:1px solid blue;background:#E6F4FF;padding:5px}
a.ico_regle{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_15.png) no-repeat;}
a.ico_regle:hover{background:url(../images/001_15_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_conf{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_18.png) no-repeat;}
a.ico_conf:hover{background:url(../images/001_18_sombre.png) no-repeat;cursor:pointer;border:none;}
input.ico_plus[type="button"]{border:none;float:right;width:26px;height:26px;background:url(../images/001_01.png) no-repeat;}
input.ico_plus[type="button"]:hover{background:url(../images/001_01_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_barre{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_41.png) no-repeat;}
a.ico_barre:hover{background:url(../images/001_41_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_blog{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:5px;background:url(../images/001_44.png) no-repeat;}
a.ico_blog:hover{background:url(../images/001_44_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_jeux{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_45_clair.png) no-repeat;}
a.ico_jeux:hover{background:url(../images/001_45_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_livre{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_14.png) no-repeat;}
a.ico_livre:hover{background:url(../images/001_14_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_salon{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_50_clair.png) no-repeat;}
a.ico_salon:hover{background:url(../images/001_50_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_rech{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_37.png) no-repeat;}
a.ico_rech:hover{background:url(../images/001_37_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_bout{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_48.png) no-repeat;}
a.ico_bout:hover{background:url(../images/001_48_sombre.png) no-repeat;cursor:pointer;border:none;}
a.ico_liens{border:none;float:left;width:40px;height:40px;padding-top:2px;padding-right:10px;background:url(../images/001_40.png) no-repeat;}
a.ico_liens:hover{background:url(../images/001_40_sombre.png) no-repeat;cursor:pointer;border:none;}