/* GLOBAL */
/*body {background:#fff; text-align:center;} */
img {border:none;}
p {line-height:1.4em; font-size:14px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:1.5em; color:#000;}
h1 {font-size:22px; padding:6px 0px 6px;}
h2 {font-size:20px; padding:6px 0px 4px;}
h3 {font-size:18px; padding:4px 0px 2px;}
h4 {font-size:16px; padding:4px 0px 1px;}
h5 {font-size:14px; padding:2px 0px 1px;}
h6 {font-size:12px; padding:1px 0px 1px;}
a:link, a:visited, a:active, a:focus {color:#DA291C; text-decoration:none;}
a:hover {text-decoration:none; color:#EB3A2D;} /* plus clair */
.mobilebox, .mobileonly {display:none;}
/* CONSENT */
#c-ttl:before {content: url(/images/Logos/Patio-Design-lettres-blanches-sur-fond-rouge-300x87.jpg); display:block; text-align:center;}
#cc_div #cm {border:#DA291C 5px solid; max-width:400px;}
.cc_div .cloud #c-inr #c-inr-i {padding-right:0; float:left; max-width:350px; width:100%;}
.cc_div .cloud #c-bns {min-width:unset; float:left; clear:both; width:100% !important;}
#c-ttl {text-align:center;}
.cc_div .cloud #c-txt {text-align:justify;}

/* HEADER */
.container-header {font-family:Figtree, sans-serif; background-color:#DA291C; background-image:none; box-shadow:none; height:126px; border-top:36px solid #000; max-width:100%; width:100%;}
.container-topbar {color:#fff; font-size:14px; height:90px; position:relative; margin:0 auto; max-width:1280px;}
#mod-custom117, #mod-custom130 {top:-26px;}
.container-header .top-mail, .container-header .top-phone {margin-left:10px; float:left;}
.container-header .top-mail {margin-left:2px;}
.container-header .top-phone a, .container-header .top-mail a {color:#fff; padding:10px;}
div.mod-languages {height:0; position:relative; right:20px; top:-28px; float:right;}
#mod-custom105, #mod-custom128 {float:right; right:80px; top:-32px; z-index:1;}
.facebookheader {margin:1px 0 0 0; padding:0; line-height:0; color:#fff;}
.btn_facebook {background-repeat:no-repeat; background-color:rgba(0, 0, 0, 0); float:left; margin:0; padding:14px 16px; width:30px; background-image:url(/images/Logos/youtube_logo_icon.png); background-position:center;}
.facebookheaderbarre {font-size:20px; position:relative; top:12px; left:14px;}
#mod-custom132, #mod-custom133 {position:absolute; width:100%;}
#mod-custom132 .logoheader, #mod-custom133 .logoheader {float:left; padding-top:10px; width:40%; padding-left:5px;}
#mod-custom132 .textelogo, #mod-custom133 .textelogo {float:left; position:relative; top:34px; right:32px; width:50%; font-size:16px; font-weight:bold;}

/* MENU */
.header .grid-child.container-nav {width:100%; background-color:#000; height:36px; max-width:100%; padding:0;}
.container-header nav {width:100%; max-width:1280px; margin:0 auto; height:36px;}
.header .grid-child.container-nav ul {max-width:1280px; margin:0 auto;}
.container-nav .metismenu.mod-menu li a, .container-nav .metismenu.mod-menu li button {padding:6px 16px;}
.header .grid-child.container-nav ul li ul {border:grey 1px solid; left:0px;}
.metismenu.mod-menu .metismenu-item {font-size:16px; padding:0 16px 0 1px;}
.metismenu.mod-menu .metismenu-item.level-2 a, .metismenu.mod-menu .metismenu-item.level-2 button {padding: 8px 10px;}
li.level-3 button, li.level-3 button:hover {top: 0; right: 13%; height:40px; padding-top: 6px;}
.container-header .metismenu > li > a:hover:after, .container-header .metismenu > li > button:hover:before, .container-header .metismenu > li.active > a:after, .container-header .metismenu > li.active > button:before {
display:none;}
.metismenu.mod-menu .level-1 .mm-toggler:after {color:#fff;}
.metismenu.mod-menu .level-2 .mm-toggler:after, .metismenu.mod-menu .level-3 .mm-toggler:after {color:#000;}
.container-header .metismenu > li > a:hover, .container-header .metismenu > li > button:hover {background-color:#DA291C; color:#fff !important;}
.metismenu.mod-menu .metismenu-item.level-1.mm-active > button, .metismenu.mod-menu .metismenu-item.level-1.mm-active > ul > li.metismenu-item.level-2.active > button, .metismenu.mod-menu .metismenu-item.level-1.mm-active > ul > li.metismenu-item.level-2.current > a, .metismenu.mod-menu .metismenu-item.level-1.mm-active > ul > .metismenu-item.level-2.active > ul > .metismenu-item.level-3.current > a {color:#DA291C;}
.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover {color:#fff; text-decoration:none;}
.metismenu.mod-menu .metismenu-item.level-1 > ul > li.metismenu-item.level-2 > button, .metismenu.mod-menu .metismenu-item.level-1 > ul > li.metismenu-item.level-2 > a, .metismenu.mod-menu .metismenu-item.level-1 > ul > .metismenu-item.level-2 > ul > .metismenu-item.level-3 > a {color:#000;}
.metismenu.mod-menu .metismenu-item.level-1 > ul > li.metismenu-item.level-2 > button, .metismenu.mod-menu .metismenu-item.level-1 > ul > li.metismenu-item.level-2 > a, .metismenu.mod-menu .metismenu-item.level-1 > ul > .metismenu-item.level-2 > ul > .metismenu-item.level-3 > a {width:100%;}
.metismenu-item.level-1.mm-active > ul > li.metismenu-item.level-2.mm-active > button:hover, .metismenu-item.level-1.active > ul > li.metismenu-item.level-2.current > a.hover, .metismenu-item.level-1.mm-active > ul > .metismenu-item.level-2.mm-active > ul > .metismenu-item.level-3.current > a.hover {color:#fff;}
.metismenu.mod-menu .metismenu-item > a:focus, .metismenu.mod-menu .metismenu-item > button:focus {outline: none;}
.navbar .metismenu.mod-menu .metismenu-item.level-1 > ul > li.metismenu-item.level-2 a:hover, .navbar .metismenu.mod-menu .metismenu-item.level-1 > ul > li.metismenu-item.level-2 button:hover {background-color:#DA291C;color: #fff;}
.metismenu.mod-menu .mm-collapse > li.parent > ul {background-color:#ddd;}

/* DIAPORAMA */
.container-banner {margin:0; top:36px; position:relative;}
.carousel-indicators {margin-bottom: 0;}
.carousel-caption {padding-bottom: 0;font-family: 'Figtree', sans-serif;}
.carousel-caption h5 {font-size:20px;color:#fff;}

/* CONTENU */
body.wrapper-fluid .site-grid {max-width: 1280px; min-width:1280px; margin: 0 auto; grid-gap: 0 1px; grid-template-columns: [full-start] minmax(0, 0) [main-start] minmax(0, 18%) minmax(0, 32%) minmax(0, 32%) minmax(0, 18%) [main-end] minmax(0, 0) [full-end];}
.container-sidebar-right, .container-sidebar-left, .container-component {position:relative; top:36px;}
.container-component {padding-left: 10px; padding-right: 10px;}
.container-sidebar-right {padding-left: 10px;}
.mobilebox .mobileboxtitle {position:relative; top:-100px; color:#fff; font-size:20px; font-weight:bold; z-index:0; height:15px; font-family:'Figtree', sans-serif;}
.com-content-article__body table a:hover, .com-content-article__body table a:focus {color: 005580; text-decoration:underline;}
.com-content-article__body table a {color:#08c; text-decoration:none;}
.photos2large {max-width:795px; margin:0 0 0 2%; text-align:center; width:100%;}
.photos2large a {width:48%;}
.couleurs2large {width:100%;}
.couleurs2large img {width:48%;}
.bouton-catalogue a {padding:20px; float:left; background:#DA291C; color:white; margin:8px;}
.servicesofferts {width:100%; clear:both;}
.demandesoumissionservices {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #bbb; float:left; margin:2px 3px; padding:7px 0; width:99%; clear:both;}
.demandesoumissionservices h2 {margin:-7px 0 0; padding:0; background-color:#da291c; color:#FFFFFF;}
.demandesoumissionservices img {margin:0; padding:0 0 10px 0; position:relative; z-index:0; width:100%;}
.port_resize {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #bbb; float:left; margin:2px 3px; padding:7px 0; width:49%; height:auto; min-height:380px;}
.port_resize h2 {margin:-7px 0 0; padding:0; background-color:#da291c; color:#FFFFFF;}
.port_resize img {margin:0; padding:0 0 10px 0; position:relative; z-index:0; width:100%;}
.demandesoumissionservices h3, .demandesoumissionservices p, .port_resize h3, .port_resize p {padding: 0 6px;}
.chronoforms .ui.message .list:not(.ui) li:before {display:none;}

/* COLONNES */
div.card {margin: 0 0 5px; max-width: 220px; --card-spacer-y: 0; --card-spacer-x: 0; --card-title-spacer-y: 0; --card-border-width: 0;}
div.card h3 {color: #FFF; font-size: 18px; padding: 5px; background-color: #DA291C; text-align: center; font-family: 'Figtree', sans-serif;}

/* MAIN-BOTTOM */
.main-bottom.card {max-width: 100%; margin:5px 0 10px 0;}
.main-bottom.card h3 {color:#000; background-color:#fff; font-family:'Roboto', sans-serif;}

/* FOOTER */
footer.footer {padding: 0; height: auto; width: 100%; background: #DA291C; font-family: Figtree, sans-serif; margin-top: 35px; color: #fff;}
body.wrapper-fluid footer.footer > .grid-child {height: auto; width: 100%; display: block; padding:0;}
.barrenoire {width:100%; height: 30px; background: #000;}
footer.footer .centrer {max-width:1280px; margin: 0 auto;}
footer.footer #mod-custom176, footer.footer #mod-custom177, footer.footer #mod-custom91, footer.footer #mod-custom172 {background: #000; height: 30px;}
footer.footer .grid-child #mod-custom176 .menuleft, footer.footer .grid-child #mod-custom177 .menuleft {font-size: 16px; padding-top: 5px; padding-left: 1%; width: 49%;float: left;}
footer.footer .grid-child  #mod-custom176 .menuright, footer.footer .grid-child  #mod-custom177 .menuright {font-size: 14px; padding-top: 6px; width: 49%; text-align: right; padding-right:1%; float: right;}
footer.footer #mod-custom100, footer.footer #mod-custom226 {height: 85px;width:100%;; float: left;}
footer.footer #mod-custom100 .logo-footer, footer.footer #mod-custom226 .logo-footer {padding-left: 1%; padding-top: 7px; float: left;}
footer.footer #mod-custom100 .textefinance, footer.footer #mod-custom226 .textefinance {padding-left:18%; padding-top:30px; float:left; font-size:16px; font-weight:bold;}
footer.footer #mod-custom91 div div div, footer.footer #mod-custom172 div div div {font-size: 12px; padding-top: 6px; width: 33%; text-align: left; float: left;}
footer.footer #mod-custom91 .menuleft, footer.footer #mod-custom172 .menuleft {text-align: left; padding-left:1%;}
footer.footer #mod-custom91 .menumilieu, footer.footer #mod-custom172 .menumilieu {text-align: center;}
footer.footer #mod-custom91 .menuright, footer.footer #mod-custom172 .menuright {text-align: right;}
.footer .grid-child #mod-custom91, .footer .grid-child #mod-custom172 {padding: 0; float: left;width: 100%;}
footer.footer #mod-custom181, footer.footer #mod-custom182 {display:none;} /* Menu mobile footer */

/* RESPONSIVE */
@media (max-width: 1279px) {
  body.wrapper-fluid .site-grid {min-width:0;}
  .metismenu.mod-menu .metismenu-item {padding: 0 12px 0 1px;}
  .container-nav .metismenu.mod-menu li a, .container-nav .metismenu.mod-menu li button {padding:8px 12px;}
}
@media (max-width: 1189px) {
  .metismenu.mod-menu .metismenu-item {padding: 0 4px 0 1px;}
}
@media (max-width: 1159px) {
  .container-nav .metismenu.mod-menu li a, .container-nav .metismenu.mod-menu li button {padding:8px 13px; font-size:14px;}
  div.card h3 {font-size: 16px;}
  .main-bottom.card h3 {font-size: 18px;}
}
@media (max-width: 1050px) {
  .container-nav .metismenu.mod-menu li a, .container-nav .metismenu.mod-menu li button {padding:8px 9px;}
  div.card h3 {font-size: 14px;}
  .main-bottom.card h3 {font-size: 18px;}
}
/* HAMBURGER MENU */
@media (max-width: 991px) {
  .container-header {border-top:32px solid #000; height:92px; top:0; background-color:#fff;}
  .container-topbar {height:60px;}
  .container-header .top-mail {margin-left: 0;}
  .container-topbar .top-phone a, .container-topbar .top-mail a, .container-topbar div.mod-languages a {color: #000 !important; padding:6px;}
  .container-topbar .mobile-info-text .top-mail a.demandesoumission, .container-topbar .mobile-info-text .top-mail a.toplogo {float:left; position:relative; top:-34px; width:100%;}
  .container-topbar .mobile-info-text .top-mail a.phone-icon {position:relative; top:-27px; left: 70%; top:-75px;}
  .container-topbar .mobile-info-text .top-mail a.home-icon {display:none;}
  .container-topbar div.mod-languages {top:-95px; z-index:1; right:5px;}
  #mod-custom105, #mod-custom128 {top:-110px;}
  .btn_facebook {padding:25px;}
  .facebookheaderbarre {top:22px; left:10px;}
  #mod-custom117, #mod-custom130 {z-index:1; left:0; top:0; float:left; width:100%;}
  #mod-custom117 .top-info-text, #mod-custom130 .top-info-text {display:none;}
  #mod-custom117 .mobile-info-text, #mod-custom130 .mobile-info-text {display:block;}
  #mod-custom117 .mobile-info-text .top-mail, #mod-custom130 .mobile-info-text .top-mail {position:relative; left:0; top:0; width:100%;}
  .container-topbar .mobile-info-text .top-mail a.demandesoumission {top:-32px; color:#fff !important; text-align:center;}
  .facebookheader {color:#DA291C;}
  #mod-custom132 .logoheader, #mod-custom132 .textelogo, #mod-custom133 .logoheader, #mod-custom133 .textelogo {display:none;}
  #navbar220, #navbar222 {position:relative; top:-32px;}
  #navbar220 > ul, #navbar222 > ul {background-color: white}
  .header .grid-child.container-nav {background-color:transparent; height:60px; position:relative; top:-107px; z-index:1; margin:0;}
  .container-header nav {height:40px; top:0;}
  .container-header button.navbar-toggler {position:relative; top:-50px; left:10px; color:#000; border:1px solid #fff !important; background-color:#fff;}
  .metismenu.mod-menu .metismenu-item {padding:0;}
  .container-nav .navbar .metismenu.mod-menu .metismenu-item a, .container-nav .navbar .metismenu.mod-menu      .metismenu-item button {padding: 12px 30px; width: 100%; font-size:16px; background-color:#fff; color:#000 !important;}
  .navbar .metismenu.mod-menu .metismenu-item.level-1 > ul > li.metismenu-item.level-2 a:hover, .navbar .metismenu.mod-menu .metismenu-item.level-1 > ul > li.metismenu-item.level-2 button:hover {background-color: #eee; color:#000;}
  .metismenu.mod-menu .metismenu-item.level-1 > button {font-weight: bold;}
  .metismenu.mod-menu > li.parent > ul, .metismenu.mod-menu > li.parent > ul > li.parent > ul {background-color:#fff; margin:0; box-shadow:1px 4px 4px #0000001a;}
  .container-nav .navbar .metismenu.mod-menu .metismenu-item.item-770 a, .container-nav .navbar .metismenu.mod-menu .metismenu-item.item-778 a {color:blue !important; font-weight:bold;}
  .header .grid-child.container-nav ul li ul {border:none;}
  .metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover {color:#000;}
  .navbar .metismenu.mod-menu .mm-toggler:after {color: #000;}
  ul.metismenu.mod-menu > li.metismenu-item > ul {padding-left:30px;}
  ul.metismenu.mod-menu > li.metismenu-item > ul > li.metismenu-item > ul {padding-left:30px;}
  .container-banner {top:0px;}
  .container-nav .navbar .metismenu.mod-menu .metismenu-item.current a, .container-nav .navbar .metismenu.mod-menu .metismenu-item.current button {background-color: #eee;}
  #mod-custom183, #mod-custom184 {top:-21px;}
  .carousel-caption {bottom:10px;}
  .carousel-caption h5 {font-size:16px;}
  div.grid-child.container-sidebar-left, div.grid-child.container-sidebar-right {display:none;}
  .photos2large {max-width: 968px;}
}
@media (max-width: 850px) {
  .container-topbar .mobile-info-text .top-mail a.phone-icon {left: 70%;}
  footer.footer #mod-custom91 div div div {font-size: 10px;}
}
@media (max-width: 800px) {
#mod-custom105, #mod-custom128 {right:85px;}
  footer.footer #mod-custom100 .textefinance, footer.footer #mod-custom226 .textefinance {padding-left: 12%; font-size: 14px;}
  .carousel-caption {bottom:10px;}
  .carousel-caption h5 {font-size:12px;}
}
@media (max-width: 767px) {
  .container-header .container-nav .container-search, .container-header .container-nav nav {margin-top:10px;}
  .d-none {display:block !important;}
  #mod-custom179, #mod-custom180, #mod-custom183, #mod-custom184 {display:none;}
  .header .grid-child.container-nav {top:-115px;}
  footer.footer #mod-custom181, footer.footer #mod-custom182 {display: block;}
  #mod-custom176, #mod-custom177, #mod-custom100, #mod-custom226, #mod-custom91, #mod-custom172 {display:none;}
  footer.footer {background-color: #eee; border-top: #DA291C 8px solid; position: relative; top: 45px;text-align: center; margin: 0px auto;}
  footer.footer .mobilemilieu a {display: block; padding: 12px 0; font-size: 16px; font-weight: normal; color: #000; background-color: #ddd;}
  footer.footer .mobileadresse {margin-top: 10px; color: #444; background-color: #eee; padding-top: 20px;}
  footer.footer .facebookheader {margin: 5px auto; width: 48px; padding: 0; line-height: 0; color: #fff;}
  footer.footer .facebookheader a {background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); float: left; margin: 0; padding: 18px 16px;}
  footer.footer a:link, footer.footer a:visited {text-decoration: none;}
  footer.footer .btn_facebook {background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); float: left; margin: 0; padding: 14px 16px; width: 30px;}
  footer.footer a, footer.footer a:visited {font-weight: normal;}
  footer.footer a:not(.btn):hover, footer.footer a:not(.btn):focus, footer.footer .btn-link:hover, footer.footer .btn-link:focus {color: #eee;}
}
@media (max-width: 665px) {
  .container-topbar .mobile-info-text .top-mail a.phone-icon {left:78%;}
  #mod-custom105, #mod-custom128 {display:none;}
  .header .grid-child.container-nav {top:-58px;}
  #navbar220, #navbar222 {top:-38px;}
  .container-header button.navbar-toggler {top:-58px;}
  ul.metismenu.mod-menu > li.metismenu-item > ul, ul.metismenu.mod-menu > li.metismenu-item > ul > li.metismenu-item > ul {max-width:100%; padding-left:30px; width:98%;}
  .d-none {display:none !important;}
  .container-component>*+* {margin-top:0;}
  #mod-custom179, #mod-custom180, #mod-custom183, #mod-custom184  {display:block; float:left; width:100%; top:0;}
  .port_resize {width:99%;}
}
@media (max-width: 525px) {
  .photos2large a, .photos2large a img {width:98%; margin:0;}
  #paslink, #paslink1, #paslink2, #paslink3, #paslink4, #paslink5 {width:98% !important; margin:0;}
}
@media (max-width: 450px) {
  #diaporama, .desktoponly {display:none;}
  .mobilebox, .mobileonly {display:block;}
  .container-topbar div.mod-languages {top:-95px; right:6px;}
  .container-nav .navbar .metismenu.mod-menu .metismenu-item a, .container-nav .navbar .metismenu.mod-menu .metismenu-item button {font-size:14px; padding:12px 20px;}
  a .wf-icon-zoom-image {display:none;}
}
@media (max-width: 380px) {
  .container-topbar .mobile-info-text .top-mail a.phone-icon {display:none;}
  #navbar220, #navbar222 {top:-17px;}
  .container-header button.navbar-toggler {top:-38px;}
  .container-topbar div.mod-languages {top:-75px; right:12px;}
  ul.metismenu.mod-menu > li.metismenu-item > ul, ul.metismenu.mod-menu > li.metismenu-item > ul > li.metismenu-item > ul {padding-left:0; width:100%;}
  .container-nav .navbar .metismenu.mod-menu .metismenu-item a {font-size:12px; padding:14px 30px;}
  .container-nav .navbar .metismenu.mod-menu .metismenu-item.level-1 a {font-size:14px; padding:12px 20px;}
}
@media (max-width: 350px) {
  .container-topbar div.mod-languages {top:-80px;}
  .container-header button.navbar-toggler {top:-40px;}
  .container-nav .navbar .metismenu.mod-menu .metismenu-item a {font-size:10px;}
}