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:160px;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:#13316C}
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;transition:.8s}
a:after{content:'';position:absolute;bottom:0;left:0;width:0;border-bottom:2px solid #002db7;transition:.8s}
a:active,a:hover,a:link,a:visited {text-decoration:none;color:#13316C}
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:#04209A}
.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:#110B89}
.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:#212C4F}
.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:#0106B3}
#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:3px 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}

/* accessibility------------------------------------------------------------------- */
#skiptocontent a {padding:6px;position: absolute;top:-140px;left:0px;color:#000000;border-right:1px solid white;border-bottom:1px solid white;border-bottom-right-radius:8px;	background:transparent;transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1s linear; z-index: 100}
#skiptocontent a:focus {position:absolute;left:0px;top:0px;background:#FFE5E5;outline:0;transition: top .1s ease-in, background .5s linear; transition: top .1s ease-in, background .5s linear}

/* slider------------------------------------------------------------------------------*/
#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: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;font-weight:bold}

/* menu------------------------------------------------------------------------------*/
.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;transition:.2s max-width}
.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}
ul.sub-item1{top:-30px}
ul.sub-item2022{top:0}
ul.sub-item2023{top:30px}
ul.sub-item2024{top:60px}
ul.sub-item2025{top:90px}
ul.sub-item2026{top:120px}
ul.sub-item2027{top:150px}

li:hover ul.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.sub-item2027{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,.sub-item2027 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;transition:max-height .2s}

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

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