/* site conference */
.site_conference .navbar-brand, .site_conference .navbar-brand:focus { background:transparent url("../images/interface/logo_conferences.png") no-repeat center center; height:82px; width:170px;   }
body.sticky.site_conference #header_c .navbar-brand { background:transparent url("../images/interface/logo_conferences_xs.png") no-repeat center center; height:60px; width:170px;   }

.home_ud a { text-indent:-8000em; width:30px; height:30px;background:transparent url("../images/conference/ico_home.png") no-repeat center center; text-align:left;  }

#menu_secondaire ul { display:flex; align-items:center;  }

.site_conference #menu_secondaire { position:relative; right:auto; padding-left:100px; padding-right:100px;}


.site_conference #banner_c { align-items:center; display:flex; }
.site_conference #banner_c .item { padding-top:100px; padding-bottom:25px;  }
.site_conference #banner_c .img  { border-radius:50px; min-height:300px;  }
.site_conference #banner_c .img::before { content:""; position:absolute; background:transparent url("../images/conference/banner_before.svg") no-repeat center center; left:50%; top:0; height:164px; width:196px; margin:-100px 0 0 -200px;   }
.site_conference #banner_c .img::after { content:""; position:absolute; background:#af418e; left:50%; bottom:0; height:25px; width:50%; margin:0 0 -25px; 0;  margin-left:-25%;   }


.site_conference #content_top { min-height:30vh;}
.site_conference #menu_principal ul li a:hover, .site_conference #menu_principal ul li a.active, .site_conference #menu_principal ul li.menu_open a { color:#b0418e; }
.site_conference #menu_principal ul li.active a  { border-bottom: 3px solid #b0418e; }
.site_conference #menu_principal ul li a:hover,.site_conference #menu_principal ul li a.active,.site_conference #menu_principal ul li.menu_open a { border-bottom: 3px solid #b0418e; }



body.sticky #menu_principal ul li a { font-size:14px; }

#conference_c {background:#f4f4f4; position:relative;  }
#conference_c::after { content:""; position:absolute; background:transparent url("../images/interface/conference_bg.png") no-repeat center center; left:50%; top:50%; height:451px; width:352px; margin:100px 0 0 350px;   }

#conference_c h2.title::after { display:none;  }
#conference_c .counter { display:flex;align-items:center; justify-content:center;    }
#conference_c .item { transition:all .2s ease; cursor:pointer; margin-bottom:25px;    }
#conference_c .img { min-height:150px; border-radius:20px; width:75%;  transition:all .2s ease;  }
#conference_c .text   {display:flex;align-items:center; justify-content:center;    }
#conference_c .text  .inside { border-bottom:1px solid #000; padding-bottom:15px;   }
#conference_c .text .inside .title { font-weight:700; margin-bottom:0;  }
#conference_c .text .inside .intro { font-style:italic; font-size:12px; margin-bottom:15px;   }
#conference_c .text .inside .date { font-family: 'Roboto Slab', serif; font-size:15px;   }
#conference_c .text .inside .lieu { font-family: 'Roboto Slab', serif; font-size:15px; text-align:right;    }
#conference_c .text .inside .theme {  font-size:15px;  padding-top:5px;   display:flex;align-items:center; justify-content:start;  }
#conference_c .text .inside .link {  display:flex;align-items:center; justify-content:end; padding-top:5px;     }
#conference_c .text .inside .link a { text-indent:-8000em; background:transparent url("../images/interface/arrow_right_1.svg") no-repeat center center; width:71px; height:100%;   }

#conference_c .item:hover .img { width:100%; }
#conference_c a.bt { margin-top:50px; }

#conference_c .filter {}
#conference_c .filter ul { margin:0; padding:0; }
#conference_c .filter ul li { margin:0 0 1px 0; padding:0; list-style-type:none; display:block;  }
#conference_c .filter ul li a { position:relative; padding:15px 25px;display:block; border-bottom:1px solid #000; transition:all .2s ease; text-align:center; font-family: 'Roboto Slab', serif; color:#000;  }
#conference_c .filter ul li a.active { background:#af418e; border-bottom:1px solid #f4f4f4; border-radius:50px;  color:#fff;   }
#conference_c .filter ul li a:hover { background:#af418e; border-bottom:1px solid #f4f4f4; border-radius:50px;  color:#fff;   }
#conference_c .filter ul li a.active::after { content:""; position:absolute; background:transparent url("../images/interface/arrow_b.png") no-repeat center center; right:0; top:50%; height:25px; width:10px; margin:-12px 25px 0 0;   }

