div.title {font-weight: normal;
    font-size: 19px;
    text-transform: none;
    color: #0ad1d4;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
}

div.title span {cursor:pointer}

.subtitle {font-size:14px;cursor:pointer}

.dtlmodal {display:none;
    position:relative;
    top:10px;
    width:100%;
    z-index:300;
}



.dtlmodal > * {z-index:100}

.dtlsubmodal {display:none}

.popup_filtre {
    display: none; /*--masqué par défaut--*/
    background: #fff;
    width: 95%;
    padding: 20px;
    border: 1px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 20%;
    z-index: 99999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


img.btn_close {
	float: right;
	margin: -20px -20px 0 0;
}

/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}

*html .popup_block {
position: absolute;
}
.popup_result{
	display: none; /*--masqué par défaut--*/
	background: #FFF;
	padding: 20px;
	border: 1px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 35%; 
    left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
    min-height:220px;
}

.insc { width: 100%; border:solid 1px #000; color: #000; margin-top: 4px; padding: 3px;}
select.insc {background: url(/images/flechebasblanche.png) no-repeat;background-position:right; font-family: "arquitectanormal", "proximaregular", "Open Sans regular" !important; padding:5px; outline: 0;  font-size:22px; -webkit-appearance: none; line-height: 1.15; height: 50px; vertical-align: middle; color: #fff !important; border: 1px solid #0ad1d4; background-color: #0ad1d4; margin-top:10px; margin-bottom:10px}



.presentationresult {
    font-size: 17px;
    color: #505050;
    text-align: left;
    vertical-align: top;
    line-height:18px;
    float:left; 
    overflow:hidden;
    height:20px;
}



.annulcal {position:absolute; top:300px; left:55%
}

[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
    background: #008b93;
}


 .LabelRech {
    color: #006773 !important;
    width: 65%;
    font-size: 19px;
    margin-top: 15px;
    padding-top:15px;
    vertical-align: middle;
    float: left;
    margin-bottom: 20px;
    margin-left:55px;
    height: 50px;
}


div.intertitre {
    width: 100%;
    font-size: 30px;
    background: #193354;
    color: #FFF;
    text-align: left;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding:10px;
    height:70px;
    margin-top:20px;
    padding:20px;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}

.titreinscription {
    font-size: 50px;
    color: #0ad1d4;
    text-align: left;
    text-transform: uppercase;
    height: 55px;
    overflow: hidden;
    line-height: 52px;
    margin-top: 15px;
    margin-left: 20px;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}


.nomCourse {
    width: 100%;
    font-size: 40px;
    background: #fff;
    color: #0ad1d4;
    text-align: left;
    text-transform: uppercase;
    border-radius: 5px;
    padding:10px;
    padding:20px;
    line-height:40px;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
    overflow:hidden;
}

.titreCompet {
    font-size: 38px;
    color: #0ad1d4;
    text-align: left;
    text-transform: uppercase;
    width: 98%;
    overflow: hidden;
    line-height: 40px;
    margin-top: 15px;
    margin-left: 20px;
    margin-bottom: 20px;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}

.titreEpreuve {
    font-size: 24px;
    color: #ffffff;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    height: 24px;
    overflow: hidden;
    line-height: 28px;
    margin-top: 15px;
    margin-left: 10px;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}

.AideCal {
    font-size: 24px;
    color: #ffffff;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
    margin-left:7px;
    text-decoration:none;
}


.RechercheCourses {
    width: 100%;
    height: 90px;
    background: url('/images/fondactu2.png') no-repeat;
    background-size: 100% 100%;
}

#BtnCo {width:10%; display:flex;flex-direction: row; align-items: center;  float:left;}
    #BtnCo .BtnCo {
        border: solid 1px #0ad1d4;
        cursor: pointer;
        background: #0ad1d4;
        color: #FFF;
        text-align: center;
        margin: 27px auto 0 20px;
        padding: 0px 30px 30px 30px;
        height: 30px !important;
        line-height: 30px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        text-transform: uppercase;
        font-weight: normal;
        font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
        font-size:19px;
        outline:0;
}

    #BtnCo .BtnCo:hover {background:#fff;color:#0ad1d4;
    }

    #BtnEpr {width:50px;  float:left;}
    #BtnEpr .BtnEpr {
        border: solid 1px #0ad1d4;
        cursor: pointer;
        background: #0ad1d4;
        color: #FFF;
        text-align: center;
        margin: 15px auto 0 0px;
        height: 40px !important;
        line-height: 30px;
        text-transform: uppercase;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        font-weight: normal;
        font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
        font-size:19px;
        outline:0;
}

    #BtnEpr .BtnEpr:hover {background:#fff;color:#0ad1d4;
    }


  .LabelPicto {
        width: 90%;
        height: 0px;
        font-size: 16px;
        margin-top: 20px;
    }

