/* CSS Document */

#ficheProduit .colonneGauche{
					/*margin:0px; padding:0px;
					float:left;
					display:table;
					width:211px;border:0px solid #000; 
					width:190px;
					width:170px;
					padding-top:15px;width:90px; 
					width:120px 
					display:none;*/position:absolute; float:none; border:0px solid red;
right:0px; top:55px; display:none;
					
}
#ficheProduit .colonneDroite{
					margin:0px; padding:0px;
					float:left;
					display:block;
					border:0px solid red;
					background-repeat:no-repeat;
					background-position:left 40px;
					
					
					width:788px;
					width:818px;
					
					width:838px;width:830px; 
					color:#515151;
					margin:0px;
					overflow:hidden;border:0px solid #000; 
					float:none; width:auto; padding-left:35px;

					
}

#famille {
	width: 997px;
	height:309px;height:44px;
	
	position:relative;
	top:0px; 
	margin-left:auto;
	margin-right:auto;
	
	background-image:url(images/fd_barre.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
	width: 991px;background-position:right 0px;
	background-color:transparent;
	border-bottom:0px;
	
}
#ficheProduit #accesRapide {
				padding-top:20px; padding-left:60px; padding-right:40px; position:relative;
				
}
/********************************************************
choix option
*********************************************************/
#choixOption .colonneGauche{position:absolute; float:none; border:0px solid red;
right:0px; top:55px; 
					
}
#choixOption .colonneDroite{float:none; width:auto; padding-left:35px;}

#choixOption .imageProduit {
				width:360px;
}
#choixOption .imageProduit a img{
				/*width:250px;*/
				height:auto;
}

#choixOption .ficheProduit .description {

width:304px;width:314px;
}
#choixOption .ficheProduit .footerProduit{ margin-top:8px;}
#choixOption .ficheProduit .attributProduit p {
				margin:0px;
}
#choixOption #delaiLivraison {
				text-transform:uppercase;
				font-size:10px;
				color:#fff;
				background-image:url(images/b_detailLivraison.gif);
				background-repeat:no-repeat;
				margin:0px; padding:0px;
				height:14px;
				width:104px;
				position:relative;
				left:165px;
				padding-top:10px;
				text-align:right;
				padding-right:5px;
}
/********************************************************
choix option >> menu commande
*********************************************************/
#messageCliquerCalculer {
				margin:5px 0px 0px 10px;
}
#choixOption .ficheProduit #etape1 {
				width:304px;width:314px; position:relative; margin-top:30px;
}
#choixOption .ficheProduit #etape1 form {
				width:auto; padding:0px;
				padding-top:10px;padding-right:10px;
				padding-left:12px;
				text-align:left;
				padding-bottom:25px;padding-bottom:10px;
				overflow:visible;
}
#choixOption .ficheProduit #etape1 form .submitBouton{
				margin-top:0px; margin-bottom:0px;
}
#choixOption .ficheProduit #etape1 form label{
				display:block; margin:0px;text-align:left;
}
#choixOption .ficheProduit #etape1 form label b{
				font-weight:normal; padding-left:5px; margin:0px; padding:0px; width:auto;
				display:inline; float:none;
				}
#choixOption .ficheProduit #etape1 .description{
				position:absolute;
				
				top:0px; left:-10px;top:-30px; margin:0px;
				color:#fff;
				width:248px;
				height:64px;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/b_etape1.png');
				background-image:url(images/b_etape1.png)!important; /*pour mac os9 */
				background-repeat:no-repeat;
				background-image:none; 
}
#choixOption[id] .ficheProduit #etape1 .description{ 
				background-image:url(images/b_etape1.png);
}

#choixOption .colorisProduit .produit .imageProduit .image{
				overflow:hidden; margin:0px; padding:0px; display:block; float:none;width:75px; height:40px; border:1px solid #20AFAF;
}

#choixOption .colorisProduit .produit  .imageProduit div img{
				width:77px; height:40px; 
				}
#choixOption .colorisProduit .produit  .imageProduit h3{
				color:#20AFAF;
				font-size:10px;
				line-height:10px; font-family:Arial, Helvetica, sans-serif;
				padding:0px; margin:0px;
				
}			

#choixOption .menuCommande form .submitBouton {
				position:relative; clear:both; float:none; margin:0px; margin-left:110px;
				width:170px; text-indent:25px; padding:0px; text-align:left;
				

} 
#ficheProduit .menuCommande form .submitBouton {	
				position:relative; clear:both; float:none; margin-left:280px;
				width:180px; text-indent:25px; padding:0px; text-align:left;
}
/********************************************************
fiche Produit 
*********************************************************/
.messageError {
				margin-left:420px;
				background-image:url(images/erreur.gif);
				height:37px;
				background-repeat:no-repeat;
				background-position:left top;
				padding-left:40px;
				background-color:#FFFFFF;
				color:red;
				padding-top:8px;
}
#ficheProduit #delaiLivraison {
				text-transform:uppercase;
				font-size:10px;
				color:#fff;
				background-image:url(images/b_detailLivraison.gif);
				background-repeat:no-repeat;
				margin:0px; padding:0px;
				height:14px;
				width:104px;
				
				
				padding-top:10px; margin-top:10px;
				text-align:right;
				padding-right:5px;/*left:335px;position:relative;*/ float:right; clear:right;
}
#ficheProduit .description .recapitulatifInfoProduit {
width:498px;
}
#ficheProduit .ficheProduit .description {
			width:448px;
			margin-left:40px;
}
#ficheProduit .ficheProduit .attributProduit {
			width:328px;
			clear:none;
			/*float:left;*/
}
#ficheProduit .ficheProduit .attributProduit p {
/*width:328px;*/ clear:none;
}
#ficheProduit .imageProduit {
				width:370px; 
}
#ficheProduit .ficheProduit .description .zoneBody {

			display:block;
}
/********************************************************
fiche Produit  >> etape 1
*********************************************************/
/*cas recapitulatif*/
#ficheProduit .ficheProduit #menuCommande { position:relative; margin-top:30px; width:498px;}
#ficheProduit .ficheProduit #menuCommande form {
margin:0px; border:0px solid red; padding-top:10px; display:table;  width:473px;
}
#ficheProduit .ficheProduit #menuCommande form label{
				display:inline; margin:0px; padding:0px;text-align:left; padding-right:4px; clear:none;
}
#ficheProduit .ficheProduit #menuCommande form label b span{
	color:#000;
}
#ficheProduit .ficheProduit #menuCommande form label.lien{ 
				display:block; text-align:right; margin-top:20px;

}

