/* CSS Document by TiGeR for InSiderZ.fr */
/* copy unauthorized - tiger@insiderz.fr */

/* Général */

body
{
  width:100%;
  height:auto;
  margin:0 0 0 0;
  padding:0 0 0 0;
  background:#FFFFFF url(images/newheader/header_bg.jpg) center top repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
}

form { margin:0; }

a:link, a:visited, a:active
{
  color:#B63300;
  background:none;
  text-decoration:none;
}

a:hover
{
  color:#B63300;
 /* background:#E5E5E5; */
  text-decoration:underline overline;
}

.infobulle
{
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
}

hr
{
  display:block;
  height: 1px;
  width:90%;
  color: #CCCCCC;
  background-color: #CCCCCC;
  border: 0;
}

h1
{
  font-family:Tahoma;
  font-size:11px;
  color:#FFFFFF;
  margin:0;
  padding:3px 8px 3px 8px;
  background:#000000;
  border-bottom:4px solid #9D9D9D;
}

h3
{
  color:#CC0000;
  font-size:14px;
  font-weight: bold;
  border-bottom:1px solid #CC0000;
  font-variant:small-caps;
  background:url(images/title_bg.jpg) right bottom repeat-x;
  padding:0 0 0 2px;
  margin-bottom:3px;
}

h4
{
  font-family:Tahoma;
  font-size:11px;
  color:#FFFFFF;
  margin:0;
  padding:3px 8px 3px 8px;
  background:#000000;
}

img
{
  border-color:#000000;
}

kbd
{
	background:#FFFFCC;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:2px solid #222222;
	border-bottom:2px solid #222222;
	padding:0 4px 0 4px;
}

#conteneur
{
  position:static;
  width:1000px;
  margin:0 0 0 0;
  padding:0 0 0 0;
  border:0;
  text-align:left;
}

.clear
{
  clear:both;
}


/* Header */

#headerarea {position:static;width:100%;height:auto;margin:0;padding:0;border:0;}

#top_header {width:1000px;height:7px;background:url(./images/newheader/header_01.jpg) no-repeat;}
#onlogo_header {width:302px;height:24px;background:url(./images/newheader/header_02.jpg) no-repeat;float:left;}
#loginbox_header {width:690px;height:21px;padding:3px 0 0 8px;background:url(./images/newheader/header_03.jpg) no-repeat;float:left; font-size:11px; color:#E3E3E3;}
#loginbox_header input {background:#E3E3E3;color:#333333;height:13px;border:1px solid #000000;font-size:11px;}
#loginbox_header input#submit_login {background:url(./images/loginSubmitV3.gif);width:69px;height:13px;border:none;margin:0;padding:0;}
#loginbox_header a {color:#E3E3E3;}
#loginbox_header a:hover {color:#FFFFFF;text-decoration:none;}
#logo_header {width:302px;height:72px;background:url(./images/newheader/header_04.jpg) no-repeat;float:left;}
#rightlogo_header {width:698px;height:72px;background:url(./images/newheader/header_05.jpg) no-repeat;float:left;}
#onmenu_header {width:1000px;height:21px;background:url(./images/newheader/header_06.jpg) no-repeat; padding-top:20px;}
#leftmenu_header {width:8px;height:25px;background:url(./images/newheader/header_07.jpg) no-repeat;float:left;}
#menu_header {width:629px;height:25px;float:left;}
#rightmenu_header {width:333px;height:15px;background:url(./images/newheader/header_08.jpg) no-repeat;float:left; text-align:right; padding:10px 30px 0 0; font-weight:bold; color:#333333;}
#undermenu_header {width:1000px;height:29px;background:url(./images/newheader/header_09.jpg) no-repeat;}
a b.menu {display:none;}
#menu_header ul#menu {list-style:none; margin:0; padding:0;}
#menu_header ul#menu li {float:left;}
#menu_header ul#menu li a {display:block;height:25px;}
#menu_header ul#menu li.Accueil a {background: url(./images/newheader/accueil.jpg) no-repeat; width:89px;}
#menu_header ul#menu li.Concours a {background: url(./images/newheader/concours.jpg) no-repeat; width:90px;}
#menu_header ul#menu li.Galeries a {background: url(./images/newheader/galeries.jpg) no-repeat; width:90px;}
#menu_header ul#menu li.Tutoriels a {background: url(./images/newheader/tutoriels.jpg) no-repeat; width:90px;}
#menu_header ul#menu li.Magazine a {background: url(./images/newheader/magazine.jpg) no-repeat; width:90px;}
#menu_header ul#menu li.Forums a {background: url(./images/newheader/forums.jpg) no-repeat; width:90px;}
#menu_header ul#menu li.Faq a {background: url(./images/newheader/faq.jpg) no-repeat; width:90px;}
#menu_header ul#menu li a:hover {background-position:0 -5px;text-decoration:none;}


