@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 {  font-family: 'Josefin Sans', sans-serif; font-size: 18px; text-decoration: none; margin: 0; word-wrap: break-word; }

p { line-height: 25px; }

td { line-height: 25px; }


.legende { font-size: 13px; color: #000; text-decoration: none; }

.souligne { border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 10px; }

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: #444; color: #000; text-decoration: none; }
a.lien2:visited { text-decoration: none; color: #000; }
.lien2 { color: #000; margin: 3px; padding-left: 0px; padding-right: 0px; text-decoration: none; background: #fff; border: 0px solid #000; }

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: underline; 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; }


/*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; }*/



@media screen and (max-width: 768px)
{
    h1 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0.05em; margin-top: 0px; margin-bottom: 0px; font-size: 29px; text-decoration: none; text-transform: uppercase; color: #000; }
    h2 { font-family: 'acherus_grotesqueblack'; color: #000; font-size: 16px; text-decoration: none; margin-top: 10px; margin-bottom: 20px; letter-spacing: 0em; text-transform: uppercase; font-weight: 600; }
    h3 { font-family: 'acherus_grotesqueblack'; color: #000; font-size: 16px; text-decoration: none; margin-top: 10px; margin-bottom: 10px; letter-spacing: 0em; text-transform: uppercase; font-weight: 600; }
    h4 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0em; font-size: 15px; color: #000; text-decoration: none; text-transform: uppercase; font-weight: 600; margin-top: 0; }
    .menu { font-size: 14px; background-color: #fff; color: #000; text-decoration: none; padding: 18px; text-transform: uppercase; display: block; border-bottom: 1px solid #ddd; }
    .email { font-size: 14px; background-color: #000; color: #fff; text-decoration: none; padding: 11px; text-transform: uppercase; font-weight: bold; display: block; }
}


@media screen and (min-width: 769px)
{
    h1 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0.05em; margin-top: 0px; margin-bottom: 0px; font-size: 50px; text-decoration: none; text-transform: uppercase; color: #000; }
    h2 { font-family: 'acherus_grotesqueblack'; color: #000; font-size: 26px; text-decoration: none; margin-top: 10px; margin-bottom: 20px; letter-spacing: 0em; text-transform: uppercase; font-weight: 600; }
    h3 { font-family: 'acherus_grotesqueblack'; color: #000; font-size: 16px; text-decoration: none; margin-top: 10px; margin-bottom: 10px; letter-spacing: 0em; text-transform: uppercase; font-weight: 600; }
    h4 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0em; font-size: 15px; color: #000; text-decoration: none; text-transform: uppercase; font-weight: 600; margin-top: 0; }
    .menu { font-size: 14px; background-color: #fff; color: #000; text-decoration: none; padding: 25px 20px; text-transform: uppercase; display: inline-block; }
    .email { font-size: 15px; background-color: #000; color: #fff; text-decoration: none; padding: 17px 35px; text-transform: uppercase; font-weight: bold; }
}