/*
Theme Name: PharmaX */
/* font-family: 'Poppins', sans-serif;  font-family: 'Cabin', sans-serif;  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
h1, h2, h3, h4, h5, h6 {clear: both;}
html {overflow-y: scroll;font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
a:focus {outline: thin dotted;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;}
del {color: #333;}
ins {background: #fff9c0;text-decoration: none;}
hr {background-color: #ccc;border: 0;height: 1px;margin: 24px;margin-bottom: 1.714285714rem;}
sub, sup {font-size: 75%;line-height: 0;	position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
small {font-size: smaller;}
img {border: 0;-ms-interpolation-mode: bicubic;}
.clear:after, .wrapper:after, .format-status .entry-header:after {clear: both;}
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after {display: table;content: "";}

/* COLOR */
/* Remarque : la couleur que j'ai proposé  
--------------- Proposé sur li a:hover -> #52d2c3
--------------- Proposé sur tous #46d08a
1 color #3BF0AD
2 color #40E3C8
3 color #44D5E1
*/
/* color , border , autres */
.colh2 h2 i, .i421, .i422, .colc li i, .footer-2-1 p strong, .fmenu .sub-menu li a:hover, .fmenu .sub-menu li a:focus{color:#40E3C8;}
.cntcap {border-left: 20px solid #40E3C8;}
/* BG avec dégradé */
.home2 header::after, .apps-icon i, .apps-icon, .i6 .switch, .sp1 i, .ch1 h1::before, .cntch i {background: linear-gradient(to right, #3BF0AD 0%, #40E3C8 98%, #44D5E1 100%);}
/* BG Simple */
.i5 a {background-color:#40E3C8;}
.i5 a:hover, .i5 a:focus  {background-color: #16D5B5;}

/* =Repeatable patterns
-------------------------------------------------------------- */
/* Small headers */
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th { font-size: 11px;font-size: 0.785714286rem;line-height: 2.181818182;font-weight: bold;text-transform: uppercase;color: #636363;}
/* Form fields, general styles first */
button, input, select, textarea {border: 1px solid #ccc;border-radius: 5px;	font-family: inherit;padding: 6px;padding: 0.428571429rem;}
button, input {line-height: normal;}
textarea {font-size: 100%;overflow: auto;vertical-align: top;}
/* Reset non-text input types */
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] {border: 0;border-radius: 0;padding: 0;}
.bypostauthor cite span {color: #fff;background-color: #21759b;background-image: none;border: 1px solid #1f6f93;border-radius: 2px;box-shadow: none;padding: 0;}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {max-width: 100%;}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {height: auto;}
img.size-full, img.size-large, img.header-image, img.wp-post-image {max-width: 100%;height: auto;}
/* Make sure videos and embeds fit their containers */
embed, iframe, object, video {max-width: 100%;}
/* Images */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {max-width: 100%; padding: 4px;}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {font-style: italic;font-size: 12px;font-size: 0.857142857rem;line-height: 2;color: #757575;}
img.wp-smiley, .rsswidget img {border: 0;border-radius: 0;box-shadow: none;margin-bottom: 0;margin-top: 0;padding: 0;}

/* ----------------------------------------------Styles WD---------------------------------------------*/
img {max-width: 100%;}
*{box-sizing: border-box;}
body {color: #5d5f64;font-size: 18px;line-height: 32px;font-family: 'Cabin', sans-serif;text-rendering: optimizeLegibility;}
a {outline: none;color: #5d5f64; text-decoration: none;}
a:hover {color: #5d5f64; outline: none;}
.sct1200{width: 1200px; padding: 0 25px; margin: 0 auto;}
.ovr {overflow: hidden;}
.le{float: left;}
.ri{float: right;}
.text-center {text-align: center;}
.clerfix::after {content: "";display: block; background-color: transparent;clear: both;}

/*------------------------------------------------------------->  Header  */
.page-id-7 .fheader {background-color: transparent;padding: 11px 0;box-shadow: none;}
.page-id-7 .fheader {position: fixed;}
.fheader {z-index: 3;width: 100%;transition: all 0.7s ease;background-color: #fff;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);	}
.fheader.active {background-color: #fff;padding: 0;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);}
.fheader::after {content: ''; display: block;clear: both; }
/**/
.flogo { margin-right: 75px;}
.flogo a { display: block; padding: 14px 0;}
.flogo a img {display: block;}
/**/
.fmenu li {display: inline-block; position: relative;}
.fmenu li a {display: block; padding: 18px 13px; color: #7e8085;}
.fmenu a:hover { color: #52d2c3; }
.fmenu .sub-menu{border:0;position:absolute;top:50px;left:0;right:auto;float:left;min-width:230px;margin:0;background-clip:padding-box;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;opacity: 0;z-index: -1;box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.15);background-color: #fff;border-radius: 0.1875rem;padding: 0 0 11px 0;}
.fmenu .sub-menu::before {content: "\f0d8";font-family: "Font Awesome 5 Pro";font-weight: 900;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;font-size: 42px;line-height: 42px;color: #fff;position: absolute;top: -28px;left: 8px;}
.fmenu .sub-menu.active { opacity: 1; top: 100%; z-index:999999999;}
.fmenu .sub-menu li {display: block;}
.fmenu .sub-menu li a {padding: 5px 15px;font-size: 0.8125rem;font-weight: 700;color: #2c2e30;text-transform: uppercase;transition: .3s;background-color: #fff;}
.fmenu .sub-menu li a:hover, .fmenu .sub-menu li a:focus {background-color: #F8F9FA;}

/**/
.fmenubtn a {padding: 7px 20px;display: block;margin-top: 11px;border-radius: 5px;border: 1px solid#e3e4e6;background-color:#fff;transition: all 0.3s ease;font-size: 0.8125rem;font-weight: 700;text-transform: uppercase;color:#54565a;letter-spacing: 0.5px;}
.fmenubtn a:hover {background: linear-gradient(to right, #3BF0AD 0%, #40E3C8 98%, #44D5E1 100%); color: #fff;border: 1px solid transparent;}
.menur {display: none;}
/* ------------------------------------------------------------------------------------------------------==>    Footer   */
.btntop {bottom: 0;color: #fff;font-size: 23px;left: auto;right: 0;padding: 13px 0;position: fixed;text-align: center;width: 50px;z-index: 11;display: none;opacity: 0.7;cursor: pointer;background: linear-gradient(to right, #3BF0AD 0%, #40E3C8 98%, #44D5E1 100%);}	
.btntop:hover {opacity: 1;}
body.page-id-7 .heightfooter {width: 100%;height: 744px;z-index: -1;}
body.page-id-7 .sectfooter {z-index: 0;position: fixed;bottom: 0;left: 0;right: 0;}
.sectfooter {padding-top: 125px; background-color: #E7F9FE;font-family: 'Poppins', sans-serif;color: #546F7A;font-size: 14px;line-height: 24px;font-weight: 500;}
/* footer 1*/
.footer-1 {padding: 0 40px 75px 40px;}
/**/
.ft-col {width: 25%;padding: 0 15px;}
.ft-col h2 {margin-bottom: 30px;color: #212121;font-size: 18px;}
/**/
.ft-col-1 > a {display: inline-block;margin-bottom: 30px;}
.ft-col-1 p {color: #546F7A;margin-bottom: 25px;}
.ft-col-1 li {display: inline-block;}
.ft-col-1 li a {display: block;}
/**/
.ft-col-2 li span {font-weight: 500;color: #1A0A37;padding-right: 10px;}
.ft-col-2 li span {font-weight: 500;color: #1A0A37;}
.ft-col-1 ul a {color: #8B8B8B;font-size: 23px;margin-right: 17px;}
.ft-col-1 ul a:hover, .ft-col-1 ul a:focus {color: #393939;}
/**/
.ft-col-3 a {color: #656565;display: inline-block;margin-right: 5px;}
.ft-col-3 a:hover {color: #40E3C8;text-decoration: underline;}
/**/
.slider-f .swiper-container {padding-bottom: 40px;}
.slider-f .swiper-button-next, .slider-f .swiper-button-prev {top: auto;width: 27px;height: 27px;margin-top: 0;z-index: 10;bottom: 0px;background-color: #40E3C8;color:#fff;border-radius: 15px;}
.slider-f .swiper-button-next:hover, .slider-f .swiper-button-prev:hover, .slider-f .swiper-button-next:focus, .slider-f .swiper-button-prev:focus {background-color: #16D5B5 !important;}
.slider-f .swiper-button-prev {left: 0;}
.slider-f .swiper-button-next {right: auto;left: 37px;}
.slider-f .swiper-button-next::after, .slider-f .swiper-button-prev::after {content: "";}
.cnt-p.ovr {margin-bottom: 7px;}
.cnt-p-img {width: 30%;margin-right: 5%;}
.cnt-p-txt {width: 65%;}
.cnt-p-txt a {color: #656565;}

/*footer 2*/
.footer-2 {border-top: 1px solid #d2d1d2; padding: 26px 0; color: #1A0A37;}
.footer-2-1 { width: 65%;}
.footer-2-2 { width: 35%; text-align: right;}
.footer-2-2 a {color: #546F7A;}
.footer-2-2 a:hover, .footer-2-2 a:focus {color: #424E53;text-decoration: underline;}

/*--------------------------------------- Home */
.home {z-index: 2;position: relative;background-color: #fff;}
/*----------------------------------  Home1 -----------------*/
/*
.home1 {
position: relative;
top: -68px;
z-index: 2;
}
*/
/* Slider */
.home-slider {height: 650px;}
.home-slider .swiper-slide {padding-top: 50px;}
.swiper-slide { width: 100%; height: 100%; position: relative;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;
-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/* animation */
.swiper-slide-active .bounceInLeft{animation-name:bounceInLeft;}
.swiper-slide-active .bounceInRight{animation-name:bounceInRight;}
.swiper-slide-active .zoomIn, .colh2.zoomIn, .cntch.zoomIn, .spp.zoomIn{animation-name:zoomIn;}
.swiper-slide-active .slideInLeft{animation-name:slideInLeft;}
.swiper-slide-active .slideInRight{animation-name:slideInRight;}
.swiper-slide-active .slideInDown{animation-name:slideInDown;}
.swiper-slide-active .slideInUp{animation-name:slideInUp;}
.swiper-slide-active .fadeInDown{animation-name:fadeInDown;}
.swiper-slide-active .fadeInLeft, .apps-1.fadeInLeft, .colpkk.le.fadeInLeft, .colppk.le.fadeInLeft{animation-name:fadeInLeft;}
.swiper-slide-active .fadeInRight, .contact-2.fadeInRight, .colpkk.ri.fadeInRight, .colppk.ri.fadeInRight{animation-name:fadeInRight;}
.swiper-slide-active .fadeInUp, .ic-1.fadeInUp, .contact-2.fadeInUp, .collpk.fadeInUp{animation-name:fadeInUp;}
.home1 .swiper-button-next, .home1 .swiper-button-prev {color: #16D5B5;}
.home1 .swiper-button-next::after, .home1 .swiper-button-prev::after {font-size: 25px;}
.home1 .swiper-button-prev, .home1 .swiper-container-rtl .swiper-button-next {left: 0;}
.home1 .swiper-button-next, .home1 .swiper-container-rtl .swiper-button-prev {right: 0;}
.home1 .swiper-button-next:hover, .home1 .swiper-button-next:focus, .home1 .swiper-button-prev:hover, .home1 .swiper-button-prev:focus {color: #0D957E;}
/* slide event */
.ev p {color: #212121;font-size: 25px;line-height: 35px;}
.ev ul {padding: 25px 10px;}
.ev ul li {color: #212121;margin-bottom: 17px;font-size: 21px;}
.ev ul li i {font-size: 30px;margin-right: 17px;width: 35px;text-align: center;color: #4A5EA1;}
/* autres*/
.swi1 {width: 50%;}
.swi2 {width: 50%;}
.swi2.ri {width: 50%; padding-left: 25px;}
.swi2.le {padding-right: 25px;}
.swi1 > span {display: inline-block;padding: 3px 11px 3px 3px;font-size: 19px;line-height: normal;font-weight: bold;border-radius: 5px;}
.swi1 > span i {padding: 5px;border-radius: 5px;background-color:#fff}
.swi1 h1 {font-size: 45px;line-height: 55px;margin-bottom: 15px;color: #253858/*#111*/;}
.swi1 ul {padding-left: 21px;}
.swi1btn { margin-top: 19px;}
.swi1btn a {display: inline-block;background-color: #40E3C8;padding: 4px 24px;color:#fff;border-radius: 3px;border: 1.5px solid #40E3C8;}
.swi1btn a:hover, .swi1btn a:focus {background-color: #16D5B5;}
.swi1btn a:nth-child(2) {border: 1.5px solid #40E3C8;color: #40E3C8;background-color: #fff;margin-left: 15px;}
/*swi0*/
.swi0 h1 {color: rgb(255, 255, 255);font-size: 72px;line-height: 86px;}
.swi0 h2 {color: rgb(255, 255, 255);font-size: 24px;line-height: 28px;}
.swi0 .swi1btn {text-align: center;}
/*----------------------------------  Home2 -----------------*/
.home2 {padding: 70px 0;}
.home2 header::after{content: "";width: 170px;height: 3px;margin: 50px auto 0 auto;display: block;}
.header-phx {text-align: center; margin-bottom: 50px;}
.header-phx h1 {font-size: 2.25rem;line-height: 1.33333333;margin-bottom: 24px;color: #253858;letter-spacing: 0;margin-top: 0;}
.linh2 {margin-bottom: 45px;}
.colh2 {width: 33.33%;padding: 0 20px 25px 20px;}
.colh2 h2 {font-size: 23px;color: #091E42;margin-bottom: 13px;}
.colh2 p {font-size: 16px;line-height: 27px;color: #091E42;text-align: justify;}
.colh2 h2 i {font-size: 37px;margin-right: 10px;}

/*----------------------------------  Home3 -----------------*/
.home3 {background-color: #E7F9FE;padding: 70px 0;}
.cnthome3 {width: 1440px;margin: 0 auto;}
.cap-1 {width: 25%;padding: 0 15px;}
.cap-2 {width: 75%;padding: 0 15px;}
.capp {cursor: pointer;padding-bottom: 24px;}
.cntcap {box-shadow: 1px 2px 6px rgba(0,0,0,.25);padding: 20px 24px 30px;transition: all 150ms ease-in;}
.cap-2 .cap-2r:nth-child(1) {display: block;}
.cap-2 .cap-2r {box-shadow: 1px 2px 7px rgba(0,0,0,.75);margin-top: 11px;margin-bottom: 11px;display: none;}
.cap-2r img, .cap-2r video {display: block;width: 100% !important;max-width: 100% !important;}
.capp.active0 {opacity: 0.3;}
/*----------------------------------  Home4 -----------------*/
.home4{padding: 70px 0;}
.apps-1 {width: 50%;text-align: center;margin-top: 155px;}
.apps-1 img:nth-child(1) { display: inline; }
.apps-1 img { display: none; }
.apps-2 {width: 50%;}
.apps-2 h1 {font-size: 2.25rem;line-height: 1.33333333;margin-bottom: 45px;color: #253858;letter-spacing: 0;}
/**/
.cnt-apps-2 {margin-bottom: 45px;cursor: pointer;}
.apps-2-1 {display: table-cell;vertical-align: middle;}
.apps-2-2 {padding-left: 40px;display: table-cell;}
/*.cnt-apps-2.active*/ .apps-icon {position: relative;font-size: 40px;text-align: center;padding: 25px;border-radius: 100%;color: #fff;}
.apps-icon::before {content: '';position: absolute;top: 2px;left: 2px;right: 2px;bottom: 2px;border-radius: 50%;background: #fff;opacity: 1;-webkit-transition: all .4s ease;transition: all .4s ease;}
.cnt-apps-2.active .apps-icon::before {opacity: 0;}
.apps-icon i {background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color:transparent;position: relative;width: 50px;height: 50px;line-height: 50px;}
.cnt-apps-2.active .apps-icon i {background: linear-gradient(to right, #ffffff 0%, #ffffff 98%, #ffffff 100%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;	}
.cnt-apps-2.active .apps-icon {box-shadow: 0px 1px 19px #40E3C8;}
/* ------------------------------------------  home 5*/
/*P8*/
.home5 {background-color: #E7F9FE;padding: 70px 0;}
.i41 {font-size: 34px;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);color:#212121;}
.i421, .i422 {display: none;font-size: 37px;line-height: normal;}
.i421 {display: block;}
.i422 {display: none;}
.i42.active .i421 { display: none;}
.i42.active .i422 { display: block;}
.i421 span, .i422 span {font-size: 16px;} 
.p8c > p {font-size: 35px;font-weight: bold;margin-bottom: 25px;text-align: center;line-height: normal;}
.ic-1 {width: 50%;text-align: center;margin-top: 20px;}
.ic-2 {width: 50%;padding-right: 50px;}
.i4{border-radius: 5px;box-shadow: 0 10px 30px rgba(0,0,0,.2);margin-top: 15px;background-color: #fff;}
.i4 header{padding: 25px 15px 15px 15px;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.i4 li {padding: 15px 15px;color: #546F7A;font-size: 17px;line-height: 27px;}
.i4 li:nth-child(2n+1) {background: rgb(18,216,250);background: linear-gradient(35deg, rgba(18,216,250,0.1) 0%, rgba(31,162,255,0.1) 100%);	}
.i5{padding: 0 50px;}
.i5 a {display: block;margin-top: 40px;color: #fff;padding: 10px 15px;font-weight: bold;font-size: 25px;border-radius: 5px; }

/*p9*/
.p9-1 {padding: 35px 30px;font-size: 50px;font-weight: 700;background-color: rgb(147, 190, 27);color: #fff;text-align: center;line-height: normal;}
.p9p1 {font-size: 33px;font-weight: 700;line-height: 45px;margin: 50px 0;color: #333;}
.p9p2 {font-size: 25px;line-height: normal;}

/*filtre prix*/
.i6 ul {text-align: center;}
.i6 li {display: inline-block;padding-right: 5px;padding-left: 5px;cursor: pointer;}
.i6 li.flt {font-size: 18px;font-weight: 600;color:#323232;padding-left: 10px;padding-right: 10px;}
.i6 .switch {position: relative;display: inline-block;width: 60px;height: 30px;vertical-align: middle;cursor: pointer;border-radius: 5px;}
.sliderr {position: absolute;height: 24px;width: 24px;left: 4px;bottom: 3px;background-color: white;border-radius: 0;transition: all 0.5s ease;}
.switch.active .sliderr { left: auto; right: 4px;}
.sliderr {position: absolute;height: 24px;width: 24px;left: 4px;bottom: 3px;background-color: white;border-radius: 0;}
.switch.active .sliderr {left: 32px; -webkit-transition: .4s;transition: .4s;}
/*moi*/
.i6 .flt.moi {color: #989898;}
.i6.active .moi {color: #323232;}
/*anne*/
.i6 .anne span {color: #ff2d60;display: none;font-size: 14px;line-height: normal;font-weight: normal;}
.i6.active .anne span {display: inline-block;position: absolute;left: 77px;width: 125px;top: 7px;}
.i6.active .anne {color: #989898;position: relative;}

/* Partie gauche (informations) */
.ic-2 header h1 {font-size: 2.25rem;line-height: 1.33333333;margin-bottom: 24px;color: #253858;letter-spacing: 0;margin-top: 0;}
.icd {padding: 25px 0;}
.icd1 {font-size: 64px;color: #253858;margin-bottom: 10px;}
.icd3 ul {padding-left: 15px;margin-top: 11px;}
.icd3 ul li {margin-bottom: 11px;}
.icd3 li i {color: #40E3C8;margin-right: 11px;}
.icd3 li span {display: inline-block;padding: 0px 11px;line-height: normal;margin-left: 5px;border-radius: 5px;}
.icd3 li a:hover, .icd3 li a:focus { text-decoration: underline;}
/* ------------------------------------------  home 6  -------------------------------------*/
.home6 {background-color: #fff;padding: 40px 0 70px 0;}
.contact-1 {width: 50%;padding: 100px 75px 0 0;}
.contact-2 {width: 50%;padding: 50px;box-shadow: 0 10px 30px rgba(0,0,0,.2);margin: 30px 0;}
.contact-1 header h1, .contact-2 header h1 {color:#253858;font-size: 2.25rem;line-height: 1.33333333;font-weight: 700;margin-bottom: 25px;}
.contact-1 header p, .contact-2 header p {color: #5d5f64;margin-bottom: 50px;}
/**/
.colcs {margin-bottom: 50px;}
.colc {width: 50%;}
.colc > p {font-size: 18px;line-height: 32px;margin-bottom: 20px;color: #212121;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}
.colc:nth-child(2) {padding-left: 23px;}
.colc li {padding: 5px 0;}
.colc li i {display: inline-block;width: 27.3px;text-align: center;margin-right: 11.2px;}
.colc li span {font-size: 16px;line-height: 27.2px;}
/**/
.one_form .wpcf7-form-control-wrap {display: block;margin-bottom: 19px;}
.one_form input, .one_form select, .one_form textarea {color: #546F7A;font-size: 14px;padding: 15px 20px;width: 100%;border: 1px solid #fff;background: rgb(18,216,250);background: linear-gradient(35deg, rgba(18,216,250,0.1) 0%, rgba(31,162,255,0.1) 100%);	}
.one_form textarea {height: 135px;}
.les_4 {overflow: hidden;}
.les_4 span:nth-child(2n+1) {margin-right: 2%;}
.les_4 .wpcf7-form-control-wrap {float: left;width: 49%;}
.btn_en_rest {overflow: hidden;}
.btn_en_rest input {width: 48%; cursor: pointer;}
.btn_env_wd:hover, .btn_env_wd:focus {background-color: #16D5B5 !important;}
.btn_env_wd {background-color: #40E3C8 !important;color:#fff !important;float: left;}
.btn_rest {background-color: #FF6550 !important;color:#fff !important;float: right;}
.btn_rest:hover, .btn_rest:focus { background-color: #EE3E26 !important;}
.fotter-form {font-size: 15px;margin-top: 9px;text-align: right;}
/* ------------------------------------    home7     ---------------*/


.sp {display: flex;}
.home7 {padding: 70px 0;background-color: #E7F9FE;}
.colsp {width: 33.33%;padding: 0 10px; flex: 1;}
.spp {color: #000;display: block;background-color: #fff;text-align: center;padding: 35px;transition: all .3s ease-in-out;border-radius: 5px;position: relative;top: 0;height: 100%;}
.spp:hover, .spp:focus {box-shadow: 0 10px 30px rgba(0,0,0,.2);top: -25px;}
.sp1 i {display: inline-block;padding: 35px 0;background-color: #E7F9FE;border-radius: 100%;width: 120px;font-size: 50px;line-height: 50px;color: #fff;}
.sp2 {padding: 30px 0 20px 0;color: #212121;font-size: 24px;font-weight: 700;}
.sp3 {color: #6b747a;}

/* ------------------------------------    home8     ---------------*/
.home8 {padding: 70px 0;background-color: #fff;}
/**/
.ch1 {width: 55%;padding-right: 20px;}
.ch1-1 span {font-size: 23px;text-transform: capitalize;font-weight: 500;margin-bottom: 10px;color: #212121;}
.ch1-1 h1::before {position: absolute;content: '';left: 0;bottom: -15px;height: 5px;width: 70px;}
.ch1-1 h1 {color: #253858;text-transform: capitalize;font-weight: 700;margin-bottom: 35px;position: relative;font-size: 2.25rem;line-height: 1.33333333;}
.ch1-1 p {margin-bottom: 20px;}
/**/
.ch2 { width: 45%; padding: 20px;}
.chcol {width: 50%;}
.chcol1 {padding-right: 10px;margin-top: 150px;}
.chcol2 {padding: 0 0 30px 10px;}
.cntch {padding: 30px 30px 30px 30px;background-color: #fff;text-align: center;border-radius: 5px;box-shadow: 0px 1px 11px #0d77ff26;}
.cntch i {width: 100px;font-size: 50px;padding: 25px 0;text-align: center;border-radius: 100%;margin: 0 auto 13px auto;display: block;color: #fff;}
.cntch span {font-size: 22px;font-weight: 700;margin-bottom: 15px;color: #212121;}
.chcol2 .cntch:nth-child(1) {margin-bottom: 20px;}
/* TEM */
.tem .swiper-pagination {bottom: 0;}
.tem1 i {color: #ffab1a;}
.gtem {padding: 20px;}
.bloctem {background: #fff;box-shadow: 0 9px 20px #0d77ff26;padding: 20px;display: inline-block;width: 47.5%;font-size: .8em;line-height: 1.4em;position: relative;vertical-align: top;}
.bloctem::after {content: "";position: absolute;width: 50%;bottom: 0;left: 0;height: 5px;background:linear-gradient(to right, #3BF0AD 0%, #40E3C8 98%, #44D5E1 100%);}
.bloctem:nth-child(1){margin-right: 5%;}

/**/
.tem1 {margin-bottom: 15px;}
.tem2 {max-height: 130px;overflow-x: auto;}
.tem3 {margin-top: 11px;}
.tem3-1-1 {font-size: 25px;background-color:#E7F9FE;padding: 8px;color:#253858;margin-right: 7px;margin-bottom: 5px;border-radius: 3px;}
.le.tem3-1-2 {padding-top: 3px;}
.tem3 span {display: block;clear: both;font-size: 13px;color: #212121;}
.tem3 > span i {color:#253858;}
.tem .swiper-button-next::after, .tem .swiper-button-prev::after {font-size: 15px;}
.tem .swiper-button-next, .tem .swiper-button-prev {top: 22px;width: 30px;color:#fff;border: 1px solid #40E3C8;background-color:#40E3C8;height: 30px;}
.tem .swiper-button-next:hover, .tem .swiper-button-next:focus, .tem .swiper-button-prev:hover, .tem .swiper-button-prev:focus {background-color: #16D5B5;}
.tem .swiper-button-next, .tem .swiper-container-rtl .swiper-button-prev {right: 20px;}
.tem .swiper-button-prev, .tem .swiper-container-rtl .swiper-button-next {left: auto;right: 50px;}
/* -  -----------------------------------   Home9   -------------------------------------------*/
.colpk {width: 33.33%;text-align: center;padding: 0 10px;}
.pk1 {width: 40%;margin: 0 auto;}
.pk2 {font-size: 1.5rem;line-height: 1.33333333;padding: 16px 0;color: #253858;font-weight: 500;}
.pk4 {text-align: center;padding-top: 25px;}
.pk4 span {display: inline-block;background-color: #fff;color: #212121;font-size: 17px;line-height: 35px;padding: 0 50px 0 23px;
position: relative;border-radius: 2px;border: 1px solid #cccc;}
.colpk a:hover .pk4 span {background-color:#40E3C8;color:#fff;border: 1px solid #40E3C8;}
.pk4 span i {background-color: #fff;font-size: 17px;line-height: 31px;color: #40E3C8;width: 31px;height: 31px;position: absolute;top: 2px;right: 2px;text-align: center;border-radius: 3px;}

/* -  -----------------------------------   Home10   -------------------------------------------*/
.colpkk:nth-child(1) {padding-right: 15px;}
.colpkk:nth-child(2) {padding-left: 15px;}
.colpkk {width: 50%;}
.colpkk a {background-color: #fff;display: block;padding: 40px;border-radius: 5px;}
.pkk1 {width: 90px;margin-bottom: 15px;}
.pkk2 {font-size: 1.5rem;line-height: 1.33333333;margin-bottom: 16px;font-weight: 500;color: #253858;}
.pkk3 {line-height: 24px;margin-bottom: 24px;font-weight: 400;font-size: 1rem;color:#1A0A37;}
.colpkk a:hover {text-decoration: underline;}

/* -  -----------------------------------   Home11  -------------------------------------------*/
.collppk {padding-top: 50px;}
.colppk {width: 50%;padding: 0 75px;position: relative;}
.ppk1 {width: 42%;margin: 0 auto;}
.ppk2 {font-size: 1.5rem;line-height: 1.33333333;padding: 16px 0;color:#253858;font-weight: 500;}
.ppk4 {color: #212121;padding-bottom: 25px;position: relative;}
.ppk4::after {content: "";position: absolute;width: 13%;bottom: 0;left: 0;height: 5px;background: linear-gradient(to right, #3BF0AD 0%, #40E3C8 98%, #44D5E1 100%);}
.colppk:nth-child(2), .colppk:nth-child(3) {margin-top: 150px;}
.colppk a:hover .ppk4 {text-decoration: underline;}

/* -  -----------------------------------   Home11  -------------------------------------------*/
.home12 {padding: 75px 0;}
/*---------------------------------------------     La page FAQ      -----------------------------------------------*/
.faq1 {padding: 100px 0 50px 0;text-align: center;background: linear-gradient(to bottom, #3BF0AD 0%, #40E3C8 98%, #44D5E1 100%);}
.cntfaq1 {width: 450px;margin: 0 auto;}
.faq1-1 {font-weight: 600;font-size: 35px;color: #FFF;line-height: 1;margin-bottom: 24px;}
.faq1-2 {background-color: #fff;border-radius: 5px;}
.faq1-2 i {width: 10%;display: block;padding: 11px 0;color: #40E3C8;font-size: 16px;line-height: normal;}
.faq1-2 input {width: 90%;border: none;display: block;padding: 11px 0;color: #686F7A;font-size: 16px;line-height: normal;}
/**/
.faqul {margin-bottom: 100px;}
.faq2 > h2 {margin-top: 40px;margin-bottom: 20px;opacity: 0.69;font-weight: 300;font-size: 24px;color: rgba(0, 0, 0, 0.80);}
.faq2 ul {padding-top: 10px;margin-bottom: 15px;display: flex}
.colfaq {height: auto;width: 33.33333%;list-style: none;text-align: center;padding: 0 0.625rem 1.25rem;flex: 1;}
.colfaq:nth-of-type(n) {clear: none;}
.colfaq a {display: block;box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);padding: 32px 30px;height: 100%;}
.colfaq a:hover, .colfaq a:focus {box-shadow: 0 2px 8px 2px rgba(20,23,28,.15);}
.cntfaq i {font-size: 65px;color: #000;margin-bottom: 10px;}
.cntfaq div {color: #4A4A4A;margin-bottom: 10px;font-size: 19px !important;line-height: normal;}
.cntfaq p {color: #4A4A4A;font-size: 13px;line-height: 20px;}

/* -----------------------------------------------------------   La page Catégorie*/
.navhbc {padding: 25px 0 35px 0;}
.navhbc ul li {display: inline-block;color: #666;font-size: 15px;}
.navhbc ul li i {margin: 0 13px;}

/**/
.rechbc {border: 1px solid #ccc;border-radius: 5px;}
.rechbc i {font-size: 15px;padding: 8px;line-height: normal;}
.rechbc input {font-size: 16px;padding: 8px 13px 6px 3px;border: none;}
.hbc h1 {flex-grow: 1;font-weight: 300;font-size: 35px;line-height: 1.5;margin-bottom: 22px;color:#4A4A4A;}

/**/
.cat {border-top: 1px solid #E4E4E4;}
.cntcat::after {content: "";display: block;clear: both;}

/* Sidebar */
body.category .artsim {display: none;}
.cat1 {width: 25%;position: relative;}
.cat1.le .secondary {background: #f6f6f6;border-right: 1px solid #E4E4E4;padding: 30px 15px 500px 9999px;margin: 0px 10px -500px -9999px;}
.cat1.ri .secondary {background: #f6f6f6;border-left: 1px solid #E4E4E4;padding: 30px 9999px 1000px 25px;margin: 0px -9999px -1000px 10px;}
.cat1.le {padding-bottom: 500px;}
.cat1.ri {padding-bottom: 1000px;}
#nav_menu-2 h3 {margin-top: 8px;margin-bottom: 20px;font-weight: bold;font-size: 15px;color: #000000;line-height: 20px;}
#nav_menu-2 li {font-size: 15px;color: #000000;margin-bottom: 20px;line-height: normal;}
#nav_menu-2 li i {font-size: 20px;width: 25px;text-align: center;margin-right: 5px;}
#nav_menu-2 .current-menu-item a, #nav_menu-2 .current-menu-parent a {color: #000;font-weight: bold;}

/* article similaire */
.artsim {margin-bottom: 30px;}
.artsim h3 {margin-top: 8px;margin-bottom: 20px;font-weight: bold;font-size: 15px;color: #000000;line-height: 20px;}
.artsim li a {color: #007791;font-size: 15px;line-height: normal;}
/**/
.cat2 { width: 75%;padding-bottom: 150px;padding-top: 30px;padding-right: 0.9375em;		}
.cat2.ri {padding-left: 0.9375em;}
.cat2 ul {margin-bottom: 30px;}
.cat2 ul li a {color: #007791;}
.cat2 ul li a:hover, .cat2 ul li a:focus {color: #003845;}
.cat2ex {display: none;margin-bottom: 30px;}
.cat2ex p {font-size: 15px;line-height: 24px;color: #4A4A4A;margin-bottom: 10px;}
.cat2ex span {font-size: 15px;line-height: 24px;}
.cat2 ul li.active > a {color: #4A4A4A;}
.cat2 ul li.active .cat2ex {display: block;}
.cat2e {color: #5B6462;cursor: pointer;display: inline-block;}
.cat2e:hover, .cat2e:focus {text-decoration: underline;}

/* -----------------------------------------------------------   La page single */
.csin {padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.sintit {flex-grow: 1;font-weight: 300;font-size: 35px;line-height: 1.5;margin-bottom: 22px;color: #4A4A4A;}
.sinn p, .sinn ul, .sinn ol {font-size: 1.1rem;font-weight: normal;line-height: 1.7;text-rendering: optimizeLegibility;color: #4A4A4A;}
.sinn figure, .sinn p, .sinn ul, .sinn ol, .sinn h1, .sinn h2, .sinn h3, .sinn h4, .sinn h5, .sinn h6 {margin-bottom: 1.25rem;}
.sinn h1, .sinn h2, .sinn h3, .sinn h4, .sinn h5, .sinn h6 {font-size: 23px;line-height: 33px;}
.sinn ul {padding-left: 40px;list-style: circle;}

/**/
.sin_words {margin-top: 50px;clear: both;}
.sin_words a {display: inline-block;padding: 0 13px;border: 1px solid #a1a4aa;margin-left: 11px;color:#a1a4aa;font-size: 15px;line-height: 25px;border-radius: 5px;}


/* Page recherche et tags*/
.sinn {margin-bottom: 35px;}
.sinn h1 {color: #000;font-size: 26px;}
.sinn a {color: #007791;}
.sinn a:hover, .sinn a:focus {text-decoration: underline;}

body.search .artsim, body.tag .artsim  {display: none;} 



/*   ------------------------------------------       Résponsive          --------------------------------------*/
/* 1440px */
@media screen and (max-width: 1440px){
/*Captures*/	
.cnthome3 { width: 100%; }
}

/* 1200px */
@media screen and (max-width:1200px){
.sct1200 { width: 100%; padding: 0 25px;}	
.home1 .sct1200 {width: 100%;padding: 0 35px;}
.swi-app {padding: 0 35px;}
.swi-app .swi1 {padding: 0 !important;position: relative !important;bottom: auto !important;}
.swi-app .swi2 {transform: rotate(0deg) !important;}	
/**/
.swi-app .swi2 .is1 { display: none;}	
.swi-app .swi2 .is2 {margin-top: 0 !important;width: 100% !important;text-align: center;}
.is2 img { width: 35%; }
	
/*Footer*/	
body.page-id-7 .heightfooter, .heightfooter {display: none;}
body.page-id-7 .sectfooter {z-index: 1;position: relative;bottom: auto;left: auto;right: auto;}
}/*1200px*/

@media screen and (max-width:960px){
/* Menu */
.flogo {margin-right: 0;}
.fmenubtn, .fmenu {display: none;}
.menur {display: block;font-size: 40px;padding: 14px 0;cursor: pointer;}
.fmenu { width: 100%; background-color: #f4f4f4; }	
.fmenu li { display: block; }
.fmenu li a { padding: 18px 25px; }		
.fmenu .sub-menu {border: 0;position: relative;top: auto;left: auto;right: auto;float: none;width: 100%;min-width: 100%;margin: 0;background-clip: padding-box;transition: none;opacity: 1;z-index: 0;box-shadow: none !important;background-color: #fff;border-radius: 0;padding: 0 0 0 15px;display: none;} 
.fmenu .sub-menu.active { opacity: 1;top: auto;z-index: 1; }
.fmenu .sub-menu li a {padding: 18px 25px;transition: none;background-color: #fff;font-size: 0.8125rem;font-weight: 700;color: #2c2e30;text-transform: uppercase;}
	
/* Slider */	
.swi1 h1 {font-size: 28px;line-height: 38px;}
.swiev .swi1 {margin-top: 0 !important;}	
.ev ul {padding: 25px 0 !important;}
.is2 img { width: 50%;}
	
/* A propos */	
.ch1 {width: 100%;padding-right: 0;float: none;}	
.ch2 {width: 100%;float: none;margin-top: 25px;padding: 15px 10px;}
.chcol1 { padding-right: 0; margin-top: 0; width: 33.33%;}
.chcol2 { padding: 0; width: 66.66%;}
.chcol2 .cntch:nth-child(1) {margin-bottom: 0;}
.chcol2 .cntch {width: 50%; float: left;}	
	
/* Gratuité */	
.colpk { width: 100%; margin-bottom: 50px;}	
.pk1 {width: 30%;}
	
/* Fonctionnalité */	
.colh2 { width: 100%; padding: 0; margin-bottom: 35px;}	
.linh2 {margin-bottom: 0;}
	
/* Captures */	
.cntcap { box-shadow: 1px 2px 6px rgba(0,0,0,.25); padding: 10px 15px 10px; border-left: 3px solid #40E3C8;}	
.cntcap p {display: none;}	
	
/* APPS */		
.apps-2 h1 {text-align: center;}	
.apps-1 {display: none;}
.apps-2 { width: 100%; float: none;}
	
/* Offre */		
.ic-2 {width: 100%;padding-right: 0;}
.ic-1 {width: 100%;}	
	
/* Contact */
.contact-1 {width: 100%;padding: 0;	float: none;}	
.contact-2 {width: 100%;float: none;}
	
	
.sp{display: block; }	
.colsp {width: 100%;padding: 0;margin-bottom: 25px;flex: none;}	
	
/* Footer */
.sectfooter {padding-top: 60px;}
.footer-1 {padding: 0 0 75px 0;}
.ft-col {width: 100%;padding: 0;margin-bottom: 35px;float: none;}	
.slider-f .swiper-slide {display: block;}
.cnt-p.ovr {margin-bottom: 25px;}
.cnt-p-img {width: 100%;margin-right: 0;float: none;}	
.cnt-p-txt {width: 100%;}
.footer-2-1 {width: 100%;float: none;text-align: center;margin-bottom: 15px;}
.footer-2-2 {width: 100%;text-align: center;}
	
	
/*Catégorie*/
.navhbc {padding: 20px 0 20px 0;}	
.hbc h1 {font-size: 25px;line-height: 35px;margin-bottom: 10px;}	
.cat2.ri {padding-left: 0;}
.cat2 {width: 100%;padding: 30px 0; float: none;}	
	
	
.cat1.le {padding-bottom: 0;}
.cat1 {width: 100%;float: none;}	
	
.cat1.le .secondary {background: #fff;border-right: none;padding: 0 !important;margin: 0 0 50px 0 !important;float: none;}	
	
/*recherche*/
.sintit {font-size: 25px;line-height: 35px;margin-bottom: 10px;}	
.cat1.ri {padding-bottom: 0;}
.cat1.ri .secondary {background: #fff;border-left: none;padding: 0;margin: 0 0 50px 0;}	
	
	
	
	
}/*960px*/

@media screen and (max-width:768px){
/*A Propos*/
.chcol1 {width: 100%;margin-bottom: 15px;}
.chcol2 {width: 100%;}
/*Page FAQ*/	
.colfaq a {padding: 23px 10px;}	
	
}/*768px*/

@media screen and (max-width:650px){
/*A Propos*/
.chcol2 .cntch {width: 100%;float: none;margin-bottom: 15px !important;}
.cntch i { border-radius: 5px;}
/*Page FAQ*/
.cntfaq1 {width: 100%;padding: 0px 25px;}	
.faq1 {padding: 35px 0 35px 0;}	
.faq1-1 {font-size: 25px;margin-bottom: 10px;line-height: 35px;}	
.faqul {margin-bottom: 50px;}	
.faq2 ul {display: block;}
.colfaq {width: 100%;flex: none;}
/*catégorie*/
.navhbc ul {width: 100%;float: none;}
.rechbc {width: 100%;float: none;margin-top: 11px; display: flex;}
.rechbc i{flex: 0;}.rechbc input {flex: 1;}
	
}/*650px*/

@media screen and (max-width:600px){
/* Slider */
.swi1 {width: 100%;float: none;margin: 0 0 25px 0 !important;}	
.swi2 {display: none;}
	
/*A propos*/	
.bloctem:nth-child(1) {margin-right: 0;}	
.bloctem {background: #fff;box-shadow: none;padding: 10px 0;display: block;width: 100%;margin-bottom: 25px;}	
.bloctem::after { width: 100%;}
.gtem {padding: 10px 0;}	
	
/* Captures */
.cap-1 {width: 100%;padding: 0 10px;margin-bottom: 15px;float: none;display: flex;}
.capp {padding-bottom: 0;width: 33.33%; flex: 1;}
.cntcap {height: 100%;}	
.cap-2 {width: 100%;padding: 0 10px;}	
}/*600px*/

@media screen and (max-width:500px){
/*Général*/	
.header-phx h1, .ch1-1 h1, .apps-2 h1, .ic-2 header h1, .contact-1 header h1, .contact-2 header h1 {font-size: 27px;line-height: 37px;}	

/*APPS*/
.apps-2-1 {display: block;width: 40%;margin: 0 auto 23px auto;}
.apps-icon {border-radius: 5px;}
.cnt-apps-2 .apps-icon {box-shadow: 0px 1px 19px #40E3C8;}
.cnt-apps-2 .apps-icon::before {opacity: 0;}
.cnt-apps-2 .apps-icon i {background: linear-gradient(to right, #ffffff 0%, #ffffff 98%, #ffffff 100%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;}
.apps-2-2 {padding-left: 0;display: block;text-align: center;}	
	
/* Contact */	
.colc {width: 100%;margin-bottom: 25px;}
.colc:nth-child(2) {padding-left: 0;}
.colcs {margin-bottom: 0;}
.contact-1 header p, .contact-2 header p {margin-bottom: 25px;}	
.contact-2 {padding: 25px 17px;margin: 0 0 50px 0;}
.les_4 .wpcf7-form-control-wrap {float: none;width: 100%;}
	
/* FAQ */	
.sp1 i {border-radius: 5px;}	
	
/* Offre */	
.i5 {padding: 0;}	
.i6.active .anne span {left: -111px;top: -25px;}	
.i6.active .anne span i {display: none;}	
}/*500px*/

@media screen and (max-width:360px){
/*Page FAQ*/
.faq1-2 i {width: 13%;}
.faq1-2 input {width: 87%;}




}