/* 
#2976b3  bleu regulier
#1c6299  bleu foncé
#e3ecf3 bleu clair
#a7c0d3 bleu clair foncé
#7c9bb3 bleu clair foncé +

#c5dff4 bleu clair foncé

#bfc5d8 gris éteint pour texte
#d7dcea gris éteint
#cbd7e1 gris éteint radio btn et check box

#6cae92 caca d'oie foncé
#fbffdf caca d'oie clair
#93ceb5  caca d'oie
*/

 .ajeter{
 max-width:600px;
padding:20px;
margin-left:auto;
margin-right:auto;
border:1px solid #000
 }
 
 simon{
	width: 1080px;
	margin-left:10px;
}
 
/* DATEPICKER  ==============================================================*/
ui-datepicker-div{
z-index:9000!important;	
	
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #2976b3;
    background: #2976b3;
 }
.ui-widget.ui-widget-content {
    border: 6px solid #2976b3;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    color:#fff!important;
}
.ui-helper-hidden-accessible{ height:0!important}

/* FANCYBOX  ==============================================================*/

.fancybox-slide--html .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
	width  : 600px ;
 	max-width  : 100% ;
	top:30px;
 	margin: 0 0 80px 0;
    -webkit-border-radius: 8px!important; 
	-moz-border-radius: 8px!important; 
	border-radius: 8px!important;
	padding:12px 20px 20px 20px;
	background-color:#fff; 
 }
.fancybox-slide--html .fancybox-content {

	padding:40px 20px 20px 20px; 

}


 .fancybox-slide {
	margin: 0;
	padding:10px;
 }


.pointer{
	cursor:pointer!important;	
}



/* GENERALITES  ==============================================================*/

.sup{
	font-size:.5em  ;
	vertical-align:super;
}
.bleu_regulier{
	color:#2976b3  ;
}
.cree_par{
	font-size:14px;
	font-style:italic;
	text-transform:none;
	font-family: 'gothamxnarrow_book';
	margin-top:0px!important;
}
.width-mini{
 	width:1px;
}
.required{
 	font-size:14px;
	font-weight:normal;
	font-family: 'gothamxnarrow_book';
	float:right;
	text-transform:none;
	font-style:italic;
	margin:8px 4px 0 0;
}
.btn-primary.cancel{
 	background:#bfc5d8!important;	
}
#loading{
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	background:#000;
	opacity:.3;
	z-index:99999;
 }
#loading img{
	width:80px;
	height:80px;
	margin-top:47vh;
}
.gris{
	color:#d3d7e5!important;
}
.gris2{
	color:#a0a7bd!important;
}
.gris3{
	color:#929ab1!important;
}
.vert{
	color:#3db34f!important;
}
.orange{
	color:#f90!important;
}
.table-sm td.h-30{
 	 height:30px!important;	 
	 min-height:30px!important;	 
	 max-height:30px!important;	 
}
.pil_bas{
	padding: 4px 2px 4px 2px!important;
}
.table-sm td.h-30.pil_bas div, .pil_bas div{
 	 margin-top:1px;	 
}
.table-sm td.h-30.pil_bas span, .pil_bas span{
 	 margin-top:2px!important;	 
}

 .dotted{
	border-style: dotted;
	border-top-width:2.5px;
 }
.texte_gris{
	color:a7c0d3;	
}

.mention{
    font-family: 'gothamxnarrow_book'!important;
	font-style:italic!important;
	font-weight:normal!important;
	color:#c00;
}
.real_date{
	height:30px; 
	width:30px!important; 
	border:0!important; 
	padding:0; 
	font-size:1px; 
	overflow:hidden;
	position:absolute;
	z-index:10;
}
.real_date.pros{
	right:-11px;
	bottom:11px;
	background:transparent!important;
}
.fake_date{
	position:relative;
	z-index:100;
}
.fake_date_user{
	border-color:transparent!important;
	background:transparent!important ;
	text-align:center;
	display:block;
}
.fake_date_user:focus{
 	background:transparent!important ;
 }
.calendar_icon{
 float:left;
 }
.pointer{
	cursor:pointer!important;	
}
.explain{
	color:#666;
	font-size:12px;
	line-height:14px;	
}
.ui-menu-item-wrapper:hover{
	background-color:#2976b3 ;
}

a[onclick], a:not([name]) { cursor: pointer!important }

  .overflow_hidden{
	overflow:hidden	 
 }
/*
 #2976b3  bleu regulier
#1c6299  bleu foncé
#e3ecf3 bleu clair
#a7c0d3 bleu clair foncé
#7c9bb3 bleu clair foncé +

#c5dff4 bleu clair foncé

#d7dcea gris éteint
#cbd7e1 gris éteint radio btn et check box

#6cae92 caca d'oie foncé
#fbffdf caca d'oie clair
#93ceb5  caca d'oie
*/

 th{ 
 background-color: #a7c0d3;
 color:#fff;
 font-family: 'gotham_condensedlight';
 text-transform:uppercase;
 text-align:center;
 } 
 td { 
  white-space: nowrap;
  }
.table-sm td, .table-sm th {
    padding: 4px 5px 4px 5px;
} 
 
 .fond_blanc{
	background:#fff;
	margin:  0px 10px 20px 10px ;
	width: calc( 100% - 20px );
	position:relative;	
}
 .date{
 	letter-spacing:.01em;
    font-family: 'gothamxnarrow_medium';
}
 .messagerie .date{
 	letter-spacing:.01em;
    font-family: 'gotham_condensedbold';
   }

h1, h2, h3, h4, h5, h6{
    font-family: 'gothamxnarrow_bold';
 }
h1{
	text-transform:uppercase;
	font-size:32px;
 	margin-top:10px;
	margin-bottom:10px;
	line-height:30px;
}
h2{
 	text-transform:uppercase;
	font-size:22px;
 	margin-top:10px;
	margin-bottom:8px;
	line-height:auto;
}
 .faq h2{
 	text-transform:none;
 	margin-top:0px;
	margin-bottom:6px;
 }
.faq div{
 	border:1px solid #2976b3;
	padding:15px;
	margin-bottom:15px
 }
 .faq p{
 	margin-bottom:4px;
	line-height:1.3;
 }
.forfaits div{
 	border:1px solid #2976b3;
	padding:0 0 15px 0;
	margin-bottom:15px;
	border-radius:12px;
 }
.forfaits h2  {
 	text-transform:none;
 	margin-top:0px;
	margin-bottom:15px;
 	padding:5px 15px;
	border-radius:12px 12px 0 0 ;
	font-size:18px
 }
 .forfaits ul {
   margin:0  ;
 	list-style: square outside url("/img/pinouche.png");
	padding: 0 34px;
 }
 .forfaits p {
 	padding: 0 15px  ;
 }
 .forfaits ul.ul2 {
 	list-style: square outside  ;
	padding: 0 9px;
  }
 .forfaits ul li {
 	font-size:13px;
	#color:#2976b3;
   	margin:3px 0 3px 0;
	line-height:1.3;
 }
 .forfaits ul.ul2 li {
 	font-size:12px;
  }
