html {
    margin: 0;
    padding: 0;
}

/*body {
    color: #333;
    font-size: 13px;
    //font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-family: "San Francisco", "Helevetica Neue", "Lucida Grande", "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust:90%;
}*/

a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

a:link, a:visited,
a:active, a:hover {
    color: #333;
}

a:hover {
    background-color: #c7d1d6;
}
    
input
{
    font-size: 13px;
    /*font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;*/
    font-family: "San Francisco", "Helevetica Neue", "Lucida Grande", "Segoe UI", Verdana, Helvetica, Sans-Serif;
    border-width:0;
}
select, textarea
{
    font-size:  11px;
    /*font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;*/
    font-family: "San Francisco", "Helevetica Neue", "Lucida Grande", "Segoe UI", Verdana, Helvetica, Sans-Serif;
    /*margin-top: 3px;*/
}

/* boutons généraux
----------------------------------------------------------*/

input[type="button"], input[type="submit"], button.button
{
    border-radius: 3px;
    background-color: #fafafa;
    border: 1px solid #333333;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    margin-bottom: 5px;
    text-transform: lowercase;
}

input[type="text"], input[type="password"]
{
    font-size:  11px; 
}
.button
{
    cursor:pointer;
}
button.button img {
    vertical-align: middle;
}
button.button-date {
    width: 190px;
    height: 22px;
}
.aide2 {
    vertical-align: middle;

}
/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    /*width:96%;*/
    margin-left: auto;
    margin-right: auto;
}

table.table-contingents
{
    margin-left:0; 
    margin-right:0;
    width:100%;
}


table.table-contingents tr.ligne-contingent:hover, table.table-contingents tr.ligne-ajout-tarif{
    box-shadow:inset 0px 0px 0px 1px #c1c1c1;
}


tr 
{
    border-width:0;
    border-style:solid; 
    border-color:black;
    border-collapse: collapse;
}

th
{
    border-width:0px;
    border-collapse: collapse;
    color:White;
    background-color:Black;
}

td 
{
    border-width:1px;
    border-style:solid; 
    border-color:black;
    /*padding: 0.25em 0.25em 0.25em 0.25em;*/
    border: 0 none;
}

/* header
----------------------------------------------------------*/
.header
{
    background-color:#000000;
    width:100%;
    position:fixed;
    height:40px;
    z-index:1;
}

a.lienImage:active, a.lienImage:link, a.lienImage:hover,  a.lienImage:focus
{
    text-decoration: none;
    -moz-outline-style: none;
    background-color:transparent;
    outline: none;
    border:none;
}

.imageLogo
{
    /*background-color:#000000;*/
    display:block;
    margin:0 auto;
    text-align:center;
    /*position: absolute;*/
    width:60%;
    float:left;
    height:40px;
    line-height : 30px;
}

.imageLogoSeul
{
    background-color:#000000;
    display:block;
    margin:0 auto;
    text-align:center;
    /*position: absolute;*/
    width:100%;
    float:left;
    height:40px;
    line-height : 30px;
}

.lienImage img
{
    border:0;
    border-style: none;
}

.nav-sup
{
    color:#FFFFFF;
    line-height:40px;
    text-align:right;
    padding:0 5px 0 5px;
    /*position: relative;*/
    /*margin-bottom:-43px;*/
    vertical-align:middle;
    height:40px;
}

.nav-sup a
{
    color:#FFFFFF;
    text-decoration: none;
}

.nav-sup a:hover
{
    background-color: #555555;
}

.hamburger
{
    color:#FFFFFF;
    line-height:43px;
    text-align:left;
    padding:0 5px 0 5px;
    position: relative;
    top:0;
    display: inline-block;
    width:20%;
    z-index:2;
    float:left;
    height:40px;
}

.menuHamburger
{
    clear: both;
    position:absolute;
    top:40px;
    left:-440px;
    text-align:left;
    width:420px;
    color:#000000;
    padding: 0 0 5px 0;
    z-index: 4;
    /*background-color:#C3C8CC;*/
    background-color:#000000;
    line-height:16px;
    min-height:100%;
    overflow:auto;
}

.menuPadding
{
    padding-top:20px;
}

.menuMesSpectacles
{
    text-transform: uppercase;
    font-weight: bold;
    color: #656161;
    font-size: 20px;
    text-align:center;
    margin:0 auto;
}

.menuSpectacle
{
    /*line-height:16px;*/
    margin-left:-20px;
    margin:5px 0;
    color: #dcdcdc;
}
.menuItemSpectacles
{
    margin:0 auto;
    font-weight:bold;
    text-transform:uppercase;
    color: #656161;
    font-size: 16px;
    text-align:center;
}

#tousLesSpectacles
{
    overflow:auto;
}

.menuSpectacle a
{
    text-decoration:none;
    color: #dcdcdc;
}

.menuSpectacle a:hover
{
    background-color:#656161;
}

