@charset "utf-8";
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* GENERALS                                                                                                                         */
/* -------------------------------------------------------------------------------------------------------------------------------- */

*, img, ul, li, p {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	background-color: #000;
}


/* -------------------------------------------------------------------------------------------------------------------------------- */
/* CLASSES                                                                                                                          */
/* -------------------------------------------------------------------------------------------------------------------------------- */


.clear {
	clear: both;
}

#main #content .block_home {
	width: 217px;
	background: url(images/bckg/bckg_block_home.png) repeat-y 0% 0%;
}

#main #content .block_home_footer {
	width: 217px;
	height: 6px;
	background: url(images/cadres/footer_bloc_home.jpg) no-repeat 0% 0%;
}


/* -------------------------------------------------------------------------------------------------------------------------------- */
/* HOME PAGE                                                                                                                        */
/* -------------------------------------------------------------------------------------------------------------------------------- */


#main {
	width: 900px;
	margin: 10px auto;
}

#main #content {
	background: url(images/bckg/bckg_content.jpg) repeat-x 0% 0%;
}


/* ---- HEADER ---- */


#main #header {
	background: url(images/base_line.jpg) no-repeat 100% 100%;
}

#main #header a span,
#main #content #navigation span,
#main #content #edito span,
#main #content #nouveautes span,
#main #content #sponsoring span,
#main #content #peoples h1 span,
#main #content #edito #page_block_new h2 span,
#main #content #edito #page_block_new a span {
	display: none;
}

#main #header a {
	float: right;
	display: block;
	width: 255px;
	height: 60px;
	background: url(images/visu_lancement_mp3player.jpg) no-repeat 0% 0%;
}

#main #header #logo {
	float: left;
	display: block;
	width: 186px;
	height: 182px;
	background: url(images/logo.jpg) no-repeat 0% 0%;
	text-decoration: none;
}


/* ---- NAVIGATION ---- */


#main #content #navigation {
	float: left;
	width: 150px;
	margin: 20px 19px 0 20px;
	vertical-align: top;
}

#main #content #navigation h1 {
	width: 150px;
	height: 30px;
	background: url(images/tetieres/tetiere_nav.jpg) no-repeat 0% 0%;
}

#main #content #navigation ul li {
	list-style: none;
	height: 21px;
}

#main #content #navigation #home_item a {
	display: block;
	width: 150px;
	height: 21px;
	background: url(images/boutons/bt_accueil_off_on.png) no-repeat 0% 0%;
}

#main #content #navigation #home_item a:hover {
	background: url(images/boutons/bt_accueil_off_on.png) no-repeat 0% 100%;
}

#main #content #navigation #shop_item a {
	display: block;
	width: 150px;
	height: 21px;
	background: url(images/boutons/bt_online_shop_off_on.png) no-repeat 0% 0%;
}

#main #content #navigation #shop_item a:hover {
	background: url(images/boutons/bt_online_shop_off_on.png) no-repeat 0% 100%;
}

#main #content #navigation #peoples_item a {
	display: block;
	width: 150px;
	height: 21px;
	background: url(images/boutons/bt_people_off_on.png) no-repeat 0% 0%;
}

#main #content #navigation #peoples_item a:hover {
	background: url(images/boutons/bt_people_off_on.png) no-repeat 0% 100%;
}

#main #content #navigation #our_item a {
	display: block;
	width: 150px;
	height: 21px;
	background: url(images/boutons/bt_societe_off_on.png) no-repeat 0% 0%;
}

#main #content #navigation #our_item a:hover {
	background: url(images/boutons/bt_societe_off_on.png) no-repeat 0% 100%;
}

#main #content #navigation #contact_item a {
	display: block;
	width: 150px;
	height: 21px;
	background: url(images/boutons/bt_contact_off_on.png) no-repeat 0% 0%;
}

#main #content #navigation #contact_item a:hover {
	background: url(images/boutons/bt_contact_off_on.png) no-repeat 0% 100%;
}

#main #content #navigation #nav_footer {
	width: 150px;
	height: 3px;
	background: url(images/cadres/footer_nav.jpg) no-repeat 0% 0%;
}
	

/* ---- EDITO ---- */


#main #content #edito {
	float: left;
	width: 690px;
	margin: 20px 20px 0 0;
}

#main #content #edito h1 {
	width: 690px;
	height: 30px;
	background: url(images/tetieres/tetiere_edito.jpg) no-repeat 0% 0%;
}

#main #content #edito #page_block p {
    width: 650px;
	margin: 0 auto;
    padding: 5px 0;
	text-align: justify;
}