.Nbresult{
    margin: 10px;
    line-height: 30px;
    font-size: 20px;
    text-transform: uppercase;
    text-align:left;
    width:95%;
}

.DivCompet {
    background-color:#fff ;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 10px 0px #9b9b9b;
    -webkit-box-shadow: 3px 3px 10px 0px #9b9b9b;
    -o-box-shadow: 3px 3px 10px 0px #9b9b9b;
    box-shadow: 3px 3px 10px 0px #9b9b9b;
    padding: 30px 5px 30px 5px;
}


.Limitresult{
    margin-left: 20px;
    line-height: 18px;
    margin-bottom: 5px;
    font-size: 18px;
    text-transform: none;
    color:red;
}

.CalRech {
    background-color: #fff;
    color: #0ad1d4 !important;
    border: solid 1px #0ad1d4;
    width: 65%;
    height: 45px;
    margin-left: 55px;
    font-size: 19px;
    margin-top: 20px;
    padding: 5px;
    vertical-align: middle;
    float: left;
}

.ClubRech {
        width: 100%;
        font-size: 16px;
        margin-top: 0px;
        margin-left: 2px;
        padding: 3px;
        margin-bottom: 20px;
    }

.CarteRech {
    color: #0ad1d4 !important;
    height: 45px;
    font-size: 18px;
    /*margin-left: 30px;*/
    vertical-align: middle;
    float: left;
    margin-bottom: 20px;
    margin-top: 18px;
    margin-left: 20px;

}

.btnCarteaff {
    width: 210px !important;
}

.btncarteclub {
    width: 18% !important;
}


.btnclubaff {
    float:left; 
    width:40%; 
    margin-left:20%;
    margin-top:35px
}

.posbtnclub {
    margin-top: 0px; 
    width: auto !important;
}

.btnCartewith {
    width: 33% !important;
}

.labelRechunit {
    float: left;
   padding-left:10px;
    height: 40px;
    width:150px
}

.labelRechLab {
    float: left;
   padding-left:10px;
    height: 40px;
    width:80px;
}

.labelClub {
    float: left;
    height: 60px;
}


.labelimg {
    float: left;
    margin-top: -15px;
    margin-right: 5px;
   }

input.filt1::placeholder {
        color: #fff !important;
        font-size:20px;
        border:0px;
}

input.filt2::placeholder {
        color: #000 !important;
        font-size:20px;
        border:0px;
}

.div-recherche {
    width: 400px;
    float: left;
    padding-left:55px;
    padding-right:2%;
}

.div-avantages {
    width: 24%;
    float: left;
}

.avantages {width:98%;
   margin:auto;
}

.div-formules {
    width: 100%;
    border: solid 1px #e5e4e4;
    font-size: 19px;
    font-weight: bolder;
    background: url(/images/fondactu2.png) no-repeat;   
    background-size: 100% 100%;
    height: 320px;
}

.div-calendrier {
    width: 66%;
    float: left;
    height: 100%;
    font-size: 19px;
   margin-right:20px;
}

.div-run2k {
    width: 80%;
    margin-left:10%;
    height: 100%;
    font-size: 19px;
    margin-right:10%;
}

.div-result{
    width: 95%;
    float: left;
    height: 100%;
    font-size: 19px;
   float: left;
   margin-left:55px;
}


.listcal {
    float: left;
    border: 0;
    outline: 0;
    margin-left: 6px;
    text-align: left;
    color: #006773;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight:normal;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
}