#menuPlusA, #menuPlusB, #menuPlusT
{
    margin-left:-20px;
}
.menuSpectaclePlusA, .menuSpectaclePlusB, .menuSpectaclePlusT
{
    margin-left:-20px;
    margin:5px 0;
    display:none;
}

.menuSpectaclePlusA a, .menuSpectaclePlusB a, .menuSpectaclePlusT a
{
    text-decoration:none;
}

.menuItem
{
    font-weight:bold;
    margin:10px;
    padding-left: 10px;
    text-transform:uppercase;
}
.menuItem a
{
    color: #dcdcdc;
    text-decoration:none;
}
.menuItem a:hover
{
    background-color:#656161;
}

.menuEntreeRecherche
{
    margin:5px auto;
    text-align:center;
}

#rechercheHamburger
{
    width:200px;
    border-radius:30px;
    padding: 5px;
    margin: 15px;
    width: 166px;
    text-align:center;
}

.header2
{
    background-color:#FFFFFF;
    height:40px;
}
.nav-sup2
{
    float:right;
    clear:both;
    /*color:#fFFFFF;*/
    vertical-align: middle;
    line-height:40px;
    text-align:center;
    padding:0 5px 0 5px;
}

.espaceHeader
{
    clear:both;
    height: 40px;
}


/* Zone de contenu principal
----------------------------------------------------------*/

.contenu
{
    margin:10px;
    position:static;
}


/* Menu onglet
----------------------------------------------------------*/

#menu-onglets
{
    padding:5px 0 5px;
    margin:20px auto;
    text-align:center;
}

#menu-onglets ul
{
    /*list-style-position: inside;*/
    display: inline-block;
    list-style-type:none;
    padding:0;
    margin:0;
}

#menu-onglets ul li
{
    /*list-style-position: inside;*/
    /*display:block;*/
    float:left;
    padding:7px;
    background-color:#CCCCCC;
    border-style:solid;
    border-right:2px solid;
    border-top:2px solid;
    border-bottom:2px solid;
    border-left:0;
    width:200px;
}
#menu-onglets ul > li:first-child
{
    border:2px solid;
}
#menu-onglets ul li a
{
    /*border:2px solid;*/
    text-decoration:none;
}

#menu-onglets ul li.ongletSelectionne
{
    background-color:#FFF;
}

.echo
{
    margin:10px auto;
    background-color:#F2D5C4;
    font-size:16px;
    font-weight:bold;
    width:1253px;
}

#divAffichageFormulaireEditionProgrammation
{
    display:none;
}

#divEditionProgrammation
{
    clear:both;
}

#titreEditionProgrammation
{
    margin:0 auto 5px auto;
    width:600px;
    text-align:center;
    overflow:auto;
    clear:both;
}

.divEditionProgrammation
{
    width:600px;
    margin: 0 auto;
    text-align:left;
    border: 1px solid #000000;
    padding:10px 0;
}

.labelEditionProgrammation 
{
     display:inline-block;
     width:140px;
     margin-right:10px;
     margin-bottom:5px;
     text-align:right;
 }
 .labelTextAreaEditionProgrammation
 {
     display:inline-block;
     width:140px;
     margin-right:10px;
     margin-bottom:5px;
     text-align:right;
     height:30px;
     vertical-align:top;
 }
 
 input.editionProgrammation, select.editionProgrammation
 {
    text-align:center;
    max-width:70px;
    background-color:rgb(195, 195, 162);
    background-color: rgba(195, 195, 162, 0.4);
    margin:0 10px;
    border-width:0;
 }
 input.editionDateProgrammation
 {
    text-align:center;
    max-width:70px;
    background-color:rgb(195, 195, 162);
    background-color: rgba(195, 195, 162, 0.4);
    margin:0 10px;
 }
input.editionEmailProgrammation
{
    text-align:center;
    width:397px;
    background-color:rgb(195, 195, 162);
    background-color: rgba(195, 195, 162, 0.4);
    margin:0 10px;
}

select#resaOuverteEditionProgrammation
{
    width:70px;
    max-width:70px;
    padding-left:25px;
}

textarea.editionTexteAreaProgrammation
{
    background-color:rgb(195, 195, 162);
    background-color: rgba(195, 195, 162, 0.4);
    margin:0 10px;
    margin-bottom:5px;
    border:none;
    font-size:11px;
    width:397px;
}

#validerEditionProgrammation
{
    display: block;
    margin:5px auto;
}

.divOuvrirEditionProgrammation
{
    width:600px;
    margin:0 auto;
}

.divlienEditionProgrammation
{
    width:600px;
    margin:0 auto;
    overflow:hidden;
}

.divAffichageNotes
{
    color:white;
    background-color:red;
    text-align:left;
    margin:5px auto 0 auto;
    padding: 5px;
    text-align:center;
}

/* Contingents
----------------------------------------------------------*/
#divCbCloture
{
    text-align: left;
    margin: 5px auto;
    width: 900px;
}

