@charset "utf-8";
body{
margin:0;
padding:0;
background-color: #F5F5DC;
}
#banniere {
	position:relative;
	height: 177px;
	width: 1024px;
	margin: auto;
	position:relative;
	background-image: url(images/banniere_vide.png);
}

#banniereVide {
	position:relative;
	height: 177px;
	width: 1024px;
	margin: auto;
	position:relative;
  background-image: url(images/bannierev2.jpg);
}
#menu {
	float: left;
	height: 591px;
	width: 167px;
	margin-right:10px;
	margin: auto;
	background-image: url(images/menu.png);
	background-repeat: repeat-y;  
}

#menu_gen {
	float: left;
	height: 591px;
	width: 167px;
	margin-right:10px;
	margin: auto;
	background-image: url(images/menu.png);
	background-repeat: repeat-y;  
}


.menu{	
	width:163px;	
  height: 40px; 
  line-height:3.9em;
	background:#404040;
	color:#fff;
  border-bottom: solid 1px;    
}

.menu a{	
  display:block;
  width:152px;
  height: 40px;
	padding-left : 15px;
	color:#fff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 18px;      
  font-weight:normal;	
	text-decoration:none;
	background:#404040;
}
.sousmenu{
	width:142px;
	height:30px; 
  line-height:2.9em;
  padding-left : 25px;
	padding:1px 0; 
	background:#808080;
	color:#fff;
}

.sousmenu a{
	display:block;
	width:142px;
	height:30px; 
  padding-left : 25px;
	color:#fff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
	text-align:left;
  font-weight:bold;
	text-decoration:none;
	background:#808080;
  border-bottom: solid 1px;
}
.menu a:hover, .sousmenu a:hover, .menu a:active, .sousmenu a:active, .menu a:focus, .sousmenu a:focus{
	
  background:#ca0008;
}


#corps {
	<!--background-image: url(images/fond.png);-->
	background-repeat: repeat-y;  
	float: left;
	height: 591px;
	width: 622px; 
	margin-left:5px;
	/*margin: auto;*/ 
	overflow-y:auto;
	}
#corps a{
color:#2642B0;
-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in;
-moz-transition-property: color,padding-left;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-in;
transition-property: color,padding-left;
transition-duration: 0.3s;
transition-timing-function: ease-in;
}
#corps a:hover{
color:#F99124;
}
#space 
{

	height: 591px;
	width: 627px; 
	margin-left:10px;
}	

#pub {
	float:left;
	height: 591px;
	width: 230px;
	margin: auto;
	background-image: url(images/pub.png);
}

#conteneur {
	height: 768px;
	width: 1024px;
	margin: auto;
}

#pied_de_page {
	height: 43px;
	width: 1024px;
	margin: auto;
	background-image: url(images/infinimath_fond_pdp.png);
}
#pied_de_page a {
text-decoration:none;
color:white;
font-weight:bold;
}

	
#lamatheurdart {
	float: right;
	height: 572px;
	width: 826px;
	margin: auto;
	background-image: url(../images/hottes/pack/lamatheurdart.jpg);
}

#lamatheurdejeux {
	float: right;
	height: 572px;
	width: 826px;
	margin: auto;
	background-image: url(../images/hottes/pack/lamatheurdejeux.jpg);
}

#lecollectionneur {
	float: right;
	height: 572px;
	width: 826px;
	margin: auto;
	background-image: url(../images/hottes/pack/lecollectionneur.jpg);
}

#leproblemiste {
	float: right;
	height: 572px;
	width: 826px;
	margin: auto;
	background-image: url(../images/hottes/pack/leproblemiste.jpg);
}

#lejoueurdebridge {
	float: right;
	height: 572px;
	width: 826px;
	margin: auto;
	background-image: url(../images/hottes/pack/lejoueurdebridge.jpg);
}

#lelogicienjoueur {
	float: right;
	height: 572px;
	width: 826px;
	margin: auto;
	background-image: url(../images/hottes/pack/lelogicienjoueur.jpg);
}



