body {
	background:;
	color:#313131;
	font-size:13px;
	font-weight:;
	font-family:roboto;
	line-height:;
}
input, select, textarea { -webkit-appearance: none; }

a { color: #6d6d6d; }
a:hover { color:#; }

input, select { font: 1.04em Helvetica,sans-serif; color: #454545; }

#precharge { display:none; top:-1000px; position:absolute; }

#listedumatos { display:table; width:100% !important; margin:0; padding:0; opacity:1; transform: translateY(0); transition: all 0.3s cubic-bezier(0.600, 0.895, 0.450, 1); text-align:center;}
#listedumatos.cachelst {opacity:0; transform: translateY(10px); transition: all 0.2s; }
#contenuloc { width:295px; position:relative; padding:10px; display:table-cell;}
#contenuloc ul { list-style-type:none; }


.contchxmag { 
	position: absolute;
	width: 100%;
	background: rgba(24, 26, 60, 0.03);
	left: 0;
	top: -40px;
	text-align:center;
	height: 40px;
	line-height: 40px;
}

.chxmagb {
    border-right: 1px solid #d4d4d4;
    padding-right: 30px;
}

.retrait { 
    display: block;
    width: 100%;
    background: transparent;
    padding: 3px 10px;
    margin-top: 7px;
    border: 1px solid rgba(0, 0, 0, 0.42);
    border-radius: 1px;
    -webkit-appearance: none;
    cursor: pointer
}

*:focus {
    outline: none;
}
input {
 outline:none;
}

#sl_fond {  color: #454545; letter-spacing:0em;  width:100%; min-height:350px; margin-left: auto; margin-right: auto; padding:0; -webkit-border-radius: 1px;  -moz-border-radius: 1px; border-radius: 1px; box-sizing: border-box;}

#sl_fond:after { 
content: "";
opacity: 0.9;

background-repeat: no-repeat;
background-position: center top;
background-image: url(https://www.larosiereski.com/images/files/background.png);
top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   

}

.commercial {
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    margin-top: 3px;
    text-transform: uppercase;
    min-width: 250px;
}

.commercial .comoffre { 
	display:none;
}
.commercial .comoffre.affiche {
	display:block;
}

.commercial .comoffre span {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #f60909;
    color:white;
    border-radius: 50%;
    margin-right:10px;
    transform: rotate(-15deg);
}

.hautdates {
    width: 100%;
    text-align: center;
    color:#4c4c4c;
    background-color:white;
    font-size: 14px;
    font-weight: ;
    font-family: ;
    text-transform: ;
    line-height: ;

}
#lang { position:absolute; cursor:pointer; height:40px; line-height:40px; width:40px; right:20px;     top: 50%;
    margin-top: -20px; border-radius:50%; border: 1px solid grey; text-align: center; color:white; box-sizing: border-box;  transition: all .2s; }
#lang:hover { background-color:white; color:black;}

#fond_menub { width:100%; margin-top:40px; background:linear-gradient(to right, rgba(255, 255, 255, 0) 20%,rgba(0, 0, 0, 0.15) 50%,rgba(255,255,255,0) 80%); text-align:center; margin-bottom:10px; font-size:1.1em; color:grey; overflow-X:auto; -webkit-overflow-scrolling: touch; }
#fond_menub ul { padding:0; margin:0; list-style-type:none; margin:0 auto; display:table;}
#fond_menub ul li { text-transform: uppercase; margin-left:2px; display:table-cell; padding:20px 20px 8px 20px; font-size:1em; height:27px; cursor:pointer; font-weight:normal; transition: all .2s; font-weight: 600; color: white;}
#fond_menub ul li:hover { color:white; }
#fond_menub ul li.actif { background:rgba(255, 255, 255, 0.8); color:#252525; }


.datepicker_minimal { left:50% !important;top:20px !important; transform: translateX(-50%) !important; }
.datepicker_minimal .footer { margin-top:-10px !important;  }

#fond_date { text-align:center; display:inline-block; padding: 15px;  box-sizing: border-box;}

#fond_date [type=text] {
    display: block;
    border: none;
    border-radius: 1px;
    height: 25px;
    padding-left: 30px;
    padding-right: 10px;
    box-sizing: border-box;
    cursor: pointer;
    color:#313131;
    font-size: 15px;
    font-weight: 600;
    font-family: ;
    text-transform: ;
    background-image: url(/skilocation/images/cal.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    margin-top: 3px;
    width: 215px;
    transition: all .2s;
}

#fond_date [type=text]:hover {
	color:#fc3838;
}
#fond_date [type=text]:disabled, #fond_date [type=text]:disabled:hover  { color:#313131; background-color: transparent; }

#nbjours {
    display: block;
    height: 25px;
    margin-top:3px;
    line-height: 25px;
    color:#313131;
    font-size: 15px;
    font-weight: 600;
    font-family: ;
    text-transform: ;
}

