body {
	Margin: 0px; Padding: 0px;
    font-family:Verdana,"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size:0.9em;
	Overflow: hidden;
	background: url('design2/motif-fond.jpg') ;
}

 a:link,a:active,a:visited {
    color : black; 
    text-decoration: none;
    font-weight:bold;
	margin-left : 0px;
  }
  
a:hover {
    text-decoration: underline;
    font-weight:bold;
  }


#entete {
	top:0px;Left:0px;
	Position: absolute;
	height : 120px;
	width: 100%;
	display :block;
}
#menu_ligne {
	top:100px;Left:0px;Position: absolute;
	overflow: hidden;
	Width: 100%;
	height : 40px;
	margin : 0px;
	padding : 0px;
	display : block;
	z-index : 10;
	}
#corps {
	Position: absolute;
	Width: 100%;
	Bottom: 0px; Top: 119px;
	Overflow: hidden;
	color: black;		
}

#menu_colonne{
	overflow: hidden; position: absolute;
	display : block ;
	Left: 0px; Width: 170px; Bottom: 0px; Top: 0px; 
	Position: absolute;
	padding-left : 0px; padding-right : 10px;
	padding-top :0px;
	padding-bottom : 0px ;
}

#contenu, .contenu4 {
	overflow: hidden; position: absolute;
	Left: 170px; Right: 0px; Bottom: 0px; Top: 0px;
	border: none ;
	background: url('design2/beige2.jpg') ;
	border-left : double ; 
	border-top : double ; 
}	
#texte {
left :0px;
right :0px;
top : 0px;
bottom : 0px;
padding-left :20px;
padding-right: 30px;
overflow: auto;
position: absolute;
text-align : justify;
z-index:1;
}
.texte p {
text-indent: 20px;
}
.texte h2 {
text-align: center;
color : #c5130f;
font-weight: bold;
font-style: italic;
}
.encyclopedie h2 {
margin:0px; 
padding : 0px;
}
.texte .titre {
text-align: center;
font-size: 22px;
font-weight: bold;
color : #c5130f;
font-style: italic;
}
.texte .important {
font-weight: bold;
}
.texte .intro {
font-style: italic;
text-indent: 30px;
}
.texte .question {
text-indent: 20px;
font-weight: bold;
}
.texte  .question:before
{
   content: url("favicon.gif"); /* Mettre une image de question */
}

.texte .reponse {
text-indent: 0px;
margin-bottom : 0px;
padding-bottom : 0px;
}
.texte .conclusion{
font-style: italic;
text-indent: 30px;
}


#menu_ligne ul {
position : absolute ;
top : -8px ;
left : 200px ;
padding : 0px;
background: url('design2/ligne-noire-gauche.png') no-repeat;
z-index : 2 ;
height: 28px; /* Hauteur des images bouton-gauche.png et bouton-droite.png */
display: block; /* Pour pouvoir assigner une taille */
}
.fin_menu_ligne{
float : left ;
background: url('design2/ligne-noire-droite.png') 100% 0 no-repeat; /* Bord droit du bouton, align� � droite ! */
height: 100%; /* Hauteur des images bouton-gauche.png et bouton-droite.png */
padding-right : 30px ;
padding-left : 15px ; 
}
#menu_ligne li {
float : left;
list-style: none;
margin-left : 0px;
list-style-type:none;
height: 100%; /* Hauteur des images bouton-gauche.png et bouton-droite.png */
display: block; /* Pour pouvoir assigner une taille */
text-decoration: none; /* On utilise un lien au lieu d'un div. Un lien est soulign� par d�faut, mais on veut le m�me look qu'avant */
cursor: pointer; /* Curseur en forme de main, pour r�soudre un bug sous IE, caus� lors du changement du lien en affichage bloc, quelques lignes plus haut */

}

#menu_ligne a{
float : left;
text-align: center;
text-decoration: none;
height: 100%; /* Hauteur des images bouton-gauche.png et bouton-droite.png */
padding: 0 18px; /* S'assurer que le texte ne soit pas coll� aux bordures du bouton */
color: #c5daa3; 
line-height: 28px;
display: block;
font-weight : bold ;
}

#menu_ligne li:hover,
#menu_ligne li:focus,
#menu_ligne li:active {


}

