@charset "utf-8";
body {margin:0px;min-height:100%;width:100%;font-family:Verdana,Tahoma,Helvetica,Arial,Sans-serif;background:url(pics/band2000x95.png) repeat-x top;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:15px;border:0;vertical-align:baseline;}
img, video {max-width:100%;height:auto;border:0;} 
#global{max-width:1600px;margin-left:auto;margin-right:auto;height:auto;overflow:auto;}
a {color:#000;text-decoration:none;} 
a.ex1:link, a.ex1:hover, a.ex1:focus, a.ex1:active, a.ex1:visited {color:#000;text-decoration:underline;}
#haut {height:95px;max-width:1600px;display:flex;justify-content:space-between;align-items:center;background:url(pics/techno350x45.png) center top no-repeat, #DEDEDE;}
#panier {margin-right:10px;margin-top:40px;order:3;}
#menu-left:not(target) {cursor:pointer;position:absolute;left:10px;top:50px;font-size:1emx;line-height:1.5em;font-weight:bold;user-select:none;}

nav {background:#ffefef;position:absolute;top:0;left:0;height:auto;width:130px;left:-5000px;z-index:99;transition:left 0.30s;order:0;font-size:1rem;line-height:1.3rem;}
#nav-left ul {list-style-type:none;padding:0;margin:10px 0 0 0;}
#nav-left li {border-bottom:1px solid grey;width:130px;padding:0;}
#nav-left li:last-child {border-bottom:none;}
#nav-left ul li a {display:block;text-align:center;}
#nav-left ul li a:hover {background:#e63;color:#fff;font-weight:bold;}
#nav-left:target {left:0;transition:left 0.50s;}
#menu-left {font-weight:bold;}
.open-menu, #nav-left:target ~ * .close-menu {display:block;}
.close-menu, #nav-left:target ~ * .open-menu {display:none;}

#bas{clear:both;height:80px;background-color:#dedede;text-align:center;font-size:0.8em;color:#666;padding:10px;}
#bas a{text-decoration:underline;color:black;}


.contentS {display:flex;justify-content:space-evenly;}
.enfantS {flex:0 1 auto;font-size:0.9rem;margin-left:9px}
.enfantS:hover {filter:brightness(150%);text-decoration:underline;color:#0033FF;font-size:1.2rem;margin-left:9px}

.flexcontwrap {margin-top:10px;display:flex;justify-content:space-evenly;max-width:100%;flex-wrap:wrap;}
.divH {width:auto;padding:1px;border:2px solid #00F;}
.divI {width:auto;padding:1px;border:1px solid #333;}
.divJ {width:385px;padding:2px;border:3px solid #FE0;border-radius:3%;}

input[type="text"], input[type="tel"],input[type="email"], textarea {display:block;border:1px solid #6cf;padding:10px;margin:10px auto;font-size:1em;width:95%;color:#666;border-radius:5px;}
input[type="submit"], input[type="reset"] {width:80px;}
input:hover, textarea:hover{background-color:#cef;}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label span {display:inline-block;width:22px;height:22px;margin:0 10px;vertical-align:middle;background:url(pics/cap43x20.png) left top no-repeat;cursor:pointer;}
input[type="checkbox"]:checked + label span {background:url(pics/cap43x20.png) -22px top no-repeat;}

#div_bouton {
  width : 650px;
  height:600px;
  text-align : center;
}
#div_image {
  max-width : 650px;
  height : auto;
  float : left;
  margin:2%;
  border : 1px solid #e0e0e0;
}
#image_choix {
  max-width : 650x;
  height : auto;
}
.btnchx {border-radius:10px;padding:5px 10px;text-align:center;background-color:white;cursor:pointer;font-size:1.4rem;/*width:5rem;height:2rem;*/ }
.btnchx:hover {font-weight:bold;background-color:#eee}
.btnchx:active {font-weight:bold;color:white;background-color:black;}



@media only screen and (min-width:740px) {
/*#logo {display:block;flex:initial;order:0;padding:0;margin:0 12px; }*/
nav {display:flex;justify-content:center;height:33px;font-size:1em;line-height:33px;order:1;position:relative;left:20px;top:20px;background:0;}
#nav-left ul{list-style:none;display:flex;witdh:100%;margin:0;padding:0 2px;}
#nav-left li:first-child {display:none;}
#nav-left li:last-child {border-bottom:2px solid #606060;}
#nav-left a {display:block;padding:0;}
#nav-left li {background:#9cf;border-radius:5px;margin:0 1%;padding:0;width:120px;border-bottom:2px solid #606060;}
#nav-left li> a:hover {border-radius:5px;border-bottom:2px solid #606060;}
#menu-left {display:none}
}
@media only screen and (min-width:840px) {
#nav-left li {width:120px;}
}
@media only screen and (min-width:1024px) {
#nav-left li {width:120px;}
}