/* 
Mon Quatuor v2 
Auteur: Benoit RONDEUX (www.oxxo.be)
Date: Janvier 2008
*/

/*----------------------*/
/*	 Ventes Privées		*/
/*----------------------*/
#ventesPChapeau {
	margin: 0px auto 0px auto !important;
	padding: 0px auto !important;
	height: 140px;
	position: relative;
	background: url(../img/ventes_privees/bg_ethnicraft_panneau.gif) top center no-repeat;
}
#newVentesP {
	text-indent: -500em;
	overflow: hidden;
	height: 42px;
	display: block;
	margin: 4px auto 0px auto !important;
	padding: 0 !important;
	background: url(../img/ventes_privees/h3_new_ventes_privees.gif) top center no-repeat;
}
#bandeauVP {
	position: absolute;
	left: 8px;
	top: 113px;
	display: block;
	width: 385px;
	height: 16px;
	margin: 0px auto;
	padding: 2px 0px 3px 75px;
	background: url(../img/ventes_privees/bandeau_ouvert.gif) center center no-repeat;
}
#overlay_shadow {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 73px;
	height: 21px;
	background: url(../img/ventes_privees/overlay_shadow.png) center right no-repeat;
	z-index: 100;
}
#bandeauVP a {
	display: block;
	text-indent: -500em;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 385px;
	height: 16px;
}
#bandeauVP p {
	padding: 0px;
	margin: 0px;
	color: #F4F4F4;
	font-size: 9px;
	width: 375px;
	height: 16px;
	display: block;
	overflow: hidden;
}
#bandeauVP p span {
	font-weight: bold;
	color: #3DAAEA !important;
	font-size: 12px;
}
#bandeauVP p strong{
	font-weight: bold;
	color: #FF4EA3;
}
#buttonDispDetails {
	display: block;
	position: relative;
	height: 22px;
	margin: 0px !important;
	padding: 0px !important;
	background: url(../img/ventes_privees/ouvrir_info_ethnicraft.gif) top center no-repeat;
}
#buttonDispDetails a{
	position: relative;
	display: block;
	height: 22px;
	text-indent: -500em;
	overflow: hidden;
	margin: 0px !important;
	padding: 0px !important;
}
#ventesPChapeau h4{
	text-indent: -500em;
	overflow: hidden;
	height: 100px;
	width: 330px;
	display: block;
	margin: 0px !important;
	padding: 0px !important;
}
#ventesPChapeau h4 a{
	text-indent: -500em;
	overflow: hidden;
	height: 100px;
	width: 330px;
	display: block;
	margin: 0px !important;
	padding: 0px !important;
}
#detailsHidden {
	position: absolute;
	top: 150px;
	left: 15px;
	overflow: hidden;
	width: 450px;
	height: 0px;
	padding: 5px !important;
	margin: 0px auto 0px auto !important;
}
#detailsHidden h5 {
	margin: 5px 0px !important;
	padding: 0px !important;
	color: #3DAAEA;
	font-size: 12px !important;
	text-align: left;
	font-weight: normal;
}
#detailsHidden h5 span{
	color:#FFFFFF;
}
#detailsHidden p{
	color: #F4F4F4;
	margin: 3px 0px !important;
	padding: 0px !important;
}

