#one{
	position:relative;
	margin:0px;
	padding:0;
	width:100%;
/* 	max-width:1920px; */
	height:100%;
	/* min-height:150%;  */
	
}
#maintenance{
	position:absolute;
	top:40%;
	width:50%;
	margin:0 25%;
	padding:10px;
	border:1px solid #903f1b;
	background-color:#d9d4c7;
	font-family:Arial, Helvetica;
	text-align:center;
	font-size:15px;
	display:block;
}


	/******************************************/
	/* CLIENT */
	/* PAGE DE CONNEXION */
	.bg_intra_web_connect{
		float:left;
		width: 100%;
		min-height: 100%;	  
		background: #015093;
	}
	.bg_intra_web_l{
		background: #015093;
	}
	.bg_intra_web{
		float:left;
		width: 100%;
		min-height: 100%;	  
	background: #015093;
	background: -moz-linear-gradient(left, #015093 0%, #4cd4fe 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#015093), color-stop(100%,#4cd4fe));
	background: -webkit-linear-gradient(left, #015093 0%,#4cd4fe 100%);
	background: -o-linear-gradient(left, #015093 0%,#4cd4fe 100%);
	background: -ms-linear-gradient(left, #015093 0%,#4cd4fe 100%);
	background: linear-gradient(to right, #015093 0%,#4cd4fe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015093', endColorstr='#4cd4fe',GradientType=1 );
	}
	.logo_header{max-height:60px;}
	#connecteur{
		margin:12% 35% 0;
		width:30%;
		height:88%;
	}
	#connecteur input[type="email"],#connecteur input[type="password"],#connecteur input[type="text"]{
		width:50%;
		height:35px;
		margin:15px 0;
		font-size:23px;
		color:#878787;
		border:1px solid #8fb4a7;
		padding:2px;
	}	
	#connecteur input[type="submit"]{
		border:0;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		padding:4px 10px 5px 10px;
		background-color:#023968;
		color:#ffffff;
		font-size:23px;
		cursor:pointer;
	}
	.showPass{
		position: absolute;
		top:45px;
		right:25.5%;
		cursor: pointer;
		caret-color: transparent;
		display: block;
	}
	.showPass2{
		position: absolute;
		top:0px;
		right:2%;
		cursor: pointer;
		caret-color: transparent;
		display: block;
	}
	
	.showPass input, .showPass2 input {
		display:none;
	}
	.showPass img{
		width:25px;
		height:25px;
	}
	.showPass2 img{
		width:20px;
		height:20px;
	}
	.img-checked {
		display: none;
	}
	.showPass input:checked ~ .img-checked,
	.showPass2 input:checked ~ .img-checked	{
		display: inline;
	}
	.showPass input:checked ~ .img-unchecked,
	.showPass2 input:checked ~ .img-unchecked {
		display: none;
	}
	/* PAGE DE CONNEXION */
	
	/* MENU TINTIN */
	#vitrine_resp_tintin{
		position:fixed;
		visibility:hidden;
		z-index:1000;
		right:15px;
		top:5px;
		width:50px;
		height:50px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background-color:#ffffff;
		text-align:center;
		font-size:16px;
		font-family:Arial;
		cursor:pointer;
		filter:brightness(1);	
		-moz-box-shadow: 0px 0px 10px 0px #ffffff;
		-webkit-box-shadow: 0px 0px 10px 0px #ffffff;
		-o-box-shadow: 0px 0px 10px 0px #ffffff;
		box-shadow: 0px 0px 10px 0px #ffffff;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=10);		
	}
	#vitrine_resp_tintin p{padding-top:15px;}
	#vitrine_resp_tintin a,#vitrine_resp_tintin a:hover{color:#025093!important;}
			#div_menu>div{
				position:fixed;
				z-index:2000;
				top:0%;
				left:0%;
				width:100%;
				height:100%;
				padding:20px;
				background-image:url(images/spacer.png);
				background-repeat:repeat;
				color:#424242;
				
			}
			#fermer_tintin{
				position:absolute;
				top:10px;
				left:10px;
				width:60px;
				height:60px;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
				border-radius: 50%;
				background-color:#ffffff;
				text-align:center;
				font-size:53px;
				font-family:Arial;
				animation: rotation 0.5s linear;
				transform: rotate(45deg);
			}
			@keyframes rotation{
				0%{ transform: rotate(0deg);}
				100%{ transform: rotate(360deg);}
			}
			
			#fermer_tintin a{color:#454545;}
			.vitrine_nav_resp_tintin{
				list-style-type:none;
				width:76%;
				height:100%;
				padding:12%;
			}
			.vitrine_nav_resp_tintin .stintin{
				text-align:left;
				padding:3px 0 6px 0;
				/* height:5%; */
				color:#ffffff;
				font-size:18px;
				animation: arrive 0.5s linear;
			}
			@keyframes arrive{
				0%{ padding: 800px 0 6px 0;}
				80%{ padding: 0px 0 0px 0;}
				100%{ padding: 3px 0 6px 0;}
			}
			.stintin{position:relative;}
			.stintin div{
				display:none;
			}
			.stintin:hover div,.stintin a:hover div{
				display:block;
				position:absolute;
				z-index:200;
				top:25px;
				left:0px;
				width:320px;
				margin-top:10px;
				margin-left:-60px;
				font-size:13px;
			}
			.stintin:hover div ul{
				width:100%;
				list-style-type:none;
			}
			.stintin li{
				height:0px;
				background-color:#535353;
				padding:7px 0px 0 0px;
			}
			.stintin:hover li{
				width:97.5%;
				height:29px;
				padding:7px 0px 0 15px;
				text-align:left;		
			}
			
			.stintin:hover li a{
				color:#ffffff;
				margin-left:0;
				-webkit-transition: margin 0.5s ease-in-out;
				-moz-transition: margin 0.5s ease-in-out;
				transition: margin 0.5s ease-in-out;			
			}
			.stintin:hover li a:hover{
				margin-left:7px;
			}
	/* MENU TINTIN */
	
	
	/* CONNECTÉ */
	.intra_web_deg{		
		background-color:#2894ca;
		background:radial-gradient(ellipse at top, #025093, transparent),
            radial-gradient(ellipse at bottom, #2189c1, #180f27 100%);
	}
	#header{
		position:fixed;
		width:100%;
		max-height:60px;
		z-index:100;
		
	}
	.canvas{
		width:70%;
		margin:0 auto;
	}
	.canvas_large{
		width:95%;
		margin:0 auto;
	}
	#nav{
		list-style-type:none;
		width:100%;
		  display: flex;
		  align-items: center;
		  justify-content: center;
	}

	#nav li{
		flex:auto;
		text-align:center;
	}
	.acount{
		min-height:60px;
		background-color: rgba(0,0,0,0.2);
	}
	
	#MyAcount{
		float:left;
		width:100%;
		min-height:18px;
		padding:18px 0 16px 0;
	}
	.acount .relative ul{
		position:absolute;
		top:60px;
		left:0;
		width:100%;
		display:none;
		list-style-type:none;
		z-index:1000;background-color: rgba(0,0,0,0.5);
	}
	.acount .relative ul li{
		float:left;
		width:98%;
		padding:10px 1%;
		text-align:center;
	}
	.acount .relative:hover ul{
		display:block;	
	}
	.acount .relative ul li:hover{
		background-color: rgba(0,0,0,0.4);
	}
	
	#RespDash{
		position:fixed;
		width:20%;
		/* left:68%; */
		right:-18%;
		z-index:200;
		-moz-transition: all 600ms cubic-bezier(0.49,0.27,0.76,0.97);
		-webkit-transition: all 600ms cubic-bezier(0.49,0.27,0.76,0.97);
		-o-transition: all 600ms cubic-bezier(0.49,0.27,0.76,0.97);
		-ms-transition: all 600ms cubic-bezier(0.49,0.27,0.76,0.97);
		transition:all 600ms cubic-bezier(0.49,0.27,0.76,0.97);
	}
	#OpenDoor{
		display:block;
		float:left;
		margin-top:0px;
		margin-left:-20px;
		height : 0;
		width : 0;
		border-top : 20px solid transparent;
		border-right : 20px solid #606562;
		border-bottom : 20px solid transparent;
	}
	#RespDash:hover{
		right:0;
	}
	
	#dashboard{
		float:right;
		width:94%;
		padding:1%;
		margin-bottom:20px;
		overflow:auto;
		background-color:#ffffff;
		-moz-box-shadow: 0px 5px 10px 0px #656565;
		-webkit-box-shadow: 0px 5px 10px 0px #656565;
		-o-box-shadow: 0px 5px 10px 0px #656565;
		box-shadow: 0px 5px 10px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);
	}
	.triangle{
		display : inline-block;
		height : 0;
		width : 0;
		border-top : 6px solid transparent;
		border-bottom : 6px solid transparent;
		border-left : 10px solid #606562;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;	
	}
	.PhotoProfil{
		max-width:60px;
		min-width:60px;
		min-height:60px;
		max-height:60px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		vertical-align:middle;
	}
	.PhotoPetitProfil{
		max-width:40px;
		min-width:40px;
		min-height:40px;
		max-height:40px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		vertical-align:middle;
	}
	.PhotoPetitProfil20{
		max-width:20px;
		min-width:20px;
		min-height:20px;
		max-height:20px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		vertical-align:middle;
	}
	.dashpav1{
		border:2px solid #025093;
		background-color:#ffffff;
		padding:3px 0 3px 0;
	}
	.dashpav1 a{display:block;}
	.dashpav1:hover{
		background:radial-gradient(ellipse at top, #025093, transparent),
            radial-gradient(ellipse at bottom, #2189c1, #180f27 100%);
	}
	.dashpav1:hover a{color:#ffffff!important;}
	
	.dashpav1 div{
		float:right;
		min-width:20px;
		height:20px;
		margin:-25px 10px 0 0;
		padding:3px 3px 1px 3px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color:#e2001a;
		color:#ffffff;
		font-size:13px;
		text-align:center;
	}
	
	.moyens_mutualises{
		float:left;
		min-width:42%;
		margin:8px 2.3% 8px 2.3%!important;
		padding:4px 0;
		border:1px solid #999999;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.moyens_mutualises a{
		display:block;
	}
	.moyens_mutualises:hover{
		-moz-box-shadow: 0px 5px 10px 0px #656565;
		-webkit-box-shadow: 0px 5px 10px 0px #656565;
		-o-box-shadow: 0px 5px 10px 0px #656565;
		box-shadow: 0px 5px 10px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);
	}
	
	.img_liste_lat_cpt{
		/* max-height:70px; dans le cas d'une succession de photos */
		width:90%;
		height:200px;
		margin-left:5%;
		text-align:center;
	}
	.img_liste_lat_cpt img{
		margin:0 auto;
		max-height:200px;
	}
	
	#All_users{ /* ul */
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:80px;
		overflow-y:hidden;
		overflow-x:hidden;
	}
	#All_users li{
		float:left;
		display:inline;
		margin:0 20px 10px;
	}
	#All_users li span, #All_users_vertic li span{
		position:absolute;
		top:17px;
		left:-14px;
	}
	#plus_profils{
		position:absolute;
		top:0;
		right:-20px;
		width:60px;
		height:60px;
		color:#ffffff;
		font-size:55px;
		background-color:#025093;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	#All_users_vertic{ /* ul */
		float:left;
		width:100%;
		height:98%;
		list-style-type:none;
	}
	#All_users_vertic li{
		float:left;
		width:90%;
		display:block;
		margin:5px 20px;
	}
	#All_users_vertic li:hover{
		background-color:#eeeeee;
	}
	#footer{
		float:left;
		width:100%;
		bottom:5px;
		left:5px;
		font-size:11px;
		text-align:left;
	}
	#footer_fixed{
		position:fixed;
		width:100%;
		bottom:0px;
		font-size:11px;
		text-align:left;
	}
	
		/* ACCUEIL */
		.placeholder_your_post{
			/* faux input text */
			float:left;
			width:80%;
			background-color:#edebeb;
			padding:5px;
			margin:15px;
			cursor:pointer;
			text-align:left;
		}
		/* ACCUEIL */
		
		/* PROSPECTS */
		.over_div{
			border:1px solid #ffffff;
		}
		.over_div a{color:#000000;}
		.over_div:hover,.a_button a:hover{
			background:#d8aeae;
			color:#ffffff!important;
			border:1px solid #ffffff;
		}
		.a_button a{
			display:block;
			background:#ffffff;
			border:1px solid #025093;
			text-align:center;
			padding:4px 0 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			color:#025093;
			cursor:pointer;
		}
		.a_button a:hover img{
			filter:brightness(0) invert(1);

		}

		#etats_projet{ /* ul */
			list-style-type:none;
			width:100%;
			  display: flex;
			  align-items: center;
			  justify-content: center;
		}
		#etats_projet li{
			flex:auto;
			text-align:center;
			margin:0 10px;
			padding:4px 0 5px;
			color:#ffffff;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.greencheck{
			position:absolute;
			z-index:1;
			top:-5px;
			left:-8px;
			width:29px;			
			height:28px;			
		}
		.MyPropal{
			position:absolute;
			z-index:0;
			top:0px;
			left:25%;
			width:50%;
			background-color:#ffffff;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.origine_prospect{
			position:absolute;
			top:-13px;
			right:-10px;
			padding:4px;
			width:200px;
			height:auto;
			font-size:11px;
			background-color:#eeeeee;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.origine_prospect img{
			max-width:20px;
			max-height:20px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			vertical-align:middle;
		}
		.back{
			position:absolute;
			
			top:-20px;
			left:-30px;
			padding:4px;
			background-color:#adaaaa;			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.supprMyDoc{
			position:absolute;
			bottom:10px;
			right:-5px;
			width:21px;
			height:21px;
		}
		#mapid{
			width:98%;
			height:580px;
		}
		/* PROSPECTS */
		
		/* MESSAGERIE */
		/* bulle de chat */
		.bg_je_parle,.bg_il_parle{
			width:40%;
			padding:6px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		.bg_je_parle img,.bg_il_parle img{
			vertical-align:middle;
		}
		.bg_il_parle{
			background-color:#edebeb;
		}
		.bg_je_parle{
			background-color:#81c899;
			color:#ffffff;
		}
		
		.bg_je_parle2,.bg_il_parle2{
			width:80%;
			padding:6px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		.bg_je_parle2 img,.bg_il_parle2 img{
			vertical-align:middle;
		}
		.bg_il_parle2{
			background-color:#edebeb;
		}
		.bg_je_parle2{
			background-color:#015093;
			color:#ffffff;
		}
		
		.queue_g,.queue_d,.queue_g2,.queue_d2{
			position:absolute;
			bottom:0;
			display : inline-block;
			height : 0;
			width : 0;
		}
		.queue_g, .queue_g2{
			left:-15px;
			border-left : 14px solid transparent;
			border-bottom : 10px solid #edebeb;
			transform: rotate(-15deg);
		}
		.queue_d{
			right:-15px;
			border-right : 14px solid transparent;
			border-bottom : 10px solid #81c899;
			transform: rotate(15deg);
		}
		.queue_d2{
			right:-15px;
			border-right : 14px solid transparent;
			border-bottom : 10px solid #015093;
			transform: rotate(15deg);
		}
		/* MESSAGERIE */
		
		
		/* STATISTIQUES */
		.statistiques_tris{
			float:left;
			width:100%;
		}
		/* STATISTIQUES */
		
		
		/* PRESTATAIRES */
		.logo_presta{
			max-width:260px;
			max-height:190px;
		}
		/* PRESTATAIRES */
		
		/* MATERIEL */
		.materiel_liste{ /* ul */
			list-style-type:none;
			float:left;
			width:100%;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  flex-wrap: wrap;
		}
		.materiel_liste li{
			flex:auto;
			
			display:inline-block;
			min-width:25%;
			margin-top:20px;			
		}
		.materiel_liste li>div{
			width:97%;
			margin:0 auto;
		}
		.materiel_liste .valign_img img{width:30px;height:30px;}
		
		.materiel_liste li{min-height:300px;}
		
		
		.document_liste>div{
			float:left;
			width:25%;
			min-height:170px;
			margin-top:20px;	
		}		
		
		.img_liste>div{
			float:left;
			width:25%;
			min-height:170px;
			margin-top:20px;	
		}
		.realisation_img{
			min-height:140px;
			max-height:140px;
		}
		
		
		.logo_fabricant{
			max-height:30px;
		}
		.logo_fabricant_topleft{
			position:absolute;
			top:10px;
			left:10px;
			max-height:60px;
		}
		.materiel_img{
			max-height:150px;
		}
		.document_img{
			height:76px;
		}
		.document_img_bloc{
			float:left;
			width:50%;
			margin:0 25%;
			background-repeat:no-repeat;
			background-position:top center;
			background-size:cover;
		}
		.document_img_bloc img{
			float:left;
			width:90%;
			height:76px;
		}
		.materiel_img_big{
			max-height:250px;
		}
		#affich_mat{
			z-index:100;
			position:fixed;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			background-image:url(images/spacer.png);
			background-repeat:repeat;
			opacity:1;
			animation: affich_mat 0.2s linear;
		}

		@keyframes affich_mat{
			0%{opacity:0;}
			100%{opacity:1;}
		}
		
		#fiche_mat{
			position:absolute;
			top:10%;
			left:20%;
			width:60%;
			height:70%;
			background-color:#ffffff;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		#fiche_mat>div{
			float:left;
			margin-top:4%;
			width:100%;
			height:89%;
			overflow:auto;
		}
		
		.flat_button{
			background-color:#a1193f;
			padding:4px 20px 5px;
		}
		.materiel_liste_projet{
			position:absolute;
			z-index:200;
			top:0px;
			left:20%;
			width:60%;
			height:auto;
			max-height:400px;
			overflow:auto;
			padding:10px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.materiel_liste_projet ul{
			list-style-type:none;
			float:left;
			width:100%;
			margin:20px 0;
			overflow:auto;
		}
		.materiel_liste_projet ul li{
			float:left;
			width:100%;
		}
		.materiel_liste_projet ul li:hover{
			background-color:#eeeeee;
			color:#000000;
		}
		#chantier_matos{ /* ul - avec des input */
			list-style-type:none;
		}
		#chantier_matos li{
			display:inline-block;
			padding:3px 10px;
			margin:4px 2px;
			background-color:#a1193f;
			color:#ffffff;
		}
		
		.gestion_stock{
			float:left;
			width:100%;
		}
		.gestion_stock98{
			float:left;
			width:98%;
		}
		
		/* MATERIEL */
		
	/* CALENDRIER */
		#reservation{
			float:left;
			margin-left:0%;
			width:100%;
			height:auto;
			background-color:#e2c0d9;
			/* color:#ffffff; */
			border:4px solid #f6f6f6;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 5px -3px 8px 0px #9b9b9b;
			-webkit-box-shadow: 5px -3px 8px 0px #9b9b9b;
			-o-box-shadow: 5px -3px 8px 0px #9b9b9b;
			box-shadow: 5px -3px 8px 0px #9b9b9b;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=59, Strength=8);
			padding:10px;
		}
		#div_calendrier{
			float:left;
			width:65%;
			margin:0 17.5%;
			font-family:Arvo;
			/* background-color:#ffffff; */
		}
		#mois_encours{
			float:left;
			width:100%;
			background-color:#f6f6f6;	
			padding:4px 0 5px 0;
			font-size:20px;
			margin:0 0 10px 0;
		}
		#bt_mois_before,#bt_mois_after{cursor:pointer;}
		.calendrier_jour{
			float:left;
			width:14.2857%;
			text-align:center;
			font-size:18px;
			cursor:pointer;
			
		}
		.calendrier_jour a{color:#424242;}
		.calendrier_jour span{color:#424242;}
		.calendrier_jour a, .calendrier_jour span{
			display:block;
			padding:4px 0 5px 0;
			
		}
		

		
		.calendrier_jour a:hover{
			background-color:#b5b3b3;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.class_semaine1 {background-color:#d0cece;}
		.class_semaine2 {background-color:#e5e4e4;}
		.class_jour {background-color:#e5e4e4;}
		.class_jour a{font-weight:bold;font-size:19px;/* color:#ed9494; */}
		/* CALENDRIER */
		
		
		/* DOCUMENTS */
		.pave_documents{
			border:1px solid #eeeeee;
			padding:5px 0;
			min-height:230px;
		}
		.pave_documents>a{
			min-height:125px;
		}
		.pave_documents>a img{
			vertical-align:middle;
		}
		.triangle_doc{
			
		}
		#see_video{
			position:fixed;
			top:17%;
			left:25%;
			width:50%;
			height:60%;
			background-color:#ffffff;
			text-align:center;
			padding:30px 0;
			z-index:1000;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
	-webkit-box-shadow: 10px 7px 39px 0px rgba(0,0,0,1);
	-moz-box-shadow: 10px 7px 39px 0px rgba(0,0,0,1);
	box-shadow: 10px 7px 39px 0px rgba(0,0,0,1);
			animation: see_video 0.2s linear;
		}
		#see_video iframe{width:98%;height:98%;}
		@keyframes see_video{
			0%{top:110%;/* width:0;left:50%; */}
			100%{top:17%;/* width:55%;left:22.5%; */}
		}
		/* DOCUMENTS */
		
		
		/* COMPETENCES */
		.competences, .competences ul,
		.competences_view, .competences_view ul{ /* ul */
			list-style-type:none;
			width:100%;
			float:left;
		}
		.competences>li{
			float:left;
			width:100%;
			text-align:left;
			margin:5px 0;
			padding-bottom:15px;
			border-bottom:1px solid #424242;
		}
		.competences_view{
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			flex-wrap: wrap;		
			justify-content: start;
			-webkit-box-align: start;
			-webkit-flex-align: start;
			-ms-flex-align: start;
			-webkit-align-items: start;
			justify-content: start;
			-webkit-justify-content: start;
		}
		.competences_view>li{
			float:left;
			width:33%;
			text-align:left;
			margin:5px 0;
			padding-bottom:15px;
			flex: 1 1 auto;				
		}
		.button_competence{
			background-color:#84173a;
			font-family: 'raleway';
			padding:3px 4% 3px 4%;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
		/* COMPETENCES */
		
		
		
		/* CONTACTS */
		.consentement a{color:#424242!important;text-decoration:underline;}
		/* CONTACTS */
		
		/* RESEAU FRANCHISE */
		.FranchiseMap{ /* iframe */
			border:0;
			float:left;
			width:95%;
			margin:20px 2.5%;
			min-height:680px;
		}
		/* RESEAU FRANCHISE */
		
		/* REALISATIONS */
		.putshot{
			display:block;
			position:absolute;
			height:inherit;
			width:80%;
			margin-top:33%;
			text-align:center;
			z-index:200;
		}
		.putshot img{
			width:100%;
		}
		.upload_pdf{
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
		}
		/* REALISATIONS */
		
	
	/* ZONE ACTION */
	


	
	#zone_act{
		position:fixed;
		z-index:2;
		top:15%;
		left:15%;
		width:70%;
		height:70%;
		background-color:#ffffff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0px 5px 10px 0px #656565;
		-webkit-box-shadow: 0px 5px 10px 0px #656565;
		-o-box-shadow: 0px 5px 10px 0px #656565;
		box-shadow: 0px 5px 10px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);
	}
	

    #map {        
      max-width: 100%;
      max-height: 100%;
    }
    #map path {
      fill:#62886e;
      stroke:#FFFFFF;
      stroke-width:0.6;
      transition: fill 0.2s, stroke 0.3s;
	  cursor:pointer;
    }
    #map path:hover , #map path:active {
      fill: red;
      stroke: red;
    }
    #map .separator {
      stroke: #ccc;
      fill: none;
      stroke-width:1.5;
    }
    #map .separator:hover {
      stroke: #ccc;
      fill: none;
    }
	/* ZONE ACTION */
	


	/* LIGHTBOX */		
	#div_lightbox{
		position:fixed;
		z-index:9999;
		top:0px;
		left:0;
		width:100%;
		height:100%;
		margin:0 auto;
		opacity:1;
		background-image:url(images/spacer.png);
		background-repeat:repeat;
		animation: div_lightbox 0.2s linear;
	}
	@keyframes div_lightbox{
		0%{opacity:0;}
		98%{opacity:0;}
		99%{opacity:0.2;}
		100%{opacity:1;}
	}
	
	#div_lightbox_actu{
		position:fixed;
		top:25%;
		left:25%;
		width:50%;
		height:220px;
		margin:0 auto;
		background-color:#ffffff;
		border:2px solid #393939;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
-webkit-box-shadow: 10px 7px 39px 0px rgba(0,0,0,1);
-moz-box-shadow: 10px 7px 39px 0px rgba(0,0,0,1);
box-shadow: 10px 7px 39px 0px rgba(0,0,0,1);
		z-index:200;
		
		animation: div_lightbox_actu 2s linear;
	}
	@keyframes div_lightbox_actu{
		0%{top: -25%;}
		90%{top: -25%;}
		100%{top: 25%;}
	}	
	
	#div_lightbox_actu img{
		height:inherit;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	
	#div_lightbox_adap{
		float:left;
		margin:1% 5%;
		width:90%;
		height:95%;
		background-color:#ffffff;
		border:2px solid #393939;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
-webkit-box-shadow: 10px 7px 39px 0px rgba(0,0,0,1);
-moz-box-shadow: 10px 7px 39px 0px rgba(0,0,0,1);
box-shadow: 10px 7px 39px 0px rgba(0,0,0,1);
		z-index:200;
		text-align:center;
		animation: div_lightbox_adap 2s linear;
	}
	@keyframes div_lightbox_adap{
		0%{margin-top: -50%;}
		90%{margin-top: -50%;}
		100%{margin-top: 15%;}
	}
	#div_lightbox_adap .relative{
		width:100%;
		height:100%;		
	}
	#div_lightbox_adap img{
		margin:2% 0;
		max-width:100%;
	}
	#div_lightbox_adap iframe{
		width:100%;
		height:100%;
	}


	#div_lightbox_agenda{
		position:fixed;
		top:25%;
		left:25%;
		width:50%;
		height:220px;
		margin:0 auto;
		background-color:#ffffff;
		border:2px solid #393939;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
