@charset "utf-8";
/* CSS Document */

.Centre {
	position:relative;
	width:710px;
	height:auto;
	float:left;
	background-color:white;
	background-image:url(Images/fond_centre_ombre.jpg);
	background-position:top;
	background-repeat:no-repeat;
	z-index:10;
}

.Element {
	position:relative;
	width:710px;
	clear:both;
	height:auto;
}


/********* Index Etape Rotatif ****** */
.Element_EtapeRotatif_Masque {
	position:relative;
	width:710px;
	height:431px;
	clear:both;
	overflow:hidden;
}

.Element_EtapeRotatif {
	position:relative;
	width:2130px;
	height:431px;
}


.EtapeRotatif {
	position:relative;	
	float:left;
	height:431px;
	width:710px;
}

.Element_EtapeRotatif_Boutons {
	position:absolute;
	top:365px;
	left:20px;
	height:37px;
	width:114px;
}

.Element_EtapeRotatif_EnSavoir {
	position:absolute;
	top:55px;
	left:375px;
	height:20px;
	width:66px;
	
}

.Element_EtapeRotatif_UnBouton {
	position:relative;
	float:left;
	width:38px;
	height:37px;	
}

/********* INDEX Temoignage Rotatif *********/
.TemoignageRotatif {
	position:relative;
	float:left;
	width:350px;
	height:221px;	
}

.TemoignageRotatif_FlecheGauche {
	position:absolute;
	top:100px;
	left:4px;
	width:16px;
	height:25px;
	cursor:pointer;
	cursor:hand;
	background-image:url(Images/temoignage_contenu_rotatif_fleche_gauche.jpg);
}
.TemoignageRotatif_FlecheDroite {
	position:absolute;
	top:100px;
	left:330px;
	width:16px;
	height:25px;
	cursor:pointer;
	cursor:hand;
	background-image:url(Images/temoignage_contenu_rotatif_fleche_droite.jpg);
}
.TemoignageRotatif_Masque {
	position:absolute;
	top:60px;
	left:24px;
	width:302px;
	height:112px;
	overflow:hidden;

}
.TemoignageRotatif_Contenu {
	position:relative;
	height:112px;
	width:1000px;	
}

.TemoignageRotatif_Temoignage {
	position:relative; 
	padding-left:10px;
	float:left;	
}
.TemoignageRotatif_Bouton {
	position:absolute;
	bottom:8px;
	left:50%;
	margin-left:-62px
}

.Index_Promotion {
	position:relative;
	float:right;
	height:211px;
	width:340px;
	padding:5px;
	background-image:url(Images/fond_centre_promotion.jpg);
}




/********** Temoignage *********/
.Temoignage_Separation {
	position:relative;
	float:left;
	width:34px;
	height:294px;	
}

.Temoignage_Element {
	position:relative;
	margin-top:20px;
	float:left;
	width:329px;
	height:auto;
	padding-bottom:40px;
}
.Temoignage_Element_fond {
	position:relative;
	width:329px;
	height:294px;
	background-image:url(Images/fond_temoignage.jpg);
}

.Temoignage_Zoom {
	position:relative;
	width:910px;
	height:440px;
	background-color:white;	
	padding:30px;
}



/******* Commande Selection ********/
.Commande_Selection_Element {
	position:relative;
	width:620px;
	height:auto;
	padding-left:45px;
	padding-right:45px;	
}
.Commande_Banniere_Aide {
	position:absolute;
	top:25px;
	right:18px;
	width:80px;
	height:25px;
	cursor:pointer;
	cursor:hand;
}
.Commande_Banniere_Icone {
	position:relative;
	float:right;
	height:25px;
	width:25px;
}
.Commande_Banniere_Texte {
	position:relative;
	float:right;
	height:20px;
	padding-top:5px;
	margin-right:6px; 
}

