/*	Resets
	------	*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}


.clr { 
	clear:both; 
}


img, p, h1, h2, h3 { 
	border:none; 
	margin:0; 
	padding:0; 
}

h1, h2, h3 { 
	font-weight:normal; margin:0; padding:0;  
}

h1 { 
	font-family: 'Titillium Web', sans-serif;
	color:#333;
	line-height:38px; 
	font-weight:700;
	font-size: 32px;
}


a { 
	cursor:pointer;
	color: #333; 
	
}

.img_liens { 
	opacity:1; 
}

.img_liens:hover { 
	opacity:0.8; 
}




body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/pattern.gif);
	background-repeat: repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.6;
	font-size: 14px;
}




p, img, ul, li { 
	margin:0; 
	padding:0; 
	border:none; 
}




img {
	   height: auto; width: auto;
	   -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   box-sizing: border-box;
	 }		
	
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
	   max-width: 100%;
	 }







/* -------------------- FIN GENERAL -------------------*/


	
	
 html {
	   -webkit-text-size-adjust: 100%;
	 }
	 

	 
	 
.container { 
	width:320px; 
	margin-left:auto; 
	margin-right:auto; 
	position:relative; 
}

.container_blanc { 
	width:300px; 
	margin-left:auto; 
	margin-right:auto; 
	position:relative; background-color:#FFF; margin-top:40px; padding:10px;   
}

#header { 
	background-color:#EA0607; height:60px; width:100%; position:fixed; top:0;  z-index:150;   
}

#menu { 
	float:left; width:60px; height:60px; background-image:url(images/menu.jpg); background-size:60px 60px; background-repeat:no-repeat;
	
}


#logo { 
	float:left; max-width:250px; padding-top:15px;   
}


#rech { 
	display:none; 
}

#bloc_menu { 
	background-color:#000; color:#FFF; width:300px; padding:10px; position:absolute; top:0px; left:0px;display:none; font-size:18px; z-index:100;   
}
#bloc_menu  a {
	color:#FFF; text-decoration:none; font-family: 'Titillium Web', sans-serif;	color:#FFF;	font-weight:300;	font-size: 22px;    
}

#bloc_rech{ 
	background-color:#000; color:#FFF; width:300px; padding:10px; position:absolute; top:40px; left:0px;display:none; font-size:18px;  
}

#bloc_rech input[type="text"] {
	width:220px; height:30px; 
}

#bloc_rech input[type="submit"] {
	height:30px; 
}

#btn_submit { 
	height:30px; width:50px; border:solid; border-width:1px;  
}

.visu_article_resume { 
	display:table-cell; width:80px; ;
}

.visu_article_resume  img {
	 width:70px; height:70px; 
}


.txt_article_resume { 
		display:table-cell;  width:210px; font-size:12px; line-height:14px; vertical-align:middle; height:70px;     
}

.titre2 { font-family: 'Titillium Web', sans-serif;
	color:#333;
	font-weight:600;
	font-size: 16px; line-height:20px; 
}

.titre_article {
	 font-family: 'Titillium Web', sans-serif;
	color:#333;
	line-height:18px; 
	font-weight:700;
	font-size: 18px;
	float:left; width:230px; margin-right:20px; 
}

#suivant { 
	float:right; padding-right:5px; width:25px; height:25px; 
}

.article_date { 
	float:left; font-size:11px; color:#999; padding-right:5px;  
}

.article_date:before {
    content: "|";
	margin: 0 5px 0 0;
}


.intros { 
	font-size:12px;  
}

.alirehaut { 
	background-image:url(../images/alire_haut.jpg); background-repeat:no-repeat; width:285px; height:24px; 
	font-family: 'Titillium Web', sans-serif;
	color:#e90606
	line-height:120%;
	font-weight:400;
	text-transform:uppercase;
	font-size: 14px; padding-left:15px; padding-top:0px; background-size:300px 24px;  
}

.alirecentre { 
	background-image:url(../images/alire_filet.jpg); background-repeat:repeat-y; width:280px; padding-left:10px; padding-right:10px; 
	background-size:300px;  
}

.alire_item1 { 
	background-image:url(../images/alire_fl.jpg); background-repeat:no-repeat; background-position:0px  2px; padding-left:15px; padding-bottom:10px;   
}

.alire_item1  a {
	text-decoration:none; 
	color: #e90606; font-weight:bold; font-size:12px;  font-family:Arial, Helvetica, sans-serif;
}

.alire_item { 
	background-image:url(../images/alire_fl.jpg); background-repeat:no-repeat; background-position:0px  2px; padding-left:15px; padding-bottom:10px;   
}

.alire_item  a {
	text-decoration:none; 
	color: #333;  font-size:12px;  font-family:Arial, Helvetica, sans-serif;
}

.kiosque_item { 
	float:left; width:70px; margin-right:5px;
}






	
/* ----------------FIN PORTRAIT   --------------------------- */

  html {
   -webkit-text-size-adjust: 100%;
  }
  

 

.container { 
    width: calc(100% - 10px);
	margin-right:auto; margin-left:auto; 
}

.container_blanc { 
	width:450px; 
	 margin-top:60px; padding:15px;   
}

#header { 
	 height:90px;
}

#menu { 
	width:60px; height:90px; background-size:contain; 
	margin-right:10px;  
}


#logo { 
	 width:260px; height:90px;margin-right:0px; max-width:100%!important;   
}


#rech { 
	 width:62px; height:60px;  background-size:62px 60px; 
}


#bloc_menu { 
	 width:450px; padding:15px; position:absolute; top:0px; left:0px;
}
#bloc_menu  a {
	font-size: 22px;    
}

#bloc_rech{ 
	 width:450px; padding:15px; top:60px;  
}

#bloc_rech input[type="text"] {
	width:350px; height:40px; 
}


#btn_submit { 
	height:40px; width:60px; 
}

.visu_article_resume { 
	 width:120px; 
}

.visu_article_resume  img {
	 width:105px; height:105px; 
}


.txt_article_resume { 
	width:200px; font-size:12px; line-height:14px; height:105px; padding-left:10px; 
}

.titre2 { font-family: 'Titillium Web', sans-serif;
	color:#333;
	font-weight:600;
	font-size: 16px; line-height:20px; 
}




.titre_article {
	line-height:26px; 
	font-size: 24px;
	 width:350px; 
}

#suivant { 
	float:right; padding-right:10px; width:35px; height:35px; 
}


.alirehaut { 
	width:450px; height:36px; 
	font-size: 16px; background-size:450px 36px;  
}

.alirecentre { 
	width:430px;
	background-size:450px;  
}

.alire_item1 { 
	background-position:0px  4px; padding-left:15px; padding-bottom:10px;   
}

.alire_item1  a {
	font-size:14px;  
}

.alire_item { 
	 background-position:0px  4px; padding-left:15px; padding-bottom:10px;   
}

.alire_item  a {
	 font-size:14px;  
}


.kiosque_item { 
	float:left; width:102px; margin-right:10px;
}



.container_blanc {
    width: calc(100% - 20px);
    margin-top: 90px;
    padding: 15px;
}