/* Normalizes margin, padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers*/
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists*/
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists*/
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img*/
fieldset,img { border : 0; }

/* Left-aligns text in caption and th*/
caption,th { text-align : left; }

/* Removes quotation marks from q*/
q:before, q:after { content :''; }






html 	{
	text-align : center;  
	background-color:#c4c4c4;
	background-color:#FFFFFF;
	/*background-image:url(images/news/funnydays-2009.jpg);*/
	background-repeat:no-repeat;
	background-position:top center;
}

body { 
	position : relative; 
	width : 990px; 
	margin : 20px auto; 
	text-align : left; 
	font-family:Arial, Helvetica, sans-serif;
}


/* -----------------------------------------*/
/*       whatsnew en tête de rubrique      */
/*******************************************/


#whatsnew {
	position:relative;
	top:10px;
	left:70px;
	margin-bottom:20px;
	width:500px;
}

#whatsnew h2{
	position:absolute;
	top:-20px;
	left:-70px;
}
/* -----------------------------------------*/
/*       Tooltip      */
/*******************************************/

a.tooltip span {display:none; padding:2px 3px; margin-left:10px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#dd; width:150px;}
a.tooltip:hover {background-color:#ffffff; text-decoration:none; color:#000000;} /* background-color pour IE6*/

/* -----------------------------------------------------------------------------*/
/*       BARRE DE LIENS RAPIDES TOUT EN HAUT*/
/*******************************************/

div#navigation_quicklinks {
	position : absolute;
	top:0;
	width:100%;
	height:28px;
	padding-top:3px;
	background-image:url(images/bkg_navigation_quicklinks.gif);
	background-repeat:repeat-x;
}

div#navigation_quicklinks h3 {
	position:absolute;
	text-indent:-9999px;
}

ul#liste_quicklinks li {
	display:inline;
	background-repeat:no-repeat;
	background-position:5px 0;
}

ul#liste_quicklinks li a {
	margin-right:10px;
	margin-left:10px;
	padding-right:0px;
	padding-left:15px;
	color:#6c8a6c;
	text-decoration:none;
	font-size:12px;
}

ul#liste_quicklinks li#home {
	background-image:url(images/navigation_quicklinks_icon_home.gif);
}
ul#liste_quicklinks li#links {
	background-image:url(images/navigation_quicklinks_icon_links.gif);
}
ul#liste_quicklinks li#contact {
	background-image:url(images/navigation_quicklinks_icon_contact.gif);
}
ul#liste_quicklinks li#conditions {
	background-image:url(images/navigation_quicklinks_icon_cdv.gif);
}
ul#liste_quicklinks li#acces {
	background-image:url(images/navigation_quicklinks_icon_acces.gif);
}
ul#liste_quicklinks li#clubs {
	background-image:url(images/navigation_quicklinks_icon_clubs.gif);
}

ul#liste_quicklinks li#meteo {
	background-image:url(images/navigation_quicklinks_icon_meteo.gif);
}




/* ----------------------------------------------------------------*/
/*       BARRE DES LIENS UNIVERS*/
/****************************/

div#navigation_univers {
	position : absolute;
	top:40px;
	width:100%;
}

div#navigation_univers h3 {
	position:absolute;
	text-indent:-9999px;
}

ul#liste_univers li {
	display:block;
	float:left;
	width:121px;
	height:22px;
	background-image:url(images/bkg_liste_univers_item_passif.png);
	background-repeat:no-repeat;
	padding-top:3px;
	text-align:center;
}

ul#liste_univers li a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:9pt;
	text-transform:uppercase;
	font-weight:bold;
	font-style:italic;
	/*padding-left:7px;*/

}

ul#liste_univers li.actif {
	background-image:url(images/bkg_liste_univers_item_actif.png);
}

ul#liste_univers li.actif a {
	color:#96ff00;
}





/* ----------------------------------------------------------------*/
/*                 TITRE SITE/
/***************************/

div#branding {
	position:absolute;
	top:62px;
	background-image:url(images/bkg_main.png);
	background-repeat:repeat-x;
	background-position:0 -3px;
	height:500px;
	width:100%;
	color:#FFFFFF;
	z-index:0;
}

div#branding h3{
	padding-left:65px;
	padding-left:5px;
	padding-top:2px;
	font-size: 18pt;
	font-weight:bold;
	font-style:italic;
	height:43px;
	/*
	background-image:url(images/logo_site.png);
	background-repeat:no-repeat;
	background-position:10px 3px;*/
}

div#branding h3 a {
	text-decoration:none;
	color:#FFFFFF;
}

