body:before{content:"Version imprimable du site";display:block;text-align:center;font-style:italic;color:red}
html{font-size:100%;background:url(/images/fonds/1.webp);overflow-x:hidden}
body{margin-top:40px;margin-left:auto;margin-right:auto;width:auto;height:auto;min-width:100px;max-width:1200px;font-family:Arial,Helvetica,sans-serif;text-align:center;background-color:#9fc6ff;padding:5px 5px 0 5px;border-radius:10px;box-shadow:0 0 18px #000;display:block}
header{text-align:center;width:100%;height:7.4em;z-index:3}
nav{display:block;float:left;width:10em;height:35.75em;position:absolute;z-index:5}
main{margin-top:-1px;margin-left:10.06em;text-align:center;width:auto;height:36.38em;border-bottom:1px solid;border-right:1px solid;border-radius:0 10px 10px 0;z-index:3}
article{margin:auto;text-align:center}
footer{clear:both;overflow-x:hidden;height:auto;font-size:.75em;font-family:Arial;line-height:100%;padding:5px;width:auto;border-radius:0 10px 10px 0;color:#002db7}
aside{margin:auto}
img {display:block;margin:0 auto;max-width:100%;height:auto}
noscript{font-weight:700;color:red}
h1{width:auto;font-size:3.13em;font-style:italic;margin-top:2px;margin-bottom:-1.25em;color:#002db7}
h2{width:auto;font-size:1.88em;font-style:italic;text-decoration:underline;margin-top:2.25em;margin-bottom:1.25em;color:#002db7}
a{font-family:Arial,Helvetica,sans-serif;text-decoration:none;position:relative;color:#002db7}
li a:after{content:'';position:absolute;bottom:0;left:-1px;width:0;border-bottom:2px solid #e0c720}
a:after{content:'';position:absolute;bottom:0;left:0;width:0;border-bottom:2px solid #002db7}
a:active,a:hover,a:link,a:visited {text-decoration:none;color:#002db7;}
a:hover:after{width:100%}
.texte-grand,.texte_a{margin:auto;font-size:26px;font-weight:700;color:#002db7}
.texte-petit{margin:auto;font-size:18px;color:#002db7}
.Mon{position:relative;top:-.313em;left:-.5em;z-index:1;font-family:Verdana,Arial,Helvetica;font-size:3.313em;font-weight:700;font-style:italic;color:#434371}
.album{position:relative;top:.2em;left:-1.8em;z-index:2;font-family:Verdana,Arial,Helvetica;font-size:3.313em;font-weight:700;font-style:italic;color:#3333a7}
.photos{position:relative;top:-.5em;left:1.45em;z-index:3;font-family:Verdana,Arial,Helvetica;font-size:3.313em;font-weight:700;font-style:italic;color:#0d0df5}
.haut-gauche{position:fixed;top:-.63em;left:.63em;font-size:.69em;font-weight:700;color:#fff;z-index:99}
.bas-droit{position:fixed;bottom:-.63em;right:.63em;font-size:.63em;font-weight:400;color:#fff;z-index:99}
.bas-gauche{position:fixed;bottom:-.63em;left:.63em;font-size:.63em;font-weight:400;color:#fff;z-index:99}
#lesmiley{display:block;width:161px;height:120px;margin-left:-1px;margin-top:-1px;z-index:5;border:solid 1px;border-color:#000;border-radius:10px 0 0 0;background-image:url(/modif/folderimage/folderthumb.webp)}
#titre_vertical_grand{margin-top:270px;margin-left:-150px;width:460px;height:160px;border:solid 1px;border-radius:10px 0 0 0;background-color:#69f;position:relative;z-index:4;transform:rotate(-90deg)}
#tete{text-align:center;width:auto;max-width:1036px;height:120px;border-left:1px solid;border-top:1px solid;border-right:1px;border-bottom:1px solid;border-radius:0 10px 0 0;z-index:3;background:url(/modif/folderimage/folderimage.webp) no-repeat center;}
#container{overflow:hidden;margin:auto;width:95%;text-align:center;height:auto;min-height:22px;font-size:17px;margin-top:40px;background-color:#69f;border:solid 1px;border-radius:10px}
.colonne1{width:30%;float:left}
.colonne2{width:38%;float:left;font-weight:700}
.colonne2 a{color:#010410}
.colonne3{width:1%;float:left;font-weight:700}
#texte{display:block;width:80%;margin-top:50px;margin-left:125px}
#skiptocontent{display:none}

#slider1{width:auto;height:300px;position:relative;margin-top:20px;overflow:hidden}
#slider1Content{width:auto;max-width:540px;top:0;margin:auto}
#slider1 ul{list-style-type:none}
.slider1Image{display:none;margin:auto;position:relative}
.slider1Image span{display:none;position:absolute;margin:auto;font:10px/15px Arial,Helvetica,sans-serif;padding:10px 13px;background-color:#000;opacity:.7;color:#fff}
.slider1Image span strong{font-size:14px}
.clear{clear:both}
.up,.down{top:0;right:0;width:110px;height:288px}
.small{font-size-adjust: 0.45}
.menu li:hover,.sub-item1+li:hover{background:#4d4d4d;line-height:28px;border-bottom:1px solid #e0c720;border-left:.5em solid #e0c720;color:#e0c720;height:29px}
.menu li.image:hover{border:0;background:#9fc6ff}
.menu li a:hover{color:#e0c720;text-decoration:none}
.sub-item1 li ul.webcams:hover>.webcam{max-height:30px;height:29px;border-bottom:1px solid #bbb}
.sub-item1 li ul.webcams .webcam:hover{border-bottom:1px solid #e0c720;border-left:.5em solid #e0c720}
.menu ul{margin:0;margin-left:1px;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#fff;border:0;list-style:none;text-indent:0;background:0 0;width:160px;position:absolute;z-index:5}
.menu li{background:#333;line-height:28px;border-bottom:1px solid #bbb;border-left:.5em solid #bbb;height:29px;overflow:hidden}
.menu li.image{background-color:transparent;border-left:0;overflow:visible}
.menu li a{color:#fff;font-size:14px}
ul ul{position:absolute;top:-1000px;overflow:hidden;z-index:99}
li:hover ul.sub-item1{top:-30px}
li:hover ul.sub-item2022{top:0}
li:hover ul.sub-item2023{top:30px}
li:hover ul.sub-item2024{top:60px}
li:hover ul.sub-item2025{top:90px}
li:hover ul.sub-item2026{top:120px}

li:hover ul.sub-item1,li:hover ul.sub-item2022,li:hover ul.sub-item2023,li:hover ul.sub-item2024,li:hover ul.sub-item2026{max-width:200px;left:161px;overflow:visible}

.sub-item1 li:hover ul,.sub-item2022 li:hover ul,.sub-item2023 li:hover ul,.sub-item2024 li:hover ul,.sub-item2025 li:hover ul,.sub-item2026 li:hover ul{max-width:200px;left:160px;top:0;width:200px}

.sub-item1 li:hover ul.acces_restreint{max-width:200px;left:360px;top:0;width:200px}

.sub-item1 li ul.webcams>.webcam{max-height:0;border-bottom:0}

li ul.sub-item1,li ul.sub-item2022,li ul.sub-item2023,li ul.sub-item2024,li ul.sub-item2025,li ul.sub-item2026{max-width:0;left:0;text-align:center}

.sub-item1 li ul,.sub-item2022 li ul,.sub-item2023 li ul,.sub-item2024 li ul,.sub-item2025 li ul,.sub-item2026 li ul{max-width:0;left:160px;top:0}
