/*** POPUP ***/
#MultiBoxContentContainer, #MultiBoxContentContainer > iframe {
    max-width: 100%;
    max-height: 100%;
}

div#colorbox {
    min-width: 100%;
    min-height: 100%;
}


/**************************************/
/* ---   LES TABLEAUX             --- */
/**************************************/

/* Legende tableau */
.legende {
    font-size: 10px;
}

/* Entete tableau */
.entetetableau {
    font-size: 11px;
    background-color: #306271;
    color: #FFFFFF;
    font-weight: bold;
}

/* Entete tableau ligne de calcul */
.entetetableaucalcul {
    font-size: 14px;
    background-color: #306271;
    color: #FFFFFF;
    font-weight: bold;
}

/* Gestion du champs ordre multiple */
.champs_ordre {
    border: 1px;
    background: transparent;
    text-align: right;
    font-weight: normal;
}

/* Ligne tableau (1) */
[class^="lignetableau"] {
    font-size: 11px;
    color: #000000;
    font-weight: normal;
}

[class^="lignetableau"] td {
    padding: .33em;
}

.lignetableau1 {
    background-color: #ececec;
}

/* Ligne tableau (2) */
.lignetableau2 {
    background-color: #d9d9d9;
}

/* Ligne tableau (3) */
.lignetableau3 {
    background-color: #c6c6c6;
}

/* Ligne tableau (4) */
.lignetableau4 {
    background-color: #A7A7A7;
}

.lignetableau5 {
    background-color: #f9b460;
}

/* Titre des grilles */
.titre-grille {
    font-size: 1.3em;
    color: #4B686A;
    font-weight: bold;
    text-decoration: underline;
}

/* Titre des grilles */
.titre-grille-bis {
    font-size: 12px;
    color: #4B686A;
    font-weight: bold;
}

/* Cellule transparente (Fond blanc, écriture : noire) */
.cellule-transparente-simple {
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    font-weight: normal;
}

/* Cellule transparente (Fond blanc, écriture : noire) */
.cellule-transparente {
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    font-weight: bold;
}

/* Ligne phase (1) */
.ligne_phase1 {
    font-size: 11px;
    background-color: #d0dc5c;
    color: #000000;
    font-weight: normal;
}

/* Ligne part (1) */
.ligne_part1 {
    font-size: 11px;
    background-color: #ffa556;
    color: #000000;
    font-weight: normal;
}

/* Ligne sous traitant  (1) */
.ligne_sous_traitant1 {
    font-size: 11px;
    background-color: #679de5;
    color: #000000;
    font-weight: normal;
}

/* Ligne budget produit (1) */
.ligne_budget_produit1 {
    font-size: 11px;
    background-color: #d0dc5c;
    color: #000000;
    font-weight: normal;
}

/* Ligne part (1) */
.ligne_budget_charge1 {
    font-size: 11px;
    background-color: #ffa556;
    color: #000000;
    font-weight: normal;
}

/* Ligne part (1) */
.ligne_ctrl_gestion1 {
    font-size: 11px;
    background-color: #ffa556;
    color: #000000;
    font-weight: normal;
}

/* Ligne titre_type_critere */
.titre_type_critere {
    border-bottom: 1px dotted #666666;
    font-size: 12px;
}

.tableau_operateur {
    background-color: #CCCCCC;
    /*border:1px dotted #000000;*/
    margin-top: 10px;
    width: 100%;
}

a[class^="lien-entete"],
a[class^="lien-liste"] {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.025em;
}

a.lien-liste1 {
    color: #4b686a;
}

#popup_planning_ajax {
    border: 5px solid #000;
    background-color: #f0f0f0;
    padding: 15px;
}

/**
 * Styles datagrid menu
 */

.tree_img {
    float: left;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

.tree_text {
    padding-top: 15px;
}

/* Placement entete tableau */
.placement th,
.placement td {
    padding-left: 15px;
    padding-right: 15px
}

/*Placement */
#statuts div{
    float: left ;
    width: 33%;
}

#statuts .total{
    font-weight: bold;
}

/**************************************/
/* ---   LES FORMULAIRES  --- */
/**************************************/

/**
 * Mise en forme du titre et du pied de formulaire
 */
#titre-formulaire, #pied-formulaire {
    color: white;
    background: #306271;
    margin: 0;
    padding: .5em;
}