#menu_ligne a:hover ,
#menu_ligne a:focus ,
#menu_ligne a:active  {
background: url('design2/ligne-active.png') no-repeat;
background-repeat:no-repeat;
background-position: center center;
}

.titre_colonne{
font-weight : bold ;
position : absolute;
top : 0px;
left : 10px;
text-align: center;
display : block ;
width : 150px ;
background: url('design2/titre-colonne.png') no-repeat;
color : #dc4839;/*beau bleu >> 87a9e7 */
padding-top :4px ;
height : 28px;
margin-bottom : 0px; 
z-index:155;
}

#menu_colonne ul {
position : absolute;
top : 28px ;
left : 10px ;
padding-top : 10px ;
padding-left : 0px;
padding-bottom : 15px;
text-align: center;
background: url('design2/bas-colonne.png') 0% 100% no-repeat;
width : 150px ;
margin-top: 0px ;
display : block ;
z-index:1;
}
#menu_colonne li {
list-style-type:none;
padding-left : 0px;
margin-left : 0px ;
display : block ;
}

#menu_colonne a {
display : block ;
text-align: center;
list-style: none;
text-decoration: none;
padding-left : 0px;
margin-left : 0px;
height : 100%;
width : 100%;
color: #c5daa3 ;
font-weight:normal;
}
#menu_colonne li:hover,
#menu_colonne li:focus,
#menu_colonne li:active {

}

#menu_colonne a:hover ,
#menu_colonne a:focus ,
#menu_colonne a:active  {
background: url('design2/colonne-active.png');
}
#lien_compte a:hover ,
#lien_compte a:focus ,
#lien_compte a:active  {
background: none;
}
.image_contenu_bas_droite{
position : absolute;
bottom : 0px;
right : 15px;
display : block ;
width : 200px ;
height : 200px ;
background: url('design2/nouvelle-fleur.png')100% 100% no-repeat;
margin : 0px;
}
.image_colonne_bas{
position : absolute;
bottom : 0px;
display : block ;
width : 200px ;
height : 200px ;
background: url('design2/fleur-coin.png')0% 100% no-repeat;
margin : 0px;
}
.image_accueil{
position : absolute;
bottom : 0px;
left :-50px ;
display : block ;
width : 400px ;
height : 400px ;
background: url('design2/fourmi-rousse.png')0% 100% no-repeat;
margin : 0px;
}
.logo{
position : absolute;
top: 0px;
right: 0px ;
display : block ;
width : 509px ;
height : 120px ;
background: url('design2/logo.png')repeat-x;
margin : 0px;
}
.banniere{
height : 90px;
Position: absolute;
left : 10px;
top : 6px;z-index:1;
border: solid 2px ;
}
.petite_pub{
height : 60px;
Position: absolute;
left : 170px;
top : 20px;z-index:1;
border: solid 2px ;
}
.design_alternatif{
Position: absolute;
left :50px;
top : 400px;z-index:1;
 border-color:black;
border-style :double;
background: url('design2/beige2.jpg') ;
text-align: center;
padding : 4px;
}
.boite_info{
Position: absolute;
left : 750px;
top : 20px;z-index:1;
border-style :double;
display : block ;
height : 56px ;
padding-bottom : 2px ;
background: url('design2/beige2.jpg') ;
}