#main #content #edito #page_block h2 {
	width: 650px;
	margin: 9px auto;
	font-size: 12px;
}


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


#main #footer {
	background: url(images/bckg/bckg_footer.jpg) repeat-x 0% 0%;
	margin: 20px 0 0 0;
	padding: 5px 0 20px 0;
    text-align: center;
}

#main #footer ul {
	width: 400px;
	height: 12px;
	margin: 0 auto;
}

#main #footer ul li {
	display: inline;
	list-style: none;
}

#main #footer ul li a {
	color: #FFF;
	text-decoration: none;
	margin: 20px 0;
}

#main #footer ul li a:hover {
	color: #707070;
	text-decoration: none;
	margin: 20px 0;
}

#main #footer p {
	width: 370px;
	margin: 10px auto 0 auto;
	font-size: 9px;
}

#main #footer p a {
	color: #FFF;
	text-decoration: none;
}

#main #footer p a:hover {
	color: #FFF;
	text-decoration: underline;
}

#main #footer #xhtml_certif {
	float: left;
	width: 100px;
	height: 15px;
	background: url(images/w3c_xhtml_certification.jpg) no-repeat 0% 0%;
	margin: 10px 0 0 348px;
}

#main #footer #css_certif {
	float: right;
	width: 100px;
	height: 15px;
	background: url(images/w3c_css_certification.jpg) no-repeat 0% 0%;
	margin: 10px 348px 0 0;
}

/* ------------------------------------------------------------------------------- > GIFT LIST MEN - WOMEN */

#main #content #gift_list_men,
#main #content #gift_detail_men,
#main #content #gift_list_women,
#main #content #gift_detail_women,
#main #content #societe,
#main #content #contactPage,
#main #content #peoples {
	float: right;
	width: 690px;
	margin: 20px 20px 0 0;
}

#main #content #gift_list_men #page_block,
#main #content #gift_detail_men #page_block,
#main #content #gift_list_women #page_block,
#main #content #gift_detail_women #page_block,
#main #content #societe #page_block {
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 40px 0;
}

#main #content #edito #page_block {
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 20px 0;
}

/* NEW EDITO */

#main #content #edito #page_block_new {
    background: url(images/edito_bckg.png) no-repeat 0% 0%;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 20px 0;
}

#main #content #edito #page_block_new p {
    width: 590px;
    margin: 10px auto 0 auto;
    text-align: center;
    font: normal 12px Verdana, Geneva, sans-serif;
}

#main #content #edito #page_block_new p.firstTxt {
    margin: 252px auto 0 auto;
    text-align: left;
}

#main #content #edito #page_block_new h2 {
    display: block;
    width: 688px;
    height: 351px;
    background: url(images/kamara_team.png) no-repeat 0% 0%;
    margin: 50px 0 0 0;
}

#main #content #edito #page_block_new a {
    display: block;
    width: 601px;
    height: 113px;
    background: url(images/bt_shop_access.png) no-repeat 0% 0%;
    margin: 50px auto 0 auto;
}

#main #content #edito #page_block_new p.poweredPayment {
    width: 100%;
    background: url(images/powered_payment_logo.png) no-repeat 542px 0%;
    padding: 5px 0 10px 0;
    text-align: right;
}

#main #content #edito #page_block_new p.poweredPayment span {
    display: block;
    margin: 0 154px 0 0;
    font: normal 9px Verdana, Geneva, sans-serif;
}
 
#main #content #peoples #page_block {
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

#main #content #peoples #page_block #flashcontent {
    height: 600px;
    vertical-align: top;
}

#main #content #gift_list_men h1, #main #content #gift_detail_men h1 {
	width: 690px;
	height: 30px;
	background: url(images/tetieres/tetiere_mod_homm.jpg) no-repeat 0% 0%;
}

#main #content #gift_list_women h1, #main #content #gift_detail_women h1 {
	width: 690px;
	height: 30px;
	background: url(images/tetieres/tetiere_mod_femme.jpg) no-repeat 0% 0%;
}

#main #content #gift_list_men span,#main #content #gift_list_men #page_block ul li span, #main #content #gift_detail_men h1 span, #main #content #gift_list_women h1 span, #main #content #gift_list_women #page_block ul li span, #main #content #gift_detail_women #page_block #txt_detail h1 span, #main #content #gift_detail_women h1 span, #main #content #societe h1 span {
	display: none;
}

#main #content #gift_list_men #page_block ul {
	width: 260px;
	margin: 0 auto;
	text-align: center;
}

#main #content #gift_list_women #page_block ul {
	width: 120px;
	margin: 0 auto;
	text-align: center;
}

