/** ========================================================================
 // Fichier :			STYLE.CSS
 //
 // Description : 		Page définissant tous les styles du site
 //
 // Créée :     		25 décembre 2015 - 11:30
 // Par :				DALL'AGLIO Simon
 //
 // Dernière modif :	21 juillet 2022 - 00:09
 // Par :				DALL'AGLIO Simon
 //
 //	Caractères :		48 018
 //
 //=========================================================================
 */
/* --------COULEURS--------- 
#011d21; = bleu foncé   | #105761; = bleu   | #3c838d; = bleu clair   | #61a8b2; = bleu plus clair   | #82b8c0; = bleu pale  | #CFDADA; = bleu très pale
#440201; = rouge foncé  | #c90f0c; = rouge  | #f23835; = rouge clair  | #ff6866; = rouge plus clair  | #c78a89; = rouge pale | #E1CECC; = rouge très pale
#171514; = marron foncé | #4a4542; = marron | #736e6b; = marron clair | #99938e; = marron plus clair | #e1d9d3; = beige foncé | #e9e5e2; = beige
*/

@media screen {
	
.g-recaptcha
{
	margin-left: 220px;
	margin-top: -40px;
	margin-bottom: 35px;
}

.securite .g-recaptcha
{
	margin:0px;
}
#textAccueil
{
	float:left;
	width:70%;
}
	
#tableauinscription
{
	float:left;
	min-width:500px;
}

#wifeomenu
{
	width:98%;
}
/* CSS for tablesorter */
table.tablesorter {
	/* background-color: #CDCDCD; */

	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	/* background-color: #e6EEEE; */
        padding: 0 20px 0 5px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	/* color: #3D3D3D; */
	/* background-color: #FFF; */
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	/* background-color:#F0F0F6; */
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
/* background-color: #8dbdd8; */
}

table.tablesorter a {
    display: block;
    font-weight: normal;
    height: 100%;
    width: 100%;
}
table.tablesorter a:hover {
    cursor: pointer;
    text-decoration: none;
    color:#000;
}
	
tr.listinscrit:hover{
	background-color : #4A4542;
}
	
#searchbox {
	color: #FFFFFF;
	position: relative;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}
	
table.orga td
{
	width : 219px;
	text-align:left;
	vertical-align:top;
}

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
	
table.orga
{
	margin:0;
	min-width:unset;
	background-color:#e9e5e2;
}
	
table.orga td.img
{
	text-align:center;
	vertical-align:center;
}

table.orga ul
{
	list-style:none;
	padding-left: 1em;
	text-indent: -1em;
}

table.orga ul li:before
{
	content: "\2022 \0020";
}

table.listparties tr:hover{
	background-color : #AAA;
	cursor:pointer;
}

table.tablesorter tr.trBleu, table.tablesorter tr.trBleu td {
    background-color: #3c838d;
}
table.tablesorter tr.trRouge, table.tablesorter tr.trRouge td {
    background-color: #f23835;
}
table.tablesorter tr.trMarron, table.tablesorter tr.trMarron td {
    background-color: #736e6b;
}
table.tablesorter td.tdBleu {
background-color: #CFDADA;
}
table.tablesorter td.tdRouge {
background-color: #E1CECC;
}
table.tablesorter td.tdMarron {
background-color: #e1d9d3;
}

table.countTable_sng th {
background-color : #82b8c0;
}
table.countTable_sng {
border-color : #105761;
}
table.countTable_mtt th {
background-color: #c78a89;
}
table.countTable_mtt {
border-color : #c90f0c;
}
table.countTable_global th {
background-color : #99938E;
}
table.countTable_global {
border-color : #4a4542;
}
table.countTable_sng, table.countTable_mtt, table.countTable_global {
min-width: 30px;
border-right: none;
}
	
table.pres{
text-align:left;
border:none;
float:left;
width:50%;
}
	
table.pres td{
	border:none;
}
	
table.freeroll {
	margin:auto;
	width:60%;
	font-size:2em;
	border:2px solid black;
}
	
table.freeroll th{
	background-color:#FFFFFF;
	color:#555;
	padding:10px;
	border:2px solid black;
}

table.freeroll tr.club td{
	background-color:#A8CFD5;
	padding:25px;
	border:2px solid black;
}
	
table.freeroll tr.horsclub td{
	background-color:#FFB9B7;
	padding:25px;
	border:2px solid black;
}
#backgroundPopup { 
	z-index:1;
	position: fixed;
	display:none;
	height:100%;
	width:100%;
	background:#000000;	
	top:0px;  
	left:0px;
}
#toPopup {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: none;
	font-size: 14px;
    left: 50%;
    margin-left: -402px;
    position: absolute;
    top: 2%;
    width: 800px;
    z-index: 2;
}
div.loader {
    background: url("loading.gif") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
	display: none;
	z-index: 9999;
	top: 40%;
	left: 50%;
	position: absolute;
	margin-left: -10px;
}
div.close {
   /* background: url("closebox.png") no-repeat scroll 0 0 transparent;*/
    bottom: 24px;
    cursor: pointer;
    float: right;
    height: 30px;
    left: 27px;
    position: relative;
    width: 30px;
}
span.ecs_tooltip {
    background: none repeat scroll 0 0 #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 16px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -62px;
    text-align: center;
    top: -51px;
    width: 93px;
}
span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}
div#popup_content {
    margin: 4px 7px;
}
	
	
tr.club td a{
	color:#135A64;
}

tr.horsclub td a{
	color:#C90F0C;
}
	

/*---------------- balises html ----------------------*/
* { font-size:100%; margin:0; padding:0; border: none; }
body{
background:url(../images/bckg.png) repeat center;
padding:0;
font-family:arial, sans-serif;
font-size:12px;
margin:0 40px;
color:#000000;
}
/*under_footer doit avoir margin n�gative du body*/
.under_footer{margin: 0 -40px;}

