@CHARSET "UTF-8";
* {
	font-family: arial, sans-serif;	
	font-size:11px;
	
}


sup {
	font-size:8px;	
}

body {
	font-size:11px;
	background: #efefef url('/img/bg_body.jpg') repeat-x left top;
	color:#666;
	margin:0;
	padding:0;
}


img {
	border:0;
}


h1 {
	font-size: 15px;
}

h2 {
	font-size: 13px;
}


a {
	text-decoration: none;
	color: #666;
}

a.MenuActu {
	display:block;
	margin-bottom:15px;
}

p.msg_erreur { 
    margin:0;
    font-weight:bold;
    background-color:#ccc;
    border:1px solid #333;
    padding: 0 5px 0 5px;
}

.PROACTIFpro{
	color:#ED5311 !important;	
}

.PROACTIFactif {
	color:#999 !important;
}
	

img.shadow {
	display: block;
}

#frame {
	width: 990px;
	margin:30px auto 10px auto;
	background: #efefef url('/img/bg_container.jpg') repeat-x left 10px;
}

#Main {
	position:relative;
	margin: 10px 27px 10px 28px;
}

#Main #Logo {
	float:right;
	margin:15px 30px 15px 0 ;
}

#MenuGeneral a,
#MenuRubriques a {
	text-decoration: none;
	font-weight: bold;
	color: #767a7c;
}

#MenuGeneral a:hover,
#MenuRubriques a:hover {
	color: #ED5311;
}



#MenuGeneral {
	margin:0 0 0 0; 
	padding: 0;
	
}
	
	
	#MenuGeneral li {
		margin:8px 0 0 0; 
		padding: 0;
		float:left;
		list-style: none;
	}

	#MenuGeneral a {
		display: block;
		padding: 4px 10px;
		background-color: #E7E8E9;
	}



#MenuGeneral .siteext {
	padding-right:20px;
	background:#E7E8E9 url('/img/common/fl_e7e8e9.jpg') no-repeat right 50%;
}
#MenuGeneral .siteext2 {
	padding-right:20px;
	background:#E7E8E9 url('/img/common/fl_e7e8e9.jpg') no-repeat right 50%;
}

#MenuGeneral .impression {
	padding-right:20px;
	background:#f3f4f4 url('/img/common/fl_f3f4f4.jpg') no-repeat right 50%;
	margin-right:10px;
	margin-left:10px;
}


#MenuRubriques {
	clear: both;
	margin: 7px 0 ;
	padding: 0;
	background-color: #f3f4f4;
	height: 27px;
}
	#MenuRubriques li {
		margin:0; 
		padding: 0;
		float:left;
		list-style: none;
	}
	
	#MenuRubriques a {
		display: block;
		line-height: 27px;
		padding : 0 15px;
		width: 180px;
	}


#Contenu {
	
	border:10px solid #e7e8e9;
	border-width: 0 0 10px 0;
	
}


.logoproactif {
	
	text-align: center;	
}
.logoproactif img {
	display: block;	
}



.mGauche {
	background-color: #E7E8E9;
	padding:5px;
	margin:0 0 10px 0;	
}



.menuAccueil {
	width: 120px;
	margin:0 auto 12px auto;
}
.menuAccueilLast {
	margin-bottom:0;
}
 .menuAccueil img {
	display: block;
}




.message {
	
	

}


input.button {
	display: block;
	width: 100%;
	border:1px solid #ccc;
	border-width: 1px 0;	
	color: #666;
	background: white url('/img/common/fl_white.jpg') no-repeat left 50%;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
}




.rappels {

	margin : 2em;
	border:1px solid #ccc;
	background-color:white;
	padding:10px;
}

	.rappels h4 {
		margin:0;
		padding: 3px 0 3px 0;
		border-bottom: 1px solid #ccc;
		margin-bottom:5px;
	}
	
	.rappels td, .rappel th {
		padding:4px;
	}
	.rappels th {
		width:12em;
		text-align:right;
	}
	

	
	


