body{
	background-color: #000000;
}

#container {
	font-family:Arial,Helvetica,sans-serif;
	/*height:550px;*/
	margin:0pt auto;
	width:860px;
}

#container_infos {
	margin: 0 auto; 
	font-family: Arial, Helvetica, sans-serif;
	background-image: url('/images/background_infos.jpg');
	background-repeat:no-repeat;
	width: 990px;
	height: 550px;
}

p#slogan {
	font: bold 9pt arial, verdana,sans-serif;
	/*	margin: 170px 70px; background 1 */
	margin: 290px 0 70px 560px; /* background 2 */
	line-height:20px;
}

#slogan a {
	color:black;
}

a {	color: rgb(230,90,167);}
a.writeto {font: bold 9pt arial, verdana,sans-serif;}

p.interemail{display:inline;display:inline-block;}

span.special {
	font: bold 11pt arial, verdana,sans-serif;
	color:rgb(240,80,170);
}

span.pink {
	color: rgb(243,77,167);
}

a:visited {
	color: rgb(230,90,167);
}

#infos {
	margin: 400px 70px 0 70px;
}

#infos h1{
	font: bold 11pt arial, verdana,sans-serif;
	color:rgb(240,80,170);
}

#infos p {
	font: normal 10pt arial, verdana,sans-serif;
	color:rgb(163,163,163);
}

img#filet {
	float:left;
	margin: 8px 0;
	padding:0;
}

img#filet2 {
	float:left;
	margin: 30px 0 0 5px;
	padding:0;
}

img#fond_produit {
	margin-top: 10px;
}

.separation {
	clear:both;
	visibility:hidden;
}

label {
	margin-top:8px;
	color:white;
	font: normal 9pt arial, verdana,sans-serif;
}

#bouton_panier {
	width:93px;
	height:38px;
	margin-top: 15px;
}

#bouton_formulaire {
	width:93px;
	height:38px;
	margin-top: 3px;
	margin-left:5px;
	float:right;
}

img#couleur {
	float:left;
}

a img{
	border:none;
}

#contact_presse {
	float:left;
	margin-left:100px;
}

#entreprise_left {
	float:left;
	margin-left:50px;
	margin-right:10px;
	width:450px;
}

#entreprise_left h1{
	padding: 25px 0 0 0;
	font: bold 11pt arial, verdana,sans-serif;
	color:rgb(240,80,170);
}

#entreprise_left h2{
	padding: 15px 0 0 0;
	font: bold 10pt arial, verdana,sans-serif;
	color:rgb(240,80,170);
}

#entreprise_left h3{
	padding: 5px 0 0 0;
	font: bold 10pt arial, verdana,sans-serif;
	color:rgb(163,163,163);
}

#entreprise_left p {
	font: normal 10pt arial, verdana,sans-serif;
	color:rgb(163,163,163);
}

#entreprise_left_image {
	display:block;
	float:left;
	margin-top:30px;
	width:350px;
}

.premier {text-align:left;padding-left:5px;}
.dernier {text-align:right;padding-right:10px;}

/*
#################################################
#					HEADER						#
#################################################
*/
#header {
	height: 40px;
	width: 850px;
	color:white;
	font: normal 8pt/11pt arial, verdana,sans-serif;
}

#header span{
	float:right;
	line-height:40px;
	width:400px;
}

#header a img{
	border:none;
}

.langue {
	float:right;
	margin:10px 0pt 0pt 5px;
}

.left {float:left;}

.right{float:right;}

#son {
	padding-left: 15px;
}

/*
#################################################
#					MENUTOP						#
#################################################
*/

#menutop{
	margin: 10px 0;
	width: 860px;
}

#menutop li {
	float:left;
	color: white;
}

#menutop  ul {
	margin:0;
	padding: 0;
	font: normal 8pt arial, verdana,sans-serif;
	list-style-type: none;
}

#menutop a{
	color:white;
	text-decoration: none;
	margin: 0 37px;
}

#menutop a.on {
	color: rgb(243,77,167);
	font-weight:bold;
}

#menutop a:hover {
	color: rgb(243,77,167);
}

/*
#################################################
#					MENUSUBTOP					#
#################################################
*/

#menusubtop {
	margin: 0 40px;
}

#menusubtop li {
	display:block;
	color: rgb(118,118,118);
	float:left;
}

#menusubtop ul {
	margin:0;
	padding: 0;
	font: normal 7pt arial, verdana,sans-serif;
	list-style-type: none;
}

#menusubtop a{
	text-align:center;
	color: rgb(118,118,118);
	text-decoration: none;
	margin: 0 16px;
}

#menusubtop a#selected_subtop {
	text-align:center;
	background-color: rgb(243,188,219);
	font-weight: bold;
}

#menusubtop a:hover{
	text-align:center;
	background-color: rgb(243,188,219);
	margin: 0 16px;
}

/*
#################################################
#					PROGRESSION					#
#################################################
*/

#progression {
	margin-top:25px;
}

#progression span {
	margin: 0 23px;
	color:rgb(118,118,118);
}

#progression li {
	float:left;
	color:rgb(118,118,118);
	margin-bottom: 5px;
}

#progression li#selected {
	float:left;
	color: white;
}

#progression ul {
	margin:0;
	padding: 0;
	font: normal 9pt arial, verdana,sans-serif;
	list-style-type: none;
}

/*
#################################################
#					FORMULAIRE					#
#################################################
*/

#global {
	float:left;
}

#formulaire {
	width: 620px;
}

#formulaire h1 {
	font: normal 10pt arial, verdana,sans-serif;
	color:white;
	margin:30px 0 0 10px;
}

#formulaire hr.formulaire {
	margin:5px 0 5px 0;
	padding:0;
	border:none;
	height:1px;
	width: 630px;
	color: rgb(243,188,219); /* pour IE */
	background-color: rgb(243,188,219); /* pour Mozilla */
}

#formulaire form { /* pour IE */
	margin:0;
	padding:0;
}

#formulaire table {
	margin-left:130px;
}

#formulaire td.champs {
	color:white;
	padding-right: 5px;
	font: normal 9pt arial, verdana,sans-serif;
	text-align:right;
}

#formulaire td.obligatoire {
	font: normal 10pt arial, verdana,sans-serif;
	color:white;
	text-align:left;
	float:left;
}

#formulaire p {
	color:rgb(118,118,118);
	font: normal 10pt arial, verdana,sans-serif;
}

#formulaire td#pays {
	font: normal 10pt arial, verdana,sans-serif;
	color:white;
}

#formulaire p#warning {
	color:red;
	font: normal 10pt arial, verdana,sans-serif;
}

#formulaire #cb {
	width: 500px;
	float:left;
}

#formulaire #cheque {
	width: 300px;
	height: 180px;
	margin-left: 20px;
	clear:right;
	float:left;
}

/*
#################################################
#					PRODUITS					#
#################################################
*/

/* HACK SAFARI et OPERA */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .produit_panier { 
		margin:18px 0px 55px 0; /* marge gauche à enlever pour les 3 produits */
		float:left; 
		width:205px;
	}
	.produit {
		float:left;
		margin:18px 7px 55px 0px;
		width:250px;
		height:110px;
	}
}

.produit {
	float:left;
	overflow: hidden;
	margin:18px 7px 55px 15px;
	width:255px;
	height:110px;
}

.produit img {
	float: left;
	margin:10px 10px 10px 19px;
}

.produit h1 {
	font: normal 10pt arial, verdana,sans-serif;
	color:white;
	margin:15px 0 5px 0;
}

.produit p {
	font: normal 8pt arial, verdana,sans-serif;
	color: rgb(163,163,163);
	margin:0 5px 0 0;
}

.produit a {
	font: normal 8pt arial, verdana,sans-serif;
	color: rgb(163,163,163);
}

.produit_panier { /* pour les produits de la page panier */
	margin:18px 7px 55px 10px; /* marge gauche à enlever pour les 3 produits */
	float:left;
	height:99px;
}

.produit_panier img {
	float: left;
	margin:10px 10px 10px 19px;
}

.produit_panier h1 {
	font: normal 10pt arial, verdana,sans-serif;
	color:white;
	margin:15px 0 5px 0;
}

.produit_panier p {
	font: normal 8pt arial, verdana,sans-serif;
	color: rgb(163,163,163);
	margin:0 5px 0 0;
}

.produit_panier a {
	font: normal 8pt arial, verdana,sans-serif;
	color: rgb(163,163,163);
}

#produit_middle {
	margin:18px 7px 55px 7px;
	float:left;
	height:99px;
	width:308px;
	background-image: url('/images/filet_degrade_v.jpg');
	background-repeat:no-repeat;
}

#produit_right {
	margin:18px 7px 55px 7px;
	float:left;
}

#produit_middle, #produit_right img {
	float: left;
	margin:10px 10px 10px 20px;
}

#produit_middle,#produit_right h1 {
	font: normal 10pt arial, verdana,sans-serif;
	color:white;
	margin:15px 0 5px 0;
}

#produit_middle,#produit_right p {
	font: normal 8pt arial, verdana,sans-serif;
	color: rgb(163,163,163);
	margin:0 5px 0 0;
}

#produit_middle,#produit_right a {
	font: normal 8pt arial, verdana,sans-serif;
	color: rgb(163,163,163);
}


/****************************************************************************/
/*									 PANIER2								*/
/****************************************************************************/

#panier2 {
	margin-top:40px;
	font: normal 9pt arial, verdana,sans-serif;
	color:white;
	width: 620px;
}

#panier2 h1 {
	font: normal 9pt arial, verdana,sans-serif;
}

#panier2 img {
	float:left;
	margin-right: 8px;
}

#panier2 table {
	border-collapse:collapse;
}

#panier2 th {
	color: rgb(118,118,118);
	border-bottom:thin solid white;
	font-weight:normal;
	width:123px;
	padding: 5px 0;
}

#panier2 td {
	border-bottom:thin solid white;
	text-align:center;
	padding: 5px 0;
}

#panier2 tfoot td{
	padding-top:15px;
	border:none;
	text-align:right;
	padding-right:10px;
}

#panier2 .premier {
	text-align:left;
	padding-left:5px;
}

#panier2 .dernier {
	text-align:right;
	padding-right:10px;
}


/*
#################################################
#					PARRAINAGE					#
#################################################
*/

#parrainage {
	clear:both;
	height:21px;
	width:864px;
	font: normal 8pt arial, verdana,sans-serif;
	color: rgb(184,184,184);
	background-image: url('images/fond_parrainage.jpg');
	background-repeat:no-repeat;
}

form#form_parrainage {
	margin-left:200px;
}

label#label_parrainage {
	line-height: 21px;
	margin-bottom: 30px;
}

/*
#################################################
#					DESCRIPTION					#
#################################################
*/

#description_container {clear: both;}

#description_container .left {float:left; margin-right:58px;}

#description_container .left h1{
	padding: 50px 0 0 0;
	font: bold 11pt arial, verdana,sans-serif;
	color:rgb(240,80,170);
}

#description_container .left p {font: normal 10pt arial, verdana,sans-serif; color:rgb(163,163,163);}

#description_image img{
	float: left;
	margin: 35px 20px 0 0;
	clear:left;
}

#description_details {float:left;}

#description_details h1{
	padding: 45px 0 0 0;
	font: bold 11pt arial, verdana,sans-serif;
	color:white;
}

#description_details p {
	margin-right:40px;
	font: normal 8pt arial, verdana,sans-serif;
	color:rgb(163,163,163);
}

#description_droite {
	margin-left: 13px;
	width: 200px;
	float:left;
}

#description_droite2 {
	margin: 27px 0 0 10px;
	width: 200px;
	float:left;
}

#centre_classique {width:510px; float:left;}

#centre_classique table {
	border-collapse:collapse;
	font: normal 10pt arial, verdana,sans-serif;
}

#centre_classique th {
	color: rgb(118,118,118);
	border-bottom:thin solid white;
	width:170px;
	padding: 5px 0;
}

#centre_classique td {
	color: rgb(118,118,118);
	border-bottom:thin solid white;
	text-align:center;
	padding: 5px 0;
}

#centre_classique tfoot td{
	color:rgb(230,90,190);
	padding-top:15px;
	border:none;
}

#centre_classique h1{
	padding: 50px 0 0 0;
	font: bold 11pt arial, verdana,sans-serif;
	color:rgb(240,80,170);
}

#centre_classique h2{
	padding: 15px 0 0 0;
	font: bold 10pt arial, verdana,sans-serif;
	color:rgb(240,80,170);
}

#centre_classique h3{
	padding: 5px 0 0 0;
	font: bold 10pt arial, verdana,sans-serif;
	color:rgb(163,163,163);
}

#centre_classique p {
	font: normal 10pt arial, verdana,sans-serif;
	color:rgb(163,163,163);
}

#centre_classique a.plan {
	text-decoration:none;
	font: normal 10pt arial, verdana,sans-serif;
	color:rgb(163,163,163);
}

#panier {
	padding:3px 0;
	margin-bottom: 20px;
	background-color: #444444;
}

#panier p {
	text-align:center;
	font: normal 8pt arial, verdana,sans-serif;
	color: rgb(229,229,229);
	margin:0;
	padding:0;
}

#panier a {
	padding:0 0 0 53px;
	margin:0;
	font: normal 8pt arial, verdana,sans-serif;
	color: rgb(229,229,229);
}

#panier img {
	float:left;
	margin:4px 0 0 5px;
	padding:0
}

#petit_cabas {
	float: left;
	margin: 4px 6px 0px 10px;
}

#divers {
	background-color: #282828;
	height:300px;
	padding-top :5px;
}

#divers h1 {
	font: normal 9pt arial, verdana,sans-serif;
	padding:5px 0 5px 10px;
	margin:0;
	color:white;
}

#divers p {
	margin:0;
	padding:2px 5px 5px 10px;
	font: normal 8pt arial, verdana,sans-serif;
	color:rgb(163,163,163);
}

#divers a {
	padding-left:10px;
	font: normal 8pt arial, verdana,sans-serif;
	color:rgb(163,163,163);
}

p#centre {
	padding: 17px 0 5px 10px;
}

#cabas_divers p {
	margin:20px 0 0 0;
	padding:0;
	font: normal 8pt arial, verdana,sans-serif;
	color:rgb(163,163,163);
}

#cabas_divers a {
	margin:0;
	padding:0;
	font: normal 8pt arial, verdana,sans-serif;
	color:rgb(163,163,163);
}


#parrainage_divers {
	margin-bottom: 15px;
}



#temoignages_divers p {
	margin:0;
	padding:2px 5px 5px 10px;
	font: normal 8pt arial, verdana,sans-serif;
	color:rgb(163,163,163);
}

#engagements {
	margin-bottom: 15px;
}

#engagements li {
	color: rgb(118,118,118);
	margin:0 0 0 10px;
}

#engagements ul {
	margin:0;
	padding: 0;
	font: normal 8pt arial, verdana,sans-serif;
	list-style-type: none;
}

#moyens_paiement img{
	margin: 5px 0 0 10px;
}

/*
#################################################
#					PRESSE						#
#################################################
*/


#presse {
	clear:both;
}

#presse p {
	font: normal 10pt arial, verdana,sans-serif;
	color:rgb(163,163,163);
}

#presse p.petit {
	font-size:7pt;
}

#presse h1{
	padding: 30px 0 0 0;
	font: bold 11pt arial, verdana,sans-serif;
	color:rgb(240,80,170);
}

.presse_droite {
	float:left;
	margin-left: 40px;
	width:400px;
}

p.cabas {
	margin-left:12px;
}

.presse_gauche {
	float:left;
	width:412px;
}

.presse_gauche ul, .presse_droite ul{
	font: bold 10pt arial, verdana,sans-serif;
	list-style-type:none;
	color:rgb(163,163,163);;
}

.presse_gauche li, .presse_droite li {margin-top:1px;}
.presse_gauche li a {text-decoration: none;}
.presse_gauche ul, .presse_gauche li {padding-left:2px;}

/*
#################################################
#					MENUBOTTOM					#
#################################################
*/

#menubottom {
	margin:0 auto;
	padding:70px 0;
	width:865px;
}
#menubottom li {
	float: left;
	color: white;
	font: normal 6pt arial, verdana,sans-serif;
}
#menubottom ul {
	list-style-type: none;
	margin:0;
	padding: 0;
}
#menubottom a{
	margin:0 37px;
	color: white;
	text-decoration: none;
}
#menubottom a#selected{
	color: rgb(243,77,167);
	font-weight: bold;
}
#menubottom a:hover{ color: rgb(243,77,167);}

/*
#################################################
#					ENTREPRISE					#
#################################################
*/

ul#espace_pro_grid {
	list-style-type: none;
	margin:0;
	padding:0;
}

ul#espace_pro_grid li {
	display:block;
	float:left;
	height:140px;
	margin-right:7px;
	margin-top:10px;
	padding-top:3px;
	position:relative;
	width:203px;
}
ul#espace_pro_grid li p {
	color:#8C8F91;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
}
ul#espace_pro_grid li p strong {
	display:block;
}
ul#espace_pro_grid li div {
	height:120px;
	padding-top:4px;
	position:absolute;
	top:15px;
	width:195px;
}
ul#espace_pro_grid li div p {
	background:none repeat scroll 0 0 transparent;
	padding:0;
	text-align:center;
}
ul#espace_pro_grid li div a {
	color:#8B8E90;
	display:block;
	margin-bottom:10px;
	text-decoration:none;
}
ul#espace_pro_grid li.prod1 {
	border-right:2px dotted #B8BCBE;
}
ul#espace_pro_grid li.prod2 {
	border-right:2px dotted #B8BCBE;
}
ul#espace_pro_grid li.prod3 {
	border-right:2px dotted #B8BCBE;
}
ul#espace_pro_grid li.prod4 {
}
ul#espace_pro_grid li.prod5 {
	border-right:2px dotted #B8BCBE;
	border-top:2px dotted #B8BCBE;
}
ul#espace_pro_grid li.prod6 {
	border-right:2px dotted #B8BCBE;
	border-top:2px dotted #B8BCBE;
}
ul#espace_pro_grid li.prod7 {
	border-right:2px dotted #B8BCBE;
	border-top:2px dotted #B8BCBE;
}
ul#espace_pro_grid li.prod8 {
	border-top:2px dotted #B8BCBE;
}

ul#espace_pro_grid li.prod1 div {
}
ul#espace_pro_grid li.prod2 div {
}
ul#espace_pro_grid li.prod3 div {
}
ul#espace_pro_grid li.prod4 div {
}
ul#espace_pro_grid li.prod5 div {
}
ul#espace_pro_grid li.prod6 div {
}