html, body {margin:0; padding:0; width:100%; height:100%; font-family: Dosis, sans-serif;}
body {background: #fff url(images/bg-page.jpg) no-repeat center top;}
img{border:0;}
h1,h2,h3,h4,h5,h6 {width:100%;text-align:center;color:black; }
h1,h2.likeh1 ,p.titre2{margin-left:20px; color: #3c3f44; font-size: 24pt; font-weight: 400; line-height: 24pt; text-align:left; text-transform: uppercase }
p.titre2{font-size:1.2em;text-align:right;line-height: 1.1em;color:#F00;}
h2 {margin-left:20px; color: #fff; font-size: 20pt; font-weight: 400; line-height: 20pt; text-align:left; }
h3 {margin-left:10px; color: #fff; font-size: 16pt; font-weight: 400; line-height: 18pt; text-align:left; }
h4 {color: #3c3f44; font-size: 18pt; font-weight: 400; line-height: 18pt; text-transform:uppercase; }
div{padding:0;width:100%;}
a {text-decoration:none;}
img { max-width:100%;}
#MainContainer{width:1000px; margin:auto;}
#headerContainer{height:131px;}
#logoContainer{float:left;width:48%;height:100%;}
#logoContainer img{width:370px;height:61px;margin:20px 20px; margin-bottom: unset;}
.date-fermeture {
    margin-left: 20px;
    color: red;
}
.date-ouverture {
    margin-left: 20px;
    font-size:0.96em;
}
#menuContainer{width:100%; height:28px; padding-top:11px;}
#menuheadbox {float:left; width:100%; font-family: Dosis, sans-serif; font-size: 11pt;} 
#menuheadbox a{ color: #3c3f44; text-decoration: none }
#menuheadbox a:hover  { color: #3c3f44; text-decoration: none; font-weight:bold;}
#menuheadbox a:visited { color: #3c3f44; text-decoration: none }
#wowslider-container1{background-image:url(images/bg-slider.png);background-repeat:no-repeat;}
#shadowbox {width:100%;min-height:25px;clear:both;}
form #name { display: none; }
nav {width:100%;margin:-1.9em 0 0 -2em;text-align:center;z-index:300;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;}
nav li{display:inline-block;position:relative;vertical-align:top;padding:0;margin:0;}
nav li:first-child{width:10%;}
nav li:nth-child(2), nav li:nth-child(6) {width:10%;padding:0;}
nav li:nth-child(6) {width:18%;padding:0;}
nav a.bg{color:#3c3f44;padding:0.5em 1em;display:block;}
nav li:hover a.bg{background:url(menu_over.png) center top no-repeat;color:#fff;}
nav li ul.submenu{display:none;position:relative;width:150%;z-index:300;margin:0 0 0 -2em;padding:0;-webkit-padding-start:0;-moz-padding-start:0;padding-start:0;}
nav li:nth-child(6) ul.submenu{margin-left:-2.7em;}
nav li:hover ul.submenu{display:block;}
nav ul.submenu li {display:block;margin:0;padding:0;}
nav ul.submenu li:first-child, nav ul.submenu li:nth-child(2), nav ul.submenu li:nth-child(6) {width:100%;}
nav ul.submenu a{background:url(butt-sub-menu-cab.jpg) center top no-repeat;border:none;padding:0.5em 0;color:#fff;display:block;}
nav ul.submenu a:hover{background-image:url(butt-sub-menu-cab_over.jpg);}

/***** NOUVELLE PAGE ACCUEIL *****/
section{
    width: 100%;
}

section div{
    max-width: 100%;
}

section a{
    transition: all 0.5s ease;
}

section a:hover{
    background-color: white !important;
    border: 1px solid #2a549c;
    color: #2a549c !important;
}

.container{
    display: flex;
    margin-bottom: 50px;
}

.flex{
    flex: 0 0 auto;
}

.margin-left{
    margin-left: 8%;
}


#table-modulaire-accueil .flex:first-child{
    width: 43%;
}

/* #table-modulaire-accueil .flex:first-child h2{
    margin-top: 0;
    font-weight: 700;
    font-size: 1.5em;
    color: black;
    text-transform: uppercase;
} */

#table-modulaire-accueil .flex:first-child img{
    width: 90%;
    margin-left: 5%;
}

#table-modulaire-accueil #title-covid{
    margin-top: 0;
    width: 90%;
    margin-left: 20px;
    background-color: #DB1E1D;
}

#title-covid h1{
    color: white;
    font-weight: 700;
    font-size: 3em;
    line-height: 1em;
    padding : 15px 0 15px 0;
    margin: 15px
}

#title-covid h1 span{
    font-size: 1.3em;
}

#table-modulaire-accueil .flex:last-child{
    width: 55%;
    padding-left: 2%;
}


#table-modulaire-accueil p{
    width: 90%;
    margin-left: 20px;
}

#table-modulaire-accueil a{
    background-color: #2a549c;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
    padding: 10px 25px;
    height: auto;
    margin-left: 20px;
}


.special-price {
    font-weight: bold;
    font-size: 1.5em;
    color: #0e2958;
    display: block;
}

.special-price .price{
    color:red;
}

.special-title {
    font-size: 1.1em;
    font-weight: bold;
    color: #0e2958;
}

.flex-wrap{
    display: flex;
    flex-wrap: wrap;
}

#modeles{
    background-color: white;

}

