@font-face {
    font-family: 'montserrat_bold';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Bold.woff') format('woff'),
         url('../fonts/Montserrat-Bold.ttf') format('truetype'),
         url('../fonts/Montserrat-Bold.svg#open_sans_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;
}

@font-face {
    font-family: 'montserrat_bolditalic';
    src: url('../fonts/montserrat-bolditalic-webfont.eot');
    src: url('../fonts/montserrat-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bolditalic-webfont.woff') format('woff'),
         url('../fonts/montserrat-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bolditalic-webfont.svg#open_sans_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Regular.woff') format('woff'),
         url('../fonts/Montserrat-Regular.ttf') format('truetype'),
         url('../fonts/Montserrat-Regular.svg#open_sans_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;
}

@font-face {
    font-family: 'montserrat_light';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light-webfont.svg#open_sans_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;
}

@font-face {
    font-family: 'montserrat_thin';
    src: url('../fonts/montserrat-thin-webfont.eot');
    src: url('../fonts/montserrat-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-thin-webfont.woff') format('woff'),
         url('../fonts/montserrat-thin-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-thin-webfont.svg#open_sans_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;
}

@font-face {
    font-family: 'montserratsemibold';
    src: url('../fonts/montserrat-semibold-webfont.eot');
    src: url('../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('../fonts/montserrat-semibold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-semibold-webfont.svg#montserratsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;

}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;
}

@font-face {
    font-family: 'robotobold_italic';
    src: url('roboto-bolditalic-webfont.eot');
    src: url('roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-bolditalic-webfont.woff2') format('woff2'),
         url('roboto-bolditalic-webfont.woff') format('woff'),
         url('roboto-bolditalic-webfont.ttf') format('truetype'),
         url('roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;

}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont#roboto') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;
}

@font-face {
    font-family: 'robotothin';
    src: url('roboto-thin-webfont.eot');
    src: url('roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-thin-webfont.woff2') format('woff2'),
         url('roboto-thin-webfont.woff') format('woff'),
         url('roboto-thin-webfont.ttf') format('truetype'),
         url('roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;

}

@font-face {
    font-family: 'robotosemibold';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium-webfont.svg#robotosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;

}

@font-face {
    font-family: 'Aubrey';
    src: url('../fonts/Aubrey-Regular.eot');
    src: url('../fonts/Aubrey-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aubrey-Regular.woff2') format('woff2'),
         url('../fonts/Aubrey-Regular.woff') format('woff'),
         url('../fonts/Aubrey-Regular.ttf') format('truetype'),
         url('../fonts/Aubrey-Regular.svg#Aubrey-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;
}

@font-face {
    font-family: 'Dubiel';
    src: url('../fonts/DubielPlain.eot');
    src: url('../fonts/DubielPlain.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/DubielPlain.woff2') format('woff2'),
         url('../fonts/DubielPlain.woff') format('woff'),
         url('../fonts/DubielPlain.ttf') format('truetype'),
         url('../fonts/DubielPlain.svg#DubielPlain') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;
}




*{font-family: roboto;}
body{margin: 0;padding-top: 171px;}
.adminConnect{
    padding-top: 216px;
  }
img{max-width: 100%;}
ul{list-style: none;padding: 0;}
h1{/*color: #5cb3d4;*/color:#42B480;font-family: roboto;text-align: left;font-size: 30px;border-bottom: 2px solid;padding-bottom: 5px; margin-bottom: 30px;}
h2 {font-family:robotosemibold; text-align: center; /*color: #5cb3d4;*/color:#42B480; font-size: 26px; overflow: hidden;}
h2:before { content: ''; width: 100%;/*border-bottom: 2px #5cb3d4 solid;*/border-bottom: 2px #42B480 solid; display: inline-block; vertical-align: middle;margin-left: -100%;margin-right: 1em;} 
h2:after { content: ''; width: 100%;/*border-bottom: 2px #5cb3d4 solid;*/border-bottom: 2px #42B480 solid;display: inline-block;vertical-align: middle;margin-right: -100%;margin-left: 1em;}
#produit h1, #categorie h1 {font-family:robotosemibold;text-align: center;/*color: #5cb3d4;*/color:#42B480;font-size: 26px;overflow: hidden;border: 0;margin-bottom: 10px;}
#produit h1:before, #categorie h1:before { content: ''; width: 100%;/*border-bottom: 2px #5cb3d4 solid;*/border-bottom: 2px #42B480 solid; display: inline-block; vertical-align: middle;margin-left: -100%;margin-right: 1em;} 
#produit h1:after, #categorie h1:after { content: ''; width: 100%;/*border-bottom: 2px #5cb3d4 solid;*/border-bottom: 2px #42B480 solid;display: inline-block;vertical-align: middle;margin-right: -100%;margin-left: 1em;}

h3{/*color: #5cb3d4;*/color:#42B480;text-align: left;font-family:roboto;}
.left{float:left;}
.right{float:right;}
.left-txt{text-align:left;}
.right-txt{text-align:right;}
.relative{position:relative; overflow:hidden;}
.flex-direction-nav {margin: 0;list-style: none;padding: 0;}
.flex-direction-nav .flex-disabled{display: none;}
ul.slides{margin-bottom: 0;}
.background {/*position: absolute;*/top: 0;bottom: 0;left: 0;right: 0;/*max-height:450px;*/}
.background img {width: 100%;}
.flex-control-nav{display: none;}
.vertical-align{display: inline-block;vertical-align: middle;line-height: 1.2;}
.margb {margin-bottom: 20px;}
strong, b{font-family: robotobold;}
.link-top-home {width: 42px;height: 42px;float: right;/*background: #5cb3d4 url(../images/icon-arrow03.png) no-repeat center center;*/background: #42B480 url(../images/icon-arrow03.png) no-repeat center center;bottom: 20px;right: 20px;box-shadow: #ffffff 0 0 5px;behavior: url(PTE.hte);position: fixed;padding: 0;z-index: 10;display: none;}
.ui-dialog-titlebar{display: none;}
.popupDialog p {padding: 15px 0px;}
.popupDialog .redBackgound , .ui-dialog .btn-red-classic, .ui-dialog .ui-dialog-buttonpane button{/*background: #5cb3d4;*/background:#42B480;color: white;padding: 12px;border: 0;}
.ui-dialog .ui-dialog-content {overflow: hidden !important;}
input[type=radio].css-checkbox, input[type=checkbox].css-checkbox, input[type=checkbox].css-checkboxC {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=radio].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkboxC + label.css-labelC {padding-left:27px;height:22px;display:inline-block;line-height:24px;background-repeat:no-repeat;background-position: 0 0;vertical-align:middle;cursor:pointer;margin-right: 20px;}
input[type=radio].css-checkbox:checked + label.css-label{background-position: 0 -22px;}
label.css-label {background-image:url('../images/checkbox.png');-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: inline-block;font-weight: normal;font-family: roboto;}
input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].css-checkbox + label.css-labelC {padding-right: 40px;height: 30px;display: inline-block;line-height: 24px;background-repeat: no-repeat;background-position: right top;vertical-align: middle;cursor: pointer;margin-right: 20px;margin-bottom: 0px;text-align: right;}
input[type=checkbox].css-checkbox:checked + label.css-labelC{background-position: right -30px;}
label.css-labelC {background-image:url('../images/checkbox-2.png');-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: inline-block;font-weight: normal;font-family: roboto;}
img#cryptogram {margin-right: 10px;}
.checkIdentique {margin-top: 20px;margin-bottom: 10px;}
#blocFixed{position: fixed;z-index: 100;left: 0;right: 0;top: 0;}
.adminConnect #blocFixed{top: 45px;}
.outerRech{float:left;height:65px;margin-right:10px;text-align:center;vertical-align:middle;width:65px;background:#fff}
.outerRech .inner{display:table-cell;height:65px;text-align:center;vertical-align:middle;width:65px}
.outerRech .inner img{max-height:65px;max-width:65px}
.ui-menu li a{position:relative;overflow:hidden}
.ui-menu .ui-menu-item:nth-child(even){background:#aee1ca}
.ui-menu .ui-menu-item:nth-child(odd){background:#76cda5!important}
.ui-menu .ui-menu-item a{overflow:hidden}
.ui-menu .ui-menu-item:hover{/*background:#5095b0!important; */background:#359066 !important; color:white}
.ui-menu .ui-menu-item:hover a{color:white; text-decoration: none;}
.rechContentAll .titre{font-size:15px;font-weight:700;border-bottom:2px solid #fff}
.rechContentAll{display:inline-block}
.rechContentAll .info{float:left;font-size:11px;margin-top:5px}
.rechContentAll img{padding-top:2px;margin-right:5px;float:left;margin-top:5px}
.outerRech.outerRechAll{width:30px;margin-right:0;background:none}
.outerRech.outerRechAll .inner{height:33px}
.ui-menu .ui-state-focus{margin:0px !important;}
/*.ui-menu .ui-menu-item:first-child{height: 30px;}*/
.ui-menu .ui-menu-item{height: 71px;overflow: hidden}
.ui-menu .allResults.ui-menu-item {height: 30px;}
/*.ui-menu {max-width:274px}*/
.col-colleft{padding-left:0; }
.col-colright{padding-right:0; }

#bodyHeader{background: white;} 
#bodyHeader .texteAccesCompte {display: inline-block;line-height: 116px;vertical-align: middle;float: right;}
#bodyHeader .texteAccesCompte a{margin-left: 10px;/*color: #5cb3d4;*/color:#42B480;position: relative}       
#bodyHeader .texteAccesCompte.nonCo a{margin-left: 10px;border: 1px solid;padding: 10px 20px;text-transform: uppercase;}       
#bodyHeader .texteAccesCompte img {width: 26px;vertical-align: baseline; margin-right: 5px;}
#bodyHeader .texteAccesCompte a span {font-size: 12px;/*background: #5095b0;*/ background:#359066;color: white;position: absolute;width: 22px;height: 22px;top: -15px;left: 15px;border-radius: 11px;line-height: 22px;text-align: center;}
#bodyHeader .bienveneTop {display: inline-block;line-height: 116px;vertical-align: middle;float: left;}

#menuHeader {/*background: #5cb3d4;*/background: white;}
#menuHeader ul {font-size: 0;padding: 0; margin: 0;}
#menuHeader ul li {display: inline-block;font-size: 18px;}
/*#menuHeader ul li a {color: white;display: block;padding: 15px 30px;}*/
#menuHeader ul li a {/*color: white;*//*color:#5cb3d4;*/color:#42B480;display: block;/*padding: 15px 13px;*/padding: 15px 6px;font-size:14px;}
#menuHeader ul li:last-child a{padding: 15px 6px;}
#menuHeader ul li a:hover, #menuHeader ul li a.active {/*background: #5095b0;*/background:#359066;color:white;text-decoration: none;}
#menuHeader .sousmenu{display: none;position: absolute;/*background-color: #5cb3d4;*/background-color:#42B480;list-style-type: none;padding-left: 0;text-align: left;width: 300px;margin-top: 1px;}
#menuHeader .sousmenu li{border-bottom: 1px solid #eee;width:100%;}
#menuHeader .sousmenu li a{color: white!important;padding-left: 10px;-webkit-transition: color 200ms linear;-moz-transition: color 200ms linear;-o-transition: color 200ms linear;-ms-transition: color 200ms linear;transition: color 200ms linear;}
#menuHeader .sousmenu li:active a, .sousmenu li:hover a, .sousmenu li:focus a{color: white!important;-webkit-transition: color 200ms linear;-moz-transition: color 200ms linear;-o-transition: color 200ms linear;-ms-transition: color 200ms linear;transition: color 200ms linear;}
#menuHeader ul li:hover .sousmenu {display: block;z-index: 100;}
#menuHeader .formabsolute .blocklabel label {background: #c6c6c6;color: white;height: 25px;line-height: 25px;margin: 0;display: block;width: 100%;padding: 0 10px;cursor:pointer}
#menuHeader .formabsolute .blocklabel input:checked + label {background: #D3D3D3;}
#menuHeader .formabsolute {position: absolute;top: -25px;width: 100%;font-size: 0;}
#menuHeader .formabsolute .blocklabel {width: 50%;display: inline-block;font-size: 14px;}
#menuHeader .formabsolute .blocklabel input {display: none;}
#menuHeader form{/*background: #5095b0;*/background:#D3D3D3;height: 55px;width: 100%;position:relative}
#menuHeader form input::placeholder { color:white;}
#menuHeader form input:-ms-input-placeholder {color:white;}
#menuHeader form input::-ms-input-placeholder { color:white;}
#menuHeader form input[type="text"]{text-align:center;height: 55px; background: transparent;border: 0;color: white !important;padding: 0px 5px;width:80%;}
#menuHeader form input[type="bouton"]{background: url(../images/search.png);width: 29px;border: 0;height: 29px;line-height: 29px;display: inline-block;vertical-align: middle;}
#menuHeader .sousmenu10 li a, #menuHeader .sousmenu3 li a {text-indent: 40px;height: 35px;line-height: 35px;padding: 5px 20px !important;display: block;box-sizing: content-box;}
#menuHeader .sousmenu10 li a.page11 {background-image: url(../images/regle-white.png);background-repeat: no-repeat;background-size: contain;background-origin: content-box;}
#menuHeader .sousmenu10 li a.page12 {background-image: url(../images/recycle-white.png);background-repeat: no-repeat;background-size: contain;background-origin: content-box;}
#menuHeader .sousmenu10 li a.page35 {background-image: url(../images/helium-menu.svg);background-repeat: no-repeat;background-size: contain;background-origin: content-box;}
#menuHeader .sousmenu10 li a.page13 {background-image: url(../images/personnalisation-white.png);background-repeat: no-repeat;background-size: contain;background-origin: content-box;}
#menuHeader .sousmenu10 li a.page14 {background-image: url(../images/open-box-white.png);background-repeat: no-repeat;background-size: contain;background-origin: content-box;}
#menuHeader .sousmenu3 li a.page1 {background-image: url(../images/personnalisation-white.png);background-repeat: no-repeat;background-size: contain;background-origin: content-box;}
#menuHeader .sousmenu3 li a.page2 {background-image: url(../images/open-box-white.png);background-repeat: no-repeat;background-size: contain;background-origin: content-box;}
/*#menuHeader ul li:hover .sousmenu1 {width: 100%;display: table;table-layout: fixed;}*/
#menuHeader ul li:hover .sousmenu1 {    width: 90vw;display: table;table-layout: fixed;left: 5vw;}
#menuHeader .sousmenu1 li {width: 22%;border-right: 1px solid #fff !important;display: table-cell}
#menuHeader .sousmenu1 > li > a {text-align: center;height: 50px;line-height: 50px;padding: 5px 0px !important;box-sizing: content-box;}
#menuHeader .sousmenu1 .page1 {background-image: url("../images/ballons.png");background-position: center top;background-repeat: no-repeat;background-size: contain;color: transparent !important;background-origin: content-box;}
#menuHeader .sousmenu1 .page2 {background-image: url("../images/galets.png");background-position: center top;background-repeat: no-repeat;background-size: contain;color: transparent !important;background-origin: content-box;}
#menuHeader .sousmenu1 .page3 {background-image: url("../images/billes.png");background-position: center top;background-repeat: no-repeat;background-size: contain;color: transparent !important;background-origin: content-box;}
#menuHeader .sousmenu1 .page4 {background-image: url("../images/balles.png");background-position: center top;background-repeat: no-repeat;background-size: contain;color: transparent !important;background-origin: content-box;}
#menuHeader .sousmenu1 .page5 {background-image: url("../images/themes.png");background-position: center top;background-repeat: no-repeat;background-size: contain;color: transparent !important;background-origin: content-box;}
#menuHeader .sousmenu1 .page6 {background-image: url("../images/artlcle-fete.png");background-position: center top;background-repeat: no-repeat;background-size: contain;color: transparent !important;background-origin: content-box;}
#menuHeader .sousmenu1 .soussousmenu li {display: block;width: 100%;border: 0 !important;}
/*#menuHeader .sousmenu1 .soussousmenu li a {padding: 4px 7px;font-size: 13px;word-break: break-word;}*/
#menuHeader .sousmenu1 .soussousmenu li a {padding: 4px 5px;font-size: 14px;word-break: break-word;}


#menuHeader .sousmenu1 > li:first-child {
    /* width: 34%; */
   /* width: 50%;*/
   width:66%;
}

#menuHeader .sousmenu1 li .soussousmenu1 > li {
   /* width: 50%;*/
    width: 33%;
    display: inline-block;
    vertical-align: middle;
}


#nosMarques {background: #f1f1f1;padding: 20px 0;}
#nosMarques .flexMarques img{display: block;margin: 0 auto;}
#nosMarques .col-xs-3{width: 16%}
#nosMarques h2{margin-top: 0;}
#nosMarques img {max-height: 157px;display: block;margin: 0 auto;}

#nosCertifications{padding: 20px 0;}
#nosCertifications h2 {margin-top: 0;}
#nosCertifications .col-xs-3{width: 20%}
#nosCertifications img{display: block;margin: 0 auto;}

#bodyFooter{/*background: #5095b0;*/background:#359066; color: white; padding: 20px 0;}
#bodyFooter .blocContact{border: 1px solid;padding: 5px 20px;display: inline-block;margin-bottom: 10px;}
#bodyFooter a {color: white; text-decoration: underline} 
#bodyFooter ul li a {display:block; margin-bottom:5px;text-decoration: none;} 
#bodyFooter .blocLogo{margin-bottom:10px;} 
#bodyFooter .blocLogo img {margin-right: 15px;}

#footer {padding: 10px 0;}
#footer .dsoft {text-align: center;}

#banniereAccueil .flexBanAccueil .flex-control-nav, #banniereAccueil .flexBanAccueil .flex-direction-nav {display: none;}
#banniereAccueil .flexBanAccueil li {position: relative;overflow: hidden;}
#banniereAccueil .flexBanAccueil .contenuAnnonce {color: black;font-family: robotolight;font-size: 30px;}
#banniereAccueil .flexBanAccueil .contenuAnnonce p {font-family: robotolight;font-family: Dubiel;font-size: 36px;text-shadow: 1px 1px #c3c3c3;}
#banniereAccueil .flexBanAccueil .contenuAnnonce strong {font-family: robotosemibold;}
#banniereAccueil .flexBanAccueil .lienAnnonce {display: inline-block;/*background: #5cb3d4;*//*background:#42B480;*/background:#D3D3D3;color: white;font-size: 16px;font-family:roboto;padding: 12px;}
#banniereAccueil .flexBanAccueil .lienAnnonce:hover {/*background: #5095b0;*//*background:#359066;*/background:#c6c6c6;text-decoration: none;}
/*#banniereAccueil .flexBanAccueil .degrade{
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 28%, rgba(255,255,255,0.81) 41%, rgba(255,255,255,0.54) 59%, rgba(255,255,255,0) 96%); 
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 28%,rgba(255,255,255,0.81) 41%,rgba(255,255,255,0.54) 59%,rgba(255,255,255,0) 96%); 
    background: linear-gradient(to right, rgba(255,255,255,1) 28%,rgba(255,255,255,0.81) 41%,rgba(255,255,255,0.54) 59%,rgba(255,255,255,0) 96%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); 
    position:absolute;
	top:0;
	bottom:0;
	}*/
#banniereAccueil .flexBanAccueil .degrade{
    /*background: -moz-linear-gradient(left, rgba(255,255,255,1) 28%, rgba(255,255,255,0.81) 41%, rgba(255,255,255,0.54) 55%, rgba(255,255,255,0) 80%); 
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 28%,rgba(255,255,255,0.81) 41%,rgba(255,255,255,0.54) 55%,rgba(255,255,255,0) 80%); 
    background: linear-gradient(to right, rgba(255,255,255,1) 28%,rgba(255,255,255,0.81) 41%,rgba(255,255,255,0.54) 55%,rgba(255,255,255,0) 80%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); */
    position:absolute;
	top:0;
	bottom:0;
	}
#connexionBloc {padding: 30px 0px;}
#connexionBloc .contenu {text-align: center;}
#connexionBloc .contenu p{font-family: robotolight;font-size: 20px;}
#connexionBloc form {/*border: 1px solid #5cb3d4;*/border:1px solid #42B480; padding: 20px 30px;}
#connexionBloc form h3 {font-family: roboto;/*color: #5cb3d4;*/color:#42B480;margin: 0;margin-bottom:15px;}
#connexionBloc form p {font-family: robotolight;}
#connexionBloc form label {display: block;margin: 0;}
#connexionBloc form input[type=text], #connexionBloc form input[type=password] {border: 1px solid #d4d4d4;height: 30px;padding: 0px 10px;box-sizing: border-box;vertical-align: bottom;}
#connexionBloc form input[type=submit] {border: 1px solid #666666;background:#666666;color: white; border-radius: 0;}
#connexionBloc form input[type=submit]:hover {border: 1px solid black;background:black;color: white;}
#connexionBloc .connecte {border: 1px solid #666;text-align: center;padding: 15px 10px;color: #666;}
#connexionBloc .connecte a {color: #666;text-decoration: underline;}

#blocPopUpConnexion {padding: 30px 0px;}
#blocPopUpConnexion .contenu {text-align: center;}
#blocPopUpConnexion .contenu p{font-family: robotolight;font-size: 20px;}
#blocPopUpConnexion form {/*border: 1px solid #5cb3d4;*/border:1px solid #42B480; padding: 20px 30px;}
#blocPopUpConnexion form h3 {font-family: roboto;/*color: #5cb3d4;*/color:#42B480;margin: 0;margin-bottom:15px;}
#blocPopUpConnexion form p {font-family: robotolight;}
#blocPopUpConnexion form label {display: block;margin: 0;}
#blocPopUpConnexion form input[type=text], #connexionBloc form input[type=password] {border: 1px solid #d4d4d4;height: 30px;padding: 0px 10px;box-sizing: border-box;vertical-align: bottom;}
#blocPopUpConnexion form input[type=submit] {border: 1px solid #666666;background:#666666;color: white; border-radius: 0;}
#blocPopUpConnexion form input[type=submit]:hover {border: 1px solid black;background:black;color: white;}
#blocPopUpConnexion .connecte {border: 1px solid #666;text-align: center;padding: 15px 10px;color: #666;}
#blocPopUpConnexion .connecte a {color: #666;text-decoration: underline;}

#blocCategorie .catligne {position: relative;min-height: 335px;margin-bottom: 35px;}
#blocCategorie .lienCategorie {text-decoration: none;}
/*#blocCategorie .contenuCategorie {position: absolute;z-index: 10;top: 0;bottom: 0;width: 30%;padding: 30px;}*/
#blocCategorie .contenuCategorie {position: relative;z-index: 10;top: 0;bottom: 0;width: 100%;padding: 10px 20px;margin-top: 15px;}
/*#blocCategorie .contenuCategorie h3 {background: white;padding: 5px 20px;position: absolute;top: 0;font-size: 60px;}*/
#blocCategorie .contenuCategorie h3 {background: white;padding: 5px 20px;position: absolute;top: 0;font-size: 42px;margin-right: 20px;}
/*#blocCategorie .contenuCategorie .content {position: relative;margin-top: 75px;padding-right: 40px;font-size: 15px;line-height: 25px;}*/
#blocCategorie .contenuCategorie .content {position: relative;margin-top: 75px;padding-right: 0px;font-size: 15px;line-height: 25px;}
/*#blocCategorie .contenuCategorie .lienCategorie {color:white;padding: 15px 25px;text-transform: uppercase;display: inline-block;}*/
#blocCategorie .contenuCategorie .lienCategorie {color:white;padding: 10px 20px;text-transform: uppercase;display: inline-block;}
#blocCategorie .contenuCategorie.left{left: -15px;}
#blocCategorie .contenuCategorie.right{right: -15px;}
#blocCategorie .contenuCategorie.left h3{left: 30px;}
/*#blocCategorie .contenuCategorie.right h3{left: -60px;}*/
#blocCategorie .catligne .background.left {left: 32%;}
#blocCategorie .catligne .background.right {width: 68%;}
#blocCategorie .contenuCategorie.rosepale{background: #e7c0b1;}
#blocCategorie .contenuCategorie.bleu{background: #c0bfdf;}
#blocCategorie .contenuCategorie.jaune{background: #f3eb95;}
#blocCategorie .contenuCategorie.orange{background: #fddc88;}
#blocCategorie .contenuCategorie.rose{background: #daa2c6;}
#blocCategorie .contenuCategorie.rosepale h3{color: #e7c0b1;}
#blocCategorie .contenuCategorie.bleu h3{color: #c0bfdf;}
#blocCategorie .contenuCategorie.jaune h3{color: #f3eb95;}
#blocCategorie .contenuCategorie.orange h3{color: #fddc88;}
#blocCategorie .contenuCategorie.rose h3{color: #daa2c6;}

#nosNouveautes {margin-bottom: 50px;}
#nosNouveautes .flexNews .flex-prev {position: absolute;left: -15px;top: 230px;background: url('../images/prev.png') no-repeat;color: transparent;background-size: contain;width: 50px;height: 50px;}
#nosNouveautes .flexNews .flex-next {position: absolute;right: -15px;top: 230px;background: url('../images/next.png') no-repeat;color: transparent;background-size: contain;width: 50px;height: 50px;}
/*
.vignetteProduit {position: relative;padding-bottom: 42px;margin-bottom: 20px;height: 360px;overflow: hidden;}
.vignetteProduit form {display: inline-block;width: 49%;}
.vignetteProduit form.addPanier {text-align: right;}
.vignetteProduit form.favoris {text-align: left;}
.vignetteProduit .addBtnPanier {background: url('../images/cart.png') no-repeat !important;border: 0;color: transparent !important;background-size: contain !important;display: inline-block;width: 34px;height: 29px; margin-right: 10px;float: none !important;}
.vignetteProduit .addBtnPanier:hover {background: url('../images/cart-hover.png') no-repeat !important;}
.vignetteProduit .addBtnFav {background: url('../images/fav.png') no-repeat !important;border: 0;color: transparent !important;background-size: contain !important;display: inline-block;width: 34px;height: 29px; margin-left: 10px;float: none !important;}
.vignetteProduit .addBtnFav:hover {background: url('../images/fav-hover.png') no-repeat !important;}
.vignetteProduit .delBtnFav {background: url('../images/fav-hover.png') no-repeat !important;border: 0;color: transparent !important;background-size: contain !important;display: inline-block;width: 34px;height: 29px; margin-left: 10px;float: none !important;}
.vignetteProduit .delBtnFav:hover {background: url('../images/fav.png') no-repeat !important;}
.vignetteProduit img {display: block;margin: 0 auto;}
.vignetteProduit .blocAbsolu {position: absolute; bottom: 0;width: 100%;background: white;}
.vignetteProduit h5 {text-align: center;}
.vignetteProduit .prix {font-size: 0;border-top: 2px solid #dcdcdc;border-bottom: 2px solid #dcdcdc;padding: 9px 0;margin: 12px 0;display: none;}
.vignetteProduit:hover .prix {display: block;}
.vignetteProduit .remise{display:none;}
.vignetteProduit:hover .remise {display: block;z-index: 10;position: absolute;right: 5px;top: 5px;background: #d1362b;color: white;padding: 6px 6px;font-size: 12px;}
.vignetteProduit .prix span {font-size: 20px;display: inline-block;width: 50%;text-align: center;font-family: robotosemibold;}
.vignetteProduit .prix .prixBarre {color: #eb2c51;text-decoration: line-through;font-size: 14px;font-family: roboto;}
.vignetteProduit .detailProduit {display:none;} 
.vignetteProduit:hover .detailProduit {display: block;position: absolute;top: 0;bottom: 120px;left: 0;right: 0; background: url(../images/product-detail.png) no-repeat center;z-index: 10;}
.vignetteProduit .transparentProduit{display:none;}
.vignetteProduit:hover .transparentProduit {display: block;position: absolute;top: 0; bottom: 0;left: 0;right: 0; background: white;opacity: 0.55; z-index: 1;bottom: 120px;}
*/

.vignetteProduit {position: relative;/*padding-bottom: 42px;*/margin-bottom: 20px;/*height: 360px;*/height: 440px;overflow: hidden;}
.vignetteProduit form {display: inline-block;width: 50%;}
.vignetteProduit form.addPanier {text-align: right;}
.vignetteProduit form.favoris {text-align: left;}
.vignetteProduit .addBtnPanier {background: url('../images/cart.png') no-repeat !important;border: 0;color: transparent !important;background-size: contain !important;display: inline-block;width: 34px;height: 29px; margin-right: 10px;float: none !important;}
.vignetteProduit .addBtnPanier:hover {background: url('../images/cart-hover.png') no-repeat !important;}
.vignetteProduit .addBtnFav {background: url('../images/fav.png') no-repeat !important;border: 0;color: transparent !important;background-size: contain !important;display: inline-block;width: 34px;height: 29px; margin-left: 10px;float: none !important;}
.vignetteProduit .addBtnFav:hover {background: url('../images/fav-hover.png') no-repeat !important;}
.vignetteProduit .delBtnFav {background: url('../images/fav-hover.png') no-repeat !important;border: 0;color: transparent !important;background-size: contain !important;display: inline-block;width: 34px;height: 29px; margin-left: 10px;float: none !important;}
.vignetteProduit .delBtnFav:hover {background: url('../images/fav.png') no-repeat !important;}
.vignetteProduit img {display: block;margin: 0 auto;/*border: 1px solid #eee;*/ width: auto;max-height: 298px;}
.vignetteProduit .blocAbsolu { font-size: 0; bottom: 0;width: 100%;background: white;}
.vignetteProduit h5 {text-align: center;}
.vignetteProduit .prix {font-size: 0;padding: 4px 0;margin: 12px 0;width: 50%;display: inline-block;vertical-align: middle;border-right: 2px solid;}
.vignetteProduit .icon {width: 50%;display: inline-block;}
.vignetteProduit .icon.deco {padding: 4px 0;margin: 12px 0;width: 100%;display: none;}
.vignetteProduit .remise{display:none;}
.vignetteProduit:hover .remise {display: block;z-index: 10;position: absolute;right: 5px;top: 5px;background: #d1362b;color: white;padding: 6px 6px;font-size: 12px;}
.vignetteProduit .prix span {font-size: 20px;display: block;width: 100%;text-align: center;font-family: robotosemibold;}
.vignetteProduit .prix span small {font-size: 12px;}
.vignetteProduit .prix .prixBarre {color: #eb2c51;text-decoration: line-through;font-size: 14px;font-family: roboto;}
.vignetteProduit .detailProduit {display:none;} 
.vignetteProduit:hover .detailProduit {display: block;position: absolute;top: 0;bottom: 0px;left: 0;right: 0; background: url(../images/product-detail.png) no-repeat center;z-index: 10;}
.vignetteProduit .transparentProduit{display:none;}
.vignetteProduit:hover .transparentProduit {display: block;position: absolute;top: 0; bottom: 0;left: 0;right: 0; background: white;opacity: 0.55; z-index: 1;}
.vignetteProduit hr {width: 50%;margin: 10px auto;border-top: 2px solid #eee;}

.fixedFacebook {position: fixed;top: 36%;right: 0;z-index: 200;}
.fixedFacebook a {float: right;clear: both;margin-top: 0px;width: 64px;height: 64px;text-decoration: none;position: relative;}
.fixedFacebook a p {text-align: center;line-height: 64px;color: white;/*background: #5095b0;*/ background:#359066;font-family: robotobold;height: 64px;margin: 0;width: 64px;}
.fixedFacebook a p img{padding: 8px;}
.fixedFacebook a .count {position: absolute;background: white;padding: 5px;border-radius: 20px;width: 30px;text-align: center;height: 30px;left: 30%;top: 15%;/*color: #5095b0;*/ color:#359066;}

.breadcrumb h4 {display: inline-block;font-size: 12px;vertical-align: unset;margin: 0;}
.breadcrumb span {font-size: 12px;color: black;}
.breadcrumb span.selected{font-family: robotobold !important;}
.breadcrumb {background: white !important;}

#categorie {margin-bottom: 25px;}
#categorie .blocCatGauche a{text-decoration: none;}
#categorie .blocCatGauche h3 {color: white;padding: 12px 20px;margin: 0;}
#categorie .blocCatGauche .rosepale h3 {background: #e7c0b1;}
#categorie .blocCatGauche .bleu h3 {background: #c0bfdf;}
#categorie .blocCatGauche .jaune h3 {background: #f3eb95;}
#categorie .blocCatGauche .rose h3 {background: #daa2c6;}
#categorie .blocCatGauche .black h3 {background: #666;}
#categorie .blocCatGauche .ss_categorie h4 {border-top: 1px solid #d6d6d7;margin: 0;padding: 10px 20px;box-sizing: content-box;font-size: 15px;background: #eee;color: black;text-decoration: none;}
#categorie .blocCatGauche .ss_categorie h4:hover, #categorie .blocCatGauche .ss_categorie h4.active {background: #666;color: white;}
#categorie .blocCatGauche .ss_categorie a:first-child h4 {border: 0;}
#categorie .blocCatGauche .informations{margin-top: 50px;}
#categorie .blocCatGauche .informations .ss_categorie h4 {height: 30px;line-height: 30px;text-indent: 35px;padding: 5px 20px;}
#categorie .blocCatGauche .informations .ss_categorie h4.page11 {background-image: url('../images/regle-black.png');background-repeat:no-repeat;background-size: contain;background-origin: content-box;}
#categorie .blocCatGauche .informations .ss_categorie h4.page11:hover {background-image: url('../images/regle-white.png');}
#categorie .blocCatGauche .informations .ss_categorie h4.page12 {background-image: url('../images/recycle-black.png');background-repeat:no-repeat;background-size: contain;background-origin: content-box;}
#categorie .blocCatGauche .informations .ss_categorie h4.page12:hover {background-image: url('../images/recycle-white.png');}
#categorie .blocCatGauche .informations .ss_categorie h4.page13 {background-image: url('../images/personnalisation--black.png');background-repeat:no-repeat;background-size: contain;background-origin: content-box;}
#categorie .blocCatGauche .informations .ss_categorie h4.page13:hover {background-image: url('../images/personnalisation--white.png');}
#categorie .blocCatGauche .informations .ss_categorie h4.page14 {background-image: url('../images/open-box-black.png');background-repeat:no-repeat;background-size: contain;background-origin: content-box;}
#categorie .blocCatGauche .informations .ss_categorie h4.page14:hover {background-image: url('../images/open-box-white.png');}
#categorie .paginationElt {font-size: 0;text-align: center;margin-top: 20px;}
#categorie .paginationElt .itemPag{display: inline-block;vertical-align: middle;}
#categorie .paginationElt .itemPag a {display: block;height: 42px;width: 42px;font-size: 16px;border: 1px solid #eee;line-height: 42px; color:black}
#categorie .paginationElt .itemPag a:hover, #categorie .paginationElt .itemPag.active a{color:white; /*background-color: #5cb3d4;*/ background-color:#42B480;text-decoration: none;}
#categorie .paginationElt .itemPag.pagPrev a {background: url(../images/prevcat.png) no-repeat center;}
#categorie .paginationElt .itemPag.pagPrev a:hover {/*background-color:#5cb3d4*/background-color:#42B480;}
#categorie .paginationElt .itemPag.pagNext a {background: url(../images/nextcat.png) no-repeat center;}
#categorie .paginationElt .itemPag.pagNext a:hover {/*background-color:#5cb3d4*/background-color:#42B480,}
#categorie .paginationElt .itemPag.pagPrev.disabled a {background: url(../images/prevcat_disabled.png) no-repeat center;}
#categorie .paginationElt .itemPag.pagNext.disabled a {background: url(../images/nextcat-disabled.png) no-repeat center;}
#categorie .bloctri {margin-top: 5px;margin-bottom: 20px;border-bottom: 2px solid #eee;border-top: 2px solid #eee;border-left: 2px solid #eee;border-right: 2px solid #eee;position: relative;overflow: hidden;text-align: right;line-height: 60px;}
#categorie .bloctri img {border-right: 2px solid #eee;float: left;}
#categorie .bloctri select {margin-right: 25px;}
#categorie .lienCat{text-decoration: none;}
#categorie .imgCat {background: #42B480;padding: 20px;box-sizing: content-box;text-align: center;padding-bottom: 50px;margin-top:45px;}
#categorie .imgCat img {width: 128px;}
#categorie .nameCat {background: white;display: block;text-align: center;width: 50%;margin: 0 auto;margin-top: -25px;border: 2px solid #359066;padding: 10px 25px;font-family: robotobold;color: black;margin-bottom: 55px;height: 64px;display: flex;align-items: center;justify-content: center;}


#produit h1, #produit h2{margin-bottom: 50px;}
#produit figure.imgPrincipale {border: 1px solid #dadada;text-align: center;padding: 0px;margin-bottom: 30px;width: 95%;height: 380px;line-height: 380px;}
#produit figure.imgPrincipale a > div {display: inline-block;vertical-align: middle;width: 100%;max-height: 378px;margin-top: -5px;}
#produit figure.imgPrincipale a > div img {display: block;margin: 0 auto;width: auto;max-height: 378px;}
#produit .descriptif strong {margin-bottom: 20px;display: block;margin-top: 15px;}
#produit .descriptif .stock {position: absolute;top: 0;right: 20px;color: white;padding: 7px 20px;}
#produit .descriptif .stock.rupture {background: #d1362b;}
#produit .descriptif .stock.enstock {background: #009a54;}
#produit .descriptif .stock.victime {background: #e28a35;}
#produit .descriptif ul {margin: 0;list-style-type: disc;margin-left: 20px;}
#produit .descriptif ul li {margin-bottom: 10px;}
#produit #descriptionProduit {margin-top: 30px;margin-bottom: 30px;}
#produit #descriptionProduitBloc {margin-top: -200px;display: block;position: absolute;}
#produit .blocDroite{border-bottom:1px solid #dadada;}
#produit .blocDroite .bordureDroite{border-right: 1px solid #dadada; padding-bottom: 25px;}
#produit .descTaille {border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;}
#produit .descTaille .ancreDescription {/*color: #5cb3d4;*/color:#42B480;text-decoration: underline;width: 49%;display: inline-block;text-align: center;padding: 20px 0px;}
#produit .descTaille .guideTaille {color: black;text-decoration: underline;width: 49%;display: inline-block;text-align: center;padding: 20px 0px;}
#produit .descTaille .guideTaille img {margin-right: 5px;}
#produit .transporteur strong {margin-bottom: 15px;margin-top: 15px;display: block;}
#produit .transporteur .transporteurLigne {margin-bottom: 10px;}
#produit .prixProduit {font-size: 16px;font-family: roboto;margin-bottom: 20px;display: block;margin-top: 5px;}
#produit .prixProduit span {font-family: robotobold;font-size: 31px;color: #d1362b;}
#produit .prixProduit span.barre {font-size: 16px;display: block;color: #333;text-decoration: line-through;}
#produit #quantite{padding: 7px;width: 70%;text-align: center;position: relative;z-index: 10;}
#produit .input-number{position: relative; width: 100%; display: block;text-align: center;padding-top: 5px;padding-bottom: 5px;background: #eeeeee; margin-bottom: 10px;margin-top: 10px;}
#produit .icons-number{display: inline-block;position: absolute;top: 0;right:0;left: 0;bottom: 0;z-index:1}
#produit .icon-plus{position: absolute;background-image: url(../images/icon-plus.png);height: 29px;width: 29px;background-position: center top;background-size: 29px 29px;background-repeat: no-repeat;cursor: pointer;left: 0;top: 10px;}
#produit .icon-moins{background-image: url(../images/icon-moins.png);position: absolute;height: 29px;width: 29px;background-position: center top;background-size: 29px 29px;background-repeat: no-repeat;cursor: pointer;right: 0;top: 10px;}
#produit .ajoutPanierBloc input[type="submit"] {/*background: #5cb3d4;*/background:#42B480;border: 0;color: white;width: 100%;padding: 12px;}
#produit .tailleBloc {margin-bottom: 20px;}
#produit .tailleBloc label {display: block;font-family: robotosemibold;}
#produit .tailleBloc select {height: 30px;width: 100%;}
#produit .slides > li {margin-right: 10px;}
#produit .flexImgProduit img{    border: 1px solid #dadada;text-align: center;padding: 2px;}
#produit .flexImgProduit .flex-direction-nav {position: relative;margin-top:10px;height:30px;}
#produit .flexImgProduit .flex-direction-nav .flex-prev {position: absolute;left: 0px;top: 0px;background: url(../images/prev.png) no-repeat;color: transparent;background-size: contain;width: 30px;height: 30px;}
#produit .flexImgProduit .flex-direction-nav .flex-next {position: absolute;right: 0px;top: 0px;background: url(../images/next.png) no-repeat;color: transparent;background-size: contain;width: 30px;height: 30px;}

#produitsAssocies h2{margin-bottom: 50px;}

#client form label{display: block}
#client form input[type="text"], #client form input[type="password"], #client form select{display: block;width:100%;height: 30px;}
#client form .item-contact {margin-bottom: 30px;}
#client form .coordForm {border-top: 1px solid #e6e6e6;position:relative;overflow: hidden;background:#f9f9f9;margin-bottom: 30px;}
#client form .civilite .css-label{display: inline-block}
#client form .oblig {/*color: #5cb3d4;*/color:#42B480;}
#client .blocEspaceClient a {display: block;height: 100px;text-align: center;font-size: 20px;line-height: 100px; /*border: 2px solid #5cb3d4;*/ border:2px solid #42B480; margin-bottom: 20px;/*background: #5cb3d4;*/background:#42B480;color: white; -webkit-transition: background-color 200ms linear;-moz-transition: background-color 200ms linear;-o-transition: background-color 200ms linear;-ms-transition: background-color 200ms linear;transition: background-color 200ms linear;}
#client .blocEspaceClient a .align {line-height: 1.2;vertical-align: middle;display: inline-block;margin-top: -4px;}
#client .blocEspaceClient a:hover{background:white;/*color: #5cb3d4;*/color:#42B480;-webkit-transition: background-color 200ms linear;-moz-transition: background-color 200ms linear;-o-transition: background-color 200ms linear;-ms-transition: background-color 200ms linear;transition: background-color 200ms linear;}
#client form input[type=submit] {/*background: #5cb3d4;*/background:#42B480;color: white;border-radius: 0;padding: 10px 22px;font-size: 16px;text-transform: uppercase;margin-bottom: 20px;float: right;}
#client .blocRegl input:checked + label {/*border: 2px solid #5cb3d4;*/border:2px solid #42B480;}
#client .blocRegl label {border: 2px solid #f9f9f9;margin: 0 auto;box-sizing: border-box;text-align: center;display: inline-block !important;cursor: pointer;}

.panier-tab {border: 2px solid #eeeeee;margin-bottom: 20px;margin-top: 20px;}
.panier-tab ul {font-size: 0;margin: 0;padding: 10px 0;}
.panier-tab ul li {font-size:22px;display: inline-block;width: 25%;text-align: center;}
.panier-tab ul li a {color: #ccc;text-decoration: none;}
.panier-tab ul li.acti a {color: #1a1a1a;}
.panier-tab ul li span {font-size: 30px;}
.panier-tab ul li.acti span {/*color: #5cb3d4;*/color:#42B480;font-size: 30px;}

#panier .entete {/*background: #5cb3d4;*/background:#42B480;font-size: 0;position: relative;overflow: hidden;padding: 20px 0;color: white;}
#panier .entete .enteteBloc {font-size: 16px;}
#panier .entete .enteteBloc.quantite {text-align: center;}
#panier .lignePanier .bloc {line-height: 130px;height: 130px;}
#panier .lignePanier .bloc.quantite {text-align: center;}
#panier .lignePanier .bloc .align {display: inline-block;vertical-align: middle;line-height: 1.2;}
#panier .lignePanier .bloc .align h4 {margin-top: 0;margin-bottom: 0;}
#panier .lignePanier .produit .erreur {display: block;color: red;font-weight: bold;font-family: robotobold;border: 1px solid;text-align: center;margin-top: 5px;padding: 5px;}
#panier .lignePanier .quantite form {display: inline-block;line-height: 40px;height: 40px;text-align: left;position:relative;overflow:hidden;vertical-align:middle;}
#panier .lignePanier .quantite form.middle input[type="submit"] {position: absolute;right: 1px;width: 38px;height: 38px;top: 1px;}
#panier .lignePanier .quantite #quantite {height: 40px;line-height: 40px;display: inline-block;width: 119px;text-align: center;vertical-align: bottom;padding-left: 5px;font-size: 16px;padding-right: 39px;}
#panier .lignePanier .quantite form input[type=submit] {border: 0;background: #eeeeee;width: 40px;height: 40px;font-family: robotobold;font-size: 30px;padding: 0;}
#panier .lignePanier .quantite .icons-number {line-height: 1.2;display: inline-block;padding: 5px 0;background: #eeeeee;width:200px;font-size: 0;}
#panier .lignePanier .quantite .trash {display: inline-block;line-height: 50px;height: 50px;width: 50px;text-align: center;vertical-align: super;}
#panier .lignePanier .quantite a {line-height: 1.2;display: inline-block;vertical-align: middle}
#panier .lignePanier .unite span, #panier .lignePanier .total span{font-size: 20px;color: #d1362b;font-family: robotobold;}
#panier .lignePanier .unite span.barre {display: block;font-size: 14px;color: #333;text-decoration: line-through;}
#panier .footer .footerBloc {line-height: 100px;height: 100px;}
#panier .footer .footerBloc .align {display: inline-block;vertical-align: middle;line-height: 1.2;}
#panier .footer .footerBloc.unite span {font-family: robotosemibold;}
#panier .footer .footerBloc.total span{font-size: 20px;color: #d1362b;font-family: robotobold;}
#panier .lignePanier {border-bottom: 1px solid #e6e6e6;position: relative;overflow: hidden;background: #f9f9f9;}
#panier .footer {border-bottom: 1px solid #e6e6e6;position: relative;overflow: hidden;background: #f9f9f9;margin-bottom: 20px;}
#panier .livraison {border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;position: relative;overflow: hidden;background: #f9f9f9;margin-bottom: 20px;}
#panier .livraison .livraisonBloc {line-height: 80px;height: 80px;}
#panier .livraison .livraisonBloc .align {line-height: 1.2;display: inline-block;vertical-align: middle;}
#panier .livraison .titre {font-size: 26px;/*color: #5cb3d4;*/color:#42B480}
#panier .btnPanier a {padding: 11px 25px;display: inline-block;width: 20%;text-align: center;}
#panier .btnPanier {margin-bottom: 30px;margin-top: 20px;}
#panier .btnPanier .poursuivre {background: #666666;color: white;text-decoration: none;}
#panier .btnPanier .continuer {/*background: #5cb3d4;*/background:#42B480;color: white;text-decoration: none;float: right;}

#contact form{position: relative;overflow: hidden;margin-bottom: 30px;}
#contact .item-contact {margin-bottom: 30px;}
#contact .item-contact label {display: block;}
#contact .item-contact input[type="text"] {display: block;width: 100%;height: 30px;}
#contact .item-contact textarea {width: 100%;height: 200px;}
#contact #submit_contact {/*background: #5cb3d4;*/background:#42B480;color: white;text-decoration: none;padding: 8px 25px;font-size: 18px;border: 0;float: right;text-transform: uppercase;}

#livraison label{display: block}
#livraison input[type="text"], #livraison select{display: block;width:100%;height: 30px;}
#livraison .item-contact {margin-bottom: 30px;}
#livraison .coordForm {border-top: 1px solid #e6e6e6;position:relative;overflow: hidden;background:#f9f9f9;margin-bottom: 30px;}
#livraison .civilite .css-label{display: inline-block}
#livraison .oblig {/*color: #5cb3d4;*/ color:#42B480;}
#livraison .blocEspaceClient a {display: block;height: 100px;text-align: center;font-size: 20px;line-height: 100px; /*border: 2px solid #5cb3d4;*/ border: 2px solid #42B480; margin-bottom: 20px;/*background: #5cb3d4;*/background:#42B480;color: white; -webkit-transition: background-color 200ms linear;-moz-transition: background-color 200ms linear;-o-transition: background-color 200ms linear;-ms-transition: background-color 200ms linear;transition: background-color 200ms linear;}
#livraison .blocEspaceClient a .align {line-heigwht: 1.2;vertical-align: middle;display: inline-block;margin-top: -4px;}
#livraison .blocEspaceClient a:hover{background:white;/*color: #5cb3d4;*/color:#42B480;-webkit-transition: background-color 200ms linear;-moz-transition: background-color 200ms linear;-o-transition: background-color 200ms linear;-ms-transition: background-color 200ms linear;transition: background-color 200ms linear;}
#livraison input[type=submit] {border: 0;/*background: #5cb3d4;*/background:#42B480;color: white;border-radius: 0;padding: 10px 22px;font-size: 16px;text-transform: uppercase;margin-bottom: 20px;float: right;}
#livraison .livraison {border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;position: relative;overflow: hidden;background: #f9f9f9;margin-bottom: 20px;}
#livraison .livraison .livraisonBloc {line-height: 80px;height: 80px;}
#livraison .livraison .livraisonBloc .align {line-height: 1.2;display: inline-block;vertical-align: middle;}
#livraison .livraison .titre {font-size: 26px;/*color: #5cb3d4;*/color:#42B480;} 
#livraison .pageRetour {border: 0;background: #666666;color: white;border-radius: 0;padding: 10px 22px;font-size: 16px;margin-bottom: 20px;float: left;}

#transporteur .coordForm {border-top: 1px solid #e6e6e6;position:relative;overflow: hidden;background:#f9f9f9;margin-bottom: 30px;}
#transporteur .livraison {border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;position: relative;overflow: hidden;background: #f9f9f9;margin-bottom: 20px;}
#transporteur .livraison .livraisonBloc {line-height: 80px;height: 80px;}
#transporteur .livraison .livraisonBloc .align {line-height: 1.2;display: inline-block;vertical-align: middle;}
#transporteur .livraison .titre {font-size: 26px;/*color: #5cb3d4;*/ color:#42B480;}  
#transporteur .blocTransport {/*border: 1px solid #5cb3d4;*/ border: 1px solid #42B480;background: white;padding: 15px 0; position: relative;overflow: hidden;margin-bottom: 20px;}
#transporteur input[type=submit] {border: 0;/*background: #85c2d8;*/background:#42B480;color: white;border-radius: 0;padding: 10px 22px;font-size: 16px;text-transform: uppercase;margin-bottom: 20px;float: right;}
#transporteur .pageRetour {border: 0;background: #666666;color: white;border-radius: 0;padding: 10px 22px;font-size: 16px;margin-bottom: 20px;float: left;}

#paiement .coordForm {border-top: 1px solid #e6e6e6;position:relative;overflow: hidden;background:#f9f9f9;margin-bottom: 30px;}
#paiement .livraison {border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;position: relative;overflow: hidden;background: #f9f9f9;margin-bottom: 20px;}
#paiement .livraison .livraisonBloc {line-height: 80px;height: 80px;}
#paiement .livraison .livraisonBloc .align {line-height: 1.2;display: inline-block;vertical-align: middle;}
#paiement .livraison .titre {font-size: 26px;/*color: #5cb3d4;*/color:#42B480;}  
#paiement .blocTransport {/*border: 1px solid #5cb3d4;*/border: 1px solid #42B480;background: white;padding: 15px 0; position: relative;overflow: hidden;margin-bottom: 20px;}
#paiement input[type=submit] {border: 0;/*background: #5cb3d4;*/background:#42B480;color: white;border-radius: 0;padding: 10px 22px;font-size: 16px;text-transform: uppercase;margin-bottom: 20px;float: right;}
#paiement .pageRetour {border: 0;background: #666666;color: white;border-radius: 0;padding: 10px 22px;font-size: 16px;margin-bottom: 20px;float: left;}
#paiement .entete {/*background: #5cb3d4;*/background:#42B480;font-size: 0;position: relative;overflow: hidden;padding: 20px 0;color: white;}
#paiement .entete .enteteBloc {font-size: 16px;}
#paiement .entete .enteteBloc.quantite {text-align: center;}
#paiement .lignePanier .bloc {line-height: 130px;height: 130px;}
#paiement .lignePanier .bloc .align {display: inline-block;vertical-align: middle;line-height: 1.2;}
#paiement .lignePanier .bloc .align h4 {margin-top: 0;margin-bottom: 0;}
#paiement .lignePanier .quantite form {display: inline-block;line-height: 40px;height: 40px;text-align: left;}
#paiement .lignePanier .quantite #quantite {margin: 0 auto;height: 40px;line-height: 40px;display: block;width: 119px;text-align: center;vertical-align: bottom;}
#paiement .lignePanier .quantite form input[type=submit] {border: 0;background: #eeeeee;width: 40px;height: 40px;font-family: robotobold;font-size: 30px;padding: 0;}
#paiement .lignePanier .quantite .icons-number {line-height: 1.2;display: inline-block;padding: 5px 0;width: 100%;margin: 0 auto;}
#paiement .lignePanier .quantite .trash {display: inline-block;line-height: 50px;height: 50px;width: 50px;text-align: center;vertical-align: super;}
#paiement .lignePanier .quantite a {line-height: 1.2;display: inline-block;}
#paiement .lignePanier .unite span.barre {display: block;font-size: 14px;color: #333;text-decoration: line-through;}
#paiement .lignePanier .unite span, #paiement .lignePanier .total span{font-size: 20px;color: #d1362b;font-family: robotobold;}
#paiement .footer .footerBloc {line-height: 100px;height: 100px;}
#paiement .footer .footerBloc .align {display: inline-block;vertical-align: middle;line-height: 1.2;}
#paiement .footer .footerBloc.unite span {font-family: robotosemibold;}
#paiement .footer .footerBloc.total span{font-size: 20px;color: #d1362b;font-family: robotobold;}
#paiement .lignePanier {border-bottom: 1px solid #e6e6e6;position: relative;overflow: hidden;background: #f9f9f9;}
#paiement .footer {border-bottom: 1px solid #e6e6e6;position: relative;overflow: hidden;background: #f9f9f9;margin-bottom: 20px;}
#paiement .contentAdresse{background:#F6F5FB;padding: 20px 0;margin-bottom: 20px;}
#paiement .contentAdresse strong {display: block;}
#paiement .contentAdresse p {margin: 0;}
#paiement .blocRegl input:checked + label {/*border: 2px solid #5cb3d4;*/ border:2px solid #42B480;}
#paiement .blocRegl label {border: 2px solid #f9f9f9;margin: 0 auto;box-sizing: border-box;text-align: center;display: inline-block !important;cursor: pointer;}

.suive-table{background:#faf9fa;text-align:center;margin:0;font-family:monserrat;font-size:14px;margin-bottom:20px;}
.suive-table table tr:nth-child(odd){background:#aee1ca ;}
.suive-table table tr:nth-child(even){background:#76cda5;}
.suive-table table tr:first-child{background:#fff;font-weight:700;line-height:normal;height:40px;font-size:16px}
.suive-table table td{height:55px;vertical-align:middle}
.suive-table table td.tct{text-align:center}
.suive-table table a{color:#333;text-decoration:underline}
.icon-pdf{background:url(../images/pdf-icon.png) no-repeat center;width:55px;height:26px;display:inline-block}
.icon-cart{background:url(../images/cart-icon.png) no-repeat center;width:29px;height:21px;display:inline-block}
.suive-table label:hover .detail{display:block}
.suive-table .detail{display:none;position:absolute}
.suive-table .popup{cursor:pointer;}
.detail-commande {padding: 5px; width: 600px;display: none;}

#galerieReal{margin-top:20px;}

.img-realisations {display: inline-block;position:relative;margin:0 0 25px 0;height: 210px; overflow: hidden;}
.img-realisations figure {width:100%;float:left;height: 212px;}
.img-realisations figure img {width:100%;min-height:100%;}
.img-realisations aside {width:100%;height:100%;float:left;background:rgba(51, 51, 51, 0.9);position:absolute;top:0;left:0;border:3px solid #42B480;padding:22px;opacity:1;cursor:default;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;cursor:pointer;overflow:hidden;opacity:0;-webkit-transform: rotateY(90deg);-moz-transform: rotateY(90deg);-o-transform: rotateY(90deg);-ms-transform: rotateY(90deg);transform: rotateY(90deg);}
.img-realisations aside h3 {font-family:"dinbold", Arial, Helvetica, sans-serif;color:#42B480;line-height:25px;text-transform:uppercase;text-align: center;}
.img-realisations aside h3 span {font-family:"dinmedium", Arial, Helvetica, sans-serif;font-size:20px;text-transform:none;}
.img-realisations aside p {font-size:20px;color:#ffffff;padding-bottom:0}
.img-realisations:hover aside {opacity:1;cursor:pointer;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);}

.plan > li { display: inline-block; width: 49%; vertical-align: top; padding: 10px 0 ;}
.plan > li > a { font-size: 16px; text-transform: uppercase; color: #359066; text-decoration: none;}
.plan > li > ul { border-left: 1px solid #ccc; padding-left: 15px; margin: 10px 0; }
.plan > li > ul > li {list-style: none;}
.plan > li > ul > li > a { display: inline-block; color: #42B480;}
.plan > li > ul > li > ul {border-left: 1px solid #ccc;padding-left: 15px;margin: 10px 0;}
.plan > li > ul > li > ul > li{list-style: none;}
.plan > li > ul > li > ul > li > a {display: inline-block;color: #42B480;}
.mapboxgl-popup-content .info_content h3 {margin-top: 0;font-size: 20px;margin-right: 10px;}

@media (max-width: 1220px){
    .fixedFacebook{top:20%;}
    #blocFixed{position: relative;top:0;}
    .adminConnect {padding-top: 45px;}
    .adminConnect #blocFixed{top:0;}
	body {margin: 0;padding-top: 0;}
	.background{max-height:300px;}
	#menuHeader ul li:hover .sousmenu1 {width: 100vw;display: table;table-layout: fixed;left: 0;}
	#menuHeader .sousmenu1 > li:first-child {width: 100%;}
}

@media (max-width: 991px){
    .fixedFacebook{top:17%;}
    #navMobile {display: inline-block;margin-top: 35px;}
    #navMobile .sousMenuMobile {display: none;background-color: white;width: 100%;list-style-type: none;padding-left: 0;text-align: left;position: relative;top: 46px;position: absolute;
        width: 400%; }
    #navMobile .sousMenuMobile > li > a {padding: 12px 10px 12px 20px;border-bottom: 1px solid white;color: white!important;text-transform: uppercase;display: block;background-color: #42B480;}
    #navMobile .sousMenuMobile > li.active > a {background-color: #456841!important;}
    #navMobile .sousMenuMobile > li > a:hover, .sousMenuMobile > li > a:focus, .sousMenuMobile > li > a:active {color: white !important;background: #359066;text-decoration: none;}
    #navMobile .sousMenuMobile li:last-child a {/*border-bottom: 0;*/}
    #navMobile .sousMenuMobile li.active.drop ul.sousmenu {display: block;}
    #navMobile span.caretMenu {position: absolute;width: 50px;height: 45px;background-image: url('../images/caret.png');background-repeat: no-repeat;background-color: transparent;top: 0;right: 0;cursor: pointer;background-position: center;margin-right:25px;}
    #navMobile li.drop {position: relative;} 
    .activeMobile > a.spanBouton span {display: none !important;}
    #mobileBouton {cursor: pointer;display: block;min-height: 46px !important;height: auto !important;margin: auto;position: relative;width: 100%;z-index: 100000;font-family: Chewy-Regular;font-size: 16px;}
    #mobileBouton > a.spanBouton {display: block;height: 46px !important ;width: 50px; margin-left: 0px;background-color: #42B480;}
    #mobileBouton .spanBouton span {background: white none repeat scroll 0 0;display: inline-block;height: 3px;left: 10px;position: absolute;top: 11px;width: 30px;}
    #mobileBouton span.deux {top: 21px;}
    #mobileBouton span.trois {top: 32px;}
    .menuMobile > a:hover, .menuMobile > a:active, .menuMobile > a:focus {background-color: #359066 !important;}
    .activeMobile > a{background-image: url('../images/close-menu.png');background-position: center;cursor: pointer;height: 45px;width: 58px;display: inline-block;}
    #mobileBouton:hover .spanBouton span{background-color: white; }
    #navigationSite {height: auto !important;}
    .wrap-menu {min-height: 45px; margin-top:20px; background-color: #2aa3db; height: auto;}
    .sousMenuMobile {padding-left: 0}
    .sousMenuMobileProduit {display: none;}
    .menuMobile > a {color: white; cursor: pointer; }
    .menuMobile .sousmenu {padding-left: 0;background-color: #699728;color: white;list-style-type: none;border: 1px solid white;top: auto;border-top: 0;z-index: 10;position: absolute !important;width: 100%;}
    .menuMobile .sousmenu > li {padding-left: 0; padding-right: 0; border-bottom: 1px solid white;}
    .menuMobile .sousmenu > li:last-child {border: 0;}
    .menuMobile .sousmenu > li a {padding-left: 20px; padding-right: 15px; color:white;padding-top: 10px;padding-bottom: 10px;display: block;}
    .menuMobile .sousmenu > li a:hover, .menuMobile .sousmenu > li a.active{background: #456841;}
    a.spanBouton {height: 45px;}
    .menuMobile > a:hover, .menuMobile > a:focus, .menuMobile > a:active {color: white !important;}
    #menuHeader form input[type="text"]{width: 93%;}
    #blocCategorie .contenuCategorie{width: 100%;}
}

@media (min-width: 768px){
#blocCategorie .col-sm-3 {
    width: 20%;
}
}
@media (max-width: 767px){
    .fixedFacebook{display: none;}
    .adminConnect {padding-top: 0px;}
    #blocCategorie .contenuCategorie.left{left:0px;}
    #blocCategorie .contenuCategorie.right{right:0px;}
    #blocCategorie .contenuCategorie {width: 100%;}
    #nosNouveautes .flexNews .flex-prev{top:inherit;left: 15px;position:relative;display: block;float: left}
    #nosNouveautes .flexNews .flex-next{top:inherit;right: 15px;position:relative;display: block;float: right}
    #blocCategorie .contenuCategorie.right h3{left: 30px;}
    #bodyFooter{text-align: center;}
}

@media (max-width: 530px){
    #blocCategorie .contenuCategorie h3{font-size: 28px;} 
    #blocCategorie .contenuCategorie .content{margin-top: 50px;font-size: 14px;line-height: 20px;}
    #nosMarques .col-xs-3 {width: 100%;text-align: center;}
    #nosCertifications .col-xs-3{width: 100%;text-align: center;}
    #menuHeader form input[type="text"] {width: 90%;}
    #categorie .col-xxs-12{width:100%;}
	.plan > li{width:100%;}
}
 
@media (max-width: 460px){
	#blocCategorie .contenuCategorie h3{font-size: 24px;} 
	#blocCategorie .contenuCategorie .content{margin-top:0;}
	#blocCategorie .catligne {min-height: auto;}
	#blocCategorie .contenuCategorie {padding: 10px 10px;}
	#blocCategorie .contenuCategorie h3 {    padding: 2px;text-align: center;right: 10px;left: 10px;}
	#connexionBloc {padding: 10px 0px;}
	#connexionBloc form h3 {font-size: 20px;margin-bottom: 5px;}
	#connexionBloc form {padding: 10px 15px;margin-bottom: 10px;}
	#connexionBloc form .margb {margin-bottom: 5px;}
	#connexionBloc form input[type=submit].creerCompte {margin-top: 5px;}
	iframe{width: 100%;height: auto;}
	#produit h1:before, #categorie h1:before, #produit h1:after, #categorie h1:after, h2:before, h2:after{width:0%}
}