-webkit-box-shadow: 10px 7px 39px 0px rgba(0,0,0,1);
-moz-box-shadow: 10px 7px 39px 0px rgba(0,0,0,1);
box-shadow: 10px 7px 39px 0px rgba(0,0,0,1);
		z-index:200;
		animation: div_lightbox_agenda 0.5s linear;
	}
	@keyframes div_lightbox_agenda{
		0%{top: -25%;}
		100%{top: 25%;}
	}
	#div_lightbox_agenda .relative{
		width:100%;
		height:100%;		
	}



	
	#close_lightbox{
		position:absolute;
		z-index:10000;
		top:-10px;
		right:-10px;
		width:30px;
		height:30px;
		font-size:27px!important;
		font-family:Arial;
		text-align:center;
		background-color:#393939;
		border:2px solid #ffffff;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		padding:-7px 0 0 5px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		display:block;
		cursor:pointer;
	}
	#close_lightbox, #close_lightbox:hover{
		color:#ffffff!important;		
	}
	/* LIGHTBOX */

	
	/* POSTEUR */
	#your_post{
		position:fixed;
		z-index:500;
		top:25%;
		left:35%;
		width:30%;
		min-height:40%;
		padding-bottom:10px;
		background-color:#ffffff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0px 5px 10px 0px #656565;
		-webkit-box-shadow: 0px 5px 10px 0px #656565;
		-o-box-shadow: 0px 5px 10px 0px #656565;
		box-shadow: 0px 5px 10px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);
		animation: arriving 0.02s linear;
		transform: rotate(0deg);
	}			
	@keyframes arriving{
				0%{ transform: rotate(5deg);}
				100%{ transform: rotate(0deg);}
	}
	
	#your_big_post{
		position:fixed;
		z-index:500;
		top:15%;
		left:25%;
		width:50%;
		min-height:60%;
		padding-bottom:10px;
		background-color:#ffffff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0px 5px 10px 0px #656565;
		-webkit-box-shadow: 0px 5px 10px 0px #656565;
		-o-box-shadow: 0px 5px 10px 0px #656565;
		box-shadow: 0px 5px 10px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);
	}
	.close{
		position:absolute;
		z-index:3;
		top:5px;
		right:5px;
		font-size:50px;
		text-align:center;
		width:40px;
		height:40px;
		cursor:pointer;
		color:#ffffff;
		line-height:33px;		
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color:#0c6ba9;
/* -moz-box-shadow: inset -1px -2px 4px 0px #9b9b9b;
-webkit-box-shadow: inset -1px -2px 4px 0px #9b9b9b;
-o-box-shadow: inset -1px -2px 4px 0px #9b9b9b;
box-shadow: inset -1px -2px 4px 0px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=296, Strength=4); */
	}
	.close a{
		display:block;
	}
	
	.close_safari{
		position:absolute;
		z-index:3;
		top:5px;
		right:5px;
		font-size:55px;
		text-align:left;
		width:40px;
		height:40px;
		cursor:pointer;
		color:#ffffff;
		line-height:47px;		
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color:#0c6ba9;
/* -moz-box-shadow: inset -1px -2px 4px 0px #9b9b9b;
-webkit-box-shadow: inset -1px -2px 4px 0px #9b9b9b;
-o-box-shadow: inset -1px -2px 4px 0px #9b9b9b;
box-shadow: inset -1px -2px 4px 0px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=296, Strength=4); */
	}
	.close_safari a{
		display:block;
	}
	
	
	
	.zone_discussion{
		position:absolute;
		top:12%;
		left:1%;
		width:98%;
		height:60%;
		overflow:auto;
	}
	.myMessage{
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
		height:30%;
	}
	#newMessenger{
		position:absolute;
		z-index:500;
		bottom:10px;
		right:10px;
		width:320px;
		height:120px;
