body
{
    background-color:#FFF;
    color: #006773;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
    font-size: 22px;
    line-height:24px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

	form {
		width: 100%;
	}


    .topcarte {
     overflow: hidden;
     background-color: #FFF;
    position: relative
    z-index: 20000;
    width: 850px;
    top: 50px;
    left:100px;
}

.carte{width:100%}

    .topnav {
     overflow: hidden;
     background-color: #FFF;
    position: fixed;
    z-index: 20000;
    width: 250px;
    top: 80px;
    right:10px;
}

.topcarte #macarte1 {
  display: none;
}

.topcarte #macarte2 {
  display: none;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #04AA6D;
  color: white;
}


* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

a.MenuH {color: #006773;text-decoration: none; text-decoration:none; font-size:15px; }
a.MenuH:hover {
    color: #0ad1d4; 
    cursor:pointer;
}

a.MenuB {color: #fff;text-decoration: none}
a.MenuB:hover {
    color: #0ad1d4; 
    cursor:pointer;
}

.MenuMob {
        cursor: pointer;
        font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
        font-size:20px;
        padding-top:5px;
        padding-right:5px;
        height:40px;
        text-align:right;
        font-weight:600;
        vertical-align:middle;
    }


a.MenuM {
        color: #006773 !important;
        text-decoration: none;
    }

a.MenuM:hover {
            color: #d68b74 !important;
        }


div.menusmall {color:#006; font-size:14px;}
div.menusmall span {cursor:pointer}

#bandeautop {
        display: block; width:100%; height:auto;
    }



.droite {
    float: right;
}

.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;
}

.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;

}

.clearer { clear : both; height : 0px; line-height : 0px; overflow : hidden; width : 100%; }
/*bandeau haut*/


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

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


 #fade { 
	display: none;
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .70;
	z-index: 9999;
}

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


.libblanc { 
    font-size: 18px;
    color: #fff;
    padding:10px;
    font-weight: normal;
    line-height: 20px;
     font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
}

.libblancpos {
    float: left;
    margin-top: 25px;
    margin-left: 35px;
    cursor: pointer;
}

.titrecontact {
    font-size: 36px;
    color: #122e53;
    text-align: left;
    text-transform: uppercase;
    width:100%;
    overflow:hidden;
    line-height: 36px;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}

.libcontact {
    font-size:24px;
    color:#00969d;
    text-transform:none; 
    font-weight: normal; 
    text-align:left;
    line-height:28px;
    font-family: "arquitectanormal", "proximaregular", "Open Sans regular" !important;
}

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

input.popcontact {
    font-family: "arquitectanormal", "proximaregular", "Open Sans regular" !important;
    padding: 5px;
    outline: 0;
    font-size: 24px;
    -webkit-appearance: none;
    line-height: 1.15;
    height: 50px;
    vertical-align: middle;
    color: #0d2366;
    border: 1px solid #000;
    background-color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
}

input.popcontact::placeholder {
        color: #0d2366  !important;
        font-size:24px;
        border:0px;
        -webkit-appearance: none; 
        font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
}

.txtaera {
    font-size: 20px;
    -webkit-appearance: none; 
    font-family: "arquitectanormal", "proximaregular", "Open Sans regular" !important; 
}

textarea.txtaera::placeholder {
        color: #0d2366  !important;
        font-size:24px;
        border:0px;
        -webkit-appearance: none; 
        font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
}

.poplight {
    color: #FFF;
    text-decoration: none;
}

.poplight:hover{
        cursor:pointer;
        color:#0ad1d4;
}

.popquest {
    color: #FFF;
    text-decoration: none;
}

.popquest:hover{
        cursor:pointer;
        color:#0ad1d4;
}

.sizefiltre, .sizefiltre1, .sizefiltre2 {margin-top:-15px;cursor:pointer}

.libinfo {
    vertical-align:middle;
    font-size:21px;
    color:#00969d;
    text-align:center;
    line-height: 22px;
    width:100%;
    text-transform:none; 
    font-weight: normal; 
    padding:1% ;
    font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular";
}


table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
}

th, td {
    text-align: left;
    padding: 8px;
    font-size: 18px;
    overflow: hidden;
}
th.normal, td.normal {
    white-space: normal;
}

th.wrap, td.wrap {
    white-space: nowrap;
}

.titrereshome {
    text-transform: uppercase;
    height: 20px;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}




#superTop {
    top: 0px;
    width: 100%;
    padding: 5px;
    color: #FFF;
    font-size: 14px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 200;
}

#mantra {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
}

.bandeautop {
    width: 100%;
}

.bandeaumantra {
    width: 100%;
    height:auto;
}

#mantramob{display:none}
#bandeautopmob{display:none;}

.connect {
    text-align: center;
    padding: 2px;
    font-weight: bold;
    width: 120px;
    color: #0ad1d4;
    margin-right: 10px;
    border: solid 1px #0ad1d4;
    border-radius: 10px;
    font-size: 13px;
    margin-bottom: 5px;
    background-color:#fff;
    cursor:pointer;
    position:absolute;
    top:10px;
    right:1%;
    z-index:5000;
}

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

