/* Minification failed. Returning unminified contents.
(555,44): run-time error CSS1030: Expected identifier, found ','
(555,67): run-time error CSS1031: Expected selector, found ')'
(555,67): run-time error CSS1025: Expected comma or open brace, found ')'
(920,94): run-time error CSS1030: Expected identifier, found ','
(920,122): run-time error CSS1031: Expected selector, found ')'
(920,122): run-time error CSS1025: Expected comma or open brace, found ')'
(1056,48): run-time error CSS1030: Expected identifier, found ','
(1056,70): run-time error CSS1031: Expected selector, found ')'
(1056,70): run-time error CSS1025: Expected comma or open brace, found ')'
(2905,9): run-time error CSS1035: Expected colon, found '{'
(3391,20): run-time error CSS1038: Expected hex color, found '#000	'
(4724,1): run-time error CSS1019: Unexpected token, found '@import'
(4724,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap')'
(4724,81): run-time error CSS1019: Unexpected token, found ';'
(6702,14): run-time error CSS1036: Expected expression, found '!important'
(11979,14): run-time error CSS1036: Expected expression, found '!important'
(12913,10): run-time error CSS1030: Expected identifier, found ' '
(12913,19): run-time error CSS1031: Expected selector, found ';'
(12913,19): run-time error CSS1025: Expected comma or open brace, found ';'
 */
/***style_spécifique_pour_datagrid_devextreme****/

.layoutDuDxGrid {
    margin: 0 auto 0 auto;
    height: 100%;
}

.gridContainer > .dx-datagrid {
    width: 100%;
}

.gridContainer {
    position: relative;
    top: 3px;
}

.dx-row img.imageMediaDansuneCelluleTD {
    border-radius: 50px;
    width: 80px;
    height: 80px;
}

.dx-pager {
    padding: 4px 0px 0px 0px !important;
}

.largerFont {
    font-size: 20px;
}


.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background: rgba(255, 255, 255, 0);
    font-size: 14px;
    height: 20px;
    line-height: 48px;
}

.dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu {
    height: 20px;
}

.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
    width: 22px;
    height: 22px;
    background-position: 0px 0px;
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    background-size: 22px 22px;
    padding: 0px;
    font-size: 22px;
    text-align: center;
    line-height: 0px;
    margin: 0px 3px;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #e0e0e0;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 18px !important;
    font-weight: 500;
    font-size: 12px;
}

/*.dx-scrollable-horizontal .dx-scrollable-content, .dx-scrollable-both .dx-scrollable-content {
    max-height: 540px !important;
}*/
.contenuPage {
    padding-bottom: 5px;
}
.dx-full-height,
.dx-viewport,
.gridContainer,
.dx-gridbase-container {
    height: 100%;
}
.dx-row.dx-column-lines.dx-freespace-row {
    height: auto !important;
}
.dx-button-text {
    text-transform: inherit !important;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content),
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content) {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type {
    padding-left: 4px !important;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type {
    padding-right: 10px !important;
}
.dx-datagrid .dx-datagrid-header-panel .dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 11px 5px !important;
}
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content,
.dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 11px 0px !important;
}
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input,
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before {
    padding-left: 20px !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    font-size: 16px !important;
}
.dx-datagrid-filter-row .dx-menu {
    left: -5px !important;
}
.dx-datagrid-header-panel .dx-menu-item.dx-state-hover, .dx-datagrid-header-panel mode-visualisation-icon.dx-state-hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-radius: 40px !important;
    height:39px !important;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 12px !important;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    width: 12px !important;
}


.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    width: 20px!important;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
    width: 20px!important;
}

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 12px !important;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 12px !important;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    height: 20px !important;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
    height: 20px!important;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 12px !important;
}

.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-left: 12px !important;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-bottom: 12px !important;
}


.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:horizontal {
    height: 26px !important;
}

.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:vertical {
    width: 26px !important;
}
.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 13px !important;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    width: 13px !important;
}

   

.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    width: 26px!important;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
    width: 26px !important;
}

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 6px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 6px;
}

     

.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    height: 26px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
    height: 26px;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 12px !important;
}

.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-left: 12px !important;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-bottom: 12px!important;
}



    .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:horizontal {
        height: 19px;
    }

    .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:vertical {
        width: 19px;
    }

.iconeModeVisualisation, .iconeBoutonsMultipleDX {
    position: absolute;
    top: 8px;
    left: 8px;
}
/************************************************/
.alignerADroite {
    text-align: right;
}
.alignerAGauche {
    text-align:left;
}
.boutonAvecIcone, 
.dataTables_filter, 
.dataTables_length, 
.dataTables_info, 
.dataTables_paginate,
.ColVis_collection button,
.ColVis_MasterButton, .iconeParametrageLargeursColonnes, .iconeExportParLangues {
	font-family: futura-light/*, 'Open Sans', 'Helvetica Neue', Arial*/;
    color: #404040;
}

.iconeExportParLangues {
    margin: 0 3px;
}

.iconeParametrageLargeursColonnes, .iconeExportParLangues {
    height: 30px!important;
    background: #ddd!important;
    padding: 3px 5px 3px 5px!important;
    /* height: auto!important; */
    font-size: 13px;
    text-align: center;
    color: #404040;
    cursor: pointer;
    border: 1px solid #999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc; 
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc; 
}
table,
td {
	font-family: calibri-light;
}
/********************************************************************
 PAGE
*********************************************************************/


.cursorPointer {
    cursor: pointer !important;
}

.elementMasque {
    display: none;
}

.colonneDateAvecHeure {
    width: 13%;
}



/********************************************************************
 BOUTON
*********************************************************************/
/* Création de bouton "span" afin de pouvoir rajouter une icone via CSS, chose qu'on ne peut pas faire sur les input bouton qd un background existe déjà */
.boutonAvecIcone {
    position: relative;
    height: 23px;
    padding-top: 5px !important;
    padding-bottom: 2px !important;
    padding-right: 5px !important;
}
/* Style reprise intégralement depuis CSS Bootstrap */
/* Je n'ai pas retravaillé les CSS car bcp sont inconnus pour moi (css3) et tant qu'ils ne sont pas maitrisés, il est intéressant de conserver ces proprités pour les étudier */
.boutonAvecIcone, 
input[type="button"]:not(.boutonRemplacantInputFileAvecStyleClassiqueBoutonClaire) {
    display : inline-block;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
}

td input[type="button"] {
    margin-bottom: 7px !important;
} 

.boutonAvecIcone {
    padding:  4px 5px 4px 26px;
}

.boutonAvecIcone:hover, 
.boutonAvecIcone:focus,
.boutonAvecIcone:active,
{
    background-color: #cccccc \9;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}


.boutonAvecIcone:before {
    position: absolute;
    top: 2px;
    left: 2px;
}

/********************************************************************
 FORMULAIRE
*********************************************************************/
/* Overlay Popup, alerte E-letter-modèle-Email*/
#iframeOverlayPopup {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    z-index: 10;
}

/* Croix de fermeture utilisé dans les popup, alerte */
.iconeFermeture {
    cursor: pointer;
    position: absolute;
    left: 100%;
    margin-left: -20px;
    top: 7px;
}
#layoutPopup{
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    /*background: #ffffff; */
    z-index: 10;
    display: none;
    cursor: pointer;
    /*background-color:gainsboro !important;*/
    background-image:-webkit-radial-gradient(center,rgba(255, 255, 255, 0.83),rgba(63, 65, 63, 0.76),rgba(0, 0, 0, 0.87)) !important;
    background-image:-moz-radial-gradient(center,rgba(255, 255, 255, 0.83),rgba(63, 65, 63, 0.76),rgba(0, 0, 0, 0.87)) !important;
}
.contenuPopup {
    top: 40%; 
    left: 50%;
}

.contenuPopup {
    position: absolute; 
    z-index: 11;
    display: none;
    background: #fafafa;
    border: 2px solid #ffffff;
	-moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
    box-shadow: 0 0 5px 2px #b3b3b3;
    -moz-box-shadow: 0 0 5px 2px #b3b3b3;
    -webkit-box-shadow: 0 0 5px 2px #b3b3b3;
}
.titrePopup {
    text-align: left; 
    font-size: 14px; 
    color: #ffffff; 
    background: #404040; 
    padding: 5px 30px 5px 10px;
    margin: 0 0 10px;
	-moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.phrasePopup {
    margin: 20px 30px 0 40px;
    color: #222222;
    font-size: 14px;
}
.validationOuAnnulerPopup input[type="button"] {
    margin : 20px 10px 10px 0;
    float: right;
}
/*******************************************************************
Zone de recherche
*********************************************************************/
.critereRecherche {
    text-align: center;
    margin: 0.5% auto 0.5% auto;
    position:relative;
    z-index:1;
}
.critereRecherche label {
   margin-left: 0.5%;
}
/********************************************************************
 CHAMPS DE SAISIE
*********************************************************************/
.viderSaisie {
    position: relative;
    left: -45px;
    visibility: visible;
    top: 3px;
    cursor: pointer;
}
.ViderSaisieExplorer {
    top: -21px !important;
    left: -28px !important;
}
.viderSaisieColonne {
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 4px;
    visibility: visible;
}
.colonneRechercheLabel 
{
    width: 100%;
    /*display: block;
    height: 30px;
    left: 0;*/
    /*width: 150px;*/
}
.colonneRechercheLabelVide 
{
    width: 100%;
   /* display: block;
    height: 30px;
    left: 0;
    width: 150px;*/
}

tfoot th[data-orig-col]:first-child .rechercheParColonne{
   /* border-left: medium none !important;*/
}
.rechercheParColonne {
    background: url("/ressource/image/commun/ic_loupe_blanc.png") no-repeat 3px 3px !important;
    border-radius: 0 !important;
    border-style: none none none solid !important;
    height: 20px;
    /*margin-top: 5px;
    padding: 0 0 0 33px;
    position: relative;
    width: 80%;*/
    width: 100%;
    display: block;
    padding: 0.75px 0 0 20px;
}

.rechercheParColonneVide {
    background: rgba(0, 0, 0, 0) !important;
    border-radius: 0 !important;
    border-style: none none none solid !important;
    /*margin-top: 5px;
    padding: 0 0 0 33px;
    position: relative;
    width: 80%;*/
    width: 100%;
    display: block;
    padding: 0.75px 18px;
    height: 20px;
}
.rechercheParColonne:focus {
    border-bottom-style: none;
    border-left-style: none;
    border-top-style: none;
    outline: 0;
}

.rechercheParColonne:required {
    box-shadow: none;
}


.bordureRouge {
    border: 1px solid #d22201 !important;
}

/* bouton visibilité colonne datatables, meme style que boutonRemplacantInputFileAvecStyleSpecifique */
.ColVis_Button:not(#colVisButtonFournisseur){
    background: #dddddd!important;
    padding: 3px 5px 3px 5px !important;
    font-size: 13px;
    text-align: center;
    color: #404040;
    cursor: pointer;
}
.ColVis_Button:not(#colVisButtonFournisseur, #colVisButtonProduits){
    height: auto !important;
}
.imageMediaDansuneCelluleTD {
    display: block;
    margin: auto;
    cursor: pointer;
}

/********************************************************************
 Calendrier jQuery
*********************************************************************/
.ui-datepicker-calendar {
    visibility: visible;
}
td.ui-datepicker-week-end a {
    background: #fafafa !important;
}
.ui-datepicker-year {
    width: 60px;
}
.ui-datepicker .ui-datepicker-title 
{
    height: 24px;
}
.ui-datepicker
{
    width:252px!important;
}
.erreurSaisie {
    border: 1px solid #ebaab4 !important;
    background: #fff1f1 !important;
}
.erreurSaisieTitre {
    color: #FF0000;
    font-style: italic;
}
.pasErreurSaisie {
    border: 1px solid #ffffff !important;
    background: #fff1f1 !important;
}
.dateModale {
    display:inline-block!important;
    opacity:1!important;
}


.withFilter {
    background: #f3ff783d!important;
}




html, 
body,
#pageComplete {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
@font-face {
	font-family: 'futura-light';
	src: url('/ressource/police/Futura-Light.ttf');
}
@font-face {
	font-family: 'calibri-light';
	src: url('/ressource/police/CalibriL.ttf');
	src: url('/ressource/police/CalibriL.woff');
}
@font-face {
	font-family: 'techno-LCD';
	src: url('/ressource/police/Techno-LCD.ttf');
	src: url('/ressource/police/Techno-LCD.woff');
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/ressource/police/glyphicons-halflings-regular.eot');
  src: url('/ressource/police/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/ressource/police/glyphicons-halflings-regular.woff') format('woff'), url('/ressource/police/glyphicons-halflings-regular.ttf') format('truetype'), url('/ressource/police/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
body,
input[type="text"]:not(.rechercheParColonne), 
input[type="email"],
input[type="password"],
input[type="number"],
select, 
textarea, 
input[type="button"]:not(.boutonRemplacantInputFileAvecStyleClassiqueBoutonClaire),
.boutonRemplacantInputFileAvecStyleClassiqueBoutonClaire {
	font-family: futura-light/*, 'Open Sans', 'Helvetica Neue', Arial*/;
    color: #404040;
}

/********************************************************************
 PAGE
*********************************************************************/

h1 { /* Titre page */
    color: #676767;
    font-size: 36px;
    font-weight: bold;
    margin: 0 0 0 15px;
    height: 70px;
}
h1 span { /* Sous titre page */
    display: block;
    font-size: 18px;
    margin: 0 0 0 10px;
    position: relative;
    top: -3px;
}
h2 { /* Utilisé dans la page d'aide aux webservices ainsi que l'affichage des templates société et compte pour dissocier les champs société et compte */
    font-size: 17px;
    font-weight: normal;
    color: #444444;
    margin: 20px 10px 0 0;
    padding: 8px 0 7px 10px;
}
h3 { /* Titre bloc */
    margin: 3px 0 10px 3px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 0 3px 50px;
    cursor: pointer;
}
h4 { /* Titre sous-bloc */
    color: #ffffff;
    margin: auto;
    padding: 6px 0 2px 10px;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0 12px 0 12px;
    background: #c8c8c8;
}
.recommandation {
    margin: 20px auto 10px auto;
}
.recommandationDansUnLigneLabelEtInput {
    margin: 5px auto !important;
    font-size: 12px;
    text-align: right;
    float: right;
    color: #747474;
    width: 100%;
}
.separationTitreEtPage {
    margin: 0 0 0 5%;
    width: 95%;
}
.entetePage input[type="button"]:not(.elementsPaiementsAExclure),
.entetePage .boutonAideBouton,
#conteneurSocietesReferentesPourCritere,
#conteneurSocietesReferentesPourCategorie,
#conteneurSocietesReferentesPourValeur,
#conteneurSocietesReferentesPourMedia
 {
    float: right;
    position: relative;
    top: -45px;
    margin-left: 10px;
}
.entetePage input[type="text"]:not(.elementsPaiementsAExclure) {
    float: right;
    position: relative;
    top: -40px;
    margin-left: 10px;
}
.boutonsLecture, 
.boutonsModification, 
.boutonsCreation {
    display: none;
}
.blocDInput {
    padding: 10px 0 10px 0;
    background: #f0f0f0;
    margin: 5px auto;
    width: 570px;
    /*-moz-border-radius: 10px;*/
    border-radius: 10px;
    /*-webkit-border-radius: 10px;*/
    position: relative;
}
label {
    font-size: 12px;
}
.explication {
    font-size: 11px;
    font-style: italic;
    color: #6e6e6e;
}
.explicationMotCle {
    font-size: 11px;
    font-style: italic;
    color: #6e6e6e;
    font-family: sans-serif;
}
/* Principe Clearfix
Permet pour un div conteneur de tenir compte des éléments contenus en float
Exemple http://www.webtoolkit.info/demo/css-clearfix
Code http://www.webtoolkit.info/css-clearfix.html
 */
.blocDInput:after,
.ligneLabelEtInput:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.ligneLabelEtInput {
    width: 95%;
    margin: auto;
    padding: 7px 5px 7px 0;
    display: none;
    position: relative;
}
.ligneLabelEtInput label {
    margin: 0 0 0 8px;
    color: #000000;
    font-size: 16px;
    height: auto;
    padding: 4px 0 0 0;
    display: inline-block;
    width: 48%;
    text-align: right;
}
.ligneLabelEtInput .labelPourCheckboxOuRadio {
    width: 90%;
}
.ligneLabelEtInput input[type="text"]:not(.rechercheParColonne),
.ligneLabelEtInput input[type="password"], 
.ligneLabelEtInput input[type="number"], 
.ligneLabelEtInput input[type="file"],
.ligneLabelEtInput textarea, 
.ligneLabelEtInput select:not(#comboboxUsage),
.ligneLabelEtInput input[type="email"] {
    width: 250px;
    float: right;
    margin: 1px;
    padding-left: 3px;
}
.ligneLabelEtInput input[type="checkbox"], 
.ligneLabelEtInput:not(#divPictogramme) input[type="radio"] {
    clear: both;
    margin: 4px;
    float: right;
}
.ligneLabelEtInput:not(#divPictogramme) input[type="radio"] {
    position: relative;
    margin-top: 7px;
}
.ligneLabelEtInput select:not(#comboboxUsage) {
    width: 255px;
    padding-left: 0;
}
.ligneLabelEtInput .texteSimple,
.ligneLabelEtInput .lien,
.ligneLabelEtInput .date {
    float: right;
    font-size: 14px;
    padding-right: 5px;
}
.ligneLabelEtInput .lien {
    position: relative;
    top: 3px;
}
.ligneLabelEtInput .ui-datepicker-trigger {
    float: right;
    left: 3px;
    margin-top: -25px;
    padding: 3px;
    top: 3px;
    
}

.conseilLabel {
    font-size: 12px;
}
.spanCritereObligatoire {
    margin: 0 6px 0 15px;
}
/* Classe à affecter sur l'input, en JS, si erreur sur la saisie */


.divOrdreOuObligatoire label:first-child {
    float: left;
}
.radioOrdreObligatoire {
    width: 80px;
    float: left;
    margin-left: 40px;
}
.radioOrdreObligatoire label {
    margin: 0;
    font-size: 13px !important;
    text-align: left;
}
.radioOrdreObligatoire img {
    display: block;
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}
.radioOrdreObligatoire input {
    position: relative;
    top: 0;
    float: left !important;
}
.option {
    font-size: 12px;
    color: #6e6e6e;
    padding: 2px;
    margin: 3px;
    cursor: pointer;
}
.option:hover {
    background: #e2e2e2;
}
.option:active {
    background: #bebebe;
}

.iconeGoogleMaps {
    cursor: pointer;
}
.lienInternet {
    color: #0159c4 !important;
}

.retrait20px {
    width: 20px;
    display: inline-block;
}
.clearBoth {
    clear: both;
}
.largeurCentPourCent {
    width: 100% !important;
}
/* La génération de pdf engendre la génération sur l'IHM d'un carré de qlqs pixels seulement. Il casse la mise en page. Ceci permet de masquer ça. */
iframe:not(.iFrame) {
    display: none;
}
/* exception pour ckEditor, selon le navigateur CK génère un div ou un span...... */
div[id^=cke_] iframe,
span[id^=cke_] iframe {
    display: block !important;
}
span[id^=cke_] iframe{
    display: block !important;
}
.ligneLabelEtInput hr {
    border-color: #c8c8c8;
}
.desactive {
    color: #8e8e8e;
}
/********************************************************************
 BOUTON
*********************************************************************/

.entetePage input[type="button"]:not(.boutonRemplacantInputFileAvecStyleClassiqueBoutonClaire, .elementsPaiementsAExclure) {
    margin-bottom: -15px !important;
}

input[type="button"] {
    padding:  4px 12px;
}

.boutonAideBouton {
    margin-left: 0 !important;
    position: relative;
    left: -1px;
}

input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active {
    background-color: #cccccc \9;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.divBoutonsCentres {
    text-align: center;
    margin: 10px auto 10px auto;
}
.boutonEnBasADroite {
    clear: both;
    float: right;
    margin: 20px 31px;
    min-width: 60px;
}
.boutonEnModification {
    display: none;
}
.boutonImage,
.boutonAudio,
.boutonVideo,
.boutonDocument,
.boutonMail {
    min-height: 20px;
    min-width: 5px;
}
.boutonMail {
    float: right;
}
.boutonMail:before {
    content: url(/ressource/image/commun/mail.png);
}

.boutonImage:before {
    content: url(/ressource/image/commun/photo.png);
}
.boutonAudio:before {
    content: url(/ressource/image/commun/audio.png);
}
.boutonVideo:before {
    content: url(/ressource/image/commun/video.png);
}
.boutonDocument:before {
    content: url(/ressource/image/commun/document.png);
}
/********************************************************************
 FORMULAIRE
*********************************************************************/

#layoutPopupCarteGoogle {
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    /*background: #ffffff; */
    z-index: 10;
    display: none;
    cursor: pointer;
    /*background-color:gainsboro !important;*/
    background-image:-webkit-radial-gradient(center,rgba(255, 255, 255, 0.83),rgba(63, 65, 63, 0.76),rgba(0, 0, 0, 0.87)) !important;
    background-image:-moz-radial-gradient(center,rgba(255, 255, 255, 0.83),rgba(63, 65, 63, 0.76),rgba(0, 0, 0, 0.87)) !important;
}

.contenuPopupCarteGoogle{
    top: 7%; 
    left: 5%;
    width: 90%;
    height: 90%;
}
.contenuPopupCarteGoogle {
    position: absolute; 
    z-index: 11;
    display: none;
    background: #fafafa;
    border: 2px solid #ffffff;
	-moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
    box-shadow: 0 0 5px 2px #b3b3b3;
    -moz-box-shadow: 0 0 5px 2px #b3b3b3;
    -webkit-box-shadow: 0 0 5px 2px #b3b3b3;
}


/********************************************************************
 CHAMPS DE SAISIE
*********************************************************************/
/* Style des inputs */
input[type="text"]:not(.rechercheParColonne):not(.dx-texteditor-input),
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
    border: 1px solid #c1bcd6;
    background: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 14px;
}
/* Style du hover des inputs */
    select:hover,
    input[type="text"]:not(.rechercheParColonne):not(.dx-texteditor-input):hover,
    input[type="email"]:hover,
    input[type="password"]:hover,
    input[type="number"]:hover,
    textarea:hover {
        border: 1px solid #c8c8c8;
    }
/* Style du focus des inputs (le hover est désactivé si focus) */
    input[type="text"]:not(.rechercheParColonne):not(.dx-texteditor-input):focus,
    input[type="email"]:focus,
    input[type="password"]:focus,
    input[type="number"]:focus,
    select:focus,
    textarea:focus,
    input[type="text"]:not(.rechercheParColonne, .dx-texteditor-input):focus:hover,
    input[type="email"]:focus:hover,
    input[type="password"]:focus:hover,
    input[type="number"]:focus:hover,
    select:focus:hover,
    textarea:focus:hover {
        border: 1px solid #4e3149;
        background: #ffffff;
    }
/* Style des inputs en readonly */
input[type="text"][readonly],
input[type="email"][readonly], 
input[type="password"][readonly], 
input[type="number"][readonly],
select[disabled], 
textarea[readonly],
input[type="text"][readonly]:focus,
input[type="email"][readonly]:focus,
input[type="password"][readonly]:focus, 
input[type="number"][readonly]:focus,
select[disabled]:focus, 
textarea[readonly]:focus, 
input[type="text"][readonly]:focus:hover, 
input[type="email"][readonly]:focus:hover, 
input[type="password"][readonly]:focus:hover, 
input[type="number"][readonly]:focus:hover, 
select[disabled]:focus:hover,  
textarea[readonly]:focus:hover {
    border: 1px solid #c1bcd6;
    color: #404040;
}
.styleValeurParDefaut {
    color: #818181 !important;
    font-style: italic;
}

.libelleServiceGroupe  {
    float: right;
    padding: 4px 0 0 0!important;
    width: 228px !important;
    text-align: left !important;
}
.checkboxServiceGroupe {
    float: left !important;
    position: relative;
    margin-top: -16px !important;
    clear: both !important;
    margin-left: 53% !important;
}
/* HACK IE - Valeur en opposition avec styleValeurParDefaut. Si un style rajouté dans styleValeurParDefaut alors rajouté son inverse ici */
.comboboxFacultatif:focus, 
.comboboxObligatoire:focus {
    color: #404040;
    font-style: normal;
}
/* HACK IE 7 ou 8 - Si non spécifié la largeur du combobox ne tient pas compte de la largeur des éléments et donc une partie est masquée */
select.expand { 
    width: auto; 
}

/********************************************************************
 Input file
*********************************************************************/
/* 
Grosse différence entre les navigateurs sur les input file
Taille input file => size dans HTML pour FF
                  => width en CSS pour IE
Pour remplacer l'input file par un bouton personnalisé, j'ai pensé au départ masquer l'input file et placer un onclick="$('input[type="file"]').click();" sur le bouton personnalisé.
Mais sur IE ça ne marche pas, tjrs pour des raisons de sécurité, alors que sur FF oui.
L'approche trouvée sur les forum consiste à superposer les 2 éléments, z-index plus fort sur l'input file, et à masquer l'input file en jouant sur l'opacité.
Ainsi on pense cliquer sur le bouton personnalisé, alors qu'en fait on clique sur l'input file. On reste dans un cadre classique donc.
*/
.formulaireUpload,
.divInputFileDansUnEntete {
    position: relative;
    padding-top: 10px;
}
.formulaireUpload {
    width: 220px; /* Peut être redéfini localement */
    height: 70px;
    position: relative;
}
.divInputFileDansUnEntete {
    float: right;
    /*width: 250px;*/
    top: -50px;
    left: 95px;
    z-index: 2;
    overflow: hidden;
}
.divInputFile {
    z-index: 2;
    overflow: hidden;
    position: relative;
    top: -3px;
}
.divInputFile {
    width: 135px;
    left: 100px;
}
.divInputFileDansUnEntete {
    opacity: 0;
}
.divInputFileDansUnEntete input[type="File"] {
    float: right;
    cursor: pointer;
    width: 90px;
    height: 30px;
    position: relative;
}
.divInputFile input[type="File"] {
    position: relative;
    left: 113px;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0.0;
}
.divProgression {
    display: none;
}
.ligneLabelEtInput .pourcentageAvancement {
    top: -4px;
    font-size: 11px;
    left: -5px;
    position: absolute;
}
.ligneLabelEtInput .annulerEnvoi {
    position: absolute;
    top: -10px;
    right: 0;
    cursor: pointer;
    font-size: 18px;
}
.ligneLabelEtInput .divProgression {
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
    width: 215px;
}
#fenetreAvancementDUpload .divProgression {
    display: block;
}
.boutonRemplacantInputFileAvecStyleSpecifique,
.boutonParcourir {
    float: right;
    z-index: 1;
    position: relative;
    top: 3px;
    margin-right: 15px;
}
boutonParcourir {
    width: 25px;
}
.boutonRemplacantInputFileAvecStyleSpecifique {
    width: 125px;
}
.boutonRemplacantInputFileAvecStyleSpecifique input[type="File"] {
    display: none;
}
/*.boutonRemplacantInputFileAvecStyleSpecifique input[type="File"],
.boutonParcourir input[type="File"] {
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    width: 130px !important;
    /* Cela rend le bouton plus grand. Si vous voulez un bouton plus gros, augmentez la taille de la police*/
    /*font-size: 50px;*/
    /* Réglages d'opacité pour tous les navigateurs */
    /*opacity: 0;
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}*/
.boutonParcourir input[type="File"] {
    width: 25px!important;
}
/* bouton visibilité colonne datatables, meme style que boutonRemplacantInputFileAvecStyleSpecifique */

.boutonRemplacantInputFileAvecStyleSpecifique {
    background: #dddddd!important;
    padding: 3px 5px 3px 5px !important;
    height: auto !important;
    font-size: 13px;
    text-align: center;
    color: #404040;
    cursor: pointer;
}
/* bouton visibilité plus claire désactivé */
.boutonRemplacantInputFileAvecStyleClassiqueBoutonClaire {
   display : inline-block;
    *display: inline;
    margin-bottom: 10px;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    border: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	background-image: linear-gradient(to bottom, #FFFFFF, #f2f2f2);
    color: #bbbbbb;
}
/* Code CSS pour la barre de progression dans un popup */
.pourcentageAvancement {
    position: absolute;
    bottom: 24px;
    left: 15px;
    font-size: 11px;
}
.annulerEnvoi {
    position: absolute;
    bottom: 21px;
    right: 3px;
    cursor: pointer;
    font-size: 18px;
}
.barreDeProgressionVideDansUnPopup,
.barreDeProgressionRemplieDansUnPopup {
    height: 10px;
}
.barreDeProgressionVideDansUnPopup {
    width: 75%; /* Peut être redéfini localement */
    background: #a9a9a9;
    z-index: 1;
    position: absolute;
    bottom: 27px;
    right: 15px;
}
.barreDeProgressionRemplieDansUnPopup {
    width: 0;
    background: #6d4466; 
    z-index: 2;
}
.nomDuFichier {
    font-size: 12px;
    position: absolute;
    top: -7px;
    right: 15px;
    width: 200px;
    height: 20px;
    text-align: right;
    overflow: hidden;
}
/* Code CSS pour la barre de progression sans popup */
.barreDeProgressionVide,
.barreDeProgressionRemplie {
    height: 10px;
    visibility: hidden;
}
.barreDeProgressionVide {
    width: 170px;
    margin-left: 30px;
    background: #a9a9a9;
    z-index: 1;
}
.barreDeProgressionRemplie {
    width: 0;
    background: #6d4466;
    z-index: 2;
}
.nomFichierDansAlerte {
    font-size: 16px;
}

/********************************************************************
 jPlayer - Lecteur vidéo et audio
*********************************************************************/
.jp-title {
    display: none !important;
}
.jp-video,
.jp-audio, 
.jp-interface {
    border: none !important;
    margin: auto;
}
.jp-video-play-icon {
    top: 30% !important;
}
.jp-jplayer img {
    margin: 0;
}

.bouttonBaseDeDonneesVegetale {
    margin-left: 30px;
    margin-top: -14px;
    height: 50px; 
    width: 120px;
    background: url(/ressource/image/commun/bddlgistudio-120.png) no-repeat;
}
.notre-nomenclature-horti {
    margin-left: 30px;
    height: 50px; 
    width: 120px;
    background: url(/ressource/image/commun/notre-nomenclature.png) no-repeat !important;
}
.notre-nomenclature-viti {
    margin-left: 30px;
    height: 50px; 
    width: 120px;
    background: url(/ressource/image/commun/notre-nomenclature-viti.png) no-repeat !important;
}
/********************************************************************
Bloc media rattaches 
*********************************************************************/
#listeMediasEncreationOuEnModification {
    height: auto;
    width: 100%;
    margin: 20px auto 0 auto;
    display: none;
}

/*******************************************************************
Activer/ Désactiver compte 
********************************************************************/
.compteActif{
    background: url("/ressource/image/commun/active.png") no-repeat 0 0;
    width:32px;
    height:32px;
    position: relative;
    right: 10px;
    top: 2px;
}
.iconePosition{
    position: relative;
    right: 10px;
}
.compteInactif{
    background: url("/ressource/image/commun/desactive.png") no-repeat 0 0;
    width:32px;
    height:32px;
    position: relative;
    right: 10px;
    top: 2px;
}
.forcerSur1Ligne {
    white-space: nowrap;
}
.bordure {
    background: red;
    font-size: 1px;
}
.piedDePage {
    position: absolute;
    top: 180px;
}
.marker{
	background-color: Yellow;
}
/* classe pour un bouton dans le header d'un block*/
.boutonHeader {
    margin:0 7px;
    position:absolute;
    top:7px;
    left:100px;
}
/* masquer la pub de ckeditor bouton correcteur orthographe*/
#adsBlock {
    display:none !important;
}


/*input modification multiple*/
.valeurAModifierMultiple > input 
{
    width: 100%;
}
.inputUnique{
    bottom: -7.75px!important;
    left: initial!important;
}
.labelEt {
    margin-left: 15px;
    font-size: 14px;
}
.labelDebutIntervalle {
    width: 160px;
    display: inline-block;
    font-size: 14px;
}
.ligneIntervalle {
    display: inline-block;
    margin-bottom: 4px;
}
.divRechercheDesIntervallesBouton {
    float: right;
    padding-right: 30px;
    width: 195px;
    margin-top: 28px;
}
.annulerRechercheDate {
    position: relative;
    top: 6px;
    left: 5px;
    cursor: pointer;
    display: none;
}

.styleDivPaiementRecherche{
    display : inline-block;
    margin-left:10px;
}
#rechercherPaiement{
    margin-left:10px;
}

.contenuPopup#beePlugin .entetePage, .contenuPopup#beePlugin #bee-plugin-container {
    float: left;
    width: 100%;
}
.divNomModeleEmail, .divNomModeleEmailAffichage, .divObjetModeleEmail, .divObjetEmail, .motsClesAInserer {
    width: 70%;
    padding: 5px 20px 10px 20px;
    float: left;
}
#contenuMotsCleFacultatifs, #contenuMotsCleObligatoires {
    width: 70%;
    float: left;
}
#contenuMotsCle {
    display: block;
    float: left;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 800px;
}
.spanMC {
    display: block;
}
input#libelleModeleEmail, input#objetModeleEmail, input#objetEmail {
    float: none !important;
    top: 0 !important;
    width: 250px;
}
.contenuPopup#beePlugin .boutonCopierMotCle{
    float:left;
}
.popupBeePlugin .boutonEntete.boutonRetour, .popupBeePlugin .Hicon-delete.boutonSupperession {
    top: 0px !important;
}
.defaultAdresse{
    background: url("/ressource/image/commun/active.png") no-repeat 0 0;
    width: 32px;
    height: 32px;
    position: relative;
    right: 10px;
    top: 2px;
}
.listeLargeursColonnes {
    width: 60%;
    margin: auto;
    left: 20%;
    top: 1%;
    min-width: 895px;
    
}
#conteneurPage2 .listeLargeursColonnes, .modeVisualisation2 .listeLargeursColonnes{
    width: 100%;
    margin: auto;
    left: 1%;
    top: 1%;
    
}

#listeDesLargeursColonnes tbody{
    height: 380px!important;
}
/*css tabulation*/
.container#dashboardService {
    height: 90%;
    position: absolute;
    width: 95%;
    margin-top: 10px;
}
@media (max-width:1350px) {
    .societeActive #dashboardService label.tabulation {
        font-size: 23px !important;
    }
}
.societeActive #dashboardService label.tabulation {
    font-size: 2em;
}
.societeActive #dashboardService .content {
    height: 100%;
    width: 100%;
    z-index: 5;
}
.societeActive input.tabulation:hover + label {
    background: #ddd;
    color: #666;
}

.societeActive input.tabulation:checked + label {
    background: #f1f1f1;
    color: #444;
    position: relative;
    z-index: 6;
}

.societeActive .content {
    border-top: 2px solid #f1f1f1;
    height: 86%;
    width: 98%;
    z-index: 5;
}
.societeActive .content .containerTabulation {
    opacity: 0;
    width: 100%;
    position: absolute;
    z-index: -100;
    visibility: hidden;
    overflow: auto;
    height: 100%;
}

.societeActive input.tabulation.tab-1:checked ~ .content #serviceWebshop.containerTabulation,
.societeActive input.tabulation.tab-2:checked ~ .content #serviceEpdf.containerTabulation,
.societeActive input.tabulation.tab-3:checked ~ .content #serviceEspaceClient.containerTabulation {
    opacity: 1;
    z-index: 100;
    visibility: visible;
}