/* 		background-color:white;
		-moz-box-shadow: 3px 3px 5px #656565;
		-webkit-box-shadow: 3px 3px 5px #656565;
		-o-box-shadow: 3px 3px 5px #656565;
		box-shadow: 3px 3px 5px #656565;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px; 
		border:1px solid #015093;*/
		
	}
	/* POSTEUR */
	
	
	/* EVENEMENTS */
	.types_evenements label{
		padding:5px 10px;
		cursor:pointer;
	}
	.types_evenements input[type=radio]{
		display:none;
	}
	.types_evenements input[type=radio]:checked ~ span{
		font-weight:bold;
	}
	/* EVENEMENTS */
	
	
	/* PUBLICATION */
	.encart_photo{
		background-repeat:no-repeat;
		background-size:cover;
	}
	.encart_photo a{display:block;}
	.encart_photo .relative{height:inherit;}
	.encart_photo img{
		float:left;
		width:100%;
		height:inherit;
	}
	.encart_photo b{ /* $nb_plus */
		position:absolute;
		top:30%;
		left:0;
		width:100%;
		height:auto;
		text-align:center;
		font-size:4em;
		color:#ffffff;
		opacity:0.80;
		font-family:Arial;
	}
	.encart_photo1{
		float:left;
		width:100%;
		max-height:300px;
		background-repeat:no-repeat;
		background-size:cover;
	}
	.encart_photo1 img{
		float:left;
		width:100%;
		min-height:250px;
		max-height:300px;
	}
	.encart_photo_wall{
		float:left;
		width:100%;
		max-height:300px;
		background-repeat:no-repeat;
		background-size:cover;
	}
	.encart_photo_wall img{
		float:left;
		width:100%;
		min-height:250px;
		max-height:300px;
	}	
	
	.shared_box{
		float:left;
		width:99%;
		min-height:100px;
		margin:0px 1px 10px;
		padding:4px;
		text-align:left;
		border:1px solid #d8aeae;
		background-color:#fef0f4;
		font-family:Arial;
		font-size:14px;
	}
	.shared_box img{
		float:left;
		width:17%;
		height:auto;
		margin-right:6%;
	}
	.shared_box_simple{
		float:left;
		width:99%;
		height:auto;
		margin:0px 1px 10px;
		padding:4px;
		text-align:left;
		border:1px solid #d8aeae;
		background-color:#fef0f4;
		font-family:Arial;
		font-size:14px;
	}
	
	.bull_option_share{
		float:right;
		width:100px;
	}
	
	.bull_option_share ul{
		z-index:1;
		display:none;
		position:absolute;
		top:10px;
		right:0px;
		width:auto;
		height:auto;
		list-style-type:none;
		border:1px solid#d8aeae;
		background-color:#ffffff;
	}
	.bull_option_share:hover ul{
		display:block;
	}
	.bull_option_share ul li{
		padding:5px 30px;
		text-align:center;background-color:#ffffff;
	}
	.bull_option_share ul li:hover{
		background-color:#e8f6ea;
	}
	.bull_option_share ul li:hover a{
		color:#ffffff;
	}
	
	.defil_photo{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
/* 		background-image:url(images/spacer.png);
		background-repeat:repeat; */
		background-color: rgba(0,0,0,0.9);
		z-index:100;
	}
	.MyDiap{
		position:absolute;
		top:10%;
		left:10%;
		width:80%;
		height:80%;
	}
	/* PUBLICATION */
	
	
	
	
	
	/* CONNECTÉ */
	
	
	
	
	
	
	
	
	/* ADMIN */
	.MyFormsAdmin td{
		text-align:left;
	}
	.table_listes tr td{
		padding:2px 0 3px;
	}
	.table_listes tr:hover{
		background-color:#f0eeee;
	}
	.form_erreur{
		float:left;
		width:100%;
		margin-top:3px;
	}
	.liste_franchises{ /* table */
		border-spacing:10px;
		border-collapse:separate;
	}
	.liste_franchises label{cursor:pointer;}

	.AfficheList{width:27px;height:27px;}
	.AfficheList ul{
		z-index:10000;
		display:none;
		list-style-type:none;
		position:absolute;
		top:-20px;
		right:0px;
		width:0px;
		height:0px;	
		background-color: rgba(255,255,255,0.9);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0px 5px 10px 0px #656565;
		-webkit-box-shadow: 0px 5px 10px 0px #656565;
		-o-box-shadow: 0px 5px 10px 0px #656565;
		box-shadow: 0px 5px 10px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);
		font-weight:normal;
	}
	.AfficheList:hover ul{display:block;height:550px;padding:10px 0 30px;}
	.overlist{
		float:left;
		width:100%;
		height:525px;
		overflow-x:hidden;
		overflow-y:auto;
	}
	.ajouteur_plus{ /* a */
		float:right;
		text-align:center;
		width:40px;
		height:40px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		color:#dadada;
		background-color:#ffffff;
	}
	.liste_types_chantiers{/*ul*/
		list-style-type:none;
		float:left;
		width:100%;
	}
	.liste_types_chantiers li{
		margin:0 10px;
		display:block;
	}
	/* ADMIN */
	
	
	
	
	/* Provisoire */
	#provisoire{
		position:fixed;
		bottom:15px;
		right:0px;
		width:200px;
	}
	/* Provisoire */
	
	/* SPECIAL EXCELLENCE-PROPRETE */
	.label100 label{
		float:left;
		width:100%;
		display:block;
		/* background:#eeeeee; */
		padding:3px 0 ;
	}
	/* SPECIAL EXCELLENCE-PROPRETE */
	
	
	
	/* CLIENT */
	/******************************************/


	



