/* $Id: thumbnails.css 1900 2007-03-12 22:33:53Z rub $ */

/* Thumbnails customization */
#content UL.thumbnails SPAN.thumbLegend {
  font-size: 80%;		/* font size */
  overflow: hidden;		/* oversized legend is clipped */
  margin: 0px;
text-align:left; vertical-align:top; 
}

/* Thumbnail "elastic" layout */
#content UL.thumbnails {
  margin: 0px;
  padding-left: 3px;
  list-style: none;
text-align:left; 
vertical-align:top; 
}
#content UL.thumbnails LI { display: inline;  margin: 0; text-align:left; vertical-align:top; }

#content UL.thumbnails SPAN.wrap1 {
width:168px;
height:240px;
margin:0px;
  display: table-cell; 
  display: inline-table;
  display: inline-block; /* Why 3 display option ??? */
  vertical-align: top;		/* OK with Opera and IE6 not Geko */
  text-align: left;		/* to center the thumbnail and legend in Geko/Opera */
}

#content UL.thumbnails DIV.title {
float:top;
position:relative;
margin:0px;
vertical-align: top;		/* OK with Opera and IE6 not Geko */
text-align: left;		/* to center the thumbnail and legend in Geko/Opera */
}

#content UL.thumbnails SPAN.wrap2 {
margin: 0px;		/* important reset the margins */
display: table-cell;		/* block prevents vertical-align here */
text-align:left; 
vertical-align:top; 

}
#content UL.thumbnails SPAN.wrap2 A {text-decoration:none;text-align:left; vertical-align:top; display: block; margin:0px; }

#content UL.thumbnails SPAN.wrap2 IMG {text-decoration:none;text-align:left; vertical-align:top; margin-top: 21px; }



#content UL.thumbnails LABEL {
text-align:left; vertical-align:top; 
  display: block;
  border-bottom: none;
  margin: 0px;
}
#content UL.thumbnails IMG {
  margin-bottom: 14px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
}

/* label and input used for caddie in admin section */
#content UL.thumbnails LABEL {
  position: relative;
}

#content UL.thumbnails INPUT {
  position: relative;	/* <= Opera can handle relative here */
  
}
:root #content UL.thumbnails INPUT { /* hide from Opera */
  position: absolute;	/* <= Opera hide 1 checkbox over 2 !!! */
  left: 2px;
  top: 2px;
}
.text_bottom  { text-decoration:none; width: 150px; height: 38px; float: left; position:relative; bottom:92px; left:10px;text-align:left;margin:0px;}
.text2 { text-decoration:none; font-size: 0.8em; font-weight: bold; text-transform: uppercase; margin: 6px 0px 0px 10px;}
 
.moybox   { background-image: url(./images/bkg-moybox-g.gif); background-repeat: no-repeat; background-position: 8px top; padding-top: 4px; padding-left: 10px; width: 161px; height: 240px; float: left }
.titren1 { height:16px;}
.n1 { font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 0px 0 0 8px; vertical-align:top; }
.n3 { font-family:arial;font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 6px 0 0 10px; vertical-align:bottom; }
.floatleftimg2 { margin-top: 2px; float: left }
.txtbox5  { width: 150px; height: 38px; float: left;}
.txtbox6  { width: 150px; height: 38px; text-align:center; padding-top:0px;}
.n2 { font-size: 0.7em; font-weight: bold; text-transform: uppercase; margin: 6px 0 0 10px }
.butnews2   { padding-right: 2px; width: 103px; height: 13px; float: right }
#middle2 { width: 695px; float: right }
#global  { font-size: 1em; text-align: left; margin-right: auto; margin-left: auto; width: 950px }
#contentred  { background-color: #4e0000; background-image: url(./images/contentredcenter8.gif); background-repeat: repeat-y; background-position: left top; width: 950px; float:left;}
#contentred2  { background-color: #4e0000; background-image: url(./images/contentredcenter9.gif); background-repeat: repeat-y; background-position: left top; width: 950px }
#contentredhead  { font-size: 0; background-image: url(./images/contentredhead8.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; }