.fermer {width: 25px; margin: -30px -30px 0 0; float: right
}


.separator {
    border-top: solid 1px #d8d8d8;
    clear: both;
    width: 100%;
    margin: 5px;
}
    
     
#BtnMc {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    float: left;
}

    #BtnMc .BtnMc {
         border: solid 1px #0ad1d4;
        cursor: pointer;
        background: #375090;
        color: #FFF;
        text-align: center;
        margin: 25px 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;
}

    #BtnMc .BtnMc:hover { border: solid 1px #00969d;
        background-color: #fff;
        color:#375090;
    }

.btnvma {width:90% !important; margin: auto auto 0 20px;
}
.BtnValid { font-family: ProximaRegular; cursor:pointer; font-size:16px !important; width:260px; height:40px; background:#000;color:#FFF;font-weight:bold;text-align:center;margin:auto 0;line-height:32px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; text-transform:uppercase}


#BtnMa {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    float: left;
}

    #BtnMa .BtnMa {
        border: solid 1px #d6d6d6;
        background: #d6d6d6;
        color: #fff;
        text-align: center;
        margin: 25px 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;
}


input[type=submit] { 
        -webkit-appearance: none;
        border-radius: 0;
        font-size:24px;
    }

input[type=button] { 
        -webkit-appearance: none;
        border-radius: 0;
        font-size:24px;
    }

#ctnMenu {
    width: 100%;
    vertical-align: middle;
    height: 80px;
    color: #006773;
    font-size: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 2000;
    margin-left: 50px;
    margin-right: 45px;
    font-family: "arquitectabold", "Proximabold", "Open Sans regular";
}

#more {width:50%; display:flex;flex-direction: row; align-items: center}
#more .more {background:#343434; cursor:pointer; color:#FFF;font-weight:bold;text-align:center;margin:20px auto 0;padding:0 30px;line-height:32px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-transform:uppercase}
#more .more:active {opacity:0.7}

#return {width:40%; display:flex;flex-direction: row; align-items: center}
#return .return { background: url('/images/flechegauche.png') no-repeat;font-size:15px;color:#6a6868;font-weight:bold;text-align:left;margin:15px;margin-left:55px;padding:0 30px;line-height:22px;text-transform:uppercase; margin-top: 30px;}
#return .return:hover {text-decoration: underline;color:#000}

#loadwait {position:absolute; background-color :#f7f7f7;top :270px; right:30%; width: 500px; height:50px; z-index:100000;}

#ctnMenu .menupicto {display: none;}
#ctnMenu .menuhaut {display: block;width: 100%;}
#ctnMenu .connect {display: block;}


.espacemenu {display: block;}
.pictoespacemenu {display: none;}
.pictoconnect {display: none;}

#flechebleu {display: none;}
#flecherouge {display: none;}
#flecheblanc {display: none;}

#slidertop {display: block;}
#slidertopmob {display: none;}


.menu {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        padding-top:5px;
    }

        .menu > * {
            flex: initial;
            min-width: 120px;
            text-align: center;
        }

.logohome {float:left; width:100%
}


a.formule {
        color: #fff !important;
        text-decoration: none;
       
    }

a.formule:hover {
            color: #0ad1d4 !important;
       
        }

.menupicto {
    width:100%;
}

#ctnTop
{
    width:100%; 
    height:0px;
}

#ctnContent {width:100%; z-index:2; }

#ctnCenter {
     width:100%; 
     position:relative;
     top:500px;
      background: url('images/fondtrail.jpg') no-repeat;
}

.cadre {display: flex; flex-wrap: wrap; flex-direction: row;  vertical-align:top; width:100%;  z-index:10; text-align:center;align-items: center;justify-content: space-between;}
.cadre > * {flex: initial;float:left;flex-direction: row;color:#000;text-align:center; height:400px; line-height:26px;vertical-align:top; z-index:10;}

.titrel1 {
    font-size:22px;
    color:#00969d;
    text-align:center;
    text-transform:uppercase;
     font-weight: bold;
     text-align:center;
     background-color:#ffffff;
     width:33%; 
     /*padding-top:15px;*/
     padding-bottom:12px;
     z-index:100;

}

.titre2l1 {
    font-size:20px;
    color:#00969d;
    text-align:center;
    text-transform:uppercase;
     font-weight: bold;
     text-align:center;
     background-color:#ffffff;
     width:25%; 
     /*padding-top:15px;*/
     padding-bottom:12px;
     z-index:100;

}


.Accfiltre1 {
    float: left;
    vertical-align: middle;
    width: 25%;
    margin-left: 19%;
    margin-top: 30px;
}

.cadfiltre {
        width: 30%;
        margin-bottom:5px;
    }

.resfiltre {
        width: 25%;
        margin-bottom:5px;
    }

select {
        color: #375090 !important;
        font-size:20px;
        border:0px;
        font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular" !important;
        -webkit-appearance: none
}

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

    .oModal:target {
        opacity: 1;
    }

        .oModal: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;
        }

    .oModal > div {
        /*width: 98.5%;*/
        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;
    }

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

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

    .oModal > div h2 {
        margin: 0;
    }

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

    .oModal-close {
    color: #aaa;
    line-height: 50px;
    font-size: 80%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 70px;
    text-decoration: none;
    cursor:pointer;
    }


