@charset "utf-8";

/*
SOMMAIRE
- Gabarit page de noeud
- Accordeon
- Classes diverses
- Page "Avantages de l'UGAP"
- Page GAUSS
- HP Régionalisée
- Nos solutions
- Optez pour la commande en ligne
- Pages produits pétroliers
- Classes
- Révision de prix / Changement titulaire
- Panorama véhicules
- Page + bandeau livraison rapide
- RGPD
- Bandeau éco-responsable - Papier
- Image et Son - Nouvelle collection 2018
- Bandeau SEO - Rayon
- Bandeau Rayonnage Biblio - Rayon
- Ecole de demain
- Page "Crèche et maternelle" (4506620)
- Page "Incontinence adulte" (2017341)
- Filtre - Vignette
- Page lubrifiants
- Style bouton vidéo
- Gabarit Guide d'Achat
- Guide d'achat : Destructeur (4508213)
- Page Propreté (120121)
- Page médical soins et équipements (4509682)
- Accordéons sur les pages
- Guide d'achat - Bandeaux (Catégorie & Rayon)
- Guide d'achat - Bouton (Rayon)
- Page présentation offre "revu"
- Gabarit bandeau
- Gabarit bandeau SEO
*/


/*  DEBUT GABARIT  ============================================================================= */

.gabarit {
    color: #333;
}

.gabarit p {
    margin-bottom: 10px;
}

.padding_15px {
    padding: 15px;
}


/*MENU*/

.gabarit .sommaire>div {
    display: table;
    vertical-align: middle;
    height: 50px;
    text-align: center;
    background: #eeeeee;
}

.gabarit .sommaire>div>a {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    color: #999;
    text-transform: uppercase;
}

.gabarit .sommaire>div>a:hover {
    text-decoration: none;
    color: #fff;
}


/*AMBIANCE*/

.gabarit_mobilier .ambiance {
    overflow: hidden;
}

.gabarit .ambiance_titre {
    float: left;
    width: 32.5%;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    padding: 20px;
    box-sizing: border-box;
}

.gabarit .ambiance_titre .btn_generique {
    font-size: 12px;
    padding: 10px 5px;
}

/* ------------------------------------- */
/* WARNING WARNING WARNING WARNING*/
/* CLASS .ambiance_titre has been removed */
.ubtn_white_filled {
    color: #333;
    border: #fff 1px solid;
    background: #fff;
}

/* ------------------------------------- */
/* WARNING WARNING WARNING WARNING*/
/* CLASS .ambiance_titre has been removed */
.ubtn_white_filled:hover {
    color: #fff;
    border: #fff 1px solid;
    background: transparent;
}

.gabarit .ambiance_titre .ubtn_contact_small:before {
    content: "";
    display: block;
    float: left;
    width: 15px;
    height: 10px;
    margin-right: 10px;
    background: transparent url(../commun/picto_enveloppe_small.png) 0 -10px no-repeat;
}

.gabarit .ambiance_titre .ubtn_contact_small:hover:before {
    background: transparent url(../commun/picto_enveloppe_small.png) 0 0 no-repeat;
}

.gabarit .ambiance_img {
    float: right;
    width: 67.5%;
}

.gabarit .ambiance_img img {
    float: left;
    width: 100%;
    /*height: 100%;*/
    height: auto;
}


/*PLUS DE L'OFFRE*/

.gabarit .bloc_plus_offre {
    height: 80px;
    background: #f0f0f0;
}

.gabarit .bloc_plus_offre:before {
    content: "";
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    background-image: url(../commun/sprite_pictos.png);
}

.gabarit .bloc_plus_offre p {
    padding: 10px;
}

.gabarit .bloc_plus_offre {
    height: 80px;
    background: #f0f0f0;
}


/* COMMANDE */

.gabarit .step_list>li {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #333;
}

.gabarit .step_list>li .num {
    display: table-cell;
    width: 50px;
    padding: 10px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    background: #333;
    vertical-align: middle;
    box-sizing: border-box;
}

.gabarit .step_list>li .text {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.gabarit .bloc_commande span {
    display: inline-block;
}

.gabarit .bloc_commande span.num {
    width: 48px;
    margin-right: 15px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    height: 42px;
    padding-top: 10px;
}


/*LISTE PICTOS*/

.gabarit .bloc_plus_offre.picto_engrenages:before {
    background-position: 0 0;
}

.gabarit .bloc_plus_offre.picto_france:before {
    background-position: 0 -80px;
}

.gabarit .bloc_plus_offre.picto_souris:before {
    background-position: 0 -160px;
}

.gabarit .bloc_plus_offre.picto_pc:before {
    background-position: 0 -240px;
}

.gabarit .bloc_plus_offre.picto_medaille:before {
    background-position: 0 -320px;
}

.gabarit .bloc_plus_offre.picto_couronne:before {
    background-position: 0 -400px;
}

.gabarit .bloc_plus_offre.picto_euro:before {
    background-position: 0 -480px;
}

.gabarit .bloc_plus_offre.picto_stats:before {
    background-position: 0 -560px;
}

.gabarit .bloc_plus_offre.picto_lit:before {
    background-position: 0 -640px;
}

.gabarit .bloc_plus_offre.picto_annulation:before {
    background-position: 0 -720px;
}

.gabarit .bloc_plus_offre.picto_ampoule:before {
    background-position: 0 -800px;
}

.gabarit .bloc_plus_offre.picto_mains:before {
    background-position: 0 -880px;
}

.gabarit .bloc_plus_offre.picto_homme:before {
    background-position: 0 -960px;
}

.gabarit .bloc_plus_offre.picto_homme_cravate:before {
    background-position: 0 -1040px;
}

.gabarit .bloc_plus_offre.picto_calendrier:before {
    background-position: 0 -1120px;
}

.gabarit .bloc_plus_offre.picto_liste:before {
    background-position: 0 -1200px;
}

.gabarit .bloc_plus_offre.picto_liste_verif:before {
    background-position: 0 -1280px;
}

.gabarit .bloc_plus_offre.picto_chrono:before {
    background-position: 0 -1360px;
}

.gabarit .bloc_plus_offre.picto_juridique:before {
    background-position: 0 -1440px;
}

.gabarit .bloc_plus_offre.picto_alerte:before {
    background-position: 0 -1520px;
}

.gabarit .bloc_plus_offre.picto_cadenas:before {
    background-position: 0 -1600px;
}

.gabarit .bloc_plus_offre.picto_extranet:before {
    background-position: 0 -1680px;
}

.gabarit .bloc_plus_offre.picto_recurrent:before {
    background-position: 0 -1760px;
}

.gabarit .bloc_plus_offre.picto_monde:before {
    background-position: 0 -1840px;
}

.gabarit .bloc_plus_offre.picto_ascenseur:before {
    background-position: 0 -1920px;
}

.gabarit .bloc_plus_offre.picto_outils:before {
    background-position: 0 -2000px;
}

.gabarit .bloc_plus_offre.picto_office_tourisme:before {
    background-position: 0 -2080px;
}

.gabarit .bloc_plus_offre.picto_eclairage_public:before {
    background-position: 0 -2160px;
}

.gabarit .bloc_plus_offre.picto_gain_temps_tirelire:before {
    background-position: 0 -2240px;
}

.gabarit .bloc_plus_offre.picto_gain_temps:before {
    background-position: 0 -2320px;
}

.gabarit .bloc_plus_offre.picto_tirelire:before {
    background-position: 0 -2400px;
}

.gabarit .bloc_plus_offre.picto_antenne:before {
    background-position: 0 -2480px;
}

.gabarit .bloc_plus_offre.picto_son:before {
    background-position: 0 -2560px;
}

.gabarit .bloc_plus_offre.picto_video:before {
    background-position: 0 -2640px;
}

.gabarit .bloc_plus_offre.picto_loupe:before {
    background-position: 0 -2720px;
}

.gabarit .bloc_plus_offre.picto_caddie:before {
    background-position: 0 -2800px;
}

.gabarit .bloc_plus_offre.picto_connexion:before {
    background-position: 0 -2880px;
}

.gabarit .bloc_plus_offre.picto_bus:before {
    background-position: 0 -2960px;
}

.gabarit .bloc_plus_offre.picto_nature:before {
    background-position: 0 -3040px;
}

.gabarit .bloc_plus_offre.picto_administration:before {
    background-position: 0 -3120px;
}

.gabarit .bloc_plus_offre.picto_wifi:before {
    background-position: 0 -3200px;
}

.gabarit .bloc_plus_offre.picto_prise:before {
    background-position: 0 -3280px;
}

.gabarit .bloc_plus_offre.picto_batterie:before {
    background-position: 0 -3360px;
}

.gabarit .bloc_plus_offre.picto_energie:before {
    background-position: 0 -3440px;
}

.gabarit .bloc_plus_offre.picto_prof:before {
    background-position: 0 -3520px;
}

.gabarit .bloc_plus_offre.picto_voiture:before {
    background-position: 0 -3600px;
}

.gabarit .bloc_plus_offre.picto_smartphone:before {
    background-position: 0 -3680px;
}

.gabarit .bloc_plus_offre.picto_volume:before {
    background-position: 0 -3760px;
}

.gabarit .bloc_plus_offre.picto_dialogue:before {
    background-position: 0 -3840px;
}

.gabarit .bloc_plus_offre.picto_gratuite:before {
    background-position: 0 -3920px;
}


/*PRESTATAIRE*/

.gabarit .logo_presta {
    display: flex;
    min-height: 90px;
    padding: 15px 0;
    text-align: center;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.gabarit .logo_presta img {
    margin: auto;
}


/*CONTACT*/

.gabarit .btn_contact {
    display: block;
    padding: 40px 10px 40px 70px;
    text-decoration: none;
    color: #333;
    border: 5px solid #e0e0e0;
    background: #eee url("../commun/picto_enveloppe.png") no-repeat 20px center;
}


/*OPTION CONTACT OU LIEN SPECIFIQUE (TYPE GABARIT CONTACT UGAP)*/

.gabarit .btn_ministere_finance {
    background: #eee url("../commun/picto_ministere_finance.png") no-repeat 20px center;
}

.gabarit .btn_ministere {
    background: #eee url("../commun/picto_ministere.png") no-repeat 20px center;
}

.gabarit .btn_PMR {
    background: #eee url("../commun/picto_PMR.png") no-repeat 20px center;
}

.gabarit .btn_batiment_verified {
    background: #eee url("../commun/picto_batiment_verified.png") no-repeat 20px center;
}

.gabarit .btn_contact:hover {
    background-color: #f5f5f5;
}


/*CLASSES GENERIQUES*/

.gabarit .rubrique {
    margin-bottom: 20px;
}

.gabarit .titre_rubrique {
    position: relative;
    padding: 0 0 10px 0;
    font-size: 18px;
    border-bottom: 1px solid #e0e0e0;
}

.gabarit .titre_rubrique:after {
    content: " ";
    display: block;
    position: absolute;
    width: 60px;
    height: 5px;
    bottom: -1px;
    background: #333;
}

.gabarit .sous_titre,
.gabarit .subtitle {
    font-size: 14px;
    font-weight: bold;
}

.gabarit .subtitle_xsmall {
    font-size: 14px;
    padding: 0 0 10px 0;
    font-weight: bold;
}

.gabarit .section_title {
    display: block;
    font-size: 16px;
    font-weight: bold;
    background: #f0f0f0;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}

.gabarit .offer {
    padding-left: 20px;
}

.gabarit .liste>li,
.gabarit .list>li {
    position: relative;
    padding: 0 0 8px 10px;
}

.gabarit .liste>li:before,
.gabarit .list>li:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
}

.gabarit .liste>li>ul,
.gabarit .list>li>ul {
    padding-top: 5px;
}

.gabarit .liste>li>ul>li,
.gabarit .list>li>ul>li {
    position: relative;
    padding: 0 0 2px 8px;
}

.gabarit .liste>li>ul>li:before,
.gabarit .list>li>ul>li:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 3px;
    height: 3px;
}

.article_contenu .list {
    margin-bottom: 20px;
}

.gabarit .border_ccc {
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.gabarit .bg_grey {
    background: #e0e0e0;
}

.gabarit .bg_white {
    background: #fff;
}

.gabarit .uppercase {
    text-transform: uppercase;
}

.gabarit .align_center {
    text-align: center;
}

.gabarit .justify {
    text-align: justify;
}

.gabarit .text_light {
    color: #666;
    font-size: 11px;
}

.gabarit .full_width {
    width: 100%;
}

.gabarit .btn_generique {
    text-transform: uppercase;
    background-color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    padding: 15px 20px 15px 20px;
    display: inline-block;
    border: 1px solid #333;
    color: #333;
}

.gabarit .btn_generique_small {
    font-size: 10px;
    padding: 8px 12px;
}

.gabarit .btn_generique:hover {
    color: #fff;
    background-color: #333;
    border-color: #fff;
}

.gabarit .bg_univers {
    background-color: #d6d6d6;
}


.gabarit .panorama_description_image {
    padding: 0;
}


/* PANORAMA DE L'OFFRE */

.gabarit .ambiance_titre_panorama {
    float: left;
    width: 32.5%;
    color: #666;
    font-size: 14px;
    padding: 40px 0 0 60px;
    box-sizing: border-box;
}

.gabarit .ambiance_panorama {
    overflow: hidden;
    background: #d3d3d3;
}

.gabarit .ambiance_img_panorama {
    float: right;
    width: 67.5%;
}

.gabarit .ambiance_img_panorama img {
    float: left;
    width: 100%;
    /*height: 100%;*/
    height: auto;
}

.gabarit .table_align {
    display: table;
    width: 100%;
}

.gabarit .table_cell_align {
    display: table-cell;
    position: relative;
    border-spacing: 5px;
    /*padding-bottom: 80px;*/
    padding-left: 10px;
    padding-right: 10px;
}

.gabarit .table_cell_align:first-child {
    padding-left: 0;
}

.gabarit .table_cell_align:last-child {
    padding-right: 0;
}

.gabarit .button_align_bottom {
    position: absolute;
    bottom: 0;
}


/*COULEURS UNIVERS*/

/*Consommables----------------------*/

.gabarit_consommables .sommaire>div>a:hover,

/*.gabarit_consommables .btn_generique:hover,*/

.gabarit_consommables .ambiance,
.gabarit_consommables .titre_rubrique:after,
.gabarit_consommables .bloc_plus_offre:before,
.gabarit_consommables .liste li:before,
.gabarit_consommables .list li:before,
.gabarit_consommables .step_list>li .num,
.gabarit_consommables.gas_page .list_rounded li::before,
.gabarit_consommables.gas_page .number_item_list,
.gabarit_consommables.gas_page .header_container,
.gabarit_consommables.gas_page .title_circle,
.gabarit_consommables .bandeau_info .bandeau_info_img,
.gabarit_consommables .bg_theme,
.cross_page_redirection_carburant.header_container {
    background-color: #C5007B;
}

.gabarit_consommables .bloc_plus_offre>p>strong,

/*.gabarit_consommables .btn_generique,*/

.gabarit_consommables .sous_titre,
.gabarit_consommables .subtitle,
.gabarit_consommables .section_title,
.gabarit_consommables .btn_contact>strong,
.gabarit_consommables.gas_page .ubtn_theme_filled,
.gabarit_consommables.gas_page .ubtn_theme:hover,
.gabarit_consommables .color_theme,
.gabarit_consommables .revision .theme_tag.title5,
.gabarit_consommables .bandeau_info_txt .title3 {
    color: #C5007B;
}

.gabarit_consommables .step_list>li,
.gabarit_consommables .bloc_commande,
.gabarit_consommables.gas_page .plus_item::before {
    border: 1px solid #C5007B;
}


/*
.gabarit_consommables .btn_generique { border-color: #C5007B; }
*/

/*Informatique-----------------*/

.gabarit_informatique .sommaire>div>a:hover,

/*.gabarit_informatique .btn_generique:hover,*/

.gabarit_informatique .ambiance,
.gabarit_informatique .titre_rubrique:after,
.gabarit_informatique .bloc_plus_offre:before,
.gabarit_informatique .liste li:before,
.gabarit_informatique .list li:before,
.gabarit_informatique .bloc_commande span.num,
.gabarit_informatique .step_list>li .num,
.gabarit_informatique.global_page .title_circle,
.gabarit_informatique .bandeau_info .bandeau_info_img,
.gabarit_informatique .bg_theme,
.gabarit_informatique .block_filter:before {
    background-color: #715c9f;
}

.gabarit_informatique .bloc_plus_offre>p>strong,

/*.gabarit_informatique .btn_generique,*/

.gabarit_informatique .sous_titre,
.gabarit_informatique .subtitle,
.gabarit_informatique .section_title,
.gabarit_informatique .btn_contact>strong,
.gabarit_informatique .revision .theme_tag.title5,
.gabarit_informatique .color_theme,
.gabarit_informatique .bandeau_info_txt .title3 {
    color: #715c9f;
}

.gabarit_informatique .step_list>li,
.gabarit_informatique .bloc_commande,
.gabarit_informatique .block_filter:hover,
.gabarit_informatique.global_page .plus_item::before {
    border: 1px solid #715c9f;
}


/*
.gabarit_informatique .btn_generique { border-color: #715c9f; }
*/

/*Medical---------------------*/

.gabarit_medical .sommaire>div>a:hover,

/*.gabarit_medical .btn_generique:hover,*/

.gabarit_medical .ambiance,
.gabarit_medical .titre_rubrique:after,
.gabarit_medical .bloc_plus_offre:before,
.gabarit_medical .liste li:before,
.gabarit_medical .list li:before,
.gabarit_medical .step_list>li .num,
.gabarit_medical.global_page .title_circle,
.gabarit_medical .bandeau_info .bandeau_info_img,
.gabarit_medical .bg_theme,
.gabarit_medical .ubtn.color_theme_btn {
    background-color: #0090d4;
}

.gabarit_medical .bloc_plus_offre>p>strong,

/*.gabarit_medical .btn_generique,*/

.gabarit_medical .sous_titre,
.gabarit_medical .subtitle,
.gabarit_medical .section_title,
.gabarit_medical .btn_contact>strong,
.gabarit_medical .revision .theme_tag.title5,
.gabarit_medical .color_theme,
.gabarit_medical .bandeau_info_txt .title3,
.gabarit_medical .ubtn.color_theme_btn:hover {
    color: #0090d4;
}

.gabarit_medical .step_list>li,
.gabarit_medical .bloc_commande,
.gabarit_medical.global_page .plus_item::before,
.gabarit_medical .block_link:hover,
.gabarit_medical .ubtn.color_theme_btn {
    border: 1px solid #0090d4;
}

.gabarit_medical .block_link.available_soon:hover {
    border-color: rgba(244, 244, 244, 1);
    cursor: default;
}


/*
.gabarit_medical .btn_generique { border-color: #0090d4; }
*/

.gabarit_medical .bg_univers {
    background-color: #cce9f6;
}


/*Mobilier----------------------*/

.gabarit_mobilier .sommaire>div>a:hover,

/*.gabarit_mobilier .btn_generique:hover,*/

.gabarit_mobilier .ambiance,
.gabarit_mobilier .titre_rubrique:after,
.gabarit_mobilier .bloc_plus_offre:before,
.gabarit_mobilier .liste li:before,
.gabarit_mobilier .list li:before,
.gabarit_mobilier .step_list>li .num,
.gabarit_mobilier.global_page .title_circle,
.gabarit_mobilier .bandeau_info .bandeau_info_img,
.gabarit_mobilier .bg_theme {
    background-color: #a5037c;
}

.gabarit_mobilier .bloc_plus_offre>p>strong,

/*.gabarit_mobilier .btn_generique,*/

.gabarit_mobilier .sous_titre,
.gabarit_mobilier .subtitle,
.gabarit_mobilier .section_title,
.gabarit_mobilier .btn_contact>strong,
.gabarit_mobilier .revision .theme_tag.title5,
.gabarit_mobilier .color_theme,
.gabarit_mobilier .bandeau_info_txt .title3 {
    color: #a5037c;
}

.gabarit_mobilier .step_list>li,
.gabarit_mobilier .bloc_commande,
.gabarit_mobilier.global_page .plus_item::before {
    border: 1px solid #a5037c;
}


/*
.gabarit_mobilier .btn_generique { border-color: #a5037c; }
*/

/*Eveil et enseignement ----------------------*/

.gabarit_enseignement .sommaire>div>a:hover,

/*.gabarit_enseignement .btn_generique:hover,*/

.gabarit_enseignement .ambiance,
.gabarit_enseignement .titre_rubrique:after,
.gabarit_enseignement .bloc_plus_offre:before,
.gabarit_enseignement .liste li:before,
.gabarit_enseignement .list li:before,
.gabarit_enseignement .step_list>li .num,
.gabarit_enseignement.global_page .title_circle,
.gabarit_enseignement .bandeau_info .bandeau_info_img,
.gabarit_enseignement .bg_theme {
    background-color: #0099A1;
}

.gabarit_enseignement .bloc_plus_offre>p>strong,

/*.gabarit_enseignement .btn_generique,*/

.gabarit_enseignement .sous_titre,
.gabarit_enseignement .subtitle,
.gabarit_enseignement .section_title,
.gabarit_enseignement .btn_contact>strong,
.gabarit_enseignement .revision .theme_tag.title5,
.gabarit_enseignement .color_theme,
.gabarit_enseignement .bandeau_info_txt .title3 {
    color: #0099A1;
}

.gabarit_enseignement .step_list>li,
.gabarit_enseignement .bloc_commande,
.gabarit_enseignement.global_page .plus_item::before {
    border: 1px solid #0099A1;
}


/*
.gabarit_enseignement .btn_generique { border-color: #0099A1; }
*/

/*Equipement----------------------*/

.gabarit_equipement .sommaire>div>a:hover,

/*.gabarit_equipement .btn_generique:hover,*/

.gabarit_equipement .ambiance,
.gabarit_equipement .titre_rubrique:after,
.gabarit_equipement .bloc_plus_offre:before,
.gabarit_equipement .liste li:before,
.gabarit_equipement .list li:before,
.gabarit_equipement .step_list>li .num,
.gabarit_equipement.global_page .title_circle,
.gabarit_equipement .bandeau_info .bandeau_info_img,
.gabarit_equipement .bg_theme {
    background-color: #d3c000;
}

.gabarit_equipement th,
.gabarit_equipement td {
    border: 1px solid #d3c000;
    padding: 8px;
}

.gabarit_equipement th {
    color: white;
    background: #d3c000;
}

.gabarit_equipement .bloc_plus_offre>p>strong,

/*.gabarit_equipement .btn_generique,*/

.gabarit_equipement .sous_titre,
.gabarit_equipement .subtitle,
.gabarit_equipement .section_title,
.gabarit_equipement .btn_contact>strong,
.gabarit_equipement .revision .theme_tag.title5,
.gabarit_equipement .color_theme,
.gabarit_equipement .bandeau_info_txt .title3 {
    color: #d3c000;
}

.gabarit_equipement .step_list>li,
.gabarit_equipement .bloc_commande,
.gabarit_equipement.global_page .plus_item::before {
    border: 1px solid #d3c000;
}


/*
.gabarit_equipement .btn_generique { border-color: #d3c000; }
*/

/*Restauration Professionnelle ----------------------*/

.gabarit_restauration_pro .sommaire>div>a:hover,

/*.gabarit_restauration_pro .btn_generique:hover,*/

.gabarit_restauration_pro .ambiance,
.gabarit_restauration_pro .titre_rubrique:after,
.gabarit_restauration_pro .bloc_plus_offre:before,
.gabarit_restauration_pro .liste li:before,
.gabarit_restauration_pro .list li:before,
.gabarit_restauration_pro .step_list>li .num,
.gabarit_restauration_pro .bandeau_info .bandeau_info_img,
.gabarit_restauration_pro .bg_theme {
    background-color: #dfc294;
}

.gabarit_restauration_pro th,
.gabarit_restauration_pro td {
    border: 1px solid #dfc294;
    padding: 8px;
}

.gabarit_restauration_pro th {
    color: white;
    background: #dfc294;
}

.gabarit_restauration_pro .bloc_plus_offre>p>strong,

/*.gabarit_restauration_pro .btn_generique,*/

.gabarit_restauration_pro .sous_titre,
.gabarit_restauration_pro .subtitle,
.gabarit_restauration_pro .section_title,
.gabarit_restauration_pro .btn_contact>strong,
.gabarit_restauration_pro .revision .theme_tag.title5,
.gabarit_restauration_pro .color_theme,
.gabarit_restauration_pro .bandeau_info_txt .title3 {
    color: #dfc294;
}

.gabarit_restauration_pro .step_list>li,
.gabarit_restauration_pro .bloc_commande,
.gabarit_restauration_pro.global_page .plus_item::before {
    border: 1px solid #dfc294;
}


/*
.gabarit_restauration_pro .btn_generique { border-color: #dfc294; }
*/

/*Véhicules----------------------*/

.gabarit_vehicules .sommaire>div>a:hover,

/*.gabarit_vehicules .btn_generique:hover,*/

.gabarit_vehicules .ambiance,
.gabarit_vehicules .titre_rubrique:after,
.gabarit_vehicules .bloc_plus_offre:before,
.gabarit_vehicules .liste li:before,
.gabarit_vehicules .list li:before,
.gabarit_vehicules .step_list>li .num,
.gabarit_vehicules.global_page .title_circle,
.gabarit_vehicules .bandeau_info .bandeau_info_img,
.gabarit_vehicules .bg_theme {
    background-color: #476072;
}

.gabarit_vehicules .bloc_plus_offre>p>strong,

/*.gabarit_vehicules .btn_generique,*/

.gabarit_vehicules .sous_titre,
.gabarit_vehicules .subtitle,
.gabarit_vehicules .section_title,
.gabarit_vehicules .btn_contact>strong,
.gabarit_vehicules .revision .theme_tag.title5,
.gabarit_vehicules .color_theme,
.gabarit_vehicules .bandeau_info_txt .title3 {
    color: #476072;
}

.gabarit_vehicules .step_list>li,
.gabarit_vehicules .bloc_commande,
.gabarit_vehicules.global_page .plus_item::before {
    border: 1px solid #476072;
}


/*
.gabarit_vehicules .btn_generique { border-color: #476072; }
*/

/*Services------------------*/

.gabarit_services .sommaire>div>a:hover,

/*.gabarit_services .btn_generique:hover,*/

.gabarit_services .ambiance,
.gabarit_services .titre_rubrique:after,
.gabarit_services .bloc_plus_offre:before,
.gabarit_services .liste li:before,
.gabarit_services .list li:before,
.gabarit_services .bloc_commande span.num,
.gabarit_services .step_list>li .num,
.gabarit_services.global_page .title_circle,
.gabarit_services .bandeau_info .bandeau_info_img,
.gabarit_services .bg_theme {
    background-color: #f39800;
}

.gabarit_services .bloc_plus_offre>p>strong,

/*.gabarit_services .btn_generique,*/

.gabarit_services .sous_titre,
.gabarit_services .subtitle,
.gabarit_services .section_title,
.gabarit_services .btn_contact>strong,
.gabarit_services .revision .theme_tag.title5,
.gabarit_services .color_theme,
.gabarit_services .bandeau_info_txt .title3 {
    color: #f39800;
}

.gabarit_services .step_list>li,
.gabarit_services .bloc_commande,
.gabarit_services.global_page .plus_item::before {
    border: 1px solid #f39800;
}


/*
.gabarit_services .btn_generique { border-color: #f39800; }
*/

/*Incendie----------------------*/

.gabarit_incendie .sommaire>div>a:hover,

/*.gabarit_incendie .btn_generique:hover,*/

.gabarit_incendie .ambiance,
.gabarit_incendie .titre_rubrique:after,
.gabarit_incendie .bloc_plus_offre:before,
.gabarit_incendie .liste li:before,
.gabarit_incendie .list li:before,
.gabarit_incendie .step_list>li .num,
.gabarit_incendie .bandeau_info .bandeau_info_img,
.gabarit_incendie .bg_theme {
    background-color: #C0504D;
}

.gabarit_incendie .bloc_plus_offre>p>strong,

/*.gabarit_incendie .btn_generique,*/

.gabarit_incendie .sous_titre,
.gabarit_incendie .subtitle,
.gabarit_incendie .section_title,
.gabarit_incendie .btn_contact>strong,
.gabarit_incendie .revision .theme_tag.title5,
.gabarit_incendie .bandeau_info_txt .title3 {
    color: #C0504D;
}

.gabarit_incendie .step_list>li,
.gabarit_incendie .bloc_commande,
.gabarit_incendie.global_page .plus_item::before {
    border: 1px solid #C0504D;
}


/*
.gabarit_incendie .btn_generique { border-color: #C0504D; }
*/

/*Silver Economie----------------------*/

.gabarit_silvereconomie .sommaire>div>a:hover,

/*.gabarit_incendie .btn_generique:hover,*/

.gabarit_silvereconomie .ambiance,
.gabarit_silvereconomie .titre_rubrique:after,
.gabarit_silvereconomie.bloc_plus_offre:before,
.gabarit_silvereconomie .liste li:before,
.gabarit_silvereconomie .list li:before,
.gabarit_silvereconomie .step_list>li .num {
    background-color: #409E82;
}

.gabarit_silvereconomie .bloc_plus_offre>p>strong,

/*.gabarit_incendie .btn_generique,*/

.gabarit_silvereconomie .sous_titre,
.gabarit_silvereconomie .subtitle,
.gabarit_silvereconomie .section_title,
.gabarit_silvereconomie .btn_contact>strong {
    color: #409E82;
}

.gabarit_silvereconomie .step_list>li,
.gabarit_silvereconomie .bloc_commande,
.gabarit_silvereconomie.global_page .plus_item::before {
    border: 1px solid #409E82;
}


/*
.gabarit_silvereconomie .btn_generique { border-color: #409E82; }
*/

/*Hygiène et entretien----------------------*/

.gabarit_entretien .sommaire>div>a:hover,

/*.gabarit_consommables .btn_generique:hover,*/

.gabarit_entretien .ambiance,
.gabarit_entretien .titre_rubrique:after,
.gabarit_entretien .bloc_plus_offre:before,
.gabarit_entretien .liste li:before,
.gabarit_entretien .list li:before,
.gabarit_entretien .step_list>li .num,
.gabarit_entretien .bandeau_info .bandeau_info_img,
.gabarit_entretien .bg_theme {
    background-color: #EC7404;
}

.gabarit_entretien .bloc_plus_offre>p>strong,

/*.gabarit_entretien .btn_generique,*/

.gabarit_entretien .sous_titre,
.gabarit_entretien .subtitle,
.gabarit_entretien .btn_contact>strong,
.gabarit_entretien .revision .theme_tag.title5,
.gabarit_entretien .bandeau_info_txt .title3 {
    color: #EC7404;
}

.gabarit_entretien th,
.gabarit_entretien td {
    border: 1px solid #ccc;
    padding: 8px;
}

.gabarit_entretien .ubtn {
    border: 1px solid #EC7404;
    color: #EC7404;
}

.gabarit_entretien .ubtn_filled,
.gabarit_entretien .ubtn:hover {
    background: #EC7404;
    color: white;
}

.gabarit_entretien .ubtn_filled:hover {
    background: white;
    color: #EC7404;
}

.gabarit_entretien .step_list>li,
.gabarit_entretien .bloc_commande,
.gabarit_entretien.global_page .plus_item::before {
    border: 1px solid #EC7404;
}


/*
.gabarit_entretien .btn_generique { border-color: #EC7404; }
*/

/*Mobilier de restauration & hébergement------------------*/

.gabarit_restauration_hebergement .sommaire>div>a:hover,

/*.gabarit_services .btn_generique:hover,*/

.gabarit_restauration_hebergement .ambiance,
.gabarit_restauration_hebergement .titre_rubrique:after,
.gabarit_restauration_hebergement .bloc_plus_offre:before,
.gabarit_restauration_hebergement .liste li:before,
.gabarit_restauration_hebergement .list li:before,
.gabarit_restauration_hebergement .bloc_commande span.num,
.gabarit_restauration_hebergement .step_list>li .num,
.gabarit_restauration_hebergement .bandeau_info .bandeau_info_img,
.gabarit_restauration_hebergement .bg_theme {
    background-color: #E8514C;
}

.gabarit_restauration_hebergement .bloc_plus_offre>p>strong,

/*.gabarit_services .btn_generique,*/

.gabarit_restauration_hebergement .sous_titre,
.gabarit_restauration_hebergement .subtitle,
.gabarit_restauration_hebergement .section_title,
.gabarit_restauration_hebergement .btn_contact>strong,
.gabarit_restauration_hebergement .revision .theme_tag.title5,
.gabarit_restauration_hebergement .bandeau_info_txt .title3 {
    color: #E8514C;
}

.gabarit_restauration_hebergement .step_list>li,
.gabarit_restauration_hebergement .bloc_commande;

.gabarit_restauration_hebergement.global_page .plus_item::before {
    border: 1px solid #E8514C;
}


/*
.gabarit_restauration_hebergement .btn_generique { border-color: #E8514C; }
*/

.colored_frame {
    padding: 2.5em;
    border: 3px solid;
}

.gabarit_restauration_hebergement .colored_frame {
    background-color: rgba(232, 81, 76, 0.075);
    border-color: #E8514C;
}

.gabarit_informatique .colored_frame {
    background-color: rgba(113, 92, 159, 0.075);
    border-color: #715c9f;
}

.gabarit_entretien .colored_frame {
    background-color: rgba(247, 148, 31, 0.075);
    border-color: #EC7404;
}

.gabarit_incendie .colored_frame {
    background-color: rgba(192, 80, 77, 0.075);
    border-color: #C0504D;
}

.gabarit_vehicules .colored_frame {
    background-color: rgba(72, 96, 114, 0.075);
    border-color: #476072;
}

.gabarit_equipement .colored_frame {
    background-color: rgba(211, 192, 0, 0.075);
    border-color: #D3C000;
}

.gabarit_enseignement .colored_frame {
    background-color: rgba(0, 153, 161, 0.075);
    border-color: #0099A1;
}

.gabarit_mobilier .colored_frame {
    background-color: rgba(165, 3, 124, 0.075);
    border-color: #A5037C;
}

.gabarit_medical .colored_frame {
    background-color: rgba(0, 144, 212, 0.075);
    border-color: #0090D4;
}

.gabarit_consommables .colored_frame {
    background-color: rgba(191, 0, 123, 0.075);
    border-color: #C5007B;
}

.global_page.livraison_rapide .colored_frame {
    background-color: rgba(244, 185, 37, 0.075);
    border-color: #f4b925;
}

.gabarit_restauration_hebergement .color_theme_text {
    color: #E8514C;
}

.gabarit_informatique .color_theme_text {
    color: #715c9f;
}

.gabarit_entretien .color_theme_text {
    color: #EC7404;
}

.gabarit_incendie .color_theme_text {
    color: #C0504D;
}

.gabarit_vehicules .color_theme_text {
    color: #476072;
}

.gabarit_equipement .color_theme_text {
    color: #D3C000;
}

.gabarit_enseignement .color_theme_text {
    color: #0099A1;
}

.gabarit_mobilier .color_theme_text {
    color: #A5037C;
}

.gabarit_medical .color_theme_text {
    color: #0090D4;
}

.gabarit_consommables .color_theme_text {
    color: #C5007B;
}


/* FIN GABARIT  ============================================================================= */

/* ACCORDEON  ============================================================================= */

.accordion_ugap .accordion_tab {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 900;
    text-align: left;
    padding: 15px 20px;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #f0f0f0;
}

.accordion_ugap .accordion_tab:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}


.accordion_ugap .ui-accordion-header:after {
    content: "+";
    font-size: 18px;
    font-family: 'Arial', sans-serif;
    font-weight: normal;
    line-height: 18px;
    color: #999;
    float: right;
}

.accordion_ugap .ui-state-active:after {
    content: "-";
}

/* FIN ACCORDEON  ============================================================================= */

/* CLASSES DIVERSES  ============================================================================= */

.display_table {
    display: table;
}

.display_table_cell {
    display: table-cell;
}

.display_inline_block {
    display: inline-block;
}

.no_margin_bottom {
    margin-bottom: 0 !important;
}

.no_padding_bottom {
    padding-bottom: 0 !important;
}

.logo_border {
    height: 88px;
    line-height: 88px;
    display: inline-block;
    border: #e0e0e0 1px solid;
    text-align: center;
    box-sizing: border-box;
}

.logo_border img {
    max-width: 120px;
    max-height: 60px;
    vertical-align: middle;
}

.border_bottom {
    padding-top: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.border_top {
    padding-bottom: 15px;
    border-top: 1px solid #e0e0e0;
}

.full_width {
    width: 100%;
}

.width_90 {
    width: 90%;
}


/*
.gabarit a.link {
	color: #1fb6ff;
	text-decoration: none;
}*/

.gabarit a.link:hover {
    text-decoration: underline;
}

.txt_333 {
    color: #333 !important;
}

.txt_white {
    color: #fff !important;
}

.txt_333:hover,
.txt_white:hover {
    text-decoration: none !important;
}

.ubtn.txt_333:hover {
    color: #fff !important;
}

.table_padding td {
    padding: 20px;
}

.padding_bottom_10px {
    padding-bottom: 10px !important;
}

.padding_bottom_20px {
    padding-bottom: 20px !important;
}

.padding_bottom_30px {
    padding-bottom: 30px !important;
}

.padding_bottom_40px {
    padding-bottom: 40px !important;
}

.padding_bottom_50px {
    padding-bottom: 50px !important;
}

.padding_bottom_60px {
    padding-bottom: 60px !important;
}

.padding_bottom_70px {
    padding-bottom: 70px !important;
}

.padding_bottom_80px {
    padding-bottom: 80px !important;
}

.padding_bottom_90px {
    padding-bottom: 90px !important;
}

.padding_bottom_100px {
    padding-bottom: 100px !important;
}

.vertical_align_middle {
    vertical-align: middle;
}

.vertical_align_top {
    vertical-align: top;
}

.vertical_align_bottom {
    vertical-align: bottom;
}

.border_box {
    box-sizing: border-box;
}

.title_light {
    font-family: 'Raleway', Arial, sans-serif;
}

.sticker_premier_prix {
    display: inline-block;
    padding: 2px 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8px;
    background-color: #f7ea43;
    color: #000;
}

.sticker_premier_prix sup {
    text-transform: lowercase;
}

.sticker_rupture_temporaire {
    display: inline-block;
    padding: 4px 8px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    background-color: #333333;
    color: #fff;
}

.sticker_rupture_temporaire_small {
    padding: 2px 6px;
    font-size: 7px;
}

video {
    cursor: pointer;
}

.no_margin {
    margin: 0 !important;
}

.no_padding {
    padding: 0 !important;
}


/* FIN CLASSES DIVERSES  ============================================================================= */

/* DEBUT ESPACE AVANTAGES UGAP ============================================================================= */

#espace_avantages_ugap .avantage_ugap {
    display: none;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin: 15px 0;
    padding: 15px 0;
}

#espace_avantages_ugap .avantages_ugap .avantage_item:after {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) scale(1);
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    background: #000;
    border-radius: 50%;
    transition: all .2s ease-in-out;
}