#titre-formulaire input {
    font-weight: bold;
    margin-left: 1em;
    cursor: pointer;
    float: right;
}

/**
 * Les boutons du pied sont alignes a droite
*/
#pied-formulaire {
    text-align: right;
}

#pied-formulaire input {
    font-weight: bold;
    margin-left: 1em;
    cursor: pointer;
}

/**
 * Mise en fome d'une remarque en haut du formulaire (bordure, couleur du fond...)
 */
#attention-formulaire {
    border: 1px solid black;
    color: red;
    background: #f0f0f0;
    margin: 0;
    padding: 1em;
}

/**
 * Mise en fome du corp du formulaire (bordure, couleur du fond...)
 */
#corps-formulaire {
    border: 1px solid black;
    color: black;
    background: #f0f0f0;
    margin: 0;
    padding: 1em;
}

/**
 * Mise en forme des cadres
 */
#corps-formulaire fieldset {
    margin: 0 0 1em 0;
    padding: 1em;
    font-style: normal;
}

#corps-formulaire fieldset:last-of-type {
    margin-bottom: 0;
}

/**
 * Mise en forme des titres des cadres
 */
#corps-formulaire legend {
    font-weight: bold;
    color: black;
    background: transparent;
    padding: 0 .5em;
}

/**
 * Mise en forme des lignes du formulaire
 */
#corps-formulaire p {
    padding: .2em 0;
    margin: 0 0 .2em 0;
}

/*
 * Mise en forme des intitules de champs
 */
#corps-formulaire fieldset label {
    float: left; /* Tres important, ne pas suprimer ! */
    width: 33%; /* Les intitules prennent 1/3 de la largeur totale du formulaire... */
    white-space: nowrap;
    text-align: right; /* ... et ils sont alignes a droite... */
    margin: 0;
    padding: 0 .4em 0 0; /* FL 2012-11-05 Correction PB sur chrome*/
    line-height: 1.8; /* ... et centres verticalement. */
}

/*
 * Mise en forme des contenu de champs sans champs "input"
 */
#corps-formulaire fieldset div.champs_contenu {
    text-align: left;
    border: 1px solid #f0f0f0;
    width: 65%;
    margin-top: -2px;

}

.champs_contenu2 {
    /*text-align: left;*/
    width: 60%;
    border: 1px solid #f0f0f0;
}

#corps-formulaire fieldset div.champs_contenu3 {
    text-align: left;
    border: 1px solid #f0f0f0;
}

/**
 * Pour les clicks sur les labels des formulaires
 */
#corps-formulaire label:hover {
    cursor: pointer;
}

/**
 *  Pour mise en evidence des champs obligatoires
 */
#corps-formulaire label.oblig {
    font-weight: bold;
}

/**
 *  Pour affichage des champs disabled
 */
#corps-formulaire input.champ_disabled {
    border: 0;
    background-color: #f0f0f0;
    color: #000000;
}

/**
 *  Pour affichage des champs disabled
 */
#corps-formulaire input.champ_disabled2 {
    border: 1px;
    background-color: #f0f0f0;
    color: #000000;
}

/**
 * Mise en forme des aides contextuelles
 */
.legende {
    font-style: italic;
    color: #666;
    background: transparent;
    margin: 0;
    padding: 0;
}

.moteurrecherche {
    padding-bottom: 10px;
}

/**
 * Mise en forme des bulles d'aide
 */
#corps-formulaire a.aide {
    text-decoration: none;
}

/**
 * Mise en forme de l'image des bulles d'aide
 */
#corps-formulaire a.aide img {
    margin: 0;
    padding: 0;
    border: 0;
}

/**
 * Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide
 */
#corps-formulaire a.aide:hover {
    cursor: help;
}

/**
 * Mise en avant des champs en cours d'utilisation
 */
#corps-formulaire .focus {
    background: beige;
    color: black;
    border: 1px solid #000000;
}

/**
 * Retour a l'etat normal apres l'utilisation d'un champs
 */
#corps-formulaire .normal {
    background: white;
    color: black;
}

/**
 * Mise en forme des checkbox
 */
#corps-formulaire span.inlineb{
    display: inline-block;
    padding: 2px 0px;
}

/**
 * Barre de progression pour les textarea
 */