/*----------------------*/
/*	 Eléments communs	*/
/*----------------------*/
p.pAlert, div.pAlert {
	display: block;
	position: relative;
	padding: 5px 10px 5px 35px !important;
	margin: 10px 0px !important;
	background-color: #f5ccdf;
	border-left: 3px solid #cf0061 !important;
	border-bottom: none;
	border-top: none !important;
	border-right: none;
	color: #cf0061;
	text-align:left !important;
	letter-spacing: 0.07em;
	line-height: 1.7em;
	background-image: url(../img/myQuatuor2/pAlertBg.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
}

div.pAlert {
	background-position: 10px 10px;
}
p.pAlert span, div.pAlert span {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 0;
	padding: 0;
	width: 14px;
	height: 14px;
	background-image: url(../img/myQuatuor2/pAlertCorner.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#pSuccess {
	display: block;
	position: relative;
	padding: 5px 10px 5px 35px !important;
	margin: 10px 0px !important;
	background-color: #d7ffb3;
	border-left: 3px solid #6d9b43 !important;
	border-bottom: none;
	border-top: none !important;
	border-right: none;
	color: #6d9b43;
	text-align:left !important;
	letter-spacing: 0.07em;
	line-height: 1.7em;
	background-image: url(../img/myQuatuor2/pSuccesOk.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
}
#pSuccess span {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 0;
	padding: 0;
	width: 14px;
	height: 14px;
	background-image: url(../img/myQuatuor2/pSuccesCorner.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#emptyZone {
	display: block;
	width: 250px;
	margin: 30px auto 0px auto;
	padding: 10px;
	background-color: #F4F4F4;
	border: 1px solid #D4D4D4;
}
#emptyZone h4 {
	margin: 0px auto 10px 0px;
	text-align: center;
	color: #FF4EA3;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
}
#emptyZone p {
	color: #444444;
	text-align: center;
}

/*-----------------------*/
/*     Colonne Gauche    */
/*-----------------------*/

/*		Titre		*/
#myQuatH3{
	display: block;
	position: relative;
	width: 168px;
	height: 95px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#myQuatH3 h3 {
	display: block;
	margin: 0;
	padding: 0;
	width: 168px;
	height: 55px;
	text-indent: -500em;
	overflow: hidden;
	background-image: url(../img/myQuatuor2/h3_monquatuor.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
#myQuatH3 p {
	font-size: 0.8em;
	color: #666666;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1.3em !important;
}
#myQuatH3 span {
	color: #FF4EA3;
	font-weight: bold;
}

/*		Menu Navigation		*/
#myQuatMenu {
	display: block;
	position: relative;
	width: 168px;
	margin: 0;
	padding: 0;
}
#myQuatMenu h4{
	width: 168px;
	height: 30px;
	display: block;
	padding: 0;
	margin: 0;
	text-indent: -500em;
	overflow: hidden;
	background-image: url(../img/myQuatuor2/menu_header.gif);
}
ul#mainMenu {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px;
	position: relative;
	display: block;
	background-image: url(../img/myQuatuor2/menu_bottomMain.gif);
	padding: 0px 0px 5px;
	background-position: bottom center;
	background-repeat: no-repeat;
}
ul#mainMenu li{
	width: 168px;
	height: 27px;
	display: block;
	margin: 0;
	padding: 0;
	background-image: url(../img/myQuatuor2/menu_item_pattern.gif);
	background-repeat: repeat-x;
	background-position: top left;
}
ul#mainMenu li a {
	position: relative;
	width: 133px;
	height: 21px;
	display: block;
	font-family: Arial;
	text-transform: uppercase;
	text-decoration: none;
	color: #444444;
	font-size: 0.75em;
	padding: 6px 0px 0px 35px;
	margin: 0;
	background-position: top left;
	background-repeat: no-repeat;
}
#myQuatHome a{
	background-image: url(../img/myQuatuor2/menu_icon_accueil.gif);
}
#myQuatProfil a{
	background-image: url(../img/myQuatuor2/menu_icon_profil.gif);
}
#myQuatLory a{
	background-image: url(../img/myQuatuor2/menu_icon_livraison.gif);
}
#myQuatPass a{
	background-image: url(../img/myQuatuor2/menu_icon_password.gif);
}
#myQuatLogout a{
	background-image: url(../img/myQuatuor2/menu_icon_logout.gif);
}
#myQuatForgot a{
	background-image: url(../img/myQuatuor2/menu_icon_lostpwd.gif);
}
#myQuatLogin a{
	background-image: url(../img/myQuatuor2/menu_icon_connect.gif);
}
ul#mainMenu li a span.selected {
	position: absolute;
	right: 0px;
	top:  3px;
	display: block;
	width: 11px;
	height: 21px;
	margin: 0;
	padding: 0;
	background-image: url(../img/myQuatuor2/menu_selected.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
ul#subMenu {
	background-color: #F8F8F8;
	background-image: url(../img/myQuatuor2/menu_bottomSub.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	list-style-type: none;
	margin: 0px 0px 15px 0px;
	padding: 5px 5px;
	position: relative;
	display: block;
}
ul#subMenu li {
	padding: 0px 5px 0px 8px;
	margin: 0;
	background-image: url(../img/myQuatuor2/menu_subBullets.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}
ul#subMenu li a {
	color: #666666;
	font-size: 0.7em;
}