#espace_avantages_ugap .avantages_ugap .avantage_item:hover:after {
    transform: translateX(-50%) scale(1.1);
    transition: all .2s ease-in-out;
}

#espace_avantages_ugap .avantages_ugap .avantage_item.avantage_active {
    cursor: default;
}

#espace_avantages_ugap .avantages_ugap .avantage_item.avantage_active:hover:before {
    transform: scale(1);
}

#espace_avantages_ugap .avantages_ugap .avantage_item.avantage_active:after {
    opacity: 0;
    -moz-opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    transform: translateX(-50%) scale(1);
}

.avantages_ugap_arrow_top>.col {
    position: relative;
}

.avantages_ugap_arrow_top .arrow_top {
    position: absolute;
    top: 7px;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    width: 34px;
    height: 15px;
    background: url(/themeUgap/images/global/sprite.png) -574px 0;
}

.avantages_ugap_arrow_top .hide {
    display: none;
}

#espace_avantages_ugap .red {
    color: #e75847;
}

#espace_avantages_ugap .green {
    color: #19b79e;
}

#espace_avantages_ugap p {
    margin-bottom: 10px;
}

#espace_avantages_ugap table {
    margin: 0 auto 10px auto;
    border-collapse: collapse;
}

#espace_avantages_ugap table thead {
    background-color: #e0e0e0;
}

#espace_avantages_ugap table th,
#espace_avantages_ugap table td {
    width: 50%;
    padding: 10px;
    border: #ccc 1px solid;
    text-align: left;
}

#espace_avantages_ugap .padding_left {
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#espace_avantages_ugap .padding_right {
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#espace_avantages_ugap .content_icon40_txt {
    position: relative;
    min-height: 40px;
    padding-left: 55px;
}

#espace_avantages_ugap .content_icon40_txt:before {
    /* Style pour le picto */
    position: absolute;
    content: "";
    display: block;
    left: 0;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    background: transparent url(/images/media-wp/pages/espace_avantages_ugap/espace_avantages_ugap_pictos.png) no-repeat;
}

#espace_avantages_ugap .picto_catalogue_actualise:before {
    background-position: 0 0;
}

#espace_avantages_ugap .picto_caddie:before {
    background-position: -40px 0;
}

#espace_avantages_ugap .picto_loupe:before {
    background-position: -80px 0;
}

#espace_avantages_ugap .picto_euro:before {
    background-position: -120px 0;
}

#espace_avantages_ugap .picto_catalogue_privatif:before {
    background-position: 0 -40px;
}

#espace_avantages_ugap .picto_utilisateurs:before {
    background-position: -40px -40px;
}

#espace_avantages_ugap .picto_workflow:before {
    background-position: -80px -40px;
}

#espace_avantages_ugap .picto_budget:before {
    background-position: -120px -40px;
}

#espace_avantages_ugap .picto_statistique:before {
    background-position: 0 -80px;
}

#espace_avantages_ugap .picto_adresse:before {
    background-position: -40px -80px;
}

#espace_avantages_ugap .picto_catalogue_heberge:before {
    background-position: -80px -80px;
}

#espace_avantages_ugap .picto_punch_out:before {
    background-position: -120px -80px;
}

#espace_avantages_ugap .picto_calendrier:before {
    background-position: 0 -120px;
}

#espace_avantages_ugap .picto_telechargement_doc:before {
    background-position: -40px -120px;
}

#espace_avantages_ugap .picto_garantie:before {
    background-position: -80px -120px;
}

#espace_avantages_ugap .picto_dossier_reclamation:before {
    background-position: -120px -120px;
}

#espace_avantages_ugap .picto_horloge:before {
    background-position: 0 -160px;
}


/* FIN ESPACE AVANTAGES UGAP ============================================================================= */

/* DEBUT PAGE GAUSS =======================================================================================*/

#espace_gauss .gauss_ugap {
    display: none;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin: 15px 0;
    padding: 15px 0;
}

#espace_gauss .align_center {
    text-align: center;
}

#espace_gauss .ambiance {
    background: #e3e3e3;
    margin-bottom: 30px;
}

#espace_gauss .ambiance .logo {
    padding: 20px 0 0 30px;
}

#espace_gauss .ambiance .img_ambiance {
    margin: 20px 0 0 0;
}

#espace_gauss .ambiance .title {
    font-size: 27px;
    letter-spacing: 7px;
    font-family: 'Raleway', arial;
    font-weight: 800;
    padding: 20px 0 0 30px;
}

#espace_gauss .ambiance .subtitle {
    font-size: 20px;
    font-family: 'Raleway', arial;
    font-weight: 300;
    padding: 5px 0 0 30px;
    margin-bottom: 20px;
}

#espace_gauss .ambiance .btn {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    font-family: arial;
    font-weight: 300;
    padding: 10px 25px;
    background: #94b50e;
    margin-left: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    transition: all 0.5s ease;
}

#espace_gauss .ambiance .btn:hover,
#espace_gauss .cta:hover {
    background: #758f09;
}

#espace_gauss .cta {
    color: #ffffff;
    display: inline-block;
    font-size: 19px;
    text-transform: uppercase;
    font-family: 'Raleway', arial;
    font-weight: 300;
    padding: 10px 20px;
    background: #94b50e;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    transition: all 0.5s ease;
}