.aide
{
    vertical-align:bottom;
}

.iconeContact
{
    vertical-align:-6px;
}
td.legendes
{
    height:30px;
    text-align: right;
}

td.legendes input
{
    width:100px;
    text-align : center;
}

.enveloppe
{
    /*width:1400px;*/
	/*overflow-x:auto;*/
}

.champ-entier
{
    width: 70px;
}
.champ-vendues
{
    width: 36px;
    padding: 0 20px;
}

.champ-commission
{
    width: 100px;
    /*padding: 0 25px;*/
}

.representation-actions
{
    width:220px;
}

.liste-spectacteurs
{
    padding: 5px 0;
}

.champ-categorie
{
    width:240px;
}

th.th-cloture
{
     width: 125px;
}

th.titreth
{
    font-size:12px;
    text-transform:uppercase;
}

td.champ-kiosque, td.cellule-centre
{
    text-align: center;
}

td.cellule-adroite
{
    text-align: right;
}

td.cellule-boutons
{
    text-align: right;
    padding: 0 60px;
}

/* textes
----------------------------------------------------------*/
#titreOnglet
{
    text-align:center;
}

.date-programmation
{
    text-align:center;
    margin-bottom:20px;
}

.filtre-dates
{
    margin:0 auto;
    margin-bottom:20px;
    text-align:center;
}

.dateSpeciale
{
    border-bottom: 1px dashed #000;
    font-weight:bold;
}

.dateSpecialeSimple
{
    font-weight:bold;
}

input.champ-contingent
{
    text-align:right;
    max-width:50px;
    background-color:rgb(195, 195, 162);
    background-color: rgba(195, 195, 162, 0.4);
}

span.places-vendues
{
    text-align:right;
    max-width:50px;
    background-color:transparent;
}

input.champ-date
{
    text-align:center;
    max-width:70px;
    background-color:rgb(195, 195, 162);
    background-color: rgba(195, 195, 162, 0.4);
    margin:0 10px;
}

input.champ-cloture-explicite
{
    text-align:right;
    max-width:110px;
    background-color:rgb(195, 195, 162);
    background-color: rgba(195, 195, 162, 0.4);
    /*margin:5px 0 ;*/
}

input.saisie-date, input.champ-cloture-explicite.saisie-date
{
    text-align:center;
    max-width:70px;
    background-color:rgb(195, 195, 162);
    background-color: rgba(195, 195, 162, 0.4);
    margin:0 2px;
}

input.saisie-heure, input.champ-cloture-explicite.saisie-heure
{
    text-align:center;
    max-width:40px;
    background-color:rgb(195, 195, 162);
    background-color: rgba(195, 195, 162, 0.4);
    margin:0 2px;
}

input.contingent-ferme, input.contingent-invitation
{
    /*text-align:right;
    max-width:5em;*/
    background-color: rgba(0, 0, 0, 0);
    color:#000000;
}
input.dispoFaible
{
    /*text-align:right;
    max-width:5em;*/
    background-color: rgb(255, 165, 0);
    background-color: rgba(255, 165, 0, 0.58);
    color:#000000;
}
input.dispoNulle
{
    /*text-align:right;
    max-width:5em;*/
    background-color: rgb(236, 7, 7);
    background-color: rgba(236, 7, 7, 0.27);
    color:#000000;
}

input.champ-cloture-explicite.contingent-ferme
{
    text-align:right;
    max-width:110px;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    /*margin:5px 0 ;*/
}


td.representation-actions
{
    text-align:center;
    line-height: 20px;
    vertical-align: top;
}

td.cloture
{
    width: 125px;
    /*float:right;
    clear:both;*/
    text-align: center;
    margin-top: 3px;
}

select.champ-cloture, select.ajout-select, select.champ-devise, #clotureVenteMajCol
{
    border-width:0;
    background-color:rgb(195, 195, 162);
    background-color:rgba(195, 195, 162, 0.4);
}


td.champ-devise
{
    width: 90px;
}

td.champ-devise div
{
    text-align: center;
}

.champ-kiosque
{
    width:54px;
}

.modification-reussie
{
    border-color:Green;
    border-width:0.2em;
    border-style:solid;
}

.modification-echouee
{
    border-color:Red;
    border-width:0.2em;
    border-style:solid;
}

.rang-pair {
    background-color: #F2D5C4;
    /* background-color: #e7e5e3; */
}
.rang-impair
{
    background-color:#FFFFFF;
}


select.champ-commission
{
    border-width:0;
    background-color:rgb(195, 195, 162);
    background-color:rgba(195, 195, 162, 0.4);
    width:100px;
}

/* Filtre des contingents
----------------------------------------------------------*/

#conteneur-filtre
{
    margin: 20px 20px 20px 20px;
}

