@charset "utf-8";
/* CSS Document */
#container{display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; 
  }
.contenu{display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; 
  }
.titre{font-size:25px;padding-top:20px; padding-bottom:20px;}
.savoirplus{ display:block;width:15px; height:15px;background:url(../img/pictos.png) no-repeat; background-position:0px 0px;}
.savoirplus:hover{background:url(../img/pictos.png) no-repeat; background-position:-15px 0px;}
#part span a img{border:none;}
#part span a img:hover{opacity:0.8;}
@media screen and (max-width: 1200px){
	#mot{border-left:solid 1px #959796; border-right:solid 1px #959796;}
	.contenu{ display:block;width:90%;}
	#actus div{display:inline-block; margin-left:3%;}
	#mot{border:none; }
	#mot p{margin-left:30px;}
}
@media screen and (max-width: 800px) {
	#actus div{display:inline-block; margin-left:10px;}
	#mot{border:none;}
}
@media only screen and (max-width : 480px) {
	#actus div{display:inline-block; margin-left:10px;}
	#mot{border:none;}	
	#mot p{margin-left:0;}
}
@media only screen and (max-width : 320px){
	#actus div{ margin-left:0; display:block;}
	#mot{border:none;}
}