:root {
  --color-dark-blue: #1c252d;
  --color-dark-grey: dimgray;
  --color-principal: #d00017; /* #db001c */
  --color-box-btn: rgba(208, 0, 23, .7);
  --font-global: "Raleway", sans-serif;
}

body{ font-family: 'Raleway', sans-serif; }

@font-face{
  font-family: 'DKBlackBamboo';
  src: url('fonts/dk_black_bamboo.eot?') format('eot'), url('fonts/dk_black_bamboo.woff2') format('woff2'), url('fonts/dk_black_bamboo.woff') format('woff'), url('fonts/dk_black_bamboo.ttf') format('truetype'), url('fonts/dk_black_bamboo.svg#DKBlackBamboo') format('svg');
}

@font-face{ font-family: 'Oswald-Light'; src: url('fonts/Oswald-Light.ttf') format('truetype'); }
@font-face{ font-family: 'Oswald-Regular'; src: url('fonts/Oswald-Regular.ttf') format('truetype'); }
@font-face{ font-family: 'Oswald-Medium'; src: url('fonts/Oswald-Medium.ttf') format('truetype'); }
@font-face{ font-family: 'Oswald-Bold'; src: url('fonts/Oswald-Bold.ttf') format('truetype'); }
@font-face{ font-family: 'RobotoCondensed-Bold'; src: url('fonts/RobotoCondensed-Bold.ttf') format('truetype'); }
@font-face{ font-family: 'RobotoCondensed-Regular'; src: url('fonts/RobotoCondensed-Regular.ttf') format('truetype'); }

