* {outline-style: none;}
body {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#444444; margin:0; padding:0; overflow:auto !important;
max-width:100%;}
table {border-collapse:collapse;font-size:12px; }
input, textarea, select {border:1px solid #BBBBBB; color:#444444; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:1px; margin:0; display:inline-block; }
input[type=text], input[type=password], textarea {width:150px; vertical-align:top;}

a {color:#56527C;}
a:hover {color:#D44D42;}

h2 {color:#56527C; margin:0; padding:0; }

p {margin:4px 0;}

.no-script-no-show {display:none;}
.no-screen {display:none;}
.cs-limite-width {max-width:250px;}


/******************	TABLE LISTE		******************************************************/
table.liste {width:100%;}
table.liste td {padding:0 5px; vertical-align:top;}
table.liste td.fils-nom {padding-left:20px;}
table.liste tr.cs-entite td {border-bottom:1px solid #ccc;}
table.liste tr.top td {padding-top:2px;}
table.liste tr.bottom td {padding-bottom:2px;}
table.liste tr.anchored td {font-weight:bold;}
.cs0 td {background-color:#eeeeee;}
.cs1 td {background-color:#FFFFFF;}
table.liste td.td_action {padding:0 2px; width:20px;}
.td_action input {padding:0; width:20px; height:20px; border:none; display:block; background:no-repeat top left; cursor:pointer; }
.td_action input.del_bt {background-image:url(/visuels/button-del.png);}
tr.ths td {font-size:13px; font-weight:bold; padding-bottom:5px;}
.cs-le  {background-image:url(/visuels/liste-export.png) !important;}

.td_add {width:auto;}
.td_add input {padding-left:22px; height:20px; line-height:20px; width:auto; background-image:url(/visuels/button-add.png); font-size:14px; margin-top:10px;}

td.services, td.telephones, td.nom {white-space:nowrap;}

.clear {clear:both;}

table.liste tr.tr_hidden_encours, table.liste tr.tr_hidden_service, table.liste tr.tr_hidden {display:none;}

div.noscript {padding-top:150px; width:670px; margin-left:200px; position:relative; text-align:center;}

/******************	ENTETE		******************************************************/
div.entete {position:fixed; height:5em; background-color:#FFF; z-index:102; box-shadow: 0 0.2em 0.5em #aaa; width:100%; }
div.entete img.logo {float:left; height:4.5em; }
div.entete div.baseline {float:left; color:#4794b8; font-size:2em; font-family:"Times New Roman", Times, serif; margin-top:0.5em; position:relative; overflow:visible; padding-left:1em;}
input.jcs-show-tdb {position:absolute; top:0; right:-100px; width:48px; height:48px; display:block; cursor:pointer; border:none; background:url(visuels/Information.png) no-repeat left top transparent;}


/******************	MENU	******************************************************/
div.menu {width:200px; position:fixed; left:0; top:0; padding-top:5.5em; text-align:center;}
	div.user {padding-left:10px; text-align:left; margin-bottom:20px;}
	div.user em {font-size:0.8em;}
	
	div.left-menu a {display:block; margin:0 auto 20px auto; padding-top:52px; background:center top no-repeat; text-decoration:none; }
		a#a-discussions {background-image:url(/visuels/menu-discussions.png);}
		a#a-beneficiaires {background-image:url(/visuels/menu-beneficiaires-administratif.png);}
		a#a-listing {background-image:url(/visuels/menu-beneficiaires-administratif.png);}
		a#a-beneficiaires-se {background-image:url(/visuels/menu-beneficiaires-socioeduc.png);}
		a#a-listes {background-image:url(/visuels/menu-listes.png);}
		a#a-statistiques {background-image:url(/visuels/menu-listes-stats.png);}
		a#a-documents-ftp {background-image:url(/visuels/menu-documents-ftp.png);}
	
	div.top-menu {margin-bottom:25px; text-align:center;}
	div.top-menu a {display:inline-block; margin:0 20px; padding-top:52px; background:center top no-repeat; text-decoration:none; vertical-align:top; min-width:48px;}
		a#a-personnel {background-image:url(/visuels/menu-personnel.png);}
		a#a-services {background-image:url(/visuels/menu-services.png);}
		a#a-listes-statistiques {background-image:url(/visuels/menu-listes-stats.png);}
		a#a-liste-type-intervention {background-image:url(/visuels/menu-liste-types-intervention.png);}
		a#a-charte-safs {background-image:url(/visuels/menu-liste-charte-safs.png);}
		
		a#a-suivi-se {background-image:url(/visuels/menu-suivi-se-suivi.png);}
		a#a-suivi-se-ctj {background-image:url(/visuels/menu-suivi-se-ctj.png);}
		a#a-comptes-rendus {background-image:url(/visuels/menu-suivi-se-cr.png);}
		a#a-alertes {background-image:url(/visuels/alertes.png);}
		a#a-rapport-activite {background-image:url(/visuels/camembert.png);}
		a#a-activites-collectives {background-image:url(/visuels/menu-suivi-se-ac.png);}
		a#a-fiches-nuits {background-image:url(/visuels/menu-suivi-se-fiche-nuit.png);}

.jcs-menu-mobile {display:none; position:fixed; overflow:visible; z-index:1000; background-color:#fff; border-bottom:1px solid #ccc; padding:1em; right:0; text-align:right;}	
.jcs-menu-mobile input#jcs-bt-menu {height:3em; width:3em; background:transparent url(/visuels/icon-menu.png); border:none; cursor:pointer; background-size:contain;  }

.jcs-menu-mobile .jcs-mobmen {display:none;}
.jcs-menu-mobile .jcs-mobmen.show {display:block;}
.jcs-menu-mobile .jcs-mobmen a {background:none !important; display:block; border-bottom:1px solid #CCC; padding:0.5em; font-size:1.2em;
opacity:1 !important; text-decoration:none; text-align:left;}

/******************	CONTENU		******************************************************/
div.contenu {padding:75px 0; margin:0 0 0 200px; position:relative;}
div.contenair-du-contenu {position:relative;}
div#message {position:fixed; top:20px;  background:#FFFFFF; z-index:20; border-radius:5px; box-shadow:0 0 5px #333; padding:5px;}
	div#message span { display:inline-block; line-height:20px; background: no-repeat left center; padding-left:25px; margin-right:20px; }
	div#message .ok {color:#517611; background-image:url(/visuels/message-ok.png); }
	div#message .echec {color:#090; background-image:url(/visuels/message-echec.png);  }
	

/******************	BOUTON ADD		******************************************************/
div.div-button-add {position:absolute; width:48px; height:48px; top:0; right:0;}
div.div-button-add input {width:48px; height:48px; display:block; background:url(/visuels/discussions-add.png) no-repeat left top; border:none; cursor:pointer; }
div.div-button-add input#beneficiaire_add {background-image:url(/visuels/beneficiaires-add.png); }

/******************	FORMULAIRES		******************************************************/
div.field-legende {margin:10px 0 5px 0; padding-bottom:2px; clear:both; color:#56527C; font-weight:bold; border-bottom:dotted 1px #56527C;}
div.field, div.field-ck {margin-bottom:5px; clear:both;}
div.field label, div.field-ck label {width:125px; 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;}
div.field span {display:inline-block; padding:2px 3px 1px 0; vertical-align:top; max-width:170px;}
div.content-cb {display:inline-block; width:250px;}
div.content-cb input {margin-right:5px;}
div.content-cb span {display:block;}

div.no-label span {max-width:none !important;}
div.no-label input, div.no-label textarea {width:90% !important;}
div.no-label label {display:none !important;}


div.div-buttons-valid-del {text-align:center;}
div.div-buttons-valid-del input {line-height:20px; display:inline-block; padding:0 3px; margin:0 10px; border-radius:3px; box-shadow:0 0 2px #333; cursor:pointer; }

div.carefull {padding-left:52px; background:url(/visuels/div-carefull.png) no-repeat left center;}
div.div-buttons {height:20px; } 
div.div-buttons input {width:20px; height:20px; border:none; background:transparent no-repeat left top; cursor:pointer; display:inline-block; margin:0 20px;}

div.div-buttons-form {text-align:center; padding:10px 0;}
div.div-buttons-form input.mod {background-image:url(/visuels/button-ok.png) !important;}
div.div-buttons-form input.bt_annuler_mod {background-image:url(/visuels/button-undo.png) !important;}

div.div-buttons-div {text-align:right; position:absolute; right:5px; bottom:5px;}
div.div-buttons-div input.bt_to_form {background-image:url(/visuels/crayon.png) !important; }
div.div-buttons-div input.bt_add {background-image:url(/visuels/plus-rond-vert.png) !important;}

.l50 {width:50px !important}
.l80 {width:80px !important}
.l100 {width:100px !important}
.l250 {width:250px !important}
.h150 {height:150px !important}
.h100 {height:100px !important}
.l100per {width:100%  !important}
.cke_chrome {display:inline-block !important;}
 

div.tmp_div {padding:5px 0; margin:0; border-bottom:1px dotted; position:relative;}
div.tmp_div div.div-butons {bottom:0; right:0;}
div.tmp_div div.div-butons input.bt_to_form {background-image:url(/visuels/crayon.png) !important; margin-right:0px !important;}


/****************** SOCIO EDUCATIF******************************************************************/
div.content-dossier {display:none;}

div.menu-dossiers {vertical-align:middle;}
input.cs-ms {border:none; border-radius:5px; box-shadow:0 0 3px #999; background:none; cursor:pointer; display:inline-block; padding:3px 5px; margin:0 10px; color:#999; }
input.cs-ms:hover, input.cs-ms-on {box-shadow:0 0 3px #666; color:#000; background-color:#efefef; }
a.dossier-new, a.a-add-listing {width:20px; height:20px; display:inline-block; background:left center no-repeat url("/visuels/plus-rond-vert.png") !important; margin-left:20px; vertical-align:middle;}
div.dossiers-menu input.past {text-decoration:line-through;}


textarea.ndt {color:#F00 !important; font-style:italic !important; width:580px; height:60px;}
.ndt-div {margin-top:10px !important; color:#F00 !important; font-style:italic !important; font-size:0.9em;}


.signalement-gravite-div {display:inline-block; max-width:580px;}
span.signalement-gravite-span { max-width:none !important; width:180px !important; padding-right:5px;} 

.tbody_list .td-ti {width:140px;}
.tbody_list .td-t {width:140px;}
.tbody_list .td-i {width:105px;}
.tbody_list .td-e {width:105px;}
.tbody_list .td-d {width:70px;}


.liste-signalement-table .td-objet {width:320px;}
.liste-signalement-table .td-statut {width:100px;}
.liste-signalement-table .td-date {width:150px;}

tr.is_showed td {font-weight:bold !important;}
div.div-openclose {border-top:1px solid #666; padding:5px 0; margin-top:2px; display:none;}
div.div-openclose div {margin:0 0 10px 0;}
div.div-openclose ul {margin:0 0 4px 0; padding:0 0 0 15px; list-style:square; }
div.div-openclose p {margin:0 0 4px 0;}

.td-entete {text-align:left;}
.td-entete span {display:inline-block; padding:0 5px;}

div.evalppa-field-contenair {display:inline-block; width:500px;}
div.evalppa-field-contenair textarea {width:100%; margin-bottom:10px; }


.cs-ctj h5 {font-size:15px; border-bottom:2px solid #000000; margin:0 0 5px 0;}
.cs-ctj h4 {font-size:13px; border-bottom:1px dotted #000000; margin:0 0 5px 0;}
.cs-contenu-ctj {margin-bottom:20px;} 
.cs-adultes-table {margin-bottom:10px;} 
.cs-form-ctj {text-align:center;}
input.submit-date {background:url(/visuels/message-ok.png) no-repeat left top; display:inline-block; width:20px; height:20px; border:none; margin-left:5px; cursor:pointer;}
.cs-ctj .no-result {font-weight:bold; font-style:italic; text-align:center; padding-top:10px;}



.cs-se-liste-beneficiaires tr.js-passe td {color:#999; text-decoration:line-through;}
.cs-se-liste-beneficiaires tr.js-passe td input {opacity:0.5;}

.cs-se-liste-beneficiaires tr.js-admission td {color:#666;}

/******************	LISTING		******************************************************/
div.fb_div_listing {position:relative; float:left; margin:10px; padding:10px 10px 25px 10px; border-radius:10px; background-color:#FFF; box-shadow:0 0 10px #ccc; width:270px; }
div.fb_div_listing_45p {width:44% !important;}
div.fb_div_listing h2 {margin:0 0 5px 0; padding:0 0 5px 0; font-size:15px; border-bottom:1px solid;}
div.fb_div_listing div.past {opacity:0.5; font-size:10px; font-style:italic; display:none;}
div.fb_div_listing div.contenair_div_listing {position:relative; padding:0 15px 10px 0;}

div.fb_div_listing div.div-button-mod-listing {position:absolute; width:20px; height:20px; right:0; top:0;}
div.fb_div_listing div.div-button-mod-listing input.bt_mod {width:20px; height:20px; border:none; background:url(/visuels/crayon.png) no-repeat left top; cursor:pointer; display:inline-block; margin:0 5px;}
div.fb_div_listing div.div-button-add-listing {position:absolute; width:60px; height:20px; right:10px; bottom:5px;}
div.fb_div_listing div.div-button-add-listing input.bt_add, input.bt_add {width:20px; height:20px; border:none; background:url(/visuels/plus-rond-vert.png) no-repeat left top; cursor:pointer; display:inline-block; margin:0 5px;}
div.fb_div_listing div.div-button-add-listing input.cs-show-hist {width:20px; height:20px; border:none; background:url(/visuels/show-historiq.png) no-repeat left top; background-size:contain; cursor:pointer; display:inline-block; margin:0;}

div.contenair_form_listing {display:none; min-width:350px;}
div.contenair_form_listes {display:none; min-width:350px;}

div.aff-menus-contenair {margin-bottom:20px; padding-top:10px; overflow:visible; width:1000px;}
div.aff-menus {float:left; border-right:1px dotted #ccc; padding-right:10px; margin-right:10px;}
div.aff-menus p {margin:0 0 5px 0; font-weight:bold; text-align:center;}
div.aff-menus input {margin-left:10px; display:inline-block;}

table.hidden-tb {display:none;}

div.fb_div_listing div.div-button-del {position:absolute; width:20px; height:20px; right:25px; top:0;}
div.fb_div_listing div.div-button-del input.cs-bt-del {width:20px; height:20px; border:none; background:url(/visuels/message-echec.png) no-repeat left top; cursor:pointer; display:inline-block; margin:0 5px; opacity:0.3;}

/******************	FORMULAIRES BENEFICIAIRES (FANCYBOX)		******************************************************/
div.fancybox_div {display:none;}
div.fancybox_div h2 {margin:0 0 5px 0; padding:0 0 5px 0; font-size:15px; border-bottom:1px solid;}
div.contenair_form {display:none;}
div.contenair_div {padding-bottom:20px;}
div.contenair_div_openclose {display:none;}
h2.h2_openclose {cursor:pointer;}
h2.h2_openclose:hover {color:#D44D42;}
h2.h2_openclose span {float:right;}


div.fb_div {position:relative; float:left; margin:10px; padding:10px; border-radius:10px; background-color:#FFF; box-shadow:0 0 10px #ccc; width:270px; }



/*div#fb_div_beneficiaire {min-height:270px;}*/
input.beneficiaire_sexe_2 {margin-left:10px;}

.div_template {display:none;}
.div_type_adresses_content {padding-right:25px;}


div.contenair_div div.past {opacity:0.5; font-size:10px; padding:3px 0; margin:0;}
	div.past div.div-buttons-div {bottom:0;}
	div.past input.bt_to_form {background-image:url(/visuels/crayon-p.png) !important; margin-right:0px !important; background-position:right bottom; }


.ui-accordion-header {margin-top:0.5em; padding-bottom:0.3em; cursor:pointer;}
.ui-accordion-header span {background:url(/visuels/accordion-puces.gif) no-repeat left 3px; width:18px; height:25px; display:block; float:left; }
.ui-state-default {color:#56527C; }
.ui-state-default span { background-position:0 3px;}
.ui-state-default:hover {color:#d44d42; }
.ui-state-default:hover span { background-position:-36px 3px;}
.ui-state-active {color:#d44d42;}
.ui-state-active span { background-position:-18px 5px;}
.ui-accordion-content-active {padding:5px; box-shadow:0 7px 7px #cccccc; margin-bottom:20px;}







/******************	DOSSIERS		******************************************************/
table.cs-liste-absence tr  {text-align:left;}
table.cs-liste-absence tr.past.hide  {display:none;}
table.cs-liste-absence input.bt_mod {width:20px; height:20px; border:none; background:url(/visuels/crayon.png) no-repeat left top; cursor:pointer; display:inline-block; margin:0 5px;}



/******************	LISTE DES DISCUSSIONS		******************************************************/
div.div-discussion {margin-bottom:20px;} 
	div.div-discussion h3 {padding:0; margin:0;} 
	div.div-discussion div.message-div {border-bottom:1px solid #CCCCCC; padding-bottom:5px; margin:0 0 5px 15px;} 
	div.div-discussion p.message-entete {padding:0; margin:0 0 3px 0; font-size:0.9em; font-weight:bold; font-style:italic; overflow:hidden;}
	div.paslu {float:left; overflow:hidden; width:50px;}
	div.paslu form, div.paslu input[type=checkbox]  {display:inline-block; vertical-align:top;}
	div.paslu input {width:20px; height:20px; background:no-repeat transparent left top url(/visuels/discussion-message-lu.png); border:none; cursor:pointer;}
	div.message-contenu {overflow:hidden;}
	div.nouveaux-messages div.not-new-message {display:none;}

div#discussions h2 {cursor:pointer;}

div.fb-discussion {display:none;}

input.no-follow {background-image:url(/visuels/discussion-nofollow.png)}
input.follow {background-image:url(/visuels/discussion-follow.png)}
input.close {background-image:url(/visuels/discussion-clore.png)}
input.show_discussion {background-image:url(/visuels/discussion-show.png)}
input.discussion-open {background-image:url(/visuels/discussion-open.png)}

h3.h3-inputs span {padding-right:15px;}
h3.h3-inputs input, h3.h3-inputs form {display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-color:transparent; background-position:left top; border:none; cursor:pointer;}
h3.h3-inputs input.add-message, h3.h3-inputs input.add-message-nonlus {background-image:url(/visuels/discussion-message-add.png); }
div.new-message-div {display:none; width:300px;}
div.new-message-div textarea {width:300px; height:100px;}

input.jcs-marquerlu-tous {background: url("/visuels/discussion-message-lu.png") no-repeat scroll left top transparent; border: none; cursor: pointer; height: 20px; padding-left: 22px; margin-bottom:1em; display:inline-block; }


/******************	LISTING		******************************************************/
input.mod_listing {background-image:url(/visuels/liste-beneficiaires.png);}
input.mod_dossier {background-image:url(/visuels/liste-dossiers.png);} 
input.mod_docs {background-image:url(/visuels/liste-documents.png);} 
tr.tr-add-listing td {padding-top:10px !important;}
tr.tr-add-listing p {padding-top:3px; margin:0;}
tr.tr-add-listing a.a-add-listing {margin:0;}

.js-export-csv-bt {opacity:0.3;background: url("/visuels/csv-export.png") no-repeat left top ; border:none; display:inline-block; height:20px; padding:0; width:20px; background-size:cover;}
.js-export-csv-bt.ok {cursor: pointer; opacity:1;}
/*
tr.is_selected td {font-weight:bold !important;}
*/
/******************	LISTE DES BENEFICIAIRES		******************************************************/
div.infos_div {display:none; padding-bottom:20px;}
input.show_infos {background-image:url(/visuels/beneficiaire-blanc.png);}
input.mod_beneficiaire {background-image:url(/visuels/liste-beneficiaires.png);}
div.mod_beneficiaire_div {display:none;}

/******************	LISTE DES SUIVI		******************************************************/
input.cs-show {background-image:url(/visuels/suivi-intervention-show.png);}
input.cs-hide {background-image:url(/visuels/suivi-intervention-hide.png);} 
input.mod_ci {background-image:url(/visuels/crayon.png);} 

div.contenair_form_modadd_intervention {min-width:650px; display:none;}
div.contenair_form_modadd_ppa {min-width:650px; display:none;}
div.contenair_form_modadd_signalement {min-width:650px; display:none;}
div.contenair_form_modadd_traitement {min-width:650px; display:none;}

div#form_export_interventions {display:none;}
div#form_export_interventions h3 {margin:15px 0 3px 0; padding-bottom:3px; border-bottom:1px dotted ;}

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

tr.dossier_selectionne td {font-weight:bold !important} 


.cs-medicaments {list-style:square; margin:0; padding:0;}
.cs-medicaments li {margin-left:1.5em; margin-bottom:5px;}

/******************	LISTE DU PERSONNEL		******************************************************/
input.mod_personnel {background-image:url(/visuels/liste-personnel.png);}
div.mod_personnel_div {display:none;}

/******************	LISTE DES SERVICES		******************************************************/
input.mod_services {background-image:url(/visuels/liste-services.png);}
div.mod_services_div {display:none;}


/******************	LISTE DES SERVICES		******************************************************/
input.mod_listes {background-image:url(/visuels/crayon-p.png);}

/******************	LOG		******************************************************/
div.div_form_log {width:300px; margin-left:150px; text-align:center; padding:10px 10px 55px 10px; border-radius:10px; box-shadow:0 0 10px #ccc;}
div.div_form_log div.erreur {height:45px;}
div.div_form_log div.erreur p {color:#F00; font-style:italic; text-align:left; margin:0;}
div.div_form_log input.submit-bt {margin-top:10px; cursor:pointer;}




/******************	STATISTIQUES		******************************************************/
table.table-statistiques {margin-top:30px;}
table.table-statistiques td {border:1px solid; padding:3px; text-align:center;}
table.table-statistiques td.left, table.table-statistiques tr.left td {text-align:left;}
div.statistiques-selects div {float:left; margin-right:30px;}
table.table-statistiques td.cs-stats-es {width:200px; text-align:left; vertical-align:top;}


.cs-spec-div-enfant {float:left; width:300px; overflow:hidden;}
.cs-sde1 {margin-right:40px;}

.spec-ben-l, .spec-ben-r {width:300px; float:left; overflow:hidden;}
.spec-ben-l  {margin-right:40px;}

table.cs-val-ppa th {text-align:left;}
table.cs-val-ppa th,table.cs-val-ppa td {padding:3px 5px;}
form.cs-deccro {display:inline-block;}
form.cs-deccro input {width:16px; height:9px; cursor:pointer; border:none; display:inline-block; background:url(visuels/croidec.png) left top no-repeat; vertical-align:bottom;}
form.cs-deccro input.cs-decroissant {background-position:left bottom;}


ul.js-ul-alerte li {margin-bottom:2px;}
ul.js-ul-alerte input {border:none; cursor:pointer; background:none; padding:0;}
ul.js-ul-alerte input:hover {color:#D44D42;}


/******************	RAPPORTS		******************************************************/
.cs-menu-rapport {margin-bottom:5em;}
.cs-menu-rapport .jcs-types, .cs-menu-rapport .jcs-services, .cs-menu-rapport .jcs-dates {float:left; margin-right:2em;}
.cs-menu-rapport div p {font-weight:bold;}

.cs-menu-rapport .jcs-buttons {padding-top:10px;}
.cs-menu-rapport .jcs-buttons input {cursor:pointer; display:inline-block; padding:0; margin:0 10px 0 0; width:30px; height:30px; background:no-repeat left top; border:none;} 
.jcs-buttons input#afficher-rapport {background-image:url(visuels/checkmark-30.png)}
.jcs-buttons input#export-pdf-rapport {background-image:url(visuels/pdf-export.png)}
.jcs-buttons input#export-csv-rapport {background-image:url(visuels/csv-30.png)}

.jcs-service {margin-bottom:3em;}
.jcs-service h2 {text-align:center; border-bottom:1px solid #999; padding-bottom:0.2em;}
.jcs-service .cs-periode {text-align:center; font-weight:bold;}

.cs-ajax-resultats {position:relative; min-height:50px;}
.cs-ajax-resultats #export-load {position:absolute; width:100%; height:100%; text-align:center; padding-top:40px; display:none; top:0; left:0; background:rgba(255,255,255,0.9) url(visuels/loader.gif) no-repeat top center; font-size:15px;}

.cs-rapport-type-div {margin-bottom:5em;}
/*.cs-conteneur-rapport .cs-left {float:left;}
.cs-conteneur-rapport .cs-right {float:right;}*/
.cs-conteneur-rapport .cs-right img {width:100%; }

div#divs_a_exporter {}

table.cs-table-donnees th {white-space:nowrap; border:1px solid #666; padding:2px 4px;}
table.cs-table-donnees td {white-space:nowrap; border:1px solid #666; padding:2px 4px;}
table.cs-table-donnees td.cs-valeurs {text-align:center;}
table.cs-table-donnees tr.cs-total td {font-weight:bold;}
table.cs-table-donnees tr.cs-total td.cs-intitule {text-align:right;}


/*DOCUMENTS*/
input.cs-del {background-image:url("visuels/button-del.png");}
input.cs-download {background-image:url("visuels/download.png");}
input.cs-mod {background-image:url("visuels/crayon.png");}

.cs-tdb-coord td, .cs-tdb-coord th {border:1px solid; padding:3px; text-align:left; vertical-align:top}
.cs-hidden-tr {display:none;}
.jcs-voir-cacher-archive {border-radius:5px; margin-top:10px; display:inline-block; cursor:pointer;}

/*Recupération*/
.cs-recuperation {position:fixed; width:100%; height:100%; top:0; bottom:0; left:0; right:0; z-index:90000; background:rgba(255,255,255,0.9);}
.cs-recuperation > div {vertical-align:middle; top:45%; text-align:center; position:fixed; width:100%;}
.cs-recuperation > div > form {display:inline-block; margin:1em;}
.cs-recuperation > div > form > input {color:#fff; border:none; cursor:pointer; opacity:0.8; padding:0.4em 1.2em; transition:opacity 0.2s ease; font-weight:bold; font-size:1.1em; border-radius:0.3em; }
.cs-recuperation > div > form > input:hover {opacity:1; }
.cs-recuperation > div > form > input.cs-recup {background-color:#208C00;}
.cs-recuperation > div > form > input.cs-annul {background-color:#C6090D;}

#jcs-not-connected {position:fixed; width:100%; height:100%; top:0; bottom:0; left:0; right:0; z-index:90001; background:rgba(255,255,255,0.97);}
#jcs-not-connected > div {vertical-align:middle; top:45%; text-align:center; position:fixed; width:100%;}

@media (max-width: 820px) 
{
	div.menu,
	div.baseline {display:none !important;}
	div.contenu {margin:0 !important;}
	div.entete {width:100vw;}
	
	div.top-menu a {
		font-size:0.1px;
		margin: 0 5px;
		background-size:contain;
		padding-top: 35px;
		width: 35px;
	}
	div.div_form_log {margin:0 auto !important; text-align:left !important; display:inline-block; border-radius:0;
box-shadow:none;}

	.jcs-menu-mobile {display:block !important;}
	.jcs-menu-mobile em a {font-size:0.8em !important; text-align:right !important; padding-top:0 !important; }
	
	/*LISTING*/
	div.aff-menus-contenair,
	.aff-menus {width:auto !important; border:none !important; padding:0 !important; margin:0 !important; float:none !important;}
	div.aff-menus p {text-align:left; margin:0;}
	div.fb_div_listing {float:none !important; width:90% !important;}
	h1.titre-fiche-beneficiaire {padding-left:10px; margin-right:10px;}
	h1.titre-fiche-beneficiaire span {display:none !important;}
	
	
	/*TABLE LISTING SUIVI SE	*/
	td.services, td.telephones, td.nom { white-space:normal !important;}
	div.contenair_form_modadd_intervention,
	div.contenair_form_modadd_ppa,
	div.contenair_form_modadd_signalement,
	div.contenair_form_modadd_traitement {width:90% !important; min-width:300px !important;}
	form div.field label, 
	form div.field-ck label {display:block !important; width:auto !important; border:none !important;}
	.field input[type="text"],
	.field input[type="password"],
	.field textarea,
	.field-ck textarea,
	.signalement-gravite-div {max-width:350px !important;}
	
	span.signalement-gravite-span {display:block !important; width:auto !important;}
	/*MESSAGES*/
	div.new-message-div {width:auto !important;}
}