@charset "utf-8";

body{
	margin:0;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
}

.content{
	position:relative;
	width:100%;
	height:auto;
	min-width:1200px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

p, ul, li, table, tr, th, td, h1, h2, h3{
	padding:0;
	margin:0;
}

a{
	color:#000;
}

img{
	border:0;
}

:focus{
	outline:0;
}

@font-face{
    font-family : "Speedee_Bd";
	src : url('../font/Speedee_Bd.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Speedee_Bd.eot?#iefix') format('eot'),
		  url('../font/Speedee_Bd.woff') format('woff'),
          url('../font/Speedee_Bd.svg') format('svg'),
          url('../font/Speedee_Bd.ttf') format('truetype');
}

.fontSpeedeeBd{
	font-family: "Speedee_Bd";
	font-style:normal;
}

@font-face{
    font-family : "Speedee_Rg";
	src : url('../font/Speedee_Rg.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Speedee_Rg.eot?#iefix') format('eot'),
		  url('../font/Speedee_Rg.woff') format('woff'),
          url('../font/Speedee_Rg.svg') format('svg'),
          url('../font/Speedee_Rg.ttf') format('truetype');
}

.fontSpeedeeRg{
	font-family: "Speedee_Rg";
	font-style:normal;
}

@font-face{
    font-family : "Helvetica-Bold";
	src : url('../font/Helvetica-Bold.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Helvetica-Bold.eot?#iefix') format('eot'),
		  url('../font/Helvetica-Bold.woff') format('woff'),
          url('../font/Helvetica-Bold.svg') format('svg'),
          url('../font/Helvetica-Bold.ttf') format('truetype');
}

.fontHelveticaBd{
	font-family: "Helvetica-Bold";
	font-style:normal;
}

@font-face{
    font-family : "Helvetica";
	src : url('../font/Helvetica.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Helvetica.eot?#iefix') format('eot'),
		  url('../font/Helvetica.woff') format('woff'),
          url('../font/Helvetica.svg') format('svg'),
          url('../font/Helvetica.ttf') format('truetype');
}

.fontHelvetica{
	font-family: "Helvetica";
	font-style:normal;
}

.bouton{
	float:left;
	width:100%;
	text-align:center;
}

.bouton .load{
	position:absolute;
	left:50%;
	top:50%;
	width:30px;
	height:30px;
	margin-top:-19px;
	margin-left:-19px;
	border:4px solid #f3f3f3;
	border-top:4px solid #006547;
	border-radius:50%;
	-webkit-animation: spin 1s linear infinite; /* Safari */
	animation: spin 1s linear infinite;
}

.bouton-left{
	float:left;
	width:50%;
	text-align:right;
}

.bouton-right{
	float:right;
	width:50%;
	text-align:left;
}

@media screen and (max-width: 33.999em){
.bouton-left{
	width:100%;
	text-align:center;
}
.bouton-right{
	width:100%;
	text-align:center;
}
}

.bouton a{
	display:inline-block;
	width:230px;
	height:auto;
    padding:20px 0 17px 0;
	margin:0 15px;
	color:#000;
	font-size:16px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
    background-color:#febc0e;
    border:0;
    border-radius:4px;
	cursor:pointer;
	-webkit-transition:all 0.3s; /* Chrome, Safari */
	-moz-transition:all 0.3s; /* Mozilla */
	-ms-transition:all 0.3s; /* IE */
	-o-transition:all 0.3s; /* Opéra */
	transition:all 0.3s;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.bouton a:hover{
    color:#febc0e;
	background-color:#000;
}

.mobile{
	display:none;
}

.gris{
    color:#404040;
}

.ui-autocomplete{
    display:none;
    z-index:1000;
    position:absolute;
    top:100%;
    left:0;
    float:left;
    min-width:200px; 
	max-height:300px;  
    padding:0;
    margin:0 0 10px 25px;
    list-style:none;
	border:1px solid #9e9e9e;
    background-color:#fff;
	overflow:auto;
}

.ui-menu-item{
	padding:7px 10px;
    font-size:12px;
    color:#222;
	cursor:pointer;
}

.ui-menu-item span{
    color:#000;
}

.ui-menu-item:hover{
    background-color:#eeeeee;
}

.ui-helper-hidden-accessible{
	display:none;  
}


/* HEADER */

header{
	position:relative;
	width:100%;
    padding-top:60px;
}

#logo{
    display:block;
    width:400px;
    height:auto;
    margin:0 auto;
}


/* CONTENU */

#contenu{
	position:relative;
	width:100%;
	height:auto;
}

#bl_contenu{
	width:1030px;
	padding:57px 0 80px 0;
	margin:0 auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	overflow:hidden;
}