/**********************************/
/* Dashboard Service */
.modeSuperAdmin .content_dashboard {
    height: 60%;
}
h1.activerSociete:hover{
    cursor:pointer;
}
.content_dashboard:not(.actif) {
    display: none;
}
.content_dashboard.societeActive {
    display: block;
}
#pageDashboardGlobale {
    overflow: auto;
}
div [id^="content_dashboard_"], #pageDashboardGlobale {
    position: relative;
    background: #fff;
    height: 100%;
}
#dashboardService .chart-container {
    margin: auto;
}
#dashboardService .chart-container > div {
    width: 800px;
    float: left;
}
#dashboardService .title-container h1{
    font-size:24px;
    height :40px;
}
#dashboardService hr {
    color: #f1f1f1;
    width: 99%;
    margin-top: 20px;
    float:left;
}
#dashboardService .title-container h1 span {
    display: inline;
    top: 0;
}
.contenuPage.contenuEPdf {
    text-align: center;
    overflow: hidden;
}
#gridEpdfs {
    height: 93%;
}
/**********************************/
.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
.aligncenter {
	display: block;
	margin: 0 auto 15px;
}
header a:focus ,section a:focus {
	outline: 0px solid;
	color: #00bd39;
}
.viti a:focus {
	color:  #0093b0;
}
.nav li a:focus, .nav li a:hover {
	background-color: transparent;
}
header img ,section img {
	max-width: 100%;
	height: auto;
}
#logo_2 img{
    max-width:500px;
}
.fix {
	overflow: hidden;
}
header p ,section p {
	font-size: 13px ;
	color: #999 ;
}
header h3 ,section h3 , footer h3 ,#formulaireDemandeDeCompte h3{
    margin:0;
    padding:0;
    cursor:default;
}
header a ,section a , footer a {
	color: #fff;
	text-decoration: none;
	transition: all 300ms ease-out 0s;
	text-transform: uppercase;
}
header * ,section * {
	transition: all 300ms ease-out 0s;
}
.back_connnect {
	padding: 5px !important;
    color: #fff !important;
	display: inline-block!important;
	background: #00bd39 !important;
	margin-top: 8px !important;
}
.back_connnect:hover {
	color: #fff !important;
	background:  #00a031 !important;
	border-top: none !important;
}
.back_connnect a:hover {
	border-top: none !important;
}
.viti .back_connnect{
	background:  #0093b0 !important;
}
.viti .back_connnect:hover {
	background: #08b2d4 !important;
}
header a:hover ,section a:hover {
	text-decoration: none;
	color: #fff;
}
.section_padding {
	padding-top: 75px;
}
.section-title h1 {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 2px;
}
.section-title {
	margin-bottom: 20px;
}
.section-title h1 {
	padding-bottom: 15px;
}
.section-title p {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	padding-bottom: 60px;
	text-align: center;
}
/*------------------------------------------------------------------
[1. body ]
--------------------------------------------------------------------*/
.main_ {
	display: block;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}
header,section {
	color: #626262;
	font-size: 15px;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	position: relative;
}
/*------------------------------------------------------------------
[2. Header ]
--------------------------------------------------------------------*/
.sticky-wrapper {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}
/*-------------------
[ 2.1 Logo ]
---------------------*/
.logo {
	/* float: left; */
	/* max-width: 109px; */
	padding-top: 27px;
	text-align: center;
}
.logo img {
	max-width: 100%;
}
.viti .logo img {
	max-width: 58%;
}
#logo_1 {
	display: block;
}
#logo_2 {
	display: none !important;
}
.slogan {
	font-size: 34px;
	color: #fff;
	text-align: center;
	display: block;
}
.slogan_2 {
	font-size: 34px;
	text-align: center;
	display: none;
}
/*-------------------
[ 2.1 Mainmenu ]
---------------------*/
.slicknav_menu {
	display: none;
}
#nav {
	float: right;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
#nav li {
	float: left;
	padding: 15px 0;
	margin-left: 25px;
}
.viti #nav li {
	margin-left: 36px;
}

#nav a {
	color: #ffffff;
	font-size: 14px;
	margin: 10px;
	padding: 0px !important;
	transition: none;
}
.viti #nav a {
	font-size: 16px;
}
.nav.nav-tabs {
	border-bottom: 0 none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background: none;
	border-width: 0;
}
.nav-tabs > li > a {
	border: 0 none;
	border-radius: 0;
}
#nav a:hover {
	border-top: 1px solid #00bd39;
}
.viti #nav a:hover {
	border-top: 1px solid  #0093b0;
}
#nav [title] {
	position: relative;
}
#nav [title]:after {
	content: attr(title);
	color: #fff;
	background: #348519;
	padding: 15px;
	position: absolute;
	left: -9999px;
	opacity: 0;
	bottom: 100%;
	white-space: nowrap;
	-webkit-transition: 0.25s linear opacity;
}
#nav [title]:hover:after {
	left: 5px;
	opacity: 1;
}
#nav a span {
	font-family: Verdana;
	display: none;
	color: #fff;
	background: rgb(0, 189, 57);
	width: 172%;
	text-align: center;
	position: absolute;
	z-index: 10;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 12px;
	text-transform: none;
}
.viti #nav a span {
	background: rgb(0, 147, 176);
	width: 150px;
}
#nav a {
	display: inline-block;
}
#nav a:hover span {
	display: block;
}
/*jquery-sticky-menu*/
.is-sticky header {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0px 5px 0 #333333;
}
.is-sticky #nav a {
	color: #000000;
	margin: 3px !important
}
.is-sticky #logo_1 {
	display: none;
}
.is-sticky .logo {
	display: none;
}
.is-sticky #logo_2 {
	display: block !important;
	width: 10% !important; border-top: none !important;
}
.viti .is-sticky #logo_2 a:hover{ 
	border-top:none !important ;
}
#slogan_1 {
	font-size: 24px;
	color: #fff;
	text-align: center;
	display: block;
	margin: 0;
}
#slogan_2 {
	display: none;
}
.is-sticky #slogan_1 {
	display: none;
}
.is-sticky #slogan_2 {
	display: none;
}
.is-sticky #form_s {
	display: none;
}
.is-sticky #nav li {
	margin-left: 23px !important;
}
.viti .is-sticky #nav li {
	margin-left: 33px !important;
}
.is-sticky .back_connnect {
	margin-top: 10px !important;
	color: ghostwhite !important
}
.is-sticky .back_connnect a {
	color: #FFFFFF !important
}
/*------------------------------------------------------------------
[2. Slider ]
--------------------------------------------------------------------*/
html, body {
	height: 100%;
}
.slider_area .item::after {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}
.slider_area {
	position: relative;
}
.slider_area, .slider_area div {
	height: 100%;
}
.viti .slider_area {
	position: relative; width: 100%
}
.viti .slider_area,.viti .slider_area div {
	height: 100%; width: 100%;
}
.slider_bg {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	position: absolute;
}

.slide-1 {
	background-image: url(/ressource/image/accueil/horti/slider/slide-bg-1.jpg)
}
.horti_connect {
	background-image: url(/ressource/image/accueil/horti/slider/horti-connect.jpg)
}
.horti_book {
	background-image: url(/ressource/image/accueil/horti/slider/horti-book.jpg)
}
.base_donnee {
	background-image: url(/ressource/image/accueil/horti/slider/base-donnees-vegetables.jpg)
}
.horti_shop {
	background-image: url(/ressource/image/accueil/horti/slider/horti-shop.jpg)
}
.viti_connect {
	background-image: url(/ressource/image/accueil/viti/slider/viti-connect.jpg)
}
.viti_book {
	background-image: url(/ressource/image/accueil/viti/slider/viti-book.jpg)
}
 
.viti_shop {
	background-image: url(/ressource/image/accueil/viti/slider/viti-shop.jpg)
}
/*-------------------
[ 2.1 Slider-Text ]
---------------------*/
.slide_text {
	position: relative;
	text-align: center;
	z-index: 2;
}
.table {
	display: table;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
}
.slide_text h1 {
    position: relative;
    top: 53px;
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-size: 35px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 45px;
	text-transform: uppercase;
}
.viti .slide_text h1 {
	font-size: 37px;
	line-height: 51px;
}
.slide_text .table-cell p {
	color: #ddd;
	font-size: 14px;
	margin-top: 25px;
}
.digital {
	border: 2px solid #fff;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 2px;
	margin-left: 10px;
	margin-top: 30px;
	padding: 8px 20px 9px;
	background: #5d8a14;
}
.digital:hover {
	background: #00bd39;
}
.viti .digital:hover {
	background:  #0093b0;
}
.digital:visited {
	color: #FFFFFF !important
}
/*-------------------
[ 2.2 Fawesome-Control ]
---------------------*/
.fawesome-control {
	color: #00bd39;
	font-size: 50px;
	line-height: 50px;
	margin-top: -25px;
	position: absolute;
	top: 50%;
}
.viti .fawesome-control {
	color:  #0093b0;
}
.fawesome-control.left, .fawesome-control.right {
	width: 35px;
	z-index: 2;
}
.fawesome-control.left {
	left: 50px;
}
.fawesome-control.right {
	right: 50px;
}
.carousel-inner .item.active .table-cell {
	-webkit-animation: fadeInUp 1100ms ease-in-out;
	animation: fadeInUp 1100ms ease-in-out;
}
.slider_indicators.carousel-indicators li {
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	width: 10px;
}
.slider_indicators.carousel-indicators .active {
	background-color: #00bd39;
}
.viti .slider_indicators.carousel-indicators .active {
	background-color:  #0093b0;
}
.slider_indicators.carousel-indicators li {
	border-radius: 0;
	transform: rotate(45deg);
}
.carousel-indicators.single_blog_indicators li {
	border: 1px solid #00bd39;
}
.viti .carousel-indicators.single_blog_indicators li {
	border: 1px solid  #0093b0;
}
/*-------------------
[ 2.3 Login slider ]
---------------------*/

.form_s {
	text-align: center;
	margin-bottom: 20px;
	margin-left: 380px;
	margin-top: 2%
}
.form_s p {
	padding-top: 0;
	text-transform: lowercase !important;
	margin:0;
    color:#fff;
    position: relative;
    left: 20%;
    text-align: left;
}
.form_s p a{
	text-transform: lowercase !important;
	cursor: pointer;
}
.form_s p label {
    font-size: inherit;
    cursor:pointer;
}
.slider_form input {
	border: 2px solid #ccc;
	border-radius: 4px;
	color: #4c4c4c;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 2px;
	margin-left: 10px;
	/*	margin-top: 30px;*/
	padding: 8px 20px 9px;
	background: rgb(243, 243, 243);
}
.slider_form label a, label a:visited, label a:hover {
	color: white;
	font-size: 11px;
	width: 100%;
	text-align: center;
	text-transform: capitalize !important;
}
.slider_form a:hover {
	text-decoration: underline;
}
.slider_form label {
	text-align: center;
	font-size: 16px;
	color: beige
}
#form_s .btn {
	/* border: 2px solid #fff !important; */
	/* border-radius: 4px!important; */
	color: #fff!important;
	display: inline-block!important;
	font-size: 14px!important;
	letter-spacing: 2px!important;
	/* margin-left: 10px!important; */
	padding: 8px 20px 9px !important;
	background: #00bd39!important;
	margin-top: 5px;
}
.viti .btn {
	background:  #0093b0!important;
}

#form_s .btn hover {
	background: #00bd39
}
.viti .btn hover {
	background:  #0093b0
}
/*------------------------------------------------------------------
[3. About Horti book ]
--------------------------------------------------------------------*/   
#book h1 {
	text-align: center;
	margin-bottom: 21px;
	color: #00bd39;
}
.viti #book h1 {
	color:  #0093b0;
}
.about {
	padding-bottom: 30px;
}
.about_text {
	margin-bottom: 60px;
}
.about_text a h3 {
	font-size: 18px;
	color: #444444;
}
.about_text a h3:hover {
	color: #000000;
}
.about_title.section-title h1 {
	margin-bottom: 30px;
	text-align: center
}
.about_title.section-title p {
	text-align: justify;
	padding-bottom: 10px !important
}
.green {
	border: solid 1px #3b7200;
	background-color: #88c72a;
	background: -moz-linear-gradient(top, #88c72a 0%, #709e0e 100%);
	background: -webkit-linear-gradient(top, #88c72a 0%, #709e0e 100%);
	background: -o-linear-gradient(top, #88c72a 0%, #709e0e 100%);
	background: -ms-linear-gradient(top, #88c72a 0%, #709e0e 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#709e0e', endColorstr='#709e0e', GradientType=0 );
	background: linear-gradient(top, #88c72a 0%, #709e0e 100%);
	-webkit-box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;
	-moz-box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;
	box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;
}
.green:hover {
	background-color: #7fb52f;
	background: -moz-linear-gradient(top, #7fb52f 0%, #67910b 100%);
	background: -webkit-linear-gradient(top, #7fb52f 0%, #67910b 100%);
	background: -o-linear-gradient(top, #7fb52f 0%, #67910b 100%);
	background: -ms-linear-gradient(top, #7fb52f 0%, #67910b 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67910b', endColorstr='#67910b', GradientType=0 );
	background: linear-gradient(top, #7fb52f 0%, #67910b 100%);
}
.green:active {
	background-color: #638f22;
	background: -moz-linear-gradient(top, #638f22 0%, #486608 100%);
	background: -webkit-linear-gradient(top, #638f22 0%, #486608 100%);
	background: -o-linear-gradient(top, #638f22 0%, #486608 100%);
	background: -ms-linear-gradient(top, #638f22 0%, #486608 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#486608', endColorstr='#486608', GradientType=0 );
	background: linear-gradient(top, #638f22 0%, #486608 100%);
}
.effect-4 {
	transition: border-radius 1s;
	-webkit-transition: border-radius 1s;
	-moz-transition: border-radius 1s;
	-o-transition: border-radius 1s;
	-ms-transition: border-radius 1s;
}
.effect-4:hover {
	border-radius: 50px 5px 50px 5px;
	-webkit-border-radius: 50px 5px 50px 5px;
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 50px;
}
.shape-1 {
	-webkit-border-radius: 5px 50px 5px 50px;
	border-radius: 5px 50px 5px 50px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomleft: 50px;
	-moz-border-radius-bottomright: 5px;
}
.button {
	/* font-family: Helvetica, Arial, sans-serif; */
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px 75px;
	margin: 0 20px;
	text-shadow: 1px 1px 1px #67842b;
	filter: dropshadow(color=#595959, offx=1, offy=1);
	text-decoration: none;
}
/*-------------------
[ 3.1 About-Text ] 
---------------------*/
.about_text p {
	line-height: 22px;
	margin: 20px 0;
}
.about_icon {
	border: 1px solid#00bd39;
	float: left;
	height: 60px;
	margin-bottom: 50px;
	margin-right: 20px;
	transform: rotate(45deg);
	width: 60px;
	transition: all 300ms ease-out 0s;
	background: #00bd39;
}
.viti .about_icon {
  border: 1px solid #0093b0;
  background: #0093b0;
}
.about_icon i {
	color: #ffffff;
	font-size: 25px;
	padding: 30%;
	transform: rotate(-45deg);
	z-index: 5;
}
.about_text:hover .about_icon {
	background: #ffffff;
	border: 1px solid#00bd39;
}
.viti .about_text:hover .about_icon{
  border: 1px solid #0093b0;
}
.about_text:hover .about_icon i {
	color: #00bd39;
}
.viti  .about_text:hover .about_icon i{
	color: #0093b0;
}
#right_img_2 {
	display: none;
}
/*------------------------------------------------------------------
[4. Features horti shop]
--------------------------------------------------------------------*/
#shop {
	background: #f4f5f5
}
#shop h1 {
	font-size: 30px;
	text-align: center
}
.col-text-center {
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.amazing_title {
	position: relative;
}
.amazing_title::after, .amazing_title::before {
	background: #00bd39 none repeat scroll 0 0;
	bottom: -4px;
	content: "";
	height: 2px;
	left: 31%;
	position: absolute;
	width: 15%;
}
.viti .amazing_title::after, .viti .amazing_title::before {
	background:  #0093b0 none repeat scroll 0 0;
}
.amazing_title::before {
	bottom: -4px;
	left: 52%;
}
.amazing_title h1 {
	padding-bottom: 30px;
}
.amazing_title h1::after {
	border: 2px solid #00bd39;
	bottom: -22%;
	content: "";
	height: 20px;
	position: absolute;
	right: 50%;
	transform: rotate(45deg);
	width: 20px;
}
.viti .amazing_title h1::after {
	border: 2px solid  #0093b0;
}
.amazing_title:hover.amazing_title h1::after {
	background: #00bd39;
}
.viti .amazing_title:hover.amazing_title h1::after {
	background:  #0093b0;
}
/*------------------------------------------------------------------
[5. Espace ]
--------------------------------------------------------------------*/
.margin-bottom-0 {
	margin-bottom: 0px !important
}
#espace {
	background: url(/ressource/image/accueil/horti/espace-clients-horti-bg.png);/* padding-top: 10px !important; */
}
.viti #espace {
	background: url(/ressource/image/accueil/viti/espace-clients-horti-bg.png);/* padding-top: 10px !important; */
}
.espace_bg {
	padding: 20px;
	background: rgba(255, 255, 255, 0.69);
	border: 1px solid #fff;
}
.espace {
	padding-bottom: 30px;
}
#espace h1 {
	text-align: center;
	padding-top: 10px;
	margin-bottom: 20px;/* margin-top: 30px; */
}
#espace h2 {
	margin-bottom: 10px;
	color: #f9a138;
	text-align: center;
}
#espace h3 {
	font-weight: 600;
	margin-bottom: 10px;
	color: #de7c08;
}
.espace_bg p {
	color: #504f4f !important;
}
.espace_text {
	margin-bottom: 60px;
}
.espace_text a h3 {
	font-size: 18px;
	color: #444444;
}
.espace_text a h3:hover {
	color: #000000;
}
.espace_title.section-title h1 {
	margin-bottom: 30px;
	text-align: center
}
.espace_title.section-title p {
	text-align: justify;
	padding-bottom: 10px !important
}
espace_title.section-title p:last-child {
	text-align: justify;
	padding-bottom: 0px !important
}
.p-im-espace-client {
	text-align: center !important
}
/*------------------------------------------------------------------
[6. connect]
--------------------------------------------------------------------*/
#connect {
	background: url(/ressource/image/accueil/horti/horti-connect-bg.jpg) no-repeat;
	/* padding-top: 90px; */
	padding-bottom: 20px;
}
.viti #connect {
	background: url(/ressource/image/accueil/viti/horti-connect-bg.jpg) no-repeat;
}
.connect-horti h1 {
	font-size: 36px;
	margin-bottom: 10px;
}
.connect-horti h3 {
	font-weight: 600;
	margin-bottom: 10px;
	color: #de7c08;
}
.connect-horti span {
	color: #00bd39;
	font-weight: bold
}
.viti .connect-horti span {
	color:  #0093b0;
}
.connect-horti img{
 	float:right
}
#connect h1 {
	margin-bottom: 15px
}
#connect h2 {
	margin-bottom: 15px;
	text-align: left
}
.connect-horti-bg {
	padding: 20px;
	background: rgba(255, 255, 255, 0.86);
	border: 1px solid #fff;
}
.video.section_padding::after {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
}
.video {
	height: 520px;
	overflow: hidden;
	padding-top: 0;
	position: relative;
}
#bgvid {
	min-width: 100%;
	position: relative;
	z-index: -100;
}
.video_text .amazing_title {
	color: #fff;
	left: 0;
	position: absolute;
	top: 20%;
	width: 100%;
	z-index: 2;
}
#polina {
	border: 3px solid #00bd39;
	border-radius: 5px;
	left: 45%;
	margin: 2rem;
	position: absolute;
	top: 50%;
	z-index: 1;
}
.viti #polina {
	border: 3px solid  #0093b0;
}
#polina button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	border-radius: 3px;
	color: #00bd39;
	cursor: pointer;
	display: block;
	font-size: 1.3rem;
	padding: 20px;
}
.viti #polina button {
	color:  #0093b0;
}
#polina button i {
	font-size: 25px;
}
/*------------------------------------------------------------------
[7. base]
--------------------------------------------------------------------*/
#base {
	text-align: justify;
	font-weight: 400;
	line-height: 26px;
}
#base p {
	padding-bottom: 10px !important;
	font-size: 14px !important
}
#base h1 {
	text-align: center;
	color: #00bd39;
}
.viti #base h1 {
	color:  #0093b0;
}
/*------------------------------------------------------------------
[ 8. Horti Box ]
--------------------------------------------------------------------*/
#horti-box {
	text-align: justify;
	font-weight: 400;
	line-height: 26px;
	/* padding-top: 90px; */
	padding-bottom: 20px;
	background: #f4f5f5;
}
#horti-box p {
	padding-bottom: 10px !important;
	font-size: 14px !important;
	color: #4d4a49!important
}
#horti-box h1 {
	color: #00bd39;
	margin-bottom: 10px !important;
	text-align: left;
}
.viti #horti-box h1 {
	color:  #0093b0;
}
/*-------------------
[8.1 Blog-Text ]
---------------------*/
.blog_text span {
	color: #777;
	font-size: 12px;
}
.blog_text p {
	padding: 5px 0 0;
	margin-bottom: 1px;
}
.blog_img img:hover {
	opacity: 0.8;
}
.blog_text {
	padding: 15px 40px 45px;
}
.blog_text p a {
	color: #46ac2b;
}
/*------------------------------------------------------------------
[10. Subcribe ]
--------------------------------------------------------------------*/
.subcribe.section_padding {
	background: #fff none repeat scroll 0 0;
}
.subcribe_title {
	margin-bottom: 80px;
}
.subcribe_text > input {
	background: #f0f0f0 none repeat scroll 0 0;
	border: 1px solid #00bd39;
	border-radius: 4px;
	padding: 8px;
	width: 100%;
}
.viti .subcribe_text > input {
	border: 1px solid  #0093b0;
}
.all_veiw a, .btn-black {
	font-size: 14px;
	letter-spacing: 1px;
	padding: 8px 20px;
	background: #00bd39 !important;
	color: aliceblue;
	border: none !important;
}
.viti .all_veiw a,.viti .btn-black {
	background: #0093b0 !important;
}
.all_veiw a:hover, .btn-black:hover {
	background: #03942f;
	color: #fff;
}
.viti .all_veiw a:hover,.viti .btn-black:hover {
	background: #08bbde;
}
/*------------------------------------------------------------------
[11. Download ]
--------------------------------------------------------------------*/
.download.section_padding::after {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
}
.download.section_padding {
	background: rgba(0, 0, 0, 0) url("/ressource/image/accueil/horti/download-bg.jpg") no-repeat center center / cover;
	position: relative;
}
.viti .download.section_padding {
	background: rgba(0, 0, 0, 0) url("/ressource/image/accueil/viti/download-bg.jpg") no-repeat center center / cover;
	position: relative;
}
.download .container {
	position: relative;
	z-index: 1;
}
.download .subcribe_title h1, .screenshot_title h1 {
	color: #FFF;
}
.download_text > a {
	border: 1px solid #fff;
	border-radius: 4px;
	margin-right: 10px;
	padding: 10px;
}
.download_text a i {
	font-size: 22px;
	margin-right: 10px;
}
.download_text > a:hover {
	background: #00bd39 none repeat scroll 0 0;
}
.viti .download_text > a:hover {
	background:  #0093b0 none repeat scroll 0 0;
}
/*------------------------------------------------------------------
[12. Contact ]
--------------------------------------------------------------------*/

#contact {
	background: url(/ressource/image/accueil/horti/contact.jpg) no-repeat right #fff;
	padding-bottom: 20px;
	padding-top: 90px;
}
.viti #contact {
	background: url(/ressource/image/accueil/viti/contact.jpg) no-repeat right #fff;
}
#contact p a {
	font-size: 13px;
	padding-right: 20px;
	line-height: 24px;
	color: #777!important;
	text-decoration: underline;
	text-transform: lowercase !important;
}
.about_hello > h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}
.about_hello > p {
	font-size: 13px;
	padding-right: 20px;
	line-height: 24px;
	color: #777;
}
#about_p_text {
	padding-right: 50px;
}
.viti #about_p_text {
	padding-right: 50px; text-align:justify
}
.about_hello p i {
	font-size: 26px;
	margin-right: 8px;
	color: #00bd39;
}
.viti .about_hello p i {
	color:  #0093b0;
}
#envel {
	font-size: 16px;
}
.quick_contack.about_hello {
	padding-right: 40px;
}
.quick_contack input, .message_text textarea {
	width: 100%;
	padding: 5px;
	border: 1px solid #dcdcdc !important;
	/* border-radius: 5px; */
	margin-bottom: 5px;/* font-size: 13px; */
    background: #ffffff;
    -moz-border-radius:  0 !important;
    border-radius: 0 !important;
    -webkit-border-radius:  0 !important;
    font-size: 14px;
    font-family: inherit !important;
}
.social_icon a {
	border: 1px solid #00bd39;
	/* border-radius: 5px; */
	color: #00bd39;
	font-size: 15px;
	margin-right: 5px;
	padding: 5px 10px;
}
.viti .social_icon a {
	border: 1px solid  #0093b0;
	/* border-radius: 5px; */
	color:  #0093b0;
}
.social_icon a:hover {
	background: #00bd39 none repeat scroll 0 0;
	color: #fff;
}
.viti .social_icon a:hover {
	background:  #0093b0 none repeat scroll 0 0;
}
/*------------------------------------------------------------------
[13. Footer ]
--------------------------------------------------------------------*/
footer{
	background: #00bd39 none repeat scroll 0 0;
	padding: 30px 0;
}
.viti footer {
	background:  #0093b0 none repeat scroll 0 0;
}
.footer_copyright p {
	margin: 0;
	color: #fff;
}
.footer_copyright{
    display:inline-block;
}
/*ScrollUp*/
#scrollUp {
	background-color: #00bd39;
	border-radius: 2px;
	padding: 5px 8px;
	right: 45px;
	text-align: center;
	text-decoration: none;
	top: 84%;
	color:#fff;
}
.viti #scrollUp {
	background-color:  #0093b0;
}
.scrollToTop i {
	color: #fff;
	font-size: 18px;
	margin: 0 6px;
}
/* style des popups*/
#formulaireDemandeDeCompte .titrePopup{
    text-align: center;
    background-color: #02a231;
    padding: 6px;
    font-size: 16px;
    color: white;
}
.viti #formulaireDemandeDeCompte .titrePopup{
    background-color: #0093b0;
}
#formulairePreliminaire label ,#templateSocieteEtCompte label{
    width: 45%;
    font-weight: 100;
}
#formulairePreliminaire,#templateSocieteEtCompte {
    margin:auto;
    width: 80%;
}

#boutonValiderInscription{
    padding: 7px 13px;
    background-color: #1a9e41;
    color: white;
    float: right;
    clear:both;
    margin-right: 10px;
}
.viti  #boutonValiderInscription{
    background-color: #0093b0;
}
.titreBloc , .separateurSocieteEtCompte{
    color: #1a9e41;
    padding: 5px 5px;
}
.viti .titreBloc,.viti .separateurSocieteEtCompte{
    color: #0093b0;
}
.titreBloc{
     font-size: 15px;
}
#formulaireDemandeDeCompte .ligneLabelEtInput{
    padding:10px 10px;
    display:block;
}
#formulaireDemandeDeCompte .close{
    padding: 4px 8px;
}
#formulaireDemandeDeCompte input[type="text"], #formulaireDemandeDeCompte input[type="password"], #formulaireDemandeDeCompte input[type="number"], #formulaireDemandeDeCompte select{
   border: 1px solid rgba(131, 146, 136, 0.39);
    width:45% !important;
}
#popupMessageDeService .titrePopup ,.annulationAction,.refus, #popupMessageDeService .boutonEnBasADroite,#alerte .titreAlerte,#alerte #bouttonValider ,#formulaireMotDePasseOublie .titrePopup, #formulaireMotDePasseOublie .boutonEnBasADroite, #conditionsGenerales .titrePopup{
    background: #8BC34A !important;
    color:#FFF !important;
}
.viti #popupMessageDeService .titrePopup ,.viti #popupMessageDeService .boutonEnBasADroite,.viti #alerte .titreAlerte  , .viti #alerte #bouttonValider , .viti #formulaireMotDePasseOublie .titrePopup,.viti #formulaireMotDePasseOublie .boutonEnBasADroite, .viti #conditionsGenerales .titrePopup{
    background: #0093b0 !important;
}
#alerte ,#formulaireMotDePasseOublie{
    border: 0px !important;
    border-radius: 1px !important;
    -webkit-border-radius: 1px !important;
}
#alerte{
    margin: -100px 0 0 -306px !important;
}
#messageAlerte{
    min-height:75px !important;
}
#formulaireMotDePasseOublie, #popupExportDT{
    z-index:1000 !important;
    margin: -100px 0 0 -155px !important;
}
#formulaireMotDePasseOublie .boutonEnBasADroite{
    margin-left: 77%;
    margin-top: 11px;
}
#chargement{
    width: 190px !important;
    z-index: 1100 !important;
    position: fixed !important;
}
#layoutChargement{
     z-index: 1099 !important;
}
.squaredFour {
  width: 20px;
  position: relative;
  margin: 20px auto;
  label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #fcfff4;
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    &:after {
      content: '';
      width: 9px;
      height: 5px;
      position: absolute;
      top: 4px;
      left: 4px;
      border: 3px solid #333;
      border-top: none;
      border-right: none;
      background: transparent;
      opacity: 0;
      transform: rotate(-45deg);
    }
    &:hover::after {
      opacity: 0.5;
    }
  }
  input[type=checkbox] {
    visibility: hidden;
    &:checked + label :after {
      opacity: 1;
    }
  }    
}
/* end .squaredFour */
#error-alert {
    display:none;
    position: absolute;
    width: 92.5%;
}
.nav_desc{
    max-width:160px;
}
#versionCode{
    color: #FFF;
    font-size: 19px;
    width: 314px !important;
    text-align: right;
    line-height: 200%;
}
#societeEtCompte{
    height: 700px;
    overflow-y: scroll;
}
#formulaireDemandeDeCompte_contenu .recommandation{
    padding: 6px 31px;
    color: rgb(193, 193, 193);
}
.recommandationExport{
    margin: 0 10px 0 10px;
}
.recommandationExportRadio{
    border-bottom-style : solid;
    border-bottom-width: 0.1px;
    height: 20px;
    margin-left: 10px;
    margin-right: 10px;
    display:block;
}
#popupExportDT{
    width: 270px;
}
#Export-csv, #Export-0 {
    margin: 0 0 0 20px
}
#formulaireDemandeDeCompte_contenu{
    margin-top:57px !important;
    position: absolute !important;
    min-width: 98%;
}
#templateSocieteEtCompte h2 {
    margin: 0;
    font-size:21px;
}
#formulaireDemandeDeCompte_contenu .blocDInput{
   background: inherit;
    width:auto;
}
#formulaireDemandeDeCompte_contenu .ligneLabelEtInput label{
    text-align:left;
    font-size:13px;
}
.elementMasque{
    display:none !important;
}
.boutonRemplacantInputFileAvecStyleSpecifique{
    width:170px !important;
}

#formulaireLogoSociete .divProgression ,#formulairePhotoCompte .divProgression {
    margin-top: 21px;
}
#conditionsGenerales{
    z-index:1050 !important;
    position:fixed;
}
.ligneChoixAdresse {
    float:right;
}
.ligneChoixAdresse label{
    width: 230px !important;
    text-align: right !important;
}
.form_s input{
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border:0 !important;
}
h3{
    color: inherit;
    line-height: inherit;
    font-weight:inherit;
}
#formulaireDemandeDeCompte_contenu #diversCompte, 
#formulaireDemandeDeCompte_contenu #diversSociete, 
#formulaireDemandeDeCompte_contenu #communiquerAvecLaSociete {
    display:none;
}
.form-control{
    padding:0;
}
.form-signin input{
    width: 100%;
    padding: 7px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
.navbar {
	display: none
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
@media (max-width:767px) {
.form_s {
	margin-left: 0px !important
}
}
@media (max-device-width:480px) and (orientation:landscape) {
.form_s {
	margin-left: 0!important
}
}
@media (min-width:768px) {
.container {
	width: 750px
}
.form_s {
	margin-left: 0!important
}
}

@media (min-width:992px) {
.container {
	width: 970px
}
.form_s {
	margin-left: 320px!important;

}
}

@media (min-width:1200px) {
.container {
	width: 1170px
}
.form_s {
	margin-left: 385px!important;

}
}

 .row:after {
	clear: both
}
.row:after , .row:before {
	display: table;
	content: " "
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0
}
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px
}
.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	/* border-radius: 4px */
}
.btn-group-lg>.btn, .btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	/* border-radius: 6px */
}
.btn-primary {
	color: #fff;
	background-color: #337ab7;
	/* border-color: #2e6da4 */
}
.btn-primary.focus, .btn-primary:focus {
	color: #fff;
	background-color: #286090;
	border-color: #122b40
}
.btn-primary:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
	color: #fff;
	background-color: #204d74;
	border-color: #122b40
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
	background-image: none
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: #337ab7;
	border-color: #2e6da4
}
.btn-primary .badge {
	color: #337ab7;
	background-color: #fff
}
.btn-block {
	display: block;
	width: 100%
}
.carousel {
	position: relative
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}
.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	line-height: 1
}
@media screen and (max-device-height: 900px) { 
    #societeEtCompte {
        height: 570px!important;
    }
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item {
	-webkit-transition: -webkit-transform .6s ease-in-out;
	-o-transition: -o-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px
}
.carousel-inner>.item.active.right, .carousel-inner>.item.next {
	left: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
.carousel-inner>.item.active.left, .carousel-inner>.item.prev {
	left: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
	display: block
}
.carousel-inner>.active {
	left: 0
}
.carousel-inner>.next, .carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}
.carousel-inner>.next {
	left: 100%
}
.carousel-inner>.prev {
	left: -100%
}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
	left: 0
}
.carousel-inner>.active.left {
	left: -100%
}
.carousel-inner>.active.right {
	left: 100%
}
.table {
	border-collapse: collapse!important
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px
}
header * ,section *, footer * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}
@media (min-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
	float: left
}
.col-sm-12 {
	width: 100%
}
.col-sm-11 {
	width: 91.66666667%
}
.col-sm-10 {
	width: 83.33333333%
}
.col-sm-9 {
	width: 75%
}
.col-sm-8 {
	width: 66.66666667%
}
.col-sm-7 {
	width: 58.33333333%
}
.col-sm-6 {
	width: 50%
}
.col-sm-5 {
	width: 41.66666667%
}
.col-sm-4 {
	width: 33.33333333%
}
.col-sm-3 {
	width: 25%
}
.col-sm-2 {
	width: 16.66666667%
}
.col-sm-1 {
	width: 8.33333333%
}
}

@media (min-width:992px) {
	
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
	float: left
}
.col-md-12 {
	width: 100%
}
.col-md-11 {
	width: 91.66666667%
}
.col-md-10 {
	width: 83.33333333%
}
.col-md-9 {
	width: 75%
}
.col-md-8 {
	width: 66.66666667%
}
.col-md-7 {
	width: 58.33333333%
}
.col-md-6 {
	width: 50%
}
.col-md-5 {
	width: 41.66666667%
}
.col-md-4 {
	width: 33.33333333%
}
.col-md-3 {
	width: 25%
}
.col-md-2 {
	width: 16.66666667%
}
}
.pull-right {
	float: right!important
}
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
	border-radius: 10px
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #fff
}
.alert-dismissable .close, .alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit
}

.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2
}
.close:focus, .close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%)
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5
}
.modal-header {
	min-height: 16.43px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
	margin-top: -2px
}
.modal-title {
	margin: 0;
	line-height: 1.42857143
}
.modal-body {
	position: relative;
	padding: 15px
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
	margin-left: 0
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media (min-width:768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
		box-shadow: 0 5px 15px rgba(0,0,0,.5)
	}
	.modal-sm {
		width: 300px
	}
}

