body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-image: url(images/fondBody.gif);
	background-repeat: repeat-x;
	
}

a {
color: #313131;
text-decoration: none;z
}

a:visited {
color: #313131;
text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #349ada;
}

h1 {
	display: none
}

h2 {
	display: none
}
.mail_cfe {
	background-image: url(image2/mail.png); 
	background-repeat: no-repeat;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.titrePage {
	background-image: url(images/puceBleu.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	color: #349ada;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #92c9eb;
	float: left;
	width: 740px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.sousTitrePage {
	background-image: url(images/puceGrise.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	color: #959595;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bababc;
	float: left;
	width: 740px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.logo_cfe {
	background-image: url(image2/cfe3.png);
	background-repeat: no-repeat;
	background-position: bottom right;

}
.sousTitreColonne300 {
	color: #959595;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	float: left;
	width:300px;
	padding-left: 5px;
}
.sousTitreColonne200 {
	color: #959595;
	text-align: left;
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
	float: left;
	width: 200px;
}
.sousTitreColonneRefProd {
	color: #959595;
	text-align: left;
	padding-left: 0px;
	font-size: 11px;
	font-weight: bold;
	float: left;
	width: 200px;
}
.sousTitreColonne175 {
	color: #959595;
	text-align: left;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width:175px;
}
.sousTitreColonne150 {
	color: #959595;
	text-align: left;
	padding-left: 10px;
	font-size: 13px;
	font-weight: bold;
	float: left;
	width:150px;
}
.sousTitreColonne100 {
	color: #959595;
	text-align: right;
	padding-left: 6px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width:100px;
}
.sousTitreColonneQtCom {
	color: #959595;
	text-align: right;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width:100px;
}
.sousTitreColonneTttcCom {
	color: #959595;
	text-align: right;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width:100px;
}
.sousTitreColonneTttcPanier {
	color: #959595;
	text-align: right;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width:100px;
}
.sousTitreColonneVIDER {
	color: #959595;
	text-align: right;
	padding-left: 12px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width:100px;
}
.sousTitreColonnePuPanier {
	color: #959595;
	text-align: right;
	padding-left: 0px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width:100px;
}
.sousTitreColonnePuCom {
	color: #959595;
	text-align: right;
	padding-left: 0px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width:100px;
}
.sousTitreColonne50 {
	color: #959595;
	text-align: left;
	padding-left: 10px;
	font-size: 13px;
	font-weight: bold;
	float: left;
	width:50px;
}
.TexteColonne300 {
	color: #959595;
	text-align: left;
	padding-left: 10px;
	font-size: 11px;
	float: left;
	width:300px;
}

.TexteStatCom {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 18px;
	width: 740px;
	text-align: left;
	text-decoration: none;
	color: #EC8000;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-image: url(images/puceOrangeA_Up.gif);
	background-repeat: no-repeat;
	background-position: 510px 2px;

}
.TexteColonne200 {
	color: #959595;
	text-align: left;
	padding-left: 10px;
	font-size: 11px;
	float: left;
	width:200px;
}
.TexteColonneFraiLivraisonCom1 {
	color: #959595;
	text-align: left;
	padding-left: 60px;
	font-size: 11px;
	float: left;
	width:200px;
}
.TexteColonneFraiLivraisonCom2 {
	color: #959595;
	text-align: left;
	padding-left: 18px;
	font-size: 11px;
	float: left;
	width:200px;
}
.TexteColonnePanierRemise {
	color: #959595;
	text-align: left;
	padding-left: 69px;
	font-size: 11px;
	float: left;
	width:200px;
}
.TexteColonneTotCom {
	color: #959595;
	text-align: left;
	padding-left: 10px;
	font-size: 11px;
	float: left;
	width:200px;
}
.TexteColonneTarifTransp {
	color: #959595;
	text-align: right;
	padding-left: 0px;
	font-size: 11px;
	float: left;
	width:125px;
}
.TexteColonne150 {
	color: #959595;
	text-align: left;
	padding-left: 10px;
	font-size: 11px;
	float: left;
	width:150px;
}
.TexteColonne120 {
	color: #959595;
	text-align: right;
	padding-left: 10px;
	font-size: 11px;
	float: left;
	width:120px;
}
.TexteColonne100 {
	color: #959595;
	text-align: right;
	padding-left: 10px;
	font-size: 11px;
	float: left;
	width:100px;
}
.TexteColonnePanierTot {
	color: #959595;
	text-align: right;
	padding-left: 0px;
	font-size: 11px;
	float: left;
	width:100px;
}
.TexteColonne50 {
	color: #959595;
	text-align: left;
	padding-left: 10px;
	font-size: 11px;
	float: left;
	width:50px;
}
/* global wrapper */

#wrapper {
	max-width: 980px;
	width: 989px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	background-position: 0px 0px;
}

.panier_png { 
	background: url(image2/panier.png);
	width: 245px;
	height: 34px;
	background-repeat: no-repeat;
}

#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 989px;
	background-image: url(images/fondWrapper.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.bienvenu {
	font-size: 15px;
	color: #000000;
	font-weight: bold;


}


.fond_avocat_png {
	background-image:url(./image2/Avocat.png); 
	background-repeat: no-repeat;
	margin-top: 25px;
}

/* ent?te */
#entete {
	float: left;
	width: 980px;
	padding: 0;
	margin: 0;
}

#logo {
	float: left;
	width: 262px;
	padding: 0;
	text-align: center;
	height: 62px;
	margin: 0;
}

/* mon compte */


#monCompte {
	float: left;
	width: 470px;
	background-image: url(image2/espace_membre.png);
	background-repeat: no-repeat;
	background-position: 94px 0px;
	margin: 0;
	
	height: 40px;
	margin-bottom: 20px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 94px;
}

#contenuMonCompte {
	float: left;
	width: 319px;
	padding: 0;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 150px;
}

.titreMonCompte {
	display:none ;
	float: left;
	background-image: url(images/petitePuceVerte.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	font-size: 11px;
	color: #626262;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	
	
}

.formMonCompte {
	float: left;
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	font-size: 11px;
	color: #626262;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.champFormMonCompte {
	padding: 0;
	margin: 0;
	border: 1px solid #2593d7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2593d7;
	background-color: #e9f4fb;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;

	
}

.menuMonCompte {
	float: left;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 300px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 10px;
	padding-left: 0px;
}

.menuMonCompteConnecte {
	float: left;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 300px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}
/* mon panier */


#monPanier {
	float: left;
	width: 257px;
	padding: 0;
	background-image: url(image2/panier.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	height: 40px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#contenuMonPanier {
	float: left;
	width: 120px;
	font-size: 11px;
	padding: 0;
	margin-top: 9px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 125px;
	font-weight: bold;
	text-align: left;
}

a.lienMonPanier:link {
	color: #EC8200;
	text-decoration: none;
}

a.lienMonPanier:visited {
	color: #EC8200;
	text-decoration: none;
}

a.lienMonPanier:hover {
	color: #EC8200;
	text-decoration: underline;
}

a.lienMotDePassePerdu:link {
	color: #FFFFFF;
	text-decoration: none;
}

a.lienMotDePassePerdu:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a.lienMotDePassePerdu:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* bouton de base */
.boutonDeBase85 {
	float: left;
	width: 85px;
	padding: 0;
	margin: 0;}
	
.boutonDeBase120 {
	float: left;
	width:120px;
	padding: 0;
	margin: 0;
	
}
.boutonDeBaseSubmit {
	float: left;
	width: 70px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: transparent;
	border: 0;
	font-size: 11px;
	cursor: pointer;

	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/puceOrange+.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 17px;

	font-style: normal;
	color: #FF6500;
	display: block;

}
.boutonDeBaseSubmit:hover {
	float: left;
	width: 70px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: transparent;
	background-color: #ec8000;
	border: 0;
	font-size: 11px;
	cursor: pointer;

	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/puceOrange+.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 17px;
 
	font-style: normal;
	color: #FFFFFF;
	display: block;
	
}

.boutonDeBaseSubmitCompte {
	float: left;
	width: 70px;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: transparent;
	border: 0;
	font-size: 11px;
	cursor: pointer;

	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/puceOrange+.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 17px;

	font-style: normal;
	color: #FF6500;
	display: block;

}
.boutonDeBaseSubmitCompte:hover {
	float: left;
	width: 70px;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: transparent;
	background-color: #ec8000;
	border: 0;
	font-size: 11px;
	cursor: pointer;

	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/puceOrange+.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 17px;

	font-style: normal;
	color: #FFFFFF;
	display: block;
	
}

.boutonDeBaseProduit {
	float: left;
	width:120px;
	padding: 0;
	margin: 0;
}
.boutonDeBase180 {
	float: right;
	width:180px;
	padding: 0;
	margin: 0;
}
.boutonDeBase250 {
	float: right;
	
	width:250px;
	padding: 0;
	margin: 0;
}
/* menu vertical */

#toutLeMenu {
	float: left;
	width: 160px;
	padding: 0;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

/* chemin */


#chemin {
	float: left; 
	width: 760px;
	height: 0px;
	text-align: right;
	/* 6px */
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #2593d7;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
}

#fondContenu {
	float: left;
	width:760px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 25px;
}

