@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url('styles/boots-bones.css');
/*
Theme Name: Naked Wordpress
Theme URI: http://bckmn.com/naked-wordpress
Author: J Beckman
Author URI: http://bckmn.com
Description: A super bare theme for designers who don't know Wordpress PHP but want to build with Wordpress.
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */
.ct-ultimate-gdpr-slider{top:80px!important;}
.ct-ultimate-gdpr-cookie-modal-slider li,
.ct-ultimate-gdpr-cookie-modal-slider-able li,
.ct-ultimate-gdpr-cookie-modal-slider-not-able li{list-style:none !important;}
html{
  width: 100%;
  float: left;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
   background-color: #f0f2f5 !important;
       float: left;
}
.payment_method_computop_onetime label, #computop_register{display:none;}
.woocommerce-checkout .woocommerce-order .order_details .method{display:none;}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
    border: 1em solid #f0f2f5 !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
}
.computop-display-card{float:left;margin:0 10px 0 0;}

*{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
body{
  width: 100%;
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: 'Source Sans Pro', sans-serif;
}
body.noscroll{overflow-y: -moz-hidden-unscrollable;}
.marge{
  margin: 0 auto;
}
#onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-right{z-index: 1000;}
.elementor-section, #elementor-add-new-section{
    width: 100%;
}
#gfield_description_1_4{display:block !important}
p:empty::before{display: none;}
h1{
  font-weight: 700;
  color: #001b2d;
  text-transform: uppercase;
}
h2, .innerpop .Titre1, .elesec h2{
  font-weight: 700;
  color: #00365A;
  text-transform: uppercase;
}
.elesec h2{
  font-weight: 700 !important;
  color: #00365A !important;
}
h3, .innerpop .Titre2, .elesec h3{
  font-weight: 700;
  color: #006BB3;
  width: 100%;
}
h5, .Titre5{
  font-weight: 600;
  color: #00365a;
  width: 100%;
  text-transform: initial;
}
.elesec h3{
  font-weight: 700 !important;
  color: #006BB3 !important;
}
.gfield_password_strength{
    float: left;
width: 50%;
clear: both;
}
p, ul li, ol li, .elesec p, .elesec ul li, .elesec ol li{
  font-weight: 400;
  color: #00365A;
}
.elesec p{
  font-weight: 400 !important;
}
.elesec ul li, .elesec ol li{
  margin: 0 auto !important;
  font-weight: 400 !important;
}
strong{font-weight: 700; color: #001B2D;}
.elesec strong{font-weight: 700 !important; color: #001B2D !important;}
em{font-style: italic;}
.elesec p span.btnrouge{
  margin: 6px auto 0;
  width: auto;
  float: left;
}
.elesec p span.btnrouge a{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  text-decoration: none;
  color: #fff;
  background: #f06450;
  font-weight: 600;
  border: 1px #f06450 solid;
  width: auto;
  max-width: 100%;
}
.elesec p span.btnrouge a:hover{background: none; color: #f06450;}
.elesec .multicol.membres ul{
  padding: 0;
  text-align: left;
}
.elesec .multicol.membres ul li{
  margin: 0 !important;
  float: none;
  display: inline-block;
  vertical-align: top;
  list-style: none;
}
.elesec .multicol.membres ul li{width: calc(33.3334% - 16px); margin: 0 !important;}
/*.elesec .multicol.membres ul li:nth-child(3n+2){margin: 0 24px !important;}*/
.elesec .elementor-posts .elementor-post{
  margin: 16px auto 0;
  width: 100%;
  float: left;
  display: block;
}
.elesec .elementor-posts .elementor-post__text{
  width: 100%;
  float: left;
}
.elesec .elementor-posts .elementor-post__excerpt{display: none;}
.elesec .elementor-posts .elementor-post h3{
  position: relative;
}
.elesec .elementor-posts .elementor-post h3::before{
  top: -2px;
  left: 0;
  position: absolute;
  z-index: 2;
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.elesec .elementor-posts .elementor-post.type-simplenews h3::before{
  width: 12px;
  height: 24px;
  top: 4px;
  left: 12px;
  position: absolute;
  z-index: 2;
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.elesec .elementor-posts .elementor-post.type-ficheinfopatients h3::before{background-image: url(img/fiches_infos_patients_icon.png);}

a{
  color: #006BB3;
  cursor: pointer;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
a:hover{color: #001B2D;}
ul.list_publications li .right a::after{
    display:none;
}
.page_content .btnpdf[target="_blank"]::after{
    background: none; width:0; display:none;
}
.page_content a[target="_blank"]::after{
  background-image: url(img/externlink.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  content: '';
  display: inline-block;
  margin: -5px 0 0 5px;
  vertical-align: middle;
}
.page_content a.noafter::after{
  width:0;
  height:0;
}
#box_warning{
    background: url('img/warningmember.png') no-repeat 44px 30px #eff1f5;
    padding: 20px 20px 20px 100px;
    background-size: 44px;
}
.page_content a.targetblank{color: #f06450; text-decoration: none;}
.page_content .leftimg_actu a[target="_blank"], .page_content #gform_wrapper_5 a[target="_blank"]{padding: 0;}
.page_content .leftimg_actu a[target="_blank"]::after, .page_content #gform_wrapper_5 a[target="_blank"]::after{display: none;}
a.externe::after, a.exit::after{
  position: absolute;
  z-index: 2;
  background-image: url(img/externlink.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  content: '';
}
a.exit{
  width: auto;
  font-weight: 500;
  border: 1px #f06450 solid;
  color: #f06450;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  text-align: center;
  float: left;
  text-decoration: none;
  position: relative;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
a.exit:hover{color: #fff; background: #f06450;}
ul, ol{
  margin: 0 auto;
}
ul li{list-style-type: disc; list-style-position: outside; margin: 0 auto;}
ol li{list-style-type: decimal; list-style-position: outside; margin: 0 auto;}
ul li::marker, ol li::marker{color: #006BB3; font-weight: 700;}
blockquote{
  width: 100%;
  float: left;
  text-align: center;
}
blockquote p{
  margin: 0 auto;
  font-weight: 300;
  width: auto;
  max-width: 100%;
  display: inline-block;
  float: none;
}
img{
  width: auto;
  max-width: 100%;
  height: auto;
  display: inline-block;
}
img.alignright,
img.alignleft
img.aligncenter{
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}
img.alignright{
  margin: 0 0 0 24px !important;
  float: right !important;
}
img.alignleft{
  margin: 0 24px 0 0 !important;
  float: left !important;
}
img.aligncenter{margin: 0 auto !important; float: none !important;}
::placeholder{
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
}
select::-ms-expand{
  display: none;
}
.planArticleEmbarque{display:none}

/* ----------------------------- HEADER --------------------------------- */
header{
  width: 100%;
  float: left;
}
#topmenu{
  padding: 14px 0;
  width: 100%;
  float: left;
  background: #fff;
}
a#backtopro{
  font-size: 16px;
  line-height: 18px;
  padding: 6px 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #006BB3;
  background: transparent;
  color: #006BB3;
  font-weight: 400;
  text-decoration: none;
  width: auto;
  float: right;
  cursor: pointer;
  position: relative;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
a#backtopro:hover{background: #006BB3; color: #fff;}
.page-template-patient a#backtopro, .page-template-patient_single a#backtopro{display: block;}
.menu-top-menu-container, .menu-patients-top-container{
  width: 100%;
  float: left;
}
.page-template-patient .menu-top-menu-container, .page-template-patient_single .menu-top-menu-container{display: none;}
ul.menu{
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}
ul.menu li{
  width: auto;
  float: left;
  list-style: none;
  position: relative;
}
ul.menu li::after{
  height: 12px;
  top: calc(50% - 8px);
  right: 0;
  width: 1px;
  position: absolute;
  z-index: 2;
  content: '';
}
.menu-top-menu-container ul.menu li::after, .menu-patients-top-container ul.menu li::after{background: #C8CAD7;}
ul.menu li.selection::after, ul.menu li.profil::after, ul.menu li.patient::after{display: none;}
ul.menu li.selection, ul.menu li.profil, ul.menu li.patient{margin: 0;}
ul.menu li.patient{padding: 0; float: right;}
ul.menu li a{
  text-decoration: none;
  width: auto;
  float: left;
  position: relative;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.menu-top-menu-container ul.menu li a, .menu-patients-top-container ul.menu li a{
  color: #006BB3;
  font-weight: 400;
}
.menu-top-menu-container ul.menu li a:hover, .menu-patients-top-container ul.menu li a:hover{color: #006BB3;}
ul.menu li a::after{
  width: 0;
  left: 50%;
  bottom: 0;
  height: 4px;
  position: absolute;
  background: #B3DFED;
  z-index: 2;
  content: '';
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.menu-menu-principal-patient-container ul.menu li a::after{background: #006BB3;}
ul.menu li a:hover::after, ul.menu li.current-menu-item a::after, ul.menu li.current-menu-parent a::after, ul.menu li.current-page-ancestor a::after, ul.menu li.current-patient-ancestor a::after{
  left: 0;
  width: 100%;
}
ul.menu li.selection a, ul.menu li.profil a, ul.menu li.patient a{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #006BB3;
  background: #006BB3;
  color: #fff;
}
ul.menu li.selection a:hover, ul.menu li.profil a:hover{color: #006BB3; background: #fff;}
ul.menu li.patient a{background: #fff; color: #f06450; border-color: #F06450;}
ul.menu li.patient a:hover{background: #f06450; color: #fff; border-color: #F06450;}
ul.menu li.selection.current-menu-item a, ul.menu li.profil.current-menu-item a, ul.menu li.patient.current-menu-item a{background: #fff; color: #F06450; border-color: #F06450;}
ul.menu li.selection a::after, ul.menu li.profil a::after, ul.menu li.patient a::after{display: none;}
ul.menu li.selection a::before, ul.menu li.profil a::before{
  position: absolute;
  z-index: 2;
  content: '';
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
ul.menu li.selection a::before{background-image: url(img/selection_icon.png);}
ul.menu li.profil a::before{background-image: url(img/profil_icon.png);}
ul.menu li.selection a:hover::before, ul.menu li.profil a:hover::before{background-position: center center;}
ul.menu li.selection.current-menu-item a::before, ul.menu li.profil.current-menu-item a::before{background-position: center top;}
#mainheader{
  width: 100%;
  float: left;
  position: relative;
  background: #006BB3;
}

#mainheader h1{
  float: left;
  margin: 0 auto;
}
a#logo{
  width: 100%;
  float: left;
}

a#logo img, a#logo_patient img{
  width: 100%;
  float: left;
  height: auto;
}
.menu-menu-1-container, .menu-menu-principal-patient-container{
  width: auto;
  float: right;
}
.illu_patient{
  width: auto;
  float: right;
}
.illu_patient img{
  width: auto;
  float: left;
  height: 100%;
}
.menu-menu-1-container ul#menu-menu-1.menu li{position: inherit;}
.menu-menu-1-container ul.menu li:last-child::after,
.menu-menu-principal-patient-container ul.menu li:last-child::after{display: none;}
.menu-menu-1-container ul.menu li::after,
.menu-menu-principal-patient-container ul.menu li::after{
  background: #00365A;
  right: auto;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  top: auto;
}
.menu-menu-principal-patient-container ul.menu li::after{background: #fff;}
.menu-menu-1-container ul.menu li.current-menu-item a::before, .menu-menu-principal-patient-container ul.menu li.current-menu-item a::before, .menu-menu-1-container ul.menu li.current-menu-ancestor a::before, .menu-menu-1-container ul.menu li.current-page-ancestor a::before{
  content: '';
  position: absolute;
  z-index: 4;
  background-image: url(img/arrow_main_menu.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
.menu-menu-1-container ul.menu li a, .menu-menu-principal-patient-container ul.menu li a{
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.menu-menu-principal-patient-container ul.menu li a{color: #00365a;}
.menu-menu-1-container ul.menu li ul.sub-menu{
  width: 100%;
  left: 0;
  position: absolute;
  background: #A0A2A5;
  float: none;
  text-align: center;
  z-index: 3;
  animation: submenu 0.3s ease-in-out forwards;
  -webkit-animation: submenu 0.3s ease-in-out forwards;
  -moz-animation: submenu 0.3s ease-in-out forwards;
  -o-animation: submenu 0.3s ease-in-out forwards;
  -ms-animation: submenu 0.3s ease-in-out forwards;
  transform-origin: center top;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
}
@keyframes submenu{0%{transform: scaleY(0); background: #A0A2A5;} 100%{transform: scaleY(1); background: #F0F2F5;}}
@-webkit-keyframes submenu{0%{transform: scaleY(0); background: #A0A2A5;} 100%{transform: scaleY(1); background: #F0F2F5;}}
@-moz-keyframes submenu{0%{transform: scaleY(0); background: #A0A2A5;} 100%{transform: scaleY(1); background: #F0F2F5;}}
@-ms-keyframes submenu{0%{transform: scaleY(0); background: #A0A2A5;} 100%{transform: scaleY(1); background: #F0F2F5;}}
@-o-keyframes submenu{0%{transform: scaleY(0); background: #A0A2A5;} 100%{transform: scaleY(1); background: #F0F2F5;}}
.menu-menu-1-container ul.menu li > ul.sub-menu{display: none;}
.menu-menu-1-container ul.menu li:hover > ul.sub-menu{display: block;}
.sous_menu{
  background: #F0F2F5;
  width: 100%;
  float: left;
  position: relative;
}
.menu-publications-container, .menu-pratiques-pro-container, .menu-menu-event-container, .menu-afu-container{
  margin: 0 auto;
}
.sous_menu ul.menu{
  width: 100%;
  float: left;
  text-align: center;
}
.sous_menu ul.menu li, .menu-menu-1-container ul.menu li ul.sub-menu li{
  margin: 0 0 0 -5px;
  float: none;
  display: inline-block;
}
.menu-menu-1-container ul.menu li ul.sub-menu li{position: relative !important;}
.menu-menu-1-container ul.menu li ul.sub-menu li::after{
  top: calc(50% - 8px);
  right: 0;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
}
.sous_menu ul.menu li::after, .menu-menu-1-container ul.menu li ul.sub-menu li::after{background: #B4B6B9;}
.sous_menu ul.menu li:last-child::after, .menu-menu-1-container ul.menu li ul.sub-menu li:last-child::after{display: none;}
.sous_menu ul.menu li a, .menu-menu-1-container ul.menu li ul.sub-menu li a{
  line-height: 1;
  float: none;
  color: #006BB3;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  text-transform: inherit;
}
.menu-menu-1-container ul.menu li ul.sub-menu li a::after{
  width: 0;
  left: 50%;
  bottom: 0;
  height: 4px;
  position: absolute;
  background: #B3DFED;
  z-index: 2;
  content: '';
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.menu-menu-1-container ul.menu li ul.sub-menu li a:hover::after, .menu-menu-1-container ul.menu li ul.sub-menu li.current-menu-item a::after, .menu-menu-1-container ul.menu li.current-page-ancestor a::after,
.sous_menu ul.menu li.current-page-ancestor a::after, .menu-menu-1-container ul.menu li ul.sub-menu li.current-page-ancestor a::after{left: 0; width: 100%;}
.sous_menu ul.menu li a:hover, .menu-menu-1-container ul.menu li ul.sub-menu li a:hover{color: #006BB3;}
.menu-menu-1-container ul.menu li ul.sub-menu li a::before{display: none;}
#btn_search{
  width: 32px;
  height: 32px;
  float: right;
  background-color: #fff;
  background-position: center bottom;
  background-image: url(img/btn_search.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  cursor: pointer;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#btn_search:hover{
  background-color: #00365A;
  background-position: center top;
}
#search_bar{
  display: none;
  transform-origin: right center;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  -ms-transform-origin: right center;
}
#search_bar.open{
  display: block;
}
#search_bar #closeseach{
  position: absolute;
  z-index: 5;
  background-color: #59a5d0;
  background-position: center;
  background-image: url(img/btn_search_close.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  animation: openclosesearch 0.4s ease-in-out forwards;
  -webkit-animation: openclosesearch 0.4s ease-in-out forwards;
  -moz-animation: openclosesearch 0.4s ease-in-out forwards;
  -o-animation: openclosesearch 0.4s ease-in-out forwards;
  -ms-animation: openclosesearch 0.4s ease-in-out forwards;
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
}
@keyframes openclosesearch{0%{transform: scale(0);} 80%{transform: scale(1.05);} 100%{transform: scale(1);}}
@-webkit-keyframes openclosesearch{0%{transform: scale(0);} 80%{transform: scale(1.05);} 100%{transform: scale(1);}}
@-moz-keyframes openclosesearch{0%{transform: scale(0);} 80%{transform: scale(1.05);} 100%{transform: scale(1);}}
@-ms-keyframes openclosesearch{0%{transform: scale(0);} 80%{transform: scale(1.05);} 100%{transform: scale(1);}}
@-o-keyframes openclosesearch{0%{transform: scale(0);} 80%{transform: scale(1.05);} 100%{transform: scale(1);}}
#search_bar #closeseach:hover{background-color: #f06450;}
#search_bar form#searchform{
  width: 100%;
  position: absolute;
  z-index: 4;
  left: 0;
}
#search_bar form#searchform .searchinput{
  width: 100%;
  float: left;
}
#search_bar form#searchform .searchinput input[type="text"]{
  height: 48px;
  width: calc(100% - 24px);
  border-radius: 24px 0 0 24px;
  -webkit-border-radius: 24px 0 0 24px;
  -moz-border-radius: 24px 0 0 24px;
  -o-border-radius: 24px 0 0 24px;
  -ms-border-radius: 24px 0 0 24px;
  outline: 0;
  float: left;
  color: #fff;
  font-weight: 400;
  background: #fff;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  font-family: 'Source Sans Pro', sans-serif;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform-origin: right;
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -o-transform-origin: right;
  -ms-transform-origin: right;
  animation: opensearchinput 0.6s ease-in-out forwards;
  -webkit-animation: opensearchinput 0.6s ease-in-out forwards;
  -moz-animation: opensearchinput 0.6s ease-in-out forwards;
  -o-animation: opensearchinput 0.6s ease-in-out forwards;
  -ms-animation: opensearchinput 0.6s ease-in-out forwards;
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
}
@keyframes opensearchinput{0%{transform: scaleX(0); color: #fff;} 80%{transform: scaleX(1); color: #fff;} 100%{transform: scaleX(1); color: #59a5d0;}}
@-webkit-keyframes opensearchinput{0%{transform: scaleX(0); color: #fff;} 80%{transform: scaleX(1); color: #fff;} 100%{transform: scaleX(1); color: #59a5d0;}}
@-moz-keyframes opensearchinput{0%{transform: scaleX(0); color: #fff;} 80%{transform: scaleX(1); color: #fff;} 100%{transform: scaleX(1); color: #59a5d0;}}
@-ms-keyframes opensearchinput{0%{transform: scaleX(0); color: #fff;} 80%{transform: scaleX(1); color: #fff;} 100%{transform: scaleX(1); color: #59a5d0;}}
@-o-keyframes opensearchinput{0%{transform: scaleX(0); color: #fff;} 80%{transform: scaleX(1); color: #fff;} 100%{transform: scaleX(1); color: #59a5d0;}}
#search_bar form#searchform .searchinput input[type="submit"]{
  width: 48px;
  height: 48px;
  right: 0;
  top: 0;
  position: absolute;
  z-index: 6;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  padding: 0;
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
  background-color: #f06450;
  text-indent: -9999px;
  background-position: center bottom;
  background-image: url(img/btn_search2.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  animation: opensearchsubmit 0.3s ease-in-out forwards;
  -webkit-animation: opensearchsubmit 0.3s ease-in-out forwards;
  -moz-animation: opensearchsubmit 0.3s ease-in-out forwards;
  -o-animation: opensearchsubmit 0.3s ease-in-out forwards;
  -ms-animation: opensearchsubmit 0.3s ease-in-out forwards;
  transform: scale(0) translateX(150%);
  -webkit-transform: scale(0) translateX(150%);
  -moz-transform: scale(0) translateX(150%);
  -o-transform: scale(0) translateX(150%);
  -ms-transform: scale(0) translateX(150%);
}
@keyframes opensearchsubmit{0%{transform: scale(0) translateX(150%);} 100%{transform: scale(1) translateX(0);}}
@-webkit-keyframes opensearchsubmit{0%{transform: scale(0) translateX(150%);} 100%{transform: scale(1) translateX(0);}}
@-moz-keyframes opensearchsubmit{0%{transform: scale(0) translateX(150%);} 100%{transform: scale(1) translateX(0);}}
@-ms-keyframes opensearchsubmit{0%{transform: scale(0) translateX(150%);} 100%{transform: scale(1) translateX(0);}}
@-o-keyframes opensearchsubmit{0%{transform: scale(0) translateX(150%);} 100%{transform: scale(1) translateX(0);}}
#search_bar form#searchform .searchinput input[type="submit"]:hover{background-color: #00365A; background-position: center top;}
.search-results h1 span{color: #006bb3; font-weight: 400; text-transform: initial;}
.search-results h1 span b{font-weight: 700;}
.ariane{
  color: #59A5D0;
  font-weight: 400;
  width: 100%;
}
.ariane a{
  color: #59A5D0;
  text-decoration: none;
}
.ariane a:hover{color: #006BB3;}
#btnmenu, #btnmenu2{
  width: 34px;
  height: 34px;
  float: right;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  background-image: url(img/btnmenu.png);
  animation: gotoopen 0.4s steps(23) forwards;
  -webkit-animation: gotoopen 0.4s steps(23) forwards;
  -moz-animation: gotoopen 0.4s steps(23) forwards;
  -o-animation: gotoopen 0.4s steps(23) forwards;
  -ms-animation: gotoopen 0.4s steps(23) forwards;
}
@keyframes gotoopen{0%{background-position: center bottom;} 100%{background-position: center top;}}
@-webkit-keyframes gotoopen{0%{background-position: center bottom;} 100%{background-position: center top;}}
@-moz-keyframes gotoopen{0%{background-position: center bottom;} 100%{background-position: center top;}}
@-ms-keyframes gotoopen{0%{background-position: center bottom;} 100%{background-position: center top;}}
@-o-keyframes gotoopen{0%{background-position: center bottom;} 100%{background-position: center top;}}
#btnmenu.close, #btnmenu2.close{
  animation: gotoclose 0.4s steps(23) forwards;
  -webkit-animation: gotoclose 0.4s steps(23) forwards;
  -moz-animation: gotoclose 0.4s steps(23) forwards;
  -o-animation: gotoclose 0.4s steps(23) forwards;
  -ms-animation: gotoclose 0.4s steps(23) forwards;
}
@keyframes gotoclose{0%{background-position: center top;} 100%{background-position: center bottom;}}
@-webkit-keyframes gotoclose{0%{background-position: center top;} 100%{background-position: center bottom;}}
@-moz-keyframes gotoclose{0%{background-position: center top;} 100%{background-position: center bottom;}}
@-ms-keyframes gotoclose{0%{background-position: center top;} 100%{background-position: center bottom;}}
@-o-keyframes gotoclose{0%{background-position: center top;} 100%{background-position: center bottom;}}
#menumobile, #menupatient{
  width: 100%;
  height: 100%;
  position: fixed;
  overflow-y: scroll;
  background-image: linear-gradient(to right, #00365a, #001b2d);
  left: 0;
  z-index: 1000;
  display: none;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  animation: showmemenu 0.8s ease-in-out forwards;
  -webkit-animation: showmemenu 0.8s ease-in-out forwards;
  -moz-animation: showmemenu 0.8s ease-in-out forwards;
  -ms-animation: showmemenu 0.8s ease-in-out forwards;
  -o-animation: showmemenu 0.8s ease-in-out forwards;
}
@keyframes showmemenu{0%{transform: translateY(100%);} 100%{transform: translateY(0);}}
@-webkit-keyframes showmemenu{0%{transform: translateY(100%);} 100%{transform: translateY(0);}}
@-moz-keyframes showmemenu{0%{transform: translateY(100%);} 100%{transform: translateY(0);}}
@-ms-keyframes showmemenu{0%{transform: translateY(100%);} 100%{transform: translateY(0);}}
@-o-keyframes showmemenu{0%{transform: translateY(100%);} 100%{transform: translateY(0);}}
#menumobile.active, #menupatient.active{display: block;}
.menumobile{
  height: 1200px;
  width: 100%;
  float: left;
}
.menu-menu-mobile-container{
  width: 100%;
  float: left;
}
#menumobile ul.menu, #menupatient ul{
  width: 100%;
  float: left;
}
#menupatient ul{text-align: left; padding: 0;}
#menumobile ul.menu li, #menupatient ul li{
  margin: 14px auto 0;
  width: 100%;
  float: left;
}
#menupatient ul li{
  list-style: none;
  float: none;
  display: inline-block;
}
#menupatient ul li:first-child{width: auto;}
#menumobile ul.menu li.menutop a, #menupatient ul.menu li.menutop a{
  font-size: 13px;
  line-height: 14px;
  padding: 6px 10px 6px 30px;
  background-color: #006bb3;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
#menupatient ul.menu li.menutop a{padding: 6px 10px;}
#menumobile ul.menu li.menutop a::before{
  width: 16px;
  height: 16px;
  top: 5px;
  left: 10px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  content: '';
  position: absolute;
  z-index: 2;
}
#menumobile ul.menu li#menu-item-43662.menutop a::before{background-image: url(img/selection_icon.png);}
#menumobile ul.menu li#menu-item-43663.menutop a::before{background-image: url(img/profil_icon.png);}
#menumobile ul.menu li.menutop.current_page_item a{background-color: #f06450;}
#menumobile ul.menu li.menutop::after, #menumobile ul.menu li.menutop a::after, #menumobile ul.menu li.menujesuis::after, #menumobile ul.menu li.menujesuis a::after{display: none;}
#menumobile ul.menu li#menu-item-43654,
#menumobile ul.menu li#menu-item-43664,
#menupatient ul.menu li#menu-item-73159{
  padding: 14px 0 0;
  border-top: 1px #005187 solid;
}
#menumobile ul.menu li.menubis::after, #menumobile ul.menu li.menubis a::after{display: none;}
#menumobile ul.menu li.menutop, #menupatient ul.menu li.menutop{margin: 20px 10px 0 0; width: auto;}
#menumobile ul.menu li a, #menupatient ul.menu li a{
  font-size: 16px;
  line-height: 18px;
  margin: 0 auto;
  width: 100%;
  float: left;
  color: #fff;
  font-weight: 400;
}
#menupatient ul.menu li a{
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 900;
}
#menupatient ul.menu li.menubis a{
  font-weight: 400;
  text-transform: inherit;
}
#menupatient ul.menu li a::after{display: none;}
#menupatient ul li a#backtopro{background: #006BB3; font-weight: 400; text-transform: inherit;}
#menumobile ul.menu li.current-menu-ancestor a{color: #f06450;}
#menumobile ul.menu li.current-menu-ancestor ul.sub-menu li a{color: #fff;}
#menumobile ul.menu li.current-menu-ancestor ul.sub-menu li.current_page_item a{color: #f06450;}
#menumobile ul.menu li.onglet a{
  padding: 0 24px 0 0;
  text-transform: uppercase;
  font-weight: 900;
}
#menumobile ul.menu li.menujesuis a{
  font-size: 13px;
  line-height: 14px;
  padding: 5px 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  width: 100%;
  text-align: center;
  border: 1px #fff solid;
}
#menumobile ul.menu li.menujesuis.current_page_item a{border-color: #f06450; color: #f06450;}
#menumobile ul.menu li.onglet a::after{
  width: 8px;
  height: 16px;
  right: 0;
  left: auto;
  background-image: url(img/arrowul.png);
  background-repeat: no-repeat;
  background-color: inherit;
  background-position: center;
  background-size: 100% auto;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
#menumobile ul.menu li.onglet.open a::after{
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}
#menumobile ul.menu li.onglet ul.sub-menu{
  margin: 0 auto 14px;
  display: none;
  width: 100%;
  float: left;
  padding: 0;
}
#menumobile ul.menu li.onglet ul.sub-menu li a{
  padding: 0 0 0 24px;
  text-transform: initial;
  font-weight: 400;
}
#menumobile ul.menu li.onglet ul.sub-menu li a::after{display: none;}
#menumobile ul.menu li.onglet ul.sub-menu li a::before{
  width: 12px;
  content: '';
  left: 0;
  height: 1px;
  top: calc(50% - 0.5px);
  position: absolute;
  z-index: 2;
  background: #fff;
}
#menumobile ul.menu li.onglet ul.sub-menu li.current-menu-item a{color: #f06450;}
#menumobile ul.menu li.current-menu-ancestor ul.sub-menu li.current_page_item a::before,
#menumobile ul.menu li.onglet ul.sub-menu li.current-menu-item a::before{background: #f06450;}
.espacemembre{
  margin: 14px auto 0;
  padding: 14px 0 0 0;
  border-top: 1px #005187 solid;
  width: 100%;
  float: left;
}
.espacemembre span{
  font-size: 16px;
  line-height: 18px;
  margin: 0 auto 10px;
  width: 100%;
  float: left;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
}
.espacemembre p{line-height: 14px; margin: 0 auto; color: #b4b8c3; width: 100%; float: left;}
.espacemembre a{
  font-size: 13px;
  line-height: 14px;
  padding: 6px 10px;
  margin: 10px auto 0;
  border: 1px #fff solid;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  width: auto;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  float: left;
}


/* ----------------------------- MAIN --------------------------------- */
main{
  width: 100%;
  float: left;
}
.content_main{
  width: 100%;
  float: left;
}
#pwa .content_main.alaune{
  background-image: linear-gradient(to top, #d4d8e2, #f0f2f5);
  position: relative;
}
.innercontent{
  width: 100%;
  float: left;
  position: relative;
}
.page_content{float: left;}
.page_content.patient_content{float: right;}
section{
  width: 100%;
  margin: 0 auto;
  float: left;
}
.actupwa{
  margin: 16px auto 0;
  padding: 0 0 16px;
  width: 100%;
  float: left;
}
.actupwa .left{width: 120px; margin: 0 10px 0 0; float: left;}
.actupwa .left img{width: 100%; height: auto; float: left;}
.actupwa .right{width: calc(100% - 130px); float: left;}
#pwa .actupwa .right h2{font-size: 12px; line-height: 12px; padding: 4px 8px; margin: 0 auto;font-weight: 600; color: #fff; background: #59a5d0; width: auto; float: left;}
#pwa .actupwa .right h3{font-size: 13px; line-height: 16px; padding: 0; margin: 10px auto; font-weight: 600; color: #00365a; width: 100%; float: left;}
#pwa .actupwa .right h2::after{display: none;}
#pwa .actupwa a#lirelasuite, #pwa .actupwa a#reduire{
  font-size: 12px;
  line-height: 12px;
  padding: 4px 20px 4px 8px;
  margin: 0 auto;
  width: auto;
  float: right;
  font-weight: 600;
  border: 1px #f06450 solid;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-image: url(img/readmorepwa.png);
}
#pwa .actupwa a#lirelasuite{color: #f06450; background-position: right top;}
#pwa .actupwa a#reduire{color: #fff; background-color: #f06450; background-position: right bottom;}
#pwa .actupwa .full_actu{
  font-size: 12px;
  line-height: 14px;
  width: 100%;
  float: left;
}


/* ----------------------------- MY ACCOUNT --------------------------------- */
.btn_top_single a.disconnect{border-color: #b4b6b9; color: #b4b6b9; background: #fff;}
.btn_top_single a.disconnect::before{background-image: url(img/disconnect.png);}
.btn_top_single a.disconnect:hover{background: #b4b6b9; color: #fff;}
#menu_connecte{
  width: 100%;
  float: left;
}
#menu_connecte a{
  font-weight: 400;
  position: relative;
  background: #f0f2f5;
  float: left;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  text-align: center;
  text-decoration: none;
  color: #f06450;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#menu_connecte a:first-child{margin: 0;}
#menu_connecte a::before{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-color: #fff;
  position: absolute;
  z-index: 2;
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
#menu_connecte a.myaccount::before{background-image: url(img/myaccount.png);}
#menu_connecte a.mypurchases::before{background-image: url(img/mypurchases.png);}
#menu_connecte a.mybills::before{background-image: url(img/mybills.png);}
#menu_connecte a:hover{color: #fff; background: #f06450;}




/* ----------------------------- HOME --------------------------------- */
#hometop{
  width: 100%;
  float: left;
  background-image: url(img/cutslider.png), linear-gradient(to bottom, #006bb3, #00365a);
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, auto;
  background-position: center bottom, center;
  position: relative;
}
.page-template-patient #hometop{background-image: url(img/cutslider.png), linear-gradient(to bottom, #b3dfed, #8ccddd);}
#hometop #slider{
  width: 100%;
  float: left;
  position: relative;
}
#hometop #slider ul{
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}
#hometop #slider ul li{
  width: 100%;
  float: left;
  display: none;
  list-style: none;
}
#hometop #slider ul li.active, #hometop #slider ul li.disappear{display: block;}
#hometop #slider ul li .left{
  float: left;
}
#hometop #slider ul li .right{
  float: left;
}
#hometop #slider ul li .right img{
  width: 100%;
  float: left;
  height: auto;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
#hometop #slider ul li .left #actuhome{
  width: 100%;
  float: left;
  background-color: rgba(255,255,255,0.75);
}
#hometop #slider ul li .left #actuhome .category_actu{
  color: #fff;
  background: #59a5d0;
  font-weight: 600;
  width: auto;
  float: left;
}
#hometop #slider ul li .left #actuhome .title_actu{
  width: 100%;
  float: left;
  text-transform: uppercase;
  font-weight: 900;
  color: #00365a;
}
#hometop #slider ul li .left #actuhome .excerpt_actu{
  width: 100%;
  float: left;
  font-weight: 400;
  color: #00365a;
}
#hometop #slider ul li .left #actuhome a{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  margin: 0 auto;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  border-width: 1px;
  border-color: #f06450;
  color: #fff;
  background: #f06450;
  border-style: solid;
  width: auto;
  float: right;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#hometop #slider ul li .left #actuhome a:hover{background-color: initial; color: #f06450;}
#hometop #slider ul li.active .left{
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  -ms-opacity: 0;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  animation: leftslidein 0.8s ease-in-out forwards;
  -webkit-animation: leftslidein 0.8s ease-in-out forwards;
  -moz-animation: leftslidein 0.8s ease-in-out forwards;
  -o-animation: leftslidein 0.8s ease-in-out forwards;
  -ms-animation: leftslidein 0.8s ease-in-out forwards;
}
@keyframes leftslidein{0%{opacity: 0; transform: translateX(-100%);} 80%{opacity: 1; transform: translateX(5%);} 100%{opacity: 1; transform: translateX(0);}}
@-webkit-keyframes leftslidein{0%{opacity: 0; transform: translateX(-100%);} 80%{opacity: 1; transform: translateX(5%);} 100%{opacity: 1; transform: translateX(0);}}
@-moz-keyframes leftslidein{0%{opacity: 0; transform: translateX(-100%);} 80%{opacity: 1; transform: translateX(5%);} 100%{opacity: 1; transform: translateX(0);}}
@-ms-keyframes leftslidein{0%{opacity: 0; transform: translateX(-100%);} 80%{opacity: 1; transform: translateX(5%);} 100%{opacity: 1; transform: translateX(0);}}
@-o-keyframes leftslidein{0%{opacity: 0; transform: translateX(-100%);} 80%{opacity: 1; transform: translateX(5%);} 100%{opacity: 1; transform: translateX(0);}}
#hometop #slider ul li.active .right{
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  -ms-opacity: 0;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  animation: rightslidein 0.8s ease-in-out forwards;
  -webkit-animation: rightslidein 0.8s ease-in-out forwards;
  -moz-animation: rightslidein 0.8s ease-in-out forwards;
  -o-animation: rightslidein 0.8s ease-in-out forwards;
  -ms-animation: rightslidein 0.8s ease-in-out forwards;
}
@keyframes rightslidein{0%{opacity: 0; transform: translateX(100%);} 80%{opacity: 1; transform: translateX(-5%);} 100%{opacity: 1; transform: translateX(0);}}
@-webkit-keyframes rightslidein{0%{opacity: 0; transform: translateX(100%);} 80%{opacity: 1; transform: translateX(-5%);} 100%{opacity: 1; transform: translateX(0);}}
@-moz-keyframes rightslidein{0%{opacity: 0; transform: translateX(100%);} 80%{opacity: 1; transform: translateX(-5%);} 100%{opacity: 1; transform: translateX(0);}}
@-ms-keyframes rightslidein{0%{opacity: 0; transform: translateX(100%);} 80%{opacity: 1; transform: translateX(-5%);} 100%{opacity: 1; transform: translateX(0);}}
@-o-keyframes rightslidein{0%{opacity: 0; transform: translateX(100%);} 80%{opacity: 1; transform: translateX(-5%);} 100%{opacity: 1; transform: translateX(0);}}
#hometop #slider ul li.disappear .left, #hometop #slider ul li.disappear .right{
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  animation: leftslideout 0.3s ease-in-out forwards;
  -webkit-animation: leftslideout 0.3s ease-in-out forwards;
  -moz-animation: leftslideout 0.3s ease-in-out forwards;
  -o-animation: leftslideout 0.3s ease-in-out forwards;
  -ms-animation: leftslideout 0.3s ease-in-out forwards;
}
#hometop #slider ul li.disappear .right{
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
}
@keyframes leftslideout{0%{opacity: 1; transform: scale(1);} 20%{opacity: 1; transform: scale(1.05);} 100%{opacity: 0; transform: scale(0);}}
@-webkit-keyframes leftslideout{0%{opacity: 1; transform: scale(1);} 20%{opacity: 1; transform: scale(1.05);} 100%{opacity: 0; transform: scale(0);}}
@-moz-keyframes leftslideout{0%{opacity: 1; transform: scale(1);} 20%{opacity: 1; transform: scale(1.05);} 100%{opacity: 0; transform: scale(0);}}
@-ms-keyframes leftslideout{0%{opacity: 1; transform: scale(1);} 20%{opacity: 1; transform: scale(1.05);} 100%{opacity: 0; transform: scale(0);}}
@-o-keyframes leftslideout{0%{opacity: 1; transform: scale(1);} 20%{opacity: 1; transform: scale(1.05);} 100%{opacity: 0; transform: scale(0);}}
#slidenav{
  text-align: center;
  position: absolute;
  z-index: 2;
}
#slidenav .slidenav{
  display: inline-block;
  background: #fff;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
  box-shadow: 0 0 20px rgba(0,0,0,0.8);
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
  -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
  -o-box-shadow: 0 0 20px rgba(0,0,0,0.8)
  -ms-box-shadow: 0 0 20px rgba(0,0,0,0.8);
  cursor: pointer;
}
#slidenav .slidenav:hover, #slidenav .slidenav.activebtn{
  background: #f06450;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
.home .innercontent{margin: 20px auto 0;}
#afu_tv{
  width: 100%;
  float: left;
}
#afu_tv ul{padding: 0;}
#afu_tv ul li{
  float: left;
  list-style: none;
}
#afu_tv ul li.first{
  margin: 0 auto;
  width: 100%;
  float: left;
  display:block;
}
#afu_tv ul li a{
  width: 100%;
  float: left;
}
#afu_tv ul li .covervideo{
  width: 100%;
  float: left;
  position: relative;
}
#afu_tv ul li .covervideo::before{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  background-color: rgba(0,27,45,0.5);
  content: '';
}
#afu_tv ul li .covervideo::after{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border: 1px #fff solid;
  position: absolute;
  z-index: 3;
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
#afu_tv ul li.youtube .covervideo::after{
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border: none;
}
#afu_tv ul li .covervideo::after{background-image: url(img/play.png);}
#afu_tv ul li.padlock .covervideo::after{background-image: url(img/padlockbig.png);}
#afu_tv ul li.youtube .covervideo::after{background-image: url(img/youtubeplay.png);}
#afu_tv ul li a h3{
  width: 100%;
  float: left;
  text-transform: uppercase;
  color: #00365a;
}
#afu_tv ul li.first .right{
  float: left;
}
#afu_tv ul li span.type.youtube{background: #c4302b; position: relative;}
#afu_tv ul li span.type.youtube::before{
  position: absolute;
  z-index: 2;
  content: '';
  background-image: url(img/icon_youtube.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.home #recommandations h3{
  width: 100%;
  float: left;
  border-top: 1px #fff solid;
  text-align: center;
  color: #59a5d0;
  text-transform: uppercase;
  font-style: italic;
}
.home #recommandations ul.list_publications li{
  margin: 20px auto 0;
  padding: 0;
  border: none;
}
.home #recommandations ul.list_publications li a{
  padding: 2px 0 0 40px;
  font-size: 18px;
  line-height: 26px;
  width: 100%;
  float: left;
  text-decoration: none;
  position: relative;
  color: #00365a;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.home #recommandations ul.list_publications li a:hover{color: #f06450;}
.home #recommandations ul.list_publications li a::before{
  width: 28px;
  height: 28px;
  top: 0;
  left: 0;
  background-image: url(img/recommandations_icon2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  content: '';
  position: absolute;
  z-index: 2;
}
.home #fiches_info_patients a.btnorange, .home #recommandations a.btnorange{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  border: 1px #f06450 solid;
  background: #f06450;
  color: #fff;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.home #fiches_info_patients a.btnorange:hover, .home #recommandations a.btnorange:hover{color: #f06450; background: none;}
.home #event, .page-template-formation_ligne #event{
  border-top: 1px #f0f2f5 solid;
  width: 100%;
  float: left;
}
.home .eventhome, .page-template-formation_ligne .eventhome{
  background-image: linear-gradient(to right, rgba(0,27,45,0.9), rgba(89,165,208,0.5)), url(img/bgevent.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: 100% auto, cover;
  width: 100%;
  float: left;
}
.home .eventhome .left, ul.liste_events li.firstevent .left, .page-template-formation_ligne .eventhome .left{
  float: left;
}
.home .eventhome .left h2, ul.liste_events li.firstevent .left h2, .page-template-formation_ligne .eventhome .left h2{color: #fff;}
.home .eventhome .left span, ul.liste_events li.firstevent .left span, .page-template-formation_ligne .eventhome .left span{
  margin: 0 auto;
  width: 100%;
  float: left;
  font-weight: 400;
  color: #fff;
}
.home .eventhome .right, ul.liste_events li.firstevent .right, .page-template-formation_ligne .eventhome .right{
  float: left;
}
.home .eventhome .right a, ul.liste_events li.firstevent .right a, .page-template-formation_ligne .eventhome .right a{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  width: auto;
  float: right;
  text-decoration: none;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
ul.liste_events li.firstevent .right a{background-image: none;}
.home .eventhome .right a.btnrouge, ul.liste_events li.firstevent .right a.btnrouge, ul.liste_events li.firstevent .right a, .page-template-formation_ligne .eventhome .right a.btnrouge{color: #fff; border-color: #f06450; background-color: #f06450;}
ul.liste_events li.firstevent .right a.exit{margin: 0 30px 0 0; position: relative;}
.home .eventhome .right a.exit{margin: 0 auto;}
ul.liste_events li.firstevent .right a.exit::after{
  width: 26px;
  height: 26px;
  right: -30px;
  top: calc(50% - 13px);
  position: absolute;
  z-index: 2;
  content: '';
  background-image: url(img/externlink.png);
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.home .eventhome .right a.exit::after{display: none;}
.home .eventhome .right a.btnblanc{color: #fff; border-color: #fff; background-color: inherit;}
.home .eventhome .right a.btnrouge:hover, ul.liste_events li.firstevent .right a:hover{color: #00365a; background-color: #fff; border-color: #fff;}
.home .eventhome .right a.btnblanc:hover{color: #00365a; background-color: #fff;}




/* ----------------------------- TWITTER --------------------------------- */
#hometop #ff-stream-1{
  bottom: 0;
  z-index: 2;
  position: absolute;
  min-height: auto !important;
  padding: 0;
  background: none;
  transition: none;
}
#hometop .ff-header{
  width: 100%;
  float: left;
  z-index: inherit;
  transition: none;
  transform: none;
}
#hometop .ff-stream-wrapper.ff-truelayout-list{
  width: 100%;
  float: left;
  overflow: inherit;
  margin: 0;
  box-sizing: border-box !important;
  border: 1px #dcdee1 solid;
  background: #fff;
}
#hometop .ff-stream-wrapper.ff-truelayout-list li{margin: 0 !important; border: 1px #dcdee1 solid;}
#hometop #ff-stream-1 .ff-item{
  width: 100% !important;
  float: left;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none;
  opacity: 1;
  margin: 0 auto;
}
#hometop #ff-stream-1 .picture-item__inner{
  width: 100%;
  float: left;
  box-shadow: none;
  transition: none;
  opacity: 1;
  transform: none;
  background: none;
}
#hometop .ff-item-cont{
  width: 100%;
  float: left;
}
#hometop .ff-item .ff-img-holder{display: none;}
#hometop .picture-item__inner:hover::before{background: none;}
#hometop .ff-item .ff-content{
  width: 100%;
  float: left;
  margin: 0;
  max-height: inherit;
  color: #001b2d;
}
#hometop .ff-item-meta{
  margin: 0 auto 0;
  width: 100%;
  float: left;
  border: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#hometop .ff-item .ff-userpic{
  float: left;
}
#hometop .ff-upic-timestamp .ff-item-meta h6{display: none;}
#hometop .ff-upic-timestamp .ff-item-meta h6.ff-item-bar{
  display: block;
  border-top: 1px #f0f2f5 solid;
  width: 100%;
  float: left;
  clear: none;
  color: #00365a !important;
}
#hometop .ff-upic-timestamp .ff-item-meta .ff-content{
  color: #001b2d;
}
#hometop .ff-upic-timestamp .ff-item-meta .ff-content br{display: none !important;}
#hometop .ff-upic-timestamp .ff-item-meta .ff-content a{color: #59a5d0;}
#hometop .ff-upic-timestamp .ff-item-meta .ff-content a:hover{color: #f06450;}
#hometop #ff-stream-1 .ff-nickname{
  padding: 0;
  width: auto;
float: left;
}
#hometop #ff-stream-1 a.ff-timestamp,
#hometop #ff-stream-1 .ff-item-bar a{
  width: auto;
  float: left;
}
#hometop .ff-item .ff-item-bar{
  width: 100%;
  float: left;
  color: #00365a !important;
  height: auto;
}
#hometop .ff-item .ff-item-bar a,
#hometop #ff-stream-1 .ff-item-bar a{color: #00365a !important;}
#hometop .ff-item .ff-item-bar a:hover,
#hometop #ff-stream-1 .ff-item-bar a:hover{color: #f06450 !important;}
#hometop .ff-loadmore-wrapper{display: none !important;}
#hometop .ff-stream-wrapper.ff-infinite .ff-item-header{
  float: left;
  border-top: 1px #f0f2f5 solid;
  border-bottom: none;
}
#hometop #ff-stream-1 a.btnrouge{
  float: left;
  text-decoration: none;
  color: #f06450;
  border: 1px #f06450 solid;
  position: relative;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  font-weight: 600;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
  background: none;
}
#hometop #ff-stream-1 a.btnrouge::before{
  position: absolute;
  z-index: 2;
  content: '';
  background-image: url(img/followus.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#hometop #ff-stream-1 a.btnrouge:hover::before{background-position: center top;}
#hometop #ff-stream-1 a.btnrouge:hover{background: #f06450; color: #fff;}



/* ----------------------------- 04.PUBLICATION --------------------------------- */
.main{
  width: 100%;
  float: left;
}
.main .left{
  text-align: center;
  float: left;
}
.main .left img#cover_publication{width: 300px;}
.page-template-formation_ligne .main .eventhome .left{margin: 0 auto;}
.main .right{
  float: left;
}
.main .right .title_tabs{
  width: 100%;
  float: left;
}
.main .right .title_tabs span{
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  background: #006bb3;
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  max-width: 100%;
  width: auto;
  float: left;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.main .right .title_tabs span:hover, .main .right .title_tabs span.active{color: #00365a; background: #f0f2f5;}
.main .right .text_tabs{
  background: #f0f2f5;
  display: none;
  width: 100%;
  float: left;
}
.main .right .text_tabs.active{
  display: block;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  animation: fadein 0.3s ease-in-out forwards;
  -webkit-animation: fadein 0.3s ease-in-out forwards;
  -moz-animation: fadein 0.3s ease-in-out forwards;
  -ms-animation: fadein 0.3s ease-in-out forwards;
  -o-animation: fadein 0.3s ease-in-out forwards;
}
@keyframes fadein{0%{opacity: 0;} 100%{opacity: 1;}}
@-webkit-keyframes fadein{0%{opacity: 0;} 100%{opacity: 1;}}
@-moz-keyframes fadein{0%{opacity: 0;} 100%{opacity: 1;}}
@-ms-keyframes fadein{0%{opacity: 0;} 100%{opacity: 1;}}
@-o-keyframes fadein{0%{opacity: 0;} 100%{opacity: 1;}}
.btns{
  width: 100%;
  float: left;
}
.btns a{
  font-weight: 500;
  border-width: 1px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  text-align: center;
  float: left;
  border-style: solid;
  text-decoration: none;
  position: relative;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.btns a::before{
  position: absolute;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  content: '';
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.btns a.dl::before{background-image: url(img/icon_download.png);}
.btns a.ecrire::before{background-image: url(img/icon_ecrire.png);}
.btns a:hover::before{background-position: center top;}
.btns a.dl{
  color: #fff;
  background: #f06450;
  border-color: #f06450;
}
.btns a.dl:hover{color: #f06450; background: #fff;}
.btns a.ecrire{
  color: #f06450;
  background: #fff;
  border-color: #f06450;
}
.btns a.ecrire:hover{color: #fff; background: #f06450;}
#revues{
  width: 100%;
  float: left;
}
#revues ul, #content_historique ul{
  width: 100%;
  float: left;
}
#revues ul li, #content_historique ul li{list-style: none; position: relative;}
#revues ul li::before, .continuer_lecture ul li::before, #content_historique ul li::before, .elesec .elementor-posts .elementor-post.type-simplenews h3::before{
  content: '';
  background-image: url(img/arrowul.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  z-index: 2;
}
#publications_list{
  width: 100%;
  float: left;
}
ul.list_publications{
  padding: 0;
  width: 100%;
  float: left;
}
.page-template-selection ul.list_publications{
  border-bottom: 1px #f0f2f5 solid;
}
ul.list_publications li{
  border-top: 1px #f0f2f5 solid;
  list-style: none;
  width: 100%;
  float: left;
}
.page-template-annonces ul.list_publications li:first-child{border: none;}
ul.list_publications li .list_main{
  float: left;
}
ul.list_publications li .list_main a{text-decoration: none;}
ul.list_publications li .list_main p a{text-decoration: underline}
.page-template-recommandations ul.list_publications li .list_main{padding: 0 0 0 38px; position: relative;}
.page-template-recommandations ul.list_publications li .list_main::before{
  width: 28px;
  height: 28px;
  left: 0;
  top: 6px;
  position: absolute;
  z-index: 2;
  background-image: url(img/reco_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  content: '';
}
ul.list_publications li .list_main .link_abstract,
ul.list_publications li .list_main .link_abstract_en{
  margin: 6px auto;
  padding: 0 0 0 12px;
  text-decoration: underline;
  position: relative;
  width: auto;
  float: left;
}
ul.list_publications li .list_main .link_abstract_en{margin: 6px 0 6px 12px;}
ul.list_publications li .list_main .link_abstract::before,
ul.list_publications li .list_main .link_abstract_en::before{
  width: 6px;
  height: 12px;
  top: 6px;
  left: 0;
  content: '';
  background-image: url(img/arrowul.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  z-index: 2;
}
.page-template-annonces ul.list_publications li .date{
  width: 100%;
  float: left;
}
.page-template-annonces ul.list_publications li a.btnposutler{
  width: auto;
  max-width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  float: left;
  color: #f06450;
  border: 1px #f06450 solid;
  cursor: pointer;
  background: none;
  text-align: center;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
  text-decoration: none;
  outline: none;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.page-template-annonces ul.list_publications li a.btnposutler:hover{background: #f06450; color: #fff;}
ul.list_publications li .right{
  float: left;
}
ul.list_publications li .right a{
  margin: 10px auto 0;
  padding: 2px 4px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  width: 100%;
  text-decoration: none;
  float: left;
  text-align: center;
  color: #006bb3;
  border-width: 1px;
  border-color: #006bb3;
  border-style: solid;
  background-color: #fff;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}

ul.list_publications li .right a.btnselection_active, ul.list_publications li .right a.btnselection, .btn_top_single a.btnselection {display: none;}
ul.list_publications li .right a.btnselection_active.active, ul.list_publications li .right a.btnselection.active{display: block;}
.btn_top_single a.btnselection.active{display: inline-block;}
ul.list_publications li .right a.btnselection_active{background-color: #f06450; color: #fff; border-color: #f06450; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1;}
ul.list_publications li .right a.btnselection{background-color: transparent; border-color: #f06450; color: #f06450;}
ul.list_publications li .right a::before{
  margin: -5px 5px 0 0;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  content: '';
  vertical-align: middle;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
ul.list_publications li .right a.btnlire::before{background-image: url(img/lirebtn.png);}
ul.list_publications li .right a.btnpdf::before{background-image: url(img/dlbtn.png);}
ul.list_publications li .right a.btnselection::before{background-image: url(img/selectbtn.png);}
ul.list_publications li .right a.btnselection_active::before{background-image: url(img/trash.png); background-position: center top;}
ul.list_publications li .right a:hover::before{background-position: center top;}
ul.list_publications li .right a:hover{
  color: #fff;
  background-color: #006bb3;
}
ul.list_publications li .right a.btnselection:hover{background-color: #f06450; color: #fff;}
ul.list_publications li .right a.btnselection_active:hover{background-color: #f06450; color: #fff; opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7; -ms-opacity: 0.7; -o-opacity: 0.7;}
.page-template-selection ul.list_publications li .right a.btnselection::before{background-image: url(img/trash.png);}
ul.list_publications li .right a span{
  margin: -5px 0 0 0;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.publication_single_main{
  width: 100%;
  float: left;
}
.btn_top_single{
  width: 100%;
  text-align: right;
}
.btn_top_single a{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  position: relative;
  width: auto;
  display: inline-block;
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
}
.btn_top_single a.btnpdf{color: #006bb3; border-color: #006bb3; background-color: #fff;}
.btn_top_single a.btnselection{color: #f06450; border-color: #f06450; background-color: #fff;}
.btn_top_single a.btnselection_active{color: #fff; border-color: #f06450; background-color: #f06450; display: none;}
.btn_top_single a.btnpdf:hover{color: #fff;}
.btn_top_single a.btnselection:hover, .btn_top_single a.btnselection_active:hover{color: #fff; background-color: #f06450;}
.btn_top_single a.btnselection_active:hover{
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -o-opacity: 0.7;
  -ms-opacity: 0.7;
}
.btn_top_single a::before{
  position: absolute;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  content: '';
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.btn_top_single a:hover::before{background-position: center top;}
.btn_top_single a.btnpdf::before{background-image: url(img/dlbtn.png);}
.btn_top_single a.btnselection::before, .btn_top_single a.btnselection_active::before{background-image: url(img/selectbtn.png);}
.btn_top_single a.btnselection_active::before, .btn_top_single a.btnselection_active:hover::before{background-position: center top;}
.btn_top_single a.btnselection_active.active, .btn_top_single a.btnselection .active{display: inline-block;}
#metadata{
  width: 100%;
  float: left;
}
#metadata span{
  margin: 0 auto;
  color: #00365a;
  font-weight: 400;
  width: 100%;
  float: left;
}
#metadata span b{font-weight: 700; color: #001b2d;}
#resume_bloc{
  width: 100%;
  color: #00365a;
  float: left;
  background: #f0f2f5;
}
#resume_bloc b{font-weight: 700; color: #001b2d;}
#resume_bloc .Titre1{
  margin: 0 auto 12px;
  color: #00365a;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
float: left;
}
#main_article td[cellpadding="0"]{
  font-weight: 700;
  color: #006bb3;
}
#main_article, #main_article table.content td[align="left"]{
  color: #00365a;
  font-weight: 400;
  text-transform: initial;
  float:left;
  width: 100%;
}
#resume_bloc td[width="18"] img, #main_article td[width="11"] img, #main_article td[width="18"] img, #main_article td[width="33"], #main_article td[width="33px"]{display: none;}
#main_article img{margin: 0 10px 0 0;}
#main_article td[align="left"]{
  color: #00365a;
  text-transform: uppercase;
  font-weight: 700;
}
#main_article table.content{
  margin: 18px auto;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
#main_article table.content td[align="left"], #main_article table.content td[align="char"]{
  float: none !important;
  padding: 5px;
  hyphens: auto;
}
#resume_bloc .Titre2{
  margin: 6px auto;
  font-weight: 700;
  color: #006bb3;
  width: 100%;
  float: left;
}
#main_article .Titre3{
  color: #006bb3;
  font-weight: 300;
  text-transform: uppercase;
}
#main_article td.textenormal[valign="top"]{color: #006BB3;}
.float-anchor{
  width: 100%;
  margin: 18px auto;
  overflow-x: auto;
}
.float-anchor table{
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  border: 1px #00365A solid;
}
.float-anchor table caption{
  background: #00365a;
  color: #fff;
}
.float-anchor tr{border-top: 1px #00365A solid;}
.float-anchor table caption, .float-anchor tr td, .float-anchor tr th{hyphens: auto; text-align: left; border-left: 1px #00365A solid;}
.float-anchor tr td:first-child, .float-anchor tr th:first-child{border-left: none;}
.float-anchor tr td[colspan="2"], .float-anchor tr td[colspan="3"], .float-anchor tr td[colspan="4"], .float-anchor tr td[colspan="5"], .float-anchor tr td[colspan="6"], .float-anchor tr td[colspan="7"],
.float-anchor tr td[colspan="8"], .float-anchor tr td[colspan="9"], .float-anchor tr td[colspan="10"], .float-anchor tr td[colspan="11"], .float-anchor tr td[colspan="12"], .float-anchor tr td[colspan="13"]{display: none;}
.navpubli{
  width: 100%;
  float: left;
  border-top: 1px #f0f2f5 solid;
}
.navpubli a{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  border-color: #f06450;
  background: #f06450;
  color: #fff;
  position: relative;
  width: auto;
  float: left;
  max-width: 100%;
  font-weight: 500;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.navpubli a::before{
  position: absolute;
  z-index: 2;
  content: '';
  background-image: url(img/backpubli.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.navpubli a:hover::before{background-position: right center;}
.navpubli a:hover{background: #fff; color: #f06450;}
.wp-pagenavi, .navigation.pagination, .pagination_annuaire{
  border-top: 1px #f0f2f5 solid;
  width: 100%;
  float: left;
  text-align: center;
}
.wp-pagenavi a, .navigation.pagination a, .wp-pagenavi span.current, .navigation.pagination span.current, .wp-pagenavi span.extend, .navigation.pagination span.dots, .pagination_annuaire a, .pagination_annuaire span.current, .pagination_annuaire span.dots{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  border-color: #b4b6b9;
  width: auto;
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
}
.wp-pagenavi a, .navigation.pagination a, .pagination_annuaire a{
  background: #fff;
  color: #b4b6b9;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.wp-pagenavi span.extend, .navigation.pagination span.dots, .pagination_annuaire span.dots{color: #b4b6b9; border: none; font-weight: 700;}
.wp-pagenavi span.pages, .wp-pagenavi a.first, .wp-pagenavi a.last{display: none;}
.wp-pagenavi span.current, .navigation.pagination span.current, .wp-pagenavi a:hover, .pagination_annuaire span.current, .pagination_annuaire a:hover{color: #fff; background-color: #b4b6b9; border-color: #b4b6b9;}
ul.themes, ul.liste_events{
  padding: 0;
  margin: 0;
}
ul.themes li , ul.liste_events li{
  padding: 0;
  list-style: none;
  float: left;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
ul.liste_events li.firstevent{
  width: 100%;
  height: auto;
  background-image: linear-gradient(to right, rgba(0,27,45,0.9), rgba(89,165,208,0.5)), url(img/bgevent.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: 100% auto, cover;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
ul.liste_events li.firstevent:hover{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
ul.themes li:hover, ul.liste_events li:hover{
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
ul.themes li a, ul.liste_events li a{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  background-image: linear-gradient(to bottom, rgba(89,165,208,0.5), rgba(0,27,45,1));
  background-color: rgba(0,27,45,0);
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
ul.themes li a:hover, ul.liste_events li a:hover{background-color: rgba(0,27,45,0.75);}
ul.themes li a h2, ul.liste_events li a h2{
  padding: 0 0 13px;
  margin: 0;
  position: absolute;
  z-index: 4;
  color: #fff;
}
.page-template-ficheinfopatient ul.list_publications li .list_main h3, .page-template-selection ul.list_publications li .list_main h3, .search-results ul.list_publications li .list_main h3{padding: 0 0 0 38px; position: relative;}
.page-template-ficheinfopatient ul.list_publications li .list_main h3::before, .page-template-selection ul.list_publications li .list_main h3::before, .search-results ul.list_publications li .list_main h3::before{
  width: 28px;
  height: 28px;
  top: -2px;
  left: 0;
  position: absolute;
  z-index: 2;
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.page-template-ficheinfopatient ul.list_publications li .list_main h3::before{background-image: url(img/fiches_infos_patients_icon.png);}
.page-template-selection ul.list_publications li.publication-single .list_main h3::before{background-image: url(img/recommandations_icon2.png);}
.page-template-selection ul.list_publications li.reco-single .list_main h3::before{background-image: url(img/recommandations_icon2.png);}
.page-template-selection ul.list_publications li.video-single .list_main h3::before{background-image: url(img/video_icon.png);}
.page-template-selection ul.list_publications li.fiche-single .list_main h3::before{background-image: url(img/fiches_infos_patients_icon.png);}
.search-results ul.list_publications li .list_main h3::before{background-image: url(img/recommandations_icon2.png);}
.search-results ul.list_publications li.ficheinfopatients .list_main h3::before{background-image: url(img/fiches_infos_patients_icon.png);}
.search-results ul.list_publications li.formation .list_main h3::before{background-image: url(img/video_icon.png);}
.search-results ul.list_publications li.event .list_main h3::before, .page-template-selection ul.list_publications li.event-single .list_main h3::before{background-image: url(img/side_dates_icon.png);}
.page-template-evenements ul.themes li a h2{bottom: 78px;}
ul.themes li a span.date{
  bottom: 40px;
  left: 40px;
  width: calc(100% - 80px);
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-decoration: none;
  margin: 0;
  position: absolute;
  z-index: 4;
  color: #fff;
}
.searchbox form, #loginbox form{
  width: 100%;
  float: left;
}
#fiches_info_patients.rubrique_home.searchbox form#filter_fip{border-bottom: 1px #fff solid;}
.searchbox form select{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  cursor: pointer;
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  border: none;
  background-color: #fff;
  font-weight: 600;
  color: #00365a;
  float: left;
  outline: none;
  background-image: url(img/arrowselect.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
}
.searchbox form #inner-filtre span.smalltxt{
  font-weight: 600;
  font-style: italic;
  float: left;
  color: #59a5d0;
}
.searchbox form input#search{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  border: none;
  background-color: #fff;
  font-weight: 600;
  color: #00365a;
  float: left;
  outline: none;
}
.searchbox form input[type="submit"], #loginbox input[type="submit"]{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  float: left;
  color: #f06450;
  border: 1px #f06450 solid;
  cursor: pointer;
  background: none;
  text-align: center;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  outline: none;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.searchbox form input[type="submit"]{margin: 0 auto;}
.searchbox form input[type="submit"]:hover,#loginbox input[type="submit"]:hover{color: #fff; background: #f06450;}
#loginbox .inputlogin{
  float: left;
  margin: 0 auto;
}
#loginbox input[type="text"], #loginbox input[type="password"]{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  border: none;
  background-color: #fff;
  font-weight: 600;
  color: #00365a;
  float: left;
  outline: none;
}
#loginbox .inputlogin a{
  width: auto;
  float: left;
  max-width: 100%;
  font-style: italic;
  text-decoration: none;
  color: #59a5d0;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#loginbox .inputlogin a:hover{text-decoration: underline; color: #f06450;}
.choosebtn{
  width: 100%;
  float: left;
}
.choosebtn .btnradio{
  color: #f06450;
  border: 1px #f06450 solid;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 600;
  text-align: center;
  background: #fff;
  cursor: pointer;
  float: left;
  display: inline-block;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.choosebtn .btnradio.active{background: #f06450; color: #fff;}
#txtafu{
  width: 100%;
  float: left;
  display: none;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  -ms-opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  animation: popinsci 0.4s ease-in-out forwards;
  -webkit-animation: popinsci 0.4s ease-in-out forwards;
  -moz-animation: popinsci 0.4s ease-in-out forwards;
  -o-animation: popinsci 0.4s ease-in-out forwards;
  -ms-animation: popinsci 0.4s ease-in-out forwards;
}
#txtnonafu{
  border-top: 1px #f0f2f5 solid;
  width: 100%;
  float: left;
  display: none;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  -ms-opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  animation: popinsci 0.4s ease-in-out forwards;
  -webkit-animation: popinsci 0.4s ease-in-out forwards;
  -moz-animation: popinsci 0.4s ease-in-out forwards;
  -o-animation: popinsci 0.4s ease-in-out forwards;
  -ms-animation: popinsci 0.4s ease-in-out forwards;
}
@keyframes popinsci{0%{opacity: 0; transform: scale(0);} 80%{opacity: 1; transform: scale(1.05);} 100%{opacity: 1; transform: scale(1);}}
@-webkit-keyframes popinsci{0%{opacity: 0; transform: scale(0);} 80%{opacity: 1; transform: scale(1.05);} 100%{opacity: 1; transform: scale(1);}}
@-moz-keyframes popinsci{0%{opacity: 0; transform: scale(0);} 80%{opacity: 1; transform: scale(1.05);} 100%{opacity: 1; transform: scale(1);}}
@-ms-keyframes popinsci{0%{opacity: 0; transform: scale(0);} 80%{opacity: 1; transform: scale(1.05);} 100%{opacity: 1; transform: scale(1);}}
@-o-keyframes popinsci{0%{opacity: 0; transform: scale(0);} 80%{opacity: 1; transform: scale(1.05);} 100%{opacity: 1; transform: scale(1);}}
#txtafu.active, #txtnonafu.active{display: block;}
form.woocommerce-ResetPassword, form#resetpassform{
  float: left;
}
form.woocommerce-ResetPassword p label, form#resetpassform p label{
  width: 100%;
  float: left;
  color: #00365a;
  font-weight: 700;
}
form.woocommerce-ResetPassword p input[type="text"], form#resetpassform p input[type="password"]{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
    margin: 0 auto;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  border: none;
  background-color: #f0f2f5;
  font-weight: 600;
  color: #00365a;
  float: left;
  outline: none;
}
form.woocommerce-ResetPassword p button[type="submit"], form#resetpassform p input[type="submit"]{
  width: auto;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  margin: 0 auto;
  float: left;
  color: #f06450;
  border: 1px #f06450 solid;
  cursor: pointer;
  background: none;
  text-align: center;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  outline: none;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
form.woocommerce-ResetPassword p button[type="submit"]:hover, form#resetpassform p input[type="submit"]:hover{background: #f06450; color: #fff;}
.page_content .gform_wrapper{
  margin: 0 auto;
  width: 100%;
  float: left;
}
.formulaire hr{
  width: 100%;
  float: left;
  background: #DCDFE1;
  border: none;
  height: 1px;
}
.page_content .gform_wrapper form{
  width: 100%;
  float: left;
}
.page_content .gform_wrapper .gform_body{
  width: 100%;
  float: left;
}
.page_content .gform_wrapper ul.gform_fields{
  width: 100%;
  float: left;
}
.page_content .gform_wrapper ul.gform_fields li.gfield{
  width: 100%;
  float: left;
  padding: 0;
}
.page_content .gform_wrapper ul.gform_fields li#field_1_2.gfield{margin: 0 auto 0 !important;}
.page_content .gform_wrapper .top_label .gfield_label, .page_content .gform_wrapper h3{
  width: 100%;
  float: left;
  color: #00365a;
  font-weight: 700;
}
.page_content .gform_wrapper .top_label #field_1_3 .gfield_label, .page_content .gform_wrapper .top_label #field_1_4 .gfield_label, .page_content .gform_wrapper .top_label #field_1_6 .gfield_label, .page_content .gform_wrapper .top_label #field_1_7 .gfield_label{display: none;}
body .page_content .gform_wrapper .top_label div.ginput_container{
  float: left;
  margin: 0 auto !important;
}
body .page_content .gform_wrapper .top_label div.ginput_container.ginput_container_date{position: relative;}
body .page_content .gform_wrapper .top_label div.ginput_container.ginput_container_date img.ui-datepicker-trigger{
  top: 0;
  background: #f06450;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  cursor: pointer;
  height: auto !important;
  position: absolute;
  z-index: 2;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
body .page_content .gform_wrapper .top_label div.ginput_container.ginput_container_date img.ui-datepicker-trigger:hover{background: #00365a;}
.page_content .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .page_content .gform_wrapper textarea.large{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
    margin: 0 auto;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  border: none;
  background-color: #f0f2f5;
  font-weight: 600;
  color: #00365a;
  float: left;
  outline: none;
}
.page_content .gform_wrapper div.charleft{float:left;}
.page_content .gform_wrapper .ginput_complex .ginput_left, .page_content .gform_wrapper .ginput_complex .ginput_right{
  width: 100% !important;
  float: left;
  padding: 0;
  margin: 0 auto;
  min-height: auto;
}
.page_content .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label{display: none;}
.page_content .gform_wrapper .gfield_required{color: #f06450; font-weight: 400;}
.page_content #gform_wrapper_5.gform_wrapper .gfield_required{display: none;}
.page_content .gform_wrapper .top_label select.medium{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  width: 100% !important;
  margin: 0 auto;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  cursor: pointer;
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  border: none;
  background-color: #f0f2f5;
  font-weight: 600;
  color: #00365a;
  float: left;
  outline: none;
  background-image: url(img/arrowselect.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
}
body .page_content .gform_wrapper .top_label div.ginput_container.ginput_container_consent{
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(img/checkbox1.png);
  width: 100%;
}
body .page_content .gform_wrapper .top_label div.ginput_container.ginput_container_consent input[type="checkbox"]{display: none;}
body .page_content .gform_wrapper .top_label div.ginput_container.ginput_container_consent input[type="checkbox"] + label{
  margin: 0 auto;
  width: 100%;
  float: left;
  cursor: pointer;
  background-image: initial;
  background-position: left top;
  background-repeat: no-repeat;
  font-weight: 400;
}
body .page_content .gform_wrapper .top_label .gfield_error div.ginput_container.ginput_container_consent input[type="checkbox"] + label{color: #f06450;}
body .page_content .gform_wrapper .top_label div.ginput_container.ginput_container_consent input[type="checkbox"]:checked + label{background-image: url(img/checkbox2.png);}
body .page_content .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html{margin: 50px auto 0 !important;}
body .page_content .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html h3, .page_content .gform_wrapper h2.gsection_title{
  margin: 0 auto 0 !important;
  font-weight: 700 !important;
  color: #006BB3 !important;
  width: 100%;
  float: left;
  text-transform: initial;
}
.page_content .gform_wrapper .gfield_description{
  float: left;
  padding: 0;
  font-weight: 400;
}
.page_content .gform_wrapper .top_label li ul.gfield_checkbox, .page_content .gform_wrapper .top_label li ul.gfield_radio{
  width: 100%;
  float: left;
  margin: 0;
}
.page_content .gform_wrapper ul.gfield_checkbox li, .page_content .gform_wrapper ul.gfield_radio li{
  width: auto;
  float: left;
  background-repeat: no-repeat;
  background-position: left top;
}
.page_content .gform_wrapper ul.gfield_checkbox li{background-image: url(img/check1.png);}
.page_content .gform_wrapper ul.gfield_radio li{background-image: url(img/radio1.png);}
.page_content .gform_wrapper ul.gfield_checkbox li input[type="checkbox"], .page_content .gform_wrapper ul.gfield_radio li input[type="radio"]{display: none;}
.page_content .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] + label, .page_content .gform_wrapper ul.gfield_radio li input[type="radio"] + label{
  margin: 0 auto;
  max-width: 100%;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: none;
  width: auto;
  font-weight: 400 !important;
  color: #00365A;
  float: left;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.page_content .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label{background-image: url(img/check2.png);}
.page_content .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label{background-image: url(img/radio2.png);}
.page_content .gform_wrapper .gform_footer{
  padding: 0;
  width: 100%;
  float: left;
}
.page_content .gform_wrapper .gform_footer input[type="submit"]{
  width: auto;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  margin: 0 auto;
  float: left;
  color: #f06450;
  border: 1px #f06450 solid;
  cursor: pointer;
  background: none;
  text-align: center;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  outline: none;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.page_content .gform_wrapper .gform_footer input[type="submit"]:hover{background: #f06450; color: #fff;}
.page_content .gform_wrapper div.validation_error{
  float: left;
  border: none;
  font-weight: 400;
  color: #fff;
  background: #f06450;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
.page_content .gform_wrapper .gsection{border: none;}
.page_content .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){max-width: 100% !important;}
.page_content .gform_wrapper li.gfield.gfield_error.gfield_contains_required{background-color: inherit; border: none;}
.page_content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description.validation_message{display: none;}
.page_content .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .page_content .gform_wrapper li.gfield_error textarea{border: none; color: #f06450;}
.page_content .gform_wrapper li.gfield.gfield_error{border: none; background-color: inherit;}
.page_content .gform_wrapper .top_label .gfield_error select.medium{color: #f06450;}
.page_content .gform_wrapper .field_description_below .gfield_description{display: none;}
.page_content .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{color: #f06450;}
.page_content .gform_confirmation_wrapper{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  background: #f0f2f5;
  width: 100%;
  float: left;
}
.page_content .gform_confirmation_message{
  text-align: center;
  margin: 0 auto;
  font-weight: 600;
  width: 100%;
  float: left;
  color: #00365A;
}
.searchbox form#filter_annuaire input[type="text"], .searchbox form#filter_annuaire select{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  cursor: pointer;
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  border: none;
  background-color: #fff;
  font-weight: 600;
  color: #00365a;
  float: left;
  outline: none;
}
.searchbox form#filter_annuaire select{
  background-image: url(img/arrowselect.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
}




/* ----------------------------- DEPOT ANNONCES --------------------------------- */
.page_content #gform_wrapper_5.gform_wrapper{background: #f0f2f5;}
body .page_content #gform_wrapper_5.gform_wrapper .top_label div.ginput_container{width: 100%;}
.page_content #gform_wrapper_5.gform_wrapper ul.gform_fields li.gfield.half{clear: none;}
.page_content #gform_wrapper_5.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .page_content #gform_wrapper_5.gform_wrapper .top_label select.medium,
.page_content #gform_wrapper_5.gform_wrapper textarea.large{background-color: #fff;}
.page_content #gform_wrapper_5.gform_wrapper .top_label .gfield_label{display: none;}
.page_content #gform_wrapper_5.gform_wrapper .top_label #field_5_8 .gfield_label{font-weight: 600; text-transform: uppercase; display: block;}
body .page_content #gform_wrapper_5.gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html{
  color: #f06450;
  font-weight: 600 !important;
}
body .page_content #gform_wrapper_5.gform_wrapper .top_label div.ginput_container.ginput_container_consent{background-image: url(img/checkbox11.png);}
.page_content #gform_wrapper_5.gform_wrapper .gform_footer input[type="submit"]{float: right;}



/* ----------------------------- ANNUAIRE DES MEMBRES --------------------------------- */
ul.list_members{
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
  text-align: left;
}
ul.list_members li{
  display: inline-block;
  vertical-align: top;
  list-style: none;
  float: none;
}
ul.list_members li .list_main{
  margin: 0 auto;
  float: left;
}
ul.list_members li .list_main img{
  width: 100%;
  float: left;
  height: auto;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
ul.list_members li .right{
  float: left;
  text-align: left;
}
ul.list_members li .right .infos_user{
  width: 100%;
  float: left;
}
ul.list_members li .right .infos_user_contact{
  width: 100%;
  float: left;
}
ul.list_members li .right .infos_user p, ul.list_members li .right .infos_user_contact p{margin: 0 auto;}
ul.ct-ultimate-gdpr-cookie-modal-slider{width: 100%;}
#ct-ultimate-gdpr-cookie-open .fa{
  width: 22px;
  text-align: center;
}
#ct-ultimate-gdpr-cookie-open{
  z-index: 1000;
  background-color: #f06450 !important;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#ct-ultimate-gdpr-cookie-open:hover{background-color: #001B2D !important;}
.ct-ultimate-gdpr-cookie-modal-slider li div svg path{fill: #006BB3 !important;}
.ct-ultimate-gdpr-slider-not-block .ct-ultimate-gdpr-slider{border-color: #006BB3 !important;}
.ct-ultimate-gdpr-cookie-modal-slider-able li::before{color: #59A5D0 !important;}
.ct-ultimate-gdpr-cookie-modal-slider-not-able li::before{color: #f06450 !important;}
.ct-ultimate-gdpr-cookie-modal-slider li.ct-ultimate-gdpr-cookie-modal-slider-item--active label::after{background: #006BB3 !important;}
.dropdownpopup{
  padding: 20px 20px 20px 120px;
  width: 100%;
  position: fixed;
  z-index: 999999;
  left: 0;
  bottom: 0;
  background: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 20px rgba(0,0,0,0.3);
  -o-box-shadow: 0 0 20px rgba(0,0,0,0.3);
  -ms-box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.dropdownpopup::before{
  width: 80px;
  height: 80px;
  left: 20px;
  top: 25px;
  position: absolute;
  z-index: 99999;
  content: '';
  background-image: url(img/logopwapop.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.dropdownpopup p{
  font-size: 14px;
  line-height: 20px;
  margin: 0 auto 12px;
  font-weight: 500;
}
.dropdownpopup a{
  font-size: 14px;
  line-height: 14px;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  float: left;
  padding: 15px;
  background: #006bb3;
  border: 1px #006BB3 solid;
  border-radius: 3px;
  text-decoration: none;
  color: #fff;
}
. dropdownpopup a:hover{color: #006BB3; background: #fff;}



/* ----------------------------- JE SUIS PATIENT --------------------------------- */
#actus_patient #slider{
  width: 100%;
  float: left;
  margin: 0 auto;
  position: relative;
}
#actus_patient #slider #slidenav{display: none;}
#actus_patient #slider .btnnavslider{
  position: absolute;
  z-index: 12;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-color: #f06450;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#actus_patient #slider #prev.btnnavslider{
  background-image: url(img/prev.png);
}
#actus_patient #slider #next.btnnavslider{
  background-image: url(img/next.png);
}
#actus_patient #slider .btnnavslider:hover{background-color: #00365A}
#actus_patient #slider ul{
  position: relative;
  overflow: hidden;
  padding: 0;
}
#actupatient{
  width: 100%;
  float: left;
}
#actus_patient #slider ul li{
  padding: 0 30px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  list-style: none;
  display: none;
  width: 100%;
}
#actus_patient #slider ul li.active{
  z-index: 10;
  display: block;
}
#actus_patient #slider ul li.left{z-index: 2;}
#actus_patient #slider ul li.right{z-index: 2;}
#actus_patient #slider ul li.left.active{
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  -ms-opacity: 0;
  animation: fromright 1s ease-in-out forwards;
  -webkit-animation: fromright 1s ease-in-out forwards;
  -moz-animation: fromright 1s ease-in-out forwards;
  -o-animation: fromright 1s ease-in-out forwards;
  -ms-animation: fromright 1s ease-in-out forwards;
  display: block;
}
@keyframes fromright{0%{transform: translateX(100%); opacity: 0;} 100%{transform: translateX(0%); opacity: 1;}}
@-webkit-keyframes fromright{0%{transform: translateX(100%); opacity: 0;} 100%{transform: translateX(0%); opacity: 1;}}
@-moz-keyframes fromright{0%{transform: translateX(100%); opacity: 0;} 100%{transform: translateX(0%); opacity: 1;}}
@-ms-keyframes fromright{0%{transform: translateX(100%); opacity: 0;} 100%{transform: translateX(0%); opacity: 1;}}
@-o-keyframes fromright{0%{transform: translateX(100%); opacity: 0;} 100%{transform: translateX(0%); opacity: 1;}}
#actus_patient #slider ul li.appear.active{
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  -ms-opacity: 0;
  animation: fromleft 1s ease-in-out forwards;
  -webkit-animation: fromleft 1s ease-in-out forwards;
  -moz-animation: fromleft 1s ease-in-out forwards;
  -o-animation: fromleft 1s ease-in-out forwards;
  -ms-animation: fromleft 1s ease-in-out forwards;
  display: block;
}
@keyframes fromleft{0%{transform: translateX(-100%); opacity: 0;} 100%{transform: translateX(0%); opacity: 1;}}
@-webkit-keyframes fromleft{0%{transform: translateX(-100%); opacity: 0;} 100%{transform: translateX(0%); opacity: 1;}}
@-moz-keyframes fromleft{0%{transform: translateX(-100%); opacity: 0;} 100%{transform: translateX(0%); opacity: 1;}}
@-ms-keyframes fromleft{0%{transform: translateX(-100%); opacity: 0;} 100%{transform: translateX(0%); opacity: 1;}}
@-o-keyframes fromleft{0%{transform: translateX(-100%); opacity: 0;} 100%{transform: translateX(0%); opacity: 1;}}
#actus_patient #slider ul li.left.prev{
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
  animation: gotoleft 1s ease-in-out forwards;
  -webkit-animation: gotoleft 1s ease-in-out forwards;
  -moz-animation: gotoleft 1s ease-in-out forwards;
  -o-animation: gotoleft 1s ease-in-out forwards;
  -ms-animation: gotoleft 1s ease-in-out forwards;
  display: block;
}
@keyframes gotoleft{0%{transform: translateX(0); opacity: 1;} 100%{transform: translateX(-100%); opacity: 0;}}
@-webkit-keyframes gotoleft{0%{transform: translateX(0); opacity: 1;} 100%{transform: translateX(-100%); opacity: 0;}}
@-moz-keyframes gotoleft{0%{transform: translateX(0); opacity: 1;} 100%{transform: translateX(-100%); opacity: 0;}}
@-ms-keyframes gotoleft{0%{transform: translateX(0); opacity: 1;} 100%{transform: translateX(-100%); opacity: 0;}}
@-o-keyframes gotoleft{0%{transform: translateX(0); opacity: 1;} 100%{transform: translateX(-100%); opacity: 0;}}
#actus_patient #slider ul li.right.next{
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
  animation: gotoright 1s ease-in-out forwards;
  -webkit-animation: gotoright 1s ease-in-out forwards;
  -moz-animation: gotoright 1s ease-in-out forwards;
  -o-animation: gotoright 1s ease-in-out forwards;
  -ms-animation: gotoleft 1s ease-in-out forwards;
  display: block;
}
@keyframes gotoright{0%{transform: translateX(0); opacity: 1;} 100%{transform: translateX(100%); opacity: 0;}}
@-webkit-keyframes gotoright{0%{transform: translateX(0); opacity: 1;} 100%{transform: translateX(100%); opacity: 0;}}
@-moz-keyframes gotoright{0%{transform: translateX(0); opacity: 1;} 100%{transform: translateX(100%); opacity: 0;}}
@-ms-keyframes gotoright{0%{transform: translateX(0); opacity: 1;} 100%{transform: translateX(100%); opacity: 0;}}
@-o-keyframes gotoright{0%{transform: translateX(0); opacity: 1;} 100%{transform: translateX(100%); opacity: 0;}}
#actus_patient .left{
  float: left;
}
#actus_patient .left h3{margin: 0 auto 6px;}
#actus_patient .left span.datactu, #actus_patient .left .excerpt_actu{
  margin: 6px auto;
  float: left;
  width: 100%;
  font-weight: 400;
}
#actus_patient .left span.datactu{color: #006bb3;}
#actus_patient .left .excerpt_actu{color: #00365a;}
#actus_patient .left a{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  text-decoration: none;
  color: #fff;
  float: left;
  font-weight: 600;
  border: 1px #f06450 solid;
  background: #f06450;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#actus_patient .left a:hover{color: #f06450; background: none;}
#actus_patient .right{
  float: left;
}
#actus_patient .right img{
  width: 100%;
  float: left;
  height: auto;
}
#acces_rapide{
  padding: 20px 0 0;
  margin: 50px auto 0;
  border-top: 1px #f0f2f5 solid;
  width: 100%;
  float: left;
}
#acces_rapide h2{padding: 0 0 13px; position: relative;}
#acces_rapide h2::after{
  width: 50px;
  height: 3px;
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
  content: '';
  background: #59a5d0;
}
#acces_rapide ul.acces_rapide_list{
  margin: 30px auto 0;
  width: 100%;
  float: left;
  padding: 0;
}
#acces_rapide ul.acces_rapide_list li{
  display: inline-block;
  vertical-align: top;
  list-style: none;
}
#acces_rapide ul.acces_rapide_list li a{
  width: 100%;
  float: left;
}
#acces_rapide ul.acces_rapide_list li a h3{
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
  float: left;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#acces_rapide ul.acces_rapide_list li a h3::before{
  width: 3px;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  content: '';
  background: #f06450;
}
#acces_rapide ul.acces_rapide_list li a > h3{color: #00365A;}
#acces_rapide ul.acces_rapide_list li a:hover > h3{color: #f06450;}
#acces_rapide ul.acces_rapide_list li a.btnrouge{
  font-size: 15px;
  line-height: 16px;
  padding: 8px 12px;
  color: #fff;
  background: #f06450;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  text-decoration: none;
  width: auto;
  max-width: 100%;
  border: 1px #f06450 solid;
  font-weight: 600;
  float: left;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#acces_rapide ul.acces_rapide_list li a.btnrouge:hover{
  color: #f06450;
  background: none;
}
#nosthemes{
  width: 100%;
  float: left;
}
#nosthemes ul{
  padding: 0;
  margin: 0;
}
#nosthemes ul li{
  list-style: none;
  padding: 0;
  float: left;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#nosthemes ul li:hover{
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
#nosthemes ul li a{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  background-image: linear-gradient(to bottom, rgba(89,165,208,0.5), rgba(0,27,45,1));
  background-color: rgba(0,27,45,0);
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#nosthemes ul li a:hover{background-color: rgba(0,27,45,0.75);}
#nosthemes ul li h2, .page-template-patient #nosthemes ul.themes li h3{
  padding: 0 0 13px;
  margin: 0;
  position: absolute;
  text-transform: uppercase;
  z-index: 4;
  color: #fff;
}



/* ----------------------------- POP UP --------------------------------- */
.popresume{
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  z-index: 100;
  overflow-y: scroll;
  left: 0;
  top: 0;
  background-color: rgba(230,236,244,0.9);
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  -ms-opacity: 0;
}
.popresume.active{
  display: block;
  animation: fadeinpop 0.3s ease-in-out forwards;
  -webkit-animation: fadeinpop 0.3s ease-in-out forwards;
  -moz-animation: fadeinpop 0.3s ease-in-out forwards;
  -o-animation: fadeinpop 0.3s ease-in-out forwards;
  -ms-animation: fadeinpop 0.3s ease-in-out forwards;
}
@keyframes fadeinpop{0%{opacity: 0;} 100%{opacity: 1;}}
@-webkit-keyframes fadeinpop{0%{opacity: 0;} 100%{opacity: 1;}}
@-moz-keyframes fadeinpop{0%{opacity: 0;} 100%{opacity: 1;}}
@-ms-keyframes fadeinpop{0%{opacity: 0;} 100%{opacity: 1;}}
@-o-keyframes fadeinpop{0%{opacity: 0;} 100%{opacity: 1;}}
.innerpop{
  transform: translateY(50vh);
  -webkit-transform: translateY(50vh);
  -moz-transform: translateY(50vh);
  -o-transform: translateY(50vh);
  -ms-transform: translateY(50vh);
  position: absolute;
  z-index: 2;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  -ms-opacity: 0;
  background: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -o-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  animation: appearpop 0.4s ease-in-out forwards;
  -webkit-animation: appearpop 0.4s ease-in-out forwards;
  -moz-animation: appearpop 0.4s ease-in-out forwards;
  -o-animation: appearpop 0.4s ease-in-out forwards;
  -ms-animation: appearpop 0.4s ease-in-out forwards;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
}
@keyframes appearpop{0%{transform: translateY(50vh); opacity: 0;} 100%{transform: translateY(0); opacity: 1;}}
@-webkit-keyframes appearpop{0%{transform: translateY(50vh); opacity: 0;} 100%{transform: translateY(0); opacity: 1;}}
@-moz-keyframes appearpop{0%{transform: translateY(50vh); opacity: 0;} 100%{transform: translateY(0); opacity: 1;}}
@-ms-keyframes appearpop{0%{transform: translateY(50vh); opacity: 0;} 100%{transform: translateY(0); opacity: 1;}}
@-o-keyframes appearpop{0%{transform: translateY(50vh); opacity: 0;} 100%{transform: translateY(0); opacity: 1;}}
.closepop{
  cursor: pointer;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  position: absolute;
  z-index: 2;
  background-color: #f06450;
  background-repeat: no-repeat;
  background-image: url(img/close.png);
  background-size: 100% auto;
  background-position: center;
  animation: closepop 0.3s ease-in-out forwards;
  -webkit-animation: closepop 0.3s ease-in-out forwards;
  -moz-animation: closepop 0.3s ease-in-out forwards;
  -o-animation: closepop 0.3s ease-in-out forwards;
  -ms-animation: closepop 0.3s ease-in-out forwards;
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
@keyframes closepop{0%{transform: scale(0);} 80%{transform: scale(1.1);} 100%{transform: scale(1);}}
@-webkit-keyframes closepop{0%{transform: scale(0);} 80%{transform: scale(1.1);} 100%{transform: scale(1);}}
@-moz-keyframes closepop{0%{transform: scale(0);} 80%{transform: scale(1.1);} 100%{transform: scale(1);}}
@-ms-keyframes closepop{0%{transform: scale(0);} 80%{transform: scale(1.1);} 100%{transform: scale(1);}}
@-o-keyframes closepop{0%{transform: scale(0);} 80%{transform: scale(1.1);} 100%{transform: scale(1);}}
.closepop:hover{background-color: #00365a;}



/* ----------------------------- SUGGESTIONS --------------------------------- */
.biblio_inner, .continuer_lecture, .searchbox, #loginbox, #actus_patient{
  background-color: #f0f2f5;
  width: 100%;
  float: left;
}
.biblio_inner h2, .continuer_lecture h2, form.filter_actus h2, .searchbox h2, form#filter_formation h2, form#filter_formationpwa h2, #loginbox h2, #actus_patient h2, #afu_tv h2, .home .eventhome .left h2, ul.liste_events li.firstevent .left h2{padding: 0 0 13px; position: relative;}
.biblio_inner h2::after, .continuer_lecture h2::after, form.filter_actus h2::after, ul.themes li a h2::after, .searchbox h2::after, form#filter_formation h2::after, form#filter_formationpwa h2::after,
#loginbox h2::after, #actus_patient h2::after, #nosthemes ul li h2::after, .page-template-patient #nosthemes ul.themes li h3::after, #afu_tv h2::after, .home .eventhome .left h2::after, ul.liste_events li a h2::after, ul.liste_events li.firstevent .left h2::after{
  width: 50px;
  height: 3px;
  left: 0;
  bottom: 0;
  background: #59A5D0;
  position: absolute;
  z-index: 2;
  content: '';
}
.continuer_lecture ul{padding: 0 0 0 12px; margin: 0 auto;}
.continuer_lecture ul li{list-style: none; position: relative; padding: 0; border: none;}
.continuer_lecture ul li h3{margin: 0 auto;}
.continuer_lecture ul li a{color: #00365a; text-decoration: none; font-weight: 600;}
.continuer_lecture ul li a:hover{color: #f06450;}
.biblio_inner ul{
  width: 100%;
  float: left;
  text-align: center;
  padding: 0;
}
.biblio_inner ul form{display: none;}
.biblio_inner ul li{
  margin: 0 auto;
  display: inline-block;
  list-style: none;
  vertical-align: top;
}
.biblio_inner ul li a{
  width: 100%;
  float: left;
  text-decoration: none;
  text-align: left;
}
.biblio_inner ul li a span:first-child{
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
  float: left;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.biblio_inner ul li a span:first-child::before{
  width: 3px;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  content: '';
  background: #f06450;
}
.biblio_inner ul li a span:last-child{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  width: auto;
  max-width: 100%;
  border: 1px #f06450 solid;
  font-weight: 600;
  float: left;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.biblio_inner ul li a > span:first-child{color: #00365A; }
.biblio_inner ul li a > span:last-child{color: #fff; background: #f06450;}
.biblio_inner ul li a:hover > span:first-child{color: #f06450;}
.biblio_inner ul li a:hover > span:last-child{color: #f06450; background: none;}



/* ----------------------------- MON PROFIL --------------------------------- */







/* ----------------------------- ELEMENTOR --------------------------------- */
.elesec{
  width: 100%;
  float: left;
}
.elesec .elementor{
  width: 100%;
  float: left;
}
.elesec .elementor-inner{
  width: 100%;
  float: left;
}
.elesec .elementor-section-wrap{
  width: 100%;
  float: left;
}
.elesec .elementor-section{
  width: 100%;
  float: left;
  margin: 0;
}
.elesec .elementor-container{
  width: 100%;
  float: left;
  display: block !important;
  margin: 0 !important;
  max-width: 100% !important;
}
.elesec .elementor-row{
  width: 100%;
  float: left;
  display: block !important;
}
.elesec .elementor-column{
  width: 100%;
  float: left;
  display: block;
  min-height: auto;
}
.elesec .elementor-column-wrap{
  width: 100%;
  float: left;
  padding: 0 !important;
}
.elesec .elementor-widget-wrap{
  width: 100%;
  float: left;
  display: block !important;
}
.elesec .elementor-element{
  width: 100%;
  float: left;
  margin: 0 !important;
}
.elesec .elementor-widget-container{
  transition: inherit !important;
  -webkit-transition: inherit !important;
  -moz-transition: inherit !important;
  -o-transition: inherit !important;
  -ms-transition: inherit !important;
}
.elesec .elementor-accordion{
  width: 100%;
  float: left;
}
.elesec .elementor-accordion-item{
  width: 100%;
  float: left;
  border: 1px #c8cacd solid !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25);
  -o-box-shadow: 0 0 3px rgba(0,0,0,0.25);
  -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25);
}
.elesec .elementor-tab-title{
  width: 100%;
  float: left;
  padding: 0 !important;
}
.elesec .elementor p a{text-decoration: underline;}
.elesec .elementor-tab-title a.elementor-accordion-title, .elesec .elementor-widget-toggle .elementor-toggle a.elementor-toggle-title{
  width: 100%;
  float: left;
  font-weight: 500;
  color: #00365a !important;
  position: relative;
  text-decoration: none;
}
.elesec .elementor-tab-title a.elementor-accordion-title::before, .elesec .elementor-widget-toggle .elementor-toggle a.elementor-toggle-title::before{
  width: 1px;
  content: '';
  position: absolute;
  background: #dcdfe1;
  z-index: 2;
}
.elesec .elementor-tab-title a.elementor-accordion-title::after, .elesec .elementor-widget-toggle .elementor-toggle a.elementor-toggle-title::after{
  border: 1px #f06450 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  background-image: url(img/tabarrow.png);
  content: '';
  position: absolute;
  z-index: 2;
  animation: tabout 0.4s steps(20) forwards;
  -webkit-animation: tabout 0.4s steps(20) forwards;
  -moz-animation: tabout 0.4s steps(20) forwards;
  -o-animation: tabout 0.4s steps(20) forwards;
  -ms-animation: tabout 0.4s steps(20) forwards;
}
@keyframes tabout{0%{background-position: center bottom;} 100%{background-position: center top;}}
@-webkit-keyframes tabout{0%{background-position: center bottom;} 100%{background-position: center top;}}
@-moz-keyframes tabout{0%{background-position: center bottom;} 100%{background-position: center top;}}
@-ms-keyframes tabout{0%{background-position: center bottom;} 100%{background-position: center top;}}
@-o-keyframes tabout{0%{background-position: center bottom;} 100%{background-position: center top;}}
.elesec .elementor-tab-title.elementor-active a.elementor-accordion-title::after, .elesec .elementor-widget-toggle .elementor-tab-title.elementor-active a::after{
  animation: tabin 0.4s steps(20) forwards;
  -webkit-animation: tabin 0.4s steps(20) forwards;
  -moz-animation: tabin 0.4s steps(20) forwards;
  -o-animation: tabin 0.4s steps(20) forwards;
  -ms-animation: tabin 0.4s steps(20) forwards;
}
@keyframes tabin{0%{background-position: center top;} 100%{background-position: center bottom;}}
@-webkit-keyframes tabin{0%{background-position: center top;} 100%{background-position: center bottom;}}
@-moz-keyframes tabin{0%{background-position: center top;} 100%{background-position: center bottom;}}
@-ms-keyframes tabin{0%{background-position: center top;} 100%{background-position: center bottom;}}
@-o-keyframes tabin{0%{background-position: center top;} 100%{background-position: center bottom;}}
.elesec .elementor-tab-title a.elementor-accordion-title.padlock::after{
  background-image: url(img/padlock.png);
  background-color: #A0A2A5;
  border-color: #A0A2A5;
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  -ms-animation: none;
}
.elesec .elementor-accordion-icon{display: none !important;}
.elesec .elementor-tab-content{
  border-top: 1px #c8cacd solid !important;
  width: 100%;
  float: left;
  background: #f0f2f5;
}
.elesec .elementor-tab-content.inactive{display: none !important;}
.elesec .elementor-column-wrap.elementor-element-populated{padding: 0 !important;}
.elesec .elementor a.elementor-button{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border: 1px #f06450 solid;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  background-color: #f06450 !important;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.elesec .elementor a.elementor-button:hover{color: #f06450; background-color: #fff !important; text-decoration: none;}
.elesec .elementor-testimonial-wrapper .elementor-testimonial-content{
  font-weight: 600;
  font-style: italic;
  color: #fff;
  background: #006bb3;
  text-align: center;
}
.elesec .elementor-toggle{
  width: 100%;
  float: left;
}
.elesec .elementor-toggle-item{
  width: 100%;
  float: left;
  border: 1px #c8cacd solid !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25);
  -o-box-shadow: 0 0 3px rgba(0,0,0,0.25);
  -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25);
}
.elesec .elementor-toggle .elementor-tab-title{
  width: 100%;
  float: left;
  padding: 0 !important;
  border: none;
}
.elesec .elementor-toggle .elementor-tab-title .elementor-toggle-icon{display: none;}
.elesec table{
  width: 100% !important;
  border-collapse: collapse;
  background: #fff;
  font-weight: 400;
}
.elesec .elementor-tab-content table{
    text-align: unset;
}
.elesec .elementor-tab-content table p{width:auto;}
.elesec .elementor-tab-content table h4{width:auto;}
.elesec table thead{
  background: #001b2d;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.elesec table tr{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dcdfe1;
}
.elesec table tr:first-child{
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dcdfe1;
}
.elesec table td{
  padding: 10px 5px;
  border-left-width: 1px;
  border-left-color: #dcdfe1;
  border-left-style: solid;
  vertical-align: middle;
}
.elesec table td:last-child{
  border-right-width: 1px;
  border-right-color: #dcdfe1;
  border-right-style: solid;
}
.elesec table thead td{
  border-left-color: #006bb3;
}
.elesec table thead td:first-child{border-left-color: #001B2D;}
.elesec table thead td:last-child{border-right-color: #001B2D;}
.elesec .elementor iframe{padding: 12px 0 26px; background: #fff;}




/* ----------------------------- ACTUALITES --------------------------------- */
.btn_top_single a.archives_access, .btn_top_single a.btndepotannonce{
  color: #b4b6b9;
  border-color: #b4b6b9;
  background: #fff;
}
.btn_top_single a.archives_access:hover, .btn_top_single a.btndepotannonce:hover{color: #fff; background: #b4b6b9;}
.btn_top_single a.archives_access::before, .btn_top_single a.btndepotannonce::before{display: none;}
.btn_top_single a.archives_access::after, .btn_top_single a.btndepotannonce::after{
  position: absolute;
  z-index: 2;
  content: '';
  background-image: url(img/gotoarchive.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.btn_top_single a.archives_access:hover::after, .btn_top_single a.btndepotannonce:hover::after{background-position: left center;}
form.filter_actus, form#filter_formation, form#filter_formationpwa, form#filtersearch{
  background-color: #f0f2f5;
  width: 100%;
  float: left;
}
form#filtersearch{padding: 0; margin: 0;}
#inner-filtre{
  width: 100%;
  float: left;
  text-align: left;
}
#inner-filtre span, form#filtersearch .btnfilter{
  width: auto;
  display: inline-block;
  vertical-align: top;
}
#inner-filtre span a#btntous, #inner-filtre span input.checkbox + label, form#filtersearch .btnfilter input.checkbox + label{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  color: #f06450;
  width: auto;
  float: left;
  border-width: 1px;
  background-color: inherit;
  border-color: #f06450;
  border-style: solid;
  text-decoration: none;
  cursor: pointer;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#inner-filtre span input.checkbox, form#filtersearch .btnfilter input.checkbox{display: none;}
#inner-filtre span a#btntous.active, #inner-filtre span input.checkbox:checked + label, form#filtersearch .btnfilter input.checkbox:checked + label{background-color: #f06450; color: #fff;}
.searchbox form#filtersearch input[type="submit"]{
  display: inline-block;
  float: none;
  margin: 0 10px 10px 0;
  background: #f06450;
  color: #fff;
}
.searchbox form#filtersearch input[type="submit"]:hover{background: none; color: #f06450;}
#resultat{
  width: 100%;
  float: left;
}
ul.actualites{
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
}
ul.actualites li{
  border-top: 1px #f0f2f5 solid;
  width: 100%;
  float: left;
  list-style: none;
}
ul.actualites li:first-child{border: none; padding: 0;}
ul.actualites li .leftimg_actu{
  float: left;
}
ul.actualites li .leftimg_actu a{
  width: 100%;
  float: left;
}
ul.actualites li.padlock .leftimg_actu a{
  width: 100%;
  float: left;
  position: relative;
}
ul.actualites li.padlock .leftimg_actu a .membres_cover{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  background-color: rgba(0,27,45,0.5);
}
ul.actualites li.padlock .leftimg_actu a .membres_cover::before{
  position: absolute;
  z-index: 3;
  border: 1px #fff solid;
  content: '';
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-image: url(img/padlockbig.png);
}
ul.actualites li .leftimg_actu a img{
  width: 100%;
  float: left;
  height: auto;
}
ul.actualites li .list_main{
  float: left;
}
ul.actualites li .list_main a{text-decoration: none;}
ul.actualites li .list_main .date{
  font-weight: 400;
  color: #006bb3;
  width: 100%;
  float: left;
}
ul.actualites li .list_main a.savoirplus{
  width: auto;
  float: right;
  font-weight: 600;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border: 1px #f06450 solid;
  background: #f06450; color: #fff;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
ul.actualites li .list_main a.savoirplus:hover{background: #fff; color: #f06450;}
ul.actualites li.padlock .list_main a.savoirplus{border-color: #b4b6b9; background: #b4b6b9; color: #fff; cursor: not-allowed;}
#pagination_post{
  width: 100%;
  float: left;
  border-top: 1px #f0f2f5 solid;
}
#pagination_post a{
  position: relative;
  color: #b4b6b9;
  border: 1px #b4b6b9 solid;
  background-color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
  width: auto;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#pagination_post a:hover{background-color: #b4b6b9; color: #fff;}
#pagination_post a.prev{float: left; text-align: left;}
#pagination_post a.next{float: right; text-align: right;}
#pagination_post a::before{
  position: absolute;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
  content: '';
}
#pagination_post a.prev::before{background-image: url(img/postprev.png);}
#pagination_post a.next::before{background-image: url(img/postnext.png);}
#pagination_post a:hover::before{background-position: center top;}




/* ----------------------------- EVENEMENTS --------------------------------- */
.infobox{
  width: 100%;
  float: left;
}
.infobox .left{
  float: left;
}
.infobox .left img{
  width: 100%;
  float: left;
}
.infobox .right{
  float: left;
}
#content_historique{width: 100%; float: left;}
#content_historique ul li{padding: 0; margin: 0; border: none;}
.content_rapport ul{padding: 0;}
.content_rapport ul li{
  border-top: 1px #fff solid;
  list-style: none;
}
.content_rapport ul li:first-child{margin: 0 auto !important; padding: 0; border: none;}
.content_rapport ul li .list_main{
  float: left;
}
.content_rapport ul li .list_main a{
  width: 100%;
  float: left;
}
.content_rapport ul li .right{
  float: left;
}
.content_rapport ul li .right a{
  margin: 10px auto 0;
  padding: 2px 4px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  width: 100%;
  text-decoration: none;
  float: left;
  text-align: center;
  color: #006bb3;
  border-width: 1px;
  border-color: #006bb3;
  border-style: solid;
  background: none;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.content_rapport ul li .right a::before{
  margin: -5px 5px 0 0;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  content: '';
  vertical-align: middle;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.content_rapport ul li .right a.btnlire::before{background-image: url(img/lirebtn.png);}
.content_rapport ul li .right a.btnpdf::before{background-image: url(img/dlbtn.png);}
.content_rapport ul li .right a.btnselection::before{background-image: url(img/selectbtn.png);}
.content_rapport ul li .right a.btnselection_active::before{background-image: url(img/trash.png); background-position: center top;}
.content_rapport ul li .right a.btnselection_active, .content_rapport ul li .right a.btnselection{display: none;}
.content_rapport ul li .right a.btnselection_active.active, .content_rapport ul li .right a.btnselection.active{display: block;}
.content_rapport ul li .right a.btnselection{color: #f06450; border-color: #f06450;}
.content_rapport ul li .right a.btnselection:hover{background: #f06450; color: #fff;}
.content_rapport ul li .right a.btnselection_active{
  background: #f06450;
  color: #fff;
  border-color: #f06450;
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
}
.content_rapport ul li .right a.btnselection_active:hover{
  background: #f06450;
  color: #fff;
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
}
.content_rapport ul li .right a span{
  margin: -5px 0 0 0;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.content_rapport ul li .right a:hover{background: #006BB3; color: #fff;}
.content_rapport ul li .right a:hover::before{background-position: center top;}



/* ----------------------------- ACADEMIE --------------------------------- */

form#filter_formation input#search, form#filter_formationpwa input#search{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  border: none;
  background-color: #fff;
  font-weight: 600;
  color: #00365a;
  float: left;
  outline: none;
  width: 100%;
  margin: 0 auto;
}
form#filter_formation .selectfilter, form#filter_formationpwa .selectfilter{
  float: left;
  position: relative;
}
form#filter_formation .selectfilter .selectBox, form#filter_formationpwa .selectfilter .selectBox{
  width: 100%;
  float: left;
}
form#filter_formation .selectfilter .selectBox select, form#filter_formationpwa .selectfilter .selectBox select{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  cursor: pointer;
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  border: none;
  background-color: #fff;
  font-weight: 600;
  color: #00365a;
  float: left;
  outline: none;
  background-image: url(img/arrowselect.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  width: 100%;
  margin: 0 auto;
}
form#filter_formation .selectfilter .selectBox .overSelect, form#filter_formationpwa .selectfilter .selectBox .overSelect{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  position: absolute;
  z-index: 3;
}
form#filter_formation .selectfilter .checkboxes, form#filter_formationpwa .selectfilter .checkboxes{
  padding: 10px 16px;
  top: calc(100% - 3px);
  width: 100%;
  display: none;
  position: absolute;
  z-index: 4;
  left: 0;
  background: #fafcff;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  -ms-opacity: 0;
  animation: fadeinbox 0.3s ease-in-out forwards;
  -webkit-animation: fadeinbox 0.3s ease-in-out forwards;
  -moz-animation: fadeinbox 0.3s ease-in-out forwards;
  -o-animation: fadeinbox 0.3s ease-in-out forwards;
  -ms-animation: fadeinbox 0.3s ease-in-out forwards;
}
@keyframes fadeinbox{0%{opacity: 0;} 100%{opacity: 1;}}
@-webkit-keyframes fadeinbox{0%{opacity: 0;} 100%{opacity: 1;}}
@-moz-keyframes fadeinbox{0%{opacity: 0;} 100%{opacity: 1;}}
@-ms-keyframes fadeinbox{0%{opacity: 0;} 100%{opacity: 1;}}
@-o-keyframes fadeinbox{0%{opacity: 0;} 100%{opacity: 1;}}
form#filter_formation .selectfilter .checkboxes span, form#filter_formationpwa .selectfilter .checkboxes span{
  margin: 5px auto 0;
  background-size: 20px auto;
  width: 100%;
  float: left;
  background-position: left top;
  background-image: url(img/checkbox1.png);
  background-repeat: no-repeat;
}
form#filter_formation .selectfilter .checkboxes span input[type="checkbox"], form#filter_formationpwa .selectfilter .checkboxes span input[type="checkbox"]{display: none;}
form#filter_formation .selectfilter .checkboxes span input[type="checkbox"] + label, form#filter_formationpwa .selectfilter .checkboxes span input[type="checkbox"] + label{
  padding: 2px 0 2px 20px;
  background-size: 20px auto;
  border: none;
  border-radius: 0;
  width: 100%;
  background-position: left top;
  background-image: inherit;
  background-repeat: no-repeat;
  color: #006BB3;
  background-color: initial;
  cursor: pointer;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
form#filter_formation .selectfilter .checkboxes span input[type="checkbox"]:checked + label, form#filter_formationpwa .selectfilter .checkboxes span input[type="checkbox"]:checked + label{color: #f06450; background-image: url(img/checkbox2.png);}
form#filter_formation input[type="submit"], form#filter_formationpwa input[type="submit"]{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  float: right;
  color: #f06450;
  border: 1px #f06450 solid;
  cursor: pointer;
  background: none;
  text-align: center;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  outline: none;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
form#filter_formation input[type="submit"]:hover{color: #fff; background: #f06450;}
#response{
  width: 100%;
  float: left;
}
#response .nopostsfound{
  font-size: 18px;
  line-height: 26px;
  padding: 20px;
  margin: 30px auto 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  width: 100%;
  float: left;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background: #f06450;
}
.page-template-formation_ligne #response ul.list_publications{margin: 0 auto; text-align: left;}
.page-template-formation_ligne #response ul.list_publications li{
  padding: 0;
  border: none;
  display: inline-block;
  vertical-align: top;
  float: none;
}
.page-template-formation_ligne #response ul.list_publications li a{
  width: 100%;
  float: left;
}
.page-template-formation_ligne #response ul.list_publications li a .covervideo{
  width: 100%;
  float: left;
  position: relative;
}
.page-template-formation_ligne #response ul.list_publications li a .covervideo img{
  width: 100%;
  float: left;
  height: auto;
}
.page-template-formation_ligne #response ul.list_publications li a .covervideo::before{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  content: '';
  background-color: #001b2d;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
  -ms-opacity: 0.5;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.page-template-formation_ligne #response ul.list_publications li a .covervideo::after{
  border: 1px #fff solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  position: absolute;
  z-index: 2;
  content: '';
  background-size: 100% auto;
  background-position: center;
  background-image: url(img/icon_video.png);
  background-repeat: no-repeat;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.page-template-formation_ligne #response ul.list_publications li.padlock a .covervideo::after{background-image: url(img/padlockbig.png);}
.page-template-formation_ligne #response ul.list_publications li a:hover .covervideo::before{
  opacity: 0.75;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  -o-opacity: 0.75;
  -ms-opacity: 0.75;
}
.page-template-formation_ligne #response ul.list_publications li a:hover .covervideo::after{
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
span.type, .publication_single_main #tags #ribbon{
  color: #fff;
  font-weight: 600;
  width: auto;
  max-width: 100%;
  float: left;
}
span.canal-afu, .publication_single_main #tags #ribbon.canal-afu{background: #a3dcbe;}
span.biblio-online, .publication_single_main #tags #ribbon.biblio-online{background: #e87f02;}
span.ccafu-online, .publication_single_main #tags #ribbon.ccafu-online{background: #222d6d;}
span.ecu-online, .publication_single_main #tags #ribbon.ecu-online{background: #037e8c;}
span.highlights-des-congres, .publication_single_main #tags #ribbon.highlights-des-congres{background: #f8c765;}
span.webinaires-de-lafu, .publication_single_main #tags #ribbon.webinaires-de-lafu{background: #d55f8f;}
.page-template-formation_ligne #response ul.list_publications li a > h3{
  margin: 0 auto;
  color: #00365a;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  width: 100%;
  float: left;
  font-weight: 700;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.page-template-formation_ligne #response ul.list_publications li a:hover > h3{color: #006bb3;}
.publication_single_main #tags{
  width: 100%;
  float: left;
}
.publication_single_main #tags span{
  float: left;
  text-transform: uppercase;
  font-weight: 600;
  color: #00365a;
}
.publication_single_main #tags ul{
  float: left;
  padding: 0;
  margin: 0;
}
.publication_single_main #tags ul li{
  margin: 5px;
  width: auto;
  list-style: none;
  float: left;
  padding: 0;
}
.publication_single_main #tags ul li a{
  margin: 0 auto;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  color: #f06450;
  background: #fff;
  font-weight: 600;
  width: auto;
  max-width: 100%;
  float: left;
  text-decoration: none;
  border: 1px #f06450 solid;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.publication_single_main #tags ul li a:hover{background: #f06450; color: #fff;}
.publication_single_main #tags #ribbon{
  margin: 5px auto;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  float: right;
}
#response ul.filters{
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}
#response ul.filters li{
  margin: 5px;
  list-style: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  color: #f06450;
  background: #fff;
  font-weight: 600;
  width: auto;
  max-width: 100%;
  float: left;
  border: 1px #f06450 solid;
}



/* ----------------------------- SIDEBAR --------------------------------- */
.sidebar{float: left;}

.sidebar div{
  width: 100%;
  float: left;
}
a#side_cotisation{
  float: left;
  border-color: #F06450;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  background: #F06450;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
a#side_cotisation::before{
  position: absolute;
  z-index: 2;
  content: '';
  background-image: url(img/cotisation.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
a#side_cotisation:hover{background: #fff; color: #F06450;}
a#side_cotisation:hover::before{background-position: center top;}
#side_afu_academie{
  margin: 0 auto;
  width: 100%;
  float: left;
  background: #59A5D0;
}
h3.side-title{
  border-bottom-color: #DCDFE1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  position: relative;
  margin: 0 auto;
  text-transform: uppercase;
  color: #00365A;
  font-weight: 900;
}
#side_afu_academie h3.side-title{color: #fff;}
h3.side-title::before{
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
#side_perso h3.side-title::before{display: none;}
#side_afu_academie h3.side-title::before{background-image: url(img/side_afu_academie_icon.png);}
#side_dates h3.side-title::before{background-image: url(img/side_dates_icon.png);}
#side_forum h3.side-title::before{background-image: url(img/side_forum_icon.png);}
#side_acces_direct h3.side-title::before{background-image: url(img/side_acces_direct_icon.png);}
#side_publications_afu h3.side-title::before{background-image: url(img/side_publications_icon.png);}
#side_afu_academie span.btn_sidebar{
  width: 100%;
  float: left;
  text-align: center;
}
#side_afu_academie span.btn_sidebar a{
  font-size: 14px;
  line-height: 14px;
  padding: 9px 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 1px #fff solid;
  color: #fff;
  background: none;
  text-decoration: none;
  font-weight: 600;
  width: auto;
  margin: 0 0 0 -3px;
  max-width: 100%;
  display: inline-block;
}
#side_afu_academie span.btn_sidebar a:hover{color: #59A5D0; background: #fff;}
#side_dates, #side_acces_direct, #side_publications_afu, #side_perso, #side_forum{
  border: 1px #A0A2A5 solid;
  margin: 0 auto;
  width: 100%;
  float: left;
}
#side_perso a{
  width: 100%;
  float: left;
  text-align: center;
  text-decoration: none;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#side_perso a > span.btnrouge{
  font-size: 14px;
  line-height: 14px;
  padding: 9px 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 1px #f06450 solid;
  color: #f06450;
  background: none;
  text-decoration: none;
  font-weight: 600;
  width: auto;
  margin: 0 0 0 -3px;
  max-width: 100%;
  display: inline-block;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#side_perso a:hover > span.btnrouge{background: #f06450; color: #fff;}
#side_forum ul{
  width: 100%;
  float: left;
  padding: 0;
}
#side_forum ul li{
  width: 100%;
  float: left;
  list-style: none;
}
#side_forum ul li:first-child{border-bottom: 1px #DCDFE1 solid;}
#side_forum ul li a{
  position: relative;
  margin: 0;
  color: #00365a;
  width: 100%;
  float: left;
  text-decoration: none;
  font-weight: 600;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#side_forum ul li a::before{
  left: 0;
  top: 0;
  background-image: url(img/forum.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
}
#side_forum ul li a:hover{color: #f06450;}
#side_dates #myCarousel{
  float: left;
  position: relative;
}
#side_dates #myCarousel .carousel-inner{
  margin: 0 auto;
  position: relative;
  width: 100%;
  float: left;
  overflow: hidden;
}
#side_dates #myCarousel .slide{
  left: 0;
  top: 0;
  width: 100%;
  position: absolute;
  z-index: 2;
  list-style: none;
  display: none;
}
#side_dates #myCarousel .slide.left, #side_dates #myCarousel .slide.right{display: block;}
#side_dates #myCarousel .slide.active{z-index: 4; display: block;}
#side_dates #myCarousel .slide.active.left{
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  animation: gotoleftslide 0.4s ease-in-out forwards;
  -webkit-animation: gotoleftslide 0.4s ease-in-out forwards;
  -moz-animation: gotoleftslide 0.4s ease-in-out forwards;
  -o-animation: gotoleftslide 0.4s ease-in-out forwards;
  -ms-animation: gotoleftslide 0.4s ease-in-out forwards;
}
@keyframes gotoleftslide{0%{transform: translateX(0);} 100%{transform: translateX(-100%);}}
@-webkit-keyframes gotoleftslide{0%{transform: translateX(0);} 100%{transform: translateX(-100%);}}
@-moz-keyframes gotoleftslide{0%{transform: translateX(0);} 100%{transform: translateX(-100%);}}
@-ms-keyframes gotoleftslide{0%{transform: translateX(0);} 100%{transform: translateX(-100%);}}
@-o-keyframes gotoleftslide{0%{transform: translateX(0);} 100%{transform: translateX(-100%);}}
#side_dates #myCarousel .slide.active.right{
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  animation: gotorightslide 0.4s ease-in-out forwards;
  -webkit-animation: gotorightslide 0.4s ease-in-out forwards;
  -moz-animation: gotorightslide 0.4s ease-in-out forwards;
  -o-animation: gotorightslide 0.4s ease-in-out forwards;
  -ms-animation: gotorightslide 0.4s ease-in-out forwards;
}
@keyframes gotorightslide{0%{transform: translateX(0);} 100%{transform: translateX(100%);}}
@-webkit-keyframes gotorightslide{0%{transform: translateX(0);} 100%{transform: translateX(100%);}}
@-moz-keyframes gotorightslide{0%{transform: translateX(0);} 100%{transform: translateX(100%);}}
@-ms-keyframes gotorightslide{0%{transform: translateX(0);} 100%{transform: translateX(100%);}}
@-o-keyframes gotorightslide{0%{transform: translateX(0);} 100%{transform: translateX(100%);}}
#side_dates #myCarousel .slide.next.left{
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  animation: fromrightslide 0.4s ease-in-out forwards;
  -webkit-animation: fromrightslide 0.4s ease-in-out forwards;
  -moz-animation: fromrightslide 0.4s ease-in-out forwards;
  -o-animation: fromrightslide 0.4s ease-in-out forwards;
  -ms-animation: fromrightslide 0.4s ease-in-out forwards;
}
@keyframes fromrightslide{0%{transform: translateX(100%);} 100%{transform: translateX(0);}}
@-webkit-keyframes fromrightslide{0%{transform: translateX(100%);} 100%{transform: translateX(0);}}
@-moz-keyframes fromrightslide{0%{transform: translateX(100%);} 100%{transform: translateX(0);}}
@-ms-keyframes fromrightslide{0%{transform: translateX(100%);} 100%{transform: translateX(0);}}
@-o-keyframes fromrightslide{0%{transform: translateX(100%);} 100%{transform: translateX(0);}}
#side_dates #myCarousel .slide.prev.right{
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  animation: fromleftslide 0.4s ease-in-out forwards;
  -webkit-animation: fromleftslide 0.4s ease-in-out forwards;
  -moz-animation: fromleftslide 0.4s ease-in-out forwards;
  -o-animation: fromleftslide 0.4s ease-in-out forwards;
  -ms-animation: fromleftslide 0.4s ease-in-out forwards;
}
@keyframes fromleftslide{0%{transform: translateX(-100%);} 100%{transform: translateX(0);}}
@-webkit-keyframes fromleftslide{0%{transform: translateX(-100%);} 100%{transform: translateX(0);}}
@-moz-keyframes fromleftslide{0%{transform: translateX(-100%);} 100%{transform: translateX(0);}}
@-ms-keyframes fromleftslide{0%{transform: translateX(-100%);} 100%{transform: translateX(0);}}
@-o-keyframes fromleftslide{0%{transform: translateX(-100%);} 100%{transform: translateX(0);}}
#side_dates #myCarousel a.carousel-control{
  width: 26px;
  height: 26px;
  top: calc(50% - 13px);
  position: absolute;
  z-index: 10;
  text-indent: -9999px;
  cursor: pointer;
  background-color: #f06450;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#side_dates #myCarousel a.left{
  border-radius: 0 50% 50% 0;
  -webkit-border-radius: 0 50% 50% 0;
  -moz-border-radius: 0 50% 50% 0;
  -o-border-radius: 0 50% 50% 0;
  -ms-border-radius: 0 50% 50% 0;
  background-image: url(img/prevslidebar.png);
}
#side_dates #myCarousel a.right{
  border-radius: 50% 0 0 50%;
  -webkit-border-radius: 50% 0 0 50%;
  -moz-border-radius: 50% 0 0 50%;
  -o-border-radius: 50% 0 0 50%;
  -ms-border-radius: 50% 0 0 50%;
  background-image: url(img/nextslidebar.png);
}
#side_dates #myCarousel a.carousel-control:hover{background-color: #00365a;}
#side_dates #myCarousel .slide a{
  float: left;
  text-decoration: none;
}
#side_dates #myCarousel .slide a img{
  width: 100%;
  float: left;
  height: auto;
}
#side_dates #myCarousel .slide span{
  float: left;
  color: #59A5D0;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
}
#side_dates #myCarousel .slide h4{
  font-weight: 700;
  float: left;
}
#side_dates #myCarousel .slide h4 a{width: 100%; margin: 0; color: #00365a; text-decoration: none;}
#side_dates #myCarousel .slide h4 a:hover{color: #f06450;}
ul.side_liens{
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}
ul.side_liens li{
  border-top: 1px #DCDFE1 solid;
  width: 100%;
  float: left;
  list-style: none;
}
ul.side_liens li:first-child{
  padding: 0;
  border-top: none;
}
ul.side_liens li a{
  width: 100%;
  float: left;
}
ul.side_liens li a > h4{
  margin: 0 0 0 8px;
  color: #00365A;
  font-weight: 600;
  float: left;
  text-decoration: none;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
ul.side_liens li a:hover > h4{color: #F06450;}
ul.side_liens li a img{
  float: left;
  height: auto;
}
a#side_fullink{
  color: #fff;
  float: left;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
a#side_fullink span{
  font-size: 24px;
  line-height: 24px;
  width: 100%;
  height: 100%;
  text-align: center;
  font-weight: 400;
  position: absolute;
  text-decoration: none;
  text-transform: uppercase;
  z-index: 2;
  background-color: rgba(0,27,45,0.5);
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
a#side_fullink:hover{color: #F06450;}
a#side_fullink span:hover{background-color: rgba(0,27,45,0.85);}
a#side_fullink span strong{
  font-weight: 700;
  color: #fff;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
a#side_fullink span:hover strong{color: #F06450;}
a#side_fullink span::before, a#side_fullink span::after{
  width: 30px;
  left: calc(50% - 15px);
  height: 1px;
  background: #fff;
  position: absolute;
  z-index: 2;
  content: '';
}
#side_publications_afu ul{
  width: 100%;
  float: left;
  padding: 0;
}
#side_publications_afu ul li{
  margin: 0 auto;
  padding: 0;
  float: left;
  list-style: none;
}
#side_publications_afu ul li a{
  width: 100%;
  float: left;
  cursor: pointer;
}
#side_publications_afu ul li a img{
  width: 100%;
  float: left;
  height: auto;
}
#side_publications_afu ul li a > img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#side_publications_afu ul li a:hover > img{
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
#side_publications_afu ul li a > span{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  text-decoration: none;
  color: #f06450;
  border: 1px #f06450 solid;
  text-align: center;
  font-weight: 600;
  background: #fff;
  width: 100%;
  float: left;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#side_publications_afu ul li a:hover > span{color: #fff; background: #f06450;}
