/* .............................. */
/* Basic */
/* .............................. */
*{
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	/*font-weight: inherit;*/
	/*font-style: inherit;*/
	/*font-size: 100%;*/
	font-family: inherit;
	/*vertical-align: baseline;*/
}
html{
	margin: 0;
	padding: 0;
	/*background-color: #141816;*/
}
body {
	background-color: #1e201d; /*  0B0F0E      #090b0a   */
	font: normal 16px "Trebuchet MS",Arial,Verdana,Sans Serif;
	letter-spacing: 1px;
	color:	#9F9F9F;
	padding:0;
	margin:0;
	margin-bottom:20px;
	text-align:center;	
	width:100%;
}


ul {list-style-type:none;}
ol, ul { 	list-style: none; }

/* .............................. */
/* Links */
/* .............................. */
a {
	color:#5F5F5F;
	text-decoration:none;
	}

a:hover {
	/*font-weight:bold;*/
	color:#fff;
	}

/* .............................. */
/* Headings */
/* .............................. */

h1 {
    float:left;
	clear:left;
	font-weight:bold;
	font-size:11px;
	letter-spacing:2px;
	color:#666;
	margin:0px;
	margin-left:5px;
	padding:0px;
	}
	
h1 a {
    text-decoration:none;
	color:#666;
	}

h1 a:hover {
    text-decoration:none;
	}

h2 {
	font-size: 16px;
	text-decoration:none;
	font-weight:normal;
}	
	
h3 {
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	color:#ddd;
	text-align:center;
	}


select{
	font: 12px "Microsoft Sans Serif" , Arial;
	color: #f1fbf2;
	background-color: #7d897d;		
	width:150px;
	height:22px;
	border:1px solid white;
	margin:10px;
}

	
	
#wrapper {
	background-color: #4c4c4a; /* gris   */
	margin: 0 auto;
	margin-top:25px;
	width: 900px;
	border: 1px solid #353734;

    font-size: 10px;
    line-height: 15px;
	

}
	
	
/* .............................. */
/* Content	Right		*/
/* .............................. */
#content_right{
	float:right;
	width:680px;
	border:0px solid red;
	background-color: #161817;

}	
	
	
/* .............................. */
/* HEADER                */
/* .............................. */

