/* Votre Style */

ul {
  background: #FFF;
}
li, [class*="grid"] > * {
  background: #FFF;
}
footer {
  background: #FFF;
  height:20px;
  width:970px;
  margin : auto;
  margin-top:10px;
  font-size:13px;
}
header {
  background:  #FFF;
  height:100px;
  width:970px;
  margin : auto;
}
.mobile{
  display:none;	
}

.menu-min{
	display:none;
}	
.logo{
	 style=position:absolute;
	 margin-top:-20px;
	
}	
main {
  background: #FFF;
 
 width:670px;
}
body {
  background: #ececec;
 
}
aside {
  background: #FFF;
}
.pub1{
width:970px;
margin:auto;
}
.flex-container{ 
	width:970px;
	margin : auto;
}
.pave{
	width:660px;
	/* margin-left:300px; */
	
}	
.heads{
	background:#4f73b8;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	margin-top:20px;  
}
.mas {
    margin: auto;
	margin-bottom:10px;
}

.titles{
   color:#486cb1;
   font-weight:bold;
}
.vignette{
  margin-top:10px;
   margin-left:10px;
   width:300px;
   height:200px;
   background:#ececec;
}	
.text-vignette{
   margin-left:10px;
   width:300px;
   height:80px;
   background: #f4f6f7;
    
   font-weight:bold;
}
.pub2{
	 height:250px;
}
.collum{

	margin-left:-10px;
	width:320px;
	background:#FFF;
}
.cote{
 display:flex;
}

.lienv{
	text-decoration:none;
	color:#486cb1;
}
.heads > a{
	background:#4f73b8;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	margin-top:60px;
	text-decoration:none;
	
}
	.pmleft{
	
	}
.pmonly2{
		display:none;
	}	
h4 {
color:#4d4d4d;
font-weight:bold;
}

@media only screen and (max-width : 380px) {
 Styles pour cette Media Queries 

	#main{
		width:350px;	
	}
	.pmleft{
		margin-left:0px;
	}	
	.pmonly{
		display:none;
	}
	.pmonly2{
		display:block;
	}
	{
		background:#FFF;
		height:100px;
		width:350px;
		margin : auto;
	}
	.pave{
		width:350px;	
	}	
	.pub1{
		width:350px;
	}	
	.desk{
		display:none;
	}
	.mobile{
		 display:block;	
		 margin-top:-60px;	
	}	
	.logo{
		margin-left:-10px;
	}
	.collum{
		margin-left:0px;
		width:350px;
	}	
	.collum > .vignette{
		margin-left:30px;
	}	
	.collum > .text-vignette{
		margin-left:30px;
	}	
	.flex-container{ 
		width:350px;
		margin : auto;
	}
	.cote{
	  display:block;
	}
	.footer{
		width:350px;
		margin : auto;
		height:100px;
	}
	html{
		width:380px;

	}	
	#header{
		height:60px;
	}
	
}