@font-face {
    font-family: 'acherus_grotesqueblack'; src: url('acherus_grotesque_-_black-webfont.eot'); src: url('acherus_grotesque_-_black-webfont.eot?#iefix') format('embedded-opentype'), url('acherus_grotesque_-_black-webfont.woff2') format('woff2'), url('acherus_grotesque_-_black-webfont.woff') format('woff'), url('acherus_grotesque_-_black-webfont.ttf') format('truetype'), url('acherus_grotesque_-_black-webfont.svg#acherus_grotesqueblack') format('svg'); font-weight: normal; font-style: normal;
}

body, td {  font-family: 'Josefin Sans', sans-serif; font-size: 18px; text-decoration: none; margin: 0; word-wrap: break-word; }
img { max-width: 100%; vertical-align: bottom; border: none; }

.legende { font-size: 13px; color: #000; text-decoration: none; }
hr { background-color: #eee; margin-top: 40px; margin-bottom: 40px; }
a.lien:hover { color: #ddd; text-decoration: none; }
a.lien:visited { text-decoration: none; color: #999; }
.lien { color: #999; border-bottom: 1px solid #888; padding: 1px; text-decoration: none; }
a.lien2:hover { background: #eee; color: #000; text-decoration: none; }
a.lien2:visited { text-decoration: none; color: #666; }
.lien2 { color: #000; margin: 3px 3px 3px 0; text-decoration: none; background: #fff; border: 1px solid #ddd; border-radius: 20px; padding: 7px 17px; }
a:hover { text-decoration: underline; color: #999; }
a:visited { text-decoration: underline; color: #999; }
a.menu:hover { color: #000; text-decoration: none; }
a { text-decoration: none; color: #999; }
.ul { -webkit-padding-start: 0px; }
.li { list-style-type: none; background-image: url(images/puce.png); background-repeat: no-repeat; background-position: left top; padding-left: 20px; }
.li2 { list-style-type: none; background-image: url(images/puce2.png); background-repeat: no-repeat; background-position: left top; padding-left: 20px; }
.slide { border: none; border: 0px; vertical-align: bottom; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a.email:hover { background-color: #333; color: #fff; text-decoration: none; }
a.email:visited { color: #fff; text-decoration: none; }

/*cookies*/
.cc-bottom { bottom: 50px !important; }


/*prodibi*/
    /*.prodibi-mediaView .brand { display: none !important; }
    .prodibi-mediaView { background: #fff!important; }
    .prodibi-grid .el-column { position: absolute !important; display: block !important; border: 1px solid #eee!important; }
    .prodibi-mediaView .svgLine { fill: none; stroke: #000!important; }
    .prodibi-mediaView .controlSet { background-color: rgba(255, 255, 255, 0)!important; }
    .prodibi-mediaView .svgDot { fill: #000!important; stroke: #000!important; }
    .prodibi-mediaView svg { width: 22px!important; height: 25px!important; stroke: rgba(255, 255, 255, 0.5)!important; }
    .prodibi-mediaView .zoomProgress { line-height: 28px!important; color: #000!important; }
    .prodibi-mediaView .svgPolyline { stroke-width: 5px!important; }
    /*.prodibi-grid { margin-top: 5px!important; clear: both!important; }*/
    /*.prodibi-mediaView .controlSet { height: 35px!important; background-color: rgba(255, 255, 255, 0.5)!important; }
    .prodibi-mediaView .separator { color: rgba(204, 204, 204, 0)!important; }
    /*.prodibi-grid .el-google { box-sizing: border-box!important; margin: 0 20px 20px 0!important; }*/

canvas[data-prodibi] {
    padding: 5px !important;
}
.prodibi * {
    background-color: #333 !important;
}
.prodibi.prodibi_brand, .prodibi .prodibi_brand {
    display: none !important;
}
.prodibi.prodibi_brand, .prodibi.prodibi_brand:active, .prodibi.prodibi_brand:hover, .prodibi.prodibi_brand:focus, .prodibi.prodibi_brand .prodibi_powerByIcon, .prodibi .prodibi_brand, .prodibi .prodibi_brand:active, .prodibi .prodibi_brand:hover, .prodibi .prodibi_brand:focus, .prodibi .prodibi_brand .prodibi_powerByIcon {
    display: none !important;
}
.prodibi *, .prodibi *::before, .prodibi *::after {
    color: #607D8B !important;
}



/* mobile */
@media screen and (max-width: 768px)
{
    h1 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0.05em; margin: 30px 0 20px 0; font-size: 22px; color: #000; text-decoration: none; text-transform: uppercase; }
    h2 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0em; margin: 20px 0 30px 0; font-size: 14px; color: #000; text-decoration: none; text-transform: uppercase; }
    .bottom { float: none; position: absolute; bottom: 15%; z-index: 500; float: none; left: 50%; margin-left: -35px; width: 70px; }
    .box { margin: auto; }
    .col-1 { max-width: 90%; margin: 0 5%; padding: 20px 0 50px 0; }
    .col-3 { margin: 20px 0; background-color: #d4e8ea; }
    .col-intro { text-align: center; padding: 2px 15px 25px 15px; }
    .col-web { padding: 0 0 30px 0; background-color: #fff; border-bottom: 1px solid #eee; text-align: center; }
    .contact2 { background: url(images/bak-contact.png) bottom center; height:109px; }
    .contact2b { max-width: 400px; margin: auto }
    .email { font-size: 13px; background-color: #000; color: #fff; text-decoration: none; padding: 15px; text-transform: uppercase; font-weight: bold; }
    .menu { font-size: 14px; background-color: #fff; color: #000; text-decoration: none; padding: 13px; text-transform: uppercase; display: block; border-bottom: 0px solid #eee; }
    .mobile-no { display: none }
    .titre { font-family: 'acherus_grotesqueblack'; letter-spacing: 0.05em; margin: 0px; font-size: 26px; text-decoration: none; text-transform: uppercase; color: #000; }
    .top { display: none; }
    .top2 { float: none; position: fixed; bottom: 40px; right: 10px; z-index: 5000; }
    .web { margin: 0 0 30px 0; border: 1px solid #eee; }
    #contact { width: 100%; background-color: #cfcbc3; padding-bottom: 40px; }
    #intro { width: 90%; margin: 0 5%; }
    #menu { background: #fff; }
    #mobile { max-width: 70% }
    #parallax { min-height: 275px; }
    #slider { display: none }
    
    /*floating-box*/
    .box { margin: auto; column-count: 1; }
    .floating-box, .floating-boxv, .floating-boxh { display: inline-block; margin: 0 10px 10px 10px; position: relative }
    .img-leg { bottom: 0; left: 0; font-size: 16px; position: absolute; padding: 20px 10px; width: 100%; box-sizing: border-box; background-color: rgba(225,225,225,0.6); text-decoration: none; text-align: left; color: #000; }
    .img-leg:hover { text-decoration: none; background-color: rgba(0,0,0,0.8); color: #fff; }
    .overlay { transition: All 0.5s ease 0s; -webkit-transition: All 0.5s ease 0s; -moz-transition: All 0.5s ease 0s; -o-transition: All 0.5s ease 0s; -ms-transition: all 0.5s ease 0s ; }
    .overlay:hover { opacity: 0.3; }
    .box-img1, .box-img2, .box-img3, .box-img4, .box-img5, .box-img6, .box-img7 { float: none }
}


/* tablette */
@media screen and (min-width: 769px) and (max-width: 1024px)
{
    h1 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0.05em; color: #000; font-size: 26px; margin: 30px 0 20px 0; text-decoration: none; text-transform: uppercase; }
    h2 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0em; color: #000; font-size: 14px; margin: 20px 0 30px 0; text-decoration: none; text-transform: uppercase; }
    .bottom { float: none; position: absolute; bottom: 15%; z-index: 500; float: none; left: 50%; margin-left: -35px; width: 70px; }
    .col-1 { max-width: 90%; margin: 5%; padding: 30px 0 100px 0; }
    .col-3 { max-width: 30%; margin: 1.5%; float: left}
    .col-intro { text-align: center; padding: 20px; margin: 0; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #eee; }
    .col-web { padding: 18px 0; background-color: #fff; border: 0px solid #eee; text-align: center; }
    .contact2 { background: url(images/bak-contact.png) bottom center; height:109px; }
    .contact2b { max-width: 400px; margin: auto }
    .email { font-size: 15px; background-color: #000; color: #fff; text-decoration: none; padding: 17px 35px; text-transform: uppercase; font-weight: bold; }
    .menu { font-size: 12px; background-color: #fff; color: #000; text-decoration: none; padding: 24px 20px; text-transform: uppercase; display: inline-block; }
    .tablet-no { display: none}
    .titre { font-family: 'acherus_grotesqueblack'; letter-spacing: 0.05em; margin: 0px; font-size: 40px; text-decoration: none; text-transform: uppercase; }
    .top { display: none; }
    .top2 { float: none; position: fixed; bottom: 20px; right: 40px; z-index: 5000; }
    .web { margin: 0 0 30px 0; border: 1px solid #ececec; }
    #contact { width: 100%; background-color: #cfcbc3; padding-bottom: 40px; }
    #intro { width: 90%; margin: 0 5%; position: absolute; top: 5%; z-index: 1000; }
    #menu { float:none; position:fixed; top:0%; z-index:2000; width:100%; border:1px solid #f5f5f5; background:#fff; }
    #mobile { display: none; }
    #parallax { min-height: 500px; }
    
    /*floating-box*/
    .box { margin: auto; column-count: 3; column-gap: 20px; align-content: flex-start; align-items: start; }
    .floating-box, .floating-boxv, .floating-boxh { display: inline-block; margin: 0 0 15px 0; float: left; position: relative }
    .img-leg { bottom: 0; left: 0; position: absolute; padding: 20px; width: 100%; box-sizing: border-box; background-color: rgba(225,225,225,0.6); text-decoration: none; text-align: left; color: #000; }
    .img-leg:hover { text-decoration: none; background-color: rgba(0,0,0,0.8); color: #fff; }
    .overlay { transition: All 0.5s ease 0s; -webkit-transition: All 0.5s ease 0s; -moz-transition: All 0.5s ease 0s; -o-transition: All 0.5s ease 0s; -ms-transition: all 0.5s ease 0s ; }
    .overlay:hover { opacity: 0.3; }
    .box-img1, .box-img2, .box-img3, .box-img4, .box-img5, .box-img6, .box-img7 { float: none; align-content: flex-start; align-items: start; }
    
    /*addthis*/
    .atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper { background-color: transparent!important; }
    .atss .at-share-btn, .atss a { background-color: transparent!important; }
}


/* bureau */
@media screen and (min-width: 1025px)
{
    h1 { font-family: 'acherus_grotesqueblack'; color: #000; font-size: 29.5px; text-decoration: none; margin: 70px 0 30px 0; letter-spacing: 0em; text-transform: uppercase; }
    h2 { font-family: 'acherus_grotesqueblack'; color: #000; font-size: 14px; text-decoration: none; margin: 15px 0 15px 0; letter-spacing: 0em; text-transform: uppercase; }
    .bottom { float: none; position: absolute; bottom: 10%; z-index: 500; float: none; left: 50%; margin-left: -35px; width: 70px; }
    .col-1 { max-width: 76%; margin: auto; padding: 30px 0 50px 0; }
    .col-3 { width: 33%; float:left; }
    .col-intro { padding: 20px 30px; margin: 0 20px 0 20px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #eee; }
    .col-web { padding: 20px 20px 40px 20px; margin: 10px; background-color: #fff; border-bottom: 0px solid #ccc; }
    .contact2 { background: url(images/bak-contact.png) bottom center; height: 109px; }
    .contact2b { max-width: 400px; margin: auto }
    .desktop-no { display: none }
    .email { font-size: 15px; background-color: #000; color: #fff; text-decoration: none; padding: 17px 35px; text-transform: uppercase; font-weight: bold; }
    .menu { font-size: 12px; background-color: #fff; color: #000; text-decoration: none; padding: 25px 20px; text-transform: uppercase; display: inline-block; }
    .titre { font-family: 'acherus_grotesqueblack'; letter-spacing: 0.05em; margin: 0px; font-size: 55px; text-decoration: none; text-transform: uppercase; }
    .top { display: none; }
    .top2 { float: none; position: fixed; bottom: 20px; right: 40px; z-index: 5000; }
    .web { margin: 0 0 30px 0; border: 1px solid #eee; border-radius: 4px; }
    #contact { width: 100%; background-color: #cfcbc3; padding-bottom: 40px; }
    #intro { max-width: 80%; margin: 0 10%; position: absolute; top: 5%; z-index: 1000; }
    #menu { float:none; position:fixed; top:0%; z-index:2000; width:100%; border:1px solid #f5f5f5; background:#fff; }
    #mobile { display: none; }
    #parallax { min-height: 700px; }
    
    /*floating-box*/
    .box { margin: auto; column-count: 4; column-gap: 20px }
    .floating-box, .floating-boxv, .floating-boxh { display: inline-block; margin: 0 0 7px 0; height: auto; float: none; position: relative }
    .img-leg { bottom: 0; left: 0; position: absolute; padding: 20px; width: 100%; box-sizing: border-box; background-color: rgba(225,225,225,0.6); text-decoration: none; text-align: left; color: #000; }
    .img-leg:hover { text-decoration: none; background-color: rgba(0,0,0,0.8); color: #fff; }
    .overlay { /*transition: All 0.5s ease 0s; -webkit-transition: All 0.5s ease 0s; -moz-transition: All 0.5s ease 0s; -o-transition: All 0.5s ease 0s; -ms-transition: all 0.5s ease 0s ;*/ }
    .overlay:hover { opacity: 0.3; }
    .box-img1, .box-img2, .box-img3, .box-img4, .box-img5, .box-img6, .box-img7 { float: none; }

    /*addthis*/
    .atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper { background-color: transparent!important; }
    .atss .at-share-btn, .atss a { background-color: transparent!important; }
}


@media screen and (min-width: 769px) and (max-width: 1200px)
{   
    h1 { font-size: 26px; }    
    .col-1 { margin: 0 20px 0 45px; }
}