html{font-size:16px;height:100%;}
	
body{display:table;
	width:100%;max-width:1920px; min-width:320px; height:100%;
	margin: 0 auto; 
	text-rendering: optimizeLegibility; 
	font-family:'Play', sans-serif;
	font-size:1rem;
	background: #fff;}

header,section,footer{display:table-row;}
	
header{
	width:100%;max-width:1920px;
	height:4rem;
	position:fixed; 
	top:0;left:0;right:0;margin:0 auto;
	z-index:99; 
	background:#000; 
	box-shadow:0 2px 2px -2px #000;}
#MyHeader{height:3rem; margin:0.5rem auto; text-align:center;}

.MyHeader_Elem{display:inline-block; height:3rem; vertical-align:middle; margin:0;}

.Nav{display:none;position:absolute;top:3.5rem; text-align:center; background:#000; box-shadow:2px 2px 2px -2px #000; padding-bottom:0.5rem;}
.NavList{display:table;table-layout:fixed;width:100%;margin:0 auto;padding:0;}

.NavLink{display:table-cell;margin:0;padding:0;}
.NavLink a{display:block; width:90%; margin:0 auto; font-size:1.25rem;line-height:3rem; background:#fff;}
.NavLink a, .NavLink a:hover, .NavLink a:visited{text-decoration:none;color:#000;} .NavLink a:hover{background:#ffd700;}
.NavLink form{display:block; width:90%; margin:0 auto; font-size:1.25rem;line-height:3rem; background:#000;}

#Menu{float:left;margin-left:2%; text-align:left; background:#fff;color:#000; cursor:default;} #Menu:hover{background:#ffd700;} #Menu:hover #MenuNav,#Menu:active #MenuNav,#Menu:focus #MenuNav {display:block;}
#Menu img{vertical-align:middle;width:3rem;margin:0 0.5rem;} #Menu span{display:inline-block; vertical-align:middle; margin:0 1.5rem 0 0.5rem; font-weight:bold;font-size:1.25rem;}

#menuIcon {
	display: inline-block;
	position: relative;
}
#menuPoll {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	font-size: .75rem;
	line-height: 1rem;
	padding: 0 .25rem;
	color: #fff;
	background-color: #00c;
}
#Menu:hover #menuPoll, #Menu:active #menuPoll, #Menu:focus #menuPoll { visibility: hidden; }

#navPoll {
	display: none;
	position: absolute;
	max-width: 100%;
	width: 100%;
	height: 3rem;
	top: 0;
	right: -100%;
	margin: 0;
	text-align: center;
}
#navPoll a {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	background-color: #00c;
	color: #fff;
	height: 100%;
	line-height: 3rem;
	font-size: 1.25rem;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 1rem;
}
#navPoll a img {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 33px;
}
#navPoll a span {
	display: inline-block;
	vertical-align: middle;
}
#navPoll a:hover { color: #ffd700; }
#navPoll a:visited { color: #fff; }
#Menu:hover #navPoll, #Menu:active #navPoll, #Menu:focus #navPoll { display: inline-block; }

#MenuNav{left:0; width:50%;}
#MenuNav div h2{margin:0.5rem 0 0 2%; padding:0;}
#MenuNav div h2 img{display:inline-block;vertical-align:middle; height:2rem; width:auto; margin:0 0.5rem 0 0.5rem; padding:0;}
#MenuNav div h2 span{display:inline-block;vertical-align:middle; margin:0; padding:0; color:#fff; font-size:1.25rem; font-weight:bold; font-style:italic; line-height:2.5rem;}
#MenuNav div:hover h2 span{color:#ffd700;}

#WebSite{text-align:center; margin:0 auto;}
#WebSite a, #WebSite a:hover, #WebSite a:visited{color:#ffd700; font-size:2rem;line-height:3rem; font-weight:bold; text-decoration:none; margin:0 1rem;}