#leftcol  { background-color: #303030; width: 250px; height: 870px; float: left; border: solid 1px #505050 }
#leftcol2 { background-color: #4e0000; width: 250px; float: left; border: solid 1px #8c0000 }
#leftcol3 { margin-left: 1px; width: 250px; float:left; }
#leftcolbkg { background-color: #4e0000; background-image: url(./images/bkg-leftred.gif); background-position: left bottom; width: 250px; height: 870px; float: left; border: solid 1px #8c0000 }
#lefthead  { background-image: url(./images/bkg-lefthead.gif); background-repeat: no-repeat; background-position: left 10px; margin-right: auto; margin-left: auto; width: 231px; height: 47px }
#lefthead2 { background-image: url(./images/bkg-lefthead.gif); background-repeat: no-repeat; background-position: left top; margin-right: auto; margin-left: auto; width: 231px; height: 37px }
.leftheadtxt  { line-height: 12px; padding-top: 16px; padding-left: 45px }
.leftheadtxt2 { line-height: 12px; padding-top: 6px; padding-left: 45px }
.leftheadtxt3 { line-height: 12px; padding-top: 6px; padding-left: 45px }
.leftheadtxt4 { font-size: 0.9em; font-weight: bold; padding-top: 25px; padding-left: 50px; height: 60px }
#topline { font-size: 0.8em; font-weight: bold; background-image: url(./images/bkg-topline-g.gif); background-repeat: no-repeat; background-position: left top; margin-left: 8px; padding-top: 3px; padding-left: 10px; width: 676px; height: 33px }
#pager2 { font-size: 0.7em; font-weight: bold; text-align: center; text-transform: uppercase; padding-top: 20px; padding-bottom: 10px; width: 690px; clear: left }
#pager2 a { text-decoration: underline }
#pager2 a:active { text-decoration: none }
.marge10 { margin-right: 10px }
#contentred  { background-color: #4e0000; background-image: url(./images/contentredcenter8.gif); background-repeat: repeat-y; background-position: left top; width: 950px }
#contentred  { background-color: #4e0000; background-image: url(./images/contentredcenter8.gif); background-repeat: repeat-y; background-position: left top; width: 950px }
#contentred2  { background-color: #4e0000; background-image: url(./images/contentredcenter9.gif); background-repeat: repeat-y; background-position: left top; width: 950px }
#contentredhead  { font-size: 0; background-image: url(./images/contentredhead8.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 950px; height: 9px }
#contentredfoot   { font-size: 0; background-image: url(./images/contentredfoot8.gif); background-repeat: no-repeat; background-position: left top; width: 950px; height: 17px; float: none; clear: both }
#contentredfoot2  { font-size: 0; background-image: url(./images/contentredfoot9.gif); background-repeat: no-repeat; background-position: left top; width: 950px; height: 17px; float: none; clear: both }
#infotop   { background-image: url(./images/bkg-date.gif); background-repeat: no-repeat; vertical-align:top; margin:0px; clear:both; background-position: left top; padding-top: 0px; width: 950px; height: 16px;display:block;}
body  { color: #fff; font-size: 1em; font-family:  Arial, SunSans-Regular, sans-serif; background-color: #000; background-image: url(./images/bg.jpg); background-repeat: repeat; background-position: 100% 100%; text-align: center; }
img { border: 0px; }
a { color: #fff; text-decoration: none }
a:hover { color: #bdbcbc; text-decoration: underline }
#header  { width: 950px; border-bottom: 1px solid #000 }
#logo { background-image: url(./images/logo.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 300px; height: 94px; float: left; }
#logo a{ background-image: url(./images/logo.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 300px; height: 94px; float: left }
#headflash { background-image: url(./images/bkg-headflash.jpg); background-repeat: no-repeat; background-position: left top; text-align: center; padding-top: 13px; width: 490px; height: 82px; float: left;}
.banner_pub {padding-top:3px; text-align:center;}
#xsearch { background-image: url(./images/bkg-search.jpg); background-repeat: no-repeat; background-position: right top; width: 160px; height: 94px; float: left; }
#flashmenu { background-color: #000000; text-align: center; width: 950px; background-position: left top; vertical-align:top; margin:0px; height:30px; padding-top:1px;clear:both;}

.rechercher { color: #bdbcbc; font-size: 0.7em; font-weight: bold; text-transform: uppercase; position:relative; width: 160px; left:10px; top:10px; float: left; margin:0px;}
.motcle   { color: #bdbcbc; font-size: 0.7em; font-weight: bold; position:relative; top: 27px; padding-left: 3px; width: 46px; height: 17px; margin:0px; }
.motcle2 { color: #bdbcbc; font-size: 0.7em; font-weight: vertical-align:top; bold; float:left; padding-left:49px; padding-top:8px;}
input.searchfield { font-size: 0.9em; background: white; width: 98px; height: 16px; border: solid 0 #fff; margin:0px;}
.envoyer { width:63px; height:18px; text-align: left; position:relative; vertical-align:top; left: 86px; top:1px; margin:0px; float:left;}
#datetxt { font-family:  Arial; color: #bdbcbc; font-size: 0.7em; font-style: italic; font-weight: bold; padding-left: 20px; width: 250px; float: left; padding-top:2px;}
#datemenu { font-size: 0.7em; text-transform: uppercase; float: left; }
#datemenu a { color: #000; font-weight: bold; text-decoration: none; }
#datemenu a:hover { color: #fff; text-decoration: none }
#datemenu a:active { color: #fff; text-decoration: none }
.m3 { font-size: 0.9em; font-weight: bold; text-transform: uppercase; margin: 0 0 0 10px }
.txt2 { font-size: 10px; font-weight: bold; text-transform: uppercase;  text-decoration: none; padding: 6px 0px 0px 50px;}
#newsletterbox { font-size: 12px; text-decoration: underline; margin-left: 10px }
#leftund  { background-image: url(./images/bkg-leftund.gif); background-repeat: no-repeat; background-position: left top; margin-right: auto; margin-left: auto; padding-top: 2px; width: 231px; height: 19px }
#bottom_menu  { background-image: url(./images/bottom_menu.jpg); margin: 3px 0px 0px 50px; background-repeat: no-repeat; background-position: left  top; margin-right: auto; margin-left: auto; width: 231px; height: 37px;font-size:12px;font-family:arial;left:20px;text-decoration: none;}
.m1    { font-size: 0.9em; font-weight: bold; text-transform: uppercase; margin: 0 0 0 10px; color: #FFFFFF }
#lefttxt   { line-height: 16px; background-image: url(./images/dr_bar.gif); background-repeat: repeat-y; background-position: left top; margin-right: auto; margin-left: auto; padding-top: 5px; width: 231px; height: 444px }
#lefttxt2 { line-height: 16px; background-image: url(./images/bkg-lefttxt-r.gif); background-repeat: repeat-y; background-position: left top; margin-right: auto; margin-left: auto; padding-top: 5px; width: 231px; height: 444px }
#dr_bar { line-height: 16px; background-image: url(./images/dr_bar.gif); background-repeat: repeat-y; background-position: left top; margin-right: auto; margin-left: auto; padding-top: 5px; width: 231px }

#ads_bar { line-height: 16px; margin-right: auto; margin-left: auto; padding-top: 5px; width: 231px; border: solid 1px #505050; }

h3  { font-size: 0.8em; font-weight: bold; text-transform: uppercase; margin: 10px 0 0 10px }
h3 a  { color: #9e9e9c; }
h3 a:hover { color: #fff; text-decoration: none }
h3 a:active { color: #fff; text-decoration: none }
#dr_bar_end   { font-size: 0; background-image: url(./images/dr_bar_end.gif); background-repeat: no-repeat; background-position: left top; margin-right: auto; margin-left: auto; width: 231px; height: 13px }
width: 950px; height: 9px }
#contentredfoot   { font-size: 0; background-image: url(./images/contentredfoot8.gif); background-repeat: no-repeat; background-position: left top; width: 950px; height: 17px; float: none; clear: both }
#xfooter    { font-size: 0.6em; background-color: #282828; background-image: url(./images/dr_footer.gif); background-repeat: no-repeat; background-position: center 19px; text-align: center; margin-top: 1px; padding-top: 25px; width: 948px; height: 35px; float: none; clear: both; border: solid 1px #505050; }


/* -------------------------------------------- */
/* 		Pagination: Digg Style					*/
/* -------------------------------------------- */
	ul{border:0; margin:0; padding:0; text-align:center; float:right; padding-right:9px;padding-top:5px;}

	#pagination-digg li{
		border:0; margin:0; padding:0;
		font-size:11px;
		list-style:none;
        float:left;
	}
	#pagination-digg a{
		border:solid 1px #9aafe5;
		margin-right:2px;
	}
	#pagination-digg .previous-off,
	#pagination-digg .next-off {
		border:solid 1px #DEDEDE;
		color:#888888;
		display:block;
		float:left;
		font-weight:bold;
		margin-right:2px;
		padding:3px 4px;
        margin-left:3px;
        margin-right:3px;
	}
	#pagination-digg .next a,
	#pagination-digg .previous a {
	 font-weight:bold;
	}	
	#pagination-digg .active{
		background:#740000;
		color:#FFFFFF;
		font-weight:bold;
		display:block;
		float:left;
		padding:3px 10px;
        border:solid 1px #ffffff;
       margin-left:3px;
       margin-right:3px;
	}
	#pagination-digg a:link, 
	#pagination-digg a:visited {
		color:#ffffff;
		display:block;
		float:left;
		padding:3px 10px;
		text-decoration:none;
        margin-left:3px;
        margin-right:3px;
	}
	#pagination-digg a:hover{
		border:solid 1px #ffffff;
	}
DIV.description {
  font-size: 90%;
  overflow: auto;
  /*width: inherit;*/
}

DIV.description H3 {
  text-align: left;
  background: transparent;
  margin: 0;
  padding: 0.1em;
  font-size: 120%;
}

DIV.description P {
  margin: 0;
}

TEXTAREA.description {
  height: 6em;
  width: 40em;
  overflow: auto;
height:40em;
}
h1    { font-size: 1em; font-weight: bold; text-transform: uppercase; margin: 8px 0 8px 0px }
.navButton_prev { 
width:196px;
height:25px;
text-align:left;
margin:0px;
padding:0px;
float:left;

}
.navButton_next { 
width:195px;
height:25px;
text-align:left;
margin:0px;
padding:0px;
}
.floating_layer{background:url(./images/black-70.png) repeat 0 0 transparent; width:100%; height:100%; z-index:1000; position:fixed; top:0px; left:0px;}
.disabled{-moz-opacity:0.5; filter:alpha(opacity=50); opacity: 0.5}
.png_image{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main_loading.png', sizingMethod='crop');}
.thumb{border:1px solid #FFFFFF;}
a.link2{color:#ffffff; font-family:tahoma,verdana,arial; font-size:8pt;  font-weight:bold; text-decoration:none;}
a.link2:hover{text-decoration:underline;}


h2.legal {
	color				: #FFFFFF;
	font-family			: Arial;
	font-size			: 22px;
	font-weight			: bold;
	margin				: 7px 0px 24px;
}
.fieldLabel {
	float				: left;
	width				: 190px;
	height				: 36px;
}
.formRow {
	display				: block;
	clear				: both;
	margin				: 2px 0px;
}
.formRowV {
	display				: block;
	clear				: both;
	margin				: 2px 0px;
}
.fieldLabel h2 {
	color				: #808080;
	font-weight			: bold;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 15px;
	margin				: 0px;
	padding				: 3px 0px;
}
.formRow input, select, textarea {
	background-color	: #0F0F0F;
	color				: #FFFFFF;
	border				: solid 2px #929292;
	font-weight			: bold;
	font-size			: 15px;
	height				: 20px;
	line-height			: 19px;
	width				: 345px;
}
.formRowV input, select, textarea {
	background-color	: #0F0F0F;
	color				: #FFFFFF;
	border				: solid 2px #929292;
	font-weight			: bold;
	font-size			: 15px;
	height				: 20px;
	line-height			: 19px;
	width				: 282px;
}
textarea {
	line-height			: normal;
	height				: 170px;
	width				: 345px;
}
input.submitButton {
	border				: none;
	margin				: 20px 0px 5px 465px;
	width				: 74px;
	height				: 27px;
	background			: url(./images/submit.png) no-repeat;
	background-position	: 0px 0px;
	overflow			: hidden;
}
input.submitButton:hover {
	background-position	: 0px -28px;
}