.f1{ background-color:#2976b3;color:#fff;}
.f2{ background-color:#6aa7d7; color:#fff;}
.f3{ background-color:#96c2e4;color:#fff; }
.f4{ background-color:#c2daed; color:#0b4a7b;}


.btn-primary.btn_x{
	font-size:40px  ;
	font-family: 'awesome';
 	padding:0;
	background:#fff!important;
	color:#93ceb5!important;
	margin-right:4px;
}
.btn-primary.btn_x:hover{
	background:#fff!important;
	color:#4e9476!important;
}
.btn-primary.btn_x:active{
	background:#fff!important;
	color:#000!important;
}
 
 
 .frame  h2{
 	margin-bottom:16px!important;
  }
h3{
 	font-size:16px;
 }
.messagerie h3{
 	font-size:18px;
 }

.wrap_normal{
	white-space:normal;	
}
 
 .rond{
  -webkit-border-radius: 333px; 
  -moz-border-radius: 333px; 
  border-radius: 333px; 
}
.coin_rond{
  -webkit-border-radius: 8px!important; 
  -moz-border-radius: 8px!important; 
  border-radius: 8px!important; 
}
.coin_rond_sm{
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
}
.titre3{
  font-size: 16px;
  margin-bottom:3px 
}

a {text-decoration:none; cursor:pointer!important; }
a:link {color:#2976b3;}
a:visited   {color:#2976b3;}
a:hover  {color:#1c6299; text-decoration:none; }
a:active  {color:#000; }
a:focus {
  outline: 0;
  outline: 0;
  outline-offset: 0;
}

 

.bold {
    font-weight:bold; 
}
.references {
    font-size:12px;
	font-style:italic;
}
ul,ol{
	padding-left:15px	
}
p{
	margin-bottom:10px;	
}


/* STRUCTURE  ==============================================================*/



html {
   }
 
body {
	font-family: 'Gotham_Book';
	background-color:#fff;
	font-size:14px;
	padding-bottom:80px;
	line-height:1;
      }
body#iframe {
	padding-bottom:0px!important;
	opacity:1;
 }
body#iframe h2 {
	margin-top:0!important;
 }

.MON_container{ 
	max-width:2200px;
	margin-left:auto;
	margin-right:auto;
   }
.container.pages{ 
	margin-top:20px;
   }
.container.projet{ 
 	padding-left:0px;
	padding-right:15px;
   }
 hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid rgba(167,192,211,1);
	clear:both!important;
 }
 hr.discret {
    margin-top: 2px;
    margin-bottom: 8px;
}
 hr.discret2 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.fa-ul {
     margin-left: 30px!important;
 }
/* BOOTSTRAP GENERIQUE ==============================================================*/

 .form-control {
    border: 1px solid #a7c0d3;
}

.btn-wrap{
	white-space:normal;
}
 .btn-primary {
    color: #fff!important;
    background-color: #93ceb5!important;
    border:0;
}
 .btn-primary-express {
    color: #fff!important;
    background-color: #8fe17c!important;
    border:0;
}
.btn-primary.absolute {
    position:absolute;
	z-index:3000;
	left:20px;
	margin-top:20px;
}
.btn-primary:hover {
    background-color: #6cae92!important;
}
.btn-primary:active {
    background-color: #000!important;
}
.btn-primary_fancy{
	background-color:#a7c0d3!important;
}
.btn-primary_fancy:hover {
    background-color: #2976b3!important;
}
.btn-primary_fancy:active {
    background-color: #000!important;
}

 .btn-video {
    color: #fff!important;
    background-color: #2976b3!important;
    border:2px solid #e3ecf3!important;
 	font-size:20px;
	font-family: 'gothamxnarrow_medium';
	text-transform:uppercase;
} 
 .btn-video:hover {
    color: #fff!important;
    background-color: #1c6299!important;
 } 


.col_centree {
    float:none;
	margin:0 auto;
}
.nav-pills .nav-link{
  -webkit-border-radius: 8px; 
  -moz-border-radius: 8px; 
  border-radius: 8px; 
    background-color: #e3ecf3 ;
}
.nav-pills:hover .nav-link:hover{
    background-color: #c5dff4 ;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
     background-color: #2976b3;
}
.nav-pills:hover .nav-link.active:hover, .nav-pills .show > .nav-link:hover {
     background-color: #1c6299;
}
.nav-item{
  margin-right:10px ;
  text-transform:uppercase;
  font-family: 'gothamxnarrow_medium';
  letter-spacing:.03em
}
.table td, .table th {
    border-top: 1px solid #a7c0d3;
}
 .tab_2 .table-responsive {
    XXoverflow:visible; 
 }
 .table-responsive {
    border-right: 1px solid #a7c0d3;
    border-left: 1px solid #a7c0d3;
	position:relative;
 }
 .questions .table-responsive {
    border-right: 0;
    border-left: 0;
 }
.table-responsive table{
 	margin-bottom: 0;
 }
 
.nouveau .btn.btn-sm {
 	padding:2px 6px;
 	margin-top:3px;
 	margin-bottom:8px;
	
 }
.btn-primary.focus, .btn-primary:focus {
    box-shadow: none!important;
}
  

/* FORMULAIRES  ==============================================================*/


/* QUESTIONS  */
 #form_question_traite label{
 }
 #form_question_traite label{
 	text-align:left;
 	padding-left:0!important;
 	padding-right:0!important;
 	margin-bottom:4px;
 }
 #form_question_traite label.act_prio{
 	width:110px;
 }
 #form_question_traite label.col-2{
 	margin-top:8px!important;
	min-width:80px
 }
 #form_question_traite label.checkbox-radio{
 	padding-left:5px!important;
 	padding-right:5px!important;
 }
 #form_question_traite .utilisateur{
 	float:left;
	margin-right:10px;
	display:inline-block;
 }

/* essai  */

	  .check_essai  {
		margin-bottom:0px!important;
		
		 
	  }
	 .check_essai label.radio_btn{
		font-size:13px;
		padding:10px 8px 6px 8px;
		text-transform:uppercase;
	  }


/* general  */
 .custom-file-input{
	overflow:hidden;
	opacity:1;
	background:#fff!important;
	top:3px;
	left:6px;
	height:30px;
 	font-size:12px;
  }
 .form-control {
    font-size: 14px;
 	line-height:16px;
}
.custom-select {
    height:  36px;
	width:calc( 100% - 30px ) ;
}
.check_box,
.radio_btn{
	font-family: 'Gotham_Medium';
	font-weight:bold;
	font-size:13px;
	line-height:13px;
	padding:7px;
	background-color:#cbd7e1;
	color:#7b98ae;
  }
 .radio_btn{
	font-size:10px;
	line-height:10px;
	padding:5px 3px 3px 3px;
  }
.radio_btn_user{
	font-weight:normal;
	padding: 5px 5px 3px 5px;
	background-color:#dce4ea;
	margin-right:0!important;
	opacity:.5;
	border:2px #fff solid;
  }
.radio_btn_utilisateur{
	font-weight:normal;
	padding: 5px 5px 3px 5px;
	background-color:#dce4ea;
	margin-right:0!important;
   }
.radio_btn_utilisateur:hover{
	background-color:#2976b3!important;
	opacity:1!important;
 	color:#fff;
   }
 .check_box{
 	color:#cbd7e1;
	padding:5px;
  }
.check_box:hover,
.radio_btn:hover{
	background-color:#2976b3;
	color:#fff;
	opacity:.25
 }