/* Fil d'Arianne */

span.pathway {
	display: block;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-weight: bold;
}

span.pathway img {
	margin: 0px 10px;
	vertical-align: middle;
}

div#pathway {
	margin-bottom: 10px;
	padding-left: 8px;
}


/* Corps principal de la page */

#middlearea
{
  position:static;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  background-color:#FFFFFF;
  border:0;
 }

#main
{
  float:left;
  width:100%;
  height:auto;
  text-align:left;
  font-size:11px;
  font-family:Arial;
  color:#000000;
  border:0;
}

/* Barre de titres */

.titlebar {
  width:100%;
  height:35px;
  background-image:url(images/titrebar_next.jpg);
  background-color:#FFFFFF;
  background-repeat:repeat-x; 
  border:0;
  padding-bottom:0px;
}

	 .title_ico { 
	 float:left;
	 background-image:url(images/titrebar_start.jpg);
	 width:35px;
	 height:35px;
	 padding-left:5px;
	 }
	 .title_text { 
	 color:#FFFFFF;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 float:left;
	 background-image:url(images/titrebar_mid.jpg);
	 background-repeat:repeat-x;
	 height:22px;
	 padding-top:13px;
	 padding-left:2px;
	 }
	 div.title_end { 
 	 float:left;
	 background-image:url(images/titrebar_end.jpg);
	 background-repeat:no-repeat;
	 width:122px;
	 height:35px;
	 }
	 a.title_opt {
	 color: #CC0000;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 }


/* tableau main */

table.main_table {
  width:100%;
  border:0;
}
a.titre_home, a.titre_home:active, a.titre_home:visited, a.titre_home:link {
  color:#000000;
  background:none;
  text-decoration:none;
}
a.titre_home:hover {
  color:#990000;
  background:none;
  text-decoration:none;
}

a.forum_home, a.forum_home:active, a.forum_home:visited, a.forum_home:link {
  color:#555555;
  background:none;
  text-decoration:none;
}
a.forum_home:hover {
  color:#CE6700;
  background:none;
  text-decoration:none;
}

/* Barre de NewZ */


.newsbar {
  position:static;
  vertical-align:middle;
  width:100%;
  border-top:1px solid #CCCCCC;
}

.img {
     float:left;
	 margin-top:0px;
	 margin-bottom:1px;
}

.Date1 {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #FF0000;
	 font-weight:bold;
	 float:left;
	 width:40px;
	 margin-left:1px;
	 margin-top:2px;
	 margin-bottom:2px;
}
.Date2 {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #666666;
	 float:left;
	 width:40px;
	 margin-left:1px;
	 margin-top:2px;
	 margin-bottom:2px;
}
.Date {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #666666;
	 float:left;
	 width:40px;
	 margin-left:1px;
	 margin-top:2px;
	 margin-bottom:2px;
}
.Info {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #AD3D0C;
	 font-weight: bold;
	 float:left;
	 margin-top:2px;
	 margin-bottom:2px;
}
a.news, a.news:active, a.news:visited, a.news:link {
    color:#B63300;
	background:none;
	text-decoration:none;
}
a.news:hover {
    color:#990000;
	background:none;
	text-decoration:none;
}
.Suite {
	 color: #AD3D0C;
	 font-size:10px;
	 float:right;
	 margin-top:6px;
	 margin-bottom:0px;
	 margin-right:5px;
}
.Archives {
	 color: #AD3D0C;
	 font-size:12px;
	 float:right;
	 margin-right:10px;
	 font-weight:bold;
}
a.Archives, a.Archives:active, a.Archives:visited, a.Archives:link {
    color:#999999;
	background:none;
}
a.Archives:hover {
    color:#FF6600;
	background:none;
}

td.c0 {
	background-color:#EDEFEF;
}
td.c1 {
	background-color:#FFFFFF;
}


/* Colonne de Droite */

#droite
{
  float:right;
  width:450px;
  height:auto;
  text-align:left;
  font-size:11px;
  font-family:Arial;
  color:#FFFFFF;
  margin-right:20px;
  margin-top:5px;
}

.titrecadre
{
  height:15px;
  background:#AA220E;
  font-weight:bold;
  padding:3px 5px 3px 5px;
}

div.head_coldr
{
  width:170px;
  height:23px;
  margin:0 0 0 0;
  border:none;
}
div.coldr
{
  width:169px;
  margin:0 0 0 0;
  border-left:1px solid #666666;
  background:url(./images/bg_coldr.gif) repeat-y left;
}

div.coldr div.titre_coldr
{
  background:url(./images/bg_titrecoldr.gif) no-repeat top left;
  width:164px;
  color:#666666;
  font-size:14px;
  font-weight:bold;
  border-bottom:0px solid #666666;
  padding-left:5px;
}

/* eMag */

#article-titre
{
  margin-bottom:-1px; 
  margin-top:5px;
  text-align:left;
  color:#990000;
  font-size:18px;
  font-weight:bold;
}
#article-date
{
  margin-bottom:5px; 
  text-align:right;
  color:#999999;
  font-size:10px;
}
#article-texte
{
  float:left; 
  width:250px; 
  text-align:left; 
  padding:5px 5px 8px 5px; 
}
#article-suite {
	 color: #AD3D0C;
	 font-size:10px;
	 float:right;
	 margin-top:6px;
	 margin-bottom:0px;
}
#article-bonus
{
  width:146px; 
  margin-top:9px; 
  padding:2px 2px 2px 2px; 
  background:#E9E9E9; 
  border:1px solid #CCCCCC; 
  text-align:left;
}