.sidebar div.adsidebar div{margin: 0 auto; width: 100%;}
.sidebar div#videoblockside{margin: 20px auto 0;}
.sidebar div#videoblockside .side{margin: 0 auto;}
.sidebar div#videoblockside .side a{
  width: 100%;
  float: left;
}
.sidebar div#videoblockside .side a .right h3{
  color: #00365a;
}
.sidebar div#videoblockside .side a .covervideo{position: relative;}
.sidebar div#videoblockside .side a .covervideo img{
  width: 100%;
  float: left;
  height: auto;
}
.sidebar div#videoblockside .side a .covervideo::before{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  background-color: rgba(0,27,45,0.5);
  content: '';
}
.sidebar div#videoblockside .side a .covervideo::after{
  width: 60px;
  height: 60px;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border: 1px #fff solid;
  position: absolute;
  z-index: 3;
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.sidebar div#videoblockside .side a .covervideo::after{background-image: url(img/play.png);}
.sidebar div#videoblockside .side.padlock a .covervideo::after{background-image: url(img/padlockbig.png);}

#main_article .slider{
  width: 100%;
  position: relative;
  float: left;
}
#main_article .slider ul{
  width: 100%;
  float: left;
  text-align: center;
}
#main_article .slider ul li{
  width: auto;
  margin: 0;
  display: none;
  list-style: none;
}
#main_article .slider ul li.active, #main_article .slider ul li.disappear{display: inline-block;}
#main_article .slider ul img{
  width: auto;
  float: left;
  height: auto;
  max-width: 100%;
  margin: 0;
}
#main_article .slider .btnnavslider{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-color: #f06450;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  z-index: 2;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#main_article .slider #prev{left: 0; background-image: url(img/prev.png);}
#main_article .slider #next{right: 0; background-image: url(img/next.png);}
#main_article .slider .btnnavslider:hover{background-color: #00365A;}
.sidebar a#accueil_patient{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  color: #fff;
  border: 1px #f06450 solid;
  text-align: center;
  text-decoration: none;
  background: #f06450;
  width: 100%;
  float: left;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.sidebar a#accueil_patient:hover{background: transparent; color: #f06450;}
