@media (max-width: 700px){

.menu1:empty, .accroche_video {display:none;}
.top_menu {height:auto;}

 .menu1{position: relative;}
 
 .mainBloc .menu1 li {
    display: block;
    text-align: left;
    border: 0;
    background: url('../img/puce.gif') no-repeat left center;
    line-height: 2em;
}

#container,#conteneur,.menu1 {
	background:none;
    width: 100%;
}
#centre h1 {
	top:25px;
}
#main, #ariane, #centre, #centre h1, .mainBloc, #footer, #header, #sites .mainBloc, #actus .mainBloc, 
#contact .mainBloc, #presse .mainBloc, #extranet .mainBloc {
    width: 100%;
    text-align:left;
    margin: 0;
    padding:0;
    position:relative;
    left: 0;
    background-position: right bottom;
}
#centre h1{
    margin: 20px 0;
    padding-bottom: 10px;
}
#footer .adresse,.menuhaut, .mainmenu {
    width: 100%;
    height: auto;
    text-align:left;
    position:relative;
    left: 0;
    margin:0;
    background: none;
}
  #ariane, #ariane a {
  color: white;
  }
#gauche,.extranet {
    display: none;
}
.pave_gauche,.pave_droite{
	display: inline-block;
    position: relative;
    float: none;
    left: inherit;
    width: 100%;
    text-align: center;
	border:none;
}
#footer .menu{text-align:center;padding-top: 1em;}


.mainBloc .csc-default{border:none;}
#langue{float:right;width: auto;position: relative; left: inherit;/* text-align: right; */}
div,img{max-width:100%}

#container,.contain_footer {
	padding: 0px 10px;
    width: 100%;
   
}
#footer {
    height: auto;
    line-height: 1.5em;
}



*{box-sizing: border-box;}
.mainmenu, .mainmenu > li.anim1 {display:block;}
.menuhaut li, .mainmenu li{
	display:block;
	float: none;
	background: #214f8a;
	width: 100%;
}

.smenuhaut{
 display: none !important;
}
.menuhaut a{
	border:0;
}

.menuhaut, .mainmenu{
display:none;
}
.top_menu::before{
    content: "-----\A-----";
    display: block;
    position: absolute;
    right: 0;
    top: -35px;
    white-space: pre;
    background-color: #2c6aac;
    padding: 5px 10px;
    margin: 0;
    border-radius: 10px;
    letter-spacing: -1px;
}
.menuhaut.selected, .mainmenu.selected{
display:block;
}

.deuxblocs .gauche, .deuxblocs .droite {
    width: 100%;
}
.deuxblocs .gauche{
    display: none;
}   
.troisblocs .centre, .troisblocs .droite {
    width: 50%;
    padding: 0;
}
.troisblocs{
width: 100%;
margin: 0;
background-color: #4075a0;
}
.contain_footer {
    background: #2c6aac
}

}