@font-face {
    font-family: 'as_seen_on_tv_skewregular';
    src: url('font/asseenontvskew-webfont.woff2') format('woff2'),
         url('font/asseenontvskew-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'as_seen_on_tvregular';
    src: url('font/asseenontv-webfont.woff2') format('woff2'),
         url('font/asseenontv-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.cookieinfo{
	z-index:10000000 !important;
}

#RefusCookie :hover{
	cursor : pointer
}

textarea:focus, input:focus , button:focus{
    outline: none !important;
}

*:focus {
    outline: none;
}

html, body{
  margin : 0px;
  background : none;
  
}

html{
	/*overflow-y : scroll;*/
}

html{

}

.align-left{
	text-align : left;
}

.align-right{
	text-align : right;
}

.align-center{
	text-align : center
}

.bold{
	font-weight : bolder;
}

.display-mobile{
	display : none;
}

#SuccessNewsletter{
	margin : 0 auto;
	margin-top : 30px;
	max-width : 800px;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 29999;
  background : #FFF;
  /*background: url(../ressources/Preloader_2.gif) center no-repeat #fff;*/
}

#ContentWait{
	height : 163px;
	width :231px;
	position : absolute;
	top : 50%;
	left : 50%;
	margin-left : -116px;
	margin-top : -82px;
	text-align : center;
}

#LogoWait{
	width : 231px;
	height : 63px;
	display : inline-block;
	background: url(../ressources/logo_sportips_transparent_gris.png) no-repeat;
}

#AnimWait{
	width : 63px;
	height : 70px;
	display : inline-block;
	background: url(../ressources/Preloader_2.gif) center no-repeat;
}

.clear{
  clear : both;
}

*{
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
}

.without-padding{
  padding : 0px;
}

.no-padding-left{
  padding-left : 0px;
}

.no-padding-right{
  padding-right : 0px;
}

.show-mobile{
  display : none;
}

.color-orange{
	color : #ff8e00;
}

a , a:link , a:hover , a:visited , a:focus , a:active , .btn , .btn:link , .btn:hover , .btn:focus , .btn:visited , .btn:active{
  outline : none;
  color : #FFF;
  text-decoration : none;
}

.valign{
  position: relative;
    display: table;
    height: 100%;
    width: 100%;
}

.valign-cell {
    display: table-cell;
    vertical-align: middle;
}

#global{
  width : 100%;
  height : 100%;
  position : relative;
}

#content{
  padding-bottom : 38px;
  padding-top : 80px;
  position : relative;
  min-height : 100%;
}

#FooterIn{
	background : #000;
	width : 900px;
	max-width : 100%;
	position : fixed;
	bottom : 38px;
	color : #FFF;
	padding-left : 20px;
	padding-top : 5px;
	padding-bottom : 5px;
	font-size : 12px;
	font-weight : bold;
	z-index : 10000;
}

#LogoConfiance{
	height : 20px;
	margin-left : 20px
}

#ContentNewConfiance{
	width : 400px;
	max-width : 100%;
	display : inline-block;
	vertical-align : bottom;
}

.logo-confiance{
	width : 16%
}

#BarreEspace{
	height : 80%;
	width : 1px;
	margin-left : 30px;
	margin-right : 30px
}

#LogoFFA_1{
	/*height : 30px;*/
	margin-left : 10px;
	width : 40px;
}

#LogoFFA_2{
	/*height : 30px;*/
	margin-left : 5px;
	width : 40px;
}

.separation-mobile{
	height : 15px
}

#ContentNewsletter{
	float : right;
	position : relative;
}

#SubmitNewsletter{
	position : absolute;
	width : 30px;
	height : 21px;
	border-radius : 0px;
	color : #000;
	top : 5px;
	right : 10px;
	border : 0px;
}

#InputNewsletter{
	background : none;
	border : 1px solid #FFF;
	width : 200px;
	margin-right : 20px;
	margin-top : 5px;
	padding-left : 5px;
}

@media screen and (max-width: 768px) {
	#FooterIn{
		position : relative;
		bottom : 0px;
		text-align : center;
	}
	
	.display-mobile{
		display : block;
	}
	
	#ContentNewsletter{
		display : none;
	}

}


/*------------------------MENU--------------------------*/
#ConteneurMenu{
  position : absolute;
  top : 0px;
  left : 0px;
  width : 100%;
  min-height : 80px;
  background: url(../ressources/fond_menu.png) repeat;
  -webkit-box-shadow: 0px 2px 38px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 2px 38px -5px rgba(0,0,0,0.75); 
  box-shadow: 0px 2px 38px -5px rgba(0,0,0,0.75);
  z-index : 1000;
}