.affich {
    float: left;
    border: 0;
    outline: 0;
    margin: 15px;
    padding-top:15px;
    text-align: left;
    color: #006773;
    font-weight:normal;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
    font-size:22px;

}

.listcmp {
    float: left;
    border: 0;
    outline: 0;
    font-size: 17px;
    margin: 2px;
    text-align: left;
    color: #505050;
    vertical-align: middle;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    font-weight:normal;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
}

.lcaltitre {
    width: 82%;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
    font-size: 30px;
    line-height: 32px;
    padding-top: 10px;
    padding-bottom: 6px;
    color:#006773;
    font-weight:normal;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
}

.Resulttitre {
    width: 82%;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
    font-size: 34px;
    line-height: 38px;
    padding-top: 6px;
    height: 60px;
}

.lrestitre {
    width: 82%;
}

.lcalpicto {
    width: 7%;
    height: 24px;
    margin: 2px;
}

.lcalfleche {
    width: 50px;
    margin: 4px;
}

.lcalflecheC {
    margin: 4px;
    position:relative;
    top:30px;
}

.lcalChoix{
    width: 100px;
    margin: 4px;
    height:30px;
    text-transform:none;
    }

.lcallib {
    font-size: 18px;
    text-transform: none;
    font-weight:normal;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
    line-height:22px;
}

.lcallibdat {
    width: 35%;
    margin-left: 67px;div.intertitre
}

.lcmplibdat {
    width: 35%;
    margin-left: 67px;
}

.lcmplibepr {
    width: 40%;
    margin-left: 67px;
    margin-right: 10px;
}


.lcmpbtnepr {
    margin-left:0px;
}


.lcallibnumclub {
    width: 20%;
    margin: 20px;
}

.lcallibvilleclub {
    width: 50%;
    margin: 20px;
}

.lcallibville {
    width: 70%;
    margin-left: 67px;
}

.lcallibvillePE {
    width: 60%;
    margin-left: 67px;
}


.lcallibfam {
    width: 19%;
}

.libRech {
    font-size: 24px;
    margin: 6px;
    text-align: left;
    color: #505050;
    vertical-align: middle;
    height: 25px;
    overflow: hidden;
    float: left;
}

.libcal {
    float: left;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-size: 18px;
    margin: 6px;
    text-align: left;
    color: #505050;
    vertical-align: middle;
    height: 16px;
    overflow: hidden;
    line-height: 22px;
    font-weight:normal;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
}


.titreformules {
    font-size: 26px;
    color: #fff;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 28px;
}

.libformules { 
    font-size: 24px;
    color: #fff;
    text-align: center;
    width: 100%;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:35px;
    padding-right:35px;
    height:130px;
    line-height:28px;
    font-weight: normal;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
}


.librun2k { 
    font-size: 24px;
    color: #0ad1d4;
    text-align: center;
    width: 75%;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:30%;
    padding-right:35px;
    height:80px;
    line-height:28px;
    font-weight: normal;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
}


.titrefilt {
    font-size: 20px;
    color: #00969d;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #ffffff;
    padding-bottom: 12px;
    z-index: 100;
    margin: auto;
    margin-bottom: 10px;
}


.div-profildetail {
    width: 70%;
    float: left;
    min-height: 640px;
     margin-bottom: 20px;
    font-size: 19px;
    font-weight: bolder;
}

.div-clubdetail {
    width: 70%;
    float: left;
    min-height: 640px;
    height: 100%;
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: bolder;
    margin-left:50px;
}



.div-compdetail {
    width: 70%;
    float: left;
    min-height: 640px;
    height: 100%;
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: bolder;
}

.eprvL {min-height:100px; 
        margin-left:0px !important;
        width:100% !important;
        margin-bottom:80px;
}

#ctnCenter .div-infodetail {
    padding: 0px;
    background-color:#f6f6f6;
}

#ctnCenter .div-infodetailCmp {
    padding: 0px;
    min-height:640px; 
    padding:20px; 
    background-color:#fff;
}