a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

#identification {
	margin-left: 390px;
	margin-top: 13px;
	float: left;
	height: auto;
	width: 190px;
}

#identification1 {
	margin-left: 390px;
	margin-top: 13px;
	float: left;
	height: auto;
	width: 190px;
}

#identification2 {
	margin-top: 13px;
	margin-left: 4px;
	float: left;
	height: auto;
	width: 140px;
}

#bouton_OK {
	float:left;
	margin-top: 13px;
	width:auto;
}

#inscription {
	margin-top:13px;
	margin-right: 3px;
	float: right;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
#inscription a
{
 color: black;
text-decoration: none;
margin-right: 3px;  
  
}
.mdpbutton{
color: #000;
display: inline-block;
margin: 0;
padding: 0;
font: bold 11px "Helvetica Neue", Helvetica, Arial, clean, sans-serif;
text-decoration: none;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20);
background: none;
border: none;
white-space: nowrap;
cursor: pointer;
user-select: none;
-moz-user-select: none;
_width: 0;
overflow: visible;
border-image: initial;	
}
.mdpbutton span{
background-image: url(images/button_right.gif);
display: block;
height: 24px;
padding-right: 8px;
background-repeat: no-repeat;
background-position: right top;
}
.mdpbutton span span{
background-image: url(images/button_left.gif);
padding-right: 0;
padding-left: 8px;
line-height: 24px;
background-position: left top;
}
.mdpbutton:hover span {
	background-position: right center;
}

.mdpbutton:hover span span {
	background-position: left center;
}

.mdpbutton:active span {
	background-position: right bottom;
}

.mdpbutton:active span span {
	background-position: left bottom;
}



.retrait_gauche_corps {
	margin-left: 12px;
	margin-right: 0px;
}

.GROSTITRE {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	color: #FF8737;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
}

.titre {
	font-family: "Times New Roman", Times, serif;	
	font-size: 36px;
	text-align : center;
	margin-left: 10px;
	padding-top: 10px;
}

.titre_page{
	font-family: "Times New Roman", Times, serif;	
	font-size: 30px;
	text-align : center;
	margin-left: 10px;
	padding-top: 10px;
}


.soustitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding-top: 2px;
}

.textecourant {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17.4px;
	font-weight: normal;
	text-align: left;
	text-align:justify;
	margin-left: 10px;
	color:#000;
	margin-right: 10px;
  line-height: 1.8;
	}
	

.legende {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	font-style: italic;
}


.Styletitremenu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-transform: uppercase; /* Si j'ai envie de me faire entendre, je mets en majuscules */
	color: #FBD558;
	font-size: 20px;
	margin-left: 7px;
	margin-top: 20px;
	}


.Stylemenu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	margin-left: 5px;
	margin-right: 2px;
	text-decoration: none;
	hover color: #FFAB07;
	}
	
.Styleminiespace {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 5px;
	}

.divinline {
	display: inline;
	}
	
.nostyle {
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 18px;
	}
	
.menua
{
	font-size: 18px;
   	margin-left:20px;
   	text-decoration: none; /* Les liens ne seront plus soulignés */
   	color: white; /* Les liens seront en rouge au lieu de bleu */
   	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	width: 147px;
	height: 23px;
	margin-bottom: 5px;
	-webkit-transition-property: color,padding-left;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in;
-moz-transition-property: color,padding-left;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-in;
transition-property: color,padding-left;
transition-duration: 0.3s;
transition-timing-function: ease-in;

}	
	
.menua:hover { 
	/* font-size: 20px;*/
	/*font-weight:bold;*/
	padding-left:10px;
   	color: #FF0000; /* Le lien sera écrit en rouge quand on pointera dessus */
   	text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
}
	
.pageprincipale {
	font-size: 26px;
	}
	
.piededpage {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 20px;
	}

.liste {
	margin-left: 30px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	}
	
