/* ++++++++++ */
/* CSS HEELYS */
/* Aout 2007  */
/* ++++++++++ */


/* GENERAL */
body		{
	/*background:#2d2d2d url(../common/fond-x.jpg) repeat-x;*/
	/*background:#292929 url(../common/bgcool.jpg) repeat-x;*/
	background:#000000 url(../common/bgsite_tile.jpg) repeat-x;
}
p			{ padding:0; margin:0; }
img			{ behavior:url("../pngbehavior.htc"); }
a			{ color:#FFFFFF; text-decoration:none; border:none; }
a img		{ border:none; }
.clear		{ clear:both; }
.link_video	{ background:url(../img/divers/film.png) no-repeat; padding-left:18px; height:16px; }
.link_email	{ background:url(../img/divers/email.png) no-repeat; padding-left:18px; height:16px; }
.link_phone	{ background:url(../img/divers/phone.png) no-repeat; padding-left:18px; height:16px; }
.link_money	{ background:url(../img/divers/money.png) no-repeat; padding-left:18px; height:16px; }
.link_url	{ background:url(../img/divers/link.png) no-repeat; padding-left:18px; height:16px; }
.link_url2	{ background:url(../img/divers/link.png) no-repeat; padding-left:18px; height:16px; color:#333;}
.link_urlx	{ font: 16pt Impact, Arial, sans-serif; color:#fff;background:url(../img/divers/agenda.png) no-repeat; padding-left:30px; height:25px; }
.link_urlnews	{
	background:#666666 url(../img/divers/link.png) no-repeat;
	padding-left:18px;
	height:16px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* PERSO*/


/* HEADER */
#top_header		{ background:url(../common/rayures-top-header-xx-.gif) no-repeat; width:815px; height:22px; position:relative;}
#langage		{ text-align:left; padding-left:15px; padding-top:1px }
#header			{ background:url(../common/header.jpg) no-repeat; width:815px; height:101px; }
#header_dt		{ background:url(../common/header_dt.jpg) no-repeat; width:811px; height:101px;}
#menu			{ padding-top:5px; position:absolute; padding-left:2px; }
#menu_bg		{ background:url(../common/menuflower.jpg) no-repeat; width:815px; height:75px; text-align:left; }
#perso			{ background:url(../common/personnage_et_taches2.png) no-repeat; width:245px; height:253px; position:absolute; top:-30px; right:-105px; }
html>body #perso{ right:-104px; }
#etoile_bleues	{ background:url(../common/taches_bleues_HG.png); width:168px; height:200px; position:absolute; top:-27px; right:806px; }

/* CONTENU */
#contenair		{ background:url(../common/beton_bg.jpg) repeat-y; width:815px; text-align:left; padding-bottom:9px ;z-index:1; position:relative; }
#contenair_texte{ float:left; background:url(../common/mur_blanc.png) repeat-y; width:590px; margin-left:4px; }
#contenair_texte_droite	{
	float:left;
	background:url(../common/mur_blanc.png) repeat-y;
	width:590px;
	margin-left:8px;
	position:relative;
	font:12px Arial, Helvetica, sans-serif;
}
html>body #contenair_texte	{ margin-left:9px; }
#contenair_news	{ float:left; width:544px; /*margin-left:12px;*/ margin-top:8px; /*margin-bottom:18px*/; text-align:justify; }
html>body #contenair_news	{
	width:544px;
	/*margin-left:17px;*/
	text-align: center;
	/*padding: 6px;*/
	padding-left:22px;
}
#news_inscr			{ position:relative; }

/*panneaux droites*/
#panneaux_droit		{
	float:right;
	width:205px;
	text-align:left;
	position:relative;
}
#input_newsletter	{ border:none; border:1px dashed #000; font:8pt Arial, Helvetica, sans-serif; color:#OOO; background:#fff; }
.titre_ok			{ font:bold 8pt Arial, Helvetica, sans-serif; color:#fff; background:#d10000; border:none; }
#panneau_video		{ margin-top:10px; width:199px; height:305px; position:relative }
#panneau_evenements	{ margin-top:10px; width:199px; height:209px; position:relative }
#panneau_promo		{ margin-top:10px; width:199px; height:221px; position:relative }
#panneau_register	{ margin-top:10px; width:199px; height:90px; position:relative }
#panneau_catalogue	{ margin-top:10px; width:199px; height:90px; position:relative }
#panneau_partners_dt	{ margin-top:10px; width:199px; height:90px; position:relative }
#panneau_onlinestore	{margin-top:10px;	width:199px;	height:160px;	position:relative;	text-align: center;}
#panneau_usc	{margin-top:10px;	width:199px;	height:90px;	position:relative;	text-align: center;}
#panneau_communityshare	{margin-top:10px; width:184px; height:18px; position:relative;	text-align: center;	margin-right: auto; margin-left: auto; }
#panneau_communitylinks	{margin-top:10px; width:184px; height:40px; position:relative;	text-align: center;	margin-right: auto; margin-left: auto; }


/*menu gauche*/
#menu_gauche		{ width:194px; margin-left:5px; float:left; }
#menu_gauche_header	{ background:url(../common/menu_gauche_header.jpg); width:194px; height:27px; }
#menu_gauche_body	{ background:url(../common/menu_gauche_body.jpg) repeat-y; width:194px; padding:4px 0; }
#menu_gauche_footer	{ background:url(../common/menu_gauche_footer.jpg); height:28px; width:194px; } 

/* titres , textes */
#titre_page			{ position:absolute; top:-18px; left:-587px; z-index:0; }
#titre_page2		{ position:absolute; top:2px; left:1px; z-index:0; }
.sous_titre			{
	font:bold 12pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#666666 url(sous_titre_bar.jpg) no-repeat left center;
	float:left;
	margin-left: 6px;
	padding-left: 3px;
	padding-right: 3px;
	width: 480px;
	text-align: left;
	vertical-align: middle;
	padding-top: 2px;
	margin-top: 1px;
}
.logo_news {
	width:34px;
	height:34px;
	float:left;
	vertical-align: top;
	position: relative;
	top: -5px;
}
.fleche				{ width:20px; height:17px; float:left; }
.texte_courant		{
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: justify;
	font-variant: small-caps;
}
.texte_courant a	{
	color:#CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	text-decoration: none;
	text-align: justify;
	font-variant: small-caps;
}
.texte_courant a:hover	{
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	text-decoration: none;
	text-align: justify;
	font-variant: small-caps;
}
#fond_news	{
	text-align: justify;
	background: url(fond_news.png) repeat center;
	border: 1px solid #999999;
	padding: 8px;
	min-height:230px;
}

#fond_slide	{
	/*padding: 8px;
	height: 385px;
	width: 544px;*/
	text-align: justify;
	background: center;
}
.images_right		{ float:right; margin-left:8px; border:2px solid #fff; }
.images_left		{ float:left; margin-right:5px; border:2px solid #fff; }
.images_right_event		{ float:right; margin-left:5px; border:0px solid #fff; }
.images_left_event		{ float:left; margin-right:5px; border:0px solid #fff; }
.menu_gauche_case_pointille a	{ background:#fff; margin-left:30px; padding:0 5px; color:#000; border:1px dashed #000; font: bold 14px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu_gauche_case_pointille_rouge a	{ background:#fff ; margin-left:30px; padding:0 5px; color:#ce0000; border:1px dashed #000; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu_gauche_case_pointille_niveau2_rouge a	{ background:#fff; margin-left:50px; padding:0 5px; color:#ce0000; border:1px dashed #000; font:14px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu_gauche_case_pointille_niveau2_noir a	{ background:#fff; margin-left:50px; padding:0 5px; color:#000; border:1px dashed #000; font:14px Arial, Helvetica, sans-serif; text-decoration:none; }
.noresult			{ margin:30px; text-align:center; font:bold 14px Arial, Helvetica, sans-serif; }

/* PAGE PRODUITS */
.produits			{
	float:left;
	width:178px;
	padding:5px;
	border:1px none #999;
	margin:2px;
	text-align:center;
	min-height:190px;
	background-image: url(../common/etiquette.png);
	background-repeat: no-repeat;
}
.produits_nom		{ font:bold 14px Arial, Helvetica, sans-serif; color:#fff; background:#c00; padding:2px 5px; }
.produits_descr		{ font:11px Arial, Helvetica, sans-serif; color:#333; }
.collection			{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../common/bg_collection.png) no-repeat center top;
	padding:2px 5px;
	text-align: center;
	width: 200px;
	position: absolute;
	top: 1px;
	right: 1px;
	z-index: 1;
	margin-top: 9px;
	margin-right: 5px;
}

/* PAGE PROD DETAIL */
#produit_det				{ width:550px; margin:15px; }
.produit_detail	hr			{ border:none; border-bottom:1px solid #666; }
.produit_detail_nom			{ font:bold 16px Arial, Helvetica, sans-serif; color:#333; }
.produit_detail_intro	 	{ font:12px Arial, Helvetica, sans-serif; color:#333; text-align:left; padding:10px; }
.produit_detail_desc		{ width:50%; text-align:left; color:#333; float:left; }
.produit_detail_desc ul		{ list-style-type:disc; margin-top:0; font:12px Arial, Helvetica, sans-serif;  }
.produit_detail_desc_titre	{ font:bold 12px Arial, Helvetica, sans-serif; color:#333; padding:5px 10px; }
.produit_detail_livre		{ width:50%; text-align:left; color:#333; float:left; }
.produit_detail_livre ul	{ list-style-type:disc; margin-top:0; font:12px Arial, Helvetica, sans-serif;  }
.produit_detail_prix		{ text-align:right; font:bold 15px Arial, Helvetica, sans-serif; }
#aggImg						{ position:absolute; top:expression(document.body.scrollTop + 200 + "px"); left:50%; width:500px; border:2px solid #000; margin-top:-200px; margin-left:-250px; z-index:100; background:#fff url(../img/ajaxloader.gif) center no-repeat; }
html>body #aggImg			{ position:fixed; top:50%; left:50%; }

/* PAGE POINT DE VENTE */
.pdv			{ font:12px Arial, Helvetica, sans-serif; margin-left:10px; }

/* TXT EVENT */
.event_textes		{ font:bold 11pt Arial, Helvetica, sans-serif; }

/* PAGE FAQ */
#faq			{ width:550px; margin:5px; }
html>body #faq	{ margin:15px; }
.faq			{ width:580px; margin:5px 0; }
.faq p			{ padding:0 10px; font:12px Arial, Helvetica, sans-serif; }
.faq ul			{ font:12px Arial, Helvetica, sans-serif; }

/* PAGE INSTRUCTION */
#instructions, #instructions p, #instructions ul	{ font:12px Arial, Helvetica, sans-serif; }
#instructions	{ width:550px; margin:15px; }

/* PRESSE */
#presse			{ margin:0; list-style-type:square; }
#presse a		{ color:#000; }
#presse a:hover	{ text-decoration:underline; }

/* PAGE VIDEO */
.video			{ float:left; width:178px; padding:5px; border:1px solid #999; margin:2px; text-align:center; min-height:150px; }
.video_det		{
	padding:5px;
	text-align:center;
	margin:15px 0 30px 0;
	background: center;
}
.video_nom		{ font:bold 14px Arial, Helvetica, sans-serif; color:#333; margin-top:5px; }
.video_det_nom	{ font:bold 18px Arial, Helvetica, sans-serif; color:#333; margin-bottom:20px; }

/* FOOTER */
#footer			{ background:url(../common/footer_rayures.png) repeat-y; width:975px; height:90px; }
.titre_footer	{
	color:#fff;
	margin-left:90px;
	margin-top :1px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
.titre_footer a {}
.titre_footer a:hover {
	color: #FF0033;
	background: #FFFFFF;
}
.titre2_footer	{ font:lighter 8pt Arial, Helvetica, sans-serif; color:#fff; margin-right:100px; float:right; margin-top :1px;}

/* BackUp */
/*bas insciption newsletter*/
/*#news_inscr{ position:absolute; width:100; height:20; bottom:10px; left:10px;}
#input_newsletter{   border:none; border: 1px dashed #000; font-family:Arial, Helvetica, sans-serif; font-size:8pt;font-weight:normal; color:#OOO;background-color:#FFFFFF; }
.titre_ok{font-family:Arial, Helvetica, sans-serif; font-size:10pt;font-weight:bold; color:#FFFFFF;background-color:#cc0000;}*/
/* calendrier 
.jour{color:#ccff50}
#calendrier li{	list-style: none;}
#libelle {	width: 160px;margin: 0 auto;padding: 0;	list-style-type:none;}
.ligne {width: 160px;margin: 0 auto;padding: 0;} 
#libelle li {float : left;width : 21px;	margin-bottom:3px;list-style-type:none;}
.ligne li {	color: #000;float : left; width : 21px;margin-bottom:3px; list-style-type:none;}
.ligne li a{list-style: none;text-decoration: none;list-style-type:none;color:#FFFFFF}
.ligne li a:hover{list-style: none;text-decoration: none;list-style-type:none;color:#FFFFFF}
li.itemCurrentItem {list-style: none;text-decoration: none;	list-style-type:none;color:#fff; background-color:#ba344a;}
li.itemCurrentItem a {list-style: none;	text-decoration: none;	list-style-type:none;	background-color:#ba344a;}
li.itemSelectedItem {font-weight:bold;	background:#666;}	
*/.titre_rouge {
font:bold 16px Arial, Helvetica, sans-serif; color:#FF0000;
}
/* Formulaire */

INPUT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
SELECT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
TEXTAREA { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
.txterror { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }