*:not(p) { 
  margin: 0; 
  padding: 0; 
  box-sizing:border-box; *
}



.mainGrid{
	display: grid;
	background-color:#FEF2DF;
	margin:0;
    /*zoom:100%;*/
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto 1fr;
    width: 100%;
    min-height: 100vh;
    padding: 0;
}

#centre
{
	
	grid-row: 2;
	grid-column: 2;

	justify-self: center;
	align-self: stretch;
	display: block;
	/*margin:0 auto;*/

	border-width: 0px;
	width:90%;
	margin-top: 20px;
	margin-bottom: 50px;

	/*margin: 20px 10px 50px 20px;*/
	
		/*min-height: 700px;
		width:100%;*/
}

#menuTop
{
	grid-row: 1;
	grid-column: 1/4;
/*	margin-top: 15px;*/
	position:sticky;
	top:0px;
	display: none;

}

#menucellulaire{
	display: none;
	grid-row: 1;
	grid-column: 1/4;
	justify-self: left;
	min-width: 70%;
	margin: 1rem;

}

#leftBox{
	grid-row: 2;
	grid-column: 1;
	position:relative;
	
	top: 0;
	min-width:220px;
	
	border-width:0px;
	margin:0;
	padding:0;
		
}




	.iconItems
{
	border-style: solid;
	border-width: 1px;
	border-color: black;
	border-radius: 50px 50px 50px 50px;
	height:40px;
	width:40px;
	 /*background-image: linear-gradient(360deg,rgb(217, 177, 140), #FEF2DF);*/
}
.iconItems > img
{
	display:block;
	width:30px;
	height:30px;
}

#baniere
{
		/*position:sticky;*/
		
		padding: 0;
		transition: all 1s;
		
		background-color:RGB(231,214,189);
		height:130px;
		border-radius:10px;
		box-shadow: 3px 3px 3px 3px Gray ;
		justify-self: center;
		grid-row: 1;
		grid-column: 1/4;


		/*box-shadow: 3px 3px 3px 3px Gray ;*/
	}

	
	
	.txtLogo
	{
		margin-top:43px;
		/*left:890px;*/
		font-family:arial;
		font-size:14px;
		color:red;
	
		height:70px;
		positon:relative;
		width:800px;
		font-weight:bold;
		
	}
	
	#milieuLogo
	{
		/*left:225px;*/
	
		float:left;
		/*top:17px;*/
		/*width:820px;*/
		/*background-color:RGB(255,255,255);*/
		background-color:RGB(231,214,189);

		margin-left:10px;
		margin-right:10px;
		height:130px;
		overflow: visible;
		z-index: 10;
		/*text-align:center;*/
	}
	#imgLogoM
	{
		height:130px;
		width:auto;
		position:relative;
		/*left:0px;*/
		float:left;
		margin-left:10px;
		margin-right:10px;
		
	}

	.imgTitre
	{
		/*height:130px;
		width: 220px;
		position:relative;
		float:left;
		transition: all 1s;*/
	}

	#imgtitre1
	{
		height:130px;
		width: 220px;
		position:relative;
		float:left;
		transition: all 1s;
	}

	#imgtitre2
	{
		height:130px;
		width: 220px;
		position:relative;
		float:left;
		transition: all 1s;
	}

html {
    margin:0;
}

#droit{
	position: sticky;
	top: 15px;
}

.rightBar
	{
		grid-column: 3;
		grid-row: 2;
		border-width:0px;
		max-width: 350px;
		
		margin-top:20px;
	
		padding:0;
	
	}
/*.rightBar{
		grid-column: 1/3;
		grid-row: 3;
		justify-self: stretch;
		max-width: 100%;
		position: relative;
		padding-bottom: 20px;
		margin-top:20px;
	}*/
@media only screen and (max-width:1400px)
{
	.mainGrid
	{
		grid-template-columns: auto 1fr;
	    grid-template-rows: auto 1fr auto;
	}

	#droit{
	position: relative;
	padding-top: 1.5rem;
}

	.rightBar{
		grid-column: 1/3;
		grid-row: 3;
		justify-self: stretch;
		max-width: 100%;
		position: relative;
		padding-bottom: 20px;

	}


	/*#menuTop
	{
		grid-row: 1;
		grid-column: 1/3;
		background-color: red;
	}*/
}



@media only screen and (max-width: 1300px)
{
	

	#imgtitre1
	{
		transform: translate(100px, 0px);
		height:130px;
		
		
		float:left;
		
		width:0px;
	}

	
	#imgtitre2
	{
		transform: translate(-100px, 0px);
		height:130px;
	
		
		float:left;
		
		width:0px;
	}
}

@media only screen and (max-width:1200px)
{
	#leftBox{
		display: none;
	}

	/*body
	{
		
	    grid-template-rows: auto auto 1fr auto;
	}*/

	#menuTop
	{
		/*grid-row: 2;
		grid-column: 1/3;*/
	
		/*justify-self: center;*/
		display: block;
	}


	#centre
	{

		margin-top: 0px;
	
	}

	#baniere
	{
		display: none;
	}

	/*#centre{
		grid-row: 3;
	}

	.rightBar{
		
		grid-row: 4;
		
	}

	#leftBox{
		grid-row: 3;
	}*/
}

@media only screen and (max-width:870px)
{
	#menuTop{
		display: none;
	}

	#printLettre{
       display: none;
   }

	#baniere{
		display: none;
	}
	#menucellulaire{
		display: block;
	}
}

			
		

@media only screen and (max-width: 500px)
{
	body
	{
		zoom:90%;
		
	}

	ins{
		zoom: 115%;
	}
	ins iframe{
		/*zoom: 50%;*/
		transform: scale(90%);
	}
}

@media only screen and (max-width: 400px)
{
	body
	{
		zoom:70%;
		
	}
	ins{
		zoom: 150%;
	}
	ins iframe{
		/*zoom: 50%;*/
		transform: scale(70%);
	}

	#pubVertical{
		height: 360px !important;
	}


	#menucellulaire{
	/*	width: 95%;*/
	}
}

@media only screen and (max-width: 300px)
{
	body
	{
		zoom:50%;
		
	}

	ins{
		zoom: 195%;
	}
	ins iframe{
	
		transform: scale(50%);
	}

}