.boite_info table /* Le tableau en lui-m�me */
{
border-collapse: collapse; /* Colle les bordures entre elles */
}
.boite_nouveau_joueur{
Position: absolute;
left : 10px;
top : 10px;z-index:1;
border-style :double;
display : block ;
height : 60px ;
width : 708px ;
padding : 10px;
background: url('design2/beige2.jpg') ;
text-align:center;
}
.ouvriere, .nourriture, .tdc, .temps, .materiaux, .messages, .rapport_de_combat, .rapport_de_chasse{
text-align: left;
height :18px ;
padding-top :0px ;
padding-bottom : 0px ;
padding-left :3px;
padding-right : 7px;
white-space: nowrap ; 
}
.boite_info .ouvriere,.boite_info .nourriture,.boite_info .materiaux{
min-width : 60px ;
}
.icone_ouvriere , .icone_materiaux, .icone_nourriture, .icone_message, .icone_temps, .icone_rapport_de_combat, .icone_rapport_de_chasse{
text-align : right ;
padding-top :0px ;
padding-bottom : 0px ;
padding-left :7px;
padding-right : 3px;
height :18px ;
}
.icone_ponte
{background: url('icone_ponte.png')0% 0% no-repeat;
width: 50px;
}
.icone_ponte :hover
{background: url('icone_ponte_hover.gif');
background-repeat:no-repeat;
background-position:center center;
text-decoration: none;
}
.icone_recherche
{background: url('icone_recherche.png')no-repeat;display:block;height:50px;
}
.icone_recherche :hover
{background: url('icone_recherche_hover.png')no-repeat;display:block;height:50px;
}
.icone_construction
{background: url('icone_construction.png') no-repeat; display:block;height:50px;
}
.icone_construction :hover
{background: url('icone_construction_hover.gif') no-repeat;display:block;height:50px;
}
.boite_info td /* Les cellules normales */
{    font-family:"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size:0.9em;
   text-align: center; /* Tous les s des cellules seront centr�s*/
   padding: 0px;
   margin: 0px;
}
.boite_info a:link,a:active,a:visited {
    color : black; 
    text-decoration: none;
	margin-top : 0px; margin-bottom: 0px;
	padding-top : 0px; padding-bottom : 0px;
	margin-left : 0px;
  }

.jauge{
position : relative ;
top : -2px;
background-color : green ;
display : block;
height : 3px; 
width : 100% ;
z-index:2;
}
.plein{
background-color : #d41b1b ;
position : float;
top : 0px;
left: 0px;
z-index:3;
height : 3px;
display : block;
}
/*Ici on parle des boites d'amelioration */
.boite_amelioration {
border : solid 1px;
margin-bottom : 20px;
background: url('design2/beige4.jpg') repeat;
}
.beige4{
background: url('design2/beige4.jpg') repeat;
}
.photo{
border-color : #8c7737 ;
border-style : ridge ;
}
.boite_amelioration .titre {
font-size: 18px;
font-weight: bold;
color : #c5130f;
font-style: italic;
}
.icone_construction{
text-align : center;
}
/*Ici on termine les boites d'amelioration */

.carte TD {
    width: 50px;
    height: 50px;
    border: 0px solid ;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: #FFFFFF;
  }
  
  .vue_img
{
  padding : 0px;
  margin : 0px;
  display : block;
}


.Nav {
    background-image: url("messagefond.png");
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #DEB787;
    border-top: 0px;
  }

  
  .tableNav {
    background-image: url('carte/fondnav.jpg');
    height: 70px;
    border: 0px solid #DEB887;
  }


.tableNav img {
    border: 0px;
    azimuth: center;
  }
 
.carte {
    border: 0px solid #DEB887; 
    vertical-align: middle;
  }
  
  .montagne {
    background: url("carte/montagne.jpg");
    color: #FFFFFF;
  }


.eau {
    background: url("carte/eau.jpg");
    color: #FFFFFF;
  }


.desert {
    background: url("carte/desert.jpg");
    color: #FFFFFF;
  }
  
  .rosace img {
    border: 0px;
    azimuth: center;
  }
  
.prairie, a.img {
    width: 50px;
    background: url("carte/plaine.jpg");
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    azimuth: center;
  }



a img {
    border:0;
  }
  
  
#TableMessagerie {
    border-collapse : collapse;
  }


 .MessNonLu  {
color : blue;
  }
  .MessNonLu  a{
color : blue;
  }
  
  .NewsTD1 {
    width:500px;
    height:60px;
  }
  

.TableauxArmees {
    background:url('design2/beige4.jpg');
    border:1px solid black;
    width: 35%;
    margin-bottom: 30px;
    padding:8px;
    text-align:center;
  }

.vertFoncer {
    font-weight: bold;
    color : #18D100;/* <======= On a une couleur ICI. Elle concerne tout ce qui est "vertFoncer" dans le design de base.*/
  }

.couleur_positif /*Concerne de fa�on g�n�ral des �l�ments jug� positif pour le joueur*/
{
font-weight: bold;
color : green;
}

.bleuFoncer {
    font-weight: bold;
    color : #103CFF;/* <======= On a une couleur ICI. Elle concerne tout ce qui est "bleuFoncer" dans le design de base.*/
  }


.gras {
    font-weight: bold;
  }


