/***************************************
*
*    Déclaration des polices
*
***************************************/
@font-face {
    font-family: 'TahomaRegular';
    src: url('../font/tahoma.eot');
    src: url('../font/tahoma.eot') format('embedded-opentype'),
         url('../font/tahoma.woff') format('woff'),
         url('../font/tahoma.ttf') format('truetype');
}

@font-face {
    font-family: 'FuturaMedium';
    src: url('../font/futura.eot');
    src: url('../font/futura.eot') format('embedded-opentype'),
         url('../font/futura.woff') format('woff'),
         url('../font/futura.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/roboto-light-webfont.eot');
    src: url('../font/roboto-light-webfont.eot') format('embedded-opentype'),
         url('../font/roboto-light-webfont.woff') format('woff'),
         url('../font/roboto-light-webfont.svg') format('svg'),
         url('../font/roboto-light-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Duplicate Sans Web';
    src: url('../font/DuplicateSans-Regular-Web.woff2') format('woff2'),
    url('../font/DuplicateSans-Regular-Web.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Duplicate Sans Web Bold';
    src: url('../font/DuplicateSans-Bold-Web.woff2') format('woff2'),
    url('../font/DuplicateSans-Bold-Web.woff') format('woff');
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Duplicate Sans Web Light';
    src: url('../font/DuplicateSans-Light-Web.woff2') format('woff2'),
    url('../font/DuplicateSans-Light-Web.woff') format('woff');
    font-style: normal;
    font-stretch: normal;
}

/* CORRECTION BUG FIREFOX CARATERES CHINOIS EN GRAS*/
/**
 * Fix fonts that render as bold in Firefox
 *
 * Put this near the top of your style.css
 * Before any overriding styles
 */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

/**
 * Firefox specific rule
 */
@-moz-document url-prefix() {
  body { font-weight: lighter !important; }
}

/***************************************
*
*    Structure générale de la page
*
***************************************/
html,
body {
    height: 100%;
    font-family: "Duplicate Sans Web", Tahoma, Arial, "Times New Roman";
}

#banner img {
    opacity: 0;
    width: 100%;
}

#slideshow img { width: 100%; }

#section:not(.contentOnly) { float: left; }

/*On override la css de bootstrap pour les tableaux (réinitilisation aux valeurs par défaut)*/
table {
    border-spacing: 2px;
    border-collapse: separate;
}

table td { padding: 4px; }

/*On override la css de bootstrap pour les labels (réinitilisation aux valeurs par défaut)*/
label { font-weight: 100; }

/***************************************
*
*    Mise en forme du header
*
***************************************/
/*Style de base commun à toutes les versions*/
#header {
    position: fixed;
    z-index: 22;
    top: 0;
    height: 30px;
    background-color: white;
    /* background-image: url(/web/SoC/images/header_bg.png); */
    background-size: 100% 100%;
    font-size: 14px;
    width: 100%;
}

#header div { height: 100%; }

#innerheader {
    padding-top: 4px;
    width: 100%;
}

#header ul {
    list-style-type: none;
    float: right;
    margin: 0;
    padding: 0 5px 0 5px;
}

#header li {
    float: right;
    color: white;
}

#header > #innerheader > ul > li {
    padding-right: 2px;
    padding-left: 2px;
}

#header a {
    width: 100%;
    height: 100%;
    padding: 2px 5px;
    color: black;
    font-family: "Duplicate Sans Web", 'QuicksandRegular', Futura, "Trebuchet MS", Arial;
    text-decoration: none;
    text-shadow: 0 0 1px #A4A4A4;
    transition: color .35s;
    -webkit-transition: color .35s;
}

#header a:hover {
    color: #D05E00;
    text-shadow: 0 0 3px white;
}

#socialMedia,
#language { float: right; }

#language a {
    font-size: 12px;
    color: #646565;
    text-shadow: none;
}

#header #language a:hover {
    color: #646565;
    text-shadow: none;
}

/* Bouton de selection de langue */
#selectLang {
    border: 1px solid black;
    background-color: inherit;
    font-size: 12px;
}

/*Style pour la version large desktop*/
@media screen and (min-width: 1200px) {
    #header div {
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (min-width: 1300px) {
    #innerheader {
        width: 1300px;
        /*Pour que le contenu du header reste à l'intérieur du containeur sur large écran'*/
    }
}

/*Style pour les versions mobile, tablette et petit desktop*/
@media screen and (max-width: 1199px) {
    #header div { margin-right: 0; }
}

/*Style pour les versions mobile et tablette*/
@media screen and (max-width: 991px) {
    #header ul li:not(#ctct){
        display: none;
        /*On cache le menu secondaire car il apparait dans le menu latéral en version mobile et tablette #menusecondaire*/
    }
}

/*Style complémentaire pour TOUT sauf mobile petit*/
@media screen and (min-width: 577px) {
    #contact-menu { display: none; }
}

/*Style complémentaire pour mobile petit*/
@media screen and (max-width: 576px) {
    #ctct { display: none; }

    #socialMedia { display: none; }
    
    #header {
        height: 25px;
        background-image: none;
        background-color: transparent;
    }
    
    #innerheader { padding-top: 3px; }
    
    #language,
    #contact-menu { padding-top: 5px; }

    #contact-menu a {
        font-size: 13px;
        color: #646565;
        text-shadow: none;
        font-weight: bold;
    }

    #language a,
    #contact-menu a {
        display: inline-block;
        text-align: right;
    }
}

@media all and (min-width: 577px) {
    #mobileTop { display: none; }
}

/***************************************
*
*    CSS recherche personnalisée Google
*
***************************************/
.search-button { display: none; }

/* Style de base */
#search { display: inline; }

/*Version large desktop*/
@media screen and (min-width: 1201px) {
    #search {
        width: 25%;
        float: right;
        display: inline;
    }
}

/*TOUTE version SAUF large desktop*/
@media screen and (max-width: 1200px){
    #search { position: fixed; }
}

/*Version desktop normal*/
@media screen and (min-width: 1101px) and (max-width: 1200px) {
    #search { width: 25%; }
}

@media screen and (min-width: 992px) and (max-width: 1100px) {
    #search { width: 17%; }
}

/*Version tablette et mobile*/
@media screen and (max-width: 991px) {
    #search {
        width: 30%;
        /*Par défaut, on cache le module de recherche
        * Il s'affichera au clic sur l'icône loupe*/
    }
}

/*TOUTE version SAUF mobile petit*/
@media screen and (min-width: 577px) {
    #search {
        padding-top: 53px;
        right: 14px;
    }
    
    #logo { float: left; }
}

/*Version mobile petit*/
@media screen and (max-width: 576px) {
    #search {
        width: 90%;
        right: 5%;
        /*Par défaut, on cache le module de recherche
        * Il s'affichera au clic sur l'icône loupe*/
    }
    
    #logo { text-align: center; }
}

/*On overwrite la css du bouton de recherche de google*/
#search input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus {
    border-color: transparent;
    background-color: #c8b221;
    margin: 0;
    padding: 7px 7px 5px 7px;
    border: 0px;
    width: 17px; /*doit être égal à la width de #search .gsc-search-button (ci-dessous) */
    height: 17px;
}

#search .gsc-search-button { width: 17px; }
/*Fin gestion boutons */

#search .gsc-control-cse {
    padding: 0;
    background-color: transparent;
    border: none;
}

#search form {
    padding: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

#search form input {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-shadow: none;
    line-height: 17px;
    margin-bottom: 0;
}

#search .search { padding: 25px 0; }

#search p {
    padding-left: 1.5em;
    padding-right: 1em;
    margin: 0;
    margin-bottom: -1em;
    font-size: 13px;
}

/***************************************
*
*    Mise en forme du menu desktop + mobile
*
***************************************/
/*Style de base du menu, commun à toutes les versions*/
#menu {
    position: fixed;
    z-index: 21;
    width: 100%;
    top: 30px;
    /*border-bottom: 2px solid #c8b221;*/
    background-image: url('../images/menu_bg.png');
    background-color: white;
    background-repeat: repeat-x;
    background-size: auto 100%;
}

#menu > div { width: 100%; }

#menu a {
    display: inline-block;
    height: 100%;
    text-decoration: none;
    transition: color .35s;
    -webkit-transition: color .35s;
}

#menu a:hover { color: #c8b221; }

/*#logo { height: 95px; }*/
#logo {
    height: auto;
    max-width: 200px;
    padding-top: 30px;
}

/*#logo img { height: 100%; }*/
#logo img {
    height: auto;
    width: 100%;
}

.menu1,
.menu2,
.menu3 {
    list-style-type: none;
}

