*{box-sizing:border-box;}

body{ margin:0; padding:0; font-family: 'News Cycle', sans-serif; font-weight:400; font-size:18px;}

header, main, footer, section, aside, article, figure{display:block;}

/* ********************************************Mise en forme*****************************************************/

h1{font-size:33px; font-family:Roboto; font-weight:900;}
h2{font-size:28px; font-family:Roboto; font-weight:900; text-align:center; margin-bottom:0; margin-top:10px;}
h3{font-size:24px; font-family:Roboto; text-align:left; text-transform:uppercase; margin:0; padding-top:8px; }
h4{font-size:18px; font-family:Roboto; font-weight:900; text-align:center; margin:5px 0 35px 0;}
h5{font-size:30px; font-family:Roboto; font-weight:900; margin:0;}
h5{font-size:22px; font-family:Roboto; font-weight:normal; font-style:italic; margin:0 0 23px 0;}
h6{font-size:16px; margin:0px;}

h3.intro{text-transform:none; font-size:18px;}
label + h5{padding:25px 0 10px 0;}
h6.share-txt{text-align:center; border:1px solid #000; margin-top: 30px; padding: 10px; transition:all 0.5s;}
/*h6.share-txt:hover{background-color:rgba(0, 0, 0, 0.1); cursor:pointer;}*/

.row.content-header-home{margin:0 0 45px 0;}
.row.content-header-home>div{margin:0;}
.row.content-header-home>div>*:not(h2){padding:40px 0; width: 81.25%; margin:auto;}
.content-header h2{font-size:26px; margin-bottom:45px; font-family:'News Cycle'; text-align:left;}
.row.content-header-home h2{color:#fff; background:#fd1415; padding:40px 25px;}
.row.margin-top{margin-top:30px;}

.titlecompact p:nth-child(1){font-family:'News Cycle'; font-weight:400; font-size:24px; margin:0;}
.titlecompact h1{line-height:1; }

p{text-align:justify;}
ul{text-align:justify;}
p.intro, .content-header-home p{font-family:Roboto; font-weight:900; font-size:24px; color:#ff0000;}
p.separation{font-family:Roboto; text-align:center; color:#999; font-size:22px; position:relative; height:60px; padding-top:40px;}
p.separation span{position:absolute; background-color:#fff; top:7px; left:0; right:0; margin:auto; width:60px;}
p.separation::before{border-bottom:2px dashed #999; position:absolute; top:20px; width:100%; display:block; content:'';}

.row img{/*width:100%;*/ max-width:100%; height:auto; margin:0px;}
.row .slidefigure img{margin:15px 15px 0px 0;}
aside img{}
img.email{width:auto;}

a{}
p a, li a{color:#f00;}

@media(min-width:500px){
    h1{font-size:48px;}
    h2{font-size:40px;}
    row.content-header-home h2{padding:40px 80px;}
    .titlecompact h1{line-height:1; margin:0;}
}

/*******************************************Formulaires*********************************************************/

form{}

div.input-group{margin-bottom:40px; width:100%; cursor:pointer; position:relative;}
div.input-group::after{display:block; content:''; clear:both;}
.modal div.input-group{margin-bottom:20px;}


::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, input:-moz-placeholder{font-size:18px; font-family:'News Cycle';}

label{font-size:14px;}
label + label{border-top:1px solid #ddd;}
label.input, label.textarea{width:100%; display:block; background-color:#fff; padding:5px 15px 5px 15px; box-shadow:0px 2px 7px 0px rgba(0, 0, 0, 0.5); background-repeat:no-repeat; background-position:12px 7px; transition:width 0.5s;}
label.input{}
label.input-inline{padding:35px 15px;}
label.input-float{float:left; width:73%;}
label input, label textarea, label select{height:45px; width:100%; font-size:18px; padding-top:8px; border:0; outline:0; background:#fff !important; /* border-bottom:1px solid black; */ font-family:'News Cycle';}
label select{border:1px solid #ddd; padding:4px 0 8px 0; line-height:45px;}
 
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {background-color:#fff !important;}


label input[type="checkbox"], label input[type="radio"]{width:auto; height:auto;}

label.input.search{/*height:35px;*/ padding:2px 15px 5px 40px; background-image:url(../images/ic_search_black_24px.svg);}
label.input.search input{height:26px; font-size:14px; padding-top:6px;}

/*.modal label.input{height:55px;}*/
.modal label.input input{height:45px;}

input.invert{font-size:14px; font-family:Roboto; border:1px solid #fff; background-color:transparent; background-color: rgba(255, 255, 255, 0.6); max-width:350px; width:100%; color:#333; outline:0; padding:14px; margin:0 0 25px 0;}
input.invert:focus{background-color:rgba(255, 255, 255, 0.8);}
input.invert::-webkit-input-placeholder, input.invert::-moz-placeholder, input.invert:-ms-input-placeholder, :-moz-placeholderinput.invert:-moz-placeholder{color:#fff; color:#333; text-align:center; font-family:Roboto; font-size:14px;}

label.textarea{}
label.textarea textarea{min-height:250px; resize:none;}

.selected .form-check-label{font-weight:bold;}
.checked, .selected .checkbox-overlay{background-image:url(../images/ic_check_box_black_24px.svg); background-repeat:no-repeat; background-position:center;}
.checkbox-overlay{width:18px; height:18px; min-width:18px; margin:0 10px 0 0; border:solid 2px #000; cursor:pointer;}
.checkbox-overlay i, .checkbox-overlay label{cursor:pointer;}
.reinit-btn{display:none; cursor:pointer; position:absolute; right:25px; top:9px; background-image:url(../images/revert.svg); background-repeat:no-repeat; background-position:5px 5px; padding:4px 10px 5px 35px; box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); border-radius:5px; transition:all 0.5s;}
.reinit-btn:hover{box-shadow:0px 0px 9px 0px rgba(0, 0, 0, 0.5);}



div.input-group + a{font-size:1em !important; display:block; text-align:left; text-decoration:underline !important; margin:-10px 0 30px 0;}
div.input-group img{width:auto;}

p.label, p.label-inline{text-align:left; font-size:16px; font-weight:bold; display:inline;}
p.label{margin-bottom: 0;}
p.label em{opacity:0.5;}
p.label + input, p.label + textarea{padding:0; margin-top:-5px;}

p.msg{display:none; color:#fff; margin:5px 0px; padding:2px 10px;}
p.msg-alert{background-color:rgba(255, 0, 0, 0.5);}
p.msg-warning{background-color:rgba(250, 130, 0, 0.6);}
p.msg-success{background-color:rgba(0, 170, 0, 0.7);}
p.msg-info{background-color:rgba(180, 180, 200, 1);}
p.msg-permanent{display:block;}

.input-next-cross{display:none; position:absolute; right:0; top:0; width:35px; height:35px; min-width:33px; margin-left:15px; background-image:url(../images/ic_close_black_24px.svg); background-repeat:no-repeat; background-position:center; box-shadow:0px 4px 9px 0px rgba(0, 0, 0, 0.5);}

button{border:none; cursor:pointer;}
button{height:55px; width:150px; color:#000; transition:all 0.5s; text-align:center; box-shadow:0px 4px 9px 0px rgba(0, 0, 0, 0.3); text-transform:uppercase; font-family:Roboto; font-weight:300; font-size:18px; margin-left:auto; background-color:#fff; background-position:12px 7px;}
button:hover{ box-shadow:0px 4px 9px 0px rgba(0, 0, 0, 0.5);}

button.icon{width:55px; min-width:55px; margin-left:15px; background-color:#fff; background-repeat:no-repeat; background-position:center;}
button.search{ background-image:url(../images/ic_search_black_24px.svg);}



/************************************* Mise en page ****************************************/
div.menu-panels{ position:relative; z-index:900; top:0;}
body.overlay-display main, body.overlay-display footer{display:none;}


main{ margin-top:90px; min-height:600px;}

header{ background-color:#fff; height:68px; width:100vw; top:0; position:fixed; z-index:100; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
header img#logo{display:block; float:left; width:131px; max-width:170px; margin-top:15px;} 

.banner-header{width:100%; background:#fd1415; padding:40px 0;}
.banner-header h1{color:#fff; text-align:center; font-family:roboto; font-size:60px;}

.content-header{}
.content-header-home{}

.row{ margin:0 30px;}
.row.flex{display:flex; flex-wrap:wrap;}
.row>*{/*width:97.91666666666667%;*/}
.row>.col-sm-1{ width:12.5%;}
.row>.col-sm-2{ width:29.16666666666667%;}
.row>.col-sm-3{ width:45.83333333333333%;}
.row>.col-sm-4{ width:62.5%;}
.row>.col-sm-5{ width:79.16666666666667%;}
.row>.col-sm-6{ width:95.83333333333333%;}
.row>.col-1, .row>.col-2, .row>.col-3, .row>.col-4, .row>.col-5, .row>.col-6, .row>.col-7, .row>.col-8, .row>.col-9, .row>.col-10,.row>.col-11, .row>.col-12{float:left;}
.row>.margin-1{ margin:0 0 0 1.041666666666667%;}
.row>.margin-sm-1{ margin:0 0 0 1.041666666666667%;}
.row>.margin-1-right{ margin:0 1.041666666666667% 0 0;}
.row>.margin-center{ float:none; margin:0 auto;}
.margin-top{margin-top:64px;} 

.row>.btn-wrap{width:100%;}

.row::after, .clear::after{ content:''; display:block; clear:both;}

section{position:relative;}

.row>aside{padding:0em 0 0 0;}

.dots::after{content:url(../images/dots.svg); width:10px; height:47px; display:block; margin:0 auto; position:relative; bottom:-87px; z-index:1;}
.dots-overlap::after{content:url(../images/dots.svg); width:10px; height:47px; display:block; margin:0 auto; position:relative; bottom:24px; z-index:1;}

div>section.dots:last-child::after{content:'';}

/*************************************** Menu Top***************************************/

header nav{ width:65%; float:right;}
header nav ul{ margin:0; padding:0; list-style:none; text-align:right; margin-top:19px; /* min-width:207px;*/}
header nav ul li{display:inline-block; transition:all 0.2s;}
header nav ul li i.material-icons{font-size:30px; margin:0 5px 0 15px; cursor:pointer; color:#000; transition:all 0.2s;}
header nav ul li span, header nav ul li i{ vertical-align:middle; font-family:Roboto; font-weight:300; font-size:23px; cursor:pointer;}
header nav ul li:hover, header nav ul li:hover i{color:#ff0000;}


@media (max-width:900px){ 
    main{ margin-top:50px;}
    .menu-item-title{ display:none;}
    .menu-item .menu-item-title{ display:inline-block;} 
    header nav{ width: 60%; }
    header img#logo{/*padding-top:5px;*/ width:115px; margin:15px 0 15px 15px}
}
@media(max-width:760px){
    .contact-item{ padding-right:10px;}
    .menu-item{ border-left:1px solid #000; padding-left:12px;}
    .search-item{padding-right:12px;padding-left:6px;}
    header nav ul li i.material-icons{margin-left:0px; transition:all 0.2s; font-size:25px;}
}

@media(max-width:600px){
    div.menu-item-list{margin:0}
}

@media(max-width:400px){
    .menu-item span.menu-item-title{display:none;}
    header img#logo{width:100px;}
}


/***************************** Articles **************************************/

article{margin-bottom:16px !important; border-bottom:solid 1px #999; padding-bottom:35px; position:relative;}
/*:not(aside) article{margin-bottom:16px !important; border-bottom:solid 1px #999; padding-bottom:35px; position:relative; border:1px solid #ccc;}*/
article.feed-item{}
article.type_agenda{}
article.type_colloque{/*background-color:rgba(255, 0, 0, 0.05);*/}
/*
article.type_agenda::before, article.type_colloque::before, article.type_actualite::before{content:'Agenda'; border-bottom:1px solid rgba(0, 0, 0, 0.2);  position:absolute; top:9px; right:10px; display:block; padding:10px 0px 11px 0px; width:166px; text-align:center; background-color:#ff0000; color:rgba(255, 255, 255, 1);}
article.type_colloque::before{content:'Colloque IVD';}
article.type_actualite::before{content:'Evénement';}
*/
q{border-bottom:1px solid rgba(0, 0, 0, 0.2);  top:5px; right:10px; display:block; padding:10px; min-width:166px; text-align:center; background-color:#ff0000; color:rgba(255, 255, 255, 1);}
q::before, q::after{content:'';}

article:first-child{margin-top:90px !important;}
article:last-child{border-bottom:none;}

div.filter-content > article{background-color: #f5f5f5;}
div.filter-content > article:first-child{margin-top:0px !important;}

.item{display:block;}
.item-margin-bottom{margin-bottom:40px;}
.item > img{padding-left:31px; max-width:200px;}
.item figure{max-width:250px; max-height:250px; overflow:hidden; margin:0; position:relative;}
.item figure>div{display:none;position:absolute; bottom:0; left:0; width:100%; background-color:rgba(255, 255, 255, 0.95);}
.item figure>div>img{position:absolute; opacity:0.8; top:0; right:0; bottom:0; left:0; margin:auto; max-width:100%;}

.item i{max-width:25px; height:40px; margin-right:7px; margin-top:6px; font-size:25px; float:left;}
.item p, .item address{padding-top:2px;}
.item ul{list-style:none; margin:0;padding-left:31px;}
.item ul li{font-size:0.9em; line-height:1.4em;}
.item::after{display:block; content:''; clear:both;}
.item.itemlink{cursor:pointer;}
.item.itemlink a/*, .item.itemlink p*/{color:#f00; text-decoration:underline; cursor:pointer; font-weight:bold;}
.item.itemlink i{color:#f00;}

.item-small p{font-size:16px;}
.item-align-left >p{text-align:left;}

.itembtn{width:100%; position:relative; display:block; max-width:220px; margin-top:30px; padding:10px; border:1px solid #ff0000; font-size:18px; font-family:Roboto; font-weight:300; text-decoration:none; text-transform:uppercase; text-align:center; color:#ff0000; cursor:pointer; transition:all 0.3s;}
.itembtn:hover{background-color:#ff0000; box-shadow:0px 6px 12px 0px rgba(0, 0, 0, 0.5); color:#fff;}

.itembtn-important{box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.4); background-color:#ff0000; color:#fff; cursor:pointer; margin:auto;}
.itembtn-important:hover{box-shadow:0px 6px 12px 0px rgba(0, 0, 0, 0.5);}

.itembtn-overlap{position:relative; z-index:100; top:-20px;}

.itembtn-invert{border:1px solid #fff; color:#fff; background-color:transparent; cursor:pointer; margin:auto !important; transition:all 0.3s;}
.itembtn-invert:hover{background-color:#ff0000; border:1px solid #ff0000; box-shadow:0px 6px 12px 0px rgba(0, 0, 0, 0.5);}

.itembtn-invert-white{border:1px solid #f00; background:#fff; color:#000 !important; line-height:1.8em !important; cursor:pointer; margin:auto !important; transition:all 0.3s; font-size:1em !important;}
.itembtn-invert-border-black{border:1px solid #000;}
.itembtn-invert-white:hover{background:#fff; color:#000; box-shadow:0px 4px 9px 0px rgba(0, 0, 0, 0.5);}

.loadmore{width:100%;}
.loadbtn{margin:80px auto 0 auto;}

.itembtn > i{position:absolute; left:5px; top:50%; margin-top:-13px;}

/*.loaded{display:block !important;}*/ /* class used by JS to check and display items - fired by the "+" button  */

@media(min-width:600px){
    q{position:absolute;}
}


/********************** Footer ***************************************/
footer{margin-top:40px; padding:70px 0; font-size:14px; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);}

footer h6{font-size:14px;}
footer ul{padding:0; margin:0 0 15px 0; list-style:none; text-align:left;}
footer li{font-size:16px; margin-right:0px;}
footer .footer-top-logo{ margin-bottom:50px;}
footer .footer-top-logo img + p{margin:0; float:left;}
footer .footer-top-logo img{min-width:170px; width:40%; padding:7px 25px 0 0; float:left;}

.backontop-button{ width:40px; height:40px; border-radius:4px; background-image:url(../images/arrow-up.png); background-position:center; background-size:20px; background-repeat:no-repeat; background-color:#ff0000; color:#fff; box-shadow:0px 4px 9px 0px rgba(0, 0, 0, 0.5); position:fixed; bottom:-100px; right:20px; cursor:pointer; opacity:0.5; transition:all 0.5s;}
.back-button{ width:auto; height:40px; line-height:40px; padding:0 10px 0 40px; text-decoration:none; display:inline-block; margin:0 0 30px 0; border-radius:4px; white-space:nowrap; background:url(../images/arrow-left.png) no-repeat 14px 10px #f00; background-size:14px; color:#fff; box-shadow:0px 4px 9px 0px rgba(0, 0, 0, 0.5); cursor:pointer; opacity:0.5; transition:all 0.5s;}

.backontop-button:hover, .back-button:hover{ bottom:30px; opacity:1; background-color:#ff0000;}



/*********************************Modal (overlay)**********************************/

.menu-overlay, .login-overlay, .search-overlay, .contact-overlay, .orga-overlay, .share-overlay{width:100%; /*height:100%;*/ min-height:100vh; display:none; top:0px; left:0px; /*position:fixed;*/ z-index:-999; opacity:0; align-items:center; color:#000; transition:opacity 0.6s; background:rgb(230, 230, 230);}
.orga-overlay{/*overflow:scroll;*//* position:absolute;*/}

.cross-closebtn{display:flex; position:absolute; right:20px; top:10px; cursor:pointer;}
.cross-closebtn .crossbtn{ width:40px; height:40px; margin-right:5px; background-image:url(../images/ic_close_black_24px.svg); background-repeat:no-repeat; background-size:cover; transition:transform .8s ease-in-out;}
.cross-closebtn:hover .crossbtn{ transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.cross-closebtn .labelbtn{ font-size:24px;}


div.modal-content{ width:100%; padding-top:50px; /*max-width:1000px;*/ /*height:400px;*/}
.menu-overlay div.row.modal-content{max-width:1000px;}
.menu-overlay  div.modal-content div{padding:0 10px;}

div.modal-content li{ max-width:275px;}
div.modal-content h1{ font-size:30px; border-bottom:1px solid #000; padding:0 0 17px;}
div.modal-content a{font-size:1.5em; line-height:1em; width:100%; display:block; color:#000; text-decoration:none; padding-left:0; transition:all 0.2s;}
div.modal-content a:hover{margin-left:10px}
div.modal-content p:not(.msg){list-style:none; line-height:1.4em; font-size:13px; margin:10px 0 25px 0; text-align:left;}
div.modal-content ul{ padding:0;}
div.modal-content li{ list-style:none;}
div.modal-content li a{position:relative; left:0; text-align:left;}
.menu-open{overflow:hidden;}

@media  (max-width:360px){
  .menu-overlay, .login-overlay, .search-overlay, .contact-overlay{ height:100%;}
}

@media (min-width:767px)
{
    .cross-closebtn{right:45px; top:30px;}
}
 

/********************* Accueil - Header Icon links ****************************/

.grid-icons.mobile-cross{ background-image:url(../images/Fileticone.svg);  background-repeat:no-repeat;  background-position:center;  background-size:320px;}
.grid-icon-bottom{ margin-top:70px !important;}
.grid-icons{ background-image:none;}
.grid-icons a{display:block; text-decoration:none;}
.grid-icons h1{font-size:58px; margin:0.1em 0 0.7em 0;}
.grid-icons h5{color:#000;}
.grid-icons.mobile-cross p{font-size:16px; color:#000; margin-top:5px; text-align:left;}
.grid-icons .material-icons{font-size:70px; color:#ff0000; float:left; margin-right:20px; transition:all 0.3s;}
.grid-icons.mobile-cross .material-icons{margin-bottom:170px;}
.grid-icons .itembtn{margin-top:80px; margin-bottom:30px;}

@media (min-width:1000px){
    .grid-icons.mobile-cross .material-icons{margin-bottom:100px;}
}

@media (min-width:1200px){
    .grid-icons.mobile-cross .material-icons{margin-bottom:75px;}
}

@media (min-width:1400px){
    .grid-icons.mobile-cross .material-icons{margin-bottom:55px;}
}

@media (max-width:767px){
    
    .mobile-cross .top-left-cell, .mobile-cross .top-right-cell, .mobile-cross .bottom-left-cell, .mobile-cross .bottom-right-cell{ width:49% !important;}
    .top-left-cell .icons-content, .bottom-left-cell .icons-content{float:right;}
    .top-right-cell .icons-content, .bottom-right-cell .icons-content{float:left;}
    .icons-content h5, .icons-content p{ display:none;}
    .row.grid-icons.mobile-cross .material-icons{ width:100%;  text-align:center;  font-size:145px;  margin-bottom:0;}
    
    @media (max-width:400px){
        .row.grid-icons.mobile-cross .material-icons{   width:100%;    text-align:center;    font-size:95px;    margin-bottom:0;}
    }
    .row.grid-icons a:hover .material-icons{ color:#000;}
}

/********************* Accueil - Next-down button ****************************/

.black-arrow-center{width:100%; background-color:rgba(235, 235, 235, 0.8); position:fixed; bottom:0px; cursor:pointer; padding:20px 0; z-index:100; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.4); transition:all 1s;}
.black-arrow-center:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.8);}
.black-arrow-center.hide{ bottom:-100px;}
.black-arrow-center img{width:auto; height:30px; margin:0 auto; display:block;}



/***************************************** Accueil - membres slideshow ********************************************************/

.row.membres-slideshow-box{position:relative; background-image:url(../images/bkg.png); background-repeat:no-repeat; background-size:cover; padding:80px 0 100px 0;}
.membres-slideshow-box h2{font-size:48px; font-family:Roboto; font-weight:900; color:#fff;}
.membres-slideshow{background-color:#fff; height:200px;}
.membres-slideshow-mask{overflow:hidden; position:relative; background-color:#fff; display:flex; z-index:2; width:70vw;}

.membres-slideshow-box .left-arrow{left:0;}
.membres-slideshow-box .right-arrow{right:0;}
.membres-slideshow-box .left-arrow, .membres-slideshow-box .right-arrow{height:100%; width:50px; position:absolute; display:flex; align-items:center; background-color:rgba(105, 105, 105, 0.1); cursor:pointer; transition:all ease-in-out 0.3s; z-index:10;}
.membres-slideshow-box .left-arrow img, .membres-slideshow-box .right-arrow img{width:45px;}
.membres-slideshow-box .left-arrow i, .membres-slideshow-box .right-arrow i{font-size:50px;}
.membres-slideshow-box .left-arrow{left:0; justify-content:flex-end;}
.membres-slideshow-box .right-arrow{right:0; justify-content:flex-start;}
.membres-slideshow-box .left-arrow:hover{left:-10px;}
.membres-slideshow-box .right-arrow:hover{right:-10px;}

.membres-slideshow-list{padding:0; /*padding-left:4px;*/ width:2000px; height:270px; /*margin:0 !important;*/  vertical-align:middle;}
.membres-slideshow-list li{display:inline-block; text-align:center; padding:0; overflow:hidden; height:270px; vertical-align:middle; height:100%;}
.membres-slideshow-item{display:inline-block; text-align:center; position:relative;}
.membres-slideshow-item img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

@media (max-width:767px){
    .row.membres-slideshow-box{position:relative; margin:0; background-image:url(../images/bkg.png); background-repeat:no-repeat; background-size:cover; margin-bottom:100px; padding:80px 0 150px 0;}
}
@media (max-width:320px){
    .row.membres-slideshow-row{margin:0 0 0 3px;}
}



/***************************************** Newsletter - mailchimp *******************************************/

.newsletter-box{position:relative; width:100%; margin:0; padding:0 30px; background-image:url(../images/newsletterbg-gris.png); background-repeat:no-repeat; background-size:cover; background-position:center; color:#fff; padding:100px 0 100px 0;}

input::-webkit-input-placeholder{-webkit-transition:opacity 0.3s linear; color:gray;}
input:focus::-webkit-input-placeholder{opacity:0;}
input::-webkit-input-placeholder{-webkit-transition:opacity 0.3s linear; color:gray;}
input:focus::-webkit-input-placeholder{opacity:0;}

#mce-responses{max-width:450px; margin-bottom:10px; background-color: rgba(0, 0, 0, 0.5);} /* Mailchimp answers */
#mce-responses .response{margin:10px;} /* Mailchimp answers */
#mce-success-response{margin-bottom:30px; padding:10px; margin-bottom:10px; background-color: rgba(0, 0, 0, 0.5);} /* Mailchimp answers */

#mce-responses a, #mce-success-response a{color:rgb(104, 171, 243);}

@media (max-width:767px){
    .newsletter-box{background-position:-300px 0px;}
}



/************************************** Filters - Actualites et membres ***********************************************************/

.filter-mask{position:relative; width:100%; box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3); transition:all 0.5s; position:relative;}
.filter-mask:hover{box-shadow:0px 2px 17px 0px rgba(0, 0, 0, 0.4);}

.filters-box{background-color:#f2f2f2; width:100%; height:100%; padding:10px 10px 0 10px; font-size:14px; font-family:'News Cycle';}
.filter-mask.open .filters-box{background-color:#fff;}
.filters-box-header{}
.filters-box-header p{margin:0; font-size:22px; line-height:32px; padding:0 0 8px 0; text-transform:uppercase; font-weight:bold; font-family:Roboto;}

.filter-main{display:none; padding:20px;}

.filters-element{display:flex; cursor:pointer; text-align:left; padding:10px 0 10px 0; min-width:25%;}
.filters-element label{cursor:pointer; margin-top:-4px;}
.filters-cat{/*display:flex; flex-wrap:wrap;*/}
.filters-cat{border-bottom:1px solid rgba(0, 0, 0, 0.2); display:flex; flex-wrap:wrap;}
.filters-cat:last-child{border-bottom:0; padding-bottom:0;}

.filters-cat h3{font-size:18px; width:100%; padding:10px 10px 10px 0; margin:0; cursor:pointer; transition:all 0.5s;}
.filters-cat h3.center{ text-align:center;}
.filters-cat p{margin:0; cursor:pointer; transition:all 0.5s; padding:0 10px 0 0;}
.filters-cat .filter-expand{width:100%; padding-bottom:10px; text-align:center; cursor:pointer; transition:all 0.5s;}
.filters-cat .filter-expand img{width:auto; top:0; position:relative; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); -moz-transform:rotate(0deg); transition:all 0.5s;}
.filters-cat:not(.active) .filter-expand img{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); -moz-transform:rotate(180deg);}

.filters-list{list-style:none;}
.filters-list ul{padding:0; margin:0;}
.filters-list ul li{list-style:none; font-size:16px; font-family:'News Cycle';}
.filters-list ul li input{display:none;}
.filters-list ul div.filter-content{display:none; padding:15px 0 10px 25px;}
/*.filters-list li.active div.filter-content{display:block;}*/
.filters-list ul li>div{width:100%;}

.filter-header{background-color:#eee; padding:10px 10px 10px 10px; transition:all 0.5s;}
.filter-header:hover{/*padding:10px 0 10px 20px;*/background-color:rgba(255, 205, 205, 0.5); box-shadow:0px 0px 5px rgba(0, 0, 0, 0.4);}
.filter-header h3{padding:0;}
.filter-header p{padding:0;}
.filters-cat.active .filter-header{box-shadow:0px 0px 5px rgba(0, 0, 0, 0.4);}
/*
.filter-header h3.hover:hover{padding:10px 0 10px 10px;}
.filter-header h3.hover:hover + p{padding:0 0 0 10px;}
*/
.filters-cat .filter-expand:hover img{top:5px;} 

.filter-footer{width:100%; text-align:center; cursor:pointer; background:#f7dede; transition:all 0.5s;}
.filter-mask:not(.open):hover .filter-footer,  .filter-footer:hover{background:#fcc7cc;}
.filter-footer img{height:30px; width:auto;}

@media (min-width:360px) and (max-width:768px){
  .filters-list .filters-cat{display:flex; flex-direction:column; align-items:center;}
}

/****************************************** Membres *******************************************************/

div.organisateur{ position:relative; float:left; background-color:rgb(255,255,255);
	margin:10px; text-align:center; transition:all 0.4s ease-in-out; padding:0px 10px; width:100%; height:120px; line-height:120px; cursor:pointer;}

div.organisateur.visible{box-shadow:0px 1px 6px 2px #ddd;}
div.organisateur.visible:hover{box-shadow:0px 1px 10px 2px #999;}
div.organisateur.fade{opacity:0.2;}
div.organisateur img{max-height:90%; vertical-align:middle; margin:0;}
div.organisateur div.popupContent{display:none;}

div.popupContent{display:flex; min-height:100vh; padding-top:45px; background-color:#fff; box-shadow:0px 15px 27px 0px rgba(0, 0, 0, 0.5); color:#000;}
div.popupContent img.logo{margin:55px auto 90px auto; display:block;}
div.popupContent h2{text-align:left;}

@media (min-width:767px){
    /*div.popupContent{margin:100px 200px 100px 200px !important;}*/
}

/****************************************** CONTACT - GOOGLE MAPS *****************************/
div.carte_marges{padding:0 0 50px 0;}
div#ma_carte_espace{background:#fff; width:940px; height:640px; margin:0 auto; position:relative; box-shadow:0px 0px 10px #666;}
div#ma_carte_espace div#ma_carte{width:100%; height:640px;}
div.maps_details h2{font-size:18px; padding:3px 7px; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif;}
div.maps_details p{font-size:13px; white-space:nowrap; line-height:1.2em; margin:0 7px 10px 7px; color:#000; font-family:Arial, Helvetica, sans-serif;}
div#ma_carte_espace #address{width:250px; padding:0px; background:rgba(0, 0, 0, 0.8); position:absolute; right:5px; top:30px;}
div#ma_carte_espace #address_marge{margin:15px 25px 0px 25px;}
div#ma_carte_espace #address h3{font-size:20px; text-transform:uppercase; text-align:center; margin:0px; font-weight:normal; color:#ccc;}
div#ma_carte_espace #address h4{font-size:14px; color:#fff; text-align:center;}
div#ma_carte_espace #address p{font-size:13px; color:#fff; padding:0 0 0 0;}
div#ma_carte_espace #address p.email{font-size:13px; color:#fff; padding:15px 25px 15px 25px; margin:0; background:#000;}
div#ma_carte_espace #address a{font-size:13px; color:#fff;}
div#ma_carte_espace #address img{width:auto;}


/****************************************** NAV DOTS*****************************************/

@media (max-width:768px){
  .no-touch #cd-vertical-nav{right:15px !important;}
}

.fixed-nav li{list-style:none;}
.line{display:none; width:1px; height:6px; position:fixed; right:0px; background-color:#000; margin:0 5px 3px 0;}
.line-perma{top:11px;}
.line-element{width:1px; height:5px; background-color:#000;}

/*.cd-img-replace{  display:inline-block; overflow:hidden; text-indent:100%; white-space:nowrap;}*//* replace text with a background-image */
.cd-section{position:relative; padding:2em 0;}
.cd-section-nomargin{padding:0;}
/*.cd-scroll-down{position:absolute; left:50%; right:auto; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); bottom:20px; width:38px; height:44px; background:url("../img/cd-arrow-bottom.svg") no-repeat center center;}*/

/* No Touch devices */
.cd-nav-trigger{display:none;}

#cd-vertical-nav{position:fixed; right:25px; top:50%; bottom:auto; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); z-index:5;}
#cd-vertical-nav ul{margin:0; padding:0;}
#cd-vertical-nav li{text-align:right;}
#cd-vertical-nav a{display:inline-block; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
#cd-vertical-nav a:after{content:""; display:table; clear:both;}
#cd-vertical-nav a span{float:right; display:inline-block; -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6);}
#cd-vertical-nav a:hover span{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
#cd-vertical-nav a:hover .cd-label{opacity:1;}
#cd-vertical-nav a.is-selected .cd-dot{background-color:#ff0000; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
#cd-vertical-nav a.is-selected .cd-label{opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
#cd-vertical-nav .cd-dot{position:relative; top:8px; height:12px; width:12px; border-radius:50%; background-color:#000; -webkit-transition:-webkit-transform 0.2s, background-color 0.5s; -moz-transition:-moz-transform 0.2s, background-color 0.5s; transition:transform 0.2s, background-color 0.5s; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%;}
#cd-vertical-nav .cd-label{font-family:Roboto; position:relative; margin-right:10px; padding:4px 8px; color:#ff0000; min-width:80px; max-width: 200px; font-size:14px; font-size:0.875rem; text-align:center; background-color:#fff; border:solid 1px #ff0000; -webkit-transition:-webkit-transform 0.2s, opacity 0.2s; -moz-transition:-moz-transform 0.2s, opacity 0.2s; transition:transform 0.2s, opacity 0.2s; opacity:0; -webkit-transform-origin:100% 50%; -moz-transform-origin:100% 50%; -ms-transform-origin:100% 50%; -o-transform-origin:100% 50%; transform-origin:100% 50%;}

.fixed-nav-label-arrow{position:absolute; right:-5px; top:8px;}



@media (min-width:767px){

    header{height:95px;}
    header img#logo{max-width:220px; margin-left:40px; max-height:60px; width:17%; position: relative; bottom:-3px;}
    header nav{margin-right:30px;}
    header nav ul{display:flex; justify-content:space-between; margin-top:35px;}
    header nav ul li.search-item{margin-right:15px;}


    .row{max-width:1890px; margin:0 auto;}
    .row > *{margin:0 1.041666666666667%;}
    .row>.col-1{width:6.25%;}
    .row>.col-2{width:14.58333333333333%;}
    .row>.col-3{width:22.91666666666667%;}
    .row>.col-4{width:31.25%;}
    .row>.col-5{width:39.58333333333333%;}
    .row>.col-6{width:47.91666666666667%;}
    .row>.col-7{width:56.25%;}
    .row>.col-8{width:64.58333333333333%;}
    .row>.col-9{width:72.91666666666667%;}
    .row>.col-10{width:81.25%;}
    .row>.col-11{width:89.58333333333333%;}
    .row>.col-12{width:97.91666666666667%;}

    .row>.margin-1{margin-left:9.375%;}
    .row>.margin-1-right{margin-right:9.375%;}
    .row>.margin-2{margin-left:15.625%;}
    .row>.margin-3{margin-left:23.95833333333333%;}

    .row>.content-header-home{margin-top:15px; margin-bottom:70px;}
    .row>.content-header{margin-top:15px; margin-bottom:30px;}
    
    
}