#modeles h1{
    font-weight: 700;
    font-size: 1.5em;
    width: 95%;
    padding-top: 20px;
    margin: 0 auto 20px auto;

}

#modeles #nos-cabanons{
    width: 95%;
    height: auto;
    margin: auto auto;
}

.categorie{
    flex: 0 0 46%;
    height: auto;
}

.categorie p{
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;
    padding: 0;
    margin: 10px 0 20px 0;
}

#modeles a{
    background-color: #2a549c;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
    padding: 10px 25px;
    height: auto;
}

#modeles a.noblue {
    background-color: white;
	padding:0;
}

#modeles  a.noblue:hover {
    background-color: white;    
	border:0;
	padding:0;
}

#mot-bienvnue a{
    background-color: #2a549c;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
    padding: 10px 25px;
    height: auto;
}

#mot-bienvenue a.noblue {
    background-color: white;
	padding:0;
}

#mot-bienvenue  a.noblue:hover {
    background-color: white;    
	border:0;
	padding:0;
}

.grey-rectangle{
    position: relative;
    width: 95%;
    margin: auto auto;
    background-color: #554f50;
    color: white;
    height: 75px;
}

.grey-rectangle p{
    position: relative;
    display: inline-block;
    line-height: 75px;
    width: auto;
    font-size: 1.2em;
    margin: 0 10px;

}

.grey-rectangle a{
    position: absolute;
    top: 15px;
    right: 10px;
    height: 25px;
    line-height: 25px;
    width: auto;
    display: inline-block;
}

#sur-mesure{
    width: 95%;
    margin: 50px auto ;
    align-items: flex-start;
}


.width25{
    width: 23%;
    margin-right: 2%;
}

.width50{
    width: 45%;
    margin: 0 2%;
}

#sur-mesure img{
    margin-bottom: 20px;
}

#sur-mesure h2{
    color: black !important;
    text-transform: uppercase;
    font-size: 1.5em;
    text-align: right;
    padding: 0;
    margin:0;
}

#sur-mesure p{
    padding-top: 20px;
    text-align: right;
}

#mot-bienvenue{
    margin: 25px 0 25px 0;
}

#bienvenue{
    width: 95%;
    margin: auto auto;
}

#bienvenue .flex{
    width: 38%;
    margin:0 0 0 2%;
} 

#bienvenue h2, #presentation h2{
    color: black !important;
    text-transform: uppercase;
    font-size: 2.1em;
    line-height: 25pt;
    font-weight: 700;
    margin:0;
}

#bienvenue .flex:nth-child(2){
    width: 59%;
}