/************************************************/
/* MEDIA SCREEN */
/* 	OS			Horizontal		Vertical
-------------------------------------------
	IPAD 		1024*672 		768*928 
	IPAD 14.7.1	1080*810 		810*1080 
	IPHONE 4S 	480*320			320*372
	IPHONE 5 	568*320			320*460
	IPHONE SE 	667*325			375*547
*/


/* 1920px */
/* @media screen and (min-width: 1920px){
	#one{width:1903px;margin:0 auto;}
	#footer{width:1903px;margin:0 auto;}
} */

/* 1805px */
@media screen and (max-width: 1805px){
	/* .canvas{width:75%;} */
	/* #RespDash{left:69%;} */
}



/* 1700px */
@media screen and (max-width: 1700px){
	/* .canvas{width:80%;} */
	/* #RespDash{left:70%;width:25%;} */
	#RespDash{width:25%;right:-23%;} 
	#connecteur input[type="email"],#connecteur input[type="password"],#connecteur input[type="text"]{
		width:90%;
	}
	.showPass{
		right:5.5%;
	}
}
/* 1600px */
@media screen and (max-width: 1600px){
	/* .canvas{width:85%;} */
	/* #RespDash{left:71%;} */
}

/* 1500px */
@media screen and (max-width: 1500px){
	/* .canvas{width:90%;} */
	/* #RespDash{left:73%;} */
}



