@font-face{  
    font-family: "PTsans";
    src:url('../fonts/PTsans_regular.ttf') format('truetype');
}

/*
 * BODY
 */
html, body {
    height: 100%;
    /*overflow-x: hidden;*/
}

menu, ol, ul {
    padding: 0;
    margin:0;
}

a{
    outline:none;
    color: #484848;
    text-decoration: none;
}

a:hover {
    color: #DB4B4B;
    text-decoration: none;
}

body {
    background: #fff;
    background-size: cover;
    font-family: "PTsans",Arial;
    font-size: 12px;
    margin: 0;
    padding: 0;
    min-height: 100%;
}

.scroller {
    position: absolute;
    color: #484848;
    font-size: 12px;
    left:326px;
    top:44px;
    width: 500px; 
    border: 1px solid #484848;
    height: 27px;
    line-height: 25px;
    background: #fff url(../images/header_btn_info.svg) left no-repeat;
    padding-left: 42px;
}

#reserv_entreprise {
    font-size: 9px;
    color: #484848;
    position: absolute;
    top: 85px;
    right: 11px;
    text-transform: uppercase;
}

p{
    color:#484848;
}


.iframe-ajax {
    cursor: pointer;
}

a.orange {
    color: #DB4B4B;
    text-decoration: none;
}

.both {
    clear: both;
}

.none {
    display: none;
}

h1 {
    color: #DB4B4B;
    font-family: "PTsans";
    font-size: 22px;
    font-weight: normal;
    margin: 8px 0 8px 0;
    line-height:1;
}

h2 {
    color: #DB4B4B;
    font-family: "PTsans";
    font-size: 18px;
    font-weight: normal;
    margin: 8px 0 8px 0;
}

h3 {
    color: #484848;
    font-family: "PTsans";
    font-size: 16px;
    font-weight: normal;
    margin: 8px 0 8px 0;
}

h4 {
    color: #DB4B4B;
    font-family: "PTsans";
    font-size: 14px;
    font-weight: normal;
    margin: 8px 0 8px 0;
}

/*
 * MENU TOP USER
 */

#nav_user, .menu_user_ul, .menu_user_li, .static1, .static2 {
    padding: 0;
    margin: 0;
}

#nav_user_top {
    display: inline-block;
    margin: 10px auto 0px auto;
    position: relative;
}

#nav_user_bottom {
    display: inline-block;
    margin: auto;
}

#logo_pa_my_pa {
    height: 30px;
    width: 95px;
    background-image: url('../images/logo_my_pa.svg');
    background-repeat: no-repeat;
    background-position: 0px 5px;
    float: left;
}

#nav_user .menu_user_ul {
    list-style-type: none;
    position: relative;

}

#nav_user .menu_user_li_bg {
    background-repeat: no-repeat;
    background-position: 10px center;
}

/* Texte de sous menu */
#nav_user .subul .sublinav li, #nav_user .subsubul, #nav_user .li_subsubul {
    list-style-type: none;
    position: relative;
    padding: 0px 2px 0px 30px;
    width: 210px;
    border-bottom: 1px solid #fff;
}
/* SOUS MENU SUIVIS DE DOSSIER (plus grand) */
#nav_user .nav_suivi_dossier .subul .sublinav li {
    width: 250px;
}
#nav_user .nav_suivi_dossier .subul .sublinav li.line_heigh_my_pa {
    line-height: 20px;
}



/* SOUS MENU SUIVIS DE DOSSIER (plus grand) */
#nav_user .nav_suivi_dossier .subul {
    min-width: 250px;
}

#nav_user .menu_user_li_bg:hover .subul a {
    color: #484848;
}

#nav_user .menu_user_li:hover .subul{
    display: block;
    top: 30px;
}

#nav_user .menu_user_li:hover .subul_mutu{
    display: block;
    width:13.7%;
}

#nav_user .li_subsubul:hover .subsubul {
    display: block;
    background-color: #EEE;
    color:#484848;
    box-shadow: none;
    
}

#nav_user .li_subsubul .subsubul .sublinav li:hover {
    background-color: #DB4B4B;
    color:white;
}

#nav_user .static_nav_user {
    background-repeat: no-repeat;
    background-position: 10px 50%;
    width: 110px;
    border-right: 0px;
}


/***** LOGOS des onglets*****/
#nav_user .my_pa{
    background-image: url('../images/logo_my_performance_achats.png');
    background-repeat: no-repeat;
    background-position: 0px 5px;
}
#nav_user .my_pa:hover{
    background-color: #db4b4b;
}
#nav_user .my_pa a{
    width: 110px;
    margin-left: -30px;
    height: 33px;
    display: inline-block;
}

#btn_lien_mutu a span{
    color:white;
}

#nav_user .nav_demande_prix a p{
    width: 230px;
    height: 18px;
    margin: 0px;
    margin-top: -5px;
    cursor: pointer;
    color: white;
}


/*
 * HEADER
 */
.entete {
    font-size: 11px;
    height: 69%;
    width: 1100px;
}

#logo {
    float: left;
    width: 27%;
}

#logo1 {
    margin-top: 18px;
    width: 85%;
}

#logo2 {
    top: -30px;
    position: relative;
    font-size: 12px;
    color: #484848;
    left: 18px;
    width: 100%;
}

#btn_demo{
    float: right;
    text-align: center;
    padding: 5px;
    margin-top: 7px;
    background: #DB4B4B;
    font-size: 11px;
    color: white;
    width: 186px;
    margin-right: 1%;
}