#promotions-liquidations{
    margin-top: 100px;
}

#promotions-liquidations a{
    background-color: #2a549c;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
    padding: 10px 25px;
    height: auto;
}

#promotions-liquidations .container{
    background-color: white;
    border: 2px solid #00519f;
    margin: auto auto;
    width: 95%;
}

#promotions-liquidations .flex:first-child{
    width: 40%;
    margin:0;
}

#promotions-liquidations .flex{
    position: relative;
    width: 50%;
    margin-left: 10%;
}

#promotions-liquidations h2{
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 25px;
    color: black;
}

#promotions-liquidations p{
    margin-left: 20px;
    padding-bottom: 10px;
}

#promotions-liquidations img{
    position: absolute;
    top: -50%;
}


#nos-balancoires h2{
    text-align: center;
    margin-left: unset;
    font-weight: 700;
    color: #3c3f44;
    text-transform: uppercase;
    font-size: 1.5em;
}

#presentation-balancoires {
    width: 95%;
    margin: auto auto;
    margin-top: 64px;
    margin-bottom: 48px;
}

#presentation-balancoires .flex {
    width: 38%;
    margin: 30px 0 0 2%;
    
}
#presentation-balancoires img {
    width: 55.5%;
    margin: 0 0 0 2%;
}

#video-container {
    margin: 0 0 0 4%;
}

#video-container video {
    width: 91%;
}


/***** PAGE SERVICES-DEMONSTRATEURS *****/

#services section, #demonstrateurs section{
    width:95%;
    margin: auto auto;
}

#services, #demonstrateurs{
    font-size: 1.2em;
    text-align: center;
}

#services .flex {
    width: 33%;
}


#services h2, #demonstrateurs h2{
    color: black;
    margin:0;
    text-transform: uppercase;
    font-size: 1.8em;
    font-weight: bold;
    margin: 50px 0;
    text-align: center;

}

#services p, #demonstrateurs p{
    width: 100%;
    text-align: center;
    font-weight: bold;
}

#services img, #demonstrateurs img{
    width: 90%;
}

#demonstrateurs .flex{
    -webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
    width: 30%;
    margin: 0 1.5%;
}

#demonstrateurs img{
    width: 100%;
}

#demonstrateurs .nom{
    color: white;
    font-weight: 600;
    font-size: 1.2em;
    height: 40px;
    line-height: 40px;
    background-color: #2a549c;
}

#demonstrateurs p{
    width: 100%;
    text-align: center;
}

#demonstrateurs .prix{
    font-size: 1.3em;
    color: red;
}

#demonstrateurs .long{
    font-size: 1em;
}

#demonstrateurs #message p{
    margin: 50px 0 0 0;
    text-align: left;
}


/***** PAGE TABLE MODULAIRE *****/

#presentation .flex{
    width: 38%;
    margin:0 0 0 2%;
} 

#presentation-table{
    border-bottom : 4px solid #2C559C;
}

#presentation-table  h1{
    font-weight: 700;
    font-size: 1.7em;
    width: 95%;
    padding-top: 20px;
    margin: 0 auto 20px auto;
}

#presentation-table h1 span:first-child{
    color: #DC1B1C;
    font-weight: bold;
    text-decoration: underline;
}

#presentation-table h1 span:nth-child(2){
    font-weight: bold;
    text-decoration: underline;
}

#presentation span{
    font-weight: bold;
}

#presentation .flex p:first-child{
    margin-top: 0;
    margin-bottom :0;
    font-size: 2em;
}

#presentation .flex:nth-child(2){
    width: 70%;
}

#presentation .flex:nth-child(2) img{
    width: 100%;
    margin-top: -25px;
}

#table-images h2{
    font-weight: 700;
    font-size: 1.5em;
    width: 95%;
    padding-top: 20px;
    margin: 0 auto 40px auto;
    text-align: center;
    color: black;
    text-transform: uppercase;
}

#table-images .container{
    margin: auto auto;
    width: 840px;
    text-align: center;
}