#conteneur-actions
{
    margin: 20px 20px 20px 20px;
    background-color:rgb(128, 128, 128);
    background-color:rgba(128, 128, 128, 0.4);
    padding : 20px;
    text-align:center;
    
}

.filtreActif
{
     background-color: #93D693;
}

.data-filtre
{
    float:left;
    clear:both;
}

.enveloppe-filtre
{
    margin: 0 auto;
    width: 1000px;
}

input.valider-filtre, input.valider-filtreSM , input.valider-filtreInvitations {
    width: 160px;
    margin: 0 10px 5px 10px;
    background-color: #93D693;
}

input.annuler-filtre, input.annuler-filtreSM, input.annuler-filtreInvitations {
    width: 160px;
    margin: 0 10px 5px 10px;
}

#bouton-filtre-dates, #bouton-7jours, #bouton-30jours
{
    margin: 0 10px 5px 0px;
}


#filtre-semaine, #filtre-tarifs, #filtre-dispo, #filtre-tarifRef-commission, #filtre-semaineSM, #filtre-semaineInvitations
{
    display:none;
    float:left;
    width:100%;
    margin-bottom:20px;
}

#filtre-semaineSM .enveloppe-filtre, #filtre-semaineInvitations .enveloppe-filtre
{
    width:800px;
    margin:0 auto;
}

#masque-semaine, #masque-tarifs, #masque-dispo, #masque-tarifRef-commission, #masque-semaineSM, #masque-semaineInvitations
{
    float:left;
    margin-bottom:10px;
    width:100%;
    text-align:center;
}

#filtre-tarifs table, #filtre-semaine table
{
    margin: 0 auto;
    width:auto;
}

#filtre-tarifs th
{
    width:80px;
}

#filtre-tarifs th, #filtre-tarifs td
{
    border: 1px solid;
    color:#333;
    background-color: #fafafa;   
}

#filtre-tarifs td.filtreActif
{
    background-color: #93D693; 
}

#filtre-tarifs th.ft-categorie
{
    width:330px;
}

#filtre-tarifs th.noleft, #filtre-tarifs td.noleft
{
    border-left: none;
    text-align:right;
}
#filtre-tarifs th.noright, #filtre-tarifs td.noright
{
    border-right: none;
}

#filtre-semaine table, #filtre-semaine tr, #filtre-semaineSM table, #filtre-semaineSM tr, 
#filtre-semaineInvitations table, #filtre-semaineInvitations tr
{
     border-collapse:collapse;
}

#filtre-semaine th, #filtre-semaine td, #filtre-semaineSM th, #filtre-semaineSM td,
#filtre-semaineInvitations th, #filtre-semaineInvitations td
{
    width:80px;
    vertical-align: top;
    border: 1px solid;
    color:#333;
    background-color: #fafafa;   
}

#filtre-dispo .data-filtre, #filtre-tarifRef-commission .data-filtre
{
    border: 1px solid #000000;
}

.enveloppe-dispo
{
    background-color: #fafafa; 
}

.dispo-gauche
{
    float:left;
    clear:both;
    text-align:right;
    width:100px;
    padding-right:5px;
    padding-top:5px;
    background-color: #fafafa;
    min-height:21px;
}

.dispo-gauche.filtreActif
{
    background-color: #93D693;
}

.dispo-droite
{
    float:left;
    text-align:left;
    width:474px;
    padding-top:5px;
    background-color: #fafafa; 
    min-height:21px;
}

.dispo-droite.filtreActif
{
    background-color: #93D693;
}

.dispo-gauche select, .dispo-droite select
{
    font-size:11px;
    margin-top:0;
    border-width:0;
    background-color:rgb(195, 195, 162);
    background-color:rgba(195, 195, 162, 0.4);
}

.refcomm-gauche
{
    float:left;
    clear:both;
    text-align:right;
    width:150px;
    padding-right:5px;
    padding-top:5px;
    background-color: #fafafa;
    min-height:21px;
}

.refcomm-gauche.filtreActif
{
    background-color: #93D693;
}

.refcomm-droite
{
    float:left;
    text-align:left;
    width:424px;
    padding-top:5px;
    background-color: #fafafa; 
    min-height:21px;
}

.refcomm-droite.filtreActif
{
    background-color: #93D693;
}

.refcomm-gauche select, .refcomm-droite select
{
    margin-top:0;
    border-width:0;
    background-color:rgb(195, 195, 162);
    background-color:rgba(195, 195, 162, 0.4);
}

#borne-dispo, #borne-places-libres, #borne-places-vendues
{
    /*border:1px solid #000000;*/
    width:50px;
    text-align:right;
    font-size:11px;
    background-color:rgb(195, 195, 162);
    background-color: rgba(195, 195, 162, 0.4);
}