.NoCon, .YesCon, .NoCon:visited, .YesCon:visited{background:#fff; color:#000;} .NoCon:hover{background:#dd0000; color:#fff; cursor:pointer;} .YesCon:hover{background:#00aa00; color:#fff; cursor:default;}
.YesNot{background:#00f; color:#fff;}
#MyAcc{float:right;margin-right:2%; text-align:right;} #MyAcc:hover #MyAccNav,#MyAcc:active #MyAccNav,#MyAcc:focus #MyAccNav {display:block;}
#MyAcc img{vertical-align:middle;height:3rem;/*pour les images en Paysage : c'est le Height qu'il faut controler*/margin:0 0.5rem;} #MyAcc span{display:inline-block; vertical-align:middle;text-align:right; margin:0 0.5rem 0 1rem; font-weight:bold;font-size:1.25rem;}

#MyAccNav{right:0; width:50%;}
#MyAccNav ul{margin:1rem 2% 0 0;}
#NavLogOut{
	width:100%;
	line-height:3rem;
	font-size:1.25rem;
	font-family: "Play", sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border-radius: 1.5rem;
	cursor:pointer;
	color:#fff;background:#c00;border: 1px solid #800;}
.NavBtn{font-family: "Play", sans-serif; border:0;padding:0}

section {width:100%;height:100%; background:#fff;}
#divSection{background:#fff; margin:4rem 0 0 0; padding:0.5rem 0;}

article {width:98%; max-width:1280px; margin:2rem auto; background:#fff;}
article h2{border-bottom: 0.25rem solid #000; text-indent:3rem; font-size:1.5rem;}
article p{margin: 0.5rem 1rem; line-height:1.5rem;}
article a{color: #00c; text-decoration:none;}
article a:hover{color: #00c; text-decoration:underline;}
article a:visited{color: #00c; text-decoration:none;}

.unerreur{font-style:italic; color:#c00;}
.misenvaleur{font-weight:bold; color:#0a0;}
.Bold{font-weight:bold;}
.Italic{font-style:italic;}
.Bigger25{font-size:1.25rem;}
.Smaller10{font-size:0.875rem;}
.Smaller25{font-size:0.75rem;}
.UnderL{text-decoration:underline;}
.Red{color:#c00;}
.Sep{margin-left:.125rem;margin-right:.125rem;}

.ClickH2{cursor:pointer;} .ClickH2::after{content:">";float:right;margin-right:5rem;}

.aTab {border-collapse:collapse; border:1px solid #ccc; margin:0 auto; text-align:center;}
.aTab thead th{border:1px solid #ccc; padding:1rem; font-weight:bold; background:#fff;}
.aTab tbody td{border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0.5rem 1rem;}
.aTab tbody tr:nth-of-type(odd){background:#eee;} .aTab tbody tr:nth-of-type(even){background:#fff;}
.toCenter{text-align:center;}
.toRight{text-align:right;}
.toLeft{text-align:left;}
.Impair{background:#eee;} 
.Pair{background:#fff;} 
.aTab_Driver{text-align:left;white-space:nowrap;} .aTab_Driver a img{height:auto;max-height:3rem;width:auto;max-width:4rem; background:inherit; vertical-align:middle;} .aTab_Driver a span{display:inline-block; vertical-align:middle; margin:0 1rem; font-size:1.25rem;font-weight:bold;}
.aTab_Driver a, .aTab_Driver a:visited {cursor:pointer; color:#000; text-decoration:none;} .aTab_Driver a:hover{color:#ffb700; text-decoration:underline;}

.aBtn{border:0;background:#000;color:#fff;cursor:pointer;font-size:1.25rem;line-height:2.5rem; font-family:"Play", sans-serif; padding:0 1.25rem; margin:1rem auto;}
.aBtn:hover{color:#ffd700;} .aBtn_Active{color:#ffd700;}
.aBtn_Large{display:block; width:50%; line-height:3rem; font-size: 1.5rem;}

.aPopUp{
	display:none;
	position:fixed;
	z-index:999;
	width:100%; height:100%;
	top:0; left:0;
	background: rgba(240, 240, 240, 0.88);
	margin:0 0 0 0;
	text-align:center;}
.aPopUp article{
	width:98%;max-width:600px; max-height:95%; overflow-y:auto;
	border: 1px solid #ffd700;
	margin:2% auto;
	background:#fff;
	text-align:center;}
.aPopUp article h2{text-indent:0;text-align:center;}
.aPopUp article ul{margin-left:2rem;}
.aPopUp article form fieldset, .aPopUp article div fieldset{width:80%; margin:1rem auto 0.5rem auto; line-height:2rem; text-align:center; border:1px solid #ddd;}
.Consign{font-style:italic; text-align:left; padding:0;}

.PagesList{display:inline-block;text-align:right;margin:.5rem;}
.PageLnk{/*display:inline-block; min-width:1.5rem;*/ text-align:center; border:1px solid #ccc; background:#eee; color:#000; padding:.25rem .5rem; margin:0 .375rem;} .PageLnk:visited{color:#000;} .PageLnk:hover{border-color:#000; background:gold; cursor:pointer; text-decoration:none;}
.thePage{background:#000;border-color:#000; color:#fff;} .thePage:visited{color:#fff;} .thePage:hover{background:#000;color:gold;}
.PageSep{display:inline-block; width:1.25rem; text-align:center; margin:0 .25rem;}

.BannerSponsor{display:inline-block; position:absolute; padding:0 .25rem; bottom:0; left:0; background:rgba(0,0,0,.5); color:#fff; font-size:.75rem; font-style:italic; line-height:1.25rem; text-decoration:none; } 
.BannerSponsor a{font-size:.875rem;color:gold;text-decoration:none}
.BannerSponsor a:visited{color:gold; text-decoration:none;} .BannerSponsor a:hover{color:gold;}
.BannerSponsor_toRight{left:unset;right:0;}

/* ADVERT */
.AdZone{margin:1.5rem 0;padding:0;}
.AdBlock{
	display:block;
	border:1px solid #ffd700;
	margin:0 auto;
	background:#ccc;
	z-index:0;
	position:relative;
	width:717px; height:90px;
}
.AdBlock .AdTester{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-2;overflow:hidden;padding:.5rem;}
	.AdBlock .AdTester .AdTstTitle{color:#c00;font-weight:bold;font-size:1.25rem;margin:0;padding:0; text-align:center;}
	.AdBlock .AdTester .AdTstMessage{text-align:center;}
@media all and (max-width:799px){
	.AdBlock{width:300px; height:250px;}
	.AdBlock .AdTester .AdTstTitle{margin:3rem;}
	.AdBlock .AdTester .AdTstMessage{text-align:left;}
}

	
/**/

footer{
	width:100%;
	background:#000;
	text-align:center;
	color:#fff;
	margin:0;}
footer div{display:inline-block;vertical-align:top; width:480px; margin:2rem auto; text-align:left;}
footer a, footer a:visited{color:#ffd700; text-decoration:none;}
footer a:hover{color:#ffd700; text-decoration:underline;}

.FollowUs{text-align:center; width:200px; margin:2rem 2rem;}
	.FollowUs a{display:inline-block;margin:.75rem 2rem;}
		.FollowUs a img{display:inline-block;height:4rem;}

#AboThx{font-weight:bold; font-style:italic; color:#0c0; text-align:center;}
.AboBtn{display:block;
	width:49%;  
	margin:1rem auto;
	line-height:2.5rem; 
	font-size: 1.25rem;
	font-family: "Play", sans-serif;
	border:0;
	background:#fff;
	color: #000;
	cursor:pointer;}
.AboBtn:hover{background:#ffd700;}
#Alcides{margin-top:1rem; text-align:left; font-size:0.75rem; color:#aaa;}

#TopTools{position:relative;margin:0;padding:0;width:100%;}

#TZ_btn{position:absolute;top:0;right:0; margin:0;padding:0;}
#TZ_btn button{margin:0 2rem; border:0; background:#fff; cursor:pointer;}
#TZ_btn button img{vertical-align:middle; width:1.5rem; margin:0 0.5rem;} #TZ_btn button span{font-family: "Play", sans-serif; vertical-align:middle; font-size:1rem; line-height:1.5rem;}

#Ariane{margin:0;padding:0;}
#AHome img{width:1rem;vertical-align:middle;}
#Ariane a{margin-left:1rem;font-size:0.9rem;}#Ariane a, #Ariane a:visited, #Ariane a:hover{color:#00c;} #Ariane a:hover{text-decoration:underline;cursor:pointer;} #Ariane a, #Ariane a:visited{text-decoration:none;}

/* SIGNED STATUS */
.Signed_Join{
	display:block;
	width:12rem;
	height:4rem;
	margin:2rem auto;
	font-size:2rem;
	font-family: "Play", sans-serif;
	font-weight:bold;
	color:#fff;
	background:#c00;
	border: 1px solid #800;
	border-radius: 1.75rem;
	cursor:pointer;}
.Signed_AmIn{text-align:center;font-size:1.5rem;} #MySimNick{font-weight:bold; color:#0c0;} #MakeSure{font-style:italic; font-size:0.75rem;}
.Signed_NeedTo{color:#000; text-align:center;} 
.Signed_NeedTo a{color:#000; text-decoration:none; cursor:pointer;} .NotConn a:visited {color:#000; text-decoration:none;} .Signed_NeedTo a:hover{color:#000; text-decoration:underline;}
.Signed_NeedTo a span{color:#c00; font-weight:bold; font-size:1.5rem;}

/***** INDEX *****/
#CookiesInfo{
	width:100%;
	position: fixed;
	z-index:999;
	bottom:0; left:0;
	background: rgba(223, 223, 223, 0.95);
	text-align:center;}
#CookiesInfo div{width:100%;}
#CookiesInfo div p{margin:0.5rem auto; text-align:center; font-family: sans-serif; font-size:0.75rem;}
#CookiesInfo div p button{width:3rem; height:1.5rem; margin-left:5rem; display:inline-block; font-size:0.75rem;}

.Presentation{max-width:600px; border-bottom:1px solid #000; margin:0 auto 2rem auto;}
.TheChallenge{display:none;opacity:0;}

.adIndex {text-align:center;}
.adIndex .Ad_BigBanMob{display:inline-block; margin:0 4%;}
/*****/

@media all and (max-height:800px){ html{font-size:12px;} }
@media all and (max-width:1280px){ 
	html{font-size:12px;} 
	footer div{display:block; width:580px; margin:2rem auto;}
	.FollowUs{display:block; width:92%; margin:0 auto;} .FollowUs a{margin:0 4%;}
}
@media all and (max-width:640px){
	#Menu,#MyAcc{width:4rem;} #Menu span,#MyAcc span{display:none;}
	#MenuNav,#MyAccNav{width:100%}
	#TZ_btn button{margin:0 0.5rem;} #Ariane a{margin-left:0.5rem;}
	.ClickH2 span{margin-right:3rem;}
	footer div{display:block; width:92%; margin:2rem auto;}
	.FollowUs{margin:0 auto;} .FollowUs a{margin:0 4%;}
}