@charset "UTF-8";

@font-face {
    font-family: 'Ubuntu';
    src: url('../../../PWSAddModules/fonts/Ubuntu-Regular.ttf?') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body { 
	background-image: url("img/moz_02_black.png");
	font-size : 10.5px; /* MODIF VA DU 20190211 */
}
/*-------------------------------------------------------------------------------------------------------*/
/* Partie fixe en haut du site																				 */
/*-------------------------------------------------------------------------------------------------------*/
#entete {
	border : 0px;
}

#menus {
	clear : both;
	border-bottom: 2px solid #CCCCCC;
}

#deconnexion {
    float: left;
}

#gauche {
    float: left;
    min-width : 120px; /* MODIF VA DU 20221114 : Y'avait 140px */
    width :auto;
}

#menu_specif {
	float: left;
}

#info_user { /* MODIF VA DU 20220215 */
	float: right;
	padding-right : 15px;
}

input[type=checkbox] {
	cursor:pointer;
}

/* Sert pour l'affichage de la pastille contenant le nombre de ticket non lu par exemple */ /* MODIF VA DU 20221109 */
.pastille {
	position : absolute;
	background: red ;
	color: #FFF;
	margin-left: -13px;
	margin-top: 10px;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	padding: 2px 5px 2px 5px;
}
/*-------------------------------------------------------------------------------------------------------*/
/* Liste et formulaire																					 */
/*-------------------------------------------------------------------------------------------------------*/
.txt_retard {
	color : #D95200;
}

.txt_retard2 { /* MODIF VA DU 20191121 */
	color : #008000;
}

.fond_retard { /* MODIF VA DU 20211125 */
	background: #D95200 !important;
}
/* Ligne de titre */
/* .entetepage, .entetepage2 {
	background: linear-gradient( to bottom , #ADCFFF, #C0D6EC);
	background: -o-linear-gradient     (top, #ADCFFF, #C0D6EC);
	background: -moz-linear-gradient   (top, #ADCFFF, #C0D6EC);
	background: -ms-linear-gradient    (top, #ADCFFF, #C0D6EC);
	background: -webkit-linear-gradient(top, #ADCFFF, #C0D6EC);
} */
.entetepage, .entetepage2 {
	background: #CCCCCC;
}

.entetepage2 { /* MODIF VA DU 20190327 */
	font-size : 1.6em;
	letter-spacing:0px; /* espacement entre les lettres */
	word-spacing:1px; /* espacement entre les mots */
	min-height: 25px; /*height: 33px;*/
	line-height:25px; /* DOIT ETRE de la même taille que le height (pour centrage horizontal d'un élément en-ligne) */ 
}

/* classe par défaut pour entàªte de tables */
th {
	background: #CCCCCC;
	color : #000000;
	-moz-text-shadow: none ;
	-webkit-text-shadow: none;
	text-shadow: none ;
	font-size: 1.1em;
} 
th a {
	color : #000000;
}