/* HEIGHT */
@media screen and (max-height: 1431px){
	#your_big_post{
		top:1%;
		left:1%;
		width:98%;
		height:96%;
	}
	#your_big_post .overlist{
		height:60vh!important;
	} 	
}

/* 1431px */
@media screen and (max-width: 1431px){
	#your_big_post{
		top:1%;
		left:1%;
		width:98%;
		height:96%;
	}
	#your_big_post .overlist{
		height:60vh!important;
	} 	
}

/* 1355px */
@media screen and (max-width: 1355px){
	.canvas{width:98%;}
}

/* 1290px */
@media screen and (max-width: 1290px){
	#dashboard{font-size:13px;}
}

/* 1263px */
@media screen and (max-width: 1263px){
	.champ_contact{width:80%;}
	.message_contact{width:80%;}
	.textarea_contact{width:90%;}
	/* #RespDash{left:99%;} */
	.encart_presents .form80pc{width:100%;}
/* 	#RespDash{
		position:fixed;
		top:0px;
		width:50%;
		left:99%;
		height:inherit;
		margin-top:80px!important;
		
		-moz-transition: all 600ms cubic-bezier(0.49,0.27,0.76,0.97);
		-webkit-transition: all 600ms cubic-bezier(0.49,0.27,0.76,0.97);
		-o-transition: all 600ms cubic-bezier(0.49,0.27,0.76,0.97);
		-ms-transition: all 600ms cubic-bezier(0.49,0.27,0.76,0.97);
		transition:all 600ms cubic-bezier(0.49,0.27,0.76,0.97);
	} */
	#dashboard{
		width:97%;
		float:right;
	}
	#RespPage{
		width:100%;
	}
	
	#OpenRespDash{
		float:left;
		margin:0 0 0 0px;
		width:100%;
		cursor:pointer;
	}