.sidebar #menuthemes{
  width: 100%;
  float: left;
  margin: 0 auto;
  border: 1px #a0a2a5 solid;
}
.sidebar #menuthemes h2{
  width: 100%;
  float: left;
  position: relative;
  margin: 0 auto;
  border-bottom: 1px #dcdfe1 solid;
}
.sidebar #menuthemes h2::before{
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  content: '';
  background-image: url(img/side_acces_direct_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.sidebar #menuthemes ul{
  width: 100%;
  float: left;
  padding: 0;
}
.sidebar #menuthemes ul li{
  width: 100%;
  float: left;
  list-style: none;
  position: relative;
}
.sidebar #menuthemes ul li::before{
  left: 0;
  content: '';
  position: absolute;
  z-index: 2;
  background-image: url(img/arrowul.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.sidebar #menuthemes ul li a{
  margin: 0 auto;
  color: #00365A;
  font-weight: 500;
  width: auto;
  max-width: 100%;
  float: left;
  text-decoration: none;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.sidebar #menuthemes ul li a:hover, .sidebar #menuthemes ul li.current a{color: #f06450;}




/* ----------------------------- ECOMMERCE --------------------------------- */
#ecommercebox{
  width: 100%;
  float: left;
  position: relative;
}
.ecommercepopup{
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  z-index: 100;
  overflow-y: scroll;
  left: 0;
  top: 0;
  background-color: rgba(230,236,244,0.9);
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  -ms-opacity: 0;
}
.ecommercepopup.active{
  display: block;
  animation: fadeinpop 0.3s ease-in-out forwards;
  -webkit-animation: fadeinpop 0.3s ease-in-out forwards;
  -moz-animation: fadeinpop 0.3s ease-in-out forwards;
  -o-animation: fadeinpop 0.3s ease-in-out forwards;
  -ms-animation: fadeinpop 0.3s ease-in-out forwards;
}
.ecommercepopup .innerbox{
  margin: 0 auto 80px;
  transform: translateY(50vh);
  -webkit-transform: translateY(50vh);
  -moz-transform: translateY(50vh);
  -o-transform: translateY(50vh);
  -ms-transform: translateY(50vh);
  position: absolute;
  z-index: 2;
  text-align: center;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  -ms-opacity: 0;
  background: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -o-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  animation: appearpop 0.4s ease-in-out forwards;
  -webkit-animation: appearpop 0.4s ease-in-out forwards;
  -moz-animation: appearpop 0.4s ease-in-out forwards;
  -o-animation: appearpop 0.4s ease-in-out forwards;
  -ms-animation: appearpop 0.4s ease-in-out forwards;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
}
.fakearticle{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
}
.fakearticle::before{
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  position: absolute;
  content: '';
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,1));
}
#ecommercebox .innerbox{
  text-align: center;
  float: left;
  z-index: 2;
  position: relative;
  background: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -o-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