.jaugetooltip {
	display: none;	
}

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

/*		Jauge		*/
#myQuatJauge {
	position: relative;
	height: 80px;
	margin: 0px auto;
	padding: 0;
	line-height: 1;
}
#myQuatJauge ul {
	list-style-type: none;
	position: relative;
	margin: 0;
	padding: 0;
	height: 73px;
}
#myQuatJauge ul li {
	width: 159px;
	height: 73px;
	display: block;
	float: left;
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
}
#myQuatJaugeBasket {
	background-image: url(../img/myQuatuor2/jauge_panier_bg.gif);
}
#myQuatJaugeBasket.selected {
	background-image: url(../img/myQuatuor2/jauge_panier_bg_s.gif);
}
#myQuatJaugeFavourite {
	background-image: url(../img/myQuatuor2/jauge_favoris_bg.gif);
}
#myQuatJaugeFavourite.selected {
	background-image: url(../img/myQuatuor2/jauge_favoris_bg_s.gif);
}
#myQuatJaugeOrders {
	background-image: url(../img/myQuatuor2/jauge_order_bg.gif);
}
#myQuatJaugeOrders.selected{
	background-image: url(../img/myQuatuor2/jauge_order_bg_s.gif);
}

#myQuatJauge ul li a {
	font-family:Arial, Helvetica, sans-serif;
	display: block; 
	width: 159px;
	height: 40px;
	margin: 0;
	padding: 27px 0px 0px 0px;
	font-size: 36px;
	color: #FF4EA3;
}
#myQuatJauge ul li.selected a{
	color: #FFFFFF !important;
}

/*		Contenu général		*/

#myQuatH3Profil, #myQuatH3Livraison, #myQuatH3Password, #myQuatH3Connexion, #myQuatH3Resume, #myQuatH3Listes {
	text-indent: -500em;
	overflow: hidden;
	height: 31px;
	display: block;
	margin: 4px auto 10px;
	padding: 0;
	background-position: center left;
	background-repeat: no-repeat;
}
#myQuatH3Profil{
	background-image: url(../img/myQuatuor2/title_profil.gif);
}
#myQuatH3Livraison{
	background-image: url(../img/myQuatuor2/title_livraison.gif);
}
#myQuatH3Password{
	background-image: url(../img/myQuatuor2/title_password.gif);
}
#myQuatH3Connexion{
	background-image: url(../img/myQuatuor2/title_connexion.gif);
}
#myQuatH3Resume{
	background-image: url(../img/myQuatuor2/title_resume.gif);
}
#myQuatH3Listes{
	background-image: url(../img/myQuatuor2/title_listes.gif);
}


/*---------------------------------*/
/*     	 Tableau des produits      */
/*---------------------------------*/

/* Valable pour Panier - Favoris - Commandes */