.ajout-contingent
{
    display:none;
}
tr.pas-en-vente{
    opacity:0.6;
}
input.fermer-representation, input.annuler-representation,
input.dupliquer-seance, input.dupliquer-semaine {
    width: 200px;
}
input.ajouter-tarif 
{
    width: 120px;
}
input.fermer-representation, input.annuler-representation {
    cursor: pointer;
}
input.valider-ajout {
    width: 170px;
    margin: 10px 20px 10px 20px;
    background-color: #93D693;
}
textarea.error
{
    border:1px red solid;
}

textarea.error {
    border: 1px red solid;
}
tr.representation-annulee td.desc{
    /* border: 1px red solid; */
    text-align:center;
    color: red;
}
tr.representation-annulee td{
    padding-bottom:15px;
}

input.ajout-multiple {
    width: 200px;
    margin: 10px 20px 10px 20px;
    background-color: #93D693;
    background: linear-gradient(-45deg, white 25%, #93D693 25%, #93D693 50%, white 50%, white 75%, #93D693 75%);
    background-size: 50px 50px;
}

input.annuler-ajout {
    width: 60px;
    margin: 10px 20px 10px 20px;
}


/* Login
----------------------------------------------------------*/

input.auth
{
    border-width:1px;
}

#login
{
    text-align: center;
}

/* boutons dynamiques
----------------------------------------------------------*/

.dynFixe
{
    position:relative;
    display: inline-block;
    width:220px;
}
.dynVariable
{
    display:none;
    position:absolute;
    top:0px;
    left:220px;
    text-align:center;
    width:220px;
    border:1px solid #333;
    padding-top:5px;
    z-index: 4;
    background-color:rgb(128, 128, 128);
    background-color:rgba(128, 128, 128, 0.4);
}

.lien-spectateurs
{
    float:left;
}
.plus-actions
{
    margin-left: 10px;
    display: inline-block;
}
.actions-normales
{
    clear:both;
}

.baseDyn
{
    position:relative;
}
.varDyn
{
    display:none;
    position:absolute;
    top:20px;
    text-align:center;
    width:220px;
    border:1px solid #333;
    padding-top:5px;
}

.cadreMedian
{
    border:1px solid #333;
    width:800px;
    margin: 20px auto 20px auto;
    text-align:center
}

#date-duplication, #heure-duplication, #debut-duplication-semaine, #fin-duplication-semaine
{
    width:80px;
    text-align:center;
    font-size:11px;
    background-color:rgb(195, 195, 162);
    background-color: rgba(195, 195, 162, 0.4);
    margin-right:5px;
}

#divAjoutSeance, #divMajCol
{
    display:none;
    margin-top:20px;
}

#ajouterSeance, #majCol, #cloturerContingents
{   
    width:260px;
}

/* Accueil
----------------------------------------------------------*/

.programmations, .programmations tr
{
    border:10px solid #FFF
}


.programmations td.infosSpectacle
{
    background-color:#eee;
    width:308px;
    padding:10px;
    vertical-align:top;
    border:10px solid #FFF;
    /*border:inherit;*/
}

.afficheInfoSpectacle
{
    float:left;
    width:81px;
}

.texteInfosSpectacle
{
    float:right; 
    text-align:right;
    width:220px;
}

.titreLieuInfosSpectacle
{
     height:87px;
}

.lienInfosSpectacle
{
    padding:0 1px;
}

.programmations td.tdMasqueeA, .programmations td.tdMasqueeB, .programmations td.tdMasqueeT
{
    display:none;
}

.programmations td.titreTableau
{
    /*font-size: 16px;*/
    font-weight: bold;
    padding: 5px 0;
    color:#FFF;
    background-color:#000;
    text-align:center;
    text-transform:uppercase;
    min-width:1004px;
}

a.sansdecor 
{
    text-decoration:none;
    font-size:0;
}

.tendanceHausse
{
    color:Green;
    font-size:24px;
}

.tendanceEgale
{
    color:Blue;
    font-size:24px;
    line-height:16px;
}

.tendanceBaisse
{
    color:Red;
    font-size:24px;
}

.programmations td#plusdeSpectacleA, .programmations td#plusdeSpectacleB, .programmations td#plusdeSpectacleT
{
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
}

/* Etats
----------------------------------------------------------*/

.cartoucheEtat
{
    text-align: center;
    margin: 30px auto;
    /*background-color:#EEE;*/
    width:800px;
    font-size:16px;
    /*font-weight:bold;*/
}

.divNavDate
{
    margin: 0 auto 0 auto;
    clear: both;
    width:100%;
    /*min-width: 1116px;*/
    background-color:#EEE;
    height: 20px;
    padding: 5px;
}
.divEnveloppeLogo
{
    margin: 20px auto 0 auto;
    clear: both;
    width:1116px;
}
.divLogo
{
    width:20%;
    clear:both;
}
.hautDroite
{
    width:50px;
    float: right;
    text-align:right;
    padding-right:10px;
}
.divDatePrecedente
{
    width:30%;
    float: left;
    text-align:left;
    vertical-align:middle;
}
.divSelectionDate
{
    width:30%;
    float: left;
    text-align:center;
}
.divDateSuivante
{
    width:30%;
    float: left;
    text-align:right;
}

.croix
{
    display:block;
    float:right;
    margin-top:3px;
    margin-left:2px;
    margin-right:5px;
    font-size:16px;
}

.blocTitre
{
    line-height : 16px;
    padding: 10px 0;
    margin: 0 auto;
    border: 2px solid #000;
    width:600px;
}

.divTitreListe
{
    margin: 10px auto;
    /*width:1116px;*/
    text-align:center;
    font-size:16px;
    font-weight:bold;
}

span.listeDefinitive
{
    color:green;
}
.tableauEtat
{
    width:1116px;
}

.tls-representation
{
    width: 220px;
    text-align:center;
}
.ls-representation
{
    text-align:left;
    padding-left: 5px;
}

.tls-nom
{
    text-align:left;
    padding-left:10px;
}

.ls-nom
{
    text-align:left;
    padding-left:10px;
}

.tls-achat
{
    width: 65px;
    text-align:center;
}
.ls-achat
{
    text-align:center;
}

.tls-commande
{
    width: 90px;
    text-align:center;
}
.ls-commande
{
    text-align:center;
}

.tls-places
{
    width: 60px;
    text-align:center;
}
.ls-places
{
    text-align:right;
    padding-right:20px;
}

.tls-categorie
{
    text-align:center;
}
.ls-categorie
{
    text-align:center;
}

.tls-tarif, .tls-total
{
    width: 80px;
    text-align:center;
}
.ls-tarif, .ls-total
{
    text-align:right;
    padding-right:10px;
}

.titres-bilans
{
    border-width:0px;
    border-collapse: collapse;
    color:White;
    background-color:Black;
    font-weight:bold;
}

.infoEtat
{
    border-bottom: 1px solid #cccccc;
}

.infoEtat2
{
    border-bottom: 1px solid #cccccc;
    background-color:#F2D5C4;
}

.infoEtatMessage
{
    text-align:center;
    font-size:15px;
    padding:10px 0;
}

.messageErreur
{
    color:red;
}

#parametresVentes
{
    margin: 10px auto;
    width: 600px;
}

#messagefiltre
{
    margin: 10px auto;
    width: 600px;
    text-align:center;
    font-weight: bold;
}

#telechargements
{
    margin: 10px auto;
    width: 1100px;
    text-align:right;
    /*font-weight: bold;*/
}

.libelleVentes
{
    float:left;
    margin-top:8px;
    width: 120px;
}

.controlesVentes
{
    float:left;
    text-align:right;
    margin-left: 10px;
    margin-top:8px;
}
.controlesVentesOk
{
    /*float:left;*/
    text-align:center;
    margin-top:8px;
}

.boutonVentes
{
    text-align:center;
    margin: 10px auto;
}

.rbTypeVentes
{
    margin-left:10px;
    vertical-align: middle;
}


.datePrefiltre.active {
    background-color: #c7d1d6;
}

/* Prochaines ventes
----------------------------------------------------------*/
#titreProchainesVentes {
    margin: 10px auto 0 auto;
    background-color: green;
    color: #FFFFFF;
    width: 1000px;
    /*font-size:16px;*/
    font-weight: bold;
    padding: 5px 0;
    border: 2px solid green;
    text-align: center;
    overflow: auto;
}

