html, body{margin: 0; padding: 0;font-size:87.5%;font-family:Arial, Helvetica, sans-serif; font-size:12px;

background: #e2e2e3;
background: -moz-linear-gradient(top, #e2e2e3 0%, #e5e6e6 5%, #f7f7f7 100%);
background: -webkit-linear-gradient(top, #e2e2e3 0%,#e5e6e6 5%,#f7f7f7 100%);
background: linear-gradient(to bottom, #e2e2e3 0%,#e5e6e6 5%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e3', endColorstr='#f7f7f7',GradientType=0 );background-position: 0px 91px;}

#header {height:91px;z-index:3;position:relative;}
.bgMain{background:#f1f1f1;}
.content{max-width:1014px;margin:0px auto;padding:0px 5px;
}

#pre_center{min-height:433px;height:auto;/*background-image:url('../../layout/bg_pre_center.png');background-size:100% 100%;padding-top:67px;*/background:#f1f1f1;}
#pre_center_content {z-index:3; margin:0 auto; max-width:1014px;}


#centre {
    color:#353535; margin:0 auto; max-width:1014px;
}
#centre * {box-sizing:border-box;}


#centre {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -100px; 
}
#centre:after {
  content: "";
  display: block;
}
#pied, #centre:after {
  min-height:50px; 
}
#pied {

  display:flex;
  align-items: center;
}