hr{ margin: 20px 0 0 0; color: #105761; background-color: #105761; }
p{ padding:0px; text-align:justify; margin:0px; line-height:20px; overflow:auto; }
a{ color: #0c0c0c; text-decoration:none; font-weight:bold; }
a:hover{ color:#c90f0c; text-decoration:underline; font-weight:bold; }
.wifeo_pagemenu a:hover{color:#FFF;text-decoration:none;}
img{ vertical-align:middle; }
h1{ font-weight:bold; color:#c90f0c; font-size: 2em; }
h2{ font-weight:bold; color:#105761; font-size: 1.5em; margin:15px 0 5px 0; clear:right; }
h2 select {border : 1px solid #105761; color : #105761;}
h3{ font-weight:bold; font-size: 1.2em; text-decoration: none; margin-bottom: 1em; }
h4{ font-weight:bold; color:#e9e5e2; font-size: 2em; }
h5{ font-weight:bold; color:#105761; font-size: 1.1em;}
input,select,textarea { background-color:#e8e8e8; border:1px solid #484443; }
option { padding-left:4px; }
td{ padding:5px;}
a input:hover {border:1px solid #c90f0c; color:#c90f0c; text-decoration:none;}
sup{font-size:0.8em;}
table.inscription{
border: medium solid #99938E;
border-collapse: collapse;
margin-left : auto;
margin-right : auto;
width:100%;
}
table.inscription th {
font-family: monospace;
border: thin solid #99938E;
padding: 5px;
color:#E9E5E2;
background-color: #4A4542;
cursor:pointer;
}
table.inscription td {
font-family: sans-serif;
border: thin solid #99938E;
padding: 5px;
text-align: center;
}
/*---------------- classes courantes ----------------------*/
.clear{ clear:both; }
.left{ float: left; }
.right{ float: right; }
.center{ text-align: center; }
.auto{margin: auto;}
.text_left{ text-align: left; }
.marginL20{ margin-left: 20px; }
.rouge{color:#c90f0c;}
.bleu{color:#105761;}
.vert{color:#1E7614;}
.bleuB{color:#105761; font-weight:bold}
.beige{color:#eddbcd;}
.marron {color:#4a4542;}
.pointer {cursor:pointer;}
.invisible{display:none;}
.sub{display:none;}
.sub a{margin-bottom:2px;}
.subcontent .clear {clear:right;}
	
.unhide{cursor:pointer;font-weight:bold;color:#c90f0c;}
	
.hide{font-style:italic;display:none;}

img.left_img{
float:left;
padding:3px 25px 3px 3px;
}
span.nav a{
font-size: 0.8em;
color: #0c0c0c;
text-decoration:none;
font-style:italic;
}
span.nav a:hover{
color:#c90f0c;
text-decoration:underline;
}
@font-face { 
  font-family: 'RVR'; 
  src: url('rvr.otf'); 
}
@font-face { 
  font-family: 'GOSB'; 
  src: url('gosb.ttf'); 
}
@font-face { 
  font-family: 'Rockwell'; 
  src: url('Rockwell.ttf'); 
}
#main_container{
/*font-family : 'RVR';*/
margin:0px;
padding:0px;
}
#main_up{}

#header{
height:155px;
margin: auto;
padding-top: 20px;
margin-bottom:-15px;
text-align: center;
}
#headerinfo{
text-align:right;
color:#FFF;
z-index:10
}
.logo{
font-size:50px;
/*margin-top:-155px; Quand y'aura des infos */
z-index:1;
}

/*---------------- menu tab----------------------*/
.menu{
height:40px;
background:url(../images/menu_bg.png) center;
}

.menu2{height:40px; padding-top: 10px}

.menu ul, .menu2 ul {
list-style:none;
padding:0 0 0 5px;
margin:0px;
}

.menu ul ul
{
	display : none;
	 position: absolute; 
	 left: 140px; 
	 top: 0px; 
	 margin: 0px; 
	 padding: 0px;
}

.menu ul ul li
{
	list-style-type: none; 
	position: relative; 
	width: 140px; 
	background-color: #E0E0E0;
}

li:hover ul.niveau2
{
	display:block;
}

.menu ul li, .footer ul li, .menu2 ul li{
display:inline;
}
.menu ul li a, .footer ul li a, .menu2 ul li a{
float:left;
border:none;
padding:0 8px 0 8px;
text-decoration:none;
color:#fff;
}

.menu ul li a.rouge, .menu ul li.selected a.rouge, .menu ul li.selected a.rouge:hover, .menu ul li a.rouge:hover {background-color: #c90f0c;}

.menu ul li a{
height:43px;
line-height:42px;
font-size:1.2em;
}

.menu2 ul li a{
height:30px;
line-height:30px;
font-size:1em;
}

.menu ul li.selected a{
float:left;
height:44px;
border:none;
padding:0 8px 0 8px;
text-decoration:none;
color:#fff;
line-height:42px;
background:url(../images/menu_bullet.png) no-repeat bottom center;
}

.menu ul li a.twoline, .menue ul li.selected a.twoline{line-height:21px;}

.menu ul li a.border, .menu ul li.selected a.border, .menu2 ul li a.border {border-right: 1px solid #000;}

.menu ul li a.borderRed, .menu ul li.selected a.borderRed {color:#c90f0c;border-right: 1px solid #000;}

.menu ul li a:hover{
height:44px;
background:url(../images/menu_bullet.png) no-repeat bottom center;
}

.menu2 ul li a:hover{
height:33px;
background:url(../images/menu_bullet.png) no-repeat bottom center;
}

.index_submenu { height: 60px; line-height: 60px; background:url(../images/submenu_bg.png) repeat-x center; width: 100%;}

a.arrow_up, a.arrow_down, a.arrow_top, a.arrow_up_lighter, a.arrow_down_lighter, a.arrow_top_lighter{
display: block;
width: 20px;
height: 20px;
margin: 20px 5px 0 0;
}
a.arrow_up, a.arrow_up_lighter{background: url(../images/sprites.png) no-repeat -120px 0px;}
div.index_submenu:hover a.arrow_up{background: url(../images/sprites.png) no-repeat -140px 0px;}
div.index_submenu:hover a.arrow_up:hover{background: url(../images/sprites.png) no-repeat -160px 0px;}

a.arrow_down, a.arrow_down_lighter{background: url(../images/sprites.png) no-repeat 0px 0px;}
div.index_submenu:hover a.arrow_down{background: url(../images/sprites.png) no-repeat -20px 0px;}
div.index_submenu:hover a.arrow_down:hover{background: url(../images/sprites.png) no-repeat -40px 0px;}

a.arrow_top, a.arrow_top_lighter{background: url(../images/sprites.png) no-repeat -60px 0px;}
div.index_submenu:hover a.arrow_top{background: url(../images/sprites.png) no-repeat -80px 0px;}
div.index_submenu:hover a.arrow_top:hover{background: url(../images/sprites.png) no-repeat -100px 0px;}

.nav_border_R{ margin-right: -10px; }

.identification_content{
clear:both;
padding:5px 0 5px 0;
background-color:#e9e5e2;
margin: 0 10px 0 10px;
color: #FFF;
font-family:"Rockwell";
}

.identification_tab { height: 50px; line-height: 50px; background:url(../images/identification_bg.png) repeat-x center; width: 100%;}
.identification_tab_membre { height: 50px; line-height: 50px; background:url(../images/identification_bg_membre.png) repeat-x top center; background-color: #E9E5E2; width: 100%;}
.identification_tab_admin { height: 50px; line-height: 50px; background:url(../images/identification_bg_admin.png) repeat-x center; width: 100%;}
.identification_border_L{ margin-left: -10px; }
.identification_border_R{ margin-right: -10px; }
.id_input{background-color:#e9e5e2; margin: 0 20px 0 5px; border-bottom:1px solid #99938e; border-right:1px solid #736e6b; border-left:1px solid #736e6b; border-top:1px solid #171514; height:20px; line-height: 20px;}
input.id_submit{background-color:#e9e5e2; margin: 0 20px 0 0; border-top:1px solid #99938e; border-right:1px solid #736e6b; border-left:1px solid #736e6b; border-bottom:1px solid #171514; height:23px; font-weight:bold;}

/*-------------submenu tab------------*/

.submenu ul {
list-style: none;
margin: 0;
padding: 0;
}
.submenu li a {
voice-family: inherit;
line-height: 25px;
font-size: 1.2em;
text-decoration: none;
border-bottom: 1px solid #484443;
border-left: 1px solid #484443;
font-weight: bold;
}
.submenu li a:link, .submenu li a:visited {
color:#105761;
display: block;
padding: 0 0 0 10px;
font-weight: bold;
}
.submenu li a:hover {
color: #e9e5e2;
padding: 0 0 0 10px;
border-left: none;
background:#484443 url(../images/submenu_bullet.gif) no-repeat left;
font-weight: bold;
}

/*---------------center_content-------*/
.center_content{
margin: 0 10px 0 10px;
height:auto;
clear:both;
padding:10px 0 0 0;
background-color:#e9e5e2;
font-size:1.2em;
}
.center_left{
width:200px;
float:left;
margin:0 10px 10px 30px;
}
.menu_left{
margin: 0 0 10px 0;
width: 200px;
}
.submenu_header{
background:url(../images/sidemenu_bg.png) no-repeat top left;
height: 30px;
line-height: 30px;
color: #e9e5e2;
font-weight: bold;
margin-top : 20px;
}
.submenu_header a{
margin: 0 0 0 10px;
color:#FFF;
display:block;
}
.submenu_content{
border-right: 1px solid #484443;
margin-bottom: 20px;
}
.center_right{
margin: 0 0 0 360px;
padding:0 0 10px 0px;
}
.subcontent{
margin-bottom: 20px;
margin-top: 20px;
padding: 0 25px 0 0px;
}
.subcontent p{
padding: 5px 0 5px 0;
margin-top: 10px;
margin-bottom: 10px;
}
.subcontent ul{
padding-left : 20px;	
}
.content_photo{
padding: 5px 5px 5px 0;
}
.subcontent_photo{
text-align: center;
padding: 0 0 0 5px;
float: left;
width: 180px;
margin: 0 0 20px 0;
border: 1px solid #e9e5e2;
}
p.info_photo {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  width: 175px; /* � modifier selon vos besoins */
  overflow: hidden;
  -o-text-overflow: ellipsis; /* pour Opera 9 */
  text-overflow: ellipsis; /* pour le reste du monde */
}
p.desc
{
	text-align:left;
}
	
p.descpartie
{
	display:none;
	width:400px;
}
#list
{
	 float:left;
	 margin-left:20px;
	 width:400px;
}
.inputFocus {
background-color:#fff;
border:1px solid #105761;
}
form p.double {
/* Emp�cher le d�passement des flottants */
overflow: hidden;
/* Idem pour IE6 */
width: 100%;
margin: 0 0 1em 0;
}
form p.double:hover {
color: #105761;
}
form p.double:hover input, form p.double:hover select, form p.double:hover textarea, input#login_id:hover, input#login_id:focus, input#password:hover, input#password:focus {
background-color:#fff;
border:1px solid #105761;
}
form p.info {
padding: 0;
margin: 0;
}
form p.double label {
float: left;
width: 200px;
text-align: right;
font-weight: bold;
cursor: pointer;
}
form p.double label span.info {
display: block;
font-size: .8em;
font-weight: normal;
cursor: default;
}
form p.double input,
form p.double textarea {
width: 250px;
margin-left: 12px;
padding: 0 4px;
}
form p.double select {
width: 261px;
margin-left: 12px;
height: 2.1em;
}
form p.double input {
height: 2em;
}
form p.double textarea {
padding: 2px 0 0 4px;
width: 450px;
height: 10em;
}
form p.simple {
margin-left: 160px;
}
span.labelFocus {
color: #105761;
}
.membre_content,.admin_content {padding: 0 10px 0 10px;}

/*-----------------------login_form-------------------*/
.login_form_row{
float:left;
padding:4px 0 4px 0;
}
label.login_label{
width:70px;
float:left;
padding:3px 5px 0 0;
color:#000;
text-align:right;
}
input.login_input{
width:153px;
height:18px;
float:left;
border:1px #9dbbc6 solid;
background-color:#fff;
color: #000;
}
input.login{
float:right;
padding:10px 20px 0 0;
}

/*-------------------footer------------------------*/
#footer{
height:50px;
clear:both;
color:#837d7b;
}
.left_footer{
float:left;
padding:20px 0 0 0;
}
#footer a{
color:#837d7b;
padding:0 8px 0 8px;
text-decoration:none;
}
.right_footer{
float:right;
padding:15px 5px 0 0 ;
}
.footer{margin-bottom: 20px;}
.footer_content{
height:35px;
background:url(../images/footer_bg.png) center;
background-color: #24201d;
margin: auto;
}
.footer_under{color: #82b8c0; margin-top:20px;}
.footer_credit a {color:#c78a89; padding:0;}

.footer ul{
list-style:none;
padding:7px 0 0 5px;
margin:0px;
}

.footer ul li a{
height:30px;
line-height:28px;
font-size:1em;
}

.footer_connect {padding:7px 0 0 5px; margin-right: 5px;}

.identification_tab a:hover{ padding-top:11px; background:url(../images/footer_bullet.png) no-repeat top center; }
.footer_sponsor{
margin: 10px 0 10px 0;
}
.footer_sponsor a{
margin: 0 20px 0 0;
}
.session_message {
text-align:center;
background-color:#fff;
font-weight:700;
margin:10px 10px 10px 0;
padding:10px;
}
.message_info{
border:2px solid #105761;
}
.message_error{
border:2px solid #c90f0c;
}
.transition_under_footer{
background:url(../images/bg_main_down.png) repeat-x bottom center;
height: 40px;
}


.input_submit{ padding: 5px; font-weight: bold; }
.input_submit:hover{ background-color:#fff; border:1px solid #105761; }

a.modif{margin-right: 10px;color:#5d5957;}
div.index_submenu:hover a.modif{color:#979491;}
div.index_submenu:hover a.modif:hover{color:#e9e5e2;}

.table_bureau tr {vertical-align: top}
.table_bureau td {width: 110px;}
.table_bureau tr.head td {border-bottom: 2px solid #000; padding: 10px 0 5px 0; font-size:larger; }


/**************************************************************************
* Positionement des images pour podium de l'accueil
**************************************************************************/
/* L'image du podium SNG */
#podiumSNG
{
	float :				right;/* Alignement � droite */
	margin-right : 		30%;/* Espacement de 30% � droite */
}

/* L'image du podium MTT */
#podiumMTT
{
	float :				right;/* Alignement � droite */
	margin-right : 		50%;/* Espacement de 50% � droite */
	margin-top :		-30%;/* Espaceement de -30% en haut */
}

/* L'image du premier */
.premier
{
	width :				80px;/* Taille */
	position :			relative;/* Le positionnement est relatif � la box */
	top :				-503px;/* Positionnement y */
	left :				145px;/* Positionnement x */
	-moz-box-shadow : 	15px 5px 20px 0px #656565;/* Ombre de l'image */
	-webkit-box-shadow :15px 5px 20px 0px #656565;
	-o-box-shadow : 	15px 5px 20px 0px #656565;
  	box-shadow : 		15px 5px 20px 0px #656565;
  	-moz-transform : 	skew(0deg, -2deg); /* Inclinaison y de l'image */
	-webkit-transform : skew(0deg, -2deg);
	-o-transform : 		skew(0deg, -2deg);
	-ms-transform : 	skew(0deg, -2deg);
	transform : 		skew(0deg, -2deg);
}

/* L'image du deuxi�me */
.deuxieme
{
	width :				80px;/* Taille */
	position :			relative;/* Le positionnement est relatif � la box */
	top :				-286px;/* Positionnement y */
	left :				45px;/* Positionnement x */
	-moz-box-shadow : 	15px 5px 20px 0px #656565;/* Ombre de l'image */
	-webkit-box-shadow :15px 5px 20px 0px #656565;
	-o-box-shadow : 	15px 5px 20px 0px #656565;
  	box-shadow : 		15px 5px 20px 0px #656565;
  	-moz-transform : 	skew(0deg, -2deg);/* Inclinaison y de l'image */
	-webkit-transform : skew(0deg, -2deg);
	-o-transform : 		skew(0deg, -2deg);
	-ms-transform : 	skew(0deg, -2deg);
	transform : 		skew(0deg, -2deg);
}

/* L'image du troisi�me */
.troisieme
{
	width :				80px;/* Taille */
	position :			relative;/* Le positionnement est relatif � la box */
	top :				-98px;/* Positionnement y */
	left :				-138px;/* Positionnement x */
	-moz-box-shadow : 	15px 5px 20px 0px #656565;/* Ombre de l'image */
	-webkit-box-shadow :15px 5px 20px 0px #656565;
	-o-box-shadow : 	15px 5px 20px 0px #656565;
  	box-shadow : 		15px 5px 20px 0px #656565;
  	-moz-transform : 	skew(0deg, -2deg);/* Inclinaison y de l'image */
	-webkit-transform : skew(0deg, -2deg);
	-o-transform : 		skew(0deg, -2deg);
	-ms-transform : 	skew(0deg, -2deg);
	transform : 		skew(0deg, -2deg);
}

/* Nom du troisi�me */
.nomtroisieme
{
	font-size :			1.5em;/* Taille plus grande */
	text-algin :		center;/* Le texte est centr� */
	width :				100px;/* La taille de la div est de 100px 
								(retour � la ligne en cas de nom grand)*/
	position : 			relative;/* Le positionnement est relatif � la box */
	top :				-30px;/* Positionnement y */
	left :				330px;/* Positionnement x */
}
.nomdeuxieme
{
	font-size :			1.5em;/* Taille plus grande */
	text-algin :		center;/* Le texte est centr� */
	width :				100px;/* La taille de la div est de 100px 
								(retour � la ligne en cas de nom grand)*/
	position : 			relative;/* Le positionnement est relatif � la box */
	top :				-200px;/* Positionnement y */
	left :				-50px;/* Positionnement x */
}
.nompremier
{
	font-size :			1.5em;/* Taille plus grande */
	text-algin :		center;/* Le texte est centr� */
	width :				100px;/* La taille de la div est de 100px 
								(retour � la ligne en cas de nom grand)*/
	position : 			relative;/* Le positionnement est relatif � la box */
	top :				-380px;/* Positionnement y */
	left :				150px;/* Positionnement x */
}
/**************************************************************************
* Style des input submit
***************************************************************************/

/* --------COULEURS--------- 
#011d21; = bleu foncé   | #105761; = bleu   | #3c838d; = bleu clair   | #61a8b2; = bleu plus clair   | #82b8c0; = bleu pale  | #CFDADA; = bleu très pale
#440201; = rouge foncé  | #c90f0c; = rouge  | #f23835; = rouge clair  | #ff6866; = rouge plus clair  | #c78a89; = rouge pale | #E1CECC; = rouge très pale
#171514; = marron foncé | #4a4542; = marron | #736e6b; = marron clair | #99938e; = marron plus clair | #e1d9d3; = beige foncé | #e9e5e2; = beige
*/

input.submit.bleu, input#add { border : 1px solid #105761; color : #105761; background-color: #82b8c0; font-weight: bold;padding:2px;}
input.submit.bleu:hover, input#add:hover { color : #82b8c0; background-color: #105761; font-weight: bold; cursor : pointer;}
input.submit.rouge, input#remove {border : 1px solid #c90f0c; color : #c90f0c; background-color: #c78a89; font-weight: bold;padding:2px;}
input.submit.rouge:hover, input#remove:hover { color : #c78a89; background-color: #c90f0c; font-weight: bold; cursor : pointer;}
input#add.desactive, input#add.desactive:hover, input#remove.desactive, input#remove.desactive:hover {background-color: #e9e5e2; color : #99938e; border : 1px solid #99938e;}
input.active {}

option.bleu {background-color: #82b8c0;}
option.rouge {background-color: #c78a89;}
option.marron {background-color: #e1d9d3;}
option.jaune {background-color: #F7FF3C}

/**************************************************************************
* Style des tableaux
***************************************************************************/

table {
margin:auto;
border:2px solid #4a4542;
border-collapse:collapse;
text-align: center;
min-width: 400px;
}
table td, table th { border:1px solid #99938e; }
table th {background-color: #99938e; color:#e9e5e2; height: 40px;}
table th.borderR {border-right: 1px solid #e9e5e2;}
table td.label { text-align: right;}
table select, table input {width:200px; border: 1px solid #4a4542; background-color: #e9e5e2;}
table textarea {border: 1px solid #4a4542; background-color: #e9e5e2;}
table select.date {width:60px;}
table select:focus, table input:focus, table select:hover, table input:hover, table textarea:focus, table textarea:hover {background-color: #fff;}
table input.submit {width:100px; padding:2px;}
table input.submit.large {width:200px; margin-left: 100px;padding:2px;}
table input.checkbox {width:50px;}
table input#add, table input#remove {width:100px;}
table tr.pair {background-color: #e9e5e2;}
table tr.impair {background-color: #e1d9d3;}

table td.classement, table td.classement2 {text-align: left; padding: 5px;}
table td.classement a, table td.classement2 a {display: block; width:100%; height: 100%; font-weight: normal;}
table td.classement a:hover, table td.classement2 a:hover {cursor:pointer; text-decoration: none; }

table.sng, table.mtt, table.global, table.resultatpair, table.resultatimpair, table.hu {min-width: 150px;}
table.resultatpair td.classement a:hover, table.resultatpair td.classement2 a:hover {color:#105761;}
table.resultatimpair td.classement a:hover, table.resultatimpair td.classement2 a:hover {color:#c90f0c;}

table.list td.classement {text-align: center; }
table.list td.classement a {color:#105761; font-weight:bold;}
table.list td.classement a:hover {color:#c90f0c;}
	
tr.moi
{
	box-shadow: 0px 0px 15px 0px;
  	-moz-box-shadow: 0px 0px 15px 0px;
  	-webkit-box-shadow: 0px 0px 15px 0px;
}

table.actualite {
margin:auto;
border:none;
border-collapse:collapse;
text-align: center;
min-width: 800px;
}
table.actualite td, table.actualite tr {border:none; text-align: left;}
table.actualite select, table.actualite input, table.actualite textarea {width: 400px; }
table.actualite select, table.actualite input {height: 26px;}

/**************************************************************************
* Style des tableaux de r�sultats pairs
**************************************************************************/
/* Corps du tableau */
table.resultatpair, table.resultatpair th
{
	border-color : 		#105761;/* Bordure bleu */
}
/* Ent�tes du tableau */
table.resultatpair th, table.resultatpair td.classement:hover
{
	background-color : 	#82b8c0; /* Fond bleu tres pale */
}
/* Cellules du tableau */
table.resultatpair 
	td
{
	border-color : 		#82b8c0;/* Bordure bleu tres pale */
}

/*
//================================
//Places r�compens�es avec d�grad�
//================================
*/
/* Cellule du premier MTT et du premier SNG */
table.resultatpair 
	td.mtt1,
table.resultatpair 
	td.sng1, td.sng1
{
	background-color : 	#105761;/* Fond vert (24,197,46) */
}
/* Cellule du deuxi�me MTT */
table.resultatpair 
	td.mtt2
{
	background-color : 	#2FCC41;/* Fond vert (47,204,65) */
}
/* Cellule du troisi�me MTT */
table.resultatpair 
	td.mtt3
{
	background-color : 	#46D255;/* Fond vert (70,210,85) */
}
/* Cellule du quatri�me MTT */
table.resultatpair 
	td.mtt4
{
	background-color : 	#5DD968;/* Fond vert (93,217,104) */
}
/* Cellule du cinqui�me MTT et du deuxi�me SNG */
table.resultatpair 
	td.mtt5,
table.resultatpair 
	td.sng2, td.sng2
{
	background-color : 	#3d818b;/* Fond vert (116,224,124) */
}
/* Cellule du sixi�me MTT */
table.resultatpair 
	td.mtt6
{
	background-color : 	#8BE68F;/* Fond vert (139,230,143) */
}
/* Cellule du septi�me MTT */
table.resultatpair 
	td.mtt7
{
	background-color : 	#A2EDA2;/* Fond vert (162,237,162) */
}
/* Cellule du huiti�me MTT */
table.resultatpair
	td.mtt8
{
	background-color : 	#B9F3B6;/* Fond vert (185,243,182) */
}
/* Cellule du neuvi�me MTT et du troisi�me SNG */
table.resultatpair 
	td.mtt9,
table.resultatpair 
	td.sng3, td.sng3
{
	background-color : 	#82b8c0;/* Fond vert (208,250,201) */
}

/**************************************************************************
* Style des tableaux de r�sultats impairs
**************************************************************************/
/* Corps du tableau */
table.resultatimpair, table.resultatimpair th
{
	border-color : 		#c90f0c;/* Bordure rouge */
}
/* Ent�tes du tableau */
table.resultatimpair th, table.resultatimpair td.classement:hover

{
	background-color : 	#c78a89;/*Fond rouge tres pale*/
}
/* Cellules du tableau */
table.resultatimpair
	td
{
	border-color : 		#c78a89;/* Bordure rouge tres pale */
}

/*
//================================
//Places récompensées avec dégradé
//================================
*/
/* Cellule du premier annuel et bimestriel MTT */
table.resultatimpair 
	td.mtt1, 
table.resultatimpair 
	td.sng1,
	td.pos1,
	td.posm1
{
	background-color : 	#c90f0c;/*Fond rouge  (201,15,12) */
}
/* Cellule du deuxième annuel MTT */
table.resultatimpair 
	td.mtt2,
	td.pos2
{
	background-color : 	#C9201E;/* Fond rouge (201,32,30) */
}
/* Cellule du troisième annuel MTT */
table.resultatimpair 
	td.mtt3,
	td.pos3
{
	background-color : 	#C83230;/* Fond rouge (200,50,48) */
}
/* Cellule du quatrième annuel MTT */
table.resultatimpair 
	td.mtt4,
	td.pos4
{
	background-color : 	#C84341;/* Fond rouge (200,67,65) */
}
/* Cellule du cinquième annuel MTT et du deuxième SNG et bimestriel MTT */
table.resultatimpair 
	td.mtt5, 
table.resultatimpair 
	td.sng2,
	td.pos5,
	td.posm2
{
	background-color : 	#c75553;/* Fond rouge (199,85,83) */
}
/* Cellule du sixième MTT */
table.resultatimpair 
	td.mtt6,
	td.pos6
{
	background-color : 	#C7605E;/* Fond rouge (199,96,94) */
}
/* Cellule du septième MTT */
table.resultatimpair 
	td.mtt7,
	td.pos7
{
	background-color : 	#C76A69;/* Fond rouge (199,106,105) */
}
/* Cellule du huitième MTT */
table.resultatimpair 
	td.mtt8,
	td.pos8
{
	background-color : 	#C77573;/* Fond rouge (199,117,115) */
}
/* Cellule du neuvième annuel MTT et du troisième SNG */
table.resultatimpair 
	td.mtt9, 
table.resultatimpair
	td.sng3,
	td.pos9
{
	background-color : 	#c77F7E;/* Fond rouge (199,127,126) */
}

/* Cellule du dixième annuel MTT et du troisième bimestriel MTT */
td.pos10,
td.posm3
{
	background-color : #C78A89;/* Fond rouge (199,138,137) */
}

/* Cellule du premier bimestriel WTA */
td.poswta1
{
	background-color : #144E0E;/* Fond rouge (199,138,137) */
}
/**************************************************************************
* Style du des tableaux de classement.php
**************************************************************************/
/* tableau SNG */
table.sng, table.sng th, table.sng td { border-color : #105761;/*Bordure bleu*/ }
table.sng th, table.sng td.classement:hover { background-color : #82b8c0;/* Fond bleu pale */ }
table.sng td.classement a:hover {color:#105761;}

/* tableau MTT */
table.mtt, table.mtt th, table.mtt td { border-color : #c90f0c;/* Bordure rouge */ }
table.mtt th, table.mtt td.classement:hover { background-color:	#c78a89;/* Fond rouge pale */ }
table.mtt td.classement a:hover {color:#c90f0c;}

/* tableau global */
table.global, table.global th, table.global td { border-color : #4a4542;/*Bordure marron*/ }
table.global th, table.global td.classement:hover { background-color :	#99938e;/* Fond marron plus clair */ }
table.global td.classement a:hover {color:#4a4542;}
	
/* tableau HU */
table.hu, table.hu th, table.hu td {border-color : #144E0E; /* Bordure verte */ }
table.hu th, table.hu td.classement:hover { background-color : #78B272; /* Fond vert pâle */}
table.hu td.classement a:hover {color:#144E0E;}

/**************************************************************************
* Style des mouvements
**************************************************************************/
/* Entr�e au classement */
td.new
{
	color :				#F6B400; /* Ecriture jaune orang� */
	text-align : 		left; /* Align� � gauche */
}

/* Prise de place au classement */
td.up
{
	color :				#59A868; /* Ecriture verte */
	text-align : 		left; /* Align� � gauche */
}

/* Perte de place au classement */
td.down
{
	color :				#DE1A1A; /* Ecriture rouge */
	text-align : 		left; /* Align� � gauche */
}

/* Pas de changement */
td.egal
{
	color :				#3EA4E7; /* Ecriture bleue */
	text-align : 		left; /* Align� � gauche */
}
/**************************************************************************
* Style des textes
**************************************************************************/
/* Pour les pseudos */
span.pseudo
{
	font-size : 		0.6em;/* 60% plus petit */
	font-style :		italic;/* Italique */
}
/* Mise en forme des blockquote pour les stats (afin d'avoir une indentation) */

/* Les titres de niveau 3 sont centr�s */
h3
{
	text-align :		left;/*Alignement du texte au centre */
}
/* Pour centrer le texte de tout */
.center
{
	text-align :		center;/* Alignement du texte au centre */
}
/* Pour diviser en deux la taille du texte */
.petit
{
	font-size : 		0.5em;/* 50% plus petit */
}
.petit2
{
	font-size : 		0.8em;/* 50% plus petit */
}
/* Message d'erreur */
.erreur
{
	font-size :			1.5em;/* 50% plus gros */
	font-weight :		bold; /* en gras */
	color :				#FF0000; /* en rouge */
}
/* Liens */

/**************************************************************************
* Bo�tes diverses
**************************************************************************/
div.hof
{
	float : left;
	text-align : center;
	padding : 0px 25px 10px 25px;
	background-color : #FFF;
	border : 2px solid #AAA;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin-right:20px;
	margin-bottom:10px;
}
div.hof:hover
{
	cursor: pointer;
	background-color:#AAA;
}
/* Pour s�parer les tableaux des diff�rents classements */
div.classement
{
	float :				left;/*La bo�te se met � gauche */
	
	margin-left :                   3%;/* Marge � gauche */
	margin-right :                  3%;/* Marge � droite */
	width :				27%;/* Taille */
        text-align: center;
}
div.classement2
{
	float :				left;/*La bo�te se met � gauche */
	
	margin-left :                   3%;/* Marge � gauche */
	margin-right :                  3%;/* Marge � droite */
	width :				40%;/* Taille */
        text-align: center;
}
/* Pour nettoyer tout ce qu'il y a au-dessus 
	avant d'�crire quelque chose d'autre*/
div.clear2
{
	clear :				both;/*Nettoie tout */
}
/* Alignement d'une bo�te � gauche */
div.left2
{
	float :				left;/* La bo�te se met � gauche */
	position :			relative;/* Sa position est relative aux autres �l�ments */
	margin-left :		8%;/*Marge � gauche */
	margin-bottom :		3%;/* Marge en bas */
}
/* Bo�tes contenant les tableaux de r�sultats */
div.resultat
{
	float :				left;/* La bo�te se met � gauche */
	position :			relative;/* Sa position est relative aux autres �l�ments */
	margin-left :		30px;/* Alignement � gauche */
}

div.bimestre {margin: 0 0 10px 10px;}
a.nav_result {margin: 0 0 10px 10px; padding: 0 5px; display:block; border: 2px solid #105761; text-decoration:none; font-weight:bold; color:#105761;}
a.nav_result:hover {border: 2px solid #c90f0c; text-decoration:none; font-weight:normal; color:#c90f0c; font-weight:bold;}
a.nav_result_disabled, a.nav_result_disabled:hover {margin: 0 0 10px 10px; padding: 0 5px; display:block; color : #99938e; border : 2px solid #99938e; text-decoration:none; font-weight:bold; }
.msg_valid{border: 1px solid #105761; background-color: #82b8c0; margin: 0 10px 5px 10px; padding: 5px;}
.msg_error{border: 1px solid #c90f0c; background-color: #c78a89; margin: 0 10px 5px 10px; padding: 5px;}
.avatar_membre img{ width: 150px; }
/**************************************************************************
* Autocompletion
**************************************************************************/
/* La bo�te contenant les r�sultats */
.ac_results 
{
	padding : 			0px; /* Pas de padding */
	border : 			1px solid black; /* Bordure noire solide d'�paisseur 1 */
	background-color :              #e9e5e2; /* Font blanc */
	overflow : 			hidden; /* Les r�sultats en trop son cach�s */
	z-index : 			99999; /* �tre s�r que la bo�te appara�t devant tout le reste */
}
/* La liste dans cette bo�te */
.ac_results ul 
{
	width : 			100%; /* Prends toute la taille de la bo�te */
	list-style-position:outside; /* ? */
	list-style :                    none; /* Pas de puce */
	padding : 			0; /* Pas de padding */
	margin : 			0; /* Pas de marge */
}
/* Les points de la liste dans cette bo�te */
.ac_results li 
{
	margin : 			0px; /* Pas de marge */
	padding : 			2px 5px; /* Padding de 2px � gauche et 5 en haut */
	cursor : 			default;/* Curseur de la souris normal */
	display : 			block; /* Display normal */
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font : 				menu; /* ? */
	font-size :			12px; /* Taille du texte */
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height :                   16px; /* ? */
	overflow : 			hidden; /* ? */
}
/* Lors que le r�sultat est en train de charger */
.ac_loading 
{
	background : 		white url('../images/indicator.gif') right center no-repeat; /* ? */
}
/* Lorsque l'on a survol� le r�sultat mais qu'on ne l'a pas choisi */
.ac_odd 
{
	background-color : 	#82b8c0; /* Font gris */
}
/* Lorsque l'on survole un r�sultat */
.ac_over 
{
	background-color : 	#105761; /* Font bleu */
	color : 			white; /* Texte blanc */
}
.explic_point_L{
float:left;
width:40%;
border-right:1px solid black;
padding : 10px;
}
.explic_point_R {
float:right;
width:50%;
padding-left:2%
}
	
.calendar {padding:0; margin:auto; border-top:none; border-left:1px solid black; border-right:1px solid black;width:90%}
.calendar th {border:2px solid black; border-bottom:2px solid black}
.calendar td {padding-left:3px; padding-right:3px}
.calendar td.dayOfWeek {border-left:1px solid black;}
.calendar td.day {text-align: center;border-left:1px solid black;}
.calendar td.week {border-right:1px solid black; font-weight:bold;min-width:67px;}
.calendar td.endOfMonth {border-bottom:2px solid black;}
.calendar .weekend{background-color : #CCC;}
.calendar td.event{background-color : #C90F0C;}
.calendar td.event a{color:#FFF;text-shadow: 1px 1px 1px black;}
.calendar td.day.today{border-left:2px solid black;border-top:2px solid black;border-bottom:2px solid black;}
.calendar td.dayOfWeek.today{border-top:2px solid black;border-bottom:2px solid black;}
.calendar td.week.today{border-right:2px solid black;border-top:2px solid black;border-bottom:2px solid black;}
.calendar td.comite span{cursor:pointer;}
.calendar td.event{color:#FFF;}
.calendar td.free{background-color:#440201;color:#FFF;}
.calendar td.hspa{background-color:#61A8B2;color:#FFF;}
.calendar td.partie{background-color:#105761;color:#FFF;cursor:pointer;}
.calendar td.partie a{color:#FFF;text-shadow: 1px 1px 1px black;}
.calendar td.free a{color:#FFF;text-shadow: 1px 1px 1px black;}
.calendar td.nh{background-color:#61A8B2;color:#000;}
.calendar td.nh a{color:#FFF;text-shadow: 1px 1px 1px black;}
.calendar td.nh {color:#FFF;}
.calendar td.hspa a{color:#FFF;text-shadow: 1px 1px 1px black;}
div.pop-up {
  display: none;
  position: absolute;
  min-width: 280px;
  padding: 10px;
  background: #eeeeee;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
  font-weight:normal;
}

.wifeo_pagemenu {font-family:"Rockwell";font-size:1.0em;}
.wifeo_rubrique {font-family:"Rockwell";font-size:1.0em;}
.wifeo_pagesousmenu{font-size:1.2em;font-weight:none;}
.wifeo_pagemenu > a{color:#99938E;text-decoration:none} 
.wifeo_rubrique > a{color:#FFFFFF;text-decoration:none} 
.wifeo_rubrique:hover > a{color:#FFFFFF;font-weight:bold;text-decoration:none;background-color:#99938E;} 
.wifeo_pagemenu:hover > a{background-color:#99938E;}
.wifeo_pagesousmenu > a{color:#FFFFFF;text-decoration:none;font-weight:normal;} 
.wifeo_conteneur_menu{border-spacing:0px} 
.wifeo_conteneur_menu{width:100%;display:table;} 
.wifeo_conteneur_menu a{text-decoration:none;display:table-cell;vertical-align:middle;height:44px;} 
.wifeo_pagemenu, .wifeo_rubrique{float:left;width:19.5%;display:table;vertical-align:middle;position:relative;}
.wifeo_pagemenu a, .wifeo_rubrique > a{color:#FFFFFF;position:absolute;display:inline-block;padding-top:5px;padding-bottom:5px;background-color:#4A4542;width:100%;height:44px;text-align:center;font-size:1.5em}
.wifeo_pagemenu:hover span, .wifeo_rubrique:hover span{width:100%;height:35px;}
	
	.wifeo_pagemenu span, .wifeo_rubrique span
	{
		color:#FFFFFF;
		position:relative;
		display:inline-block;
		padding:9px 0 1px;
		background-color:#4A4542;
		width:100%;
		height:34px;
		text-align:center;
		font-size:1.5em;
		-webkit-transition:-webkit-transform 0.5s;
		-moz-transition:-moz-transform 0.5s;
		-ms-transition:-ms-transform 0.5s;
		-o-transition:-o-transform 0.5s;
		transition:transform 0.5s;
		-webkit-transform-origin:50% 0;
		-moz-transform-origin:50% 0;
		-ms-transform-origin:50% 0;
		-o-transform-origin:50% 0;
		transform-origin:50% 0;
		transform-style:preserve-3d;
	} 
	
 	.wifeo_pagemenu a, .wifeo_rubrique > a{
 		color:#FFFFFF;
 		position:absolute;
 		display:inline-block;
 		padding-top:5px;
 		padding-bottom:5px;
 		background-color:#E9E5E2;
 		width:100%;
 		height:34px;
 		text-align:center;
 		font-size:1.5em;
 	}
 	
 	.wifeo_pagesousmenu a hr{
 		margin-top : 10px;
 		background-color:none;
 		color:none;
 	}
 	
 	.wifeo_pagemenu:hover span, .wifeo_rubrique:hover span{
 		border-bottom:6px solid #181310;
 		-webkit-transform:translateY(-30px) scale(0.6);
 		-moz-transform:translateY(-30px) scale(0.6);
 		-ms-transform:translateY(-30px) scale(0.6);
 		-o-transform:translateY(-30px) scale(0.6);
 		transform:translateY(-30px) scale(0.6);
 		-webkit-transition:all 0.25s ease;
 		-moz-transition:all 0.25s ease;
 		-ms-transition:all 0.25s ease;
 		-o-transition:all 0.25s ease;
 		transition:all 0.25s ease;
 	}
 	
	.wifeo_sousmenu{
		-webkit-transition:all 0.25s ease;
		-moz-transition:all 0.25s ease;
		-ms-transition:all 0.25s ease;
		-o-transition:all 0.25s ease;
		transition:all 0.25s ease;
	}
.wifeo_sousmenu{width:100%;left:0;opacity:0;position:absolute;top:10px;visibility:hidden;z-index:1}
.wifeo_pagesousmenu{width:100%;text-align:center;display:table} 
.wifeo_pagesousmenu a{width:100%;text-align:center;background-color:#99938E;border-bottom:3px solid #99938E;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease} 
.wifeo_pagesousmenu:hover a{width:100%;text-align:center;background-color:#DFD9D4;color:#4A4542;border-bottom:3px solid #857F7A} 
.wifeo_sousmenu a{padding-left:5px;padding-right:5px;text-shadow:none;background-position:center;text-align:center;background-color:#99938E}
.wifeo_rubrique:hover > .wifeo_sousmenu{opacity:1;top:39px;visibility:visible}

/***********************************************************************************************************************************************
	                                                       AFFICHAGE SMARTPHONE
************************************************************************************************************************************************/
@media screen and (max-width: 640px) {
	.g-recaptcha
	{
		margin-left: 12px;
		margin-top: -19px;
		margin-bottom: 35px;
	}
	#textAccueil
	{
		width:inherit;
	}
	#hofContainer
	{
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
	
	#hofContainerFree
	{
		margin-left: auto;
		margin-right: auto;
		width: 70%;
	}
	#dateFree
	{
		margin-top:450px;
		clear:both;
	}
	#wifeomenu
	{
		width:100%;
	}
    body, .footer_under {
        background: none;
        background-color: #171514;
    }
    
    .wifeo_pagemenu, .wifeo_rubrique{
    	float:none;
    	width:100%;
    }
           
    .wifeo_sousmenu{z-index:inherit;}
    
    .wifeo_rubrique:hover > .wifeo_sousmenu{
    	position:static;
    }

	 /* passer tous les �l�ments de largeur fixe en largeur automatique */
	 body, element1, element2, table {
	   width: auto;
	   margin: 0;
	   padding: 0;
	   min-width: 100px;
	 }

	 /* fixer une largeur maximale  de 100 % aux �l�ments potentiellement probl�matiques */
	 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
	   max-width: 100%;
	 }
	/* conserver le ratio des images et emp�cher les d�bordements de bo�tes d�s aux border ou padding */
	 img {
	   /*height: auto; width: auto;*/
	   -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   box-sizing: border-box;
	 }

	 /* gestion des mots longs */
	 textarea, table, td, th, code, pre, samp {
	   word-wrap: break-word; /* passage � la ligne forc� */
	   -webkit-hyphens: auto; /* c�sure propre */
	   -moz-hyphens: auto;
	   hyphens: auto;
	 }
	 code, pre, samp {
	   white-space: pre-wrap; /* passage � la ligne sp�cifique pour les �l�ments � ch�sse fixe */
	 }
	h1, h4{ font-size: 1.2em; }
	h2{ font-size: 1.1em; }
	h3{ font-size: 1em; }
	table {font-size: 0.7em;}
	table.countTable_sng, table.countTable_mtt, table.countTable_global {
	min-width: 20px;
	}
 
	 .membre_content, .admin_content {
	     padding: 0 2%;
	 }
	 
	 .center_content
	 {
	 	margin : 0;
	 	padding-bottom : 10px;
	 }
	 
	 .content_menu{
	     background-color: #E9E5E2;
	     /*margin:0 10px;
	     padding-top: 10px;*/
 	}

	 .menu, .menu2, .identification_tab {
	     height:auto;
	     background: none; 
	 } 
	 
	 .identification_tab_membre, .identification_tab_admin {
	     height:auto;
	     line-height: 26px;
	 }
	 
	 .identification_tab_membre div.right {
	     float:left;
	     margin: 2px 0 0 2px;
	 }
	
	 
	 .identification_content {
	     padding:0;
	     margin:0;
	     clear:both;
	 }
	 
	 .identification_tab {
	     background-color: #4a4542;
	     margin: 10px 0 0 0;
	     line-height: 26px;
	     border-top: 1px solid black;
	     border-bottom: 1px solid black;
	 }
	 .identification_tab div.right {
	     float: none;
	     padding-left: 5px;
	     font-weight: bold;
	 }
	 .identification_tab div.left {
	     display: block;
	     float: none;
	     padding-left: 5px;
	     font-weight: bold;
	 }
	
	 .login_row{
	     display: table-row;
	     height:26px;     
	 }
	 .login_cell
	 {
		 display: table-cell;
	 }
	
	.menu2 ul li a, .menu2 ul li a:hover,  
	.menu2 ul li a.twoline, 
	.menu2 ul li.selected a, 
	.menu ul li a, .menu ul li a:hover,  
	.menu ul li a.twoline, 
	.menu ul li.selected a, 
	.identification_tab_admin .menu2 ul li a, 
	.identification_tab_admin .menu2 ul li a:hover,  
	.identification_tab_admin .menu2 ul li a.twoline, 
	.identification_tab_admin .menu2 ul li.selected a,
	.identification_tab_membre .menu2 ul li a, 
	.identification_tab_membre .menu2 ul li a:hover,  
	.identification_tab_membre .menu2 ul li a.twoline, 
	.identification_tab_membre .menu2 ul li.selected a {
	    font-size: 1em;
	    height: 26px;
	    line-height: 26px;
	    float: left;  
	    border: 1px solid black;
	    background: none; 
	    background-color: #105761;
	    margin : 0 2px 2px 0;
	 }
	
	 .menu ul li a, .menu ul li a:hover,  .menu ul li a.twoline, .menu ul li.selected a { 
	    background-color: #4a4542;
	 }
	
	.identification_tab_admin .menu2 ul li a, .identification_tab_admin .menu2 ul li a:hover,  .identification_tab_admin .menu2 ul li a.twoline, .identification_tab_admin .menu2 ul li.selected a {
	    background-color: #c90f0c;
	 }
	 .identification_content input.submit.rouge {
	    background-color: #C78A89;
	    border: 1px solid #C90F0C;
	    color: #C90F0C;
	    font-weight: bold;
	    font-size: 1em;
	    height: 26px;
	    line-height: 26px;
	    padding:2px;
	}
	
	 /* Passer � une seule colonne (� appliquer aux �l�ments multi-colonnes) */
	 .center_right {
	   float: none;
	   width: auto;
	   margin:0px;
	   padding-left:5px;
	   overflow:scroll;
	 }
	 .under_footer{
	     margin:0;
	 }
	
	 /* masquer les �l�ments superflus */
	 .hide_mobile, .footer_sponsor, .center_left, div.menu img, .identification_border_L, .identification_border_R, .footer, .transition_under_footer, .info_photo, span.info {
	   display: none !important;
	 }
	 
	.avatar_membre { width: 25%; }
	
	.subcontent_photo { 
	text-align: center;
	padding: 0 0 0 5px;
	float: left;
	width: 22%;
	margin: 0 0 20px 0;
	border: 1px solid #e9e5e2; }
	
	form p.double input, form p.double textarea {
	    width: 200px;
	}
	form p.double select {
	    width: 211px;
	}
	select#membresM {
	    width: 70%;
	}
	form p.double.info {
	    margin: 0 0 1em;
	}
	
	.table_bureau img {
	    width: 50px;
	}
	div.classement{
	    float: none;
	    margin: auto;
	    text-align: center;
	    width: 90%;    
	}
	div.resultat {
	    float: left;
	    margin: 0 2% 0 0;
	    position: relative;
	    width: 48%;
	    font-size: 0.9em;
	}
	table.sng, table.mtt, table.global, table.resultatpair, table.resultatimpair {
	    min-width:0;
	}
	table.resultatpair, table.resultatimpair {
	    margin: 0;
	    width: 100%;
	}
	.sng, .mtt, .global {
	    width: 100%;
	}
	td.up img, td.down img, td.egal img, td.new img {width: 15px;} 
	span.nav_content {display: block; clear:both;}
	a.nav_result, a.nav_result_disabled, a.nav_result_disabled:hover {
	    margin: 0 5px 5px 0;
	}
	.explic_point_L, .explic_point_L table{
	float:none;
	width:100%;
	border:none;
	}
	
	.explic_point_R, .explic_point_R table, .explic_point_R div.left, .explic_point_R div.right {
	float:none;
	width:98%;
	}
	 /* Un message personnalis� */
	 body:before {
	   content: "Version mobile du site";
	   display: block;
	   color: #777;
	   text-align: center;
	   font-style: italic;
	 }
	 
	 #tableauinscription
	 {
	 	min-width:auto;
	 }
	p.descpartie
	{
		display:none;
		width:auto;
	}
	#list
	{
		 float:left;
		 margin-left:0px;
		 margin-top : 20px;
		 width:auto;
	}
	
	.countTable_mtt
	{
		display:none;
	}
	
	#compMTT
	{
		overflow:scroll;
	}
}