html,body{
	height : 100%;
}

*{
	font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

body{
	background : url('../img/lodyas/footer_lodyas.png') repeat;
}

.clear{
	clear : both;
}

.color-orange{
	color : #f29100
}

.without-padding{
	padding : 0px;
}

.alert{
	margin : 10px 0px;
	border-radius : 0px !important;
}

a , a:link , a:hover , a:visited , a:focus , a:active , .btn , .btn:link , .btn:hover , .btn:focus , .btn:visited , .btn:active{
	outline : none;
}

.lien-noir, .lien-noir:link , .lien-noir:hover , .lien-noir:visited , .lien-noir:focus , .lien-noir:active {
	color : #000;
}

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

.align-center{
	text-align : center !important;
}

/*
@font-face {
    font-family: 'lucida_sans-boldregular';
    src: url('ufonts.com_lucida-sans-bold-webfont.eot');
    src: url('font/ufonts.com_lucida-sans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ufonts.com_lucida-sans-bold-webfont.woff2') format('woff2'),
         url('font/ufonts.com_lucida-sans-bold-webfont.woff') format('woff'),
         url('font/ufonts.com_lucida-sans-bold-webfont.ttf') format('truetype'),
         url('font/ufonts.com_lucida-sans-bold-webfont.svg#lucida_sans-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/


/*
 * 
 * GENERAL
 * 
 */

.container-fluid{
	max-width : 920px;
	margin : 0 auto;
}

.nav-bar , .navbar-default {
	border-bottom : 3px solid #707070;
	background : #ebebeb;
}



.separateur-menu{
	background : url('../img/separateur_menu.jpg') no-repeat;
	width : 1px;
	height : 15px;
	position : absolute;
	top : 16px;
	right : 0px;
}

#SportipsLogoHeader{
	background : url('../img/logo_header2.jpg') no-repeat;
	height : 50px;
	width : 160px;
}

#Content{
	min-height: 100%;
	/*background : url('../img/fond_page.jpg') repeat;*/
	background : #FFF;
	width : 920px;
	max-width : 100%;
	margin : 0 auto;
	border-left : 2px solid #777777;
	border-right : 2px solid #777777;
}

.page{
	overflow:auto;
    padding-bottom: 100px;
    padding-top : 50px;
}


#Footer{
    position: relative;
    clear:both;
    margin-top: -50px;
    height: 50px;
    width : 100%;
	background : #000000;
	padding-top : 6px;
}

#Footer div{
	color : #FFFFFF;
	font-size : 13px;
	width : 920px;
	max-width : 100%;
	margin : 0 auto;
	text-align : center
}

#Footer a , #Footer a:visited{
	color : #ebebeb;
	text-decoration : none;
}

#Footer a:hover{
	text-decoration : underline;
}

@media only screen and (max-width: 770px) {
	
	#Footer div{
		font-size : 10px;
	}
}

.btn-retour{
	position : absolute;
	left : 10px;
	top : 60px;
}



/*
 * 
 * HOME
 * 
 */


#SliderContent{
	border-bottom : 2px solid #20070e;
}

.h1-home{
	text-align : center;
	font-size : 27px;
	color : #707070;
	font-weight : normal;
}

#DirectContent{
	margin-top : 30px
}

.content-part-home{
	padding-left : 0px;
	color : #3b3b3b;
	font-size : 15px;
	margin-top : 30px
}

.content-part-home hr{
	margin : 0px;
	margin-top : 8px;
	border-top : 3px solid #f29100;
}

#DivDirectHome{
	border : 1px solid #7f8080;
	margin-top : 20px;
	min-height : 100px;
	color : #707070;
}

.texte-description{
	min-height : 100px
}

#DivDirectHome div{
	padding : 0px;
}

#DivDirectHome .conteneur-texte .conteneur-texte-padding{
	padding : 10px;
}

#DivDirectHome .conteneur-image{
}

.conteneur-bouton-direct{
	padding-left : 10px !important;
	position : relative;
	font-size : 10px;
	margin-bottom : 0px;
}

.img-button-direct{
	background : url('../img/direct_icon.png') no-repeat;
	width : 8px;
	height : 8px;
	position : absolute;
	left : 0px;
	top : 0px;
	margin-top : 1px
}

.conteneur-texte h2{
	font-size : 30px;
	margin : 10px 0px;
	font-weight : bolder
}

.conteneur-texte a , .conteneur-texte a:visited{
	height : 33px;
	width : 100%;
	display : block;
	background : #7f8080;
	color : #FFF;
	text-align : center;
	font-size : 15px;
	padding-top : 6px;
	text-decoration : none;
}

.conteneur-texte a:hover{
	background : #414141;
}

.conteneur-texte .texte-description{
	font-size : 10px;
}

/*Archives*/

.conteneur-archive{
	min-height : 100px ; 
	margin-top : 20px
}