p {font-family:Arial, Helvetica, sans serif; font-size:13px;color:#555555; text-align:justify; margin-top:0px;}
.titlegrey{font-family: 'Open Sans', sans-serif;font-size:18px; color:#909090;}
.txt_intro_pro{font-family:Arial, Helvetica, sans serif; font-size:13px; color:#000; font-weight:bold; text-align:justify; margin-bottom:0px;}
.txtpres2{font-family:Arial, Helvetica, sans serif; font-size:12px; color:#909090;text-align:justify; margin:0px;}
.txtpack{font-family:Arial, Helvetica, sans serif; font-size:13px; color:#4e4e4e; text-align:justify; margin-top:20px;}

h1{font-family: 'Open Sans', sans-serif !important;font-size:14px !important; font-weight:800 !important; color:#005bc2 !important;}
h2{font-family:Arial, Helvetica, sans serif !important;font-size:17px !important; font-weight:bold !important; color:#000 !important; margin-top:40px !important;}

#conteneur h1{font-family:Arial, Helvetica, sans serif; font-size:24px; color:#284795; font-weight:normal;}
#conteneur h3{font-family:Arial, Helvetica, sans serif; font-size:14px; color:#353535;}


.headerContainer{background:#FFF;min-height:90px;text-align:center;}
#mask{background-color:#161616;opacity:0.7;position:fixed;width:100%;height:100%;z-index:2;display:none;}
.menu{max-width:1014px;z-index:2;position:relative;height:100%;font-size:100%;text-align:left;}


.btnMenu{display:inline-block;cursor:pointer;z-index:3;vertical-align:top;text-align:center;color:black;font-family:"Open Sans",sans-serif;
    font-weight:700;height:55px;line-height:55px;text-decoration:none;}

#colDteProd{max-width:460px;display:inline-block;min-width:300px;vertical-align:top;margin-bottom:30px;}
.slogan{font-family: 'Open Sans', sans-serif;color:#005bc2;font-size:11px;letter-spacing:1px;line-height:10px;font-weight:600;text-align:center;}
.homelink{margin-bottom:8px;display:block;}
.webcartLogoHolder{position:absolute;right:5px;top:-1px;}

.webcartIcon{
display:inline-block !important;background:rgba(23,91,194,1);border-radius:50%;width:40px;height:40px;color:#FFF;position:absolute;right:5px;top:7px;text-align:center;
}
.webcartIcon i{position:relative;top:8px;font-size:24px;font-weight:normal;}
.webcartIcon:hover{
 cursor:pointer;
background:rgba(23,91,194,.9);
}

#mobileMenuBtn{display:none;text-align:center;z-index:1000;}
#mobileMenuBtn i{position:relative;top:8px;font-size:24px;font-weight:normal;}

#snHelperMenu {background: #005bc2;padding: 20px;color: #fff;margin-top: 10px;}
.gshadow {box-shadow:  0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12)}

.menuLogoHolder{display:inline-block;width:212px;height:55px;margin-right:45px;position:relative;left:0px;vertical-align:middle;}
#menuBtnHolder{display:inline-block;max-width:760px;vertical-align:bottom;vertical-align:bottom;}
/*.menuTelHolder{display:inline-block;width:140px;height:30px;position:absolute;bottom:6px;text-align:right;right:5px;}*/
.menuHelpHolder{display:inline-block;height:55px;position:absolute;bottom:0;text-align:right;right:0;font-size: 1.34em;font-weight: 700;color:#005bc2}
.menuHelpHolder > * {display: inline-block;vertical-align: middle;}
.menuHelpHolder a {text-decoration: none;color:#005bc2;}
.menuHelpHolder i {position: relative;top: -1px;padding-right: 5px;}
.menuHelpHolder a > * {display: inline-block;vertical-align: middle;}
.menuBtnCtn{padding:0px 20px;font-size:1.34em;position: relative;}
.menuElm{display:none;min-height:435px;max-width:1014px;margin:0 auto;text-align:center;z-index:3;position:absolute;left:0px;background:white;border-radius:8px;box-shadow:0px 3px 3px #353535;padding:2em 0.5em;}
.btnMenuHighLight{background-color:white;border-radius:5px 5px 0px 0px;}
.valign {
    height: 100%;
    width: 0 !important;
    display: inline-block;
    *display: inline; zoom: 1; /* inline-block pour IE6 */
}

    #telimg {position: absolute;top: 10px;right: 10px;}
            .indexCatMenuLink {
            position: relative;
        }
        .indexCatMenuLink:before {
            content: '';
            width: 0;
            height: 100%;
            background: #005bc2;
            position: absolute;
            left: 0;
            transition: all .2s;
        }
        .indexCatMenuLink:hover:before {
            width: 10px;
        }
            #menusupport > div {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        width: 100%;
        flex-wrap: wrap;
    }
    #menusupport a {
        display: inline-block;
        text-decoration: none;
        font-size: 15px;
        color: black;
        text-align: center;
        transition: all .3s;
    }
    #menusupport a span {
        transition: all .3s;
        position: relative;
        display: block;
    }
    
    #menusupport a:hover span {
        color: #005bc2;
    }
    #menusupport a > * {
        display: block;
        text-align: center;
    }
    #menusupport em,#menusupport img {
        /*font-size: 50px;
        margin-bottom: 5px;
        transition: all .3s;
        color: #005bc2;*/
        font-size: 30px;
        margin: auto;
        margin-bottom: 5px;
        transition: all .3s;
        color: rgba(0,0,0,.5);
        /*background: rgba(0,0,0,.15);*/
        background:#dcdcdc;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        transition: all .3s;
    }
    #menusupport em svg{
        fill: rgba(0,0,0,.5);
        width: 25px;
        transition: all .3s;
    }
    #menusupport a:hover em {
        background: #005bc2;
        color: #fff;
    }
    #menusupport a:hover em svg {
        fill: #fff;
    }
    #menusupport a span:before,#menusupport a span:after {
        content: '';
        height: 3px;
        width: 0;
        bottom: -8px;
        position:absolute;
        background:#005bc2; 
        transition:0.2s ease all; 
        -moz-transition:0.2s ease all; 
        -webkit-transition:0.2s ease all;
    }
    #menusupport a span:before {
        left:50%;
    }
    #menusupport a span:after {
        right:50%; 
    }
    #menusupport a:hover span:before,#menusupport a:hover span:after {
        width: 50%;
    }
    #menusupport img {
        height: 50px;
        width: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    @media screen and (min-width: 610px) {

        #pre_center{padding: 67px 0;}
        .menuBtnCtn:before,.menuBtnCtn:after,.menuHelpHolder:before,.menuHelpHolder:after {
            content: '';
            height: 3px;
            width: 0;
            bottom: 0;
            position:absolute;
            background:#005bc2; 
            transition:0.2s ease all; 
            -moz-transition:0.2s ease all; 
            -webkit-transition:0.2s ease all;
        }
        .menuBtnCtn:before,.menuHelpHolder:before {
            left:50%;
        }
        .menuBtnCtn:after,.menuHelpHolder:after {
            right:50%; 
        }
        .menuBtnCtn:hover:before,.menuBtnCtn:hover:after,.menuHelpHolder:hover:before,.menuHelpHolder:hover:after {
            width: 50%;
        }

    }
 @media screen and (max-width: 610px) {
    .noMobile{display: none !important;}
    #colDteProd > *{display: block;}
    #centre,#pre_center_content{padding-left: 5%;padding-right: 5%;}
    .content{padding: 0 5%;}
    .menuHelpHolder {display: none !important}
    #header {height:45px;z-index:3;}
    body{background-position: 0px 45px;}
    .logoHome{height:40px;}
    #mobileMenuBtn{display:inline-block !important;background:rgba(23,91,194,1);border-radius:50%;width:40px;height:40px;color:#FFF;position:absolute;right:5px;top:16px;}
    .btnMenu{display:block;border-top:1px solid rgba(23,91,194,1);height:30px;line-height:30px;border-radius:0px;}
    .menuLogoHolder{display:inline-block;width:120px;height:55px;margin-right:50px;top:5px;position:relative;left:5px;text-align:left;}
    #menuBtnHolder{display:none;width:100%;vertical-align:bottom;top:0px;position:relative;text-align:center;background:#FFF;box-shadow:  0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12)}
    .menuTelHolder{display:inline-block;width:95px;height:25px;height:25px;position:absolute;top:1px;right:8px;float:top;}
    .menuTelHolder img{width:100%;}
    .menuBtnCtn{padding:0px 5px;font-size:1.2em;text-align: right;}
    #colDteProd{margin:5px auto 40px auto;display:block;}
    .headerContainer{min-height:60px !important;}
    #header {min-height:60px;padding:0px;}
    .slogan{font-size:9px;}
    .homelink{margin-bottom:3px;}
    .webcartLogoHolder{position:absolute;right:50px;top:23px;}
    .webcartIcon{top:-7px;}
    .menuElm{border-radius:0px;top:0px;position:relative;box-shadow:none;border-top:2px solid blue;border-bottom:2px solid blue;}
    /*#mainContent{padding:0px 5px;}*/
 }