.radio_btn_user:hover{
	background-color:#6d9fc7!important;
 	opacity:1
 }
.radio_btn_user.active{
	background-color:#fff!important;
	opacity:1;
	color:#2976b3!important;
	border:2px #2976b3 solid;
  }
 .radio_btn.oui:hover{
	background-color:#c00;
	color:#fff;
 }
.tab_6 .radio_btn.oui:hover,
.check_box:hover,
.radio_btn:hover{
	background-color:#2976b3;
	color:#fff;
 }
.check_box.active,
 .radio_btn.active{
	background-color:#2976b3 ;
	color:#fff;
 }
  .radio_btn.oui.active{
	background-color:#c00 ;
	color:#fff;
 }
.tab_6 .radio_btn.oui.active{
	background-color:#2976b3 ;
	color:#fff;
 }
.check_box.focus,
.radio_btn.focus{
	box-shadow:none ;
 }
.btn-secondary.focus{
	border:0 ;
 }
.btn-secondary.focus{
	box-shadow:none ;
 }
 .btn-secondary:not(:disabled):not(.disabled):active, 
.btn-secondary:not(:disabled):not(.disabled).active, 
.show > .btn-secondary.dropdown-toggle{
	border:0;
 }

/* UTILISATEURS */

.avatars a {
 	opacity:.35;	
 }
.avatars  {
 	text-align:center;
	visibility:hidden;
	margin:0 ;	
 }
.avatar_centre  {
	display:inline-block;	
	text-align:center;
	width:18%	
  }
.avatar_centre .user_label {
	margin-left:0 0 0 auto;	
	text-align:center;
 }
.avatar_centre div{
	float:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
  }
.avatar_centre div.rond{
	float:none;
	display:inline-block;		
  }
.container.utilisateurs div.utilisateur a{
	width:100% ;
	max-width:340px;
 }
.container.add_user_projet #form_search_user label,
.container.utilisateurs #form_search_user label{
	margin-top:7px;
	margin-right:10px;
	font-weight:bold;
 }
.container.utilisateur_fiche div{
	margin-bottom:0;	
	
}
.container.utilisateur_fiche label{
	margin-bottom:0;	
	padding-bottom:1px;	
    font-family: 'gothamxnarrow_medium';
}
.detail_user{
	text-transform:none;
    font-family: 'gothamxnarrow_book';
		
	
}

/* 
 */

table.plan td.plan_taches{
overflow:hidden;
} 
 
.echeance_plan ,
.echeance_tache ;{
	visibility:hidden;
}
.echeance_plan_alt,
.echeance_tache_alt{
	min-width:70px;
	width:100%;
 	background:none;
	text-align:center;
	padding:0;
	height:20px;
	
}
 .date_courte{
	width:100px;
  }
 .date_courte_no_calendar{
 	padding-top:7px!important;
 }
 .cale_y_courte{
 	padding-top:5px!important;
  }

.file_field{
	position:absolute;
	width:400px;
	top:0;
	right:60px;	
 }
.tab_2 .custom-file input{
	margin-top:-4px ;
 }
.tab_2 .file_field  button{
	margin-top:2px ;
 }

/* DOCUMENTS */

.add_doc{
	position:relative ;
	margin-top:5px ;
	clear:both;
   }
#upload_0.file_field{
	position:static;
	width:400px;
	top:0;
	right:60px;
	border:1px solid #a7c0d3;
	padding:3px;	
 }
#upload_0 .custom-file-input{
	top:0px ;	
 }
.tab_5  th.date{
	width:6px;
	font-family: 'gotham_condensedlight' ;
 }


 
/* MODULES  ==============================================================*/

.alerte{
	text-transform:none;
	font-size:14px;
	color:#c00;
 }
.message_alerte{
	background-color:#d00;
	background-image:url(/img/bell.png);
	background-repeat:no-repeat;
	background-size:54%;
	background-position:center center;
	position:absolute;
	-moz-box-shadow: 3px 3px 4px #444;
	-webkit-box-shadow: 3px 3px 4px #444;
	box-shadow: 1px 2px 3px #444;
	z-index:800;
	cursor:pointer;
 }
.message_alerte_size_18{
	width:18px;
	height:18px;
	top:2px;
	left:2px;
	top:2px;
	left:2px;
 }
.message_alerte_size_24{
	width:24px;
	height:24px;
	top:4px;
	right:4px;
 }

div.questions,
div.taches,
div.utilisateurs,
div.messagerie{position:relative}


div.questions .input-group h3,
div.taches .input-group h3,
div.utilisateurs .input-group h3,
div.messagerie .input-group h3{
 	margin: 10px 10px 0 0 ;
}
div.questions .btn,
div.taches .btn,
div.utilisateurs .btn,
div.messagerie .btn{
 	margin-bottom: 20px ;
}
div.questions select.custom-select,
div.taches select.custom-select,
div.utilisateurs select.custom-select,
div.messagerie select.custom-select{
	background-color:#e3ecf3;
	border:0;
}
div.messagerie table.messagerie {
	border-bottom: 1px solid #a7c0d3;
}
 div.messagerie table.messagerie th.first .un{
	margin-left:30px;
	float:left;
}
div.messagerie table.messagerie th.first .deux{
	margin-left:90px;
	float:left;
}
div.messagerie table.messagerie td.message_texte {
 	min-width:500px!important;
  }
div.messagerie table.messagerie td.message_message {
 	min-width:280px!important;
 	max-width:350px!important;
	white-space:normal;
	position:relative;
 }
div.messagerie table.messagerie td.message_texte .message_texte_div{
 	overflow:auto;
 }
div.messagerie table.messagerie td.message_message .message_message_div{
 	overflow:scroll;
	position:relative;
 }
div.messagerie table.messagerie td.message_message .message_message_div .first{
 	float:left;
	background-color:#e3ecf3;
	padding:6px 4px;
	width:30%;
	border-bottom:2px solid #7c9bb3;
	min-height:34px;
	position:relative;
}
div.messagerie table.messagerie td.message_message .message_message_div .last{
 	float:right;
	text-align:left;
 	padding:6px 6px 6px 6px;
	width:70%;
	border-bottom:2px solid #a7c0d3;
	min-height:34px;
	vertical-align:middle;
	display:inline-block;
	line-height:18px;
	font-size:14px;
	font-family: 'gothamxnarrow_medium';
 }
div.messagerie table.messagerie td.message_message .message_message_div .last p{
	margin-bottom:6px;
	padding-right:20px
}
div.messagerie table.messagerie td.message_texte .de,
 div.messagerie table.messagerie td.message_texte .a{
 	float:left;
}
div.messagerie table.messagerie  th.last{
 	padding-left:20px;
}
 div.messagerie table.messagerie td.message_texte p{
 	margin-bottom:10px;
	line-height:17px;
	white-space:normal;
 }
div.messagerie table.messagerie td.message_texte .utilisateur{
	margin: 2px 0 0 10px;
	float:left;
}

div.messagerie table.messagerie td.message_message{
	min-width:220px;
 }
div.messagerie table.messagerie td.message_message .utilisateur{
 	overflow:hidden;
}
div.messagerie table.messagerie th.first{
	width:25%;
 }
div.messagerie table.messagerie th.last{
	width:75%;
 }