/* ligne créer compte*/

.creercompte {display: flex; flex-wrap: wrap; flex-direction: row;  vertical-align:top; width:100%; z-index:10; text-align:center;}

.titrec1 {
    font-size:56px;
    color:#0ad1d4;
    text-align:left;
    text-transform:uppercase;
     text-align:left;
     background-color:#ffffff;
     width:64%;
     height:100%;
     padding:50px;
     line-height:50px;
     margin-top: 5%;
     font-weight:bolder;
     font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}

.titrec2 {
     width:36%; 
     height:100%;
}

.libc1 {
    font-size:28px;
    color:#006773;
    text-align:left;
     line-height:34px;
     text-transform:none;
     margin-bottom:40px;
     width:60%;
     font-weight:normal;
     font-family: "arquitectanormal", "ProximaRegular", "Open Sans regular" !important;
 }   

 .tabc1 {
    font-size:16px;
    color:#006773;
    text-align:center;
     line-height:20px;
     height:70px;
     width:20%;
     border-left:solid 2px #006773;
     text-transform:none;
     line-height:18px;
     vertical-align: middle;
     float:left;
     text-transform:uppercase;
     font-family: "arquitectabold", "Proximabold", "Open Sans regular";
}  

 .BtnRecherche {
        text-align: center;
        padding: 2px;
        width: 330px;
        padding:10px;
        cursor: pointer;
        color: #6a6868;
        border: solid 1px #e1e1e1;
        border-radius: 20px;
        font-size:24px;
        background-color: #e1e1e1;
        line-height: 24px;
        margin:auto;        
    }

    .BtnRecherche:hover {
        background-color: #6a6868;
        color: #fff;
    }

    a.Btn4 {
        color: #6a6868;
        text-decoration:none;
    }

    a.Btn4:hover {
        color: #fff;
    }

.BtnOk {
        text-align: center;
        padding: 2px;
        font-weight: bold;
        width: 30px;
        cursor: pointer;
        color: #fff;
        border: solid 1px #00969d;
        border-radius: 20px;
        font-size:12px;
        background-color: #0ad1d4;
        line-height: 20px;
        text-transform:uppercase;
    }

    .BtnOk:hover {
        background-color: #fff;
    }

.boxDisplay
{
    display : block;
    padding : 5px 5px 5px 5px;
    margin: 15px;
}


.barreH {
    margin-left: 60px;
    margin-top: 20px;
    margin-bottom: 30px;
    width: 100px;
    height: 8px;
    background-color: #193354;
}

a.Btn1 {
        color: #fff;
    }
a.Btn1:hover {
        color: #0ad1d4;
    }

a.Btn2:hover {
        color: #00969d;
    }
a.Btn2 {
        color: #0ad1d4;
    }

a.Btn3 {
        color: #fff;
        text-decoration: none;
    }

a.Btn3:hover {
        color: #f60e56;
        background-color: #fff;
        text-decoration: none;
    }

a.Btn3:out-of-range {
        color: #fff;
    }

.hometitreresult
 {
    font-size: 35px;
    font-weight: bold;
    text-align: left;
    margin: 10px;
    text-transform: uppercase;
    padding:5px;
    line-height:35px;
    font-family: "arquitectabold", "proximaBold", "Open Sans regular" !important;
}


.homeresult {
    text-align: left;
    padding:5px;
    padding-left:20px;
    color:#00969d;
    float:left;
    overflow:hidden;
    max-height:35px;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}

.majusc {
    text-transform:uppercase;
    font-size:14px;
    font-weight:bolder;
}

.normal {
    text-transform:none;
    font-size:16px;
    font-weight:normal;
}

.cadrerunning {display: flex; flex-wrap: wrap; flex-direction: row;  vertical-align:top; width:100%;  z-index:10; text-align:center}