.cap{
	float:	left;
	height:	135px;
	width:	680px;
	border:	0px solid red;
	/*letter-spacing: 0.1px;*/
	/*background: url('../img/header_01.jpg');*/
}
.cap a{color:#D6EF2C;font-weight:bold;}
.cap a:hover{color:#F3FF9F;font-weight:bold;}
.cap_title{font-weight:bold; text-decoration:underline;}
.cap_txt{
	margin:	auto;
	margin-top: 3px;
	text-align: left;
	width: 96%;
	padding: 4px;
	color: #fff;
	border: 0px dotted #9F9F9F;
	font-family: verdana, helvetica, sans-serif;
	font-size: .9em;
	letter-spacing: .02px;
	line-height:10px;
}
.cap_txt img{border:2px solid #fff;}
.cap_txt h3{
	font-weight:bold;
	font-size:14px;
	letter-spacing:0.2px;
	color:#fff;
	text-align:center;
}

	

/*  SIDEBAR MENU */	
#sidebar
{
	float:left;
	/*height: 725px;*/
	width: 220px;	/*	 au lieu de 220px à cause d'IE, sinon .menu ne se prolonge pas dans la longueur jusqu'à la limite de la sidebar 	*/
	/*position:relative;*/
	background-color: #4c4c4a;   /*   #060706    */ /*  #171D1A  */ 
	border: 0px solid green;
	
}

.logo{
	float:	left;
	margin:0;
	padding:0;
	
	height: 135px;
	width:	220px;
	border:	0px solid red;
}

.menu {
	clear:both;
	/*background-color: #94a41d;*/
	font-size:12px;
	font-weight:bold;
	border: 0px solid white;
	}
.menu ul {
	list-style: none;
	/*line-height: 14px;*/
	text-align: left;
	border: 0px dotted red;
}
.menu ul li{
	line-height:25px;
	border-bottom: 1px solid #c3c82d;
	background-color: #94a41d;
}
.menu ul li:hover{
	background-color: #c3c82d;
}
.menu ul li a{
	width: 100%;
	padding-left: 15px;
	border: 0px solid white;
}
/* texte en vert avec vert plus clair sur :hover
.menu ul li a, .menu ul li a:visited{	color: #EAEF59;}
.menu ul li a:hover{color: #FEFFAF;}
*/
.menu ul li a, .menu ul li a:visited{	color: #FDFFBF;}
.menu ul li a:hover{color: #FDFFBF;}


.filter {
	clear:both;
	padding:2px;
	text-align: left;
	border: 0px solid red;
	/*margin-bottom: 2px;*/
}
.arbo {
	border: 0px solid red;
	padding:2px;
	padding-left:12px;
	color: #a4be1f;
}
.arbo ul{
    list-style: none;
    line-height: 14px;
    font-weight: bold;
	text-align: left;
}
.arbo ul li:hover{	background-color: #5F5F59;}
.arbo ul a:link, .arbo ul a:visited{
	color: #a4be1f;
    text-decoration: none;
}
.arbo ul a:hover, .arbo ul a:active, .arbo ul a.active{
    color: #fff;
    text-decoration: none;
}
.arbo ul li a{width: 93%; border: 0px solid white;}
.arbo ul li .sym {	padding-right:5px;}

#splash{
	background-color:  #141816;
	border: 0px solid red;
	margin:auto;
	margin-top:65px;
	width:100%;
	position: relative;
}

	
	
/* .............................. */
/* Content		*/
/* .............................. */

#content_wrap {
	width: 680px;
	float: left;
	background-color: #161817;   /* #141816      #262F2B   */   /*  #090b0a  */
	border: 0px solid green;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 550px;	/* marche pas sous IE  */
	/*height: 590px;*/	/* only for IE  */
	
	vertical-align: middle;
	
}
#content_wrap a{	color: #475F54;}
#content_wrap a:hover{ color:#fff;}
.page_title {
	padding: 20px 20px 20px 20px;
	text-align: left;
	border: 0px solid gray;
	font-size: 1em;
	position:relative;
}
.page_title  h2{border: 0px solid red;}
.page_title  span{border: 0px solid red; position:absolute;top:18px;left:620px;}

.content_thumbs {
	border: 0px solid gray;
	padding: 0px;
	margin: auto;
	padding-left: 70px;
	padding-left: 70px;
}
.cat_thumbs {
	float:left;
	width: 130px;
	height:130px;
	/*border: 1px solid #141816;*/
	text-align:center;
}
.cat_thumbs table {/*border:1px solid #141816;*/ border:1px solid #1D1F1E; text-align:center;}
.cat_thumbs table:hover {border:1px solid #4F4F4F; background-color:#0E100E;}
.bloc_txt {
	margin:auto;
	margin-bottom: 12px;
	text-align:left;
	width: 90%;
	padding: 10px;
	color:	#666;
	border: 1px dotted #515151;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
/* ----------------------------------------------- 
	NEWS
   ----------------------------------------------- */
.news-no{
	font-size: 12px;
	border: 1px solid red;
	color: red;
	width: 320px;
	margin-left: auto;	
	margin-right: auto;
}
.news-ok{
	font-size: 12px;
	border: 1px solid #23CF19;
	color: #23CF19;
	width: 320px;
	margin-left: auto;	
	margin-right: auto;
}
.news-wrap{
	border: 0px solid orange;
	background-color:#8f8f8f;
	width: 620px;
	margin-left: auto;	
	margin-right: auto;
	font-size:.8em;
}
.news-wrap a{padding:3px; border:0px solid red;}
.news-div{
	font-size: 10px;
	border: 0px solid red;
	width: 620px;
	margin-left: auto;	
	margin-right: auto;
}
.news-div a{padding:0; border:none;}
.news-div img{
	/*border:	1px solid black;*/
	border-color:black;
	margin: 5px;
}
.news-div img.noborder{
	border:	none;
	margin: 0;
}
#content_wrap .news-content a{ color: #87BF6B; font-weight:bold;}
#content_wrap .news-content a:hover{ color: #94FF5F;}
.news-title{
	clear:both;
	font-size: 10px;
	margin: auto;
	padding-left: 12px;
	border: 0px solid red;
	text-align: left;
	background-color: #343a36;
}
.news-content{
	/*font-family:"Arial",Verdana,Sans-Serif;*/
	color: #BFBFBF;
	margin: auto;
	border: 0px dotted #BFBFBF;
	background-color: #4C4C4A;
	text-align: justify;
	padding:10px;
}
.news-content a{color: #87bf6b; font-weight: bold;}
.news-content a:hover{color: #94ff5f; font-weight: bold;}
.news-header{
	margin: auto;
	padding-left: 5px;
	/*font-family: "Courier New", Verdana, "Times New Roman", Geneva;*/
	font-size: 8px;
	color: #595F5B;
	text-align: left;
	background-color: #171F1B;
}
.news-date{
	font-size: 10px;
	font-weight: lighter;
}
.news-cent{
	text-align: center;
}
/*  end news   */
/* ----------------------------------------------- 
	PAGINATION
   ----------------------------------------------- */
			.page-nav {margin:auto; text-align:center; font-size:.8em; font-weight:bold;}	/*  color:#4F4F4F;*/
			.page-nav a{ padding:3px; border:1px solid #2F2F2F; }
			.page-nav a:hover{background-color:#3F3F3F; border:1px solid #4F4F4F; text-decoration: none;}

#mosaic_wrap {
	/*border: 1px solid gray;*/
	padding: 15px;
}
#mosaic_wrap .mosaic {
	float:left;
	width:40px;
	height:40px;
}
#mosaic_wrap ul li{
padding:0;
margin:0;
float: left;
width:40px;
height:40px;
}
#mosaic_wrap ul li a{
padding:0;
margin:0;
display:block;
float:left;
width:40px;
height:40px;
text-decoration:none;
}
#mosaic_wrap ul li a img{
padding:0;
margin:0;
width:40px;
height:40px;
}
#mosaic_wrap ul li a:hover {
width:36px;
height:36px;
border:solid 2px #fff;
/*opacity: .4;*/
}


/* .............................. */
/* LINKS */
/* .............................. */

.vign{
background:transparent; max-width:192px; width:190px; height:130px; border:1px solid #1D1F1E; margin-right:6px; margin-bottom:3px; padding:2px; text-align:center;
}
.vign:hover{background:#1D1F1E;}
.vign .a{
	width:185px; height:100px; border:0px solid red; margin:auto;
}
.vign .a img{border:none;}

/*  end LINKS   */


/* .............................. */
/* Browse */
/* .............................. */
.thumbs_wrap{
	margin-left: 35px;
}

.thumbnails {
	border:1px solid #515151;
	padding:3px;
	margin:3px;
	}
.thumbnails:hover {background-color:#2F2F2F;}

.pano_mark {
	background: url(../img/pano_ico.png) no-repeat;
	width: 100px;
	height: 75px;
	border:1px solid #515151;
	float:left;
	padding:3px;
	margin:3px;
}
.video_mark {
	background: url(../img/video_ico.png) no-repeat;
	width: 100px;
	height: 75px;
	border:1px solid #515151;
	float:left;
	padding:3px;
	margin:3px;
}
.pano_mark:hover {background-color:#2F2F2F;}
.video_mark:hover {background-color:#2F2F2F;}
img.transparent {
	filter:alpha(opacity=60);
	opacity:.60;
	border: 0px solid red;
}


	
/* .............................. */
/* Footer */
/* .............................. */

#footer {
	clear:both;
	width: 100%;
	background-color: #3d3f3c;
	color: #767875;
	height: 18px;
	text-align:center;
	font-size:10px;
	line-height: 18px;
	border: 0px solid red;
}
.comment{
	font-size: 0.9em;
	/*color: #;*/
}