.progress {
    width: 1px;
    height: 14px;
    color: white;
    font-size: 12px;
    overflow: hidden;
    background-color: navy;
    padding-left: 5px;
}

/**
 * Champs transparent
 */
.champs_transparent {
    border: 0;
    background: none;
}

/**
 * Champs date de modif
 */
.champs-date-modif {
    color: red;
    font-weight: bold;
}

/**
 * Champs IFRAME transparent
 */
.contenu-iframe {
    color: #B22222;
    background-color: #f0f0f0;
    width: 100%;
    height: 100%;
}

.separation {
    margin-top: 5px;
    width: 100%;
    border-bottom: 1px solid #306271;
    margin-bottom: 5px;
}

.bloc-affichage-titre {
    font-size: 11px;
    background-color: #c6c6c6;
    color: #000000;
    font-weight: normal;
    border-bottom: 1px dotted #000;
    padding: 5px;
}

.bloc-affichage-contenu {
    font-size: 11px;
    background-color: #dfdfdf;
    color: #000000;
    font-weight: normal;
    padding: 5px 5px 0 5px;
}

#fond-encart {
    background-color: #dddddd;
    border: 1px dotted #666666;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0 20px 0;
}

#fond-encart a {
    text-decoration: none;
}

#fond-encart .msg-erreur {
    color: #B22222;
    font-weight: bold;
}

#fond-encart .msg-confirmation {
    color: #008000;
    font-weight: bold;
    font-size: 14px;
}

.bloc-progression {
    font-weight: bold;
    border: 0 solid #ff0000;
    display: table;
}

.barre-progression {
    border: 1px solid #000000;
    margin-left: 5px;

}

.barre-progression .contenu {
    background-color: #306271;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
}

/**
 * Style pour le module séjour itinerant
 */
#bloc-tarif-vente {
    font-weight: bold;
    border: none;
    width: 90%;
    margin: 0 auto;
    text-align: left;
    padding: 0;
}

#bloc-tarif-vente .icone {
    padding: 0 15px 0 10px;
}

#bloc-tarif-vente .vente {
    color: #FFFFFF;
    background-image: url('/img/interface/bleu_centre.png');
    height: 39px;
}

#bloc-tarif-vente .bloc-tarif {
    font-size: 11px;
    background-color: #ececec;
    color: #000000;
    padding-left: 10px;
    font-weight: normal;
}

#bloc-tarif-achat {
    font-weight: bold;
    border: none;
    width: 90%;
    margin: 0 auto;
    text-align: left;
    padding: 0;
}

#bloc-tarif-achat .icone {
    padding: 0 15px 0 10px;
}

#bloc-tarif-achat .achat {
    color: #FFFFFF;
    background-image: url('/img/interface/vert_centre.png');
    height: 39px;
}

#bloc-tarif-achat .bloc-tarif {
    font-size: 11px;
    background-color: #ececec;
    color: #000000;
    padding-left: 10px;
    font-weight: normal;
}

#bloc-tarif-achat .bloc-prestation {
    font-weight: normal;
    background-color: #c6c6c6;
    color: #000000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 3px 0;
}

#bloc-tarif-achat .bloc-prestation span {
    font-weight: bold;
}

/**
 * Style pour le module package
 */

#titre-formulaire-package {
    font-weight: bold;
}

#titre-formulaire-package .icone {
    padding: 0 15px 0 10px;
}

#titre-formulaire-titre-reftar {
    color: #008000;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

#titre-formulaire-titre-reftar-new {
    color: #8d2703;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px;
}

#titre-formulaire-package .principale {
    color: #FFFFFF;
    background-image: url('/img/interface/vert_centre.png');
    height: 39px;
}

#titre-formulaire-package .complementaire {
    color: #FFFFFF;
    background-image: url('/img/interface/jaune_centre.png');
    height: 39px;
}

#titre-formulaire-package .client {
    color: #FFFFFF;
    background-image: url('/img/interface/bleu_centre.png');
    height: 39px;
}

#titre-formulaire-package .bloc-prestation {
    font-weight: normal;
    background-color: #c6c6c6;
    color: #000000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 3px 0;
}

#titre-formulaire-package .bloc-prestation span {
    font-weight: bold;
}