.RollOver_Etape {
	position:absolute;
	top:0px;
	right:37px;
	width:627px;
	z-index:1000;
	display:none;	
}
.Commande_Selection_ProduitStyle {
	position:relative;
	float:left;
	padding-right:60px;
	width:144px;
	height:auto;
	cursor:pointer;
	cursor:hand;
	padding-bottom:10px;
}
.Commande_Selection_ProduitCadre {
	position:relative;
	float:left;
	padding-right:10px;
	width:144px;
	height:auto;
	cursor:pointer;
	cursor:hand;
	padding-bottom:10px;
}
.Commande_Selection_ProduitStyle_Image {
	position:relative;
	width:142px;
	height:142px;
	margin-bottom:5px;
	border : 1px solid #cccccc;
}
.Commande_Selection_ProduitStyle_Radio-Off {
	position:relative;
	clear:both;
	float:left;
	width:25px;
	height:22px;
	padding-top:3px;
	background-color:white;	
}
.Commande_Selection_ProduitStyle_Radio-On {
	position:relative;
	clear:both;
	float:left;
	width:25px;
	height:22px;
	padding-top:3px;
	background-color:#B40030;
}
.Commande_Selection_ProduitStyle_Texte-Off {
	position:relative;
	float:left;
	width:119px;
	height:20px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	font-style:normal;
	color:#333333;
	background-color:white;
	z-index:1;
}

.Commande_Selection_ProduitStyle_Texte-On {
	position:relative;
	float:left;
	width:119px;
	height:20px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	font-style:normal;
	color:white;
	background-color:#B40030;
	z-index:1;
}

.Commande_Selection_Promo-Off {
	position:absolute;
	text-align:right;
	right:50px;
	height:20px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-style:normal;
	font-weight:bold;
	color:#990033;
	z-index:100;
	padding-right:10px;
}

.Commande_Selection_Promo-On {
	position:absolute;
	text-align:right;
	right:50px;
	height:20px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-style:normal;
	font-weight:bold;
	color:white;
	z-index:100;
	padding-right:10px;
}

.Commande_Selection_Produit_Texte {
	position:relative;
	width:144px;
	height:20px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	font-style:normal;
	color:#333333;
	margin-bottom:5px;
	background-color:white;
}

.Commande_Selection_BannierePromo {
	position:absolute;
	top:0px;
	right:0px;
}

.FauxCadre {
	background-color:white;
	border : 5px solid #3d302c;
	left:50%;
	top:25%;
}
.DimensionLargeur {
	position:absolute;
	top:-30px;
	text-align:center;
}

.DimensionHauteur {
	position:absolute;
	left:-55px;
	vertical-align:middle;
	text-align:right;
}	



/* Commandes */
.Commentaire_Cadeau {
	position:relative;
	clear:both;
	width:624px;
	height:156px;
	background-image:url(Images/fond_Commande_Cadeau.jpg);	
}
.Commande_CodePromo {
	width:197px;
	height:21px;
	float:left;
	padding-top:1px;
	padding-left:5px;
	background-image:url(Images/fakeinput_input.jpg);
	background-repeat:no-repeat;
}
.Tableau_Separation {
	background-image:url(Images/fond_Commandes_Tableau_Separation.gif)
}
.Tableau_Commandes {
	width:100%;	
	border-collapse:collapse;
}
.Tableau_Commandes tr {	
	text-align:left;	
}
.Tableau_Commandes th {
	height:20px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	font-style:normal;
	color:white;
	background-color:#091829;
}

.Tableau_Commandes td {
	vertical-align:top;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	font-style:normal;
	color:#333333;
	padding-top:5px;
	background-color:transparent;
}

.Tableau_Compte {
	width:100%;
	border-collapse:collapse;
}
.Tableau_Compte td.Texte {
	width:152px;
	vertical-align:middle;	
}
.ChampInput {
	height:22px;
	width:198px;
	background-image:url(Images/fakeinput_input.jpg);
	background-repeat:no-repeat;
	padding-left:3px;
}

.ChampTextArea {
	height:140px;
	width:201px;
	background-image:url(Images/champ_commentaire.gif);
	background-repeat:no-repeat;
	padding-left:3px;
}

.InfoClient {
	border-collapse:collapse;
	width:350px;
}
.InfoClient td.TexteTableau {
	height:28px;
	vertical-align:middle;
	width:130px;
}
.InfoClient td.ChampInput {
	vertical-align:top;
	height:28px;
}




/** COMPTE */
.Identification_Input {
	height:22px;
	width:201px;
	background-image:url(Images/fakeinput_input.jpg);
	background-repeat:no-repeat;
	padding-bottom:9px;
}
.Compte_Colonne_Gauche {
	position:relative;
	padding-top:30px;
	float:left;
	width:329px;
	height:auto;
	margin-right:15px;
}
.Compte_Colonne_Droite {	
	position:relative;	
	padding-top:18px;
	float:left;
	width:350px;
	height:auto;
}

.Compte_Commande_FlecheGauche {
	position:relative;
	float:left;
	top:60px;
	margin-left:1px;
	width:16px;
	height:25px;
	cursor:pointer;
	cursor:hand;
	background-image:url(Images/temoignage_contenu_rotatif_fleche_gauche.jpg);
}
.Compte_Commande_FlecheDroite {
	position:relative;
	float:left;
	top:60px;
	width:16px;
	height:25px;
	cursor:pointer;
	cursor:hand;
	background-image:url(Images/temoignage_contenu_rotatif_fleche_droite.jpg);
}
.Compte_Commande_Masque {
	position:relative;
	float:left;
	margin-left:4px;
	margin-right:4px;
	width:302px;
	height:184px;
	background-image:url(Images/fond_compte_rotatif.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
.Compte_Commande_Contenu {
	position:absolute;
	height:167px;
	width:1000px;
}
.Compte_Commande_Contenu_Pere {
	position:relative;
	height:167px;
	width:307px;
	float:left;
}

.Compte_Commande_Element {
	position:relative; 
	padding-right:5px;
	padding-left:5px;
	float:left;
}
.Compte_Commande_Texte{
	position:relative;
	width:90px;
	text-align:center;
	height:15px;
	padding-top:17px;
}
.Compte_Commande_Image{
	position:relative;
	width:90px;
	height:100px;
	z-index:1;
}
.Compte_Commande_Zoom{
	position:relative;
	width:90px;
	text-align:center;
	vertical-align:middle;
	height:32px;
	z-index:2;
}
.Compte_Commande_Temoignage {
	position:relative;
	width:302px;
	padding-top:0px;
	height:17px;
	z-index:3;
}



/*** TARIFS ***/
.TarifsDimensions_Ligne {
	position:relative;
	width:673px;
	height:25px;
	clear:both;	
	padding-bottom:1px;
}

.TarifsDimensions_CelluleRouge {
	position:relative;
	width:122px;
	padding-right:5px;
	padding-left:5px;
	float:left;
	height:20px;
	padding-top:5px;
	margin-right:2px;
	background-color:#B40030;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	font-style:normal;
	color:white;
	text-align:right;
	font-weight:bold;
}


.TarifsDimensions_CelluleBlanc {
	position:relative;
	width:122px;
	padding-right:5px;
	padding-left:5px;
	float:left;
	height:20px;
	padding-top:5px;
	margin-right:2px;
	background-color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	font-style:normal;
	color:#333333;
	text-align:right;
}
.TarifsDimensions_CelluleGris {
	position:relative;
	width:122px;
	padding-right:5px;
	padding-left:5px;
	float:left;
	height:20px;
	padding-top:5px;
	margin-right:2px;
	background-color:#f7f7f7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	font-style:normal;
	color:#333333;
	text-align:right;
}


/* Contact */
.Contact_Message {
	position:relative;
	clear:both;
	width:624px;
	height:156px;
	padding-left:25px;
}
.Contact_Tableau {
	border-collapse:collapse;
	width:680px;	
}
.Contact_Tableau td {
	width:140px;
	height:25px;
	vertical-align:middle;
}
.Contact_Tableau td.ChampInput {
	vertical-align:top;
	height:28px;
	width:540px;
}


/*CharteQualite */
.CharteQualite {
	padding-left:25px;
	padding-top:10px;
	padding-bottom:10px;
}


/*Cadeau*/
.Cadeau_Remerciement {
	position:relative;
	width:910px;
	height:auto;
	background-color:white;	
	padding:30px;
	padding-top:220px;
	padding-bottom:220px;	
}

.Cadeau_Inscription {
	position:relative;
	width:790px;
	height:auto;
	background-color:white;	
	padding:30px;
	padding-left:90px;
	padding-right:90px;
}