/*		Bloc-Tableau	*/
.FirstBloc {
	background-image: url(../img/myQuatuor2/order_arrow_top.gif);
	background-position: 392px top;
	background-repeat: no-repeat;
	padding-top: 9px !important;	
}
.FirstBlocFav {
	background-image: url(../img/myQuatuor2/order_arrow_top.gif);
	background-position: 231px top;
	background-repeat: no-repeat;
	padding-top: 9px !important;	
}
.FirstBlocPanier {
	background-image: url(../img/myQuatuor2/order_arrow_top2.gif);
	background-position: 73px top;
	background-repeat: no-repeat;
	padding-top: 9px !important;	
}
.myQuatOrderBloc {
	position: relative;
	display: block;
	margin: 0px auto 10px;
	padding: 0px;
}
.myQuatOBHeader {
	height: 55px;
	display: block;
	margin: 0;
	padding: 0;
}
.OBHLeft {
	float: left;
	width: 100px;
	height: 55px;
	display: block;
	background-color: #666666;
	background-image: url(../img/myQuatuor2/order_header_status.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.OBHRight {
	position: relative;
	display: block;
	float: left;
	width: 377px;
	height: 55px;
	background-color: #bbdcef;
	padding: 0;
	margin: 0;
	display: block;
	background-image: url(../img/myQuatuor2/order_corner_firstline.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.OBHRightp {
	height: 31px;
	padding: 3px 5px 0px 10px;
	margin: 0;
	font-size: 9px;
	line-height: 13px;
	color: #666666;
}
.OBHRight h6 {
	padding: 12px 5px 5px 10px;
	margin: 0;
	height: 22px;
	display: block;
	font-size: 1.4em;
	font-weight: normal;
	color: #666666;
}
.OBHRight h6 span {
	color: #FF4EA3;
	font-weight: bold;
}
.OBHRightB {
	position: relative;
	background-color: #cee9fa;
	height: 16px;
	margin: 0px 0px 0px;
	padding: 0px 10px;
	background-image: url(../img/myQuatuor2/order_corner_secondLine.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.OBHRightB p {
	padding: 0 !important;
	margin: 0 !important;
	color: #444444;
	font-size: 9px;
}
.OBHp2 {
	float: right;
}
.OBHp2 a {
	color:  #FF4EA3;
	text-decoration: none;
}
.OBHp2 a:hover {
	text-decoration: underline;
}
.OBHp1 {
	display: block;
	float: left;
}

/*		Contenu du tableau		*/
.myQuatOBContent {
	width: 457px;
	background-color: #F4F4F4;
	padding: 10px 10px 10px 10px;
	margin: 0;
	background-image: url(../img/myQuatuor2/order_arrow_content.gif);
	background-position: 45px top;
	background-repeat: no-repeat;
}
.myQuatOBFooter {
	position: relative;
	width: 457px;
	display: block;
	min-height: 9px;
	background-color: #F4F4F4;
	margin: 0px;
	padding: 0px 10px 5px;
	background-image: url(../img/myQuatuor2/order_bottom_corner.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}
.myQuatOBContent table {
	margin: 0;
	padding: 0;
	text-align: center;
}
.myQuatOBContent table th {
	font-size: 0.9em;
	color: #999999;
	font-weight: normal;
	padding: 0px 5px;
	text-align: center;
	background-color: #EFEFEF;
}
.myQuatOBContent table td {
	position: relative;
	font-size: 1em;
	color: #444444;
	padding: 12px 5px;
	background-image: url(../img/myQuatuor2/order_dots_line.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}
td.updateContainer, th.updateContainer {
	position: relative !important;
	display: block;
	width: 0px !important;
	margin: 0 !important;
	padding: 0 !important;
}
.updatedRow {
	display: block;
	position: absolute;
	right: -35px;
	top: 20px;
}
tr.lastRow td {
	background-image: none !important;
}

.myQuatOBQty {
	width:45px;
}
.myQuatOBProdD strong{
	font-weight: bold;
	color: #FF4EA3;
	text-decoration:none;
}
.myQuatOBProdD a strong{
	font-weight: bold;
	color: #FF4EA3;
	text-decoration:none;
}
.myQuatOBProdD a:hover strong{
	font-weight: bold;
	color: #FF4EA3;
	text-decoration:underline;
}
.myQuatOBProdD span{
	font-size: 9px !important;
}
.myQuatOBPink {
	font-weight: bold;
	color: #FF4EA3 !important;
}
.myQuatOBlue {
	font-weight: bold;
	color: #3DAAEA !important;
}
td.alignLeft, th.alignLeft {
	text-align: left !important;
}
td.alignRight, th.alignRight {
	text-align: right !important;
}
p.OBHelp {
	clear: right;
	display: block !important;
	font-size: 9px;
	padding: 0px !important;
	margin: 0px !important;
	color: #999999;
}

/*		Divers Affichages Tableau		*/
.blocPrice {
	font-size: 1.2em;
	color: #3DAAEA;
	font-weight: bold;
	text-align: center !important;
}
.prodListTitle{
	font-weight:bold;
	margin:0 0 3px 0;
	text-align: left !important;
}
p.prodListInfo{
	margin:0;
	padding:0;
	font-size: 0.8em !important;
}
input.nbrInput{
	width:22px;
	float:left;
	border: 1px solid #BBDCEF;
	font-size: 0.9em;
	color: #555555;
	height: 15px;
	margin: 2px 0px 0px 0px;
	padding: 5px 0px 0px 3px;
}
input.voucherInput{
	width: 215px;
	border: 1px solid #BBDCEF;
	font-size: 0.9em;
	color: #555555;
	height: 15px;
	margin: 2px 0px 0px 0px;
	padding: 5px 0px 0px 3px;
}
.voucherTd {
	padding-top: 5px !important; 
}
.ecommButton{
	font-size:12px;
	font-weight:bold;
	width:80px;
}
.ecommButton a{
	color:white;	
	display:block;
	
	padding:5px;
}
.btnEcomm{
}
.btnEcomm a{
	background-color:#57443A;		
}
.btnFav{
}
.btnFav a{
	background-color:#81665B;		
}


/*---------------------------------*/
/*     	 Module commandes	       */
/*---------------------------------*/

/*		Gestion des status		*/
.OBHLeft span {
	display: block;
	width: 100px;
	height: 55px;
	padding: 0;
	margin: 0;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -500em;
	overflow: hidden;
}
.OBHEncours, .OBHEnCours, .OBHDevis {
	background-image: url(../img/myQuatuor2/order_icones_s_encours.gif);
}
.OBHConfirme, .OBHCmdFourni {
	background-image: url(../img/myQuatuor2/order_icones_s_confirmee.gif);
}
.OBHLivrPart, .OBHEnvoisPartiel {
	background-image: url(../img/myQuatuor2/order_icones_s_partsent.gif);
}
.OBHReadyLivr {
	background-image: url(../img/myQuatuor2/order_icones_s_ready.gif);
}
.OBHRefuse {
	background-image: url(../img/myQuatuor2/order_icones_s_cancel.gif);
}
.OBHExpedie {
	background-image: url(../img/myQuatuor2/order_icones_s_sent.gif);
}

/*		Légende status commande		*/
#myQuatOrdersLegend ul{
	margin: 20px 0px 0px 0px;
	padding: 5px 0px 5px 30px;
	list-style-type: none;
	background-color: #cee9fa;
	border-top: 2px solid #95d2f5;
	background-image: url(../img/myQuatuor2/order_legend_bg.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
#myQuatOrdersLegend ul li {
	font-size: 7pt !important;
	color: #666666;
	letter-spacing: 0.5pt;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background-image: url(../img/myQuatuor2/order_legend_bullet.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
}
#myQuatOrdersLegend ul li strong{
	color: #3DAAEA;
}


/*---------------------------------*/
/*     	 Module favoris 	       */
/*---------------------------------*/

.FBHeader {
	background-image: url(../img/myQuatuor2/fav_title.gif);
} 
#FBHeaderDevis {
	position: absolute;
	right: 10px;
	top: 7px;
}
.myQuatOBPic img{
	border: 1px solid #E5E5E5 !important;
	padding: 5px;
	background-color: #FFFFFF;
}


/*---------------------------------*/
/*     	 Module Panier  	       */
/*---------------------------------*/

.PBHTotal {
	background-image: url(../img/myQuatuor2/panier_title.gif);
}
.PBHResume {
	background-image: url(../img/myQuatuor2/order_icones_s_resume.gif);
}
#btnUpdateTotal {
	position: absolute;
	top: 37px;
	right: 160px;
	width: 100px;
	height: 24px;
	background-image: url(../img/myQuatuor2/actualiser_total.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#btnUpdateTotal a {
	text-indent: -500em;
	overflow: hidden;
	width: 100px;
	height: 24px;
	display: block;
	margin: 0px;
	padding: 0px;
}

#PBFooterTable{
	position: relative;
	float: right;
	display: block;
	background: url(../img/myQuatuor2/panier_total_bg.gif) top center repeat-y;
	width: 149px;
	margin: 0px !important;
	padding: 0px !important;
	color: #666666;
}
#PBFooterTable td.PBTotal {
	height: 25px;
	border-top: 1px solid #e9e9e9;
}
#PBFooterTable td.PBTotal span{
	font-size: 13px !important;
	color: #3DAAEA;
}
#PBFooterTable td.PBTotal1 {
	height: 20px;
}
#PBFooterTable td.leftCol {
	width: 85px !important;
	padding: 0px 10px !important;
	font-size: 9px !important;
}
#PBFooterTable td.rightCol {
	width: 64px !important;
	padding: 0px 10px !important;
	font-size: 9px !important;
}
#PBFooterTable td.topPBF {
	height: 7px !important;
	background: url(../img/myQuatuor2/panier_total_top.gif) top center no-repeat;
}
#PBFooterTable td.bottomPBF {
	height: 7px !important;
	background: url(../img/myQuatuor2/panier_total_bottom.gif) bottom center no-repeat;
}
.noBorder td {
	background-image: none !important;
}
.myQuatOBrem {
	font-size: 9px !important;
	text-align: left;
	padding: 5px !important;
}

