/* 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:172px;
  width:970px;
  margin : auto;
}

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;
	
}	
.heads{
	background:#4f73b8;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	margin-top:60px;
}
.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;
}

h4 {
color:#4d4d4d;
font-weight:bold;
}

.dropdown {
position: absolute;
margin-left:-17px;
z-index:999;
}
.dropdown1 {
position: absolute;
margin-left:115px;
z-index:999;
}
.dropdown2 {
position: absolute;
margin-left:255px;
z-index:999;
}
.dropdown3 {
position: absolute;
margin-left:378px;
z-index:999;
}
.dropdown4 {
position: absolute;
margin-left:568px;
z-index:999;
}
.dropdown5 {
position: absolute;
margin-left:645px;
z-index:999;
}
.dropdown6 {
position: absolute;
margin-left:762px;
z-index:999;
}
.dropdown7 {
position: absolute;
margin-left:847px;
z-index:999;
}
.dropdown-child {
display: none;
background-color: #4f73b8;
min-width: 25px;
}
.dropdown-child a {
color: white;
padding: 10px;
text-decoration: none;
display: block;
overflow-wrap: break-word;


}

.dropdown:hover .dropdown-child {
display: block;
margin-top:5px;
width:250px;
}
.dropdown1:hover .dropdown-child {
display: block;
margin-top:5px;
width:250px;
}
.dropdown2:hover .dropdown-child {
display: block;
margin-top:5px;
width:250px;
}
.dropdown3:hover .dropdown-child {
display: block;
margin-top:5px;
width:250px;
}
.dropdown4:hover .dropdown-child {
display: block;
margin-top:5px;
width:250px;
}
.dropdown5:hover .dropdown-child {
display: block;
margin-top: 5px;
width:250px;
}
.dropdown6:hover .dropdown-child {
display: block;
margin-top: 5px;
width:250px;
}
.dropdown7:hover .dropdown-child {
display: block;
margin-top: 5px;
width:250px;
}
.pub{
/* display:none;	 */
}