.verificationNonOK {
    color :#c5130f;/* <======= On a une couleur ICI. Elle concerne tout ce qui est consid�rer comme faux, il s'agit de la couleur rouge dans le design de base. */
  }


.verificationOK {
    color: green;/* <======= On a une couleur ICI. Elle concerne tout ce qui est consid�rer comme vrai, ou bon (a l'inverse de verificationNonOK), Vert.*/
  }


.rouge {
    color :#c5130f/* <======= On a une couleur ICI. Elle concerne tout(Ou presque?) ce qui est rouge dans le design de base. */
  }


.noir {
    color :#000000;/* <======= On a une couleur ICI. Elle concerne tout ce qui est noir dans le design de base. */
  }


.vert {
    color: #49c031;/* <======= On a une couleur ICI. Elle concerne tout ce qui est vert dans le design de base. */
  }

#rebours_time {
    font-weight: bold;
  }

.FloteGauche {
    float: left;
  }


.TableauAlliances td {
background:url('design2/bande-fonce.jpg');
text-align: center;
  }


.chatAlliance {
    border: 1px;

  }


.paix, .paix a {
color : #0000FF;/* <======= On a une couleur ICI. Elle concerne les alliances consid�r� comme en paix bleu. */
  }
  
.monAlliance, .monAlliance a {
color : #0d7405;/* <======= On a une couleur ICI. Elle concerne les membres de son alliances vert. */
  }


.guerre, .guerre a {
    color : #c5130f;/* <======= On a une couleur ICI. Elle concerne les alliances consid�r� comme en guerre. */
  }


tr .neutre {
  }

  
.Proposition_Petit {
    font-size: 85%;
    min-height: 18px;
  }


.Proposition_Objet {
    font-size: 125%;
    min-height: 24px;
  }


.objet_add_vote {
    font-weight : bold;
    font-size: 125%;
  }


.nb_votes {
    font-weight : bold;
    font-size: 250%;
  }


.bloc-note {
    margin-left: 100px;
    padding-left: 100px;
  }

.profil_corps {
    clear : left;
  }


.tableau_leger td , .tableau_leger th{
    border: 1px solid; 
	padding-left : 10px ; 
	padding-right : 10px ;
  }


.tableau_leger {
    border-collapse: collapse;
	border:1px solid black;
  }

.image_du_tour {
margin :20px 0px ;
border : 2px solid black;
height : 250px;
width : 500px;
overflow : hidden;
}
.titre_du_tour {
 font-size:1.5em;
 font-weight: bold;
}
.texte_du_tour{
 font-weight: bold;
 max-width : 600px; 
}
.boite_connexion{
padding : 0px 20px ;
Position: absolute;
left : 50px;
top : 20px;z-index:3;
border-style : double;
background: url('design2/beige2.jpg') ;
}

.boite_compte_plus{
Position: absolute;
left : 170px;
top : 20px;
padding-right : 5px;
padding-top : 1px;
z-index:1;
border-style : double;
display : block ;
height : 62px ;
padding-bottom : 2px ;
background: url('design2/beige2.jpg') ;
white-space: nowrap ; 
}
.boite_compte_plus table /* Le tableau en lui-m�me */
{
border-collapse: collapse; /* Colle les bordures entre elles */

}
.rechercher, .tdc, .ligne_boite_compte_plus, .conso{
text-align: left;
height :19px ;
padding-top :0px ;
padding-bottom : 0px ;
padding-left :3px;
padding-right : 7px;
white-space: nowrap ; 
margin-top : 0px ; margin-bottom : 0px ;
}
.boite_compte_plus .ouvriere, .boite_compte_plus .nourriture, .boite_compte_plus .materiaux{
min-width : 60px ;
}
.mini_icone_ponte, .mini_icone_recherche, .mini_icone_construction, .icone_tdc , .icone_rechercher{
overflow: hidden ;
text-align : right ;
padding-top :0px ;
padding-bottom : 0px ;
padding-left :7px;
padding-right : 3px;
margin-top : 0px;
height :19px ;
}
.boite_compte_plus td /* Les cellules normales */
{    font-family:"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size:0.9em;
   text-align: center; /* Tous les textes des cellules seront centr�s*/
   padding: 0px;
   margin: 0px;

}


