/*** Reset ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;text-align:left;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}

/* Alerte */
noscript #alerte {display: block;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(242, 242, 242, .42);z-index: 2000}
noscript .popup_block_alerte {position: relative;margin: 18% auto;width: 442px;height: auto;background: #fff;padding: 7px;border: 12px solid #fff;border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px}
noscript .popup_block_alerte p {text-align: center;color: #000;font-size: 150%;font-weight: lighter}

/* Maintenance */
.maint {position: fixed; top: 20%; width:100%; text-align: center; font-size: 400%;line-height: 1.2}
.maint span {font-size: 40%;}

/* home */
#screen {width: 100%;overflow-y: hidden;}
#screen img {display: none;position: fixed; top: 0px;left:0px;z-index: -1;opacity:1;}
.HPfadeinld {animation: fadein 2s;-moz-animation: fadein 2s;-webkit-animation: fadein 2s;-o-animation: fadein 2s}
.HPfadein {animation: hpfadein 2s;-moz-animation: hpfadein 2s;-webkit-animation: hpfadein 2s;-o-animation: hpfadein 2s}
.HPfadeout {animation: HPfo 5s;-moz-animation: HPfo 5s;-webkit-animation: HPfo 5s;-o-animation: HPfo 5s;}
.HPfadeout20 {animation: HPfozero 2s;-moz-animation: HPfozero 2s;-webkit-animation: HPfozero 2s;-o-animation: HPfozero 2s;}

/* Menus */
#menu {width: 315px;height: auto;position: fixed;z-index: 1;top: 20px;left: 0;font-size: 100%;}
#menu-l, #loged {display: none;}
@viewport {width: device-width;zoom: .3}
.fadei5 {animation: fadein 5s;-moz-animation: fadein 5s;-webkit-animation: fadein 5s;-o-animation: fadein 5s}
.fadeo1 {animation: fadeout 1s;-moz-animation: fadeout 1s;-webkit-animation: fadeout 1s;-o-animation: fadeout 1s}
#ILT, #IST {white-space: nowrap;font-weight: 300;color: #333;}
#ILT {padding: 0 0 0 20px;font-size: 240%;}
.trigram {position: relative; top:0px; left:0px; margin-right: 6px; font-size: 130%;color: #747474;}
#IST {padding: 0 0 42px 20px; font-size: 160%;line-height: 1.5;}
.sidenav h3, .sidenav h4, .sidenav h5 {font-weight: 300;color: #adadad;}
.sidenav h3 {padding: 0 0 16px 20px;font-size: 150%}
.sidenav h4 {padding: 0 0 14px 28px;font-size: 130%}
.sidenav h5 {padding: 18px 0 12px 20px;font-size: 10px;}
.sidenav .submenu {display: none;}

@keyframes fadeout{from{opacity:1}to{opacity:0}}@-moz-keyframes fadeout{from{opacity:1}to{opacity:0}}@-webkit-keyframes fadeout{from{opacity:1}to{opacity:0}}@-o-keyframes fadeout{from{opacity:1}to{opacity:0}}
@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein-cartel{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein-cartel{from{opacity:0}to{opacity:1}}@-o-keyframes fadein-cartel{from{opacity:0}to{opacity:1}}
@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein-icartel{from{opacity:0}to{opacity:0.8}}@-webkit-keyframes fadein-icartel{from{opacity:0}to{opacity:0.8}}@-o-keyframes fadein-icartel{from{opacity:0}to{opacity:0.8}}

/* Content */
#content {margin: 22px 10px 10px 315px;text-align: justify;text-justify: distribute-all-lines;line-height: 0;letter-spacing: -.31em}
#content:after {content: '.';height: 0 !important;width: 100%;overflow: hidden !important;visibility: hidden;font-size: 0;word-spacing: 100%}
#content > * {text-align: left;line-height: 1;letter-spacing: 0}
#content .text {margin: 94px 69px 42px 44px; text-align: justify; font-size: 133%; font-weight: 300; line-height: 1.3;}
#txt_content_ct {margin-top: 42px;font-size: 12px;}
#social {display: none;position: absolute;height: 30px;right: 3px;bottom:3px;}
.cartel {display: block;background: #f0f0f0;opacity: .8;color: #000;padding: 20px 20px 42px;height: 500px;width: 500px;overflow-y: scroll;font-size: 130%;Line-Height: 1.3;font-weight: 300;text-align: justify;}
.cartel p {text-align: center;font-size: 110%;font-weight: 700;margin: 18px 0 28px 0;}
.icartel {display: block;position: relative ;top: -60px;margin-left: 50%;background: #f8f8f8;opacity: .8;color: #000;padding: 7px 9px;min-height: 90px;max-height: 200px;width: 500px;overflow-y: scroll;font-size: 110%;Line-Height: 2;text-align: left;animation: fadein-icartel 2.5s;-moz-animation: fadein-icartel 2.5s;-webkit-animation: fadein-icartel 2.5s;-o-animation: fadein-icartel 2.5s}
.icartel p {font-size: 110%;font-weight: 700}

a.icon {position: relative;text-decoration: none;}
@media screen and (min-device-width: 1200px) {a.icon img {height: 25px;margin-right: 6px;}}
@media screen and (max-device-width: 1199px) {a.icon img {height: 100px;margin-right: 18px;}}
a.icon span {display: none;}
a.icon:hover {background: none;z-index: 500;}
a.icon:hover span {display: inline;position: absolute;text-align: left;font-size: 90%;white-space: nowrap;border-radius: 4px;top: 21px;left: 16px;background: #000;color: #d9d9d9;padding: 5px;box-shadow: 2px 2px 4px #181818;}

/* Slide */
.row {transition: opacity .5s;display: none;}
* {box-sizing: border-box;}
.column {display: grid;}
.slides {}
/* .slides img {border: 18px solid #fff;} */
.slides a {display: none;}
.slides a span {font-size: 150%;}
.prev, .next {cursor: pointer;position: absolute;top: 0; left:315px; height: 85%;width: 20%;transition: 0.6s ease;z-index:500;}
.next {left: 85%;}
.prev_bt {width: 15%;background: url("./images/prev.svg") 0 50% no-repeat;}
.next_bt {width: 15%;background: url("./images/next.svg") 98% 50% no-repeat;}

/* Fading animation */
.fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}}
@keyframes fade {from {opacity: .4} to {opacity: 1}}

/* Footer */
.footer {position: fixed; top: 93%;display: inline-block;float: left;height: 30px;margin: 20px 0 20px 28px;text-align: left;line-height: 1.4;}
.footer p {font-size: 11px;color: #737373}
.footer a {color: #000}
.footer a:hover {color: #ccc}
p.copyright {float: left;color: #333}
p.copyright span {color: #737373;margin-left: 13px}