/*	Résumé de la commande	*/
#alertConges {
	position: relative;
	margin: 10px auto;
	padding: 5px 5px 5px 40px;
	font-size: 10px;
	color: #444444;
	line-height: 12px !important;
	background: url(../img/vente_conges_08-2009.gif) no-repeat top left;
}
#alertConges strong {
	color: #FF4EA3;
}
#summaryInfo{
	width:98%;
	margin:10px auto 15px auto;
	display: block;
}
#summaryInfo table{
	width: 225px !important;
	padding: 0px !important;
	background-color: #cee9fa;
	background-image: url(../img/myQuatuor2/summary_bottom_table.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	border: none !important;
}
td#summaryFacture, td#summaryLivraison {
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
	width: 225px !important;
	height:  37px !important;
	text-indent: -500em;
	overflow: hidden;
	padding: 0px !important;
}
td#summaryFacture {
	background-image: url(../img/myQuatuor2/summary_header_facture.gif);
}
td#summaryLivraison {
	background-image: url(../img/myQuatuor2/summary_header_livraison.gif);
}
#summaryInfo table tbody td{
	padding: 2px 5px;
}
#summaryInfo table td{
	padding: 0;
}
#summaryInfo a.sumMod{
	display: block;
	margin-top: 15px;
}
#summaryInfo .leftTable{	
	margin-right:3%;
	float:left;
}
#summaryInfo table.tableError{
	background-color: #FFD3E8;
	border-color: #FF9ECC;
}
#orderCommentBox {
	display: block;
	position: relative;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px !important;
}
#orderCommentBox textarea{
	display: block;
	width: 250px;
	height: 75px;
	position: relative;
	padding: 5px;
	margin: 0px 0px 5px 100px !important;
	float: none !important;
}
#orderAgreement {
	position: relative;
	clear: left;
	display: block;
	margin: 10px auto;
	padding: 5px 15px 5px 5px;
	min-height: 40px;
	height: auto!important;
	height: 40px;
	background-color: #ffd2e7;
	border-top: 1px solid #ffa5d0;
	border-bottom: 1px solid #ffa5d0;
}
#orderAgreement p{
	margin:  0px 0px 0px 30px !important;
}
#orderAgreement div{
	width: 30px;
	display: block;
	text-align: center;
	padding: 10px 0px 0px 0px;
	float: left;
	z-index:15 !important;
}


