﻿/*----------------------General------------------------*/
/*---------------<-- Design by T3cK ----------------*/

/*-----------------------Reset-------------------------*/
/*-----------------------------------------------------*/

* {margin: 0; padding: 0; }
a img {border: 0;}

/*-----------------------General------------------------*/
/*------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-image:url(composants/fond_site.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
}

#fondsite {
	position: absolute;
	width: 966px;
	margin-left: -483px;
	left:50%;

	background-image: url(composants/general/fond_site.jpg);
	background-repeat: repeat-y;
}

#floatd {
	float:right;
}

.floatd {
	float:right;
}

#floatg {
	float:left;
}

.floatg {
	float:left;
}

/*-------------------------Home-------------------------*/
/*------------------------------------------------------*/

#fondhome {
	width:966px;
	float:left;
	background-image: url(composants/general/fond_site_haut.jpg);
	background-repeat: no-repeat;
}

/*------------------------Menu-------------------------*/
/*-----------------------------------------------------*/

#menu {
	width: 628px;
	float:left;
}

#menu_logo {
	position: relative;
	width: 628px;
	height: 98px;
	float:left;
}

#menu_logo #menu_choix {
	position: absolute;
	z-index: 2;
	top: 40px;
	right: 2px;

	width: 80px;
	height: 45px;
}

#menu_rub {
	width: 628px;
	height: 73px;
	float:left;
	background-image: url(composants/menu_fond.jpg);
	background-repeat:repeat-x;
}

#menu_rub ul {
	margin-top: 30px;
	margin-left: 5px; /*18px*/
}

/*#menu_rub li {
	display: inline;
	padding: 0px 2px 0px 10px;
	background-image: url(composants/menu_puce.gif);
	background-position: left;
	background-repeat: no-repeat;
}*/

#menu_rub li {
	list-style: none;
	float: left;
	display: block;
	padding: 0px 2px 0px 10px;
	margin-right: 4px;
	background-image: url(composants/menu_puce.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu_rub li:hover {
	background-image: url(composants/menu_puce_hover.gif);
}

#menu_rub li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

#menu_rub li a:hover {
	color: #000000;
}

#menu_rub li#menu_on {
	color: #000000;
	background-image: url(composants/menu_puce_hover.gif);
}

#menu_rub li#menu_on a {
	color:#000000;
}

/*----------------------Contenu------------------------*/
/*-----------------------------------------------------*/

#global {
	width: 966px;
	float: left;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #ff05e3;
}

p, .texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	margin: 20px 0px 20px 0px;
	padding-bottom: 0px;
}

/*--------------------Partenaires----------------------*/
/*-----------------------------------------------------*/

#partenaires {
	width: 267px; /*277-9-1*/
	float: left;
	padding-left: 9px;
	margin: 87px 0px 0px 1px;
	padding-bottom: 310px;
	
	background-image: url(composants/general/partenaires_fin_div.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

#partenaires p, #detail_model_spe p, #detail_book p {
	
	text-align: left;
	margin: 0px 0px 10px 0px;
}

#partenaires .m_e_valeur, #detail_model_spe .m_e_valeur, #detail_book .m_e_valeur {
	color: #ff05e3;
	font-weight: bold;
}

.vignette_fond_partenaire {
	width:155px;
	height: 165px;
	background-color: #000000;
}

#longueur .text_pub {
	width:165px; 
	/*height: 55px;*/ /*65-10*/
	margin: 0px;
	padding-top: 6px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;

	/*background-image: url(composants/book_fond.jpg);
	background-position: bottom;
	background-repeat: no-repeat; */
}

/*--------------------Detail model---------------------*/
/*-----------------------------------------------------*/