#espace_gauss .arguments {
    margin-bottom: 30px;
    height: 200px;
    border: 1px solid #c9bebe;
    position: relative;
}

#espace_gauss .arguments_video {
    margin-bottom: 30px;
    height: 250px;
    border: 1px solid #c9bebe;
    position: relative;
    padding-top: 30px;
    padding-left: 36px;
}

#espace_gauss .arguments .title_arguments,
#espace_gauss .arguments_video .title_arguments {
    position: absolute;
    background: #ffffff;
    font-size: 24px;
    font-family: 'Raleway', arial;
    top: -20px;
    font-weight: 800;
    padding: 0 20px;
}

#espace_gauss .arguments_video .temoignage {
    left: 70px;
}

#espace_gauss .arguments_video .video {
    left: 100px;
}

#espace_gauss .arguments .offre {
    left: 150px;
}

#espace_gauss .arguments .avantages {
    left: 125px;
}

#espace_gauss .arguments .clients {
    left: 145px;
}

#espace_gauss .arguments .fournisseurs {
    left: 120px;
}

#espace_gauss .arguments .confiance {
    left: 320px;
}

#espace_gauss .arguments .logo_fournisseurs {
    text-align: center;
}

#espace_gauss .arguments .logo_fournisseurs li {
    display: inline-block;
    margin: 10px 20px;
    vertical-align: middle;
}

#espace_gauss .list_gauss {
    font-size: 16px;
    font-family: arial;
    list-style-image: url("/images/media-wp/pages/gauss/picto_check.png");
    line-height: 200%;
    margin: 40px 0 0 100px;
}

#espace_gauss .arguments .title {
    font-family: arial;
    font-weight: bold;
    font-size: 14px;
}

#espace_gauss .arguments .list_offre,
#espace_gauss .arguments .list_client {
    margin-top: 70px;
}

#espace_gauss .arguments .list_offre li {
    display: inline-block;
    padding: 0 0 0 60px;
    text-align: center;
    width: 80px;
    vertical-align: middle;
}

.gauss_ugap_arrow_top>.col {
    position: relative;
}

.gauss_ugap_arrow_top .arrow_top {
    position: absolute;
    top: 7px;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    width: 34px;
    height: 15px;
    background: url(/themeUgap/images/global/sprite.png) -574px 0;
}

.gauss_ugap_arrow_top .hide {
    display: none;
}

#espace_gauss .red {
    color: #e75847;
}

#espace_gauss .green {
    color: #19b79e;
}

#espace_gauss table {
    margin: 0 auto 10px auto;
    border-collapse: collapse;
}

#espace_gauss table thead {
    background-color: #e0e0e0;
}

#espace_gauss table th,
#espace_gauss table td {
    width: 50%;
    padding: 10px;
    border: #ccc 1px solid;
    text-align: left;
}

#espace_gauss .padding_left {
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#espace_gauss .padding_right {
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#espace_gauss .content_icon40_txt_client {
    position: relative;
    min-height: 85px;
}

#espace_gauss .content_icon40_txt_client:before {
    /* Style pour le picto */
    position: absolute;
    content: "";
    display: block;
    left: 205px;
    top: -50px;
    width: 60px;
    height: 50px;
    background: transparent url(/images/media-wp/pages/gauss/gauss_pictos.png) no-repeat;
}

#espace_gauss .content_icon40_txt {
    position: relative;
    min-height: 85px;
}

#espace_gauss .content_icon40_txt:before {
    /* Style pour le picto */
    position: absolute;
    content: "";
    display: block;
    left: 70px;
    top: -50px;
    width: 60px;
    height: 50px;
    background: transparent url(/images/media-wp/pages/gauss/gauss_pictos.png) no-repeat;
}

#espace_gauss .picto_gants:before {
    background-position: 0 0;
}

#espace_gauss .picto_petri:before {
    background-position: 0 -50px;
}

#espace_gauss .picto_culture:before {
    background-position: 0 -100px;
}

#espace_gauss .picto_flacon:before {
    background-position: 0 -150px;
}

#espace_gauss .picto_pipette:before {
    background-position: 0 -200px;
}

#espace_gauss .picto_plus:before {
    background-position: 0 -250px;
}

#espace_gauss .picto_epres:before {
    background-position: 0 -300px;
}

#espace_gauss .picto_etablissement_hospitalier:before {
    background-position: 0 -350px;
}


/* FIN PAGE GAUSS =========================================================================================*/

/* DEBUT PAGE LANDING PAGE GENERIQUE =======================================================================================*/

#espace_lp_generique .lp_generique_ugap {
    display: none;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin: 15px 0;
    padding: 15px 0;
    background-color: #f3f9f9;
}

#espace_lp_generique .align_center {
    text-align: center;
}

#espace_lp_generique .ambiance {
    margin-bottom: 100px;
    color: #ffffff;
    background: #72d8e7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #72d8e7 0%, #1fbdd8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #72d8e7 0%, #1fbdd8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #72d8e7 0%, #1fbdd8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#72d8e7', endColorstr='#1fbdd8', GradientType=0);
    /* IE6-9 */
    position: relative;
    height: 350px;
    margin-top: 30px;
}

#espace_lp_generique .ambiance .zone_title .separation {
    display: block;
    width: 250px;
    height: 1px;
    background: #146775;
    margin-left: 30px;
}

#espace_lp_generique .ambiance .zone_title .img_ambiance {
    position: absolute;
    bottom: -40px;
    left: 45px;
}

#espace_lp_generique .ambiance .zone_form {
    background: #484848;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 380px;
    position: absolute;
    right: 30px;
    top: -30px;
}

#espace_lp_generique .ambiance .zone_form .accroche_form {
    background: #c61d1d;
    margin-bottom: 15px;
}

#espace_lp_generique .ambiance .zone_form .accroche_form p {
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    text-align: center;
    font-family: 'Raleway', arial;
    font-weight: 700;
}

#espace_lp_generique .ambiance .zone_form .accroche_form_title_1 {
    text-transform: uppercase;
    letter-spacing: 3px;
}

#espace_lp_generique .ambiance .form_line {
    margin-left: 20px;
    padding-bottom: 10px;
    margin-right: 30px;
}

#espace_lp_generique .ambiance .form_line input {
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    height: 24px;
    margin-top: 5px;
    width: 100%;
    box-shadow: none;
    padding-left: 10px;
}

#espace_lp_generique .ambiance .btn_form {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 20px;
    margin-top: 10px;
}

#espace_lp_generique .ambiance .btn_form_design {
    padding: 15px 25px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    text-transform: uppercase;
    background: #bc0006;
    /* Old browsers */
    letter-spacing: 1px;
    transition: all 0.5s ease;
    display: inline-block;
}

#espace_lp_generique .cta {
    padding: 15px 25px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    text-transform: uppercase;
    background: #bc0006;
    /* Old browsers */
    letter-spacing: 1px;
    transition: all 0.5s ease;
    display: inline-block;
}

#espace_lp_generique .zone_reassurance_haut {
    margin-top: -30px;
}

#espace_lp_generique .ambiance .logo {
    padding: 20px 0 0 30px;
}

#espace_lp_generique .ambiance .img_ambiance {
    margin: 20px 0 0 0;
}

#espace_lp_generique .ambiance .title {
    font-size: 27px;
}

#espace_lp_generique .ambiance .title,
#espace_lp_generique .ambiance .title_medical {
    letter-spacing: 1px;
    font-family: 'Raleway', arial;
    font-weight: 300;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    display: block;
    width: 360px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    margin-top: 10px;
    margin-left: 90px;
}

#espace_lp_generique .ambiance .title_medical {
    font-size: 23px;
}

#espace_lp_generique .ambiance .title .gras,
#espace_lp_generique .ambiance .title_medical .gras {
    font-weight: 800;
}

#espace_lp_generique .ambiance .title .title_2,
#espace_lp_generique .ambiance .title_medical .title_2 {
    letter-spacing: 3px;
}

#espace_lp_generique .ambiance .title .style_centrale,
#espace_lp_generique .ambiance .title_medical .style_centrale {
    font-weight: 700;
    color: #146775;
}

#espace_lp_generique .ambiance .subtitle {
    font-size: 20px;
    font-family: 'Raleway', arial;
    font-weight: 300;
    padding: 5px 0 0 30px;
    margin-bottom: 20px;
}

#espace_lp_generique .ambiance .btn_form_design:hover,
#espace_lp_generique .ambiance .btn:hover,
#espace_lp_generique .cta:hover {
    background: #36c4dc;
}

#espace_lp_generique .arguments,
#espace_lp_generique .arguments_medical,
#espace_lp_generique .references,
#espace_lp_generique .valeurs {
    margin-bottom: 10px;
    border: #ccc solid 1px;
    background: #fcfcfc;
    /*
    -webkit-box-shadow: 0px -1px 14px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -1px 14px -6px rgba(0,0,0,0.75);
    box-shadow: 0px -1px 14px -6px rgba(0,0,0,0.75); */
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 30px;
    -webkit-box-shadow: 10px 10px 0px -4px rgba(230, 230, 230, 1);
    -moz-box-shadow: 10px 10px 0px -4px rgba(230, 230, 230, 1);
    box-shadow: 10px 10px 0px -4px rgba(230, 230, 230, 1);
}

#espace_lp_generique .arguments {
    height: 310px;
}

#espace_lp_generique .references {
    height: auto;
}

#espace_lp_generique .arguments .title_reassurance,
#espace_lp_generique .arguments_medical .title_reassurance,
#espace_lp_generique .references .title_reassurance,
#espace_lp_generique .valeurs .title_reassurance {
    font-size: 20px;
    font-family: 'Raleway', arial;
    font-weight: 800;
    padding-bottom: 15px;
    background: none;
    text-align: center;
    color: #555555;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}


/********* ZONE MISSION ***********/

#espace_lp_generique .mission img {
    width: 90px;
    height: 90px;
    text-align: center;
    margin-bottom: 12px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

#espace_lp_generique .arguments .title_mission,
#espace_lp_generique .arguments_medical .title_mission {
    font-size: 18px;
    margin-bottom: 15px;
    font-family: 'Raleway', arial;
    font-weight: 700;
    color: #666666;
}

#espace_lp_generique .arguments .texte_mission,
#espace_lp_generique .arguments_medical .texte_mission {
    font-size: 16px;
    margin-bottom: 15px;
    font-family: 'Raleway', arial;
    font-weight: 300;
    line-height: 26px;
}

#espace_lp_generique .arguments .texte_mission_strong,
#espace_lp_generique .arguments_medical .texte_mission_strong {
    font-weight: 700;
}


/******** ZONE CLIENT *********/

#espace_lp_generique .arguments .bloc_client,
#espace_lp_generique .arguments_medical .bloc_client {
    float: left;
    width: 50%;
    text-align: center;
    padding-bottom: 15px;
}

#espace_lp_generique .arguments .bloc_client_seul,
#espace_lp_generique .arguments_medical .bloc_client_seul {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
}

#espace_lp_generique .arguments .bloc_client p,
#espace_lp_generique .arguments .bloc_client_seul p,
#espace_lp_generique .arguments_medical .bloc_client p,
#espace_lp_generique .arguments_medical .bloc_client_seul p {
    font-size: 13px;
    padding-top: 10px;
    display: block;
    font-weight: 600;
    color: #666666;
}

#espace_lp_generique .arguments .bloc_client img,
#espace_lp_generique .arguments .bloc_client_seul img,
#espace_lp_generique .arguments_medical .bloc_client img,
#espace_lp_generique .arguments_medical .bloc_client_seul img {
    margin-bottom: 5px;
}


/*********  ZONE VALEURS **********/

#espace_lp_generique .valeurs {
    height: 275px;
}

#espace_lp_generique .scene {
    width: 160px;
    height: 200px;
    text-align: center;
    display: inline-block;
    margin-left: 15px;
    /*perspective: 600px;*/
}

#espace_lp_generique .flip {
    /*transform-style: preserve-3d;*/
}

#espace_lp_generique .flip,
#espace_lp_generique .flip>div {
    transition: 0.6s;
    width: inherit;
    height: inherit;
    transition: transform 1s;
}

#espace_lp_generique .flip>div {
    position: absolute;
    backface-visibility: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#espace_lp_generique avant,
#espace_lp_generique arriere {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#espace_lp_generique .avant {
    background: #e1e1e1;
    transform: perspective(600px) rotateY(0deg);
}

#espace_lp_generique .avant p {
    font-size: 14px;
    font-weight: 700;
    color: #666666;
    padding-top: 30px;
}

#espace_lp_generique .avant img {
    padding-bottom: 15px;
}

#espace_lp_generique .arriere {
    background: #494949;
    color: #ffffff;
    transform: perspective(600px) rotateY(180deg);
    display: table-cell;
    vertical-align: middle;
}

#espace_lp_generique .arriere p {
    font-weight: 300;
    display: table-cell;
    vertical-align: middle;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

#espace_lp_generique .scene:hover .avant {
    transform: perspective(600px) rotateY(180deg);
}

#espace_lp_generique .scene:hover .arriere {
    transform: perspective(600px) rotateY(360deg);
}

#espace_lp_generique .arguments .logo_fournisseurs,
#espace_lp_generique .arguments_medical .logo_fournisseurs {
    text-align: center;
}

#espace_lp_generique .arguments .logo_fournisseurs li,
#espace_lp_generique .arguments_medical .logo_fournisseurs li {
    display: inline-block;
    margin: 10px 20px;
    vertical-align: middle;
}

#espace_lp_generique .arguments .title,
#espace_lp_generique .arguments_medical .title {
    font-family: arial;
    font-weight: bold;
    font-size: 14px;
}

#espace_lp_generique .arguments .list_offre,
#espace_lp_generique .arguments .list_client,
#espace_lp_generique .arguments_medical .list_offre,
#espace_lp_generique .arguments_medical .list_client {
    margin-top: 70px;
}

#espace_lp_generique .arguments .list_offre li,
#espace_lp_generique .arguments_medical .list_offre li {
    display: inline-block;
    padding: 0 0 0 60px;
    text-align: center;
    width: 80px;
    vertical-align: middle;
}

.lp_generique_ugap_arrow_top>.col {
    position: relative;
}

.lp_generique_ugap_arrow_top .arrow_top {
    position: absolute;
    top: 7px;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    width: 34px;
    height: 15px;
    background: url(/themeUgap/images/global/sprite.png) -574px 0;
}

.lp_generique_ugap_arrow_top .hide {
    display: none;
}

#espace_lp_generique .red {
    color: #e75847;
}

#espace_lp_generique .green {
    color: #19b79e;
}

#espace_lp_generique table {
    margin: 0 auto 10px auto;
    border-collapse: collapse;
}

#espace_lp_generique table thead {
    background-color: #e0e0e0;
}

#espace_lp_generique table th,
#espace_lp_generique table td {
    width: 50%;
    padding: 10px;
    border: #ccc 1px solid;
    text-align: left;
}

#espace_lp_generique .padding_left {
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#espace_lp_generique .padding_right {
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#espace_lp_generique .partenaires li {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    width: 105px;
}

#espace_lp_generique .partenaires li p {
    padding-top: 7px;
    font-weight: 600;
    color: #666666;
    font-size: 13px;
}


/* FIN PAGE LANDING PAGE GENERIQUE =========================================================================================*/

/* DEBUT PAGE LANDING PAGE MEDICAL =========================================================================================*/

#espace_lp_generique .ambiance .title_medical {
    letter-spacing: 1px;
    font-family: 'Raleway', arial;
    font-weight: 300;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    display: block;
    width: 445px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    margin-top: 10px;
    margin-left: 50px;
}

#espace_lp_generique .partenaires_medical li {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    width: 140px;
    text-align: center;
}

#espace_lp_generique .partenaires_medical li p {
    padding-top: 7px;
    font-weight: 600;
    color: #666666;
    font-size: 13px;
}

#espace_lp_generique .arguments_medical {
    height: 470px;
}


/* FIN PAGE LANDING PAGE MEDICAL =========================================================================================*/

/* DEBUT HP REGIONALISEE - PAGE EMPREINTE ECO (INFOGRAPHIES) ============================================================================= */

#empreinte_eco_region #conteneur_carte_chiffres,
#empreinte_eco_region .liste_chiffres {
    width: 100%;
    display: table;
}

#empreinte_eco_region #conteneur_carte_chiffres {
    padding: 15px 0 20px 0
}

#empreinte_eco_region .cellule {
    display: table-cell;
    vertical-align: middle;
}

#empreinte_eco_region #cartefr {
    width: 40%;
}

#empreinte_eco_region #bloc_chiffres {
    width: 60%;
}

#empreinte_eco_region .liste_chiffres li {
    width: 33, 33%;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}

#empreinte_eco_region .liste_chiffres li strong {
    display: block;
    line-height: 24px;
}

#empreinte_eco_region .liste_chiffres .picto_entreprises {
    padding-left: 69px;
    background: transparent url(/images/media-wp/home/regions/sprite_empreinte_eco_region.png) 0 0 no-repeat;
}

#empreinte_eco_region .liste_chiffres .picto_etablissements {
    padding-left: 50px;
    background: transparent url(/images/media-wp/home/regions/sprite_empreinte_eco_region.png) 0 -50px no-repeat;
}

#empreinte_eco_region .liste_chiffres .picto_salaries {
    padding-left: 88px;
    background: transparent url(/images/media-wp/home/regions/sprite_empreinte_eco_region.png) 0 -100px no-repeat;
}

#empreinte_eco_region .border_bottom_e0e0e0 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: #e0e0e0 1px solid;
}

#empreinte_eco_region .donutchart {
    width: 400px;
    height: 220px;
    margin: 0 auto;
    cursor: pointer;
}

#empreinte_eco_region #barchart_01 {
    width: 500px;
    height: 110px;
    margin: 0 auto;
}

#empreinte_eco_region #barchart_02 {
    width: 450px;
    height: 220px;
    margin: 0 auto;
}

#empreinte_eco_region #logo_eattestations {
    padding-left: 10px;
}


/*SOLUTION SILVER*/

.nolnk {
    display: block;
    width: 120px;
    height: 120px;
    line-height: 119px;
    text-align: center;
    border: 1px solid #e0e0e0;
}


/* FIN HP REGIONALISEE - PAGE EMPREINTE ECO (INFOGRAPHIES) ============================================================================= */

/*DEBUT NOS SOLUTIONS  ============================================================================= */

/*  GENERAL
============================================================================= */

/*Alignement vertical*/

.valign_container {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
}

.valign {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

h2.solutions_sub_title {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

h2.solutions_sub_title a:hover {
    text-decoration: underline;
}

.legend {
    margin-top: 1em;
}

.legend p {
    margin-top: .5em;
}

.specific:after,
.specific_people:after {
    content: '';
    display: block;
    margin: 5px auto 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 8px;
}

.specific_legend:before,
.specific_people_legend:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

.specific:after,
.specific_legend:before {
    background: #476072;
}

.specific_people:after,
.specific_people_legend:before {
    background: #80C9CB;
}

.solutions_plus_offre_item_text p {
    margin: 0 !important;
}


/*  GESTION DES ITEMS
============================================================================= */

.solutions_content {
    min-height: 500px;
}

.solutions_items_container {
    clear: both;
    margin-bottom: 30px;
}

.solutions_items_container ul li {
    display: block;
    position: relative;
}

.solutions_items_container ul {}


/*Permet de mettre un margin aux éléments .solutions_items_container qui sont en float*/

.category {
    overflow: hidden;
}


/*  ANIMATION DES ITEMS
============================================================================= */

.flip_card_container {
    /*perspective: 1000px;*/
    perspective: none !important;
    transform-style: preserve-3d;
}

.flip_card_container>a {
    display: inline-block;
}

.flip_card_container:hover .back {
    transform: rotateY(0deg);
}

.flip_card_container:hover .front {
    transform: rotateY(180deg);
}

.flip_card_container,
.figure {
    width: 142px;
    height: 142px;
    float: left;
    margin: 0 1px 1px 0;
}

.flip_card {
    position: relative;
    transition: 0.6s;
    transform-style: preserve-3d;
}

.figure {
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;
    background: #eee;
}

.flip_card .front {
    z-index: 2;
    transform: rotateY(0deg);
}

.flip_card .back {
    transform: rotateY(-180deg);
}

.figure.back button {
    background: none;
}

.figure.back button {
    padding: 8px 12px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
    color: #333;
    border: 1px solid #333;
    border-radius: 4px;
}

.flip_card_container:hover .back button {
    color: white;
    border: 1px solid white;
    cursor: pointer;
}

.flip_card_container:hover .flip_card {
    transition: all 1s ease;
}

.generic .flip_card_container:hover .front,
.generic .flip_card_container:hover .back {
    background: #35B0C2;
}

.amenagement_batiments .flip_card_container:hover .front,
.amenagement_batiments .flip_card_container:hover .back {
    background: #80C9CB;
}

.entretien_gestion_batiments .flip_card_container:hover .front,
.entretien_gestion_batiments .flip_card_container:hover .back {
    background: #F39800;
}

.systeme_information .flip_card_container:hover .front,
.systeme_information .flip_card_container:hover .back {
    background: #715C9F;
}

.flotte_vehicules .flip_card_container:hover .front,
.flotte_vehicules .flip_card_container:hover .back {
    background: #476072;
}

.ressources_humaines .flip_card_container:hover .front,
.ressources_humaines .flip_card_container:hover .back {
    background: #E74740;
}

.etablissement_hospitalier .flip_card_container:hover .front,
.etablissement_hospitalier .flip_card_container:hover .back {
    background: #0090D4;
}

.etablissement_medico_social .flip_card_container:hover .front,
.etablissement_medico_social .flip_card_container:hover .back {
    background: #0090D4;
}

.education .flip_card_container:hover .front,
.education .flip_card_container:hover .back {
    background: #0099A1;
}

.environnement_urbain .flip_card_container:hover .front,
.environnement_urbain .flip_card_container:hover .back {
    background: #D3C000;
}

.protection_personnes .flip_card_container:hover .front,
.protection_personnes .flip_card_container:hover .back {
    background: #F79646;
}

.secours_personnes .flip_card_container:hover .front,
.secours_personnes .flip_card_container:hover .back {
    background: #C0504D;
}

.silver_economie .flip_card_container:hover .front,
.silver_economie .flip_card_container:hover .back {
    background: #409E82;
}

.handicap .flip_card_container:hover .front,
.handicap .flip_card_container:hover .back {
    background: #0093e8;
}

.soin_de_suite_reeducation .flip_card_container:hover .front,
.soin_de_suite_reeducation .flip_card_container:hover .back {
    background: #0090D4;
}

.generic .flip_card_container:hover .static_card {
    background: #35B0C2;
}

.amenagement_batiments .flip_card_container:hover .static_card {
    background: #80C9CB;
}

.entretien_gestion_batiments .flip_card_container:hover .static_card {
    background: #F39800;
}

.systeme_information .flip_card_container:hover .static_card {
    background: #715C9F;
}

.flotte_vehicules .flip_card_container:hover .static_card {
    background: #476072;
}

.ressources_humaines .flip_card_container:hover .static_card {
    background: #E74740;
}

.etablissement_hospitalier .flip_card_container:hover .static_card {
    background: #0090D4;
}

.etablissement_medico_social .flip_card_container:hover .static_card {
    background: #0090D4;
}

.education .flip_card_container:hover .static_card {
    background: #0099A1;
}

.environnement_urbain .flip_card_container:hover .static_card {
    background: #D3C000;
}

.protection_personnes .flip_card_container:hover .static_card {
    background: #F79646;
}

.secours_personnes .flip_card_container:hover .static_card {
    background: #C0504D;
}

.silver_economie .flip_card_container:hover .static_card {
    background: #409E82;
}

.handicap .flip_card_container:hover .static_card {
    background: #0093e8;
}

.soin_de_suite_reeducation .flip_card_container:hover .static_card {
    background: #0090D4;
}

.flip_card_container:hover .front .solutions_item_text span {
    color: white;
}

.solutions_item .front:before {
    content: '';
    display: block;
    position: relative;
    width: 45px;
    height: 45px;
    margin: 25.5px auto 2.5px auto;
}

.amenagement_batiments .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_amenagement_batiments.png") no-repeat !important;
}

.entretien_gestion_batiments .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_entretien_gestion_batiments.png") no-repeat !important;
}

