/* ---------- Elements Principaux ------------- */
body    {margin:0px 0px; padding:0px;
	       text-align:center;
         padding: 0px;
         font-family: Verdana, Helvetica;
         font-size:11px;color:#0060A1;
         }
h1      { color: #F26522; font-size: 17px;}
h2      { color: #F26522; font-size: 14px; }
h3      { color: #F26522; font-size: 11px; }
hr		{ height:1px;border:0px;color:#336699;width:100%}
ul		{padding:0px;margin:0px}
a 	    { text-decoration:underline; color:#F26522;}
a:hover { text-decoration:none; color:#3467C7}
legend  { color:#5675A4; padding-left:5px; padding-right:5px;}
li      { list-style-type:none;}
img     { border:0px;}
input { border:solid 1px #5675A4; font-size:100%; background:#FFFFFF; color:#5675A4;}
textarea { border:solid 1px #5675A4; font-size:100%; background:#FFFFFF; color:#5675A4;}
.btngreen { border:solid 1px #5675A4; font-size:100%; background:#FFFFFF; color:#5675A4;}
select  { border:solid 1px #5675A4; font-size:100%; background:#FFFFFF; color:#5675A4; }
.error {border:1px solid red;padding:7px;margin:5px 0px 5px 0px;color:red;background-color:#FFCCCC;}
.floatL { float:left; }
.floatR { float:right; }
.clear  { clear:both; }
#global {width:800px;margin:0px auto;
	text-align:left;
	padding:15px;
}
#header {
  margin:0px;padding:0px;
	}


/*onglet */

.menu1 { /* boite qui contient le menu (les onglets) */
 	position:			relative;
	width:800px;
  height:41px;
	background:			url(../pics/main-bg-top.gif) no-repeat bottom left;
}

#mainnav li.selected {
	background:			url(../pics/tab-bg-a.gif) no-repeat top left;
}

 #mainnav li {
	display:			inline;
	float:				left;
	height:				42px;
	width:				162px;
	text-align:			center;
	background:			url(../pics/tab-bg.gif) no-repeat top left;
	padding:            6px 0 0 5px;
	margin:				0 0 -12px 0;
	font-weight:		bold;
	font-size:			16px;
	letter-spacing:		0.05em;
	text-decoration:	none;
	color:				white;
}

#mainnav li a {
	display:			block;
	font-size:			16px;
	letter-spacing:		0.05em;
	text-decoration:	none;
	color:				white;
	padding:            7px 2px 7px 0;
	position:			relative;
	top:				-2px;
	left:				-2px;
}


/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:14px;}
	
#container {	padding:0px;width:600px;float:left;}
.content {
	border:1px solid #0078C0;
	background-color:white;
	padding:0px;
  margin-bottom:10px;	
	}
.content p{padding:5px}
.content table {font-family: Verdana, Helvetica; font-size:11px;}

#footer {width:800px;
        clear:both;
         background-color:#0078C0;
         text-align:center;padding:3px;margin-top:5px;
         border:1px solid #003F64;
         color:white;
}
#footer a{color:white;}


/* photoview contrib*/
#rate {background:#D9E3EA;text-align:center;padding:20px}
#image_div {text-align:center;margin:5px}
#image_div img{border:1px solid #3C84B3;margin:5px}
#keyword_div{border-bottom:1px solid #EEEBE8;padding:8px;text-align:center}
#Onglets         { background:#0078C0;line-height:normal;color:#fff;padding:5px;}
#Onglets a       { text-decoration:none; font-weight:bold; color:#fff;}
#Onglets a:hover { color:#fff;text-decoration:underline; }
#user_information {padding:20px}

/*photoview profil user */
#profil_main{padding:10px}
#profil_pic {position:relative; float:left;border:1px solid #3C84B3;margin:5px}
#profil_info {position:relative;text-align:center;width:auto;padding:10px}
#profil_nick {text-align:center;margin-bottom:5px}

/*photoview list contrib user */
#contrib_bloc {padding:10px;}
#contrib_bloc img {margin:5px;border:2px solid #3C84B3;}
#contrib_titre {}
#contrib_mark {padding:10px;margin-bottom:5px;border:1px solid #3C84B3;	background-color:white;}
#contrib_mark img {border:2px solid #0078C0;margin:5px;vertical-align:middle}
#contrib_mark_title {text-align:center;color:#F26522;font-size:15px;font-weight:bold;margin-bottom:5px}

.titre_para {background:#0078C0;color:white;font-weight:bold;padding:3px;font-size:13px}

#rating {text-align:center;padding:10px;font-weight:bold;font-size:15px;}
#rating ul{list-style:none;margin: 0px;padding:0px;position: relative;margin-top:10px}
#rating li{display:inline;margin:10px;}

/* menu droite */
#righter {
  float:right;
	background-color:white;
	margin-left:5px;
	border:1px solid #0060a1;
	padding:5px;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px;
	}
	
#menu_droite {background-color:white;}
#menu_droite li{background-color:white;line-height:20px;padding-left:20px;margin-bottom:2px}
.menu_titre{font-weight:bold;padding:3px;}
.menu_titre img {margin-right:5px}
#login input {margin-top:3px;}
#login #username{margin-left:24px}
#login #go {margin-left:63px}

#inscription{font-size:15px;padding:3px;border:1px solid black;background:#074378;text-align:center}
#inscription a {color:white;}
#bt_inscription {text-align:center}
/* commentaire */
#add_comment{padding:0px;text-align:center;margin-bottom:5px}
#comment {margin:0px;padding:15px 0px 15px 0px}
.comment_bloc {background:#EFEFEF;padding:0px}
#commentform {margin:10px}
.comment_bloc_decr {font-weight:bold;padding:5px}
#report_abus{margin:10px}
/* home page */
.home_categorie_bloc {margin-bottom:5px;border:1px solid #0060A1}
.home_categorie_titre {padding:3px;background-color:#0078C0;border-bottom:1px solid #0060A1;color:white}
.home_categorie_titre img{margin:0px 10px 0px 5px;}
.home_categorie_content {padding:10px}
.home_categorie_content img {border:1px solid #3C84B3;vertical-align:middle}
#home_tag_bloc {padding:8px;text-align:center}
.home_thumbnail {width:100px;text-align:center;margin:5px;max-height:100px}
.home_thumb_content {text-align:center;}


.kifopif{text-align:center;margin:5px;}
.kifopif img{border:2px solid #3C84B3;margin:3px}

/* top */
.top_mark {font-size:14px;color:red;font-weight:bold}

/*keyword and tag */
.keyword_select{color:red}

/*admin*/
.message {border:1px solid green;background-color:#E1FCDA;color:green;padding:5px;margin:5px}

/* Comments */
#comments {
  padding-left:1em;
  }
#comments h4 {
  margin:1em 0 1em;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#c60;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.comment-poster {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color:#999;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.comment-body {
  line-height:1.5em;
  font-size:85%;
}
.delete-comment-icon {
   background: url("/pics/icon_supp.gif") no-repeat left;
   padding:7px;
}
.item-control a, .item-action a {
   text-decoration:none !important;
}

/* stats */
.chart {padding:0px}


/* mosaic */
.fisheye{
	text-align: center;
	height: 50px;
	position: relative;
}
a.fisheyeItem
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	top: 0;
}
.zindex{z-index:1000;border:1px solid black}
.fisheyeItem img
{
	border: none;
	margin: 0 auto 5px auto;
	width: 100%;
}

.fisheyeItem span
{
	display: none;
	positon: absolute;
}
.fisheyeContainter
{
	background-color: #000;
	height: 50px;
	width: 200px;
	left: 500px;
	position: absolute;
}
/********** Pagination ***********/

div.pagination                { margin:10px 0px 10px 15px; text-align:left; }
div.pagination a              { background-color:#fff; border:1px solid #45aadc; color:#175a7b; margin:1px 0 1px 2px; padding:2px 5px; text-decoration:none; }
div.pagination a:hover,active { background-color:#0078C0; border:1px solid #45aadc; color:#fff; margin:1px; padding:2px 5px; }
div.pagination span.courante  { background-color:#F26522; border:1px solid #F26522; color:#fff; margin:1px; padding:2px 5px; font-weight:bold; }
div.pagination span.desactive { background-color:#fff; border:1px solid #ddd; color:#ccc; margin:1px; padding:2px 5px; }