.gaucheTitreAlerte
{
    float:left;
    width:248px;
}
.droiteTitreAlerte
{
    padding-right:5px;
    text-align:right;
    float:left;
    width:243px;
}
.milieuTitreAlerte
{
    float:left;
    width:500px;
}
.droiteTitreAlerte a
{
    color:#FFFFFF;
}
.droiteTitreAlerte a:hover
{
    background-color:#CCCCCC;
}


#divProchainesVentes
{
    margin:0 auto;
    border: 2px solid green;
    width:1000px;
}

.ventesDateRepresentation
{
    margin:5px 10px;;
    background-color:#c9e8d3;
    font-weight:bold;
    padding-left: 5px;
}

.infoVenteSimple
{
    margin-left:30px;
}

#infoSuivantes
{
    margin:20px;
    text-align:center;
}

a.listeDefinitve
{
    color:green;
}

/* Alerte remplissage
----------------------------------------------------------*/

#titreAlerteRemplissage
{
    margin:10px auto 0 auto;
    background-color: #FF0000;
    color:#FFFFFF;
    width:1000px;
    /*font-size:16px;*/
    font-weight:bold;
    padding: 5px 0;
    border: 2px solid #FF0000;
    text-align:center;
    overflow:auto;
}

#divAlerteRemplissage
{
    margin:0 auto;
    border: 2px solid #FF0000;
    width:1000px;
}

.titreLieuProgrammationRemplie
{
    margin:5px 10px;
    background-color:#F2D5C4;
    font-weight:bold;
    padding-left: 5px;
}