#table-images img{
    width: 180px;
    margin: 0px 15px;
    display: inline-block;
}

#table-images a, #table-modulaire-accueil a{
    background-color: #2a549c;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
    padding: 10px 25px;
    height: auto;
}

#table-images .grey-rectangle{
    margin-top: 60px;
}

#presentation .flex:last-child{
    width: 56%;
    text-align: right;
}

#msg-table-picnic{
    padding-top: 50px;
}

#msg-table-picnic .container{
    width: 100%;
}

#msg-table-picnic h3{
    color: #DC1B1C;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
    text-align: center;
    width: 100%;
    font-size: 1.4em;
}

#msg-table-picnic .flex{
    width: 50%;
    font-size: 1.3em;
}

#msg-table-picnic .flex:first-child{
    width: 30%;
}

#msg-table-picnic .flex:first-child img{
    width: 100%;
    margin: 0;
    padding: 0;
}

#msg-table-picnic .flex:last-child{
    width: 65%;
    padding-left: 5%;
}

#fabrique-quebec{
    padding-top: 0px;
    align-items: center;
}

#fabrique-quebec .flex{
    text-align: left;
    flex: 0 0 auto;
    width: 25%;
    font-size: 1em;
}

#fabrique-quebec .flex:nth-child(2){
    width: 60%;
    text-align: center;
    font-size: 1.6em;
}

#fabrique-quebec .flex:last-child{
    text-align: center;
    width: 15%;
}

#fabrique-quebec .flex:last-child img{
    height: 100px;
    width: 100px;
}

#fabrique-quebec a{
    background-color: white;
    color: black;
    border:none;
    padding:0;
    font-weight: 600;
    text-transform: initial;
}

#fabrique-quebec span{
    font-weight: 800;
    font-size: 1.6em;
    border: 2px solid #00519f;
    padding: 25px;
}

#textContainer{width:100%;min-height:300px;}
#lefttextBox{float:left;width:48%; clear:left;}
#lefttextBox p{margin-left:20px; color: #3c3f44; font-size: 12pt; font-weight: 400; line-height: 14pt; text-align:justify; }
#lefttextBox a{color: #3c3f44; font-size: 12pt; font-weight: 400; line-height: 12pt; text-align:justify; }
#lefttextBox a:hover{color: #3c3f44; font-size: 12pt; font-weight: 700; line-height: 12pt; text-align:justify; }
#righttextBox{float:right;width:48%; padding-top:10px;}
#produitContainer{width:30%; height:165px; background-image:url(images/bg-cell-prod.jpg); background-repeat:no-repeat; float:left; margin-left:5px;}
#produitContainer2{width:30%; height:165px; background-image:url(images/bg-cell-prod-2.jpg); background-repeat:no-repeat; float:left; margin-left:5px;}
#produittextbox {width:100%; height:10px; margin:0}
#produittextbox p {color: #fff; font-size: 12pt; font-weight:200; line-height: 12pt; text-align:center; margin-top:3px; letter-spacing:1px;height:35px;}
#produittextbox a {color: #fff; font-size: 13pt; font-weight:200; line-height: 14pt; text-align:center; margin-top:18px; text-decoration:none; }
#produittextbox a:hover{color: #fff; font-size: 13pt; font-weight:600; line-height: 14pt; text-align:center; margin-top:18px; text-decoration:none;}
#produittextbox img {width:137px; height:147px;}
#promotiontextBox{float:left; width:100%; min-height:260px; background-image:url(images/bg-cell-bloc-left-large.jpg); background-repeat:no-repeat; margin:-20px 0 0 20px;}