#fondContenu2 {
	float: left;
	width:760px;
	margin: 0;
	margin-top: 50px;
	/*10 dorigine*/
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
}




#Pages {
	float: left;
	width: 824px;
	text-align: right;
	font-size: 11px;
	color: #7faf10;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0;
}

#footer{

	width: 100%;
	font-size: 11px;
	text-align: center;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a1d0ee;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #a9c9e9;
}


#content {
	padding: 0;
	clear: both;
	margin: 0;
}

/* vignettes */

.contourVignettes {
	border: 1px solid #2e97d8;
}
.contourVignettesRub {
	overflow: hidden;zoom: 1;
	border: 1px solid #2e97d8;
	height: 130px;
}
.espace_membre_cfe {
	background: url(image2/espace_membre.png);
	width: 457px;
	height: 34px;
	background-repeat: no-repeat;
 }
/* generic classes */

.floatleft {
	float: left;
	margin: 0;
}


/* listing petits */

.ListingPiecePetit {
	float: left;
	width: 760px;
	margin: 0;
	padding: 0;
}

.piecePetit {
	float: left;
	width: 190px;contourVignettes
	padding: 0;
	text-align: center;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.headPiecePetit {
	float: left;
	width: 600px;
	color: #626262;
	text-align: left;
	background-image: url(images/headPiecePetit.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0;
	padding: 0;
	height: 10px;
}
.headPiecePetit2 {
	float: left;
	width: 600px;
	color: #626262;
	
	text-align: left;
	margin: 0;
	margin-left: 0px;
	height: 10px;
}


.legendePiecePetit {
	float: left;
	width: 170px;
	color: #626262;
	text-align: left;
	background-image: url(images/fondPiecePetit.png);
	background-repeat: repeat-y;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0;

}
.legendePiecePetitT {
	float: left;
	width: 170px;
	color: #626262;
	text-align: left;
	font-weight: bolder;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;

}

.footerPiecePetit {
	float: left;
	width: 170px;
	color: #626262;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/footerPiecePetit.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0;
	height: 31px;
}
.footerPiecePetit2 {
	float: left;
	width: 170px;
	color: #626262;
	text-align: left;
	background-image: url(images/fondPiecePetit.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 100px;
	height: 31px;
}
/* Grand piece */

.CadreGrandPiece {
	float: left;
	width: 760px;
	margin: 0;
	text-align: center;
	padding: 0;
}

.CadreGrandPiece2 {

}

.pieceGrand {
	float: left;
	width: 570px;
	padding: 0;
	text-align: center;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 90px;
}


.headPieceGrand {
	float: left;
	width: 570px;
	color: #626262;
	text-align: left;
	background-image: url(images/headPieceGrand.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0;
	padding: 0;
	height: 10px;
}

.headPieceGrand2 {
	float: left;
	width: 570px;
	color: #626262;
	text-align: left;
	background-image: url(images/headPieceGrand.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0;
	padding: 0;
	height: 10px;
}

.legendePieceGrand {
	float: left;
	width: 560px;
	color: #626262;
	text-align: left;
	background-image: url(images/fondPieceGrand.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0;
}



.textePieceGrand {
	float: left;
	width: 560px;
	color: #626262;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	padding-right: 10px;
}

.textePieceGrand2 {
	float: left;
	width: 560px;
	color: #626262;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	padding-right: 10px;
}

.prixPieceGrand {
	float: left;
	width: 137px;
	color: #626262;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0;
	font-size: 14px;
}

.prixPieceGrand2 {
	float: left;
	width: 137px;
	color: #626262;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0;
	font-size: 14px;
}

.footerPieceGrand {
	float: left;
	width: 570px;
	color: #626262;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/footerPieceGrand.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0;
	height: 31px;
}

.footerPieceGrand2 {
	float: left;
	width: 570px;
	color: #626262;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/footerPieceGrand.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0;
	height: 31px;
}

.bold {
	font-weight: bold;
}

.floatright {
float: right;
margin: 0;
}
.clear {
clear: both;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.valign img {
vertical-align: middle;
}
.border {
border: 1px solid #ff7f00;
margin: 15px 0;
}

.un_bord {
border-right: 1px solid #E6E6E6;
}
.bord_haut {
border-top: 1px solid #E6E6E6;
}

.borderbig {
border: 3px solid yellow;
}
.overflow {
overflow: hidden;
}

/* formulaire */

.ligneFormulaire {
	color: #626262;
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 11px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
	width: 740px;
	text-align: left;
	font-style: italic;
}
.lignePanier {
	text-align: left;
	font-size: 11px;
	padding-left: 0px;
	clear: both;
	float: left;
	width: 700px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.lignePanierTotal {
	color: #626262;
	background-color:#E6E6E6;
	text-align: left;
	height:20px;
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 11px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	clear: both;
}

.titreChampForm {
	color: #626262;
	text-align: left;
	margin: 0;
	font-size: 11px;
	padding: 0px;
	float: left;
	width: 180px;
}


.encadrementZoneDeSaisie {
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
}

.zoneDeSaisie {
	color: #349ada;
	text-align: left;
	margin: 0;
	font-size: 11px;
	background-color: #e9f4fb;
	border: 1px solid #349ada;
	padding: 0px;
	clear: both;
	font-weight: bold;
}
.ChampsObligatoires {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #e2362d;
}