#titre-formulaire-package .bloc-tarif {
    font-size: 11px;
    background-color: #ececec;
    color: #000000;
    padding-left: 10px;
    font-weight: normal;
}

/**************************************/
/* ---   LA PAGINATION DES PAGES  --- */
/**************************************/

.pagination {
    margin: 5px;
    float: right;
}

.pagination-left,
.pagination-right,
.pagination-left div,
.pagination-right div {
    float: left;
}

.pagination-left a,
.pagination-right a,
.pagination-left span,
.pagination-right span {
    display: block;
    height: 22px;
    float: left;
    line-height: 22px;
    font-size: 11px;
    color: #333;
    cursor: pointer;
}

.pagination-left span,
.pagination-right span {
    cursor: default;
    color: #999;
}

.pagination-left .page a,
.pagination-right .page a,
.pagination-left .page span,
.pagination-right .page span,
.pagination-left .blank a,
.pagination-right .blank a,
.pagination-left .blank span,
.pagination-right .blank span {
    padding: 0 6px;
}

.pagination-left a:hover,
.pagination-right a:hover {
    text-decoration: none;
    color: #0B55C4;
}

.pagination-left a,
.pagination-left span {
    padding: 0 24px 0 6px;
}

.pagination-right a,
.pagination-right span {
    padding: 0 6px 0 24px;
}

.pagination-left {
    background: url(../../img/interface/j_button2_left.png) no-repeat;
    float: left;
    margin-left: 5px;
}

.pagination-right {
    background: url(../../img/interface/j_button2_right.png) 100% 0 no-repeat;
    float: left;
    margin-left: 5px;
}

.pagination-right .page-precedente {
    background: url(../../img/interface/j_button2_prev.png) no-repeat;
}

.pagination-right .page-precedente-off {
    background: url(../../img/interface/j_button2_prev_off.png) no-repeat;
    display: block;
    padding: 0 6px 0 24px;
    height: 22px;
    float: left;
    line-height: 22px;
    font-size: 11px;
    color: #333;
    cursor: no-drop;
}

.pagination-right .start {
    background: url(../../img/interface/j_button2_first.png) no-repeat;
}

.pagination-right.off .start {
    background: url(../../img/interface/j_button2_first_off.png) no-repeat;
}

.pagination-left .page,
.pagination-left .blank {
    background: url(../../img/interface/j_button2_right_cap.png) 100% 0 no-repeat;
}

.pagination-left .page-suivante {
    background: url(../../img/interface/j_button2_next.png) 100% 0 no-repeat;
}

.pagination-left .page-suivante-off {
    background: url(../../img/interface/j_button2_next_off.png) 100% 0 no-repeat;
    display: block;
    padding: 0 24px 0 6px;
    height: 22px;
    float: left;
    line-height: 22px;
    font-size: 11px;
    color: #333;
    cursor: no-drop;
}

.pagination-left .end {
    background: url(../../img/interface/j_button2_last.png) 100% 0 no-repeat;
}

.pagination-left.off .end {
    background: url(../../img/interface/j_button2_last_off.png) 100% 0 no-repeat;
}

.pagination-left .image {
    background: url(../../img/interface/j_button2_image.png) 100% 0 no-repeat;
}

.pagination-left .readmore {
    background: url(../../img/interface/j_button2_readmore.png) 100% 0 no-repeat;
}

.pagination-left .pagebreak {
    background: url(../../img/interface/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.pagination-left .blank {
    background: url(../../img/interface/j_button2_blank.png) 100% 0 no-repeat;
}

.pagination-left .pagination-page-active {
    color: #B22222;
}

/******************************************/
/* ---   LA PAGINATION DE NAVIGATION  --- */
/******************************************/

.pagination-navigation {
    font-weight: normal;
    width: 275px;
    margin-bottom: 10px;
    white-space: nowrap;
}

html > /**/ body .pagination-navigation {
    font-weight: normal;
    width: 275px;
    margin-bottom: 40px;
    white-space: nowrap;
}

.pagination-liste {
    float: left;
    margin-left: 5px;
}

.libelle-pagination {
    margin-bottom: 5px;
}

.liste-par-page {
    font-size: 9px;
    height: 18px;
}

/******************************************/
/* --- LES ONGLETS DE NAVIGATION  --- */
/******************************************/

/**
 * Boite qui contient le code en dessous des onglets
 */
#onglet {
    border-bottom: 1px solid #306271;
    border-left: 1px solid #306271;
    border-right: 1px solid #306271;
    margin: 0;
    padding: 0;
}

/**
 * Boite qui contient les onglets
 */
#nav-onglets {
    padding: 3px 0;
    margin: 0;
    border-bottom: 1px solid #306271;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 0.025em;
}

