@charset "utf-8";
/* CSS Document */
body {cursor:default;width:100%;/*background-color:#DBD0C4#A29488*/overflow:hidden; color:#555; text-align:center;overflow:auto; /*background:#fff; background:#f5f5f5 url(img/body-bg.jpg); */background: #E7F0DB url(img/fond.jpg) fixed no-repeat;background-size: cover; font-family: Verdana, Geneva, sans-serif}

/*HTML5 IE lt 9*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
/**/
body, p, ul , li , span , div , ol, a , hr, img,select, form,
input, h1, h2, h3, table, tr, td, thead, tbody, form, fieldset {margin:0; padding:0;}
img, a, object, embed {border:0 ; outline:0}
input::-moz-focus-inner { border: 0; }
ul {list-style:none}
#ovlay{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%; background-color:#ddd;opacity:0.9;-moz-opacity:0.9;-ms-filter:"alpha(opacity=90)"; /* IE 8 */ filter:alpha(opacity=90); /* IE < 8 */ overflow:hidden}
.ovlay_diag { position:fixed;top:0;left:0; z-index:10000;width:100%;height:100%;background: rgba(255,255,255,0.9);display:none}
#loading{margin:4em auto;width:54px;height:54px;background:transparent url(img/loader.gif)}
#ovlay_text{color:#777; text-align:center; margin-top:6em;font-size:2em;color:green}

.form_def_cnt, .table_def_cnt, .div_def_cnt { width:100%; background-color:#fff;font-size:1em;  box-shadow: 0 3px 7px #000 ;-moz-border-radius:20px;border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;}
.table_def_cnt, .div_def_cnt {padding: 2em 0;font-size:1em}
.table_def_cnt2 {margin-top:5em}
.div_def_cnt {font-size:1.2em}

#cnx_cnt,#mdp_reinit_cnt { width:800px!important; margin:20px auto!important}
.form_def { padding:1em 2em ; text-align:left;width:90%; margin:0 auto}
.form_def legend { font-family:"Courier New", Courier, monospace; display:block; height:2em; line-height:1.8em; letter-spacing:1px; font-weight:normal; text-shadow:0 1px 2px #999; font-size:1.2em; color:#999; padding:0.6em 1em; background-color:#fff}
.form_def fieldset { background-image:-moz-linear-gradient(#fff,#f9f9f9);background-image:-webkit-linear-gradient(#fff,#f9f9f9);background-image:-o-linear-gradient(#fff,#f9f9f9);background-image:linear-gradient(#fff,#f9f9f9); padding:0 1em 1em 1em; border:1px solid #ddd!important; -moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;margin:1em 0  }
.form_def label { text-align:right;display:block;float:left; color:#777;width:220px;padding:0.3em 1em 0.3em 0.3em; font-size:1.2em;}
.label_2 {width:auto!important;padding:0.3em 1em!important;margin-left:2em!important}
.label_cnx {width:150px!important}
.form_def input, .form_def select {
	display:block;
	text-align:left;
	padding:0.2em 1em 0.2em 0.2em; font-size:1.2em;
 	-moz-border-radius:5px; border:1px solid #ddd; border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;
}
.form_def input:focus {border-color:#F96}
#act_form {display:none}
.list_services_cnt {margin-left:250px}
#write_fieldset {background-image:-moz-linear-gradient(#fff,#FEE6E2);background-image:-webkit-linear-gradient(#fff,#FEE6E2);background-image:-o-linear-gradient(#fff,#FEE6E2);background-image:linear-gradient(#fff,#FEE6E2);}
#read_fieldset {background-image:-moz-linear-gradient(#fff, #EEFEE0);background-image:-webkit-linear-gradient(#fff, #EEFEE0);background-image:-o-linear-gradient(#fff, #EEFEE0);background-image:linear-gradient(#fff, #EEFEE0);}


/*table*/
.table_def {font-size:1em; width:100%; background-color:#fff;  }
 .table_def thead tr td{
	font-family:Verdana, Geneva, sans-serif; /*text-shadow:0 1px 2px #fff; */font-size:1em; color:#fff;  
 
 	background-color: #333;
	padding:2em 1em ;border:none!important;
	text-align:left;
	vertical-align:middle;
}
.table_def thead tr {
 border:none!important;
}
.selected_tr {
	cursor: pointer!important; 
}
.selected_tr:hover {
	background-color: #D2FECB!important/* #E7F0DB*/;
}
.table_def tbody tr td {  vertical-align:middle;padding:1em ;  text-align:left; border-bottom: 1px solid #f1f1f1;
}
.table_def tr:nth-child(odd){
  background-color:#f5f5f5;
}
table#user_tab tbody tr {cursor:pointer}
.td_prior_1, .td_prior_2,.td_prior_3,.td_prior_4, 
.td_etat_1, .td_etat_2, .td_etat_3, .td_etat_4 {color:#fff ;border:none!important;text-align:center!important; font-size:0.75em;padding:1em!important}
.td_prior_1,.td_etat_1  {background-color: #B82F07 }/*rouge*/
.td_prior_3, .td_etat_2 {background-color: #fF8330/* #DB8606*/;}
/*.td_prior_3, */.td_etat_4 {background-color: #DACA03;}
.td_prior_4, .td_etat_3 {background-color: #668701;}/*vert*/
/*stat*/
.stat_cnt  {width:400px; height:50px; border:2px solid #ddd; box-shadow: 0px 0px 5px #fff}
.legend_cnt {width:400px;margin:0.5em auto}
.stat_part {display:block;float:left;height:100%;line-height:50px; padding:0;text-align:center; font-family:"Courier New", Courier, monospace; font-weight:bold}
#nb_actions_cnt {color:#ccc;padding:0.2em 1em 0.3em 1em;border:2px solid #656565;text-align:center;width:5em; margin:-50px auto 0 auto;line-height:1em}
/*bouton, lien*/
a, .span_a {text-decoration:none;cursor:pointer;color:#f60!important}
a:hover, .span_a:hover {text-decoration:underline}
.button_d { font-family:  Verdana, Geneva, sans-serif; margin:15px 0; cursor:pointer; box-shadow:0 1px 2px #999;  border:2px solid #fff; color:#fff; background:#FF8330; padding:0.5em 2em ; font-size:1.2em;  background-image:-moz-linear-gradient(#ff8330,#ff6600);background-image:-webkit-linear-gradient(#ff8330,#ff6600);background-image:-o-linear-gradient(#ff8330,#ff6600);background-image:linear-gradient(#ff8330,#ff6600);}
.button_e {  font-family:  Verdana, Geneva, sans-serif; margin:15px 0; cursor:pointer;  border:1px solid #ccc; color: #ff8330; background:#FFf; padding:0.2em 1em ; font-size:1em;}
.button_e:hover{ border:1px solid  #ff8330!important; background-color: #FEEEE2!important ; color:#ff6600!important}

.button_d:hover,.button_e:hover,#act2_btn_sub:hover,#cancel_btn:hover, 
#filtre_sub:hover 
{box-shadow: none; border:2px solid  #ff8330;background-image:none;background-color: #FEEEE2!important ;color:#ff6600}

#cancel_btn, #filtre_sub 
{background-image:-moz-linear-gradient(#000,#333);background-image:-webkit-linear-gradient(#000,#333);background-image:-o-linear-gradient(#000,#333);background-image:linear-gradient(#000,#333);color:#fff;margin-right:4em}

#act2_btn_sub {margin-right:4em; background-image:-moz-linear-gradient(#7CA501 ,#668701 );background-image:-webkit-linear-gradient(#7CA501,#668701 );background-image:-o-linear-gradient(#7CA501,#668701);background-image:linear-gradient(#7CA501 ,#668701 );}


 #sous_menu {margin:1em auto 1em auto}
 #sous_menu a,#export_lk {color:#f60;font-weight:normal;font-style:normal}
 /* infos bulles*/
.picto-item {
  position: relative;  /*les .picto-item deviennent référents*/
  cursor: help;
  border-radius: 50%;
}

/* on génère un élément :after lors du survol et du focus :*/

.picto-item:hover:after,
.picto-item:focus:after {
  content: attr(aria-label);  /* on affiche aria-label */
  position: absolute;
  top:43px;
  left: 50%;
	transform: translateX(-38%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  /*white-space: nowrap;   on interdit le retour à la ligne*/
  padding: 15px 14px;
  background: #333;
  color: #fff;
  border-radius: 20px;
  font-size: 1.2rem;
  width:600px; height:auto;
 vertical-align:center;
}

/* on génère un second élément en :before pour la flèche */

[aria-label]:hover:before,
[aria-label]:focus:before {
  content: "▲";
  position: absolute;
  top: 25px;
	left: 50%;
	transform: translateX(-50%); /* on centre horizontalement  */
  font-size: 20px;
  color: #333;
}

/* pas de contour durant le :focus */
[aria-label]:focus {
  outline: none;
}



/* déco */ 

.pictos {
  text-align: center;
}

.picto-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 .2em;
  width: 1.2em;
  height: 1.2em;
  color: #413219;
  background: #e1d3bd;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
}

/*filtres form*/
#filtre_sub {font-size:1em; padding: 0.3em 1em!important; margin:30px 25px 10px 25px!important;width:auto!important;float:right!important}
#filtre_cnt {border-top:1px solid #ddd; padding:0; width:100%; margin:0 0 1em 0!important; }
#filtre_form {display:block;width:98%;margin:0 auto}
#filtre_cnt p {float:left; width:auto; margin:14px 0px 10px 25px}
#filtre_cnt p label {font-weight:bold; font-size:0.9em;display:block;clear:both;text-align:left;}
#pilote_sch, #filtre_cnt select{
	display:block;
	clear:both;
	width:100%;
	padding:0.2em 1em 0.2em 0.2em!important; 
	font-size:1em;
	-moz-border-radius:10px; border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;
	border:1px solid #ddd;  }
#pilote_sch {width:280px!important}
#service_sch {min-width:300px;}
#service_sch_label em {font-weight:normal}
/*style divers*/
.deco_cnt {float:right;margin-bottom:30px;   }
.top_nav {clear:both;}
.top_col {width:500px;min-height:100px}
.logo {float:left; width:150px; margin:10px 20px 0 20px}
.miseenvaleur { display:inline-block;padding:0.4em 2em;border:2px solid #693;text-align:center; font-size:2em!important;  color:  #693!important}
.date_modifiee {color:#693}
.date_modifiee_result {font-size:1.1em;display:inline-block; margin:0.4em 0 0 0;float:right; color:#693}
.logo img {width:100%; height:auto}
#datetop { text-shadow:0 2px 5px #656565; text-align:left; margin:65px 10px 0 20px}
#dateTod {font-size:1em;color: #ddd}
#clock {font-size:2.3em;color: #FFF;float:left;padding-right:10px}
.user_phrase {font-size:1em;font-weight:normal;font-style:italic;line-height:34px;height:34px;margin-right:20px;color:#999}
.italic_ptit {font-size:0.8em;font-weight:normal;font-style:italic;color:#777;line-height:120%!important}
.ptit {font-size:0.8em;font-weight:normal; }
.ptit2 {font-size:0.9em;font-weight:normal; }
.big {font-size:1.2em!important}
#menu {clear:both; margin:20px 60px 0 20px}
.icone {height:85px;width:85px;float:right;display:block;margin-left:20px;cursor:pointer}
.user_ico {background: transparent url(img/user.png) top center no-repeat}
.dossier_ico {background: transparent url(img/dossier.png) top center no-repeat}
.loupe_ico {background: transparent url(img/loupe.png) top center no-repeat}
.param_ico {background: transparent url(img/parametres.png) top center no-repeat}
.backtop_ico {background: transparent url(img/backtop.png) top center no-repeat}
.icone:hover {background-position: center bottom}
#off,#form_reset_btn {margin-right:10px;cursor:pointer; width:35px; height:34px;background: transparent url(img/deco_ico.png) top center no-repeat;display:block;clear:both}
#off:hover,#form_reset_btn:hover{background-position:bottom center}

/* form diver*/
.input_big {clear:both;display:block;width:96%}
.input_med, .label_med { display:block!important; float:left!important; width:45%!important}
.input_def {width:50%}
.input_auto {width:auto!important}
.input_encol {width:85%}

.input_date {text-align:center!important;width:180px;padding-left:0!important;padding-right:0!important}
.impact_sid_chkbx {display:block; margin: 5px 5px 0 0}
.service_enfant_label { width:auto; float:left; padding:0 2em 0 0}

#services_impact_cnt {background:#eee; margin:-2px 0 1em 2em;padding:0.5em 2em; text-align:center; font-size:1em;float:left} 
#service_unique:disabled {background:#eee; border:none}
#services_impact_chkbx_cnt {display:none;height:0;}
#multi_select_impact{background:#eee; margin:0 0 1em 2em;padding:0.5em 2em 2em 2em;clear:both}
.tache_area,.tache_area2{font-family:Verdana, Geneva, sans-serif; font-size:1em;width:70%;height:7em;border:1px solid #ccc;padding:0.5em 1em}
.tache_area2 {height:2.5em}
.impact_sid_label,.impact_sid_label2 {width:auto!important;padding:0!important;margin:0!important;cursor:pointer;font-size:0.9em!important;color:#777!important;font-style:italic!important;display:inline!important;float:none!important}
.impact_sid_label2{font-style:normal!important;font-size:1em!important;color:#555!important;}
#infos_doss_cnt {background-color:#fff;height:0}
#resume_search_cnt {width:100%; padding:20px;font-size:1.2em}
#rech_btn_sub, #crl_sub,#reinit_mdp_sub {display:block;margin:0 auto!important;float:none;width:50%;text-align:center}
#crl_sub {width:70%}
/*form param*/
#archive_btn {text-align:center}
#diag_cnt {border:1px solid #ccc;background:#fefefe; box-shadow:1px 0 3px #666;width:768px; margin: 0 auto 20px auto; display:none; height:0}
.content { width:1240px; margin:-50px auto 20px auto;line-height:140%; }
.label_param {font-weight:100; font-size:1.4em; text-align:left; padding:20px 20px 10px 0 ; border-top:1px solid #eee}
.titre_diag {font-weight:100; font-size:1.4em; text-align:center; padding:10px; background:#eee; margin-top:20px;width:auto}
.diag_conf_cnt {
	width:80%;
	max-width:400px;height:auto;
	padding:2em;
	margin:0 auto;
	border:2px solid #eee; background:#fff;box-shadow:0 3px 5px #656565;
	color:#333;
	position: absolute;
	top: 50%;
	left:50%; 
	transform: translate(-50%, -50%);
  }
/*style divers*/
.button_cnt {clear:both; padding-top: 25px;padding-right:25px}
.h1 , .h1_2 { font-size:1.4em; letter-spacing:2px;text-shadow:0 1px 3px #000; font-weight:normal; color:#fff; margin:0 auto 40px auto; width:100%;text-align:center}
.h1_2,.h1_3 { text-shadow:0 1px 3px #999;  font-weight:normal; color:#333;  }
.h1_3 { font-size:1.2em; color:#fff; font-style:italic  }
#mess_form { color:green; padding:0 2em; float:left; width:90%;font-size:1em;line-height:120%; height:2em}
.res_infos_doss {font-style:italic; font-size:1em; padding-top:10px }
.res_infos_doss span{font-style: normal;font-size:1.2em;color:#000}
.text_right {text-align:right}
.text_center {text-align:center}
.sep,.sep20 {visibility:hidden;clear:both}
.sep20 {margin: 20px 0;}
.sep_fine {clear:both; height: 1px;margin: 20px 0;padding: 0;color: #F00;background-color: #DDD;border: 0;}
.radius {-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;}
.radius2 {-moz-border-radius:20px;border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;}
.fieldpar2flot_1 {padding-top:1em!important; width:49.5%; float:left}
.fl_l {float:left}
.fl_r {float:right}
.clbth {clear:both; padding-top:1em!important}
.center_1 {margin:2em auto!important}
.center_0 {margin:0 auto!important}
.ui-datepicker {width:400px!important;text-align:center!important}
.ui-datepicker select {font-size:1.2em!important; padding:0.2em 0 0.2em 0.5em!important;margin:0 5px!important}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
  width: 2.2em!important;
  height: 2.2em!important;
}
 a.ui-state-default { text-align:center!important}
@media only screen and (max-width:1670px) {
	
	.content {margin-top:0px}
}
@media only screen and (max-width:1010px) {
	
	.form_def_cnt, .table_def_cnt,.h1 {font-size:1em}
	.content {width:70%}
	
}
@media only screen and (max-width:940px) {
	
	.fieldpar2flot_1  {width:auto; }

}
@media only screen and (max-width:850px) {
	
	.top_col {width:49%}
}