#detail_model {
	width: 688px;
	float:left;
	margin: 87px 0px 0px 0px;
	background-image: url(composants/general/detail_model_fond.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

#detail_model_haut {
	width: 688px;
	float: left;
	background-image:url(composants/general/detail_model_haut.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#detail_model_bas {
	width: 661px; /*688-27*/
	float: left;
	padding: 0px 0px 0px 27px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	
	background-image:url(composants/general/detail_model_bas.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#detail_model_bas h1, #longueur h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 7px;
}

.detail_model_diapo {
	width: 382px;
	height: 436px;
	float: left;
	margin: 8px 0px 0px 0px;
	border: 1px #e104c8 solid;
}

#detail_model_spe {
	width: 265px;
	float: right;
	margin: 10px 0px 0px 0px;
}

#detail_model_spe ul, #detail_book ul {
	margin-top: 5px;
	margin-left: 18px;
}

#detail_model_spe li, #detail_book li {
	margin-bottom: 5px;
	padding: 0px;
	list-style: square;
}
.ptPolice {
	font-size: 11px;
}

a.button {
	display: block;
	width: 249px;
	height: 37px;
	margin: 25px auto;
	padding: 5px 0 0 0;
}

a.button_making {
	display: block;
	width: 249px;
	height: 113px;
	margin: 25px auto;
	padding: 5px 0 0 0;
}

a.button_detail_model {
	display: block;
	width: 250px;
	height: 36px;
	margin: 25px 0px;
	padding: 5px 0 0 0;
}

a.button_detail_conseils {
	display: block;
	width: 195px;
	height: 186px;
	margin: 25px 0px;
	padding: 5px 0 0 0;
}

#detail_model_interview {
	width: 640px; /*688-27*/
	float: left;
	margin-top: 31px;
	padding: 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

#detail_model_interview_texte {
	width: 640px; /*688-27*/
	float: left;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
}

#detail_model_interview_texte .m_e_valeur {
	color: #ff05e3;
	font-weight: bold;
}

#detail_model_interview_etoile {
	width: 502px; /*688-138*/
	float: left;
	padding: 0px 0px 32px 138px;
	
	background-image: url(composants/general/detail_model_etoile.jpg);
	background-position:bottom left;
	background-repeat: no-repeat;
}

#detail_model_interview_etoile h1 {
	display: block;
	padding: 15px 0px 5px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
}

#detail_model_interview_etoile_fond {
	width: 640px;
	float: left;
	padding: 0px;
	clear: both;
	background-image: url(composants/general/detail_model_etoile_fond.jpg);
	background-position:bottom;
	background-repeat: repeat-x;
}
#destination {
	border: 1px solid #ff05e3;
	width: 355px;
	float:left;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

/*-----------------------Book--------------------------*/
/*-----------------------------------------------------*/

#longueur, #conseil {
	width: 942px; /*966-12-12*/
	float: left;
	padding: 0px 12px;
	margin: 87px 0px 0px 0px;
}

#longueur .tableau, #detail_model_bas_book .tableau {
	border-collapse: collapse;
	width: 942px;
	float: left;
	margin-bottom: 10px;
}

#longueur td.photo, #detail_model_bas_book  td.photo {
	width:165px;
	height: 185px;
}

#longueur .vignette, #detail_model_bas_book .vignette {
	width:155px; /*165-1-1-4-4 */ /*taille-border-padding*/
	height: 165px;
	padding: 4px;
	margin-top: 20px;

	background-color: #000000;
	border: 1px #ff05e3 solid;
}

.vignette_fond {
	width:155px;
	height: 165px;
	background-color: #FFFFFF;
}

#longueur .nom, #detail_model_bas_book .nom {
	width:165px; 
	height: 55px; /*65-10*/
	margin: 0px;
	padding-top: 10px;

	background-image: url(composants/book_fond.jpg);
	background-position: bottom;
	background-repeat: no-repeat; 
}

#longueur .nom a, #detail_model_bas_book .nom a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
}

