#bloc_accueil .slideshow{display:none}
.camera_loader{opacity:0;height:0;width:0}
.camerarelative{width:100%;text-shadow:1px 1px 0 rgba(0,0,0,0.25);-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#40000000,Positive=true)";zoom:1;filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#40000000,Positive=true);background-position:center;background-size:cover}
.camera_target_content{display:none}
.camerarelative > div{background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0.2) 0,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.15) 70%,rgba(0,0,0,0) 100%) repeat scroll 0 0;width:100%;height:96%;padding:2% 0;display:-ms-flexbox;display:-webkit-flex;display:flex;color:#FFF;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center;color:#FFF;text-align:center}
.camerarelative > div > div{width:100%}
.camera_prev,.camera_next{height:40px;top:50%;margin-top:-20px;width:40px}
.camera_commands{height:40px;top:20px;width:40px}
.camera_pie{height:40px;top:20px;width:40px;position:absolute;right:10px}
.camera_prev{left:0}
.camera_prev > span{display:block;height:40px;width:40px}
.camera_next{right:0}
.camera_next > span{display:block;height:40px;width:40px}
.camera_commands{right:41px}
.camera_commands > .camera_play{height:40px;width:40px}
.camera_commands > .camera_stop{display:block;height:40px;width:40px}
.camerarelative .title_diapo{width:100%;padding:0;text-align:center}
.camerarelative .title_diapo h1{color:#FFF;margin:.5em auto 0;font-size:2em;line-height:1.5em;font-weight:700;padding:.1em 2.5%}
.camerarelative .desc_diapo{font-size:1.1em;text-transform:uppercase;padding:.3em 2.5%;font-weight:600}
.camerarelative .desc_diapo a{display:inline-block;font-size:small;color:#FFF;text-decoration:none;padding:.75em 1.5em .75em 45px;margin:2em 10% 0;transition:.3s all ease;text-transform:uppercase;border-radius:3px;text-align:center;position:relative;transition:.3s all ease}
.camerarelative .desc_diapo a::before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 6 Free";font-weight:600;font-size:18px;text-decoration:inherit;font-size:20px;position:absolute;text-align:center;width:20px;height:20px;top:50%;left:15px;margin-top:-10px;content:"\f35d"}
.camerarelative .desc_diapo a:hover{text-decoration:none}
.camerarelative .credits{position:absolute;bottom:5px;right:5px;opacity:.5;transition:.3s ease all}
.camerarelative .credits:hover{opacity:1}
@media only screen and (min-width:481px){.camerarelative .title_diapo h1{font-size:2.5em}
.camerarelative .desc_diapo{font-size:1.3em;padding:.3em 5%}}
@media only screen and (min-width:768px){#bloc_accueil{position:relative}
#bloc_accueil .aspect_ratio{padding-bottom:40%}
#bloc_accueil .slideshow,#bloc_accueil .no_slideshow{position:absolute;top:0;right:0;left:0;bottom:0;z-index:5}
#bloc_accueil .slideshow{display:block;z-index:10}
#bloc_accueil .no_slideshow .camerarelative{position:absolute;top:0;right:0;left:0;bottom:0;background-position:center;background-size:cover}
#bloc_accueil .no_slideshow .camerarelative > div{display:none}
.camerarelative .title_diapo h1{font-size:2.5em;margin-top:0;line-height:1.3em;padding:.1em 5%;max-width:960px}
.camerarelative .desc_diapo{font-size:1.3em;padding:.3em 10%}}
@media only screen and (min-width:1025px){#bloc_accueil .aspect_ratio{padding-bottom:40%}
.camerarelative > div > div{max-width:960px;margin:auto}
.camerarelative .title_diapo h1{font-size:3.4em}
.camerarelative .desc_diapo{font-size:1.6em;padding:.3em 5%;margin:auto}
.camerarelative .desc_diapo a{font-size:15px;margin-top:3em}
@media only screen and (min-width:1240px){.camerarelative > div > div{max-width:1024px}
.camerarelative .title_diapo h1{font-size:4.2em}
.camerarelative .desc_diapo{font-size:1.8em}
@media only screen and (min-width:1500px){.camerarelative .title_diapo h1{font-size:5em;max-width:1200px}
.camerarelative .desc_diapo{font-size:2em;max-width:1200px}}