* {margin:0; padding:0;}

body, td { font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 12px; }
p { }
td { }
img 	{ border:0;}


a:link { color: black; font-weight: normal; text-decoration: none; font-size: 12px; }
a:visited { color: black; font-weight: normal; text-decoration: none;font-size: 12px; }
a:active { color: black;font-weight: normal;  text-decoration: none;font-size: 12px; }
a:hover { color: black; font-weight: bold; text-decoration: none;font-size: 12px; }

h1,
h2, h2 a:link, h2 a:visited,
h3,
h2.titre_produit,
h1.titre_produit,
.titre_produit,
.titres,
.titre_produit a:link
{ color: #2C337E; font-size: 14px; font-weight: bold; text-align: left; }

.menublanc:link { color: white; font-weight: normal; text-decoration: none; }
.menublanc:visited { color: white; font-weight: normal; text-decoration: none; }
.menublanc:active { color: white; font-weight: normal; text-decoration: none; }
.menublanc:hover { color: white; font-weight: bold; text-decoration: none; }


.menublanchaut:link { color: #2C337E; font-size: 14px; font-weight: bold; text-decoration: none; }
.menublanchaut:visited { color: #2C337E; font-size: 14px; font-weight: bold; text-decoration: none; }
.menublanchaut:active {color: #2C337E; font-size: 14px; font-weight: bold; text-decoration: none; }
.menublanchaut:hover {color: #2C337E; font-size: 14px; font-weight: bold; text-decoration: underline; }

.pipeblanc { color: black; font-weight: bold; text-decoration: none; }

.menugras:link { color: black; font-size: 13px; font-weight: bold; text-decoration: none; }
.menugras:visited { color: black; font-size: 13px; font-weight: bold; text-decoration: none; }
.menugras:active { color: black; font-size: 13px; font-weight: bold; text-decoration: none; }
.menugras:hover { color: gray; font-size: 13px; font-weight: bold; text-decoration: none; }


.ensavoirplus:link { color: #2C337E; font-size: 10px; font-weight: normal; text-align: right; }
.ensavoirplus:visited { color: #2C337E; font-size: 10px; font-weight: normal; text-align: right; }
.ensavoirplus:active { color: #2C337E; font-size: 10px; font-weight: normal; text-align: right; }
.ensavoirplus:hover { color: #2C337E; font-size: 10px; font-weight: bold; text-align: right; }

.baselink:link { color: black; font-size: 10px; }
.baselink:visited { color: black; font-size: 10px; }
.baselink:active { color: black; font-size: 10px; }
.baselink:hover { color: black; font-size: 10px; }
/**/



/**/

.titresouligne { color: black; font-size: 14px; font-weight: bold; text-align: left; text-decoration: underline;}

.deconnexion {
	text-align:right;
	font-size: 11px;
}
a.deconnexion {
	color: #2C337E;
}

.menuhautpart, a.menuhautpart {
	color: #2C337E;
}

.body { color: black; }
.baseline01 { color: black; }
.baseline02 { color: black; font-size: 10px; }
.bodygras { color: black; font-weight: bold; }

.grandtitres { color: #2C337E; font-size: 22px; font-weight: bold; text-align: left; }
.prixeuros { color: black; font-size: 16px; font-weight: bold; }
.prixeurospromo { color: #2C337E; font-size: 16px; font-weight: bold; }

.prixeurosbarre { color: black; font-size: 13px; font-weight: bold;text-decoration: line-through; }
.achetez { color: white; font-size: 11px; font-weight: bold; text-align: left; }
.bodyrouge { color: #2C337E; }


.titressite { color: #2C337E; font-weight: bold; text-align: left; }
.prixeurospromosite { color: #2C337E; font-size: 14px; font-weight: bold; }
.prixeurosbarresite { color: black; font-size: 11px; font-weight: bold;text-decoration: line-through; }
.bodygrassite { color: black; font-size: 11px; font-weight: normal; }
.prixeurossite { color: black; font-size: 13px; font-weight: normal; }

input.achetez
{
	font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: none;
	color: #FFFFFF;
	height: 100%;
	background-color: #2C337E;
	text-align: center;
}

input.continuer
{
	font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border: none;
	color: #FFFFFF;
	height: 100%;
	background-color: #2C337E;
	text-align: center;
}

.lignetitreimage
{
	font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2C337E;
	padding-left:2px;
}

.etoile { color: #2C337E; font-size: 18px; font-family:Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

a.lien_bleu:link { font-family: Verdana, Helvetica, Arial; font-weight: bold; color: #000088; TEXT-DECORATION: none }
a.lien_bleu:visited { font-family: Verdana, Helvetica, Arial; font-weight: bold; color: #000088; TEXT-DECORATION: none }
a.lien_bleu:hover { font-family: Verdana, Helvetica, Arial; font-weight: bold; TEXT-DECORATION: none }
a.lien_bleu:active { font-family: Verdana, Helvetica, Arial; font-weight: bold; TEXT-DECORATION: none }

table.separation
{
	width:100%;
	border-spacing: 1px;
	font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	color: black;
	font-size: 12px;
}

.titre_recapitulatif_cde
{
	background-color:silver;
}

.ligne_recapitulatif_cde
{
	background-color:#F0F0F0;
}

.lignedroite
{
	font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 12px;
}

.lignedroitedroite
{
	font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 12px;
}

.lignechamps
{
	font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 12px;
}

.txt { color: black; }
.txtpetit { color: black; font-size: 11px; }
.txtcde { color: black; font-size: 11px; }
.txtcdedroite
{
	color: black;
	font-size: 11px;
	font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-align:right;
	padding-right:4px;
	padding-left:4px;
}
.txt_14px { color: #FFFFFF; font-size: 14px; }
.txtbleubold { color: #000088; font-weight: bold; }
.txt11bold { color: #000088; font-size: 11px; font-weight: bold; }
.txt11boldcdebleu
{
	padding:4px;
	color: #000088; font-size: 11px; font-weight: normal;

}
.txt11boldcde
{
	padding:4px;
	color: #000088; font-size: 11px; font-weight: bold;
	border-top: #a0a0a0 1px solid ;
}
.ligne_sans_fond
{
	padding:4px;
}
.aligncenter
{
	text-align:center;
}
.traitcommande
{
	border-bottom: #a0a0a0 1px solid ;
	border-right: #a0a0a0 1px solid ;

}
.txtpassword { color: #000088; font-size: 10px; font-weight: bold; }
.txtrouge { color: #2C337E; }
.txtrougepetit { color: #2C337E; font-size: 11px; }
.txtrougebold { color: #2C337E; font-weight: bold; }
.txtbarre { color: #000088; font-family: Verdana, Helvetica, Arial; text-decoration:line-through;}
.txtbarrepetit { color: #000000; font-size: 10px; font-family: Verdana, Helvetica, Arial; text-decoration:line-through;}

.texteblanc { color: white; font-weight: bold; text-decoration: none; }

.lignechamps,ligneinput
{
	padding:2px;
	color: #000088; font-size: 11px; font-weight: normal;

}

a.titressite:link {  color: #2C337E; font-weight: bold; text-align: left;TEXT-DECORATION: none; }
a.titressite:visited { color: #2C337E; font-weight: bold; text-align: left;TEXT-DECORATION: none; }
a.titressite:hover {  color: #2C337E; font-weight: bold; text-align: left;TEXT-DECORATION: underline; }
a.titressite:active { color: #2C337E; font-weight: bold; text-align: left;TEXT-DECORATION: none; }

.arriereplan5 { background:url(../charte/p10.gif) no-repeat 0% 100%; }
.arriereplan6 { background:url(../charte/p11.gif) no-repeat; }

.lignetitreimagecde
{
	font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #2C337E;
	padding-left:2px;
}

#dhtmlgoodies_tooltip{
	background-color:#EEE;
	border:1px solid #000;
	position:absolute;
	display:none;
	z-index:20000;
	padding:2px;
	font-size:0.9em;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
	font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;

}
#dhtmlgoodies_tooltipShadow{
	position:absolute;
	background-color:#555;
	display:none;
	z-index:10000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
}


.txterreur { color: red; font-weight: bold; }
a.txterreur:link { color: red; font-weight: bold;TEXT-DECORATION: none; }
a.txterreur:visited { color: red; font-weight: bold;TEXT-DECORATION: none; }
a.txterreur:hover {  color: red; font-weight: bold;TEXT-DECORATION: underline; }
a.titressite:active {color: red; font-weight: bold;TEXT-DECORATION: none; }

.grisclair
{
	background-color:#E3E3E3;
}

.liste_plan
{
	list-style-type: none;
}
.ariane
{
	font-size:7pt;
}
.ariane a
{
	font-size:7pt;
}

/* boutons elastiques ok */
.btnwithtexte {
	padding: 0 0 0 0px;
	clear: both;
}
.btnwithtexte a {
	display: block;
	/*float: left;*/
	background: transparent url(../charte/btnwithtexte-a.gif) no-repeat top right;
	color: white;
	padding: 0 0 0 0;
	margin: 0;
	cursor:  pointer;
}
.btnwithtexte b {
	background: transparent url(../charte/btnwithtexte-b.gif) no-repeat top left;
	padding: 6px 10px 0 10px;
	display: block;
	height: 26px;
}
/* fin boutons elastiques ok */

/********************************************************************************************************************/

/* Tableau de ventes des partenaires */
/*
.lignetitre
{
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: white;
	background-color:#000088;
	text-align:left;
	padding-left:2px;
}
td.suivivente
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#a0a0a0;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #FFFFFF 1px solid ;
}

.txtnoirbold
{
	color: black;
	font-size: 12px;
	font-family:  Arial;
	font-weight: bold;
	background-color:#efefef;
}

td.lignedroitecentre
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:#ffffff;
	font-family: Arial;
	font-size: 12px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
}

td.lignedroitecentrerouge
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:red;
	font-family: Arial;
	font-size: 12px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
}

td.lignedroitecentrejaune
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:yellow;
	font-family: Arial;
	font-size: 12px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
}

td.lignedroitecentreorange
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:orange;
	font-family: Arial;
	font-size: 12px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
}

td.lignedroitecentrevert
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:#2CFD7F;
	font-family: Arial;
	font-size: 12px;
	color: white;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
}

td.lignedroitecentrebleu
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:#5A73DE;
	font-family: Arial;
	font-size: 12px;
	color: white;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
}

td.lignedroitedroite2
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:#ffffff;
	font-family: Arial;
	font-size: 12px;
	color: #000088;
	text-align:right;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
}

td.lignedroite2
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:#ffffff;
	font-family: Arial;
	font-size: 12px;
	color: #000088;
	text-align:left;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
}

.lignetitrecolor
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color : #000088;
	padding-left:2px;
	BORDER-RIGHT: #FFFFFF 1px solid ;
	BORDER-TOP: #FFFFFF 1px solid ;
}

/* TABLEAU POUR LE DETAIL D'UNE COMANDE */
/*
table.detail_cde
{
	width:100%;
	border: black 1px solid;
	border-spacing: 1px;
}

tr.lignetitre_detail_cde
{
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: white;
	background-color:#4ECBE6;
	padding-left:2px;
}

tr.ligne_detail_cde
{
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: white;
	background-color:silver;
	padding-left:2px;
}

a.bleu:link { font-family: Verdana, Arial; font-size: 12px; font-weight: normal; color: #000088; TEXT-DECORATION: none }
a.bleu:visited { font-family: Verdana, Arial; font-size: 12px; font-weight: normal; color: #000088; TEXT-DECORATION: none }
a.bleu:hover { font-family: Verdana, Arial; font-size: 12px; font-weight: normal; TEXT-DECORATION: none }
a.bleu:active { font-family: Verdana, Arial; font-size: 12px; font-weight: normal; TEXT-DECORATION: none }

.lignetitre20
{
	font-family: Verdana;
	font-size: 20px;
	font-weight: bold;
	color: white;
	background-image: url(../charte/about-2.gif);
	text-align:left;
	padding-left:2px;
}

.cadrecpc
{
	width:100%;
	text-align:center;
	border-collapse: collapse;
	border-spacing: 1px;
}

/* PLANNING */
/*
.periodeplanning
{
	font-family: Verdana;
	font-size: 17px;
	font-weight: bold;
	color: white;
	background-color:#000088;
	text-align:left;
}

td.planmatin
{
	background-color:#efefef;
	font-family: Arial;
	font-size: 16px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
}

td.planmatinweek
{
	background-color:orange;
	font-family: Arial;
	font-size: 16px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
}

td.planmatinferie
{
	background-color:#FF000C;
	font-family: Arial;
	font-size: 16px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
}

td.planapresmidi
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:#ffffff;
	font-family: Arial;
	font-size: 16px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
}

td.planmois
{
	BORDER: #FFFFFF 1px solid ;
	font-family: Verdana;
	font-size: 17px;
	font-weight: bold;
	color: white;
	background-color:#000088;
	text-align:center;
}
.planmois
{
	BORDER: #FFFFFF 1px solid ;
	font-family: Verdana;
	font-size: 17px;
	font-weight: bold;
	color: white;
	background-color:#000088;
	text-align:center;
}
td.plansite
{
	BORDER: #FFFFFF 1px solid ;
	font-family: Verdana;
	font-size: 17px;
	font-weight: bold;
	color: white;
	background-color:#000088;
	text-align:center;
}

td.planjournum
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:#ffffff;
	font-family: Arial;
	font-size: 21px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	font-weight: bold;
}

td.planjour
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:#ffffff;
	font-family: Arial;
	font-size: 16px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
	font-weight: bold;
}

td.planjournumweek
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:orange;
	font-family: Arial;
	font-size: 21px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	font-weight: bold;
}

td.planjourweek
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:orange;
	font-family: Arial;
	font-size: 16px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
	font-weight: bold;
}

td.planjournumferie
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:#FF000C;
	font-family: Arial;
	font-size: 21px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	font-weight: bold;
}

td.planjourferie
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:#FF000C;
	font-family: Arial;
	font-size: 16px;
	color: #000088;
	text-align:center;
	padding-left:2px;
	BORDER-RIGHT: #000088 1px solid ;
	font-weight: bold;
}


td.ligneinput2
{
	text-align:left;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	BORDER-BOTTOM: #E0E0E0 1px dashed  ;
}

.lignechamps2
{
	font-family: Arial;
	font-size: 12px;
	color: #000088;
	text-align:right;
	font-weight: bold;
}
td.lignechamps2
{
	font-family: Arial;
	font-size: 12px;
	color: #000088;
	text-align:right;
	font-weight: bold;
	BORDER-BOTTOM: #E0E0E0 1px dashed ;
}
td.ligne
{
	BORDER-BOTTOM: #000088 1px solid ;
	background-color:#ffffff;
	font-family: Arial;
	font-size: 12px;
	color: #000088;
	text-align:left;
	padding-left:2px;
}

.txt2 { color: #000088; font-size: 12px; font-family: Arial }
.txtpetit2 { color: #000088; font-size: 10px; font-family: Arial }
.txtsouligne { color: #000088; font-size: 12px; font-family: Arial; TEXT-DECORATION: underline; font-weight: bold; }
.txtsoul { color: #000088; font-size: 12px; font-family: Arial; TEXT-DECORATION: underline; }
.txtvert { color: green; font-size: 12px; font-family: Arial }
.txtnoir { color: black; font-size: 12px; font-family:  Arial }
.txtnoirbold2 { color: black; font-size: 12px; font-family:  Arial; font-weight: bold; }
.txtbleubold2 { color: #000088; font-size: 12px; font-family:  Arial; font-weight: bold; }
.txtbleuitalic { color: #000088; font-size: 12px; font-family:  Arial; font-style:italic;  }
.txtrougebold2 { color: red; font-size: 12px; font-family:  Arial; font-weight: bold; }


#liste  { width:100%; }
ul.liste, .liste li, .liste a {padding:0px ; margin:0px}

.formulaire
{
	width:99%;
	border: 1px solid;
	border-top-color: #000000;
	background-color:#ffffff;
}

.fondvert
{
	color: #000088;
	font-size: 12px;
	font-family: Arial;
	background-color:#3EFB7C;
}
.fondrouge
{
	color: #000088;
	font-size: 12px;
	font-family: Arial;
	background-color:#FB393E;
}
.fondbleu
{
	color: #000088;
	font-size: 12px;
	font-family: Arial;
	background-color:#77D6FD;
}
.fondambre
{
	color: #000088;
	font-size: 12px;
	font-family: Arial;
	background-color:#FAB44B;
}

table.cpcwidth
{
	width:100%;
	text-align:center;
	border-collapse: collapse;
	border-spacing: 1px;
}

.titrecalendrier
{
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: white;
	background-color:#000088;
	text-align:center;
}
*/
/* Fin tableau de ventes des partenaires */