#longueur .sepa, #detail_model_bas_book .sepa{
	height: 26px;
	background-image: url(composants/fond_sepa.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

#longueur .sepa_g, #detail_model_bas_book .sepa_g{
	background-image:url(composants/fond_sepa_g.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#longueur .sepa_d, #detail_model_bas_book .sepa_d {
	background-image:url(composants/fond_sepa_d.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#longueur #pagination a, #detail_model_bas_book #pagination a, #conseil #pagination a {
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	color: #FFFFFF;
	
	
}

#longueur #pagination, #detail_model_bas_book #pagination, #conseil #pagination {

	margin-top: 2px;
	margin-bottom: 2px;
	margin-rigth: auto;
	margin-left: auto;
	text-align: center;
}



#longueur #pagination_actuel, #detail_model_bas_book #pagination_actuel, #conseil #pagination_actuel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 16px;
	text-decoration: none;
	color: #ff05e3;
}

#detail_model_bas_book .vide {
	width:5px;
}

/*-----------------------------------------------------*/

#longueur .tableau_partenaire {
	border-collapse: collapse;
	/*width: 942px;*/
	width: 750px;
	margin: 0px 0px 10px 100px;
}

#longueur td.parte_logo {
	width:165px;
	/*height: 150px;*/
}

#longueur td.parte_desc {
	width:550px; /*585*/
	/*height: 150px;
	background-color:#0099FF;*/
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	color: #FFFFFF;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

/*-------------------Detail_Book-----------------------*/
/*-----------------------------------------------------*/

#detail_model_bas_book .tableau {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}

#detail_book {
	width: 250px; /*250-9-1*/
	float: left;
	padding-left: 9px;
	margin: 87px 0px 0px 1px;
	padding-bottom: 310px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	
	background-image: url(composants/general/partenaires_fin_div.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

#detail_book a.button {
	display: block;
	width: 249px;
	height: 37px;
	margin: 25px auto;
	padding: 5px 0 0 0;
}

#detail_model_book {
	width: 700px;
	float:left;
	margin: 87px 0px 0px 0px;
	background-image: url(composants/general/detail_model_fond.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

#detail_model_haut_book {
	width: 700px;
	float: left;
	background-image:url(composants/general/detail_model_haut.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#detail_model_bas_book {
	width: 680px; /*710-27*/
	float: left;
	padding: 0px 0px 0px 20px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	
	background-image:url(composants/general/detail_model_bas.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#detail_model_bas_book h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 7px;
}

/*---------------------Slideshow-----------------------*/
/*-----------------------------------------------------*/

#contenu_galerie {
	overflow: hidden;
	padding: 0px 0px 0px 15px;
	margin-bottom: 30px;
	width: 920px;
	height: 332px;
	/*background-color: #000000;*/
}

.slide {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-COLLAPSE: collapse;
	BORDER-RIGHT-WIDTH: 0px;
}


/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

/*--------------------Conseils-------------------------*/
/*-----------------------------------------------------*/

#conseil #conseil_contener {
	width: 942px; /*966-12-12*/
	float: left;
	margin: 0px 0px 60px 0px;
	border-bottom: 1px #ff05e3 solid;
}

.conseil_contener_fin {
	width: 942px; /*966-12-12*/
	float: left;
	margin: 0px 0px 20px 0px;
}

.conseil_img {
	padding:6px;
	margin: 6px;
	float: right;
	border: 1px #e104c8 solid;
}

#conseil_etoile {
	width: 472px; /*610-138*/
	/*float: left;*/
	padding: 0px 0px 32px 138px;
	
	background-image: url(composants/general/conseil_etoile.png);
	background-position:bottom left;
	background-repeat: no-repeat;
}

#conseil_etoile_shopping {
	width: 472px; /*610-138*/
	/*float: left;*/
	padding: 0px 0px 32px 138px;
	
	background-image: url(composants/general/conseil_etoile_shopping.png);
	background-position:bottom left;
	background-repeat: no-repeat;
}

#conseil_etoile h1, #conseil_etoile_shopping h1 {
	display: block;
	padding: 15px 0px 5px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
}

#conseil_etoile_fond {
	width: 670px; /*610*/
	float: left;
	padding: 0px;
	margin-bottom: 10px;
	background-image: url(composants/general/conseil_etoile_fond.gif);
	background-position:bottom;
	background-repeat: repeat-x;
}