.conseildeco {display: flex; flex-wrap: wrap; flex-direction: row;  vertical-align:top; width:100%;  z-index:10;}
.conseildeco > * {flex: initial;float:left;flex-direction: row;color:#000;vertical-align:top; z-index:10}

.titreconseil1 {
    font-size:56px;
    color:#0ad1d4;
    text-align:left;
    text-transform:uppercase;
     font-weight: bold;
     text-align:left;
     background-color:#ffffff;
     width:66%;
     height:100%;
     padding:5.5%;
     line-height:50px;
     font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}

.titreconseil2 {
    font-size:28px;
    color:#0ad1d4;
    text-align:left;
    text-transform:uppercase;
     text-align:left;
     background-color:#ffffff;
     line-height:29px;
     height:55px;
     overflow:hidden;
     font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}


.titreconseil3 {
     width:34%; 
     padding-left:50px;
     padding-bottom:80px;
}

.titreconseil4 {
     width:34%; 
}

.libconseil1 {
    font-size:28px;
    color:#006773;
    text-align:left;
     line-height:28px;
     text-transform:none;
     margin-bottom:40px;
     text-transform:none;
     width:70%;
     font-weight:normal;
     font-family: "arquitectanormal", "proximaregular", "Open Sans regular" !important;
      }  

.lienconseil1 {
    font-size:21px;
    color:#0ad1d4;
     font-weight: normal;
     line-height:30px;
     text-transform:none;
     margin-top:20px;
     text-transform:none;
     font-style:italic;
     font-family: "arquitectanormal", "proximaregular", "Open Sans regular" !important;
      }

.lienconseil1C { text-align:left;
}

a.lienconseil1 {
        color: #0ad1d4;
    }
a.lienconseil1:hover {
        color: #006773;
    }



/*ligne footer*/

#bottombandeau {
    width: 100%;
    padding: 5px 0;
    color: #FFF;
    vertical-align: top;
    background-color : #193354;
    background-size: 100% 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 2;
}

#bottomsocial {width:100%; padding:15px;}

.footertitre {
    font-size: 21px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    overflow:hidden;
    line-height: 30px;
    padding-top:30px;
     padding-left:60px;
    font-family: "arquitectanormal", "proximaregular", "Open Sans regular" !important;
}

.footertitre2 {
    font-size: 21px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    overflow:hidden;
    line-height: 30px;
    padding-top:15px;
    padding-left:60px;
    padding-bottom:30px;
    font-family: "arquitectanormal", "proximaregular", "Open Sans regular" !important;
}

.footertitre3 {
    font-size: 21px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    overflow:hidden;
    line-height: 30px;
    padding-top:30px;
    padding-left:30px;
    font-family: "arquitectanormal", "proximaregular", "Open Sans regular" !important;
}

.footerlib {
    font-size: 18px;
    color: #fff;
    text-align: left;
    text-transform: none;
    overflow:hidden;
    line-height: 20px;
    padding-left:30px;
    margin-top:10px;
    font-family: "arquitectanormal", "proximaregular", "Open Sans regular" !important;
}

.footersocial  {
    font-size: 21px;
    color: #0ad1d4;
    text-align: left;
    text-transform: uppercase;
    overflow:hidden;
    line-height: 24px;
    padding:15px;
    padding-left:45px;
    margin-top:10px;
    font-family: "arquitectanormal", "proximaregular", "Open Sans regular" !important;
    width:100%;
}

.libsocial {float:left; width:40%; padding-top:20px}
.pictsocial {float:left; width:60%}


.footercadre1 {
    width:60%;
}
.footercadre2 {
    width:40%;
}

.footerbas {display: flex; flex-wrap: wrap; flex-direction: row;  vertical-align:top; width:100%;  z-index:10; text-align:center}

.grosplans {display: flex; flex-wrap: wrap; flex-direction: row;  align-items: center;justify-content: space-around; vertical-align:top; width:100%; height:100%; z-index:10; text-align:center; padding:50px; margin-bottom:50px}

.imgp {
    font-size: 22px;
    color: #00969d;
    text-align: center;
    padding:5px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #ffffff;
    float:left;
    margin:20px;
    cursor:pointer;
}

.imgw {
    width:280px
}

.gptitre {
    font-size: 18px;
    color: #0ad1d4;
    text-align: center;
    text-transform: uppercase;
    overflow:hidden;
    line-height: 24px;
    padding:10px;
}

.partenaires {display: flex; flex-wrap: wrap; flex-direction: row;  align-items: center;justify-content: space-between; vertical-align:middle; width:70%;z-index:10; float:left; height:150px; text-align:center; background-color:#0e2f50}

.imgpartenaires {
    text-align: center;
    padding:22px;
    background-color: #0e2f50;
    vertical-align:middle;
    width:100%;
    height:150px; 
}


.imgpart {
    float:left;
    margin-left:20px;
    margin-right:20px;
    width:20%;
}

.titrepartenaires {
    font-size: 28px;
    color: #fff;
    text-align: left;
    padding:60px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #0e2f50;
    float:left;
    width:30%;
    vertical-align:middle;
    padding-top:63px;
    height:150px; 
}

.idpartenaires {
        background-color: #0e2f50;
        width:100%;
        /*height:150px;*/ 
}

/* ligne actualites*/


.cadreactu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    vertical-align: top;
    width: 100%;
    z-index: 1000;
    text-align: center;
    justify-content: space-around;
}


    #cadreactu1 {
        display: block;
    }

    #cadreactu2 {
        display: none;
    }


.titrea1 {
   font-size:56px;
   color: #fff;
    text-align: left;
    text-transform: uppercase;
    width: 74%;
    padding-top: 100px;
    padding-left: 50px;
    font-weight:bolder;
    background: url('/images/fondactu2.png') no-repeat;
    background-size:100% 30%;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
    height:100%;
}

.titrea2 {
     width:26%; 
     height:100%;
}


.blockactu {
    width:43%;
    background-color:#fff;
    float:left;
    margin-right:7%; 
    margin-top:4%; 
}

