@charset "UTF-8";
@font-face {
    font-family: 'Zapfino';
    font-style: normal;
    font-weight: normal;
    src: local('Zapfino Linotype One'), url(zapfino.woff) format('woff');
}
html,input,textarea,button,select{font-family: 'Open Sans', sans-serif;font-size: 14px;color: #00477a;}
body {margin: 0;padding: 0;width: 100%;overflow-x: hidden;}
iframe,img{border: 0;}
a{cursor: pointer;text-decoration: none;color: #ad3600;}
.clear{clear: both;}
.gauche{float:left;margin-right: 65px;margin-bottom: 16px;line-height: 0;}
.droite{float:right;margin-left: 65px;margin-bottom: 16px;line-height: 0;}
.petit{width: 200px;}
.moyen{width: 479px;}
.grand{width: 100%;margin: 44px 0 62px;}
#old-browser-dialog p{text-align:center;font-size:18px;background-color:#FAF1AA;padding:5px;position:relative;top:100px;}
#old-browser-dialog a{cursor:pointer;color:#0000ff;text-decoration:underline;}
.admin-preview{border: 2px dashed rgba(0, 0, 0, 0.2);}
/*** General ***/
.wrap{width: 1090px;margin: auto;position: relative;z-index: 1;}
section{position: relative;}
p{line-height: 30px;margin: 10px 0;}
p+p{margin-top: 30px;}
h1,h2,h3,h4,h5,h6{margin: 0;font-family: 'Rubik', sans-serif;font-weight: 300;text-transform: uppercase;}
h1{font-size: 40px;}
h2{font-size: 39px;}
h3{font-size: 36px;}
h4{font-size: 28px;}
h5{font-size: 22px;}
h6{font-size: 18px;}
ul{margin: 23px 0;padding: 0;list-style: none;}
li{padding: 0 26px;background: url(../images/bullet.png) no-repeat left top 5px;margin: 10px 0;}
/*#form-evenements-1 li{padding: inherit;background: inherit;margin: inherit;}*/
button:not([class^="picker__button"]),
.bouton{font-family: 'Rubik', sans-serif;font-size: 22px;font-weight: 300;display: inline-block;text-transform: uppercase;padding: 16px 17px 12px;background: #00477A;text-decoration: none;color: #fff;border: 0;outline: 0;cursor: pointer;border-radius: 0;-webkit-appearance: none;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
button:not([class^="picker__button"]):hover,
.bouton:hover{background-color: #f28705 !important;color: #fff !important;}
::-webkit-input-placeholder {color:#00477A;}
:-ms-input-placeholder{color:#00477A;}
:-moz-placeholder,
::-moz-placeholder{color:#00477A;opacity:1;}
select,
input[type=url],
input[type=email],
input[type=number],
input[type=text],
input[type=password]{width: 446px;background: #fff;padding: 8px 0 8px 13px;border: 1px solid #00477a;font-size: 19px;margin-right: 37px;margin-top: 24px;outline: 0;border-radius: 0;}
textarea{background: #fff;padding: 8px 0 8px 13px;border: 1px solid #00477a;font-size: 19px;margin-top: 26px;height: 179px;width: 947px;outline: 0;border-radius: 0;}
select{background: url(../images/select.svg) center right no-repeat;appearance: none;-moz-appearance: none;-webkit-appearance: none;background-size: 13px 11px;width: 130px;padding: 12px 0;}
.safari textarea,
.safari input[type=url],
.safari input[type=email],
.safari input[type=number],
.safari input[type=text]{-webkit-appearance: none;}
/*** Entete ***/
footer .colones,
header .wrap{display: flex;}
header{position: fixed;left: 0;right: 0;background: #fff;padding: 32px 0 24px;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;z-index: 400;}
header .logo{padding-left: 2px;}
header #btnCourriel, header #btnTelephone, #btnMenu{display:none;}
#menu{font-family: 'Cabin', sans-serif;font-size: 16px;text-transform: uppercase;text-align: right;flex: 1;padding-top: 30px;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
#menu a{color: #0b4f80;margin-left: 15px;text-decoration: none;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;border-bottom: solid 2px transparent;padding-bottom: 2px;}
#menu a:hover {border-bottom: solid 2px #ad3600;color: #ad3600;}
#header-offset{height: 111px;}
header.scroll{padding: 16px 0 8px;box-shadow: 0 1px 4px rgba(0,0,0,0.6);}
header.scroll .logo img{height: 36px;}
header.scroll #menu{padding-top: 8px;}
header .logo img{height: 50px;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
header .reseau-sociaux {display:none;}
/*** Pied de page ***/
footer{padding: 144px 0 126px;background: #AD3600;}
footer .col-gauche{width: 500px;color: #fff;}
footer .col-droite{flex: 1;text-align: right;padding-right: 18px;padding-top: 16px;}
footer .resume-titre{font-weight: bold;font-size: 18px;}
.reseau-sociaux a{display: inline-block;margin-left: 18px;width: 41px;height: 41px;opacity: 1;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.reseau-sociaux a:hover{opacity: 0.65;}
.reseau-sociaux a.linkedin{background: url(../images/linkedin.svg) center no-repeat;}
.reseau-sociaux a.facebook{background: url(../images/facebook.svg) center no-repeat;}
.reseau-sociaux a.twitter{background: url(../images/twitter.svg) center no-repeat;}
footer .jeune-chambre{margin-top: 133px;}
footer p{line-height: 30px;margin: 4px 0;}
footer .logo{margin-top: 50px;}
#copyright{margin-top: 30px;color: #fff;}
.mobile{display: none;}

/*** Site ***/
.oups{background-color:#a7bdcc; color:#00477A; padding:10px; border:1px solid #00477A;}
.arriere-droite-orange{right: 0;left: 50%;top: 0;bottom: 0;background: #F28705;position: absolute;z-index: -1;}
.arriere-gauche-bleu{left: 0;right: 50%;top: 0;bottom: 0;background: #00477A;position: absolute;z-index: -1;}
.arriere-droite-bleu{left: 50%;right: 0;top: 0;bottom: 0;background: #00477A;position: absolute;z-index: -1;}
.ligne-gauche-haut-h{position: absolute;z-index: 11;right: calc(50% + 314px);top: calc(48% - 1px);height: 2px;background: #fff;left: 0;}
.box-droite-haut{position: absolute;z-index: 0;left: 50%;top: 0;bottom: calc(50% - 1px);width: 763px;border-right: 2px solid #00477A;border-bottom: 2px solid #00477A;}
.box-gauche-haut{position: absolute;z-index: 0;right: 50%;top: 0;bottom: calc(50% - 1px);width: 751px;border-left: 2px solid #00477A;border-bottom: 2px solid #00477A;}
.box-droite-bas{position: absolute;z-index: 0;left: 50%;top: calc(50% - 1px);bottom: 0;width: 763px;border-right: 2px solid #00477A;border-top: 2px solid #00477A;}
.box-gauche-bas{position: absolute;z-index: 0;right: 50%;bottom: 0;top: calc(50% - 1px);width: 751px;border-left: 2px solid #00477A;border-top: 2px solid #00477A;}
#accueil-slider .box-droite-bas{border-right: 2px solid #fff;border-top: 2px solid #fff;left: calc(50% + 323px);width: 463px;z-index: 11;top: calc(48% - 1px);}
#accueil-slider{height: 632px;background: #F28705;position: relative;}
#slider-boutons{color: #fff;width: 582px;text-align: right;padding-right: 17px;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 237px;z-index: 20;}
#slider-boutons .bouton{display: block;padding: 16px 0 14px;font-size: 28px;text-align: center;color: #fff;}
#slider-stitre{font-family: 'Zapfino';font-size: 32px;margin-bottom: -115px;margin-right: 12px;}
.safari #slider-stitre{margin-bottom: -60px;}
#slider-titre{font-family: 'Rubik', sans-serif;font-size: 70px;font-weight: bold;text-transform: uppercase;margin-bottom: -16px;}
#sliderimg-next,
#sliderimg{position: absolute;left: 0;right: calc(50% - 545px);top: 0;bottom: 0;background-image: url(../images/slider.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;z-index: 10;}
#sliderimg-next{z-index: 9;}
#accueil-personalite{color: #fff;}
#accueil-personalite .box-gauche-bas{border-left: 2px solid #F28705;border-top: 2px solid #F28705;}
#accueil-personalite .box-droite-haut{border-right: 2px solid #fff;border-bottom: 2px solid #fff;width: 786px;}
#accueil-personalite .wrap{background: #F28705;display: flex;padding-top: 93px;justify-content: space-between;}
#accueil-personalite .col-gauche{padding-bottom: 119px;padding-left: 68px;width: 440px;}
#accueil-personalite .entete{text-transform: uppercase;font-size: 39px;font-family: 'Rubik', sans-serif;font-weight: 300;margin: 0;}
#accueil-personalite .nom { font-weight: bold; margin-top: 29px; font-size: 18px; display: inline-block; }
#accueil-personalite .nom{font-weight: bold;margin-top: 29px;font-size: 18px;}
#accueil-personalite .poste { font-weight: normal; font-size: 18px; margin-top: 4px; display: inline-block; }
#accueil-personalite .texte{margin-top: 34px;padding-right: 30px;}
#accueil-activites .activites{display: flex;padding-top: 37px;}
#accueil-activites .activite{width: 306px;margin-right: 18px;}
#accueil-activites .image{height: 282px;position: relative;display: block;background: #fff;}
#accueil-activites .titre{position: absolute;left: 0;right: 0;bottom: 0;padding: 17px 4px 13px;text-align: center;text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 22px;color: #fff;background: #AD3600;}
#accueil-activites .texte{text-align: center;line-height: 30px;padding: 24px 16px;}
#accueil-activites .btn-inscrire{position: absolute;left: 0;right: 0;bottom:0;top: 0;opacity: 0;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;z-index: 10;display: flex;color: #fff;text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 22px;}
#accueil-activites .btn-inscrire span{margin: auto;}
#accueil-activites .image:hover .btn-inscrire{opacity: 0.86;background: #AD3600;}
#accueil-activites .box-droite-bas{top: calc(36% - 1px);}
#accueil-activites .box-gauche-haut{bottom: calc(64% - 1px);border-left: 2px solid #F28705;border-bottom: 2px solid #F28705;}
#accueil-activites .conteneur{padding: 68px 0 84px 68px;}
#accueil-activites .entete{text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 39px;color: #00477a;margin: 0;}
#accueil-nouvelles .entete a,
#accueil-nouvelles{color: #fff;}
#accueil-nouvelles .entete{text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 39px;margin: 0;}
#accueil-nouvelles .nouvelles{padding: 97px 58px 73px 68px;background: #00477A;}
#accueil-nouvelles .nouvelle{margin-top: 21px;}
#accueil-nouvelles .nouvelle+.nouvelle{margin-top: 48px;}
/*#accueil-nouvelles .nouvelle .titre{font-weight: bold;font-size: 18px;text-transform: none;font-family: inherit;}*/
#accueil-nouvelles .nouvelle .titre{font-size: 20px;text-transform:uppercase;}
#accueil-nouvelles .nouvelle .titre a{color: #fff;}
#accueil-nouvelles .nouvelle .date { font-weight: normal; display: block; font-size: 14px; text-align: left;font-family: 'Rubik', sans-serif;text-transform:uppercase; }
#accueil-nouvelles .nouvelle .texte{line-height: 30px;margin-top: 4px;}
#accueil-nouvelles .bouton { background: #fff; color: #ad3600; margin-top: 57px; padding: 13px 27px 9px; font-size: 28px; }
#accueil-logos{height: 103px;padding: 139px 0 107px;position: relative;}
#accueil-logos .wrap{display: flex;}
#accueil-logos .col-blanc,
#accueil-logos .col-bleu{display: flex;flex: 1;height: 103px;align-items: center;}
#accueil-logos .col-bleu{justify-content: space-around;padding-left: 30px;}
#accueil-logos .col-blanc{justify-content: space-between;padding-right: 8px;}
#accueil-logos .arriere-droite-bleu{top: 139px;bottom: 107px;}

.page-entete{height: 220px;}
.page-entete .arriere-plan{position: absolute;left: 0;top: 0;background: url(../images/entete-nouvelles.jpg) center no-repeat;right: calc(50% - 546px);height: 220px;background-size: cover;}
.page-entete .contenu{display: inline-block;}
.page-entete .titre{text-align: right;font-family: 'Zapfino';font-size: 33px;margin-bottom: -119px;margin-top: 26px;margin-right: 4px;color: #fff;}
.page-entete .sous-titre{font-size: 71px;font-family: 'Rubik', sans-serif;font-weight: bold;text-transform: uppercase;color: #fff;margin: 0;}
#liste-nouvelles{padding: 85px 0 180px;color: #00477A;}
#liste-nouvelles .nouvelle{border-bottom: 2px solid #00477A;padding: 69px 42px 40px 68px;}
#liste-nouvelles .titre{font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 40px;text-transform: uppercase;margin: 0 0 4px;}
#liste-nouvelles .titre a{color: #00477A;}
#liste-nouvelles .date { font-size: 20px; display: block; }
#liste-nouvelles .texte{line-height: 30px;}
#liste-nouvelles .bouton{margin-top: 19px;}
#liste-nouvelles #filtre-categorie {width:155px;}
.filtres{margin-bottom: 22px;}
.filtres select,
.filtres input[type=text]{border-bottom: 2px solid #00477A;border-right: 0;border-left: 0;border-top: 0;color: #00477A;outline: none;box-sizing: border-box;padding: 13px 0;margin-right: 28px;font-family: 'Rubik', sans-serif;font-size: 12px;margin-top: 0;}
.filtres .recherche{background: url(../images/recherche.svg) center right no-repeat;background-size: 19px;width: 198px;}
.filtres select.large{width: 170px;}
#filtre-secteur {width:295px;}
#filtre-ordre {width:210px;}
#nouvelle-fiche{padding: 101px 0 240px;}
#nouvelle-fiche .wrap{display: flex;justify-content: space-between;}
#nouvelle-fiche .col-gauche{width: 508px;padding-right: 60px;}
#nouvelle-fiche .col-droite{width: 474px;padding-right: 35px;padding-top: 9px;}
#nouvelle-fiche .titre{text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 40px;margin: 0;line-height: 45px;}
#nouvelle-fiche .date{font-size: 23px;text-transform: uppercase;margin-top: 10px;}
#nouvelle-fiche .bouton{margin-top: 12px;}

.slider-photos .image-conteneur{height: 338px;width: 451px;margin-right: 21px;position: relative;}
.slider-photos .image-courrante{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: url(../images/nouvelle.jpg);background-size: cover;background-position: center;z-index: 4;}
.slider-photos .image-suivante{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-size: cover;background-position: center;z-index: 3;}
.slider-photos .miniatures {
margin-top: 30px;
overflow: hidden;
}
.slider-photos .miniatures a {
    position: relative;
    display: inline-block;
    margin-right: 21px;
    background: #4A4949;
    vertical-align: top;
    margin-bottom: 15px;
}
.slider-photos .miniatures a img {display: block;}

#liste-activites{padding: 88px 0;}
#liste-activites .activites{display: flex;flex-wrap: wrap;padding: 37px 32px 0 54px;}
#liste-activites .activite{width: 306px;margin: 0 12px 74px;color: #00477a;}
#liste-activites .image{height: 282px;position: relative;display: block;}
#liste-activites .btn-plus{position: absolute;left: 0;right: 0;bottom: 0;padding: 14px 4px;text-align: center;text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 21px;color: #fff;background: #00477a;}
#liste-activites .texte{line-height: 28px;margin-top: 4px;font-size: 13px;}
#liste-activites .titre{text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 23px;margin: 25px 0 0;}
#liste-activites .date{text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 14px;}
#liste-activites .btn-conteneur{margin-top: 67px;padding: 0 59px 0 67px;}
#liste-activites .contenu{padding: 60px 0 0 66px;}
.bouton.plus{display: block;text-align: center;font-size: 28px;padding: 18px 17px 16px;background: #f28705}
.bouton.plus:hover{background-color: #00477a !important;}
#evenements-periode .wrap{background: #00477a;padding: 70px 0;color: #fff;}
#evenements-periode .contenu { display: inline-block; padding-left: 73px; width: 80%; }
#evenements-periode .titre{text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 39px;}
#evenements-periode .bouton{float: right;background: #fff;margin-top: 13px;font-size: 28px;padding: 11px 16px;color: #ad3600;}
#evenements-periode .sous-titre { font-size: 24px; margin-top: 27px; float: left; width: 75%; }
#mon-calendrier{padding: 93px 0 135px;}
#mon-calendrier .activite{margin-bottom: 48px;}
#mon-calendrier .contenu{padding-left: 67px;}
#mon-calendrier .mois{margin-bottom: 40px;border-bottom: 2px solid #00477a;margin-top: 20px;padding: 2px 3px;color: #ad3600;text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 15px;}
#mon-calendrier .entete{text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 40px;}
#mon-calendrier .titre{text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 24px;}
#mon-calendrier .titre a{color: #00477a;}
#mon-calendrier .date{font-size: 15px;}
#mon-calendrier .detail{display: inline-block;margin: 0 15px 0 3px;}
#mon-calendrier .btn-conteneur{margin: 53px 56px 0 0;}
/********* Page type **************/
.page-type-entete{height: 851px;}
.page-type-entete .wrap{z-index: 2;}
.page-type-entete .arriere-plan-orange{background: #ad3600;z-index: 0;position: absolute;left: 0;top: 0;right: calc(50% - 546px);height: 220px;background-size: cover;}
.page-type-entete .arriere-plan{position: absolute;top: 0;background-size: cover;background: url(../images/page-type.jpg) center no-repeat;height: 851px;right: 0;left: calc(50% - 545px);background-size: cover;z-index: -1;}
.page-type-entete .arriere-plan.not-found{background: url(../images/404.jpg) center center no-repeat;background-size:cover;}
.page-type-entete .contenu{display: inline-block;position: relative;}
.page-entete .contenu.simple,
.page-type-entete .contenu.simple{margin-top: 66px;}
.page-type-entete .titre{z-index: 2;position: relative;text-align: right;font-family: 'Zapfino';font-size: 33px;margin-bottom: -119px;margin-top: 26px;margin-right: 4px;color: #fff;}
.mac .page-entete .titre,
.safari .page-entete .titre,
.mac .page-type-entete .titre,
.safari .page-type-entete .titre{margin-bottom: -64px;}
.page-type-entete .sous-titre{z-index: 2;position: relative;font-size: 71px;font-family: 'Rubik', sans-serif;font-weight: bold;text-transform: uppercase;color: #fff;margin: 0;}
.page-type-entete .titre-bg{background: #ad3600;position: absolute;left: -30px;right: -21px;top: 0;bottom: 0;z-index: 1;}
.page-type-entete .box-droite-bas{border-right: 2px solid #fff;border-top: 2px solid #fff;z-index: 1;top: calc(13% - 1px);border-bottom: 2px solid #fff;width: auto;right: calc(50% - 788px);left: calc(50% - 545px);bottom: 100px;}
.page-type-entete .ligne-gauche-haut-h{right:50%;top: calc(13% - 1px);z-index: 1;}
.page-type-entete .box-gauche-bas{top: 88%;border-top: 2px solid #F28705;border-left: 2px solid #F28705;}
.page-type-p1 .box-gauche-haut{border-left: 2px solid #F28705;border-bottom: 2px solid #F28705;}
.page-type-p1 .wrap{padding: 60px 0 112px;}
.page-type-p1 .contenu{padding: 0 6px 0 68px;background: #fff;}
.page-type-p2 .wrap{background: #00477a;padding: 96px 0 112px;color: #fff;}
.page-type-p2 .contenu{padding: 0 66px 0 68px;}
.page-type-p{padding: 80px 0;}
.page-type-p + footer{margin-top: 100px;}
.page-type-p .contenu{padding: 0 58px 0 68px;}
.page-type-p2 h2,
.page-type-p1 h1{margin-bottom: 15px;}
.page-type-entete.page-chambre .arriere-plan{background: url(../images/chambre.jpg) left top no-repeat;}
.page-type-p2.page-chambre{margin-bottom: 200px;}
.page-type-p2+footer{margin-top: 200px;}
.fonce{font-weight: bold;}
p.fonce{font-size: 18px;font-weight: bold;}
.page-chambre .box-gauche-haut{bottom: calc(85% - 1px);}
.page-chambre .box-droite-bas{top: calc(15% - 1px);}
.page-type-p1.page-chambre img{margin: 170px 0 50px;}
.page-type-entete.page-joindre iframe{width: 100%}
.page-type-entete.page-joindre .arriere-plan-orange{background: url(../images/entete-nouvelles.jpg) center no-repeat;}
.page-type-entete.page-joindre .box-droite-bas {border-right: 2px solid #f8832d;border-top: 2px solid #f8832d;border-bottom: 2px solid #f8832d;/*left: calc(50% + 4px);*/left: 50%;}
.page-type-entete.page-joindre .ligne-gauche-haut-h {right: calc(50% + 576px);top: calc(13% - 1px);z-index: 1;}
.page-type-p1.page-joindre  .wrap {padding: 60px 0 92px;}
.page-type-p1.page-joindre h1{font-size: 35px;margin-bottom: 20px;}
.page-type-p1.page-joindre .coordonnees{display: flex;}
.page-type-p1.page-joindre .adresse{font-size: 18px;line-height: 30px;padding-right: 98px;}
.page-type-p1.page-joindre .bordure{height: 114px;width: 1px;background: #00477a;margin-top: 8px;}
.page-type-p1.page-joindre .contact{font-size: 24px;font-weight: 300;line-height: 42px;padding-left: 186px;}
.page-type-p1.page-joindre .contact a{color: #00477a;}
.page-type-p1.page-joindre .contact-courriel{font-weight: bold;}
.page-type-p2.page-joindre .wrap{padding: 80px 0 90px;}
.page-type-p2.page-joindre h2{margin-bottom: 7px;}
.page-type-p2.page-joindre .contenu{font-size: 24px;}
.page-type-p.page-joindre{padding: 74px 0 132px;}
.page-type-p.page-joindre .contenu{padding: 0 20px 0 68px;}
.page-type-p.page-joindre h3{margin-bottom: 24px;}
.page-type-p.page-joindre button{text-align: center;margin-top: 24px;width: 962px;}
.page-type-p h4,
.page-type-p h5{color: #ad3600;margin-bottom: 23px;}
.page-type-p .bouton{font-size: 28px;padding: 18px 70px 16px;margin-top: 51px;}
.page-type-entete.page-joindre .arriere-plan{background: none;}
.page-type-entete.page-membre .arriere-plan{background: url(../images/entete-membres.jpg) center no-repeat;}
.page-membre .avantage{width: 280px;text-align: center;padding: 0 20px;}
.inscription-gala .cercle,
.page-membre .avantage .cercle{border: 2px solid #ad3600;border-radius: 50%;width: 93px;height: 93px;margin: auto;line-height: 93px;vertical-align: middle;text-align: center;font-size: 72px;font-family: 'Rubik', sans-serif;font-weight: 300;color: #f5882f;}
.inscription-gala .cercle.indent,
.page-membre .avantage .cercle.indent{text-indent: -10px;}
.page-membre .avantage .titre{font-size: 16px;font-family: 'Rubik', sans-serif;font-weight: 500;text-transform: uppercase;margin-top: 21px;margin-bottom: 2px;}
.page-membre .avantage .cercle.liste-avantages{background: url(../images/liste-avantages.svg) center no-repeat;background-size: 66px 50px;}
.page-membre .avantage .cercle.liste-membres{background: url(../images/liste-membres.svg) center no-repeat;background-size: 59px 37px;}
.page-membre .avantage .cercle.etudes{background: url(../images/etudes.svg) center no-repeat;background-size: 69px 46px;}
.page-membre a.avantage .cercle{-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.page-membre a.avantage:hover .cercle{background-color: #eee;}
.page-type-p1.page-membre .box-gauche-haut{bottom: calc(39% - 1px);}
.page-type-p1.page-membre .box-droite-bas{top: calc(61% - 1px);}
.page-type-p1.page-membre .wrap{padding: 66px 0 112px;}
.page-type-p1.page-membre h1{margin-bottom: 6px;}
.page-type-p1.page-membre h2{font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 18px;text-transform: uppercase;margin: 38px 0;}
.page-type-p1.page-membre .conteneur{display: flex;}
.page-type-p1.page-membre .bouton{text-align: center;margin: 74px 0 78px;width: 925px;}
#accueil-nouvelles.page-type-p2{margin-bottom: 259px;}
#accueil-nouvelles.page-type-p2 .wrap{padding: 96px 0 78px;}
#accueil-nouvelles.page-type-p2 .bouton{background: #fff;color: #ad3600;margin-top: 57px;padding: 13px 27px 9px;font-size: 28px;}
#accueil-nouvelles .publierbabillard {font-family: 'Rubik', sans-serif;font-weight: 300;display: inline-block;text-transform: uppercase;background: #AD3600;text-decoration: none;color: #fff;border: 0;outline: 0;cursor: pointer;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
#accueil-nouvelles .publierbabillard { background: #AD3600; color: #fff; margin-left: 50px; margin-top: 57px;padding: 13px 27px 9px;font-size: 28px;}
#accueil-nouvelles .publierbabillard:hover{background: #fff!important; color: #AD3600; !important;}
.page-type-p1.page-mentorat .box-gauche-haut{bottom: calc(46% - 1px);}
.page-type-p1.page-mentorat .box-droite-bas{top: calc(54% - 1px);}
.page-type-p1.page-mentorat .wrap{padding: 85px 0 63px;}
.page-type-p1.page-mentorat h2{font-size: 64px;margin-top: 111px;}
.page-type-p1.page-mentorat .bouton{font-size: 41px;text-align: center;width: 988px;padding: 10px 17px 9px;}
.page-type-p1.page-mentorat h3{margin-top: 115px;font-size: 40px;margin-bottom: 36px;}
.conteneur-mentor{display: flex;flex-wrap: wrap;justify-content: center;}
.mentor{width: 195px;margin: 0 58px 75px 0;}
.mentor .titre{text-transform: uppercase;font-size: 16px;margin-top: 16px;padding-left: 5px;color: #ad3600;}
.mentor .fonction { font-size: 14px; padding-left: 5px; color: #ad3600;margin-bottom: -15px; }
.page-type-p2.page-mentorat h2{font-size: 36px;}
.page-type-p.page-mentorat{padding: 93px 0 49px;}
.page-type-p.page-mentorat .contenu{padding: 0 0 0 68px;}
.page-type-p.page-mentorat h3{font-size: 40px;}
.page-mentorat-plus{padding: 23px 0 160px;}
.page-mentorat-plus .contenu{padding: 0 58px 0 68px;}
.page-mentorat-plus h3{color: #ad3600;margin-bottom: 9px;font-size: 40px;}
.page-mentorat-plus .bouton{background: url(../images/conseil-regional.svg) #00477a center left 16px no-repeat;background-size: 50px 19px;margin-top: 24px;padding: 17px 17px 12px 80px;}
/*.page-entete.avantages-membre .contenu{padding-top: 73px;}*/
.avantages-membre{padding: 23px 0 60px;}
.avantages-membre .avantage-contenu{flex: 1;}
.avantages-membre .avantage{display: flex;margin: 58px 0 64px;}
.avantages-membre .image{text-align: center;width: 25%; margin-right:30px;}
.avantages-membre .image img {max-width:100%;max-height:100%;}
.avantages-membre h3{font-size: 24px;color: #ad3600;margin-bottom: 15px;}
.avantages-membre .texte{line-height: 18px;padding-left: 2px;}
.liste-membres .membre{width: 510px;font-size: 16px;line-height: 18px;margin: 9px 0;}
.liste-membres .membre .titre{font-weight: bold;}
.liste-membres .membre .site{color: #ad3600;}
.liste-membres .membre .telephone{color: #00477a;}
.page-type-p1.liste-membres .wrap{padding: 0 0 192px;}
.page-type-p1.liste-membres .filtres{margin-top: 36px;}
.liste-membres .btn-conteneur{margin-top: 48px;}
.liste-membres .bouton.plus{font-size: 22px;padding: 15px 17px 14px;}
#contenu-liste{display: flex;flex-wrap: wrap;margin-top: 63px;justify-content: space-between;}
.section-formulaire{padding: 81px 0 160px;}
.section-formulaire h1{margin-top: 64px;}
.section-formulaire h3{font-size: 24px;margin-top: 38px;color: #ad3600}
.section-formulaire .nomine.entreprise h3 {font-size:20px;}
.section-formulaire .contenu{padding: 24px 0 56px 66px;}
.section-formulaire .contenu.nobottom{padding-bottom: 0;}
.section-formulaire .participant{padding: 24px 0 56px 66px;border-top: 2px solid #00477A;}
.section-formulaire .contenu+.participant{border: 0;padding-top: 0;}
.section-formulaire button{margin-top: 62px;width: 960px;}
.section-formulaire #form_babillard #soumettre {margin-top: 62px; width: 960px;}
#etapes{position: relative;height: 20px;margin-right: 62px;}
#etapes .ligne{position: absolute;top: calc(50% - 1px);height: 2px;background: #08487a;left: 0;right: 0;}
#etapes .liste-etapes{display: flex;justify-content: space-between;}
#etapes .etape{position: relative;color: #00477a;background: #fff;border:2px solid #08487a;border-radius: 50%;width: 15px;height: 15px;}
#etapes .etape.actif{background: #ad3600;}
#etapes .titre{position: absolute;bottom: 22px;left: 0;right: 0;text-align: center;margin: 0 -75px;text-transform: uppercase;font-size: 15px;}
.section-formulaire select{width: 461px;padding: 8px 10px;background: url(../images/select.svg) center right 12px no-repeat;background-size: 13px 11px;}
.section-formulaire select,
.section-formulaire input[type=url],
.section-formulaire input[type=email],
.section-formulaire input[type=text],
.section-formulaire textarea{margin-top: 15px;margin-bottom: 10px;}
input[type="text"].double{width: 947px;}
.checkbox label,
.radio label{cursor: pointer;}
.checkbox,
.radio{font-size: 18px;margin-top: 9px;}
.radio input[type=radio]{position: absolute;margin-left: -9999px;visibility: hidden;display: none;}
.radio input[type=radio] + span{display: inline-block;vertical-align: middle;margin-right: 5px;border:2px solid #08487a;border-radius: 50%;width: 15px;height: 15px;background: #fff;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.checkbox input[type=checkbox]:checked + span,
.radio input[type=radio]:checked + span{background: #ad3600;}
.checkbox input[type=checkbox]{position: absolute;margin-left: -9999px;visibility: hidden;display: none;}
.checkbox input[type=checkbox] + span{display: inline-block;vertical-align: middle;margin-right: 5px;border:2px solid #08487a;width: 15px;height: 15px;background: #fff;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.radio .no {padding-left:17px;}
.paiement-resultat{height: 415px;}
.paiement-resultat{background: url(../images/succes.svg) center no-repeat;background-size: 335px 335px;}
.erreur .paiement-resultat{background: url(../images/erreur.svg) center no-repeat;background-size: 335px 335px;}
.section-formulaire.resultat h1{font-size: 36px;margin-bottom: 6px;}
.section-formulaire.resultat .erreur h1{color: #ad3600;}
.section-formulaire.resultat .contenu{text-align: center;}
.resultat-message{padding-right: 36px;margin-top: 86px;font-size: 19px;}
.sommaire{display: table;width: 100%;margin-top: 36px;font-size: 12px;font-weight: bold;border-collapse: collapse;}
.sommaire > div{display: table-row;}
.sommaire > div > div{display: table-cell;border-top: 1px solid #00447a;}
.sommaire .entete > div{border-bottom: 2px solid #00447a;border-top:0;text-transform: uppercase;padding: 3px 4px;font-weight: normal;}
.sommaire .quantite{width: 170px;text-align: center;}
.sommaire .total .action,
.sommaire .entete .action,
.sommaire .action{border: 0;width: 50px;text-align: center;min-width: 50px;}
.sommaire .prix{width: 80px;text-align: right;}
.sommaire .montant{width: 78px;text-align: right;}
.sommaire .titre{font-size: 18px;text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;color: #ad3600;padding: 15px 0;}
.sommaire .item:nth-child(2) .titre{padding-top: 41px;}
.sommaire .total{font-size: 18px;}
.sommaire .sous-total{font-size: 14px;}
.sommaire .total > div{border-top: 0;border-bottom: 2px solid #00447a;}
.sommaire .sous-total > div{border: 0;line-height: 16px;}
.sommaire .total .quantite,
.sommaire .sous-total .quantite{text-align: right;padding-top: 24px;}
.sommaire .total .quantite{padding-top: 9px;padding-bottom: 41px;}
.sommaire .sous-total + .sous-total .quantite{padding-top: 0;}
.supprimer{background: url(../images/supprimer.svg) center no-repeat;display: inline-block;background-size: 21px;width: 25px;height: 25px;vertical-align: middle;}
.ajouter{background: url(../images/ajouter.svg) center no-repeat;display: inline-block;background-size: 21px;width: 25px;height: 25px;vertical-align: middle;}
.section-formulaire .message-paypal{margin: 24px 0 22px;}
.section-formulaire .message-paypal img{margin-right: 20px;vertical-align: middle;}
.section-formulaire .btn-conteneur-droite{text-align: right;padding-right: 60px;padding-top: 16px;padding-bottom: 51px;}
.section-formulaire .ajouter-activite{padding: 16px 48px 12px;}
.section-formulaire select.demi{width: 210px;font-size: 16px;}
.section-formulaire .message{font-size: 19px;font-weight: bold;margin: 16px 0;}
.section-formulaire h2{font-size: 24px;margin-top: 0;color: #ad3600;}
.txt-right{text-align: right}
.liste-contacts{display: table;width: 100%;}
.liste-contacts > div{display: table-row}
.liste-contacts > div > div{display: table-cell;width: 332px;}
.liste-contacts .action{width: 50px;vertical-align: middle;min-width: 50px;}
.liste-contacts input[type=text],
.liste-contacts input[type=email]{width: 280px;}
textarea.small{height: 115px;margin-top: 32px;}
.page-type-entete.page-gala .arriere-plan{background: url(../images/gala.jpg) center no-repeat;background-size: cover;}
/*.page-type-p1.page-gala .box-gauche-haut { bottom: calc(23% - 1px); }   REMETTRE QUAND ON ACTIVE LE BOUTON D'INSCRIPTION AU GALA */
.page-type-p1.page-gala .box-gauche-haut { bottom: calc(17% - 1px); }
/*.page-type-p1.page-gala .box-droite-bas { top: calc(77% - 1px); }   REMETTRE QUAND ON ACTIVE LE BOUTON D'INSCRIPTION AU GALA */
.page-type-p1.page-gala .box-droite-bas { top: calc(83% - 1px); }
.page-type-p1.page-gala .contenu{padding: 0 60px 0 28px;margin-left: 40px;}
.page-type-p1.page-gala .description{margin: 57px 0 30px;display: flex;}
.page-type-p1.page-gala .col-droite{padding-top: 25px;padding-left: 38px;}
.page-type-p1.page-gala h2,
.page-type-p1.page-gala h3{font-size: 18px;color: #ad3600;}
.page-type-p1.page-gala .btn-conteneur{margin-top: 14px;}
.page-type-p1.page-gala .bouton{width: 924px;text-align: center;}
.page-type-p2.page-gala{margin-bottom: 180px;}
.page-type-p1 .col-droite-gala { padding-top: 25px; padding-left: 38px; }
.page-type-p1 .description-gala { margin: 57px 0 30px; display: flex; }
.bouton.orange{background: #f28705;}
.bouton.orange:hover{background: #00477A !important;}
.cache{display: none;}
.joindre-fichier input{width: 300px;position: relative;z-index: -1;}
.joindre-fichier .bouton{padding: 9px 17px;}
.section-formulaire.section-vote{padding: 59px 0 160px;}
.section-formulaire.section-vote .contenu{padding-right: 62px;}
.section-formulaire.section-vote h1{margin-top: 0;margin-bottom: 24px;}
.section-formulaire.section-vote .conteneur{display: flex;margin-top: 58px;}
.section-formulaire.section-vote .col-gauche{flex:1;padding-right: 120px;}
.section-formulaire.section-vote .col-droite{width: 308px;padding-right: 80px;}
.section-formulaire.section-vote h2{margin-bottom: 30px;}
.section-formulaire.section-vote .message-vote{line-height: 18px;}
.section-formulaire.section-vote .message-vote p {line-height: 1.2em;}
.section-formulaire.section-vote .code{width: 242px;margin-right: 3px;margin-top: 24px;}
.section-formulaire.section-vote .btn-suivant{width: auto;padding: 9px 45px;margin-top: 24px;}
.section-vote-liste h1{margin-top: 21px;font-size: 36px;margin-bottom: 28px;}
.section-vote-liste .texte{padding-right: 128px;}
.section-vote-liste .nomines{display: flex;flex-wrap: wrap;}
.section-vote-liste .nomine{cursor: pointer;margin: 64px 2px 0 52px;}
.section-vote-liste .nomine.entreprise{width: calc((100% / 3) - 20px);margin-left:10px;margin-right:10px;cursor:pointer;}
.section-vote-liste .nomine.entreprise img {border:1px solid #00477A;}
.section-vote-liste .nomine input[type=radio]:checked + .image img {
    border-color: #eb8727;
}
.section-vote-liste .nomine.entreprise img {width:100%;height:auto;vertical-align:top;background-color:white;}
.section-vote-liste .image{padding: 10px 8px 8px;position: relative;transition: all 0.4s ease;-webkit-transition: all 0.4s;-ms-transition: all 0.4s;}
.section-vote-liste .nomine.entreprise .image {
    padding:6px;
}
.section-vote-liste .nomine input[type=radio]:checked + .image{background: #eb8727;}
.section-vote-liste .image .couronne{position: absolute;left: -35px;top: -17px;padding: 52px 77px;background: url(../images/couronne.svg) center no-repeat;background-size: 154px auto;transition: all 0.4s ease;-webkit-transition: all 0.4s;-ms-transition: all 0.4s;opacity: 0;}
.section-vote-liste .entreprise .image .couronne {
    left: -16px;
    top: -17px;
    padding: 37px 57px;
    background-size: 110px auto;
}
.section-vote-liste .nomine input[type=radio]:checked + .image .couronne{opacity: 1;transform: rotate(-20deg);}
.section-vote-liste h3{margin-top: 9px;}
.section-vote-liste .details{padding: 0 8px;}
.section-vote-liste button{margin-left: 62px;margin-top: 90px;}
.gala-categorie{display: flex;margin-bottom: 74px;}
.gala-categorie .col-gauche{width: 168px;}
.gala-categorie .col-droite{flex: 1;padding-right: 60px;}
.gala-categorie h3{margin: 0;font-size: 16px;font-weight: 500;color: #00477a;}
.inscription-gala h1{margin-top: 89px;margin-bottom: 53px;}
.inscription-gala li{margin: 4px 0;font-size: 18px;}
.inscription-gala h2{margin-top: 136px;margin-bottom: 46px;}
.selection .cercle{width: 27px;height: 27px;min-width: 27px;line-height: 27px;font-size: 23px;margin: 0 11px 0 0;display: inline-block;transition: all 0.4s ease;-webkit-transition: all 0.4s;-ms-transition: all 0.4s;}
.selection .cercle.indent{text-indent: -2px;}
.selection{font-weight: 500;text-transform: uppercase;font-size: 16px;font-family: 'Rubik', sans-serif;margin: 18px 0;}
.selection label{cursor: pointer;}
.selection .texte{display: flex;}
.selection .titre{padding-top: 6px;transition: all 0.4s ease;-webkit-transition: all 0.4s;-ms-transition: all 0.4s;}
.selection input[type=radio]:checked + .texte .cercle{background: #ad3600;color: #fff;}
.selection input[type=radio]:checked + .texte .titre{color: #ad3600;}
.inscription-gala .checkbox{font-size: 16px;}
.inscription-gala .checkbox input[type="checkbox"]:checked + span {background: url(../images/check.svg) right top 1px no-repeat;}
.inscription-gala .checkbox{margin-top: 6px;}
.section-formulaire .checkbox-titre,
.inscription-gala .checkbox-titre{display: inline-block;width: 430px;vertical-align: top;padding-left: 5px;cursor: pointer;}
.section-formulaire .checkbox-titre.large,
.inscription-gala .checkbox-titre.large{width: 920px;padding-left: 17px;}
.inscription-gala .colones{display: flex;margin-bottom: 72px;}
.inscription-gala .col-gauche-form{width: 481px;padding-right: 20px}
.inscription-gala .col-droite-form{width: 510px;}
.inscription-gala .col-droite-form textarea{width: 446px;height: 68px;}
.inscription-gala .question{margin-bottom: 10px;}
.inscription-gala .question-type{margin-bottom: 20px;margin-top: 38px;}
.inscription-gala.page-confirmation h1{color: #ad3600;margin-bottom: 20px;}
.inscription-gala.page-confirmation h2{margin-top: 20px;margin-bottom: 36px;}
.inscription-gala.page-confirmation li{font-size: 14px;padding: 0 72px 0 36px;}
#evenement-fiche{padding: 108px 0 240px;}
#evenement-fiche .date{font-size: 23px;text-transform: uppercase;margin-top: 0;margin-bottom: 15px;}
#evenement-fiche .contenu{padding-left: 67px;}
#evenement-fiche .colones{display: flex;justify-content: space-between;}
#evenement-fiche .col-gauche{width: 448px;padding-right: 60px;}
#evenement-fiche .col-droite{width: 474px;padding-right: 35px;padding-top: 9px;}
#evenement-fiche .titre{text-transform: uppercase;font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 40px;margin: 0;line-height: 45px;}
#evenement-fiche button{width: 960px;margin-top: 67px;}
#evenement-fiche h4{font-size: 24px;margin-top: 35px;color: #ad3600;}
#evenement-fiche h3{font-size: 49px;color: #ad3600;margin-top: 80px;margin-bottom: 34px;}
#evenement-fiche select{font-size: 12px;border:0; border-bottom: 2px solid #00477a;margin-top: 0;width: 170px;}
#evenement-fiche .texte img {max-width:100%;height:auto;}
/*#accueil-nouvelles .nouvelle .date::before,
#liste-nouvelles .date::before,
#mon-calendrier .date::before{content: " - ";font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 24px;}*/
#mon-calendrier .date::before{content: " - ";font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 24px;}
.connexion-membre, .connexion-membre a {color:#0b4f80;}

#liste-nouvelles .date::before{font-size: 40px;}
#accueil-nouvelles .nouvelle .date::before{font-size: 18px;font-weight: bold;}
#bullets {position: absolute;bottom: 10px;left: 0;z-index: 11;text-align: left;padding-left: 20px;}
.bullet {display: inline-block;padding: 5px;border-radius: 50%;margin: 0 4px;border: 2px solid;border-color: #fff;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;background: transparent;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.bullet.actif {border-color: #f28705;background: #f28705;}
.poste {display:none;}
/******************************** SWITCHES ******************************/
.switch-conteneur{margin-top: 24px;}
.switch-conteneur .question{display: inline-block;width: 325px;font-size: 16px;vertical-align: top;}
.switch {
    display: inline-block;border: 2px solid #00477A;border-radius: 20px;height: 31px;vertical-align: top;margin-top: -5px;
}
.switch input[type=checkbox] {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
    display: none;
}
.switch input[type=checkbox] + span {
    display: inline-block;margin-right:8px;vertical-align: middle;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.switch input[type=checkbox] + span {
    width: 67px;
    height: 20px;
    font-size: 18px;
}
.switch input[type=checkbox] + span:before{bottom: 1px;top: 1px;}
.switch input[type=checkbox] + span:after{bottom: -9px;top: -9px;}
.switch input[type=checkbox] + span:before,
.switch input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    left: 0;
    content: "";
}
.switch input[type=checkbox] + span:before {
    right: 1px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -ms-transition: background 0.4s;
    transition: background 0.4s;
}
.switch input[type=checkbox] + span:after {
    width: 19px;height: 19px;
    background-color: #ad3600;
    border-radius: 100%;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    margin-left: 48px;
    margin-top: 14px;
}
.switch input[type=checkbox]:checked + span:after {margin-left: 10px;background-color: #00477A;}
.switch input[type=checkbox] + span:hover:after{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);}
.switch *{transition: all 1.4s ease;-webkit-transition: all 1.4s;-ms-transition: all 1.4s;}
.switch input[type=checkbox] + span .oui{width: 0;display: inline-block;}
.switch input[type=checkbox] + span .non{width: 100%;}
.switch input[type=checkbox]:checked + span .oui{width: 100%;}
.switch input[type=checkbox]:checked + span .non{width: 0;}
.switch .oui{overflow: hidden;display: inline-block;position: absolute;right: 2px;top: 1px;text-align: right;transition: all 0.5s ease;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;}
.switch .non{overflow: hidden;display: inline-block;position: absolute;left: 9px;top: 1px;text-align: left;transition: all 0.5s ease;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;}
/******************************** /SWITCHES ******************************/
#bloc_desjardins {position: absolute;  right: 150px;  top: -13px;  width: 243px;}
#bloc_desjardins span {  display: inline-block;  color: #00447b;  font-size: 12px;  margin-right: 20px;  position: relative;  bottom: 5px;  }
#bloc_desjardins img {  display: inline-block;  width: 95px;  }
.scroll #bloc_desjardins {display:none;}
#bloc_desjardins_mobile {display:none;}
form.infos-login {
    display: none;
    font-size: 12px;
}

a.toggle-login {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 12px;
}

.gg-profile {
    margin-left: 10px;
}

.connexion-membre {
    position: absolute;
    right: 0px;
    top: -3px;
    transform: translateY(-50%);
    width:140px;
}

.connexion-membre input[type="password"] {
    width: 100%;
    margin: 0px;
    padding: 2px;
    border-width: 0px 0px 1px 0px;
    font-size: 12px;
    box-sizing: border-box;
}

a.mdp-oublie {
    text-decoration: underline;
}

.form-flex {display:flex;}

a.submit-login {
    background-image: url(/images/submit.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0px;
    flex-shrink:0;
}
.connexion-membre .infos {
    flex-grow: 1;
    flex-shrink: 1;
}

.deconnect-restreint {
    width: 100%;
    display: block;
    text-align: right;
}

@media screen and (min-width:1101px) {
    .connexion-membre.mobile-only {display:none;}
}
.connexion-membre.mobile-only {}