/* CSS Document*/

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 #466280;
    color: #222;
    margin: 0 0 1em 0;
    padding: 0 0 0.3em 0;
	font-size:2em;
}

h2 {
    border-bottom: 1px dotted #466280;
    color: #466280;
    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, div.cke_editor_message {
    border: 0.1em solid #aaaaaa;
    color: #444444;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 0.1em 0.2em;
}
div.cke_editor_message {
    color: #444444;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}


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("/0-appli/visuels/icons-24.png") no-repeat -72px 0;  vertical-align:top; margin-right:0.5em; }





div.cs-entete {
    background-color: #FFFFFF;
    box-shadow: 0 0.4em 1em #AAAAAA;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

div.cs-entete .cs-titre {color:#466280; font-size:2.7em; font-weight:bold; line-height:1.5em; margin-left:1em; }

div.cs-menu {
    left: 1em;
    padding-top: 5em;
    position: fixed;
    top: 0;
    width: 15em;
}
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("/0-appli/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(/0-appli/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 div a {display:inline-block; width:5em; margin:1em 0.5em 0 0.5em; opacity:0.8; max-width:50px;}
div.cs-menu div a > img {width:100%; vertical-align:middle;}
div.cs-menu div a:hover {opacity:1;}
div.cs-menu div 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;
    padding: 5.5em 0;
    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.5em #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; }


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("/0-appli/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;}




/************************************************************************************************************
  		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("/0-appli/visuels/icons-20.png"); cursor:pointer; display:block; margin:0; padding:0;}
.cs-button.cs-24 {width:24px; height:24px; background:url("/0-appli/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 label, .cs-form-field label {width:8em; 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("/0-appli/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: 1em !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("/0-appli/visuels/icons-24.png") no-repeat -72px 0;  vertical-align:top; margin-right:0.5em; }
.cs-liste-table .js-tr-a-formater td {border-bottom:1px solid #CCC; background-color:#FFF;}
.js-table-a-formater .js-tr-a-formater:first-child td {border-top:1px solid #CCC;}
.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("/0-appli/visuels/icons-20.png"); cursor:pointer; display:block; margin:0; padding:0;}
.cs-td-action input.cs-see {background-image:url("/0-appli/visuels/liste-fiche.png"); width:40px; height:40px;}
.cs-td-action input.cs-see {background-image:url("/0-appli/visuels/liste-fiche.png"); width:40px; height:40px;}

.cs-td-action input.cs-40 {width:40px; height:40px;}
.cs-td-action .cs-see {background-image:url("/0-appli/visuels/liste-fiche.png"); background-size:contain;}
.cs-td-action .cs-formateur {background-image:url("/0-appli/visuels/liste-formateur.png"); background-size:contain;}
.cs-td-action .cs-crayon {background-image:url("/0-appli/visuels/liste-crayon.png"); background-size:contain;}
.cs-td-action .cs-croix-rouge {background-image:url("/0-appli/visuels/liste-croix-rouge.png"); background-size:contain;}
.cs-td-action .cs-pdf {background-image:url("/0-appli/visuels/liste-pdf.png"); background-size:contain;}
.cs-td-action .cs-send-mail {background-image:url("/0-appli/visuels/liste-send-mail.png"); background-size:contain;}
.cs-td-action .cs-dupliquer {background-image:url("/0-appli/visuels/liste-duplicate.png"); background-size:contain;}
.cs-td-action .cs-send-mail-draft {background-image:url("/0-appli/visuels/liste-send-mail-draft.png"); background-size:contain;}
.cs-td-action .cs-calculatrice {background-image:url("/0-appli/visuels/liste-calculatrice.png"); background-size:contain;}
.cs-td-action .cs-contrat {background-image:url("/0-appli/visuels/liste-contrat.png"); background-size:contain;}
.cs-td-action .cs-plus {background-image:url("/0-appli/visuels/liste-plus.png"); background-size:contain;}

.cs-liste-personne-ok {background-image:url("/0-appli/visuels/liste-personne-ok.png") !important; background-size:contain !important;}
.cs-liste-badge {background-image:url("/0-appli/visuels/liste-badge.png") !important; background-size:contain !important;}
.cs-checklist-vierge {background-image:url("/0-appli/visuels/liste-checklist-vierge.png") !important; background-size:contain !important;}
.cs-checklist-checked {background-image:url("/0-appli/visuels/liste-checklist.png") !important; background-size:contain !important;}
.cs-cloche {background-image:url("/0-appli/visuels/liste-cloche.png") !important; background-size:contain !important;}
.cs-restaurant {background-image:url("/0-appli/visuels/liste-restaurant.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-liste-selection-td {cursor:pointer}
.cs-liste-selection-td:hover, .cs-liste-selection-td.cs-is-selected {background:none repeat scroll 0 0 #466280 !important; color:#fff !important;}

/************************************************************************************************************
  		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;}