.systeme_information .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_systeme_information.png") no-repeat !important;
}

.flotte_vehicules .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_flotte_vehicules.png") no-repeat !important;
}

.ressources_humaines .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_ressources_humaines.png") no-repeat !important;
}

.entretien_gestion_batiments .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_entretien_gestion_batiments.png") no-repeat !important;
}

.etablissement_hospitalier .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_etablissement_hospitalier.png") no-repeat !important;
}

.etablissement_medico_social .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_etablissement_medico_social.png") no-repeat !important;
}

.education .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_education.png") no-repeat !important;
}

.environnement_urbain .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_environnement_urbain.png") no-repeat !important;
}

.protection_personnes .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_protection_personnes.png") no-repeat !important;
}

.secours_personnes .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_secours_personnes_20230802.png") no-repeat !important;
}

.handicap .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_handicap.png") no-repeat !important;
}

.soin_de_suite_reeducation .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_soin_de_suite_reeducation.png") no-repeat !important;
}


/*____________________________________________________________________________________________________________________________________________________________________________________________________________*/

/*_________________________TO CHANGE_________________________*/

.silver_economie .front:before {
    background: transparent url("/images/media-wp/nos_solutions/sprite_silver_economie.png") no-repeat;
}

.solutions_item_1 .front:before {
    background-position: 0px 0px !important;
}

.solutions_item_1:hover .front:before {
    background-position: -45px 0px !important;
}

.solutions_item_2 .front:before {
    background-position: 0px -45px !important;
}

.solutions_item_2:hover .front:before {
    background-position: -45px -45px !important;
}

.solutions_item_3 .front:before {
    background-position: 0px -90px !important;
}

.solutions_item_3:hover .front:before {
    background-position: -45px -90px !important;
}

.solutions_item_4 .front:before {
    background-position: 0px -135px !important;
}

.solutions_item_4:hover .front:before {
    background-position: -45px -135px !important;
}

.solutions_item_5 .front:before {
    background-position: 0px -180px !important;
}

.solutions_item_5:hover .front:before {
    background-position: -45px -180px !important;
}

.solutions_item_6 .front:before {
    background-position: 0px -225px !important;
}

.solutions_item_6:hover .front:before {
    background-position: -45px -225px !important;
}

.solutions_item_7 .front:before {
    background-position: 0px -270px !important;
}

.solutions_item_7:hover .front:before {
    background-position: -45px -270px !important;
}

.solutions_item_8 .front:before {
    background-position: 0px -315px !important;
}

.solutions_item_8:hover .front:before {
    background-position: -45px -315px !important;
}

.solutions_item_9 .front:before {
    background-position: 0px -360px !important;
}

.solutions_item_9:hover .front:before {
    background-position: -45px -360px !important;
}

.solutions_item_10 .front:before {
    background-position: 0px -405px !important;
}

.solutions_item_10:hover .front:before {
    background-position: -45px -405px !important;
}

.solutions_item_11 .front:before {
    background-position: 0px -450px !important;
}

.solutions_item_11:hover .front:before {
    background-position: -45px -450px !important;
}

.solutions_item_12 .front:before {
    background-position: 0px -495px !important;
}

.solutions_item_12:hover .front:before {
    background-position: -45px -495px !important;
}

.solutions_item_13 .front:before {
    background-position: 0px -540px !important;
}

.solutions_item_13:hover .front:before {
    background-position: -45px -540px !important;
}

.solutions_item_14 .front:before {
    background-position: 0px -585px !important;
}

.solutions_item_14:hover .front:before {
    background-position: -45px -585px !important;
}

.solutions_item_15 .front:before {
    background-position: 0px -630px !important;
}

.solutions_item_15:hover .front:before {
    background-position: -45px -630px !important;
}

.solutions_item_16 .front:before {
    background-position: 0px -675px !important;
}

.solutions_item_16:hover .front:before {
    background-position: -45px -675px !important;
}

.solutions_item_17 .front:before {
    background-position: 0px -720px !important;
}

.solutions_item_17:hover .front:before {
    background-position: -45px -720px !important;
}

.solutions_item_18 .front:before {
    background-position: 0px -945px !important;
}

.solutions_item_18:hover .front:before {
    background-position: -45px -945px !important;
}

.solutions_item_19 .front:before {
    background-position: 0px -990px !important;
}

.solutions_item_19:hover .front:before {
    background-position: -45px -990px !important;
}

.solutions_item_19_2 .front:before {
    background-position: 0px -810px !important;
}

.solutions_item_19_2:hover .front:before {
    background-position: -45px -810px !important;
}

.solutions_item_20 .front:before {
    background-position: 0px -1036px !important;
}

.solutions_item_20:hover .front:before {
    background-position: -45px -1036px !important;
}

.solutions_item_21 .front:before {
    background-position: 0px -764px !important;
}

.solutions_item_21:hover .front:before {
    background-position: -45px -764px !important;
}

.solutions_item_22 .front:before {
    background-position: 0px -810px !important;
}

.solutions_item_22:hover .front:before {
    background-position: -45px -810px !important;
}

.solutions_item_23 .front:before {
    background-position: 0px -855px !important;
}

.solutions_item_23:hover .front:before {
    background-position: -45px -855px !important;
}

.solutions_item_24 .front:before {
    background-position: 0px -1080px !important;
}

.solutions_item_24:hover .front:before {
    background-position: -45px -1080px !important;
}

.solutions_item_25 .front:before {
    background-position: 0px -1127px !important;
}

.solutions_item_25:hover .front:before {
    background-position: -45px -1127px !important;
}

.solutions_item_26 .front:before {
    background-position: 0px -890px !important;
}

.solutions_item_26:hover .front:before {
    background-position: -45px -890px !important;
}

.solutions_item_27 .front:before {
    background-position: 0px -930px !important;
}

.solutions_item_27:hover .front:before {
    background-position: -45px -930px !important;
}

.solutions_item_28 .front:before {
    background-position: 0px -979px !important;
}

.solutions_item_28:hover .front:before {
    background-position: -45px -979px !important;
}



/*Titre de l'item*/

.solutions_item_text {
    width: 90%;
    height: 65px;
    margin: 0 auto;
}

.solutions_item_text span {
    font-size: 12px;
    font-size: 1.2rem;
    word-break: keep-all;
    color: #333;
}

.solutions_sub_text {
    width: 75%;
    margin: auto;
    padding: 2px 0 0px 0;
    font-size: 10.5px;
    font-size: 1.05rem;
    vertical-align: bottom;
    background: #333;
    color: white;
    /*letter-spacing: 0.1em;
    text-transform: uppercase;*/
}

.solutions_sub_text:after {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    margin: 3.5px auto;
    background: #333;
}

.flip_card_container:hover .solutions_sub_text:after {
    background: white;
}


/*  LES PLUS DE L'OFFRE
============================================================================= */

.solutions_plus_offre {
    padding: 1.5em;
    color: white;
    text-align: left;
    background: #333;
}

.generic .solutions_plus_offre {
    background-color: #35B0C2
}

.amenagement_batiments .solutions_plus_offre {
    background: #80C9CB
}

.entretien_gestion_batiments .solutions_plus_offre {
    background: #F39800
}

.systeme_information .solutions_plus_offre {
    background: #715C9F
}

.flotte_vehicules .solutions_plus_offre {
    background: #476072
}

.ressources_humaines .solutions_plus_offre {
    background: #E74740
}

.etablissement_hospitalier .solutions_plus_offre {
    background: #0090D4
}

.etablissement_medico_social .solutions_plus_offre {
    background: #0090D4
}

.education .solutions_plus_offre {
    background: #0099A1
}

.environnement_urbain .solutions_plus_offre {
    background: #D3C000
}

.protection_personnes .solutions_plus_offre {
    background: #F79646
}

.secours_personnes .solutions_plus_offre {
    background: #C0504D
}

.silver_economie .solutions_plus_offre {
    background: #409E82
}

.handicap .solutions_plus_offre {
    background: #0093e8
}

.soin_de_suite_reeducation .solutions_plus_offre {
    background: #0090D4
}

.plus_offre_title {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 15px;
}

.plus_offre_title strong {
    font-weight: 800;
    text-transform: uppercase;
}

.solutions_button_small {
    display: inline-block;
    margin-top: 2px;
    padding: 5px 6px;
    text-decoration: none;
    font-size: 11px;
    font-size: 1.1rem;
    color: #fff;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
}

.generic .solutions_button_small {
    color: #35B0C2;
}

.amenagement_batiments .solutions_button_small {
    color: #80C9CB;
}

.entretien_gestion_batiments .solutions_button_small {
    color: #F39800;
}

.systeme_information .solutions_button_small {
    color: #715C9F;
}

.flotte_vehicules .solutions_button_small {
    color: #476072;
}

.ressources_humaines .solutions_button_small {
    color: #E74740;
}

.etablissement_hospitalier .solutions_button_small {
    color: #0090D4;
}

.etablissement_medico_social .solutions_button_small {
    color: #0090D4;
}

.education .solutions_button_small {
    color: #0099A1;
}

.environnement_urbain .solutions_button_small {
    color: #D3C000;
}

.protection_personnes .solutions_button_small {
    color: #F79646;
}

.secours_personnes .solutions_button_small {
    color: #C0504D;
}

.silver_economie .solutions_button_small {
    color: #409E82;
}

.soin_de_suite_reeducation .solutions_button_small {
    color: #0090D4;
}

.solutions_button_small:hover {
    color: white;
    background: none;
    border: 1px solid white;
}

.solutions_plus_offre_item_container {
    margin-bottom: 10px;
}

.solutions_plus_offre_item_text {
    display: inline-block;
    width: 73.5%;
    min-width: 100px;
}

.solutions_plus_offre_item_container:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 45px;
    height: 45px;
    margin-right: 3px;
    background: transparent url("/images/media-wp/nos_solutions/sprite_plus_offre.png") no-repeat;
}

.solutions_plus_offre_item_container.conseillers:before {
    background-position: 0px 0px;
}

.solutions_plus_offre_item_container.services_batiments:before {
    background-position: 0px -45px;
}

.solutions_plus_offre_item_container.adapte:before {
    background-position: 0px -90px;
}

.solutions_plus_offre_item_container.livraison:before {
    background-position: 0px -135px;
}

.solutions_plus_offre_item_container.architectes:before {
    background-position: 0px -180px;
}

.solutions_plus_offre_item_container.logistique:before {
    background-position: 0px -225px;
}

.solutions_plus_offre_item_container.conseiller_informatique:before {
    background-position: 0px -270px;
}

.solutions_plus_offre_item_container.bibliotheque:before {
    background-position: 0px -315px;
}

.solutions_plus_offre_item_container.flotte:before {
    background-position: 0px -360px;
}

.solutions_plus_offre_item_container.credit_bail:before {
    background-position: 0px -405px;
}

.solutions_plus_offre_item_container.solution:before {
    background-position: 0px -450px;
}

.solutions_plus_offre_item_container.carburant:before {
    background-position: 0px -495px;
}

.solutions_plus_offre_item_container.offre_complete:before {
    background-position: 0px -540px;
}

.solutions_plus_offre_item_container.organisation:before {
    background-position: 0px -585px;
}

.solutions_plus_offre_item_container.experts:before {
    background-position: 0px -630px;
}

.solutions_plus_offre_item_container.choix_solution:before {
    background-position: 0px -675px;
}

.solutions_plus_offre_item_container.interlocuteur:before {
    background-position: 0px -720px;
}

.solutions_plus_offre_item_container.ugap:before {
    background-position: 0px -765px;
}

.solutions_plus_offre_item_container.job:before {
    background-position: 0px -810px;
}

.solutions_plus_offre_item_container.installation:before {
    background-position: 0px -855px;
}

.solutions_plus_offre_item_container.prix_degressif:before {
    background-position: 0px -900px;
}

.solutions_plus_offre_item_container.accompagnement_vehicule:before {
    background-position: 0px -945px;
}

.solutions_plus_offre_item_container.innovation:before {
    background-position: 0px -990px;
}

.solutions_prestations {
    padding: 1em;
    margin-top: 10px;
    border: 1px solid #eee;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
    color: #333;
}

.generic .solutions_prestations {
    border: 1px solid #35B0C2;
}

.amenagement_batiments .solutions_prestations {
    border: 1px solid #80C9CB;
}

.entretien_gestion_batiments .solutions_prestations {
    border: 1px solid #F39800;
}

.systeme_information .solutions_prestations {
    border: 1px solid #715C9F;
}

.flotte_vehicules .solutions_prestations {
    border: 1px solid #476072;
}

.ressources_humaines .solutions_prestations {
    border: 1px solid #E74740;
}

.etablissement_hospitalier .solutions_prestations {
    border: 1px solid #0090D4;
}

.etablissement_medico_social .solutions_prestations {
    border: 1px solid #0090D4;
}

.education .solutions_prestations {
    border: 1px solid #0099A1;
}

.environnement_urbain .solutions_prestations {
    border: 1px solid #D3C000;
}

.protection_personnes .solutions_prestations {
    border: 1px solid #F79646;
}

.secours_personnes .solutions_prestations {
    border: 1px solid #C0504D;
}

.silver_economie .solutions_prestations {
    border: 1px solid #409E82;
}

.soin_de_suite_reeducation .solutions_prestations {
    border: 1px solid #0090D4;
}

/*Mise en avant du plus livraison*/

.solutions_plus_offre_item_container.livraison p {
    font-weight: bold;
}


/*FIN NOS SOLUTIONS  ============================================================================= */

/*DEBUT OPTEZ POUR LA COMMANDE EN LIGNE  ============================================================================= */

#avantages_ugapfr {
    margin: 10px 0;
}

#avantages_ugapfr .green {
    color: #19b79e;
}

#avantages_ugapfr .purple {
    color: #9270ad;
}

#avantages_ugapfr .yellow {
    color: #fdc435;
}

#avantages_ugapfr .red {
    color: #e75847;
}

#avantages_ugapfr .header_avantages_ugap {
    min-height: 440px;
    margin: 0 0 30px 0;
    padding: 30px;
    background: #d9edf5 url(/images/media-wp/pages/avantages_ugap/2561521_bandeau.png) 350px 140px no-repeat;
    box-sizing: border-box;
}

#avantages_ugapfr .header_avantages_ugap .title1 {
    margin-bottom: 15px;
    font-size: 50px;
    font-size: 5rem;
    text-align: center;
    font-weight: 800;
}

#avantages_ugapfr .header_avantages_ugap .form_signin {
    width: 250px;
    padding: 15px;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.6);
    box-sizing: border-box;
}

#avantages_ugapfr .header_avantages_ugap .form_line {
    margin-bottom: 15px;
}

#avantages_ugapfr .header_avantages_ugap label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    cursor: pointer;
}

#avantages_ugapfr .header_avantages_ugap input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 2px;
}

#avantages_ugapfr .list_avantages {
    padding: 0 90px;
}


/*FIN OPTEZ POUR LA COMMANDE EN LIGNE  ============================================================================= */

/*DEBUT GABARIT COLLOQUE  ============================================================================= */

.gabarit_colloque .liste li:before,
.gabarit_colloque .list li:before {
    background-color: #166088;
}

.gabarit_colloque .bloc_plus_offre>p>strong,

/*.gabarit_colloque .btn_generique,*/

.gabarit_colloque .sous_titre,
.gabarit_colloque .subtitle,
.gabarit_colloque .btn_contact>strong {
    color: #90CEE3;
}


/********************************/

.gabarit_colloque p {
    margin: 0;
}


/********************************/

/*BANDEAU*/

.header {
    width: 100%;
    background-color: #90CEE3;
}

.header_visual {
    display: table-cell;
    vertical-align: middle;
    width: 45%;
    text-align: center;
}

.header_title {
    display: table-cell;
    vertical-align: middle;
    width: 55%;
    padding: 20px;
    color: white;
}


/*BTN BANDEAU EN BLEU #166088*/

.ubtn_colloque {
    background-color: #166088;
    border-color: #166088;
    color: #ffffff;
}

.ubtn_colloque:hover {
    background-color: #90CEE3;
    color: #166088;
}


/*Encart texte*/

.background_text {
    padding: 5px 8px;
    color: #90CEE3;
    font-weight: 900;
    background-color: white;
}

.header_tagged_text {
    font-size: 1.4rem;
}

.hashtag {
    font-family: 'Raleway', sans-serif;
    font-size: 1.6rem;
    font-weight: 800;
}


/********************************/

/*TABLE RONDE*/

/*Petit picto à gauche de chaque thématique*/

.table_ronde {
    position: relative;
}

.table_ronde::before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/images/media-wp/insti/colloque/sprite_table_ronde_mini.png);
}

.table_ronde_1::before {
    background-position: 0 0;
}

.table_ronde_2::before {
    background-position: 0 -25px;
}

.table_ronde p {
    padding: 5px 0 0 30px;
}


/********************************/

/*COULEURS*/

.gabarit_colloque .color {
    color: #166088;
}

.color_ugap {
    color: #b60e0c;
}

.color_eco {
    color: #8CCF02;
}


/*STYLE TEXTE & TYPOGRAPHIE*/

/*General*/

.bold {
    font-weight: bold;
}

.important_long_content {
    font-size: 14px;
    font-size: 1.4rem;
}


/*Titre principal*/

.title_level_1 {
    /*margin: 0 0 5px 0;*/
    font-family: 'Raleway', sans-serif;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 800;
}

.title_level_1_light {
    margin: 0 0 -5px 0;
    font-family: 'Raleway', sans-serif;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 300;
    text-transform: uppercase;
    color: #FFFFFF;
}

.title_level_3 {
    font-weight: 900;
}


/********************************/

/*DATE EVENEMENT COLLOQUE*/

.event_block {
    display: inline-block;
    text-align: center;
    background: #F0F0F0;
}

.event_title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-transform: uppercase;
}


/*Léger espacement entre la date et le bouton*/

.event_block .ubtn {
    margin: 7px 0 0 0;
}

.event_content {
    width: 186px;
    height: 130px;
    display: table-cell;
    vertical-align: middle;
}


/********************************/

/* PARTIE DATE COLLOQUE*/

/*Bandeau*/

.time {
    font-style: italic;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 800;
}


/*Style d'un évènement ayant déjà eu lieu*/

.past {
    color: rgba(51, 51, 51, 0.4);
}


/*PAGE COLLOQUE TYPE*/

/*Heure du bandeau PAGE SPECIFIC*/

.hour {
    padding-left: 5px;
    font-weight: 900;
    color: #333333;
    border-left: 3px solid #333333;
}


/*Ajouter cette classe si la date est colorée*/

.hour.color {
    color: #166088;
    border-left: 3px solid #166088;
}

.hour_content {
    padding-left: 8px;
}


/*PICTO TRANSPORT*/

.transport {
    position: relative;
    padding: 0 0 0 40px;
}

.transport::before {
    content: '';
    /*display: inline-block;
    */
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    background-image: url(/images/media-wp/insti/colloque/sprite_transport.png);
}

.transport.car::before {
    background-position: 0px 0px;
}

.transport.taxi::before {
    background-position: 0px -30px;
}

.transport.bus::before {
    background-position: 0px -60px;
}

.transport.train::before {
    background-position: 0px -90px;
}

.transport.parking::before {
    background-position: 0px -120px;
}

.transport.metro::before {
    background-position: 0px -150px;
}

.transport.rer::before {
    background-position: 0px -180px;
}


/*DEBUT GABARIT COLLOQUE 2018*/

.gabarit_colloque .liste li:before,
.gabarit_colloque .list li:before {
    background-color: #BC0005;
}

.gabarit_colloque_2018 .header {
    width: 100%;
    background-color: #BC0005;
}

.gabarit_colloque_2018 .header_visual {
    display: table-cell;
    vertical-align: middle;
    width: 45%;
    text-align: left;
}

.gabarit_colloque_2018 .hour.color {
    color: #BC0005;
    border-left: 3px solid #BC0005;
}

.gabarit_colloque_2018 .color {
    color: #BC0005;
}


/*PICTO TRANSPORT*/

.gabarit_colloque_2018 .transport {
    position: relative;
    padding: 0 0 0 40px;
}