.datecont { display: inline-block; text-align:left; margin:10px; vertical-align: middle; }
.datecont.offres { border-left: 1px solid #d4d4d4; padding-left: 30px;; }

#fond_etape { width:100%; height:0px;  margin-bottom:5px; }
#sl_gauche { float:left; width:80px; margin-top:120px;  }
#sl_droit { float:right; width:170px; text-align:right; margin-right:0px; }
#sl_droit .desmat {
    position: absolute;
    bottom: 120px;
    height: 36px;
    border-radius:20px;
    font-weight:600;
    line-height: 36px;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    width: 175px;
    right: 20px;
    color: white;
    transition: background .3s;
    cursor:pointer;
}

#sl_droit .desmat img {
    vertical-align: middle;
    margin-left: 3px;
}
#sl_droit .desmat:hover {
   background: rgba(0, 0, 0, 0.8);
}

#chxpai { text-align: right; margin-top:20px; }
#chxpai input { display; inline-block; -webkit-appearance: radio; }


.prixfond {height:90px; }

.bloc_pack { position: relative; overflow:hidden; width:100%; background-color:white; min-height:650px; margin:0px; padding:0; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); text-align:left; box-sizing: border-box;}

.sl_cntr {
    padding: 20px;
    box-sizing: border-box;
}

.categoriepack {
    position: absolute;
    bottom: 190px;
    right: 20px;
    font-size:1em;
}

.titre_pack { width:100%; position:relative; font-size: 0.95em; height:145px; font-weight:normal; margin-bottom:2px; background-color: rgba(225, 230, 234, 0.36); padding: 20px 15px; line-height:1em; box-sizing: border-box; }
.titre_pack span { font-size: 130%; display: block; margin-top:10px; }

.titre_pack::after {
    content: '';
    left: 0;
    position: absolute;
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
    top: 140px;
}

.titre_pack .descripti {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:15px;
    box-sizing:border-box;
    font-family:roboto;
    font-size: 12px;
    text-transform:initial;
    line-height:13px;
    color: #5a5a5a;
    font-weight: 300;
}

.sl_g_logo { margin-right:10px; display:inline-block; border-radius:50%; width: 22px; height: 22px;}

#sl_etoile { position:absolute; top:15px; right:15px;font-size:1em; font-weight: 600; }