.navbar-brand img{
  height : 50px;	
}

.navbar-default{
  background-color : transparent !important;
  border : 0px !important;
  width : 900px;
  margin : 0 auto;
  max-width : 100%;
  z-index : 1000;
}

.navbar-default .navbar-nav > li > a{
  color : #000;
  font-size : 14px;
  font-weight : bold;
  margin-top : 20px;
  padding-bottom:8px;
}

.navbar-default .navbar-nav > li > a:hover{
  border-bottom:4px solid #ff8e00;
}

.navbar-default .navbar-nav > li > a.compte-coureur-link:hover{
  border:1px solid #F29200;
  background-color:white;
  color:#F29200;
  
}
.navbar-default .navbar-nav > li > a.compte-coureur-link{
	background-color: #F29200;
    color: white;
    padding: 7px 10px 4px 10px;
    border-radius: 5px;
    margin-top: 28px;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color : #000;
}

.navbar-default .navbar-toggle{
	border : 1px solid !important;
	cursor : pointer;
}

.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

#LienFacebookSite{
    position: absolute;
    top: 51%;
    right: 15px;
    margin-top: -15px;
}

#compteCoureurLink{
    position: absolute;
    top: 51%;
    right: 55px;
    margin-top: -15px;
	background-color: #F29200;
    color: white;
    padding: 7px 10px 4px 10px;
    border-radius: 5px;
	font-weight: bold;

}
#compteCoureurLink:hover{
	border:1px solid #F29200;
	background-color:white;
	color:#F29200;
}

#compteCoureurLink i{
	margin-right:5px;
}


@media screen and (max-width: 768px) {
	
	#ConteneurMenu{
		background : none;
		min-height : 50px;
	}
	
  .navbar-default{
    position: fixed;
    background-color : #FFF !important;
  }

  .container-fluid{
    border-bottom : 1px solid #e0e0e0;
  }

  .navbar-brand{
    padding : 5px;
  }

  .navbar-brand img{
    height : 38px;
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    background : #FFF;
  }

  .navbar-nav{
    margin-top : 0px;
    margin-bottom : 0px;
  }

  .navbar-default .navbar-nav > li > a{
    border-bottom : 2px solid #5e5e5e;
    color : #5e5e5e;
    text-align: center;
    font-size : 18px;
    margin : 0px;
  }

  .navbar-default .navbar-nav > li > a.compte-coureur-link{
	  margin:0;
  }
  
  #LienFacebookSite,#compteCoureurLink{
  	display : none;
  }

  .compteCoureurLinkMobile{
	  display:block !important;
  }
}

/*------------------------MOBILE--------------------------*/
#TitreHomeMobile{
  text-align : center;
  margin : 0;
  color : #000000;
  font-size : 20px;
  padding-top : 70px;
  margin-bottom : 50px;
}

/*------------------------HOME--------------------------*/


.contenu-global-module{
	background : #FFF;
}

.head-bloc{
	min-height : 40px;
	background : #000;
	color : #FFF;
	position : relative;
}

.head-bloc div{
	padding-top : 10px;
	font-size : 12px;
}

.titre-bloc{
	font-weight : bolder;
	font-size : 13px !important;
}

#IconCalendrier{
	height : 20px;
	margin-right : 8px;
	margin-top : -2px;
}

#IconCoupe{
	height : 20px;
	margin-right : 8px;
	margin-top : -2px;
}

#IconPlus{
	height : 13px;
	margin-right : 6px
}


.btn-default{
	color:#333 !important;
}

#TriangleNoir , .triangle-noir , .triangle-orange{
	position : absolute;
	bottom : -19px;
	left : 50%;
	margin-left : -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #000000 transparent transparent transparent;
}

.triangle-orange{
	border-color: #ff8e00 transparent transparent transparent;
	bottom : -17px;
}

#ChronoSportif{
	font-family: 'as_seen_on_tv_skewregular';
	color : #ff8e00;
}

.lien-sportif , .lien-sportif:hover , .lien-sportif:visited , .lien-sportif:focus , .lien-sportif:active{
	font-family: 'as_seen_on_tv_skewregular';
	color : #ff8e00;
}

#TableAnciensResultats a{
	color : #000;
}