.gabarit_colloque_2018 .transport::before {
    content: '';
    /*display: inline-block;
    */
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    background-image: url(/images/media-wp/insti/colloque/sprite_transport_2018.png);
}

.gabarit_colloque_2018 .transport.car::before {
    background-position: 0px 0px;
}

.gabarit_colloque_2018 .transport.taxi::before {
    background-position: 0px -30px;
}

.gabarit_colloque_2018 .transport.bus::before {
    background-position: 0px -60px;
}

.gabarit_colloque_2018 .transport.train::before {
    background-position: 0px -90px;
}

.gabarit_colloque_2018 .transport.parking::before {
    background-position: 0px -120px;
}

.gabarit_colloque_2018 .transport.metro::before {
    background-position: 0px -150px;
}

.gabarit_colloque_2018 .transport.rer::before {
    background-position: 0px -180px;
}


/*FIN GABARIT COLLOQUE 2018*/

/*FIN GABARIT COLLOQUE  ============================================================================= */

/*DEBUT ONGLETS DANS GABARIT (Ex : Page Autocars, Balayeuses...)  ============================================================================= */

.gabarit_article_tabs_list a {
    width: 100%;
    height: 60px;
    padding: 0 10px;
    display: flex;
    /* contexte sur le parent */
    flex-direction: column;
    /* direction d'affichage verticale */
    justify-content: center;
    /* alignement vertical */
    border: #e0e0e0 1px solid;
    text-align: center;
    box-sizing: border-box;
}

.gabarit_vehicules .gabarit_article_tabs_list .ui-state-active a {
    border-color: #476072;
}


/*FIN ONGLETS DANS GABARIT (Ex : Page Autocars, Balayeuses...)  ============================================================================= */

/*DEBUT BANDEAU FIOUL AVEC ZONE GEO  ============================================================================= */

.scrollable {
    max-height: 100px;
    width: 305px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}


/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */

* html .scrollable {
    height: 100px;
}

#zone_geo {
    width: 700px;
    height: 230px;
    background: #c5007b url(/images/media-wp/noeuds/conso/fioul/france.png) 500px 34px no-repeat;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox, autres Gecko */
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, autres WebKit */
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4 rem;
}

#zone_geo>div {
    margin-right: 230px;
}

.highlight {
    color: #eac23e;
}

#commune {
    line-height: 40px;
    line-height: 4rem;
}

.arrow {
    content: "";
    display: table-cell;
    background: transparent url(/images/media-wp/tmp/fioul/fleche.png) 0 0 no-repeat;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    padding-right: 10px;
}

.result {
    display: table-cell;
    vertical-align: middle;
}


/*NEW*/

#zone_geographique {
    background-color: #f0f0f0;
    padding: 15px;
}

#zone_geographique:before {
    content: "";
    display: table-cell;
    background: transparent url(/images/media-wp/noeuds/conso/fioul/france_aaa.png) 0 0 no-repeat;
    width: 102px;
    height: 109px;
    padding-right: 30px;
}

.search_div {
    display: table-cell;
}

.ui-autocomplete-loading {
    background: #fff url(../images/global/ajax-loader.gif) no-repeat center center;
}


/*----*/

.ui-autocomplete.scrollable {
    padding: inherit;
}

.ui-widget-content.scrollable .ui-state-hover,
.ui-widget-content.scrollable .ui-state-focus {
    background-image: none;
    background-color: #f0f0f0;
    font-weight: bold;
    text-decoration: none;
    color: #333333;
}

.ui-menu.scrollable .ui-menu-item:hover {
    display: block;
    text-decoration: none;
    color: #333333;
    cursor: pointer;
    background-color: #f0f0f0;
    background-image: none;
}

.ui-menu.scrollable .ui-menu-item {
    margin: inherit;
}

.ui-menu.scrollable .ui-menu-item a {
    padding: 4px 1em 4px 1em;
    display: block;
}

.ui-menu.scrollable .ui-menu-item a:hover {
    text-decoration: none;
}


/*FIN BANDEAU FIOUL AVEC ZONE GEO  ============================================================================= */

/* DEBUT MENTIONS LEGALES  ============================================================================= */

#mentions_legales p,
#mentions_legales ul {
    margin-bottom: 10px;
}


/* FIN MENTIONS LEGALES  ============================================================================= */

/* DEBUT PAGES PRODUITS PETROLIERS ============================================================================= */

/*----------------------------------------------------------------------------------*/

/*G E N E R I C*/

/*--------------------------------------*/
/*GENERAL BEHAVIORS*/

.gas_page .squeeze,
.panorama_vl .squeeze,
.fixed_box_parent .squeeze {
    line-height: 80%;
    letter-spacing: -1px;
    color: #EAC23F;
    font-size: 20px;
    font-size: 2rem;
}


/*--------------------------------------*/
/*TEXTE*/

.gas_page .important_text {
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: 14px;
    font-size: 1.4rem;
}

.gas_page .fixed_box,
.panorama_vl .fixed_box,
.fixed_box_parent .fixed_box {
    position: fixed;
    right: 0;
    margin: 12px 4% 0 0;
    background: white;
    border-radius: 4px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    z-index: 40;
}

.panorama_vl .fixed_box {
    top: 245px;
}

.gas_page .asterisque {
    font-style: italic;
}

.gas_page .long_text {
    text-align: justify;
    padding-right: 30px;
}

.gas_page .title_grey {
    color: #666666;
}

.gas_type.disabled img,
.gas_type.disabled p {
    opacity: .5;
}

.gas_type .info_tag_availability {
    padding: 5px 7px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666666;
    background: #EAEAEA;
    border-radius: 3px;
}

.gas_type.disabled:hover img {
    transform: scale(1);
}


/*--------------------------------------*/

/*LIST*/

.gas_page .list_rounded li {
    position: relative;
    padding: 0 0 5px 10px;
}

.gas_page .list_rounded li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}


/*--------------------------------------*/

/*BOUTONS*/

/*Bouton blanc*/

.gabarit_consommables .ubtn_theme_filled,
.lubrifiant_page .ubtn_theme_filled {
    background: white;
}

.gabarit_consommables .ubtn_theme_filled:hover,
.lubrifiant_page .ubtn_theme_filled:hover {
    color: #FFFFFF;
    border-color: #FFFFFF;
    background: none;
}


/*Bouton blanc fantôme*/

.gabarit_consommables .ubtn_theme:hover {
    background: white;
}


/*Bouton jaune*/

.gabarit_consommables .ubtn_theme_secondary,
.panorama_vl .ubtn_theme_secondary {
    color: white;
    border-color: #EAC23F;
    background: #EAC23F;
}

.gabarit_consommables .ubtn_theme_secondary:hover,
.panorama_vl .ubtn_theme_secondary:hover {
    color: #EAC23F;
    border-color: #EAC23F;
    background: none;
}


/*--------------------------------------*/

/*TITRES*/

.gas_page .main_title,
.fixed_box_parent .main_title,
.global_page .main_title,
.cross_page_redirection_carburant.header_container .main_title,
.cross_page_redirection_lubrifiant.header_container .main_title {
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.panorama_vl .main_title {
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
}


/*Titre "Détail de l'offre"*/

.gas_page .main_title.page_title_detail,
.cross_page_redirection_carburant.header_container .page_title_detail,
.cross_page_redirection_lubrifiant.header_container .page_title_detail {
    margin-bottom: -8px;
    color: #FFFFFF;
    font-size: 30px;
    font-size: 3rem;
}


/*Titre couleur secondaire*/

.gas_page .main_title.page_title,
.cross_page_redirection_carburant.header_container .main_title.page_title,
.cross_page_redirection_lubrifiant.header_container .main_title.page_title {
    color: #EAC23F;
    font-size: 45px;
    font-size: 4.5rem;
}

.gas_page .title_circle,
.global_page .title_circle {
    display: block;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50%;
}

.gas_page .title_circle:before,
.global_page .title_circle:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    text-align: center;
    background-image: url(/images/media-wp/noeuds/conso/2045_sprite_circle.png);
}

.gas_page #panorama .title_circle::before {
    background-position: 0 0;
}

.gas_page #commande .title_circle::before {
    background-position: 0 -60px;
}

.gas_page #offre .title_circle::before {
    background-position: 0 -120px;
}

.gas_page #presta .title_circle::before {
    background-position: 0 -180px;
}

.global_page .title_circle:before {
    background-image: url(/images/media-wp/noeuds/commun/global_sprite_circle.png);
}

.global_page .favourite .title_circle::before {
    background-position: 0 0;
}

.global_page .detail .title_circle::before {
    background-position: 0 -60px;
}

.global_page .delivery .title_circle::before {
    background-position: 0 -120px;
}

.global_page .help .title_circle::before {
    background-position: 0 -180px;
}

.global_page .school .title_circle::before {
    background-position: 0 -243px;
}

.global_page .college .title_circle::before {
    background-position: 0 -300px;
}

.global_page .euro .title_circle::before {
    background-position: 0 -360px;
}

.global_page .credit_bail .title_circle::before {
    background-position: 0 -420px;
}

.global_page .durable .title_circle::before {
    background-position: 0 -480px;
}

.global_page .livraison .title_circle::before {
    background-position: 0 -540px;
}

.global_page .titulaire .title_circle::before {
    background-position: 0 -600px;
}

.global_page .proprete .title_circle::before {
    background-position: 0 -660px;
}

.global_page .award .title_circle::before {
    background-position: 0 -720px;
}

.global_page .livre .title_circle::before {
    background-position: 0 -780px;
}

.global_page .bouclier .title_circle::before {
    background-position: 0 -840px;
}

.global_page .liste_note .title_circle::before {
    background-position: 0 -900px;
}

.global_page .telephone_contact .title_circle::before {
    background-position: 0 -960px;
}

.global_page .feuille .title_circle::before {
    background-position: 0 -1020px;
}

.global_page .goutte .title_circle::before {
    background-position: 0 -1080px;
}

.global_page .personnes .title_circle::before {
    background-position: 0 -1140px;
}

.global_page .handicap .title_circle::before {
    background-position: 0 -1200px;
}

.global_page .measure .title_circle::before {
    background-position: 0 -1260px;
}

.global_page .brush .title_circle::before {
    background-position: 0 -1320px;
}

.global_page .gears .title_circle::before {
    background-position: 0 -1380px;
}

.global_page .tools .title_circle::before {
    background-position: 0 -1440px;
}

.global_page .flash .title_circle::before {
    background-position: 0 -1500px;
}

.global_page .moto .title_circle::before {
    background-position: 0 -1560px;
}

.global_page .quad .title_circle::before {
    background-position: 0 -1620px;
}


/*GLOBAL PAGE (Livraison rapide) COLORS*/
.global_page.livraison_rapide .title_circle,
.global_page.livraison_rapide .number_item_list {
    background-color: #f4b925;
}

.global_page.livraison_rapide .color_theme {
    color: #f4b925;
}

.color_theme strong {
    font-weight: bold;
}

.global_page.livraison_rapide .plus_item::before {
    border: 1px solid #f4b925;
}

/* PAGE CAMPAGNE DEMENAGEMENT */
.page_campagne.demenagement .title_circle {
    background-color: rgba(0, 208, 190, 1);
}

.page_campagne.demenagement .color_theme {
    color: rgba(0, 208, 190, 1);
}


/*----------------------------------------------------------------------------------*/

/*P A G E  P A R T S*/

/*--------------------------------------*/

/*BANDEAU*/

.gas_page .header_container,
.cross_page_redirection_carburant.header_container,
.cross_page_redirection_lubrifiant.header_container {
    position: relative;
    display: table;
    height: 280px;
    text-align: center;
    background-image: url(/images/media-wp/noeuds/conso/2045_oil_back.png);
    background-position: bottom;
    background-repeat: no-repeat;
    z-index: 0;
}

.cross_page_redirection_carburant.header_container,
.cross_page_redirection_lubrifiant.header_container {
    height: auto !important;
    padding: 4em 0;
}


/*Contenu du bandeau*/

.gas_page .header_content {
    display: table-cell;
    vertical-align: middle;
    z-index: 1;
}


/*Camion jaune*/

.gas_page .header_content::after,
.cross_page_redirection_carburant .header_content::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50px;
    width: 200px;
    height: 80px;
    background-image: url(/images/media-wp/noeuds/conso/2045_truck.png);
    z-index: -1;
}


/*--------------------------------------*/

/*FIXED BOX FAQ - GAZ - GENERIQUE */

.gas_page .fixed_box #hide_button,
.panorama_vl .fixed_box #hide_button,
.fixed_box_parent .fixed_box #hide_button {
    margin: 3px 0 7px 9px;
    width: 20px;
    height: 20px;
    font-size: 1.2em;
    color: #EAC23F;
}

.fixed_box_parent .fixed_box #hide_button {
    color: #000000;
}

.gas_page .fixed_box #hide_button:hover,
.panorama_vl .fixed_box #hide_button:hover,
.fixed_box_parent .fixed_box #hide_button:hover {
    cursor: pointer;
}

.gas_page .fixed_box .hide_container,
.panorama_vl .fixed_box .hide_container,
.fixed_box_parent .fixed_box .hide_container {
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 0 5px;
}

.gas_page .fixed_box_content,
.panorama_vl .fixed_box_content,
.fixed_box_parent .fixed_box_content {
    display: inline-block;
    text-align: center;
    width: 125px;
    margin-right: 35px;
}

.gas_page .fixed_box_content img,
.panorama_vl .fixed_box_content img,
.fixed_box_parent .fixed_box_content img {
    display: block;
    text-align: center;
    margin: auto;
}


/*--------------------------------------*/

/*PLUS OFFRE*/

.gas_page .plus_item::before,
.global_page .plus_item::before {
    content: '+';
    position: relative;
    padding: 5px 9px;
    font-weight: 700;
    font-size: 15px;
    border-radius: 100%;
}


/*--------------------------------------*/

/*PANORAMA DE L'OFFRE*/

.gas_page .gas_type {
    display: inline-block;
    width: 120px;
    vertical-align: top;
    text-align: center;
}

.gas_type:hover img {
    transform: scale(1.08);
    transition: all 0.5s ease;
}

.gas_type img {
    width: 80px;
    transition: all 0.5s ease;
}


/*--------------------------------------*/

/* COMMENT COMMANDER */

.gabarit .command_header {
    height: 80px;
    line-height: 80px;
    background: #EAEAEA;
}

.gabarit .command_header h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-size: 1.4rem;
}

.gabarit .command_header h3 strong {
    font-weight: bold;
}

.command_container {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}


/*Permet de réaligner à gauche suite au "margin" des cellules du tableau*/

.command_split_container {
    margin: 0 -10px;
}


/*Permet au boutons en position absolute de ne pas être sur le texte*/

.command_split_content {
    padding-bottom: 60px;
}

.command_split {
    position: relative;
    display: table-cell;
    width: 50%;
    vertical-align: top;
    border: 1px solid #EAEAEA;
}

.gabarit .command_content {
    position: relative;
    padding: 0 15px;
}


/*Centrage des boutons en position absolute*/

.gabarit .stick_center {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: auto;
    transform: translateX(-50%);
}


/*"Bullet number"*/

.gas_page .number_item_list,
.global_page.livraison_rapide .number_item_list {
    width: 40px;
    height: 40px;
    line-height: 38px;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: 17px;
    font-size: 1.7rem;
    color: white;
    border-radius: 50%;
}


/*Infos à droite des "bullet number"*/

.gas_page .text_item_list,
.global_page.livraison_rapide .text_item_list {
    display: inline-block;
    position: relative;
    width: 89%;
    vertical-align: middle;
}


/*----------------------------------------------------------------------------------*/

/*E X T E R N A L  E L E M E N T S*/

/*--------------------------------------*/

/* FAQ POPIN */

.accordion .accordion_item_title_toggle {
    margin-bottom: 1px;
    padding: 20px 10px 18px 45px;
    color: #333333;
    font-weight: bold;
    background: #EAEAEA url(/themeUgap/images/catalogue/produit/accordion_plus.png) no-repeat 20px center;
}

.accordion .accordion_item_title_toggle:hover {
    background-color: #E0E0E0;
}

.accordion .accordion_item_title_toggle.ui-state-active {
    background-image: url(/themeUgap/images/catalogue/produit/accordion_minus.png);
}

.accordion_item_content {
    background-color: #F9F9F9;
}

/*Permet de bien centrer le contenu dans son conteneur à cause du margin forcé sur les <p>*/

.accordion_item_content p:last-of-type {
    margin-bottom: 0 !important;
}


/* FIN PAGES PRODUITS PETROLIERS ============================================================================= */

/*----------------------------------------------------------------------------------*/

/* DEBUT CLASSES ============================================================================= */

/*----------------------------------------------------------------------------------*/

.gamme_classe .class_gamme_section {
    position: relative;
    overflow: hidden;
    width: 100%;
    font-size: 0;
    text-align: center;
}

.gamme_classe .class_container {
    position: relative;
    text-align: left;
    width: 1920px;
    height: 200px;
}


/*DIRECT CONTAINER OF ALL ITEMS*/

.gamme_classe .class_slider {
    position: absolute;
}

.gamme_classe .overlay {
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.gamme_classe .class_item.opened_class .overlay,
.gamme_classe .class_item_3.opened_class .overlay {
    width: 290px;
    background: rgba(255, 255, 255, 1);
    border-left: 3px solid #333;
}

.gamme_classe .class_item,
.gamme_classe .class_item_3 {
    position: relative;
    display: inline-block;
    width: 192px;
    height: 200px;
    margin-right: 1px;
    text-align: center;
    font-size: 12px;
    color: #333333;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    backface-visibility: hidden;
    cursor: pointer;
}

.gamme_classe .class_item_3 {
    width: 320px;
    background-size: 100% auto;
}


/* POUR UN PANORAMA AVEC AU MOINS 4 ITEMS */

.gamme_classe .class_item:hover {
    background-size: auto 120%;
}

.gamme_classe .class_item_3:hover {
    background-size: 120% auto;
}

.gamme_classe .opened_class {
    width: 960px;
}

.gamme_classe .class_item.opened_class {
    background-size: 75% auto;
    background-position: right center;
}

.gamme_classe .class_item_3.opened_class {
    background-size: 75% auto;
    background-position: right center;
}


/*CLASSE PRIMAIRE*/

.gamme_classe .eole {
    background-image: url(/images/media-wp/noeuds/mobilier/4496399_eole_back.jpg);
}

.gamme_classe .elodie {
    background-image: url(/images/media-wp/noeuds/mobilier/4496399_elodie_back.jpg);
}

.gamme_classe .ergo {
    background-image: url(/images/media-wp/noeuds/mobilier/4496399_ergo_back.jpg);
}

.gamme_classe .epsy {
    background-image: url(/images/media-wp/noeuds/mobilier/4496399_epsy_back.jpg);
}

.gamme_classe .compass {
    background-image: url(/images/media-wp/noeuds/mobilier/4496399_compass_back.jpg);
}


/*CLASSE MATERNELLE*/

.gamme_classe .coccinelle {
    background-image: url(/images/media-wp/noeuds/mobilier/4496394_coccinelle_back.jpg);
}

.gamme_classe .creche {
    background-image: url(/images/media-wp/noeuds/mobilier/4496394_creche_back.jpg);
}

.gamme_classe .diabolo {
    background-image: url(/images/media-wp/noeuds/mobilier/4496394_diabolo_back.jpg);
}

.gamme_classe .sam {
    background-image: url(/images/media-wp/noeuds/mobilier/4496394_sam_back.jpg);
}

.gamme_classe .nemo {
    background-image: url(/images/media-wp/noeuds/mobilier/4496394_nemo_back.jpg);
}

.gamme_classe .richochet {
    background-image: url(/images/media-wp/noeuds/mobilier/4496394_richochet_back.jpg);
}


/*MOBILIER HÉBERGEMENT*/

/* .gamme_classe .yun {
    background-image: url(/images/media-wp/noeuds/mobilier/1600_yun_back.jpg);
}

.gamme_classe .kumyos {
    background-image: url(/images/media-wp/noeuds/mobilier/1600_kumyos_back.jpg);
}

.gamme_classe .naya {
    background-image: url(/images/media-wp/noeuds/mobilier/1600_naya_back.jpg);
}

.gamme_classe .tombelaine {
    background-image: url(/images/media-wp/noeuds/mobilier/1600_tombelaine_back.jpg);
}

.gamme_classe .lagune {
    background-image: url(/images/media-wp/noeuds/mobilier/1600_lagune_back.jpg);
} */


/* MOBILIER BIBLIOTHEQUE */

.gamme_classe .book {
    background-image: url(/images/media-wp/noeuds/mobilier/65240_book_back.jpg);
}

.gamme_classe .monaco {
    background-image: url(/images/media-wp/noeuds/mobilier/65240_monaco_back.jpg);
}

.gamme_classe .chambord {
    background-image: url(/images/media-wp/noeuds/mobilier/65240_chambord_back.jpg);
}


/* MOBILIER MEDIATHEQUE */

.gamme_classe .korytem {
    background-image: url(/images/media-wp/noeuds/mobilier/65285_korytem_back.jpg);
}

.gamme_classe .majeo {
    background-image: url(/images/media-wp/noeuds/mobilier/65285_majeo_back.jpg);
}

.gamme_classe .magisteo {
    background-image: url(/images/media-wp/noeuds/mobilier/65285_magisteo_back.jpg);
}

.gamme_classe .frontline {
    background-image: url(/images/media-wp/noeuds/mobilier/65285_frontline_back.jpg);
}

.gamme_classe .london {
    background-image: url(/images/media-wp/noeuds/mobilier/65285_london_back.jpg);
}


/*TITLE QUOTE BTN*/

.gamme_classe .item_content {
    position: absolute;
    width: 192px;
    top: 50%;
    transform: translate(0, -50%);
    color: white;
}

.gamme_classe .class_item_3 .item_content {
    width: 320px;
}

.gamme_classe .class_item.opened_class .item_content,
.gamme_classe .class_item_3.opened_class .item_content {
    width: 255px;
    padding: 0 0 0 20px;
    text-align: right;
    color: black;
}

.gamme_classe .class_item.opened_class .item_content .quote,
.gamme_classe .class_item_3.opened_class .item_content .quote {
    height: 30px;
}

.gamme_classe .item_animation {
    transition: all 0.8s ease;
}


/*CLASS ITEM DESIGN*/

.gamme_classe .class_tag {
    font-size: 7px;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-indent: 5px;
}

.gamme_classe .quote {
    padding: 0 10px;
    height: 40px;
    font-size: 12px;
    font-weight: 800;
    font-style: italic;
}

.gamme_classe .class_item_3 .quote {
    height: 30px;
}

.gamme_classe .show_btn {
    display: none;
    opacity: 0;
    /*text-decoration: none;*/
}

.gamme_classe a.ubtn:hover {
    text-decoration: none !important;
}

.gamme_classe .class_item.opened_class .show_btn,
.gamme_classe .class_item_3.opened_class .show_btn {
    display: inline-block;
    opacity: 1;
}

.gamme_classe .show_list {
    display: none;
    opacity: 0;
}

.gamme_classe .show_list li {
    border-right: 2px solid #ddd;
    margin: 3px 0;
    padding-right: 4px;
}

.gamme_classe .class_item.opened_class .show_list,
.gamme_classe .class_item_3.opened_class .show_list {
    display: block;
    opacity: 1;
}

.gamme_classe .hide_me {
    display: inline-block;
    opacity: 1;
}

.gamme_classe .class_item.opened_class .hide_me,
.gamme_classe .class_item_3.opened_class .hide_me {
    display: none;
    opacity: 0;
}


/*STAGE 2*/

/*CLASSE OUVERTE*/

.gamme_classe .hidden_item {
    display: none;
}


/*CONTROLS*/

.gamme_classe .control_squares_container {
    /*display: none;*/
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.gamme_classe .control_squares {
    display: block;
    width: 45px;
    height: 45px;
    background: rgba(51, 51, 51, 1);
    cursor: pointer;
}

.gamme_classe .control_squares:hover {
    background: rgba(51, 51, 51, 0.9);
}


/*CONTROL HOVER*/

.gamme_classe .control_squares:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
    text-align: center;
    background-image: url(/images/media-wp/noeuds/mobilier/4496399_sprite_controls.png);
}

.gamme_classe .control_squares:hover .hover_message {
    background: white;
    display: block;
    position: absolute;
    left: -175px;
    width: 175px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.gamme_classe .control_squares#close:hover .hover_message {
    top: 0;
}

.gamme_classe .control_squares#next:hover .hover_message {
    top: 45px;
}