#textBox{width:100%; margin:20px 0 -50px 0; min-height:250px;}
#gategorieBox{width:100%; min-height:50px; float:left; margin:15px 0 0 30px;}
#cabanonContainer{width:30%; min-height:300px; background-image:url(images/bg-cell-cabanon-left.jpg); background-repeat:no-repeat; float:left; margin:0 10px 0 40px;}
#cabanonContainer2{width:30%; min-height:300px; background-image:url(images/bg-cell-cabanon.jpg); background-repeat:no-repeat; float:left; margin:0 10px 0 0;}
#cabanonContainer3{width:30%; min-height:300px; background-image:url(images/bg-cell-cabanon-right.jpg); background-repeat:no-repeat; float:left; margin:0 40px 0 0;}
#cabanontextbox {width:100%; height:10px; margin:0}
#cabanontextbox p {color:#3c3f44; font-size: 16pt; font-weight:200; line-height: 18pt; text-align:center; margin-top:18px;}
#cabanontextbox a {color: #fff; font-size: 16pt; font-weight:200; line-height: 18pt; text-align:center; margin-top:18px; text-decoration:none;}
#cabanontextbox a:hover{color: #fff; font-size: 16pt; font-weight:700; line-height: 18pt; text-align:center; margin-top:18px; text-decoration:none;}
#cabanontextbox img {width:275px; height:225px; margin:5px 0 0 0;}
#promotions{width:30%; min-height:240px; float:left; margin:0 10px 0 20px;}

#fichebox {width:22%; background-image:url(images/bg-cell-cabanon-1.jpg); background-repeat:no-repeat; float:left; margin:0 20px 0 0;}

#cabanonfichebox {width:100%; margin:0 0 20px 0; min-height:220px; float:left; position: relative; overflow: hidden;}
#cabanonfichebox p {color:#fff; font-size: 13pt; font-weight:200; line-height: 18pt; text-align:left; margin:0 0 0 10px;}
#cabanonfichebox img {width:220px; height:170px; margin:10px 0 0 0; float:left;}
#fichebox #cabanonfichebox p.prixSpecial {
    padding: 4px 40px;
    background-color: red;
    color: white;   
    transform: rotate(45deg);    
    text-align: center;    
    position: absolute;
    right: -35px;
    top: 15px;    
    font-size: 1em;
}

#cabanonfichebox p.vendu{
    color: red;
    position: absolute;
    font-weight: bold;
    font-size: 4em;
    transform: rotate(323deg);
    top: 50%;
    text-shadow: 2px 2px #2a0000;
}

.liquidation{
    position: absolute;
    bottom: 41px;
    right: 2px;
    transform: rotate(2deg);
    border-radius: 11px;
    color: red;
    font-weight: 800;
}

.strikeThrough {text-decoration: line-through;}
#descriptiontext {width:90%; margin-top:5px;}
#descriptiontext p {color:#3c3f44; font-size: 14pt; font-weight:200; line-height: 16pt; text-align:left;}
#descriptiontext2 {width:95%; margin-top:20px;}
#descriptiontext2 p {color:#3c3f44; font-size: 13pt; font-weight:200; line-height: 16pt; text-align:right; letter-spacing:0.75px; margin-top:5px;}

.mouseover {display: inline-block; margin:25px 0 0 0;width: 437px;height: 43px;background-image: url(images/bt_soumission.png); background-repeat:no-repeat;}
.mouseover:hover { background-image: url(images/bt_soumission_over.png); background-repeat:no-repeat;}
.eg{ background-image: url(images/bt_soumission-eg.png);}
.eg:hover{ background-image: url(images/bt_soumission_over-eg.png);}
#linkoption {width:100%; float:left; min-height:20px; margin:15px 0 0 0;}
#linkoption a {color:#295197; font-size: 11pt; font-weight:200; line-height: 12pt; text-align:center; text-decoration:none;}
#linkoption a:hover {color:#295197; font-size: 11pt; font-weight:700; line-height: 12pt; text-align:center; text-decoration:none;}