#LienAnciensResultats{
	margin : 0 auto;
	width : 200px;
	display : block;
}

#carouselHome{
  height: 250px;
  width: 100%;
  margin-top : 20px;
  margin-bottom : 20px;
  overflow: hidden;
}

.carousel-inner, .carousel-inner .item{
  height : 100%;
}

#ImgCarousel1{
  background: url("../ressources/flyer/flyer1.jpg") no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#ImgCarousel2{
  background: url("../ressources/flyer/flyer2.jpg") no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#TabModule{
	width : 100%;
	margin-top : 20px;
	margin-bottom : 20px;
}

#HeadTabModule div{
	background : #000;
	color : #FFF;
	height : 15px;
	padding-left : 5px;
	font-size : 12px;
	border-left : 1px solid #FFF
}

#HeadTabModule div:first-child{
	border : none !important;
}

.ligne-module{
	font-size : 12px;
	height : auto;
	color : #333;
}

.ligne-module:hover{
	background : #ff8e00;
	color : #FFF;
}

.content-mot-inscription{
	text-align : right;
}

.ligne-module .ligne-module-content {
	/*padding-top : 8px;*/
	padding : 5px;
}

#ListModule{
	height : 240px;
	overflow-y : scroll;
}

.ligne-paire{
	background : #e6e6e6;
}

.mot-inscription-module{
	color : #30c230;
	font-weight : bolder
}

.mot-complet-module{
	color : #ff0000;
	font-weight : bolder
}

.caption-custom{
  position : absolute;
  display : inline-block;
  top : 50%;
  margin-top : -15px;
  left : 15%;
}

.caption-custom h3{
  font-size: 18px;
  color: #FFF;
  background: #c46c22;
  padding : 8px;
  margin : 0;
}

.espace-home{
	height : 20px;
	clear : both
}

.contenu-bloc-home , .contenu-bloc-page , .contenu-bloc-page{
	min-height : 400px;
	background : #FFF;
	padding-bottom : 15px;
}

.contenu-facebook{
	padding: 20px;
	text-align : center;
}

.conteneur-itra-index img{
	width : 100%;
}

.btn-popup-itra{
	border: 1px solid #F29200;
	background-color: #FFF;
	color: #F29200;
	padding: 7px 10px 4px 10px;
	border-radius: 5px;
	font-weight: bold;
}

.btn-popup-itra:hover{
	cursor : pointer;
	background-color: #F29200;
	color: #FFF;
}

#ContenuResultatHome{
	margin : 20px;
	height : 300px;
	overflow-y : scroll;
}

.lien-resultats-home{
	color : #333 !important;
}

.ligne-resultat-home{
	font-size : 12px;
	padding: 5px;
}

.ligne-resultat-home:hover{
	color : #FFF;
	background : #ff8e00;
}

@media screen and (max-width: 768px) {
	.hide-mobile{
		display : none;
	}
	
	#ConteneurTabModuleHome{
		padding : 0px;
	}
	
	.content-module-date-home{
		font-size : 9px;
	}
	
	#ListModule{
		height : auto;
		overflow:auto;
		padding-bottom : 10px;
	}

  #content{
    padding-bottom : 0px;
  }

  .show-mobile{
    display : block !important;
  }


  .part-footer{
    margin : 0px !important;
    padding : 10px !important;
    text-align : left !important;
  }
  
  
  .contenu-global-module , .contenu-bloc-home{
  	margin-bottom : 15px
  }
}





/*FOOTER*/
#Footer{
  background:#ff8e00;
  position : fixed;
  bottom : 0px;
  width : 100%;
  left : 0px;
  min-height : 38px;
  z-index : 10000;
}

.content-in-footer{
  text-align : center;
  padding-top : 10px;
}

.content-in-bandeau{
	color : #FFF;
}

.content-in-footer a{
	padding : 0 20px 0 20px ;
}

@media screen and (max-width: 768px) {
	#Footer{
		position : relative
	}
}


/*------------------------PAGE SERVICES--------------------------*/

#ContenuServices{
	margin-top : 15px;
}

.contenu-bloc-service{
	background : #e6e6e6;
	height : 200px;
	overflow : hidden;
	margin : 10px;
}