@media (min-width:992px) {
.modal-lg {
	width: 900px
}
}
#resterConnecter,#resterConnecterLogin{
    width:15px;
    opacity: 0.9;
    position: absolute;
    left : -8%;
}

@font-face {
	font-family: 'Accueil';
	src: url('/ressource/police/ASENINE.ttf');
}
@media screen and (max-device-width: 1024px) and (width: 1024px) {
    Body {
        overflow-x: hidden !important; /* j'ai pas l'impression que ceci à un effet quelconque. Merci à l'auteur de vérifier */
    }
    #versionHOL {
       
        padding-left: 10%!important;
  
    }
    #fenetreAuthentification {
       
        margin: -40px 0 0 -308px!important;
      
    }
}
#enteteBackgroundAuthentification {
    border-bottom: 10px solid #ffffff; /* Espacement entre l'en-tete et le contenu */
    min-width: 990px;
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#enteteAuthentification {
    width: 990px; 
    margin: auto; 
    z-index: 100;
    position: relative;
}
#logoImageHortiOnLine {
    margin: 14px 0 0 255px;
}
#logoImageVitiOnLine {
    margin: -16px 0 6px 244px;
}
#divIdentifiant, 
#divMotDePasse {
    float: left;
   
}
#divDeConnexion {
    margin-left: 0px;
    padding-left: 22px;
    margin-top: 10px;
    border-color: #C9C9C9;
    border-style: solid;
    border-width: 1px;
    height: 170px;
    background: #f2f2f2;
    position: relative;
}
#divDeConnexion2 {
    height: 50px;
    background: #d4d3ce;
    margin-top: 4px;
    margin-bottom: 4px;
    border-color: #ACACAB;  
    border-style: solid;  
    border-width: 1px;
}
.divDeConnexionLienLabel {
    margin-left: 10%;
    margin-top: 1.5%;
    float: left;
    margin: 1;
}
.divDeConnexionLien {
    float: right;
    margin: 1;
    margin-right: 10%;
    margin-top: 1.5%;
    color: #44877a;
    cursor: pointer;
}

#divIdentifiant, 
#divMotDePasse {
    padding: 5px 0 0 5px;
    width: 95%;
}
#divIdentifiant label:first-child,
#divMotDePasse label:first-child {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    margin-left: 1px;
}
#divIdentifiant label:last-child,
#divMotDePasse label:last-child {
    font-size: 12px;
    color: #44877a;
    position: relative;
    top: -2px;
    margin-left: 1px;
    cursor: pointer;
}
.motDePasseOublieHOL{
    top: -40px!important;
    margin-left: 15px!important;
}
#divMotDePasse.modele{
    position: relative;
}
#divIdentifiant input[type="checkbox"] {
    margin: 0;
}
#divDeConnexion input[type="text"], 
#divDeConnexion input[type="password"] {
   margin-left: 1px;
   margin-top: 5px !important;
   width: 95.7%!important;
   border-top: 1px solid #C9C9C9 !important;
   border-right: 1px solid #C9C9C9 !important;
   border-bottom: 1px solid #C9C9C9 !important;
   border-left: 1px solid #C9C9C9 !important;
   padding-left: 10px;
   height: 30px !important;
}

#divDeConnexion input[type="text"]:focus, 
#divDeConnexion input[type="password"]:focus,
#resterConnecter:focus {
    outline: none;
    border-color: #8ac469;
    box-shadow: 0 0 10px #8ac469;
}

#divDeConnexion.viti input[type="text"]:focus, 
#divDeConnexion.viti input[type="password"]:focus,
#resterConnecter.viti:focus {
    outline: none;
    border-color: #0099cb!important;
    box-shadow: 0 0 10px #0099cb!important;
}
#divDeConnexion input[type="button"] {
    float: right;
    width: 50%;
    margin-right: -2px;
    color: #ffffff;
}
#messageErreurLogin {
    color: #E27C7C;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    width: 200px;
    left: 63%;
    text-align: left;
    top: 63px;
}
#lableConnexion {
    font-size: 35px;
    font-weight: bold;
    color: #050505;
    text-align: left;
    top: 25px;
    left: 25px;
    position: absolute;
    letter-spacing: 1.30px;
}
#divResterConnecter {
    margin-left: -14px;
    margin-top: 10px;
    padding: 10px;
}
.labelResterConnecte,.labelResterConnecteidSystem {
    font-size: 12px;
    position: relative;
    top: 0px;
    color: #ffffff;
    left: -2%;
}

/****************************************************** Corps de la page */
#milieu 
{
    font-family: 'Accueil';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    
}
#contenuMilieu 
{
    font-family: 'Accueil';
    /* margin: auto; */
    height: 100%;
    width: 100%;
    min-width: 850px;
    background: url("/ressource/image/accueil/authentification/backgroundMilieu3.png") center 0px repeat-x #f5f5f5;
}
#contenuMilieu.contact
{
   display:none;
}
#contenu {
    font-family: 'Accueil';
    margin: auto; 
    width: 1000px;
    height: 480px;
    position: relative;
    padding-top: 90px;
}
#contenu.contact {
    height: 90%!important;
}
#contenuBas
{ 
    width: 100%;
    height: 200px;
    padding-bottom: 10px;
    background: #f5f5f5;
}
#contenuBas.viti { 
    background: #dddddd!important;
}
#contenuBoutons
{
    height: 80px;
    width: 80%;
    /* min-width: 945px; */
    margin: 0 auto;
    background: url("/ressource/image/accueil/authentification/ligneSeparation.png") no-repeat -323px bottom;
    width: 850px;
    /* left: 5.5%; */
    position: relative;
    /* margin-left: 14%; */
    padding-left: 100px;
}
#centrageBoutons {
    width: 100%;
}
.nouveauCompte {
    border-top : 1px solid #54aa26;
    background: #54aa26;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e9c24), to(#54aa26));
    background: -webkit-linear-gradient(top, #4e9c24, #54aa26);
    background: -moz-linear-gradient(top, #4e9c24, #54aa26);
    background: -ms-linear-gradient(top, #4e9c24, #54aa26);
    background: -o-linear-gradient(top, #4e9c24, #54aa26);
    padding: 1px 1px 3px 3px!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: white;
    font-size: 14px;
    font-family: Accueil!important;
    text-decoration: none;
    width: 118px;
    height: 44px;
    font-size: 18px!important;
    letter-spacing: 1px;
    margin-left: 18%;
    white-space: inherit;
   }
  #nouveauCompteHorti { 
    color: #ffffff;
    border-top : 1px solid #999999!important;
    background: #999999!important;
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#999999))!important;
    background: -webkit-linear-gradient(top, #999999, #999999)!important;
    background: -moz-linear-gradient(top, #999999, #999999)!important;
    background: -ms-linear-gradient(top, #999999, #999999)!important;
    background: -o-linear-gradient(top, #999999, #999999)!important;
  }
  #nouveauCompte:hover {
    border-top-color: #999999;
    background: #999999;
    color: #ffffff;
   }
  .nouveauCompteViti {
    color: #ffffff !important;
    border-top : 1px solid #0099cb!important;
    background: #0099cb!important;
    background: -webkit-gradient(linear, left top, left bottom, from(#0099cb), to(#0099cb))!important;
    background: -webkit-linear-gradient(top, #0099cb, #0099cb)!important;
    background: -moz-linear-gradient(top, #0099cb, #0099cb)!important;
    background: -ms-linear-gradient(top, #0099cb, #0099cb)!important;
    background: -o-linear-gradient(top, #0099cb, #0099cb)!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    border-top: 1px solid #54aa26;
    color: white;
    font-size: 14px;
    font-family: Accueil!important;
    text-decoration: none;
    width: 118px;
    height: 44px;
    font-size: 18px!important;
    letter-spacing: 1px;
    margin-left: 17%;

   }
  .nouveauCompte:hover {
       border-top-color: #68c433;
       background: #68c433;
       color: #ffffff;
   }
.nouveauCompteViti:active {
       border-top-color: #666666!important;
       background: #666666!important;
   }
.nouveauCompteViti:hover,
.mailEnvoiViti:hover,
.infosSiteViti:hover {
    -webkit-box-shadow:0px 0px 10px #666666!important;
    -moz-box-shadow: 0px 0px 10px #666666!important;
    box-shadow: 0px 0px 10px #666666!important;
}
.nouveauCompte:active {
    border-top-color: #54aa26;
    background: #54aa26;
}
.connexion {
    color: #ffffff !important;
    margin-left: 5%;
    border-top: 1px solid #c40658;
    background: #e50063;
    background: -webkit-gradient(linear, left top, left bottom, from(#e50063), to(#e50063));
    background: -webkit-linear-gradient(top, #e50063, #e50063);
    background: -moz-linear-gradient(top, #e50063, #e50063);
    background: -ms-linear-gradient(top, #e50063, #e50063);
    background: -o-linear-gradient(top, #e50063, #e50063);
    padding: 1px 1px 3px 3px!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: white;
    font-size: 14px;
    font-family: Accueil!important;
    text-decoration: none;
    width: 118px;
    height: 44px;
    font-size: 18px!important;
    letter-spacing: 1px;
    position: absolute;
    left: 67%;
    top: 8.5%;
    z-index: 5;
   }
   .connexionViti {
    margin-left: 5%;
    border-top: 1px solid #666666;
    background: #666666;
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#666666));
    background: -webkit-linear-gradient(top, #666666, #666666);
    background: -moz-linear-gradient(top, #666666, #666666);
    background: -ms-linear-gradient(top, #666666, #666666);
    background: -o-linear-gradient(top, #666666, #666666);
    padding: 1px 1px 3px 3px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    color: #ffffff !important;
    font-size: 14px;
    font-family: Accueil!important;
    text-decoration: none;
    width: 118px;
    height: 44px;
    font-size: 18px!important;
    letter-spacing: 1px;
    position: absolute;
    left: 67%;
    top: 10.5%;
    z-index: 5;
   }
   .connexionViti:hover {
   -webkit-box-shadow:0px 0px 10px #0197ca!important;
    -moz-box-shadow: 0px 0px 10px #0197ca!important;
    box-shadow: 0px 0px 10px #0197ca!important;
   }
.connexionViti:active {
   border-top-color: #0197ca;
   background: #0197ca;
   }
   
   
.connexion:hover {
   border-top-color: #e8277e;
   background: #e8277e;
   color: #ffffff;
   }
.connexion:active {
   border-top-color: #c40658;
   background: #c40658;
   }
.infosSite {
    width: 328px;
    background: url("/ressource/image/accueil/authentification/infosSiteHorti.png") no-repeat !important;
    height: 46px;
    float: left;
}
.infosSiteViti {
    width: 328px;
    background: url("/ressource/image/accueil/authentification/infoViti.png") no-repeat !important;
    height: 46px;
    float: left;
}
.mailEnvoi {
    margin-left: 7%;
    background: url("/ressource/image/accueil/authentification/envoiMail.png") no-repeat !important;
    -webkit-border-radius: 40px!important;
    -moz-border-radius: 40px!important;
    border-radius: 40px!important;
    width: 46px;
    height: 46px;
}
.mailEnvoiViti {
    margin-left: 8%;
    background: url("/ressource/image/accueil/authentification/contact.jpg") 6px no-repeat !important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    width: 46px;
    height: 46px;
}


#logoTexte2LignesHortiOnLine {
    margin: 60px 0 0 30px;
    position: absolute;
    padding-left: 40px;
}
#logoTexte2LignesVitiOnLine {
    margin: 60px 0 0 30px;
    position: absolute;
    padding-left: 40px;
}
#slogan , #sloganViti {
    font-size: 23px;
    font-weight: bold;
    color: #050505;
    text-align: left;
    top: 110px;
    left: 80px;
    position: absolute;
    letter-spacing: 1.30px;
}

.banniereSite {
    margin-top: -115px;
}
/****************************************************** Pied de page */
#piedDePageBackground {
    background-color: #444444;
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 10;
}
#piedDePage {
    width: 80%;
    width: 989px;
    margin: auto;
    height: 50px;
    background-color: #444444;
    color: #ffffff;
}
#basPiedDePage {
    font-family: 'Accueil';
    text-align: left;
    margin: 0 auto;
    padding-top: 15px;
    font-size: 15px;
    letter-spacing: 0.5px;
    text-align: center;
}
#choixLangueEtVersionCode {
    width: 1000px;
    text-align: center;
    height: 60px;
    margin: 0 auto;
    padding-bottom: 10px;
}
#choixLangue {
    margin-left: 10px;
    width: 400px;
    position: relative;
}
.boutonLangue {
    font-size: 14px;
    color: #6d6d6d;
    text-decoration: none;
    margin: 0 5px 0 5px;
    cursor: pointer;
}
.boutonLangue:hover {
    text-decoration: underline;
}
#versionHOL {
    font-family: 'Accueil';
    margin: 5px 0 0 10px;
    font-size: 11px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.5px;
}
#basPiedDePage a {
    font-family: 'Accueil';
    font-size: 12px;
    margin: 0 5px 0 5px;
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    padding-right: 5px;
    font-size: 15px;
    letter-spacing: 0.5px;
}
.lienPiedDePage:hover {
    text-decoration: underline;
}
.separateurLienPiedDePage {
    font-size: 10px;
    position: relative;
    top: -2px;
}
#contenuBas #versionCode {
    font-size: 14px;
}
#choixLangue,
#versionCode {
    height: 40px;
    width: 250px;
    position: relative;
    font-family: Accueil;
    display: inline-block;
}
/****************************************************** JS désactivé */
#layoutMessageJavaScriptDesactive {
    height: 100%; 
    width: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    background-color: #ffffff;
    z-index: 15;
    opacity: 0.3;
}
#messageJavaScriptDesactive {
    font-size: 14px;
    font-weight: bold;
    color: #cc0022;
    background-color: #ffffff;
    border: 2px solid #cc0022;
    width: 400px;
    margin: 0 0 0 -200px;
	padding: 10px;
    position: absolute;
    top: 30%; 
    left: 50%;
    z-index: 16;
	-moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
    box-shadow: 0 0 5px 2px #b3b3b3;
    -moz-box-shadow: 0 0 5px 2px #b3b3b3;
    -webkit-box-shadow: 0 0 5px 2px #b3b3b3;
}
/************************************************* Personnalisation des popups pour la page d'accueil */
/************************************************* (les popups sont définis dans commun) **************/
#formulaireMotDePasseOublie .recommandation,
#popupMessageDeService .recommandation {
    font-size: 14px;
    margin-left: 30px;
}
/*#formulaireDemandeDeCompte .recommandation {
    font-size: 14px;
    margin-left: 23px;
}
/* Formulaire mot de passe oublié */
#formulaireMotDePasseOublie {
    width: 350px;
    margin: -190px 0 0 -171px;
    height: auto;
}
#formulaireMotDePasseOublie label {
    float: left;
    margin-left: 30px;
} 
#formulaireMotDePasseOublie input[type="text"] {
    width: 230px;
    float: right;
    margin-right: 30px;
}
/* Demande de compte 
#formulaireDemandeDeCompte .blocDInput {
    width: 95%;
}
.titreBloc {
    margin-left: 23px;
    font-weight: bold;
    font-size: 14px;
}
#formulaireDemandeDeCompte {
    width: 620px;
    margin: -190px 0 0 -310px;
}
#formulaireDemandeDeCompte #societeEtCompte {
    overflow-y: scroll;
    height: 420px;
}
#formulaireDemandeDeCompte #societeEtCompte #communiquerAvecLaSociete,
#formulaireDemandeDeCompte #societeEtCompte #diversSociete,
#formulaireDemandeDeCompte #societeEtCompte #diversCompte {
    display: none;
}
*/
/* Condition générales */
#conditionsGenerales {
    width: 800px;
    top: 12%;
    left: 50%;
    margin-left: -400px;
    z-index: 12;
}
#texteConditionsGenerales {
    overflow-y: scroll;
    height: 560px;
    padding: 10px;
    font-size: 11px;
}
#texteConditionsGenerales h4 {
    display:block !important;
    margin: 0;
}
#texteConditionsGenerales h5 {
   font-size: 11px;
   margin: 5px;
}
#conditionsGenerales input[type="button"] {
    margin: 10px 0;
}
/* Message de service */
#popupMessageDeService {
    width: 450px;
    margin: -190px 0 0 -225px;
    height: auto;
    top: 45%;
    text-align: center;
    padding-bottom: 20px;
    z-index:1001;
}
#popupMessageDeService .recommandation {
    margin-left: 20px;
    margin-right: 20px;
}
/* Merci de votre visite */
#popupMerciDeVotreVisite {
    display: none;
    position: absolute;
    top: 30%; 
    left: 50%;
    width: 150px;
    margin: 0 0 0 -75px;
    border: 1px solid #6d4466;
	padding: 15px;
    text-align: center;
    font-size: 16px;
    background: #ffffff;
    z-index: 13;
	-moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
    color: #6d4466;
}

/********************Authentification rapide (fonctionnalité interne)*******/

#authentificationRapide {
    margin: 10px 10px 0 0;
    color: #d6d6d6;
    padding: 3px;
    display: none;
    color: #000000;
    width: 100%;
    height: 90px;
    line-height: 10px;
    border: 1px solid #96D390;
    background: #AAA9A4;
}
#authentificationRapide.viti {
    border: 1px solid #0099cb;
   
}
#titreAuthentificationRapide {
    font-size: 11px;
    text-align: center;
    margin-bottom: 5px;
}
.uneAuthentificationRapide,
.uneAuthentificationRapideVide {
    padding-left: 14px;
    font-size: 10px;
    display: inline-block;
    width: 70px;
    height: 25px;
    padding-right: 14px;
    box-sizing: initial;
}
.uneAuthentificationRapide {
    background: url("/ressource/image/commun/petitIconeUtilisateur.png") no-repeat;
    cursor: pointer;
}
.uneAuthentificationRapideVide, 
.uneAuthentificationRapide:hover {
    background: url("/ressource/image/commun/petitIconeUtilisateurHover.png") no-repeat;
    color: #d6d6d6;
}
#fenetreAuthentification {
    width: 520px;
    margin: -160px 0 0 -260px;
    background: #FFFFFF;
    height: auto;
    font-family: 'Accueil';
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    overflow: hidden;
}
/********************Diaporama descriptif*******/
#phraseDecouvrezNosDescriptifs {
    font-size: 40px;
    color: #949494;
    margin: 20px 0 20px;
}
#phraseDetailsDecouvrezNosDescriptifs {
    font-size: 24px;
    color: #a5a5a5;
    margin: 0 0 20px 350px;
}
#carousel {
    top: 110px;
	position: relative;
    width: 650px;
    height: 410px;
    overflow: hidden;
    margin: 70px 0 0 175px;
    box-shadow: 0px 5px 10px 0px rgba(119, 119, 119, 0.75);
    -moz-box-shadow: 0px 5px 10px 0px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(119, 119, 119, 0.75);
    border-width: 10px;
    /* border-style: inherit; */
    border: 4px solid #f5f5f5;
    z-index: 6;
    background: url("/ressource/image/accueil/authentification/backgroundMilieu3.png");
}
#carousel.contact {
    height: auto;
}
#formulaireDeContact {
    width:100%;
    height: 100%;
    background-color: #f5f5f5;

}
.diapositive {
	float: left;
	position: relative;
	height: 100%;
	
}
.titreDiapositive {
	position: absolute;
	bottom: 0;
    opacity: 0.7;
	width: 100%;
	height: 100px;
	padding: 0 0 10px 10px;
}

.titrePlante,
.elementTitre {
	color: #110F0F;
    padding: 5px;
    left: 190px;
    position: absolute;
    width: 34%;
    font-size: 18px;
    font-weight: bold;
    top: 5px;
}
#precedent, 
#suivant {
	width: 60px;
    height: 60px;
    cursor: pointer;
    position: absolute;
    top: 336px;
    z-index: 5;
    border-radius: 40px;
}

#precedent.viti, 
#suivant.viti {
    border-radius: 0px!important;
}
#precedent {
	left: 145px;
    background: url('/ressource/image/accueil/authentification/precedent.png') 6px  no-repeat  #999999;
    
}
#suivant {
	left: 803px;
    background: url('/ressource/image/accueil/authentification/suivant.png') 32px  no-repeat  #999999;
   
}

#precedent.viti {
	left: 145px;
    background: url('/ressource/image/accueil/authentification/fleche-gauche.png') 0px  no-repeat  #aaaaaa;
    
}
#suivant.viti {
	left: 803px;
    background: url('/ressource/image/accueil/authentification/fleche-droite.png') 32px  no-repeat  #aaaaaa;
   
}
#precedent.viti:hover,
#suivant.viti:hover {
	/*background: url('/ressource/image/commun/suivantHover.png') no-repeat;*/
	-webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;   
    -webkit-box-shadow:0px 0px 10px #0197ca;
    -moz-box-shadow: 0px 0px 10px #0197ca;
    box-shadow: 0px 0px 10px #0197ca;
}
#precedent:hover,
#suivant:hover {
	/*background: url('/ressource/image/commun/suivantHover.png') no-repeat;*/
	-webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;   
    -webkit-box-shadow:0px 0px 10px #8ac469;
    -moz-box-shadow: 0px 0px 10px #8ac469;
    box-shadow: 0px 0px 10px #8ac469;
}
.carouselIndicateur {
    list-style: none outside none;
    display: inline;
    position: absolute;
    z-index: 5;
    width: 100%;
   min-width: 850px;
}
.carouselIndicateur li {
    background: rgba(221, 221, 221, 1);
    border-radius: 5px 5px 5px 5px;
    display: block;
    height: 10px;
    margin-left: 10px;
    text-indent: -999px;
    width: 10px;
    float:left;
    cursor: pointer;
}
.carouselIndicateur li.viti {
    border-radius: 0px 0px 0px 0px!important;  
}
.carouselIndicateur li:first-child:not(.lgi) {
   
    margin-left: 33.5% !important;
    
}
.carouselIndicateur li:last-child:not(.lgi) {
   
    margin-right: 30% !important;
    
}
#contenuIndicateurCarousel{
    height: 50px;
    margin: 10px auto;
    width: 850px;
    position: relative;
    padding-left: 100px;
}
#arrierePlanDeGauche {
    left: 3px;
    background: url('/ressource/image/accueil/authentification/backgroundGauche.png') no-repeat;
    width: 500px;
    top: 149px;
}
#arrierePlanDeDroite {
    left: 834px;
    background: url('/ressource/image/accueil/authentification/backgroundDroite.png') no-repeat;
    width: 236px;
    top: 145px;
    
}

#arrierePlanDeDroite,
#arrierePlanDeGauche {
    position: absolute;
    height: 430px;
}


#arrierePlanDeGauche.viti {
    left: -26px;
    background: url('/ressource/image/accueil/authentification/slide-gauche.png') no-repeat;
    width: 500px;
    top: 160px;

}
#arrierePlanDeDroite.viti {
    left: 834px;
    background: url('/ressource/image/accueil/authentification/slide-droite.png') no-repeat;
    width: 236px;
    top: 145px;
    
}

#banniereContact {
    width: 100%;
    height: 156px;
    font-family: 'Accueil';
}

#banniereContact img {
   padding-top:10px;
}
#infosContact {
    width: 100%;
    height: 108px;
    position: absolute;
    left: 45%;
    top: 0px;
}

.laGraine {
    position: absolute;
    font-size: 25px;
    margin-left: 10px;
    font-weight: bold;
}

.adresseLaGraine {
    position: absolute;
    top: 30%;
    width: 25%;
    margin-left: 10px;
}
.telEtFax {
    position: absolute;
    top: 58%;
    font-size: 25px;
    margin-left: 8px;
    font-weight: bold;
}
.telLaGraine {
    position: absolute;
    top: 85%;
    margin-left: 10px;
    
}
.faxLaGraine {
    position: absolute;
    top: 98%;
    margin-left: 10px;
}
#separationContact {
    width: 100%;
    height: 34px;
    background-color: #52ac31;
}
#separationContact span {
    font-size: 30px;
    width: 100%;
    left: 38%;
    position: absolute;
    font-weight: bold;
    color: white;
}
#separationContact.viti {
    background-color: #189ace!important;
}

#formulaireContactezNous {
    height: auto;
    position: absolute;
    top: 15px;
    width: 100%;
}
.ligneLabel,
.ligneLabelviti {
    display:block!important;
    width:100%!important;
}

.ligneLabel label {
    display: block;
    width: 50%;
    background: #f50568;
    height: 20px;
    font-size: 20px;
    padding-left: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    color:White;
}
.ligneLabelviti label {
    display: block;
    width: 50%;
    background: #5d5d5b;
    height: 20px;
    font-size: 20px;
    padding-left: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    color:White;
}

.ligneLabel input[type="text"] ,
.ligneLabelviti input[type="text"]{
    width:94%;
    margin-left: 5%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.ligneLabel input[type="radio"],
.ligneLabelviti input[type="radio"]{
    margin-left:35px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.ligneLabel  span,
.ligneLabelviti span {
    font-size:20px;
    
}

.ligneLabel textarea,
.ligneLabelviti textarea {
    width:94%;
    margin-left: 5%;
    margin-top:2px;
    resize: none;
    height: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.envoieContact {
    position: absolute;
    bottom: 55px;
    left: 64%;
    background: url('/ressource/image/accueil/authentification/draw-triangle2.png') no-repeat 5px #68c433!important;
}
.envoieContactviti {
    position: absolute;
    top: 90%;
    left: 64%;
    background: url('/ressource/image/accueil/authentification/draw-triangle2.png') no-repeat 5px #0099cb!important;
}
.annulerContact {
    position: absolute;
    top: 520px;
    left: 50%;
}
.annulerContactviti {
    position: absolute;
    top: 90%;
    left: 50%;
}

.raffraichirCaptcha {
    background: url('/ressource/image/accueil/authentification/refresh-icone.png') no-repeat 5px #68c433!important;
    width: 46px!important;
    position: absolute!important;
    top: 81%!important;
    left: 23%!important;
    }

.raffraichirCaptchaviti {
    background: url('/ressource/image/accueil/authentification/refresh-icone.png') no-repeat 5px #0099cb!important;
    width: 46px!important;
    position: absolute!important;
    top: 80%!important;
    left: 24%!important;
}
#mc-canvas {
    margin-left: 5%;
    margin-top: 15px;
    border-color: grey;
    border-width: 50px;
    border: 2px solid lightgrey;
}
.infosCaptcha {
    background: url('/ressource/image/accueil/authentification/Question_mark.png') no-repeat 5px #c40658!important;
    width: 46px!important;
    position: absolute!important;
    left: 36%!important;
    top: 72%!important;
}
.infosCaptchaviti {
    background: url('/ressource/image/accueil/authentification/Question_mark.png') no-repeat 5px #666666!important;
    width: 46px!important;
    position: absolute!important;
    top: 72%!important;
    left: 36%!important;
}
.envoiDesactive
{
    background: lightgrey!important;
    border-top: lightgrey!important;
    color: black;
    left: 64%!important;
}
.contact #mc-form {
    height: auto;
    position: relative;
}
#authentificationRapide{
    position: absolute;
    top: 211px;
    z-index: 1050;
    width: 500px;
    margin: auto;
    height: initial;
    left: 34%;
}


.spanResterConnecte {
    width: 40%;
    height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    text-align: right;
    margin-left: 18px;
}
.spanMotDePasseOublie {
    width: 40%;
    height: 20px;
    float: right;
    text-align: right;
    position: relative;
    margin-top: 15px;
    display: block;
    margin-left: 45px;
}
@font-face {
	font-family: 'modele1Normal';
	src: url('/ressource/css/accueil/authentificationSpecifique/TerminalDosis-Regular.ttf');

}
@font-face {
	font-family: 'modele1Light';
	src: url('/ressource/css/accueil/authentificationSpecifique/TerminalDosis-Light.ttf');

}
@font-face {
	font-family: 'modele1Footer';
	src: url('/ressource/css/accueil/authentificationSpecifique/Helvetica.ttf');

}
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap');



@media (max-width: 1000px) {
.center{}
.center-inner{left:0px;position:absolute;width:100%;height:840px;margin-top:0px}
#piedDePage.modele1 {left:0px;position:absolute;width:100%;}
}
@media (min-width: 1000px) {
.center{left:50%;top:0px;position:absolute;}
.center-inner{margin-left:-250px;height:300px;text-align:center;margin-top:0px; max-height:840px ;min-height: 840px}
#piedDePage.modele1 {text-align:center;}
}
@media (max-height: 820px){
    .lgi #connexionmodele1 {
        top: 300px !important;
    }
    #piedDePage.modele1 {
        height: 90px !important;
        width: auto;
    }
    #basPiedDePage.modele1 a {
        margin-top: 10px !important;
    }
}

@media screen and (max-device-width: 1152px) {
    #contenuIndicateurCarousel.modele1 {
        top: 770px!important;
    }
     #contenu.modele1 {
        width: 100% !important;
    }
    #piedDePage.modele1 {
        width: 100% !important;
    }
    #carousel.modele1  {
       width: 100% !important;
    }
    #versionmodele1 {
        margin-right: 291px !important;
    }
    #indicateur.modele1 {
        left: 910px !important;
    }
    #versionCodemodele1{
        width: 280px !important;
    }
    #logoLagraine {
         width: 330px !important;
    }
    #contenuIndicateurCarousel {
        width: 722px !important;
    }
}
@media screen and (max-device-width: 1024px)  {
    Body {
        overflow-x: auto !important; 
    }
    .modele1 > .separateur {
        margin-left: 10px!important;
        margin-right: 10px!important;
    }
    #choixLanguemodele1 {
        margin-left: 200px!important;
    }
    #contenu.modele1 {
        width: 100% !important;
    }
    #piedDePage.modele1 {
        width: 100% !important;
    }
    #versionCodemodele1{
        width: 250px !important;
    }
    
    #logoLagraine {
         width: 280px !important;
    }
    #logomodele1 {
         width: 600px !important;
    }
    #logomodele1Authentification {
         width: 60px !important;
    }
    #contenuIndicateurCarousel.modele1 {
        width: 590px !important;
    }
    #indicateur.modele1 {
        left: 770px !important;
    }
    .modele1SeConnecter {
         margin-left: 0 !important;
    }
    
     #motDePasseOubliemodele1 {
      
        float: left!important;
        right: 35px!important;
      
    }
    .labelResterConnecte  {
      
      font-size: 10px!important;
      
    }
    .labelResterConnecteidSystem
    {
        color:#a30f6e!important;
    }
    .spanMotDePasseOublie{
       
        width: 100%!important;
        float: none!important;
        display: inline-block!important;

    }
    #spanResterConnectemodele1 {
        width: 45%!important;
        display:block;
    }
    
     #spanMotDePasseOubliemodele1 {
        margin-left: 76px!important;
        
    }
}
@media screen and (max-device-width: 1152px) or (max-device-width: 1440px) {
    .modele1 > .separateur {
        margin-left: 15px!important;
        margin-right: 15px!important;
    }

    
}


@media screen and (max-device-width: 1920px) and (width: 1920px)  {
    #contenuIndicateurCarousel.modele1 {
        top: 84%!important;
    }
    
}


@media screen and (max-device-height: 1024px) {
   .center-inner{
       min-height: 833px !important;
   }
}

@media screen and (max-device-height: 960px) {
   .center-inner{
       min-height: 760px !important;
   }
   #carousel.modele1  {
       height: 530px !important;
   }
   #connexionmodele1  {
       height: 530px !important;
   }
   #contenuIndicateurCarousel.modele1 {
       top: 675px !important;
   }
}


@media screen and (max-device-height: 900px) {
   #carousel.modele1  {
       height: 464px !important;
   }
   #connexionmodele1  {
       height: 464px !important;
   }
   #contenuIndicateurCarousel.modele1 {
       top: 605px !important;
   }
   #authentification {
      margin-top: 35px !important;
   }
  #logomodele1Authentification {
    margin-top: 95px !important;
   }
   .center-inner{
       min-height: 700px !important;
   }
   
}
@media screen and (max-device-height: 864px) {
   .center-inner{
       min-height: 650px !important;
   }
   #contenuIndicateurCarousel.modele1 {
       top: 555px !important;
   }
}
@media screen and (max-device-height: 800px) {
    #carousel.modele1  {
       height: 368px !important;
   }
   #connexionmodele1  {
       height: 368px !important;
   }
   #contenuIndicateurCarousel.modele1 {
       top: 495px !important;
   }
   #authentification {
      margin-top: 3px !important;
   }
  #logomodele1Authentification {
    margin-top: 35px !important;
   }
   .center-inner{
       min-height: 600px !important;
   }
  
}

@media screen and (max-device-height: 768px) {
   #carousel.modele1  {
       height: 335px !important;
   }
   #connexionmodele1  {
       height: 335px !important;
   }
   #contenuIndicateurCarousel.modele1 {
       top: 462px !important;
   }
   #authentification {
      margin-top: 0px !important;
   }
  #logomodele1Authentification {
    margin-top: 30px !important;
   }
   .center-inner{
       min-height: 554px !important;
   }
   #identifiantLogin.modele1,  #motDePasseLogin.modele1 { 
    height: 25px !important;
   } 
   #identifiantLogin.modele1 { 
       background-position-y: 7px !important;
   } 
   #motDePasseLogin.modele1  {
       background-position-y: 5px !important;
   }
  
}
@media screen and (max-device-height: 720px) {
  #carousel.modele1  {
       height: 290px !important;
   }
   #connexionmodele1  {
       height: 290px !important;
   }
   #contenuIndicateurCarousel.modele1 {
       top: 415px !important;
   }
   #authentification {
      margin-top: 0px !important;
   }
  #logomodele1Authentification {
    margin-top: 30px !important;
    width: 45px;
   }
   .center-inner{
       min-height: 525px !important;
   }
   #identifiantLogin.modele1,  #motDePasseLogin.modele1 { 
    height: 25px !important;
   } 
   #identifiantLogin.modele1 { 
       background-position-y: 7px !important;
   } 
   #motDePasseLogin.modele1  {
       background-position-y: 5px !important;
   }
  
}
@media screen and (max-device-height: 600px) {
   #contenu.modele1 {
       padding-top: 0px !important;
   }
   
   #carousel.modele1  {
       height: 268px !important;
   }
   #connexionmodele1  {
       height: 268px !important;
       top: 132px !important;
   }
   #contenuIndicateurCarousel.modele1 {
       top: 355px !important;
   }
   #authentification {
      margin-top: 0px !important;
   }
  #logomodele1Authentification {
    margin-top: 27px !important;
    width: 40px;
   }
   .center-inner{
       min-height: 510px !important;
   }
   #identifiantLogin.modele1,  #motDePasseLogin.modele1 { 
    height: 25px !important;
   } 
   #identifiantLogin.modele1 { 
       background-position-y: 7px !important;
   } 
   #motDePasseLogin.modele1  {
       background-position-y: 5px !important;
   }
    
    #logoLagraine, #logomodele1 {
         height: 100px !important;
    }
    #piedDePage.modele1 {
        height: 110px !important;
    }
    #basPiedDePage.modele1 a {
        margin-top  : 4px!important;
    }
    
    .banniereSite.modele1 {
        height: 132px !important;
        margin-top: -15px !important;
    }
    
}


#authentificationSpecifiquemodele1 .nomSociete {
    font-size: 36px;
}
#authentificationSpecifiquemodele1 #slogan {
    top: 70px !important;
}
#contenu.modele1 {
    font-family: 'Accueil';
    margin: auto;
    width:1280px;
    height: 480px;
    position: relative;
    padding-top: 90px;
}
#logomodele1 {
    margin: 30px 0 0 85px;
    position: relative;
}
#logoLagraine {
    margin: 30px 0 0 0;
    position: relative;
}

.banniereSite.modele1 {
    height:216px;
    background-color:#ffffff;
}