.date .n_reponses{
	position:absolute;
	bottom:6px;	
	left:0;	
	right:0	;
 	font-family: 'gothamxnarrow_book' ;
	font-style:italic;
}
.messagerie td{
  	 opacity: 0;
}
.nouveau_message_btn{
	display:block;
	width:100%
 }
 .message_full{
	overflow:hidden;
	cursor:pointer;
	position:relative;
	
 }
 


/* PROJETS  ==============================================================*/

.projet{
	margin:10px auto  0px auto;
	max-width:1400px;
 }
div.questions span,
div.taches span,
div.utilisateurs span,
.messagerie span,
.projet span{
	font-family: 'gothamxnarrow_book';
 }
.arrow_up,
.arrow_down{
	float:right;
	font-size:50px;
	line-height:1px	
}
.arrow2{
	float:left;
	font-size:35px;
	line-height:1px	;
	margin-top:-5px;
	margin-right:6px;
	display:inline-block;
}
.arrow3{
	float:left;
	font-size:27px;
	line-height:1px	;
	margin-top:-6px;
	margin-right:6px;
	margin-left:6px;
	display:inline-block; 
}
.arrow_up.dropdown-toggle::after {
    margin-top: 12px;
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
}
.arrow_down.dropdown-toggle::after {
    margin-top: 15px;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.tab{
 	margin-top: 30px;
 }
.projet .rubrique{
	margin-right: 0px;
	margin-left: 15px;
 }
 td.contenu{
	max-width:240px!important;
	min-width:240px!important;
	position:relative;
   }
td.contenu span{
	max-width:400px;
	min-width:200px;
	overflow:hidden;
	white-space:normal!important;
	height:30px;
  }
td.contenu span.comment_comment{
	height:auto;
  }
 td.contenu span.noh30{
	height:auto!important;
 }
.tab_4 td.plan_taches{
	border-bottom: 1px solid #a7c0d3!important;
  }
.tab_4 td.plan_taches span{
	height:auto;
 }
.tab_4  td.date,
.tab_4  td.docs,
.tab_4  td.pinouche,
.tab_4  td.contenu{
	padding-top:6px;
 }
.select_priorite.custom-select{
	height: 24px;
	padding:0 5px 0 5px ;
	width:40px;
	
 }
  
 
/* DIAGNOSTIC  & TACHES==============================================================*/

.filter_user_task{
	width:auto;
	float:right;		
}
.vues{
    text-transform: none;
    font-family: 'gothamxnarrow_book';
	color:#2976b3;
	margin: 10px 0 0 15px;
	letter-spacing:0; 
 }
.vues:hover{
	color:#1c6299;
 }
.com_pre .btn-group-sm > .btn ,.com_pre .btn-sm {
    padding: 3px 8px 2px 8px;
	margin-top:0px;
	width:104px;
}
 .com_pre a{
 		font-size:12px;
  }
 .com_pre.precisions  a{
		visibility:hidden;
		font-size:12px;
  }
 	
	
	
	.case_reponse{
 	 overflow:visible;
	 white-space:nowrap;
	 display:none;
	 position:absolute;
	 z-index:3000;
	 margin-left:24px;
	 border:4px solid rgba(41,118,179,.5);
	 overflow:hidden;
	 border-radius:8px;
	 margin-top:-4px;
	 height:32px!important;
  }
	.case_reponse span{
	 margin:0!important;
  }

.pinouche_spe{
	border-right:0!important;
	padding-left:6px;
}
 .barre_diagnostic{
	margin:6px 0 0 0;
	padding:0;
 }
.barre_utilisateur {
	margin:0px 0 0 0;
	padding:0;
 }
.barre_utilisateur div.nav-item,
.barre_diagnostic div.nav-item{
	margin:6px 0  ;
	background-color: #e3ecf3;
	-webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px; 
 }
 table.infos td,
 table.docs td,
 table.plan td,
 table.taches td {
	border-left: 1px solid #a7c0d3;	 
	border-right: 1px solid #a7c0d3;
 }
 table.messagerie td.last,
 table.infos td.last,
 table.docs td.last,
 table.plan td.last,
 table.taches td.last {
 	border-right: 0;
 }
 table.messagerie td.first,
 table.infos td.first,
 table.docs td.first,
 table.plan td.first,
 table.taches td.first {
 	border-left: 0;
 }
 table.infos,
 table.infos,
 table.docs,
 table.plan,
 table.taches,
 table.diagnostic{
	border-top:1px solid #a7c0d3;
	border-right:0;
	border-bottom:1px solid #a7c0d3;
	border-left:0;
   }
 table.plan td{
 	vertical-align: top;
	white-space:nowrap;
 }
 table.plan th.theme{
 	background-color:#a7c0d3;
	color:#fff;
	padding:4px;
 }
 
  table.infos tr:hover,
 table.docs tr:hover,
 table.plan tr:hover,
 table.taches tr:hover,
 table.diagnostic tr:hover{
 		background: rgba(251,255,215,.8);
		 	 
 }
 
 
 
 table.plan th.theme h3{
 	padding:0;
 	margin:0;
	text-align:left;
	font-family: 'gothamxnarrow_medium';
 }
table.messagerie td,
table.infos td,
table.docs td,
table.taches td,
table.diagnostic td{
 	white-space:nowrap;
 }
 #choix_statut_tache td.pinouche ,
 table.messagerie td.pinouche,
 table.infos td.pinouche,
 table.docs td.pinouche,
 table.plan td.pinouche,
 table.taches td.pinouche,
  table.diagnostic td.pinouche{
 	padding:6px 0px 4px 3px;
 	width:24px;
	position:relative;
 }
 table.messagerie td.pinouche.first,
 table.infos td.pinouche.first,
 table.docs td.pinouche.first,
 table.plan td.pinouche.first,
 table.taches td.pinouche.first,
 table.diagnostic td.pinouche.first{
 	padding:6px 0px 4px 6px;
   }
 table.messagerie td.pinouche.last,
 table.infos td.pinouche.last,
 table.docs td.pinouche.last,
 table.plan td.pinouche.last,
 table.taches td.pinouche.last,
 table.diagnostic td.pinouche.last{
 	padding:6px 8px 4px 3px;
   }



 .fiche_question .btn.add_s_theme,
 .fiche_question .btn.add_theme{
	padding:1px 6px;
	font-size:12px;
 	margin-top: 0px;
 	display: block;
	position:absolute;
	top:-8px;
	right:0;
	width:150px;
 }


 #choix_statut_tache span.pinouche,
 body.share_file span.pinouche ,
 table.messagerie span.pinouche ,
 table.infos span.pinouche ,
 table.docs span.pinouche ,
 table.plan span.pinouche ,
 table.taches span.pinouche ,
 table.diagnostic span.pinouche{
 	width:24px;
	height:24px;
	background:#d7dcea;
	background-size:cover;
	display:inline-block;
	font-family: 'gothamxnarrow_medium';
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	position:relative  ; 
   }
 table.diagnostic td.pinouche.first span.pinouche{
 	width:16px;
	height:16px;
}
table.plan td.pinouche,
table.docs td.pinouche{
	border-right:0 ;
 }
table.plan td.plan_taches,
table.docs td.contenu{
	border-left:0 ;
 }
table.docs td.pinouche span.pinouche{
 	width:16px;
	height:16px;
 	max-width:16px ;
	min-width:16px ;
 }
 table.messagerie td.pinouche.first span.pinouche,
table.messagerie td.pinouche.last span.pinouche,
table.infos td.pinouche.first span.pinouche,
table.infos td.pinouche.last span.pinouche,
table.docs td.pinouche.first span.pinouche,
table.docs td.pinouche.last span.pinouche,
table.plan td.pinouche.first span.pinouche,
table.plan td.pinouche.last span.pinouche,
table.taches td.pinouche.first span.pinouche,
table.taches td.pinouche.last span.pinouche{
 	width:20px;
	height:20px;
 }
 #choix_statut_tache span.pinouche span,
 table.messagerie span.pinouche span,
 table.infos span.pinouche span,
 table.docs span.pinouche span,
 table.plan span.pinouche span,
 table.taches span.pinouche span,
 table.diagnostic span.pinouche span{
	font-family: 'gothamxnarrow_medium';
 	display:inline;
	position:absolute ; 
	top:6px;
	left:0px;
	width:100%;
	font-size:12px;
	text-align:center;
 }
  table.messagerie span.content ,
  table.infos span.content ,
  table.docs span.content ,
  table.plan span.content ,
  table.taches span.content ,
  table.diagnostic span.content {
  	font-weight:normal;
	text-transform:none!important;
	display:inline-block;
	padding-left:8px;
  }
  table.messagerie span.content span,
  table.infos span.content span ,
  table.docs span.content  span,
  table.plan span.content span ,
  table.taches span.content  span,
  table.diagnostic span.content  span{
  	font-weight:normal;
	text-transform:none!important;
	display:block;
  }
  table.messagerie .user div,
  table.infos .user div,
  table.docs .user div,
  table.plan .user div,
  table.taches .user div{
	margin-top:-6px  ;
  }
  table.messagerie .user span,
  table.infos .user span,
  table.docs .user span,
  table.plan .user span,
  table.taches .user span{
	font-size:14px;
	margin-top:-2px
  }
 table.messagerie .docs span ,
 table.infos .docs span ,
 table.docs .docs span ,
 table.taches .docs span {
	font-size:14px;
	margin-top:-2px
  }
 .table_dans_table td{
	border: 0px;	 
  	border-left: 0px solid #a7c0d3!important;	 
	border-right: 0px solid #a7c0d3!important;
}
 .table_dans_table span{
	min-width:200px ;
	max-width:250px ;
	white-space:normal;	
	display:inline-block; 
  }
 .table_dans_table tr{
	border-bottom: 1px solid #a7c0d3;	 
    }
 .table_dans_table tr:last-child{
	border-bottom: 0;	 
   }
 
 .diagnostic_s_theme{
 	display:none;
   }
 
 .diagnostic_theme div.pinouche{ 
 	width:20px;
	height:20px;
	background:#d7dcea;
 	float:left;
	margin:2px 10px  0px 0;
	background-size:cover;
	display:inline-block;
  }
 .diagnostic_s_theme div.pinouche{
 	width:16px;
	height:16px;
	margin:1px 10px  0px 0;
	background-image:none;
    font-family: 'awesome';
   }
 table.diagnostic span.pinouche.check,
 .diagnostic_theme div.pinouche.check,
 .diagnostic_s_theme div.pinouche.check{
    font-family: 'awesome';
	text-align:center;
	font-size:16px;
	line-height:19px;
	color:#fff;
 	background-color:#2976b3   
}
 table.diagnostic span.pinouche.check,
 .diagnostic_quest div.pinouche.check ,
 .diagnostic_s_theme div.pinouche.check{
 	font-size:13px;
	line-height:16px;
    }
 table.messagerie span.pinouche.check,
 table.infos span.pinouche.check,
 table.docs span.pinouche.check,
 table.plan span.pinouche.check,
 table.taches span.pinouche.check{
	background-image:url(/img/check2.jpg);
   }
 table.messagerie .last span.pinouche.check,
 table.infos .last span.pinouche.check,
 table.docs .last span.pinouche.check,
 table.taches .last span.pinouche.check{
	background-image:url(/img/check3.jpg);
   }
 .pin_tres_bleu_pale{ background-color:#e3ecf3!important; border:0!important;}
 .pin_bleu_pale{ background-color:#a7c0d3!important; color:#000}
 .pin_bleu{ background-color:#2976b3!important; }
 .pin_blanc{ background-color:#fff!important; }
 .pin_transparent{ background:none!important; }
 .pin_vert{ background-color:#3db34f!important; }
 .pin_rouge{ background-color:#d00!important; }
 .pin_gris{ background-color:#818a91!important; }
 .pin_gris_bleu{ background-color:#a7c0d3!important; }
 .pin_noir{ background-color:#111!important; }
 .pin_orange{ background-color:#f59431!important; }
 .pin_creme{ background-color:#ffe8a3!important; }
 .pin_priorite{ background-color:#d00!important; }
  span.xpin_priorite span{ font-family: 'Gotham_Medium'!important; font-size:18px!important; line-height:15px; }
 .pin_enjeu{ background-color:#f59431!important; }
  span.xpin_enjeu span{ font-family: 'awesome'!important; font-size:16px!important; line-height:15px; }
 .pin_add{ background-color:#93ceb5!important; }
 .pin_add:hover{ background-color:#6cae92!important; }
 .pin_add span { font-family: 'awesome'!important; }
 .pin_mail{ background-color:#55a2de!important; }
 .pin_mail:hover{ background-color:#2976b3!important; }
 .pin_mail span { font-family: 'awesome'!important; font-size:16px }

 .pin_bleu_pale{ background-color:#a7c0d3!important; color:#000}
 
 .bloc_clicQ,
 .bloc_clicST,
 .bloc_clicT{
 	width: 100%;
	height:100%;
 	position:absolute;
	z-index:1200;
 	left:0;
	-moz-opacity: 0.7;
  	-khtml-opacity: 0.7;
 	 opacity: 0.7;
	 background:#fff;
} 
  .bloc_clicT{
 	min-height: calc( 100% - 30px );
 	top:25px;
 } 
  .bloc_clicST{
 	min-height: calc( 100% - 30px );
 	top:55px;
 } 
 .bloc_clicQ{
	top:0px;
	left:25px;
 } 
 .bloc_clicQ.last{
	width:calc( 100% - 30px );
 } 
 .affiche_fancy{
	display:none;
	line-height:20px
   } 

.icone_medium div {
	margin-top:6px
 }
.icone_medium img{
	width:20px;
	height:auto;
	margin-right:6px
 }

.rappel_envoye{
	color:#2976b3;
}
 .depasse span,
.rappel_envoye span{
	font-size:14px;
	line-height:12px;	
}
 .depasse{
	color:#c00;
}
 .termine{
	color:#3db34f;
 	line-height:14px;
 }
.depasse input {
	color:#c00;
	border-color:#c00;
}
.span_user{
	min-width:1px!important;	
	
}
.toggle_WD_current,
.toggle_WD,
.toggle_YN_current,
.toggle_YN{
	cursor:pointer;
}
.toggle_WD_current span  {
	top:3px!important;
}
 	 
 .tab_6 .col-form-label{  
 	padding:0 0 6px 0!important;
 	font-family: 'gothamxnarrow_medium';
	line-height:15px;
  }

 .tab_6 .form-group{  
 	background-color:rgba(255,255,255,1);
	padding:10px;
	border:6px solid #e3ecf3;
	margin-bottom:0;
	border-radius:14px;
   }
 .tab_6 .rubrique{  
 	padding:8px;
   }
 .tab_6 .btn.awesome.check_box{
 	margin:0px;
   }
 .tab_6 label.col-form-label.pros{
  	overflow:hidden;
	white-space:nowrap;
	display:block;
 	padding:0px!important;
     }
 .tab_6 div.pros{/*oui non*/
  	margin-top:5px;
  	margin-right:6px;
	float:right;
    }
  .tab_6 .form-control.pros{ /*input*/
 	width: 20% !important;
	float:right;
   }
  .tab_6 .form-control.pros.w70{ /*input*/
 	width: calc( 70% - 10px )!important;
    }
  .tab_6 .form-control.pros.w33{ /*input*/
 	width: 30% !important;
    }
  .tab_6 .form-control.pros.w20{ /*input*/
 	width: calc( 20% - 6px )!important;
    }
  .tab_6 .form-control.pros.w25{ /*input*/
 	width: calc( 25% - 0px )!important;
    }
   .tab_6 .form-control.pros.w60{ /*input*/
 	width: 58% !important;
    }
   .tab_6 .form-control.pros.w40{ /*input*/
 	width: calc( 40% - 12px )!important;
    }
   .tab_6 .form-control.pros.w100-100{ /*input*/
 	width: calc( 100% - 165px ) !important;
    }
   .tab_6 .label_added{ /*input*/
 	float:none;
  	width: calc( 25% - 12px ) !important;
	padding:0!important;
	margin-right:5px;
    }
   .tab_6 .relief.form-control.pros{ /*input*/
  	width: 100% !important;
	margin-top:2px;
	margin-right:10px;
	margin-left:0px;
 	float:none!important;
	font-family: 'Gotham_Book';

    }
  
td.contenu span.task_in_plan,
td.contenu span.tache_envoi{
	white-space: nowrap!important;
	width:80px
   }
  
  
  
  
  
  
/* DASHBOARD  ==============================================================*/

#overlayLoading  {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the alpha value for the desired darkness */
    z-index: 999; /* Set a z-index just below the spinner */
}

#loading-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000; /* Set a high z-index to make sure it appears above everything */
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Styles for the popup */
.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

/* Styles for the overlay */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.archiveButton{
    cursor: pointer;
    width: 35px;
    height: 35px;
}

.supprimerButton{
    cursor: pointer;
    width: 25px;
    height: 25px;
}


.dashboard{
	max-width:1400px;
  }
  
.HP,
.questions,
.taches,
.utilisateurs,
.messagerie,
.HP{
	margin:0px auto  0px auto;
 }
.bienvenue  {
	font-size:16px;
	font-family: 'Gotham_Medium';
	color:#2976b3;
 	margin-bottom: 10px;
}
.questions .bienvenue,
.taches .bienvenue,
.utilisateurs .bienvenue,
.messagerie .bienvenue,
.dashboard .bienvenue{
	margin-left:-15px!important;
}
 .rubrique{
	border:1px solid #a7c0d3;
  	width:auto;
  	padding:10px 10px 10px 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
 	overflow:hidden;
  }
.rubrique ul.nav.nav-pills   {
	margin-bottom: 15px;
 }
.rubrique.rubrique2{
 	margin-right: 0px;
	margin-left: 0px;
   }
 
.row{
	max-width:100%;
	margin-right: 0px;
	margin-left: 0px
}

.row.moncarousel{
 	margin-left:-15px!important;
	margin-right:-15px!important;
	
}
 


.dummy {
    margin-top: 120%;
}
.module_pave {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background:#e3ecf3;
	padding:10px;
	margin:10px;
	border:1px solid #e3ecf3;
	overflow:hidden;
 	cursor:pointer;
	text-transform:uppercase;
	font-family: 'gothamxnarrow_medium';
	font-weight:bold;
	color:#25679c;
  	font-size:16px;
	line-height:18px;
	
     }
.module_pave.module span {
	margin-top:10px;
}
 
.module_pave:hover {
	background:#fbffdf;
}
.module_pave_blanc {
	background:#fff;
	padding:0px;
 }
.cartouche {
	background:#2976b3;
	padding:10px 14px;
   }
.cartouche span{
	color:#fff;
	display:block;
	font-family: 'gothamxnarrow_book';
}
.cartouche span.titre{
	font-family: 'gothamxnarrow_medium';
	font-size:18px;
	line-height:22px;
  }
.cartouche span.s-titre{
	text-transform:none;
	font-size:16px;
	line-height:18px;
	font-family: 'gothamxnarrow_book';
  }
 .resultatS{
	padding:10px 15px;
	
 }
 div.resultat{
	overflow:hidden;	 
	margin-bottom:3px;
 }
 span.resultat{
	display:inline-block;
	overflow:hidden;	 
 	width:100%
 }

  .charge_pilule{ background: #cc0000;  } 
   .charge_jauge{ background: #cc0000;  }
 .interne_pilule{ background: #ffb413;  }
  .interne_jauge{ background: #ffb413;  }
  .cedant_pilule{ background: #3db34f;  }
  .cedant_jauge{ background: #3db34f;  }
  .repreneur_pilule{ background: #6fc5ec;  }
  .repreneur_jauge{ background: #6fc5ec;  }
  .expert_pilule{ background: #1a77b9;  }
  .expert_jauge{ background: #1a77b9;  }
  .total_pilule{ background: #333;  }
  .total_jauge{ background: #333;  }
  .void_pilule{ background: #d7dcea;  }


.user table{
	margin:0;
	padding:0;
	
	
}



.user_pilule{
 	text-align:center;
 	float:left;
    font-family: 'Gotham_Medium';
	color:#fff;
   }
.user_pilule_17{
	width:17px;
	height:17px;
 	font-size:13px;
	line-height:19px;
}
.user_pilule_20{
	width:20px;
	height:20px;
 	font-size:15px;
	line-height:22px;
}
.user_pilule_24{
	width:24px;
	height:24px;
 	font-size:18px;
	line-height:27px;
}
.user_pilule_30{
	width:27px;
	height:27px;
 	font-size:20px;
	line-height:29px;
	margin-top:-2px;
}
.user_pilule_40{
	width:40px;
	height:40px;
 	font-size:32px;
	line-height:44px;
}
 .user_jauge_neutre{
	width:140px;
	height:12px;
	float:left;
	margin-left:10px;
	margin-top:6px;
	width: calc( 100% - 100px );
	background: #a7c0d3;
	overflow:hidden;
}
 .user_jauge{
 	height:12px;
  }
.user_pourcent{
	width:auto;
   	font-size:20px;
	line-height:24px;
	text-align:right;
	float:right;
	font-family: 'gothamxnarrow_bold'!important;
}
.user_label{
	padding-top:4px;
	width:auto;
   	font-size:17px;
	line-height:19px;
	text-align:left;
	float:left;
	font-family: 'gothamxnarrow_bold';
	text-transform:uppercase;
	margin-left:6px;
}
table .user_label{
	margin-left:-5px!important;
}
table.messagerie .user_label{
	margin-left:5px!important;
	
}
.plan .user_label,
.taches .user_label{
	margin-left:0px;
}
 .user_label span{
	display:block;
   	font-size:16px;
	line-height:14px;
	font-family: 'gothamxnarrow_book';
	text-transform:none;
}
 .messagerie .user_label span{
   	font-size:14px;
	line-height:14px;
}
  .pin_docs img{
	width:16px;
	height:auto;
	margin-top:-3px
}
 .no-hover:hover tr{
	background:transparent!important;
}
 .tab_3 .user_jauge_neutre{ /* tab utilisateur */
	float:left;
 	padding:0;
	width:60%
 }
 .tab_3 .user_label{ /* tab utilisateur */
 	float:none;
  }
 .tab_3 .user_label span{ /* tab utilisateur */
 	height:0;
	margin-bottom:15px;
  }
 
 
 .tab_3 .arrow_up:after,  
 .tab_3 .arrow_down:after{  
	margin-top:4px;
	float:right 
 }
 .tab_3 .remove,  
 .tab_3 .arrow_up:after,  
 .tab_3 .arrow_down:after{  
		height:1px; 
 }
 .tab_3 .arrow_up:after,  
 .tab_3 .arrow_down:after{  
	margin-top:14px; 
	margin-right:4px; 
 }
  .tab_3 .remove{  
	margin-top:0px; 
	margin-right:0px;
	position:absolute;
	right:58px ;
	top:13px;
  }
  .tab_3 .edit{  
	right:94px ;
	top:13px;
  }
  .tab_3 .remove a{  
	color: #2976b3;
 }
  .tab_3 .remove a:hover{  
	color: #1c6299;
 }
    .tab_3 .bloc_user_label_jauge{  
     width: calc( 100% - 90px );
	 float:left;
 }
    .tab_3 .bloc_user_label_jauge.list-group-item{  
     width:   100%  ;
	 float:left;
	 min-width:280px;
 }
  .tab_3 .bloc_user_label_jauge .user_pourcent{  
 	margin-left: 6px; 
	float:left;
	height:0px;
	margin_top:20px!important;
  }
  .tab_3 .resultat{  
	overflow:visible;
 }
  .tab_3 a.nav-link{  
	#height:60px;
 }
    .tab_7 .table_dans_table td span{  
	height:auto ;
  }
    .tab_7 .date{  
	padding-top:10px ;
  }

/* HEADER  ==============================================================*/
 
header{
	background-color:#2976b3;
	line-height:1.5;
 }
.logo{
 	padding:10px 15px 0px 15px;	
      }
.logo img{
 	width:auto;
	height:40px;
     }
 .logo_icon{
	background-color:#fff;
	width:100px;
	height:36px;
 	margin-right:10px;
	display:inline-block;
 }
 .menu_haut{
   	float:right;
 	margin:5px 0px;	
	border:0px solid #000;
  }
 .menu_haut ul.nav{
  	margin:12px 0px;	
   }
.menu_haut nav{
 	display:inline-block;
  }

/* NAV ==============================================================*/

.menu_haut li{
	border:1px solid #fff;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	margin:4px 3px 4px 3px; 
}
.menu_haut li:hover{
	background-color:#1c6299; 
}
.menu_haut li:active{
	background-color:#000; 
}
 .menu_haut li a{
	padding:0px 8px;
	margin:0px 3px; 
 }
 .menu_haut li a:link {color:#fff;}
 .menu_haut li a:visited   {color:#fff;}
 .menu_haut li a:hover  {color:#fff;  }
 .menu_haut li a:active  {color:#fff; }
 
 .menu_haut div.gestion a:link {color:#2976b3; text-transform:none;}
 .menu_haut div.gestion a:visited   {color:#2976b3;}
 .menu_haut div.gestion a:hover  {color:#2976b3;  }
 .menu_haut div.gestion a:active  {color:#2976b3; }
 
 .menu_haut li div.gestion a{
	text-decoration:underline!important; 
	padding:0px  ;
	margin:0px ; 
 }

 .dropdown-menu{
	background-color:#fff;
	border:0px;
 	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	margin-top:25px;
	margin-right:-5px;
   }

.talkbubble { 
	width: 190px; 
	height: auto; 
	background: #fff; 
	position: relative; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	top:  -8px!important; 
	padding:10px;
	z-index:6000;
} 
.talkbubble:before { 
	content:""; 
	position: absolute; 
	right: 25%; 
	top:  -24px; 
	width: 0; 
	height: 0; 
	border-top: 13px solid transparent; 
 	border-left: 13px solid transparent; 
	border-right: 13px solid transparent; 
	border-bottom: 22px solid #fff;
	 
} 

.tooltip_perso { 
	display:none;
	width: 100px; 
	height: 60px; 
	background: #2976b3; 
 	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	top:  -16px!important; 
	padding:14px;
	z-index:46000;
	position: absolute; 
	left:  4px; 
	top:  160px;
	color:#fff;
    font-family: 'gothamxnarrow_medium';
	font-size:18px;
	text-align:center;
 } 
.tooltip_perso:before { 
	content:""; 
	position: absolute; 
 	right: 39px; 
	top:  60px; 
	width: 0; 
	height: 0; 
	border-bottom: 13px solid transparent; 
 	border-left: 13px solid transparent; 
	border-right: 13px solid transparent; 
	border-top: 22px solid #2976b3; 
} 

.talkbubble input { 
	padding:0 4px;
	font-size:13px;
	width:100% 
} 
.talkbubble .btn { 
	padding:0;
	font-size:12px;
	width:100%; 
	margin-bottom: 8px 
} 
.talkbubble .form-group { 
	margin-bottom: 6px 
} 
.talkbubble .gestion { 
	font-size:12px;
	font-style:italic;
} 

.menu_haut .home {
 	 padding:0;
	 line-height:22px;
  }
.menu_haut .home   a{
	 font-family: 'awesome';
	 color:#fff;
 	 text-transform: none;
 	 padding:0;
	 font-size:20px;
  }
span.remove,
.remove{
	 font-family: 'awesome';
 	 font-size:30px;
	 text-transform: none;
	float:right;
			
 }
 .td_remove{
	width:24px;
 }
 .td_statut{
  }
 .td_activite{
	width:800px!important;
	min-width:0;
 }
 .td_priorite{
	width:40px!important;
	min-width:0;
 }


	/* ASIDE ==============================================================*/

aside{
}


/* ARTICLE ==============================================================*/

article{
}


/* 
 ==============================================================*/

footer{
	color:#fff;
	text-align:center;
	background-color:#333;
	position:fixed;
	bottom:0;
	width:100%;
	padding:10px 0;
	z-index:99999;
  }	
footer div {
	text-align:center;
	width:100%;
}	

/* 
==============================================================*/
.intro.video{
	margin-bottom:70px;
}
.intro{
	max-width:1200px;
 	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	text-align:center;
}
.intro i.fas{
	display:block;
	padding:0;
	font-size:48px;
	margin-bottom:20px;
}
.intro ul{
	padding:0;
	margin-top:40px;
	margin-bottom:40px;
}
.intro li{
	list-style:none;
    font-family: 'Gotham_Book';
 	font-size:12px;
	line-height:16px;
	display:inline-block;
	width:20%;
	float:left;
	text-transform:uppercase;
	color:#666;
	padding:10px;
}
.intro h2{
     font-family: 'Gotham_Medium';
 	font-size:30px;
	line-height:34px;
	text-transform:none;
	text-align:center;
}
.intro p{
	margin-top:10px;
	margin-bottom:10px;
	font-size:15px;
	line-height:24px;
}
.intro img.w-100{
	margin:auto;
 }

/* BANNIERE ==============================================================*/


/* SLIDER ==============================================================*/

#carouselExampleIndicators {
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	
 }

.carousel{ 
	position: relative;
	margin-bottom:30px;
 
}
.carousel-control-prev-icon{
	padding-right:10px;	
}
.carousel-control-prev,
.carousel-control-next {
	width: 5%;	
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
	border:7px solid #2976b3;
	-webkit-border-radius: 30px; 
	-moz-border-radius: 30px; 
	border-radius: 30px;
 	background-color:#2976b3;
	width:30px;
	height:30px;
}
.carousel h5{ 
	font-size:3.8vw;
	line-height:3.5vw;
    font-family: 'Gotham_Medium';
	text-transform:uppercase;
	margin-left:20px;
}
.carousel p{ 
	font-size:1.5vw;
    font-family: 'Gotham_Medium';
	color:#2976b3;
	margin-bottom:14px;
 }

.carousel-caption {
    position: absolute;
    top: 33%;
    right: 0%;
    left: 10%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #444;
    text-align: left;
}

 
 /* CKEDITOR  ==============================================================*/

body#editor {   
	margin-left: 6px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom:6px;
 	background:#fff;
 }
body#editor .slide_div {  background:#FFC }




 /* IMAGE  ==============================================================*/

figure.image { 
	width:auto;
 	margin-bottom:10px;
 }
figure.image img{ 
	max-width:100%;
	height:auto;
}
img.right,  .image-right{
	float:right!important;
	margin-left:20px!important;
}
img.left,  .image-left{
	float:left;
	margin-right:20px; 
}
figure.image figcaption{ 
  	margin-bottom:10px;
	text-align:right;
	color:#aaa;
 	margin-top:5px;
	font-style:italic;
	font-size:13px;
}

/* VIDEO  ==============================================================*/

 #bgvid { 
	position: fixed; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -100;
	background-size: cover;
}
.media_embed        {
    position: relative;
	width:100%
}

.media_embed img {
    display: block;
    width: 100%;
    height: auto;
}

.media_embed iframe {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.embeddedContent {
	position      : relative;
	width         : 100%;
	height        : 0;
	padding-bottom: 60%;
}

.embeddedContent iframe {
	position: absolute;
	top     : 0;
	left    : 0;
	width   : 100%;
	height  : 100%;
}


 



 /* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix  { clear: both; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.display_hidden { display: none  ;  }







/* FONTS  ==============================================================*/
  
@font-face {
    font-family: 'gotham_condensedbold';
    src: url('../fonts/GothamCondensed-Bold.eot');
    src: url('../fonts/GothamCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamCondensed-Bold.woff2') format('woff2'),
        url('../fonts/GothamCondensed-Bold.woff') format('woff'),
        url('../fonts/GothamCondensed-Bold.ttf') format('truetype'),
        url('../fonts/GothamCondensed-Bold.svg#GothamCondensed-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_condensedlight';
    src: url('../fonts/gothamcondensed-light-webfont.eot');
    src: url('../fonts/gothamcondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothamcondensed-light-webfont.woff2') format('woff2'),
         url('../fonts/gothamcondensed-light-webfont.woff') format('woff'),
         url('../fonts/gothamcondensed-light-webfont.ttf') format('truetype'),
         url('../fonts/gothamcondensed-light-webfont.svg#gotham_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
 }  
@font-face {
    font-family: 'gotham_condensedmedium';
    src: url('../fonts/GothamCondensed-Medium.eot');
    src: url('../fonts/GothamCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamCondensed-Medium.woff2') format('woff2'),
        url('../fonts/GothamCondensed-Medium.woff') format('woff'),
        url('../fonts/GothamCondensed-Medium.ttf') format('truetype'),
        url('../fonts/GothamCondensed-Medium.svg#GothamCondensed-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}



@font-face {
    font-family: 'gothamxnarrow_bold';
    src: url('../fonts/gothamxnarrow-bold-webfont.eot');
    src: url('../fonts/gothamxnarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/gothamxnarrow-bold-webfont.woff') format('woff'),
         url('../fonts/gothamxnarrow-bold-webfont.ttf') format('truetype'),
         url('../fonts/gothamxnarrow-bold-webfont.svg#gothamxnarrow_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothamxnarrow_book';
    src: url('../fonts/gothamxnarrow-book-webfont.eot');
    src: url('../fonts/gothamxnarrow-book-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/gothamxnarrow-book-webfont.woff') format('woff'),
         url('../fonts/gothamxnarrow-book-webfont.ttf') format('truetype'),
         url('../fonts/gothamxnarrow-book-webfont.svg#gothamxnarrow_book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothamxnarrow_medium';
    src: url('../fonts/gothamxnarrow-medium-webfont.eot');
    src: url('../fonts/gothamxnarrow-medium-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/gothamxnarrow-medium-webfont.woff') format('woff'),
         url('../fonts/gothamxnarrow-medium-webfont.ttf') format('truetype'),
         url('../fonts/gothamxnarrow-medium-webfont.svg#gothamxnarrow_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham_Book';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Gotham-Book.woff') format('woff'),
         url('../fonts/Gotham-Book.ttf') format('truetype'),
         url('../fonts/Gotham-Book.svg#Gotham_Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham_Medium';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Gotham-Medium.woff') format('woff'),
         url('../fonts/Gotham-Medium.ttf') format('truetype'),
         url('../fonts/Gotham-Medium.svg#Gotham_Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'awesome';
    src: url('../fonts/awesome-webfont.eot');
    src: url('../fonts/awesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/awesome-webfont.woff2') format('woff2'),
         url('../fonts/awesome-webfont.woff') format('woff'),
         url('../fonts/awesome-webfont.ttf') format('truetype'),
         url('../fonts/awesome-webfont.svg#awesome') format('svg');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'glyph';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
         url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
         url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
         url('../fonts/glyphicons-halflings-regular.svg#glyph') format('svg');
    font-weight: normal;
    font-style: normal;
}
 .glyph{
    font-family: 'glyph'!important;
}
 .awesome{
    font-family: 'awesome'!important;
}
 .awesome.corps_plus{
 	font-size:16px!important;
    line-height:16px;
	vertical-align:top
    }
 .awesome.corps_plus_plus{
 	font-size:19px!important;
    line-height:18px;
	vertical-align:top
    }
 .share_file .awesome{
    line-height:24px;
}
.line_user_share_file{
   overflow:hidden;
   margin-top:6px;
 }

 .picto_medium{
 	font-size:16px!important;
	line-height:12px
}
 .picto_large{
 	font-size:20px!important;
	line-height:18px;
	margin-top:-4px;
	cursor:pointer;
}
textarea:focus,
input:focus {
	box-shadow:none!important; /* box-shadow:1px 1px 1px #fff!important;*/
}
.talkbubble input:focus {
    border: 1px #ddd solid;
    padding: 2px 6px!important;
}

.select2-container .select2-selection--single {
	height:auto!important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	white-space:normal!important;
}

#modif_tache_div {
	display:none;
}