.blockcourse1 {
    width:34%;
    background-color:#fff;
    float:left;
}

.blockcourse2 {
    width:33%;
    background-color:#fff;
    float:left;
}

.blockimg {
       overflow:hidden;
}

.photmob {
    position: absolute;
    right: 10px;
}

.blocktitre {
    font-size: 30px;
    color: #0ad1d4;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    width:100%;
    height:60px;
    overflow:hidden;
    line-height: 30px;
    margin-bottom:15px;
    margin-top:15px;
    padding-left:10px;
    padding-right:10px;
    font-family: "arquitectablack", "proximaBold", "Open Sans regular" !important;
}

.blocklib {
    font-size: 24px;
    text-align: left;
    text-transform: none;
    font-weight: normal;
    text-align: justify;
    width:100%;
    height:170px;
    overflow:hidden;
    color: #00969d;
    line-height: 26px;
    padding-left:10px;
    padding-right:10px;
    font-family: "arquitectanormal", "proximaregular", "Open Sans regular" !important;
    display: table-cell;
    vertical-align: middle;
    }

    #slideractu ul, #slideractu li{
		margin:0;
		padding:0;
        margin-left:0px;
		list-style:none;
        background-color:#fff;
		}
	#slideractu, #slideractu li{ 
        width:320px;
		height:340px;
		overflow:hidden; 
		}

    #slideractu2 ul, #slideractu2 li{
		margin:0;
		padding:0;
        margin-left:0px;
		list-style:none;
        background-color:#fff;
		}
	#slideractu2, #slideractu2 li{ 
        width:320px;
		height:340px;
		overflow:hidden; 
		}


	#slideroutils ul, #slideroutils li{
		margin:0;
		padding:0;
        margin-left:0px;
		list-style:none;
		}
	#slideroutils, #slideroutils li{ 
        width:320px;
		height:241px;
		overflow:hidden; 
        margin-bottom: 10px;
		}

	span#b1{margin-left:140px}
	span#b2 {margin:auto;}

    span#c1{margin-left:140px}
	span#c2 {margin:auto;}


