/* CSS Document*/
.cs-with-add-input {background:#efefef; border-radius:0.5em; position:relative;}
.cs-with-add-input input.cs-48 {position:absolute;top:50%;left:50%;margin-top:-24px;margin-left:-24px;}
div#jss-div-overlay {
	display: none; 
	width: auto; 
	height: auto; 
	overflow-x: auto;
    overflow-y: scroll;
    position: fixed;
	bottom: 0;
    top: 0;
    right: 0;
    left: 0;
	background: rgba(255, 255, 255, 0.2);
    z-index: 10000;
}
div#jss-div-overlay img
{
	height: 200px;
    width: 200px;
    z-index: 10001;
    position: absolute;
    top: 50%;
    left:50%;
	margin-top:-100px;
	margin-left:-100px;
}

body {
    color: #444444;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
}
div.cs-conteneur {padding:0 1em !important;}
h1, h2 {margin-bottom:0.2em !important;}

div.cs-entete {
    background-color: #000;
    box-shadow: 0 0.4em 0.5em #AAAAAA;
    height: 120px;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

div.cs-entete .cs-titre {color:#fff; font-size:50px; font-weight:bold; padding-left:10px;}
div.cs-entete .cs-ia {color:#fff; font-size:30px; padding-left:50px;}

div.cs-menu {
    left: 10px;
    padding-top: 150px;
    position: absolute;
    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:14px;}
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:#000; 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;}
div.cs-menu ul ul ul a {padding-left:30px;}
div.cs-menu li a {text-decoration:none; color:inherit; border-bottom:1px dotted; display:block; padding:2px;}
div.cs-menu li a:hover {text-decoration:none; background-color:#eeeeee; }
div.cs-menu li a.cs-is-selected  {text-decoration:none; background-color:#eeeeee; color:#000; font-weight:bold; }




div.type-page-parade .cs-gestion-contenu-inner {padding-right:23%;} /*GESTION*/
.cs-gestion-contenu-outer div.cs-p.cs-tp {padding-bottom:0.2em; display:block; border-bottom:0.1em solid; margin:1em 0;}

div.cs-p.cs-exergue {min-height:1em}



/*VISUELS ACCUEIL EN GESTION	*/
.cs-gestion-contenu-inner .jcs-visuel-carre {width:18%; margin:1%; overflow:hidden; display:inline-block; vertical-align:top;}

div.cs-gestion-contenu-outer {
    margin:0 20px 0 240px;
    padding: 150px 0;
    position: relative;
}
div.cs-gestion-contenu-inner {
	box-shadow:0 0 5px #ccc; 
	position:relative;
	padding:0.5em 1em;
	border-radius:5px;
}


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




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

div.cs-contenu .cs-outer {position:relative; min-height:3em; margin-bottom:1.5em;}
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 {}

/*BOUTONS ADD ITEM*/
.cs-ajout-item {width:48px; height:48px; border:none; background:transparent no-repeat -144px 0 url("../visuels/icons-48.png"); cursor:pointer; display:inline-block; margin:0 0 0 5px;}



/*BOUTONS MOD, ADD, DEL... DANS ITEMS */
div.jcs-gestion-bt 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 0 0 5px;}
div.jcs-gestion-bt input.cs-modification {background-position:0 0 !important;}
div.jcs-gestion-bt input.cs-suppression {background-position:-24px 0 !important;}
div.jcs-gestion-bt input.cs-ajout {background-position:-72px 0 !important;}
div.jcs-gestion-bt input.cs-descendre {background-position:-216px 0 !important;}
div.jcs-gestion-bt input.cs-monter {background-position:-240px 0 !important;}



/*BOUTONS MOD, ADD, DEL... DANS ARCHITECTURE*/
div.jcs-architecture span.jcs-boutons {position:absolute; top:5px; right:5px;}
div.jcs-architecture span.jcs-boutons 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 0 0 5px;}
div.jcs-architecture span.jcs-boutons input.cs-modification {background-position:-264px 0 !important;}
div.jcs-architecture span.jcs-boutons input.cs-suppression {background-position:-24px 0 !important;}
div.jcs-architecture span.jcs-boutons input.cs-ajout {background-position:-72px 0 !important;}


/************************************************************************************************************
  		FORMULAIRES		*************************************************************************************
																											*
																											*
																											*
/***********************************************************************************************************/
/*form.cs-formulaire {max-width:650px;}*/
form.cs-formulaire .cs-texte {text-align:center; margin-bottom:1em; padding:0; position:relative;}
form.cs-formulaire .cs-texte .cs-be-careful {position:absolute; width:48px;height:48px; top:0; right:0; background:transparent no-repeat -384px 0 url("../visuels/icons-48.png"); }
form.cs-formulaire .cs-texte h3 {font-size:16px; margin-bottom:10px;}

form.cs-formulaire .cs-language-button {text-align:center; margin:1em 0;}
form.cs-formulaire .cs-language-button input {text-transform:uppercase; opacity:0.3; padding:0.2em 0.5em; border-radius:0.2em; border:1px solid #ccc;}
form.cs-formulaire .cs-language-button input:hover {opacity:1;}
form.cs-formulaire .cs-language-button input.js-bt.selected {opacity:1;}

form.cs-formulaire table td {vertical-align:top; padding-bottom:7px;}
form.cs-formulaire table label { white-space:nowrap; border-bottom:1px dotted #CCC; padding-right:10px; display:block; min-width:80px; padding:3px 0 2px 0;}
form.cs-formulaire table td.cs-champ {padding-left:5px;}
form.cs-formulaire table td.cs-champ input, form.cs-formulaire table td.cs-champ textarea {padding:2px; border-radius:3px; border:1px solid #CCC; color:#444; }
form.cs-formulaire table td.cs-champ input[type=text] {width:300px;}
form.cs-formulaire table td.cs-champ input[type=password] {width:200px;}
form.cs-formulaire table td.cs-champ textarea {width:300px; height:100px;}
form.cs-formulaire img.cs-form-img {max-height:150px;}

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

/*BOUTONS*/
div.cs-form-bts {height:24px; text-align:center; margin-top:10px; } 
	div.cs-form-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-form-bts .cs-validation-bt {background-position:-96px 0 !important;}
	div.cs-form-bts .cs-annulation-bt {background-position:-48px 0 !important;}
	


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


/************************************************************************************************************
  		LISTES			*************************************************************************************
																											*
																											*
																											*
/***********************************************************************************************************/
.cs-liste-table {width:100%}
.cs-liste-table td, .cs-liste-table th { vertical-align:top; padding:2px 5px; text-align:left;}
.cs-liste-table th {border-bottom:1px solid #CCC;}
.cs-liste-table .jss-tr-a-formater td {border-bottom:1px solid #CCC;}
.cs-liste-table .cs-td-action {width:20px; padding:2px; }
.cs-liste-table .cs-td-action input {width:20px; height:20px; border:none; background:transparent no-repeat 0 0 url("../visuels/icons-20.png"); cursor:pointer; display:block; margin:0; padding:0;}
	.cs-liste-table .cs-td-action input.cs-mod {background-position:0 0 !important;}
	.cs-liste-table .cs-td-action input.cs-del {background-position:-20px 0 !important;}
	.cs-liste-table .cs-tr-add td {padding-top:7px !important;}
	.cs-liste-table .cs-td-action input.cs-add {background-position:-60px 0 !important;}






/************************************************************************************************************
  		FORMULAIRE LOGIN*************************************************************************************
																											*
																											*
																											*
/***********************************************************************************************************/
div.cs-form-login {padding:10px; border-radius:5px; box-shadow:0 0 3px #333; width:350px;} 
div.cs-form-login form.cs-formulaire table td.cs-champ input[type=text] {width:200px;} 
div.cs-form-login p.cs-erreur {color:#C33; font-style:italic; } 
div.cs-form-login p.cs-submit {text-align:center} 

.fancybox-inner {overflow:auto !important;}

/*MODIFS PAGE CONTACT*/
.type-page-contact #paragraphe-6  {color:inherit !important}
.type-page-contact .cs-post img.cs-vis {display:none;}
.type-page-contact .cs-formulaire img.cs-vis {display:none;}
div.type-page-contact div.cs-form-ele input, div.type-page-contact div.cs-form-ele textarea {color:inherit !important; border-color:#CCC !important;}
div.type-page-contact div.cs-form-submit input {color:inherit !important;}