@charset "utf-8";

/* Style Tablette horizontale */
@media screen and (min-width: 992px) and (max-width: 1200px){

.tablette{
	display:block;
}	
}

/* Style Mobile & Tablette verticale */
@media screen and (max-width: 991px){

html{
	font-size:100%;	/* Permet de gêrer les fonts en em */
	-webkit-text-size-adjust:none;	/* Containte taille de police automatique sur iphone et ipad au changement d'orientation */
}

body{
}

.content{
	min-width:320px;
}

.mobile{
	display:block;
}

.web{
	display:none;
}

.bouton a{
    max-width:100%;
    margin:0;
}

.bouton-left a, .bouton-right a{
	margin:15px 10px;
}

.bouton a br.mobile{
	display:inline-block;
}

.pure-control-group{
	width:100%;
}

label{
	font-size:14px;
}

input[type=text], input[type=password], input[type=email], input[type=tel]{
}

select{
}

textarea{
}

input[type=checkbox]{
}

input[type=radio]{
}

#captcha{
}

::-webkit-input-placeholder{
}

:-moz-placeholder{ /* Firefox 18- */
}

::-moz-placeholder{  /* Firefox 19+ */
}

:-ms-input-placeholder{
}

.check_btn{
}

.check_label{
}


/* HEADER */

header{
    padding-top:30px;
}

#logo{
    width:200px;
}


/* CONTENU */

#bl_contenu{
	width:100%;
	padding:58px 3% 46px 3%;
}

h1{
	font-size:24px;
}

.sstitre{
    margin-top:18px;
}

.text1{
	font-size:14px;
}

#mentions{
	font-size:11px;
}

#ariane{
	margin-top:65px;
	margin-bottom:56px;
}
.ariane_lib {
  font-size: 12px;
}
#ariane_lib1{
    /*top:-29px;*/
}

.ariane_hr{
    width:26%;
}


/* PAGE: Accueil */

#page_home #page_home_text2{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}

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

#page_home #slide_journee .slider{
	max-width:324px;
}

#page_home #slide_journee .slick-prev{
    left:-25px;
}

#page_home #slide_journee .slick-next{
	right:-16px;
}

#page_home #slide_journee .bl_journee label{
    max-width:72px;
}

#page_home #form_match{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
    margin-top:12px;
}

#list_match .ligne_match{
    width:106%;
    left:-3%;
}

.ligne_match .match{
    width:100%;
}

.ligne_match .nomclubleft{
    width:40%;
    margin-right:10px;
    line-height:1.2em;
}

.ligne_match .nomclubright{
    width:40%;
    margin-left:10px;
    line-height:1.2em;
}

.ligne_match .middle{
    width:70px;
}

#page_home .bl_checkbox{
	margin-top:51px;
}

#page_home #alert{
    margin-top:25px;
}

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


/* PAGE: Coordonnées et contact */

#page_coord #bl_contenu form{
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
}

#page_coord #page_coord_text3{
    margin-top:44px;
}

#page_coord #bl_civil{
    display:flex;
	width:100%;
}

#page_coord #bl_civil #bl_radio{
	margin-bottom:20px;
}

#page_coord #bl_civil #bl_radio .check_ligne{
    margin-bottom:9px;
}

#page_coord #bl_naissance{
	width:100%;
}

#page_coord #bl_naissance label{
	width:47%;
}

#page_coord #bl_mois{
	width:24%;
}

#page_coord #bl_annee{
	width:24%;
}

#page_coord .bl_checkbox{
    justify-content:flex-start;
}

#page_coord #page_coord_text5{
    margin-top:12px;
}

#page_coord #bl_code{
	width:100%;
}

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

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

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

#page_coord #form_contact #bt_valider{
	margin-top:22px;
}
  
#page_coord #bl_civil #bl_radio label {
  font-size: 14px;
}

/* PAGE: Validation */

#page_validation #bl_contenu{
    padding-bottom:35px;
}

#page_validation #page_validation_text1{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}

#page_validation #page_validation_text2{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}

#page_validation #page_validation_text3{
    margin-top:55px;
    margin-bottom:8px;
}
#page_validation #page_coord_text5{
    margin-top:12px;
}
  
#page_validation #list_match{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}

#page_validation #page_validation_text4{
    margin-top:54px;
}

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

#page_validation #bt_valider .bouton-left a{
    width:100%;
    max-width:300px;
    margin-left:0;
    margin-right:0;
}

#page_validation #bt_valider .bouton-left{
	width:100%;
    text-align:center;
}

#page_validation #bt_valider .bouton-right{
	width:100%;
    text-align:center;
}


/* PAGE: Confirmation */

#page_conf #page_conf_text1{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
    margin-top:17px;
}

#page_conf #page_conf_text2{
    margin-top:53px;
    margin-bottom:8px;
}

#page_conf #list_match{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}

#page_conf #page_conf_text3{
    margin-top:53px;
}

#page_conf #page_conf_text4{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
    margin-top:49px;
}


/* PAGE: Mentions légales */

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

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


/* PAGE: Accès refusé */

#page_noacces header{
    padding-top:25vh;
}

#page_noacces #bl_contenu{
    padding-bottom:25vh;
}


/* PAGE: Attente et Fin */

#page_out header{
    padding-top:25vh;
}

#page_out #bl_contenu{
    padding-bottom:25vh;
}

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


/* LIGHTBOX */

.lightbox_content{
	width:92%;
	max-width:450px;
	padding:4em 4% 2.5em 4%;
}

.lightbox_close{
	top:10px;
	right:10px;
}

.lightbox_titre{
	margin-bottom:15px;
	font-size:18px;
}

.lightbox_text{
	max-width:100%;
	font-size:16px;
}

.lightbox_content .bouton{
	margin-top:2em;
}

.lightbox_content .bouton a{
	max-width:100%;
}

#lb_match{
	width:92%;
    padding-bottom:2.5em;
}


/* FOOTER */

footer{
	padding:21px 0 20px 0;
	overflow:hidden;
}

#footer_hr{
    width:90%;
    margin-bottom:18px;
}

footer ul{
	float:left;
	width:100%;
}

footer li a{
	float:left;
	width:100%;
	margin:0;
	font-size:14px;
	line-height:24px;
    text-align:center;
}
}