div#branding .branding_eshop {
	font-size: 12pt;
	position:absolute;
	top:10px;
	left:210px;
}

div#branding img#branding_header {
	position:absolute;
	top:3px;
	left:300px;
	font-size:1px;
}

div#branding  cite {
	position:absolute;
	top:106px;
	left : 145px;
	font-size:11px;
}


div#branding  p {   /* hotline*/
	position:absolute;
	top:30px;
	left :620px;
	font-size:8pt;
	font-weight:bold;
	color:#FFFF00;
	width:193px;
	height:45px;
	background-image:url(images/bkg_hotline.png);
	background-repeat:no-repeat;
	padding:2px 15px;
}

div#branding  p span.telephone {   /* hotline numéro de tel*/
	font-size:10pt;
	line-height:10pt;
	padding-left:15px;
}


div#branding  div#facebook_button {
	position:absolute;
	top:68px;
	left :15px;
	text-align:center;
	line-height:6pt;	
	word-spacing:10;
}

div#branding  div#picasa_button {
	position:absolute;
	top:68px;
	left :70px;
	text-align:center;
	line-height:6pt;	
}

/* ----------------------------------------------------------------*/
/*          CONNECION ET PANNIER/
/***************************/

div#navigation_crm {
	position:absolute;
	top:80px;
	right:20px;
	width:200px;
	height:100px;
	z-index:1;
}

div#navigation_crm h3 {
	position:absolute;
	text-indent:-9999px;
}

ul#liste_crm li {
	float:right;
	width:80px;
}

ul#liste_crm .contend {
	display:block;
	font-size:7pt;
}

li#crm_cart a, li#crm_account a {
	display:block;
	height:30px;
	width:80px;
	padding-top:50px;
	text-align:center;
	font-size:9pt;
	font-weight:bold;
	padding-left:7px;
	color:#000000;
	text-decoration:none;
	
}
li#crm_account a {
	background: transparent url(images/icon_login.png) no-repeat top center ;
}
li#crm_cart a {
	background: transparent url(images/icon_pannier.png) no-repeat top center ;
}
li#crm_cart a:hover {
	background: transparent url(images/icon_pannier_hover.png) no-repeat top center ;
}
li#crm_account a:hover {
	background: transparent url(images/icon_login_hover.png) no-repeat top center ;
}





#LoginformContent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	line-height:24px;
}

#LoginformContent input { 
    height: 14px; 
    /*padding: 2px 0 0px 0;*/
	font-size:11px;
}


#LoginformContent label {
	font-weight:bold;
}


/* BUTTONS*/

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links*/
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6*/
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox*/
    line-height:17px; /* Safari*/
}*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7*/
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}



/* STANDARD*/

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE*/

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE*/

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


#ErrorMessageDisplay {
	position:absolute;
	top:130px;
	width:100%;
	z-index:9;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#ErrorMessageDisplayPopup {
	text-align:center;
	color:#FF0000;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


/* ----------------------------------------------------------------*/
/*          RECHERCHE/
/***************************/

form#form_recherche_texte {
	position : absolute;
	top:4px;
	right:0px;
	width:200px;
	z-index:200;
	color:#9fabac;
	text-decoration:none;
	font-size:9pt;
}

form#form_recherche_texte h3 {
	position:absolute;
	text-indent:-9999px;
}

form#form_recherche_texte input#go_button{
	vertical-align:text-bottom;
}



/* ----------------------------------------------------------------*/
/* ----------------------------------------------------------------*/
/* ----------------------------------------------------------------*/
/* ----------------------------------------------------------------*/
/* ----------------------------------------------------------------*/
/* ----------------------------------------------------------------*/
/*          CADRE     PRINCIPAL/
/***************************/
/* ----------------------------------------------------------------*/



div#wraper_main {
	position : absolute;
	top:180px;
	width:100%;
	left:0;
	z-index:1;
	background-color:#FFFFFF;
	background-image:url(images/bkg_main_noredline.png);
	background-image:url(images/bkg_main.png);
	background-repeat:repeat-x;
	background-position:0 -121px;
}

h1 {
/*
div#contend_produit_vignette h1 {*/
	z-index:2;
	height:24px;
	/*width:509px;*/
	padding: 15px 0px 0 0px;
	text-align:right;
	color:#c90000;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	border-top-color:#c90000;
	border-top-style:solid;
	border-top-width:2px;
	padding-top:1px;
	margin-top:11px;
}


h1 a {
	color:#c90000;
}

div#contend_produit_vignette h1 a {
	color:#c90000;
}


