/*
Theme Name: les limbes V2
Description: Le thème des Limbes
Version: 1
Author: Khalil Mazouz
 
Les Limbes par Khalil Mazouz
*/

body { 
 
	
	background-color: white;
   
} 
#main{
   padding: 10px 0px 0px 0px;
    margin-top: 0px;
    margin-left: auto;
  	margin-right: auto;
	max-width: 1140px;
	height: auto;
	
}

#header{
	height: 35px;
	line-height: 35px;
}

#header h1{
	margin:0;
	font-weight: normal;
}

#header h1 a{
	text-decoration: none;
	color: #fff;
}


#logo{ 
  
	margin-top: 0px;
    margin-left: auto;
  	margin-right: auto;
	max-width: 1140px;
	height: auto;
	text-align: center;

} 

/*//////Menu principal///////////////////////////////////////////////////////////*/

#menu { 
	color: black; 
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	max-width: 1140px;
	margin: 40px 0px 0px 0px;
	text-transform: uppercase;
   
   
   
}  

#menu ul{ 
	list-style: none;
    margin: 0;
    text-align: center;
    padding: 0px;
    margin: 0px;
	

} 

#menu ul li{ 
	display: inline;
 	margin-left: 0px;
 	padding: 5px 10px 5px 10px;
 	text-align : center;
}  

#menu ul li a{ 
	color: black; 
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
    /*margin-left: 20px;*/

} 

#menu ul li a:hover{ 
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;	
	
}



/*//////contenu///////////////////////////////////////////////////////////*/

#content{ 
  
	margin-top: 0px;
    margin-left: auto;
  	margin-right: auto;
	max-width: 1140px;
	height: auto;
	text-align: center;
	overflow: auto;

} 
 
#leftColumn{
	margin-top: 0px;
    margin-left: auto;
  	margin-right: auto;
	max-width: 1140px;
	height: auto;
	text-align: center;
	overflow: auto;
}




#navPost{
	width: 520px;
	background: #fff;
	padding: 15px;
	text-align: center;
}

#navPost a{
	text-decoration: none;
	color: #000;
}

#navPost a:hover{
	color: #0090ff;
}




#content #actu { 
	color: black; 
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	max-width: 1140px;
	margin-left: 20px;
	margin-top: 30px;
	text-align:left;
	display: inline-block;
	border-bottom: 1px solid #000;
	
} 


#content #titre { 
	color: black; 
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 30px;
	font-style: italic;
	text-transform: uppercase;
	margin-top: -30px;
	padding: 5px 5px 5px 5px;
	background-color: #FFF;
	Z-index : 1;
	position: relative;
	float: left;
	display:block;
	max-width: 1000px;
} 

#content  #titre a{ 
	text-transform: uppercase;
	color: black;
	text-decoration: none;
} 


#content #actu #titre { 
	font-size: 25px;
	font-style: italic;
	text-transform: uppercase;
	margin-top: -30px;
	padding: 5px 5px 5px 5px;
	background-color: #FFF;
	Z-index : 1;
	position: relative;
	float: left;
	display:block;
	max-width: 1000px;
} 

#content #actu #titre a { 
	font-size: 25px;
	font-style: italic;
	text-transform: uppercase;
	color: black;
	text-decoration: none;
} 

#content #actu #artistes { 
	font-size: 20px;
	padding: 10px 5px 3px 5px;
	background-color: #FFF;
	/*Z-index : 1;*/
	position: relative;
	max-width: 1000px;
	
	
	

} 

#content #actu #date { 
	font-size: 20px;
	padding: 5px 5px 3px 5px;
	background-color: #FFF;
	/*Z-index : 1;*/
	position: relative;
	max-width: 1000px;
	

} 

#content #actu a #image img{ 
	width: 100%;
	height: auto;
	max-width: 1000px;
} 



#actu-contenu > div > div.articleContent{  
	
	border-bottom: 1px solid #000;
} 



/*///////Catégories///////*/




#content #actu-category{ 
	color: black; 
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	max-width: 292px;
	margin-left: 20px;
	margin-top: 30px;
	text-align:left;
	display: inline-block;
	border-bottom: 1px solid #000;
	
} 


#content #titre-category { 
	color: black; 
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	margin-top: -30px;
	padding: 5px 5px 5px 5px;
	background-color: #FFF;
	Z-index : 1;
	position: relative;
	float: left;
	display:block;
	max-width: 272px;
} 

#content  #titre-category  a{ 
	text-transform: uppercase;
	color: black;
	text-decoration: none;
} 


#content #actu-category  #titre-category  { 
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	margin-top: -30px;
	padding: 5px 5px 5px 5px;
	background-color: #FFF;
	Z-index : 1;
	position: relative;
	float: left;
	display:block;
	max-width: 272px;
} 

#content #actu-category  #titre-category  a { 
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	color: black;
	text-decoration: none;
} 