.site_conference #how_c {background:#af418e; padding-bottom:350px;  }
.site_conference #how_c::after { content:""; position:absolute; background:transparent url("../images/interface/conference_how_bg.png") no-repeat center center; left:50%; bottom:0; height:270px; width:250px; margin:0 0 0 -400px;   }
.site_conference #how_c h2.title { color:#FFF; }
.site_conference #how_c h2.title span { color:#af418e; text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF }
.site_conference #how_c #how_list::before { content:""; position:absolute; background:transparent url("../images/interface/conference_how_square_1.png") no-repeat center center; left:50%; top:50%; height:30px; width:30px; margin:0 0 0 -500px; }
.site_conference #how_c #how_list::after { content:""; position:absolute; background:transparent url("../images/interface/conference_how_square_2.png") no-repeat center center; left:50%; top:50%; height:52px; width:52px; margin:-300px 0 0 450px; }



.site_conference #how_c .item { transition:all .2s ease; cursor:pointer; border-bottom:1px solid #FFF; padding-top:25px; padding-bottom:25px;   }
.site_conference #how_c .counter { display:flex;align-items:center; justify-content:center; color:#FFF    }
.site_conference #how_c .text   {display:flex;align-items:center; color:#FFF   }
.site_conference #how_c .text  p { margin-bottom:0; text-transform:uppercase;   }
.site_conference #how_c .link {  display:flex;align-items:center; justify-content:end; padding-top:5px;     }
.site_conference #how_c .link a { text-indent:-8000em; background:transparent url("../images/interface/arrow_right_2.svg") no-repeat center center; width:71px; height:100%;   }
.site_conference #how_c .link_all { display:flex;align-items:center; justify-content:center; }
.site_conference #how_c a.bt { margin-top:50px; background:#FFF  url("../images/interface/bt_plus_3.png") no-repeat center right; color:#000 }
.site_conference #how_c a.bt:hover { background:#FFF  url("../images/interface/bt_plus_3.png") no-repeat center left;  }