.cadreprofil {display: block;}
.cadreprofil2 {display: none;}


	[type="checkbox"]:not(:checked),
	[type="checkbox"]:checked {
		position: absolute;
		left: -9999px;
	}
	[type="checkbox"]:not(:checked) + label,
	[type="checkbox"]:checked + label {
		position: relative;
		padding-left: 75px;
		cursor: pointer;
        line-height: 28px;
        color:#ccc;
}	
	[type="checkbox"]:not(:checked) + label:before,
	[type="checkbox"]:checked + label:before,
	[type="checkbox"]:not(:checked) + label:after,
	[type="checkbox"]:checked + label:after {
		content: '';
		position: absolute;
	}
	[type="checkbox"]:not(:checked) + label:before,
	[type="checkbox"]:checked + label:before {
		left:0; top: -3px;
		width: 65px; height: 30px;
		background: #DDDDDD;
		border-radius: 15px;
		-webkit-transition: background-color .2s;
		-moz-transition: background-color .2s;
		-ms-transition: background-color .2s;
		transition: background-color .2s;
	}
	[type="checkbox"]:not(:checked) + label:after,
	[type="checkbox"]:checked + label:after {
		width: 20px; 
        height: 20px;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		transition: all .2s;
		border-radius: 50%;
		background: #7F8C9A;
		top: 2px; 
        left: 5px;
	}

	
	[type="checkbox"]:checked + label:before {
		background:#34495E; 
	}
	[type="checkbox"]:checked + label:after {
		background: #39D2B4;
		top: 2px; left: 40px;
	}

	[type="checkbox"]:checked + label .ui,
	[type="checkbox"]:not(:checked) + label .ui:before,
	[type="checkbox"]:checked + label .ui:after {
		position: absolute;
		left: 6px;
		width: 65px;
		border-radius: 15px;
		font-size: 17px !important;
		font-weight: bold;
		line-height: 28px;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		transition: all .2s;
	}
	[type="checkbox"]:not(:checked) + label .ui:before {
		content: "Non";
        left: 32px
	}
	[type="checkbox"]:checked + label .ui:after {
		content: "Oui";
		color: #39D2B4;
        	}
	[type="checkbox"]:focus + label:before {
		border: 1px dashed #777;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: -1px;
	}


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

    .Accfiltre1 {
        margin-left: 12%;
    }

    .cadre > * {height:370px;}

    .filtrCourse {
        margin-left: 15%;
    }

    #BtnMc .BtnMc {
        margin: 25px auto 0 35px;
    }

    #BtnProPlan .BtnProPlan {
        font-size: 17px;
    }

    .oModal {
        height: 340px;
    }

    .footersocial {
        font-size: 19px;
    }

    #flecheconn {
        display: none;
    }


    a.MenuH {
        font-size: 13px;
    }


    .formules {
        font-size: 14px;
        width: 215px;
    }

    .connexion {
        font-size: 13px;
        width: 110px;
    }

    .tabc1 {
        width: 25%;
    }


    .menu > * {
        min-width: 80px !important;
    }

    .entoutil {
        width: 22%;
    }

    .footercadre1 {
        width: 60%;
    }

    .footercadre2 {
        width: 40%;
    }

    .titrepartenaires {
        width: 40%;
    }

    .partenaires {
        width: 60%;
    }

    .imgw {
        width: 210px;
    }

    .sizeMc35 {
        width: 45%;
    }

    .sizeMc100 {
        width: 90% !important;
    }

    .titrec1 {
        width: 65%;
        margin-top: 1%;
        font-size: 42px;
        line-height: 44px;
        padding: 40px;
    }

    .titrec2 {
        width: 35%;
    }


    .titreconseil1 {
        font-size: 42px;
        line-height: 44px;
        margin-top: 30px;
        padding-left: 40px;
        padding-top: 30px;
        padding-bottom: 25px;
    }


    .libconseil1 {
        width: 98%;
        font-size: 25px;
    }


    .titreconseil3 {
        width: 31%;
    }

    .libl3 {
        padding-left: 40px;
        padding-right: 40px;
        margin-left: 20px;
        margin-right: 20px;
        width: 90%;
    }

    .TitreChercCourse {
        font-size: 28px;
    }

    .Titredemandeplan {
        font-size: 28px;
    }
   .Titre2demandeplan {
        font-size: 25px;
    }


    .TitreChercformules {
        font-size: 28px;
    }

    .libl2 {
        padding-left: 40px;
        padding-right: 40px;
        margin-left: 20px;
        margin-right: 20px;
        width: 90%;
        font-size: 24px;
    }

    .outillib {
        font-size: 20px;
        line-height: 22px;
        padding: 20px;
        height: 220px;
    }

    .libc1 {
        width: 75%;
        font-size: 24px;
    }

    .blocktitre {
        font-size: 26px;
        line-height: 26px;
        height: 52px;
    }

    .blocklib {
        font-size: 20px;
        height: 150px;
        line-height: 22px;
    }

    .cadreIr {
        font-size: 26px;
        line-height: 28px;
    }

    .cadreVk {
        font-size: 28px;
        line-height: 28px;
    }

    .postitreclub {
        margin-top: 0px;
    }

    .titrea1 {
        width: 72%;
    }

    .titrea2 {
        width: 28%;
    }

       .btnvma {margin: auto auto 0 0px;
}     


}

    @media only screen and (min-width: 990px) and (max-width: 1199px) {

        .Accfiltre1 {
            margin-left: 10%;
        }

        .filtrCourse {
            margin-left: 10%;
        }

        #BtnMc .BtnMc {
            margin: 25px auto 0 45px;
            font-size: 18px;
        }

        .postitreclub {
            margin-top: 0px;
        }

        .footersocial {
            font-size: 17px;
        }

        .posRech {
            margin-top: 18px;
        }


        #flecheconn {
            display: none;
        }

        #BtnProPlan .BtnProPlan {
            font-size: 16px;
        }

        .connect {
            font-size: 14px;
        }

        .oModal {
            height: 340px;
        }

        .entoutil {
            width: 22%;
        }


        .cadreIr {
            font-size: 26px;
            line-height: 28px;
            width: 35%;
        }

        .cadreVk {
            font-size: 28px;
            line-height: 28px;
            width: 32%;
        }


        #ctnMenu {
            width: 100%;
            padding: 5px;
            font-size: 14px;
        }


        .titrea1 {
            width: 70%;
            font-size: 40px;
        }

        .titrea2 {
            width: 30%;
        }

        .formules {
            font-size: 13px;
            width: 195px;
        }

        .connexion {
            font-size: 13px;
            width: 100px;
        }

        .menu > * {
            min-width: 75px !important;
        }


        a.MenuH {
            font-size: 13px;
        }

        .CourseRech3 {
            margin-top: 5px;
        }


        .titrec1 {
            font-size: 40px;
            line-height: 40px;
            margin-top: 0px;
        }

        .tabc1 {
            width: 25%;
        }


        .libc1 {
            font-size: 19px;
            line-height: 21px;
            width: 100%;
        }

        .titreconseil1 {
            font-size: 36px;
            line-height: 36px;
            margin-top: 0px;
            padding-left: 40px;
            padding:30px;
        }

        .blockactu {
            width: 43%;
        }

        .imgw {
            width: 190px;
        }

        .libconseil1 {
            font-size: 20px;
            line-height: 22px;
            width: 98%;
        }

        .grosplans {
            margin-bottom: 5px;
        }

        .titrepartenaires {
            width: 40%;
        }

        .partenaires {
            width: 60%;
        }

        .BtnMoncompte {
            width: 65%;
            font-size: 18px;
            margin: 0px;
        }


        .libl2 {
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 10px;
            width: 85%;
            font-size: 21px;
            height: 130px;
        }


        .libl3 {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 10px;
            width: 85%;
            font-size: 21px;
            height: 130px;
        }


        .chercCo {
            width: 50%;
            margin-top: 20px;
        }

        .TitreChercCourse {
            font-size: 26px;
            padding-bottom: 10px;
            padding-top: 8px;
            line-height: 32px;
        }

        .Titredemandeplan {
            font-size: 26px;
            padding-bottom: 10px;
            padding-top: 8px;
            line-height: 32px;
        }
        .Titre2demandeplan {
            font-size: 23px;
            padding-bottom: 10px;
            padding-top: 8px;
            line-height: 26px;
        }

        .TitreChercformules {
            font-size: 24px;
            padding-bottom: 0px;
            padding-top: 8px;
            line-height: 26px;
            height: 82px;
        }

        .cadre > * {
            height: 340px;
        }

        .outillib {
            font-size: 19px;
            line-height: 17px;
            padding: 20px;
            height: 220px;
        }

        .outilfleche {
            padding-top: 0px;
        }

        .outilsleft {
            font-size: 30px;
        }

        .blocktitre {
            font-size: 22px;
            line-height: 23px;
            height: 46px;
        }

        .blocklib {
            font-size: 19px;
            line-height: 20px;
            height: 140px;
        }

           .btnvma {margin: auto auto 0 0px;
}     


    }

    @media only screen and (min-width: 900px) and (max-width: 1100px) {

        .formules {
            font-size: 12px;
            width: 170px;
        }

        .connexion {
            font-size: 12px;
            width: 80px;
        }


        .menu > * {
            min-width: 75px !important;
        }


        a.MenuH {
            font-size: 12px;
        }

        .logohome {
            width: 200px;
            padding-top: 3px;
        }

        .sizeMc100 {
            width: 100% !important;
        }

        .filtrCourse {
            margin-left: 10%;
        }

        #BtnMc .BtnMc {
            margin: 25px auto 0 45px;
            font-size: 18px;
        }

           .btnvma {margin: auto auto 0 0px;
}     


    }

    /*758 à 960px*/

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

