/* CSS Document*/
:root {
  --couleur1: #1d1d1b;
  --couleur2: #b88328;
}
/*20/08/2017 AJOUT DE LA LIGNE SUIVANTE*/
ul, ol {list-style:none; }

body {
    color: #444444;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
	background:none #FFF;
	font-size:14px;
	overflow:scroll;
}

h1 {
    border-bottom: 1px dotted #1d1d1b;
    color: #222;
    margin: 0 0 1em 0;
    padding: 0 0 0.3em 0;
	font-size:2em;
}

h2 {
    border-bottom: 1px dotted #b52a2e;
    color: #b52a2e;
    font-size: 1.2em;
    margin: 0 0 0.3em 0;
    padding: 0 0 0.1em 0;
	position:relative;
	overflow:visible;
}

input[type="text"], input[type="password"], textarea {
    vertical-align: top;
    width: 15em;
}
input, textarea, select {
    border: 1px solid #aaaaaa;
    color: #444444;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 0.1em 0.2em;
}

label {display:inline-block; padding:0.2em 0; font-size: 1em;}
div#jss-div-overlay {
	display: none; 
	width: auto; 
	height: auto; 
	overflow:hidden;
    position:absolute;
	bottom: 0;
    top: 0;
    right: 0;
    left: 0;
	background: rgba(255, 255, 255, 0.7);
    z-index: 10;
}
div#jss-div-overlay img
{
	height: 10em;
    width: 10em;
    z-index: 11;
    position: absolute;
    top: 50%;
    left:50%;
	margin-top:-5em;
	margin-left:-5em;
}


a.cs-add-bt {height:24px; line-height:24px; vertical-align:top; }
a.cs-add-bt:hover {text-decoration:underline; cursor:pointer;}
a.cs-add-bt span {display:inline-block; width:24px; height:24px; background:transparent url("/visuels/icons-24.png") no-repeat -72px 0;  vertical-align:top; margin-right:0.5em; }


/*MARGES ET HAUTEURS	*/
div.cs-menu, div.cs-gestion-contenu-outer {padding-top:90px;}
div.cs-menu, div.cs-gestion-contenu-outer {padding-top:90px;}
div.cs-entete .cs-titre img {height:60px; }
div.cs-entete {
    background-color: #FFFFFF;
    box-shadow: 0 0.1em 0.2em #AAAAAA;
    position: fixed;
    width: 100%;
    z-index: 1000;
	padding:5px 0;
	padding:0;
}