#ecommercebox .innerbox a.btnrouge, .ecommercepopup .innerbox a.btnrouge{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  color: #fff;
  background: #f06450;
  border-color: #f06450;
  border-width: 1px;
  border-style: solid;
  width: auto;
  display: inline-block;
  text-decoration: none;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
#ecommercebox .innerbox a.btnrouge:hover, .ecommercepopup .innerbox a.btnrouge:hover{background: transparent; color: #f06450;}
.ligneou{
  color: #006BB3;
  text-transform: uppercase;
  width: 100%;
  position: relative;
}
.ligneou::before, .ligneou::after{
  top: calc(50% - 0.5px);
  height: 1px;
  content: '';
  position: absolute;
  z-index: 1;
  background: #f0f2f5;
}
.bloc_fifthy{
  float: left;
}
#ecommercebox .innerbox .bloc_fifthy p, .ecommercepopup .innerbox .bloc_fifthy p{padding: 0; text-align: left;}
.bloc_fifthy ol{
  width: 100%;
  text-align: left;
}
.bloc_fifthy ol li{
  position: relative;
  list-style: none;
}
.elesec .content_rapport .bloc_fifthy ol li{padding: 0;}
.bloc_fifthy ol li::marker{display: none;}
.bloc_fifthy ol li::before{
  color: #B3DFED;
  font-weight: 900;
  top: 0;
  position: absolute;
  z-index: 2;
}
.bloc_fifthy ol li:nth-child(1)::before{content: '1';}
.bloc_fifthy ol li:nth-child(2)::before{content: '2';}
.bloc_fifthy ol li:nth-child(3)::before{content: '3';}
.bloc_fifthy ol li:nth-child(4)::before{content: '4';}
.bloc_fifthy ol li:nth-child(5)::before{content: '5';}
#ecommercebox .innerbox .bloc_fifthy a.btnrouge, .ecommercepopup .innerbox .bloc_fifthy a{background: transparent; color: #f06450;}
#ecommercebox .innerbox .bloc_fifthy a.btnrouge:hover, .ecommercepopup .innerbox .bloc_fifthy a:hover{color: #fff; background: #f06450;}
.bloc_fifthy a.jachete{
  max-width: 100%;
  vertical-align: top;
  width: auto;
  display: inline-block;
  color: #f06450;
  text-decoration: none;
  background: transparent;
  border-color: #f06450;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.bloc_fifthy a.jachete:hover{background: #f06450; color: #fff;}
.bloc_fifthy a.jachete span{
  width: auto;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background: #f06450;
}
.page_content .woocommerce table.shop_table{
  table-layout: fixed;
  margin: 0 auto;
  border-collapse: collapse;
  border-radius: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -o-border-radius: none;
  -ms-border-radius: none;
}
.page_content .woocommerce table.shop_table tbody td::before{
  font-weight: 700;
  width: auto;
  float: left;
  text-transform: uppercase;
}
.page_content .woocommerce table.shop_table td.product-name::before{content: 'Achat'; width: 100%;}
.page_content .woocommerce table.shop_table td.product-price::before{content: 'Prix TTC';}
.page_content .woocommerce table.shop_table td.product-quantity::before{content: 'Quantité';}
.page_content .woocommerce table.shop_table td.product-total::before{content: 'Total TTC';}
.page_content .woocommerce table.shop_table th, .page_content .woocommerce table.shop_table td{
  border-top: none;
}
.page_content .woocommerce table.shop_table th{
  vertical-align: middle;
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.page_content .woocommerce table.shop_table td{
  vertical-align: top;
  color: #00365A;
  font-weight: 700;
  text-align: right;
}
.page_content .woocommerce table.shop_table td.product-name{text-align: left; font-weight: 400;}
.page_content .woocommerce table.shop_table tfoot{
  background: #001b2d;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.page_content .woocommerce table.shop_table tfoot th{
  font-weight: 400;
  text-transform: initial;
}
.page_content .woocommerce table.shop_table tfoot td{
  vertical-align: middle;
  color: #fff;
}
.page_content .woocommerce table.shop_table tfoot td strong{color: #fff !important;}
.page_content .woocommerce table.shop_table tr.order-total{margin: 0;}
.page_content #customer_details{width: 100%;}
.page_content .woocommerce-billing-fields__field-wrapper{float: left;}
.page_content .woocommerce form .form-row{
  width: 100%;
  float: left;
  padding: 0;
}
.page_content .woocommerce form .form-row-last, .woocommerce-page form .form-row-last{float: right;}
.page_content .woocommerce form .form-row label{
  clip: initial;
  height: auto;
  position: relative !important;
  width: 100%;
  float: left;
  overflow: initial;
  color: #00365a;
  clip-path: initial;
  font-weight: 700;
}
.page_content .woocommerce form .form-row .optional{font-weight: 300; font-size: 0.75em; line-height: 1;}
.page_content .woocommerce form .form-row .required{color: #f06450; font-weight: 400;}
.page_content .woocommerce form .form-row .woocommerce-input-wrapper{
  width: 100%;
  float: left;
}
.page_content .woocommerce form .form-row input.input-text, .page_content .woocommerce form .form-row textarea{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  margin: 0 auto;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  border: none;
  background-color: #f0f2f5;
  font-weight: 600;
  color: #00365a;
  float: left;
  outline: none;
}
.page_content .woocommerce form .form-row span.select2 span.select2-selection{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border: none;
  background-color: #f0f2f5;
  width: 100%;
  color: #00365a;
  font-weight: 600;
}
.page_content .select2-container .select2-selection--single{
  margin: 0;
}
.page_content .woocommerce form .form-row span.select2 span.select2-selection__rendered{
  padding: 0;
  color: #00365a;
}
.page_content .woocommerce form .form-row span.select2 span.select2-selection__arrow{
  height: 100%;
  z-index: 2;
  right: 0;
  top: 0;
  background-image: url(img/arrowselect.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 100%;
}
.page_content .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}
body .select2-dropdown{
  background-color: #f0f2f5;
  border: none !important;
  border-radius: 0 0 3px 3px !important;
  -webkit-border-radius: 0 0 3px 3px !important;
  -moz-border-radius: 0 0 3px 3px !important;
  -o-border-radius: 0 0 3px 3px !important;
  -ms-border-radius: 0 0 3px 3px !important;
}
body .select2-container--default .select2-search--dropdown .select2-search__field{
  border: none;
  color: #00365a;
  font-weight: 600;
  outline: none;
}
body .select2-container--default .select2-results__option[aria-selected="true"], body .select2-container--default .select2-results__option[data-selected="true"]{background-color: #00365A; color: #fff;}
body .select2-container--default .select2-results__option--highlighted[aria-selected], body .select2-container--default .select2-results__option--highlighted[data-selected]{color: #fff; background-color: #59A5D0;}
.page_content .woocommerce-checkout #payment{
  width: 100%;
  float: left;
  background: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
.woocommerce-terms-and-conditions-wrapper, #choix_paiement{width: 100%; float: left;}
.page_content .woocommerce form .form-row.validate-required label.checkbox{
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(img/checkbox1.png);
  width: 100%;
}
.page_content .woocommerce form .form-row.validate-required label input[type="checkbox"].input-checkbox{display: none;}
.page_content .woocommerce form .form-row.validate-required label input[type="checkbox"].input-checkbox + span.woocommerce-terms-and-conditions-checkbox-text{
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  float: left;
  cursor: pointer;
  background-image: initial;
  background-position: left top;
  background-repeat: no-repeat;
  font-weight: 400;
}
.page_content .woocommerce form .form-row.validate-required label input[type="checkbox"].input-checkbox:checked + span.woocommerce-terms-and-conditions-checkbox-text{background-image: url(img/checkbox2.png);}
.page_content .woocommerce-checkout #payment ul.payment_methods{
  width: 100%;
  float: left;
  border: none;
  padding: 0;
}
.page_content .woocommerce-checkout #payment ul.payment_methods li{
  width: 100%;
  float: left;
  list-style: none;
}
.page_content .woocommerce-checkout #payment div.form-row{padding: 0;}
.page_content .woocommerce-checkout #payment div.form-row::before{display: none;}
.page_content .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  width: auto;
  float: left;
  border: 1px #f06450 solid;
  color: #fff;
  background: #f06450;
  font-weight: 600;
  text-transform: uppercase;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.page_content .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{color: #f06450; background: transparent;}
.elesec .woocommerce-info, .elesec .woocommerce-error, .elesec .woocommerce-message{
  border: none;
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  background: #f0f2f5 !important;
  color: #00365A !important;
}
.elesec .woocommerce-error{background: #f06450 !important; color: #fff !important;}
.elesec .woocommerce-error li{color: #fff !important;}
.elesec .woocommerce-info::before, .elesec .woocommerce-error::before, .elesec .woocommerce-message::before{display: none;}
.elesec p.return-to-shop{
  width: auto;
  float: left;
}
.elesec .woocommerce a.button{
  font-weight: 400;
  width: auto;
  float: left;
  color: #f06450;
  border: 1px #f06450 solid;
  background-color: transparent;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
.elesec .woocommerce a.button:hover{background-color: #f06450;; color: #fff;}





/* ----------------------------- FOOTER --------------------------------- */
table.my_account_orders{
  width: 100%;
  border-collapse: collapse;
  float: left;
  text-align: right;
}
table.my_account_orders thead{
  background: #001b2d;
  color: #fff;
}
table.my_account_orders thead th{color: #fff;}
table.my_account_orders thead th.order-date{border-right: 1px #006bb3 solid; text-align: left;}
table.my_account_orders tbody td.order-date{border-right: 1px #dcdfe1 solid; text-align: left; color: #00365a;}
table.my_account_orders tbody{
  border-left: 1px #dcdfe1 solid;
  border-right: 1px #dcdfe1 solid;
}
table.my_account_orders tbody tr{border-bottom: 1px #dcdfe1 solid;}
table.my_account_orders thead th.order-number, table.my_account_orders tbody td.order-number, table.my_account_orders thead th.order-status, table.my_account_orders tbody td.order-status, table.my_account_orders thead th.order-total, table.my_account_orders tbody td.order-total{display: none;}
table.my_account_orders tbody td a.button{color: #f06450; text-decoration: none;}
table.my_account_orders tbody td a.button:hover{color: #00365A; text-decoration: underline;}




/* ----------------------------- FOOTER --------------------------------- */
.adfooter{
  width: 100%;
  float: left;
}
.adheader{
  width: 100%;
}
.adfooter .g{
  width: 970px;
  margin: 0 auto;
  max-width: 100%;
}
.adfooter .g-single, .adfooter .g-single a, .adfooter .g-single a img,
.adheader .g, .adheader .g-single, .adheader .g-single a, .adheader .g-single a img{
  width: 100%;
}
.adfooter .g-single a img, .adheader .g-single a img{height: auto;}
footer{
  position: relative;
  width: 100%;
  float: left;
}
#pre_footer{
  top: 0;
  background-color: #F0F2F5;
  background-image: url(img/bgprefooter.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right bottom;
  position: absolute;
  z-index: 2;
}
#pre_footer::before, #pre_footer::after{
  position: absolute;
  z-index: 3;
  content: '';
  background: #dcdee1;
}
.logged-in #pre_footer::before{display: none;}
.prefootercol{
  margin: 0 auto;
  float: left;
}
.prefootercol_big{
  float: left;
}
.prefootercol h4, .prefootercol_big h4{
  margin: 0 auto;
  color: #00365a;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
}
.prefootercol p{
  color: #00365a;
}
.prefootercol ul{padding: 0;}
.prefootercol ul li{
  list-style-position: inside;
}
.prefootercol ul li::marker{color: #59a5d0;}
.prefootercol ul li a{text-decoration: none; color: #00365A;}
.prefootercol ul li a:hover{color: #f06450;}
.prefootercol .left{
  float: left;
}
.prefootercol .left img{
  width: 100%;
  float: left;
  height: auto;
}
.prefootercol .right{
  float: left;
}
.prefootercol .right a.btnrouge{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border: 1px #f06450 solid;
  background: #f06450;
  color: #fff;
  font-weight: 600;
  width: auto;
  text-decoration: none;
  float: left;
}
.prefootercol .right a.btnrouge:hover{color: #f06450; background: none;}
.col_partenaires{
  float: left;
}
.titre_partenaire{
  font-weight: 600;
  text-align: center;
  float: left;
  width: auto;
}
#partenaires_platine{background-image: linear-gradient(45deg, #1a1a1a, #999999, #666666);}
#partenaires_or{background-image: linear-gradient(45deg, #fbb03b, #fce795, #fcc477);}
#partenaires_argent{background-image: linear-gradient(45deg, #999999, #e6e6e6, #cccccc);}
#partenaires_bronze{background-image: linear-gradient(45deg, #754c24, #c69c6d, #a67c52);}
#partenaires_platine, #partenaires_bronze{color: #fff;}
#partenaires_or, #partenaires_argent{color: #001b2d;}
.partenaires_box{
  width: 100%;
  float: left;
  text-align: center;
  background: #fff;
}
.partenaires_box img{
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 -3px;
  height: auto;
}
#footer_main{
  border-bottom: 4px #59A5D0 solid;
  width: 100%;
  float: left;
  background-image: linear-gradient(to right, #00365A, #001B2D);
}
#footer_col1, #footer_col2, #footer_col3, #footer_col4, #footer_col5{float: left;}
footer .menu-menu-1-container{
  width: 100%;
  max-width: 100%;
  float: left;
  margin: 0;
}
footer .menu-menu-1-container ul.menu li, footer .menu-top-menu-container ul.menu li, .menu-legal-container ul.menu li{
  margin: 0 auto 10px;
  padding: 0;
  width: 100%;
}
footer ul.menu li::after{display: none;}
footer .menu-top-menu-container ul.menu li a, .menu-legal-container ul.menu li a{color: #fff;}
footer .menu-top-menu-container ul.menu li a:hover, .menu-legal-container ul.menu li a:hover{color: #fff;}
footer .menu-menu-1-container ul.menu li a, footer .menu-top-menu-container ul.menu li a, .menu-legal-container ul.menu li a{padding: 0 0 4px;}
footer .menu-menu-1-container ul.menu li ul.sub-menu{display: none !important;}
footer .menu-menu-1-container ul.menu li a::before{display: none;}
footer ul.menu li a::after{height: 2px; left: 0;}
footer ul.menu li.selection, footer ul.menu li.profil, footer ul.menu li.patient{display: none}
.menu-legal-container{
  width: 100%;
  float: left;
}
span.footer_title{
  color: #fff;
  font-weight: 700;
  width: 100%;
  float: left;
  text-transform: uppercase;
}
#footer_col4 p{
  margin: 0 auto;
  color: #B4B8C3;
}
#footer_col4 a{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-color: #fff;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background: none;
  width: auto;
  float: left;
  text-decoration: none;
  text-align: center;
}
#footer_col4 a:hover{background: #fff; color: #00365A;}
#footer_col5 span.footer_title{font-weight: 400;}
ul#footer_rs{padding: 0;}
ul#footer_rs li{
  float: left;
  list-style: none;
}
ul#footer_rs li a{
  border-width: 1px;
  border-color: #59A5D0;
  border-style: solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  width: 100%;
  float: left;
  list-style: none;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  background-color: #59A5D0;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
}
ul#footer_rs li a:hover{background-color: inherit; border-color: #fff; background-position: center top;}
ul#footer_rs li#footer_fb a{background-image: url(img/facebook.png);}
ul#footer_rs li#footer_tw a{background-image: url(img/twitter.png);}
ul#footer_rs li#footer_yt a{background-image: url(img/youtube.png);}
ul#footer_rs li#footer_in a{background-image: url(img/instagram.png);}
#footer_col5 img{
  width: 100%;
  float: left;
  height: auto;
}
body.woocommerce-page .btn_top_single{display: none !important;}
footer#footer_patient{padding: 0;}
footer#footer_patient #footer_main{padding: 20px 0;}
footer#footer_patient #footer_col1{
  width: auto;
  margin: 0;
  display: block;
  float: left;
}
footer#footer_patient #footer_col1 a{
  text-align: center;
  width: auto;
  float: left;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
}
footer#footer_patient #footer_col1 a:hover{color: #59A5D0;}
footer#footer_patient #footer_col5{
  float: right;
  margin: 0 auto;
}
footer#footer_patient #footer_col5 img{margin: 0;}

.popup__connexion {
  background: rgba(0,0,0,.95);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 15px;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.popup__wrapper {
  background: white;
  max-width: 480px;
}

.popup__connexion__media {
  margin: 0;
}
.popup__connexion__media img {
  display: block;
}

.popup__connexion__content {
  padding: 15px;
}

.popup__connexion__title {
  color: #00365a;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 0;
}

.popup__connexion__link--professionnels {
  background: #f06450;
  border: 1px solid #f06450;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  padding: 10px 20px;
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  width: max-content;
  font-weight: 600;
}

.popup__connexion__link--professionnels:hover {
  color: #f06450;
  background: transparent;
}

.popup__connexion__link--patients {
  background: #59a5d0;
  border: 1px solid #59a5d0;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  padding: 10px 20px;
  display: block;
  font-size: 15px;
  width: max-content;
  font-weight: 600;
}

.popup__connexion__link--patients:hover {
  color: #59a5d0;
  background: transparent;
}

@media (min-width: 768px) {
  .popup__wrapper {
    align-items: center;
    display: flex;
    max-width: 800px;
  }

  .popup__wrapper > * {
    flex: 0 0 50%;
    width: 50%;
  }
  .popup__connexion__content {
    padding: 40px;
  }
}