/* CSS Document */
body {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;background-color:#036;}
img, object, embed, canvas, video, audio, picture {max-width:100%;height:auto;}

#container {max-width:3000px;margin:0 auto;overflow:auto;}
#centre {display:flex;flex-flow:row wrap;justify-content:space-around;max-width:2000px}

#navbar {width:300px;flex:0 auto;color:#fff;background:#36f;}
#navbar ul{margin:0;padding:20px;list-style: none;}
#navbar a{color:#fff;padding:10px;line-height:2em;font-size:1.2em;text-decoration:none;}
#navbar a:hover, #navbar a:focus {background:#000;}
#contenu {max-width:400px;padding:10px;color:#000;background-color:#fff;}

#contenu a {color:#00f;/* text-decoration:none; */background-color:#fff;}
#contenu a:hover, #contenu a:focus {color: #333;/* text-decoration:none; */}
#contenu strong {color:#006;/* text-decoration:none; */background-color:#fff;}
#contenu p, #contenu li {line-height:1.5em;}
#enrform {max-width:400px;padding:10px;color:#000;background-color:#fff;flex-flow:column;}
#diap {max-width:1200px;margin:10px auto;background:#fff;padding:10px;flex-flow:row;justify-content:center;}
#foot {height:90px;padding:5px;background-color:#036;text-align:center;}

table {border:1px solid black;}
.grise {border-width: 1px;border-style: solid;border-color: black; background-color: #ccc;}
.blue {border-width:1px;border-style:solid;border-color:blue;background-color: #0ff;}
.none {border-style:none;} 

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;
font-family:Geneva,Arial,Helvetica,sans-serif;}
/*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(images/cap43x20.png) left top no-repeat;cursor:pointer;}
input[type="checkbox"]:checked + label span {background:url(images/cap43x20.png) -22px top no-repeat;}



.box {width:244px;height:auto;padding:2px;display:inline-block;} 
.box1 {width:204px;height:auto;padding:2px;display:inline-block;}
.box2 {width:300px;height:auto;padding:2px;display:inline-block;}

.Style1 {font-size:24px;color:#fff;font-family:Geneva,Arial,Helvetica,sans-serif;line-height:15px;text-align:center;}
.Style2 {font-size:18px;text-align:center;color:#fff;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;line-height:25px;}
.Style3 {font-size:24px;font-weight:bold;color:#fff;text-align:center;}
.Style4 {font-size:14px;font-weight:bold;color:#000;}
.Style5 {font-size:30px;font-weight:bold;color:#000;text-align:center;}

.Style9 {color:#fff;font-weight:bold;}
.Style26 {font-weight: bold}
.Style30 {font-size:0.8em;color:#036;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.Style31 {font-size:0.9em;color:#AA0000;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;}

.zoomabove {width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:100;background:rgba(0,0,0,0.5);}
.zoomabove a {display:table-cell;vertical-align:middle;text-align:center;}
.zoomabove img {border-radius:10px;border:2px solid #0cc}
.zoomabove:target {display:table;}

@media screen and (min-width: 415px) {
#navbar {width:300px;}
#contenu {max-width:700px;}
#enrform {max-width:700px;}
.Style3 {font-size:18px;}
}
@media screen and (min-width: 645px) {
#contenu {max-width:850px;}
#enrform {max-width:850px;}
}
@media screen and (min-width: 900px) {
#centre {flex-flow:row;justify-content:center;max-width:2000px;}
#navbar {flex:0 0 auto;width:250px;}
#navbar ul{margin:0;padding:10px;list-style: none;}
#navbar a{color:#fff;padding:10px;line-height:2em;font-size:1.1em;text-decoration:none;}
#contenu {max-width:1920px;}
#enrform {max-width:1500px;flex-flow:row;background-color:#fff;}
}