#piedDePage.modele1 {
    height: 140px;
    width: 1280px;
    background-color: #f8f8f8;
    font-family: 'modele1Footer';
    font-size:14px!important;
    position: relative!important;
}
#piedDePageBackground.modele1 {
    background-color: #ffffff !important;
    z-index: 15 !important;
    position: relative;
    float:left;
}

#carousel.modele1 {
    top:0px!important;
    width: 100%;
    height: 700px;
    margin: 0 0 0 0!important; 
    border: 0px none !important;
    box-shadow: 0px 5px 10px 0px rgba(255, 255, 255, 0.75)!important;
    -moz-box-shadow: 0px 5px 10px 0px rgba(255, 255, 255, 0.75)!important;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(255, 255, 255, 0.75)!important;
}

#basPiedDePage.modele1 a {
    color: #3a3b3d;
    font-family: 'modele1Footer';
    font-size:14px!important;
    display: inline-block;
    margin-top: 30px;
    vertical-align: super;
}

.modele1 > .premierLien {
    margin-left: 10%;
}
.modele1 > .dernierLien {
    float : right;
    margin-right: 10%;
}

.modele1 >.separateur {
    height: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

#versionmodele1 {
    color: #3a3b3d;
    width: 20%;
    /* text-align: left; */
    /*display: inline-block;*/
    text-align: center;
    /*margin-top: 25px;*/
    font-family: 'modele1Footer';
    font-size:11px;
    float: right;
    margin-top: 25px;
    margin-right: 350px;
}

#choixLanguemodele1 {
    float: left;
    margin-left: 400px;
    margin-top: 25px;
    width: 20%;
}

.boutonLanguemodele1 {
    font-size: 14px;
    color: #3a3b3d;
    text-decoration: none;
    margin: 0 5px 0 5px;
    cursor: pointer;
}
.boutonLanguemodele1:hover {
    text-decoration: underline;
}

#connexionmodele1 {
    position: absolute;
    background-color: #0669b0;
    width: 335px;
    height: 606px;
    top: 191px;
    z-index: 16;
    opacity: 0.9;
    left: 215px;
    text-align: center;
}
#divDeConnexion.modele1 {

    margin-left: 0px;
    padding-left: 22px;
    margin-top: 10px;
    height: 170px;
    margin-top: 275px;

}
#identifiantLogin.modele1,  #motDePasseLogin.modele1 
{
    line-height: 1.5em!important;
    color: #3a3b3d;
    font-size: 17px!important;
    font-family: 'modele1Light';
    border: 1px solid #FFFFFF;
    background: #ffffff;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    height: 37px;
    width: 210px;
    margin-top:27px;

} 
#identifiantLogin.modele1 {
    background: url('/ressource/image/accueil/authentification/ic_mail.png') no-repeat scroll 7px 12px #ffffff;
    padding-left:30px;
    margin-top: 15px!important;
}
#motDePasseLogin.modele1 {
    background: url('/ressource/image/accueil/authentification/ic_mdp.png') no-repeat scroll 7px 8px #ffffff;
    padding-left:30px;
    margin-top: 15px!important;
}
#identifiantLogin.idSystem {
    background: url('/ressource/image/accueil/authentification/ic_user_purple.png') no-repeat scroll 7px 12px #f4f1ee;
    padding-left:30px;
    margin-top: 15px!important;
}
#motDePasseLogin.idSystem {
    background: url('/ressource/image/accueil/authentification/ic_mdp_purple.png') no-repeat scroll 7px 8px #f4f1ee;
    padding-left:30px;
    margin-top: 15px!important;
}
/*#connexionmodele1 input::-webkit-input-placeholder { /* WebKit browsers */
  /*line-height: 1.5em!important;
  color: #3a3b3d!important;
  font-size: 17px!important;
  font-family: 'modele1Light'!important;
}
#connexionmodele1 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  /*line-height: 1.5em!important;
  color: #3a3b3d!important;
  font-size: 17px!important;
  font-family: 'modele1Light'!important;
}
#connexionmodele1 input::-moz-placeholder { /* Mozilla Firefox 19+ */
  /*line-height: 1.5em!important;
  color: #3a3b3d!important;
  font-size: 17px!important;
  font-family: 'modele1Light'!important;
}
#connexionmodele1 input:-ms-input-placeholder { /* Internet Explorer 10+ */
 /* line-height: 1.5em!important;
  color: #3a3b3d!important;
  font-size: 17px!important;
  font-family: 'modele1Light'!important;
}*/

#divResterConnecter.modele1 {
    height: 150px;
}
#resterConnecter.modele1 {
    color:#ffffff!important;
    font-size: 13px!important;
    font-family: 'modele1Light';
    cursor: pointer;
    width: 13px;
    height: 13px;
    left : 0!important;
    position: relative!important;
}
#motDePasseOubliemodele1 {
    float: right; 
    color:#ffffff!important;
    font-size: 13px!important;
    font-family: 'modele1Light';
    cursor: pointer;
    text-decoration: underline;
    position: relative!important;
    right: 65px;
    margin-top: -3px;
}


.modele1SeConnecter:hover {
    -webkit-box-shadow:0px 0px 10px #ffffff!important;
    -moz-box-shadow: 0px 0px 10px #ffffff!important;
    box-shadow: 0px 0px 10px #ffffff!important;
}
.modele1SeConnecter {
    border-color: rgb(255, 255, 255)!important;
    border-bottom-style: solid!important;
    border-width: 2px!important;
    border-radius: 0px!important;
    height: 35px;
    color: #ffffff;
    font-size: 18px!important;
    font-family: 'modele1Normal'!important;
    width: 240px;
    margin-left: -21px;
    margin-top: 20px;
}

.modele1SeConnecteridSystem
{
    border-color: rgb(255, 255, 255)!important;
    border-bottom-style: solid!important;
    border-width: 2px!important;
    border-radius: 0px!important;
    height: 35px;
    color: #ffffff!important;
    font-size: 24px!important;
    font-family: 'modele1Normal'!important;
    width: 240px;
    margin-left: -21px;
    margin-top: 20px;
    background: #a30f6e;
}
#labelResterPagemodele1 {
    font-size: 13px!important;
    font-family: 'modele1Light';
    font-weight: inherit!important;
    color: #ffffff!important;
}

#logomodele1Authentification {
    margin-top: 155px;
    margin-right: 0;
    opacity: 10!important;
}

#authentification {
    margin-top: 90px;
    position: absolute;
    color: #ffffff;
    font-size: 22px;
    font-family: 'modele1Normal'!important;
    left: 84px;
}
label.idSystem
{
    color: #000000!important;
    font-size: 30px!important;
    left: 52px!important;
}
#contenuIndicateurCarousel.modele1 {
    position: absolute!important;
    top: 80%;
    z-index: 9!important;
    padding-left: 430px!important;
    overflow: hidden;
}
li.modele1 {
    float: none!important;
    display: inline-block!important;
    height:6px!important;
    width: 6px!important;
    border-style: solid;
    border-radius: 30px;
    border-color:#ffffff!important;
    background-color: #D7D8D7;
    margin-left: 2px;
    border-width: 2px;
}
li.modele1:first {
    background-color: #000000;
}
#indicateur.modele1 {
    min-width: 290px!important;
    max-width: 290px!important;
    left: 1030px;
}
#messageErreurLogin.modele1 {
    top : 25px;
    left: 195px;
}
#versionCodemodele1{
    color: #3a3b3d;
    width: 325px;
    display: block;
    text-align: center;
    font-family: 'modele1Footer'!important;
    font-size: 11px;
    margin-top: -13px;
    position: relative;
    float: right;
    margin-right: 72px;
}

.modele1Diapo {
        width:100%;
}

img.diaporamaIdSystemes {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20;
}

#rslidesIdSystemes
{
    height:100%;
    z-index: -100;
}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs
{
    margin-top: -111px;
    z-index: 179;
}
.right-btns_nav {
  opacity: 1 !important;
}
.right-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }
  
.diapositiveIdSystemes
{
    opacity: 0 ;
}
  
  .right-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
    text-align: right !important;
    z-index: 20;
    position: relative !important;
    border-width: 2px;
    position: absolute;
    right: 60px;
    bottom: 120px;
  }

.right-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

    .right-btns_tabs a,
    .transparent-btns_tabs a,
    .large-btns_tabs a {
        text-indent: 40px;
        overflow: hidden;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        display: inline-block;
        _display: block;
        *display: block;
        height: 10px !important;
        width: 10px !important;
        border-style: solid;
        border-radius: 30px;
        border-color: #ffffff;
        background-color: #D7D8D7;
        margin-left: 2px;
        border-width: 2px;
    }

.right-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
      background: #000000;
}
#contenu.modele1.lgi {
    font-family: 'Raleway', sans-serif !important;
}
.lgi #logoLagraine {
    margin: 90px auto auto;
}
.lgi #connexionmodele1 {
    height: 330px;
    opacity: 1;
    background: rgba(255, 255, 255, 0.83);
    border-radius: 10px;
    top: 349px;
    left: 470px;
}
.lgi #authentification {
    text-transform: uppercase;
    margin: auto;
    top: 58px;
    color: #0069b3;
    left: 80px;
    font-family: 'Raleway' !important;
    font-weight: 700;
    font-style: normal;
}
.lgi #logomodele1Authentification {
    position: absolute;
    margin: 0;
    top: -45px;
    right: 123px;
}
.lgi .modele1SeConnecter{

}
.lgi #divDeConnexionmodele1 {
    position: absolute;
    top: 80px;
}
.lgi #identifiantLogin.modele1, .lgi #motDePasseLogin.modele1 {
    color: #3a3b3d;
    font-size: 17px !important;
    border: 1px solid #cdcdcd;
    background: none;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    height: 37px;
    width: 210px;
    margin-top: 20px !important;
}
.lgi #divResterConnecter {
    margin-top: 0px !important;
}
.lgi .modele1SeConnecter {
    text-transform: uppercase;
    border: none !important;
    height: 38px;
    color: #ffffff !important;
    font-size: 16px !important;
    width: 240px;
    margin-left: -21px;
    margin-top: 20px;
    background: #0069b3;
    font-family: 'Raleway' !important;
    font-weight: 700;
}
.lgi .modele1SeConnecter:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.lgi .spanResterConnecte, .lgi .spanMotDePasseOublie {
    margin-top: 5px;
}
.lgi #motDePasseOubliemodele1, .lgi #labelResterPagemodele1 {
    color: #9d9696 !important;
    font-size: 11px !important;
    font-family: 'Raleway' !important;
    cursor: pointer;
    text-decoration: none !important;
    position: relative !important;
    right: 50px;
    margin: 0px !important;
    font-weight: normal !important;
    float: none;
}
.pageCompletePersonnaliser {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
/*spécification page accueil idinterne*/
div.idinternePageComplete {
    background: rgb(226, 226, 226);
    font-family: Raleway !important;
}
.idinterne#contenu.modele1 {
    min-height: 745px;
}
.idinterne #piedDePage.modele1 {
    height: 100px;
    background: rgb(226, 226, 226);
}
.idinterne#contenu.modele1, .idinterne #piedDePage.modele1 {
    width: 1458px;
    font-family: 'Raleway' !important;
}
.idinterne .banniereSite.modele1 {
    height: 160px;
    background: rgb(226, 226, 226);
}
.idinterne #connexionmodele1 {
    top: 135px;
    width: 450px;
    left: 0;
    background-color: #fff;
    opacity: 1;
    height: 700px;
}
.idinterne #carousel.modele1 {
    float: right;
    width: 1008px;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.idinterne #identifiantLogin.modele1, .idinterne #motDePasseLogin.modele1 {
    border-width: 1px;
    border-color: rgb(205, 205, 205);
    border-style: solid;
    width: 302px;
    padding-left: 50px;
    font-family: Raleway !important;
}

.idinterne .modele1SeConnecter {
    font-size: 16px !important;
    color: rgb(255, 255, 255) !important;
    text-transform: uppercase;
    background: rgb(0, 105, 179);
    width: 355px;
    height: 41px;
}
.idinterne #labelResterPagemodele1, .idinterne #motDePasseOubliemodele1 {
    font-size: 14px !important;
    color: rgb(157, 150, 150) !important;
    font-family: Raleway !important;
    font-weight:normal !important;
}
.idinterne #authentification {
    font-size: 24px;
    color: rgb(0, 105, 179);
    text-transform: uppercase;
    margin-top: 34px;
    display: block;
    font-family: Raleway !important;
    position: relative;
    left: 0;
}
.idinterne .spanResterConnecte {
    text-align: left;
    margin-left: 22px;
}
.idinterne #logomodele1Authentification {
    margin: 0;
    margin-top: 100px;
}
#piedDePageBackground.modele1.idinterne {
    background: none !important;
    font-family: Raleway !important;
}
.idinterne #piedDePage.modele1 {
    font-family: Raleway !important;
}
.idinterne #choixLanguemodele1 {
    text-align: initial !important;
    margin-left: 0px !important;
    float: left;
    width: 31%;
    color: rgb(157, 150, 150);
    line-height: 2.5;
}
.idinterne #versionmodele1 {
    font-size: 12px;
    color: rgb(157, 150, 150);
    line-height: 2.5;
    text-align: left;
    float: left;
    margin-right: 0;
    margin-left: 110px;
}
.idinterne #versionCodemodele1 {
    font-size: 12px;
    color: rgb(157, 150, 150);
    line-height: 2.5;
    margin-right: 0;
    text-align: right;
    margin-top: 25px;
}
.idinterne .boutonLanguemodele1.actif {
    color: rgb(0, 105, 179);
}
.idinterne .boutonLanguemodele1 {
    font-size: 14px;
    color: rgb(157, 150, 150);
}
/**************************************/

/*spécification page accueil Briand*/
div.briandPageComplete {
    background: rgb(226, 226, 226);
    font-family: 'Nunito Sans' !important;
}

.briand#contenu.modele1 {
    min-height: 745px;
}

.briand #piedDePage.modele1 {
    height: 100px;
    background: rgb(226, 226, 226);
    font-family: 'Nunito Sans' !important;
}

.briand#contenu.modele1, .briand #piedDePage.modele1 {
    width: 1458px;
    font-family: 'Nunito Sans' !important;
}

.briand .banniereSite.modele1 {
    height: 160px;
    background: rgb(226, 226, 226);
}

.briand #connexionmodele1 {
    top: 135px;
    width: 450px;
    left: 0;
    background-color: #fff;
    opacity: 1;
    height: 700px;
    font-family: 'Nunito Sans' !important;
}

.briand #carousel.modele1 {
    float: right;
    width: 1008px;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.briand #identifiantLogin.modele1, .briand #motDePasseLogin.modele1 {
    border-width: 1px;
    border-color: rgb(205, 205, 205);
    border-style: solid;
    width: 302px;
    padding-left: 50px;
    font-family: 'Nunito Sans' !important;
}

.briand .modele1SeConnecter {
    font-family: 'Nunito Sans' !important;
    font-size: 16px !important;
    color: rgb(255, 255, 255) !important;
    text-transform: uppercase;
    background: #ffd311;
    width: 355px;
    height: 41px;
}

.briand #labelResterPagemodele1, .briand #motDePasseOubliemodele1 {
    font-size: 14px !important;
    color: rgb(157, 150, 150) !important;
    font-family: 'Nunito Sans' !important;
    font-weight: normal !important;
}

.briand #authentification {
    font-size: 24px;
    color: #3a3b3d;
    text-transform: uppercase;
    margin-top: 34px;
    display: inline-block;
    font-family: 'Nunito Sans' !important;
    position: relative;
    left: 0;
    padding-left: 5px;
    border-left: 3px solid #ffd311;
}

.briand .spanResterConnecte {
    text-align: left;
    margin-left: 22px;
}

.briand #logomodele1Authentification {
    margin: 0;
    margin-top: 100px;
}

#piedDePageBackground.modele1.briand {
    background: none !important;
    font-family: 'Nunito Sans' !important;
}

.briand #piedDePage.modele1 {
    font-family: 'Nunito Sans' !important;
}

.briand #choixLanguemodele1 {
    text-align: initial !important;
    margin-left: 0px !important;
    float: left;
    width: 31%;
    color: rgb(157, 150, 150);
    line-height: 2.5;
}

.briand #versionmodele1 {
    font-size: 12px;
    color: rgb(157, 150, 150);
    line-height: 2.5;
    text-align: left;
    float: left;
    margin-right: 0;
    margin-left: 110px;
    font-family: 'Nunito Sans' !important;
}

.briand #versionCodemodele1 {
    font-size: 12px;
    color: rgb(157, 150, 150);
    line-height: 2.5;
    margin-right: 0;
    text-align: right;
    margin-top: 25px;
    font-family: 'Nunito Sans' !important;
}

.briand .boutonLanguemodele1.actif {
    color: #a9c400;
}

.briand .boutonLanguemodele1 {
    font-size: 14px;
    color: rgb(157, 150, 150);
    font-family: 'Nunito Sans' !important;
}
/**************************************/
@media screen and (max-device-width: 1024px)  {
   
    #connexionmodele2 {
        margin-left: 30%!important;
        margin-top: 9%!important;
    }
       
}
@media screen and (max-device-width: 1024px) and (width: 1024px)  {
    Body {
        overflow-x: scroll!important;
    }
    #contenuIndicateurCarousel.modele2 {
         margin-top: 80%!important;
    }
    #connexionmodele2 {
        
        margin-left: 64%!important;
        margin-top: 9%!important;

    }
     .modele2 > .dernierLien {
        margin-right: 7%!important;
    }
    .modele2 > .premierLien {
        margin-left: 3%!important;
    }
    .modele2 > .separateur {
        margin-left: 10px!important;
        margin-right: 10px!important;
    }
    #motDePasseOubliemodele2 {
      
        float: left!important;
        right: 35px!important;
      
    }
    
    #spanResterConnectemodele2 {
        width: 45%!important;
    }
    
    #spanMotDePasseOubliemodele2 {
        float: left !important;
        margin-top: 13px !important;
        margin-left: 40px !important;
        width: 40% !important;
    }
   
    #modele2SeConnecter {
      left: 2px!important;
    }
}

@media screen and (max-device-width: 1152px) or (max-device-width: 1440px) {
    .modele2 > .separateur {
        margin-left: 15px!important;
        margin-right: 15px!important;
    }
   
    .modele2 > .premierLien {
        margin-left: 25%!important;
    }
    .modele2 > .dernierLien {
        float : right;
        margin-right: 22%!important;
    }

}
@media screen and (max-device-width: 1152px) {
    #contenuIndicateurCarousel.modele2 {
         margin-top: 80%!important;
    }
   
    .modele2 > .premierLien {
        margin-left: 25%!important;
    }
    .modele2 > .dernierLien {
        float : right;
        margin-right: 22%!important;
    }

}
@media screen and (max-device-width: 1920px)  {
  
    .modele2 > .premierLien {
        margin-left: 3%!important;
    }
    .modele2 > .dernierLien {
        float : right;
        margin-right: 12%!important;
    }
 
}
@media screen and (max-device-width: 1920px)   {
    #connexionmodele2 {
        margin-left: 50%!important;
        margin-top: 9%!important;
    }
}

@media screen and (max-device-width: 1920px) and (width: 1920px)  
{    #connexionmodele2 {
        margin-left: 70%!important;
        margin-top: 14.6%!important;
    }
    
    #contenuIndicateurCarousel.modele2 {
         margin-top: 110%!important;
    }
   
    .modele2 > .premierLien {
        margin-left: 25%!important;
    }
    .modele2 > .dernierLien {
        float : right;
        margin-right: 22%!important;
    }
 
}




.banniereSite.modele2 {
    position: absolute;
    z-index: 7;
}
#contenu.modele2 {
    font-family: Arial!important;
    margin: auto;
    width: 100%!important;
    height: 480px;
    position: relative;
}

#logomodele2 {
    position: relative;
    margin-left: 180px;
    margin-top: 22px;
}

#carousel.modele2  {
    position: absolute;
    top:0px!important;
    width: 100%;
    height: 944px;
    margin: 0 0 0 0!important; 
    border: 0px none !important;
    box-shadow: 0px 5px 10px 0px rgba(255, 255, 255, 0.75)!important;
    -moz-box-shadow: 0px 5px 10px 0px rgba(255, 255, 255, 0.75)!important;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(255, 255, 255, 0.75)!important;
}

#connexionmodele2 {
    position: relative;
    background-color:  rgba(243, 187, 1, 0.67);
    width: 312px;
    height: 278px;
    z-index: 10;
    margin-left: 70%;
    margin-top: 14.6%;

}
#authentificationmodele2 {
    margin-top: 0px;
    position: relative;
    color: #ffffff;
    font-size: 16px;
    background: #006633;
    display: block;
    height: 30px;
    padding-top: 15px;
    font-family: Arial!important;
}

#identifiantLogin.modele2, #motDePasseLogin.modele2 {
    padding-left: 10px;
    margin-top: 15px!important;
    border: 1px solid #FFFFFF;
    background: #ffffff;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    height: 25px;
    width: 260px;
    margin-top:27px;
    font-family: Arial!important;
    font-size: 14px;
    color: #393939!important;
}

#divDeConnexionmodele2 {
    margin-top: 10px!important;
}

#labelResterPagemodele2 {
    font-size: 13px!important; 
    font-weight: inherit!important;
    cursor: pointer;
    font-size: 12px!important;
    font-family: Arial!important;
    color: #3a3933!important;
}
    
#resterConnecter.modele2 {
    
    color: #ffffff!important;
    font-size: 13px!important;
    cursor: pointer;
    left : 0!important;
    position: relative!important;
    
}
#modele2SeConnecter {
    display: block;
    position: relative;
    top: -9px;
    left: 2px;
    width: 272px;
    height: 30px;
}
.modele2SeConnecter:hover {
    -webkit-box-shadow:0px 0px 10px #ffffff!important;
    -moz-box-shadow: 0px 0px 10px #ffffff!important;
    box-shadow: 0px 0px 10px #ffffff!important;
}
.modele2SeConnecter {
   background: #006633;
   color: #ffffff!important;
   font-family: Arial!important;
    font-size: 15px;
}

#motDePasseOubliemodele2 {
    position: relative!important;
    text-decoration: underline;
    font-size: 12px!important;
    font-family: Arial!important;
    color: #3a3933!important;
}

#basPiedDePage.modele2 a {
    color: #3a3b3d!important;
    font-family: Arial!important;
    font-size:12px!important;
    display: inline-block;
    margin-top: 0px!important;
    vertical-align: super;
}

#piedDePage.modele2 {
    height: 35px;
    width: 100%!important;
    background-color: #f8f8f8!important;
    font-family: Arial!important;
    font-size:12px!important;
    position: relative!important;
}
#piedDePageBackground.modele2 {
    background-color: #ffffff!important;
    z-index:15!important;
    
}



.separateur {
    height: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

#messageErreurLogin.modele2 {
    left: 40%!important;
    top: 25px!important;
}

#versionmodele2 {
    cursor: default!important;
}

#choixLanguemodele2 {
    float: left;
    margin-left: 25%;
    margin-top: 25px;
    width: 20%;
    text-align: right;
}

.boutonLanguemodele2 {
    font-size: 10px;
    color: #3a3b3d;
    text-decoration: none;
    margin: 0 5px 0 5px;
    cursor: pointer;
    font-family: Arial!important;
}
.boutonLanguemodele2:hover {
    text-decoration: underline;
}

#contenuIndicateurCarousel.modele2 {
    height: 50px;
    margin: 10px auto;
    width: 850px;
    position: relative;
    padding-left: 100px;
    margin-top: 373px;
    margin-left: -890px;
}
li.modele2 {
    float: none!important;
    display: inline-block!important;
    height:10px!important;
    width: 10px!important;
    border-radius: 30px;
    background-color: #6f6c66;
    margin-left: 2px;
}
li.modele2:first {
    background-color: #40403a;
}
#indicateur.modele2 {
    min-width: 290px!important;
    max-width: 290px!important;
    left: 1030px;
}

.modele2Diapo {
        width:100%;
    }
#versionCodemodele2 {
    color: #3a3b3d!important;
    font-family: Arial!important;
    font-size: 12px!important;
    display: inline-block;
    margin-top: 0px!important;
    vertical-align: super;
}



#spanResterConnectemodele2 {
    width: 63%!important;
    margin-left: -53px;
}
@media screen and (max-device-width: 1024px)  {
   Body {
        overflow-x: hidden!important;
    }
    
 
    #contenuIndicateurCarousel {
      width: 23%!important;
    }
   
}


@media screen and (max-device-width: 1152px) or (max-device-width: 1440px) {
   

}
@media screen and (max-device-width: 1152px) {

}
@media screen and (max-device-width: 1920px)  {
  
  
}
@media screen and (max-device-width: 1920px)   {
    
}

@media screen and (max-device-width: 1920px) and (width: 1920px)  {   
    #motDePasseOubliemodele3 {
        display: inline-block!important;
        top: 0px !important;
        top: 5px;
        left: 35px!important;
    }
}



@media (max-width: 1000px) {
.center{}
.center-inner3{left:0px;position:relative;width:100%;height:100%!important;margin-top:0px}
}
@media (min-width: 1000px) {
.center{left:50%;top:0px;position:absolute;}
.center-inner3{margin-left:0!important;height:100%!important;/*text-align:center;*/margin-top:0px; max-height:100%!important ;min-height:100% !important}

}


@font-face {
	font-family: 'modele3Connexion';
	src: url('/ressource/css/accueil/authentificationSpecifique/Hero.otf');

}

body {
  min-width: 1024px!important;
  min-height: 768px!important;
}
.sloganmodele3 {
    top: 113px!important;
    position: relative!important;
    font-family: modele3Connexion!important;
    font-size: 20px;
    width: 100%;
    left:5px;

}
#contenu.modele3 {
    width: 100%!important;
    height: 100%!important;
    position: relative!important;
    top: 0!important;
    left: 0!important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}


#logomodele3 {
    top: 0!important;
    position: absolute!important;
    left: 0!important;
    width: 100%!important;
}

#carousel.modele3  {
    width: 77%!important;
    height: 100%!important;
    position: relative!important;
    left: 23%!important;
    margin: 0 0 0 0!important;
    border: 0 none!important;
    top: 0!important;
    box-shadow: 0px 5px 10px 0px rgba(255, 255, 255, 0.75)!important;
    -moz-box-shadow: 0px 5px 10px 0px rgba(255, 255, 255, 0.75)!important;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(255, 255, 255, 0.75)!important;
}

#connexionmodele3 {
  width: 23%!important;
  position: absolute!important;
  top: 0!important;
  min-width: 248px;
  z-index: 100;
  background: #ffffff;
  height: 100%;
  max-width: 440px;
}
#authentificationmodele3 {
    margin-top: 0px;
    position: relative;
    color: #ffffff;
    font-size: 16px;
    background: #006633;
    display: block;
    height: 30px;
    padding-top: 15px;
    font-family: modele3Connexion!important;
}

#identifiantLogin.modele3, #motDePasseLogin.modele3 {
    padding: 10px;
    margin-top: 15px!important;
    border: 1px solid #bfbfbf;
    background: #fff;
    height: 25px;
    width: 70%;
    margin-bottom: 10px;
    font-family: modele3Connexion!important;
    font-size: 14px;
    color: #393939!important;
}

#divDeConnexionmodele3 {
    margin-left: 10%;
    margin-right: 5%;
    margin-top: 60%!important;
    max-width: 440px;
}

#labelResterPagemodele3 {
    font-size: 13px!important;
    font-weight: inherit!important;
    cursor: pointer;
    font-size: 12px!important;
    font-family: modele3Connexion!important;
    color: #3a3933!important;
    top: 0px;
}
    
#resterConnecter.modele3 {
    color: #ffffff!important;
    font-size: 13px!important;
    cursor: pointer;
    top: 3px;
    position: relative!important;
    left : 0!important;
}
#modele3SeConnecter {
    display: block;
    position: relative;
    top: 13px;
    height: 45px;
    moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 78%;
    max-width: 282px;
    margin-bottom: 20px;
}
.modele3SeConnecter:hover {
    -webkit-box-shadow:0px 0px 10px #ffffff!important;
    -moz-box-shadow: 0px 0px 10px #ffffff!important;
    box-shadow: 0px 0px 10px #ffffff!important;
}
.modele3SeConnecter {
    background: #9ccd4f;
    color: #ffffff!important;
    font-family: modele3Connexion!important;
    font-size: 15px;
    
}
#divIdentifiant label,
label[for=motDePasseLogin],
label[for=identifiantLogin] {
    display: block;
    width: 50%!important;
    height: 10px!important;
    font-size: 15px!important;
    /*padding-left: 52px!important;*/
    padding-bottom: -10px;
    color: #464646!important;
    text-align: left!important;
    font-family: modele3Connexion!important;
    font-weight: normal!important;
}
#motDePasseOubliemodele3 {
    position: relative!important;
    text-decoration: underline;
    font-size: 12px;
    font-family: modele3Connexion!important;
    color: #3a3933!important;
    right: -3px;
    display: block;
    top: 5px;
}



#messageErreurLogin.modele3 {
    width: 75%;
    position: relative;
    text-align: right;
    left: 0;
}




#contenuIndicateurCarousel.modele3 {
  height: 50px;
  width: 23%;
  position: absolute;
  bottom: 0;
  padding-left: 0;
}
li.modele3 {
    float: none!important;
    display: inline-block!important;
    height:10px!important;
    width: 10px!important;
    border-radius: 30px;
    background-color: #6f6c66;
    margin-left: 2px;
}
li.modele3:first {
    background-color: #40403a;
}
#indicateur.modele3 {
  left: 20%;
}

.modele3Diapo {
        width:100%;
    }
.monCompte{
    color: #9ccd4f!important;
    font-weight: bold;
    font-size: 20px;
    left: 5px;
    position: relative;
    top: -38px;
    font-family: modele3Connexion!important;
    display: block;
    text-align: left;
    width: 100%;

}
.carouselIndicateur.modele3{
    min-width : 200px!important;
}
.diapositive > img {
    width:100%;
    height:100%;
}
.pourModele3 {
    text-align:left;
    
}


#spanMotDePasseOubliemodele3{
    width: 40%;
    height: 20px;
    float: right;
    text-align: right;
    position: relative;
    margin-top: 15px;
    margin-left: 55px;

}

.spanBoutonConnecte {
    display: block;
    width: 100%;
    text-align: center;
}

#divResterConnecter {
  margin-left : 0px ;
  display: inline-block !important;
  width: 100% !important;
}
#iFrameBienvenue {
    border: none; 
    width: 100%;
    height: 100%;
    padding: 0;
}
div#iFrameBienvenue object {
    width: 100%;
    height: 100%;
}
#page {
    overflow-y: hidden !important;
}
#messageBienvenu {
    text-align: center;
    margin-top: 15%;
}
/*#formulaireDemandeDeCompte .recommandation {
    font-size: 14px;
    margin-left: 23px;
}
#formulaireDemandeDeCompte .blocDInput {
    width: 95%;
}
#formulaireDemandeDeCompte {
    width: 620px;
    margin: -190px 0 0 -310px;
}
#formulaireDemandeDeCompte input[type="text"][readonly], 
#formulaireDemandeDeCompte input[type="password"][readonly], 
#formulaireDemandeDeCompte select[disabled], 
#formulaireDemandeDeCompte textarea[readonly], 
#formulaireDemandeDeCompte input[type="text"][readonly]:focus:hover, 
#formulaireDemandeDeCompte input[type="password"][readonly]:focus:hover, 
#formulaireDemandeDeCompte select[disabled]:focus:hover,  
#formulaireDemandeDeCompte textarea[readonly]:focus:hover {
    background: #ecebf2;
}*/
.classeTrimestereSuperieure {
    background: #d3d3d3;
}
.classeTrimestereInferieure {
    background: #ececec;
}
.divTitreService {
    font-weight: bold;
}
.divConteneurTableauDescriptif,
.divTitreService {
    width: 95%;
    margin: auto;
}
.divConteneurTableauDescriptif  table {
    width: 100%;
}
.divSocietesNonFacturablePourUnService {
    width: 95%;
    margin: 20px auto; 
}
hr {
    color: #8e8e8e;
    width: 90%;
    margin-top: 20px;
}
.communDxDateBox {
    display: inline-block !important;
    width: 147px !important;
    border: 1px solid rgba(0, 0, 0, 0.42) !important;
    padding-bottom: 5px !important;
    padding-top: 0px !important;
}
.communDxDateBox .dx-texteditor-input {
        padding: 0px 28px 0px 15px !important;
    }
.communDxDateBox.dx-state-focused .dx-texteditor-container:before,
.communDxDateBox.dx-state-active .dx-texteditor-container:before {
    border-bottom: none !important;
    border-top: none !important;
}
#selectBoutique {
    margin-top: 10px !important;
    margin-bottom: 10px;
}
.communDxDateBox .dx-texteditor-container:after {
    border-bottom: 0px !important;
}
#rechercher {
    margin-bottom: 5px !important;
}
.hiddenColumn{
       display:none;
}



#divTableauMesClients {
    width: 90%;
    margin: auto;
}
textarea#commentaireCredits {
    margin: 0px;
    width: 314px;
    height: 53px;
    resize: none;
}
.dx-select-checkbox {
    display: block !important;
}

.dx-datagrid {
    cursor: pointer !important;
}
#envoyerIdentifiants {
    float:right;
}
#visualiserUnCompte, #visualiserUneSociete, #visualiserComptesSecondaires,#visualiserContrats {
    display: none;
}

.selectionClient {
    background: url("/ressource/image/commun/desactiver.png") no-repeat 0 0;
    display: block;
    height: 20px;
    width: 20px;
}
tr:hover .selectionClient {
    background: url("/ressource/image/commun/activer.png") no-repeat 0 0;
}

#menuClient {
    width: 30%;
    position: absolute;
    left: 30%;
    height: 140px;
}

#vueSociete {
    position: absolute;
    top:      35%;
    cursor: pointer;
    font-size: 14px;
} 

#vueAdmin {
    position: absolute;
    top: 55%;
    cursor: pointer;
    font-size: 14px;
}

#vueComptes {
    position: absolute;
    top: 75%;
    cursor: pointer;
    font-size: 14px;
    display: none;
} 

.labelmenuClient {
    font-size: 15px;
}

#menuClient >span {
    margin-left: 15px;
}

#menuClient > span:hover {
color: grey;
}
.longueChaine{
    width: 78%;
}
#entetePageMesCLients .divProgressionEnvoiFichier {
    margin: -19px 650px 6px auto;
    float: right;
    position: relative;
}
.annulerEnvoiEnvoiFichier {
    display: none;
}

#listeModeleSMS.contenuPopup {
    left: 30% !important;
}
#ajoutCreditsPrestation {
    left: 30%;
    top: 20%;
    width: 373px;
}
#ajoutCreditsPrestation #soldeCredit {
        font-size: 18px;
        font-weight:bold;
    }
#ajoutCreditsPrestation label {
    display: inline-block;
    font-size:16px;
}
    #ajoutCreditsPrestation input, #ajoutCreditsPrestation span {
        float: right;
        margin-left: 8px;
    }
.blocInput {
    width: 95%;
    margin: auto;
    padding: 7px 5px 7px 0;
    position: relative;
}
#ajoutCreditsPrestation #montantCredits {
    margin-right: 16px;
}
#divTableauListeDesComptes {
    width: 90%;
    margin: auto;
}

#visualiserUnCompteSecondaire, 
#creerCompteSecondaire {
    display: none;
}
.classCompteAdmin {
    background:#a3c6c9 none repeat scroll 0 0 !important;
    }
#mesOperationsExternes {
    width: 90%;
    margin: auto;
}

#gridOperationsExternesDX{
    max-width:100%;
}

