@charset "utf-8";
/* CSS Document */


@media screen and (min-width:390px) and (max-width:1080px)
{
	
	.main-header{flex-direction:column; justify-content:center; align-items:flex-start;}
	.main-tilte-header{padding:10px;}
	.main-tilte-header h1{font-size:18px}
	.main-tilte-header h2{font-size:12px}
	
	.logo-header{height:360px; margin-right:0;}
	.dz-flag{width:100%; max-width:180px; height:50px; position:absolute; top:5px; right:0;
     background:url("../imgs/dz-flag.png")center center no-repeat; background-size:contain; margin-left:20px;}
	
	.wrraper-main-content{width:calc(100% - 40px); max-width:100%; padding:0 10px;}
	
	.container-titling{width:100%; max-width:400px; margin:0 auto;}
	
	.container-box-rubriques{flex-direction:column-reverse; align-items:center; margin-bottom:0px;}
	.container-box-rubriques .box-rubrique{margin-bottom:30px;}
	
	.container-box-rubriques-centred{flex-direction:column; align-items:center; margin-bottom:0px;}
	.container-box-rubriques-centred .box-rubrique{margin-bottom:30px; margin-right:0px;}
	
	.wrraper-double-zone-index{ justify-content:center;}
	.double-zone-index{flex-direction:column; justify-content:center;}
	.zone-index{margin:0 auto;}
	
}