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

-------------------------------------------------------------- */
/* RESPONSIVE
-------------------------------------------------------------- */





/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
  #page{width: 300px;}
  #mobileheader{display: block;}
  #desktopheader{display: none;}
  #searchform{width: 100%; height: 60px; border-right: none; border-left: none; margin: 15px auto 0;}
  #menumobile{width: 100%;}
  .menu-menu-1-container{width: 100%; margin: 40px 0 0 0;}
  .headhome{height: 260px;}
  section.headhome .titlehome{margin: 140px auto 0;}
  h1{font-size: 22px; line-height: 26px; margin: 40px auto;}
  h2{font-size: 18px; line-height: 20px; margin: 0 auto 25px; padding: 0 0 20px;}
  .page-template-login h2{font-size: 22px; line-height: 22px; padding: 0 0 30px;}
  h2::after{ width: 36px; height: 2px; left: calc(50% - 18px);}
  section.headhome .titlehome h1, section.headhome .titlehome h2{font-size: 20px; line-height: 20px; margin: 0 auto 10px; padding: 0;}
  span.typeonpic{font-size: 12px; line-height: 12px; padding: 8px 16px;}
  .rangee .simplefavorite-button{top: 125px;}
  .rangee.docs4 .simplefavorite-button{top: 125px;}
  .rangee .simplefavorite-button{width: 50px; height: 50px; left: calc(50% - 25px);}
  #sidebar #latestmat ul li a span{width: 36px; height: 36px; margin: 0 10px 0 0;}
  #sidebar #latestmat ul li a .extrait{width: calc(100% - 46px);}
  .the-content h3, .the-content h4, .the-content h5{font-size: 16px; line-height: 18px; margin: 18px auto;}
  .the-content p, .the-content ul li{font-size: 12px; line-height: 20px; margin: 0 auto 16px;}
  ul#type_doc li a{font-size: 12px; line-height: 14px; height: 50px; padding: 0 15px;}
  #doc{width: 100%; margin: 0 auto 40px;}
  #indoc{width: 100%;}
  #sidebar3 a{font-size: 14px; line-height: 14px; padding: 10px 20px 10px 45px; background-position: 18px top; background-image: url(img/return.png);}
  #sidebar3 a:hover{background-position: 25px bottom;}
  span.namelog{margin: 19px 0 19px 10px; float: left; color: #fff;}
  a.disconnect{margin: 15px auto; float: left;}
  #searchform input#s[type="text"]{font-size: 12px; line-height: 12px; padding: 24px 20px 24px 46px; color: #fff; background-color: #000;}
  #searchform::before{left: 18px; top: 20px;}
  ul.menu li:nth-child(1), ul.menu li:nth-child(2){margin: 0 auto 20px; width: 100%;}
  ul.menu li:nth-child(3), ul.menu li:nth-child(4){margin: 0 auto 20px; width: 100%;}
  ul.menu li a{color: #fff;}
  ul.menu li a:hover, ul.menu li.current_page_item a, ul.menu li.current-menu-item a{color: #ed1c24;}
  a#logoheader{left: 15px;}
  #content{width: 100%; margin: 30px auto 0;}
  #sidebar{width: 100%; margin: 30px auto 0;}
  #sidebar #latestmat{width: 100%;}
  #sidebar #latestnews{padding: 20px 0 0 0; margin: 20px 0 0 0; width: 100%; border-top: 1px #d9d9d9 solid; border-left: none;}
  .btnscatprod{width: 210px; margin: 5px calc(50% - 105px) 30px;}
  .btnscatprod:nth-child(1){margin: 30px calc(50% - 105px) 0}
  #btnscatprod a, #btnscatprod form#filter input[type="submit"]{font-size: 14px; line-height: 16px; padding: 15px;}
  #abcdaire h3{font-size: 40px; line-height: 40px; padding: 10px 0;}
  ul#letter{margin: 0 auto 15px;}
  ul#letter li{margin: 0 auto 10px;}
  ul#letter li a{font-size: 14px; line-height: 14px; padding: 0 10px;}
  ul#letter li a::before{width: 4px; height: 4px; top: 6px;}
  ul#letter li a::after{width: 10px; height: 16px;}
  form#filter .btnfilter, form#filter .btnall{width: auto; margin: 0 12px 8px 0;}
  #sidebar2{width: 100%; margin: 30px auto 0;}
  #sidebar2 h3{margin: 16px auto 8px;}
  #sidebar2 h3:nth-child(1){margin: 0 auto 8px;}
  #sidebar3{width: 230px; margin: 50px calc(100% - 230px) 0 0;}
  #sidebar3 img{display: none;}
  .single-document #content{width: 100%; margin: 10px auto 0;}
  .rangee ul li a#botaccess{font-size: 14px; line-height: 20px; margin: 30px auto 0; padding: 0 15px;}
  .rangee ul li span.available{font-size: 11px; line-height: 14px; margin: 10px auto 20px; padding: 0 15px;}
  .rangee ul li{margin: 0 15px 15px;}
  .rangee.docs3 ul li{height: auto; width: calc(100% - 30px);}
  .rangee.docs3 ul li:nth-child(3n+2){margin: 0 15px 15px;}
  .rangee.docs2 ul li{height: auto; width: calc(100% - 30px);}
  .rangee.docs2 ul li:nth-child(2n+2){margin: 0 15px 15px;}
  .rangee.docs4 ul li{height: auto; width: calc(100% - 30px); margin: 0 15px 15px;}
  .rangee.docs4 ul li:nth-child(4n+4){margin: 0 15px 15px;}
  .rangee.docs4 ul li:nth-child(3n+2){margin: 0 15px 15px;}
  #sidebar #latestmat ul li{margin: 0 auto 20px; width: 100%;}
  #sidebar #latestmat ul li:nth-child(2){margin: 0 auto 20px;}
  #sidebar #latestmat ul li a h3{font-size: 14px; line-height: 18px;}
  #sidebar #latestmat ul li a span{display: block;}
  #sidebar #latestnews ul li img{width: 100%;}
  #sidebar #latestnews ul li .extraitactu{font-size: 12px; line-height: 20px; margin: 10px auto 0; width: 100%;}
  #findtool h3{font-size: 14px; line-height: 18px;}
  #btnhome{width: 300px; margin: 20px calc(50% - 150px) 0;}
  #btnhome a{font-size: 16px; line-height: 16px; padding: 15px; width: 140px;}
  #btnhome a:nth-child(1){margin: 0 20px 0 0}
  .footer a{font-size: 16px; line-height: 16px;}
  ul#type_doc li{width: calc(50% - 8px); margin: 0 auto 16px;}
  ul#type_doc li:nth-child(5n){margin: 0 auto 16px;}
  ul#type_doc li:nth-child(3n+2){margin: 0 auto 16px;}
  ul#type_doc li:nth-child(2n+2){margin: 0 0 16px 16px;}
  #abcdaire{width: 100%; margin: 0;}
  #letters{font-size: 20px; line-height: 24px;}
  #breadcrumb{padding: 10px 0 0 0;}
  #contact .gform_wrapper ul.gform_fields{padding: 0;}
  #contact .gform_wrapper ul li.gfield{padding: 0 !important; margin: 0 auto 15px;}
  #contact .gform_wrapper ul li.gfield.gf_right_half{width: 100%; padding: 0 !important; margin: 0 auto 15px; float: left; right: auto; top: auto; position: relative;; z-index: inherit;}
  #contact .gform_wrapper ul li#field_1_9.gfield.gf_right_half{top: auto;}
  #contact .gform_wrapper .gform_footer input[type="submit"]{font-size: 16px; line-height: 18px; padding: 15px;}
  .rangee ul li a#topacces{overflow-y: hidden; height: 156px;}
  .nopostsfound{width: 300px; height: 100px; margin: 0 calc(50% - 150px);}
  #popupbox{width: 300px; padding: 25px; margin: 120px calc(50% - 150px) 0;}
  #close, #closevideo{width: 50px; height: 50px;}
  #popuptxt h4{font-size: 22px; line-height: 22px; margin: 0 auto 30px;}
  #popuptxt p{font-size: 12px; line-height: 18px;}
  #popupok{margin: 0 calc(50% - 50px); font-size: 14px; line-height: 14px; padding: 14px; width: 100px;}
  #contact .gform_wrapper ul li#field_1_14.gfield{width: 100%; max-width: 100% !important;}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
  #page{width: 440px;}
  #searchform{width: 100%; height: 60px; border-right: none; border-left: none; margin: 15px auto 0;}
  #menumobile{width: calc(100% - 130px);}
  .menu-menu-1-container{width: 100%; margin: 40px 0 0 0;}
  .headhome{height: 320px;}
  section.headhome .titlehome{margin: 160px auto 0;}
  h1{font-size: 22px; line-height: 26px; margin: 40px auto;}
  h2{font-size: 18px; line-height: 20px; margin: 0 auto 25px; padding: 0 0 20px;}
  .page-template-login h2{font-size: 22px; line-height: 22px; padding: 0 0 30px;}
  h2::after{ width: 36px; height: 2px; left: calc(50% - 18px);}
  section.headhome .titlehome h1, section.headhome .titlehome h2{font-size: 26px; line-height: 26px; margin: 0 auto 10px; padding: 0;}
  span.typeonpic{font-size: 9px; line-height: 9px; padding: 5px;}
  .rangee .simplefavorite-button{top: 100px;}
  .rangee.docs4 .simplefavorite-button{top: 100px;}
  .rangee .simplefavorite-button{width: 40px; height: 40px; left: calc(50% - 20px);}
  #sidebar #latestmat ul li a span{width: 36px; height: 36px; margin: 0 10px 0 0;}
  #sidebar #latestmat ul li a .extrait{width: 100%;}
  .the-content h3, .the-content h4, .the-content h5{font-size: 16px; line-height: 18px; margin: 18px auto;}
  .the-content p, .the-content ul li{font-size: 12px; line-height: 20px; margin: 0 auto 16px;}
  ul#type_doc li a{font-size: 12px; line-height: 14px; height: 50px; padding: 0 15px;}
  #doc{width: 100%; margin: 0 auto 40px;}
  #indoc{width: 100%;}
  span.namelog{margin: 19px 0 19px 10px; float: left; color: #fff;}
  a.disconnect{margin: 15px auto; float: left;}
  #searchform input#s[type="text"]{font-size: 12px; line-height: 12px; padding: 24px 20px 24px 46px; color: #fff; background-color: #000;}
  #searchform::before{left: 18px; top: 20px;}
  ul.menu li:nth-child(1), ul.menu li:nth-child(2){margin: 0 auto 20px; width: 100%;}
  ul.menu li:nth-child(3), ul.menu li:nth-child(4){margin: 0 auto 20px; width: 100%;}
  ul.menu li a{color: #fff;}
  ul.menu li a:hover, ul.menu li.current_page_item a, ul.menu li.current-menu-item a{color: #ed1c24;}
  a#logoheader{left: 15px;}
  #content{width: 100%; margin: 30px auto 0;}
  #sidebar{width: 100%; margin: 30px auto 0;}
  #sidebar #latestmat{width: 100%;}
  #sidebar #latestnews{padding: 20px 0 0 0; margin: 20px 0 0 0; width: 100%; border-top: 1px #d9d9d9 solid; border-left: none;}
  .btnscatprod{width: 210px; margin: 30px auto;}
  .btnscatprod:nth-child(1){margin: 30px 20px 30px calc(50% - 220px);}
  #btnscatprod a, #btnscatprod form#filter input[type="submit"]{font-size: 14px; line-height: 16px; padding: 15px;}
  #abcdaire h3{font-size: 40px; line-height: 40px; padding: 15px 0;}
  ul#letter{margin: 0 auto 15px;}
  ul#letter li{margin: 0 auto 10px;}
  ul#letter li a{font-size: 14px; line-height: 14px; padding: 0 10px;}
  ul#letter li a::before{width: 4px; height: 4px; top: 6px;}
  ul#letter li a::after{width: 10px; height: 16px;}
  form#filter .btnfilter, form#filter .btnall{width: auto; margin: 0 12px 8px 0;}
  #sidebar2{width: 100%; margin: 30px auto 0;}
  #sidebar2 h3{margin: 16px auto 8px;}
  #sidebar2 h3:nth-child(1){margin: 0 auto 8px;}
  .rangee ul li a#botaccess{font-size: 14px; line-height: 20px; margin: 30px auto 0; padding: 0 15px;}
  .rangee ul li span.available{font-size: 11px; line-height: 14px; margin: 10px auto 20px; padding: 0 15px;}
  .rangee ul li{margin: 0 auto 15px;}
  .rangee.docs3 ul li{height: 310px; width: calc(33.3334% - 10px);}
  .rangee.docs3 ul li:nth-child(3n+2){margin: 0 15px 15px;}
  .rangee.docs2 ul li{height: 240px; width: calc(50% - 10px);}
  .rangee.docs2 ul li:nth-child(2n+2){margin: 0 0 15px 20px;}
  .rangee.docs4 ul li{height: 280px; width: calc(33.3334% - 10px); margin: 0 auto 15px;}
  .rangee.docs4 ul li:nth-child(4n+4){margin: 0 auto 15px;}
  .rangee.docs4 ul li:nth-child(3n+2){margin: 0 15px 15px;}
  #sidebar #latestmat ul li{margin: 0 auto; width: calc(33.3334% - 16px);}
  #sidebar #latestmat ul li:nth-child(2){margin: 0 24px;}
  #sidebar #latestmat ul li a h3{font-size: 14px; line-height: 18px;}
  #sidebar #latestmat ul li a span{display: none;}
  #sidebar #latestnews ul li img{width: calc(50% - 8px);}
  #sidebar #latestnews ul li .extraitactu{font-size: 12px; line-height: 20px; margin: 0 0 0 16px; width: calc(50% - 8px);}
  #findtool h3{font-size: 14px; line-height: 18px;}
  #btnhome{width: 300px; margin: 20px calc(50% - 150px) 0;}
  #btnhome a{font-size: 16px; line-height: 16px; padding: 15px; width: 140px;}
  #btnhome a:nth-child(1){margin: 0 20px 0 0}
  .footer a{font-size: 16px; line-height: 16px;}
  ul#type_doc li{width: calc(33.3334% - 8px); margin: 0 auto 12px;}
  ul#type_doc li:nth-child(5n){margin: 0 auto 12px;}
  ul#type_doc li:nth-child(2n+2){margin: 0 auto 12px;}
  ul#type_doc li:nth-child(3n+2){margin: 0 12px 12px;}
  #abcdaire{width: 440px; margin: 0 calc(50% - 220px);}
  #letters{font-size: 16px; line-height: 16px;}
  #contact .gform_wrapper ul.gform_fields{padding: 0;}
  #contact .gform_wrapper ul li.gfield{padding: 0 !important; margin: 0 auto 15px;}
  #contact .gform_wrapper ul li.gfield.gf_right_half{width: 100%; padding: 0 !important; margin: 0 auto 15px; float: left; right: auto; top: auto; position: relative;; z-index: inherit;}
  #contact .gform_wrapper ul li#field_1_9.gfield.gf_right_half{top: auto;}
  #contact .gform_wrapper .gform_footer input[type="submit"]{font-size: 16px; line-height: 18px; padding: 15px;}
  .rangee ul li a#topacces{height: 120px;}
  .nopostsfound{width: 420px; height: 140px; margin: 0 calc(50% - 210px);}
  #popupbox{width: 440px; padding: 25px; margin: 140px calc(50% - 220px) 0;}
  #close, #closevideo{width: 55px; height: 55px;}
  #popuptxt h4{font-size: 22px; line-height: 22px; margin: 0 auto 30px;}
  #popuptxt p{font-size: 12px; line-height: 18px;}
  #popupok{margin: 0 calc(50% - 50px); font-size: 14px; line-height: 14px; padding: 14px; width: 100px;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  #page{width: 720px;}
  #searchform{width: 100%; height: 60px; border-right: none; border-left: none; margin: 15px auto 0;}
  #menumobile{width: 50%;}
  .menu-menu-1-container{width: 100%; margin: 40px 0 0 0;}
  .headhome{height: 320px;}
  section.headhome .titlehome{margin: 180px auto 0;}
  h1{font-size: 22px; line-height: 26px; margin: 40px auto;}
  h2{font-size: 18px; line-height: 20px; margin: 0 auto 25px; padding: 0 0 20px;}
  .page-template-login h2{font-size: 22px; line-height: 22px; padding: 0 0 30px;}
  h2::after{ width: 36px; height: 2px; left: calc(50% - 18px);}
  section.headhome .titlehome h1, section.headhome .titlehome h2{font-size: 30px; line-height: 30px; margin: 0 auto 10px; padding: 0;}
  span.typeonpic{font-size: 10px; line-height: 10px; padding: 6px 10px;}
  .rangee .simplefavorite-button{top: 175px;}
  .rangee.docs4 .simplefavorite-button{top: 120px;}
  .rangee .simplefavorite-button{width: 50px; height: 50px; left: calc(50% - 25px);}
  #sidebar #latestmat ul li a span{width: 36px; height: 36px; margin: 0 10px 0 0;}
  #sidebar #latestmat ul li a .extrait{width: calc(100% - 46px);}
  .the-content h3, .the-content h4, .the-content h5{font-size: 16px; line-height: 18px; margin: 18px auto;}
  .the-content p, .the-content ul li{font-size: 12px; line-height: 20px; margin: 0 auto 16px;}
  ul#type_doc li a{font-size: 12px; line-height: 14px; height: 50px; padding: 0 15px;}
  #doc{width: 100%; margin: 0 auto 40px;}
  #indoc{width: 100%;}
  #sidebar3 a{font-size: 14px; line-height: 14px; padding: 15px; background-position: 15px top; background-image: none;}
  #sidebar3 a:hover{background-position: 15px bottom;}
  span.namelog{margin: 19px 0 19px 10px; float: left; color: #fff;}
  a.disconnect{margin: 15px auto; float: left;}
  #searchform input#s[type="text"]{font-size: 12px; line-height: 12px; padding: 24px 20px 24px 46px; color: #fff; background-color: #000;}
  #searchform::before{left: 18px; top: 20px;}
  ul.menu li:nth-child(1), ul.menu li:nth-child(2){margin: 0 auto 20px; width: 100%;}
  ul.menu li:nth-child(3), ul.menu li:nth-child(4){margin: 0 auto 20px; width: 100%;}
  ul.menu li a{color: #fff;}
  ul.menu li a:hover, ul.menu li.current_page_item a, ul.menu li.current-menu-item a{color: #ed1c24;}
  a#logoheader{left: 15px;}
  #content{width: 100%; margin: 50px auto 0;}
  #sidebar{width: 100%; margin: 30px auto 0;}
  #sidebar #latestmat{width: calc(100% - 317px);}
  #sidebar #latestnews{padding: 0 0 0 40px; margin: 0 0 0 40px; width: 277px; border-top: none; border-left: 1px #d9d9d9 solid;}
  .btnscatprod{width: 240px; margin: 30px auto;}
  .btnscatprod:nth-child(1){margin: 30px 20px 30px calc(50% - 250px);}
  #btnscatprod a, #btnscatprod form#filter input[type="submit"]{font-size: 16px; line-height: 18px; padding: 15px;}
  #abcdaire h3{font-size: 44px; line-height: 44px; padding: 20px 0;}
  ul#letter{margin: 0 auto 20px;}
  ul#letter li{margin: 0 auto 12px;}
  ul#letter li a{font-size: 14px; line-height: 14px; padding: 0 10px;}
  ul#letter li a::before{width: 4px; height: 4px; top: 6px;}
  ul#letter li a::after{width: 10px; height: 16px;}
  form#filter .btnfilter, form#filter .btnall{width: auto; margin: 0 12px 8px 0;}
  #sidebar2{width: 100%; margin: 30px auto 0;}
  #sidebar2 h3{margin: 16px auto 8px;}
  #sidebar2 h3:nth-child(1){margin: 0 auto 8px;}
  #sidebar3{width: calc(30% - 30px); margin: 50px 30px 0 0;}
  #sidebar3 img{display: block;}
  .single-document #content{width: 70%; margin: 50px auto 0;}
  .rangee ul li a#botaccess{font-size: 16px; line-height: 22px; margin: 30px auto 0; padding: 0 20px;}
  .rangee ul li span.available{font-size: 12px; line-height: 16px; margin: 10px auto 20px; padding: 0 20px;}
  .rangee ul li{margin: 0 auto 15px;}
  .rangee.docs3 ul li{height: 360px; width: calc(33.3334% - 10px);}
  .rangee.docs3 ul li:nth-child(3n+2){margin: 0 15px 15px;}
  .rangee.docs2 ul li{height: 320px; width: calc(50% - 10px);}
  .rangee.docs2 ul li:nth-child(2n+2){margin: 0 0 15px 20px;}
  .rangee.docs4 ul li{height: 320px; width: calc(25% - 12px); margin: 0 16px 0 0;}
  .rangee.docs4 ul li:nth-child(3n+2){margin: 0 16px 0 0;}
  .rangee.docs4 ul li:nth-child(4n+4){margin: 0;}
  #sidebar #latestmat ul li{margin: 0 auto 30px; width: 100%;}
  #sidebar #latestmat ul li:nth-child(2){margin: 0 auto 30px;}
  #sidebar #latestmat ul li a h3{font-size: 16px; line-height: 20px;}
  #sidebar #latestmat ul li a span{display: block;}
  #sidebar #latestnews ul li img{width: 100%;}
  #sidebar #latestnews ul li .extraitactu{font-size: 12px; line-height: 20px; margin: 10px auto 0; width: 100%;}
  #findtool h3{font-size: 16px; line-height: 20px;}
  #btnhome{width: 300px; margin: 20px calc(50% - 150px) 0;}
  #btnhome a{font-size: 18px; line-height: 18px; padding: 20px; width: 140px;}
  #btnhome a:nth-child(1){margin: 0 20px 0 0}
  .footer a{font-size: 18px; line-height: 18px;}
  ul#type_doc li{width: calc(20% - 12px); margin: 0 15px 15px 0;}
  ul#type_doc li:nth-child(2n+2){margin: 0 15px 15px 0;}
  ul#type_doc li:nth-child(3n+2){margin: 0 15px 15px 0;}
  ul#type_doc li:nth-child(5n){margin: 0 0 15px 0;}
  #abcdaire{width: 570px; margin: 0 calc(50% - 285px);}
  #letters{font-size: 22px; line-height: 22px;}
  #breadcrumb{padding: 0 0 0 135px;}
  #contact .gform_wrapper ul.gform_fields{padding: 0 50% 0 0;}
  #contact .gform_wrapper ul li.gfield{padding: 0 10px 0 0 !important; margin: 0 auto 20px;}
  #contact .gform_wrapper ul li.gfield.gf_right_half{width: 50%; padding: 0 0 0 10px !important; margin: 0; float: none; right: 0; top: 0; position: absolute; z-index: 2;}
  #contact .gform_wrapper ul li#field_1_9.gfield.gf_right_half{top: 66px;}
  #contact .gform_wrapper .gform_footer input[type="submit"]{font-size: 18px; line-height: 20px; padding: 20px;}
  .rangee ul li a#topacces{height: 200px;}
  .nopostsfound{width: 600px; height: 200px; margin: 0 calc(50% - 300px);}
  #popupbox{width: 600px; padding: 30px; margin: 180px calc(50% - 300px) 0;}
  #close, #closevideo{width: 60px; height: 60px;}
  #popuptxt h4{font-size: 26px; line-height: 26px; margin: 0 auto 40px;}
  #popuptxt p{font-size: 12px; line-height: 18px;}
  #popupok{margin: 0 calc(50% - 60px); font-size: 16px; line-height: 16px; padding: 16px; width: 120px;}
  #contact .gform_wrapper ul li#field_1_14.gfield{width: 200%; max-width: 200% !important;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  #page{width: 900px;}
  #mobileheader{display: none;}
  #desktopheader{display: block;}
  #searchform{width: 150px; height: 80px; border-right: 1px #d6d6d6 solid; border-left: 1px #d6d6d6 solid; margin: 0;}
  .menu-menu-1-container{width: calc(100% - 280px); margin: 35px 0 0 120px;}
  .headhome{height: 350px;}
  section.headhome .titlehome{margin: 140px auto 0;}
  h1{font-size: 22px; line-height: 26px; margin: 40px auto;}
  h2{font-size: 18px; line-height: 20px; margin: 0 auto 25px; padding: 0 0 20px;}
  .page-template-login h2{font-size: 22px; line-height: 22px; padding: 0 0 30px;}
  h2::after{ width: 36px; height: 2px; left: calc(50% - 18px);}
  section.headhome .titlehome h1, section.headhome .titlehome h2{font-size: 36px; line-height: 36px; margin: 0 auto 10px; padding: 0;}
  span.typeonpic{font-size: 11px; line-height: 11px; padding: 8px 14px;}
  .rangee .simplefavorite-button{top: 160px;}
  .rangee.docs4 .simplefavorite-button{top: 160px;}
  #sidebar #latestmat ul li a span{width: 36px; height: 36px; margin: 0 10px 0 0;}
  #sidebar #latestmat ul li a .extrait{width: calc(100% - 46px);}
  .the-content h3, .the-content h4, .the-content h5{font-size: 16px; line-height: 18px; margin: 18px auto;}
  .the-content p, .the-content ul li{font-size: 12px; line-height: 20px; margin: 0 auto 16px;}
  ul#type_doc li a{font-size: 14px; line-height: 16px; height: 60px; padding: 0 20px;}
  #doc{width: 100%; margin: 0 auto 40px;}
  #indoc{width: 100%;}
  #sidebar3 a{font-size: 14px; line-height: 14px; padding: 15px 15px 15px 45px; background-position: 15px top; background-image: url(img/return.png);}
  #sidebar3 a:hover{background-position: 15px bottom;}
  span.namelog{margin: 4px 10px 4px 0; float: right; color: #000;}
  a.disconnect{margin: 0; float: right;}
  #searchform input#s[type="text"]{font-size: 14px; line-height: 14px; padding: 38px 20px 28px 46px; color: #000; background-color: #fff;}
  #searchform::before{left: 20px; top: 35px;}
  ul.menu li:nth-child(1), ul.menu li:nth-child(2){margin: 0 20px 0 0; width: auto;}
  ul.menu li:nth-child(3), ul.menu li:nth-child(4){margin: 0 0 0 20px; width: auto;}
  ul.menu li a{color: #000;}
  ul.menu li a:hover, ul.menu li.current_page_item a, ul.menu li.current-menu-item a{color: #ed1c24;}
  a#logoheader{left: 0;}
  #content{width: 73.213%; margin: 50px auto 0;}
  #sidebar{width: calc(26.787% - 30px); margin: 30px 0 0 30px;}
  #sidebar #latestmat{width: 100%;}
  #sidebar #latestnews{padding: 30px 0 0; margin: 0 auto; width: 100%; border-top: 1px #d9d9d9 solid; border-left: none;}
  .btnscatprod{width: 280px; margin: 40px auto;}
  .btnscatprod:nth-child(1){margin: 40px 20px 40px calc(50% - 290px);}
  #btnscatprod a, #btnscatprod form#filter input[type="submit"]{font-size: 18px; line-height: 20px; padding: 20px;}
  #abcdaire h3{font-size: 48px; line-height: 50px; padding: 25px 0;}
  ul#letter{margin: 0 auto 25px;}
  ul#letter li{margin: 0 auto 14px;}
  ul#letter li a{font-size: 16px; line-height: 16px; padding: 0 10px;}
  ul#letter li a::before{width: 4px; height: 4px; top: 6px;}
  ul#letter li a::after{width: 10px; height: 16px;}
  #sidebar2{width: calc(26.787% - 30px); margin: 30px 30px 0 0;}
  form#filter .btnfilter, form#filter .btnall{width: 100%; margin: 0 auto 8px;}
  #sidebar2 h3{margin: 16px auto;}
  #sidebar2 h3:nth-child(1){margin: 0 auto 16px;}
  #sidebar3{width: calc(26.787% - 30px); margin: 50px 30px 0 0;}
  .single-document #content{width: 73.213%; margin: 50px auto 0;}
  .rangee ul li a#botaccess{font-size: 16px; line-height: 22px; margin: 30px auto 0; padding: 0 20px;}
  .rangee ul li span.available{font-size: 12px; line-height: 16px; margin: 10px auto 20px; padding: 0 20px;}
  .rangee ul li{margin: 0 auto 15px;}
  .rangee.docs3 ul li{height: 385px; width: calc(33.3334% - 10px);}
  .rangee.docs3 ul li:nth-child(3n+2){margin: 0 15px 15px;}
  .rangee.docs2 ul li{height: 340px; width: calc(50% - 10px);}
  .rangee.docs2 ul li:nth-child(2n+2){margin: 0 0 15px 20px;}
  .rangee.docs4 ul li{height: 360px; width: calc(25% - 12px); margin: 0 16px 0 0;}
  .rangee.docs4 ul li:nth-child(4n+4){margin: 0;}
  .rangee ul li a#topacces{height: 185px;}
  #breadcrumb{padding: 0 0 0 150px;}
  #popupbox{width: 860px; padding: 30px; margin: 200px calc(50% - 430px) 0;}
  #close, #closevideo{width: 70px; height: 70px;}
  #popuptxt h4{font-size: 30px; line-height: 30px; margin: 0 auto 45px;}
  #popuptxt p{font-size: 12px; line-height: 18px;}
  #popupok{margin: 0 calc(50% - 70px); font-size: 18px; line-height: 18px; padding: 20px; width: 140px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  #page{width: 1120px;}
  #searchform{width: 250px;}
  .menu-menu-1-container{width: calc(100% - 450px); margin: 35px 0 0 150px;}
  .headhome{height: 440px;}
  section.headhome .titlehome{margin: 200px auto 0;}
  h1{font-size: 26px; line-height: 30px; margin: 50px auto;}
  h2{font-size: 22px; line-height: 22px; margin: 0 auto 30px; padding: 0 0 23px;}
  .page-template-login h2{font-size: 26px; line-height: 26px; padding: 0 0 33px;}
  h2::after{ width: 40px; height: 3px; left: calc(50% - 20px);}
  section.headhome .titlehome h1, section.headhome .titlehome h2{font-size: 40px; line-height: 40px; margin: 0 auto 10px; padding: 0;}
  span.typeonpic{font-size: 12px; line-height: 12px; padding: 10px 15px;}
  .rangee .simplefavorite-button{top: 205px;}
  .rangee.docs4 .simplefavorite-button{top: 205px;}
  .rangee ul li a#topacces{height: 230px;}
  #sidebar #latestmat ul li a span{width: 46px; height: 46px; margin: 0 14px 0 0;}
  #sidebar #latestmat ul li a .extrait{width: calc(100% - 60px);}
  .the-content h3, .the-content h4, .the-content h5{font-size: 18px; line-height: 20px; margin: 20px auto;}
  .the-content p, .the-content ul li{font-size: 14px; line-height: 24px; margin: 0 auto 20px;}
  ul#type_doc li a{font-size: 16px; line-height: 20px; height: 60px; padding: 0 30px;}
  #doc{width: calc(100% - 220px); margin: 0 30px 0 0;}
  #indoc{width: 190px;}
  #sidebar3 a{font-size: 15px; line-height: 15px; padding: 20px 30px 20px 70px; background-position: 25px top;}
  #sidebar3 a:hover{background-position: 25px bottom;}
}

@media only screen and (min-width : 1400px){
  .headhome{height: 500px;}
  section.headhome .titlehome{margin: 260px auto 0;}
}
@media only screen and (min-width : 1600px){
  .headhome{height: 560px;}
  section.headhome .titlehome{margin: 280px auto 0;}
}
@media only screen and (min-width : 1800px){
  .headhome{height: 640px;}
  section.headhome .titlehome{margin: 320px auto 0;}
}