#nav-onglets li {
    list-style: none;
    margin: 0;
    display: inline;
}

/**
 * Liens sur les onglets
 */

#nav-onglets li a {
    padding: 3px 0.5em;
    margin-left: 0;
    border: 1px solid #306271;
    border-bottom: none;
    background: #306271;
    text-decoration: none;
}

#nav-onglets li a:link {
    color: #fff;
}

#nav-onglets li a:visited {
    color: #fff;
}

#nav-onglets li a:hover {
    color: #000;
    background: #f0f0f0;
    border-color: #306271;
}

#nav-onglets li .onglet2, #nav-onglets li .onglet2:visited, #nav-onglets li .onglet2:link {
    background-color: #FF8C00;
    border: 1px solid #FF8C00;
}

#nav-onglets li .onglet2:hover {
    color: #000;
    background: #f0f0f0;
    border-color: #306271;
}

/**
 * Onglet actif
 */
#nav-onglets li a#current {
    background: #fff;
    color: #000;
    border: 1px solid #306271;
    border-bottom: 1px solid #fff;
}

/**
 * Onglet étape
 */
#nav-onglets-etape p {
    color: #888888;
    font-weight: bold;
    font-size: 18px;
    margin-top: 5px;
}

#nav-onglets-etape td {
    padding: 20px 20px 0 20px;
}

#nav-onglets-etape .actif {
    color: #306271;
}

#nav-onglets-etape .titre {
    color: #306271;
    font-size: 16px;
}

/**
* Description des onglets
**/
#div-div-descriptionOnglet{
	width:99%;
	padding-right:1px;
	padding-top:1em;
	border-left: solid #306271 1px;
	border-right: solid #306271 1px;
}
#div-descriptionOnglet p{
    text-align: left;
	padding-left:1em;
	font-weight:bold;
	border: solid #D3EC19 5px;
	padding-bottom:1em;
	padding-top:1em;
    margin: 0 5%;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

/******************************************/
/* --- STYLE DU PANIER  --- */
/******************************************/
.panier-entete {
    background: url(images/bandeau-panier.jpg) repeat-x top left;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
}

.panier-entete-proposition {
    font-size: 14px;
    color: #B22222;
    font-weight: bold;
    height: 25px;
}

/* Total dans l'entete PANIER */
.panier-entete .total {
    color: #a7be02;
    font-size: 16px;
}

.entete-sous-total {
    background-color: #c6c6c6;
    font-weight: bold;
    font-size: 12px;
}

/* Total dans l'entete PANIER */
.entete-sous-total .total {
    color: #B22222;
}

#total_personne_panier {
    font-size: 12px;
}

#total_personne_panier .affichage_total {
    font-weight: bold;
}

#total_personne_panier .montant {
    margin: 0;
    color: #B22222;
    font-size: 14px;
}

/* Entete PRESTATION */
.panier-entete-prestataire {
    font-size: 11px;
    background-color: #306271;
    color: #FFFFFF;
    height: 16px;
}

.panier-entete-prestataire .libelle_prestataire {
    font-weight: bold;
}

/* Entete PRESTATION */
.panier-entete-composition2 {
    color: #FFFFFF;
    background-image: url('/img/interface/jaune_centre.png');
    height: 16px;
    line-height: 20px;
    font-weight: bold;
}

.panier-entete-composition {
    font-size: 12px;
    font-weight: bold;
    background-color: #a6bd02;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    color: #FFFFFF;
    height: 16px;
}

/* Entete PRESTATION */
.prix-achat {
    color: #ff8235;
}

/* Image dans l'entete PRESTATION */
.panier-entete-prestataire img {
    vertical-align: bottom;
}

/* Ligne (1) */
[class^="panier-ligne"] {
    font-size: 11px;
    color: #000000;
    font-weight: normal;
}

[class^="panier-ligne"] td {
    padding: .5em;
}