/*---------------------------------*/
/*     	   Page accueil	           */
/*---------------------------------*/
#myQuat2AMenuH {
	display: block;
	padding: 0;
	width: 477px;
	margin: 5px auto 20px auto;
	background-image: url(../img/myQuatuor2/accueil_bg_menu.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
#myQuat2AMenuH ul{
	list-style-type: none;
	display: block;
	height: 30px;
	padding: 0;
	margin: 0;
	background-image: url(../img/myQuatuor2/accueil_bg_menu_round.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#myQuat2AMenuH ul li{
	float: left;
	display: block;
	width: 125px;
	height: 30px;
	padding: 0;
	margin: 0px 20px 0px 5px;
}
#myQuat2AMenuH ul li a{
	display: block;
	width: 125px;
	height: 23px;
	padding: 7px 0px 0px 0px;
	text-align: center;
	font-size: 11px !important;
	margin: 0px;
	color: #FFFFFF;
}
#myQuat2AMenuH ul li a.active{
	background-image: url(../img/myQuatuor2/accueil_menu_selected.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	color: #FF4EA3 !important;
}
#myQuat2AMenuH ul li.selected a{
	color: #FF4EA3 !important;
}

#accueilAvantages li{
	margin-top: 15px;
	text-align: justify;
	font-size: 1.4em;
	font-weight: bold;
	color: #444444;
}
#accueilAvantages li span{
	font-size: 0.7em !important;
	font-weight: normal !important;
}
#accueilAvantages li strong{
	font-size: 1.1em;
	color: #3DAAEA;
}