/*#conseil*/ h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #ff05e3;
	clear: left;
}

h3 {
	margin-left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	clear: left;
}

.list_deroul {
	color:#e94094;
}

#conseil .tableau {	
	width: 942px;
	float: left;
	margin-bottom: 10px;
}

#conseil_prod_utilise {
	width: 942px; /*966-12-12*/
	float: left;
	margin: 30px 0px 0px 0px;
	padding: 94px 0px 5px 0px;
	border-bottom: 1px #ffffff solid;
	
	background-image: url(composants/conseil_prod_utilises.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #000000;
}

#shopping_prod {
	width: 942px; /*966-12-12*/
	float: left;
	margin: 30px 0px 0px 0px;
	padding: 94px 0px 5px 0px;
	border-bottom: 1px #ffffff solid;
	
	background-image: url(composants/shopping_prod.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #000000;
}

#conseil_prod_utilise .tableau, #shopping_prod .tableau {
	border-collapse: collapse;
	width: 186px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	
}

#conseil_prod_utilise td.photo, #shopping_prod td.photo {
	width:165px;
	height: 121px;
	text-align: center;
	
}

#conseil_prod_utilise td.sepa, #shopping_prod td.sepa {
	height: 10px;
	font-size: 1px;
	background-color: #000000;
	border-bottom: 1px #ffffff double;
}

#conseil_prod_utilise td.vide, #shopping_prod td.vide {
	font-size: 1px;
	height: 5px;
	background-color: #000000;
}

#conseil_prod_utilise td.legende, #shopping_prod td.legende {
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #000000;
	
}

#conseil_prod_utilise td.legende .m_e_valeur, #shopping_prod td.legende .m_e_valeur {
	color: #ff05e3;
	font-weight: bold;

}

/*---------------- :@ PFFFFFFFFFFF :@------------------*/
/*-----------p#@*% de modif de m%$¨££ !!! :@-----------*/

#retour {
	margin: 140px 5px 0px 0px;
	width: 38px;
	height: 315px;
	float: left;
}

#avant {
	margin: 140px 0px 0px 5px;
	width: 38px;
	height: 315px;
	float: left;
}

#longueur .correctif_taille{
	width: 850px;
	margin: 0px 2px;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

/*-------------------Pied de page----------------------*/
/*-----------------------------------------------------*/

#pied_de_page {
	width:966px;
	float:left;
	background-image: url(composants/general/pdp_fond.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
}

#pied_de_page_gauche {
	width: 21px;
	height: 104px;
	float:left;
	background-image: url(composants/general/pdp_gauche.jpg);
	background-repeat: no-repeat;
}

#pied_de_page_centre {
	width: 830px;
	height: 43px; /*120-77*/
	float:left;
	padding: 77px 0px 0px 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-align: right;
	text-decoration: none;
}
#pied_de_page_centre a {
	color:#FFFFFF;
	background-color: inherit;
	text-decoration: none;
}
#pied_de_page_centre a:hover {
	text-decoration: underline;
}
#pied_de_page_centre img {
	vertical-align: middle;
}

#pied_de_page_droite{
	width: 115px;
	height: 104px;
	float: right;
	background-image: url(composants/general/pdp_droite.jpg);
	background-repeat: no-repeat;
}

.flotG{
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right:13px;
}

.flotGMar{
	float: left;
	margin-bottom: 10px;
	margin-right: 15px;
	margin-left: 27px;
}

.flotGPar{
	float: left;
	margin-bottom: 10px;
	margin-right: 30px;
	
	
}

.flotGBook{
	float: left;
	margin-bottom: 10px;	
	
	
}


#longueur #centre {
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding-right: 20px;
	padding-left:70px;
}
/*////////// PhR ////////////*/
.special a{
   color: #FFFFFF !important;
   background-color: inherit;
   text-decoration: none;
}
.special a:hover {
   text-decoration: underline;
}


