/* CSS Document */

/*************** BOUTIQUE *******************/
#Boutique {
	position:relative;
	float:left;
	width:550px;
	padding:5px;
	text-align: justify; /* on justifie */
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #666666;	
	/* border:1px solid #CCCCCC; 
	background-image: url(/images/habillage/main.gif); */
}

#BoutiqueNouveauCompte {
	position:relative;
	float:left;
	width:720px;
	text-align: justify; /* on justifie */
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #666666;
	margin-left:10px;
	/* border:1px solid #CCCCCC; 
	background-image: url(/images/habillage/main.gif); */
}

#Alertes {
	margin-top:20px;
    text-align: left; /* on rétablit l'alignement normal du texte */
}

#alerte_condition
{
	color: #FF0000;
	font-weight: bold;
}


#MessageHorsTaxes {
	margin-top:25px;
}


/**************** LISTE DES TYPES DE PRODUIT **********/

div.FrontEndDescriptifType {
	margin:10px;
	line-height: normal;
}

/**************** LISTE DES PRODUITS *****************/

div.ProduitListeType {
	background-color: #edecf7;
	margin-bottom:15px;
	margin-left:10px;
	padding:5px;
	background-image: url(/images/boutique.fond_type.gif);
	background-repeat:no-repeat;
}

div.ProduitDetail {
	margin-top:10px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	/* border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #FFFFFF;
	border-left-color: #999999; */
}

div.ZoneDetailGeneral
{
	display: none;
}



div.AfficheImage {
	position:relative;
	float:left;
	text-align:center;
	margin:10px;
	width:100px;
}

div.ProduitColonne2 {
	position:relative;
	float:left;
	width:270px;
	padding-left:10px;
	padding-top:5px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	padding-bottom:10px;
}


div.ProduitColonne3 {
	position:relative;
	float:right;
	width:120px;
	text-align:center;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	background-image: url(/images/boutique.fond_col3.gif);
	background-repeat: repeat-x;
}

div.ProduitNom {
	font-size: 18px;
	color: #660099;
}

div.ProduitDesignation {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #9966CC;
	margin-top:10px;
	margin-bottom:15px;
}

div.ProduitCout {
	margin-top:10px;
	font-size: 16px;
	color: #990000;
	font-weight: bold;
}

div.ProduitQuantite {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #666666;
	margin-top:10px;
}

.InputProduitQuantite {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #990099;
	text-align:center;
	background-color:#FFFFFF;
}

div.ProduitImagePanier {
	height:20px;
	margin-top:10px;
	margin-bottom:0px;

}

/************** DETAIL PRODUIT ***************/

#DetailProduitCol1 {
	position:relative;
	float:left;
	width:305px;
	text-align:right;
	padding-right:20px;
	border-top: none;
	border-right: 1px dotted #666666;
	border-bottom: none;
	border-left: none;
}

#DetailProduitCol2 {
	position:relative;
	float:left;
	width:200px;;
	text-align:center;
	margin-left:20px;
	margin-top:40px;
	/* border:#999999 solid 1px; */
}

#DetailProduitCol2Haut {
	width:200px;
	height:8px;
	margin:0px;
	padding:0px;
}

#DetailProduitCol2Centre {
	width:200px;
	background-color:#f0edf5;
	margin:0px;
	padding-top:5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	background-image: url(/images/detail_produit/encadre_dp_02.gif);
	background-repeat: repeat-y;
}

#DetailProduitCol2Bas {
	width:200px;
	height:7px;
	margin:0px;
	padding:0px;
	background-image: url(/images/detail_produit/encadre_dp_03.gif);
	background-repeat: no-repeat;
}

#DetailProduitDesignationType {
	color:#666666;
	text-align:justify;
	margin:10px;
	font-family: "MS Sans Serif";
	font-size: 9px;
}

#DetailProduitNom {
	font-size: 18px;
	color: #660099;
	margin-top:5px;
}


#DetailProduitDesignation {
	/* font-family: "MS Sans Serif"; */
	font-size: 12px;
	color: #666666;
	margin-top:20px;
	text-align:justify;
	line-height: 17px;
	padding-left:20px;
}

#DetailProduitCout {
	margin-top:10px;
	font-size: 18px;
	color: #990000;
	font-weight: bold;
}


.DetailProduitCoutLittle {
	font-size: 10px;
}

.DetailProduitCoutTTC {
	font-size:12px;
	color:#999999;
}

.ListeProduitsSiRecursivite {
	font-size: 12px;
	color:#999999;
	font-weight: normal;
}


/****** BLOC PANIER *******/
#BlocPanierRempli {
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #660099;
}

/****** PREVU PANIER - DETAIL PRODUIT *******/

div#Prevu_Articles {
	margin: 50px 15px 15px 15px;
	border:1px dotted #999999;
}