#accueilFaq {
	margin: 5px auto;	
}
#accueilFaq dt {
	font-size: 1.15em;
	padding: 5px;
	margin: 16px 0px 0px 0px;
	color: #FF4EA3;
}
#accueilFaq dd {
	border-left: 1px solid #D4D4D4;
	padding: 5px 0px 0px 10px;
	margin: 0px 0px 0px 20px;
	text-align: justify;
	color: #444444;
}
img.imgInnerTxt {
	margin-right: 10px;
}
p.centerTxt {
	text-align: center !important;
}
ul.classic {
	position: relative;
	display: block;
	margin: 10px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
ul.classic li {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-image:url(../img/ul_classic_blue.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
#accueilMembres h4 {
	font-weight: normal;
	color: #FF4EA3;
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: Arial;
}
#accueilMembres h4 span{
	color: #3DAAEA !important;
}
p#infoOrderMaj {
	font-size: 12px;
	border-left: 3px solid #3DAAEA;
	background-color: #e5f3fc;
	padding: 5px;
	margin: 5px 0px;
	text-align: left;
}

/*---------------------------------*/
/*     	   Page Listes	           */
/*---------------------------------*/
h6.h6Listes {
	font-size: 14px;
	margin: 20px 0px 0px 0px;
	padding: 0;
	font-weight: lighter;
	color: #666666;
}
h6.h6Listes strong {
	color: #FF4EA3 !important;
}
#listesStatBar {
	position: relative;
	display: block;
	margin: 0px auto 10px;
	padding: 9px 0px 0px 0px;
	background-image: url(../img/myQuatuor2/order_arrow_top.gif);
	background-position: 75px top;
	background-repeat: no-repeat;
}
#listesStatBar ul#main {
	list-style-type: none;
	height: 55px;
	margin: 0px auto;
	padding: 0;
	background-image: url(../img/myQuatuor2/listes_bg_summary.gif);
	background-repeat: repeat-x;
	background-position: top left;
}
#listesStatBar ul#main li{
	float: left;
	width: 159px;
	display: block;
	text-align: center;
}
#listesStatBar ul ul#second {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#listesStatBar ul ul#second li{
	list-style-type: none;
	height: 15px !important;
	color: #666666;
	text-align: left;
	padding-left: 15px;
}
li#statDivers {
	height: 50px;
	padding-top: 5px;
	background-image: url(../img/myQuatuor2/listes_cl_summary.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
li#statDivers strong {
	color: #FF4EA3;
}
li#statProm {
	background-image: url(../img/myQuatuor2/listes_dots2_summary.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
li#statValid {
	width: 161px !important;
	background-image: url(../img/myQuatuor2/listes_cr_summary.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
li#statValid, li#statProm {
	height: 43px;
	padding-top: 12px;
	font-size: 22px;
	color: #FF4EA3;
	line-height: 8px;
}
li#statValid span, li#statProm span{
	font-size: 8px !important;
	color: #666666;
}


