/*
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

-------------------------------------------------------------- */
/* HEADER FOOTER
-------------------------------------------------------------- */

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
  #topmenu, .menu-menu-1-container, .sous_menu, .menu-menu-principal-patient-container{display: none;}
  #btnmenu, #btnmenu2{display: block;}
  #mainheader h1{width: 140px;}
  #mainheader{padding: 15px 0;}
  #btn_search{margin: 1px 15px 0 0;}
  #menumobile{top: 65px;}
  #menupatient{top: 80px;}
  #search_bar{width: calc(100% - 10px); float: none; position: absolute; z-index: 1500; right: 5px; top: -5px;}
  #search_bar #closeseach{width: 28px; height: 28px; top: 24px; left: 10px;}
  #search_bar form#searchform{top: 14px;}
  #search_bar form#searchform .searchinput input[type="text"]{font-size: 14px; line-height: 14px; padding: 10px 30px 10px 48px;}
  .sidebar div{margin: 20px auto 0;}
  a#side_cotisation{padding: 10px 65px 10px 95px; font-size: 14px; line-height: 16px; margin: 0 auto; width: 100%;}
  a#side_cotisation::before{width: 28px; height: 28px; left: 60px; top: 4px;}
  #side_dates, #side_acces_direct, #side_publications_afu, #side_perso, #side_forum, #side_afu_academie, .sidebar #menuthemes{padding: 10px 15px;}
  h3.side-title, .sidebar #menuthemes h2{ font-size: 18px; line-height: 18px; padding: 2px 0 5px 32px;}
  #side_perso h3.side-title{padding: 0 0 5px; margin: 0 auto 5px;}
  #side_forum ul li a::before, h3.side-title::before, .sidebar #menuthemes h2::before{width: 24px; height: 24px;}
  .sidebar div#videoblockside .side a .right h3{font-size: 14px; line-height: 18px;}
  .sidebar div#videoblockside .side a .right{width: 100%; margin: 0 auto 5px;}
  .sidebar div#videoblockside .side a .covervideo{width: 100%; margin: 0 auto 15px;}
  #side_dates #myCarousel{margin: 20px calc(50% - 100px) 0; width: 200px;}
  #side_dates #myCarousel .carousel-inner{height: 200px;}
  #side_dates #myCarousel a.left{left: -50px;}
  #side_dates #myCarousel a.right{right: -50px;}
  #side_dates #myCarousel .slide a{width: 100%; margin: 0 auto;}
  #side_dates #myCarousel .slide span{font-size: 16px; line-height: 18px; margin: 5px auto 0; width: 100%;}
  #side_dates #myCarousel .slide h4{font-size: 14px; line-height: 18px; margin: 5px auto 0; width: 100%;}
  ul.side_liens li{margin: 5px auto 0; padding: 5px 0 0;}
  ul.side_liens li a > h4{font-size: 14px; line-height: 18px; width: calc(100% - 38px);}
  ul.side_liens li a img{width: 30px;}
  .sidebar div.adsidebar{margin: 20px auto 0; width: 100%;}
  a#side_fullink{width: 100%; height: 165px;}
  a#side_fullink span{font-size: 24px; line-height: 24px; padding: 52px 0;}
  a#side_fullink span::before{top: 35px;}
  a#side_fullink span::after{bottom: 40px}
  #side_publications_afu ul{margin: 5px auto 0;}
  #side_publications_afu ul li{width: calc(50% - 15px);}
  #side_publications_afu ul li:first-child{margin: 0 30px 0 0;}
  #side_publications_afu ul li a > span{font-size: 12px; line-height: 13px; padding: 4px 12px; margin: 5px auto -5px;}
  .adfooter{margin: 30px auto 0;}
  #footer_main{padding: 100px 0 30px;}
  .nonloggue #footer_main{padding: 140px 0 30px;}
  #footer_col1, #footer_col2, #footer_col3, #footer_col4{margin: 0 40px 0 50px;}
  #footer_col1{display: none;}
  #footer_col2{display: none;}
  #footer_col3{display: none;}
  #footer_col4{display: none;}
  #footer_col5{width: 160px; margin: 0 calc(50% - 80px);}
  footer .menu-top-menu-container ul.menu li a, .menu-legal-container ul.menu li a, .menu-patients-top-container ul.menu li a{font-size: 14px;}
  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, .menu-patients-top-container ul.menu li a{line-height: 16px;}
  span.footer_title{font-size: 14px; line-height: 16px; margin: 0 auto 6px;}
  #footer_col4 p{font-size: 12px; line-height: 14px;}
  #footer_col4 a{font-size: 13px; line-height: 14px; padding: 6px 9px; margin: 10px auto 0;}
  ul#footer_rs li{margin: 6px 6px 0 0; width: 28px;}
  ul#footer_rs li:last-child{margin: 6px auto 0;}
  ul#footer_rs li a{height: 28px;}
  #footer_col5 img{margin: 15px auto 0;}
  #pre_footer{width: 300px; left: calc(50% - 150px); padding: 20px 5px; height: 450px;}
  .nonloggue #pre_footer{height: 600px;}
  #pre_footer::before, #pre_footer::after{display: none;}
  .prefootercol{width: 100%; padding: 0 10px;}
  .prefootercol_big{width: 100%; padding: 0 10px; margin: 0 auto 20px;}
  .prefootercol.middle{margin: 20px auto;}
  .prefootercol h4, .prefootercol_big h4{font-size: 16px; line-height: 16px;}
  .prefootercol p{font-size: 13px; line-height: 16px; margin: 6px auto 0;}
  .prefootercol ul{margin: 6px auto 0; padding: 0;}
  .prefootercol ul li{font-size: 13px; line-height: 16px; margin: 6px auto 0;}
  .prefootercol .left{width: 40px; margin: 10px 10px 0 0;}
  .prefootercol .right{width: calc(100% - 50px);}
  .prefootercol a.btnrouge{font-size: 13px; line-height: 16px; padding: 6px 8px; margin: 6px auto 0;}
  .col_partenaires{width: calc(50% - 10px); margin: 10px 5px 0;}
  .col_partenaires:last-child{margin: 10px 5px 0;}
  .titre_partenaire{max-width: calc(100% - 10px); margin: 0 5px; padding: 5px 7px; font-size: 12px; line-height: 14px;}
  .partenaires_box{padding: 3px 5px; height: 95px;}
  .partenaires_box img{width: 50%; padding: 4px;}
  footer{margin: 30px 0 0; padding: 480px 0 0;}
  #menumobile, #menupatient{padding: 0 10px;}
  #side_forum ul li{margin: 5px auto 0;}
  #side_forum ul li:first-child{padding: 0 0 5px;}
  #side_forum ul li a{font-size: 14px; line-height: 18px; padding: 6px 0 4px 34px;}
  .page-template-patient .illu_patient, .page-template-patient_single .illu_patient{display: none;}
  .sidebar #menuthemes ul{margin: 6px auto 0;}
  .sidebar #menuthemes ul li{padding: 0 0 0 9px; margin: 6px auto 0;}
  .sidebar #menuthemes ul li::before{width: 5px; height: 10px; top: 5px;}
  footer#footer_patient #footer_col1 a{font-size: 16px; line-height: 18px; margin: 6px auto 0;}
  footer#footer_patient #footer_col5{width: 150px;}
  footer#footer_patient #footer_col1{display: none !important;}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
  #mainheader h1{width: 180px;}
  #mainheader{padding: 20px 0;}
  #btn_search{ margin: 5px 20px 0 0;}
  #menumobile{top: 85px;}
  #menupatient{top: 105px;}
  #search_bar{top: 5px;}
  a#side_cotisation{margin: 0 calc(50% - 150px); width: 300px;}
  .sidebar div#videoblockside .side a .right{width: calc(50% - 10px); margin: 0 auto 20px;}
  .sidebar div#videoblockside .side a .covervideo{width: calc(50% - 10px); margin: 0 0 20px 20px;}
  #side_dates #myCarousel{margin: 20px calc(50% - 180px) 0; width: 360px;}
  #side_dates #myCarousel .carousel-inner{height: 110px;}
  #side_dates #myCarousel a.left{left: -50px;}
  #side_dates #myCarousel a.right{right: -50px;}
  #side_dates #myCarousel .slide a{width: calc(50% - 10px); margin: 0 20px 0 0;}
  #side_dates #myCarousel .slide span{margin: 0 auto; width: calc(50% - 10px);}
  #side_dates #myCarousel .slide h4{margin: 5px auto 0; width: calc(50% - 10px);}
  .sidebar div.adsidebar{margin: 0 0 0 20px; width: calc(50% - 10px);}
  a#side_fullink{width:calc(50% - 10px); height: 220px;}
  a#side_fullink span{font-size: 24px; line-height: 24px; padding: 82px 0;}
  a#side_fullink span::before{top: 65px;}
  a#side_fullink span::after{bottom: 70px}
  #side_publications_afu ul li{width: calc(50% - 80px);}
  #side_publications_afu ul li:first-child{margin: 0 20px 0 16.3%;}
  #footer_col1, #footer_col2, #footer_col3, #footer_col4{margin: 0 40px 0 50px;}
  #footer_col4{width: 160px; display: block;}
  #footer_col5{width: 160px; margin: 0 auto;}
  #footer_col5 img{margin: 20px auto 0;}
  #pre_footer{width: 460px; left: calc(50% - 230px); height: 390px;}
  .nonloggue #pre_footer{height: 500px;}
  .col_partenaires{width: calc(25% - 9px); margin: 10px 12px 0 0;}
  .col_partenaires:last-child{margin: 10px auto 0;}
  .partenaires_box{height: 170px;}
  .partenaires_box img{width: 70%;}
  footer{margin: 40px 0 0; padding: 390px 0 0;}
  #menumobile, #menupatient{padding: 0 40px;}
  .illu_patient{height: 30px; margin: 3px 20px 0 0;}
  .page-template-patient .illu_patient, .page-template-patient_single .illu_patient{display: block;}
  footer#footer_patient #footer_col1 a{font-size: 17px; line-height: 19px; margin: 6px auto 0;}
  footer#footer_patient #footer_col5{width: 160px;}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 600px) {
  .sidebar div{margin: 30px auto 0;}
  a#side_cotisation{padding: 12px 40px 12px 80px; font-size: 16px; line-height: 18px; margin: 0 calc(50% - 145px); width: 290px;}
  a#side_cotisation::before{width: 30px; height: 30px; left: 40px; top: 6px;}
  #side_dates, #side_acces_direct, #side_publications_afu, #side_perso, #side_forum, #side_afu_academie, .sidebar #menuthemes{padding: 15px 20px;}
  h3.side-title, .sidebar #menuthemes h2{ font-size: 20px; line-height: 20px; padding: 4px 0 7px 36px;}
  #side_perso h3.side-title{padding: 0 0 7px; margin: 0 auto 10px;}
  #side_forum ul li a::before, h3.side-title::before, .sidebar #menuthemes h2::before{width: 28px; height: 28px;}
  .sidebar div#videoblockside .side a .right h3{font-size: 16px; line-height: 20px;}
  #side_dates #myCarousel{margin: 20px calc(50% - 230px) 0; width: 460px;}
  #side_dates #myCarousel .carousel-inner{height: 120px;}
  #side_dates #myCarousel .slide span{font-size: 18px; line-height: 20px;}
  #side_dates #myCarousel .slide h4{font-size: 16px; line-height: 20px;}
  ul.side_liens li{margin: 10px auto 0; padding: 10px 0 0;}
  ul.side_liens li a > h4{font-size: 16px; line-height: 20px; width: calc(100% - 40px);}
  ul.side_liens li a img{width: 32px;}
  a#side_fullink{height: 270px;}
  a#side_fullink span{font-size: 24px; line-height: 24px; padding: 102px 0;}
  a#side_fullink span::before{top: 85px;}
  a#side_fullink span::after{bottom: 90px}
  #side_publications_afu ul{margin: 10px auto 0;}
  #side_publications_afu ul li{width: calc(50% - 100px);}
  #side_publications_afu ul li:first-child{margin: 0 30px 0 16.3%;}
  #side_publications_afu ul li a > span{font-size: 13px; line-height: 14px; padding: 5px 13px; margin: 15px auto 0;}
  .adfooter{margin: 40px auto 0;}
  #footer_main{padding: 120px 0 40px;}
  .nonloggue #footer_main{padding: 230px 0 40px;}
  #footer_col1, #footer_col2, #footer_col3, #footer_col4{margin: 0 40px 0 90px;}
  #footer_col4{width: 180px;}
  #footer_col5{width: 160px;}
  footer .menu-top-menu-container ul.menu li a, .menu-legal-container ul.menu li a, .menu-patients-top-container ul.menu li a{font-size: 16px;}
  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, .menu-patients-top-container ul.menu li a{line-height: 18px;}
  span.footer_title{font-size: 16px; line-height: 18px; margin: 0 auto 8px;}
  #footer_col4 p{font-size: 13px; line-height: 16px;}
  #footer_col4 a{font-size: 14px; line-height: 16px; padding: 7px 10px; margin: 15px auto 0;}
  ul#footer_rs li{margin: 8px 8px 0 0; width: 32px;}
  ul#footer_rs li:last-child{margin: 8px auto 0;}
  ul#footer_rs li a{height: 32px;}
  #footer_col5 img{margin: 25px auto 0;}
  #pre_footer{width: 560px; left: calc(50% - 280px); padding: 30px 5px; height: 400px;}
  .nonloggue #pre_footer{height: 570px;}
  .prefootercol{padding: 0 15px;}
  .prefootercol_big{padding: 0 15px; margin: 0 auto 30px;}
  .prefootercol.middle{margin: 30px auto;}
  .prefootercol p{margin: 10px auto 0;}
  .prefootercol a.btnrouge{margin: 5px auto 0;}
  .partenaires_box{height: 105px;}
  .partenaires_box img{width: 50%;}
  footer{margin: 40px 0 0; padding: 350px 0 0;}
  #menumobile, #menupatient{padding: 0 100px;}
  #side_forum ul li a{font-size: 16px; line-height: 20px; padding: 6px 0 4px 36px;}
  .illu_patient{height: 40px; margin: 0 30px 0 0;}
  .sidebar #menuthemes ul{margin: 8px auto 0;}
  .sidebar #menuthemes ul li{padding: 0 0 0 10px; margin: 8px auto 0;}
  footer#footer_patient #footer_col1 a{font-size: 18px; line-height: 20px; margin: 9px auto 0;}
  footer#footer_patient #footer_col5{width: 180px;}
  footer#footer_patient #footer_col1{display: block !important;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  a#side_cotisation{margin: 0 auto; width: 100%; padding: 12px 8px 12px 44px;}
  a#side_cotisation::before{width: 28px; height: 28px; left: 10px;}
  .sidebar div#videoblockside .side a .right{width: 100%; margin: 0 auto 10px;}
  .sidebar div#videoblockside .side a .covervideo{width: 100%; margin: 0 auto 20px;}
  #side_dates #myCarousel{margin: 20px 10px 0; width: calc(100% - 20px);}
  #side_dates #myCarousel .carousel-inner{height: 230px;}
  #side_dates #myCarousel a.left{left: -30px;}
  #side_dates #myCarousel a.right{right: -30px;}
  #side_dates #myCarousel .slide a{width: 100%; margin: 0 auto;}
  #side_dates #myCarousel .slide span{margin: 10px auto 0; width: 100%;}
  #side_dates #myCarousel .slide h4{margin: 5px auto 0; width: 100%;}
  .sidebar div.adsidebar{margin: 30px auto 0; width: 100%;}
  a#side_fullink{width: 100%; height: 165px;}
  a#side_fullink span{font-size: 24px; line-height: 24px; padding: 52px 0;}
  a#side_fullink span::before{top: 35px;}
  a#side_fullink span::after{bottom: 40px}
  #side_publications_afu ul li{width: calc(50% - 5px);}
  #side_publications_afu ul li:first-child{margin: 0 10px 0 0;}
  #footer_col1, #footer_col2, #footer_col3, #footer_col4{margin: 0 40px 0 0;}
  #footer_col1{width: 210px;}
  #footer_col2{width: 180px; display: block;}
  #footer_col3{width: 140px; display: block;}
  #pre_footer{width: 720px; left: calc(50% - 360px); height: 260px;}
  .nonloggue #pre_footer{height: 370px;}
  #pre_footer::before, #pre_footer::after{top: 30px; height: calc(100% - 60px); width: 1px; display: block;}
  #pre_footer::before{left: 33.3334%;}
  #pre_footer::after{right: 33.3334%;}
  .prefootercol{width: 33.3334%; padding: 0 25px;}
  .prefootercol_big{width: 66.6667%; padding: 0 25px; margin: 0 auto;}
  .prefootercol.middle{margin: 0 auto;}
  .partenaires_box{height: 125px;}
  footer{margin: 50px 0 0; padding: 190px 0 0;}
  #menumobile, #menupatient{padding: 0 160px;}
  .illu_patient{height: 45px; margin: 0 auto;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  #menu-top-menu {display: flex; align-items: center;}
  #menu-top-menu .patient {margin-left: auto;}
  #topmenu, .menu-menu-1-container, .menu-menu-principal-patient-container{display: block;}
  #btnmenu, #btnmenu2{display: none;}
  .menu-patients-top-container ul.menu li{margin: 5px 3px 0 0;}
  .menu-top-menu-container ul.menu li, .menu-patients-top-container ul.menu li{padding: 0 5px 0 0;}
  .menu-top-menu-container ul.menu li a, .menu-patients-top-container ul.menu li a{font-size: 13px; line-height: 14px; padding: 0 0 4px;}
  ul.menu li.selection a::before,  ul.menu li.conseil a::before, ul.menu li.profil a::before, ul.menu li.adherent a::before{width: 16px; height: 16px; left: 4px; top: 3px;}
  ul.menu li.selection a, ul.menu li.profil a{padding: 4px 4px 4px 24px;}
  ul.menu li.outils a{padding: 4px;}
  ul.menu li.adherent a{padding: 4px;}
  ul.menu li.conseil a{padding: 4px;}
  ul.menu li.patient a, ul.menu li.encadre a {padding: 4px 4px;}
  ul.menu li.patient_reverse a{padding: 5px 5px;}
  #mainheader h1{width: 200px;}
  #mainheader{padding: 20px 0 0;}
  .menu-menu-1-container, .menu-menu-principal-patient-container{margin: 15px 0 0 20px; max-width: calc(100% - 252px);}
  .menu-menu-1-container ul.menu li{margin: 0 8px 0 0; padding: 0 8px 31px 0;}
  .menu-menu-principal-patient-container ul.menu li{margin: 0 6px 0 0; padding: 0 6px 52px 0;}
  .menu-menu-1-container ul.menu li::after{transform: translateX(8px) translateY(3px); -webkit-transform: translateX(8px) translateY(3px); -moz-transform: translateX(8px) translateY(3px); -o-transform: translateX(8px) translateY(3px); -ms-transform: translateX(8px) translateY(3px);}
  .menu-menu-principal-patient-container ul.menu li::after{transform: translateX(6px) translateY(1px); -webkit-transform: translateX(6px) translateY(1px); -moz-transform: translateX(6px) translateY(1px); -o-transform: translateX(6px) translateY(1px); -ms-transform: translateX(6px) translateY(1px);}
  .menu-menu-1-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{width: 16px; height: 8px; left: calc(50% - 8px); top: 55px;}
  .menu-menu-1-container ul.menu li a{font-size: 14px; line-height: 14px; padding: 0 0 10px;}
  .menu-menu-principal-patient-container ul.menu li a{font-size: 13px; line-height: 14px; padding: 0 0 10px;}
  .menu-menu-1-container ul.menu li ul.sub-menu{bottom: -76px; padding: 20px 0; height: 76px;}
  .sous_menu{padding: 20px 0; height: 76px; display: block;}
  .sous_menu ul.menu li, .menu-menu-1-container ul.menu li ul.sub-menu li{line-height: 28px; height: 28px; padding: 0 8px;}
  .sous_menu ul.menu li a, .menu-menu-1-container ul.menu li ul.sub-menu li a{font-size: 14px; padding: 0 0 10px;}
  #btn_search{margin: 7px 0 0;}
  #search_bar{width: calc(100% - 220px); float: right; position: relative; z-index: inherit; right: auto; top: auto;}
  #search_bar #closeseach{width: 30px; height: 30px; top: 9px; left: 9px;}
  #search_bar form#searchform{top: 0;}
  #search_bar form#searchform .searchinput input[type="text"]{font-size: 17px; line-height: 18px; padding: 15px 50px;}
  a#side_cotisation{padding: 12px 8px 12px 74px;}
  a#side_cotisation::before{width: 30px; height: 30px; left: 35px;}
  #side_publications_afu ul li{width: calc(50% - 10px);}
  #side_publications_afu ul li:first-child{margin: 0 20px 0 0;}
  #footer_main{padding: 140px 0 50px;}
  .nonloggue #footer_main{padding: 220px 0 50px;}
  #footer_col1, #footer_col2, #footer_col3, #footer_col4{margin: 0 32px 0 0;}
  #footer_col1{display: block;}
  #pre_footer{width: 940px; left: calc(50% - 470px); padding: 40px 10px; height: 280px;}
  .nonloggue #pre_footer{height: 400px;}
  #pre_footer::before, #pre_footer::after{top: 40px; height: calc(100% - 80px);}
  .prefootercol{padding: 0 30px;}
  .prefootercol_big{padding: 0 30px;}
  .prefootercol h4, .prefootercol_big h4{font-size: 18px; line-height: 18px;}
  .prefootercol p{font-size: 14px; line-height: 18px; margin: 15px auto 0;}
  .prefootercol ul{margin: 8px auto 0;}
  .prefootercol ul li{font-size: 14px; line-height: 18px; margin: 8px auto 0;}
  .prefootercol .left{width: 50px; margin: 15px 20px 0 0;}
  .prefootercol .right{width: calc(100% - 70px);}
  .prefootercol a.btnrouge{font-size: 14px; line-height: 16px; padding: 7px 9px; margin: 8px auto 0;}
  .col_partenaires{width: calc(25% - 12px); margin: 16px 16px 0 0;}
  .col_partenaires:last-child{margin: 16px auto 0;}
  .titre_partenaire{max-width: calc(100% - 20px); margin: 0 10px; padding: 6px 8px; font-size: 13px; line-height: 14px;}
  .partenaires_box{padding: 4px 5px; height: 125px;}
  .partenaires_box img{width: 50%; padding: 5px;}
  footer{margin: 60px 0 0; padding: 200px 0 0;}
  .illu_patient{height: 50px; margin: 0 auto 20px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .menu-top-menu-container ul.menu li, .menu-patients-top-container ul.menu li{margin: 5px 5px 0 0; padding: 0 6px 0 0;}
  /* .menu-top-menu-container ul.menu li, .menu-patients-top-container ul.menu li{padding: 0 3px 0 0;}
  .menu-patients-top-container ul.menu li{margin: 5px 5px 0 0;} */
  .menu-top-menu-container ul.menu li a, .menu-patients-top-container ul.menu li a{font-size: 14px; line-height: 16px; padding: 0 0 4px;}
  ul.menu li.selection a::before, ul.menu li.conseil a::before, ul.menu li.profil a::before, ul.menu li.adherent a::before{width: 20px; height: 20px; left: 10px; top: 4px;}
  ul.menu li.selection a, ul.menu li.profil a{padding: 6px 10px 6px 34px;}
  ul.menu li.outils a{padding: 6px 10px;}
  ul.menu li.adherent a{padding: 6px;}
  ul.menu li.conseil a{padding: 6px;}
  ul.menu li.patient a, ul.menu li.patient_reverse a, ul.menu li.encadre a {padding: 6px 10px;}
  #mainheader h1{width: 220px;}
  #mainheader{padding: 24px 0 0;}
  .menu-menu-1-container, .menu-menu-principal-patient-container{margin: 20px 0 0 30px; max-width: calc(100% - 282px);}
  .menu-menu-1-container ul.menu li{margin: 0 12px 0 0; padding: 0 12px 33px 0;}
  .menu-menu-principal-patient-container ul.menu li{margin: 0 10px 0 0; padding: 0 10px 50px 0;}
  .menu-menu-1-container ul.menu li::after{transform: translateX(12px) translateY(3px); -webkit-transform: translateX(12px) translateY(3px); -moz-transform: translateX(12px) translateY(3px); -o-transform: translateX(12px) translateY(3px); -ms-transform: translateX(12px) translateY(3px);}
  .menu-menu-principal-patient-container ul.menu li::after{transform: translateX(10px) translateY(3px); -webkit-transform: translateX(10px) translateY(3px); -moz-transform: translateX(10px) translateY(3px); -o-transform: translateX(10px) translateY(3px); -ms-transform: translateX(10px) translateY(3px);}
  .menu-menu-1-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{width: 20px; height: 10px; left: calc(50% - 10px); top: 59px;}
  .menu-menu-1-container ul.menu li a{font-size: 16px; line-height: 16px; padding: 0 0 10px;}
  .menu-menu-principal-patient-container ul.menu li a{font-size: 14px; line-height: 16px; padding: 0 0 10px;}
  .menu-menu-1-container ul.menu li ul.sub-menu{bottom: -76px; padding: 20px 0; height: 76px;}
  .sous_menu{padding: 20px 0; height: 76px;}
  .sous_menu ul.menu li, .menu-menu-1-container ul.menu li ul.sub-menu li{line-height: 32px; height: 32px; padding: 0 12px;}
  .sous_menu ul.menu li a, .menu-menu-1-container ul.menu li ul.sub-menu li a{font-size: 16px; padding: 0 0 10px;}
  #btn_search{margin: 10px 0 0;}
  #search_bar{width: calc(100% - 260px);}
  #search_bar form#searchform{top: 3px;}
  #search_bar #closeseach{top: 12px;}
  .sidebar div{margin: 40px auto 0;}
  a#side_cotisation{padding: 14px 25px 14px 85px; font-size: 18px; line-height: 20px;}
  a#side_cotisation::before{width: 32px; height: 32px; left: 40px; top: 8px;}
  #side_dates, #side_acces_direct, #side_publications_afu, #side_perso, #side_forum, #side_afu_academie, .sidebar #menuthemes{padding: 20px 25px;}
  h3.side-title, .sidebar #menuthemes h2{ font-size: 22px; line-height: 22px; padding: 6px 0 9px 40px;}
  #side_perso h3.side-title{padding: 0 0 9px; margin: 0 auto 15px;}
  #side_forum ul li a::before, h3.side-title::before, .sidebar #menuthemes h2::before{width: 32px; height: 32px;}
  .sidebar div#videoblockside .side a .right h3{font-size: 18px; line-height: 22px;}
  #side_dates #myCarousel{margin: 20px 5px 0; width: calc(100% - 10px);}
  #side_dates #myCarousel .carousel-inner{height: 260px;}
  #side_dates #myCarousel a.left{left: -30px;}
  #side_dates #myCarousel a.right{right: -30px;}
  #side_dates #myCarousel .slide a{width: 100%;}
  #side_dates #myCarousel .slide span{font-size: 20px; line-height: 22px; margin: 15px auto 0; width: 100%;}
  #side_dates #myCarousel .slide h4{font-size: 18px; line-height: 22px; margin: 10px auto 0; width: 100%;}
  ul.side_liens li{margin: 15px auto 0; padding: 15px 0 0;}
  ul.side_liens li a > h4{font-size: 18px; line-height: 22px; width: calc(100% - 42px);}
  ul.side_liens li a img{width: 34px;}
  .sidebar div.adsidebar{margin: 40px auto 0;}
  #side_publications_afu ul{margin: 15px auto 0;}
  #side_publications_afu ul li{width: calc(50% - 15px);}
  #side_publications_afu ul li:first-child{margin: 0 30px 0 0;}
  #side_publications_afu ul li a > span{font-size: 14px; line-height: 15px; padding: 6px 14px; margin: 15px auto 0;}
  .adfooter{margin: 50px auto 0;}
  #footer_col1, #footer_col2, #footer_col3, #footer_col4{margin: 0 42px 0 0;}
  #footer_col1{width: 240px;}
  #footer_col2{width: 210px;}
  #footer_col3{width: 160px;}
  #footer_col4{width: 140px;}
  #footer_col5{width: 180px;}
  footer .menu-top-menu-container ul.menu li a, .menu-legal-container ul.menu li a, .menu-patients-top-container ul.menu lia{font-size: 18px;}
  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, .menu-patients-top-container ul.menu li a{line-height: 20px;}
  span.footer_title{font-size: 18px; line-height: 20px; margin: 0 auto 10px;}
  #footer_col4 p{font-size: 13px; line-height: 16px;}
  #footer_col4 a{font-size: 15px; line-height: 16px; padding: 8px 12px; margin: 20px auto 0;}
  ul#footer_rs li{margin: 10px 10px 0 0; width: 36px;}
  ul#footer_rs li:last-child{margin: 10px auto 0;}
  ul#footer_rs li a{height: 36px;}
  #footer_col5 img{margin: 30px auto 0;}
  #pre_footer{width: 1100px; left: calc(50% - 550px); height: 280px;}
  .nonloggue #footer_main{padding: 180px 0 50px;}
  .nonloggue #pre_footer{height: 390px;}
  .prefootercol{padding: 0 35px;}
  .prefootercol_big{padding: 0 35px;}
  .prefootercol .left{width: 60px; margin: 15px 30px 0 0;}
  .prefootercol .right{width: calc(100% - 90px);}
  .partenaires_box{padding: 4px 10px; height: 135px;}
  footer{margin: 70px 0 0; padding: 210px 0 0;}
  #side_forum ul li{margin: 10px auto 0;}
  #side_forum ul li:first-child{padding: 0 0 10px;}
  #side_forum ul li a{font-size: 18px; line-height: 22px; padding: 8px 0 4px 40px;}
  .illu_patient{height: 55px; margin: 0 auto 24px;}
  .sidebar #menuthemes ul{margin: 10px auto 0;}
  .sidebar #menuthemes ul li{padding: 0 0 0 11px; margin: 10px auto 0;}
  .sidebar #menuthemes ul li::before{width: 6px; height: 12px; top: 7px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {
  .menu-top-menu-container ul.menu li, .menu-patients-top-container ul.menu li{margin: 5px 5px 0 0; padding: 0 6px 0 0;}
  /* .menu-top-menu-container ul.menu li, .menu-patients-top-container ul.menu li{padding: 0 6px 0 0;}
  .menu-patients-top-container ul.menu li{margin: 5px 5px 0 0;} */
  .menu-top-menu-container ul.menu li a, .menu-patients-top-container ul.menu li a{font-size: 16px; line-height: 18px;}
  #mainheader h1{width: 240px;}
  #mainheader{padding: 28px 0 0;}
  .menu-menu-1-container, .menu-menu-principal-patient-container{margin: 25px 0 0 40px; max-width: calc(100% - 280px);}
  .menu-menu-1-container ul.menu li{margin: 0 14px 0 0; padding: 0 14px 35px 0;}
  .menu-menu-principal-patient-container ul.menu li{margin: 0 10px 0 0; padding: 0 10px 54px 0;}
  .menu-menu-1-container ul.menu li::after{transform: translateX(14px) translateY(3px); -webkit-transform: translateX(14px) translateY(3px); -moz-transform: translateX(14px) translateY(3px); -o-transform: translateX(14px) translateY(3px); -ms-transform: translateX(14px) translateY(3px);}
  .menu-menu-principal-patient-container ul.menu li::after{transform: translateX(10px) translateY(3px); -webkit-transform: translateX(10px) translateY(3px); -moz-transform: translateX(10px) translateY(3px); -o-transform: translateX(10px) translateY(3px); -ms-transform: translateX(10px) translateY(3px);}
  .menu-menu-1-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{width: 24px; height: 10px; left: calc(50% - 12px); top: 63px;}
  .menu-menu-1-container ul.menu li a{font-size: 17px; line-height: 18px;}
  .menu-menu-principal-patient-container ul.menu li a{font-size: 15px; line-height: 16px;}
  .menu-menu-1-container ul.menu li ul.sub-menu{bottom: -82px; padding: 24px 0; height: 82px;}
  .sous_menu{padding: 24px 0; height: 86px;}
  .sous_menu ul.menu li, .menu-menu-1-container ul.menu li ul.sub-menu li{line-height: 36px; height: 36px; padding: 0 14px;}
  .sous_menu ul.menu li a, .menu-menu-1-container ul.menu li ul.sub-menu li a{font-size: 17px;}
  #btn_search{margin: 15px 0 0;}
  #search_bar{width: calc(100% - 280px);}
  #search_bar form#searchform{top: 7px;}
  #search_bar #closeseach{top: 16px;}
  #footer_main{padding: 160px 0 60px;}
  .nonloggue #footer_main{padding: 260px 0 60px;}
  #footer_col1, #footer_col2, #footer_col3, #footer_col4{margin: 0 50px 0 0;}
  #footer_col1{width: 280px;}
  #footer_col2{width: 220px;}
  #footer_col3{width: 170px;}
  #footer_col4{width: 150px;}
  #footer_col5{width: 180px;}
  #pre_footer{width: 1200px; left: calc(50% - 600px); padding: 50px 10px; height: 300px;}
  .nonloggue #pre_footer{height: 435px;}
  #pre_footer::before, #pre_footer::after{top: 50px; height: calc(100% - 100px);}
  .prefootercol{padding: 0 55px;}
  .prefootercol_big{padding: 0 55px;}
  .prefootercol h4, .prefootercol_big h4{font-size: 20px; line-height: 20px;}
  .prefootercol p{font-size: 15px; line-height: 20px;}
  .prefootercol ul{margin: 10px auto 0;}
  .prefootercol ul li{font-size: 15px; line-height: 20px; margin: 10px auto 0;}
  .prefootercol .left{width: 65px; margin: 20px 35px 0 0;}
  .prefootercol .right{width: calc(100% - 100px);}
  .prefootercol a.btnrouge{font-size: 15px; line-height: 16px; padding: 8px 10px; margin: 10px auto 0;}
  .col_partenaires{width: calc(25% - 15px); margin: 20px 20px 0 0;}
  .col_partenaires:last-child{margin: 20px auto 0;}
  .titre_partenaire{max-width: calc(100% - 20px); margin: 0 10px; padding: 6px 8px; font-size: 13px; line-height: 14px;}
  footer{margin: 80px 0 0;}
  .illu_patient{height: 60px; margin: 0 auto 28px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1600px) {
  .menu-top-menu-container ul.menu li, .menu-patients-top-container ul.menu li{margin: 5px 5px 0 0; padding: 0 8px 0 0;}
  /* .menu-top-menu-container ul.menu li, .menu-patients-top-container ul.menu li{padding: 0 8px 0 0;}
  .menu-patients-top-container ul.menu li{margin: 5px 15px 0 0; padding: 0 8px 0 0;} */
  #mainheader h1{width: 260px;}
  #mainheader{padding: 30px 0 0;}
  .menu-menu-1-container, .menu-menu-principal-patient-container{margin: 30px 0 0 40px; max-width: calc(100% - 300px);}
  .menu-menu-1-container ul.menu li{margin: 0 20px 0 0; padding: 0 20px 37px 0;}
  .menu-menu-principal-patient-container ul.menu li{margin: 0 15px 0 0; padding: 0 15px 60px 0;}
  .menu-menu-1-container ul.menu li::after{transform: translateX(20px) translateY(3px); -webkit-transform: translateX(20px) translateY(3px); -moz-transform: translateX(20px) translateY(3px); -o-transform: translateX(20px) translateY(3px); -ms-transform: translateX(20px) translateY(3px);}
  .menu-menu-principal-patient-container ul.menu li::after{transform: translateX(15px) translateY(3px); -webkit-transform: translateX(15px) translateY(3px); -moz-transform: translateX(15px) translateY(3px); -o-transform: translateX(15px) translateY(3px); -ms-transform: translateX(15px) translateY(3px);}
  .menu-menu-1-container ul.menu li a{font-size: 18px;}
  .menu-menu-principal-patient-container ul.menu li a{font-size: 17px;}
  .menu-menu-1-container ul.menu li ul.sub-menu{bottom: -86px; height: 90px;}
  .sous_menu{height: 90px;}
  .sous_menu ul.menu li, .menu-menu-1-container ul.menu li ul.sub-menu li{padding: 0 20px;}
  .sous_menu ul.menu li a, .menu-menu-1-container ul.menu li ul.sub-menu li a{font-size: 18px;}
  #btn_search{margin: 20px 0 0;}
  #search_bar{width: calc(100% - 320px);}
  #search_bar form#searchform{top: 12px;}
  #search_bar #closeseach{top: 21px;}
  .sidebar div{margin: 50px auto 0;}
  a#side_cotisation{padding: 16px 45px 16px 85px; font-size: 20px; line-height: 22px;}
  a#side_cotisation::before{width: 34px; height: 34px; left: 45px; top: 10px;}
  #side_dates, #side_acces_direct, #side_publications_afu, #side_perso, #side_forum, #side_afu_academie, .sidebar #menuthemes{padding: 25px 30px;}
  h3.side-title, .sidebar #menuthemes h2{ font-size: 24px; line-height: 24px; padding: 8px 0 11px 44px;}
  #side_perso h3.side-title{padding: 0 0 11px; margin: 0 auto 20px;}
  #side_forum ul li a::before, h3.side-title::before, .sidebar #menuthemes h2::before{width: 36px; height: 36px;}
  .sidebar div#videoblockside .side a .right h3{font-size: 20px; line-height: 24px;}
  #side_dates #myCarousel{margin: 20px auto 0; width: 100%;}
  #side_dates #myCarousel .carousel-inner{height: 280px;}
  #side_dates #myCarousel a.left{left: -30px;}
  #side_dates #myCarousel a.right{right: -30px;}
  #side_dates #myCarousel .slide a{width: 100%;}
  #side_dates #myCarousel .slide span{font-size: 22px; line-height: 24px; margin: 20px auto 0; width: 100%;}
  #side_dates #myCarousel .slide h4{font-size: 20px; line-height: 24px; margin: 15px auto 0; width: 100%;}
  ul.side_liens li{margin: 20px auto 0; padding: 20px 0 0;}
  ul.side_liens li a > h4{font-size: 20px; line-height: 24px; width: calc(100% - 44px);}
  ul.side_liens li a img{width: 36px;}
  .sidebar div.adsidebar{margin: 50px auto 0;}
  #side_publications_afu ul{margin: 20px auto 0;}
  #side_publications_afu ul li{width: calc(50% - 15px);}
  #side_publications_afu ul li:first-child{margin: 0 30px 0 0;}
  #side_publications_afu ul li a > span{font-size: 15px; line-height: 16px; padding: 7px 15px; margin: 20px auto 0;}
  .adfooter{margin: 60px auto 0;}
  #footer_col1, #footer_col2, #footer_col3, #footer_col4{margin: 0 90px 0 0;}
  #pre_footer{width: 1360px; left: calc(50% - 680px);}
  .nonloggue #footer_main{padding: 220px 0 60px;}
  .nonloggue #pre_footer{height: 390px;}
  .prefootercol h4, .prefootercol_big h4{font-size: 20px; line-height: 20px;}
  .prefootercol p{margin: 20px auto 0;}
  footer{margin: 100px 0 0; padding: 210px 0 0;}
  #side_forum ul li{margin: 15px auto 0;}
  #side_forum ul li:first-child{padding: 0 0 15px;}
  #side_forum ul li a{font-size: 20px; line-height: 24px; padding: 8px 0 4px 44px;}
  .illu_patient{height: 65px; margin: 0 auto 30px;}
  .sidebar #menuthemes ul{margin: 12px auto 0;}
  .sidebar #menuthemes ul li{padding: 0 0 0 12px; margin: 12px auto 0;}
}