.dx-checkbox.dx-checkbox-checked.dx-state-readonly .dx-checkbox-icon, .dx-checkbox.dx-checkbox-indeterminate.dx-state-readonly .dx-checkbox-icon, .dx-checkbox.dx-checkbox-checked.dx-state-disabled .dx-checkbox-icon, .dx-checkbox.dx-checkbox-indeterminate.dx-state-disabled .dx-checkbox-icon {
    background-color: black !important;
}
.dx-checkbox-icon {
    border: 2px solid black !important;
}
#clientDenominationDSE {
    left: 23px ;
    position: absolute ;
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 0 -6px;
}
.flex-container-demande {
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: !important;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-end;
}
.hbox-demande {
    /* previous syntax */
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    /* current syntax */
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-item-demande {
    margin: 0px 10px 0px 10px;
    color: white;
    font-size: 2em;
    text-align: center;
}
.sousEntetePageFixeDS{
	margin-top: 0px!important;
}
.afficherOuMasquerTousLesBlocksVisualisationDS {
    /*margin-top: -35px;*/
    width: 42px !important;
}
#clientNomPrenom{
    display: none;
}
#societeNomPrenom {
    display: inline;
}
#listeEvenementDUneDemandeService {
    padding: 7px 0 !important;
}
#contenuPageSpecifiqueVisualiserUneDemandeService {
    height: 58% !important;
}
#contenuPageSpecifiqueVisualiserUneDemandeService .ligneLabelEtInput {
   /* background-color: #ffffff !important;*/
    width: 98% !important;
}
#messageDiv {
    display: none;
}
#natureDemandeService, #responsableDemandeService {
    background: none repeat scroll 0 0 #f5f5f5;
    /*padding: 5px;*/
    margin-bottom: 5px;
}
div.evenementContenu .contenu table {
    visibility: visible !important;
}

#natureDemandeService {
    text-align: left;
    padding: 8px;
}
.colorInactiveSociete {
    background-color: red !important;
}
#detailsDemandeService, #avancementDemandeService, #templateCreationDemandeService {
    width:100% !important;
}
div.messageDroite, div.messageGauche {
    min-height: 15px;
    padding-bottom: 10px;
}
div.etatCentre, .responsable, .nature, .dateRappel {
    padding: 0px;
    position: relative;
}
.messageDroite, .messageGauche {
    width:90%;
    margin:0 auto 5px;
    overflow : hidden;
    position: relative;
} 

.messageDroite .evenementContenu, .messageGauche .evenementContenu  {
    font-size: 16px;
    margin-left: 20px;
    margin-top: -18px;
    padding: 0 5px;
    width: 95%;
    float: left;
    
}
.etatCentre, .responsable, .nature, .suiviParMailClient, .dateRappel {
    margin: 0 auto 5px;
    text-align:left;
    width:90%;
    height: 25px;
}

#conteneurPage2 .etatCentre, #conteneurPage2 .responsable, #conteneurPage2 .nature, #conteneurPage2 .suiviParMailClient,  #conteneurPage2 .dateRappel {
    height:auto;
    min-height: 25px;
    display: inline-flex;
}
.evenementDetail {
    color: #999999;
    font-size: 14px;
    padding: 0 18px;
    line-height:20px;
}
.fleche_gauche .fleche {
    opacity: 0.5;
}
.fleche_gauche, .fleche_gauche .evenementTitre, .fleche_gauche .evenementDetail {
    float: right;
}  
.fleche_droite, .fleche_droite .evenementTitre, .fleche_droite .evenementDetail {
    float: left;
}  
.evenementTitre {
    font-size: 14px;
    letter-spacing:0.8px;
}
.message .evenementTitre {
}
.evenementContenu p {
    margin: 0px;
}
.fleche_gauche .etatContenu, .fleche_gauche .evenementInfo{
    left:35px;
    text-align: right;
}
#conteneurPage2 .fleche_gauche .etatContenu, #conteneurPage2 .fleche_gauche .evenementInfo{
    left: 4px;
    text-align: right;
} 
.fleche_droite .etatContenu, .fleche_droite .evenementInfo{
    left:25px;
}
.etatContenu, .evenementInfo {
    float: left;
    position: relative;
    top: -18px;
    width: 95%;
} 
#conteneurPage2 .etatContenu {
    top: 0;
}
#visualisationFichierPieceJointe .fichierPieceJointe {
    border: 1px solid #CCCCCC;
    margin-left: 40px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.iconesPieceJointe .fichierPieceJointe{
    overflow: auto;
    max-height: 120px;
}
.fleche { 
    position: relative; background: #2EACEE; border: 0px solid #ffffff;
    /*border-radius: 6px;*/
    height: 0;
    padding: 10px 0px;
    width: 6px;
    top:2px;
} 
.fleche:after, .fleche:before { 
    top: 50%; 
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    pointer-events: none;
} 
.fleche:after { 
    border-color: rgba(66, 193, 207, 0); 
    border-width: 10px; 
    margin-top: -10px;
} 
.fleche:before { 
    border-color: rgba(255, 255, 255, 0); 
    border-width: 10px; 
    margin-top: -10px;
}
/*.fleche_droite .fleche:before { 
    border-left-color: #ffffff; 
}
.fleche_gauche .fleche:before { 
    border-right-color: #ffffff; 
}*/
.fleche_droite .fleche:after { 
    border-left-color: #2EACEE; 
} 
.fleche_gauche .fleche:after { 
    border-right-color: #2EACEE; 
} 
.fleche_droite .fleche:after, .fleche_droite .fleche:before { 
    left: 100%;
}
.fleche_gauche .fleche:after, .fleche_gauche .fleche:before { 
    right: 100%;
}
.fleche_gauche .fleche {
    left: 99.5%;
}
#conteneurPage2 .fleche_gauche .fleche {
    left: 99%;
}
.evenementContenu {
    height: 50px;
    overflow: hidden;
    display:inline-block;
}
.contenu {
    height: auto;
    min-height : 20px;
    overflow-x : auto;
    overflow-y : hidden;
}
#divFichierDemandeService #divRappelFichiersSelectiones {
    display: none;
    font-size: 12px;
    color: #a7a7a7;
    padding-left: 145px;
    margin-top: 10px;
    text-align: left;
    width: 95%;
}
#divFichierDemandeService #divRappelFichiersSelectiones span { 
    display: block;
    padding-left: 25px;
    width: 50%;
}
#divFichierDemandeService #divRappelFichiersSelectiones span.image{
    background: url(/ressource/image/commun/photo.png) no-repeat scroll left center;
}
#divFichierDemandeService #divRappelFichiersSelectiones span.video{
    background: url(/ressource/image/commun/video.png) no-repeat scroll left center;
}
#divFichierDemandeService #divRappelFichiersSelectiones span.audio{
    background: url(/ressource/image/commun/audio.png) no-repeat scroll left center;
}
#divFichierDemandeService #divRappelFichiersSelectiones span.document{
    background: url(/ressource/image/commun/document.png) no-repeat scroll left center;
}
#divFichierDemandeService .divProgression {
    position: absolute;
    width: 380px;
    margin-top:-27px;
    left:105px;
}
#divFichierDemandeService .barreDeProgressionVide {
    position: absolute;
    right: 115px;
    top: 13px;
    width: 110px;
}
#conteneurPage2 .barreDeProgressionVide {
    width: 110px;
    right: 115px;
}
#conteneurPage2 #divFichierDemandeService .pourcentageAvancement {
    left: 270px !important;
}
#divFichierDemandeService .pourcentageAvancement {
    bottom: -26px !important;
    left: 270px !important;
    margin-top:16px;
}
#divFichierDemandeService .annulerEnvoi {
    bottom: -30px !important;
    right: 3px !important;
}
#divFichierDemandeService {
    float: left;
    width: 65%;
}
#divEstPriveAvertirMail {
    float: left;
    width: 35%;
}
#divEstPriver, #divMailBoxPonctuel {
    width: 70px;
    float: left;
}
@media screen and (max-width: 1450px) {
    .fleche {
        width: 20px;
    }
    .message .evenementTitre {
        width: 10%;
    }
    .evenementTitre {
        font-size:14px;
    }
    .fleche_gauche .fleche {
    left: 99.1%;
    }
}
.nombres,
#tempsAvantPerteSession {
	font-family: 'techno-LCD';
    display: inline-block;
    min-width: 35px;
    text-align: center;
}
.nombres {
    font-size: 27px;
    color: rgb(120, 126, 156);
}
.points {
	width: 10px;
	font-family: 'techno-LCD';
	font-size: 27px;
	color: rgb(120, 126, 156);
}
.tempsConsomme, .temps {
    float: right;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    text-shadow: 0 0 5px rgba(255, 255, 255, 1);
    width: 165px;
    left: 30%;
}
.tempsConsomme {
    top: 70%;
}
.temps {
    margin-top:5px;
}
.tempsConsommeTotal{
    display:block;
    background: linear-gradient(top, #222, #444) ! important;
    /* display: flex; */
}
.avecLecturesPrecedentes{
    width: 500px;  
}
.addition{
    width: 40px;
    font-family: 'techno-LCD';
    font-size: 35px;
    color: rgb(120, 126, 156);
    margin-top: -2px;
    margin-left: 5px;
}
.cacherChrono {
    display: none;
}
.labelTemps {
    margin-top: 9px;
    width: 41%;
}
.labelTemps {
    margin-top: 9px;
    width: 160px;
}
.sansLecturesPrecedentes{
    width: 70%! important;
    text-align: right! important;
}
.elementsChronos {
    width: 11%;
    float: right;
    height: 70px;
}
.elementsChronosEnCreation .tempsConsomme{
    margin-top:-35px;
}
.elementsChronos .iconPDF {
    float: right;
    margin-right: 20px;
    cursor: pointer;
    margin-top: 4px;
    width:25px;
    height:25px;
    background: url(/ressource/image/commun/ic_print_gris.png) no-repeat scroll center center;
    background-size: 20px 20px;
}
.elementsChronos .iconPDF:hover {
    background: url(/ressource/image/commun/ic_print.png) no-repeat scroll center center;
    background-size: 20px 20px;
}
.clientEnCreation{
    float: right;
    width:100%;
    height:17px;
    white-space: nowrap;
}
.alignementHorizontal{
    display:inline-block;
}
.infosDemandeService, .infosNatureEtat {
    width: 85%;
    height: 28px;
    padding-left: 15px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: bold;
}
.infosNatureEtat strong {
    font-size: 20px;
}
user agent stylesheetdiv {
display: block;
}
.infos {
    float: left;
    min-width: 20%;
    margin-right:10px;
}
.infosLabel {
    font-size: 16px;
    font-weight: 500;
}
.infosResponsable, .infosObjet {
    width: 30%;
    height: 28px;
    padding-left: 15px;
    min-width: 263px;
    padding-top: 5px;
}
#conteneurPage2 .infosResponsable, #conteneurPage2 .infosObjet {
    width: 85%;
}
#clientChoisi {
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    height: auto;
}
#listeClients.contenuPopup, #listeClientAvecComptesSecondaire.contenuPopup{
    left: 5% !important;
    top: 10% !important;
    width: 87% !important;
}
#listeSocietes.contenuPopup {
    left: 10%;
    top: 15%;
    width: 72%;
    min-height: 540px;
    min-width: 1000px;
}
#listeSocietes>.titrePopup {
    cursor: move !important;
}
#listeSocietesChange.contenuPopup {
    left: 10%;
    top: 15%;
    width: 72%;
    height: auto;
    min-height: 540px;
    min-width: 1000px;
}
#listeSocietesChange #divBouttons{
    height:40px;
}

#listeSocietes #divBouttons {
    height: 40px;
}
#listeSocietesChange > .titrePopup {
    cursor: move !important;
}
#tableauListeDesSocietesDX {
    /*    max-width: 970px !important;*/
    min-width: 970px !important;
    min-height: 450px !important;
    max-height: 450px ;
}
#tableauListeDesParametresGestComDX {
    max-width: 1335px;
}
#listeClients .contenuPage, #listeClientAvecComptesSecondaire .contenuPage {
    height: 500px;
}
    #listeSocietes.contenuPopup {
        height: auto;
    }
#listeClients .contenuDt, #listeClientAvecComptesSecondaire .contenuDt{
    overflow:scroll !important;
}
.messageGauche .messagePieceIcone{
    background: url(/ressource/image/commun/pieceJointe.png) no-repeat scroll left 10px center;
    width: 130px;
}
.messageDroite .messagePieceIcone{
    background: url(/ressource/image/commun/pieceJointe.png) no-repeat scroll right 10px center;
    width: 130px;
}
#buttonEnvoyerReponse {
    right: 30px;
    top: 100px;
}
.messageDroite .messagePieceJointe {
    background-position: right 10px center;
    width: 130px;
}
.messagePieceJointeActif {
    cursor:pointer;
}

.messageDroite .evenementTitre {
}
.messageDroite .evenementDetail {
}
.messageDroite .evenementContenu {
}
#listeEvenementDUneDemandeService .messageDroite input[type="button"] {
    left: 0;
}

/*#textObjet {
    width: 27.5%;
    position: absolute;
}*/
#validerTextObjet {
    width: 2.8%;
    top: 0px;
    position: absolute;
    left: 96.2%;
    background: url('/ressource/image/commun/sauvegarder.png') no-repeat 5px!important;
}
/*#selectResponsable,
#selectEtat,
#selectNature {
    width : 31.5%!important;
}*/
#templateCreationDemandeService .ligneLabelEtInput,
#avancementDemandeService .ligneLabelEtInput {
    width: 98%;
    margin: auto;
    padding: 7px 5px 7px 0;
    display: none;
    position: relative;
}
.ligneLabelEtInputAvecHauteurReduite {
    height: 19px;
}

input:invalid + span.validity:after {
    content: '✖';
    padding-left: 5px;
}

input:valid + span.validity:after {
    content: '✓';
    padding-left: 5px;
}
/*label[for=numeroCompteClient] {
    margin: 0 0 0 28px!important;
}
.ligneLabelEtInputObjet {
    margin-top: -12px!important;
}*/

#templateCreationDemandeService .ligneLabelEtInput label:not(#labelPrive),
#avancementDemandeService .ligneLabelEtInput label:not(#labelPrive) {
    margin: 0 0 0 8px;
    color: #6e6e6e;
    font-size: 14px;
    height: auto;
    padding: 4px 24px 4px 7px;
    display: inline-block;
    width: 145px;
}
#templateCreationDemandeService .ligneLabelEtInput img {
    position: absolute;
}
#templateCreationDemandeService .ligneLabelEtInput input[type="text"]
#templateCreationDemandeService .ligneLabelEtInput input[type="number"],
#avancementDemandeService .ligneLabelEtInput input[type="text"] {
    width: 370px !important;
}
#templateCreationDemandeService .ligneLabelEtInput input[type="text"],
#templateCreationDemandeService .ligneLabelEtInput input[type="number"],
#avancementDemandeService .ligneLabelEtInput input[type="text"],
#avancementDemandeService .ligneLabelEtInput input[type="number"],
#templateCreationDemandeService .ligneLabelEtInput input[type="file"],
#avancementDemandeService .ligneLabelEtInput input[type="file"],
#templateCreationDemandeService .ligneLabelEtInput textarea,
#avancementDemandeService .ligneLabelEtInput textarea,
#templateCreationDemandeService .ligneLabelEtInput select:not(#comboboxUsage),
#avancementDemandeService .ligneLabelEtInput select:not(#comboboxUsage) {
    width: 340px;
    float: none;
    margin: 1px;
    padding-left: 3px;
}
#divFichierDemandeService .boutonRemplacantInputFileAvecStyleSpecifique {
    float: none;
    z-index: 1;
    position: relative;
    width: 125px;
    top: 3px;
    margin-right: 15px;
}
#divFichierDemandeService .boutonRemplacantInputFileAvecStyleSpecifique {
    background: #dddddd;
    padding: 3px 18px !important;
    height: auto !important;
    font-size: 13px;
    text-align: center;
    color: #404040;
    cursor: pointer;
}
#numResponsable {
    display:none;
}

#layoutEnvoieSMS, #layoutDessin, #layoutDureesDemandeDeService {
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    background-color: #ffffff; 
    z-index: 12;
    display: none;
}
#detailsEnvoieSMS, #detailsDessin, #detailsDureesDureesDemandeDeService {
    height: auto;
    z-index: 13;
    position: absolute; 
    display: none;
	-moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
}
 #detailsDureesDureesDemandeDeService {
    top: 20%; 
    left: 40%; 
}
#contentDessin{
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 46px;
    overflow:hidden;
    background-color:#ddd;
}
#canvas{
    cursor:crosshair ;
    background-color:#fff;
}
#detailsDessin #dessinDivDetails{
    width:100%;
}
#conteneurPage2 #contenuPageSpecifiqueVisualiserUneDemandeService .contenuPopup, #conteneurPage2 #detailsDessin {
    position:absolute;
}
#contenuPageSpecifiqueVisualiserUneDemandeService .contenuPopup:not(#listeSocietes), #detailsDessin {
    top: 3%; 
    left: 5%;
    position:fixed;
}
.palette-case {
    width:600px;
    margin:auto;
    text-align:center;
    margin-top:5px;
}
.palette-box {
    float:left;
    padding:2px 5px 2px 5px;
}
.palette {
    border:2px solid #777;
    height:36px;
    width:36px;
}

.legendeFichier {
    position: relative;
    top: -9px;
    font-size: 10px;
    cursor:pointer;
}
/*.messagePieceJointeDiv {
    float: left;
}*/
.messagePieceJointeDiv img{
    width:25px;
}
.palette-box #sizePath{
    width:50px;
}
#monText {
    height: 42px;
    width: 129px;
}
#afficheTxt {
    height: 30px;
    width: 30px;
    font-size:12px; 
    margin-top:15px;
    margin-left:3px;
    background: url('/ressource/image/commun/5-content-add.png') no-repeat 1px !important;
}
.palette-box fieldset{
    margin-top:-10px;
    padding:1px;
 }
.palette-box fieldset legend{
    font-size:13px;
 }
#buttonAfficherAvancement {
    right: 110px;
    top: 100px;
}
#contenuSMS{
    display:block;
}
#buttonEnvoyerSMS {
    right: 226px;
    top: 100px;
}
.priverCheckBox {
    position: absolute;
    right: 240px;
}
#telephoneSociete {
    float: none !important;
    display: block;
}
#detailPhotoCompteDroite {
    float:left;
    margin-left:-45px;
    margin-top:2px;
}
#detailPhotoCompteGauche {
    float:right;
    margin-right:-70px;
    margin-top:2px;
}
#photoCompteMessageDroite{
    float:right;
    right:313px;
    position:absolute;
    margin-top:2px;
}
#photoCompteMessageGauche{
    float:left;
    left:313px;
    position:absolute;
    margin-top:2px;
}
.tempsConsommeRafraichissement, .tempsConsommeRafraichissement span {
    font-size: 16px;
}
@media screen and (max-width: 1450px) {
    .modeVisualisation2 .tempsConsommeRafraichissement, .modeVisualisation2 .tempsConsommeRafraichissement span {
    font-size: 12px !important;
}
    #photoCompteMessageDroite{
        float:right;
        right:22.5%;
        position:absolute;
        margin-top:2px;
    }
    #photoCompteMessageGauche{
        float:left;
        left:23.2%;
        position:absolute;
        margin-top:2px;
    }
    #detailPhotoCompteGauche {
        float:right;
        margin-right:-50px;
        margin-top:2px;
    }
    #conteneurPage2 .fleche_gauche .evenementInfo, #conteneurPage2 .fleche_gauche .etatContenu {
        left: 40px;
    }
    .fleche_gauche .etatContenu, .fleche_gauche .evenementInfo{
        left: 60px;
        text-align: right;
        width:94%;
        margin-left:-50px;
    }
    .fleche_droite .etatContenu, .fleche_droite .evenementInfo{
        width:94%;
    }
    .fleche { 
        width: 6px;
    }
    .infos {
        width: 45%;
    }
}
.loupclient{
    cursor:pointer;
    vertical-align: sub;
}
#clientChoisiNumeroTelephone{
    margin-left:40px;
    display: inline-table;
    width:300px;
}
#divRappelFichiersSelectiones img{
    position:absolute;
    cursor:pointer;
    margin-left:6px;
}
[id^="numeroFichierTelechargerDemandeService"] {
    padding-top:5px;
    padding-bottom:5px;
}
#dessinDivDetails > div{
    position: relative;
    display:block;
}
retourListeDeDemandeService {
    position: absolute;
    top: 15px;
    right: 20px;
}
#content {
    position: absolute;
    overflow: auto;
   /* max-width:1700px;
    max-height:743px;*/
}
.iconSMSResponsable{
    display:none;
    margin-bottom:-6px;
    margin-left:10px;
    cursor:pointer;
}
#boutonsActionDemandeService {
    margin-left: auto;
    margin-top: 12px;
    position: relative;
    width: 100%;
}
.boutonsActionDemandeServiceDouble {
    margin-right: 0px !important;
}
.suiviAvancementDemandeService {
    float:left;
    width: 20px;
    margin-top: 2px;
}

h1 span.nom1 {
    display: inline-block;
    font-size: 20px;
    padding: 5px 10px;
}
.couleurEtat {
    float: left;
    height: 115px;
    width: 15px;
}
.suiviMail {
    padding: 0px 5px;
    position: relative;
    left: 330px;
    top: -20px;
}
.mailLabel {
    float: left;
    line-height: 22px;
    text-align: left !important;
    width: auto !important;
    padding: 0 !important;
}
#blocUrgente {
    float: right;
    padding: 4px 0px 4px 0px;
}
.mailCheckBox, .envoiMailCheckBox {
    float: left !important;
    margin-left: 15px !important;
}
.mailCheckBoxPonctuel:not(label) {
  margin-left: 8px!important;
  float: inherit!important;  
  cursor: pointer;
}
.mailCheckBoxPonctuel {
  background: url('/ressource/image/accueil/authentification/ic_mail.png') no-repeat;
  vertical-align: bottom;
  cursor: pointer;
}

label[for=checkBoxMailPonctuel]{
    height: 8px!important;
    padding-top: 5px!important;
    width: 0px!important;
}
.messageGauche,
.fleche_gauche {
    border-radius: 20px 0 0 20px;
}
.messageDroite,
.fleche_droite {
    border-radius: 0 20px 20px 0;
}
@media screen and (max-device-height: 801px) {
    #cke_messageDemandeService .cke_contents {
    min-height:185px !important;
    }
}
@media screen and (min-device-height: 865px) {
    #cke_messageDemandeService .cke_contents {
    min-height:220px !important;
    }
}
@media screen and (min-device-height: 900px) {
    #cke_messageDemandeService .cke_contents {
    min-height:240px !important;
    }
}
@media screen and (min-device-height: 960px) {
    #cke_messageDemandeService .cke_contents {
    min-height:274px !important;
    }
}
@media screen and (min-device-height: 1050px) {
    #cke_messageDemandeService .cke_contents {
    min-height:310px !important;
    }
}
@media screen and (min-device-height: 1080px) {
    #cke_messageDemandeService .cke_contents {
    min-height:335px !important;
    }
}
.messagePopup {
    font-size: 22px;
    font-weight: bold;
    left: 76px;
    position: absolute;
    z-index:1;
}
#conteneurPage2 .messagePopup {
    position: relative;
}
.estPriveCheckbox{
    background: url('/ressource/image/accueil/authentification/ic_mdp.png') no-repeat;
    vertical-align: bottom;
    float: inherit!important;
}

.estPriveCheckboxSansSuivi{
    background: url('/ressource/image/accueil/authentification/ic_mdp.png') no-repeat;
    vertical-align: bottom;
    float: inherit!important;
}

.estPriveLabel{
    background: url('/ressource/image/accueil/authentification/ic_mdp.png') no-repeat;
    vertical-align: bottom;
    height: 8px!important;
    padding-top: 9px!important;
}

#labelPrive {
    width: 0px!important;
    margin: 0 0 0 8px;
    color: #6e6e6e;
    font-size: 14px;
    height: auto;
    padding: 4px 24px 4px 7px;
    display: inline-block;
}
.estPriveLabelCreation{
    float: left;
    height: 24px;
    line-height: 24px;
}
.estPriveCheckboxCreation {
  margin-left: 8px!important;
  margin-top: 11px!important;
  float: inherit!important;
}
#templateCreationDemandeService .ligneLabelEtInput .ui-datepicker-trigger, #visualisationDemandeService .ligneLabelEtInput .ui-datepicker-trigger {
    left: 116px;
    margin-top: 0!important;
    position: absolute;
    top: 6px;
}
#templateCreationDemandeService .ligneLabelEtInput #dateRappel, #visualisationDemandeService .ligneLabelEtInput #dateRappel  {
    padding-left: 30px !important;
    width: 360px !important    
}
.iconeDateTimePicker {
    position: absolute;
    left: 165px;
    top: 11px;
}
#labelDuree{
    font-size:14px;
}
#contenuDuree label{
    display:block;
}
.conteneurGauche, .conteneurDroite {
    float: left;
    width: 49%;
    background: #f6f6f6;
    margin-left: 11px;
}
.conteneurBas {
    float: left;
}
.conteneurDroite {
    margin-left: 4px;
}
#conteneurPage2 .conteneurGauche, #conteneurPage2 .conteneurDroite, #conteneurPage2 .conteneurBas {
    width: 100%;
    float: initial;
    background: inherit;
    margin-left: inherit;
    min-height: inherit;
}
#conteneurPage2 #divFichierDemandeService {
    width: 65%;
}
#conteneurPage2 #divEstPriveAvertirMail {
    float: left;
    width: 35%;
}
@media screen and (max-width: 1400px) {
        .conteneurGauche, .conteneurDroite, .conteneurBas {
        width: 100%;
        float: initial;
        background: inherit;
        margin-left: inherit;
    }
    #divFichierDemandeService {
        width: 45%;
    }
    #divEstPriveAvertirMail {
        float: left;
        width: 20%;
    }
}
.bootstrap-datetimepicker-widget table td span {
    height: 45px;
    line-height: 45px;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 20px;
    height: 20px;
}
.bootstrap-datetimepicker-widget table td {
    border: none !important;
}
.bootstrap-datetimepicker-widget table th, 
.bootstrap-datetimepicker-widget table tr, 
.bootstrap-datetimepicker-widget table thead th:first-child,
.bootstrap-datetimepicker-widget table thead th:last-child,
.bootstrap-datetimepicker-widget table tbody tr:hover, 
.bootstrap-datetimepicker-widget table tbody td:first-child ,
.bootstrap-datetimepicker-widget table tbody td:last-child,
.bootstrap-datetimepicker-widget table tbody tr:first-child td,
.bootstrap-datetimepicker-widget table tbody tr:last-child td {
    background: none !important;
    color: initial !important;
    border: none !important;
}
.bootstrap-datetimepicker-widget .btn .fa {
    color: #337ab7 !important;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0 !important;
    background: none !important;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer !important;
}
.bootstrap-datetimepicker-widget {
  top: 0;
  left: 0;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget.timepicker-sbs {
  width: 600px;
}
.bootstrap-datetimepicker-widget.bottom:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.bottom:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.top:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.top:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  position: absolute;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget .dow {
  width: 14.2857%;
}
.bootstrap-datetimepicker-widget.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget > ul {
  list-style-type: none;
  margin: 0;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 100%;
  font-weight: bold;
  font-size: 1.2em;
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  width: 4px;
  padding: 0;
  margin: 0;
}
.bootstrap-datetimepicker-widget .datepicker > div {
  display: none;
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
  color: #999999;
}
.bootstrap-datetimepicker-widget td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget td.today:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget td span.active {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td span.old {
  color: #999999;
}
.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget th.switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
  font-size: 21px;
}
.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-group.date .input-group-addon span {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.bootstrap-datetimepicker-widget.left-oriented:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.left-oriented:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
  padding: 0px !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.collapse.in {
    display: block;
}
.collapse {
    display: none;
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.sousEntetePageFixe
{
    margin-top: 60px;
}

#soldeEtDatesDSA{
    text-align: left!important;
    margin-left: 0px!important;
    padding-left: 0px!important;
    font-weight: bold;
}
.soldeEtDatesDSACreation{
    width: 70%!important;
    font-size: 18px!important;
}
.soldeEtDatesDSAVisualisation{
    width: 100%!important;
    font-size: 18px!important;
}  
#ligneValiditeContrat, #ligneSoldeContrat{
    width: 100%!important;
    color: #2EACEE!important;
    font-weight: bold;
    text-align: left;
    margin-left: 0px!important;
    padding-left: 49px!important;
	font-size: 20px!important;
}
.DSAWarning
{
    color: #d82121!important;
	font-size: 18px!important;
    width: 100%!important;
}
.DSAInfos
{
    color: #2EACEE!important;
}
.DSASoldeShow
{
    display: block!important;
    margin: 0!important;
    background: transparent!important;
    padding-left: 14px!important;
}
.DSASoldeShow>label {
    font-size: 18px!important;
}
.dDSAWidth
{
    width: 330px!important;
}
#conteneurPage2 #soldeCreditPrestation {
    float: left;
}
#soldeCreditPrestation {
    display: inline;
    cursor: pointer;
    float: right;
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
    color: cornflowerblue;
    margin-right: 10px;
}
#soldeCredit {
    display: inline;
    cursor: pointer;
    top:2px;
}
.enteteNouvelleDemandeService{
    width: 86%;
}
#titrePopupMouvementCreditPrest {
    text-align: left;
    font-size: 14px;
    color: #ffffff;
    background: #404040;
    padding: 5px 30px 5px 10px;
    margin: 0 0 10px;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    cursor: move;
}
#CreditDePrestationMouvementsPopup {
    width: 68%;
    max-height: 500px;
    left: 16%;
    top: 10%;
    /*position: fixed !important;*/
}
#tableauListeMouvementCreditPrestDX {
    min-height: 450px;
    max-height: 450px;
    margin: 5px;
    height: 100%;
}
.plie {
    height: 15px;
}
.deplie {
    height: auto;
}
#tableauListeDesDemandesServices tr, #tableauActualise_tableauListeDesDemandesServices tr {
    cursor: pointer;
    height: 26px;
}
.avecPicto{
    vertical-align: inherit;
}

#groupeBoutonsTableauDemandeService {
    right: 0px !important;
    top: 32px;
    width: 235px;
    height: 110px;
}

.dateFinRech {
    margin-left: 20px;
}


#rechercheDesMessagesTextInput {
    width: 95%;
}
#selectRecherche {
    margin: 5px 0;
    width: 96% !important;
}

#rechercheDesMessagesBouton,
#annulerDesMessagesBouton {
    width:  48% !important;
    
}
#rechercheDesMessagesBouton{
    margin-right: 6px;
}


/*#moniteur{
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}*/
#rechercheParDate #dateDebut,
#rechercheParDate #dateFin {
    width: 100px;
    margin-bottom: 5px !important;
    margin-top: 2px !important;
}
#rechercheParDate #dateDebut{
    position: relative !important;
    margin-left: 2px !important;
}
label[for=dateFin]{
    display: inline-block !important;
}
.detail a {
    display: block;
}
.detail, .iconPDF {
    text-align: center;
}
.tempsConsommeRafraichissement .nombres, .tempsConsommeRafraichissement .points {
    color: #676767;
    display: inline;
    font-family: futura-light;
    font-size: 18px;
    top: 0px;
    margin: 0px;
}
.tempsConsommeRafraichissement #compter_minute {
    margin-left: 8px;
}
.etatDemandeDeServiceCloture,
.etatDemandeDeServiceCreee,
.etatDemandeDeServiceRouverte,
.etatDemandeDeServiceLue,
.etatDemandeDeServicePriseEnCharge,
.etatDemandeDeServiceDemandeInfoClient,
.etatDemandeDeServiceRetourInfoClient { 
    white-space: nowrap;
    border-radius: 25px;
    padding: 2px 10px 2px 10px;
}
#modeAffichage {
    margin-top: 10px;
}
#tableauListeDesDemandesServices_wrapper, #tableauActualise_tableauListeDesDemandesServices_wrapper {
    margin-top: 113px;
}
.modeVisualisation2 #tableauListeDesDemandesServices_paginate, .modeVisualisation2 #tableauActualise_tableauListeDesDemandesServices_paginate {
    width: 35% !important;
}
#tableauListeDesDemandesServices_paginate, #tableauActualise_tableauListeDesDemandesServices_paginate{
    float: right;
    width: 50% !important;
    position: relative;
    text-align: right;
    right: -254px;
    top: 40px;
}
#tableauListeDesDemandesServices_wrapper .DTTT_container , #tableauActualise_tableauListeDesDemandesServices_wrapper .DTTT_container {
    position: absolute !important;
    top: -14px !important;
    right: 0px !important;
}
.modeVisualisation2 .paginate_button, .modeVisualisation2 .paginate_active, .modeVisualisation2 .dataTables_paginate span span{
    width: 20px !important;
    font-size: 10px !important;
}
.codeCritereValeur03, .codeCritereValeur04, .codeCritereValeur05, .codeCritereValeur06 {
    white-space: nowrap;
    border-radius: 25px;
    padding: 2px 10px 2px 10px;
    color: #000000 !important;
}
.codeCritereValeur03 {
    background: #e2ff2f !important;  
}
.codeCritereValeur04 {
    background: #c7d600 !important;
}
.codeCritereValeur05 {
    background: #7fba00 !important;
}
.codeCritereValeur06 {
    background: #ff0000 !important;
}
#conteneurDureesDemandesServices {
    width:60%;
    margin:auto;
}



#creerCompteBancaire, 
#visualiserUnCompteBancaire {
    display: none;
}
#visualiserUnCatalogue {
    display: none;
}
#prix.contenuPopup {
    left: 35% !important;
    top: 10% !important;
    width: 30% !important;
}
#prix .contenuPage {
    height: 400px;
    width: 26%;
}
#detailsChoisirGroupe{
    display: none;
    width: 300px;
}
#detailsChoisirGroupe.contenuPopup {
    left: 42% !important;
    top: 30% !important;
   
}
#detailsChoisirGroupe label {
    font-size:15px;
}
#formulaireImageCatalogue {
    float: right;
    display: none;
}
#imageCatalogue {
    float: right;
    margin: 10px;
}
/* Progress bar de logo */
#formulaireImageCatalogue .divProgression {
    margin-top: 35px;
}
#formulaireImageCatalogue .pourcentageAvancement {
    bottom: 21px;
}
#formulaireImageCatalogue .pourcentageAvancement {
    bottom: 21px;
}
#formulaireImageCatalogue .annulerEnvoi {
     bottom: 18px;
     right: -5px;
}
#formulaireImageCatalogue .nomDuFichier {
     right: 230px;
     height: 33px;
    top: -45px !important;
}
.iconeSupprimerPicto {
    display: none;
    float: right;
    cursor: pointer;
    padding-top: 20px;
    padding-right: 15px;
}
#divPrixQuantitatif {
    width: 90%;
    height: 400px;
    margin: 3px auto 0 auto;
}
#divPrixQuantitatif .tailleMax {
    height: 280px!important;
}
.iconTelechargerHtml{
    cursor:pointer;
}
#groupeBoutonsTableauListeDEmailsConseilsEnvoyes {
    right: 0px !important;
    top: 32px;
    width: 235px;
    height: 210px;
}
#dateDebut{
    position: relative !important;
    margin-left: 3px !important;
}
label[for=dateFin]{
    display: inline-block !important;
}

#visualiserUnArticle, #creerUnArticle {
    display: none;
}
#visualiserUnArticle > .contenuPage{
    height: 82%!important;
}
#resultatsRechercheListeArticle {
    margin: 30px auto;
}
#tableauListeDesArticles tr {
    cursor:pointer;
}
.colonneNombreConsultations {
    width: 70px;
}
#divTableauListeDesArticles {
    width: 95%;
    margin: auto;
}
caption input[type="button"] {
    float: right; 
}
.divConteneurExport {
    position: relative;
    width: 70px !important;
}
.colonneExportationArticle {
    width: 100px;
}
.conteneurImg{
    width:50px;
}
.iconPDF {
 /*   left: 70%;
    position: absolute;
    text-align: center; */
}
.divImgPdf {
 float:right;   
} 
.iconGrise{
    cursor: default !important;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}   