/* Liens
----------------------------------------------------------*/
.introLiens
{
    width:800px;
    padding-left:20px;
    margin: 10px auto;
}

.introLiensGauche
{
    float:left;
    text-align:center;
    width:100px;

}
.introLiensDroite
{
    float:left;
    width:700px;
    padding-top:5px;
}


table.globalLiens
{
    width:800px;
    margin-bottom:30px;
    background-color:#EEE;
}

.globalLiens td
{
    padding:5px;
}

.globalLiens td.titreCreationLien
{
    padding:5px;
    text-align:center;
    color:#FFFFFF;
    background-color:#000000;
}

.liensGauche
{
    text-align:right;
    width: 200px;
}
.liensDroit
{
    width: 800px;
    max-width: 800px;
    text-align:center;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
}

.apparenceLien
{
    height:60px;
    vertical-align:middle;
}

.texteSouhaite
{
     width:90%;
     overflow:hidden;
    -ms-overflow-style: none;
     border:1px solid #000000;
     padding:5px;
}

.insertionLiens
{
    width:90%;
    margin-right:5px;
    border:1px solid #000000;
    padding:5px;

}

/* Publicité, FAQ, Contacts
----------------------------------------------------------*/
.introPub, .introFAQ
{
    width:700px;
    margin: 20px auto;
    /*background-color:#DDDDDD;
    border: 2px dashed #c3c3a2;*/
    line-height:20px;
    padding: 10px 50px;
    overflow:hidden;
    
}

.titreIntroPub, .titreIntroFAQ
{
    text-align:center;
    font-weight:bold;
    margin-bottom:20px;
    font-size:21px;
    color:#ac1313;
}

.sousTitreIntroPub
{
    text-align:center;
    font-weight:bold;
    margin-bottom:20px;
    color:#ac1313;
}
.introGauche
{
    float:left;
    margin:5px;
}
.introDroite
{
    float:right;
    margin:5px;
}

.listeIntro
{
    margin:0px;
}

.conteneurPublicite
{
    width:1000px;
    margin: 40px auto;
    clear:both;
    /*position:relative;*/
    overflow:hidden;
}
.imgPub
{
    float: left;
    /*position:relative;
    overflow:hidden;*/
    width:460px;
    text-align:center;
    /*background-color:#F0F0F0;*/
    /*padding:20px;*/
}

.pubDroite
{
    width: 400px;
    margin-left:100px;
    float:left;
}

.descriptionPub {
    background-color: #F0F0F0;
    padding: 10px;
    /* height:280px; */
}

.titrePub
{
    text-align:center;
    font-weight:bold;
    margin-bottom:20px;
    font-size:21px;
    color:#ac1313;
}
.prixPub
{
    width:200px;
    /*float:right;*/
    margin:20px auto;
    /*position:relative;*/
    padding:10px;
    border:1px solid #000000;
    background-color:#FFFFFF;

}

.espaceur
{
    clear:both;
    margin:20px 0;
}

.paraFAQ
{
    width:1000px;
    margin: 20px auto;
    overflow:hidden;
}
.questionFAQ
{
    font-weight:bold;
    color:white;
    background-color:black;
    text-transform:uppercase;
    padding:7px 5px;
    position:relative;
}
.questionFAQ.cursor
{
    cursor:pointer;
    
}
.FAQDeroulante .reponseFAQ{
    display: none;
    margin-top:10px;
}
.FAQDeroulante .reponseFAQ.ouvert {
    display: block;
}

.questionFAQ .chevron {
    position: absolute;
    right: 10px;
}
.questionFAQ.ouvert .chevron {
    transform: rotate(270deg);
}
.introFAQ.left {
    width: 1000px;
    padding: 0;
}
.introFAQ.left .titreIntroFAQ {
    text-align: left;
    width: 1000px;
    padding:0;
}

.infoContact {
    margin: 10px 20px 10px 20px;
    overflow: hidden;
}

.nomContact
{
    float:left;
    width:30%;
}
.mailContact
{
    float:left;
    width:40%;
    text-align:center;
}
.telContact
{
    float:left;
    width:30%;
    text-align:right;
}

.adresseContact
{
    width:120px;
    margin:0 auto;
}

/* Séances Multiples
----------------------------------------------------------*/

#parametresSeancesMultiples
{
    border-collapse: collapse;
    border: 1px solid green;
}

#parametresSeancesMultiples tr th
{
    background-color:green;
    color:#FFFFFF;
}

#parametresSeancesMultiples tr td.libelle
{
    width:170px;
    text-align:center;
    color:green;
}

#parametresSeancesMultiples tr td.tarif
{
    width:60px;
    text-align:right;
    padding-right:15px;
    color:green;
}

.choixEtape
{
    width:800px;
    margin: 20px auto 10px auto;
}

#directiveSeancesMultiples
{
    width:800px;
    margin: 20px auto;
}