.panier-ligne-1 {
    background-color: #ececec;
}

/* Ligne (2) */
.panier-ligne-2 {
    background-color: #d9d9d9;
}

/* Ligne (3) */
.panier-ligne-3 {
    background-color: #c6c6c6;
    color: #b22222;
}

a.btn_ajout_prestation {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin: .5em .25em;
    padding: .5em 1em;
    border: 2px solid #fff;
    border-radius: 30px;
    font-size: 1.25em;
    font-weight: bold;
    background: linear-gradient(to top, #0c5063, #2B626F);
    color: #fff;
}

a.btn_ajout_prestation:hover {
    border-color: #0c5063;
    text-decoration: none;
    background: #fff;
    color: #0c5063;
}

.btn_ajout_prestation i.fa {
    margin-right: .5em;
    font-size: 1.25em;
}
#btn_ajout_recherche i {
    color: #00A469;
}
#btn_ajout_billetterie i {
    color: #ff8c00;
}
#btn_ajout_caisse i {
    color: #C1001A;
}

#formulaire_commande #corps-formulaire {
    background: none;
}

#formulaire_commande fieldset {
    border:none;
    background: #f0f0f0;
}
#formulaire_commande fieldset.hidden {
    padding: 0 0 0 1em;
}

#formulaire_commande fieldset legend {
    background: #f0f0f0;
    color: #306271;
    padding: .5em;
    font-size: .95em;
    font-weight: bold;
    cursor: pointer;
}
#formulaire_commande fieldset.hidden *:not(legend):not(i) {
    display: none!important;
}
#formulaire_commande fieldset legend:after {
    content: '\f205';
    margin-left: .5em;
    font-family: 'FontAwesome';
}
#formulaire_commande fieldset.hidden legend:after {
    content: '\f204';
}
#formulaire_commande fieldset legend svg {
    margin-left: .5em;
}

#formulaire_commande fieldset label,
#corps-formulaire fieldset label.auto {
    width: auto;
    float: none;
    text-align: left;
}

#formulaire_commande .ligne_formulaire {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    position: relative;
    margin: .25em 0;
}

#formulaire_commande .ligne_formulaire > label {
    text-align: right;
}

#formulaire_commande .ligne_formulaire > input {
    max-width: 50%;
}

#formulaire_commande .ligne_formulaire > label,
#formulaire_commande .ligne_formulaire > input,
#formulaire_commande .ligne_formulaire > select {
    flex: 1;
}
#formulaire_commande .ligne_formulaire img {
    display: inline-flex;
    vertical-align: middle;
    height: 16px;width: 16px;
}
#formulaire_commande .ligne_formulaire i.fa {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    cursor: pointer;
    color: #28a745;
}

#formulaire_commande .ligne_reglement {
    display: flex;
    justify-content: space-between;
}

#formulaire_commande .bloc_reglement img {
    vertical-align: middle;
    margin-right: 0.25em;
}
#formulaire_commande .bloc_reglement {
    display: flex;
    margin: .25em 0;
}

#formulaire_commande .bloc_reglement > label {
    text-align: right;
    flex:.5;
}

#formulaire_commande .bouton_checkbox + .reglement {
    padding: .25em;
    background: none;
}
#formulaire_commande .reglement:hover,
#formulaire_commande .bouton_checkbox:checked + .reglement {
    background: #306271;
    color: #fff;
    font-weight: bold;
}

#formulaire_commande .coordonnees_categorie {
    display: flex;
    justify-content: space-around;
    margin-bottom: 1em;
}

#formulaire_commande .coordonnees_categorie a {
    text-decoration: none;
}

#formulaire_commande .total_commande {
    font-size: 16px;
    font-weight: bold;
}

#formulaire_commande .total_commande span {
    font-size: 24px;
    color: #B22222;
}

#formulaire_commande .zone_carte_bleue {
    margin-top: 5px;
    border: 1px dotted #000000;
    padding: 5px;
    background-color: #DDDDDD;
}

#dossier-confirmation .titre {
    font-weight: bold;
    font-size: 16px;
}

#dossier-confirmation .titre span {
    color: #B22222;
    font-size: 18px;
}

#boxReglement_TPE .zone-reglement-TPE {
    margin-top: 5px;
    border: 1px dotted #000000;
    padding: 5px;
    background-color: #DDDDDD;
}

