body{margin:0px auto;padding:0px;text-align:center;width:100%;background-color:white;overflow-x:hidden;color:black;font-family:arial;text-decoration:none;font-size:1em;transform:translateZ(0)}
input[type="text"]{font-size:1.5em;color:black;width:300px;min-width:300px;max-width:300px}
textarea{font-size:1.5em;color:black;font-family:arial;width:300px;min-width:300px;max-width:300px}
img{border:none}
a,a:link,a:visited,a:hover,a:active,a.nounderline:link{color:black;text-decoration:none;font-weight:bold;cursor:pointer}
.mask{display:none !important}

#mainTitle{cursor:pointer}
#logo{height:20em;margin-top:.5em;cursor:pointer}
#loading{position:fixed;top:50%;left:50%;margin-top:-30px;margin-left:-30px}
#footer{margin-top:2em;font-size:.8em}
#siteMask,.siteMaskOn,.siteMaskOff{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:white;z-index:10000}
.siteMaskOn{opacity:1;transition:opacity 1s}
.siteMaskOff{opacity:0;transition:opacity 1s}

.bouton,.boutonactive,input[type="submit"],input[type="file"]{display:inline-block;color:white !important;cursor:pointer;border:1px solid rgb(100,100,100);border-radius:5px;padding:.3em;background-color:gray;box-shadow:0 3px 6px rgba(0,0,0,.2)}
.bouton:hover,.boutonactive,input[type="submit"]:hover,input[type="submit"]:hover{color:white !important;background-color:black;box-shadow:0 10px 6px rgba(0,0,0,.2)}

.menu{display:flex;flex-wrap:wrap;margin:.5em;box-sizing:border-box;text-align:center;transform:scaleY(1);transform-origin:50% 0}
.stickerMenu{position:relative;display:inline-block;flex:1;flex-grow:1;flex-basis:0;text-align:center;border:1px solid rgb(200,200,200);margin:.5em;min-height:40vh;min-width:30%;box-sizing:border-box;cursor:pointer;background-size:cover;background-position:50% 50%;text-shadow:0 0 5px white,0 0 10px white,0 0 20px white;overflow:hidden}
.stickerMenu a img{max-width:100%}
.whiteGradient{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:1.5em .5em 0 .5em;background:linear-gradient(0deg,rgba(255,255,255,.9)35%,rgba(255,255,255,.7)65%,rgba(255,255,255,0)100%)}
.stickerMenu:hover .whiteGradient{background:linear-gradient(0deg,rgba(255,255,255,1)35%,rgba(255,255,255,1)75%,rgba(255,255,255,0)100%)}

.miniatures{display:inline-block;border:1px solid gray;width:340px;margin:0 .5em 1em .5em;padding:.5em;vertical-align:top;min-height:200px;box-sizing:border-box}
.miniatures img{background-color:white;max-width:120px;max-height:120px;border:20px solid white}
.miniatures2{display:inline-block;border:1px solid gray;max-width:720px;margin:0 2em 1em 2em;padding:0 .5em .5em .5em;vertical-align:top;box-sizing:border-box;text-align:center;overflow:hidden}
.miniatures2 img{background-color:white;border:20px solid white;max-width:700px;box-sizing:border-box}

.ctfile{display:inline-block;margin:.5em}
.minimg{max-height:20em;max-width:20em;margin:.5em}
.photos,.photos2{display:block;margin:1em;padding:1em;box-sizing:border-box;border:1px solid black;background-color:gray;border-radius:5px}
.photos2{display:inline-block}

.maskanim{opacity:0;position:absolute;top:0;left:0;-webkit-animation:anim1 1s;-moz-animation:anim1 1s;-o-animation:anim1 1s;animation:anim1 1s}
.anim{opacity:1;position:absolute;top:0;left:0;-webkit-animation:anim2 1s;-moz-animation:anim2 1s;-o-animation:anim2 1s;animation:anim2 1s}
@-webkit-keyframes anim1{0%{opacity:1}100%{opacity:0}}
@-moz-keyframes anim1{0%{opacity:1}100%{opacity:0}}
@-o-keyframes anim1{0%{opacity:1}100%{opacity:0}}
@keyframes anim1{0%{opacity:1}100%{opacity:0}}
@-webkit-keyframes anim2{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes anim2{0%{opacity:0}100%{opacity:1}}
@-o-keyframes anim2{0%{opacity:0}100%{opacity:1}}
@keyframes anim2{0%{opacity:0}100%{opacity:1}}
.erreur{font-weight:bold;color:red}
.confirm{position:fixed;top:40%;width:100%}
.confirm2{display:inline-block;background-color:black;color:white;padding:2em}

@media(max-width:1200px){
.bouton{font-size:1.2em}
.stickerMenu{min-width:45%}}

@media(max-width:800px){
#header{}
h1{text-align:center;font-size:1.5em}
#logo{height:8em;margin-left:1em}
.bouton{font-size:1.2em}
.stickerMenu{margin:0 0 .5em 0;min-width:100%}}