@charset "utf-8";
/**                                 **
 * Feuille CSS principale RockOnWall *
 *                                   *
 * @author yoann (itheac)            *
 * @create 03/2010                   *
 **                                 **/ 

/* CSS Document */

/** helpers **/
.centreur {
	margin-left:auto;
	margin-right:auto;
}

/** on a toujours besoin d'un floatter */
hr.clear, div.clear {
	clear:both;
	visibility:hidden;
	height:0px;
	padding:0px;
	margin:0px;
}

/** Général **/
body {
	background-color:#000000;
	background-image:url(images/commun/ap_degraded.png);
	background-repeat:repeat-y;
	background-position:center;
	color:#AAA;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
}
a {
	color:#BBB;
	text-decoration:none;
}
	a:hover {
		color:#FFF;	
	}
h1 {
	font-size:20px;	
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}
.titre2 {
	font-size:16px;
	color:white;
}
.bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	background-color:#38373A;
	border: 1px solid #999;
	/*min-width: 90px;*/
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}
	.bouton:hover {
		border: 1px solid #CCC;	
	}
	a.bouton {
		text-decoration:none;	
	}
.champs {
	background-color: #38373A;
	color: #FFF;
	text-decoraction: none;
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
	.champs:hover {
		border: 1px solid #CCC;	
	}


#conteneur {
	/*positionnement absolu pour height:100%*/
	position:absolute;	
	
	/*le contenu de la page fait 100%*/
	height:100%;
	width:1000px;
	/*centrage*/
	left: 50%;	  	  
	margin-left:-500px;	
}

#header {
	height:132px;
}
	#header_logo {
		padding-top:20px;	
	}
#contenu {
	margin-top:100px;
	min-height:69%; /*pour caler le header en bas de page, on définit une taille min*/
	/*background-color:lime;	*/
}
#footer {
	text-align:center;
	margin-top:30px;
	padding-bottom:10px;
}
	#footer a {
		font-size:10px;
		text-decoration:none;	
		color:#666;
	}
	#footer a:hover {
		color:#FFF;
	}

/** Général > Menu **/
ul.menu {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
	position:absolute;
	top:80px;
	left:170px;
	width:750px;
}
ul.menu li {
	float:left;
	margin:auto;
	padding:0px;
	margin:0px;
	/* hack stupide pour IE : si on n'applique pas de fond transparent, on ne peut pas faire un hover sur les sous-menus*/
	background-image:url(../../images/cale.gif);
}
ul.menu li a {
	display:block;		
}
ul.menu li div.sousmenu {
    display:none;
	margin:0px;
	padding:0px;
	float:none;
	position:absolute;
}

ul.menu li:hover div.sousmenu {
	display:block;
}
ul.menu li:hover div.sousmenu a:hover {
	color:#FFF;
}
ul.menu li div.sousmenu a {
	display:inline;	
	color:#EEE;		
}

.element_menu {
	float:left;	
	margin-left:10px;
	margin-right:10px;		

	cursor:pointer;
	text-align:center;
}	
	.element_menu img {
		/* Pour supprimer la bordure générée par le <a>*/
		border:0px;	
	}
	.element_menu a {
		/*Pour le libellé de chaque élément du menu*/
		color:#a1a1a1;
		text-decoration:none;
		font-size:10px;
		margin-top:8px;
		
	}	

/** Spécifique **/


/**ACCUEIL**/
.actus_element {
	padding-top:5px;
	padding-bottom:5px;	
	padding-left:10px;
	padding-right:10px;
	margin-right:10px;
	background-color:#191919;
	margin-bottom:10px;
	min-height:120px;
}
	.actus_element a {
		text-decoration:none;		
	}
	.actus_element a:hover {
		text-decoration:underline;
		color:#FFF;
	}	

/* Elément de liste des sous-familles */
.element_listesfam {
	cursor:pointer;
	float:left;
	/*background-color:#0d0d0d;*/
	
	width:200px;
	padding:10px;
	min-height:60px;

}
	.element_listesfam:hover {
		background-color:#333;
		color:#FFF;
	}


/* Elément d'article de la liste articles*/
.liste_articles {
	width:800px;
}

.element_liste_article {
/*	height:190px;
	width:330px;
	border:1px cyan solid;*/
	padding:5px;
/*	margin-left:5px;
	margin-right:5px;*/
	float:left;
	
}
	.element_liste_article:hover {
		color:white;
		cursor:pointer;
	}
	
	
	
/** 
 *Texte mis en forme en bas de page (concept, texte descriptif boutique...)
**/
.contenu_texte_misenforme {
	margin-top:35px; 
	width:700px; 
	text-align:left;	
}
	.contenu_texte_misenforme .gauche{
		float:left; 
		width:49%;
		padding-right:5px;
	}
	.contenu_texte_misenforme .droite {
		
	}

/*bloc de couleur */
.bloc_ap {
	background-color:#191919;
	text-align: justify;
}

	
/** CONTACT **/
.cadre_contact {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:199px;
	background-image:url(images/contact/cadre.png);
	text-align:center;
	padding-top:100px;
	font-size:12px;
	font-weight:bold;
}




/** Détail Article **/
.detail_article_description {
	width:700px;	
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.detail_article_description .gauche {
	float:left;
	padding-right:1%;
	width:49%;
}
.detail_article_description .droite {
	text-align:right;	
}
.detail_article_description .prix {
	font-size:16px;
	font-weight:bold;
	color:white;
}

.bouton_acheter {
	text-decoration:none;
	background-image:url(images/boutique/btn-paypal.jpg);
	width:90px;
	height:31px;
	color:#FFF;
	background-color:#000;
	border:0px;
	cursor:pointer;
}


/**Galerie**/
.item_galerie {
	float:left;
	color:#999;
	width: 180px;
	height:180px;
	padding-top:21px;
	margin:5px;
}
	.item_galerie:hover {
		color:#CCC;	
	}
/* Elément d'article de la liste articles*/
.liste_images_galerie {
	width:570px;
	height:180px;
	margin-bottom:10px;
}

/**Liens**/
.item_lien {
	width:75%;
	margin-bottom:10px;	
}


/**Concept**/
#contenu #pastille_concept {
	position:absolute;
	left:45px;
	margin-top:-30px;
	width:158px;
	height:164px;
	background-image:url(images/concept/pastille2.png);
	background-repeat:no-repeat;
	top: 240px;
}