body {line-height:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; margin:0 0 0 0; background-color: #999999;}

sup {font-size:85%;line-height:normal;vertical-align:top;}

form {padding:0 0 0 0; margin:0 0 0 0 ;}
.asterisque {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 8px; VERTICAL-ALIGN: top; COLOR: #FF0099}
.photo {BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #999 1px solid; BACKGROUND-COLOR: #efefef}
.legende {FONT-SIZE: 10px; COLOR: #999; LINE-HEIGHT: normal; TEXT-ALIGN: center}
.note {BORDER-TOP: #ccc 1px solid; FONT-SIZE: 10px; COLOR: #999; TEXT-ALIGN: left}

#ContenuAdm {width: 700px; margin: 0; padding: 0; }
#ContenuAdm .violet {color: #FF0099; font-weight:  bold;}
#ContenuAdm TD.fondgris {background-color: #DDDDDD; padding: 8px 8px 8px 8px;}
#ContenuAdm TD {padding: 0;}
#ContenuAdm textarea.T1  {border: 1px solid Black;	background-color: #eee; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#ContenuAdm input.T1  {border: 1px solid Black;	background-color: #eee;}
#ContenuAdm input.T2  {border: 1px solid Black;	background-color: #eee; font-size:9px;}
#ContenuAdm select {border: 1px solid Black; background-color: #eee;}
#ContenuAdm .tableau {margin:0px; background-color: White;	border-color: Black;}
#ContenuAdm .tab_gauche_haut {border-top: 1px solid Black;	border-left: 1px solid Black; text-align:right;}
#ContenuAdm .tab_haut {border-top: 1px solid Black;}
#ContenuAdm .tab_droite_haut {border-top: 1px solid Black;border-right: 1px solid Black;}
#ContenuAdm .tab_gauche_bas {border-bottom: 1px solid Black; border-left: 1px solid Black;text-align:right;}
#ContenuAdm .tab_bas {border-bottom: 1px solid Black;}
#ContenuAdm .tab_droite_bas {border-bottom: 1px solid Black;border-right: 1px solid Black;}
#ContenuAdm .tab_gauche {border-left: 1px solid Black;text-align:right;}
#ContenuAdm .tab_droit {border-right: 1px solid Black;}
#ContenuAdm .formtitre {text-transform: uppercase;display: block;width: 100%;height: 20px;color: #FFF;font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	background-color: #666666;}
#ContenuAdm .formvalid {color: #FFF;font-size: 12px;font-weight: bold;background-color: #666666;border: none;}
#ContenuAdm .formvalid2 {color: #FFF;font-size: 9px;background-color: #666666;border: none;}

#ContenuBis {width: 565px; margin: 0; padding: 8px 14px 10px 14px; background: url(images/fond-contenu.gif) transparent top left repeat-y;}
#ContenuBis .violet {color: #FF0099; }
#ContenuBis TR.titre {background-color: #000000; color:#FFFFFF; border: 1px solid black;}
#ContenuBis TD.fondgris {background-color: #DDDDDD; padding: 8px 8px 8px 8px;}
#ContenuBis .grisclair {background-color: #dddddd; }
#ContenuBis .blanc {background-color: #ffffff; }

#ContenuBis TD {padding: 0;}
#ContenuBis TD.adroite {text-align: right; width:180px; vertical-align:top}
#ContenuBis TD.agauche {text-align: left; width:auto; vertical-align:top;}
#ContenuBis table td.image {background: url(images/fond-image-polaroid.gif) transparent top left no-repeat; vertical-align:inherit; }
#ContenuBis textarea.T1  {border: 1px solid Black; width:200px; background-color: #eee; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#ContenuBis textarea.T2  {border: 1px solid Black; width:480px; background-color: #eee; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#ContenuBis input.T1  {border: 1px solid Black;	background-color: #eee; width:200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#ContenuBis input.T2  {border: 1px solid Black;	background-color: #eee; font-size:10px;}
#ContenuBis input.T3  {font-size:10px;}

#ContenuBis input.T4  {font-size:10px; font-weight:bold;}
#ContenuBis input.T5  {border: 1px solid Black;	background-color: #eee; width:100px; font-size:10px;}
#ContenuBis input.T6  {border: 1px solid Black;	background-color: #eee; width:150px; font-size:10px;}
#ContenuBis select.T0 {border: 1px solid Black; background-color: #eee; width:70px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#ContenuBis select.T1 {border: 1px solid Black; background-color: #eee; width:200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#ContenuBis select.T2 {border: 1px solid Black; background-color: #eee; width:60px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#ContenuBis select.T3 {border: 1px solid Black; background-color: #eee; width:40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#ContenuBis .tableau {margin:10px; background-color: White;	border-color: Black;}
#ContenuBis .tab_gauche_haut {border-top: 1px solid Black;	border-left: 1px solid Black; text-align:right;}
#ContenuBis .tab_haut {border-top: 1px solid Black;}
#ContenuBis .tab_droite_haut {border-top: 1px solid Black;border-right: 1px solid Black;}
#ContenuBis .tab_gauche_bas {border-bottom: 1px solid Black; border-left: 1px solid Black;text-align:right;}
#ContenuBis .tab_bas {border-bottom: 1px solid Black;}
#ContenuBis .tab_droite_bas {border-bottom: 1px solid Black;border-right: 1px solid Black;}

#ContenuBis .tab_gauche {border-left: 1px solid Black;text-align:right;}
#ContenuBis .tab_droit {border-right: 1px solid Black;}
#ContenuBis .formtitre {text-transform: uppercase;display: block;padding-left: 15px; width: 90%;height: 20px;color: #FFF;font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	background-color: #666666;}
#ContenuBis .formvalid {padding: 2px 4px 2px 4px;color: #FFF;font-size: 12px; background-color: #666666;border: none;}
#ContenuBis .formvalid2 {color: #FFF;font-size: 9px;background-color: #666666;border: none;}
#ContenuBis .formvalid4 {color: #FFF;font-size: 9px;background-color: #666666;border: none;width:120px;height:20px;}


#Conteneur {width: 813px;margin: 0 auto 0 auto;	padding-right: 28px;}

#ContenuBis .formvalidphoto {padding: 2px 4px 2px 4px;color: #FFF;font-size: 12px;background-color: #C90;border: none;}
#ContenuBis .formvalidconcours {padding: 2px 4px 2px 4px;color: #FFF;font-size: 12px;background-color: #C00;border: none;}

/***************************************     Couleurs         *******************************************/

.C1, .C1 a {color: #369;}                       				/* bleu - vetements */ 
h2.C1 {	background-color: #369; color: white;}
div.C1 {color: #369;border-bottom: #369 1px dashed;}

.C1bis, .C1bis a {color: #669999;}   							 /* bleu2 - vetements */ 
div.C1bis {color: ##339999;border-bottom: #369 1px dashed;}
h2.C1bis {background-color: #669999;}

.C2, .C2 a {color: #939;}                                       /* mauve - déco */
div.C2 {color: #939;border-bottom: #939 1px dashed;}
h2.C2 {background-color: #939;}

.C2bis, .C2bis a {color: #663366;}                                       /* mauve - déco */
div.C2bis {color: #663366;border-bottom: #663366 1px dashed;}
h2.C2bis {background-color: #663366;}

.C3, .C3 a {color: #C09;}										/* violet - autre prod */
div.C3 {color: #C09;border-bottom: #C09 1px dashed;}
h2.C3 {background-color: #C09;}

.C4, .C4 a {color: #C00;}										/* rouge - concours */	
div.C4 {color: #C00;border-bottom: #C00 1px dashed;}

.C5, .C5 a {color: #C90;}										/* jaune  */
div.C5 {color: #C90;border-bottom: #C90 1px dashed;}
h2.C5 {	background-color: #C90;}

.C6, .C6 a {color: #990;}										/* vert -  */
div.C6 {color: #990;border-bottom: #990 1px dashed;}

.C7, .C7 a {color: #390;}										/* vert +  */
div.C7 {color: #390;border-bottom: #390 1px dashed;}

div.C7a {color: #390;}

.C7bis, .C7bis a {color: #FF6600;}
div.C7bis {color: #FF6600;border-bottom: #369 1px dashed;}
div.C7abis {color: #FF6600;}

.C8, .C8 a {color: #FF0099;}
div.C8 {color: #FF0099;border-bottom: #390 1px dashed;}

.C9, .C9 a {color: #505050;}
div.C9 {color: #505050;border-bottom: #505050 1px dashed;}

.C10, .C10 a {color: #FFF;}
div.C10 {color: #FFF;border-bottom: #FFF 1px dashed;}

.C11, .C11 a {color: #666600;}
div.C11 {color: #666600;border-bottom: #666600 1px dashed;}

.grisFonce {color: #666;border-bottom-color: #666;}
.grisClair {color: #CCC;border-bottom-color: #CCC;}
a {color: #CC0000;text-decoration: none;}
a:hover {color: #CCCCCC;text-decoration: none;}

hr.C1 {border: none 0; border-bottom: 1px dashed #369;height: 1px;}
hr.C1bis {border: none 0; border-bottom: 1px dashed #699;height: 1px;}
hr.C2 {border: none 0; border-bottom: 1px dashed #939;height: 1px;}
hr.C3 {border: none 0; border-bottom: 1px dashed #C09;height: 1px;}

/***************************************************************************
							ENTETE
***************************************************************************/

#Entete {display: block;width: 225px;height: 225px;margin: 0 auto 3px auto;padding: 10px;background: #FFFFFF;}
#Entete img{display: block;position: relative;width: 155px;height: 66px;margin: 0;top: 18px;left: 18px;background-color: #0066CC;}
#Entete h1 span {display: none;}
#Entete ul {position: relative;	margin: 0 0 0 0px;	padding: 0;	top: 79px;	text-transform: uppercase;	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;	list-style-type: none;}
#Entete ul li a {padding-left: 13px;color: #FFFFFF;	border-left: 10px #000 solid;}
#Entete ul li a:hover {	color: #CCCCCC;	border-left: 10px #F09 solid;}
sup {text-transform: lowercase;}

#header {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #000000; PADDING-BOTTOM: 0px; MARGIN: 0px auto 3px; WIDTH: 185px; PADDING-TOP: 0px; HEIGHT: 225px}
#header .tags {DISPLAY: none}
#header .logo {LEFT: 18px; POSITION: relative; TOP: 18px}
#header .menu-top {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-TRANSFORM: uppercase; PADDING-TOP: 0px; FONT-FAMILY: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; POSITION: relative; TOP: 95px}
#header .menu-top A {PADDING-LEFT: 10px; BORDER-LEFT: #000 10px solid; COLOR: #fff}
#header .menu-top A:hover {BORDER-LEFT: #f09 10px solid; COLOR: #ccc}

/***************************************************************************
							COLONNE GAUCHE
***************************************************************************/

#Gauche {position: relative;float : right;margin-right: 0px;}
#Boutique, #Participer {clear: both;width: 162px;margin: 0px 0px 0 28px;padding: 0px 13px 9px 13px;	background: url(images/fond-menus.gif) transparent repeat-y;}
div.basMenu {display: block;width: 188px;height: 4px;margin: 0 0 0 28px;font-size: 0px;padding: 0;background: url(images/bas-menu.gif) #999 top left no-repeat;}
h2 {font-weight: bold;font-size: 11px;text-transform: uppercase;margin: 0;padding-bottom: 9px;}
h2.menu {display: block;width: 208px;height: 24px;padding: 13px 0 0 8px;margin: 4px 0 0 0;color: #CCC;font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	background: url(images/entete-menu.gif) transparent top left no-repeat;}
h2.menu span.boutique {padding-left: 24px;margin:0;	background: url(images/puce-boutique.gif) transparent top left no-repeat;}
h2.menu span.participer {padding-left: 24px;margin:0;background: url(images/puce-participer.gif) transparent top left no-repeat;}
#Boutique h3, #Participer h3 {text-transform: uppercase;font-size: 11px;margin: 0px;padding-top: 7px;padding-bottom: 8px;background-color: #fff;}
div.ssmenu { height: 0; overflow: hidden; }
div.ssmenu ul {list-style-type: disc; color:#666666; margin-top: 0px;margin-bottom: 5px;font-size: 10px;}
div.ssmenu ul li {margin-left: -15px;}

.panier, .euro {position: relative;width: 68px;padding: 4px 7px 5px 7px;margin: 10px 0 0 0;color: #666;font-weight: bold;text-transform: uppercase;background-color: #CCC;top: -2px;}
.panier a {padding:  2px 0 1px 20px;background: url(images/panier.gif) #CCC bottom left no-repeat;}
.euro {	left: 82px;	margin-top: -22px;	text-align: right;background-color:#CCCCCC;}
.panier a, .euro a {color: #666;}
.panier a:hover, .euro a:hover {color: #FFF;}

h3.menu {font-size: 11px;text-transform: uppercase;	display: block;	width: 169px;margin: 7px 0px 0 31px;padding: 8px 0 8px 13px;color: #CCC;font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	background-color: #666666;}
h4.menu {font-size: 11px;text-transform: uppercase;	display: block;	width: 169px;margin: 7px 0px 0 31px;padding: 8px 0 8px 13px;color: #CCC;font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	background-color: #000000;}
div.espaceV3px {display: block;	width: 1px;	height: 3px;font-size: 0px;}
h3.menu a {padding: 0px 0px 0px 1px ;color: #CCC;}
h4.menu a {padding: 0px 0px 0px 1px ;color: #CCC;}
h3.menu a:hover {color: #999999;}
h4.menu a:hover {color: #999999;}
h3.menu a.clicMenu {background: url(images/puce-moncompte.gif) transparent center left no-repeat;}
h4.menu a.clicMenu {background: url(images/puce-moncompte.gif) transparent center left no-repeat;}
#Moncompte {
	clear: both;
	width: 156px;
	margin: 0px 0px 0 31px;
	padding: 0px 13px 0px 13px;
	background-color: #666;
}
#Moncompte a {	color: #FFFFFF;}
#Moncompte a:hover {color: #FF0099;}
#Moncompte form {margin:0px 0px 10px 0px;border-top: 1px #CCC dashed;border-bottom: 1px #CCC dashed; padding-top:10px;padding-bottom:0px;}
#Moncompte label {color: #CCC;	margin: 0;	padding: 0;}
.submit {padding-bottom: 0px;}
#Moncompte input {font-size: 10px; color: #666; border: 1px #666 solid; background-color: #DDD;margin-left: 15px;padding: 2px;}
a.anglais {background: url(images/puce-anglais.gif) transparent center left no-repeat;}
a.francaisanglais {background: url(images/puce-anglais.gif) transparent center left no-repeat;}

#MesCgv {clear: both;	width: 156px;	margin: 0px 0px 0 31px; 	padding: 0px 13px 0px 13px; 	background-color: #666; }
#MesCgv a {	color: #FFFFFF;}
#MesCgv a:hover {color: #FF0099;}

#Moncontact {
	clear: both;
	width: 156px;
	margin: 0px 0px 0px 31px; 
	padding: 0px 13px 0px 13px; 
	background-color: #666;
	color: #CCC;
}
#Moncontact a {	color: #FFF;}
#Moncontact a:hover {color: #F09;}

/***************************************************************************
							CONTENU
***************************************************************************/

#ContenuArt {width: 567px;	margin: 0;	padding: 10px 13px 10px 13px;background: url(images/fond-contenu.gif) transparent top left repeat-y;}
#Contenu {width: 567px;	margin: 0;	padding: 10px 13px 10px 13px;background: url(images/fond-contenu.gif) transparent top left repeat-y;}
div.hautContenu {display: block;width: 593px;height: 3px;margin: 5px 0 0 0;	padding:0;	font-size: 0px;	background: url(images/haut-contenu.gif) transparent top left no-repeat;}
div.basContenu {display: block;	width: 593px;height: 3px;margin: 0;	padding:0;	font-size: 0px;	background: url(images/bas-contenu.gif) transparent top left no-repeat;}
div.clear {	clear: both;}
#Contenu h2 {clear: both;color: #fff;margin: 0;padding: 3px 6px 4px 9px;}
#Contenu table {width: 550px;margin-top: 9px;}
#Contenu table td.image {background: url(images/fond-image-polaroid.gif) transparent top left no-repeat;}
#Contenu table td.texte {background: url(images/fond-texte-polaroid.gif) transparent bottom left no-repeat;}
#Contenu table td span {display: block;	font-weight: bold;padding: 9px 6px 15px 11px;} 
#Contenu table td.image img{margin-top: 11px;margin-left: 11px;}
div.precedent span {float: left;margin: 10px 0 10px 0;padding: 3px 10px 6px 13px;background: url(images/fond-precedent.gif) transparent bottom left no-repeat;}
div.suivant span {float: right;	margin: 10px 0 10px 0;padding: 3px 10px 6px 13px;background: url(images/fond-suivant.gif) transparent bottom right no-repeat;}
div.ajouter span {float: left;width:200px;margin: 10px 0 10px 0;padding: 3px 10px 4px 13px;background: url(images/ajouter-panier.gif) transparent bottom left no-repeat;}

/***************************************************************************
							FOOTER
***************************************************************************/

#Footer {width: 571px;margin: 8px 0 10px 3px;padding:8px;background-color: #000;text-align: center;}
#Footer h2 {border: none;padding: 0;color: #999;font-size: 9px;}
#Footer h2 a {padding: 1px 0 0 19px;color: #999;background: url(images/puce-CGV.gif) transparent left bottom no-repeat;}
#Footer p {margin: 0;padding: 0;color: #CCC;font-size: 9px;font-weight: bold;}
#Footer p a {color: #CCC;}
#Footer p a:hover {color: #999999;}
div.espace10px {display: block;	height: 10px;width: 100px;}

/***************************************************************************
							COLONNE droite
***************************************************************************/

#Droite {float : right;	margin-left: 4px;}
#Droite .cadre-haut {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0px; BACKGROUND: url(../images/cadre-haut.gif) no-repeat left top; PADDING-BOTTOM: 0px; WIDTH: 600px; PADDING-TOP: 0px; HEIGHT: 3px}
#Droite .cadre-bas {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0px; BACKGROUND: url(../images/cadre-bas.gif) no-repeat left top; PADDING-BOTTOM: 0px; WIDTH: 600px; PADDING-TOP: 0px; HEIGHT: 3px}
#Droite .cadre-fond {padding: 0px 0px 0px 0px;BACKGROUND: url(../images/cadre-fond.gif) repeat-y left top; WIDTH: 600px;}
#Droite TD.bartitre {FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN: 0px; COLOR: #fff;}
#Droite .titre-section {
	padding: 2px 20px 2px 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	MARGIN: 4px;
	TEXT-TRANSFORM: uppercase;
	BORDER-BOTTOM: #fff 1px dashed;
}

#Droite .titre-section-ss-onglets {padding: 2px 20px 2px 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase;}
#Droite .onglets-section {font-size:11px;font-weight:normal;height:16px;margin:6px 2px 0px 3px;padding:5px 0px 0px;}

#Droite .bartitre .C0 {BACKGROUND-COLOR: #FF0099;COLOR: #fff; padding-left:10px; padding-right:10px; border-bottom-width: 0px}
#Droite .bartitre .C0 .onglet-off {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #fff; BACKGROUND-COLOR: #c36;}
#Droite .bartitre .C0 .onglet-on {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #c36; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C0 .onglet-on A {COLOR: #c36; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C0 .onglet-on A:hover {COLOR: #c36; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C0 .onglet-off A {COLOR: #fff; BACKGROUND-COLOR: #c36}
#Droite .bartitre .C0 .onglet-off A:hover {COLOR: #fff; BACKGROUND-COLOR: #c36}

#Droite .bartitre .C1 {BACKGROUND-COLOR: #336699;COLOR: #fff; padding-left:10px; padding-right:10px; border-bottom-width: 0px}
#Droite .bartitre .C1 .onglet-off {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #fff; BACKGROUND-COLOR: #6699CC}
#Droite .bartitre .C1 .onglet-on {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #336699; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C1 .onglet-on A {COLOR: #336699; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C1 .onglet-on A:hover {	COLOR: #336699; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C1 .onglet-off A {COLOR: #fff; BACKGROUND-COLOR: #6699CC}
#Droite .bartitre .C1 .onglet-off A:hover {COLOR: #fff; BACKGROUND-COLOR: #6699CC}

#Droite .bartitre .C1bis {BACKGROUND-COLOR: #99CCCC;COLOR: #fff; padding-left:10px; padding-right:10px; border-bottom-width: 0px}
#Droite .bartitre .C1bis .onglet-off {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #fff; BACKGROUND-COLOR: #669999}
#Droite .bartitre .C1bis .onglet-on {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #669999; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C1bis .onglet-on A {COLOR: #669999; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C1bis .onglet-on A:hover {	COLOR: #669999; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C1bis .onglet-off A {COLOR: #fff; BACKGROUND-COLOR: #669999}
#Droite .bartitre .C1bis .onglet-off A:hover {COLOR: #fff; BACKGROUND-COLOR: #669999}

#Droite .bartitre .C2 {BACKGROUND-COLOR: #993399;COLOR: #fff; padding-left:10px; padding-right:10px; border-bottom-width: 0px}
#Droite .bartitre .C2 .onglet-off {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #993399; BACKGROUND-COLOR: #FF99FF}
#Droite .bartitre .C2 .onglet-on {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #993399; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C2 .onglet-on A {COLOR: #993399; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C2 .onglet-on A:hover {	COLOR: #993399; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C2 .onglet-off A {COLOR: #993399; BACKGROUND-COLOR: #FF99FF}
#Droite .bartitre .C2 .onglet-off A:hover {COLOR: #993399; BACKGROUND-COLOR: #FF99FF}

#Droite .bartitre .C2bis {BACKGROUND-COLOR: #996699;COLOR: #fff; padding-left:10px; padding-right:10px; border-bottom-width: 0px}
#Droite .bartitre .C2bis .onglet-off {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #996699; BACKGROUND-COLOR: #FF99FF}
#Droite .bartitre .C2bis .onglet-on {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #996699; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C2bis .onglet-on A {COLOR: #996699; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C2bis .onglet-on A:hover {	COLOR: #996699; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C2bis .onglet-off A {COLOR: #993399; BACKGROUND-COLOR: #FF99FF}
#Droite .bartitre .C2bis .onglet-off A:hover {COLOR: #996699; BACKGROUND-COLOR: #FF99FF}

#Droite .bartitre .C3 {BACKGROUND-COLOR: #CC0099;COLOR: #fff; padding-left:10px; padding-right:10px; border-bottom-width: 0px}
#Droite .bartitre .C3 .onglet-off {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #fff; BACKGROUND-COLOR: #FF66FF}
#Droite .bartitre .C3 .onglet-on {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #CC0099; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C3 .onglet-on A {COLOR: #CC0099; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C3 .onglet-on A:hover {	COLOR: #CC0099; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C3 .onglet-off A {COLOR: #fff; BACKGROUND-COLOR: #FF66FF}
#Droite .bartitre .C3 .onglet-off A:hover {COLOR: #fff; BACKGROUND-COLOR: #FF66FF}

#Droite .bartitre .C4 {BACKGROUND-COLOR: #C00;COLOR: #fff; padding-left:10px; padding-right:10px; border-bottom-width: 0px}
#Droite .bartitre .C4 .onglet-off {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #fff; BACKGROUND-COLOR: #800;}
#Droite .bartitre .C4 .onglet-on {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #C00; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C4 .onglet-on A {COLOR: #C00; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C4 .onglet-on A:hover {COLOR: #C00; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C4 .onglet-off A {COLOR: #fff; BACKGROUND-COLOR: #800}
#Droite .bartitre .C4 .onglet-off A:hover {COLOR: #fff; BACKGROUND-COLOR: #800}

#Droite .bartitre .C5 {BACKGROUND-COLOR: #C90;COLOR: #fff; padding-left:10px; padding-right:10px; border-bottom-width: 0px;}
#Droite .bartitre .C5 .onglet-off {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #fff; BACKGROUND-COLOR: #a70}
#Droite .bartitre .C5 .onglet-on {padding: 3px 10px 3px 10px;  margin: 0px 0px 0px 1px; COLOR: #C90; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C5 .onglet-on A {COLOR: #C90; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C5 .onglet-on A:hover {COLOR: #C90; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C5 .onglet-off A {COLOR: #fff; BACKGROUND-COLOR: #a70}
#Droite .bartitre .C5 .onglet-off A:hover {COLOR: #fff; BACKGROUND-COLOR: #a70}

#Droite .bartitre .C6 {BACKGROUND-COLOR: #990;COLOR: #fff; padding-left:10px; padding-right:10px; border-bottom-width: 0px;}
#Droite .bartitre .C6 .onglet-off {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #fff; BACKGROUND-COLOR: #494900}
#Droite .bartitre .C6 .onglet-on {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #999900; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C6 .onglet-on A {COLOR: #999900; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C6 .onglet-on A:hover {COLOR: #999900; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C6 .onglet-off A {COLOR: #fff; BACKGROUND-COLOR: #494900}
#Droite .bartitre .C6 .onglet-off A:hover {COLOR: #fff; BACKGROUND-COLOR: #494900}

#Droite .bartitre .C7 {BACKGROUND-COLOR: #390;COLOR: #fff; padding-left:10px; padding-right:10px; border-bottom-width: 0px;}
#Droite .bartitre .C7 .onglet-off {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #fff; BACKGROUND-COLOR: #390}
#Droite .bartitre .C7 .onglet-on {padding: 3px 10px 3px 10px; margin: 0px 0px 0px 1px; COLOR: #C00; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C7 .onglet-on A {COLOR: #C00; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C7 .onglet-on A:hover {COLOR: #C00; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C7 .onglet-off A {COLOR: #fff; BACKGROUND-COLOR: #390}
#Droite .bartitre .C7 .onglet-off A:hover {COLOR: #fff; BACKGROUND-COLOR: #390}

#Droite .bartitre .C8 {BACKGROUND-COLOR: #666;COLOR: #fff; padding-left:10px; padding-right:10px; border-bottom-width: 0px;}
#Droite .bartitre .C8 .onglet-off {padding: 3px 10px 3px 10px; MARGIN: 0px 0px 0px 1px; COLOR: #fff; BACKGROUND-COLOR: #999}
#Droite .bartitre .C8 .onglet-on {padding: 3px 10px 3px 10px; MARGIN: 0px 0px 0px 1px; COLOR: #666; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C8 .onglet-on A {COLOR: #666; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C8 .onglet-on A:hover {COLOR: #666; BACKGROUND-COLOR: #fff}
#Droite .bartitre .C8 .onglet-off A {COLOR: #fff; BACKGROUND-COLOR: #999}
#Droite .bartitre .C8 .onglet-off A:hover {COLOR: #fff; BACKGROUND-COLOR: #999}

#Droite .corpo-titre {PADDING-RIGHT: 0px; BORDER-TOP: #444 1px dashed; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; TEXT-TRANSFORM: uppercase; COLOR: #444; PADDING-TOP: 4px; BORDER-BOTTOM: #444 1px dashed}
#Droite .corpo-texte {FONT-SIZE: 11px; COLOR: #444; LINE-HEIGHT: 18px;}
#Droite .normal {FONT-SIZE: 11px; COLOR: #444;}
#Droite .corpo-link {FONT-SIZE: 10px; COLOR: #FF0099}
#Droite .corpo-link A {FONT-SIZE: 10px; COLOR: #FF0099; TEXT-DECORATION: none}
#Droite .corpo-link A:hover {FONT-SIZE: 10px; COLOR: #FF0099; TEXT-DECORATION: underline}

#Droite hr.pointconcoursphoto {border: none 0; border-bottom: 1px dashed #CC9900;height: 1px;}
#Droite hr.pointportailartistes {border: none 0; border-bottom: 1px dashed #339900;height: 1px;}
#Droite hr.pointconcours {border: none 0; border-bottom: 1px dashed #CC0000;height: 1px;}
#Droite hr.pointblog {border: none 0; border-bottom: 1px dashed #999900;height: 1px;}
#Droite hr.pointclient {border: none 0; border-bottom: 1px dashed #666666;height: 1px;}
#Droite hr.presentation {border: none 0; border-bottom: 1px dashed #FF0099;height: 1px;}
#Droite hr.pointboutique {border: none 0; border-bottom: 1px dashed #336699;height: 1px;}
#Droite hr.pointboutiqueC1 {border: none 0; border-bottom: 1px dashed #336699;height: 1px;}
#Droite hr.pointboutiqueC1bis {border: none 0; border-bottom: 1px dashed #99CCCC;height: 1px;}
#Droite hr.pointboutiqueC2 {border: none 0; border-bottom: 1px dashed #993399;height: 1px;}
#Droite hr.pointboutiqueC3 {border: none 0; border-bottom: 1px dashed #CC0099;height: 1px;}

#Droite input.Prix  {border:0px solid Black; text-align:center;padding:2px 2px 2px 2px;center;width: 50px ;background-color: #FF0099; font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#FFF;font-weight:bold;}
#Droite input.Promo  {border:0px solid Black; width:50px;padding:5px 10px 5px 10px;text-align:center;background-color: #FF0099; font-family:Arial, Helvetica, sans-serif;font-size:16px; color:#FFF;font-weight:bold;}
#Droite input.PrixBarre  {border:0px solid Black;text-decoration:line-through; text-align:center;padding:2px 2px 2px 2px;center;width: 50px ;background-color: #FF0099; font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#FFF;font-weight:bold;}
input.Paniergauche  {border:0px solid Black; width:50px;padding:0 0 0 0;text-align:right;background-color: #CCCCCC; font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#FF0099;font-weight:bold;margin:0 0 0 0;}

#Droite ul.concours {text-indent: 10px;padding:0px 0px 0px 10px;margin:0px 0px 0px 5px;}
#Droite .galerie-visuels {width:125px; height:121px; border:#339900 1px solid; vertical-align:top;padding-top:10px;text-align:center;}
#Droite .galerie-photo {background-image:url(images/portrait-artiste-fd-photo.gif);background-position:top;background-repeat:no-repeat;width:133px; height:142px;}
#Droite .input.concoursparticiper {font-family:Verdana;font-size:8pt;font-weight:bold;font-style:normal;}
#Droite .cgv-titre {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444;
	font-weight: bold;
	text-transform: uppercase;
}
#Droite .cgv-sstitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444;
	font-weight: bold;
}
#Droite .cgv-texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444;
	font-weight: normal;
	line-height: 16px;
}
#Droite .cgv-texte A {COLOR: #FF0099; TEXT-DECORATION: none}
#Droite .cgv-texte A:hover {COLOR: #666; TEXT-DECORATION: underline}

.popup-box {
	background-color: White;
	border: solid 1px #666;
	position: absolute;
}
.popup-header {
	color: White;
	background-color: #666;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 2px 3px 2px 10px;
	cursor: pointer;
}
.popup-titre {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444;
	font-weight: bold;
	text-transform: uppercase;
}
.popup-sstitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444;
	font-weight: bold;
}
.popup-texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444;
	font-weight: normal;
	line-height: 16px;
}
.popup-texte A {COLOR: #FF0099; TEXT-DECORATION: none}
.popup-texte A:hover {COLOR: #666; TEXT-DECORATION: underline}
.popup-legende {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0099;
	font-weight: normal
}
.err-cadre {
	color: #C9080B;
	background-color: #FBE0E0;
	border: solid 1px #C9080B;
	padding: 2px 6px 2px 6px;
}
.err-texte {
	color: #C9080B;
}

/* Pour la boutique v2 */
.page-off {
	background-color: #DDD;
	color: #F09;
	padding: 2px 6px 2px 6px;
	text-align: center;
	font-weight: normal;
}
A.page-off, A.page-off:link, A.page-off:visited {
	color: #F09;
    text-decoration: none;
}
A.page-off:hover, A.page-off:active {
	color: #000;
    text-decoration: none;
}
.page-on {
	background-color: #F09;
	color: #FFF;
	padding: 2px 6px 2px 6px;
	text-align: center;
	font-weight: bold;
}
A.page-on, A.page-on:link, A.page-on:visited {
	color: #FFF;
    text-decoration: none;
}
A.page-on:hover, A.page-on:active {
	color: #DDD;
    text-decoration: none;
}

.chgt-photo-off {
	background-color: #DDD;
	color: #F09;
	padding: 1px 4px 1px 4px;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
}
A.chgt-photo-off, A.chgt-photo-off:link, A.chgt-photo-off:visited {
	color: #F09;
    text-decoration: none;
}
A.chgt-photo-off:hover, A.chgt-photo-off:active {
	color: #000;
    text-decoration: none;
}
.chgt-photo-on {
	background-color: #F09;
	color: #FFF;
	padding: 1px 4px 1px 4px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
A.chgt-photo-on, A.chgt-photo-on:link, A.chgt-photo-on:visited {
	color: #FFF;
    text-decoration: none;
}
A.chgt-photo-on:hover, A.chgt-photo-on:active {
	color: #DDD;
    text-decoration: none;
}


.button {
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-color: #666;
    border: 1px solid #666;
    cursor: pointer;
}
.listbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #444;
	background-color: #EEE;
    border: 1px solid #000;
    padding: 1px;
}
.listbox-fiche { /* (pour la fiche-produit) */
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #444;
	background-color: #FFF;
    border: 1px solid #444;
    padding: 2px;
}
.textbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #444;
	background-color: #EEE;
    border: 1px solid #444;
    padding: 1px;
}
.polaroid {
	background-image:url(images/polaroid.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:133px;
	height:142px;
}
.polaroid-big {
	background-image:url(images/fd-gagnant.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:289px;
	height:298px;
}
.polaroid-photo {
	border-top:1px solid #D8D9D9;
	border-left:1px solid #D8D9D9;
	border-bottom:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;
}
.polaroid-legend {
	font-size:9px;text-transform:uppercase;padding: 0 5px 0 5px;

}
.polaroid-legend2 {
	font-size:10px;text-transform:uppercase;padding: 0 5px 0 5px;
}

/***** New polaroid *****/
.new-polaroid {
	width: 133px;
	height: 142px;
	border: none;
	margin: 0;
	padding: 0;
}
.new-polaroid-legend {
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	white-space: normal;
	width: 116px;
	height: 24px;
	position: absolute;
	margin: 0;
	padding: 0;
	margin-left: 7px; 
	margin-top: 110px;
	overflow: hidden;
	clear: both;
}

/***** Fin new polaroid *****/

.leprix {
	font-size: 10px;
	color: #666;
}
.vignette {
	background-color: #EEE;
    border: 1px solid #CCC;
}
.photo-vignette {
	border: 1px solid #999;
	padding: 3px;
}

.prix-fiche {
	color: #F09;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
}
.prix-label {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
}

.btn-panier span {
	float: right;
	width:200px;
	margin: 10px 0 10px 0;
	padding: 3px 10px 4px 13px;
	background: url(images/ajouter-panier.gif) transparent bottom left no-repeat;
}
.help {
	font-size:10px;
	color: #444;
	background-color:#FFC;
	border:1px solid #FC0;
}
.fieldset {
	border: solid 1px #AAA;
	padding: 6px;
}
.legend {
	font-size: 10px;
	color: #AAA;
}
.frm-error {
	font-size: 11px;
	color: #C9080B;
	background-color: #FBE0E0;
	border: solid 1px #C9080B;
	padding: 2px 6px 2px 6px;
}

/* Styles pour le panier */
.panier-first-col {
	border-left: 1px #999 dashed;
	border-bottom: 1px #999 dashed;
	border-top: 1px #999 dashed;
	font-weight: bold;
	color: #999;
}
.panier-mid-col {
	border-bottom: 1px #999 dashed;
	border-top: 1px #999 dashed;
	font-weight: bold;
	color: #999;
}
.panier-last-col {
	border-bottom: 1px #999 dashed;
	border-top: 1px #999 dashed;
	border-right: 1px #999 dashed;
	font-weight: bold;
	color: #999;
}
.panier-item {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #666;
}
.panier-item A:link {
	color: #F09;
    text-decoration: none;
}
.panier-item A:visited {
	color: #F09;
    text-decoration: none;
}
.panier-item A:active {
	color: #AAA;
    text-decoration: none;
}
.panier-item A:hover {
	color: #AAA;
    text-decoration: none;
}
.panier-item-total {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #999;
}
.panier-ref-cmde {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #999;
}
.panier-totaux {
	border: 1px #999 dashed;
}

.panier-trait {
	border: none 0;
	border-top: 1px #999 dashed;
	height: 1px;
}

/* Formatage des tableaux */
.grid {
	border: solid 1px #999;
}
.grid A:link {
	color: #F09;
    text-decoration: none;
}
.grid A:visited {
	color: #F09;
    text-decoration: none;
}
.grid A:active {
	color: #AAA;
    text-decoration: none;
}
.grid A:hover {
	color: #AAA;
    text-decoration: none;
}
.grid-empty {
	border: solid 1px #999;
	background-color: #EEE;
}
.grid-header {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #444;
	padding: 2px 5px 2px 5px;
}
.grid-row0 {
	font-size: 10px;
	font-weight: normal;
	color: #444;
	padding: 2px 5px 2px 5px;
	background-color: #EFEFEF;
}
.grid-row1 {
	font-size: 10px;
	font-weight: normal;
	color: #444;
	padding: 2px 5px 2px 5px;
	background-color: #DEDEDE;
}
/* Blogs v.2 */
.myblog-btn {
	background-image: url(images/blog-bouton.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 21px;
	padding: 5px 15px 0px 0px;
}
.myblog-cpt {
	background-image: url(images/blog-compteur.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 40px;
	height: 21px;
	padding: 7px 0 0 5px;
}
.myblog-resp {
	background-image: url(images/blog-repondre.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	width: 70px;
	height: 21px;
	padding: 7px 10px 0 0;
}
.myblog-cadre {
	border: 1px solid #CCC;
	background-color: #F3F3F3;
}
.myblog-asterisque {
	font-size: 9px;
	color: #C9080B;
	font-weight: normal;
}