.gamme_classe .control_squares#previous:hover .hover_message {
    top: 90px;
}

.gamme_classe .control_squares#close:before {
    background-position: 0 0;
}

.gamme_classe .control_squares#previous:before {
    background-position: 0 45px;
}

.gamme_classe .control_squares#next:before {
    background-position: 0 90px;
}


/* FIN CLASSES ============================================================================= */

/*----------------------------------------------------------------------------------*/

/* Révision de prix / Changement titulaire ================================================= */

/*----------------------------------------------------------------------------------*/

.revision .theme_tag.title2 {
    color: white;
}

.revision .theme_tag.title5 {
    padding: 5px 0;
    text-align: center;
    width: 90px;
    background: white;
}

.revision {
    width: 100%;
    display: table;
}

.revision .image_container,
.revision .text_container {
    display: inline-block;
    vertical-align: middle;
}

.revision .image_container {
    width: 35%;
}

.revision .text_container {
    width: 60%;
}

.revision .text_container p {
    margin: 0;
}

.revision_message {
    display: flex;
    align-items: center;
    min-height: 55px;
    background-image: url(/images/media-wp/noeuds/images/commun/changement_titulaire_icon.png);
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: 35px center;
    border: 1px solid #C5007B;
}

.revision_message p {
    padding-left: 120px;
}


/* PANORAMA VÉHICULES ================================================= */

/*----------------------------------------------------------------------------------*/

.vl_panorma_icon_tab {
    text-align: center;
}

.vl_panorma_icon_tab>.icon_list_item {
    /*background: purple;*/
    position: relative;
}

.vl_panorma_icon_tab>.icon_list_item p {
    display: none;
    height: 85px;
    width: 85px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
    color: white;
    font-weight: bold;
    /*font-family: 'Raleway';*/
    background-color: rgba(71, 96, 114, .95);
    border-radius: 50%;
    cursor: pointer;
}

.vl_panorma_icon_tab>.icon_list_item:hover p {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.vl_panorma_icon_tab>div.col::before {
    content: '';
    display: block;
    position: relative;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: rgba(71, 96, 114, 0.5);
    background-image: url(/images/media-wp/noeuds/vehicules/4497722/sprite_panorama_vl.png);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all 0.3s ease;
}

.vl_panorma_icon_tab>div.col:hover::before {
    background-color: rgba(71, 96, 114, 1);
    cursor: pointer;
}

.vl_panorma_icon_tab>.icon_list_item.personal::before {
    background-position: 0 0;
}

.vl_panorma_icon_tab>.icon_list_item.utility::before {
    background-position: 0 -85px;
}

.vl_panorma_icon_tab>.icon_list_item.suv::before {
    background-position: 0 -170px;
}

.vl_panorma_icon_tab>.icon_list_item.velo::before {
    background-position: 0 -255px;
}

.vl_panorma_icon_tab>.icon_list_item.bike::before {
    background-position: 0 -340px;
}

.vl_panorma_icon_tab>.icon_list_item.scooter::before {
    background-position: 0 -425px;
}

.vl_panorma_icon_tab>.icon_list_item.green::before {
    background-position: 0 -510px;
}

.vl_panorma_icon_tab>.icon_list_item.delivery::before {
    background-position: 0 -595px;
}

.vl_panorma_icon_tab>.icon_list_item.quad::before {
    background-position: 0 -680px;
}

.panorama_vl .car_photo a:hover img {
    border: 1px solid #333;
}

.panorama_vl .car_photo {
    position: relative;
    text-align: center;
}

.panorama_vl .car_green::before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-image: url(/images/media-wp/noeuds/vehicules/4497722/vehicule_propre_picto.png);
    z-index: 5;
}

.panorama_vl .car_tag {
    display: inline-block;
    margin-top: 3px;
    padding: 2px 6px;
    font-size: 10px;
    color: white;
}

.panorama_vl .electric_tag {
    background: #8CCF02;
}

.panorama_vl .hybride_tag {
    background: #009661;
}

.panorama_vl .gnv_tag {
    background: #48C9FF;
}

.panorama_vl .hydrogene_tag {
    background: #1b69ab;
}

.panorama_vl .available_soon {
    display: block;
    position: absolute;
    top: 50px;
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    background: #333;
}

.panorama_vl .available_soon_img {
    display: block;
    opacity: .5;
}

.panorma_main_title {
    color: rgba(71, 96, 114, 1);
}

.panorama_vl .item_container {
    display: none;
    border-top: 1px solid #e0e0e0;
    /*border-bottom:1px solid #e0e0e0;*/
    margin: 15px 0;
    padding: 15px 0;
}

.panorama_vl .icon_list_container .icon_list_item.item_content_active::before {
    background-color: rgba(71, 96, 114, 1);
    cursor: default;
}

.panorama_vl .icon_list_container .icon_list_item.item_content_active p {
    cursor: default;
}

.icon_list_container_arrow_top>.col {
    position: relative;
}

.icon_list_container_arrow_top .arrow_top {
    position: absolute;
    top: 7px;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    width: 34px;
    height: 15px;
    background: url(/themeUgap/images/global/sprite.png) -574px 0;
}

.icon_list_container_arrow_top .hide {
    display: none;
}


/*----------------------------------------------------------------------------------*/

/* PRESTATIONS BULLES (4497761) ================================================= */

.prestation_item {
    width: 150px;
    height: 150px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #f39800;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
}

.prestation_item p {
    box-sizing: border-box;
    margin: 0;
}

.prestation_item_txt {
    width: 150px;
    height: 150px;
    color: #f39800;
    padding-left: 5px;
    padding-right: 5px;
    display: table-cell;
    vertical-align: middle;
}

.prestation_details {
    width: 150px;
    height: 150px;
    padding: 5px 13px 10px 10px;
    display: table;
    color: #fff;
    background-color: #f39800;
    -webkit-transition: margin-top .2s ease-out;
    -moz-transition: margin-top .2s ease-out;
    transition: margin-top .2s ease-out;
}

.prestation_details span {
    display: table-cell;
    vertical-align: middle;
}

.prestation_item:hover {
    cursor: default;
}

.prestation_item:hover .prestation_details {
    margin-top: -150px;
}


/*----------------------------------------------------------------------------------*/

/* CONCESSIONNAIRES ================================================= */

#concessionnaire_recherche * {
    box-sizing: border-box;
}

#concessionnaire_recherche {
    background: #f0f0f0;
    padding: 15px;
    border: 1px solid #476072;
}

#concessionnaire_recherche .border_right {
    border-right: 1px solid #476072;
}

#concessionnaire_recherche .form_input_text,
#concessionnaire_recherche .form_select {
    line-height: 2em;
    padding: 0;
}

#concessionnaire_result li {
    padding: 20px;
    list-style-type: none;
    list-style-position: outside;
    text-indent: 0;
}

.bg_f0f0f0 {
    background-color: #f0f0f0;
}


/*----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------*/

/* Page + bandeau en livraison rapide ================================================= */

.txt_asterisque {
    color: #747474;
}

.txt_arguments {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
}

.title_vehicule {
    font-size: 24px;
    font-weight: 800;
}

.li_line {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 45px;
    margin-bottom: 20px;
}

.bandeau_header {
    margin-top: 20px;
    background-color: #ececec;
}

.bandeau_header .col {
    margin: 0;
}

.bandeau_header {
    position: relative;
    display: table;
    width: 100%;
    margin-top: 10px;
    background-color: #476172;
}

.bandeau_header>div {
    display: table-cell;
    vertical-align: middle;
}

.bandeau_header p {
    color: white;
}

.bandeau_text_container ul li {
    padding-bottom: 0px;
}

.bandeau_text_container ul {
    color: white;
}

.bandeau_text_container ul.list li:before {
    background-color: white;
    border-radius: 50%;
}

.lighter_text {
    opacity: .8;
}


/*BUTTON*/

.ubtn.white {
    background: white;
    border: 1px solid white;
    color: #476172;
}

.ubtn.white:hover {
    border: 1px solid white;
    background: none;
    color: white;
}

.out_of_stock::before {
    background-image: url(/images/media-wp/noeuds/vehicules/58793_stock.png);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 133px;
}

.bandeau_text_container p {
    margin-bottom: 0 !important;
}

.li_line {
    background: url(/images/media-wp/noeuds/vehicules/58793_sprite.png) no-repeat;
}

.li1 {
    background-position: 0 0;
}

.li2 {
    background-position: 0 -30px;
}

.li3 {
    background-position: 0 -60px;
}

.li4 {
    background-position: 0 -90px;
}

.li5 {
    background-position: 0 -120px;
}

.li6 {
    background-position: 0 -150px;
}

.li7 {
    background-position: 0 -180px;
}

.li8 {
    background-position: 0 -210px;
}

.bandeau_info {
    display: table;
    width: 100%;
    background: #e0e0e0;
}

.bandeau_info .bandeau_info_img,
.bandeau_info .bandeau_info_txt {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
}

.bandeau_info .bandeau_info_img {
    width: 30%;
    text-align: center;
}

.bandeau_info .bandeau_info_txt {
    width: 70%;
}


/*----------------------------------------------------------------------------------*/

/* surcharge FAQ ================================================= */

#faq_content h2 {
    border-bottom: none;
    color: #000000;
}

pre.code-toolbar .toolbar a {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    float: right;
}

#faq ul {
    list-style-type: none;
}


/*----------------------------------------------------------------------------------*/

/* TABS RGPD ================================================= */

.gabarit_informatique #gabarit_article_tabs .tab_content {
    border-top: 1px solid #e0e0e0;
    margin-top: 20px;
    padding-top: 10px;
}

.gabarit_informatique #gabarit_article_tabs #tab_accompagnement {
    background: #ffffff url(../informatique/4498228_accompagnement.jpg) 0 0 no-repeat;
}

.gabarit_informatique #gabarit_article_tabs #tab_logiciels {
    background: #ffffff url(../informatique/4498228_logiciels.jpg) 0 0 no-repeat;
}

.gabarit_informatique #gabarit_article_tabs #tab_reseau {
    background: #ffffff url(../informatique/4498228_reseau.jpg) 0 0 no-repeat;
}

.gabarit_informatique #gabarit_article_tabs #tab_accompagnement.ui-state-hover {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../informatique/4498228_accompagnement.jpg);
}

.gabarit_informatique #gabarit_article_tabs #tab_logiciels.ui-state-hover {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../informatique/4498228_logiciels.jpg);
}

.gabarit_informatique #gabarit_article_tabs #tab_reseau.ui-state-hover {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../informatique/4498228_reseau.jpg);
}

.gabarit_informatique #gabarit_article_tabs #tab_accompagnement.ui-state-active {
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../informatique/4498228_accompagnement.jpg);
}

.gabarit_informatique #gabarit_article_tabs #tab_logiciels.ui-state-active {
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../informatique/4498228_logiciels.jpg);
}

.gabarit_informatique #gabarit_article_tabs #tab_reseau.ui-state-active {
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../informatique/4498228_reseau.jpg);
}

.gabarit_informatique .gabarit_article_tabs_list .ui-state-active,
.gabarit_informatique .gabarit_article_tabs_list .ui-state-active.ui-state-hover {
    cursor: default;
}

.gabarit_informatique .gabarit_article_tabs_list .ui-state-active a {
    border: none;
    color: #333333;
}

.gabarit_informatique .gabarit_article_tabs_list .ui-state-active .ubtn {
    display: none;
}

.gabarit_informatique .gabarit_article_tabs_list a {
    display: block;
    height: 195px;
    color: #ffffff;
}

.gabarit_informatique #gabarit_article_tabs .tab_item_title {
    display: block;
    font-size: 16px;
    padding: 20px 20px 5px 20px;
}

.gabarit_informatique #gabarit_article_tabs .tab_item_extract {
    display: block;
    height: 60px;
    padding: 5px 20px 5px 20px;
}


/*----------------------------------------------------------------------------------*/

/* Bandeau éco-responsable - Papier ================================================= */

div.bandeau_eco {
    border: 1px solid #8CCF02;
    background: linear-gradient(36deg, rgb(19, 162, 3), rgb(140, 207, 2));
    margin-bottom: 10px;
    margin-top: 10px;
}

div.bandeau_eco_img {
    padding: 0px;
    position: relative;
}

div.bandeau_eco_img>img {
    position: absolute;
    top: 25px;
    left: 20px;
}

div.bandeau_eco_title {
    color: #fff;
    padding: 15px;
    padding-left: 230px;
}

div.bandeau_eco_title .title3 {
    font-weight: 500;
    margin: 0;
}

div.bandeau_eco_txt {
    background-color: #fff;
    border-radius: 250px 0 0 0;
    padding-left: 230px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}


/*----------------------------------------------------------------------------------*/

@media only screen and (max-width: 480px) {

    .gabarit .ambiance_titre,
    .gabarit .ambiance_img {
        text-align: center;
        float: none;
        width: 100%;
    }
}



/*  IMAGE ET SON - NOUVELLE COLLECTION ============================================================================= */

#banner_animate {
    background-image: url('/images/media-wp/noeuds/informatique/4506283_bandeau-background-animate.jpg');
    background-repeat: no-repeat;
    height: 290px;
    overflow: hidden;
}

#btn_animate {
    margin-bottom: 0px;
    float: right;
    margin-top: 236px;
    text-align: right;
    margin-right: 25px;
    background-color: #fff;
    background-color: #fff;
    border-radius: 5px;
}

#btn_animate .ubnt {
    display: block;
}

.padding_17px {
    padding: 17px;
    cursor: pointer;
}

#cursor_pointer {
    cursor: pointer;
}

.margin_left_top {
    margin-left: 4px;
    margin-top: 5px;
}

#vertical_padding {
    vertical-align: top;
    padding-top: 55px;
}

#produit_animate {
    margin-top: 43px;
    margin-left: 194px;
}

#padding_20px {
    padding: 20px;
}

.img_90 {
    width: 90px !important;
}

.margin_b_r_t {
    margin-bottom: 0px !important;
    margin-right: 32px;
    margin-top: 8px;
}

.p_vertical_top {
    vertical-align: top;
    padding-top: 55px;
}

.float_right_margin {
    float: right;
    margin-right: 20px;
}

.float_left {
    float: left;
}

.border-fade {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: 0.4s;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px white, 0 0 1px transparent;
    /* Hack to improve aliasing on mobile/tablet devices */
}

.border-fade:hover {
    box-shadow: inset 0 0 0 4px #715c9f, 0 0 1px transparent;
}

div.text_align_right a {
    display: block;
}

#indicator {
    z-index: 9999 !important;
}

.scale-in-center {
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-in-right {
    -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

/*-- BANDEAU SEO - RAYON ------------------------------------------*/

.bandeau-rayon {
    border: 1px solid #e0e0e0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bandeau-rayon h2 {
    font-family: 'Raleway', sans-serif;
}

.bandeau-rayon p {
    font-family: Arial, sans-serif;
}

.bandeau-rayon h2 {
    margin: 0;
    font-size: 16px;
    font-weight: bolder;
    margin-bottom: 8px;
    margin-top: 10px;
}

.bandeau-rayon p {
    font-size: 12px;
    text-align: left;
    line-height: 18px;
}

.bandeau-rayon {
    width: 960px;
    height: 250px;
}

.bandeau-rayon-txt {
    color: #333;
    vertical-align: middle;
    text-align: left;
    width: 292px;
    padding: 20px 20px 20px 20px;
    background-color: #fff;
    height: 250px;
    box-sizing: border-box;
}

.bandeau-rayon-ambiance {
    position: absolute;
    left: 292px;
    z-index: -1;
    height: 250px;
}

.bandeau-rayon-ambiance:before {
    content: "";
    background-image: url(/images/media-wp/push_univers/2018/seo/bord-gauche.png);
    width: 155px;
    height: 250px;
    top: 0px;
    left: 0px;
    position: absolute;
    background-repeat: no-repeat;
}

.bandeau-rayon-ambiance:after {
    content: "";
    background-image: url(/images/media-wp/push_univers/2018/seo/bord-droit.png);
    width: 155px;
    height: 250px;
    top: 0px;
    right: 0px;
    position: absolute;
    background-repeat: no-repeat;
}



/*-- BANDEAU SEO - SOUS-RAYON - VESTIAIRE------------------------------------------*/

.bandeau-sous-rayon {
    border: 1px solid #e0e0e0;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 700px;
    height: 250px;
    overflow: hidden;
}

.bandeau-sous-rayon h2

/*,
.bandeau-sous-rayon p*/
    {
    font-family: 'Raleway', sans-serif;
}

.bandeau-sous-rayon h2 {
    margin: 0;
    font-size: 16px;
    font-weight: bolder;
    margin-bottom: 8px;
}

.bandeau-sous-rayon p {
    font-size: 12px;
    text-align: left;
    line-height: 18px;
}

.bandeau-sous-rayon-txt {
    color: #333;
    vertical-align: middle;
    text-align: left;
    width: 330px;
    padding: 20px;
    background-color: #fff;
    height: 250px;
    box-sizing: border-box;
}

.bandeau-sous-rayon-ambiance {
    position: absolute;
    left: 292px;
    z-index: -1;
    height: 250px;
}

.bandeau-sous-rayon-ambiance:before {
    content: "";
    background-image: url(/images/media-wp/push_univers/2018/seo/bord-gauche.png);
    width: 155px;
    height: 250px;
    top: 0px;
    left: 0px;
    position: absolute;
    background-repeat: no-repeat;
}



/*-- BANDEAU SEO - RAYON - ECHOGRAPHIE------------------------------------------*/

.bandeau-rayon-echo {
    border: 1px solid #e0e0e0;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 960px;
    height: 300px;
    overflow: hidden;
}

.bandeau-rayon-echo h2

/*,
.bandeau-rayon-echo p*/
    {
    font-family: 'Raleway', sans-serif;
}

.bandeau-rayon-echo h2 {
    margin: 0;
    font-size: 16px;
    font-weight: bolder;
    margin-bottom: 8px;
}

.bandeau-rayon-echo p {
    font-size: 12px;
    text-align: left;
    line-height: 18px;
}

.bandeau-rayon-echo-txt {
    color: #333;
    vertical-align: middle;
    text-align: left;
    width: 450px;
    padding: 20px;
    background-color: #fff;
    height: 300px;
    box-sizing: border-box;
}

.bandeau-rayon-echo-ambiance {
    position: absolute;
    left: 461px;
    z-index: -1;
    height: 300px;
}

.bandeau-rayon-echo-ambiance:before {
    content: "";
    background-image: url(/images/media-wp/push_univers/2019/seo/bord-gauche.png);
    width: 186px;
    height: 300px;
    top: 0px;
    left: 0px;
    position: absolute;
    background-repeat: no-repeat;
}


/*-- BANDEAU SEO - RAYON - GESTION PARC ECHOGRAPHIE------------------------------------------*/

.bandeau-rayon-parc-echo {
    border: 1px solid #e0e0e0;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 960px;
    height: 250px;
    overflow: hidden;
}

.bandeau-rayon-parc-echo h2

/*,
.bandeau-rayon-parc-echo p */
    {
    font-family: 'Raleway', sans-serif;
}

.bandeau-rayon-parc-echo h2 {
    margin: 0;
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 8px;
}

.bandeau-rayon-parc-echo p {
    font-size: 12px;
    text-align: left;
    line-height: 18px;
}

.bandeau-rayon-parc-echo-txt {
    color: #333;
    vertical-align: middle;
    text-align: left;
    width: 262px;
    padding: 20px;
    background-color: #fff;
    height: 250px;
    box-sizing: border-box;
}

.bandeau-rayon-parc-echo-ambiance {
    position: absolute;
    left: 261px;
    z-index: -1;
    height: 250px;
}

.bandeau-rayon-parc-echo-ambiance:before {
    content: "";
    background-image: url(/images/media-wp/push_univers/2019/seo/bord-gauche_250.png);
    width: 155px;
    height: 250px;
    top: 0px;
    left: 0px;
    position: absolute;
    background-repeat: no-repeat;
}









/*--BANDEAU RAYONNAGE BIBLIO - RAYON--------------------------------*/

.fond_bandeau_rbm {
    background-color: #46acec;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/images/media-wp/push_univers/2018/4505992_fond_bandeau.jpg);
    vertical-align: top;
    padding-top: 10px;
    width: 470px;
}

.fond_bandeau_categorie_rbm {
    width: 730px;
}

.ambiance_rbm {
    width: 230px;
}

.bg_white_rbm {
    color: #001b67;
    margin-left: 10px;
    padding: 15px 0;
    font-size: 12px;
    font-size: 1.2rem;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.5);
}

.text_rbm {
    width: 50%;
    padding: 0 20px;
}

.text_rbm p {
    line-height: 18px;
}

.text_rbm .ubtn {
    background: #001b67;
    border-color: #001b67;
}

.text_rbm .ubtn:hover {
    color: #001b67;
    background: transparent;

}


/* ============================================================================= ECOLE DE DEMAIN ============================================================================= */

/* Correction du bouton pleine largeur */
.ubtn_full {
    box-sizing: border-box;
}

.ecole-demain .ubtn {
    font-family: Arial, Helvetica, sans-serif;
}

.ecole-demain a.bg_rouge_demain:hover {
    color: #E10318;
}

.ecole-demain a.bg_jaune_demain:hover {
    color: #FABF00;
}

.ecole-demain a.bg_turquoise_demain:hover {
    color: #7BC68D;
}

/* General & typographie*/
.ecole-demain {
    margin-top: 60px;
}

.ecole-demain.main_page {
    margin-top: 30px;
}

.ecole-demain .subtitle {
    font-size: 16px;
    margin-bottom: 10px;
}

.ecole-demain .col {
    position: relative;
}

.ecole-demain p {
    font-family: "Raleway", sans-serif;
    margin-bottom: 10px;
}

/* Couleurs */
.rouge_demain {
    color: #E1031B;
}

.bg_rouge_demain {
    background-color: #E1031B;
    border-color: #E1031B;
}

.jaune_demain {
    color: #FABF00;
}

.bg_jaune_demain {
    background-color: #FABF00;
    border-color: #FABF00;
}

.turquoise_demain {
    color: #7BC6BD;
}

.bg_turquoise_demain {
    background-color: #7BC6BD;
    border-color: #7BC68D;
}


/* Titre avec répétition */
.ecole-demain .bg_title {
    letter-spacing: 10px;
}

.ecole-demain .bg_title:before {
    text-transform: uppercase;
    font-weight: 900;
    /*left: 0;*/
    top: 10px;
    left: 50%;
    /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%);
    /* décalage de 50% de sa propre taille */
    color: #E6E4E5;
    position: absolute;
    z-index: -1;
    font-size: 60px;
    max-width: 100%;
    letter-spacing: normal;
}

