/** TODO **/

#pname{
    /*background-image:url(../images/mutu/header-web-new2-1920.jpg),linear-gradient(90deg, #051431 0%, #032241 100%);*/
/*url(../images/mutu/header-web-new2-1920.jpg),*/
    background-image:url(../images/mutu/header-web-new2-1920.jpg),linear-gradient(180deg,#051431 0%, #051431 50%, #032241 100%);
    background-repeat: no-repeat;
    background-position: top left;
}
.pname_photo{height: 350px}
#pname_photo_father{ height: 350px}
#buy_domaine {margin: 0px;}
#cat_accueil{display: flex; flex-flow: row;justify-content: space-evenly; padding-bottom: 10px}
.div_cat_accueil{width: 30%; margin: 0 40px;}
#pname_expli_container{margin-top:40px;text-align: left; width: 1080px}
#pname_expli_container *{font-weight:normal;}
#pname_expli_container h1, #pname_expli_container h1 span{font-family: openSansBold !important;font-size: 42px;}
#pname_expli_container p{font-size:16px;}
#web_offer_describ { padding: 35px 10px 0px 10px;}
.inner{margin: 10px auto}
.caract_container { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; padding-bottom: 0px !important; width: 100% !important;}
.caract_container h2{color:#333;font-size:20px;}
.caract_connect , .caract_us{ width: 15% !important}
.caract_container .one_caract_5 {text-align: center; width: 130px; height: 185px;  margin: 0px 5px;}
.caract_container .one_caract_5 h4{height: 40px}
.caract_container .div_img img {height: 70px}
.caract_container .div_img {height: 75px; }
.one_caract:not(:last-child){border: none}
.div_img_cat_accueil{height:auto; background: none;}
#bt_cmd_dom{height: 40px;}

.div_cat_accueil{}
.txt_cat_accueil{height:280px;}


#info_srv{width:520px;margin-top:40px}
#info_srv tr {height:30px;}
#info_srv tr th {border-bottom:1px solid #D7D7D9;padding-left:15px;width:50%;font-weight:normal;}
#info_srv tr th:nth-child(1) {border-right:1px solid #D7D7D9;text-align: left;}
#info_srv tr th:nth-child(2) {text-align: left;}
#info_srv tr:last-child th{border-bottom:0px solid red;}

#mutu_gratuit{background:none;height:42px;line-height:42px;}
#p_logo_cms{padding-top:20px;overflow:hidden;}
#p_logo_cms i{margin: 0px 35px 20px 0;}
#logo_service_99{float:right;margin-left:25px;}
liste_dom{width:1280px; margin:15px auto ;overflow:hidden;padding-top:0px;text-align: center;}
.table_dom{width:100% !important;margin: 5px auto 25px auto}
.table_dom thead tr th:nth-child(1){padding-left:10px;text-align:left;}
.table_dom thead tr th:nth-child(2){padding-right:45px;}
.table_dom thead tr th:nth-child(3){padding-right:0px;}
.table_dom thead tr th:nth-child(4){padding-right:22px ;}
.table_dom thead tr th:nth-child(3),.table_dom thead tr th:nth-child(4),.table_dom thead tr th:nth-child(5){text-align:right;}
.table_dom tbody tr td:nth-child(1){width:24px;padding-right:0;}
.table_dom tbody tr td:nth-child(1) i{}
.table_dom tbody tr td:nth-child(2){width:30px;text-align:left;padding-left:0;}
.table_dom tbody tr td:nth-child(3),.table_dom tbody tr td:nth-child(4),.table_dom tbody tr td:nth-child(5){text-align:right;}
.table_dom thead tr{height: 45px;background-color: #16ace2;color:white; font-weight: 500;}
.table_dom thead th{font-weight: 500;}

.sprites{background-image: url(/images/logos/spritesheet_logo_mutu.png);background-repeat: no-repeat;display: inline-block;}
.sprite-cms-made-simple {width: 123px;height: 50px;background-position: 0 0;}
.sprite-jimdo {width: 132px;height: 47px;background-position: 0 -50px;}
.sprite-joomla {width: 71px;height: 48px;background-position: -123px 0;}
.sprite-magento {width: 119px;height: 50px;background-position: 0 -97px;}
.sprite-phpbb {width: 102px;height: 48px;background-position: 0 -147px;}
.sprite-prestashop {width: 49px;height: 49px;background-position: -132px -48px;}
.sprite-wordpress{width: 208px;height: 48px;background-position: -194px 0;}

#zone_txt{overflow:hidden;margin-top:15px;display:none;}
#div_www{float:left;height:32px;line-height:32px;margin:0 5px 0 0;}
#div_input_dom span{color:#000;padding-left:10px;font-size:14px;}
#domaine{margin:5px 0 0 5px;font-size:14px;width:100%;}
#div_select_ext_dom{}
#bt_verif_dom{width:100%; margin-top:15px;}
#rt_js{margin-top:15px;background: #142630 !important;color: #fff;}
#div_select_hdd_raid{height:145px;}
#grp_dom_mut{background:#f0f0f0;padding:15px;}
#table_proprio{font-size:14px;}
#table_proprio_inner{font-size:14px;width:100%;}
#div_proprio{padding-top:10px;border-top:1px solid #999 !important;margin-top:5px;text-align: center;}
#div_proprio .h2_barre{text-align:center!important;color: #fff;}
#div_proprio .h2_barre h2{color: #fff;}
#table_proprio {
    padding: 10px 0px;
}

.trio_opt > div{font-size:15px;border :1px solid #fafafa;position:relative;}
.tri_col_selected {border:1px solid #0fa5df !important; }
#titre_choix_hdd{margin-top:53px;}

#recap{border:1px solid #CBCECE;margin:0 0 20px 0;padding:10px;}
#recap h2{text-transform: uppercase;padding-bottom:10px;text-transform: uppercase;border:0px solid red;background: url("../images/divider_bg.png") repeat-x left bottom;margin-bottom:5px;font-size:12px;color:#0FA5DF;}

#los{overflow:hidden;margin:15px 0 0 0;}
#txt_os{float:left;padding:0 0 0 10px;width:70%;}
#prix_os{float:left;font-weight:bold;font-size:14px;width:30%;text-align:right;}
#img_logo_proco{float:right;}
#lconfig{overflow:hidden;margin:15px 0 0 0;}
#txt_conf{float:left;padding:5px 0 0 10px;width:738px;overflow:hidden;}
#prix_conf{float:left;font-weight:bold;font-size:12px;width:218px;overflow:hidden;text-align:center;border:0px solid red;padding:10px 0 0 0;}
#prix_conf img{margin-left:40px;}
#sub_price{text-align:right;margin-bottom:35px;}
#sub_price p:last-child{font-size:14px;}

#loptions{overflow:hidden;margin:15px 0 0 0;}
#loptions .txt_opt{border-bottom:1px solid #CBCECE ;float:left;padding:0 0 0 10px;}
#loptions .pri_opt{float:left;font-weight:bold;font-size:14px;}
.pe_tab{height:35px;line-height:35px;border:0px solid green;overflow:hidden;}
.pe_tab > div:nth-child(1){width:75%;float:left;padding:0 0 0 10px;}

.trash{margin-top:9px;}
.pe_tab > div:nth-child(2){width:25%;float:left; text-align:right;font-weight:bold;font-size:14px; }
.pe_tab:last-child > div{border-bottom:none !important;}

.table_option_mod_supp{border:0px solid red;border-collapse:collapse;font-size:11px;color:#888;font-style:italic;height:30px;}
.table_option_mod_supp a{text-decoration: none;color:inherit;}
#servi{overflow:hidden;margin:15px 0 0 0;}
#txt_serv{float:left;padding:0 0 0 10px;width:730px;text-align:justify;}
#change_serv{float:right;background:url("../images/icon_refresh_recap.png") no-repeat right center;padding:0 15px 0 0;font-size:10px;font-style:italic;display:block;text-decoration:none;color:#888;}
#prix_serv{float:left;font-weight:bold;font-size:14px;width:218px;text-align:right;}

#div_form_val{margin:15px 0 0 10px;float:left;}

#cgh{height: 180px;  resize: none; overflow: auto; font-size: 11px; padding: 10px;border:1px solid #CBCECE;resize:none;overflow:auto;font-size:11px; background:#fff; }
#recap_prix{border:1px solid #b6b6b6;float:left;width:470px; padding:10px;margin-left:10px;}
#tva_ttc{border:1px solid #CBCECE;background:#f5f5f5;width:213px;padding:10px;float:left;height:65px;margin: 0 10px 10px 0;}
#table_ttc{width:100%;font-size:14px;}
#table_ttc tr td:nth-child(2){color:#0FA5DF;text-align:right;}

#tot_ht{border:1px solid #CBCECE;background:#f5f5f5;width:100%;padding:10px;float:left;height:39px;line-height:19px;font-weight:bold;font-size:16px;box-sizing: border-box ;margin-bottom:3px;}
#prix_pur{float:right;color:#0FA5DF}
#recap_prix p{font-style: italic;font-size:11px;clear:both;display:block;}


#validation{margin:15px 0 25px 0;}

.sprite{background-image: url(/images/flag/spritesheet_main.png);background-repeat: no-repeat;display: inline-block;padding:0;margin:0;}
.sprite-Belgium-Flag-16 {width: 16px;height: 16px;background-position: 0 0;}
.sprite-European-Union-Flag-16 {width: 16px;height: 16px;background-position: -16px 0;}
.sprite-France-Flag-16 {width: 16px;height: 16px;background-position: 0 -16px;}
.sprite-United-States-Flag-16 {width: 16px;height: 16px;background-position: -16px -16px;}
.sprite-Luxembourg-Flag-16 {width: 16px;height: 16px;background-position: -32px 0;}
#liste_dom{width:1280px; margin:15px auto ;overflow:hidden;padding-top:0px;text-align: center;}


.table_list_option tr td{padding:10px;}


/********************************************** nouveau **********************************************/
.rad3{border-radius:3px;}

#buy_domaine{width:100%;margin-bottom:0px;border: 0px solid orange;overflow:hidden;background: transparent} /* 5d5d5d*/
#buy_domaine_container{margin:0 auto;text-align: left;height:120px;color:#fafafa;overflow:hidden;display: flex;flex-flow: column}
.buy_domaine_container_title{text-align: center;}
.buy_domaine_container_search_module{text-align: center;}

.bt_bleu_fonce{background:#4464DF;color:#fafafa; border:1px solid #999; border:none; cursor: pointer;padding:0px 15px;font-size:16px;text-decoration: none;text-align: center;height:35px;line-height:35px;display:inline-block;}

.mutu_stockage_cpu{margin-top: 20px;margin-bottom: 20px;height:60px;}
.mutu_price{margin-top: 20px;margin-bottom: 20px;font-weight: bold;font-size: 18px;}
#div_box_gamme2{display:flex;position: relative;margin-bottom:50px;gap:10px;}
#div_box_gamme2 > div {border:1px solid #A7A7A7;height:385px; border-radius:5px ;cursor:pointer; text-align: left; padding:10px;color:#444;width:20%;}
#div_box_gamme2 > div > h2 {margin-top:0;font-size:18px;font-weight: normal;height:50px;}
#div_box_gamme2 > div div.mutu_application_type {height:40px;font-style: italic;font-size: 14px;}
#div_box_gamme2 > div > button {font-size:12px;width: 100%;}
#div_box_gamme2 > div ul {position: relative;list-style: none;margin-left: 0;padding-left: 1.2em;font-size: 13px;margin-top: 10px;}
#div_box_gamme2 > div ul li:before {content: ">";position: absolute;left: 0;}

#recap_div_panel > div:nth-child(1){color:#4464DF;text-align: left;margin-bottom: 5px;font-weight: bold;}

#div_box_ss_cat{display:flex;position: relative;margin-bottom:50px;}
#div_box_ss_cat > div {border:1px solid #A7A7A7;width:25%;margin:0 18px; height:130px; border-radius:5px ;cursor:pointer; text-align: center; padding-top:90px;color:#A7A7A7;}

.div_box_gamme_tri > div {border:1px solid #A7A7A7;width:33% !important;height:130px; border-radius:5px ;cursor:pointer; text-align: center; padding-top:90px;color:#A7A7A7;margin:0 !important;}
.div_box_gamme_tri > div:nth-child(2) {margin:0 18px !important; }

.one_bt_mutu{background:#f8794e;color:#fafafa; border:1px solid #999; border:none; cursor: pointer;padding:0px 15px;font-size:16px;text-decoration: none;text-align: center;height:35px;line-height:35px;display:inline-block;}

.type_product_selected{border:1px solid #4464DF !important;color:#4464DF !important; font-weight: normal;background:#4464DF15 }

#double_and_one_mut_left{text-align: left;}

#div_box_gamme2 > div .one_bt_mutu span.span_bt_selected{display: none;}

#div_box_gamme2 > div.type_product_selected .one_bt_mutu{background: #4464DF;}
#div_box_gamme2 > div.type_product_selected .one_bt_mutu span.span_bt_order{display: none;}
#div_box_gamme2 > div.type_product_selected .one_bt_mutu span.span_bt_selected{display: inline;}


#div_check_dom{background:#f7f7fa;height:100px;padding:15px;}
#div_check_dom h2{margin-top:0;margin-bottom:10px;font-size:14px;}
#div_choose_is_dom > label{background:#f7f7fa;height:50px;line-height:50px;text-align: center;cursor:pointer;border-radius: 5px;display: block;}
#div_choose_is_dom > label:nth-child(1){width:calc(50% - 15px);margin-right:15px;}
#div_choose_is_dom > label:nth-child(2){width:calc(50% - 15px);margin-left:15px;}
#div_choose_is_dom > label input{float:right; margin-top:20px;margin-right: 20px;}

#div_verif_dom{display: flex;}
#input_domaine{height:35px !important;border:1px solid #bcbcbc;background:#fafafa;width:350px;}
#bt_input_domaine{text-transform: uppercase; font-weight: bold;width:300px;font-size:12px;}

#div_rt_error_dom{height:30px;color:#fe0000;}
.error_dom{border:1px solid #fe0000 !important;}

#table_proprio_inner2{width:100%;}
#table_proprio_inner2 tr td{padding:0 0 10px 0}
#table_proprio_inner2  input[type=text]{border:1px solid #F7F6FB;background:#F7F6FB !important;border-radius: 5px !important;}

#table_proprio_inner2 tr:not(.tr_dom_addr) td:nth-child(1){padding-right: 10px;}
#table_proprio_inner2 tr td:nth-child(2){padding-left: 10px;}

#table_proprio_inner3{width:100%;}
#table_proprio_inner3 tr td{padding:0 0 10px 0}
#table_proprio_inner3  input[type=text]{border:1px solid #bcbcbc;background:#fff !important;}

#table_proprio_inner3 tr:not(.tr_dom_addr) td:nth-child(1){padding-right: 10px;}
#table_proprio_inner3 tr td:nth-child(2){padding-left: 10px;}

#select_country{color:#666;border:1px solid #bcbcbc; background-color: #fff;}
#div_title_and_bt{display: flex;justify-content: space-between;}
#div_title_and_bt > div:nth-child(1){display: flex;align-items: center;}
/*#div_title_and_bt > div:nth-child(2){width: 320px;}*/

.dom_selected{background:#4464DF !important;color:#fff;font-weight: bold;border-radius: 5px;}


#div_table_proprio{background:#f7f7fa;padding:15px;}

/*#bt_gamme_product_start{background:url(../images/mutu/mutu1gris.svg) no-repeat;background-size: 40px;background-position-x: center;background-position-y: 30px;}*/
/*#bt_gamme_product_mini{background:url(../images/mutu/mutu2gris.svg) no-repeat;background-size: 50px;background-position-x: center;background-position-y: 30px;}*/
/*#bt_gamme_product_pro{background:url(../images/mutu/mutu3gris.svg) no-repeat;background-size: 60px;background-position-x: center;background-position-y: 30px;}*/

/*#bt_gamme_product_start.type_product_selected{background-image:url(../images/mutu/mutu1bleu.svg);background-position-y: 29px;  }*/
/*#bt_gamme_product_mini.type_product_selected{background-image:url(../images/mutu/mutu2bleu.svg);background-position-y: 29px;  }*/
/*#bt_gamme_product_pro.type_product_selected{background-image:url(../images/mutu/mutu3bleu.svg);background-position-y: 29px;  }*/


/*** WEB OFFERS v2 ***/
.web_offers_container_top
{
    display: flex;
    flex-flow: row;
    padding-bottom: 30px;
}
.web_offers_container_top .asterisk_infos
{
    font-size: 9px;
    line-height: 9px;
}

/***  ***/

.one_caract_3 { width: 32%; height: auto }
.one_caract{line-height: 20px;text-align: left;border:none !important;padding:5px 0px;}
.one_caract h3{color:#F7941C;font-size:14px;border-bottom:2px solid #e6e6e6;padding-bottom:7px;}
.one_caract p{text-align: left;padding:0 15px;}
.one_caract_txt {font-family: ubr; font-size: 14px;text-align: left;}
.one_caract_left_img { float: left; width: 100px; height: 100%; margin: 0 auto;}
.one_caract_left_img img { width: auto; height: auto; max-width: 90px}
.one_caract_title_img{float: left; width: 65px; height: 65px; text-align: center}
.one_caract_title p { padding-left: 70px; line-height: 65px; margin-bottom: 0px}
.one_caract_title{ font-family: ubb; font-size: 16px}

.team_caract .one_caract tr th:nth-child(1) { padding-left: 5px ;width: 65px; }
.caract_container_service_mutu .one_caract_txt { height: 200px; margin-top: 15px;}
.caract_container {width:1030px;}
.caract_container h2{color:#333;font-size:20px;}
.caract_container { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; padding-bottom: 0px !important; width: 100% !important;}
.caract_container .one_caract_5 {text-align: center; width: 130px; height: 185px;  margin: 0px 5px;}
.caract_container .one_caract_5 h4{height: 40px}
.caract_container .div_img img {height: 70px}
.caract_container .div_img {height: 75px; }
.one_caract_3:nth-child(3n+2){padding:0 10px ;}
.one_caract_3:nth-child(3n+1){padding:0 10px 0 0;}
.one_caract_3:nth-child(3n+3){padding:0 0 0 10px;}
.caract_container tr:nth-child(1) td{ height: 55px}
.caract_container img{ height: initial; }

.caract_container_team_only .one_caract{padding-top:0;padding-bottom: 0;}
.caract_container_team_only .one_caract_title{height:54px; line-height: 54px;font-size:14px;margin-bottom: 0px;}
.caract_container_team_only .one_caract_title_img{width:58px;text-align: center; }
.caract_container_team_only .one_caract_title p{line-height: 54px; font-size: 16px; font-family: ubb; font-weight: 500}
.caract_container_team_only .one_caract_3 { height: auto; }

.slick-dots{  margin-bottom: 0 !important;position:absolute !important;}
.slick-dots{  margin-bottom: 0 !important;position:absolute !important;}
.slick-dots li button:before{font-size:16px;}
.slick-slide { width: 50%; box-sizing: border-box;}
.slick-prev{left: -2px !important;}
.slick-next{right: 0px !important;}
.slick-arrow{z-index: 200 !important;}

#carrousel .dedicated_choose_box{border: 1px solid #c2c2c2; border-radius: 20px; height:350px;margin:0 16px !important;}
.dedicated_choose_box{border: 1px solid #c2c2c2; border-radius: 20px; height:350px;}
.dedicated_choose_title{ padding: 15px 17px 0px 17px; text-align: center;}
.dedicated_choose_img{ height: 130px; width: 200px; background : url(../images/xeon/image_product.webp) no-repeat bottom; margin-top: 10px; margin-left: auto; margin-right: auto;}
.dedicated_choose_img{
    height: 130px; width: 200px; background : url(../images/xeon/image_product.webp) no-repeat bottom; margin-top: 10px; margin-left: auto; margin-right: auto;
    &.product_213
    {
        background : url(../images/xeon/product_213.png) no-repeat bottom;
        background-size: contain !important;
    }
    &.product_214
    {
        background : url(../images/xeon/product_214.png) no-repeat bottom;
        background-size: contain !important;
    }
    &.product_215
    {
        background : url(../images/xeon/product_215.png) no-repeat bottom;
        background-size: contain !important;
    }
    &.product_216
    {
        background : url(../images/xeon/product_216.png) no-repeat bottom;
        background-size: contain !important;
    }
    &.product_217
    {
        background : url(../images/xeon/product_217.png) no-repeat bottom;
        background-size: contain !important;
    }
}
.dedicated_choose_benchmark{ padding-left: 17px; text-align: center }
.dedicated_choose_price_all { width: 175px; margin-left: auto; margin-right: auto; margin-top: 10px;}
.dedicated_choose_from{ text-align: left;}
.dedicated_choose_price {line-height: 38px }
.dedicated_choose_vat { margin-right: 8px;text-align: right; }
.dedicated_choose_action { padding : 5px 0px 15px 0px; text-align: center; }
.dedicated_choose_button { width: 175px }
.dedicated_choose_details { padding: 4px 0px 4px 0px; font-size: 12px;}

.caract_container_team .one_caract_title { height: 55px; line-height: 55px}
div.caract_container div.one_caract:nth-child(1) .one_caract_title { line-height: 30px}
div.caract_container div.one_caract:nth-child(1) .one_caract_title .one_caract_title_img { width: 70px}

div.caract_container div.one_caract:nth-child(3) .one_caract_title { line-height: 60px}

#ipt_domaine{width: 100%}

.h2_barre .asterisk_infos { font-size: 9px; line-height: 9px; }

.web_offers_args {
    margin: 25px 0px;
}
.web_offers_container_top
{
    display: flex;
    flex-flow: row;
    padding-bottom: 30px;
}

.web_offers_spec_top
{
    width: 20%;
}
.web_offers_list
{
    width: 80%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0px 15px;
}
.web_offers_list .flex-child  {
    width: 180px !important;
    order: 0;
    flex: 0 1 auto;
}
.web_offers_list_container
{
    max-width: 100vw;
    width: 100%;
    display: flex;
    gap: 15px;
    justify-content: space-between;
}

.web_offers_list_container .spec_value {
    text-align: center;
    font-weight: 700;
}

.flex-child .web_offer > div ,.flex-child .web_offer_spec_com .spec_com_cat > div
{
    background: #fff;
}
.flex-child .web_offer > div:nth-child(even) ,.flex-child .web_offer_spec_com  .spec_com_cat > div:nth-child(even)
{
    background: #F2F7FF;
}

.web_offers_list_container .web_offer .spec_d_name_resp
{
    display: none;
}

.web_offer_spec_com .spec_com_cat .spec_d_name_resp
{
    display: none;
}

.web_offers_spec_top .web_offer_empty
{
    height: 131px !important;
    background: #ebedf3;
    top: 58px;
    z-index: 2;
}

.web_offer_spec_com_general > div:not(:last-child):not(.web_offer_empty)
{
    border-bottom: 1px solid #B5B5B5;
}
.web_offer_spec_com_general > div:not(.web_offer_empty),.web_offers_list_container .web_offer > div
{
    padding: 10px;
    height: 45px;
}
.web_offer_spec_com,.web_offer_spec_com_details{display: none;}

.web_offer_spec_com_details .spec_com_cat > div:not(:first-child)
{
    border-bottom: 1px solid #B5B5B5;
}
.web_offer_spec_com_details .spec_com_cat > div:not(:first-child),
.web_offer_spec_com .spec_com_cat > div
{
    padding: 10px;
    height: 45px;
}

.web_offer_spec_com .spec_com_cat:not(:last-child),
.web_offer_spec_com_details .spec_com_cat:not(:last-child)
{
    margin-bottom: 30px;
}

.web_offer_spec_com_general > div:first-child,.web_offers_list_container .web_offer > div:first-child
{
    border-radius: 6px 6px 0px 0px;
}
.web_offer_spec_com_general > div:last-child,.web_offers_list_container .web_offer > div:not(.offer_order_price):last-child
{
    border-radius: 0px 0px 6px 6px ;
}


.offer_order_price .btn_web_order_small_screen
{
    display: none;
}

.btn_web_infos_big_screen
{
    transition: transform 0.5s;
}

.btn_web_infos_big_screen:hover
{
    /*transform: translateX(10px) translateY(10px);*/
}
.div_offer_mores_info
{
    padding: 8px !important;
}

.web_offer .offer_order_price,
.web_offer_spec_com .offer_order_price
{
    background: #0E0F21 !important;
    color: #fafafa;
    padding: 15px !important;
    border-radius: 0px 0px 10px 10px;
    height: 120px !important;
}

.web_offer .offer_order_price .web_offer_price,
.web_offer_spec_com .offer_order_price .web_offer_price
{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 22px;

}
.web_offer .offer_order_price .web_offer_vat,
.web_offer_spec_com .offer_order_price .web_offer_vat
{
    text-align: right;
    margin-right: 15px;
    font-size: 14px;
}
.web_offer .offer_order_price .web_offer_order,
.web_offer_spec_com .offer_order_price .web_offer_order
{
    margin-top: 10px;
}

.web_offer .offer_order_price .web_offer_order a,
.web_offer_spec_com .offer_order_price .web_offer_order a
{
    width: 100% !important;
}
.web_offers_spec_top .web_offer_spec_com_general > div:last-child
{
    height: 120px !important;
}

.web_offers_spec_top .web_offer_spec_com_general,
.web_offers_list_container .flex-child .web_offer
{
    margin-bottom: 30px;
}



.web_offer_spec_com .spec_com_cat .spec_com_header_spacer
{
    background: transparent !important;
}

.web_offer_spec_com .spec_com_cat div.rounded_top
{
    border-radius: 6px 6px 0px 0px;
}
.web_offer_spec_com .spec_com_cat div.rounded_bottom
{
    border-radius:  0px 0px 6px 6px;
}

.spec_com_cat.spec_com_cat_last{
    margin-bottom: 0px !important;
}

.web_offer_spec_com_details > div > div:first-child h4
{
    font-size: 16px;
    color: #EF7100;
    height: 45px;
    padding: 10px;
    border-bottom: 1px solid #B5B5B5;
}

.mutu_header_back {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 130px;
    padding: 0px;
    border-radius: 6px 6px 0px 0px;
    top: 58px;
}

.mutu_header_back[data-offer-id='195']
{
    background-image: url("../images/mutu/mutu_back_195_x2.webp") !important;
}

.mutu_header_back[data-offer-id='196']
{
    background-image: url("../images/mutu/mutu_back_196_x2.webp") !important;
}


.mutu_header_back[data-offer-id='197']
{
    background-image: url("../images/mutu/mutu_back_197_x2.webp") !important;
}

.mutu_header_back[data-offer-id='198']
{
    background-image: url("../images/mutu/mutu_back_198_x2.webp") !important;
}


.mutu_header_back[data-offer-id='199']
{
    background-image: url("../images/mutu/mutu_back_199_x2.webp") !important;
}

.web_offer_asterisk_list
{
    margin: 20px 10px;
    display: flex;
    flex-flow: column;
    gap: 10px;
    font-size: 11px;
}

.shd_services_included_container{
    display: flex;
    flex-flow:column;
    color: #FAFAFA;
    margin: 50px 0px;
}

.shd_listing_services_container
{
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.shd_service_card
{
    width: calc(33% - 15px);
    border: solid 2px #06A7E0;
    padding: 10px 25px;
}
.shd_service_card .shd_service_top_img
{
    height: 60px;
    margin: 15px 0px;
}
.shd_service_card .shd_service_description_title
{
    font-weight: 800;
    color: #06A7E0;
    padding: 5px 0px;
    font-size: 18px;
}
.shd_service_card .shd_service_top_img
{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.shd_service_card.shd_service_card_free_domain .shd_service_top_img
{
    background-image: url("../images/mutu/shd_services_include_free_domain.png");
}
.shd_service_card.shd_service_card_tech .shd_service_top_img
{
    background-image: url("../images/mutu/shd_services_include_tech.png");
}
.shd_service_card.shd_service_card_ssl .shd_service_top_img
{
    background-image: url("../images/mutu/shd_services_include_ssl.png");
}
.shd_service_card.shd_service_card_easy_install .shd_service_top_img
{
    background-image: url("../images/mutu/shd_services_include_easy_install.png");
}

.shd_service_card.shd_service_card_web_app_compatible .shd_service_top_img
{
    background-image: url("../images/mutu/shd_services_include_web_app_compatible.png");
}

.shd_service_card.shd_service_card_easy_update .shd_service_top_img
{
    background-image: url("../images/mutu/shd_services_include_easy_update.png");
}

.shd_client_area_services_container, .shd_service_domain_container
{
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    margin: 20px 0px;
    gap: 25px;
}

.shd_client_area_args_container .shd_client_area_args_title,
.shd_service_domain_args_card .shd_service_domain_args_title
{
    font-weight: 800;
    color: #0fa5df;
    padding: 5px 0px;
    font-size: 16px;
}

.shd_client_area_services_container .shd_client_area_img,
.shd_service_domain .shd_service_domain_img
{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.shd_client_area_services_container .shd_client_area_img
{
    background-image: url("../images/mutu/shd_client_area_login_img.webp");
}
.shd_service_domain .shd_service_domain_img
{
    background-image: url("../images/mutu/shd_client_area_img.webp");
}
.shd_client_area_args_container
{
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    gap: 25px;
    padding: 0px 25px;
}

.shd_client_area_services_container .shd_client_area_img,
.shd_client_area_services_container .shd_client_area_args_container,
.shd_service_domain .shd_service_domain_img,
.shd_service_domain .shd_service_domain_container
{
    width: calc(50% - 25px);
}

.shd_service_ssl_container
{
    margin: 20px 0px 20px 0px;
}

.shd_service_ssl_img
{
    width: 100%;
    height: 220px;
    border: 1px solid red;
}

.shd_service_domain
{
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
    margin-top: 15px;
}

.div_phpsql_cms_args
{
    color: #fff;
}

.div_phpsql_cms_args .div_arg_cms .h2_barre h2
{
    text-transform: uppercase;
    color: #fafafa;
}


.div_phpsql_cms_args .div_arg_cms_txt_top_define
{
    font-weight: 700;
}

.div_phpsql_cms_args .div_arg_cms_horizontal_infos
{
    background: #fff;
    height: 90px;
    margin: 30px 0px;
    border-radius: 55px;
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
}
.div_phpsql_cms_args .div_arg_cms_img_bottom
{
    border-radius: 55px;
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    width: 80%;
    margin: 0Px 0px 0px 40px;
}

.div_phpsql_cms_args .div_arg_cms_infos
{
    width: 20%;
}

.div_phpsql_cms_args .div_arg_cms_infos .btn_web_cms_more_infos
{
    background:#F8794D;
    color:#fafafa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:16px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
    width: 100%;
    margin:0;
    border-radius: 55px;
    height: 100%;
    text-transform: uppercase;
}

.div_phpsql_cms_args .div_arg_cms_infos .btn_web_cms_more_infos:hover
{
    background:#F86534 !important;
}

.div_phpsql_cms_args .div_arg_cms_img_bottom img
{
    align-self: center;
    flex: 0 0 auto;
    height: 70px;
}

.div_arg_cms_bottom_quick_setup {
    background-color: #011320;
    padding: 35px;
    border-radius: 15px;
    margin: 40px 0px;
    background-image: url("../images/mutu/shd_cms_wordpress_watermark.png");
    background-size: 40%;
    background-repeat: no-repeat;
    background-position-x: right -105px;
    background-position-y: top -30px;
}
.cms_quicksetup_first_title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.cms_quicksetup_second_title {
    font-size: 16px;
    color: #1ca9e0;
    font-weight: 700;
    text-transform: uppercase;
}
.cms_quicksetup_args {
    margin-top: 20px;
}
.cms_quicksetup_action_container {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    padding: 50px 0px 30px 0px;
    width: 100%;
    justify-content: space-around;
}

.quick_setup_action_card {
    display: flex;
    flex-wrap: nowrap;
    flex-flow: row;
}
.quick_setup_action_nb {
    padding: 10px;
    font-size: 32px;
}

.quick_setup_action_card
{
    width: calc(25% - 10px);
    border-radius: 15px;
    align-items: center;
    padding: 10px;
}

.quick_setup_action_card[data-action-step='1']
{
    background: #013557;
}
.quick_setup_action_card[data-action-step='2']
{
    background: rgba(1, 52, 87, 0.6);
}
.quick_setup_action_card[data-action-step='3']
{
    background: rgba(1, 52, 87, 0.3);
}

.quick_setup_action_card[data-action-step='4']
{
    background:#F8794D;
    color:#fafafa;
}

.quick_setup_action_card[data-action-step='4']:hover
{
    background:#F86534 !important;
}

.quick_setup_action_button {
    background: #F8794D;
    width: 300px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 30px;
}

.quick_setup_action_button:hover
{
    background:#F86534 !important;
    cursor:pointer;
}


.shd_service_ssl_offers_container
{
    display: flex;
    flex-flow: row;
    color: #fafafa;
    padding: 40px 0px;
    gap: 40px;
}

.shd_service_ssl_offers_args
{
    width: calc(40% - 20px);
}

.shd_service_ssl_offers_list
{
    width: calc(60% - 20px);
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: space-around;
}

.ssl_offer_card {
    display: flex;
    flex-direction: column;
    border: 1px solid #FAFAFA;
    width: calc(50% - 20px);
    padding: 25px;
}

.ssl_offer_card .ssl_offer_description
{
    margin: 25px 0px;
    height: 70px;
}
.ssl_offer_card .ssl_offer_price
{
    margin: 10px  0px 25px 0px;
}

.shd_service_ssl_offers_args_card
{
    display: flex;
    flex-flow: column;
    border-left: #06A7E0 8px solid;
    padding: 10px;
}
.shd_service_ssl_offers_args_card .ssl_offers_args_title
{
    font-size: 18px;
    font-weight: 700;
    padding: 0px 0px 10px 0px;
    color: #06A7E0;
    text-transform: uppercase;
}

.shd_service_ssl_offers_args_card .ssl_offers_args_sub_title {
    font-size: 16px;
    font-weight: 700;
    padding: 0px 0px 10px 0px;
}
.ssl_offer_card .ssl_offer_img
{
    height: 140px;
    background-size: 190px;
    background-repeat: no-repeat;
    background-position: center;
}
.ssl_offer_card.offer_wild_card .ssl_offer_img
{
    background-image: url("../images/mutu/shd_ssl_offers_card_wildcard.png");
}

.ssl_offer_card.offer_main_domain .ssl_offer_img
{
    background-image: url("../images/mutu/shd_ssl_offers_card_ev.png");
}

.ssl_offer_card .ssl_offer_price
{
    display: flex;
    flex-flow: column;
    justify-content: end;
}
.ssl_offer_card .offer_price_amount_container {
    display: flex;
    flex-flow: row;
    text-align: right;
    justify-content: flex-end;
}
.ssl_offer_card .offer_price_from {
    margin-right: 50px;
    font-size: 14px;
    text-align: right;
}
.ssl_offer_card .offer_price_amount {
    font-size: 24px;
    font-weight: 800;
}
.ssl_offer_card .offer_price_amount_container {
    align-items: self-end;
}

.ssl_offer_card .btn_web_ssl_contact
{
    background:#F8794D;
    color:#fafafa;
    cursor: pointer;
    display: inline-block ;
    font-size:16px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
    width: 100%;
    margin:0;
    border-radius: 3px;
}

.ssl_offer_card .btn_web_ssl_contact:hover{background:#F86534 !important;}

#avancement{height:70px;display: flex;justify-content: center;}
#avancement_1{background: url(../images/vps/chiffre1.png) no-repeat 45px center;padding-left: 75px;margin-right: 100px;}
#div_avancement_barre_1{margin-right:50px;margin-left:50px;}
#avancement_2{background: url(../images/vps/chiffre2.png) no-repeat 0px center;padding-left: 30px;}
.div_avancement_barre{background:url(../images/vps/barre_avancement.png) repeat-x;margin:0 20px;flex:none;}


.shd_services_options_container
{
    color: #fafafa;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 40px;
    padding: 40px 0px;
}

.shd_services_options_container .shd_service_option_card
{
   background-color: #011C2E;
}
.shd_services_options_container .shd_service_option_card .shd_option_header
{
    border: 2px solid #EF7914;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    padding: 10px;
    align-items: center;
}
.shd_service_option_card .shd_option_header .option_header_name_img
{
    display: flex;
    flex-flow: row;
    width: 70%;
    align-items: center;
}
.shd_service_option_card .shd_option_header .option_header_price
{
    width: 30%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.shd_service_option_card .shd_option_header .option_header_img
{
    width: 50px;
    height: 50px;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px 10px 0px 10px;
}
.shd_service_option_card.option_ticket_plus .shd_option_header .option_header_img
{
    background-image: url("../images/mutu/shd_services_option_ticket_plus.png");
}
.shd_service_option_card.option_snapshot .shd_option_header .option_header_img
{
    background-image: url("../images/mutu/shd_services_option_snapshot.png");
}
.shd_service_option_card.option_infogerency .shd_option_header .option_header_img
{
    background-image: url("../images/mutu/shd_services_option_infogerency.png");
}
.shd_services_options_container .shd_service_option_card .shd_option_bottom_description
{
    padding: 10px 0px;
    height: auto;
}

.shd_services_options_container .shd_service_option_card
{
    width: calc(50% - 20px);
}
.shd_services_options_container .shd_service_option_card .shd_option_bottom
{
    padding: 20px ;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: auto;
}

.div_arg_cms_bottom_quick_setup .div_arg_cms_bottom_quick_setup_args
{
    width: 70%;
}
.shd_service_option_card .shd_option_bottom_btn
{
    margin-top: 15px;
}

.shd_service_option_card .option_header_price
{
    color: #EF7914;
}

.shd_service_option_card .option_header_price .option_header_price_amount
{
    font-size: 18px;
    font-weight: 800;
}

.shd_service_option_card .btn_web_option_more_infos
{
    background:#F8794D;
    color:#fafafa;
    display: inline-block ;
    font-size:16px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
    width: 100%;
    margin:0;
    border-radius: 3px;
}

.shd_web_app_techno_container
{
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 30px;
}
.shd_web_app_techno_container .shd_web_app_techno_card
{
    width: calc(50% - 20px);
    background-color: #F2F7FF;
    margin: 10px;
    display: flex;
    flex-flow: column;
    padding: 20px;
    height: auto;
    border-radius: 6px;
}
.shd_web_app_techno_card .techno_card_img
{
    background-size: 120px;
    background-position: center;
    background-repeat: no-repeat;
    height: 95px;
}
.shd_web_app_techno_card.techno_php .techno_card_img
{
    background-image: url('../images/mutu/shd_techno_php.png');
}
.shd_web_app_techno_card.techno_mysql .techno_card_img
{
    background-image: url('../images/mutu/shd_techno_mysql.png');
}

.div_f_width_mutu {
    padding: 20px;
    background-color: #000c;
    margin-bottom: 40px;
}

.infrastructure_img
{
    margin-bottom: 20px;
}

.fa.fa-question-circle.shd_tooltips
{
    margin-left: 10px;
}

[data-tooltip] {
    position: relative;
    cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after {
    line-height: 1;
    font-size: .9em;
    pointer-events: none;
    position: absolute;
    box-sizing: border-box;
    display: none;
    opacity: 0;
    filter: drop-shadow(1px 1px 1px #000000);
}
[data-tooltip]:before {
    content: "";
    border: 5px solid transparent;
    z-index: 100;
}
[data-tooltip]:after {
    content: attr(data-tooltip);
    text-align: left;
    min-width: 3em;
    width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 8px;
    border-radius: 4px;
    background: #F7F7F9;
    color: #2E304A;
    z-index: 99;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    opacity: 1;
}
[data-tooltip]:not([data-flow])::before,
[data-tooltip][data-flow="top"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #F7F7F9;
}
[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::after {
    bottom: calc(100% + 10px);
}
[data-tooltip]:not([data-flow])::before, [tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::before,
[data-tooltip][data-flow="top"]::after {
    left: 50%;
    -webkit-transform: translate(-50%, -4px);
    transform: translate(-50%, -4px);
}
[data-tooltip][data-flow="bottom"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #F7F7F9;
}
[data-tooltip][data-flow="bottom"]::after {
    top: calc(100% + 5px);
}
[data-tooltip][data-flow="bottom"]::before, [data-tooltip][data-flow="bottom"]::after {
    left: 50%;
    -webkit-transform: translate(-50%, 8px);
    transform: translate(-50%, 8px);
}
[data-tooltip][data-flow="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #F7F7F9;
    left: calc(0em - 5px);
    -webkit-transform: translate(-8px, -50%);
    transform: translate(-8px, -50%);
}
[data-tooltip][data-flow="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    -webkit-transform: translate(-8px, -50%);
    transform: translate(-8px, -50%);
}
[data-tooltip][data-flow="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #F7F7F9;
    right: calc(0em - 5px);
    -webkit-transform: translate(8px, -50%);
    transform: translate(8px, -50%);
}
[data-tooltip][data-flow="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    -webkit-transform: translate(8px, -50%);
    transform: translate(8px, -50%);
}
[data-tooltip=""]::after, [data-tooltip=""]::before {
    display: none !important;
}

.spec_com_cat i.fa
{

}


@media only screen and (max-width: 1320px)
{
    #info_srv{width:100%;}
    #liste_dom{ width: 1040px ;}
    .caract_connect , .caract_us { width: 18% !important}
    .caract_container_team_only .one_caract{ height: auto;}
    .caract_container_team_only .one_caract:last-of-type{ margin-bottom: 20px;}
    #inner_carousel{width:1060px !important;;}
    #pname {background: url(../images/mutu/header-web-new2-1320.jpg) no-repeat top center}
    .caract_container_service_mutu .one_caract:last-child .one_caract_title p{ line-height: 25px;}
    .caract_container_service_mutu .one_caract:first-child .one_caract_title p {}
    #pname_expli_container{width: 960px}
    div.caract_container div.one_caract:nth-child(3) .one_caract_title { line-height: 30px}
    div.caract_container div.one_caract:nth-child(1) .one_caract_title { line-height: 30px}

    .mutu_header_back
    {
        height: 108px !important;
    }
    .web_offers_spec_top .web_offer_empty
    {
        height: 109px !important;
    }
    .div_arg_cms_bottom_quick_setup {
        background-position-x: right -85px;
        background-position-y: top -20px;
    }
    .shd_services_options_container .shd_service_option_card .shd_option_bottom_description
    {
        height: 90px;
    }
}

@media (max-width: 1080px)
{
    .inner_div_double_and_one > div:nth-child(1),.inner_div_double_and_one > div:nth-child(2){width:100% !important; }
    #liste_dom{ width: 790px ;}
    .caract_container {width:100%;justify-content: flex-start}
    .caract_connect , .caract_us { width: 30% !important}
    .caract_connect_container{ justify-content: flex-start}
    .caract_container_team .one_caract { width: 50%; padding: 5px }
    .caract_container_team_only .one_caract{ margin-bottom: 25px;}
    #inner_carousel{width:810px !important;}
    #pname {background: url(../images/mutu/header-web-new2-1080.jpg) no-repeat top center}
    #pname_expli_container {width: 790px;}
    #pname_expli_container h1{font-size: 34px}
    div.caract_container div.one_caract:nth-child(3) .one_caract_title { line-height: 60px}
    div.caract_container div.one_caract:nth-child(1) .one_caract_title { line-height: 30px}

    .shd_service_card
    {
        width: calc(50% - 15px);
        padding: 10px 25px;
    }

    .web_offers_spec_top
    {
        display: none;
    }

    .mutu_header_back
    {
        height: 67px !important;
    }

    .web_offer .spec_d_name_resp, .web_offer_spec_com .spec_d_name_resp{display: block !important;font-weight: normal !important;}
    .web_offer_spec_com_general > div:not(.web_offer_empty), .web_offers_list_container .web_offer > div
    {
        min-height: 60px;
        height: auto;
    }
    .web_offer_spec_com_details .spec_com_cat > div:not(:first-child), .web_offer_spec_com .spec_com_cat > div
    {
        min-height: 60px;
        height: auto;
    }

    .web_offers_container_top{overflow: auto}
    .web_offers_list_container{gap: 5px;width:auto;max-width: inherit;font-weight: 700 !important;}
    .web_offers_list {width: auto;}
    .web_offers_list .flex-child {width: 215px !important;}
    .web_offer_spec_com .spec_com_cat .spec_com_header_spacer {display: none;}
    .mutu_header_back {top: 0;height: 156px !important;}

    .shd_client_area_services_container
    {
        flex-flow: column;
    }

    .shd_service_domain
    {
        flex-flow: column-reverse;
    }

    .shd_client_area_services_container .shd_client_area_img,
    .shd_client_area_services_container .shd_client_area_args_container,
    .shd_service_domain .shd_service_domain_img,
    .shd_service_domain .shd_service_domain_container
    {
        width: 100%;
    }
    .shd_service_domain .shd_service_domain_img,
    .shd_client_area_services_container .shd_client_area_img
    {
        height: 350px;
    }

    .shd_service_ssl_offers_container
    {
        flex-flow: column;
        padding: 30px 0px;
    }

    .shd_service_ssl_offers_args, .shd_service_ssl_offers_list
    {
        width: 100%;
    }
    .div_phpsql_cms_args .div_arg_cms_img_bottom
    {
        flex-wrap: wrap;
        gap: 10px;
        margin: 0;
        padding: 10px;
    }
    .div_phpsql_cms_args .div_arg_cms_img_bottom img
    {
        height: 85px;
    }
    .div_phpsql_cms_args .div_arg_cms_horizontal_infos
    {
        height: 100%;
        flex-flow: column;
    }
    .div_arg_cms_horizontal_infos .div_arg_cms_img_bottom, .div_arg_cms_horizontal_infos .div_arg_cms_infos
    {
        width: 100%;
    }
    .div_phpsql_cms_args .div_arg_cms_infos .btn_web_cms_more_infos
    {
        height: 60px;
    }
    .div_arg_cms_bottom_quick_setup {
        background-size: 45%;
        background-position-x: right -70px;
        background-position-y: top -20px;
    }
    #div_box_gamme2 {overflow-x: auto;}
    #div_box_gamme2 > div {min-width:161px;}

    .cms_quicksetup_action_container
    {
        gap: 20px 10px;
    }

    .quick_setup_action_card
    {
        justify-content: center;
        width: calc(50% - 10px);
    }
    .quick_setup_action_description
    {
        width: 160px;
    }
    .quick_setup_action_nb
    {
        width: 60px;
    }

    .shd_service_option_card .shd_option_header .option_header_name_img
    {
        width: 60%
    }
    .shd_service_option_card .shd_option_header .option_header_price
    {
        width: 40%;
    }

    .shd_services_options_container .shd_service_option_card .shd_option_bottom_description
    {
        height: 135px;
    }
    .div_phpsql_cms_args .div_arg_cms_horizontal_infos
    {
        border-radius: 30px;
    }
    #pname_expli_container h1, #pname_expli_container h1 span{font-size: 34px;}

}
@media (max-width: 840px) {

    #liste_dom{ width: 639px ;}
    #pname_expli_container{ margin-top: 20px;}
    #pname_expli_container h1{ font-size: 25px}
    #pname_expli_container p {width: 455px}
    #cat_accueil{ flex-flow: column;}
    .div_cat_accueil{ width: 100%;margin: 0;}
    #web_offer_describ { padding: 0px;}
    .caract_container_service_mutu .one_caract { width: 100%; height: auto; margin: 10px 0}
    .caract_container_service_mutu .one_caract_txt { height: auto;}
    #inner_carousel{width:659px !important;;}
    #pname {background: url(../images/mutu/header-web-new2-840.jpg) no-repeat top center}
    .caract_container_service_mutu .one_caract:first-child .one_caract_title p{ line-height: 60px;}
    #pname_expli .txt_22 { font-size: 16px !important;}
    #pname_photo_father {height: 232px}
    /*#div_box_gamme2 {flex-wrap: wrap;}*/
    /*#div_box_gamme2 > div {width:calc(calc(100% - 20px) / 3);}*/

    .shd_listing_services_container
    {
        flex-flow: column;
    }
    .shd_service_card
    {
        width: 100%;
        padding: 10px 25px;
    }
    .mutu_header_back {height: 156px !important;}

    .div_arg_cms_bottom_quick_setup {
        background-size: 60%;
        background-position-x: right -80px;

    }
    .cms_quicksetup_action_container
    {
        flex-wrap: wrap;
        gap: 15px;
    }
    .cms_quicksetup_action_container .quick_setup_action_card
    {
        width: calc(33% - 10px);
    }
    .cms_quicksetup_action_container .quick_setup_action_button
    {
        width: 100%;
        margin: 15px 0px;
        height: 60px;
    }
    .cms_quicksetup_action_container
    {
        justify-content: space-evenly;
    }
    .cms_quicksetup_action_container .quick_setup_action_card
    {
        width: calc(50% - 10px);
    }

    .shd_services_options_container
    {
        flex-flow: column;
        flex-wrap: wrap;
    }
    .shd_services_options_container .shd_service_option_card {
        width: 100%;
    }
    .shd_services_options_container .shd_service_option_card .shd_option_bottom_description {
        height: auto;
    }
    .shd_service_option_card .shd_option_header .option_header_name_img,
    .shd_service_option_card .shd_option_header .option_header_price
    {
        width: 100%;
    }

    .shd_services_options_container .shd_service_option_card .shd_option_header {
        flex-flow: column;
        flex-wrap: wrap;
    }

    .shd_web_app_techno_container
    {
        flex-flow: column;
        flex-wrap: wrap;
        gap: 10px;
    }
    .shd_web_app_techno_container .shd_web_app_techno_card {
        width: 100%;
    }
    #pname_expli_container h1, #pname_expli_container h1 span{font-size: 25px;}
}
@media (max-width: 680px)
{
    #pname_expli_container h1, #pname_expli_container h1 span{font-size: 20px;}
    #pname { background-size: cover !important; }
    #pname_expli_container {width: 460px}
    #pname_expli_container h1{ font-size: 20px !important;}
    h1{font-size:26px !important;}
    .caract_container_team .one_caract { width: 100%; padding: 5px }
    #add_basket_mut{height:60px;line-height:initial;padding-top:8px;}
    #ancre_resp_dom h2{line-height: 27px;}
    #liste_dom{ width: 450px ;}
    .caract_connect , .caract_us { width: 45% !important}
    #inner_carousel{width:470px !important;;}
    #pname {background: url(../images/mutu/header-web-new2-680.jpg) no-repeat top center}
    #pname_expli .txt_22 { font-size: 14px !important;}
    #pname_photo_father {height: 255px}
    .pname_photo,#pname_photo_father {height: 255px}
    /*#div_box_gamme2 > div {width:calc(calc(100% - 10px) / 2);}*/
    #div_select_month_mutu{width:110px !important;}
    #select_month_mutu{width:110px !important;}
    #table_list_option_duration_mutu tr td:nth-child(3){width:110px !important;}

    .hosting_panel_args .hosting_panel_arg_container{flex-direction: column;}
    .div_phpsql_cms_args .div_arg_phpsql_img_middle {flex-direction: column;align-items: center;}
    .mutu_header_back{height: 156px !important;}

    .shd_service_ssl_offers_list
    {
        flex-flow: column;
    }
    .ssl_offer_card
    {
        width: 100%;
    }

    .div_phpsql_cms_args .div_arg_cms_img_bottom img
    {
        height: 110px;
    }
    .div_phpsql_cms_args .div_arg_cms_img_bottom
    {
        padding: 15px;
    }

    .cms_quicksetup_action_container .quick_setup_action_card
    {
        width: 100%;
    }

}
@media (max-width: 480px)
{

    .pname_photo, #pname_photo_father {
        height: 260px !important;
    }
    #pname_expli_container {width: 310px; margin-top: 10px}
    #pname_expli .txt_22 { font-size: 12px !important;}
    #pname_expli_container h1 {font-size: 18px; width: 280px; text-align: center}
    #pname_expli_container p { width: 280px; text-align: center}
    .caract_connect , .caract_us { width: 100% !important}
    h1{font-size:22px !important;}
    .txt_cat_accueil{height:auto !important;}
    #add_basket_mut{font-size:14px;}
    #ancre_resp_dom h2{font-size:15px !important;line-height: 25px;}
    #liste_dom{ width: 310px ;}
    .div_img_cat_accueil img{ width: 280px }
    #inner_carousel{width:330px !important;;}
    #pname {background: url(../images/mutu/header-web-new2-480.jpg) no-repeat top center}
    .caract_container_service_mutu .one_caract:first-child .one_caract_title p{ line-height: 25px;}
    .pname_photo, #pname_photo_father { height: 158px;  }
    /*#div_box_gamme2 > div {width:100%;}*/


}