.content-archive-solo{
	width : 90% ; 
	max-width: 255px; 
	margin : 0 auto ; 
	height : 163px ; 
	background : #000;
}

.titre-archive-solo{
	min-height : 32px ; 
	width : 100% ; 
	color : #FFF ; 
	background : #f29100 ; 
	text-align : center ; 
	font-size : 13px ; 
	padding-top : 6px ; 
	font-weight : normal
}

.image-archive-solo{
	height : 100px ; 
	width : 100%
}

.date-archive-solo{
	height : 31px ; 
	width : 100% ; 
	text-align : center ; 
	font-size : 13px ; 
	background : #7f8080 ; 
	color : #FFF ; 
	padding-top : 6px ; 
	font-weight : normal
}



/*
 * 
 * PAGE CLASSEMENT + LISTE
 * 
 */

#PageClassement , #PageListe{
	text-align : center;
}

#PageClassement #PageLive{
	text-align : left;
	padding-top : 10px
}

#PageClassement h1 , #PageListe h1{
	text-align : center;
	font-size : 33px;
	color : #707070;
	font-weight : lighter;
	margin-top : 40px
}

#PageClassement .sous-menu , #PageListe .sous-menu{
	display : inline-block;
	padding : 5px 5px;
	border : 1px solid #707070;
	color : #707070;
	font-size : 13px;
	margin : 0 auto
}

#PageClassement .lien-sous-menu:hover , #PageListe .lien-sous-menu:hover , .menu-selected{
	background : #707070;
	color : #FFF !important;
}

#PageClassement .content-recherche{
	margin-top : 30px;
}

#PageClassement .content-input , .content-part-live .content-input{
	display : inline-block;
	margin-top : 20px;
	position : relative;
}


#PageClassement .content-input .find-icon , .content-part-live .content-input .find-icon{
	width : 13px;
	height : 13px;
	position : absolute;
	background :  url('../img/find_icon.png') no-repeat;
	top : 6px;
	left : 7px;
}

#PageClassement input[type="text"] , .content-part-live input[type="text"]{
	/*border : none;
	border : 1px solid #707070;
	height : 25px;
	border-radius : 12px;
	padding-left : 30px;*/
	height : 26px;
}

#PageClassement input:focus , .content-part-live input:focus{
	outline : none;
}

#SubmitSuivi{
	border : none;
	border : 1px solid #CCC;
	height : 26px;
	background : #FFFFFF;
	color : #707070;
	font-size : 12px;
	/*border-radius : 12px;*/
}

.content-part-classement{
	padding-left : 0px;
	color : #3b3b3b;
	font-size : 15px;
	text-align : left;
	font-weight : bolder;
	margin-top : 35px;
}

.content-part-classement hr{
	margin : 0px;
	margin-top : 8px;
	border-top : 3px solid #f29100;
}

.conteneur-classement-solo{
	width : 264px ; 
	max-width : 100%; 
	margin : 0 auto ; 
	border : 1px solid #919090 ; 
	margin-top : 12px;
	text-align : left;
	display : table;
	display:block; max-width:100%
}

.carre-gauche-classement{
	width : 30px; 
	height : 100%; 
	min-height : 30px; 
	background : #919090 ; 
	text-align : center ; 
	font-size : 22px; 
	color : #FFF ; 
	padding-top : 3px;
	display : table-cell;
	vertical-align: top;
}

.nom-coureur-classement{
	text-align : left;
	color :  #919090;
	font-size : 18px;
	display : table-cell;
	vertical-align: top;
	padding : 5px 0px 0px 5px;
}

#PageListe .ligne-coureur-liste{
	border-bottom : 1px solid #919090;
	/*margin-top : 10px;*/
	padding : 10px;
	color : #919090;
}

.border-right{
	border-right : 1px solid #919090;
}

#PageListe .ligne-coureur-lien:hover{
	background : #919090;
	color : #FFF;
}

#PageListe .ligne-coureur-liste div{
	text-align : center
}

/*@media only screen and (max-width: 1000px) {
	#PageListe .ligne-coureur-liste div{
		text-align : center
	}
}*/

#PageListe .ligne-coureur-liste-top{
	margin-top : 10px;
}

#DivTriListe{
	margin-top : 20px;
	text-align : left;
	margin-left : 10px;
}

.texte-abandon{
    background: #fb5f5f;
    padding: 5px;
    color: #dedede;
}

.texte-arrive{
    background: #428e02;
    padding: 5px;
    color: #FFF;
}

.lien-coureur-recherche{
	background : #ffff7f6e;
}


#SuiviPassagesLive{
	margin-top : 10px;
}

#SuiviPassagesLive div{
	text-align : left
}



/*
 * 
 * PAGE CLASSEMENT VIDEO
 * 
 */

#ContenuClassementAjax .page{
	padding : 0px;
}

#ContenuClassementAjax .nom-coureur-classement{
	font-size : 13px;
}

#ContenuClassementAjax .carre-gauche-classement{
	font-size : 18px;
	padding-top : 9px;
}

