* {
    font-family: "lato",sans-serif !important;
    outline: none;
}

#mbOverlay { opacity: 0.8 !important;}
#mbCenter {
    border : 1px solid #3772BC;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

#header {
    display : block;
    background-color: #3772BC;
    height: 62px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    font-family: "lato",sans-serif !important; 
}

#header .wrapper {
    display: block;
    margin: 0 auto;
    /*position: relative;*/
    width: 970px;
    max-width : 100%;
}

#header .wrapper ul.topmenu,
#header .wrapper ul.support-nav
 {
    margin : 0;
    padding : 0;
    list-style : none;
    float : right;
}

#header .wrapper ul.topmenu li,
#header .wrapper ul.support-nav li {
    float : left;
}

#header .wrapper ul.topmenu li a {
    display: table-cell;
    font-size : 14px;
    vertical-align : middle;
    text-align : center;
    height : 20px;
    padding : 0 8px;
    text-decoration : none;
    border : 0;
    outline : none;
    color  : white;
    font-weight: bold;
    height: 62px;
}

#header .wrapper ul.topmenu li a:hover,
#header .wrapper ul.topmenu li a.selected{
    background-color : #2C5A93;
}

#header .wrapper ul.support-nav li a {
    display: table-cell;
    font-size : 11px;
    vertical-align : middle;
    text-align : center;
    height : 62px;
    padding : 0 0 0 5px;
    text-decoration : none;
    border : 0;
    outline : none;
    color  : white;
}

#header .wrapper #languageChooser img {
    margin-top : 16px;
}


        #header #changeLanguage {
            -webkit-transition: all 0.2s ease-out;
            -moz-transition: all 0.2s ease-out;
            -ms-transition: all 0.2s ease-out;
            -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
            box-sizing: border-box;
            position: absolute;
            opacity: 0;
            z-index: 999;
            margin: 0;
            top: 45px;
            right: 0;
            -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
            width: 33%;
            overflow: hidden;
            height: 0;
        }

        #header a#languageChooser:focus ~ #changeLanguage,
        #header #changeLanguage:hover {
            opacity: 1;
            height: auto;
        }

        #header #languageChooser {
            width: 30px;
            height: 30px;
            display: inline-block;
            margin: 0 ;
        }
        #header #languageChooser img {
            margin: 0;
            height: 30px;
        }

        #header ul.countryList {
            margin: 1% 0;
            padding-left: 0;
        }

        #header #changeLanguage ul.countryList li {
            display: block;
            list-style: none;
            float: left;
            border-radius: 3px;
            background: none;
            opacity: 0.8;
            min-width: 30%;
            margin: 0.8%;
            padding: 0.8%;
            height: 100%;
            white-space: nowrap;
        }
        #header #changeLanguage ul.countryList li:hover {
            opacity: 1;
            background: rgba(0, 0, 0, 0.1);
        }

        #header #changeLanguage ul.countryList li a span,
        #header #changeLanguage ul.countryList li a img {
            display: block;
            float: left;
            line-height: 44px;
            height: 44px;
            margin: 0 4px;
            font-size: 12px;
            font-weight: normal;
            color: #FFF !important;
        }

        #header #changeLanguage ul.countryList li a img {
            margin: 6px 0 0 0;
            height: 32px;
        }

        #header #changeLanguage ul.countryList li a {
            width: 100% !important;
            display: block !important;
            margin: 0 !important;
            height: 44px !important;
        }
        #header .chLangTitl {
            color: #ccc !important;
            font-size: 20px !important;
            line-height: 150%;
            margin: 20px 0 0 10px;
        }

        #header .contryBox {
            margin: 0;
            padding: 1%;
            box-sizing: border-box;
            width: 100%;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            text-align: left !important;
        }

        #header .contryBox:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        #header #changeLanguage ul li,
        #header #changeLanguage ul li a {
            height: 44px;
            line-height: 44px;
            color: #999 !important;
        }

        #header #changeLanguage ul li a:hover {
            height: 44px;
            line-height: 44px;
            color: #ddd !important;
        }


        #header  #changeLanguage {
            /*background-color: #242526;*/
            background-color: #2B292A;
        }

@media screen and (max-width: 1200px) {
    #header #changeLanguage {
        width: 50%;
    }
}