table.pwslist tbody > tr:nth-child(odd), .lstlig1  { background-color: #ebf0f5;} /* Ligne paire */
table.pwslist tbody > tr:nth-child(even), .lstlig2 { background-color: #faffff;} /* Ligne impaire */

fieldset {
	border: 2px solid #FF9f71;
}

/* A mettre quand on fait un lien sur du texte normal et qu'on veut que ça se voit */
.lientxt {
	color : #0080ff;
}

/* Mise en forme d'un texte sous le titre */
.sous_titre {
	text-align : center;
	font-size: 1.1em;
	font-weight: bold ;
}

.ruptligne {
	background-color : #e99243;
}

.couleur-fond-rouge {
	background-color : #FF0000;
}
.couleur-fond-jaune { /* MODIF VA DU 20230630 */
	background-color : #FFE97C;
}
/*-------------------------------------------------------------------------------------------------------*/
/* Spécifique Boutons																					 */
/*-------------------------------------------------------------------------------------------------------*/
.boutonlike, input.boutonlike { 
	font-family: 'Ubuntu';
	background: linear-gradient( to bottom, #1e1e1e, #1e1e1e);
	background: -o-linear-gradient( top, #1e1e1e, #1e1e1e);
	background: -moz-linear-gradient( top, #1e1e1e, #1e1e1e);
	background: -ms-linear-gradient( top, #1e1e1e, #1e1e1e);
	background: -webkit-linear-gradient(top, #1e1e1e, #1e1e1e);
	color : #FFFFFF;
	border-radius: 4px;
	/*padding: 0 14px;*/
	min-height: 20px;
	line-height: 15px;
	/*line-height: 20px;
    height: 20px;*/
	vertical-align: middle;
	display : inline-block;
	
}
[class*='icon-'].boutonlike {
	font-family: 'FontAwesome';
}
[class*='fa-'].boutonlike  { /* Permet de forcer la police des images sur les boutons // MODIF VA DU 20190212 */
	font-family: 'Font Awesome 5 Free' !important;
}
input.boutonlike { 
	min-height: 24px;
	padding-top: 0px;
}
img.boutonlike {
	min-height: auto;
	line-height: auto;
    height: auto;
}
.couleur_retour {
	background: linear-gradient( to bottom, #F2E3A2, #F6BE0D);
	background: -o-linear-gradient( top, #F2E3A2, #F6BE0D);
	background: -moz-linear-gradient( top, #F2E3A2, #F6BE0D);
	background: -ms-linear-gradient( top, #F2E3A2, #F6BE0D);
	background: -webkit-linear-gradient(top, #F2E3A2, #F6BE0D); 
	color : #000000;
}

.bt_menu {
	/*border:2px solid #FF8040;
	background:#FFFFFF !important;*/
}
.bt_menu:hover {
	color: #FFFFFF ;
}

a [class^="icon-"], a [class*=" icon-"] {
    display: inline-block;
}

/* Couleur supplémentaire pour les boutons (utilisé dans modCW_ACTD) // MODIF VA DU 20210428 */
.btn_couleur_2 {
	background: linear-gradient( to bottom, #FF6A00, #FF6A00);
	background: -o-linear-gradient( top, #FF6A00, #FF6A00);
	background: -moz-linear-gradient( top, #FF6A00, #FF6A00);
	background: -ms-linear-gradient( top, #FF6A00, #FF6A00);
	background: -webkit-linear-gradient(top, #FF6A00, #FF6A00); 
	color : #FFFFFF;
	
}
/* Pour faire un tout petit bouton (utilisé dans modCW_ACTD) // MODIF VA DU 20210511 */
.btn_petit {
	width:8px;
	height:8px;
	min-height : 8px;
	line-height:8px;
	padding: 2px 5px 2px 4px;
}
/* Mettre ici l'aspet des boutons quand ils ont le focus (utilisé dans la fonction jquery PWSConfirm // MODIF VA DU 20210505 */
.boutonfocus:focus {
	border: 2px solid #DBB600;
}

/*-------------------------------------------------------------------------------------------------------*/
/* Spécifique Devis / Factures 																			 */
/*-------------------------------------------------------------------------------------------------------*/
.input_section {
	/*font-size: 1.2em;*/
	color: #FF8040;
	font-weight: bold ;
}

.input_s_section {
	font-weight: bold ;
}
.tr_cpt {
	background-color: burlywood; /* Si on le change là, aller le changer à  l'impression des devis factures */
}
.input_commentaire {
	text-decoration: underline;
}

#tab_detail ul, .ul_proposition {
	list-style-type: none;
	z-index:100;
	background-color : #deda36;
	padding:2px;
}

#tab_detail ul li{
	z-index:200;
}
.proposition {
	position:absolute;
	max-height : 200px;
	overflow-y: auto;
	z-index: 101; /* MODIF VA DU 20220401 : Y'avait 1 et ça passé dessous lors de la création de l'action */
}

#tab_detail textarea {
	padding : 0px;
	height : 22px;
}

/* Permet de mettre de la couleur sur l'imprimante sur elle est dans un element ayant la classe non_mail */
.non_mail > .icon-print { /* MODIF VA DU 20181030 */
	color : #FF0000;
}

/* Permet de mettre de la couleur sur l'icone stylo si il est dans un element ayant la classe facture_note */
.facture_note > .icon-pencil { /* MODIF VA DU 20221206 */
	color : #0080ff;
}

/* Ligne facturé à 100% */ /* MODIF VA DU 20190204 */
.fac100 {
	background-color : #595959;
}

/* Couleur de l'icone quand au moins un avenant est saisie */ /* MODIF VA DU 20200114 */
/*.avenant > .icoavenant, .avenant_legende {
	color : #00910E;
}*/

.ligne_article input, .ligne_article textarea,.ligne_article select, tr.ligne_article { /* MODIF AS DU 20230706 */
	font-style : italic;
}

.ligne_rouge input, .ligne_rouge textarea, .ligne_rouge select, tr.ligne_rouge { /* MODIF AS DU 20230706 */
	font-style : italic;
	color : #8f1e1e;
}

.ligne_bleu input, .ligne_bleu textarea, .ligne_bleu select, tr.ligne_bleu { /* MODIF AS DU 20230706 */
	font-style : italic;
	color : #0026FF;
}

.ligne_vert input, .ligne_vert textarea, .ligne_vert select, tr.ligne_vert { /* MODIF AS DU 20230706 */
	font-style : italic;
	color : #40826d;
}

/* MODIF VA DU 20210419 */
.action {
	cursor:pointer;
}
.action:hover { /* Quand on balade la souris sur le menu des actions dans devis/facture, on change la couleur */
	background-color : #F2E3A2;
}

/* La marge calculé est >= à la marge souhaité donc on affiche en couleur la marge // MODIF VA DU 20220207 */ 
.marge_ok {
	color : green;
}
/* La marge calculé est < à la marge souhaité donc on affiche dans une autre couleur la marge // MODIF VA DU 20220207 */
.marge_ko {
	color : red;
}

/*-------------------------------------------------------------------------------------------------------*/
/* Grille pour la page d'accueil                                                                         */
/*-------------------------------------------------------------------------------------------------------*/
.bt_accueil {
	font-family: 'Ubuntu';
	background-color: #000000;
	border-radius: 10px;
	margin: 0 0 20px;
	color : #FFFFFF;
	vertical-align: middle;
	display : inline-block;
}
.bt_grand {
	width: 370px;
	height: 80px;
	line-height : 80px;
	min-height : 80px;
	font-size : 22px;
	vertical-align: middle;
	display : inline-block;
}

.bt_grand i {
	font-size : 30px;
	margin-right : 20px;
	margin-left : 10px;
	display : inline-block;
	color:#e9b200;
}

.bt_petit {
	width: 200px;
	height: 50px;
	line-height : 50px;
	min-height : 50px;
	font-size : 14px;
	vertical-align: middle;
	display : inline-block;
}

.bt_petit i {
	font-size : 30px;
	margin-right : 15px;
	margin-left : 10px;
	display : inline-block;
	color:#e9b200;
}
.bt_divers {
	background-color: #e9b200;
	color : #000000;
	text-align : center;
	margin-right : 10px;
}

/* Tableau de 2 colonne fait en div (ex : activite.php) */
.grille_2_col > .col1, 
.grille_2_col > .col2 {
	width:45%; /* Pas 50 car on a un margin */
}
/* Tableau de 3 colonne fait en div (ex : activite.php) */
.grille_3_col > .col1, 
.grille_3_col > .col2,
.grille_3_col > .col3 {
	width:25%;/* Pas 33.33 car on a un margin */
}
/* Tableau de 4 colonne fait en div (ex : activite.php) */
.grille_4_col > .col1, 
.grille_4_col > .col2,
.grille_4_col > .col3, 
.grille_4_col > .col4 {
	width:20%; /* Pas 25 car on a un margin */
}
/* .col1, .col2, .col3, .col4 {
	float : left;
	border : 2px solid #FF8040;
	border-radius : 10px;
	text-align : center;
	margin : 15px 0px 15px 30px;
	font-size: 1.3em;
	padding : 20px 0px 20px 0px;
	box-shadow: 3px 2px #FF8040;
	color : #FF8040;
	font-weight: bold ;
} */
.col1, .col4 {
	float : left;
	margin : 15px 0px 15px 30px;
	padding : 20px 0px 20px 0px;
	font-size: 1.3em;
}
.col2, .col3 {
	float : left;
	border : 2px solid #FF8040;
	border-radius : 10px;
	text-align : center;
	margin : 15px 0px 15px 30px;
	font-size: 1.3em;
	padding : 20px 0px 20px 0px;
	box-shadow: 3px 2px #FF8040;	
	color : #FF8040;
	font-weight: bold ;
}
.col1 { /* A la 1ere colonne on revient à  la ligne */
	clear: left;
}

/* Taille des logos sur la page accueil */
/*.accueil {
	font-size: 40px;
	color : #FF8040;
	font-weight: bold ;
}*/

/*-------------------------------------------------------------------------------------------------------*/
/* Spécifique au planning		                                                                         */
/*-------------------------------------------------------------------------------------------------------*/
.planning_rupture {
    background-color : #DEDA36; 
    font-weight: bold;
}
/*.div_tps_gauche{
    border: 2px solid deepskyblue;
	border-radius: 5px;
	margin-bottom: 5px;
	padding: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor : pointer;
}*/

.sp_act {
    /*background-color : deepskyblue;*/    
    overflow: hidden;
    text-overflow: ellipsis;
    cursor : pointer;
	/*resize : horizontal;*/
	margin-bottom:2px; /* MODIF VA DU 20211216 : Pour voir la délimitation entre 2 actions */
}
.act_facture {
    background-color : #f8715b !important;    
}
.pointage { /* Couleur quand le pointage n'est pas fait // MODIF VA DU 20190308 */
    color : #f8715b !important;    
}
.pointage_acquite { /* Couleur quand le pointage est a aquité (vient du WS) // MODIF VA DU 20200806 */
    color : #5799fd!important;    
}
.pointage_acquite_fond { /* Couleur quand le pointage est a aquité (vient du WS) // MODIF VA DU 20200806 */
    background-color : #5799fd!important;    
}

/* // MODIF VA DU 20200806 : Ne sert pas
.fond_pointage{
	background-color : #f8715b !important;    
}
.fond_pas_a_pointer {
	background-color : blue !important;    
}
*/
.lib_dblclick {
	color : #FF8040;
	font-size: 0.9em;
}
.sp_noresize {
	resize : none;
}

.act_contour {
	/*background-color : #ffff00!important; *//* Si on change la couleur aller la changer dans la fonction CouleurAleatoire() page lstPLANNING.php */
	background-color : #f8715b!important; 
}

/* MODIF VA DU 20200130 : Met un peu d'espace dans le sous menu affiché en fesant clic droit de la souris */
.sousmenu {
	padding : 3px;

}
/*-------------------------------------------------------------------------------------------------------*/
/* Divers		                                                            				             */
/*-------------------------------------------------------------------------------------------------------*/
.accordeon {
	background-color: #E5E5E5; 
    padding: 8px; 
	text-align: left;
	font-weight: bold;
}

.accordeon_detail {
	padding: 8px;
	border-radius: 5px;
}
.accordeon_gauche{
	/*width: 625px; // MODIF VA DU 20201217 (v1.3) */
	min-width: 625px;
	width: 49%;
	float:left;
}
.accordeon_droite {
	/*width: 625px;// MODIF VA DU 20201217 (v1.3) */
	min-width: 625px;
	width: 49%;
	float:right;
	margin-left:15px;
}
.pwsform { /* Mis sinon les accordéons ne fonctionnent pas correctement */
	clear :both;
}

select, textarea{
	padding : 0.2em;
	vertical-align : middle;
} 

tr.petit_th > th{
	height:15px;
}

/* Couleur quand on passe la souris sur une zone (ex : Sous menu Copier/Coller du planning) */
.couleur_hover:hover {
  background-color: #F6CB0D;
}

.non_actif { /* MODIF VA DU 20190325 */
	background: repeating-linear-gradient(-60deg, white, white 9px, grey 10px, grey 10px);
}


.lst_proposition { /* MODIF VA DU 20200813 (v1.3) */
	position:absolute;
	max-height : 200px;
	overflow-y: auto;
}
.tab_proposition { /* MODIF VA DU 20200813 (v1.3) */
	z-index:100;
	background-color : #F2F2F2;
}
.tab_proposition td { /* MODIF VA DU 20200813 (v1.3) */
	padding:2px;	
}

.tab_proposition tr:hover { /* MODIF VA DU 20200813 (v1.3) */
  background-color: #F6CB0D;
}

.tab_proposition thead {
	height: 25px;
	display: block;
}
.tab_proposition tbody {
	overflow: auto;
	display: block;
	height: 160px;
}
/*-------------------------------------------------------------------------------------------------------*/
/* Grille pour la page d'accueil (TEST VA DU 20190417)                                                   */
/*-------------------------------------------------------------------------------------------------------*/
.acc_bloc_logo {
  display: table;
  width: 100%;
  height: 100%; }
  .acc_bloc_logo .acc_bloc_logo_cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  .acc_bloc_logo .acc_logo_P42 {
    display: inline-block;
    width: 100%;
    max-width: 240px;
    height: auto;
    padding: 0;
    margin: 0 auto; }
  .acc_bloc_logo .acc_logo_clt {
    display: block;
    width: 140px;
    margin: 16px auto 0;
    padding: 0;
    mix-blend-mode: multiply; }
.acc_item_bloc_part1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .acc_item_bloc_part1 .acc_item {
    display: block;
    position: relative;
    width: 100%;
    max-width: 370px;
    height: 100px;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 0 20px; }
    .acc_item_bloc_part1 .acc_item .acc_item_bg, .acc_item_bloc_part1 .acc_item .acc_item_fx {
      position: absolute; }
    .acc_item_bloc_part1 .acc_item .acc_item_zonetxt {
      display: table;
      z-index: 10;
      position: absolute;
      width: 100px;
      height: 100px;
      top: 0;
      left: 0;
      text-align: center;
      padding: 30px 0 0; }
      .acc_item_bloc_part1 .acc_item .acc_item_zonetxt .icon_accueil {
        display: block;
        margin: 0;
        padding: 0;
        color: #fdc40a;
        font-size: 40px;
        transform: scale(0.75);
        transition: all 3s; }
      
    .acc_item_bloc_part1 .acc_item .acc_item_txt {
      display: table;
      z-index: 10;
      position: absolute;
      width: 300px;
      height: 100px;
      top: 0;
      left: 100px;
      text-align: left;
      font-weight: 400;
      font-size: 22px;
      color: rgba(255, 255, 255, 0.9);
      padding: 0;
      line-height: 16px; }
      .acc_item_bloc_part1 .acc_item .acc_item_txt span {
        display: table-cell;
        vertical-align: middle; }
    .acc_item_bloc_part1 .acc_item .acc_item_fx {
      z-index: 15;
      width: 100%;
      height: 50px;
      top: 0;
      left: 0;
      border-radius: 5px 5px 0 0;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 100%);
      opacity: 0.5; }
    .acc_item_bloc_part1 .acc_item .acc_item_fx2 {
      z-index: 11;
      position: absolute;
      width: 360px;
      height: 90px;
      top: 5px;
      left: 5px;
      border-radius: 8px;
      border: 1px solid #fdc40a;
      opacity: 0.25; }
    .acc_item_bloc_part1 .acc_item .acc_item_fx2:after {
      z-index: 11;
      content: "";
      position: absolute;
      width: 362px;
      height: 92px;
      top: -2px;
      left: -2px;
      border-radius: 8px;
      border: 2px solid #fdc40a;
      opacity: 0.15; }
    .acc_item_bloc_part1 .acc_item .acc_item_bg {
      z-index: 1;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #1e1e1e;
      border-radius: 5px;
      transition: all .5s; }
  .acc_item_bloc_part1 .acc_item.active:hover {
    cursor: pointer; }
    .acc_item_bloc_part1 .acc_item.active:hover .acc_item_bg {
      background-color: black; }
    .acc_item_bloc_part1 .acc_item.active:hover .acc_item_zonetxt .icon_accueil {
      transform: scale(1);
      transition: all .35s ease-in-out; }
    .acc_item_bloc_part1 .acc_item.active:hover .acc_item_txt {
      color: white; }
    .acc_item_bloc_part1 .acc_item.active:hover .acc_item_fx2 {
      opacity: 1; }
    .acc_item_bloc_part1 .acc_item.active:hover .acc_item_fx2:after {
      opacity: 0.5; }
  .acc_item_bloc_part1 .acc_item.disable {
    opacity: 0.4; }
    .acc_item_bloc_part1 .acc_item.disable .acc_item_zonetxt .icon_accueil {
      color: white; }
    .acc_item_bloc_part1 .acc_item.disable .acc_item_fx2 {
      opacity: 0; }
    .acc_item_bloc_part1 .acc_item.disable .acc_item_fx2:after {
      opacity: 0; }
    	
.acc_item_bloc_part2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
 }
  .acc_item_bloc_part2 .acc_item {
    display: block;
    position: relative;
    width: 200px;
    height: 50px;
    /*overflow: hidden;*/
    border-radius: 10px;
    margin: 0 0 20px; }
    .acc_item_bloc_part2 .acc_item .acc_item_bg, .acc_item_bloc_part2 .acc_item .acc_item_fx {
      position: absolute; }
    .acc_item_bloc_part2 .acc_item .acc_item_zonetxt {
      display: table;
      z-index: 10;
      position: absolute;
      width: 50px;
      height: 50px;
      top: 0;
      left: 0;
      text-align: center;
      padding: 12px 0 0; }
      .acc_item_bloc_part2 .acc_item .acc_item_zonetxt .icon_accueil {
        display: block;
        margin: 0;
        padding: 0;
        color: #fdc40a;
        font-size: 30px;
        transform: scale(0.75);
        transition: all 3s; }
    .acc_item_bloc_part2 .acc_item .acc_item_txt {
      display: table;
      z-index: 10;
      position: absolute;
      width: 130px;
      height: 50px;
      top: 0;
      left: 55px;
      text-align: left;
      font-weight: 700;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.9);
      padding: 0;
      line-height: 16px; }
      .acc_item_bloc_part2 .acc_item .acc_item_txt span {
        display: table-cell;
        vertical-align: middle; }
    .acc_item_bloc_part2 .acc_item .acc_item_fx {
      z-index: 15;
      width: 100%;
      height: 25px;
      top: 0;
      left: 0;
      border-radius: 5px 5px 0 0;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 100%);
      opacity: 0.5; }
    .acc_item_bloc_part2 .acc_item .acc_item_fx2 {
      z-index: 11;
      position: absolute;
      width: 194px;
      height: 44px;
      top: 3px;
      left: 3px;
      border-radius: 8px;
      border: 1px solid #fdc40a;
      opacity: 0.25; }
    .acc_item_bloc_part2 .acc_item .acc_item_fx2:after {
      z-index: 11;
      content: "";
      position: absolute;
      width: 196px;
      height: 46px;
      top: -2px;
      left: -2px;
      border-radius: 8px;
      border: 2px solid #fdc40a;
      opacity: 0.15; }
    .acc_item_bloc_part2 .acc_item .acc_item_bg {
      z-index: 1;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #1e1e1e;
      border-radius: 10px;
      transition: all .5s; }
  .acc_item_bloc_part2 .acc_item.active:hover {
    cursor: pointer; }
    .acc_item_bloc_part2 .acc_item.active:hover .acc_item_bg {
      background-color: black; }
    .acc_item_bloc_part2 .acc_item.active:hover .acc_item_zonetxt .icon_accueil {
      transform: scale(1);
      transition: all .35s ease-in-out; }
    .acc_item_bloc_part2 .acc_item.active:hover .acc_item_txt {
      color: white; }
    .acc_item_bloc_part2 .acc_item.active:hover .acc_item_fx2 {
      opacity: 1; }
    .acc_item_bloc_part2 .acc_item.active:hover .acc_item_fx2:after {
      opacity: 0.5; }
  .acc_item_bloc_part2 .acc_item.disable {
    opacity: 0.35; }
    .acc_item_bloc_part2 .acc_item.disable .acc_item_zonetxt .icon_accueil {
      color: white; }
    .acc_item_bloc_part2 .acc_item.disable .acc_item_fx2 {
      opacity: 0; }
    .acc_item_bloc_part2 .acc_item.disable .acc_item_fx2:after {
      opacity: 0; }
.acc_item_bloc_part3 {
}
  .acc_item_bloc_part3 .acc_item {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 200px;
    height: 50px;
    overflow: hidden;
    border-radius: 10px;
    margin: 0; }
    .acc_item_bloc_part3 .acc_item .acc_item_bg, .acc_item_bloc_part3 .acc_item .acc_item_fx {
      position: absolute; }
    .acc_item_bloc_part3 .acc_item .acc_item_txt {
      display: table;
      z-index: 10;
      position: absolute;
      width: 100%;
      height: 50px;
      top: 0;
      left: 0;
      text-align: center;
      font-weight: 700;
      font-size: 13px;
      color: rgba(0, 0, 0, 0.75);
      padding: 0;
      line-height: 16px; }
      .acc_item_bloc_part3 .acc_item .acc_item_txt span {
        display: table-cell;
        vertical-align: middle; }
    .acc_item_bloc_part3 .acc_item .acc_item_fx {
      z-index: 15;
      width: 100%;
      height: 25px;
      top: 0;
      left: 0;
      border-radius: 5px 5px 0 0;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 100%);
      opacity: 0.5; }
    .acc_item_bloc_part3 .acc_item .acc_item_bg {
      z-index: 1;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #e9b200;
      border-radius: 5px;
      transition: all .5s; }
  .acc_item_bloc_part3 .acc_item.active:hover {
    cursor: pointer; }
    .acc_item_bloc_part3 .acc_item.active:hover .acc_item_bg {
      background-color: #fdc40a; }
    .acc_item_bloc_part3 .acc_item.active:hover .acc_item_txt {
      color: black; }
  .acc_item_bloc_part3 .acc_item.disable {
    opacity: 0.5; }
    .acc_item_bloc_part3 .acc_item.disable .acc_item_zonetxt .icon_accueil {
      color: black; 
}

/*-------------------------------------------------------------------------------------------------------*/
/* Mise en force selon la taille de l'ecran (TEST VA DU 20190417)              				             */
/*-------------------------------------------------------------------------------------------------------*/
/* MD */
@media (max-width: 991.98px) {
  .container {
    max-width: none;
    padding-left: 50px; }

  .navbar {
    justify-content: left; }
    .navbar .navbar-nav.navbar-fleches, .navbar .navbar-nav.navbar-fonctions {
      flex-direction: row;
      margin-right: 0 !important; }
    .navbar .navbar-collapse {
      order: 20; }
      .navbar .navbar-collapse .navbar-textes {
        padding-bottom: 3px; }
        .navbar .navbar-collapse .navbar-textes .nav-item {
          float: none;
          text-align: center;
          margin: 0;
          padding: 0.4rem 0;
          border-top: 1px solid rgba(255, 255, 255, 0.1);
          border-bottom: 1px solid black; }
        .navbar .navbar-collapse .navbar-textes .nav-item:hover {
          background-color: black; }

  .acc_item_bloc_part1 {
    justify-content: space-between; }
    .acc_item_bloc_part1 .acc_item {
      max-width: 200px;
      height: 140px; }
      .acc_item_bloc_part1 .acc_item .acc_item_zonetxt {
        width: 100%;
        height: 100px;
        padding: 20px 0 0; }
      .acc_item_bloc_part1 .acc_item .acc_item_txt {
        width: 100%;
        height: 100px;
        top: 40px;
        left: 0;
        text-align: center;
        font-size: 18px;
        line-height: 22px;
        padding: 0 20px; }
      .acc_item_bloc_part1 .acc_item .acc_item_fx {
        height: 70px; }
      .acc_item_bloc_part1 .acc_item .acc_item_fx2 {
        width: 190px;
        height: 130px; }
      .acc_item_bloc_part1 .acc_item .acc_item_fx2:after {
        width: 192px;
        height: 132px; }

  .acc_item_bloc_part2 {
    justify-content: space-between; }

  .acc_item_bloc_part3 .acc_item {
    max-width: 200px; }

  .acc_bloc_logo .acc_bloc_logo_cell {
    padding: 20px 0 30px; }

  .tab_content {
    overflow-x: scroll; } }
/* SM */
@media (max-width: 768.98px) {
  .container {
    max-width: none;
    padding-left: 15px; }

  .titre {
    padding-left: 0;
    padding-right: 0; }
    .titre .titre_table {
      width: 100%; }
      .titre .titre_table .titre_btn {
        width: 44px;
        border-bottom-left-radius: 0; }
      .titre .titre_table .titre_bloc {
        display: block;
        padding: 12px 20px 8px;
        border-bottom-right-radius: 0; }

  .acc_item_bloc_part1 {
    justify-content: space-between; }
    .acc_item_bloc_part1 .acc_item {
      max-width: 150px; }
      .acc_item_bloc_part1 .acc_item .acc_item_txt {
        font-size: 16px;
        line-height: 20px; }
      .acc_item_bloc_part1 .acc_item .acc_item_fx2 {
        width: 140px; }
      .acc_item_bloc_part1 .acc_item .acc_item_fx2:after {
        width: 142px; }

  .acc_item_bloc_part2 {
    justify-content: space-between; }

  .acc_item_bloc_part3 {
    flex-wrap: wrap;
    justify-content: center; }
    .acc_item_bloc_part3 .acc_item {
      max-width: 100%;
      display: block;
      margin: 0 0 20px; }

  .acc_bloc_logo .acc_bloc_logo_cell {
    padding: 20px 0 30px; }
  .acc_bloc_logo .acc_logo_P42 {
    max-width: 180px; }
  .acc_bloc_logo .acc_logo_clt {
    margin: 20px auto 0; }

  .tools_module {
    position: relative;
    z-index: 9999;
    top: auto;
    left: auto;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0 15px; }
    .tools_module .tools_bloc {
      position: relative;
      display: block;
      width: 100%;
      margin: 0;
      padding: 8px 15px;
      text-align: center;
      border-radius: 10px; }
      .tools_module .tools_bloc .tool {
        display: inline-block;
        margin-right: 16px;
        margin-bottom: 0; }
      .tools_module .tools_bloc .tool:last-child {
        margin-right: 0; }
      .tools_module .tools_bloc .tool:hover {
        cursor: pointer;
        background-color: black; }
        .tools_module .tools_bloc .tool:hover .material-icons {
          color: rgba(255, 255, 255, 0.75); }
      .tools_module .tools_bloc .tool.active {
        background-color: black; }
        .tools_module .tools_bloc .tool.active .material-icons {
          color: #fdc40a; }
    .tools_module .tools_bloc:before {
      position: absolute;
      top: -10px;
      left: 0;
      content: "";
      display: none;
      width: 36px;
      height: 10px;
      margin: 0;
      border-radius: 0 10px 0 0;
      background-color: #1e1e1e; }
    .tools_module .tools_bloc:after {
      position: absolute;
      bottom: -10px;
      left: 0;
      content: "";
      display: none;
      width: 36px;
      height: 10px;
      border-radius: 0 0 10px 0;
      background-color: #1e1e1e; } }
/* XS */
@media (max-width: 575.98px) {
  .navbar-items-fonctions {
    display: none; }

  .titre .titre_bloc {
    font-size: 1.1em; }

  .acc_item_bloc_part1 {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-bottom: 25px; }
    .acc_item_bloc_part1 .acc_item {
      max-width: 100%;
      display: block;
      margin: 0 auto 20px;
      height: 80px; }
      .acc_item_bloc_part1 .acc_item .acc_item_zonetxt {
        height: 40px;
        padding-top: 12px; }
        .acc_item_bloc_part1 .acc_item .acc_item_zonetxt .material-icons {
          font-size: 30px; }
        .acc_item_bloc_part1 .acc_item .acc_item_zonetxt .ico_truck {
          width: 40px; }
      .acc_item_bloc_part1 .acc_item .acc_item_txt {
        height: 30px; }
      .acc_item_bloc_part1 .acc_item .acc_item_fx {
        height: 40px; }
      .acc_item_bloc_part1 .acc_item .acc_item_fx2 {
        display: none; }

  .acc_item_bloc_part2 {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-bottom: 20px; }
    .acc_item_bloc_part2 .acc_item {
      max-width: 100%;
      display: block;
      margin: 0 auto 20px; }

  .acc_item_bloc_part3 .acc_item {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto; }

  .acc_bloc_logo .acc_bloc_logo_cell {
    padding: 0px 0 30px; }

  .footer {
    margin: 40px auto 0;
    padding-top: 20px;
    padding-bottom: 20px; }
    .footer p {
      font-size: 0.9em;
      margin: 0;
      padding: 0; } 
}

.news{
	background: none;
    position: relative;
    text-decoration: none;
    transition: 0.5s;
    overflow: hidden;
    border-radius: 0px;
}

.news:hover{
    background: #e9b200;
    color: #050801;
    border-radius: 10px;
}

.news span{
    position: absolute;
    display: block;
}

.news span:nth-child(1){
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg,transparent,#e9b200);
    animation: animate1 1s linear infinite;
}

@keyframes animate1{
    0%{
        left: -100%;
    }
    50%,100%{
        left: 100%;
    }
}

.news span:nth-child(2){
    top: -100%; right: 0;
    width: 4px; height: 100%;
    background: linear-gradient(180deg,transparent,#e9b200);
    animation: animate2 1s linear infinite;
    animation-delay: 0.25s;
}

@keyframes animate2{
    0%{ top: -100%; }
    50%,100%{ top: 100%; }
}

.news span:nth-child(3){
    bottom: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(270deg,transparent,#e9b200);
    animation: animate3 1s linear infinite;
    animation-delay: 0.50s;
}

@keyframes animate3{
    0%{
        right: -100%;
    }
    50%,100%{
        right: 100%;
    }
}

.news span:nth-child(4){
    bottom: -100%;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(360deg,transparent,#e9b200);
    animation: animate4 1s linear infinite;
    animation-delay: 0.75s;
}

@keyframes animate4{
    0%{
        bottom: -100%;
    }
    50%,100%{
        bottom: 100%;
    }
}

/*-------------------------------------------------------------------------------------------------------*/
/* POST-IT */
/*-------------------------------------------------------------------------------------------------------*/
.postit { 
	width:165px; 
	min-height:130px;
	margin: 15px;
	background:#FFF55D; 
	padding:5px 5px 10px 15px; 
	border-radius:8px; 
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
.postit .pt_zone { float:right;  width:40px; height:57px; background:url(img/trombone.png); position:relative; top:-13px;}
.postit .pt_btn  { width:100%; text-align:center; display:block; }
.postit p {		font-family: 'Satisfy', cursive; padding-top:0px; margin:0; font-size:12px; } 
.postit a { color:#039;}
.postit a:hover { color:#06C;}