/* 	#OpenDoor{
		display:block;
		float:left;
		margin-top:0px;
		margin-left:-20px;
		height : 0;
		width : 0;
		border-top : 20px solid transparent;
		border-right : 20px solid #606562;
		border-bottom : 20px solid transparent;
	} 

	
	#RespDash:hover{
		left:50%;
	}
	*/
	

	
}

/* 1200px */
@media screen and (max-width: 1200px){
	#connecteur input[type="email"], #connecteur input[type="password"], #connecteur input[type="text"]{
		width:100%;
	}
	.showPass{
		right:0.5%;
	}
	.moyens_mutualises{
		float:left;
		min-width:90%;
	}

}

/* 1100px */
@media screen and (max-width: 1100px){
	#RespDash{
		right:-48%;
		width:50%;
	}	
}


/* 1000px */
@media screen and (max-width: 1000px){
	#your_post{
		left:15%;
		width:70%;
	}
/* 	#your_big_post{
		top:10%;
		left:5%;
		width:90%;
	} */
	#connecteur{
		margin:12% 25% 0;
		width:50%;
	}
	.canvas{width:100%;}
	.MyVideos .form33pc{width:50%;}
}


/* 900px */
@media screen and (max-width: 900px){
	#nav{display:none;}
	#vitrine_resp_tintin{visibility:visible;}
	.acount{width:30%;margin-left:22%;}
	.bg_intra_web .form11pc{width:15%;}
	#footer .form50pc, #footer .form49pc{
		width:100%;
		margin-bottom:3px;
	}
	.materiel_liste{display:block;}
	.materiel_liste li{
		width:33%;
	}
	.document_liste .form25pc{
		width:50%;
	}
	.MyProjList .form10pc, .MyProjList .form20pc, .MyProjList .form15pc{
		width:50%;
	}
	#etats_projet{display:block;}
	#etats_projet li{
		display:inline-block;
		width:33%;
			margin:10px 10px;
			padding:4px 0 5px;
	}
	.img_liste>div{
		width:33%;
	}
	.encart_photo_wall{
		background-size:inherit;
	}
	
	#play_date{width:100%;margin-bottom:20px;}
	#play_date .font2vw{font-size:28px;}
	#play_plan{width:50%;margin-left:25%;}
	#play_org{width:50%;margin-left:25%;}
	
	.f50to100 .form30pc, .f50to100 .form33pc{
		width:100%;
	}
}