#main #content #gift_list_men #page_block ul li, #main #content #gift_list_women #page_block ul li {
	display: inline;
	list-style: none;
}

#main #content #gift_list_men #page_block #t_shirt a {
	float: left;
	display: block;
	width: 120px;
	height: 300px;
	margin: 0 20px 0 0;
	background: url(images/boutons/push_t-shirt_off.png) no-repeat 0% 0%;
}

#main #content #gift_list_men #page_block #t_shirt a:hover {
	float: left;
	display: block;
	width: 120px;
	height: 300px;
	margin: 0 20px 0 0;
	background: url(images/boutons/push_t-shirt_on.png) no-repeat 0% 0%;
}

#main #content #gift_list_men #page_block #accesory a {
	float: left;
	display: block;
	width: 120px;
	height: 300px;
	background: url(images/boutons/push_accesoires_off.png) no-repeat 0% 0%;
}

#main #content #gift_list_men #page_block #accesory a:hover {
	float: left;
	display: block;
	width: 120px;
	height: 300px;
	background: url(images/boutons/push_accesoires_on.png) no-repeat 0% 0%;
}

#main #content #gift_list_women #page_block #t_shirt a {
	float: left;
	display: block;
	width: 120px;
	height: 300px;
	margin: 0 20px 0 0;
	background: url(images/boutons/visu_femme_off.png) no-repeat 0% 0%;
}

#main #content #gift_list_women #page_block #t_shirt a:hover {
	float: left;
	display: block;
	width: 120px;
	height: 300px;
	margin: 0 20px 0 0;
	background: url(images/boutons/visu_femme_on.png) no-repeat 0% 0%;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* GIFT DETAILS MEN - WOMEN                                                                                                         */
/* -------------------------------------------------------------------------------------------------------------------------------- */

#main #content #gift_detail_men #page_block #picture, #main #content #gift_detail_women #page_block #picture {
	float: left;
	width: 120px;
	height: 300px;
	margin: 0 20px 0 30px;
}

#main #content #gift_detail_men #page_block #txt_detail, #main #content #gift_detail_men #page_block #txt_detail_ceinture,#main #content #gift_detail_women #page_block #txt_detail {
	float: left;
	width: 400px;
}

#main #content #gift_detail_men #page_block #txt_detail h1, #main #content #gift_detail_women #page_block #txt_detail h1 {
	background: url(images/tetieres/titre_fiche_prod01.png) no-repeat 0% 0%;
}

#main #content #gift_detail_men #page_block #txt_detail_ceinture h1 {
	background: url(images/tetieres/titre_fiche_prod02.png) no-repeat 0% 0%;
}

#main #content #gift_detail_men #page_block #txt_detail h2, #main #content #gift_detail_men #page_block #txt_detail_ceinture h2, #main #content #gift_detail_women #page_block #txt_detail h2 {
	font-size: 10px;
	margin: 20px 0 0 10px;
}

#main #content #gift_detail_men #page_block #txt_detail .list, #main #content #gift_detail_men #page_block #txt_detail_ceinture .list, #main #content #gift_detail_women #page_block #txt_detail .list {
	float: left;
	margin: 20px 0 0 10px;
}

#main #content #gift_detail_men #page_block #txt_detail a, #main #content #gift_detail_men #page_block #txt_detail_ceinture a, #main #content #gift_detail_women #page_block #txt_detail a {
	color: #FFF;
	text-decoration: none;
} 

#main #content #gift_detail_men #page_block #txt_detail a:hover, #main #content #gift_detail_men #page_block #txt_detail_ceinture a:hover, #main #content #gift_detail_women #page_block #txt_detail a:hover {
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* SOCIETY                                                                                                                          */
/* -------------------------------------------------------------------------------------------------------------------------------- */

#main #content #societe h1 {
	width: 690px;
	height: 30px;
	background: url(images/tetieres/tetiere_societe.jpg) no-repeat 0% 0%;
}

#main #content #societe #page_block #picture {
	float: left;
	width: 207px;
	height: 341px;
	background: url(images/visu_moussa.png) no-repeat 0% 0%;
	margin: 0 20px 0 30px;
}

#main #content #societe #page_block #txt_detail {
	float: left;
	width: 413px;
}

#main #content #societe #page_block #txt_detail h1 {
	background: none;
	font-size: 16px;
}

#main #content #societe #page_block #txt_detail p {
	text-align: justify;
	margin: 10px 0 0 0;
}


/* --- PEOPLES --- */

#main #content #peoples h1 {
	width: 690px;
	height: 30px;
	background: url(images/tetieres/tetiere_peoples.jpg) no-repeat 0% 0%;
}