#mx0,#mx1,#mx2,#mx3,#mx4,#mx5,#mx6,#my0,#my1,#my2,#my3,#my4,#my5,#my6 
{position:absolute; z-index:30; width:35px; height:12px; font-size:7pt; text-align:center;}

#mx0{left:2px; top:243px;}
#mx1{left:38px; top:262px;}
#mx2{left:74px; top:283px;}
#mx3{left:110px; top:303px;}
#mx4{left:146px; top:323px;}
#mx5{left:182px; top:343px;}
#mx6{left:218px; top:363px;}

#my0{left:4px; top:205px;}
#my1{left:40px; top:185px;}
#my2{left:76px; top:165px;}
#my3{left:112px; top:145px;}
#my4{left:148px; top:125px;}
#my5{left:184px; top:105px;}
#my6{left:220px; top:85px;}

/*Position des tuiles de la carte, la premiere tuite est x=0 y=0, la 2e x=1 y=0 */
.mt1{position:absolute; z-index:7; left:13px; top:177px;}
.mt2{position:absolute; z-index:8; left:50px; top:197px;}
.mt3{position:absolute; z-index:9; left:87px; top:217px;}
.mt4{position:absolute; z-index:10; left:124px; top:237px;}
.mt5{position:absolute; z-index:11; left:161px; top:257px;}
.mt6{position:absolute; z-index:12; left:198px; top:277px;}
.mt7{position:absolute; z-index:13; left:235px; top:297px;}

.mt8{position:absolute; z-index:6; left:49px; top:157px;}
.mt9{position:absolute; z-index:7; left:86px; top:177px;}
.mt10{position:absolute; z-index:8; left:123px; top:197px;}
.mt11{position:absolute; z-index:9; left:160px; top:217px;}
.mt12{position:absolute; z-index:10; left:197px; top:237px;}
.mt13{position:absolute; z-index:11; left:234px; top:257px;}
.mt14{position:absolute; z-index:12; left:271px; top:277px;}

.mt15{position:absolute; z-index:5; left:85px; top:137px;}
.mt16{position:absolute; z-index:6; left:122px; top:157px;}
.mt17{position:absolute; z-index:7; left:159px; top:177px;}
.mt18{position:absolute; z-index:8; left:196px; top:197px;}
.mt19{position:absolute; z-index:9; left:233px; top:217px;}
.mt20{position:absolute; z-index:10; left:270px; top:237px;}
.mt21{position:absolute; z-index:11; left:307px; top:257px;}

.mt22{position:absolute; z-index:4; left:121px; top:117px;}
.mt23{position:absolute; z-index:5; left:158px; top:137px;}
.mt24{position:absolute; z-index:6; left:195px; top:157px;}
.mt25{position:absolute; z-index:7; left:232px; top:177px;}
.mt26{position:absolute; z-index:8; left:269px; top:197px;}
.mt27{position:absolute; z-index:9; left:306px; top:217px;}
.mt28{position:absolute; z-index:10; left:343px; top:237px;}

.mt29{position:absolute; z-index:3; left:157px; top:97px;}
.mt30{position:absolute; z-index:4; left:194px; top:117px;}
.mt31{position:absolute; z-index:5; left:231px; top:137px;}
.mt32{position:absolute; z-index:6; left:268px; top:157px;}
.mt33{position:absolute; z-index:7; left:305px; top:177px;}
.mt34{position:absolute; z-index:8; left:342px; top:197px;}
.mt35{position:absolute; z-index:9; left:379px; top:217px;}

.mt36{position:absolute; z-index:2; left:193px; top:77px;}
.mt37{position:absolute; z-index:3; left:230px; top:97px;}
.mt38{position:absolute; z-index:4; left:267px; top:117px;}
.mt39{position:absolute; z-index:5; left:304px; top:137px;}
.mt40{position:absolute; z-index:6; left:341px; top:157px;}
.mt41{position:absolute; z-index:7; left:378px; top:177px;}
.mt42{position:absolute; z-index:8; left:415px; top:197px;}

.mt43{position:absolute; z-index:1; left:229px; top:57px;}
.mt44{position:absolute; z-index:2; left:266px; top:77px;}
.mt45{position:absolute; z-index:3; left:303px; top:97px;}
.mt46{position:absolute; z-index:4; left:340px; top:117px;}
.mt47{position:absolute; z-index:5; left:377px; top:137px;}
.mt48{position:absolute; z-index:6; left:414px; top:157px;}
.mt49{position:absolute; z-index:7; left:451px; top:177px;}

