body{font-family:Arial, Helvetica, sans-serif;margin:0;font-size:100%;color:#000000;background-color:#ffffff;text-decoration:none;list-style:none;height:100%;}
*{font-family:Arial, Helvetica, sans-serif;line-height:16px;}
li,a{text-decoration:none;list-style:none}
img{max-width:100%;height:auto;box-sizing:border-box;}
a{}
p{font-size:75%;line-height:16px;text-align:justify;}
.p-fleche a:hover{color:#c1c1c1;text-decoration:none;}
.p-fleche a{color:#6e6e6e;}
.p-text-center{text-align:center;font-size:100%;}
.titel{width:100%;float:left;margin:2em 0;}
.titel>h1,.title-page>h1{float:left;padding:0.5em;font-size:100%;background:#6e6e6e;line-height:16px !important;color:#FFFFFF;font-weight:bold;}
.title-page>h2{float:left;padding:0.5em;font-size:93%;background:#B8B8B8;line-height:16px !important;color:#FFFFFF;font-weight:bold;}
.titel>h1{width:39%;}
.title-page{float:left;width:100%;}
.title-page>h1,.title-page>h2{width:54%;}
.title-page-produit>h1{width:100%;float:left;padding:0.5em;font-size:88%;background:#6e6e6e;line-height:16px !important;color:#FFFFFF;font-weight:bold;}
.desc-bloc{background:#6e6e6e;color:#FFF;font-weight:bold;height:35px;padding:6px;}
.desc-bloc a{color:#fff;font-weight:bold;font-size:80%;}
.bloc-img{float:left;width:30%;margin-right:1.3%;margin-bottom:2%;}
h3{font-size:75%;margin-top:0.3em;}
#page{width:100%;margin-left:auto;margin-right:auto;position:relative;}
.stickers-pied-page{margin: 0 13%; width: 35%;}
.logo-batiment{width: 100%; float: left; margin: 0 0 11% 7%;}
.div-contact-produit{display:block;cursor:pointer;border:0px;color:#FFF;padding:0px 0px 0px 6px;line-height:24px;width:26.5% !important;height:24px;margin:5% 0 0 0;float:right;}
#header{width:983px;height:120px;margin:0 auto;}
#content{width:983px;margin:0 auto;min-height:600px;}
.ref{font-size: 0.8em; font-weight: 600; background-color: #F9F300; padding: 1%;}
.text-description{margin-top:2%;}

#container{}
.bloc-group{margin:2% auto;float:left;width:100%;}
.bloc-g li{width:10%;float:left;line-height:1.7em;background:#F9F300;color:#000;font-size:75%;padding:0.2em 0.4em;font-weight:bold;}
.bloc-g li:hover{color:#fff;background:#5b5858;font-weight:bold;}
.bloc-gris{margin-top:0.1em;padding:0.5em 0;background-color:#e6e6e6;}
.focus,.bloc-gris{float:left;width:100%;}
.bloc-image{float:left;width:18.9;position:relative;margin:0.1em 0.32em;}
.img-focus{height:auto;width:100%;}
.logo img{height:auto;width:100%;}
.img-focus img{height:auto;width:100%;}
.petit-play{position:absolute;right:0px;margin:-1.5em 0;float:right;z-index:111;}
.text-focus{font-size:65%;}
.logo_titre,.bloc-logo{float:left;}
.bloc-logo{margin-left:7em;margin-top:0.5em;}
.bloc-logo a{color:#6e6e6e;font-size:83%;}
.barre-jaune{background:#f9f300;float:left;width:1px;height:17px;margin:0px 15px;}
.a-barre{float:left;}
.chemin{font-size:70%;color:#6e6e6e;margin-bottom:0.5em;float:left;width:100%;}
.p-fleche{float:left;}
.div-fleche{float:left;margin:0 1% 0 1%;}
.text-left,.text-left2{float:left;font-size:75%;width:47%;text-align:justify;}
.text-left{margin:0 2.8em 0 0;}
.ul-page-fraenkische{width:100%;float:left;}
.ul-page-fraenkische>ul>li{width:23%;float:left;font-size:80%;text-align:center;line-height:31px;margin:3% 0.3% 0 0;}
.ul-page-fraenkische>ul>.t2-li-contact{background:rgb(142, 141, 141);}
.ul-page-fraenkische>ul>.t2-li-contact a{display:block;color:#fff;    width: 100%;line-height: 31px;font-weight:bold; }
.ul-page-fraenkische>ul>li>span{font-weight:bold;}
.text-page-fraenkische-2,.text-page-fraenkische-3,.text-page-fraenkische-4{float:left;width:75%;border:1px solid #F9F300;margin:1% 0 3% 0;display:none;}
.text-page-fraenkische-1{float:left;width:75%;border:1px solid #F9F300;margin:1% 0 3% 0;}
.img-page-fraenkische-2,.img-page-fraenkische-3,.img-page-fraenkische-4{display:none;}
.text-page-fraenkische-1 p,.text-page-fraenkische-1>h3,.text-page-fraenkische-2 p,.text-page-fraenkische-3 p,.text-page-fraenkische-4 p{padding:2%;}
.text-page-fraenkische-1 p>a{text-decoration:underline;}
.text-page-fraenkische-1 img{margin:0 0 0 8%;}
.text-page-fraenkische-2,.text-page-fraenkische-3,.text-page-fraenkische-4{float:left;width:75%;border:1px solid #F9F300;margin:1% 0 3% 0;display:none;}
.text-page-fraenkische-2 img{width:25%;float:left;margin:2% 0 2% 2%;}
.fraenkische-2-p{margin:0 0 2% 2%;float:left;width:65%;}
.div-gamme{float:left;}
.t2-li span,.t3-li span,.t4-li span{color:#fff;cursor:pointer;}
.t1-li span{color:#000;cursor:pointer;}
.t2-li,.t3-li,.t4-li{background-color:#8e8d8d;font-weight:bold;}
.t1-li{background-color:#F9F300;}
a .t2-li{width:23%;float:left;font-size:80%;text-align:center;line-height:31px;margin:3% 0.3% 0 0;}
table tr td{padding-top:5px;border:0px;text-align:center;width:100px;font-size:70%;}
table{border-collapse:collapse;padding:0px;width:100%;border:0px;}
.td-image{width:15%;}
.td-text{padding-left:11%;width:68%;font-weight:bold;text-align:left;}
.div-telecharger{display:block;float:left;background:#b9b9b9;padding:0px 0px 0px 6px;height:24px !important;margin-bottom:2px;width:82px;}
.div-telecharger a{background:url(../img/download.png) no-repeat center right;color:#FFF;padding-right:20px;line-height:24px !important;}
.div-feuilleter{display:block;float:left;background:#b9b9b9;padding:0px 0px 0px 6px;height:24px !important;margin-bottom:6%;width:82px;}
.div-feuilleter a{display:block;color:#FFFFFF;line-height:24px !important;text-align:left;}
.div-feuilleter img{display:block;color:#FFFFFF;line-height:24px !important;text-align:left;margin:-20px 0 0 58px;float:left;}
.stickers{margin:0 auto;width:80%;display:block;}
.links{float:left;width:183px !important;padding-right:17px;}
.kompetenznavigation{text-align:left;display:block;margin-bottom:15px;}
.titel-liste{height:17px !important;padding:6px;background-color:#B8B8B8;margin-bottom:2px;color:#FFFFFF;font-weight:bold;line-height:17x;font-size:80%;}
.titel-liste-gauche{height:17px !important;padding:4px;background-color:#B8B8B8;margin-bottom:2px;color:#FFFFFF;font-size:60%;}
.titel-liste a{padding:0;}
.titel-liste span{color:#FFFFFF;font-weight:bold;line-height:12px;margin-bottom:2px;height:12px !important;padding:6px;}
.div-contact{float:left;width:100%;margin-top:40px;display:block;}
.fin-contact{float:left;width:100%;margin:7% 0 3%;}
.n-contact{float:left;width:73%;}
.nom-contact{background:#6e6e6e;width:70%;color:white;padding:5px;font-weight:bold;}
.p-contact{margin:50px 0 0;}

.ligne-horizontale{border:1px solid rgba(230, 230, 230, 0.55);width:70%;margin:0px 7%;}
.ligne{width:100%;float:left;}
.bloc-produit{float:left;margin-bottom:3%;}
.bloc-produit-faq{float:left;margin:2% 0;width:100%}
.h4-quest-faq{margin:1% 0;cursor:pointer;}
.div-img-produit{width:50%;float:left;}
.div-produit{float:left;margin:3% 0;width:100%;}
.div-produit a{color:#000;}
.div-produit a:hover{color:#a1a1a1;}
.div-produit>div{float:left;width:50%;}
.img-text img{margin:13% 2% 0;float:left;}
.img-text2{float:left;width:40%;}
.img-text-strasil,.img-text-rigoclean{float:left;width:50%;}
.img-text3 img{margin:2%;}
.img-text2 p,.img-text-rigoclean p{text-align:center;font-size:80%;}
.bloc-image-text{width:100%;float:left;margin:5% 0 5% 0;}
.div-strasil{float:left;width:50%;margin:16% 0 0 0;}
.div-strasil p{padding-right:10%;}
.img-strabusil{float:left;width:33%;}
.img-strabusil p{text-align:center;}
.img-kit{float:left;width:100%}
.img-kit div{width:50%;margin:0 auto;}
.kompetenznavigation ul li{display:block;font-size:75%;}
.kompetenznavigation ul li:hover{}
.kompetenznavigation .ebene-1-inaktiv a:link, .kompetenznavigation .ebene-1-inaktiv a:visited{background-color:#e6e6e6;}
.kompetenznavigation .ebene-1-inaktiv a:hover{background-color:#fdfbb2;}
.a-menu-vertical{text-decoration:none;line-height:12px;display:block;margin-bottom:2px;padding:6px 2px 5px 4px;color:#000;}
a:link, a:visited, a:hover, a:active{text-decoration:none;cursor:pointer;}
.td-couleur,.td-couleur1{width:13%; text-align:left;}
.td-couleur1{color:#fff;}
.tr-couleur{background:#A6A6A6;height:30px;}
.code-couleur td{text-align:left;background:#D9D9D9;height:30px;}
.ff-genius-couleur tr td{padding:5px;}
.red{background:red;}
.vert{background:#00B050;}
.jaune{background:#FFFF00;}
.bleu{background:#0070C0;}
.marron{background:#663300;}
.blanc{background:#fff;}
.orange{background:#E46C0A;}
.ff-genius-couleur{font-weight:bold;margin:15px;width:95%;}
.couleur-texte{width: 90%;text-align: left;padding-left: 5px;}
#appli_mobiles{display:none;}
.logo-apple-android{float:left;width:80%;text-align:center;}
.logo-apple-android img{margin-right:3%;}
@media screen and (min-width: 669px)

{.produit-picto img{width:12%;}}
@media screen and (max-width: 668px)
{
body{padding:0;}
.produit-picto img{width:40%;}}
.produit-picto td {text-align:left;padding-left:15px;}
#cont{width:79%;float:right;}
.main{float:left;width:78%;}
.main-2{width:56%;float:left;}
#footer{float:left;width:100%;}
.footer{width:983px;margin-left:auto;margin-right:auto;overflow:hidden;background:#e6e6e6;text-align:left;font-size:75%;}
.infonavigation{float:left;width:194px !important;padding-left:6px;padding-top:13px;}
.seo-boxen{float:left;width:600px;padding-top:13px;}
.linkbox .linkbox-eintrag{float:left;}
.linkbox .linkbox-eintrag a{padding-left:10px;line-height:16px;color:#a1a1a1;}
.linkbox .linkbox-link{float:left;line-height:16px;color:#a1a1a1;padding-right:10px;}
.linkbox .linkbox-pipe{float:left;line-height:16px;color:#a1a1a1;}
.adressbox{float:left;width:177px !important;padding-left:6px;padding-top:13px;background:#6e6e6e;}
.adressbox *{color:#FFF;line-height:24px;}
.adressbox .text{margin-bottom:13px;}
.modul-kontakte-rechts{float:left;}
iframe{border:0;}
.contact-admin{width:50%;float:left;}
.contact-expert{width:50%;float:left;}
.p-text-center{clear:both;}
/***mobile*/
.span-mobile{display:none;}
.menu_nav-mobile{display:none;}
.bloc-group-mobile{display:none;}
.div-contact-produit-mobile{display:none;}
#footer-mobile{display:none;}
.telephone{display:none;}
.enveloppe{display:none;}
.title-page-mobile{display:none;}
.trigger{display:none;}
.mp-menu{display:none;}
.footer-mobile{display:none}

@media screen and (max-width: 668px)
{
	.stickers{display:none;}
	#appli_mobiles{display:block;}
#appli_mobiles{float: left;width: 100%;}
#appli_mobiles>div{width:80%;margin:0 auto 5%;}
#appli_mobiles img{width:20%;margin:0 5%;}
.titre-appli-mobile{width:100%;float:left;font-size: 1em;font-family: Arial, Helvetica, sans-serif;font-weight:600;margin:0 0 5% 0;text-align:center;}
.contact-expert{display:none;}
/* propriétés pour mobile */
iframe{border:0;width:100%;}
#footer{display:none;}
.menu_nav{display:none;}
.menu_nav-mobile{display:block;}
.title-page-mobile{display:block;}
#slider{display:none;}
ul.drop ul{display:none;width:100%;}
ul.drop li:hover > ul{display:block;}
.trigger{display:block;}
.mp-menu{display:block;}
#header{width:80%;margin:0;float:left;position:absolute;height:10px}
#content{width:100%;}

ul.drop2 *.dir {width: 100%;font-size:400%;background-position:100% 50%;background-repeat:no-repeat;}
ul.drop2 ul li{line-height:1.8;border-bottom:4px solid #fff;background-color:#f6f6f6;}
ul.drop2 *.clair {background-color:#f6f6f6;float:left;}
ul.drop2 *.clair, ul.drop2 *.clair a:visited{color:#6e6e6e;}
ul.drop2 li>li:hover{color:#6e6e6e;}
ul.drop2 li.hover, ul.drop2 li:hover { color: #bbbaba;}

ul.drop2{margin:0;}
ul.drop2{font-weight:normal;}
ul.drop2 li{padding:7px 10px;background-color:#6E6E6E;color:#FFF;}
ul.drop2 a:visited{color:#fff;text-decoration:none;list-style:none}
ul.drop2 ul li a:visited, ul.dropdown ul li a:link{color:#6e6e6e;text-decoration:none;}
ul.drop2 ul li a:hover{color:#b0b0b0;text-decoration:none;}
ul.drop2 a:{color:#ffa500;text-decoration:none;}
ul.drop2 a:link{color:#6e6e6e;text-decoration:none;}
ul.drop2 a:hover{color:#F9F301;text-decoration:none;}
ul.drop2 a:active{color:#ffa500;}
ul.drop2 ul li{font-weight:normal;font-size:80%}
ul.drop2-horizontal ul *.dir{padding-right:15px;background-position:100% 50%;background-repeat:no-repeat;border-bottom:4px solid #fff;}
ul.drop2, ul.drop2 ul{list-style:none;margin:0;padding:0;}
ul.drop2{position:relative;z-index:597;float:left;width:100%;margin:2.5em 0 0;}
ul.drop2 li{float:left;line-height:1.3em;vertical-align:middle;zoom:1;}
ul.drop2 li.hover,ul.drop2 li:hover{position:relative;z-index:599;cursor:default;}
ul.drop2 ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%;}
ul.drop2 ul li{float:none;}
ul.drop2 ul ul{top:1px;left:99%;}
ul.drop2 li:hover > ul{visibility:visible;}
.picto>img{width:20%;}
img{max-width:200%;width:100%;}
.logo img{width:100%;}
.bloc-logo{visibility:hidden;}
body{padding:0;}
.menu-menu{float:right;margin:-5% 0 0 ;font-size:200%;width:9%}
.fermer{width: 2%;height:2%;float: right;margin: 0.3em;}
#header{margin:0;float:left;}
.bloc-group{display:none}
.bloc-group-mobile{display:block;}
.bloc-gris{background-color:#fff;}
.bloc-image{float:none;width:50%;margin:5% auto;border-bottom:3px solid #6E6E6E; }
h3{font-size:100%;}
.text-focus{font-size:150%;margin-bottom:2em;}
.bloc-g li{width:100%;background:#6E6E6E;color:#fff;font-size:100%;text-align:center;}
.chemin{display:none;}
.text-left, .text-left2{float:none;font-size:100%;width:90%;line-height:1.4;margin: 0 1em;}
.titel>h1{width:100%;}
.titel>h1, .title-page>h1{font-size:100%;}
.text-page-fraenkische-2,.text-page-fraenkische-3,.text-page-fraenkische-4,.text-page-fraenkische-1{width:95%;}

		
.kompetenznavigation{display:none;margin:0;padding:0;}
#cont{width:100%;float:left;}
.main,.main-2{width:100%;}
.title-page {float: left;width: 100%;}
.title-page>h1, .title-page>h2,.title-page-mobile>a{width:100%;line-height:15px !important;}
.title-page>h2{font-size:100%;}
.title-page-mobile>a{font-size:100%;float:left;padding:0.5em;background:#eaeaea;line-height:15px !important;color:#6e6e6e;font-weight:bold;margin:1em 0;}
.title-page-mobile img{width:3%;}
.div-p-produit{border-bottom:5px solid #6E6E6E;padding-bottom:4%;}
.div-produit{width:100%;}
.div-produit>div{margin:0 auto;float:none;width:80%;}
.bloc-produit-faq{margin:4% auto;float:none;width:95%;}
.div-img-produit{margin:0 auto;float:none;}
.img-page-fraenkische-1 ,.img-page-fraenkische-2, .img-page-fraenkische-3,.img-page-fraenkische-4 {width:80%;margin: 0 auto}
.div-produit p{font-size:100%;line-height:1.3;}
.div-contact-produit{display:none;}
.div-contact-produit-mobile{display:block;float:left;width:100%;margin: 10% 0;}
.div-contact-produit-mobile >div{margin:0 auto;width:80%;float:none}
.title-page-produit>h1{font-size:100%;line-height:15px !important;}
.ul-page-fraenkische{margin:0 0 0 2%;}
.ul-page-fraenkische>ul>li{width:31.5%;font-size:90%;line-height:31px;}
a .t2-li{width:30%;font-size:100%;line-height:60px;}

.text-page-fraenkische-1 p, .text-page-fraenkische-1>h3, .text-page-fraenkische-2 p, .text-page-fraenkische-3 p, .text-page-fraenkische-4 p{font-size:100%;line-height:20px;width:95%;}
.text-page-fraenkische-1 , .text-page-fraenkische-2 , .text-page-fraenkische-3, .text-page-fraenkische-4 {margin:0 0 0 2%}
.td-text{padding-left:5%}
.div-telecharger{width:90%;height:25px !important;line-height:1.6;}
.div-telecharger a img{width:27%}
.div-feuilleter{display:none}
.titel-liste-gauche{font-size:100%;height:20px !important;line-height:1;}
table tr td{font-size:70%;line-height:1;}
.text-page-fraenkische-1>p img{width:10%;}
.text-page-fraenkische-2 img{width:95%;}
.img-text2{float:none;margin:0 auto;}
.div-contact img, .fin-contact img{width:40%;}
.n-contact{width:60%;}
.n-contact p{font-size:80%;text-align:left;width:90%;line-height:1;margin-left:2%;}
.n-contact a{font-size:66%;line-height:1.2;margin-left:2%;}
.n-contact a:hover{color:#000000;}
.email-black img{width:5%;}
.logo{float: left;width: 38%;}
.telephone{float: left;width: 10%;margin: 1% 0 0 5%;}
.enveloppe{float: left;width: 10%;margin: 1% 0 0 6%;}
.m-mobile{width: 104%;margin: 0 0 10% 0;}
.telephone,.enveloppe,.m-mobile{display:block}
.logo{float: left;width: 58%;}
.telephone img{width: 80%;}
.enveloppe img{width: 100%;}
.text-page-fraenkische-1 img{margin:0;}
  .ul-page-fraenkische>ul>.t2-li-contact a{line-height:21px;}
#content{float:left;}
.nav-mobile{width:100%;float:left;}
.nav-mobile ul{width:100%;}

.li-mobile{width: 80%;font-size: 150%;padding:5%;background: #6E6E6E;margin: 2% auto;text-align:center;}
.li-mobile a{color:#FFF;}
.li-mobile a:hover{color:#F9F300;}
.li-mobile a{display:block;}
/***page drainage***/
.desc-bloc{height:32px;line-height:1.5; text-align:center;padding:1%;}
.bloc-img{width:48%;font-size:100%;margin:1%;}
.div-bloc-img{float:left;width:100%;}
.span-mobile-none{display:none;}
.span-mobile{display:block;}
.desc-bloc a{font-size:100%;}
/**footer-mobile**/
.footer-mobile{display:block}
.footer-mobile{float:left;width:100%;margin:4% 0 0;}
.li-mobile-footer{width: 100%;font-size: 100%;background: #f6f6f6;margin: 0.4% auto;padding-left:3%;}
.li-mobile-footer a{display:block;color:#6e6e6e;font-weight:bold;line-height:2.5;}
}
@media screen and (max-width: 668px){
.mp-menu.mp-cover .span-menu {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
font-size: 100%;
line-height:3}}	
@media screen and (max-width: 668px){
.mp-menu .span-menu {
    margin: 0;
padding: 1em;
color: rgba(0,0,0,0.4);
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
font-family: Arial, Helvetica, sans-serif;
    line-height: normal;}}