.node-conference .title_article { font-family: 'Staatliches', cursive;font-size:50px; color:#000; line-height:55px; margin-top:50px; position:relative; padding-bottom:30px; margin-bottom:30px;}
.node-conference .title_article span  { color:#fff; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; font-size:48px; }
.node-conference .title_article span::after { content:""; width:90px; height:15px; position:absolute; left:0; bottom:0; background:transparent url("../images/interface/h2_title_green.svg") no-repeat center center;  }

.node-conference #content_top h1 { font-family: 'Staatliches', cursive;font-size:50px; color:#000; line-height:55px; margin-bottom:0; padding-bottom:0;  }
.node-conference #content_top h1::after { display:none; }
.node-conference #content_top .text { padding:0 75px;  }
.node-conference #content_top .text p { font-weight:400 }
.node-conference #content_top .text p.title { color:#AF418E; font-weight:700; margin-bottom:0 }
.node-conference #content_top .date { font-family: 'Roboto Slab', serif; font-size:22px; letter-spacing:1px; opacity:0.5  }
.node-conference #content_top .img {  min-height:400px; border-radius:50px; position:relative;  }
.node-conference #content_top .img img {   border-radius:50px; }
.node-conference #content_top .type { font-family: 'Roboto Slab', serif; position:absolute; top:0; right:75px; margin-top:-35px;  background:#AF418E; border-radius:50px; padding:25px 25px; text-transform:uppercase; color:#FFF }
.node-conference #content{ background:#AF418E; padding-top:0; padding-bottom:25px;  }
.node-conference #content h2 { color:#fff;  }
.node-conference #content::before {display:none;  }
.node-conference #map_all { height:400px; width:100%; margin-top:90px;   }
.node-conference .inscription { margin-top:90px;   }

.node-conference #content .mentions { text-align:center; }
.node-conference #content .mentions p { color:#FFF; font-size:12px; }

.node-conference #information {  padding-top:75px; padding-bottom:75px;  }
.node-conference #information .info { padding:15px; }
.node-conference #information .info .inside { padding:25px; }
.node-conference #information .info h2 { margin-top:0;  }
.node-conference #information .info.info_programme .inside { background:#FFF; border:1px solid #ccc;   }
.node-conference #information .info.info_dates .inside { background:#af408d;   }
.node-conference #information .info.info_dates h2 { color:#FFF;   }
.node-conference #information .info.info_dates p { color:#FFF;   }
.node-conference #information .info.info_dates ul li { color:#FFF;   }


.node-conference .form .form-text,.node-conference  .form .form-email, .node-conference  .form .form-textarea { background:none; color:#FFF;  }
.node-conference .form .js-form-type-checkbox label { color:#FFF; }
.node-conference .StripeElement { padding:10px 15px;  background:#FFF; }



/*******************************/
 /* Responsive */
@media (max-width: 767px) {

	.site_conference .navbar-brand, .site_conference .navbar-brand:focus { height:110px; }
	.site_conference .navbar-toggler,.site_conference .navbar-toggler :focus { right:15px; left:auto; }
	.site_conference #menu_principal { margin:0; background:#FFF; width:100%;  }
	.site_conference #menu_principal ul  {margin:0 !important }
	.site_conference #menu_principal ul li {margin:0 }
	.site_conference #menu_principal ul li a {transition:all .2s ease; font-size:30px; line-height:50px;  border-bottom:1px solid #eee;  font-family: 'Staatliches', cursive;padding-top:15px; padding-bottom:15px; color:#000;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff }
	.site_conference #menu_principal ul li a:hover {color:#000;text-shadow:none; border-bottom:0; }
	.site_conference #menu_principal ul li.active a  {color:#000;text-shadow:none; border-bottom:0; }
	
	.site_conference.mobile_sticky #header_c #menu_secondaire { display:none; }
	.site_conference.mobile_sticky #header_c .navbar-brand{ display:block; height:50px; width:60px; background-size:cover;  }
	
	.site_conference #conference_content{ background:#fff}
	
	.site_conference #banner_c { margin-top:30px; }
	.site_conference #banner_c .img { margin-bottom:75px; }
	
	.site_conference #conference_c::after { display:none; }
	.site_conference #conference_c .counter { display:none; }
	.site_conference #conference_c .item .img { width:100% !important; margin-bottom:25px;  }
	.site_conference #conference_c .filter  { display:none;   }
	
	.site_conference #how_c .counter { display:none; }
	.site_conference #how_c::after { display:none; }
	.site_conference #how_c #how_list::before { display:none; }
	.site_conference #how_c #how_list::after { display:none; }
}



@media (min-width: 768px) and (max-width: 991px) {
	.site_conference .navbar-brand, .site_conference .navbar-brand:focus { height:110px; }
	.site_conference .navbar-toggler,.site_conference .navbar-toggler :focus { right:15px; left:auto; }
	.site_conference #menu_principal { margin:0; background:#FFF; width:100%;  }
	.site_conference #menu_principal ul  {margin:0 !important }
	.site_conference #menu_principal ul li {margin:0 }
	.site_conference #menu_principal ul li a {transition:all .2s ease; font-size:30px; line-height:50px;  border-bottom:1px solid #eee;  font-family: 'Staatliches', cursive;padding-top:15px; padding-bottom:15px; color:#000;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff }
	.site_conference #menu_principal ul li a:hover {color:#000;text-shadow:none; border-bottom:0; }
	.site_conference #menu_principal ul li.active a  {color:#000;text-shadow:none; border-bottom:0; }
	
	.site_conference.mobile_sticky #header_c #menu_secondaire { display:none; }
	.site_conference.mobile_sticky #header_c .navbar-brand{ display:block; height:50px; width:60px; background-size:cover;  }
	
	.site_conference #conference_content{ background:#fff}
	
	.site_conference #banner_c { margin-top:30px; }
	.site_conference #banner_c .img { margin-bottom:75px; }
	
	.site_conference #conference_c::after { display:none; }
	.site_conference #conference_c .counter { display:none; }
	.site_conference #conference_c .item .img { width:100% !important; margin-bottom:25px;  }
	.site_conference #conference_c .filter  { display:none;   }
	
	.site_conference #how_c .counter { display:none; }
	.site_conference #how_c::after { display:none; }
	.site_conference #how_c #how_list::before { display:none; }
	.site_conference #how_c #how_list::after { display:none; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.site_conference #header_c  {  }	
	.site_conference #menu_secondaire { padding:0}
	.site_conference #menu_secondaire ul li.home_ud   { display:none;   }
	.site_conference #menu_secondaire ul li.phone a { text-indent:0; height:auto; width:auto; background:transparent url("../images/interface/phone.svg") no-repeat left center; padding-left:30px;  }
	.site_conference #banner_c .img { margin-bottom:75px; }
	
	.site_conference #conference_c::after { display:none; }
	.site_conference #conference_c .counter{ display:none; }	
	.site_conference #conference_c .item .img { width:100% !important; margin-bottom:25px;  }
	 
	.site_conference #how_c .counter { display:none; }
	.site_conference #how_c::after { display:none; }
	.site_conference #how_c #how_list::before { display:none; }
	.site_conference #how_c #how_list::after { display:none; }
}

@media (min-width: 1200px) and (max-width: 1499px) {
	.container { max-width: 1150px;}
	.site_conference #header_c {}
	.site_conference #conference_c::after { display:none; }
}

@media (min-width: 1500px) and (max-width: 1699px) {
	.container { max-width: 1450px;}
	.site_conference #header_c {}
	
}

@media (min-width: 1700px){
	.container { max-width: 1550px;}
	.site_conference #header_c {}
}