#ficheProduit .ficheProduit #menuCommande .description{
				position:absolute;
				
				top:0px; left:-10px;top:-38px; margin:0px;
				color:#fff;
				width:212px;
				height:67px;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/b_etapeRecap.png');
				background-image:url(images/b_etapeRecap.png)!important; /*pour mac os9 */
				background-repeat:no-repeat;
				background-image:none; 
}
#ficheProduit[id] .ficheProduit #menuCommande .description{ 
				background-image:url(images/b_etapeRecap.png);
}

#ficheProduit .ficheProduit #menuCommande div img { }
/* etape 1 */

#ficheProduit .ficheProduit #etape1 {
				width:304px;width:314px; position:relative; margin-top:30px; width:498px;
}
#ficheProduit .ficheProduit #etape1 form {
				width:auto; padding:0px;
				padding-top:10px;padding-right:10px;
				padding-left:12px;padding-bottom:5px;
				text-align:left;  display:table;  width:468px;
}
#ficheProduit .ficheProduit #etape1 form .submitBouton{
				margin-top:0px; margin-bottom:0px;
}
#ficheProduit .ficheProduit #etape1 form label{
				display:block; margin:0px;text-align:left;
}
#ficheProduit .ficheProduit #etape1 form label b{
				font-weight:normal; padding-left:5px; margin:0px; padding:0px; width:auto;
				display:inline; float:none;
				}

				
				
#ficheProduit .ficheProduit #etape1 .description{
				position:absolute;
				
				top:0px; left:-10px;top:-30px; margin:0px;
				color:#fff;
				width:248px;
				height:64px;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/b_etape1.png');
				background-image:url(images/b_etape1.png)!important; /*pour mac os9 */
				background-repeat:no-repeat;
				background-image:none; 
}
#ficheProduit[id] .ficheProduit #etape1 .description{ 
				background-image:url(images/b_etape1.png);
}

/* etape 2 et 3*/
#ficheProduit .ficheProduit #etape2, 
#ficheProduit .ficheProduit #etape3 {
				position:relative; margin-top:40px;width:498px;
}
#ficheProduit .ficheProduit #etape2 form, 
#ficheProduit .ficheProduit #etape3 form{
				padding-top:10px; display:table;  width:473px;width:468px;
}
#ficheProduit .ficheProduit #etape2 .description{
				position:absolute;
				
				top:0px; left:-10px;top:-38px; margin:0px;
				color:#fff;
				width:212px;
				height:67px;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/b_etape2.png');
				background-image:url(images/b_etape2.png)!important; /*pour mac os9 */
				background-repeat:no-repeat;
				background-image:none; 
}
#ficheProduit[id] .ficheProduit #etape2 .description{ 
				background-image:url(images/b_etape2.png);
}
#ficheProduit .ficheProduit #etape3 .description{
				position:absolute;
				
				top:0px; left:-10px;top:-38px; margin:0px;
				color:#fff;
				width:212px;
				height:67px;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/b_etape3.png');
				background-image:url(images/b_etape3.png)!important; /*pour mac os9 */
				background-repeat:no-repeat;
				background-image:none; 
}
#ficheProduit[id] .ficheProduit #etape3 .description{ 
				background-image:url(images/b_etape3.png);
}


.ficheProduit #etape2 form select,.ficheProduit #etape3 form select {clear:none }
.ficheProduit #etape2 form label a ,.ficheProduit #etape3 form label a {
				float:right; display:block; margin-top:3px;	position:relative;
				clear:none; margin:0px;	
}
.ficheProduit #etape1 form label span {
				float:left;
}
.ficheProduit #etape1 form label a.aide, .ficheProduit #etape2 form label a.aide ,.ficheProduit #etape3 form label a.aide {
				float:right; display:block; margin-top:3px;			
				
				 				 border:0px solid red;
		
				margin:0px; padding:0px;
				
				background-image:url(images/b_AideMascotte.gif);
				background-repeat:no-repeat;
				margin-top:10px;
			
				
					padding-left:20px;
					padding-right:5px;
					margin-right:10px;
					
					
					height:33px;
					overflow:visible;
					width:77px;
					background-color:transparent;
					color:transparent;
					border:0px solid #000;
					
					font-size:12px;
					text-transform:uppercase;
					cursor:pointer;
					
 				display:block;clear:none;
				float:right;
				margin-left:100px;
				margin-bottom:15px;
				padding:0px; margin:0px;
				position:relative;
				top:-5px;
 
}