/************************************************************************
	Directives générales html et body
*************************************************************************/
html, BODY {
	PADDING: 0; 
	MARGIN: 0; 
	color: #000000;
	BACKGROUND-COLOR: #666699; 
	FONT: 9px verdana, arial,sans-serif;
	height: 100%
}

* {margin:0; padding:0;}

/************************************************************************
	systèmes de fonds superposés masquables
*************************************************************************/
#page 		{BACKGROUND: url(page_bg_motif_2.gif) repeat-y center center;}
#page_pifpaf 	{BACKGROUND: url(page_bg_pifpaf_2.gif) no-repeat center top;}
#page_780 	{color: #000000; BACKGROUND-COLOR: #FFFFFF; width: 950px; MARGIN: 0px auto;}

/************************************************************************
	Header avec pub 468x60
*************************************************************************/
#page_780_header		{color: #000000; BACKGROUND: url(/images/bandeau_p2c_annees70_2.gif) #FFFFFF no-repeat center top; width: 950px; height: 245px;}
#bandeau_468_60 		{position: absolute; margin-top: 7px; margin-left: 216px; float: right; width: 728px; height: 90px;}
#page_780_header_light		{color: #000000; BACKGROUND: url(/images/bandeau_p2c_light.gif) #FFFFFF no-repeat center top; width: 950px; height: 113px;}

#lien_memo		{margin-left:550px; margin-top:30px ; BACKGROUND: url("http://www.memopage.com/image/logo_memo_01.png") no-repeat;    }

/************************************************************************
	footer simple
*************************************************************************/
#page_780_footer 	{clear: both; BACKGROUND: url(/images/page_footer2.gif) no-repeat center bottom; width: 950px; height: 45px;}
#page_780_footer img 	{display: inline; vertical-align: middle;}
#page_780_footer p 	{position: absolute; margin-top: 4px; margin-left: 85px; margin-right: 10px; font-size: 9px;  background-color: #42426B; color: #FFFFFF; text-align: left;}

#page_780_footer p a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #42426B;
}

#slogan {
	margin-left: 70px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	font-size: 11px; 
	font-weight: bold;
	color: #ffffff;
}

TABLE.corps {
	margin: 0;
	padding: 0;
	width: 950px;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	
}

#sidebar_contenu
{
	margin-left: 6px;
	margin-right: 13px;
	margin-bottom: 10px;
}

TD.sidebar {
	margin: 0;
	padding: 0 0 0 4px;
	width: 395px;
	background: url(/images/sidebar_bg2.gif) repeat-y top right;
	vertical-align: top;
}

TD.sidebar img {
	float: right;
}

TD.ecran {
	margin: 0;
	padding: 0;
	width: 600px;
	vertical-align: top;
}

#marges_ecran {
	margin: 0 4px 0 4px;
	padding: 0;
}
	
/************************************************************************
	placements des divers pictos et photos
*************************************************************************/
.picto {
	float: left;
	display: block;
	width: 40px;
	text-align: center;
	margin: 2px 4px 4px 4px;
}

.picto_gd {
	float: left;
	display: block;
	width: 65px;
	text-align: center;
}

.picto70 {
	float: left;
	display: block;
	width: 70px;
	text-align: center;
	margin: 0;
}

.picto13 {
	float: left;
	display: block;
	width: 13px;
	text-align: center;
	margin: 2px;
}

.photoR {
	float: right;
	display: block;
	margin-left: 5px;
	margin-bottom: 5px;
}

.photoL {
	float: left;
	display: block;
	margin-right: 5px;
	margin-bottom: 5px;
}

.photoI {
	float: right;
	display: block;
	margin-right: 1px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/************************************************************************
	gestion des blocs de titres
*************************************************************************/
.titre100 {
	clear: both;
	width: 587px;
	color: #000000;
	background-color: #CCCCFF;
	padding-top: 4px;
	padding-bottom: 4px;
}

.titreL {
	clear: both;
	width: 587px;
	color: #000000;
	background: #CCCCFF url(/images/blanc5x1.gif) repeat-y 50% 0%;
	padding-top: 4px;
	padding-bottom: 4px;
}

.titreR {
	float: right;
	width: 290px;
		
}

.titre {
	margin: 0 0 0 50px;
	padding: 0;
	font-size: 11px; 
	font-weight: bold;
	color: #404069;
	width: 235px;
}

.titre_fondplein {
	margin: 0 0 0 23px;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #404069;
	width: 500px;
}


.spacer {
	clear: both;
	font-size: 0px;
	margin: 0;
	padding: 0;
}



/************************************************************************
	menu vertical (barre de gauche)
*************************************************************************/
#menuV {
	clear: both;
	color: #000000;
  background-color : #CCCCFF;
  width: 330px;
}

#menuV_header {
	background: url('/images/cadre_header_2.gif') no-repeat left top;
	height: 19px;
	width: 330px;
}

#menuV_header DIV {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 2px;
}

#menuV_contenu{
	margin: 0;
	padding: 0;
}

#menuV_contenu a:link, #menuV_contenu a:visited {
	display: block;
	border-top: 1px solid #FFFFFF;
	FONT: bold 11px arial,sans-serif;
	color: #1F1F33;
	background: url(/images/menuV_bg.gif);
	text-decoration: none;
	padding-left: 10px;
}

#menuV_contenu a:hover{
	background-image: url(/images/menuV_bg_hover.gif);
	color: #FFFFFF;
}

#menuV_footer {
	background: url('/images/cadre_footer_2.gif') no-repeat left top;
	height: 6px;
	width: 330px;
	font-size: 0px; /* sinon pb IE6 */
}

/************************************************************************
	blocs contenu qui se placent dans la barre de gauche
*************************************************************************/

DIV.BlocBarre {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
  background-color : #CCCCFF;
  width: 330px;
}

.BlocBarre_header {
	float: left;
	width: 330px;
	background: url('/images/BlocBarre_header_2.gif') no-repeat left top;
}

.BlocBarre_titre {
	margin: 0 0 0 44px;
	padding: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.BlocBarre_picto {
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 40px;
	float: left;
}

.BlocBarre_contenu {
	clear: both;
	border: 1px solid #7F7FAB;
	background-color: #F3F3FF;
	padding: 6px;
	text-align: justify;
}

.BlocBarre_pub {
	clear: both;
	height: 250px;
	width: 300px;
}

.BlocBarre_pub_sky {
	clear: both;
	height: 250px;
	width: 300px;
	text-align: center;
}

.BlocBarre_pub img {
	display: block;
}

.BlocBarre_contenu p {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 9px;
	color: #655755;
}

.BlocBarre_footer {
	background: url('/images/cadre_footer_2.gif') no-repeat left top;
	height: 6px;
	width: 330px;
	font-size: 0px;
}

/************************************************************************
	table de contenu dans l'écran principal
*************************************************************************/

.tbl {
	border:0px;
	width:588px;
	margin: 10px 0 0 0;
}

.tbl th {
	padding:5px;
	font-size:11px;
	font-weight: bold;
	text-align:left;
}

.tbl td {
	font-size:11px;
	padding:5px;
	text-align:left;
	border-bottom: 1px solid #AFA5A3;
	vertical-align: top;
}

.tbl td.photo {
	font-size:1px;
	padding:0px;
	text-align:center;
	vertical-align: top;
}

.tbl td.centrer {
	text-align:center;
}

/* rollover */

.tbl tr.beige_blanc {		background-color: #FFF8E8;}
.tbl tr.beige_blanc:hover {	background-color: #FFFFFF;}

.tbl tr.beige_beige {		background-color: #FFF8E8;}
.tbl tr.beige_beige:hover {	background-color: #FFF8E8;}

.tbl tr.creme_blanc {		background-color: #FFEBC1;}
.tbl tr.creme_blanc:hover {	background-color: #FFFFFF;}

.tbl tr.creme_creme {		background-color: #FFEBC1;}
.tbl tr.creme_creme:hover {	background-color: #FFEBC1;}

.tbl tr.blanc_blanc {		background-color: #FFFFFF;}
.tbl tr.blanc_blanc:hover {	background-color: #FFFFFF;}

.tbl tr.blanc_creme {		background-color: #FFFFFF;}
.tbl tr.blanc_creme:hover {	background-color: #FFEBC1;}

.tbl tr.violet_violet {		background-color: #CCCCFF;}
.tbl tr.violet_violet:hover {	background-color: #CCCCFF;}

.tbl tr.bleu_bleu {		background-color: #F3F3FF;}
.tbl tr.bleu_bleu:hover {	background-color: #F3F3FF;}

tr.header_tbl {
	BACKGROUND: url(/images/tbl_header.gif) no-repeat center top;
}

tr.titre_tbl {
	background-color: #CCCCFF;
}

.titre_tbl th {
	padding: 0 5px 5px 5px;
}

.header_tbl th {
	font-size: 1px;
}

tr.footer_tbl {
	BACKGROUND: url(/images/tbl_footer.gif) no-repeat center top;
	border:0px;
	width: 588px;
	height: 5px;
}

.footer_tbl td {
	font-size: 1px;
	border: 0px;
	padding: 0;
}

DIV.expanded {
	background-color: #FFFFFF;
}

DIV.LigneCollapse {
	background-color: #FFFFFF;
}

DIV.LigneCollapse IMG {
	float: left;
	display: block;
	width: 18px;
	text-align: center;
	margin: 4px 4px 4px 10px;
}

/************************************************************************
	styles balises standard par défaut
*************************************************************************/

P {
	font-size: 11px;
	margin-top: 4px;
}

TABLE.nop TR TD {
	border: 0px;
}

/************************************************************************
	Divers styles de liens
*************************************************************************/

a.lien_filet_r:link,  a.lien_filet_r:visited, a.lien_filet_c:link,  a.lien_filet_c:visited, a.lien_filet_l:link,  a.lien_filet_l:visited {
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	margin: 2px 10px 2px 2px;
}

a.lien_filet_r:hover, a.lien_filet_c:hover, a.lien_filet_l:hover {
	color: #655755;
}

a.lien_filet_r {
	text-align: right;
	margin-top: 6px;
	margin-bottom: 6px;
}

a.lien_filet_c {
	text-align: center;
	margin-top: 6px;
	margin-bottom: 6px;
}

a.lien_filet_l {
	text-align: left;
	margin-top: 6px;
	margin-bottom: 6px;
}

a.lienP:link,  a.lienP:visited {
	color: #FF6600;
	text-decoration: none;
}

a.lienP:hover {
	color: #000000;
}

a.soft, a.soft:link, a.soft:visited {
	font-size: 11px;
	color: #655755;
	text-decoration: none;
}

a.soft:hover {
	color: #FF6600;
}

a.soft_petit, a.soft_petit:link, a.soft_petit:visited {
	font-size: 9px;
	color: #655755;
	text-decoration: none;
}

a.soft_petit:hover {
	color: #FF6600;
}


a.etoile, a.etoile:link,  a.etoile:visited {
	font-size: 8.5px;
	color: #FF6600;
	vertical-align: 30%;
	text-decoration: none;
}

a.lien_cdf:link,  a.lien_cdf:visited {
	font-size: 12px;
	font-weight: bold;
	color: #404069;
	text-decoration: none;
}

a.lien_cdf:hover {
	color: #FF6600;
}

a.bouton {
	display:block;
	font-size: 10px;
	color: #404069;
  	background-color: #E9E9FF;
  	text-decoration: none;
  	text-align: center;
  	margin: 5px;
  	padding: 5px;
  	border: 1px outset #74747F;
  	max-width: 400px;
}

a.bouton:hover {
	color: #6363A0;
  	border: 1px inset #74747F;
}

.erreur {
	color: #FF0000;
}


/************************************************************************
	Les barres de titres avec pictos et/ou texte
*************************************************************************/
.titreBleu {
	margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #404069;
	text-decoration: underline;
	margin-bottom: 5px;
}

/************************************************************************
	Les blocs de contenu : 
	- 1 100%
	- 2 50/50
	- 2 50/50 avec cadres
*************************************************************************/
.block100 {
	clear: both;
	width: 581px;
}

.block100 p {
	font-size: 11px;
	color: #655755;
	padding: 5px;
}

.blockL {
	float: left;
	width: 289px;
}

.blockL p {
	font-size: 11px;
	color: #655755;
	margin: 0 0 8px 0;
	padding: 0;
}

.blockR {
	float: right;
	width: 289px;
}

.blockR p {
	font-size: 11px;
	color: #655755;
	margin-bottom: 8px;
}

/************************************************************************
	Divers surdéfinitions de styles
*************************************************************************/
.droite {
	text-align: right;
}

.gauche {
	text-align: left;
}

.justify {
	text-align: justify;
}

.centre {
	text-align: center;
}

.margin_blocs {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
}

span.noir {
	color: #000000;
	font-weight: bold;
	font-size: 92%;
}

ul.liste { 
	padding: 0px;
	margin: 0px;
}

.liste li { 
	font-size: 11px;
	color: #655755;
  	list-style-type:none;
	background-image:url(/images/puce_fleche.gif);
	background-repeat:no-repeat;
	background-position:0% 65%;
	padding-left:10px;
	margin-left: 5px;
}

li.espace {
	margin-bottom: 5px;
}


/************************************************************************
	Elements de formulaires
*************************************************************************/

form.inscrits {
  margin: 0;
  padding: 0;
  width: 195px;
  line-height: 100%;
}

.inscrits label {
	color: #110B05;
	width: 80px;
	float: left;
}

.inscrits input.type_text, .recherche input.type_text {
	background-color: #CCCCFF;
	border-top: 1px #110B05 solid;
	border-left: 1px #110B05 solid;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	font-size: 9px;
	color: #110B05;
	width: 80px;
	/*height: 16px;*/
}

.bouton
{
	border-width: 2px;
	border-style: solid;
	border-bottom-color: #343441;
	border-right-color: #343441;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #CCCCFF;
	color: #655755;
	font-size: 10px;
}

.bouton:hover {
	color: #6363A0;
  	border: 1px inset #74747F;
}

ul.inline { 
	display: inline;
	padding: 0;
	margin: 0;
}

li.inline { 
	display: inline;
	font-size: 11px;
	color: #655755;
  	list-style-type:none;
	background-image:url(/images/puce_fleche.gif);
	background-repeat:no-repeat;
	background-position:0% 65%;
	padding-left:8px;
	margin-left: 10px;
}

form.uncadre {
	clear: both;
	display: block;
} 

.uncadre label {
	display: inline;
	float: left;
	font-size: 10px;
	color: #110B05;
	width: 200px;
} 

.label {
	display: inline;
	float: left;
	font-size: 10px;
	color: #110B05;
	width: 240px;
} 

.uncadre input {
	background-color: #FFFFFF;
	border-top: 1px #110B05 solid;
	border-left: 1px #110B05 solid;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	font-size: 10px;
	color: #110B05;
	width: 320px;
}

.bout {
	background-color: #FFFFFF;
	border-top: 1px #110B05 solid;
	border-left: 1px #110B05 solid;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	font-size: 10px;
	color: #110B05;
	width: 280px;
}

.uncadre input.checkbox {
	font-size: 9px;
	width: 16px;
}

.zonetexte {
	background-color: #FFFFFF;
	border-top: 1px #110B05 solid;
	border-left: 1px #110B05 solid;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	font-size: 11px;
	color: #110B05;
	width: 320px;
	height: 200px;
}

.zonetexte_petite {
	background-color: #FFFFFF;
	border-top: 1px #110B05 solid;
	border-left: 1px #110B05 solid;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	font-size: 11px;
	color: #110B05;
	width: 280px;
	height: 100px;
}

.ftitre {
	font-size: 10px;
	font-weight: bold;
	color: #404069;
  	background-color: #E9E9FF;
  	width: 100%;
  	padding: 5px;
  	margin-top: 5px;
  	margin-bottom: 5px;
}

.uncadre input.OK {
	font-size: 10px;
	color: #404069;
  	background-color: #E9E9FF;
  	border: 1px outset #74747F;
  	width: 40px;
}

.uncadre input.OK:hover {
	color: #6363A0;
  	border: 1px inset #74747F;
}

.uncadre input.bouton {
	font-size: 10px;
	color: #404069;
  	background-color: #E9E9FF;
  	border: 1px outset #74747F;
}

input.OK {
	font-size: 10px;
	color: #404069;
  	background-color: #E9E9FF;
  	border: 1px outset #74747F;
  	width: 40px;
}

input.OK:hover {
	color: #6363A0;
  	border: 1px inset #74747F;
}


.uncadre input.bouton:hover {
	color: #6363A0;
  	border: 1px inset #74747F;
}

.uncadre select {
	background-color: #FFFFFF;
	border-top: 1px #110B05 solid;
	border-left: 1px #110B05 solid;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	font-size: 9px;
	color: #110B05;
	/*height: 16px;*/
}

.fselect {
	background-color: #FFFFFF;
	border-top: 1px #110B05 solid;
	border-left: 1px #110B05 solid;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	font-size: 9px;
	color: #110B05;
	/*height: 16px;*/
}


form.unfiltre {
	clear: both;
	display: block;
} 

.unfiltre label {
	display: inline;
	float: left;
	font-size: 10px;
	color: #110B05;
	width: 289px;
} 

.unfiltre select {
	background-color: #CCCCFF;
	border-top: 1px #110B05 solid;
	border-left: 1px #110B05 solid;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	font-size: 10px;
	color: #110B05;
	/*height: 16px;*/
}

/************************************************************************
	Barre de menu horizontale
*************************************************************************/
#menuhor {
	position: relative;
	height: 33px;
	width: 940px; 
	background-color: transparent;
	margin-top: -18px;
}

#menuhor UL {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 10px; 
	LIST-STYLE-TYPE: none;
}

#menuhor LI {
	display: inline; 
	PADDING-RIGHT: 0; 
	MARGIN: 0;
}

#menuhor A {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 9px; 
	BACKGROUND: url(/images/left_both.gif) no-repeat 0 -127px;
	float: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0 3.5px 0 0; 
	PADDING-TOP: 0px; 
	TEXT-DECORATION: none;
}

#menuhor A SPAN {
	PADDING-RIGHT: 15px;
	DISPLAY: block;
	PADDING-LEFT: 6px;
	BACKGROUND: url(/images/right_both.gif) no-repeat 100% -126px;
	float: left;
	PADDING-BOTTOM: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	PADDING-TOP: 5px;
}

#menuhor A SPAN {
	FLOAT: none;
}

#menuhor A:hover SPAN {
	COLOR: #FFFFFF;
}

#menuhor #current A {
	BACKGROUND-POSITION: 0px -275px;
}

#menuhor #current A SPAN {
	BACKGROUND-POSITION: 100% -275px; 
	color: #FFFFFF;
}

#menuhor A:hover {
	BACKGROUND-POSITION: 0% -275px
}

#menuhor A:hover SPAN {
	BACKGROUND-POSITION: 100% -275px
}

/************************************************************************
	Barre de menu horizontale : catch entrée/sortie danns la barre
*************************************************************************/	
#mouseouttop
{
	position: relative;
	height: 5px;
	z-index: 100; /* pour un passage assuré */
}
	
#mouseoutbottom
{
	position: relative;
	height: 5px;
	z-index: 100; /* pour un passage assuré */
}
	
/************************************************************************
	Barre de menu horizontale : sous-menus
*************************************************************************/
#submenubar  
{
	background-color: #FFFFFF;
	position: relative;
	height: 30px;
}

.submenubarcontentR{
	display:none;
	margin-right: 24px;
	margin-left: 4px;
	margin-top: 6px;
	text-align: right;
}

.submenubarcontentL{
	display:none;
	margin-right: 4px;
	margin-left: 11px;
	margin-top: 6px;
	text-align: left;
}

.submenubarcontentbandeau {
	display:none;
	margin-right: 24px;
	margin-left: 16px;
	margin-top: 6px;
	text-align: left;
}

.submenubarcontentR a:link, .submenubarcontentR a:visited,
.submenubarcontentL a:link, .submenubarcontentL a:visited {
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	border-right: 1px solid #000000;
	font-size: 10px;
	font-weight: bold;
	color: #110B05;
}

.submenubarcontentR a:hover, .submenubarcontentL a:hover{
	color: #FF6600;
}

/************************************************************************
	Zone de messages : actus, infos, astuces, etc...
*************************************************************************/
.bandeautxt {
	font-size: 10px;
	font-weight: bold;
	color: #655755;
	margin-right: 5px;
}

.bandeautxt span {
	color: #404069;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid black;
}

.bandeautxt a:link, .bandeautxt a:visited {
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	margin: 2px 10px 2px 2px;
	border: none;
}

.bandeautxt a:hover {
	color: #655755;
}

/************************************************************************
	boites coins arrondis
*************************************************************************/

.boite {
	BACKGROUND: url(/images/round_bl.png) no-repeat left bottom; 
	width: 289px;
}
.boite_br {
	BACKGROUND: url(/images/round_br.png) no-repeat right bottom
}
.boite_tl {
	BACKGROUND: url(/images/round_tl.png) no-repeat left top
}
.boite_tr {
	PADDING: 5px; 
	BACKGROUND: url(/images/round_tr.png) no-repeat right top;
}

.colonne {
	margin-left: 75px;
}

/************************************************************************
	Voyage dans le temps, albums et trombis
*************************************************************************/

div.voyage_container {
  border: 0px;
  padding: 0px;
  margin: 0px;
  font-size: 1px;
}

div.voyage_spacer {
   clear: both;
}

div.voyage_float {
  float: left;
  width: 171px;
  height: 180px;
  padding: 7px;
  margin: 0 4px 4px 0;
  background-color: #FFEBC1;
}
  
div.voyage_float p {
   text-align: center;
   font-size: 9px;
}

div.album_float {
  float: left;
  width: 171px;
  height: 160px;
  padding: 7px;
  margin: 0 4px 4px 0;
  background-color: #FFEBC1;
}
  
div.album_float p {
   text-align: center;
   font-size: 9px;
}

div.trombi_float {
  float: left;
  text-align: center;
  width: 126px;
  height: 180px;
  padding: 7px;
  margin: 0 4px 4px 0;
  background-color: #FFEBC1;
}
  
div.trombi_float p {
   text-align: center;
   font-size: 9px;
}

/************************************************************************
	chemin de fer
*************************************************************************/

.cdf {
	BACKGROUND: url(/images/cdf_bl.gif) no-repeat left bottom; 
	width: 588px;
	margin-bottom: 10px;
}
.cdf_br {
	BACKGROUND: url(/images/cdf_br.gif) no-repeat right bottom
}
.cdf_tl {
	BACKGROUND: url(/images/cdf_tl.gif) no-repeat left top
}
.cdf_tr {
	PADDING: 5px 10px 5px 10px; 
	BACKGROUND: url(/images/cdf_tr.gif) no-repeat right top;
}

/************************************************************************
	pagination
*************************************************************************/

.pagination {
	BACKGROUND: url('/images/pagination.gif') no-repeat center bottom; 
	min-width: 400px;
	max-width: 400px;
	text-align: center;
	margin: auto;
}

.pagination_contenu {
	padding-top: 0px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	color: #655755;
	font-size: 11px;
	font-weight: bold;
}

.pagination_contenu a {
	color: #655755;
	font-size: 11px;
	font-weight: bold;
}

.pagination_contenu a:hover {
	color: #000000;
	font-size: 11px;
}

.pagination_large {
	BACKGROUND: url('/images/pagination_large.gif') no-repeat center bottom; 
	min-width: 555px;
	max-width: 555px;
	text-align: center;
	margin: auto;
}

.pagination_large_contenu {
	padding-top: 0px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	color: #655755;
	font-size: 10px;
	font-weight: bold;
}

.pagination_large_contenu a {
	color: #655755;
	font-size: 10px;
	font-weight: bold;
}

.pagination_large_contenu a:hover {
	color: #000000;
	font-size: 10px;
}


/************************************************************************
	scroller bouteilles
*************************************************************************/

#marqueecontainer{
	position: relative;
	width: 289px; /*marquee width */
	height: 88px; /*marquee height */
	overflow: hidden;
}

#vmarquee ul li {
	margin-bottom: 10px;
}

#vmarquee ul li a:link, #vmarquee ul li a:visited {
	font-size: 11px;
	color: #655755;
	text-decoration: none;
	list-style-type:none;
	background-repeat:no-repeat;
	background-position:0% 65%;
	margin-left: 5px;
}

#vmarquee ul li a:hover {
	color: #FF6600;
}