.menu1 > div > li > a {
    font-family: "Duplicate Sans Web", 'QuicksandRegular', Futura, "Trebuchet MS";
    /*text-transform: uppercase;*/
    font-size: 14px;
}

.menu2 > div > li > a { font-size: 14px; }

.menu3 > li > a {
    font-size: 12px;
    text-transform: none;
}

/*Style pour la version desktop*/
@media screen and (min-width: 992px) {
    /* On cache le bouton menu hamburber en version desktop */
    #mobile_menu { display: none; }

    /* On cache le menu secondaire (Join Us - Contact Us - Login) et les réseaux sociaux en version desktop */
    #menusecondaire { display: none; }

    /* Les largeurs doivent être indentiques à celles du #content */
    #menu > div {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        height: 100%;
    }

    .menu1 {
        float: left;
        margin: 0 0 0 20px;
        padding: 0;
    }

    .menu1 > div {
        float: left;
        padding: 60px 0 0 0;
    }

    .menu1 > div > li > a {
        padding: 0 8px 18px 8px;
        color: black;
    }

    .menu2 {
        position: absolute;
        width: 30%;
        height: 0;
        left: auto;
        top: 98px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        background-color: white;
    }

    .menu2 > div {
        margin-right: auto;
        margin-left: auto;
        padding: 0 10px 10px 10px;
        width: 100%;
        height: 100%;
        background-color: white;
    }

    .menu2 > div > li {
        display: inline-block;
        width: 100%;
        padding-top: 10px;
        clear: both;
    }

    .menu2 > div > li > a { color: black; }

    .menu3 {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .menu3 li {
        padding: 0 0 0 5px;
        float: left;
        display: inline-block;
    }

    #menu li:hover > ul {
        height: auto;
        border: 1px solid #c8b221;
        transition: height 1s;
        -webkit-transition: height 1s;
    }

    .menu3 > li > a {
        color: gray;
        padding: 0;
    }

    .menu3 > li:not(:last-child):after { content: '\7C'; }
}

/*Style pour les versions mobile et tablette*/
@media screen and (max-width: 991px) {
    #mobile_menu {
        float: left;
        padding-top: 38px;
        text-align: center;
        font-size: 18px;
        margin: 0;
        cursor: pointer;
    }

    /* Les largeurs doivent être indentiques à celles du #content */
    #menu > div {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        height: 100%;
    }

    .menu1 {
        position: fixed;
        overflow-x: hidden;
        overflow-y: scroll !important;
        z-index: 10;
        top: -16px;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #1F2436;
        padding: 20px 5% 5px 5%;
        margin-top: 135px;
    }

    .menu1 > div { min-width: 250px; }

    .menu1 > div > li > a {
        display: block;
        width: 100%;
        color: #828282;
        font-size: 18px;
        padding-bottom: 5px;
    }

    .menu1 > div > li > img, .menu2 > div > li > img  { float: right; }

    .menu2 {
        padding-left: 10px;
        padding-top: 5px;
        border-top: 2px solid white;
    }

    .menu2 > div > li > a {
        display: block;
        width: 100%;
        padding: 3px;
        padding-bottom: 5px;
        color: #A7A7A7;
        font-size: 16px;
    }

    .menu2 > div:last-child { margin-bottom: 10px; }

    .menu3 {
        padding-left: 20px;
        padding-top: 5px;
        padding-bottom: 10px;
        border-top: 1px solid white;
    }

    .menu3 > li > a {
        display: block;
        width: 100%;
        padding: 2px;
        color: #C0C1C1;
        font-size: 14px;
    }

    /*Affichage du menu secondaire (dans le header dans la version desktop #header ul) dans le panneau latéral*/
    #menusecondaire > ul {
        list-style-type: none;
        padding-left: 0;
    }

    #menusecondaire > ul > li {
        display: inline;
        padding: 0 2%;
    }

    #menusecondaire > ul > li > a,
    #contact-menu-mobile a {
        font-family: "Duplicate Sans Web", 'QuicksandRegular', Futura, "Trebuchet MS";
        text-transform: uppercase;
        color: #828282;
        font-size: 13px;
    }
}

/*Style complémentaire pour la version large desktop*/
@media screen and (min-width: 1300px) {
    #menu > div { width: 1300px; }
}

/*Style complémentaire pour TOUT sauf mobile petit*/
@media screen and (min-width: 577px){
    #menu {
        height: 100px;
        margin-top: -10px;
    }

    #socialMediaMobile,
    #contact-menu-mobile {
        display: none;
    }
}

/*Style complémentaire pour mobile petit*/
@media screen and (max-width: 576px) {
    #menu {
        height: 135px;
        margin-top: -5px;
        top: 0;
    }
    
    .menu1 { margin-top: 145px; }

    #socialMediaMobile > ul {
        list-style-type: none;
        padding-left: 0;
        text-align: center;
    }

    #socialMediaMobile > ul > li {
        display: inline;
        padding: 0 2%;
    }
}

/***************************************
*
*    Mise en forme du fil d'ariane
*
***************************************/
/*On cache le fil d'Ariane en version mobile et tablette*/
@media screen and (max-width: 768px) {
    #ariane { display: none; }
}

#ariane {
    text-transform: uppercase;
    font-size: 11px;
    background-color: transparent;
    margin-bottom: 0;
}

#ariane a {
    color: #c8b221;
    text-decoration: none;
}

#ariane a:hover { text-decoration: underline; }

/***************************************
*
*    Mise en forme du pied de page
*
***************************************/
/*Bouton backtop*/
#backtop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 200;
}

/*Style général du footer*/
#footer {
    background-color: #d5dce2;
    padding-top: 15px;
    padding-bottom: 15px;
}

.footerTitle {
    text-transform: uppercase;
    font-size: 14px;
    color: black;
    margin-bottom: -10px;
}

.footerTitle:hover {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#footer a:not(.footerTitle) {
    color: #646565;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 5px;
}

#footer a:not(.footerTitle):hover {
    color: white;
    text-shadow: 0 0 1px white;
}

#footer #social {
    display: inline-flex;
}

#footer #legal {
    padding-top: 20px;
}

#footer #legal p, #footer #legal a {
    margin: 0;
    color: gray;
    font-size: 10px;
}

/*Gestion d'affichage d'objets spécifiques dans le footer*/
@media screen and (min-width: 992px) {
    #footer hr {
        display: none; /*Affichage des traits uniquement en version tablette et mobile*/
    }

    #footer #joinus {
        display: none; /*On masque le titre "join us" en version desktop"*/
    }
}

@media screen and (max-width: 991px) {
    #footer .footerLinks {
        display: none; /*On masque les sous-liens en version tablette et mobile*/
    }

    #footer .footerCol {
        text-align: center; /*On aligne les titre uniquement en version tablette et mobile*/
    }
}

/* Les 3 medias queries suivants servent à gérer la taille du footer et pour qu'il reste en bas de la page même si il s'agit d'une page courte'*/
@media screen and (max-width: 615px) { /* Breakpoint normal de bootstrap : 576px, mais ici pas adapté */
    #wrapper { padding-bottom: 500px; } /* La marge doit être de la même taille que la hauteur du pied de page, ci-dessous */

    #footer { height: 500px; }

    footer { margin-top: -500px; } /* Cette marge doit être idendique à la hauteur du pied de page, ci-dessus */
}

@media screen and (min-width: 615px) and (max-width: 991px) { /* Breakpoint Bootstrap 768px pas utile ici, ci-dessous */
    #wrapper { padding-bottom: 490px; }

    #footer { height: 490px; }

    footer { margin-top: -490px; } /* Cette marge doit être idendique à la hauteur du pied de page, ci-dessus */
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    #wrapper { padding-bottom: 200px; } /*La marge doit être de la même taille que la hauteur du pied de page, ci-dessous */

    #footer { height: 200px; }

    footer { margin-top: -200px; } /* Cette marge doit être idendique à la hauteur du pied de page, ci-dessus */
}

/***************************************
*
*    Mise en page du menu de droite
*
***************************************/
#asideBefore,
#asideAfter {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    float: right;
    width: 25%;
}

.aside {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 15px;
    background-color: #F4EEE5;
}

.asideCta {
    width: 100%;
    margin-bottom: 15px;
}

.menuLvl1 a {
    display: block;
    margin: 0;
    color: #000;
    text-decoration: none;
}

.menuLvl1 a:hover,
.selected {
    background-image: url('../images/bullet.png');
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 12px;
    color: #c8b221;
}

.menuLvl1 { padding-left: 0; }

.menuLvl2,
.menuLvl3 { padding-left: 15px; }

.menuLvl1,
.menuLvl1 ul {
    list-style-type: none;
    list-style-image: none;
    text-transform: uppercase;
}