h1{
	font-size:30px;
    line-height:1.2em;
	text-align:center;
}

h2{
	font-weight:normal;
}

.sstitre{
    margin-top:14px;
	font-size:16px;
    line-height:1.2em;
	text-align:center;
}

.text1{
	font-size:16px;
    line-height:1.2em;
}

#mentions{
	float:left;
    color:#404040;
	font-size:12px;
	line-height:1.2em;
	text-align:justify;
}

#mentions a{
    color:#404040;
}

#ariane{
    display:flex;
    justify-content:center;
    align-items:center;
	margin-top:64px;
	margin-bottom:49px;
}

.ariane_step{
    position:relative;
}

.ariane_lib{
    position:absolute;
    top:-15px;
    left:-64px;
    width:150px;
    color:#404040;
	font-size:14px;
    line-height:1em;
    text-align:center;
}

.ariane_point{
	width:10px;
	height:10px;
	background-color:#dcdcdc;
	border-radius:50%;
	border:5px solid #fff;
}

.ariane_hr{
    width:150px;
    height:2px;
    background-color:#dcdcdc;
}

.ariane_hrnoir{
    background-color:#000;
}

.ariane_actif .ariane_lib{
    color:#000;
}

.ariane_actif .ariane_point{
	background-color:#febc0e;
}

.ariane_check .ariane_lib{
    color:#000;
}

.ariane_check .ariane_point{
	background-color:#000;
}


/* PAGE: Accueil */

#page_home #bl_contenu{
    text-align:center;
}

#page_home #page_home_text1{
    margin-top:35px;
    font-size:20px;
    line-height:1.2em;
}

#page_home #page_home_text2{
    margin-top:17px;
    font-size:16px;
    line-height:20px;
}

#page_home #slide_journee{
    margin-top:26px;
}

#page_home #slide_journee .slider{
    position:relative;
    left:5px;
	width:100%;
	max-width:440px;
	margin:0 auto;
}

#page_home #slide_journee .bl_journee label{
    display:block;
	width:100px;
    height:50px;
	text-align:center;
    background-color:#fff;
    border:1px solid #dcdcdc;
    border-radius:4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    cursor:pointer;
}

#page_home #slide_journee .bl_journee label span{
    color:#404040;
    font-size:16px;
    line-height:50px;
}

#page_home #slide_journee .bl_journee label.checked{
    background-color:#febc0e;
    border:1px solid #febc0e;
}

#page_home #slide_journee .bl_journee label.checked span{
    color:#000;
}

#page_home #slide_journee .bl_journee input{
	display:none;
}

#page_home #page_home_text3{
    margin-top:28px;
    font-size:20px;
    line-height:1.2em;
}

#page_home #page_home_text4{
    font-size:16px;
    line-height:1.2em;
}

#page_home #form_match{
    margin-top:13px;
}

#list_match .ligne_match{
    position:relative;
    display:inline-flex;
    border-bottom:1px solid #dcdcdc;
}

#list_match .ligne_match:first-child{
    border-top:1px solid #dcdcdc;
}

.ligne_match .match{
    display:flex;
    justify-content:center;
    align-items:center;
    width:auto;
    line-height:60px;
    cursor:pointer;
}

#page_home .ligne_match .match:hover{
	background-color:#faebd7;
}

.ligne_match .nomclubleft{
    position:relative;
    top:1px;
    width:320px;
    font-size:14px;
    text-align:right;
    text-transform:uppercase;
    margin-right:20px;
}

.ligne_match .nomclubright{
    position:relative;
    top:1px;
    width:320px;
    font-size:14px;
    text-align:left;
    text-transform:uppercase;
    margin-left:20px;
}

.ligne_match .logoclub{
    width:30px;
    height:30px;
}

.ligne_match .middle{
    position:relative;
    top:1px;
    width:90px;
    font-size:14px;
    text-transform:uppercase;
}

#page_home .ligne_match.disable .match, #page_home .ligne_match.disable .match:hover{
    background-color:#f2f2f2;
}

#page_home .ligne_match.disable .match{
    cursor:inherit;
}

#page_home .ligne_match.disable .nomclubleft,
#page_home .ligne_match.disable .nomclubright,
#page_home .ligne_match.disable .middle{
    color:#404040;
}

#page_home .ligne_match input{
	display:none;
}

#page_home .ligne_match label.checked{
	background-color:#febc0e !important;
}

#page_home .bl_checkbox{
    clear:both;
    display:inline-flex;
    justify-content:center;
    width:100%;
	margin-top:30px;
}

#page_home #alert{
    margin-top:29px;
    color:#ff0000;
    font-size:16px;
    line-height:1.2em;
}

#page_home #alert span{
    text-decoration:underline;
}

