html, body {height:100%;margin:0px;padding:0px;min-height:100%;width:100%;font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:16px;}
img, object, embed, canvas, video, audio, picture {max-width:100%;height:auto;}
#global {max-width:100%;overflow:auto;margin:0px auto;}
#top{height:204px;max-width:1920px;background-image:url(imgs/band2000x204.jpg);background-repeat:no-repeat;}

#menu:not(target) {cursor:pointer;position:absolute;right:3%;top:160px;font-size:28px;line-height:28px; 
    /* Evite la séléction du texte au double clic */
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;}
#menu a {text-decoration:none;color:black;}

#nav ul {list-style:none;background:#1c1c1c;padding:5px 0;}
#nav li a {display:block;padding:0 20px;color:#fff;text-decoration:none;font-weight:bold;line-height:1.6em;height:1.6em;border-bottom:1px solid #999;font-family:Helvetica,Arial,sans-serif,"Times new roman";Tahoma,Verdana,}
#nav li:last-child a {border-bottom:none;}
#nav li a:hover,#nav li a:focus,#nav li a:active{color:#1c1c1c;background:#ccc;}

/*#nav:target {left:0;transition:left 0.75s;} */
.open-menu, #nav:target ~ * .close-menu {display:block;}
/*.close-menu, #nav:target ~ * .open-menu {display:none;}*/

.bloc1 {display:block;min-width:500px;height:auto;margin:auto;}
.bloc2 {display:block;min-width:300px;height:auto;margin:5px;}
.bloc3 {display:inline-block;padding:8px 40px;border:3px solid red;border-radius:5px;margin:15px 10px;}
.bloc4 {display:inline-block;padding:5px 10px;border:2px solid red;margin:15px 10px;}
.container {display:flex;display:-webkit-box;display:-webkit-flex;-webkit-flex:row wrap;justify-content:flex-start;}
.container2 {padding:10px;display:flex;margin:0;flex-flow:row wrap;justify-content:space-around;/*overflow:auto;*/}
.container3 {width:100%;padding:10px;}
.container4 {max-width:1100px;margin:auto;padding:15px;display:flex;flex-flow:row wrap;justify-content:space-around;height:auto;overflow:auto;}
.container5 {max-width:1200px;margin:10px auto;padding:5px 20px;display:flex;flex-direction:row wrap}
.flexcontwrap {display:flex;justify-content:space-around;max-width:1600px;flex-flow:row wrap;align-items:center;margin:auto}
.flexcontwrapstart{display:flex;justify-content:flex-start;flex-flow:row wrap;max-width:1600px;align-items:center;margin:0 2%}
.3cols {text-align:center;padding-left:5%;font-size:1.1em;color:#666;}
.art1 {padding:10px 5px;flex:0 1 auto;}
.art2 {padding:10px 5px;margin:10px 0;flex:0 1 auto;min-width:250px;}
.artm {padding:0px 5px;margin:10px 0;flex:0 1 auto;}

.art3 {border-bottom:2px solid #bbb;padding:10px 5px;margin:10px 0;width:32%;flex:0 1 auto;min-width:200px;}
.art4 {border-bottom:2px solid #bbb;padding:10px 5px;margin:10px 0;width:450px;flex-shrink:0;min-width:440px;}
.art5 {border-bottom:2px solid #bbb;padding:10px 5px;margin:10px 0;width:19%;flex:0 1 auto;min-width:200px;}
.diap {border:5px solid #A1BA3D;padding:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;text-align:center;max-width:610px;height:auto;margin-left:auto;margin-right:auto;}
.casecoche{list-style-image:url(imgs/casecoche20.jpg);padding:10px 15px;color:#FF00CC;font-size:1.2rem;}
	
h1 {font-size:2.5rem;text-align:center;display:block;clear:both;color:#000;}
h2 {font-size:2rem;text-align:left;clear:both;color:#00f;padding:0 4%;}
h3 {font-size:1.6rem;text-align:left;clear:both;color:#333;padding:0 4%;}

a.to_nav {color:#fff;font-size:1.1em;text-align:center;background:#690;text-decoration:none;padding:2px 15px;font-weight:bold;line-height:22px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
a.to_nav:hover, a.to_nav:focus {color:#1c1c1c;background:#ccc;}
a.ubt {color:#fff;font-size:1.1em;text-align:center;background:#639;text-decoration:none;padding:2px 15px;font-weight:bold;line-height:22px;border-radius:5px;}
a.ubt:hover, a.ubt:focus {color:#1e1e1e;background:#ccc;}

input[type="text"], input[type="tel"],input[type="email"], textarea {display:block;border:1px solid #690;padding:10px;margin:10px 0;font-size:1em;width:90%;color:#777;border-radius:5px;}
/*form p{padding:4px 0px 10px 0px;}*/
input[type="submit"], input[type="reset"] {width:80px;}
input:hover, textarea:hover{background-color:#fc0;}
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(imgs/cap43x20.png) left top no-repeat;cursor:pointer;}
input[type="checkbox"]:checked + label span {background:url(imgs/cap43x20.png) -22px top no-repeat;}

.style1 {font-size:1.1rem;text-align:justify;padding:0 5%;}
.style2 {font-size:1.1rem;text-align:justify;padding:0 5%;}
.style3 {font-size:1.1rem;text-align:justify;padding:0 3%;}
.style4 {font-size:1em;text-align:justify;padding:0 2%;color:#333}
.style5 {font-size:1.1rem;text-align:center;color:#fff;background:#690;}
.style6 {font-size:1.1rem;text-align:center;color:#000;}
.style22 {font-size:1.5rem;text-align:center;padding:0 5%;}
.style23 {color:#30f;font-size:2rem;font-weight:bold;text-align:center;}
.style24 {color:#c00;font-size:2.5rem;font-weight:bold;text-align:center;}
.Style25 {color:#0000FF;font-weight:bold;}
.Style26 {color:#336633;font-weight:bold;}
.Style27 {color:#336633;font-weight:bold;text-align:right; padding-right:5%;}
.style33 {font-size:1.2rem;text-align:left;padding:0 3%;}

.grey {color:#999;}
.Style28 {font-style: italic; color: #0033FF;}
.steri {color:#fff;background:#00a9ad;padding:2px 6px;font-weight:bold;border-radius:4px;}
.sterib {color:#fff;background:#0033ff;padding:2px 6px;font-weight:bold;border-radius:4px;}
.zoomabove {display:none;width:100%;margin:0 auto;height:100%;position:fixed;top:2px;left:10px;z-index:1000;background:rgba(200,200,200,0.95);}

@media only screen and (min-width: 768px) {
#global {position:relative;width:1920px;margin:0 auto;}

#menu {display:none;}
#nav {position:absolute;top:187px;margin-right:10px;width:100%;}
#nav ul {list-style:none;background:#690;padding:1px 0 27px 0;}
#nav li {display:inline;color:#333;}
#nav li:first-child, #nav li:last-child {display:none;}
#nav li a {float:left;border:none;padding:0 9px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.artm {padding:0px 5px;margin:10px 0;flex:0 1 auto;max-width:800px;}
.zoomabove a {display:table-cell;vertical-align:middle;text-align:center;}
.zoomabove img {background:#fff;border-radius:10px;border:2px solid #00f}
.zoomabove:target {display:table;}
}