#tableauListeDesArticles {
}

.contenuDtArticle {
    overflow-y:auto !important;
}
#templateArticle input[type="button"] {
    float: right;
}
#numeroDescriptifEtPremiereImageEtLogoTypeDescriptif {
    float: left;
    width: 53%;
}
#logoTypeDescriptif {
    display: block;
    margin: 0 auto 0 auto !important;
}
#numeroDescriptif {
    display: block;
    position: absolute;
    top: 85px;
    left: 112px;
}
#numeroDescriptifVLV {
    display: block;
    position: absolute;
    top: 58px;
    left: 115px;
}
#premiereImageDescriptif {
    display: block;
    margin: 30px auto 20px auto !important;
}
#iconesMedia {
    text-align: center;
}
#visualisationMediaAssociesDescriptif {
    display: none;
    clear: both;
    margin-bottom: 20px;
}
#informationsDescriptif {
    float: right;
    width: 47%;
    margin-top: 10px;
}
#informationsDescriptif label {
    display: block;
    float: right;
    width: 100%; /* Obliger de spécifier sur un élément de type inline déclaré en block, à l'inverse d'un vrai élément block */
    min-height: 20px;
    margin-top: 3px;
    padding: 4px 4px 0 8px;
    background-color: #ffffff;
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
}
#gestionRattachementDescriptif input[type="button"] {
    margin: 15px 0 0 10px;
}
#gestionRattachementDescriptif label {
    text-align: left;
}
#supprimerRattachement {
    display: block;
    margin: 0 auto 20px auto;
    clear: both;
}
/******************************************************************************/
#blocXBook .blocDInput {
    padding: 10px 0 10px 0 !important;
}
#blocXBook input[type="button"],
#blocXBook .boutonAvecIcone {
    margin: 10px;
}
#sousBlocPartager {
    position: relative;
}
#divAffichageQRCode {
    margin: 10px;
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 2;
}
#nombreDeConsnultationQRCode {
    width: 50px;
}
#divConsultationQRCode input[type="button"] {
    float: right;
    margin-left: 90px;
}
#tableauConusltationQRCode_filter input[type="text"] {
    width: 100px;
    float: left;
}
#tableauConusltationQRCode_length select {
    width: 50px;
}
#divListeConsultation {
    display: none;
    margin-bottom: 100px;
}
#sousBlocPartager textarea {
    height: 130px;
    width: 98%;
    margin: 10px auto 5px;
}
#tailleQrCode,
#resolutionQrCode {
    width: 30px !important;
    float: none;
}
#tailleQrCode {
    margin-left: 7px;
}
#labelPersonnalise {
    width: 64%;
}
#boutonTelechargerQRCode {
    float: right;
    margin: 40px 10px 20px 10px !important;
}
#envoyerParMail {
    position: absolute;
    top : 10px;
    left: 35px;
    z-index: 2;
}
label[for="checkboxMAjouterCommeDestinataire"] {
    position: absolute;
    top : 57px;
    left: 15px;
    text-align: left;
    z-index: 2;
    font-size: 12px;
}
#checkboxMAjouterCommeDestinataire {
    position: absolute;
    top : 58px;
    left: 0;
    z-index: 2;
}
#detailsArticle .ligneLabelEtInput .viderSaisieColonne {
    display:none;
}
#visualiserUnArticle .divConteneurExport {
    margin-left:10px;
    display: inline;
}
#visualiserUnArticle .divConteneurExport img {
    cursor: pointer;
}
#visualiserUnArticle .divConteneurExportPDF {
    display:none;
}
#conteneurSocietesReferentes {
    float: right;
    margin-right: 10px;
    margin-top: 15px;
}
#creerPeripherique, #retourMesServices {
    float: right;
    position: relative;
    top: -52px;
    margin-left: 10px;
   
}

#visualiserParametreDUnService,
#creationDUnParametre,
#souscriptionAUnService {
    display: none;
}
.dejaInscrit {
    background: #b0b0b0;
}
.nonInscit {
    background: #d9d9d9;
}
#tableauServices {
    width: 100% !important;
    text-align: center;
    margin: 10px auto 10px auto;
}
#tableauServices tbody tr td:nth-child(3) input,
#tableauMesServices tbody tr td:nth-child(4) input {
    margin: 0 auto;
}
.colonneBouttonGestionParametres {
    width: 10%;
}
#divCreationParametreValeur,
#listeValeursParametre {
    display: none;
}
#tableauServices.DTCR_clonedTable {
 width: 150px !important;
}
#selectBoutique, #selectBoutiqueDiapo {
    margin-top: 20px;
    width: 230px;
}

#diapositiveChoix {
    display: block;
    position: relative;
    margin-top: 55px;
}
#diapositiveChoix input[type="button"]{
    float:none;
}

.contenuPeripherique {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -ms-center;
}
.miniatureImage {
    margin-left: 54%;
    width:100px;
}
#divParametres .explication {
    width: 48%;
    display: block;
    text-align: right;
}
.boutonSupprimerParametre {
    top: -9px;
    left: 0;
    float: right;
    position: relative;
    visibility: hidden;
}
.filtreWebshop .boutonSupprimerParametre, .critereProduit .boutonSupprimerParametre, .modeExpedition .boutonSupprimerParametre,
.filtreAppShop .boutonSupprimerParametre, .critereProduitAppShop .boutonSupprimerParametre{
    float: right;
    margin-right: 0px;
    margin-top: -3px;
    visibility: hidden;
    position: relative;
    left: 0;
    top: 0;
}
.filtreWebshop .boutonModifierParametre, .critereProduit .boutonModifierParametre, .filtreAppShop .boutonModifierParametre, .critereProduitAppShop .boutonModifierParametre {
    float: right;
    margin-right: 0px;
    margin-top: -3px;
    visibility: hidden;
    position: relative;
    left: 0;
    top: 0;
}
#divParametres .blocDInput {
    width: 670px;
}
#divParametres .ligneLabelEtInput label {
    width: 50%;
}
#divParametres .ligneLabelEtInput input[type="button"] {
    margin-right: 10px;
}
.conteneurParametreMail {
    background: none repeat scroll 0 0 #efefef;
    height: 300px;
    margin: 10px auto 0;
    overflow-x: auto;
    padding: 10px 10px 10px 20px;
    width: 90%;
}
.objetMail {
    margin-bottom: 17px;
    margin-top: 10px;
}
.sp-replacer, .sp-light {
    float: right;
}

.boutonAjouterFiltreCritere, .boutonAjouterCritereProduitWebshop, .boutonAjouterModeExpedition, .boutonAjouterCritereProduitAppShop, .boutonAjouterFiltreCritereAppShop {
    width: 150px;
    float: right;
    margin: 1px;
    padding-left: 3px;
}

#listeCriteresWebshop, #listeModesExpeditionsWebshop, #listeCriteresAppShop {
    left: 5% !important;
    top: 10% !important;
    width: 87% !important;
    height: 550px;
}
#listeCriteresWebshop #divDetails, #listeModesExpeditionsWebshop #divDetails, #listeCriteresAppShop #divDetails {
        height: 83%;
        overflow-x: auto;
        overflow-y: hidden;
    }
#listeCriteresWebshop #divListeCritere,#listeModesExpeditionsWebshop #conteneurModesExpeditions, #listeCriteresAppShop #divListeCritere {
    height: 350px;
    overflow-x: auto;
    overflow-y: hidden;
}
#listeCriteresWebshop .contenuDt, #listeCriteresAppShop .contenuDt{
    overflow: auto!important;
}
#listeFiltreWebshop, #listeDesCritereProduitWebshop {
    float: left;
    padding-left: 10px;
}
#listeDesModesExpeditionsWebshop {
    float: left;
    padding-left: 30px;
}
.modeExpedition {
    display: block;
    float: right;
    min-width: 220px;
}
input[name=modeExpeditionParDefaut] {
    float:left !important;
}
.filtreWebshop, .critereProduit, .filtreAppShop, .critereProduitAppShop {
    width: 300px;
    display: inline-block;
}
.bouttonParamereMail, .bouttonParamereSMS{
    float:right;
    cursor:pointer;
}
.paramereSMS, .paramereMail{
    width: 35.5%!important;
}
.paramereSMS {
    font-family: sans-serif !important;
}
.ajouterValeurLibre {
    float: right;
    cursor: pointer;
}
.inputPLusieursValeursLibres {
    margin: 10px 1px 1px 1px inherit !important;
    margin-top: 10px;
}
.conteneurValeurLibre {
    margin-top: 10px;
    width: 100%;
    float: right;
    position: relative;
}
.iconeMasque {
    visibility: hidden;
}
.societeRefente label {
    float: right;
    margin-right: 10px;
}
.societeRefente input[type="checkbox"] {
    width: 20px; 
    height: 20px; 
}
.conteneurValeurLibre .boutonSupprimerParametre {
    top: -6px;
    left: 51.5%;
}

#layoutTraduireFiltreCritereWebshop{
position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 8;
    display: none;
    cursor: pointer;
    background-image: -webkit-radial-gradient(center,rgba(255, 255, 255, 0.83),rgba(63, 65, 63, 0.76),rgba(0, 0, 0, 0.87)) !important;
}
#detailsTraduireFiltreCritereWebshop {
    height: auto;
    z-index: 9;
    position: absolute; 
    display: none;
	-moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
    background: #fafafa;
    border: 2px solid #ffffff;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 5px 2px #b3b3b3;
    -moz-box-shadow: 0 0 5px 2px #b3b3b3;
    -webkit-box-shadow: 0 0 5px 2px #b3b3b3;
    top:15%;
    left:25%;
    width: 600px;
	
}
#detailsTraduireFiltreCritereWebshop #divBouttons{
    margin-top:5px;
}

#detailsTraduireFiltreCritereWebshop span{
        width: 48%;
    display: inline-block;
}
#detailsTraduireFiltreCritereWebshop span input{
        width: 98%;
    display: inline-block;
}
#detailsTraduireFiltreCritereWebshop .titreLibelleFiltreCritere{
        font-weight: bold;
}
#souscrireDesouscrire{
    width:100%;
}
.thumbnailTemplate {
    width: 120px;
    border: 1px solid;
    float:right;
}
.thumbnailTemplate.bouttonEditeurParametreBeePlugin{
    cursor:pointer;
}
.gestionDiapo {
    background-color: white;
    display: block;
    position: relative;
    width: 95%;
    margin-left:30px;
}
.ligneDiapo {
    border:solid black 1px;
    display:table;
    padding:5px; 
    width:98%;
    margin:5px 0;
}
.imageDiapo{
    vertical-align:middle;
    display:block;
    padding-right:5px;
    width:214px; 
    float: left;
}

.sloganDiapo{

    display:inherit;

   position:relative;
}
.ligneLabelEtInput .sloganDiapo  textarea{
    height: 80px;
    width: 274px;
}
#inputImageDiapoLocal{
    float:none;
    margin-bottom : 10px;
}
#formulaireGestionDiapo{
        float:none;
}
.imageDiapo .boutonRemplacantInputFileAvecStyleSpecifique{
    float:none;
    display: block;
}
.imageDiapo .divProgression{
    margin-top:5px;
}
.imageDiapo .barreDeProgressionVide{
    float: left;
    margin-left: 0;
}
.imageDiapo .nomDuFichier{
    left: 8px;
    margin-top: 11px;
    position: relative;
    text-align: left;
}
.diapoHortiBox {
    display: inline-flex;
    padding: 2px;
    position: relative;
    cursor: pointer;
    margin-top: 20px;
}
.diapoHortiBoxText {
   display: block;
    font-size: 12px;
    margin-left: 4px;
    margin-top: 9px;
    position: relative;
}
span[class^="supprimerLigneDiapo"]{
    float: right;
    margin-bottom: -5px;
    position: relative;
}
.imageDiapo .pourcentageAvancement{
    left:2px;
    position: relative;
}
#aucunDiapo {
    background: none repeat scroll 0 0 #f6f6f6;
    margin-left: 4px;
}
.sloganDiapo label{
    text-align: left !important;
    margin-left:28px !important;
}
.validerAjoutLigneDiapo{
    float: right;
    margin-bottom: -9px;
    margin-top: 3px;
}
#supprimerDiapo {
    float:right;
    margin-left: 5px;
}
#enregistrerSlogan {
    margin-right: 5px;
    margin-top: 4px;
}
#annulerSlogan {
    margin-right: 4px;
}
#numeroPositionSlide{
    float: left;
    line-height: 138px;
    margin-left: 9px;
    position: absolute;
    text-align: center;
    top: 10px;
}
#numeroPositionSlideText{
    position:relative;
    vertical-align:middle;
    height: 138px;
}
#numeroPositionSlideWebshop{
    float: left;
    line-height: 350px;
    margin-left: 9px;
    position: absolute;
    text-align: center;
    top: 10px;
}
#numeroPositionSlideTextWebshop{
    position:relative;
    vertical-align:middle;
    height: 350px;
}
#formulaireGestionDiapo .sloganDiapo textarea {
    margin-left:28px;
}
#ligneDiapoAjout {
    border: medium none;
}

#formulaireGestionDiapo .validerAjoutLigneDiapo{
    display:block;
}
#formulaireGestionDiapo .sloganDiapo {
    display: table-row-group;
    position: relative;
    width: 270px;
}
#opaciteImage, #lienText, #lienTextAjout {
    width:276px;
}

#modifierDiapo{
    width: 24px;
    margin-right: 6px;
    margin-top: 4px; 
}
.gestionBoutonsPersonnalises {
    background-color: white;
    display: block;
    position: relative;
    width: 95%;
    margin-left:30px;
}
.ligneBoutonPersonnalise {
    border:solid black 1px;
    display:table;
    padding:5px; 
    width:98%;
    margin:5px 0;
}
.imageBoutonPersonnalise{
    display: block;
    padding-left: 10px;
    position: relative;
    vertical-align: middle;
    width: auto;
}
.lienBouton{
   float:right;
   display:inherit;
   position:relative;
}
.ligneLabelEtInput .lienBouton  textarea{
    height: 80px;
    width: 274px;
}
#inputImageLocal{
    float:none;
    margin-bottom : 10px;
}
.imageBoutonPersonnalise .boutonRemplacantInputFileAvecStyleSpecifique{
    float:none;
    display: block;
}
.imageBoutonPersonnalise .divProgression{
    margin-top:10px;
    width: 100%;
    float: left;
}
.imageBoutonPersonnalise .barreDeProgressionVide{
    float: left;
    margin-left: 0;
}
.imageBoutonPersonnalise .nomDuFichier{
    display: block;
    float: left;
    left: 8px;
    margin-top: 11px;
    position: relative;
    text-align: left;
    width: auto;
}
.imageHortiBox {
    display: inline-flex;
    padding: 2px;
    position: relative;
    cursor: pointer;
}
.boutonHortiBoxText {
   display: block;
    font-size: 12px;
    margin-left: 4px;
    margin-top: 9px;
    position: relative;
    float:left;
}
span[class^="supprimerLigneBoutonPersonnalise"]{
    float: right;
    margin-bottom: -5px;
    position: relative;
}
.imageBoutonPersonnalise .pourcentageAvancement{
    left:2px;
    position: relative;
}
#aucunBoutonsPersonnalise {
    background: none repeat scroll 0 0 #f6f6f6;
    margin-left: 4px;
}
.lienBouton label{
    text-align: left !important;
    margin-left:28px !important;
}
.validerAjoutBoutonPersonnalise {
    float: right;
    margin-bottom: -9px;
    margin-top: 3px;
}
#supprimerBoutonPersonnalise {
    float:right;
    margin-left: 5px;
}
#ordre {
    float: left;
    line-height: 133px;
    margin-left: 9px;
    position: absolute;
    text-align: center;
    top: 10px;
}
#numeroOrdreText {
    position:relative;
    vertical-align:middle;
    height: 138px;
}
#ligneNouveauBouton {
    border: medium none;
}
#boutonValider {
    bottom: -10px;
    display: block;
    float: right;
    position: relative;
}
.boutonDeGestion {
    cursor: pointer;
    margin-left: 5px;
}
#messageLienDynamique {
    text-align:left;
}
.supprimerImage {
    display:none;
    background: #ddd none repeat scroll 0 0 !important;
    cursor: pointer;
    float: left;
    height: 12px;
    line-height: 9px;
    margin-left: 5px;
    margin-top: 9px;
    position: relative;
    text-align: center;
    top: 0;
    width: 12px;
}
#conteneurTypeUniteVente,
#conteneurPresentation,
#conteneurMillesime {
    width:77%;
    margin:auto;
}

#tableauListePresentations_wrapper #tableauListePresentations_filter,
#tableauListeMillesimes_wrapper #tableauListeMillesimes_filter,
#tableauListeTypeUniteVente_wrapper #tableauListeTypeUniteVente_filter {
    margin-left:15%;
}

#tableauListePresentations tbody tr{
    height:38px;
}

#comboModificationTypeUniteVente{
    width:100%;
}

#tableauListeTaille tbody tr{
    height:38px;
}

#gestionPictogramme {
    float: right;
}
#pictoConseilType {
    float: right;
    margin: 10px;
}
#radioPicto {
    left: 74px;
    position: relative;
    top: -7px;
    display: none;
}
#gestionPictogramme,
#gestionPictogramme label {
    position: relative;
    top: -2px;
    left: -2px;
    margin: 10px 0 0 0;
    font-size: 13px;
}
#gestionPictogramme input[type="radio"] {
    position: relative;
    top: -1px;
    left: -8px;
}
.iconeSupprimerPicto {
    display: none;
    float: right;
    cursor: pointer;
    padding-top: 20px;
    padding-right: 15px;
}
#tableauListeDesConseils tr {
    cursor:pointer;
}
#texteDiv {
    display: none;
    background: #fff none repeat scroll 0 0;
    padding: 1px 10px;
    margin: 5px;
}
#unConseil,
#mediasEnVisualisation {
    width:100% !important;
}
#unConseil .ligneLabelEtInput label {
    margin: 0 0 0 8px;
    color: #6e6e6e;
    font-size: 14px;
    height: auto;
    padding: 4px 24px 4px 7px;
    display: inline-block;
    width: 8%;
}
#unConseil .ligneLabelEtInput input[type="text"] {
    width: 385px !important;
}
#unConseil .ligneLabelEtInput input[type="text"],
#unConseil .ligneLabelEtInput input[type="file"],
#unConseil .ligneLabelEtInput textarea,
#unConseil .ligneLabelEtInput select {
    width: 392px;
    float: none;
    margin: 1px;
    padding-left: 3px;
    vertical-align: top;
}
#moduleConseil_tableauListeDesMedias {
    width: 100% !important;
}
#listeDesMediasARatacher {
    height: auto;
    width: 100%;
    margin: 20px auto 0 auto;
}
#mediasEnVisualisation h4 {
    margin-bottom: 10px;
}
#mediasRattachesAuConseil #choixMedias .ligneChoixMedias input[type="radio"] {
    float: none !important;
    margin-left: 20px;
}
body {
}

#unConseilInfoComplementaire {
    width: 100% !important;
}
#contenuMotsCles {
    display: inline-block;
    float: none;
    margin: 1px;
    padding-left: 3px;
    vertical-align: top;
    width: 425px;
}
#contenuMotsCles div .remove, #btnAdd {
    float: right;
}
input[name="inputMotCle"] {
    margin-right: 10px !important;
    width: 225px !important;
}
#motCleDiv {
    display: none;
    background: #fff none repeat scroll 0 0;
    padding: 1px 10px;
    margin: 5px;
}
#unConseilInfoComplementaire .ligneLabelEtInput label {
    margin: 0 0 0 8px;
    color: #6e6e6e;
    font-size: 14px;
    height: auto;
    padding: 4px 24px 4px 7px;
    display: inline-block;
    width: 16%;
}
#unConseilInfoComplementaire .ligneLabelEtInput input[type="text"] {
    width: 385px !important;
}
#unConseilInfoComplementaire .ligneLabelEtInput input[type="text"],
#unConseilInfoComplementaire .ligneLabelEtInput input[type="file"],
#unConseilInfoComplementaire .ligneLabelEtInput textarea,
#unConseilInfoComplementaire .ligneLabelEtInput select {
    width: 392px;
    float: none;
    margin: 1px;
    padding-left: 3px;
    vertical-align: top;
}


@media screen and (min-height: 600px) and (max-height: 700px){
    #iconeMenuAdministration {
        display : block !important;
    }
}
@media screen and  (height: 800px){
    #iconeMenuAdministration {
        display : block !important;
    }
}
#masquageTotal {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
#enteteBackground {
    min-width: 980px;
    width: 100%;
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52);
}
#entete {
    min-width: 980px;
    max-width: 1650px;
    margin: auto;
    padding: 4px 0 4px 0;
	height: 30px;
	position: relative;
}
#compteurVisiteur {
    position: relative;
    top: -0px;
    left: 80px;
    font-size: 10px;
    color: #f0f0f0;
    display: inline-block;
    line-height: 12px;
    letter-spacing: 1px;
}
#iconeUtilisateurAvecRepriseCompteSuperAdmin, 
#iconeUtilisateur {
    display: inline-block;
    position: relative;
    top: 3px;
}
#iconeUtilisateurAvecRepriseCompteSuperAdmin {
    background: url("/ressource/image/layout/layout/iconeUtilisateurReprendreSuperAdmin.png") no-repeat;
    cursor: pointer;
    width: 24px;
    height: 24px;
}
#iconeUtilisateurAvecRepriseCompteSuperAdmin:hover {
    background: url("/ressource/image/layout/layout/iconeUtilisateurReprendreSuperAdminHover.png") no-repeat;
}
#iconeUtilisateur {
    background: url("/ressource/image/layout/layout/iconeUtilisateur.png") no-repeat;
    width: 24px;
    height: 24px;
}
#divInfoUtilisateur {
    padding: 6px 0 0 20px;
    font-size: 12px;
    color: #d6d6d6;
    float: left;
    height: 16px;
    position: relative;
    top: -5px;
}
#denominationSociete {
    position: absolute;
    top: 3px;
    left: 60px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 12px;
}
#nomEtPrenomCompte {
    font-size: 16px;
    margin-top: 10px;
    display: inline-block;
}
#typeDeCompte {
    font-size: 11px;
}
#info {
    cursor: pointer;
    margin: 2px 0 0 20px;
    float: right;
    width: 24px;
    height: 24px;
    background: url("/ressource/image/layout/layout/info.png") no-repeat;
}
#info:hover {
    background: url("/ressource/image/layout/layout/infoHover.png") no-repeat;
}
#iconeMenuAdministration:hover {
    background: url("/ressource/image/layout/layout/ic_adminHover.png") no-repeat;
}
#iconeDeconnexion {
    float: right;
    margin: 2px 30px 0 20px;
    width: 24px;
    height: 24px;
    background: url("/ressource/image/layout/layout/deconnexion.png") no-repeat;
    cursor: pointer;
}
#iconeDeconnexion:hover {
    background: url("/ressource/image/layout/layout/deconnexionHover.png") no-repeat;
}


/**********************************************************************************/


#barreDeNavigationEtPage {
    height: 94%;
    min-height: 620px;
    max-height: 1024px;
    width: 100%;
    min-width: 980px;
    max-width: 1650px;
    margin: auto;
}
#conteneurPage, #conteneurPage2 {
    height: 96%;
    margin: 0.5% 0.5% 0.5% 0%;
    float: right;
    border: 1px solid #f0f0f0;
    width: 82%;
    position: relative;
    padding: 0 10px 10px 10px;
}
#conteneurPage2 {
    display:none;
}
#conteneurPage.modeVisualisation2 {
    width:40%;
    float:left;
}
.modeVisualisation2 h1 {
    height:90px;
}
.contenuPage {
    overflow-x: auto;
    height: 87%;
    width: 100%;
}
.contenuDt {
    overflow-y: hidden;
}

.divConteneurContenuPage {
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

/**********************************************************************************/

#aProposLayout,
#layoutDetailsFichier {
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    background-color: #ffffff; 
    z-index: 12;
    display: none;
}
#aProposContenu {
    width: 300px;
    margin: -100px 0 0 -150px;
    top: 40%;
    left: 50%;
}
#aProposContenu,
#detailsFichier {
    height: auto;
    z-index: 13;
    position: absolute; 
    display: none;
	-moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
}
#aProposMessage {
    text-align: center;
    color: #222222;
    margin: 20px 30px 0 30px;
}
/* Menu */
#iconeMenu {
    float: right;
    margin: 2px 0 0 20px;
    width: 24px;
    height: 24px;
    background: url("/ressource/image/layout/layout/(24px)menu.png") no-repeat;
    cursor: pointer;
}
#iconeMenuAdministration {
    float: right;
    margin: 2px 0 0 60px;
    width: 24px;
    height: 24px;
    background: url("/ressource/image/layout/layout/ic_admin.png") no-repeat;
    cursor: pointer;
    display : none;
}
#iconeMenuListeDeroulante {
    background: url("/ressource/image/layout/layout/(24px)menuHover.png") no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: -2px;
    top: -8px;
}
#listeDeroulanteMenu, #listeDeroulanteMenuAdministration {
    display: none;
    width: 230px;
    background: #ffffff;
    position: absolute;
    top: 14px;
    right: 120px;
    z-index: 10;
    box-shadow: 0 0 5px 2px #b3b3b3;
    -moz-box-shadow: 0 0 5px 2px #b3b3b3;
    -webkit-box-shadow: 0 0 5px 2px #b3b3b3;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.lienMenu {
    padding: 3px 10px 3px 10px;
    border-top: 1px solid #dddddd;
    font-size: 14px;
    cursor: pointer;
}
.lienMenu label {
    position: relative;
    top: -2px;
}
.lienMenu:nth-child(2) { /* Pourquoi 2 ? Aucune idée mais ça prend bien effet sur le 1er élément du menu. J'ai regardé dans le code source je n'en vois pas d'autre ailleurs. Je veux bien une explication si qlq1 a !! Merci. (EB) */
    border-top: none !important;
}
#compteurCaracters {
    position: absolute;
    top: -2px;
    right: 169px;
    color: #d6d6d6;
}
#divTempsAvantPerteSession {
    float: right;
    color: #d6d6d6;
}
#divTempsAvantPerteSession label {
    font-size: 16px;
}
#divTempsAvantPerteSession span {
    font-size: 18px;
}
.compteurCaracteres {
    color: #b3b3b3;
    font-size: 11px;
    position: absolute;
    z-index: 2;
}

.compteurCaracteres_filtre {
    color: #b3b3b3;
    font-size: 11px;
    z-index: 2;
    float: right;
    line-height: 25px;
}

.compteurCaracteres_modeleEmail {
    color: #b3b3b3;
    font-size: 11px;
    z-index: 2;
    /*float: right;*/
    line-height: 25px;
    padding: 5% 0 0 0;
}

.dx-datagrid-header-panel {
    padding: 0;
    background-color: rgba(85, 149, 222, 0.6);
}

    .dx-datagrid-header-panel .dx-toolbar {
        margin: 0;
        padding-right: 20px;
        background-color: transparent;
    }

    .dx-datagrid-header-panel .dx-toolbar-items-container {
        height: 35px;
    }


    .dx-datagrid-header-panel .dx-toolbar-before .dx-toolbar-item:last-child {
        padding-right: 10px;
    }

    .dx-datagrid-header-panel .dx-selectbox {
        margin: 17px 10px;
    }

    .dx-datagrid-header-panel .dx-button {
        margin: 5px 0;
    }
    .dx-toolbar-before {
        height: 20px!important;
    }
.dx-toolbar .dx-toolbar-items-container {
    height:45px!important;
}

.dx-button-has-icon:not(.dx-button-has-text) {
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24) !important;
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24) !important;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24) !important;
}
.dx-menu-horizontal {
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24) !important;
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24) !important;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24) !important;
    border-radius: 40px;
    height: 37px !important;
}
.dx-icon.dx-icon-export {
    line-height: 14px !important;
    color: rgba(0, 0, 0, 0.54) !important;
}
.dx-icon.dx-icon-columnfield {
    line-height: 14px !important;
    color: rgba(0, 0, 0, 0.54) !important;
}
#divListeDesComptesSecondaires {
    margin: 10px 10px 0 10px;
}
#tableauComptesPourPartenariat {
    width: 100% !important;
    text-align: center;
    margin: 10px auto 10px auto;
}
#divEnvoieDemandePartenariat {
    margin: 10px auto 10px auto;
    width: 85%;
}
#tableauComptesPourDemandePartenariat {
    width: 100% !important;
    text-align: center;
    margin: 10px auto 10px auto;
}
#divService {
    float: left;
}
#divCompte {
    float: right; 
    width: 70%;  
}
#divContenuMailInvitation {
    float: left;
    width: 100%;
}
#divContenuMailInvitation textarea{
    height: 90px;
}
#contenuMailInvitation {
    display: block;
    margin: 10px;
    width: 98%;
}
#divChoixService,
#divTableauComptes {
    margin: 10px;
}
.titreServices {
    color: #a2a2a2;
    border-bottom: 1px solid #dcdcdc;
    margin: 0 10px 0 10px;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 7px 10px;
}
.ligneService {
    margin: 0 30px 0 10px;
    background: #ffffff;
    border-bottom: 1px solid #c0c0c0;
}
#divContenuDeMail textarea{
    width: 97%;
    margin-top: 10px;
    height: 120px;
}
.divNomContenuMail{
    margin-top: 10px;
}
#inviter {
    display: none;
}
#choixServiceEtComptePouPartenariat {
    display: none;
}
#divRecherchePartenariat {
    height: 95%;
    overflow-y: scroll;
    width: 100%;
}
#resultatRecherchePartenaires {
    height: 50%;
    width: 100%;
    margin: 10px auto 20px auto;
}
#textARechercher {
    width: 300px;
}
#rechercher {
    margin-left: 10px;
    margin-bottom: 0;
}
#explicationRecherche {
    margin: 0 auto 15px auto !important;
    font-size: 0.8em;
    font-style: italic;
    text-align: center;
}
#tableauDeSociete {
    width: 100% !important;
    text-align: center;
    margin: 10px auto 10px auto;
}
#choixComptesPourPartenariat,
#envoieReponseInvitations {
    display: none;
}
#divTableauMesPartenaires {
    margin: 10px;
}
#tableauMesPartenaires {
    width: 100% !important;
    text-align: center;
    margin: 10px auto 10px auto;
}
.colonneCompteInvite {
    background: #c4c2c4;
}
.colonneComptePropose {
    background: #dddcdc;
}
.colonneSocieteService {
    background: #ffffff;
}
#texteARechercher {
    width: 300px;
}
#divRecherche .recommandation {
    margin: 50px auto 0 auto !important;
    font-size: 12px;
    text-align: center;
    font-style: italic;
}
#divDetailsSociete,
#divDetailsCompte, 
#divListeComptesDUneSociete {
    display: none;
}
#divListeDesComptes {
    margin-top: 30px;
}
textarea {
    height: 60px;
}
#adresseSocieteUtiliseeEnModificationCompteOuCreationCompteSecondaire {
    display: none;
}
#templateSocieteEtCompte h2 {
    margin: 0 0 0 25%;
}
/********************************************/
#formulaireLogoSociete {
    float: right;
}
#logoSociete {
    float: right;
    margin: 10px;
}
/********************************************/
#googleMapsCoordonneesGPS {
    position: absolute;
    top: 20px;
    left: 25px;
}
.googleMapsAdresseSocieteEtCompte {
    position: relative;
    top: 0;
    left: 30px;
}
/* Progress bar de logo */
#formulaireLogoSociete .divProgression {
    margin-top: 35px;
}
#formulaireLogoSociete .pourcentageAvancement {
    bottom: 21px;
}
#formulaireLogoSociete .pourcentageAvancement {
    bottom: 21px;
}
#formulaireLogoSociete .annulerEnvoi {
     bottom: 18px;
     right: -5px;
}
#formulaireLogoSociete .nomDuFichier {
     right: 230px;
     height: 33px;
}
#infosSociete,
#infosCompte {
    position: relative;
}
#infosSociete .iconeGoogleMaps,
#infosCompte .iconeGoogleMaps {
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 2;
}
#adresseSociete,
#adresseCompte {
    position: relative;
}
.googleMapsAdresseSocieteEtCompte {
    position: absolute;
    top: 60px;
    left: 30px;
    z-index: 2;
}
#formulairePhotoCompte {
    float: right;
}
#photoCompte {
    float: right;
    margin: 10px;
}
/* Progress bar de logo */
#formulairePhotoCompte .divProgression {
    margin-top: 35px;
}
#formulairePhotoCompte .pourcentageAvancement {
    bottom: 21px;
}
#formulairePhotoCompte .pourcentageAvancement {
    bottom: 21px;
}
#formulairePhotoCompte .annulerEnvoi {
     bottom: 18px;
     right: -5px;
}
#formulairePhotoCompte .nomDuFichier {
     right: 230px;
     height: 33px;
}
#formulairePhotoCompte .boutonRemplacantInputFileAvecStyleSpecifique{
    width:150px;
}
#inputLogoSociete,
#inputPhotoCompte {
    width: 140px !important;
}
#service .ligneLabelEtInput select {
    width: 223px !important;
}
#service .ligneLabelEtInput input {
    width: 218px !important;
}
#service .ligneLabelEtInput [type="checkbox"] {
    width: 45px !important;
    margin-top: 8px;
}
#service .ligneLabelEtInput .labelPourCheckboxOuRadio {
    width: 80%;
    float: right;
}
#service .ligneLabelEtInput .ligneLabelEtInputCheckbox {
    margin-top:-35px;
}
#blocServiceBoutonsPersonalises .imageBoutonPersonnalise {
    width: auto !important;
    padding: 0px 10px !important;
    width: 214px;
    float: none;
}
#blocServiceBoutonsPersonalises .imageBoutonPersonnalise > span {
    display: block;
}
#tableauListeParametresApplication_wrapper {
    width:70%;
    text-align:center;
    margin: 0 auto;
    padding-top: 64px;
}

#conteneurVersions {
    width: 70%;
    margin: auto;
}
#tableauListeDesVersionsCode td:nth-child(4) {
    font-size: 10px;
    width: 100px;
}
#divListeAuthentifications {
    width: 95%;
    margin: 0.5% auto 1% auto;
}
select { 
    width: 150px;
}
.critereRecherche input[type="button"] {
    margin: 0 0 0 2%;
}
#dateDebut,
#dateFin, 
#choixSociete {
    width: 100px;
}
/* !important pour dataTables, car celui-ci adapte la largeur selon les données à l'intérieur */
#tableauListeDEmaislEnvoyes {
   /* width: 100% !important;*/
    text-align: center;
    margin: 0.5% auto 1% auto;
}
#tableauListeDEmaislEnvoyes.DTCR_clonedTable {
  width: 150px !important;
}
#tableauListeDeAuthentifications_wrapper{
  top: -59px !important;
}
#divListeDEmailsEnvoyes {
    width: 95%;
    margin: 3.5% auto 1% auto;
}
.critereRecherche input[type="button"] {
    margin: 0 0 0 2%;
}
#dateDebut,
#dateFin {
    width: 100px;
}
.corpsScrollable {
    height: 100px;
}
#conteneurHistorique {
    width: 100%;
    margin: auto;
}
.dataTables_scrollBody {
    min-height: 100px;
    width: 97%;
}
.styleDivCritereRecherche {
   text-align: center;
   margin: 10px auto 10px auto;
}