.ecole-demain .title_nosconseils:before {
    content: 'Conseils';
}

.ecole-demain .title_video:before {
    content: 'Vidéo';
}

.ecole-demain .title_temoignage:before {
    content: 'Témoignage';
}

.ecole-demain .title_elementaire:before {
    content: 'Élémentaire';
}

.ecole-demain .title_en_secondaire:before {
    content: 'Secondaire\a0&\a0supérieur';
}

.ecole-demain .title_video_02:before {
    content: 'Vidéo';
    font-size: 90px;
}

.ecole-demain .title_amenagement:before {
    content: 'Aménagement';
    top: 24px;
    font-size: 90px;
}


/* Colonnes avec ombre */
.ecole-demain .card {
    -webkit-box-shadow: 0px 0px 130px -12px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 130px -12px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 130px -12px rgba(0, 0, 0, 0.18);
    margin-bottom: 30px;
    border-radius: 5px;
    margin-bottom: 50px;
    background-color: #fff;
    position: relative;
}

.ecole-demain .card:before {
    content: '';
    background-repeat: no-repeat;
    position: absolute;
    top: -15px;
    left: 55%;
    /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%);
    /* décalage de 50% de sa propre taille */
    width: 95px;
    height: 65px;
}

.ecole-demain .card_container {
    padding: 20px 20px 20px 20px;
}

.ecole-demain .card_txt {
    min-height: 60px;
}

.ecole-demain .bubble_theme:after {
    content: '';
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: 20px;
    left: 40px;
    width: 431px;
    height: 301px;
    z-index: -1;
}

.ecole-demain .bubble_theme:before {
    content: '';
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: -50px;
    left: 120px;
    width: 125px;
    height: 85px;
}

.ecole-demain .bubble_theme_01:after {
    background-image: url(../01_exemple_implantation/01_theme_bubble.svg);
}

.ecole-demain .bubble_theme_02:after {
    background-image: url(../02_classe_harmonieuse/02_theme_bubble.svg);
}

.ecole-demain .bubble_theme_03:after {
    background-image: url(../03_classe_modulable/03_theme_bubble.svg);
}


.ecole-demain .bubble_theme_title {
    margin-top: 80px;
    font-size: 60px;
    font-weight: 900;
    line-height: 55px;
}


/* Cas particuliers */
/* 00 - Page presentation */

.ecole-demain .introduction_txt:before {
    content: '';
    background-image: url(../00_presentation/background-bubble-y.svg);
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: 150px;
    left: 100px;
    width: 350px;
    height: 350px;
    z-index: -1;

}

.ecole-demain .number_01:before {
    background-image: url(01.svg);
}

.ecole-demain .number_02:before {
    background-image: url(02.svg);
}

.ecole-demain .number_03:before {
    background-image: url(03.svg);
}

.ecole-demain .guillemet {
    text-align: center;
}

.ecole-demain .guillemet:before {
    content: '';
    background-repeat: no-repeat;
    position: absolute;
    transform: translate(-50%, -50%);
    /* décalage de 50% de sa propre taille */
    width: 42px;
    height: 27px;
}

.ecole-demain .guillemet_turquoise:before {
    background-image: url(../commun/guillemet_turquoise.svg);
}

.ecole-demain .guillemet_rouge:before {
    background-image: url(../commun/guillemet_rouge.svg);
}



/* Témoignage */
.ecole-demain .temoignage:before {
    content: '—';
    font-size: 40px;
    position: absolute;
}

.ecole-demain .temoignage:after {
    content: '';
    background-image: url(../00_presentation/background-temoignage.svg);
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: 110px;
    left: -30px;
    width: 320px;
    height: 270px;
    z-index: -1;
}

.ecole-demain .product_txt {
    float: left;
    width: 45%;
    text-align: center;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
    min-height: 150px;
}

.ecole-demain .product_container:before {
    content: '';
    background-image: url(../02_classe_harmonieuse/bubble_grey_01.svg);
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: 140px;
    left: 500px;
    width: 350px;
    height: 340px;
    z-index: -1;
}

.ecole-demain .product_txt p {
    margin-bottom: 0px;
}

.ecole-demain .product_img img {
    float: right;
    position: absolute;
    width: 55%;
    padding: 25px 35px 20px 20px;
    box-sizing: border-box
}

.ecole-demain .plus:before {
    content: '';
    background-image: url(../02_classe_harmonieuse/plus.svg);
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: 40px;
    left: -100px;
    width: 187px;
    height: 172px;
    z-index: 2;
}

/* Background unique */
.ecole-demain .yellow_plane:after {
    /* content: ''; */
    background-image: url(../00_presentation/background-yellow-plane.svg);
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: 400px;
    left: 500px;
    width: 250px;
    height: 250px;
    z-index: -1;

}

.ecole-demain .red_plane:before {
    /* content: ''; */
    background-image: url(../00_presentation/background-red-plane.svg);
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: 1750px;
    left: -250px;
    width: 200px;
    height: 200px;
}

.ecole-demain hr {
    width: 45%;
    height: 1px;
    background-color: #bfbfbf;
    border: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ecole-demain .number {
    max-width: 60px;
    position: relative;
    vertical-align: top;
    /* display: none; */
}

.ecole-demain .cross_pages .card {
    min-height: 154px;
}

.ecole-demain .cross_pages .card_container:before {
    content: '';
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 77px;
    height: 154px;
}

.ecole-demain .cross_pages .card_container.introduction:before {
    background-image: url(../commun/cross_home.svg);
}

.ecole-demain .cross_pages .card_container.page_01:before {
    background-image: url(../commun/cross_1.svg);
}

.ecole-demain .cross_pages .card_container.page_02:before {
    background-image: url(../commun/cross_2.svg);
}

.ecole-demain .cross_pages .card_container.page_03:before {
    background-image: url(../commun/cross_3.svg);
}

.ecole-demain .cross_pages .card {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ecole-demain .cross_pages .card_container {
    margin-left: 77px;
}


/* ============================================================================= PAGE CRECHE & MATERNELLE (4506620) ============================================================================= */

#amenagement_creche_main_title {
    font-family: "Raleway", sans-serif;
    font-size: 30px;
    font-weight: 900;
}

p#amenagement_creche_main_title:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 180px;
    width: 50px;
    height: 70px;
    background: url(../enseignement/4506620_main_title_decor.png) 0 0 no-repeat;
}

p#amenagement_creche_main_title:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 730px;
    transform: rotate(180deg);
    width: 50px;
    height: 70px;
    background: url(../enseignement/4506620_main_title_decor.png) 0 0 no-repeat;
}

/* ============================================================================= PAGE INCONTINENCE ADULTE (2017341) ============================================================================= */

.table_ugap_white th,
.table_ugap_white td {
    padding: 5px;
    border: #e0e0e0 1px solid;
    text-align: center;
    vertical-align: middle;
}

.table_ugap_white .incontinence_bg_blue {
    background-color: #e0f3fb;
}

.table_ugap_white .incontinence_bg_purple {
    background-color: #a6b8d9;
}

.table_ugap_white .incontinence_bg_yellow {
    background-color: #ffefb2;
}

.table_ugap_white .incontinence_bg_orange {
    background-color: #fccb93;
}

.table_ugap_white .incontinence_bg_green {
    background-color: #c8dfb1;
}

.table_ugap_white .incontinence_bg_lavender {
    background-color: #d1c1dd;
}

/* ============================================================================= Filtre - Vignette ============================================================================= */

.block_filter {
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
}

.block_filter:hover {
    cursor: pointer;
}

.block_filter li {
    margin-bottom: 5px;
}

.block_filter_txt {
    padding: 15px;
    line-height: 14px;
    height: 115px;
}

.block_filter:before {
    background-repeat: no-repeat;
    padding: 5px;
    position: absolute;
    box-sizing: border-box;
    bottom: 0px;
    right: 0px;
    content: "›";
    color: #fff;
}


/* ============================================================================= ELECTIONS EUROPEENNES - MOBILIER ELECTORAL ============================================================================= */

.mobilier_electoral {
    font-family: 'Raleway', Arial, sans-serif;
    color: #333333;
    font-size: 14px;
    font-weight: 300;
}

.mobilier_electoral strong {
    font-weight: 700;
}

.mobilier_electoral h2 {
    text-transform: uppercase;
    font-size: 41px;
    color: #2a8fbc;
    font-weight: 800;
}

.mobilier_electoral h3 {
    text-transform: uppercase;
    font-size: 32px;
    color: #263e6e;
    font-weight: 800;
}

.mobilier_electoral h4 {
    font-size: 22px;
    font-weight: 800;
    display: inline-block;
}

.mobilier_electoral .number {
    color: #2a8fbc;
    font-size: 64px;
    font-weight: 800;
    display: inline-block;
    margin-right: 10px;
}

.mobilier_electoral .avantage {
    display: inline-block;
    text-align: center;
    width: 30%;
}

.mobilier_electoral .contenu_etape {
    background-image: url(/images/media-wp/pages/mobilier_electoral/background_fil.jpg);
    padding-bottom: 50px;
}

.mobilier_electoral a.btn_article {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background-color: #2a8fbc;
    padding: 6px 8px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: background 0.5s;
}



.mobilier_electoral a.btn_article:hover {
    background-color: #263e6e;
    transition: background 0.5s;
}

.mobilier_electoral a.btn_article_stock {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background-color: #f49920;
    padding: 6px 8px 6px 30px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    transition: background 0.5s;
}

.mobilier_electoral a.btn_article_stock img {
    position: absolute;
    top: 3px;
    left: 5px;
}


.mobilier_electoral a.btn_article_stock:hover {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background-color: #fab71f;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: background 0.5s;
}

.mobilier_electoral .prerequis {
    background-color: #d7f2ff;
    padding: 15px;
}

.mobilier_electoral .a_noter {
    font-size: 13px;
    background-color: #d7f2ff;
    padding: 15px;
    background-image: url(/images/media-wp/pages/mobilier_electoral/stylo.png);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    padding-left: 60px;
}

.mobilier_electoral .a_noter span {
    color: #2a8fbc;
    font-weight: 800;
}

.mobilier_electoral .top_step_2 {
    margin-top: 170px;
}

.mobilier_electoral .top_step_6 {
    margin-top: 250px;
}



/* ==================================================================================================== */
/* DEBUT PAGES LUBRIFIANT ============================================================================= */
/* ==================================================================================================== */
.lubrifiant_page .ubtn_theme_filled {
    color: white;
}

.lubrifiant_page .ubtn_theme_filled:hover {
    background-color: transparent;
}

.lubrifiant_page .header_container,
.cross_page_redirection_lubrifiant.header_container {
    background-color: rgba(0, 123, 147, 0.5);
    background-image: url(/images/media-wp/noeuds/commun/8198_gear.png);
    background-repeat: no-repeat;
}

.lubrifiant_page .header_content::before,
.lubrifiant_page .header_content::after,
.cross_page_redirection_lubrifiant .header_content::before,
.cross_page_redirection_lubrifiant .header_content::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    bottom: 0;
    z-index: -1;
}

.lubrifiant_page .header_content::before,
.cross_page_redirection_lubrifiant .header_content::before {
    left: 0px;
    width: 183px;
    height: 200px;
    background-image: url(/images/media-wp/noeuds/commun/8198_litre.png);
}

.cross_page_redirection_lubrifiant .header_content::before {
    height: 140px;
    background-size: 130px;
}

.lubrifiant_page .header_content::after,
.cross_page_redirection_lubrifiant .header_content::after {
    right: 20px;
    width: 160px;
    height: 220px;
    background-image: url(/images/media-wp/noeuds/commun/8198_fut.png);
}

.cross_page_redirection_lubrifiant .header_content::after {
    height: 151px;
    width: 110px;
    background-size: 110px;
}

.lubrifiant_page .icon_list_container .icon_list_item.item_content_active::before,
.lubrifiant_page .vl_panorma_icon_tab>div.col:hover::before,
.lubrifiant_page .vl_panorma_icon_tab>.icon_list_item p,
.lubrifiant_page .title_circle,
.lubrifiant_page .ubtn_theme_filled {
    background-color: rgba(0, 123, 147, 1);
}

.lubrifiant_page .ubtn_white_filled,
.lubrifiant_page .ubtn_theme_filled:hover,
.lubrifiant_page .block_link_text,
.lubrifiant_page .color_theme {
    color: rgba(0, 123, 147, 1);
}

.lubrifiant_page .ubtn_theme_filled,
.lubrifiant_page .ubtn_theme_filled:hover,
.global_page.lubrifiant_page .block_link:hover,
.lubrifiant_page .plus_item::before {
    border: 1px solid rgba(0, 123, 147, 1);
}

.lubrifiant_page .vl_panorma_icon_tab>div.col::before {
    background-color: rgba(0, 123, 147, .5);
}

.lubrifiant_page .vl_panorma_icon_tab>div.col::before {
    background-image: url(/images/media-wp/noeuds/commun/sprite_lubrifiant.png);
}

.icon_list_item.leger::before {
    background-position: 0 0;
}

.icon_list_item.moto::before {
    background-position: 0 -85px;
}

.icon_list_item.agriculture::before {
    background-position: 0 -170px;
}

.icon_list_item.industrie::before {
    background-position: 0 -255px;
}

.icon_list_item.zone_sensible::before {
    background-position: 0 -340px;
}

.icon_list_item.nautisme::before {
    background-position: 0 -425px;
}

/*--------------------------------------*/
/*LIENS STYLISE BLOCS*/
.global_page .block_link {
    display: table;
    width: 100%;
    height: 90px;
    text-align: center;

    background-color: rgba(244, 244, 244, 1);
    border: 1px solid rgba(244, 244, 244, 1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;

    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
    cursor: pointer;
}

.global_page .block_link:hover {
    background-color: transparent;
}

.global_page .block_link.available_soon:hover {
    background-color: rgba(244, 244, 244, 1);
}

.global_page.lubrifiant_page .block_link:hover {
    background-color: transparent;
}

.global_page .block_link_text {
    display: table-cell;
    vertical-align: middle;
    font-style: 'Raleway', sans-serif;
}

.global_page .available_soon .block_link_text {
    position: relative;
    color: #999999;
}

.global_page .available_soon .block_link_text .available_soon_text {
    position: absolute;
    background-color: #aaaaaa;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 10px;
    font-size: 1rem;
    padding: 0 8px;
    line-height: 18px;
    top: 5px;
    left: 110px;
}

.lubrifiant_page .item_container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


.header_container.cross_page_redirection_carburant .page_title_detail,
.header_container.cross_page_redirection_lubrifiant .page_title_detail {
    font-size: 1.8em;
}

.header_container.cross_page_redirection_carburant .main_title.page_title,
.header_container.cross_page_redirection_lubrifiant .main_title.page_title {
    font-size: 3em;
}


/* ====================================================================================================== */
/* DEBUT STYLE BOUTON VIDEO ============================================================================= */
/* ====================================================================================================== */
.video {
    position: relative;
    cursor: pointer;
}

.video video {
    width: 100%;
}

.video:before {
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    display: block;
    top: 50%;
    right: 50%;
    margin-right: -40px;
    background: url(/images/media-wp/noeuds/commun/play_icon.png);
    background-size: 80px 80px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 0.3s;
}

.video.video_hidden:before {
    display: none;
}

.video:hover:before {
    width: 100px;
    height: 100px;
    background-size: 100px 100px;
    margin-right: -50px;
}

/* ======================================== DEBUT GABARIT GUIDE D'ACHAT ======================================== */

/* ------------------- Textes ------------------- */

.gabarit_guide_achat .guide_type {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 4px;
    text-align: center;
    text-transform: uppercase;
}

.gabarit_guide_achat .guide_title {
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    text-align: center;
}

.gabarit_guide_achat .guide_title1 {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 44px;
}

.gabarit_guide_achat .guide_title2 {
    font-size: 28px;
    font-size: 2.8rem;
}

.gabarit_guide_achat .guide_title2:after {
    content: "";
    display: block;
    width: 60px;
    margin: 15px auto 30px auto;
    border-bottom: 3px solid #333333;
}

.gabarit_guide_achat .guide_title3 {
    font-size: 24px;
    font-size: 2.4rem;
}

.gabarit_guide_achat .guide_title4 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
}

.gabarit_guide_achat .guide_intro {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
}

/* ------------------- Image arrondie ------------------- */

.gabarit_guide_achat .guide_round_img {
    border-radius: 50px;
}

/* ------------------- Disposition en quinconce ------------------- */

.gabarit_guide_achat .guide_quincunx_container {
    margin-bottom: 30px;
}

.gabarit_guide_achat .guide_quincunx {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.gabarit_guide_achat .guide_quincunx_txt_left {
    padding: 0 60px 0 30px;
}

.gabarit_guide_achat .guide_quincunx_img_right {
    padding-left: 30px;
}

.gabarit_guide_achat .guide_quincunx_txt_right {
    padding: 0 30px 0 60px;
}

.gabarit_guide_achat .guide_quincunx_img_left {
    padding-right: 30px;
}

@media screen and (max-width: 480px) {
    .gabarit_guide_achat .guide_display_none {
        display: none;
    }

    .gabarit_guide_achat .guide_quincunx_txt_left_display,
    .gabarit_guide_achat .guide_quincunx_txt_right_display {
        padding: 0;
    }
}

/* ------------------- Pictos ronds (Sprite) ------------------- */

.gabarit_guide_achat .guide_round_icon:before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px auto;
    background: #333333 url(../commun/guide_sprite_icons.png) no-repeat center 0;
    border-radius: 50px;
}

.gabarit_guide_achat .guide_icon_paper:before {
    background-position: center 0;
}

.gabarit_guide_achat .guide_icon_cd:before {
    background-position: center -100px;
}

.gabarit_guide_achat .guide_icon_floppy:before {
    background-position: center -200px;
}

.gabarit_guide_achat .guide_icon_usb_stick:before {
    background-position: center -300px;
}

.gabarit_guide_achat .guide_icon_film:before {
    background-position: center -400px;
}

.gabarit_guide_achat .guide_icon_hard_disc_drive:before {
    background-position: center -500px;
}

/* ======================================== FIN GABARIT GUIDE D'ACHAT ======================================== */


/* ======================================== DEBUT GUIDE D'ACHAT : DESTRUCTEUR 4508213) ======================================== */

.guide_destructeur .guide_round_icon:before {
    background-color: #365773;
}

.guide_destructeur .destructeur_table_width_classe,
.guide_destructeur .destructeur_table_width_niveau_securite,
.guide_destructeur .destructeur_table_width_rendu {
    width: 10%;
}

.guide_destructeur .destructeur_table_width_protection {
    width: 15%;
}

.guide_destructeur .destructeur_table_bg_yellow {
    background-color: #f7dc5f;
}

.guide_destructeur .destructeur_table_bg_orange {
    background-color: #ffb965;
}

.guide_destructeur .destructeur_table_bg_red {
    background-color: #fd837d;
}

/* ======================================== FIN GUIDE D'ACHAT : DESTRUCTEUR (4508213) ======================================== */


/* ======================================== DEBUT PAGE PROPRETE (120121) ======================================== */

.gabarit_services .fixed_box_proprete {
    margin-top: -300px !important;
}

.gabarit_services .bloc_proprete_espace_client {
    box-sizing: border-box;
    padding: 30px 15px;
    border: #fdeacc 5px solid;
    background-color: #fef4e5;
}

.gabarit_services .bloc_proprete_espace_client .list_number:before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    color: #f39800;
    font-weight: bold;
}