.carte{width:42%}

   .btnvma {margin: 20px auto 0 0px;
}    
   
 .fermer {margin: -25px 0px 0 0;
}

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

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

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

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

        #BtnMa .BtnMa {
            padding: 0px 15px 30px 15px;
            margin: 0px auto 0 10px;
        }

        .btnCarteaff {
            width: 200px !important;
        }

       .footertitre {
            text-align: center;
            padding-left: 0px;
        }

        .footertitre2 {
            text-align: center;
            padding-left: 0px;
        }

        .footertitre3 {
            text-align: center;
            padding-left: 0px;
        }

        .footersocial {
            padding-left: 0;
            width: 100%;
        }

        .footerlib {
            text-align: center;
            padding-left: 0px;
        }

        #return .return {
            margin-left: 20px !important;
        }

        .barreH {
            margin-left: 20px;
        }

        #ctnMenu {
            margin-left: 0;
            margin-right: 0;
        }

        .libsocial {
            float: none;
            width: 100%;
            text-align: center;
        }

        .pictsocial {
            width: 100%;
            margin-left: 70px;
        }


        #flecheconn {
            display: block;
        }

        #mantramob {
            width: 100%;
             display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            z-index: 2000;
        }

        #mantra {
            display: none;
        }

        #bandeautopmob {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            z-index: 2;
        }

        #bandeautop {
            display: none;
            width: 100%;
            height: auto;
        }

        .oModal {
            position: absolute;
            height: 550px;
            top: 90px;
        }

        .blockcourse1 {
            width: 100%;
            margin-top: 20px;
        }

        #BtnMc {
            width: 100%;
            margin: auto;
        }

            #BtnMc .BtnMc {
                margin: auto;
                font-size: 18px;
                padding: 0px 15px 30px 15px;
            }


        .CourseRech2 {
            width: 90%;
        }

        .CourseRech4 {
            width: 90%;
        }


        .blockcourse2 {
            width: 100%;
        }


        .connect {
            font-size: 12px;
        }

        .popup_connect {
            left: 5%;
            top: 80px;
            width: 340px;
        }


        #dist1 {
            display: none;
        }

        #dist2 {
            display: none;
        }

        #result1 {
            width: 30%;
        }

        #result2 {
            width: 30%;
        }

        #ville1 {
            width: 30%;
        }

        #ville2 {
            width: 30%;
        }

        .cadreresult {
            width: 100%;
            padding: 0px;
        }

        .ClassVk {
            font-size: 60px;
            margin-top: 10px;
        }

        .homeresult {
            height: 25px;
        }

        .outilsleft {
            display: none;
        }

        .moboutilsleft {
            display: block;
        }

        .outilsright {
            width: 100%;
            font-size: 22px;
           height: 581px;
        }

        .cadreVk {
            font-size: 21px;
            width: 50%;
            padding: 10px;
        }

        .cadreIr {
            font-size: 21px;
            width: 100%;
            padding: 10px;
        }

        .titreVk {
            height: 30px;
        }

        .CourseRech3 {
            margin-top: 5px;
        }

        .blockoutil {
            margin-right: 20px;
            width: 90%;
            margin: 10px;
        }


        .outilfleche {
            padding-top: 5px;
        }

        .outillib {
            font-size: 18px;
            line-height: 20px;
            padding: 10px;
            margin-bottom: 10px;
        }

        .CompteProfil {
            width: 100px;
            height: 100px;
            text-align: right;
            margin-right:10px;
           
        }

     .CompteProfiltop {
            width: 40px;
            height: 40px;
            text-align: right;
            margin:5px;
            margin-right:10px;
           
        }


        #ctnMenu .menupicto {
            display: block;
        }

        #ctnMenu .menuhaut {
            display: none;
        }

        #ctnMenu .connect {
            display: none;
        }

        .pictoconnect {
            display: block;
        }

        .espacemenu {
            display: none;
        }

        .pictoespacemenu {
            display: block;
        }

        #flechebleu {
            display: block;
        }

        #flecherouge {
            display: block;
        }

        #flecheblanc {
            display: block;
        }

        #slidertop {
            display: none;
        }

        #slidertopmob {
            display: block;
        }

        .cadreprofil {
            display: none;
        }

        .cadreprofil2 {
            display: block;
            height:500px;
        }


        #ctnMenu {
            margin-top: 5px;
            height: 50px;
        }


        .titrec2 {
            width: 100%;
            margin-top: 15px;
        }

        .titreconseil4 {
            width: 100%;
        }

        .libc1 {
            font-size: 20px;
            line-height: 20px;
            text-transform: none;
            margin-bottom: 20px;
            width: 100%;
        }

        .tabc1 {
            width: 40%;
            margin-left: 30%;
            border-left: 0px;
            border-bottom: solid 1px #000;
            height: 60px;
        }

        .blockactu {
            width: 100%;
        }

        .titrea1 {
            font-size: 36px;
            width: 100%;
            padding-left: 20px;
            padding-top: 40px;
            background-size: 100% 25%;
            height: auto;
        }

        .titrea2 {
            font-size: 30px;
            width: 80%;
            margin: auto;
        }

        .imgp {
            margin: auto;
        }

        .titreconseil1 {
            width: 100%;
            font-size: 34px;
            line-height: 36px;
            margin-top: 15px;
            margin-left: 15px;
            padding: 5px;
        }


        .titreconseil2 {
            width: 100%;
            font-size: 26px;
            line-height: 26px;
        }

        .titreconseil3 {
            width: 100%;
            padding-left: 0px;
        }

        .libconseil1 {
            font-size: 20px;
            line-height: 20px;
            width: 100%;
            margin-top: 15px;
        }

        .titrel1 {
            width: 100%;
            height: 320px;
            padding-top: 15px;
        }

        
        .titre2l1 {
            width: 100%;
            height: 320px;
            padding-top: 15px;
        }

        .titrel2 {
            width: 100%;
            padding-top: 15px;
            height: 320px;
        }

        .titre2l2 {
            width: 100%;
            padding-top: 15px;
            height: 320px;
        }


        .titrepartenaires {
            width: 100%;
            text-align: center;
            height: 100px;
            font-size: 24px;
            line-height: 28px;
        }

        .partenaires {
            width: 100%;
        }

        .idpartenaires {
            height: 500px;
            background-color: #0e2f50;
        }

        .footercadre1 {
            width: 100%;
        }

        .footercadre2 {
            width: 100%;
        }

 
        #cadreactu1 {
            display: none;
        }

        #cadreactu2 {
            display: block;
            margin-top: 30px;
            width: 100%;
        }

        .lienconseil1 {
            margin: auto;
            margin-top: 15px;
            margin-bottom: 25px;
            margin-left: 5px;
        }


        .lienconseil1C {
            text-align: center;
        }


        .blocklib {
            padding: 12px;
            height: 180px;
            width: 100%;
            font-size: 19px;
        }


        .slidertop {
            width: 100%;
        }

        .bandeautop {
            width: 100%;
        }



        .imgpartenaires {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .imgpart {
            width: 100%;
            margin: 0px;
        }

        .hometitreresult {
            font-size: 26px;
            line-height: 28px;
        }


        .tit {
            font-size: 22px;
            color: #0ad1d4;
            text-align: left;
            text-transform: uppercase;
            font-weight: bold;
            height: 45px;
            overflow: hidden;
            line-height: 22px;
            padding: 12px;
        }

    }

    A.lien {
        text-decoration: none;
        font-weight: bolder;
        color: blue;
    }

        A.lien:Visited {
            text-decoration: none;
            font-weight: bolder;
            color: blue;
        }

        A.lien:Hover {
            text-decoration: none;
            font-weight: bolder;
            color: #f8a700;
            background-color: inherit;
        }

    A.lienblanc {
        text-decoration: none;
        font-weight: bolder;
        color: #FFF;
    }

        A.lienblanc:Visited {
            text-decoration: none;
            font-weight: bolder;
            color: #FFF;
        }

        A.lienblanc:Hover {
            text-decoration: none;
            font-weight: bolder;
            color: #f8a700;
            background-color: inherit;
        }