#rechercher {
    margin-left: 10px;
    margin-bottom: 0;
}
#dateDebut,
#dateFin {
    width: 100px;
}
#divDetails > table {
    text-align: center;
    width: 100%;
}
#divDetail {
    margin-left: 12%;
}
#moduleHistoriqueConsultation_tableauListeHistoriqueConsultation tbody {
    max-height: 100px !important;
}
#moduleHistoriqueConsultation_tableauListeDetailsHistoriqueConsultation tbody,
#moduleHistoriqueConsultation_tableauListeDetailsHistoriqueConsultation thead,
#moduleHistoriqueConsultation_tableauListeDetailsHistoriqueConsultation tfoot {
    display:inline-block;
}
#moduleHistoriqueConsultation_tableauListeDetailsHistoriqueConsultation tbody {
    max-height: 100px !important;
    overflow-y : auto;
}

.centrerHistorique{
    text-align: center;
}
#divScrollTableau {
    overflow-y: scroll;
    height: auto;
    max-height: 400px;
    margin: 10px;
}
#divListeLogsBase {
    width: 95%;
    margin: 0.5% auto 1% auto;
}
.critereRecherche input[type="button"] {
    margin: 0 0 0 2%;
}
#dateDebut,
#dateFin, 
#choixSociete {
    width: 100px;
}
#logsBase label {
    margin: 0 0.5% 0 2%;
}
#tableauDeLogsBase {
    width: 100% !important; /* !important pour dataTables, car celui-ci adapte la largeur selon les données à l'intérieur */
    text-align: center;
    margin: 0.5% auto 1% auto;
    word-wrap: break-word;
}
#tableauDeLogsBase tbody tr td:nth-child(2) {
    background: #dbe3ee;
    color: #333333;
    font-weight: bold;
}
.typeUpdate {
    background: #e3fdff;
}
.typeInsert {
    background: #e3ffea;
}
.typeDelete {
    background: #f6cec5;
}
.creationOuSuppressionOuNonModification {
    background: #ffffff;
}
.modification {
    background: #e6babd;
}
#detailsLogBase {
    background: #eeeeee;
    position: absolute;
    top: 30px;
    right: auto;
    height: auto;
    display: none;
}
#divListeImports {
    width: 95%;
    margin: 3.5% auto 1% auto;
}
.critereRecherche input[type="button"] {
    margin: 0 0 0 2%;
}
#dateDebut,
#dateFin {
    width: 100px;
}
#appelXmlContenu {
    resize: none;
    height: 300px;
    width: 400px;
    font-size: 12px;
    width: 400px;
}

/* !important pour dataTables, car celui-ci adapte la largeur selon les données à l'intérieur */
#tableauListeDHistoriqueDImport {
    width: 100% !important;
    text-align: center;
    margin: 0.5% auto 1% auto;
}
#tableauListeDHistoriqueDImport img {
    cursor: pointer;
}
#tableauListeDHistoriqueDImport.DTCR_clonedTable {
  width: 150px !important;
}
#infoMaintenance .ligneLabelEtInput label {
    color: #6e6e6e;
    display: inline-block;
    font-size: 14px;
    height: auto;
    margin: 0 0 0 8px;
    padding: 4px 0 0;
    text-align: right;
    width: 58%;
}
#envoyerMailRecapitulatif{
    float: right;
    margin-right: -156px;
    margin-top: 5px !important;
    text-align: right !important;
}
#validerSuppressionEtat{
  float: right;
  /* margin-right: -148px; */
  margin-top: 10px!important;
  text-align: right!important;
}
#selectTypeDeSuppression,
#selectNiveauDeLog{
  width: 194px!important;
}
#infoMaintenance .boutonEntete {
    margin-left: 64px;
    margin-top: 0;
    text-align: center;
}
#numeroSocieteMailRecapitulatif{
    margin-right: 9px;
    width: 150px;
}
#importerCompte{
    margin-left: 64px;
}
.boutonBlocSuperInput {
    position: absolute;
    right: 14px;
    top: 7px;
    visibility: hidden;
}
.ligneLabelEtInput .boutonsLecture input[type="button"],
.ligneLabelEtInput .boutonsModification input[type="button"] { 
    float: right;
    margin-right: 3px;
}

#listeComptes.contenuPopup {
  left: 5%!important;
  top: 5%!important;
  width: 87%!important;
}


.loupcompte{
    position: absolute;
    right: 0px;
}

#compteChoisi{
    position: absolute;
    right: 28px;
    top: 70px;
}

#societeChoisiMaintenanceSite{
    width: 196px!important;
    margin-top: -19px!important;
    position: absolute;
    right: 4px;
}
#etatCompteMaintenanceSite{
  width: 194px!important;
  position: absolute;
  top: 91px;
  right: 5px;
}
.largeurSuperAdmin{
    width:670px;
}
#divTableauListeDesComptesAAdministrer {
    width: 90%;
    margin: auto;
}
#tableauListeDesComptesAAdministrer tr {
    cursor: pointer;
}
#tableauListeDesComptesAAdministrer td {
    height: 70px;
    min-height: 70px;
    max-height: 70px;
}

@font-face {
    font-family: 'Hortibox';
    font-style: normal;
    font-weight: 300;
    src: url("/ressource/css/hortibox/fonts/icomoon.woff") format('woff'), url("/ressource/css/hortibox/fonts/icomoon.ttf") format('truetype');
}
@font-face {
    font-family: 'HortiboxTrace';
    font-style: normal;
    font-weight: 300;
    src: url("/ressource/css/hortibox/fonts/icomoon2.woff") format('woff'), url("/ressource/css/hortibox/fonts/icomoon2.ttf") format('truetype');
}
/*.directory.boutonMenuHortibox.contextuel.dx-link,
.file.boutonMenuHortibox.contextuel.dx-link {
    position: absolute;
    right: 24px;
}*/
#myMenu.dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 24px 6px 8px;
}
#myMenu .dx-menu-horizontal {
    -webkit-box-shadow: none;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px;
}
.ajoutFichierDossier {
    font-family: FontAwesome !important;
    font-weight: normal;
    font-style: normal;
    line-height: 0px;
}
#myMenu.menuPourGrid.dx-menu-base .dx-icon {
    line-height: 4px;
}
#enteteNavigateurFichiersNew .dx-toolbar-after {
    right: 23px;
}
#enteteNavigateurFichiersNew .dx-toolbar-after .dx-toolbar-item {
    padding: 0;
}
.menuPourToolBar.dx-menu-base .dx-icon {
    line-height: 13px;
}
.menuPourGrid {
    /*margin-left: -5px;*/
    margin-top: -9px;
}
.menuPourToolBar {
    margin-top: -4px;
    margin-left: -4px;
}
.mainMenu.dx-menu-item.dx-state-hover, .mainMenu.dx-menu-item-expanded {
    background: transparent !important;
}
.fa-plus-square::before {
    font-size: 20px;
    color: #46abe4;
}
    .noRows, .options {
    visibility: hidden;
    height: 0px !important;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.sticky + .content {
    padding-top: 102px;
}
#viewportContainer{
    height:100%;
}
.hortiboxDxDateBox {
    max-width: 80% !important;
}
.hortiboxDxDateBox > .dx-dropdowneditor-input-wrapper > .dx-texteditor-container > .dx-texteditor-input {
    padding-right: 20px!important;
    padding-left: 4px!important;
}
.hortiboxDxDateBox > .dx-dropdowneditor-input-wrapper > .dx-texteditor-container::after {
    border-bottom: none !important;
}
.hortiboxDxDateBox.dx-state-hover .dx-texteditor-container:after {
    border-bottom: none !important;
}

.dx-texteditor:not(.dx-textarea).dx-state-hover .dx-texteditor-container:after {
    border-bottom: none !important;
    border-top: none !important;
}
.buttonDateBox {
    background: #fff !important;
    border-radius: 5px !important;
    height: 30px !important;
    border-color: #70afe4 !important;
}
.hortiboxDxDateBox.dx-state-focused .dx-texteditor-container:before,
.hortiboxDxDateBox.dx-state-active .dx-texteditor-container:before {
    border-bottom: none !important;
    border-top: none !important;
}

.dx-submenu {
    border-radius: 9px !important;
    border-color: #70afe4 !important;
    border: 1px solid;
}
.dx-context-menu .dx-menu-items-container{
    padding:0px!important;
}
.customFont[role="columnheader"] {
    font-size: 16px !important;
}
.dx-menu-base .dx-menu-items-container, .dx-menu-base .dx-menu-item-wrapper, .dx-menu-base {
    border-radius: 11px;
}
.dx-menu-item-wrapper:first-child > .dx-menu-item.dx-state-hover {
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
}
.dx-menu-item-wrapper:last-child > .dx-menu-item.dx-state-hover {
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
}
.dx-menu-item.dx-state-hover {
    background: #e8eff7 !important;
  
}
.bootstrap-datetimepicker-widget {
    z-index: 1000;
}
.MenuFont{
    font-size:16px!important;
}
.Hicon-liste-f {
    /*margin-right: 20px;*/
}
.mosaicTale {
    line-height: 59px !important;
}
.listTale {
    line-height: 21px !important;
    /*margin-right:68px;*/
}
span.ajoutFichierDossier.fas.fa-plus-square {
    margin-right: 46px;
    margin-top: 2px;
    display: block;
}
#enteteNavigateurFichiersNew {
    height: 57px;
}
.desactivation {
    color: lightgrey !important;
    cursor: default !important;
}
.desactivationClient {
    visibility: hidden !important;
}
[class^="Hicon-"], [class*=" Hicon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Hortibox' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="HiconTrace-"], [class*=" HiconTrace-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'HortiboxTrace' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.colonneNom.mosaique {
    text-decoration: none;
    color: #000;
    text-align: center;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 5px 0 5px;
}
.titreHortibox {
    height: 55px !important;
}
#gridHortibox > .dx-gridbase-container > .dx-datagrid-headers {
    border-bottom: 2px solid rgb(203, 227, 247)!important;
}
#gridHortibox > .dx-gridbase-container > .dx-datagrid-headers > .dx-datagrid-content > .dx-datagrid-table tbody > .dx-row.dx-header-row:hover,
#gridHortibox > .dx-gridbase-container > .dx-datagrid-headers > .dx-datagrid-content > .dx-datagrid-table tbody > .dx-row.dx-header-row > td:hover,
#gridHortibox > .dx-gridbase-container > .dx-datagrid-headers > .dx-datagrid-content > .dx-datagrid-table tbody tr:hover{
    background-color: #fff !important;
    background: #fff !important;

}
#gridHortibox > .dx-gridbase-container > .dx-datagrid-headers > .dx-datagrid-content > .dx-datagrid-table tbody > tr.dx-row.dx-header-row {
    background: #fff!important;
    color: #000!important;
}
#gridHortibox > .dx-gridbase-container > .dx-datagrid-headers > .dx-datagrid-content > .dx-datagrid-table tbody > td,
#gridHortibox > .dx-gridbase-container > .dx-datagrid-headers > .dx-datagrid-content > .dx-datagrid-table tbody tr:first-child td{
    border: none !important;
}

#gridHortibox > .dx-gridbase-container > .dx-datagrid-rowsview > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-datagrid-content > .dx-datagrid-table tbody > .dx-row.dx-data-row:hover,
#gridHortibox > .dx-gridbase-container > .dx-datagrid-rowsview > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-datagrid-content > .dx-datagrid-table tbody > .dx-row.dx-data-row > td:hover,
#gridHortibox > .dx-gridbase-container > .dx-datagrid-rowsview > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-datagrid-content > .dx-datagrid-table tbody tr:hover {
    background-color: #fff !important;
    background: #fff !important;
}
#gridHortibox .dx-datagrid-rowsview .dx-selection.dx-row > td {
    background: #fff !important;
}

#gridHortibox > .dx-gridbase-container > .dx-datagrid-rowsview > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-datagrid-content > .dx-datagrid-table tbody > .dx-row:first-child td {
    border-top: none !important;
}
#gridHortibox > .dx-gridbase-container > .dx-datagrid-rowsview > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-datagrid-content > .dx-datagrid-table tbody > .dx-row td,
#gridHortibox > .dx-gridbase-container > .dx-datagrid-rowsview > .dx-datagrid-content >  .dx-datagrid-table tbody > .dx-row td {
    border: none !important;
}
#gridHortibox > .dx-gridbase-container > .dx-datagrid-rowsview .dx-row {
    background-color: #fff !important;
    background: #fff !important;
    max-height: 90px;
    border-bottom: 1px solid #e6e6e6;
}
.mosaique > .path2 {
    /* margin-left: -42px;*/
}


.Hicon-csv .path1:before {
  content: "\e990";
  color: rgb(203, 227, 247);
}
.Hicon-csv .path2:before {
  content: "\e991";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-csv .path3:before {
  content: "\e992";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-csv .path4:before {
  content: "\e993";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-csv .path5:before {
  content: "\e994";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-csv .path6:before {
  content: "\e995";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-csv .path7:before {
  content: "\e996";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-avi .path1:before {
  content: "\e989";
  color: rgb(203, 227, 247);
}
.Hicon-avi .path2:before {
  content: "\e98a";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-avi .path3:before {
  content: "\e98b";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-avi .path4:before {
  content: "\e98c";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-avi .path5:before {
  content: "\e98d";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-avi .path6:before {
  content: "\e98e";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-avi .path7:before {
  content: "\e98f";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-bmp .path1:before {
  content: "\e900";
  color: rgb(203, 227, 247);
}
.Hicon-bmp .path2:before {
  content: "\e901";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-bmp .path3:before {
  content: "\e903";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-bmp .path4:before {
  content: "\e904";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-bmp .path5:before {
  content: "\e91f";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-bmp .path6:before {
  content: "\e920";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-bmp .path7:before {
  content: "\e921";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-doc .path1:before {
  content: "\e922";
  color: rgb(203, 227, 247);
}
.Hicon-doc .path2:before {
  content: "\e923";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-doc .path3:before {
  content: "\e924";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-doc .path4:before {
  content: "\e925";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-doc .path5:before {
  content: "\e926";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-doc .path6:before {
  content: "\e927";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-doc .path7:before {
  content: "\e928";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-gif .path1:before {
  content: "\e929";
  color: rgb(203, 227, 247);
}
.Hicon-gif .path2:before {
  content: "\e92a";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-gif .path3:before {
  content: "\e92b";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-gif .path4:before {
  content: "\e92c";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-gif .path5:before {
  content: "\e92d";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-gif .path6:before {
  content: "\e92e";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-gif .path7:before {
  content: "\e92f";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-jpeg .path1:before {
  content: "\e930";
  color: rgb(203, 227, 247);
}
.Hicon-jpeg .path2:before {
  content: "\e931";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-jpeg .path3:before {
  content: "\e932";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-jpeg .path4:before {
  content: "\e933";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-jpeg .path5:before {
  content: "\e934";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-jpeg .path6:before {
  content: "\e935";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-jpeg .path7:before {
  content: "\e936";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-jpeg .path8:before {
  content: "\e937";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-jpg .path1:before {
  content: "\e938";
  color: rgb(203, 227, 247);
}
.Hicon-jpg .path2:before {
  content: "\e939";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-jpg .path3:before {
  content: "\e93a";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-jpg .path4:before {
  content: "\e93b";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-jpg .path5:before {
  content: "\e93c";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-jpg .path6:before {
  content: "\e93d";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-jpg .path7:before {
  content: "\e93e";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-m4v .path1:before {
  content: "\e93f";
  color: rgb(203, 227, 247);
}
.Hicon-m4v .path2:before {
  content: "\e940";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-m4v .path3:before {
  content: "\e941";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-m4v .path4:before {
  content: "\e942";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-m4v .path5:before {
  content: "\e943";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-m4v .path6:before {
  content: "\e944";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-m4v .path7:before {
  content: "\e945";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-mp3 .path1:before {
  content: "\e946";
  color: rgb(203, 227, 247);
}
.Hicon-mp3 .path2:before {
  content: "\e947";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-mp3 .path3:before {
  content: "\e948";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-mp3 .path4:before {
  content: "\e949";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-mp3 .path5:before {
  content: "\e94a";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-mp3 .path6:before {
  content: "\e94b";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-mp3 .path7:before {
  content: "\e94c";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-mp4 .path1:before {
  content: "\e94d";
  color: rgb(203, 227, 247);
}
.Hicon-mp4 .path2:before {
  content: "\e94e";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-mp4 .path3:before {
  content: "\e94f";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-mp4 .path4:before {
  content: "\e950";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-mp4 .path5:before {
  content: "\e951";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-mp4 .path6:before {
  content: "\e952";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-mp4 .path7:before {
  content: "\e953";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-pdf .path1:before {
  content: "\e954";
  color: rgb(203, 227, 247);
}
.Hicon-pdf .path2:before {
  content: "\e955";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-pdf .path3:before {
  content: "\e956";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-pdf .path4:before {
  content: "\e957";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-pdf .path5:before {
  content: "\e958";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-pdf .path6:before {
  content: "\e95b";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-pdf .path7:before {
  content: "\e95c";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-png .path1:before {
  content: "\e95d";
  color: rgb(203, 227, 247);
}
.Hicon-png .path2:before {
  content: "\e95e";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-png .path3:before {
  content: "\e95f";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-png .path4:before {
  content: "\e960";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-png .path5:before {
  content: "\e961";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-png .path6:before {
  content: "\e962";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-png .path7:before {
  content: "\e963";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-ptt .path1:before {
  content: "\e964";
  color: rgb(203, 227, 247);
}
.Hicon-ptt .path2:before {
  content: "\e965";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-ptt .path3:before {
  content: "\e966";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-ptt .path4:before {
  content: "\e967";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-ptt .path5:before {
  content: "\e968";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-ptt .path6:before {
  content: "\e969";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-ptt .path7:before {
  content: "\e96a";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-sql .path1:before {
  content: "\e96b";
  color: rgb(203, 227, 247);
}
.Hicon-sql .path2:before {
  content: "\e96c";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-sql .path3:before {
  content: "\e96d";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-sql .path4:before {
  content: "\e96e";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-sql .path5:before {
  content: "\e96f";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-sql .path6:before {
  content: "\e970";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-sql .path7:before {
  content: "\e971";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-txt .path1:before {
  content: "\e972";
  color: rgb(203, 227, 247);
}
.Hicon-txt .path2:before {
  content: "\e973";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-txt .path3:before {
  content: "\e974";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-txt .path4:before {
  content: "\e975";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-txt .path5:before {
  content: "\e976";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-txt .path6:before {
  content: "\e977";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-txt .path7:before {
  content: "\e978";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-xml .path1:before {
  content: "\e979";
  color: rgb(203, 227, 247);
}
.Hicon-xml .path2:before {
  content: "\e97a";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-xml .path3:before {
  content: "\e97b";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-xml .path4:before {
  content: "\e97c";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-xml .path5:before {
  content: "\e97d";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-xml .path6:before {
  content: "\e97e";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-xml .path7:before {
  content: "\e97f";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-xls .path1:before {
  content: "\e980";
  color: rgb(203, 227, 247);
}
.Hicon-xls .path2:before {
  content: "\e981";
  margin-left: -0.98828125em;
  color: rgb(240, 248, 253);
}
.Hicon-xls .path3:before {
  content: "\e982";
  margin-left: -0.98828125em;
  color: rgb(203, 227, 247);
}
.Hicon-xls .path4:before {
  content: "\e983";
  margin-left: -0.98828125em;
  color: rgb(114, 175, 226);
}
.Hicon-xls .path5:before {
  content: "\e984";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-xls .path6:before {
  content: "\e985";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-xls .path7:before {
  content: "\e986";
  margin-left: -0.98828125em;
  color: rgb(255, 255, 255);
}
.Hicon-carte:before {
  content: "\e959";
  color: #46abe4;
}
.Hicon-liste-f:before {
  content: "\e95a";
  color: #46abe4;
}
.Hicon-calendar:before {
  content: "\e905";
}
.Hicon-download .path1:before {
  content: "\e906";
  color: rgb(60, 146, 202);
}
.Hicon-download .path2:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(44, 47, 51);
}
.Hicon-lien .path1:before {
  content: "\e908";
  color: rgb(111, 197, 214);
}
.Hicon-lien .path2:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(111, 197, 214);
}
.Hicon-lien .path3:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(96, 147, 153);
}
.Hicon-edit:before {
  content: "\e902";
}
.Hicon-file .path1:before {
  content: "\e987";
  color: rgb(240, 248, 253);
}
.Hicon-file .path2:before {
  content: "\e988";
  margin-left: -0.8759765625em;
  color: rgb(203, 227, 247);
}
.Hicon-folder .path1:before {
  content: "\e90a";
  color: rgb(114, 175, 226);
}
.Hicon-folder .path2:before {
  content: "\e90b";
  margin-left: -1.103515625em;
  color: rgb(203, 227, 247);
}
.Hicon-folderDx .path2:before {
    content: "\e90b";
    margin-left: -49.104px!important;
    color: rgb(203, 227, 247);
}
.Hicon-folderDelete .path1:before {
  content: "\e90c";
  color: rgb(114, 175, 226);
}
.Hicon-folderDelete .path2:before {
  content: "\e90d";
  margin-left: -1.103515625em;
  color: rgb(226, 89, 77);
}
.Hicon-folderDelete .path3:before {
  content: "\e90e";
  margin-left: -1.103515625em;
  color: rgb(203, 227, 247);
}
.Hicon-folderDelete .path4:before {
  content: "\e90f";
  margin-left: -1.103515625em;
  color: rgb(255, 255, 255);
}
.Hicon-folderAdd .path1:before {
  content: "\e910";
  color: rgb(114, 175, 226);
}
.Hicon-folderAdd .path2:before {
  content: "\e911";
  margin-left: -1.103515625em;
  color: rgb(60, 178, 158);
}
.Hicon-folderAdd .path3:before {
  content: "\e912";
  margin-left: -1.103515625em;
  color: rgb(255, 255, 255);
}
.Hicon-folderAdd .path4:before {
  content: "\e913";
  margin-left: -1.103515625em;
  color: rgb(203, 227, 247);
}
.Hicon-fileAdd .path1:before {
  content: "\e914";
  color: rgb(240, 248, 253);
}
.Hicon-fileAdd .path2:before {
  content: "\e915";
  margin-left: -0.99609375em;
  color: rgb(203, 227, 247);
}
.Hicon-fileAdd .path3:before {
  content: "\e916";
  margin-left: -0.99609375em;
  color: rgb(60, 178, 158);
}
.Hicon-fileAdd .path4:before {
  content: "\e917";
  margin-left: -0.99609375em;
  color: rgb(255, 255, 255);
}
.Hicon-delete .path1:before {
  content: "\e918";
  color: rgb(203, 227, 247);
}
.Hicon-delete .path2:before {
  content: "\e919";
  margin-left: -0.76171875em;
  color: rgb(163, 205, 239);
}
.Hicon-fileDelete .path1:before {
  content: "\e91a";
  color: rgb(226, 89, 77);
}
.Hicon-fileDelete .path2:before {
  content: "\e91b";
  margin-left: -0.99609375em;
  color: rgb(255, 255, 255);
}
.Hicon-fileDelete .path3:before {
  content: "\e91c";
  margin-left: -0.99609375em;
  color: rgb(240, 248, 253);
}
.Hicon-fileDelete .path4:before {
  content: "\e91d";
  margin-left: -0.99609375em;
  color: rgb(203, 227, 247);
}
.Hicon-cross:before {
  content: "\ea0f";
}
.Hicon-checkmark:before {
  content: "\ea10";
}
.HiconTrace-history .path1:before {
    content: "\e997";
    color: rgb(111, 197, 214);
}


.mosaique.Hicon-csv,
.mosaique.Hicon-pdf,
.mosaique.Hicon-xls,
.mosaique.Hicon-png,
.mosaique.Hicon-bmp,
.mosaique.Hicon-jpg,
.mosaique.Hicon-jpeg,
.mosaique.Hicon-gif,
.mosaique.Hicon-avi,
.mosaique.Hicon-m4v,
.mosaique.Hicon-mp4,
.mosaique.Hicon-mp3,
.mosaique.Hicon-txt,
.mosaique.Hicon-ppt,
.mosaique.Hicon-doc,
.mosaique.Hicon-sql,
.mosaique.Hicon-xml {
    display: inherit;
    text-align: center;
    line-height: 110px;
    font-size: 70px;
}

.mosaique.Hicon-file {
    display: inherit;
    text-align: center;
    line-height: 110px;
    font-size: 70px;
}

.jstree-stackedicon > .jstree-icon {
    background: none;
}
.jstree-stackedicon.Hicon-folder > i {
    font-style: initial;
}
.conteneurBoutonAction {
    line-height: 4;
}
.jstree-stackedicon.Hicon-folder {
    margin-right: 5px;
}
.conteneurBoutonAction > input {
    border-radius: 8px;
}




.conteneurImgHMosaique {
    float: left;
    width: 90px;
    margin: 15px 15px 0 0;
    border: solid 1px;
    width: 150px;
    height: 150px;
    cursor:pointer;
}
.conteneurImgHMosaique>.Hicon-folder {
    display: inherit;
    text-align: center;
    line-height: 110px;
    font-size: 70px;
}


.Hicon-folder.iconeDossierH {
    font-size: 30px;
    margin-top: 10px;
    display: inline-block;
}

.Hicon-file.iconOuMiniatureNew {
    font-size: 30px;
    margin-top: 10px;
    display: flex;
}
.HiconL.iconOuMiniatureNew {
    font-size: 31px;
    margin-top: 10px;
    display: flex;
    margin-left: 2px;
}
.HiconL.iconOuMiniatureNew >.path2 {
    font-size: 31px;
    display: flex;
}
span.HiconL.iconOuMiniatureNew > .path3:before {
    margin-left: -30px;
}
span.HiconL.iconOuMiniatureNew > .path4:before {
    margin-left: -30px;
}
span.HiconL.iconOuMiniatureNew > .path5:before {
    margin-left: -33px;
}
span.HiconL.iconOuMiniatureNew > .path6:before {
    margin-left: -32px;
}
span.HiconL.iconOuMiniatureNew > .path7:before {
    margin-left: -31px;
}

#listeFichiers.mosaique {
    margin:0 15px 0 15px;
}


.sousTitreH1 {
    float: left;
    margin-left: 165px;
    margin-top: -30px;
    font-size: 14px;
    color: #b0b0b0;
    /* centrer verticalement le span a l interieur 
    vertical-align: middle;
    line-height: 40px;*/
}
#divConteneurEspaceDeStokageParSociete {
    float: right;
    width: 740px;
}
#divConteneurInputFichiers {
    margin: 50px auto 0 auto;
    width: 50%; 
    background: #f0f0f0;
    padding-top: 15px;
    height: 50px;
    text-align: center;
    position: relative;
    border-radius: 10px;
}
#divConteneurInputFichiers label {
    font-size: 14px;
}
.recommandation {
    font-size: 12px;
    color: #747474;
}
.conteneurImgH {
    /*min-width: 85px;
    max-width: 85px;
    width: 85px;*/
    min-width: 55px;
    max-width: 55px;
    width: 55px;
    margin-left: 10px;
}
.boutonMenuHortibox.contextuel.dx-link {
    margin-left: 31px;
}
.conteneurModeAffichageNew {
    margin-top: 1px;
    margin-left: 33px;
    width: 70px;
    display:inline-flex;
}
.Hicon-liste-f {
    margin-left: 5px;
}
.conteneurBoutonAction {
    width: 50px;
}
/* CSS du barre de progression, partie css possible d'têtre factoriser */
/*#entetePageHortibox .divProgressionEnvoiFichier {
    background: none repeat scroll 0 0 #ff0000;
    float: right;
    height: 10px;
    position: relative;
    width: 200px;
    display: none;
    margin: -34px 350px 15px;
}*/
a .jstree-icon {
    background-image: url("/ressource/image/navigateurFichiers/iconDossierParDefautTree.png") !important;
    background-position: 0 !important;
}
#entetePageHortibox .divProgressionEnvoiFichier {
    background: none repeat scroll 0 0 #ff0000;
    float: right;
    height: 10px;
    position: relative;
    width: 200px;
    display: none;
    margin: -28px 130px 6px;
}
.pourcentageAvancementEnvoiFichier {
    position: absolute;
    top: -8px;
    left: -56px;
}
.barreDeProgressionEnvoiFichierVide,
.barreDeProgressionEnvoiFichierRemplie {
    height: 10px;
    visibility: hidden;
}
.annulerEnvoiEnvoiFichier {
    position: absolute;
    top: -10px;
    left: 305px;
    cursor: pointer;
    font-size: 18px;
}
.barreDeProgressionEnvoiFichierVide {
    width: 300px;
    background: #a9a9a9;
    z-index: 1;
}
.barreDeProgressionEnvoiFichierRemplie {
    width: 300px;
    background: #6d4466;
    z-index: 2;
}
#conteneurNavigateurFichier #conteneurMenuFichiers {
    height: auto;
    overflow-y: hidden;
}
/*#conteneurNavigateurFichier {
    max-height: 600px; 
    margin-top: 74px;
}*/
#conteneurNavigateurFichier {
    margin-top: 0px;
    position: relative;
    width: 100%;
    overflow:auto;
}

.flex-container {
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: !important;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex!important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 5px;
    padding-top: 5px;
}
div#contenuFichiers {
    position: relative;
    /*left: 12px; */
    /*margin-top: 80px;*/
    /*border-left-style: outset;*/
    overflow-y: hidden;
    overflow-x: hidden;
    background:#fff!important;
}
.splitter_container > .splitter_panel{
    overflow:hidden;
}
.splitter-vertical > .splitter_bar{
    border-top: 1px solid deepskyblue;
    border-bottom: 1px solid deepskyblue;
}
#conteneurNavigateurFichier LI.file a:not(.iconTelechargerFichier) {
    width: 38%;
    white-space: normal;
}
#conteneurNavigateurFichier .iconOuMiniature {
    margin-left: 0;
    margin-top: 4px;
}
.directoryselected{
    background-color :#dcdcdc;
}
.actionPanel, .actionPanelFile,.actionPanelValider,actionPanelFileValider {
    visibility: hidden;
    margin-top:9px;
    position: relative;
}
.actionPanel > .bootstrap-datetimepicker-widget.dropdown-menu,
.actionPanelFile > .bootstrap-datetimepicker-widget.dropdown-menu
{
    min-width: 235px!important; 
    position :relative!important; 
    margin-left: -14px!important; 
    margin-top: -125px!important; 
}
.actionPanel >.bootstrap-datetimepicker-widget.dropdown-menu >list-unstyled 
.actionPanelFile >.bootstrap-datetimepicker-widget.dropdown-menu >list-unstyled 

{
    width: 135px!important; 
    
}
.actionPanel > :first-child {
    margin-left: 31%;
    margin-right: 5px;
    cursor: pointer;
}
.actionPanelFile > :first-child {
    margin-left: 16%;
    margin-right: 5px;
    cursor:pointer;
}
.actionPanel > :not(:first-child) {
    margin-right: 5px;
    cursor: pointer;
}

.actionPanelFile > :not(:first-child) {
    margin-right: 5px;
    cursor:pointer;
}
.viderSaisieHortibox{
    cursor: pointer; 
    visibility: visible;
    display: inline;
    cursor: pointer;
    position: absolute;
    right: 60px;
    top: 11px;
}
.conteneurLigne{
    height: 100%;
}
li.file:not(.tail){
    height: 75px;
}    
.datepickerPeremptionHortibox
{
     margin-top: 16px;
     width:90px!important;
}
div#conteneurProgression {
    width: 360px;
    position: absolute;
    top: 15px;
    left: 182px;
}
.telechargementFichier{
    /*cursor: url("/ressource/image/navigateurFichiers/specialpointer.png"),auto!important;*/
}
a.colonneNom.nonContextuel.telechargementFichier {
    cursor: pointer!important;
}
.iw-contextMenu> :first-child {
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
}
.iw-contextMenu> :last-child {
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
}
.iw-contextMenu {
    border-radius: 9px;
    border-color: #70afe4;
}
.iw-cm-menu li
{
    border-bottom: none;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
}
.vakata-context li > a .vakata-contextmenu-sep
{
    border-left:none!important;
}
.vakata-context li > a > i:empty
{
    width:20px!important;
}
.vakata-context, .vakata-context ul
{
    background: #ffffff!important;
    border: 1px solid #70afe4!important;
    border-radius: 9px;
    box-shadow : none;
}
.vakata-context ul
{
  margin-left: 0px!important;
}
.vakata-context li > a:hover
{
    box-shadow : none!important;
}
.vakata-context li > a .vakata-contextmenu-sep {
    background: #ffffff00!important;
}
@media screen and (max-width: 1450px) {
    nomFichierDansLEntete {
        margin-left: 20%;
    }
    .tailleFichierDansLEnteteNavigateurFichier {
       /* margin-left: 3%;*/
    }
    .dateModificationDansLEnteteNavigateurFichier {
        /*margin-left: 5%;*/
    }
    .dateCreationFichier {
        left: 59%;
    }
    #conteneurNavigateurFichier LI.file a.iconTelechargerFichier {
        display: block;
        left: 94%;
    }
    li.fichierEnModeMosaique:nth-child(2n+1),
    li.fichierEnModeMosaique:nth-child(2n) {
        width:  47%;
    }
    .tailleFichier {
        left: 52%;
    }
    .tailleFichierMosaique {
        left: 5%;
        top: 70px;
    }
    .dateCreationFichierMosaique {
        top: 70px;
    }
    #conteneurNavigateurFichier LI.file a:not(.iconTelechargerFichier):not(.iconTelechargerFichierMosaique) {
        width: 14ch !important;
    }
    /*.jqueryFileTree LI.file a:not(.iconTelechargerFichier):not(.iconTelechargerFichierMosaique):not(.boutonCopier) {
        left: 13%;
    }*/
    .iconesGestionDeFichiersEnModeMosaique {
        top: 0;
        left: 40%;  
    }
    .iconesGestionDeDossiersEtFichiers {
        left: 69%;
        top: 0;
    }
    /*.divDatePeremptionPourDossier {
        left: 40%; 
        top: 1px;
    }
    .divDatePeremptionPouFichier {
        left: 35%; 
        top: 9px;
    }*/
    .divDatePeremptionPouFichierMosaique {
        position: absolute;
        width: 235px;
        left: 2%; 
        top: 45px;
    }
    .inputRechercheDansLEnteteNavigateurFichier {
        width: 180px !important;
    }
}
#telecharger {
    width: 500px;
    margin: -100px 0 0 -250px;
    top: 40%; 
    left: 45%;
}
#divDetails {
    margin: 10px;
}
#layoutTelechargement {
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    background-color: #ffffff; 
    z-index: 12;
    display: none;
}
#telechargement {
    width: 500px;
    margin: -100px 0 0 -250px;
    top: 40%; 
    left: 45%;
    height: auto;
    z-index: 13;
    position: absolute; 
    display: none;
	-moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
}
.labelTelechargement {
    color: #6E6E6E;
    display: inline-block;
    font-size: 14px;
    height: auto;
    margin: 0 0 0 8px;
    padding: 4px 0 0;
    width: 48%;
}
#arborescenceNavigateurFichier {
    color: #A1A1A1;
    font-size: 16px;
    position: relative;
    left: 28px;
    top: 0px;
    width: 90%;
}

.divInputFileHortibox {
    display: none;
}
.boutonParcourir input[type="File"] {
    display: none;
}

@media screen and (max-device-height: 1080px ) {
    #conteneurNavigateurFichier  {
       /* height: 550px !important;*/
    }
}
@media screen and (max-device-height: 1050px ) {
    #conteneurNavigateurFichier  {
       /* height: 550px !important;*/
    }
}
@media screen and (max-device-height: 1024px) {
    #conteneurNavigateurFichier  {
        /* height: 550px !important;*/
    }
}
@media screen and (max-device-height: 960px) {
    #conteneurNavigateurFichier  {
        /* height: 550px !important;*/
    }
}
@media screen and (max-device-height: 900px) { 
    #conteneurNavigateurFichier  {
       /*  height: 425px !important;*/
    }
}
@media screen and (max-device-height: 864px) {
    #conteneurNavigateurFichier  {
     /*    height: 425px !important;*/
    }
    div#contenuFichiers {
        /*width: 785px!important;*/
    }
    .nomFichierDansLEnteteNavigateurFichierNew {
        width: 32ch!important;
        min-width: 32ch!important;
    }
    .colonneNom:not(.mosaique) {
        width: 31ch !important;
        min-width: 31ch !important;
        max-width: 31ch !important;
    }      
         
    .hortiboxNewFichiers {
        min-width: 785px!important;
        max-width: 785px!important;
    }
    .corpsDeNavigateurFichierNew {
        height: 460px!important;
    }     
    .splitter_container {
        height: 82%!important;
    }  
          
}
@media screen and (max-device-width: 1280px) and (max-device-height: 1024px) {
    #conteneurNavigateurFichier  {
     /*    height: 425px !important;*/
    }
    div#contenuFichiers {
        /*width: 870px!important;*/
    }
    .nomFichierDansLEnteteNavigateurFichierNew {
        width: 41ch!important;
        min-width: 41ch!important;
    }
    .colonneNom:not(.mosaique) {
        width: 40ch !important;
        min-width: 40ch !important;
        max-width: 40ch !important;
    }      
       
    .hortiboxNewFichiers {
        min-width: 870px!important;
        max-width: 870px!important;
    }
    .corpsDeNavigateurFichierNew {
        height: 545px!important;
    }      
    .splitter_container {
        height: 84%!important;
    }     
}


@media screen and (max-device-width: 1440px) and (max-device-height: 900px) {
    #conteneurNavigateurFichier  {
     /*    height: 425px !important;*/
    }
    div#contenuFichiers {
        /*width: 1000px!important;*/
    }
    .nomFichierDansLEnteteNavigateurFichierNew {
        width: 56ch!important;
        min-width: 56ch!important;
    }
    .colonneNom:not(.mosaique) {
        width: 55ch !important;
        min-width: 55ch !important;
        max-width: 55ch !important;
    }      
        
    .hortiboxNewFichiers {
        min-width: 1000px!important;
        max-width: 1000px!important;
    }
    .corpsDeNavigateurFichierNew {
        height: 456px!important;
    }      
    .splitter_container {
        height: 82%!important;
    }     
}

@media screen and (max-device-width: 1600px)  {
    #conteneurNavigateurFichier  {
     /*    height: 425px !important;*/
    }
    div#contenuFichiers {
        /*width: 1140px!important;*/
    }
    .nomFichierDansLEnteteNavigateurFichierNew {
        width: 68ch!important;
        min-width: 68ch!important;
    }
    .colonneNom:not(.mosaique) {
        width: 69ch !important;
        min-width: 69ch !important;
        max-width: 69ch !important;
    }      
       
    .hortiboxNewFichiers {
        min-width: 1140px!important;
        max-width: 1140px!important;
    }
    .corpsDeNavigateurFichierNew {
        height: 456px!important;
    }      
    .splitter_container {
        height: 82%!important;
    }     
}
@media screen and (max-device-height: 1024px)  {
        
    .splitter_container {
        height: 84%!important;
    }     
}

@media screen and (max-device-width: 1280px) {
    #conteneurNavigateurFichier  {
     /*    height: 425px !important;*/
    }
    div#contenuFichiers {
        /*width: 870px!important;*/
    }
    .nomFichierDansLEnteteNavigateurFichierNew {
        width: 41ch!important;
        min-width: 41ch!important;
    }
    .colonneNom:not(.mosaique) {
        width: 40ch !important;
        min-width: 40ch !important;
        max-width: 40ch !important;
    }      
   
    .hortiboxNewFichiers {
        min-width: 870px!important;
        max-width: 870px!important;
    }
    .corpsDeNavigateurFichierNew {
        height: 460px!important;
    }  
    .splitter_container {
        height: 82%!important;
    }           
}
@media screen and (max-device-width: 1920px) {
    #conteneurNavigateurFichier  {
     /*    height: 425px !important;*/
    }
    div#contenuFichiers {
        /*width: 1190px!important;*/
    }
    .nomFichierDansLEnteteNavigateurFichierNew {
        width: 73ch!important;
        min-width: 73ch!important;
    }
    .colonneNom:not(.mosaique) {
        width: 75ch !important;
        min-width: 75ch !important;
        max-width: 75ch !important;
    }      
  
    .hortiboxNewFichiers {
        min-width: 1190px!important;
        max-width: 1190px!important;
    }
    .corpsDeNavigateurFichierNew {
        height: 600px!important;
    }  
    .splitter_container {
        height: 85%!important;
    }           
}
@media screen and (min-device-width: 1360px) and (max-device-width: 1366px) {
    #conteneurNavigateurFichier  {
     /*    height: 425px !important;*/
    }
    div#contenuFichiers {
        /*width: 940px!important;*/
    }
    .nomFichierDansLEnteteNavigateurFichierNew {
        width: 49ch!important;
        min-width: 49ch!important;
    }
    .colonneNom:not(.mosaique) {
        width: 48ch !important;
        min-width: 48ch !important;
        max-width: 48ch !important;
    }      
     
    .hortiboxNewFichiers {
        min-width: 940px!important;
        max-width: 940px!important;
    }
    .corpsDeNavigateurFichierNew {
        height: 460px!important;
    }  
    .splitter_container {
        height: 82%!important;
    }           
}
@media screen and (min-device-width: 1680px) {
    #conteneurNavigateurFichier  {
     /*    height: 425px !important;*/
    }
    div#contenuFichiers {
        /*width: 1190px!important;*/
    }
    .nomFichierDansLEnteteNavigateurFichierNew {
        width: 72ch!important;
        min-width: 72ch!important;
    }
    .colonneNom:not(.mosaique) {
        width: 74ch !important;
        min-width: 74ch !important;
        max-width: 74ch !important;
    }      
       
    .hortiboxNewFichiers {
        min-width: 1190px!important;
        max-width: 1190px!important;
    }
    .corpsDeNavigateurFichierNew {
        height: 577px!important;
    }  
    .splitter_container {
        height: 85%!important;
    }           
}
 /*@media screen and (max-device-height: 800px) {
    #conteneurNavigateurFichier  {
        height: 345px !important;
    }
}
@media screen and (max-device-height: 768px) {
    #conteneurNavigateurFichier  {
        height: 328px !important;/
    }
}
@media screen and (max-device-height: 720px) {
    #conteneurNavigateurFichier  {
        height: 320px !important;
    }
}
@media screen and (max-device-height: 600px) { 
    #conteneurNavigateurFichier  {
        height: 320px !important;
    }
}
*/
#conteneurNavigation{
    width:100%;
}
#conteneurNavigation.divProgressionEnvoiFichier {
    background: none repeat scroll 0 0 #ff0000;
    float: right;
    height: 10px;
    position: relative;
    width: 200px;
    display: none;
    margin: -34px 350px 15px;
}
#barreDeProgressionEnvoi {
    margin: 6px 5px 0 5px;
    width:285px!important;
}
#pourcentageAvancement {
    position: relative!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    width:47px;
}
#annulerEnvoi {
    position: relative!important;
    top: -2px!important;
    left: 0!important;
    right: 0!important;
}
.conteneurFichier {
    width: 150px;
    height: 150px;
    display: inline-table;
    position: relative;
    margin-top: 15px;
    margin-left: 15px;
    border: 1px solid #efeeee;
    background: #ffffff;
    padding: 3px;
    vertical-align: middle;
}

#divProgressionEnvoiFichier{
    display:none;
}

#validerRecherche {
    height: 27px;
    top: 0px !important;
}
.conteneurRecherche
{
    width: 200px;
    top: 10px;
    right: 190px;
    position: absolute;
    height: 27px;
}
.inputRechercheDansLEnteteNavigateurFichier, .boutonRemplacantHortibox, .boutonAideBoutonHortibox {
    top: 0px !important;
}
.vakata-context{
    z-index:15;
}
.flex-container.conteneurTelechargement {
    width: 200px;
    position: absolute;
    top: 10px;
    right: -35px;
}
.splitter_container.splitter-vertical > .splitter_panel ~ .splitter_panel
{
    overflow-x:auto;
}
#alerteGestionFichiers .recommandation {
    font-size: 14px;
    margin-left: 30px;
    float:left;
}
#esapceLibre {
    padding: 10px;
    height: 25px;
    margin-left: 8px;
    color: #6e6e6e;
    font-size: 15px;
}
#divDetails .labelTelechargement label {
    font-size: 15px !important;
}
.divAppliquerPourTout {
    float: left;
    margin-left: 100px;
}
#appliquerPourTout {
    float: right;
    margin-right: 10px;
}
#labelAppliquerPourTout {
    float: right;
}
#conteneurCategories {
    width: 60%;
    margin: auto;
}



#conteneurCategoriesMedias {
    height: 90%;
    width: 60%;
    margin: 20px auto 0 auto;
}




#gestionPictogramme {
    float: right;
}
#pictoCategorieDescriptif {
    float: right;
    margin: 10px;
}
#radioPicto {
    left: 74px;
    position: relative;
    top: -7px;
    display: none;
}
#gestionPictogramme,
#gestionPictogramme label {
    position: relative;
    top: -2px;
    left: -2px;
    margin: 10px 0 0 0;
    font-size: 13px;
}
#gestionPictogramme input[type="radio"] {
    position: relative;
    top: -1px;
    left: -8px;
}
.iconeSupprimerPicto {
    display: none;
    float: right;
    cursor: pointer;
    padding-top: 20px;
    padding-right: 15px;
}
.divDetailPhoto {
    float: right;
}
.valeurInfoMediaImage {
    font-size: 12px;
}
#divAffichageMedia {
    position: relative;
}
#divAffichageMedia a {
    position: absolute;
    bottom: -5px;
    left: 25px;
    padding: 8px;
    text-decoration: none;
    color: #3f3f3f;
    font-size: 12px;
    font-weight: bold;
}
.divCategorieMedia {
    font-size: 14px;
    margin: 10px 0 0 20px;
}
.categorieMedia {
    background: #979797;
    padding: 3px 10px 3px 10px;
    color: #ffffff;
}
.nomMedia {
    background: #e6e6e6;
    padding: 3px 10px 3px 10px;
    position: relative;
    left: -5px;
}
.imageLectureVideoEtAudio {
    cursor: pointer;
}
.fichierMedia {
    border: 1px solid #cccccc;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	margin-left: 80px;
    margin-top: -80px;
}
/* Medias details en popup */
/*#mediasDetails {
    min-width: 200px;
    background: #ffffff;
   
    position: absolute;
    padding: 0 0 7px; 
    box-shadow: 0 0 5px 2px #B3B3B3;
    
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid rgba(0, 0, 0, 0);
    
    border-radius: 3px;
    display: none;
    z-index: 11;
}*/
#titreDetailsMedia {
    text-align: left; 
    font-weight: bold; 
    color: #4c4c4c; 
    background: #e9e9e9; 
    padding: 5px 0 5px 10px;
	-moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
#mediasDetails:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: -8px;
    position: absolute;
    top: 40px;
}
#mediasDetails:after {
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid #ffffff;
    border-top: 6px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: -6px;
    position: absolute;
    top: 41px;
}
#mediasDetails {
    background: #ffffff;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    box-shadow: 0 0 5px 2px #B3B3B3;
    position: relative;
    z-index: 3;
    min-width: 300px;
    padding-bottom: 10px;
}
#mediasDetails {
    font-size: 14px; 
}
#mediasDetailsContenu {
    margin: 10px;
}
.libelle {
    margin-right: 15px;
    color: #6e6e6e;
    display: block;
    float: left;
    text-align: right;
    width: 130px;
}
.informations {
    color: #323232;
    display: block;
    float: left;
}

#conteneurCopyrights {
    width:60%;
    margin:auto;
}

#divListeCritere {
    height: 90%;
    width: 100%;
    margin: 20px auto 0 auto;
}
#moduleCritere_tableauListeDeCriteres, #moduleCritere_tableauListeDeCriteresVlv, #moduleCritere_tableauListeDeCriteresReferentes {
    width: 100% !important;
    text-align: center;
    margin: auto;
    margin: 0 10px 0 10px;
    text-align: center;
}

#moduleCritere_tableauListeDeCriteres.DTCR_clonedTable, #moduleCritere_tableauListeDeCriteresVlv.DTCR_clonedTable, #moduleCritere_tableauListeDeCriteresReferentes.DTCR_clonedTable  {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

#moduleCritere_tableauListeDeCriteres_wrapper ,#moduleCritere_tableauListeDeCriteresVlv_wrapper ,#moduleCritere_tableauListeDeCriteresReferentes_wrapper{
    width: 97% !important;
}


#gestionPictogramme {
    float: right;
}
#pictoCritere {
    float: right;
    margin: 10px;
}
#radioPicto {
    left: 74px;
    position: relative;
    top: -7px;
    display: none;
}
#gestionPictogramme,
#gestionPictogramme label {
    position: relative;
    top: -2px;
    left: -2px;
    margin: 10px 0 0 0;
    font-size: 13px;
}
#gestionPictogramme input[type="radio"] {
    position: relative;
    top: -1px;
    left: -8px;
}
.iconeSupprimerPicto {
    display: none;
    float: right;
    cursor: pointer;
    padding-top: 20px;
    padding-right: 15px;
}
#divListeDescriptifs {
    width: 100%;
    margin: auto;
}

#moduleDescriptif_tableauListeDesDescriptifs tr,
#moduleDescriptif_tableauListeDesBDDVegetales tr {
    cursor: pointer;
}
td.elementBold
{
    font-size: 16px !important;
}
.descScrollable {
	float: left;
	height: 100px;
	width: 100%;
}
.commScrollable {
    float: left;
	height: 100px;
	width: 100%;
}
#exportPrestashop, #exportPro{
    background: url("/ressource/image/commun/globe.png") 50% 50% no-repeat, linear-gradient(to bottom, #ffffff, #e6e6e6) !important;
    width: 35px;
}
#exportPro{
    background: url("/ressource/image/commun/globe.png") 50% 50% no-repeat, linear-gradient(to bottom, #ffffff, #e6e6e6);
    width: 35px;
}
.comboboxFiltreAccessiblite {
    font-size: 12px;
    width: 100px;
    margin-left: 10px;
}
#filtresAvances.Dx {
    /*float: right;
    margin-right: 50px; position: relative;*/
    margin-top: 18px!important;
}
#filtresAvances {
    float: right;
    margin-right: 50px;
    margin-top: -5px;
    position: relative;
}

position: relative;
#filtresAvances label {
    font-size: 14px;
}
#filtresAvances select {
    margin-left: 30px;
}
#filtresAvances img {
    position: absolute;
    cursor: pointer;
}
#iconeAjoutFiltreListe.Dx {
    top: 0px !important;
}
#iconeAjoutFiltreListe {
    top: 5px;
}
#gestionFiltre {
    float: right;
    height: 23px;
    margin-top: -4px;
    position: relative;
    width: 55px;
}
#gestionFiltre img {
    top: 0;
}
#iconeSupprimerFiltre {
    left: 40px;
}
#iconeModifierFiltre {
    left: 10px;
}
#pageUnDescriptif {
    height: 88%;
    position: relative;
}
#divPreselectionner {
    margin: 10px auto 0 auto;
    text-align: center;
}
#divPreselectionner input[type="button"] {
    padding: 1px;
}
#divPreselectionner label.block {
    display:block;
}
/* [for^="critereCheckbox-"] = contenu attribut for commence par "critereCheckbox-" */
label[for^="critereCheckbox-"] {
    position: relative;
    top: -3px;
}
.ligneLabelEtInputCheckbox {
    padding-left: 200px;
}
.ligneLabelEtInputCheckbox label {
    font-weight: normal !important;
}
.blocDInput .blocDInput {
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
}
#langueDonneesVLV {
    text-align: center;
    margin-bottom: 20px;
}
#langueDonneesVLV img {
    cursor: pointer;
}
.divConteneurDescriptifsPreselectionnes {
    height: 85%;
}
#pageUnDescriptif textarea {
    height: 100px;
}
/* Chopix de langue */
.divConteneurLangue {
    margin: 3px auto;
    position: relative;
    cursor: pointer;
    text-align: center;
    display: none;
}
.listeDesLangues {
    background: #FFFFFF;
    border: 1px solid #777777;
    border-radius: 6px;
    display: none;
    min-width: 36px;
    padding: 5px 0 5px 0;
    position: absolute;
    z-index: 10;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
.unBoutonDuGroupe {
    padding: 3px 0 3px 10px;
    cursor: pointer;
    font-size: 13px;
    color: #444444 !important;
}
.unBoutonDuGroupe img {
    margin:0;
    display: block;
}
.unBoutonDuGroupe:hover {
    background: #d0d0d0;
}
.divConteneurGroupBouton img {
    cursor: pointer;
}
.imageLangueDeTraduction {
    display: block;
    float: right;
    padding-left: 5px;
    margin-top: 3px;
    display: none;
    clear: both;
}
#infosDescriptif .sp-replacer {
    margin-left: 3%;
}
.tonaliteDescriptif {
    margin-left: 4%;
    padding: 0 17px;
}
#choixDeTonalite {
    width: 162px;
}
#choixDeTonalite label {
    width: 85%;
}
#divTraduction {
    text-align: center;
    margin-bottom: 20px;
    display: none;
}
/* Usage et ordre sur media */
.rappelChoixUsage {
    margin-left: 30px;
    color: #747474;
    font-size: 14px;
}