#divCkbClotureExplicite
{
    width:460px;
    margin: 30px auto 0 auto;
}
.dateSM
{
    text-align:right;
    padding-right: 5px;
    border-bottom:1px solid #000000;
}

.horaireSM
{
    text-align:left;
    padding-left: 5px;
    border-bottom:1px solid #000000;
}

.placesSM
{
    /*text-align:right;*/
    text-align:center;
    padding-right: 5px;
    width:80px;
    border-bottom:1px solid #000000;
}

.clotureSM
{
    text-align:center;
    border-bottom:1px solid #000000;
    border-right:1px solid #000000;
}

.selectionSM
{
    text-align:right;
    padding-right:5px;
    border-left:1px solid #000000;
    border-bottom:1px solid #000000;
}

th.invisible
{
    background-color:transparent;
}

#divBoutonsSM
{
    width:1000px;
    margin: 20px auto 10px auto;
    text-align:center;
}

#validerAjoutTarifSeancesMultiples, #validerAjoutInvitations
{
    background-color: #93D693;
}

/* Dernières commandes
----------------------------------------------------------*/

a.triTableauCommandes, a.triTableauCommandes:hover
{
    color:#FFFFFF;
}

#divFiltreCommande
{
    margin: 20px auto 20px auto;
    width:1000px;
    text-align:center;
}

input#filtreCommande
{
    text-align:center;
    /*max-width:120px;*/
    background-color:rgb(195, 195, 162);
    background-color: rgba(195, 195, 162, 0.4);
    margin:15px;
    width: 240px;
    border-radius:30px;
    padding:5px;
}

#tableau-dc
{
    width:1000px;
}
.dc-commande
{
    border-left:1px solid #000000;
    border-bottom:1px solid #000000;
    padding:2px;
    text-align:center;
    width:100px;
}

.dc-places/*, .dc-prenom, .dc-nom, .dc-titre*/
{
    border-bottom:1px solid #000000;
    padding:2px;
    width:320px;
    text-align:left;
}
.dc-representation, .dc-titre-representation
{
    border-bottom:1px solid #000000;
    padding:2px;
    text-align:center;
    width:320px;
}
.dc-prenom-nom
{
    text-align:center;
    border-bottom:1px solid #000000;
    padding:2px;
    width:200px;
}

.dc-achat
{
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    padding:2px;
    width:68px;
    text-align:center;
}

#ligneCommandeSuivante td
{
    text-align:center;
    font-weight:bold;
    padding: 20px 0;
}

.flecheTriAchat
{
    vertical-align:middle;
    float:left;
    line-height:34px;
    height:34px;
    font-size:16px;
}

.texteTriAchat
{
    display: inline-block;
    float:left;
    width:60px;
}

.flecheTri
{
    font-size:13px;
    display:none;
}

.texteTri
{
    display: inline-block;
    float:left;
    line-height:34px;
    height:34px;
}

/* Recuperation MdP
----------------------------------------------------------*/

.divRecupMdP
{
    font-size: 13px;
    font-family: "San Francisco", "Helevetica Neue", "Lucida Grande", "Segoe UI", Verdana, Helvetica, Sans-Serif;
    text-align:center;
}

#mailRecuperation
{
    border: 1px solid #000000;
    width: 300px;
}

.recupNok
{
    color:red;
}

.divEnvoiRecupOk
{
    display:none;
    font-size: 13px;
    font-family: "San Francisco", "Helevetica Neue", "Lucida Grande", "Segoe UI", Verdana, Helvetica, Sans-Serif;
    text-align:center;

}

.divFermerRecup
{
    font-size: 13px;
    font-family: "San Francisco", "Helevetica Neue", "Lucida Grande", "Segoe UI", Verdana, Helvetica, Sans-Serif;
    text-align:center;
}

/* Message provisoire
----------------------------------------------------------*/
.messageAccueil
{
    
    width:700px;
    text-align:center;
    margin:30px auto;
}

/* hack pour masquer le bouton today du date picker
----------------------------------------------------------*/
.ui-datepicker-current 
{ 
    display: none; 
}

/* Invitations
----------------------------------------------------------*/
#parametresInvitations
{
    border-collapse: collapse;
    border: 1px solid green;
}

#parametresInvitations tr th
{
    background-color:green;
    color:#FFFFFF;
}

#parametresInvitations tr td.liste
{
    width:170px;
    text-align:center;
    color:green;
}

#parametresInvitations tr td.champ
{
    width:80px;
    text-align:center;
    /*padding-right:15px;*/
    color:green;
}

#regleInvitations, #categorieInvitations
{
    width:140px;
}

#divBoutonsInvitations
{
    width:1000px;
    margin: 20px auto 10px auto;
    text-align:center;
}
.remarqueVerte
{
    color:Green;
}

.introVerte
{
    width:800px;
    /*background-color:#c9e8d3;*/
    margin:0 auto;
    padding:25px;
    border:2px solid green;
}