div.cs-entete .cs-titre {}
div.cs-entete .cs-titre img {display:inline-block; float:left; margin:0; }
div.cs-entete .cs-titre strong {color:#1d1d1b; font-size:30px; display:block; display:none;}
div.cs-entete .cs-titre span {color:#b88328; display:none; }

div.cs-menu {
    left: 10px;
    padding-top: 80px;
    position: fixed;
    top: 0;
    width: 200px;
}
div.cs-menu form.cs-logout {}
div.cs-menu form.cs-logout span {display:inline-block; vertical-align:top; font-size:1.1em;}
div.cs-menu form.cs-logout input {width:25px; height:25px; border:none; background:transparent no-repeat 0 0 url("/visuels/logout.png"); cursor:pointer; display:inline-block; margin:0 0 0 5px;}
div.cs-menu h3 {cursor:pointer; background-color:#7ca701; font-size:17px; padding:3px; color:#fff; border-radius:0 5px 0 0; margin-top:7px;}
div.cs-menu ul ul a {padding-left:15px; font-size:0.8em; font-style:italic;}
div.cs-menu ul ul ul a {padding-left:30px;}
div.cs-menu li span {border-bottom:1px dotted; display:block; }
div.cs-menu li input.js-ordonner {display:block; float:right; height:15px; width:15px; background:url(/visuels/monter-descendre-15.png) left top transparent; border:none; padding:0; margin-top:1px; }
div.cs-menu li input.cs-monter {background-position:-15px 0;}
div.cs-menu a {text-align:center; display:inline-block; margin:1em 0.5em 1em 0.5em; opacity:0.8; 
width:100px; color:#666; text-decoration:none; font-style:italic; font-size:0.8em; vertical-align:top}
div.cs-menu a > img {width:50px; vertical-align:middle;}
div.cs-menu a:hover {opacity:1;}
div.cs-menu a.cs-is-selected  {opacity:1;}

div.cs-menu input.cs-nouvelle-page {display:block; padding:0; margin:0; border:none; background:none; font-style:italic; width:100%; text-align:left;}



div.cs-gestion-contenu-outer {
    margin:0 2em 0 16em;
    position: relative;
}
div.cs-gestion-contenu-inner {
	position:relative;
}


/*CSS COMMUNS AUX LISTES	*/
.cs-search-div {padding:0.5em 1em; background-color:rgb(250,250,250); border-radius:0.5em; box-shadow:0 0 0.2em #ccc; display:inline-block;}
.cs-search-table td {padding:0 1em; white-space:nowrap; border-right:1px dotted #444444;  }
.cs-search-table span {display:inline-block; padding:0 1.5em 0 0.3em; }
td.cs-client-search-valid {border:none; vertical-align:middle; text-align:center; padding-right:0; width:48px; height:48px;}
td.cs-client-search-valid input {display:none; width:48px; height:48px; display:inline-block; border:none; cursor:pointer; background:transparent url("/visuels/icons-48.png") no-repeat -192px 0;}
.cs-search-div input.cs-not-good {border-color:#F00 !important; color:#F00 !important;}
p.cs-result {
    font-size: 14px;
    font-style: italic;
    padding: 15px 0;
    text-align: center;
}



div#sous-menu {margin-bottom:10px; text-align:center;}
div#sous-menu form {display:inline;}
div#sous-menu input {width:48px; height:48px; border:none; background:transparent no-repeat 0 0 url("/visuels/icons-48.png"); cursor:pointer; display:inline-block; margin:0 24px;}
div#sous-menu input.cs-utilisateurs-bt {background-position:-240px 0 !important;}
div#sous-menu input.cs-groupes-bt {background-position:-288px 0 !important; width:75px !important;}

/* DIV FANCYBOX	*/
.cs-fb-contenair {display:none; width:1000px;}




/************************************************************************************************************
  		CONTENUS HTML	*************************************************************************************
																											*
																											*
																											*
/***********************************************************************************************************/
div.jcs-conteneur {}

div.cs-contenu .cs-outer {position:relative; min-height:30px;}
div.cs-contenu div.cs-gestion-item-hover div.cs-inner {opacity:0.5;}

div.cs-absolute-bt {position:absolute; top:0; right:0; height:24px;}
div.cs-absolute-add-bt {position:absolute; bottom:2px; left:0; height:24px;}
div.cs-add-bt {}

.cs-button {border:none; background:transparent no-repeat 0 0 url("/visuels/icons-20.png"); cursor:pointer; display:block; margin:0; padding:0;}
.cs-button.cs-24 {width:24px; height:24px; background:url("/visuels/icons-24.png");}
.cs-button.cs-24.cs-mod { background-position:0 0;}

.cs-opacity-over {opacity:0.5;}
.cs-opacity-over:hover {opacity:1;}


/******************	FORMULAIRES		******************************************************/
.cs-form {}
.cs-form-field {margin-bottom:5px; clear:both;}
.cs-form-list-field li {padding-bottom:0.2em;}
.cs-form-list-field label, .cs-form-field label  {width:10em; overflow:hidden; display:inline-block; padding:2px 3px 1px 0; margin:0 3px 0 0; border-bottom:1px dotted #CCC; text-align:left; vertical-align:top;}
.cs-form-field span {display:inline-block; padding:2px 3px 1px 0; vertical-align:top; max-width:15em;}

div.cs-submitcancel-bts {height:24px; text-align:center; margin-top:10px; }
div.cs-submitcancel-bts input {width:24px; height:24px; border:none; background:transparent no-repeat 0 0 url("/visuels/icons-24.png"); cursor:pointer; display:inline-block; margin:0 24px;}
div.cs-submitcancel-bts input.cs-submit {background-position:-96px 0 !important;}
div.cs-submitcancel-bts input.cs-cancel {background-position:-48px 0 !important;}



div.cs-new-bt-div {padding-top:5mm;}
div.cs-new-bt-div a {display:inline-block; background:url(visuels/button-add-40.png) no-repeat left top; border:none; cursor:pointer; padding-left:43px; min-height:40px; }

.cs-form-list-field input, .cs-form-list-field textarea, .cs-form-list-field select {margin-bottom:3px;}
.cs-form-list-field input[type=text], .cs-form-list-field textarea { width:200px;}
.cs-li-field-40 input[type=text] {width:40px;}
.cs-li-field-80 input[type=text] {width:80px;}
.cs-li-field-90p input[type=text], .cs-li-field-90p textarea, .cs-li-field-90p select {width:90%;}

/*MULTI CB A COLONNE*/
div.cs-column-fields {float:left; min-width:100px;}
div.cs-column-fields span {display:block; padding-right:15px; padding:3px 0;}

/*CHAMPS TEXTAREA CK*/
form.cs-formulaire table td.cs-champ textarea.js-fck-textarea {}

/*DATE PICKER	*/
.jcs-datepicker {width:7em !important;}
	





.cs-formulaire h1 {border-bottom: 1px solid !important;
    color: #000 !important;
    margin: 0 0 2mm;}
.cs-formulaire h2 {
	border-bottom: 1px dotted #444444 !important;
    color: #444444 !important;
    font-size: 1.2em !important;
    margin: 0 0 1mm;
}

/*FORMULAIRE EXPORT*/
.jcs-filtre {width:27em; margin-bottom:1em;}
.jcs-filtre > .jcs-contenu {opacity:0.5;}
.jcs-filtre > .jcs-contenu span {display:inline-block; width:9em; vertical-align:top;}


/************************************************************************************************************
  		LISTES			*************************************************************************************
																											*
																											*
																											*
/***********************************************************************************************************/


.cs-liste-table {width:100%}
.cs-liste-table td { vertical-align:top; padding:2px 5px; text-align:left;}
.cs-liste-table .cs-tr-th td {border-bottom:1px solid #CCC; font-weight:bold;}
.cs-tr-add a {height:24px; line-height:24px; vertical-align:top; }
.cs-tr-add a:hover {text-decoration:underline; cursor:pointer;}
.cs-tr-add a span {display:inline-block; width:24px; height:24px; background:transparent url("/visuels/icons-24.png") no-repeat -72px 0;  vertical-align:top; margin-right:0.5em; }
.cs-tr-add a.jcs-mailing span {background-image:url("/visuels/icone-enveloppe.png"); background-position:center !important; background-size:contain; opacity:0.3;}
.cs-liste-table .js-tr-a-formater td {border-bottom:1px dotted #CCC; background-color:#FFF;}
.js-table-a-formater .js-tr-a-formater:first-child td {border-top:1px solid #CCC;}
.cs-liste-table .js-tr-a-formater.cs-rouge td {color:#F00;}
.cs-liste-table .js-tr-a-formater.cs-orange td {color:#F60;}
.cs-liste-table .js-tr-a-formater.cs-vert td {color:#390;}
.cs-liste-table .jss-tr-a-formater td {border-bottom:1px solid #CCC;}
.cs-td-action {width:40px; padding:2px; }
.cs-td-action input {width:20px; height:20px; border:none; background:transparent no-repeat 0 0 url("/visuels/icons-20.png"); 
background-size: auto 100%; cursor:pointer; display:block; margin:0; padding:0;}
.cs-td-action input.cs-see {background-image:url("/visuels/liste-fiche.png"); width:40px; height:40px;}
.cs-td-action input.cs-inscription-listing {background-image:url("/visuels/liste-inscription.png"); width:40px; height:40px; background-size:35px;}
.cs-td-action input.cs-listing-formations-societe {background-image:url("/visuels/menu-formations-liste.png"); width:40px; height:40px; background-size:35px;}

.cs-td-action input.cs-40 {width:40px; height:40px;}
.cs-td-action .cs-see {background-image:url("/visuels/liste-fiche.png"); background-size:contain;}
.cs-td-action .cs-formateur {background-image:url("/visuels/liste-formateur.png"); background-size:contain;}
.cs-td-action .cs-crayon {background-image:url("/visuels/liste-crayon.png"); background-size:contain;}
.cs-td-action .cs-refresh {background-image:url("/visuels/icon-refresh.png"); background-size:contain;}
.cs-td-action .cs-pdf {background-image:url("/visuels/liste-pdf.png"); background-size:contain;}
.cs-pdf {background-image:url("/visuels/liste-pdf.png") !important; background-position:0 !important; background-size:contain !important;}
.cs-td-action .cs-calculatrice {background-image:url("/visuels/liste-calculatrice.png"); background-size:contain;}
.cs-td-action .cs-contrat {background-image:url("/visuels/liste-contrat.png"); background-size:contain;}
.cs-td-action .cs-imprimante {background-image:url("/visuels/icon-imprimante.png"); background-size:contain;}
.cs-td-action .cs-plus {background-image:url("/visuels/liste-plus.png"); background-size:contain;}
.cs-td-action .cs-dossier-ouvert {background-image:url("/visuels/icon-dossier-ouvert.png"); background-size:contain;}
.cs-td-action .cs-croix-rouge {background-image:url("/visuels/liste-croix-rouge.png"); background-size:contain;}
/*20/08/2017 - AJOUT*/
.cs-diplome {background-image:url("/visuels/liste-diplome.png") !important; background-size:contain !important;}
.cs-lettre-enveloppe {background-image:url("/visuels/icon-lettre-enveloppe-2.png") !important; background-size:contain !important;}
.cs-dupliquer {background-image:url("/visuels/icon-dupliquer.png") !important; background-size:contain !important;}


.cs-td-action input.cs-mod {background-position:0 0 !important;}
.cs-td-action input.cs-del {background-position:-20px 0 !important;}
	.cs-liste-table .cs-tr-add td {padding-top:7px !important;}
.cs-td-action input.cs-add {background-position:-60px 0 !important;}

.cs-liste-table tr.cs-non-affiche td {color:#999 !important;}
.cs-liste-table tr.cs-non-affiche td input {opacity:0.5 !important;}

.cs-td-action input.cs-solde {display:inline-block; border-radius:50%; background:#060;}
.cs-td-action input.cs-solde.cs-unsold {background:#C00;}
.cs-td-action input.cs-solde.cs-en-cours {background: #FC3 !important;}

.cs-liste-selection-td {cursor:pointer}
.cs-liste-selection-td:hover, .cs-liste-selection-td.cs-is-selected {background:none repeat scroll 0 0 #b52a2e !important; color:#fff !important;}

.cs-tr-repere-haut td {padding-top:1em;}
.cs-tr-repere-bas td {padding-bottom:1em;}

/************************************************************************************************************
  		FORMULAIRE LOGIN*************************************************************************************
																											*
																											*
																											*
/***********************************************************************************************************/
div.cs-form-login {padding:1em; border-radius:0.5em; box-shadow:0 0 0.3em #333; display:inline-block; margin-top:2em;} 
div.cs-form-login form.cs-formulaire table td {padding:0 0.5em 0.3em 0;}  
div.cs-form-login form.cs-formulaire table td.cs-champ input {width:10em;} 
div.cs-form-login p.cs-erreur {color:#C33; font-style:italic; padding-bottom:1em; } 
div.cs-form-login p.cs-submit {text-align:center; padding-top:1em;} 
div.cs-form-login p.cs-submit input {text-align:center; padding:0.1em 0.5em; border-radius:0.3em;} 

.cs-choix-documents {display:inline-block; margin-right:1em; padding-top:5em; width:10em; font-size:0.8em; 
  border:none; background:none no-repeat top center; background-size:auto 5em;}
.cs-checklist-vierge {background-image:url("/visuels/liste-checklist-vierge.png") !important; }
.cs-checklist-checked {background-image:url("/visuels/liste-checklist.png") !important;}
.cs-checkbox-checked {background-image:url("/visuels/icon-checkbox-checked.png") !important;}
.cs-malette {background-image:url("/visuels/icon-malette.png") !important;}
.cs-cloche {background-image:url("/visuels/liste-cloche.png") !important;}
.cs-restaurant {background-image:url("/visuels/liste-restaurant.png") !important;}

.cs-display-none {display:none;}


.jcs-inactif {opacity:0.2 !important; cursor:not-allowed !important;}
.cs-last-tr-avec-bordure td {padding-bottom:1em;}

.cs-is-calendar .cs-entete {display:none;}
.cs-is-calendar .cs-menu {display:none;}
.cs-is-calendar .cs-gestion-contenu-outer {margin:0; padding:0}

#js-aide-bouton {float:right; width:1em; height:1em; display:block; display:none !important; background-image:url("/visuels/icon-help.png") !important; background-repeat:no-repeat; background-size:contain;}

.jcs-message-listing {text-align:center;}
.jcs-message-listing.cs-erreur {background-color:#C00; color:#FFF; padding:0.5em; font-weight:bold; margin-bottom:1em;}

.cs-formulaire.js-to-verif {position:relative !important;}