* {-webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
form:not(.form-no-margin) .control-group .control-label {float:none;}
form {margin-bottom:40px;}
.fabrikGroup div {display:inline-block;}
.fabrikGroup {text-align: justify; display: flex; justify-content: space-between;flex-wrap: wrap;}
.row-fluid {width:22%;}
.big1 {margin-bottom:40px;margin-top: 10px;}
textarea.form-control, textarea.inputbox {width: 100%; max-width: none;}
form:not(.form-no-margin) .control-group {margin-bottom: 0;}
.btn.btn-primary {font-size: 20px; font-weight: 600; padding: 10px 20px;}
.form-control, .inputbox {max-width: none;}
.inputbox, form:not(.form-no-margin) .control-group, .fabrikElement {width:100%;text-align:left;}
.control-group label.fabrikLabel, label i, legend, #group1 > div:nth-child(2), #group1 > div:nth-child(3), #group2 > div:nth-child(2), #group2 > div:nth-child(3) {display:none!important;}
#group1 > div:nth-child(8), #group1 > div:nth-child(9), #group2 > div:nth-child(8), #group2 > div:nth-child(9) {width:100%;}
.control-group.fabrikElementContainer.plg-textarea label {display:inline!important;}
.com-content-article .prod1 img {max-width: 100%; width: auto; max-width: 100%; width: auto; margin-bottom: 0; margin-top: 0px; margin-left: 0px;}
.com-content-article li:before {content: "\f192";font-family: FontAwesome; /*font-size: 10px;*/ color: #b91833;padding-right: 6px;}
ul.block1 li:before, ul.block li:before {display:none;}
ul.block1 a, ul.block a {background: #03a8ef; padding: 5px 10px; /*border-radius: 8px;*/ color: #ffffff; font-weight: 600;}
.pict a i {margin-left:6px;}
.pictcontact .pic {width: 48%;font-weight:600;}
.pictcontact .pic span {display:block;}
/*.t4-module.modulepictoflex.pictoprod {margin-top: 20px;  margin-bottom: 40px;}*/
.item-112 .t4-slidersspage.sliderssp {margin-top:-60px;}
.pictoprod .pict {margin-top: 0px;}
.modulepictoflex.pictoprod .module-ct, .modulepictoflex.pictcontact .module-ct {flex-wrap: wrap;}
.pictoprod .pic {padding: 15px;width: 32%;}
.pictoprod .pict6, .pictoprod .pict5, .pictoprod .pict4 {margin:20px 0px;}
.pictoprod .pict7 {width:100%;}
ul.block a {font-size:18px;}
ul.block li {margin:0px 10px 20px;}
ul.block1 a:after, ul.block a:after, .prod1 a:after, ul.block.produits a:after {font-family: FontAwesome;font-weight:normal;margin-left:8px;font-style: normal;}
ul.block1 a:after, ul.block a:after {content: "\f00e";}
ul.block.produits li {display:inline-block;}
.prod1 a, ul.block.produits a {background: #ececec; padding: 2px 8px; border-radius: 8px; margin-left: 6px;}
.prod1 a:after, ul.block.produits a:after {content: "\f15c"/*"\f360"*/;color:#0e0e0e;font-size: 15px;}
ul.block.produits a:hover:after {color:#ffffff}
.prod1, ul.block li {display: inline-block; border: 1px solid; border-radius: 8px; padding: 8px;}
.item-112 ul.block li {border: 0px solid; padding: 0px;}
.com-content-article ul.block li a img {display:inline-block; width:auto;margin-top:0px;}
ul.block1 a:hover, ul.block a:hover {text-decoration: none; background: #b91833;}
.com-content-article ul.block1 li, .com-content-article ul.block li {display:inline-block;text-align:center;}
.com-content-article ul.block1, .com-content-article ul.block {text-align:center;}
.com-content-article li img {display:none;}
ol, .com-content-article ul, dl {padding-left: 18px;list-style: none; padding-left: 0px;}
.com-content-article li {text-align:left;}
body {color: #0e0e0e;font-size: 15px;}
body.nav-open #t4-header.t4-palette-primary {background-color:#ffffff!important;}
.com-content-article img {max-width: none; height: auto; width: 100%; margin: 20px 0px;}
h2, .h2 {font-size: 36px; border-top: 1px solid; border-bottom: 1px solid; padding: 10px; margin-top: 30px; margin-bottom: 20px; display: inline-block; text-align: center; width: 100%; text-transform: uppercase;}
.t4-offcanvas-toggle, .navbar-toggler {height: 50px; width: 50px;  background: #0e0e0e; line-height: 53px;border-radius:100px;}
.not-at-top .navbar-brand {padding-top: 15px; padding-bottom: 15px;}
.not-at-top .logo img {height: 30px;}
.not-at-top #t4-header.t4-sticky {box-shadow: 0px 0px 3px #cccccc;}
/*.item-101*/ .t4-content {background-color: transparent; background-position: 0px 350px; background-repeat: repeat-x; background-size: 100% 100%;text-align:justify;}
.t4-mainbody {background:#ffffff;}
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link, .t4-megamenu .navbar-nav > li > a:hover, .t4-megamenu .navbar-nav > li > a:focus, .t4-megamenu .navbar-nav > li > a:active, .t4-megamenu .navbar-nav > li > .nav-link:hover, .t4-megamenu .navbar-nav > li > .nav-link:focus, .t4-megamenu .navbar-nav > li > .nav-link:active {color: #1e1e1e!important; font-weight: 600; text-transform: uppercase;}
.mod-languages {text-align:right;}
div.mod-languages a {text-decoration: none; font-weight: 500; color: #ffffff; background: #03a8ef; border-radius: 100px; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px;}
.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li.active > .nav-link {color: #1e1e1e;}
.nav-breakpoint-lg.navigation-hide .t4-navbar .navbar {padding-top: 0; padding: 0;}
.mod-languages {text-align: right; position: absolute; top: 0px; right: 20px;}
.t4-section.t4-topbar {padding: 20px 0; position: relative; z-index: 111; overflow: visible;}
.t4-section.t4-hero1 {padding-top:40px;}

.t4-module.modulepictoflex {margin-top:60px;margin-bottom:80px;}
.modulepictoflex .module-ct {text-align: justify; display: flex; justify-content: space-between;}
.modulepictoflex .module-ct:after {display:none;}
.picttechno .pic {width: 30%;}
.picttechno .pic span {display:block;}
.pic {background: #ffffff; padding: 25px; width: 20%; box-shadow: 0px 0px 15px #cccccc; text-align: center;}
.pict a {text-transform: uppercase; font-weight: 600; color: #0e0e0e; background: #ececec; width: 100%; display: block; padding: 5px 5px;}
.pict a:hover {color: #ffffff; background: #b91833; text-decoration: none;}
.pict {margin-top:20px;}
.t4-component, .component {
padding-top: 60px;}
.t4-slidersspage {/*margin-top:-30px;*/padding-bottom:80px;}
.impict img {height:100px;}

.t4-vignettes {padding:60px 0px 80px;text-align:center;}
.t4-vignettes .module-ct {background: #ffffff; box-shadow: 0px 0px 15px #cccccc; padding: 25px 25px;}
.t4-vignettes h2 {font-size: 23px; text-transform: uppercase; color: #b91833; margin: 25px 0px 15px;border:0px;padding:0;}
.t4-txt-acc {text-align:center;margin-top:60px;font-size:18px;}
.descvign span.ven, .section-3 .descvign span.vde {display:block;}
/*.sp-slider-image:before { padding: 0 0px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 1;
  display: inline-block;
  bottom: 0;
  left: 0px;}*/
.sp-posttitle {}
.sp-title {font-size: 36px; text-transform: uppercase; font-weight: 700;text-shadow: 0px 0px 8px #000000;}
.sp-slider-content {margin-top: 0!important; padding-top: 10%;text-align: left;padding-left: 50px;}
.sp-slider-content h1 {font-size: 30px;margin-top:0px!important;}
.sp-slider-content a {background: #ba1833; color: #ffffff; padding: 10px 20px; text-transform: uppercase; margin-top: 30px; font-weight: 700;}
.sp-slider-content a:hover {background: #03a8ef; text-decoration: none;}

#bodyclass .sp-university-layout .sp-slider-controllers .controller-prev, #bodyclass .sp-university-layout .sp-slider-controllers .controller-next {
   display:none;}
 
.t4-confiance {margin-top: -30px;padding-bottom: 20px;}
/* .owl-carousel .owl-item {width:auto!important;}
 .owl-carousel .owl-item img {width: auto!important; max-height: 60px;}*/
 .conf {float:left;font-size:36px;text-transform:uppercase;font-weight:700;}
 .conf span {font-size:30px;text-transform:none;display:block;}
 /*.contactus a {float:right;background:#03a8ef;text-transform:uppercase;font-weight:600;padding:10px 20px;color:#ffffff;font-size:26px;}*/
 /*.contactus a:after {font-family: FontAwesome;;content: "\f054";font-weight: 500; font-size: 23px; margin-left: 10px;}*/
.contactus a:hover {background: #b91833; text-decoration: none;color:#ffffff;}
.contactus {float:right;}
.hvr-icon-forward:before {
    content: "\f054"; position: absolute;
    right: 1em; padding: 0 1px;
    font-family: FontAwesome; -webkit-transform: translateZ(0);
    transform: translateZ(0); -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s; -webkit-transition-property: transform;
    transition-property: transform; -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; font-weight: 500; font-size: 23px; margin-left: 10px;}
.fleche {border-radius: 5px;font-size: 26px; display: inline-flex; align-items: center; justify-content: center;
    box-sizing: border-box; cursor: pointer; transition: all .5s; text-decoration: none; color: #fff; border: none; background:#03a8ef;text-transform:uppercase;font-weight:600;padding: 10px 40px 10px 20px;}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {-webkit-transform: translateX(4px); transform: translateX(4px);}
   
.modulefooter .module-ct {text-align: justify; display: flex; justify-content: space-between;flex-wrap: wrap;/*padding: 0 15px;*/}
.modulefooter .module-ct span {display:block;}
.modulefooter .module-ct:after {display:none;}
div.adresse:before {content: "\f041";}
div.telfax:before {content: "\f095";}
div.mentions:before {content: "\f129";}
.modulefooter .module-ct div:before {color:#03a8ef;line-height: 40px;font-family: FontAwesome; float: left; margin-right: 10px; font-size: 3.2em; }
.modulefooter .module-ct div {width:20%;text-transform: uppercase;font-weight: 600;}
.t4-footnav .module-inner {padding: 0; color: #0e0e0e;}
.modulefooter .module-ct div.copyrea, .modulefooter .module-ct div.copyrea a {color:#03a8ef;}
.modulefooter .module-ct div.copyrea {width:auto;}

.t4-masthead .container .page-title {font-weight: 600; /*background: #ececec;*/ padding: 50px; color: #ffffff; text-transform: uppercase;}
.t4-masthead .container .page-title {background: url(../images/bg-titre1.jpg) top left; background-size: contain;margin:0px;}
.t4-masthead.t4-palette-primary_ss_pages .container {padding-top: 40px;padding-bottom:20px;/*padding-left:0px;padding-right:0px;*/}
.herossp {padding-bottom:60px;}
.layout-sspage .t4-content {background-color: transparent; background-position: 0px 210px; background-repeat: repeat-x; background-size: 100% 100%;text-align:justify;}

@media (min-width: 768px) {
.navbar-expand-md .navbar-nav, .navbar-expand-lg .navbar-nav {width: 90%; flex-direction: row; text-align: justify; display: flex; justify-content: space-between;}
#t4-mainbody > .t4-section-inner > .t4-row > .t4-component, #t4-mainbody > .t4-section-inner > .t4-row > .component {padding-right: 15px;}
}

@media (min-width: 992px) {
	.container {max-width: 950px;}
	.col-lg-2 {-ms-flex: 0 0 18%; flex: 0 0 18%;}
/*.nav-breakpoint-lg .t4-megamenu .navbar-nav > li > a, .nav-breakpoint-lg .t4-megamenu .navbar-nav > li > .nav-link {padding: 1.875rem 0px;}*/
.nav-breakpoint-lg .t4-megamenu .navbar-nav > li > a, .nav-breakpoint-lg .t4-megamenu .navbar-nav > li > .nav-link {padding: 20px 0 0px;}
}

@media (min-width: 1200px) {
.container {max-width: 1250px;}
}

@media (max-width: 1299px) {
.modulefooter .module-ct div.copyrea {width: auto;}
.modulefooter .module-ct div.telfax {width: 200px;}
.modulefooter .module-ct div.adresse {width: 217px;}
.modulefooter .module-ct div {width: 25%;}
.modulefooter .module-ct div.mentions {width:172px;}
}

@media (max-width: 1199px) {
.t4-masthead.t4-palette-primary_ss_pages .container {padding-left: 15px; padding-right: 15px;}
.layout-sspage .t4-content {background-position: 0px 200px;}
.t4-content {background-position: 0px 310px;}
.t4-vignettes h2 {font-size: 21px;}
.descvign span.disn {display:none;}
.descvign span {display:block;}
.navbar-expand-md .navbar-nav, .navbar-expand-lg .navbar-nav {width: 100%;}
.modulefooter .module-ct {font-size: 14px;}
#sp-smart-slider.sp-university-layout {height: 380px!important;}
}

@media (max-width: 991.98px) {
h1, .h1 {font-size: 36px!important;}
h2, .h2 {font-size: 30px;}
.not-at-top .logo img {height: auto;}
.navbar-brand.logo-image {width: 150px;  padding-top: 5px;}
.sp-slider-content h1 {font-size: 30px!important; margin-top: 0px!important; text-shadow: 0px 0px 8px #000000;}
.col-md-4 {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-md-4.section-2 {margin:40px 0px;}
.descvign span, .descvign span.ven, .section-3 .descvign span.vde, .descvign span.disn {display:inline;}
.t4-content {background-position: 0px 280px;}
.layout-sspage .t4-content {background-position: 0px 200px;}
}

div.mod-languages li {margin-left: 4px!important; margin-right: 0px!important;}

@media (max-width: 991px) {
	.pictcontact .pic span {display: inline-block;}
.pictcontact .pict1 {margin-bottom:20px;}
.pictcontact .pict2 span:before {content:" - ";}
.pictcontact .pic {width: 100%;}
.fabrikActions.form-actions .btn-group, .fabrikActions.form-actions .row-fluid {width:100%;}
.fabrikActions.form-actions .row-fluid {margin-bottom:40px;}
.item-112 .t4-slidersspage.sliderssp {margin-top: -30px;}
.t4-offcanvas .t4-off-canvas-header .close span {vertical-align: baseline;}
.t4-offcanvas .t4-off-canvas-header {background-color: #03a8ef;}
.t4-offcanvas .t4-off-canvas-header .close {height: 40px; width: 40px;background: #0e0e0e; opacity: 1;}
.t4-offcanvas .t4-off-canvas-header .close:hover, .t4-offcanvas .t4-off-canvas-header .close:focus, .t4-offcanvas .t4-off-canvas-header .close:active {background-color: #0e0e0e;}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {opacity: 1;}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .separator {color: #0e0e0e; text-transform: uppercase; font-weight: 600;}
.t4-offcanvas .t4-off-canvas-header h3 {line-height: 42px; text-transform: uppercase;}
.pic {padding: 20px; width: 24%;}
.t4-section.t4-topbar {padding: 0px 0;}
.mod-languages {top: 15px; right: 85px;}
div.mod-languages a {border-radius: 100px; width: 50px; height: 50px; line-height: 50px;}
div.mod-languages li {margin-left: 10px!important;}
.modulefooter .module-ct div.copyrea {width: 100%; text-align: center;  margin-top: 30px;}
.modulefooter .module-ct div.copyrea span {display: inline-block;}
.modulefooter .module-ct div.copyrea span.real:before {content: " - ";}
.conf, .contactus {float: none; text-align: center;}
.contactus {margin:25px 0;}
.fleche {position:relative;}
.hvr-icon-forward:before {right: 0.6em;}
#sp-smart-slider.sp-university-layout {height: 320px!important;}
.picttechno .pic {width: 31%;}
}

@media (max-width: 767px) {
.row-fluid {width: 100%;}
.pictoprod .pic, .pictoprod .pict1, .pictoprod .pict2, .pictoprod .pict6, .pictoprod .pict5, .pictoprod .pict4 {width: 48%;margin-bottom:20px; margin-top:0px;}
.pictoprod .pic.pict7 {width: 100%;margin-bottom:0px;}
ul.block.produits li {width: 100%;margin-left:0px;margin-right:0px;}
.picttechno .pic {width: 48%;}
.picttechno .pict3.pic {width: 100%;}
.picttechno .pic span {display: inline;}
.modulepictoflex .module-ct {flex-wrap: wrap;}
.pic {width: 48%;}
.pictcontact .pict1, .pictcontact .pict2 {margin-bottom: 0px;}
.pict1, .pict2 {margin-bottom:30px;}
.t4-module.modulepictoflex {margin-top: 40px;}
.sp-title {font-size: 30px;line-height:35px;}
.sp-slider-content {padding-top: 60px; text-align: center; padding-left: 0px;}
#sp-smart-slider.sp-university-layout {height: 310px!important;}
div.mentions:before {display: none;}
.modulefooter .module-ct div.mentions {width: 100%;text-align: center;margin-top:30px;margin-bottom:3px;}
.modulefooter .module-ct div.mentions span {display: inline;}
.modulefooter .module-ct div.mentions span.contact1:before {content: " - ";}
.modulefooter .module-ct div.copyrea {margin-top: 0px;}
.t4-confiance {padding-bottom: 10px;}
.item-101 .component {padding-top: 50px;}
.t4-footnav .container {padding-top: 60px; padding-bottom: 50px;}
}

@media (max-width: 575px) {
.item-112 .t4-slidersspage.sliderssp {margin-top: 0px;}
.com-content-article ul.block1 li {margin-bottom:15px;}
.t4-module.modulepictoflex {margin-top: 40px; margin-bottom: 50px;}
.t4-masthead.t4-palette-primary_ss_pages .container {padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 10px;}
.conf {line-height: 38px;}
.sp-slider-content {padding-left: 15px; padding-right: 15px;}
.sp-slider-content h1 {font-size: 28px!important;}
.t4-confiance {padding-bottom: 0px;}
.t4-section.t4-hero1 {padding-top: 20px;}
.t4-txt-acc {margin-top: 40px;}
.t4-vignettes {padding: 40px 0px 60px;}
.item-101 .component {padding-top: 30px;}
.component {padding-top: 30px;}
.t4-slidersspage {margin-top: 0px; padding-bottom: 50px;}
.t4-masthead .container .page-title {padding: 40px 20px;}
h1, .h1 {font-size: 30px!important;}
.snip {margin-bottom: 30px!important;}
.t4-footnav .container {padding-top: 50px; padding-bottom: 40px;}

}
@media (min-width: 536px) {
.langm {display:none;}
}
@media (max-width: 535px) {
.sp-slider-content a {margin-top: 20px;}
.sp-slider-content {padding-top: 40px;  padding-bottom: 40px;padding-left: 15px; padding-right: 15px;}
#sp-smart-slider.sp-university-layout, .sp-university-layout .sp-slider-item {height: auto!important;}
.langp {display:none;}
.langm {display:block;}
.not-at-top .logo img {height: auto;}
.langm .inputbox {height: 50px; border-radius: 10px;}
.mod-languages.langm {position: fixed;}
}

@media (max-width: 480px) {
.pictoprod .pic {padding: 10px;}
.pictoprod .pic, .pictoprod .pict1, .pictoprod .pict2, .pictoprod .pict6, .pictoprod .pict5, .pictoprod .pict4 {margin-bottom: 10px;}
.pictoprod .pic, .pictoprod .pict1, .pictoprod .pict2, .pictoprod .pict6, .pictoprod .pict5, .pictoprod .pict4 {width: 100%;}
.modulefooter .module-ct div.adresse, .modulefooter .module-ct div.telfax {width: 100%;text-align: center;}
.modulefooter .module-ct span {display: inline;}
.modulefooter .module-ct div.copyrea span {display: block;}
.modulefooter .module-ct div.copyrea span.real:before {content: "";}
.modulefooter .module-ct div:before {line-height: 25px; float: none; margin-right: 8px; font-size: 15px;}
.modulefooter .module-ct div.mentions {margin-top: 20px;}
}

@media (max-width: 479px) {
.snip {margin-right: 10px!important;margin-left: 10px!important;}
}

@media (max-width: 400px) {
	.picttechno .pic {width: 100%;}
.pic {width: 100%;}
.conf {line-height: 32px;font-size:30px;}
.conf span {font-size: 28px;}
.fleche {font-size: 20px;padding: 10px 30px 10px 10px;}
.hvr-icon-forward:before {font-size: 16px;}
}

@media (max-width: 350px) {
ul.block.produits a {margin-left: 0px; display: block; margin-top: 5px; padding: 10px 5px;}
.langm .inputbox {padding: 0.375rem 5px;}
.navbar-brand.logo-image {width: 120px;padding-top: 8px;}
.modulefooter .module-ct span {display: block;}
.modulefooter .module-ct div:before {float: none; margin-right: 0; font-size: 30px; background: #ffffff; width: 50px;height: 50px; border-radius: 100px; display: block; line-height: 50px; margin: 20px auto 10px;}
.modulefooter .module-ct div.mentions {margin-top: 0px;}
.modulefooter .module-ct div.adresse:before {margin-top:0px;}
}