.prixbarre {
	text-decoration:line-through;
	}	

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    /* Sliding right image */
background: transparent url('images/bouton/SMALL/RIGHT_bouton1.png') no-repeat scroll top right; 
display: block;
float: left;
height: 48px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 24px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
 /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
}
a.button span {
/* Background left image */ 
background: transparent url('images/bouton/SMALL/LEFT_bouton01.png') no-repeat; 
display: block;
line-height: 48px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 1px 0 5px 22px;
} 

a.button:hover span	{
text-decoration:underline;
}

.reglement {
	margin-left: 100px;
	padding-left: 100px;
 }
 
.menur	{
	font-size: 20px;
   margin-left:20px;
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #FBD558; /* Les liens seront en rouge au lieu de bleu */
   font-family: Geneva, Arial, Helvetica, sans-serif;
}	
	
.menur:hover { 
   margin-left:20px;
	font-size: 20px;
   color: #FF0000; /* Le lien sera écrit en rouge quand on pointera dessus */
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */

	}

body {
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial;
	font-size: 11px;
}
.header {
	background: #000;
	cursor: pointer;
	padding:4px;
}

.header:hover{
	background-color:#666;
}
.selected{
	background-color:#F00;
	color:#FFF;
}

.content{
	background:#FFF;
	padding:4px;
}
.lien
{
color:red;
text-decoration:none;
}
.lien:hover
{
 text-decoration:underline;
}
.Style1 { /* Style avec dégradé */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-image: url(images/degrade.gif);
	background-repeat: repeat-y;
	padding-left: 16px;
	padding-right: 14px;
	text-decoration: none;
}

.Style2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 15px;
	padding-left: 150px;
}
.Style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.Style4 {
	color: #FED501;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.Style5 { /* Style avec dégradé */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-image: url(images/degrade.gif);
	background-repeat: repeat-y;
	padding-left: 0px;
	padding-right: 12px;
	text-decoration: none;
}
 .marge
 {
 padding-bottom : -20px;
 }

.textecourant {
    clear: both;
    color: #000000;
    display: block;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    font-weight: normal;
    margin-left: 1px;
    margin-right: 10px;
    
	} 

.tab_abo th
{
    text-align:left;
    font-size:10px;
}
.tab_abo th h2
{
    text-align:center;
}
.tab_abo th h3
{
    text-align:center;
} 

.tb_synchro{
}

.tb_synchro th{
    text-align:center;
}

.tb_synchro td div {border:none; float:right;padding-top:4px;text-align:right;font-weight:bold; color:blue}

/* Ombrage pour les couvertures */
.ombre{ border:1px solid #726F6F;
  -moz-box-shadow:-8px 8px 8px #1C1818;
  -webkit-box-shadow:-8px 8px 8px #1C1818;
  box-shadow:-8px 8px 8px #1C1818;
  margin:0px 5px 20px 5px;
}
/**/

.lien_img_fck { /*Réseaux sociaux*/    
    margin:15px 3px 30px 10px; width:35px; border: solid 1px #ffffff;
}	

.lien_img_tw { /*Réseaux sociaux*/    
    margin:15px 3px 30px 20px; width:38px; border: solid 1px #ffffff;
}	

.bouton_rouge{
      width:180px; text-align:center; background-color:#cc0000;     
    	border-radius:15px;    	
    	display:inline-block;
    	cursor:pointer;
    	color:white;
    	font-family:Arial;
    	font-size:12px;
    	padding:4px;
      float : left; 
      margin :0 25px 20px 50px; color:white;
}               

.bouton_rouge a{
     text-decoration : none;
     color:white;
 }

.bouton_vert{
      width:230px; text-align:center; background-color:#00b300;     
    	border-radius:15px; border:none;   	
    	display:inline-block;
    	cursor:pointer;
    	color:white;
    	font-family:Arial;
    	font-size:20px; font-weight:bold;
    	padding:8px;
}

.bouton_vert > a:hover{
      text-decoration:underline;
}