* {  box-sizing: border-box !important;}
*:before, *:after {  box-sizing: border-box !important;}
html, body {height:100%!important; position: relative !important;}
main {overflow: hidden !important;  display: block !important;  position: relative !important;  padding-bottom: 40vh !important; /* height of your footer */}
.t4-content, .c-offcanvas-content-wrap, .t4-content-inner {min-height:100vh !important; padding-bottom: 5vh !important;}
@media only screen and (max-width: 600px) { main {overflow: hidden !important;  display: block !important;  position: relative !important;  padding-bottom: 125vh !important; /* height of your footer */}}
@media only screen and (max-width: 900px) and (min-width: 601px) { main {overflow: hidden !important;  display: block !important;  position: relative !important;  padding-bottom: 95vh !important; /* height of your footer */}}
@media only screen and (min-width: 901px) {main {overflow: hidden !important;  display: block !important;  position: relative !important;  padding-bottom: 40vh !important; /* height of your footer */}}
.t4-header {background-color:#000000 !important; min-height:140px !important;}
.t4-footnav {top: auto !important;  position: absolute !important;  bottom: 0 !important;  width: 100% !important; height: 45vh !important;}
@media only screen and (max-width: 600px) { .t4-footnav {top: auto !important;  position: absolute !important;  bottom: 0 !important;  width: 100% !important; height: 130vh !important;}}
@media only screen and (max-width: 900px) and (min-width: 601px) { .t4-footnav {top: auto !important;  position: absolute !important;  bottom: 0 !important;  width: 100% !important; height: 100vh !important;}}
@media only screen and (min-width: 901px) {.t4-footnav {top: auto !important;  position: absolute !important;  bottom: 0 !important;  width: 100% !important; height: 45vh !important;}}
.nav-breakpoint-lg #t4-header .logo {min-width:32% !important; min-height:140px !important;}


.nav-breakpoint-lg .navbar .t4-navbar .navbar-nav .nav {padding-top: 3em !important;}
.navbar-expand-lg .navbar-nav {padding-top: 3em !important;}
.navbar-brand.logo-image {min-width:100% !important; min-height:140px !important; padding-top:1em !important; }
@media only screen and (max-width: 600px) {.navbar-brand.logo-image {width:50vw !important; min-height:80px !important; max-height:120px !important; padding-top:1em !important; }}
@media only screen and (max-width: 900px) and (min-width: 601px) { .navbar-brand.logo-image {width:40vw !important; min-height:140px !important; padding-top:1em !important; }}
@media only screen and (min-width: 901px) {.navbar-brand.logo-image {min-width:100% !important; min-height:140px !important; padding-top:1em !important; }}

.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li.active > .nav-link { border-bottom: 1px solid #8e0000 !important; }
.nav-breakpoint-lg .t4-megamenu .navbar-nav > li > a, .nav-breakpoint-lg .t4-megamenu .navbar-nav > li > .nav-link { padding: 1.85rem 0.2em; }
.slide-desc-text {font-size: 1.5em;}
@media only screen and (max-width: 600px) { .slide-desc-text {font-size: 0.6rem; }}
.nav-link {font-size:1.3em !important;}
.custom {background: no-repeat bottom center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.t4-masthead {padding:0 !important; margin:0;}
.bg-overlay {display:none !important;}
.bg-overlay-image {display:none !important;}
.dropdown-item {font-size:18px;}
.t4-megamenu .dropdown-menu ul > .active a.nav-link, .t4-megamenu .dropdown-menu ul > .active a.dropdown-item { color: #000000 !important;}
.t4-off-canvas-header {background-color:#000000 !important;}
#off-canvas-right {background: #ffffff url(../../../../images/fond-texture-rond.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.sub-menu-toggle {background-color:#6e6e6e !important;}
.t4-offcanvas-toggle i, .navbar-toggler i {font-size: 30px; color: #fff; }
.nav-breakpoint-lg.navigation-hide .t4-offcanvas-toggle {top: 3vh !important; right: 5vw !important;}

.t4-megamenu .navbar-nav > li {padding-left: 0.4em; padding-right: 0.4em;}
.ui-state-active, .ui-state-default {color:#000000 !important; font-size:1.75em !important; background: none !important; border: 1px solid #c5c5c5 !important;}
.ui-accordion .ui-accordion-content {height:auto !important;}
.djslider-default .navigation-container-custom { top:95%; right:25% !important;}
.pull-left, .item-image {display : none !important;}
h3, .h3 { font-size: 1,8rem !important;}
@media only screen and (max-width: 600px) { h3, .h3 { font-size: 1.8rem !important;}}
.celtabl { width:30%; margin-left:3%; float:left;}
.celtabl1 { width:30%; margin-left:3%; float:left;}
@media only screen and (max-width: 600px) { .celtabl {clear:both; width:100%; margin-left:0; margin-bottom:5vh;}}
@media only screen and (max-width: 900px) and (min-width: 601px)   { .celtabl {clear:both; width:100%; margin-left:0; margin-bottom:5vh;}}
@media only screen and (min-width: 901px)  {.celtabl { width:30%; margin-left:3%; float:left;}}
@media only screen and (max-width: 600px) { .celtabl1 {clear:both; width:100%; margin-left:0; margin-bottom:5vh;}}
@media only screen and (max-width: 900px) and (min-width: 601px)   { .celtabl1 {clear:both; width:100%; margin-left:0; margin-bottom:5vh;}}
@media only screen and (min-width: 901px)  {.celtabl1 { width:30%; margin-left:14%; float:left;}}

@media only screen and (max-width: 600px) { h1, .h1 {font-size: 1.8rem !important;}}
@media only screen and (max-width: 600px)  {#t4-masthead .custom {height:200px;}}
@media only screen and (max-width: 900px) and (min-width: 601px) {#t4-masthead .custom {height:375px;}}
@media only screen and (min-width: 901px) {#t4-masthead .custom {height:500px;}}
.mastitre {background: rgba(0, 0, 0, 0.7); min-width: 33vw; max-width: 50vw; max-height: 80%; margin: 0 auto; vertical-align: middle; position: relative;  padding: 2%;}
@media only screen and (max-width: 600px)  {.mastitre {top: 2vh;}}
@media only screen and (max-width: 900px) and (min-width: 601px)  {.mastitre {top: 10vh;}}
@media only screen and (min-width: 901px)  {.mastitre {top: 20vh;}}
.fbcadre {margin: 0 auto !important;}