/*
 * Voeux 2010
*/


	
	#fond_opaque {
		position:absolute;
		height:100%;
		width:100%;
		top:0;
		left:0;
		background-color: black;
		z-index: 10000;
		opacity:0.6;
	    /*_filter : alpha(opacity=60);*/
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		_height:expression($$('body')[0].getDimensions().height);
		_width:expression($$('body')[0].getDimensions().width);
		cursor: pointer;
	}

	#showAlert {
		position:absolute;
		z-index: 15000;
		background: white;
		padding: 20px;
		width: 610px;
		top: 50px;
		left:50%;
		margin-left: -305px;
		text-align: center;
	}
	#showAlert p  {
		font-size:12px;
		margin: 7px 0;
	}
	#showAlert em  {
		font-size:12px;
		font-weight: bold;
		font-style: normal;
	}
	#showAlert p strong {
		font-size:22px;
		text-align: center;
		display: block;
		margin: 15px;
		
		color: #575757
		
	}
	
	#showAlert a  {
		margin-top:10px;
		float: right;
		font-size: 12px;
		color: #666;
		text-decoration: underline;
	
	}
	
	#showAlert img  {
		float: left; 
		margin : 15px 20px 40px 0;
	}
		
#VotreCompte {
	background-color: #e7e8e9;
	padding:12px;
}

#VotreCompte h2 {
	color: #ED5311;
	margin:0 10px 15px 0;
	padding:0 10px 0 0;
	background: transparent url('/img/common/fl_bas.jpg') no-repeat right 50%;
	height: 19px ;
	line-height: 19px;
	font-size:12px;
}


#VotreCompte a.nom{
	font-weight: bold;
	text-decoration: none;
	
}



#VotreCompte ul, 
#VotreCompte ol, 
#VotreCompte li {
	margin:0;
	padding:0;
}
#VotreCompte ol {
	margin-top:15px;	
}
#VotreCompte li {
	list-style:none; 
}
#VotreCompte ol li {
	padding-left:10px; 
}

#VotreCompte h3 {
	margin:10px 0 0 0;
	padding:0; 
	font-size:11px
}

#VotreCompte a {
	text-decoration: none;
	color: #666;
}



/**
* 	MON COMPTE : Formulaire de saisie et modification
*/

label.float {float:left;width:105px;font-weight:bold;padding:3px 0;}
input.formErreur {background-color:red}

fieldset.formulaire  {
	margin:1em;
	border:1px solid #ccc;
}

fieldset.formulaire input {
	width :95%;
	border:1px solid #ccc;
	background: white;
	padding:2px; 

}#Footer {

	padding:7px 5px 0 5px;
	text-align: right;

}
.ContenuTable {
	width: 99%;
	margin: 10px auto 4px auto;
	border-spacing: 0;
	border-collapse: collapse;
}

.ContenuTable tr {
	vertical-align: top;
}
.ContenuTable td {
	padding:0;
}
.ContenuTable col.COL1 {
	width: 180px;
}
.ContenuTable col.COL2 {
	
}
.ContenuTable col.COL3 {
	width: 130px;
}

.ContenuTable .left {
	background-color: #f3f4f4;
}



.arborescence {
	
	
} 

.arborescence h2 {
	font-size:12px;
	margin:0;
	padding:3px 0 3px 5px;
	
	background-color: #f3f4f4;
	border-bottom:1px solid white;
} 

.arborescence ul {
	padding:0;
	margin:0;
} 

.arborescence li {
	padding:0;
	margin:0;
	list-style: none;
	border-bottom:1px solid white;
	background-color: #e7e8e9;
	
} 

.arborescence li a {
	display: block;
	padding:2px 0 2px 15px;
	margin:0;
	color: #666;
	text-decoration: none;
	background-color: #e7e8e9;
	
} 
.arborescence li a:hover {
	color: #ED5311;
}
#AccueilTable {
	margin-left:5px
}

#AccueilTable tr {
		vertical-align: top;
}

.AccueilBox,
#AccueilAI,
#AccueilContact {
	position: relative;
	background: #E7E8E9;
	padding:5px;
}

#AccueilContact {
	width :250px;
	height:150px;
}
	
	#AccueilAI h2,
	#AccueilContact h2 {
		margin:0;
	}
	
	#AccueilContact p {
		margin: 10px 10px;
	}
	#AccueilContact a.resume {
		font-size:110%;
		text-align: center;
		display: block;
		font-weight: bold;
		margin: 20px 0 0 0;
	}