#btn_demo:hover{
    background: #F99393;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

#btn_rappel {
    font-size: 12px;
    border: none;
    margin-left: 31px;
    background:#eee url('../images/picto_rappel.svg') no-repeat;
    background-size: 12%;
    padding-left: 30px;
    background-position: 1%;
    position: absolute;
    right: 0px;
    top: -34px;
}	

#btn_rappel:hover{
    font-size:12px;
    border:none;
    margin-left: 31px;
    background: #DB4B4B url('../images/picto_rappel_hover.svg') no-repeat;
    background-size: 12%;
    padding-left: 30px;
    background-position: 1%;
}

#module_connexion {
    float: right;
    min-width: 203px;
    text-align: center;
    padding: 3px;
}

.module_connexion_se_connecter {
    float: left;
    height: 24px;
    width: 115px;
    position: relative;
    border:1px solid  #DB4B4B;
    background: white;
    top: 8px;
}

.module_connexion_inscription {
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    float: left;
    height: 24px;
    width: 143px;
    position: relative;
    border:1px solid  #DB4B4B;
    margin-left: 5px;
    background: white;
    top: 8px;
}

.module_connexion_inscription a, .module_connexion_se_connecter a{
    display: inline-block;
    height: 100%;
    padding: 1px;
    line-height: 2;
}

.module_connexion_inscription span, .module_connexion_se_connecter span{
    position: relative;
    margin-left: 8px;
    color: #DB4B4B;
    vertical-align: top;
    font-size:11px;
    text-align: center;
}

#select_langue {
    padding: 5px;
    width: 75px;
}

.picto_menu{
    height: 35px;
}
.topnav #myLinks {
  display: none;
  background-color: #eee;
  margin-top: -11px;
  width: 68%;
  position: absolute;
  left:32%;
  z-index: 100;
}
/*#qui_menu{
    display: none;
    font-size: 17px;
}
#qui_menu a{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 8px !important;
}*/
#solution_menu{
    display: none;
    font-size: 17px;
}
#solution_menu a{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 8px !important;
}
#fournisseurs_menu{
    display: none;
    font-size: 17px;
}
#fournisseurs_menu a{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 8px !important;
}
#contact_menu{
    display: none;
    font-size: 17px;
}
#contact_menu a{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 8px !important;
}
.flex_menu{
    display: flex;
    justify-content: space-around;
    background-color: #fff;
    border-radius: 5px;
    margin: 5px;
}
#contact_phone {
    float: right;
    margin-top: -15px;
    margin-left: 3%;
}

#contact_phone a {
    color: #DB4B4B;
    float: right;
    line-height: 20px;
    margin-top: 17px;
    padding: 7PX;
    font-weight: bold;
}

#contact_mail{
    width:18px;
    height:12px;
    margin-right:13px; 
    padding-right:11px;
    border-right:1px solid white;
    position: relative;
    top: 2px;
}

#menu_responsive{
    display: none;
}

#menu_responsive img{
    /*width: 100%;*/
    /*min-height: 39px;*/
}


.li_hovered {
    background: #db4b4b;
}

