/* Couleurs par d�faut */
.t-marketing-bleu-clair{ color: #445878; }
.t-marketing-bleu-fonce{ color: #374862; }
.t-marketing-bleu-transparent{ color: #e1e4e9; }

.t-technique-bleu-clair{ color: #3498db; }
.t-technique-bleu-fonce{ color: #2980b9; }
.t-technique-bleu-transparent{ color: #d1e9fa; }

/* Explication, champs file */
.explication{ color: #FF934C; }
.explication-hover{ color: #e57b52; }

/* Bloc d'information */
/* Important*/
.importantes--BG{ color: #ffc8c8; }
.importantes--COLOR{ color: #a93b2f; }
.importantes--COLOR-strong{ color: #6F2424; }
.importantes-sup--BG{ color: #ffeaea; }
.importantes-sup--COLOR{ color: #5d5d5d; }
/* Exergue */
.exergue--BG{ color: #ffdfab; }
.exergue--COLOR{ color: #A5654D; }
.exergue--COLOR-strong{ color: #8A491E; }
.exergue-sup--BG{ color: #fff1db; }
.exergue-sup--COLOR{ color: #5d5d5d; }

/* Message erreur et succes */
/* Erreur */
.erreur{ color: #EF4F4F; }
.erreur-border{ color: #FF9F9F; }
.erreur-bg-champs{ color: #FBE3E4; }
.erreur-box-shadow{ color: rgba(255,0,0,0.2); }
/* Succes */
.succes{ color: #43D683; }
.succes-border{ color: #3eb86a; }
.succes-bg-champs{ color: #E1FFDE; }
.succes-box-shadow{ color: rgba(51, 255, 0, 0.2); }

/* Champs telephone et indicatif telephonique */

.page_article .saisie_telephone ul li {
    margin:0 !important;
    padding:0 !important;
    overflow: visible !important;
}

.page_article .saisie_telephone .selecteur_indicatif {
    width: 20% !important;
    margin: 0 !important;
    display:inline-block;
    vertical-align: middle;
}
.page_article input.indicatif {
    width:7% !important;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    position:relative;
    font-size:20px !important;
    font-weight: bold !important;
    display:inline-block;
    vertical-align: middle;
}

input.input_autre {
    margin-left:10px;
}

.page_article input.telephone {
    display:inline-block;
    vertical-align: middle;
    background-color: #FFFFFF;
    box-shadow: 0 0 3px rgba(0,75,153,0.2);
    color: #666666;
    font-size: 0.9em;
    font-family: 'raleway', sans-serif;
    font-weight: normal;
    border: 1px solid rgba(0,0,0,0);
    margin-left: 0;
    transition: border 0.4s ease;
    width: 65%;
    padding:8px;
}

.page_article .saisie_telephone label {
    display:block;
}

.page_article .erreur .telephone,.page_article .erreur-corrige .telephone {
    width:30%;
}

.page_article .saisie_telephone span.plus_indicatif {
    font-weight:bold;
    font-size:2em;
    vertical-align: middle;
    display:inline-block;

}

/* Menu selecteur indicatif  en css3 */

.saisie_telephone .pays_select ul{
    position: absolute;
    background-color: white;
    width: 400px !important;
    height: 300px;
    overflow: scroll;
    overflow-x: hidden;
    z-index: 9;
    font-size:14px;
    box-shadow: 0 0 3px rgba(78, 71, 151, 0.2);
}

.saisie_telephone .pays_select ul li:hover {
    background-color:#f7f7f7;
    cursor:pointer;
}

.selecteur_indicatif li.first_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #FFFFFF url("../images/contact-select.png") no-repeat scroll 100.2% center;
    cursor: pointer;
    height: 33px;
    padding-right: 55px;
    width: 100%;
}

.selecteur_indicatif li span img{
    padding: 5px;
    margin-left: 15px;
    margin-top: 3px;
    vertical-align: middle;
}

/* Mise en forme de l'extranet */
/* Mise en forme de l'extranet */
/* Classes générales */
.contenu-extranet table{ border-collapse: inherit; } /* Résout problème sous IE box-shadow autour table */
.clear{ clear: both; }

/* Repositionnement de la pub */
/*.contenu-extranet + #contenu-secondaire .pub-aside{ margin: 15px; }*/
.aside-extranet .pub-aside{
    clear: both;
    margin-top: 0.6em;
    margin-left: 0;
}

/* Police Gnérérale utilisée */
.formulaire_extranet{ font-family: 'raleway', sans-serif; }
.formulaire_extranet label{ color: #666666; line-height: 1.4em; }

/* //////////////////////////////// */
/* FORMULAIRE D'IDENTIFICATION */
/*____________*/
/*  COULEURS  */
.formulaire_acces,
.formulaire_acces_pb{
    background-color: #f6f6f6;
    box-shadow: 0 0 10px rgba(110,110,110,0.1);
    border: 1px solid #e6e6e6;
}

/* Titre formulaire */
.formulaire_acces legend{ color: #666666; }

/* Erreur mot de passe */
.formulaire_acces .erreur input[type="text"],
.formulaire_acces .erreur input[type="password"] {
    background-color: #fbe3e4;
    border: 1px solid #fbc2c4;
    box-shadow: 0 0 5px rgba(0, 75, 153, 0.2);
}

/* Champs formulaire  accés BG */
.formulaire_acces input[type="text"],
.formulaire_acces input[type="password"]{
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

/* Couleur police sur bouton submit */
.formulaire_acces input[type="submit"]{ color: #FFFFFF; }

/* Bouton submit pour les formulaires */
.formulaire_spip .boutons input,
body.creation_mot_de_passe p.boutons a {
    color: #fff;
    background-color: #57789A;
    transition: background-color 0.3s ease;
}
/* Survol sur le bouton submit */
body.creation_mot_de_passe p.boutons a:hover,
.formulaire_spip .boutons input:hover {
   background-color: #243348;
   cursor: pointer;
}
body.creation_mot_de_passe .formulaire_acces{
    width : 50% ;
    margin : auto ;
}
body.creation_mot_de_passe .formulaire_acces .reponse_formulaire_erreur{
    padding : 1em ;
    text-align : center ;
    margin-bottom : 0 ;
}

p.reponse_formulaire.reponse_formulaire_ok{ margin-bottom: 0; }
.formulaire_extranet p.mot_de_passe_perdu a{ text-decoration: none; }

/*_________________________________________________*/
/*//////// THEME JDC --> Formulaire d'accés ///////*/
.t-jdc .formulaire_acces legend{ color: #1D65B1; }
.t-jdc .formulaire_acces input[type="submit"],
.t-jdc .formulaire_acces .boutons a{ background-color: #1D65B1; transition: background-color 0.4s ease; }
.t-jdc .formulaire_acces input[type="submit"]:hover,
.t-jdc .formulaire_acces .boutons a:hover{ background-color: #153C73; transition: background-color 0.4s ease; }




/*______________*/
/*   STRUCTURE  */
/* Indication avec bouton quand problème de token */
.formulaire_acces_pb{
    margin: auto;
    padding: 20px;
    width: 50%;
}


.formulaire_extranet form { padding: 0; }
.formulaire_extranet legend {
    display: block;
    font-size: 1.2em;
    margin-bottom: 1em;
}


.creation_mot_de_passe .formulaire_acces form{
    margin-top: 1em;
}

.spip_formulaire_acces,
.spip_formulaire_mot_de_passe_extranet{
    margin-bottom: 25px;
    margin: auto;
    padding: 1em;
    width: 65%;
}
.formulaire_acces fieldset ul li,
.formulaire_acces fieldset .editer{
    margin-bottom: 5px;
    position: relative;
    list-style: none !important;
    margin: 0 !important;
    margin-top: 10px !important;
}

.formulaire_acces legend {
    font-size: 1.4em;
    font-weight: normal;
    text-align: center;
}

.formulaire_acces input[type="text"],
.formulaire_acces input[type="password"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    box-shadow: 0 0 5px rgba(0, 75, 153, 0.2);
    padding: 10px;
    width: 100%;
    font-size: 16px;
}

/*p.boutons {
    margin: 1em 0;
    text-align: center;
}*/

input[type="submit"],
button.lien_tous {
    box-shadow: 0 0 5px rgba(0, 75, 153, 0.2);
    font-family: 'montserrat', sans-serif;
    font-size: 1em;
    padding: 10px 25px;
}

button.lien_tous {
    background: #ee852b;
    border:0;
    color: white;
    cursor: pointer;
}

button.lien_tous:hover {
    background: #B26323;
}




/*///////////////////////////////////////*/
/*  FORMULAIRE CREATION MOT DE PASSE     */
/*____________*/

.ok #champ_confirmation_mdp,
.ok #nouveau_mdp {
    background: #E6F5EB url('../prive/themes/spip/images/fait-24.png') no-repeat 99% 6px;
    border: 1px solid #B2E0C2;
}
.erreur #champ_confirmation_mdp,.erreur #nouveau_mdp {
    background: #fbe3e4 url('../prive/themes/spip/images/afaire-24.png') no-repeat 99% 6px;
    border: 1px solid #fbc2c4;
}

/* Couleur lien mot de passe perdu */
.formulaire_extranet p.mot_de_passe_perdu a {
    color: #666666;
}


/*______________*/
/*  STRUCTURE  */
.spip_formulaire_creation_mot_de_passe_extranet{
    margin-bottom: 25px;
    margin: auto;
    padding: 1em;
    width: 450px;
}
#spip_formulaire_creation_mot_de_passe_extranet ul li,
#spip_formulaire_creation_mot_de_passe_extranet .editer{ margin-bottom: 10px; }

#security_lvl { margin: 1em 0 1em 0; }
#security_lvl small { font-size: .8em; }
#security_lvl small em { font-style: italic; }
#security_lvl div { height: 5px; }
#security_lvl div span {
    display: block;
    font-size: 0px;
    height: 5px;
    width: 1%;
}

.formulaire_extranet p.mot_de_passe_perdu { margin: 0; text-align: center;}
.formulaire_extranet p.mot_de_passe_perdu a {
    font-size: .9em;
    text-decoration: underline;
}


/* Bouton submit pour les formulaires */
/* Survol défini sur
body.creation_mot_de_passe p.boutons a:hover,
.formulaire_spip .boutons input:hover */
.formulaire_spip .boutons input,
body.creation_mot_de_passe p.boutons a {
    border: none;
    display: block;
    margin: 0 auto;
    padding: 2% 4% 2% 4%;
    text-transform: uppercase;
}
#spip_formulaire_creation_mot_de_passe_extranet p.boutons{ margin: 1em auto; }


/* RESPONSIVE */
@media screen and (max-width: 800px){
    .spip_formulaire_creation_mot_de_passe_extranet{
        width: 80%;
    }
}






/*****************************************************/
/*/////////////// COLONNE DE DROITE /////////////////*/
/*****************************************************/
.aside-extranet{
    /*background-color: #faf8f2;*/
    /*height: 1457px; */
}
.aside-extranet .quick-link-pub{
    box-sizing: border-box;
    padding: 2em 0 0.5em 0;
    margin-left: 20px;
}


/*_____________ MODULE INFOS EXPOSANT ______________*/
/*//////////////////////////////////////////////////*/
.aside-extranet .infos-exposant{
    box-shadow: 0 0 1px #ececec;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    margin-bottom: 3px;
    position: relative;
    z-index: 98;
}
.aside-extranet .infos-exposant:after,
.aside-extranet .infos-exposant:before{
    content: '';
    position: absolute;
    width: 50%;
    height: 100px;
    z-index: -1;
}
.aside-extranet .infos-exposant:before{
    box-shadow: -7px 0 10px #404040;
    height: 80px;
    left: 8px;
    top: 5px;
    transform: rotate(-6deg);
    width: 25%;
}
.aside-extranet .infos-exposant:after{
    box-shadow: 7px 0 10px #404040;
    height: 80px;
    right: 8px;
    top: 5px;
    transform: rotate(6deg);
    width: 25%;
}

/* Nom de la societe et génération de l'icone sur le côté */
.aside-extranet .infos-exposant__org{
    background-color: #404040;
    color: #FFFFFF;
    border-radius: 3px 3px 0 0;
    font-size: 1.125em;
    padding: 1em 2em;
    position: relative;
    text-align: center;
}

.aside-extranet .infos-exposant__logo_societe{ background-color: #FFFFFF; }
.aside-extranet .infos-exposant__logo_societe img {
    width: 100%;
    height: auto;
    display: block;
}

/* Informations sur la formule de stand et l'emplacement de l'exposant */
.aside-extranet .infos-exposant__wrapper{
    background-color: #ececec;
    border-bottom: 1px solid #d9d9d9;
    color: #404040;
    line-height: 1.4em;
    padding: 1em 1em 1.25em 1em;
    text-align: center;
}
.aside-extranet .infos-exposant__emplacement{ font-size: 1.25em; }
.aside-extranet .infos-exposant__formule{ font-size: 0.875em; }
/*--------------- FIN MODULE INFOS EXPOSANT --------------*/



/*________________ MODULE QUICK LINKS (CTA) _______________*/
/*/////////////////////////////////////////////////////////*/
/* Réinitialisation de certains styles par rapport au style par défaut de call to action */
.aside-extranet .ql-interne{ margin-top: 0; }

.aside-extranet .ql-interne .ql-icon,
.aside-extranet .ql-interne .ql-titre-lien,
.aside-extranet .ql-interne li:hover .ql-icon,
.aside-extranet .ql-interne li:hover .ql-titre-lien{ background-color: transparent; }

.aside-extranet .ql-interne .ql-icon:after{ content: none; }

/* Hauteur fixe pour les quick-links */
.aside-extranet .ql-interne a,
.aside-extranet .ql-interne .ql-icon{
    height: 50px;
    border: 0;
}
/* Survol du li conteneur du quick-link */
.aside-extranet .ql-interne li{
    background-color: #f9f9f9;
    border-bottom: 1px solid #CED2D5;
    box-shadow: 0 0 3px rgba(68, 88, 120, 0.2);
    margin-bottom: 3px;
    transition: all 0.3s ease;
}
.aside-extranet .ql-interne li:hover{
    background-color: #e4e4e4;
    transform: translateX(3px);
}
/* Couleur icone et titre-lien au survol du li conteneur */
.aside-extranet .ql-interne li:hover .ql-icon,
.aside-extranet .ql-interne li:hover .ql-titre-lien{
    color: #404040;
}

.aside-extranet .ql-interne .ql-icon{
    color: #404040;
    font-size: 22px;
    text-align: center;
}
.aside-extranet .ql-interne .ql-titre-lien{
    color: #404040;
    padding-left: 0;
    text-align: left;
}
/*--------------- FIN MODULE QUICK LINKS --------------*/











/*_____________ MODELE BOUTON_RDV ______________*/
/*//////////////////////////////////////////////*/
/* Bouton permettant la prise de rdv (présent dans l'aside de l'extranet) */
.aside-extranet .btn-rdv{ margin-top: 1.5em; }
.aside-extranet .btn-rdv.ql-interne a{
    background-color: #EF4F4F;
    border-bottom: 2px solid #A93B2F;
    border-radius: 3px;
    display: block;
    transition: all 0.3s ease;
}
.aside-extranet .btn-rdv.ql-interne .ql-icon,
.aside-extranet .btn-rdv.ql-interne .ql-titre-lien{ color: #FFFFFF; }
.aside-extranet .btn-rdv.ql-interne .ql-titre-lien{ padding-top: 12px; padding-bottom: 12px; }
.aside-extranet .btn-rdv.ql-interne a:hover{ background-color: #D24848; }
/*--------------- FIN BOUTON_RDV --------------*/



/*______________ VCARD POUR L'EXTRANET ____________*/
/*/////////////////////////////////////////////////*/
.aside-extranet .contacts-exposant{ margin-top: 1.5em; }
.aside-extranet .contacts-exposant .cont-contact{ margin-top: 1.5em; }

.aside-extranet .contacts-exposant .cont-contact.t-marketing{ border-bottom: 2px solid #445878; }
.aside-extranet .contacts-exposant .cont-contact.t-technique{ border-bottom: 2px solid #3498DB; }


/*_________ Titre pour chaque groupe de contact (marketing et technique) ________*/
/*///////////////////////////////////////////////////////////////////////////////*/
.aside-extranet .titre-contact,
.aside-extranet .titre-contact{
    color: #FFFFFF;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 0.75em 0 0.5em 0;
}
.aside-extranet .t-marketing .titre-contact{ background-color: transparent; border-bottom: 0 solid #2c3e50; color: #445878; }
.aside-extranet .t-technique .titre-contact{ background-color: transparent; border-bottom: 0 solid #2980b9; color: #2980B9; }


/*________ Conteneurs principaux _________*/
/*////////////////////////////////////////*/
.aside-extranet .vcard-extranet{
    border-bottom: 1px solid #CED2D5;
    box-shadow: 0 0 3px rgba(68, 88, 120, 0.2);
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    margin-bottom: 8px;
    position: relative;
    transition: all 0.3s ease;
    width: 100%;
}
/* Animation au survol de chaque vcard */
.aside-extranet .vcard-extranet:hover{
    box-shadow: 0 0 10px rgba(144, 144, 144, 0.3);
    cursor: pointer;
    /*transform: translateY(-3px);*/
}
.aside-extranet .vcard-extranet:last-child{ border: 0; margin-bottom: 0; }
.aside-extranet .vcard-extranet > div:first-child{
    display: block;
    overflow: hidden;
}

.aside-extranet .vcard-extranet .vcard__wrapper{ display: table; margin-left: 0; }
.aside-extranet .t-marketing .vcard-extranet .vcard__wrapper{ border-bottom: 1px solid #c8ccd0; }
.aside-extranet .t-technique .vcard-extranet .vcard__wrapper{ border-bottom: 1px solid #b1d4ec; }
.aside-extranet .t-marketing .vcard-extranet .vcard__wrapper:last-child,
.aside-extranet .t-technique .vcard-extranet .vcard__wrapper:last-child{ border-bottom: 0; }


/*________ Génération cercles pour accueillir l'icone du plus et moins ________*/
/*/////////////////////////////////////////////////////////////////////////////*/
.aside-extranet .vcard__btn{
    border: 5px solid #FFFFFF;
    border-radius: 30px;
    height: 36px;
    position: absolute;
    right: -19px;
    top: 19px;
    transition: all 0.3s ease;
    width: 35px;
}
/* Ajustement du bouton plus lorsqu'il n'y a pas de photo pour le contact */
.aside-extranet .vcard__btn--no-img{ top: 12px; }

.aside-extranet .vcard__btn:hover{ cursor: pointer; }
.aside-extranet .vcard__btn[class*="icon"]:before{
    color: #FFFFFF;
    left: 10px;
    position: absolute;
    top: 10px;
    transition: all 0.3s ease;
}
.aside-extranet .vcard__btn.is-active[class*="icon"]:before{ transform: rotate(45deg); }

/* btn Marketing */
.aside-extranet .t-marketing .vcard__btn{ background-color: #445878; }
.aside-extranet .t-marketing .vcard__btn.is-active,
.aside-extranet .t-marketing .vcard__btn:hover{ background-color: #2D4158; }
/* btn Technique */
.aside-extranet .t-technique .vcard__btn{ background-color: #3498db; }
.aside-extranet .t-technique .vcard__btn.is-active,
.aside-extranet .t-technique .vcard__btn:hover{ background-color: #2C76AE; }


/*________ Contient infos sur => photo, nom, fonction _______*/
/*///////////////////////////////////////////////////////////*/
.aside-extranet .vcard-extranet .vcard__cont-infos{
    display: table-cell;
    min-width: 307px;
    /*padding: 17px 0;*/
    vertical-align: middle;
}
.aside-extranet .vcard-extranet .vcard__cont-photo,
.aside-extranet .vcard-extranet .vcard__cont-nom-fonction{
    display: table-cell;
    vertical-align: middle;
}
/* Photo */
.aside-extranet .vcard-extranet .vcard__cont-photo{ width: 20.66666666666667%; }
.aside-extranet .vcard-extranet .vcard__cont-photo img{ display: block; }
/* Nom et fonction */
.aside-extranet .vcard-extranet .vcard__cont-nom-fonction{
    box-sizing: border-box;
    line-height: 1.2em;
    margin-bottom: 0.2em;
    padding: 0.5em 1em;
}
.aside-extranet .t-marketing .vcard-extranet .vcard__cont-nom-fonction{ background-color: #FFFFFF; color: #445878; }
.aside-extranet .t-technique .vcard-extranet .vcard__cont-nom-fonction{ background-color: #FFFFFF; color: #3498DB; }
.aside-extranet .vcard-extranet .vcard__nom{ font-weight: bold; font-size: 1em; }
.aside-extranet .vcard-extranet .vcard__fonction{ font-weight: normal; font-size: 0.875em; }


/* Informations supplémentaires des vcards (allées, espaces, ...) */
.aside-extranet .vcard__info{
    color: #FFFFFF;
    font-family: "raleway", Arial, sans-serif;
    font-size: 16px;
    padding: 8px 15px;
}
.aside-extranet .t-marketing .vcard__info{ background-color: #445878; }
.aside-extranet .t-technique .vcard__info{ background-color: #2772a5; }


/*_______ Contient infos sur => mail, téléphone fixe, téléphone mobile et fax _______*/
/*///////////////////////////////////////////////////////////////////////////////////*/
.aside-extranet .vcard-extranet .vcard__cont-contact{ display: table-cell; }
.aside-extranet .vcard-extranet .vcard__cont-contact{
    box-sizing: border-box;
    font-size: 15px;
    line-height: 1.3em;
    min-width: 307px;
    padding: 0.5em 1em;
    vertical-align: middle;
}
.aside-extranet .t-marketing .vcard-extranet .vcard__cont-contact,
.aside-extranet .t-marketing .vcard-extranet .vcard__cont-contact a{ background-color: #EBEFF5; color: #34495e; }
.aside-extranet .t-technique .vcard-extranet .vcard__cont-contact,
.aside-extranet .t-technique .vcard-extranet .vcard__cont-contact a{ background-color: #EDF8FF; color: #2980b9; }
/*------------------ FIN VCARD POUR EXTRANET ---------------*/




/*__________ MESSAGE LORSQUE 2 PERSONNES SONT CONNECTES SUR LE MEME COMPTE _______________*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
div.derniere_connexion {
    font-family: 'raleway', sans-serif;
    padding:10px;
    background-color:#EF4F4F;
    color:white;
}
div.derniere_connexion span {
    background: url(../images/warning-32.png) no-repeat 1%;
    padding-left: 40px;
    display: block;
}



/*_____________ DOCUMENTS JOINTS ____________*/
/*///////////////////////////////////////////*/
aside #documents_joints {
    background-color: #FFFAF7;
    border: 1px solid #fcaf34;
    box-shadow: 0 0 1px rgba(0, 75, 153, 0.2) !important;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
}
aside #documents_joints h2 {
    background-color: #fcaf34;
    border-bottom: 1px solid #fcaf34;
    color: #FFFFFF;
    font-family: 'raleway', sans-serif;
    font-size: 1.2em;
    padding: 10px;
    text-align: center;
}

aside #documents_joints ul.spip li {
    font-family: 'raleway', sans-serif;
    font-weight: normal;
}

aside #documents_joints ul.spip li a{
    color: #fcaf34;
    display: block;
    padding: 10px;
}
aside #documents_joints ul.spip li:hover{
    background-color: #F99645;
    color: #FFFFFF;
}
aside #documents_joints ul.spip li:hover a{
    color: #FFFFFF;
}


@media screen and ( max-width: 800px ){
    .aside-extranet .quick-link-pub{
        margin-left: 0;
        padding: 5%;
    }

    /* Quick links pour l'extranet */
    .aside-extranet .ql-interne li{
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .aside-extranet .ql-interne li a span.ql-icon{ display: table-cell; }
}

/*********************************************************/
/*/////////////// FIN COLONNE DE DROITE /////////////////*/
/*********************************************************/


/* TITRES ET SOUS TITRES */
.page_article .contenu-principal.contenu-extranet .content-titre{ background-color: transparent; }
.page_article .contenu-principal.contenu-extranet .content-titre .h1-article{
    background-color: transparent;
    color: #243348;
    left: 0;
    line-height: 28px;
    padding-left: 10px;
}
.page_article .contenu-principal.contenu-extranet .content-titre .h1-article:after{ content: none; }
.page_article .contenu-principal.contenu-extranet .content-titre:before{ content: none; }
/* Couleurs des h1 suivant si on se trouve sur une page liée au marketing ou au technique */
.t-marketing.page_article .contenu-principal.contenu-extranet .content-titre .h1-article{ color: #445878; }
.t-technique.page_article .contenu-principal.contenu-extranet .content-titre .h1-article{ color: #3498db; }



.page_article .contenu-principal.contenu-extranet h3{
    background-color: #737373;
    border-left: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #FFFFFF;
    display: inline-block;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 1.5em 0 0 0;
    padding: 5px 15px;
    width: auto;
}
.page_article .contenu-principal.contenu-extranet h3:before{ content: none; }
.page_article .contenu-principal.contenu-extranet h3 + p,
.page_article .contenu-principal.contenu-extranet h3 + dl{ margin-top: 1em; }


/* Marketing */
.page_article.t-marketing .contenu-principal.contenu-extranet h3,
.page_article .contenu-principal.contenu-extranet .t-marketing h3,
.page_article.t-marketing .contenu-principal.contenu-extranet .legend,
.page_article .contenu-principal.contenu-extranet .t-marketing .legend
{
    background-color: transparent;
    border-bottom: 0;
    border-left: 2px solid transparent;
    padding:10px;
    color: #000000;
}
/* Pour les dashboard */
.page_article.t-marketing .contenu-principal.contenu-extranet #dash-marketing h3,
.page_article .contenu-principal.contenu-extranet .t-marketing#dash-marketing h3,
.page_article.t-marketing .contenu-principal.contenu-extranet .info_telechargement h3{
    background-color: #243348;
    border-left: 0;
    color: #FFFFFF;
}


/* Technique */
.page_article.t-technique .contenu-principal.contenu-extranet h3,
.page_article .contenu-principal.contenu-extranet .t-technique h3,
.page_article.t-technique .contenu-principal.contenu-extranet .legend,
.page_article .contenu-principal.contenu-extranet .t-technique .legend
{
    background-color: #ffffff;
    border-bottom: 0;
    padding:10px;
    border-left: 2px solid #000000;
    color: #000000;
}
/* Pour les dashboard */
.page_article.t-technique .contenu-principal.contenu-extranet #dash-technique h3,
.page_article .contenu-principal.contenu-extranet .t-technique#dash-technique h3,
.page_article.t-technique .contenu-principal.contenu-extranet .info_telechargement h3{
    background-color: #2980b9;
    border-left: 0;
    color: #FFFFFF;
}







.page_article .contenu-principal.contenu-extranet h3 + p,
.page_article .contenu-principal.contenu-extranet .form_extranet h3.rubrique,
.page_article .contenu-principal.contenu-extranet .form_extranet .legend{ margin-bottom: 0.5em;font-weight: bold; }

/* Titres pour Dashboard et dans les formulaires (A voir plus tard pour clean) */
.contenu-principal.contenu-extranet h3 + table.dashboard{ border: 0; margin-top: 0; }
.contenu-principal.contenu-extranet fieldset h3 + ul{ margin: 1em 0 1.2em 0; }

/* Strong */
.t-marketing.page_article .contenu-extranet strong,
.t-technique.page_article .contenu-extranet strong{ color: #5A5A5A; }

/* Liens (Style Marketing) */
.t-marketing.page_article .contenu-principal.contenu-extranet p a,
.t-marketing.page_article .contenu-principal.contenu-extranet ul li a,
.t-marketing.page_article .contenu-principal.contenu-extranet ol li a,
.t-marketing.page_article .contenu-principal.contenu-extranet blockquote a{
    background: linear-gradient(#445878, #445878) bottom no-repeat;
    background-size: 100% 1px;
}
.t-marketing.page_article .contenu-principal.contenu-extranet p a:hover,
.t-marketing.page_article .contenu-principal.contenu-extranet ul li a:hover,
.t-marketing.page_article .contenu-principal.contenu-extranet ol li a:hover,
.t-marketing.page_article .contenu-principal.contenu-extranet blockquote a:hover{
    background: linear-gradient(#445878, #445878) bottom no-repeat;
    background-size: 100% 100%;
}

/* Liens (Style Technique) */
.t-technique.page_article .contenu-principal.contenu-extranet p a,
.t-technique.page_article .contenu-principal.contenu-extranet ul li a,
.t-technique.page_article .contenu-principal.contenu-extranet ol li a,
.t-technique.page_article .contenu-principal.contenu-extranet blockquote a{
    background: linear-gradient(#3498db, #3498db) bottom no-repeat;
    background-size: 100% 1px;
}
.t-technique.page_article .contenu-principal.contenu-extranet p a:hover,
.t-technique.page_article .contenu-principal.contenu-extranet ul li a:hover,
.t-technique.page_article .contenu-principal.contenu-extranet ol li a:hover,
.t-technique.page_article .contenu-principal.contenu-extranet blockquote a:hover{
    background: linear-gradient(#3498db, #3498db) bottom no-repeat;
    background-size: 100% 100%;
}


/* Exceptions pour les liens contenant des images (partie marketing et technique) */
.t-marketing.page_article .contenu-principal.contenu-extranet .spip_documents a,
.t-marketing.page_article .contenu-principal.contenu-extranet p .spip_documents a,
.t-marketing.page_article .contenu-principal.contenu-extranet ul li .spip_documents a,
.t-marketing.page_article .contenu-principal.contenu-extranet ol li .spip_documents a,
.t-marketing.page_article .contenu-principal.contenu-extranet blockquote .spip_documents a,
.t-technique.page_article .contenu-principal.contenu-extranet .spip_documents a,
.t-technique.page_article .contenu-principal.contenu-extranet p .spip_documents a,
.t-technique.page_article .contenu-principal.contenu-extranet ul li .spip_documents a,
.t-technique.page_article .contenu-principal.contenu-extranet ol li .spip_documents a,
.t-technique.page_article .contenu-principal.contenu-extranet blockquote .spip_documents a,
.t-marketing.page_article .contenu-principal.contenu-extranet .spip_documents a:hover,
.t-marketing.page_article .contenu-principal.contenu-extranet p .spip_documents a:hover,
.t-marketing.page_article .contenu-principal.contenu-extranet ul li .spip_documents a:hover,
.t-marketing.page_article .contenu-principal.contenu-extranet ol li .spip_documents a:hover,
.t-marketing.page_article .contenu-principal.contenu-extranet blockquote .spip_documents a:hover,
.t-technique.page_article .contenu-principal.contenu-extranet .spip_documents a:hover,
.t-technique.page_article .contenu-principal.contenu-extranet p .spip_documents a:hover,
.t-technique.page_article .contenu-principal.contenu-extranet ul li .spip_documents a:hover,
.t-technique.page_article .contenu-principal.contenu-extranet ol li .spip_documents a:hover,
.t-technique.page_article .contenu-principal.contenu-extranet blockquote .spip_documents a:hover{ background-size: 100% 0; }



/**************************************************/
/*///////////////// DASHBOARD ////////////////////*/
/**************************************************/
/* Pour cette partie, la cascade CSS est délibérement grande pour surcharger les spip par défaut */
/* Mise en forme des dashoboard */
.page_article .contenu-extranet .dashboard,
.page_article .contenu-extranet table.spip,
.t-technique.page_article .contenu-extranet .dashboard,
.t-technique.page_article .contenu-extranet table.spip,
.t-marketing.page_article .contenu-extranet .dashboard,
.t-marketing.page_article .contenu-extranet table.spip{
    background-color: #FFFFFF;
    border: 0;
    box-shadow: 0 0 7px rgba(154, 154, 154, 0.3);
    font-size: 1em;
    width: 100%;
}

.page_article .contenu-extranet .dashboard p{ margin-bottom: 0; }

.contenu-extranet .dashboard thead,
.contenu-extranet .dashboard th,
.contenu-extranet .dashboard tr,
.contenu-extranet .dashboard td{
    padding: 1.2em;
    vertical-align: middle;
    box-sizing: border-box;
}
/* Entete du tableau */
.contenu-principal.contenu-extranet .dashboard thead,
.contenu-principal.contenu-extranet .dashboard th{
    font-size: 1em;
    font-weight: normal;
    padding: 0.8em 0.8em 0.8em 1em;
}
/* Contenu du tableau */
.contenu-principal.contenu-extranet .dashboard tr,
.contenu-principal.contenu-extranet .dashboard td{
    border-top: 0;
    font-size: 0.9em;
    line-height: 1.3em;
    vertical-align: middle;
    box-sizing: border-box;
}

/* Couleurs des textes et titres dans le tableau */
.contenu-extranet .dashboard tr th{
    background-color: #5a5a5a;
    color: #FFFFFF;
    text-align: left;
}

/* Liens dans dashboard */
.contenu-extranet .dashboard a{
    font-weight: normal;
    font-size: 1.2em;
    display: block;
    margin-bottom: 0.2em;
}

/* Descriptif pour chaque entrée du tableau */
.contenu-extranet .dashboard small{
    color: #797979;
    font-size: 1em;
}

/* Marketing */
.contenu-extranet .t-marketing .dashboard tr th,
.t-marketing .contenu-extranet .dashboard tr th,
.contenu-extranet .t-marketing .spip tr th,
.t-marketing .contenu-extranet .spip tr th{ background-color: #445878; color: #FFFFFF; }
.contenu-extranet .t-marketing .dashboard tr th a,
.t-marketing .contenu-extranet .dashboard tr th a,
.contenu-extranet .t-marketing .spip tr th a,
.t-marketing .contenu-extranet .spip tr th a{ color: #FFFFFF; }
.contenu-extranet .t-marketing .dashboard a,
.t-marketing .contenu-extranet .dashboard a,
.contenu-extranet .t-marketing .dashboard tr td,
.t-marketing .contenu-extranet .dashboard tr td,
.contenu-extranet .t-marketing .dashboard tr td a,
.t-marketing .contenu-extranet .dashboard tr td a,
.contenu-extranet .t-marketing .spip a,
.t-marketing .contenu-extranet .spip a,
.contenu-extranet .t-marketing .spip tr td,
.t-marketing .contenu-extranet .spip tr td,
.contenu-extranet .t-marketing .spip tr td a,
.t-marketing .contenu-extranet .spip tr td a{ color: #445878; }
/* Technique */
.contenu-extranet .t-technique .dashboard tr th,
.t-technique .contenu-extranet .dashboard tr th,
.contenu-extranet .t-technique .spip tr th,
.t-technique .contenu-extranet .spip tr th{ background-color: #3498db; color: #FFFFFF; }
.contenu-extranet .t-technique .dashboard tr th a,
.t-technique .contenu-extranet .dashboard tr th a,
.contenu-extranet .t-technique .spip tr th a,
.t-technique .contenu-extranet .spip tr th a{ color: #FFFFFF; }
.contenu-extranet .t-technique .dashboard a,
.t-technique .contenu-extranet .dashboard a,
.contenu-extranet .t-technique .dashboard tr td,
.t-technique .contenu-extranet .dashboard tr td,
.contenu-extranet .t-technique .dashboard tr td a,
.t-technique .contenu-extranet .dashboard tr td a,
.contenu-extranet .t-technique .spip a,
.t-technique .contenu-extranet .spip a,
.contenu-extranet .t-technique .spip tr td,
.t-technique .contenu-extranet .spip tr td,
.contenu-extranet .t-technique .spip tr td a,
.t-technique .contenu-extranet .spip tr td a{ color: #2980b9; }

/* Background des tr si impaire ou paire */
.contenu-extranet .dashboard tr:nth-of-type(odd),
.contenu-extranet .spip tr:nth-of-type(odd){ background-color: #FFFFFF; }
.contenu-extranet .dashboard tr:nth-of-type(even),
.contenu-extranet .spip tr:nth-of-type(even){ background-color: #F9F9F9; }


.contenu-extranet table.dashboard tr td img{
    width: auto;
}


/*------- A REPRENDRE PLUS TARD --------*/
/* Couleurs des status */
.contenu-extranet .dashboard span.vert { font-size: 14px; color: #0DC30D; }
.contenu-extranet .dashboard span.orange { font-size: 14px; color: #FF934C; }
.contenu-extranet .dashboard span.rouge { font-size: 14px; color: #ef4f4f; }
.contenu-extranet .dashboard span.gris { font-size: 14px; color: grey; }
/* Infos sur les statuts */
.contenu-extranet .dashboard td.dashboard-infos-statut{
    font-size: 14px;
    padding-left: 0;
}
.contenu-extranet .t-marketing .dashboard td.dashboard-infos-statut strong{ color: #374862; font-weight: normal; }
.contenu-extranet .t-technique .dashboard td.dashboard-infos-statut strong{ color: #2980b9; font-weight: normal; }


/* Mise en couleur d'un sous tableau (Votre salon, Vos documents, ... dans la partie techniques) */
.contenu-extranet .dashboard .dashboard-titre-sous-tableau td{ background-color: #C1C1C1; }
.contenu-extranet .dashboard .dashboard-titre-sous-tableau td strong{ color: #FFFFFF; font-size: 1.1em; font-weight: normal; }

.page_article .contenu-principal.contenu-extranet .dashboard td li{
    list-style: none;
    margin: 0;
}

/******************************************************/
/*///////////////// FIN DASHBOARD ////////////////////*/
/******************************************************/



/* Dashboard des acheteurs */
.contenu-extranet .dashboard.dashboard_acheteur td{ max-width: 150px; }
.contenu-principal.contenu-extranet .dashboard.dashboard_acheteur td.acheteur_lien{ font-size: 11px; }
.acheteur_presence{ text-align: left; }
.acheteur_presence span.on{
    background-color: #5a5a5a;
    color: #FFFFFF;
    display: inline-block;
    padding: 3px;
}

.acheteur_presence span.off{
    background-color: #5a5a5a;
    color: #FFFFFF;
    display: inline-block;
    padding: 3px;
    opacity:0.1;
}

.acheteur_presence span + span{
    margin-left: 2px;
}





/***************************************************/
/*///////////////// FORMULAIRE ////////////////////*/
/***************************************************/
.form_extranet{ font-size: 16px !important; } /* On détermine une taille de police générale */
/* Sous titre */
.page_article .form_extranet div h3{
    border-bottom: 1px solid #737373;
    color: #737373;
    font-size: 1.3em;
    line-height: 1.5em;
    margin: 1em 0 1em 0;
    padding-left: 35px;
    clear: both;
}
.t-marketing.page_article .form_extranet div h3{ border-bottom: 1px solid #374862; color: #374862; }
.t-technique.page_article .form_extranet div h3{ border-bottom: 1px solid #2980b9; color: #2980b9; }


/* Sous-sous titre */
.page_article .form_extranet .sous-titre fieldset h3{
    background-color: transparent;
    border-left: 7px solid #737373;
    border-bottom: 0;
    border-right: 0;
    border-top: 0;
    color: #737373;
    font-family: 'raleway', sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    padding-left: 15px;
    margin-bottom: 15px;
    margin-left: 32px;
}
.t-marketing.page_article .form_extranet .sous-titre fieldset h3{
    background-color: transparent;
    border-left: 7px solid #374862;
    color: #374862;
}
.t-technique.page_article .form_extranet .sous-titre fieldset h3{
    background-color: transparent;
    border-left: 7px solid #2980b9;
    color: #2980b9;
}


.page_article .contenu-principal.contenu-extranet .form_extranet ul,
.page_article .contenu-principal.contenu-extranet .form_extranet div.fieldset,
.page_article .contenu-principal.contenu-extranet .form_extranet div.editer-groupe{
    margin: 0 auto 0.5em auto;
    width: 100%;
}
.page_article .contenu-principal.contenu-extranet .form_extranet fieldset > ul,
.page_article .contenu-principal.contenu-extranet .form_extranet fieldset > div.editer-groupe{
    box-sizing: border-box;
    padding-left: 1.7em;
}

.page_article .contenu-principal.contenu-extranet .form_extranet ul li,
.page_article .contenu-principal.contenu-extranet .form_extranet div.fieldset,
.page_article .contenu-principal.contenu-extranet .form_extranet div.editer{
    box-sizing: border-box;
    list-style: none;
    line-height: 1.4em;
    margin: 5px 0 12px 0; /*MYK*/
    overflow: hidden;
    padding: 0 5px 2px 5px;
}
.page_article .contenu-principal.contenu-extranet .form_extranet > div > ul > li,
.page_article .contenu-principal.contenu-extranet .form_extranet > div > div.fieldset{ margin: 0 0 0.5em 0; }
.page_article .form_extranet > div > ul > li.fieldset{
    margin: 5px 0 16px 0;
    padding: 0;
}

/* Style général pour les label */
.form_extranet li > label,
.contenu-principal.contenu-extranet li[class^="selecteur_de_"] label,
.form_extranet div.editer > label,
.contenu-principal.contenu-extranet div[class^="selecteur_de_"] label{
    color: #5a5a5a;
    font-size: 1em;
    font-family: 'raleway', sans-serif;
    padding-right: 8px; /* Pour assurer le coup si l'animation de l'erreur du message est activée */
}
.t-marketing.page_article .form_extranet li > label,
.t-marketing.page_article .contenu-principal.contenu-extranet li[class^="selecteur_de_"] label,
.t-marketing.page_article .form_extranet div.editer > label,
.t-marketing.page_article .contenu-principal.contenu-extranet div[class^="selecteur_de_"] label,
.t-technique.page_article .form_extranet li > label,
.t-technique.page_article .contenu-principal.contenu-extranet li[class^="selecteur_de_"] label,
.t-technique.page_article .form_extranet div.editer > label,
.t-technique.page_article .contenu-principal.contenu-extranet div[class^="selecteur_de_"] label{ color: #5a5a5a; }



/* Styles communs pour textarea, input et select */
/* Style par défaut */
.form_extranet .saisie_textarea textarea,
.form_extranet .saisie_input input[type="text"],
.form_extranet .saisie_selection select{ box-shadow: 0 0 3px rgba(154,154,154,0.3); }
.form_extranet .saisie_input input[type="text"]::placeholder {
    font-style:italic;
    color:#CCCCCC;
}

.form_extranet li.middle {
    width:49%;
    display:inline-block;
}

/* Marketing -- Box-shadow */
.t-marketing .form_extranet .saisie_textarea textarea,
.t-marketing .form_extranet .saisie_input input[type="text"],
.t-marketing .form_extranet .saisie_selection select{ box-shadow: 0 0 3px rgba(68,88,120,0.2); }
/* technique -- Box-shadow */
.t-technique .form_extranet .saisie_textarea textarea,
.t-technique .form_extranet .saisie_input input[type="text"],
.t-technique .form_extranet .saisie_selection select{ box-shadow: 0 0 3px rgba(52,152,219,0.2); }




/* Mise en forme des textarea */
.form_extranet .saisie_textarea{
    list-style: none;
    margin: auto;
    width: 100%;
}
.form_extranet .saisie_textarea textarea{
    box-sizing: border-box;
    padding: 1%;
    resize: none;
    width: 100%;
}

/* Mise en forme des input */
.form_extranet .saisie_input,
.form_extranet .saisie_date{
    clear: both;
    list-style: none;
    margin: auto;
    margin-bottom: 15px;
    width: 100%;
}
.form_extranet .saisie_input input,
.form_extranet .saisie_date input{
    box-sizing: border-box;
    padding: 1%;
    width: 100%;
}

.demande-badge .form_extranet .editer_code_badge{
    margin-bottom: 26px;
    margin-top: 26px;
    width: 80%;
}





/* Styles commun aux input, textarea, select */
.form_extranet .saisie_input input,
.form_extranet .saisie_date input,
.form_extranet .saisie_textarea textarea,
.form_extranet .saisie_selection select,
.contenu-principal.contenu-extranet li[class^="selecteur_de_"] input,
.contenu-principal.contenu-extranet li[class^="selecteur_de_"] textarea,
.contenu-principal.contenu-extranet li[class^="selecteur_de_"] select{
    background-color: #FFFFFF;
    color: #666666;
    font-size: 0.9em;
    font-family: 'raleway', sans-serif;
    font-weight: normal;
    border: 1px solid rgba(0,0,0,0);
    transition: border 0.4s ease;
}

/* Border sur focus champs de formulaire */
/* Style par défaut */
.page_article .form_extranet .saisie_input input:focus,
.page_article .form_extranet .saisie_textarea textarea:focus,
.page_article .form_extranet .saisie_selection select:focus{ border: 1px solid rgba(154,154,154,0.5); }
/* Marketing */
.t-marketing.page_article .form_extranet .saisie_input input:focus,
.t-marketing.page_article .form_extranet .saisie_textarea textarea:focus,
.t-marketing.page_article .form_extranet .saisie_selection select:focus,
.t-marketing .contenu-principal.contenu-extranet li[class^="selecteur_de_"] input:focus,
.t-marketing .contenu-principal.contenu-extranet li[class^="selecteur_de_"] textarea:focus,
.t-marketing .contenu-principal.contenu-extranet li[class^="selecteur_de_"] select:focus{ border: 1px solid rgba(68,88,120,0.5); }
/* Technique */
.t-technique.page_article .form_extranet .saisie_input input:focus,
.t-technique.page_article .form_extranet .saisie_textarea textarea:focus,
.t-technique.page_article .form_extranet .saisie_selection select:focus,
.t-technique .contenu-principal.contenu-extranet li[class^="selecteur_de_"] input:focus,
.t-technique .contenu-principal.contenu-extranet li[class^="selecteur_de_"] textarea:focus,
.t-technique .contenu-principal.contenu-extranet li[class^="selecteur_de_"] select:focus{ border: 1px solid rgba(52,152,219,0.5); }



/*____________________________________*/
/*////////////// RADIO ///////////////*/
.form_extranet .saisie_radio{ margin: auto; margin-bottom: 20px; }
.form_extranet .saisie_radio > label{ margin-bottom: 0.5em; }
.form_extranet .saisie_radio .choix{ margin: 0 0 4px 1em; }

.form_extranet li[class*="editer_civilite"] .choix,
.form_extranet div[class*="editer_civilite"] .choix{
    display: inline-block;
    margin-left: 10px;
}
/* Position des boutons radios (cas spécifique autre que civilité) => REVENIR DESSUS */
#radio_choice .choix{
    display: inline-block;
    padding-right: 25px;
    width: 10%;
}
/* couleurs des label pour chaque champs input radio */
.form_extranet .saisie_radio .choix label{
    color: #666666;
    font-size: 0.9em;
}




.form_extranet [type="radio"]:not(:checked),
.form_extranet [type="radio"]:checked {
    position: absolute;
    left: -9999px;
    display: inline-block;
    vertical-align: middle;
}

/* on prépare le label */
.form_extranet [type="radio"]:not(:checked) + label,
.form_extranet [type="radio"]:checked + label {
    position: relative;
    padding-left: 30px;
    line-height: 1.5em;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

/* Aspect des radio */
/* :before sert à créer la case à cocher */
.form_extranet [type="radio"]:not(:checked) + label:before,
.form_extranet [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 1px; top: 1px;
    width: 19px; height: 19px; /* dim. de la case */
    border: 1px solid #aaa;
    background: #ffffff;
    border-radius: 30px;
}

/* Aspect général de la coche */
.form_extranet [type="radio"]:not(:checked) + label:after,
.form_extranet [type="radio"]:checked + label:after {
    background: url('../images/radio-ckecked.png');
    content: '';
    position: absolute;
    top: 4px; left: 4px;
    font-size: 14px;
    color: #43D683;
    transition: all .2s;
    height: 15px;
    width: 15px;
}
/* Aspect si "pas cochée" */
.form_extranet [type="radio"]:not(:checked) + label:after{
    opacity: 0; /* coche invisible */
    transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
.form_extranet [type="radio"]:checked + label:after{
    opacity: 1; /* coche opaque */
    transform: scale(1); /* mise à l'échelle 1:1 */
}

/*_____________________________________*/
/*///////////// CHECKBOX //////////////*/
.form_extranet .saisie_checkbox .choix{ margin-left: 1em; }

/* Le label principal du groupe de checkbox */
.form_extranet .saisie_checkbox > label{ display: inline-block; }

.form_extranet .saisie_checkbox.erreur > label{ display: inline-block; width: 60%; }
.form_extranet .saisie_checkbox.erreur > .explication{ display: inline-block; width: 60%; }

.form_extranet li[class*="editer_grp_checkbox"] div label > span{
    color: #7d7d7d;
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;
    padding-left: 20px;
}
.form_extranet li[class*="editer_grp_checkbox"] div label > span:before{
    background: url('../images/descriptif-rapide.png') no-repeat;
    content: '';
    height: 15px;
    margin-top: 3px;
    margin-left: -20px;
    position: absolute;
    width: 15px;
}

/* Le label de chaque checkbox */
.form_extranet .saisie_checkbox .choix label{
    color: #666666;
    display: inline-block;
    font-size: 0.9em;
}

/* On met en gras le label si on coche une checkbox */
.form_extranet [type="checkbox"]:checked + label{ font-weight: bold; }

/* Cachons la case à cocher */
.form_extranet [type="checkbox"]:not(:checked),
.form_extranet [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

/* on prépare le label */
.form_extranet [type="checkbox"]:not(:checked) + label,
.form_extranet [type="checkbox"]:checked + label {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
.form_extranet [type="checkbox"]:not(:checked) + label:before,
.form_extranet [type="checkbox"]:checked + label:before {
    background: #ffffff;
    border: 1px solid #BDBDBD;
    content: '';
    left: 0;
    position: absolute;
    top: 3px;
    width: 13px; height: 13px; /* dim. de la case */
}

/* Aspect général de la coche */
.form_extranet [type="checkbox"]:not(:checked) + label:after,
.form_extranet [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 0; left: 2px;
    font-size: 14px;
    font-weight: normal;
    color: #43D683; /* couleur de la checkbox */
    transition: all .2s;
}
/* Marketing */
.t-marketing.page_article .form_extranet [type="checkbox"]:not(:checked) + label:after,
.t-marketing.page_article .form_extranet [type="checkbox"]:checked + label:after { color: #445878; }
/* Technique */
.t-technique.page_article .form_extranet [type="checkbox"]:not(:checked) + label:after,
.t-technique.page_article .form_extranet [type="checkbox"]:checked + label:after { color: #3498db; }


/* Aspect si "pas cochée" */
.form_extranet [type="checkbox"]:not(:checked) + label:after {
    opacity: 0; /* coche invisible */
    transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
.form_extranet [type="checkbox"]:checked + label:after {
    opacity: 1; /* coche opaque */
    transform: scale(1.4); /* mise à l'échelle 1:1 */
}


.contenu-principal.contenu-extranet li{
    list-style: none !important;
    margin-left: 0 !important;
}
.contenu-principal.contenu-extranet ol li{ margin-left: 32px !important; }
.contenu-principal .formulaire_amenagement .editer_complement label:first-child {
    margin-bottom:15px;
}

/*____________________________________*/
/*////////////// SELECTION ///////////////*/
.form_extranet .saisie_selection input[type="text"] {
    float:right;
    box-shadow:0 0 3px rgba(154,154,154,0.3);
    border: 1px solid rgba(0,0,0,0);
    font-size: .9em;
    font-family: 'raleway',sans-serif;
    padding:7px;
    width:45%;
}

.form_extranet .saisie_selection select.short {
    float:left;
    width:45% !important;
}

.form_extranet .saisie_selection label {
    width:100%;
    display:block;
}

    /*__________________________*/
/*///////// SELECT /////////*/
.contenu-extranet .form_extranet select,
.contenu-principal.contenu-extranet select{
    border: 0;
    box-sizing: border-box;
    color: #4D4D4D;
    font-size: 1em;
    margin-left: 0;
    padding: 1%;
    width: 100%;
}



/* Changement flèche pour les selects */
/* Fonctionne uniquement pour les navigateurs récents */
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (-ms-appearance: none) or (appearance: none)){
    /* Code pour afficher fleche personnalisée pour tous les navigateurs sur les champs select*/
    .form_extranet .saisie_selection,
    .contenu-principal.contenu-extranet li[class^="selecteur_de_"]{
        display: inline-block;
        margin: 0;
        min-width: 195px;
        overflow: hidden;
        vertical-align: middle;
        width: 100%;
    }
    .contenu-principal.contenu-extranet li[class^="selecteur_de_"]{ width: 100%; }

    .form_extranet select,
    .contenu-principal.contenu-extranet select{
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #FFFFFF url("../images/contact-select.png") no-repeat scroll 100.2% center;
        cursor: pointer;
        height: 33px; /* Définition d'une hauteur pour la bordure d'erreur */
        padding-right: 55px;
        width: 100%;
    }
    /* On change l'image de la flèche si le champs est obligatoire et n'est pas renseigné */
    .form_extranet .erreur select,
    .contenu-principal.contenu-extranet .erreur select{
        background-image: url("../images/contact-select-erreur.png");
        background-position: right center;
        background-repeat: no-repeat;
    }
    .contenu-principal.contenu-extranet .erreur-corrige select{
        background-image: url("../images/contact-select-success.png");
        background-position: right center;
        background-repeat: no-repeat;
    }
}



/*________________________________________________________________________________________*/
/*//////// SUBMIT (et bouton => surcharge de la classe : bouton a dans salonconf) ////////*/
/* Styles commun à tous les submit */
.form_extranet input[type="submit"],
.contenu-principal.contenu-extranet input[type="submit"]{
    color: #FFFFFF;
    font-family: 'raleway', sans-serif;
}

/* Bouton submit par défaut pour les formulaires */
.page_article .contenu-principal.contenu-extranet .bouton a,
.page_article .form_extranet .bouton a,
.page_article .form_extranet input[type="submit"],
.page_article .contenu-principal.contenu-extranet input[type="submit"]{
    background-color: #737373;
    border: none;
    color: #FFFFFF;
    display: block;
    margin: 1.5em auto 1.5em auto;
    padding: 2% 4% 2% 4%;
    transition: background-color 0.4s ease;
    text-transform: uppercase;
}

.page_article .contenu-principal.contenu-extranet .bouton a:hover,
.page_article .form_extranet .bouton a:hover,
.page_article .form_extranet  input[type="submit"]:hover,
.page_article .contenu-principal.contenu-extranet input[type="submit"]:hover{
    background-color: #424242;
    cursor: pointer;
}

/* Submit pour Marketing*/
.page_article.t-marketing .contenu-principal.contenu-extranet .bouton a,
.page_article.t-marketing .form_extranet .bouton a,
.page_article.t-marketing .form_extranet input[type="submit"],
.page_article.t-marketing .contenu-principal.contenu-extranet input[type="submit"]{ background-color: #445878; border: 0; color: #FFFFFF; }
/* Submit survol pour Marketing */
.page_article.t-marketing .contenu-principal.contenu-extranet .bouton a:hover,
.page_article.t-marketing .form_extranet .bouton a:hover,
.page_article.t-marketing .form_extranet  input[type="submit"]:hover,
.page_article.t-marketing .contenu-principal.contenu-extranet input[type="submit"]:hover{ background-color: #243348; border: 0; color: #FFFFFF; }

/* Submit pour Technique */
.page_article.t-technique .contenu-principal.contenu-extranet .bouton a,
.page_article.t-technique .form_extranet .bouton a,
.page_article.t-technique .form_extranet input[type="submit"],
.page_article.t-technique .contenu-principal.contenu-extranet input[type="submit"]{ background-color: #3498db; border: 0; color: #FFFFFF; }
/* Submit survol pour Technique */
.page_article.t-technique .contenu-principal.contenu-extranet .bouton a:hover,
.page_article.t-technique .form_extranet .bouton a:hover,
.page_article.t-technique .form_extranet  input[type="submit"]:hover,
.page_article.t-technique .contenu-principal.contenu-extranet input[type="submit"]:hover{ background-color: #25578C; border: 0; color: #FFFFFF; }

/* Lorsqu'un bouton submit est desactivé */
.page_article .form_extranet  input[type="submit"][disabled="disabled"],
.page_article .contenu-principal.contenu-extranet input[type="submit"][disabled="disabled"],
.page_article .form_extranet  input[type="submit"][disabled="disabled"]:hover,
.page_article .contenu-principal.contenu-extranet input[type="submit"][disabled="disabled"]:hover{
    background-color: #DDDDDD;
    box-shadow: none;
    border: 0;
    color: #808080;
    cursor: default;
    opacity: 0.5;
}





/*____________ INDICATION POUR LE REMPLISSAGE DES CHAMPS __________*/
/*/////////////////////////////////////////////////////////////////*/
.form_extranet .erreur .explication,
.form_extranet .explication{
    font-size: 0.9em;
    font-style: italic;
    color: #FF934C;
    padding-left: 25px;
    line-height: 1.8em;
    text-align: left;
    margin-bottom: 7px;
    margin-left: -26px;
}
/* Explication */
.t-marketing.page_article .form_extranet .erreur .explication,
.t-marketing.page_article .form_extranet .explication,
.t-technique.page_article .form_extranet .erreur .explication,
.t-technique.page_article .form_extranet .explication{ color: #FF934C; }

/* Icone pour les explications */
.form_extranet .explication:before{
    background: transparent url('../images/informations.png') no-repeat;
    content: '';
    height: 20px;
    margin-top: 2px;
    margin-left: -24px;
    position: absolute;
    width: 20px;
}


/*____________ INDICATION D'OBLIGATION (étoile générée après le champs)____________*/
/*/////////////////////////////////////////////////////////////////////////////////*/
.form_extranet li.obligatoire label:after,
.form_extranet div.obligatoire label:after{
    content: '*';
    color: #EF4F4F;
    font-size: 2em;
    position: absolute;
    margin-left: 5px;
    margin-top: 8px;
}
.form_extranet li.obligatoire input[type="radio"] + label:after,
.form_extranet div.obligatoire input[type="radio"] + label:after{ margin-left: 0; margin-top: 0; }
.form_extranet li.obligatoire input[type="checkbox"] + label:after,
.form_extranet div.obligatoire input[type="checkbox"] + label:after{ margin-left: 1px; margin-top: -1px; }






/* MESSAGE D'ERREUR GENERALE (si le champs obligatoire n'est pas renseignée) */
/* Message d'erreur si information obligatoire (Encadré à droite du champs apparait en JS) */
.erreur_message{
    background-color: #EF4F4F;
    color: #FFFFFF !important;
    float: right;
    font-size: 0.8em;
    position: relative;
    padding: 5px 10px !important;
    z-index: -1;
}

/* Autre texte d'indication */
.form_extranet .warning {
    color: #EF4F4F;
    font-size: 1.125em;
}


/*____________ ERREUR SUR CHAMPS FORMULAIRES ___________*/
/*//////////////////////////////////////////////////////*/
.form_extranet .erreur [type="radio"]:not(:checked) + label:before,
.form_extranet .erreur [type="checkbox"]:not(:checked) + label:before,
.form_extranet .erreur input,
.form_extranet .erreur textarea,
.form_extranet .erreur select{
    background-color: #FBE3E4;
    box-shadow: 0 0 4px rgba(255,0,0,0.2);
    border: 1px solid #FF9F9F;
    transition: background-color 0.4s ease;
}

.form_extranet .erreur [type="radio"]:not(:checked) + label:before,
.form_extranet .erreur [type="checkbox"]:not(:checked) + label:before,
.form_extranet .erreur input:focus,
.form_extranet .erreur textarea:focus,
.form_extranet .erreur select:focus{
    border: 1px solid #FF9F9F; /* On peut définir une couleur de bordure différente si on le souhaite pour les erreurs */
    background-color: #FFFFFF;
}


/*____________ ERREUR CORRIGEE SUR CHAMPS FORMULAIRES ___________*/
/*///////////////////////////////////////////////////////////////*/
.form_extranet .erreur-corrige [type="radio"]:not(:checked) + label:before,
.form_extranet .erreur-corrige [type="checkbox"]:not(:checked) + label:before,
.form_extranet .erreur-corrige input,
.form_extranet .erreur-corrige textarea,
.form_extranet .erreur-corrige select{
    background-color: #E1FFDE;
    box-shadow: 0 0 4px rgba(51, 255, 0, 0.2);
    border: 1px solid #3eb86a;
    transition: background-color 0.4s ease;
}
.form_extranet .erreur-corrige [type="radio"]:not(:checked) + label:before,
.form_extranet .erreur-corrige [type="checkbox"]:not(:checked) + label:before,
.form_extranet .erreur-corrige input:focus,
.form_extranet .erreur-corrige textarea:focus,
.form_extranet .erreur-corrige select:focus{
    border: 1px solid #3eb86a; /* On peut définir une couleur de bordure différente si on le souhaite pour les erreurs */
    background-color: #FFFFFF;
}

/* BONUS : lorsque l'on rajoute la classe anim-erreur-message, on cache le texte lié à l'erreur sur le champs
  et on l'anim en javascript lorsque l'on clique sur un champs*/
.form_extranet.anim-erreur-message .saisie_checkbox .choix{ background-color: #F9F9F9; }
.form_extranet.anim-erreur-message .erreur_message{
    opacity: 0;
    position: relative;
    top: 80px;
    z-index: -9;
}



/*____________ Bouton de remplissage automatique des champs ___________*/
/*/////////////////////////////////////////////////////////////////////*/
.remplissage-champs-auto{
    background-color: #004e6e;
    border: 0;
    box-shadow: 0 0 2px #004e6e;
    color: #FFFFFF;
    display: block;
    font-family: 'Raleway',arial, sans-serif;
    font-size: 16px;
    margin: 16px auto 0 auto;
    padding: 8px 16px;
    position: relative;
}
.remplissage-champs-auto:hover{
    background-color: #00324E;
    cursor: pointer;
}





/* ----------- A REPRENDRE PLUS TARD ----------- */
.reponse_formulaire{
    background: none;
    border: 0;
    font-weight: normal;
    font-size: .9em;
    line-height: 1.3em;
    margin: 0 0 1em 0;
    padding: 0;
}
.reponse_formulaire_ok{ color:#43D683; }
.reponse_formulaire_erreur{ color: #EF4F4F; }

#message_ok{
    background: #43D683;
    color: #FFFFFF;
    display: block;
    font-family: 'raleway', sans-serif;
    font-weight: 400;
    text-align: center;
    margin: 1em 0;
    padding: 1em;
}

#message_erreur{
    background: #EF4F4F;
    color: #FFFFFF;
    display: block;
    font-weight: 400;
    font-family: 'raleway', sans-serif;
    line-height: 1.3em;
    margin: 1em 0;
    padding: 1em;
    text-align: center;
}

/*******************************************************/
/*///////////////// FIN FORMULAIRE ////////////////////*/
/*******************************************************/




/**************************************************************/
/*//////////// DEMANDE D'ACCREDITATION (PRESENCE) ////////////*/
/**************************************************************/
/* Champs explication contenant la date */
.page_article .contenu-principal .form_extranet .fieldset_presence .saisie_explication{
    display: inline-block;
    margin-bottom: 0;
    vertical-align: bottom;
    width: 35%;
}
.page_article .contenu-principal .form_extranet .fieldset_presence .saisie_explication:first-child {
    width: 100%;
}

.form_extranet .fieldset_presence .explication{ font-style: normal; margin-bottom: 0; }
.form_extranet .fieldset_presence .explication:before{ content: none; }
.form_extranet .fieldset_presence .explication h4{
    border-left: 0;
    color: #57789A;
    margin: 1em 0 0 0;
    padding-left: 0;
}

/* Alignement de tous les saisie_selection */
.page_article .contenu-principal .form_extranet .fieldset_presence .saisie_selection{
    display: inline-block;
    margin-bottom: 0;
    min-width: initial;
    width: 15%;
}
.form_extranet .fieldset_presence .saisie_selection label,
.formulaire_accreditation.form_extranet .fieldset_presence .saisie_selection select{
    display: inline-block;
    vertical-align: bottom;
}
.formulaire_accreditation.form_extranet .fieldset_presence .saisie_selection select{
    background-size: contain;
    height: 25px;
    padding: 5px 30px 5px 8px;
}

/* Spécificité pour alignement horizontal pour le saisie_selection qui contient un label */
.form_extranet .fieldset_presence .saisie_selection.short_label label{ width: 10%; }
.form_extranet .fieldset_presence .saisie_selection.short_label select{ width: 75%; }

/* Checkbox */
.form_extranet .fieldset_presence .saisie_checkbox .choix{ margin-left: 0; }

/* Erreur message display: none uniquement pour fieldset_presence */
.page_article .contenu-principal .form_extranet .fieldset_presence ul{ position: relative; }
.page_article .contenu-principal .form_extranet .fieldset_presence .saisie_input{
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
}

.page_article .contenu-principal .form_extranet .fieldset_presence .saisie_input .erreur_message{
    display: inline-block;
    float: none;
    position: relative;
}
.page_article .contenu-principal .form_extranet .fieldset_presence .saisie_input.erreur{ margin-bottom: 0.5em; margin-top: 0.5em; }
.form_extranet .fieldset_presence .saisie_input input[type="text"]{ display: none; }
.form_extranet .fieldset_presence .saisie_input.erreur .erreur_message{ display: block; }
.form_extranet .fieldset_presence .erreur_message{ display: none; }
.form_extranet .fieldset_badge .saisie_checkbox.erreur .choix label{ color:#EF4F4F !important; font-weight:bold; }

/* Désactivation */
.is-desactive{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.is-desactive select:hover{ cursor: default !important; }


@media screen and (max-width: 500px){
    .page_article .contenu-principal .form_extranet .fieldset_presence .saisie_input .erreur_message{
        position: relative;
        top: 0;
    }
}

/***************************************************/
/*///////////////// INPUT FILE ////////////////////*/
/***************************************************/
.wrapper-file{ margin-bottom: 2em; }

.input-file-container {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 40%;
}
.input-file-container:hover{ cursor: pointer; }
.input-file-trigger {
    display: block;
    padding: 14px 6px;
    background: #FF934C;
    color: #fff;
    font-size: 1em;
    text-align: center;
    transition: all .3s;
    cursor: pointer;
    margin:auto;
}
.input-file-trigger:before{
    background: url('../images/upload.png') no-repeat;
    content: '';
    height: 20px;
    margin-left: -32px;
    margin-top: -2px;
    position: absolute;
    width: 20px;
}

.input-file{
    cursor: pointer;
    top: 0; left: 0;
    opacity: 0;
    padding: 14px 0;
    position: absolute;
    width: 255px;
    z-index: -1;
}
.input-file:hover{ cursor: pointer; }
.input-file:hover + .input-file-trigger,
.input-file:focus + .input-file-trigger,
.input-file-trigger:hover,
.input-file-trigger:focus {
    background: #e57b52;
    color: #FFFFFF;
}

.file-return {
    box-sizing: border-box;
    font-style: italic;
    display: inline-block;
    background-color: #F7E1CE;
    margin: 0;
    margin-bottom: 0 !important;
    margin-left: -4px;
    min-height: 44px;
    overflow: hidden;
    padding: 11px;
    vertical-align: top;
    width: 59.9%;
}
.file-return:not(:empty) {
    margin-left: -4px;
    position: relative;
}
.file-return:not(:empty):before {
    content: ""; /* On peut rajouter un texte avant le nom du fichier qui sera chargé */
    font-style: normal;
    font-weight: normal;
}

.file-return__titre-long{
    padding: 0 8px;
    position: absolute;
    width: 2000px;
}
/*******************************************************/
/*///////////////// FIN INPUT FILE ////////////////////*/
/*******************************************************/





/*__________ MISE EN AVANT D'UN TEXTE (dashboard_preshow) ________*/
/*////////////////////////////////////////////////////////////////*/
.texte-informations{
    background-color: #ffdfab;
    font-size: 1em;
    font-weight: 400;
    font-family: 'raleway', Arial, sans-serif;
    line-height: 1.4em;
    margin-top: 2em;
    min-height: 64px;
    padding: 1.5em 1.5em 1.5em 6.5em;
    position: relative;
}
.texte-informations:before{
    color: #A5654D;
    font-size: 4em;
    left: 24px;
    position: absolute;
    top: 40px;
}
.contenu-extranet .texte-informations p{
    color: #A5654D;
    margin-bottom: 0;
}
.contenu-extranet  .prestations {
    border:1px solid black;
    border-radius:5px;
    background-color:#EFEFEF;
    padding:10px;
}
.contenu-extranet  .prestations ul {
    margin-bottom: 0 !important;
}
.contenu-extranet  .prestations ul li{
    list-style-type: circle !important;
}

    /*______________ NOTICE ______________*/
/*////////////////////////////////////*/
.contenu-extranet .notice{
    margin: 1.5em 0;
    display: table;
    width: 100%;
}
/*Conteneur du texte à gauche */
.contenu-extranet .notice__texte{
    background-color: #fff1db;
    border: 1px solid #ebd1ba;
    color: #a5654d;
    display: table-cell;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
    padding: 1.5em;
    transition: all 0.3s ease;
    vertical-align: middle;
}
/* Si on décide de placer un formulaire dans l'espace réservé au texte */
.contenu-extranet .notice .notice__form ul{ display: table; }
.contenu-extranet .notice .notice__form li{
    display: table;
    list-style: none;
    margin: 0;
}






/* Mediabox pour les conditions */
.Notice {
    box-shadow: 0 0 30px rgba(100,100,100,0.4);
    position: fixed;
    z-index:10000;
}

.Notice .popup ul li{

    margin-bottom:0.5em;

}
.Notice .popup ul {
    list-style-type: square;
    padding-left:20px;
}
.Notice .popup h3 {
    padding:1em;
    margin-bottom:0.75em;
    margin-top:0.75em;
    background-color: #E13A38;
    color:white;
}
.Notice .popup small {
    font-size:0.75em;
}
.Notice .popup  {
    font-size:0.9em;
}



.Notice #message_erreur{ margin: 0 0 16px 0; }
.notice__condition {
    box-sizing: border-box;
    color: grey;
    font-family: arial, sans-serif;
    font-size: 1em;
    /*height: 510px;*/
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 6px 32px 20px 10px;
    position: relative;
    width: 100%;
}
.notice__cont-condition{
    height: 550px;
    position: relative;
}
.notice__cont-condition:before{
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, transparent 100%);
    top: 0;
    content: '';
    height: 40px;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.notice__cont-condition:after{
    background: linear-gradient(to top, rgb(255, 255, 255) 0%, transparent 100%);
    bottom: 0;
    content: '';
    height: 40px;
    position: absolute;
    width: 100%;
    z-index: -1;
}

/* Contenu de la box condition */
.notice__condition p{
    line-height: 1.4;
    margin-bottom: 16px;
    position: relative;
    z-index: -2;
}
.notice__condition h3{
    position: relative;
    z-index: -2;
}

/* Contient tous les champs de formulaire supplémentaire */
.notice__cont-champs{ margin-top: 16px; }
.Notice .form_extranet [type="checkbox"]:not(:checked) + label:before,
.Notice .form_extranet [type="checkbox"]:checked + label:before{ top: 0; }

.notice .ui-dialog-titlebar-close{ display: none; }
.page_article .form_extranet .notice__condition h3{ padding-left: 0; }
.Notice .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ display: none !important; }









/*________ Label et checkbox __________ */
/*//////////////////////////////////////*/
.contenu-extranet .notice .notice__form label{
    color: #a5654d !important;
    float: right;
    font-size: 1em;
    font-weight: 400;
    font-family: 'raleway', Arial, sans-serif;
    line-height: 1.4em;
    width: 85%;
}
.contenu-extranet .notice .notice__form .choix{ float: left; }


/*________ Surcharge pour les checkbox _____________*/
/*//////////////////////////////////////////////////*/
.contenu-principal.contenu-extranet .notice .form_extranet div.editer{ display: inline-block; overflow: visible; }
.contenu-principal.contenu-extranet .notice .form_extranet .saisie_checkbox .choix{ margin-left: 0; }
.contenu-principal.contenu-extranet .notice .form_extranet [type="checkbox"]:not(:checked) + label,
.contenu-principal.contenu-extranet .notice .form_extranet [type="checkbox"]:checked + label{ padding-left: 0; }

/* Taille et bordure de la case */
.contenu-principal.contenu-extranet .notice .form_extranet [type="checkbox"]:not(:checked) + label:before,
.contenu-principal.contenu-extranet .notice .form_extranet [type="checkbox"]:checked + label:before{
    border: 1px solid #a5654d;
    height: 25px;
    width: 25px;
}
/* Icone du checkbox */
.contenu-principal.contenu-extranet .notice .form_extranet [type="checkbox"]:not(:checked) + label:after,
.contenu-principal.contenu-extranet .notice .form_extranet [type="checkbox"]:checked + label:after{
    color: #a5654d;
    left: 11px;
    top: 2px;
}
/* Transformation de l'icone du checkbox lorsque l'on clique sur la case à cocher */
.contenu-principal.contenu-extranet .notice .form_extranet [type="checkbox"]:checked + label:after{ transform: scale(3); }

/* Pour les erreurs */
.contenu-principal.contenu-extranet .notice .erreur_message{ display: none; }
.contenu-principal.contenu-extranet .notice .notice__formulaire .saisie_checkbox label{ width: 85%; }


/*________ Checkbox mise en exergue _____________*/
/*///////////////////////////////////////////////*/
/* Notice fait référence à la boite modale qui apparait que l'utilisateut valide les conditions  */

.page_article .contenu-principal .saisie_checkbox.exergue-checkbox,
.Notice .saisie_checkbox.exergue-checkbox{ margin-left: 0; list-style: none; }

.page_article .contenu-principal .saisie_checkbox.exergue-checkbox,
.page_article .contenu-principal.contenu-extranet .saisie_checkbox.exergue-checkbox,
.Notice .saisie_checkbox.exergue-checkbox{ text-align: center; }

.page_article .contenu-principal .saisie_checkbox.exergue-checkbox .choix,
.page_article .contenu-principal.contenu-extranet .saisie_checkbox.exergue-checkbox .choix,
.Notice .saisie_checkbox.exergue-checkbox .choix{
    background-color: #fff1db;
    border: 1px solid #ebd1ba;
    display: inline-block;
    margin-left: 0;
    padding: 10px;
}
.page_article .contenu-principal .saisie_checkbox.exergue-checkbox .choix label,
.page_article .contenu-principal.contenu-extranet .saisie_checkbox.exergue-checkbox .choix label{ color: #a5654d; }
.page_article .contenu-principal .saisie_checkbox.exergue-checkbox [type="checkbox"]:not(:checked) + label:before,
.page_article .contenu-principal .saisie_checkbox.exergue-checkbox [type="checkbox"]:checked + label:before,
.page_article .contenu-principal.contenu-extranet .saisie_checkbox.exergue-checkbox [type="checkbox"]:not(:checked) + label:before,
.page_article .contenu-principal.contenu-extranet .saisie_checkbox.exergue-checkbox [type="checkbox"]:checked + label:before,
.Notice .saisie_checkbox.exergue-checkbox .choix label,
.Notice .saisie_checkbox.exergue-checkbox .choix label{ color: #a5654d; }
.Notice .saisie_checkbox.exergue-checkbox [type="checkbox"]:not(:checked) + label:before,
.Notice .saisie_checkbox.exergue-checkbox [type="checkbox"]:checked + label:before,
.Notice .saisie_checkbox.exergue-checkbox [type="checkbox"]:not(:checked) + label:before,
.Notice .saisie_checkbox.exergue-checkbox [type="checkbox"]:checked + label:before{
    border: 1px solid #ebd1ba;
    height: 15px;
    width: 15px;
}
.page_article .contenu-principal .saisie_checkbox.exergue-checkbox [type="checkbox"]:not(:checked) + label:after,
.page_article .contenu-principal .saisie_checkbox.exergue-checkbox [type="checkbox"]:checked + label:after,
.page_article .contenu-principal.contenu-extranet .saisie_checkbox.exergue-checkbox [type="checkbox"]:not(:checked) + label:after,
.page_article .contenu-principal.contenu-extranet .saisie_checkbox.exergue-checkbox [type="checkbox"]:checked + label:after,
.Notice .saisie_checkbox.exergue-checkbox [type="checkbox"]:not(:checked) + label:after,
.Notice .saisie_checkbox.exergue-checkbox [type="checkbox"]:checked + label:after,
.Notice .saisie_checkbox.exergue-checkbox [type="checkbox"]:not(:checked) + label:after,
.Notice .saisie_checkbox.exergue-checkbox [type="checkbox"]:checked + label:after{ color: #a5654d; }



/*_____________ Btn Submit ___________ */
/*/////////////////////////////////////*/
.contenu-extranet .notice__form .notice__submit{ margin-bottom: 0; }
.contenu-extranet .notice__form .notice__submit input[type="submit"]{
    background-color: #a5654d;
    box-shadow: none;
    margin: 0 auto 0.5em auto;
    padding: 0.5em 2em;
}
.contenu-extranet .notice__form .notice__submit input[type="submit"]:hover{ background-color: #804540; }


/*__________ Conteneur du lien et de l'icone à droite _______*/
/*///////////////////////////////////////////////////////////*/
/* Conteneur de l'icone pdf à droite */
.contenu-extranet .notice__icone{
    background: #a5654d url('../images/icon-pdf.png') no-repeat center center !important;
    background-size: initial;
    display: table-cell;
    max-width: 380px;
    padding: 2em;
    transition: all 0.3s ease;
    vertical-align: middle;
    width: 22%;
}
.contenu-extranet .notice__icone:hover{
    background-color: #804540 !important;
    background-size: initial;
}
/* Texte une fois que le formulaire ait été validé */
.contenu-extranet .notice__icone--texte-lien{
    background-position: center center;
    color: #FFFFFF;
    font-family: 'raleway', Arial, sans-serif;
    font-weight: normal;
    padding: 1em 1em 2em 1em;
    text-align: center;
    vertical-align: bottom;
}
.contenu-extranet .notice__icone--texte-lien:hover{ color: #FFFFFF; }

/*****************************************************************/
/*///////////////// FIN BLOC D'INFORMATIONS /////////////////////*/
/*****************************************************************/







/*________________ BADGES ET BONS DEJEUNER ________________*/
/*/////////////////////////////////////////////////////////*/
/* Pour le titre des tableaux dashboard */
.dejeuner {
    color: #804540;
    display: inline-block;
    background-color: #fff1db;
    border: 1px solid #d7bbaa;
    box-sizing: border-box;
    font-size: 1.2em;
    padding: 12px 15px;
    width: 100%;
}
.dejeuner .nombre_dej{ float: right; }
.nb-dej{ font-weight: bold; }

/*.formulaire_badge .editer_dejeuner .choix_0{ display:none; }*/
.form_extranet span.obligatoire{ display: none; }
.form_extranet .champs_obligatoires{ font-size: 1.4em; }


@media screen and (max-width: 800px){
    .checkbox_extranet .choix{
        clear: both;
        width: 100%;
    }
    .dejeuner .nombre_badges{
        display: block;
        padding-bottom: 10px;
    }
    .dejeuner .nombre_dej{
        clear: both;
        float: none;
    }
}


#message_dejeuner {
    background-color: #EF4F4F;
    padding:10px;
    width:50%;
    color:white;
}




/**************************************************/
/*///////////////// MOBILIER /////////////////////*/
/**************************************************/
.page_article .contenu-principal.contenu-extranet .form_extranet .mobilier__titre,
.page_article .contenu-principal.contenu-extranet .form_extranet .mobilier__titre ul,
.page_article .contenu-principal.contenu-extranet .form_extranet .mobilier__titre li,
.page_article .contenu-principal.contenu-extranet .form_extranet .mobilier__titre div.filedset,
.page_article .contenu-principal.contenu-extranet .form_extranet .mobilier__titre div.editer{
    margin: 0 0 0.5em 0;
    padding: 0;
    overflow:visible;
}

.contenu-extranet .mobilier__titre .titre{
    background-color: #2980B9;
    padding: 0 0 0 2em !important;
}

/* Surcharge de form_extranet */
.contenu-extranet .mobilier .form_extranet li > label,
.contenu-extranet .mobilier .form_extranet div.editer > label{
    color: #FFFFFF;
    padding-left: 0;
    padding-right: 0;
}

.contenu-extranet .mobilier-selection .saisie_oui_non label{
    box-sizing: border-box;
    color: #FFFFFF;
    display:inline-block;
    padding: 0 0 0 2em;
    vertical-align: middle;
    width: 59.65%;
}
.contenu-extranet .mobilier-selection .saisie_oui_non > label{ font-size: 1.3em; }
.contenu-extranet .mobilier__titre .choix{
    display: inline-block;
    margin-left: -4px;
    width: 20%;
}

.contenu-extranet .mobilier__titre [type="radio"]:not(:checked) + label,
.contenu-extranet .mobilier__titre [type="radio"]:checked + label{
    box-sizing: border-box;
    display: inline-block;
    min-height: 44px;
    padding: 0.6em;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    z-index: 9999;
}
.contenu-extranet .mobilier__titre [type="radio"]:not(:checked) + label:before,
.contenu-extranet .mobilier__titre [type="radio"]:checked + label:before{
    border: 1px solid #76AED2;
    border-radius: 0;
    height: 42px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}
.contenu-extranet .mobilier__titre [type="radio"]:not(:checked) + label:after,
.contenu-extranet .mobilier__titre [type="radio"]:checked + label:after{
    height: 42px;
    top: 1px;
    left: 1px;
    width: 100%;
    z-index: -1;
}
.contenu-extranet .mobilier__titre [type="radio"]:checked + label{ color: #FFFFFF; }
.contenu-extranet .mobilier__titre [type="radio"]:checked + label:after{
    background-color: #8CD2FD;
    background-image: none;
}

.contenu-extranet .mobilier__titre [type="radio"]:not(:checked) + label{ background-color: #F9F9F9; color: #666666; }
.contenu-extranet .mobilier__titre [type="radio"]:not(:checked) + label:before{
    background-color: #F9F9F9;
    border-color: #76AED2;
}


/*__________________________________*/
/* Affiche un bouton radio devant tous les éléèments
*pour pouvoir récupèrer le choix fait par l'exposant*/
.contenu-extranet .mobilier__produits [type="radio"]{
    height: 213px;
    left: 0 !important;
    margin: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
    opacity: 0;
    position: absolute;
    top: 0;
    width: 213px;
    z-index: 99999999999999999999;
}
.contenu-extranet .mobilier__produits [type="radio"]:hover{ cursor: pointer; }



/*________________________________________*/
/*////////////// MOBILIER ////////////////*/
.contenu-extranet .mobilier .mobilier__produits{ margin: 0.2em 0 0 0; }

.contenu-extranet .mobilier-produits{
    margin: 0 !important;
    padding: 0 !important;

    display: inline-block;
    height: 213px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    transform: scale(1);
    width: 32.9%;
}

/* Création d'un voile pour cacher les produits qui non pas été choisi */
.contenu-extranet .mobilier-voile{
    background-color: rgba(220,220,220,0.6);
    content: '';
    display:block;
    height: 213px;
    opacity: 0;
    position:absolute;
    width: 213px;
    z-index:99999999999;
}

.contenu-extranet .mobilier-produits:hover{
    cursor: pointer;
    z-index: 99999999;
}

/*__________________*/
/* Titre du produit */
.contenu-extranet .mobilier-produits__infos{
    display: table;
    min-height: 213px;
    min-width: 214px;
}
.contenu-extranet .mobilier-produits__titre{
    box-sizing: border-box;
    color: #FFFFFF;
    display: table-caption;
    min-width: 213px;
    position: relative;
    text-align: left;
    top: 0;
    transition: all 0.5s ease;
    vertical-align: middle;
}
.contenu-extranet .produits-titre__titre,
.contenu-extranet .produits-titre__check{
    display: table-cell;
    padding: 0.7em 0.8em;
    position: relative;
    vertical-align: middle;
}
.contenu-extranet .produits-titre__titre{
    background-color: rgb(52,152,219)\9; /*#@!\8 d'IE 8 !!!!*/
    background-color: rgba(101, 196, 255, 0.71);
    font-family: 'Raleway', Arial, sans-serif;
    font-weight: normal;
    line-height: 1.2em;
}
.contenu-extranet .produits-titre__check{
    background-color: rgb(255,209,135)\9; /*#@!\8 d'IE 8 !!!!*/
    background-color: rgba(255, 209, 135, 0.8);
    background-image: url('../images/check.png');
    background-repeat: no-repeat;
    background-position: center center;
}

/* Apparition du titre au survol du produit */
.contenu-extranet .mobilier-produits .produits-titre__titre{ top: -213px; transition: all 0.3s ease; }
.contenu-extranet .mobilier-produits:hover .produits-titre__titre{ top: 0; }

.contenu-extranet .mobilier-produits.produit-non-actif .produits-titre__check{ display: none; right: -50px; }
.contenu-extranet .mobilier-produits.produit-actif .produits-titre__check{ display: table-cell; width: 20%; }


/*__________________*/
/* Image du produit */
.contenu-extranet .mobilier-produits__image{ position: absolute; z-index: -1; }
.contenu-extranet .mobilier-produits__image img{
    height: auto;
    min-width: 100%;
}


/*_______________________*/
/* Descriptif du produit */
.contenu-extranet .mobilier-produits__descriptif{
    background-color: rgb(183,183,183)\9; /*#@!\8 d'IE 8 !!!!*/
    background-color: rgba(52, 152, 219, 0.28);;
    bottom: -213px;
    box-sizing: border-box;
    color: #FFFFFF;
    display: table-cell;
    height: 213px;
    min-width: 213px;
    position: relative;
    padding: 0.7em 0.8em;
    text-align: left;
    text-shadow: 0 0 10px rgba(0,14,31,0.7);
    transition: all 0.3s ease;
}
.contenu-extranet .mobilier-produits:hover .mobilier-produits__descriptif{ bottom: 0; }


/* Voile sur le produit */
.mobilier-voile{
    background-color: rgba(115,115,115,0.5);
    display: block;
    height: 213px;
    width: 231px;
}
/******************************************************/
/*///////////////// FIN MOBILIER /////////////////////*/
/******************************************************/






/********************************************/
/*///////////////  TOOLTIP  ////////////////*/
/********************************************/
/* Utilisé pour afficher image du produit et une description en dessous */
/* => formulaire : commande */
.tooltip {
    display: inline;
    position: relative;
    z-index: 999;
}

/* Texte "Descriptif" */
.tooltip-item {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    text-align: center;
    font-weight: 700;
    padding: 4px 10px;
    margin: auto;
    width: 100%;
}

/* Gap filler */
.tooltip-item:after {
    content: '';
    position: absolute;
    width: 360px;
    height: 20px;
    bottom: 100%;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* Tooltip */
.tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 360px;
    left: 50%;
    bottom: 100%;
    text-align: left;
    line-height: 1.4;
    box-shadow: 0 0 15px rgba(48,54,61,0.2);
    background: #5a5a5a;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}
.tooltip-content:after {
    content: '';
    bottom: 15px;
    left: -10px;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-right-color: #5a5a5a;
    border-width: 10px;
    margin-left: -10px;
}

/* Animation */
.tooltip-effect-5 .tooltip-content {
    width: 180px;
    bottom: 1em;
    margin-left: 235px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    -webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
    transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
}
.tooltip-item:hover + .tooltip-content{
    pointer-events: auto;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.tooltip-content img {
    position: relative;
    display: table-cell;
    margin-right: 1em;
    height: auto;
    width: 100%;
}
.tooltip-text {
    font-size: 1em;
    line-height: 1.35;
    display: table-cell;
    padding: 1.31em 1.21em 1.21em 0;
    color: #ffffff;
}
.tooltip-effect-5 .tooltip-text { padding: 1.4em; }
/************************************************/
/*///////////////  FIN TOOLTIP  ////////////////*/
/************************************************/





/*_________________ COMMANDE ________________*/
/*///////////////////////////////////////////*/
.contenu-principal.contenu-extranet .commande td{ padding: 7px; }
.contenu-principal.contenu-extranet .commande ul{ margin: 0; }
.contenu-principal.contenu-extranet .commande ul li{ text-align: right; }
.contenu-principal.contenu-extranet .commande ul li.saisie_input{
    font-size: 1.7em;
    margin: 0 !important;
    min-width: 100px;
}
.contenu-principal.contenu-extranet .commande ul li.saisie_input input{ margin: 0; }
.contenu-principal.contenu-extranet .details_commande{ width: 10% !important; }



.contenu-principal.contenu-extranet .image_commande{
    display: table-cell;
    padding-right: 8px;
    text-align: center;
    vertical-align: middle;
}
.contenu-principal.contenu-extranet .titre_commande{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.contenu-principal.contenu-extranet .commande p{ margin: 0; }
.contenu-principal.contenu-extranet .dashboard.commande td{ color: #5A5A5A; }




/* Set une largeur minimum pour un affichage des montants correct */
.contenu-principal.contenu-extranet .commande-prixHT{ min-width: 135px; }
.contenu-principal.contenu-extranet .commande-montantHT{ min-width: 145px; }

/*Total commande*/
.total_commande{ border-top: 1px solid rgb(215,215,215); }

#total_HT,
#total_TVA { background-color: #EFEFEF !important; }
#total_TTC,#total_majoration { background-color: #D0D0D0  !important; }

#total_majoration p,#total_majoration {font-size:0.8em; color:#7C7C7C;}

table.dashboard tbody tr#total_HT td,
table.dashboard tbody tr#total_TVA td{ background-color: #EFEFEF !important; }


.ht_tva{ font-size: 1em !important; }
.style_total{ font-size: 1.2em !important; }
.titre_commande{
    color: #666666;
    font-weight: normal;
    text-align: center;
}

.quantite_commande{ padding-right: 15px; }
.prix-total-produit{
    font-size: 1.3em !important;
    min-width: 80px;
    padding-right: 5px;
    text-align: right;
}
.prix_unit{ font-size: 1.3em !important; }



/* Bon de commande pour le formulaire de commmade */
.lien_bon_de_commande{
    background: #22BB2C url(../images/pdf-32.png) no-repeat 2% 50%;
    color: #FFFFFF;
    padding:10px;
    padding-left:50px;
    font-size:0.9em;
    display: block;
    margin: auto;
}
.lien_bon_de_commande:hover{ background-color: #7DCBDB; }


li.intertitre {
    margin:0 !important;
    padding:0 !important;
}

li.sans_bordure {
    border:none !important;
}
li.sans_bordure label {

    font-weight:bold !important;
    font-size:14px !important;
}










/**********************************************************/
/*//////////// FORMULAIRE CARTE D'INVITATION /////////////*/
/**********************************************************/
.contenu-extranet .ecard{ text-align: center; }
.contenu-extranet .ecard .icone_ecard{
    box-shadow: 0 0 2px rgba(0, 75, 153, 0.2);
    display: inline-block;
    margin: 1em 0.5% 1em 0;
    transition: all 0.3s ease;
    width: 25%;
}
/* Marketing */
.t-marketing .contenu-extranet .ecard .icone_ecard{ background-color: #445878; color: #FFFFFF; }
.t-marketing .contenu-extranet .ecard .icone_ecard:hover{ background-color: #243348; color: #FFFFFF; }
/* Technique */
.t-technique .contenu-extranet .ecard .icone_ecard{ background-color: #3498db; color: #FFFFFF; }
.t-technique .contenu-extranet .ecard .icone_ecard:hover{ background-color: #2980b9; color: #FFFFFF; }
.contenu-extranet .icone_ecard .lien_ecard {
    color: #FFFFFF;
    display: block;
    font-weight: 100;
    padding: 1%;
    padding-bottom: 8%;
    transition: color 0.3s ease;
}
.contenu-extranet .icone_ecard .lien_ecard:hover{
    color: #FFFFFF;
}
.contenu-extranet .icone_ecard{ text-align: center; }
.contenu-extranet .icone_ecard img{
    display: block;
    margin: auto;
}

.contenu-extranet .explication_mail{
    float: left;
    line-height: 1.4em;
    padding-left: 2.3em;
    width: 93%;
}
.contenu-extranet .explication_mail label{ color: #ff934c; }
















/** telechargement **/
.info_telechargement { margin-bottom: 1em; }
.cacher { display: none; }
span.erreur {
    color: #EF4F4F;
    font-weight: bold;
}










/*__________________________________________*/
/*//////////////// TABLEAU /////////////////*/
/* Spécifiques pour l'extranet */
.contenu-extranet .tableau-liste th{
    background-color: #A0DA26;
    color: white;
    text-align: right;
    width: 50%;
}
.contenu-extranet .tableau-liste tbody tr{ border-top: 1px solid #99D027; }
.contenu-extranet .tableau-liste tbody tr:first-child{ border-top: 0; }
.contenu-extranet .tableau-liste tbody tr:nth-child(even),
.contenu-extranet .tableau-liste tbody tr:nth-child(odd){ background-color: #F0FBD9; }



input.disabled {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8 */
    filter: alpha(opacity=20); /* IE7 */
    opacity: 0.2;
}

#boutons_acces{
    background-color: #000E1F;
    background-image: url(../images/cadenas.png);
    background-position: 130% 50%;
    background-repeat: no-repeat;
    border-radius: 0.5em;
    color: white;
    display: block;
    font-family: 'Arial',sans-serif;
    font-size: 21px;
    font-weight: 400;
    height: 48px;
    line-height: 41px;
    margin-bottom: 10px;
    padding: 14px 10px 6px;
    text-align: center;

    -o-transition: background-position 0.5s, opacity 2s 3s ease-in;
    webkit-transition : background-position 0.5s, opacity 2s 3s ease-in;
    transition: background-position 0.5s, opacity 2s 3s ease-in;
}

#boutons_acces:hover{
    text-decoration: none;
    text-align: left;
    background-position: 100% 50%;
}












/** Recap téléchargements **/
#recap_infos td span{ font-weight:normal; }
#recap_infos td,
#recap_infos td img { vertical-align:middle; }

#select_telecharger,
#form_telecharger {
    color:#404040;
    border-collapse:collapse;
    padding:7px 0;
}

#select_telecharger .title_telechargement,
#form_telecharger .title_telechargement{
    padding: 0.75em;
    margin:-7px 0 0;
    background: #0093D9;
    color:#fff;
}

#select_telecharger li,
#form_telecharger li{
    padding: 7px 20px;
}
#select_telecharger li label,
#form_telecharger li label{
    display: inline;
    float: none;
}
#select_telecharger li select,
#form_telecharger li input{
    font-size: 0.9em;
    width: auto;
}
#form_telecharger li input[type="file"]{ background-color: #FFFFFF; }
#form_telecharger .editer_telecharger label{
    display: block;
    float: none;
    width: auto;
}
#form_telecharger .editer_telecharger input[type="file"]{
    background: none;
    border: none;
    margin-bottom: 1em;
    width: auto;
}
.ie #form_telecharger .editer_telecharger input[type="file"]{ direction: rtl; }
#wrapper_telecharger { margin-bottom: 30px; }












/** Badges/livraison **/
#list_badge th,#list_livraison th {
    text-align:center;
}
#list_badge td,
#list_badge td img,
#list_livraison td,
#list_livraison td img{
    text-align:center;
    vertical-align:middle;
}

.page_article .contenu-extranet .dashboard .action-elem{ display: inline-block;}
.page_article .contenu-extranet .dashboard .action-elem + .action-elem{ margin-left: 8px; }
.page_article .contenu-extranet .ajouter-elem{
    background-color: #445878;
    color: #FFFFFF;
    display: inline-block;
    padding: 3px 1em;
    transition: background-color 0.3s ease;
    vertical-align: middle;
}
.page_article .contenu-extranet .ajouter-elem:hover{
    opacity : 0.5;
    cursor: pointer;
}

.page_article .contenu-extranet .ajouter-elem img{
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.page_article .contenu-extranet .ajouter-elem a{
    color: #FFFFFF !important;
    display: block;
    padding: 4px 0;
    font-weight: 400;
}





/*_______ Formulaire ajout d'un nouvel intervenant => page ATELIER (euroclip_classic) ____________*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
.atelier li > label{ font-weight: bold; }
.page_article .contenu-principal.contenu-extranet .form_extranet .atelier .editer_ajouter_intervenant,
.page_article .contenu-principal.contenu-extranet .form_extranet .atelier .editer_ajouter_intervenant_supp
{
    background-color: #445878;
    display: table;
    margin: auto;
    padding: 0.7em;
    width: 50%;
}
.atelier .editer_ajouter_intervenant > label,
.atelier .editer_ajouter_intervenant_supp > label
{
    display: table-cell;
    color: #FFFFFF !important;
    font-weight: normal;
    font-size: 1.1em;
    vertical-align: middle;
}
.atelier .editer_ajouter_intervenant > div.choix,
.atelier .editer_ajouter_intervenant_supp > div.choix
{ display: table-cell; vertical-align: middle; }
.atelier .editer_ajouter_intervenant > div.choix > label,
.atelier .editer_ajouter_intervenant_supp > div.choix > label
{ padding-left: 0; }

/* Case à cocher */
.form_extranet .atelier .editer_ajouter_intervenant [type="checkbox"]:not(:checked) + label:before,
.form_extranet .atelier .editer_ajouter_intervenant [type="checkbox"]:checked + label:before,
.form_extranet .atelier .editer_ajouter_intervenant_supp [type="checkbox"]:not(:checked) + label:before,
.form_extranet .atelier .editer_ajouter_intervenant_supp [type="checkbox"]:checked + label:before
{
    border: 0;
    height: 25px;
    left: 0;
    top: -1px;
    width: 25px;
}
.form_extranet .atelier .editer_ajouter_intervenant [type="checkbox"]:checked + label:after,
.form_extranet .atelier .editer_ajouter_intervenant_supp [type="checkbox"]:checked + label:after
{ transform: scale(2.8); }

/* Couleur de la checkbox */
.form_extranet .atelier .editer_ajouter_intervenant [type="checkbox"]:not(:checked) + label:after,
.form_extranet .atelier .editer_ajouter_intervenant [type="checkbox"]:checked + label:after,
.form_extranet .atelier .editer_ajouter_intervenant_supp [type="checkbox"]:not(:checked) + label:after,
.form_extranet .atelier .editer_ajouter_intervenant_supp [type="checkbox"]:checked + label:after {
    color: #6D4A0A;
    left: 11px;
    top: -4px;
}

@media screen and (max-width: 800px){
    .page_article .contenu-principal.contenu-extranet .form_extranet .atelier .editer_ajouter_intervenant,
    .page_article .contenu-principal.contenu-extranet .form_extranet .atelier .editer_ajouter_intervenant_supp
    { width: 70%; }
}
@media screen and (max-width: 480px){
    .page_article .contenu-principal.contenu-extranet .form_extranet .atelier .editer_ajouter_intervenant,
    .page_article .contenu-principal.contenu-extranet .form_extranet .atelier .editer_ajouter_intervenant_supp
    { width: 80%; }
}
/*-------------- Fin ajout intervenant euroclip_classic ------------------*/


/** euroclip **/
#list_euroclip th{
    text-align:center;
}
#list_euroclip td,
#list_euroclip td img {
    text-align:center;
    vertical-align:middle;
}
.premium p.infos-secondaires__typologie {
   background-color: #B75399;
}
.premium p.infos-secondaires__date-heure-lieu {
    background-color:#db5cbb;
}

.contenu-principal p.infos-secondaires_theme {
    text-align: center;
    padding: 15px;
    font-weight: bold;
    font-size: 20px;
}

.cacher {
    display:none !important;
}

/** uiAccordion **/
/*#radio_choice li.saisie_checkbox { overflow: hidden; }*/


#activity .ui-accordion-header { padding: 0.3em 1.6em; }
#activity .ui-state-active { border-bottom:none; }
#activity .ui-accordion-content {
    top:0;
    padding: 1em 2.2em;
}
.formulaire_catalogue #activity .ui-accordion-content ul {
    margin-bottom:0;
}

.formulaire_catalogue #activity .ui-accordion-content li {
    /*float: left;*/
    clear:none;
    font-size: 13px;
    /*width: 49%;
    background:none;*/
    padding:0;
    border:none;
    /*margin-bottom:5px;
    min-height:0;
    line-height:11px;*/
}
#check_choice .choix,
#list_choice .choix {
    float:left;
    padding-left: 25px;
    width:45%;
}
#radio_choice .saisie_radio,
#check_choice .saisie_checkbox,
#list_choice .saisie_list {
    /*border:none;*/
}
/*#radio_choice .saisie_radio:after,
#check_choice .saisie_checkbox:after,
#list_choice .saisie_list:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}*/

#activite .saisie_textarea label {
    margin-right:10px;
    line-height: 1.2em;
    /*width:30%;*/
}
#activity .ui-accordion-content li input {
    margin: 0 5px 10px 0;
    vertical-align: middle;
}
#activity .ui-accordion-content li label {
    font-weight:normal;
    font-size: 12px;
    vertical-align: middle;
}

.formulaire_spip li.saisie_textarea label { height: auto; }
.formulaire_spip li.saisie_textarea.erreur label{ display: block; }




/*________________________________________________________________________*/
/*////////////// Acheteurs => modele/dashboard_acheteur.html /////////////*/
.extranet-acheteur__icon .icon{ padding-right: 10px; }
.extranet-acheteur__icon span{
    display: inline-block;
    vertical-align: middle;
}



.acheteur {
    border: 1px solid #999999;
    color: #404040;
}

.acheteur h3{
    color: #FFFFFF;
    font-size: 16px;
    margin: 5px 0;
    padding: 8px 12px;
    background-color:#0093D9;
}
.acheteur li:first-child h3{
    margin:0;
}

.acheteur p{
    font-size: 14px;
    padding: 3px 12px;
    margin:0;
}

ul.acheteur li ul li{
    padding-left:20px;

}


/**** Autocomplete ****/
.ui-menu {
    width:314px;
}
.ui-menu .ui-corner-all {
    border:none;
    cursor:pointer;
    font-size:14px;
}
.ui-menu .ui-corner-all:hover {
    background:#789FBC;
    color:#fff;
    border-radius:0;
}


/* Sponsor */
ul.Gold li.editer_editorial,
ul.Gold li.editer_presentation{
    display:none;
}
ul.Platinium li.editer_web{
    display:none;
}
ul.Silver li.editer_web,
ul.Silver li.editer_editorial{
    display:none;
}
ul.Bronze li.editer_web,
ul.Bronze li.editer_editorial,
ul.Bronze li.editer_presentation{
    display:none;
}





/*************************************************************/
/*/////////// Boite modal et datepicker JQUERY UI ///////////*/
/*************************************************************/

/* Icone custom pour datepicker */
.contenu-principal.contenu-extranet li input[class*="hasDatepicker"]{
    box-sizing: border-box;
    background-image: url("../images/calendrier.png");
    background-repeat: no-repeat;
    background-position: 3px 4px;
    padding-left: 5%;
    width: 30%
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br,
.ui-widget-header{
    border: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
    background-color: #D4D4D4;
    background-image: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight{
    background-color: #326EAD;
    background-image: none;
    border: 1px solid #002644;
    color: #FFFFFF;
}

/* Fond de couleur */
#ui-datepicker-div{
    background-color: #FFFFFF;
    border: 1px solid #A2A2A2;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    box-shadow: none;
}

.ui-timepicker-div dl{ background-color: #FFFFFF; }
.ui-timepicker-div dl dd{
    border: 1px solid #BDBDBD;
    margin: 0 10px 10px 85px;
}
.ui-slider .ui-slider-handle{
    width: 0.8em;
}
.ui_tpicker_second,
.ui_tpicker_millisec,
.ui_tpicker_microsec_label,
.ui_tpicker_second_label,
.ui_tpicker_microsec { display: none; }

.ui-dialog-titlebar.ui-widget-header { border:0; border-radius:0; padding: .5em; position:absolute; right: 0; }
.ui-dialog.message_unvalid .ui-dialog-titlebar.ui-widget-header { background: #EF4F4F; }
.ui-dialog.message_valid .ui-dialog-titlebar.ui-widget-header { background: #43D683; }
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover { background: transparent; border:0; }
.ui-dialog-titlebar .ui-dialog-title { display:none; }
#ui-datepicker-div .ui-timepicker-div dl {
    background-color:#FFFFFF !important;
    border:none !important;
}
.ui-dialog.ui-corner-all {
    border-radius: 0;
}
.ui-dialog.message_unvalid {
    border-color: #EF4F4F;
    box-shadow: 0 0 5px rgba(50,50,50,0.5);
    color: #FFFFFF;
    position: fixed;
}

.ui-dialog.message_valid {
    background-color: #43D683;
    border-color: #43D683;
    box-shadow: 0 0 5px rgba(50,50,50,0.5);
    position: fixed;
}

.message_valid .ui-state-default,
.message_valid .ui-widget-content .ui-state-default,
.message_valid .ui-widget-header .ui-state-default,
.ui-widget-content.message_valid{
    background-color: #43D683;
    background-image: none;
}

.message_unvalid .ui-state-default,
.message_unvalid .ui-widget-content .ui-state-default,
.message_unvalid .ui-widget-header .ui-state-default,
.ui-widget-content.message_unvalid{
    background-color: #EF4F4F;
    background-image: none;
    border: none;
}

.ui-dialog .ui-dialog-buttonpane {
    background: none;
    padding: 0;
    text-align: center;
    border:0;
    margin: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float:none;
}



.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    border: 1px solid #333333;
    background: transparent;
    font-size: .9em;
}

.ui-dialog.message_valid .ui-dialog-buttonpane .ui-dialog-buttonset button { border-color: #43D683; }
.ui-dialog.message_valid .ui-dialog-buttonpane .ui-dialog-buttonset button:hover { background: #2e9056; }

.ui-dialog.message_unvalid .ui-dialog-buttonpane .ui-dialog-buttonset button { border-color: #EF4F4F; }
.ui-dialog.message_unvalid .ui-dialog-buttonpane .ui-dialog-buttonset button:hover { background: #b13e3e; }

.ui-dialog .ui-state-hover .ui-icon,
.ui-dialog .ui-state-focus .ui-icon,
.ui-dialog .ui-icon,
.ui-dialog .ui-icon{
    background-image: url("images/ui-icons_222222_256x240.png");
}
#confirmBox {display:none;}
#confirmBox ul li {text-align: left;}
#confirmBox ul li span {color:black;}

.message_confirm  .ui-dialog-buttonset button  {
    color: #fff;
    background-color: #57789A !important;
    transition: background-color 0.3s ease;
}
.message_confirm  .ui-dialog-buttonset button:hover {
    background-color: #243348 !important;
    cursor: pointer;
}
/************************************************************************/
/*///////////////// FIN boite modale et datepicker /////////////////////*/
/************************************************************************/






/*** Dashboard ***/
.opaque {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
    filter: alpha(opacity=100); /* IE7 */
    opacity: 1;
}






/* Formulaire accréditation  */
.contenu-principal .formulaire_accreditation.form_extranet form > div > ul li,
.contenu-principal .formulaire_accreditation.form_extranet form > div > div.fieldset,
.contenu-principal .formulaire_accreditation.form_extranet form > div > div.editer{ margin: 5px 0 12px 0; }
.contenu-principal .formulaire_accreditation.form_extranet div h3,
.contenu-principal .formulaire_accreditation.form_extranet div .legend
{
    background-color: #404040;
    box-shadow: none;
    box-sizing: border-box;
    color: #FFFFFF;
    display: inline-block;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.5em;
    padding: 5px 15px;
    width: auto;
    margin-bottom:10px;
}

.contenu-principal .formulaire_accreditation.form_extranet div h3:before{ content: none; }
/* Champs select */
.contenu-principal .formulaire_accreditation.form_extranet select{
    margin-left: 0;
    width: 100%;
}

/* Formulaire recommandation après validation accréditation */
.contenu-principal .spip.dashboard.dashboard--font-small tr td,.page_article .contenu-principal table.dashboard tr td img{ font-size: 0.8em; width:auto;}




/**************************************************************/
/*///////////////////// DEMANDE DE BADGE /////////////////////*/
/**************************************************************/
.page_article .contenu-principal .cont-condition-badge{ margin-left: 0; }
.page_article .contenu-principal .cont-condition-badge li{ margin: 0; }

.page_article .contenu-principal .cont-demande-badge{ margin-bottom: 16px; }
.page_article .contenu-principal .demande-badge{
    background-color: #fff1d9;
    display: inline-block;
    margin-top: 32px;
    min-height: 220px;
    vertical-align: top;
    width: 48%;
}

.page_article .contenu-principal .demande-badge.demande-badge--sans-code .boutons{ margin-top: 50px; }

.page_article .contenu-principal .demande-badge ul{ margin-left: 0; }
.page_article .contenu-principal .demande-badge li{
    margin: 26px auto 0 auto;
    position: relative;
    width: 80%;
    z-index: 9;
}
.page_article .contenu-principal .demande-badge li.erreur .erreur_message{ z-index: 0; }
.page_article .contenu-principal .demande-badge li.erreur-corrige{ margin-top: 10px; }

.page_article .contenu-principal .demande-badge h3{
    background-color: #ffdfab;
    border-bottom: 0;
    color: #a5654f;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0;
    padding: 8px 16px;
}
.page_article .contenu-principal .demande-badge h3:before{ content: none; }

/* Réinitialisation des boutons */
.page_article .contenu-principal .demande-badge input[type="submit"],
.page_article .contenu-principal .demande-badge input[type="button"]{
    background-color: #1d65b1;
    border: none;
    font-size: 16px;
    margin: 0 auto 0 auto;
    padding: 8px 16px;
    text-transform: none;
    transition: background-color 0.3s ease;
}
.page_article .contenu-principal .demande-badge input[type="submit"]:hover,
.page_article .contenu-principal .demande-badge input[type="button"]:hover{ background-color: #113963; }

.page_article .contenu-principal .demande-badge input[type="submit"][disabled="disabled"],
.page_article .contenu-principal .demande-badge input[type="button"][disabled="disabled"]{
    background-color: #1d65b1;
    opacity: 0.2;
}

.page_article .contenu-principal .demande-badge input[type="submit"][disabled="disabled"]:hover,
.page_article .contenu-principal .demande-badge input[type="button"][disabled="disabled"]:hover{ cursor: default; }
/*------------------ FIN demande de badge --------------------*/






/* Surcharge du responsive de preshow */
@media screen and (max-width: 550px){
    .contenu-principal .formulaire_accreditation.form_extranet [type="radio"]:not(:checked) + label,
    .contenu-principal .formulaire_accreditation.form_extranet [type="radio"]:checked + label{ min-height: 0; }

    /* Demande de badge */
    .page_article .contenu-principal .demande-badge.demande-badge--avec-code .boutons,
    .page_article .contenu-principal .demande-badge.demande-badge--sans-code .boutons{ margin-top: 17px; }
    .page_article .contenu-principal .demande-badge{
        margin-bottom: 16px;
        min-height: 0;
        width: 100%;
    }
}


/*__________ BOUTONS ___________*/
/*//////////////////////////////*/
/* Bouton pour impression */
.btn-print{ margin-bottom: 0.5em; text-align: center; }
.btn-print__lien{ display: inline-block; }
.btn-print__icone,
.btn-print__texte{
    display: table-cell;
    padding: 0.4em 0.7em;
    vertical-align: middle;
}
/* Icone */
.btn-print__icone{ background-color: #c1c1c1; }
.btn-print__icone img{ display: block; }
/* Texte du bouton */
.btn-print__texte{
    background-color: #dadada;
    color: #484848;
    font-family: 'arial',sans-serif;
    font-size: 1em;
    transition: background-color 0.3s ease, color 0.3s ease;
}
/* Comportement hover */
.btn-print__lien:hover .btn-print__texte{ background-color: #C1C1C1; color: #FFFFFF; }





[class*="editer_services_"] .choix label span {
    color: green;
    font-family: 'arial', sans-serif;
    font-weight: 700;
    padding-left: 10px;
}

.group-bttns {
    display: flex;
    justify-content: center;
}
.group-bttns > a {
    background-color: #e13a38;
    color: #FFFFFF !important;
    margin: 5px;
    padding: 8px 12px;
    transition: background-color 0.3s ease;
}
.group-bttns > a:hover {
    background-color: #7B0B09;
}