div.nouvelle{
border: 1px solid #000;
margin: 2% 0;
padding: 20px;
}

#nav_nouvelles ul{
position: relative;
}
#nav_nouvelles ul li{
display: inline-block;
position: relative;
}
#nav_nouvelles > ul > li:not(:first-child){
border-left: 1px solid #ccc;
}
#nav_nouvelles ul li a {
display: inline-block;
text-decoration: none;
color: #686868;
font-size: 16px;
margin: 0 14px;
padding: 0 0 3px 0;
}
#nav_nouvelles ul li a:hover, #nav_nouvelles ul li a.active{
border-bottom: 1px solid #7bc143;
}
/*-----sous-menu----*/
#nav_nouvelles ul li ul {
position: absolute;
display: none;
border-top: none;
margin: 0;
padding: 0;
z-index: 999999;
min-width: 100%;
top: 30px;
white-space: nowrap;
}
#nav_nouvelles ul li ul li {
display: block;
float:none;
}
#nav_nouvelles ul li ul li a {
text-decoration: none;
color: #686868;
font-size: 13px;
margin: 0;
background-color: #fff;
width: 100%;
padding: 10px 10%;
border: 1px solid #ececec;
}
#nav_nouvelles ul li ul li a:hover {
background-color:#7bc143;	
color: #fff;
border-bottom:1px solid #ececec;
}
/*-------fin sous-menu-----*/
#nouvelle{
padding: 2% 0;
}
#nouvelle .titre{
font-size: 36px;
padding: 2% 0;
}

#nouvelle .date{
font-size: 20px;
padding: 2% 0;
color: blue;
}
/******************************************************************************************************************************************/



@media all and ( max-width: 768px ){

}/*------FIN 768px-------------------------------------------------------------------------------------------*/
/******************************************************************************************************************************************/


@media all and ( max-width: 480px ){

}