#page_home #bt_valider{
	margin-top:22px;
}

#page_home #mentions{
	margin-top:30px;
}


/* PAGE: Coordonnées et contact */

#page_coord #bl_contenu{
    text-align:center;
}

#page_coord #page_coord_text1{
    font-size:20px;
    line-height:1.2em;
}

#page_coord #page_coord_text2{
    margin-top:3px;
    font-size:16px;
    line-height:1.2em;
}

#page_coord #page_coord_text3{
    margin-top:35px;
    margin-bottom:25px;
    font-size:20px;
    line-height:1.2em;
}

#page_coord #bl_civil{
	width:370px;
	margin:0 auto;
}

#page_coord #bl_civil #labelCivil{
	float:left;
	margin-bottom:29px;
    font-size:16px;
	line-height:20px;
}

#page_coord #bl_civil #bl_radio{
	position:relative;
	top:-1px;
	float:left;
}

#page_coord #bl_civil #bl_radio .check_ligne{
	float:left;
}

#page_coord #bl_civil #bl_radio .check_btn{
	position:relative;
	float:left;
	width:17px;
	height:17px;
	margin-left:10px;
	margin-right:4px;
	background:url(../img/radio_68.png) no-repeat;
	background-position: 0px 0px;
	background-size:100%;
}

#page_coord #bl_civil #bl_radio label{
	width:auto;
	height:17px;
	font-size:16px;
	line-height:17px;
	text-transform:none;
}

#page_coord #page_coord_text4{
    position:relative;
    top:-19px;
    color:#ff0000;
    font-size:16px;
    line-height:23px;
}

#page_coord #bl_naissance{
	width:370px;
	margin:0 auto;
    overflow:hidden;
}

#page_coord #bl_naissance label{
    float:left;
	width:170px;
    margin-top:7px;
    font-size:16px;
    line-height:1em;
    text-align:left;
}

#page_coord #bl_mois{
    clear:inherit;
    position:inherit;
    float:left;
	width:90px;
    text-align:center;
}

#page_coord #bl_annee{
    clear:inherit;
    position:inherit;
    float:right;
	width:90px;
}

#page_coord #bl_mois select, #page_coord #bl_annee select{
    text-align:center;
	background: url(../img/icon_select2.png) no-repeat right;
	background-color:transparent;
	background-size:24px 12px;
}

#page_coord .bl_checkbox{
    clear:both;
    display:inline-flex;
    justify-content:center;
    width:100%;
}

#page_coord #bl_checkbox1{
	margin-top:6px;
	margin-bottom:30px;
}

#page_coord #page_coord_text5{
    margin-top:15px;
    margin-bottom:17px;
    font-size:20px;
    line-height:1.2em;
}

#page_coord #bl_code{
	width:370px;
	margin:0 auto;
    margin-top:6px;
    overflow:hidden;
}

#page_coord #bl_code label{
    float:left;
	width:100%;
    font-size:16px;
    line-height:1.2em;
    text-align:left;
}

#page_coord #bl_code .pure-control-group{
    float:left;
    width:50%;
    margin:0;
}

#page_coord #code{
	height:47px;
    margin:0;
    line-height:47px;
    text-align:center;
}

#page_coord #bl_checkbox2{
	margin-top:40px;
}

#page_coord #bl_checkbox3{
	margin-top:28px;
}

#page_coord #bt_valider{
	margin-top:59px;
}

#page_coord #mentions{
	margin-top:30px;
}

#page_coord #form_contact{
	margin-top:48px;
}

#page_coord #form_contact #bt_valider{
	margin-top:32px;
}


/* PAGE: Validation */

#page_validation #bl_contenu{
	text-align:center;
}

#page_validation #page_validation_text1{
    font-size:20px;
    line-height:1.2em;
}

#page_validation #page_validation_text2{
    margin-top:3px;
    font-size:16px;
    line-height:1.2em;
}

#page_validation #page_validation_text3{
    margin-top:44px;
    margin-bottom:12px;
    font-size:20px;
    line-height:1.2em;
}

#page_validation .ligne_match .match{
    cursor:inherit;
}

#page_validation #page_validation_text4{
    margin-top:44px;
    font-size:16px;
    line-height:26px;
}

#page_validation #page_coord_text5{
    margin-top:15px;
    margin-bottom:35px;
    font-size:20px;
    line-height:1.2em;
}

#page_validation #bt_valider{
	margin-top:49px;
}

#page_validation #bt_valider .bouton-left a{
    width:300px;
}

@media screen and (min-width: 992px){
#page_validation #bt_valider .bouton-left{
	width:53.4%;
}
#page_validation #bt_valider .bouton-right{
	width:46.6%;
}
}


/* PAGE: Confirmation */