div#Prevu_Articles_Titre {
	margin-top: -15px;
	margin-left:10px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #999999;
	font-style: italic;
	font-weight: bold;
}

div#Prevu_postit {
	margin-top: -7px;
	margin-left:1px;
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #333333;
	background-image: url(/images/boutique.prevu_postit.gif);
	background-repeat: no-repeat;
	width:381px;
	height:33px;
	padding-left:45px;
	padding-top:15px;
}

div#Prevu_Article_Liste {
	margin: 15px;
}

div.Prevu_NomProduit_ligne1 {
	height:25px;
	font-weight: bold;
	background-color: #EFEFEF;
	padding: 3px;
	color:#333333;
	margin-top:5px;
}

div.Prevu_NomProduit_ligne2 {
	height:25px;
	font-weight: bold;
	background-color: #F5F5F5;
	padding: 3px;
	color:#333333;
	margin-top:5px;
}


div.Prevu_Options_ligne1 {
	height:25px;
	color:#333333;
	background-color: #FFE1FF;
	padding: 3px;
	margin-left: 30px;
	margin-right:20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}

div.Prevu_Options_ligne2 {
	height:25px;
	color:#333333;
	background-color: #FFFFFF;
	padding: 3px;
	margin-left: 30px;
	margin-right:20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}

/****** BLOC PRODUITS MEME TYPE *******/
div#Bloc_Produit_mm_type {
	margin-top:50px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #660099;
	text-align:left;
}

div#Bloc_Produit_mm_type_titre {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #9999FF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom:15px;
}

div.Bloc_ProduitNom {
	margin-left:10px;
	height:20px;
	padding-left:10px;
	border-left:1px solid #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}


/****** BLOC PRODUITS MEME FAMILLE *******/
div#Bloc_Produit_mm_famille {
	margin-top:50px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #660099;
	text-align:left;
}

div#Bloc_Produit_mm_famille_titre {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #2BB372;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom:15px;
}

/**************************************** PANIER ************************************************/

div#PanierTitre {
	position:relative;
	font-family: "Trebuchet MS";
	font-size: 21px;
	color: #7b5fa5;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;	
}

div#EtapesPanier {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;

}

#PanierVide {
	text-align:center;
	margin-bottom:20px;
}

div#EntetePanier {
	height:20px;
	padding:3px;
	background-color:#F2F2F2;
	font-weight:bold;
	background-image: url(/images/boutique.fond_entete_panier.gif);
	background-repeat: repeat-x;
	border-bottom:#999999 1px solid;
}

div#EntetePanierDesignation {
	height:20px;
	float:left;
	width :320px;
}

div#EntetePanierPrix {
	float:right;
	width:70px;
	text-align:right;
}

/*** CYCLE ET CSS DE L'INPUT AVEC FOND ROSE/BLANC***/
.PanierQuantite {
	color: #333333;
	width:20px;
	border:1px #CCCCCC solid;
	background-color:#FFFFFF;
	text-align:center;
}

span.Panier_NumeroArticle {
	font-size: 18px;
	font-weight: bold;
	color: #000099;	
}

div.Panier_OptionNom {
	height:20px;
	float:left;
	width :290px;
}


div.Panier_ArticleNom {
	height:20px;
	float:left;
	width :391px;
}

div.PanierHeaderQuantite {
	position:relative;
	float:left;
	width:45px;
	height:24px;
	margin:0px 0px 0px 0px;
}

div.PanierHeaderPU {
	position:relative;
	float:left;
	width:35px;
	height:24px;
	margin:0px 0px 0px 0px;
}

div.PanierInputQuantite {
	position:relative;
	float:left;
	width:25px;
	height:24px;
	margin:0px 0px 0px 0px;
}



div.Panier_NomProduit_ligne1 {
	height:20px;
	font-weight: bold;
	background-color: #EFEFEF;
	padding: 3px;
	color:#333333;
	margin-top:5px;
}

div.Panier_NomProduit_ligne2 {
	height:20px;
	font-weight: bold;
	background-color: #F5F5F5;
	padding: 3px;
	color:#333333;
	margin-top:5px;
}


div.Panier_Options_ligne1 {
	height:20px;
	color:#333333;
	background-color: #FFE1FF;
	padding: 3px;
	margin-left: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}

div.Panier_Options_ligne2 {
	height:20px;
	color:#333333;
	background-color: #FFFFFF;
	padding: 3px;
	margin-left: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}

div.PanierPoubelle {
	width:40px;
	text-align:center;
	float:left;
}

div.PanierPrix {
	float:right;
	width:70px;
	text-align:right;
	font-weight:normal;
}

div.PanierSousTotal {
	height: 30px;
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	font-weight: bold;
	margin-top:10px;
	padding-top:5px;
	margin-bottom:10px;
	/* background-color: #EFEFEF; */
}

div.PanierTotal {
	height: 30px;
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #663366;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #663366;
	font-weight: bold;
	margin-top:10px;
	padding-top:10px;
	background-color: #efefef;
}

div.PanierSousTotalLabel {
	position:relative;
	float:right;
	width:390px;
	text-align:right;
}




div.PanierSousTotalAffichePrix {
	position:relative;
	float:right;
	right:0px;
	width:120px;
	text-align:right;
}

/************* AFFICHAGE TVA SI FRANCE ***************/

.PanierAfficheTaux {
	height: 55px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top:10px;
	margin-bottom:10px;
	background-color: #efefef;
}

div.PanierTauxLabel {
	position:relative;
	float:left;
	width:390px;
	text-align:right;
}

div.PanierCoutTVA {
	position:relative;
	float:left;
	width:120px;
	text-align:right;
}

div.PanierTTCLabel {
	margin-top:10px;
	position:relative;
	float:right;
	width:320px;
	text-align:right;
	font-weight: bold;
	color:#333333;
}


div.PanierTotalTTC {
	margin-top:10px;
	color:#333333;
	position:relative;
	float:right;
	width:200px;
	text-align:right;
	font-weight: bold;
}

/**** PANIER FOOTER ****/

div#PanierRetourBoutique {
	position:relative;
	float:left;
	width:200px;
	height:50px;
	margin-left:40px;
	padding-top:14px;
	background-image: url(/images/gros_bouton.png);
	background-repeat: no-repeat;
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #000066;
	text-align:center;
}

div#PanierValidePanier {
	position:relative;
	float:left;
	width:200px;
	height:50px;
	margin-left:40px;
	padding-top:14px;
	background-image: url(/images/gros_bouton.png);
	background-repeat: no-repeat;
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #000066;
	text-align:center;
}

input#PanierValidePourPaiement {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #000066;
	text-align:center;
	width:200px;
	height:50px;
	margin-left:40px;
	background-image: url(/images/gros_bouton.png);
	background-repeat: no-repeat;
	border:none;
}

/**** PANIER / IDENTIFICATION ****/

div#ChoixIdentification {
	position:relative;
	text-align:center;
	margin-top:30px;
	margin-bottom:50px;
	height: 180px;
}

div#ChoixDejaClient {
	position:absolute;
	width:270px;
	height:180px;
	top:0px;
	left:0px;
	font-family: "Trebuchet MS";
	background-image: url(/images/boutique.dejaclient.png);
	background-repeat: no-repeat;
	text-align:left;
}

div#ChoixDejaClientTitre {
	position:absolute;
	font-size: 15px;
	font-weight:bold;
	color: #724f99;
	top:15px;
	left:18px;
	width:232px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5AAD0;
}


#ChoixDejaClientClientID {
	position:absolute;
	font-size: 12px;
	color: #666666;
	top:55px;
	right:40px;
	width:230px;
	text-align:right;
}

#ChoixDejaClientClientPASS {
	position:absolute;
	font-size: 12px;
	color: #666666;
	top:80px;
	right:40px;
	width:230px;
	text-align:right;
}

#ChoixDejaClientClientENVOI {
	position:absolute;
	top:118px;
	left:80px;
	width:200px;
}

.LoginClientInput {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #999999;
	font-weight: bold;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	padding-left:5px;
}

input#LoginClientButtontENVOI {
	width:110px;
	height:20px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	background-image: url(/images/FondBouton01.png);
}

div#LoginClientPassOublie {
	position:absolute;
	font-size: 12px;
	color: #724f99;
	top:150px;
	right:10px;
	width:250px;
	text-align:right;
}

div#ChoixCreerCompte {
	position:absolute;
	top:0px;
	left:275px;
	width:270px;
	height:180px;
	font-family: "Trebuchet MS";
	background-image: url(/images/boutique.creercompte.png);
	background-repeat: no-repeat;
	text-align:left;
}


div#ChoixCreerCompteTitre {
	position:absolute;
	font-size: 15px;
	font-weight:bold;
	color: #935586;
	top:15px;
	left:18px;
	width:232px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5AAD0;
}

div#ChoixCreerCompteDescriptif {
	position:absolute;
	top:50px;
	left:30px;
	width:210px;
	text-align:justify;
	font-family: "Trebuchet MS";
	color:#A56B8C;
	font-size: 9px;
	line-height: normal;
}

div#ChoixCreerCompteBouton {
	position:absolute;
	top:130px;
	left:80px;
	width:140px;
}

input#ChoixCreerCompteButtontENVOI {
	width:140px;
	height:20px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	background-image: url(/images/FondBouton01.png);
	background-position: 2px;
}

/************ PAIEMENT ****************/

legend.RecapitulatifPanierLegend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #AED0B1;
}

#MessageValidationParMailOut {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #663399;
	border:#0000CC 2px solid;
	background-color:#EFEFEF;
	margin-bottom:30px;
}

#MessageValidationParMailIn {
	margin:10px;
}