/* MENU MA BIBLIOTHEQUE */
li.mypa_logos {
    background-image: url('../images/picto_logo.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
}
li.mypa_chartes {
    background-image: url('../images/picto_chartes.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
}
li.mypa_procedures {
    background-image: url('../images/picto_procedures.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
}
li.mypa_contrats {
    background-image: url('../images/contrat.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
}
li.mypa_normes {
    background-image: url('../images/picto_normes.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
}
li.mypa_autres {
    background-image: url('../images/picto_autres_doc.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
}
li#mypa_boutique {
    background-image: url('../images/picto_boutique.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
}
li.disabled {
    color: #bbb;
}
li.mypa_selections {
    background-image: url('../images/picto_selection.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.mypa_produits {
    background-image: url('../images/picto_produits.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.mypa_fournisseurs {
    background-image: url('../images/btn_fournisseur.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.mypa_logos {
    background-image: url('../images/picto_logo_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.mypa_chartes {
    background-image: url('../images/picto_chartes_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.mypa_procedures {
    background-image: url('../images/picto_procedures_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.mypa_contrats {
    background-image: url('../images/contrat_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.mypa_normes {
    background-image: url('../images/picto_normes_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.mypa_autres {
    background-image: url('../images/picto_autres_doc_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover#mypa_boutique {
    background-image: url('../images/picto_boutique_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.mypa_selections {
    background-image: url('../images/picto_selection_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}

#nav_user .sublinav li:hover.mypa_produits {
    background-image: url('../images/picto_produits_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.mypa_fournisseurs {
    background-image: url('../images/btn_fournisseur_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
/* MENU SUIVI DE DOSSIER */
li.my_pa_demande_fournisseur {
    background-image: url('../images/picto_demandes_ao.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.my_pa_demande_fournisseur {
    background-image: url('../images/picto_demandes_ao_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.my_pa_commande_fournisseur {
    background-image: url('../images/commande_sans_devis.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.my_pa_commande_fournisseur {
    background-image: url('../images/commande_sans_devis_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.my_pa_commandes_client {
    background-image: url('../images/commandes_clients.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.my_pa_commandes_client {
    background-image: url('../images/commandes_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.my_pa_commande_client {
    background-image: url('../images/commande_clients.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.my_pa_commande_client {
    background-image: url('../images/commande_sans_devis_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.my_pa_commandes_fournisseur {
    background-image: url('../images/commandes.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.my_pa_commandes_fournisseur {
    background-image: url('../images/commandes_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.my_pa_demande_interne {
    background-image: url('../images/picto_demandes_ao_clients.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.my_pa_demande_interne {
    background-image: url('../images/picto_demandes_ao_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
/* MENU TABLEAU DE BORD */
li.my_pa_accueil {
    background-image: url('../images/picto_accueil.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.my_pa_accueil {
    background-image: url('../images/picto_accueil_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.my_pa_compte {
    background-image: url('../images/picto_compte_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.my_pa_compte {
    background-image: url('../images/picto_compte.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.my_pa_annuaire {
    background-image: url('../images/picto_annuaire.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.my_pa_annuaire {
    background-image: url('../images/picto_annuaire_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}

li.my_pa_info {
    background-image: url('../images/picto_info.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.my_pa_info {
    background-image: url('../images/picto_info_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}

li.menu_suivi_projet {
    /*background-image: url('../images/icone_engrenage_red.png');*/
    background-repeat: no-repeat;
    background-size: 30px 30px;
    /*background-position: 8px 12px;*/
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.menu_demande_de_prix {
    background-image: url('../images/icone_ddp.png');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: -5px 0px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.menu_appel_offre {
    background-image: url('../images/icone_ao.png');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: -5px 0px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.menu_demande_achats {
    background-image: url('../images/icone_ha.png');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: -5px 0px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.menu_commandes {
    background-image: url('../images/icone_com.png');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    /*background-position: 8px 12px;*/
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.menu_com_direct {
    background-image: url('../images/icone_com_direct.png');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    /*background-position: 8px 12px;*/
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.menu_mutualisation {
    background-image: url('../images/icone_mutu.png');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    /*background-position: 8px 12px;*/
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
li.menu_mes_paniers {
    /*background-image: url('../images/panier_orange.png');*/
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 2px 5px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}

li.my_pa_rfa_fournisseur, li.my_pa_rfa_client {
    background-image: url('../images/picto_rfa.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}

#nav_user .sublinav li:hover.my_pa_rfa_fournisseur, #nav_user .sublinav li:hover.my_pa_rfa_client{
    background-image: url('../images/picto_rfa_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}

li.my_pa_objectifs {
    background-image: url('../images/picto_objectif.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#nav_user .sublinav li:hover.my_pa_objectifs{
    background-image: url('../images/picto_objectif_hover.svg');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}

/*
 * FOOTER
 */
#footer {
    background-color: white;
    font-size: 11px;
    border-top: 3px solid #484848;
}

#bandeau_footer_gris{
    background-color: #ddd;
    width: 100%;
}

#footer h2 {
    color: #DB4B4B;
    font-family: "PTsans";
}

.contener_footer {
    width: 95%;
    margin: 0 auto;
    position: relative;
    padding-top: 10px;
    background-repeat: no-repeat; 
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    color: #484848;
}

.contener_footer ul li {
    list-style:none;
}

#article_footer_aside li a,#article_footer1 li a,#article_footer2 li a,#article_footer3 li a,#article_footer4 li a,#article_footer5 li a,#article_footer6 li a,#article_footer7 li a,#article_footer8 li a {
    color: #555;
    font-size: 11px;
    font-family: "PTsans";
}

#newsletter {
    width: 311px;
    height: 67px;
}

#newletter form {
    left: -9px;
    position: relative;
}

#newsletter input[type=text]{
    width: 237px;
    height: 27px;
    padding: 0px;
    padding-left: 5px;
    float: left;
}

#newsletter a, #newsletter input[type=submit]{
    background: #db4b4b url(../images/btn_avion_papier.png) 50% 50% no-repeat;
    cursor: pointer;
    height: 27px;
    width: 31px;
}

#newsletter input[type="text"]{
    box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.7) inset;
}

#newsletter input[type="text"]:focus{
    border:none;
}

#article2_footer_aside input[type=submit]{
    height: 27px;
}

.bloc_contact  {
    display: inline-block;
    font-size: 14px;
    width: 235px;
    vertical-align: top;
    border-right: 1px solid #fff;
    font-size:11px;
}

.bloc_contact  ul {
    position: relative;
    top: -52px;
}

#réseaux_sociaux{
    color: #484848;
    font-size: 11px;
    font-family: "PTsans";
    height: 55px;
    margin-top: 41px;
    margin-left: -180px;
    border-right: 1px solid #fff;
    width: 252px;
}

#footer_bloc_1 {
    width: 185px;
    margin-top: 40px;
    margin-right: 30px;
    height: 197px;
}

#footer_contact {
    width: 50%;
}

#footer_twitter {
    background: url('../images/footer/twitter.png') center 0px;
    background-repeat: no-repeat;
    float: left;
    padding-top: 42px;
    width: 60px;
    text-align: center;
    background-size:40px;
}

#footer_facebook {
    background: url('../images/footer/picto_facebook.svg') center 0px;
    background-repeat: no-repeat;
    float: left;
    padding-top: 42px;
    width: 50px;
    text-align: center;
    color: #484848;
    font-size: 10px;
    background-size:40px;
}

#footer_linkedin {
    background: url('../images/footer/picto_linkedin.svg') center 0px;
    background-repeat: no-repeat;
    float: left;
    padding-top: 42px;
    width: 60px;
    text-align: center;
    color: #484848;
    font-size: 10px;
    background-size:40px;
}

#footer_viadeo {
    background: url('../images/footer/picto_viadeo.svg') center 0px;
    background-repeat: no-repeat;
    float: left;
    padding-top: 42px;
    width: 60px;
    text-align: center;
    color: #484848;
    font-size: 10px;
    background-size:40px;
}

#footer_wordpress {
    background: url('../images/footer/picto_blog.svg') center 0px;
    background-repeat: no-repeat;
    float: left;
    padding-top: 42px;
    width: 60px;
    text-align: center;
    color: #484848;
    font-size: 10px;
    background-size:40px;
}

#footer_google {
    background: url('../images/footer/google+.png') center 0px;
    background-repeat: no-repeat;
    float: left;
    padding-top: 42px;
    width: 60px;
    text-align: center;
    color: #484848;
    font-size: 10px;
    background-size:40px;
}

#footer_linkedin:hover, #footer_facebook:hover, #footer_viadeo:hover, #footer_wordpress:hover {
    opacity: 0.8;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    transition: all 300ms linear;
    cursor: pointer;
    color:#DB4B4B;
}
#footer_pinterest {
    background: url('../images/icone_social_pinterest.png') 7px 0px;
    background-repeat: no-repeat;
    float: left;
    padding-top: 35px;
    width: 35px;
    font-size: 10px;
}

#footer_bloc_2 {
    width: 225px;
    float: left;
    margin-top: 40px;
    margin-right: 10px;
}

#footer_bloc_3 {
    width: 190px;
    float: left;
    margin-top: 40px;
    margin-right: 10px;
}

#footer_bloc_4 {
    width: 229px;
    padding-left:12px;
    position: relative;
    top: 38px;
}

#footer_bloc_5 {
    width: 178px;
    padding-left:12px;
    margin-right: 45px;
    position: relative;
    top: 38px;
}

.article_footer {
    min-height: 40px;
    border-right: 1px solid #888888;
    padding-right: 22px;
    padding-left: 12px;
    position: relative;
    top: 28px;
}

#copyright {
    color: white;
    font-family: "PTsans";
    font-size: 12px;
    padding: 5px 5px 5px 35px;
    text-align: center;
    background-color:#484848;
}

#content_copyright{
    width:63%;
    margin:auto;
}

#mentions_legales{
    float:left;
}

#copyright ul {
    position: relative;
    left: 29%;
    width: 67%;
}

#copyright ul li{
    display: inline-block;
    list-style:none;
    padding-left:22px;
}

#copyright ul li a{
    color:white;
}

#copyright ul li a:hover{
    color:#DB4B4B;
}

/*
 * CONTENT SECTION
 */

#main_content_transparent {
    margin: auto;
    clear: both;
    width:100%;
    padding-top: 32px;
}

#main_content {
    margin: auto;
    width: 1103px;
    clear: both;
    position:relative;
    padding: 32px 18px 18px 18px;
    min-height:500px;
}

#main_content_transparent_home,#main_content_2_col {
    margin: auto;
    width: 58%;
    clear: both;
    min-height:500px;
    margin-bottom: 2%;
}

#main_content_left {
    background-color: #fff;
    float: left;
    margin: 0 auto 0 auto;
    position: relative;
    width: 800px;
}

#main_content_right {
    background-color: #fff;
    float: right;
    margin: 0 auto 0 auto;
    padding: 18px;
    position: relative;
    width: 777px;
}


/*
 * MESSAGES FLASH
 */

.message_erreur {
    background-color: #db4b4b;
    margin: 15px auto 15px;
    clear: both;
    z-index: 1000;
}

.message_erreur p:first-child {
    color: white;
    font-size: 24px;
    font-family: "PTsans";
    font-weight: bold;
    margin: 0px;
    text-align: center;
    padding-top: 12px;
}

.message_erreur p:last-child {
    color: white;
    font-size: 14px;
    font-family: "PTsans";
    margin: 0px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 12px;
    padding-left: 32px;
    padding-right: 32px;
}

.message_erreur a {
    color:#fff;
    text-decoration:underline;
}

.message_information {
    background-color: #eee;
    margin: 15px auto 15px;
    clear: both;
    z-index: 1000;
}

.message_information p:first-child {
    color: #db4b4b;
    font-size: 24px;
    font-family: "PTsans";
    font-weight: bold;
    margin: 0px;
    text-align: center;
    padding-top: 12px;
}

.message_information p:last-child {
    color: #484848;
    font-size: 14px;
    font-family: "PTsans";
    margin: 0px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 12px;
}

.message_succes {
    background-color: #db4b4b;
    margin: 15px auto 15px;
    clear: both;
    z-index: 1000;
}

.message_succes p:first-child {
    color: white;
    font-size: 24px;
    font-family: "PTsans";
    font-weight: bold;
    margin: 0px;
    text-align: center;
    padding-top: 12px;
}

.message_succes p:last-child {
    color: white;
    font-size: 14px;
    font-family: "PTsans";
    margin: 0px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 12px;
}

.message_warning {
    background-color: #db4b4b;
    width: 1100px;
    margin: 15px auto 15px;
    clear: both;
}

.message_warning p:first-child {
    color: #db4b4b;
    font-size: 24px;
    font-family: "PTsans";
    font-weight: bold;
    margin: 0px;
    text-align: center;
    padding-top: 12px;
}

.message_warning p:last-child {
    color: #484848;
    font-size: 14px;
    font-family: "PTsans";
    margin: 0px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 12px;
}

.flash_pha {
    background-color: #eee;
    width: 1100px;
    margin: 15px auto 15px;
    clear: both;
}

.flash_pha p:first-child {
    color: white;
    font-size: 24px;
    font-family: "PTsans";
    font-weight: bold;
    margin: 0px;
    text-align: center;
    padding-top: 12px;
}


/*
 * SIDE MENU (LEFT, RIGHT, ELEMENTS)
 */

aside.sideMenuRight {
    float: right;
    width: 228px;
}

aside.sideMenuLeft {
    float: left;
    width: 193px;
}

aside .menuHeader {
    background-color: #484848;
    border-bottom: 1px solid #484848;
    color: #fff;
    font-size:14px;
    height: 25px;
    line-height: 2;
    padding: 0px;
    width: 100%;
    text-align: center;
}

aside .menuHeaderLoupe {
    background-image: url('../images/btn_loupe.png');
    background-position: 13px 10px;
    background-repeat: no-repeat;
    background-color: #484848;
    color: #fff;
    font-size:14px;
    height: 25px;
    padding: 8px 0 0 18%;
    width: 82%;
}

aside .menuElement {
    background-color: #fff;
    border-bottom: 1px solid #c7c7c7;
    font-size:12px;
    min-height: 21px;
    line-height: 21px;
    padding-left: 20px;
}

aside .menuSubElement {
    background-color: #ebebeb;
    border-bottom: 1px solid #cacaca;
    font-size:11px;
    line-height:18px;
    min-height: 20px;
    -moz-width: 196px;
    -webkit-width: 196px;
    -ms-width: 206px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}


/*
 * FORM
 */

form {
    padding: 8px;
}

input[type=file] {
    background-image: url(../images/icone_file_join.png);
    background-position: 99% center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    font-family: "PTsans";
    font-size: 12px;
}

input[type=text], input[type=password], input[type=email], input[type=file], input[type=tel], input[type=number]{
    border: 1px solid #ccc;
    font-family: "PTsans";
    font-size: 12px;
    padding: 0px 0px 0px 5px;
    height: 20px;
    width: 150px;
    margin: 0px;
}
.small_input_text {
    width: 70px !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance: none;
}
input[type=number]::-moz-inner-spin-button,
input[type=number]::-moz-outer-spin-button{
    -moz-appearance: none;
}

/**/
input[type=number]::-ms-inner-spin-button,
input[type=number]::-ms-outer-spin-button{
    -ms-appearance: none;
}

input[type=submit], input[type=button] {
    background-color: #fff;
    color: #DB4B4B;
    font-family: "PTsans";
    font-size: 15px;
    height: 23px;
    cursor: pointer;
    border: 1px solid #DB4B4B;
    vertical-align: top;
}

input[type=submit]:hover, input[type=button]:hover {
    background-color: #DB4B4B;
    color: white;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.submit_update {
    background-image: url(../images/small_modifier.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 25px 25px;
    height: 25px;
    width: 25px;
    padding: 0;
    margin: 0;
    border: none !important;
}

.submit_update:hover {
    background-color: transparent !important;
}

input.bigOrangeButtonIcon {
    background-image: url(../images/icone_btn_panier.png);
    background-repeat: no-repeat;
    background-position: 9px 9px;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    padding: 10px 16px 10px 36px;
    text-shadow: 1px 1px 1px #9f3715;
}


input[type=checkbox] {
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 0px 4px 0px 0px;
}

select {
    border: 1px solid #ccc;
    font-family: "PTsans";
    font-size: 12px;
    padding: 1px;
    color: #484848;
}

select:focus {
    border: 1px solid #DB4B4B;
}

textarea {
    border: 1px solid #ccc;
    font-family: "PTsans";
    font-size: 12px;
    height: 70px;
    padding: 5px;
    width: 390px;
}

input.formError {
    background-color: #fef4f4;
    border: 1px solid #db4b4b;
}

textarea.formError {
    background-color: #fef4f4;
    border: 1px solid #db4b4b;
}

select.formError {
    background-color: #fef4f4;
    border: 1px solid #db4b4b;
}

.formErrorDiv {
    background-color: #db4b4b;
    color: #fff;
    display: inline-block;
    min-width: 100px;
    padding: 6px;
}

/*
 * PAGINATION
 */

#pagination,.pagination {
    margin: 0 auto 0 auto;
    text-align: center;
}

#pagination ul,.pagination ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#pagination li, .pagination li {
    float: left;
    list-style-type: none;
    padding: 5px 9px 5px 9px;
}

#pagination li.pageEnCours, .pagination li.pageEnCours {
    background-color: #fff;
    color: #DB4B4B;
}

#pagination li + li, .pagination li + li {
    border-right: 1px solid #ddd;
}

#pagination li.pageSaut, .pagination li.pageSaut {
    background-color: #fff;
    border-right: 1px solid #ddd;
    font-weight: normal;
}

#pagination li.pageLink, .pagination li.pageLink {
    border-right: 1px solid #ddd;
}

#pagination li.pageLink:last-child, .pagination li.pageLink:last-child {
    border-right: 0;
}

#pagination li.pagePrecedente, .pagination li.pagePrecedente {
    border-right: 1px solid #fff;
    color: #A8A8A8;
    font-size: 12px;
}

#pagination li.pageSuivante, .pagination li.pageSuivante {
    border-left: 1px solid #fff;
    color: #A8A8A8;
    font-size: 12px;
}

/*
 * ERREUR 404
 */

ul.list404 {
    line-height: 18px;
    list-style-type: square;
}

a img {
    border:none;
}

/*
 * Ul menu fournisseur audites
 */
ul .critere1, ul .critere2,ul .critere3,ul .critere4 {
    border: 0px;
    float: left;
    font-family: "PTsans";
    width: 200px;
}

ul #secteur02 {
    border: none;
    float: left;
    width: 200px;
}

.critere1 p, .critere2 p, .critere3 p , .critere4 p {
    color: #000;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
}

.tous-les-produits {
    position: absolute;
    right: 0;
    bottom: 0;
}

*, .before, .after{
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.none, .nav > li.none {
    display: none;
}

.container {
    width: 1000px;
    padding: 0px;
    margin: 0px;
    position: relative;
    z-index: 1;
}

.chzn-container {
    border: 1px solid rgb(204, 204, 204);
    background: #fff;
}


#btn_menu_compte:hover,#btn_menu_deconnexion:hover  {
    color: #fff;
}

#bandeau_navbar{    
    background-color: #eee;
}

#menu-toggle {
    display: none; 
}

.navbar_top_accueil{
    font-family: "PTsans";/*ICI NONE*/
    height: 40px;
    width: 58%;
    margin: auto;
    z-index:2000;
    position:relative;
}

.box_metier_title_top { /* Titre de chaque métier */
    height: 25px;
    text-align: center;
    color:#484848;
    padding: 12px 0px 3px 0px;
    margin: 0px 1px 0px 1px;
    text-transform: uppercase;
}

.box_metier_title_top:hover{
    background:#DB4B4B;
    transition: height 0.5s ease 0s;
    color:white;
}

.hover_menu_top {
    transition: height 0.5s ease 0s;
    color: white;
    background: #DB4B4B;

}

.menu_box_metier_top {  /*Bloc de chaque métier */
    width: 15%;
    float: left;
    display: inline-block;
    cursor: pointer;
}

.navbar_top_accueil ul {
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 40px;
    z-index: 9999;
}

.navbar_top_accueil ul li {
    list-style-type: none;
    padding: 10px;
    background-color: #eee;
    color: #DB4B4B;
    width: 145px;
    text-align:center;
    border-bottom:1px solid white;
}

.navbar_top_accueil ul li:hover{
    background-color: #DB4B4B;
    color:white;
}

.navbar_top_accueil .sous_menu_box_metier{
    display: none;
}

.menu_box_metier_top:hover .sous_menu_box_metier{
    display: block;
}

.fleche_deroulante{
    background: url(../images/fleche_bleue.svg) no-repeat;
    width: 15px;
    height: 10px;
    position: relative;
    left: 129px;
    top: -13px;
    background-size: 15px;
}

.box_metier_title_top:hover .fleche_deroulante{
    background: url(../images/fleche_blanche.svg) no-repeat;
    width: 15px;
    height: 10px;
    position: relative;
    left: 129px;
    top: -13px;
    background-size: 15px;
}

.hover_menu_top .fleche_deroulante{
    background: url(../images/fleche_blanche.svg) no-repeat;
    width: 15px;
    height: 10px;
    position: relative;
    left: 129px;
    top: -13px;
    background-size: 15px;
}

/************** NEW MENU 06/05/2014 *******************************************/

.menu_box_metier {  /*Bloc de chaque métier */
    float: left;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.menu_box_metier_recherche {  /*Bloc de chaque métier */
    width: 111px;
    float: left;
    display: inline-block;
    margin-left: 1px;
}

.box_metier_title_picto { /* Titre de chaque métier */
    text-align: center;
    background-color: #484848;
    color: #fff;
    padding: 5px;
    width: 20px;
    height: 15px;
}

.box_incentive { /* Titre de chaque métier */
    text-align: center;
    background-color: #484848;
    color: #fff;
    padding: 5px;
    width: 80px;
    margin-left: 3px;
    float: left;
}

.box_boutique:hover { /* Titre de chaque métier */
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    background:#DB4B4B;
}

.content_familles{
    width: 175px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    border-right: 1px solid white;
    height: 320px;
    margin-top: 15px;
    padding-top: 6px;
}

.content_familles h1 {
    font-size:14px;
    line-height: 1.3;
}

.content_familles h1 span:hover{
    color:#F99393;
    cursor:pointer;
}

.content_familles h1:hover{
    cursor:default;
}


.content_familles ul{
    padding:0;
}


.box_metier_ul  li { /* Sous menus */
    list-style:none;
    min-width: 155px;
    text-align: left;
    border-bottom: 1px solid #484848;
}


/* FANCYBOX */
#entete_fancybox{
    width: 100%;
    height: 50px;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    background-color: #eee;
    text-align: center;
}
#entete_fancybox h1{
    padding: 0px;
    margin: 0px;
    font-size: 30px;
}
/************/

/* LISTE DEROULANTE*/
/*div.containerCheck{
    position: relative;
    border: 0px solid #484848;
    display: inline-block;
}*/
ul.containerElCheck {
    width: 71%;
    max-height: 150px;
    margin: 0;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: left;
    list-style: none;
    left: 0;
    top: 0;
    right: 0;
    position: relative;
    overflow: auto;
    cursor: default;
    z-index: 10;
}
ul.containerElCheck li:hover {
    background-color: #DB4B4B;
    color: white;
}
ul.containerElCheck li input{
    margin: 0px 5px;
    text-align: left;
}

input.box_list_check {
    width: 90px;
    height: 25px;
    padding: 0;
    border-radius: 0px;
    cursor: pointer;
    float: left;
}
input.box_list_check:hover, input.box_list_check:active {
    border: 1px solid #fff;
    padding: 0;
}
input[type="button"].btn_deroul_bas {
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    padding: 0;
    background: url('../images/fleche_bleue.svg') no-repeat #fff 2px center;
    float: left;
}


.underline {
    text-decoration: underline;
}

#btn_newsletter{
    background: url("../images/mail.svg") #fff no-repeat;
    color:#DB4B4B;
    padding: 10px;
    text-align: right;
    width: 170px;
    font-size: 12px;
    background-size: 15%;
    background-position: 1% 45%;
    margin-top: 44px;
    border: 1px solid #DB4B4B;
    background-position: 9px;
    position: relative;
    left: -91px;
}

#btn_newsletter:hover{
    background:#DB4B4B url("../images/mail_hover.svg") no-repeat;
    background-size: 15%;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    color:white;
    background-position: 9px;
}

.btn_retour{
    background: #fff url(../images/retour.svg) no-repeat 2px !important;
    width: 28px;
    height: 25px;
    border: 1px solid #DB4B4B;
}

.btn_retour:hover {
    background: #DB4B4B url(../images/retour_hover.svg) no-repeat 2px !important;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

#content_config_titre {
    position: absolute;
    left: -240px;
}

.color_db4 {
    color: #db4b4b;
}

.picto_voir {
    background-color: #fff;
    border: 1px solid #db4b4b;
    height: 25px;
    width: 25px;
    background-image: url("../images/icone_voir.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    display: inline-block;
}
/*.picto_voir:hover {
    background-color: #DB4B4B;
    height: 25px;
    width: 25px;
    background-image: url("../images/voir.svg");
    background-repeat: no-repeat;
}*/

/******************************************************************************/
/****************************** MENU HEADER ONGLET TOP ************************/ 
/******************************************************************************/



/* SOUS MENU */
#nav_user .subul {
    display: none;
    position: absolute;
    top: 22px;
    left: 0px;
    list-style-type: none;
    background-color: #eee;
    color: #484848;
    margin: 0;
    padding: 0;
    min-width: 135px;
    text-align: left;
    z-index: 1;
    border: 1px solid #484848;
}

#nav_user .sublinav li {
    line-height: 35px;
}

/* Sous menu au survol */
#nav_user .sublinav li:hover {
    background: #DB4B4B;
    color: #fff;
}

.menu_box_metier:hover  #achats_généraux {
    height:430px;
    border-top: 2px solid #DB4B4B;
    border-bottom: 2px solid #db4b4b;
    margin-top: 6px;
}

.box_metier_ul #achats_généraux {
    height: 0px;
    overflow:hidden;
    width: 560px;
    position: absolute;
    top: 25px;
    background-color: #eeeeee;
    padding: 0px;
    -webkit-transition: 0.6s max-height;
    -moz-transition:0.6s max-height;
    transition: 0.6s max-height ;
    margin-top: 6px;
    z-index: 1;
}

/* Menu "Mes boutiques" avec son ul caché */
li#mypa_boutique {
    height: 26px;
    padding-top: 10px !important;
}

#nav_user .subsubul {
    display: none;
    position: absolute;
    left: 240px;
    top: 0px;
    padding: 0;
    overflow: hidden;
    z-index: -1;
    border: 1px solid #484848;
}

#nav_user .li_subsubul:hover{
    display: block;
    background-color: #DB4B4B;
    color:#fff;
    box-shadow: none;
}

/******************************************************************************/
/****************************************** MENU OPTIONS **********************/
/******************************************************************************/

.img_export {
    height: 38px;
}

input[type='submit'].submit_loupe {
    background-color: #db4b4b !important;
    background-image: url(../images/btn_loupe.png);
    background-repeat: no-repeat;
    background-position: 8px 7px;
    border: 0;
    cursor: pointer;
    width: 30px;
    height: 27px;
    padding: 0px;
    float: right;
}