#boxReglement_TPE .zone-reglement-TPE {
    text-align: left;
}

#boxReglement_TPE .zone-reglement-TPE .select-TPE label {
    text-align: left;
    width: 25%;
    padding-right: 0;
}

#boxReglement_TPE .zone-reglement-TPE .select-TPE select {
    width: 75%;
    margin-bottom: 5px;
}

#boxReglement_TPE .zone-reglement-TPE input#envoyer-montant-tpe {
    display: inline-block;
    width: calc(100% - 30px);
}

#boxReglement_TPE .zone-reglement-TPE img {
    display: none;
    float: right;
    max-height: 20px;
}

#formulaire_commande div#fieldsetReglement > fieldset > table {
    width: 100%;
}
#formulaire_commande .composition_prestation {
    padding: .5em 0 .5em .5em;
    border-left: 2px solid #306271;
    color: #306271;
    font-style: italic;
}
#formulaire_commande .composition_personne {
    position: relative;
    font-weight: bold;
    font-style: italic;
}
#formulaire_commande .composition_personne a {
    color: #000;
}

/******************************************/
/* --- STYLE DU MODULE TARIF  --- */
/******************************************/
#tarifs [class^="entete-ligne-type-tarif"] {
    display: flex;
    align-items: center;
    padding: .25em;
    font-weight: bold;
    color: #FFFFFF;
}
#tarifs .entete-ligne-type-tarif1 {
    background-color: #306271;
}
#tarifs .entete-ligne-type-tarif2 {
    background-color: #0e4558;
}
#tarifs [class^="entete-ligne-type-tarif"] a {
    color: #fff;
    margin: 0 .25em;
}
#tarifs [class^="entete-ligne-type-tarif"] a i {
    margin: 0 .5em;
}

/* Ligne : Tarif appliqué toute la saison pour toutes les prestations */
#tarifs .ligne-tarif-toute-la-saison {
    font-size: 11px;
    background-color: #ececec;
    color: #000000;
    font-weight: normal;
}

/* Ligne : Tarif appliqué à certaines dates pour toutes les prestations */
#tarifs .ligne-tarif-date {
    font-size: 11px;
    background-color: #ececec;
    color: #000000;
    font-weight: normal;
}

/* Ligne : Tarif de la reftar */
#tarifs .ligne-tarif-reftar {
    font-size: 11px;
    background-color: #c6c6c6;
    color: #000000;
    font-weight: normal;
    border-top: 1px solid #000;
}

#tarifs .ligne-tarif-reftar-list {
    list-style-type: none;
    margin: 0 .5em .5em;
    padding: 0;
}

#tarifs .ligne-tarif-reftar-action {
    font-size: 11px;
    background-color: #c6c6c6;
    color: #000000;
    font-weight: normal;
    border-bottom: 1px solid #000;
    padding-top: 5px;
    padding-bottom: 5px;
}

#tarifs .etoile-prestation-reftar {
    font-size: 11px;
    color: red;
    font-weight: bold;
    margin-right: 2px;
}

.style-label-nuitee {
    font-size: 11px;
    color: red;
    font-weight: bold;
    margin-right: 2px;
}

.style-label-periode {
    font-size: 11px;
    color: green;
    font-weight: bold;
}

/* Ligne : Ligne de tarif d'une formule d'une reftar */
#tarifs .ligne-tarif-reftar-formule1 {
    font-size: 11px;
    background-color: #ececec;
    color: #000000;
    font-weight: normal;
}

.style-type-tarification {
    font-size: 12px;
    color: green;
    font-weight: bold;
}

/*
 * Pour impression tarif
 */

.titre_impression_tarif {
    font-size: 14px;
    text-align: center;
    border: 1px solid #000;
    padding: 5px 5px 5px 5px;
}

.tab_impression_periode_tarif {
    width: 650px;
}

.supprimer_tarif {
    text-decoration: line-through;
    color: red;
    font-weight: bold;
}

.annuler_supprimer_tarif {

}

/* ----------------------------------- */
/* --- L'affichage des compositions --- */
/* ----------------------------------- */

#composition-sejour {
    font-weight: bold;
}

/* DIV row handlers (blue left column) */
#composition-sejour .row img {
    border: 0;
}