/* tutoriaux */

#tutos-titre
{
  margin-bottom:-1px; 
  text-align:left;
  color:#990000;
  font-size:16px;
  font-weight:bold;
}
#tutos-date
{
  margin-bottom:5px; 
  text-align:left;
  color:#999999;
  font-size:12px;
}
#tutos-texte
{
  float:left; 
  width:310px; 
  text-align:left; 
  padding:5px 5px 8px 5px; 
}
#tutos-suite {
	 color: #AD3D0C;
	 font-size:10px;
	 float:right;
	 margin-top:6px;
	 margin-bottom:0px;
	 margin-right:-10px;
}
#tutos-bonus
{
  width:146px; 
  margin-top:10px; 
  padding:2px 2px 2px 2px; 
  background:#E9E9E9; 
  border:1px solid #CCCCCC; 
  text-align:left;
}

.tuto_global
{
  width:80%;
  margin-top:20px;
  margin-left:10px;
  padding: 20px 20px 20px 20px;
  background:url(images/bg-tuto.gif) repeat-x top #CECECE;
  text-align:left;
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}
.tuto_titre
{
  font-size:30px; 
  font-weight:bold; 
  color:#990000;
}
.tuto_step
{
  width:100%;
  margin-top:20px;
  background-color:#FFFFFF;
  border-top:1px solid #f3b457;
  border-left:1px solid #f3b457;
}
.tuto_step_titre
{
  height:30px;
  margin:0 0 10px 0;
  padding:5px 0 0 0;
  background:url(images/stepbar.gif) no-repeat top left;
  font-size:16px;
  font-weight:bold;
  color:#990000;
}


/* concours.php */
a#last_conc
{
  font-size:16px;
  color:#FF0000;
  font-weight:bold;
  font-style:italic;
}
/* Titres des cadres */

#entete {
  height:62px;
  background-image:url(images/fond01.png);
  background-color:#FFFFFF;
  background-repeat:repeat-x; 
  border:0;
  padding-bottom:0px;
}

	 .entete_ico { 
	 float:left;
	 width:62px;
	 height:62px;
	 padding-left:5px;
	 }
	 .entete_text { 
	 color:#FFFFFF;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:24px;
	 font-weight:bold;
	 float:left;
	 height:22px;
	 padding-top:5px;
	 padding-left:2px;
	 vertical-align:top;
	 }

.opacity {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity:0.5;
  opacity:0.5;
}

td.label{
  padding-right:10px;
  font-weight:bold;
  font-size:12px;
  color:#660000;
}
td.status{
  font-weight:bold;
}
td.explain{
  font-size:10px;
  font-weight:bold;
  color:#999999;
  padding-bottom:10px;
}

/* portfolios.php */
.portfolioOngletA
{
  font-size:12px;
  font-weight:bold;
  color:#990000;
}
.portfolioOngletR
{
  font-size:12px;
  font-weight:normal;
  color:#990000;
}
a.portfolioLink:active, a.portfolioLink:visited, a.portfolioLink:link
{
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}
a.portfolioLink:hover
{
	background:#999999;
	color:#E8E8E8;
	font-weight:bold;
	text-decoration:none;
}
span.desc
{
	color:#999999;
	font-size:10px;
}
div.errorBox
{
	margin:20px 0 20px 0;
	padding:10px;
	width:100%;
	border:1px dashed #FF0000;
	font-weight:bold;
	background:#FFFF99;
	color:#FF0000;
	text-align:center;
}


/* Galeries.php */

div.titre_colonne
{
  width:180px;
  height:29px;
  border:0;
  font-size:14px;
  color:#CC0000;
  font-weight:bold;
  padding:6px 20px 0 0;
  background:url(./images/bandeau_colonne.jpg) left;
  text-align:right;
}
div.galLigne
{
  width:450px;
  padding:20px;
  border:0;
}