.div-infodetailClub {
      -moz-box-shadow: 3px 3px 10px 0px #9b9b9b;
    -webkit-box-shadow: 3px 3px 10px 0px #9b9b9b;
    -o-box-shadow: 3px 3px 10px 0px #9b9b9b;
    box-shadow: 3px 3px 10px 0px #9b9b9b;
    padding:40px; 
    background-color:#fff;
}

.titreeprv {
    color: #60303e;
    text-align: left;
    vertical-align: top;
    line-height: 26px;
    font-size: 24px;
    width: 100%;
    text-transform:uppercase;
    font-family: "arquitectablack", "proximarbols", "Open Sans regular" !important;
}


.TitrePopupR {
    color: #0ad1d4;
    text-align: center;
    vertical-align: top;
    line-height: 22px;
    font-size: 22px;
    width: 100%;
    font-family: "arquitectablack", "proximarbols", "Open Sans regular" !important;
    float:left;
}

.LibPopupR {
    color: #126f7a !important;
    text-align: left;
    vertical-align: top;
    line-height: 20px;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
     float:left;
     height:25px;
     overflow:hidden
}

.LibPopupDetR {
    color: #126f7a !important;
    text-align: left;
    vertical-align: top;
    line-height: 20px;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
     height:25px;
     overflow:hidden
}

.widthdate {width:10% !important; font-size:17px !important;
}
.widthtype {width:7% !important; font-size:17px !important;
}
.widtheprv {width:22% !important; font-size:18px !important;
}
.widthplace {width:19% !important; font-size:17px !important;
}
.widthperf {width:19% !important; font-size:17px !important;
}
.widthville {width:22% !important; font-size:18px !important;
}

.widthdateVk {width:11% !important; font-size:17px !important;
}
.widthtypeVk {width:9% !important; font-size:17px !important;
}
.widthclassVk {width:15% !important; font-size:17px !important;
}
.widtheprvVk {width:12% !important; font-size:18px !important;
}
.widthplaceVk {width:10% !important; font-size:17px !important;
}
.widthperfVk {width:16% !important; font-size:17px !important;
}
.widthvilleVk {width:25% !important; font-size:18px !important;
}


.presentationcalend {
    color: #006773;
    text-align: left;
    vertical-align: top;
    line-height: 22px;
    font-weight: normal;
    font-size: 19px;
    /*width:100%;*/
}

.libcalend {
    font-size: 15px;
    color: #006773;
    text-align: left;
    vertical-align: top;
    line-height: 22px;
    /*width:20%;*/
    float: left;
    font-weight: bolder;
    text-transform:uppercase;

}

.libcalendouvert {
    font-size: 18px;
    color: #006773;
    text-align: left;
    vertical-align: top;
    line-height: 22px;
    /*width:20%;*/
    float: left;
    font-weight: bolder;
    text-transform:uppercase;
    font-family: "arquitectablack", "proximarbols", "Open Sans regular" !important;
    margin-bottom:8px
}

.libclub {
    font-size: 18px;
    color: #006773;
    text-align: left;
    vertical-align: top;
    line-height: 28px;
    float: left;
    text-transform:uppercase;
    font-family: "arquitectablack", "proximarbols", "Open Sans regular" !important;
}

.presentationclub {
    color: #006773;
    text-align: left;
    vertical-align: top;
    line-height: 28px;
    font-size: 18px;
    font-weight: normal;
    margin-left:8px; 
   font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
   float: left;
}

div.sepclub {
    width: 100%;
    font-size: 26px;
    background: #0ad1d4;
    color: #FFF;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 40px;
    text-transform: uppercase;
    height:60px;
    padding:20px;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}

.detailcalend {
    color: #505050;
    text-align: left;
    vertical-align: top;
    line-height: 20px;
    font-weight: normal;
    font-size: 19px;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
}

.titrerequete {
    font-size: 16px;
    color: #505050;
    text-align: justify;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 20px;
    width: 100%;
}

.boxresult {
    min-height: 150px;
    padding: 10px;
}

.clubsbleu {
            color:#0aacea; 
            font-size:21px; 
            text-align:center; 
           margin:auto;
           margin-top:20px;
            margin-bottom:20px;
}

.titre2 {
    font-size: 46px;
    color: #0ad1d4;
    line-height: 46px;
    padding: 10px;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}