/*---------------------------------*/
/*     	   Tips     	           */
/*---------------------------------*/

/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
	position: relative;
	display: block;
	}
.prototip .toolbar .title {
	display: block;
	position: relative;
	}
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
	}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}


/* Tooltip styles */
.prototip .default { width: 150px; color: #fff; }
.prototip .default .toolbar { background: #0F6788; font: italic 17px Georgia, serif; }
.prototip .default .title { padding: 5px; }
.prototip .default .content { background: #F4F4F4; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

.prototip .jaugeTip { width:126px; }
.prototip .jaugeTip .toolbar { color: #3DAAEA; font:bold 12px Arial; }
.prototip .jaugeTip .title { height:18px; display:block; padding: 12px 5px 0px 5px; margin: 0px; border-bottom: 1px solid #999999; background-image: url(../img/myQuatuor2/tip_title_bg.png); background-repeat:no-repeat; background-position:top center }
.prototip .jaugeTip .content { color: #FFFFFF; text-align: left; line-height: 1.3em !important; font: 10px Arial, Helvetica, sans-serif; padding: 5px 5px 11px 5px; background-image: url(../img/myQuatuor2/tip_content_bg.png); background-repeat:repeat-y; background-position:bottom center  }
.prototip .jaugeTip .footer { height:11px; width:126px; display:block; background-image: url(../img/myQuatuor2/tip_footer_bg.png); background-repeat:no-repeat; background-position:top center  }

.prototip .zoomTip { width:126px; }
.prototip .zoomTip .toolbar { color: #3DAAEA; font:bold 12px Arial; }
.prototip .zoomTip .title { display:none; }
.prototip .zoomTip .content { width: 126px; height:98px; padding: 16px 5px 5px 5px; background-image: url(../img/myQuatuor2/zoom_bg.png); background-repeat: no-repeat; background-position:center center  }
.prototip .zoomTip .footer { display:none; }
.prototip .zoomTip .content img { border: none; padding: 0 !important; margin: 0 auto !important; }

.protoClassic { width: 300px; border: 5px solid #8c939c; }
.protoClassic .toolbar { background: #96b8e2 url(classic_toolbar.gif) top left repeat-y; font-weight: bold; color: #fff;}
.protoClassic .toolbar a.close:hover { background: url(close_hover_red.gif);}
.protoClassic .title { padding: 5px; }
.protoClassic .content { background: #fff; color: #333333; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.prototip .protoCool { width: 150px; border: 2px solid #C7C7C7; font-size:10px !important; color:#333333; }
.prototip .protoCool .toolbar { background: #CEE5FA;font-weight: bold;color: #3DAAEA; }
.prototip .protoCool .title { padding: 3px; }
.prototip .protoCool .content { padding: 5px;background: #F6FBFE;line-height: 13px;color: #555555; }
.prototip .protoCool .content p { margin: 0px 0px 3px 0px !important; }
.prototip .protoCool .content strong { color: #3DAAEA !important;}