span.admin_title
{
  color:#CC3300;
  font-size:20px;
  font-weight:bold;
}

.bouton_img {
  border:1px outset #CCCCCC;
  height:110px;
  width:110px;
  padding-bottom:5px;
  padding-right:5px;
  padding-left:5px;
  padding-top:5px;
  background-color:#EAEEEE;
  margin:5px 5px 5px 5px;
}
.bouton_img:hover {
  border:1px solid #CCCCCC;
  padding-bottom:6px;
  padding-right:6px;
  padding-left:4px;
  padding-top:4px;
  height:110px;
  width:110px;
  background-color:#EAEEEE;
  margin:5px 5px 5px 5px;
}
.bouton_img:active {
  border:1px inset #CCCCCC;
  padding-bottom:7px;
  padding-right:7px;
  padding-left:3px;
  padding-top:3px;
  height:110px;
  width:110px;
  background-color:#EAEEEE;
  margin:5px 5px 5px 5px;
}

/* Alertboxes */

.alertbox{
  width:70%;
  border:1px dashed #CC0000;
  padding:0 0 0 0;
  margin:10px 10px 10px 10px;
  margin-top:-20px;
  padding-right:60px;
}
.alertbox_titre{
  background-color:#CC0000;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#FFFFCC;
  width:100%;
  height:20px;
  text-align:left;
  padding-right:60px;
}
.alertbox_msg{
  background-color:#FFFFCC;
  font-family:"Courier New", Courier, monospace;
  font-size:14px;
  color:#666666;
  width:100%;
  height:100%;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:30px;
  padding-right:30px;
  text-align:left;
}

/* Formulaires */
.form_global
{
  width:80%;
  background-color:#DDDDFF;
  border:1px solid #CCCCCC;
  padding:5px 5px 5px 5px;
  margin:20px 20px 20px 20px;
  text-align:left;
  margin-bottom:10px;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
}

.form_titre
{
  width:100%;
  font-size:14px;
  font-weight:bold;
  color:#582B01;
  text-align:left;
  margin-bottom:10px;
}

.form_elmt
{
  width:90%; 
  border:1px solid #CCCCCC;
  background:url(./images/bg_input.jpg) repeat-x top #FFFFFF;
  margin-bottom:10px;
}

.form_button
{
  border:1px outset #CCCCCC;
  background-color:#EAEAEA;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:10px;
}

.form_button:hover
{
  border:1px solid #CCCCCC;
  background-color:#EAEAEA;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:10px;
}

.form_button:active
{
  border:1px inset #CCCCCC;
  background-color:#EAEAEA;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:10px;
}


div.menubar
{
  width:195px;
  background-image:url(images/bandeau.jpg);
  background-position:left;
  height:18px;
  font-size:12px;
  font-weight:bold;
  font-style:italic;
  color:#FFFFFF;
  padding-left:5px;
}
div.menuops
{
  width:190px;
  font-size:12px;
  color:#000000;
  padding-left:10px;
  margin-top:3px;
  margin-bottom:7px;
}
td.menubar
{
  background-image:url(images/bandeau.jpg);
  background-position:left;
  height:18px;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  padding-left:5px;
}
td.opbar
{
  background-image:url(images/entt.jpg);
  background-position:left;
  height:18px;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  padding-left:5px;
  padding-bottom:3px;
}



/* Footer */

#footerarea
{
  position:static;
  width:100%;
  height:auto;
  padding:0 0 0 0;
  margin:0 0 0 0;
  background-color:#FFFFFF;
  border:0;
}

#foot
{
  position:static;
  width:100%;
  height:auto;
  text-align:center;
  font-size:11px;
  font-family:Arial;
  color:#FFFFFF;
  margin:0 0 0 0;
  padding:0 0 0 0;
  background-color:#FFFFFF;
  border:0;
}

#bande_footer
{
  position:static;
  width:206px;
  height:28px;
  background-image:url(images/onglet_footer.png);
  background-repeat:no-repeat;
  background-position:left;
  border:0px;
}

#footer
{
  position:static;
  width:100%;
  text-align:center;
  font-size:10px;
  font-family:Arial;
  color:#959595;
  margin:0;
  padding-top:5px;
  padding-bottom:5px;
  border:0;
  background-color:#E3E3E3;
}
a.footer, a.footer:active, a.footer:visited, a.footer:link
{
  color:#666666;
  text-decoration:none;
}
a.footer:hover
{
  background-color:#D5D5D5;
  text-decoration:none;
}
#footads a, #footads a:active, #footads a:visited, #footads a:link
{
  color:#FFFFFF;
  text-decoration:none;
}
#footads a:hover
{
  color:#FFFF99;
  text-decoration:none;
}

/*  LightBox  */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */