body {  background-image: url(/epex/images/fondModuleCommande.gif)}

.quatorzeRougeB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #5A6F40;
}
.onzeB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
}
.onze {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}
.onzeD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	background-color: #33CCFF; 
}
.onzeC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
    background-color: #FFFFFA; 
}
.onzeBW {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	color: #FFFFFF;
    background-color: #5A6F40; 
}

.onzeBWS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	color: #FFFFFF;
    background-color: #555555; 
}

.onzeRougeB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5A6F40;
}
.dixRougeB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #5A6F40;
}
.onzeRougeBS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5A6F40;
	text-decoration: underline;
}
.onzeRougeS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A6F40;
	text-decoration: underline;
}
.dixB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.dix {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.dixRouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5A6F40;
}
.dixRN {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #EE0033;
}
.dixRef {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #993366;
}
.dixmemo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3300CC 
}
.dixRougeBS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #5A6F40;
	text-decoration: underline;
}
.dixLarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 3px;
}
.onzeBlancB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.dixBlanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.dixInterligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
}
.dixRougeBinter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #5A6F40;
	line-height: 18px;
}
.dixRollOver {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a:link {
	text-decoration: underline;
	color: #5A6F40;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #A6C15A;
}
.dixBlancB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
.dixBInterligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
}