footer .wrapper ul.bottomMenu {
    margin : 0;
    padding : 0;
    list-style : none;
}

footer .wrapper ul.bottomMenu li {
    display: inline;
    color: white;
    font-size: 22px;
}

footer .wrapper ul.bottomMenu li a {
    font-size : 11px;
    text-decoration : none;
    border : 0;
    outline : none;
    color  : white;
    font-size: 22px;
}

footer a {
    color: white;
}

footer a:hover {
    color: white;
}

.panel {
	border-top : 55px solid #3772bc; 
	border-right : 40px solid transparent;
	width: 58%;
	position: relative;
}

.panel p {
	position: absolute;
	top : -50px;
	left : 20px;
}

.panel_price {
	border-top : 55px solid #FFFFFF; 
	border-right : 35px solid transparent;
	width: 38%;
	position: relative;
}

.panel_price p {
	position: absolute;
	top : -40px;
	left : 20px;
}

div { display: block;}
.white {color: white;}
.black {color: #343D46;}
.red {color: #DC491E;}
.blue {color: #3772bc;}
.blue2 {color: #5a86b7;}
.orange { color: #ef8146; }
.grey { color : #333333;}
.or { color: #c6a522; }
.txtShadowBlack {text-shadow: 0 1px 2px #000;}
.justify {text-align: justify;}
.bgWhite { background-color: white; }
.bgGrey { background-color: #F5F5F5; }
.bgGreen { background-color: #B0C76C; }
.italic { font-style: italic;}
.topPageAbout { margin-top : 133px;}
.topPage { margin-top : 124px;}
.borderBottom { border-bottom: 1px solid #F0F0F0; }


a { 
    color : #3772bc;
    text-decoration: none;
}

a:hover, a.underline:hover {
    color : rgba(0,53,121,1);
}

a.underline {
    color  :#3772bc;
    text-decoration: underline;
}

a.btn {
    background-color: #3772bc;
    padding: 10px 20px;
    text-transform: uppercase;
    color: white;
    font-size: 24px;
    font-weight: 400;
}

a.btn:hover {
    background-color: #5a86b7;
}

span.FRA,
span.BHS {
    width: 29px;
    height: 18px;
    display: block;
    margin: 0 auto;
    background-size:100% !important;
}

span.BHS { background: transparent url('../images/pictos/picto-bhs.png') no-repeat 50% 0; background-size:100% !important; }
span.FRA { background: transparent url('../images/pictos/picto-FRA.png') no-repeat 50% 0; background-size:100% !important; }

.QTYBox input {
    background-clip: padding-box;
    border: 1px solid #a0a0a0;
    border-radius: 0;
    float: left;
    height: 40px;
    text-align: center;
    width: 40px;
}

.QTYBox .up, .QTYBox .down, .QTYBox .up_h, .QTYBox .down_h, .QTYBox .up_c, .QTYBox .down_c {
    border : 1px solid #a0a0a0;
    margin-left: 4px;
    background-color: white;
    background-image: url('../images/arrowQTY.png');
}

.QTYBox .up, .QTYBox .up_c {
    margin-bottom: 4px;
}

.QTYBox .up_h {
    background-position: -15px 0px;
    margin-bottom: 4px;
}

.QTYBox .down {
    background-position: 0 100%;
}

.QTYBox .down_h {
    background-position: -15px -18px;
}

.QTYBox .arrowcontainer {
    border : 0;
    background-color: transparent;
}

.QTYBox .arrowcontainer div { 
    height:20px;
    width: 16px;
}

table.homepage-table td.btn-order-ks2014 > a {
    background : #3772bc url('../images/caddie.png') no-repeat 13px 3px;
    width : 50px;
    height: 33px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    margin-top: 4px;
    display : inline-block;
}

table.homepage-table td.btn-order-ks2014 > a:hover {
    background-color: rgba(0,53,121,1);
}

table.line-table tr th, table.line-table tr td {
    border-bottom: 1px solid #ccc;
    height: 20px;
    font-size: 14px;
    vertical-align: middle;
    text-align: left;
}

table.line-table tr th.borderRight, table.line-table tr td.borderRight {
    border-right : 1px solid #ccc;
}

table.line-table tr td {
color: #666666;
}

table.line-table tr th {
color: #343A3A;
}

.bgSeller {
    background: transparent url('../images/ks-home-content_carte.png') no-repeat 50% 100%;
    height: 405px;
}

div.subMenu {
    height: 65px;
    position: fixed;
    top: 62px;
    width: 100%;
    z-index: 999;
    font-family: "lato",sans-serif !important; 
}

div.subMenu ul {
    padding : 0;
    margin: 19px 0 0 0;
    list-style: none;

}

div.subMenu ul li {
   display: inline;
   text-align: center;
   background-color: white;
   width: 20%;
   float: left;
}

div.subMenu ul li a.selected { 
    color : rgba(0,53,121,1);
}

div.martin {
    width: 198px;
    height: 192px;
    background : transparent url(../images/community/martin.png) no-repeat 0 0;
    margin-left: 25%;
}

div.bgTestimonial {
    background-image: url(../images/community/temoignez.jpg);
    background-size: cover;
    background-position: center center;
    height: 296px;
}

div.bgTech {
    background-image: url(../images/support/technicien.jpg);
    background-size: cover;
    background-position: center center;
    height : 250px;
}



#formular input, .form-testimonial textarea {
    border : 1px solid #D9D9D9;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    font-size : 14px;
    color : #494949;
    font-weight: 300;
    padding : 0;
}

#formular input {
    height : 30px;
}

#formular textarea {
    border : 1px solid #D9D9D9;
}

#formular input:focus {
    border : 1px solid #3772BC;
}

#formular input.btn {
    background-color: #3772bc;
    text-transform: uppercase;
    color: white;
    font-size: 18px;
}

/*@media screen and (width: 320px) {
        .panel_price p span.small { display: none;}
        div.topPageAbout { margin-top: 152px;}
        div.topPage { margin-top: 79px;}
    }*/

@media screen and (max-width: 640px) {
        .panel { width: 100%; }
        .panel p { font-size: 16px; }
        .panel .fs38 { font-size: 16px ;}
        .panel_price { width: 80%;}
        .panel p { top : -53px; left : 10px; }
        .panel_price { width: 90%; }
        .panel_price p { top : -48px; left : 10px; font-size: 11px; padding-top : 8px;}
        .panel_price p.red { font-size: 18px;}
        a.main_logo { width: 80%; }
        div.support { display: none; }
        .arrow { display: none; }
        #header a.main_logo {
           width: 70%; 
           float: left;
        }
        div.subMenu ul { margin : 0 ;}
        div.subMenu ul li {width: 100%; }

        div.topPageAbout { margin-top: 152px;}
        div.topPage { margin-top: 79px;}
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #testimonial {
        width: 179px;
        height: 50px;
    }
}

.topmenu li  {
    position:relative;
}

.topmenu li ul.submenu {
    display:none !important;
    position:absolute;
    top:100%;
    left:0;
    background:rgba(44,90,147,0.85);
    z-index: 99;
    width: 150px;
}

.topmenu li ul.submenu li {
    display:table !important;
    width:100%;
}

.topmenu li ul.submenu li a {
    display:block;
    /*width:100%;*/
}

.topmenu li:hover ul.submenu{
    display:block !important;
}

.button:hover{
    background:#070F19;
    color:white;
}

.button {
    background:#3370BF;
    padding:10px 45px;
    color:white;
}

.mainIndex {
    margin-top:120px; 
    margin-bottom:60px;
}

.mainIndex .section2 {
    width:47%;
    margin-right:5%;
}

.bold {
    font-weight:bold;
}

#includedMutu .section4 {
    min-height:240px;
    max-width: 240px !important;
    padding-top:4%;
}

#detailsOffersHosting ul {
    padding:0;
    margin: 0.5em 0;
}

#detailsOffersHosting ul li {
    list-style: none;
    font-size:16px;
}

.menuMobile {
    display:none;
    float: right;
    margin-top: 15px;
    margin-right: 25px;
    cursor:pointer;
}

#domainCheckKS {
    margin: 0 65px;
}

@media screen and (max-width: 900px) {
    .menuMobile {
        display:block;
    }

    nav {
        display:none;
    }

    nav.margeRight2 {
        margin-right:0 !important;
    }

    .topmenu li ul.submenu {
        display:block !important;
    }

    #domainCheckKS {
        margin: 0;
    }

}

@media screen and (max-width: 681px) {
    .mainIndex .section2 {
    width:100%;
    margin-right:0%;
    }
}