@media screen and (max-width: 320px) {
    .btnMenu{height:24px;line-height:24px;}
    #colDteProd{margin:5px auto 40px auto;}
 }




.ph2{font-family:Arial, Helvetica, sans serif; font-size:14px; font-weight:bold; color:#353535;}
.ph3{font-family:Arial, Helvetica, sans serif; font-size:12px; font-weight:bold; color:#353535;}
.ph4{font-family:Arial, Helvetica, sans serif; font-size:11px; font-weight:bold; color:#353535;}
.ph4center{font-family:Arial, Helvetica, sans serif; font-size:11px; font-weight:bold; color:#353535; text-align:center;}

.th3{
padding-left:8px;
background-image:url('https://www.snooper.fr/layout/bg_th3.png');
font-family:Arial, Helvetica, sans serif;
font-size:12px;
font-weight:bold;
color:white;
height:24px;
}


.menu_title_1{
font-family:Arial, Helvetica, sans serif;
font-size:14px;
font-weight:bold;
color:black;
margin-left:0px;
}

/* comparatif */
	.table_compare td{background-color:white; text-align:center;}
	.th_compare{background-color:white; text-align:center; font-size:9px; color:#000000; font-weight:bold;}
	.link_prod_btn{background-image:url('../../layout/link_prod_btn.png'); height:24px; line-height:24px; display:block; width:96px; text-align:center;font-family:Arial, Helvetica, sans serif; font-size:14px; color:#000; font-weight:bold; text-decoration:none;}
	.link_prod_btn:hover{background-position:0px -24px; text-decoration:underline;}
	.link_details{color:white; font-size:11px; text-decoration:none; margin-top:10px; display:block;}

.topofpage{font-family: 'Open Sans', sans-serif;font-size:14px; color:#1e3d8e; text-decoration:none;}
.topofpage:hover{text-decoration:underline;}





#btnproduits{ height:46px; width:102px;margin-right:0px; color:#232; height:45px; line-height:46px; text-decoration:none; background:transparent; color:#000000;}
#btnproduits:hover{background-image:url('../../SNOOPER.FRANCE/menu/bg_prod.png');}
#btnpdv{ height:46px; width:157px;margin-right:0px; color:#232; height:45px; line-height:45px; text-decoration:none; background:transparent; color:#000000;}
#btnpdv:hover{background-image:url('../../SNOOPER.FRANCE/menu/bg_pdv.png');}

#btnsuptech{ height:46px; width:182px;margin-right:0px;background-image:url('../../SNOOPER.FRANCE/menu/bg_mon_snooper.png'); color:#232; height:45px; line-height:45px; text-decoration:none; background:transparent; color:#000000;}
#btnsuptech:hover{background-image:url('../../SNOOPER.FRANCE/menu/bg_sup_tech.png');}

#btnmysnooper{ height:46px; width:139px;margin-right:0px; color:#232; height:45px; line-height:45px; text-decoration:none; background:transparent; color:#000000;}
#btnmysnooper:hover{background-image:url('../../SNOOPER.FRANCE/menu/bg_mon_snooper.png');}

.menu_cats{height:91px;text-align:left; background-repeat:no-repeat; background-position:45px 10px; border-bottom:1px solid #dbdbdb;
    display:inline-block;width:197px;margin:10px 5px;vertical-align: middle;padding-left:120px;}
 .menu_cats_pdv{height:130px;}
.link_menu_cats{text-decoration:none;font-family: 'Open Sans', sans-serif; font-size:15px; color:#005bc2; font-weight:bold;margin:20px 0px 0px 0px;display:block;text-transform: uppercase;}
.link_menu_cats:hover{text-decoration:underline;}
.compar_menu{color:#818181; font-weight:normal; font-size:11px;text-decoration:none; line-height:26px;}
.compar_menu:hover{text-decoration:underline;}
.pdv_links{color:#555555; font-family: 'Open Sans', sans-serif; font-weight:200;  font-size:10px;text-decoration:none; line-height:10px;}
.pdv_links:hover{text-decoration:underline; font-weight:300;}
.pdv_links_seperate{width:20px;background-image:url('../../SNOOPER.FRANCE/menu/pdv_links_seperate.png'); background-repeat:no-repeat; background-position:center; height:12px;}


.suppTechElm{border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;height:50px;padding:0px 15px;display:inline-block;width:250px;margin:5px;text-align:left;}

.btn_enreg{ display:block;background-image:url('../../SNOOPER.FRANCE/menu/enregistrer.mon.snooper.png'); width:213px; height:32px; display:block;}
.btn_enreg:hover{background-position:0 -32px; cursor:pointer;}
.btn_connection{ display:block;background-image:url('../../SNOOPER.FRANCE/menu/btn_connection.png');}
.btn_connection:hover{background-position:0 -32px; cursor:pointer;}

.linkbutton{
background-color:white; border:none; font-family:Arial, Helvetica, sans serif; color:#353535; font-size:11px; position:relative; font-weight:bold; left:2px;}
.linkbutton:hover{
background-color:none; border:none; font-family:Arial, Helvetica, sans serif; color:#353535; font-size:11px; position:relative; font-weight:bold; left:2px; text-decoration:underline; cursor:pointer;}
button:hover {text-decoration:underline;}


/* General CSS */
.footerlinks{font-family:Arial, Helvetica, sans serif; font-size:0.9em;color:#353535;text-decoration:none;}
.footerlinks:hover{text-decoration:underline;}
.footerlinks2{font-family:Arial, Helvetica, sans serif; font-size:11px; color:#a4a4a4; text-decoration:none;}
.footerlinks2:hover{text-decoration:underline;}
.footSeparate{margin:0px 10px;}

.title1{font-family:Arial, Helvetica, sans serif; font-size:14px; line-height:22px; font-weight:bold; color:#353535;}
.title2{font-family:Arial, Helvetica, sans serif; font-size:18px; line-height:22px; font-weight:bold; color:#000000;}
.titlecat1{font-family:Arial, Helvetica, sans serif; font-size:14px; font-weight:bold; color:#5f5f5f; text-align:left; margin-top:5px;}
.px_in_cat{font-family:Arial, Helvetica, sans serif; font-size:12px; color:#5f5f5f; font-style:italic;}
.linktype1{font-family:Arial, Helvetica, sans serif; font-size:12px; color:blue;}
.p_footer{font-family:Arial, Helvetica, sans serif; font-size:11px; color:#a4a4a4; text-align:center;}
.link_path{font-family:Arial, Helvetica, sans serif; font-size:9px; line-height:9px; color:#808080; text-align:left; padding:10px 0 10px 3px;}





@font-face {
    font-family: 'MuseoSans500';
    src: url('../fonts/museosans_500-webfont.eot');
    src: url('../fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans_500-webfont.woff') format('woff'),
         url('../fonts/museosans_500-webfont.ttf') format('truetype'),
         url('../fonts/museosans_500-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'MuseoSans900';
    src: url('../fonts/museosans_900-webfont.eot');
    src: url('../fonts/museosans_900-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans_900-webfont.woff') format('woff'),
         url('../fonts/museosans_900-webfont.ttf') format('truetype'),
         url('../fonts/museosans_900-webfont.svg#MuseoSans900') format('svg');
    font-weight: normal;
    font-style: normal;

}



.ulquickdescrip{
font-family:Arial, Helvetica, sans serif; font-size:15px; color:#3d599f;
list-style-image: url(https://www.snooper.fr/layout/blt_simple_2.png); margin:0; margin-top:5px; padding:0; height:auto; margin-left:15px; text-align:left;}

.ulquickdescriptruck{
font-family:Arial, Helvetica, sans serif; font-size:12px; color:#353535;
list-style-image: url(https://www.snooper.fr/layout/blt_simple.png); margin:0; margin-top:5px; padding:0; height:auto; margin-left:20px; text-align:left;}

.ulquickdescripcc{
font-family:Arial, Helvetica, sans serif; font-size:12px; color:#353535;
list-style-image: url(https://www.snooper.fr/layout/blt_simple.png); margin:0; margin-top:5px; padding:0; height:auto; margin-left:20px; text-align:left;}

.ulquickdescripar{
font-family:Arial, Helvetica, sans serif; font-size:12px; color:#353535;
list-style-image: url(https://www.snooper.fr/layout/blt_simple.png); margin:0; margin-top:5px; padding:0; height:auto; margin-left:20px; text-align:left;}

.ulquickdescripgle{
font-family:Arial, Helvetica, sans serif; font-size:12px; color:#353535;
list-style-image: url(https://www.snooper.fr/layout/blt_simple.png); margin:0; margin-top:5px; padding:0; height:auto; margin-left:20px; text-align:left;}



/* The usuals */
.btn1{border:1px solid #808080; background-image:url('https://www.snooper.fr/layout/bg_btn.png'); height:25px; background-position:0 0; font-family:Arial, Helvetica, sans serif; font-size:11px; cursor:pointer; font-weight:bold;color:#304546;line-height:25px;}
.btn1:hover{background-position:0 25px;color: rgb(0, 94, 172);}
/* The usuals */
.btn2{border:1px solid #808080; background-image:url(https://www.snooper.fr/layout/bg_btn.png); height:25px; width:147px; font-family:Arial, Helvetica, sans serif; font-size:11px; cursor:pointer; font-weight:bold; display:block; padding:0px 5px 0px 5px; line-height:25px; text-decoration:none;color: rgb(32,​ 28,​ 29);}
.btn2:hover{border:1px solid #808080; background-image:url(https://www.snooper.fr/layout/bg_btn.png); height:25px; background-position:0 25px;color:rgb(0,​ 94,​ 172) !important;}

.btnlink1{background:url(../../layout/order_btn.png) 0 0; cursor:pointer; font-weight:bold;
width:217px; display:block; height:41px; font-size:14px; color:#FFF; font-family:Arial, Helvetica, sans serif; text-align:center; line-height:41px;}
.btnlink1:hover{background-image:url(../../layout/order_btn.png); background-position:0 -41px; color:#EFE;}

.btnadditional1{background:url(https://www.snooper.fr/layout/bg-bt-videodemo.png) 0 0; cursor:pointer;
width:240px; margin:0 auto; display:block; height:28px; font-size:16px; color:#234493; font-family:Arial, Helvetica, sans serif; text-indent:25px; line-height:28px;}
.btnadditional1:hover{background-image:url(https://www.snooper.fr/layout/bg-bt-videodemo.png); background-position:0 28px; color:#234493;}
.boutonv1 {
    background-color: rgb(0,94,172);
    border-radius: 3px;
    border: 0;
    color: white;
    padding: 15px 20px;
    cursor: pointer;
    transition: all .5s;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 0.875em;
    text-transform: uppercase;
    text-decoration: none;
}
.boutonv1:focus {
    outline: none;
}
.boutonv1:hover {
    background: rgba(0,94,172,.7);
    text-decoration: none;
}
.txterreur{font-family:Arial, Helvetica, sans serif; font-size:11px; color:#EF5959;}
.txterror1{font-family:Arial, Helvetica, sans serif; font-size:12px; color:#EF5959;}
.txtsuccess{font-family:Arial, Helvetica, sans serif; font-size:11px; color:blue;}
.txtsuccess2{font-family:Arial, Helvetica, sans serif; font-size:12px; color:blue;}

.field1{border:1px solid silver; font-family:Arial, Helvetica, sans serif; font-size:11px; }
.field1:focus{border:1px solid #808080; font-family:Arial, Helvetica, sans serif; font-size:11px; }

.field2{border:1px solid blue; font-family:Arial, Helvetica, sans serif; font-size:12px; }
.field2:focus{border:1px solid #808080; font-family:Arial, Helvetica, sans serif; font-size:12px; }

.field3{border:1px solid silver; font-family:Arial, Helvetica, sans serif; font-size:13px; }
.field3:focus{border:1px solid #808080; font-family:Arial, Helvetica, sans serif; font-size:13px; }

.fieldtitle1{font-family:Arial, Helvetica, sans serif; font-size:11px; color:#606060; text-align:right; height:25px;}


.ccmenu_link{font-family:'Open Sans',sans-serif;font-size:14px;font-weight:600;color:#353535;text-decoration:none;line-height:26px; display:block;}
.ccmenu_link:hover{text-decoration:underline; background-color:#EFEFEF;}


/* Specific to menu */

.menu2 {list-style-type:none; margin:0; padding:0; }
.menu2 li {float:left; padding:0; margin:0 1px 0 0; width:180px; height:18px; z-index:100;}
.menu2 li dl {position:absolute; top:0; left:0; border-bottom:1px solid #808080; }
.menu2 li a, .menu2 li a:visited {text-decoration:none; display:block; width:135px;}
.menu2 li dd {display:none; height:14px; line-height:14px; position:relative;}
.menu2 li:hover, .menu2 li a:hover {border:0; z-index:280;}
.menu2 li:hover dd, .menu2 li a:hover dd {display:block; height:18px; line-height:18px;}
.menu2 li:hover dl, .menu2 li a:hover dl {padding:0px; width:180px;}
.menu2 table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
.menu2 dl {width: 180px; margin:0px; padding:0px; background-color: #808080;
    text-align:center;
	 cursor:pointer;}
.menu2 .AR {background-color:white; border:1px solid #808080; border-bottom:none; font-size:12px; line-height:12px; font-family:Arial, Helvetica, sans serif;
 vertical-align:middle; text-align:left; padding:4px; background-image:url('https://www.snooper.fr/layout/arrow.bottom.png'); background-repeat:no-repeat;}
.menu2 dd { text-align:left; margin:0; padding:0; border-left:1px solid #808080; border-right:1px solid #808080; padding-left:10px; }
.menu2 dd.last { height:1px; line-height:1px; border-bottom:1px solid #808080;}



/* Div Info supp -------------------------------------------------------------- */
a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}

a.info:hover{
z-index:25;
background-color:#FFF
}

a.info span{
display: none
}

a.info:hover span{
display:block;
position:absolute;
top:0em; left:2em; width:200px;
border:1px solid #000;
border-bottom:2px solid #000; border-right:2px solid #000;
background-color:#EFEFEF;
color:#000;
font-family:Arial, Helvetica, sans serif;
font-size:10px;
text-align:left;
font-weight:none;
padding:5px;
}
/* -------- */


/* Div Info supp -------------------------------------------------------------- */
div.zoomprod{
position:relative;
z-index:1;
text-decoration:none
}

div.zoomprod:hover{
z-index:25;
}

div.zoomprod span{
display: none
}

div.zoomprod:hover span{
display:block;
position:absolute;
top:-25px; left:100px; width:auto;
border:1px solid #353535;
border-bottom:2px solid #353535; border-right:2px solid #000;
background-color:white;
text-align:left;
padding:10px;
}
/* -------- */

/*******************************************************************************
								POPUPMODAL STYLES
*******************************************************************************/
#popupMask {position: absolute;	z-index:200;top:0px;left:0px;width:100%;height:100%;opacity:.6;filter:alpha(opacity=50);
background-color:transparent;background-color:#333333;
background-image:url("https://www.snooper.fr/utils/popupmodal/maskBG.png") !important; /* For browsers Moz, Opera, etc. */
background-image:url("https://www.snooper.fr/utils/popupmodal/maskBG.png");
background-image:none;background-repeat:repeat;display:none;}
#popupContainer {background-color:white;position:absolute;z-index:201;top:0px;left:0px;display:none;padding:0px;}
#popupInner {}
#popCloseBox{background:white url("../popupmodal/close.png");width:24px;height:25px;}
#popCloseBox:hover{background-position:0 25px;cursor:pointer;}
#popupFrame {margin:0px;width:100%;height:100%;position:relative;z-index:202;}
#popupTitleBar {height: 1.3em;padding:5px; padding-left:10px;position: relative;z-index: 203;background-color:white;}
#popupTitle {background-color:white;float:left;font-size: 1.1em;}
#popupControls {background-color:white;float: right;cursor: pointer;}

.newActionBtn{font-family:Arial, Helvetica, sans serif;font-size:12px;text-transform:uppercase;font-weight:bold;color:white;text-align:center;display:block;border-radius:5px;line-height:30px;max-width:400px;margin:15px auto;
background: rgb(0,67,140);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDM4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzI3NmZiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDViYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,67,140,1) 0%, rgba(39,111,188,1) 70%, rgba(0,91,194,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,67,140,1)), color-stop(70%,rgba(39,111,188,1)), color-stop(100%,rgba(0,91,194,1)));
background: -webkit-linear-gradient(top,  rgba(0,67,140,1) 0%,rgba(39,111,188,1) 70%,rgba(0,91,194,1) 100%);
background: -o-linear-gradient(top,  rgba(0,67,140,1) 0%,rgba(39,111,188,1) 70%,rgba(0,91,194,1) 100%);
background: -ms-linear-gradient(top,  rgba(0,67,140,1) 0%,rgba(39,111,188,1) 70%,rgba(0,91,194,1) 100%);
background: linear-gradient(to bottom,  rgba(0,67,140,1) 0%,rgba(39,111,188,1) 70%,rgba(0,91,194,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00438c', endColorstr='#005bc2',GradientType=0);
box-shadow:0px 3px 4px #6B6B6B;text-decoration:none;transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;transition-timing-function: ease-out;
opacity:0.9;
}
.newActionBtn:hover{opacity:1;box-shadow:0px 2px 2px #6B6B6B;text-decoration:underline;}

.details{color:#005bc2;text-decoration:none;}
.details:hover{text-decoration:underline;}

 @media screen and (max-width: 380px) {
    /*
.leftCol66pct{padding:0px 10px;}
.rightCol34pct{padding:0px 10px;}
*/
.clear{display:none;}
 }
@media screen and (min-width: 381px) {
.leftCol66pct{float:left;width: calc(66% - 20px);padding:0px 20px 0px 0px;}
.rightCol34pct{float:left;width: calc(34% - 20px);padding:0px 0px 0px 20px;}
}
.clear{clear:both;}

.bold{font-weight:bold;}
.txtCenter{text-align:center;}

#centre * {box-sizing:border-box;}
.ccMenuHolder{
    width:200px;
    display:inline-block;
    vertical-align: top;
    margin-right:15px;
}
.ccMainContent{display:inline-block;
    vertical-align: top;width: calc(100% - 215px);}

    .ccHeadings{border-bottom:1px solid #005BC2;color:#005BC2;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:600;margin-top:10px;padding-left:5px;}

 @media screen and (max-width: 810px) {
.ccMenuHolder{display:none;}
.ccMainContent{width:100%;padding:5px;}
 }

 .buttonV1 {
    padding: 0 10px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.071em;
    font-weight: 600;
    background: #00649d;
    cursor: pointer;
    transition: background .3s;
    border-radius: 3px;
}
#toggle-menu {
    position: absolute;
    top: -99999px;
}