#AccueilAI {
	height:150px;
}
	#AccueilAI  ul{
		margin: 10px;
		padding: 0;
	}
	#AccueilAI  li {
		margin: 4px 0;
		padding: 0;
		list-style: none;
		color: black;
		font-weight: bold; 
		
	}
	#AccueilAI  li  em {
		font-style: normal;
		font-weight: normal;
	}


#AccueilContact a.demandes,
#AccueilJPO a.suite,
#AccueilFoire a.suite,
#AccueilAI a.suite {
	position: absolute;
	bottom:3px;
	right:5px;
	line-height: 20px;
	padding: 0 30px 0 0;
	background: transparent url('/img/accueil/fleche.png') no-repeat right 50%;
	font-weight: bold;
	color: #ED5311;
}

#AccueilJPO a.mes-jpos {
	position: absolute;
	bottom:3px;
	left:5px;
	line-height: 20px;
	padding: 0 30px 0 0;
	font-weight: bold;
	color: #ED5311;
}



#AccueilJPO,
#AccueilFoire {
	position: relative;
	height:145px;
	background: #E7E8E9;
	width:233px;
	margin:0 5px 10px 5px;
	padding:5px 0 0 0;
}

	#AccueilJPO  ul,
	#AccueilFoire  ul{
		margin: 10px;
		padding: 0;
	}

	#AccueilJPO  li,
	#AccueilFoire  li {
		margin: 4px 0;
		padding: 0;
		list-style: none;
		color: black;
		font-weight: bold; 
		
	}
	
	#AccueilJPO  li  em,
	#AccueilFoire  li  em {
		font-style: normal;
		font-weight: normal;
	}

	#AccueilJPO h2,
	#AccueilFoire h2 {
		margin: 0;
		padding:0 0 0 5px;
	}

.AccueilBox {
	position: relative;
	width: 233px;
	margin:0 5px 10px 5px;
	height:102px;
	padding:5px 0 0 0;
	
}
	.AccueilBox strong {
		font-weight: normal;	
		float: right;
		display: block;
		width:115px;
	}
	
	.AccueilBox a {
		position: absolute;
		display: block;
		background: white url('/img/accueil/fleche.png') no-repeat right 50%;
		top:65px;
		width: 213px;
		padding: 10px;
		-moz-opacity:.85;
		opacity:.85;
		font-weight: bold;
		color: #ED5311;
	}


#AB-ESOP,
#AB-Boutique,
#AB-Temoin,
#AB-Diasys {
	background-image: url('/img/accueil/logo-diasys.png');
	background-position: top left;
	background-repeat: no-repeat;
		
}
#AB-ESOP {
	background-image: url('/img/accueil/esop.jpg');
		
}
#AB-Temoin {
	background-image: url('/img/accueil/formation.jpg');
	height:112px;
}

#AB-Boutique {
	background-image: url('/img/accueil/bouton-v.jpg');
	height:112px;
}


#AccueilBoutique {
	padding: 0;	
	border:1px solid #ccc;
	height:375px;
}
	
#AccueilBoutique h2 {
	margin: 0;
	background: #f9bda5;
	padding: 0 10px;
	line-height:25px;
}


.AccueilProduit a.voir  {
	background: transparent url('/img/accueil/fleche.png') no-repeat right 50%;
	font-weight: bold;
	color: #ED5311;
	line-height: 20px;
	padding: 0 30px 0 0;
	
	position: absolute;
	bottom:5px; 
	right:5px;

}

.AccueilProduit {
	position: relative;
	float: left;
	width: 225px;
	height:165px;
	
	margin: 5px 0 10px 0;
	background-position: 5px 10px;
	background-repeat: no-repeat;	
}	

	.AccueilProduit div {
		float: right;
		margin-right:5px;
		width:120px;
		height: 150px;
	}

	.AccueilProduit div h5 {
		margin: 0 0 5px 0;
		font-size:110%;
	}
	.AccueilProduit div em,
	.AccueilProduit div strong {
		display: block;
	}
	
	
.fam-5 {color: #f35c19;}
.fam-6 {color: #67a620;}
.fam-7 {color: #8f1f68;}

#Content-ActifInfo #Title {
	margin:0 0 15px 7px;
}

.post {
	margin:0 15px 15px 15px;
	
	
	border-bottom:1px solid #666;
}

.post  h3 {
	margin: 0 0 10px 0;
	padding:0 0 0 25px;
	background: transparent url('/img/carre_orange.gif') no-repeat left 50%;
	
}

.post  h3 a {
	color: #666;
	text-decoration: none;
}

.commentaires {
	margin:  10px 40px;
	background: #efefef;
	border: 1px solid #ccc;
	padding:5px;
}
.commentaires h3 {
	font-size:11px;
	margin: 0;
}


h2.pagetitle {
	font-size:13px;
	margin: 5px 15px 15px 15px;
	padding: 2px 15px;
	border:1px solid #efefef;
	border-width: 1px 0;
}

td.main {
	padding:0 5px;
}

#AUne {
	width: 411px;
	margin: 0 auto;
}	
	
	#AUne em {
		float:right;
	}	
	
	#AUne h2 {
		margin:0 0 3px 0;
		border-bottom:1px solid #ccc;
		
	}	
	
	
input.readonly {
	border:0;
	background-color: white;	
	color: #666;
	margin:0;
	text-align: center; 
	
}	


#Content-NousContacter .main {
		padding: 0 15px;
}
#Content-NousContacter label {
	font-weight: bold;
}

#Content-NousContacter textarea {
	width :90%;
	border:1px solid #ccc;
	background-color: white;
	font-size:10px;
	height:100px;
}


#Content-Sondage .main {
		padding: 0 15px;
}




ol#sondage-ol {}
ol#sondage-ol li ol{list-style:none;margin:0;padding:0;}
ol#sondage-ol h3{font-size:11px; margin:0;padding:0; color:#ED5311;}

#Content-Suivi .main {
		padding: 0 15px;
}



#Content-Suivi .right h3 {
	margin:0;
	padding:2px;
	font-size:12px;
}



#Content-Suivi ol  {
	margin:0;
	padding:0;
}
#Content-Suivi ol li  {
	list-style: decimal;
	margin-left:30px;
	padding-left:0;
}


#Content-Suivi ol li a  {
	font-weight: normal;
}

#Content-Suivi .right p {
	padding:4px 0;
	margin: 0;
}






.digest-actu {
	margin-bottom:15px;
}

.digest-actu a {
	padding-right:25px;      
	float:right;        
}  
                

.digest-actu h4 {
	margin:0 0 0 0;
	padding:0 0 0 20px;
	background: transparent url('/img/carre.gif') no-repeat left 50%;
}

.digest-actu span {
	color:#666;
	padding:0 0 0 25px;
	background: transparent url('/img/flechegrise.gif') no-repeat 15px 50%;
	
}


.digest-actu div {
	padding: 5px 5px 5px 15px;	
	
}


.digest-resume {
	margin:10px 0;
	font-size:17px;
	color:#999;
	text-align: center; 
	
}


.digest-resume span {
	font-size:10px;
	color:#999;
}


.rappels {

	margin : 2em;
	border:1px solid #ccc;
	background-color:white;
	padding:10px;
}

	.rappels h4 {
		margin:0;
		padding: 3px 0 3px 0;
		border-bottom: 1px solid #ccc;
		margin-bottom:5px;
	}
	
	.rappels td, .rappel th {
		padding:4px;
	}
	.rappels th {
		width:12em;
		text-align:right;
	}
	

/**
 * 5 - Expertise : #f35c19;
 * 6 - Visibilité : #67a620;
 * 7 - Business : #8f1f68;
 * une - Accueil : #f35c19;
 * 8 - Accueil : #f35c19;
 */

.red {
	color: #ED5311 !important
}
#showProduit {
	position: fixed;	
	background: #efefef;
	width:300px;
	border:1px solid #dedede;
	left:50%;
	margin-left:-150px;
	top: 20px;
	
	border:10px solid #dedede;
	border-top:0;
 }

 
	#showProduit h3 {
		background: #dedede;
		color: #666;
		font-weight: bold;
		padding:5px 10px;
		margin:0;
	}
	
	#showProduit .image {
		background: white;
		margin:4px;
		border:1px solid #ccc
	}
	
	
	#showProduit .messageB {
		text-align: center;
		font-size:12px;
		padding:30px 0 20px 0;
		background: transparent url('/img/boutique/blue.gif') no-repeat 50% 10px;
	}
	
	
	#showProduit .description {
		position: absolute;
		width:120px;
		right:10px;
		top:35px;
	}
	#showProduit .closeProduit {
		display: block;
		text-align: right;
		padding-right:25px;
		margin-bottom:10px;
	}
	
	#showProduit table {
		margin:0 0 0 15px ;
		width:250px;
	}
	
	
	#showProduit  .prix {
		text-align: right;
	}
	
	#showProduit  .perso,
	#showProduit  .qte {
		width:3em;
		border:1px solid #ccc;
		background: white;
		text-align: center;
	}
	
	#showProduit  .perso {
		width:250px;
		text-align: left;
		
	}
	
	#showProduit .description {
		font-size:.8em;
		margin: 0 0 10px 15px;
	}
	
	#showProduit a.addPanier {
		display: block;
		margin: 10px 15px; 
		border:1px solid #dedede;
		border-width: 1px 0;
		color: #ED5311;
		
		background: transparent url('') left 50%;
		padding:5px 5px 5px 15px;
	}
	
	
	
.bPanierRappel {
	
}	
	
.bPanierRappel h3 {
	margin:0;
	padding:0 0 0 25px;
	background: transparent url('/img/boutique/caddie.jpg') no-repeat left 50%;
	line-height: 21px;
}	
	
.bPanierRappel h4 {
	margin:0;
	padding:0 0 0 25px;
	line-height: 21px;
}




/**
 *	menu de gauche
 */
 
#Bmenuleft {
	
}
#Bmenuleft h2 {
	background: #dedede;
	margin:0;
	padding:2px;
}
	#Bmenuleft ul {
		margin:0 0 0 0;
		padding:0;
	}
	#Bmenuleft li {
		list-style: none;
		margin:0 0 0 0;
		padding:3px 0 3px 0;
		border:1px solid white;
		border-width: 1px 0;
	}
	
	
	#Bmenuleft li a {
		display: block;
		margin: 0 0 0 15px;
	}
	
	#Bmenuleft li.current {
		background-color: #dedede;
	}
	#Bmenuleft li.current a {
		font-weight: bold;
	}

h4.Bcat-5,
h4.Bcat-8,
h4.Bcat-6,
h4.Bcat-7 {
	background: #67a620;
	color: white;
	margin:0;
	padding:3px 10px;
}
	
h4.Bcat-7 {
	background: #8f1f68;
}
	
	
h4.Bcat-5 {
	background: #f35c19;
}
	
	
h4.Bcat-8 {
	background: #f35c19;
}
	

	
h4.Bcat-6 span,
h4.Bcat-7 span {
	color: #67a620;
	font-size:18px;
}

h4.Bcat-7 span {
	color: #8f1f68;
}


	
h1.Bcat-une,
h1.Bcat-5,
h1.Bcat-6,
h1.Bcat-8,
h1.Bcat-7 {
	border-bottom: 1px solid #67a620;
}
	
h1.Bcat-5 {
	border-color: #f35c19;
}
	
h1.Bcat-7 {
	border-color: #8f1f68;
}
	
h1.Bcat-une {
	border-color: #f35c19;
}
	
h1.Bcat-8 {
	border-color: #f35c19;
}

h1.Bcat-5 span,
h1.Bcat-8 span,
h1.Bcat-6 span,
h1.Bcat-7 span {
	float: right;
	color: #67a620;
	font-size:18px;
}

h1.Bcat-5 span {
	color: #f35c19;
}
h1.Bcat-7 span {
	color: #8f1f68;
}
h1.Bcat-8 span {
	color: #f35c19;
}

h1.Bcat-5 strong,
h1.Bcat-8 strong,
h1.Bcat-6 strong,
h1.Bcat-7 strong {
	color: #ED5311 !important;		
	font-size:14px;
}
	
h2.Bcat-5,
h2.Bcat-8,
h2.Bcat-6,
h2.Bcat-7 {
	background-color:  #67a620;
	padding:5px;
	width:250px;
	color: white;
}
	
h2.Bcat-5 {
	background-color: #f35c19;
}
h2.Bcat-8 {
	background-color: #f35c19;
}
	
h2.Bcat-7 {
	background-color: #8f1f68;
}
	
h2.Bcat-une {
	background: transparent;
	color: #f35c19;
}	
	
div.Bcat-une,
div.Bcat-5,
div.Bcat-8,
div.Bcat-6,
div.Bcat-7 {
	float:left;
	height:0.8em;
	margin:3px 0.5em 0 0;
	overflow:hidden;
	width:0.8em;
	background: #67a620;
}

div.Bcat-5 {
	background: #f35c19;
}

div.Bcat-8 {
	background: #f35c19;
}
div.Bcat-7 {
	background: #8f1f68;
}
div.Bcat-une {
	background: #f35c19;
}



table.Boutils {
	width: 99%;
	margin:0 auto;
	
	border-collapse: collapse;
}
	table.Boutils .description {
		height:3em;
		font-size:.8em;
		margin: 0 0 10px 0;
	}
	table.Boutils a.addPanier {
		float: right;
		margin : 10px 5px 3px 0;
	}
	table.Boutils td {
		width: 50%;
		border:1px solid #ccc;
		border-width: 0 0 1px 1px;
		padding:5px 10px;
	}
	
	table.Boutils td.L {
	
		border-width: 0 0 1px 0;
	}
	
	table.Boutils .modes {
		margin: 0;
		padding: 0;
	}	
	table.Boutils .modes li {
		margin: 0;
		padding: 7px 0 7px 25px;
		list-style: none;
	}	
	
	table.Boutils	li.mode-1,
	table.Boutils	li.mode-2,
	table.Boutils	li.mode-3 {
		background: transparent url('/img/boutique/mode-1.jpg') no-repeat left 50%;
		
	}
	table.Boutils	li.mode-2 {
		background-image: url('/img/boutique/mode-2.jpg');
		}
	table.Boutils	li.mode-3 {
		background-image: url('/img/boutique/mode-3.jpg');
		}
		

#TCommande {
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	
}

#TCommande .COL1 { width:50px;}
#TCommande .COL2 { }
#TCommande .COL3 { width:75px;}
#TCommande .COL4 { width:75px;}
#TCommande .COL4bis { width:75px;}
#TCommande .COL5 { width:120px;}

#TCommande td,
#TCommande th {
	padding:5px;
	background-color: white;
	border:1px solid white;
}  

#TCommande td.qte,
#TCommande th.qte {
	background: #dedede;
	text-align: center;
	font-weight: bold;
}  

#TCommande td.price,
#TCommande th.price {
	background-color: #efefef;
	text-align: center;
	font-weight: bold;
}  
#TCommande th.bas,
#TCommande td.bas {
	background-color: #f3f3ef;
	border-color: #f3f3ef;
}  
#TCommande th.bas {
	text-align:right;
	padding-right: 15px;
}

#TCommande th.no {
	background-color: transparent;
	border:0;
}

#TCommande th.titre {
	text-align: left;
	padding-left:50px;
}  

#TCommande td.description {
	background: #dedede;
	font-weight: bold;
}
	#TCommande td.description pre {
		margin:0;
		padding: 0 0 0 10px;
		font-size:80%;
	}

#TCommande th.prixTTC {
	background-color: #ED5311;
	color: white;
}
#TCommande td.prixTTC {
	background-color: #dedede;
	text-align: right;
}
#TCommande td.price_total {
	color:#960001;
	background-color: #ED5311;
}

#TCommande th.supprime,
#TCommande td.supprime {
	text-align: center;
	background-color: #efefef;
}

#TCommande td.supprime span {
	display: none;
}
#TCommande td.cdc {
	border-right:0;
}
#TCommande td.ss-total {
	text-align:right;
	font-weight: bold;
	font-size:130%;
	color:#960001;
}

#TCommande tr.line1 .cdc,
#TCommande tr.line1 .description {
		background-color: #eeebda;
	}

#TCommande tr.line2 .cdc,
#TCommande tr.line2 .description {
		background-color: #d7d5c6;
	}
	
	
#TCommande tr.bdcTD td {
		text-align: right;
		background-color: #d7d5c6;
	}
	
#TCommande tr.bdcTD th {
		text-align: right;
		background-color: #d7d5c6;
	}
	
	
.ssTotalTTC {
	text-align: right;
	font-weight: bold;
	color: white;
	background-color: #ED5311 !important;	
}
				