.titreClub {
    font-size: 40px;
    color: #0ad1d4;
    line-height: 46px;
    padding: 10px;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}

.titreCourses {
    font-size: 48px;
    color: #0ad1d4;
    line-height: 46px;
    padding-top: 10px;
    margin-left:55px;
    margin-top:25px;
    text-transform:uppercase;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
    width:500px;
    float:left;
}

.titreVk {
    font-size: 48px;
    color: #0ad1d4;
    line-height: 46px;
    margin:0; 
    padding:0;  
    padding-top:20px;
    text-transform: uppercase;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;/
}

.titrecadre {
    background: #eeedef;
    color: #000;
    font-weight: bold;
    border: solid 1px #000000;
    text-align: left;
    margin: 20px auto 0;
    padding: 0 20px;
    line-height: 32px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}

#cadreprv {
    width: 100%;
    margin-top: 15px;
    padding: 5px;
    vertical-align: middle;
    font-weight: bold;
    color: #006773;
    font-size: 14px;
    z-index: 2000;
    background-color:#f6f6f6;
}

#cadrecontact {
    width: 100%;
    margin-top: 15px;
    padding: 5px;
    vertical-align: middle;
    font-weight: bold;
    color: #006773;
    font-size: 14px;
    z-index: 2000;
    display: flex;
    flex-wrap: wrap;
    background-color:#f6f6f6;
}


.div-infoeprv {
    margin: 10px;
    padding:15px;
    background-color:#fff;
}


.div-infocontact {
    margin: 10px;
    padding:15px;
    width:30%;
   background-color:#fff;
}


.div-calRech {
    float: left;
    margin: auto;
    margin-top: 25px;
    width: 15%;
}

.calfiltre1 {
    width: 200px;
    float: right;
    margin-top: 32px;
    margin-left:15px;
}

.selectfiltre {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.chargerplus {
margin:auto; margin-top:5px; padding-left:40%; width:100% !important;margin-bottom:25px;
}


.droitec {
    float: right;
}


.oAide {
    position: fixed;
    z-index: 10000;
    width: 50%;
    top: 153px;
    right: 0;
    bottom: 0;
    left: 22%;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    height: 200px;
    background: url('/images/fondactu2.png') no-repeat;
    background-size: 100% 100%;
}

    .oAide:target {
        opacity: 1;
        pointer-events: auto;
        font-size: 21px;
        color: #ffffff;
        font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
        padding:20px;
        line-height:24px
    }

        .oAide:target > div {
            transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
        }

    .oAide > div {
        width: 100%;
        position: relative;
        padding: 8px 8px 8px 8px;
        border-radius: 5px;
        transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
    }

        .oAide > div header, .oAide > div footer {
            border-bottom: 1px solid #e7e7e7;
            border-radius: 5px 5px 0 0;
        }


   .oAide-close {
    float:right;
    text-align: center;
    top: 0;
    text-decoration: none;
    cursor:pointer;
    }

.oModalc {
    position: absolute;
    z-index: 10000;
    width: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    display:none;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    height: 450px;
    background: url('https://www.jaimecourir.fr/images/fondactu2.png') no-repeat;
    background-size: 100% 100%;
}

    .oModalc:target {
        opacity: 1;
    }

        .oModalc:target > div {
            transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
        }

    .oModalc > div {
        width: 100%;
        position: relative;
        padding: 8px 8px 8px 8px;
        border-radius: 5px;
        transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
    }

        .oModalc > div header, .oModalc > div footer {
            border-bottom: 1px solid #e7e7e7;
            border-radius: 5px 5px 0 0;
        }

    .oModalc .footer {
        border: none;
        border-top: 1px solid #e7e7e7;
        border-radius: 0 0 5px 5px;
    }

    .oModalc > div h2 {
        margin: 0;
    }

    .oModalc > div .btn {
        float: right;
    }

   .oModalc-close {
    float:right;
    text-align: center;
    top: 0;
    text-decoration: none;
    cursor:pointer;
    }

    a.url {
        color: #006773;
        line-height: 28px;
    line-height: 20px;
    font-weight: normal;
    font-size: 18px;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
    text-decoration:none;
    }

 a.url:hover {
            color: #0ad1d4;
        }


@media only screen and (min-width: 1501px) and (max-width: 1700px) {

    .avantages {
        width: 98%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1500px) {

    .titreinscription {
        font-size: 42px;
    }

    .avantages {width:98%;
   }

   .div-run2k {
    width: 90%;
    margin-left:5%;
    margin-right:5%;
}

    .div-result {
        width: 92%;
    }


    .CalRech {
        width: 55%;
    }


    .Nbresult {
        font-size: 19px;
    }


    .div-profildetail {
        width: 65%;
    }

    .div-clubdetail {
        width: 65%;
    }


    .div-compdetail {
        width: 65%;
    }

    .div-calendrier {
        width: 60%;
    }

}

@media only screen and (min-width: 890px) and (max-width: 1200px) {

    .titreCourses {
        font-size: 40px;
        width: 400px;
    }

        .avantages {width:98%;
   }


.div-run2k {
    width: 94%;
    margin-left:3%;
    margin-right:3%;
}

    .affich {
        margin: 5px;
        padding-top: 25px;
        font-size: 20px;
    }

    .btnCarteaff {
        width: 170px !important;
    }

    #BtnMa .BtnMa {
        padding: 0px 20px 0px 20px;
        font-size: 18px;
        margin: 25px 0 0 20px;
    }

    #BtnMc .BtnMc {
        padding: 0px 20px 0px 20px;
        font-size: 18px;
        margin: 25px 0 0 20px;
    }

    .div-result {
        width: 92%;
    }

    .div-profildetail {
        width: 60%;
    }

    .div-clubdetail {
        width: 60%;
    }

        .div-compdetail {
        width: 60%;
    }

 .div-calendrier {
        width: 56%;
    }

     .CalRech {
        width: 50%;
    }


}