#page_conf #bl_contenu{
	text-align:center;
}

#page_conf #page_conf_text1{
    margin-top:14px;
	font-size:16px;
    line-height:20px;
	text-align:center;
}

#page_conf #page_conf_text2{
    margin-top:43px;
    margin-bottom:12px;
    font-size:20px;
    line-height:1.2em;
}

#page_conf .ligne_match .match{
    cursor:inherit;
}

#page_conf #page_conf_text3{
    margin-top:44px;
    font-size:16px;
    line-height:26px;
}

#page_conf #page_conf_text4{
    margin-top:39px;
    font-size:16px;
    line-height:1.2em;
}


/* PAGE: Mentions légales */

#page_text #bl_text{
	margin-top:40px;
	text-align:justify;
}

#page_text .table{
	width:100%;
	border-collapse:inherit;
}

#page_text .table td, #page_text .table th{
	border:1px solid #fff;
}

#page_text .bull{
	padding:0 10px 0 20px;
}

#page_text #bt_back{
	margin-top:59px;
}


/* PAGE: Accès refusé */

#page_noacces header{
    padding-top:205px;
}

#page_noacces #bl_contenu{
    padding-bottom:210px;
	text-align:center;
}

#page_noacces #page_noacces_text{
    margin-top:20px;
	font-size:20px;
    line-height:1.2em;
}


/* PAGE: Attente et Fin */

#page_out header{
    padding-top:205px;
}

#page_out #bl_contenu{
    padding-bottom:210px;
	text-align:center;
}

#page_out h1{
    margin-top:40px;
}


/* LIGHTBOX */

#lightbox{
	z-index:99;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,0.7);
}

#lightbox_bg{
	width:100%;
	height:100%;
}

#lightbox_load{
	position:absolute;
	left:50%; 
	top:50%;
	width:60px;
	height:60px;
	margin-top:-38px;
	margin-left:-38px;
	border:8px solid #f3f3f3;
	border-top:8px solid #c20012;
	border-radius:50%;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin{ /* Safari */
	0%{-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);}
}

@keyframes spin{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

.lightbox_content{
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	width:580px;
	height:auto;
	max-height:90%;
	padding-top:65px;
	padding-bottom:40px;
	background-color:#fff;
    border-radius:0;
	overflow:auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.lightbox_close{
	position:absolute;
	width:30px;
	height:30px;
	top:10px;
	right:10px;
	background-color:#000;
	border-radius:50%;
	cursor:pointer;
}

.lightbox_close .bar{
    position:relative;
    top:1px;
	display:block;
	width:14px;
	height:2px;
	margin:8px auto;
	background:#fff;
	border-radius:0;
}

.lightbox_close .top{
	-webkit-transform: translateY(5px) rotateZ(45deg);
	-moz-transform: translateY(5px) rotateZ(45deg);
	-ms-transform: translateY(5px) rotateZ(45deg);
	-o-transform: translateY(5px) rotateZ(45deg);
	transform: translateY(5px) rotateZ(45deg);
}

.lightbox_close .bottom{
	-webkit-transform: translateY(-5px) rotateZ(-45deg);
	-moz-transform: translateY(-5px) rotateZ(-45deg);
	-ms-transform: translateY(-5px) rotateZ(-45deg);
	-o-transform: translateY(-5px) rotateZ(-45deg);
	transform: translateY(-5px) rotateZ(-45deg);
}

.lightbox_titre{
	margin-bottom:60px;
	font-size:24px;
    line-height:1.2em;
	text-align:center;
}

.lightbox_text{
	max-width:90%;
	margin:0 auto;
    color:#404040;
	font-size:16px;
	line-height:1.2em;
	text-align:center;
}

.lightbox_content .bouton{
	margin-top:40px;
}

.lightbox_content .bouton a{
	width:auto;
	min-width:230px;
	padding-left:20px;
	padding-right:20px;
}

#lb_match{
    width:630px;
    padding-bottom:50px;
}

#pourcentage{
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	text-align: center;
	margin-top: -10px;
	margin-left: -30px;
}


/* FOOTER */

footer{
	position:relative;
	width:100%;
    padding-top:21px;
    text-align:center;
	background-color:#000;
}

#footer_logo{
    width:auto;
    height:50px;
    margin-bottom:16px;
}

#footer_hr{
    width:100%;
    max-width:1030px;
    height:1px;
    margin:0 auto;
    background-color:#fff;
}

footer ul{
	text-align:center;
}

footer li{
	display:inline;
	list-style:none;
}

footer li a{
	margin:0 10px;
	color:#fff;
	font-size:14px;
	line-height:58px;
	text-decoration:none;
	cursor:pointer;
}

footer li a:hover{
	text-decoration:underline;
}