/*
Theme Name: Clouder
Theme URI: https://www.clouder.ma/
Description: This WP theme developed for clouder.ma
Version: 1.0
Author: clouder.ma
Author URI: https://www.clouder.ma/
*/
@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:200;font-display:swap;src:url(css/fonts/fa-regular-400.eot);src:url(css/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(css/fonts/fa-regular-400.woff2) format("woff2"),url(css/fonts/fa-regular-400.woff) format("woff"),url(css/fonts/fa-regular-400.ttf) format("truetype"),url(css/fonts/fa-regular-400.svg#fontawesome) format("svg")}
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800&display=swap'); */
html{
	padding:0 !important;
	margin:0 !important;
    font-family: 'Poppins', sans-serif;
}
a,p,i,label,i,span,small{font-weight: 400 !important;}
h1,h2{font-weight:800 !important;}
h3,h4,h5,h6{font-weight: 700 !important;}
.vat-col img{display:none;}
.overflow-hidden{overflow-y:hidden !important;}
.mobile-top-header{display:none;z-index:99999 !important;position:relative;height: 15vh;}
.mobile-navbar-container{position:fixed;top:15vh;width:100%;z-index:99999 !important;background:rgb(0 0 0 / 50%);left: 0;display:none;}
.mobile-navbar{width:80%;background:white;padding:0;height:85vh;}
.m_nav_displayed {animation: slideIn 0.3s ease-in-out backwards;}
.mobile-navbar ul{list-style:none;padding:0;}
.mobile-navbar ul.menu > li a{color:black;width:100%;position:relative;display:inline-block;font-size:14px;}
.mobile-navbar ul.menu a:after{background: url(/wp-content/uploads/2024/02/nav-link-icon.webp) center/cover !important;background-repeat:no-repeat !important;width:6px !important;height:8px !important;right:15px !important;}
.mobile-navbar ul.menu li.active a:after{transform:rotate(90deg);right: 18px !important;top: 45%;}
.mobile-navbar ul ul a{color:#416077 !important;font-size:14px !important;}
.mobile-navbar ul ul a:after{display:none !important;}
.mobile-navbar ul ul{background:#F3F6F9;margin-left:-15px;display:none;padding-left:15px;}
.mobile-navbar ul li a,.bottom-links{padding:15px;padding-block:10px !important;}
.mobile-top-header button{width:24px;height:24px;background:url("/wp-content/uploads/2024/02/Menu.webp") center/contain;background-repeat: no-repeat;border:none;outline:none;}
.menu-btn.active{background:url("/wp-content/uploads/2024/02/close.webp") center/contain;}
.perefence-mobile li{padding-block:15px !important;}
.perefence-mobile .custom-select-opener::after{background: url(/wp-content/uploads/2024/02/nav-link-icon.webp) center/cover !important;background-repeat:no-repeat !important;width:6px !important;height:8px !important;transform:rotate(90deg);top:42%;}
.perefence-mobile ul{width:65%;}
.perefence-mobile form{width:35%;margin-right:15px;}
.perefence-mobile .switcher li.current-lang a, .perefence-mobile .switcher li a{color:black !important;}
.mobile-navbar hr{margin:0;margin-inline:15px;}
.perefence-mobile .custom-select-opener{border:none !important;}
.perefence-mobile .custom-select-option{font-size:13px !important;}
.perefence-mobile .custom-select-option.is-selected::before {width: 14px;height: 10px;transform: translateX(-4px);}
.perefence-mobile .custom-select-opener span{font-size:14px;}
.bottom-links{max-width: 100%;width: 80%;background:#F3F6F9;}
.bottom-links a{color:#112F46 !important;gap:7px;}
#menu-principale li > a, #menu-principale-en li > a{padding: 10px;}
#menu-principale li > a:hover, #menu-principale-en li > a:hover {
  color: white !important;
  background: #ffffff2e;
  border-radius: 5px;
}	
#menu-principale .mega-menu-column .top a:first-child:hover {
  text-decoration: none;
  color: black !important;
}
#menu-principale a, #menu-principale-en a {
  color: #ffffff;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px;
}
.far{font-family:'Font Awesome 5 Pro';font-weight:400;font-style: normal; font-size: 20px;}
.fal {
    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
}
.b-section{margin-bottom:70px;}
article.ex-cont{display: grid;gap:0 !important;width: 100%;border-bottom: 0;}
article.ex-cont .ex_cont_header{z-index: 3;}
     article.ex-cont .ex_cont_header, article.ex-cont .ex_cont_body{display: grid;grid-template-columns: repeat(4,1fr);text-align: center;}
      .ex_cont_header + .ex_cont_body{border-top: 1px solid hsla(0,0%,50.2%,.5019607843);}
      .ex-cont .ex_cont_body div:first-child{justify-content:start;background: none;}
      .ex-cont .ex_cont_header b:first-child{text-align: start;}
      article.ex-cont b{text-transform: uppercase;line-height: 24px;padding: 15px;letter-spacing: 0.05px;}
      article.ex-cont .ex_cont_body div{border-right: 1px solid hsla(0,0%,50.2%,.5019607843);border-bottom: 1px solid hsla(0,0%,50.2%,.5019607843);padding-inline: 15px;padding-block: 10px;background: white;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
      article.ex-cont .ex_cont_body .action-{border:none !important;background: none;}
article.ex-cont img{width:18px ;height:auto;}
article.ex-cont .btn{background-color: #2271B1 !important;  padding: 10px 24px;padding-bottom:8px;border-radius: 50px 50px 50px 50px;text-transform:uppercase;margin:0 !important;}
	article.ex-cont .ex_cont_body .action- .btn:hover{background-color: rgb(61 169 231 / 90%) !important;}
article.ex-cont .wpcs_price{font-size:20px !important;margin:0 !important;padding:0 !important;}
.ex-price .wpcs_price_symbol{margin-top:2%;font-size: 80% !important;}
	article.ex-cont  .ex-price .remise{color:white !important;margin:0 !important;font-size: 12px; margin-left:10px !important;border-radius: 4px; padding: 10px !important;background-color: rgb(61 169 231 / 90%);}

/*  Pop up language currency style*/
#show_button{position:relative;cursor:pointer;}
.modal * {
    font-family: 'Poppins', sans-serif;
        }

        .modal {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1060;
            display: none;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            outline: 0;
            align-items: start;
            justify-content: center;
			z-index:9999999;
			padding:4% !important;    background: rgb(0 0 0 / 50%);
        }

        .btn-close {
            box-sizing: content-box;
            width: 1em;
            height: 1em;
            padding: 0.25em 0.25em;
            color: #000;
            background: none;
            border: 0;
            cursor: pointer;
            position: absolute;
            top: 20px;
            right: 20px;
            opacity: 0.8;
            outline: none;
            box-shadow: none;
        }

        .modal-content {
            max-width: 600px;
            width: 100%;
            border-radius: 0;
            border: 1px solid #000;
            padding: 40px;
            position: relative;
            display: flex;
            flex-direction: column;
            pointer-events: auto;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: 0.3rem;
            outline: 0;
			margin-top:2% !important;
        }

        .modal-body {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .modal-body select {
            pointer-events: auto;
            box-sizing: border-box;
            margin: 0;
            text-transform: none;
            word-wrap: normal;
            display: block;
            padding: .375rem 2.25rem .375rem .75rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right .75rem center;
            background-size: 16px 12px;
            border-radius: .25rem;
            appearance: none;
            border: 0;
            padding-left: 0;
            font-size: 14px;
            outline: none;
            box-shadow: none;
            width: auto;
            padding-top: 0;
            padding-bottom: 0;
        }

        .modal-body .flex {
            display: flex;
            justify-content: space-between;
            align-items: start;
        }

        .modal-body .flex div div {
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #010f38;
            pointer-events: auto;
            box-sizing: border-box;
            position: relative;
            text-align: left;
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .modal-body .flex div div:last-child {
            margin-top: 6px;
        }

        .modal-body label,
        .modal-body select {

            cursor: pointer !important;
        }

        .modal-body .flex span {
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: transparent;
            color: #010f38;

            -webkit-font-smoothing: antialiased;
            pointer-events: auto;
            text-align: center !important;
            box-sizing: border-box;
            height: 30px;
            background: #00081c36;
            width: 1px;
            align-self: center;
            margin: 0px 40px;
            max-width: 1px;
            min-width: 1px;
        }

        .modal input[type="radio"] {
            appearance: none;
            background-color: #fff;
            margin: 0;
            font: inherit;
            color: currentColor;
            width: 0.8em;
            height: 0.8em;
            border: 0.15em solid currentColor;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .modal-body input[type="radio"]::before {
            content: "";
            width: 0.4em;
            height: 0.4em;
            border-radius: 50%;
            scale: 0;
            transition: 120ms all ease-in-out;
            display: inline-block;
            background-color: #4285f4;
            transform: translateX(8%);
        }

        .modal-body input[type="radio"]:checked::before {
            scale: 1;
        }

        .modal-body h3 {
            font-weight: 600;
            pointer-events: auto;
            text-align: center !important;
            box-sizing: border-box;
            margin-top: 1.5rem !important;
            margin-bottom: 3rem !important;
            font-size: 26px;
            color: #000000;
            letter-spacing: 0;
            line-height: 32px;
        }

        .modal-body button {
            margin-top: 3rem !important;
            
            box-sizing: border-box;
            text-align: center;
            vertical-align: middle;
            overflow: hidden;
            position: relative;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
            z-index: 1;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
            margin: .375rem;
            white-space: normal;
            word-wrap: break-word;
            border: 2px solid #4285f4 !important;
            color: #4285f4 !important;
            box-shadow: none;
            text-transform: none;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
            display: inline-block;
            width: 215px;
            border-radius: 10px;
            line-height: 1;
            background-color: #FFF !important;
            background-image: url("images/icons.png");
            background-repeat: no-repeat;
            background-position: 115px -531px;
            cursor: pointer;
            padding: 12px 45px;
        }

        .modal-body button:hover {
            background-color: #4285f4 !important;
            color: white !important;
        }
        .modal-body img{
            width: 35%;
                height: auto;
            object-fit: cover;
        }

/* My dropdown css code */
.menu-item * {
            box-sizing: border-box !important;
        }

.mega-menu-content {
    width: 100%;
    align-items: start;
    height: min-content;
    border-top: 1px solid #ddd;
                display: none;
                position: absolute;
                left: 0;
                background-color: #fff;
                width: 100%; 
                z-index: 999999999;
                margin-top: 50px;
                box-shadow: 0 32px 84px 0 rgba(0,0,0,0.16);
}
.mega-menu-content .links-container{width:65%;}
.mega-menu-content .links-container .l-row{display:none;width:100%;height:100%;}
.mega-menu-content .links-container a{padding:30px 15px !important;}
.mega-menu-content .links-container a span{font-size:16px !important;line-height:18px !important;letter-spacing:normal !important;text-transform:capitalize !important;font-weight:300 !important;}
.mega-menu-content a:hover{
	color:white !important;
}
.mega-menu-column a,
.mega-menu-column h4 {
    text-decoration: none;
    color: black !important;
    transition: background 0.5s ease;
            text-align:start !important;
}

.mega-menu-column {
    width: 50%;
    padding: 2rem 2rem;
    align-items: baseline;
    display: flex;
    flex-direction: column;
    align-self: stretch;
}
/* .mega-menu-column-2{width: 50%;} */

.mega-menu-content .img-wrapper {
    background: #edf1ff;
    width: 30%;
    padding-inline:2%;
}
.mega-menu-content .img-wrapper h4{font-weight:400 !important;text-transform:uppercase !important;}

.mega-menu-column.links {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    align-items: stretch;
}

.mega-menu-column img {
    width: 100%;
    height: auto;
    display: block;
    margin-block: 10px;margin-bottom:20px;
    aspect-ratio:3;object-fit:cover;
}

.selection-nav {
    padding: 18px 20px;
    transition: all 0.5s ease;
}

.selection-nav:hover {
    background: #011038 !important;
    padding: 18px 20px;
}

.mega-menu-content p {
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: black;text-align:start !important;
}

.selection-nav p:first-child {

    margin-bottom: 10px;
}

.selection-nav:hover p {
    color: white !important;
}

.selection-nav p:last-child {
    font-size: 12px;
    color: #515151;
    letter-spacing: 0;
    line-height: 18px;    text-transform: lowercase;
}

.mega-menu-column .top a:first-child {
    margin-bottom: 10px;cursor:default;
    font-size: 22px !important;
    letter-spacing: 0;
    line-height: 33px;
}
.mega-menu-column .top a:first-child:hover{text-decoration:none;color:black !important;}
.mega-menu-column .top p {
    font-size: 12px;
    color: #010f38;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 600;width: 75%;
}

.mega-menu-column .menu-links {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mega-menu-column .menu-links a,
.mega-menu-column .top a {
    display: flex;align-items: center;justify-content: start;gap: 4px;padding-block:4px !important;    padding-left: 0;
}

.menu-links a {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    font-weight: 600;
}


.mega-menu-content .img-wrapper a:hover {
    text-decoration: underline;
                background:none !important;
            color:black !important;
}

.mega-menu-column.aside {
    background-color: #010F38;
    		width: 20%;
            margin-top:-2px;
}

.mega-menu-column.aside h4 {
    font-size: 12px;
    color: #FFFFFF !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 0.5rem 0;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;    margin-bottom: 20px;
}

.mega-menu-column.aside a {
    color: #ffffff5c !important;
}

.mega-menu-column.aside a.active {
    color: #FFFFFF !important;
}

.mega-menu-column.aside a:not(.active):hover {
    padding-left: 10px;
    color: #FFFFFF !important;
                background:none !important;
}
.mega-menu-column.aside a:not(.active):hover svg{
    opacity: 1;
}
.mega-menu-column.aside a svg{
    opacity: 0;
    transition: all .3s ease;
}
.mega-menu-column.aside a.active svg{
    opacity: 1;
}

/* responsive media query */
@media(max-width:1000px) {
    .mega-menu-column {
        width: 50%;
    }
            .mega-menu-content .mega-menu-column.aside{
        width: 50%;
    }
}
 		

#show_button:after{content:"";width:100%;height:100%;position:absolute;inset:0;background:transparent;z-index:9;}
.far.fa-inbox-out:before {content: "\f311"}
.far.fa-clock:before {content: "\f017"}
.far.fa-file-alt:before {content: "\f15c"}
body{font-weight: 400;position:relative;overflow-x: hidden;font-family: 'Poppins', sans-serif;}
h1,h2,h3{font-weight: 500;color: #323335}
body.home:before{content:"";position:absolute;top:0;width:100%;height:650px;background:url("images/bg_header.jpg") top center no-repeat;background-size: cover;}
body:not(.home) header{background:url("images/bg_header.jpg") top center no-repeat;background-size: cover;}
input{outline: none !important;}
.btn:active, .btn:focus, .btn:hover{box-shadow: none;}
.clear{clear: both;}
.top-header{box-shadow: none;padding: 20px 0;}
.logo img{max-width: 200px;height: auto;}
#header .col-lg-4{line-height: 46px;}
#header .logo.col-lg-4{line-height: 1;}
header ul, #menu-principale, #menu-principale-en { list-style: none; margin-bottom: 0; text-align: center; display: flex; justify-content: space-between; align-items: center; padding: 5px 0px;}
header ul li{display: inline-block;margin-right: 10px}
header ul li a{color:#FFF;font-size: 14px;}
header ul li a:hover{color:rgba(255,255,255,0.7)}
.switcher li.current-lang a{color:rgba(255,255,255,0.7)}
#menu-top-menu li:last-child{margin-right: 0}
#content{position: relative;}
.home #content > .container-top{border-radius: 40px 40px 0 0;}
#menu-principale li, #menu-principale-en li{display: inline-block;margin-right: 17px}
#menu-principale li:last-child, #menu-principale-en li:last-child{margin-right: 0}
#menu-principale a, #menu-principale-en a{color: #ffffff;font-weight: 300;text-transform: uppercase;font-size: 14px}
#menu-principale a:hover, #menu-principale-en a:hover{color:#3da9e7;}
.pages-menu{padding-bottom: 65px;margin-bottom: 65px;}
.pages-menu .principale { padding: 33px 0; margin-top: 5px; margin-bottom: 50px; border-top: 1px solid #FFFFFF4D; }
.pages-menu img{margin-bottom: 50px;}
.pages-menu h1{font-size: 60px;font-weight: 400;color: #FFF;text-transform: uppercase;line-height: 1;margin-bottom: 20px;}
.pages-menu p{font-size: 20px;color: #FFF;margin-bottom: 0;line-height: 24px;}
.slider{height: 500px;}
.slider .wrapper{padding-inline:1.7rem;}
.btn{box-shadow: none;text-transform: none;font-size: 16px;font-weight: 600;}
.slider-text{margin-top: 50px}
.slider-text h1{font-size: 26px;line-height: 35px;font-weight: 600;margin-bottom: 20px;}
.slider-text h1 span{display: block;font-size: 46px;text-transform: uppercase;font-weight: 800;line-height: 1}
.slider-text p{font-weight: 300;color: #6f7b86;font-size: 14px;margin-bottom: 15px}
.slider-text .top-text{font-size: 20px;font-weight: 500;line-height: 26px;}
.slider-button .btn{padding: 9px 50px;border-radius: 23px;line-height: 1;background-color: #FFF  !important;}
form.form-search{position: relative;display: block;}
form.form-search div{display:flex;align-items:center}
.en-domain-input:before {content:"\f002";display: block;width: 19px;height: 19px;position: absolute;color: #84919d;font-family:FontAwesome !important;z-index: 1000;transform: translateY(-50%);top: 43%;left: 2.5%;}
.en-domain-input{position: relative;}
/* .domaine{background:#FFF;border: 2px solid #3da9e7;padding: 30px 0;border-radius: 40px;} */
.form-domaine h2{font-size: 25px;font-weight: 700;text-align: center;line-height: 1;margin-bottom: 15px;}
form.form-search input{width: calc(100% - 171px); height: 50px;border: 2px solid #dde5ec;border-radius: 15px 0 0 15px;border-right: 0;padding-left: 45px;color: #84919d }
form.form-search button{background: #3da9e7 !important;border-color: #3da9e7 !important;margin: 0;margin-top: 0;border-radius: 0 15px 15px 0;margin-left: -5px;height: 100%;text-transform: uppercase;}
.form-domaine p{color: #298fc9;font-size: 16px;margin-top: 10px}
.choisir{margin-bottom: 50px;}
.choisir h2, .offres h2{font-size: 32px;font-weight: 700;margin-bottom: 15px;}
.offres h2{margin-bottom: 50px;}
.choisir h2 .colored, .offres h2 .colored,.dis h1 .colored, .hebergement-offres h3 .colored{color: #298fc9;font-weight: 800 !important;}
.hebergement-offres h3{font-size:42px;}
.choisir .sous-titre{font-weight: 300;color: #747f8a;font-size: 16px;margin-bottom: 50px;}
.choisir-content{border: 2px solid #dde5ec;border-radius: 40px;padding: 40px 30px 30px}
.titre-choisir{font-size: 18px;margin-bottom: 25px}
.text-choisir{font-size: 16px;font-weight: 300;color: #747f8a;line-height: 22px;margin-bottom: 30px;min-height: 220px;}
.text-choisir.text-choisir-en{min-height: 180px;}
.btn-choisir a{width: 100%;height: 45px;background-color: #323639!important;border-radius: 20px;font-size: 16px;font-weight: 500;background-image: url("images/icons.png");background-repeat: no-repeat;background-position: 109px -496px;}
.choisir-content .icon{width: 70px;height: 70px;margin: auto;margin-bottom: 25px;background-image: url("images/icons.png");background-repeat: no-repeat}
.choisir1 .icon{background-position: -31px -10px;}
.choisir2 .icon{background-position: -31px -105px;}
.choisir3 .icon{background-position: -31px -197px;}
.choisir4 .icon{background-position: -31px -288px;}
.hebergement-offres{background: #f3f6f9;padding: 50px 0;margin-bottom: 70px;}
.hebergement-offres h2{font-weight: 300;font-size: 30px;text-transform: uppercase;line-height: 20px;margin-bottom: 35px;}
.hebergement-offres h2 span{font-weight: 800;font-size: 70px;color: #298fc9;display: block;line-height: 1}
.hebergement-text{font-size: 16px;font-weight: 300;color: #323639;margin-bottom: 40px;line-height: 22px;}
.hebergement-button{margin-bottom: 40px;}
.hebergement-button .btn{width: 215px;padding: 12px 50px;border-radius: 10px;line-height: 1;background-color: #FFF  !important;background-image: url("images/icons.png");background-repeat: no-repeat;background-position: 115px -531px;}
.hebergement-1{position: relative;}
.hebergement-1:after{content:"";position: absolute;right: -1px;width: 2px;height: 100%;background: url("images/separate-hosting.png") center no-repeat;}
.autres-offre{margin-bottom: 40px;}
.autres-offre .col-md-5{padding-top: 70px; }
.autres-offre h2{color:#151718;font-size: 30px;margin-bottom: 35px}
.autres-offre .hebergement-button .btn{padding: 12px 45px 12px 35px;}
.fleche1:before{content:"";position: absolute;width: 101px;height: 39px;background: url("images/fleche1.png") no-repeat;right: -84px;top: 40px}
.fleche2:before{content:"";position: absolute;width: 102px;height: 43px;background: url("images/fleche2.png") no-repeat;right: 0;bottom: 90px;}
.fleche3:before{content:"";position: absolute;width: 105px;height: 56px;background: url("images/fleche3.png") no-repeat;right: -103px;bottom: 90px}
.confiance{margin-bottom: 60px;}
.confiance h2{font-weight: 400;font-size: 50px;margin-bottom: 50px;position: relative;}
.confiance h2:after{content:"";position: absolute;width: 30px;height:20px;background: url("images/icons.png") no-repeat;background-position: -50px -471px;left: calc(50% - 15px);top: 75px;}
.confiance-imgs div{height:fit-content;padding:10px;}
.confiance-imgs div img{width:100%;height:auto}
footer .container{padding: 50px 0;background: #112F46;max-width: 100%;}
footer .row { max-width: 1140px; margin: auto; }
.copy-footer{font-size: 16px; font-weight: 300;color: #C8D8E4;background: #0E283C;padding: 15px 0}
#media_image-2, #text-2, #paiement, #text-3{padding-left: 45px;}
#media_image-2{margin-bottom: 20px;}
#text-2 p, #text-3 p{font-weight: 300;font-size: 16px;color: #dde5ec;margin-bottom: 25px}
#text-2 p strong, #text-3 p strong{color: #FFF;font-weight: 600}
.widget-title.h5{font-weight: 600;font-size: 16px;color: #FFF;margin-bottom: 15px;display: block;}
.widget ul{padding: 0;list-style: none;}
.widget ul li{margin-bottom: 10px; line-height: 20px;}
.widget ul a{font-size: 14px;font-weight: 300;color:#dde5ec;line-height: 15px;}
.widget ul a:hover{color: #3da9e7}
#nav_menu-2, #nav_menu-4, #nav_menu-8, #nav_menu-7{margin-bottom: 35px}
#paiement{margin-top: -50px}
#paiement p{font-weight: 300;font-size: 14px;color: #dde5ec;margin-bottom: 10px;line-height: 1}
.btn:hover{background: #3da9e7 !important;border-color: #3da9e7 !important;color: #FFF !important}
.switcher, .currency-switcher-form{display: inline-block;}
select.currency-switcher{cursor: pointer;padding: 0 5px;background-color: transparent;border: 0;outline: none;color: rgba(255,255,255,.7);font-size: 14px;width: 200px;appearance:none;-moz-appearance: none;-webkit-appearance: none;background-image: url("images/icons.png");background-repeat: no-repeat;background-position-x: 15px;background-position-y: -562px;}
select.currency-switcher option{color: #000;}
select.currency-switcher::-ms-expand {display: none;}
#container-interne{margin-bottom: 90px;}
h2.title-blog{color: #1e1b3d;font-size: 18px;font-weight: 700;line-height: 24px;margin: 0 0 24px;}
h2.title-blog:after{background: #4766ce;border-radius: 50px;content: "";display: block;height: 3px;margin-top: 20px;position: relative;width: 50px;}
#populaire-posts{margin-bottom: 125px;}
#plus-posts article img{border: 1px solid #ccc;border-radius: 6px;margin: 0 0 20px;}
#plus-posts article h3{font-size: 21px;font-weight: 700;letter-spacing: -.02em;line-height: 25px;margin-bottom: 15px;}
#plus-posts article h3 a, #lasts-posts .latest-posts-content h3 a, #sidebar section.widget ul li a{color: #1e1b3d;}
#plus-posts article h3 a:hover, #lasts-posts .latest-posts-content h3 a:hover, #sidebar section.widget ul li a:hover{color:#3da9e7;}
#plus-posts article .date-publish, #lasts-posts .latest-posts-content .date-publish{color: #828282;font-size: 14px;line-height: 22px;margin: 0 0 15px;}
#plus-posts article .extrait-article {font-size: 16px;line-height: 24px;margin-bottom: 0;color: #1e1b3d;}
#lasts-posts .latest-posts-img{display: table-cell;max-width: 170px;transition: transform 125ms ease-in-out;width: 25%;vertical-align: middle;}
#lasts-posts .latest-posts-img img{border-radius: 4px;height: 114px;width: 100%;}
#lasts-posts .latest-posts-content{margin-left: 30px;}
#lasts-posts .latest-posts-content h3{font-size: 18px;font-weight: 700;letter-spacing: -.02em;line-height: 25px;}
#lasts-posts .latest-posts-content .extrait-article{font-size: 15px;line-height: 23px;margin-bottom: 0;padding-bottom: 0;}
.latest-posts{padding: 45px 40px 35px;display: table;width: 100%;border-radius: 8px; border: 1px solid #d7d6e4;margin-bottom: 20px;}
.older{float: left;}
.newer{float: right;}
.newer a, .older a {border: 2px solid #ccc;background: #fff;border-color: #ccc;border-width: 1px;color: #1e1b3d;display: inline-block;font-size: 13px;font-weight: 500;outline: none; padding: 12px;text-align: left;}
.newer a:hover, .older a:hover {background: #ddd;color: #1e1b3d;border-color: #ddd}
.older a i{margin-right: 10px;position: relative;}
.newer a i{margin-left: 10px;position: relative;}
#sidebar section.widget{margin-bottom: 20px;padding:40px 40px 30px;border-radius: 8px;border: 1px solid #d7d6e4;}
#sidebar section.widget .chat-direct {background: #4766ce;border: 2px solid #4766ce;color: #fff;border-radius: 0;display: block;font-size: 15px;margin-bottom: 0;padding: 15px 30px;text-align: center;}
#sidebar section.widget .chat-direct:hover {background: #1e1b3d;border-color: #1e1b3d;}
#sidebar section.widget ul{margin-bottom: 0;}
#sidebar section.widget ul li {display: inline-block;width: 49%;line-height: 25px;margin: 0 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#sidebar section.widget  ul li:before {text-rendering: auto;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;font: normal normal normal 14px/1 FontAwesome;margin-right: 10px;}
#sidebar section#categories-2.widget ul li:before, #sidebar section#categories-3.widget ul li:before{content: "";}
#sidebar section.widget ul.blog-archive-list li:before {content: "";}
.blog-header-photo{margin-top: -150px;margin-bottom: 50px;}
.blog-header-photo img{border-radius: 6px;}
#content-post h1 {font-size: 40px;font-weight: 700;letter-spacing: -.025em;line-height: 50px;color: #1e1b3d;margin-bottom: 30px;}
.post-meta{font-size: 16px;padding-bottom: 50px;margin-bottom: 50px;border-bottom: 2px solid #eee;}
.post-meta i{margin-right: 15px;}
.date-publication{float: left;margin-right: 20px;}
.contenu{padding: 0 100px 50px;}
.post-content p, .post-content strong, .post-content b, .post-content ul, .post-content ol{color: #1e1b3d;font-size: 18px;line-height: 32px;}
.post-content p{margin-bottom: 25px;}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {font-size: 27px;border-bottom: 2px solid #eee;color: #1b142e;font-weight: 500;line-height: 34px;margin: 44px 0 26px;position: relative;padding-bottom: 8px;}
.contact-info h4, #adresses h4{text-transform: uppercase;font-size: 16px;color: #292a32;font-weight: 600;margin-bottom: 25px;}
.horaire{margin-bottom: 20px;font-size: 14px;color: #9394a2;font-weight: 600;}
.horaire-jour, .horaire-heure{display: inline-block;width: calc(50% - 15px);}
.horaire-heure{text-align: right;}
.p-general{font-size: 14px;color: #9394a2;font-weight: 600;margin-bottom: 30px;}
.p-general a{color: #9394a2;}
.p-general a:hover{color: #5ca7dc;}
.p-general-1{margin-bottom: 5px;}
.p-general i{color: #5ca7dc;margin-right: 10px;}
#adresses{padding: 70px 0;}
#adresses h2, #contact-form h2{font-size: 30px;color: #333333;font-weight: 500;margin-bottom: 45px;text-transform: uppercase;}
#adresses h4{color: #4f5e67;}
#adresses .p-general,#adresses .p-general i{color: #4f5e67;font-size: 13px;}
#map{width: 100%; height: 550px; margin-top: 70px;}
#contact-form{padding-bottom: 75px;}
#contact-form button{background:#3DA9E7;border-radius: 10px;}
.pages-menu h2{font-size: 25px;font-weight: bold;color: #FFF;margin-top: 35px;margin-bottom: 15px;}
.pages-menu form.form-search input, #sticky-recherche form.form-search input{width: calc(100% - 59px); height: 60px;border-radius: 30px 0 0 30px;border: 0;padding-left: 115px;font-size: 18px;}
.pages-menu form.form-search:before, #sticky-recherche form.form-search:before{content: "www.";position:absolute;width: 103px;height: 50px;top: 5px;left: 7px;background: #323639;color: #dde5ec;border-radius: 25px;line-height: 50px;font-size: 18px;}
.pages-menu form.form-search button, #sticky-recherche form.form-search button{height: 100%;background: #FFF !important;color: #323639!important;text-align: right;border-radius: 0 30px 30px 0;padding: 0 20px;}
.pages-menu form.form-search button i, #sticky-recherche form.form-search button i{font-size: 20px;}
.pages-menu #recherche{margin-bottom: 55px;}
.pages-menu #recherche p{font-size: 16px;text-align: left;margin-top: 10px;}
.pages-menu h3{font-size: 60px;font-weight: bold;color: #FFF;line-height: 1;margin-bottom: 0;}
.pages-menu .col-md-3{padding-top: 28px;padding-bottom: 28px;border-right: 1px solid #6a85e5;}
.pages-menu .col-md-3:last-child{border: 0;}
.pages-menu .col-md-3 p{font-size: 16px;font-weight: bold;color: #adbffe;}
#pourquoi-nous{padding-bottom: 60px;}
.title-page{margin-bottom: 70px;}
.title-page h2{font-size: 32px;font-weight: bold;color: #151718;margin-bottom: 15px;}
.title-page h2 .colored{color: #298fc9;}
.title-page p, .pourquoi-clouder p{font-size: 16px;color: #747f8a;line-height: 22px;font-weight: 300;margin-bottom: 0;}
.pourquoi-clouder strong{color: #151718;font-size: 20px;}
.pourquoi-clouder{margin-bottom: 25px;padding-left: 25px;background: url('images/prq-clouder-icon.png') left 10px no-repeat;}
#prix-domaine,#domain-price{padding: 60px 0;background: #f3f6f9;}
#domain-price article{gap:20px;}
#domain-price .extension{width:29%;border-radius: 8% !important;}
#domain-price span img{width:20px;height:auto}
#domain-price span{font-size:1.2rem;line-height:1rem;padding-block:10px;text-align:center;}
#domain-price .wpcs_price{font-size: 3.5rem;font-weight: 600;color: #298fc9;margin-top: 6%;display: inline-block;text-align:center;margin-bottom:18%;}
#prix-domaine .remise{padding:5px !important;}
#prix-domaine .title-page p{color: #151718}
#prix-domaine .title-page{margin-bottom: 30px;}
#table-prix-wordpress{border-collapse: collapse;border-radius: 30px;overflow: hidden;background-color: #FFF;margin-bottom: 0;}
#table-prix-wordpress thead{background: #323639;}
#table-prix-wordpress thead th{font-size: 20px;color: #FFF;font-weight: bold;}
#table-prix-wordpress th, #table-prix-wordpress td{border: 0;padding:26px 40px;}
#table-prix-wordpress thead th:nth-child(2){text-align: center;}
#table-prix-wordpress td p{display: block; font-size: 18px;color: #323639;font-weight: 400;line-height: 1;margin-bottom: 25px;}
#table-prix-wordpress td p:last-child{margin-bottom: 0;}
#table-prix-wordpress td p .remise{font-size: 14px;font-weight: bold;background: #28c970;color: #FFF;border-radius: 10px;padding: 0 10px 1px;margin-left: 10px;}
#table-prix-wordpress td.tbl-prix{text-align: right;}
#table-prix-wordpress td.tbl-prix span{font-size: 60px;color: #298fc9;line-height: 1;font-weight: bold;}
#table-prix-wordpress td.tbl-prix .wpcs_price_symbol{font-size: 20px;margin-left: -10px;}
#table-prix-wordpress td.separate-border{padding: 0 20px;}
#table-prix-wordpress td.separate-border hr{border-top: 1px solid #dde5ec;margin:4px 0;}
#faq{padding: 60px 0;}
#faq .card{margin-bottom: 10px;box-shadow: none;background-color: #FFF;border: 2px solid #dde5ec;margin-bottom: 16px;border-radius: 5px;}
#faq .card.active, #faq .card:hover{border-color: #298fc9;}
#faq .card-header{border-bottom: 0;padding: 0;background: #FFF;border-radius: 5px;position: relative;}
#faq .card-header button{width: 100%;border: 0;background: #FFF;padding: 15px 20px;border-radius: 5px;cursor: pointer;text-align: left;color: #298fc9;font-size: 16px;font-weight: 600;}
#faq .card-header button:after{content: "\f107";font-family:FontAwesome !important;position: absolute;right: 37px;width: 6px;height: 10px;line-height: 1;top: calc(50% - 8px);color: #3da9e7;}
#faq .card-header button.collapsed:after{content: "\f105";font-family:FontAwesome !important;position: absolute;right: 37px;width: 6px;height: 10px;line-height: 1;top: calc(50% - 8px);color: #3da9e7;}
#faq .card-header button:not(.collapsed){color: #298fc9;font-weight: 600;}
#faq .card-header button:focus{outline: none}
#faq .card-body{padding: 0 30px 30px;}
#faq .card-body p{color: #747f8a;font-size: 16px;font-weight: 300;margin-bottom: 30px;line-height: 22px;}
.contact-faq{background: #0428a2;text-align: center;padding: 56px 40px;border-radius: 5px;}
.contact-faq h3{color: #f5f6f8;font-size: 32px;line-height: 40px;font-weight: 300;margin-top: 15px;}
.contact-faq h3 strong{font-weight: 800;}
.contact-faq p{color: #f5f6f8;font-size: 16px;line-height: 24px;font-weight: 400;}
.contact-faq-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.contact-faq-icon-left {
    margin-right: 5px;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    margin-right: 8px;
    height: 32px;
}
.contact-faq-text{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
    display: inline-block;
    white-space: nowrap;
    line-height: 30px;
}
.btn-contact-faq{
	display: block;
    font-size: 18px;
    font-weight: 800;
    text-transform: none;
    line-height: 22px;
    color: #fff;
    background-color: transparent;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #fff;
    border-radius: 4px 4px 4px 4px;
    padding: 16px 32px;
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-bottom: 16px;
}
.btn-contact-faq:hover{
	color: #fff;
}
.btn-contact-faq:last-child{
	margin-bottom: 0;
}
#faq .card-body p:last-child{margin-bottom: 0;}
.pages-menu .title-transfer{margin-bottom: 50px;}
.pages-menu .sous-titre-transfer{margin-bottom: 15px;}
#pourquoi-transfer{padding-bottom: 80px;}
#pourquoi-transfer .title-page{margin-bottom: 45px;}
#pourquoi-transfer p{line-height: 30px;}
#pourquoi-transfer ol{padding-left: 20px;line-height: 30px;}
#pourquoi-transfer a.btn, #table-gsuite a.btn{line-height: 60px; height: 60px; border-radius: 30px; padding: 0 40px;box-shadow: none;margin-top: 40px;}
.block-image{margin-bottom: 45px;}
h3.block-titre{font-size: 17px;font-weight: 600;margin-bottom: 15px;}
.block-desc p{font-size: 13px;line-height: 25px;margin-bottom: 0;}
#comment-transfer{padding: 40px 0 75px;background: #1e1b3d;}
.nav-tabs{border-radius: 0;or}
.nav-tabs .nav-link{border: 0;border-bottom: 2px solid transparent;line-height: 1;padding: 16px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-bottom: 2px solid #00bcff;border-radius: 0;}
#tab-domain-transfer{padding-top: 60px;color: #FFF;}
#comment-transfer .title-page{margin-bottom: 24px;}
#comment-transfer .title-page h2{color: #FFF;}
#comment-transfer .title-page p{color: #FFF;font-size: 16px;line-height: 32px;}
.block-comment-transfer{min-height: 250px;background-color: #313652;padding: 24px;background-image: url(images/1.svg);background-position: right 8px;background-repeat: no-repeat;}
.block-comment-transfer-en{min-height: 175px;}
#comment-transfer #all-domain .block-1,#comment-transfer .block-3{margin-bottom: 24px;}
#comment-transfer .block-2{background-image: url(images/2.svg);}
#comment-transfer .block-4:before {content: "";position:absolute;width:100%;height:100%;inset:0;background-image: url(images/4.webp);background-size: 18%;opacity:0.1;background-repeat: no-repeat;    background-position: right 24px;}
#comment-transfer .block-4 small{font-size:14px;}
#comment-transfer .block-4{background-image:none !important;position:relative;}
#comment-transfer .block-3{background-image: url(images/3.svg);background-position: right 24px;height: auto;}
#comment-transfer .block-comment-transfer-en.block-3{height: 402.8px;}
.block-content{max-width: 346px;}
.block-comment-transfer-en .block-content{max-width: 360px;}
.block-content h3{color: #FFF;font-size: 16px;line-height: 22px;font-weight: 700;margin-bottom: 15px;}
.block-content .is-number{padding: 0 8px;border-radius: 5px;background: #232432;font-size: 14px;line-height: 21px;vertical-align: text-top;margin-right: 5px;}
.block-content{font-size: 15px;line-height: 30px;}
.block-content p, .block-pourquoi-chez-nous p{margin-bottom: 0;}
#pourquoi-chez-nous{padding-top: 60px;}
#pourquoi-chez-nous .title-page, #extension-domaine-ma .title-page{margin-bottom: 40px;}
.block-pourquoi-chez-nous{background: #f0f2f8;border-radius: 5px;padding: 24px;margin-bottom: 30px;}
/* .block-pourquoi-chez-nous:last-child{margin-bottom: 0;} */
.block-pourquoi-chez-nous h3{font-size: 16px;line-height: 22px;font-weight: 700;margin-bottom: 15px;color: #313652;}
.block-pourquoi-chez-nous{font-size: 14px;line-height: 23px;color: #5a7184;}
.block-pourquoi-chez-nous img{max-width: 40px;margin-bottom: 24px;}
.grecaptcha-badge{display: none !important;}
.pages-menu p.small-titre-transfer{margin-top: 25px;margin-bottom: 40px;font-size: 14px;font-weight: 300;}
/* .page-template-domaine-ma .pages-menu form.form-search:after{content: ".ma";width: 50px;height: 50px;top: 5px;line-height: 50px;font-size: 18px;position: absolute;right: 56px;color: #323639;} */
.page-template-domaine-ma .pages-menu form.form-search input{padding-right: 40px;}
#domaine-ma{margin-top: -70px;padding: 60px 0;background: #1e1b3d;}
#domaine-ma h2, #domaine-ma p{color: #FFF;margin-bottom: 25px;}
#domaine-ma strong{font-weight: bold;}
#domaine-ma h2 .icon-titre-ma{position: absolute;width: 93px;height: 93px;background: url("images/ma-prestataire-agree.png");margin-left: 25px;top: 18px;}
.page-template-domaine-ma h2 .right-comma{background: url("images/8221.png") center no-repeat;width: 12px;height: 10px;background-size: 12px 8px;display: inline-block;position: relative;top: -15px;}
.page-template-domaine-ma h2 .left-comma{background: url("images/8220.png") center no-repeat;width: 12px;height: 10px;background-size: 12px 8px;display: inline-block;position: relative;top: -15px;}
#extension-domaine-ma, #documents-ma{padding: 60px 0;}
#extension-domaine-ma .title-page img, .document-ma img{margin-bottom: 25px;}
#extension-domaine-ma .col-lg-6 p{font-size: 16px;font-weight: 300;line-height: 22px;color: #151718;margin-bottom: 25px;}
#extension-domaine-ma .col-lg-6 img{margin-top: 35px;}
.extensions-ma{padding: 20px;border-radius: 20px;border: 2px solid #dde5ec;margin-bottom: 10px;}
.extensions-ma:last-child{margin-bottom: 0;}
.extensions-ma h3{font-size: 40px;margin-bottom: 5px;color: #298fc9;font-weight: 400;line-height: 1;}
#extensions-table-body tr{display: none;}
#extensions-table-body tr.extension-table-79{display: table-row;}
#extension-domaine-ma .col-lg-6 .extensions-ma p{color: #84919d;font-weight: 400;}
#documents-ma{background: #f3f6f9;}
#documents-ma .title-page{margin-bottom: 60px;}
#documents-ma .title-page p{color: #151718}
.document-ma{padding:40px 20px;border-radius: 20px;border: 2px solid #dde5ec;background: #FFF;}
.document-ma p{color: #747f8a;font-weight: 300;font-size: 16px;line-height: 22px;margin-bottom: 25px;min-height: 108px;}
.document-ma .btn{font-weight: 500;margin: 0;}
.document-en-ma p{min-height: 87px;}
.owl-dots {text-align: center;width: 100%;margin-top: 10px;}
.owl-dot {border-radius: 50px;height: 10px;width: 10px;display: inline-block;background: #d3f1f4 !important;margin-left: 5px;margin-right: 5px;}
.owl-dot.active {background: #2271B1 !important;}
.owl-dot:focus{outline: none;}
#tlds-slide .domain-icon {text-align: center;margin-bottom: 20px;height: 25px;max-height: 25px;color: #2271B1;font-size: 22px; font-weight: 600;}
#tlds-slide .item {padding: 35px 25px;text-align: center;border: 2px solid #e0ebec;border-radius: 20px;}
#tlds-slide .domain-excerpt {font-size: 14px;margin-bottom: 16px;color: #323232;}
#tlds-slide .domain-price {font-size: 24px;font-weight: 700;color: #323232}
#domaine-tlds{padding: 60px 0}
#choisir-extension{padding-bottom: 100px;}
#choisir-extension .title-page{margin-bottom: 60px;}
#choisir-extension .sous-title-page h3{font-size: 26px;font-weight: 600;color: #323232;}
#plan-offers{padding: 80px 0 60px;background: #2271B1;color: #FFF;}
#plan-offers p{font-size: 16px;font-weight: 400;line-height: 27px;}
#plan-offers .title-offre{font-size: 25px;line-height: 32px;color: #FFF;margin-bottom: 25px;}
#plan-offers img{margin-bottom: 20px;}
#recherche-ext.pages-menu{padding: 30px 0;}
#recherche-ext.pages-menu form.form-search:before{display: none;}
#recherche-ext.pages-menu form.form-search button{height: 56px;border: 2px solid #e1ebec !important;border-left: 0 !important;width: 59px;background-image: url("images/icon-ext.png") !important;background-repeat: no-repeat !important;background-position: center !important;background-size: auto 32px !important;}
#recherche-ext.pages-menu form.form-search input{padding-left: 25px;height: 56px;border: 2px solid #e1ebec;border-right: 0;font-size: 16px;}
#recherche-ext.pages-menu form.form-search input::placeholder {color: #c6c6c6;opacity: 1;}
#recherche-ext.pages-menu form.form-search input:-ms-input-placeholder {color: #c6c6c6;}
#recherche-ext.pages-menu form.form-search input::-ms-input-placeholder {color: #c6c6c6;}
.extensions-list-div .categories-titre{padding: 0;margin:0;}
.extensions-list-div .categories-titre li{list-style: none;background-color: #2271b1;color: #fff;font-size: 20px;font-weight: 600; padding: 20px 15px 20px 45px;margin: 0;border-bottom: 1px solid #4c86b5;}
.extensions-list-div .categories-list{padding: 0;margin: 0;}
.extensions-list-div .categories-list li {list-style: none;display: block;width: 100%;padding: 2px 0;margin: 0;color: white;background-color: #2271B1;}
.extensions-list-div .categories-list li a {display: block;width: 100%;padding: 18.5px 15px 18.5px 45px;margin: 0; color: #dfe8f1;font-size: 15px;}
.extensions-list-div .categories-list li.active, .extensions-list-div .categories-list li:hover{background-color: #5692c3;font-weight: 700}
.extensions-list-div .categories-list li.active a, .extensions-list-div .categories-list li:hover a{color: white;}
.extensions-container-table{min-height: 100%;position: relative;}
.extensions-table{background-color: transparent;margin: 0 0 0 -1px;padding: 0;border-spacing: 0;width: calc(100% + 2px);max-width: calc(100% + 2px);}
.extensions-table thead th {font-size: 14px;font-weight: 600;padding: 24px 20px;text-align: center;border-bottom: 1px solid grey;border-top: 1px solid grey !important;}
.extensions-table tbody td {vertical-align: middle;text-align: center;margin: 0;color: #323232;border-top: 1px solid transparent;border-bottom: 1px solid #f1f1f1;padding: 12px 15px;font-size: 15px;font-weight: 400;}
.extensions-table tbody td img{max-width: 20px;}
.extensions-table tbody td .btn{font-size: 12px;line-height: 39px;height: 40px;max-height: 40px;padding: 2px 25px;border-radius: 4px;margin: 0;}
.extensions-table tbody td .gratuit {color: #2271b1;font-weight: 600;}
.extensions-table-before {display: inline-block;position: relative;width: 80px;height: 80px}
.extensions-table-before div {position: absolute;border: 4px solid #1fb2c8;opacity: 1;border-radius: 50%;animation: extensions-table-before 1s cubic-bezier(0, .2, .8, 1) infinite}
.extensions-table-before div:nth-child(2) {animation-delay: -0.5s}
@keyframes extensions-table-before { 0% {top: 36px;left: 36px; width: 0;height: 0;opacity: 1 } 100% {top: 0;left: 0;width: 72px;height: 72px;opacity: 0 } }
.pages-menu .btn-primary:not([disabled]):not(.disabled).active,.pages-menu .btn-primary:not([disabled]):not(.disabled):active,.pages-menu .show>.btn-primary.dropdown-toggle{background: #FFF!important;box-shadow: none;}
#media_image-2 img{max-width: 200px !important;}
#recherche-ext.pages-menu form.form-search button:focus{box-shadow: none;}
#extensions-table-body button, #extensions-table-body button:focus, #extensions-table-body button:active{background-color: #2271B1 !important;}
footer .col-md-4{z-index: 99;}
.domaine .form-search .btn{width: 171px;height:50px;}
#expert-wordpress,#avec-clouder{padding-bottom: 130px;position: relative;}
#expert-wordpress:after {content: "";position: absolute;width: 30px;height: 20px;background: url(/wp-content/themes/clouder/images/icons.png) no-repeat;background-position: -50px -471px;left: calc(50% - 15px);bottom: 55px;}
#expert-wordpress .title-page, #nos-tarifs-wordpress .title-page{margin-bottom: 30px;}
.content-expert{padding: 20px 0;padding-left: 70px; border: 1px solid #dde5ec;color: #151718;border-radius: 25px;background: url("images/expert-1.png") no-repeat 15px center;}
.content-expert-top{margin-bottom: 30px;}
.content-expert-2{background: url("images/expert-2.png") no-repeat 15px center}
.content-expert-3{background: url("images/expert-3.png") no-repeat 15px center}
.content-expert-4{background: url("images/expert-4.png") no-repeat 15px center}
.content-expert-5{background: url("images/expert-5.png") no-repeat 15px center}
.content-expert-6{background: url("images/expert-6.png") no-repeat 15px center}
.content-avec-clouder h3{color: #151718;font-size: 30px;line-height: 35px;font-weight: 800;margin-bottom: 30px;}
.content-avec-clouder p{font-weight: 300;line-height: 22px;color: #323639;margin-bottom: 25px;}
.content-avec-clouder p:last-child{margin-bottom: 0;}
.content-padding-1{padding-top: 75px;}
.content-padding-2{padding-top: 50px;}
.content-padding-3{padding-top: 57px;}
.avec-clouder-1{margin-bottom: 85px;}
.avec-clouder-1 .col-lg-6 img{width: 100%;}
.avec-clouder-2 .col-lg-6 img{max-width: 460px;}
.avec-clouder-3 .col-lg-6 img{max-width: 450px;}
.avec-clouder-3 .col-lg-6:first-child{text-align: center;}
.avec-clouder-3 .col-lg-6:first-child:before {content: "";position: absolute;width: 108px;height: 42px;background: url("images/avec-clouder-3-fleche.png") no-repeat;right: -35px;top: 0px;}
.avec-clouder-2 .col-lg-6:first-child:before {content: "";position: absolute;width: 102px;height: 43px;background: url("images/avec-clouder-2-fleche.png") no-repeat;right: -56px;bottom: 0;z-index: 99;}
.avec-clouder-1 .col-lg-6:first-child:before {content: "";position: absolute;width: 98px;height: 57px;background: url("images/avec-clouder-fleche.png") no-repeat;right: -49px;bottom: -40px;z-index: 99;}
.avec-clouder-2{margin-bottom: 130px;}
#nos-tarifs-wordpress{background: #1e1b3d;padding: 60px 0 50px;}
#nos-tarifs-wordpress .title-page strong{font-size: 17px;color: #937ade;letter-spacing: 10px;display: block;margin-bottom: 20px;}
#nos-tarifs-wordpress .title-page h2{color: #FFF;margin-bottom: 10px;line-height: 1;}
#nos-tarifs-wordpress .title-page p{color: #937ade}
.nos-tarifs-bottom strong{font-size: 22px;color: #fff;display: block;margin-bottom: 10px;line-height: 1;}
.nos-tarifs-bottom p{font-weight: 300;color: #FFF;line-height: 1;}
.nos-tarifs-bottom a{color: #fff;}
.nos-tarifs-wp{margin-bottom: 40px;color: #FFF;}
.nos-tarifs-wp th, .nos-tarifs-wp td{width: 33.33%;text-align: center;border-bottom: 1px solid #1c152f;}
.nos-tarifs-wp.table thead th{border-bottom: 1px solid #1c152f;}
.nos-tarifs-wp.table th {font-weight: 700;font-size: 22px;line-height: 26px;padding:30px 0;vertical-align: top;}
.nos-tarifs-wp th .powered{font-size: 17px;font-weight: 400;}
.nos-tarifs-wp th .colored{color: #3e5bc5;}
.nos-tarifs-wp thead .tarifs-col-1, .nos-tarifs-wp tr.nos-tarifs-wp-row:nth-child(even) .tarifs-col-1{background: #211b34;}
.nos-tarifs-wp tr.nos-tarifs-wp-row:nth-child(odd) .tarifs-col-1 {background: #28213a;}
.nos-tarifs-wp thead .tarifs-col-2, .nos-tarifs-wp tr.nos-tarifs-wp-row:nth-child(even) .tarifs-col-2{background: #1c152f;}
.nos-tarifs-wp tr.nos-tarifs-wp-row:nth-child(odd) .tarifs-col-2 {background: #211b34;}
.nos-tarifs-wp thead .tarifs-col-3, .nos-tarifs-wp tr.nos-tarifs-wp-row:nth-child(even) .tarifs-col-3{background: #222046;}
.nos-tarifs-wp tr.nos-tarifs-wp-row:nth-child(odd) .tarifs-col-3 {background: #272957;}
.nos-tarifs-wp.table td{font-size: 14px; line-height: 22px;font-weight: 400;padding: 25px 15px;}
.nos-tarifs-wp td.tarifs-col-2{font-size: 16px;font-weight: 700;}
.nos-tarifs-wp tr.nos-tarifs-wp-row:last-child a{border-radius: 5px;font-size: 16px;line-height: 23px;font-weight: 700;}
.nos-tarifs-wp tr.nos-tarifs-wp-row:last-child .tarifs-col-3 p, .nos-tarifs-wp tr.nos-tarifs-wp-row:last-child .tarifs-col-1 p {font-size: 19px;font-weight: 700;margin-bottom: 25px;}
#heberger-fiable{padding: 45px 0 130px;}
#heberger-fiable h2{font-size: 26px;line-height: 42px;margin-bottom: 35px;font-weight: 700;margin-top: 40px;}
#heberger-fiable p{font-size: 14px;line-height: 27px;margin-bottom: 0;color: #747f8a;}
#choix-heberger{padding-bottom: 80px;}
#choix-heberger .choix-offre{position: relative;background: #f8fdfe;border-radius: 15px;border: 2px solid #3c82be;overflow: hidden;min-height: 250px;padding: 65px 25px 25px 25px;}
#choix-heberger .offre-icon {width: 139px;height: 139px;position: absolute;top: -35px;right: -15px;left: unset;bottom: unset;}
#choix-heberger .offre-title,#nos-support .support-title h3{font-size: 17px;font-weight: 700;line-height: 23px;z-index: 2;margin-bottom: 25px;}
#choix-heberger .offre-excerpt p, #equipe-support p,#nos-support .support-desc p{font-size: 14px;line-height: 27px;margin-bottom: 0;color: #747f8a;}
#equipe-support{padding-bottom: 65px;}
#equipe-support h3{font-size: 22px;font-weight: 600;line-height: 26px;margin-top: 40px;margin-bottom: 25px;}
#equipe-support img{max-width: 429px;}
#nos-support .support-icon{display: block;margin-bottom: 20px;}
#nos-support .support-icon img{max-width: 92px;}
#nos-support .support-title{margin-bottom: 15px;}
#plan-heberger .title-page{margin-bottom: 30px;}
#hostingfeatures{padding-bottom: 70px;}
#hostingplan-table {font-size: 15px;line-height: 18px;font-weight: 400;color: #311256;width: 100%;}
#hostingplan-table thead tr th {background: #2271B1;color: #fff;padding: 15px 20px;text-align: center;border-right: 1px solid #fff}
#hostingplan-table thead tr th:not(.vat-col){font-size: 20px;}
#hostingplan-table thead tr th.packa{color: #FFF;}
#hostingplan-table thead tr th.packb{color: #FFF;}
#hostingplan-table thead tr th.packc{color: #FFF;}
#hostingplan-table thead tr th:first-child {background: none;color: #222;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#hostingplan-table thead tr th:first-child p {font-size: 13px;font-weight: 700;margin-bottom: 10px;}
#hostingplan-table thead tr th:first-child #label {cursor: pointer;position: relative;width: 80px;background: #fff;border: 3px solid #311256;height: 30px;border-radius: 50px;margin: 0;margin-left: -10px;text-align: start;}
#hostingplan-table thead tr th:first-child #switch {width: 21px;height: 21px;border-radius: 50px;margin-left: 3px;background: #311256;top: 1.5px;position: absolute;}
#hostingplan-table thead tr th:first-child #vat-toggle:checked~#label #switch {background: #2ecc71;transform: translatex(48px)}
#hostingplan-table thead tr th:first-child #vat-toggle {margin-top: 0;opacity: 0;}
#hostingplan-table thead tr th:first-child img {cursor: pointer;transition: all .3s;margin-bottom: 25px}
#hostingplan-table thead tr th:first-child img:hover {opacity: .75;transition: all .3s}
#hostingplan-table thead tr th .plan-icon-header {max-width: 50px;max-height: 50px;display: block;margin: 0 auto 15px}
#hostingplan-table thead tr th .price-pitch {display: none;margin-top: 10px;font-size: 30px;color: #cb5cfa;line-height: 1}
#hostingplan-table thead tr th .price-pitch.price-monthly-novat{display: block;}
#hostingplan-table thead tr th .price-pitch span {color: #FFF;font-weight: 700;}
#hostingplan-table tbody tr td, #hostingplan-table tbody tr th {padding: 22px 20px}
#hostingplan-table tbody tr th[scope=row] {min-width: 180px;font-weight: 700;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;color: #311256;font-size: 15px;}
#hostingplan-table tbody tr th[scope=row] small {font-size: 75%;display: block;font-weight: 400}
#hostingplan-table tbody tr th .nowrap {white-space: nowrap;display: block}
#hostingplan-table tbody tr td {background: #fff;border: 1px solid #e7e7e7;text-align: center;font-size: 14px;font-weight: 400;}
#hostingplan-table tbody tr td:last-child {border-right: none}
#hostingplan-table tbody tr td span {display: block;color: #311256;font-weight: 700}
#hostingplan-table tbody tr td span.resource-boost em {font-style: normal;color: rgba(251, 67, 8, .85);white-space: nowrap;background: rgba(251, 67, 8, .15);padding: 3px 8px;border-radius: 4px;display: inline-block}
#hostingplan-table tbody tr td small {font-size: .65em;display: block}
#hostingplan-table tbody tr td small.lbled {background: rgba(0, 217, 163, .2);padding: 5px 15px;border-radius: 50px;display: inline-block;font-weight: 700;color: #00aa80;margin-top: 5px;font-size: 10px;}
#hostingplan-table tbody tr td small.lbled.lbl-premium {color: #540e9a;background: rgba(84, 14, 154, .2)}
#hostingplan-table tbody tr td .perf-icon {max-width: 35px;max-height: 35px;margin-bottom: 10px}
#hostingplan-table tbody tr td .resource-boost-icon {min-width: 150px;max-width: 150px;display: block;margin: auto;margin-top: 15px}
#hostingplan-table tbody tr td.boosted-col {background: rgba(34, 113, 177, .05)}
#hostingplan-table tbody tr td.col-promote {background: rgba(0, 217, 163, .1)}
#hostingplan-table tbody tr td.col-promote i {display: block;color: #00aa80}
#hostingplan-table tbody tr td.col-prem {background: rgba(34, 113, 177, .1);padding-top: 30px}
#hostingplan-table tbody tr td.col-prem .col-prem-title {margin-bottom: 10px}
#hostingplan-table tbody tr td.col-prem .col-prem-title em {background: #2271B1;color: #fff;padding: 3px 8px;border-radius: 3px}
#hostingplan-table tbody tr.plan-feature-list td {vertical-align: top;text-align: left}
#hostingplan-table tbody tr.plan-feature-list td ul {margin: 25px 0 0;list-style: none}
#hostingplan-table tbody tr.plan-feature-list td ul li {padding: 8px 0;position:relative;}
#hostingplan-table tbody tr.plan-feature-list td ul li:before {position: absolute;font-family: FontAwesome  !important;content: "";margin: 0 0 0 -35px;color: #540e9a}
#hostingplan-table tbody tr.plan-feature-list td ul li.prem-contention:before {font-family: FontAwesome  !important;content: ""}
#hostingplan-table tbody tr.plan-feature-list td ul li.prem-emergency-phone:before {font-family: FontAwesome  !important;content: ""}
#hostingplan-table tbody tr.plan-feature-list td ul li.prem-pci:before {font-family: FontAwesome  !important;content: ""}
#hostingplan-table tbody tr.plan-feature-list td ul li.prem-litemage:before {font-family: FontAwesome  !important;content: ""}
#hostingplan-table tbody tr.plan-feature-list td ul li.prem-ecommerce:before {font-family: FontAwesome  !important;content: ""}
#hostingplan-table tbody tr.performance-row td {vertical-align: top}
#hostingplan-table tbody tr.performance-row td span {font-weight: 700;margin-bottom: 5px}
#hostingplan-table tbody tr.order-row td {padding: 25px 10px;}
#hostingplan-table .plan-order-btn {cursor: pointer;padding: 12px 25px;border-radius: 50px;border: 2px solid #2271B1;margin: 0 auto 10px;white-space: nowrap;transition: all .3s;background: none;color: #2271B1;display: block;transition:all .2s ease;}
#hostingplan-table .plan-order-btn:hover{background:#2271B1;color:white}
#hostingplan-table .plan-order-btn:focus{outline: none;}
#hostingplan-table .img-flag{max-width: 30px;}
.page-template-managed-wordpress #hostingplan-table tbody tr td span{display: inline-block;}
.page-template-managed-wordpress #hostingplan-table{color: #1c152f;}
.page-template-managed-wordpress #hostingplan-table tbody tr th[scope=row]{font-weight: 600;color: #1c152f;font-size: 15px;line-height: 22px;}
.page-template-managed-wordpress #hostingplan-table tbody tr th.titre-table{font-size: 18px;background: #f8f9fa;}
.page-template-managed-wordpress #hostingplan-table tbody tr td{font-size: 16px;line-height: 26px;font-weight: 300;text-align: left;}
.page-template-managed-wordpress #hostingplan-table tbody tr td small{line-height: 1.1;color: #1c152f;font-weight: 300;}
.page-template-managed-wordpress #hostingplan-table tbody tr td  span{color: #1c152f;font-size: 16px;font-weight: 300;}
.page-template-managed-wordpress #hostingplan-table tbody tr td  p.text-managed span{color: #222323;font-weight: 600;font-size: 16px;}
.page-template-managed-wordpress #hostingplan-table tbody tr td p.text-managed, .page-template-managed-wordpress #hostingplan-table tbody tr td strong{color: #222323;font-weight: 600;margin-bottom: 20px;}
.page-template-managed-wordpress #hostingplan-table tbody tr td strong{display: block;margin-bottom: 10px;line-height: 1;}
.page-template-managed-wordpress #hostingplan-table tbody tr td p.text-managed.mb-0{line-height: 1;}
.page-template-managed-wordpress #hostingplan-table tbody tr td p.price-pitch{display: none;margin-bottom: 0;}
.page-template-managed-wordpress #hostingplan-table tbody tr td p.price-pitch span{font-weight: 600;}
.page-template-managed-wordpress #hostingplan-table tbody tr td p.price-pitch.price-monthly-novat{display: block;}
.page-template-managed-wordpress #hostingplan-table thead button,.page-template-managed-wordpress #hostingplan-table thead a{background: #2271B1;display: block;width: 100%;border-radius: 20px;height: 40px;color: #FFF;font-size: 19px;font-weight: 400;border: 0;outline: 0 !important;cursor: pointer;margin-top: 20px;}
.page-template-managed-wordpress #hostingplan-table thead tr th .img-pack{display: block;margin: auto;margin-bottom: 20px;}
.page-template-managed-wordpress #hostingplan-table thead tr th{background: #FFF;border-right: 1px solid #e7e7e7;color: #1c152f;}
.page-template-managed-wordpress #hostingplan-table thead tr th:last-child{border-right: 0;}
.page-template-managed-wordpress #hostingplan-table thead button:hover{opacity: .75;transition: all .3s}
.check-table{max-width: 30px;}
.plan-show-prices-title {margin-top: 0;font-weight: 700}
.plan-show-prices {display: flex;flex-wrap: wrap;width: 100%;margin: 10px auto 50px;align-items: center;justify-content: center}
.plan-show-prices>label {display: flex;justify-content: flex-start;align-items: center;flex-wrap: nowrap;margin: 12px 0;cursor: pointer;position: relative;padding: 0 50px}
.plan-show-prices input {opacity: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: -1}
.plan-show-prices .custom-switcher {width: 30px;height: 30px;border: 2px solid #fff;border-radius: 100%;margin-right: 15px;position: relative}
.plan-show-prices .custom-switcher:after,.plan-show-prices .custom-switcher:before {content: "";display: block;width: inherit;height: inherit;border-radius: inherit;position: absolute;transform: scale(0);transform-origin: center center}
.plan-show-prices .custom-switcher:before {background: #fff;opacity: 0;transition: .3s}
.plan-show-prices .custom-switcher-copy {color: #fff;font-weight: 700;text-align: left;line-height: 1.2em;transition: all .3s;font-size: 16px}
.plan-show-prices .custom-switcher-copy .custom-switcher-promo {display: block;color: #0ff;font-size: 13px}
.plan-show-prices input:checked+.custom-switcher:before {opacity: 1;transform: scale(.6);left: -2px;top: -2px}
.plan-show-prices input:hover~.custom-switcher-copy {opacity: .75;transition: all .3s}
.plan-show-prices.plan-show-prices-brand .custom-switcher {border-color: #2271B1}
.plan-show-prices.plan-show-prices-brand .custom-switcher:before {background: #2271B1}
.plan-show-prices.plan-show-prices-brand .custom-switcher-copy {color: #2271B1}
.plan-show-prices.plan-show-prices-brand .custom-switcher-copy .custom-switcher-promo {padding: 5px 12px;background: #2271B1;color: #fff;border-radius: 50px;position: relative;top: 5px;left: -5px}
.plan-show-prices.plan-show-prices-brand input:hover~.custom-switcher-copy {color: #2271B1}
#table-plan,#expertise-cms{padding-bottom: 60px;}
#table-plan .title-page{margin-bottom: 60px;}
#table-plan .plan{border-top: 3px solid #2271b1;background: #E8F1F7;padding: 30px;position: relative;}
#table-plan .plan img{margin-bottom: 30px;}
#table-plan .plan h3{color: #2271b1;font-weight: 400;line-height: 1;margin-bottom: 20px;font-size: 25px;}
#table-plan .plan em{background: #2271B1;color: #fff;padding: 3px 8px;border-radius: 3px;font-weight: 600;font-size: 14px;position: absolute;right: 10px;top: 10px;}
#table-plan .plan .wpcs_price{color: #1c1e20;font-weight: 800;line-height: 1;margin-bottom: 20px;font-size: 40px;display: block;}
#table-plan .plan .plan-btn{max-width: 100%;width: 100%;display: block;cursor: pointer;padding: 12px 25px;border: 3px solid #2271b1;background: #2271b1;margin: 0;white-space: nowrap;transition: all .3s;color: #fff;font-size: 16px;font-weight: 500;}
#table-plan .plan .plan-btn:hover{border-color: #2271b1;background: transparent;color: #2271b1;}
#table-plan ul{list-style: none;color: #323639;font-size: 15px;font-weight: 600;}
#table-plan ul li{line-height: 30px;background: url("images/icon-1.png") no-repeat left center;background-size: 22px;padding-left: 28px;margin-bottom: 8px;}
#table-plan ul li.icon-bande{background: url("images/icon-2.png") no-repeat left center;background-size: 22px;}
#table-plan ul li.icon-email{background: url("images/icon-3.png") no-repeat left center;background-size: 22px;}
#table-plan ul li.icon-ftp{background: url("images/icon-4.png") no-repeat left center;background-size: 22px;}
#table-plan ul li.icon-db{background: url("images/icon-5.png") no-repeat left center;background-size: 22px;}
#table-plan ul li.icon-domaine{background: url("images/icon-6.png") no-repeat left center;background-size: 22px;}
#table-plan ul li.icon-gsuite{background: url("images/icon-7.png") no-repeat left center;background-size: 22px;}
#table-plan ul li.icon-nok{background: url("/wp-content/uploads/2021/12/icon-nok.png") no-repeat left center;background-size: 22px;}
#table-plan ul li.icon-ok{background: url("/wp-content/uploads/2021/12/icon-ok.png") no-repeat left center;background-size: 22px;}
#table-plan ul li:last-child:not(.icon-gsuite):not(.icon-ok):not(.icon-email-pro){margin-bottom: 0;padding-left: 0;background: none;}
#table-plan ul li:last-child img{margin-bottom: 0;}
#table-plan ul li:last-child a{color: #323639;}
#heberger-site{padding: 45px 0;color: #FFF;background: #1e1b3d;font-size: 18px;font-weight: 400;margin-bottom: 60px;}
#heberger-site p{margin-bottom: 20px;line-height: 1;}
#heberger-site h2{font-size: 29px;font-weight: 700;color: #7fd6ff;line-height: 1;margin-bottom: 0;}
#expertise-cms .title-page{margin-bottom: 30px;}
#expertise-cms .expertise-width{max-width: 80%;margin: auto;}
#expertise-cms img{max-width: 75px;margin-bottom: 20px;}
#expertise-cms p.expertise-title{font-size: 15px;font-weight: 400;}
#service-hosting{padding: 80px 0 10px;background-color: #f3f6f9;}
#service-hosting .service{position: relative;margin: 0;padding: 0 0 45px 60px;}
#service-hosting .service-icon{position: absolute;width: 40px;height: auto;top: 0;left: 0;text-align: center;}
#service-hosting h3{font-size: 17px;margin-bottom: 10px;font-weight: 600;}
#service-hosting p, #security-hosting .security p{font-size: 14px;line-height: 27px;}
#security-hosting{padding: 65px 0;}
.security-icon img{max-height: 206px;}
#security-hosting .security{margin: 0;padding: 0 0 85px 0;}
#security-hosting .security:last-child{padding-bottom: 0;}
#security-hosting .security h3{font-size: 19px;margin-bottom: 25px;font-weight: 700;}
#bon-plan{background: #1e1b3d; color: #FFF;padding: 40px 0 55px;}
#bon-plan p{padding-left: 40px;font-size: 15px;font-weight: 400;line-height: 25px;}
#bon-plan p.colored{color: #00baf2;font-weight: 600;background: url("images/check_green.svg") left center no-repeat;background-size: 25px;font-size: 13px;line-height: 25px;}
.page-template-managed-wordpress #hostingfeatures{padding: 80px 0;}
.page-template-managed-wordpress .sous-titre{font-size: 20px;margin-bottom: 15px;}
.page-template-managed-wordpress #hostingfeatures .title-page{margin-bottom: 15px;}
.page-template-managed-wordpress .plan-show-prices{margin-bottom: 30px;}
hr.after-plan{margin-bottom: 70px;margin-top: 0;border-color: #eee;}
.page-template-managed-wordpress .after-titre{margin-bottom: 45px;}
.page-template-managed-wordpress .title-page p.action-questions{margin-bottom: 30px;}
.page-template-managed-wordpress #more-questions strong{font-weight: bold;}
.page-template-managed-wordpress #more-questions small{color: #747f8a;}
.page-template-managed-wordpress .action-questions a{max-width: 295px;width: 100%;padding-block: 14px;background-color: #323639!important;border-radius: 20px;line-height: 17px;font-size: 15px;}
.page-template-managed-wordpress .action-questions a:hover{background-color: #3da9e7!important;}
.page-template-managed-wordpress .action-questions a:after{content: "\f105";font-family: FontAwesome  !important;position: absolute;right: 22px;width: 6px;height: 10px;line-height: 1;top: calc(50% - 8px);color: #3da9e7;}
.inclus-standard img{max-height: 70px;width: 100%;object-fit: contain;}
#pourquoi-infogerance img{max-height: 230px;width: auto;}
.description-infogerance{font-size: 15px;line-height: 27px;}
.description-infogerance.description-1{margin-top: 45px;}
h3.titre-infogerance{margin-top: 45px;font-size: 20px;margin-bottom: 35px;font-weight: 700;}
#pourquoi-infogerance .clear:not(.clear-1){height: 30px;}
#tableau-infogerance{padding: 100px 0 60px;}
#tableau-infogerance .vat-col img{max-width: 160px;}
#tableau-infogerance td img{display: block;padding: 0;min-height: 18px;max-height: 18px;height: 18px;margin: auto;width: 20px;}
#tableau-infogerance th .sous-titre{font-size: 14px;line-height: 20px;margin-top: 10px;}
#tableau-infogerance th .sub-price{font-size: 14px;line-height: 20px;}
#infogerance-personalise{background-color: #2271b1;padding-top: 30px;padding-bottom: 30px;color: #FFF;font-size: 20px;}
#infogerance-personalise .btn-personaliser {font-size: 14px;font-weight: 600;padding:7px 25px;margin: 0 0 15px 0;text-transform: uppercase;color: #4942af;background-color: #fff;border-color: #fff;border-radius: 30px;}
.page-template-managemant-server #service-hosting{padding-bottom: 35px;margin-bottom: 60px;}
#google-1{padding-bottom: 65px;}
#g-suite{background: #f3f6f9;padding: 70px 0;}
#g-suite .col-md-6 img{margin-bottom: 40px;}
#g-suite .g-block-20 {margin: 25px 0 0 0;padding: 0;}
#g-suite .g-block-title{font-size: 19px;margin-bottom: 20px;font-weight: 600;}
#g-suite .g-block-excerpt {font-size: 14px;line-height: 25px;}
#g-suite .g-block-icons img {width: auto;height: 24px;}
.page-template-google-workspace #table-plan .plan{padding: 30px 20px;}
.page-template-google-workspace #table-plan{padding-top: 70px;}
.page-template-google-workspace #table-plan .plan .wpcs_price{margin-bottom: 5px;}
#table-gsuite{background: #1e1b3d;color: #FFF;padding: 70px 0;margin-bottom: 70px;}
#table-gsuite h2, #table-gsuite .title-page p{color: #FFF;}
#table-gsuite h2{margin-bottom: 50px;}
#table-gsuite .title-page{padding-bottom: 40px;margin-bottom: 60px;border-bottom: 1px solid #3f4e59;}
#table-gsuite .title-page h2{color: #FFF;margin-bottom: 10px;font-size: 30px;;}
#table-gsuite th img{width: 26px;margin-bottom: 0px;margin-right: 10px;}
#table-gsuite td img{max-width: 15px;margin: auto;}
#table-gsuite .table-striped,#table-gsuite .table td,#table-gsuite .table th{border-color: #233238;font-weight: 600;}
#table-gsuite .table-striped>tbody>tr>th, #table-gsuite .table-striped>tbody>tr>td{border: 0;font-size: 13px;padding: 14px;border-right: 1px solid #233238;vertical-align: middle;}
#table-gsuite .table-striped>tbody>tr>th h4{text-transform: uppercase;font-size: 16px;line-height: 30px;font-weight: 600;}
#table-gsuite .table-striped>tbody>tr:nth-child(odd)>th, #table-gsuite .table-striped>tbody>tr:nth-child(odd)>td{background-color: #332f57;}
#table-gsuite .table >tbody+tbody {border-top: 2px solid #233238;}
#table-gsuite .table-striped>tbody>tr.spec>th, #table-gsuite .table-striped>tbody>tr.spec>td{background-color: #4a4379;}
#table-gsuite .table-striped>tbody>tr>td{text-align: center;}
#table-gsuite .table-striped .p-small{margin-bottom: 0;}
#pourquoi-ssl{padding-bottom: 70px;}
#pourquoi-ssl .title-page, #choisir-ssl .title-page{margin-bottom: 0;}
#pourquoi-ssl img, #choisir-ssl img{height: 90px;width: 90px;display: block;margin: 40px auto 10px;}
#pourquoi-ssl h3, #choisir-ssl h3{font-size: 16px;line-height: 22px;font-weight: 600;margin-bottom: 10px;}
#pourquoi-ssl p, #choisir-ssl p{margin-bottom: 0;font-size: 13.5px;line-height: 27px;font-weight: 600;}
#types-ssl .title-page{margin-bottom: 10px;}
#types-ssl img, #pourquoi-ssl .ssl-img img{height: 329px;width: auto;margin-bottom: 40px;}
#types-ssl .ssl-title{font-size: 19px;font-weight: 600;line-height: 34px;margin-bottom: 25px;}
#types-ssl .ssl-excerpt{font-size: 15px;font-weight: 400;line-height: 27px;margin-bottom: 0;}
#types-ssl .types-ssl{padding: 85px 0 70px;}
#types-ssl .fleche1:before{right: -40px;}
#types-ssl .fleche2:before{right: -30px;bottom: -20px;}
#types-ssl .fleche3:before{right: -50px;bottom: 30px;}
#choisir-ssl{margin-bottom: 70px;}
#filter-ssl{background: #2271b1;color: #fff;margin-bottom: 38px;}
#filter-ssl .px-70{padding: 38px 15px;}
#filter-ssl .border-right-dark{border-right: 1px solid #E8F1F7;padding: 38px 5px;}
#filter-ssl h2{font-size: 25px;line-height: 30px;color: #FFF;font-weight: 700;}
#filter-ssl span.founded {padding: 8px 14px;font-size: 12px;width: fit-content;margin: 10px 0px;border: 1px solid #E8F1F7;color: #E8F1F7;display: block;line-height: 1;font-weight: 600;}
#filter-ssl span.founded label{color: #FFF;margin-bottom: 0;}
#filter-ssl-reset{background: transparent;padding: 0;font-size: 14px;line-height: 21px;font-weight: 600;}
#filter-ssl-reset:hover{background: transparent !important;}
#filter-ssl .title-filter {text-transform: uppercase;font-size: 14px;letter-spacing: 4px;}
#filter-ssl .custom-control-label{font-size: 13px;cursor: pointer;}
#filter-ssl .custom-control-input:disabled~.custom-control-label{color: #FFF;}
#table-plan .plan li .wpcs_price{font-size: inherit;display: inline-block;margin-bottom: 0;font-weight: 400;color: inherit;}
.page-template-ssl #table-plan .col-lg-4{margin-bottom: 30px;}
.page-template-ssl #table-plan .plan{height: 100%;}
.page-template-ssl #table-plan .plan h3{line-height: inherit;min-height: 75px;}
.page-template-ssl #table-plan{padding-bottom: 30px;}
#table-plan .pack-description{font-size: 13px;color: #010f38;letter-spacing: 0;line-height: 18px;font-weight: 300;margin-bottom: 0;margin-top: 30px;}
#fonction-ssl{margin-bottom: 60px;}
#fonction-ssl h2{margin-bottom: 40px;}
#fonction-ssl .title-page{margin-bottom: 50px;}
#fonction-ssl .counter{display: block;position: relative;color: #0088EE;background-color: #EEF9FA;font-size: 19px;font-weight: 600;line-height: 32px;width: 32px;height: 32px;text-align: center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;padding: 0;margin: 0 0 10px 0;}
#fonction-ssl .content-fonction p{font-size: 14px;line-height: 27px;color: #323232;}
.custom-control{padding-top: 5px;padding-bottom: 5px;padding-left: 30px;}
.custom-radio .custom-control-label::before, .custom-control-input:disabled~.custom-control-label::before{top: 7px;background: transparent;border: 1px solid #ffffff3b;width: 20px;height: 20px;}
.custom-radio .custom-control-input:checked~.custom-control-label::before{background: transparent;}
.custom-radio .custom-control-input:checked~.custom-control-label::after{width: 12px;height: 12px; border: 1px solid #ffffff3b;top: 11px;left: 4px;background: #fff;border-radius: 50%;}
#glisser-deposer{padding-bottom: 210px;}
.content-glisser h2{font-size: 52px;font-weight: 700;line-height: 64px;margin-bottom: 25px;}
#glisser-deposer .content-glisser{margin-top: 110px;}
.content-glisser p{color: #626a73;font-size: 16px;line-height: 27px;}
#glisser-deposer  .img-glisser{border-radius: 4px; box-shadow: 0 3px 35px 10px rgb(13 16 26 / 12%);}
#builder-appareil .content-glisser{margin-top: 230px}
#builder-appareil .img-appareil{max-width: 400px;width: 400px;}
#builder-appareil .container{height: 620px;display: flex;background: #f8f8f8;padding: 0;}
#builder-appareil .row{margin-top: -90px;}
#modele-web{padding: 210px 0 60px;}
#modele-web .content-glisser{margin-top: 130px}
#modele-web .content-glisser p{max-width: 475px;}
#modele-web .link{transition: color .15s;color: #5090e0;font-size: 18px;font-weight: 500;cursor: pointer;}
#modele-web .link__icon{height: 12px;margin-left: 7px;transition: fill .15s;fill: #5090e0;vertical-align: middle;}
#tout-fonction .sous-titre{font-size: 34px;line-height: 48px;color: #626a73;font-weight: 400;margin-bottom: 70px;}
#tout-fonction .fonction-list{padding: 40px;height: 100%;border-radius: 20px;border: 1px solid #dae0e6;margin-bottom: 40px;}
#tout-fonction .col-lg-4{margin-bottom: 40px;}
#tout-fonction .icon-fonction{fill: #4da2e4;margin-bottom: 15px;}
#tout-fonction h3{font-size: 20px;line-height: 28px;font-weight: 700;margin-bottom: 10px;}
#tout-fonction p.text{margin-bottom: 0;color: #626a73;font-size: 16px;line-height: 27px;}
#tout-fonction .fonction-valign{display: table;width: 100%;height: 100%;}
#tout-fonction .fonction-valign a{display: table-cell;vertical-align: middle;font-size: 18px;font-weight: 600;fill: #4da2e4;color: #4da2e4;}
#table-plan .content-glisser{margin-bottom: 60px;}
.page-template-builder #table-plan .plan em{position: relative;top: inherit;right: inherit;}
.page-template-builder #table-plan .plan .wpcs_price{display: inline;margin-bottom: 0;font-size: 35px;}
.page-template-builder #table-plan .plan .nom-prix-plan p{margin-bottom: 10px;}
.page-template-builder #table-plan .plan strike{padding: 3px 8px;}
.page-template-builder #table-plan .plan strike .wpcs_price{font-size: 14px;font-style: italic;}
.page-template-builder #table-plan .plan .nom-prix-plan{margin-bottom: 30px;}
.page-template-builder #table-plan .plan li{font-size: 14px;}
.page-template-builder #table-plan .plan li.icon-2-line{line-height: 1;}
.page-template-builder #table-plan ul li.icon-none{padding-left: 0;background: none;}
.page-template-builder #table-plan{padding: 30px 0 50px;}
.page-template-builder #infogerance-personalise{padding: 70px 0;}
.page-template-builder #infogerance-personalise strong{font-size: 30px;}
.page-template-builder #infogerance-personalise .btn-personaliser{height: 50px;line-height: 50px;padding: 0 25px;color: #000;}
#section-aide{padding: 100px 0 50px;}
#section-aide .aide-block:first-child{padding-top: 100px;}
#section-aide .aide-block div{display: inline-block;}
#section-aide .aide-block .block-icon{width: 60px;vertical-align: top;}
#section-aide .aide-block .block-text{width: calc(100% - 70px);}
#section-aide .aide-block .block-icon img{max-width: 45px;}
#section-aide h3{font-size: 19px;margin-bottom: 25px;line-height: 1;font-weight: 700;}
#section-aide .aide-block p{font-size: 14px;line-height: 27px;margin-bottom: 15px;}
#section-aide .online-status-dot{border-radius: 30px;font-size: 15px;background: #763cbe;color: #FFF;margin-bottom: 40px;padding: 0 50px;height: 50px;line-height: 49px;max-height: 50px;}
#section-aide .online-status-dot:before{content: "";display: block;width: 11px;height: 11px;position: absolute;background-color: #3AD622;border-radius: 50%;left: 29px;top: 50%;transform: translateY(-50%);}
#sauvegarde-form .block-form .block-item{background-color: #fff;text-align: center;padding: 35px;border: 1px solid #dadeea;border-radius: 10px;margin: 0 -7px;height: 100%;}
#sauvegarde-form .block-form .block-item ul{list-style: none;padding: 0;margin: 0;text-align: left;}
#sauvegarde-form .block-form .block-item ul li{position: relative;padding: 5px 0 5px 35px;background-image: url("images/backup-icon.png");background-position: left center;background-repeat: no-repeat;background-size: 20px auto;}
#sauvegarde-form .block-form .block-item .block-title, #sauvegarde-form .block-form .block-vps .vps-title{color: #37ace4;font-size: 19px;font-weight: 600;line-height: 1em;margin: 0 0 20px 0;}
#sauvegarde-form .block-form .block-vps .vps-title{font-size: 26px;margin-bottom: 0}
#sauvegarde-form .block-form input[type="number"]{height: 50px;font-size: 20px;font-weight: 400;line-height: 50px;color: #000; background-color: #fff;border: 1px solid rgba(143,143,143,.6);border-radius: 5px; width: 70%; -moz-appearance: textfield;text-align: center;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#sauvegarde-form .block-form input::-webkit-outer-spin-button, #sauvegarde-form .block-form input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0;}
#sauvegarde-form .block-form .number-input .input-minus,#sauvegarde-form .block-form .number-input .input-plus{display: inline-block;background-color: rgba(31,178,200,.14);color: #37ace4;width: 25px;height: 25px;line-height: 25px;margin: 0;position: relative;border-radius: 50%;cursor: pointer;font-size: 20px;font-weight: 600;}
#sauvegarde-form .block-form .range-input{position: relative;margin: 25px 0 -18px 0;padding: 0;overflow: hidden}
#sauvegarde-form .block-form .range-input input[type="range"]{position: relative;-webkit-appearance: none;appearance: none;width: 100%;height: 30px;background-color: transparent;outline: none;opacity: 1;z-index: 3}
#sauvegarde-form .block-form .range-input input[type="range"]::-webkit-slider-thumb{position: relative;z-index: 2;-webkit-appearance: none;appearance: none;width: 30px;height: 30px;background-color: #37ace4;background-image: url("images/save.png");background-position: center center;background-repeat: no-repeat;background-size: 50% auto;cursor: pointer;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 0;outline: none}
#sauvegarde-form .block-form .range-input input[type="range"]::-moz-range-thumb{position: relative;z-index: 2;width: 30px;height: 30px;background-color: #37ace4;background-image: url("images/save.png");background-position: center center;background-repeat: no-repeat;background-size: 50% auto;cursor: pointer;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 0;outline: none}
#sauvegarde-form .block-form .range-traffic{position: relative;list-style: none;margin: 0 -29px;padding: 0;top: -10px}
#sauvegarde-form .block-form .range-traffic .loading{content: "";position: absolute;top: -16px;background-color: #37ace4;right: 30px;left: 30px;bottom: unset;margin: 0;height: 8px;width: 20%;z-index: 2}
#sauvegarde-form .block-form .range-traffic .loading-bg{content: "";position: absolute;top: -16px;background-color: #efefef;right: 30px;left: 30px;bottom: unset;margin: 0;height: 8px;width: 100%}
#sauvegarde-form .block-form .range-traffic li{position: relative;display: block;width: 10%;margin: 0;padding: 0;float: left;text-align: center}
#sauvegarde-form .block-form .range-traffic li:first-of-type{text-align: left;padding-left: 29px}
#sauvegarde-form .block-form .range-traffic li:last-of-type{text-align: right;padding-right: 29px}
#sauvegarde-form .block-form .range-traffic li::before{content: "";position: absolute;z-index: 1;top: -26px;right: 0;bottom: unset;left: 0;margin: auto;width: 30px;height: 30px;display: block;background-color: #efefef;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}
#sauvegarde-form .block-form .range-traffic li span{display: block;color: rgba(50, 50, 50, .25);margin: 15px 0 0;font-size: 15px}
#sauvegarde-form .block-form .range-traffic li.active::before{background-color: #37ace4}
#sauvegarde-form .block-form .range-traffic li.active span{color: #323232;font-weight: 600}
#sauvegarde-form .block-form .range-traffic li.active span br{display:none}
#sauvegarde-form .block-form .block-vps{background-color: #fff;text-align: center;padding: 35px 0;border: 3px solid #37ace4;border-radius: 10px;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;}
#sauvegarde-form .block-form .block-vps .vps-price{font-size: 26px;line-height: 1;margin: 0;padding: 40px 0;}
#sauvegarde-form .block-form #vps-price .wpcs_price_symbol{font-size: 16px;font-weight: 400;}
#sauvegarde-form .block-form .block-vps small{font-size: 16px; font-weight: 400;}
#sauvegarde-form .block-form .btn.btn-l {font-size: 14px;line-height: 49px;height: 50px;max-height: 50px;padding: 0 40px;border-radius: 30px;background: #37ace4;}
#backup-donnees{background-color: #F3FBFC; padding: 80px 0;margin-top: 50px;}
#backup-donnees h2{font-size: 24px;margin: 30px 0 25px 0;font-weight: 700;color: #151718;}
#backup-donnees p{font-size: 16px;line-height: 22px;color: #747f8a;font-weight: 300;}
#backup-donnees .content-img, .page-template-backup #service-hosting .content-img{vertical-align: middle;display: flex;text-align: center;height: 100%;}
#backup-donnees img{max-height: 300px;width: auto;margin: auto;}
#backup-donnees .title-page{margin-bottom: 50px;}
#backup-donnees .clear{margin-top: 30px;}
#backup-donnees ul{color: #747f8a;font-weight: 300;font-size: 16px;line-height: 22px;}
.page-template-backup #service-hosting{padding: 70px 0;background: transparent;}
.page-template-backup #service-hosting h3{max-width: 340px;font-size: 24px;font-weight: 700;line-height: 28px;text-transform: uppercase;color: #151718;}
.page-template-backup #service-hosting img{max-width: 150px;}
.page-template-backup #service-hosting p {font-size: 16px;line-height: 22px;color: #747f8a;max-width: 450px;font-weight: 300;}
.page-template-backup #service-hosting .exept p, .page-template-backup #service-hosting .exept h3{max-width: 100% !important;}
.service-fonction{max-width: 800px;margin-bottom: 60px;}
.page-template-backup #service-hosting.bg-bleu{background: #37ace4; color: #FFF;}
.page-template-backup #service-hosting.bg-bleu h3, .page-template-backup #service-hosting.bg-bleu p{color: #FFF;}
.page-template-backup #service-hosting.bg-fonce{background: #F3FBFC;}
.garantie-revendeur{background: url("images/garantie.png") no-repeat left center;color: #747f8a;font-weight: 300;background-size: 80px;height: 80px;padding-left: 90px;margin: 20px 0 0;display:flex;align-content:center;flex-wrap: wrap;}
.page-template-revendeurs #service-hosting.bg-bleu {background: #37ace4;color: #FFF;padding-bottom: 35px;}
.page-template-revendeurs #service-hosting.bg-bleu h3, .page-template-revendeurs #service-hosting.bg-bleu h2{color: #FFF;}
.page-template-revendeurs #service-hosting.bg-bleu .service-icon{position: relative;width: 60px;height: 60px;margin-bottom: 20px;}
.page-template-revendeurs #service-hosting.bg-bleu .service-icon img{width: 60px;height: 60px;}
.page-template-revendeurs #service-hosting.bg-bleu .service{padding-left: 0;}
.page-template-revendeurs #types-ssl .colored{color: #37ace4;margin-bottom: 5px;}
.page-template-revendeurs .ssl-excerpt{font-weight: 300; color: #747f8a;}
#revendeur-blanche{background: #37ace4;color: #FFF;padding: 70px 0;}
#revendeur-blanche h2{color: #FFF;font-weight: 700;margin-bottom: 20px;}
#revendeur-blanche p:last-child{line-height: 27px;margin-bottom: 0;}
.page-template-revendeurs #revendeur-blanche .ssl-excerpt strong{font-weight: 700;}
.page-template-revendeurs #revendeur-blanche .ssl-excerpt{color: #FFF;}
.revendeur-text{text-align: left;width: 350px;padding: 20px;margin-bottom: 10px;background: #FFF;margin-left: auto;line-height: 40px;color: #37ace4;}
.revendeur-text img{width: 40px;height: 40px;margin-right: 5px;}
#revendeur-contact, #revendeur-mondial{padding: 70px 0;}
#revendeur-contact p{line-height: 27px;}
#revendeur-contact p i{color: #00bcff;}
#revendeur-contact h2, #revendeur-facture h2, #revendeur-mondial h2{font-weight: 700;margin-bottom: 20px;}
.boutton-revedeur{margin-top: 20px;}
.btn-revendeur-1{background: #00bcff;border-radius: 30px;}
.btn-revendeur-2{background: #2c314a;border-radius: 30px;}
#revendeur-facture{background: #F0F2F8;padding: 70px 0;}
#revendeur-facture img, #revendeur-mondial img{height: 329px; width: auto;}
#revendeur-contact img{height: 450px; width: auto;}
.page-template-revendeurs .vat-col{width: 210px;}
.page-template-revendeurs .vat-col img{max-width: 160px;}
.page-template-revendeurs #hostingplan-table thead tr th .price-pitch{margin-bottom: 0;}
.page-template-revendeurs #hostingplan-table thead tr th{padding: 30px 20px;}
.icon-infinity{max-width: 20px;opacity: 0.7;}
#emploi{padding-bottom: 40px;}
#emploi .title-page, #info-emploi .title-page, #form-emploi .title-page{margin-bottom: 30px;}
#emploi .collapse p:last-child{margin-bottom: 0;}
.content-emploi{padding: 30px;border-radius: 10px;border: 1px solid #dae0e6;margin-bottom: 30px;}
.emploi-cat{background: #2271B1;color: #fff;padding: 3px 8px 5px;border-radius: 3px;font-weight: 600;font-size: 14px;}
#emploi h3{font-weight: 600;color: #2271B1;}
.btn-emploi{background: #2271B1; border-radius: 30px;margin: 0;}
#emploi hr{margin: 30px 0;}
#form-emploi{padding: 70px 0 56px;}
.icon-sm{height: 48px;width: 48px;min-width: 48px;min-height: 48px;font-size: 48px;line-height: 48px;}
.icon-sm>* {fill: none;}
.icon-sm .fill-gradient{fill: #cadefe;stroke: #b2b9ce;stroke-width: 1;}
.icon-sm .stroke-primary{stroke: #007bfc;stroke-width: 1;stroke-linecap: round;stroke-linejoin: round;}
.icon-sm .fill-primary, .icon-sm .fill-primary-l{fill: #007bfc;}
.icon-sm .stroke-dark{stroke: #142149;stroke-linecap: round;stroke-linejoin: round;}
.icon-sm .fill-white{fill: #fff;}
.clip-even{clip-rule: evenodd;}
.fill-even{fill-rule: evenodd;}
.icon-sm .fill-none{fill: none;}
.icon-sm .stroke-1-5{stroke-width: 1.5!important;}
.page-template-email-pro #table-plan .plan{background: #FFF;border: 3px solid #2271b1;padding-top: 40px;}
.page-template-email-pro #table-plan .plan h3{font-size: 20px;}
#table-plan ul li.icon-email-pro{background: url("images/icon-email-pro.png") no-repeat left center;padding-left: 32px;}
#table-plan ul li.icon-email-pro.icon-1{background-position: 0 5px;}
#table-plan ul li.icon-email-pro.icon-2{background-position: 0 -40px;}
#table-plan ul li.icon-email-pro.icon-3{background-position: 0 -85px;}
#table-plan ul li.icon-email-pro.icon-4{background-position: 0 -130px;}
#table-plan ul li.icon-email-pro.icon-5{background-position: 0 -175px;}
#table-plan ul li.icon-email-pro.icon-6{background-position: 0 -220px;}
#table-plan ul li.icon-email-pro.icon-7{background-position: 0 -265px;}
.page-template-email-pro #table-plan {color: #323639;font-size: 15px;}
.page-template-email-pro #table-plan .nom-prix-plan p{height: 90px;}
.page-template-email-pro #service-hosting {padding-bottom: 35px;}
.page-template-email-pro #service-hosting .service-icon{position: relative;margin-bottom: 20px;}
.page-template-email-pro #service-hosting .service-icon i{font-size: 32px;color: #2271b1;}
.page-template-email-pro #service-hosting .service{padding-left: 0;}
.page-template-email-pro #types-ssl.bg-bleu{background: #37ace4;color: #FFF;}
.page-template-email-pro #types-ssl.bg-bleu h2, .page-template-email-pro #types-ssl.bg-bleu h3, .page-template-email-pro #types-ssl.bg-bleu .title-page p{color: #FFF;}
.page-template-email-pro #types-ssl .types-ssl{padding: 0;}
.page-template-email-pro #types-ssl img.img-email-pro-2{width: 300px;height: auto;}
#type-emails, .page-template-email-pro #types-ssl{padding: 70px 0;}
.page-template-email-pro #types-ssl.bg-bleu{padding: 70px 0 0;}
#type-emails .block-icon{margin-bottom: 30px;}
#type-emails img{width: auto;height: 70px;margin: 0;}
#type-emails h3{font-size: 19px;line-height: 1;font-weight: 700;margin-bottom: 30px;}
#type-emails p{line-height: 27px;}
#type-emails .btn.btn-emploi{font-size: 12px;line-height: 39px;height: 40px;max-height: 40px;padding: 0 25px;border-radius: 30px;margin-top: 20px;}
#type-emails{overflow: hidden;position: relative;}
#type-emails [class^="col-"]:first-child, #type-emails [class*="col-"]:first-child{padding-right: 50px;}
#type-emails [class^="col-"]:last-child, #type-emails [class*="col-"]:last-child{padding-left: 50px;}
#type-emails::after{content: "";position: absolute;background-color: transparent;background-image: url("images/bg-17.png");background-repeat: no-repeat;background-size: auto 400px;background-position: left top;height: 400px;width: 100%; top: 0;right: -47.5%;z-index: 1;}
#type-emails .container{z-index:3;position:relative;}
.center-no-website{margin: 30px 0;}
.center-no-website span{color: #2271b1;padding: 2px 15px;border: 1px solid #2271b1;border-radius: 20px;line-height: 1;font-weight: 600;margin-bottom: 15px;display: inline-block;}
.center-no-website h3{font-weight: 700;margin-bottom: 20px;}
.no-website-content{padding: 40px;}
#microsoft-1{padding-bottom: 70px;}
#microsoft-2{padding: 70px 0;background: #f9f9f9;}
#microsoft-3{padding: 70px 0;}
#microsoft-1 h3, #microsoft-2 h3, #microsoft-3 h3{color: #2271b1;margin-bottom: 20px;margin-top: 70px;}
#microsoft-1 p, #microsoft-2 p, #microsoft-3 p{font-size: 16px;color: #747f8a;line-height: 27px;font-weight: 300;margin-bottom: 0;}
.page-template-microsoft-365 #table-plan .plan{padding: 30px 15px;background: #FFF;border: 3px solid #2271b1;}
.page-template-microsoft-365 #table-plan .plan h3{font-size: 22px;}
.page-template-microsoft-365 #table-plan ul{font-size: 13px; font-weight: 400;height: 161px;}
.page-template-microsoft-365 #table-plan ul li{line-height: inherit;}
.page-template-microsoft-365 #table-plan ul li.icon-gsuite{background-image: url("images/icon-office.png");background-position: left 4px;background-size: 20px auto;}
.page-template-microsoft-365 #table-plan .img-plan{height: 110px;margin-bottom: 20px;}
.page-template-microsoft-365 #table-plan .plan-bottom .text-left{font-size: 13px;height: 117px;display: flex;font-weight: 600;}
.page-template-microsoft-365 #table-plan .plan-bottom .text-left span{align-self: flex-end;}
.page-template-microsoft-365 #service-hosting{background: #f9f9f9;padding-top: 0;}
.page-template-microsoft-365 #service-hosting .title-page{background: #2271b1;padding: 30px 0;position: relative;}
.page-template-microsoft-365 #service-hosting .title-page:before, .page-template-anti-spam #revendeur-contact .title-page:before{content: "";position: absolute;width: 48px;height: 19px;bottom: -18px;left: calc(50% - 24px);background: url("https://prod.clouderz.uk/wp-content/uploads/2024/01/triangle.webp") no-repeat;background-size:cover;}
.page-template-microsoft-365 #service-hosting .title-page h2{margin-bottom: 0; color: #FFF;line-height: 1;}
#antispam-offres .calculator{background:#fff;position:relative;z-index:10;border-radius:.5rem;padding:48px 42px;border: 2px solid #3ea9e7;}
#antispam-offres .calculator .spam-form-col>div{border:1px solid #d3d6e2;border-radius:.2rem;padding:20px 24px;height:100%}
#antispam-offres .calculator .spam-form-col p{margin-bottom:0;font-weight: 300;color: #9fa0a3;}
#antispam-offres .calculator .spam-form-col h5{margin-bottom:25px}
#antispam-offres .calculator .spam-form-group{margin-bottom:20px;position:relative}
#antispam-offres .calculator .spam-form-group input[type=number],.calculator .spam-form-group select{border:1px solid #7e7f84;width:100%;height:48px}
#antispam-offres .calculator .spam-form-group input[type=number]::-webkit-inner-spin-button,#antispam-offres .calculator .spam-form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
#antispam-offres .calculator .spam-form-group input[type=number]{-moz-appearance: textfield;}
#antispam-offres .calculator .spam-form-group select{padding:0 14px}
#antispam-offres .calculator .spam-form-group input[type=number]{padding:0 45px;text-align:center}
#antispam-offres .calculator .spam-form-group .operator{padding:12px 16px;position:absolute;cursor:pointer;color:#3ea9e7;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
#antispam-offres .calculator .spam-form-group .operator:hover{color:#2271b1}
#antispam-offres .calculator .spam-form-group .operator:first-of-type{left:0}
#antispam-offres .calculator .spam-form-group .operator:last-of-type{right:0}
#antispam-offres .calculator .spam-form-group p{margin-bottom:0;color:#000}
#antispam-offres .calculator .switcher{border:1px solid #7e7f84;width:100%;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px;cursor:pointer}
#antispam-offres .calculator .switcher input{display:none}
#antispam-offres .calculator .switcher-labels{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}
#antispam-offres .calculator .switcher-labels:after{content:"";top:0;left:0;bottom:0;background:#2271b1;width:50%;position:absolute;z-index:1;-webkit-transition:.3s ease-in-out transform;transition:.3s ease-in-out transform}
#antispam-offres .calculator .switcher-labels span{width:50%;text-align:center;position:relative;z-index:2;-webkit-transition:.3s ease-in-out color;transition:.3s ease-in-out color}
#antispam-offres .calculator .switcher-labels span:first-of-type{color:#fff}
#antispam-offres .calculator .switcher input:checked+.switcher-labels:after{-webkit-transform:translateX(100%);transform:translateX(100%)}
#antispam-offres .calculator .switcher input:checked+.switcher-labels span:first-of-type{color:inherit}
#antispam-offres .calculator .switcher input:checked+.switcher-labels span:last-of-type{color:#fff}
#antispam-offres .calculator-actions{margin-top:35px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#antispam-offres .calculator .pricebox .price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#antispam-offres .calculator .pricebox .price-label{font-size:14px;color:#7e7f84}
#antispam-offres .calculator .pricebox #price-value{color:#2271b1;font-size:40px;font-weight:400;}
#antispam-offres .calculator .pricebox .price-exVat{color:#97a0a8;font-size:11px;margin-top:-8px}
#antispam-offres .calculator .submit .button{background:#2271b1;color:#fff;height:64px;font-size:18px;width:100%;margin: 0;}
#antispam-offres .calculator .payment-cycle{max-width:190px;margin-left:auto}
#antispam-offres .calculator .payment-cycle label{font-size:14px;color:#7e7f84}
#antispam-offres .calculator .payment-cycle .spam-form-group{margin-bottom:0}
#expert-spam{padding: 70px 0;}
#expert-spam h3{font-size: 18px;font-weight: 500;color: #2a2d38}
#expert-spam p, #review-antispam p{font-size: 16px;font-weight: 400;color: #68696e;line-height: 1.75}
#expert-spam .title-text-lg, #feature-container .title-text-lg{margin-top: 55px;font-weight: 300;font-size: 32px;color: #2a2d38;padding-bottom: 3rem;margin-bottom: 0;}
#expert-spam .title-text-lg:after, #feature-container .title-text-lg:after, #review-antispam .title-text-lg:after{content: '';display: block;width: 3rem;border-bottom: 3px solid #1c40f2;padding-top: 2rem;}
#feature-container{padding: 70px 0;background: linear-gradient(90deg,#54179e,#3da7e6);color: #FFF;}
#feature-container h3, #feature-container h2.title-text-lg{color: #FFF;margin-top: 0;}
#feature-container h3{font-size: 30px;font-weight: 300;margin-bottom: 40px;margin-top: 30px;}
#feature-container i {font-size: 2rem;color: #fff;width: 3rem;vertical-align: -5px;font-weight: 300;}
#feature-container .green-blue{margin-left: 8px;background: linear-gradient(315deg,#1635f6 0%,#00ff88 100%);color: #fff;padding: 0.5rem 1rem;text-transform: uppercase;letter-spacing: 3px;font-size: .8rem;display: flex;align-self: flex-start;display: table;display: inline-block;}
#feature-container .col-xl-4 h3.title-text-md, #feature-container .col-xl-6 h3.title-text-md{font-size: 20px;font-weight: 500;margin-bottom: 30px;}
#feature-container .title-text-sm{margin-bottom: 30px;}
#review-antispam{padding: 70px 0;overflow: hidden;}
#review-antispam .title-text-lg{font-weight: 300;font-size: 32px;color: #2a2d38;padding-bottom: 3rem;margin-bottom: 0;line-height: 1.4;}
#review-antispam .title-text-lg span{font-weight: 500;}
.custom-select-opener{background:none;border: 1px solid #7e7f84;padding-block:11px;}
.custom-select-opener:after,.selected-ex:after, .mobile-navbar ul.menu > li a:after{content: "";background: url(/wp-content/uploads/2024/02/select-icon.webp); z-index: 2;display: inline-block;position: absolute; width: 16px;height:16px;opacity: 0.9;aspect-ratio: 1.5;background-size: contain;background-repeat:no-repeat;background-position:center;right: 3px;transform: translate(-50%, -50%);top: 50%;}
.custom-select-panel{background:white !important;border-left: 1px solid #7e7f84;border-right: 1px solid #7e7f84 !important;z-index: 9;}
.vps-s-cont .custom-select-container{width: 100%;border-radius:10px;border:1px solid #3DA9E7;}
.vps-s-cont .custom-select-opener{border:none !important;}
.vps-s-cont .custom-select-opener span{display:inline-block;width:100%;text-align:center;color:#3DA9E7;}
.vps-s-cont .custom-select-panel{border-radius:10px;border-left: 1px solid #3DA9E7;border-right: 1px solid #3DA9E7 !important;}
.custom-select-panel::-webkit-scrollbar-track, .categories-list::-webkit-scrollbar-track{background-color: #F5F5F5;}
.custom-select-panel::-webkit-scrollbar, .categories-list::-webkit-scrollbar{width: 4px;background-color: #F5F5F5;}
.custom-select-panel::-webkit-scrollbar-thumb,.categories-list::-webkit-scrollbar-thumb{background-color: #abb8c3;border-radius: 30px;}
.custom-select-container.is-open .custom-select-panel{border-bottom: 1px solid #7e7f84 !important;}
.custom-select-option{cursor:pointer;transition:all .2s ease;border-top: 1px solid rgb(0 0 0 / 10%);padding-block: 18px;}
.custom-select-option.has-focus{background:rgb(0 0 0 / 10%);padding-left:12px;}
.custom-select-option.is-selected::before {content: "";padding-right: 0.5em;background: url(https://prod.clouderz.uk/wp-content/uploads/2024/01/check-mark-svgrepo-com.png);width: 22px;height: 20px;display: inline-block;background-size: cover;transform: translateY(4px);}
.review-wrapper {padding: .5rem}
.review {background: #fff;border-radius: .5rem;position: relative;padding: 2rem}
.review-header {display: flex}
.review-stars {display: flex}
.review-user {padding-left: 16px;width: 100%}
.review-user-bottom {display: flex;align-items: center}
.review-date {margin-left: auto;color: #7e7f84;font-size: 13px}
.review-stars img {width: 16px !important}
.review-logo {width: 90px}
.review-avatar {width: 52px;height: 52px;min-width: 52px;border-radius: 100%;overflow: hidden;background: #f2f2f5}
#review-antispam .review::before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;border-radius: inherit;box-shadow: 0 1rem 5rem rgba(0, 0, 0, .125);z-index: -1;transition: box-shadow .5s}
#review-antispam .owl-dots {margin-bottom: -22px}
.review-header p {margin-bottom: 0}
.customer-review p {margin-bottom: 0}
.review a, .review a:hover {color: #7e7f84;font-size: 1rem;font-weight: 300;line-height: 1.75rem;letter-spacing: 1px;text-decoration: underline}
.review-speech-mark {font-size: 3rem;color: #adadad;height: 4.5rem;overflow: hidden;padding-top: 1rem}
.review-speech-mark.match-2 {margin-top: -8px;margin-bottom: -10px !important}
.review-speech-mark.match-4 {margin-top: -20px}
.owl-reviews-container {position: relative;min-height: 524px;width: 100%}
#avis-antispam{position: relative;}
#avis-antispam .owl-item {margin-top: 5rem}
.trustpilot-reviews img:first-of-type {width: 15rem;display: block;margin-right: 0}
.trustpilot-reviews img:last-of-type {width: 10rem;margin-top: 2rem}
#avis-antispam .owl-dots .owl-dot span {width: 10px;height: 10px;background: #bababa;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 30px;}
#avis-antispam .owl-dots .owl-dot.active span, #avis-antispam .owl-dots .owl-dot:hover span {background: #1c40f2;}
#avis-antispam .owl-prev {position: absolute;left: -7.5rem;top: 50%;margin-top: -2rem;z-index: 99;background: transparent !important;}
#avis-antispam .owl-next {position: absolute;right: -7.5rem;top: 50%;margin-top: -2rem;z-index: 99;background: transparent !important;}
#avis-antispam .owl-prev span,#avis-antispam .owl-next span {color: #bababa;border-radius: 50%;background: #fff;width: 56px;display: block;height: 56px;font-size: 30px;line-height: 50px;}
#avis-antispam .owl-prev:focus,#avis-antispam .owl-next:focus{outline: 0;}
#avis-antispam .owl-stage-outer {overflow: visible !important}
#avis-antispam .owl-item {opacity: 0;transition: opacity 1s;transition-timing-function: cubic-bezier(.31, .83, .7, 1)}
#avis-antispam .owl-item.active {opacity: 1}
.review-container-ratings {box-shadow: inset 0 0 0 1px #e6e6e6;width: 205px;padding: 0 24px 14px;transition: .3s all;color: #212529;text-decoration: none;position: relative;border: 0;}
.review-container-ratings:before, .review-container-ratings:after {box-sizing: inherit;content: "";position: absolute;width: 100%;height: 100%;border: 1px solid transparent;width: 0;height: 0}
.review-container-ratings:before {top: 0;left: 0}
.review-container-ratings:after {bottom: 0;right: 0}
.review-container-ratings:hover:before, .review-container-ratings:hover:after {width: 100%;height: 100%}
.review-container-ratings:hover:before {border-top-color: #1c40f2;border-right-color: #1c40f2;-webkit-transition: width .1s ease-out, height .1s ease-out .1s;transition: width .1s ease-out, height .1s ease-out .1s}
.review-container-ratings:hover:after {border-bottom-color: #1c40f2;border-left-color: #1c40f2;-webkit-transition: border-color 0s ease-out .2s, width .1s ease-out .2s, height .1s ease-out .3s;transition: border-color 0s ease-out .2s, width .1s ease-out .2s, height .1s ease-out .3s}
.review-container-ratings:hover {text-decoration: none !important;box-shadow: inset 0 0 0 1px #e6e6e6 !important}
.review-container-ratings-title {font-weight: 300;font-size: 26px;background: #fff;display: inline-block;position: relative;top: -21px;padding: 0 12px;margin-left: -12px}
.review-container-ratings-stars {margin-left: -3px;margin-top: -16px;margin-bottom: 10px}
.review-container-ratings-stars img {width: 24px}
.review-container-ratings-stars img+img {margin-left: 5px}
.review-container-ratings-stats {color: #2a2d38;opacity: .64;font-size: 11px}
.page-template-anti-spam #revendeur-contact .title-page{background: #2271b1;padding: 30px 0;position: relative;}
.page-template-anti-spam #revendeur-contact .title-page h2{margin-bottom: 0; color: #FFF;}
/* .page-template-anti-spam #revendeur-contact .title-page:before{content: "";position: absolute;width: 48px;height: 19px;bottom: -19px;left: calc(50% - 24px);background: url("https://prod.clouderz.uk/wp-content/uploads/2024/01/triangle.webp") no-repeat;} */
#serveur-1 h3, .serveur-2 h3{font-size: 18px;font-weight: 600;}
#serveur-1 p{font-size: 16px;color: #747f8a;font-weight: 300;}
.serveur-2 p{font-size: 17px;color: #747f8a;font-weight: 300;}
.serveur-2 .serveur-2-right p{font-size: 15px;}
#serveur-liste{background: #f8f9fa;padding: 70px 0; margin-top: 70px;}
#serveur-liste .nav-tabs{height: 56px;}
#serveur-liste .nav-tabs .nav-item .nav-link{height: 55px;color: #151718;font-size: 14px;font-weight: 600;background: #FFF;border-top: 3px solid #FFF;border-radius: 0;border-bottom: 0;}
#serveur-liste .nav-tabs .nav-item .nav-link:hover,#serveur-liste  .nav-tabs .nav-item.show .nav-link,#serveur-liste  .nav-tabs .nav-link.active{color: #2271b1;border-bottom: 0;border-top: 3px solid #2271b1;}
#serveur-liste #pills-tabContent{background: #FFF;}
#serveur-liste #pills-populaire-tab span{vertical-align: text-top;}
#serveur-liste .cui-flag__icon{height: 12px;width: auto;border-radius: 2px;}
#serveur-liste td{vertical-align: middle;}
#serveur-liste table a{display: inline-block;float: right;line-height: 40px;height: 40px;width: 118px;background: #2271b1 !important;font-size: 14px;padding: 0;margin: 0;border-radius: 5px;}
#serveur-liste #price-value{line-height: 40px;color: #2271b1;font-weight: 600;}
.serveur-2{padding: 70px 0;border-top: 1px solid #eff1f4;}
.serveur-2 h2, .serveur-2 p, .serveur-2-right{margin-bottom: 40px;}
.serveur-2 a{display: inline-flex;}
#serveur-3, #serveur-os{padding: 70px 0;background: #f8f9fa;}
#serveur-3 #hostingplan-table tbody tr td span{display: inline-block;}
#serveur-3 small{font-size: 0.7rem;}
#serveur-3 #hostingplan-table tbody tr td small{color: #ff0000;font-weight: 600;display: inline-block;font-size: 0.7rem;}
.content-serv-5{margin-bottom: 30px;}
.content-serv-5 h3{margin-bottom: 20px;}
.content-serv-5 svg{color: #2271b1;}
.content-serv-5 p{padding: 0 40px;}
.content-serv-5-a{margin: 0 40px;}
.img-serv-5{max-width: 380px;}
#serveur-os .title-page{margin-bottom: 40px;}
#serveur-os .liste-os{background: #FFF;box-shadow: 0 8px 20px 0 rgb(49 110 255 / 8%);border-radius: 6px;}
#serveur-os .liste-os .col-lg-3{padding: 0 45px;}
#serveur-os .liste-os .col-lg-9{padding: 40px;border-right: 1px solid #eff1f4;}
#serveur-os .liste-os .col-lg-9 .col-lg-4{padding: 24px;}
#serveur-os .liste-os img{height: 90px;width: auto;}
.page-template-vps .pages-menu img, .page-template-vps-maroc .pages-menu img{margin-bottom: 0;margin-top: 40px;}
.page-template-vps .pages-menu h2{margin-top: 0;color: #00c0ff;}
.page-template-vps-maroc .pages-menu h2{margin-top: 0;color: #61cd32;}
#vps-offres .title-page{position: relative;margin-bottom: 100px;}
.vps-s-cont{position:relative;}
#vps-offres .title-page:after, .vps-s-cont:after {content: "";position: absolute;width: 30px;height: 20px;background: url(/wp-content/themes/clouder/images/icons.png) no-repeat;background-position: -50px -471px;left: calc(50% - 15px);bottom: -40px;}
.vps-s-cont:after{width: 12px !important;height: 7px !important;background: url('/wp-content/uploads/2024/02/down.webp') no-repeat center/cover;left: calc(50% - 8px);bottom: -20px;}
#vps-offres .title-page p strong{color: #151718;font-weight: 700;font-size: 18px;margin-bottom: 20px;display: block;}
#vps-offres .title-page p strong .wpcs_price{color: #2271b1;}
#vps-offres .title-page p img{margin-right: 5px;}
#configurator {display:inherit;height:inherit;margin:3rem 0;margin-bottom: 0;}
#configurator .vps-config-container .vps-features-box {text-align: left;}
#configurator .large-qty{
    font-size:40px;
    margin:0;
    padding: 0;
    line-height: 1;
}
#configurator .large-qty,#configurator .small-qty{
    color:#2271b1;
    display:inline-block;
    font-weight:700
}
#configurator .small-qty{
    font-size:1.2rem;
    margin:0 5px
}
#configurator .qty-control{
    position:relative;
    top:-8px
}
#configurator .unit-label{
    color:#1e1b3d;
    font-size:1.1rem;
    font-weight:600
}
#configurator>div{
    height:inherit
}
#configurator .vps-config-container{
    display:flex;
    flex-flow:row-reverse;
    margin:0;
    padding:0
}
#configurator .vps-config-container .vps-config-row{
    margin-bottom:25px
}
#configurator .vps-config-container .vps-config-row--no-bottom-margin{
    margin-bottom:0
}
#configurator .vps-config-container .vps-config-row .vps-config-option{
    border-right:1px solid rgba(85,85,85,.1);
    padding:15px;
    text-align:center
}
#configurator .vps-config-container .vps-config-row .vps-config-option:last-child{
    border-right:none
}
#configurator .vps-config-container .vps-config-row .vps-config-option .vps-config-icon{
    max-height:55px;
    max-width:55px
}
#configurator .vps-config-container .vps-config-row .vps-config-option .vps-config-title{
    font-size:15px;
    font-weight:600;
    line-height:1em;
    margin:10px 0 5px
}
#configurator .vps-config-container .vps-config-row .vps-config-option .vps-config-title.vps-config-title-lg{
    font-size:34px;
    font-weight:600;
    line-height:1em
}
#configurator .vps-config-container .vps-config-row .vps-config-option .vps-config-sub{
    color:rgba(85,85,85,.65);
    display:block;
    font-size: 14px;
    line-height:1.2em
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon{
    display:block
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon>a{
    display:block;
    padding:5px;
    text-align:left;
    text-decoration:none
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon>a:hover{
    opacity:.75;
    transition:all .3s
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice{
    line-height:1.25em;
    padding-left:45px;
    transition:all .3s
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice span{
    color:#1e1b3d;
    display:block;
    font-size:17px;
    font-weight:700
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice small{
    color:rgba(85,85,85,.75);
    display:block;
    font-size: 14px;
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice:before{
    background-repeat:no-repeat;
    background-size:contain;
    content:"";
    height:35px;
    left:5px;
    position:absolute;
    transition:margin-left .3s;
    width:35px
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice:after{
    background-image:url(images/icon_vps_chevron.svg);
    background-repeat:no-repeat;
    content:"";
    display:block;
    height:12px;
    position:absolute;
    right:0;
    top:18px;
    width:12px
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice:hover:before{
    margin-left:3px;
    transition:all .3s
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice.vps-os-alma:before{
    background-image:url(images/icon_vps_os_alma.svg)
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice.vps-os-centos:before{
    background-image:url(images/icon_vps_os_centos.svg)
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice.vps-os-debian:before{
    background-image:url(images/icon_vps_os_debian.svg)
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice.vps-os-ubuntu:before{
    background-image:url(images/icon_vps_os_ubuntu.svg)
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice.vps-os-windows:before{
    background-image:url(images/icon_vps_os_windows.png)
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice.vps-os-fedora:before{
    background-image:url(images/icon_vps_os_fedora.svg)
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .dropdown-menu{
    border:1px solid rgba(85,85,85,.1);
    display:none;
    line-height:1.25em;
    margin:1px 0 0;
    padding:0;
    text-align:left;
    width:100%
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .dropdown-menu .vps-os-choice{
    background:#fff;
    border-bottom:1px solid rgba(85,85,85,.1);
    display:block;
    padding:10px 15px 10px 60px
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .dropdown-menu .vps-os-choice span{
    font-size:95%
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .dropdown-menu .vps-os-choice:after{
    display:none
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .dropdown-menu .vps-os-choice:before{
    background-size:contain;
    left:15px
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .dropdown-menu .vps-os-choice:hover{
    background:rgba(52,26,117,.05);
    cursor:pointer;
    transition:all .3s
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-jump,#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon.open .dropdown-menu,#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon.show .dropdown-menu{
    display:block
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-jump>a{
    color:#555;
    display:block;
    font-weight:700;
    padding:5px;
    text-align:left;
    text-decoration:none
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-jump>a:after{
    background-image:url(images/icon_vps_chevron.svg);
    background-repeat:no-repeat;
    content:"";
    display:block;
    height:12px;
    position:absolute;
    right:0;
    top:15px;
    width:12px;
    border: 0;
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-jump .dropdown-menu{
    border:1px solid rgba(85,85,85,.1);
    display:none;
    line-height:1.25em;
    margin:1px 0 0;
    text-align:left;
    width:100%;
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-jump .dropdown-menu li{
    background:#fff;
    border-bottom:1px solid rgba(85,85,85,.1);
    display:block;
    padding:10px 15px;
    transition:all .3s
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-jump .dropdown-menu li > span{
    color:#1e1b3d;
    display:block;
    font-weight:700
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-jump .dropdown-menu li small{
    color:rgba(85,85,85,.75);
    display:block
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-jump .dropdown-menu li:hover{
    background:rgba(52,26,117,.05);
    cursor:pointer;
    padding-left:18px;
    transition:all .3s
}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-jump.open .dropdown-menu{
    display:block
}
#configurator .vps-config-container .vps-config-row .vps-config-option p.vps-config-price{
    background:#1e1b3d;
    border-radius:3px;
    color:#fff;
    display:inline-block;
    font-size:75%;
    font-weight:700;
    margin:5px 0 0;
    padding:3px 10px
}
#configurator .vps-config-container .vps-config-row .vps-config-option p.vps-config-price.price-free{
    background:#00d9a3
}
#configurator .vps-config-container .vps-config-row .vps-config-option .vps-qty-box{
    border:none;
    color:#1e1b3d;
    font-weight:700;
    height:25px;
    text-align:center;
    width:40px
}
#configurator .vps-config-container .vps-config-row .vps-config-option .vps-qty-btn{
    background-color:rgba(52,26,117,.2);
    background-image:url(images/icon_vps_plus.svg);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:37%;
    border:none;
    border-radius:3px;
    height:25px;
    transition:all .3s;
    width:25px;
    cursor: pointer;
}
#configurator .vps-config-container .vps-config-row .vps-config-option .vps-qty-btn.vps-qty-minus{
    background-image:url(images/icon_vps_minus.svg);
    cursor: pointer;
}
#configurator .vps-config-container .vps-config-row .vps-config-option .vps-qty-btn:hover{
    background-color:rgba(52,26,117,.15);
    transition:all .3s;

}
#configurator .vps-config-container .vps-config-row .vps-config-option label.label-switch{
    display:inline-block;
    line-height:22px;
    overflow:hidden;
    padding:10px;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#configurator .vps-config-container .vps-config-row .vps-config-option label.label-switch input{
    bottom:100%;
    cursor:pointer;
    position:absolute;
    transition:all .3s;
    z-index:-1
}
#configurator .vps-config-container .vps-config-row .vps-config-option label.label-switch span{
    background-color:rgba(85,85,85,.25);
    border:none;
    border-radius:5px;
    color:#555;
    cursor:pointer;
    display:inline-block;
    height:42px;
    margin:-10px 0;
    position:relative;
    transition:all .3s;
    vertical-align:middle;
    width:102px
}
#configurator .vps-config-container .vps-config-row .vps-config-option label.label-switch span:before{
    color:#fff;
    content:"NO";
    left:25%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    transition:all .3s
}
#configurator .vps-config-container .vps-config-row .vps-config-option label.label-switch span:after{
    background-color:#fff;
    background-position:20px 12px,19px 11px;
    background-repeat:no-repeat;
    border-radius:3px;
    content:"";
    display:block;
    height:30px;
    left:50%;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition:all .3s;
    width:45px
}
#configurator .vps-config-container .vps-config-row .vps-config-option label.label-switch span:hover:after{
    margin-left:-3px
}
#configurator .vps-config-container .vps-config-row .vps-config-option label.label-switch input:checked+span{
    background-color:#2271b1;
    border-color:#2271b1;
    transition:all .3s
}
#configurator .vps-config-container .vps-config-row .vps-config-option label.label-switch input:checked+span:before{
    content:"YES";
    left:75%
}
#configurator .vps-config-container .vps-config-row .vps-config-option label.label-switch input:checked+span:after{
    left:5px
}
#configurator .vps-config-container .vps-config-row .vps-config-option label.label-switch input:checked+span:hover:after{
    margin-left:3px
}
#configurator .vps-config-container .vps-title-row{
    margin:0 0 25px;
    text-align:center
}
#configurator .vps-config-container .vps-title-row h5{
    font-size:17px;
    text-align: center;
}
#configurator .vps-config-container .vps-features-box{
    padding:35px 50px
}
#configurator .vps-config-container .vps-features-box h6{
    color:#2271b1;
    font-size:17px;
    margin-bottom:35px;
    text-align:center
}
#configurator .vps-config-container .vps-features-box ul{
	padding: 0;
	margin: 0;
}
#configurator .vps-config-container .vps-features-box ul li{
    display:block;
    font-size:12px;
    line-height:1.2em;
    margin:0 0 15px 18px;
    position: relative;
}
#configurator .vps-config-container .vps-features-box ul li:before{
    background-image:url(images/icon_vps_check.svg);
    background-repeat:no-repeat;
    content:"";
    display:block;
    height:12px;
    left:0;
    margin:2px 0 0 -18px;
    position:absolute;
    width:12px
}
#configurator #vps-config-left-container{
    padding:25px
}
#configurator #vps-config-left{
    background:transparent;
    color:#555
}
#configurator #vps-config-right{
    background:#2271b1;
    padding:50px 35px;
    text-align:center;
    border-radius: 0 4px 4px 0;
    position: relative;
}
#configurator #vps-config-right:after{
	content: "";
	background:#2271b1;
	position: absolute;
	top: -1px;
	left: 0;
	height: 1px;
	width: calc(100% - 4px);
}
#configurator .vps-config-container.col-md-4:after{
	content: "";
	background:#2271b1;
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 1px;
	width: calc(100% - 4px);
}
#configurator #vps-config-right:before{
	content: "";
	background:#2271b1;
	position: absolute;
	top: 3px;
	right: -1px;
	height: calc(100% - 6px);
	width: 1px;
}
#configurator #vps-config-right a.vps-cart-right-link,#configurator #vps-config-right span.vps-cart-right-link{
    color:#fff;
    cursor:pointer;
    text-decoration:underline
}
#configurator #vps-config-right a.vps-cart-right-link:hover,#configurator #vps-config-right span.vps-cart-right-link:hover{
    color:hsla(0,0%,100%,.5)
}
#configurator #vps-config-right .vps-cart-icon{
    display:block;
    height:50px;
    margin:0 auto;
    width:50px
}
#configurator #vps-config-right h5{
    font-size:16px;
    font-weight: 600;
    margin-bottom:15px;
    color: #FFF;
}
#configurator #vps-config-right p.before-summury{
	font-size: 14x;
}
#configurator #vps-config-right p{
    color:#dde5ec;
    font-size:16px;
}
#configurator #vps-config-right hr{
    border-color:hsla(0,0%,100%,.1);
    width:100%
}
#configurator #vps-config-right #vps-config-total .vps-config-total-price{
    color:#fff;
    font-size:2.5em
}
#configurator #vps-config-right #vps-config-total .vps-config-total-price span{
    font-size:75%
}
#configurator #vps-config-right #vps-config-total .vps-config-order-btn{
    background:#fff;
    border:none;
    border-radius:10px;
    color:#2271b1;
    display:block;
    font-size:1.25em;
    font-weight:400;
    margin:15px auto 0;
    padding:20px 35px;
    transition:all .3s ease;
    width:100%;
    outline: none;
    cursor: pointer;
}
#configurator #vps-config-right #vps-config-total .vps-config-order-btn:hover{
    background:hsla(0,0%,100%,.25);
    color:#fff;
    transition:all .3s ease;
    outline: none;
}
#configurator .equal{
    align-content:stretch;
    display:flex
}
#configurator .vertical-alignment-helper{
    display:table;
    height:100%;
    pointer-events:none;
    width:100%
}
#configurator .vertical-align-center{
    display:table-cell;
    pointer-events:none;
    vertical-align:middle
}
#configurator .modal-content{
    height:inherit;
    margin:0 auto;
    max-width:320px;
    pointer-events:all;
    width:inherit
}
#configurator .vps-summary-row{
    border-bottom:1px solid hsla(0,0%,100%,.15);
    display:flex;
    transition:all .3s
}
#configurator .vps-summary-row:last-child{
    border:none
}
#configurator .vps-summary-row:hover{
    background:hsla(0,0%,100%,.05);
    transition:all .3s
}
#configurator .vps-summary-row .vps-summary-item{
	font-size: 16px;
    line-height:1.2em;
    padding:8px 0;
    text-align:center;
    width:100%;
    color: #FFF;
}
#configurator .vps-summary-row .vps-summary-item:first-child{
    font-weight:700;
    text-align:left
}
#configurator .vps-summary-row .vps-summary-item:last-child{
    text-align:right
}
#configurator .vps-summary-row .vps-summary-item small{
    display:block;
    opacity:.5
}
#configurator .vps-summary-row .vps-summary-item span.vps-summary-extra{
    background:#fff;
    border-radius:3px;
    color:#2271b1;
    display:inline-block;
    font-weight:700;
    padding:2px 4px;
}
.vps-icons-header{
    margin:35px auto 0;
    max-width:250px
}
.pages-menu form.form-search:before, #sticky-recherche form.form-search:before {
    height: 60px;
    top: 0px;
    left: -1px;
    border-radius: 30px;
    line-height: 60px;
}
form.form-search button {
/*     margin-top: -4px; */
    padding: 0 !important;
}
#sticky-recherche form.form-search:before {
    height: 47px !important;
    left: 0px !important;
    line-height: 47px !important;
}
.pages-menu form.form-search button i, #sticky-recherche form.form-search button i {
    padding: 20px !important;
}

@media (min-width:992px) and (max-width:1199px){
    body #configurator #vps-config-left #vps-config-left-container .vps-config-row .vps-config-option .vps-config-icon{
        height:40px;
        width:40px
    }
    body #configurator #vps-config-left #vps-config-left-container .vps-config-row .vps-config-option .vps-config-quant.large .large-qty{
        font-size:2em;
        width:55%
    }

}
@media (max-width:991px){
    body #configurator>div{
        padding-bottom:15px
    }
    body #configurator #vps-presets .vps-preset-option{
        padding:10px
    }
    body #configurator #vps-presets .vps-preset-option span{
        margin-bottom:0
    }
    body #configurator #vps-presets .vps-preset-category{
        margin-bottom:15px
    }
    body #configurator #vps-config-left #vps-config-left-container .vps-config-row .vps-config-option{
        border:none;
        border-bottom:1px solid rgba(85,85,85,.1);
        padding:10px
    }
    body #configurator #vps-config-left #vps-config-left-container .vps-config-row .vps-config-option.vps-config-end{
        border:none
    }
    body #configurator #vps-config-left #vps-config-left-container .vps-config-row .vps-config-option .vps-config-icon{
        height:40px;
        width:40px
    }
    body #configurator #vps-config-left #vps-config-left-container .vps-config-row .vps-config-option .dropdown{
        margin:0 auto;
        width:65%
    }
	.btn-contact-faq {
    font-size: 12px;
}
	.contact-faq {
    padding: 56px 15px;
}
	#prix-domaine .col-md-6 {
    max-width: 100% !important;
	flex: 0 0 100% !important;
}
/* 	.pages-menu form.form-search button{
    margin-top: -2px;
} */
	#sticky-recherche form.form-search button {
    margin-top: -1px;
}
}
@media (max-width:767px){
    body #configurator{
        font-size:.9em
    }
    body #configurator #vps-config-left #vps-config-left-container .vps-config-row .vps-config-option{
        border:none;
        border-bottom:1px solid rgba(85,85,85,.1);
        padding:10px
    }
    body #configurator #vps-config-left #vps-config-left-container .vps-config-row .vps-config-option .vps-config-icon{
        height:40px;
        width:40px
    }
    body #configurator #vps-config-right{
        padding:30px 20px
    }
    body #configurator #vps-config-right #vps-config-total .vps-config-order-btn{
        padding: 10px 20px
    }
	.btn-choisir a {
    background-position: 240px -496px !important;
}
/* 	.pages-menu form.form-search button, #sticky-recherche form.form-search button {
    margin-top: -5px !important;
} */
	.sticky-wrapper{
	height: 100px !important;
	}
	.title-page h2 {
	padding-top: 20px !important;
}
	#domaine-ma h2 .icon-titre-ma {
	position: relative;
	display: block;
	margin: auto;
	margin-top: -155px;
}
	#domaine-ma h2{
    height:85px
}
	#sticky-recherche form.form-search:before {
    height: 47px !important;
    left: 8px !important;
    line-height: 47px !important;
	top: 0px;
}
	#sticky-recherche .btn-group button {
	margin-bottom: 10px;
	margin-top:10px;
}
	#sticky-recherche form.form-search button {
    margin-top: -2px!important;
}
/* 		.col-md-4 .text-left{
		padding-left: 20px !important;
	}
#media_image-2, #text-2, #paiement, #text-3 {
    padding-left: 20px !important;
} */
	#paiement {
    margin-top: 20px;
}
}

@media (min-width: 1200px){.col-md-10.px-0.mx-auto { flex: 0 0 100%; max-width: 100%; } .principale { border-top: 1px solid #FFFFFF4D; padding: 20px 0px 20px 0px; } .container.container-top .slider { width: auto; margin-left: calc(50% - 705px); margin-right: calc(50% - 705px); position: relative; } }


@media (max-width:576px){
	footer .paiement-cont{margin-top:-15% !important;}
/* 	#sauvegarde-form .block-form .range-traffic{margin: -1px 0 !important;} */
    body #configurator .equal{
        display:block
    }
    body #configurator #vps-config-left #vps-config-left-container .vps-config-row .vps-config-option .vps-config-icon{
        height:40px;
        width:40px
    }
	#content {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
	.home #content>.container-top {
    padding-top: 50 !important;
	padding-left:10px !important;
	
}
	.form-domaine h2{
		font-size:15px !important;
	}
	.domaine .form-search .btn {
	width: 80px;
	font-size: 10px;
	padding:0;
}
	.domaine .form-search .input-append{
	margin-left:10px !important;
	margin-right:10px !important;
	}
	#paiement {
    margin-top: 20px;
}
form.form-search input:not(.en-s-input) {
  width: calc(100% - 80px) !important;
  font-size: 10px !important;
  height: 35px !important;
  padding-left: 20px !important;
}
	form.form-search button {
    height: 35px;
	margin-top: 1px;
}
	form.form-search:before {
    top: 6px;
    left: 15px;
}
	.fleche1:before {
    display:none;
}
	.fleche2:before{
		display:none;
	}
	.fleche3:before {
		display:none;
}
	.sticky-wrapper{
		height:30px !important;
	}
	.form-domaine p {
    font-size: 13px;
	padding-left:20px;
}
	.form-domaine {
    padding: 20px 0;
}
	#sticky-recherche form.form-search button {
    width: 80px !important;
    height: 35px !important;
	font-size:10px !important;
	padding:0 !important;
	margin-top:0 !important;
}
	#sticky-recherche .btn-group button {
    height: 40px !important;
    line-height: 40px !important;
	margin-bottom: 20px;
	margin-top:20px;
}
	#sticky-recherche .col-md-8{
	margin: 0 20px 0 5px !important;
	}
	#sticky-recherche form.form-search:before {
    left: 0px !important;
	top:0 !important;
	width: 50px !important;
	font-size: 12px !important;
	height:35px !important;
	line-height:35px !important;
}
	#sticky-recherche .form-search input {
    padding-left: 50px!important;
}
	.hebergement-1:after {
   display:none;
}
	.hebergement-image .img-fluid {
    margin-bottom: 40px;
}
	.btn-choisir a {
    background-position: 150px -496px !important;
}
	#media_image-2, #text-2, #paiement, #text-3 {
    padding-left: 20px;
}
	footer .container {
    border-radius: 0;
}
	.navbar-toggler {
    padding-left: 10px !important;
}
	#menu-principale {
    padding-left: 10px !important;
}
	.pages-menu h1 {
    font-size: 30px !important;
}
	.pages-menu p {
    font-size: 15px;
}
	.pages-menu p.small-titre-transfer {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
}
	.page-template-domaine-ma .pages-menu form.form-search:after {
    top: -1px;
    right: 20px;
}
	.pages-menu form.form-search:before, #sticky-recherche form.form-search:before {
    width: 80px;
    height: 36px;
    top: 0px;
    left: 10px;
    line-height: 36px;
    font-size: 14px;
}
	#sticky-recherche form.form-search button {
    height: 40px !important;
    margin-top: 1px !important;
}
		#sticky-recherche form.form-search input {
			height: 40px !important;
			text-align:start !important;
		}
	.pages-menu form.form-search button{
    	height: 35px !important;
	}
	#extension-search button{height:48px !important;}
	.pages-menu #recherche p {
    margin-left: 10px;
}
	.title-page h2 {
    font-size: 25px;
	padding-top: 60px;
}
	.title-page p, .pourquoi-clouder p {
    font-size: 12px;
}
	.extensions-ma h3 {
    font-size: 30px;
}
	#extension-domaine-ma .col-lg-6 p {
    font-size: 12px;
}
	.extensions-ma:last-child {
    margin-bottom: 10px;
}
	#faq .card-header button.collapsed:after {
    right: 20px;
}
	.btn-contact-faq {
    font-size: 15px;
}
	#domaine-ma h2 .icon-titre-ma {
	position: relative;
	display: block;
	margin: auto;
	margin-top: -155px;
}
	#domaine-ma h2{
    height:85px
}
	body{
		overflow-x:hidden !important;
	}
	.pages-menu form.form-search button i, #sticky-recherche form.form-search button i {
    padding: 7px!important;
}
	.pages-menu h3 {
    font-size: 40px !important;
}
	.pages-menu .col-md-3 p {
    font-size: 12px !important;
}
	#table-prix-wordpress thead th {
    font-size: 12px;
}
	#table-prix-wordpress th, #table-prix-wordpress td {
    border: 0;
    padding: 15px 20px;
}
	#table-prix-wordpress td p {
    font-size: 12px;
}
	#table-prix-wordpress td.tbl-prix span {
    font-size: 30px !important;
}
	#heberger-site {
    margin-bottom: 0px;
}
	#service-hosting {
	padding-top:0;
}
	#security-hosting {
    padding-top:0 !important;
	padding-bottom: 0;
}
	#hostingfeatures {
    padding-bottom: 0px;
}
	#table-plan .title-page {
    margin-bottom: 30px;
}
	.pages-menu {
    margin-bottom: 0;
}
	.content-avec-clouder h3 {
    font-size: 20px !important;
}
	.avec-clouder-1 {
    margin-bottom: 0;
}
	#expert-wordpress, #avec-clouder {
    padding-bottom: 80px;
}
	#faq {
    padding-top:  0;
}
	#heberger-fiable {
    padding: 45px 0 60px;
}
	#choix-heberger .col-12 {
    margin-bottom: 20px;
}
	#choix-heberger {
    padding-bottom: 0 !important;
}
	#equipe-support .title-page {
    margin-bottom: 0px;
}
	#table-plan .plan em {
    font-size: 12px;
    right: 5px;
    top: 5px;
}
	.garantie-revendeur {
    background-size: 60px;
    padding-left: 73px;
	height: 20px;
    line-height: 20px;
	margin-bottom:40px;
}
	#hostingplan-table tbody tr th[scope=row] {
    min-width: 114px;
    font-size: 12px;
}
	#hostingplan-table tbody tr td, #hostingplan-table tbody tr th {
    padding: 10px;
}
	.revendeur-text {
    margin-right: auto !important;
	margin-top:40px !important;
	width:296px;
	font-size:12px;
}
	#table-plan .plan {
    padding: 10px;
}
	#type-emails [class^="col-"]:last-child, #type-emails [class*="col-"]:last-child {
    padding-left: 15px;
}
	#type-emails [class^="col-"]:first-child, #type-emails [class*="col-"]:first-child {
    margin-bottom: 30px;
}
	#faq .title-page h2 {
    padding-top: 20px!important;
}
	#antispam-offres .calculator {
    padding: 22px 20px;
}
	#antispam-offres .calculator .pricebox #price-value {
    font-size: 30px !important;
}
	#antispam-offres .calculator .spam-form-group select {
    padding: 0 5px;
}
	#antispam-offres .calculator .submit .button {
    font-size: 15px;
	margin-top:20px;
}
	.horaire {
    font-size: 12px;
}
#adresses{
	padding-top: 30px;
}
#adresses h2, #contact-form h2{
	margin-bottom: 25px;
}
	#populaire-posts {
    margin-bottom: 40px;
	margin-top:40px;
}
	#plus-posts article .extrait-article {
    margin-bottom: 20px;
}
	.latest-posts {
    padding: 25px 10px 20px;
}
	#lasts-posts .latest-posts-content h3 {
    font-size: 14px;
}
	#lasts-posts .latest-posts-content .extrait-article {
    font-size: 12px;
}
	.btn-emploi {
    font-size: 12px;
	padding:15px;
}
	#form-emploi .container, .container-fluid {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
	.formcraft-css {
    font-size: 10px;
}
	html .formcraft-css .fc-form .form-element .submit-cover.align-center .submit-button {
    font-size: 16px !important;
    padding: 12px 40px !important;
}
	#table-prix-wordpress td p .remise {
    font-size: 10px !important;
    padding: 0 5px 1px;
    margin-left: 0px;
}
	#table-prix-wordpress th, #table-prix-wordpress td {
    padding: 16px 10px !important;
}
	#domaine-tlds {
    padding: 0 !important;
}
	#tlds-slide .item {
    padding: 25px 15px;
    height: unset;
}
	#recherche-ext.pages-menu form.form-search button {
    background-size: auto 20px!important;
}
	.plan-show-prices>label {
    padding: 0 !important;
}
	#table-plan .plan h3 {
    font-size: 20px;
}
	#service-hosting .service {
    padding: 0 0 20px 60px;
}
	#types-ssl .types-ssl {
    padding: 20px 0 20px;
}
	.page-template-email-pro #types-ssl.bg-bleu {
    padding: 20px 0 30px !important;
}
	.page-template-google-workspace #table-plan {
    padding-top: 20px;
}
	#microsoft-2 {
    padding: 20px 0;
}
	#microsoft-3 {
    padding: 20px 0;
}
	.page-template-microsoft-365 #service-hosting .title-page h2 {
    padding-top: 0 !important;
}
	#serveur-1 h3, .serveur-2 h3 {
    padding-top: 30px;
}
	#serveur-liste {
    padding: 20px 0;
}
	#serveur-3, #serveur-os {
    padding: 20px 0;
}
	.serveur-2 {
    padding: 20px 0;
}
	#configurator>div {
    padding-bottom: 0px !important;
}
	#configurator .vps-configurator-container {margin-top: -2px !important;}
	.page-template-vps-maroc .pages-menu {
    margin-bottom: 0px !important;
}
	#filter-ssl .px-70 {
    padding: 20px 15px;
}
	#pourquoi-infogerance .title-page {
    margin-bottom: 0px;
}
/* 	#sauvegarde-form .row {
    margin-top: 20px !important;
    margin-bottom: 49px !important;
} */
	#sauvegarde-form .col-12, .col-md-7{
    margin-bottom: 20px;
}
	#backup-donnees {
    padding: 20px 0;
}
	.page-template-backup #service-hosting {
    padding: 20px 0;
}
	#backup-donnees .content-img, .page-template-backup #service-hosting .content-img {
    margin-bottom: 50px;
}
	#horiares, .contact-info{
		margin-top: 20px;
	}
	.horaire-jour, .horaire-heure{
		width: 49%;
	}
	.pages-menu img{
		max-width: 60px;
	}
}
#configurator .vps-configurator-container{
    border: 2px solid #2271b1;
    border-radius: 10px;
    margin-top: -2px;
}
@media(max-width:767px){
	#horiares .col-lg-6.col-12{
		padding:0;
	}
	.horaire-jour, .horaire-heure{
		text-align:start;
	}
}
#configurator input::-webkit-inner-spin-button,#configurator  input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#configurator input[type=number]{-moz-appearance:textfield;border:1px solid hsla(0,0%,100%,0)}
#configurator input[type=number]:invalid{background-color:#fdd;border:1px solid #ffc0c0}
#configurator .qty-control[disabled=disabled]{cursor:not-allowed;opacity:.3}
#configurator .large-qty{width:50%}
#configurator .large-qty,#configurator .small-qty{border:none;text-align:center}
#configurator .small-qty{width:20%}
#configurator .vps-config-quant.small .qty-control{top:-1px!important}
#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-jump .dropdown-menu.show{display: block;}
#configurator .dropdown-toggle::after{display: none;}
#vps-presets button{color: #dde5ec;line-height: 1;width: 49%;box-shadow: none;margin: 0;background: #2271b1;position: relative;}
#vps-presets button.active{background-color: #FFF !important;color: #2271b1 !important;background-image: url("images/bg-vps-active.png") !important;background-size: 100% !important;background-repeat: no-repeat !important;background-position: left top !important;}
#vps-presets button.active:before{
    border: 0;
}
#vps-presets .col-md-4{padding: 0;}
#vps-presets button span{font-size: 30px;font-weight: 800;}
#vps-presets button small{font-size: 12px;font-weight: 300;}
#vps-presets button:before {
    content:"";
    position:absolute;
    top:-1px;
    right:0;
    border-width:40px 40px 0 0;
    border-style:solid;
    border-color:#fff transparent transparent #fff ;
    transform: rotate(90deg);
}
#vps-presets p{
	color: #2271b1;
	font-size: 25px;
	font-weight: 800;
	margin-bottom: 5px;
}
.fleche-vps-1:before {
    content: "";
    position: absolute;
    width: 98px;
    height: 57px;
    background: url(images/fleche-vps-1.png) no-repeat;
    left: -50px;
    bottom: -50px;
}
.fleche-vps-2:before {
    content: "";
    position: absolute;
    width: 102px;
    height: 43px;
    background: url(images/fleche-vps-2.png) no-repeat;
    right: -50px;
    bottom: -50px;
}
.fleche-vps-3:before {
    content: "";
    position: absolute;
    width: 108px;
    height: 42px;
    background: url(images/fleche-vps-3.png) no-repeat;
    left: -20px;
    top: -60px;
}
.vps-maroc-img{margin-left: 12px;}
.page-template-vps-maroc .pages-menu{background: url(images/bg-vps-maroc.png) no-repeat bottom left;padding-bottom: 95px;margin-bottom: 95px;}
.page-template-vps-maroc .pages-menu p{max-width: 900px; margin-left: auto;margin-right: auto;}
.page-template-vps-maroc #configurator .vps-config-container.col-md-8{background: url(images/bg-vps--form-maroc-2.png) no-repeat center;background-size: 500px;}
#sticky-recherche{padding: 10px 0;box-shadow: 0px 9px 59px 0px rgba(0, 0, 0, 0.22);display: none;z-index: 999;width: 100%;background: #FFF;left: 0;}
.is-sticky #sticky-recherche{display: block;}
#sticky-recherche form.form-search input{width: calc(100% - 160px);height: 48px;}
#sticky-recherche form.form-search:before{height: 38px;left: 14px;line-height: 38px;}
#sticky-recherche form.form-search input{background: #ecf2f6!important;border: 1px solid #e0eaf0!important;}
#sticky-recherche form.form-search input::placeholder{color: #9eabb4;opacity: 1;}
#sticky-recherche form.form-search input:-ms-input-placeholder{color: #9eabb4;}
#sticky-recherche form.form-search input::-ms-input-placeholder{color: #9eabb4;}
#sticky-recherche .logo img{max-height: 48px;width: auto;}
#sticky-recherche form.form-search button{text-align: center;width: 145px;height: 48px;box-shadow: none;background: #3da9e7!important;border-color: #3da9e7!important;color: #fff!important;display: flex;align-items: center;justify-content: center;}
#sticky-recherche .btn-group button{height: 48px;font-size: 14px;line-height: 48px;padding: 0 16px;cursor: pointer;text-align: center;font-weight: 700;box-shadow: none;background: #f0f2f8!important;color: #313652!important;}
#sticky-recherche .btn-group button.active, #sticky-recherche .btn-group button:hover{background: #3da9e7!important;color: #FFF!important;}
#sticky-recherche .btn-group button:first-child{border-radius: 30px 0 0 30px;}
#sticky-recherche .btn-group button:last-child{border-radius: 0 30px 30px 0;}
@media(min-width:992px){.navbar-toggler{display: none;}.navbar-collapse{display: block !important;}}
@media only screen and (max-width: 1199px) {
	select.currency-switcher{width: 150px;}
	header ul li a{font-size: 12px;}
	#menu-principale li, #menu-principale-en li{margin-right: 15px;}
	#menu-principale a, #menu-principale-en a{font-size: 12px;}
	form.form-search input{font-size: 14px;}
	#sticky-recherche .btn-group button{font-size: 11px;padding: 0 5px;}
	#sticky-recherche form.form-search input, #sticky-recherche form.form-search:before, #sticky-recherche form.form-search button{font-size: 14px;}
	.choisir-content{padding: 40px 20px 30px}
	.titre-choisir{font-size: 15px;}
	.text-choisir{font-size: 14px;height: 220px;}
	.btn-choisir a{font-size: 14px;margin: 0;background-position: 90px -496px;}	
}
@media only screen and (max-width: 991px) {
	#header .logo.col-lg-4{margin: 10px 0;}
	#header .col-lg-4{text-align: center;padding: 0 15px !important;}
	select.currency-switcher{width: auto;}
	.navbar-toggler-icon{height: auto;width: auto;color: #84919d;}
	.navbar-toggler{padding: 0;}
	.navbar-toggler:focus{outline: none;}
	#menu-principale li, #menu-principale-en li{display: block;text-align: left;margin-right: 0;}
	.slider-text h1{font-size: 	20px;}
	.slider-text h1 span{font-size: 30px;}
	.slider-text .top-text{font-size: 18px;line-height: 22px;}
	.slider-text p{margin-bottom: 10px;}
	.form-domaine h2{font-size: 19px;padding: 0 15px;}
	.form-domaine p{margin-bottom: 0;}
	.choisir h2{font-size: 30px;}
	.choisir .sous-titre{font-size: 14px;}
	.text-choisir{min-height: 130px;height: 132px;}
	.choisir-content{margin-bottom: 20px;padding-top: 30px;}
	.titre-choisir{font-size: 14px;}
	.choisir{margin-bottom: 30px;}
	.offres h2{font-size: 25px;margin-bottom: 25px;}
	.offres h2 span{font-size: 40px;}
	.hebergement-text{font-size: 14px;margin-bottom: 25px;}
	.hebergement-image .img-fluid{max-height: 160px;}
	.fleche2:before{right: -45px;}
	.fleche3:before{right: -43px;bottom: 70px;}
	.widget ul a, #text-2 p, #text-3 p{font-size: 13px;}
}

.slider-text {
  position: relative; /* Required to properly position the pseudo-element */
  margin-top: 0px;
  height: 450px;
  overflow: hidden;
	display:flex;
	align-items:center;
}

.slider-text::after {
  content: "";
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('https://prod.clouderz.uk/wp-content/uploads/2024/01/planete.png');
  background-repeat: no-repeat;
  background-size: 500px;
  transform: rotate(0deg) scaleX(-1); /* Flips the image horizontally */
  pointer-events: none; /* Ensures click events pass through to elements below */
}

.sous-slider-text {
    width: 50%;    z-index: 2;
    position: relative;
}
.sous-slider-text p{
	color:white;
    
}
.slider-text h1 {
    color: rgb(255 255 255 / 87%);
    text-align: left;
    
    font-size: 60px;
    line-height: 63px;
    font-weight: 300;
    position: relative;
    text-transform: uppercase;
}

.slider-text p:first-child {
    color: rgb(255 255 255 / 87%);
	text-align: left;
    
    font-size: 24px;
    line-height: 30px;
	font-weight: 300;
}

.slider-text .top-text {
    color: rgb(255 255 255 / 87%);
    text-align: left;
    
    font-size: 16px;
    font-weight: 300;
    position: relative;
}
.slider-image{
	display:none;
}
.slider-image img{
	width:100%;
	height:min-content;
}

.subscription-button {
    font-style: normal;
    font-weight: 300;
    margin-top: 25px;
    display: inline-block;
    color: white;
    
    font-size: 16px;
	padding:2% 4%;
    border-radius: 50px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.3s;
    border: none;
    cursor: pointer;    
	display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
	border:solid 1px white;
}
.subscription-button:hover {background-color: #4285F4;color: white;border-color:#4285F4;}
.subscription-button:active {background-color: #4285F4;color: white;border-color:#4285F4;}






  .domain-search-container {
    width: calc(100% - 40px);
    max-width: 500px;
    margin: auto;
    padding: 20px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  }
.domaine p{
	color:#298FC9;
	font-family:Poppins;
	font-size:16px;
}
.domaine {
    background: white;
    position: relative;
    padding-top: 40px;
    padding-inline: 60px;
}
  .domain-search-header {
    margin-bottom: 10px;
    color: black;
    font-size: 42px;
    font-weight: 700;
	text-align: center;
	  letter-spacing:-2%;
  }

  .domain-search-box {
    position: relative;
    margin-bottom: 20px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; 
  }

  .domain-search-input {
    width: 100%;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    transition: border-color 0.3s;
  }

  .domain-search-input:focus {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 8px rgba(52, 152, 219, 0.5);
  }

.domain-search-button {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 21px 45px;
  background-color: #3DA9E7;
  border: none;
  border-radius: 0px 3px 3px 0px;
  color: white;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s;
}

  .domain-search-button:hover {
    background-color: #2980b9;
  }

  .domain-search-radios {
    display: grid;
	 grid-template-columns:1fr 1fr;
	  background:#f0f2f8;
	  margin-bottom:20px;
	  padding:0;
	  align-items:stretch;
  }

	input[type="radio"]:checked ~ .domain-search-label {
	  color: #fff;
	  background-color: #3da9e7;
	}

  .domain-search-radio {
    display: flex;
    align-items: center;
	 justify-content:center;
	position:relative;
	  margin:0;
  }

  .domain-search-label {
	  padding:8px;
    font-size: 16px;
	  cursor:pointer;
	  width:100%;
	  height:100%;line-height: 1rem;
	  position:absolute;
	  border-radius:4px;    
	  display: flex;
    align-items: center;
	 justify-content:center;
	 background: #f0f2f8;
  }

  .domain-search-radio input[type='radio'] {
    accent-color: #3498db;
	  display:none;
  }

  /* Responsive styles */
  @media (max-width: 600px) {
    .domain-search-container {
      width: calc(100% - 20px);
      padding: 15px;
    }

    .domain-search-header {
      font-size: 20px;
    }

    .domain-search-button {
      padding: 15px 15px;
    }

    .domain-search-label {
      font-size: 14px;
    }
  }





main {
    display: flex;
    box-sizing: border-box;
    border-radius: 31px;
    padding: 0;
    margin-bottom:0;
}
.dis {
  width: 40%;
  padding-top: 20px;
  padding-right: 80px;
}



.main {
    text-align: center;
    padding: 20px 0;
}

.tagline {
    margin-bottom: 20px;
}

.btn {
    display: inline-block;
    background-color: #0070E0;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
}

.features {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: left;
    width: 60%;
}

.feature {
    width: 45%;
    margin: 20px 0;
}

.feature h2 {
    color: #333;
    font-size: 21px;
}
.modal .lang-item{
	list-style:none;
	cursor:pointer;
}
.modal .lang-item{
	padding: 4%;
	border-radius:4px;
}
.modal .lang-item.active{
	background-color:rgb(66 133 244 / 20%);
}
@media (max-width: 768px) {
    .features {
        flex-direction: column;
    }

    .feature {
        width: 100%;
    }
	
	#horiares .col-lg-6.col-12{
		padding:0;
	}
	.horaire-jour, .horaire-heure{
		text-align:start;
	}
	#adresses .container, #contact-form .container, .confiance .container, footer .container section, footer .col-md-4.col-12{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	#contact-form button{
		width:100%;
	}
	.confiance h2{
		font-size:26px;
	}
	footer .textwidget{
		display:flex;
		justify-content:space-between;
	}
	footer .textwidget p{
		width:48%;
	}
	footer .textwidget p:last-child{
		padding-left:9px;
	}
	footer .textwidget p:first-child{
		text-align:end;
	}
	footer #paiement{
		text-align:center;
	}
	footer #media_image-2{
		display:flex;
		justify-content:center;
	}
	footer .container{
		padding-bottom:10px;
	}
	footer  .widget-title.h5{
		padding-top:20px;
		font-size: 16px;
	}
	footer .col-md-4.col-12.d-flex section{
		width:50%;
	}
}

.feature .far {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    color: #0070e0;
}
#emploi .btn{border-radius:30px;background:#1d639b;}

html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file{width: 100%;border: solid 1px #1d639b;background: none;text-shadow: none;color: #1d639b;padding: 4px 0;height: 48px;padding-right: 10px;}
.fileupload-button span{font-size: 12px;line-height: 1rem;font-weight: 500 !important;position:relative}
.fileupload-button span:after{content:"";width:10px;height:10px;position:absolute;top:16%;right:0;background:url("/wp-content/uploads/2024/02/upload-icon.webp") center/cover;transform:translatex(200%);}
html .formcraft-css .fc-form .form-element .submit-cover.align-center .submit-button{border-radius:10px !important;padding: 8px 40px !important;font-size:16px;}
.fileupload-cover .main-label span{font-size: 14px !important;color:black !important;color:#000000db;}
html .formcraft-css .fc-form .field-cover > span > span{color:#000000db;}
html .formcraft-css .fc-form .field-cover > span span.sub-label{color:#1d639b !important;}
html .formcraft-css .fc-form.icons-hide-true .form-element .field-cover div .formcraft-icon{display:none !important;}

.server-plan {
      border: 1px solid #D4D4D4;
      border-radius: 10px;
      margin-block: 1%;
      list-style: none;
      appearance: none !important;
      width: 100%;
      user-select: none;
    }

    .server-plan-headline {
      list-style: none;
      padding: 15px;
      cursor: pointer;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      user-select: none;
      text-align: center;
    }

    .server-plan-headline span {
      user-select: none;
    }

    .server-plan-headline::after {
      position: absolute;
      content: url(https://prod.clouderz.uk/wp-content/uploads/2024/02/down.webp);
      right: 3%;
      transition: all .2s ease-in-out;
    }

    .server-plan[open] .server-plan-headline::after {
      transform: rotate(180deg);
    }

    .server-plan-content {
      padding: 30px;
      border-top: 1px solid #D4D4D4
    }
    .server-plan-spec {
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(3, 1fr);
      margin-bottom: 50px;
    }
    .server-plan-spec span:nth-child(odd){
      grid-column: span 1;
    }
    .server-plan-spec span:nth-child(even){
      grid-column: span 2;
    }
    .server-plan-content a {
      border-radius: 10px;
      background-color: #2271B1;
      padding: 10px 16px;margin:0 !important;
      color: white;
      text-align: center;
      width: 100%;
      display: inline-block;
      box-sizing: border-box;
    }
	.mobile-server-data{display:none;}
	#serveur-liste .s-types-select{display:none;}
	#serveur-liste .custom-select-container.customSelect{display:none !important;}
#adresses div,#adresses h2{padding-left:0 !important;}

/* 	 _________serveurs-dedies/ page*/
	.serveur-2 .btn{background-color:#298fc9 !important;border-color:#298fc9 !important;}
	#serveur-2 .btn{background-color:transparent !important;color:#298fc9 !important;}
	.btn:hover,#serveur-2 .btn:hover{background: #3da9e7 !important;color:white !important;border-color:#3da9e7 !important;}
	#serveur-1 h2{padding-block:20px;margin:auto;padding-bottom:50px;}
.server-plan-spec span:last-child{color:#3da9e7 !important;font-weight:500 !important;}

/* 	 _________extensions-de-noms-de-domaine page*/	
#recherche input::placeholder {text-align: center;}
.mobile-categories-list{display:none;}

	/* 	 _________VPS maroc */
	.vps-maroc-img-cont{gap:40px;}


/* ___________________ style for responsive _________________ */
@media(max-width:1200px){
	#menu-principale a, #menu-principale-en a{
		font-size:12px !important;
	}
	
	#menu-item-27 .mega-menu-content {
		flex-wrap: nowrap;
		gap: 0;
	}

	#menu-item-27 .mega-menu-column {
		width: 33%;
	}
	#menu-item-27 .mega-menu-content .mega-menu-column.aside{
		width: 18%;
	}
	.mega-menu-content .links-container{width: 57%;}
	.domaine{
		margin-top: 2% !important;
	}
	.subscription-button{
		padding:3% 6%;
	}
	.dis h1{
		font-size:2rem;
	}
	.slider{
		height:auto !important;
	}
	.slider-text{
		height:500px !important;
    	padding-top: 5%;
	}
	#table-plan .plan{margin-top:32px !important;}
	.contact-faq h3{font-size:22px;}
	#choix-heberger .col-12{    margin-bottom: 20px;}
	.avec-clouder-2 .col-lg-6 img{max-width:100%;}
	
/* 	 _________Backup page*/
	#sauvegarde-form .block-form .btn.btn-l{line-height: 1rem;max-height: unset;height: unset;padding: 4% 22%;}
	#sauvegarde-form .block-form .range-traffic{margin: -1px -26px;}
	
/* 	 email page*/
	.page-template-email-pro #table-plan .nom-prix-plan p{height:auto;}
	#type-emails [class*="col-"],{padding-inline:0 !important;margin-top:15px}
		.no-website-content,.last-e-p div[class*="col-"],#pourquoi-ssl div[class*="col-"],#types-ssl div[class*="col-"]{padding-inline:0 !important;}
	#types-ssl .ssl-excerpt{text-align:center !important;padding-top:15px;}
/* 	 _________VPS page*/
	#vps-presets button.active{background-position: left bottom !important;}
	.vps-img-s img{margin-top:-15px !important;margin-bottom:20px !important;}
	
	/* 	 transfer domain*/
	#comment-transfer{padding-block:0;}
	#comment-transfer #tab-domain{display:flex;justify-content:center;}
	#comment-transfer .block-comment-transfer{height:auto !important;margin-bottom:24px !important;}
	.block-comment-transfer-en .block-content{max-width:100%;}
	
	
}

@media(max-width:992px){
	body.home:before{
		    height: 80vh;
	}
	.top-header, .home-top-header{display:none !important;}
	.mobile-top-header{display:flex;}
	.table-container{overflow-x:scroll !important;width:100% !important;}
	.domaine{background:#FFF;border: 2px solid #3da9e7;padding: 30px 60px;border-radius: 40px;}
	.principale{display:none !important;}
	main{
		padding:0;
		padding-block:50px;
		display:grid;
		grid-template-columns:1fr;
	}
	main .dis{width:100%;padding:0;}
	.domain-search-input::placeholder{
		font-size:12px;
	}
	main *{text-align:center;}
	.features{width:100%;padding:0;}
	.dis h1,.hebergement-offres h3{font-size: 32px !important;}
	.dis h1 {
    font-size: 1.8rem;
	}
	#sticky-recherche .col-md-8{
		margin:0 !important;
	}
	#glisser-deposer .content-glisser{margin-top:30px; !important;}
	.slider-image{
		display:flex;justify-content:center;align-items:center;
	}
	.sous-slider-text{
		width:100%;
	}
	body.home:before{
		height:50vh;
	}
	.slider-text p{
		color:#333 !important;
	}
	.slider-text h1{
		color:#333;
	}
	.slider{
		    width: 120%;
			margin: auto;
			margin-left: -10%;
			padding: 2% 0% 0% 7%;
			background: white;
			border-radius: 20px 20px 0 0;
	}
	.slider .row{padding:3%;}
	.slider-text::after{
		display:none;
	}
	
	.subscription-button {
		color: #4285F4;
		border:solid 1px #4285F4;
	}
	.subscription-button:hover {background-color: #4285F4;color: white;border-color:#4285F4;}
	.subscription-button:active {background-color: #4285F4;color: white;border-color:#4285F4;}
	.subscription-button i{display:none;}
	.subscription-button span{font-size:14px;}
	.slider-text{
    	padding-top: 30px;
	}
	.hebergement-offres .container,.hebergement-offres .row{padding:0 !important;text-align:center;justify-content:center;}
	.hebergement-image .img-fluid {max-height: unset !important;}
	
/* 	 _________Backup page*/
	#sauvegarde-form .block-form .block-vps .vps-price{padding: 12px 0;}
	#sauvegarde-form .block-form .block-vps{padding: 20px 0;margin-top:20px;flex-direction:row;justify-content:space-around;align-items:center;}
	.page-template-backup #service-hosting .content-img{justify-content: center;}
	#sauvegarde-form .block-form .range-traffic{margin: 0px -22px;}
	
/* 	 _________VPS page*/
	#vps-offres .title-page{margin-bottom: 50px !important;}
	#vps-high-level, #vps-mid-level{display:none;}
	#configurator .vps-configurator-container{margin-top: -17px;padding-bottom:0 !important;}
	#vps-presets button.active{background-position: left top !important;}
	#revendeur-contact img{width:100% !important;height:auto !important;}
	
/* 	 _________extensions-de-noms-de-domaine page*/	
	.extensions-list-div .categories-list li a,.extensions-list-div .categories-titre li{padding: 18.5px 5px 18.5px 5px;}
	
	/* 	 _________wordpress-infogere*/
	.plan-show-prices > label span{font-size:14px !important;}
	.plan-show-prices > label{font-size:14px !important;padding:0 10px !important;}
	.plan-show-prices > label span .custom-switcher-promo{font-size:12px !important;}
	
/* 	         website builder*/
	#builder-appareil .img-appareil{width:50%;max-width:100%;height:auto;}
	.offset-1{margin-left:0 !important;}
	#builder-appareil .content-glisser,#modele-web .content-glisser{margin-top:0px;}
	#builder-appareil .container{height:auto !important;}
	.content-glisser h2{line-height:1.8rem;    font-size: 36px;}
	.after-input form.form-search::after{display:none !important;}
	#modele-web{padding-top:15px !important;}	
	#bon-plan p.colored{font-size:18px !important; }
	#spam-calculator{padding-inline:0 !important;}
	#glisser-deposer{padding-bottom:160px;}
	#glisser-deposer .col-12, #modele-web .col-12, #builder-appareil .col-12, #tout-fonction .col-12, .offset-1{padding-inline:0 !important;}
	#infogerance-personalise{padding-inline:15px;}
	#tout-fonction .sous-titre{font-size:16px;line-height:1rem;}
	.img-glisser img{width:100%;}
	
	
}


@media(max-width:830px){
	.slider{
		    width: 110%;
			margin-left: -5% !important;
			margin: auto;
			padding: 2% 0% 0% 7%;
	}
}


@media(max-width:768px){
	*{box-sizing:border-box !important;}
	.modal-content h4{font-size:1rem !important;}
	.slider-text h1{
		font-size: 28px;
		font-weight:700;
		line-height:27px;
		letter-spacing:-2%;
		text-align:center;
	}
	#expert-spam{padding-top:30px !important;}
	#expert-spam .col-12{padding-inline: 0 !important;}
	#expert-spam .title-text-lg, #feature-container .title-text-lg{margin-top: 30px !important;padding-bottom: 1rem;}
	#expert-spam .title-text-lg:after, #feature-container .title-text-lg:after, #review-antispam .title-text-lg:after{padding-top:0.8rem;}
	.subscription-button{
		    padding: 3% 6%;    margin: auto;
	}
	.subscription-button span{
		white-space: nowrap;
	}
	#sticky-recherche .logo img{
		width:100% !important;
	}
	#sticky-recherche form.form-search:before{
		display:none;
	}
	#sticky-recherche form.form-search input{
		padding-inline:10px !important;width: 90% !important;
	}
	#sticky-recherche form.form-search button{
		    width: 50px !important;
    	padding-right: 4px !important;
	}
	#sticky-recherche form.form-search button svg{
		    width: 20px !important;
	}
	#recherche{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	#sticky-recherche{top:0px !important;}
	
            #menu-item-27 .mega-menu-column {
                width: 100%;
            }
 					#menu-item-27 .mega-menu-content .mega-menu-column.aside{
            	width: 100%;
        	}
	.slider{
		    width: 100% !important;
			margin: auto !important;
			padding: 0;
	}
	.domaine{padding:30px 10px;}
	#content .container{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.home #content>.container-top{
		padding-left:0 !important;
	}
	.slider-text p:first-child{
		font-size:12px;
		text-align:center;letter-spacing: -0.4px;
	}
	.slider-text{
		height:min-content !important;
	}
	.slider-text p{
		text-align:center;
	}
	
	.slider-image{margin-block: -22%;}
	.domain-search-radios{margin:auto;order:2;margin-bottom:4%;display: flex;justify-content: center;}
	.domain-search-label{position:relative;padding-inline:30px;padding-block:15px;}
	.domain-search-box,.en-domain-input,.pages-menu #recherche .input-append{
		border-radius:10px  !important;
		display:grid  !important;
		grid-template-rows:1fr 1fr  !important;
	}
	.domain-search-input,.search-query, .pages-menu #recherche input{
		border-radius:10px 10px 0px 0px !important;
		border-width: 1px 1px 0px 1px !important;
		border-style: solid !important;
		border-color: #DDE5EC !important;	
		height:49px !important; 
		padding-inline: 20px !important;
		padding-block:0 !important;
	}
	.pages-menu #recherche input{width:100% !important;}
	#sticky-recherche input{border-radius: 30px 0 0 30px !important;}
	.domain-search-button,.en-domain-input button,.pages-menu #recherche button{
		background-color:#3DA9E7 !important;
		border-radius: 0 0 10px 10px !important;
		position:relative !important;
		height:49px !important;
		padding-block:0 !important;
	}
	.pages-menu #recherche button{background: #323639 !important;color: #dde5ec !important;position:relative;}
	.pages-menu #recherche button::after{content:"Rechercher";color:white;font-size:16px;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
	.en-domain-input input,.en-domain-input button,.pages-menu #recherche button{
		width:100% !important;
		margin-left:0 !important;font-size: 16px  !important;
	}
	.pages-menu form.form-search::before,#recherche button i{display:none;}
	.autres-offre *{text-align:center !important;}
	.confiance h2:after{top:45px;}
	.confiance-imgs{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;max-width: 100% !important;margin-inline:0 !important;}
	.confiance-imgs div{max-width:100% !important;}
	.confiance-imgs .row .col-md-10{padding:0 !important;}
	.confiance-imgs-container{display:flex;align-items:center;flex-direction:column;margin-inline:0 !important;max-width: 100% !important;}
	.row{margin-inline:0 !important;}
	.feature svg{width:62px;}
	footer .first-column .col-md-4.col-6:first-child{padding-left:0 !important;}
	footer .first-column .col-md-4.col-6:nth-child(2){padding-right:0 !important;}
	footer .third-col{flex-wrap: wrap;}
	footer .third-col section:last-child{transform: translate(100%, -60%);}
	footer .third-col section{padding-left:15px !important;}
	footer .third-col section:first-child{padding-left: 0 !important;}
	footer .paiement-cont{margin-top:-11%}
	footer #paiement{padding-left:0px;}
	#sticky-recherche .container-fluid{padding-inline:10px !important;}
	.en-domain-input::before {display:none;}
	.form-domaine p{text-align:center;padding:0 !important;}
	.form-domaine{border-radius:20px;}
	.text-choisir.text-choisir-en{min-height:unset;height:unset;}
	h2{font-size:32px !important;letter-spacing: -0.02em;}
	h2 span{font-size:32px !important;letter-spacing: -0.02em;}
	.container h2{font-size:24px !important;letter-spacing: -0.02em;}
	.container h2 span{font-size:24px !important;letter-spacing: -0.02em;}
	.domaine h2.domain-search-header{font-size: 18px !important;}
	.copy-footer{font-size:12px;padding-block:5px !important;}
	#accordion .col-12, .pd-0{padding-inline:0 !important;}
	#nos-tarifs-wordpress th{padding-inline:10px !important;}
	#faq .card-header button{padding-right:32px !important;font-size:16px !important;}
	.page-template-microsoft-365 #table-plan ul{height:max-content !important;margin-top:15px !important;}
	#types-ssl img, #pourquoi-ssl .ssl-img img{width:100%;height:auto;}
/* 	 _________Backup page*/
	#service-hosting .row div{display: flex;flex-direction: column;align-items: center;text-align:center;}
	#backup-donnees h2{font-size: 24px !important;font-weight: 900 !important;letter-spacing: -0.9px !important;text-align:center;}
	#sauvegarde-form .block-form .block-vps{flex-direction:column;}
	#service-hosting .content-img{margin-top: 50px !important;margin-bottom: 10px !important;}
	.service-fonction,.title-page{margin-bottom: 10px !important;}
	#sauvegarde-form .block-form .range-traffic{margin: 2px -16px;}
	#sauvegarde-form .block-form .block-item{margin: 10px 0;height: unset;padding:35px 12px;}
	.number-input{justify-content: space-between;display: flex;align-items: center;}
	#sauvegarde-form .block-form .range-input input[type="range"]::-moz-range-thumb{width: 22px;height: 22px;}
	#sauvegarde-form .block-form .range-traffic li::before {width: 25px;height: 25px;}
	#sauvegarde-form .block-form .range-traffic li:first-of-type{padding-left: 5px;}
	#sauvegarde-form .block-form .range-traffic li span{font-size: 14px;letter-spacing: -1.2px;text-align: center;}
	#sauvegarde-form .block-form .range-traffic li.active span br{display:block}
	#sauvegarde-form .block-form input[type="number"]{height: 40px;}
	#sauvegarde-form .block-form .number-input .input-minus, #sauvegarde-form .block-form .number-input .input-plus{width: 40px;height: 40px;display:flex;align-items:center;justify-content:center;}
	
	
/* 	 _________VPS page*/
	#revendeur-contact{overflow-x:hidden;}
	#configurator .vps-configurator-container{margin-top: -17px;}
	#configurator #vps-config-left-container{padding:0 !important;}
	.vps-config-option{padding-top:30px !important;}
	.vps-config-row,.vps-features-box{padding-inline:10px !important;}
	.vps-config-row .vps-config-option:nth-child(odd) {padding-left: 0px !important;position:relative;}
	.vps-config-row .vps-config-option:nth-child(odd):after{content:"";height:80%;width:1px;background:rgba(85,85,85,.1);position:absolute;right:0;top:10%;}
	.vps-config-row .vps-config-option:nth-child(even) {padding-right: 0px !important;}
	body #configurator #vps-config-left #vps-config-left-container .vps-config-row .vps-config-option .dropdown{width:100%;}
	.vps-features-box .col-md-4, #revendeur-contact .col-md-6 {padding-inline:0 !important;}
	#vps-presets button::before {top:-1px;}
	#revendeur-contact *{text-align:center;}
	#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice span,#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-jump > a,#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-jump > a{font-size:14px;}
	#configurator .vps-config-container .vps-config-row .vps-config-option .dropdown-with-icon .vps-os-choice small{font-size:12px;}
	#configurator .vps-config-container .vps-title-row h5,#configurator .vps-config-container .vps-features-box h6{font-size:16px;font-weight:300 !important;letter-spacing: -0.02em;}
		#configurator .vps-config-container .vps-title-row h5{padding-inline:15px;}
	#vps-2 img{margin-right:-15px;}
	#revendeur-contact img{margin-top:25px;}
	#revendeur-contact h2{font-size:24px !important;}
	.review-container-ratings{width:100%;margin-top:15px;}
	.owl-carousel .owl-item img{height:auto;}
	.pages-menu h2.vps-title-h2{font-size:16px !important;}
	.pages-menu{padding-inline:15px;}
	.pages-menu img.vps-h-img{max-width:100% !important;width: 65%;}
	#vps-offres .title-page h2,#vps-offres .title-page h2 span{font-size:32px !important;margin-bottom:15px;}
	#configurator{margin-top:1.5rem;}
	#configurator #vps-config-right #vps-config-total .vps-config-total-price{font-size:24px;}
	#configurator #vps-config-right #vps-config-total .vps-config-total-price .ybr_price{font-size:32px;}
	#configurator #vps-config-right p{font-size:14px;}
	#evendeur-contact{overflow-x:hidden;max-width:100% !important;}
	
	
/* 	 _________carrieres page*/
	#emploi div,#service-hosting div, #form-emploi div{text-align:center !important;}
	#service-hosting .service, .wide-.fileupload-cover.field-cover{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 !important;}
	#service-hosting .service-icon{position:relative;}
	.service-icon svg{width:165px;height:165px;}
	.icon-sm .fill-gradient, .icon-sm .stroke-dark{stroke-width: 0.4px;}
	html .formcraft-css .fc-form .field-cover > span{width:100%;text-align:center;}
	html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover > div{margin-top:0 !important;}
	#form-emploi input[type:"text"]{line-height: 1rem;height: 38px;}
	#form-emploi div.field-cover label{width: 100%;text-align: start;}
	html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file, html .formcraft-css .fc-form .form-element .submit-cover.align-center .submit-button, html .formcraft-css .fc-form .form-element .form-element-html input[type="text"]{height: 42px !important;padding: 0 ;display: flex;align-items: center;justify-content: center;}
	html .formcraft-css .fc-form .form-element .submit-cover.align-center .submit-button{width:100%;}
	.fc-form.fc-form-4 input[type="text"], #contact-form input[type="text"]{padding-left:10px !important;}
	#contact-form  button{height:42px; font-size:14px;}
	html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover > div{padding: 0;}
	.fileupload-cover span:last-child{color:#1d639b;margin-top:5px;}
	.fileupload-cover .sub-label-{padding-right:0 !important;margin-bottom:5px;margin-top:10px;}
	.content-emploi button{padding: 12px 40px !important;font-weight: 500 !important;}
	#emploi{padding-bottom: 10px;}
	#service-hosting .service{margin-top:20px;}
	.checkbox-cover label{display: flex !important;align-items: center;gap:5px;}
	

/* 	 _________serveurs-dedies/ page*/	
	#serveur-liste table#responsive-table{display:none !important;}
	#serveur-liste #pills-tab{display:none !important;}
	#serveur-liste .nav-tabs{display:none !important;}
	#serveur-liste .s-types-select{display:block;}
	#serveur-liste .custom-select-container.customSelect{display:block !important;border: 1px solid #3DA9E7 !important;border-radius: 10px !important;background:none !important;text-align:center !important;margin-bottom:30px;}
	#serveur-liste .custom-select-container.customSelect .custom-select-opener{border:none;background:none;padding: 15px;color:#3DA9E7;font-weight:600 !important;}
	#serveur-liste .custom-select-container.customSelect .custom-select-panel{border-radius: 0px 0px 10px 10px;}
	.mobile-server-data{display:block;}
	#serveur-os .liste-os .col-lg-9,.serveur-2 .col-12,#serveur-1 .col-12,#table-plan .col-12, #domaine-tlds .col-md-12, #choisir-extension .col-md-12{padding-inline:0 !important;}
	#serveur-os .liste-os .col-lg-3{border-top: 1px solid #eff1f4;padding:15px;}
	#serveur-os .liste-os .col-lg-9{border-right: none;}
	#serveur-os .liste-os img{height:85px;object-fit:cover;}
	#serveur-os .liste-os .col-lg-9 .col-lg-4{padding-inline:5px;}
	.content-serv-5 p{padding:0;padding-left:29px;}
	.content-serv-5 .d-flex{align-items:center;margin-bottom:10px;}
	.content-serv-5 h3,.content-serv-5-a{margin:0 !important;padding:0 !important;}
	.content-serv-5-a a, #serveur-2 a{width:100%;justify-content:center;margin:0 !important;padding-block: 8px;}
	#serveur-4 *, #serveur-1 *, #g-suite, #plan-offers *{text-align:center;}
	.serveur-2 svg.mr-3{margin-right:5px !important;}
	#serveur-1 h2, #google-1 h2{padding-bottom:20px !important;}
	#serveur-2 h2, #serveur-2 .f-p{text-align:center !important;}
	.img-serv-5{margin-block:18px !important;}
	.serveur-2 h2{margin-top:28px !important;margin-bottom:18px !important;}
	.page-template-google-workspace #table-plan .plan{padding: 42px;}
	#table-gsuite{margin-bottom:0 !important;}
	.server-plan-spec span{font-size:14px !important;}
	.server-plan-spec span span{font-size:12px !important;color:darkgray !important;}
	.server-plan-spec span .wpcs_price{font-size:16px !important;}
	#serveur-2 .col-lg-6.col-md-6.col-12 .col-4.text-right{padding:0 !important;text-align:start !important;}
	#serveur-2 img{width: 85%;}
	.serveur-2 p{font-size:14px !important;}
	
/* 	 _________google Workspae page*/	
	#g-suite .g-block, #table-plan .plan{margin-top:32px !important;}
	#g-suite .g-block-title, .g-block-excerpt p{margin-bottom:8px !important;}
	
	
/* 	 _________extensions-de-noms-de-domaine page*/	
	#recherche input{font-size:16px !important;text-align:center;}
	#extension-search input{border:2px solid #e1ebec !important;height:48px !important;border-radius:10px 0 0 10px !important;}
	#extension-search button{border-radius:0 10px 10px 0 !important;height:48px !important;}
	#recherche-ext.pages-menu form.form-search button{background-size: 24px !important;}
	#choisir-extension h3{font-size:22px !important;margin-top:15px;}
	.desktop-categories-list, .desktop-plan-show-prices{display:none !important;}
	.ex-:hover{background:#3da9e7 !important;}
	.selected-ex{background: #2271B1;border-radius:10px;cursor:pointer;user-select:none;}
	.selected-ex:after{background: url(/wp-content/uploads/2024/02/select-icon-white.webp);top: 45%;background-size: cover;}
	.categories-list{background:#2271B1;inset:0;min-height: 200px;overflow-y: scroll;z-index: 9;top: 50px;border-radius: 0 0 10px 10px;display:none;border-top:1px solid #8ab1d0;}
	.mobile-categories-list{display:block;}
	.table.extensions-table th{white-space: nowrap;}
	#plan-offers h2{font-size:25px !important;font-weight:500 !important;margin-top:15px !important;}
	#plan-offers{padding: 20px 0 20px;}
	#extension-search input{width:100% !important;font-size:14px !important;}
	.mobile-categories-list .ex-{cursor:pointer;}
	
	/* 	 _________wordpress-infogere*/
	.plan-show-prices.categories-list{margin:0 !important;}
	.plan-show-prices.categories-list label{margin:0;padding-block:15px !important;}
	.plan-show-prices.categories-list label:nth-child(2){border-top:1px solid #8ab1d0;border-bottom:1px solid #8ab1d0;}
	.plan-show-prices.plan-show-prices-brand .custom-switcher-copy{color:white;line-height: 0.9rem;}
	.plan-show-prices.plan-show-prices-brand .custom-switcher-copy .custom-switcher-promo{background: #fff;color: #2271B1;padding: 3px 12px;}
	.plan-show-prices.plan-show-prices-brand .custom-switcher::before{background:white;border-color: white !important;}
	.plan-show-prices.plan-show-prices-brand .custom-switcher{border-color: white !important;}
	.plan-show-prices .custom-switcher{width: 20px;height: 20px;}
	.plan-show-prices.plan-show-prices-brand input:hover ~ .custom-switcher-copy{color:lightgray;}
	#bon-plan p.colored{font-size:18px !important; }
	
	/* 	 _________VPS maroc */
	.vps-maroc-img-cont{gap:20px;background: rgb(0 0 0 / 20%)}
		.vps-maroc-img-cont img{max-height:40 !important;}
	#extension-domaine-ma .col-12, #extension-domaine-ma .col-6, #extension-domaine-ma .col-lg-6,#pourquoi-chez-nous .col-lg-6, #heberger-fiable .col-12, #choix-heberger .col-12, #pourquoi-nous  .col-12{padding-inline:0 !important;}

		
	.avec-clouder-2 .col-lg-6 img, #equipe-support img{max-width:100%;}
	#avec-clouder{overflow-x:hidden;}
	#service-hosting h2{font-size:24px !important;padding-inline:5px;}
	#choix-heberger .offre-icon { width: 80px;height: 80px;top: -20px;}
	
/* 	website builder */
	#builder-appareil .img-appareil{width:100%;}
	
	/* 	 transfer domain*/
	#expertise-cms .expertise-width .col-12{width:50% !important;max-width:50% !important;}
	
/* 	/shared hosting */
	#security-hosting .security{    padding: 30px 0 0 0;}
	
/* 	 domain anme*/
	article.ex-cont .ex_cont_body,article.ex-cont .ex_cont_header{grid-template-columns: repeat(3,1fr);}
         article.ex-cont .ex_cont_header b:last-child{display: none;}
         article.ex-cont .ex_cont_body .action-{grid-column: 1/4;}
         article.ex-cont .ex_cont_body .action- .btn{width: 100%;border-radius:10px;transition:all .2s ;}
	article.ex-cont .ex_cont_body .action- .btn:hover{background-color: rgb(61 169 231 / 90%);}
         article.ex-cont .ex_cont_body{background-color: rgb(255, 255, 255);margin-block: 5px;border: 1px solid hsla(0,0%,50.2%,.5019607843);border-radius:10px;}
         article.ex-cont{position: relative;max-height: 620px;overflow-y: scroll;}
         article.ex-cont .ex_cont_body div{border-bottom: 1px solid hsla(0,0%,50.2%,.5019607843);background: none;border-top: none;border-right:none;}
         /* article.ex-cont .ex_cont_body div{background: none;border: none;} */
         article.ex-cont .ex_cont_header{position: sticky;inset: 0;background-color: white;top: -1px;border-block: 1px solid hsla(0,0%,50.2%,.5019607843);}
	article.ex-cont  .ex-price .remise{width:100%;padding:5px !important; margin-top:5px !important;   font-size: 10px !important;background-color: rgb(61 169 231 / 90%);}
	
	
	
}

@media (max-width: 400px) {
  #sauvegarde-form .block-form .range-traffic{margin: 2px -5px !important;}
}
@media (max-width: 500px) {
	#sauvegarde-form .block-form .range-traffic{margin: 2px -8px;}
}