/* ----------------------------------------------------------------*/
/*          AQ/
/*******************************************************************/


div#navigation_aq {
	position:absolute;
	/*float:right;*/
	left:0px;
	top:15px;
	width:11%;
	font-size:11px;
	font-weight:bold;
	margin-bottom:20px;
	color:#6C6C6C;
}
div#navigation_aq h3 {
	position : absolute;
	text-indent:-9999px;
}
ul#liste_aq {
	/*left:5px;*/
	line-height:1.1em;
	width:100%;
	margin-left:5px;
}
ul#liste_aq li > ul {
	padding-left:8px;
	font-size:10px;
}
div#navigation_aq a {
	color:#6C6C6C;
}
ul#liste_aq h3 {
	margin-top:10px;
}
li#aq_paiement {
	background: transparent url(images/icon_cards.png) no-repeat bottom center ;
}
li#aq_delivery {
	background: transparent url(images/icon_transport.png) no-repeat bottom center ;
}

li#aq_paiement, li#aq_delivery {
	padding-bottom:50px;
	margin-bottom:10px;
}

/* ----------------------------------------------------------------*/
/*          CATEGORIES DETAILLEES/
/*******************************************************************/
div#wraper_main>h2 {
	position : absolute;
	text-indent:-9999px;
}

div#navigation_categorie {
	float:right;
	width:13%;
	font-size:12px;
	padding-right:10px;
	margin-top:11px;
	margin-bottom:30px;
	min-height:350px;
}
div#navigation_categorie a {
	text-decoration:none;
	color:#FFFFFF;
}
div#navigation_categorie a.active {
	text-decoration:none;
	color:#33CCFF;
	font-weight:bold;
}
div#navigation_categorie .complement {
	display:block;
	position : absolute;
	text-indent:-9999px;
}
div#navigation_categorie ul {
	padding-left:5px;
}
div#navigation_categorie h3 {
	padding-left:5px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FF8000;
}
div#navigation_categorie li > ul {
	padding-left:20px;  /* indentation entre categ et sous categ*/
}


/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported*/
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling*/
.cb {margin:0.5em 0;}
	/* Top corners and border*/
.bt {
	margin:0 0 0 11px;
	height:11px;
	background:url(images/box4.png) no-repeat 100% 0;
}
.bt div {
	height:11px;
	width:11px;
	position:relative;
	left:-11px;
	background:url(images/box4.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border*/
.bb {
	margin:0 0 0 11px;
	height:11px;
	background:url(images/box4.png) no-repeat 100% 100%;
}
.bb div {
	height:11px;
	width:11px;
	position:relative;
	left:-11px;
	background:url(images/box4.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border*/
.i1 {
	padding:0 0 0 2px;
	background:url(images/borders4.png) repeat-y 0 0;
}
	/* Right border*/
.i2 {
	padding:0 2px 0 0;
	background:url(images/borders4.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content.*/
.i3 {
	display:block;
	margin:0;
	padding:1px 5px;
	background:#c90000;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html).*/
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here*/


/* ----------------------------------------------------------------*/
/*          Nuage de tags  */
/***************************/
div#categorie_additional_informations {
	float:left;
	width:135px;
	color:#666666;
	font-size:12px;
	margin-left:10px;
}

div#categorie_additional_informations h3{
	font-weight:bold;
	color:#FF6600;
	margin-top:10px;
}

div#categorie_additional_informations a {
	/*text-decoration:none;*/
	color:#666666;
}


div#categorie_additional_informations li {
	margin-left:50px;
	padding-left:0px;
	list-style-image:url(images/dots_trig.gif);
}



/* ----------------------------------------------------------------*/
/*          FOOTER*/
/***************************/


div#site_info {
	clear:both;
	width:100%;
	background-color:#CC0000;
	color:#FFFFFF;
	font-size:11px;
	background-image:url(images/bkg_footer.png);
	background-repeat:repeat-x;
	height:87px;
	position:absolute;
	bottom:-87px;
}


div#site_info h3 a {
	display:block;
	background-image:url(images/logo_site.png);
	background-repeat:no-repeat;
	background-position:905px 10px;
	text-indent:-9999px;
	height:60px;
}

div#site_info cite {
	position:absolute;
	right:5px;
	top:55px;
	text-align:center;
	width:120px;
	font-style:italic;
}

div#site_info p.copyright {
	position:absolute;
	left:10px;
	top:10px;
	text-align:left;
	font-family:"Courier New", Courier, monospace;
}

div#site_info p.last_update {
	color:#333333;
	color:#990000;
	padding-left:10px;
	padding-top:10px;
}

form #select{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
}