/******************************************************************
Theme Name: Croft Collection v2
Theme URI: http://www.themble.com/bones
Description: 
Author URI: http://www.croftcollection.com
Version: 1.7
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/

******************************************************************/


* {margin: 0; padding: 0;}

body { 
	background:#000 url(styles/defaut/bkg-laracroft-temple-osiris.jpg) fixed no-repeat left top / cover;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
} 

.RiseOfTheTR{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}


a{color:#6D6D6D;text-decoration : none;}
a:hover{color:#000;text-decoration: underline;}


p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
text-align:justify;
}

p:actumenu {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:0.60em;
color:#000;
text-decoration:none;
}
p:actumenu a {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:0.55em;
text-decoration: none;
color:#666;}

p:actumenu a:hover {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:0.55em;
text-decoration:underline overline;
color:#333;}

p:actumenu a:hover {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:0.50em;
text-decoration:line-through;
color:#000;}

.important{
font-family:Verdana, sasn-serif;
font-size:0.80em;
color:#FF0000;
}



/* page globale */



#conteneur { 
	position: relative;
	margin:0 auto;
	width : 840px;
	box-shadow: 0 0 6px #333;
		-moz-box-shadow: 0 0 6px #333;
		-webkit-box-shadow: 0 0 6px #333;
	/*background-image : url(/styles/defaut/global.png);
	background-position:center;
	background-repeat : repeat-y;
	padding-left : 15px;
	padding-right : 15px; */
}

#header {
	width : 840px; 
	height : 210px; 
	background:transparent url(styles/defaut/entete.jpg) center center no-repeat;
	background-color:#F7F7F7;
	color:#000;
}
.menuhaut{background-color: #e7e7e7;height: 30px;border-bottom: 2px solid #ddd;}
.menuhaut ul{width : 90%;margin: 0 auto;list-style-type: none;overflow: hidden;} 
.menuhaut ul li a{
	float: left;
	width: 105px;
	font-family: "Open Sans", helvetica, sans-serif;
	font-size: 14px;
	padding: 5px 0;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	transition:all ease-in-out 0.3s;
	-moz-transition:all ease-in-out 0.3s;
	-webkit-transition:all ease-in-out 0.3s;
}
.menuhaut ul li a:hover {text-decoration: none;background-color:#d3d3d3;font-weight: bold;transition:background ease-in-out 0.3s;-moz-transition:background ease-in-out 0.3s;-webkit-transition:background ease-in-out 0.3s;}


#centre {
		margin-left : 159px; 
		margin-right : 130px;
		padding : 10px;
		font-family : Verdana, Arial, sans-serif ; 
		font-size : 1em; 
		text-align : justify;
		color : #000; 
		background-color : #F7F7F7; 
		background-image : url(styles/defaut/contenu.gif);
		background-position:left; 
		height : 910px;
}

			html>body #centre {
			margin-left : 158px; 
			margin-right : 129px;
			height: auto;
			min-height: 910px;
			padding : 13px;
			} 
			
		
			/* Marge autour des images */
			#centre img { 
			padding : 1px; 
			} 

	/* MILIEU = CONTENU */
	#milieu { 
	width : 840px; 
	background-color: #F7F7F7;
	background-image : url(styles/defaut/bas.jpg); 
	background-repeat : no-repeat; 
	background-position : bottom left;
	color:#000000;
	}	
	
#gauche {
		float: left;
		width : 133px; 
		padding : 11px;
		color: #000;
		font-size : 0.73em;
		font-family:Verdana, Arial, sans-serif; 
		font-weight : normal;
		background-color:#F7F7F7;
}

html>body #gauche {width : 135px;} 
			
		/* Menu Gauche liste */	

.menu {list-style-type: none;} 
.menu li {margin-bottom: 5px;}
.menu a {
     height: 18px;
     display: block;
	 font-size:1em;
	 font-family:Arial, Helvetica, sans-serif;
     text-align: left;
     color: #000;
     background: #F7F7F7;
	 text-decoration:none;
	 transition: all 0.5s;
	 -webkit-transition: all 0.5s;
	 -moz-transition: all 0.5s;
	 -ms-transition: all 0.5s;
	 -o-transition: all 0.5s;
 }	 
 .menu li:first-child a,
 .menu li:nth-child(11) a,
.menu li:nth-child(15) a{height:auto;transition: none;}
	 
.menu a:hover {
     background: #ccc;
	 font-size:1.10em;
	 color:#000000;
     text-decoration: none;
	 text-align:left;
	 padding-left: 5px;
	 font-weight:bold;
	 transition: background 0.2s;
	 -webkit-transition: background 0.2s;
	 -moz-transition: background 0.2s;
	 transition: padding-left 0.4s;
	 -webkit-transition: padding-left 0.4s;
	 -moz-transition: padding-left 0.4s;
	 -ms-transition: padding-left 0.4s;
	 -o-transition: padding-left 0.4s;
}
.menu li:first-child a:hover,
.menu li:nth-child(11) a:hover,
.menu li:nth-child(15) a:hover{background: none;transition: none;padding-left: 0;}

.menu a:active {
	 font-size:1em;
	 font-family: Arial, Helvetica, sans-serif;
     text-align: left;
     color: #000;
     background: #F7F7F7;
	 text-decoration:none;
	 font-weight:400;
	 padding-left: 5px;
	 font-weight:bold;
	 color:#663300;
}




#pied {
	height : 30px;
	width : 840px; 
	text-align : center;
	font-size : 0.73em;
	bottom: 0;
	min-height: 100%;
	background: #fff url(styles/defaut/footer.png);
	color:#000;
	background-repeat : repeat-x;

}

a img {border: 0;}

.centrer {text-align:center;}

#news {background-color:#CCC;border:none;}


h1 {
font-size:20px;
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #333333;
}
h2 {
font-size:20px;
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #333333;
}


#droite{display: none;}
	#centre{position:relative;background: #e7e7e7 none;margin-right: 0 !important;padding:10px 5px 0 !important;}





	#lastArticle{position: relative;margin: 0 auto 30px;width: 90%;}
	.title{
	    background-color:#555;
	    color:#fff;
	    font-family: "Open Sans", Arial, Helvetica, sans-serif;
	    font-size:16px;
	    text-transform: uppercase;
	    padding: 5px 10px;
	    margin:0 0 15px 0;
	}

	#lastArticle .slider{overflow: hidden;}
	#lastArticle ul{margin:0;padding:0;list-style:none;width: 5000px;height:250px;}
	#lastArticle ul li{position: relative;float:left;width: 610px;height: 250px;background-size:cover;}

	#lastArticle ul li a{display: block;height:250px;width: 100%;}
	#lastArticle ul li .info{
		position: absolute;
		left:0;
		bottom:-31px;
		width:96%;
		background-color: rgb(0, 0, 0);
	    background-color: rgba(0, 0, 0, 0.7);
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	    padding:5px 10px 5px 15px;
	    transition: bottom ease-in-out .3s;
	}
	#lastArticle ul li:hover .info{transition: bottom ease-in-out .3s;bottom: 0; }
	#lastArticle ul li .info h3{font-family: "Open Sans", Arial, Helvetica, sans-serif;font-size:16px;line-height: 30px;color:#fff;}
	#lastArticle ul li .info p{color:#f9f9f9;font-size: 11px;}
	#lastArticle ul li .info p+p{text-align: right;font-size:10px;color:#777;}

	#lastArticle .dotted{width: 100%;margin:8px auto 0;text-align: center;}
	#lastArticle .dotted a{display: inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;background-color:#444;cursor:pointer;}
	#lastArticle .dotted a:last-child{margin-right:0;}
	#lastArticle .dotted a.active{background-color:#a70000;}
	#lastArticle i{
		background: transparent url(../../images/picto-chevrons) no-repeat 0 0 / 195% auto;
		content: "";
	    height:50px;
	    position: absolute;
	    top:50%;
	    width:25px;
	    cursor: pointer;
	    z-index: 100;
	}
	#lastArticle i.slideToLeft{left:-30px;}
	#lastArticle i.slideToRight{background-position: right center;right:-30px;}



	/*--- NEWS ---*/
		#centre .listNews .news{position: relative;background:#f7f7f7;overflow:hidden;border: 1px solid #d8d8d8;display: inline-block;vertical-align:top;width:300px;padding: 10px 15px;font-size: 13px;}
		#centre .listNews .news:first-child, #centre .news:nth-child(2){width:95%;margin-bottom: 20px;}
		#centre .listNews .news:nth-child(2){margin-bottom:0;}
		#centre .listNews .news:nth-child(n+3){margin-top:10px;}
		#centre .listNews .news:nth-child(n+3) img{max-width:100%;}
			#centre .listNews .news .image-news{display:none;}
			#centre .listNews .news .titre-news{font-family:'Trebuchet MS', Helvetica, sans-serif;font-size:1.5em;color:#333;text-align: center;text-transform: uppercase;}
			#centre .listNews .news .info{font-size:11px;color:#777;font-style: italic;margin:5px 0 15px;padding: 2px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
			#centre .listNews .news .intro{font-family: Arial, Helvetica, sans-serif;font-size: 1.05em;margin-bottom:20px;}
			#centre .listNews .news .intro + div img{max-width: 100%;margin: 0 auto 20px;display: block;max-height: 400px;}
			#centre .listNews .news .contenu-news, 
			#centre .listNews .news .contenu-news p{font-family:Verdana, Helvetica, sans-serif !important;font-size: 1.02em !important;color:#333;text-align: left !important;margin: 15px 0 0;}
			#centre .listNews .news .LinkSource{display: block;padding: 9px 0 0 15px;border-top:1px dashed #aaa;margin: 15px 0 0;}
			#centre .listNews .news .LinkSource a{color: #000;font-size: 1.3em;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
			#centre .listNews .news .LinkSource a:hover{background:transparent;text-decoration: none;color:#aaa;}	
		#centre .LinkArchives{
			display:block;
			background-color:#777;
			color: #fff;
			margin: 30px auto 20px;padding: 8px 0;
			text-align: center;font-weight:bold;
			text-transform: uppercase;font-size: 15px;
			width:70%;
			transition: all ease 0.2s;
		}
		#centre .LinkArchives:hover{background-color: #aaa;color: #333;text-decoration: none;transition: all ease 0.2s;}


		.moreNews{
			background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(200, 200, 200, 1) 100%);
			background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(200, 200, 200, 1) 100%);
			background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(200, 200, 200, 1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
		    bottom: 0;left: 0;
		    
		    height:50px;	    
		    position: absolute;
		    text-align: center;
		    width: 100%;
		    z-index: 500;
		}
		.moreNews span{display: block;padding-top:25px;cursor:pointer;color:#000;text-transform: uppercase;font-weight: bold;font-size:15px;letter-spacing: 0.1em;}

.pagination{display:none;}