a.check{padding:15px 10px;background-color:#FFF;color:#253d45;border-radius:25px;white-space:nowrap;display:inline-block;font-size:0.6875rem}
a.check em{display:inline-block;p
vertical-align:top;padding-top:2px;font-weight:700}
a.check span{display:inline-block;margin-left:5px;width:20px;height:12px;background-color:#253d45;position:relative;border-radius:10px;overflow:hidden;vertical-align:top}
a.check span::after{content:'';display:block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:5px;background-color:#a5afb5;-webkit-transition:left 300ms;-o-transition:left 300ms;transition:left 300ms}
a.check:hover span::after{left:8px;background-color:#ed802a}
#scrolltop{text-align:center;padding:20px}
#scrolltop a{display:inline-block;width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #ed802a transparent;border-radius:5px}
@media screen and (max-width:799px),screen and (min-width:800px) and (max-width:1299px) and (orientation:portrait){a.check span::after{content:'';display:block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:5px;background-color:#a5afb5;-webkit-transition:left 300ms;-o-transition:left 300ms;transition:left 300ms}
a.check:hover span::after{left:0;background-color:#a5afb5}}#shortcuts{margin-bottom:70px;padding:0 20px}
.shortcut{width:350px;margin:0 10px;padding:30px;background:#ed802a url('https://www.giraconseil.fr/medias/imports/background_checkers.png') center center;color:#FFF;text-align:center}
#shortcut1{border-radius:0 0 0 30px}
#shortcut3{border-radius:0 30px 0 0}
.shortcut.grey{background:#253d45 url('https://www.giraconseil.fr/medias/imports/background_checkers_transparent.png') center center}
.shortcut strong{display:block;border-style:solid;border-width:1px 0;border-color:#FFF;text-align:center;padding:10px 5px 5px;text-transform:uppercase;margin-bottom:20px}
.shortcut h3{height:55px;fz0.875rem;line-height:1.3rem}
.shortcut h3 span{display:block;text-transform:uppercase}
.shortcut .item{font-size:0.75rem;line-height:1.2rem;text-align:left;text-align:justify;margin-bottom:10px}
.shortcut .links span.right{display:block;margin-bottom:20px;text-align:right}
.shortcut .right a{color:#FFF;font-size:0.75rem;padding-bottom:1px;position:relative}
.shortcut .right a::after{content:'';display:block;position:absolute;bottom:0;left:0;width:0;height:1px;overflow:hidden;background-color:#FFF;-webkit-transition:width 300ms;-o-transition:width 300ms;transition:width 300ms}
.shortcut .right a:hover::after{width:100%}
strong.h1title{margin-bottom:10px;color:#ed802a}
#logos{background-color:#d4dbe1;padding:30px;border-radius:0 30px;width:-webkit-calc(100% - 80px);width:calc(100% - 80px);max-width:1400px;margin:0 auto 50px;text-align:center}
#logos h2{color:#e54e10;font-size:0.875rem;letter-spacing:0.1rem;text-transform:uppercase;font-weight:700}
#logos .box{width:-webkit-calc((100% - 150px)/4);width:calc((100% - 150px)/4);margin-top:40px}
#logos .box .title{width:100%}
#logos .box h3{display:inline-block;width:180px;font-size:0.75rem;text-transform:uppercase;border-style:solid;border-width:1px 0;border-color:#000;margin-bottom:20px;padding:8px 10px 6px;font-weight:700}
#logos .box h3 span{display:none}
#logos .box .hover{position:relative;width:127px;height:56px;margin:5px 0;cursor:pointer}
#logos .box img{vertical-align:top;display:inline-block}
#logos .box img.logo{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;-webkit-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}
#logos .box img.logo:hover{opacity:1}
#logos .box span{font-size:1.5rem;display:inline-block;vertical-align:top;width:127px;height:56px}
#logos .box span a{color:#FFF;display:block;padding:12px 10px}
#logos .box span a:hover{color:#253d45}
@media screen and (max-width:799px),screen and (min-width:800px) and (max-width:1299px) and (orientation:portrait){#shortcuts{margin-bottom:30px;padding:0 20px}
.shortcut{width:100%;max-width:350px;margin:10px 0}
#shortcut1{border-radius:30px 0 0 0}
#shortcut3{border-radius:0 0 30px 0}
.shortcut h3{height:auto;padding-bottom:20px}
.shortcut .item{font-size:1rem;line-height:1.4rem}
.shortcut .links span.right{margin:10px 0 30px}
.shortcut .right a::after{width:100%}
.shortcut .right a:hover::after{width:100%}
#logos.wrapin{padding:30px 20px;border-radius:0;width:100%;max-width:100%;margin:0 0 50px}
#logos h2{font-size:1rem;line-height:1.4rem}
#logos .box{width:100%}
#logos .box .title{width:100%}
#logos .box h3{width:80%;font-size:1rem}}