/*
 * 
 * PAGE LIVE
 * 
 */

#PageLive .nom-trail{
	font-size : 20px;
	color : #3b3b3b;
	margin-top : 40px;
	margin-bottom : 10px;
}

.content-part-live{
	padding-left : 0px;
	color : #3b3b3b;
	font-size : 18px;
}

.content-part-live hr{
	margin : 0px;
	margin-top : 10px;
	border-top : 3px solid #3b3b3b;
}

#PageLive #NomCoureur{
	font-size : 19px;
}

#PageLive .donnees-coureur{
	font-size : 12px;
	color : #8b8b8b;
}

#PageLive .donnees-coureur .course-coureur{
	font-size : 16px;
}

#PageLive .conteneur-tableau-live{
	margin-top : 30px;
}

#PageLive .depart-live{
	font-size : 13px;
	font-weight : bolder;
	border: 1px solid #333;
    padding: 5px;
    display : inline-block;
}

.tableau-points-inter{
	font-size : 14px !important;
}

@media only screen and (max-width: 1000px) {
	.tableau-points-inter{
		font-size : 12px !important;
	}
}

@media only screen and (max-width: 600px) {
	.tableau-points-inter{
		font-size : 10px !important;
	}
}

#PageLive table{
	width : 100%;
	font-size : 12px;
}

#PageLive table td{
	padding : 3px;
}

#PageLive .head-table{
	font-weight : bolder;
}

#PageLive .foot-table{
	background : #f29100;
	font-weight : bolder;
}

#PageLive .fond-opaque{
	background : #e1e1e1;
}

.part-page-live{
	margin-bottom : 30px
}

.conteneur-resultat-globaux-live{
	margin-bottom : 30px;
}

.recherche-coureur-live{
	display : inline-block;
}

.recherche-coureur-live .content-input{
	margin : 0px;
}

.content-part-live input[type="text"]{
	width : 150px
}

.content-part-live input[type="text"] , #SubmitSuivi{
	/*font-size : 13px;
	height : 20px*/
}

#SubmitSuivi{
	/*font-size : 10px;*/
}

/* MAP */
.depart_picto{
    position: absolute;
    background: url('../img/map/depart2.png') no-repeat;
   /*background : #000;*/
    left: 0px;
    top: 0px;
    z-index: 1000;
    width: 30px;
    height: 30px;
    /*height : 10px;
    width : 5%;*/
    margin-top: -30px;
    margin-left: -15px;
}

.arrivee_picto{
	position: absolute;
    background: url('../img/map/arrivee2.png') no-repeat;
    left: 0px;
    top: 0px;
    z-index: 1000;
    width: 30px;
    height: 30px;
    margin-top: -30px;
    margin-left: 0px;
}

/*.picto-inter{
    position : absolute;
    background : url('../img/map/inter_no.png') no-repeat;
    left : 0px;
    top : 0px;
    z-index : 1000;
    width : 23px;
    height : 23px;
    margin-top : -11px;
    margin-left : -11px;
}*/

.picto-inter{
    position : absolute;
    background : url('../img/map/inter_no.png') no-repeat;
    left : 0px;
    top : 0px;
    z-index : 1000;
    width : 30px;
    height : 30px;
    margin-top : -30px;
    margin-left : -15px;
}

.inter-ok{
    background : url('../img/map/inter_ok.png') no-repeat;
}

.trace-conteneur{
    position: absolute;
    display : none;
    z-index : 800; 
    width : 100%; 
    height : 100% ; 
    left:0px; 
    top : 0px
}

.trace-conteneur img{
    width : 100%;
}

.trace-ok{
    display : block;
}

/*
 * 
 * PAGE TROP PERSONNES
 * 
 */

#PageLive h3{
	font-size : 14px;
	color : #3b3b3b;
	text-align : center;
}

#PageLive .lien-personne-trop , #PageLive .lien-personne-trop:visited{
	color : #3b3b3b;
	text-decoration : none;
	text-align : center;
	background : #e1e1e1;
	padding : 10px 0px;
	margin-top : 15px;
}

#PageLive .lien-personne-trop:hover{
	color : #e1e1e1;
	background : #3b3b3b;
}


/*
 * 
 * PAGE GROUPE
 * 
 */


#PageGroupe{
	text-align : center;
	position : relative;
}

#PageGroupe h1{
	text-align : center;
	font-size : 20px;
	color : #707070;
	font-weight : lighter;
	margin-top : 70px
}

.lien-trail-groupe button{
	background: #7f8080;
	color : #FFF;
}

.lien-trail-groupe button:hover{
	background: #f29100;
	color : #7f8080;
}



/*
 * 
 * PAGE CONTACT
 * 
 */


.div-textarea{
	position : relative ; 
	width: 500px;
    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%;
}



.drapeau-inscrits {
    width: 23px;
    height: 15px;
    margin-top : -7px;
}