@charset "UTF-8";



/*TYPO*/

body {
	margin: 0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:17px;
	background-image: url(images/box_mosaique.png);
	background-color:#000;
	background-repeat: repeat;
	background-attachment: fixed;
}

p {
	margin:0;
	margin-bottom:15px;
}

h1{
	margin:0;
	text-transform: uppercase;
	font-size:10px;
	margin-bottom:2px;
	line-height:17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

.shop h1{
	border-bottom:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:20px;
	
	
} 

h2{
	font-size:10px;
	margin:0;
	text-transform: uppercase;	

}
/*PRIX*/
h3{
	margin:0;
	font-size:10px;
	/*text-transform: uppercase;*/
	/*color: #F03;*/
	font-weight:bold;
	text-transform: uppercase;
}

h4{
	margin:0;
	font-size:10px;
}

h6{
	margin:0;
	padding:0;
	margin-bottom:18px;
	font-size:10px;
	font-weight: normal;	
}

.error{
	color:#F00;
	
}
/* LIENS */

a:link, a:visited{
	color: #000;
	text-decoration: none;
	
}

.description a:link, .description a:visited, .article2 a:link, .article2 a:visited{
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #000;
}

a:hover, a:active, .description a:hover, .article2 a:hover{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;	
}

.logo a:link,.logo a:hover, .logo a:active, .logo a:visited{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	
} 

.selected{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	
}




/*!!!!!BLOCS!!!!*/

.container{
	width:542px;
	margin-left:236px;
	margin-top:100px;
}

/*LISTES*/

.contenu_news ul {
	list-style-type: none;
	list-style-image: url(images/Tiret.png);
	list-style-position: inside;
	padding:0;
	margin:0;
	padding-left:0px;
}

.contenu_news li{
	float:left;
	margin-right:30px;
}



/*MENU*/

.logo{
	position:absolute;
	z-index:500;
	top:37px;
	left:57px;
}	

html>body .logo{
 /* position: fixed;*/
}	


#menu{
	z-index:100;
	width:542px;
	height:15px;
	background-color: #FFF;
	font-weight:bold;
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:2px;
	margin-left:0px;
	float:left;
	clear:both;
	background-color:#000;
}

#menu a:link, #menu a:visited{
	color: #fff;
	
}

#menu a:hover{
	color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;	
	
}

#menu .selected{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;	
	
}

.langues,.outside{
	float: right;
	font-weight: normal;
	text-transform: lowercase;
}





#menu ul{
	list-style-type: none;
	padding:0;
	margin:0;
	float:left;

}



#menu ul li{
	float:left;
	margin-right:10px;
}
/*
html>body #menu, html>body #sous_menu {
  position: fixed;
}
*/	

/*LEGENDE IMAGE*/

.legende{
	left:788px;
	top:100px;
	width:174px;
	height:15px;
	z-index:10000;
	position:absolute;
	background-color:#000;
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:2px;
	/*font-weight: bold;
	text-transform: uppercase;*/
}
.legende a{
	color:#fff;

	
}

.legende a:hover{
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border-bottom-width: 1px;

}

.legende .selected_black{
	font-weight: bold;
	text-transform: uppercase;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border-bottom-width: 1px;

	
}

/*
html>body .legende {
  position: fixed;
}	*/

/*SOUS MENU*/
#sous_menu{
	overflow: auto;
	background-color: #fff;
	overflow:hidden;
	width: 96px;
	padding:3px;
	position:absolute;
	left:130px;
	top:240px;
	
}	

.sous_menu{
	/*	height:350px;*/
}

#sous_menu a:hover, a:active{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;	
}



#sous_menu h1{
	float:left;	
}


#sous_menu li{
	margin:0;
	padding:0;
}
#sous_menu ul{
	margin:0;
	padding:0;
	/*padding-left:12px;*/
	margin-bottom:0px;
	list-style-position: outside;
	/*list-style-image: url(images/Tiret.png);*/
}


#sous_menu h2{
	clear:both;
}

/*MENU ACTIF*/
.red{
	color:#fff;
	background:red; 
	
	}

/*CONTENU*/
.contenu,.contenu_news{
	float:left;
    overflow: auto;
	background-color: #FFF;
    overflow:hidden;
	width: 540px;
	padding:4px;
	margin-top:4px;
	
	
}



/*TEXTE*/

.article, .article2{
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;*/
	margin-bottom:23px;
	/*padding-top:10px;
	margin-top:10px;*/
}

.article ul{
	list-style-type: square;
	padding-left: 15px;
	margin-left: 0px;
	list-style-image: url(images/puce.png);
}



.contenu_news .article{
	padding-top:0px;
	margin-top:0px;
	border-top-style: none;
	padding-bottom:10px;
	margin-bottom:46px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;*/
}

.article2 .texte, .article .texte{
	width:341px;
	
}

.contenu_news h2{
	
}
.contenu_news img, .contenu_news .video{
	margin-top:5px;
	
}

/* DESCRIPTION*/
.description{
	float:left;
	background-color: #FFF;
    /*overflow:hidden;*/
	width: 174px;
	padding:3px;
	position:absolute;
	left:788px;
	margin-top:22px;

	
	
}


/*IMAGES*/

.contenu img{
	margin-top: 0px;
	
	
}


img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	
}

.invisible{
	display:none;
	
	
}

/*IMAGES shop*/

.image{
	float:left;
	margin-right:4px;
	width:174px;
	
}


/*VIDEOS*/

.contenu video{
	margin-top: 0px;
	
	
}





/*COPYRIGHT*/
.copyright{
	font-size:8px;
	position: absolute;
	left: -77px;
	bottom: 83px;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	height:10px;
	text-align: left;
	font-family: Verdana, sans-serif;	
	
}

.copyright a:link, a:hover{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	
}

html>body .copyright {
  position: fixed;
}	


/*séléction!!*/
*::selection {
	background:#000;
	color:#fff;
}

*::-moz-selection {
	background:#000;
	color:#fff;
}

*::-webkit-selection {
	background:#000;
	color:#fff;
}


/**/