#alerte_produit_propose {
    position: absolute;
    right: 0px;
    top: -5px;
    background-color: #db4b4b;
    color: #fff;
    border-radius: 50%;
    height: 20px;
    width: 20px;
}

.imprimer {
    height: 25px;
}

.btn_loupe {
    background: #db4b4b url(../images/btn_loupe.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    border: 0;
    cursor: pointer;
    width: 23px;
    height: 23px;
    padding: 0px;
    display: inline-block;
}

.btn_voir {
    height: 25px;
    width: 25px;
    background: url('../images/voir.svg') no-repeat;
    margin-right: 3px;
    display: inline-block;
}
.btn_voir:hover {
    background: url('../images/voir_hover.svg') no-repeat;
}
.btn_archiver {
    height: 25px;
    width: 25px;
    background: url('../images/archiver.svg') no-repeat;
    margin-right: 3px;
    display: inline-block;
}
.btn_archiver:hover {
    background: url('../images/archiver_hover.svg') no-repeat;
}
.btn_annuler {
    height: 25px;
    width: 25px;
    background: url('../images/supprimer.svg') no-repeat;
    margin-right: 3px;
    display: inline-block;
}
.btn_annuler:hover {
    background: url('../images/supprimer_hover.svg') no-repeat;
}
.btn_config {
    height: 25px;
    width: 25px;
    background: url('../images/engrenage.png') no-repeat;
    background-size: 25px 25px;
    margin-right: 3px;
    display: inline-block;
}