.contenu-bloc-service .head-bloc{
	min-height : 30px;
	background : #ff8e00;
	color : #FFF;
	position : relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contenu-bloc-service .head-bloc div{
	padding-top : 7px;
	font-size : 11px;
}

.contenu-bloc-service .titre-bloc{
	font-weight : bolder;
	font-size : 13px !important;
}

.element-service{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#IconService{
	height : 30px;
	margin-right : 10px;
	margin-bottom : 7px;
}

.contenu-texte-bloc-service{
	color : #000;
	padding : 15px 10px 15px 10px;
	font-size : 12px;
}

.service-hide{
	display : none;
}



.service-ouvert .logo-service-bloc-ferme{
	display : none;
}

.service-ouvert .titre-bloc{
	padding-bottom : 7px;
}

.service-ferme .contenu-texte-bloc-service , .service-ferme .triangle-orange{
	/*display : none;*/
}

.service-ferme .head-bloc{
	height : 200px;
}

.service-ferme .titre-bloc{
	font-size : 16px !important ;
}

.logo-service-bloc-ferme{
	margin : 0 auto !important;
	display : block;
	height : 35px !important;
	margin-top : 60px !important;
}


/*------------------------PAGE TEXTE BASIQUE--------------------------*/  


.content-in-page{
  width : 900px;
  max-width : 100%;
  margin : 0 auto;
  position : relative;
  background: url(../ressources/fond_menu.png) repeat;
  padding-top : 30px;
  padding-bottom : 30px;
}



@media screen and (max-width: 768px) {
	.content-in-page{
		padding : 0px;
		background: none;
	}
}



/*------------------------PAGE CONTACT--------------------------*/  


.div-textarea{
	position : relative ; 
	width: 100%;
	max-width : 100%;
    margin: 12px auto;
    display: block;
    position: relative;
}

.div-textarea textarea{
	resize : none;
	width : 100%;
	height : 100px;
}

.btn-submit{
	background: none;
    border-radius: 4px;
    border: 1px dotted #3dd585;
    color: #3dd585;
    font-size: 18px;
    padding: 5px 25px;
    display: block;
    margin: auto;
}

.FlowupLabels .fl_wrap{
	max-width : 100%;
}

#TexteContact{
	margin-top : 15px;
}

.select-sujet button{
	border : 1px solid #000 !important;
	border-radius : 0px;
	color : #000;
	height : 46px;
}

#Fichier{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

#LabelFichier{
	border : 1px solid #000;
	padding : 10px;
	margin-bottom : 30px;
	cursor : pointer
}

#Fichier:focus + label,
#Fichier + label:hover {
    background-color: #CCC;
    color : #FFF;
}

/*------------------------PAGE FAQ--------------------------*/ 

#ContenuFAQ{
	margin-top : 15px;
	color : #333;
}

#ContenuFAQ .bold{
	font-weight : bolder;
}

#ContenuFAQ a{
	color : #ff8e00;
	text-decoration : underline;
}

/*------------------------PAGE VIE PRIVEE --------------------------*/ 

#ContenuViePrivee{
	margin-top : 15px;
	color : #333;
}

#ContenuViePrivee h3{
	font-size : 17px;
}

#ContenuViePrivee .bold{
	font-weight : bolder;
}

#ContenuViePrivee a{
	color : #ff8e00;
	text-decoration : underline;
}

/*------------------------PAGE PAIEMENT SECURISE --------------------------*/ 

#ContenuPaiementSecurise{
	margin-top : 15px;
	color : #333;
}

#ContenuPaiementSecurise h3{
	font-size : 17px;
}

#ContenuPaiementSecurise .bold{
	font-weight : bolder;
}

#ContenuPaiementSecurise a{
	color : #ff8e00;
	text-decoration : underline;
}

.img-paiement-securise{
	text-align : center;
}

#ContenuPaiementSecurise img{
	max-width : 80%;
}

/*------------------------PAGE MENTIONS--------------------------*/ 

#ContenuMentions{
	margin-top : 30px;
	margin-bottom : 30px;
	color : #333;
}

/*------------------------PAGE RESULTATS --------------------------*/ 

#ContenuResultats{
	margin-top : 30px;
	margin-bottom : 30px;
	color : #000;
}

#IconResultats{
	height : 30px;
	margin-right : 8px;
	margin-top : -2px;
	margin-bottom : 4px;
}

#TableResultats th{
	font-size : 11px;
}

.nom-trail-resultat{
	font-weight : bolder;
}

.lien-resultat{
	color : #000 !important;
}

.lien-resultat:hover{
	color : #ff8e00 !important;
}