.font-red{ color: var(--color-principal); }
.font-white{ color: #ffffff; }
/*.font_Oswald-Light{ font-family: 'Oswald-Light', sans-serif; }
.font_Oswald-ExtraLight{ font-family: 'Oswald-ExtraLight', sans-serif; }
.font_Oswald-Regular{ font-family: 'Oswald-Regular', sans-serif; }
.font_Oswald-Medium{ font-family: 'Oswald-Medium', sans-serif; }
.font_Oswald-Bold{ font-family: 'Oswald-Bold', sans-serif; }
.font_RobotoCondensed-Bold{ font-family: 'RobotoCondensed-Bold', sans-serif; }
.font_RobotoCondensed-Regular{ font-family: 'RobotoCondensed-Regular', sans-serif; }*/
.font_OpenSans{ font-family: 'Open Sans', Arial, Verdana, sans-serif; }

/* RESET */
.img-fluid img {
    max-width: 100%;
}
.wpcf7-form .form-group p{ margin: 0; }
.wpcf7-form .form-group{ margin-bottom: 7px; }
.wpcf7-form .form-group label{ font-weight: normal; }

.wpcf7-form .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

.padding-checkbox input {
    margin-right: 5px;
}

@media (min-width: 768px) {
    .wpcf7-form .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}

.ui-tabs .ui-tabs-panel{ padding: 0; }
.form-group{ overflow: hidden; }
.pointer{ cursor: pointer; }
input:-moz-read-only { background: #e1e1e1; }
input:read-only { background: #e1e1e1; }

.has-error label{ color: #a94442; }

.alignleft{ float: left; margin: 0 15px 15px 0; }
.alignright{ float: right; margin: 0 0 15px 15px; }

/* EMMA */
.div_emma{ overflow: hidden; }
div.LivingActorACallButton{ margin: auto !important; }
div.LivingActorACallButton ul{ padding-left: 0; }

/* EYE INPUT */
.input_width_eye{ position: relative; }
.input_width_eye input::-ms-clear, .input_width_eye input::-ms-reveal{ display: none; }
.input_width_eye .eye_input{ position: absolute; top: 5px; right: 10px; cursor: pointer; }
.input_width_eye .eye_input img{ height: 35px; }

/* DIVERS */
.bold{ font-weight: bold; }
.display_inline_block{ display: inline-block; }
.display_inline{ display: inline; }
.clear_both{ clear: both; }
.clear{ clear: both; height: 0; overflow: hidden; /* Précaution pour IE 7 */}
.line_heigh14{ line-height: 14px; }
.line_heigh17{ line-height: 17px; }
.line_heigh20{ line-height: 20px; }
.line_heigh23{ line-height: 23px; }
.font_size10{ font-size: 10px; }
.font_size11{ font-size: 11px; }
.font_size12{ font-size: 12px; }
.font_size13{ font-size: 13px; }
.font_size14{ font-size: 14px; }
.font_size15{ font-size: 15px; }
.font_size16{ font-size: 16px; }
.font_size17{ font-size: 17px; }
.font_size18{ font-size: 18px; }
.font_size20{ font-size: 20px; }
.font_size21{ font-size: 21px; }
.font_size22{ font-size: 22px; }
.font_size24{ font-size: 24px; }
.font_size25{ font-size: 25px; }
.font_size27{ font-size: 27px; }
.font_size30{ font-size: 30px; }
.font_size32{ font-size: 32px; }
.font_size34{ font-size: 34px; }
.font_size35{ font-size: 35px; }
.font_size36{ font-size: 36px; }
.font_size40{ font-size: 40px; }
.cursor_pointer{ cursor: pointer; }
.uppercase{ text-transform: uppercase; }
iframe{ max-width: 100% !important; }

.couleur_noir{ color: black; }
.couleur_blanc{ color: #FFF !important; }
.couleur_violet{ color: var(--color-principal); }
.couleur_violet2{ color: #73508d; }
.couleur_grise{ color: #6d7186; }
.couleur_jaune{ color: #d8aa4c; }

.titre_border_bottom_violet{ border-bottom: 2px solid var(--color-principal); }
.couleur_gris{ color: #a69e9c; }
.couleur_gris_fonce{ color: #5e5e5e; }
.couleur_gris_clair{ color: #c6c6c6; }
.couleur_gris_clair2{ color: #929292; }
.couleur_rouge{ color: var(--color-principal); }
/*.couleur_jaune{ color: #f5991c; }*/
.couleur_rouge{ color: red; }
.couleur_bleu_ciel{ color: #01b3b3; }
.couleur_vert{ color: green; }
.bg_couleur_blanc{ background: #FFF; }
.bg_couleur_blanc_titre_footer { background: #FFF; }
.bg_couleur_gris_clair{ background: #f6f6f6; }
.bg_couleur_gris_clair2{ background: #e5e5e5; }
.bg_couleur_violet{ background: var(--color-principal) !important; }
.bg_couleur_gris{ background: #a69e9c; }
.bg_couleur_rouge{ background-color: var(--color-principal); }
.hover-no-decoration { text-decoration: none; }
.hover-no-decoration:hover { text-decoration: none; }
.center{ text-align: center; }
.justify{ text-align: justify; }
.block_center{ display: block; margin-right: auto; margin-left: auto; }
.left{ text-align: left; }
.right{ text-align: right !important; }
.alignright{ float: right !important; }
.f_left{ float: left !important; }
.f_right{ float: right; }
.f_weight_normal{ font-weight: normal !important; }
.strong{ font-weight: bold; }
.no_strong{ font-weight: normal; }
.no_padd{ padding: 0px !important; }
.no_marg{ margin: 0px !important; }
.padd4{ padding: 4px; }
.padd5{ padding: 5px !important; }
.padd7{ padding: 7px; }
.padd10{ padding: 10px; }
.padd15{ padding: 15px; }
.padd20{ padding: 20px; }
.padd25{ padding: 25px; }
.marged10{ margin: 10px; }
.row-bigger-x-margin { margin-right: 110px; margin-left: 110px; }
.row-bigger-x-margin-desktop-only { margin-right: 110px; margin-left: 110px; }
#alertpaiementkbis{ padding: 0 !important; }

.padd5top{ padding-top: 5px; }
.padd8top{ padding-top: 8px; }
.padd10top{ padding-top: 10px; }
.padd11top{ padding-top: 11px; }
.padd15top{ padding-top: 15px; }
.padd20top{ padding-top: 20px; }
.padd25top{ padding-top: 25px; }
.padd30top{ padding-top: 30px; }
.padd35top{ padding-top: 35px; }
.padd40top{ padding-top: 40px; }
.padd50top{ padding-top: 50px; }
.padd55top{ padding-top: 55px; }
.padd60top{ padding-top: 60px; }
.padd65top{ padding-top: 65px; }
.padd75top{ padding-top: 75px; }
.padd80top{ padding-top: 80px; }

.padd5bot{ padding-bottom: 5px; }
.padd8bot{ padding-bottom: 8px; }
.padd10bot{ padding-bottom: 10px; }
.padd15bot{ padding-bottom: 15px; }
.padd20bot{ padding-bottom: 20px; }
.padd25bot{ padding-bottom: 25px; }
.padd30bot{ padding-bottom: 30px; }
.padd35bot{ padding-bottom: 35px; }
.padd45bot{ padding-bottom: 45px; }
.padd50bot{ padding-bottom: 50px; }
.padd55bot{ padding-bottom: 55px; }
.padd60bot{ padding-bottom: 60px; }
.padd65bot{ padding-bottom: 65px; }
.padd70bot{ padding-bottom: 70px; }
.padd75bot{ padding-bottom: 75px; }
.padd100bot{ padding-bottom: 100px; }

.padd0right{ padding-right: 0px; }
.padd5right{ padding-right: 5px; }
.padd10right{ padding-right: 10px; }
.padd5left{ padding-left: 5px; }
.padd15left{ padding-left: 15px; }
.padd35left{ padding-left: 35px; }
.padd35right{ padding-right: 35px; }
.padd40left{ padding-left: 40px; }
.padd40right{ padding-right: 40px; }
.right_marged5{ margin-right: 5px; }
.right_marged10{ margin-right: 10px; }
.right_marged15{ margin-right: 15px; }
.top_marged3{ margin-top: 3px; }
.top_marged5{ margin-top: 5px; }
.top_marged7{ margin-top: 7px; }
.top_marged10{ margin-top: 10px; }
.top_marged15{ margin-top: 15px; }
.top_marged15_important { margin-top: 15px !important;}
.top_marged20{ margin-top: 20px; }
.top_marged25{ margin-top: 25px; }
.top_marged30{ margin-top: 30px; }
.top_marged40{ margin-top: 40px; }
.top_marged50{ margin-top: 50px; }
.top_marged60{ margin-top: 60px; }
.top_marged65{ margin-top: 65px; }
.top_marged85{ margin-top: 85px; }
.top_marged100{ margin-top: 100px; }
.bot_marged0{ margin-bottom: 0px; }
.bot_marged3{ margin-bottom: 3px; }
.bot_marged10{ margin-bottom: 10px; }
.bot_marged15{ margin-bottom: 15px; }
.bot_marged20{ margin-bottom: 20px; }
.bot_marged30{ margin-bottom: 30px; }
.bot_marged50{ margin-bottom: 50px; }
.left_marged5{ margin-left: 5px; }
.left_marged10{ margin-left: 10px; }
.left_marged15{ margin-left: 15px; }
.left_marged20{ margin-left: 20px; }
.left_marged25{ margin-left: 25px; }
.left_marged35{ margin-left: 35px; }
.vertical_align_middle{ vertical-align: middle !important; }
.no_border_radius{ border-radius:0; }
textarea{ resize: none; }
img.size-full{ max-width: 100%; height: auto; }
.mail_version_mobile{ display: none; }
.page_other_home.partenaire_2{ display: none; }
.navbar-header-logo{ position: relative; }
.autre_pub{ display: none; }

.navbar-collapse.collapse { padding-left: 10px; }

.entete_tableau{ background: #f6f6f6; }
.entete_tableau td, .entete_tableau th{ font-family: 'Raleway', sans-serif; }

.img_banniere_creation_compte img{ height: 100px; }
.titre_banniere_creation_compte .interieur{ padding-top: 25px; font-size: 22px; text-transform: uppercase; }
.info_banniere_creation_compte .interieur{ padding-top: 25px; font-size: 17px; }

.nav_items-separator { margin: 0px 20px; position: relative; height: 30px !important; width: 1px; background-color: white; padding: 0px !important; top: 10px;}

.lien_panier_header{ position: relative; }
.lien_panier_header a{ color: #FFF; }
.lien_panier_header a:hover{ text-decoration: none; }
.lien_panier_header .icone_panier, .lien_panier_header .icone_panier_gris{ height: 20px; margin-top: -5px; margin-right: 5px; }
.lien_panier_header .icone_panier_gris{ display: none; }
.lien_panier_header .badge_panier{ position: absolute; top: 5px; left: 22px; }

.trait{ position: absolute; top: 5px; display: block; width: 100%; z-index: 0; }
.trait_debut_violet{ left: 50%; border: 2px solid var(--color-principal); }
.trait_fin_violet{ right: 50%; border: 2px solid var(--color-principal); }
.trait_debut_gris{ left: 50%; border: 2px solid #dcdcdc; }
.trait_fin_gris{ right: 50%; border: 2px solid #dcdcdc; }
.rond_violet{ position: relative; display: inline-block; width: 15px; height: 15px; background: var(--color-principal); border: 3px solid var(--color-principal); border-radius: 15px; z-index: 100; }
.rond_blanc{ position: relative; display: inline-block; width: 15px; height: 15px; background: #ffffff; border: 3px solid var(--color-principal); border-radius: 15px; z-index: 100; }
.rond_gris{ position: relative; display: inline-block; width: 15px; height: 15px; background: #dcdcdc; border: 3px solid #dcdcdc; border-radius: 15px; z-index: 100; }

.pub_1 .top_marged15{ margin-top: 0px !important; }
video{ width: 100%; }
/*#formRecherche input.searchCarte{ height: 34px; }*/

.sans_marge_cote{ padding: 0; }
.sans_marge_cote_important { padding: 0 !important; }
/* class no-gutter à ajouter sur un .row */
.no-gutter { margin-right: 0; margin-left: 0; }
.no-gutter > [class*="col-"] { padding-right: 0; padding-left: 0;}
.marge_cote_int{ padding: 0 150px; }

@media screen and (max-width: 992px) {
    .marge_cote_int {
        padding: 0 55px;
    }
}

.marge_cote_int2{ padding: 0 185px; }
.marge_cote_creation_compte{ padding: 0 255px; }
.marge_cote_creation_compte_e2{ padding: 0 0 0 255px; }

.marge_cote_creation_compte_e2 .cadre_droite{ padding-right: 16px; }
/*.marge_cote_creation_compte_e2 .cadre_droite .cadre_contenu_violet{ background: var(--color-principal); padding: 10px 20px; text-align: center; color: #FFF; }*/
/*.marge_cote_creation_compte_e2 .cadre_droite .cadre_contenu_violet a{ text-decoration: underline; color: #FFF; }*/

.bloc_tour_gris{ border: 1px solid #efefef; padding: 20px 20px 15px 20px; font-family: 'RobotoCondensed-Regular', sans-serif !important; }
/*.bloc_info_connexion h2{ margin: 0 0 15px 0 !important; text-align: center; font-family: 'Oswald-Regular', sans-serif !important; color: #474747 !important; font-size: 20px !important; }
.bloc_info_connexion p{ font-family: 'RobotoCondensed-Regular', sans-serif !important; font-size: 16px !important; line-height: 22px !important; }
.bloc_info_connexion p strong{ fonto-family: 'RobotoCondensed-Regular', sans-serif !important; font-size: 16px !important; display: inline-block; padding-bottom: 7px; }
.bloc_info_connexion p a{ color: var(--color-principal); text-decoration: underline; }
.bloc_info_connexion p a:hover{ color: var(--color-principal); text-decoration: none; }*/

.marge_cote{ padding: 0 55px; }
.marge_cote_bis{ padding: 0 40px; }
.carousel .carousel-bot-btn-cont{ padding-left: 40px; }
.logo_espace_client{ padding-left: 34px; padding-top: 18px; }
.logo_espace_client { color: #181a25; }
.logo_espace_client:hover { text-decoration: none; color: #000000; }
.logo_espace_client span { font-family: 'Raleway'; font-size: 20px; line-height: 20px; }
.logo_espace_client > .text-first { font-weight: bold; }
.row_bouton_violet{ margin-right: 30px; margin-left: 0; }
.row_bouton_violet .carousel_side_btn_padd_left, .row_bouton_violet .carousel_side_btn_padd_right{ padding: 0; }

.max_full_width{ max-width: 100%; }
.full_width{ width: 100%; }
.width80{ width: 80%; }
.display_none{ display: none; }
.menu_display_none{ display: none !important; }
.block{ display: block !important; }
.inline_block{ display: inline-block; }
.inline{ display: inline; }
.relative{ position: relative; }
.absolute{ position: absolute; }
.ov_hidden{ overflow: hidden !important; }
.ov_auto{ overflow: auto; }
.fw700{ font-weight: 700; }
.prix_ttc{ position: absolute; bottom: 5px; left: 25px; font-size: 14px; color: var(--color-principal); }

.pub_campagne{ border: 1px solid #d0d0ce; }
.pub_bons_plans{ border: 1px solid #d0d0ce; }
.pub_pub{ border: 1px solid #d0d0ce; }
.pub_mkp{ border: 1px solid #d0d0ce; }
.ui-widget-overlay{ opacity: 0.8; }

.table td.border_d, .table th.border_d{ border-right: 1px solid #999999; }
.loader{ width:100%; height:100%; min-height:150px; background:url(images/loader.gif) center no-repeat; opacity:0.3; filter:Alpha(Opacity=30); }
.loader_ajax{ z-index: 150; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(images/loader2.gif) center no-repeat #aaaaaa; background-size: 80px; opacity: .3; filter:Alpha(Opacity=30); }

.info_societe a{ color: var(--color-principal); }
.navbar-toggle .icon-bar{ background: #ffffff; width: 27px; height: 3px; }

.fleche_haut_droite_blanc{ text-align: right; height: 17px; box-shadow: 7px 7px 2px #ff0021; }
.fleche_haut_droite_blanc div{ float: right; width: 0; height: 30px; border-style: solid; border-width: 0 0 30px 30px; border-color: transparent transparent #FFF transparent; }
.fleche_haut_droite_violet_clair{ text-align: right; height: 17px; box-shadow: 7px 7px 2px #dcdcdc; }
.fleche_haut_droite_violet_clair div{ float: right; width: 0; height: 30px; border-style: solid; border-width: 0 0 30px 30px; border-color: transparent transparent #964b92 transparent; }
.fleche_haut_droite_violet_fonce{ text-align: right; height: 17px; box-shadow: 7px 7px 2px #dcdcdc; }
.fleche_haut_droite_violet_fonce div{ float: right; width: 0; height: 30px; border-style: solid; border-width: 0 0 30px 30px; border-color: transparent transparent #571352 transparent; }
.fleche_haut_gauche_blanc{ text-align: left; height: 17px; }
.fleche_haut_gauche_blanc div{ float: left; width: 0; height: 30px; border-style: solid; border-width: 30px 0 0 30px; border-color: transparent transparent transparent #FFF; }
.fleche_haut_gauche_violet_clair{ text-align: left; height: 17px; }
.fleche_haut_gauche_violet_clair div{ float: left; width: 0; height: 30px; border-style: solid; border-width: 30px 0 0 30px; border-color: transparent transparent transparent #964b92; }
.fleche_haut_gauche_violet_fonce{ text-align: left; height: 17px; }
.fleche_haut_gauche_violet_fonce div{ float: left; width: 0; height: 30px; border-style: solid; border-width: 30px 0 0 30px; border-color: transparent transparent transparent #571352; }

.cadre_violet_fonce_g{ background: #571352; border-radius: 0px 10px 10px 10px; padding: 15px; color: #FFF; box-shadow: 7px 7px 2px #dcdcdc; }
.cadre_violet_fonce_d{ background: #571352; border-radius: 10px 0px 10px 10px; padding: 15px; color: #FFF; box-shadow: 7px 7px 2px #dcdcdc; }
.cadre_violet_clair_g{ background: #964b92; border-radius: 0px 10px 10px 10px; padding: 15px; color: #FFF; box-shadow: 7px 7px 2px #dcdcdc; }
.cadre_violet_clair_d{ background: #964b92; border-radius: 10px 0px 10px 10px; padding: 15px; color: #FFF; box-shadow: 7px 7px 2px #dcdcdc; }
.cadre_blanc_d{ background: #FFF; border-radius: 10px 0px 10px 10px; padding: 15px; color: #474747; box-shadow: 7px 7px 2px #ff0021; }
.cadre_blanc_g{ background: #FFF; border-radius: 0px 10px 10px 10px; padding: 15px; color: #474747; box-shadow: 7px 7px 2px #ff0021; }

.fleche_bas_gauche_violet_fonce{ text-align: left; height: 20px; }
.fleche_bas_gauche_violet_fonce div{ float: left; width: 0; height: 20px; border-style: solid; border-width: 20px 20px 0 0; border-color: #ff0021 transparent transparent transparent; }

.fleche_bas_gauche_rouge{ text-align: left; height: 10px; }
.fleche_bas_gauche_rouge div{ float: left; width: 0; height: 10px; border-style: solid; border-width: 10px 10px 0 0; border-color: var(--color-principal) transparent transparent transparent; }
.cadre_rouge_vente_ligne{ display: inline-block; background: var(--color-principal); color: #FFF; border-radius: 5px 5px 5px 0px; padding: 2px 5px; }

.cadre_violet_fonce .contenu_cadre{ padding:15px 100px 10px 100px; }
.cadre_violet_clair .contenu_cadre{ padding:15px 70px 10px 70px; }



/* NAVIGATION */
.a_logo_rungis{ padding-left: 45px; padding-right: 26px}
.nav_line{ border-bottom: 1px solid #efefef; }
.navbar{ margin-bottom: 0px; border: none; }
.nav-top{ height: 60px; background-color: var(--color-principal); color: white; position:fixed; top:0; width: 100%; z-index: 1000; }
.nav_top_info{ border-bottom: 1px solid #c5c5c5; border-top: 1px solid #c5c5c5; padding-top: 15px; padding-bottom: 15px; background-color: #f6f6f6; min-height: 83px; }
.nav_items{ position: relative; display: block; float: right; }
.nav_items-left {display: block; float: left;}


.nav_items div, .nav_items-left div{ display: inline-block; position: relative; text-transform: uppercase; height: 60px; line-height: 60px; padding: 0px 10px; }
.nav_items .nav-text-down-arrow{ padding: 0; }

.nav-text, .libelle_icone_panier{ font-family: Raleway; font-size: 18px; font-weight: 600; font-stretch: normal; letter-spacing: normal; }

.nav-text-down-arrow{ -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.nav-help img,
.mobile-nav-help img {
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
    left: 16px;
    height: 32px;
}

body div.LivingActor_IWindow {
    z-index: 3000 !important;
}

.fleche_retour > a > img {
    transition: .3s;
}
.nav-account-btn { border: 1px solid white; margin-right: 20px; padding: 11px 9px 8px 19px; border-radius: 8px;}
.nav-account-btn img { position: relative; top: -2px; }
.nav-account img{ height: 49px; }
.nav-account .nav-text{ color: white; }
.navbar-icon{ position: absolute; left: -25px; top: 18px; z-index: 100}
.nav_items .navbar ul li a{ line-height: 16px; margin-top: 15px; margin-right: 20px; }
.nav_items .navbar ul li a:hover{ background-color: rgba(255,255,255,0); color: #a69e9c; }
.nav-droppable ul{ list-style: none; z-index: 1001; line-height: 21px; padding: 5px 15px 15px 15px; right: 0; }
.nav-droppable:hover ul{ display: block; }
.nav-droppable ul li:hover{ color: rgba(255,255,255,0.8); }
.nav-droppable{ cursor: pointer; }
.nav-droppable ul li a{ color: white; }
.nav-droppable img { position: relative; top: -2px; }
.header-menu-hover { top: 60px; }
.header-menu-hover li { margin: 10px 12px;}
.header-menu-hover a { font-family: 'Raleway'; font-size: 16px;}

#menu_wp_big .sub-menu{ border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef; -webkit-box-shadow: 0px 5px 10px -5px #656565; -o-box-shadow: 0px 5px 10px -5px #656565; box-shadow: 0px 5px 10px -5px #656565; filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10); }
#menu_wp_big a:focus, #menu_wp_big a:hover{ color: red; text-decoration: underline; background-color: #FFF; }
.nav_rungis_wide li a:hover{ color: grey; }

#menu_wp_big .nav-item-right-mobile a:focus, #menu_wp_big .nav-item-right-mobile a:hover{ color: #FFF; text-decoration: underline; background-color: #FFF; }

.navbar-header-main{ display: inline-block; top: 20px; padding-right: 15px; padding-left: 15px; }
.navbar-header-title{ font-weight: bold; font-size: 16px; }
.navbar-header-subtitle{ font-size: 14px; }

#menu_wp_big{ position: relative; }
#menu_wp_big .nav-menu-principal{ font-size: 16px; text-transform: uppercase; margin-left: 10px; margin-top: 6px; }
#menu_wp_big .nav-menu-principal li{ position:relative; display:inline-block; }
#menu_wp_big .nav-menu-principal li.current-menu-parent{ border-bottom: 4px solid var(--color-principal); }
#menu_wp_big .nav-menu-principal li.current-menu-item{ border-bottom: 4px solid var(--color-principal); }
#menu_wp_big .nav-menu-principal li:hover{ cursor:pointer; border-bottom: 4px solid var(--color-principal); }
#menu_wp_big .nav-menu-principal li a:hover{ cursor:pointer; }

/*-- header : sous-bandeau */
.sous-bandeau-bottom-shadow{ box-shadow: 0 3px 13px 0 rgba(78, 78, 78, 0.11); z-index: 1; position: relative; }
.sous-bandeau{ z-index: 100; margin-top: 60px; }
.nav-item-right{ display: inline-block; height: 78px; margin-right: 28px; }
.nav-item-right-mobile{ display: none; height: 50px; }
.connexion-mobile{ display: none; height: 45px;}
.nav-item-right a{ display: block; height: 37px; margin-top: 20px;}
.nav-item-right a:hover{ text-decoration: none; }
.nav-item-right img, .nav-item-right div{ display: inline-block; vertical-align:top; }
.nav-item-right img{ padding-right: 2px; }
.nav-item-right .nav-item-right_nav-text{ display: block;  font-family: 'Raleway'; color: #181a25; font-size: 13px; text-transform: uppercase; font-weight: 600; }
.nav-item-right .icone_header1{ margin-left: -5px; }

#menu_wp_big .nav-menu-principal li a{ font-size: 18px; font-family: 'Raleway'; font-weight: 600; color: #181a25; text-decoration:none; display:block; padding: 25px 0px; line-height: 18px; margin: 0px 12px !important; }
#menu_wp_big .nav-menu-principal .menu_icone a { font-family: 'Raleway'; font-size: 13px; font-weight: 600; color: #181a25 !important; }
#menu_wp_big .nav-menu-principal ul{ padding-left: 0px; }
#menu_wp_big .nav-menu-principal > li > a:hover{ background-color: #FFF; }
#menu_wp_big .nav-menu-principal li ul li a{ padding: 0; }
#menu_wp_big .nav-menu-principal li ul li{ padding: 0px; }
#menu_wp_big .nav-menu-principal li ul li:hover{ text-decoration: none; }
#menu_wp_big .nav-menu-principal .sub-menu{ color: #191416; position: absolute; left: 0px; background: #FFF; z-index: 100000; display: none; padding: 10px 0 15px 5px; text-transform: none; }
#menu_wp_big .nav-menu-principal .sub-menu li{ display:block; float: none; background: none; font-size: 15px; padding: 5px 15px 5px 10px; line-height: 35px; }
#menu_wp_big .nav-menu-principal .sub-menu li a{ border: none; font-size: 16px; }
#menu_wp_big .nav-menu-principal .sub-menu-right{ right: 0px; top: 72px; width: 395px; }
#menu_wp_big .nav-menu-principal .sub-menu li:hover{ border: none; }
#menu_wp_big .nav-menu-principal .sub-menu li a:hover{ text-decoration: underline; color: var(--color-principal); }
#menu_wp_big .nav-menu-principal .sub-menu li::before{ content: "."; display: inline-block; margin-right: 0.5rem; position: relative; top: -7px; left: 0; color: var(--color-principal); font-size: 2.3rem; line-height: 1.8rem; height: 24px; float: left; }
#menu_wp_big .nav-menu-principal .sub-menu li.current-menu-item{ border: none; }

/* MENU ICONE */
#menu_wp_big .nav-menu-principal .menu_icone{ font-family: 'Oswald-Regular', sans-serif; font-size: 10px; line-height: 12px; color: grey; padding-left: 30px; }
#menu_wp_big .nav-menu-principal .menu_icone a{ color: grey; line-height: 12px; }
#menu_wp_big .nav-menu-principal .menu_icone:hover{ border-bottom: none !important; }
#menu_wp_big .nav-menu-principal .menu_icone.menu_icone1{ background: url("images/annuaire_purple.jpg") center left no-repeat; width: 80px; margin-left: 220px; }
#menu_wp_big .nav-menu-principal .menu_icone.menu_icone2{ background: url("images/plan_purple.jpg") center left no-repeat; width: 93px; }
#lang_en #menu_wp_big .nav-menu-principal .menu_icone.menu_icone2{ background: url("images/plan_purple.jpg") center left no-repeat; width: 111px; }
#menu_wp_big .nav-menu-principal .menu_icone.menu_icone3{ background: url("images/points_purple.jpg") center left no-repeat; width: 80px; }
#menu_wp_big .nav-menu-principal .menu_icone.menu_icone4{ background: url("images/geolocalisation_purple.jpg") center left no-repeat; width: 105px; }
#menu_wp_big .nav-menu-principal .menu_icone.menu_icone5{ background: url("images/achat_en_ligne.jpg") center left no-repeat; width: 80px; }

.panier{ cursor: pointer; }
.panier .nbAchat{ float: right; text-align: center; width: 40px; padding: 14px 0 0 0; font-size: 25px; }
.panier img{ float: right; margin-top: 0px; }
.panier p{ color: var(--color-principal); padding: 10px 0 0 5px; float: right; width: 145px; text-align: center; }

.connecte{ text-align: right; display: inline-block; }
.connecte .expire-rungis{ width: 155px; height: 46px; background: url(images/bg/bg_dossier_expire-rungis.png) top right no-repeat; color: #FFF; font-size: 12px; padding: 2px 14px 0 0; margin-top: 5px; margin-bottom: 0; }
.renouv_bouton{ display: inline-block; position: relative; top: -7px; }
.renouv_bouton a{ display: block; width: 99px; height: 46px; color: #FFF; font-weight: normal; text-align: left; line-height: 38px; text-indent: 10px; cursor: pointer; font-size: 12px; }

.bloc_mon_compte{ background: var(--color-principal); color:#FFF; padding: 15px; border-radius: 10px 10px 0 0; }
.bloc_sous_mon_compte{ background: #ff0021; color:#FFF; padding: 15px; border-radius:0 0 10px 0; }
.bloc_sous_mon_compte a{ color:#FFF; }

.header-hardcoded-links > div:last-child{ margin-right: 35px; }


/* ================================================= */
/* NEW HEADER 2024 */
/* ======================================== */
body.body-margin {
    margin-top: 86px;
}

header.header {
    position: fixed;
    z-index: 500;
    width: 100%;
    top: 0;
    background-color: #fff;
    box-shadow: 0 8px 16px 8px rgba(22, 28, 34, .05);
}

header.header .header-wrapper {
    padding: 0 32px;
    height: 86px;
}

.header-wrapper-logo {
    align-items: center;
    margin-right: 44px;
}

#rungis_logo {
    display: block;
    width: 130px;
    position: relative;
    max-height: 60px;
    object-fit: contain;
    object-position: left;
}

nav.navigation-desktop {
    align-items: center;
    flex: 1 1;
}

.header-wrapper-btn {
    padding: 20px 0;
    gap: 32px;
}

.header-wrapper-btn-login {
    padding: 20px 0;
    gap: 20px;
}

.header-btn-separator {
    width: 1px;
    background: #8a8a8a;
    height: 100%;
    border: none;
    margin: 0;
}

.header-btn {
    position: relative;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    padding: 12px 16px;
    transform: translateZ(0);
    box-shadow: 0 0 0 0 var(--color-box-btn);
    overflow: hidden;
    text-decoration: none;
    transition-delay: .1s;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

.header-btn-rouge {
    background-color: var(--color-principal);
    color: #fff;
}

.header-btn-blanc {
    background-color: #fff;
    border: 1px solid var(--color-principal);
    color: var(--color-principal);
}

.header-btn::before {
    content: "";
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity .3s ease;
}

.header-btn-rouge::before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.header-btn-blanc::before {
    border-top: 2px solid var(--color-principal);
    border-right: 2px solid var(--color-principal);
}

.header-btn:hover::before {
    opacity: 1;
}

.header-btn:hover {
    padding-right: 30px;
    animation: style_pulse 1s cubic-bezier(.66, 0, 0, 1);
    text-decoration: none;
}

.header-btn-rouge:hover {
    color: #fff;
}

.header-btn-blanc:hover {
    color: var(--color-principal);
}

.header-btn-help {
    padding: 12px 16px 12px 51px;
}

.nav-help p,
.mobile-nav-help p {
    margin: 0;
}

.header-btn-help:focus {
    color: var(--color-principal);
    outline-offset: unset;
    outline: none;
    text-decoration: none;
}

/* Bouton déconnexion */
.header-btn-logout {
    transition: all .2s ease-in-out;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: initial;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    gap: 10px;
}

.header-btn-logout:hover {
    color: #000;
}

.text-logout {
    margin: 0;
}

/* Menu public et privé et sous-menus */
.header-menu-container {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    list-style: none;
    height: 100%;
}

.header-menu-container > li,
.mobile-header-menu-container > li {
    margin: 0;
    padding: 0;
}

.header-menu-container > li > a,
.mobile-header-menu-container > li > a {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    border-bottom: none;
    background: transparent;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    z-index: 15;
}

.header-menu-container > li > a {
    padding: 0 20px;
    border: 1px solid transparent;
}

.mobile-header-menu-container > li > a {
    padding: 20px 0;
    border: 0;
}

.header-menu-container ul,
.mobile-header-menu-container ul {
    padding-left: 0;
    list-style: none;
}

.header-menu-container .sub-menu-wrapper {
    display: none;
    position: absolute;
    justify-content: center;
    padding: 60px 20px;
    top: 86px;
    left: 0;
    border: 1px solid #000;
    width: 100%;
    height: calc(100vh - 86px);
    background-color: #fff;
    transition: .3s;
    overflow-y: auto;
    z-index: 10;
}

.header-menu-container .sub-menu-wrapper > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    height: -moz-fit-content;
    height: fit-content;
    width: 1196px;
}

.header-menu-container > li.menu-item-has-children.open .sub-menu-wrapper {
    display: flex;
}

.header-menu-container > li.menu-item-has-children.open > a {
    color: var(--color-principal);
    font-weight: 700;
    border-color: var(--color-dark-blue);
    border-bottom: none;
    height: calc(100% + 1px);
    background: #fff;
    padding: 0 19px 0 20px;
}

.header-menu-container > li.open:not(.menu-item-has-children) > a {
    color: var(--color-principal);
    font-weight: 700;
    border-bottom: 1px solid;
    border-color: var(--color-dark-blue);
    height: 100%;
    background: #fff;
    padding: 0 19px 0 20px;
}

.header-menu-container .menu-mobile-head-2 {
    display: none;
}

.mobile-header-menu-container .menu-mobile-head-2 {
    display: flex;
}

.mobile-header-menu-container {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    list-style: none;
}

.mobile-header-menu-container .sub-menu-wrapper {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 200;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mobile-header-menu-container > li.menu-item-has-children.open .sub-menu-wrapper {
    opacity: 1;
    visibility: visible;
}

.mobile-header-menu-container .sub-menu-wrapper > ul {
    display: flex;
    flex: 1 1;
    gap: 12px;
    overflow: auto;
    padding: 40px 20px;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
}

/* Container card individuelle */
.menu-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #fff;
    box-shadow: 0 8px 16px 8px rgba(22, 28, 34, .05);
    border-radius: 4px;
    min-width: 100px;
    width: calc((100% - 84px) / 4);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Card individuelle */
.menu-card .menu-card-content {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 40px 32px;
    width: 100%;
}

/* Icône */
.menu-card .menu-icon-wrapper {
    display: flex;
    align-self: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-user .menu-icon-wrapper {
    background-image: url(images/icones/icon-user-noir.svg);
}

.icon-cartes .menu-icon-wrapper {
    background-image: url(images/icones/icon-avantages-noir.svg);
}

.icon-user-card .menu-icon-wrapper {
    background-image: url(images/icones/icon-user-card-noir.svg);
}

.icon-immeuble .menu-icon-wrapper {
    background-image: url(images/icones/icon-immeuble-noir.svg);
}

.icon-gestion-compte .menu-icon-wrapper {
    background-image: url(images/icones/icon-gestion-compte-noir.svg);
}

.icon-boutique .menu-icon-wrapper {
    background-image: url(images/icones/icon-boutique-noir.svg);
}

.icon-star .menu-icon-wrapper {
    background-image: url(images/icones/icon-star-noir.svg);
}

.icon-pass .menu-icon-wrapper {
    background-image: url(images/icones/icon-pass-noir.svg);
}

.icon-cards-plus .menu-icon-wrapper {
    background-image: url(images/icones/icon-cards-plus-noir.svg);
}

.icon-carte-apprenti .menu-icon-wrapper {
    background-size: contain;
    background-image: url(images/icones/icon-carte-apprenti-noir.png);
}

.icon-parrainage .menu-icon-wrapper {
    background-size: contain;
    background-image: url(images/icones/icon-parrainage-noir.png);
}

.icon-sans-contact .menu-icon-wrapper {
    background-size: contain;
    background-image: url(images/icones/icon-sans-contact-noir.png);
}

/* Titre */
.menu-card .menu-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    color: var(--color-dark-blue);
    margin: 0;
}

/* Séparateur */
.menu-card .menu-separator {
    height: 1px;
    background: #8a8a8a;
    width: 100%;
    border: none;
    margin: 12px 0;
}

/* Description */
.menu-card .menu-description {
    flex: 1;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}

/* Bouton */
.menu-card .header-btn {
    font-size: 14px;
}

.menu-card .header-btn:hover {
    padding-left: 10px;
    padding-right: 22px;
}

.submenu-close-icon {
    position: absolute;
    top: 21px;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 30px 0 0;
    cursor: pointer;
}

.header-wrapper-tools {
    position: relative;
    margin-left: 40px;
    z-index: 5;
}

.header-wrapper-tools .header-tools-button {
    border: 1px solid #000;
    border-radius: 4px;
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    height: 46px;
}

.header-wrapper-tools .header-tools-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin: 0;
}

.header-wrapper-tools .header-tools-icon {
    width: 24px;
    height: 24px;
}

.header-wrapper-tools .header-tools-icon-chevron {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: .3s;
}

.header-wrapper-tools.open .header-tools-icon-chevron {
    transform: rotate(180deg);
}

.header-wrapper-tools .header-tools-content {
    display: none;
    position: fixed;
    top: 80px;
    background-color: #fff;
    padding: 12px 32px;
    border-radius: 4px;
    box-shadow: 0 8px 16px 8px rgba(22, 28, 34, .05);
    width: -moz-fit-content;
    width: fit-content;
    list-style: none;
    margin: 0;
}

.header-wrapper-tools.open .header-tools-content {
    display: block;
}

.header-wrapper-tools .header-tools-content li a {
    text-decoration: none;
    display: flex;
    gap: 20px;
    cursor: pointer;
    align-items: center;
    color: var(--color-dark-blue);
    padding: 20px 0;
}

.header-wrapper-tools .header-tools-content li:not(:first-of-type) {
    border-top: 1px solid #8a8a8a;
}

.header-wrapper-tools .header-tools-content li a img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    position: relative;
}

.header-wrapper-tools .header-tools-content li a p {
    display: flex;
    gap: 20px;
    align-items: center;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin: 0 20px 0 0;
}

/* Panier */
.header-btn-panier {
    margin-left: 28px;
}

.header-btn-panier a,
.mobile-header-btn-panier a {
    border: 1px solid #000;
    background: none;
    border-radius: 4px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    height: 46px;
    text-decoration: none;
    position: relative;
    box-shadow: 0 0 0 0 var(--color-box-btn);
}

.mobile-header-btn-panier a {
    padding: 10px 16px;
    height: 40px;
}

.header-btn-panier a:hover,
.mobile-header-btn-panier a:hover {
    animation: style_pulse 1s cubic-bezier(.66, 0, 0, 1);
}

.header-btn-panier .icone-panier{
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.mobile-header-btn-panier .icone-panier {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.text-icon-panier {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.badge-panier {
    position: absolute;
    top: 1px;
    left: 22px;
    font-weight: 600;
    background-color: #000;
}

.mobile-header-btn-panier {
    display: none;
}

/* Menu burger - mobile */
.header-icon-burger-wrapper {
    padding: 1px 24px 1px 6px;
    cursor: pointer;
    display: none;
}

#menuBurgerWrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 50;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#closeMenuBurger {
    padding: 24px;
    display: flex;
    align-items: center;
    height: 100%;
    z-index: 1000;
    cursor: pointer;
}

.menu-mobile-popup {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    width: 100%;
    height: 100%;
}

.menu-mobile-head {
    align-items: center;
    padding-left: 22px;
    height: 75px;
}

.menu-mobile-head-2 {
    align-items: center;
    height: 75px;
    padding: 0 72px 0 0;
}

.menu-mobile-separator {
    height: 1px;
    background-color: #8a8a8a;
    margin: 0;
    padding: 0;
    border: 0;
}

.menu-mobile-separator-2 {
    height: 1px;
    background-color: #8a8a8a;
    margin: 40px 0;
    padding: 0;
    border: 0;
}

.menu-mobile-separator-3 {
    height: 1px;
    background-color: #8a8a8a;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 300;
}

.menu-mobile-title-container {
    display: flex;
    align-items: center;
    flex: 1;
}

.menu-mobile-title-container p {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: var(--color-dark-blue);
    margin: 0;
}

.menu-mobile-content-wrapper {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow-y: auto;
}

.mobile-header-wrapper-btn,
.mobile-header-wrapper-btn-login {
    gap: 20px;
}

.mobile-popup-tools {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#closeWrapperTools,
.closeWrapperSubMenu {
    padding: 24px;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
}

#menuBurgerWrapper .header-btn-logout {
    padding: 12px 16px;
}


@media screen and (min-width: 1199px) and (max-width: 1350px) {
    .header-btn-panier .text-icon-panier {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    body.body-margin {
        margin-top: 80px;
    }

    header.header .header-wrapper {
        padding: 0 20px;
        height: 80px;
    }

    .header-btn-faq {
        display: none;
    }

    .nav-help {
        display: none;
    }

    .mobile-nav-help {
        display: block;
    }

    .header-wrapper-logo {
        flex: 1;
        margin-right: 5px;
    }

    .header-btn {
        padding: 10px 16px;
    }

    #menuBurgerWrapper .header-btn {
        padding: 12px 16px;
    }

    .header-icon-burger-wrapper {
        display: block;
    }

    nav.navigation-desktop {
        display: none;
    }

    #menuBurgerWrapper {
        display: flex;
    }

    #menuBurgerWrapper.menu-open {
        opacity: 1;
        visibility: visible;
    }

    .header-menu-container .sub-menu-wrapper {
        z-index: 200;
        height: 100vh;
        top: 0;
        padding: 0;
        border: none;
    }

    .submenu-close-icon {
        display: none;
    }

    .header-wrapper-tools {
        margin-left: 0;
        position: unset;
        z-index: 30;
    }

    .header-wrapper-tools .header-tools-button {
        border: none;
        padding: 20px 0;
        height: auto;
        gap: 8px;
    }

    .header-wrapper-tools .header-tools-icon-chevron {
        display: none;
    }

    #mobileHeaderWrapperTools.open .mobile-popup-tools {
        opacity: 1;
        visibility: visible;
    }

    .header-wrapper-tools .header-tools-content {
        display: flex;
        flex-direction: column;
        position: relative;
        top: 0;
        box-shadow: unset;
        background-color: unset;
        border-radius: unset;
        width: 100%;
        padding: 0 20px;
        flex: 1;
        overflow-y: auto;
    }

    .header-wrapper-tools.open .header-tools-content {
        display: flex;
    }

    .mobile-header-btn-panier {
        display: block;
    }

    .mobile-header-btn-panier .text-icon-panier {
        display: none;
    }

    .menu-card {
        min-height: 650px;
        max-height: 650px;
        min-width: 480px;
        max-width: 480px;
        scroll-snap-align: center;
    }
}

@media screen and (max-width: 768px) {
    .header-wrapper-btn-login .header-btn-contact {
        display: none;
    }

    .header-wrapper-btn-login .header-btn-separator {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .header-wrapper-btn-login .text-logout {
        display: none;
    }

    .header-btn-logout {
        padding: 0 5px 0 5px;
    }

    .header-icon-burger-wrapper {
        padding: 1px 15px 1px 6px;
    }

    .menu-mobile-title-container p {
        font-size: 20px;
        line-height: initial;
    }

    .menu-card {
        min-height: 490px;
        max-height: 490px;
        min-width: 75vw;
        max-width: 75vw;
    }
}

@media screen and (max-width: 365px) {
    #rungis_logo {
        width: 115px;
    }

    .menu-card {
        min-height: 500px;
        max-height: 500px;
        min-width: 95vw;
        max-width: 95vw;
    }
}


/* MESSAGE */
#messagerie{ position:absolute; background-color:white; top:94px; right:0; width:200px; border:1px solid #c5c5c5; z-index:103; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12); }
#messagerie h3{ font-weight:bold; font-size:15px; color: rgb(51, 51, 51); padding:7px 0; background-color:#f8f8f7; border-bottom:1px solid #E6E6E6; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; }
#messagerie .un_message{ width:95%; margin:10px auto 0 auto; padding-bottom:4px; }
#messagerie .un_message .date{ float:left; width:85px; color:#d20407; text-align:left; }
#messagerie .un_message .libelle_court{ float:right; text-align:left; }
#messagerie .un_message .libelle_long{ clear:both; padding-top:5px; text-align:left; }
#messagerie .un_message .lire_suite{ display:block; text-align:right; }
#messagerie .detail_message{ width:95%; margin:10px auto 0 auto; padding-bottom:4px; }
#messagerie .detail_message .lire_retour{ display:block; text-align:right; }
#messagerie .detail_message p{ text-align:left; }
#messagerie .detail_message p.detail{ text-align:left; padding:5px 0 10px 0; }
#messagerie .btn_fermer{ float:right; margin:5px 37px 5px 0; width:110px; text-align:center; color: #333; }
#messagerie .btn_fermer a{ display:inline-block; color:#FFF; text-decoration:none; padding:0px 0 0 12px; margin-left:0px; color: #333; }
#messagerie .loader{ min-height:150px; }
#messagerie button a{ color: rgb(51, 51, 51); }


/* MON DOSSIER */
#idDossier{ position:absolute; background-color:white; top:73px; left:0px; max-width:1060px; width:1060px; border:1px solid #c5c5c5; z-index:9999999;  -webkit-box-shadow: 0px 5px 10px -5px #656565; -o-box-shadow: 0px 5px 10px -5px #656565; box-shadow: 0px 5px 10px -5px #656565; filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10); min-height: 250px; }
#idDossier .entete_mon_dossier{ border:1px solid #cfcfcf; margin:10px 127px 15px 13px; overflow:hidden; padding:5px 5px 0px 5px; }
#idDossier .info{ overflow:hidden; border-bottom:1px solid #cfcfcf; padding-bottom:25px; margin:0px auto 10px auto; }
#idDossier .derniere_ligne{ border-bottom:none; margin-bottom:20px; }
#idDossier ul{ list-style-type:none; padding-left: 15px; }
#idDossier ul.liste_ul li{ background:url(images/bg/puce_fleche_grise.jpg) top left no-repeat; background-position:0px 6px; padding:2px 0 0 0; color:#000; font-weight:bold; }
#idDossier ul.liste_ul li label{ color:#999ba0; font-weight:bold; }
#idDossier ul.l1c4 li label{ display:inline-block; width:55px; }
#idDossier ul.l2c2 li label{ display:inline-block; width:400px; text-align:left; padding-right:5px; }
#idDossier ul.l3c1 li label{ display:inline-block; width:65px; }
#idDossier ul.liste_ul_bold li{ font-weight:bold; color:#000; }
#idDossier ul.ul_adresse li div{ line-height:22px; padding-top:3px; }

#idDossier ul.liste_infos_contact li{ background:url(images/bg/puce_fleche_grise.jpg) top left no-repeat; background-position:0px 7px; padding:0 0 3px 11px; color:#000; }
#idDossier ul.liste_infos_contact li label{ display:inline-block; width:100%; color:#999ba0; font-weight:bold; }
#idDossier ul.info_client li{ background:url(images/bg/puce_fleche_grise.jpg) top left no-repeat; background-position:0px 7px; padding:0 0 3px 0; color:#000; }
#idDossier ul.info_client li label{ display:inline-block; width:100%; color:#999ba0; font-weight:bold; }

#idDossier ul.l3c1 li input{ width:200px; }
#idDossier .btn_fermer_bas{ position:absolute; bottom:10px; right:10px; text-align:center; color: #333; }
#idDossier .btn_fermer_haut{ position:absolute; top:10px; right:10px; text-align:center; color: #333; }
#idDossier .btn_fermer_bas a, #idDossier .btn_fermer_haut a{ display:inline-block; color:#FFF; text-decoration:none; background:url(images/bg/puce_fleche_rouge.png) top left no-repeat; background-position:0px 7px; padding:2px 0 0 15px; }
#idDossier .btn_modifier{ text-align:center; margin-top:5px; color: #333; }
#idDossier .info_client_info .btn_modifier{ margin-left:400px; }

.formulaire_e2 .form-group .form-control{ border: none; border-radius:0; border-color: inherit; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #dcdcdc; }
.formulaire_e2 .form-group select.form-control{ }

.input_new_design{ border: none; border-radius:0; border-color: inherit; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #dcdcdc; }

/* INFO CONNEXION */
#infoConnexion{ position:absolute; background-color:white; top:73px; left:10px; width:235px; border:1px solid #c5c5c5; z-index:102; -webkit-box-shadow: 0px 5px 10px -5px #656565; -o-box-shadow: 0px 5px 10px -5px #656565; box-shadow: 0px 5px 10px -5px #656565; filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10); min-height: 75px; }
#infoConnexion ul.liste_ul_compte{ clear:both; text-align:center; margin-top:10px; padding-left: 0px; }
#infoConnexion ul.liste_ul_compte li{ display:block; padding-bottom:10px; }

#infoConnexion ul.liste_ul_compte label{ display:block; }
#infoConnexion ul.liste_ul_compte span{ display:block; font-weight:bold; }

#infoConnexion .btn_fermer{ float:right; margin:0 5px 5px 0; width:110px; text-align:center; }
#infoConnexion .btn_fermer a{ display:inline-block; color:#FFF; text-decoration:none; padding:2px 0 0 12px; }
#infoConnexion .btn_modifier{ float:left; margin:0 0 5px 5px; width:110px; color: #333; }
#infoConnexion .btn_modifier a{ color:#FFF; text-decoration:none; color: #333; }

#infoConnexion .lien_modif_infoConnexion{ display:block; padding:5px 5px 0 0; }


/* MEP */
.lien_violet{ color: var(--color-principal); text-decoration: underline; }
.lien_violet:hover{ color: var(--color-principal); text-decoration: none; }
.lien_blanc{ color: #fff; text-decoration: underline; }
.lien_blanc:hover{ color: #fff; text-decoration: none; }
.lien_blanc:focus{ color: #fff; }
#breadcrumb a{text-decoration: none; font-size: 1.3rem; font-weight: 300; }
#breadcrumbs{ margin-top: 15px; color: #ababab !important; text-transform: uppercase; font-size: 13px; }
#breadcrumbs span a{ color: #ababab !important; }
/*#breadcrumbs a{ color: var(--color-principal); }*/
label{ font-weight: normal; }
th{ font-weight: normal; }
.nav>li>a:hover{ text-decoration: underline; background-color: inherit; }
.title_section{ color: #919191; text-transform: uppercase; text-align: center; font-size: 28px; margin-bottom: 10px; }
.title_section_text{ position: relative; z-index: 20; padding: 0 20px; display: inline-block; line-height: 4.4rem; }
.title_section_line{ top: -30px; position: relative; border-bottom: 1px solid #343951; z-index: 10; }

.btn{ font-family: 'Raleway', sans-serif; font-size: 16px; }
.btn_gris{ font-family: 'Raleway', sans-serif; font-size: 16px; text-decoration: none !important; border-style: none; text-transform: uppercase; background-color: #a3a3a3; border-radius: 4px; color: #FFF; padding: 5px 15px; }
.btn_gris:hover{ color: rgba(255 ,255, 255, 0.7); }
.btn_rouge{ font-family: 'Raleway', sans-serif; font-size: 16px; text-decoration: none !important; border-style: none; text-transform: uppercase; background-color: var(--color-principal); border-radius: 4px; color: #FFF; padding: 5px 15px; transition: .3s; }
.btn_rouge:hover{ color: rgba(255 ,255, 255, 0.7); }
.btn_vert{ font-family: 'Raleway', sans-serif; font-size: 16px; text-decoration: none !important; border-style: none; text-transform: uppercase; background-color: #398439; border-radius: 4px; color: #FFF; padding: 5px 15px; }
.btn_vert:hover{ color: rgba(255 ,255, 255, 0.7); }
.btn_rouge{ text-align: center; color: #ffffff; height: 40px; line-height: 40px; padding: 0 30px; font-size: 18px; display: inline-block; }
.btn_rouge:hover{ text-decoration: none; }
.btn_violet{ font-family: 'Raleway', sans-serif; font-size: 16px; text-decoration: none !important; border-style: none !important; background: var(--color-principal) !important; text-transform: uppercase; color: white !important; display:inline-block; border-radius: 4px; padding: 5px 15px; transition: .3s; }
.btn_violet:hover{ border: none; background: var(--color-principal) !important; color: rgba(255 ,255, 255, 0.7) !important; text-decoration: none; }

.bouton_rouge{ text-align: center; border-radius: 8px; color: #ffffff; background-color: #e83f40; height: 60px; line-height: 60px; padding: 0px 45px 5px; font-size: 18px; font-weight: bold; display: inline-block; }
.bouton_rouge_block{ display: block; text-align: center; }
.bouton_rouge:hover{ text-decoration: none; background-color: #ff292b; color: #ffffff; }
.bouton_rouge:focus{ text-decoration: none; color: #ffffff; }
.bouton_blanc{ text-align: center; border-radius: 8px; border: 1px solid #dbdce1; color: #989aaa; background-color: #fff; height: 60px; line-height: 60px; padding: 0 45px; font-size: 18px; font-weight: bold; display: inline-block; }
.bouton_blanc_block{ display: block; text-align: center; }
.bouton_blanc:hover{ text-decoration: none; background-color: #f7f7f7; color: #989aaa; }
.bouton_blanc:focus{ text-decoration: none; color: #989aaa; }

/*.btn_violer.btn_loupe{background: url("images/btn-loupe.jpg") top right no-repeat; background-position-y: 28px;}*/
.btn_loupe{background: url("images/btn-loupe.jpg") top right no-repeat !important; width: 32px;height: 32px;margin-top: 3px;margin-left: 5px}
.btn_blanc{ font-family: 'Raleway', sans-serif; font-size: 16px; text-decoration: none !important; border-style: none; text-transform: uppercase; background-color: #fff; border-radius: 0px; color: var(--color-principal); padding: 5px 15px; }
.btn_blanc:hover{ color: rgba(103 ,28, 99, 0.7); }
.btn_border_blanc{ font-family: 'Raleway', sans-serif; font-size: 16px; text-decoration: none !important; border: 1px solid #dcdcdc; text-transform: uppercase; background-color: #fff; border-radius: 0px; color: var(--color-principal); padding: 5px 15px; display: inline-block; }
.btn_border_blanc:hover{ color: rgba(103 ,28, 99, 0.7); }

.border_sous_onglets{ margin: 15px 0 0 0; }
.ui-widget{ font-family: 'Raleway', sans-serif !important; background: #f6f6f6; font-size: 16px; border-radius:0; padding: 0; }
.ui-widget ul{ background:none; border-radius:0; }
.ui-dialog{ position: fixed; margin: 0px 10px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{ font-family: 'Raleway', sans-serif !important; }
.title_underline{ border-bottom:1px solid var(--color-principal); margin-bottom:15px; }
.entry-content .ui-widget{ font-family: 'Raleway', sans-serif !important; font-size: 17px; }
.ui-widget.ui-widget-content{ border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; z-index: 1000000; }
.ui-tabs.ui-widget.ui-widget-content{ z-index: 50; }
.ui-widget-header{ border:0; }
.ui-tabs .ui-tabs-nav{ padding:0; text-align:center; display:table; margin:auto; overflow: hidden; }
.ui-tabs .ui-tabs-nav li{ text-transform:uppercase; border-bottom: 5px solid transparent; height: 45px; }
.ui-tabs .ui-tabs-nav li:hover{ border-bottom: 5px solid var(--color-principal); background:transparent; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{ border:0; }

#tabs .ui-state-active{ border-bottom: 5px solid var(--color-principal); background:transparent; }
#tabs .ui-state-active a{ color: #454545; }

.fin_cadre_sous_onglets{ padding: 25px; background:#f6f6f6; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; margin-bottom: 20px; }
.fin_cadre_sous_onglets_vide{ padding: 5px 25px; background:#f6f6f6; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; margin-bottom: 20px; }
.informations_sous_onglets{ padding: 0 25px; }

.panel-heading .panel-title a{ display: block; }
.panel-heading .panel-title a:after{ font-family:'Glyphicons Halflings'; content:"\e114"; float: right; color: grey; }
.panel-heading .panel-title a.collapsed:after{ content:"\e080" !important; }


/* HEADER */
.menu-item-246{ background: url("images/separateur-menu.jpg") top right no-repeat; background-position-y: 18px; }
.menu-item-287{ background: url("images/separateur-menu.jpg") top right no-repeat; background-position-y: 18px; }
.menu-item-251{ background: url("images/separateur-menu.jpg") top right no-repeat; background-position-y: 18px; }


/* CONTENU */
.new_carousel_container{ height: 350px; }
.new_carousel_container .new_carousel_img_container{ left: 0; bottom: 0; width: 100%; margin: 0; height: 100%; }
.new_carousel_container .new_carousel_img_container img{ margin: 0; height: 100%; object-fit: cover; }
.custom-object-fit{ position: relative; background-size: cover; background-position: center; }
.custom-object-fit img{opacity:0; }

.carousel_side_btn{ padding: 8px 5px; margin: 5px 0px; cursor: pointer; height: 68px; }
.carousel_side_btn_first{ /*line-height: 40px;*/ margin: 5px 0px 5px 0px; }
.carousel_side_btn:hover{ background-color: #FFF; color: var(--color-principal); }
.carousel_btn_icon{ width:40px; float: left; margin-right: 7px; }
.carousel-caption{ width: 1170px; margin: auto; }
.carousel .carousel-text-container{ position: absolute; top: 0; padding: 0px 15px; }
.carousel .carousel-text-btn-container{ position: absolute; padding: 0px 15px; bottom: 0; }
.carousel .carousel-bot-btn-cont{ position: relative; height: 330px; }
.carousel .carousel-bot-btn{ bottom: 20px; }
.carousel .border_left_violet{ border-left: 6px solid #ff0021; padding: 1px 0 1px 20px; margin-top: 15px; }
.carousel .carousel-text{ width: 70%; text-align: left; color: white; padding-top: 30px; padding-left: 40px; font-size: 18px; }
.carousel .carousel-text p{ width: auto; margin-top: 10px; margin-bottom: 10px; line-height: 25px; }
.carousel .carousel-text h3{ text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; }
.carousel .carousel-text h4{ text-transform: uppercase; margin-top: 0px; margin-bottom: 5px; }
.carousel .home_text_titre3{ display: inline-block; }
.carousel .home_label_rouge{ display: inline-block; top: -20px; left: 15px; position: relative; }

.steps_container{ border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 4px; }
.steps_container2{ border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 8px; background-color: #FFF; display: inline-block; }
.step_box{ display: inline-block; padding: 10px; }
.steps_subcontainer{ border-radius: 8px; display: inline-block; z-index: 50; position: relative; }
.steps_subcontainer_violet{ border: 1px solid #c37ebf; }
.steps_subcontainer_rouge{ border: 1px solid #ff6f6f; }
.step_box2{ display: inline-block; padding: 10px; border-radius: 8px; position: relative; }
.step_box3{ display: inline-block; position: relative; }
.step_box_btn{ height: 67px; top: -10px; border-radius: 0px 8px 8px 0px; margin-left: -10px; padding: 20px 13px 20px 20px; }

/* Hack CSS Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .step_box_btn{ top: -8px; }
}

.step_number{ background: rgba(0, 0, 0, 0.2); border-radius: 10px; width: 20px; line-height: 20px; }
.step_number2{ float: left; font-size: 50px; position: absolute; top: 0px; margin-left: -5px; }
.step_number3{ display: inline-block; background: #ff0021; padding: 8px 10px; margin-right: 10px; border-radius: 8px 0 0 8px; }
.step_number3_normal{ display: inline-block; padding: 8px 10px; margin-right: 10px; }
.stem_number3bis{ padding: 5px 15px 5px 10px; }
.step_title{ text-align: left; text-transform: uppercase; }
.step_subtitle{ text-align: left; text-transform: uppercase; }
.step_separator{ opacity: 0.5; height: 50px; margin-top: -30px; }

.bouton_radio_cartes{ float: left; padding-top: 15px; left: 75px; position: relative; }

.banner_button{ position: absolute; bottom: 20px; right: 20px; padding: 5px 15px; box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }

#un_clic .media{ padding-left: 10px; margin-top: 10px; }
/* #un_clic .media-heading{ text-transform: uppercase; color: var(--color-principal); margin-bottom: 0px; margin-top: 10px; font-size: 16px; } */
#un_clic .media p, #preparer_venue p{ margin-top: 0px; margin-bottom: 1px; font-family: 'Raleway'; color: #343951; font-weight: normal; line-height: 1.3; font-size: 18px; }

#preparer_venue .media{ margin: 10px 0px; padding: 5px; }
/* #preparer_venue .media-heading{ padding: 10px; margin-bottom: 0px; font-size: 13px; } */
#preparer_venue img{ width: 46px; }
#preparer_venue img.annuaire { width: 47px; }

#banniere_parrainage{ background-color: #A69E9C; position: relative; height: 400px; }
#banniere_demo{ position: relative; }
#myrungis-logo{ margin-top: 5px; }
.section>div{ padding-bottom: 15px; }
.no_padd_left{ padding-left: 0px !important; }
.no_padd_right{ padding-right: 0px !important; }

.text_banner{ padding: 30px 40px; }
.text_main{ text-transform: uppercase; font-weight: bold; margin-bottom: 0px !important; margin-top: 20px; }
.text_sub_main{ text-transform: uppercase; margin-top: 0px; }

.cadre_gris{ padding: 20px; border: 1px solid #cdcdcd; }
.cadre_violet_actif{ padding: 19px; border: 2px solid var(--color-principal); }

.lien_souligne{ text-decoration: underline; }
.lien_souligne:hover{ text-decoration: none; }

.home-row-bigger-x-margin { margin-right: 140px; margin-left: 140px; }
.home-new { text-align: center; }
.home-picture { background: linear-gradient(0, rgb(0, 0, 0) 0%, rgba(255,255,255,0) 100%), url(images/home-picture.jpg) no-repeat; background-size: 100%; display: flex; flex-direction: column; height: 40vw;}
.home-picture__content { background: white; width: 70vw; border-radius: 12px; box-shadow: 0 3px 13px 0 rgba(78, 78, 78, 0.11); position: relative; margin-right: auto; margin-left: auto; padding: 29px 36px; }
.home-benefits { margin-bottom: 200px; }
.home-picture__block h1, .home-benefits h1 { font-family: Raleway; font-size: 40px; font-weight: bold; color: #181a25; margin-bottom: 40px; margin-top: 0; }
.home-picture__block h1{ margin-bottom: 13px;}
.home-picture__content h1{ margin-bottom: 28px;}
.home .home-benefits__icon { width: 100px; height: 90px; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 24px; }
.home-picture__content p { font-family: Raleway; font-size: 16px; font-weight: 500; line-height: 1.28; color: #181a25; }
.home-picture__explanation-container { display: inline-block; width: 49%; height: 235px; vertical-align: top; }
.home-picture__explanation { width: 150px; height: 128px; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 16px; }
.home-picture__explanation1 { background: url(images/home-explanation-1.png) no-repeat; }
.home-picture__explanation2 { background: url(images/home-explanation-2.png) no-repeat; }
.col-logo-espace-client{width: 302px;}

.home-content{ position: relative; margin-top: -27vw; }
.home-picture__block{ position: relative; top:-30vw; }
.home-picture__firstcontent{ margin-bottom: 29px; }
.home-befits__list{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 31px; }
.btn-create-buyer-account{ margin-bottom: 17px; background: var(--color-principal); cursor: pointer; color: #FFF; padding: 14px 20px; position: relative; margin-left: auto; margin-right: auto; border-radius: 3px; font-family: Raleway; font-size: 24px; font-weight: bold; line-height: 1.35; display: inline-block; max-width: 400px; min-width: 200px; width: 100%; }
.btn-create-buyer-account:hover, .btn-create-buyer-account:focus{ color: #FFF; }
.btn-create-buyer-account-costfree{ font-family: Raleway; font-size: 18px; font-weight: 500; line-height: 1.5; }
.link-account-existing{ font-family: Raleway; font-size: 20px; font-weight: 600; line-height: 1.28; text-decoration: underline; display: inline-block; }
.link-account-existing.hover-white:hover {
    color: #fff;
}
.home-benefits h1{ margin-bottom: 72px; }
.home-benefits p{ font-family: Raleway; font-size: 18px; font-weight: 500; line-height: 1.28; color: #181a25; }
.home-benefits__btn-discover{ cursor: pointer; position: relative; margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 3px; width: 345px; font-family: Raleway; font-size: 20px; font-weight: bold; line-height: 1.28; color: #181a25; border-radius: 8px; border: solid 1px #181a25; padding: 16px 0px; }
.home-benefits__btn-discover a{ color: #181a25; }




/* ACCUEIL */
.carte-section{ text-align: center; padding-top: 15px; padding-bottom: 15px; }
.carte-desc{ color: #b3adad; }
.carte-sub-desc{ padding-top: 5px; text-transform: uppercase; font-size: 16px; }
.carte-vehicle-box{ padding-top: 15px; }
.carte-vehicle-weight{ text-transform: uppercase; font-size: 14px; }
.carte-vehicle-with{ font-size: 22px; text-transform: uppercase; color: var(--color-principal); }
.carte-vehicle-without{ font-size: 18px; text-transform: uppercase; color: #b3adad; }
.bordered_tarif{ /*border: 1px solid #D4D4D4;*/ padding: 30px 0px 40px 25px; }
/*.top_moved_tarif{ position: relative; top: -15px; }*/
.bordered_tarif2{ margin-left: -1px; }
.text_img_band{ font-family: 'Oswald-Light', sans-serif; font-size: 40px; top: 50%; transform: translateY(-50%);  width: 100%; text-shadow: 0 0rem 3rem #000000, 0 1rem 6rem #000000; }
.frais_dossier_offert{ width: 192px; height: 160px; background: url(images/bg/bg_frais_dossier_offert.png); color: var(--color-principal); top: 35px; right: 270px; z-index: 100; text-align: center; }
#band_violet_h{ background: #cccccc; }
#band_rouge_h{ background: #000; }
.lien_vers_piece{ clear: both; color: #FFF; display: block; text-align: right; margin-top: 10px; }
.lien_vers_piece:hover{ color: #FFF; }
.lisere_epais{ border-bottom: 3px solid #D4D4D4; padding: 5px 0 0 0; margin-bottom: 5px; }
.lisere_fin{ border-bottom: 1px solid #D4D4D4; padding: 3px 0 0 0; margin-bottom: 3px; }
.top_marged_prix_vertical_align{ margin-top: 35px; }
.top_marged_prix_vertical_align2{ margin-top: 5px; }


/* POPUP */
.titre_popup{ background-color: var(--color-principal); color: #FFF; display: inline-block; }
input.ui-state-default, input.ui-widget-content input.ui-state-default{ border-style: none; background: var(--color-principal); text-transform: uppercase; color: white !important; display:inline-block; border-radius: 0px; padding: 5px 15px; }
.heading-popup{ background: var(--color-principal); }
.ui-dialog{ padding: 0px; }
.ui-dialog #modal, .ui-dialog #popup_alert, .ui-dialog #alertcommandekbis{ padding: 0px; }
.ui-dialog #modal .heading-popup+div, .heading-popup+form, .heading-popup+p{ padding: 10px; }
.icon-ren{ width:100px; height:100px; position:absolute; background:url(images/logo-ren.jpg) center no-repeat; top:89px; left:50px; }
#passages .table-responsive{ max-height: 70vh; }


/* CONNEXION */
input.login_pad{ border-radius: 0px; height:40px; width:40px; background-color: #A93C97; margin:0; padding:0; border: 1px solid #502952; cursor:pointer; color:#FFF; font-weight:bold; font-size:16px }
input.login_pad:hover{ background-color: #B76BAC; }
.bordure_violet{ border: 1px solid #502952; }
.bloc_info_connexion{ border: 1px solid #efefef; padding: 20px 20px 15px 20px; font-family: 'RobotoCondensed-Regular', sans-serif !important; }
.bloc_info_connexion h2{ margin: 0 0 15px 0 !important; text-align: center; font-family: 'Oswald-Regular', sans-serif !important; color: #474747 !important; font-size: 20px !important; }
.bloc_info_connexion p{ font-family: 'RobotoCondensed-Regular', sans-serif !important; font-size: 16px !important; line-height: 22px !important; }
.bloc_info_connexion p strong{ font-family: 'RobotoCondensed-Regular', sans-serif !important; font-size: 16px !important; display: inline-block; padding-bottom: 7px; }
.bloc_info_connexion p a{ color: var(--color-principal); text-decoration: underline; }
.bloc_info_connexion p a:hover{ color: var(--color-principal); text-decoration: none; }


/* CATEGORY */
.pagination span.current{ background-color: var(--color-principal); color: #FFF; }
.pagination li a{ color: var(--color-principal); }


/* ARTICLE */
.entry-content{ font-family: 'Raleway', sans-serif; font-size: 17px; line-height: 26px; }
.entry-content ul{ margin-left: -22px; }
/*article h1, .entry-content h1{ text-transform: uppercase; text-align: center; }*/

.titre_page{ font-family: 'Raleway'; font-size: 20px; padding-left: 13px; font-weight: bold; line-height: normal; color: #181a25; margin-top: 50px; margin-bottom: 45px; font-size: 40px; padding-left: 0; }

article h2, .entry-content h2{ font-family: 'Raleway'; font-size: 20px; font-weight: bold; margin-bottom: 1.5rem; color: #181a25; }
article h3, .entry-content h3{ font-family: 'Raleway'; font-size: 20px; font-weight: bold; margin-bottom: 1.5rem; color: #181a25; }
article h3, .entry-content h4{ font-size: 17px; font-weight: normal; margin: 5px 0px; }

article a{ text-decoration: underline; color: var(--color-principal); }
article a:hover{ text-decoration: none; color: var(--color-principal); }
article .size-large{ width: 100%; height: auto; }
article ul li:before{ line-height: 0.9rem; width: 0.9rem; height: 0.9rem; background-color: var(--color-principal); float: left; margin: 1rem 0.25rem 0 -1.7rem; border-radius: 50%; content: "•"; color: var(--color-principal); }
article ul li{ line-height: 30px; list-style: none; }

/*.title_art{ margin-top: 15px; margin-bottom: 15px; color: #6A6A6A; text-transform: uppercase; text-align: center; font-size: 3.5rem; font-weight: 300; letter-spacing: .3rem; line-height: 4.8rem; }*/
/*.titre_page{ font-family: 'Oswald-Light', sans-serif !important; font-size: 34px !important; position: relative; z-index: 20; display: inline; line-height: 36px; background-color: #FFF; letter-spacing: -1px; font-weight: normal !important; color: #6A6A6A !important; padding: 0 10px; }*/
/*.title_art_line{ top: -27px; position: relative; border-bottom: 1px solid #ECECEC; z-index: 10; }*/

/*.title_art_creation_dossier{ margin-top: 15px; margin-bottom: 15px; color: #6A6A6A; text-transform: uppercase; text-align: left; font-size: 3.5rem; font-weight: 300; letter-spacing: .3rem; line-height: 4.8rem; }*/
/*.titre_page_creation_dossier{ font-family: 'Oswald-Light', sans-serif !important; font-size: 34px !important; position: relative; z-index: 20; display: inline; line-height: 36px; background-color: #f6f6f6; letter-spacing: 2.8px; font-weight: normal !important; color: #6A6A6A !important; }*/


.wp-img-responsive{ margin: 15px; float: left; }


/*.page_parrainage div#head{ display: block; background: url(images/parrainage-head.jpg) center no-repeat; width: 673px; height: 249px; margin: 0 -10px; }*/
.page_parrainage img.size-full{ width: 100%; }
.page_parrainage div#separation{ height: 10px; background: #edeceb; clear: both; }



/* MEMBRES */
table a.facture{ background: rgba(0, 0, 0, 0) url("images/icones/pdf.png") no-repeat scroll center center; background-size: 30px; display: block; height: 38px; width: 40px; }
table.table-striped td{ /*text-align: center;*/ }

.buttons_file_import{
  display: flex;
  flex-direction: column;
}

.buttons_file_import > div:not(:last-child){
  margin-bottom: 5px;
}


.liste_carte{ padding: 5px 0; }
.form-creation-carte .showfile input{ position: absolute; top: 0px; width: 100%; }
.form-creation-badge .showfile input{ position: absolute; top: 0px; width: 100%; }
.showfile input{ /*width: 100%;*/ -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; height: 30px; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0;-khtml-opacity: 0; opacity: 0; }
.form-creation-carte label{ font-weight: normal; }
a.creadoss_view-piece{ display: inline-block; width: 22px; height: 22px; font-size: 0; background: url(images/loupe.png) center no-repeat transparent; margin: auto; }
a.creadoss_delete-piece{ display: inline-block; font-size: 0; width: 22px; height: 22px; background: url(images/corbeille.png) center no-repeat transparent; margin: auto; cursor: pointer; }
#selectclasse{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }

/* CREATION DE CARTE */
.bloc_carte_grise .depot_fichier{ font-size: 18px; color: #989aaa; }
.bloc_carte_grise .ordi_ou_mobile{ display: inline; }
.bloc_carte_grise .bouton_upload{ cursor: pointer; font-size: 13px; color: #434b60; border-radius: 8px; border: solid 1px #cfd2e0; background: #FFF; padding: 12px 18px; }
.bloc_carte_grise .input_parcourir{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer; }
.bloc_carte_grise .visu_carte_grise_uploadee img{ width: 90%; }

.info_pass_express{ font-size: 16px; font-weight: 500; color: #989aaa; padding: 2px 0 0 0; margin-bottom: 20px; }
.bloc_pass_express{ border-radius: 12px; border: solid 1px #cfd2e0; padding: 24px 40px; }
.bloc_pass_express .check_pass{ margin-top: 10px }
.bloc_pass_express .presse{ font-size: 22px; font-weight: 600; color: #181a25; padding-right: 25px; }
.bloc_pass_express .plus_dinfos a{ font-size: 14px; color: #181a25; padding-top: 10px; }
.bloc_pass_express .plus_dinfos a:hover, .bloc_pass_express .plus_dinfos a:focus{ text-decoration: none; }
.bloc_pass_express .plus_dinfos span::after{ font-family: "FontAwesome", "Font Awesome 5 Free"; content: "\f107"; color: #181a25; padding-left: 10px; font-size: 25px; top: 4px; position: relative; }

.formulaire_inactivation_carte .bloc_pass_express{ padding: 10px; }
.formulaire_inactivation_carte .bloc_pass_express .presse{ font-size: 16px; font-weight: normal; color: #181a25; padding-right: 25px; }

/* CORRESPONDANTS */
.page_correspondant{ }
.page_correspondant .bordered_tarif_left .form-group{ margin-bottom: 10px; clear: both; overflow: hidden; }
.page_correspondant .bordered_tarif_left .margin_bottom{ margin-bottom: 0; }

/* PASS DECOUVERTE */
.entete_page_pass_decouverte .step_box_active{ background: #FFF; color: #000; }
.entete_page_pass_decouverte .steps_subcontainer_rouge{ border: none; }

.page_pass_decouverte{ }
.page_pass_decouverte .icone_pass .icone{ height: 80px; display: block; vertical-align: bottom; }
.page_pass_decouverte .icone_pass .icone img{ margin-bottom: 5px; }
.page_pass_decouverte .icone_pass p{ font-size: 1.6rem; }
.page_pass_decouverte .presentation_pass{ margin: 20px 0; }
.page_pass_decouverte .presentation_pass h2{ font-family: 'Oswald-Bold', sans-serif; font-weight: bold; color: #000; text-transform: uppercase; font-size: 36px; text-align: left; }
.page_pass_decouverte .presentation_pass h3{ text-transform: uppercase; font-family: 'Oswald-Light', sans-serif; font-size: 32px; margin-top: 0; margin-bottom: 30px; }
.page_pass_decouverte .presentation_pass h4{ text-transform: uppercase; margin: 5px 0 30px 0; }
.page_pass_decouverte .titre_reserve_pro{ padding-bottom: 15px; }

.page_pass_decouverte .form-group{ margin-bottom: 10px !important; clear: both; overflow: hidden; }
/*.page_pass_decouverte .bordered_tarif_left_form_group .form-group{ margin-bottom: 25px !important; }*/
.page_pass_decouverte .cadre_plein{ position: relative; background: #b4aeac; padding: 10px 15px; margin: auto; text-align: center; }
.page_pass_decouverte .titre_rouge{ display: block; margin-bottom: 10px; }
.page_pass_decouverte .titre_rouge span{ background: var(--color-principal); color: #fff; padding: 2px 25px; display: inline-block; }
.page_pass_decouverte .titre_input_date_visite{ padding-bottom: 5px; }
.page_pass_decouverte .img_calendrier_pass{ width: 45px; }
.page_pass_decouverte .date_visite{ text-align: left; }
.page_pass_decouverte .date_visite .span_date_input{ display: inline-block; padding-top: 15px; }
.page_pass_decouverte .libelle_pdf{ font-size: 13px; line-height: 17px; }
.page_pass_decouverte .check_valide_pro{ font-size: 15px; line-height: 16px; }
.page_pass_decouverte .texte_valide_pro{ font-size: 15px; line-height: 16px; }
.page_pass_decouverte .questions{ color: #6a6a6a; }
.page_pass_decouverte .droit_rectification{ line-height: 15px; color: #6a6a6a; }



/* NOUVELLE CONNEXION */
.page_connexion{ font-family: "Raleway"; color: #181a25; background: #f9f9f9; }
.page_connexion .encadre_connexion{ margin-top: 40px; margin-bottom: 40px; border-radius: 12px; border: 1px solid #f0f1f3; background: #ffffff; }
.page_connexion .error_message{ font-size: 17px; color: #e83f40; padding-top: 15px; }
.page_connexion .error_message a{ color: #e83f40; text-decoration: underline; }
.page_connexion .error_message a:hover{ text-decoration: none; }
.page_connexion .error_message_sous_submit{ font-size: 17px; color: #e83f40; padding-top: 20px; }
.page_connexion .titre_page_connexion{ text-align: center; font-size: 24px; font-weight: bold; color: #181a25; margin-top: 25px; }
.page_connexion .sous_titre_page_connexion{ text-align: center; font-size: 16px; font-weight: 600; color: #6d7186; margin: 3px 0 45px 0; }

.page_connexion .fil_ariane_mdp_oublie .titre_fil_ariane_mobile{ text-align: center; font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #989aaa; }
.page_connexion .fil_ariane_mdp_oublie .div_bloc_etape{ margin-bottom: 50px; }
.page_connexion .fil_ariane_mdp_oublie .bloc_etape{ float: left; width: 142px; margin: 0 7px; }
.page_connexion .fil_ariane_mdp_oublie .bloc_etape .rempli{ width: 100%; height: 5px; background: #dbdce1; }
.page_connexion .fil_ariane_mdp_oublie .bloc_etape .rempli.fait .remplissage{ height: 100%; background: #e83f40; }

.page_connexion .page_etape0{  }
.page_connexion .page_etape0 .faciliter_connexion{ font-size: 16px; font-weight: 600; color: #6d7186; text-align: center; margin-bottom: 35px; }
.page_connexion .page_etape0 .oubli_mdp{ margin-bottom: 42px; }
.page_connexion .page_etape0 .oubli_mdp a{ font-size: 14px; font-weight: 600; color: #989aaa; text-decoration: underline; }
.page_connexion .page_etape0 .oubli_mdp a:hover{ text-decoration: none; }
.page_connexion .page_etape0 .inscription{ margin-top: 15px; font-size: 16px; font-weight: 600; color: #6d7186; text-align: center; }
.page_connexion .page_etape0 .inscription a{ color: var(--color-principal); text-decoration: underline; }
.page_connexion .page_etape0 .inscription a:hover{ text-decoration: none; }

.page_connexion .page_etape1 .faciliter{ text-align: center; font-size: 16px; font-weight: 600; color: #6d7186; margin-top: 40px; }
.page_connexion .page_etape1 .info_connexion{ text-align: center; font-size: 16px; font-weight: 600; color: #6d7186; margin-top: 20px; }
.page_connexion .page_etape1 .info_connexion .gras{ font-weight: bold; }
.page_connexion .page_etape1 .changer_identifiant{ margin-top: 55px; }
.page_connexion .page_etape1 .pas_cette_fois{ text-align: center; margin-top: 22px; }
.page_connexion .page_etape1 .pas_cette_fois a{ font-size: 16px; color: #6d7186; font-weight: bold; text-decoration: underline; }
.page_connexion .page_etape1 .pas_cette_fois a:hover{ text-decoration: none; }
.page_connexion .page_etape1 .changement_obligatoire{ font-size: 16px; text-align: center; color: #6d7186; margin-bottom: 15px; }

.page_connexion .page_etape2 .option{ margin-bottom: 20px; }
.page_connexion .page_etape2 .option input{ margin-top: 5px; }
.page_connexion .page_etape2 .option .bouton_radio{ display: inline; }
.page_connexion .page_etape2 .option .text{ display: inline; font-size: 16px; font-weight: 500; color: #343951; }
.page_connexion .page_etape2 .option .text .gras{ font-weight: bold; }
.page_connexion .page_etape2 input[type="checkbox"] + span{ width: 90%; }
.page_connexion .page_etape2 .bouton_transparent{ text-align: center; font-weight: 500; color: #343951; background-color: #fff; height: 60px; line-height: 60px; padding: 0 45px; font-size: 16px; display: inline-block; }
.page_connexion .page_etape2 .donnees{ margin-top: 40px; font-size: 13px; font-weight: bold; color: #6d7186; }

.page_connexion .page_etape3 .input_password{ position: relative; }
.page_connexion .page_etape3 .input_password .eye, .page_connexion .input_password .eye_bis{ position: absolute; top: 5px; right: 10px; cursor: pointer; }
.page_connexion .page_etape3 .input_password .eye img, .page_connexion .input_password .eye_bis img{ height: 35px; }
.page_connexion .page_etape3 .info_code{ font-size: 16px; font-weight: 600; color: #989aaa; }
.page_connexion .page_etape3 .info_email{ font-size: 16px; font-weight: 600; color: #989aaa; margin-bottom: 30px; }
.page_connexion .page_etape3 .info_mdp{ font-size: 16px; font-weight: normal; color: #6d7186; margin-bottom: 30px; }

.page_connexion .page_etape4 .nouvel_identifiant{ font-size: 16px; font-weight: 600; color: #6d7186; margin-top: 30px; text-align: center; }
.page_connexion .page_etape4 .se_connecter{ font-size: 16px; font-weight: 600; color: #6d7186; margin-top: 15px; margin-bottom: 50px; text-align: center; }
.page_connexion .page_etape4 .acceder_compte{  }
.page_connexion .page_etape4 .important{ font-size: 16px; font-weight: 600; color: var(--color-principal); text-align: center; margin-top: 18px; margin-bottom: 20px; }

.page_connexion .page_etape5 .option .text{ display: inline; font-size: 16px; font-weight: 500; color: #343951; }
.page_connexion .page_etape5 .option2{ margin-top: 15px; }
.page_connexion .page_etape5 .inscription{ font-size: 16px; font-weight: 600; color: #6d7186; text-align: center; }
.page_connexion .page_etape5 .inscription a{ color: var(--color-principal); text-decoration: underline; }
.page_connexion .page_etape5 .inscription a:hover{ text-decoration: none; }

.page_connexion .page_etape6 .image_mail{ margin-bottom: 40px; }
.page_connexion .page_etape6 .mail_recu{ text-align: center; font-size: 20px; font-weight: bold; color: #181a25; margin-bottom: 10px; }
.page_connexion .page_etape6 .verifier{ text-align: center; font-size: 16px; font-weight: 600; color: #6d7186; margin-bottom: 20px; }
.page_connexion .page_etape6 .pas_recu{ text-align: center; font-size: 16px; font-weight: 600; color: #6d7186; }

.page_connexion .page_etape7 .input_password{ position: relative; }
.page_connexion .page_etape7 .input_password .eye, .page_connexion .input_password .eye_bis{ position: absolute; top: 5px; right: 10px; cursor: pointer; }
.page_connexion .page_etape7 .input_password .eye img, .page_connexion .input_password .eye_bis img{ height: 35px; }
.page_connexion .page_etape7 .info_mdp{ font-size: 16px; font-weight: normal; color: #6d7186; margin-bottom: 30px; }

.page_connexion .page_etape8 .contact_ra{ font-size: 18px; font-weight: 600; color: #181a25; margin-bottom: 30px; }
.page_connexion .page_etape8 .info_contact{ font-size: 16px; font-weight: normal; color: #181a25; }

.page_connexion .footer_connexion{ margin-top: 65px; margin-bottom: 50px; color: #989aaa; font-size: 16px; font-weight: 600; }


.page_connexion .connexion_compte .bouton_blanc{ text-align: center; border-radius: 8px; color: #989aaa; border: 1px solid #dbdce1; background-color: #fff; height: 60px; line-height: 60px; padding: 0 45px; font-size: 18px; font-weight: bold; display: block; }
.page_connexion .connexion_compte .bouton_blanc:hover{ text-decoration: none; background-color: #f7f7f7; }
.page_connexion .connexion_compte .bouton_blanc:focus{ text-decoration: none; }
.page_connexion .connexion_compte .bouton_rouge{ text-align: center; border-radius: 8px; color: #ffffff; background-color: #e83f40; height: 60px; line-height: 60px; padding: 0 45px; font-size: 18px; font-weight: bold; display: inline-block; }
.page_connexion .connexion_compte .bouton_rouge_block{ display: block; text-align: center; }
.page_connexion .connexion_compte .bouton_rouge:hover{ text-decoration: none; background-color: #ff292b; }
.page_connexion .connexion_compte .bouton_rouge:focus{ text-decoration: none; }

.page_connexion .connexion_compte label{ font-size: 18px; font-weight: 600; color: #343951; }
.page_connexion .connexion_compte .has-error label{ color: #e83f40; }
.page_connexion input[type="text"], .page_connexion input[type="password"]{ box-shadow: none; padding: 14px 20px 14px 20px; height: 50px; font-size: 16px; color: #000; border-radius: 8px; border: 1px solid #cfd2e0; }
.page_connexion input[type="text"]:focus, .page_connexion input[type="password"]:focus{ box-shadow: none; color: #000 !important; border: 1px solid #d8aa4c !important; }
.page_connexion select{ box-shadow: none; padding: 14px 20px 14px 20px; font-size: 16px; color: #000; border-radius: 8px; border: 1px solid #cfd2e0; height: inherit; }

.page_connexion .has-error input[type="text"], .page_connexion .has-error input[type="password"],
.page_connexion .has-error input[type="radio"], .page_connexion .has-error input[type="checkbox"]{ border: 1px solid #e83f40; color: #e83f40; }

.page_connexion input[type='radio']{ cursor: pointer; position: relative; top: 2px; -webkit-appearance: none; width: 15px; height: 15px; border-radius: 50%; outline: none; border: 2px solid #989aaa; }
.page_connexion input[type='radio']:checked{ border: 2px solid #d8aa4c; }
.page_connexion input[type='radio']:before{ content: ''; display: block; width: 60%; height: 60%; margin: 24% auto; border-radius: 50%; }
.page_connexion input[type='radio']:checked:before{ background: #d8aa4c; }
/* IE ONLY */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page_connexion input[type='radio']:checked{ box-shadow: 0 0 0 2px #d8aa4c; }
}
/* CHROME 29+ AND FIREFOX ONLY */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  .page_connexion input[type='radio']{ top: 1px; }
  /*.page_connexion input[type='radio']:before{ margin: 20% auto; }*/
}

.page_connexion input[type='checkbox']{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; position: relative; cursor: pointer; margin: 0; width: 20px; outline: 0; height: 20px; border-radius: 4px; border: 1px solid #989aaa; float: left; }
.page_connexion input[type='checkbox'] + span{ float: left; width: 93%; margin-left: 11px; font-size: 13px; color: #6d7186; }
.page_connexion input[type='checkbox']:checked{ background: #d8aa4c; border: 1px solid #d8aa4c; margin: 0px; position: relative; outline: 0; }
.page_connexion input[type='checkbox']:before{ font-family: "FontAwesome", "Font Awesome 5 Free"; content: "\f00c"; display: block; color: #ffffff; font-size: 13px; position: absolute; top: 2px; left: 3px; }
/* IE ONLY */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page_connexion input[type='checkbox']{ border-radius: 4px; box-shadow: inset 0 0 0 1px #989aaa; background: #fff; }
  .page_connexion input[type='checkbox']::-ms-check{ display: none; }
  .page_connexion input[type='checkbox']:checked{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
    background-size: 60% 60%; background-position: center; background-repeat: no-repeat; border: 0; }
}



/* CREATION DOSSIER NEW PARCOURS */
.page_creation_dossier .creation_dossier .fleche_retour a:hover img{ transform: translateX(5px); }
.page_creation_dossier .creation_dossier .error_message, .page_creation_dossier .error_message{ font-size: 17px; color: #e83f40; padding-top: 15px; }
.page_creation_dossier .creation_dossier .error_message a, .page_creation_dossier .error_message a{ color: #e83f40; text-decoration: underline; }
.page_creation_dossier .creation_dossier .error_message a:hover, .page_creation_dossier .error_message a:hover{ text-decoration: none; }
.page_creation_dossier .creation_dossier .error_message_sous_submit, .page_creation_dossier .error_message_sous_submit{ font-size: 17px; color: #e83f40; padding-top: 20px; }
.page_creation_dossier .creation_dossier_etape_9{ margin-top: 40px; }

.page_creation_dossier{ font-family: "Raleway"; color: #181a25; }
.page_creation_dossier .col-md-0{ display: none; }
.page_creation_dossier .form-group{ margin-bottom: 0; }
.page_creation_dossier .logo_entete{ padding: 30px 0px 90px 30px; display: inline-block; }
.page_creation_dossier .logo_entete img{ height: 50px }

.page_creation_dossier .fil_ariane_creation_dossier_mobile{ display: none; }
.page_creation_dossier .fil_ariane_creation_dossier{ display: inline-block; margin-left: 5%; position: relative; top: 24px; color: #989aaa; /*overflow: hidden;*/ }
.page_creation_dossier .fil_ariane_creation_dossier .bloc_etape{ float: left; width: 135px; margin-left: 7px; }
.page_creation_dossier .fil_ariane_creation_dossier .bloc_etape span{ font-size: 13px; font-weight: bold; display: inline-block; margin-bottom: 17px; }
.page_creation_dossier .fil_ariane_creation_dossier .bloc_etape span.active{ color: #343951; }
.page_creation_dossier .fil_ariane_creation_dossier .bloc_etape .rempli{ width: 100%; height: 5px; background: #dbdce1; }
.page_creation_dossier .fil_ariane_creation_dossier .bloc_etape .rempli.fait .remplissage{ height: 100%; background: #e83f40; }
.page_creation_dossier .fil_ariane_creation_dossier .presque_fini{ position: absolute; right: 0; top: 50px; font-size: 14px; font-weight: 600; color: #6d7186; }
.page_creation_dossier .fil_ariane_creation_dossier .presque_fini span{ position: relative; top: 10px;right: 10px; }
.page_creation_dossier .fil_ariane_creation_dossier .presque_fini img{ height: 50px; }

.page_creation_dossier .creation_dossier div[class^="col-"]{ padding-left: 0; padding-right: 0; }
.page_creation_dossier .input_password{ position: relative; }
.page_creation_dossier .input_password input{ padding-right: 70px !important; }
.page_creation_dossier .input_password input::-ms-clear, .page_creation_dossier .input_password input::-ms-reveal{ display: none; }
.page_creation_dossier .input_password .eye, .page_creation_dossier .input_password .eye_bis{ position: absolute; top: 20px; right: 10px; cursor: pointer; }
.page_creation_dossier .input_password .eye img, .page_creation_dossier .input_password .eye_bis img{ height: 35px; }

.page_creation_dossier .footer_creation{ border-top: 1px solid #f0f1f3; margin-top: 70px; padding-top: 23px; }
.page_creation_dossier .footer_creation a{ text-decoration: underline; color: #6d7186; }
.page_creation_dossier .footer_l1{ font-size: 16px; font-weight: 500; line-height: 1.35; color: #6d7186; margin-bottom: 10px; }
.page_creation_dossier .footer_l2{ opacity: 0.7; font-size: 13px; font-weight: 500; line-height: 1.35; color: #989aaa; height: 49px; }

.page_creation_dossier .creation_dossier ul{ margin-bottom: 0; padding-left: 0; }
.page_creation_dossier .creation_dossier ul li{ font-size: 18px; font-weight: 500; list-style-type: none; line-height: 1.83; color: #6d7186; }
.page_creation_dossier .creation_dossier ul li::before{ content:" "; display: inline-block; width: 7px; height: 7px; border-radius: 10px; background-color: #d8aa4c; margin-right: 8px; }

.page_creation_dossier .creation_dossier .bouton_rouge{ border-radius: 8px; color: #ffffff; background-color: #e83f40; height: 60px; line-height: 60px; padding: 0 45px; font-size: 18px; font-weight: bold; display: inline-block; }
.page_creation_dossier .creation_dossier .bouton_rouge:hover{ text-decoration: none; background-color: #ff292b; }
.page_creation_dossier .creation_dossier .bouton_rouge:focus{ text-decoration: none; }
.page_creation_dossier .creation_dossier .bouton_rouge_disabled{ cursor: inherit; border-radius: 8px; color: #ffffff; background-color: #ffb9b9; height: 60px; line-height: 60px; padding: 0 45px; font-size: 18px; font-weight: bold; display: inline-block; }
.page_creation_dossier .creation_dossier .bouton_rouge_disabled:hover, .page_creation_dossier .creation_dossier .bouton_rouge_disabled:focus{ cursor: inherit; border-radius: 8px; color: #ffffff; background-color: #ffb9b9; height: 60px; line-height: 60px; padding: 0 45px; font-size: 18px; font-weight: bold; display: inline-block; }

/* bouton rouge b*/
.page_creation_dossier .creation_dossier .bouton_rouge_b{ border-radius: 8px; color: #ffffff; background-color: #e83f40; height: 60px; line-height: 60px; padding: 0 30px; font-size: 18px; font-weight: bold; display: inline-block; }
.page_creation_dossier .creation_dossier .bouton_rouge_b:hover{ text-decoration: none; background-color: #ff292b; }
.page_creation_dossier .creation_dossier .bouton_rouge_b:focus{ text-decoration: none; }
.page_creation_dossier .creation_dossier .bouton_rouge_b_disabled{ cursor: inherit; border-radius: 8px; color: #ffffff; background-color: #ffb9b9; height: 60px; line-height: 60px; padding: 0 30px; font-size: 18px; font-weight: bold; display: inline-block; }
.page_creation_dossier .creation_dossier .bouton_rouge_b_disabled:hover, .page_creation_dossier .creation_dossier .bouton_rouge_disabled:focus{ cursor: inherit; border-radius: 8px; color: #ffffff; background-color: #ffb9b9; height: 60px; line-height: 60px; padding: 0 45px; font-size: 18px; font-weight: bold; display: inline-block; }


#modal .bouton_rouge{ border-radius: 8px; color: #ffffff; background-color: #e83f40; height: 40px; line-height: 40px; padding: 0 20px; font-size: 16px; font-weight: bold; display: inline-block; }
#modal .bouton_rouge:hover{ text-decoration: none; background-color: #ff292b; }
#modal .bouton_rouge:focus{ text-decoration: none; }

.page_creation_dossier .creation_dossier .bouton_rouge_2{ border-radius: 8px; color: #ffffff; background-color: #e83f40; height: 60px; line-height: 60px; padding: 0 45px; font-size: 18px; font-weight: bold; display: inline-block; }
.page_creation_dossier .creation_dossier .bouton_rouge_2:hover{ text-decoration: none; background-color: #ff292b; }
.page_creation_dossier .creation_dossier .bouton_rouge_2:focus{ text-decoration: none; }
.page_creation_dossier .creation_dossier .bouton_gris{ border-radius: 8px; color: #ffffff; background-color: #cfd2e0; height: 60px; line-height: 60px; padding: 0 45px; font-size: 18px; font-weight: bold; display: inline-block; }
.page_creation_dossier .creation_dossier .bouton_gris:hover{ text-decoration: none; background-color: #a3a3a3; }
.page_creation_dossier .creation_dossier .bouton_gris.disabled:hover{ background-color: #cfd2e0; }
.page_creation_dossier .creation_dossier .bouton_gris:focus{ text-decoration: none; }

.page_creation_dossier .creation_dossier .titre_etape{ font-family: "Raleway"; font-size: 40px; font-weight: bold; color: #181a25; margin-top: -19px; padding-bottom: 20px; line-height: 45px; }
.page_creation_dossier .creation_dossier .titre_2{ font-size: 24px; font-weight: 600; line-height: 1.35; color: #181a25; }
.page_creation_dossier .creation_dossier .titre_3{ font-size: 22px; font-weight: 500; line-height: 1.28; color: #6d7186; }
.page_creation_dossier .creation_dossier .titre_3_highlight{ font-size: 22px; font-weight: bold; font-weight: 500; line-height: 1.28; color: #d8aa4c; }
.page_creation_dossier .creation_dossier .titre_4{ font-size: 18px; font-weight: 500; line-height: 1.5; color: #6d7186; }
.page_creation_dossier .creation_dossier .titre_5{ font-size: 16px; font-weight: 500; line-height: 1.5; color: #989aaa; }
.page_creation_dossier .creation_dossier .titre_5_semibold{ font-size: 16px; font-weight: 600; line-height: 1.3; color: #181a25; }
.page_creation_dossier .creation_dossier .titre_6{ font-size: 13px; font-weight: 500; line-height: 1.5; color: #181a25; }
.page_creation_dossier .creation_dossier .sous_titre_gerant{ font-size: 16px; font-weight: 600; line-height: 1.5; color: #181a25; }

/*.page_creation_dossier .creation_dossier .forme_juridique .affichage_mobile{ display: none; }*/
.page_creation_dossier .creation_dossier .etape1 .duree_inscription{ font-size: 22px; font-weight: 500; color: #6d7186; padding-bottom: 50px; }
.page_creation_dossier .creation_dossier .etape1 .marche_professionnel{ font-size: 24px; font-weight: 600; padding-bottom: 25px; }
.page_creation_dossier .creation_dossier .etape1 .vous_etes{ font-size: 20px; font-weight: 600; padding-bottom: 20px; }
.page_creation_dossier .creation_dossier .etape1 .info_prepare .titre_2{ padding-top: 20px; padding-bottom: 5px; }
/*.page_creation_dossier .creation_dossier .etape1 .info_prepare .documents_a_preparer{ padding-bottom: 50px; }*/

.page_creation_dossier .creation_dossier .forme_juridique .cadre_form{ border-radius: 8px; border: 1px solid #cfd2e0; margin-right: 40px; }
.page_creation_dossier .creation_dossier .forme_juridique .cadre_form label{ font-size: 16px; padding: 15px 0 17px 15px; margin-bottom: 0; display: block; }
.page_creation_dossier .creation_dossier .forme_juridique .cadre_form label input{ margin-right: 7px; }

.page_creation_dossier .creation_dossier .etape2 .mail_compte{ font-size: 22px; font-weight: 500; color: #6d7186; padding-bottom: 50px; }
.page_creation_dossier .creation_dossier .etape2 .assurez_vous{ font-size: 16px; padding-top: 11px; padding-bottom: 40px; }
.page_creation_dossier .creation_dossier .etape2 .etoile_mail{ position: absolute; top: 20px; right: -20px; }
.page_creation_dossier .creation_dossier .adresse_e_mail .donnees{ padding-top: 65px; }
.page_creation_dossier .creation_dossier .adresse_e_mail label{ margin-bottom: 0; }

.page_creation_dossier .creation_dossier .etape3 .info_mdp{ font-size: 22px; font-weight: 500; color: #6d7186; padding-bottom: 50px; }
.page_creation_dossier .creation_dossier .mot_de_passe .info_mdp, .page_creation_dossier .creation_dossier .mot_de_passe .info_mdp_bis{ display: none; }
.page_creation_dossier .creation_dossier .mot_de_passe .complexite{ width: 269px; height: 75px; border-radius: 8px; box-shadow: 0 3px 13px 0 rgba(78, 78, 78, 0.11); background-color: #FFF; margin-left: 43px; padding: 15px 30px 15px 23px; }
.page_creation_dossier .creation_dossier .mot_de_passe .complexite .libelle_info_mdp{ font-size: 13px; font-weight: 500; color: #181a25; padding-bottom: 5px; padding-left: 4px; }
.page_creation_dossier .creation_dossier .mot_de_passe .complexite .note{ margin-left: 25px; }
.page_creation_dossier .creation_dossier .mot_de_passe .complexite .tick_mdp{ display: inline-block; width: 15px; height: 15px; margin-right: 5px; }
.page_creation_dossier .creation_dossier .mot_de_passe .complexite .un_bullet_mdp{ display: inline-block; width: 15px; height: 15px; border-radius: 8px; background-color: #dbdce1; border: 3px solid #FFF; margin: 0 2px; }
.page_creation_dossier .creation_dossier .mot_de_passe .complexite .un_bullet_mdp.actif{ background-color: #fab963; border: 3px solid #fab963; }
.page_creation_dossier .creation_dossier .mot_de_passe .complexite .un_bullet_mdp.actif_vert{ background-color: #9bcb8b; border: 3px solid #9bcb8b; }

.page_creation_dossier .creation_dossier .etape4 .contenu_page{ padding-left: 45px !important; }
.page_creation_dossier .creation_dossier .je_souhaite .form-group{ padding-bottom: 10px; }
.page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite{ height: 425px; text-align: center; border-radius: 12px; border: 1px solid #cfd2e0; margin-right: 30px; padding: 20px; }
.page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite label{ margin-bottom: 0; }
.page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .affichage_tablette{ display: none; }
.page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .img_souhait{ height: 145px; }
.page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .img_souhait img{ margin: auto; }
.page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .bouton_radio{ padding-top: 10px; }
.page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .libelle_souhait{ padding: 20px 30px; font-size: 16px; font-weight: 650; color: #181a25; }
.page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .texte_souhait{ font-size: 16px; padding: 0 30px; color: #6d7186; }
.page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .texte_souhait_2{ display: block; }
.page_creation_dossier .creation_dossier .je_souhaite .rassurer{ font-size: 22px; color: #6d7186; }

.page_creation_dossier .creation_dossier .felicitations .img_felicitations{ margin-top: -8px; position: absolute; padding-left: 15px; }
.page_creation_dossier .creation_dossier .felicitations .img_felicitations img{ height: 38px; }
.page_creation_dossier .creation_dossier .felicitations .bravo{ font-size: 22px; font-weight: 500; color: #6d7186; padding-bottom: 40px; }
.page_creation_dossier .creation_dossier .felicitations .titre_2{ font-size: 24px; font-weight: 600; color: #6d7186; }
.page_creation_dossier .creation_dossier .felicitations .titre_2_jaune{ font-size: 22px; font-weight: bold; color: #d8aa4c; }
.page_creation_dossier .creation_dossier .felicitations .explications{ font-size: 18px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .felicitations .img_reconnexion{ margin: 30px 0 0 40px; }

.page_creation_dossier .creation_dossier .votre_structure .recherche_structure{ font-size: 22px; font-weight: 500; color: #6d7186; padding-bottom: 25px; }
.page_creation_dossier .creation_dossier .votre_structure .renseignement_manuel_bis{ font-size: 16px; }
.page_creation_dossier .creation_dossier .votre_structure .renseignement_manuel_bis a{ font-weight: 500; color: #181a25; }
.page_creation_dossier .creation_dossier .votre_structure .info_formulaire .trouve_pas{ font-size: 18px; font-weight: bold; color: #d8aa4c; padding-bottom: 15px; }
.page_creation_dossier .creation_dossier .votre_structure .info_formulaire .trouve_pas a{ font-weight: 600; color: #181a25; }
/*.page_creation_dossier .creation_dossier .votre_structure .info_formulaire .renseignement_manuel{ padding-bottom: 45px; }*/
/*.page_creation_dossier .creation_dossier .votre_structure .info_formulaire .renseignement_manuel a{ font-size: 18px; font-weight: 600; color: #181a25; }*/
.page_creation_dossier .creation_dossier .votre_structure .info_formulaire .nous_joindre{ font-size: 18px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .votre_structure .bloc_cap_adresse{ border-radius: 12px; background-color: #f0f1f3; padding: 20px 45px; margin-bottom: 23px; }
.page_creation_dossier .creation_dossier .votre_structure .bloc_cap_adresse label{ font-size: 18px; font-weight: 600; color: #181a25; }
.page_creation_dossier .creation_dossier .votre_structure .bloc_cap_adresse .form-group{ margin-bottom: 30px; }
/*.page_creation_dossier .creation_dossier .votre_structure .structure_pre_remplie, .page_creation_dossier .creation_dossier .votre_structure .structure_manuelle{ font-size: 22px; color: #6d7186; padding-bottom: 43px; }*/
.page_creation_dossier .creation_dossier .votre_structure .structure_pre_remplie .ma_fiche{ font-size: 24px; font-weight: 600; color: #181a25; margin-top: 40px; }
.page_creation_dossier .creation_dossier .votre_structure .structure_pre_remplie .info_remplie{ font-size: 18px; font-weight: 500; color: #6d7186; padding-top: 2px; margin-bottom: 20px; }

.page_creation_dossier .creation_dossier .votre_structure .structure_manuelle .renseigner_info_manuel{ font-size: 22px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .votre_structure .structure_manuelle .autre_recherche{ padding-top: 2px; margin-bottom: 43px; }
.page_creation_dossier .creation_dossier .votre_structure .structure_manuelle .autre_recherche a{ font-size: 18px; font-weight: 600; color: #181a25; }

.page_creation_dossier .creation_dossier .votre_structure .col-md-11, .page_creation_dossier .creation_dossier .votre_structure .col-sm-11{ padding-right: 40px; }
.page_creation_dossier .creation_dossier .votre_structure .col-md-5, .page_creation_dossier .creation_dossier .votre_structure .col-sm-5{ margin-right: 40px; }
.page_creation_dossier .creation_dossier .votre_structure .activite p{ height: 50px; line-height: 50px; margin: 0; font-size: 18px; }

.page_creation_dossier .creation_dossier .etape7 .civilite_gerant{ font-size: 16px; }
.page_creation_dossier .creation_dossier .le_gerant .form-group-1{ padding-bottom: 10px; }
.page_creation_dossier .creation_dossier .le_gerant .col-md-5{ margin-right: 40px; }
.page_creation_dossier .creation_dossier .le_gerant .cadre_gerant{ text-align: center; border-radius: 12px; border: 1px solid #cfd2e0; padding: 20px; font-size: 16px; color: #181a25; font-weight: 600; }
.page_creation_dossier .creation_dossier .le_gerant .cadre_gerant .img_gerant{ text-align: center; height: 100px; }
.page_creation_dossier .creation_dossier .le_gerant .cadre_gerant .img_gerant img{ max-height: 100%; }
/*.page_creation_dossier .creation_dossier .le_gerant .cadre_gerant .img_gerant_1 img{ margin-top: 15px; }*/
.page_creation_dossier .creation_dossier .le_gerant .cadre_gerant label{ color: #181a25; font-weight: 600; display: block; }
.page_creation_dossier .creation_dossier .le_gerant .titre_coordonnees{ font-size: 24px; font-weight: 600; color: #181a25; }
.page_creation_dossier .creation_dossier .le_gerant .sous_titre_coordonnees{ font-size: 16px; font-weight: 500; color: #6d7186; padding-bottom: 25px; margin-top: -5px; }
.page_creation_dossier .creation_dossier .le_gerant .confirme{ font-size: 16px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .le_gerant label{ margin-bottom: 0; }
.page_creation_dossier .creation_dossier .le_gerant .donnees{ padding-top: 65px; }

.page_creation_dossier .creation_dossier .ajout_document .document_nouveau_sur_mr{ font-size: 22px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .ajout_document .option_mobile{ margin-top: 20px; font-size: 18px; }
.page_creation_dossier .creation_dossier .ajout_document .document_image_ajout{ display: block; margin-top: -45px; }
.page_creation_dossier .creation_dossier .ajout_document .padd45bot{ padding-bottom: 65px; }
.page_creation_dossier .creation_dossier .ajout_document .une_piece h4{ color: #181a25; font-size: 18px; font-weight: 600; }
.page_creation_dossier .creation_dossier .ajout_document .depot_fichier{ font-size: 18px; color: #989aaa; }
.page_creation_dossier .creation_dossier .ajout_document .achat_kbis a{ font-size: 16px; color: #181a25; }
.page_creation_dossier .creation_dossier .ajout_document .bouton_upload{ cursor: pointer; font-size: 13px; color: #434b60; border-radius: 8px; border: solid 1px #cfd2e0; background: #FFF; padding: 12px 18px; }
.page_creation_dossier .creation_dossier .ajout_document .input_parcourir{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer; }
.page_creation_dossier .creation_dossier .ajout_document .ordi_ou_mobile{ display: inline; }
.page_creation_dossier .creation_dossier .ajout_document .visu_document_uploade{ text-align: center; }
.page_creation_dossier .creation_dossier .ajout_document .visu_document_uploade img{ width: 90%; }
.page_creation_dossier .creation_dossier .ajout_document .titre_document_utilisateur{ font-size: 16px; font-weight: 500; color: #6d7186; padding-top: 15px; }
.page_creation_dossier .creation_dossier .ajout_document .delete_document_utilisateur{ font-size: 13px; font-weight: 600; color: #6d7186; }
.page_creation_dossier .creation_dossier .ajout_document .delete_document_utilisateur a{ text-decoration: underline; color: #6d7186; }
.page_creation_dossier .creation_dossier .ajout_document .separateur_document{ height: 65px; }

.page_creation_dossier .creation_dossier .ajout_document .barre_progression_upload .progress-bar-success{ border-radius: 4px; background-color: #d8aa4c; }
.page_creation_dossier .creation_dossier .ajout_document .barre_progression_upload .texte-progress{ font-size: 16px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .ajout_document .barre_progression_upload .pourcentage-progress{ font-size: 18px; font-weight: bold; color: #d8aa4c; }
.page_creation_dossier .creation_dossier .ajout_document .barre_progression_upload .progress{ margin-top: 8px; margin-bottom: 14px; }
.page_creation_dossier .creation_dossier .ajout_document .barre_progression_upload .annuler-upload a{ font-size: 13px; font-weight: 600; color: #6d7186; text-decoration: underline; }

.page_creation_dossier .barre_progression_mobile{ position: fixed; width: 100%; height: 100%; z-index: 1000; overflow: hidden; background: #FFF; }
.page_creation_dossier .barre_progression_mobile .um_logo_rungis{ float: right; }
.page_creation_dossier .barre_progression_mobile .um_logo_rungis img{ width: 110px; text-align: right; margin: 12px 20px 40px 0; }
.page_creation_dossier .barre_progression_mobile .um_chargement{ clear: both; text-align: center; margin-bottom: 90px; }
.page_creation_dossier .barre_progression_mobile.barre_progression_upload .progress-bar-success{ border-radius: 4px; background-color: #d8aa4c; }
.page_creation_dossier .barre_progression_mobile.barre_progression_upload .texte-progress{ font-size: 16px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .barre_progression_mobile.barre_progression_upload .pourcentage-progress{ font-size: 18px; font-weight: bold; color: #d8aa4c; }
.page_creation_dossier .barre_progression_mobile.barre_progression_upload .progress{ margin-top: 8px; margin-bottom: 14px; }
.page_creation_dossier .barre_progression_mobile.barre_progression_upload .annuler-upload a{ font-size: 13px; font-weight: 600; color: #6d7186; text-decoration: underline; }
.page_creation_dossier .barre_progression_mobile.barre_progression_upload .um_message_info{ font-size: 12px; font-weight: 500; margin: 50px 20px 0 20px; text-align: center; color: #6d7186; }



.page_creation_dossier .telechargement_fini{ position: fixed; width: 100%; height: 100%; z-index: 1000; overflow: hidden; background: #FFF; }
.page_creation_dossier .telechargement_fini .um_logo_rungis{ float: right; }
.page_creation_dossier .telechargement_fini .um_logo_rungis img{ width: 110px; text-align: right; margin: 12px 20px 40px 0; }
.page_creation_dossier .telechargement_fini .um_chargement{ clear: both; text-align: center; margin-bottom: 50px; }
.page_creation_dossier .telechargement_fini .texte_telechargement_fini{ text-align: center; padding: 0 50px; font-size: 16px; font-weight: bold; color: #6ea85d; }
.page_creation_dossier .telechargement_fini .continuer_telechargement_fini{ color: #6d7186; }
.page_creation_dossier .telechargement_fini .continuer_telechargement_fini a{ color: #d8aa4c; text-decoration: underline; }





.page_creation_dossier .affiche_info_image_uploadee{ position: fixed; width: 100%; height: 100%; z-index: 1000; overflow: hidden; background: #FFF; }
.page_creation_dossier .affiche_info_image_uploadee .image_uploadee{ height: 50%; text-align: center; margin: auto; }
.page_creation_dossier .affiche_info_image_uploadee .image_uploadee img{ max-height: 100%; max-width: 100%; }
.page_creation_dossier .affiche_info_image_uploadee .assurez_vous{ font-size: 20px; font-weight: 500; color: #6d7186; margin: 25px 20px 40px 20px; text-align: center; }
.page_creation_dossier .affiche_info_image_uploadee .reprendre_photo{ color: #d8aa4c; text-align: center; margin-bottom: 20px; }
.page_creation_dossier .affiche_info_image_uploadee .reprendre_photo a{ font-size: 14px; font-weight: 600; color: #d8aa4c; text-decoration: underline; text-align: center; }
.page_creation_dossier .affiche_info_image_uploadee .reprendre_photo a:hover{ text-decoration: none; }
.page_creation_dossier .affiche_info_image_uploadee .photo_lisible{ margin: auto; text-align: center; }

.page_renouv_dossier .affiche_info_image_uploadee{ position: fixed; width: 100%; height: 100%; z-index: 1000; overflow: hidden; background: #FFF; }
.page_renouv_dossier .affiche_info_image_uploadee .image_uploadee{ height: 50%; text-align: center; margin: auto; }
.page_renouv_dossier .affiche_info_image_uploadee .image_uploadee img{ max-height: 100%; max-width: 100%; }
.page_renouv_dossier .affiche_info_image_uploadee .assurez_vous{ font-size: 20px; font-weight: 500; color: #6d7186; margin: 25px 20px 40px 20px; text-align: center; }
.page_renouv_dossier .affiche_info_image_uploadee .reprendre_photo{ color: #d8aa4c; text-align: center; margin-bottom: 20px; }
.page_renouv_dossier .affiche_info_image_uploadee .reprendre_photo a{ font-size: 14px; font-weight: 600; color: #d8aa4c; text-decoration: underline; text-align: center; }
.page_renouv_dossier .affiche_info_image_uploadee .reprendre_photo a:hover{ text-decoration: none; }
.page_renouv_dossier .affiche_info_image_uploadee .photo_lisible{ margin: auto; text-align: center; }

.page_creation_dossier .creation_dossier .ajout_document .message_info_document{ font-size: 18px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .ajout_document .message_info_document .felicitations{ font-size: 18px; font-weight: bold; color: #9bcb8b; padding-bottom: 10px; margin-left: -45px; }
.page_creation_dossier .creation_dossier .ajout_document #depot_piece_spe .contenu{ margin: 30px 0 50px 30px; }
.page_creation_dossier .creation_dossier .ajout_document .recto_verso{ font-size: 18px; font-weight: 600; color: #181a25; margin-bottom: 5px; }
.page_creation_dossier .creation_dossier .ajout_document .recto_verso2{ font-size: 18px; font-weight: 600; color: #181a25; margin-bottom: 5px; margin-top: 25px; }

.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte{ border-radius: 12px; border: 1px solid #cfd2e0; margin-right: 30px; margin-bottom: 25px; padding: 20px 10px; height: 480px; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte label{ margin-bottom: 0px; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .img_carte{ padding: 0 50px; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .img_carte img{ margin: auto; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .bouton_radio{ padding-top: 0; padding-bottom: 17px; text-align: center; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .bouton_radio input{ width: 22px; height: 22px; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .titre_carte{ color: #181a25; text-align: center; font-size: 18px; font-weight: 600; padding-bottom: 5px; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .sous_titre_carte{ color: #6d7186; text-align: center; font-size: 18px; font-weight: 500; padding-bottom: 5px; height: 110px; }
.page-template-creationcarte .cadre_quelle_carte{ height: 500px !important; }
.page-template-creationcarte .sous_titre_carte{ height: 85px !important; }
.page-template-creationcarte .cadre_quelle_carte ul{ margin: 15px 15px !important; height: 100px; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte ul{ margin: 25px 15px; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte ul li{ font-size: 13px; font-weight: 500; color: #343951; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte ul li::before{ font-family: "FontAwesome", "Font Awesome 5 Free"; content: "\f00c"; color: #9bcb8b; background: none; margin-right: 10px; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte ul li.li_gris{ color: #989aaa; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte ul li.li_gris::before{ font-family: "FontAwesome", "Font Awesome 5 Free"; content: "\f00d"; color: #989aaa; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .info_verte{ font-size: 13px; line-height: 1.4; font-weight: bold; color: #8ab97a; text-align: center; padding: 0 30px; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .affichage_desktop{ display: block; }
.page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .affichage_tablette{ display: none; }
.page_creation_dossier .creation_dossier .etape9 .info_carte_supp{ font-size: 22px; color: #6d7186; }

.page_creation_dossier .creation_dossier .choix_vehicule .aide_choix_vehicule{ font-size: 22px; font-weight: 500; color: #6d7186; padding-bottom: 50px; }
.page_creation_dossier .creation_dossier .choix_vehicule .info_tva{ font-size: 18px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .choix_vehicule .cadre_form{ border-radius: 8px; border: 1px solid #cfd2e0; margin-right: 40px; }
.page_creation_dossier .creation_dossier .choix_vehicule .cadre_form label{ font-size: 16px; padding: 15px 0 17px 15px; margin-bottom: 0; display: block; }
.page_creation_dossier .creation_dossier .choix_vehicule .cadre_form label input{ margin-right: 7px; }

.page_creation_dossier .creation_dossier .carte_grise .carte_grise_lisible{ font-size: 22px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .carte_grise .depot_fichier{ font-size: 18px; color: #989aaa; }
.page_creation_dossier .creation_dossier .carte_grise .ordi_ou_mobile{ display: inline; }
.page_creation_dossier .creation_dossier .carte_grise .bouton_upload{ cursor: pointer; font-size: 13px; color: #434b60; border-radius: 8px; border: solid 1px #cfd2e0; background: #FFF; padding: 12px 18px; }
.page_creation_dossier .creation_dossier .carte_grise .input_parcourir{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer; }
.page_creation_dossier .creation_dossier .carte_grise .visu_carte_grise_uploadee img{ width: 90%; }
.page_creation_dossier .creation_dossier .carte_grise .titre_carte_grise_utilisateur{ font-size: 16px; font-weight: 500; color: #6d7186; padding-top: 15px; }
.page_creation_dossier .creation_dossier .carte_grise .delete_carte_grise_utilisateur{ font-size: 13px; font-weight: 600; color: #6d7186; }
.page_creation_dossier .creation_dossier .carte_grise .delete_carte_grise_utilisateur a{ text-decoration: underline; color: #6d7186; }
.page_creation_dossier .creation_dossier .carte_grise .barre_progression_carte_grise .progress-bar-success{ border-radius: 4px; background-color: #d8aa4c; }
.page_creation_dossier .creation_dossier .carte_grise .barre_progression_carte_grise .texte-progress{ font-size: 16px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .carte_grise .barre_progression_carte_grise .pourcentage-progress{ font-size: 18px; font-weight: bold; color: #d8aa4c; }
.page_creation_dossier .creation_dossier .carte_grise .barre_progression_carte_grise .progress{ margin-top: 8px; margin-bottom: 14px; }
.page_creation_dossier .creation_dossier .carte_grise .barre_progression_carte_grise .annuler-upload a{ font-size: 13px; font-weight: 600; color: #6d7186; text-decoration: underline; }

.renouvellement-etape2 .depot_fichier{ font-size: 18px; color: #989aaa; display: flex; justify-content: center; }
.renouvellement-etape2 .bouton_upload{ cursor: pointer; font-size: 13px; color: #434b60; border-radius: 8px; border: solid 1px #cfd2e0; background: #FFF; padding: 12px 18px; }
.renouvellement-etape2 .input_parcourir{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer; }

.renouvellement-etape3 .depot_fichier{ font-size: 18px; color: #989aaa; display: flex; justify-content: center; }
.renouvellement-etape3 .bouton_upload{ cursor: pointer; font-size: 13px; color: #434b60; border-radius: 8px; border: solid 1px #cfd2e0; background: #FFF; padding: 12px 18px; }
.renouvellement-etape3 .input_parcourir{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer; }

.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees{ text-align: center; border-radius: 12px; border: 1px solid #cfd2e0; margin-right: 30px; padding: 20px; }
.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees label{ margin-bottom: 0px; }
.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .affichage_desktop{ display: block; }
.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .affichage_tablette{ display: none; }
.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .img_entree img{ height: 60px; margin: auto; }
.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .bouton_radio{ padding-top: 5px; }
.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .libelle_entree{ padding: 17px 14px 3px 14px; font-size: 18px; font-weight: 600; color: #181a25; }
.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .saisie_entree{ padding: 12px 0 5px 0; }
.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .saisie_entree input::placeholder{ font-size: 12px; }
.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .minimum{ font-size: 13px; font-weight: 500; color: #989aaa; }
.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .compris{ font-size: 13px; font-weight: 500; color: #989aaa; padding-bottom: 17px; }
.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .prix_min{ padding-top: 39px; }
.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .prix_seul{ padding-top: 57px; }
.page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .prix_total{ font-size: 18px; font-weight: bold; color: #181a25; }
.page_creation_dossier .creation_dossier .choix_entrees .carte .sous_titre_choix_entrees{ font-size: 24px; font-weight: 600; color: #343951; margin-bottom: 0; }
.page_creation_dossier .creation_dossier .choix_entrees .carte .info_carte li{ padding-left: 20px; font-size: 16px; font-weight: 500; color: #343951; }
.page_creation_dossier .creation_dossier .choix_entrees .carte .info_carte li::before{ font-family: "FontAwesome", "Font Awesome 5 Free"; content: "\f00c"; color: #9bcb8b; background-color: #FFF; padding-right: 15px; }
.page_creation_dossier .creation_dossier .choix_entrees .carte .info_pass_express{ font-size: 16px; font-weight: 500; color: #989aaa; padding: 2px 0 0 0; margin-bottom: 20px; }
.page_creation_dossier .creation_dossier .choix_entrees .carte .bloc_pass_express{ border-radius: 12px; border: solid 1px #cfd2e0; padding: 24px 40px; }
.page_creation_dossier .creation_dossier .choix_entrees .carte .bloc_pass_express .check_pass{ margin-top: 10px }
.page_creation_dossier .creation_dossier .choix_entrees .carte .bloc_pass_express .presse{ font-size: 22px; font-weight: 600; color: #181a25; padding-right: 25px; }
.page_creation_dossier .creation_dossier .choix_entrees .carte .bloc_pass_express .plus_dinfos a{ font-size: 14px; color: #181a25; padding-top: 10px; }
.page_creation_dossier .creation_dossier .choix_entrees .carte .bloc_pass_express .plus_dinfos a:hover, .page_creation_dossier .creation_dossier .choix_entrees .carte .bloc_pass_express .plus_dinfos a:focus{ text-decoration: none; }
.page_creation_dossier .creation_dossier .choix_entrees .carte .bloc_pass_express .plus_dinfos span::after{ font-family: "FontAwesome", "Font Awesome 5 Free"; content: "\f107"; color: #181a25; padding-left: 10px; font-size: 25px; top: 4px; position: relative; }
.page_creation_dossier .creation_dossier .choix_entrees .carte .cgv{ font-size: 13px; font-weight: 600; color: #d8aa4c; }

.page_creation_dossier .creation_dossier .paiement .numero_paiement{ font-size: 22px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .paiement .col_milieu{ margin: 0 35px; }
.page_creation_dossier .creation_dossier .paiement .cadre_logo_paiement{ border-radius: 12px; border: solid 1px #cfd2e0; background-color: #FFF; padding: 15px; text-align: center; }
.page_creation_dossier .creation_dossier .paiement .cadre_logo_paiement .img-responsive{ display: inline-block; }

.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .en_cours_de_traitement{ font-size: 18px; font-weight: 500; margin-bottom: 35px; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .en_cours_de_traitement a{ color: #181a25; text-decoration: underline; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .en_cours_de_traitement a:hover{ text-decoration: none; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .col_gauche{ margin-right: 20px; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .recevoir{ font-size: 18px; font-weight: 500; margin-bottom: 11px; color: #343951; }

.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .saviez_vous{ font-size: 16px; margin-top: 20px; margin-bottom: 0px; color: #343951; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .saviez_vous h2{ font-size: 18px; font-weight: 600; margin: 0; padding: 0 0 5px 0; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .saviez_vous a{ color: #343951; text-decoration: underline; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .saviez_vous a:hover{ text-decoration: none; }

.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .adresse{ font-size: 18px; font-weight: 600; color: #343951; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .cadre_violet{ border-radius: 8px; background-color: #9c579a; color: #FFF; text-align: center; padding: 30px 0; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .cadre_violet .titre_pe{ font-size: 21px; font-weight: 800; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .cadre_violet .moins_heure{ font-size: 18px; font-weight: normal; font-style: italic; color: #f0f1f3; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .pass_express{ font-size: 18px; font-weight: 500; margin-bottom: 11px; color: #343951; padding-top: 13px; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .email{ font-size: 18px; font-weight: 600; color: #343951; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .cadre_important{ border-radius: 12px; box-shadow: 0 3px 13px 0 rgba(78, 78, 78, 0.11); background-color: #FFF; padding: 25px; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .cadre_important .important{ font-size: 18px; font-weight: bold; color: #e83f40; margin: 16px 0 20px 0; text-align: center; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .cadre_important .texte{ font-size: 16px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .liens a{ font-size: 16px; font-weight: 600; color: #6d7186; text-decoration: underline; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne1 .liens a:hover{ text-decoration: none; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .titre_marche{ font-size: 16px; font-weight: 500; font-weight: bold; color: #181a25; margin-top: 30px; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .texte_marche{ font-size: 16px; font-weight: 500; color: #181a25; margin-bottom: 30px; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .lien_marche{ font-size: 13px; font-weight: 600; margin-top: 18px; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .lien_marche a{ color: #6d7186; text-decoration: underline; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .lien_marche a:hover{ text-decoration: none; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .col_gauche p{ font-size: 13px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .verticale{ position: relative; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .ligne_verticale{ position: absolute; top: 0; left: 45px; height: 450px; border-left: 1px solid #cccedc; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .titre_espace_client{ font-size: 18px; font-weight: 500; font-weight: bold; color: #343951; margin-top: 3px; margin-bottom: 5px; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .texte_expace_client{ font-size: 16px; font-weight: 500; line-height: 1.5; color: #6d7186; margin-bottom: 17px; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .lien_espace_client{ margin-top: 20px; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .col_droite .bouton_blanc{ border-radius: 8px; color: #343951; background-color: #ffffff; border: 1px solid #d6d7e3; height: 60px; line-height: 60px; padding: 0 45px; font-size: 13px; font-weight: bold; display: inline-block; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .col_droite .bouton_blanc:hover{ text-decoration: none; background-color: #f7f7f7; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .col_droite .bouton_blanc:focus{ text-decoration: none; }
.page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne2 .col_droite p{ font-size: 13px; font-weight: 500; color: #6d7186; margin-top: 20px; }

.page_creation_dossier .creation_dossier .panier_creation_compte{  }
.page_creation_dossier .creation_dossier .panier_creation_compte .tableau_panier_creation{ font-size: 18px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .panier_creation_compte .achat_nouvelle_carte{ font-size: 16px; font-weight: 500; color: #6d7186; margin-top: 50px; margin-bottom: 63px; }
.page_creation_dossier .creation_dossier .panier_creation_compte .achat_nouvelle_carte a{ display: inline-block; margin-top: 11px; padding: 2px 5px; border-radius: 5px; font-weight: 600; text-decoration: none; background: #e83f40; color: #fff; }
.page_creation_dossier .creation_dossier .panier_creation_compte .achat_nouvelle_carte_vide a{ display: inline-block; margin-top: 11px; padding: 2px 5px; border-radius: 5px; font-weight: 600; text-decoration: none; background: #e83f40; color: #fff; }
.page_creation_dossier .creation_dossier .panier_creation_compte .paiement_cb{ font-size: 13px; font-weight: 500; color: #6d7186; margin-bottom: 15px; }
.page_creation_dossier .creation_dossier .panier_creation_compte .ligne_entete_panier td{ border: none; background: #f0f1f3; font-size: 18px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .panier_creation_compte .ligne_entete_panier .colonne_1{ width: 120px; }
.page_creation_dossier .creation_dossier .panier_creation_compte .colonne_1_contenu img{ width: 120px; }
.page_creation_dossier .creation_dossier .panier_creation_compte .lien_action_carte{ font-size: 13px; font-weight: 600; color: #343951; text-decoration: underline; display: inline-block; margin-top: 20px; }
.page_creation_dossier .creation_dossier .panier_creation_compte .tr_final td{ border: none; }
.page_creation_dossier .creation_dossier .panier_creation_compte .totaux1 td{ padding-top: 20px; }

.page_creation_dossier .creation_dossier .panier_creation_compte .totaux1 .td1{ font-size: 16px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .panier_creation_compte .totaux1 .td2{ font-size: 18px; font-weight: 500; color: #989aaa; }
.page_creation_dossier .creation_dossier .panier_creation_compte .totaux2 .td1{ font-size: 16px; font-weight: 500; color: #6d7186; }
.page_creation_dossier .creation_dossier .panier_creation_compte .totaux2 .td2{ font-size: 18px; font-weight: 500; color: #989aaa; }

.page_creation_dossier .creation_dossier .panier_creation_compte .totaux3{ background: #f0f1f3; font-size: 22px; font-weight: bold; color: #343951; }
.page_creation_dossier .creation_dossier .panier_creation_compte .form_parrainage{ margin-top: 10px; }
.page_creation_dossier .creation_dossier .panier_creation_compte .valide_code_promo{ font-size: 13px; font-weight: 600; color: #434b60; text-decoration: underline; padding-top: 14px; display: inline-block; }
.page_creation_dossier .creation_dossier .panier_creation_compte .valide_code_promo:hover{ text-decoration: none; }
.page_creation_dossier .creation_dossier .panier_creation_compte .valide_code_parrain{ font-size: 13px; font-weight: 600; color: #434b60; text-decoration: underline; padding-top: 14px; display: inline-block; }
.page_creation_dossier .creation_dossier .panier_creation_compte .valide_code_parrain:hover{ text-decoration: none; }


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
/* Firefox */
input[type=number]{ -moz-appearance: textfield; }

.page_creation_dossier textarea { border: none; overflow: auto; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; resize: none;}
textarea[disabled] {cursor: not-allowed; background-color: #eee; opacity: 1;} /* Quand textarea[disbaled] pas même comportement que input[disbaled] */
.page_creation_dossier .creation_dossier .has-error label{ color: #e83f40; }
.page_creation_dossier .intitule_champs{ font-size: 18px; font-weight: 600; color: #181a25; margin-bottom: 10px; }
.page_creation_dossier .creation_dossier .has-error.cadre_form{ border: 1px solid #e83f40; }

.page_creation_dossier textarea,
input[type="text"],
input[type="email"],
.page_creation_dossier input[type="number"],
.page_creation_dossier input[type="password"] {
    box-shadow: none;
    padding: 14px 20px 14px 20px;
    height: 50px;
    font-size: 16px;
    color: #000;
    border-radius: 8px;
    border: 1px solid #cfd2e0;
    outline: none;
}

.wpcf7 form textarea {
    box-shadow: none;
    padding: 14px 20px 14px 20px;
    font-size: 16px;
    color: #000;
    border-radius: 8px;
    border: 1px solid #cfd2e0;
    outline: none;
}

.page_creation_dossier textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
.page_creation_dossier input[type="number"]:focus,
.page_creation_dossier input[type="password"]:focus,
.wpcf7 form textarea:focus {
    box-shadow: none;
    color: #000 !important;
    border: 1px solid #d8aa4c !important;
}

.page_creation_dossier input.big[type="text"], .page_creation_dossier input.big[type="password"]{ box-shadow: none; padding: 21px 24px 21px 24px; height: 78px; font-size: 22px; color: #000; border-radius: 8px; border: 1px solid #cfd2e0; }
.page_creation_dossier textarea { height: auto;}


.page_creation_dossier input[type='radio']{ cursor: pointer; position: relative; top: 2px; -webkit-appearance: none; width: 15px; height: 15px; border-radius: 50%; outline: none; border: 2px solid #989aaa; }
.page_creation_dossier input[type='radio']:checked{ border: 2px solid #d8aa4c; }
.page_creation_dossier input[type='radio']:before{ content: ''; display: block; width: 60%; height: 60%; margin: 24% auto; border-radius: 50%; }
.page_creation_dossier input[type='radio']:checked:before{ background: #d8aa4c; }
/* IE ONLY */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page_creation_dossier input[type='radio']:checked{ box-shadow: 0 0 0 2px #d8aa4c; }
}
/* CHROME 29+ AND FIREFOX ONLY */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  .page_creation_dossier input[type='radio']{ top: 1px; }
  /*.page_creation_dossier input[type='radio']:before{ margin: 20% auto; }*/
}

.page_creation_dossier input[type='checkbox']{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; position: relative; cursor: pointer; margin: 0; width: 20px; outline: 0; height: 20px; border-radius: 4px; border: 1px solid #989aaa; float: left; }
.page_creation_dossier input[type='checkbox'] + span{ float: left; width: 93%; margin-left: 11px; font-size: 13px; color: #6d7186; }
.page_creation_dossier input[type='checkbox']:checked{ background: #d8aa4c; border: 1px solid #d8aa4c; margin: 0px; position: relative; outline: 0; }
.page_creation_dossier input[type='checkbox']:before{ font-family: "FontAwesome", "Font Awesome 5 Free"; content: "\f00c"; display: block; color: #ffffff; font-size: 13px; position: absolute; top: 2px; left: 3px; color:#e1e1e1; }
.page_creation_dossier input[type='checkbox']:checked:before{ color: #FFF; }
/* IE ONLY */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page_creation_dossier input[type='checkbox']{ border-radius: 4px; box-shadow: inset 0 0 0 1px #989aaa; background: #fff; }
  .page_creation_dossier input[type='checkbox']::-ms-check{ display: none; }
  .page_creation_dossier input[type='checkbox']:checked{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
    background-size: 60% 60%; background-position: center; background-repeat: no-repeat; border: 0; }
}




.page_creation_dossier .select_container{ position: relative; /*background: #fff;*/ margin: 0; overflow: hidden; }
.page_creation_dossier .select_container select{ /*font-family: sans-serif !important;*/ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; width: 100%; padding: 14px 20px 14px 20px; min-height: 52px; font-size: 16px; color: #000; border: 0; border-radius: 8px;	border: 1px solid #cfd2e0; overflow: hidden; text-overflow: ellipsis; box-shadow: inherit; }
.page_creation_dossier .select_container select:focus{ border: 1px solid #d8aa4c !important; }
.page_creation_dossier .select_container select option{ /*font-family: sans-serif !important;*/ }
.page_creation_dossier .select_container::after{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; font-family: "Glyphicons Halflings"; content: "\e114"; color: #989aaa; position: absolute; top: 50%; margin-top: -8px; right: .75em; font-size: 16px; pointer-events: none; }
/* IE ONLY */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select::-ms-expand{ display: none; }
}

.page_creation_dossier .select_and_input .select_container{ float: left; border-right: 0; }
.page_creation_dossier .select_and_input .select_container select{ width: 155px; border: 0; border-radius: 8px 0 0 8px; border-top: 1px solid #cfd2e0; border-left: 1px solid #cfd2e0; border-bottom: 1px solid #cfd2e0; }
.page_creation_dossier .select_and_input input{ height: 52.2px; display: inline-block; width: 234px; border-radius: 0 8px 8px 0; border: 1px solid #cfd2e0; }
/* FIREFOX ONLY */
@-moz-document url-prefix(){
  .page_creation_dossier .select_and_input input{ height: 52px; }
}
/* IE ONLY */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page_creation_dossier .select_and_input input{ height: 52px; }
}

.page_creation_dossier .has-error input[type="text"], .page_creation_dossier .has-error input[type="password"]{ border: 1px solid #e83f40; color: #e83f40; }
.page_creation_dossier .has-error .select_container{ /*border: 1px solid #e83f40; color: #e83f40;*/ }
.page_creation_dossier .has-error .select_container select{ border: 1px solid #e83f40; }
.page_creation_dossier .select_and_input .has-error .select_container select{ border-top: 1px solid #e83f40; border-left: 1px solid #e83f40; border-bottom: 1px solid #e83f40; border-right: 0; }
.page_creation_dossier .has-error .cadre_je_souhaite{ border: 1px solid #e83f40 !important; }
.page_creation_dossier .has-error .cadre_gerant{ border: 1px solid #e83f40 !important; }
.page_creation_dossier .has-error .cadre_nombre_entrees{ border: 1px solid #e83f40 !important; }
.page_creation_dossier .has-error .cadre_nombre_entrees input[type="text"]{ border: 1px solid #cfd2e0; color:#989aaa; }
.page_creation_dossier .creation_dossier .message_erreur{ color:#e83f40; margin-bottom: 20px; }
.page_creation_dossier .creation_dossier .message_info{ color:#181a25; margin-bottom: 20px; }
.page_creation_dossier .creation_dossier .message_success{ color:#3c763d; margin-bottom: 20px; }
.page_creation_dossier .creation_dossier .champs_obligatoires{ font-size: 13px; color: #989aaa; line-height: 60px; }

/*.page_creation_dossier .creation_dossier .bloc_cap_adresse input[type="text"]{ padding: 6px 12px !important; height: 34px !important; font-size: 14px !important; }*/
.page_creation_dossier .creation_dossier .selected{ border: 1px solid #d8aa4c !important; box-shadow: 5px 5px 10px #f0efec; }
.page_creation_dossier .creation_dossier .cadre_hover:hover{ border: 1px solid #d8aa4c !important; box-shadow: 5px 5px 10px #f0efec; }
.page_creation_dossier .creation_dossier .cadre_hover label{ color: #343951; }

.popup_creation_dossier{ font-family: Raleway; font-size: 18px; }
.popup_creation_dossier .heading-popup-rouge{ background: #e83f40; color: #FFF; }
.popup_creation_dossier .contenu_popup{ padding: 20px 30px; }



/* CREATION DOSSIER */
.entete_page_creation_dossier{ }
.entete_page_creation_dossier .step_box_active{ background: #FFF; color: #000; }
.entete_page_creation_dossier .steps_subcontainer_violet{ border: none; }

.page_creation_dossier{ }
.page_creation_dossier .dossier_col_input{ padding-left: 0; }
.page_creation_dossier .bordered_tarif_left .form-group{ margin-bottom: 10px; clear: both; overflow: hidden; }


a.delete-piece{ display: block; font-size: 0; width: 30px; height: 20px; background: url(images/corbeille.png) center no-repeat transparent; margin: auto; cursor: pointer; }
span.existant{ color: #1a990c; }
span.adeposer{ color: #bd2607; }
a.view-piece{ display: block; width: 50px; height: 20px; font-size: 0; background: url(images/loupe.png) center no-repeat transparent; margin: auto; }
.btn_courrier{ color: #c443aa !important;padding: 5px 8px 5px 30px; display: inline-block; font-size: 13px; text-decoration: none; border: 1px solid #c443aa; background: url(images/envoi-doc-courrier.jpg) no-repeat scroll 5px center; line-height: 17px; }
div.showfile{ color: #000; overflow: auto; }
#formCreationEtape3 .showfile input{ background-color: var(--color-principal); position: absolute; top: -3px; right: 0px; }
#nbentrees{ max-width: 100%; }




/* JEU CONCOURS */
.jeu_concours_banniere {
  background: red;
}

.jeu_concours{
  font-size: 16px;
}

.jeu_concours a{
  color: #333;
  text-decoration: underline;
}

.jeu_concours a:hover{
  text-decoration: none;
}

.box_label_jc {
  display: flex;
}

.box_label_jc input:before{
  font-family: "FontAwesome", "Font Awesome 5 Free";
  content: "\f00c";
  color: #ffffff;
  display: flex;
  align-items:center;
  justify-content:center;
  font-size: 13px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  outline: 0;
}

.box_label_jc input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  margin-right: 10px;
  align-self: start;
  outline: 0;
  border-radius: 4px;
  border: 1px solid #989aaa;
}

.box_label_jc input:checked{
  background: #d8aa4c;
  border: 1px solid #d8aa4c;
  position: relative;
  outline: 0;
}

.box_label_jc input:focus{
  outline: 0;
}

.svg_jeu {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}

#jeu_concours div div {
  display: flex;
}






/* RENOUVELLEMENT DOSSIER */
#form-renouv-cartes .form_bordered input{ max-width: 100%; padding-bottom: 2px; }
#form-renouv-cartes label{ padding-top: 0; margin-bottom: 0px; }
#form-renouv-cartes .form_bordered{ margin: 15px; border: 1px solid #9e9e9e; }
.renouvellement-etape2 .showfile input{ background-color: var(--color-principal); position: absolute; top: -3px; right: 0px; }
.top_border_gris{ border-top: 1px solid #ddd; }
.etape_renouvellement a{ color: white; }
.renouvellement-etape3 .showfile input{ cursor: pointer; background-color: var(--color-principal); position: absolute; top: -3px; right: 0px; }

.popup_ged{  }



/* page CREER-COMPTE-POUR-ACHETER */

.pour-acheter__container {
  background: url(images/pour-acheter-background-top.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 320px;
}

.pour-acheter h1 {
  font-family: 'Raleway';
  font-size: 20px;
  padding-left: 13px;
  font-weight: bold;
  line-height: normal;
  color: #181a25;
}

.pour-acheter p {
  font-family: Raleway;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.28;
  color: #181a25;
}

.pour-acheter__intro a {
  text-align: center;
}

.pour-acheter__intro-p-before {
  width: 10px;
  height: 10px;
  background: #e83f40;
  border-radius: 5px;
  position: relative;
  top: 9px;
  margin-right: 12px;
}

.pour-acheter__intro-p-before, .pour-acheter__intro-p-container {
  display: inline-block;
  vertical-align: top;
}

.pour-acheter__intro-p-container {
  width: calc(100% - 22px);
}

.pour-acheter__intro-btn-mobile {
  display: none !important;
}

.pour-acheter__intro-btn-desktop {
  width: calc(100% - 100px);
}

.pour-acheter__intro-btn-desktop .btn-create-buyer-account-costfree {
  font-size: 18px;
  font-weight: 500;
}

.pour-acheter__intro-btn-desktop .link-account-existing {
  font-size: 18px;
  font-weight: bold;
}


.pour-acheter__intro img {
  position: relative;
  top: -130px;
  width: 400px;
  margin-left: 60px;
}

.pour-acheter__intro h1 {
  margin-top: 70px;
  margin-bottom: 45px;
  font-size: 40px;
}

.pour-acheter p {
  font-size: 22px;
  width: 400px;
}

.pour-acheter__intro p, .pour-acheter__intro-p-before {
  margin-top: 23px;
}


/*==================*/
.pour-acheter__details {
  /*height: 300px;*/
  margin-top: 50px;
  background: none;
  text-align: center;
  background: #fcf6e9;
  position: relative;
  top: -15px;
}

.pour-acheter__details p {
  text-align: center;
  width: 100%;
  font-family: Raleway;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.28;
  margin-top: 31px;
  margin-bottom: 18px;
}

.pour-acheter__details a, .pour-acheter__qui a {
  font-family: Raleway;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.28;
  color: #181a25;
  text-decoration: underline;
}


.pour-acheter__details h1 {
  margin-top: 100px;
  margin-bottom: 55px;
  font-size: 40px;
}

.placeholder {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 140px;
  height: 132px;
  background: lightgrey;
  margin-bottom: 48px;
}

.pour-acheter__details-p-container {
  width: 75%;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

.pour-acheter__details-icon {
  width: 140px;
}

.pour-acheter__background-bottom {
  width: 100%;
  height: 110px;
  background: url(images/pour-acheter-background-bottom.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  top: -15px;
}
/*==================*/

.pour-acheter__en-ligne {
  text-align: center;
  /*margin-bottom: 106px;*/
}

.pour-acheter__en-ligne h1 {
  font-size: 40px;
  margin-top: 80px;
  margin-bottom: 30px;
}

.pour-acheter__en-ligne h2 {
  font-family: Raleway;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.35;
  color: #000000;
  margin-bottom: 82px;
  padding: 0 30px;
}

.pour-acheter__en-ligne h2 a {
  font-family: Raleway;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.35;
  color: #000000;
  text-decoration: underline;
}

.pour-acheter__en-ligne p {
  font-family: Raleway;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.28;
  color: #181a25;
  width: 100%;
}

.pour-acheter__en-ligne-icon {
  width: 140px;
  margin-bottom: 50px;
}

.pour-acheter-smaller-icon {
  width: 98px;
}

.pour-acheter__en-ligne-row-margin {
  margin-right: 140px; margin-left: 140px;
}
/*==================*/

.pour-acheter__qui {
  height: 700px;
  margin-top: 60px;
  position: relative;
}

.pour-acheter__qui-text-more-space {
  line-height: 1.5 !important;
  margin-top: 30px;
}

.pour-acheter__qui-pictures {
  position: absolute;
  z-index: 10;
  width: 100%;
  text-align: right;
  top: 0;
}

.pour-acheter__qui-picture {
  border-radius: 12px;
  display: inline-block;
}

.pour-acheter__qui-pictures-01 {
  width: 406px;
  height: 271px;
  background: url('images/qui-creer-01.jpg');
  margin-bottom: 10px;
  margin-right: 10px;
}
.pour-acheter__qui-pictures-02 {
  width: 372px;
  height: 271px;
  background: url('images/qui-creer-02.jpg');
  margin-bottom: 10px;
}
.pour-acheter__qui-pictures-03 {
  width: 408px;
  height: 271px;
  background: url('images/qui-creer-03.jpg');
  margin-right: 8px;
}
.pour-acheter__qui-pictures-04 {
  width: 327px;
  height: 271px;
  background: url('images/qui-creer-04.jpg');
  border-radius: 12px 0 0 12px;
}

.pour-acheter__qui-text {
  background: #fff;
  position: relative;
  top: 120px;
  z-index: 11;
  width: 706px;
  border-radius: 12px;
  box-shadow: 0 3px 13px 0 rgba(78, 78, 78, 0.11);
  padding: 70px 70px;
  margin-left: 14%;
}

.pour-acheter__qui h1 {
  font-size: 40px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 0;
}

.pour-acheter__qui p {
  font-family: Raleway;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.28;
  color: #181a25;
  width: 94%;
}

.pour-acheter__en-ligne-row-margin {
  margin-right: 20px; margin-left: 20px;
}

.pour-acheter__qui-pictures-01 {
  width: 506px;
  height: 271px;
  background: url('images/qui-creer-01.jpg');
  margin-bottom: 10px;
  margin-right: 10px;
  background-size: cover;
}
.pour-acheter__qui-pictures-02 {
  width: 472px;
  height: 271px;
  background: url('images/qui-creer-02.jpg');
  margin-bottom: 10px;
  background-size: cover;
}
.pour-acheter__qui-pictures-03 {
  width: 508px;
  height: 271px;
  background: url('images/qui-creer-03.jpg');
  margin-right: 8px;
  background-size: cover;
}
.pour-acheter__qui-pictures-04 {
  width: 427px;
  height: 271px;
  background: url('images/qui-creer-04.jpg');
  border-radius: 12px 0 0 12px;
  background-size: cover;
}

/*==================*/

.pour-acheter__gerer {
  position: relative;
  height: 700px;
}

.pour-acheter__gerer h1 {
  font-size: 40px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 30px;
  padding-left: 0;
}

.pour-acheter__gerer p {
  font-size: 18px;
}

.pour-acheter__gerer-picture {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 65%;
  height: 552px;
  background: url('images/gerer-picture.png');
  background-size: cover;
  border-radius: 0px 12px 12px 0px;
}

.pour-acheter__gerer-text {
  position: absolute;
  top: 95px;
  right: 135px;
  z-index: 11;
  background: #fff;
  width: 588px;
  padding: 70px 70px;
  box-shadow: 0 3px 13px 0 rgba(78, 78, 78, 0.11);
  border-radius: 12px;
}

.pour-acheter__gerer p {
  width: 100%;
}

/* modifier mail gestion */
.page_modification_mail .bouton-retour { line-height:60px; padding:0 45px; }
.page_modification_mail .content-wrapper { margin-bottom:20px; }
.page_modification_mail .bouton-retour-wrapper { text-align:center; }
.page_modification_mail .display-block { display:block !important; }
.page_modification_mail .checkbox-margin { margin-left:35px !important; }
.page_modification_mail.page_creation_dossier input[type="checkbox"] + span { float:none !important; }

/* creation carte */
.page_creation_carte .creation_dossier .titre_etape { margin-top:10px; }
.page_creation_carte { margin-bottom:10px; }

.page_creation_carte .bouton-retour-wrapper .bouton-retour { line-height:60px; padding:0 45px; }



@media (max-width: 1500px) {
  .pour-acheter__gerer-picture {
    background: url('images/gerer-picture-mobile-2.jpg');
    background-size: cover;
  }

  .pour-acheter__en-ligne-row-margin {
    margin-right: 20px; margin-left: 20px;
  }
  .pour-acheter__qui-pictures-01 {
    width: 406px;
    height: 271px;
    background-size: inherit;
  }
  .pour-acheter__qui-pictures-02 {
    width: 372px;
    height: 271px;
    background-size: inherit;
  }
  .pour-acheter__qui-pictures-03 {
    width: 408px;
    height: 271px;
    background-size: inherit;
  }
  .pour-acheter__qui-pictures-04 {
    width: 327px;
    height: 271px;
    background-size: inherit;
  }
}




/* FOOTER */
.mail_version_pc {
  position: relative;
  word-break: break-word;
  text-decoration: none;
  background: linear-gradient(0deg, #fff, #fff 100%) no-repeat;
  background-size: 100% 50%;
  background-position-y: calc(200% - 1px);
  transition: all .3s ease 0s, color .1s ease .1s;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 0;
  font-family: var(--font-global);
}

.mail_version_pc:hover {
  text-decoration: none;
}

.footer-pin-map-icon {
  width: 20px !important;
  margin-right: 15px;
  margin-top: 3px;
}

.footer-tel-icon {
  margin-right: 10px;
}

.footer-mail-icon {
  margin-right: 10px;
  margin-top: 3px;
}

.footer-small-text { font-family: 'Raleway'; font-size: 16px; font-weight: normal; line-height: 1.5; }
.footer-small-text-bigger { font-family: 'Raleway'; font-size: 16px; font-weight: 500; line-height: 1.5; }

.footer_texte_marche {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

.footer_texte_marche_mobile {
  display: none;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

.footer-row-clic-venue-partenaires { padding-bottom: 70px; padding-top: 60px; font-family: 'Raleway'; }
.footer-row-clic-venue-partenaires h2 { font-family: 'Raleway'; color: #343951; font-weight: 500; font-size: 22px; }
.footer-row-clic-venue-partenaires h4 { position: relative; top: 10px; font-family: 'Raleway'; color: #181a25; font-weight: 600; line-height: 1.8; font-size: 16px; text-transform: uppercase; }

.footer-top .footer-top-right{ text-align: left; }

.footer-x-separator {
  height: 1px;
  background-color: white;
  width: 220px;
  position: relative; margin-left: auto; margin-right: auto;
  display: none;
}

.footer-top-text-middle {
  width: 295px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.footer-top .footer-top-middle img {
  padding-left: 5px;
  padding-right: 5px;
}

.footer-top-left-sub-text { margin-top: 20px; margin-bottom: 20px; }

.banniere_parrainage_container {
  /*height: 400px;*/
  /*max-height: 400px;*/
  /*background-color: var(--color-principal);*/
}

.banniere_parrainage_container img {
  /*max-height: 400px;*/
}

.footer-picture-container {
  width: 100%;
  height: 400px;
  background: url(images/footer-picture.jpg) center no-repeat #aaaaaa;
  background-size: cover;
}

.footer-text-normal { font-size: 16px; line-height: 1.3; font-weight: 600; }
.footer-text-big { font-size: 24px; line-height: 1.35; font-weight: 600; }
.footer-text-small { font-size: 16px; line-height: 0.96; font-weight: 500;  }

#preparer_venue a h4{ text-transform: uppercase; }
.footer-top{ background-color: var(--color-principal); padding-bottom: 10px; min-height: 208px; }
.footer-top-row { padding-top: 51px; padding-bottom: 44px; }


.footer-top-text{ font-family: 'Raleway'; font-weight: 600; line-height: 1.3; text-transform: uppercase; font-size: 16px; color: white; }
.footer-top-text strong{ font-family: 'Raleway'; display: block; font-size: 24px; line-height: 1.35; margin-bottom: 0.8rem; }

.footer-bottom-text { font-family: 'Raleway'; font-weight: 500; font-size: 16px; padding-top: 30px; }

.footer-top a{ color: #FFF; }
.footer-top a:hover, .footer-top a:focus{ text-decoration: none; }
.footer-top .footer-top-left{ padding-left: 0; padding-right: 0px; }

.footer-top .footer-top-left img { vertical-align: top; margin-right: 10px; }
.footer-top-left-text { position: relative; width: 282px; margin-right: auto; margin-left: auto; }
.footer-top-left-text-image-mobile { margin-bottom:22px; position: relative; width: 33px; margin-right: auto !important; margin-left: auto !important; display: none;}

.footer-top .footer-top-middle{ padding: 0; }
/*--aly: padding a changer (changement taille de police ou autre) */
.footer-top .footer-top-right{ padding-left: 80px; padding-right: 0; }
.footer-main{ background-color: #1c252d; color: white; }
.footer-main-border-top{ border-top: 1px solid #353032; padding-top: 7px; }
.footer-main .media{ margin-top: 0px; }
.footer-main .media .media-body{ padding-top: 1px; }
.footer-main .media .media-body p{ margin-bottom: 3px; }
.footer-main p{ font-weight: 300; letter-spacing: 0.05rem; }

.footer-main-desc-title p {
    font-family: var(--font-global);
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.35;
}

.footer-main-desc-title img{ width: 100px; }

.footer_contact_title {
    font-family: var(--font-global);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 34px;
}

.footer_bordered1{ border-right: 1px solid #FFF; border-left: 1px solid #FFF; padding-bottom: 15px; }
.footer_bordered2{ padding-bottom: 0; }

.foot_padd20 {
    padding: 20px;
}

.footer_computer{ width: 150px; }
.menu-menu-footer-fr-fr-container{ display: inline-block; }
.nav-menu-principal-footer{ padding-left: 0px; }
.nav-menu-principal-footer li{ list-style: none; display: inline; }
.nav-menu-principal-footer li a{ color: white; padding-left: 10px; }
.nav-menu-principal-footer li a:hover{ text-decoration: none; }
.lien_footer_accueil:hover{ text-decoration: none; }
.footer-top .media{ margin-top: 15px; }

.reset-width{ width:unset;}
.reset-height{ height:unset;}


/* ================================================= */
/* NEW FOOTER 2024 */
/* ======================================== */
footer {
    color: white;
}

footer p {
    margin-bottom: 0;
}

.footer-wrapper {
    background-color: var(--color-dark-blue);
    padding: 60px 5% 60px;
}

.footer-separator {
    border: none;
    margin: 0;
    height: 2px;
    background: #f0f1f1;
}

.footer-separator-1 {
    margin-top: 40px;
    margin-bottom: 60px;
}

.footer-separator-2 {
    margin-top: 85px;
    margin-bottom: 40px;
}

.footer-wrapper-top {
    gap: 28px;
    margin-bottom: 60px;
}

.logo-footer img {
    width: 176px;
    max-height: 115px;
    object-fit: contain;
    object-position: left;
}

.footer-container-logo-socials {
    flex: 1;
}

.footer-container-btn {
    gap: 28px;
    height: fit-content;
    flex: 2;
}

.footer-container-lang {
    position: relative;
    flex: 1;
    align-items: flex-end;
    float: unset;
}

.menu-lang-droppable {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 12px 16px;
    line-height: initial;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    height: 46px;
    cursor: pointer;
}

.menu-lang-droppable .lang-flag {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.menu-lang-droppable img.down-arrow {
    position: relative;
    top: -1px;
}

.menu-lang-text {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    height: auto;
    line-height: initial;
    font-family: var(--font-global);
    font-size: 16px;
    font-weight: 600;
    padding: 0 10px 0 0;
}

.menu-lang-droppable ul.header-menu-hover {
    list-style: none;
    z-index: 10;
    line-height: initial;
    left: -1px;
    right: unset;
    padding: 0;
    top: 46px;
    width: calc(100% + 2px);
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0 0 4px 4px;
    margin-bottom: 0;
    transition: .3s;
}

.menu-lang-droppable:hover {
    border-radius: 4px 4px 0 0;
}

.menu-lang-droppable:hover ul.header-menu-hover {
    display: block;
}

ul.header-menu-hover > li {
    margin: 0;
}

ul.header-menu-hover > li:not(:first-of-type) {
    border-top: 1px solid #fff;
}

.menu-lang-droppable ul > li > a {
    display: block;
    padding: 12px 16px;
    color: #fff;
    font-family: var(--font-global);
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    text-align: center;
}

.footer-container-btn a {
    position: relative;
    background-color: transparent;
    border: 1px solid #fff;
    box-shadow: 0 0 0 0 var(--color-box-btn);
    appearance: none;
    padding: 12px 16px;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1;
}

.footer-container-btn a::before {
    content: "";
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 6px;
    height: 6px;
    border-top: 2px solid var(--color-principal);
    border-right: 2px solid var(--color-principal);
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity .3s ease;
}

.footer-container-btn a:hover {
    padding-right: 30px;
    padding-left: 2px;
    animation: style_pulse 1s cubic-bezier(.66,0,0,1);
}

@keyframes style_pulse {
    100% {
        box-shadow: 0 0 0 10px transparent;
    }
}

.footer-container-btn a:hover::before {
    opacity: 1;
}

.footer-socials {
    gap: 16px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.footer-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
}

.footer-menus-wrapper {
    gap: 28px;
}

.footer-menus-wrapper > div {
    flex: 1;
}

footer h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
    padding-bottom: 40px;
}

.footer-menus-wrapper > div h2 > a {
    color: #fff;
    text-decoration: none;
}

.footer-menus-wrapper > div ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.footer-menus-wrapper > div ul > li > a {
    background: linear-gradient(0deg, #fff, #fff 100%) no-repeat;
    background-size: 100% 50%;
    background-position-y: calc(200% - 1px);
    transition: all .3s ease 0s, color .1s ease .1s;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    padding: 0;
}

.footer-liens-utiles-wrapper {
    gap: 28px;
    align-items: center;
    flex-wrap: wrap;
}

.footer-liens-utiles-wrapper ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    gap: 28px;
    flex-wrap: wrap;
}

.footer-liens-utiles-wrapper ul > li a {
    gap: 12px;
    color: #fff;
    text-decoration: none;
}

.footer-liens-utiles-wrapper ul > li a > img {
    width: 24px;
    height: 24px;
}

.footer-liens-utiles-wrapper ul > li a > p {
    font-weight: 500;
    font-size: 16px;
    background: linear-gradient(0deg, #fff, #fff 100%) no-repeat;
    background-size: 100% 50%;
    background-position-y: calc(200% - 1px);
    transition: all .3s ease 0s, color .1s ease .1s;
}

.title-liens-utiles {
    flex: 1 1;
}

.footer-copyright {
    background-color: var(--color-dark-grey);
    font-size: 16px;
    line-height: initial;
    font-weight: 600;
    padding: 20px calc(5% + 90px) 20px 5%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 28px;
}

.copyright-wrapper {
    gap: 10px;
    align-items: center;
    line-height: 1.2em;
}

.copyright-wrapper-svg {
    width: 24px;
    height: 24px;
}

.copyright-menu {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    gap: 28px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.copyright-menu li > a {
    color: #fff;
    background: linear-gradient(0deg, #fff, #fff 100%) no-repeat;
    background-size: 100% 50%;
    background-position-y: calc(200% - 1px);
    transition: all .3s ease 0s, color .1s ease .1s;
    text-decoration: none;
}

.footer-liens-utiles-wrapper ul > li a:hover > p,
.copyright-menu li > a:hover,
.footer-menus-wrapper > div ul > li > a:hover,
.mail_version_pc:hover {
    background-position-y: 100%;
    background-size: 100% 100%;
    outline: none !important;
    color: #000 !important;
}

@media (max-width: 1400px) {
    .footer-wrapper {
        padding: 60px 50px 60px;
    }

    .footer-copyright {
        padding: 20px calc(50px + 90px) 20px 50px;
    }

    .copyright-menu {
        justify-content: flex-start;
    }
}

@media (max-width: 1100px) {
    .footer-menus-wrapper {
        flex-direction: column;
        gap: 50px;
    }

    footer h2 {
        padding-bottom: 28px;
    }
}

@media (max-width: 992px) {
    .footer-wrapper {
        padding: 60px 30px 60px;
    }

    .footer-wrapper-top {
        flex-direction: column;
    }

    .footer-container-lang {
        align-items: flex-start;
    }

    .footer-copyright {
        padding: 20px calc(30px + 110px) 20px 30px;
    }
}

@media (max-width: 768px) {
    .footer-wrapper {
        padding: 60px 20px 60px;
    }

    .footer-container-btn {
        flex-direction: column;
    }

    .footer-liens-utiles-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-liens-utiles-wrapper ul {
        flex-direction: column;
    }

    .footer-copyright {
        padding: 40px 20px 70px 20px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .copyright-menu {
        flex-direction: column;
        justify-content: flex-start;
    }
}





/* Responsive */
@media (max-width: 1400px){
  .nav-item-right { margin-right: 6px; }
  .libelle_icone_panier{ display: none; }
  .libelle-deconnexion { display: none !important; }
}

@media (max-width: 1200px){
  /*body{ background-color: red !important; }*/

  .pour-acheter__qui {
    height: 685px;
  }

  .pour-acheter__en-ligne h2, .pour-acheter__en-ligne h2 a {
    font-size: 20px;
  }

  .pour-acheter__intro h1, .pour-acheter__details h1, .pour-acheter__en-ligne h1, .pour-acheter__qui h1, .pour-acheter__gerer h1 {
    font-size: 30px;
  }

  .pour-acheter__details p, .pour-acheter__en-ligne p, .pour-acheter__qui p, .pour-acheter__gerer p {
    font-size: 17px;
    font-weight: 500;
  }

  .pour-acheter__intro p, .pour-acheter__intro-p-before {
    margin-top: 23px;
    font-size: 17px;
    font-weight: 500;
  }


  .pour-acheter__intro p {
    width: calc(100% - 40px);
  }

  .pour-acheter__intro-btn-desktop {
    width: 90%;
  }

  .home-picture__explanation {
    width: 100px; height: 80px;
  }

  .home-picture__explanation1 {
    background: url(images/home-explanation-1.png) no-repeat;
    background-size: cover;
  }

  .home-picture__explanation2 {
    background: url(images/home-explanation-2.png) no-repeat;
    background-size: cover;
  }


  .home-row-bigger-x-margin {
    margin-right: 80px; margin-left: 80px;
  }

  .home-picture__content {
    width: 70%;
    position: relative;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 28px 36px;
    text-align: center;
  }

  .home h1 {
    font-size: 30px;
  }

  .home-picture__block{
    top:-30vw;
  }

  .home-content{
    margin-top: -28vw;
  }

  .btn-create-buyer-account {
    margin-bottom: 14px;
    font-size: 19px;
  }

  .btn-create-buyer-account-costfree {
    font-family: Raleway;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
  }

  .link-account-existing {
    font-size: 16px;
  }

  .row-bigger-x-margin { margin-right: 70px; margin-left: 70px; }

  .col-logo-espace-client { display: none; }

  .footer-top .footer-top-right{ padding-left: 30px; }
  .nav_items .nav-help{ display: none; }
  .top_marged_prix_vertical_align{ margin-top: 45px; }
  .top_marged_prix_vertical_align2{ margin-top: 18px; }

  .info_banniere_creation_compte .interieur{ padding-left: 15px; }

  .col_img_vehicule{ float: left; width: inherit; }
  .col_type_vehicule{ float: left; width: inherit; padding-top: 5px; }

  #menu_wp_big .nav-menu-principal{ margin-left: 9px; }
  #menu_wp_big .nav-menu-principal .menu_icone.menu_icone1{ margin-left: 60px; }

  .nav_line{ border: none; }
  .lang_active{ display: inline-block; }
  .bloc_sous_mon_compte .col-md-6{ width: 100%; text-align: left !important; }
  .marge_cote_creation_compte_e2{ padding: 0 0 0 15px; }

  /* CREATION DOSSIER NEW PARCOURS */
  .page_creation_dossier .select_and_input .select_container select{ width: 135px; }
  .page_creation_dossier .select_and_input input{ width: 185px; }
  .page_creation_dossier input[type='checkbox'] + span{ width: 92%; }

  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees{ margin-right: 15px; padding: 15px; }

  .creation_dossier_e2 .marge_cote .row .center{ text-align: left; }
  .marge_cote_creation_compte_e2 .top_marged20 .entry-content .row .center{ text-align: left; }
  br.no_mobile{ display: none; }

  .row_bouton_violet{ margin-right: 0; margin-left: 30px; }
  .row_bouton_violet .col-lg-12{ margin: 0 10px; width: 20%; }
  .carousel_side_btn{ padding: 10px 5px; }

  #myrungis-logo{ margin-top: 5px; }
  .carousel .carousel-text{ padding-top: 20px; width:100%; }
  .carousel .carousel-text p{ width: auto;; }
  .carousel_side_btn_first{ margin: 5px 0px 5px 0px; }
  .carousel .carousel-text-btn-container{  top: inherit; bottom: 15px; }
  .carousel .carousel-bot-btn-cont{ height: 260px; }
  .text_banner{ padding: 10px 30px; }
  #preparer_venue .media-heading{ padding: 5px; }

  .marge_cote_creation_compte{ padding: 0 30px; }
  .frais_dossier_offert{ width: 135px; height: 113px; background-size: 100%; background-repeat: no-repeat; right: 215px; }
  .frais_dossier_offert .top_marged85{ margin-top: 55px; }

  .offre_de_rungis .col-sm-6 .contenu_cadre{ font-size: 16px; }
  .offre_de_rungis .col-sm-5 .contenu_cadre{ font-size: 16px; }
  .bloc_info_connexion{ padding: 10px; }

  .step_number2{ top: -5px; }
  #etape_renouvellement_1{ padding-right: 5px; padding-left: 15px; }
  #etape_renouvellement_2{ padding-right: 5px; padding-left: 5px; }
  #etape_renouvellement_3{ padding-right: 5px; padding-left: 5px; }
  #etape_renouvellement_4{ padding-right: 5px; padding-left: 5px; }
  #etape_renouvellement_5{ padding-right: 5px; padding-left: 5px; }
  .crea_step_cont1{ padding-right: 10px; padding-left: 15px; }
  .crea_step_cont2{ padding-right: 10px; padding-left: 10px; }
  .crea_step_cont3{ padding-right: 10px; padding-left: 10px; }
  .step_box_btn{ width: 100%; top: -12px; border-radius: 0px 0px 8px 8px; margin-left: 0px; padding: 25px 0px 15px 0px; }
}

@media (max-width: 992px){
  /*body{ background-color: blue !important; }*/

  .nav-droppable ul{ list-style: none; z-index: 1001; line-height: 21px; padding: 2px 5px 2px 5px; right: 0; }

  .pour-acheter__qui {
    height: 675px;
  }

  .pour-acheter__details-p-container {
    width: 100%;
  }

  .home-befits__list{
    grid-template-columns: repeat(2, 1fr);
  }

  .padd40right-if-mobile { padding-right: 40px; }
  .padd40left-if-mobile { padding-left: 40px; }

  .nav_items-separator { margin-top:0; margin-bottom: 0; margin-left: 34px; margin-right: 6px;}

  .pour-acheter__gerer {
    height: auto;
    margin-bottom: 370px;
  }

  .pour-acheter__gerer-picture {
    width: 100%;
    border-radius: 0 0 0 0;
  }

  .pour-acheter__gerer-text {
    position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    top: 280px;
    right: auto;
  }

  .pour-acheter__qui-text {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .pour-acheter__qui-pictures-01 {
    width: 100%;
    height: 350px;
    margin: 0 0;
    padding: 0 0;
    background: url('images/qui-creer-mobile.jpg');
    background-size: cover;
    border-radius: 0px 0px 0px 0px;
  }

  .display-none-992 {
    display: none;
  }

  .pour-acheter__intro h1 {
    font-size: 30px;
    margin-top: 40px;
  }
  .pour-acheter__en-ligne h1 {
    margin-top: 0;
  }

  .pour-acheter__intro p, .pour-acheter__intro-p-before {
    margin-top: 23px;
    font-size: 17px;
    font-weight: 500;
  }

  .pour-acheter__intro p {
    width: calc(100% - 40px);
  }

  .pour-acheter__intro-btn-desktop {
    width: 100%;
  }

  .pour-acheter__intro img {
    width: 300px;
    top: -100px;
  }


  .row-bigger-x-margin-desktop-only { margin-right: 0px; margin-left: 0px; }

  /* Menu mode mobile : On ne veut pas tous les témoins de selection / hover sur les éléments du menu*/
  #menu_wp_big .nav-menu-principal li.current-menu-item{ border-bottom: 0px solid var(--color-principal); }
  #menu_wp_big .nav-menu-principal li:hover{ cursor:pointer; border-bottom: 0px solid var(--color-principal); }
  #menu_wp_big .nav-menu-principal li.current-menu-parent{ border-bottom: 0px solid var(--color-principal); }
  #menu_wp_big .nav-menu-principal li.current-menu-item{ border-bottom: 0px solid var(--color-principal); }
  #menu_wp_big .nav-menu-principal li:hover{ cursor:pointer; border-bottom: 0px solid var(--color-principal); }

  .padd65bot-if-mobile { padding-bottom: 65px; }

  /*Surcharge comportement bootstrap*/
  .navbar {
    min-height: 0px;
  }

  .sous-bandeau { height: 0; margin-top: 45px; }

  .home-benefits h1 {
    margin-bottom: 50px;
  }

  .home-picture__content h1 {
    margin-bottom: 40px;
  }

  .home-row-bigger-x-margin {
    margin-right: 20px; margin-left: 20px;
  }

  .home .home-benefits__icon {
    width: 90px;
    height: 80px;
  }

  .home-benefits p {
    width: 80%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    margin-bottom: 30px;
  }

  .home-benefits__btn-discover {
    margin-top: 20px;
    font-family: Raleway;
    font-size: 17px;
  }

  .nav-item-right-mobile { display: block; height: 50px; }

  .nav-account img{ height: 44px; }

  .header-menu-hover { top: 45px; }

  .navbar-toggle { margin-bottom: 3px; }

  .nav_items div { height: 45px !important; line-height: 45px !important; }

  #preparer_venue { margin-top: 25px; }

  #un_clic img { position: relative; top: 8px; margin-right: 20px; width: 30px; }

  .row-bigger-x-margin { margin-right: 30px; margin-left: 30px; }


  .footer-top .footer-top-right{ text-align: center; padding-left: 0; }
  .footer-top-right .footer-top-text {  padding-top: 10px; }
  .footer-top-right .footer-bottom-text { padding-top: 10px; }

  .nav-top { height: 45px; }

  .a_logo_rungis {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
  }
  .language-selection {
    position: absolute;
    left: 59px;
  }
  .navbar-toggle {
    margin-top: 5px;
    margin-left: 21px;
  }

  .navbar-toggle .icon-bar {
    width: 22px;
  }
  .nav_items div, .nav_items-left div{ height: 48x; line-height: 48px; padding: 0px 10px; }


  .nav-text { font-size: 11px; }
  .nav-droppable img { width:7px; position: relative; top: 1px; }
  /*--aly Surcharge du comportement display par défaut de bootstrap*/
  .navbar-header .navbar-toggle { display: block !important; }

  .top_marged_prix_vertical_align{ margin-top: 70px; }
  .top_marged_prix_vertical_align2{ margin-top: 18px; }

  .img_banniere_creation_compte img{ height: inherit; }
  .titre_banniere_creation_compte .interieur{ padding-top: 20px; }
  .info_banniere_creation_compte .interieur{ padding-top: 15px; padding-left: 0; font-size: 15px; }

  .navbar-rungis .navbar{ padding: 0 15px; }
  .navbar-rungis{ padding: 0; }
  .navbar-nav{ margin: 0; }
  .col-no-padd-phone{ padding: 0 !important; }
  div.blocSousHome .col_texte{ padding: 20px !important; }
  div.blocSousHome .col_texte h1{ margin-top: 0px !important; }
  .autre_pub{ display: block; }
  .nav-droppable.nav-sites { display: none; }
  .nav_items-left { position: absolute; left: 90px;}
  .bg_couleur_gris_clair.padd25, .bg_couleur_blanc_titre_footer.padd25{ text-align: center; margin: auto; }
  .bg_couleur_gris_clair.padd25 .no_padd.col-md-2, .bg_couleur_blanc_titre_footer.padd25 .no_padd.col-md-2{ width: 130px; display: inline-block; }
  .bg_couleur_gris_clair.padd25 .no_padd.col-md-2 .uppercase, .bg_couleur_blanc_titre_footer.padd25 .no_padd.col-md-2 .uppercase{ display: none; }
  .sous_cadre_mon_compte{ margin-bottom: 15px; text-align: center !important; }

  .title_art_creation_dossier{ text-align: center; }
  .cadre_besoin_carte .col-lg-6{ width: 50%; float: left; }

  .logo_espace_client{ overflow: hidden; width: 115px; }
  #myrungis-logo{ width: 250px; margin-top: 15px; }
  .partenaire_2 .top_marged15{ margin-top: 0; }

  .cadre_violet_fonce .contenu_cadre{ padding:15px 20px 10px 20px; }
  .cadre_violet_clair .contenu_cadre{ padding:15px 10px 10px 10px; }

  .frais_dossier_offert{ right: 170px; }
  .marge_cote_int2{ padding: 0; }

  .page_other_home.partenaire_2{ display: block; }

  .row_bouton_violet{ display: none; }
  .strate_violet{ padding: 0; }
  .strate_rouge{ padding: 0; }
  .panier p{ display: none; }
  .panier .nbAchat{ display: block; }
  .nav_items .navbar ul li a{ line-height: 16px; margin-top: 15px; margin-right: 20px; }

  .creation_dossier_e1 .marge_cote_int .bloc_couleur .cadre{ height: 100px; }
  .creation_dossier_e1 .marge_cote_int .bloc_couleur.top_marged15{ margin-top: 0; }
  .marge_cote_creation_compte_e2{ padding: 0 15px; }


  /* CREATION DOSSIER NEW PARCOURS */
  .page_creation_dossier .creation_dossier{ margin-top: 50px; }
  .page_creation_dossier .creation_dossier .contenu_page{ padding-left: 20px !important; padding-right: 20px !important; }
  .page_creation_carte.page_creation_dossier .creation_dossier .contenu_page{ padding-left: 0 !important; padding-right: 0 !important; }
  .page_creation_dossier .select_and_input .select_container select{ width: 140px; }
  .page_creation_dossier .select_and_input input{ width: 237px; }

  .page_creation_dossier .col-md-0{ display: block; }
  .page_creation_dossier .logo_entete{ padding: 25px 0px 40px 25px; }
  .page_creation_dossier .creation_dossier .fleche_retour{ text-align: center; }
  .page_creation_dossier .footer_creation .footer_une_question{ display: block; }

  .page_creation_dossier .fil_ariane_creation_dossier{ display: block; margin-left: 40px; top: 0; }
  .page_creation_dossier .fil_ariane_creation_dossier .bloc_etape{ width: 18%; margin-left: 1%; }
  .page_creation_dossier .fil_ariane_creation_dossier .presque_fini{ display: none; }

  .page_creation_dossier .creation_dossier .etape1 .col-md-1{ width: 5%; }
  .page_creation_dossier .creation_dossier .etape1 .col-md-10{ width: 90%; }
  .page_creation_dossier .creation_dossier .etape1 .info_prepare .titre_2{ padding-top: 30px; padding-bottom: 20px; }
  .page_creation_dossier .creation_dossier .etape1 .info_prepare .documents_a_preparer{ padding-bottom: 20px; }

  .page_creation_dossier .creation_dossier .etape2 .assurez_vous{ padding-bottom: 50px; }

  .page_creation_dossier .creation_dossier .mot_de_passe .complexite{ width: 245px; }

  .page_creation_dossier .creation_dossier .etape4 .contenu_page{ padding-left: 20px !important; }
  .page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .affichage_tablette{ display: block; }
  .page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .affichage_desktop{ display: none; }
  .page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite{ height: inherit; margin-bottom: 20px; }
  .page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .bouton_radio{ float: left; width: 16%; }
  .page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .img_souhait{ float: left; width: 30%; height: inherit; }
  .page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .img_souhait img{ width: 75%; }
  .page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .souhait{ float: left; width: 54%; }
  .page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .libelle_souhait{ padding: 0; text-align: left; }
  .page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .texte_souhait{ padding: 0; margin-top: 10px; text-align: left; }

  .page_creation_dossier .creation_dossier .votre_structure .bloc_cap_adresse .bouton_gris{ padding: 0 15px; }
  .page_creation_dossier .creation_dossier .votre_structure .bloc_cap_adresse .bouton_rouge_2{ padding: 0 15px; }
  .page_creation_dossier .creation_dossier .votre_structure .padd25bot{ padding-bottom: 0; }
  .page_creation_dossier .creation_dossier .votre_structure .col-md-5.col-sm-7{ padding-bottom: 30px; }
  .page_creation_dossier .creation_dossier .votre_structure .padd55bot{ padding-bottom: 10px; }

  .page_creation_dossier .creation_dossier .coordonnees_gerant .padd25bot, .page_creation_dossier .creation_dossier .coordonnees_personne .padd25bot{ padding-bottom: 0; }
  .page_creation_dossier .creation_dossier .coordonnees_gerant .col-md-5.col-sm-7, .page_creation_dossier .creation_dossier .coordonnees_personne .col-md-5.col-sm-7{ padding-bottom: 30px; }
  .page_creation_dossier .creation_dossier .coordonnees_gerant .col-md-6.col-sm-8, .page_creation_dossier .creation_dossier .coordonnees_personne .col-md-6.col-sm-8{ padding-bottom: 30px; }

  .page_creation_dossier .creation_dossier .ajout_document .document_image_ajout{ display: none; }
  .page_creation_dossier .creation_dossier .ajout_document .message_info_document .felicitations{ font-size: 16px; margin-left: -20px; }

  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte{ height: inherit; margin-bottom: 20px; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .affichage_tablette{ display: block; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .affichage_desktop{ display: none; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .bouton_radio{ float: left; width: 10%; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .img_carte{ float: left; width: 30%; padding: 0; height: inherit; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .img_carte img{ width: 75%; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .info_carte{ float: left; width: 60%; text-align: left; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .titre_carte{ padding: 0; text-align: left; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .sous_titre_carte{ padding: 0; margin-top: 10px; text-align: left; margin-top: 6px; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte ul{ margin: 17px 0 0 0; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .info_verte{ padding: 0; text-align: left; margin-top: 10px; }
  .page_creation_dossier .creation_dossier .etape9 .info_carte_supp{ font-size: 16px; }

  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees{ height: inherit; margin-bottom: 10px; }
  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees label{ width: 100%; }
  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .affichage_desktop{ display: none; }
  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .affichage_tablette{ display: block; }
  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .bouton_radio{ float: left; width: 20%; }
  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .img_entree{ float: left; width: 30%; padding: 0; height: inherit; }
  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .img_entree img{ width: 75%; height: auto; }
  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .texte_carte{ float: left; width: 50%; text-align: left; }
  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .texte_carte .libelle_entree{ padding: 0; }
  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .texte_carte .prix_total{ padding-top: 0; }
  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .texte_carte .saisie_entree{ padding: 0 0 5px 0; }
  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .texte_carte .compris{ padding-bottom: 5px; }

  .page_creation_dossier .creation_dossier .panier_creation_compte .ligne_entete_panier .colonne_1{ width: 80px; }
  .page_creation_dossier .creation_dossier .panier_creation_compte .colonne_1_contenu img{ width: 80px; }

  .page_creation_dossier .creation_dossier .creation_dossier_etape_fin .row{ margin-right: 0; margin-left: 0; }
  .page_creation_dossier .creation_dossier .creation_dossier_etape_fin .liens{ margin-bottom: 35px; }
  .page_creation_dossier .creation_dossier .creation_dossier_etape_fin .ligne_verticale{ display: none; }
  .page_creation_dossier .creation_dossier .creation_dossier_etape_fin .col_droite.center .img-responsive{ margin: auto; }

  .page_creation_dossier .creation_dossier .selected{ box-shadow: inherit; }
  .page_creation_dossier .creation_dossier .cadre_hover:hover{ box-shadow: inherit; }

  .page_connexion .fil_ariane_mdp_oublie .bloc_etape{ width: 135px; }
  .page_connexion .page_etape6 .bouton_bas_connect .bouton_rouge{ margin-bottom: 15px; }

  #partner_ad2{ margin-top: 0px !important; }
  .carousel .carousel-text{ padding-top: 10px; width:100%; }
  .carousel .carousel-text h3{ font-size: 28px; }
  .carousel .carousel-text h4{ font-size: 24px; }
  .row_bouton_violet .col-lg-12{ width: 22%; }
  .carousel_side_btn{ padding: 12px 10px; font-size: 16px; }
  .text_banner{ padding: 10px 30px; }
  .text_main{ font-size: 24px; margin-top: 10px; }
  .text_sub_main{ font-size: 22px; margin-top: 5px; }
  .step_box{ padding: 5px; }
  .step_number{ background: rgba(0, 0, 0, 0.2); border-radius: 10px; width: 16px; line-height: 16px; font-size: 12px; }

  .step_number2{ font-size: 35px; margin-left: 0; top: 2px; }

  #preparer_venue .media{ display: table-cell; width: 25%; vertical-align: middle; }
  #preparer_venue .media div{ display: block; }
  #preparer_venue .media img{ display: block; margin-right: auto; margin-left: auto; }
  #preparer_venue .media-body{ width: 100%; display: block; text-align: center; }
  #preparer_venue .bg_couleur_blanc{ background: none; }


  .footer_bordered1{ border-right: 0px solid #FFF; border-left: 1px solid #FFF; padding-left: 15px; }
  .footer_bordered2{ border-top: 1px solid #FFF; }
  .footer_computer{ width: 100px; }
  #etape_renouvellement_1{ padding-right: 5px; }
  #etape_renouvellement_2{ padding-right: 5px; padding-left: 5px; }
  #etape_renouvellement_3{ padding-left: 5px; }
  #etape_renouvellement_4{ margin-top: 10px; padding-right: 5px; padding-left: 15px; }
  #etape_renouvellement_5{ margin-top: 10px; padding-right: 5px; padding-left: 5px; }
  .showfile span span{ display: none; }
  .showfile span img{ margin: 0px !important; }
  .crea_step_cont1{ padding-right: 5px; padding-left: 15px; }
  .crea_step_cont2{ padding-right: 5px; padding-left: 5px; }
  .crea_step_cont3{ padding-right: 5px; padding-left: 5px; }
  .footer-main-border-top{ text-align: center; }

  .footer-top .footer-top-middle{ width: inherit; }
  .footer-top .footer-top-right{ width: inherit; }
  /*.footer-top .footer-top-right{ width: 300px; }*/
  .row_icone_site{ margin: 0; }
  .connexion-desktop { display: none; }

  .connexion-mobile { display: inline-block; }
  .nav-account-btn { border: 0px; }

  .header-hardcoded-links {
    display: none;
  }

  #menu_wp_big{ font-family: 'RobotoCondensed-Regular', sans-serif; }
  #menu_wp_big .nav-menu-principal{ margin-left: 0; }
  #menu_wp_big .nav-menu-principal li{ display: block !important; }
  #menu_wp_big .nav-menu-principal li:hover{ border: none; }
  #menu_wp_big .nav-menu-principal li a{ padding: 0; color: var(--color-principal); line-height: 24px; }
  #menu_wp_big .nav-menu-principal li a:hover{ background: none; }
  #menu_wp_big .nav-menu-principal .sub-menu{ display: block !important; position: relative; background: none; border: none; box-shadow:inherit; }
  #menu_wp_big .nav-menu-principal .sub-menu li{ font-size: 16px; padding: 0 15px; /*clear: both;*/ color: #4d4d4d; }
  #menu_wp_big .nav-menu-principal .sub-menu li a{ color: #4d4d4d; }
  #menu_wp_big .navbar-collapse{ position: fixed; z-index: 10000; width: 100%; left: 0; background: #FFF; padding-bottom: 15px; border-bottom: 3px solid #000; }
  #menu_wp_big .menu-item-246{ background: none; }
  #menu_wp_big .nav-menu-principal .menu_icone{ font-size: 16px; line-height: 35px; color: var(--color-principal); font-family: 'RobotoCondensed-Regular', sans-serif; }
  #menu_wp_big .nav-menu-principal .menu_icone a{ line-height: inherit; color: var(--color-principal); }
  #menu_wp_big .nav-menu-principal .menu_icone.menu_icone1{ margin-left: 0; width: 100%; }
  #menu_wp_big .nav-menu-principal .menu_icone.menu_icone2{ width: 100%; }
  #menu_wp_big .nav-menu-principal .menu_icone.menu_icone3{ width: 100%; }
  #menu_wp_big .nav-menu-principal .menu_icone.menu_icone4{ width: 100%; }
  #menu_wp_big .nav-menu-principal .menu_icone.menu_icone5{ width: 100%; }
  #menu_wp_big .nav-menu-principal .sub-menu-right{ right: inherit; top: inherit; width: inherit; }

  .menu-item-246{ background-image: none; }
  .menu-item-287{ background-image: none; }
  .menu-item-251{ background-image: none; }

  /*	--ALY : Surcharge des classes de Bootstrap. On veut que la navbar se comporte en version
      mobile dès 992px et non plus 767px*/
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in{
    display:block !important;
  }
}

#page-signature {
  height:80px;
}

.signature_document{
  display: flex;
  flex-wrap: wrap;
}
.signature_document h1 {
  font-size:35px;
}
.signature_document h2 {
  font-size:25px;
}

.flex-column{
  display: flex;
  flex-direction: column;
}

.flex-row{
  display: flex;
}
.flex-align-center{
  align-items: center;
}
.flex-justify-center{
  justify-content: center;
}

.signature_document #encart {
  background: white;
  border-radius: 12px;
  box-shadow: 0 3px 13px 0 rgba(78, 78, 78, 0.11);
  padding: 5px 5px;
  margin-top: 20px;
}

@media (height > 700px) {
  .signature_document #encart {
    background: white;
    border-radius: 12px;
    box-shadow: 0 3px 13px 0 rgba(78, 78, 78, 0.11);
    padding: 5px 5px;
    margin-top: 40px;
  }
}

.wrapper {
  border: 0.2rem solid;
  /* border-radius: 20px 0px 0px 20px; */
  border-bottom: 0;
}

canvas#signature-pad {
  background: #fff;
  /* border-radius: 20px 0px 0px 20px; */
  width: 100%;
  height: 100%;
  touch-action: none; 
  user-select: none; 

}

.signature-pad div button{
  height: 8vh;
  border: 1px solid transparent;
  color: #fff;
  font-weight: bold;
}

button#close{
  width: 50vw;
  background: #e83f40;
  /* border-radius: 0px 20px 0px 0px; */
  display: none;
}

button#edit{
  background: #e83f40;
  /* border-radius: 0px 20px 20px 0px; */
}

button#clear {
  width: 50vw;
  background: #000;
  /* border-radius: 0px 0px 20px 0px; */
  display: none;
}

#sign-pad.fullscreen {
  z-index: 9999; 
  width: 100%; 
  height: 100%; 
  position: fixed; 
  top: 0; 
  left: 0; 
}



/*--aly PARTIE RESPONSIVE MOBILE*/
@media (max-width: 767px){
  /*body{ background-color: yellow !important; }*/

  /*.a_logo_rungis{ display: none; }*/
  /*.nav-top .nav_logo_rungis{ position: absolute; right: 0; }*/
  /*.nav_items div, .nav_items-left div { height: 45px; line-height: 45px; }*/
  /* A ACTIVER SI GESTION LANGUE*/ /*margin-right: 0px; A ACTIVER SI PAS GESTION LANGUE*/
  /*.nav_items .nav-account{ margin-right: 50px; }*/
  .pour-acheter__gerer {
    height: auto;
    margin-bottom: 275px;
  }

  .page_connexion .footer_connexion{ margin-top: 20px; margin-bottom: 20px; }
  .page_creation_dossier .footer_creation{ margin-top: 40px; }
  .creation_dossier_etape_1 .padd30bot{ padding-bottom: 10px; }
  .page_creation_dossier .creation_dossier .adresse_e_mail .donnees{ padding-top: 25px; }

  .pour-acheter__qui-text, .pour-acheter__gerer-text {
    padding: 22px 19px;
  }

  .pour-acheter__gerer-text {
    top: 235px;
  }

  .pour-acheter__qui {
    margin-top: 60px;
    height: 435px;
  }

  .pour-acheter__gerer-picture {
    height: 263px;
  }

  .pour-acheter__qui-text-more-space {
    margin-top: 16px;
  }

  .pour-acheter__qui-pictures-01 {
    height: 220px;
  }

  .pour-acheter__background-bottom {
    display: none;
  }

  .pour-acheter__details-icon, .pour-acheter__en-ligne-icon {
    width: 75px;
    margin-bottom: 15px;
  }

  .pour-acheter__container {
    background: inherit;
  }


  .pour-acheter__details {
    background: #fcf6e9;
    padding-top: 1px;
    top: 0px;
    padding-bottom: 50px;
  }

  .pour-acheter__qui h1, .pour-acheter__gerer h1 {
    font-size: 20px;
  }

  .pour-acheter__details h1, .pour-acheter__en-ligne h1 {
    margin-top: 50px;
    font-size: 20px;
    font-weight: bold;
  }

  .pour-acheter__en-ligne h2 {
    margin-bottom: 50px;
  }

  .pour-acheter__en-ligne h2, .pour-acheter__en-ligne h2 a {
    font-size: 12px;
  }

  .pour-acheter__intro-p-before {
    width: 10px;
    height: 10px;
    background: #e83f40;
    border-radius: 5px;
    position: relative;
    top: 3px;
    margin-right: 5px;
  }

  .pour-acheter__intro-btn-desktop {
    display: none;
  }

  .pour-acheter__intro-btn-mobile {
    display: block !important;
  }

  .pour-acheter__intro h1 {
    margin-top: 33px;
    margin-bottom: 2px;
    font-size: 20px;
  }

  .pour-acheter__intro p {
    width: calc(100% - 20px);
  }

  .pour-acheter__details p, .pour-acheter__en-ligne p, .pour-acheter__qui p, .pour-acheter__gerer p {
    margin-top: 0px;
    font-size: 13px;
    font-weight: 500;
  }

  .pour-acheter__details a, .pour-acheter__en-ligne a, .pour-acheter__qui a {
    font-size: 13px;
  }

  .pour-acheter__intro p, .pour-acheter__intro-p-before {
    margin-top: 23px;
    font-size: 13px;
    font-weight: 500;
  }

  .pour-acheter__intro img {
    position: relative;
    top: 20px;
    width: 120px;
    margin-left: -30px;
  }

  .a_logo_rungis_mobile_offset_if_logged {
    position: absolute;
    left: 50%;
    transform: translate(-17%);
  }

  .home-row-bigger-x-margin {
    margin-right: 0px; margin-left: 0px;
  }

  .home .home-benefits__icon {
    width: 75px;
    height: 65px;
  }

  .home-benefits__btn-discover {
    font-size: 14px;
    width: 90%;
  }

  .home-benefits p {
    width: 90%;
    font-size: 13px;
  }

  .home-picture {
    background: linear-gradient(0, rgb(0, 0, 0) 0%, rgba(255,255,255,0) 100%), url(images/home-picture-small.jpg) no-repeat;
    background-size: 100%;
    height: 90vw;
  }

  .home-picture__content {
    width: 90%;
    position: relative;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 28px 36px;
    text-align: center;
  }

  .home-befits__list{
    grid-template-columns: repeat(1, 1fr);
  }

  .home h1 {
    font-size: 20px;
  }

  .home-content{
    margin-top:-55vw;
  }

  .home-picture__block{
    top:-60vw;
  }

  .home-container{
    top:-55vw;
  }

  .sous-bandeau { margin-top: 0px; }

  .btn-create-buyer-account {
    margin-bottom: 14px;
    font-size: 14px;
    max-width: 300px;
  }

  .btn-create-buyer-account-costfree {
    font-size: 11px;
  }

  .link-account-existing {
    font-size: 12px;
  }


  .home-picture__content p{
    margin-right: auto;
    margin-left: auto;
  }

  .footer-main{ padding-top: 15px; padding-bottom: 15px; }
  .footer-row-clic-venue-partenaires { padding-top: 30px; }

  .footer_texte_marche {
    display: none;
  }

  .footer_texte_marche_mobile {
    display: block;
  }

  .footer-row-clic-venue-partenaires { padding-bottom: 20px; }
  .footer-main-desc-title p {
      font-size: 20px;
      font-weight: 600;
      line-height: 1.4;
  }

  .footer-horaires {
      margin-top: 30px;
  }

  #preparer_venue .media{ display: block; width: 100%;}
  #preparer_venue .media-left.media-middle { position: relative; top: 5px;}
  #preparer_venue .media div{ display: inline-block;}
  #preparer_venue .media img{ display: block; margin-right: auto; margin-left: auto; width: 40px; }
  #preparer_venue .media-body{ width: auto; text-align: left; }
  #preparer_venue .bg_couleur_blanc{ background: none; }



    .footer_contact_title {
        margin-bottom: 15px;
        margin-top: 5px;
    }


  .footer-top .footer-top-middle img {
    padding-left: 8px;
    padding-right: 8px;
  }


  .nav-top{ position: relative; background: var(--color-principal); }
  .logo_espace_client{ width: 210px; padding-left: 45px; }
  #myrungis-logo{ width: 165px; margin-top: 7px; }
  .navbar-rungis{position: absolute; top: 0; }
  .footer-picture-container {
    width: 100%;
    height: 173px;
    background: url(images/footer-picture.jpg) center no-repeat #aaaaaa;
    background-size: cover;
  }
  .banniere_parrainage_container {
    height: auto;
    background-color: var(--color-principal);
  }

  .footer-x-separator { display: block; }

  .navbar-header{ position: absolute; left: 0; top: 0; z-index: 1000; }

  .top_marged_prix_vertical_align{ margin-top: 22px; }
  .top_marged_prix_vertical_align2{ margin-top: 5px; }
  .avec_sans_carte{ clear: both; }

  .titre_banniere_creation_compte .interieur{ padding-top: 20px; font-size: 18px; }
  .info_banniere_creation_compte .interieur{ padding: 10px 0; padding-left: 0; font-size: 13px; }

  .nav_items .nav-sites{ display: none; }
  /* .libelle_icone_panier { display: none; } */
  /* .lien_panier_header .libelle_icone_panier{ display: inherit; } */
  /* .lien_panier_header .icone_panier{ display: none; } */
  /* .lien_panier_header .icone_panier_gris{ display: inherit; } */

  .bg_couleur_gris_clair.padd25 .no_padd.col-md-2, .bg_couleur_blanc_titre_footer.padd25 .no_padd.col-md-2{ width: 90px; }
  .btn_border_blanc, .btn_violet{ margin-bottom: 5px; }

  .strate_violet.strate_droite{ display: none; }
  .step_box3{ width: 100%; }

  .membre_text_intro .btn_acheter{ display: block; margin-top: 10px; }
  .mes_cartes_g{ text-align: center; }
  .mes_cartes_d{ text-align: center !important; margin-top: 10px; }

  .offre_de_rungis .bloc_cadre{ margin: 0 30px; }
  .offre_de_rungis .bloc_cadre.bloc_2{ margin-top: 10px; }
  .frais_dossier_offert{ width: 105px; height: 90px; right: 25px; top: 10px; }
  .frais_dossier_offert .top_marged85{ margin-top: 40px; }
  .frais_dossier_offert .top_marged85 .font_size13{ font-size: 11px; }
  .frais_dossier_offert .top_marged85 .font_size27{ font-size: 24px; }
  .strate_violet.strate_gauche h2{ text-align: left; padding-left: 5px; padding-top: 10px; width: 65%; }
  .cadre_frais_offert{ margin-left: 15px; }
  .cadre_frais_offert .left1{ width: 25%; }
  .cadre_frais_offert .left2{ width: 70%; margin-top: 10px; }
  .cadre_frais_offert .left2 .font_size22{ font-size: 20px; }

  #table-documents{  }
  #table-documents .espace_avant_bouton{ display: none; }
  #table-documents.bt tfoot th::before, #table-documents.bt tfoot td::before, #table-documents.bt tbody td::before{ width: 12em; text-align: right; padding-right: 10px; }
  #table-documents .bt-content .showfile span{ padding: 0 !important; }
  #table-documents .bt-content .showfile div.f_right.relative.top_marged5{ float: none; }

  #table-panier{  }
  #table-panier .ligne_entete_panier{ display: none; }

  #table-panier .totaux1 td{ margin-top: 35px; }
  #table-panier .totaux1 td, #table-panier .totaux2 td{ padding-top: 0; width: 50%; float: left; }
  #table-panier .totaux3 td{ width: 50%; float: left; }
  #table-panier .totaux1 .td1, #table-panier .totaux2 .td1, #table-panier .totaux3 .td1{ text-align: right !important; display: inline-block; }
  #table-panier .totaux1 td::before, #table-panier .totaux2 td::before, #table-panier .totaux3 td::before{ display: none; }

  #table-panier .colonne_3, #table-panier .colonne_4, #table-panier .colonne_5{ width: inherit !important; }
  #table-panier .actions_ligne::before{ display: none; }
  #table-panier .colonne_1_contenu::before{ display: none; }
  #table-panier .colonne_1_contenu + td::before{ display: none; }

  #table-panier .colonne_1_contenu + td + td, #table-panier .colonne_1_contenu + td + td + td, #table-panier .colonne_1_contenu + td + td + td + td{ padding: 3px; }

  #table-panier.bt tfoot th::before, #table-panier.bt tfoot td::before, #table-panier.bt tbody td::before{ width: 9em; text-align: right; padding-right: 10px; }
  #table-panier.bt tbody .panier-item td:first-child::before {display: none;}
  #table-panier.bt tbody .panier-item img { height: 8vh; width: auto; }
  #table-panier .ligne_1{ display: none; }
  #table-panier .ligne_info .colonne_2::before{ display: none; }


  /*.bg_couleur_gris_clair{ background-color: #FFF; }*/

  .carousel .carousel-bot-btn-cont{ padding-left: 0; }
  .carousel .carousel-text{ padding-left: 0; }
  .carousel .carousel-text h3{ font-size: 18px; }
  .carousel .carousel-text h4{ font-size: 16px; }
  .carousel .carousel-text p{ font-size: 16px; }
  .carousel_side_btn{ padding: 12px 10px; font-size: 16px; }
  .carousel_side_btn_padd_left{ padding-left: 0px; padding-right: 10px; }
  .carousel_side_btn_padd_right{ padding-right: 0px; padding-left: 10px; }
  .carousel .carousel-bot-btn-cont{ height: 180px; }
  .carousel_btn_icon{ width:35px; float: left; margin-right: 10px; }

  .steps_subcontainer{ height: inherit; }

  .marge_cote_int{ padding: 0 20px; }
  .row_bouton_violet{ margin: 0; }
  .row_bouton_violet .col-lg-12{ width: 45%; }
  .padding_tarif{ padding: 0 !important; }


  .footer-text-normal { font-size: 12px; font-weight: 600; line-height: 1.3; }
  .footer-text-big { font-size: 16px; font-weight: 600; line-height: 1.35; }
  .footer-text-small { font-size: 16px; line-height: 0.96; font-weight: 500;  }


  .footer_bordered1{ padding-top: 50px; padding-bottom: 50px; border-top: 0px solid #FFF; border-right: 0px solid #FFF; border-left: 0px solid #FFF; }
  .footer_bordered2{ border-top: 0px solid #FFF; }

  .footer-top-text .footer-top-middle {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .footer-top-left-text-image-mobile { display: block; }
  .footer-top-left-text-image-desktop { display: none; }
  .footer-top-left-sub-text { text-align: center; margin-top: 14px; margin-bottom: 55px; }
  .footer-top-text { text-align: center; }

  .navbar-header-main{ top: 8px; padding-right: 15px; padding-left: 15px; }
  .navbar ul li a{ margin-top: 0px; margin-right: 0px; }
  .foot_padd20{ padding: 10px 0px; }
  .footer-main-desc-title h4{ font-size: 1.5rem; line-height: 25px; }
  .footer-main-desc-title img{ width: 80px; }
  .left_small{ text-align: left !important; }
  .center_small{ text-align: center !important; float: none !important; }
  .top_marged15_small{ margin-top: 15px; }
  .bordered_tarif2{ margin-left: 0px; margin-top: -1px; }
  .crea_step_cont1{ padding-right: 5px; padding-left: 15px; }
  .crea_step_cont2{ padding-right: 5px; padding-left: 5px; }
  .crea_step_cont3{ padding-right: 15px; padding-left: 5px; }s

                                                             .bordered_tarif{ height: inherit !important; padding: 30px 15px; }
  .page_pass_decouverte .img_carte_pass{ display: none; }


  /* CREATION DOSSIER NEW PARCOURS */
  .page_creation_dossier .creation_dossier{ margin-top: 0; }
  .page_creation_dossier .creation_dossier .error_message{ font-size: 12px; padding-top: 10px; }
  .page_creation_dossier .creation_dossier .error_message_sous_submit{ font-size: 12px; }
  .page_creation_dossier input[type='checkbox'] + span{ font-size: 10px; }
  .page-template-creation-dossier .ui-autocomplete{ width: 78% !important; }
  .page_creation_dossier .creation_dossier_etape_9{ margin-top: 0; }

  .page_creation_dossier .logo_entete{ padding: 12px 20px 20px 20px; float: right; text-align: right; position: relative; right: 0px; }
  .page_creation_dossier .logo_entete img{ height: 30px; }
  .page_creation_dossier .creation_dossier .contenu_page_fil{ padding-left: 20px !important; padding-right: 20px !important; }
  .page_creation_dossier .creation_dossier .bouton_rouge{ display: block; text-align: center; font-size: 14px; height: 45px; line-height: 45px; }
  .page_creation_dossier .creation_dossier .bouton_blanc{ display: block; text-align: center; font-size: 14px; height: 45px; line-height: 45px; }
  .page_creation_dossier .creation_dossier .bouton_gris{ font-size: 14px; height: 45px; line-height: 45px; }
  .page_creation_dossier .creation_dossier .bouton_rouge_2{ font-size: 14px; height: 45px; line-height: 45px; }
  .page_creation_dossier .creation_dossier .fleche_retour img{ height: 15px; }

  .page_creation_dossier .creation_dossier .etape1 .fleche_retour, .page_creation_dossier .creation_dossier .etape2 .fleche_retour, .page_creation_dossier .creation_dossier .etape3 .fleche_retour, .page_creation_dossier .creation_dossier .etape4 .fleche_retour{ width: 100px; text-align: left; margin-top: -45px; margin-bottom: 20px; padding-left: 20px !important; padding-right: 20px !important; }
  .page_creation_dossier .creation_dossier .etape1 .contenu_page, .page_creation_dossier .creation_dossier .etape2 .contenu_page, .page_creation_dossier .creation_dossier .etape3 .contenu_page, .page_creation_dossier .creation_dossier .etape4 .contenu_page{ margin-top: 0px; /*background: pink;*/ }

  .page_creation_dossier .creation_dossier .fleche_retour{ width: 100px; text-align: left; margin-top: -95px; margin-bottom: 20px; padding-left: 20px !important; padding-right: 20px !important; }
  .page_creation_dossier .creation_dossier .contenu_page{ margin-top: 120px; }
  .page_creation_dossier .creation_dossier .contenu_page_felicitations{ margin-top: 0px; padding-left: 15px; padding-right: 15px; }

  .page_creation_dossier input[type='checkbox'] + span{ width: 87%; }

  .page_creation_dossier .fil_ariane_creation_dossier{ display: none; }
  .page_creation_dossier .fil_ariane_creation_dossier_mobile{ display: block; overflow: hidden; }
  .page_creation_dossier .fil_ariane_creation_dossier_mobile .titre_fil_ariane_mobile{ display: block; font-size: 11px; font-weight: 600; color: #343951; margin-top: 20px; margin-bottom: 7px; }
  .page_creation_dossier .fil_ariane_creation_dossier_mobile .bloc_etape{ float: left; width: 19%; margin-right: 1%; }
  .page_creation_dossier .fil_ariane_creation_dossier_mobile .bloc_etape .rempli{ width: 100%; height: 5px; background: #dbdce1; }
  .page_creation_dossier .fil_ariane_creation_dossier_mobile .bloc_etape .rempli.fait .remplissage{ height: 100%; background: #e83f40; }

  .page_creation_dossier .select_and_input .select_container{ width: 35%; }
  .page_creation_dossier .select_container select{ /*font-family: sans-serif !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; width: 100%; padding: 14px 20px 14px 20px; min-height: 52px;*/ font-size: 12px; /*color: #000; border: 0; border-radius: 8px;	border: 1px solid #cfd2e0; overflow: hidden; text-overflow: ellipsis; box-shadow: inherit;*/ }
  .page_creation_dossier .select_and_input input{ width: 65%; }
  .page_creation_dossier .select_and_input .select_container select{ width: 100%; }
  .page_creation_dossier .creation_dossier .cadre_hover label{ width: 100%; }

  .page_creation_dossier .creation_dossier .titre_etape{ font-size: 20px; margin-top: 0; padding-bottom: 16px; line-height: 30px; }
  .page_creation_dossier .creation_dossier .etape1 .titre_etape, .page_creation_dossier .creation_dossier .etape4 .titre_etape{ margin-top: 43px; }
  .page_creation_dossier .creation_dossier .titre_2{ font-size: 17px; }
  .page_creation_dossier .creation_dossier .titre_3{ font-size: 16px; }
  .page_creation_dossier .creation_dossier .titre_3_highlight{ font-size: 16px; }
  .page_creation_dossier .creation_dossier .titre_4{ font-size: 12.5px; }
  .page_creation_dossier .creation_dossier .titre_5{ font-size: 11px; }
  .page_creation_dossier .creation_dossier .titre_5_semibold{ font-size: 11px; }
  .page_creation_dossier .creation_dossier .titre_6{ font-size: 10px; }

  /*.page_creation_dossier .creation_dossier .forme_juridique .affichage_desktop{ display: none; }
  .page_creation_dossier .creation_dossier .forme_juridique .affichage_mobile{ display: block; }*/

  .page_creation_dossier .creation_dossier .etape1 .duree_inscription{ font-size: 15.5px; padding-bottom: 22px; }
  .page_creation_dossier .creation_dossier .etape1 .marche_professionnel{ font-size: 17px; padding-bottom: 23px; }
  .page_creation_dossier .creation_dossier .etape1 .vous_etes{ font-size: 13px; font-weight: 600; padding-bottom: 9px; }
  .page_creation_dossier .creation_dossier .etape1 .info_prepare .titre_2{ padding-top: 30px; padding-bottom: 18px; }
  .page_creation_dossier .creation_dossier .etape1 .info_prepare .documents_a_preparer{ padding-bottom: 30px; }

  .page_creation_dossier .creation_dossier .etape2 .mail_compte{ font-size: 16px; }
  .page_creation_dossier .creation_dossier .etape2 .assurez_vous{ font-size: 11px; padding-bottom: 40px; }
  .page_creation_dossier .creation_dossier .etape2 .etoile_mail{ top: 10px; }

  .page_creation_dossier .creation_dossier .etape3 .info_mdp{ font-size: 16px; }
  .page_creation_dossier .creation_dossier .etape3 .infos_saisie_mdp{ position: absolute; top: -80px; left: -42px; }

  .page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite{ padding: 15px; margin-right: 0; }
  .page_creation_dossier .creation_dossier .je_souhaite .cadre_je_souhaite .texte_souhait_2{ display: none; }
  .page_creation_dossier .creation_dossier .je_souhaite .rassurer{ font-size: 16px; }

  .page_creation_dossier .creation_dossier .felicitations .bravo{ font-size: 16px; padding-bottom: 40px; }
  .page_creation_dossier .creation_dossier .felicitations .titre_2{ font-size: 17px; }
  .page_creation_dossier .creation_dossier .felicitations .titre_2_jaune{ font-size: 17px; }
  .page_creation_dossier .creation_dossier .felicitations .explications{ font-size: 16px; }
  .page_creation_dossier .creation_dossier .felicitations .img_reconnexion{ margin: 30px 0 0 0; }
  .page_creation_dossier .creation_dossier .felicitations ul.padd60bot{ padding-bottom: 30px; }
  .page_creation_dossier .creation_dossier .felicitations ul.padd70bot{ padding-bottom: 30px; }

  .page_creation_dossier .creation_dossier .votre_structure .recherche_structure{ font-size: 16px; }
  .page_creation_dossier .creation_dossier .votre_structure .bloc_cap_adresse{ padding: 20px; }
  .page_creation_dossier .creation_dossier .votre_structure .bloc_cap_adresse label{ font-size: 16px; }
  .page_creation_dossier .creation_dossier .votre_structure .col-sm-11{ padding-right: 0; }
  .page_creation_dossier .creation_dossier .votre_structure .col-sm-7{ margin-right: 0; }
  .page_creation_dossier .creation_dossier .votre_structure .structure_manuelle .renseigner_info_manuel{ font-size: 16px; }
  .page_creation_dossier .creation_dossier .votre_structure .structure_manuelle .autre_recherche a{ font-size: 15px; }

  .page_creation_dossier .creation_dossier .etape7 .civilite_gerant{ font-size: 13px; }
  .page_creation_dossier .creation_dossier .le_gerant .col-sm-5{ margin-right: 0; }
  .page_creation_dossier .creation_dossier .coordonnees_gerant .col-sm-7, .page_creation_dossier .creation_dossier .coordonnees_personne .col-sm-7{ margin-right: 0; }
  .page_creation_dossier .creation_dossier .le_gerant .cadre_gerant{ height: inherit; margin-bottom: 20px; padding: 15px; margin-right: 0; }

  .page_creation_dossier .creation_dossier .ajout_document .titre_etape{ padding-bottom: 16px; }
  .page_creation_dossier .creation_dossier .ajout_document .document_nouveau_sur_mr{ font-size: 16px; }
  .page_creation_dossier .creation_dossier .ajout_document .padd50bot_mobile{ padding-bottom: 20px; }
  .page_creation_dossier .creation_dossier .ajout_document .separateur_document{ height: 30px; }
  .page_creation_dossier .creation_dossier .ajout_document .message_info_document{ font-size: 16px; }
  .page_creation_dossier .creation_dossier .ajout_document .message_info_document .felicitations{ font-size: 16px; margin-left: 0; }

  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte{ padding: 15px; margin-right: 0; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .titre_carte{ font-size: 15px; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .sous_titre_carte{ font-size: 14px; height: auto; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte ul li{ font-size: 13px; }
  .page_creation_dossier .creation_dossier .quelle_carte .cadre_quelle_carte .info_verte{ font-size: 13px; }

  .page_creation_dossier .creation_dossier .choix_vehicule .aide_choix_vehicule{ font-size: 16px; padding-bottom: 35px; }
  .page_creation_dossier .creation_dossier .choix_vehicule .cadre_form{ margin-right: 0; }
  .page_creation_dossier .creation_dossier .choix_vehicule .info_tva{ font-size: 16px; }

  .page_creation_dossier .creation_dossier .carte_grise .carte_grise_lisible{ font-size: 16px; }

  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees{ margin-right: 0; }
  .page_creation_dossier .creation_dossier .choix_entrees .cadre_nombre_entrees .prix_total{ font-weight: normal; }
  .page_creation_dossier .creation_dossier .choix_entrees .image_carte_acheteur_new{ /*display: none;*/ }
  .page_creation_dossier .creation_dossier .choix_entrees .image_pass_express{ display: none; }
  .page_creation_dossier .creation_dossier .choix_entrees .carte .sous_titre_choix_entrees{ font-size: 20px; }
  .page_creation_dossier .creation_dossier .choix_entrees .carte .info_carte li{ font-size: 15px; }
  .page_creation_dossier .creation_dossier .choix_entrees .carte .bloc_pass_express .presse{ padding-right: 0; font-size: 15px; }

  .page_creation_dossier .creation_dossier .panier_creation_compte .tableau_panier_creation{ font-size: 15px; }

  .page_creation_dossier input.big[type="text"], .page_creation_dossier input.big[type="password"]{ padding: 21px 24px 21px 24px; height: 56px; /*font-size: 18px;*/ }
  .page_creation_dossier .input_password .eye, .page_creation_dossier .input_password .eye_bis{ top: 10px; }
  .page_creation_dossier .intitule_champs{ font-size: 13px; }
  .page_creation_dossier .creation_dossier ul li{ font-size: 12.5px; font-weight: 500; }
  .page_creation_dossier .footer_l1{ font-size: 11px; }
  .page_creation_dossier .footer_l2{ font-size: 10px; padding: 0 10px; }

  .page_connexion .fil_ariane_mdp_oublie .div_bloc_etape{ visibility: hidden; margin-bottom: 20px; }


  .page_creation_dossier .creation_dossier_e2 .form-group{ margin-bottom: 0; }
  .page_creation_dossier .dossier_col_input{ padding: 0; margin-bottom: 10px; }
  .page_creation_dossier .donnees_entreprise.top_marged40{ margin-top: 20px; }
  .page_creation_dossier .form-control-portable{ width: 59.2% !important; }

  .bloc_gauche_creation_dossier{ margin-left: -15px; }
  .bloc_droite_creation_dossier{ margin-right: -15px; }

  .bloc_gauche_pass_decouverte{ margin-left: 0; margin-right: 15px; }
  .bloc_droite_pass_decouverte{ margin-left: 15px; }

  .entete_page_creation_dossier .no_padd_left{ padding:0; }
  .entete_page_creation_dossier .no_padd_right{ padding:0; }
  .entete_page_pass_decouverte .no_padd_left{ padding:0; }
  .entete_page_pass_decouverte .no_padd_right{ padding:0; }

  .footer-top-right{ padding-top: 39px; }

  .page_creation_carte .creation_dossier { padding-top:20px; }

}

@media (max-width: 768px){
  .page_creation_carte .bouton-retour-wrapper { text-align:center; }
}

@media (max-width: 570px){
  /*body{ background-color: green !important; }*/

  .top_marged_prix_vertical_align{ margin-top: 35px; }
  .top_marged_prix_vertical_align2{ margin-top: 5px; }

  .img_banniere_creation_compte{ clear: both; float: none; text-align: center; width: 100%; display: none; }
  .img_banniere_creation_compte img{ height: 100px; }
  .titre_banniere_creation_compte{ clear: both; float: none; text-align: center; width: 100%; padding-top: 5px; }
  .titre_banniere_creation_compte .interieur{ padding-top: 0; font-size: 20px; }
  .info_banniere_creation_compte{ clear: both; float: none; text-align: center; width: 100%; padding-top: 5px; }
  .info_banniere_creation_compte .interieur{ font-size: 15px; }

  .btn{ white-space: normal; }

  .bg_couleur_gris_clair.padd25 .no_padd.col-md-2, .bg_couleur_blanc_titre_footer.padd25 .no_padd.col-md-2{ width: 60px; }
  ul.onglets{  }
  ul.onglets li.onglet_carte{ width: 22%; }
  ul.onglets li.onglet_moncompte{ width: 45%; }
  ul.onglets li.onglet_pesees{ width: 30%; }
  ul.onglets li{ height: auto !important; display: block; text-align: center; white-space: normal !important; margin: 0 !important; }
  ul.onglets li a{ float: none !important; text-align: center; display: inline-block; padding: 10px 5px !important; }

  .cadre_besoin_carte .col-lg-6{ width: 100%; float: none; margin-bottom: 15px; }

  .navbar-header-title{ font-size: 14px; }
  .navbar-header-subtitle{ font-size: 12px; }
  .navbar ul li a{ padding: 0px 1px 0px 8px; /*font-size: 10px;*/ }
  .navbar-nav{ /*margin: 3px 0px;*/ }
  .carousel_side_btn{ padding: 5px; font-size: 12px; }
  .carousel_side_btn{ height: 47px; }
  .carousel-bot-btn button{ margin-bottom: 5px; }
  .carousel-bot-btn{ text-align: center; }
  .carousel .carousel-text h3{ margin-top: 8px; }
  .carousel .carousel-text p{ margin-top: 5px; }
  .banner_button{ font-size: 12px; }
  #preparer_venue .media-heading{ font-size: 14px; }
  .footer-top-text strong{ font-size: 2.5rem; }
  .wp-img-responsive{ float: none; margin: auto; display: block; }
  .crea_step_cont1{ padding-top: 0px; }
  .crea_step_cont2{ padding-top: 0px; }
  .crea_step_cont3{ padding-top: 0px; }
  .crea_step{ padding-top: 5px; }
  .etape_renouvellement{ padding: 6px 15px; }
  .bordered_tarif{ border: none; padding: 30px 0; }

  .cadre_frais_offert .left2{ margin-top: 0px; }
  .page_creation_dossier .form-control-portable-indicatif{ width: 100% !important; margin-bottom: 10px; }
  .page_creation_dossier .form-control-portable{ width: 100% !important; }
  /*.creation_dossier_e2 .container.marge_cote .row .col-md-12{  }*/

  /* CREATION DOSSIER NEW PARCOURS */
  .page_creation_dossier .creation_dossier .choix_entrees .carte .bloc_pass_express{ padding: 20px; }
  .page_creation_dossier .creation_dossier .ajout_document .ordi_ou_mobile{ display: block; }
  .page_creation_dossier .creation_dossier .carte_grise .ordi_ou_mobile{ display: block; }

  .row_bouton_violet .col-lg-12{ width: 43%; }
  .reponse_siren{ display: block; clear: both; }

  .cadre1_haut{ padding: 10px 5px; }
  .bloc_gauche_creation_dossier .form-group .col-sm-11{ padding-left: 0; }
  .bloc_droite_creation_dossier .form-group .col-sm-11{ padding-left: 0; }

  .bloc_gauche_pass_decouverte{ margin-left: -15px; }
  .bloc_droite_pass_decouverte{ margin-left: 0px; }

  .footer-top-right{ padding-left: 0; }
  .footer_texte_marche{ text-align: left; }
  .footer-main .marge_cote{ padding: 0 15px; }
  .marge_cote{ padding: 0 30px; }

  .page_creation_dossier .marge_cote{ padding: 0 30px; }
  .page_creation_dossier .creation_dossier .paiement .col_milieu{ margin: 0 10px; }

  .marge_cote_int{ padding: 0 15px; }
}

@media (max-width: 474px){
  .pour-acheter__qui {
    height: 525px;
  }
}


@media (max-width: 420px){
  /*body{ background-color: purple !important; }*/
  .top_marged_prix_vertical_align{ margin-top: 45px; }
  .top_marged_prix_vertical_align2{ margin-top: 18px; }

  .logo_espace_client{ width: 85px; }
  #myrungis-logo{ width: 135px; margin-top: 11px; }
  .lien_panier_header .libelle_icone_panier{ display: none; }

  /*.col_type_vehicule{ clear: both; width: 100%; }*/
  .col_type_vehicule .center{ text-align: left; }

  .step_number3{ font-size: 26px; }
  .step_subtitle{ font-size: 15px; }
  .step_number3_normal{ padding: 4px 10px; }

  .bg_couleur_gris_clair.padd25 .no_padd.col-md-2, .bg_couleur_blanc_titre_footer.padd25 .no_padd.col-md-2{ width: 40px; }

  .sous_cadre_mon_compte{ overflow: hidden; width: 80%; margin: 0 auto 10px auto; }
  .sous_cadre_mon_compte .texte_paiement{ float: left; width: 70%; text-align: left; padding-right: 30px; }
  .sous_cadre_mon_compte a.btn{ float: left; width: 30%; }
  .col-md-7 .full_width{ clear: both; }
  .bloc_info_connexion{ margin-top: 10px; }

  .bloc_keypad_connexion{ clear: both; width: 100%; text-align: center; }
  .bloc_password_connexion{ clear: both; width: 100%; text-align: center; }
  .bloc_password_connexion .top_marged65{ margin-top: 20px; }

  #table-documents.bt tfoot th::before, #table-documents.bt tfoot td::before, #table-documents.bt tbody td::before{ width: 10em; white-space: normal; }
  #table-panier.bt tfoot th::before, #table-panier.bt tfoot td::before, #table-panier.bt tbody td::before{ width: 10em; white-space: normal; }

  .navbar-header-main{ top: 1px; padding-right: 15px; padding-left: 5px; }
  .navbar-header-title{ font-size: 12px; }
  .navbar-header-subtitle{ font-size: 10px; }
  .navbar-nav{ margin: 0; }
  .navbar{ min-height: 35px; }

  .carousel-bot-btn button{ font-size: 12px; }
  .carousel_side_btn_padd_left{ padding-left: 0px; padding-right: 5px; }
  .carousel_side_btn_padd_right{ padding-right: 0px; padding-left: 5px; }
  .carousel .carousel-text p{ line-height: 16px; }

  .carousel .home_text_titre3{ width: 100% !important; }
  .carousel .home_label_rouge{ display: block; top: 0; left: 0; }

  .banner_button{ bottom:15px; right: 15px; }
  #preparer_venue .media-heading{ font-size: 12px; }


  .footer_bordered2 .media .media-left{ display: none; }
  .footer_bordered2 .media .media-body .footer-top-text{ text-align: center; margin-top: 0; }


  .page_pass_decouverte .date_visite .span_date_input{ display: inline-block; padding-top: 5px; }
  .page_pass_decouverte .date_visite .media .media-left img{ width: 25px; }

  .container_carte.marge_cote{ padding: 0 30px; }
  .marge_cote{ padding: 0 15px; }

  .page_creation_dossier .marge_cote { padding-left:15px; padding-right:15px; }
}

@media (max-width: 375px){
  .form_creation_dossier_2 .row .col-md-2{ clear: both; }
  .form_creation_dossier_2 .row .padd35left{ padding-left: 15px; }
  .form_creation_dossier_2 .col-xs-6{ width: 100%; }
  .form_creation_dossier_2 input, .form_creation_dossier_2 select{ width: 100%; }

  .form_creation_dossier_2 .adresse_entreprise input, .form_creation_dossier_2 .adresse_entreprise select{ margin-left: 0px !important; }
  .form_creation_dossier_2 .coordonnees_entreprise input, .form_creation_dossier_2 .coordonnees_entreprise select{ margin-left: 0px !important; }
  .form_creation_dossier_2 .coordonnees_gerant input, .form_creation_dossier_2 .coordonnees_gerant select{ margin-left: 0px !important; }
}

@media (max-width: 320px){
  /*body{ background-color: pink !important; }*/
  .top_marged_prix_vertical_align{ margin-top: 72px; }
  .top_marged_prix_vertical_align2{ margin-top: 18px; }
  .col_img_vehicule{ padding-right: 0; }
  .col_type_vehicule{ padding-left: 0; }

  .bg_couleur_gris_clair.padd25 .no_padd.col-md-2, .bg_couleur_blanc_titre_footer.padd25 .no_padd.col-md-2 { width: 38px; }

  .footer-main-desc-title h4{ font-size: 1.2rem; line-height: 18px; }
  .footer-main-desc-title img{ width: 60px; }
}

/* TABLEAU CARD */
/*.filter-zone {*/
/*  margin-bottom: 5px;*/
/*  padding: 10px;*/
/*  background-color: #f5f5f5;*/
/*  display: flex;*/
/*  flex-wrap: wrap; !* Permet aux éléments de se placer sur plusieurs lignes *!*/
/*  gap: 10px; !* Espacement entre les éléments *!*/
/*  position: relative;*/
/*  z-index: 10;*/
/*}*/

/*.filter-item {*/
/*  flex: 1 1 auto; !* Permet à l'élément de se redimensionner *!*/
/*  min-width: 100px; !* Largeur minimale pour éviter les débordements *!*/
/*  margin: 10px;*/
/*  box-sizing: border-box;*/
/*}*/

.responsive-card {
  display: none; /* Masquer les cartes sur grands écrans */
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
}

@media (max-width: 1200px) {
  #tableau-cartes {
    display: none; /* Masquer le tableau sur petits écrans */
  }
  .responsive-card {
    display: block; /* Afficher les cartes sur petits écrans */
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  #tableau-cartes {
    display: table; /* Afficher le tableau sur grands écrans */
  }
  .responsive-card {
    display: none; /* Masquer les cartes sur grands écrans */
  }
}

/* Conteneur pour les cartes avec mise en page en grille */
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Adaptation automatique */
  gap: 20px; /* Espacement entre les cartes */
}

/* Style pour chaque carte */
.card-content {
  display: flex; /* Utiliser flex pour ajuster le contenu */
  flex-direction: column; /* Disposer le contenu verticalement */
  background-color: #fff; /* Couleur de fond des cartes */
  border: 1px solid #ddd; /* Bordure légère */
  border-radius: 5px; /* Coins arrondis */
  padding: 15px; /* Espacement interne */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Ombre légère */
  box-sizing: border-box; /* Inclut la bordure et le padding dans les dimensions */
  min-height: 150px; /* Hauteur minimale des cartes */
  width: 100%; /* Prend toute la largeur disponible */
  height: 100%; /* Prend toute la hauteur disponible */
  /* display: flex; Utiliser flex pour étirer la carte 
  flex-direction: column; Disposer le contenu verticalement
  justify-content: space-between; Espacer le contenu */
}

/* Styles responsive pour les petits écrans */
@media (max-width: 767px) {
  .card-content {
    width: 100%; /* Prend toute la largeur de l'écran */
    max-width: none; /* Supprime la largeur maximale pour les petits écrans */
    margin: 5px 0; /* Réduit l'espacement extérieur */
  }
}

.text-container {
  display: flex;
  justify-content: space-between; /* Espace maximal entre les deux éléments */
  margin: 5px;
}

.left-text {
  font-weight: bold; /* Texte de gauche en gras */
}

.right-text {
  text-align: right; /* Texte de droite aligné à droite */
}

.divider {
  border-bottom: 1px solid #ccc;
  width: 100%;
}

.button-container {
  width: 100%; /* La div parent prend toute la largeur disponible */
  position: relative;
}

.full-width-btn {
  width: 100%; /* Le bouton prend toute la largeur du parent */
  padding: 10px 20px;
  background: var(--color-principal) !important;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 768px) {
  .full-width-btn {
    font-size: 14px; /* Ajustement du texte pour les petits écrans */
    padding: 8px 16px;
  }
}


.popup-container {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 100;
}

.popup-content {
  padding: 10px;
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.popup-content .full-width-btn {
  margin-bottom: 10px;
}

.popup-container.active {
  display: block;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: transparent;
  z-index: 99;
  display: block;
}

.action-button {
  display: flex;
  align-items: flex-start;
  justify-content: left;
  background-color: #fff;
  border: 1px solid red; /* Bordure rouge */
  color: dimgrey;
  padding: 10px 15px; /* Ajuster le padding selon vos besoins */
  text-decoration: none;
  border-radius: 5px; /* Bordures arrondies */
  max-width: 300px; /* Largeur max pour les boutons */
  box-sizing: border-box; /* Inclut padding et border dans la largeur totale */
  gap: 12px;
  font-size: 13px;
}

.action-button .action-icon {
  margin-right: 100px; /* Espacement entre l'icône et le texte */
  width: 24px; /* Ajuster la largeur de l'icône */
  height: 24px; /* Ajuster la hauteur de l'icône */
  flex-shrink: 0; /* Empêche l'icône de rétrécir */
}

.action-button .action-text {
  white-space: nowrap; /* Empêche le texte de passer à la ligne suivante */
  overflow: hidden; /* Cache le texte qui dépasse */
  text-overflow: ellipsis; /* Affiche des points de suspension si le texte dépasse */
}

/* Signature */
.logo-signature {
  display: block;
  max-height: 60px;
  width: 150px;
  object-fit: contain;
}

/* Formulaire de contact */
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 0.9em;
    font-weight: normal;
    display: block;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    border-radius: 4px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
}

.wpcf7 .screen-reader-response {
    display: none;
}

.wpcf7-form .wpcf7-response-output:empty {
    display: none;
}

input.wpcf7-not-valid,
.wpcf7 form textarea.wpcf7-not-valid {
    border: 1px solid #dc3232;
}

.wpcf7 button[type="submit"]:focus {
    outline: none;
}