.input_text {
    width: 150px !important;;
    height: 18px !important;;
}

.small_input_text {
    width: 71px !important;
    height: 18px !important;
}

#main_title {
    text-align: center;
}

.text_left {
    text-align: left !important;
}

.text_right {
    text-align: right !important;
}

.input_submit_blanc {
    border: 1px solid #fff !important;
    border-radius: 5px;
    color: #fff !important;
    background-color: transparent !important;
    padding: 2px !important;
    height: 14px !important;
    font-size: 12px !important;
    line-height: 0px;
}

.input_button_blanc {
    border: 1px solid #fff !important;
    border-radius: 5px;
    color: #fff !important;
    background-color: transparent !important;
    padding: 2px !important;
    height: 14px !important;
    font-size: 12px !important;
    line-height: 0px;
}

/* PLUGINS */
.trumbowyg-box {
    margin: 0 !important;
}

/* TOOLTIP */
.ui-tooltip, .arrow:after {
    background: #676767;
    border: 2px solid white;
}
.ui-tooltip {
    padding: 10px 20px;
    color: #676767 !important;
    border-radius: 5px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    border: 2px solid #676767 !important;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px #676767;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}
#responsive_header{
    display: none;
}
.topnav a {
  color: #595959;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 16px;
  display: block;
}