#lefttextBox .warning-change{
    width: 100%;
    font-weight: 600;
}
#footerContainer{width:100%; background-image:url(images/bg-foot.jpg); background-repeat:no-repeat; margin-top:100px; padding:10px 0 0 0;}
#footerBox{width:1000px; margin:auto; background-image:url(images/blur-foot.png); background-repeat:repeat;}
#leftfooterBox{float:left; width:60%; margin:10px 0px 0px 20px;}
#leftfooterBox p{color: #fff; font-size: 12pt;  font-weight: 400; line-height: 12pt; text-align: left; margin-left:10px; }
#leftfooterBox2{float:left; width:70%; margin:-35px 0px 0px 20px;}
#leftfooterBox2 p{color: #fff; font-size: 12pt;  font-weight: 400; line-height: 12pt; text-align: left; margin-left:10px; }
#rightfooterBox{float:right; width:30%; margin:15px 35px 0px 0px;text-align:right;}
#rightfooterBox p{color: #fff; font-size: 12pt; font-weight: 400; line-height: 12pt; text-align: right; }
#rightfooterBox2{float:right; width:15%; margin:-10px 35px 0px 0px;}
#rightfooterBox2 p{color: #fff; font-size: 12pt; font-weight: 400; line-height: 12pt; text-align: right; }
#rightfooterBox2 a{color: #fff; font-size: 12pt; font-weight: 200; line-height: 12pt; text-decoration: none; text-align: right; }
#rightfooterBox2 a:hover{color: #fff; font-size: 12pt; font-weight: 700; line-height: 12pt; text-decoration: none; text-align: right; }
#menufooterBox{float:left; width:90%;}
#menutextBox{float:left; width:18%; margin:auto; white-space: nowrap;}
#menutextBox p{color: #fff; font-size: 12pt; font-weight: 400; line-height: 12pt; text-align:left;}
#menutextBox a{color: #fff; font-size: 12pt; font-weight: 200; line-height: 12pt; text-decoration: none; text-align:left; }
#menutextBox a:hover{color: #fff; font-size: 12pt; font-weight: 700; line-height: 12pt; text-decoration: none; text-align:left; }
#menutextBox2{float:left; width: unset; padding: 0 26px 0 0; margin:auto}
#menutextBox2 p{color: #fff; font-size: 12pt; font-weight: 400; line-height: 12pt; text-align:left;}
#menutextBox2 a{color: #fff; font-size: 12pt; font-weight: 200; line-height: 12pt; text-decoration: none; text-align:left; white-space: nowrap; }
#menutextBox2 a:hover{color: #fff; font-size: 12pt; font-weight: 700; line-height: 12pt; text-decoration: none; text-align:left; }
form p.tel{display:none;}
a.promo{background:#ed333b;color:#fff;padding:0.5em 1em 0.5em 0.5em;margin:1em auto;display:block;font-size:1.2em;width:80%;text-align:center;text-decoration:none;font-weight:700;}
a.promo:hover{background:#3c3f44;}
p.titre{font-size:2.5em;margin-top:0.1em;margin-bottom:0.1em;width:53%;display:inline-block;vertical-align:top;text-align:left;margin-left:0.5em;}
div.centre{text-align:center;}
img.centre{display:inline-block;}
#lefttextBox p.rouge,#righttextBox p.rouge{font-size:2em;font-weight:700;color:#ed333b;	text-align:center;}

.cabanon-special #cabanonfichebox img{
    width: 100%;
}
.cabanon-special #cabanonfichebox a{
    display: inline-block;
}
.cabanon-special .special-container{
    display: flex;
}
.cabanon-special .special-container a{
    display: inline-block;
    width: 100%;
} 

.cabanon-special#fichebox{
    background-repeat:repeat;
}

#fichebox.layout-4-cabs{
    width:100%; 
}

#fichebox.layout-2-cabs{
    width: 56%;
}

.layout-2-cabs #cabanonfichebox a{
    width:220px;
    padding: 0 6px;
}

.layout-2-cabs #cabanonfichebox .special-container{
    justify-content: center;
}


/***** PAGE POLITIQUE *****/

.politique-confidentialite h1,.politique-confidentialite h2{
    color: black;
    margin-left: 0;
}

.politique-confidentialite .politique-container{
    width: 95%;
    margin: auto;
}


/***** FIN PAGE POLITIQUE *****/

#cabanonfichebox .ratio{
    width: 170px;
}