/* drag object (DIV inside table cell) */
#composition-sejour ul {
    list-style-type: none;
    margin: 10px;
    padding: 0;

}

#composition-sejour li {
    margin: 10px 10px 10px 10px;
    padding: 0;
    position: relative;
    cursor: move;
}

#composition-sejour.icone {
    padding: 0 15px 0 10px;
}

#composition-sejour .jour {
    color: #FFFFFF;
    background-image: url('/img/interface/jaune_centre.png');
    height: 39px;
    line-height: 39px;
    text-indent: 15px;
}

#composition-sejour .formule_spec {
    color: #fff;
    background: #2a2727;
    height: 39px;
    border-bottom: 1px solid #fff;
}

#composition-sejour .marge {
    color: #FFFFFF;
    background-image: url('/img/interface/vert_centre.png');
    height: 39px;
}

#composition-sejour .total {
    color: #FFFFFF;
    background-image: url('/img/interface/bleu_centre.png');
    height: 39px;
}

#composition-sejour .bloc-prestation {
    font-weight: normal;
    background-color: #c6c6c6;
    color: #000000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 3px 0;
}

#composition-sejour .bloc-choix {
    font-size: 11px;
    background-color: #ececec;
    color: #000000;
    padding-left: 10px;
    font-weight: normal;
}

/******************************************************/
/* --- STYLE DU MODULE QUESTIONNAIRE-STATISTIQUE  --- */
/******************************************************/
#fieldset_statistique .toolTipImg {
    margin-bottom: -5px;
    margin-left: 15px;
}

/******************************************************/
/* ------------ STYLE DU MODULE CONGRES  ------------ */
/******************************************************/
fieldset#style .column {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-right: -4px;
}

fieldset#style .column img {
    max-width: 100%;
}

/******************************************************/
/* ------ STYLE DU MODULE PLANNING DES SALLES  ------ */
/******************************************************/
#planning_salles #moteurrecherche {
    display: inline-block;
    vertical-align: top;
}
#planning_salles #moteurrecherche #search_moteur {
    padding:0;
}
#planning_salles #indisponibilites {
    display: inline-block;
    vertical-align: top;
    margin-left: .5em;
}
#planning_salles #indisponibilites h2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    margin: .25em 0;
}
#planning_salles #indisponibilites a {
    display: inline-block;
    vertical-align: middle;
}
#planning_salles #poubelle {
    display: none;
    float: right;
    text-align: center;
}
#planning_salles #poubelle p {margin: 0;}
#planning_salles #panier_dossier {
    display: inline-table;
    width: 100%;
}
#planning_salles #panier_dossier tr td {
    padding: .5em .25em;
}
#planning_salles #panier_dossier tr th {
    font-size: 0.8em;
    text-align: left;
    padding: 0.25em;
    background: #306271;
    color: #fff;
}
#planning_salles #panier_dossier .ligne_C {
    background: #ABC302;
}
#planning_salles #panier_dossier tr td:first-child {
    font-weight: bold;
}
#planning_salles #panier_dossier .ligne_C td {
    padding: .5em;
}
#planning_salles #panier_dossier .ligne_C.tout_compris {
    background: #EFBA24;
}
#planning_salles #panier_dossier tr td img {
    max-width: 32px;
    display: inline-block;
    vertical-align: middle;
}
#planning_salles #popup_tarifs_ajax {
    position: absolute;
    background: #e0e0e0;
    padding:.5em;
    border: 1px solid #306271;
}
#planning_salles #popup_tarifs_ajax h2 {
    margin: .25em;
}
#planning_salles #popup_tarifs_ajax .close_btn,
#planning_salles #popup_tarifs_ajax .langue_visite,
#planning_salles #popup_tarifs_ajax select[name="numero_proposition_tarif"] {
    display: none;
}
#planning_salles div.indisponibilite {
    height: 30px;
    line-height: 30px;
}
#planning_salles .close {
    position: absolute;
    top:0; right: 0;
}

.tool-tip .tool-text .tool-text-info {
    font-style: italic;
    color: #9FD4FF;
}

.copytext {
    cursor: pointer;
    margin: 0;
    padding: .25em;
}
.copytext:hover {
    background: #52BF90;
}

#info_tarification #numero_proposition_tarif {
    float: right;
}