#comboboxUsage {
    margin-left: 10px;
    width: 180;
    font-size: 14px;
}
.comboboxOrdreMedia {
    width: 50px;
    visibility: hidden;
    font-size: 12px;
    color: #0d0d0d;
}

.rating {
    float:right;
    height: 40px;
    margin-top: 10px;
    direction: ltr;
    white-space: nowrap;
    cursor: pointer;
}

.rating .star {
    width:15px;
    height:15px;
    overflow:hidden;
	background : url("/ressource/image/commun/vide.png") no-repeat;
}

.rating .active {
	background : url("/ressource/image/commun/pleine.png") no-repeat !important;

}

.rating .hover {
	background : url("/ressource/image/commun/pleine.png") no-repeat !important;
}
.star {
    display: inline-block;
    text-indent: -999px;
}
.tauxRempli {
    display: none;
}
.iconeBDDVegetalDansTitreBloc {
    position: absolute;
    top: 10px;
    right: 20px;
}


.baseVegetaleExterne {
    height: 50px;
}

#imgBaseVegetaleExterne,#imgHortiOuVitiBook {
    position: absolute;
    right: 68px;
    top: 0px;
}
#listeMediasEncreationOuEnModification .entetePage {
    display: none;
}
#listeLargeursColonnes_moduleDescriptif_tableauListeDeMedias{
    top: 125%;
}
#mediasEnLecture h4 {
    margin-bottom: 10px;
}
#conteneurSocietesReferentesPurPreselection {
    display: inline-block;
}
#divSelection{
    text-align:center;

}

.gestionConseil{
    font-size: 20px;
}
.gestionConseil label {
    font-size: 16px;
}

.contenuListes{
    height:100%;
}
#unConseilAssocieDescriptifs{
    padding-left:80px;
    padding-top: 20px;
    margin: 5px auto;
    width: 80%;
    position: relative;
    display: block;
    height: auto;
    background-color: #f6f6f6;
    border-radius: 10px;
}
.blocDInputGlobal {
  position: relative;
  display: flex;
}


.divConditions > div {
    width: 240px;
    height: 305px;
    float: left;
    border-style: solid;
    margin-left: 10px;
    margin-bottom: 10px;
}

.ajoutGroupeValeurs{
  width: 50px!important;
  border-style: none!important;
}

.ajoutGroupeValeurs>img{
  position: relative;
  top: 43%;
  left: 19%;
  border: solid;
  border-style: outset;
}
.affichageConseil{
    font-size: 20px;
    left: 14px;
    vertical-align: top;
}
.affichageDescriptif{
  font-size : 20px;
}
.affichageDescriptif{
  font-size : 20px;
}

.ajoutCondition{
  margin: 5px auto;
  width: 80%;
  padding-top: 20px;
  padding-right: 40px;
}
  
.ajoutCondition>img{
  border: solid;
  border-style: outset;
}


.iconeSupprimerGroupeValeurs{
    display: none;
    right: 3px;
    top: 3px;
    position: absolute;
}
.condition:hover .supprimerGroupeValeurs {
   display:initial;  
}
.conteneurSuppressionBlocConditions {
    text-align: right;
    position: relative;
    min-height: 21px;
}
.iconeSupprimerBlocConditions{
    display: none;
}
.conteneurBlocConditions:hover .supprimerBlocConditions {
   display:initial;  
}
.conteneurBlocConditions {
    border-radius: 10px;
    background-color: #f6f6f6; 
    margin: 5px auto;
    width: 80%;
    padding-left: 40px;
    padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 20px;
    margin-top: 20px;
}
.conteneurTableauPourConseil {
    width: 100%;
    background-color: #ffffff;
}
.modeCulture{
    text-align: center;
    width: 100%;
    height: 40px;
    position: relative;
    border-bottom-style: solid;
}
label[for=pot],label[for=terre]{
  position: relative;
  top: 7px;
}
#pot, #terre{
    position: relative;
    top: 10px;
}
#pot, label[for=pot]{
  left: -25px;
}
#terre, label[for=terre]{
  right: -25px;
}

.age{
    width: 50%;
    height: 140px;
    border-bottom-style: solid;
    line-height: 0px;
}

.zoneClimatique{
    width: 50%;
    height: 120px;
    line-height: 0px;
}

.mois{
    width: 50%;
    height: 262px;
    float: right;
    border-left-style: solid;
}

.messageListeVide{
    text-align: center;
    top: 10%;
    position: relative;
}

.choixObligatoireConseilAssocieDescriptifs{
  -moz-box-shadow: inset 0 0 10px #000000;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(240,17,17,1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(240,17,17,1);
  box-shadow: 0px 0px 10px 0px rgba(240,17,17,1);
}
.divAffichageConseil{
    display: inline-block;
    margin-left: 10px;
    margin-top: -10px;
    position: relative;
}

#conteneurLieux {
    width:60%;
    margin:auto;
}

#divListeDeMedias {
    height: 90%;
    width: 100%;
    margin: 20px auto 0 auto;
}
#moduleMedia_tableauListeDeMedias {
    width: 100% !important;
    text-align: center;
    margin: auto;
    margin: 0 10px 0 10px;
}
#moduleMedia_tableauListeDeMedias tr {
    cursor: pointer;
}
#moduleMedia_tableauListeDeMedias.DTCR_clonedTable {
  width: 150px !important;
}


#divListeDescriptifsSurPageMedia {
    height: 20%;
    margin: 20px 0;
}
#divListeCriteresValeursSurPageMedia {
    height: 20%;
    margin: 20px 0;
}
#moduleMedia_tableauListeDesCriteresValeurs {
    width: 98% !important;
    text-align: center;
    margin: auto;
    margin: 0 10px 0 10px;
    text-align: center;
}
/*#divInfoMedia .boutonRemplacantInputFileAvecStyleSpecifique input[type="file"] {
    float: right;
    width: 95px;
    font-size: 11x;
}*/
#divInfoMedia .boutonRemplacantInputFileAvecStyleSpecifique {
    width: 100px;
    margin-right: 10px;
}
.boutonRemplacantInputFileAvecStyleSpecifique:hover {
    background: #c6c6c6;
}
#divRappelFichiersSelectiones {
    display: none;
    font-size: 12px;
    color: #a7a7a7;
    padding-left: 10px;
    margin-top: 30px;
    text-align: right;
    width: 95%;
}
.imageHortibox {
    float: right;
    cursor: pointer;
}
#divVisualiserMedia .iconeCategorieMedia {
    padding-bottom: 20px;
}
#divVisualiserMedia .fichierMedia {
    padding-top: 2px;
}
#rappelEspace {
    display: none;
    text-align: right;
    padding: 10px 0;
    font-size: 12px;
}
#conteneurLangues {
    height: 90%;
    width: 60%;
    margin: 20px auto 0 auto;
}
#moduleLangue_tableauListeDesLangues,#moduleLangue_tableauListeDesEntitees,#moduleLangue_tableauEditerTraduction {
    width: 100% !important;
    text-align: center;
    margin: auto;
    margin: 0 10px 0 10px;
    text-align: center;
}

#divLangue {
    height: 90%;
    width: 60%;
    margin: 20px auto 0 auto;
}
.blocDInputLangue {
    padding: 10px 0 10px 0;
    background: #f0f0f0;
    margin: 5px auto;
    width: 500px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
.ligneLabelEtInputLangue {
    width: 90%;
    background: #f6f6f6;
    margin: 3px auto 0 auto;
    min-height: 22px;
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
}
.ligneLabelEtInputLangue label {
    margin: 0 0 0 8px;
    color: #6e6e6e;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    padding: 4px 0 0 0;
    text-align: center;
}
.ligneLabelEtInputLangue input[type="text"], .ligneLabelEtInput input[type="file"], .ligneLabelEtInput textarea {
    width: 250px;
    float: right;
    margin: 1px;
}

#moduleLangue_tableauEditerTraduction input[type="text"] {
    width: 80%;
    border: 1px solid #e6e6e6;
 }

#divListeValeurs {
    height: 90%;
    width: 100%;
    margin: 20px auto 0 auto;
}
#moduleValeur_tableauListeDeValeurs {
    width: 100% !important;
    text-align: center;
    margin: auto;
    margin: 0 10px 0 10px;

}
#moduleValeur_tableauListeDeValeurs tr {
    cursor: pointer;
}

#moduleValeur_tableauListeDeValeurs.DTCR_clonedTable {
 width: 150px !important;
}
#infoValeur select {
    width: 253px;
}
.divContenantMedia {
    margin: 20px auto 0 auto;
    width: 100%;
}
#bouttonSelectionnerPrecendente {
    float: right;
}
#conteneurNatureDemandeService {
    width:77%;
    margin:auto;
}

#natureDemandeService_wrapper #natureDemandeService_filter {
    margin-left:15%;
}

#pictoNature {
    margin-left: 18%;
}
#conteneurDemandeServiceProduit {
    width:77%;
    margin:auto;
}

#tableauListeDesProduitsDemandeService_wrapper #tableauListeDesProduitsDemandeService_filter {
    margin-left:15%;
}
#conteneurDemandeServiceProduit .cacher {
    visibility:hidden;
}

#pictoProduit {
    margin-left: 18%;
}
#conteneurDemandeServiceCategorie {
    width:77%;
    margin:auto;
}
#tableauListeDesCategoriesDemandeService_wrapper #tableauListeDesCategoriesDemandeService_filter {
    margin-left:15%;
}
#conteneurDemandeServiceCategorie .cacher {
    visibility:hidden;
}

#pictoCategorie {
    margin-left: 18%;
}
#conteneurDemandeServiceSousCategorie {
    width:94%;
    margin:auto;
}

#tableauListeDesSousCategoriesDemandeService_wrapper #tableauListeDesSousCategoriesDemandeService_filter {
    margin-left:15%;
}

#conteneurDemandeServiceSousCategorie .cacher {
    visibility:hidden;
}

#pictoSousCategorie {
    margin-left: 18%;
}
iframe#previewthumb {
    display: inline;
}
#infosEletter {
    width: 100% !important;
}
#eletterCkeditor {
    margin-top:20px;
    /*height:380px;*/
}
#eletterDiv {
    background: none repeat scroll 0 0 #fff;
    height: 360px;
    margin: 10px auto 0;
    overflow-x: auto;
    padding: 10px 10px 10px 20px;
    width: 90%;
    border:none;
    display:block;
}
#nomEletter, #nomModeleEmail {
    float: left;
}
.renommageEletter, .renommageModeleEmail {
    float: left;
    line-height: 47px;
    top: 0;
}
.Hicon-edit.renommageEletter::before {
    color: #676767 !important;
}
.Hicon-delete.supprimerTemplateBee .path1:before, .Hicon-delete.supprimerTemplateBee .path2:before,
.Hicon-delete.boutonSupperession .path1:before, .Hicon-delete.boutonSupperession .path2:before {
    color: #676767 !important;
}
div#bee-plugin-container {
    height: 92%;
    position: relative;
}
#bee-plugin-container iframe {
    background: none repeat scroll 0 0 #efefef !important;
    margin: 0px auto 0;
    overflow-x: auto;
    padding: 0px 10px 10px 20px;
    width: 98% !important;
    height: 96% !important;
    border:none;
    display:block !important;
    position: relative;
}
.boutonEletter{
   /* float:right;
    margin-left:10px;*/
}
.ligneLabelEtInput .nomSelectEletter {
    width: 64%;
}
.ligneLabelEtInput .nomEletter {
    float:none;
    width: 120px;
    position:relative;
}

.comboboxEletterBase {
    float: left;
    margin-left: 20px;
    margin-right: 50px;
    width:450px;
}
.comboboxEletter{
    margin-left: 20px;
}
@media only screen and (max-width:1200px) {
    .comboboxEletter{
        width:450px;
        margin-left: 20px;
    }
}
#infosEletter .compteurCaracteres {
    color: #B3B3B3;
    font-size: 11px;
    position: absolute;
    z-index: 2;
    left: auto;
    bottom: -42px !important;
}
.divNomEletter {
    display: block;
    width: 394px;
    float: left;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    /*margin-left: -93px;*/
}
input#libelleEletter {
    float: none !important;
    top: 0 !important;
}
@media screen and (max-device-height: 1080px ) {
    .tailleMaxEletterDiv  {
        height: 535px !important;
    }
}
@media screen and (max-device-height: 1050px ) {
    .tailleMaxEletterDiv  {
        height: 515px !important;
    }
}
@media screen and (max-device-height: 1024px) {
    .tailleMaxEletterDiv {
        height: 495px !important;
    }
}
@media screen and (max-device-height: 960px) {
    .tailleMaxEletterDiv {
        height: 445px !important;
    }
}
@media screen and (max-device-height: 900px) { 
    .tailleMaxEletterDiv  {
        height: 430px !important;
    }
}
@media screen and (max-device-height: 864px) {  
    .tailleMaxEletterDiv {
        height: 300px !important;
    }
}
@media screen and (max-device-height: 800px) {
    .tailleMaxEletterDiv {
        height: 320px !important;
    }
}

@media screen and (max-device-height: 768px) {
    .tailleMaxEletterDiv {
        height: 320px !important;
    }
}
@media screen and (max-device-height: 720px) {
    .tailleMaxEletterDiv {
        height: 320px !important;
    }
}
@media screen and (max-device-height: 600px) { 
    .tailleMaxEletterDiv {
        height: 180px !important;
    }
}
.containerCatalogueBeePlugin {
    width: 100%;
}
.containerCatalogueBeePlugin .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all .2s ease-in-out;
    min-height: 134px;
}
.containerCatalogueBeePlugin .thumbnail > img, .thumbnail a > img {
    display: block;
    max-width: 100%;
    max-height: 135px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.containerCatalogueBeePlugin .thumbnail .caption {
    padding: 9px;
    color: #333;
}
.tumbnail-template-beefree {
    margin: 10px auto;
    border: 2px solid #fff;
    padding: 18px;
}
.tumbnail-template-beefree:hover {
    border-color: #e2e2e2;
    -o-transition-duration: .15s;
    -o-transition-property: box-shadow;
    -webkit-box-shadow: 0 6px 10px rgba(0,0,0,.35);
    -webkit-transition-duration: .15s;
    -webkit-transition-property: -webkit-box-shadow;
    border-color: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.35);
    transition-duration: .15s;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow,-webkit-box-shadow;
}
/* Overlay Popup, alerte E-letter*/
#iframeOverlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    z-index: 1000;
    display: none ;
}

#beePlugin {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.tumbnail-template-beefree:hover .supprimerTemplateBee {
    display: inline-block;
}
.Hicon-delete.boutonSupperession {
    float: right;
    position: relative;
    top: -45px;
    margin-left: 10px;
    padding: 4px 12px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    background: linear-gradient(to bottom, #ffffff, #e6e6e6);
    width:90px;
}
.Hicon-delete.boutonSupperession:hover, .Hicon-delete.boutonSupperession:focus, .Hicon-delete.boutonSupperession:active {
    background-color: #cccccc \9;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.Hicon-delete.boutonSupperession .boutonSupp {
    font-family: futura-light !important;
}
.Hicon-delete.boutonSupperession .path1, .Hicon-delete.boutonSupperession .path2 {
    float:left;
}
.supprimerTemplateBee {
    right: 1px;
    top: 1px;
    position: absolute;
    color: #a19c9c;
    display: none;
    padding: 1px;
}

/****css tabulation****/
.container#listeEletter, .container#listeModelesEmails {
    height: 90%;
    position: absolute;
}
.container#listeEletter, #listeEletter #content, .container#listeModelesEmails, #listeModelesEmails #content {
    margin-right: auto;
    margin-left: auto;
    width: 97% !important;
    overflow: auto;
}
input.tabulation {
    height: 2.5em;
    visibility: hidden;
}

label.tabulation {
    background: #f9f9f9;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1em;
    height: 43px;
    line-height: 43px;
    margin-right: .25em;
    padding: 0 1.5em;
    text-align: center;
}

#listeEletter input.tabulation:hover + label, #listeModelesEmails input.tabulation:hover + label {
    background: #ddd;
    color: #666;
}

#listeEletter input.tabulation:checked + label, #listeModelesEmails input.tabulation:checked + label {
    background: #f1f1f1;
    color: #444;
    position: relative;
    z-index: 6;
}

#listeEletter .content, #listeModelesEmails .content {
    border-top: 2px solid #f1f1f1;
    height: 86%;
    width: 98%;
    z-index: 5;
}

#listeEletter .content .containerCatalogueBeePlugin, #listeModelesEmails .content .containerCatalogueBeePlugin {
    opacity: 0;
    width: 100%;
    position: absolute;
    z-index: -100;
    visibility: hidden;
}

#listeEletter input.tabulation#tab-1:checked ~ .content #catalogueEletter,
#listeEletter input.tabulation#tab-2:checked ~ .content #catalogueEletterBase,
#listeModelesEmails input.tabulation#tab-1:checked ~ .content #catalogueModelesEmails,
#listeModelesEmails input.tabulation#tab-2:checked ~ .content #catalogueModelesEmailsBase {
    opacity: 1;
    z-index: 100;
    visibility: visible;
}

/***********************/



.libelleCritere {
    float: left;
}
#conteneurFiltre {
    max-height: 700px;
    width: 900px;
    overflow-y: auto;
}
#formulaireFiltreAvance {
    display: none;
    margin: -300px 0 0 -550px;
}
#formulaireFiltreAvance .blocDInput {
    width: 800px;
}
#conteneurFiltre .ligneLabelEtInput label {
    width: 25%;
}
#conteneurBoutons {
    padding: 10px;
    text-align: right;
    margin-right: 90px;
}
.modeDeRecherche {
    width: 150px !important;
    float: left !important;
    margin-left: 20px !important;
}
input[type="number"],
.inputDate {
    width: 100px !important;
}
.labelMarge {
    width: 50px !important;
    float: right;
    text-align: center !important;
}
.valeurFin {
    display: none inherit;
}
#formulaireFiltreAvance .ligneLabelEtInput .ui-datepicker-trigger {
    margin-top: 0 !important;
}
.disabled-button {
    pointer-events: none;
    opacity: 1;
}
    #formulaireFiltreAvance .labelPourCheckboxOuRadio {
    float: right !important;
    margin-right: 50px !important;
}
div[class*="conteneurMarge"] {
    display: none;
    float: right;
}
#nomDeListeFiltre {
    padding-left: 5px;
}
.critereChoisiEnFiltre {
    font-weight: bold;
}
.iconeCategorieChoisie {
    float: right;
    display: none;
}
body {
}

body {
}