/* 813px */
@media screen and (max-width: 813px){
	.MyPresta .pdr20{width:95%;float:left;margin-left:2.5%;padding-right:0%;}
	.MyPresta .logo_presta{margin:5px 0 0 5px;}
	.MyReal .form60pc{width:98%;}
	.MyReal .f10pc{width:30%;font-size:13px;}
	.MyReal .MyRealImg{width:50%;margin-left:25%;}
	.putshot {font-size:13px;margin-top:13%;}
	.MyFormSearch .form33pc{width:50%;height:40px;}
	.document_liste .formDoc{width:50%!important;}
}
	
/* 850px */
@media screen and (max-height: 850px){ /*max-height*/
	#connecteur{
		margin:5% 35% 5%;
		height:90%;
	}
	.zone_discussion{
		height:50%;
	}
}
/* 800px */
@media screen and (max-height: 800px){ /*max-height*/
	#your_post{top:10%;min-height:80%;}
	#your_post .relative, #your_post .relative .form98pc{height:inherit;}
/* 	.overlist{
		height:100%;
	} */
	#All_users_vertic{
		height:100%;
	}
}

/* 800px */
@media screen and (max-width: 800px){
	.label100 .form18pc{
		margin-bottom:10px;
		width:50%;
	}
	.label100 .form5pc{
		width:16%;
	}
	.label100 .form45pc{width:90%;}
	.label100 .form45pc, .label100 .form5pc{
		margin-bottom:10px;
	}
	.label100 .form15pc{	
		width:80%;
		margin-bottom:10px;
	}
	.label100 .none{display:none;}
	.label100 .mgt-25{
		margin-top:-15px!important;	
	}
	.enr{display:none;}
}

/* 700px */
@media screen and (max-width: 700px){
	#maintenance{
		width:80%;
		margin:0 10%;
	}
/* 	#RespDash{
		width:50%;
	} */
	#your_post{
		top:1%;
		left:2.5%;
		width:95%;
		min-height:97%;
	}
	#your_big_post .overlist{
		height:45vh!important;
	} 
	.fiche_produit{
		font-size:13px;
	}
	
	.acount{margin-left:15%;}
	.bg_intra_web .form11pc{width:21%;}
	
	.RespForm{
		width:100%;
		padding:0 2.5%;
	}
	.RespForm .form25pc, .RespForm .form33pc,.RespForm .form35pc, .RespForm .form65pc, .RespForm .form45pc, .RespForm .form55pc{
		width:95%;
	}
	.RespForm2 .form45pc{width:95%;}
	.materiel_liste li{
		width:50%;
	}
	.img_liste>div{
		width:50%;
	}
	.bg_je_parle,.bg_il_parle{width:75%;}
	
	.gestion_stock .form50pc,.gestion_stock98 .form50pc{
			width:100%;
			margin-bottom:10px;
	}
	.gestion_stock .form25pc,.gestion_stock98 .form25pc{
			width:50%;
			margin-bottom:20px;
	}
}

/* 650px */
@media screen and (max-height: 650px){ /*max-height*/
	#connecteur{
		margin:1% 35% 1%;
		height:98%;
	}
}
/* 650px */
@media screen and (max-width: 650px){
	#RespDash{
		width:70%;
		right:-68%;
	}
	#RespDash:hover{
		left:30%;
	}
}

/* 600px */
@media screen and (max-width: 600px){
	#connecteur{
		margin:12% 12.5% 0;
		width:75%;
	}
	.MyPub .form70pc, .MyPub .form30pc{
		width:100%;
	}
	.MyPub .tdalignright{
		text-align:center!important;
		margin-bottom:10px;
	}
	.MyVideos .form33pc{width:100%;}
	.MyVideos .form33pc .mgl5pc{margin-left:0%!important;}
	.a_button{font-size:13px;}
	
	.statistiques_tris .form33pc{
		width:100%;
		margin-bottom:40px;
	}
}


/* 582px */
@media screen and (max-width: 582px){
	.champ_contact{width:100%;}
	.message_contact{width:100%;}
	.acount{width:50%;margin-left:7%;}
	#MyWindow{padding-left:0px;width:100%;}
	.materiel_liste li{
		width:100%;
	}
	.document_liste .form25pc{
		width:100%;
	}
	.document_liste .form25pc .mgl2pc{
		margin-left:0%!important;
	}
	.MyFormSearch .form33pc{width:100%;}
	#etats_projet li{
		width:50%;
	}
	
	.close_safari{
		position:absolute;
		z-index:3;
		top:5px;
		right:5px;
		font-size:45px;
		text-align:left;
		width:30px;
		height:30px;
		cursor:pointer;
		color:#ffffff;
		line-height:37px;		
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color:#0c6ba9;
/* -moz-box-shadow: inset -1px -2px 4px 0px #9b9b9b;
-webkit-box-shadow: inset -1px -2px 4px 0px #9b9b9b;
-o-box-shadow: inset -1px -2px 4px 0px #9b9b9b;
box-shadow: inset -1px -2px 4px 0px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=296, Strength=4); */
	}
	.f50to100 .form50pc, .f50to100 .form48pc{
		width:100%;
	}
	
}

/* 452px */
@media screen and (max-width: 452px){
	.acount{width:50%;margin-left:1.5%;}
	.bg_intra_web .form11pc{width:30%;font-size:13px;}
	.dashpav1{font-size:13px;}
	.MyReal .MyRealImg{width:85%;margin-left:7.5%;}
	.putshot {font-size:12px;margin-top:5%;}
	.img_liste>div{
		width:70%;margin-left:15%;
	}
	#RespDash{
		width:92%;
		right:-90%;
	}
	#RespDash:hover{
		left:8%;
	}
}

/* 430px max width 2023 phones = 428px */
@media screen and (max-width: 430px){

}


/* 420px */ 
@media screen and (max-height: 420px){ /*max-height*/
	/* #your_post{top:5%;min-height:85%;} */
}

/* 400px */
@media screen and (max-width: 400px){
	#connecteur{
		margin:12% 5% 0;
		width:90%;
	}
	#etats_projet li{
		width:80%;
	}
	.img_liste>div{
		width:80%;margin-left:10%;
	}
}