.gabarit_services .bloc_proprete_espace_client .list_number1:before {
    content: "1";
}

.gabarit_services .bloc_proprete_espace_client .list_number2:before {
    content: "2";
}

.gabarit_services .bloc_proprete_espace_client .list_number3:before {
    content: "3";
}

.gabarit_services .bloc_proprete_espace_client .list_number4:before {
    content: "4";
}

.gabarit_services .list_prestataires {
    margin-bottom: 10px;
}

.gabarit_services .list_prestataires:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #f39800;
}

.gabarit_services .list_prestataires_tpe:before {
    background-color: #2ca546;
}

.gabarit_services .list_prestataires_eti:before {
    background-color: #e96029;
}

.gabarit_services .list_prestataires_pme:before {
    background-color: #fdc435;
}

.gabarit_services .list_prestataires_ge:before {
    background-color: #96bf11;
}


/* ======================================== FIN PAGE PROPRETE (120121) ======================================== */


/* ======================================== DEBUT PAGE SOINS EQUIPEMENT MEDICAL (4509682) ======================================== */
/* COLORS */
.page_medical_soins .new_tag,
.page_medical_soins .color_theme,
.page_medical_soins .main_title.page_title,
.page_medical_soins .header_content .ubtn_filled:hover,
.page_medical_soins .block_link_text,
.page_medical_soins .ubtn_theme:hover {
    color: rgba(83, 127, 192, 1);
}

.page_medical_soins .header_content .ubtn_filled,
.page_medical_soins .title_circle,
.page_medical_soins .list li::before,
.page_medical_soins .ubtn_theme {
    background-color: rgba(83, 127, 192, 1);
}

.page_medical_soins .header_content .ubtn_filled,
.page_medical_soins .header_content .ubtn_filled:hover,
.global_page.page_medical_soins .block_link:hover,
.page_medical_soins .ubtn_theme {
    border: 1px solid rgba(83, 127, 192, 1);
}

.page_medical_soins .header_container,
.page_medical_soins .info_zone,
.page_medical_soins .description_visibility {
    background-color: rgba(83, 127, 192, .15);
}

.page_medical_soins .header_container {
    background-image: url(/images/media-wp/noeuds/commun/4509682_hospital_cross.png);
    background-repeat: no-repeat;
}

.page_medical_soins .color_theme_light {
    color: rgba(126, 159, 208, 1);
}

/* Texte intro mis en importance */
.global_page .focus_intro,
.page_medical_soins .main_title {
    font-family: 'Raleway', Arial, sans-serif;
    /* font-weight: 800; */
}

/* Positionnement des éléments d'habillage du bandeau */
.page_medical_soins .header_content::after,
.page_medical_soins .header_content::before {
    content: '';
    position: absolute;
    width: 180px;
    height: 224px;
    bottom: 0;
    z-index: -1;
}

.page_medical_soins .header_content::after {
    right: 15px;
    background-image: url(/images/media-wp/noeuds/medical/4509682_hospital_staff_1.png);
}

.page_medical_soins .header_content::before {
    left: 15px;
    background-image: url(/images/media-wp/noeuds/medical/4509682_hospital_staff_2.png);
}

.global_page.page_medical_soins .main_title.page_title {
    text-transform: none;
    font-size: 28px;
    font-size: 2.8rem;
}

.global_page.page_medical_soins .new_tag {
    display: inline-block;
    padding: 6px 10px 5px 10px;

    font-family: 'Raleway', Arial, sans-serif;
    font-weight: 800;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;

    background-color: white;
    border-radius: 2px;
}

/* Bouton header */
.page_medical_soins .header_content .ubtn_filled:hover,
.page_medical_soins .ubtn_theme:hover {
    background-color: transparent;
}

.no_uppercase {
    text-transform: none !important;
}

.page_medical_soins .list li {
    padding-bottom: 2px;
}

.page_medical_soins .list li::before {
    border-radius: 50%;
}

.page_medical_soins .info_zone {
    position: relative;
    display: table;
    width: 100%;
    height: 75px;
    border-radius: 5px;
}

.page_medical_soins .info_text_zone,
.page_medical_soins .schema_zone {
    display: table-cell;
    vertical-align: middle;
}

.page_medical_soins .info_text_zone {
    padding-right: 60px;
}

.page_medical_soins .info_text_zone::before {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    top: 20px;
    left: 140px;
    background-image: url(/images/media-wp/noeuds/medical/4509682_info_icon.png);
}

.page_medical_soins .info_text_zone::after {
    content: '';
    position: absolute;
    width: 74px;
    height: 128px;
    top: -30px;
    right: 100px;
    background-image: url(/images/media-wp/noeuds/medical/4509682_tms_icon.png);
}

.global_page .separator::before {
    content: '';
    position: absolute;
    width: 400px;
    height: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #CCCCCC;
}

.global_page .logo_titulaire li {
    vertical-align: middle;
    display: inline-block;
    margin: 10px 10px;
}

.page_medical_soins .description_visibility {
    padding: 20px 0;
    border-radius: 5px;
}

/* ======================================== FIN PAGE SOINS EQUIPEMENT MEDICAL (4509682) ======================================== */


/* ======================================== DEBUT ACCORDEONS PAGES ======================================== */

/* Global - Titre rubrique accordéon --------------------------*/
.gabarit .accordion .accordion_item_title {
    position: relative;
    margin-bottom: 0;
    padding: 15px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    border-bottom: #f0f0f0 1px solid;
}

.page_presentation_2019 .gabarit .accordion .accordion_item_title {
    padding: 15px 20px;
    border-radius: 5px;
}

/* Global - Symbole "+" titre rubrique accordéon --------------------------*/
.gabarit .accordion .accordion_item_title:after {
    content: "+";
    display: block;
    position: absolute;
    right: 20px;
    top: 15px;
    vertical-align: middle;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

/* Global - Symbole "-" titre rubrique accordéon --------------------------*/
.gabarit .accordion .ui-state-active.accordion_item_title:after {
    content: "-";
    right: 22px;
    top: 8px;
    font-size: 24px;
    font-size: 2.4rem;
}

/* Global - Symbole titre rubrique accordéon (actif) --------------------------*/
.gabarit .accordion .ui-state-active.accordion_item_title:after {
    color: #fff;
}

.page_presentation_2019 .gabarit .accordion .ui-state-active.accordion_item_title:after {
    color: #999;
}

/* Global - Titre rubrique accordéon (rollover) --------------------------*/
.gabarit .accordion .accordion_item_title:hover {
    background-color: #f0f0f0;
}

/* Global - Symbole titre rubrique accordéon (rollover sur l'actif) --------------------------*/
.gabarit .accordion .ui-state-active.accordion_item_title:hover:after {
    color: #999;
}

.gabarit .accordion .ui-state-active.accordion_item_title {
    background-color: #f0f0f0;
}

/* Services - Titre rubrique accordéon --------------------------*/
.gabarit_services .accordion .accordion_item_title {
    color: #f39800;
}

/* Services - Titre rubrique accordéon (actif) --------------------------*/
.gabarit_services .accordion .ui-state-active.accordion_item_title {
    background-color: #f39800;
    color: #fff;
}

/* Services - Titre rubrique accordéon (rollover sur l'actif) --------------------------*/
.gabarit_services .accordion .ui-state-active.accordion_item_title:hover {
    background-color: #f0f0f0;
    color: #f39800;
}


/* ======================================== FIN ACCORDEONS PAGES ======================================== */


/* ======================================== DEBUT Guide d'achat - Bandeaux (Catégorie & Rayon) ======================================== */
.guide_banner {
    padding: 15px 0;
    color: #fff;
    text-align: center;
}

.guide_banner_type {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 4px;
    text-transform: uppercase;
}

/* ======================================== FIN Guide d'achat - Bandeaux (Catégorie & Rayon) ======================================== */


/* ======================================== DEBUT Guide d'achat - Bouton (Rayon) ======================================== */
.guide_btn {
    padding: 15px 14px 15px 46px;
    border: #ccc 1px solid;
    border-radius: 5px;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.guide_btn:hover {
    text-decoration: none !important;
}

.guide_btn span {
    margin-bottom: 3px;
    display: inline-block;
    color: #666;
    font-size: 9px;
    font-size: 0.9rem;
    letter-spacing: 3px;
}

.guide_btn span::before {
    position: absolute;
    content: "";
    display: block;
    left: 34px;
    width: 18px;
    height: 22px;
    margin-right: 10px;
    background: transparent url(/images/media-wp/pages/espace_guides_achat/picto_guide.png) 0 0 no-repeat;
}

.guide_btn strong {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 4px;
}

/* ======================================== FIN Guide d'achat - Bouton (Rayon) ======================================== */

/* ======================================== DEBUT PAGE PRESENTATION OFFRE "REVU" ======================================== */
.banner_overlay {
    text-align: center;
    height: 300px;
    border-radius: 3px;
}

/* Page médical dispositifs médicaux HEADER : 4513729 */
#dispositif_medical .banner_overlay {
    background-image: url(/images/media-wp/noeuds/medical/4513729_dispositif_ambiance.jpg);
}

.gabarit_medical .banner_overlay .text_overlay {
    background: rgba(0, 144, 212, .7);
}


.text_overlay {
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

/* Couleur blanche */
.banner_overlay .light_color {
    color: white;
}

.ubtn.color_theme_btn:hover {
    background: transparent;
}

.grey_radius_background {
    background-color: rgba(244, 244, 244, 1);
    border-radius: 3px;
}

/* ======================================== FIN PAGE PRESENTATION OFFRE "REVU" ======================================== */

/* ======================================== DEBUT GABARIT BANDEAU ======================================== */
.category_banner_container {
    display: table;
    width: 100%;
    height: 250px;
}

.category_banner_container.banner_min {
    height: 120px;
}

.category_banner_container.banner_small {
    height: 150px;
}

.category_banner_container.banner_medium {
    height: 200px;
}

.category_banner_container .category_banner {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 100%;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 5px;
}

.category_banner_container .category_banner::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.category_banner_container .category_banner_content {
    position: relative;
    display: table;
    width: 100%;
    min-height: 250px;
    z-index: 10;
}

.category_banner_container.banner_min .category_banner_content {
    min-height: 120px;
}

.category_banner_container.banner_small .category_banner_content {
    min-height: 150px;
}

.category_banner_container.banner_medium .category_banner_content {
    min-height: 200px;
}

.category_banner_container .category_banner_content.white_content {
    color: #ffffff;
}

.category_banner a {
    text-decoration: none;
}

.category_banner_container .banner_left_content,
.category_banner_container .banner_right_content {
    position: relative;
    display: table-cell;
}

.category_banner_container .side_banner img {
    display: block;
}

.category_banner_container .category_banner.overlay_banner::before {
    content: '';
    position: absolute;
    width: 100%;
    /* min-height: 240px; */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.30)), to(rgba(0, 0, 0, 0.80)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.80) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.80) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.80) 100%);
    border-radius: 5px;
    z-index: 5;
}

.category_banner.overlay_banner.ultralight_overlay::before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.0)), to(rgba(0, 0, 0, 0.40)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.40) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.40) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.40) 100%);
}

.category_banner.overlay_banner.light_overlay::before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.20)), to(rgba(0, 0, 0, 0.60)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.60) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.60) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.60) 100%);
}

.category_banner.overlay_banner.medium_overlay::before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.70)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.70) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.70) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.70) 100%);
}

.category_banner.overlay_banner.overlay_classic_darker::before {
    background: rgba(0, 0, 0, .7);
}

.category_banner.overlay_banner.overlay_classic_medium::before {
    background: rgba(0, 0, 0, .6);
}

.category_banner.overlay_banner.overlay_classic_light::before {
    background: rgba(0, 0, 0, .5);
}

.category_banner.overlay_banner.overlay_classic_ultralight::before {
    background: rgba(0, 0, 0, .2);
}

.banner_tag {
    display: inline-block;
    border-radius: 15px;
    padding: 5px 10px;
    background: #333;
}

.banner_tag.testimony {
    background: #109dec;
    color: #ffffff;
}

.banner_tag.yellow_badge {
    background: #ffed00;
    color: #333333;
}

.banner_tag.new {
    background: #BC0005;
    color: #ffffff;
}

.banner_tag.accessibility {
    background: #003d88;
    color: #ffffff;
}

.banner_tag.ups {
    background: #70d0ec;
    color: #ffffff;
}

/* -------------------------- */
/* RESPONSIVE */
@media screen and (max-width: 650px) {
    .side_banner img {
        display: none;
    }
}

/* ======================================== FIN GABARIT BANDEAU ======================================== */

/* ======================================== DEBUT GABARIT BANDEAU SEO ======================================== */

/* HAUTEUR DE CHAQUE BLOC */
.bandeau_seo,
.bandeau_seo_txt,
.bandeau_seo_img {
    height: 250px;
}

/* LARGEUR BLOC TEXTE, BLOC IMAGE */
.bandeau_seo_txt,
.bandeau_seo_img {
    width: 50%;
}

/* CSS BLOC GENERAL */
.bandeau_seo {
    position: relative;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    margin: 10px 0;
    width: 100%;
}

/* CSS BLOC TEXTE */
.bandeau_seo_txt {
    position: relative;
    float: left;
    color: #333;
    text-align: left;
    padding: 20px 0px 20px 20px;
    background-color: #fff;
    box-sizing: border-box;
}

.bandeau_seo_txt .center_vertical {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.bandeau_seo h2 {
    margin: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.bandeau_seo p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

.bandeau_seo .simple_text_list li {
    position: relative;
    display: table;
}

.bandeau_seo .simple_text_list li {
    padding-left: 20px;
}


.bandeau_seo .simple_text_list li span {
    display: table-cell;
    vertical-align: middle;
}

.bandeau_seo .simple_text_list li::before {
    content: '';
    position: absolute;
    display: block;
    top: 9px;
    left: 0;
    width: 10px;
    height: 1px;
    background-color: #333333;
}



/* CSS BLOC IMAGE */
.bandeau_seo_img {
    position: absolute;
    z-index: -1;
    right: 0px;
    box-sizing: border-box;
}

.bandeau_seo_img img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    min-width: 100%;
    height: auto;
    box-sizing: border-box;
}

.bandeau_seo_img:before,
.bandeau_seo_img:after {
    content: "";
    width: 100px;
    height: 250px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
}

.bandeau_seo_img:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpolygon style='opacity:0.75;fill:%23FFFFFF;' points='0,0 24.7,0 100,250 0,250 '/%3E%3Cpolygon style='fill:%23FFFFFF;' points='0,0 8.4,0 93.3,250 0,250 '/%3E%3C/svg%3E");
    left: 0px;
}

.bandeau_seo_img:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpolygon style='opacity:0.75;fill:%23FFFFFF;' points='100,0 75.3,0 0,250 100,250 '/%3E%3Cpolygon style='opacity:0.75;fill:%23FFFFFF;' points='100,0 91.6,0 6.7,250 100,250 '/%3E%3C/svg%3E");
    right: 0px;
}

/* ======================================== FIN GABARIT BANDEAU SEO ======================================== */

/* ======================================== DEBUT GABARIT BANDEAU PICTO ======================================== */
.custom_picto_banner {
    width: 100%;
    height: 70px;
    display: table;
    border-radius: 3px;
    align-items: center;
    background-color: #eaeaea;
}

.custom_picto_banner p {
    display: table-cell;
    vertical-align: middle;
}

.custom_picto_banner p:first-child {
    width: 50px !important;
}

.custom_picto_banner p:last-child {
    text-align: right;
}

.custom_picto_banner p img {
    display: block;
    max-width: 50px;
    max-height: 50px;
    margin: auto !important;
}

.custom_picto_banner p:nth-child(2) {
    font-size: 14px;
    line-height: 22px;
}

.custom_picto_banner .ubtn_filled_custom.ubtn_white {
    color: #333333;
    background-color: #ffffff;
    border-color: #ffffff !important;
}

.custom_picto_banner .ubtn_filled_custom.ubtn_white:hover {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff !important;
}

.custom_picto_banner strong {
    font-weight: 800;
}

@media screen and (max-width: 575px) {
    .custom_picto_banner {
        height: auto;
    }

    .custom_picto_banner p.d_mobile {
        display: block;
        padding: 0 20px;
        font-size: 13px !important;
    }

    .custom_picto_banner p.d_mobile img {
        display: none;
    }

    .custom_picto_banner p.d_mobile:last-child {
        padding-bottom: 10px;
        margin-bottom: 0 !important;
        text-align: left;
    }
}

/* ======================================== FIN GABARIT BANDEAU PICTO ======================================== */

/* ======================================== GUIDE ACHAT HOMEPAGE ======================================== */
/* pour passer à la ligne tous les 4, 7, 11 etc sans section group */
.guide_home .span_4_of_12:nth-child(3n+4) {
    clear: both;
    margin-left: 0;
}

.guide_home_title {
    font-family: "Raleway", sans-serif;
    font-size: 42px;
    font-weight: 800;
    text-align: center;
}

.guide_home_block {
    position: relative;
}

.guide_home_category::before {
    content: "";
    display: block;
    width: auto;
    height: 166px;
    background-color: #000;
    opacity: 0.5;
}

.guide_home_category {
    position: relative;
    height: 166px;
    width: 100%;
    color: #fff;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.guide_home_category p {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1.1;
}

.guide_list {
    background-color: #fff;
    width: 100%;
    border: 1px solid #f0f0f0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100px;
    position: relative;
}

.guide_list.opened {
    position: absolute;
    z-index: 100;
}

.guide_list ul {
    padding: 10px 15px 0 15px;
    line-height: 1.8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.guide_list .out_of_3 {
    z-index: 100;
}

.guide_list .voir_plus_moins {
    text-align: center;
    padding-top: 5px;
}

.guide_list .voir_plus_moins span {
    color: #007feb;
    font-size: 11px;
    display: block;
    padding: 4px;
}

.guide_list .voir_plus_moins span:hover {
    cursor: pointer;
    background-color: #f0f0f0;
}

.guide_list .voir_plus_moins span:after {
    content: "";
    background: transparent url(down_arrow.png) center center no-repeat;
    display: inline-block;
    width: 16px;
    height: 4px;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}

.guide_list.opened .voir_plus_moins span:after {
    overflow: hidden;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* ======================================== FIN GUIDE ACHAT HOMEPAGE ======================================== */


/* ======================================== DEBUT TEXTE SEO FOOTER CATEGORIES ======================================== */


.text_seo_footer {
    border-top: 1px solid #e0e0e0;
    padding: 30px 0;
    line-height: 16px;
}

.text_seo_footer p {
    margin-bottom: 10px;
}

.text_seo_footer a {
    color: #007feb;
}

.text_seo_footer a:hover {
    text-decoration: underline;
}


/* ======================================== FIN TEXTE SEO FOOTER CATEGORIES ======================================== */



/* ======================================== DEBUT BANDEAU CATGORIE ET RAYON ======================================== */


.slider_wrapper_v2 {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 3px;
    max-height: 250px;
}


.slider_wrapper_v2 .inner {
    position: relative;
    margin: 0;
    padding: 0;
    width: 200%;
    margin-right: -100%;
    max-height: 250px;
}

.slider_wrapper_v2 .inner .slide {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
}

.slider_wrapper_v2 .guide_banner {
    position: relative;
    background-size: cover !important;
    padding: 0;
}

.slider_wrapper_v2 .vertical_center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

/* Slider contrôles */

.slider_wrapper_v2 p.control_prev,
.slider_wrapper_v2 p.control_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    display: block;
    width: 36px;
    height: 52px;
    border-radius: 6px;
    background: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .2);
}

.slider_wrapper_v2 p.control_prev {
    left: 10px;
}

.slider_wrapper_v2 p.control_next {
    right: 10px;
}

.slider_wrapper_v2 p.control_prev::before,
.slider_wrapper_v2 p.control_next::before {
    content: '';
    background-image: url(/images/media-wp/commun/assets/dark_arrow_left.svg);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}

.slider_wrapper_v2 p.control_prev::before {
    transform: translateX(-50%) translateY(-50%) scaleX(-1);
}

.slider_wrapper_v2 p.control_prev:hover,
.slider_wrapper_v2 p.control_next:hover {
    opacity: 0.8;
    transition: all 0.2s ease;
}



/* SLIDER TÉMOIGNAGES PAGE PRÉSENTATION */
#slider_wrapper_category.slider_testimonials {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 40px;
    height: auto;
    overflow: visible;
}

#slider_wrapper_category.slider_testimonials .outer {
    padding: 16px 0;
    overflow-x: hidden;
}

#slider_wrapper_category.slider_testimonials p.control_prev,
#slider_wrapper_category.slider_testimonials p.control_next {
    position: relative;
    margin: 0;
    width: 60px;
    height: 60px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.25);
    top: auto;
    left: auto;
    right: auto;
    transform: none;
    flex-shrink: 0;
}

#slider_wrapper_category.slider_testimonials .inner {
    display: flex;
    align-items: center;
}

.slider_testimonials_bloc-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 24px;
}

.slider_testimonials_img {
    max-width: 120px;
    max-height: 120px;
}

.slider_testimonials_text-content {
    padding-left: 10px;
    padding-right: 20px;
}


/* ======================================== DEBUT CSS UGAP SERVICES + / UPS ======================================== */

.padding_left_60px {
    padding-left: 60px !important;
}

.list_plus_indicator li {
    position: relative;
    display: table;
}

.list_icon_bullet li {
    min-height: 20px;
    margin: 8px 0;
    padding-left: 20px;
    font: 14px 'Raleway', sans-serif;
    font-weight: 400;
    color: #333333;
}

.list_icon_bullet li::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background-image: url(/images/media-wp/bandeau/pack_services_plus/plus_icon.svg);
    background-size: cover;
}

.title_pack_services_plus {
    font: 16px/20px 'Raleway', sans-serif;
    font-weight: 400;
    color: #18BCEC;
    border-left: 1px solid #C3E7F9;
    text-align: left;
}

.plus_edit {
    font: 28px 'Raleway', sans-serif;
    line-height: -100;
}

.ubtn_pack_services_plus {
    background-color: #70D0EC;
    border-color: #70D0EC;
    color: #ffffff;
    display: inline-block;
    text-align: left;
}

.ubtn_pack_services_plus:hover {
    background-color: #18BCEC;
    border-color: #18BCEC;
}