#content #actu-category  #artistes-category  { 
	font-size: 14px;
	padding: 3px 5px 3px 5px;
	background-color: #FFF;
	/*Z-index : 1;*/
	position: relative;
	max-width: 272px;
	
	
	

} 

#content #actu-category  #date-category  { 
	font-size: 16px;
	padding: 3px 5px 3px 5px;
	background-color: #FFF;
	/*Z-index : 1;*/
	position: relative;
	max-width: 272px;
	

} 

#content #actu-category:first-child { 
	max-width: 604px;
	
	display:inline-block;
} 

#content #actu-category  img { 
	max-width: 100%;
	
	height: auto;
} 

#content #actu-category:first-child #images { 
	width: 584px;
	
	height: 227px;
	overflow: hidden;
} 

#content #actu-category:first-child  img { 
	width: 584px;
	
	height: auto;
	
} 

#content #actu-category:first-child #titre { 
	font-size: 30px;
	padding: 8px 8px 8px 8px;
	float: left;
	max-width: 554px;
		font-family: 'Roboto', sans-serif;
} 

#content #actu-category:first-child #titre a { 
	text-decoration: none;
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
		
} 

#content #actu-category:first-child #artistes { 
	font-size: 16px;
	padding: 5px 8px 5px 8px;
	display: inline-block;
	min-width: 554px;	
} 

#content #actu-category:first-child #date { 
	font-size: 18px;
	padding: 5px 8px 5px 8px;
	display: inline-block;
	min-width: 554px;	
} 




#actu-contenu > div > div.articleContent{  
	
	border-bottom: 1px solid #000;
} 


/*///////Artistes///////*/

#content #actu-artistes{  
		color: black; 
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	max-width: 292px;
	margin-left: 20px;
	margin-top: 30px;
	text-align:left;
	display: inline-block;
	border-bottom: 1px solid #000;
} 

#content #actu-artistes #titre { 
	color: black; 
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	margin-top: -30px;
	padding: 5px 5px 5px 5px;
	background-color: #FFF;
	Z-index : 1;
	position: relative;
	float: left;
	display:block;
	max-width: 272px;
} 



#content #actu-artistes #titre { 
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	margin-top: -30px;
	padding: 5px 5px 5px 5px;
	background-color: #FFF;
	Z-index : 1;
	position: relative;
	float: left;
	display:block;
	max-width: 272px;
} 

#content #actu-artistes #titre a { 
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	color: black;
	text-decoration: none;
} 

/*///////Archives///////*/

#content #actu-archives{  
		color: black; 
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	max-width: 292px;
	margin-left: 20px;
	margin-top: 30px;
	text-align:left;
	display: inline-block;
	border-bottom: 1px solid #000;
} 

#content #actu-archives #titre { 
	color: black; 
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	margin-top: -30px;
	padding: 5px 5px 5px 5px;
	background-color: #FFF;
	Z-index : 1;
	position: relative;
	float: left;
	display:block;
	max-width: 272px;
} 


#content #actu-archives #titre { 
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	margin-top: -30px;
	padding: 5px 5px 5px 5px;
	background-color: #FFF;
	Z-index : 1;
	position: relative;
	float: left;
	display:block;
	max-width: 272px;
} 

#content #actu-archives #titre a { 
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	color: black;
	text-decoration: none;
} 

#content #actu-archives #titre a { 
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	color: black;
	text-decoration: none;
} 

#content #actu-archives #artistes { 
	font-size: 14px;
	padding: 3px 5px 3px 5px;
	background-color: #FFF;
	/*Z-index : 1;*/
	position: relative;
	max-width: 272px;
	
} 

#content #actu-archives #date { 
	font-size: 16px;
	padding: 3px 5px 3px 5px;
	background-color: #FFF;
	/*Z-index : 1;*/
	position: relative;
	max-width: 272px;
	

} 

/*///////footer///////*/
#footer{
	 	color: black; 
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: light;
	margin-bottom: 10px;
	margin-top: 25px;
    margin-left: auto;
  	margin-right: auto;
	max-width: 1140px;
	height: auto;
	text-align: center;
	clear:both;
	
}

#footer a{ 
  	color: black; 
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: light;
	font-style: none;
	
	

} 

#footerOneColumn{
	text-align:center;
	color: black; 
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: light;
	font-style: none;
}

.slogan{
	float: right;
	color: #fff;
}



/*////Colonne droite actu ////*/

#right-colonne{ 
	display:inline-block;
	/*float:left;*/
	
} 

#actu-right { 
	color: black; 
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	max-width: 292px;
	margin-left: 20px;
	margin-top: 30px;
	text-align:left;
	border-bottom: 1px solid #000;
	
	
} 



#actu-right #titre { 
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	margin-top: -30px;
	padding: 5px 5px 5px 5px;
	background-color: #FFF;
	Z-index : 1;
	position: relative;
	float: left;
	display:block;
	max-width: 272px;
} 

#actu-right #titre a { 
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	color: black;
	text-decoration: none;
} 

#actu-right #artistes { 
	font-size: 14px;
	padding: 3px 5px 3px 5px;
	background-color: #FFF;
	/*Z-index : 1;*/
	position: relative;
	max-width: 272px;

} 

#actu-right #date { 
	font-size: 16px;
	padding: 3px 5px 3px 5px;
	background-color: #FFF;
	/*Z-index : 1;*/
	position: relative;
	max-width: 272px;

} 

#actu-right #titre-1 { 
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
} 




/*actualités///////////////////////////////////////////////////////*/




#actu-contenu { 
	
	max-width: 584px;
	color: black; 
	font-family: helvetica,arial,sans-serif;
	font-size: 12px;
	text-align:left;
	display:inline-block;
	/*float:left;*/
	 vertical-align:top;
} 

#actu-contenu a { 
	
	color: black; 
	font-family: helvetica,arial,sans-serif;
	font-size: 12px;
	text-align:left;
	text-decoration: underline;
	
} 



#actu-contenu #actu { 
	max-width: 584px;
	margin-left: 0px;
	
	
} 


#actu-contenu p { 
	max-width: 584px;	
	
} 

#photo{ 
	max-width: 584px;
	margin-top: 20px;
	border-bottom: 1px solid #000;
	padding-bottom:5px;
	
} 



#actu-contenu #photo img { 
	
	height: 20%;
	width: 20%;
	min-width: 10%;
	min-height: 10%;
	
} 


/*/////////////page statiques ////////*/
   #stat{ 
  
	margin-top: 20px;
    margin-left: auto;
  	margin-right: auto;
	max-width: 584px;
	height: auto;
	text-align: center;
	overflow: auto;
	color: black; 
	font-family: helvetica, arial,sans-serif;
	font-size: 12px;

	} 
	
	  #stat #titre{ 
  
	font-weight: bold;
	color: black; 
	font-family: 'Roboto', sans-serif;
	font-size: 16px;

	} 
	

/*////////////////tablette///////////*/


@media (max-width: 900px){

   #content{ 
  
	margin-top: 0px;
    margin-left: auto;
  	margin-right: auto;
	max-width: 768px;
	height: auto;
	text-align: center;
	overflow: auto;

	} 
	

	#content #actu img { 
		max-width: 750px;
		height:auto;
	} 


	#content #actu { 
		max-width: 750px;		
	} 
	
	
	#content #titre { 
		max-width: 750px;	} 
	
	#content  #titre a{ 
		max-width: 750px;	} 
	
	
	#content #actu #titre { 
		max-width: 750px;	} 
	
	#content #actu #titre a { 
		max-width: 750px;	} 
	
	#content #actu #artistes { 
		max-width: 750px;
	} 
	
	#content #actu #date { 
		max-width: 750px;	
	} 
	
	#content #actu a #image img{ 
		height: auto;
		max-width: 750px;	} 

#actu-contenu{ 
   	
	
   	max-width: 768px;

	} 
	
#right-colonne{ 
   	
	
   	max-width: 768px;

	} 

#actu-right{ 
   	
	display:inline-block;
   	

	} 

}

/*/////////////////////mobile///////////*/

@media (max-width: 480px){

   #content{ 
  
	margin-top: 0px;
    margin-left: auto;
  	margin-right: auto;
	max-width: 400px;
	height: auto;
	text-align: center;
	overflow: auto;

	} 


	#content #actu img { 
		max-width: 350px;
		height:auto;
	} 


	#content #actu { 
		max-width: 350px;
	} 
	
	
	#content #titre { 
		max-width: 350px;
	} 
	
	#content  #titre a{ 
		max-width: 350px;
	} 
	
	
	#content #actu #titre { 
		max-width: 350px;
	} 
	
	#content #actu #titre a { 
		max-width: 350px;
	} 
	
	#content #actu #artistes { 
		max-width: 350px;

	} 
	
	#content #actu #date { 
		max-width: 350px;
	
	} 
	
	#content #actu a #image img{ 
		height: auto;
		max-width: 350px;
	} 




#actu-right{ 
  
	
    margin-left: auto;
  

	} 
	
 #stat{ 
 max-width: 460px;
 
	} 
	
	
#menu { 
	color: black; 
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
  
   
}  

#menu ul{ 
	list-style: none;
    margin: 0;
    text-align: center;
    padding: 0px;
    margin: 0px;

} 





#menu ul li{ 
	border-top: solid 1px black;
	display: block;
 	margin-left: 0px;
 	padding: 10px 5px 10px 5px;
 	text-align : center;
 	text-transform: uppercase;
}  


#menu ul li:last-child{ 
	border-bottom: solid 1px black;
	
}  



	
	
	
	
	
}