.boutonrouge { font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px; 
        color:#ffffff ;
        font-weight:bold;
        background-color: #5A6F40; 
        border: #5A6F40; 
        border-style: outset; 
        border-top-width: thin; 
        border-right-width: thin; 
        border-bottom-width: thin; 
        border-left-width: thin
}
A.lienrouge10:link {
	color: #76885C;
	text-decoration: none;
	font-weight : normal;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
A.lienrouge10:visited {
	color: #76885C;
	text-decoration: none;
	font-weight : normal;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
A.lienrouge10:hover {
	color: #5A6F40;
	text-decoration: underline;
	font-weight : normal;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
A.lienrouge10:active {	 
	color: #5A6F40;
	text-decoration: none;
	font-weight : normal;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
.bordergris{  
    border: 1px #76885C solid; 
    
}
.borderblanc{  
    border: 1px #FFFFFF solid; 
    
}
.borderrouge { border: 1px #5A6F40 solid; }

.input_fix {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #CC0000; 
	background-color: #CCCCCC; 
	background-position: center; 
	border: thin #FFFFFF none; 
	font-size: 10px; 
	text-align: center
}
.input_saisie { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #76885C; 
	background-color: #FFFFFF; 
	border: 1px #CCCCCC inset; 
	font-size: 10px; 
	text-align: center }
	
.input_qte_red { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: red; 
	background-color: #FFFFFF; 
	border: 1px #CCCCCC inset; 
	font-size: 12px; 
	font-weight : bold;
	text-align: center }
	
.input_qte { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #FFFFFF; 
	border: 1px #CCCCCC inset; 
	font-size: 12px; 
	font-weight : bold;
	text-align: center }
	
.input_textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #FFFFFF; 
	border: 1px #CCCCCC inset; 
	font-size: 11px; 
	text-align: left }
	
	
.input_fixgris {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	background-color: #999999; 
	background-position: center; 
	border: thin #76885C none; 
	font-size: 10px;
	font-weight : bold;
	text-align: center
}
A.lienmenurouge10:link {
	color: #5A6F40;
	text-decoration: none;
	font-weight : normal;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
A.lienmenurouge10:visited {
	color: #5A6F40;
	text-decoration: none;
	font-weight : normal;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
A.lienmenurouge10:hover {
	color: #000000;
	text-decoration: underline;
	font-weight : normal;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
A.lienmenurouge10:active {	 
	color: #5A6F40;
	text-decoration: underline;
	font-weight : normal;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}

A.dixlienBlancB:link {
	color: white;
	text-decoration: none;
	font-weight : bold;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
A.dixlienBlancB:visited {
	color: white;
	text-decoration: none;
	font-weight : bold;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
A.dixlienBlancB:hover {
	color: #000000;
	text-decoration: underline;
	font-weight : bold;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
A.dixlienBlancB:active {	 
	color: #5A6F40;
	text-decoration: underline;
	font-weight : bold;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}

A.dixlienRougeR:link {
	color: #5A6F40;
	text-decoration: none;
	font-weight : bold;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
A.dixlienRougeR:visited {
	color: #5A6F40;
	text-decoration: none;
	font-weight : bold;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
A.dixlienRougeR:hover {
	color: #000000;
	text-decoration: underline;
	font-weight : bold;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
A.dixlienRougeR:active {	 
	color: #5A6F40;
	text-decoration: underline;
	font-weight : bold;
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
}
#bggris {  background-color: #999999}
#bgrouge {  background-color: #5A6F40}
#bgblanc {  background-color: white}

.liste{
	height: 200px;
	width: 600px;
	padding-top: 0px;
	padding-left: 0px;
    margin-top: 12px;
	overflow-y: scroll;
	padding-bottom: 5px;
}

/*__AVEC CET ARTICLE VOUS AVEZ BESOIN DE...  */
div.defil-articles {
	height:75px;
}

div.defil-articles div.tel-article {
	font-size:10px;
	color:#242333;
	width:212px;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

div.defil-articles div.tel-article img {
	float:left;
	border:1px solid #BCBDBC;
	margin-right:5px;
}

div.separ-09 {
	border-top:1px solid #DDDDDD;
	height:10px;
	margin-top:7px;
	width:730px;
	font-size:0px:
}
h3.titre_09 {
	font-size:16px;
	font-weight:bold;
	color:#242333;
	margin-top:10px;
}

h3.titre_09.first {
	margin-top:-10px;
}


/* OFFRE PACKAGEE */
.marge {
	height:10px;
	font-size:0px;
}
#pe{
	background-color:#dddddd;
	width:730px;
	height:130px;
}
#pe .vignette_boite{
	float:left;
	width:76px;
	height:auto;
	font-size: 9px;
	margin-left:10px;
	margin-right:10px;
	
}
#pe .vignette_bord{
	float:left;
	width:76px;
	height:76px;
	background:url(bord_vignette_packeco.gif) 0px 0px no-repeat;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
}
#pe .vignette_photo{ 	/*Les photos mises en ligne par le client ne devront pas dépasser 68 pixels de côté */
	margin-top:4px;			/*sinon, elles deborderont du cadre de la vignette. */
	margin-bottom:4px;
	margin-left:3px;
	margin-right:5px;
}
#pe img.plus{
	float:left;
	display:block;
	margin-top:35px;
	margin-left:10px;
	margin-right:10px;
}
#pe a.pe_lien{
	float:left;
	display:block;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	width:500px;
	font-size:11px;
	color:#242333;
	text-decoration:underline;
}
/*_______________PARTIE DROITE (prix, quantité, ajouter au projet)*/
#pe .droite{
	float:right;
	width:180px;
	height:128px;
	margin:1px;
	background-color:#ffffff;
}
#pe .droite p{
	display:block;
	margin-bottom:5px;
}
#pe .promo{
	padding:10px;
}
#pe .offre{
	font-size:10px;
	color:#cb003c;
	letter-spacing:-1px;
}
.ajouter_multimedia{
	margin-top:15px;
	width:160px;
	height:22px;
	background-color:#cb003c;
}
.ajouter_multimedia a, button { /* Lien du bouton "Ajouter à mon projet" */
	padding-left:32px;
	color:#ffffff;
	font-size:12px;
	letter-spacing:-1px;
	text-decoration:none;
	background:url(bouton_ajouter.gif) 15px 2px no-repeat;
	font-family: Din,Verdana,Helvetica,sans-serif;
}
.ajouter_multimedia a:hover{
	color:#ffffff;
}

.select-box-numerique-grise  {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#DDDDDD url(fond_select_box_small.jpg) no-repeat scroll right center;
	height:15px;
	text-align:left;
	width:30px;
}

/*_______________LIENS SOUS PACK ECONOMIE ("voir tous les packs", "voir tous les easy-shop")*/
div.sous_pe{
	height:30px;	
}
.sous_pe a{
	float:left;
	margin-top:8px;
	margin-left:8px;
	padding-left:8px;
	font-size:11px;
	color:#242333;
	text-decoration:underline;
	background:url(fleche_bleue.gif) 0px 3px no-repeat;
}
.sous_pe a:hover{
	color:#cb003c;
	text-decoration:underline;
	background:url(fleche_bleue.gif) 0px 3px no-repeat;
}
.barre_verticale{
	float:left;
	margin-top:10px;
	margin-left:10px;
	background-color:#242333;
	height:9px;
	font-size:0px;
	width:1px;
}

.afa_article {
	float:left;
	margin-bottom:10px;
	width:242px;
}

.float-left {
	float:left;
}

#afa .prix {
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	margin-top:3px;
}

#afa .afa_ajouter {
	background-color:#CB003C;
	float:left;
	height:18px;
	margin-top:15px;
	width:135px;
}

.clear-both {
	clear:both;
	font-size:0;
}

#afa {
	margin-top:10px;
}

div.separ-09 {
	border-top:1px solid #DDDDDD;
	height:10px;
	margin-top:7px;
	width:730px;
}