.bloc_pack_des { font-weight:normal;position:absolute;  width:185px; color: #727272; text-align:left; right:15px;  z-index:999; text-align:left;margin-top: -20px; }

.zoomdesc { position:absolute; width:135px; height:240px;}

.suite { position:absolute; right:0; bottom:0; width:100%; height:15px; padding-top:20px; background-image:url('images/fond_suite.png'); text-align:right; font-style:italic; z-index:99999; cursor:pointer; }
.suite:after { content:' »'; }


#optionski { width: 185px; margin-bottom:15px; display: inline-block; }

#optionski input { float:right; }
#optionski label { margin-bottom:10px; }

.sl_pack_prixmag { width:100%; text-align:right; font-style: italic; color:#7d7d7d; margin-bottom:10px;}

.sl_pack_promo {       margin-left: 20px;  transform: rotate(-15deg); width: 40px; height: 40px; line-height: 38px; padding:2px; vertical-align: middle; text-align:center;font-weight: 600; color:white; font-size:1.2em; margin-bottom:8px; display:inline-block; background-color:#f60909; border-radius:50%;}
.sl_pack_prixremise {
    display: inline-block;
    color: #1d1d1d;
    font-size: 1.7em;
    font-weight:600;
}


.bouton {
    position: absolute;
    z-index: 2;
    right: 15px;
    width: calc(100% - 30px);
    text-align: center;	
    height: 40px;
    line-height: 40px;
    transition: all .3s;
    cursor: pointer;
    border:0;
}
.bouton.gen {
    color:white;
    font-size: 15px;
    font-weight: 600;
    font-family: ;
    text-transform: uppercase;
    line-height: ;
    background-color:#5bdeb1;
}

.bouton.gen:hover {
    background-color:#fc3838;
    color:;
}


.bloc_pack_reserve, .bloc_pack_valide { bottom: 20px; }

.bouton.valider {
    color:white;
    font-size: 15px;
    font-weight: 600;
    font-family: ;
    text-transform: uppercase;
    line-height: ;
    background-color:#d63f52;
}

.bouton.valider:hover {
    background-color:#b92a3c;
    color:;
}
.total [type=button] {
position:relative;
width:100%;
border:0;
right:initial;

}
.jouterpers, .modifdates, .identifi {
    position: relative;
    display: inline-block;
    width: initial;
    padding: 0 15px;
    right: initial;
}
 .identifi { width:100%; bottom:initial;     margin-bottom: 15px; }

.piste { display: inline-block; vertical-align: middle; }
.piste span { 
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #fff;
}
.piste span.v { background: #3ab54b; }
.piste span.b { background: #0272be; }
.piste span.r { background: #ef1c25; }
.piste span.n { background: #000; }

.piste span:not(:first-of-type) {
    margin-left: -10px;
}

.inputpack { 
    position:relative;
    border: 1px solid rgba(128, 128, 128, 0.17);
    text-align: center;
    flex-direction: column;
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 8px);
    height: 148px;
    margin: 4px;
    color: #444444;
    padding: 10px;
    box-sizing: border-box;
}

.inputpack span { font-size:12px; }

.inputpack:hover { cursor:pointer; }

.inputpack img { margin-bottom:8px; }

.inputsel {
    width: 15px;
    display: block;
    height: 15px;
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: 1px;
}

#sl_gauche input { display:none; }

.infoperso { position: absolute; width:100%; z-index:999; background-color: rgb(247, 247, 247); top:0; left:0; height:100%; transform:translateX(100%);  opacity:0;   transition: all .3s;  will-change: opacity, transform; }
.infoperso.montre { opacity:1; transform:translateX(0);}
.infoperso_cont { width:100%;  padding: 15px;  box-sizing: border-box; }
#infoperso_donnes { width:100%; margin-bottom:10px; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px; padding-top:20px; }

#infoperso_donnes input, #infoperso_donnes select { margin-bottom:6px; margin-left:0px; margin-right:0px;}
.inforetour { height:40px; width:100%; }
.infoback { width:25px; height:40px; background-image:url(/skilocation/images/close.png); padding:0 8px; background-position: center center;  background-repeat: no-repeat; cursor:pointer; }

#formmatos {
display:inline-block;
text-align:left;}

#formmatos [type=text] { border: 1px solid #e2e1e1; background-color:white; border-radius: 1px; width:100%; margin-right:10px; height: 40px; line-height:40px; padding:0; padding-left:10px; box-sizing: border-box; margin-bottom:10px;}

#formmatos select, #panier select { border: 1px solid #e2e1e1; background-color:white;  width:100%;-webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px; margin-bottom:10px; height: 35px; padding-left:10px; box-sizing:border-box; }


#formmatos option { font-size:1.15em;}
.overTxtLabel {padding-top:2px; padding-left:4px; height: 20px; font-size:1.04em; color:#aeaeae; }

#formmatos .validation-advice {
    margin-top: -6px;
    padding-bottom: 7px;
    color: #ff0000;
    width: 100%;
    background-color: rgb(248, 248, 248);
}
#formmatos .validation-passed {  color:#454545; }
#formmatos .validation-failed {  border-bottom: 1px solid #ff0000;}

#panier select.optionsel {
    min-width: 40px;
    width: initial;
    height: 30px !important;
    margin-right:10px;
}
.inputpack input[type=checkbox] {opacity:0; position:relative; padding:0; margin:0; width:20px; }

.inputpack label {position:absolute; width:20px;height:20px;margin-left:-22px;margin-top:-7px; pointer-events:none;}
.inputpack .img { opacity:0.5; width:100%; height:100%; max-height:70px; background-size:contain; background-repeat: no-repeat; margin-top:7px; margin-bottom:7px; transition: opacity .2s; background-position: center; }
.inputpack .img:hover { opacity:1; }
.inputpack .img:after {
    top: 0px;
    left: 0;
    pointer-events: none;
    opacity: 0;
    content: '';
    font-size: 2.2em;
    position: absolute;
    border-bottom: 3px solid black;
    border-left: 3px solid black;
    height: 5px;
    width: 7px;
    margin-top: 13px;
    margin-left: 13px;
    transform: rotate(-55deg);
    pointer-events: none;
}

.inputpack input[type=checkbox] + label { display:none; }
.inputpack input[type=checkbox]:checked + .img:after { opacity: 1; pointer-events:none;}
.inputpack input[type=checkbox]:checked + .img { opacity:1; }

#photomatos {position:absolute;height:80px;width:410px;margin-left:-165px;margin-top:35px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
#photomatos img { max-width:400px; max-height:65px;}

#photomatossr { position:absolute;height:100px;width:100px;margin-top:110px; margin-left:20px;}
#photomatossr img { width:110px; margin-top:-50px;margin-left:-28px;}

#panier { width:100%; }
#panier #contenuloc { width:100%; max-width:1000px; position:relative; float:none; display:block; margin-left: auto; margin-right: auto;     box-sizing: border-box;	}
#panier #contenuloc ul { list-style-type:none; width:100%; margin:0; padding:0; margin-top:20px; display:table; }
#panier #contenuloc ul li { float:left; padding:0; display:table-cell;}
#panier #contenuloc h3 span { font-family: 'Helvetica'; color:#e64c4c; text-transform: initial; letter-spacing: initial; padding-left:10px;font-size: initial; font-weight: 600; }
#panier #total { background-color:rgb(244, 244, 247); padding-top:20px; padding-bottom:40px; }
#compte { background-color:rgb(218, 222, 226); padding-top:20px; padding-bottom:30px; display:none; opacity:0; }
.demande {
    font-weight: 500;
    font-size: 1.1em;
    cursor:pointer;
}
#panier h3 { 
	margin-top: 40px;
	margin-bottom: 10px;
	color: ;
	font-size: 18px;
	font-weight: ;
	font-family: Rationale;
	text-transform: ;
	line-height: ;
}

#panier input[type=checkbox] {	visibility: visible; }
.recap_loc { background-color:white;padding:20px; margin-bottom: 20px;}
.recap_loc.spac { padding:20px; }
#panier_skieur { font-weight:600;  font-size:1.2em; margin-left:45px; margin-right:80px; }
.optiontitre {  font-weight:600; font-size:1.05em; }
#panier_skieur ul { width:; padding:0 !important; margin:0 !important; height:;}
#panier_skieur li { width:; padding-top:7px; padding-bottom:15px; }

#prix_skieur { color:#1d1d1d; font-size:1.2em; float:right; margin-top:-20px;}

.skieur_fonction {  position:absolute; margin-top:-18px; background-color:#d63f52; color:white; cursor: pointer; -webkit-appearance: none;left: 30px; background-image:url(/skilocation/images/close.png); width:30px; height:30px; border-radius:50% !important; background-position: center center;  background-repeat: no-repeat; box-shadow:none !important; transition: all .3s; }

.skieur_fonction:hover {
background-color:#b92a3c;
color:;
}

.pers { margin-left:45px; margin-right:80px; padding:0; height:100%; color:#7d7d7d; }


.option { margin-right:10px; vertical-align:middle; }
.petit { font-size:1.1em !important;  height:18px !important; margin-bottom:5px; }
.prixfin { height:23px; display:block; width:80%; color:#464646; font-size:1.2em; text-align:right;}
.prixfin2 { height:23px; display:block; float:right;width:20%; text-align:right; color:#1d1d1d; font-size:1.3em; }


.reduc { width:45%; margin:0; margin-right:35px; text-align:left;}
.total { width:50%; }


.reduc [type=text] { border: 1px solid #c1c1c1; background-color:white;  -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;  width:50%; margin-right:10px; padding:3px;  padding-left:8px; margin-top:10px; margin-bottom:10px; height: 40px;  box-sizing: border-box; }

.reduc [type=button] { width:100px; cursor:pointer; position: relative; bottom:0; right:initial; }
.reduc [type=button].supprimer { width: 100%; max-width: 220px; margin-top:20px; }
.opt {
    display: inline-block;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background-color: grey;
    color: white;
    border-radius: 1px;
    cursor: pointer;
    padding-top: 2px;
    font-weight: 600;
    text-transform: capitalize;
}


#optdetail {
position: absolute;
    margin-top: -100px;
    opacity: 0;
    background-color: #fbfbfb;
    width: 100%;
    max-width: 980px;
    height: 200px;
    display: none;	
    border-radius: 2px;
    box-sizing: border-box;
    z-index: 9999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#optdetail h3 { text-shadow:none; font-weight:bold; margin-top:5px;}


#ferme { float:right; padding:5px; padding-top:4px; padding-bottom:3px; background-color:grey; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:white; font-weight:bold; cursor:pointer;}

.existant { width:35%; margin-right:35px;  }
.nouveau { width:60%; }

.existant [type=text], .existant [type=password] { border: 1px solid #c1c1c1; background-color:white;  -webkit-border-radius: 1px;  -moz-border-radius: 1px; border-radius: 1px; width:100%; margin-right:10px; height: 30px; padding-top:2px; padding-left:4px; margin-bottom:10px; }



.nouveau legend { width:120px; float:left; color:rgba(0, 0, 0, 0.5)}
.nouveau [type=text] { border: 1px solid #c1c1c1; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px; width: calc(100% - 170px); margin-right:10px; height: 35px; padding-left:10px; margin-bottom:15px; box-sizing: border-box;  }

.nouveau [type=text] { background-color:#fbfbfb !important; }

.nouveau select { color:#454545 !important; background-color:#fbfbfb !important;width: calc(100% - 170px) !important;  }

#panier .option { border:1px solid #c1c1c1; background-color:white;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width:17px; height:17px; cursor:pointer; margin-top:0; }
#panier .option:checked { background-color:grey; }

#comment { width:100%;margin:0; margin-top:3px; margin-bottom:10px; }
#comment h3 { display:inline;margin:0;padding:0;text-transform:none;color:#5e5e5e;font-size:1.5em; cursor:pointer; }
#comment textarea { margin:0; margin-top:5px; width:99%; height:0px; padding:5px; font-size:1.3em; }

#panier #cgv, #panier #valid_news  { border:1px solid #c1c1c1; background-color:white;  -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px; width:17px; height:17px; cursor:pointer; margin-bottom:-4px; }
#panier #cgv:checked, #panier #valid_news:checked { background-color:#5e5e5e; }

.nouveau .validation-advice { font-weight: bold; color: #ff0000; margin-left:130px; margin-top:-10px;margin-bottom:7px; }
.nouveau .validation-failed {  border: 2px solid #ff0000;}

.optionsel { color:#454545 !important; height: 20px !important; padding-right:5px; padding-top:0px !important; padding-left:5px !important; margin:0; }

#incorect { margin-bottom:5px;  font-weight:bold; color:red; }

#mdpo { color: #7e7e7e; cursor:pointer; margin:0;padding:0; }
#mdpo:hover { color:grey; }
#mdpo:before {  content: '➔'; margin-right:6px; }
.logident { margin-top:4px; color:grey;font-weight:bold; font-size:1.15em;  }

.formcl {  background-color:white;  -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px; width:50%; margin-right:10px; height: 19px; padding-top:2px; padding-left:4px; margin-bottom:10px; margin-left:120px; }

.nouveau .validation-advice { font-weight: bold; color: #ff0000; margin-left:30px; margin-top:-10px;margin-bottom:7px; }
.nouveau .validation-failed {  border: 2px solid #ff0000 !important;}

#basresa { width:100% !important; left:0; bottom:0; transform: translateY(0px); transition: transform .3s; background-color:grey; -moz-box-shadow: 0px 0px 5px #CCCCCC; -webkit-box-shadow: 0px 0px 5px #CCCCCC; box-shadow: 0px 0px 5px #CCCCCC; position:fixed; color:white; z-index:99999999999; padding:6px; box-sizing: border-box; cursor:pointer; display:none;}

#basresa.actif {
	transform: translateY(100%);
}

.consult {max-width:130px; height:25px; background-color:white;  color:white; text-align:center; padding-top:1px; font: 1.3em grey; border:0; cursor:pointer; padding-bottom:0px; margin-left:5px;}

.deconect { margin:0; padding:0; height:100%;}
.deconect:before {  content: '➔'; margin-right:6px; margin-bottom:10px; }
.deconect:hover { color:grey; cursor:pointer; }

.disabled { background-color:#CCCCCC; }

.mdpperdu { background-color:#5e5e5e; position:absolute; display:none; opacity:0; z-index:999; color:white; }
.mdpperdu h3 { color:white; text-shadow:none; font-weight:normal; margin-top:0; }
.mdpperdu [type=text] { border: 1px solid #c1c1c1; background-color:white;  -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px; width:100%;  height: 35px; padding-left:4px; margin-top:20px; box-sizing: border-box; }


.mdpperdu .validation-failed {  border: 2px solid #ff0000 !important;}


.adresse { margin-top:5px; margin-left:15px; height:100%;}

.banque { float:left;position:absolute;top:320px; width:34%; }

.effet { -webkit-border-radius: 1px;  -moz-border-radius: 1px; border-radius: 1px; }

@media screen and (max-width: 767px) {
	#formmatos {
		display:block;
		text-align:center;
	}
	#contenuloc {
		width: 100%;
		max-width:370px;
		box-sizing: border-box;
		display: inline-block;
		text-align:left;
	}
	#panier #contenuloc ul li { padding:0; display:block; width:100%; }
	.prixfin2 { width:30%; }
	.prixfin {width:70%; }
	.banque {display:none; }
	.datecont { margin: 5px; min-width:initial; max-width:320px; width:100%; }
	.datecont.offres { display: none; }
 	#fond_date [type=text] { background-color: rgba(255, 255, 255, 0.3); width: 100%; }
	.modifdates { 
	    display: block;
	    margin-top: 10px;
	}
}

.materieldes {
    position: fixed;
    z-index:200;
    max-width: 1000px;
    width: 100%;
    min-height: 400px;
    background: white;
    top: 40%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display:none;
    transition: .3s;
}

.materieldes.show {
	display:block;
}

.close {
    position:absolute;
    top:2px;
    left:2px;
    height: 36px;
    width: 36px;
    color:white;
    background: #656565;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    transition: all .3s;
}
.close:hover { background: grey; color: white; }
.gamme { display: inline-block;  width:100%; text-align: center; font-size:2em; box-sizing: border-box; height:40px; padding:10px; position:initial; }
.detailmat { padding:20px; box-sizing: border-box; }
.cont { display:none; padding:40px; box-sizing: border-box; }
.cont.show { display:block;}
.cont .photo { min-height:80px;}

.titre { font-size:120%; font-weight:600; margin-bottom:20px; }
.desc { margin-top:30px; font-size:1em; margin-bottom: 80px;}
.desc strong { display: block; margin-bottom:10px; }
.head { width:100%; height:40px; line-height:40px; position: relative; margin-bottom: 20px;}
.tableau { display: table; width:100%; }
.tabcell { display: table-cell; width:30%;}
.nav .next, .nav .prev { width:40px; text-align: center; height:40px; line-height:40px; border: 1px solid grey; display:inline-block; margin:5px; transition: .3s; cursor: pointer; font-size:20px; border-radius: 50%;}
.nav .next:hover, .nav .prev:hover { background: grey; color: white; }
.nav { position: absolute; bottom: 50px; left: 50px;}

@media screen and (max-width: 767px) {
	.materieldes { max-height:500px; top:50%; transform: translateX(-50%); translateY(-50%)}
	.tabcell { display: none; }
	.detailmat { padding: 0; }
	.cont { padding:20px; }
	.gamme { font-size:1.5em; }
	.nav { bottom: 30px; left: 10px;}
	.cont .photo { min-height:initial; }
	.datecont.offres { margin-left:0; }

}