div.torange {
	background-color: 	#f35c19;
}			
				
div.trose {
	background-color: 	#8f1f68;
	padding:5px;
	color: white !important;
}			
div.torange {
	background-color: 	#e9d5bd;
	padding:5px;
}			
	div.torange ul {
		margin:0;
		padding: 0;
	}			
		
	div.torange li {
		margin:0 0 0 5px;
		padding:0;
		list-style: none;
	}			
.tjaune {
	background: #fcc707;
	padding:5px;
	margin: 0 0 5px 0;
}				



/*
div.ZC-actions {
	margin:10px 30px;
	background: pink;
	
}
	
	
	div.ZC-actions a {
		display: block;
		border:1px solid #ccc;
		background: white;
		padding:10px 10px 10px 50px;
		width: 120px;
		height:30px;
		float: left;
		margin-right:20px;
	}
	
	div.ZC-actions a:hover {
		color: #ED5311 !important;	
		background: #efefef;
	}
	*/
	
	
div.ZC-actions a  {
	background:white url(/img/common/fl_white.jpg) no-repeat scroll left 50%;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 0;
	color:#666666;
	display:block;
	margin:10px 0 0;
	padding:0 0 0 20px;
	text-align:left;
	width:100%;
}




.PI-left {
	float: left;
	margin:0 10px 5px 0;
}


.PI-right {
	float: right;
	margin:0 0 1px 5px;
}


.PI-link {
	display: block;
	margin: 10px 0;
	padding:5px 5px 5px 30px;
	font-weight: bold;
	color: #ED5311 !important;	
	background: transparent url('/img/flechegrise.gif') no-repeat 10px 50%;
}


a.commande {
	display: block;	
}


#produit-une {
	height:200px;
	width:260px;
	margin: 0 15px 15px 0;
	float: left;
}


.Boutiquelegende {
	margin:20px 10px 20px 10px;
	border : 1px solid #dedede;
	background: #efefef;
	padding:5px;
}
.Boutiquelegende h3 {
	margin-top:0;	
}
.Boutiquelegende table {
	margin: 0 0 15px 0;
}
.Boutiquelegende tr {
	vertical-align: middle;
}
.Boutiquelegende td {
	padding:2px;
}
.Boutiquelegende .tjaune {
	width: 70%;
	margin-bottom:10px;
	
}


.BoutiqueEtape {
	margin-top:10px;
	padding-left:250px;
	height:250px;
	background: transparent url('/img/boutique/3-points.jpg') no-repeat left top;
}

.bestVente {
	float: right;
	width: 290px;
	margin:0;
	padding:0;
}

.bestVente li {
	padding: 3px 0 3px 0;
}


.btnCommande {
	font-weight: bold;
	background: #ED5311 !important;
	color: white;
	display: block;
	padding:2px;
	text-align: center;
	margin:2px;	 
}




table.prix {
	border-collapse: collapse;
	margin: 10px 0;
}

table.prix th,
table.prix td{
	border:1px solid #ccc;
	padding:3px;
}


table.prix td {
	text-align: center;
}

table.prix  th {
	text-align: right;
}
table.prix thead th {
	text-align: center
}


tr.broderie {

}
	
	tr.broderie tr {
		vertical-align: middle;
	}

	tr.broderie th {
		font-weight: normal;
		text-align: left;
	}
	tr.broderie td {
		padding : 0 5px 10px 5px;
		font-weight: bold;
		border-bottom:1px solid #ccc;
	}
	
	

	.Code {
		background: #efefef;
		border:1px solid #ccc;
		padding:10px;	
		margin:15px 0;
		width:550px;
	}
	
	.Code a {
		display: block;
		text-align:left;
		font-size:15px;
		font-weight: bold;
		padding:15px;
	}	#frame {
	position: relative;	
}

#MenuGeneral {
	height:90px;
}


#Banniere {
	position: absolute;
	top :50px;
	left : 40px;
}
.salons {
	width: 99%;
	margin: 0 auto;
	border-spacing: 0;
}

.salons td {
	padding:2px 5px;
	border-bottom:2px solid white;
}

.salons tr.jpo td {
	background: #efefef;
}

.salons tr.foire td,
.salons tr.salon td {
	background: #dedede;
}