.clic_sur_carte {position:absolute; width:540px; height:450px; left:20px; top:70px; border : none;}
.fond_de_carte {position:absolute; width:540px; height:450px; left:20px; top:70px; background: url('carte/fond_de_carte.gif') ;}
.carte_du_jeu {position:static; width:500px; height:450px;display : block ;}

.tableau_detail_carte {
    border-collapse: collapse;
	border-style : double;	border-color : black;
	position:absolute;  left:580px; top:80px;
	width : 300px ;
	text-align: center;
	font-size: 14px;
	background: url('design2/beige4.jpg') repeat;
  }
  .tableau_detail_carte  td {
	width:50%;
  }
  
.tableau_diplomatie_carte {
    border-collapse: collapse;
	border-style : double;border-color : black;
	position:absolute;  left:580px; top:160px;
	text-align: center;	font-size: 14px;
	width : 300px ;
	background: url('design2/beige4.jpg') repeat;
  }
.tableau_diplomatie_carte  td {
	width:50%;
  }
  
.tableau_fourmiliere_carte {
    border-collapse: collapse;
	border-style : double;border-color : black;
	position:absolute;  left:580px; top:330px;
	text-align: center;	font-size: 14px;
	width : 300px ;
	background: url('design2/beige4.jpg') repeat;

  }

.carte_loupe {
	position:absolute;  left:20px; top:450px;z-index:100;

  }
  
  .banniere_accueil{
  display : block ;
  height : 200px;
  width : 700px;
}
.inscrivez_vous{
position : relative;
top : -270px;
left : -40px;
display : block ;
width : 150px ;
background: url('design2/fond_inscrivez_vous.png') no-repeat;
height : 28px;
margin-bottom : 0px; 
z-index:1;
}
.presentation{
position : relative;
top : -55px;
left : 90px;
display : block ;
width : 150px ;
background: url('design2/fond_inscrivez_vous.png') no-repeat;
height : 28px;
margin-bottom : 0px;
z-index:1;
}
.inscrivez_vous a , .presentation a  {
text-align: center;
text-decoration: none;
height: 100%; /* Hauteur des images bouton-gauche.png et bouton-droite.png */
color: #c5daa3; 
line-height: 28px;
display: block;
padding-left : 0px;
margin-left : 0px;
width : 100%;
}

.inscrivez_vous a:hover , .presentation a:hover , 
.inscrivez_vous a:hover , .presentation a:focus , 
.inscrivez_vous a:hover , .presentation a:active   {
background: url('design2/fond_inscrivez_vous_actif.png') no-repeat;
background-repeat:no-repeat;
background-position: center center;
text-decoration: none;
}

.simulateur {

background: url('design2/beige4.jpg') repeat;
border-style: double ;
padding : 20px ;
border-color:black;
padding-bottom: 15px;
}

.boite_membre {
border : solid 1px;
margin-bottom : 20px;
padding : 20px; 
padding-top: 5px;
background: url('design2/beige4.jpg') repeat;
}
.boite_membre td {
white-space: nowrap ; 
 }
.boite_membre .tableau_score {
 border-width:1px; 
 border-style:solid; 
 border-color:black;
 border-collapse: collapse;
 margin : 0px;
 padding : 10px ;
 }
.boite_membre .tableau_score td , .boite_membre .tableau_score th { 
padding : 3px 20px;
 }
 .tableau_ami {
border-style: double ; border-color:black;
padding : 20px; 
background: url('design2/beige4.jpg') repeat;
}
 .tableau_ami th{
padding : 0px 15px ;
}
.image_zoom {
 width: 338px;
 height: 271px;
 background: url(encyclopedie/legionnaire1.jpg) no-repeat;margin:0;padding:0px;
}
.image_zoom  a {
height: 271px; width: 338px;
display: block;
margin:0;padding:0px;
}
.image_zoom  a:hover {
background: url(encyclopedie/legionnaire1.jpg) no-repeat 0 -271px;
}


/* odd items 1,3,5,7,... */
table tr.odd th,
.odd {
    background: #DCFFF3;
}