.topnav a.icon {
  /*background: black;*/
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.topnav a:hover {
  /*background-color: #ddd;*/
  color: black;
}
#menu_responsive{
    display: none ;
}
.chevron{
    transform: scaleX(-1);
    height: 25px;
    margin-top: 12px;
}
.chevron .rotate{
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*#chevron_contact{
    margin-left: 25px;
}*/
.picto_spe_menu{
    height: 38px;
}
#picto_contact_menu{
    height: 25px;
}
#menu_picto{
    float: right;
    margin-right: -10px;
    margin-top: -6px;
    width: 100%;
}
/* MEDIA QUERY */ 
@media all and (min-width: 700px) and (max-width: 1280px){
    #logo1_responsive{
        width: 26% !important;
    }
    #menu{
        display: none !important;
    }
    #reserv_entreprise{
        display:none;
    }
    #contact_phone{
        display:none;
    }
    #header{
        display:none;
    }
    #btn_demo{
        display:none;
    }
    .navbar{
        display:none;
    }
    #menu_responsive{
        display: block !important ;
    }
    
    #bandeau_navbar{
        background-color: #fff;
        padding-bottom: 10px;
    }
    .navbar_top_accueil{
        height: 70px;
        width: 100%;
    }
    .titre_responsive{
        width: 75%;
    }
    #connexion_responsive{
        position: absolute;
        top:8px;
        left:50%;
        background-color: #fff;
        /*margin: 5px;*/
        padding: 4px;
        border-radius: 8px;
    }
    #lien_connexion_responsive{
        display: flex;
    }
    #menu_bloc{
        display:flex;
        background-color: #DB4B4B;
        width: 100%;
        justify-content: space-evenly;
        margin-left: 0px;
        height : 50px;
    }
    
    .hr_menu{
        border-right: 2px solid #eee;
        width: 16%;
        text-align: center;
    }
    #market_img{
        margin-top:2px !important;
    }
    #menu_bloc img{
        margin-right: auto;
        width: 24%;
        margin-top: 10px;
    }
    #nav_user{
        display:none;
    }
    #footer{
        display: none;
    }
    #copyright{
        display: none;
    }
    .ui-widget-content{border:1px solid #484848;background:#fff;color:#484848; width:345px !important;margin-left: 1%; }
    .ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin:.5em 36px 0 25px;padding:.3em 0em .5em .4em;width: 290px !important;}
    
}
/* Sur tous types d'écran, quand la largeur de la fenêtre est comprise entre 1024px et 1280px */
@media all and (min-width: 260px) and (max-width: 1280px){
    
    .gallery-slideshow{
        display:none;
    }
    #menu{
        display: none !important;
    }
    #reserv_entreprise{
        display:none;
    }
    #contact_phone{
        display:none;
    }
    #header{
        display:none;
    }
    #btn_demo{
        display:none;
    }
    .navbar{
        display:none;
    }
    #logo1_responsive{
        width: 200px !important;
    }
    #menu_responsive{
        display: block !important ;
    }
    #bandeau_navbar{
        background-color: #fff;
        padding-bottom: 10px;
    }
    .navbar_top_accueil{
        height: 70px;
        width: 100%;
    }
    .titre_responsive{
        width: 75%;
    }
    #connexion_responsive{
        position: absolute;
        top:8px;
        left:50%;
        background-color: #fff;
        /*margin: 5px;*/
        padding: 4px;
        border-radius: 8px;
    }
    #lien_connexion_responsive{
        display: flex;
    }
    #menu_bloc{
        display:flex;
        background-color: #DB4B4B;
        width: 103%;
        justify-content: space-evenly;
        margin-left: -6px;
        height : 50px;
    }
    
    .hr_menu{
        border-right: 2px solid #eee;
        width: 16%;
        text-align: center;
    }
    #market_img{
        margin-top: 8px !important;
    }
    #menu_bloc img{
        margin-right: auto;
        width: 28px;
        margin-top: 11px;
    }
    #nb_panier_commande{
        position: relative;
        color: #fff;
        right: 18px;
        top: -50%;
    }
    #nb_comparateur_responsive{
        color:#fff;
        position:relative;
        top: -45%;
    }
    #nav_user{
        display:none !important;
    }
    #footer{
        display: none;
    }
    #copyright{
        display: none;
    }
    .ui-widget-content{border:1px solid #484848;background:#fff;color:#484848; width:345px !important;margin-left: 1%; }
    .ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin:.5em 36px 0 25px;padding:.3em 0em .5em .4em;width: 290px !important;}
    
}
@media all and (min-width: 260px) and (max-width: 422px){
    #logo1_responsive{
        width: 150px !important;
    }
}