@media only screen and (min-width: 200px) and (max-width: 889px) {

    .CalRech {
        margin-left: 10px;
        width: 92%;
    }

    .div-avantages {
    width: 85%;
    margin-left:20px;
}

    .avantages {width:98%;
    padding-left: 5px;
}


    
.librun2k { 
    padding-left:20px;
    width:100%;
}



    .div-run2k {
    width: 100%;
    margin-left:0%;
    margin-right:0%;
}

    .lcallibvillePE {
        margin-left: 52px;
    }

    .nomCourse {
        padding: 20px;
    }

    .btnCarteaff {
        width: 170px !important;
    }

    .CarteRech {
        height: 120px;
        margin-bottom: 0px;
    }

    .affich {
        margin: 15px;
        padding-top: 0px;
        width: 90%;
    }

    .labelRechLab {
        width: 90%;
    }


    .popup_result {
        top: 20%;
        left: 53%;
    }

    .widthdate {
        width: 12% !important;
    }

    .widthville {
        width: 20% !important;
    }

    .widtheprv {
        width: 20% !important;
    }

    .TitrePopupR {
        text-align: left;
    }

    .lcalChoix {
        margin-left: 65px;
    }

    .div-infodetailClub {
        padding: 10px;
    }

    .lcmplibepr {
        width: 100%;
        margin-left: 0px;
    }


    .lcmpbtnepr {
        margin-left: 240px;
    }

    .lcmplibdat {
        width: 50%;
        margin-left: 52px;
    }

    #BtnEpr .BtnEpr {
        margin: 0px;
    }

    .div-infocontact {
        width: 100%;
    }

    .div-result {
        margin-top: 20px;
        width: 98%;
        margin-bottom: 30px;
        margin-left: 5px;
    }

    .DivCompet {
        background-color: #fff;
        margin: 0px;
        padding: 20px 3px 20px 3px;
    }


    #BtnCo {
        float: right;
        margin-right: 15px;
        width:50%;
    }

    #BtnCo .BtnCo {
        margin-top: 20px;
        padding: 0px 20px 30px 20px;
    }

    .titreCompet {
        font-size: 28px;
        line-height: 28px;
        margin-left: 20px;
    }

    #BtnMc {
        float: none;
        margin-top: -15px;
    }

    .posleft {
        margin-left: 0% !important;
    }

    .oModalc {
        height: 950px;
    }

    .CourseRech {
        width: 75%;
        margin-left: 10px;
        margin-top: 15px;
    }

    .RechercheCourses {
        height: 150px;
    }



    .listcmp {
        font-size: 15px;
    }

    .titreinscription {
        font-size: 32px;
        overflow: hidden;
        line-height: 32px;
    }

    .titreCourses {
        font-size: 30px;
        overflow: hidden;
        line-height: 32px;
        margin-left: 10px;
    }

    a.url {
        color: #505050;
        line-height: 20px;
        font-weight: normal;
        font-size: 17px;
    }

    .div-profildetail {
        width: 98%;
        margin-left: 0px;
        min-height: 400px;
    }

   .div-clubdetail {
        width: 98%;
        margin-left: 0px;
        min-height: 400px;
    }


    .div-compdetail {
        width: 98%;
        margin-left: 0px;
        min-height: 400px;
    }


    .eprvL {
        margin-left: 0.1% !important;
        width: 100% !important;
        min-height: 0;
    }

    .div-recherche {
        display: none;
    }

    .LabelRech {
        width: 90%;
        height: 90px;
        margin-top: 10px;
        margin-left: 4px;
        padding: 8px;
        padding-top: 15px;
        margin-bottom: 30px;
    }


    .CarteRech {
        width: 100%;
        height: 70px;
        font-size: 16px;
        margin-top: 0px;
        margin-left: 2px;
        padding: 3px;
        float: left;
        margin-bottom: 20px;
    }

    .clubhaut {
        height: 0px !important;
    }

    .clubsbleu {
        text-align: left;
        width: 100%;
        margin: 0;
        margin-left: 10px;
        margin-top: 10px;
    }


    .labelRechunit {
        width: 150px;
        height: 40px;
    }

    .div-calRech {
        width: 45%;
    }

    .calfiltre1 {
        width: 32%;
        margin-top: 25px;
    }

    .div-calendrier {
        width: 96%;
        margin: 5px;
    }

    .chargerplus {
        margin-left: 0;
        padding-left: 0;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .chargerplusleft {
        margin: 15px !important;
    }

    .lcaltitre {
        width: 75%;
    }

    .lcalpicto {
        height: 24px;
    }

    .lcalfleche {
        /*height: 40px;*/
        margin-right: 0;
        width: 11%;
    }

    .listcal {
        font-size: 21px;
        line-height: 24px;
        overflow: hidden;
    }

    .lcallib {
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
    }

    .lcallibdat {
        width: 45%;
        margin-left: 52px;
    }

    .lcallibville {
        width: 70%;
        margin-left: 52px;
        overflow: hidden;
    }


    #calendrier1 {
        display: none;
    }

    #calendrier2 {
        display: block;
    }

    .libcalend {
        font-size: 17px;
        line-height: 20px;
    }

    .presentationcalend {
        line-height: 20px;
        font-weight: normal;
        font-size: 17px;
        margin-left: 5px;
        /*width: 73%;*/
    }

    .detailcalend {
        font-size: 17px;
    }

    .titrecadre {
        font-size: 17px;
    }

    .titre2 {
        font-size: 30px;
        line-height: 30px;
    }

    .titreeprv {
        font-size: 22px;
        font-family: "arquitectablack", "proximarbols", "Open Sans regular" !important;
    }

    .titrefilt {
        font-size: 18px;
        line-height: 18px;
    }

    .annulcal {
        top: 400px;
    }

    .btnclubaff {
        width: 50%;
        margin-left: 15px;
        margin-top: 0;
    }


    .posbtnclub {
        margin-top: -34px !important;
    }

    .lcallibnumclub {
        width: 15%;
        margin: 15px;
        margin-left: 6px;
    }

    .lcalflecheC {
        top: 15px;
    }

    .lcallibvilleclub {
        width: 70%;
        margin: 15px;
        margin-left: 15px;
    }

    .oAide {
        width: 100%;
        left: 0;
        top: 140px;
        height: 230px;
    }


    #ctnCenter .div-infodetailCmp {
        padding: 10px;
        min-height: 400px;
    }

    .libcalendouvert {
        margin-bottom: 5px;
    }
}