@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;400;600&Poppins:wght@200;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;600&display=swap');

      
	@import url('https://fonts.googleapis.com/css2?family=Material+Icons&family=Material+Icons+Outlined&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap');
	

.style_form_formulaire_note
	{
	text-align:left;
	font-size:12px;
	color:#777777;
	}

.style_form_formulaire_choix
	{
	color:#777777;
	}
.style_form_formulaire_captcha h3
	{
	font-size:16px;
	color:#777777;
	}

.style_form_formulaire_captcha h2
	{
	font-size:18px;
	font-weight:200;
	font-style:italic;
	margin-top:20px;
	margin-bottom:20px;
	}

.style_form_formulaire
	{
	margin-top:20px;
	}
.style_form_formulaire p
	{
	color:#000000;
	}

.style_form_formulaire th
	{
	text-align:right;
	padding-right:15px;
	font-size:14px;
	font-weight:200;
	color:#555555;
	}

.style_form_formulaire_col th
	{
	font-size:16px;	
	text-align:left;
	padding-right:0px;
	padding-top:17px;
	padding-bottom:7px;
	}

.style_form_message
	{
	margin-top:25px;
	margin-bottom:25px;
	}

.style_form_message_bloc
	{
	border:1px solid #aaaaaa;
	background:#f5f5f5;
	border-radius:7px;
	width:100%;
	position:relative;
	}

.style_form_message_icone
	{
	font-weight: 700;
	border: 1px solid #aaaaaa;
	position: absolute;
	width: 17px;
	margin-left: 13px;
	padding: 8px;
	border-radius: 7px;
	margin-top: -15px;
	}

.style_form_message_icone_yes,
.style_form_message_icone_no,
.style_form_message_icone_alert,
.style_form_message_icone_info
	{
	background:#ffffff;
	color:#000000;
	font-weight:700;
	}

.style_form_message_icone_no,.style_form_message_icone_alert
	{
	background:#f17e02;
	}
.style_form_message_icone_info
	{
	background:#abcc6c;
	}

.style_form_message_texte 
	{
	text-align:left;
	color:#000000;
	padding-top:10px;
	width:90%;
	}

.style_form_message_texte h1,.style_form_message_texte h2,.style_form_message_texte h3,.style_form_message_texte h4
	{
	margin-top:0px;
	margin-bottom:15px;
	}



.style_form_formulaire h1,.style_form_formulaire h2,.style_form_formulaire h3
	{
	font-size:25px;
	font-weight:200;
	font-style:italic;
	background:none;
	color:#000000;
	margin-top:0px;
	margin-bottom:10px;
	}

.style_form_formulaire h3
	{
	font-size:20px;
	}

.style_form_formulaire_bouton_submit
	{
	cursor:pointer;
	display:inline-block;
	background:#000000;
	padding:10px 15px;
	border:none;
	box-sizing:border-box;
	color:#dddddd;
	text-align:center;
	}

.style_form_formulaire_bouton_submit:hover
	{
	background:#333333;
	color:#ffffff;
	}

.style_form_formulaire select,.style_form_formulaire input[type=text],.style_form_formulaire input[type=password],.style_form_formulaire textarea
	{
font-size:14px;
	background:none;
	border:1px solid #aaaaaa;
	color:#000000;
	padding: 5px;
	box-sizing:border-box;
	}

.style_form_formulaire input[type=text].CHobligatoire_vide
	{
	border-left:5px solid #ad1111;
	}

.style_form_formulaire textarea
	{
	height:70px;
	}

.style_form_formulaire input[type=password]:hover,.style_form_formulaire select:hover,.style_form_formulaire input[type=text]:hover,.style_form_formulaire textarea:hover,.style_form_formulaire textarea:hover
	{
	background:#f5f5f5;
	}

.style_form_formulaire select:focus,.style_form_formulaire input:focus,.style_form_formulaire textarea:focus
	{
	box-shadow:0px 0px 15px #aaaaaa;
	border-left:4px;
	}

.style_form_formulaire,.style_form_formulaire p,.style_form_formulaire a
	{
	color:#;
	}

.style_form_formulaire_menu
	{
	cursor:pointer;
	margin-top:5px;
	border:none;
	background:#f5f5f5;
	text-indent: 0px;

	padding-top:15px;
	padding-bottom:15px;
	border-bottom: 1px dotted #aaaaaa;
	color:#000000;
	margin-bottom:5px;
	}

.style_form_formulaire_menu li
	{
	font-size:12px;
	}

.style_form_formulaire_menu:hover
	{
	background:#eeeeee;
	}

			

.style_form_message h1,.style_form_message h2,.style_form_message h3
	{
	font-size:25px;
	font-weight:200;
	font-style:italic;
	background:none;
	color:#000000;
	margin-top:0px;
	margin-bottom:10px;
	}

.style_form_message h3
	{
	font-size:20px;
	}

.style_form_message_bouton_submit
	{
	cursor:pointer;
	display:inline-block;
	background:#000000;
	padding:10px 15px;
	border:none;
	box-sizing:border-box;
	color:#dddddd;
	text-align:center;
	}

.style_form_message_bouton_submit:hover
	{
	background:#333333;
	color:#ffffff;
	}

.style_form_message select,.style_form_message input[type=text],.style_form_message input[type=password],.style_form_message textarea
	{
font-size:16px;
	background:none;
	border:1px solid #aaaaaa;
	color:#000000;
	padding: 5px;
	box-sizing:border-box;
	}

.style_form_message input[type=text].CHobligatoire_vide
	{
	border-left:5px solid #ad1111;
	}

.style_form_message textarea
	{
	height:70px;
	}

.style_form_message input[type=password]:hover,.style_form_message select:hover,.style_form_message input[type=text]:hover,.style_form_message textarea:hover,.style_form_message textarea:hover
	{
	background:#f5f5f5;
	}

.style_form_message select:focus,.style_form_message input:focus,.style_form_message textarea:focus
	{
	box-shadow:0px 0px 15px #aaaaaa;
	border-left:4px;
	}

.style_form_message,.style_form_message p,.style_form_message a
	{
	color:#;
	}

.style_form_message_menu
	{
	cursor:pointer;
	margin-top:5px;
	border:none;
	background:#f5f5f5;
	text-indent: 0px;

	padding-top:15px;
	padding-bottom:15px;
	border-bottom: 1px dotted #aaaaaa;
	color:#000000;
	margin-bottom:5px;
	}

.style_form_message_menu li
	{
	font-size:12px;
	}

.style_form_message_menu:hover
	{
	background:#eeeeee;
	}

			

.style_form_vente_bouton_submit_quantite
	{
	cursor:pointer;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	background:#000000;
	color:#dddddd;
	border:none;
	}

.style_form_panier_promotion
	{
	color:#15b2df;
	}

.style_form_panier_prix
	{
	font-weight:200;
	font-size:12px;
	background:none;
	vertical-align:middle;
	text-align:center;
	color:#000000;
	}

.style_form_panier_total
	{
	margin-top:15px;
	margin-bottom:15px;
	}

.style_form_panier_total th
	{
	vertical-align:middle;
	color:#777777;
	font-weight:200;
	background:none;
	text-align:right;
	padding-right:15px
	}

.style_form_panier_total td
	{
	text-align:center;
	vertical-align:middle;
	color:#777777;
	width:200px;
	background:#f5f5f5;
	}

.style_form_panier th
	{
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	font-size:14px;
	color:#777777;
	margin-right:1px;
	background:#f5f5f5;
	}
.style_form_panier td
	{
	text-align:center;	
	}

.style_form_panier h3
	{
	padding-top:0px;
	margin-top:0px;
	font-size:14px;
	font-weight:bold;
	}
.style_form_panier tr
	{
	border-bottom:1px dotted #f5f5f5;
	}

.style_form_vente_etape_bloc
	{
	margin-top:20px;
	margin-bottom:20px;
	}
.style_form_vente_etape
	{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	margin-right:1px;
	width:100px;
	padding-top:10px;
	padding-bottom:10px;
	white-space:nowrap;
	}

.style_form_vente_etape:hover
	{
	background:#000000;
	color:#ffffff;
	}

.style_form_vente_etape_on
	{
	font-size:16px;
	background:#555555;
	color:#ffffff;
	}

.style_form_vente_etape_off
	{
	background:#f5f5f5;
	color:#555555;
	}

.style_form_vente_quantite
	{
	text-indent: 0px;
	position:relative;
	width:30px;
	text-align:center;
	border:none;
	background:#f5f5f5;
	}

.style_form_blocpanier
	{
	text-align:center;
	width:100%;
	margin-top:30px;
	}

.style_form_vente option
	{
	font-size:16px;
	background:#ffffff;
	color:#000000;
	}
				

.style_form_vente h1,.style_form_vente h2,.style_form_vente h3
	{
	font-size:25px;
	font-weight:200;
	font-style:italic;
	background:none;
	color:#000000;
	margin-top:0px;
	margin-bottom:10px;
	}

.style_form_vente h3
	{
	font-size:20px;
	}

.style_form_vente_bouton_submit
	{
	cursor:pointer;
	display:inline-block;
	background:#000000;
	padding:10px 15px;
	border:none;
	box-sizing:border-box;
	color:#dddddd;
	text-align:center;
	}

.style_form_vente_bouton_submit:hover
	{
	background:#333333;
	color:#ffffff;
	}

.style_form_vente select,.style_form_vente input[type=text],.style_form_vente input[type=password],.style_form_vente textarea
	{
font-size:16px;
	background:none;
	border:1px solid #aaaaaa;
	color:#000000;
	padding: 5px;
	box-sizing:border-box;
	}

.style_form_vente input[type=text].CHobligatoire_vide
	{
	border-left:5px solid #ad1111;
	}

.style_form_vente textarea
	{
	height:70px;
	}

.style_form_vente input[type=password]:hover,.style_form_vente select:hover,.style_form_vente input[type=text]:hover,.style_form_vente textarea:hover,.style_form_vente textarea:hover
	{
	background:#f5f5f5;
	}

.style_form_vente select:focus,.style_form_vente input:focus,.style_form_vente textarea:focus
	{
	box-shadow:0px 0px 15px #aaaaaa;
	border-left:4px;
	}

.style_form_vente,.style_form_vente p,.style_form_vente a
	{
	color:#;
	}

.style_form_vente_menu
	{
	cursor:pointer;
	margin-top:5px;
	border:none;
	background:#f5f5f5;
	text-indent: 0px;

	padding-top:15px;
	padding-bottom:15px;
	border-bottom: 1px dotted #aaaaaa;
	color:#000000;
	margin-bottom:5px;
	}

.style_form_vente_menu li
	{
	font-size:12px;
	}

.style_form_vente_menu:hover
	{
	background:#eeeeee;
	}

			

/************************/
/*	cal picker	*/
/************************/


.calendrier_Navigation
	{
	margin-top:10px;
	margin-bottom:10px;
	padding:2px;
	text-align:center;
	vertical-align:middle;
	background:#eeeeee;
	border-radius:7px;
	padding-right:10px;
	padding-left:10px;
	height:50px;
	}

.calendrier_Mois
	{
	padding-top:4px;
	margin:auto;
	color:#000000;
	display:inline-block;
	}

.calendrier_nSemaine,.calendrier_jsemaine
	{
	padding:2px;
	}

.calendrier_nSemaine
	{
	padding-right:10px;
	padding-left:10px;
	color:#999999;
	}

.calendrier_jsemaine
	{
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	color:#000000;
	}

.calendrier_Horsmois
	{
	background:#eeeeee;
	}

.calendrier_aujourdhui
	{
	background:#bad7e8;
	}

.calendrier_Jour
	{
	color:#0dabcd;
	cursor:pointer;
	font-size:15px;
	}

.calendrier_Jour:hover
	{
	background:#dddddd;
	}

.calendrier_Pied
	{
	}

.calendrier_picker
	{
	z-index:2000;
	box-shadow:0px 0px 25px rgba(0,0,0,0.5);
	border-radius:7px;
	background:#ffffff;
	}

.calendrier_picker table
	{
	background:#ffffff;
	border-radius:7px;
	}

.calendrier_picker td, .calendrier_picker tr
	{
	padding:4px;
	text-indent: 0px;
	text-align:center;
	}
.calendrier_fermer
	{
	margin:7px;
	padding:1px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 10px;
	}


/****************/
/*	cal	*/
/****************/

.calendrier_vue
	{
	margin-top:10px;
	width:100%;
	}

.calendrier_semaine_cadre
	{
	width:100%;
	vertical-align:top; 
	text-align:center; 
	border:0px; 
	border-spacing:0px; 
	padding:0px;
	margin:	0px;
	border-collapse:collapse;
	}
.calendrier_semaine_cadre td
	{
	width:13.571%;
	}
.calendrier_semaine_cadre th
	{
	width:5%;
	}

.calendrier_tete_date
	{
	z-index: 10000;
	position: relative;
	width:100%;
	background:#ffffff;
	vertical-align:top; 
	text-align:center; 
	border:0px; 
	border-spacing:0px; 
	padding:0px;
	margin:	0px;
	border-collapse:collapse;
	}


.calendrier_tete_date th
	{
	width:5%;
	font-weight:normal;
	font-size:12px;
	}
.calendrier_tete_date td
	{
	color:#777777;
	width:13.571%;
	text-align:center;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	}

.calendrier_heure
	{
	width:100%;
	vertical-align:top; 
	text-align:center; 
	border:0px; 
	border-spacing:0px; 
	padding:0px;
	margin:	0px;
	border-collapse:collapse;
	}
.calendrier_heure td
	{
	text-align:center;
	text-size:8px;
	border-top:dotted 1px #efefef;
	background:#ffffff;
	}

.calendrier_sensible
	{
	background: none;
	position: absolute;
	z-index: 9;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	}
.calendrier_sensible:hover
	{
	background: rgba(51, 118, 160, 0.1);
	border-left: 1px solid #757575;
	}


.calendrier_div_evenement
	{
	width:100%;
	position:absolute;
	}

.calendrier_div_sensible
	{
	width:100%;
	position:absolute;
	}

.calendrier_div_time
	{
	width:100%;
	position:absolute;
	}

.calendrier_event
	{
	position:absolute;
	z-index:10;
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:hidden;
	font-size:9px;
	line-height:10px;
	padding:0px;
	text-align:left;
	border:solid 2px #ffffff;
	border-radius: 2px;
	box-shadow : 5px 5px 10px rgba(0,0,0,0.2);
	}
.calendrier_event:hover
	{
	background:#777777;
	box-shadow : 0 0 10px rgba(0,0,0,0.5);
	}



.calendrier_detail
	{
	display: none;
	position: absolute;
	z-index: 30;
	width: 250px;
	background: rgba(255,255,255,1);
	border-radius: 5px;
	border: solid 1px #9C9C9C;
	font-size: 12px;
	line-height: 13px;
	padding: 4px;
	text-align: left;
	color: #656565;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0);
	}


.calendrier_fleche_droite
	{
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 13px;
	border-color: transparent transparent transparent #137bad;
	top:5px;
	right:0px;
	margin-right:-14px;
	}

.calendrier_fleche_gauche
	{
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 13px 8px 0;
	border-color: transparent #137bad transparent transparent;
	top: 5px;
	left: 0px;
	margin-left: -14px;
	}


/****************/
/*	album	*/
/****************/

.photo_overlay_container
	{
	width:100%;
	/*top: 10%;
	left: 50%;
	width: 55%;
	margin-left: -27.5%;
	background-color: #fff;
	border-radius: 10px;
	padding: 2%;*/
	}
.photo_overlay_close
	{
	position:fixed;
	top:15px;
	right:15px;
	}

.photo_overlay_zoom h2
	{
	color:#fff;
	position:fixed;
	top:10px;
	left:10px;
	width:50%;
	font-size:12px;
	font-weight:200;	
	text-align: left;
	}

.photo_overlay_zoom p
	{
	color:#fff;
	font-size:18px;
	}
.photo_overlay_zoom_photo
	{
	border-radius:5px;
	box-shadow:0px 0px 75px #000;
	}
.photo_overlay_zoom_comm
	{
	color:#fff;
	}
.photo_overlay_navigation
	{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
	}
.photo_overlay_close
	{
	height:30px;
	}
.photo_overlay_close:hover
	{
	padding-top:2px;
	}
.photo_overlay_navigation_prev,
.photo_overlay_navigation_next
	{
	display:inline-block;
	margin: 5px 45px;
	cursor:pointer;
	width:50px;
	height:50px;
	}
.photo_overlay_navigation_prev:hover img,
.photo_overlay_navigation_next:hover img
	{
	width:30px!important;
	}
.photo_overlay_navigation_vignettes
	{
	background-color:rgba(255,255,255,0.75);
	width:100%;
	padding:5px 0;
	}
.photo_overlay_vignette
	{
	display:inline-block;
	cursor:pointer;
	box-sizing:border-box;
	border:2px solid transparent;
	}
.photo_overlay_vignette:hover,
.photo_overlay_vignette.photo_overlay_current_vignette
	{
	box-sizing:border-box;
	border:2px solid #000;
	}
/*
@media screen and (max-width: 1024px)
	{
	.photo_overlay_container
		{
		width:90%;
		margin-left:-45%;
		}
	}
*/

:root {
	--tzz-bt-bg: #527582;
	--tzz-bt-c: #105b6b;
	--tzz-titre: #0e5b6b;
	--tzz-lm: #e1f296;
      --tzz-m: #75b5c3;
	--tzz-dm: #1e4e5d;
	--mdark: #8498ab;
	--mlite-d: #f5f6fa;
	--mdeep-d: #3f557a;
	--step1: #ffbc42;
	--step2: #9cd164;
	--step3: #1dd3b0;
	--rgb-tlm: 225 242 150;
	--rgb-tm: 90 186 138;
	--rgb-tdm: 1 86 91;
	--rgb-md: 132 152 171;
	--rgb-mld: 245 246 250;
	--rgb-mdd: 63 85 122;
}

* 
	{
	outline: none;
	text-decoration: none;
	font-family: sans-serif;
	}

body
	{
	font-family:Arial,Verdana,Sans;
	font-size:12px;
	}

.bureau_tabbord_bloc
	{
	text-align: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #c7c7c7;
	}


.bureau_tabbord
	{
	background: #f5f5f5;
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	width: 120px;
	border-radius: 5px;
	vertical-align: middle;
	text-align: center;
	margin: auto;
	position: relative;
	display: inline-block;
	margin: 5px;
	border: 1px solid #ccc;
	padding: 10px;
	text-decoration: none;
	}

.bureau_tabbord:hover
	{
	box-shadow: 0 0 10px #ddd;
	background: #fff;
	}

.bureau_tabbord h1
	{
	font-size: 14px;
	color: #9a9a9a;
	width: 100%;
	font-weight: 200;
	padding: 0;
	margin: 0;
	}

.bureau_tabbord p
	{
	font-size: 12px;
	color: #fff;
	display:none;
	}

.bureau_tabbord p:hover
	{
	display:block;
	}





body.bodyGENERAL #menu_p,
#menu_p .menu_cadre,
#menu_barre_div.bloc_outils_donnee,
body .bloc_outils_fixe .barre_site,
#fiche_entete
	{
	background: url(https://alpha.jazimut.fr/editorial/icones/Fond_app/1/fond4.jpg) no-repeat center / cover;
	}

/*
//////////////////////////
bureau_grandbloc
//////////////////////////
*/

.zone-bureau
	{
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	grid-gap: 40px;
	padding: 10px 20px;
    	box-sizing: border-box;
	}

.bureau_grandbloc
	{
	position: relative;
	float: left;
	background: #fff;
	/*width: calc((100% / 3) - 40px);
	height: 200px;
	margin: 20px;
	padding: 15px 20px;*/
	width: 100%;
	margin: 0 auto;
	padding: 40px;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: -10px -10px 40px #fff, 10px 10px 40px rgb(0 0 0 / .21);
	text-align: left;
	}

.bureau_grandbloc .bureau_bouton
	{
	z-index: 10;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	}

.bureau_grandbloc .bureau_bouton a,
.bureau_grandbloc .bureau_bouton div
	{
	display: inline-block;
	box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	border-radius: 3px;
	width: 47%;
	padding: 5px;
	vertical-align: middle;
	border: 1px solid #828282;
	text-align: center;
	text-decoration: none;
	color: #616161;
	cursor: pointer;
	z-index: 10;
	padding-right: 15px;
	font-size: 16px;
	padding-left: 15px;
	background: rgba(255, 255, 255, 0.63);
	opacity: 0.4;
	box-sizing: border-box;
	margin: 1%;
	overflow-y: hidden;
	/* height: 27px; */
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	}


.bureau_grandbloc .bureau_bouton a:hover,
.bureau_grandbloc .bureau_bouton div:hover
	{
	color: #353333;
	opacity: 1;
	}




.bureau_grandbloc h1
	{
	z-index: 20;
	color: #0e5b6b;
	font-size: 30px;
	font-weight: 200;
	letter-spacing: 1px;
	margin-bottom: 8px;
	position: relative;
	/* background: rgba(167, 167, 167, 0.54); */
	padding: 4px;
	font-family: Montserrat;
	font-weight: 200;
	letter-spacing: -1px;
	}



/*
//////////////////////////
bureau_bloc
//////////////////////////
*/


.bureau_bloc
	{
	position:relative;
	padding: 15px;
	margin: 1%;
	background: #ffffff;
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	text-align: left;
	border-radius: 5px;
	float: left;
	width: 100%;
	max-width: 30%;
	height: 160px;
	box-sizing: border-box;

	}

.bureau_bloc p
	{
	margin: auto;
	margin-top: 12px;
	display: block;
	 color: #bababa;
	}

.bureau_bloc .bureau_bloc_button 
	{
	position: absolute;
	right: -3px;
	right: -5px;
	bottom: -20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 30%;
	background: #2AC1FF;
	background-image: linear-gradient(#2AC1FF, #00ACFF);
	color: #333333;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	margin: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	border: 1px solid #828282;
	text-decoration: none;
	color: #ffffff;
	}

.bureau_bloc:hover .bureau_bloc_button { background: #2AC1FF; }

.bureau_bloc h1
	{
	color: #1894af;
	font-size: 20px;
	font-weight: 200;
	letter-spacing: 1px;
	margin-bottom: 8px;
	}

.bureau_bloc h2
	{
	color: #d6976f;
	font-size: 14px;
	font-weight: 200;
	letter-spacing: 1px;
	margin-bottom: 8px;
	}

.bureau_bloc  ul,
.bureau_bloc .ul_btn_liste,
.bureau_bloc .ul_btn
	{
	list-style:none;
	margin:0;
	padding:0;
	}

.bureau_bloc .ul_btn_liste li
	{
	font-size: 12px;
	font-weight: 200;
	width: 25%;
	color: #b1b1b1;
	background: #eee;
	margin: 1%;
	padding: 5px;
	border-radius: 5px;
	text-align: left;
	font-weight: 200;
	cursor: pointer;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	}

.bureau_bloc .ul_btn_liste li:hover { color: #000; background: #ddd; }


.bureau_bloc .ul_btn li
	{
	font-size: 12px;
	font-weight: 200;
	width: 100%;
	color: #b1b1b1;
	background: none;
	margin: 0;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 5px;
	text-align: left;
	font-weight: 200;
	cursor: pointer;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 1px dashed #b1b1b1;
	}

.bureau_bloc .ul_btn li:hover { background: #eee; }





.bureau_bloc div
	{
	overflow: auto;
	overflow-x: hidden;
	width: 100%;
	height: 108px;
	}





/*
//////////////////////////
// calendrier
////////////////////////
*/

.calendrier_tete_date_fixe
	{
	z-index: 10000;
	position: fixed;
	top: 96px;
	left: 0;
	width:100%;
	background:#ffffff;
	vertical-align:top; 
	text-align:center; 
	border:0px; 
	border-spacing:0px; 
	padding:0px;
	padding-bottom: 10px;
	margin:	0px;
	border-collapse:collapse;

	border-bottom: 1px solid #dddddd;
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	}

.calendrier_tete_date_suivi
	{
	z-index: 100;
	position: absolute;
	top:0px;
	width:100%;
	background:#ffffff;
	vertical-align:top; 
	text-align:center; 
	border:0px; 
	border-spacing:0px; 
	padding:0px;
	padding-bottom: 22px;
	margin:	0px;
	border-collapse:collapse;

	border-bottom: 1px solid #dddddd;
	}



.calendrier_bt_type
	{
	padding:10px;
	font-size:12px;
	color:#ffffff;
	margin-right:2px;
	border-radius:5px;
	display:inline-block;
	border:1px solid #ffffff;
	cursor:pointer;
	}

.calendrier_bt_type:hover
	{
	border:1px solid #aaaaaa;
	box-shadow: 0 0 7px rgba(0,0,0,0.1);
	}


.calendrier_liste_cal
	{
	margin:auto;
	text-align:left;
	width:90%;
	padding:10px;
	margin-bottom:1px;
	border-radius:5px;
	background:#f5f5f5;
	cursor:pointer;
	border:1px solid #ffffff;
	}

.calendrier_liste_cal:hover
	{
	border:1px solid #dddddd;
	}


.calendrier_event_duree_bloc
	{
	position:absolute;
	z-index:100;
	width:100%;
	text-align:center;
	}


.calendrier_event_duree
	{
	border-radius: 50%;
	cursor:pointer;
	width:40px;
	height:40px;
	margin:auto;
	margin-top:-10px;
	vertical-align:middle;
	background:rgba(255,255,255,0.1);
	box-shadow : 0 0 10px rgba(0,0,0,0.1);
	margin-top:-18px;
	line-height: 40px;
	opacity:0;
	font-size:12px;
	}

.calendrier_event_duree_bloc:hover .calendrier_event_duree
	{
	opacity:1;
	}

.calendrier_event:hover .calendrier_event_duree
	{
	opacity:1;
	}




/*
//////////////////////////
//
// jauge_humeur
//
////////////////////////
*/

.jauge_humeur
	{
	width:100px;
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	position: relative;
	}

.jauge_humeur_bloc
	{
	width: 20px;
	position: absolute;
	right: 60px;
	padding: 5px;
	top: 1px;
	}

.jauge_humeur_temoin
	{
	width:15px;
	height:15px;
	border-radius:50%;
	display: inline-block;
	}

.jauge_humeur_select
	{
	display: none;
	right: 2px;
	top: 0px;
	width: 100px;
	position: relative;
	top: -3px;
	}

.jauge_humeur_bloc:hover .jauge_humeur_select{display: inline-block;}
.jauge_humeur_bloc:hover .jauge_humeur{ width:130px; }
.jauge_humeur_bloc:hover{ width:130px; }


.jauge_humeur input[type=button]
	{
	margin: 0px;
	padding: 0px;
	width: 20%;
	height: 15px;
	border: none;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #777777;
	display: inline-block;
	}

.jauge_humeur input:nth-child(0n+1)
	{
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	border-left: 1px solid #777777;
	}
.jauge_humeur input:nth-child(0n+5)
	{
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	border-right: 1px solid #777777;
	}

.jauge_humeur input:nth-child(0n+1){background:#F5280C;}
.jauge_humeur input:nth-child(0n+2){background:#F5730C;}
.jauge_humeur input:nth-child(0n+3){background:#C6FA21;}
.jauge_humeur input:nth-child(0n+4){background:#7AFF00;}
.jauge_humeur input:nth-child(0n+5){background:#00FF00;}

/*
//////////////////////////
//
// menu barre
//
////////////////////////
*/



#SUPPORTbloc
	{
	position:relative;
	height: calc(100% - 60px);
	padding:5px;
	overflow: hidden;
	overflow-y: auto;
	font-size:16px;
	text-align:left;
	}

.SUPPORTbloc_pied
	{
	font-size: 10px;
	color: #777777;
	font-style: italic;
	margin-bottom: 15px;
	text-align: left;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 1px;
	box-shadow: none;
	/* margin-top: 31px; */
	border-top: 1px solid #B5B3B3;
	padding-top: 22px;
	}

.SUPPORTmail_de
	{
	width: 100%;
	border: none;
	outline-style: none;
	background: none;
	padding: 5px;
	color:#aaa;
	}

.SUPPORTtitre
	{
	padding: 8px;
	font-size: 25px;
	margin-top: 0px;
	margin-bottom: 0;
	width: 100%;
	border: 1px solid #ccc;
	color: #0da0be;
	font-weight: 400;
	background: #f5f5f5;
	height: 104px;
	}

.SUPPORTtags
	{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 5px;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 20px;
	list-style: none;
	}
.SUPPORTtags>li
	{
	width: auto;
	margin: 0;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	box-sizing: border-box;
	color: #ccc;
	transition: .21s all linear;
	transition-property: background, border-color, color;
	cursor: pointer;
	}
.SUPPORTtags>li:hover
	{
	background: #fff;
	border-color: #111;
	color: #111;
	}


.SUPPORTtexte
	{
	height: 150px;
	border-radius: 5px;
	margin-bottom: 20px;
	width: 100%;
	/* background: #fafafa; */
	/* box-shadow: 0 0 20px rgba(153, 153, 153, 0.21); */
	border: 0px;
	border-radius: 0px;
	border-top: 1px solid #C0C0C0;
	}

.SUPPORTtete
	{
	width: 100%;
	margin-bottom: 4px;
	background-color: #FFF;
	}

.SUPPORTtete th
	{
	width: 80px;
	font-size: 12px;
	vertical-align: top;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #777;
	font-weight: 200;
	border-right: 1px dashed #DEDEDE;
	text-align: right;
	padding-right: 14px;
	color: #525252;
	}

#support_priorite
	{
	position: absolute;
	right: 40px;
	top: 4px;
	width: 30px;
	text-align: right;
	}

.support_titre .SUPPORTmenu
	{
	position: absolute;
	display: inline-block;
	width: 100px;
	top: 1px;
	left: 1px;
	line-height: 30px;
	}

.support_etat .SUPPORTmenu
	{
	position: relative;
	display: inline-block;
	width: 49%;
	line-height: 30px;
	}



.SUPPORTmenu_gdtitre
	{
	background-color: var(--tzz-bt-bg);
	color: #fff!important;
	height: 27px;
	border-radius: 5px;
	}

.support_titre
	{
	margin-top: 30px;
	position: relative;
	}

.support_titre .SUPPORTmenu_titre
	{
	width:100px;
	text-align:center;
	border-right:1px solid #aaaaaa;
	font-family:Sans,Arial;
	font-size:12px;
	color:#000000;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	}

.support_etat
	{
	text-align: left;
	background: #efefef;
	width: 100%;
	}
.support_etat .SUPPORTmenu_titre
	{
	font-family: Sans,Arial;
	font-size: 12px;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	margin: auto;
	text-align: center;
	margin-top: 24px;
	}

.SUPPORTmenu_titre:hover
	{
	background:#DADADA;
	}

.SUPPORTmenu_deroulant
	{
	z-index:1000000;
	padding:15px;
	background:#ffffff;
	box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	position:absolute;
	display:none;
	top: 45px;
	text-align: left;
	border-radius: 5px;
	width:165px;
	margin-top: -22px;
	}

.SUPPORTchamp_volet
	{
	border:none;
	background:none;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	text-indent:5px;
	border-bottom:1px dotted #eeeeee;
	color:#aaa;
	}

.SUPPORTmenu_deroulant_select
	{
	overflow-x: hidden;
	z-index:1000000;
	padding:15px;
	background:#ffffff;
	box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	position:absolute;
	text-align: left;
	border-radius: 5px;

	display:block;
	width:80%;
	height:150px;
	overflow: auto;
	margin-top:31px;
	margin-left:16px;

	}


#SUPPORTbloc h3
	{
	font-size: 13px;
	margin-bottom: 5px;
	color: #b9b9b9;
	font-weight: 200;
	padding: 3px;
	margin: 0;
	margin-top: 25px;
	margin-bottom: 6px;
	border-radius: 4px;
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	border: 1px solid #dedede;
	}

#SUPPORTbloc h3 span
	{
	position: relative;
	padding: 2px;
	border-radius: 9px;
	margin-bottom: 10px;
	width: 100px;
	/* border: 1px solid #eaeaea; */
	margin: 5px;
	display: inline-block;
	text-align: center;
	margin-left: 0px;
	/* background: #ffffff; */
	color: rgb(6, 127, 152);
	opacity: 1;
	font-size: 12px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
	}

.SUPPORTmenu_deroulant ul,.SUPPORTmenu_deroulant_select
 ul,.liste_choix_groupe ul
	{
	margin-left:10px;
	color:#777777;
	margin:0px;
	padding:0px;
	}

.SUPPORTmenu_deroulant_select li
	{
	display: inline-block;
	text-align:center;
	width:49%;
	}

.SUPPORTmenu_deroulant li
	{
	text-align:left;
	width:100%;
	text-indent:10px;
	}



.SUPPORTmenu_deroulant li:hover,.SUPPORTmenu_deroulant_select li:hover, .liste_choix_groupe li:hover
	{
	background:#eeeeee;
	color:#000000;
	}

.SUPPORTmenu_deroulant li,.SUPPORTmenu_deroulant_select li, .liste_choix_groupe li
	{
	margin:0px;
	list-style-type: none;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #eeeeee;
	cursor:pointer;
	border-radius:3px;
	}

#SUPPORTbloc .zone-form-notif
	{
	display: grid;
	grid-gap: 5px;
	margin: 0 auto 10px;
	padding: 10px 30px;
	border-bottom: 1px solid #777;
	box-sizing: border-box;
	}
#SUPPORTbloc .zone-form-notif>div
	{
	display: grid;
	grid-template-columns: minmax(120px, auto) minmax(0, 1fr);
	grid-gap: 5px;
	}
#SUPPORTbloc .zone-form-notif>div span
	{
	font-size: 12px;
	}
#SUPPORTbloc .zone-form-notif>div input, 
#SUPPORTbloc .zone-form-notif>div select
	{
	background: #fff;
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #777;
	box-shadow: none;
	}

/*

Choix des groupe dans une liste

*/



.bulle_aide
	{
	z-index: 100000;
	display: block;
	background: #FAE06B;
	position: absolute;
	width: 200px;
	padding: 6px;
	border: 1px solid #BBBBBB;
	max-height: 200px;
	box-shadow: 0px 0px 50px rgba(154, 154, 154, 1);
	border-radius: 9px;
	}

.bulle_aide .p_simple
	{
	font-weight:200;
	color:#000000;
	padding: 0px;
	margin: 0px;
	}


/*

Choix des groupe dans une liste

*/


.liste_choix_groupe
	{
	display:block;
	}
.liste_choix_groupe .liste_choix_box
	{
	display: none;
	background: #ffffff;
	position: absolute;
	width: 200px;
	padding: 5px;
	border: 1px solid #BBBBBB;
	max-height: 200px;
	overflow-x: hidden;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
	}


.liste_choix_box
	{
	display:none;
	text-shadow: none;
	}
.liste_choix_groupe:hover
	{
	text-shadow: 0 0 5px rgba(0,0,0,0.3);
	}

.liste_choix_groupe:hover .liste_choix_box, .liste_choix_box:hover
	{
	display:block;
	}


#SUPPORTvolet_menu
	{
	font-size:12px;
	width:100%;
	padding-right:2%;
	display:inline-block;
	}



#SUPPORTvolet_mail h3
	{
	color: #2AB0D1;
	font-weight: 200;
	margin: 10px;
	}

#SUPPORTmenu_edito_nom,
.SUPPORTmenu_champ_select
	{
    color: #06A6FF;
    text-align: left;
    width: 100%;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    text-indent: 15px;
    padding-left: 0px;
    font-size: 12px;
    margin-top: 7px;
    padding: 5px;
    border: 1px solid #b3b3b3;
    background: none;
    padding-top: 15px;
    padding-bottom: 15px;
	}

.detail_mail_rafraichir
	{
	position: absolute;
	top: 8px;
	right: 9px;
	filter: grayscale(100%);
	-webkit-filter:grayscale(100%);
	cursor:pointer;
	opacity: 0.3;
	}
.detail_mail_rafraichir:hover { opacity: 1;}

.SUPPORTmenu_zone {min-height: 12px;}

.SUPPORTmenu_champ_select_rech
	{
	width: 70px;
	/* display: none; */
	color: #636363;
	outline-style: none;
	border: none;
	border-radius: 3px;
	padding-left: 10px;
	z-index: 1000;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}

.SUPPORTmenu_champ_select_rech:focus,.SUPPORTmenu_champ_select_rech:hover
	{
	color:#000000;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	}


.SUPPORTmenu_champ_select ul
	{
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-left:15px;
	line-height: 0px;
	padding: 0px;
	margin: 0px;
	margin-top: 7px;
	}
.SUPPORTmenu_champ_select li img
	{
	vertical-align: middle;
	}
.SUPPORTmenu_champ_select li a
	{
	color:#2FA7E1;
	}

.SUPPORTnom_champ
	{
	display: inline-block;
	width: 80px;
	font-size: 12px;
	vertical-align: top;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #777;
	font-weight: 200;
	border-right: 1px dashed #DEDEDE;
	text-align: right;
	padding-right: 14px;
	color: #525252;
	}

.SUPPORTnom_champ_titre
	{
	letter-spacing: 2px;
	color: rgb(0, 154, 209);
	width: 100%;
	display: inline-block;
	text-align: left;
	display: inline-block;
	padding-left: 0px;
	padding-top: 5px;
	font-size: 16px;
	padding-bottom: 5px;
	border-top: 1px dashed #909090;
	margin-bottom: 25px;
	}


#SUPPORTmenu_type:hover #SUPPORTmenu_type_deroulant{display:block;}
#SUPPORTmenu_priorite:hover #SUPPORTmenu_priorite_deroulant{display:block;}
#SUPPORTmenu_etat:hover #SUPPORTmenu_etat_deroulant{display:block;}
#SUPPORTmenu_edito:hover #SUPPORTmenu_edito_deroulant{display:block;}



/*
//////////////////////////
//
// menu barre
//
////////////////////////:
*/

.menubarre_bloc_header_a
	{
	padding-right:5px;
	padding-left:5px;
	color:#ffffff;
	text-decoration:none;
      padding: 5px;
	}


.menubarre_bloc_header_a:hover, .menubarre_bloc_a:hover .menubarre_bloc_header_a
	{
      background: #ffffff;
      color: #000000;
      text-decoration: none;
      border-radius: 4px;
      }


.bloc_outils_fixe
	{
	z-index: 100000;
	width: 100%;
	height: 88px;
	position: fixed;
	background: #F8F8F8;
	top: -32px;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	box-shadow: 0 0 15px rgba(0,0,0,0.6);
	}

.bloc_outils_fixe:hover { top:0px; }

.bloc_outils_fixe .barre_site
	{
	background:#555;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	z-index:100020;
	text-align:left;
	padding-left:30px;
	z-index: 1000000;
	}

.bloc_outils_fixe .barre_edito
	{
	position: absolute;
	z-index: 100010;
	width: 100%;
	height: 50px;
	top: 37px;
	left: 70px;
	}

.bloc_outils_fixe .barre_bouton
	{
	top:43px;
	right:10px;
	position:absolute;
	z-index:100010;
	text-align: right;
	}


.bloc_outils_fixe .barre_log
	{
	/* vertical-align:middle;
	padding-right:15px;
	text-align:right;
	position:ablute;
	top:5px;
	right:0px;
	max-width: 500px;
	width:100%;
	height:15px;
	font-size:12px;
	text-align:right;
	overflow:hidden;
	text-align: right; */

	/* background: #555; */
	/* width: 500px; */

	z-index: 1000001;
	position: absolute;
	top: 7px;
	right: 0px;
	width: auto;
	max-width: 500px;
	height: 15px;
	padding-right: 15px;
	overflow: hidden;
	font-size: 12px;
	text-align: right;


	}



.menubarre_bloc
	{
	vertical-align:middle;
	padding-right:5px;
	padding-left:5px;
	text-align:center;
	display:inline-block;
	font-size:14px;
	text-decoration:none;
	color:#000000;
	}

.menubarre_bloc_a
	{
	font-size:12px;
	text-decoration:none;
	color:#000;
	opacity:0.5;
	}

.menubarre_bloc_ul li:hover .menubarre_bloc_a
	{
	opacity:1;
	}

.menubarre_bloc_ul
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	}

.menubarre_bloc_ul h1
	{
	font-size: 17px;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #18859c;
	font-weight: 200;
	margin-left: -6px;
	}

.menubarre_bloc_ul li
	{
	text-align: left;
	padding: 5px;
	color: #555;
	font-size: 14px;
	border-bottom: 1px dashed #ddd;
	box-sizing: border-box;
	cursor: pointer;
	}

.menubarre_bloc_ul li:hover
	{
	color: #555;
	background:#eee;
	}

.bloc_outils_donnee
	{
	list-style-type:none;
	margin:0;
	padding:0;
	height: 40px;
	display: block;
	width: 100%;
	margin-top: 5px;
	text-align: left;
	background: linear-gradient(140deg, var(--tzz-dm), var(--tzz-m));
	padding: 5px;
	left: 0px;
	margin-left: 0px;
	padding-left: 70px;
	position: fixed;
	top: 52px;
	z-index: 99999;
	box-sizing: border-box;
	box-shadow: 0 0 15px rgba(0,0,0,0.8);
	border-bottom: 1px solid #e6e6e6;
	padding-top: 11px;
	}

.header_menu_bot_li
	{
	display:inline-block;
	padding:0px 5px;
	border-right:1px solid #fff;
	cursor:pointer;
	}

.header_menu_bot_li:last-child
	{
	border-right: none;
	}

#header_menu_top
	{
	display:inline-block;
	}


.header_menu_bot_display
	{
	display:none;
	}

#header_menu_top_show
	{
	display:none;
	}

#header_menu_top_show
	{
	color:#bbb;
	}

#header_menu_bot_show
	{
	margin-top:5px;
	}

/*    
//////////////////////////
//
// bouton edition art dans admin
//
////////////////////////:
*/
.zoneart_note
	{
	border-radius:5px;padding:2px;
	background:#cccccc;
	color:#000000;
	font-size:10px;
	position:absolute;
	top:-4px;left:25px;
	z-index:10000;
	}

.zoneart_largeur
	{
	border-radius:50%;
	padding:2px;
	background:#cccccc;
	color:#000000;
	font-size:10px;
	position:absolute;
	z-index:10000;
	top:-5px;left:-5px;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	}

.zoneart_numart
	{
	z-index: 10000;
	position: absolute;
	top: 10px;
	left: -15px;
	padding: 5px;
	margin: auto;
	border-radius: 50%;
	box-shadow: 2px 2px 10px rgba(99, 138, 182, 0.5);
	background: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: #000000;
	opacity: 0.5;
	}





/*    
///////////////////
//
//  ass crea rapport
//
//////////////////
*/

.assistant_crea_bloc h1
	{
	color: #138FBD;
	font-size: 30px;
	display: inline-block;
	margin-right: 10px;
	}
.assistant_crea_bloc h2
	{
	color: #C5C5C5;
	font-size: 20px;
	font-weight: 200;
	display: inline-block;
	}
.assistant_crea_bloc h3
	{
	font-weight: 800;
	color: #000;
	}

.assistant_crearap
	{
	width: 90%;
	border-radius: 7px;
	margin: auto;
	}

.assistant_crearap .crearap_nom
	{
	color: #00B8FF;
    font-size: 18px;
    border: none;
    vertical-align: middle;
    }

.assistant_crearap .crearap_nom:hover
	{
	color:#000;
	}


.assistant_crearap .crea_ass_sem 		{color: #6F6F6F;}
.assistant_crearap .crea_ass_weekend		{background:#e5e5e5;}
.assistant_crearap .crea_ass_weekend:hover	{background:#d5d5d5;}

.assistant_crearap th
	{
	width: 100px;
	font-size: 12px;
	color: #B7B7B7;
	padding-right: 10px;
	font-weight: 200;
	text-align: right;
	}

.assistant_crearap td
	{
	border-right: 1px dashed #B3B3B3;
	height:20px;
	border-bottom: 1px solid rgba(140, 140, 140, 0.11);
	text-align: center;
	}


.assistant_crearap .creatab_donnee		{padding:8px}

.assistant_crearap .creaproc_trescharge		{background:#A569FB;}
.assistant_crearap .creaproc_charge		{background:#C895F3;}
.assistant_crearap .creaproc_fincharge		{background:#D6BFEA;}
.assistant_crearap .creaproc_dispo		{background:#fff;}

.assistant_crearap .creaproc_trescharge:hover	{background:#9161D6;}
.assistant_crearap .creaproc_charge:hover	{background:#B380DE;}
.assistant_crearap .creaproc_fincharge:hover	{background:#CFAFEA;}
.assistant_crearap .creaproc_dispo:hover	{background:#eee;}



.assistant_crearap .crearap_trescharge		{background:#138FBD;}
.assistant_crearap .crearap_charge		{background:#28B6EA;}
.assistant_crearap .crearap_fincharge		{background:#BBE2F0;}
.assistant_crearap .crearap_dispo		{background:#fff;}

.assistant_crearap .crearap_trescharge:hover	{background:#117AA0;}
.assistant_crearap .crearap_charge:hover	{background:#299ECA;}
.assistant_crearap .crearap_fincharge:hover	{background:#92C2D4;}

.assistant_crearap .crearap_dispo:hover		{background:#eee;}



/*    

  graphique

*/

.graphique_note 
	{
	}
.graphique_note li
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	list-style-type:none;
	}
.graphique_note label
	{
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 10px 0 0;
	border: 1px solid #B8B8B8;
	border-radius: 4px;
	box-shadow: none;
	}
.graphique_note h3,.graphique_note h2
	{
	margin:0px;
	padding:0px;
	display: inline-block;
	font-size:12px;
	font-weight:200;
	}

.graphique_note h2
	{
	font-weight: 800;
	margin-right: 10px;
	}

/*    
//////////////////////////
//
// bouton article graphisme
//
////////////////////////:
*/
.bouton_article_graphique .position_bloc
	{
	position: absolute;
	top: -7px;
	right: 8px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
	}

.bouton_article_graphique .position_tag
	{
	display: inline-block;
	background: #f8f8f8;
	width: auto;
	padding: 3px 21px;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	color: #fff;
	font-size: 13px;
	text-align: center;
	opacity: 1;
	}
.bouton_article_graphique .position_header { background: var(--tzz-bt-bg); }
.bouton_article_graphique .position_footer_bloc { background: #d00042; }
.bouton_article_graphique .position_footer { background: #b33dce; }
.bouton_article_graphique .position_main { background: #fff;border-color: #aaa;color: #111; }
.bouton_article_graphique .position_wrapper { background: #22ad8d; }
.bouton_article_graphique .averif { background: #db4242;margin-right: 5px;padding: 3px 5px; }
.bouton_article_graphique .position_ { display: none; }

.bouton_article_graphique .configurer {background:none;}

.bouton_article_graphique_bloc
	{
	
	}

.bouton_article_graphique
	{
	background: rgba(255,255,255,0.5);
	border-radius: 10px;
	padding: 15px;
	margin: 30px;
	color: #555555;
	position: relative;
	text-align: left;
	display: inline-block;
	box-shadow: 2px 0 10px rgba(0,0,0,0.1);
	}

.bouton_article_graphique:hover
	{
	background:rgba(255,255,255,1);
	}

.bouton_article_graphique h1
	{
	font-size: 16px;
	color: #717171;
	font-weight: 200;
	}


/*    
//////////////////////////
//
// bouton volet suivi
//
////////////////////////:
*/


.suivi_champ
	{
	border:none;
	background:none;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	text-indent:0px;
	border-bottom:1px dotted #eeeeee;
	}

.suivi_nav_volet_choix	{z-index:1000;}
.suivi_nav_volet_choix:hover ul {display:block;}

.suivi_nav_volet_choix ul
	{
	margin:0px;
	padding:0px;
	background: #ffffff;
	box-shadow:1px 0px 10px rgba(0,0,0,0.5);
	display:none;
	position:absolute;
	width:130px;
	border-radius: 7px;
	margin-left: -10px;
	margin-top: 0px;
	text-align: left;
	}

.suivi_nav_volet_choix li
	{
	width:100%;
	display:inline-block;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px #eeeeee dashed;
	color: #000000;
	text-indent: 20px;
	}
.suivi_nav_volet_choix li:hover
	{
	background: #eeeeee;
	}


.suivi_nav_volet_bloc 
	{
	display:flex;
	}

.suivi_nav_volet_bloc>a,
.suivi_nav_volet_bloc>div
	{
	width:100%;
	background: #fff;
	margin:2px;
	border-radius:5px;
	}

.suivi_nav_volet_bloc>a:hover,
.suivi_nav_volet_bloc>div:hover
	{
	background: var(--tzz-bt-bg);
	text-decoration: none;
	z-index: 100;
	color: #ffffff;
	}


.suivi_nav_volet_marque
	{
	font-family: Verdana,Arial;
	min-width: 15px;
	/* margin: 1px; */
	color: #ffffff;
	text-align: center;
	padding: 2px;
	border-radius: 5px;
	font-size: 10px;
	background: #E1E1E1;
	display: inline-block;
	height: 11px;
	vertical-align: middle;
	}

.suivi_nav_volet_bloc_sec a,
.suivi_nav_volet_bloc a,
.suivi_nav_volet_choix
	{
	padding: 10px;
	padding-right: 10px;
	padding-left: 10px;

	cursor: pointer;
	display: inline-block;
	text-align: center;
	color: #4E4E4E;
	text-decoration: none;

	position: relative;
	font-size: 12px;
	font-weight: 200;
	}

.suivi_nav_volet_bloc_sec a {color: #000;}










/*    
//////////////////////////
//
// agenda production
//
////////////////////////:
*/

.production
	{
	width: 100%;
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
	position:relative;
	}


.production .jour
	{
	width: 100%;
	margin: 0;
	padding: 0;
	}


.production .nom_du_jour
	{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	}

.production .nom_du_jour li
	{
	width: 100%;
	background: var(--tzz-bt-bg);
	padding: 10px;
	box-sizing: content-box;
	text-align: center;
	margin: 1px;
	color: #ffffff;
	font-size: 15px;
	border-radius: 5px;
	margin-bottom: 4px;
	}


.production .jours
	{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	}


.production .jours ul
	{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	margin: 1px;
	background: #fff;
	}

.production .jours .jour li
	{
	position: relative;
	display: inline-block;
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #a7a5a5;
	border-right: 1px solid #bfbfbf;
	box-sizing: border-box;
	}

.production .heure
	{
	position: relative;
	background: #fff;
	padding: 5px 0 0;
	border-bottom: 1px dashed #c7c7c7;
	box-sizing: border-box;
	}

.production .jours .heure:nth-of-type(1)
	{
	z-index: 8;
	}
.production .jours .heure:nth-of-type(2)
	{
	z-index: 7;
	}
.production .jours .heure:nth-of-type(3)
	{
	z-index: 6;
	}
.production .jours .heure:nth-of-type(4)
	{
	z-index: 5;
	}
.production .jours .heure:nth-of-type(5)
	{
	z-index: 4;
	}
.production .jours .heure:nth-of-type(6)
	{
	z-index: 3;
	}
.production .jours .heure:nth-of-type(7)
	{
	z-index: 2;
	}
.production .jours .heure:nth-of-type(8)
	{
	z-index: 1;
	}

.production .jours .heure.todo
	{
	border: 2px solid #2b9348;
	}
.production .jours .heure.lock
	{
	border: 2px solid #d62828;
	}
.production .jours .heure.ajout,
.production .jours .heure.todo.ajout
	{
	background: rgb(255 209 0 / .2);
	}
.production .jours .heure.report
	{
	background: rgb(251 139 36 / .2);
	}
.production .jours .heure.cpl
	{
	background: rgb(43 147 72 / .2);
	}

.production .heure .zone-opt
	{
	z-index: 11;
	position: absolute;
	top: 0;left: 0;right: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	background: inherit;
	width: 100%;
	margin: 0 auto;
	opacity: 0;
	visibility: hidden;
	}

.volet_projet_tertiaire .production .heure .zone-opt,
.volet_projet_tertiaire_support .production .heure .zone-opt
	{
	flex-flow: row wrap;
	}
.production .heure:hover .zone-opt,
#page_central .production .heure.todo .zone-opt,
#page_central .production .heure.lock .zone-opt
	{
	opacity: initial;
	visibility: initial;
	}
.production .heure .zone-opt>.opt
	{
	display: inline-block;
	margin: 0;
	color: #aaa;
	font-size: 19px;
	font-family: 'Material Icons Outlined';
	font-variant: none;
	text-transform: none;
	text-decoration: none;
	}
.volet_projet_tertiaire .production .heure .zone-opt>.opt,
.volet_projet_tertiaire_support .production .heure .zone-opt>.opt
	{
	font-size: 15px;
	}

.zone-production {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	}
.zone-production._2col,
.zone-production ._2col {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	grid-gap: 20px;
	align-items: start;
	height: calc(100vh - 110px);
	max-width: 100%;
	}
.volet_projet_tertiaire .zone-production._2col,
.volet_projet_tertiaire_support .zone-production._2col {
	display: block;
	}
.zone-production._2col>div,
.zone-production ._2col>div {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	overflow-y: auto;
	}
.production .heure .zone-opt>label.opt
	{
	cursor: pointer;
	}
.production .heure .zone-opt>.opt>input
	{
	display: none;
	}
.production .heure .zone-opt>.opt>span
	{
	font: inherit;
	}
.production .heure .zone-opt>.opt.add
	{
	margin: 0 0 0 auto;
	}
.production .heure .zone-opt>.opt.rep,
.production .heure .zone-opt>.opt.rap
	{
	margin: 0 0 0 5px;
	}
.production .heure .zone-opt>.opt:not(.imp)
	{
	opacity: 0;
	visibility: hidden;
	}
.production .heure .zone-opt>.opt.imp.todo>span
	{
	color: #2b9348;
	font-family: 'Material Icons';
	opacity: 1;
	}
.production .heure .zone-opt>.opt.imp.lock>span
	{
	color: #d62828;
	font-family: 'Material Icons';
	opacity: 1;
	}
.production .heure .zone-opt>.opt.add>input:checked + span,
.production .heure .zone-opt>.opt.add.checked
	{
	color: #e0b600;
	opacity: 1;
	}
.production .heure .zone-opt>.opt.rep>input:checked + span,
.production .heure .zone-opt>.opt.rep.checked
	{
	color: #fb8b24;
	opacity: 1;
	}
.production .heure .zone-opt>.opt.rap>input:checked + span,
.production .heure .zone-opt>.opt.rap.checked
	{
	color: #1fa28d;
	opacity: 1;
	}

.production .heure .zone-opt select
	{
	background: none;
	width: auto;
	margin: 0 0 0 10px;
	border: none;
	box-shadow: none;
	outline: none;
	opacity: 0;
	visibility: hidden;
	}
.volet_projet_tertiaire .production .heure .zone-opt select,
.volet_projet_tertiaire_support .production .heure .zone-opt select
	{
	margin: 0 0 0 auto;
	}

.production .heure .zone-opt .zone-completion,
.zone-production .heure_g .zone-completion
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: #fff;
	width: 60px;
	height: 15px;
	margin: 0 0 0 10px;
	border: 1px solid #eee;
	border-radius: 20px;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	}
.zone-production .heure_g .zone-completion
	{
	opacity: initial;
	visibility: initial;
	}
.volet_projet_tertiaire .production .heure .zone-opt .zone-completion,
.volet_projet_tertiaire_support .production .heure .zone-opt .zone-completion
	{
	margin: 0 auto 0 0;
	}
.production .heure .zone-opt .zone-completion>div,
.zone-production .heure_g .zone-completion>div
	{
	width: calc(100% / 4);
	height: 100%;
	box-sizing: border-box;
	cursor: pointer;
	}
.production .heure .zone-opt .zone-completion>div + div,
.zone-production .heure_g .zone-completion>div + div
	{
	border-left: 1px solid #eee;
	}
.production .heure .zone-opt .zone-completion.gap25,
.zone-production .heure_g .zone-completion.gap25 {
	background: linear-gradient(to right, #8cedb0, #8cedb0 25%, #fff 25%, #fff);
}
.production .heure .zone-opt .zone-completion.gap50,
.zone-production .heure_g .zone-completion.gap50 {
	background: linear-gradient(to right, #60dda4, #60dda4 50%, #fff 50%, #fff);
}
.production .heure .zone-opt .zone-completion.gap75,
.zone-production .heure_g .zone-completion.gap75 {
	background: linear-gradient(to right, #32cd9e, #32cd9e 75%, #fff 75%, #fff);
}
.production .heure .zone-opt .zone-completion.gap100,
.zone-production .heure_g .zone-completion.gap100 {
	background: #1fa28d;
}
.production .heure.lock .zone-opt .zone-completion.gap25,
.zone-production .heure_g.lock .zone-completion.gap25 {
	background: linear-gradient(to right, #ff8fa3, #ff8fa3 25%, #fff 25%, #fff);
}
.production .heure.lock .zone-opt .zone-completion.gap50,
.zone-production .heure_g.lock .zone-completion.gap50 {
	background: linear-gradient(to right, #ff758f, #ff758f 50%, #fff 50%, #fff);
}
.production .heure.lock .zone-opt .zone-completion.gap75,
.zone-production .heure_g.lock .zone-completion.gap75 {
	background: linear-gradient(to right, #ff4d6d, #ff4d6d 75%, #fff 75%, #fff);
}
.production .heure.lock .zone-opt .zone-completion.gap100,
.zone-production .heure_g.lock .zone-completion.gap100 {
	background: #c9184a;
}

.production .heure.todo .zone-opt>.opt:not(.imp),
.production .heure.lock .zone-opt>.opt:not(.imp),
.production .heure.todo .zone-opt select,
.production .heure.lock .zone-opt select,
.production .heure.todo .zone-opt .zone-completion,
.production .heure.lock .zone-opt .zone-completion {
	opacity: initial;
	visibility: initial;
}

.production .heure .zone-task
	{
	z-index: 9;
	position: relative;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	}
.production .heure textarea
	{
	position: absolute;
	top: 0;left: 0;right: 0;
	background: none;
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 10px;
	border: 0;
	box-sizing: border-box;
	color: #157ba9;
	font-size: 12px;
	text-align: center;
	}
.production .heure:hover textarea,
#page_central .production .heure.todo textarea,
#page_central .production .heure.lock textarea
	{
	padding: 20px 10px 10px;
	}
.production .heure textarea:focus
	{
	z-index: 99;
	background: #fff;
	height: 120px;
	box-shadow: 0 4px 8px rgb(0 0 0 / 40%);
	}
.production .heure .zone-end
	{
	position: absolute;
	top: 0;left: 0;right: 0;
	display: none;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: rgb(255 255 255 / .4);
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 0;
	border: 0;
	}
/*
.production .heure .zone-end::before
	{
	content: 'check_circle';
	display: inline-block;
	margin: 0;
	color: #94e9ab;
	font-size: 42px;
	font-family: 'Material Icons Outlined';
	font-variant: none;
	text-transform: none;
	text-decoration: none;
	}
.production .heure .zone-end>label>input[type=checkbox]
	{
	display: none;
	}
.production .heure .zone-end>label>span
	{
	display: inline-block;
	margin: 0;
	color: #eaeaea;
	font-size: 21px;
	font-family: 'Material Icons Outlined';
	font-variant: none;
	text-transform: none;
	text-decoration: none;
	cursor: pointer;
	}
.production .heure .zone-end>label>input[type=checkbox]:checked + span
	{
	color: #fff;
	font-size: 31px;
	}
*/
.production .heure.end .zone-end
	{
	display: flex;
	}

.production .heure.limite
	{
	background: #ececed;
	}

.production .jours .jour li .etoile
	{
	position: absolute;
	top: 8px;
	right: 4px;
	font-size: 11px;
	color: #555;
	background: #fff;
	border: 1px solid #000;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	display:none;
	}

.production .jours .jour li:hover .etoile { display:block; }

.zone-production .zone-listeplannings
	{
	width: 100%;
	margin: 0 auto;
	padding: 0 40px 0 0;
	box-sizing: border-box;
	}
.zone-production._no-col .zone-listeplannings
	{
	max-width: 1280px;
	padding: 0 40px;
	}
.zone-production .zone-listerapports
	{
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	grid-gap: 5px 10px;
	align-items: flex-start;
	width: 100%;
	margin: 0 auto;
	padding: 40px 40px 40px 20px;
	box-sizing: border-box;
	text-align: left;
	}
.volet_projet_tertiaire .zone-production .zone-listerapports,
.volet_projet_tertiaire_support .zone-production .zone-listerapports,
.zone-production .zone-listerapports:empty
	{
	/*display: none;*/
	padding: 0;
	}
.zone-production .zone-listerapports>details>summary
	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	color: #111;
	font: 600 16px/1.2 'Poppins', sans-serif;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1800 - 320)));
	}
.zone-production .zone-listerapports>details>summary>.tag
	{
	aspect-ratio: 1;
	padding: 5px;
	font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1800 - 320)));
	}
.zone-production ._2col>.zone-listerapports
	{
	height: auto;
	max-height: 620px;
	}
.zone-production .zone-listerapports>label
	{
	display: inline-block;
	background: #fff;
	width: auto;
	margin: 0 auto 20px 0;
	padding: 10px 15px;
	border: 1px solid #424242;
	border-radius: 20px;
	box-sizing: border-box;
	cursor: pointer;
	}
.zone-production .zone-listerapports>div.b
	{
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	grid-gap: 10px;
	align-items: flex-start;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 40px;
	box-sizing: border-box;
	}
.zone-production .zone-listerapports>input[type=checkbox]:checked ~ div
	{
	display: grid;
	}
.zone-production .zone-listerapports h3
	{
	padding: 0 0 10px;
	}
.zone-production .zone-listerapports>details>.zone-projets
	{
	display: grid;
	grid-gap: 5px;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 5px 30px;
	box-sizing: border-box;
	}
.zone-production .zone-listerapports .zone-projets:empty,
.zone-production .zone-listerapports .zone-detail>ul:empty
	{
	display: none;
	}
.zone-production .zone-listerapports label,
.zone-production .zone-listerapports>details details>summary
	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	color: #111;
	font: 400 14px/1.2 'Poppins', sans-serif;
	font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1800 - 320)));
	}
.zone-production .zone-listerapports label>span,
.zone-production .zone-listerapports>details details>summary>span
	{
	display: inline-flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 5px 10px;
	}
.zone-production .zone-listerapports label .tag,
.zone-production .zone-listerapports details .tag
	{
	display: inline-block;
	background: #fff;
	width: auto;
	margin: 0;
	padding: 5px 10px;
	border-radius: 10px;
	box-sizing: border-box;
	color: #111;
	font: 600 10px/1.2 'Poppins', sans-serif;
	text-align: center;
	}
.zone-production .zone-listerapports .zone-detail
	{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-gap: 10px;
	padding: 5px 0;
	box-sizing: border-box;
	}
.zone-production .zone-listerapports input[type=checkbox]:checked ~ .zone-detail
	{
	display: grid;
	}
.zone-production .zone-listerapports ul
	{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-gap: 5px 10px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	}
.zone-production .zone-listerapports ul>li
	{
	background: #fff;
	width: 100%;
	margin: 0 auto;
	}
.zone-production .zone-listerapports ul>li
	{
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	}
.zone-production .zone-listerapports ul>li h4
	{
	padding: 0 0 5px;
	}
.zone-production .zone-listerapports ul>li p
	{
	margin: 0;
	padding: 0;
	}

.zone-production .zone-listeprod>ul {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 20px;
	box-sizing: border-box;
	list-style: square;
	}
.zone-production .zone-listeprod>ul>.heure_g {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	}
.zone-production .zone-listeprod>ul>.heure_g.end {
	color: #aaa;
	text-decoration: line-through;
	}
.zone-production .zone-listeprod>ul>.heure_g::before {
	content: 'visibility';
	display: inline-block;
	margin: 0;
	color: #aaa;
	font-size: 19px;
	font-family: 'Material Icons Outlined';
	font-variant: none;
	text-transform: none;
	text-decoration: none;
	}
.zone-production .zone-listeprod>ul>.heure_g.todo::before {
	color: #2b9348;
	font-family: 'Material Icons';
	}
.zone-production .zone-listeprod>ul>.heure_g.lock::before {
	color: #d62828;
	font-family: 'Material Icons';
	}
.zone-production .zone-listeprod>ul>.heure_g .zone-completion {
	margin: 0 10px;
	}

.production .entete
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-end;
	margin: 0 auto 10px;
	tex-align-left;
	}

.production .entete h2
	{
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 21px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	}

.production .entete h3
	{
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 13px;
	font-weight: 200;
	line-height: 1;
	}

.production .entete h3 span
	{
	background: #ff9a28;
	width: 25px;
	border-radius: 50%;
	height: 25px;
	display: inline-block;
	line-height: 26px;
	text-align: center;
	margin-bottom: -3px;
	color: #fff;
	font-weight: 500;
	}

.production .fleche .gauche,
.production .fleche .droite
	{
	position: absolute;
	top: 33px;
	background: rgba(255, 255, 255, 0.77);
	border-radius: 50%;
	width: 25px;
	height: 25px;
	border: 1px solid #afadad;
	font-size: 19px;
	color: #737373;
	text-align: center;
	opacity:0;
	cursor:pointer;
	}

.production .nom_du_jour:hover .fleche .gauche,
.production .nom_du_jour:hover .fleche .droite
	{
	opacity:0.3;
	}


.production .fleche .gauche { left:-13px;}
.production .fleche .droite { right:-13px;}

.production .fleche .gauche:hover { opacity:1; }
.production .fleche .droite:hover { opacity:1; }


.production_bouton div
	{
	width: 20%;
	background: #ffffff;
	padding: 10px;
	text-align: center;
	color: #000000;
	opacity: 0.8;
	margin-top: 15px;
	margin-bottom: 40px;
	cursor: pointer;
	display: inline-block;
	border-radius: 5px;
	}

.production_bouton div:hover
	{
	opacity: 1;
	}


.suivi_temps_nav .calcul
	{
      margin-top: 10px;
      margin-bottom: 10px;
      box-sizing: content-box;
      background: #ffffff;
      border-radius: 10px;
      border: 1px solid #afafaf;
      box-shadow: 3px 3px 30px #0000002b;
	}

.suivi_temps_nav .list li
	{
	padding:5px;
	color:#000;
	}

.suivi_temps_nav .list li:hover
	{
	border-radius: 3px;
      background: #fff;
      box-shadow: 1px 1px 10px #0000004f;
	}

.suivi_temps_nav,
.plan_reseaux
	{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
	}
.plan_reseaux .engrand
	{
	display: inline-block;
	width: auto;
	margin: 0 auto 0 0;
	padding: 5px 10px;
	border: 1px solid var(--mdeep-d);
	border-radius: 4px;
	box-sizing: border-box;
	color: var(--mdeep-d);
	font: 400 14px/1 sans-serif;
	transition: .21s all linear;
	transition-property: background, color;
	cursor: pointer;
	}

.plan_reseaux .engrand:hover
	{
	background: var(--mdeep-d);
	color: #fff;
	}

.plan_reseaux .IA_contexte
	{
      display: flex;
      background: #fff;
      border-radius: 10px;
      padding: 10px;
      box-shadow: 0px 0px 20px #00000030;
	}
.plan_reseaux .IA_contexte>div
	{
	width:100%;
	margin-right: 10px;
      }

.plan_reseaux .IA_contexte .bouton
      {

      background: #ababab;
      color: #000;
      padding: 10px;
      border-radius: 5px;
      margin: 2px;
      box-sizing: content-box;
      display: inline-block;
      margin: auto;
	}

.plan_reseaux .IA_contexte textarea:focus
	{
	overflow-y: auto;
	}

.plan_reseaux .IA_contexte textarea,
.plan_reseaux .IA_contexte select
	{
	border-right: solid 2px #a4a4a4;
	width:100%;
	}


.suivi_temps_nav .sel-mois ul,
.plan_reseaux .navigation
	{
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-gap: 5px;
	width: 100%;
	margin: 10px auto 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	text-align: center;
	}

.suivi_temps_nav .sel-mois li span,
.plan_reseaux .navigation>li,
.plan_reseaux .mail_form .sel-mois ul>li span
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 5px;
	border: 1px solid var(--mdeep-d);
	border-radius: 5px;
	box-sizing: border-box;
	font: 400 12px/1 sans-serif;
	opacity: .42;
	transition: .21s all linear;
	cursor: pointer
	}

.suivi_temps_nav .sel-mois li:hover,
.plan_reseaux .navigation>li:hover,
.plan_reseaux .mail_form .sel-mois ul>li span:hover
	{
	background: #fff;
	border-color: #2596af;
	color: #2596af;
	opacity: 1;
	}

.suivi_temps_nav .sel-mois li.selection,
.suivi_temps_nav ul>li input[type=checkbox]:checked + span,
.plan_reseaux .navigation>li.selection,
.plan_reseaux .mail_form .sel-mois ul>li input[type=checkbox]:checked + span
	{
	background: var(--tzz-bt-bg);
	color: #fff;
	opacity: 1;
	}

.suivi_temps_nav .sel-mois li.aujourdhui, 
.plan_reseaux .navigation>li.aujourdhui,
.plan_reseaux .mail_form .sel-mois ul>li span.ajourdhui
	{
	background: #fff;
	color:#eee;
	border-width: 1px;
	font-weight: 600;
	font-size: 14px;
	opacity: 1;
	}

.plan_reseaux h3
	{
	padding: 0 0 5px;
	text-align: left;
	}
.plan_reseaux .mois
	{
	width: 100%;
	margin: 0 auto;
	}
.plan_reseaux .mois + .mois
	{
	margin: 20px auto 0;
	}

.plan_reseaux .lignes>ul
	{
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr);
	grid-gap: 0;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	}

.plan_reseaux .entete_champ
	{
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	grid-gap: 10px 40px;
	align-items: center;
	margin: 10px auto 5px;
	padding: 10px;
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	}

.plan_reseaux .entete_champ.avenir
	{
	background: var(--tzz-bt-bg);
	}
.plan_reseaux .entete_champ.passe
	{
	background: #c8C8C8;
	}


.plan_reseaux .entete_champ input[type=text]
	{
	background: none;
	width: 100%;
	padding: 5px 10px;
	border: none;
	border-bottom: 1px solid rgb(255 255 255 / .6);
	box-sizing: border-box;
	box-shadow: none;
	color: #fff;
	text-align: center;
	}
.plan_reseaux .entete_champ input[type=text]::placeholder
	{
	color: #fff;
	}
.plan_reseaux .entete_champ .del
	{
	width: 21px;
	aspect-ratio: 1;
	margin: auto;
	color: transparent;
	font-size: 0;
	}
.plan_reseaux .entete_champ .del::after
	{
	content: 'cancel';
	color: var(--mdeep-d);
	font: 400 21px/1 'Material Icons';
	text-transform: none;
	transition: .21s color linear;
	cursor: pointer;
	}
.plan_reseaux .entete_champ .del:hover::after
	{
	color: #d51e1e;
	}

.plan_reseaux .entete_champ:first-child
	{
	margin: 0 auto 5px;
	}
.plan_reseaux .entete_champ + ul,
.plan_reseaux .lignes>ul + ul
	{
	margin: 5px auto 0;
	}
.plan_reseaux .entete_champ>li,
.plan_reseaux .lignes>ul>li
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	}
.plan_reseaux .entete_champ>li
	{
	background: var(--tzz-bt-bg);
	padding: 10px;
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	}
.plan_reseaux .entete_champ>li + li,
.plan_reseaux .lignes>ul>li + li
	{
	border-left: 1px solid #aaa;
	}
.plan_reseaux .entete_champ>li + li
	{
	border-color: #fff;
	}
.plan_reseaux .lignes>ul>li h2
	{
	padding: 0 0 10px;
	font-weight: 800;
	}
.plan_reseaux .lignes>ul>.post,
.plan_reseaux .lignes>ul>.rs,
.plan_reseaux .lignes>ul>.boost,
.plan_reseaux .lignes>ul>.prog
	{
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: start;
	align-items: stretch;
	gap: 10px;
	padding: 10px;
	box-sizing: border-box;
	}
.plan_reseaux .lignes>ul>.jour
	{
	grid-row: 1/7;
	}
.plan_reseaux .lignes>ul>.rs,
.plan_reseaux .lignes>ul>.prog,
.plan_reseaux .lignes>ul>.boost
	{
	padding: 0;
	text-align: center;
	}
.plan_reseaux .lignes>ul>.prog,
.plan_reseaux .lignes>ul>.boost,
.plan_reseaux .lignes>ul>.valid
	{
	border-top: 1px dashed #aaa;
	}
.plan_reseaux .lignes>ul>.valid
	{
	grid-column: 1/-1;
	}
.plan_reseaux .lignes>ul>.post
	{
	grid-column: 1/-1;
	border-left: none;
	border-top: 1px solid #aaa;
	}
.plan_reseaux .lignes>ul>li textarea
	{
	background: #fff;
	width: 100%;
	height: 100%;
	padding: 10px;
	border: none;
	box-sizing: border-box;
	box-shadow: none;
	}
.plan_reseaux .lignes>ul>.post textarea
	{
	height: 240px;
	}
.plan_reseaux .lignes>ul>.jour textarea
	{
	font-size: 31px;
	text-align: center;
	}
.plan_reseaux .lignes>ul>li input[type=text]
	{
	background: #fff;
	width: 100%;
	padding: 10px;
	border: 1px solid #aaa;
	box-sizing: border-box;
	box-shadow: none;
	}
.plan_reseaux .lignes>ul>li .liste_rs,
.plan_reseaux .lignes>ul>li .liste_prog,
.plan_reseaux .lignes>ul>li .liste_boost
	{
	display: grid;
	grid-template-columns: 80px repeat(6, minmax(0, 1fr));
	grid-gap: 0;
	align-items: stretch;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	}
.plan_reseaux .lignes>ul>li .liste_valid
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	background: #c9d4d8;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	}
.plan_reseaux .lignes>ul>li .liste_rs>li,
.plan_reseaux .lignes>ul>li .liste_prog>li,
.plan_reseaux .lignes>ul>li .liste_boost>li,
.plan_reseaux .lignes>ul>li .liste_valid>li
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	padding: 2.5px 5px;
	box-sizing: border-box;
	}
.plan_reseaux .lignes>ul>li .liste_rs>.RStit,
.plan_reseaux .lignes>ul>li .liste_prog>.RStit,
.plan_reseaux .lignes>ul>li .liste_boost>.RStit
.plan_reseaux .lignes>ul>li .liste_valid>.RStit
	{
	color: #333;
	}
.plan_reseaux .lignes>ul>li .liste_valid>.RStit
	{
	width: 80px;
	border-right: 1px solid #fff;
	}
.plan_reseaux .lignes>ul>li .liste_valid>li:not(.RStit)
	{
	margin: 0 auto;
	}
.plan_reseaux .lignes>ul>li .liste_prog>li input[type=checkbox],
.plan_reseaux .lignes>ul>li .liste_boost>li input[type=checkbox]
	{
	opacity: 0;
	visibility: hidden;
	}
.plan_reseaux .lignes>ul>li .liste_prog>li input[type=checkbox].visible,
.plan_reseaux .lignes>ul>li .liste_boost>li input[type=checkbox].visible
	{
	opacity: 1;
	visibility: visible;
	}
.plan_reseaux .lignes>ul>li .liste_rs label>input[type=checkbox]
	{
	display: none;
	}
.plan_reseaux .lignes>ul>li .liste_rs label>img
	{
	z-index: 15;
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: #c4c4c4;
	width: 25px;
	aspect-ratio: 1;
	margin: 0;
	border-radius: 50%;
	border: 5px solid #c4c4c4;
	box-sizing: border-box;
	object-fit: contain;
	transition: .21s all linear;
	transition-property: background, border-color;
	cursor: pointer;
	}
.plan_reseaux .lignes>ul>li label:hover>img,
.plan_reseaux .lignes>ul>li label input[type=checkbox]:checked + img
	{
	background: #2596af;
	border-color: #2596af;
	}

.plan_reseaux .ajout
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 40px;
	aspect-ratio: 1;
	margin: 20px 0 0 auto;
	padding: 5px;
	border: 1px solid #2596af;
	border-radius: 50%;
	box-sizing: border-box;
	color: #2596af;
	font: 400 25px/1 sans-serif;
	transition: .21s all linear;
	cursor: pointer;
	}
.plan_reseaux .ajout:hover
	{
	background: #2596af;
	color: #fff;
	}

.plan_reseaux .mail_form
	{
	background: #fff;
	width: 100%;
	margin: 20px auto 0;
	padding: 20px;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 2px 4px 20px rgb(0 0 0 / .21);
	}
.plan_reseaux .mail_form>._2col-env
	{
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
	grid-gap: 5px 20px;
	align-items: center;
	}
.plan_reseaux .mail_form>div + div
	{
	margin: 10px auto 0;
	}
.plan_reseaux .mail_form select
	{
	background: #fff;
	width: 100%;
	padding: 10px 20px 10px 10px;
	border: 1px solid #aaa;
	box-sizing: border-box;
	box-shadow: none;
	}
.plan_reseaux .mail_form span:not(.lab)
	{
	width: 100%;
	padding: 10px 20px 10px 10px;
	box-sizing: border-box;
	}
.plan_reseaux .mail_form>p
	{
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 20px;
	box-sizing: border-box;
	color: #111;
	font: 400 14px/1 sans-serif;
	}
.plan_reseaux .mail_form>.sel-mois ul
	{
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-gap: 5px 10px;
	padding: 0;
	}
.plan_reseaux .mail_form>.sel-mois ul>li
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	}
.plan_reseaux .mail_form>.sel-mois ul>li label
	{
	display: block;
	width: 100%;
	}

.suivi_temps_nav .sel-mois ul>li input[type=checkbox],
.plan_reseaux .mail_form .sel-mois ul>li input[type=checkbox]
	{
	display: none;
	}
.plan_reseaux .mail_form input[type=button]
	{
	display: block;
	background: #fff;
	width: auto;
	margin: 20px 0 0 auto;
	padding: 10px 20px;
	border: 1px solid #2596af;
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: none;
	color: #2596af;
	font: 400 15px/1 sans-serif;
	transition: .21s all linear;
	cursor: pointer;
	}
.plan_reseaux .mail_form input[type=button]:hover
	{
	background: #2596af;
	color: #fff;
	}

.plan_reseaux .mail_form .hid
	{
	display: none;
	}
.plan_reseaux .mail_form label>h2
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	}
.plan_reseaux .mail_form label>h2::after
	{
	content: 'expand_more';
	color: #111;
	font: 800 21px/1 'Material Icons';
	text-transform: none;
	transition: .21s color linear;
	cursor: pointer;
	}
.plan_reseaux .mail_form input[type=checkbox]:checked + label>h2::after
	{
	content: 'expand_less';
	}
.plan_reseaux .mail_form .zone-envmailgraph,
.plan_reseaux .mail_form .zone-envmail,
.plan_reseaux .mail_form .zone-crearapport
	{
	display: none;
	}
.plan_reseaux .mail_form input[type=checkbox].for-envmailgraph:checked ~ .zone-envmailgraph,
.plan_reseaux .mail_form input[type=checkbox].for-envmail:checked ~ .zone-envmail,
.plan_reseaux .mail_form input[type=checkbox].for-crearapport:checked ~ .zone-crearapport
	{
	display: block;
	}

/*    
//////////////////////////
//
// bouton radio suivi de projet
//
////////////////////////:
*/
.suivi_zone_recherche_option
	{
	width:100%;
	text-align:left;
	color:#aaaaaa;
	}

.suivi_zone_recherche
	{
	margin-top:20px;
	margin-bottom:20px;
	}
.suivi_zone_recherche input[type=text]
	{
	width:200px;
	color:#555555;
	font-size:16px;
	border:1px solid #eeeeee;
	padding:5px;
	padding-top:7px;
	padding-bottom:7px;
	margin:5px;
	border-radius:5px;
	}

.detail_projet_info_note
	{
	display: inline-block;
	margin: auto;
	text-align: center;
	cursor: pointer;
	z-index: 1000;
	border-radius: 5px;
	color:#fff;
	height: 26px;
	line-height: 26px;
	cursor: pointer;
	padding-right: 5px;
	padding-left: 5px;
	}

.bouton_crea
	{
	display: inline-block;
	margin: auto;
	text-align: center;
	cursor: pointer;
	z-index: 1100;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	line-height: 26px;
	cursor: pointer;
	position: relative;
	}
.bouton_crea:hover
	{
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.24);
	}

body .bouton_crea>h1
	{
	padding: 0;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: 800;
	top: 0px;
	}


.bouton_crea_proc		{background-color: #A650E8;}
.bouton_crea_proc:hover		{background:#9B67C3;}
.bouton_crea_rapport		{background-color: #ff6600;}
.bouton_crea_rapport:hover	{background:#BC4B00;}
.bouton_crea_info		{background-color: var(--tzz-bt-bg);}
.bouton_crea_info:hover		{background:#13b3d5;}




/*
###

support_moteur_bouton

###
*/

.support_moteur_bouton_ul
	{
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	}
.support_moteur_bouton_ul li
	{
	color: #000000;
	border-bottom: 1px dashed #d1d1d1;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding: 15px;
	margin: 0px;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10px;
	margin-top: 10px;
	border: 1px solid #e4e4e4;
	font-size: 14px;
	cursor:pointer;
	text-align: left;
	}

.support_moteur_bouton_ul li h2
	{
	color: #000;
	font-size: 20px;
	font-weight: 200;
	margin-bottom: 5px;
	text-align: left;
	}

.support_moteur_bouton_ul div
	{
	text-align: left;
	opacity: 0.5;
	}

.support_moteur_bouton_ul div:hover {opacity: 1;}

.support_moteur_bouton_ul li h3
	{
	color: #a6a6a6;
	font-size: 14px;
	font-weight: 200;
	text-align: left;
	margin-bottom: 13px;
	}

.support_moteur_bouton_ul li:hover
	{
	background: #f2f2f2;
	}





/*
 DIV_stat_site
*/
#DIV_stat_site
	{
	position:fixed;
	top:30px;
	right:110px;
	width:300px;
	text-align:left;
	height:52px;
	overflow:auto;
	z-index:100010;
	}

/*
 DIVerreur_ajax
*/


#DIVerreur_ajax
	{
	position: fixed;
	right: 50%;
	margin-right: -300px;
	width: 500px;
	text-align: left;
	top: 17%;
	height: 60%;
	z-index: 1000001;
	background: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.47);
	border: 1px solid rgba(0, 0, 0, 0.38);
	border-radius: 7px;

	overflow-y: auto;
	overflow-x: hidden;

	display:none;

	}

#DIVerreur_ajax h1
	{
	font-size: 51px;
	color: var(--tzz-bt-c);
	margin: 15px;
	}

#DIVerreur_ajax h2
	{
	font-weight:200;
	font-size: 12px;
	font-weight: 200;
	color: #9d9d9d;
	margin-left: 20px;
	margin-top: 0px;
	}

.DIVerreur_ajax_env
	{
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	font-family: Arial;
	text-indent: 0px;
	margin-bottom: 5px;
	border-radius: 7px;
	padding: 10px;
	border: 1px solid #D4D4D4;
	background:#b55c0a;
	width: 50%;
	font-size: 12px;
	display: inline-block;
	text-align: center;
	margin:auto;
	margin-top:20px;
	}
.DIVerreur_ajax_env:hover {background:#cb690f; }
#DIVerreur_ajax_liste
	{
	text-align:center;
	}

#DIVerreur_ajax > a
	{
	position: absolute;
	right: 10px;
	top: 10px;
	color: #aaa;
	}
#DIVerreur_ajax > a:hover {color: #555;}


.DIVerreur_ajax_voir
	{
	display: inline-block;
	width: 20%;
	}

/*
 projet_bloc_suivi
*/


.projet_bloc_suivi
	{
	margin-top: 0px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #aaaaaa;
	padding-bottom: 25px;
	padding-top: 25px;
	}
.projet_bloc_suivi:hover
	{
	background:#fafafa;
	}
/*
.projet_bloc_suivi h2
	{
	margin-top: 0px;
	margin-bottom: 15px;
	color: #7ebfe6;
	font-weight: 200;
	font-size:25px;
	}
*/
.projet_bloc_suivi p
	{
	color:#B4B4B4;
	}

.projet_bloc_suivi li
	{
	color:#B4B4B4;
	}


.rapport_suivi_liste_detail
	{
	width: 100%;
	cursor: pointer;
	margin-bottom: 2px;
	font-size: 12px;
	display: block;
	font-weight: Normal;
	border-radius: 6px;
	}
.rapport_suivi_liste_detail:hover
	{
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}

.rapport_suivi_liste_ligne
	{
	margin-botom:2px;
	display: flex;
	}

.rapport_suivi_liste_ligne:hover
	{
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}


.rapport_envois_mail
	{
	width: 60%;
	color: #363636;
	font-size: 12px;
	margin: auto;
	/* clear: both; */
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 20px;
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	border: 1px solid #BEBEBE;
	border-radius: 7px;
	cursor:pointer;
	}

.rapport_envois_mail:hover
	{
	background-color: #E0E0E0;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.17);
	}

.rapport_suivi_liste_detail_titre
	{
	display:inline-block;
	color:#777777;
	vertical-align: middle;
	width: 80%;
	height: 12px;
	white-space:nowrap;
	cursor:pointer;
	}

.rapport_suivi_liste_detail_titre:hover
	{
	color:#000000;
	}

.rapport_suivi_liste_detail_titre .nom_projet
	{
	color: #005677;
	display: inline-block;
	width: 50%;
	overflow: hidden;
	padding: 2px;
	font-size: 12px;
	margin-top: 1px;
	padding-right: 0px;
	font-weight: 200;
	vertical-align: middle;
	}


.rapport_suivi_liste_decal
	{
	margin-left: 40px;
	padding-left: 14px;
	border-left: 1px solid rgb(85, 85, 85);
	}

.rapport_suivi_liste_detail_outils
	{
	font-style: italic;
	color: #aaaaaa;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #AFADAD;
	position: absolute;
	background: #fff;
	z-index: 100;
	border: 1px solid rgba(0, 0, 0, 0.55);
	padding: 15px;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 3px 3px 25px rgba(0,0,0,0.3);
	margin-left: 100px;
	margin-top: 1px;
	}

.suivi_bouton_fermer
	{
	cursor:pointer;
	width:120px;
	border-radius:5px;
	padding:7px;
	margin:auto;
	background:#aaaaaa;
	color:#fff;
	border:1px solid #ffffff;
	}
.suivi_bouton_fermer:hover
	{
	background:#ff0000;
	color:#fff;
	}


#volet_projet_contenu h1,
#volet_projet_contenu_support h1
	{
	font-size: 16px;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 200;
	line-height: 6px;
	}

#volet_projet_contenu>h2,
#volet_projet_contenu_support>h2
	{
	font-size: 16px;
	color: #00a9ff;
	margin-top: 50px;
	margin-bottom: 10px;
	font-weight: 200;
	}

.bloc_rap_listetache
	{
	margin-bottom:0;
	margin-top:0;
	}


.volet_projet_annualite ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	color: #828282;
	}

.volet_projet_annualite ul li:hover
	{
	background: #fff;
	}

.volet_projet_annualite ul h2
	{
	color: #000000;
	font-size: 20px;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding: 5px;
	padding-left: 0;
	}

.volet_projet_annualite .h2_titre_projet
	{
	color: #08acd0;
	font-size: 27px;
	}


.bloc_rap_grand_titre
	{
    box-shadow: 2px 2px 17px rgb(0 0 0 / 5%);
    margin-top: 20px;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
    margin-top: 15px;
    vertical-align: middle;
    margin-bottom: 6px;
    border: 1px solid #a0a0a045;
    background-image: #fff;
    margin-top: 50px;
	}



#volet_projet_secondaire div:nth-of-type(2),
#volet_projet_secondaire_support div:nth-of-type(2) 
	{ margin-top: 0px; }

#volet_projet_secondaire .VPzone-btn, 
#volet_projet_secondaire_support .VPzone-btn
	{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-gap: 10px;
	margin-bottom: 20px;
	}
#volet_projet_secondaire .VPzone-btn .lien-btn,
#volet_projet_secondaire_support .VPzone-btn .lien-btn 
	{
	display: grid;
    grid-template-columns: minmax(0, 2.4fr) minmax(0, 1fr);
    grid-gap: 10px;
    align-items: center;
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 5px 10px;
    border-radius: 10px;
    box-sizing: border-box;
    color: #58d7e7;
    font: 400 13px/1 sans-serif;
    text-align: left;
    transition: .3s all linear;
    transition-property: background, color;
    cursor: pointer;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 0.1);
    height: 40px;
	}
#volet_projet_secondaire .VPzone-btn .lien-btn>span,
#volet_projet_secondaire_support .VPzone-btn .lien-btn>span 
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: var(--tzz-bt-bg);
	width: 100%;
	height: 100%;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	transition: .3s all linear;
	transition-property: background, color;
	}
#volet_projet_secondaire .VPzone-btn .lien-btn:hover ,
#volet_projet_secondaire_support .VPzone-btn .lien-btn:hover 
	{
	background: var(--tzz-bt-bg);
	color: #fff;
	}
#volet_projet_secondaire .VPzone-btn .lien-btn:hover>span ,
#volet_projet_secondaire_support .VPzone-btn .lien-btn:hover>span 
	{
	background: #fff;
	color: var(--tzz-bt-c);
	}

.bloc_rap_grand_titre h2
	{
	display: inline-block;
	font-size: 15px;
	margin-left: 13px;
	color: #555;
	font-weight: 200;
	margin: 0;
	padding: 10px;
	}





.bloc_rap_petit_titre
	{
	width: 100%;
	margin-top: 10px;
	vertical-align: middle;
	margin-bottom: 10px;
	text-align: right;
	padding: 0;
	display: flex;
	}

body .bloc_rap_petit_titre h2
	{
	display: inline-block;
	margin-top: 15px;
	display: inline-block;
	color: #bbbbbb;
	margin-top: 0px;
	font-size: 15px;
	font-weight: 200;
	padding: 2px;
	border-bottom: 1px solid #d0d0d0;
	border-radius: 3px;
	padding-right: 12px;
	padding-left: 12px;
	width: 100%;
	text-align: right;
	}

body .bloc_rap_petit_titre h3
	{
	display: inline-block;
	margin-top: 15px;
	display: inline-block;
	color: #000000;
	margin-top: 0px;
	font-size: 11px;
	font-weight: 200;
	background: #e6e6e6;
	padding: 2px;
	border: 1px solid #c7c6c6;
	border-radius: 3px;
	}




















.bouton_radio
	{
	font-size:10px;
	display:inline-block;
	border:none;
	margin:0px;
	border:1px solid #8D8D8D;
	padding:2px;
	padding-right:6px;
	padding-left:6px;
	margin:0px;
	margin-top:1px;
	margin-bottom:1px;
	}
.bouton_radio_on
	{
	color: #FFFFFF;
	background: #888;
	}
.bouton_radio_on:hover
	{
	color: #FFFFFF;
	background: #999;
	}
.bouton_radio_off
	{
	color:#878787;
	background:#ffffff;
	}
.bouton_radio_off:hover
	{
	color:#000000;
	background:#dddddd;
	}

.bouton_radio_afaire_on
	{
	color: #FFFFFF;
	background: #A078DB;
	}

.bouton_radio_afaire_ko
	{
	color:#ffffff;
	background:#00aff0;
	}

.bouton_radio_afaire_ok
	{
	color:#ffffff;
	background:#9de4ff;
	}

.bouton_radio_oubli_on
	{
	color:#000000;
	background:#C3F04F;
	}


.bouton_radio_premier
	{
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
	border:1px solid #8D8D8D;
	border-right:none;
	}

.bouton_radio_millieu
	{
	margin-left:-3px;
	border-right-color:#8D8D8D;
	border-left-color:#8D8D8D;
	border-right: none;
	}

.bouton_radio_dernier
	{
	margin-left:-3px;
	border-top-right-radius:7px;
	border-bottom-right-radius:7px;
	border:1px solid #8D8D8D;
	/*border-left:none;*/
	}




/*
//////////////////////////
//
// gestion_notification
//
//////////////////////////
*/

#gestion_notification 
	{
	display: flex;
	width: 100%;
	}

#gestion_notification div
	{
	width: 100%;
	margin: 15px;
	background: #fff;
	border-radius: 7px;
	box-shadow: 2px 2px 10px #c7c7c7;
	border: 1px solid #dadada;
	padding: 15px;
	}

#gestion_notification div h1
	{
	font-size: 20px;
	color: #888;
	text-align: left;
	font-weight: 200;
	}

#gestion_notification div h3
	{
	font-size: 16px;
	color: var(--tzz-bt-c);
	font-weight: 200;
	margin: 16px;
	text-align: left;
	}


#gestion_notification .ul_btn
	{
	list-style: none;
	width: 100%;
	padding: 0px;
	marrgin: 0px;
	}

#gestion_notification .ul_btn li
	{
	width: 100%;
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #9a9a9a;
	font-size: 12px;
	color: #9c9999;
	box-sizing: border-box;
	cursor:pointer;
	}

#gestion_notification .ul_btn li:hover
	{
	background:#f5f5f5;
	}

#gestion_notification select
	{
	background: none;
	width: 100%;
	padding: 10px;
	border: 1px solid #c5c5c5;
	color: #8e8e8e;
	}


.gestion_notification_site
	{
	overflow-y: scroll;
	width: 100%;
	max-height: 500px;
	margin: 0;
	padding: 15px;
	box-sizing: border-box;
	text-align: left;
	overflow-y:auto;
	}

/*
//////////////////////////
//
// Minuteur
//
//////////////////////////
*/

.minuteur_titre
	{
	z-index:2;
	position:absolute;
	top:0px;
	font-size:10px;
	vertical-align:middle;
	text-align:center;
	padding:2px;
	}

.minuteur_avancement
	{
	z-index:1;
	position:absolute;
	top:0px;
	border-radius:3px;
	}

.minuteur_bloc
	{
	height:15px;
	vertical-align:top;
	position:relative;
	margin-top:2px;
	margin-bottom:2px;
	display:inline-block;
	border-radius:5px;
	position:relative;
	}







/*    
//////////////////////////
//
// suivi historique
//
////////////////////////:
*/

.suivi_histo_bloc
	{
	cursor:pointer;
	font-size:12px;
	font-family:Sans,Arial,Verdana;
	border-top:1px solid #cccccc;
	padding-top:5;
	padding-bottom:5px;
	}

.suivi_histo_bloc:hover
	{
	background: #f0f0f0;
	}

.suivi_histo_bloc h2
	{
	font-size:12px;
	font-weight:500;
	}
.suivi_histo_bloc p
	{
	font-size:12px;
	color:#aaaaaa;
	}

/*
.suivi_histo_date_procedure,
.suivi_histo_date_rapport
	{
	text-align:center;
	width:50%;
	border-radius:5px;
	margin-right:10px;
	color:#000;
	margin-bottom: 10px;
	margin-top: 7px;
	font-size:10px;
	padding:2px;
	}

.suivi_histo_date_procedure {background:#B42FFF;}
.suivi_histo_date_rapport {background:#2FBBFF;}
*/



.suivi_histo_desc
	{
	width:100%;
	margin-bottom:10px;
	}

.suivi_histo_desc p
	{
	margin-top: 5px;
	margin-bottom: 5px;
	}

.suivi_histo_desc h2
	{
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	font-weight: 200;
	display:inline;
	}

.suivi_histo_desc h4
	{
	display:inline;
	font-size: 12px;
	font-weight: 200;
	color:#777;
	}

.suivi_histo_info
	{
	font-style : italic;
	font-size:12px;
	color:#5AD7FF;
	}


.suivi_table_contact_lie
	{
	width:100%;
	}
.suivi_table_contact_lie th
	{
	width:30%;
	text-align:center;
	padding-right:15px;
	font-weight:normal;
	font-size:12px;
	vertical-align:top;
	padding-top: 13px;
	border-right: 1px solid #DBDBDB;
	}

.suivi_table_contact_lie td
	{
	padding-top: 5px;
	text-align: center;	
	}


/*    
//////////////////////////
//
// Les volets suivi
//
////////////////////////:
*/

#bouton_volet_suivi
	{
	z-index:1000000;
	width:30px;
	height:30px;
	position:fixed;
	bottom:0px;
	left:50%;
	margin-left:-15px;

	transition-property:bottom ;
	transition-duration: 0.2s;
	transition-timing-function:ease ;
	}


.volet_crm_bureau
	{
	position:relative;
	text-align:left;
	display:inline-block;
	width:31%;
	max-width:600px;
	overflow-y:hidden;
	overflow-x:hidden;
	padding:15px;
	margin:0px;
	/*border-right: 5px solid #83D1F1;*/
	height:80%;
	}


#div_volet_suivi
	{
	display: none;
	padding: 120px 10px 0 60px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 10px;
      }

#div_volet_suivi .zone-btn_support
	{
	grid-column: 1/-1;
	display: none;
	flex-flow: row nowrap;
	justify-content: end;
	align-items: stretch;
	gap: 10px;
	width: 100%;
	height: 25px;
      }
#div_volet_suivi .zone-btn_support>.lien-btn
	{
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: auto;
	margin: 0;
	padding: 5px 10px;
	border: 1px solid var(--tzz-dm);
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--tzz-dm);
	font: 400 13px/1 'Jost', sans-serif;
	text-align: center;
	transition: .21s all linear;
	}
#menu_zbarre_contenu .zone-btn_support>.lien-btn:hover
	{
	background: var(--tzz-dm);
	color: #fff;
	}

.div_volet_suivi_cadre
	{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow-y: hidden;
	overflow-x: hidden;
	background: #f5F5F5;
	text-align: center;
	font-size: 12px;
	font-family: Sans,Arial,Verdana;
	padding: 0;
	margin: 0;
	padding-top: 110px;
	padding-left: 105px;
	padding-right: 0px;
	box-sizing: border-box;
	background: #f5f5f5;
	}

/*.div_volet_suivi_cadre:before
	{
  	content: '';
    background-image: url(https://alpha.jazimut.fr/editorial/designIMAGE/fond/suivi_1.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    opacity: 0.05;
    }
*/


.div_volet_suivi_cadre .aide_ajout_bloc
	{
	display:none;	
	}

.volet_crm_bureau,
.volet_crm_bureau_support
	{
	position: relative;
	text-align:left;
	display:inline-block;
	overflow-y:hidden;
	overflow-x:hidden;
	height:97%;
	padding-right:15px;
	padding-left:15px;
	vertical-align: top;
	}



.volet_projet_primaire,
.volet_projet_primaire_support
	{
	margin-right: 15px;
	vertical-align: top;
	z-index:2;
	}

.volet_projet_primaire
	{
    margin-left: -100px;
    padding-top: 20px;
    padding-left: 70px;
    position: relative;
    height: 100%;
	}

#volet_projet_secondaire,
#volet_projet_secondaire_support 
	{
	border-radius: 15px;
	box-shadow: 2px 2px 30px rgb(0 0 0 / 15%);
	padding: 30px;
	border: 1px solid #dedede;
	vertical-align: top;
	z-index:2;
	box-sizing: border-box;
	}

#volet_projet_tertiaire,
#volet_projet_tertiaire_support 
	{
	z-index:2;
	}

.volet_projet_primaire:hover{overflow-y:auto;}
.volet_projet_secondaire:hover{overflow-y:auto;}
.volet_projet_tertiaire:hover{overflow-y:auto;}

.volet_projet_primaire:hover,
.volet_projet_primaire_support:hover
	{overflow-y:auto;}

.volet_projet_secondaire:hover,
.volet_projet_secondaire_support:hover
	{overflow-y:auto;}

.volet_projet_tertiaire:hover,
.volet_projet_tertiaire_support:hover
	{overflow-y:auto;}






.bloc_suivi_action
	{
	background: #fafafa;
	border: 1px solid #dddddd;
	border-radius: 10px;
	width: 100%;
	max-width: 350px;
	margin: 2px;
	float: left;
	vertical-align: middle;
	padding: 15px;
	font-size: 14px;
	cursor: pointer;
	margin: 10px;
	text-align: left;
	}
.bloc_suivi_action:hover
	{
	background: #ffffff;
	box-shadow: 0px 0px 10px rgba(208, 208, 208, 0.5);
	}
.bloc_suivi_action h2,.bloc_suivi_action h1
	{
	display: inline;
	font-weight: 800;
	font-size: 14px;
	padding: 2px;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	text-align: center;
	/* color: #ffffff; */
	}
.bloc_suivi_action h2
	{
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	color: #ffffff;
	vertical-align: middle;
	}
.bloc_suivi_action h3
	{
	color:#008FFF;
	display:inline-block

	margin-top:15px;
	margin-bottom:15px;

	font-size: 12px;
	color: #000000;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: 200;
	}
.bloc_suivi_action p,.bloc_suivi_action li
	{
	color:#888888;
	}
.bloc_suivi_action a
	{
	color:#008FFF;
	text-decoration:none;
	}
.bloc_suivi_action a:hover
	{
	text-decoration:uderline;
	}

.suivi_lien_sanssautdeligne
	{
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	color: #555;
	font-size: 14px;
      display: grid;
      align-items: center;
      justify-content: start;
      align-content: center;
      justify-items: start;
	}

.suivi_lien_sanssautdeligne>div
	{
      display: flex;
      flex-direction: row;
      align-items: center;
	}
.suivi_lien_sanssautdeligne>div>div
	{
	margin-top: 2px;
	margin-right: 5px;
	}

#volet_projet_primaire .liste_projet_titre .photo_chef,
#volet_projet_primaire_support .liste_projet_titre .photo_chef
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	width: auto;
	/*width: 100%;
	aspect-ratio: 1;
	border-radius: 50%;
	flex-direction: row;*/
	}

#volet_projet_primaire .liste_projet_titre .photo_chef img,
#volet_projet_primaire_support .liste_projet_titre .photo_chef img
	{
	width: 30px;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 50%;
	margin-right: 5px;
	}


#volet_projet_secondaire .liste_projet_titre .photo_chef,
#volet_projet_secondaire_support .liste_projet_titre .photo_chef
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: auto;
	/*width: 100%;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: 50%;*/
	}

#volet_projet_secondaire .liste_projet_titre .photo_chef img,
#volet_projet_secondaire_support .liste_projet_titre .photo_chef img
	{
	width: 40px;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 50%;
	}


.suivi_tagfact,
.suivi_tagfact_encours,
.suivi_tagprod1,
.suivi_tagprod2,
.suivi_tagsuivi1,
.suivi_tagsuivi2,
.suivi_tagrent1,
.suivi_tagrent2,
.suivi_tagetat
	{
	display: inline-block;
	color: #ffffff;
	background: #a3cb8d;
	text-align: center;
	padding: 2px;
	font-size: 12px;
	cursor: pointer;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 3px;
	}


.suivi_tagsuivi1 {background: #ff9300;}
.suivi_tagsuivi2 {background: #ff5800;}
.suivi_tagetat {background: #2596af;}




.suivi_tagfact {background: #e6590e;}
.suivi_tag_nb
	{
	min-width:20px;
	text-align:center;
	font-size:15px;
	border-radius:2px;
	padding:3px;
	margin-right:5px;
	display:inline-block;
	top:-1px;
	position:relative;
	font-weight: 200;
	}

.suivi_rapportliste_type
	{
	display:inline-block;
	padding:0px;
	background:#E5E5E5;
	color:#ffffff;
	border-radius:4px;
	text-align:center;
	width:75px;
	margin: 2px;
	}





/*    
//////////////////////////
//
// Les volets page
//
////////////////////////:
*/

/* Cadre g[[ea]]n[[ea]]ral */


#menu_p
	{
	z-index: 10000000!important;
	position: fixed;
	inset: 0 auto 0 -500px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
	background: #fff;
	width: 520px;
	height: 100%;
	margin: 0;
	padding: 0 20px 0 0;
	border: 0;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	box-shadow: 8px 2px 15px rgb(0 0 0 / .21);
	transition: .21s left ease;
	}

#menu_p:hover
	{
	left: 0;	
	}

/* liste plannings */

._JAZtag
	{
	display: inline-flex;
	flex-flow: columns nowrap;
	justify-content: center;
	align-items: center;
	background: #fff;
	width: auto;
	margin: 0;
	padding: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	color: #111;
	font: 400 16px/1 'Poppins', sans-serif;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1800 - 320)));
	text-align: center;
	}

#JAZmenu_plannings>.zone-encart
	{
	z-index: 21;
	position: fixed;
	inset: auto 0 0;
	display: block;
	background: rgb(171 19 24 / .8);
	width: auto;
	max-width: fit-content;
	margin: 0 auto;
	padding: 10px 40px;
	border-radius: 10px 10px 0 0;
	box-sizing: border-box;
	box-shadow: 2px -4px 10px rgb(0 0 0 / .21);
	text-align: left;
	}
#JAZmenu_plannings>.zone-encart>div
	{
	display: none;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 10px 40px;
	align-items: start;
	width: 100%;
	margin: 0 auto 10px;
	padding: 0 0 10px;
	box-sizing: border-box;
	}
#JAZmenu_plannings:empty, 
#JAZplannings_check
	{
	display: none;
	}
#JAZmenu_plannings label
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin: 0 auto;
	padding: 5px 10px;
	border-radius: 10px;
	box-sizing: border-box;
	color: #fff;
	font: 400 18px/1.6 'Jost', sans-serif;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1800 - 320)));
	text-align: center;
	cursor: pointer;
	}
#JAZmenu_plannings label::before
	{
	content: 'warning';
	display: inline-block;
	width: 10px;
	margin: 0 10px 0 0;
	color: inherit;
	font: inherit;
	font-family: 'Material Icons';
	text-align: center;
	text-decoration: none;
	}
#JAZmenu_plannings h3
	{
	padding: 20px 10px 15px;
	box-sizing: border-box;
	color: #fff;
	font: 600 16px/1 'Poppins', sans-serif;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1800 - 320)));
	text-transform: uppercase;
	}
#JAZmenu_plannings h3>span
	{
	text-transform: none;
	}
#JAZmenu_plannings ul
	{
	display: grid;
	grid-template-columns: auto;
	grid-gap: 5px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	color: #fff;
	font: 400 16px/1.6 'Poppins', sans-serif;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1800 - 320)));
	text-align: left;
	}
#JAZmenu_plannings ul>li
	{
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 10px;
	box-sizing: border-box;
	color: inherit;
	font: inherit;
	transition: .21s all linear;
	transition-property: background, color;
	cursor: pointer;
	}
#JAZmenu_plannings ul>li:hover
	{
	background: var(--mlite-d);
	color: #111;
	}
#JAZmenu_plannings ul>li:hover ._JAZtag
	{
	background: rgb(171 19 24 / .8);
	color: #fff;
	}
#JAZmenu_plannings #JAZplannings_check:checked + .zone-encart
	{
	width: calc(100% - 160px);
	max-width: 1280px;
	}
#JAZmenu_plannings #JAZplannings_check:checked + .zone-encart>label
	{
	position: absolute;
	inset: 0 0 auto auto;
	width: auto;
	}
#JAZmenu_plannings #JAZplannings_check:checked + .zone-encart>label>span
	{
	display: none;
	}
#JAZmenu_plannings #JAZplannings_check:checked + .zone-encart>label::before
	{
	content: 'close';
	}
#JAZmenu_plannings #JAZplannings_check:checked + .zone-encart>div
	{
	display: grid;
	}

/* 
	/////////////
	Page aide 
	////////////
*/

#page_tuto
	{
	display: none;
	right: 0px;
	position: fixed;
	z-index: 1000016;
	max-width: 500px;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	margin: 0px;
	padding: 15px 15px 20px 20px;
	border: 0px;
	border-left: 1px solid #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,1);
	transition-property: left;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	box-sizing: border-box;

	overflow-y: auto;
	overflow-x: hidden;

	}

#page_tuto h1
	{
	background: #ffffff;
	font-size: 30px;
	color: #00b4ff;
	padding: 10px;
	vertical-align: top;
	width: 100%;
	font-weight: 200;
	font-family: Montserrat;
	border: 0;
	line-height: 25px;
	width: 100%;
	text-align: left;
	}

#page_tuto h2
	{
	color: #bf2b10;
	font-size: 20px;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding: 11px;
	padding-right: 20px;
	}

#page_tuto p
	{
	font-size: 14px;
	color: #555;
	text-align: left;
	}

#page_tuto ul
	{
	}

#page_tuto ul li
	{
	font-size: 14px;
	color: #555;
	text-align: left;
	border-bottom: 1px dashed #999;
	padding: 5px;
	box-sizing: border-box;
	}

#page_tuto ul li span
	{
	color: #009bbb;
	font-size: 16px;
	}

/* Menu du cadre */

.menu_cadre
	{
	z-index: 1000;
	background: #fff;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 15px;
	box-sizing: border-box;
	}

.menu_cadre_close
	{
	display: none;
	background: var(--tzz-bt-bg);
	color:#fff;
	width: 100px;
	cursor: pointer;
	text-align: center;
	color: #000000;
	text-decoration: none;
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 10px;
	z-index: 100;
	border: 1px solid #bfbfbf;
	border-bottom-right-radius: 10px;
	}

.menu_cadre_ul
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: start;
	align-items: center;
	gap: 10px;
	background: linear-gradient(140deg, var(--tzz-dm), var(--tzz-m));
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 5px;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
	}

.menu_cadre_ul .menu_cadre_li
	{
	display: block;
	width: 100%;
	text-align: center;
	}

/*
.menu_cadre_ul .menu_cadre_li
	{
	font-weight:bold;
	}
*/

.menu_cadre_ul .menu_cadre_li .menu_cadre_a
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: none;
	width: 100%;
	aspect-ratio: 1;
	margin: 0 auto;
	padding: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	color: #555;
	transition: .21s background linear;
	cursor: pointer;
	}
.menu_cadre_ul .menu_cadre_li .menu_cadre_a:hover
	{
	background: rgb(var(--rgb-tlm) / .6);
	}
/*
.menu_cadre_ul .menu_cadre_li.li_agenda .menu_cadre_a:hover
	{
	background: #32dee0;
	}
.menu_cadre_ul .menu_cadre_li.li_page .menu_cadre_a:hover
	{
	background: #dd078b;
	}
.menu_cadre_ul .menu_cadre_li.li_fiche .menu_cadre_a:hover
	{
	background: #31b1e1;
	}
.menu_cadre_ul .menu_cadre_li.li_membre .menu_cadre_a:hover
	{
	background: #fc7610;
	}
.menu_cadre_ul .menu_cadre_li.li_vente .menu_cadre_a:hover,
.menu_cadre_ul .menu_cadre_li.li_vente_v2 .menu_cadre_a:hover
	{
	background: #b4db86;
	}
.menu_cadre_ul .menu_cadre_li.li_graphisme .menu_cadre_a:hover
	{
	background: #ad87db;
	}
*/
.menu_cadre_ul .menu_cadre_li img
	{
	width: 100%;
	}
.menu_cadre_ul .menu_cadre_li .menu_cadre_a:hover img
	{
	filter: initial;
	}

.menu_cadre_ul .menu_cadre_li:hover .menu_cadre_a
	{
	text-decoration:none;
	color:#000;
	}

.menu_cadre_ul .menu_cadre_li .menu_cadre_a p
	{
	margin: 5px 0 0;
	color: #fff;
	font: 200 11px/1 sans-serif;
	text-align: center;
	}

.content_cadre
	{
	background: #fff;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden auto;
	text-align: left;
	}

.menu_z_barre_outils
	{
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	grid-gap: 10px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: left;
	}

.menu_z_barre_outils a
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 5px 10px;
	border: 1px solid var(--tzz-dm);
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--tzz-dm);
	font: 400 11px/1 'Jost', sans-serif;
	text-align: center;
	transition: .21s all linear;
	}

.menu_z_barre_outils a:hover
	{
	background: var(--tzz-dm);
	color: #fff;
	}

#menu_zbarre_contenu
	{
	padding: 15px 0;
	}
#menu_zbarre_contenu .zone-form
	{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	}
#menu_zbarre_contenu .zone-form>form
	{
	display: grid;
	grid-template-columns: minmax(0,2fr) minmax(0,1fr);
	grid-gap: 0;
	width: 100%;
	margin: 0 auto;
	}
#menu_zbarre_contenu .zone-form>form input[type=button]
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid var(--tzz-dm);
	border-radius: 0 10px 10px 0;
	box-sizing: border-box;
	box-shadow: none;
	color: var(--tzz-dm);
	font: 400 14px/1 'Jost', sans-serif;
	text-align: center;
	transition: .21s all linear;
	}
#menu_zbarre_contenu .zone-form>form input[type=button]:hover
	{
	background: var(--tzz-dm);
	color: #fff;
	}
#menu_zbarre_contenu .zone-form>form input[type=text]
	{
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid var(--tzz-dm);
	border-radius: 10px 0 0 10px;
	box-sizing: border-box;
	box-shadow: none;
	color: var(--tzz-dm);
	font: 400 14px/1 'Jost', sans-serif;
	text-align: left;
	}
#menu_zbarre_contenu .zone-form #option
	{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 10px;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
	}
#menu_zbarre_contenu .zone-form #option>*
	{
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 5px 10px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: none;
	color: #424242;
	font: 400 14px/1 'Jost', sans-serif;
	}

.content_cadre .agenda_cadre,
#menu_zbarre_contenu .list_menu_btn
	{
	padding: 5px 25px;
	}

#menu_zbarre_contenu .list_menu_btn:hover
	{
	color:#0c69b8;
	text-decoration:none;
	}

#menu_zbarre_contenu .list_menu_btn
	{
	margin:15px auto;
	}

.strap_cadre_div
	{
	position:absolute;
	top:50%;
	right:-44px;
	margin-top:-28px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	}

.menu_cadre_open
	{
	display:none;
	position:absolute;
	right:-44px;
	bottom:0;
	margin-bottom:25px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	cursor:pointer;
	}

.zbarre_cadre_p
	{
	position:absolute;
	bottom:95px;
	right:-105px;
	font-family: sans;
	font-size:12px;
	color:#333;
	letter-spacing:5px;
	text-shadow: 0px -1px 2px rgba(221, 221, 221, 0.95);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	}

#menu_zbarre_contenu .lien-btn
	{
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: auto;
	margin: 20px auto 10px;
	padding: 5px 10px;
	border: 1px solid var(--tzz-dm);
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--tzz-dm);
	font: 400 15px/1 'Jost', sans-serif;
	text-align: center;
	transition: .21s all linear;
	}
#menu_zbarre_contenu .lien-btn:hover
	{
	background: var(--tzz-dm);
	color: #fff;
	}
#menu_zbarre_contenu #CALnfo
	{
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
	text-align: left;
	}
#menu_zbarre_contenu #CALnfo>h5
	{
	width: 100%;
	padding: 0 0 10px;
	color: var(--tzz-dm);
	font: 400 19px/1 'Jost', sans-serif;
	text-align: center;
	}
#menu_zbarre_contenu #CALnfo>p
	{
	margin: 0 auto;
	padding: 10px 0;
	font: 400 15px/1.4 'Jost', sans-serif;
	}
#menu_zbarre_contenu #CALnfo>img
	{
	width: 100%;
	}

/* 
Liste des pages 
*/

.select_groupe_dans_liste
	{
	display: none;
	background: #ffffff;
	position: absolute;
	width: 200px;
	padding: 5px;
	border: 1px solid #BBBBBB;
	max-height: 500px;
	overflow-x: hidden;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
	}





.liste_page_h3
	{
	margin-bottom: 10px;
	padding: 15px 0px 10px 15px;
	color:#222;
	text-align:left;
	font-size:18px;
	font-family:sans;
	font-style:italic;
	font-weight:lighter;
	}

.liste_page_h4
	{
	background:#f7f7f7;
	padding:15px 5px 15px 45px;
	color:#444;
	text-align:left;
	font-family:sans;
	font-weight:normal;
	}

.liste_page_a
	{
	color:#555;
	}

.liste_page_a:hover
	{
	color:#000;
	}


/*    
//////////////////////////
//
// Les fiches 
//
////////////////////////:
*/

/*
#div_classement_annuaire h2
	{
	font-size: 16px;
	color: #0094FF;
	margin-left: 14px;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #D2D2D2;
	text-shadow: 1px 1px 5px #BCBCBC;
	}
*/


.select_annuaire a
	{
	background-image: linear-gradient(#14b8da, #0e95b1);
	display: block;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #fff;
	padding: 8px;
	font-size: 15px;
	width: 100%;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #9c9c9c;
	max-width: 300px;
	}

.select_annuaire a:hover
	{
	box-shadow: 0 0 20px rgba(43, 43, 43, 0.3);
	}

.select_annuaire li
	{
	padding: 5px;
	border-bottom: 1px dashed #9a9a9a;
	font-size: 15px;
	color: #555;
	}

.select_annuaire ul
	{
	width: 100%;
	margin: 0;
	padding: 0;
	padding-left: 50px;
	padding-top: 15px;
	max-height: 150px;
	overflow-y: scroll;
	box-sizing: border-box;
	}


/*    
//////////////////////////
//
// Les volets histo
//
////////////////////////:
*/

/*
#barre_historique_contenu
	{
	width:420px;
	height:350px;
	font-family:Sans, Arial, Verdana;
	overflow-y:scroll;
	overflow-x:none;
	text-align:left;
	font-size:12px;
	}

#barre_historique_div
	{
	position:fixed;
	z-index:11001;
	height:350px;
	width:450px;
	bottom:-460px;
	right:0px;
	margin-right:20px;

	border-radius:5px;
	background:rgba(255,255,255,0.8);
	margin:30px;
	border:1px solid #555555;
	box-shadow:2px 2px 10px rgba(0,0,0,0.5);
	padding:7px;

	transition-property:bottom ;
	transition-duration: 0.2s;
	transition-timing-function:ease ;

	}


#barre_historique_div:hover
	{
	bottom:-20px;
	}

#barre_historique_bouton
	{
	position:fixed;
	z-index:11001;	
	bottom:0px;
	right:0px;
	width:50px;
	height:47px;
	}
*/







/*    
//////////////////////////
//
// stat_vente_produit
//
////////////////////////:
*/




.stat_vente_produit
	{
	width:100%;
	max-width:400px;
	}

.stat_vente_produit td,
.stat_vente_produit th
	{
	padding-top: 0;
	font-weight: 200;
	font-size: 12px;
	color: #555;
	}
.stat_vente_produit th
	{
	text-align: right;
	padding-right: 20px;
	vertical-align: middle;
	padding-top: 10px;
	}



/*    
//////////////////////////
//
// liste_des_factures
//
////////////////////////:
*/

#liste_des_factures .titre_mois
	{
	text-align: center;
	background: var(--tzz-titre);
	font-family: Montserrat;
	font-weight: 200;
	letter-spacing: 0px;
	padding: 10px;
	border-radius: 5px;
	color: #FFF;
	font-size: 20px;
	width: 100%;
	max-width: 500px;
	margin-bottom: 20px;
	margin-top: 20px;
	}

#liste_des_factures .reglement_liste h6
	{
	font-size:25px;
	}

#liste_des_factures reglement_liste_total
	{
	text-align:right;
	width: 250px;
	margin: 0px;
	}


/*    
//////////////////////////
//
// espace vente
//
////////////////////////:
*/

.vente_central
	{
	text-align:left;
	}

.vente_central .vente_bloc
	{
	position:relative;
	vertical-align: top;
	background-color: rgba(255, 255, 255, 0.34);
	display: inline-block;
	padding: 10px;
	border-radius: 7px;
	box-shadow: 2px 2px 15px #C5C5C5;
	border: 1px solid #BEBEBE;
	margin: 1%;
	width: 29%;
	min-width:400px;
	box-sizing: border-box;
	}


.vente_central .vente_table_div
	{
	display: none;
	height: 200px;
	overflow-y: auto;
	padding: 0;
	margin: 0;
	}

.vente_central .vente_table td
	{
	font-size: 11px;
	padding-top:2px;
	padding-bottom:2px;
	color: #A4A4A4;
	text-align:center;
	}

.vente_central .vente_table_titre td
	{
	font-size: 12px;
	color: #000;
	border-top:1px solid #B8B8B8;
	border-bottom:1px solid #B8B8B8;
	padding-top:5px;
	padding-bottom:5px;
	background: #f5f5f5;
	margin-top:10px;
	}

.vente_table_detail:hover .vente_table_div
	{
	display: block;
	}

.vente_central .vente_table_total td:nth-child(2),
.vente_central .vente_table_total td:nth-child(3),
.vente_central .vente_table_total td:nth-child(4),
.vente_central .vente_table_total td:nth-child(5)
	{
	font-size: 14px;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #555;
	border: 5px solid #fff;
	}

.vente_central .vente_table td
	{
	background-color: #ffffff;
	color:#000;
	font-weight:200;
	font-size: 12px;
	text-align:center;
	padding-bottom: 5px;
	padding-top: 5px;
	}

.vente_central .vente_table {width:100%;}
.vente_central .vente_table_div table a:hover {color:#555;}

*.vente_table td:nth-child(1){width: 16%;}
.vente_table td:nth-child(2) {width: 16%;}
.vente_table td:nth-child(3) {width: 16%;}
.vente_table td:nth-child(4) {width: 16%;}
.vente_table td:nth-child(5) {width: 16%;}
.vente_table td:nth-child(6) {width: 16%;}

.vente_table td
	{
	text-align:right;
	}


.vente_central .vente_table_div table tr:nth-child(even)	{ background-color: #F2F2F2; }
.vente_central .vente_table_div table tr:nth-child(odd)		{ background-color: #fff;}

.vente_central .vente_table td:first-child(1) {color:#0B7D95;}

.vente_central h1
	{
	z-index: 20;
	color: var(--tzz-titre);
	font-size: 40px;
	font-weight: 200;
	letter-spacing: 1px;
	margin-bottom: 8px;
	position: relative;
	/* background: rgba(167, 167, 167, 0.54); */
	padding: 4px;
	font-family: Montserrat;
	font-weight: 200;
	letter-spacing: 0px;
	}

.vente_central h1 span
	{
	font-size: 12px;
	font-size: 12px;
	color: #00D3FF;
	}

.vente_recap
	{
	width: 230px;
	font-size: 14px;
	position: absolute;
	top: 23px;
	right: 10px;
	}

.vente_recap th
	{
	vertical-align: middle;
	width:50%;
	text-align:right;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;

	font-weight: 200;
	color: #AEAEAE;
	font-size: 12px;
	}

.vente_recap td
	{
	vertical-align: middle;
	width:50%;
	text-align:left;
	padding-top: 2px;
	padding-bottom: 2px;

	font-weight: 200;
	color: #000;
	font-size: 12px;
	}




/*    
//////////////////////////
//
// espace vente v2
//
////////////////////////:
*/


.zone_vente {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 20px;
	width: 100%;
	padding: 0;
	text-align: left;
}
.zone_vente::after {
	content: 'arrow_circle_right';
	position: absolute;
	top: calc(50vh - 40px);
	left: 0;right: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: var(--mdark);
	width: 40px;
	height: 40px;
	margin: auto;
	border-radius: 50%;
	color: #fff;
	font: 400 30px/1 'Material Icons';
	text-align: center;
	opacity: .42;
}
.zone_vente .zone-attente,
.zone_vente .zone-traitement {
	display: grid;
	/*grid-template-rows: 80px minmax(0, 1fr);*/
	grid-template-rows: auto minmax(0, 1fr);
	grid-gap: 5px;
	width: 100%;
	height: calc(100vh - 120px);
	max-width: 100%;
	margin: 0;
	padding: 20px;
	box-sizing: border-box;
}
.zone_vente .zone-titre>h2 {
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px 10px;
	box-sizing: border-box;
	color: var(--mdark);
	font: 400 21px/1 sans-serif;
}
.zone_vente .zone-titre>h2 {
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px 10px;
	box-sizing: border-box;
	color: var(--mdark);
	font: 400 21px/1 sans-serif;
}
.zone_vente .zone-titre .zone-types {
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}
.zone_vente .zone-titre .zone-types .lien-btn {
	padding: 10px;
	border-color: var(--mdark);
	color: var(--mdark);
}
.zone_vente .zone-titre .zone-types .lien-btn:hover,
.zone_vente .zone-titre .zone-types>label>input[type=radio]:checked + .lien-btn {
	background: var(--mdark);
	color: #fff;
}
.zone_vente .zone-titre .zone-types .lien-btn::after,
.zone_vente .liste-cmd>.liste-cmd_li.creer_avoir .lien-btn::after,
.zone_vente .liste-cmd>.liste-cmd_li.terminer .lien-btn::after {
	content: none;
}
.zone_vente .liste-cmd>.liste-cmd_li.creer_avoir .lien-btn,
.zone_vente .liste-cmd>.liste-cmd_li.terminer .lien-btn {
	padding: 10px 15px 10px 10px;
}
.zone_vente .liste-cmd>.liste-cmd_li.creer_avoir .lien-btn::before,
.zone_vente .liste-cmd>.liste-cmd_li.terminer .lien-btn::before {
	content: 'info';
	display: inline-block;
	margin: 0 10px 0 0;
	font-family: 'Material Icons Outlined';
	text-transform: none;
}
.zone_vente .liste-cmd>.liste-cmd_li.creer_avoir .lien-btn::before {
	content: 'receipt_long';
	font-family: 'Material Icons';
}

.zone_vente .zone-moteur {
	z-index: 11;
	position: sticky;
	top: 0;
	left: 0;right: 0;
	background: #fff;
	width: 100%;
	padding: 20px 10px;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 2px 4px 6px rgb(21 21 21 / .1);
}
.zone_vente .zone-attente .zone-moteur {
	background: none;
	box-shadow: none;
}
.zone_vente .zone-moteur .zone-tri {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	grid-gap: 5px 10px;
	align-items: start;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.zone_vente .zone-moteur .zone-tri.search {
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: stretch;
}
.zone_vente .zone-moteur .zone-tri + .zone-tri {
	margin: 5px auto 0;
}
.zone_vente .zone-moteur .zone-tri>.theme {
	margin: 0;
	padding: 5px;
	color: var(--mdark);
	font: 400 13px/1 sans-serif;
}
.zone_vente .zone-moteur .zone-tri>.moteur-tri {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 5px 10px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
}
.zone_vente .zone-moteur .zone-tri.mode>.moteur-tri {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.zone_vente .zone-moteur .zone-tri>.moteur-tri .lien-btn {
	padding: 5px 10px;
	font-size: 13px;
}
.zone_vente .zone-moteur .zone-tri.mode>.moteur-tri .lien-btn {
	display: block;
	width: 100%;
	padding: 5px 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.zone_vente .zone-moteur .zone-tri>.moteur-tri .lien-btn.active,
.zone_vente .zone-moteur .zone-tri.mode>.moteur-tri .lien-btn.active {
	background: var(--mdark);
	color: #fff;
}
.zone_vente .zone-moteur .zone-tri>.moteur-tri .lien-btn::after {
	content: none;
}
.zone_vente .zone-moteur .zone-tri.search input[type=text] {
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 10px 20px;
	border: 1px solid #222;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: none;
	color: #222;
	font: 400 15px/1.4 sans-serif;
}
.zone_vente .zone-moteur .zone-tri.search input::placeholder {
	color: #aaa;
}
.zone_vente .zone-moteur .zone-tri.search .btn-mi {
	align-self: center;
}

.zone_vente .zone-attente .zone-liste,
.zone_vente .zone-traitement .zone-liste .zone-nocmd,
.zone_vente .zone-traitement .zone-liste .zone-selection,
.zone_vente .zone-traitement .zone-liste .zone-params {
	position: relative;
	background: var(--mlite-d);
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 20px;
	border: 2px solid rgb(var(--rgb-md) / .6);
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 2px 2px 20px rgb(21 21 21 / 10%);
	overflow-y: auto;
}
.zone_vente .zone-liste .zone-grid {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	grid-gap: 20px;
	width: 100%;
	height: 100%;
}
.zone_vente .zone-liste .zone-nocmd,
.zone_vente .zone-liste .zone-selection {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.zone_vente .zone-liste .zone-nocmd>h3,
.zone_vente .zone-liste .zone-selection>h3 {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	color: var(--mdark);
	font: 400 17px/1.2 sans-serif;
	text-align: center;
	opacity: .6;
}
.zone_vente .zone-traitement .zone-liste .zone-nocmd>h3,
.zone_vente .zone-traitement .zone-liste .zone-selection>h3 {
	color: var(--mdeep-d);
	font: 400 21px/1.2 sans-serif;
}
.zone_vente .zone-traitement .zone-liste .zone-nocmd>h3>span,
.zone_vente .zone-traitement .zone-liste .zone-selection>h3>span {
	display: block;
	width: 100%;
	margin: 5px auto 0;
	color: var(--mdark);
	font: 400 17px/1.2 sans-serif;
}
.zone_vente .zone-liste .zone-nocmd>h3::before {
	content: 'shopping_basket';
	display: inline-block;
	margin: 0 auto 20px;
	color: var(--mdark);
	font: 400 91px/1 'Material Icons';
	text-align: center;
	opacity: .42;
}
.zone_vente .zone-traitement .zone-liste .zone-nocmd>h3::before,
.zone_vente .zone-traitement .zone-liste .zone-selection>h3::before {
	content: '';
	display: block;
	background: url(http://mon.jazimut.fr/editorial/icones/vente/zone_vente/apng/nocmd_traitement.apng) no-repeat center / contain;
	width: 120px;
	height: 120px;
}
.zone_vente .zone-traitement .zone-liste .zone-selection>h3::before {
	background-image: url(http://mon.jazimut.fr/editorial/icones/vente/zone_vente/apng/selection_traitement.apng);
}
.zone_vente .zone-liste-cmd {
	display: grid;
	grid-template-rows: repeat(3, auto);
	grid-gap: 20px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	overflow-y: auto;
}
.zone_vente .liste-cmd {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
}
.zone_vente .zone-liste-cmd>.liste-cmd {
	background: var(--mlite-d);
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 20px;
	border: 2px solid rgb(var(--rgb-md) / .6);
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 2px 2px 20px rgb(21 21 21 / 10%);
}
.zone_vente .liste-cmd>li:not(.entete, .no-cmd) {
	position: relative;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: 1px solid var(--mdark);
	border-radius: 20px;
	box-sizing: border-box;
	transition: .21s box-shadow linear;
}
.zone_vente .liste-cmd>li:not(.entete, .no-cmd) + li:not(.entete) {
	margin: 15px auto 0;
}
.zone_vente .liste-cmd>li:not(.entete, .no-cmd):hover {
	box-shadow: 2px 2px 10px rgb(0 0 0 / .21);
}
.zone_vente .liste-cmd>li.del {
	display: none;
}

.zone_vente .liste-cmd>.entete {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	grid-gap: 20px;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 0 0 20px;
}
.zone_vente .liste-cmd>.entete ~ .entete {
	padding: 20px 0;
}
.zone_vente .liste-cmd>.entete img {
	width: 100%;
}
.zone_vente .liste-cmd>.entete h3 {
	margin: 0;
	padding: 0 0 5px;
	color: var(--mdeep-d);
	font: 400 17px/1.2 sans-serif;
}
.zone_vente .liste-cmd>.entete h3>label {
	display: inline-block;
	background: #fff;
	width: auto;
	margin: 0 5px 0 0;
	padding: 5px 10px;
	border: 1px solid currentColor;
	border-radius: 20px;
	font-size: 13px;
}
.zone_vente .liste-cmd>.entete.ee1 h3>label {
	color: var(--step1)
}
.zone_vente .liste-cmd>.entete.ee2 h3>label {
	color: var(--step2)
}
.zone_vente .liste-cmd>.entete.ee3 h3>label {
	color: var(--step3)
}
.zone_vente .liste-cmd>.entete h3>span {
	display: block;
	margin: 0;
	padding: 0;
	color: var(--mdark);
	font: 400 13px/1.2 sans-serif;
}
.zone_vente .liste-cmd>.entete p {
	margin: 0;
	padding: 0;
	color: var(--mdark);
	font: 400 15px/1.2 sans-serif;
}
.zone_vente .liste-cmd>.no-cmd {
	width: 100%;
}
.zone_vente .liste-cmd>.no-cmd h4 {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	color: var(--mdark);
	font: 400 17px/1.2 sans-serif;
	text-align: center;
	opacity: .6;
}
.zone_vente .liste-cmd>.no-cmd h4::before {
	content: 'celebration';
	display: inline-block;
	width: auto;
	margin: 0 auto 10px;
	color: inherit;
	font: 400 51px/1 'Material Icons Outlined';
	text-align: center;
	text-decoration: none;
}
.zone_vente .zone-attente .liste-cmd::after,
.zone_vente .zone-traitement .zone-liste-cmd::after {
	content: '';
	display: block;
	width: 100%;
	height: 20px;
}

.zone_vente .zone-entete {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr);
	grid-gap: 20px;
	align-items: center;
	padding: 10px 20px;
	box-sizing: border-box;
	transition: .21s background linear;
	cursor: pointer;
}
.zone_vente .liste_cmd_attente .zone-entete {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	grid-gap: 20px;
	align-items: center;
	padding: 10px 20px;
	box-sizing: border-box;
	transition: .21s background linear;
	cursor: pointer;
}
.zone_vente .zone-entete:hover {
	background: var(--lite-d);
}
.zone_vente .zone-entete .btn-mi {
	opacity: .21;
}
.zone_vente .zone-entete .zone-info {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr) auto;
	grid-gap: 20px;
	align-items: center;
	color: var(--mdeep-d);
	font: 400 17px/1 sans-serif;
	text-align: right;
}
.zone_vente .zone-entete .zone-info>img {
	width: 40px;
}
.zone_vente .zone-entete .zone-info .info-sub {
	display: block;
	color: var(--mdark);
	font: 400 15px/1 sans-serif;
}
.zone_vente .zone-entete .zone-info .info-prix {
	font: 600 21px/1 sans-serif;
	text-align: center;
}
.zone_vente .zone-entete .zone-info .info-nom {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
}
.zone_vente .zone-entete .zone-info .info-nom>.btn-mi {
	margin: 0 0 0 5px;
}
.zone_vente .zone-entete .zone-info .info-nom>span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.zone_vente .liste-cmd>li:not(.entete):hover .zone-entete .btn-mi {
	opacity: initial;
}
.zone_vente .lien-btn {
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: var(--mlite-d);
	width: auto;
	margin: 0;
	padding: 10px 10px 10px 15px;
	border: 1px solid var(--mdeep-d);
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--mdeep-d);
	font: 400 14px/1 sans-serif;
	text-align: center;
	text-decoration: none;
	transition: .3s all linear;
	transition-property: background, color;
	cursor: pointer;
}
.zone_vente .zone-attente .zone-btn .lien-btn {
	background: var(--mdeep-d);
	color: #fff;
}
.zone_vente .lien-btn::after {
	content: 'trending_flat';
	display: inline-block;
	margin: 0 0 0 5px;
	font-family: 'Material Icons';
	text-transform: none;
}
.zone_vente .zone-attente .zone-btn .lien-btn::after {
	font-weight: 600;
	font-size: 19px;
}
.zone_vente .lien-btn:hover {
	background: var(--mdeep-d);
	color: #fff;
}
.zone_vente .zone-attente .zone-btn .lien-btn:hover {
	background: #fff;
	color: var(--mdeep-d);
}

.zone_vente .btn-mi {
	display: inline-block;
	width: auto;
	margin: 0;
	color: var(--mdeep-d);
	font: 400 20px/1 'Material Icons';
	text-decoration: none;
	transition: .21s color linear;
	cursor: pointer;
}
.zone_vente .btn-mi:hover {
	color: var(--mdark);
}
.zone_vente .btn-mi + .btn-mi {
	margin: 0 0 0 10px;
}
.zone_vente .btn-mi.o {
	font-family: 'Material Icons Outlined';
}
.zone_vente .btn-mi.ms {
	font-family: 'Material Symbols Outlined';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
.zone_vente .btn-mi.o.ms {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
.zone_vente .zone-entete .btn-mi {
	opacity: .21;
}
.zone_vente input[type=checkbox] ~ .zone-entete>.zone-more::before {
	content: 'expand_more';
	display: inline-block;
	width: auto;
	margin: 0;
	color: #111;
	font: 400 20px/1 'Material Icons';
	text-decoration: none;
	cursor: pointer;
}
.zone_vente input[type=checkbox] ~ .zone-actions {
	width: 100%;
	height: 0;
	overflow: hidden;
}
.zone_vente input[type=checkbox]:checked ~ .zone-entete>.zone-more::before {
	content: 'expand_less';
}
.zone_vente input[type=checkbox]:checked ~ .zone-actions {
	height: auto;
}

.zone_vente .zone-actions>div {
	position: relative;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding: 20px;
	border-top: 1px solid #eee;
	box-sizing: border-box;
}

.zone_vente .zone-actions .etapes-etat>.etat {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	width: 40px;
	text-align: center;
}
.zone_vente .zone-actions .etapes-etat>.etat.sip::before,
.zone_vente .zone-actions .etapes-etat>.etat.sip::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;right: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-style: solid;
	border-width: 0 20px 20px 20px;
	border-color: transparent transparent currentColor transparent;
	box-sizing: border-box;
}
.zone_vente .zone-actions .etapes-etat>.etat.sip::after {
	border-width: 0 18px 15px 18px;
	border-color: transparent transparent #fff transparent;
	transform: translateY(2.5px);
}
.zone_vente .zone-entete .zone-etat,
.zone_vente .zone-actions .etapes-etat>.etat>span {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border: 4px solid #eee;
	border-radius: 50%;
	box-sizing: border-box;
	color: #eee;
	font: 600 21px/1 sans-serif;
	text-align: center;
	cursor: default;
}
.zone_vente .zone-actions .etapes-etat>.etat>span[onclick] {
	cursor: pointer;
}
.zone_vente .zone-actions .etapes-etat>.etat>h3 {
	padding: 10px 0 30px;
	color: #eee;
}
.zone_vente .zone-entete .zone-etat.etat1,
.zone_vente .zone-actions .etapes-etat>.etat.etape1.sip>span,
.zone_vente .zone-actions .etapes-etat>.etat.etape1.end>span {
	border-color: var(--step1);
	color: var(--step1);
}
.zone_vente .zone-actions .etapes-etat>.etat.etape1.sip>h3,
.zone_vente .zone-actions .etapes-etat>.etat.etape1.end>h3,
.zone_vente .zone-actions .etapes-etat>.etat.etape1.sip::before {
	color: var(--step1);
}
.zone_vente .zone-entete .zone-etat.etat2,
.zone_vente .zone-actions .etapes-etat>.etat.etape2.sip>span,
.zone_vente .zone-actions .etapes-etat>.etat.etape2.end>span {
	border-color: var(--step2);
	color: var(--step2);
}
.zone_vente .zone-actions .etapes-etat>.etat.etape2.sip>h3,
.zone_vente .zone-actions .etapes-etat>.etat.etape2.end>h3,
.zone_vente .zone-actions .etapes-etat>.etat.etape2.sip::before  {
	color: var(--step2);
}
.zone_vente .zone-entete .zone-etat.etat3,
.zone_vente .zone-actions .etapes-etat>.etat.etape3.sip>span,
.zone_vente .zone-actions .etapes-etat>.etat.etape3.end>span {
	border-color: var(--step3);
	color: var(--step3);
}
.zone_vente .zone-actions .etapes-etat>.etat.etape3.sip>h3,
.zone_vente .zone-actions .etapes-etat>.etat.etape3.end>h3,
.zone_vente .zone-actions .etapes-etat>.etat.etape3.sip::before  {
	color: var(--step3);
}
.zone_vente .zone-actions .etapes-etat>.etat.end {
	opacity: .42;
}
.zone_vente .zone-actions .etapes-etat {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
}
.zone_vente .zone-actions .etapes-etat::before,
.zone_vente .zone-actions .etapes-etat::after {
	content: '';
	flex: 1;
	display: block;
	width: 100%;
}
.zone_vente .zone-actions .etapes-etat>.gap {
	flex: 1;
	background: #eee;
	width: 100%;
	height: 4px;
	margin: 20px 0 auto;
	transform: translateY(-50%);
}
.zone_vente .zone-actions .etapes-etat>.etape1.end + .gap,
.zone_vente .zone-actions .etapes-etat>.etape1.sip.detail + .gap {
	background: linear-gradient(to right, var(--step1), var(--step2));
}
.zone_vente .zone-actions .etapes-etat>.etape2.end:not(.curr) + .gap,
.zone_vente .zone-actions .etapes-etat>.etape2.sip.detail + .gap {
	background: linear-gradient(to right, var(--step2), var(--step3));
}

.zone_vente .zone-actions h3 {
	margin: 0;
	padding: 0 0 10px;
	box-sizing: border-box;
	color: var(--mdeep-d);
	font: 600 15px/1 sans-serif;
	text-align: left;
	text-transform: uppercase;
}
.zone_vente .zone-actions .etape-info {
	padding: 20px;
	border: 2px solid #eee;
	border-radius: 20px;
	box-sizing: border-box;
}
.zone_vente .zone-actions .etape-info.etape1 {
	border-color: var(--step1);
}
.zone_vente .zone-actions .etape-info.etape2 {
	border-color: var(--step2);
}
.zone_vente .zone-actions .etape-info.etape3 {
	border-color: var(--step3);
}
.zone_vente .zone-actions .etape-info select,
.zone_vente .zone-actions .etape-info input {
	display: inline-block;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 10px 20px;
	border: 1px solid var(--mdark);
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: none;
	color: var(--mdeep-d);
	font: 400 17px/1 sans-serif;
}
.zone_vente .zone-actions .etape-info select {
	cursor: pointer;
}
.zone_vente .zone-actions .etape-info select + input,
.zone_vente .zone-actions .etape-info input + input {
	margin: 10px auto 0;
}

.zone_vente .zone-actions .etape-info.etape1 .zone-contenu {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-gap: 0 20px;
	align-items: center;
}
.zone_vente .zone-actions .etape-info.etape1 .zone-contenu>h3 {
	padding: 0;
}
.zone_vente .zone-actions .etape-info.etape1 .zone-contenu input {
	width: auto;
	font-size: 15px;
}
.zone_vente .zone-actions .etape-info .zone-prods {
	grid-column: 1 / -1;
	width: 100%;
}
.zone_vente .zone-actions .etape-info .liste-prods {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 20px 40px;
	width: 100%;
	margin: 0 auto 20px;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	list-style: none;
}
.zone_vente .zone-actions .etape-info .liste-prods>li {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr) auto;
	grid-gap: 10px;
	align-items: center;
}
.zone_vente .zone-actions .etape-info .liste-prods .zone-img {
	position: relative;
	display: block;
	background: url(http://mon.jazimut.fr/editorial/icones/img_default.jpg) no-repeat center / contain;
	width: 100%;
	padding: 100% 0 0;
	border-radius: 20px;
	box-sizing: border-box;
	overflow: hidden;
}
.zone_vente .zone-actions .etape-info .liste-prods .zone-img>img {
	z-index: 1;
	position: absolute;
	top: 0;bottom: 0;
	left: 0;right: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	object-fit: cover;
}
.zone_vente .zone-actions .etape-info .liste-prods .zone-img::after {
	content: 'search';
	z-index: 11;
	position: absolute;
	top: 0;bottom: 0;
	left: 0;right: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: rgb(255 188 66 / .6);
	width: 100%;
	height: 100%;
	margin: auto;
	color: #fff;
	font: 400 10px/1 'Material Icons';
	opacity: 0;
	transition: .21s all linear;
	transition-property: font-size, opacity;
}
.zone_vente .zone-actions .etape-info .liste-prods .zone-img:hover::after {
	font-size: 30px;
	opacity: initial;
}

.zone_vente .zone-actions .etape-info .liste-prods .zone-nfo {
	width: 100%;
}
.zone_vente .zone-actions .etape-info .liste-prods .zone-nfo h6 {
	color: var(--mdeep-d);
	font: 400 15px/1 sans-serif;
	text-align: left;
}
.zone_vente .zone-actions .etape-info .liste-prods .zone-nfo>.btn-mi {
	margin: 5px 0 0;
}
.zone_vente .zone-actions .etape-info .liste-prods .zone-loc {
	width: 100%;
	margin: 0 auto;
	padding: 5px 0;
	box-sizing: border-box;
	list-style: none;
	color: #424242;
	font: 400 11px/1.4 sans-serif;
}
.zone_vente .zone-actions .etape-info .liste-prods .zone-loc>li {
	color: inherit;
	font: inherit;
}
.zone_vente .zone-actions .etape-info .liste-prods .zone-loc>li>span {
	font-weight: 600;
}
.zone_vente .zone-actions .etape-info .liste-prods .zone-qte {
	display: inline-flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: var(--step1);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-sizing: border-box;
	color: #fff;
	font: 400 18px/1 sans-serif;
}

.zone_vente .zone-actions .etape-info .zone-envoi .zone-infos {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 20px;
	width: 100%;
}
.zone_vente .zone-actions .etape-info .zone-envoi .zone-infos::after {
	content: '';
	position: absolute;
	top: 0;bottom: 0;
	left: 0;right: 0;
	display: block;
	background: #eee;
	width: 1px;
	height: 100%;
	margin: auto;
}
.zone_vente .zone-actions .etape-info .zone-envoi .zone-infos>div {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}
.zone_vente .zone-actions .etape-info .zone-envoi .zone-infos>.zone-cont>* {
	width: 100%;
}
.zone_vente .zone-actions .etape-info .zone-envoi .zone-infos>.zone-cont h4 {
	margin: 0;
	padding: 0 0 10px;
	box-sizing: border-box;
	color: var(--mdeep-d);
	font: 600 15px/1 sans-serif;
	text-align: left;
}
.zone_vente .zone-actions .etape-info .zone-envoi .zone-infos>.zone-cont h4 ~ h4 {
	padding: 10px 0;
}
.zone_vente .zone-actions .etape-info .zone-envoi .zone-infos>.zone-cont ul {
	margin: 0;
	padding: 0 0 0 30px;
	box-sizing: border-box;
	list-style: none;
	color: var(--mdeep-d);
	font: 400 13px/1.2 sans-serif;
	text-align: left;
}
.zone_vente .zone-actions .etape-info .zone-envoi .zone-infos>.zone-cont ul>li {
	color: inherit;
	font: inherit;
}

.zone_vente .zone-actions .etape-info .zone-docs {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 20px 60px;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}
.zone_vente .zone-actions .etape-info .zone-docs>.lien-btn {
	width: 100%;
}
.zone_vente .zone-actions .etape-info .zone-docs.solo {
	padding: 0 20px 40px;
}
.zone_vente .zone-actions .etape-info .zone-docs.solo>.lien-btn {
	grid-column: 2 / -1;
}

.zone_vente .zone-actions .etape-info .liste-notifs {
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
	list-style: none;
}
.zone_vente .zone-actions .etape-info .liste-notifs>li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-gap: 10px;
	align-items: center;
	width: 100%;
}
.zone_vente .zone-actions .etape-info .zone-btn-mail {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-gap: 10px 20px;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 5px 10px;
	box-sizing: border-box;
	text-decoration: none;
	transition: .21s background linear;
}
.zone_vente .zone-actions .etape-info .zone-btn-mail:hover {
	background: var(--mlite-d);
}
.zone_vente .zone-actions .etape-info .zone-btn-mail + .zone-btn-mail {
	margin: 0 auto;
}
.zone_vente .zone-actions .etape-info .zone-btn-mail>h5 {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
	color: var(--mdeep-d);
	font: 400 17px/1 sans-serif;
	text-align: left;
}
.zone_vente .zone-actions .etape-info .zone-btn-mail>h5 .pse-mi {
	display: inline-block;
	margin: 0 10px 0 0;
	color: inherit;
	font: 400 20px/1 'Material Icons Outlined';
	text-decoration: none;
}
.zone_vente .zone-actions .etape-info .zone-btn-mail .zone-btn {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 10px 20px;
	justify-content: center;
	align-items: center;
}
.zone_vente .zone-actions .etape-info .zone-btn-mail .zone-btn .lien-btn {
	margin: 0;
	font: 400 15px/1 sans-serif;
}
.zone_vente .zone-actions .etape-info .zone-btn-mail .picto-mi,
.zone_vente .zone-actions .etape-info .liste-notifs .btn-mi {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: #eee;
	width: 30px;
	height: 30px;
	margin: 0;
	border-radius: 50%;
	color: #fff;
	font: 400 21px/1 'Material Icons Outlined';
	text-align: center;
	text-decoration: none;
	transition: .3s background linear;
}
.zone_vente .zone-actions .etape-info.etape1 .zone-btn-mail:hover .picto-mi,
.zone_vente .zone-actions .etape-info.etape1 .liste-notifs .btn-mi:hover {
	background: var(--step1);
}
.zone_vente .zone-actions .etape-info.etape2 .zone-btn-mail:hover .picto-mi,
.zone_vente .zone-actions .etape-info.etape2 .liste-notifs .btn-mi:hover {
	background: var(--step2);
}
.zone_vente .zone-actions .etape-info.etape3 .zone-btn-mail:hover .picto-mi,
.zone_vente .zone-actions .etape-info.etape3 .liste-notifs .btn-mi:hover {
	background: var(--step3);
}

.zone_vente .zone-actions .etape-info .zone-mails {
	position: relative;
	width: 100%;
	padding: 20px 30px 0;
	box-sizing: border-box;
	text-align: right;
}
.zone_vente .zone-actions .etape-info .zone-mails>.lien-btn {
	padding: 10px;
	border-color: var(--mdark);
	color: var(--mdark);
	font-size: 15px;
}
.zone_vente .zone-actions .etape-info .zone-mails>.lien-btn::after {
	content: none;
}
.zone_vente .zone-actions .etape-info .zone-mails>.lien-btn:hover {
	background: var(--mdark);
	color: #fff;
}
.zone_vente .zone-actions .etape-info .zone-mails>.liste-mails {
	position: relative;
	display: none;
	width: 100%;
	padding: 40px 20px 20px;
	border: 1px solid var(--mdark);
	border-radius: 20px;
	box-sizing: border-box;
	text-align: left;
}
.zone_vente .zone-actions .etape-info .zone-mails>.liste-mails>ul {
	max-height: 140px;
	padding: 0 20px;
	list-style: none;
	font: 400 15px/1 sans-serif;
	overflow-y: auto;
}
.zone_vente .zone-actions .etape-info .zone-mails>.liste-mails>ul>li {
	font: inherit;
}
.zone_vente .zone-actions .etape-info .zone-mails>.liste-mails>ul>li + li {
	margin: 10px 0 0;
}
.zone_vente .zone-actions .etape-info .zone-mails>.liste-mails>ul>li>a {
	color: var(--mdark);
	font: inherit;
	text-decoration: none;
	transition: .21s color linear;
}
.zone_vente .zone-actions .etape-info .zone-mails>.liste-mails>ul>li>a>span {
	font-style: italic;
	font-size: 13px;
}
.zone_vente .zone-actions .etape-info .zone-mails>.liste-mails>ul>li>a:hover {
	color: var(--mdeep-d);
}
.zone_vente .zone-actions .etape-info .zone-mails.aff-liste>.lien-btn {
	display: none;
}
.zone_vente .zone-actions .etape-info .zone-mails.aff-liste>.liste-mails {
	display: block;
}

.zone_vente .zone-actions .etape-confirm {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-gap: 10px 40px;
	align-items: center;
	margin: 20px auto 0;
	padding: 20px 0 0;
	border-top: 1px solid #eee;
	box-sizing: border-box;
}
.zone_vente .zone-actions .etape-confirm p {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	color: var(--mdark);
	font: 400 15px/1.4 sans-serif;
}
.zone_vente .zone-actions .etape-confirm p>span {
	display: block;
}
.zone_vente .zone-actions.etape1 .etape-confirm .lien-btn {
	background: var(--step1);
	border-color: var(--step1);
	color: #fff;
}
.zone_vente .zone-actions.etape1 .etape-confirm .lien-btn:hover {
	background: #fff;
	color: var(--step1);
}
.zone_vente .zone-actions.etape2 .etape-confirm .lien-btn {
	background: var(--step2);
	border-color: var(--step2);
	color: #fff;
}
.zone_vente .zone-actions.etape2 .etape-confirm .lien-btn:hover {
	background: #fff;
	color: var(--step2);
}
.zone_vente .zone-actions.etape3 .etape-confirm .lien-btn {
	background: var(--step3);
	border-color: var(--step3);
	color: #fff;
}
.zone_vente .zone-actions.etape3 .etape-confirm .lien-btn:hover {
	background: #fff;
	color: var(--step3);
}

.zone_vente .pop-mail {
	z-index: 21;
	position: absolute;
	top: 0;bottom: 0;
	left: 0;right: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
	background: rgb(255 255 255 / .6);
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 60px 80px;
	box-sizing: border-box;
}
.zone_vente .pop-mail>form {
	position: sticky;
	top: 180px;
	left: 0;right: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
	background: #fff;
	width: 100%;
	max-width: 740px;
	margin: 0;
	padding: 60px 60px 40px;
	border: 1px solid #eee;
	border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 2px 2px 10px rgb(0 0 0 / .21);
}
.zone_vente .zone-mails .close,
.zone_vente .pop-mail>form .close{
	position: absolute;
	top: 10px;
	right: 10px;
	color: rgb(var(--rgb-md) / .21);
	font-size: 30px;
	transition: .21s color linear;
}
.zone_vente .zone-mails .close:hover,
.zone_vente .pop-mail>form .close:hover {
	color: #f35353;
}
.zone_vente .pop-mail>form .zone-aide {
	position: absolute;
	top: 10px;
	right: 45px;
	width: auto;
}
.zone_vente .pop-mail>form .zone-aide .aide {
	z-index: 11;
	position: relative;
	color: var(--mdark);
	font-size: 30px;
	cursor: help;
}
.zone_vente .pop-mail>form .zone-aide .aide:hover {
	color: var(--mdeep-d);
}
.zone_vente .pop-mail>form .zone-aide .aide-content {
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	width: 320px;
	margin: 0 auto;
	padding: 15px 15px 0 0;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	transform-origin: top right;
	transform: scale(0);
	transition: .3s all linear;
	transition-property: opacity, visibility, transform;
}
.zone_vente .pop-mail>form .zone-aide .aide:hover + .aide-content {
	opacity: initial;
	visibility: initial;
	transform: initial;
}
.zone_vente .pop-mail>form .zone-aide .aide-content>div {
	background: var(--mlite-d);
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	border-radius: 20px 0 20px 20px;
	box-sizing: border-box;
	box-shadow: -2px 4px 6px rgb(0 0 0 / 10%);
}
.zone_vente .pop-mail>form .zone-aide .aide-content>div p,
.zone_vente .pop-mail>form .zone-aide .aide-content>div ul {
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	color: var(--mdark);
	font: 400 15px/1.4 sans-serif;
	text-align: left;
}
.zone_vente .pop-mail>form .zone-aide .aide-content>div ul {
	padding: 10px 0 0 30px;
}
.zone_vente .pop-mail>form p {
	width: 100%;
	margin: 0 auto;
	padding: 0 10px 5px;
	color: #222;
	font: 400 15px/1.4 sans-serif;
	text-align: left;
}
.zone_vente .pop-mail>form label,
.zone_vente .pop-mail>form .lab_style {
	position: relative;
	width: 100%;
	margin: 5px auto 0;
}
.zone_vente .pop-mail>form .lab_style {
	padding: 0;
	opacity: .6;
}
.zone_vente .pop-mail>form label>span,
.zone_vente .pop-mail>form .lab_style>span:not(.inp_style) {
	position: absolute;
	top: 0;left: 0;
	display: inline-block;
	background: #fff;
	width: auto;
	margin: 0 auto;
	padding: 5px;
	color: #222;
	font: 400 13px/1.4 sans-serif;
	transform: translate(10px, -50%);
}
.zone_vente .pop-mail>form input[type=text],
.zone_vente .pop-mail>form textarea,
.zone_vente .pop-mail>form .inp_style {
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 15px 20px 10px;
	border: 1px solid #222;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: none;
	color: #222;
	font: 400 15px/1.4 sans-serif;
}
.zone_vente .pop-mail>form .inp_style {
	display: block;
}
.zone_vente .pop-mail>form .inp_style>span {
	display: block;
	width: 100%;
	font: italic 400 13px/1.4 sans-serif;
}
.zone_vente .pop-mail>form textarea {
	height: 210px;
	padding: 20px;
}
.zone_vente .pop-mail>form .zone-valid {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: center;
	grid-gap: 10px;
	width: 100%;
}
.zone_vente .pop-mail>form .zone-preview {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: stretch;
	grid-gap: 10px;
	width: 100%;
}
.zone_vente .pop-mail>form .zone-preview>input {
	width: auto;
	margin: 0;
	padding: 10px 20px;
}
.zone_vente .pop-mail>form .lien-btn {
	align-self: flex-end;
	padding: 0 10px 0 15px;
	line-height: 1.4;
}
.zone_vente .pop-mail>form .lien-btn::after {
	content: none;
	background: url(http://mon.jazimut.fr/editorial/icones/vente/zone_vente/mail_envoi.png) no-repeat center / contain;
	width: 40px;
	height: 40px;
}
.zone_vente .pop-mail>form .lien-btn>img {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 0 0 5px;
	object-fit: contain;
}

.zone_vente .zone-params h3 {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 10px;
	box-sizing: border-box;
	color: var(--mdeep-d);
	font: 400 21px/1 sans-serif;
}
.zone_vente .zone-params>div {
	width: 100%;
	margin: 0 auto;
	padding: 10px 20px;
	box-sizing: border-box;
}
.zone_vente .zone-params h4 {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 10px;
	box-sizing: border-box;
	color: var(--mdark);
	font: 400 17px/1 sans-serif;
}
.zone_vente .zone-params .return {
	position: absolute;
	top: 0;right: 0;
	background: rgb(var(--rgb-md) / .1);
	padding: 10px;
	border-radius: 0 0 0 10px;
	box-sizing: border-box;
	transition: .21s all linear;
	transition-property: background, color;
}
.zone_vente .zone-params .return:hover {
	background: #f35353;
	color: #fff;
}
.zone_vente .zone-params .liste-btn {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 20px;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 30px;
	box-sizing: border-box;
	list-style: none;
}
.zone_vente .zone-params .liste-btn>li {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}
.zone_vente .zone-params .liste-btn .lien-btn {
	width: 100%;
	padding: 10px;
}
.zone_vente .zone-params .liste-btn .lien-btn.edit::after {
	content: 'edit_note';
	margin: 0 0 0 10px;
}
.zone_vente .zone-params .liste-btn>li>p {
	width: 100%;
	margin: 0 auto auto;
	padding: 0 0 10px;
	color: var(--mdark);
	font: 400 13px/1.2 sans-serif;
}

.zone_vente vente-loadr {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
}
.zone_vente vente-loadr::before,
.zone_vente vente-loadr>span,
.zone_vente vente-loadr::after {
	position: absolute;
	top: 0;bottom: 0;
	left: 0;right: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: auto;
	border: 4px solid var(--mdeep-d);
	border-color: var(--mdeep-d) transparent transparent transparent;
	border-radius: 50%;
	box-sizing: border-box;
	animation: ldr-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.zone_vente vente-loadr::before {
	content: '';
	animation-delay: -0.45s;
}
.zone_vente vente-loadr>span {
	animation-delay: -0.3s;
}
.zone_vente vente-loadr::after {
	content: '';
	animation-delay: -0.15s;
}
@keyframes ldr-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.zone_vente .zone-info-dev {
	position: fixed;
	bottom: 40px;
	left: 110px;
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	grid-gap: 20px;
	align-items: center;
	background: #fff;
	width: auto;
	max-width: 520px;
	margin: 0;
	padding: 30px 60px 30px 20px;
	border: 1px solid #eee;
	border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 2px 2px 10px rgb(0 0 0 / .21);
}
.zone_vente .zone-info-dev>img,
.zone_vente .zone-info-dev>div {
	width: 100%;
}
.zone_vente .zone-info-dev h3 {
	margin: 0;
	padding: 0 0 10px;
	color: var(--mdeep-d);
	font: 400 21px/1.2 sans-serif;
}
.zone_vente .zone-info-dev p {
	margin: 0;
	padding: 0;
	color: var(--mdark);
	font: 400 15px/1.2 sans-serif;
}
.zone_vente .zone-info-dev .close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: rgb(var(--rgb-md) / .21);
	font-size: 30px;
	transition: .21s color linear;
}
.zone_vente .zone-info-dev .close:hover {
	color: #f35353;
}




/*    
//////////////////////////
//
// Data struct
//
////////////////////////:
*/

.DSzone {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 40px;
	box-sizing: border-box;
}
.DSzone .btn-close {
	z-index: 999;
	position: fixed;
	top: 20px;right: 20px;
	text-decoration: none;
}
.DSzone .btn-close::after {
	content: 'close';
	background: #fff;
	padding: 5px;
	border-radius: 50%;
	box-sizing: border-box;
	color: var(--mdeep-d);
	font: 400 20px/1 'Material Icons';
	text-transform: none;
	transition: .3s all linear;
	transition-property: background, color;
}
.DSzone .btn-close:hover::after {
	background: #c92b47;
	color: #fff;
}
.DSzone>div {
	background: var(--mlite-d);
	width: 100%;
	height: 80vh;
	max-width: 880px;
	margin: 0 auto;
	padding: 40px;
	border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 2px 4px 6px rgb(0 0 0 / .21);
	overflow-y: auto;
}
.DSzone .zone-select,
.DSzone .DScadre {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	grid-gap: 10px 20px;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}
.DSzone .zone-select {
	grid-template-columns: repeat(2,minmax(0, 1fr));
	grid-gap: 5px 10px;
	margin: 0 auto;
	padding: 0 0 20px;
}
.DSzone .zone-select>div {
	grid-column: 1 / -1;
	display: flex;
	flex-flow: row nowrap;
	justify-content: end;
	align-items: center;
	gap: 20px;
	text-align: right;
}
.DSzone .zone-select>div>a {
	display: inline-block;
	margin: 0;
	color: var(--mdark);
	font: 600 14px sans-serif;
	transition: .21s color linear;
}
.DSzone .zone-select>div>a:hover {
	color: var(--mdeep-d);
}
.DSzone .DSentete {
	padding: 20px 0 40px;
	border-top: 1px solid var(--mdark);
	box-sizing: border-box;
	text-align: left;
}
.DSzone .DSentete h1 {
	padding: 0 0 10px;
	color: var(--mdeep-d);
	font: 600 31px sans-serif;
}
.DSzone .DSentete p {
	width: 100%;
	max-width: 420px;
	padding: 0;
	margin: 0;
	color: #424242;
	font: 400 15px sans-serif;
}
.DSzone .DScadre {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr);
	align-items: start;
	background: #fff;
	padding: 20px;
}
.DSzone .DScadre .DSchamps {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	grid-gap: 10px 20px;
}
.DSzone .DScadre + .DScadre,
.DSzone .DScadre.full>.zone-subform .DScadre + .DScadre{
	margin: 10px auto 0;
}
.DSzone .zone-select h2 {
	width: 100%;
	padding: 10px 0;
	color: var(--mdeep-d);
	font: 400 25px/1 sans-serif;
	text-align: left;
}
.DSzone .mef-select {
	position: relative;
	width: 100%;
	text-align: left;
}
.DSzone select,
.DSzone input[type=text],
.DSzone input[type=number],
.DSzone textarea,
.DSzone .mef-select>.zone-value {
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 10px 20px;
	border: 1px solid var(--mdark);
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: none;
	color: var(--mdeep-d);
	font: 400 21px sans-serif;
}
.DSzone input[type=text]::placeholder,
.DSzone input[type=number]::placeholder,
.DSzone textarea::placeholder {
	color: #aaa;
}
.DSzone .mef-select>.zone-value {
	cursor: pointer;
}
.DSzone select:focus,
.DSzone input[type=text]:focus,
.DSzone input[type=number]:focus,
.DSzone textarea:focus {
	border-left: 4px solid var(--mdark);
	box-shadow: none;
	color: var(--mdeep-d);
}
.DSzone .mef-select.open>.zone-value {
	border-radius: 10px 10px 0 0;
}
.DSzone select:hover,
.DSzone input[type=text]:hover,
.DSzone input[type=number]:hover,
.DSzone textarea:hover {
	box-shadow: none;
	color: var(--mdeep-d);
}
.DSzone .DScadre select,
.DSzone .DScadre input[type=text],
.DSzone .DScadre input[type=number],
.DSzone .DScadre textarea,
.DSzone .mef-select>.zone-value {
	padding: 10px;
	font-size: 17px;
}
.DSzone .mef-select>.zone-radio {
	z-index: 99;
	position: absolute;
	top: 100%;
	left: 0;right: 0;
	display: none;
	background: #fff;
	width: 100%;
	max-height: 210px;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid var(--mdark);
	border-radius: 0 0 10px 10px;
	box-sizing: border-box;
	box-shadow: 2px 4px 6px rgb(0 0 0 / .21);
	overflow-y: auto;
}
.DSzone .mef-select.open>.zone-radio {
	display: block;
}
.DSzone .mef-select>.zone-radio input {
	display: none;
}
.DSzone .mef-select>.zone-radio label {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
	color: var(--mdeep-d);
	font: 400 17px sans-serif;
	transition: .3s all linear;
	transition-property: background, color;
	cursor: pointer;
}
.DSzone .mef-select>.zone-radio label:hover {
	background: var(--mdark);
	color: #fff;
}
.DSzone .mef-select>.zone-radio label>span {
	font-size: 13px;
}
.DSzone .mef-select>.zone-radio input:checked + label {
	font-weight: 800;
}
.DSzone .DScadre.full>.inp-opt {
	display: none;
}
.DSzone .DScadre.full>.DSinfo,
.DSzone .DScadre.full>.zone-subform {
	grid-column: 1 / -1;
}
.DSzone .DScadre.full>label.DSinfo {
	position: relative;
	padding: 0 40px 0 0;
	box-sizing: border-box;
	cursor: pointer;
}
.DSzone .DScadre.full>label.DSinfo::after {
	content: 'expand_more';
	position: absolute;
	top: 0;bottom: 0;
	right: 0;
	margin: auto;
	padding: 5px;
	box-sizing: border-box;
	color: var(--mdark);
	font: 400 30px/1 'Material Icons';
}
.DSzone .DScadre.full>.inp-opt:checked + label.DSinfo::after {
	content: 'expand_less';
	color: var(--mdeep-d);
}
.DSzone .DScadre.full>.zone-subform {
	display: none;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
}
.DSzone .DScadre.full>.inp-opt:checked ~ .zone-subform {
	display: grid;
}
.DSzone .DScadre>.DSinfo {
	text-align: left;
}
.DSzone .DScadre>.DSinfo h3 {
	padding: 10px 0;
	color: var(--mdeep-d);
	font: 400 21px/1 sans-serif;
}
.DSzone .DScadre .DSdesc {
	grid-column: 1 / -1;
	width: 100%;
	text-align: left;
}
.DSzone .DScadre .DSdesc>p {
	padding: 0;
	margin: 0;
	color: var(--mdeep-d);
	font: 400 13px/1.4 sans-serif;
}
.DSzone .DScadre .DSdesc>p + p {
	padding: 5px 0 0;
}
.DSzone .DScadre .DSdesc>.note {
	color: var(--mdark);
	font-style: italic;
}
.DSzone .DScadre.full>.DScadre,
.DSzone .DScadre.full>.zone-subform>.DScadre {
	grid-column: 1 / -1;
	background: var(--mlite-d);
	margin: 0 auto;
}
.DSzone .DScadre>.DScadre h3 {
	font-size: 17px;
}
.DSzone .DScadre>.DScadre>.DScadre {
	grid-column: 1 / -1;
	background: #fff;
	width: calc(100% - 40px);
	margin: 0 0 0 auto;
	padding: 10px 20px;
}
.DSzone .DScadre>.DScadre>.DScadre h3 {
	font-weight: 400;
	font-size: 15px;
}

/*    
//////////////////////////
//
// traduction
//
////////////////////////:
*/

.traduction_central
	{
	text-align:left;
	}

.traduction_central .traduction_bloc
	{
	background-color: #fff;
	display: inline-block;
	padding: 10px;
	border-radius: 7px;
	box-shadow: 2px 2px 15px #C5C5C5;
	border: 1px solid #BEBEBE;
	margin: 25px;
	width: 430px;
	transition: all 0.3s;
	opacity:0.5;
	}


.traduction_central .traduction_bloc:hover { opacity:1; }


.traduction_central h1
	{
	color: #ffffff;
	font-size: 17px;
	font-weight: 200;
	margin-top: 25px;
	background: var(--tzz-bt-bg);
	width: 150px;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	margin-left: 8px;
	}

.traduction_bloc h2 span
	{
	width: 30px;
	height: 30px;
	color: #fff;
	background: #d4d4d4;
	font-size: 20px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	line-height: 28px;
	margin-right: 5px;
	}

.traduction_bloc:hover h2 span { background: var(--tzz-bt-bg); }

.traduction_bloc h2
	{
	font-size: 14px;
	color: #086b7f;
	width: 100%;
	text-align: left;
	padding: 0;
	font-weight: 200;
	margin: 0;
 	}

.traduction_bloc h3
	{
	font-size: 14px;
	color: #bbbbbb;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
	margin-top: 15px;
	font-weight: 200;
	margin-bottom: 5px;
 	}
.traduction_bloc input[type=text]
	{
	width: 100%;
	border: none;
	font-size: 20px;
	padding: 10px;
	border-bottom: 1px solid #C2C2C2;
	}

.traduction_bloc textarea
	{
	width: 100%;
	height: 200px;
	border-radius: 3px;
	border:none;
	}











/*    
//////////////////////////
//
// meta
//
////////////////////////:
*/

.meta_central
	{
	text-align:left;
	}

.meta_central .meta_bloc
	{
	background-color: #fff;
	display: inline-block;
	padding: 10px;
	border-radius: 7px;
	box-shadow: 2px 2px 15px #C5C5C5;
	border: 1px solid #BEBEBE;
	margin: 1%;
	width: 21.3%;
	transition: all 0.3s;
	position: relative;
	opacity: 0.5;
	box-sizing: border-box;
	}

.meta_central .meta_bloc:hover { opacity:1; }

.meta_central h1
	{
	color: #ffffff;
	font-size: 17px;
	font-weight: 200;
	margin-top: 25px;
	background: var(--tzz-bt-bg);
	width: 150px;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	margin-left: 8px;
	}

.meta_bloc h2 span
	{
	width: 30px;
	height: 30px;
	color: #fff;
	background: #424242;
	font-size: 16px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	line-height: 32px;
	margin-right: 5px;
	}

.meta_bloc:hover h2 span { background: var(--tzz-bt-bg); }

.meta_bloc h2
	{
	font-size: 14px;
	color: #086b7f;
	width: 100%;
	text-align: left;
	padding: 0;
	font-weight: 200;
	margin: 0;
 	}

.meta_bloc h3
	{
	font-size: 14px;
	color: #bbbbbb;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
	margin-top: 15px;
	font-weight: 200;
	margin-bottom: 5px;
 	}

.meta_bloc input[type=text]
	{
	width: 100%;
	border: none;
	font-size: 14px;
	padding: 5px;
	border-bottom: 1px solid #C2C2C2;
	}

.meta_bloc textarea
	{
	width: 100%;
	height: 150px;
	border-radius: 3px;
	border:none;
	border-bottom: 1px solid #C2C2C2;
	}

.meta_bloc select
	{
	border: none;
	font-size: 14px;
	padding: 5px;
	border-bottom: 1px solid #C2C2C2;
	background: none;
	}

.meta_bloc .adresse_parent
	{
	width: 50%;
	font-size: 15px;
	color: #000;
	}

.adresse_feuille
	{
	width:100%;
	color: #0b6f84;
	}

.meta_bloc .adresse
	{
	width: 100%;
	font-size: 20px;
	color: #790404;
	height: 80px;
	}

.meta_bloc ._g1-3
	{
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	grid-gap: 5px;
	align-items: center;
	width: 100%;
	}

.meta_bloc .meta_liens
	{
	position: absolute;
	top: 10px;right: 10px;
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
	gap: 5px;
	width: auto;
	opacity: 0;
	}
.meta_bloc a
	{
	position: absolute;
	top: 10px;right: 10px;
	opacity:0;
	background: #fff;
	border: 1px solid #d6d6d6;
	padding: 5px;
	border-radius: 5px;
	text-decoration: none;
	color: #555;
	display: inline-block; 
	}

.meta_bloc .meta_liens>a {
	position: initial;
	inset: auto;
	opacity: 1;
	}

.meta_bloc:hover a { opacity:1; }
.meta_bloc:hover .meta_liens { opacity:1; }


.meta_bloc a:hover { background: #f5f5f5; }


.meta_bloc_nc,
.meta_bloc_ko,
.meta_bloc_mid,
.meta_bloc_ok
	{
	font-size: 10px;
	font-weight: 200;
	border-radius: 5px;
	padding: 3px;
	padding-right: 7px;
	padding-left: 7px;
	/* line-height: 19px; */
	text-align: center;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	opacity:0.2;
	}

.meta_bloc_nc	{ display:none; }
.meta_bloc_ko	{ background: #ff0000; }
.meta_bloc_mid	{ background: #ec8c09; }
.meta_bloc_ok	{ background: #b1ca07; }


.meta_bloc:hover .meta_bloc_nc,
.meta_bloc:hover .meta_bloc_ko,
.meta_bloc:hover .meta_bloc_mid,
.meta_bloc:hover .meta_bloc_ok
	{
	opacity:1;
	}


/*
//////////////////////////
//
// list_class_v2
//
////////////////////////:
*/

.cssv2_media>div
	{
	display:inline-block;
	width:47.5%;
	margin-top: 10px;
	}
.cssv2_media>div>label
	{
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
	}
.cssv2_media>div>label>span
	{
	width: 90px;
	}
.cssv2_media>div>label>input
	{
	max-width:75px;
	margin: 0 auto;
	text-align:center;
	}

#list_class_v2
	{
	}

#list_class_v2 >div
	{
	clear: both;	
	border-bottom: 1px solid #000;
	clear: both;
	padding-bottom: 30px;
	margin-bottom: 18px;
	position:relative;
	}

#list_class_v2 .del
	{
	position: absolute;
	right: 5px;
	top: -10px;
	display: block;
	width: 15px;
	height: 15px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #C6C6C6;
	color:#555;
	text-indent: 5px;
	opacity: 0.3;
	}
#list_class_v2 .del:hover
	{
	background-color: #ff0000;
	color:#fff;
	opacity: 1;
	}


#list_class_v2 select,
#list_class_v2 input
	{
	border:none;
	background:none;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	text-indent:0px;
	width:24%;
	border-bottom: 1px solid #C8C8C8;
	}

#list_class_v2 .media
	{
	background:none;
	width:30%;
	padding:0;
	margin:0;
	}

#list_class_v2 .adresse
	{
	font-size: 16px;
	font-weight: 800;
	}

#list_class_v2 textarea
	{
	border:none;
	background:none;
	border-bottom:1px dotted #eeeeee;
	width:49%;
	
	vertical-align: top;
	float: right;
	border-left: 1px solid #DADADA;

	height: 100px;
	}


#list_class_v2 textarea:onfocus
	{
	height: 150px;
	}


/*    
//////////////////////////
//
// Les rapports
//
////////////////////////:
*/


.rapport_liste_ul_com
	{
	list-style-type:none;
	margin:0px;
	padding:0px;

	}
.rapport_liste_ul_com li
	{
	padding: 5px;
	padding-top: 14px;
	padding-bottom: 14px;
	width: 97%;
	border-bottom: 1px solid #cccccc;
	}
.rapport_liste_ul_com li b
	{
	color: #ADADAD;
	font-weight: 200;	
	}

.rapport_liste
	{
	border: 1px solid #D4D4D4;
	position:relative;
	background: #FFFFFF;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 15px;
	position: relative;
	box-shadow: 5px 5px 10px rgba(211, 211, 211, 0.7);
	}
.rapport_liste:hover
	{
	box-shadow: 5px 5px 20px rgba(166, 184, 193, 1);
	}


.rapport_liste textarea
	{
	width:70%;
	height:50px;
	background:none;
	border:1px dotted #aaaaaa;
	float:left;
	}


.rapport_liste_submit
	{
	width: 29%;
	height: 50px;
	background-image: linear-gradient(#A1D7EC, #60BAE2);
	color: #FFFFFF;
	border: 1px solid #eeeeee;
	border-radius: 4px;
	}
.rapport_liste_submit:hover
	{
	background:#60BAE2;
	}


.rapport_liste_description
	{
	color:#333333;
	font-style: italic;
	font-size:12px;
	margin:0px;
	margin-top:5px;
	padding:0px;
	display:block;
	}

.rapport_liste_reponse
	{
	color:#0096ff;
	font-size:12px;
	margin:0px;
	padding:0px;
	display:block;
	}

.rapport_liste_pied
	{
	color:#aaaaaa;
	margin-top:10px;
	border-top:1px solid #eeeeee;
	}


.rapport_liste_on h3
	{
	color:#008aff;
	}
.rapport_liste_on p
	{
	color:#000000;
	}


.rapport_liste_form_chat
	{
	position: fixed;
	bottom: 8px;
	right: 20px;
	width: 300px;
	max-height: 466px;
	z-index: 100;
	text-align: right;
	}


.rapport_liste_form_chat:hover .message_rap { display: block; }

.rapport_liste_form_chat .message_rap
	{
	display: none;
	background: #fff;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.33);
	border-radius: 5px;
	border: 1px solid #c9c9c9;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top: 10px;
	margin-bottom: 5px;
	max-height: 285px;
	max-height: 400px;
	width: 300px;
	}


.rapport_liste_form_chat input
	{
	margin: 2%;
	margin-left: 0;
	width: 25%;
	height: 70px;
	background-image: linear-gradient(#A1D7EC, #60BAE2);
	color: #FFFFFF;
	border: 1px solid #eeeeee;
	border-radius: 4px;
	padding: 0;
	/* margin-bottom: 20px; */
	vertical-align: top;
	}
.rapport_liste_form_chat input:hover { background:#60BAE2;}
.rapport_liste_form_chat textarea
	{
	border-radius: 5px;
	width: 66%;
	margin: 2%;
	border: 1px solid #c7c7c7;
	}

.rapport_liste_form_chat .nb,
.rapport_liste_form_fichier .nb
	{
	display: inline-block;
	width: 50px;
	background: #e18d1c;
	height: 40px;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	font-weight: 200;
	line-height: 43px;

	vertical-align: top;
	border: 1px solid #c7c7c7;
	color: #8f8f8f;

	margin-bottom: 6px;
	}

.rapport_liste_form_chat .nb_user  {background: #ff8600;color:#fff;}
.rapport_liste_form_chat .nb_admin,
.rapport_liste_form_fichier .nb_admin {background: #0da0be;color:#fff;}

.rapport_liste_form_chat ul div,
.rapport_liste_form_chat a,
.rapport_liste_form_chat b
	{
	font-style:italic;
	}
.rapport_liste_form_chat ul div
	{
	font-style: italic;
	color: #aaa;
	width: 100%;
	text-align: right;
	margin-top: 7px;
	}

.rapport_liste_form_chat .admin {color:#7cb6e1;}
.rapport_liste_form_chat .user {color:#d27612;}


.rapport_liste_form_fichier
	{
	position: fixed;
	bottom: 5px;
	right: 77px;
	width: 300px;
	max-height: 70px;
	overflow-y: hidden;
	overflow-x: hidden;
	text-align: right;
	z-index: 101;
	}

.rapport_liste_form_fichier img
	{
	width:47px;
	height:47px;
	border-radius: 4px;
	}

.rapport_liste_form_fichier_bouton
	{
	margin-top: 5px;
	font-size: 12px;
	width: 15px;
	height: 40px;
	vertical-align: top;
	margin: 0;
	line-height: 44px;
	opacity:0.6;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	color: #000000;
	border: 1px solid #aaaaaa;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	background: #f5f5f5;
	}

.rapport_liste_form_fichier_bouton:hover { opacity:1; }


.rapport_liste_form_fichier:hover { max-height: 400px;}





.rapport_liste_form
	{
	width: 96%;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 1px;
	box-shadow: none;
	margin-top: 10px;
	/* border: 1px solid #CBCBCB; */
	/* padding: 2%; */
	/* border-radius: 5px; */
	/* box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.09); */
	/* background-color: #F6F6F6; */
	/* background-image: linear-gradient(#FAFAFA, #f5F5F5); */
	text-align: left;
	}

.rapport_liste_form h2
	{
	color: #0DA0BE;
	font-size: 18px;
	font-weight: 200;
	}

.rapport_liste_off
	{
	opacity:0.5;
	}

.rapport_liste_off:hover
	{
	opacity:1;	
	}
.rapport_liste_off .liste_rapport_resume
	{
	display:none;
	}

.rapport_liste_off:hover .liste_rapport_resume
	{
	display:block;
	}

.rapport_liste_off h3
	{
	color:#008aff;
	}
.rapport_liste_on p
	{
	color:#777777;
	}



.liste_rapport h3
	{
	font-size: 17px;
	font-weight: 200;
	color: #000000;
	margin: 0px;
	padding-top: 26px;
	padding-bottom: 10px;
	font-style: italic;
	}



/*    
//////////////////////////
//
// segment
//
////////////////////////:
*/

.moment_blocs
	{
	width:95%;
	margin:auto;
	text-align:left;
	}

.moment_blocs h1
	{
	color: #4e4e4e;
    font-weight: 200;
    font-size: 25px;
    margin: 0;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 20px;
	}


.moment_type
	{
	width: 22%;
	display: inline-block;
	margin: 1%;
	vertical-align: top;
	cursor:pointer;
	}

.moment_type_entete
	{
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	border-radius: 5px;
	display: inline-block;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #c1c1c1;
	vertical-align: top;
	margin-top: 30px;
	width:100%;
	height: 200px;
	}


.moment_type_entete:hover
	{
	background:#fff;
	box-shadow: 0 0 10px #c1c1c1;
	}

.moment_type h1
	{
	font-size: 24px;
	font-weight: 800;
	color: #2e8496;
	}

.moment_type h2,
.moment_type h3
	{
	font-size: 16px;
	font-weight: 200;
	margin-bottom: 9px;
	}

.moment_type h2 { color: var(--tzz-bt-c); }
.moment_type h3 { color: var(--tzz-bt-c); }
	


.moment_type p
	{
	font-size: 12px;
	color: #8c8c8c;
	}


.VIST_blocs .ref_colonne1 h2
	{
	font-size: 20px;
	color: #5f5f5f;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 200;
	}

.VIST_blocs .ref_colonne1 h3
	{
	font-size: 14px;
	color: #bbb;
	font-weight: 200;
	margin-top: 20px;
	margin-bottom: 20px;
	}

.VIST_blocs .ref_colonne1 .moteur_recherche_autocompleter li
	{
	display:block;
	padding: 0;
	}


.moment_stat_list_mois li
    {
    border-radius: 10px;
    background: #fff;
    display: inline-block;
    padding: 2px 10px 0px 10px;
    margin: 5px;
    border: 1px solid #9e9e9e;
    /* width: 50px; */
    text-align: center;
    height: 30px;
    vertical-align: middle;
    font-size: 20px;
    cursor: pointer;
    }

.MOMENT_blocs .ref_colonne2 .moteur_recherche_autocompleter
	{
	margin: 0 !important;
	}
.MOMENT_blocs .ref_colonne2 .moteur_recherche_autocompleter>li
	{
      margin: 0;
	white-space: initial;
	}

/*
.moment_stat
	{
	width: 100%;
	display: flex;
	margin-bottom: 20px;
	margin-top: 0px;
	border-bottom: 1px solid #bdbdbd;
	padding-bottom: 20px;
	}


.moment_stat_liste
	{
	margin: 0;
	padding: 0;
	width: 100%;
	list-style:none;
	z-index:100;
	}

.moment_stat_liste ul
	{
	display:none;
	position: absolute;
	background: #fff;
	padding: 20px;
	width: 300px;
	box-shadow: 0 0 20px #aaa;
	border-radius: 4px;
	left: 70%;
	width: 100%;
	z-index:1000;
	}

.moment_stat_liste>li>h1,
.moment_stat_liste>li>h2,
.moment_stat_liste>li>h3
	{
	color: #555;
	font-size: 12px;
	font-weight:200;
	display:inline-block;
	}
.moment_stat_liste>li>h2
	{
	background: #ffffff;
	color: #717171;
	display: inline-block;
	padding: 6px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	line-height: 20px;
	text-align:center;
	margin-right: 5px;
	}

.moment_stat_liste>li
	{
	display: inline-block;
	padding: 10px;
	border: 1px solid #b9b9b9;
	width: 32%;
	box-sizing: border-box;
	margin: 0.5%;
	border-radius: 3px;
	position: relative;
	}


.moment_stat_liste>li a {text-decoration: none;color: #555;}
.moment_stat_liste>li a:hover {color: #000;}

.moment_stat_liste li:hover
	{
	background:#fff;
	}
.moment_stat_liste li:hover ul
	{
	display:block;
	}
*/

.moment_stat_chiffre
	{
	width: 30%;
	position: relative;
	padding-top: 0px;
	padding-bottom: 30px;
	border-radius: 11px;
	}

.moment_stat_chiffre { position:relative;width:30%; }
.moment_stat_graph 
	{
	width: 70%;
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
	}

.moment_stat_graph>h2
	{
	font-size: 15px;
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: 200;
	color: #09687b;
	}

.moment_stat_chiffre h3
	{
	background: var(--tzz-bt-bg);
	font-size: 40px;
	color: #fff;
	width: 75%;
	border-radius: 10px;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	margin: auto;
	position: relative;
	}
.moment_stat_chiffre_bloc>div:nth-child(1) h3
	{
	background: #69aec7;
	}
.moment_stat_chiffre_bloc>div:nth-child(3) h3
	{
	background: #032a39;
	}

.moment_stat_chiffre .moment_stat_graph h3
	{
	background: none;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 12px;
	text-align: left;
	}

.moment_stat_chiffre h3 span
	{
	font-size: 14px;
	/* position: absolute; */
	top: 24px;
	width: 100%;
	text-align: center;
	display: block;
	left: 0;
	opacity: 1;
	font-weight: 200;
	line-height: 14px;
	margin-top: 0px;
	}

.moment_stat_chiffre h2
	{
	color: #1ca8c5;
	font-size: 16px;
	margin: 15px;
	text-align: center;
	font-weight: 200;
	}

.moment_stat_chiffre p
	{
	max-width: 80%;
	margin: auto;
	text-align: left;
	color: #777;
	margin-top: 20px;
	margin-bottom: 20px;
	}


.moment_stat_chiffre_bloc
	{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 10px;
	width: 100%;
	}
.moment_stat_chiffre_bloc._4col
	{
	grid-template-columns: repeat(4, minmax(0, 1fr));
	}
.moment_stat_chiffre_bloc>div
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: start;
	align-items: center;
	width:100%;
	background: #f7f7f7;
	margin: 0 auto;
	padding: 20px;
	border-radius: 5px;
	box-sizing: border-box;
	}
.moment_stat_chiffre_bloc>div>*
	{
	width: 100%;
	}
.moment_stat_chiffre_bloc>div h2
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 90px;
	margin: 0 auto;
	padding: 20px 0;
	box-sizing: border-box;
	color: #17b3d4;
	font: 400 18px/1.4 sans-serif;
	}
.moment_stat_chiffre_bloc>div h3
	{
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
	}
.moment_stat_chiffre_bloc>div p,
.moment_stat_chiffre_bloc>div ul
	{
	max-width: initial;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	}
.moment_stat_chiffre_bloc>div ul
	{
	list-style: none;
	}
.moment_stat_chiffre_bloc>div ul>li
	{
	color: inherit;
	font: inherit;
	}
.moment_stat_chiffre_bloc>div .stats_desc
	{
	padding: 10px 0 0;
	}

.moment_stat_chiffre_bloc>.moment_stat_graph
	{
	grid-column: 2/-1;
	}

.moment_stat_ligne
	{
	}

.moment_stat_ligne ul
	{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	}

.moment_stat_ligne li
	{
	display: block;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	border-radius: 5px;
	box-sizing: border-box;
	color: #555;
	font-size: 14px;
	}
.moment_stat_ligne li a
	{
	text-decoration:none;
	color: #555;	
	}
.moment_stat_ligne span
	{
	color: #ffffff;
	font-weight: 200;
	background: var(--tzz-bt-bg);
	width: 70px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	border-radius: 3px;
	padding: 2px;
	}


.VIST_blocs .ref_colonne1 h1
	{
	background: #fff;
	padding: 10px;
	width: 100%;
	text-align: center;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #a0a0a0;
	font-size: 15px;
	color: #000;
	font-weight: 200;
	}


.VIST_blocs .ref_colonne2>h1 select
	{
	background: none;
	border: none;
	width: 100%;
	font-size: 15px;
	color: #000;
	font-weight: 200;
	}

.VIST_blocs  .ref_colonne2>h1
	{
	background: #fff;
	padding: 10px;
	width: 100%;
	font-size: 15px;
	text-align: center;
	color: #000;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #a0a0a0;
	width: 30%;
	margin-top: 11px;
	text-align: center;
	position: relative;
	font-weight: 200;
	}

.VIST_blocs  .ref_colonne2>h1 a
	{
	background: #f5f5f5;
	padding: 10px;
	border-radius: 4px;
	text-decoration: none;
	position: absolute;
	top: 1px;
	right: -53px;
	border: 1px solid #ccc;
	color: #7d7d7d;
	font-weight: 200;
	font-size: 12px;
	}

.VIST_blocs  .ref_colonne2>h1 a:hover
	{
	background: #888;
	color: #fff;
	}


/*

	Visiteur

*/


.VIST_blocs .ref_colonne1>ul
	{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-y: auto;
	overflow-x: hidden;
	}
.VIST_blocs .ref_colonne1>ul>li
	{
	display: block;
	width: 100%;
	}

.VIST_blocs .ref_colonne1>ul>li label
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: 100%;
	margin: 0;
	cursor: pointer;
	}

.VIST_blocs .ref_colonne1>ul>li .tag
	{
	background: var(--tzz-m);
	padding: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	color: #fff;
	font: 400 11px/1 sans-serif;
	}

.VIST_blocs .ref_colonne1 .tag.bot { background: var(--mdark); }
.VIST_blocs .ref_colonne1 .tag.visite_mail { background: #d022e0; }
.VIST_blocs .ref_colonne1 .tag.visite_pub { background: #e02222; }

.VIST_blocs .ref_colonne1 .visite_page 
	{
	display: inline-block;
	background: none;
	width: auto;
	margin: 0 auto 0 0;
	text-align: center;
	}

.moment_menuvisiteur_date
	{
	margin: 3px;
	padding: 3px;
	margin-top: 25px;
	text-align: left;
	width: 100%;
	color: #12849c;
	border-bottom: 1px solid #d6d6d6;
	display: block;
	}


.moment_visiteur_ul
	{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-gap: 20px;
	align-items: stretch;
	margin: 40px auto 0;
	padding: 0;
	list-style: none;
	}

.moment_visiteur_ul>li
	{
	position: relative;
	display: inline-block;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 30px 20px 20px;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	box-sizing: border-box;
	color: #5f5f5f;
	text-align: left;
	}

.moment_visiteur_ul>li .zone_tag
	{
	position: absolute;
	inset: 0 0 auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
	transform: translateY(-50%);
	}
.moment_visiteur_ul>li .tag
	{
	background: var(--tzz-bt-bg);
	margin: 0;
	padding: 5px 10px;
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	font-size: 13px;
	}
.moment_visiteur_ul>li .tag.cta
	{
	background: #e56060;
	}
.moment_visiteur_ul>li .tag.mail
	{
	background: #da60e5;
	}
.moment_visiteur_ul>li .tag.info
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: var(--tzz-m);
	width: 25px;
	aspect-ratio: 1;
	margin: 0;
	padding: 0;
	border-radius: 50%;
	box-sizing: border-box;
	color: #fff;
	font: 400 20px/1 'Material Icons Outlined';
	text-align: center;
	cursor: pointer;
	}
.moment_visiteur_ul>li .tag.info + .zone_info
	{
	z-index: 11;
	position: absolute;
	inset: 20px 0 auto auto;
	display: none;
	background: var(--mlite-d);
	width: auto;
	margin: 0;
	padding: 10px;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-sizing: border-box;
	}
.moment_visiteur_ul>li .tag.info:hover + .zone_info
	{
	display: block;
	}
.moment_visiteur_ul>li .zone_info>ul
	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	color: #424242;
	font: 400 11px/1.4 'Jost', sans_serif;
	}
.moment_visiteur_ul>li .zone_info>ul>li
	{
	color: inherit;
	font: inherit;
	}

.moment_visiteur_ul>li h5
	{
	width: 100%;
	padding: 0 0 5px;
	color: var(--tzz-bt-bg);
	font-size: 13px;
	text-align: left;
	}

/*
.moment_visiteur_ul .visite_mail h5 { background: var(--tzz-bt-bg); }
.moment_visiteur_ul .visite_page h5 { background: var(--tzz-bt-bg); }
*/

.moment_visiteur_ul>li h6
	{
	color: #118198;
	font-size: 11px;
	font-weight: 200;
	z-index: 100000;
	}

.moment_visiteur_ul>li h1
	{
	text-align: left;
	font-size: 12px;
	font-weight: 200;
	color: #bdbdbd;
	}

.moment_visiteur_ul>li h2
	{
	text-align: left;
	font-size: 16px;
	font-weight: 200;
	color: #3c3c3c;
	margin-top: 20px;
	}

.moment_visiteur_ul>li p
	{
	margin: 0;
	padding:0;
	}

.moment_visiteur_intro
	{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 20px;
	}
.moment_visiteur_intro>div
	{
	position: relative;
	background: #fff;
	margin: 0;
	padding: 30px 20px 20px;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: -10px -10px 40px #fff, 10px 10px 40px rgb(0 0 0 / .21);
	}
.moment_visiteur_intro>div .zone_tag
	{
	position: absolute;
	inset: 0 auto auto 10px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	transform: translateY(-50%);
	}
.moment_visiteur_intro>div .tag
	{
	background: var(--tzz-m);
	margin: 0;
	padding: 5px 10px;
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	font-size: 13px;
	}
.moment_visiteur_intro>div .tag.bot
	{
	background: var(--mdark);
	}
.moment_visiteur_intro>div .tag.pub
	{
	background: #e02222;
	}
.moment_visiteur_intro>div .tag.mail
	{
	background: #d022e0;
	}
.moment_visiteur_intro>div ul
	{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	color: #424242;
	font: 400 13px/1.4 'Jost', sans_serif;
	}
.moment_visiteur_intro>.moment_visiteur_utm>ul
	{
	max-height: 125px;
	padding: 0 20px 0 0;
	overflow-y: auto;
	}
.moment_visiteur_intro>div ul>li
	{
	color: inherit;
	font: inherit;
	}
.moment_visiteur_intro>div ul>li + li
	{
	margin: 2.5px auto 0;
	}

.moment_visiteur_intro h2
	{
	color: #0b8fab;
	font-size: 18px;
	font-weight: 200;
	margin: 0;
	padding: 0;
	}

.moment_visiteur_intro p
	{
	color: #adadad;
	font-size: 15px;
	margin: 0;
	padding: 0;
	}






/*    
//////////////////////////
//
// Stat navigation
//
////////////////////////:
*/

/*    
// objectif
////////////////////////:
*/

#OBJdetail .liste_visiteurs
        {
          height: 100px;
          overflow-y: overlay;
        }
#OBJdetail .liste_visiteurs a
        {
        display: inline-block;
        background: #555;
        color: #fff;
        padding: 2px;
        min-width: 12px;
        text-align: center;
        border-radius: 3px;
        margin: 3px;
        }
#OBJdetail .liste_visiteurs a:hover
        {
        background: #555;
        color: #000;
        }


#OBJmoteur,
#OBJdetail div div, 
#LEADmoteur .type_list>li,
.LEADdate,
#LEADmoteur .action>div,
.zone-pages div,
#UIXmoteur,
#UIXdetail>div

	{
        background: #fff;
        border-radius: 10px;
        box-shadow: 9px 8px 19px #00000021;
        margin: 10px;
        padding: 10px;
        box-sizing: content-box;
        }


#OBJdetail div div h2, 
.zone-pages div h2
	{
      color: #555;
	}

.zone-obj .bouton,
#LEADmoteur .bouton,
.zone-obj .chiffre
	{
        background: #472f2f;
        color: #FFF;
        padding: 4px;
        border-radius: 5px;
        margin: 2px;
        box-sizing: content-box;
        display: inline-block;
	}
.zone-obj .bouton:hover
	{
        background: #47FfFf;
	}

/*    
// Lead
////////////////////////:
*/

.LEADdate .date
	{
	font-size: 20px;
	}

.LEADdate 
	{
	width: 360px;
	}


#LEADmoteur .type_list>li .resume
	{
	display: inline-flex;
	width:100%;
	}

#LEADmoteur .type_list>li .detail
	{
	display: none;
	}
#LEADmoteur .type_list>li:hover .detail
	{
	display: block;
	}

#LEADmoteur .type_list li.chaud
	{
	background: #a3cfe4;
	}

#LEADmoteur .type_list>li h2,
#LEADmoteur .type_list>li p
	{
      text-align: left;
      padding: 2px;
    	margin: 0;
	}

#LEADmoteur .type_list>li a
	{
      background: #000;
      color: #fff;
      border-radius: 10px;
      box-shadow: 9px 8px 19px #00000021;
      margin: 0px;
      padding: 5px;
      box-sizing: content-box;
      min-width: 70px;
      display: inline-block;
      }

#LEADmoteur .action>div input[type=text],
#LEADmoteur .action>div select
	{
	width:100%;
	border: none;
    	padding-top: 10px;
    	padding-bottom: 10px;
	}
#LEADmoteur .action>div
	{
      text-align: left;
	}


#LEADmoteur
	{
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: flex-start;
      justify-content: space-evenly;
      align-items: flex-start;
	}

#LEADmoteur>div
	{
    	width: 100%;
	}
#LEADmoteur ul
      {
      list-style: none;
      margin: 0;
      padding: 0;
	}

#LEADmoteur .froid
	{
	opacity:0.2;
	}
#LEADmoteur .froid h2,
#LEADmoteur .froid p
	{
	display:none;
	}
#LEADmoteur .froid:hover h2,
#LEADmoteur .froid:hover p
	{
	display:block;
	}


#LEADmoteur .type_list li .nb
      {
    background: #000;
    color: #fff;
    font-size: 16px;
    aspect-ratio: 1;
    display: block;
    width: 30px;
    text-align: center;
    margin: auto;
    border-radius: 50%;
    align-content: center;
	}
#LEADmoteur .type_list li .titre
      {
	width:100%;
	}

#LEADmoteur h1
	{
        min-height: 50px;
        display: block;
        font-size: 20px;
	}
/*    
//////////////////////////
//
// segment
//
////////////////////////:
*/
/*
.segment_titre
	{
	z-index: 20;
	color: var(--tzz-titre);
	font-size: 30px;
	font-weight: 200;
	letter-spacing: 1px;
	margin-top: 22px;
	margin-bottom: 8px;
	position: relative;
	padding: 4px;
	font-family: Montserrat;
	font-weight: 200;
	letter-spacing: 0px;
	text-align: left;
	}
*/

.segment_titre
	{
	z-index: 20;
	position: fixed;
	top: 100px;right: 0;
	display: block;
	background: #fff;
	width: auto;
	margin: 0;
	padding: 5px 20px 5px 30px;
	box-sizing: border-box;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%);
	color: var(--tzz-bt-c);
	font: 400 17px/1.4 sans-serif;
	box-shadow: -2px 4px 10px rgb(0 0 0 / .21);
	}



.segment_bloc_invite { opacity: 0.3; }


.ref_blocs
	{
	display: flex;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	}
.ref_blocs.VIST_blocs
	{
	height: calc(100vh - 180px);
	}
/*
.ref_blocs p
	{
	color: #aaa;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	padding: 30px;
	padding-top: 0;
	padding-bottom: 10px;
	font-size: 15px;
	}
*/

.ref_colonne1,
.ref_colonne2,
.ref_colonne3
	{
	position:relative;
	display: block;
	margin: 0 auto;
	}

.ref_colonne1 { width: 100%; max-width: 300px; margin-top: 14px;text-align:center; padding-top: 10px;z-index: 10001; }
.ref_colonne2 { width: 100%; max-width: 300px; z-index: 10002;}
.ref_colonne3 { width: 100%; margin-top: 14px; z-index: 10003;}


.VIST_blocs .ref_colonne2,
.CTA_blocs .ref_colonne2 { width: 100%; max-width:initial; }
.CAMP_blocs .ref_colonne3 { width: 100%; max-width:initial; }

.VIST_blocs .ref_colonne2
	{
	height: 100%;
	padding: 20px 30px;
	box-sizing: border-box;
	overflow-y: auto;
	}

.seg_grid
	{
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	grid-gap: 40px;
	}
.seg_grid._2col
	{
	grid-template-columns: minmax(0,1fr) minmax(0,5fr);
	}
.seg_grid._3col
	{
	grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,4fr);
	}
.seg_grid._3col .ref_colonne2.del + .ref_colonne3
	{
	grid-column: span 2;
	}
.seg_grid._nocol
	{
	grid-template-columns: minmax(0,1fr);
	grid-gap: 0;
	}
.seg_grid._nocol .moment_stat_chiffre_bloc
	{
	padding: 0;
	}
.seg_grid._nocol .moment_stat>h1
	{
	margin: 0 0 20px;
	}
.seg_grid._nocol .moment_stat>p
	{
	width: 100%;
	max-width: 740px;
	margin: 0 0 20px;
	padding: 0;
	color: #424242;
	font: 400 15px/1.4 'Jost', sans-serif;
	}

.seg_grid>div
	{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
	}
.seg_grid>.cadre
	{
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
	grid-gap: 0 60px;
	align-items: center;
	background: #fff;
	margin: 0 auto 20px;
	border-radius: 6px;
	box-shadow: 2px 4px 20px rgb(0 0 0 / .1);
	}
.seg_grid>.cadre h1
	{
	margin: 0 0 5px;
	font-size: 31px;
	}
.seg_grid>.cadre .zone_periode
	{
	align-self: start;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	}
.seg_grid>.cadre .zone_periode h3
	{
	margin: 0;
	padding: 10px 0 5px;
	font: 400 19px/1.4 sans-serif;
	}
.seg_grid>.cadre p,
.seg_grid>.cadre .lien_periode
	{
	margin: 0 auto;
	padding: 10px 0;
	box-sizing: border-box;
	color: #424242;
	font: 400 14px/1.4 sans-serif;
	}
.seg_grid>.cadre .lien_periode
	{
	margin: 0;
	padding: 0;
	color: var(--tzz-bt-bg);
	transition: .21s color linear;
	cursor: pointer;
	}
.seg_grid>.cadre .lien_periode:hover
	{
	color: var(--tzz-m);
	}
.seg_grid>.cadre .lien_periode.select
	{
	font-weight: 800;
	}

.ref_blocs .seg_btn {
	display: block;
	background: var(--tzz-bt-bg);
	width: 100%;
	margin: 0 auto 20px;
	padding: 10px;
	border: 1px solid var(--tzz-bt-bg);
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	font: 400 14px/1.4 sans-serif;
	text-align: center;
	opacity: 1;
	transition: .21s all linear;
	}
.ref_blocs .seg_btn.rev {
	background: #fff;
	color: var(--tzz-bt-c);
	}
.ref_blocs .seg_btn:hover {
	background: #fff;
	color: var(--tzz-bt-c);
	}
.ref_blocs .seg_btn.rev:hover {
	background: var(--tzz-bt-bg);
	color: #fff;
	}

.ref_blocs .segment_envois_liste
	{
	margin-top: 0;
	}

.ref_blocs .segment_envois_plan
	{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
	max-width: 360px;
	margin: 0 0 20px;
	padding: 0;
	}
.ref_blocs .segment_envois_plan>h3
	{
	position: relative;
	display: block;
	background: #fff;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 10px 20px;
	box-sizing: border-box;
	color: #424242;
	font: 400 14px/1.4 sans-serif;
	text-align: center;
	cursor: pointer;
	}
.ref_blocs .segment_envois_plan>h3:first-child
	{
	border-radius: 5px 0 0 5px;
	}
.ref_blocs .segment_envois_plan>h3.on
	{
	background: var(--tzz-bt-bg);
	color: #fff;
	}
.ref_blocs .segment_envois_plan>h3::after
	{
	content: '';
	position: absolute;
	inset: 0 auto 0 100%;
	background: #fff;
	width: 15px;
	height: 100%;
	margin: auto;
	border: none;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	}
.ref_blocs .segment_envois_plan>h3.on::after
	{
	background: var(--tzz-bt-bg);
	}

.ref_blocs .seg_cadre
	{
	position: relative;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	border-radius: 5px;
	box-sizing: border-box;
	}
.ref_blocs .seg_cadre>h2
	{
	margin: 0 auto 20px;
	}

.ref_blocs .seg_cadre h3
	{
	margin: 10px auto;
	padding: 0;
	color: #111;
	font-size: 16px;
	font-weight: 200;
	}

.CAMP_blocs .envois_form 
	{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 10px 40px;
	align-items: start;
	background: #fff;
	margin: 20px auto 0;
	padding: 20px;
	border-radius: 5px;
	}

.CAMP_blocs .envois_form .sujet
	{
	font-size: 30px;
	color: var(--tzz-bt-c);
	}

.CAMP_blocs .envois_form h3
	{
	color: var(--tzz-bt-c);
	font-weight: 200;
	margin-top: 10px;
	font-size: 15px;
	margin-bottom: 5px;
	}

.CAMP_blocs .envois_form h3 span span,
.CAMP_blocs .href span,
.lettre_bloc  .image div span

	{
	color: rgb(23, 154, 65);
	background: #fff;
	border-radius: 5px;
	padding: 2px;
	font-size: 10px;
	border: 1px solid #a7a7a7;
	vertical-align: middle;
	padding-right: 7px;
	padding-left: 7px;
	margin-top: -3px;
	display: inline-block;
	}

.lettre_bloc  .image div span
	{
	margin-top: 10px;
	margin-bottom: 10px;
	}

.CAMP_blocs .envois_form input[type=text]
	{
	color: #000;
	font-size: 15px;
	}


.CAMP_blocs .envois_form input[type=button] { opacity: 0.5; }
.CAMP_blocs .envois_form input[type=button]:hover { opacity: 1; }

.CAMP_blocs .ref_colonne1 p
	{
	font-size: 15px;
	color: #777;
	text-align: center;
	}

.TECH_blocs .ref_colonne2 { width: 100%; max-width:initial; }

/* Colonne les champs */

.ref_colonne2 select,
.ref_colonne3 select,
.ref_colonne2 input[type=text],
.ref_colonne3 input[type=text]
	{
	width: 100%;
	padding: 10px;
	color: #9c9c9c;
	background: none;
	margin-bottom: 10px;
	border: 1px solid #cecece;
	}

body .ref_colonne2 .date,
body .ref_colonne3 .date
	{
	border: none;
	border-bottom: 1px dashed #ababab;
	padding: 5px;
	width: 200px;
	}

.ref_colonne2 textarea,
.ref_colonne3 textarea
	{
	height: 300px;
	background: none;
	border: 1px solid #d0d0d0;
	}


.zone_btn_stats
	{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
	}
.zone_btn_stats .lien_btn
	{
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: none;
	width: auto;
	margin: 0;
	padding: 5px 20px;
	border: 1px solid var(--tzz-bt-bg);
	border-radius: 20px;
	box-sizing: border-box;
	color: var(--tzz-bt-bg);
	font: 400 17px/1 sans-serif;
	font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1800 - 320)));
	text-align: center;
	transition: .21s all linear;
	transition-property: background,color;
	}
.zone_btn_stats .lien_btn:hover, 
.zone_btn_stats .lien_btn.actif
	{
	background: var(--tzz-bt-bg);
	color: #fff;
	}
.zone_btn_stats .lien_btn.actif:hover
	{
	background: none;
	color: var(--tzz-bt-bg);
	}






.msg_warning
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
	align-items: center;
	gap: 10px;
	font: 400 17px/1 sans-serif;
	font-size: calc(13px + (17 - 13) * ((100vw - 320px) / (1800 - 320)));
	}
.msg_warning::before
	{
	content: 'info';
	gap: 10px;
	font: 400 30px/1 'Material Icons Outlined';
	}

/* Colonne 1 */

.ref_colonne1 .ref_outils,
.ref_colonne2 .ref_outils
	{
	padding-right: 100px;
	}

.ref_colonne1 .ref_outils a.lien_btn,
.ref_colonne2 .ref_outils a.lien_btn
	{
	width: 20px;
	height: 20px;
	background: var(--tzz-bt-bg);
	color: #fff;
	display: block;
	text-align: center;
	line-height: 20px;
	font-size: 30px;
	padding: 10px;
	border-radius: 50%;
	margin: auto;
	font-weight: 200;
	margin-bottom: 15px;
	margin-top: 15px;
	}

.ref_colonne1 .ref_outils  a.lien_btn:hover,
.ref_colonne2 .ref_outils  a.lien_btn:hover 
	{
	background: #46c9e4;
	box-shadow: 0 0 10px #b1b1b1;
	}

.ref_colonne1 .ref_outils a:not(.lien_btn, .seg_btn)
	{
	opacity: 0.3;
	width: 30%;
	vertical-align: top;
	text-align: center;
	display: inline-block;
	margin: 2%;
	margin-top: 0;
	box-sizing: border-box;
	}
.ref_colonne1 .ref_outils a:not(.lien_btn):hover
	{
	opacity: 1;
	}



.ref_colonne1 .segment_bouton ,
.ref_colonne2 .segment_bouton 
	{
	display: flex;
	position: relative;
	align-items: flex-start;
	opacity:0.7;
	}

.ref_colonne1 .segment_bouton label,
.ref_colonne2 .segment_bouton label
	{
	padding: 12px;
	display: inline-block;
	border-radius: 7px;
	position: relative;
	color: #bbbbbb;
	text-align: left;
	margin-top: 0;
	background-image: linear-gradient(#ffffff, #eee);
	box-sizing: border-box;
	border: 1px solid #d2cdcd;
	margin-bottom: 10px;
	transition: 0.5s all linear;
	}


.ref_colonne1 .segment_bouton.segment_bouton_select,
.ref_colonne2 .segment_bouton.segment_bouton_select
	{ opacity:1; }

body .ref_colonne1 .segment_bouton.segment_bouton_select  input,
body .ref_colonne2 .segment_bouton.segment_bouton_select  input
	{ color: #000; }

.ref_colonne1 .segment_bouton_select label,
.ref_colonne2 .segment_bouton_select label 
	{
	box-shadow: 0 0 20px rgb(133, 167, 175);
	z-index: 1000;
	background: #f5fdff;
	border: 1px solid #a4bac7;
	}



.ref_colonne1 .segment_bouton:hover label
	{
	background: #ffffff;
	color: #000; 
	box-shadow: 0 0 10px rgba( 150 , 150 , 150 , 0.3 ); 
	}


.segment_envois_liste
	{
	margin-top:5px;
	}

.ref_colonne1 input[type=text],
.ref_colonne2 .segment_envois_liste input[type=text]
	{
	width: 80%;
	padding: 0;
	margin: 0;
	font-size: 15px;
	color: #909090;
	font-weight: 200;
	background: none;
	border: none;
	}

.ref_colonne1 input[type=text]:hover,
.ref_colonne2 .segment_envois_liste input[type=text]:hover
	{
	box-shadow: none;
	}


.ref_colonne2 .segment_btp_destinataire
	{
	opacity: 1;
	}

.ref_colonne2 .segment_bouton.segment_btp_destinataire label
	{
background: var(--tzz-bt-bg);
	}

.ref_colonne2 .segment_bouton.segment_btp_destinataire label
 input
	{
color: #fff;
	}

.ref_colonne1 .segment_bouton a,
.ref_colonne2 .segment_bouton a
	{
	background: #fff;
	height: initial;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 200;
	text-align: center;
	line-height: 14px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	color: #5d5c5c;
	cursor: pointer;
	padding: 5px;
	margin-top: 8px;
	margin-left: 5px;
	margin-right: 5px;
	min-width: 27px;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 2px;
	opacity:0;
	transition: 0.2s all linear;
	}

.ref_colonne1 .segment_bouton:hover a,
.ref_colonne2 .segment_bouton:hover a 
	{ opacity:1; }
.ref_colonne1 .segment_bouton a:hover, 
.ref_colonne2 .segment_bouton a:hover 
	{ background: var(--tzz-bt-bg); color: #fff; }

.ref_colonne1 .segment_bouton>div,
.ref_colonne2 .segment_bouton>div
	{
	background: #fff;
	height: initial;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 200;
	text-align: center;
	line-height: 14px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	color: #5d5c5c;
	cursor: pointer;
	margin-top: 9px;
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	opacity: 0;
	transition: 0.2s all linear;
	}

body .ref_colonne1 .segment_bouton>div:hover,
body .ref_colonne2 .segment_bouton>div:hover 
	{ opacity: 1; }
.ref_colonne1 .segment_bouton:hover>div,
.ref_colonne2 .segment_bouton:hover>div 
	{ opacity: 0.5; }


/* Colonne 2 */



.ref_colonne2 h2,
.ref_colonne3 h2
	{
	color: #17b3d4;
	font-size: 20px;
	font-weight: 200;
	margin: 20px auto;
	padding: 0;
	}

.ref_colonne3 .avertissement
	{
	padding: 20px;
	background: var(--tzz-bt-bg);
	margin-bottom: 20px;
	color: #ffffff;
	border-radius: 5px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.7);
	}



.motclef_ajout
	{
	width: 12px;
	height: 12px;
	background: var(--tzz-bt-bg);
	color: #fff;
	display: block;
	text-align: center;
	line-height: 13px;
	font-size: 20px;
	padding: 5px;
	border-radius: 50%;
	font-weight: 200;
	left: -35px;
	top: 0px;
	margin-top: 5px;
	}

.motclef_ajout:hover {     background: #68cbe0; }


.motclef_liste
	{
	margin-top: 10px;
	width:100%;
	}

#motclef_niv1,
#motclef_niv2,
#motclef_niv3
	{
	border-top: 1px dashed #bfbfbf;
	padding: 3%;
	position: relative;
	width:100%;
	margin-top:20px;
	}

#motclef_niv1 { width: 93%; border-left: 6px solid #1f8196; }
#motclef_niv2 { width: 81%; border-left: 6px solid #8bc7d4; margin-left: 11%;}
#motclef_niv3 { width: 69%; border-left: 6px solid #bfd5da; margin-left: 23%;}


#segment_colonne2 ul
	{
	margin:0;
	padding:0;
	list-style:none;
	}

#segment_colonne2 li { position:relative; }
#segment_colonne2 li .motclef_stat_bouton
	{
	background: #ffffff;
	padding: 5px;
	color: #000;
	border-radius: 5px;
	margin-top: 10px;
	cursor: pointer;
	display: block;
	text-align: left;
	text-indent: 7px;
	}

#segment_colonne2 li .motclef_stat_bouton:hover 
	{
	box-shadow: 0 0 10px rgba(177, 177, 177, 0.32);
	color: #000;
	}
#segment_colonne2 li .motclef_del 
	{
	position: absolute;
	right: 3px;
	top: 2px;
	background: rgb(199, 199, 199);
	width: 10px;
	padding: 5px;
	height: 10px;
	font-size: 12px;
	line-height: 11px;
	border-radius: 50%;
	opacity: 0.2;
	}

#segment_colonne2 li .motclef_del:hover  { opacity: 1; }





.segment_envois_suivant
	{
	box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	margin-top: 20px;
	border-radius: 5px;
	width: 96%;
	color: #ffffff;
	padding: 10px;
	margin-top: 15px;
	vertical-align: middle;
	margin-bottom: 6px;
	border: 1px solid #CCCBCB;
	background: #059ab9;
	max-width: 200px;
	text-align: center;
	margin: auto;
	cursor: pointer;
	font-size: 16px;
	margin-bottom: 10px;
	position: fixed;
	bottom: 40px;
	right: 60px;
	z-index:100;
	}


.segment_envois_plan.b
	{
	width: 350px;
	display: flex;
	margin-top: 13px;
	}


.segment_envois_plan.b h3
	{
	display: block;
	width: 33.333%;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
	background: var(--tzz-bt-bg);
	color: #000000;
	font-weight: 200;
	font-size: 15px;
	margin-left: -10px;
	z-index: 1;
	position: relative;
	height: 34px;
	padding-top: 7px;
	cursor:pointer;
	}

.segment_envois_plan.b h3::after
	{
	content: "";
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 15px solid var(--tzz-bt-bg);
	position: absolute;
	top: -1px;
	right: -15px;
	margin: auto;
	}

.segment_envois_plan.b h3.off::after { border-left: 15px solid #ffffff; }
.segment_envois_plan.b h3.on::after { border-left: 15px solid var(--tzz-bt-bg); }

.segment_envois_plan.b h3:nth-of-type(2),
.segment_envois_plan.b h3:nth-of-type(3) { padding-left: 30px; }

.segment_envois_plan.b h3.on
	{
	background: var(--tzz-bt-bg);
	color:#fff;
	}

.segment_envois_plan.b h3.off
	{
	background: #ffffff;
	color: #a5a5a5;
	}

.segment_envois_plan.b h3:hover
	{
	opacity:0.8;
	}



/* Colonne 3 */

.motclef_reponse_entete
	{
	width: 100%;
	border-radius: 5px;
	padding: 15px;
	box-sizing: border-box;
	text-align: left;
	position: relative;
	cursor:pointer;
	background: #f0f0f0;
	}

.motclef_reponse
	{
	width: 100%;
	position: relative;
	border-bottom: 1px dashed #c3c3c3;
	z-index:50;
	}

.motclef_reponse:hover { border: none; z-index:1000;}

.motclef_reponse:hover .motclef_reponse_entete { box-shadow: 2px 2px 15px #989898; }

.motclef_reponse:hover .motclef_reponse_entete
	{
	z-index: 110;
	}

.motclef_reponse .motclef_reponse_entete h1
	{
	color: #8c8c8c;
	font-size: 15px;
	font-weight: 200;
	box-sizing: border-box;
	padding-left: 35px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	}

.motclef_reponse .motclef_reponse_entete h2
	{
	width: 25px;
	height: 25px;
	background: #dedede;
	font-size: 12px;
	display: block;
	position: absolute;
	top: 12px;
	margin: 0;
	left: 14px;
	border-radius: 5px;
	color: #9a9a9a;
	line-height: 26px;
	text-align: center;
	padding: 0;
	margin: 0;
	opacity: 0.5;
	border: 1px solid #bdbdbd;
	}

.motclef_reponse .motclef_reponse_entete h2:hover
	{
	opacity: 1;
	}

.motclef_reponse .motclef_reponse_entete h3,
.motclef_reponse .motclef_reponse_entete h4,
.motclef_reponse .motclef_reponse_entete h5,
.motclef_reponse .motclef_reponse_entete h6
	{
	width: 35px;
	height: 23px;
	font-size: 10px;
	display: block;
	position: absolute;
	top: 7px;
	height: 28px;
	border-radius: 6px;
	color: #fff;
	line-height: 12px;
	text-align: center;
	padding-top: 6px;
	}

.motclef_reponse .motclef_reponse_entete h3 { right: 130px; background: #148096; }
.motclef_reponse .motclef_reponse_entete h4 { right: 90px; background: #30a2b9; }
.motclef_reponse .motclef_reponse_entete h5 { right: 49px; background: #5dcce2; }
.motclef_reponse .motclef_reponse_entete h6 { right: 10px; background: #5dcce2; }


.motclef_reponse .motclef_reponse_entete .motclef_ok 	{ background: #94c50b; }
.motclef_reponse .motclef_reponse_entete .motclef_mid 	{ background: #e68d15; }
.motclef_reponse .motclef_reponse_entete .motclef_ko 	{ background: #ff0000; color: #fff; }

.motclef_reponse_detail
	{
	box-sizing: border-box;
	}

.motclef_reponse_detail_mot h1
	{
	color: #1a7184;
	font-size: 20px;
	width: 100%;
	text-align: left;
	font-size: 16px;
	padding: 0;
	box-sizing: border-box;
	margin: 0;
	font-size: 20px;
	}

.motclef_reponse_detail h2
	{
	font-size: 14px;
	color: #5ab1c3;
	margin: 10px;
	font-weight: 200;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #cecece;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0;
	z-index:0;
	}
.motclef_reponse_detail h2 b
	{
	background: #94c50b;
	color: #fff;
	padding: 3px;
	border-radius: 4px;
	font-weight: 200;
	}

.motclef_reponse_detail h2 i
	{
	background: #c7c7c7;
	color: #ffffff;
	padding: 3px;
	border-radius: 4px;
	font-weight: 200;
	font-style: normal;
	}

.motclef_reponse_detail input[type=text],
.motclef_reponse_detail textarea
	{
	width: 100%;
	border: none;
	color: #888;
	padding: 10px;
	}
.motclef_reponse_detail textarea
	{
	height:50px;
	}

.motclef_reponse_detail_mot    { display:flex; }
.motclef_reponse_detail_mot div
	{
	width: 100%;
	border-right: 1px dashed #cacaca;
	padding: 10px;
	margin-top: 25px;
	border-top: 6px solid #1a718b;
	padding-top: 10px;
	}

.motclef_reponse_detail_mot ul { margin:0;padding:0; list-style:none; }
.motclef_reponse_detail_mot li { color:#ccc;margin-bottom: 15px; }
.motclef_reponse_detail_mot li b { color:#555; color: #9e9e9e; text-transform: uppercase; font-size: 10px; }


#segment_colonne3 .motclef_mots_select
	{
	text-align:left;
	}

#segment_colonne3 .motclef_mots_select h1,
#segment_colonne3 .motclef_mots_select h2,
#segment_colonne3 .motclef_mots_select h3
	{
	width: 31%;
	background: var(--tzz-bt-bg);
	padding: 1%;
	padding-bottom: 5px;
	padding-top: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	margin-right: 20px;
	display: inline-block;
	margin: auto;
	text-align: center;
	margin-bottom: 20px;
	}


#segment_colonne3 .motclef_mots_select h1 { background:#1f8196; }
#segment_colonne3 .motclef_mots_select h2 { background:#8bc7d4; }
#segment_colonne3 .motclef_mots_select h3 { background:#bfd5da; }

/*
cta
*/

.CTA_edit
	{
	display:flex;
	width: 100%;
	}
.CTA_edit>div
	{
	width: 100%;
	margin-right: 55px;
	}

.CTA block #segment_colonne2
	{
	width: 75%;
	}







/*

///////////
Campagne
//////////

*/

.segment_envois_edition
	{
	position:relative;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	margin: 20px auto 0;
	padding: 20px;
	border-radius: 5px;
	box-sizing: border-box;
	}
.segment_envois_edition .zone_msg
	{
	position: relative;
	margin: 0 auto 40px;
	}
.segment_envois_edition .zone_msg>.cpt_nbchar
	{
	position: absolute;
	bottom: 0;right: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
	align-items: end;
	}
.segment_envois_edition .zone_msg>.cpt_nbchar>span
	{
	background: #fff;
	width: auto;
	margin: 0;
	padding: 5px;
	border: 1px solid #aaa;
	border-radius: 5px 0 0 0;
	box-sizing: border-box;
	color: #aaa;
	font: 400 11px/1.4 sans-serif;
	text-align: center;
	}
.segment_envois_edition .zone_msg>.cpt_nbchar>span:empty
	{
	visibility: hidden;
	}
.segment_envois_edition .zone_msg>.cpt_nbchar>.err
	{
	background: #e12242;
	border-color: #e12242;
	color: #fff;
	font-weight: 800;
	font-size: 13px;
	}

.ref_colonne3 .segment_envois_edition .page_menu_option ul
	{
	left: initial;
	right: 0;
	}

.ref_colonne3 .segment_envois_edition .page_menu_option
	{
	position: absolute;
	top: -64px;
	right: 0px;
	cursor:pointer;
	}

.ref_colonne3 .segment_envois_edition ul
	{
	width: 100%;
	min-width: 130px;
	}

.ref_colonne3 .segment_envois_edition .page_menu_option h2
	{
	margin: 0;
	padding: 8px;
	background: #fff;
	font-size: 15px;
	color: #909090;
	border-radius: 5px;
	font-weight: 200;
	}

.ref_colonne3 .segment_envois_edition .page_menu_option h2:hover
	{
	background: #ddd;
	}

.segment_envois_plus
	{
	box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	color: #ffffff;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #CCCBCB;
	background: var(--tzz-bt-bg);
	max-width: 200px;
	text-align: center;
	margin: auto;
	cursor: pointer;
	font-size: 30px;
	margin-bottom: 10px;
	line-height: 19px;
	z-index: 100;
	margin-top: 20px;
	}

.segment_envois_plus:hover { background: #2ba0b9; }

/*
.camp_trie>div
	{
	width: 31.333%;
	margin: 1%;
	padding: 1%;
	border-right: 1px dashed #bdbcbc;
	box-sizing: border-box;
	}
*/
.camp_trie>div
	{
	width: 100%;
	margin: 10px auto;
	padding: 10px;
	box-sizing: border-box;
	}

.camp_trie
	{
	display: flex;
	background: #fafafa;
	margin-top: 5px;
	margin-bottom: 15px;
	border-radius: 7px;
	}

.camp_trie>div>h2
	{
	font-weight: 200;
	margin: 0;
	padding: 0 0 10px;
	color: #b3b3b3;
	font-size: 20px;
	}

#camp_dest>ul
	{
	width: 100%;
	background: #fff;
	border-radius: 6px;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #d8d8d8;
	flex-flow: row wrap;
	list-style: none;
	display: flex;
	}


#camp_dest>ul>li
	{
	margin: 0;
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	padding: 8px;

	margin-bottom: 10px;
	box-sizing: border-box;
	background: #e0e0e0;
	border-radius: 5px;
	color: #555;
	text-align: left;
	box-sizing: border-box;
	border: 1px solid #fff;
	position: relative;
	cursor:pointer;
	}

#camp_dest>ul>li label
	{
	display: flex;
	}

#camp_dest>ul>li.mail_ko
	{
	background: #fff;
	border: 1px solid #dadada;
	}

#camp_dest>ul>li:hover
	{
	box-shadow: 0 0 10px #eee;
	border: 1px solid #aaa;
	}

#camp_dest>ul>li h3
	{
	font-size: 14px;
	color: #555;
	text-align: center;
	width: 50%;
	font-weight:800;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 20px;
	}

#camp_dest>ul>li h4
	{
	font-size: 14px;
	color: #aaa;
	text-align: center;
	width: 50%;
	font-weight:200;
	text-align: left;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	}

#camp_dest>ul>li h5
	{
	height: 100%;
	position: absolute;
	top: 9px;
	right: 8px;
	display: none;
	z-index: 100;
	}


#camp_dest>ul>li h5>div
	{
	background: #808080;
	padding: 3px;
	font-size: 10px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	margin-left: 3px;
	padding-right: 5px;
	padding-left: 5px;
	text-transform: lowercase;
	}

#camp_dest>ul>li h5>div:hover { background: #1192ad; }

#camp_dest>ul>li:hover h5
	{
	display:block;
	}

#camp_dest>ul>li.envois_ok 	{ border-left: 10px solid #0fb733; }
#camp_dest>ul>li.envois_ko 	{ border-left: 10px solid #fb7553; }
#camp_dest>ul>li.envois_bloque 	{ border-left: 10px solid #fb7553; }
#camp_dest>ul>li.envois_encours	{ border-left: 10px solid #a6d5e4; }
#camp_dest>ul>li.envois_afaire	{ border-left: 10px solid #c236ff; }


.camp_stat
	{
	background: var(--tzz-bt-bg);
	text-align: center;
	border-radius: 5px;
	color: #fff;
	padding: 10px;
	margin: 1%;
	box-sizing: border-box;
	width: 27%;
	display: inline-block;
	}

.camp_stat h3
	{
	font-size: 30px;
	font-weight: 800;
	color: #fff;
	margin: auto;
	padding: 0;
	min-height: initial;
	text-align: center;
	}

.camp_stat h4
	{
	font-size: 15px;
	font-weight: 200;
	margin: auto;
	}

.camp_rafraichir
	{
	position: absolute;
	top: 10px;right: 10px;
	display: inline-block;
	background: #fff;
	width: auto;
	margin: 0;
	padding: 5px;
	border: 1px solid #aaa;
	border-radius: 5px;
	color: #000;
	font: 200 20px/1 'Material Icons';
	text-align: center;
	text-decoration: none;
	opacity: 1;
	cursor: pointer;
	}

.camp_alert
	{
	width: 100%;
	color: #095f71;
	font-size: 20px;
	}

.camp_envois_test { display: flex; }
.camp_envois_test input[type=text] { width:70%; margin: 0;}
.camp_envois_test input[type=button] { width:30%; margin: 0; }

.camp_envois_valide
	{
	align-self: end;
	text-align: center;
	}

body .camp_envois_valide input
	{
	display: inline-block;
	background: #fff;
	width: 100%;
	max-width: 300px;
	margin: 0 auto 10px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #949494;
	color: #000;
	font-size: 15px;
	white-space: initial;
	opacity: 1;
	}

body .camp_envois_valide span span
	{
	background: #fff;
	color: rgb(8, 141, 169);
	border-radius: 5px;
	border: 1px solid #bfbfbf;
	padding: 20px;
	display: block;
	width: 100%;
	max-width: 300px;
	box-sizing: border-box;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	text-align: center;
	}

.campagne_edit_colonne .art_bloc textarea
	{
	border: none;
	border-bottom: 1px dashed #555;
	}

.campagne_edit_colonne .art_bloc textarea:nth-of-type(1)
	{
	font-size: 25px;
	color: var(--tzz-bt-c);
	}

.campagne_edit_colonne .art_bloc textarea:nth-of-type(2),
.campagne_edit_colonne .art_bloc textarea:nth-of-type(3)
	{
	font-size: 16px;
	color: #555;
	}

.camp_stat_block
	{
	display:flex;
	}
.camp_stat_block._2col
	{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 40px;
	align-items: start;
	}
.camp_stat_block._3col
	{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 40px;
	align-items: start;
	}

.camp_stat_block>div
	{
	width: 90%;
	text-align: center;
	margin: 5%;
	}

.camp_stat_graph div h2
	{
	text-align: center;
	}

.camp_stat_graph .graphique_note h1
	{
	}

.camp_stat_graph .graphique_note h2
	{
	color: #096679;
	font-size: 13px;
	font-weight: 200;
	margin-top: 20px;
	margin-bottom: 10px;
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	vertical-align: middle;
	}

.camp_stat_graph .graphique_note h3
	{
	color: #333;
	font-size: 13px;
	font-weight: 200;
	margin-top: 20px;
	margin-bottom: 10px;
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	vertical-align: middle;
	}

.camp_stat_graph .graphique_note ul
	{
	margin: 0;
	padding: 0;
	text-align: left;
	}


/*    
//////////////////////////
//
// liste des annuaires
//
////////////////////////:
*/


#page_edit .mail_envoye,
#page_central .mail_envoye
	{
	width: 100%;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#page_edit .mail_envoye li,
#page_central .mail_envoye li
	{
	padding: 10px;
	border-bottom: 1px solid #c7c7c7;
	font-size: 15px;
	display: flex;
	}

#page_edit .mail_envoye li:hover,
#page_central .mail_envoye li:hover
	{
	background:#eee;
	}

#page_edit .mail_envoye span,
#page_central .mail_envoye span
	{
	color:#555;
	}

#page_edit .mail_envoye li a,
#page_central .mail_envoye li a
	{
	width: 50px;
	display: inline-block;
	text-align: center;
	border: 1px solid #555;
	border-radius: 3px;
	padding: 2px;
	font-size: 10px;
	margin-right: 10px;
	color: #555;
	display: none;
	}

#page_edit .mail_envoye li a:hover,
#page_central .mail_envoye li a:hover
	{
	background:#555;
	color:#fff;
	text_decoration:none;
	}

#page_edit .mail_envoye li:hover a,
#page_central .mail_envoye li:hover a
	{
	display:block;
	}


#page_edit .mail_envoye li p,
#page_central .mail_envoye li p
	{
	display: inline-block;
	background: none;
	margin: 0;
	padding: 0;
	font-size: 15px;
	width: 100%;
	}


/*    
//////////////////////////
//
// liste des annuaires
//
////////////////////////:
*/

#liste_des_annuaires
	{
	margin: 0;
	padding: 0;
	width: 90%;
	box-sizing: border-box;
	margin-left: 10%;
	}


#liste_des_annuaires .deroulant
	{
	cursor: pointer;
	padding: 0;
	border-radius: 3px;
	color: #ffffff;
	width: 30%;
	height: 20px;
	text-align: center;
	width: 10px;
	height: 7px;
	margin-top: 0px;
	transition: 0.5s all linear;
	position: relative;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin-right: 5px;
	}


#liste_des_annuaires .deroulant::before
	{
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ccc;
	position: absolute;
	bottom: 2px;
	left: 0;
	right: 0;
	margin: auto;
	}

#liste_des_annuaires .modification
	{
	opacity: 0;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #ffffff;
	border: 1px solid #555;
	border-radius: 3px;
	vertical-align: top;
	position: absolute;
	top: 11px;
	left: -20px;
	vertical-align: top;
	}


#liste_des_annuaires  li:hover>.modification
	{
	opacity:0.3;
	}

#liste_des_annuaires  li:hover>.modification:hover
	{
	opacity: 1;
	}

#liste_des_annuaires  h3,
#liste_des_annuaires  h4.modification
	{
	display: inline-block;
	cursor:pointer;
	}

#liste_des_annuaires ul
	{
	margin:0;
	padding:0;
	margin-left:40px;
	margin-top:15px;
	width: 100%;
	box-sizing: border-box;
	border-left: 1px solid #000;
	}

#liste_des_annuaires ul:hover 
	{
	border-left: 1px dashed #1996b1;
	}


#liste_des_annuaires ul:empty
	{
	margin:0;
	}

#liste_des_annuaires li
	{
	box-sizing: border-box;
	margin-top: 30px;
	margin-top: 20px;
	width: 100%;
	color: #107f96;
	padding: 10px;
	vertical-align: middle;
	margin-bottom: 6px;
	border-top: 1px solid #d8d8d8;
	margin: -1px;
	padding-left: 5px;
	position: relative;
	text-align: left;
	list-style: none;
	cursor: pointer;
	}

#liste_des_annuaires h3 
	{
	font-size: 13px;
	font-weight: 200;
	color: #777;
	}

#liste_des_annuaires>li>h3 
	{
	font-size: 13px;
	font-weight: 200;
	color: #333;
	}

.menu_zbarre .liste_des_annuaires_spe
	{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 90%;
	box-sizing: border-box;
	margin-left: 10%;
	}

.menu_zbarre .liste_des_annuaires_spe li
	{
	padding: 10px;
	color: #555;
	padding-left: 5px;
	}




/*    
//////////////////////////
//
// editeur
//
////////////////////////:
*/


body .edit_blocs
	{
	height: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}


body .edit_blocs>li
	{
	border: 1px solid #d4d4d4;
	padding-bottom: 15px;
	background: #f5f5f5;
	border-radius: 5px;
	margin-bottom: 15px;
	}

body .edit_blocs textarea 
	{
	margin: 0px;
	width: 100%;
	height: 350px;
	padding: 15px;
	border:none;
	background: none;
	border-bottom: 1px solid #d8d8d8;
	}

body .edit_blocs textarea:hover,
body .edit_blocs textarea:focus
	{
	box-shadow:none;
	}

body .edit_bloc
	{
	height: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
	}

body .bloc_type_li_Formel .edit_bloc_outil .edit_bloc_ordre,
body .bloc_type_li_Brute .edit_bloc_outil .edit_bloc_ordre,
body .bloc_type_li_HTML .edit_bloc_outil .edit_bloc_ordre
	{
	display:none;
	}

body .bureau_bloc div:focus 
	{
	border: none;
	box-shadow: 0 0 10px #1F1F1F;
	}

body .edit_bloc li
	{
	position:relative;
	width:100%;
	z-index:500;
	}


/* Les types */

.edit_bloc_type
	{
	font-weight: 200;
	color: #888;
	font-family: Arial;
	padding: 10px;
	margin: 0px;
	outline: none;
	padding-left: 60px;
	transition: 0.5s all linear;
	box-sizing: border-box;
	border-bottom: 1px dashed transparent;
	border-top: 1px dashed transparent;
	}

.edit_bloc_type:hover,
.edit_bloc_type:focus
	{
	background:#f5f5f5;
	border-bottom: 1px dashed #b1b1b1;
	border-top: 1px dashed #b1b1b1;
	}

body #onglet1 .bloc_type_li_Table .edit_bloc_outil
	{
	width: 30%;
	text-align: right;
	display: inline-block;
	position: relative;
	top: 0;
	}


body #onglet1  .bloc_type_li_Table
	{
	border-top: 1px solid #adadad;
	}


body #onglet1 .bloc_type_li_Table .edit_bloc_type_Table 
	{
	width: 50%; 
	display: inline-block;
	}


.edit_bloc_type_formel,
.edit_bloc_type_html { font-size: 12px; height:300px;  color: #000; }
.edit_bloc_type_h1 { font-size: 30px; padding-top: 0px; color: #000;}
.edit_bloc_type_h2 { font-size: 25px; padding-top: 3px; color: #000; }
.edit_bloc_type_h3 { font-size: 20px; padding-top: 5px; color: #000; }
.edit_bloc_type_h4 { font-size: 16px; padding-top: 5px; color: #000; }
.edit_bloc_type_h5 { font-size: 14px; padding-top: 5px; color: #000; }
.edit_bloc_type_h6 { font-size: 12px; padding-top: 6px; color: #000; }
.edit_bloc_type_p  { font-size: 12px; padding-top: 8px; color: #888; }
.edit_bloc_type_ul { font-size: 12px; padding-top: 8px; color: #888; line-height: 25px; padding-left: 80px;}

/* Outils */


.edit_blocs_outil
	{
	position: relative;
	padding: 3px;
	border-top: 6px solid #d0d0d0;
	margin-bottom: 6px;
	font-size: 12px;
	margin-top: 5px;
	text-align: center;
	background: none;
	color: #000000;
	border: 1px solid #c3c3c3;
	width: 80px;
	height: 13px;
	border-radius: 4px;
	opacity: 0.8;
	margin-left: 5px;
	background: #00bbe2;
	box-sizing: border-box;
	height: 20px;
	}

.edit_blocs_outil:hover { opacity:1; }




.edit_blocs_outil .edit_effacer
	{
	position: absolute;
	padding: 3px;
	border-top: 6px solid #d0d0d0;
	margin-bottom: 6px;
	font-size: 12px;
	margin-top: 5px;
	text-align: center;
	background: none;
	color: #000000;
	border: 1px solid #c3c3c3;
	width: 80px;
	height: 13px;
	border-radius: 4px;
	opacity: 0.8;
	margin-left: 5px;
	background: #fff;
	top: -6px;
	right: -80px;
	width: 35px;
	box-sizing: border-box;
	height: 20px;
	cursor:pointer;
	}

.edit_blocs_outil .edit_effacer:hover { background: #424242; color: #fff; }


.edit_blocs_outil .edit_aide
	{
	position: absolute;
	padding: 3px;
	border-top: 6px solid #d0d0d0;
	margin-bottom: 6px;
	font-size: 12px;
	margin-top: 5px;
	text-align: center;
	background: none;
	color: #000000;
	border: 1px solid #c3c3c3;
	width: 80px;
	height: 13px;
	border-radius: 4px;
	opacity: 0.8;
	margin-left: 5px;
	background: #fff;
	top: -6px;
	right: -41px;
	width: 35px;
	box-sizing: border-box;
	height: 20px;
	cursor:pointer;
	}

.edit_blocs_outil .edit_aide:hover { background: #424242; color: #fff; }



body .edit_bloc li .edit_blocs_outil 
	{
	width: 100%;
	padding:2px;
	background:#f5f5f5;
	}

body .edit_bloc li .edit_bloc_outil 
	{
	width: 60px;
	text-align: left;
	position: absolute;
	left: 0;
	top: 5px;
	text-align: center;
	z-index:1000;
	display: flex;
	}


body .edit_bloc li .edit_bloc_outil img
	{
	vertical-align: middle;
	text-align: center;
	width: 13px;
	height: 13px;
	}


body  .edit_bloc_outil select:focus
	{
	border:none;
	}

body .edit_bloc_outil select
	{
	width: 36px;
	padding: 0px;
	background: none;
	font-size: 12px;
	border: none;
	text-align: center;
	display: inline-block;
	opacity:0;
	}

.edit_bloc_sansbloc::after
	{
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f0f0f0;
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	margin: auto;
	}

.edit_bloc_sansbloc
	{
	position: relative;
	font-size: 13px;
	width: 200px;
	text-align: center;
	background: #f0f0f0;
	padding: 8px;
	margin: auto;
	border-radius: 5px;
	margin-top: 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
	color: #000000;
	border: 1px solid #d0d0d0;
	}




.edit_bloc_ajout
	{
	position: relative;
	}

.edit_bloc_ajout span
	{
	font-size: 20px;
	cursor: pointer;
	background: var(--tzz-bt-bg);
	padding: 0;
	border-radius: 50%;
	color: #ffffff;
	width: 25px;
	height: 25px;
	line-height: 24px;
	text-align: center;
	right: 5px;
	bottom: 5px;
	opacity: 0.6;
	margin: auto;
	display: block;
	}

.edit_bloc_ajout ul>li
	{
	text-align: left;
	padding: 6px;
	color: #777;
	font-size: 14px;
	border-bottom: 1px dashed #ddd;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 12px;
	}

.edit_bloc_ajout ul>li:hover { background:#f5f5f5;}

.edit_bloc_ajout ul
	{
	background: #ffffff;
	padding: 0px;
	right: 0;
	z-index: 10000;
	width: 170px;
	border-radius: 5px;
	border: 1px solid #cecece;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	list-style: none;
	margin: 0;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -100px;
	margin-left: 10px;
	display:none;
	}

.edit_bloc_ajout:hover ul
	{
	display:block;
	}

.edit_bloc_ajout span:hover
	{
	box-shadow: 0 0 10px rgba(85, 85, 85, 0.21);
	border: 1px solid #bfbfbf;
	color: #000;
	opacity:1;
	}



.edit_bloc_ordre,
.edit_bloc_del
	{
	cursor: pointer;
	padding: 0;
	border-radius: 3px;
	color: #ffffff;
	width: 30%;
	height: 20px;
	text-align: center;
	width: 18px;
	height: 18px;
	margin-top: 0px;
	opacity: 0;
	transition: 0.5s all linear;
	position: relative;
	box-sizing: border-box;
	position:relative;
	}

.edit_bloc_ordre:hover,
.edit_bloc_del:hover
	{
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	border: 1px solid #CCCBCB;
	}

.edit_bloc_ordre::after
	{
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ccc;
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	margin: auto;
	}

.edit_bloc_ordre::before
	{
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ccc;
	position: absolute;
	bottom: 2px;
	left: 0;
	right: 0;
	margin: auto;
	}


.edit_bloc_del
	{
	position: absolute;
	right: 0;
	top: 5px;
	opacity:0;
	position: absolute;
	right: 0;
	top: 5px;
	color: #848484;
	background: none;
	font-size: 14px;
	}
	

body .edit_bloc li:hover .edit_bloc_outil select,
body .edit_bloc li:hover .edit_bloc_ordre,
body .edit_bloc li:hover .edit_bloc_del
	{
	opacity:1;
	}



.edit_bloc_temoin_wizi_bloc
	{
	width: 10px;
	height: 10px;
	position: absolute;
	border-radius: 50%;
	left: -16px;
	top: 4px;
	transition: width 0.2s;
	}

.wizi_ok { background: #e3f39a; }
.wizi_ko { background: #ff0000; }










/*    
//////////////////////////
//
// edit_wizimel
//
////////////////////////:
*/

.edit_wizimel
	{
	position:relative;
	display: inline-block;
	}

.fiche_bouton_wizimel .edit_wizimel h4
	{
	font-size: 12px;
	cursor: pointer;
	background: rgb(255, 255, 255);
	padding: 3px;
	border-radius: 5px;
	color: #555;
	text-align: center;
	right: 5px;
	bottom: 5px;
	border: 1px solid #8c8c8c;
	opacity: 0.7;
	margin: auto;
	display: block;
	font-weight: 200;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	opacity: 0.5;
	}

.fiche_bouton_wizimel .edit_wizimel h4
	{
	font-size: 12px;
	cursor: pointer;
	background: rgb(255, 255, 255);
	padding: 3px;
	border-radius: 5px;
	color: #555;
	text-align: center;
	right: 5px;
	bottom: 5px;
	border: 1px solid #8c8c8c;
	opacity: 0.7;
	margin: auto;
	display: block;
	font-weight: 200;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	opacity: 0.5;
	}

#SUPPORTbloc h3 .edit_wizimel h4
	{
	font-size: 12px;
	background: none;
	padding: 3px;
	border-radius: 5px;
	color: #555;
	text-align: center;
	display: inline-block;
	font-weight: 200;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	opacity: 0.5;
	display:none;
	}

#SUPPORTbloc h3:hover .edit_wizimel h4
	{
	display:block;
	}

.edit_wizimel ul
	{
	display: none;
	background: #ffffff;
	padding: 0px;
	position: absolute;
	z-index: 10000;
	width: 170px;
	border-radius: 5px;
	border: 1px solid #000000;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	list-style: none;
	margin: 0;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	}

.edit_wizimel:hover>ul
	{
	display:block;
	}

.edit_wizimel li
	{
	text-align: center;
	padding: 10px;
	color: #000;
	font-size: 14px;
	border-bottom: 1px dashed #ddd;
	box-sizing: border-box;
	cursor: pointer;
	text-align: left;
	}

.edit_wizimel li:hover
	{
	background: #eee;	
	}








/*    
//////////////////////////
//
// feuille tableur
//
////////////////////////:
*/


.feuille_tableur
	{
	width: 100%;
	}

.feuille_tableur td
	{
	border-right: 1px solid #C5C5C5;
	text-align: center;
	vertical-align: middle;
	}

.feuille_tableur_liste td
	{
	padding-top:10px;
	padding-bottom:10px;
	}

.feuille_tableur input[type=text]
	{
	width: 100%;
	border: none;
	background: none;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	}

.feuille_tableur tr:nth-child(even)	{ background-color: #f5f5f5; }
.feuille_tableur tr:nth-child(odd)	{}

.feuille_tableur th
	{
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	font-size: 12px;
	color: #979797;
	font-weight: 200;
	vertical-align: middle;
	}

.feuille_tableur td:first-child
	{
	color: #0D7D9E;
	}

.feuille_tableur .feuille_tableur_bloc
	{
	background-color: #fff;
	border: 1px solid #C6C6C6;
	border-radius: 6px;
	box-shadow: 2px 2px 10px #9E9E9E;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 20px;
	width: 100%;
	
	}


/*    
//////////////////////////
//
// feuille css
//
////////////////////////:
*/



.feuille_bloc
	{
	display: flex;
	flex-flow: nowrap;
	}

.feuille_bloc:has(.opened) .meta_bloc
	{
	width: calc((100% / 2) - 40px);
	}

#feuille_edit,
#feuille_copie,
#feuille_aspiclass
	{
	width:100%;
	overflow:auto;
	height: calc(100% - 110px);
	}

#feuille_copie,
#feuille_aspiclass
	{
	background: #ccc;
	}



/*    
//////////////////////////
//
// cadre page
//
////////////////////////:
*/


#cadre_page_nom
	{
	z-index: 9999;
	position: fixed;
	inset: 95px auto auto 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	background: #444;
	width: 100%;
	height: auto;
	padding: 10px 10px 10px 60px;
	border: none;
	border-bottom: 1px solid #fdfdfd;
	border-radius: 0;
	box-sizing: border-box;
	box-shadow: 0 3px 10px rgba(0 0 0 / .6);
	text-align: left;
	color: #fff;
	text-align: left;
	}

#cadre_page_nom h1
	{
	display: inline-block;
	margin: 0;
	padding: 0;
	color: #2dd0f3;
	font-weight: 200;
	font-size: calc(8px + (12 - 8) * ((100vw - 320px) / (1800 - 320)));
	text-align: left;
	}

#cadre_page_nom .page_nom,
#cadre_page_nom .class_body
	{
	background: rgb(255 255 255 / .2);
	width: 50%;
	max-width: 280px;
	margin: 0 10px;
	padding: 5px;
	border: none;
	border-bottom: 1px solid rgb(255 255 255 / .4);
	border-radius: 0;
	color: #fff;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1800 - 320)));
	}

#cadre_page_nom .class_body
	{
	width: auto;
	max-width: 120px;
	margin: 0;
	font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1800 - 320)));
	}
#cadre_page_nom .class_body::placeholder
	{
	color: #ddd;
	}

.page_menu_option
	{
	z-index: 10000;
	display: inline-block;
	vertical-align: top;
	position:relative;
	}

.page_menu_option h4,
#cadre_page_nom .page_menu_a,
#cadre_page_nom>a
	{
	z-index: 1000;
	display: inline-block;
	background: none;
	margin: 0;
	padding: 5px 10px;
	border-right: 1px solid #adadad;
	color: #ffffff;
	font-weight: 200;
	font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1800 - 320)));
	text-decoration: none;
	cursor:pointer;
	}

#cadre_page_nom .page_menu_a.del
	{
	margin: 0 0 0 10px;
	border: none;
	}
#cadre_page_nom .page_menu_a.del.end
	{
	margin: 0 0 0 auto;
	}

.page_menu_option h4:hover,
#cadre_page_nom .page_menu_a:hover
	{
	background: #a1bdc3;
	}

.page_menu_option li a
	{
	text-decoration: none;
	color: #555;
	}

.page_menu_option input,
.page_menu_option select
	{
	width: 100%;
	padding: 10px;
	border: 1px solid #dad8d8;
	border-radius: 5px;
	}

.page_menu_option ul
	{
	display: none;
	background: #ffffff;
	padding: 0px;
	z-index: 10000;
	border-radius: 5px;
	border: 1px solid #cecece;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	list-style: none;
	margin: 0;
	box-sizing: border-box;
	position: absolute;
	top: 25px;
	left: 0;
	width: 350px;
	max-height: 250px;
	overflow-x: hidden;
	}

.page_menu_option:hover ul
	{
	display: block;
	}

.page_menu_option li
	{
	display:flex;
	padding: 10px;
	color: #777;
	font-size: 14px;
	border-bottom: 1px dashed #ddd;
	box-sizing: border-box;
	cursor: pointer;
	text-align: left;
	font-weight: 200;
	}

.page_menu_option li>div:nth-of-type(2)
	{
	width: 100%;
	margin-right: 10px;
	box-sizing: border-box;
	}

.page_menu_option li>div:nth-of-type(2) span
	{
	display:block;
	width: 200px;
	padding-top: 5px;
	padding-left: 5px;
	overflow-x: hidden;
	white-space: nowrap;
	margin-right: 10px;
	box-sizing: border-box;
	}

.page_menu_option li>div:nth-of-type(1),
.page_menu_option li>div:nth-of-type(3),
.page_menu_option li>div:nth-of-type(4)
	{
	width: 30px;
	height: 30px;
	background: #d8d8d8;
	vertical-align: middle;
	text-align: center;
	border-radius: 4px;
	font-size: 12px;
	line-height: 20px;
	padding: 5px;
	box-sizing: border-box;
	margin-right: 5px;
	position:relative;
	}

.page_menu_option li>div:nth-of-type(1)
	{
	background:none;
	}

.page_menu_option li>div:nth-of-type(1)::after
	{
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ccc;
	position: absolute;
	top: 7px;
	left: 0;
	right: 0;
	margin: auto;
	}

.page_menu_option li>div:nth-of-type(1)::before
	{
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ccc;
	position: absolute;
	bottom: 7px;
	left: 0;
	right: 0;
	margin: auto;
	}


.page_menu_option li:hover
	{
	background:#f5f5f5;
	}

#pagedusite_dans_admin 
	{
	margin: 60px auto 120px;
	max-width: 1200px;
	width: 100%;
	}

#pagedusite_dans_admin article,
#pagedusite_dans_admin nav
	{
	position: initial;
	}

#image_cote_gauche,
#image_cote_droite
	{
	display:none;
	}

.liste-blocs-art
	{
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	grid-auto-rows: min-content;
	grid-gap: 10px;
	width: 100%;
	/*height: calc(100% - 200px);*/
	/*padding: 10px;*/
	box-sizing: border-box;
	/*overflow-x: hidden;
	overflow-y: auto;*/
	scrollbar-width: thin;
	}
.liste-blocs-art .JAZbloc_art
	{
	z-index: 11;
	position: relative;
	grid-column: 1/2;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	grid-gap: 0;
	align-items: center;
	background: #f2f4f6;
	width: 100%;
	max-width: 680px;
	margin: 0;
	padding: 0;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 2px 4px 6px rgb(0 0 0 / .1);
	overflow: hidden;
	text-align: left;
	}
.liste-blocs-art .JAZbloc_art:hover
	{
	z-index: 21;
	overflow: initial;
	}

.liste-blocs-art .JAZbloc_art._av
	{
	opacity: .4;
	}

.liste-blocs-art .JAZbloc_art.wbg.b
	{
	background: no-repeat center / cover #f2f4f6;
	aspect-ratio: 8/3;
	}
.liste-blocs-art .JAZbloc_art.mepd_entete { background-image: url(/editorial/icones/articles/mepd_entete.jpg); }
.liste-blocs-art .JAZbloc_art.mepd_imglarg { background-image: url(/editorial/icones/articles/mepd_imglarg.jpg); }
.liste-blocs-art .JAZbloc_art.mepd_imgcote { background-image: url(/editorial/icones/articles/mepd_imgcote.jpg); }
.liste-blocs-art .JAZbloc_art.mepd_ligneblocs { background-image: url(/editorial/icones/articles/mepd_ligneblocs.jpg); }
.liste-blocs-art .JAZbloc_art.mepd_damier { background-image: url(/editorial/icones/articles/mepd_damier.jpg); }
.liste-blocs-art .JAZbloc_art.mep { background-image: url(/editorial/icones/articles/mep.jpg); }
.liste-blocs-art .JAZbloc_art.imglarg { background-image: url(/editorial/icones/articles/imglarg.jpg); }
.liste-blocs-art .JAZbloc_art.moteur_fiches { background-image: url(/editorial/icones/articles/moteur_fiches.jpg); }
.liste-blocs-art .JAZbloc_art.form_mail { background-image: url(/editorial/icones/articles/form_mail.jpg); }
.liste-blocs-art .JAZbloc_art.liste_fichiers { background-image: url(/editorial/icones/articles/liste_fichiers.jpg); }
.liste-blocs-art .JAZbloc_art.mentions_legales { background-image: url(/editorial/icones/articles/mentions_legales.jpg); }
.liste-blocs-art .JAZbloc_art.inclusion_html { background-image: url(/editorial/icones/articles/inclusion_html.jpg); }
.liste-blocs-art .JAZbloc_art.ajout_fiches { background-image: url(/editorial/icones/articles/ajout_fiches.jpg); }
.liste-blocs-art .JAZbloc_art.calameo { background-image: url(/editorial/icones/articles/calameo.jpg); }

.liste-blocs-art .JAZbloc_art article,
.liste-blocs-art .JAZbloc_art nav
	{
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	}

.liste-blocs-art .JAZbloc_art h2
	{
	margin: 0;
	padding: 0 0 10px;
	color: var(--mdark);
	font: 200 18px/1 sans-serif;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1800 - 320)));
	/*text-align: center;*/
	}
.liste-blocs-art .JAZbloc_art h2::before,
.liste-blocs-art .JAZbloc_art h2::after
	{
	content: none;
	}
.liste-blocs-art .JAZbloc_art h3
	{
	margin: 0;
	padding: 0;
	color: #111;
	font: 200 18px/1 sans-serif;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1800 - 320)));
	/*text-align: center;*/
	}
.liste-blocs-art .JAZbloc_art .JAZzone_id
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	width: auto;
	height: 100%;
	}
.liste-blocs-art .JAZbloc_art .JAZtag.idart
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: var(--tzz-titre);
	width: 40px;
	height: 100%;
	margin: 0;
	padding: 2.5px;
	border-radius: 0;
	box-sizing: border-box;
	/*aspect-ratio: 1;*/
	color: #fff;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1800 - 320)));
	text-align: center;
	}
.liste-blocs-art .JAZbloc_art .JAZzone_tags
	{
	/*position: absolute;
	inset: 20px auto auto 20px;*/
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: 100%;
	margin: 0 0 10px;
	}
.liste-blocs-art .JAZbloc_art .JAZzone_tags>.JAZtag.note
	{
	background: #fff;
	width: auto;
	margin: 0;
	padding: 5px 10px;
	border: 1px solid #aaa;
	border-radius: 10px;
	box-sizing: border-box;
	color: #aaa;
	font-size: calc(8px + (10 - 8) * ((100vw - 320px) / (1800 - 320)));
	text-align: center;
	}
.liste-blocs-art .JAZbloc_art .JAZzone_btn
	{
	/*position: absolute;
	inset: 20px 20px auto auto;*/
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	width: auto;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	}
/*
.liste-blocs-art .JAZbloc_art .JAZzone_show>.JAZzone_cont
	{
	position: absolute;
	inset: 100% 0 auto;
	display: none;
	background: #fff;
	width: auto;
	margin: 0;
	padding: 20px;
	border: 1px solid #f2f4f6;
	border-radius: 0 0 20px 20px;
	box-sizing: border-box;
	text-align: left;
	}
.liste-blocs-art .JAZbloc_art .JAZzone_show>.JAZbtn_picto:hover + .JAZzone_cont
	{
	display: block;
	}
*/
.liste-blocs-art .JAZbloc_art::after
	{
	content: '';
	position: absolute;
	inset: 0 auto 0 100%;
	display: block;
	width: 100%;
	height: 100%;
	margin: auto;
	}
.liste-blocs-art .JAZzone_preview
	{
	position: absolute;
	inset: 0 15px 0 auto;
	grid-column-start: 2;
	display: none;
	background: #fff;
	width: 100%;
	height: calc(100% - 20px);
	max-height: 100%;
	margin: auto 0;
	padding: 20px;
	border: 1px solid #f2f4f6;
	border-radius: 20px;
	box-sizing: border-box;
	text-align: left;
	overflow-y: auto;
	}
.liste-blocs-art .JAZbloc_art:hover + .JAZzone_preview,
.liste-blocs-art .JAZzone_preview:hover
	{
	display: block;
	}
.liste-blocs-art .JAZzone_preview h1,
.liste-blocs-art .JAZzone_preview h2,
.liste-blocs-art .JAZzone_preview h3,
.liste-blocs-art .JAZzone_preview p,
.liste-blocs-art .JAZzone_preview ul
	{
	margin: 0 auto;
	padding: 0 0 10px;
	}
.liste-blocs-art .JAZzone_preview ul
	{
	padding: 0 0 10px 30px;
	}
.liste-blocs-art .JAZzone_preview h1,
.liste-blocs-art .JAZzone_preview h2,
.liste-blocs-art .JAZzone_preview h3
	{
	font-weight: 600;
	}
.liste-blocs-art .JAZzone_preview h1
	{
	font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1800 - 320)));
	}
.liste-blocs-art .JAZzone_preview h2
	{
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1800 - 320)));
	}
.liste-blocs-art .JAZzone_preview h3,
.liste-blocs-art .JAZzone_preview h4,
.liste-blocs-art .JAZzone_preview h5
	{
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1800 - 320)));
	}
.liste-blocs-art .JAZzone_preview .JAZpreview_photos
	{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-gap: 10px;
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	list-style: none;
	}
.liste-blocs-art .JAZzone_preview .JAZpreview_photos>li
	{
	background: var(--mdark);
	width: 100%;
	aspect-ratio: 1;
	}
.liste-blocs-art .JAZzone_preview .JAZpreview_photos>li>img
	{
	width: 100%;
	height: 100%;
	object-fit: cover;
	}
.liste-blocs-art .JAZbloc_art .JAZzone_btn .JAZbtn_picto
	{
	display: block;
	background: var(--mdark);
	mask: url(/editorial/icones/articles/del.png) no-repeat center / contain;
	width: 20px;
	aspect-ratio: 1;
	margin: 0;
	transition: .3s background linear;
	cursor: pointer;
	}
.liste-blocs-art .JAZbloc_art .JAZzone_btn .JAZbtn_picto.trad
	{
	mask-image: url(/editorial/icones/articles/trad.png);
	}
.liste-blocs-art .JAZbloc_art .JAZzone_btn .JAZbtn_picto.preview
	{
	mask-image: url(/editorial/icones/articles/preview.png);
	}
.liste-blocs-art .JAZbloc_art .JAZzone_btn .JAZbtn_picto:hover
	{
	background: #ff002d;
	}
.liste-blocs-art .JAZbloc_art .JAZzone_btn .JAZbtn_picto.trad:hover,
.liste-blocs-art .JAZbloc_art .JAZzone_btn .JAZbtn_picto.preview:hover
	{
	background: #229cb5;
	}
.liste-blocs-art .JAZbloc_art .JAZzone_content
	{
	position: relative;
	padding: 20px 10px;
	box-sizing: border-box;
	}
.liste-blocs-art .JAZbloc_art .JAZzone_modifs
	{
	z-index: 21;
	position: absolute;
	inset: 0;
	display: none;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: center;
	grid-gap: 5px;
	background: rgb(255 255 255 / .8);
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
	list-style: none;
	}
.liste-blocs-art .JAZbloc_art:hover .JAZzone_modifs
	{
	display: flex;
	}
.liste-blocs-art .JAZbloc_art .JAZzone_modifs>li
	{
	display: inline-block;
	width: auto;
	}
.liste-blocs-art .JAZbloc_art .JAZzone_modifs .JAZbtn
	{
	display: block;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 5px 10px;
	border: 1px solid var(--tzz-dm);
	border-radius: 20px;
	box-sizing: border-box;
	color: var(--tzz-dm);
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1800 - 320)));
	text-align: center;
	transition: .3s all linear;
	transition-property: background, color;
	}
.liste-blocs-art .JAZbloc_art .JAZzone_modifs .JAZbtn.modif_art:not(:hover)
	{
	background: var(--tzz-m);
	color: #fff;
	}
.liste-blocs-art .JAZbloc_art .JAZzone_modifs .JAZbtn:hover
	{
	background: var(--tzz-dm);
	color: #fff;
	}
.liste-blocs-art .JAZbloc_art .JAZdeplace_art
	{
	/*position: absolute;
	inset: auto auto 0 0;*/
	background: url(/editorial/icones/articles/move.png) no-repeat center / 60% var(--tzz-m);
	width: 35px;
	height: 100%;
	/*aspect-ratio: 1;*/
	margin: 0;
	border-radius: 10px 0 0 10px;
	box-sizing: border-box;
	opacity: .2;
	transition: .3s opacity linear;
	cursor: grab;
	}
.liste-blocs-art .JAZbloc_art .JAZdeplace_art:active
	{
	cursor: grabbing;
	}
.liste-blocs-art .JAZbloc_art .JAZdeplace_art:hover
	{
	opacity: 1;
	}

/*
//////////////////////////
//
// Les titres
//
////////////////////////:
*/





.h2_titre_projet,
.h2_soustitre_projet
	{
	color: #00c0ff;
	font-size: 14px;
	font-weight: 200;
	font-family: Arial;
	text-indent: 0px;
	margin-bottom: 5px;
	background: #ffffff;
	border-radius: 7px;
	padding: 5px;
	margin-top: 5px;
	}

.h2_titre_projet:hover,.h2_soustitre_projet:hover
	{
	background: #ffffff;
	}


.h2_soustitre_projet
	{
	width: 90%;
	padding: 5px;
	}

.h3_titre_projet
	{
	margin:0px;
	margin-left:0px;
	padding-left:0px;
	margin-top:30px;
	color:#000000;
	font-size:16px;
	font-weight:400;
	font-family:Arial;
	text-indent:20px;
	color:#11B8FB;
	}

#suivi_liste_des_etapes .h3_titre_projet
	{
	padding-top:30px;
	padding-bottom:20px;
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 21px;
	font-family: Arial;
	letter-spacing: 1px;
	border-top: 1px dashed #B6B6B6;
	}

.suivi_bloc_rap h2,
.suivi_bloc_rap h3
 	{
	margin:0;
	padding:0;
	}

.cadre_titre_tzz
	{

	font-weight:normal;
	color:#000000;
	font-size:12px;
	font-family:Verdana, Arial, sans-serif;

	background:#eeeeee;
	font-size:12px;
	text-align:left;

	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;

	margin-bottom:15px;
	
	}

.cadre_bloc_tzz
	{
	width:100%;
	border-radius:7px;
	background:#ffffff;
	border:1px solid #555555;
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05);
	padding-top:20px;
	padding-bottom:20px;

	padding-right:2px;
	padding-left:2px;
	}


#page_edit .cadre_bloc_tzz
	{
	width: 100%;
	max-width: 900px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	height: 85%;
	}


.fond_script
	{	
	background-image:url('http://mon.jazimut.fr/editorial/designIMAGE/2009/fond_script.jpg');
	padding:20px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border:1px solid black;
	}

a 
	{
	cursor:pointer;
	}

.lienmenu
	{
	font-weight:normal;
	color:#bbbbbb;
	font-size:12px;
	text-decoration:none;
	font-family:Verdana, Arial, sans-serif;
	}

.lienmenu:hover
	{
	color:#ffffff;
	}

.admin_chat img
	{
	border-radius:7px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
	}


.admin_chat:hover
	{
	box-shadow:2px 2px 5px rgba(0,0,0,0.5);
	}

.lienadmin
	{
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	font-family:Verdana, Arial, sans-serif;
	}

.lienadmin_color
	{
	font-weight:normal;
	color:#1e8aa9;
	text-decoration:none;
	font-family:Verdana, Arial, sans-serif;
	}

.lienadmin:hover,.lienadmin_color:hover
	{
	color:#154396;
	text-decoration:underline;
	}






.bodyGENERAL
	{
	margin:0px;
	padding:0px;
	text-align:center;
	background: #f0f0f0;
	}

.bodyPOPUP
	{
	margin:0px;
	padding:0px;
	text-align:center;
	background: #eee;
	}

img{border:0px;}

td
	{
	font-size:12px;
	font-family:Verdana, Arial, sans-serif;
	text-align:left;
	vertical-align:top;
	}

.valide
	{
	width:100%;
	background-color:#555555;
	border-style:solid;
	border:1px;
	border-color:#000000;
	padding:5px;
	color:#ffffff;
	}

.valide:hover
	{
	background-color:#50c4e5;
	color:#ffffff;
	}


	
p,li	{
	font-size:12px;
	}
	
h1,h2,h3,h4,h5,h6
	{
	margin:0px;
	padding:0px;
	}


table,td,th
	{
	margin:0px;
	padding:0px;
	border-collapse: collapse;
	border-spacing :0px;
	}
	



/*
 -------------------
 parametre
 ------------------- 
*/
.popup_parametre
	{
	margin-top: 30px;
	}

.popup_parametre .formPAGE th
	{
	font-size: 15px;
	color: #15507d;
	}

.popup_parametre .formPAGE th
	{
	width: 35%;
	}

.popup_parametre .formPAGE td,
.popup_parametre .formPAGE th
	{
	border-bottom: 1px solid #dedede;
	}

.popup_parametre input[type=submit]
	{
	position: fixed;
	top: 0;
	left: 0;
	width: 100px;
	padding: 10px;
	border-bottom-right-radius: 10px;
	background-color: var(--tzz-bt-c);
	border-style: solid;
	border: 1px;
	border-color: #000000;
	color: #ffffff;
	}

.popup_parametre input[type=submit]:hover
	{
	background-color: #08859e;
	}

.popup_parametre .formPAGEtitre
	{
	background: none;
	font-family: Verdana, Arial, sans-serif;
	color: #000;
	text-align: left;
	text-indent: 20px;
	}
.popup_parametre .formPAGEtexte
	{
	background: none;
	padding: 10px 0 10px 20px;
	color: #585858;
	font-size: 14px;
	text-indent: initial;
	}
.popup_parametre .formPAGEtexte>*
	{
	background: none;
	padding: 0;
	color: inherit;
	font: inherit;
	}


#onglet_presentation h1
	{
	font-family: Verdana, Arial, sans-serif;
	background: none;
	font-size: 40px;
	color: #1da4e8;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 20px;
	font-weight: normal;
	text-align: right;
	vertical-align: middle;
	}

/*
 -------------------
 message_cree
 ------------------- 
*/

.message_cree
	{
	width:100%;
	max-width:500px;
	text-align:center;
	margin:auto;
	margin-top:50px;
	}

.message_cree h2
	{
	font-size: 25px;
	margin: auto;
	text-align: center;
	color: #555;
	margin-bottom: 13px;
	}

.message_cree h2 span
	{
	display: block;
	font-size: 45px;
	font-weight: bold;
	}

.message_cree input
	{
	border-radius: 5px;
	padding: 2px;
	padding-right: 4px;
	padding-left: 4px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	color: #ffffff;
	border: 1px solid #aaaaaa;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	background: #f5f5f5;
	width: 50%;
	margin-bottom: 7px;
	font-size: 22px;
	padding: 10px;
	background: var(--tzz-bt-bg);
	}


/* ------------------- */
/* Chat - liste utilisateurs
/* ------------------- */

.chat_list {
	margin:0px;
	padding:0px;
	text-align:left;
}

.chat_list_site{
	margin-left:20px;
}

.chat_list li{
	display:inline-block;
	white-space:nowrap;
	overflow:hidden;
}

.chat_list_other{
	vertical-align:top;
}



/*
------------------- 
 grand total reglement
------------------- 
*/

.liste_grand_total_box
	{
	width:100%;
	padding-right:20px;
	margin-top:20px;
	margin-borrom:50px;
	}
.liste_grand_total
	{
	display:block;
	color: #FFFFFF;
	padding: 10px;
	font-size: 14px;
	background: #2B4F5F;
	text-align: center;
	margin: auto;
	margin-top: 10px;
	border-radius: 5px;
	width: 220px;
	}
.liste_grand_total h6
	{
	display: inline-block;
	font-size: 25px;
	}
/*
------------------- 
 reglement
------------------- 
*/

.reglement_liste
	{
	width:100%;
	text-align: center;
	max-width: 300px;
	}

.reglement_liste ul
	{
	text-align: left;
	margin: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.reglement_liste li
	{
	background: #eee;
	padding: 10px;
	list-style: none;
	border: 1px solid #c3c3c3;
	border-radius: 6px;
	width: 100%;
	cursor:pointer;
	box-sizing: border-box;
	}

.reglement_liste_total h6
	{
	font-weight: 800;
	font-size: 38px;
	color: #ffffff;
	display: inline-block;
	margin-left: 10px;
	}

.reglement_liste_detail
	{
	color: #000;
	font-size: 12px;
	text-align: left;
	width: 80%;
	margin: auto;
	}

.reglement_liste_total
	{
	color: #FFFFFF;
	padding: 10px;
	font-size: 20px;
	background: var(--tzz-bt-c);
	text-align: center;
	margin-top: 10px;
	border-radius: 5px;
	width: 100%;
	max-width: 300px;
	font-weight: 200;
	box-sizing: border-box;
	}

.reglement_liste_ajout
	{
	color: #777777;
	font-size: 12px;
	background: #ffffff;
	text-align: center;
	}

.reglement_liste_ajout:hover
	{
	color: #000000;
	background: #f5f5f5;
	}


.facture_listepr_tabledetails
	{
	background: #E4E4E4;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.16);
	width: 100%;
	border: 1px solid #C8C8C8;
	margin-bottom: 27px;
	}
.facture_listepr_tabledetails td
	{
	padding: 15px;
	}









/* ------------------- 

 liste  facture non regle

/* ------------------- */




.facture_liste_nonregle ul
	{
	text-align: left;
	text-align: left;
	width: 80%;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.facture_liste_nonregle li
	{
	color: #7B7B7B;
	cursor:pointer;
	font-weight: 200;
	}


.facture_liste_nonregle h3 span
	{
	font-weight:800;
	font-size:16px;
	color:#ffffff;
	display:inline-block;
	margin-left: 10px;
	}

.facture_liste_nonregle h4
	{
	color: #00A3FF;
	font-size: 12px;
	text-align: left;
	width: 80%;
	margin: auto;
	margin-top:15px;
	}

.facture_liste_nonregle h3
	{
	color: #FFFFFF;
	padding: 10px;
	font-size: 12px;
	background: #3DBCF8;
	text-align: center;
	border-radius: 5px;
	width: 80%;
	margin-top: -8px;
	max-width: 220px;
	font-weight: 200;
	}






/*
///////////////////
//
// expedition
//
//////////////////
*/


.expedition_titre
	{
	max-width: 1000px;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	}

.expedition_blocs
	{
	text-align: center;
	}

.expedition_blocs>div
	{
	width: 100%;
	box-sizing: border-box;
	margin: auto;
	margin-bottom: 50px;
	max-width: 1000px;
	}

.expedition_blocs table
	{
	width: 100%;
	margin: auto;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	display: block;
	}

.expedition_blocs .table_pr
	{
	height: 300px;
	overflow: auto;
	padding-right: 10px;
	}

.expedition_blocs .initialisation
	{
	display: block;
	background: #ffffff;
	border: 1px solid #555;
	border-radius: 5px;
	width: 100%;
	text-align: center;
	opacity: 0.4;
	/* height: 14px; */
	margin-bottom: -3px;
	padding: 3px;
	margin-top: 15px;
	box-sizing: border-box;
	}

.expedition_blocs>div>table
	{
	border: 1px solid #d8d8d8;
	z-index: 1;
	position: relative;
	}


.expedition_blocs .table_pr img { width: 100%; }

.expedition_blocs .expedition_table td 
	{
	width:33.33%;
	padding:10px;
	box-sizing: border-box;
	}

.expedition_blocs .expedition_table td h3
	{
	font-size: 14px;
	font-weight: 200;
	text-transform: lowercase;
	padding: 10px;
	color: #a5a5a5;
	}

.expedition_blocs .expedition_table td .voir
	{
	display: block;
	background: #fff;
	border: 1px solid #555;
	border-radius: 5px;
	width: 50px;
	text-align: center;
	opacity: 0.4;
	height: 14px;
	padding: 3px;
	}

.expedition_blocs .expedition_table td a:hover { opacity:1; }

.expedition_blocs .table_pr>div
	{
	border-bottom: 1px dashed #777;
	padding-bottom:15px;
	}


.expedition_blocs h2
	{
	background: #ffffff;
	font-weight: 200;
	color: var(--tzz-bt-c);
	padding: 10px;
	font-family: Montserrat;
	width: 100%;
	max-width: 500px;
	border-top-right-radius: 15px;
	font-size: 20px;
	text-align: left;
	margin-bottom: -8px;
	z-index: 1000;
	position: relative;
	border-top: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	}


.expedition_blocs table input[type=text],
.expedition_blocs table input[type=button],
.expedition_blocs table select,
.expedition_blocs table div[type=button],
.expedition_blocs table input[type=submit]
	{
	color: #525252;
	font-size: 14px;
	font-weight: 200;
	font-family: Arial;
	text-indent: 0px;
	margin-bottom: 5px;
	border-radius: 5px;
	padding: 10px;
	border: 1px solid #D4D4D4;
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	box-sizing: border-box;
	width: 100%;
	}

.expedition_blocs table input[type=button]:hover,
.expedition_blocs table div[type=button]:hover,
.expedition_blocs table input[type=submit]:hover,
.expedition_blocs table select:hover
	{
	background:#f5f5f5;
	}

.expedition_blocs table div[type=button]
	{
	cursor:pointer;
	text-align:center;
	}

.expedition_blocs table input[type=text]
	{
	background:#fff;
	}


.expedition_blocs h4
	{
	font-size: 14px;
	font-weight: 200;
	color: #b5b5b5;
	margin-top: 10px;
	}

.expedition_blocs .adresse li
	{
	font-size: 15px;
	color: #9b08a2;
	}

.expedition_blocs .client li
	{
	font-size: 15px;
	color: #555;
	}




/*
///////////////////
//
// Objectifs
//
//////////////////
*/

._grid
	{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 40px 60px;
	align-items: stretch;
	width: 100%;
	}
._grid._3col
	{
	grid-template-columns: repeat(3, minmax(0, 1fr));
	}

.zone-obj
	{
	height: 100%;
	}
.zone-obj._grid._3col
	{
	grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 3fr);
	}

.zone-obj>div
	{
	width: 100%;
	text-align: left;
	}

.zone-obj h1
	{
	margin: 0 auto;
	padding: 0 0 20px;
	color: #111;
	font: 600 25px/1.2 'Oswald', sans-serif;
	font-size: calc(20px + (25 - 20) * ((100vw - 320px) / (1800 - 320)));
	text-align: center;
	}
.zone-obj h2
	{
	margin: 0 auto;
	padding: 0 0 10px;
	color: #111;
	font: 400 18px/1.2 'Poppins', sans-serif;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1800 - 320)));
	}


/*
///////////////////
//
// formulaire
//
//////////////////
*/

/* Titre en au de tableau */
.formulaireGDTITRE {
	color : #000000;
	text-align : left;
	vertical-align:top;
	padding:5px;
	}

.formulaireGDTITRE_texte
	{
	z-index: 20;
	color: var(--tzz-titre);
	font-size: 30px;
	font-weight: 200;
	letter-spacing: 1px;
	margin-bottom: 8px;
	position: relative;
	padding: 4px;
	font-family: Montserrat;
	font-weight: 200;
	letter-spacing: -1px;
	text-align:left;
	}


.formulaire_manager h2,
.menu_lien h1,
h2,
.formulaire_forum h2,
.mail_systeme h1,
.formulaire_syncro h2
	{
	color:#000;
	font-size:12px;
	font-family:Verdana, Arial, sans-serif;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	padding:15px;
	padding-right:20px;
	}

.menu_lien
	{
	background-color:#f7f7f7;
	margin-bottom: 10px;
	padding: 15px 0px 10px 15px;
	color:#222;
	text-align:left;
	font-size:18px;
	font-family:sans;
	font-style:italic;
	font-weight:lighter;
	}


.article_liste
	{
	font-family:"Arial";
	padding:5px;
	margin-bottom:20px;
	}

	
	
/*
.menu_page  th
	{
	background-color :#eeeeee;
	color:#000000;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	}
*/
		
.article_liste td
	{
	color:#000000;
	font-size:12px;
	margin:0px;
	padding:0px;
	}


.menu_barreoutils
	{
	width:100px;
	}

input::-webkit-input-placeholder
	{
	color:#424242;
	font-style:italic;
	}
input:-moz-placeholder
	{
	color:#424242;
	font-style:italic;
	}
input::placeholder
	{
	color:#424242;
	font-style:italic;
	}
	


.formPAGE .champ_principal th
	{
	padding: 5px;
	background: var(--tzz-bt-c);
	color: #ffffff;
	vertical-align: middle;
	font-size: 20px;
	border-bottom: 1px solid #fff;
	font-weight: 200;
	padding-right: 10px;
	letter-spacing: 3px;
	border-radius: 5px;
	margin-left: 10px;
	border-right: none;
	}

.formPAGE .champ_principal td input,
.formPAGE .champ_principal td select
	{
	vertical-align: top;
	border: 0;
	border-radius: 0;
	font-weight: 500;
	font-size: 30px;
	color: #0d7fa5;
	padding: 10px;
	height:50px; /* pour firefox */
	}

.formPAGE .liste
	{
	background: #f5f5f5;
	margin: 0;
	min-height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	}


.table_donnee_cadre
	{
	width:100%;
	padding:0;
	margin:0;
	}


.table_donnee_cadre .info_facture h5
	{
	font-size: 15px;
	display: inline-block;
	margin-top: 10px;
	}

.table_donnee_cadre .info_facture h5 div
	{
	width: 50px;
	text-align: center;
	padding: 2px;
	border-radius: 5px;
	margin-left: 5px;
	font-weight: 200;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
	font-size: 13px;
	}

.table_donnee_cadre .info_facture span
	{
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-size: 14px;
	color: #555;
	display: block;
	}

.table_donnee_cadre .info_facture h6
	{
	font-size: 15px;
	padding-left: 10px;
	margin-bottom: 10px;
	}

.table_donnee_cadre .info_facture p
	{
	}



/* Input cadre gauche */
.chercher_cadre
	{
	vertical-align:bottom;
	width:28%;
	height:43px;
	color:#333;
	font-family:sans;
	margin:0px;
	}


.fiche_info, .page_info,.menu_info
	{
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	height:30px;
	vertical-align:middle;
	}



	
input,textarea
	{
	font-family:Verdana, Arial, sans-serif;
	padding-left:15px;
	}
	
option
	{
	padding-left:20px;
	padding-right:10px;
	font-size:12px;
	font-family:Verdana, Arial, sans-serif;
	}

textarea
	{
	width:100%;
	padding-top:7px;
	padding-bottom:7px;
	font-size:12px;
	}



.bouton_ajout
	{
	border:1px solid #555555;
	text-align:center;
	color:#eeeeee;
	background:#aaaaaa;
	border-radius:7px;
	margin-top:20px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:010px;
	width:100%;
	}


#page_central .JAZzone_ajout
	{
	z-index: 9000;
	position: fixed;
	inset: auto 0 20px;
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	width: auto;
	max-width: fit-content;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}

#page_central .bouton_ajout_fiche,
#page_central .bouton_ajout_template
	{
	z-index: 9000;
	position: fixed;
	inset: auto 20px 20px auto;
	width: 60px;
	height: 60px;
	padding: 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
	}

#page_central .JAZzone_ajout .JAZbtn_ajout
	{
	position: relative;
	inset: auto;
	}

#page_central .bouton_ajout_fiche h4,
#page_central .JAZzone_ajout h4
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: var(--tzz-bt-bg);
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #aaaaaa;
	border-radius: 50%;
	box-sizing: border-box;
	color: #fff!important;
	font-size: 50px;
	font-weight: 200;
	line-height: 1;
	text-align: center;
	transition: .21s all linear;
	transition-property: background, box-shadow;
	}
#page_central .JAZzone_ajout span
	{
	display: block;
	margin: 5px auto 0;
	}

#page_central .bouton_ajout_fiche h4:hover,
#page_central .JAZzone_ajout h4:hover
	{
	background: var(--tzz-bt-c);
	box-shadow: 0 0 10px rgb(0 0 0 / .4);
	}


#page_central .JAZzone_ajout .bouton_ajout_fiche ul
	{
	z-index: 10000;
	position: absolute;
	inset: auto -140px 100%;
	display:none;
	background: #fff;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #cecece;
	border-radius: 5px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	box-sizing: border-box;
	list-style: none;
	width: 280px;
	color: #777;
	font-size: 14px;
	text-align: center;
	}

#page_central .JAZzone_ajout .bouton_ajout_fiche:hover ul
	{
	display:block;
	}

#page_central .bouton_ajout_fiche li
	{
	padding: 10px;
	border-bottom: 1px dashed #ddd;
	box-sizing: border-box;
	cursor: pointer;
	}

#page_central .bouton_ajout_fiche li:hover
	{
	background:#f5f5f5;
	}






/*

//////////////////////:
liste_manager_cadre
//////////////////////:

*/

.liste_manager_cadre .donnees
	{
	border-radius:5px;
	padding:5px;
	vertical-align:middle;
	}

.liste_manager_cadre .donnees a
	{
	font-size: 16px;
	display: inline-block;
	padding: 4px;
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 1%;
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
	color: #6E6E6E;
	border: 1px solid #D8D8D8;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	margin-bottom: 3px;
	width: 31.33%;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 200px;
	text-align: center;
	}

.liste_manager_cadre .donnees a:hover
	{
	background-color: var(--tzz-bt-bg);
	color:#fff;
	}

.liste_manager_cadre .trie
	{
	display: flex;
	width: 100%;
	}

.liste_manager_cadre .trie form
	{
	display: flex;
	width: 100%;
	max-width: 500px;
	}

.liste_des_pages_haut,
.liste_des_pages_bas
	{
	text-align: right;
	font-size: 16px;
	width:100%;
	color: #115d6d;
	padding-top: 9px;
	box-sizing: border-box;
	}

.liste_des_pages_haut a,
.liste_des_pages_bas a
	{
	text-align: right;
	color: #115d6d;
	font-size: 16px;
	padding: 7px;
	font-family: Verdana, Arial, sans-serif;
	padding-top: 3px;
	padding-bottom: 3px;
	z-index: 10100;
	display: inline-block;
	opacity: 0.4;
	}

.liste_des_pages_haut a:hover,
.liste_des_pages_bas a:hover
	{
	color:#000000;
	background:#fff;
	}

.liste_des_pages_haut a.page_on,
.liste_des_pages_bas a.page_on
	{
	background: var(--tzz-bt-bg);
	opacity: 1;
	color: #fff;
	border-radius: 4px;
	}

.liste_des_pages_haut div,
.liste_des_pages_bas div
	{
	display: inline-block;
	}

.liste_des_pages_haut div a,
.liste_des_pages_bas div a
	{
	opacity: 1;
	}


.liste_des_pages_bas
	{
	padding-right: 70px;
	margin-top: 20px;
	margin-bottom: 20px;
	}

.liste_manager_cadre .trie form input:nth-of-type(1) { width:60%;margin-right:10px; }
.liste_manager_cadre .trie form input:nth-of-type(2) { width:20%; }
.liste_manager_cadre .trie form select { width:20%;margin-right:10px; }


/*

////////////////////////
// recherche auto
////////////////////////

*/

#autocomplete_recherche_tout
	{
	overflow:auto;
	height:250px;
	width:90%;
	color:#777777;
	margin:auto;
	}

#autocomplete_recherche_tout>ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	}

#autocomplete_recherche_tout>ul>li
	{
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px dashed #909090;
	}

#autocomplete_recherche_tout>ul>li>a
	{
	color: #0b7990;
	font-size: 16px;
	}


#autocomplete_recherche_tout>ul>li>ul
	{
	margin-top: 5px;
	}

/*
/////////////////////
Les listes fichie inc
//////////////////////
*/


select:hover,
textarea:hover,
.champTITRE:hover, 
input[type=text]:hover,
input[type=password]:hover
	{
	color:#000000;
	box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
	z-index:10;
	}
	
input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus,
.champTITRE:focus
	{
	border-left:5px solid #555555;
	color:#000000;
	box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
	}

input,
textarea
	{
	outline: none;
	}

 textarea 
	{
	height:70px;
	}


.textarea_long
	{
	height:170px;
	}

.textarea_long:focus 
	{
	height:400px;
	}

.champTITRE:focus
	{
	font-weight:bold;
	}

.texteART
	{
	padding:10px;
	font-size:12px;
	height:200px;
	width:100%;	
	}
.texteART:focus
	{
	height:300px;
	}

.champTITRE
	{
	font-family:Verdana, Arial, sans-serif;
	background:#ffffff;
	font-size:18px;
	color:#555555;
	padding:10px;
	vertical-align:top;
	width:100%;	
	}

	
.liste_manager_champprincipal
	{
	color:#000000;
	background:#ffffff;
	font-size:14px;
	vertical-align:middle;
	}
	

.liste_manager_bouton, .liste_produit_bouton
	{
	width:140px;
	padding-right:10px;
	padding-left:10px;
	border-right:1px solid #000000;	
	vertical-align:middle;
	border-bottom:0px;	
	}


#liste_produit_facture .bouton_facture
	{
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	border: 1px solid #555;
	background-color: #fff;
	padding: 3px;
	border-radius: 5px;
	margin-right: 5px;
	opacity: 0.5;
	}

#liste_produit_facture .bouton_facture:hover
	{
	border: 1px solid #000;
	opacity: 1;
	}

.liste_table_groupe
	{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:center;
	background: #35BAD4;
	color:#ffffff;
	font-size:16px;
	}

.article_liste_cadre, .menu_lien,.formulaire_page,  ,.formulaire_forum, .formulaire_syncro,.formulaire_popup,.liste_forum_cadre,.formulaire_menu_cadre
	{
	color:#000000;
	font-size:12px;
	font-family:Verdana, Arial, sans-serif;
	text-align:left;
	vertical-align:top;

	width:650px;
	margin:0px;
	padding:0px;
	border-collapse: collapse;
	border-spacing :0px;
	z-index:10100;
	}

.cadre_de_position_page
	{
	width:550px;
	position:relative;
	top:60px;
	}
	

.formulaire_page_menu
	{
	padding-bottom:5px;
	padding-left:10px;
	}
	


.liste_forum_cadre
	{
	width:100%;
	}

.liste_manager,.liste_produit
	{
	width:100%;
	margin:0px;
	padding:0px;
	border-collapse: collapse;
	border-spacing :0px;
	}



.liste_manager td
	{
	border-bottom-width:1px;
	border-bottom-style:dashed;
	border-bottom-color:#CECECE;	
	vertical-align:top;
	padding-top:15px;
	padding-bottom:15px;
	font-size:12px;
	padding-left:10px;
	border-right: 1px solid #000000;
	}

.liste_manager tr:hover
	{
	background:#f5f5f5;
	}

.liste_manager h2
	{
	color:#000000;
	font-size:20px;
	}	

.liste_manager cite
	{
	color:#777777;
	font-size:12px;
	padding-left: 10px;
	border-left: 1px dotted #9B9A9A;
	margin-left: 20px;
	width: 90%;
	margin-top: 10px;
	display: block;
	}	
.liste_manager p
	{
	color:#777777;
	font-size:12px;
	font-style: italic;
	}	


.liste_manager  a
	{
	font-size:12px;
	color:#000000; 	
	font-weight:normal;
	}

.liste_manager_outils
	{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	text-align:left;
	padding:5px;
	}
.liste_manager_outils a
	{
	text-decoration:none;
	color:#868686;
	padding:5px;
	background:none;
	border-radius:5px;
	border: 1px none #555555;
	}
.liste_manager_outils a:hover
	{
	color:#000000;
	background:#eeeeee;
	border: 1px solid #555555;
	}


#mot_liste_chercher, #champ_liste_chercher,.bouton_liste_chercher
	{
	padding:8px;
	border-radius:5px;
	background:none;
	color:#333333;
	border: 1px solid #555555;
	}
#mot_liste_chercher
	{
	text-indent:15px;	
	}

#mot_liste_chercher:focus
	{
	box-shadow: 0 0 20px rgba(168, 220, 241, 1);
	}

.bouton_liste_chercher:hover
	{
	background:#ffffff;
	color:#000000;
	}




.liste_forum th,
	{
	text-align:center;
	background : #eeeeee;
	height:60px;
	padding:0px;
	margin:0px;
	font-weight:normal;
	}


.liste_manager th
	{
	padding-left:10px;
	text-align:left;
	border-radius:0px;
	margin-right:3px;
	background:#DBDBDB;
	border-right: 1px solid #000000;
	font-weight:normal;
	font-size: 16px;
	padding: 5px;
	}

.liste_manager th a
	{
	text-decoration:none;
	font-size: 16px;
	}



.liste_manager_prix
	{
	font-size:12px;
	color:#000000;
	}
.liste_manager_prix h6
	{
	color:#00ADFF;
	font-size:20px;
	font-weight: 500;
	display: inline-block;
	}
	





.menu_lien,.menu_recherche
	{
	width:100%;
	}

body #autocomplete_recherche_moteur_site .liste_des_domaines
	{
	list-style-type:none;
	margin:0px;
	padding:5px;
	}

body #autocomplete_recherche_moteur_site .liste_des_domaines li
	{
	margin: 0;
	padding: 1px;
	border: none;
	height: 20px;
	overflow: hidden;
	}

body #autocomplete_recherche_moteur_site .liste_des_domaines li:hover
	{
	background:none;
	}



.article_liste
	{
	width:550px;
	}








 .formPAGE, .formPAGE_position
	{
	width:100%;
	font-size:12px;
	color:#aaaaaa;
	font-family:Verdana, Arial, sans-serif;
	}
	
.formPAGE th,
.formPAGE_position th
	{
	background-color:#ffffff;
	font-size:12px;
	color:#555555;
	font-family:Verdana, Arial, sans-serif;
	text-align:right;
	vertical-align:top;
	padding-right:20px;
	padding-top:2px;
	width:30%;
	font-weight:normal;
	border-bottom: 1px dashed #eeeeee;
	border-right: 1px solid #A3A3A3;
	padding:10px;
	}

.formPAGE_position th
	{
	width:95%;
	}
	
.formPAGE td ,.formPAGE_position td
	{
	vertical-align:top;	
	}
	
.formPAGE td>input,
.formPAGE .date input,
.formPAGE .date select,
.formPAGE td>select,
.formPAGE td>textarea
	{
	border-width: 0px;
	border-style: none;
	background: #f5f5f5;
	border: none;
	font-size: 16px;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	color: #60afca;
	width: 100%;
	text-indent: 0px;
	/*
		padding-left: 30px;
		padding: 10px;
		font-size: 16px;
	*/
	margin: 0;
	padding: 10px;
	z-index: 1;
	position: relative;
	}

.formPAGE td>input[type=checkbox]
	{
	width: initial;
	margin-top: 11px;
	vertical-align: text-bottom;
	margin-right: 5px;
	margin-left: 5px;
	}


.formPAGE td>textarea
	{
	height: auto;
	min-height: 120px;
	field-sizing: content;
	font-size: 12px;
	}

.formPAGE td .date
	{
	display:flex;
	width:100%;
	background: #f5f5f5;
	}

.formPAGE td p
	{
	width: 100%;
	color: #a7a7a7;
	background: #f5f5f5;
	margin: 0;
	padding: 8px;
	box-sizing: border-box;
	padding-left: 30px;
	}

.formPAGE td a
	{
	color: #1e7686;
	text-decoration: none;
	}

.formPAGE td a:hover
	{
	text-decoration: underline;
	}

.formPAGE td .date input { width:60%; }
.formPAGE td .date select 
	{
	width: 20%;
	padding: 0;
	border-left: 1px dashed #c5c5c5;
	color: #777;
	font-size: 12px;
	text-align: center;
	}

.formPAGE td>select:hover,
.formPAGE td>textarea:hover,
.formPAGE td>input[type=text]:hover,
.formPAGE td>input[type=password]:hover
	{
	color:#000000;
	box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
	z-index:10;
	}


.formPAGE .liste_manager.facture tr.ligne td:nth-of-type(2)
	{
	min-width: 180px;
	text-align: center;
	border: none;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CECECE;
	}

.formPAGE .liste_manager.facture tr.ligne:hover
	{
	background-color: #f5f5f5;
	}


.formPAGE .liste_manager.facture tr.description td
	{
	border:none;
	}

.formPAGE .liste_manager.facture .FACTintitule
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	}
.formPAGE .liste_manager.facture .FACTmove::before
	{
	content: 'unfold_more';
	display: inline-block;
	color: #666;
	font: 400 20px/1 'Material Icons';
	text-transform: none;
	cursor: grab;
	}
.formPAGE .liste_manager.facture .FACTmove:active::before
	{
	cursor: grabbing;
	}

.formPAGE .liste_manager.facture a
	{
	text-decoration:none;
	}

formulaire_manager h1>a
	{
	color:#ffffff;
	font-size:12px;
	}

.tableauSELECTION th, .mail_systeme h1, .article_liste_cadre  th, .formulaire_manager h1,.formulaire_manager h1, .formulaire_forum h1,.espace_colaboration h1,.formulaire_syncro h1,.formulaire_popup h1
	{
	font-family:Verdana, Arial, sans-serif;
	background:#555555;
	font-size:12px;
	color:#ffffff;
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:20px;
	font-weight:normal;
	text-align:right;
	vertical-align:middle;
	}


.tableauSELECTION
	{
	width:100%;
	background:#ffffff;
	}

.tableauSELECTION td
	{
	padding:15px;
	}

	
.article_info_liste
	{
	width:100%;
	}

.article_info_liste td
	{
	padding-top:10px;
	}

.article_liste_cadre
	{
	background:none;
	margin-top:20px;
	}







.text_explic
	{
	font-size:12px;
	color:#777777;
	text-decoration:none;
	font-family:Verdana, Arial, sans-serif;
	text-align:justify;
	vertical-align:top;
	padding:10px;
	}
	




.ref	
	{
	background:#8c8c8c;
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, sans-serif;
	text-align:left;
	vertical-align:top;
	}


.menu_barreoutils_separation
	{
	font-size:16px;
	color:#087291;
	font-family:Verdana, Arial, sans-serif;
	text-align:left;
	margin-top:15px;
	margin-bottom:5px;
	vertical-align:top;
	}



.menu_barreoutils_separation
	{
	margin-top:15px;
	}




.champ_moteur_menu_p
	{
	width:70%;
	padding:5px;
	}

#menu_zbarre_contenu .champ_moteur_menu_p_cadre
	{
	color:#333;
	font-family:sans;
	font-size:25px;
	margin-right:0px;
	}

#menu_zbarre_contenu .champ_moteur_cadre_select
	{
	width:48%;
	margin:2px auto;
	padding:5px;
	border:1px solid #eee;
	}

#calendrier_condition_type
	{
	width: 100%;
	background: none;
	padding: 10px;
	border:1px solid #ddd;
	}


.champ_moteur_du,
.champ_moteur_au
	{
	font-size:15px;
	}

.champ_moteur_au
	{
	margin-left:5px;
	}

	
.formPAGEtitre
	{
	background: #ffffff;
	color: #585858;
	font-size: 20px;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-weight: 200;
	border-bottom: 1px solid #B1B1B1;
	font-family: Montserrat;
	}







.moteur_recherche_autocompleter_btp
	{
	position: absolute;
	top: 4px;
	left: 5px;
	border-radius: 5px;
	background: #ffffff;
	border-radius: 0;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 15px;
	margin-left: 16px;
	margin-top: -5px;
	border: 1px solid #c1c1c1;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	z-index: 100;
	}


.moteur_recherche_autocompleter
	{
	margin:0px;
	padding:0px;
	padding-left:10px;
	text-align: left;
	list-style:none;
	}

.moteur_recherche_autocompleter li
	{
	text-align:left;
	font-size:12px;
	margin:0;
	padding-top:4px;
	padding-bottom:4px;
	cursor:pointer;
	background:none;
	border-radius:5px;
	white-space:nowrap;
	display:inline-block;
	margin-right:15px;
	color:#02ACFF;
	width:100%;
	}


.moteur_recherche_autocompleter input[type=checkbox]
	{
	vertical-align: middle;
	}




.system_bouton_outils
	{
	display: inline-block;
	padding: 5px;
	margin: 1px;
	border-radius: 3px;
	cursor:pointer;
	opacity: 0.2;
	}

.system_bouton_outils:hover { opacity: 1;}

.system_bouton_outils img { height:20px; }

.system_bloc_outils
	{
	z-index: 100010;
	position: absolute;
	inset: 100% 20px auto auto;
	display: none;
	background: var(--mlite-d);
	width: 100%;
	height: 470px;
	max-width: 680px;
	min-height: 30%;
	margin: 0 auto;
	padding: 0;
	border: 10px solid #fff;
	border-radius: 30px;
	box-sizing: border-box;
	box-shadow: 0 -1px 2px 0 rgba(0,0,0,.3), 0 -2px 6px 2px rgba(0,0,0,.15);
	overflow: hidden;
	text-align: center;
	}
.system_bloc_outils>div
	{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 20px 40px;
	box-sizing: border-box;
	overflow: hidden auto;
	}
.system_bloc_outils ul
	{
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	grid-gap: 5px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	}
.system_bloc_outils li
	{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 5px 10px;
	align-items: center;
	width: 100%;
	padding: 10px 5px;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	transition: .21s background linear;
	}
.system_bloc_outils li:hover
	{
	background: rgb(0 0 0 / .08);
	}
.system_bloc_outils img
	{
	width: 100%;
	max-width: 60px;
	margin: 0 auto;
	border-radius: 10px;
	}
.system_bloc_outils .app>img
	{
	max-width: 50px;
	}
.system_bloc_outils h6,
.system_bloc_outils h7
	{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	font: 200 11px/1.4 sans-serif;
	white-space: nowrap;
	text-overflow: ellipsis;
	}
.system_bloc_outils h7
	{
	font-size: 9px;
	}
.system_bloc_outils h7:empty
	{
	display: none;
	}
.system_bloc_outils hr
	{
	grid-column: 1 / -1;
	width: 60%;
	}





#page_central
	{
	border:0px;
	z-index:10002;
	text-align:center;
	box-sizing: border-box;
	width: 100%;
    	padding: 100px 10px 0 60px;
	}



















/*
////////////////////////
// Selecteur annuaires dans fiches
////////////////////////
*/

.formulaire_popup {
	background: #424242;
	width: 100%;
	margin: 0 auto;
	padding: 40px;
	box-sizing: border-box;
	text-align: left;
}
.formulaire_popup>h2 {
	background: var(--tzz-bt-bg);
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	border-radius: 10px 10px 0 0;
	box-sizing: border-box;
	color: #fff;
	font: 400 21px/1 sans-serif;
}
.formulaire_popup ul {
	background: var(--mlite-d);
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	border-radius: 0 0 10px 10px;
	box-sizing: border-box;
	list-style: none;
}
.formulaire_popup ul>li {
	display: inline-block;
	width: 100%;
}
.formulaire_popup ul>li + li {
	margin: 5px auto 0;
}
.formulaire_popup ul>li>a {
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	color: var(--mdark);
	font: 400 15px/1 sans-serif;
	text-decoration: none;
	outline: none;
	opacity: .6
}
.formulaire_popup ul>.ligne_on>a {
	background: var(--tzz-bt-bg);
	padding: 5px 15px 5px 10px;
	border-radius: 20px;
	box-sizing: border-box;
	color: #fff;
}
.formulaire_popup ul>li>a::before {
	content: 'toggle_off';
	display: inline-flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: auto;
	height: 15px;
	margin: 0 10px 0 0;
	color: inherit;
	font-size: 25px;
	font-family: 'Material Icons Outlined';
	font-variant: none;
	text-transform: none;
	opacity: .6;
}
.formulaire_popup ul>.ligne_on>a::before {
	content: 'toggle_on';
	color: #fff;
	opacity: initial;
}
.formulaire_popup ul>li>ul {
	width: 100%;
	padding: 5px 0 0 25px;
}



/*
////////////////////////
// Les bouton des listes
////////////////////////
*/

.liste_bouton_bloc
	{
	width:140px;
	position:relative;
	}


.modifier,.effacer,.detruire,.restaurer,.ajouter,.rafraichir,.configurer
	{
	border:1px solid #ABABAB;
	background:#ffffff;
	width:67px;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	display: inline-block;
	border-radius: 4px;
	font-size: 12px;
	color:#000000;
	text-align:center;
	text-decoration:none;
	}

.configurer
	{
	width:130px;
	background: linear-gradient(#B8E3F4, #8FC2E4);
	}
.configurer:hover
	{
	text-decoration:none;
	background:#8FC2E4;
	}


.rafraichir
	{
	opacity:0.2;
	width: 90%;
	font-size: 14px;
	margin: auto;
	margin-left: 5%;
	}
.rafraichir:hover
	{
	opacity:1;
	}

.restaurer
	{
	background:linear-gradient(#ffffff, #efefef);
	}

.restaurer:hover
	{
	background:linear-gradient(#D7EE50, #9FC05C);
	text-decoration:none;
	}


.detruire
	{
	background:#eeeeee;
	}

.detruire:hover
	{
	background: linear-gradient(#FFC377, #B6570C);
	text-decoration:none;
	}

.modifier
	{
	background:linear-gradient(#ffffff, #efefef);
	}
.modifier:hover
	{
	background:linear-gradient(#D7EE50, #9FC05C);
	text-decoration:none;
	}

.effacer
	{
	background:#eeeeee;
	}

.effacer:hover
	{
	background: linear-gradient(#FFC377, #B6570C);
	text-decoration:none;
	}

.ajouter
	{
	margin-left: 5px;
	color:#000000;
	width:109px;
	opacity: 0.4;
	background: linear-gradient(#B3E0FF, #97C9D4);
	}
.ajouter:hover
	{
	opacity: 1;
	background: linear-gradient(#D2E6FF, #70C4E0);
	text-decoration:none;
	}











/*    
////////////////////////
//
// moteur_central_trie
//
////////////////////////
*/

.moteur_central_trie 
	{
	width: 92%;
	max-width: 420px;
	margin-left: 10px;
	}

.moteur_central_trie select,
.moteur_central_trie input[type=text]
	{
	width: 100%;
	padding: 7px;
	background: none;
	margin-top: 10px;
	font-size: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(169, 169, 169);
	}

.moteur_central_trie_submit
	{
	margin-right: 200px;
	border-radius: 5px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 3px;
	margin-top: 15px;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.24);
	border: 1px solid #A7A7A7;
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	text-decoration: none;
	color: #000;
	padding: 10px;
	display: block;
	}

//vente_produit_bouton
.moteur_central_trie_submit:hover
	{
	background:#FAFAFA;
	}


/*    
////////////////////////
//
// formulaire fiche
//
////////////////////////
*/

.fiche_colonne .fiche_bouton_wizimel
	{
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 100000;
	}

.fiche_colonne .photo
	{
	position: relative;
	background: no-repeat center / contain #ddd;
	width: 100%;
	height: 300px;
	border: 20px solid #ddd;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
	}

.fiche_colonne .photo a
	{
	position: absolute;
	bottom: 20px;
	margin-left: -25%;
	width: 50%;
	}


.fiche_colonne .photo h2
	{
	border: none;
	font-family: Montserrat;
	font-weight: 200;
	letter-spacing: -1px;
	color: #ffffff;
	font-size: 25px;
	margin: auto;
	top: 30%;
	position: absolute;
	width: 100%;
	}

.art_bloc h2,
.fiche_colonne h2
	{
	border: none;
	font-family: Montserrat;
	font-weight: 200;
	letter-spacing: -1px;
	color: var(--tzz-bt-c);
	font-size: 25px;
	}

.art_bloc h3,
.fiche_colonne h3
	{
	border: none;
	font-family: Montserrat;
	font-weight: 200;
	letter-spacing: -1px;
	color: #000000;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 5px;
	}


.art_bloc .champTITRE,
.art_bloc .champTEXTE,
.fiche_colonne .champTITRE,
.fiche_colonne .champTEXTE
	{
	font-family: Verdana, Arial, sans-serif;
	background: #ffffff;
	font-size: 16px;
	color: #0d7fa5;
	padding: 20px;
	vertical-align: top;
	border: 1px solid #c7c7c7;
	border-radius: 5px;
	width: 100%;
	}


.art_bloc #fichier_s a.art_btp_modif:nth-of-type(1)
	{
	display: block;
	max-width: 200px;
	margin: auto;

	padding: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	}

.art_bloc #fichier_s a.art_btp_modif:nth-of-type(2)
	{
	display: block;
	max-width: 200px;
	margin: auto;
	font-size: 12px;

	margin-top:10px;
	opacity:0.5;

	padding: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	}

.art_bloc .le_message
	{
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%;
	height: 600px;
	}

#texte_t .champTITRE_fiche
	{
	background: #ffffff;
	font-size: 30px;
	color: #00b4ff;
	padding: 10px;
	vertical-align: top;
	width: 100%;
	font-weight: 200;
	font-family: Montserrat;
	border: 0;
	line-height: 25px;

	margin-bottom: 20px;
	margin-top: 20px;

	}

.fiche_menu_option
	{
	position: absolute;
	right: 2px;
	bottom: 7px;
	z-index: 10000;
	}

.fiche_menu_option h4
	{
	padding: 5px;
	padding-top: 0px;
	font-size: 20px;
	margin: 0;
	border-radius: 3px;
	margin-top: 5px;
	color: #ffffff;
	margin-right: 5px;
	border: 1px solid #d0d0d0;
	background: var(--tzz-bt-bg);
	line-height: 14px;
	padding-bottom: 7px;
	z-index: 1000;
	box-sizing: border-box;
	height: 25px;
	}


.fiche_menu_option ul
	{
	display: none;
	background: var(--tzz-bt-bg);
	padding: 0px;
	bottom: -17px;
	position: absolute;
	right: -7px;
	z-index: 10000;
	width: 170px;
	border-radius: 5px;
	border: 1px solid #cecece;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	list-style: none;
	margin: 0;
	box-sizing: border-box;
	}

.fiche_menu_option:hover ul
	{
	display:block;
	}

.fiche_menu_option li
	{
	text-align: center;
	padding: 10px;
	color: #fff;
	font-size: 14px;
	border-bottom: 1px dashed #ddd;
	box-sizing: border-box;
	cursor: pointer;
	}

.fiche_menu_option li:last-child
	{
	border-bottom: none;
	}

.fiche_menu_option li:hover
	{
	background:#1fb5d4;
	}


.fiche_menu_onglet
	{
    width: 100%;
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    margin-top: -33px;
    box-sizing: border-box;
    overflow-y: hidden;
    /* border-bottom: 1px solid #000; */
    /* margin-left: 0px; */
    padding-top: 10px;
	}


.fiche_menu_onglet li
	{
	display: block;
	width: 100%;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	padding: 5px;
	margin-left: -1px;
	text-align: center;
	box-sizing: border-box;
	border-top-left-radius: 5px;
	border-top-right-radius: 15px;
	background: #var(--tzz-bt-bg);
	color: #f5f5f5;
	cursor: pointer;
	border-bottom: 1px solid #676767;
	z-index: 100;

	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease;

	overflow: hidden;

	}

.fiche_menu_onglet li.onglet_on
	{
	background: rgb(255, 255, 255);
	margin-top: -7px;
	z-index: 101;
	color: #000;
	box-shadow: -1px -3px 8px rgba(0,0,0,0.2);
	border-bottom: none;
	}

.fiche_menu_onglet li:hover
	{
	background: #fff;
	color:#000;
	}


.fiche_onglet
	{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 100;
	overflow-y: hidden;
	overflow-x: hidden;
	padding: 20px;
	box-sizing: border-box;
	}


.fiche_onglet:hover
	{
	overflow-y: auto;
	overflow-x: hidden;
	}

.fiche_onglet #annuaire_s .calendrier_picker
	{
	margin: 0;
	}

.fiche_appercu
	{
	padding: 0;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 2px;
	}

.fiche_appercu img
	{
	width: 60px;
	height: 60px;
	margin:5px;
	border-radius: 3px;
	border: 1px solid #989898;
	box-sizing: border-box;
	object-fit: cover;
	}

.fiche_appercu img:hover
	{
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	}

.fiche_appercu ul>li>a
	{
	color: #555;
	text-decoration: none;
	}

.fiche_photo_modif
	{
	background: #ffffff;
	text-decoration: none;
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	padding: 7px;
	margin: 1%;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 47%;
	color: #444;
	font-size: 15px;
	box-sizing: border-box;
	overflow: hidden;
	}

.fiche_photo_modif:hover
	{
	background: #eee;
	}

.fiche_fermer
	{
	cursor: pointer;
	background: rgb(255, 255, 255);
	padding: 3px;
	color: #555;
	right: 5px;
	border: 1px solid #8c8c8c;
	margin: auto;
	font-weight: 200;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	position: fixed;
	top: -2px;
	right: -2px;
	width: 65px;
	height: 16px;
	display: block;
	font-size: 13px;
	vertical-align: top;
	margin-top: 0;
	opacity: 1;
	z-index: 100;
	line-height: 32px;
	font-size: 15px;
	height: 35px;
	margin-bottom: 0;
	z-index: 100000;
	border-bottom-left-radius: 10px;
	}

.fiche_fermer:hover
	{
	background: #f5f5f5;
	}


#fiche_entete
	{
	position: fixed;
	top: 0;
	left: 0;
	background: var(--tzz-bt-bg);
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	text-align: left;
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 110;
	box-shadow: 0 0 10px #000;
	}

#fiche_entete h1,
#fiche_entete a
	{
	padding: 3px;
	border-right: 1px solid #555;
	margin: 0px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 14px;
	padding-right: 7px;
	padding-left: 7px;
	font-weight: 200;
	}

#fiche_entete a.edit_effacer { opacity:0.5; }

#fiche_entete a:hover
	{
	background: #aaf1ff;
	border-right: 1px solid rgba(0, 0, 0, 0);
	color: #005f9a;
	border-radius: 3px;
	}

#fiche_entete h1
	{
	color: #026c82;
	background: #fff;
	border-radius: 3px;
	}



.fiche_colonne
	{
	display: flex;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	vertical-align: top;
	width: 650px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	z-index: 10100;
	padding-left: 70px;
	padding-right: 70px;
	box-sizing: border-box;
	margin: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 85%;
	max-height: 700px;
	}


.fiche_colonne #fiche_colonne1,
.fiche_colonne #fiche_colonne2,
.fiche_colonne #fiche_colonne3
	{
	width: 33.33%;
	background: #fff;
	padding: 30px;
	border-radius: 6px;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.43);
	border: 1px solid #808080;
	height: 100%;
	bottom: 0;
	box-sizing: border-box;
	margin-right: 20px;
	margin-left: 20px;
	position: relative;
	}


.fiche_colonne h1>a
	{
	color:#ffffff;
	font-size:12px;
	}

.fiche_colonne h1
	{
	font-family:Verdana, Arial, sans-serif;
	background:#555555;
	font-size:12px;
	color:#ffffff;
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:20px;
	font-weight:normal;
	text-align:right;
	vertical-align:middle;
	}


/*    
//////////////////////////
//
// menu z barre
//
////////////////////////:
*/




.menu_zbarre>h1
	{
	color: #555;
	font-size: 15px;
	margin: 20px;
	}

.menu_zbarre>h2
	{
	box-sizing: border-box;
	color: #106071;
	font-size: 14px;
	font-weight: 200;
	margin-top: 30px;
	box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	margin-top: 20px;
	width: 100%;
	color: #107f96;
	padding: 10px;
	vertical-align: middle;
	margin-bottom: 6px;
	border-top: 1px solid #d8d8d8;
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	margin: -1px;
	padding-left: 30px;
	position:relative;
	text-align:left;
	}

.menu_zbarre>h3,
.menu_zbarre>div>h3
	{
	color: #717171;
	font-size: 16px;
	font-weight: 200;
	margin: 10px;
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 0;
	box-sizing: border-box;
	font-style: italic;
	padding-left: 10px;
	}


.menu_zbarre_page h2 div
	{
      display: inline-block;
      background: #fff;
      color: #777;
      border: 1px solid #e5e5e5;
      padding: 2px;
      border-radius: 4px;
      font-size: 12px;
      width: 20px;
      text-align: center;
      }
	
.menu_zbarre_page h2 b
	{
	display: inline-block;
	width: 20px;
	}

.menu_zbarre_page,
.menu_zbarre_membre,
.menu_zbarre_vente
	{
	cursor:pointer;
	}

.menu_zbarre>h2:hover
	{
	background:#fff;
	}

.menu_zbarre ul
	{
	margin: 0;
	padding: 0;
	width: 93%;
	margin-left: 7%;
	margin-bottom: 30px;
	margin-top: 30px;
	}

.menu_zbarre li
	{
	display: block;
	padding: 0px;
	margin: 0;
	border-bottom: 1px solid #cacaca;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
	}


.menu_zbarre li:hover h2 { color: #000; }

.menu_zbarre li h2
	{
	font-size: 12px;
	color: #999;
	padding:7px;
	font-weight: 200;
	text-align:left;
	}

.menu_zbarre li h3
	{
	font-size: 16px;
	color: #999;
	font-weight: 200;
	}

.menu_zbarre h2 span,
.menu_zbarre li h4
	{
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	display: none;
	top: 7px;
	width: auto;
	text-align: right;
	padding:0;
	margin:0;
	}

.menu_zbarre h2 span { top: 10px; }

.menu_zbarre h2:hover span,
.menu_zbarre li:hover h4 { display:block; }

.menu_zbarre h2 span a,
.menu_zbarre li h4 a
	{
	padding: 6px;
	background: #ffffff;
	color: #000000;
	border-radius: 4px;
	font-weight: 200;
	border-left: 1px solid #dcdcdc;
	border-radius: 0;
	margin-right: 0;
	margin: 0;
	font-size: 12px;
	}


.menu_zbarre h2 span a 
	{
	background-image: linear-gradient(var(--tzz-m), var(--tzz-dm));
	color: #fff;
	border-radius: 5px;
	margin-right: 5px;
	}

.menu_zbarre li img { opacity: 0.3; }
.menu_zbarre li:hover img { opacity: 1; }

.menu_zbarre li h4 a:hover
	{
	background: var(--tzz-bt-bg);
	color: #fff;
	}

.menu_zbarre h2 span a:hover 
	{
	background: var(--tzz-bt-bg);
	box-shadow: 0 0 10px rgba(199, 199, 199, 0.5);
	}


.menu_zbarre p
	{
	color: #989898;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	}

.menu_vente .menu_vente_commande h2
	{
	color: #048fad;
	font-size: 17px;
	}

.menu_vente .menu_vente_commande h4
	{
	top: auto;
	bottom:10px;
	}


.menu_vente .menu_vente_commande h4 a
	{
	background-image: linear-gradient(var(--tzz-bt-m), var(--tzz-dm));
	color: var(--mdark);
	border-radius: 3px;
	margin-right: 5px;
	}
.menu_vente .menu_vente_commande h4 a:hover
	{
	background: var(--tzz-bt-bg);
	}


/*    
//////////////////////////
//
// liste menu traduction
//
////////////////////////:
*/

.menu_traduction .menu_ancre a
	{
	padding: 2px;
	padding-right: 4px;
	padding-left: 4px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	color: #000000;
	border-right: 1px solid #aaaaaa;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	background: #f5f5f5;
	}
.menu_traduction .menu_ancre
	{
	margin-bottom:15px;
	}

/*    
//////////////////////////
//
// liste produit
//
////////////////////////:
*/


.liste_produit_cadre
	{
	width:100%;
	}

.liste_produit_block
	{
	position: relative;
	width: 22%;
	border: 1px solid #B7B7B7;
	margin: 1%;
	display: inline-block;
	background: #DEDEDE;
	border-radius: 7px;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.17);
	padding: 0px;
	cursor: pointer;
	}

.liste_produit_block:hover
	{
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25);
	border: 1px solid #888;
	}


.liste_produit_block h1
	{
	font-size: 18px;
	color: #000000;
	padding: 15px;
	overflow-y: hidden;
	font-weight: 200;
	text-align: center;
	padding-top: 18px;
	padding-bottom: 18px;
	z-index: 100;
	border-top: 1px solid #737373;
	width: 100%;
	box-sizing: border-box;
	height: 96px;
	background: rgb(255, 255, 255);
	
	margin-bottom: 8px;
	}

.liste_produit_block .liste_produit_tag li span
	{
	background-image: linear-gradient(#D4EDF2, #9DCED9);
	font-size: 13px;
	color: #000000;
	padding: 3px;
	font-weight: 200;
	text-align: center;
	border-bottom-right-radius: 5px;
	vertical-align: middle;
	border-top-right-radius: 5px;
	z-index: 100;
	margin-bottom: 5px;
	width: auto;
	opacity: 1;
	display: inline-block;
	margin-left: 9px;
	text-align: left;
	border: 1px solid #000;
	border-radius: 3px;
	opacity: 1;
	}


.liste_produit_block:hover .liste_produit_tag li span
	{
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
	}


.liste_produit_tag
	{
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 100;
	width: 100%;
	text-align: left;
	list-style: none;
	padding:0;
	margin:0;
	}





.liste_produit_block .liste_produit_outils li span
	{
	font-size: 11px;
	color: #000000;
	padding: 1px;
	font-weight: 200;
	text-align: center;
	border-bottom-right-radius: 5px;
	vertical-align: middle;
	border-top-right-radius: 5px;
	z-index: 100;
	margin-bottom: 5px;
	width: 50px;
	opacity: 1;
	display: inline-block;
	margin-left: 9px;
	text-align: left;
	border: 1px solid #000;
	border-radius: 3px;
	opacity: 0.5;
	display: none;
	width: 90px;
	font-size: 14px;
	text-align: center;
	}

.liste_produit_block:hover .liste_produit_outils li span {display:block;}

.liste_produit_block .liste_produit_outils:hover li span
	{
	opacity: 1;
	}


.liste_produit_outils
	{
	position: absolute;
	bottom: 10px;
	right: 0;
	z-index: 100;
	width: 100%;
	text-align: left;
	list-style: none;
	padding:0;
	margin:0;
	}





.liste_produit_block_img
	{
	overflow:hidden;
	width:100%;
	height:250px;
	position:relative;
	}

.liste_produit_block_img img
	{
	width:100%;
	height:100%;
	object-fit: cover;
	border-radius: 6px 6px 0 0;
	-webkit-filter: blur(0px) grayscale(0.5) brightness(0.5);
	filter: blur(0px) grayscale(0.5) brightness(0.5);
	}

.liste_produit_block:hover img
	{
	opacity: 1;
	-webkit-filter: blur(0px) grayscale(0) brightness(1);
	filter: blur(0px) grayscale(0) brightness(1);
	}

.liste_produit_block table
	{
	width: 100%;
	margin-bottom: 7px;
	}
.liste_produit_block table th
	{
	width: 30%;
	background: none;
	font-size: 12px;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	border-right: 1px solid #C9C9C9;
	padding-right: 3%;
	background: #FFFFFF;
	color: #bbb;
	font-weight: 200;
	}


.liste_produit_block table td
	{
	background: #fff;
	font-size: 12px;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3%;
	color:#555;
	}

.liste_produit_block_del
	{
	position: absolute;
	text-align: left;
	top: 5px;
	right: 5px;
	background: #000;
	padding: 5px;
	z-index: 100;
	cursor: pointer;
	display: none;
	color: #fff;
	z-index: 1000;
	font-size: 10px;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	text-align: center;
	}
.liste_produit_block_del:hover {background: #555;}
.liste_produit_block:hover .liste_produit_block_del {display:block;}

.liste_produit_block_restaurer
	{
	background: var(--tzz-bt-bg);
	color: #fff;
	width: 80px;
	border: 1px solid #ababab;
	padding: 3px;
	border-radius: 4px;
	font-size: 12px;
	position: absolute;
	right: 33px;
	top: 5px;
	display:none;
	z-index: 10000;
	}
.liste_produit_block_restaurer:hover {background: #1f9bb5;}
.liste_produit_block:hover .liste_produit_block_restaurer {display:block;}


.liste_produit_block p
	{
	display:none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	/* height: 25%; */
	overflow-y: hidden;
	background: rgba(0, 0, 0, 0.68);
	color: #fff;
	font-size: 12px;
	padding: 15px;
	margin: 0;
	box-sizing: border-box;
	vertical-align: middle;
	}


.liste_produit_block_img:hover p
	{
	display:block;
	}






/*    
//////////////////////////
//
// liste table
//
////////////////////////:
*/

.liste_manager_cadre
	{
	background :none;
	color:#000000;
	font-size:12px;
	font-family:Verdana, Arial, sans-serif;
	text-align:left;
	vertical-align:top;

	margin:0px;
	padding:0px;
	border-collapse: collapse;
	border-spacing :0px;

	width:100%;
	margin:0;
	margin-top:30px;

	}

.liste_manager_cadre td
	{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CECECE;
	vertical-align: top;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 12px;
	padding-left: 10px;
/*	border-right: 1px solid #000000;*/
	}

.liste_manager tr:nth-child(even)	{ background-color: #f5f5f5; }
.liste_manager tr:nth-child(odd)	{}

.liste_manager tr:hover	{ background-color: #ddd; }



/*    
//////////////////////////
//
// bouton
//
////////////////////////:
*/


.bouton_option_lien
	{
	cursor:pointer;
	display:inline-block;
	color:#aaaaaa;
	font-size:12px;
	}
.bouton_option_lien:hover
	{
	cursor:pointer;
	display:inline-block;
	background:#f5f5f5;
	}

.bouton_projet_outil
	{
	position: relative;
	display: inline-flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	background: #fff;
	width: 100%;
	margin: 0;
	padding: 10px 5px;
	border: 1px solid #fff;
	border-radius: 5px;
	box-sizing: border-box;
	color: #333;
	text-align: center;
	cursor: pointer;
	}

.bouton_projet_outil.on
	{
	border: 1px solid #0e505f;
	}

.bouton_projet_outil img
	{
	margin: 0 auto;
	width: 100%;
	max-width: 40px;
	aspect-ratio: 1;
	object-fit: contain;
	opacity: 0.5;
	}
.bouton_projet_outil h2
	{
	flex: 1;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #205f90;
	font-weight: 200;
	font-size: 12px;
	text-align: center;
	}
.bouton_projet_outil h3
	{
	position:absolute;
	top: 2.5px;left: 2.5px;
	background: #ccc;
	width: auto;
	margin: 0 auto;
	padding: 2.5px 5px;
	border-radius: 5px;
	color: #fff;
	font-weight: 200;
	font-size: 12px;
	text-align: center;
	}
.liste_projet_boutons.suivi .bouton_projet_outil h2
	{
	color: #83910c;
	}
.liste_projet_zone-btn.vue-suivi .liste_projet_boutons.taches .bouton_projet_outil,
.liste_projet_zone-btn:not(.vue-suivi) .liste_projet_boutons.suivi .bouton_projet_outil
	{
	flex-flow: row nowrap;
	justify-content: center;
	gap: 5px;
	}
.liste_projet_zone-btn.vue-suivi .liste_projet_boutons.taches .bouton_projet_outil img,
.liste_projet_zone-btn:not(.vue-suivi) .liste_projet_boutons.suivi .bouton_projet_outil img
	{
	width: 20px;
	}
.liste_projet_zone-btn.vue-suivi .liste_projet_boutons.taches .bouton_projet_outil h2,
.liste_projet_zone-btn:not(.vue-suivi) .liste_projet_boutons.suivi .bouton_projet_outil h2
	{
	align-items: flex-start;
	font-size: 11px;
	text-align: left;
	}
.liste_projet_zone-btn.vue-suivi .liste_projet_boutons.taches .bouton_projet_outil h3,
.liste_projet_zone-btn:not(.vue-suivi) .liste_projet_boutons.suivi .bouton_projet_outil h3
	{
	position: initial;
	display: none;
	}

.bouton_projet_outil:hover
	{
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	z-index: 100;
	border: 1px solid #b9b9b9;
	}

.bouton_projet_outil:hover h3 { background:#777777; }
.bouton_projet_outil:hover img { opacity: 1; }


.bouton_option_petit
	{
	background:#ffffff;
	border:1px solid #ffffff;
	border-radius:5px;
	padding:2px;
	padding-right:4px;
	padding-left:4px;
	margin:5px;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	color:#000000;
	text-decoration:none;
	}

.bouton_option_petit:hover
	{
	border:1px solid #000000;
	text-decoration:none;
	}



.bouton_option_petit_border
	{
	border-radius:5px;
	padding:2px;
	padding-right:4px;
	padding-left:4px;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	color:#000000;

	border:1px solid #aaaaaa;
	text-decoration:none;
	padding-left: 10px;
	padding-right: 10px;
	background: #f5f5f5;
	}

.bouton_option_petit_border:hover
	{
	border:1px solid #000000;
	text-decoration:none;
	background: #ffffff;
	}



.bouton_option_petit_effacer,.bouton_option_petit_classer
	{
	border-radius:5px;
	padding:2px;
	padding-right:4px;
	padding-left:4px;
	margin:5px;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	color:#000000;

	border:1px solid #aaaaaa;
	text-decoration:none;
	padding-left: 10px;
	padding-right: 10px;
	background: #f5f5f5;

	opacity:0.3;
	}

.bouton_option_petit_effacer:hover,.bouton_option_petit_classer:hover
	{
	opacity: 1;
	color: #ffffff;
	font-style: normal;
	}

.bouton_option_petit_effacer:hover
	{
	background-image: linear-gradient(#E23E3E, #AE0A0A);
	}
.bouton_option_petit_classer:hover
	{
	background-image: linear-gradient(#00ff00, #00aa00);
	}




.bouton_form_valide,.bouton_form_efface
	{
	text-align: center;
	width: 50%;
	box-shadow: 2px 0 5px rgba(0,0,0,0.2);
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	border: 1px solid #838383;
	font-size: 12px;
	padding: 8px 16px;
	color: #000;
	font-weight: 200;
	border-radius: 4px;
	font-family: Raleway,Sans,Verdana;
	}

.bouton_form_efface
	{
	background-image: linear-gradient(#E23E3E, #AE0A0A);
	}
.bouton_form_valide
	{
	background-image: linear-gradient(#a5dbe6, #20b2d0);
	#background-image: linear-gradient(#C4E76F, #99B266);
	}
.bouton_form_valide:hover
	{
	background:#ABD868;
	}
.bouton_form_efface:hover
	{
	background:#FF5700;
	}




.bouton_option_petit_inactif
	{
	background:#ffffff;
	border:1px solid #eeeeee;
	border-radius:5px;
	padding:2px;
	margin:5px;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	color:#cccccc;
	text-decoration:none;
	}


.bouton_option_inactif
	{
	background-image:linear-gradient(#ffffff, #efefef);
	border:1px solid #dddddd;
	border-radius:5px;
	padding:7px;
	margin:5px;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	color:#aaaaaa;
	text-decoration:none;
	}
/*
.bouton_option
	{
	background-image:linear-gradient(#ffffff, #efefef);
	border:1px solid #aaaaaa;
	border-radius:5px;
	padding:7px;
	margin:5px;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	color:#000000;
	text-decoration:none;
	}

.bouton_option:hover
	{
	background:#ffffff;
	text-decoration:none;
	}
*/

/*    
//////////////////////////
//
// Les mails
//
////////////////////////:
*/

.detail_mail
	{
	position:relative;
	}

.detail_mail_bouton
	{
	margin-top:10px;
	opacity: 0.3;
	}
.detail_mail_bouton:hover {opacity: 0.6;}

.detail_mail h1
	{
	color: var(--tzz-bt-c);
	font-size: 25px;
	padding-top: 30px;
	font-weight: 200;
	border-radius: 6px;
	}

.detail_mail h2
	{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #b7b7b7;
	font-weight: 200;
	margin-bottom: 30px;
	}

.detail_mail_description
	{
	color: #555555;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px dashed #b1b1b1;
	border-bottom: 1px dashed #b1b1b1;
	}

.detail_mail_repondre
	{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	position: relative;
	z-index: 100;
	border: 1px solid #a5a5a5;
	padding: 10px;
	position: fixed;
	width: 250px;
	box-shadow: 2px 2px 30px #737373;
	right: 50%;
	margin-right: 28px;
	height: 400px;
	background: #2cbad8;
	bottom: -386px;
	transition: all 0.15s ease-out;
	}
.detail_mail_repondre:hover
	{
	background: #fff;
	bottom: 0px;
	}

.detail_mail_repondre h1
	{
	color: #000;
	font-size: 12px;
	padding-top: 0px;
	font-weight: 200;
	}
.detail_mail_repondre_bloc 
	{
	width: 100%;
	height: 250px;
	overflow: auto;
	overflow-x: hidden;
	}

#autocomplete_moteur_projet_ds_mail a
	{
	width: 100%;
	box-sizing: border-box;
	border: 0px;
	padding: 10px;
	background: none;
	color: #797979;
	border-bottom: 1px dashed #b9b9b9;
	display: block;
	border-radius: 5px;
	}
#autocomplete_moteur_projet_ds_mail a:hover {background: rgba(216, 216, 216, 0.3);}

.MAIL_etape_option_repondre
	{
	padding: 10px;
	border: 1px dashed #c1c1c1;
	border-radius: 5px;
	margin-bottom: 25px;
	transition: all 0.15s ease-out;
	}
.MAIL_etape_option_repondre:hover
	{
	border: 1px solid #ccc;
	background: #f5f5f5;
	}

.MAIL_etape_option_repondre p
	{
	color: #bdbdbd;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: sans-serif;
	}

#MAIL_nom_projet
	{
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	color: #459bbf;
	font-weight: 200;
	margin-bottom: 10px;
	margin-top: 10px;
	}

.detail_mail_repondre #MAIL_IDedito,
.detail_mail_repondre #MAIL_delais,
.detail_mail_repondre #MAIL_precision
	{
	width: 100%;
	padding: 10px;
	border: none;
	color:#000;
	font-size:12px;
	font-weight:200;
	font-style: italic;
	margin-bottom:5px;
	text-indent: 5px;
	font-familly:Arial;
	background:none;
	}

.detail_mail_repondre .MAIL_button
	{
	background: #209bb5;
	width: 100%;
	padding: 10px;
	border: 1px;
	border-radius: 5px;
	color: #fff;
	margin-top: 8px;
	}
.detail_mail_repondre .MAIL_button:hover
	{
	background: var(--tzz-bt-bg);
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	}

.detail_mail_entete h2
	{
	font-size: 12px;
	color: #b7b7b7;
	font-weight: 200;
	margin-bottom: 30px;
	margin: 5px;
	padding: 5px;
	}

.detail_mail_entete a
	{
	color: #000000;
	}
.detail_mail_entete a:hover
	{
	color: #333333;
	}

.liste_mail
	{
	width:100%;
	}
.liste_moi
	{
	color: #FFFFFF;
	background-color: #9DCDE9;
	}
.liste_mail_amoi:hover
	{
	color: #FFFFFF;
	background-color: #B7D7E9;
	}

.liste_mail {padding: 2px;}

.liste_mail div
	{
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #b7b7b7;
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
	}

.liste_mail div:hover 
	{ 
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.37);
	z-index: 100;
	}

#volet_projet_contenu_support .liste_mail div h1
	{
	width: 100%;
	overflow: hidden;
	display: inline-block;
	font-size: 12px;
	color: #5a5a5a;
	font-weight: 200;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	padding: 10px;
	padding-top: 4px;
	}

.liste_mail div h2 img
	{
	margin-top: -5px;"
	}
.liste_mail div h2
	{
	width: 100%;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	color: #2b2b2b;
	font-weight: 200;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	}
.liste_mail div h3
	{
	font-size: 8px;
	color: #444;
	background: #ffffff;
	font-weight: 500;
	width: 40px;
	position: absolute;
	padding: 3px;
	right: 0px;
	top: 0;
	text-align: center;
	border-bottom-left-radius: 5px;
	border-bottom: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
	background: #f5f5f5;
	}


.mail_liste_fichier
	{
	list-style:none;
	margin: 0;
	padding: 0;
	}

.mail_liste_fichier li:hover
	{
	background:#f5f5f5;
	}

.mail_liste_fichier li
	{
	width: 80px;
	display: inline-block;
	margin: 20px;
	text-align:center;
	}

.mail_liste_fichier li div
	{
	width: 70px;
	height: 70px;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid #a2a2a2;
	margin-bottom: 5px;
	font-size: 19px;
	line-height: 68px;
	color: #a6a6a6;
	}
.mail_liste_fichier li a
	{
	text-decoration: none;
	}
.mail_liste_fichier li img
	{
	width: 100%;
	height: 100%;
	margin-bottom:5px;
	}

.mail_liste_fichier li span
	{
	text-decoration: none;
	text-align: center;
	width: 100%;
	display: block;
	color: #777;
	font-size: 10px;
	}


.liste_mail div.liste_mail_deja_err h2 { color: #ff0000;}

.liste_mail_deja_lu 		{ opacity:0.5; }
.liste_mail_deja_lu h2		{ text-decoration: line-through;}
.liste_mail_deja_lu:hover 	{background: #fff;}
.liste_mail_deja_paslu:hover	{background: #fff;}
.liste_mail_conversation
	{
	width: 90%;
	margin-left: 10%;
	border-left: 1px dashed #000;
	}

body .liste_mail_deja_atrier h3
	{
	color: #b30000;
	}



/*    
//////////////////////////
//
// Les projets
//
////////////////////////:
*/

.LISTErapports_onglet
	{
	background: #fff;
	padding: 5px 15px;
	padding: 0;
	border-radius: 10px;
	box-sizing: border-box;
	transition: .3s background ease, .3s padding ease;
	}
.LISTErapports_onglet + .LISTErapports_onglet
	{
	margin: 5px auto 0;
	}
/*
.LISTErapports_onglet:hover, 
.LISTErapports_onglet:open
	{
	background: none;
	}
*/
.LISTErapports_onglet summary:hover, 
.LISTErapports_onglet:open summary
	{
	background: #2596af;
	color: #fff;
	}
.LISTErapports_onglet>summary
	{
	padding: 5px 10px;
	border-radius: 10px;
	box-sizing: border-box;
	color: #111;
	font: 600 16px / 1.2 'Poppins', sans-serif;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1800 - 320)));
	transition: .4s all ease;	
	cursor: pointer;
	}
.LISTErapports_onglet:open>summary
	{
	padding: 10px;
	}
.LISTErapports_onglet .soustitre
	{
      font-weight: 100;
      margin-left: 8px;
      color: #acacac;
	}

.LISTErapports_onglet>summary>.tag
	{
	display: inline-block;
	background: #a9ccc6;
	color: #fff;
    	width: 40px;
	margin: 0;
	padding: 5px;
	border-radius: 10px;
	box-sizing: border-box;
	font: 600 14px / 1.2 'Poppins', sans-serif;
	font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1800 - 320)));
	text-align: center;
	}

.liste_projet
	{
	display: block;
	width: 100%;
	padding: 10px 15px 15px;
	box-sizing: border-box;
	}
.liste_projet>tbody
	{
	display: block;
	width: 100%;
	}

.liste_projet tr,
.bloc-projet
	{
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	grid-gap: 0;
	border-top: 1px solid #AFAFAF;
	box-sizing: border-box;
	}
.liste_projet>tbody>tr:first-child,
.bloc-projet:first-of-type
	{
	border: none;
	}

.liste_projet td,
.bloc-projet>div
	{
	background:linear-gradient(#ffffff, #f5f5f5);
	padding: 0px;	
	}

.liste_projet tr:hover td,
.bloc-projet:hover>div
	{
	background:none;
	}

.liste_projet .liste_projet_indice,
.bloc-projet .liste_projet_indice
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
	}

.liste_projet .liste_projet_indice>div,
.bloc-projet .liste_projet_indice>div
	{
	text-align:center;
	width:30px;
	height:30px;
	border-radius:100%;
	padding:2px;
      display: grid;
      align-content: center;
      justify-content: center;
      align-items: center;
	margin: 7px;
	}

.liste_projet .liste_projet_titre,
.bloc-projet .liste_projet_titre
	{
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-gap: 0;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 5px;
	box-sizing: border-box;
	text-align: left;
	}

.liste_projet tr.en_valeur_3 td 	{ background:none; }
.liste_projet tr.en_valeur_3		{ background:#e6d9ef; }
.liste_projet tr.en_valeur_3:hover 	{ background:#d9ecf1; }

.liste_projet tr.en_valeur_2 td 	{ background:none; }
.liste_projet tr.en_valeur_2		{ background:#efe1d9; }
.liste_projet tr.en_valeur_2:hover 	{ background:#d9ecf1; }

.liste_projet tr.en_valeur_1 td 	{ background:none; }
.liste_projet tr.en_valeur_1		{ background:#e1ecef; }
.liste_projet tr.en_valeur_1:hover 	{ background:#d9ecf1; }

.bloc-projet.en_valeur_3 td 	{ background:none; }
.bloc-projet.en_valeur_3		{ background:#e6d9ef; }
.bloc-projet.en_valeur_3:hover 	{ background:#d9ecf1; }

.bloc-projet.en_valeur_2 td 	{ background:none; }
.bloc-projet.en_valeur_2		{ background:#efe1d9; }
.bloc-projet.en_valeur_2:hover 	{ background:#d9ecf1; }

.bloc-projet.en_valeur_1 td 	{ background:none; }
.bloc-projet.en_valeur_1		{ background:#e1ecef; }
.bloc-projet.en_valeur_1:hover 	{ background:#d9ecf1; }




.liste_projet  a:hover
	{
	text-decoration:none;
	}
.liste_projet tr:hover a,
.bloc-projet:hover a
	{
	color:#3EB1E0;
	}


.liste_projet .suivi_lien_sanssautdeligne div, 
.bloc-projet .suivi_lien_sanssautdeligne div 
	{
	font-size:10px;
	cursor:pointer;
	}

.liste_projet .suivi_lien_sanssautdeligne div.titre_projet 
	{
	font-size:20px;
	}


.liste_projet .etat,
.bloc-projet .etat
	{
	width: 80px;
	background: none;
	border: none;
	}



.liste_projet_GDdescription
	{
	height: 60px;
	margin: 2px;
	border: none;
	width: 40%;
	border-radius: 3px;
	color: #949494;
	background: none;
	font-size: 12px;
	padding: 0;
	padding-left: 10px;
	overflow: hidden;
	}


.liste_projet_GDtitre
	{
	z-index:100;
	position: relative;
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	grid-gap: 5px 20px;
	align-items: center;
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	box-sizing: border-box;
	}

.liste_projet-resp
	{
	position: relative;
	width: 100%;
	aspect-ratio: 1;
	padding: 0;
	}
.liste_projet-resp img
	{
	aspect-ratio: 1;
	border-radius: 50%;
	}
.liste_projet-resp>img
	{
	width: 100%;
	}
.liste_projet-resp>.noone.b
	{
	opacity: .42;
	}
.liste_projet-resp>div
	{
	position: absolute;
	inset: 0;
	top: initial;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: stretch;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	}
.liste_projet-resp>div img
	{
	width: 40px;
	border: 2px solid #fff;
	box-sizing: border-box;
	}
.liste_projet-resp>div img:last-child
	{
	z-index: 1;
	transform: initial;
	}
.liste_projet-resp>div img:nth-last-child(2)
	{
	z-index: 2;
	transform: translateX(50%);
	}
.liste_projet-resp>div img:nth-last-child(3)
	{
	z-index: 3;
	transform: translateX(100%);
	}
.liste_projet-resp>div img:nth-last-child(4)
	{
	z-index: 4;
	transform: translateX(150%);
	}
.liste_projet-resp>div img:nth-last-child(5)
	{
	z-index: 5;
	transform: translateX(200%);
	}
.liste_projet_GDtitre .liste_projet-entete
	{
	width: 100%;
	}
.liste_projet_GDtitre .liste_projet-entete>h1
	{
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	grid-gap: 10px;
	align-items: center;
	width: 100%;
	margin: 0 auto 10px;
	}
.liste_projet_GDtitre .liste_projet-entete>h1.full
	{
	grid-template-columns: minmax(0, 1fr);
	}
.liste_projet_GDtitre .liste_projet-entete>h1>input
	{
	width: 100%;
	margin: 0 auto;
	padding: 5px;
	border: none;
	font-size: 27px;
	}
.liste_projet_GDtitre .liste_projet-entete>h1>.bouton_crea
	{
	position: relative;
	}
.liste_projet_GDtitre .liste_projet-entete>h1>.bouton_crea>h1
	{
	z-index: 11;
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: #13b3d5;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	color: #fff;
	font-weight: 800;
	font-size: 17px;
	line-height: initial;
	}
.liste_projet_GDtitre .liste_projet-entete>h1>.bouton_crea>ul
	{
	z-index: 1;
	top: 0;left: 0;
	padding: 20px 10px 10px;
	border-radius: 0 10px 10px 10px;
	transform: translateY(15px);
	}
.liste_projet_GDtitre .liste_projet-entete>h1>.bouton_crea>ul>li
	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: none;
	}
.liste_projet_GDtitre .liste_projet-entete>h1>.bouton_crea>ul>li + li
	{
	margin: 5px auto 0;
	}
.liste_projet_GDtitre .liste_projet-entete>h1>.bouton_crea>ul>li>a
	{
	background: #fff;
	width: 100% !important;
	padding: 10px;
	border: 1px solid var(--tzz-bt-bg);
	box-sizing: border-box;
	color: var(--tzz-bt-c);
	font-size: 11px;
	line-height: 1;
	opacity: .42;
	filter: grayscale(1);
	transition: .21s all linear;
	transition-property: background, color, opacity, filter;
	font-weight: 200;
    font-size: 12px;
	}
.liste_projet_GDtitre .liste_projet-entete>h1>.bouton_crea>ul>li>a:hover
	{
	background: var(--tzz-bt-bg);
	color: #fff;
	opacity: initial;
	filter: initial;
	}
.liste_projet_GDtitre .liste_projet-entete>div
	{
	position: relative;
	width: 100%;
	padding: 10px 0 0;
	border: 1px solid #aaa;
	box-sizing: border-box;
	}
.liste_projet_GDtitre .liste_projet-entete>div>textarea
	{
	width: 100%;
	height: 60px;
	padding: 5px;
	border: none;
	box-sizing: border-box;
	box-shadow: none;
	}
.liste_projet_GDtitre .liste_projet-entete>div>span
	{
	position: absolute;
	top: 0;left: 10px;
	display: inline-block;
	background: #f5f5f5;
	width: auto;
	padding: 5px;
	box-sizing: border-box;
	transform: translateY(-50%);
	}
.liste_projet_GDtitre .liste_projet-suivi
	{
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	grid-gap: 5px 20px;
	align-items: center;
	}
.liste_projet_GDtitre .liste_projet-suivi .liste_projet-outils
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	}

.liste_projet_GDtitre .liste_projet-suivi .bouton_outil_supp::after
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: #c4c4c4;
	width: 30px;
	aspect-ratio: 1;
	margin: 0;
	border-radius: 50%;
	color: #fff;
	font: 400 21px/1 'Material Icons';
	text-align: center;
	transition: .21s background linear;
	cursor: pointer;
	}

.liste_projet_GDtitre .liste_projet-suivi .bouton_outil_supp:hover::after
	{
	background: #13b3d5;
	}
.liste_projet_GDtitre .liste_projet-suivi .bouton_outil_supp.fichiers::after
	{
	content: 'folder';
	}

.liste_projet_GDtitre .liste_projet-suivi .bouton_outil_supp.fichiers_tzz::after
	{
	content: 'folder';
	background: #a8c0ca;	
	}



.liste_projet_GDtitre .liste_projet-suivi select
	{
	width: 100%;
	margin: 0 auto;
	border: none;
	box-sizing: border-box;
	box-shadow: none;
	outline: none;
	font-size: 11px;
	}
.liste_projet_GDtitre .liste_projet-suivi .liste_projet-select.b
	{
	grid-column: 2 / -1;
	}
.liste_projet_GDtitre .liste_projet-suivi .liste_projet-select>div
	{
	margin: 5px auto 0;
	}
.liste_projet_GDtitre .liste_projet-suivi .liste_projet-select>div .projet_bloc_bulle_intero
	{
	inset: 0 calc(100% + 10px) 0 0 !important;
	left: initial !important;
	margin: auto !important;
	}


.projet_zone-rs
	{
	display: grid;
	grid-template-columns: repeat(9, minmax(0, 1fr) 1px) minmax(0, 1fr);
	grid-gap: 10px;
	width: 100%;
	margin: 0 auto 20px;
	}
.projet_zone-rs>hr:last-of-type
	{
	display: none;
	}
.projet_zone-rs>.btn-rs
	{
	position: relative;
	width: 100%;
	}
.projet_zone-rs>.btn-rs:hover
	{
	z-index: 21;
	}
.suivi_tagrs
	{
	display: inline-block;
	width: 24px;
	}
.projet_zone-rs>.btn-rs>img,
.suivi_tagrs>img
	{
	z-index: 15;
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: #c4c4c4;
	width: 100%;
	aspect-ratio: 1;
	margin: 0;
	border-radius: 50%;
	border: 5px solid #c4c4c4;
	box-sizing: border-box;
	object-fit: contain;
	transition: .21s all linear;
	transition-property: background, border-color;
	cursor: pointer;
	}
.suivi_tagrs>img
	{
	border-width: 2px;
	}
.projet_zone-rs>.btn-rs.actif:not(:hover)>img,
.suivi_tagrs.actif>img
	{
	background: #2596af;
	border-color: #2596af;
	}
.projet_zone-rs>.btn-rs.retard:not(:hover)>img,
.suivi_tagrs.retard>img
	{
	background: #ffac2f;
	border-color: #ffac2f;
	}
.projet_zone-rs>.btn-rs:hover>img,
.suivi_tagrs:hover::before
	{
	background: #2596af;
	border-color: #2596af;
	}
.projet_zone-rs .projet_zone-cal
	{
	position: absolute;
	}

.projet_zone-rs>.btn-rs>input
	{
	z-index: 11;
	position: absolute;
	inset: 0;
	right: initial;
	display: none !important;
	background: #fff;
	width: auto;
	margin: auto;
	padding: 5px 5px 5px 35px;
	border: 1px solid #aaa;
	border-radius: 20px 10px 10px 20px;
	box-sizing: border-box;
	box-shadow: 2px 4px 6px rgb(0 0 0 / .1);
	white-space: nowrap;
	}
.projet_zone-rs>.btn-rs:nth-of-type(n+6)>input
	{
	inset: 0;
	left: initial;
	padding: 5px 35px 5px 5px;
	border-radius: 10px 20px 20px 10px;
	}
.projet_zone-rs>.btn-rs:hover>input
	{
	display: block !important;
	}

.projet_zone-detail
	{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	box-sizing: border-box;
	}

.projet_zone-detail>h1 {
	padding: 0 0 15px;
}

#projet_zone_detail .zone-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 5px 10px;
	align-items: center;
}

#projet_zone_detail .zone-form>* {
	width: 100%;
}

#projet_zone_detail .zone-form ._gc1-1, 
#projet_zone_detail .zone-form hr, 
#projet_zone_detail .zone-form h2 {
	grid-column: 1 / -1;
}

#projet_zone_detail .zone-form h2 {
	padding: 10px 0 0;
	font-size: 14px;
}

#projet_zone_detail .zone-form>div {
	display: grid;
	grid-template-columns: minmax(125px, auto) minmax(0, 1fr);
	grid-gap: 5px 10px;
	align-items: center;
}

#projet_zone_detail .zone-form>div span {
	display: block;
	width: 100%;
}

#projet_zone_detail .zone-form input, 
#projet_zone_detail .zone-form select, 
#projet_zone_detail .zone-form textarea {
	background: #fff;
	width: 100% !important;
	padding: 8px 5px;
	border: 1px solid #ccc;
	box-shadow: none;
}

#projet_zone_detail .zone-form ._1col {
	grid-template-columns: initial;
	padding: 10px 0 0;
}

.liste_projet .termine
	{
	opacity: 0.3;
	}

.liste_projet .termine .suivi_lien_sanssautdeligne
	{
	text-decoration: line-through;
	}




.projet_bloc_alert
	{
	width: 95%;
	border-radius: 5px;
	}
.projet_bloc_alert h2
	{
	color: #B1B1B1;
	font-size: 12px;
	font-weight: 200;
	}
.projet_bloc_alert p
	{
	color:#555555;
	}


.projet_bloc_bulle_intero
	{
	border: 1px solid #AACBF5;
	background: #ffffff;
	border-radius: 50%;
	cursor: pointer;
	width: 10px;
	height: 10px;
	color: #818181;
	font-size: 10px;
	padding: 2px;
	font-weight: 200;
	text-align: center;
	opacity: 0.5;
	display: inline-block;
	position: relative;
	top: -2px;
	margin-right: 5px;
	}

.projet_bloc_bulle_intero_bloc
	{
	position:absolute;
	width: 250px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #aaaaaa;
	background: #ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	/*margin-top: 10px;*/
	margin-bottom: 10px;
	display:none;
	}
.projet_bloc_bulle_intero_bloc h2
	{
	color: #06AFFF;
	font-size: 12px;
	}
.projet_bloc_bulle_intero_bloc p
	{
	text-align:left;
	color:#555555;
	}
.projet_bloc_bulle_intero:hover
	{
	z-index:100;
	opacity: 1;
	background: #A0FDF2;
	}
.projet_bloc_bulle_intero:hover .projet_bloc_bulle_intero_bloc
	{
	display:block;
	}










.suivi_crea_rapport h2,.suivi_crea_suivi h2
	{
	position: absolute;
	font-size: 12px;
	color: #595959;
	bottom: -4px;
	right: -2px;
	border-radius: 50%;
	width: 13px;
	height: 14px;
	border: 1px solid #aaaaaa;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	font-weight: 800;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	}
.suivi_crea_rapport h2
	{
	background: #96E4FF;
	}
.suivi_crea_suivi h2
	{
	background: #E6FF96;
	}



.bouton_prio
	{
	text-align:right;
	margin-bottom: 10px;
	}

.bouton_prio>div
	{
	z-index: 100000;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	}

.bouton_prio>div img
	{
	width: 20px;
	}


.bouton_prio div:hover { opacity:1; }


.suivi_projet_priorite
	{
	cursor: pointer;
	width:20px;
	}

.suivi_projet_priorite:hover
	{
	opacity:0.8;
	}


.suivi_projet_priorite img
	{
	width:20px;
	}


.suivi_projet_titre
	{
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	border: 0px;
	font-size: 35px;
	font-family: sans-serif;
	font-style: italic;
	font-weight: bold;
	color:#5C5C5C;
	width:90%;
	background:none;
	}
.suivi_projet_titre:hover
	{
	background:#ffffff;
	border-bottom:1px dotted #777777;
	}

.suivi_projet_titre_select
	{
	font-size: 16px;
	color: #aaaaaa;
	border: none;
	text-align: left;
	background: none;
	padding-left: 0px;
	vertical-align: middle;
	margin: 2px;
	border-radius: 2px;
	width: 100%;
	padding: 3px;
	box-sizing: border-box;
	}


.detail_projet_onglet ul
	{
	padding:0px;
	margin:0px;
	margin-bottom:30px;
	}
.detail_projet_onglet li
	{
	list-style-type:disc;
	padding:0px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #eeeeee;
	margin-left: 20px;
	}

.liste_projet_boutons
	{
	z-index: 10;
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: stretch;
	gap: 5px;
	margin: 0 auto;
	border-radius: 10px;
	}
#volet_projet_secondaire_support .liste_projet_boutons + .liste_projet_boutons
	{
	margin: 5px auto 0;
	}

.suivi_projet_detail_deroulant
	{
	margin: 0px;
    width: 85%;
    margin-bottom: 40px;
    background-color: rgb(255 255 255);
    border-radius: 7px;
    box-shadow: 2px 2px 20px rgb(0 0 0 / 0%);
    padding: 5%;
    margin-left: 5%;
    }




.bouton_projet_type
	{
	/* background: #58CBF7; */
	padding: 10px;
	border-radius: 5px;
	width: 91px;
	/* margin: 20px; */
	/* margin: 20px; */
	/* margin-right: 10px; */
	margin-top: 9px;
	display: inline-block;
	float: left;
	z-index: 10;
	border-right: 1px solid #eeeeee;
	}



.bouton_projet_type
	{
	cursor: pointer;
	width: 95px;
	margin-top: 10px;
	display: inline-block;
	float: left;
	z-index: 10;
	margin-right: 10px;
	height: 80px;
	}
.bouton_projet_type:hover
	{
	color: #000000;
	background: #f5f5f5;
	border: 1px solid #D8D8D8;
	}

.bouton_projet_type img
	{
	float:left;
	height: 70px;
	margin-top: 4px;
	}

.bouton_projet_type h2
	{
	/*color:#7FC00B;*/
	font-size: 12px;
	font-weight: 200;
	left: 55px;
	position: absolute;
	top: 33px;
	}
.bouton_projet_type h3
	{
	font-size: 12px;
	font-weight: 200;
	left: 55px;
	position: absolute;
	top: 73px;
	}


/*    
//////////////////////////
//
//	facture suivi detail
//
////////////////////////:
*/

.facture_suivi textarea
	{
	height: 350px;
	}


.facture_suivi .menu
	{
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	padding-bottom: 12px;
	}

.facture_suivi .menu a
	{
	display: block;
	padding: 10px;
	background: #10afea;
	width: 31%;
	box-sizing: border-box;
	margin: 1%;
	margin-bottom: 0px;
	text-align: center;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	}

.facture_suivi .menu a:hover
	{
	background: #10afea;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
	}

.facture_suivi .menu .off
	{
	background: #7dd4f5;
	text-decoration: line-through;
	}



/*    
//////////////////////////
//
// facture et service annuel
//
////////////////////////:
*/

.AN_services .total,
.AN_facture .total
	{
	font-size: 25px;
	border-radius: 0px;
	text-align: right;
	color: #A650E8;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top: 12px;
	background: #fff;
	}

.AN_facture .date
	{
	margin-bottom:34px;
	}

.AN_facture .barre
	{
	opacity: 0.5;
	}

.AN_facture .liste_procedure textarea
	{
	width: 100%;
	height: 92px;
	vertical-align: top;
	margin-bottom: 0;
	}

.AN_facture .liste_procedure textarea
	{
	width: 100%;
	height: 60px;
	vertical-align: top;
	margin-bottom:20px;
	}

.AN_services h1 input
	{
	border: 0;
	background: none;
	width: 100%;
	color: #fff;
	font-weight: 200;
	font-size: 14px;
	}

/*    
//////////////////////////
//
// Liste des procedures
//
////////////////////////:
*/

.liste_procedure
	{
	}


.liste_procedure h1
	{
	font-weight: 200;
	font-size: 14px;
/*	margin-bottom: 7px;
	margin-top: 30px;
*/
	padding: 5px;
	margin: 0px;
	background: #7C6B8E;
	color: #ffffff;
	border-radius: 7px;
	}




.liste_procedure h3
	{
	font-size: 25px;
	font-weight: 200;
	/*color: #00CCFF;*/
	color:#D600FF;
	margin: 0px;
	padding-top: 26px;
	padding-bottom: 10px;
	font-style: italic;
	}

.liste_procedure h4
	{
	font-size: 14px;
	display:block;
	font-weight: 400;
	padding: 5px;
	}

.liste_procedure h5
	{
	color:#A5A5A5;
	font-size: 10px;
	display: inline-block;
	font-weight: 200;
	}

.liste_procedure h6
	{
	color:#A5A5A5;
	font-size: 10px;
	display: inline-block;
	font-weight: 200;
	}

.liste_procedure_ul_etape
	{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:100%;
	}

.liste_procedure_ul_etape p
	{
	color: #555555;
	}

.liste_procedure_ul_etape h2
	{
	color:#1c89d5;
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
	margin-top: 20px;
	margin-bottom: 10px;
	}

.liste_procedure_ul_etape h3
	{
	background-color: rgb(91, 178, 216)!important;
	width: 50%;
	max-width: 170px;
	padding: 0px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 3px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.24);
	}


.liste_procedure_ul_etape h5
	{
	color: #A5A5A5;
	font-size: 12px;
	display: inline-block;
	font-weight: 200;
	display: inline;
	}

.liste_procedure_ul_etape h4
	{
	font-size: 12px;
	display: block;
	font-weight: 400;
	padding: 5px;
	display: inline;
	}

.liste_procedure_ul_etape textarea
	{
	color: #00B5EE;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	width:100%;
	height:80px;
	background: none;
	border: none;
	border-bottom: 1px dashed #555555;
	}


.liste_procedure_ul_etape >li
	{
	margin:0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	width: 95%;
	padding-left: 5%;
	border-bottom: 1px solid #B6B6B6;
	}

.liste_procedure_ul_etape >li:hover
	{
	background:#f5f5f5;
	}

.liste_procedure li:hover
	{
	background:#f5f5f5;
	}

.liste_procedure_detail_boite
	{
	border-left: 2px solid #c9e3e8;
	padding-left: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	padding: 10px;
	background: #ffffff;
	border-radius: 7px;
	width: 80%;
	position:absolute;
	margin-top: 10px;
	}

.liste_procedure_detail
	{
	width: 100%;
	font-size:10px;
	}

.liste_procedure_detail select,
.liste_procedure_detail_input
	{
	border:none;
	background:none;
	text-size:12px;
	font-weight:200;
	width:100%;
	padding:5px;
	color:#B4B4B4;
	margin: 0px;
	padding: 0px;
	}

.liste_procedure_detail select
	{
	margin-left: -4px;
	}
.liste_procedure_menu
	{
	margin:0px;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	width: 100%;
	border-top: 1px dashed #B6B6B6;
	cursor:pointer;
	position: relative;
	}
.liste_procedure_menu:hover
	{
	background:#f5f5f5;
	}
.liste_procedure_menu h3
	{
	margin:0px;
	padding: 0px;
	color:#7013A6;
	font-size: 14px;
	font-weight: 200;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 16px;
	}

.liste_procedure_menu h4
	{
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-size: 10px;
	font-weight: 200;
	position: absolute;
	top: 15px;
	right: 5px;
	padding: 2px;
	border-radius: 4px;
	width: 35px;
	text-align: center;
	}
.liste_procedure_menu.fait
	{
	opacity: .7;
	filter: grayscale(1);
	}

.liste_procedure_note
	{
	color: #101010;
	display: inline-block;
	background: #DDDDDD;
	padding: 2px;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 4px;
	margin: 5px;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	border: 1px solid #979797;
	}

.liste_procedure_btn_ajout
	{
	color:#A8A8A8;
	margin-top: 15px;
	padding: 10px;
	border-radius: 5px;
	cursor:pointer;
	}

.liste_procedure_btn_ajout img
	{
	width: 10px;
	height: 10px;
	vertical-align: middle;
	text-align: center;
	}

.liste_procedure_btn_ajout:hover
	{
	background: #eeeeee;
	}




.liste_procedure_ajout
	{
	margin:0px;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	width: 100%;
	border-top: 1px dashed #B6B6B6;
	cursor:pointer;
	position: relative;
	}
.liste_procedure_ajout:hover
	{
	background:#f5f5f5;
	}

.liste_procedure_ajout h2
	{
	margin:0px;
	padding: 0px;
	color:#008DEB;
	font-size: 14px;
	font-weight: 200;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 16px;
	display: inline-block;
	}

.liste_procedure_ajout_plus
	{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 800;
	background: #A3FF00;
	border-radius: 3px;
	width: 16px;
	height: 15px;
	text-align: center;
	display: none;
	vertical-align: top;
	}

.liste_procedure_ajout:hover .liste_procedure_ajout_plus
	{
	display: inline-block;
	}







/*    
//////////////////////////
//
// coffre fort
//
////////////////////////:
*/


.coffre_index
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	margin: 10px auto 20px;
	padding: 10px;
	box-sizing: border-box;
	list-style: none;
	}
.coffre_index>li
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	color: var(--mdark);
	font: 200 12px/1 sans-serif;
	cursor: default;
	}
.coffre_index>li.active
	{
	color: var(--tzz-dm);
	font-weight: 600;
	font-size: 14px;
	transition: .21s color linear;
	cursor: pointer;
	}
.coffre_index>li.active:hover
	{
	color: var(--tzz-m);
	}
.coffre_section
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: end;
	align-items: end;
	width: 100%;
	margin: 10px auto 5px;
	padding: 10px;
	box-sizing: border-box;
	}
.coffre_section>span
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: end;
	align-items: center;
	width: 20px;
	aspect-ratio: 1;
	margin: 0 0 0 10px;
	color: var(--mdeep-d);
	font: 200 14px/1 sans-serif;
	text-transform: uppercase;
	}
.coffre_section::before
	{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed var(--tzz-dm);
	box-sizing: border-box;
	}
.coffre_projet
	{
	width: 100%;
	margin: 0 auto;
	filter: drop-shadow(2px 4px 10px rgb(0 0 0 / .21));
	}
.coffre_projet + .coffre_projet
	{
	margin: 10px auto 0;
	}
.coffre_projet>input[type=checkbox]
	{
	display: none;
	}
.coffre_projet>.coffre_entete
	{
	position: relative;
	width: 100%;
	margin: 0 auto;
	}
.coffre_projet>.coffre_entete>label
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
	align-items: center;
	background: var(--tzz-m);
	width: 100%;
	margin: 0 auto;
	padding: 10px 20px;
	border-radius: 10px;
	box-sizing: border-box;
	transition: .21s background linear;
	cursor: pointer;
	}
.coffre_projet>.coffre_entete>label:hover
	{
	background: var(--tzz-dm);
	}
.coffre_projet>.coffre_entete>label h3
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 0 10px 0 0;
	color: #fff;
	font: 200 14px/1 sans-serif;
	}
.coffre_projet>.coffre_entete>label h3::after
	{
	content: 'expand_more';
	display: inline-block;
	margin: 0 0 0 auto;
	padding: 0;
	color: #fff;
	font: 200 14px/1 'Material Icons';
	}
.coffre_projet>.coffre_entete>a
	{
	z-index: 11;
	position: absolute;
	inset: 0 10px 0 auto;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 15px;
	aspect-ratio: 1;
	margin: auto;
	color: #fff;
	font: 200 15px/1 'Material Icons';
	transition: .21s color linear;
	}
.coffre_projet>.coffre_entete>a:hover
	{
	color: #d51e1e;
	}

.coffre_projet>.coffre_info
	{
	display: none;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	border-radius: 0 0 10px 10px;
	box-sizing: border-box;
	}
.coffre_projet>input[type=checkbox]:checked ~ .coffre_entete>label
	{
	border-radius: 10px 10px 0 0;
	}
.coffre_projet>input[type=checkbox]:checked ~ .coffre_entete>label h3::after
	{
	content: 'expand_less';
	}
.coffre_projet>input[type=checkbox]:checked ~ .coffre_info
	{
	display: block;
	}

.coffre_projet .coffre_nom
	{
	width: 100%;
	padding: 8px;
	border: 0px;
	background-color: #F5F5F5;
	margin-bottom: 12px;
	font-size: 25px;
	}

.coffre_projet .coffre_desc
	{
	font-size: 12px;
	color: rgb(119, 119, 119);
	width: 100%;
	padding: 8px;
	border: 1px dotted #DCDCDC;
	height: 50px;
	margin-bottom: 12px;
	}

.coffre_projet .coffre_champ
	{
	display: inline-block;
	margin-right: 5%;
	font-size: 15px;
	width: 20%;
	text-align: right;
	color: #9C9C9C;
	}

.coffre_projet .coffre_login,
.coffre_projet .coffre_passe
	{
	font-size: 15px;
	color: var(--tzz-dm);
	width: 70%;
	border: 0px;
	border-bottom: 1px solid #B7B7B7;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.coffre_projet a
	{
	color: #72A7EA;
	display: block;
	margin-top: 19px;
	}

.coffre_projet a:hover
	{
	color: #000;
	}

.coffre_zone .liste_procedure_btn_ajout
	{
	position: sticky;
	inset: auto 0 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: #fff;
	width: 100%;
	margin: 20px auto 0;
	padding: 10px;
	border-radius: 0;
	box-sizing: border-box;
	}
.coffre_zone .liste_procedure_btn_ajout>.bouton_crea_rapport
	{
	margin: 0 10px 0 0;
	}



/*    
//////////////////////////
//
//	statistique TZZ
//
////////////////////////:
*/


.statistique_jazimut
	{
	display: inline-block;
	margin: auto;
	text-align: center;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.24);
	border: 1px solid #A7A7A7;
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	cursor:pointer;
	z-index:1000;
	border-radius: 5px;
	padding: 3px;
	padding-right: 10px;
	padding-left: 10px;
	width: 100%;
	position: relative;
	margin: 5px;
	}
/*
.statistique_jazimut.photo
	{
	width: 70px;
	height: 70px;
	vertical-align: top;
    border-radius: 50%;
    }
*/
.statistique_jazimut_bloc .ajout_rapport
	{
	display: inline-block;
	position: absolute;
	margin-right: -14px;
	vertical-align: top;
	margin-top: -5px;
	}

.statistique_jazimut h4
	{
	vertical-align: middle;
	color: #000;
	font-weight: 200;
	}

.statistique_jazimut h2,
.statistique_jazimut h3
	{
	margin:0;
	padding:0;
	}

.statistique_jazimut_projet
	{
	display: inline-block;
	margin: auto;
	text-align: center;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.24);
	border: 1px solid #A3A3A3;
	cursor: pointer;
	background-color: var(--tzz-bt-c);
	z-index: 1000;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 31px;
	}
.statistique_jazimut_projet:hover
	{
	background-color: #2199B2;
	}

.statistique_jazimut_bureau
	{
	display: inline-block;
	margin: auto;
	text-align: center;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.24);
	border: 1px solid #A7A7A7;
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	cursor:pointer;
	z-index:1000;

	border-radius: 50%;
	padding: 3px;
	padding-right: 10px;
	padding-left: 10px;
	width: 80px;
	}

.statistique_jazimut_plus
	{
	border: 1px solid rgba(167, 167, 167, 0);
	border-radius:5px;
	text-align: left;
	margin-top: 20px;
	padding: 4px;
	margin-top: 15px;
	display: inline-block;
	width: 100%;
	margin: 3px;
	margin-right: 9px;
	color: #747474;
	opacity: 0.6;
	}

.statistique_jazimut_plus:hover
	{
	border: 1px solid #A7A7A7;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.24);
	border: 1px solid #A7A7A7;
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	opacity: 1;
	}

.statistique_jazimut h2
	{
	color: #C6C6C6;
	font-size: 12px;
	font-weight: 200;
	text-align:center;
	}



.statistique_jazimut_projet h1
	{
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 800;
	}

.statistique_jazimut h1
	{
	color: #C6C6C6;
	font-size: 25px;
	font-weight: 800;
	}


.statistique_jazimut_ul
	{
	width: 220px;
	text-align: left;
	background-color: #F5F5F5;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.33);
	border-radius: 8px;
	padding: 10px;
	position: absolute;
	border: 1px solid #C8C8C8;
	margin: 0px;
	display: none;
	color: #555;
	list-style: none;
	z-index: 1000;
	top:0px;
	}

.statistique_jazimut_ul li
	{
	padding: 4px;
	text-align: left;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	margin: 4px;
	border-bottom: 1px solid #D0CBCB;
	}


.statistique_jazimut_ul h1,
.statistique_jazimut_ul h2,
.statistique_jazimut_ul h3
	{
	font-size: 12px;
	font-weight: 200;
	display: inline-block;
	}

.statistique_jazimut_ul h1{width: 15%;}
.statistique_jazimut_ul h2{width: 20%;}
.statistique_jazimut_ul h3{width: 60%;}
.statistique_jazimut_ul h2{color:#0096FF;}

.statistique_jazimut_ul h1
	{
	width: 36px;
	text-align: center;
	color: #000;
	font-weight: 800;
	display: inline-block;
	}

.statistique_jazimut:hover 
	{
	background: #fff;
	}


.statistique_jazimut:hover .statistique_jazimut_ul,
.bouton_crea:hover .statistique_jazimut_ul
	{
	display: block;
	}

.statistique_jazimut_bloc
	{
	text-align: left;
	display: flex;
	margin-bottom:20px;
	}




/*    
//////////////////////////
//
//	tache prg
//
////////////////////////:
*/



.liste_tache_prg
	{
	list-style:none;
	margin: 0;
	padding: 0
	}

.liste_tache_prg > li
	{
	margin: 0px;
	padding: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	width: 88%;
	/* padding-left: 5%; */
	/* border-bottom: 1px solid #686868; */
	background-color: #E7E7E7;
	margin-bottom: 12px;
	margin-top: 12px;
	margin-left: 4%;
	border-radius: 9px;
	}



.liste_tache_prg_titre,
.liste_tache_prg_date
	{
	border-style: none none dotted;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-color: rgb(238, 238, 238);
	width: 100%;
	outline: none;
	}

.liste_tache_prg_titre
	{
	text-indent: 20px;
	font-size: 20px;
	color: #000;
	background: #F5F5F5;
	}

.liste_tache_prg_date
	{
	text-indent: 15px;
	font-size: 12px;
	color: #555;
	background: none;
	}

.liste_tache_prg select
	{
	width: 49%;
	background: none;
	border: none;
	color:#797979;
	}

.liste_tache_prg textarea
	{
	color:#797979;
	height: 150px;
	}

.liste_tache_prg_detail
	{
	display:none;
	position:absolute;
	border-left: 2px solid #c9e3e8;
	padding-left: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	padding: 10px;
	background: #ffffff;
	border-radius: 7px;
	width: 80%;
	position: absolute;
	margin-top: 10px;
	z-index:100;
	}
.liste_tache_prg_outils
	{
	width: 100%;
	text-align: right;
	padding: 8px;
	}
.liste_tache_prg_outils a
	{
	color: #4ABDFF;
	}
.liste_tache_prg_outils a:hover
	{
	color: #1FADFF;
	}



.detail_procedure_entete
	{
	margin: 10px;
	padding: 10px;
	}
.detail_procedure_entete h1
	{
	font-size: 20px;
	color: #3D3D3D;
	font-weight: 200;
	margin: 0;
	padding: 0;
	}

.detail_procedure_entete h3
	{
	margin: 0px;
	padding: 0px;
	font-size: 45px;
	font-weight: 800;
	color: #B500FF;
	float: left;
	margin-right: 10px;
	}

.detail_procedure_entete p
	{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: 200;
	color: #B9B9B9;
	clear:both;
	}

.detail_procedure_entete select
	{
	background:none;
	padding:5px;
	border:1px solid #cccccc;
	width:100%;
	border: none;
	text-indent: 0px;
	padding-left: 0px;
	margin-left: -4px;
	color: #B9B9B9;
	}




/*

Chat

*/

#CHAT_nom
	{
	color: #ccc;
	}

#CHAT_zone
	{
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	}

#chat_form_dialogue  form
	{
	position:relative;
	}

#chat_form_dialogue input[type=text]
	{
	text-indent: 10px;
	margin-top: 10px;
	border: 1px;
	margin-bottom: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-color: rgb(197, 197, 197);
	border-top-color: rgb(197, 197, 197);
	padding-top: 14px;
	padding-bottom: 14px;
	width: 85%;
	outline: none;
	box-sizing: border-box;
	}

#chat_form_dialogue input[type=button]
	{
	position: absolute;
	top: 10px;
	right: 0;
	width: 15%;
	height: 45px;
	display: block;
	/* background-image: linear-gradient(#dcdcdc, #ffffff); */
	border: 0;
	border: 1px solid #c3c3c3;
	color: #3c3c3c;
	background: #eee;
	}


#CHAT_zone_conversation>div
	{
	background: #efefef;
	padding: 14px;
	margin-top: 2px;
	background-image: linear-gradient(#e4e4e4, #f7f7f7);
	color: #807e7e;
	}
#CHAT_zone_conversation>div:hover
	{
	background: #eee;
	}

body #CHAT_zone_conversation .CHAT_liste_conversation_off { }
body #CHAT_zone_conversation .CHAT_liste_conversation_on { background: #efefef; }


#chat_form_message
	{
	margin-top:20px;
	}

#chat_form_message input[type=text]
	{
	border: none;
	width: 100%;
	border-bottom: 1px solid #aaa;
	padding: 10px;
	color: #777;
	}

#chat_form_message textarea
	{
	border: none;
	width: 100%;
	height:100px;
	border-bottom: 1px solid #aaa;
	padding: 10px;
	color: #777;
	}

#chat_form_message input[type=button]
	{
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	width: 100%;
	padding: 14px;
	border: none;
	border-bottom: 1px solid #c5c5c5;
	color: #565656;
	}
#chat_form_message input[type=button]:hover
	{
	background-image: none;
	background: #eee;
	}

.CHAT_message_ok
	{
	padding: 15px;
	background: #b3d871;
	font-size: 14px;
	color: #292929;
	text-align: center;
	}

#chat_form_chargement
	{
	background: #fff;
	margin-top: 10px;
	padding: 5px;
	font-size: 12px;
	color: #717171;
	padding: 10px;
	position: absolute;
	width: 50%;
	box-sizing: border-box;
	left: 25%;
	border-radius: 7px;
	box-shadow: 2px 2px 25px rgba(0,0,0,0.05);
	border:1px solid #ddd;
	}


.CHAT_zoneadmin,
.CHAT_zonevisiteur
	{
	border-radius: 5px;
	background: #efefef;
	padding: 10px;
	margin-top: 5px;
	}

.CHAT_zoneadmin 
	{
	background:#d7e0e2; 
	width: 60%;
	margin-left: 3%;
	margin-right: auto;
	}
.CHAT_zonevisiteur 
	{
	background:#eee; 
	width: 70%;
	margin-right: 3%;
	margin-left: auto;
	text-align: right;
	}


/*
Parametres
*/

.btn_duplication_params
	{
	cursor: pointer;
	display: block;
	background: linear-gradient(#4C4C4C,#666);
	width: 207px;
	padding: 2px 5px;
	text-align: center;
	border-radius: 3px;
	margin: 5px auto;
	color: #B4B4B4;
	border: 1px solid #6A6767;
	}

.btn_duplication_params:hover
	{
	color: #fff;
	}

.li_duplication_params
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items:center;
	margin: 5px;
	padding: 5px;
	border-bottom: 1px dashed #666;
	color:#aaa;
	}



.lien_duplication_params
	{
	color: #79B9DA;
	text-decoration:none;
	}

.lien_duplication_params:hover
	{
	color: #ABE0FB;
	}




/*
///////////////////
//
// article
//
//////////////////
*/


.art_bloc
	{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 15px;
	box-sizing: border-box;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	}

.art_menu
	{
	z-index: 10;
	position: absolute;
	background: #333;
	margin-top: 4px;
	padding: 0;
	box-sizing: border-box;
	width: 10%;
	width: 60px;
	text-align: center;
	border-radius: 5px;
	top: -5px;
	left: -68px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.7);
	}

.art_menu a
	{
	display: block;
	position:relative;
	border-bottom: 1px dashed #656565;
	background:rgba(35, 35, 35,0);

	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	}

.art_menu a h2
	{
	margin: 0;
	z-index: 1;
	padding: 4px;
	width: 100px;
	text-align: center;
	color: #c3c3c3;
	margin-bottom: 5px;
	position: absolute;
	top: -1px;
	left: -95px;
	font-size: 20px;
	overflow: hidden;
	opacity: 0;
	background: rgb(35, 35, 35);
	border-radius: 5px;
	border-top: 1px dashed #656565;
	padding-top: 7px;
	height: 40px;
	box-sizing: border-box;

	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	}

.art_menu a:hover,
.art_menu a.onglet_on
	{
	background:rgba(35, 35, 35,1);
	}

.art_menu a:hover h2,
.art_menu a.onglet_on h2
	{
	opacity:1;
	}

.art_menu img
	{
	width: 40px;
	height: 40px;
	opacity: 0.7;
	}

.art_menu a:hover img,
.art_menu a.onglet_on img
	{
	opacity: 1;
	}

.art_balise_titre
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0 auto;
	padding: 0 0 5px;
	box-sizing: border-box;
	list-style: none;
	}
.art_balise_titre>li:first-of-type
	{
	display: inline-block;
	width: 15%;
	padding: 5px 0;
	box-sizing: border-box;
      color: #555555;
      font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	}
.art_balise_titre>li:last-of-type
	{
	display: inline-block;
	width: 85%;
	padding: 5px 0;
	padding-right: 10px;
	box-sizing: border-box;
	}
.art_balise_titre>li>select
	{
	border-width: 0px;
	border-style: none;
	background: #f5f5f5;
	border: none;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	color: #60afca;
	padding: 10px;
	width: 100%;
	font-size: 16px;
	text-indent: 0px;
	margin: 0;
	z-index: 1;
	position: relative;
	}

.art_bloc .art_bouton_wizimel
	{
	position: fixed;
	bottom: 6%;
	padding: 3px;
	border-top: 6px solid #d0d0d0;
	font-size: 10px;
	text-align: center;
	color: #6b6b6b;
	border: 1px solid #c3c3c3;
	width: 45px;
	height: 10px;
	border-radius: 4px;
	opacity: 0.6;
	z-index: 1000;
	background: #e0e0e0;
	font-weight: 200;
	}

.art_bloc .art_bouton_wizimel h4
	{
	padding: 0;
	margin: 0;
	}

.lettre_bloc h2[contenteditable]:empty::before,
.lettre_bloc a[contenteditable]:empty::before,
.lettre_bloc div[contenteditable]:empty::before,
.fiche_onglet .champTITRE_fiche[contenteditable]:empty::before,
.art_bloc .champTITRE_art[contenteditable]:empty::before 
	{
	content: attr(placeholder);
	display: block;
	color: #ddd; 
	}

.art_bloc>div
	{
	opacity: 0;
	transition: 0.5s all linear;
	position: absolute;
	box-sizing: border-box;
	left: 0;
	padding: 20px;
	padding-top: 0;
	width: 100%;
	height: 95%;
	background: #fff;
	}

.art_bloc .art_position
	{
	display: flex;
	width: 100%;
	justify-content: space-around;
	flex-flow: row wrap;
	}

.art_bloc .art_position label
	{
	}

.art_bloc .art_position input
	{
	display:none!important;
	}

.art_bloc .art_position img
	{
	opacity: 0.4;
	padding: 20px;
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 7px;
	border: 1px solid #e2e2e2;
	}

.art_bloc .art_position img:hover
	{
	opacity: 0.8;
	border: 1px solid #aaa;
	}


.art_bloc .art_position input:checked ~ img
	{
	opacity: 1;
	border: 1px solid #555;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
	}

#art_bloc_photo
	{
	width: 100%;
	height: 300px;
	background: #f5f5f5;
	border-radius: 7px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-align: center;
	position: relative;
	}

#art_bloc_photo h2
	{
	font-family: Montserrat;
	font-weight: 200;
	letter-spacing: -1px;
	color: #b7b7b7;
	font-size: 25px;
	}

#art_bloc_photo a
	{
	position: absolute;
	bottom: 20px;
	}


#texte_s .champTITRE_art
	{
	background: #ffffff;
	font-size: 27px;
	color: #00b4ff;
	padding: 10px;
	vertical-align: top;
	width: 100%;
	font-weight: 200;
	font-family: Montserrat;
	border: 0;
	line-height: 35px;
	}


#art_moteur_fonction
	{
	overflow-y: auto;
	overflow-x: hidden;
	padding: 15px;
	background: #f5f5f5;
	/* border-radius: 5px; */
	box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.43);
	z-index: 100;
	position: fixed;
	border: 1px solid #949494;
	top: 0;
	right: 0;
	width: 20%;
	height: 100%;
	box-sizing: border-box;
	padding-top: 51px;
	}

#art_moteur_fonction label
	{
	padding: 10px;
	display: block;
	font-weight: 200;
	color: #6b6b6b;
	border-bottom: 1px dashed #bbb;
	cursor:pointer;
	}

#art_moteur_fonction input[type=text]
	{
	color:#888888;
	font-size:12px;
	margin: 15px;
	width: 90%;
	color: #888888;
	font-size: 12px;
	}

#FONCTIONaff_fonctions_div
	{
	width: 50%;
	margin: auto;
	border: 1px solid #555;
	border-radius: 6px;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 30px;
	margin-bottom: 10px;
	}

#FONCTIONaff_fonctions_div h3
	{
	font-size: 20px;
	color: #555;
	margin: 0;
	padding: 0;
	}


.FONCTIONaff_fonctions_btp
	{
	position: relative;
	padding: 5px;
	font-size: 12px;
	text-align: center;
	background: none;
	color: #6b6b6b;
	width: 150px;
	height: 13px;
	border-radius: 4px;
	margin: auto;
	margin-bottom: 30px;
	cursor: pointer;
	opacity: 1;
	}

.FONCTIONaff_fonctions_btp:hover
	{
	color:var(--tzz-bt-c);
	}



#art_bloc_photo .art_btp_modif
	{
	position: absolute;
	bottom: 20px;
	left: 33%;
	width: 33%;
	}

.art_btp_modif
	{
	background: #ffffff;
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	padding: 7px;
	margin: 1%;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #444;
	font-size: 15px;
	}

.art_photo_modif:hover
	{
	background: #eee;
	}




.art_option
	{
	top: 3px;
	right: 16px;
	width: 40px;
	position: absolute;
	z-index: 1000;
	}

.art_option h4
	{
	padding: 5px;
	padding-top: 0px;
	font-size: 15px;
	margin: 0;
	border-radius: 3px;
	margin-top: 5px;
	color: #505050;
	margin-right: 5px;
	border: 1px solid #d0d0d0;
	background: #f5f5f5;
	line-height: 10px;
	padding-bottom: 7px;
	z-index: 1000;
	}



.art_option ul
	{
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #adadad;
	list-style: none;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
	width: 250px;
	display: none;
	margin-left: -250px;
	margin-top: -10px;
	}

.art_option li
	{
	text-align: center;
	padding: 10px;
	color: #777;
	font-size: 14px;
	border-bottom: 1px dashed #ddd;
	box-sizing: border-box;
	cursor: pointer;
	}

.art_option li:last-child
	{
	border-bottom: none;
	}

.art_option li a,
.art_option li a:hover
	{
	text-decoration: none;
	color: #666;
	}

.art_option li:hover
	{
	background: #f5f5f5;
	}

.art_option:hover ul { display:block; }

.art_option .lien_rapide_result_ok
	{
	background: #d5e4cf;
	}




/*
//////////////////
//
// les flux
//
//////////////////
*/


.flux_blocs
	{
	width: 100%;
	z-index: 10;
	padding-top: 10px;
	padding-left: 10px;
	box-sizing: border-box;
	padding-right: 10px;
	}

.flux_bloc_rapport h1,
.flux_bloc_procedure h1,
.flux_bloc_demande h1,
.flux_bloc_suivi h1,
.flux_bloc_rv h1,
.flux_bloc_mail h1
	{
	position:relative;
	background: #D4D4D4;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	padding: 2px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.24);
	}

.flux_bloc_rapport h1	{background-color: #10afea!important;}
.flux_bloc_procedure h1	{background-color: #9765DC!important;}
.flux_bloc_demande h1	{background-color: #FF7D00!important;}
.flux_bloc_suivi h1	{background-color: #8ABA04!important;}
.flux_bloc_rv h1	{background-color: #DC65B7!important;}
.flux_bloc_mail h1	{background-color: #DC65B7!important;}

.flux_bloc_rapport h1 img 
	{
	text-align: center;
    position: absolute;
    top: 0px;
    left: 6px;
    width: 16px;
	}


.flux_blocs .bloque
	{
	background: none;
    filter: grayscale(1);
	}


.flux_bloc_droite h1 	{margin-bottom:5px;}

.flux_bloc_droite h1,
.flux_bloc_gauche h1 {width: 50%;}

.flux_blocs h1 { width: 100px; position:relative; }

.flux_blocs h1 img
	{
	text-align: center;
    position: absolute;
    top: 0px;
    left: 6px;
    width: 16px;
	}


.flux_bloc_ligne>div>div
	{
	width: 50%;
	right: 0px;
	position: absolute;
	z-index: 10000;
	background: #FFFFFF;
	/* border-radius: 5px; */
	/* border: 1px solid #CCCCCC; */
	box-shadow: 0px 0px 7px rgba(173, 173, 173, 0.56);
	top: 22px;
	display: none;
	padding-bottom: 14px;
	}

.flux_bloc_ligne:hover { background-color:#fff;}
.flux_bloc_ligne:hover>div>div {display:block;}


.flux_bloc_ligne h1,
.flux_bloc_ligne h2,
.flux_bloc_ligne h3,
.flux_bloc_ligne h4,
.flux_bloc_ligne h5,
.flux_bloc_ligne h6
	{
	display:inline-block;
	}


.flux_blocs_moteur_deadline
	{
	border-bottom: 1px dashed #c1c1c1;
	margin-top: 20px;
	margin-bottom: 30px;
	color: #aaa;
	font-size: 20px;
	}

.flux_blocs_moteur_flux
	{
	width: 100%;
	padding: 10px;
	padding-top: 20px;
	z-index: 100;
	opacity: 1;
	box-sizing: border-box;
	}

.flux_bloc_droite
	{
	cursor:pointer;
	width: 44%;
	text-align: left;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 52%;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	}

.flux_bloc_gauche
	{
	cursor:pointer;
	width: 44%;
	text-align: right;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 0px;
	}

.flux_bloc_droite,
.flux_bloc_gauche
	{
	color:#888;
	padding:5px;
	margin-bottom: 20px;
	margin-top:20px;
	border-bottom: 1px solid #C4C4C4;
	border-radius:5px;
	background-color: #fff;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
	}

.flux_bloc_droite:hover,
.flux_bloc_gauche:hover
	{
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);
	}



.flux_bloc_ligne
	{
	background-color: #F5F5F5;
	padding:1px;
	cursor:pointer;
	}

.flux_bloc_ligne>div 	   {display:flex;}
.flux_bloc_ligne:hover>div {display:block;}

.flux_bloc_ligne:hover {opacity: 1;}

/*
.flux_bloc_detail_fait 	{background: #F5F5F5; opacity: 0.5;}
*/

.flux_bloc_detail_fait h1,
.flux_bloc_detail_fait h2,
.flux_bloc_detail_fait h3,
.flux_bloc_detail_fait h4
	{
	text-decoration: line-through;
	}


.flux_bloc_droite h2, 
.flux_bloc_gauche h2, 
.flux_bloc_droite h3, 
.flux_bloc_gauche h3,
.flux_bloc_droite h4, 
.flux_bloc_gauche h4
	{
	margin:0px;
	font-size: 12px;
	font-weight: normal;
	}

.flux_bloc_droite h2, 
.flux_bloc_gauche h2
	{
	color:#007293;
	}

.flux_bloc_rapport h3 {color: var(--tzz-bt-c);} 
.flux_bloc_procedure h3 {color: #9765DC;}
.flux_bloc_demande h3 {color: #FF7D00;}
.flux_bloc_suivi h3 {color: #8ABA04;}
.flux_bloc_rv h3 {color: #8ABA04;}
.flux_bloc_mail h3 {color: #DC65B7;}

.flux_bloc_amoi h2 {display:none;}


.flux_bloc_gauche h5,
.flux_bloc_droite h5 {font-size: 20px;}

.flux_bloc_rapport h5 {color: #68B5FF;}
.flux_bloc_procedure h5 {color: #A630DF;}
.flux_bloc_demande h5 {color: #FF7D00;}
.flux_bloc_suivi h5 {color: #8ABA04;}
.flux_bloc_rv h5 {color: #DC65B7;}
.flux_bloc_mail h5 {color: #DC65B7;}

.flux_bloc_droite .flux_bloc_rapport h3 {color: #497EB1;}
.flux_bloc_gauche .flux_bloc_procedure h3 {color: #A630DF;}
.flux_bloc_gauche .flux_bloc_demande h3 {color: #FF7D00;}
.flux_bloc_gauche .flux_bloc_suivi h3 {color: #8ABA04;}
.flux_bloc_gauche .flux_bloc_rv h3 {color: #DC65B7;}
.flux_bloc_gauche .flux_bloc_mail h3 {color: #DC65B7;}


.flux_bloc_ligne 
	{
	position:relative;	
	border-radius: 5px;
	/*overflow-y: hidden;*/
	}


.flux_bloc_ligne h2,
.flux_bloc_ligne h3,
.flux_bloc_ligne h4,
.flux_bloc_ligne h5
	{
	font-weight: 200;
	font-size: 12px;
	}

.flux_bloc_ligne h5
	{
	font-weight: 200;
	font-size: 12px;
	}

.flux_bloc_droite ul,
.flux_bloc_gauche ul,
.flux_bloc_ligne ul
	{
	margin: 10px;
	margin-left: 20px;
	padding: 0;
	color: #177386;
	}

.flux_bloc_ligne ul {display:none;}
.flux_bloc_ligne:hover ul {display:block;}

.flux_bloc_ligne h3 
	{
	display:none;
	font-size: 17px;
	font-weight: 200;
	margin-top: 14px;
	margin-left: 14px;
	}

.flux_bloc_ligne h4 { color: #555; white-space:nowrap;width: 50%;}
.flux_bloc_ligne h5 { width:40px;text-align:center; }
.flux_bloc_ligne:hover h3 {display:block;}

.flux_bloc_ligne h2 {color: #555;display:none;    margin-left: 20px;    margin-top: 10px;}
.flux_bloc_ligne:hover h2 {display:block;}



.flux_blocs_moteur select,
.flux_blocs_moteur input[type=text],
.flux_blocs_moteur input[type=button]
	{
	background-color: #fff;
	padding: 5px;
	border: 1px solid #D9D9D9;
	color: #69A0B8;
	width: 180px;
	font-size: 18px;
	}

#volet_projet_tertiaire_support .flux_blocs_moteur select,
#volet_projet_tertiaire_support .flux_blocs_moteur input[type=text],
#volet_projet_tertiaire_support .flux_blocs_moteur input[type=button]
	{
	opacity: 0.3;
	}

.flux_blocs_moteur input[type=text]:hover
	{
	opacity: 1;
	}

.flux_blocs_moteur h3
	{
	width: 25%;
	display: inline-block;
	font-size: 12px;
	text-align: right;
	padding-right: 5%;
	font-weight: 200;
	}

.flux_blocs>h1
	{
	color: #c7c7c7;
	margin: 10px;
	font-weight: 600;
	}
.flux_blocs>h2
	{
	color: #b3b3b3;
	margin: 10px;
	font-size: 12px;
	font-weight: 200;
	}

.flux_bloc_droite p,
.flux_bloc_gauche p,
.flux_bloc_ligne p
	{
	display:none;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	padding-right: 16px;
	padding-left: 16px;
	box-sizing: content-box;
	color:#888;
	}

.flux_bloc_droite:hover p,
.flux_bloc_gauche:hover p,
.flux_bloc_ligne:hover p
	{
	display: block;
	}



/*
//////////////////
//
// les lettre d'info
//
//////////////////
*/


.lettre_info_envois,
.lettre_info_envois_submit
	{
	display: block;
	padding: 10px;
	border: 1px solid #777;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	margin-top: 10px;
	text-align: center;
	border-radius: 5px;
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	}

.lettre_info_envois_submit{background-image:linear-gradient(#15A9FF, #23B6FF);}

.lettre_info_envois:hover{background:#eee;}
.lettre_info_envois_submit:hover{background: #FF4915;color:#fff;}

.lettre_bloc
	{
	min-height: 25px;
	}

.lettre_bloc,
.lettre_bloc td,
.lettre_bloc tr
	{
	position:relative;
	width:100%;
	}

.lettre_bloc
	{
	width: 100%;
	border-bottom: 1px dashed #777;
	}

.lettre_bloc td { border-left : 1px dashed rgba(0, 0, 0, 0.33); }
.lettre_bloc td:nth-of-type(1) { border-left : none; }
.lettre_bloc td:nth-of-type(2) { border-left : none; }

.lettre_bloc tr
	{
	display: flex;
	align-items: start;
	}

/*
.lettre_bloc tr
	{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 0;
	}
.lettre_bloc tr._col1
	{
	grid-template-columns: repeat(1, minmax(0, 1fr));
	}
.lettre_bloc tr._col2
	{
	grid-template-columns: repeat(2, minmax(0, 1fr));
	}
.lettre_bloc tr._col3
	{
	grid-template-columns: repeat(3, minmax(0, 1fr));
	}
*/


.lettre_bloc_option
	{
	position: absolute!important;
	top: 5px;
	left: 5px;
	}

.lettre_bloc_option>div
	{
	display: none;
	width: 300px;
	background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 6px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.14);
	padding: 0;
	box-sizing: border-box;
	margin: 0;
	margin-top: -12px;
	margin-left: -328px;
	z-index: 10;
	position: relative;
	list-style: none;
	padding-top: 45px;
	}

.lettre_bloc_option:hover ul { z-index: 15000; }
.lettre_bloc_option:hover h5 { z-index: 20000; }

.colonne_edit ul,
.lettre_bloc_option ul
	{
	margin:0;
	padding:0;
	}

.colonne_edit ul li,
.lettre_bloc_option ul li
	{
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #d4d4d4;
	font-size: 15px;
	display: flex;
	}

.colonne_edit ul textarea
	{
	height: 60px;
	}

.colonne_edit ul li span:nth-of-type(1),
.colonne_edit ul li span:nth-of-type(2),
.lettre_bloc_option ul li span:nth-of-type(1),
.lettre_bloc_option ul li span:nth-of-type(2)
	{
	width: 50%;
	text-align: right;
	vertical-align: middle;
	font-size: 16px;
	color: #777;
	}

.colonne_edit ul li span:nth-of-type(2) input,
.lettre_bloc_option ul li span:nth-of-type(2) input
	{
	padding: 0;
	margin: 0;
	width: 50%;
	border: 0;
	border-bottom: 1px dashed #555;
	font-size: 16px;
	color: #777;
	text-align: right;
	}

.colonne_edit ul li:hover,
.lettre_bloc_option ul li:hover { background: #f5f5f5; }


.lettre_bloc td .col_edit
	{
	width: 70px;
	background: #fff;
	border-radius: 4px;
	padding: 3px;
	padding-right: 10px;
	padding-left: 10px;
	z-index: 1;
	box-sizing: border-box;
	font-weight: 200;
	font-size: 12px;
	transition-property: all;
	transition-duration: 0.7s;
	transition-timing-function: ease;
	text-align: center;
	border: 1px solid #555;
	color: #000;
	opacity:1;
	}

.lettre_bloc td .col_edit_bloc
	{
	position: absolute;
	right: 15px;
	top: 10px;
	opacity: 0;
	}

.lettre_bloc_option h5
	{
	top: 0px;
	left: -110px;
	background: #fff;
	color: #555;
	position: absolute;

	width: 70px;
	border-radius: 5px;
	padding: 5px;
	z-index: 1;
	box-sizing: border-box;
	font-weight: 200;
	font-size: 12px;
	transition-property: all;
	transition-duration: 0.7s;
	transition-timing-function: ease;
	text-align: center;
	border: 1px solid #555;
	opacity: 0;
	}

.lettre_bloc td:hover .col_edit_bloc { opacity:1; }
.lettre_bloc td .col_edit:hover { opacity:1; }

.lettre_bloc tr:hover .lettre_bloc_option h5 { opacity:0.5; }
.lettre_bloc tr .lettre_bloc_option h5:hover { opacity:1; }

.lettre_bloc .lettre_bloc_option .colonne
	{
	border-bottom: none;
	}

.lettre_bloc .lettre_bloc_option .colonne label
	{
	background: #fff;
	color: #000;
	border: 1px solid #777;
	border-radius: 5px;
	text-align: center;
	opacity: 0.3;
	width: 96%;
	margin: 2%;
	font-size: 12px;
	padding: 7px;
	display: block;
	box-sizing: border-box;
	}

.lettre_bloc .lettre_bloc_option .colonne label:hover
	{
	box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
	}

.lettre_bloc .lettre_bloc_option .colonne span
	{
	width: 100%;
	margin: 2%;
	box-sizing: border-box;
	padding: 0;
	text-align: center;
	}

.lettre_bloc .lettre_bloc_option .colonne input
	{
	display: none;
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
	}

.lettre_bloc .lettre_bloc_option .colonne input:checked ~ label
	{
	background: var(--tzz-bt-bg);
	color: #fff;
	opacity: 1;
	}

.lettre_bloc .lettre_bloc_option .colonne.bloque input:checked ~ label
	{
	background: #ff3131;
	}

.lettre_bloc .fermer
	{
	width: 20px;
	height: 20px;
	border: 1px solid #555;
	display: block;
	border-radius: 5px;
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 16px;
	text-align: center;
	opacity: 0.5;
	}
.lettre_bloc .fermer:hover
	{
	opacity: 1;
	}

.lettre_bloc .colonne_edit
	{
	position: absolute;
	top: 0px;
	box-sizing: border-box;
	margin: 0;
	margin-left: -300px;
	display: none;
	width: 300px;
	background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 6px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.14);
	box-sizing: border-box;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	z-index: 100;
	min-height:150px;
	padding-top: 30px;
	}

.lettre_bloc a[contenteditable]:empty,
.lettre_bloc p[contenteditable]:empty,
.lettre_bloc h2[contenteditable]:empty 
	{
	opacity:0; 
	overflow: hidden; 
	height: 0; 
	}

.lettre_bloc td:hover h2[contenteditable]:empty,
.lettre_bloc td:hover a[contenteditable]:empty,
.lettre_bloc td:hover p[contenteditable]:empty
	{
	opacity:1;
	overflow: initial; 
	height: initial; 
	}

.lettre_bloc td a { position:relative; }

.lettre_bloc td .href .href_url
	{
	display:block;
	box-sizing: border-box;
	padding: 10px;
	width: 98%;
	background: rgb(238, 238, 238);
	border: 0px;
	margin: 1%;
	font-size: 18px;

	opacity:0;
	overflow: hidden; 
	height: 0px; 
	border-radius:5px;
	}

.lettre_bloc .image
	{
	}

.lettre_bloc .image .taille
	{
	position: absolute;
	width: 90%;
	top: 35px;
	left: 5%;
	display: none;
	}

.lettre_bloc td:hover .taille { display: block; }

.lettre_bloc .image .taille input
	{
	width: 100%;
	}

.lettre_bloc .taille .href_url
	{
	display: block;
	padding: 15px;
	box-sizing: border-box;
	width: 98%;
	background: rgb(238, 238, 238);
	border: 0px;
	margin: 1%;
	font-size: 18px;
	opacity: 1;
	overflow: hidden;
	border-radius: 5px;
	}


.lettre_bloc td .href:hover .href_url 
	{
	opacity:1;
	overflow: initial; 
	height: initial; 
	}


.lettre_bloc td.cache_off
	{
	display:none;
	}

.lettre_bloc .lettre_bloc_option .CAMPeffacer
	{
	color: #777;
	position: absolute;
	bottom: -25px;
	}

.cache_off td:nth-of-type(2),
.cache_off td:nth-of-type(3),
.cache_off td:nth-of-type(4)
	{
	display:none;
	}
.cache_off:hover td:nth-of-type(2),
.cache_off:hover td:nth-of-type(3),
.cache_off:hover td:nth-of-type(4)
	{
	display:block;
	}

/*
//////////////////
//
// moteur de site 
//
//////////////////
*/


#autocomplete_recherche_moteur_site
	{
	width:100%;
	height:300px;
	overflow:auto;margin:auto;
	display:flex;
	}
#autocomplete_recherche_moteur_site div
	{
	width: 100%;
	margin: 10px;
	color:#777;
	margin-top: -10px;
	}

#autocomplete_recherche_moteur_site ul
	{
	margin: 0;
	padding: 0;
	margin-top: 13px;
	}

#autocomplete_recherche_moteur_site select
	{
	border: 1px solid #c3c3c3;
	background: none;
	color: #a9a9a9;
	padding: 5px;
	box-sizing: border-box;
	width:100%;
	margin-bottom: 10px;
	}

#autocomplete_recherche_moteur_site #chg_version
	{
	margin:0;
	padding:0;
	}

#chg_version a
	{
	color: #000;
	padding: 5px;
	width: 23%;
	border: none;
	border-radius: 0;
	font-size: 10px;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	margin: 1%;
	background: #eee;
	white-space: nowrap;
	margin-bottom: 10px;
	overflow: hidden;
	box-sizing: border-box;
	}

#autocomplete_recherche_moteur_site li
	{
	padding: 10px;
	border-top: 1px solid #aaa;
	text-align: left;
	margin: 0;
	color: #a7a7a7;
	cursor:pointer;
	}
#autocomplete_recherche_moteur_site li:hover
	{
	background: #f5f5f5;
	}
#autocomplete_recherche_moteur_site h3
	{
	color: var(--tzz-bt-c);
	font-weight: 200;
	margin: 10px;
	font-size: 16px;
	margin-left: 0px;
	margin-top: 15px;
	padding-top: 14px;
	margin-bottom: 5px;
	border-top: 1px dashed #d6d6d6;
	}





/*
//////////////////////////
// calendrier popup
////////////////////////
*/


body .calendrier_picker
	{
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	top: 0;
	left: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.5);
	z-index: 100000;
	}

body .calendrier_picker .calendrier_table .calendrier_Navigation
	{
	margin-bottom: 10px;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	background: #eeeeee;
	border-top-right-radius: 7px;
	padding-right: 10px;
	border-top-left-radius: 7px;
	padding-left: 10px;
	width: 100%;
	text-indent: 0px;
	}


body .calendrier_picker .calendrier_table .calendrier_Navigation input
	{
	color: #000;
	width: initial;
	background: none;
	padding: 2px;
	text-indent: 0px;
	border-radius:2px;
	}

body .calendrier_picker .calendrier_table .calendrier_Navigation input:hover
	{
	background: #fff;
	}


body  .calendrier_picker .calendrier_table .calendrier_fermer
	{
	border-radius: 5px;
	margin: auto;
	cursor: pointer;
	display: block;
	text-align: center;
	color: #000000;
	border: 1px solid #aaaaaa;
	text-decoration: none;
	background: #f5f5f5;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	background-image: linear-gradient(#FAFAFA, #f5F5F5);
	font-size: 13px;
	text-indent: 0px;
	box-sizing: content-box;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	}

body  .calendrier_picker .calendrier_table .calendrier_fermer:hover
	{
	background:#FAFAFA;
	}




body  .calendrier_picker td
	{
	padding:5px;
	}


body  .calendrier_picker table
	{
	max-width: 300px;
	width: 100%;
	}

.header_menu_li_search>input:hover,
.header_menu_li_search>input:focus,
.header_menu_li_search>input
	{
	color: #fff;
	border: none;
	background: rgba(255, 255, 255, 0.22);
	border-radius: 3px;
	margin-right: 15px;
	}

.header_menu_li_search>div
	{
	position: absolute;
	display: none;
	z-index: 1001;
	top: 22px;
	margin-left: -3px;
	}

#header_topmenu_ul #autocomplete_recherche_moteur_site_div
	{
	position: absolute;
	display: none;
	z-index: 1000000;
	top: 22px;
	}

#header_topmenu_ul
	{
	display:flex;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#header_topmenu_ul
	{
	padding-left: 37px;
	}

#header_topmenu_ul>li
	{
	position:relative;
	padding: 2px;
	font-size: 14px;
	}

#header_topmenu_ul>li:nth-of-type(3)
	{
	padding: 0px;
	}



#header_topmenu_ul>li:nth-of-type(1),
.header_menu_cache
	{
	color: #fff;
	}

#moteur_site_div>div>a
	{
	color:#ddd;
	}

#moteur_site_div>input,
.header_menu_li_search>input
	{
	font-size: 12px;
	}

.header_menu_cache a:nth-of-type(2)
	{
	opacity:0.4;
	}
.header_menu_cache a:nth-of-type(2):hover
	{
	opacity:1;
	}

.header_menu_li_search input::placeholder
	{
	color:#fff;
	font-style: normal;
	}

.header_menu_li_search input:-moz-placeholder
	{
	color:#fff;
	font-style: normal;
	}
header_menu_li_search input::-webkit-input-placeholder
	{
	color:#fff;
	font-style: normal;
	}


#page_edit
	{
	position: fixed;
	border: 0px;
	z-index: 1000000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	}

.page_avertissement
	{
	position:absolute;
	display:none;
	z-index:1000000;
	width:300px;
	}

#affichage_alert_flash_div 
	{
    position: fixed;
    display: block;
    z-index: 1000000;
    width: 340px;
    right: -1px;
    top: -2px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
	}

#affichage_alert_flash_div p
	{
	margin:0;
      font-size: 12px;
      padding: 5px 5px 0px 20px;
      box-sizing: content-box;
	}

#affichage_alert_flash_div h2,
#affichage_alert_flash_div h3,
	{
	margin:0;
	font-size:14px;
	padding: 5px 5px 5px 5px;
	box-sizing: content-box;
	}

#affichage_alert_flash_div>div
	{
        background:#fff;
        width: 100%;
        text-align: left;
        font-size: 12px;
        font-family: Arial, Verdana;
        border-bottom: 1px dotted #555;
        position: relative;
        display: block;
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: ease;
        box-sizing: border-box;
        padding: 8px;
	}

#affichage_alert_flash_div .alert_on   { display:block;margin-left:0;opacity:1; }
#affichage_alert_flash_div .alert_off  { display:block;margin-left: 350px; opacity:0; }
#affichage_alert_flash_div .alert_del  { display:none;margin-left: 350px; opacity:0; }

#affichage_alert_flash_div h3,
#affichage_alert_flash_div h2,
#affichage_alert_flash_div h1
	{
	font-size: 18px;
	font-weight: 200;
	color:#333;
	margin: 0;
	padding: 0;
	}

#affichage_alert_flash_div .niveau1 { border-left: 56px solid #d7faff; }
#affichage_alert_flash_div .niveau2 { border-left: 56px solid #ffa800; }
#affichage_alert_flash_div .niveau3 { border-left: 56px solid #ff3600; }
#affichage_alert_flash_div .niveau4 { border-left: 56px solid #91dbf0; }

#affichage_alert_flash_div>div .fermer
	{
	border-radius: 5px;
	padding: 2px;
	padding-right: 4px;
	padding-left: 4px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	color: #000000;
	border: 1px solid #aaaaaa;
	text-decoration: none;
	/* padding-left: 10px; */
	/* padding-right: 10px; */
	background: #f5f5f5;
	position: absolute;
	top: 0;
	left: -40px;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
	width: 22px;
	}

#affichage_alert_flash_div>div .fermer:hover
	{
	box-shadow:none;
	}

#affichage_alert_flash_div input[type=button],
#affichage_alert_flash_div a
	{
	background-image: linear-gradient(#ffffff, #e0e0e0);
	text-align: center;
	width: 50%;
	box-shadow: 2px 0 5px rgba(0,0,0,0.2);
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	border: 1px solid #838383;
	font-size: 12px;
	padding: 8px 16px;
	color: #000;
	font-weight: 200;
	border-radius: 4px;
	font-family: Raleway,Sans,Verdana;
	width: 100%;
	font-size: 15px;
	display: block;
	box-sizing: border-box;
	}


#console_fenetre_div
	{
	position: fixed;
	display: none;
	width: 400px;
	padding: 30px;
	right: -4px;
	top: 70px;
	background: rgb(43, 43, 43);
	z-index: 100000000;
	text-align: left;
	height: 50%;
	border: 1px solid #c3c3c3;
	border-radius: 7px;
	margin-right: -200px;
	box-sizing: border-box;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	color: #ccc;
	font-size: 15px;
	overflow-y: auto;
	overflow-x: hidden;
	text-overflow: clip;
	line-height: 22px;

	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;

	}

#console_fenetre_div a
	{
	color: #fff;
	}

#console_fenetre_div:hover
	{
	margin-right: -5px;
	}





/*
//////////////////
//
// menu_ds_page
//
//////////////////
*/

.menu_ds_page
	{
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	}

.menu_ds_page ul
	{
	width: 33.33%;
	margin: 0;
	padding: 20px;
	box-sizing: border-box;
	list-style: none;
	max-width: 250px;
	border-bottom: 1px solid #000;
	}

.menu_ds_page ul li label { text-align: left; }

.menu_ds_page ul li label
	{
	width: 100%;
	border-bottom: 1px dashed #aaa;
	padding: 7px;
	vertical-align: middle;
	display: block;
	}

.menu_ds_page ul li label:hover { background:#f5f5f5; }

.menu_ds_page .titre_menu
	{
	font-size: 20px;
	padding-bottom: 10px;
	}

.menu_ds_page ul input { vertical-align: middle; }



/*
//////////////////
//
// liste outils tzz et web
//
//////////////////
*/

.outils_list>div
	{
	list-style-type: none;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	justify-content: flex-start;
	align-items: stretch;
	}

.outils_list h3
	{
	margin-top: 50px;
	}

.outils_list a span
	{
	display:block;
	text-transform: uppercase;
	font-size: 15px;
	color: #22708a;
	}
.outils_list a
	{
	border-radius: 5px;
	padding: 2px;
	padding-right: 4px;
	padding-left: 4px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	color: #000000;
	border: 1px solid #aaaaaa;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	background: #f5f5f5;
	width: 100px!important;
	height: 100px;
	margin: 5px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;	
	}

/*

	editeur de css

*/
.liste_produit_page
	{
	margin-bottom: 15px;
	}

.liste_produit_page a
	{
	font-size: 25px;
	background: none;
	font-weight: 100;
	padding: 6px;
	border-radius: 4px;
	display: inline-block;
	border: 1px solid #b1afaf;
	}

.liste_produit_page a:hover
	{
	background: #fff;
	}
.liste_produit_page>.liste_des_pages:has(b)
	{
	background: #179db9;
	color: #fff;
	}






/*  
///////////////////
Crea de template
/////////////////
*/

.CREATMP_entete
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin: 0 auto;
	padding: 10px 20px;
	box-sizing: border-box;
	}
.CREATMP_entete>select
	{
	background: #fff;
	width: auto;
	margin: 0;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #aaa;
	box-sizing: border-box;
	box-shadow: none;
	}
.CREATMP_entete>.btn-refresh,
.CREATMP_entete>.btn-show
	{
	margin: 0;
	color: var(--mdeep-d);
	font: 400 30px/1 'Material Icons';
	transition: .3s all linear;
	transition-property: color, transform;
	}
.CREATMP_entete>.btn-refresh:hover
	{
	color: var(--tzz-dm);
	transform: rotateZ(180deg);
	}
.CREATMP_entete>.btn-show:hover
	{
	color: var(--tzz-dm);
	}
.CREATMP_cadre
	{
	display: grid;
	grid-template-columns: 340px minmax(0, 1fr);
	grid-gap: 0;
      align-items: stretch;
	width: 100%;
	height: 80vh;
	border: 1px solid #000;
	box-sizing: border-box;
	}
.CREATMP_cadre>div
	{
	width: 100%;
	height: 100%;
	overflow-y: auto;
	}
.CREATMP_cadre #CREATMP_txt
	{
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	grid-gap: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	}
.CREATMP_cadre #CREATMP_txt>textarea
	{
	width: 100%;
	height: 100%!important;
	}
.CREATMP_cadre #CREATMP_decoupe
	{
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
	}

#CREATMP_volet_txt,
#CREATMP_volet_template
	{
      width: 100%;
	}
#CREATMP_volet_template
	{
	border-left: 1px solid #000;
	}
#CREATMP_volet_txt>br,
#CREATMP_volet_template>br,
#CREATMP_decoupe>br
	{
	display: none;
	}
.CREATMP_cadre a
	{
      display: block;
      background: var(--mdark);
      margin: 5px;
      padding: 10px;
      border-radius: 4px;
	box-sizing: border-box;
	color: #fff;
	text-transform: uppercase;
	transition: .3s background linear;
      }
.CREATMP_cadre a:hover
	{
      background: var(--mdeep-d);
      }
.CREATMP_cadre .navigation
	{
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	grid-gap: 10px;
	align-items: center;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 5px;
	box-sizing: border-box;
	}
.CREATMP_cadre .navigation>div
	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	}
.CREATMP_cadre .navigation a
	{
	display:inline-block;
	margin: 0;
	}
.CREATMP_cadre .navigation select
	{
	background: #fff;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid var(--mdark);
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: none;
	}
.CREATMP_cadre .navigation .nav-btn.prec
	{
	margin: 0 auto 0 0;
	}
.CREATMP_cadre .navigation .nav-btn.suiv
	{
	margin: 0 0 0 auto;
	}
.CREATMP_cadre .navigation p
	{
	grid-column: 1/-1;
	display: none;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 5px;
	box-sizing: border-box;
	color: #111;
	font: 400 12px/1.4 sans-serif;
	font-size: calc(8px + (12 - 8) * ((100vw - 320px) / (1800 - 320)));
	text-align: center;
	}
.CREATMP_cadre .navigation.enr p
	{
	display: block;
	}

/* VUES */
.CREATMP_cadre[data-vue=agencement]
	{
	grid-template-columns: auto;
	}
.CREATMP_cadre[data-vue=agencement] #CREATMP_volet_template,
.CREATMP_cadre[data-vue=agencement] #CREATMP_elements>._img,
.CREATMP_cadre[data-vue=agencement] #CREATMP_elements>._load_img
	{
	display: none!important;
	}
.CREATMP_cadre[data-vue=agencement] .CREATMPzone_edit
	{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	}
.CREATMP_cadre[data-vue=template] .CREATMPzone_vue ._vue_tmp,
.CREATMP_cadre[data-vue=agencement] .CREATMPzone_vue ._vue_orga
	{
	display: none;
	}
.CREATMP_cadre[data-vue=agencement] #CREATMP_elements>._txt
	{
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	grid-gap: 0;
	align-items: stretch;
	}
.CREATMP_cadre[data-vue=agencement] #CREATMP_elements>._txt .CREATMP_element
	{
	height: 100%;
	}
.CREATMP_cadre .CREATMPzone_marge
	{
	display: none;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
	gap: 15px;
	margin: 0 0 0 auto;
	}
.CREATMP_cadre[data-vue=agencement] .CREATMPzone_marge
	{
	display: flex;
	}
.CREATMP_cadre .CREATMPzone_marge>select
	{
	background: #fff;
	width: auto;
	margin: 0;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #aaa;
	box-sizing: border-box;
	box-shadow: none;
	}

/* ITEMS */
.CREATMP_cadre ._txt .CREATMP_item
	{
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 15px;
	border-radius: 10px;
	box-sizing: border-box;
	}
.CREATMP_cadre ._txt .CREATMP_item._duo,
.CREATMP_cadre ._txt .CREATMP_item._link + .CREATMP_item
	{
	background: var(--tzz-m);
	}
.CREATMP_cadre ._txt .CREATMP_item._link::after
	{
	content: 'link';
	z-index: 99;
	position: absolute;
	inset: 0 0 0 auto;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	aspect-ratio: 1;
	margin: auto;
	border-radius: 50%;
	color: #fff;
	font: 400 25px / 1 'Material Symbols Outlined';
	text-transform: none;
	transform: translateX(50%);
	}
.CREATMP_cadre[data-vue=template] ._txt .CREATMP_item._link::after
	{
	inset: auto 0;
	transform: rotateZ(90deg) translateY(50%);
	}
.CREATMP_cadre ._txt .CREATMP_item .CREATMP_char_count
	{
	position: absolute;
	inset: auto 16px 16px auto;
	display: block;
	background: #fff;
	width: auto;
	margin: 0;
	padding: 5px;
	border: 1px solid var(--mdeep-d);
	border-width: 1px 0 0 1px;
	border-radius: 10px 0;
	box-sizing: border-box;
	color: var(--mdeep-d);
      font-size: 12px;
	}
.CREATMP_cadre ._txt .CREATMP_element,
.CREATMP_cadre ._rien .CREATMP_element
	{
      display: block;
      background: #fff;
      width: 100%;
	height: 380px;
      margin: 0;
      padding: 10px;
      border: 1px solid #000;
      border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden auto;
      text-align: left;
	}
.CREATMP_element:hover
	{
    	box-shadow: 7px 9px 20px rgb(0 0 0 / 10%);
	}
.CREATMP_cadre:not([data-vue=agencement]) input[type=radio]:checked + .CREATMP_element
	{
	background: #e5eef1;
	border: 2px solid #a2b3cf;
	}

.CREATMP_cadre ._img 
	{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 10px;
	align-items: stretch;
	}

.CREATMP_cadre ._img .CREATMP_element ._txt_url
	{
	display:none;
	}
.CREATMP_cadre ._img .CREATMP_element img
	{
      border-radius: 10px;
	height:100px;
	width: 100px;
	}
.CREATMP_cadre ._img label
	{
	width: 100%;
	height:100%;
	padding: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	}

.CREATMP_element plan
	{
      background: #eee;
      padding: 10px;
      text-align: right;
	}
.CREATMP_element h2
	{
      font-size: 20px;
      margin: 0px;
      padding: 0px;
	}
.CREATMP_element h3
	{
	color:#333;
      font-size: 18px;
      margin: 0px;
      padding: 0px;
	}
.CREATMP_element p
	{
      font-size: 14px;
	color:#333;
      margin: 0px;
      padding: 0px;
	}

.CREATMP_element .txt_formel
	{
	display:none;
	}

.CREATMP_cadre .MEFtemplate .bloc_item
	{
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	background: #fff;
	width: 100%;
      height: 100%;
    	padding: 0;
	border: 1px dotted #eee;
	box-sizing: border-box;
    	text-align: left;
	transition: .21s all linear;
	}
.CREATMP_cadre .MEFtemplate .bloc_item.tal { text-align: left; }
.CREATMP_cadre .MEFtemplate .bloc_item.tac { text-align: center; }
.CREATMP_cadre .MEFtemplate .bloc_item.tar { text-align: right; }

.CREATMP_cadre .MEFtemplate .bloc_item.encart { background-color: #f2f4f6; }

.CREATMP_cadre .MEFtemplate .bloc_item.tbfs .zone_texte,
.CREATMP_cadre .MEFtemplate .bloc_item.tbfs .zone_btn
	{
	background: rgb(0 0 0 / .4);
	}
.CREATMP_cadre .MEFtemplate .bloc_item.tbfs .zone_texte>* { color: #fff; }
.CREATMP_cadre .MEFtemplate .bloc_item.tnfc .zone_texte,
.CREATMP_cadre .MEFtemplate .bloc_item.tnfc .zone_btn
	{
	background: rgb(255 255 255 / .8);
	}

.CREATMP_cadre .MEFtemplate .bloc_item:hover
	{
    	border-radius: 10px;
    	box-shadow: 2px 4px 10px rgb(0 0 0 / .21);
	}

.CREATMP_cadre .MEFtemplate .bloc_item>.zone_texte
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
      height: 100%;
    	padding: 30px 40px 0;
	box-sizing: border-box;
	}
.CREATMP_cadre .MEFtemplate .bloc_item>.zone_btn
	{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-gap: 10px;
	width: 100%;
	padding: 0 40px 30px;
	box-sizing: border-box;
	}
.CREATMP_cadre .MEFtemplate .bloc_item>.zone_btn>button
	{
	display: block;
	background: #fff;
	width: 100%;
	margin: 20px auto 0;
	padding: 10px 15px;
	border: 1px solid #111;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: none;
	color: #111;
	font: 400 16px/1.4 sans-serif;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1800 - 320)));
	text-align: center;
	}
.CREATMP_cadre .MEFtemplate .bloc_item>.zone_btn>button:empty
	{
	display: none;
	}
.CREATMP_cadre .ar1-1
	{
    	aspect-ratio: 1;
	}
.CREATMP_cadre .ar16-9
	{
    	aspect-ratio: 16/9;
	}

.CREATMP_cadre .MEFtemplate .bloc_item>.zone_texte>*
	{
	width: 100%;
	}
.CREATMP_cadre .MEFtemplate .bloc_item h2,
.CREATMP_cadre .MEFtemplate .bloc_item h3,
.CREATMP_cadre .MEFtemplate .bloc_item h4
	{
	padding: 10px 0;
	box-sizing: border-box;
	color: #111;
	font: 400 42px/1 sans-serif;
	font-size: calc(32px + (42 - 32) * ((100vw - 320px) / (1800 - 320)));
	text-align: inherit;
	}
.CREATMP_cadre .MEFtemplate .bloc_item h3
	{
	font-size: calc(21px + (25 - 21) * ((100vw - 320px) / (1800 - 320)));
	}
.CREATMP_cadre .MEFtemplate .bloc_item h4
	{
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1800 - 320)));
	}
.CREATMP_cadre .MEFtemplate .bloc_item p,
.CREATMP_cadre .MEFtemplate .bloc_item ul
	{
	margin: 0 auto;
	padding: 10px 0;
	box-sizing: border-box;
	color: #424242;
	font: 400 16px/1.4 sans-serif;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1800 - 320)));
	}
.CREATMP_cadre .MEFtemplate .bloc_item ul
	{
	padding: 10px 0 10px 30px;
	list-style: square;
	}
.CREATMP_cadre .MEFtemplate .bloc_item ul>li
	{
	color: inherit;
	font: inherit;
	}

.CREATMP_cadre .edit-btn,
.CREATMP_cadre .del-btn,
.CREATMP_cadre .close-btn,
.CREATMP_cadre .nobg-btn
	{
	z-index: 11;
	position: absolute;
	inset: 10px 10px auto auto;
	display: inline-flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items;: center;
	background: #ccc;
	width: auto;
	aspect-ratio: 1;
	border: none;
	border-radius: 50%;
	color: #424242;
	font: 400 20px/1 'Material Symbols outlined';
	text-transform: none;
	opacity: .4;
	transition: .21s opacity linear;
	cursor: pointer;
	}
.CREATMP_cadre .close-btn,
.CREATMP_cadre .nobg-btn
	{
	position: initial;
	}
.CREATMP_cadre .edit-btn:hover,
.CREATMP_cadre .del-btn:hover,
.CREATMP_cadre .close-btn:hover,
.CREATMP_cadre .nobg-btn:hover
	{
	opacity: 1;
	}
.CREATMP_cadre .edit-btn
	{
	right: 50px;
	}
.CREATMP_cadre .CREATMPzone_btn
	{
	z-index: 11;
	position: absolute;
	inset: 10px 10px auto auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: stretch;
	gap: 5px;
	width: auto;
	margin: 0 auto;
	}

.CREATMP_cadre #CREATMP_volet_template .rien
	{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
      background: #d0caca;
      width: 80px;
      margin: auto;
	padding: 20px;
      border-radius: 10px;
      box-sizing: border-box;
      text-align: center;
	}

/* MEFtemplate_ */

.CREATMP_cadre .MEFtemplate
	{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-gap: 40px;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
    	padding: 20px 40px;
	box-sizing: border-box;
	}

.CREATMP_cadre .groupe,
.CREATMP_cadre .subgroupe
	{
      display: grid;
      align-items: stretch;
      grid-gap: 40px;
      }
.CREATMP_cadre ._1col { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.CREATMP_cadre ._2col { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.CREATMP_cadre ._3col { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.CREATMP_cadre ._3col-q { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); }

/* BLOC POPUP */
.CREATMP_cadre .bloc_pop
	{
	z-index: 99;
	position: absolute;
	inset: 0;
	background: rgb(0 0 0 / .6);
	display: none;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	margin: auto;
	}
.CREATMP_cadre .bloc_pop.up
	{
	display: flex;
	}
.CREATMP_cadre .bloc_pop>div
	{
	position: relative;
	background: #fff;
	width: 100%;
	max-width: 680px;
	max-height: 70%;
	margin: 0;
	padding: 40px;
	border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 2px 4px 10px rgb(0 0 0 / .21);
	overflow-y: auto;
	}
.CREATMP_cadre .bloc_pop h2
	{
	padding: 0 0 20px;
	box-sizing: border-box;
	color: #111;
	font: 400 20px/1 sans-serif;
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1800 - 320)));
	}
.CREATMP_cadre .bloc_pop textarea,
.CREATMP_cadre .bloc_pop input,
.CREATMP_cadre .bloc_pop select
	{
	background: #fff;
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: none;
	color: #424242;
	font: 400 16px/1.4 sans-serif;
	font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1800 - 320)));
	}
.CREATMP_cadre .bloc_pop .CREATMPlabel
	{
	display: block;
	width: 100%;
	padding: 10px 0 0;
	box-sizing: border-box;
	text-align: right;
	cursor: pointer;
	}
.CREATMP_cadre .bloc_pop .zone_opt_pop
	{
	display: none;
	}
.CREATMP_cadre .bloc_pop .aff_opt_pop:checked + .zone_opt_pop
	{
	display: block;
	}
.CREATMP_cadre .bloc_pop .zone_opt_pop label
	{
	display: grid;
	grid-template-columns: 70% minmax(0, 1fr);
	grid-gap: 10px;
	align-items: center;
	width: 100%;
	margin: 10px auto 0;
	padding: 0;
	box-sizing: border-box;
	text-align: right;
	}
.CREATMP_cadre .bloc_pop .zone_opt_pop label>span
	{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	color: #424242;
	font: 400 14px / 1.4 sans-serif;
	font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1800 - 320)));
	}
.CREATMP_cadre .bloc_pop .zone_opt_pop label>span>span
	{
	display: block;
	}
.CREATMP_cadre .bloc_pop .zone_btn_pop
	{
	width: 100%;
	margin: 20px auto 0;
	padding: 20px 0 0;
	border-top: 1px solid #ccc;
	box-sizing: border-box;
	}
.CREATMP_cadre .bloc_pop .zone_btn_pop .ligne_btn
	{
	display: grid;
	grid-template-columns: auto repeat(3, minmax(0, 1fr));
	grid-gap: 10px;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 0;
	box-sizing: border-box;
	}
.CREATMP_cadre .bloc_pop .zone_btn_pop span
	{
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
	color: #424242;
	font: 400 14px/1.4 sans-serif;
	font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1800 - 320)));
	}
.CREATMP_cadre .bloc_pop .zone_btnsec_pop
	{
	display: none;
	}
.CREATMP_cadre .bloc_pop .aff_btn_pop:checked + .zone_btnsec_pop
	{
	display: block;
	}
.CREATMP_cadre .bloc_pop .enr-btn
	{
	display: block;
	background: var(--mdark);
	margin: 20px 0 0 auto;
	padding: 10px;
	border: none;
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: none;
	color: #fff;
	text-transform: uppercase;
	transition: .3s background linear;
	cursor: pointer;
	}
.CREATMP_cadre .bloc_pop .enr-btn:hover
	{
	background: var(--mdeep-d);
	}



/*
//////////////////
//
// les scrapping
//
//////////////////
*/

.SCRAPblocs
	{
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      align-content: flex-start;
      justify-content: space-between;
	text-align: left;
	}

.SCRAPblocs >div
	{
      border: 1px #000 solid;
      border-radius: 10px;
      background: #fff;
      padding: 10px;
	margin: 10px;
	width:33%;
	}

.SCRAPblocs input[type=button]
	{
      border-radius: 10px;
      background: #000;
      color: #FFF;
      margin: 5px;
	width:100%;
	}


.SCRAP_bloc_page textarea,
.SCRAP_bloc_page input
	{
	text-align:left;
	display:block;
	width:100%;
	}

.SCRAP_bloc_page ul
	{
    text-align: left;
    height: 200px;
    overflow-y: auto;
	}

.SCRAP_bloc_page textarea
	{
	height:600px;
	}

.SCRAP_bloc_plan >div
	{
      margin-bottom: 20px;
	}

.SCRAP_bloc_fiche img
	{
	}

.SCRAP_bloc_fiche h1
	{
	}

.SCRAP_bloc_fiche #scrap_titre_res,
.SCRAP_bloc_fiche #scrap_texte_res,
.SCRAP_bloc_fiche #scrap_textesec1_res,
.SCRAP_bloc_fiche #scrap_note_res
	{
      background: #eee;
      padding: 10px;
      border-radius: 5px;
      margin: 10px;
	}

body .SCRAP_bloc_fiche #scrap_titre_res
	{
	font-size:30px;
	}

.SCRAP_add
	{
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      align-content: flex-start;
      justify-content: space-between;
      padding: 15px;
	border-radius:10px;
      background: #eee;
	}

.SCRAP_add.SCRAP_add_url
	{
      display: block;
	}

.SCRAP_add select,
.SCRAP_add input
	{
	width:100%;
	}
#scrap_message .message,
#scrap_test_page .message
	{
      background: #ded98c;
      padding: 10px;
      border-radius: 5px;
      margin: 10px;
      text-align: center;
      font-size: 20px;
	}
#scrap_message .message.alert,
#scrap_test_page .message.alert
	{
      background: #AA0000;
	color:#fff;
	}



/*
//////////////////
//
// IA plan
//
//////////////////
*/

#ia_plan #ia_moteur li input[type=checkbox] ~ textarea
	{
	display:none;
	}
#ia_plan #ia_moteur li input[type=checkbox]:checked ~ textarea
	{
	display:block;
	}

#ia_plan .erreur
	{
      width: 500px;
      background: #FFF;
      margin: auto;
      border-radius: 10px;
      padding: 10px;
      margin-top: 60px;
	}

#ia_plan .erreur h2
	{
      font-size: 30px;
	}
#ia_moteur
	{
      text-align: left;
      width: 50%;
      height: calc(101vh - 30px);
    	overflow-x: auto;
      }

#ia_plan .boite
         {
          background: #FFF;
          border-radius: 5px;
          padding: 10px;
          margin-bottom: 5px;
          box-shadow: 4px 5px 30px #0000002b;
          margin: 5px;
          margin-bottom: 10px;
          position:relative;
	    }
#ia_plan .boite .titre h2
          {
          margin: 2px;
          padding: 0px;
          }

#ia_plan .boite .titre span
    {
    display: flex;
    position: absolute;
    background: #000;
    color: #FFF;
    padding: 10px;
    border-radius: 5px;
    left: -40px;
    aspect-ratio: 1;
    width: 10px;
    justify-content: center;
    align-items: center;
    }

#ia_plan .boite .outils
        {
        margin-top:5px;
        display:flex;
        }

#ia_plan .boite .contexte
        {
        width:50%;
        }

#ia_plan .boite input[type=text]
        {
        width:100%;
        }
#ia_plan .boite .contexte textarea
        {
        height:170px;
        width:100%;
        }

#ia_plan .boite .info textarea:focus
        {
        display: block;
        position: fixed;
        inset: 0;
        width: 50%;
        height: 70%;
        margin: auto;
        z-index: 1000;
        box-shadow: 0 0 160px #000;
        }

#ia_plan .boite .info
        {
          width:50%;
          overflow-y: auto;
         max-height: 160px;
	}

#ia_plan .boite:hover
        {
        background: none;
        }
#ia_moteur>ul>li
        {
	width: 90%;
		}
#ia_moteur>ul
        {
    list-style: none;
    display: block;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
	}
#ia_moteur>ul>li h2
        {
	  font-size: 17px;
        }
#ia_moteur .zone-options
	{
	width: 100%;
	padding: 20px 40px 10px;
	box-sizing: border-box;
	}
#ia_moteur .zone-options #pages_tags:empty
	{
	display: none;
	}
#ia_moteur .zone-options #pages_tags
	{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	gap: 5px 10px;
	padding: 10px 0 0;
	font-size: 12px;
	}
#ia_moteur .zone-options #pages_tags>._tag
	{
	display: inline-block;
	background: #fff;
	padding: 5px;
	border-radius: 10px;
	box-sizing: border-box;
	}




#ia_form
	{
	overflow-x: auto;
      text-align: left;
      width: 50%;
      height: calc(101vh - 30px);
    	overflow-x: auto;
	margin-left: 70px;
	}

#ia_form .contexte
	{
	display: flex;
      }
#ia_form .contexte>div
	{
	margin: 5px;
    	width: 100%;
	}
#ia_form .contexte select
	{
	padding: 5px;
	width:100%;
	}

#ia_plan #ia_form textarea
	{
      width:100%;
	height:300px;
	}


#ia_plan .erreur
	{
	}


#ia_plan .bloc
	{
	display: flex;
	}

#ia_plan .bouton
	{
    background: #472f2f;
    color: #FFF;
    padding: 15px;
    border-radius: 5px;
    margin: 2px;
    box-sizing: content-box;
    display: inline-block;
	}



/*
//////////////////
//
// les animations
//
//////////////////
*/

@keyframes tzz-fadein  { from { opacity: 0 } to { opacity: 1 } }
@keyframes tzz-fadeout { from { opacity: 1 } to { opacity: 0 } }



/*
//////////////////
//
// les media
//
//////////////////
*/




@media screen and (max-width: 1024px) 
	{

	#header_stats{display:none}
	#chat_list_admins_site{display:none}
	#DIV_stat_site{display:none}

	#autocomplete_recherche_moteur_site ul
		{
		overflow-y: auto;
    		height: 200px;
            }

	.zone-bureau
		{
		grid-template-columns: repeat(1, minmax(0,1fr));
		}

	#DIV_cron_en_court
		{
		display:none;
		}

	.cadre_bloc_tzz
		{
            position: fixed;
            display: block;
            z-index: 1000000;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0;
		}


	.barre_edito { display: none; }

      .system_bloc_outils 
            {
            width: 100%;
            margin: 0;
            border-radius: 0;
            left: 0;
            right: 0;
            top: 100%;
            height: auto;
            }

	#div_volet_suivi.div_volet_suivi_cadre 
            {
            flex-flow: column nowrap;
            }

	#div_volet_suivi .zone-btn_support
		{
		display: flex;
		}

      .volet_projet_primaire, 
	.volet_projet_primaire_support,
	.volet_projet_secondaire,
	.volet_projet_secondaire_support,
	.volet_projet_tertiaire,
	.volet_projet_tertiaire_support
		{
		width:100%;
		height:auto;
		}

	#volet_projet_primaire_support.volet_projet_primaire_support,
	#volet_projet_secondaire_support.volet_projet_secondaire_support,
	#volet_projet_tertiaire_support.volet_projet_tertiaire_support
		{
		z-index: 11;
		position: absolute;
		inset: 180px 0 0;
		background: #fff;
		width: 100%;
		height: 100%;
		margin: auto;
		padding: 0 10px 0 60px;
		box-sizing: border-box;
		}
	#volet_projet_primaire_support.volet_projet_primaire_support.active,
	#volet_projet_secondaire_support.volet_projet_secondaire_support.active,
	#volet_projet_tertiaire_support.volet_projet_tertiaire_support.active
		{
		z-index: 21;
		}

	#div_volet_suivi.div_volet_suivi_cadre
		{
		display: block;
    		position: fixed;
    		overflow-y: auto;
		padding: 60px 10px 0 60px;
		}


	/* Menu */
	#menu_p:hover{left:-500px;}
	#menu_p .menu_cadre{height:20%;min-height:130px;}
	#menu_p .content_cadre{height:100%;}
	#menu_p .menu_cadre_close{display:block;}
	#menu_p .strap_cadre_div{display:none;}
	#menu_p .menu_cadre_open{display:block;}
	#menu_p .zbarre_cadre_p{display:none;}
	#menu_p.zbarreOn{left:0px;width:100%;}


	#autocomplete_recherche_moteur_site
		{
		display:block;
		height: 100%;
		}

	.fiche_colonne
		{
		padding-right: 0;
		padding-left: 0;
		}

	.system_bloc_outils
		{
		width: 100%;
		margin: 0;
		border-radius: 0;
		left: 0;
		right: 0;
		top: 84px;
		}


	.liste_manager_cadre .trie .moteur
		{
		display:none;
		}


	#menu_barre_div
		{
		display:none;
		}
	#header_menu_top
		{
		width:85%;
		right:0px;
		}

	#menu_p.zbarreOn { left:0px; }

	.bloc_outils_fixe
		{
		height: 84px;
		}

	#page_central
		{
		width: 100%;
		padding-top: 100px;
		padding-right: 0;
		padding-left: 10px;
		}

	#cadre_page_nom
		{
		top:50px;
		}

	.liste_manager td:nth-of-type(3),
	.liste_manager th:nth-of-type(3)
		{
		display:none;
		}


	.header_menu_li_search
		{
		display:none;
		}


	.liste_produit_block
		{
		width: 92%;
		margin: 2%;
		}

	.vente_central .vente_bloc
		{
		width: 93%;
		margin: 2%;
		display: block;
		overflow: hidden;
		min-width: initial;
		}

	.liste_des_pages_haut
		{
		width: 100%;
		text-align: center;
		margin-bottom: 14px;
		}

	.calendrier_tete_date_fixe
		{
	 	top: 54px;
		}

	.meta_central .meta_bloc
		{
		width:96%;
		}


	#SUPPORTmenu_type:hover #SUPPORTmenu_type_deroulant
		{
		margin-left:15px;
		}

	#SUPPORTbloc
		{
		overflow: auto;
		height: 100%;
		}

	#page_edit
		{
		padding-right: 0;
		padding-left: 25px;
		}

	#page_edit .cadre_bloc_tzz.motclef_reponse
		{
		margin-top: 33px;
		}

	#page_edit .cadre_bloc_tzz
		{
		width: 100%!important;
		top: initial;
		max-width: initial;
		bottom: initial;
		height: 100%;
		left: initial;
		right: initial;
		margin: 0;
		padding: 0;
		margin-top: 14px;
		}



	/* Flash */
	#affichage_alert_flash_div 
		{
		width: 100%!important;
		left: 0px;
		top: 28px!important;
		}

	#affichage_alert_flash_div>div
		{
		padding-left: 40px;
		border-radius: 0px;		
		}

	.fiche_colonne
		{
		padding-right: 0;
		padding-left: 0;
		}


	.volet_crm_bureau
		{
		width:100%;
		}

	.vide_du_cache
		{
		display:none;
		}


	#autocomplete_recherche_moteur_div
		{
		right:25%;
		}

	#page_edit
		{
		width:100%;
		margin-left:10px;
		}

	.art_menu
		{
		position: fixed;
		bottom: 15px;
		left: 42px;
		z-index: 10000;
		top: initial;
		}
	.art_bloc
		{
		padding-top: 50px;
		}

	.art_menu a h2
		{
		display:none;
		}


	.fiche_colonne
		{
		display:block;
		display: block;
		height: 100%;
		bottom: 0px;
		top: 0px;
		overflow-y: auto;
		margin-top: 35px;
		}

	.fiche_colonne #fiche_colonne1,
	.fiche_colonne #fiche_colonne2,
	.fiche_colonne #fiche_colonne3
		{
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		margin-bottom: 70px;
		bottom: initial;
		top: initial;
		height: 500px;
		}

	.ref_blocs
		{
		display: block;
		}
	.ref_colonne1
		{
		max-width: initial;
		}
	.CTA_edit
		{
		display: block;
		width: 92%;
		}

	.ref_blocs .ref_colonne1,
	.ref_blocs .ref_colonne2,
	.ref_blocs .ref_colonne3
		{
		width:100%;
		margin:0;
		max-width:initial;
		}


	.motclef_reponse_detail
		{
		padding: 20px;
		}


	}

@media screen and (max-width: 320px) 
	{
	
	.liste_projet_boutons
		{
		display:block;
		}
	
	}