/* even items 2,4,6,8,... */
table tr.even th,
.even {
    background: #86FF94;
}
/* odd table rows 1,3,5,7,... */
table tr.odd th,
table tr.odd,
table tr.even th,
table tr.even {
    text-align:         left;
}

/* hovered items */
.odd:hover,
.even:hover{
    background: #D5D5D5;
    color: #000000;
}
/* marked table rows */
table tr.marked th,
table tr.marked {
    background:   #FFCC99;
    color:   #000000;
}

.boite_drapeaux {
position: absolute ;
top:0px ;
right:0px ;
z-index: 50;
width: 90px ;
height : 32px ;
background: url('design2/fond-drapeaux.png') ;
}

.ligne_paire {
background: url('design2/beige2.jpg');
}
  .cliquable:hover {
font-weight: bold;
cursor:pointer
}

.tab_triable th
{
    font-variant:small-caps;
        }

.tab_triable th.sortable,
.tab_triable th.sortable-text,
.tab_triable th.sortable-date,
.tab_triable th.sortable-keep,
.tab_triable th.sortable-date-dmy,
.tab_triable  th.sortable-numeric,
.tab_triable  th.sortable-currency,
.tab_triable  th.sortable-sortByTwelveHourTimestamp,
.tab_triable  th.sortable-sortIPAddress,
.tab_triable th.sortable-sortEnglishLonghandDateFormat,
.tab_triable th.sortable-sortScientificNotation,
.tab_triable th.sortable-sortImage,
.tab_triable th.sortable-sortFileSize,
.tab_triable th.sortable-sortAlphaNumeric,
.tab_triable th.sortable-sortEnglishDateTime
{
cursor:pointer;
background:  url(design2/header_neutre_sombre.jpg);
padding: 4px 12px 4px 16px;
}
.tab_triable th.forwardSort
{
background: url(design2/header_descend_sombre.jpg) no-repeat 0 0;
}
.tab_triable th.reverseSort
{
background: url(design2/header_monte_sombre.jpg) no-repeat 0 0;
}

.tab_triable th.sort-active
{
cursor:wait;
}
.tab_triable th.sort-active a
{
cursor:wait;
}
.tab_triable tr.alt
{
background:  url(design2/beige2.jpg);
}

.tab_triable tr.invisibleRow
{
display:none;
visibility:hidden;
}
.listeCouleur img
{
cursor:pointer;
padding-right:7px;
padding-left:5px;
margin-left:-10px;
}
.tousLesSmiley img
{
cursor:pointer;
}
.categorie_forum
{
cursor:pointer;
}
.categorie_forum:hover
{
background:  url(design2/beige2.jpg);
}
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.bouton_paypal
{
background: url(bouton/paypalcb.jpg);
margin-top:20px;
height:104px;
width:170px;
}
.bouton_paypal:hover
{
cursor:pointer;
background: url(bouton/paypalcb.jpg) 0 -104px;
}

.bouton_sms
{
background: url(bouton/sms.jpg);
margin-top:10px;
height:68px;
width:170px;
}
.bouton_sms:hover
{
cursor:pointer;
background: url(bouton/sms.jpg) 0 -64px;
}

.bouton_telephone
{
background: url(bouton/telephone.jpg);
margin-top:10px;
height:56px;
width:170px;
}
.bouton_telephone:hover
{
cursor:pointer;
background: url(bouton/telephone.jpg) 0 -56px;
}

.bouton_internet_plus
{
background: url(bouton/internet_plus.jpg);
margin-top:10px;
height:46px;
width:170px;
}
.bouton_internet_plus:hover
{
cursor:pointer;
background: url(bouton/internet_plus.jpg) 0 -46px;
}

.bouton_paysafecard
{
background: url(bouton/paysafecard.jpg);
margin-top:10px;
height:35px;
width:170px;
}
.bouton_paysafecard:hover
{
cursor:pointer;
background: url(bouton/paysafecard.jpg) 0 -35px;
}

.bouton_sponsorpay
{
background: url(bouton/sponsorpay.jpg);
margin-top:6px;
margin-bottom:6px;
height:36px;
width:170px;
}
.bouton_sponsorpay:hover
{
cursor:pointer;
background: url(bouton/sponsorpay.jpg) 0 -36px;
}