.menuLvl1 li { padding: 4px; }

.menuLvl1 > li { border-bottom: 2px solid #c8b221; }

.menuLvl2 { font-size: 85%; }

.menuLvl3 {
    font-size: 90%;
    border-top: 1px solid #c8b221;
}

/***************************************
*
*    Encarts de droite
*
***************************************/
.asideBox a:not([class='normalLink']) {
    display: inline-block;
    margin: 0;
    color: #c8b221;
    text-decoration: none;
}

.asideBox a:hover {
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 12px;
    color: #c8b221;
}

.asideBox .asideBoxTitle { padding-left: 0;}

.asideBox .asideBoxContent {
    padding-left: 15px;
    text-transform: none;
    font-size: 12px;
    font-weight: normal;
}

.asideBoxContact {
    background-image: url(/web/SoC/images/icones/call.gif);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.asideBoxContactCTA {
	background-color: #F4EEE5;
	border:#ff7c0a SOLID 2px;
	color:#FFF;
	text-align:center;
	font-size:larger;
}

.asideBoxContactCTA a {
	color:#ff7c0a;
	display:block;
	width:100%;
	height:100%;
	padding: 8px;
}

.asideBoxContactCTA a:hover {
	color:#FFF;
	background-color:#ff7c0a;
	display:block;
	width:100%;
	height:100%;
	padding: 8px;
}

.asideBoxNews {
    background-image: url(/web/SoC/images/icones/news.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.asideBoxOffering {
    background-image: url(/web/SoC/images/icones/chaines.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.asideBoxHighlight {
    background-image: url(/web/SoC/images/icones/ampoule.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.asideBox .asideBoxContent ul {
    padding:0;
    padding-right: 5px;
    list-style-type: none;
}

.asideBox .asideBoxContent li {
    padding: 2px;
}

.asideBox .asideBoxContent li.separator {
    color: #505f5a;
}

.asideBox .asideBoxTitle {
    color: #505f5a;
    margin-top: 0;
    list-style-type: none;
    list-style-image: none;
    text-transform: uppercase;
    font-size:16px;
    text-align:left;

}

.asideBox .asideBoxTitle li { padding: 4px; }

.asideBox .asideBoxTitle > li { border-bottom: 2px solid #fff; }

/***************************************
*
*    Mise en page du contenu
*
***************************************/
.link-anchor:before {
  display: block;
  content: " ";
  margin-top: -130px;
  height: 130px;
  visibility: hidden;
  /*Permet de faire des ancres dans la page sans que le contenu soit caché par le header fixed
  *(130px correspond à la hauteur du header)
  * Simplement ajouter .link-anchor à l'élément sur lequel on veut faire le lien
  *Voir exemple sur LP rock par exemple*/
}

h1 {
    font-size: 25px;
    color: #505f5a;
}

h2 {
    font-size: 18px;
    color: #505f5a;
}

h4,
h5,
h6 { color: #505f5a; }

h2.marge { margin-top: 40px; }

.toggler { cursor: pointer; }

.pointer { cursor: pointer; }

h3 {
    font-style: italic;
    font-size: 13px;
}

.newPage h3 { /*Doit devenir le style par défaut des h3 quand toutes les pages seront refaites*/
    color: #505f5a;
    font-style: normal;
}

h2.separator,
h3.separator { border-bottom: 1px solid #c8b221; }

h2.separatorAccordion,
h3.separatorAccordion {
    background-color: #505f5a;
    color: white;
    font-weight: normal;
    padding: 10px;
    margin:2px;
    width: 100%;

}

a {
    text-decoration: none !important;
    color: #c8b221;
    transition: color .35s;
    -webkit-transition: color .35s;
}

a:hover { color: black; }

#linkunderlinehover:hover { text-decoration: underline !important; }

#content { font-size: 13px; }

/* CSS pour les liens avec images (ex : lien vers un doc PDF) */
.imgLink {
    display: inline-block;
    vertical-align: middle;
}

.imgLink img { float: left; }

.imgLink span {
    display: inline-block;
    margin: 1px 5px;
}

/***************************************
*
*    Mise en forme des onglets
*
***************************************/
.onglets {
    height: 35px;
    width: 100%;
    list-style-type: none;
    border-bottom: 1px solid #CCCBCA;
}

.onglets li {
    display: inline-block;
    height: 35px;
    line-height: 15px;
    float: left;
    border-left: 1px solid #CCCBCA;
    border-top: 1px solid #CCCBCA;
    border-bottom: 1px solid #CCCBCA;
    padding: 0;
    background-color: #E8E8E8;
}

.onglets li:last-child { border-right: 1px solid #CCCBCA; }

.onglets li a,
.onglets li span {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 15px;
}

.onglets li a {
    color: black;
    transition: background-color .25s;
    -webkit-transition: background-color .25s;
}

.onglets li span { cursor: default; }

.onglets li a:hover { background-color: #F7F6F6; }

.onglets li.ongletSelected {
    border-bottom: 1px solid white;
    background-color: white;
}

/***************************************
*
*    Design des boutons
*
***************************************/
.button,
.buton { /* .buton est la nouvelle version, qui n'inclus que les paramètre de style (positionnenet géré avec bootstrap)'*/
    width: auto;
    background: #c8b221;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: normal;
}

.button:hover,
.buton:hover { color: #FFFFFF; }

.cta {
	width: auto;
	background-color:#ff7c0a;
	padding:10px;
	color:#FFF;
	text-align:center;
	font-size:larger;
	display: inline-block;
}

/***************************************
*
*    CSS catalogues produits
*
***************************************/
.catalog {
    background-color: #d8e3e5;
    transition: background-color .25s;
    -webkit-transition: background-color .25s;
}

.catalog:hover { background-color: white; }

.catalog > div { border-top: 1px solid black; }

/* Pour le catalogue de MyLib */
.mylib_catalog,
.mylib_catalog > div {
    background-color: #F5F5F5;
    transition: background-color .25s;
    -webkit-transition: background-color .25s;
}

.mylib_catalog .tableCell:nth-child(n+2) { border-left: none; }

.mylib_catalog:hover,
.mylib_catalog:hover > div { background-color: #E7E7E6; }

.catalog_jazz > div { border-top: 1px solid black; }

.catalog-soon { color: #aeaeae; }

.catalog-soon-img {
    display: inline-block;
    width: 12px;
    text-align: center;
}

.catalog-sponsored-img {
    display: inline-block;
    width: 12px;
    text-align: center;
}

form[class~='symph_form'] { padding-top: 10px; }

.symph_form .custom_select { display: inline-block; }

.symph_form .custom_select select { max-width: 100%; }

@media all and (min-width: 576px) {
    .side-catalog { padding-left: 45px; }
}

/***************************************
*
*    CSS formulaires
*
***************************************/
/* Pour les checkbox */
input[type="checkbox"] { margin-right: 5px; }

/* Bordure grise qui entoure les formulaires (et certains autres blocs) des landing Pages */
.block-grey,
.grey-border { border: 1px solid #CCC; }

@media all and (max-width: 991px) {
    .block-grey { margin-top: 20px; }
}

/* Nouveau design */
/* A savoir : le nouveau design est appliqué grâce à la classe .newForm
* auquel on rajoute 2 style complémentaires :
* .neutralForm : formulaire forgot password de myDolphin
* .clearForm : formulaire de login de myDolphin
*
* L'ancienne css a été conservé, plus bas, pour les formulaires présent sur my dolphin admin, les selects du catalog... */

/*On override la css de Boostrap qui impose un margin-bottom par défaut*/
form.clearForm .form-group,
form.newForm .form-group { margin-bottom: 0px; }

/* Labels */
form.newForm .form-group .lbl { margin-top: 10px; }

form.newForm .form-group .lbl-move {
    z-index: 15;
    line-height: 1.42857143;
    color: #8c8c8c;
    font-size: 13px;
    top: 0px;
    left: -5px;
}

/* Labels errors */
form.neutralForm .form-group .lbl { /* Sur .neutralForm, le label reste fixe */
    color: #8c8c8c;
    font-size: 15px;
}

form:not(.clearForm) label.error,
form:not(.clearForm) p.error {
    color: #c8b221;
    font-size: 15px;
}

form.clearForm p.error,
form.clearForm label.error { margin-top: 5px; }

/* Nouveau format de base */
.newForm .form-group input:not([type="checkbox"]):not([type="submit"]),
.clearForm .form-group input:not([type="checkbox"]):not([type="submit"]),
.neutralForm .form-group input:not([type="checkbox"]):not([type="submit"]),
.newForm .form-group select,
.clearForm .form-group select,
.neutralForm .form-group select {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: transparent !important;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.newForm .form-group textarea {
    display: block;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border ease-in-out .15s, box-shadow ease-in-out .15s;
}

.newForm input:focus,
.newForm select:focus,
.newForm textarea:focus,
.neutralForm input:focus,
.neutralForm select:focus,
.neutralForm textarea:focus {
    border: 2px solid #505f5a !important; /* Bleu */
    box-shadow: 0 0 5px #505f5a !important;
    outline: none;
}

form:not(.newForm):not(.gsc-search-box):not(.clearForm):not(.neutralForm):not(.form-home) input:hover,
form:not(.newForm):not(.gsc-search-box):not(.clearForm):not(.neutralForm):not(.form-home) input:focus,
form:not(.newForm):not(.gsc-search-box):not(.clearForm):not(.neutralForm):not(.form-home) textarea:hover,
form:not(.newForm):not(.gsc-search-box):not(.clearForm):not(.neutralForm):not(.form-home) textarea:focus,
form:not(.newForm):not(.gsc-search-box):not(.clearForm):not(.neutralForm):not(.form-home) select:hover,
form:not(.newForm):not(.gsc-search-box):not(.clearForm):not(.neutralForm):not(.form-home) select:focus {
    border-color: #BDBCBC;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

form.newForm .form-group input[type="submit"],
form.neutralForm .form-group input[type="submit"] {
    padding: 9px 15px;
    background: transparent;
    border: 1px solid #c8b221;
    border-radius: 25px;
    font-size: 14px;
    color: #c8b221;
    cursor: pointer;
    transition: 0.5s;
}

form.newForm .form-group input[type="submit"]:hover,
form.neutralForm .form-group input[type="submit"]:hover {
    background: #c8b221;
    color: white;
    transition: 0.5s;
}

form:not(.newForm):not(.neutralForm) .submit input[type="submit"] {
    margin-top: 10px;
    width: auto;
    padding: 9px 15px;
    background: #c8b221;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
}

/* neutralForm & clearForm */
.clearForm .form-group,
.neutralForm .form-group {
    position: relative;
    width: 250px;
    margin: auto;
}

.clearForm .form-group input,
.neutralForm .form-group input {
    width: 250px;
}

.clearForm .form-group img#icon_mail {
    position: absolute;
    top: 19px;
    left: 10px;
    opacity: .4;
}

.clearForm .form-group img#icon_lock {
    position: absolute;
    top: 18px;
    left: 11px;
    opacity: .4;
}

form.clearForm.loginform .form-group input[type="text"],
form.clearForm.loginform .form-group input[type="password"]{
    padding-left: 45px;
    border-radius: 25px;
    border: 1px solid white;
    color: white;
    /* text-decoration-color: white; */
}

/* Gestion des boutons radio yes/no */
form.newForm .radio-button-yesno {
  margin-top: 32px;
  padding-left: 0;
}

form.newForm .radio-button-yesno p {
  padding-bottom: 15px;
}

form.newForm .radio-button-yesno fieldset {
  text-align: center;
}

form.newForm .radio-button-yesno fieldset input[type="radio"] {
  display: none !important;
}

form.newForm .radio-button-yesno label {
  display: inline-block;
  cursor: pointer;
  border: 1px solid rgba(0,0,0,0.2);
  padding: 9px 15px;
  min-width: 60px;
  width: 20%;
}

form.newForm .radio-button-yesno label:nth-of-type(1) {
  border-radius: 4px 0 0 4px;
}

form.newForm .radio-button-yesno label:nth-of-type(2) {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}

form.newForm .radio-button-yesno label.btn {
  background-color: #f3f3f3;
  color: black;
}

form.newForm .radio-button-yesno label.btn:hover {
  background-color: #d9d9d9;
}

form.newForm .radio-button-yesno label.btn-success.active {
  background-color: #46a546;
  color: white;
}

form.newForm .radio-button-yesno label.btn-success.active:hover {
  background-color: #307230;
}

form.newForm .radio-button-yesno label.btn-danger.active {
  background-color: #bd362f;
  color: white;
}

form.newForm .radio-button-yesno label.btn-danger.active:hover {
  background-color: #93362f;
}

/* old version, à conserver jusqu'a passage des selects du catalogue en checkboxs */
form table.tableLeft td { text-align: left; }

form:not(.newForm):not(.gsc-search-box):not(.clearForm):not(.neutralForm) input:not([type="checkbox"]):not([type="submit"]),
form:not(.newForm):not(.clearForm):not(.neutralForm):not(.form-home) textarea {
    margin-bottom: 10px;
    padding: 5px;
    line-height: 20px;
    border: solid 1px #DCDBDA;
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    width: 250px;
    background: #FFFFFF url('bg_form.png') left top repeat-x;  /* image pour comptabilité IE à faire */
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

@media all and (max-width: 767px) {
    form.noStyle select, .select_custom { width: 250px; }
}

@media all and (min-width: 768px) {
    form.noStyle select,
    .select_custom { width: 320px; } /* Dépend de la taille du panneau latéral: #catalog-filters */
}

form.noStyle select {
    padding: 7px 5px;
    margin: 0;
    min-width: 100px;
    border: solid 1px #DCDBDA;
    line-height: 30px;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    background-color: white;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    outline: none;
}

/* Selects du catalog */
.select_custom {
    position: relative;
    max-width: 87%;
    vertical-align: middle;
    padding: 0;
    overflow-x: visible;
}

.custom_select:nth-of-type(1),
.custom_select:nth-of-type(3) { text-align: right; }

.custom_select:nth-of-type(2),
.custom_select:nth-of-type(4) { text-align: left; }

.text input{ height: 28px; }

input[type="submit"].notActivated {
    background-color: gray;
    cursor: default;
}

form[class~='noStyle'] .error {
    margin-top: 0;
    padding-left: 0;
}

/***************************************
*
*    CSS messages d'info
*
***************************************/
#userInfo {
    width: 100%;
    margin: 10px 0;
    padding: 5px;
    text-align: center;
}

#userInfo p { margin: 0; }

.flash_error {
    border-top: 1px #BE0401 solid;
    border-bottom: 1px #BE0401 solid;
    background-color: #FECDCC;
    color: #BE0401;
}

.flash_valid {
    border-top: 1px #308832 solid;
    border-bottom: 1px #308832 solid;
    background-color: #E7FCEA;
    color: #308832;
}

.flash_warning {
    border-top: 1px #CC5C00 solid;
    border-bottom: 1px #CC5C00 solid;
    background-color: #FEEABF;
    color: #CC5C00;
}

/***************************************
*
*    CSS temporaire des tableaux
*
***************************************/
table.withStyle th,
table.withStyle td {
    padding: 5px;
    border-bottom: 1px solid black;
}

table.withStyle td:nth-child(n+2),
table.withStyle td.leftBorder { border-left: 1px solid #C3C7C7; }

/***************************************
*
*    CSS encarts interieur page
*
***************************************/
.encartBlock {
    float: left;
    margin: 1%;
    padding: 10px;
    background-color: #FAF6F0;
    border-bottom: 2px solid #c8b221;
    overflow: hidden;
    position: relative;
}

.encartTitle {
    text-transform: uppercase;
    font-size: 14px;
}

.encartText { color:#666; }

.encartclickHere {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}

/***************************************
*
*    CSS mise en forme liste (Témoignages, ...)
*
***************************************/
.titreTemoignages {
    background-color: #ECEDED;
    vertical-align: middle;
    height: 100%;
    line-height: 85px;
    font-weight: bold;
    padding-left: 5px;
}

/***************************************
*
*    Design des images cliquables
*
***************************************/
.rect_map {
    color: #fff;
    background-color: #81DAF5;
    border: 1px solid #74C4DC;
    padding: 3px;
}

.rect_map:hover {
    color: black;
    background-color: #E6E6E6;
    border: 3px solid #cdcdcd;
}

/***************************************
*
*    Message d'info sur les cookies
*
***************************************/
#cookieMessage {
    display: none; /* En attendant sa mise en place */
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 4;
    width: 100%;
    height: auto;
    padding: 10px 5px;
    background-color: #E4E4E4;
    border-top: 1px solid gray;
    text-align: center;
}

/***************************************
*
*    Gestion images "ressortant" de leurs parents
*
***************************************/
.image-output-container { position: relative; }

.image-output { position: absolute; }

.image-output-container.txtcenter .image-output { margin-left: -40px; }

.image-output-container.w50px.top25 { margin-top: 12.25px; }
.image-output-container.w50px.top50 { margin-top: 25px; }

.image-output-container.w75px.top25 { margin-top: 18.75px; }
.image-output-container.w75px.top50 { margin-top: 37.5px; }

.image-output-container.w100px.top25 { margin-top: 25px; }
.image-output-container.w100px.top50 { margin-top: 50px; }

.image-output-container.w125px.top25 { margin-top: 31.25px; }
.image-output-container.w125px.top50 { margin-top: 62.5px; }

.image-output-container.w150px.top25 { margin-top: 37.5px; }
.image-output-container.w150px.top50 { margin-top: 75px; }

.image-output-container.w200px.top25 { margin-top: 50px; }
.image-output-container.w200px.top50 { margin-top: 100px; }

.image-output-container.w50px.bot25 { margin-bottom: 12.25px; }
.image-output-container.w50px.bot50 { margin-bottom: 25px; }

.image-output-container.w75px.bot25 { margin-bottom: 18.75px; }
.image-output-container.w75px.bot50 { margin-bottom: 37.5px; }

.image-output-container.w100px.bot25 { margin-bottom: 25px; }
.image-output-container.w100px.bot50 { margin-bottom: 50px; }

.image-output-container.w125px.bot25 { margin-bottom: 31.25px; }
.image-output-container.w125px.bot50 { margin-bottom: 62.5px; }

.image-output-container.w150px.bot25 { margin-bottom: 37.5px; }
.image-output-container.w150px.bot50 { margin-bottom: 75px; }

.image-output-container.w200px.bot25 { margin-bottom: 50px; }
.image-output-container.w200px.bot50 { margin-bottom: 100px; }

.image-output-container.w50px .image-output { height: 50px; }
.image-output-container.w50px.top25 .image-output { top: -12.25px; }
.image-output-container.w50px.top50 .image-output { top: -25px; }
.image-output-container.w50px.bot25 .image-output { bottom: -12.25px; }
.image-output-container.w50px.bot50 .image-output { bottom: -25px; }

.image-output-container.w75px .image-output { height: 75px; }
.image-output-container.w75px.top25 .image-output { top: -18.75px; }
.image-output-container.w75px.top50 .image-output { top: -37.5px; }
.image-output-container.w75px.bot25 .image-output { bottom: -18.75px; }
.image-output-container.w75px.bot50 .image-output { bottom: -37.5px; }

.image-output-container.w100px .image-output { height: 100px; }
.image-output-container.w100px.top25 .image-output { top: -25px; }
.image-output-container.w100px.top50 .image-output { top: -50px; }
.image-output-container.w100px.bot25 .image-output { bottom: -25px; }
.image-output-container.w100px.bot50 .image-output { bottom: -50px; }

.image-output-container.w125px .image-output { height: 125px; }
.image-output-container.w125px.top25 .image-output { top: -31.25px; }
.image-output-container.w125px.top50 .image-output { top: -62.5px; }
.image-output-container.w125px.bot25 .image-output { bottom: -31.25px; }
.image-output-container.w125px.bot50 .image-output { bottom: -62.5px; }

.image-output-container.w150px .image-output { height: 150px; }
.image-output-container.w150px.top25 .image-output { top: -37.5px; }
.image-output-container.w150px.top50 .image-output { top: -75px; }
.image-output-container.w150px.bot25 .image-output { bottom: -37.5px; }
.image-output-container.w150px.bot50 .image-output { bottom: -75px; }

.image-output-container.w200px .image-output { height: 200px; }
.image-output-container.w200px.top25 .image-output { top: -50px; }
.image-output-container.w200px.top50 .image-output { top: -100px; }
.image-output-container.w200px.bot25 .image-output { bottom: -50px; }
.image-output-container.w200px.bot50 .image-output { bottom: -100px; }

/***************************************
*
*    Landing Page
*
***************************************/
.landingPage {
    font-family : 'Duplicate Sans Web',arial,sans-serif;
    font-weight: 100;
    line-height: 1.3;
    font-size: 16px;
}

.landingPage em { font-size: 15px; }

.landingPage.powervision { background: url(/web/SoC/images/banners/powervision.png) no-repeat fixed 0% 0%/cover; }

.landingPage.services { background: url(/web/SoC/images/banners/services_background.jpg) no-repeat fixed 0% 0%/cover; }

.landingPage.community { background: url(/web/SoC/images/banners/community.jpg) no-repeat fixed 0% 0%/cover; }

.landingPage.powergating { background: url(/web/SoC/images/banners/powergating.png) no-repeat fixed 0% 0%/cover; }

.landingPage.lpsoc55 { background: url(/web/SoC/images/banners/lp_soc_55.png) no-repeat fixed 0% 0%/cover; }

.landingPage.soc55 {
    background: url(/web/SoC/images/banners/fond_soc_55.png) no-repeat fixed 0% 0%/cover;
    background-position: center;
}

.landingPage.aon { background: url(/web/SoC/images/banners/aon.jpg) no-repeat fixed 0% 0%/cover; }

.landingPage.mydolphin { background: url(/web/SoC/images/bg1.jpg) no-repeat fixed 0% 0%/cover; }

.landingPage .banner { background: url(/web/SoC/images/banners/soc-control-network.jpg) no-repeat fixed 0% 0%/cover; }

.landingPage .testimonies {
    background: url(/web/SoC/images/banners/soc-control-network.jpg) no-repeat fixed 0% 0%/cover;
    text-align: center;
}

.landingPage .differentiator {
    background: url(/web/SoC/images/banners/soc-control-network.jpg) no-repeat fixed 0% 0%/cover;
    text-align: center;
}

.landingPage.memories {
    background: url(/web/SoC/images/banners/memories.png) no-repeat fixed 0% 0%/cover;
    text-align: center;
}

.landingPage.libraries {
    background: url(/web/SoC/images/banners/libraries.png) no-repeat fixed 0% 0%/cover;
    text-align: center;
}

.landingPage.foundation {
    background: url(/web/SoC/images/banners/foundation.png) no-repeat fixed 0% 0%/cover;
    text-align: center;
}

.landingPage.platform {
    background: url(/web/SoC/images/banners/platform.jpg) no-repeat fixed 0% 0%/cover;
    text-align: center;
}


.landingPage.audio {
    background: url(/web/SoC/images/banners/audio.jpg) no-repeat fixed 0% 0%/cover;
    text-align: center;
}

.landingPage.fabric {
    background: url(/web/SoC/images/banners/fabric.png) no-repeat fixed 0% 0%/cover;
    text-align: center;
}

.landingPage.mcu {
    background: url(/web/SoC/images/banners/mcu.png) no-repeat fixed 0% 0%/cover;
    text-align: center;
}

.landingPage.offering {
    background: url(/web/SoC/images/banners/fond_offering.png) no-repeat fixed 0% 0%/cover;
    text-align: center;
}

.landingPage.trigger { background: url(/web/SoC/images/banners/voice_activity_detector.jpg) no-repeat fixed 0% 0%/cover; }

.landingPage.socFabric { background: url(/web/SoC/images/newsroom/events/fabric_ip/fond_fabric.png) no-repeat fixed 0% 0%/cover; }

.landingPage.careers { background: url(/web/SoC/images/careers/background.jpg) no-repeat fixed 0% 0%/cover; }

.landingPage.careers-offers {
    background: url(/web/SoC/images/careers/Fotolia_102546781_S_offerslist.jpg) no-repeat center bottom fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.landingPage.soc40 {
    background: url(/web/SoC/images/banners/soc_40nm.jpg) no-repeat fixed 0% 0%/cover;
}

@media all and (max-width: 1999px) {
   .landingPage .offer-tech {
        background: url(/web/SoC/images/careers/Fotolia_121109185_S_tech.jpg) no-repeat center;
        background-size: auto 100%;
    }
    
    .landingPage .offer-support {
        background: url(/web/SoC/images/careers/Fotolia_102546918_S_support.jpg) no-repeat center;
        background-size: auto 100%;
    }
    
    .landingPage .offer-management {
        background: url(/web/SoC/images/careers/Fotolia_103777316_S_management.jpg) no-repeat center;
        background-size: auto 100%;
    }
    
    .landingPage .offer-salesmkt {
        background: url("/web/SoC/images/careers/Fotolia_86038576_S_salesmkt.jpg") no-repeat center;
        background-size: auto 100%;
    }
}

@media all and (min-width: 2000px) {
    .landingPage .offer-tech {
        background: url(/web/SoC/images/careers/Fotolia_121109185_S_tech.jpg) no-repeat center bottom;
        background-size: 100% auto;
    }
    
    .landingPage .offer-support {
        background: url(/web/SoC/images/careers/Fotolia_102546918_S_support.jpg) no-repeat center center;
        background-size: 100% auto;
    }
    
    .landingPage .offer-management {
        background: url(/web/SoC/images/careers/Fotolia_103777316_S_management.jpg) no-repeat center center;
        background-size: 100% auto;
    }
    
    .landingPage .offer-salesmkt {
        background: url("/web/SoC/images/careers/Fotolia_86038576_S_salesmkt.jpg") no-repeat center center;
        background-size: 100% auto;
    }
}

.landingPage.features { background: #f4eee5; }

.landingPage .features-white {
    background: #fff;
    text-align: center;
}

/* ****************** Mise en forme générale ****************** */
/* La nouvelle version est celle ou les classes css commence par 'line'
* L'ancienne version est conservée jusqu'à passage de toutes les LP sur la nouvelle version
* Une fois fait, on pourra supprimer toutes les "banner-line", "normal-line"... */
.landingPage .banner-line,
.landingPage .normal-line {
    display: table;
    width: 100%;
}

.landingPage .banner-line{ /* Old */
    background: inherit;
    text-align: center;
}

.landingPage .line-banner  {
    background: transparent; /* Avec bootstrap, le background: inherit ci-dessus empêche le background en hover sur le bouton */
    text-align: center;
}

.landingPage .banner-line.black, .landingPage .banner-line.black a,
.landingPage .line-banner.black, .landingPage .line-banner.black a {
    color: black;
}

.landingPage .banner-line.white, .landingPage .banner-line.white a,
.landingPage .line-banner.white, .landingPage .line-banner.white a {
    color: white;
}

.landingPage .banner-line.white h1, .landingPage .banner-line.white h2,
.landingPage .banner-line.white h3, .landingPage .banner-line.white h4,
.landingPage .banner-line.white h5, .landingPage .banner-line.white h6,
.landingPage .line-banner.white h1, .landingPage .line-banner.white h2,
.landingPage .line-banner.white h3, .landingPage .line-banner.white h4,
.landingPage .line-banner.white h5, .landingPage .line-banner.white h6 {
    color: white !important;
}

.landingPage .banner-line.black a:hover:not(.button), /* Old */
.landingPage .banner-line.white a:hover:not(.button) {
    text-decoration: underline;
}

/* A delete? */
.landingPage .header-title { text-align: center; }

/* A delete? */
.landingPage .header-text {
    text-align:center;
    color: #fff;
}

.landingPage .normal-line,
.landingPage .line-normal { background-color: white; }

.landingPage .colored-background { background-color: #F4EEE5; }

.landingPage .line-break {
    visibility: unset;
}

.landingPage .line-content { display: table-row; } /* Old */

.landingPage .block-content { /* Old */
    display: table-cell;
    padding: 10px;
}

.landingPage .colored { color: #a5663b; } /* Old */

.landingPage .colored-green { color: #6dbbad; } /* Old */

.landingPage .white-background { background-color: white; } /* Old */

.landingPage .colored-background-orange { background-color: #FF7D0A; } /* Old */

.landingPage .colored-background-blue { background-color: #b4d8e0; } /* Old */

.landingPage .border-block { /* Old */
    border: 1px #ccc solid;
    margin-left: auto;
    margin-right: auto;
}

.landingPage .border-block-chrono-blue { /* Old */
    border: 2px #505f5a solid;
    margin-left: auto;
    margin-right: auto;
}

/* ****************** Mise en forme des titres ****************** */
.landingPage .banner-line h1,
.landingPage .line-banner h1 {
    text-transform: none;
    font-size: 40px;
    font-weight: 500;
}

.landingPage .banner-line.white h1,
.landingPage .line-banner.white h1 { color: white; }

.landingPage .banner-line.black h1,
.landingPage .line-banner.black h1 { color: black; }

.landingPage h3,
.landingPage h4 {
    color: #505f5a;
    font-style: normal;
}

.landingPage .testimo.white h4 { color: #fff; }

.landingPage .testimo.black h4 { color: black; }

.landingPage .differentiator h3 { color: #fff; } /* A delete ? */ /* Old */

.landingPage2 h4 { /* Old */
    color: #015467;
    font-style: normal;
}

.landingPage .testimonies h4 { color: #fff; } /* Old */

.landingPage .testimonies h3 { color: #fff; } /* A delete ? */ /* Old */

/* ****************** Mise en forme du texte ****************** */
.testimonies p { /* A delete */
    color: #fff;
    font-style: italic;
}

.differentiator p { color: #fff; } /* A delete */

.landingPage .banner .small-text a { /* A delete */
    color: #fff;
    border-bottom: 1px dotted #fff;
    text-decoration: none;
}

/***************************************
*
*    New page --> Gestion des polices responsive
*
***************************************/
.newPage {
    font-family : 'Duplicate Sans Web',arial,sans-serif;
    font-weight: 100;
    line-height: 1.3;
    font-size: 16px;
}

@media all and (min-width: 768px) {
    .newPage h1 { font-size: 40px !important; }

    .newPage h2 { font-size: 32px !important; }

    .newPage h3 { font-size: 28px !important; }

    .newPage h4 { font-size: 24px !important; }

    .newPage h5 { font-size: 20px !important; }

    .newPage h6 { font-size: 17px !important; }

    .newPage p { font-size: 16px !important; }
}

@media all and (max-width: 767px) {
    .newPage h1 { font-size: 28px !important; }

    .newPage h2 { font-size: 24px !important; }

    .newPage h3 { font-size: 20px !important; }

    .newPage h4 { font-size: 19px !important; }

    .newPage h5 { font-size: 18px !important; }

    .newPage h6 { font-size: 17px !important; }

    .newPage p { font-size: 16px !important; }
}

.newPage .button-blue {
    color: white;
    background-color: #505f5a;
    border-color: #505f5a;
    font-size: 17px;
    /*Les règles ci-dessous override la css de .btn de Bootstrap, on se base sur cette classe .btn puis on la personnalise */
    padding: 6px 20px;
}

.button-orange {
    color: white;
    background-color: #c8b221;
    border-color: #c8b221;
    /*Les règles ci-dessous override la css de .btn de Bootstrap, on se base sur cette classe .btn puis on la personnalise */
    padding: 6px 20px;
}

.newPage .button-orange {
    font-size: 17px;
}

/* ****************** Mise en forme des boutons ****************** */
/* .buton est la nouvelle version */
.landingPage .button,
.landingPage .buton {
/* Tout les boutons des landing pages */
    text-decoration: none;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
}

.landingPage .banner-line .button,
.landingPage .line-banner .buton {
/* Tous les boutons des bannières des landings pages */
    background: inherit;
    transition: none;
}

.landingPage .banner-line.white .button,
.landingPage .line-banner.white .buton {
/* Boutons style blanc */
    border: 1px white solid;
    color: white;
}

.landingPage .banner-line.black .button,
.landingPage .line-banner.black .buton {
/* Boutons style noir */
    border: 1px black solid;
    color: black;
}

.landingPage .banner-line.white .button:hover,
.landingPage .line-banner.white .buton:hover {
/* Boutons style blanc en hover */
    background-color: white;
    color: black;
}

.landingPage .banner-line.black .button:hover,
.landingPage .line-banner.black .buton:hover {
/* Boutons style noir en hover */
    background-color: black;
    color: white;
}

/* Liens a l'intérieur des contenus (voir LP trigger, "Learn more") */
.landingPage .orange-link {
    border: solid 1px #c8b221;
    padding: 5px 10px;
    transition: border .35s;
    -webkit-transition: border .35s;
}

.landingPage .orange-link:hover { border: solid 1px black; }

/* ****************** Mise en forme de boutons 'alignés' vers le bas ****************** */
.landingPage .button-section .top-button {
    text-decoration: none;
    border-radius: 5px;
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
    border: 1px #ffffff solid;
    display: inline-block;
}

.landingPage .button-section .part-button {
    text-decoration: none;
    border-radius: 5px;
    font-weight: 100;
    text-transform: uppercase;
    background-color: #c8b221;
    color: #fff;
}

.landingPage .button-section a:not(.part-button) {
    transition: none;
    -webkit-transition: none;
}

.landingPage .button-section a:not(.part-button):hover {
     color: #015467;
     background-color: #FFF;
     text-shadow: 0;
}

/* ****************** Mise en forme de blocks avec flèches ****************** */
.landingPage .parent-border-arrow { position: relative; }

.landingPage .border-left-arrow {
    position: absolute;
    top: 0;
    right: -15px;
    height: 100%;
    width: 15px;
    background-image: url(/web/SoC/images/icones/border_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
}

.landingPage .border-bottom-arrow {
    position: absolute;
    bottom: -25px;
    left: 0;
    height: 25px;
    width: 100%;
    background-image: url(/web/SoC/images/icones/border_bottom_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
}

.landingPage .border-top-arrow {
    position: absolute;
    top: -25px;
    left: 0;
    height: 25px;
    width: 100%;
    background-image: url(/web/SoC/images/icones/border_top_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
}

.landingPage .border-bottom-arrow-allscreen {
    position: absolute;
    bottom: -33px;
    left: 0;
    height: 33px;
    width: 100%;
    background-image: url(/web/SoC/images/icones/border_bottom_arrow2.png);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.landingPage .parent-border-arrow .blue { background-image: url(/web/SoC/images/icones/border_bottom_arrow2-blue.png); }

/* ****************** Mise en forme des formulaires ******************
* Potentiellement tout obsolète après nouveau design des formulaires, à vérifier */
.landingPage .banner-line-form {
    margin-bottom: 0;
    border: 0;
    outline: 0;
    padding: 0;
    background: none;
    line-height: 10px;
    box-shadow: none;
}

.landingPage .banner-line-form input[type="submit"] {
    background: none;
    border: 1px #ffffff solid;
    font-size: 14px;
    margin: 10px 0;
    padding: 10px 30px;
    text-decoration: none;
    border-radius: 25px;
    text-transform: uppercase;
}

.landingPage .banner-line-form input[type="text"],
.landingPage .banner-line-form input[type="password"] { color: black; }

.landingPage .form { /* OLD */
    display: inline-block;
    border: 1px solid #CCC;
}

.landingPage .form h4 { text-align: center; }

.landingPage .form form:not(.catalogForm) .custom_select {
    top: 0;
    margin-bottom: 10px;
}

.landingPage .form form:not(.catalogForm) input[type="submit"] {
    display: block;
    margin: 10px auto;
}

.landingPage .form form:not(.catalogForm) input[type="checkbox"] + label { padding-left: 10px; }

/* ********* Gestion de l'encart lastNews ********* */
.landingPage .lastNews ul {
    text-align: left;
    list-style-type: none;
    padding: 0;
}

.landingPage .lastNews .separator { padding: 0; }

/* ********* Gestion des "boîtes" MyDolphin ********* */
.landingPage .mydolphin-box {
    background-image: url(/web/SoC/images/silicon_ip/landingPages/memories/mydolphin.png);
    box-shadow: 0 0 10px gray;
    border: gray;
    border-radius: 5px;
}

/******** My dolphin index liste produit *******/
.moreInfo p { margin-top: 10px; }

/* ********* Code global (à revoir) ********* */
 .feature-text {
    display: inline-block;
    text-align: left;
}

.feature-text .feature_blockquote { list-style-type: none; }

.feature-text .feature_blockquote ul { list-style-image: url("/web/SoC/images/icones/arrow2.png"); }

.feature-image-30 {
    display: inline-block;
    vertical-align: top;
}

.feature-image-10 {
    position: absolute;
    left: 0;
    top: 0;
}

.feature-image-10 img { position: absolute; }

.features-section p,
.features-section ul {
    color: #333;
    line-height: 1.6;
    font-weight: 100;
}

.features-section .h4center {
    font-weight: 400;
    text-align: center;
}

.line-section {
    border: 1px #CCC dashed;
    display: block;
    height: 1px;
}

.feature-bloc-frame {
    border: 1px #ccc solid;
    position: relative;
}

.feature-bloc-framex4 {
    display: inline-block;
    border: 1px #ccc solid;
    vertical-align: top;
    text-align: left;
    position: relative;
}

.feature-bloc-framex4 .button-section,
.feature-bloc-framex4 .bottom-align {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
}

.features-section .feature-image {
    display: inline-block;
    vertical-align: top;
}

/* ********* Gestion des timelines ********* */
#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}

/* ***** Encart mobile avec flèche  ***** */
.news_block {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 80px;
    background-color: #FAF6F0;
    transition: border-bottom-color .35s;
    -webkit-transition: border-bottom-color .35s;
}

.news_block > a {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    color: black;
}

.quickLinks {
    padding-left: 0;
    padding-right: 0;
}

.quickLinks > div { width: 200%; }

.quickLinks > div > div {
    float: left;
    width: 50%;
}

.arrow {
    padding: 10px 20px 0 10px;
    display: none;
}

@media screen and (max-width: 1100px)  {
/*
 * -----------------------------------------------------------------------------
 *  Mise en page générale des encarts
 * -----------------------------------------------------------------------------
 */
    .news_block { height: auto; }

    .quickLinks > div {
        width: 100%;
        margin: 0 0 0 0;
    }

    .quickLinks > div > div { width: 100%; }
}

/****** *****/
.white-block {
    border: 1px #ccc solid;
    background-color: white;
}

.feature-block { padding-bottom: 15px; } /* On rajoute une marge pour espacement des blocs verticalement */

/***************************************
*
*    LP : Personnalisation pour Careers
*
***************************************/
/*Filtres*/
.landingPage .offer-filter { margin-bottom: 5px; }

@media screen and (min-width: 768px) {
    .landingPage .offer-filter select { width: 200px; }
}

/*Block offres*/
.landingPage .offer-block { padding-bottom: 20px; }

.landingPage .offer-opacity { opacity: 0.2; }

.landingPage .offer-link { font-size: 12px }

.landingPage .offer-block > div {
    background-color: white;
    border: 1px #ccc solid;
    display: table;
    padding-bottom: 20px;
}

.landingPage .offer-cat {
    background-color: #505f5a;
    margin-bottom: 10px;
    opacity: 0.5;
}

.landingPage .offer-cat h6 {
    text-transform: uppercase;
    font-size: 19px !important;
    color: white;
}

.landingPage .offer-title {
    font-size: 16px;
    margin-bottom: 15px;
}

.landingPage .offer-details {
    font-size: 14px !important;
    margin-bottom: 15px;
    color: #6b6b6b;
}

.landingPage .offer-block a {
    color: white;
    background-color: #c8b221;
    border-radius: 4px;
    padding: 5px;
    text-decoration: none;
    font-size: 15px;
}

.landingPage .offer-link {
    display: table-row;
}

.landingPage .offer-link > div {
    display: table-cell;
    vertical-align: bottom;
}

/***** Offre individuelle *****/
.line-thin { padding: 15px 0px; }

.line-title {
    background-color: rgba(255, 255, 255, .7);
    padding-bottom: 20px;
}

/***** Bannière fixe (utilisée sur offre individuelle par ex) *****/
@media all and (min-width: 768px) {
    .fixedBanner {
        position: fixed;
        width: 100%;
        z-index: 12;
        top: 120px;
    }
}

@media all and (max-width: 767px) {
    #marginsm,
    #marginmd { display: none !important; }
}

.landingPage .table-row { display: table-row }

.landingPage .table-row > div {
    display: table-cell;
    vertical-align: bottom;
}

/***************************************
*
*    Sliders
*
***************************************/
/** Style général **/
.swiper-container {
    width: 100%;
    height: 100%;
}

/** Slider de la page d'accueil **/
.swiper-container.slider-home .swiper-slide h1 {
    color: white;
    font-weight: bold; /* Titre */
    text-transform: none;
}

.swiper-container.slider-home .swiper-slide p { color: white; } /* Sous-titre */

.swiper-container.slider-home .swiper-slide span {
    color: white;
    border: solid 1px white;
    padding: 7px 15px;
    border-radius: 5px;
    font-weight: bold;
}

.swiper-container.slider-home .swiper-pagination-bullets { /* Puces */
    bottom: auto; /* On override les paramètres css par défaut */
    left: auto;   /*( .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction ) */
    width: auto;   /* du slider pour placer les puces ou l'on veut*/
    top: 0px;
    right: 22.5px;
    background-color: white;
    border-radius: 0 0 1px 1px;
    padding: 0px 20px 3px 5px;
}

.swiper-container.slider-home .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #c8b221; }

#pauseSlider {
    margin: 7px 30px 0 0;
    width: 9px;
    height: 9px;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 100;
}

.swiper-container.slider-home .swiper-slide {
    background: no-repeat center;
    background-size: 100% auto;
}

/*Toutes les valeurs "height" ci-dessous ont été définies sur mesure, et sont adaptées au format actuel des bannières : 1300x400, si le format change, il faut ré-adapter toutes ces valeurs */
    /* Custom */
    @media all and (min-width: 1440px) {
        .swiper-container.slider-home { height: 443px; } /* Hauteur fixe du bandeau du slider */
        
        .newPage .swiper-container.slider-home .swiper-slide > div { margin-top: 4%; } /* Margin pour faire descendre le texte */
        
        .swiper-container.slider-home .swiper-slide p { margin-bottom: 30px; } /* Margin entre le sous-titre et le bouton */
    }

    /*Large Desktop, breakpoint de Bootstrap*/
    @media all and (min-width: 1200px) and (max-width: 1439px) {
        .swiper-container.slider-home { height: 369px; }
        
        .newPage .swiper-container.slider-home .swiper-slide > div { margin-top: 7%; }
        
        .swiper-container.slider-home .swiper-slide p { margin-bottom: 30px; }
    }

    /* Desktop, breakpoint de Bootstrap */
    @media all and (min-width: 992px) and (max-width: 1199px) {
        .swiper-container.slider-home { height: 305px; }
        
        .newPage .swiper-container.slider-home .swiper-slide > div { margin-top: 1%; }
        
        .swiper-container.slider-home .swiper-slide p { margin-bottom: 30px; }
    }

    /* Tablette, breakpoint de Bootstrap */
    @media all and (min-width: 768px) and (max-width: 991px) {
        .swiper-container.slider-home { height: 235px; }
        
        .newPage .swiper-container.slider-home .swiper-slide h1 { font-size: 30px !important; } /* On rajoute une police responsive, pour que le texte rentre dans le slider */
        
        .swiper-container.slider-home .swiper-slide p { margin-bottom: 20px; }
    }

    /* Mobile, breakpoint de Bootstrap */
    @media all and (min-width: 576px) and (max-width: 767px) {
        .swiper-container.slider-home { height: 175px; }
        
        .newPage .swiper-container.slider-home .swiper-slide > div {
            margin-top: 4%;
            margin-left: 25px;
        }
    }

    /* Petit mobile, breakpoint de Bootstrap */
    @media all and (min-width: 491px) and (max-width: 575px) {
        .swiper-container.slider-home { height: 150px; }
        
        .newPage .swiper-container.slider-home .swiper-slide > div { margin-top: 2%; }
        
        /* On rajoute une police responsive pour tout petit format, pour que le texte rentre dans le slider */
        .newPage .swiper-container.slider-home .swiper-slide h1 { font-size: 24px !important; }
    }

    /*Points de rupture custom*/
    @media all and (max-width: 490px) {
        .swiper-container.slider-home { height: 93px; }
        
        .newPage .swiper-container.slider-home .swiper-slide > div { margin-top: 1%; }
        
        /* On rajoute une police responsive pour tout petit format, pour que le texte rentre dans le slider */
        .newPage .swiper-container.slider-home .swiper-slide h1 { font-size: 16px !important; }
    }

/* Sliders des landingPages */
.swiper-container.slider-testimo .swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/* On change simplement la couleur en fonction du cas, même principe que les classe .line-banner.white et .line-banner.black*/
.swiper-container.slider-testimo.white .swiper-slide,
.swiper-container.slider-testimo.white .swiper-slide h4 { color: white; }

.swiper-container.slider-testimo.black .swiper-slide,
.swiper-container.slider-testimo.black .swiper-slide h4 { color: black; }

/*----------------------------
 ------ NEW NEWSROOM ------------
 ------------------------------*/
.newsroomcate {
  display: block;
  width: 100%;
  color: #505f5a;
}

.newsroomcate p {
  font-weight: normal;
  font-size: 20px !important;
  border-bottom: 1px solid #C5CCD3;
  padding-bottom : 6px;
  text-align: center;
}

.newsroomcont h4 { font-size: 18px !important; }

.contentnewsroom .statusaccess { font-size: 14px !important; }

.swipper-bouton { margin:0 !important; }

.swiper-date {
  text-align: left;
  margin-bottom: 40px;
  color: white;
  font-size: 14px;
}

.trinewsroomselect {
  float: left;
  border-radius: 5px 5px 5px 5px;
  font-size: 14px !important;
  max-width: 200px;
  margin-right: 100% !important;
  margin-bottom: 40px !important;
  height: 33px !important;
  margin-top: 20px !important;
}

.trinewsroomtext,
.trinewsroombutton,
.trinewsroomselect {
  height: 47px;
  margin: 35px 0px 15px;
  font-size: 18px;
  box-shadow :inset 0px 0px 0px 0px red;
}

.trinewsroomtext {
  width: 30%;
  float: left;
  border-radius: 0px 5px 5px 0px;
  border-left: 0;
  width: 80%;
  margin-bottom:0px;
}

.trinewsroombutton .fa {
  text-align: center;
  display: inherit;
  font-size: 22px;
  padding-top: 5px;
}

.trinewsroombutton {
  margin-bottom: 0;
  width: auto;
  float: left;
  border-right: 0;
  border-radius: 5px 0px 0px 5px;
}

.newsroomtag {
  text-decoration: none;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 10px;
  padding: 2px;
}

.newsroomtagshow {
  text-decoration: none;
  color: white;
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  padding: 5px;
  border: 1px solid rgb(215, 233, 255);
  border-radius: 5px;
}

.newsroomcount {
  margin-right: 20px;
  margin-bottom: 30px;
  margin-top: 2px;
}

#ulselectFields { padding: 0; }

.deleteCross {
  padding-left: 8px;
  font-size: 16px;
}

.contentnewsroom {
  transition: all ease 200ms;
  margin-bottom: 40px;
  position: relative;
  top:0px;
}

.contentnewsroom:hover {
  position: relative;
  top: -4px;
}

.contentnewsroom.hasLink { cursor: pointer; }

.contentnewsroom.hasLink label { cursor: pointer; }

.contentnewsroom label { margin: 0; }

.buttonmorennews:focus { color: #505f5a; }

.buttonmorennews {
  margin: 0 auto;
  display: block;
  color: #505f5a;
  padding: 17px 30px;
  border: 1px solid #505f5a;
  width: 140px;
  text-align: center;
  width: 165px;
  margin-top :25px
}

.buttonmorennews:hover {
  color: white;
  background-color: #505f5a;
}

.contentnewsroom .newsroomdate {
  font-size: 12px !important;
  color: #b3b2b2;
}

.titreslider {
  padding-bottom: 5px;
}

.newsroomsubcontent {
  background-color: #f5f6f7;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #E6E6E6;
  border-bottom: 5px solid #CFD3D6;
}

.tronquage {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.slideshowcontentp {
  text-align:left;
  white-space: nowrap;
  display: block;
  overflow: hidden!important;
  text-overflow: ellipsis;
  padding-bottom: 5px;
}

.tronquagePad { padding-right: 30px; }

.trinewsroombuttonicone { cursor: pointer; }

.categorieSS {
  text-transform: uppercase;
  color: white ;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-weight: lighter !important;
  font-size: 16px;
}

.landingBox {
  background-color: #f1edec;
  padding: 15px;
  margin-bottom: 30px;
  padding-top: 0px;
  border-top: 3px #c8b221 solid;
  margin-top: 15px;
}

.landingBoxBtn:hover {
  background-color: #c8b221;
  color:white;
}

.landingBoxBtn {
  display: block;
  border: solid 2px #c8b221;
  width: 200px;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  padding: 10px;
  bottom: 50px;
  left: 50%;
  margin-left: -100px;
}

.btnFinancial {
  border-bottom: solid #cbd5d8  2px;
  color: #505f5a;
  background-color: white;
  width: 50%;
  line-height: 26px;
  text-align: center;
  font-size: 17px;
  margin-top: 30px;
  margin-bottom: 30px;
  float: left;
}

.mininav {
  width: 435px;
  margin:0 auto;
}

.btnFinancialActif { border-bottom: solid #505f5a 3px; }

.btnFinancial:hover p { top: -5px; }

.btnFinancial p {
  padding-top: 5px;
  position: relative;
  top: 0;
  transition: 200ms all ease;
}

.investorBtn {
  padding: 9px 15px;
  border: 2px solid #c8b221;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  margin-top:15px;
  float: right;
}

.soustitreInvest { font-size: 18px; }

@media screen and (min-width: 768px) {
  .trinewsroomselect {
    margin-left: 15px;
    margin-right: 0 !important;
    border-radius: 5px 5px 5px 5px;
    height: 47px !important;
    margin-top: 35px !important;
  }
  
  .trinewsroomtext { width: 440px; }
}

/* Icon réseaux sociaux footer */
#social {
    background-color: #253540;
    height: 50px;
}

#div-footer {
    border-bottom: 1px solid #253540;
}
#logo-footer {
    width: 150px;
}

#social {
    padding: 5px;
}

.inline {
    display: inline;
    margin: 20px;
}

.center-footer {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.logo-footer {
    margin: auto;
}

#footer-signin-button {
    color: white;
    background-color: #c8b221;
}

#footer-contact-button {
    color: white;
    background-color: #253540;
    border: unset;
}

/*Menu bouton search jaune*/
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border-color: unset;
    background-color: #c8b221 !important;
}