table {
	background: #f5f5f5;
	border-collapse: separate;
	box-shadow: inset 0 1px 0 #fff;
	font-size: 12px;
	text-align: left;
	width: 100%;
}	

th {
	background: #000;
	color: #fff;
    font-weight: bold;
	position: relative;
	padding : 2px 0px;
	font-size : 9px;
	cursor : pointer;
}

th{
	border-right : 1px solid #FFF;
}

th:last-child {
	border-right : none
}



td {
	padding: 5px 15px;
	position: relative;
	transition: all 300ms;
}

td:first-child {
	border-right : 1px solid #FFF;
}	


tr:nth-child(odd) td {
	background : #e6e6e6;
}

/*------------------------PAGE RESULTATS EPREUVE --------------------------*/ 

#ConteneurTriResultatsEpreuve input, #ConteneurTriResultatsEpreuve select{
	width : 100%;
	height : 34px;
	width : 100%;
} 

.titre-bloc-resultat-epreuve{
	background: #ff8e00;
}

#SelectParcoursEpreuve .btn{
	background : #000 !important;
	border-radius : 0px;
}

.conteneur-select-tri .btn{
	border : 1px solid #000;
	color : #000;
	border-radius : 0px;
}

.lien-retour-classement{
	color : #000 !important;
	background : #FFF;
	display : inline-block;
	margin-bottom : 10px;
}

.nom-epreuve-resultat-epreuve{
	color : #ff8e00;
	font-weight : bolder
}

#BtnSubmitTriEpreuve{
	border : 1px solid #ff8e00;
	color : #ff8e00;
	background : #FFF;
}

#FormRechercheCourse #SubmitFormRechercheCourse{
	background : none;
	display : none;
}


@media screen and (max-width: 768px) {
	#ConteneurTriResultatsEpreuve{
		display : none
	}
}

/*------------------------PAGE INSCRIPTIONS --------------------------*/ 

#ContenuInscriptions{
	margin-top : 30px;
	margin-bottom : 30px;
	color : #000;
}

#IconInscriptions{
	height : 30px;
	margin-right : 8px;
	margin-top : -3px;
	margin-bottom : 5px;
}

.tr-module-inscription{
	font-size : 11px;
}

.tr-module-inscription td{
	border-right : 1px solid #FFF;
}

.tr-module-inscription td:last-child{
	border-right : none;
}

.liens-module-inscriptions{
	text-align : right;
}

.liens-module-inscriptions .lien-inscrire{
	color : #30c230;
	font-weight : bolder;
}

.liens-module-inscriptions .lien-liste{
	color : #000;
	font-weight : bolder;
}

#TableInscriptions td{
	padding : 5px;
}

/*.tr-module-inscription:hover{
	background : #ff8e00 !important;
}*/


.item-flyer-inscription{
	margin-bottom : 20px;
	position : relative;
}

.btns-flyer{
	position : absolute;
	top : 0px;
	width : 100%;
	height : 100%;
	padding : 5px;
	background : url(../ressources/fond/fond_flyer.png) repeat;
	display : none;
}

.btns-flyer a{
	display : block;
	width : 100%;
	text-align : center;
	background : #ff8e00;
	margin-bottom : 5px;
	padding : 5px 0px;
}

.btns-flyer .titre-module{
	position : absolute;
	top : 0px;
	left : 0px;
	width :100%;
	text-align : center;
	font-weight : bolder ;
	padding : 10px;
}

.btns-flyer .titre-module hr{
	border-color : #777;
	margin : 0px;
}

.btns-flyer .titre-module .date-flyer{
	font-weight : normal;
}

.liens-flyer{
	position : absolute;
	bottom : 0px;
	left : 0px;
	width :100%;
}


@media screen and (min-width: 768px) {
	.item-flyer-inscription:hover .btns-flyer{
		display : block;
	}
}

.lien-icon-inscription{
	width : 27px ;
	height : 26px;
	display : inline-block
}

.lien-icon-inscription-1{
	background: url(../ressources/icon/icon_inscription3.png) 0 0 ;
}

.lien-icon-inscription-2{
	background: url(../ressources/icon/icon_inscription3.png) 27px 0;
}

.lien-icon-inscription-1-selected , .lien-icon-inscription-1:hover{
	background: url(../ressources/icon/icon_inscription2.png) 0 0 ;
}

.lien-icon-inscription-2-selected , .lien-icon-inscription-2:hover{
	background: url(../ressources/icon/icon_inscription2.png) 27px 0;
}