/* CSS Document */
html, body { margin: 0; padding: 0; height: 100%; }
* { border:0px solid red; }

body { margin: 0; padding: 0; font: 12px/14px arial; text-transform:uppercase; color:#fff; background:url(../images/fond.gif) #575757; behavior:url("csshover.htc"); }
img { border:none; }
input { text-transform:none; }
sup { vertical-align:text-top; }
textarea { text-transform:uppercase; }

#logo { padding:30px 0 0 0; margin:0 0 0 30px; background:url(../images/logo_trans.png) no-repeat 0 30px; height:22px; }
#logo a { display:block; width:300px; height:100%; }
#menu { padding:0; margin:0 0 0 30px; }
#content { margin:0 0 0 30px; padding:39px 0 0 0 !important;   voice-family: "\"}\""; voice-family:inherit; width:940px;border:0px solid red; }

.cursor { cursor:default; }
.checker { position:absolute; padding:2px; background:#575757; margin:66px 0 0 66px;}
div.spacer { min-height:auto; height:auto !important; min-height:1px; height:1px !important!;  }
html[xmlns*=""] body:last-child div.spacer { min-height:15px; height:15px;  } 

*:first-child+html body #content { }
html[xmlns*=""] body:last-child #content { top:0px; border:0px solid red; }
*:first-child+html body #footer {  }
html[xmlns*=""] body:last-child #footer { padding:0 0 30px 0; margin-top:-20px }
	#left { float:left; width:455px; margin-right:25px;  }
	#right { float:left; }
#submit { position:absolute; width:104px; height:104px; right:0; top:0; background:url(../images/submit.png) no-repeat !important; background:url(../images/submit.gif) no-repeat; }
#pre-order { position:absolute; width:104px; height:104px; right:0; top:0; background:url(../images/pre-order.png) no-repeat !important; background:url(../images/pre-order.gif) no-repeat; }

#nav_damier { position:relative; margin:0; padding:0 0 0 30px; }
#nav_damier2 { position:relative; margin:0; padding:0 0 0 30px; }
#nav_apercu { position:relative; margin:0; padding:0 0 0 30px; }
#nav_descr { position:absolute; margin:0; padding:0; top:590px }
.invisible { visibility:hidden; }

#book_descr { position:absolute; margin:0; padding:0; top:590px; display:none; }

#nav_descr ul.first { display:block; float:left; margin:0 30px 0 0; width:450px; }
#nav_descr ul { display:block; float:left; margin:0; padding:0; width:450px }
#nav_descr ul li { margin:0; padding:0; display:block; }
#nav_damier ul.first { display:block; float:left; margin:0 30px 0 0; width:450px; }
#nav_damier ul { display:block; float:left; margin:0; padding:0; width:450px }
#nav_damier ul li { margin:0; padding:0; display:block; }

#nav_damier2 ul.first { display:block; float:left; margin:0 30px 0 0; width:450px; }
#nav_damier2 ul { display:block; float:left; margin:0; padding:0; width:450px }
#nav_damier2 ul li { margin:0; padding:0; display:block; }

.vignettes { float:left; display:inline; width:220px; margin-right:10px; }
.description { float:left; display:inline; width:210px; margin-right:0; }

img { border:none; }

#menu hr { visibility:hidden; clear:both; padding:0; margin:0; }
hr { visibility:hidden; clear:both; padding-top:10px; }
.clear { clear:both; }

#logo h1 { display:none; }
#submit a span { visibility:hidden }
#submit a { display:block; width:100%; height:100%; }
#pre-order a span { visibility:hidden }
#pre-order a { display:block; width:100%; height:100%; }

#left h2 span, #right h2 span { visibility:hidden; }

h2#graphic, h2#product { font-weight:normal; }

h3 { margin:0 0 5px 0; }

#apercugauche { position:absolute; width:450px; height:450px; top:120px !important; top:120px; left:30px; background: url(../images/load.gif) center no-repeat #444444; cursor:wait; }
/*html[xmlns*=""] body:last-child #apercugauche { margin-top:20px }*/
#apercudroite { position:absolute; width:450px; height:450px; top:120px !important; top:120px; left:510px; background: url(../images/load.gif) center no-repeat #444444; cursor:wait; }
/*html[xmlns*=""] body:last-child #apercudroite { margin-top:20px }*/
#gdotd { position:absolute; width:93px; height:93px; top:120px; left:410px;}
#pdotd { position:absolute; width:93px; height:93px; top:120px; left:890px;}
#gdotd2 { position:absolute; top:120px; left:66px; }
#pdotd2 { position:absolute; top:120px; left:546px; }
/*html[xmlns*=""] body:last-child #gdotd, html[xmlns*=""] body:last-child #pdotd, html[xmlns*=""] body:last-child #gdotd2, html[xmlns*=""] body:last-child #pdotd2 { margin-top:20px }*/

#prout p { display:none; }
#prout p { display:none; }

ul, li { margin:0; padding:0; list-style-type: none; }
#menu li { display:inline; margin:5px 0 0 0 ; padding:0; }
#content ul, #content li { margin:0; padding:0; list-style-image:none; }
#content li { display:block; }

li.design { height:430px; }

div.thumb { float:left; display:inline; width:220px; margin:0 10px 0 0; }
div.descr { float:left; display:inline; }
ul.damier { padding:0; margin:0; width:455px; list-style:none; overflow:hidden; }
ul.damier li { width:91px; height:91px; line-height:86px; float:left; display:block; padding:0; margin:0; background:url(../images/big_load.gif) no-repeat #999999 left top; }

div#left ul.damier li, div#right ul.damier li { overflow:hidden; width:86px; height:86px; margin-right:5px; margin-bottom:5px; }
div#left ul.damier li a img, div#right ul.damier li a img {  }

.spacer { clear:both; }
#submit h2 a { visibility:hidden; }
.form { float:left; width:120px; }
.input_text { background-color:#ccc; color:#000; border:0; margin:0 0 5px 0; padding:0 2px; width:330px;  }
input[type=file] { color:#000; }


#infofleche { position:absolute; top:0; border:0; vertical-align:bottom; height:95%; height:expression(document.body.clientHeight < 760?"760px": "95%" ); min-height:700px; padding:0 0 30px 0; }
#footer { position:absolute; top:0; border:0; vertical-align:bottom; height:95%; height:expression(document.body.clientHeight < 760?"760px": "95%" ); min-height:700px; padding:0 0 30px 0; }
#footer2 { position:relative; padding:0 0 30px 0; margin:0; }

#nav_apercu{ bottom:15px;}
html[xmlns*=""] body:last-child #nav_apercu{ bottom:5px;}
#nav_damier{ bottom:15px;}
#nav_damier2{ bottom:15px;}
html[xmlns*=""] body:last-child  #nav_damier{ bottom:5px;}
html[xmlns*=""] body:last-child  #nav_damier2{ bottom:5px;}

#footer h1 { padding-bottom: 0; padding-left:30px; }
h1, p { margin: 0; padding-bottom: 1em; }
h1 { font-size: 12px; line-height: 1.5em; }

h2 { margin:0 0 10px 0; font:normal 14px/14px Arial, Helvetica, sans-serif; }
h2#create { margin:10px 0 0 0; padding:0; font:normal 14px/14px Arial, Helvetica, sans-serif; color:#ffdc00; }

#submit a:link { text-decoration:none; }
#submit a:visited { text-decoration:none; }
#submit a:hover { text-decoration:none; }
#submit a:active { text-decoration:none; }

#footer h1 a:link { color:#fff; text-decoration:none; }
#footer h1 a:visited { color:#fff; text-decoration:none; }
#footer h1 a:hover { color:#ccc; text-decoration:none; }
#footer h1 a:active { color:#fff; text-decoration:none; }

#content table td { vertical-align:top; }
#content table td.comments { vertical-align:bottom; padding-bottom:15px; }
#content table td.comments ul li { padding:5px 0 0 0; }

#content table { margin-bottom:20px; }

#menu ul { padding-top:5px; }


#menu li a:link, #menu li a:visited { display: block; float: left; height: 20px; line-height: 20px; text-decoration: none; padding: 0 10px 0 0; }
#menu li a:hover, #menu li a:active { color:#fff; text-decoration:underline; }

#menu li a.jobssup:link, #menu li a.jobssup:visited { display: block; float: left; height: 20px; line-height: 20px; text-decoration: none; padding: 0 10px 0 0; }
#menu li a.jobssup:hover, #menu li a.jobssup:active { color:#fff; }
#menu li a.jobssup:hover span, #menu li a.jobssup:active span { color:#fff; text-decoration:underline; }


ul#nav_account li a:link, ul#nav_account li a:visited { text-decoration: none; }
ul#nav_account li a:hover, ul#nav_account li a:active { color:#fff; text-decoration:underline; }

#searchMbr, input { background-color:#222; }


#black { position:absolute; width:100%; height:100%; z-index:1000; top:0; left:0; margin:0; padding:0; }
#black a { display:block; width:100%; height:100%; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
#formulaire { position:absolute; background:#fff; left:30px; top:30px; width:150px; height:50px; margin:0; padding:0; z-index:2000 }

a:link { color:#fff; text-decoration:none; }
a:visited { color:#fff; text-decoration:none; }
a:hover { color:#000; text-decoration: none; }
a:active { color:#fff; text-decoration:none; }

a.gris:link, a.gris:visited, a.gris:active { color:#999; text-decoration:none; }
a.gris:hover { color:#fff; text-decoration: none; }

p a.gris:link, p a.gris:visited, p a.gris:active { color:#999; text-decoration:none; }
p a.gris:hover { color:#fff; text-decoration: none; }

.folio { font-size:12px; margin:0; padding:0 0 0 0; color:#999; line-height:10px; }
.folio a, .folio a:link, .folio a:visited, .folio a:active  { color:#999999; padding:0 4px; margin-right:5px; height:20px; line-height:20px; text-align:center; }
.folio a:hover { padding:0 4px; color:#fff; margin-right:5px; height:20px; line-height:20px; text-align:center; }

.simuleLink  { border:0; background-color:#999999; color:#000; padding:1px 4px; text-align:center; cursor:pointer}
.simuleLink:hover {background-color:#fff;}

a.arrow:link, a.arrow:visited, a.arrow:active { border-left:1px solid #777; border-top:1px solid #777; border-right:1px solid #000; border-bottom:1px solid #000; background-color:#444; color:#fff; padding:0 4px; margin-right:5px; height:20px; line-height:20px; text-align:center; }
a.arrow:hover { background:#ffdc00; border-left:1px solid #fff9d0; border-top:1px solid #fff9d0; border-right:1px solid #605300; border-bottom:1px solid #605300; color:#444; padding:0 4px; margin-right:5px; height:20px; line-height:20px; text-align:center; }
.none{ border-left:1px solid #777; border-top:1px solid #777; border-right:1px solid #777; border-bottom:1px solid #777; background-color:#666; color:#777; padding:0 4px; margin-right:5px; height:20px; line-height:20px; text-align:center; }

.folio .selected{ padding:0 4px; color:#fff; margin-right:2px; height:20px; line-height:20px; text-align:center; }
.folio .selected_old { border:1px solid #333333; background-color:#575757; padding:0 4px; color:#333333; height:20px; line-height:20px; text-align:center; }

.vote { height:20px; }

.zoomin { width:110px; height:110px; margin-left:-12px; margin-top:-12px; }
.zoomout { width:86px; height:86px; margin-left:0; margin-top:0;}

.error { color:#FF0000;}

.ok {  color:#FFDC00;}

/*Account*/

.addform { float:left; width:70px; font:normal 12px/14px Arial, Helvetica, sans-serif; }
.addstyle { background-color:#222; color:#FFF; border:0; margin:0 0 5px 0; padding:0 2px; width:860px; font:normal 12px/14px Arial, Helvetica, sans-serif; height:20px; text-transform:uppercase }
.addinput { color:#fff; border:0; margin:0 0 5px 0; background:url(images/back.gif) #222; font:normal 12px/14px Arial, Helvetica, sans-serif; height:20px; text-transform:uppercase; }
.decaltitle { padding-bottom:5px; }
.addli { display:block; float:left; width:70px; margin-top:-1px }
.addstyleli { display:block; float:left; display:inline; margin:-1px 0 0 2px }

ul#nav_account li { float:left; margin-right:10px; font-size:14px; }
.connectForm { margin:10px 0 0 0; }
.form { float:left; width:120px; }
.member { float:left; width:120px; color:#000; }
.connect { float:left; width:90px; }
.style { background-color:#333; color:#FFF; border:0; margin:0 0 5px 0; padding:0 2px; width:330px; }

a.send:link { color:#fff; text-decoration:none; }
a.send:visited { color:#fff; text-decoration:none; }
a.send:hover { color:#000; text-decoration:none; }
a.send:active { color:#fff; text-decoration:none; }
.noir { color:black }
.green { color:#42ff00; }
.red { color:#FF0000; }
.jaune { color:#ffdc00; }
.gris { color:#999; }
#content table { width:930px; }
#content table td { vertical-align:top; padding:0 2px; margin:0; border-bottom:1px solid #999; text-transform:none; }
#content table td.title { padding:4px 2px 10px 0; color:#fff; font-weight:bold; font-size:10px; border:0; text-transform:uppercase; }
#content table td.title a:hover { text-decoration:underline; }
#content table td a p { margin:0; padding:4px 0; }
#content table td a { display:block; width:100%; height:100%; }
#content table td a:link, #content table td a:visited, #content table td a:hover, #content table td a:active { color:#fff; text-decoration:none; }
#content table td span { padding:0; margin:0; }

.right { text-align:right }
.boldy { font-size:10px; font-weight:bold; }
.maigry { font-size:11px; font-weight:normal; text-transform:none; }
.decalg { padding-left:2px; }
pad { padding:0; }
.bdc { text-transform:none; }

#vote_1 { height:22px;}
#vote_2 { height:22px;}

#content table tr td div.viewContent { padding:10px 0; margin:0 }

#content table tr td div.viewContent a:link { color:#999; text-decoration:none; display:inline; }
#content table tr td div.viewContent a:visited { color:#999; text-decoration:none; display:inline; }
#content table tr td div.viewContent a:hover { color:#fff; text-decoration: none; display:inline; }
#content table tr td div.viewContent a:active { color:#999; text-decoration:none; display:inline; }

#content table tr td div.viewContent p a.author:link { color:#999999; text-decoration:none; }
#content table tr td div.viewContent p a.author:visited { color:#999999; text-decoration:none; }
#content table tr td div.viewContent p a.author:hover { color:#fff; text-decoration: none; }
#content table tr td div.viewContent p a.author:active { color:#999999; text-decoration:none; }

#content table tr td div.viewContent p a.subnews:link { color:#fff; text-decoration:none; }
#content table tr td div.viewContent p a.subnews:visited { color:#fff; text-decoration:none; }
#content table tr td div.viewContent p a.subnews:hover { color:#999; text-decoration: none; }
#content table tr td div.viewContent p a.subnews:active { color:#fff; text-decoration:none; }


p.fleche { margin:0; padding:0; }
p.saut { padding-bottom:10px; }
p.fleche a:link, p.fleche a:visited, p.fleche a:active { margin:0; padding:0; padding-left:15px; background:url(../images/fleche_trans.png) no-repeat 0 2px; color:#ffdc00; text-transform:none; }
p.fleche a:hover { margin:0; padding:0; padding-left:15px; background:url(../images/fleche_2_trans.png) no-repeat 0 2px; color:#000; text-transform:none; }

p.u a:link, p.u a:visited, p.u a:active { text-decoration:underline; }
p.u a:hover { text-decoration:underline; }

#content table tr td div.viewContent p.jobs, div#loadbox p.jobs { text-transform:none; }
#content table tr td div.viewContent p.jobs a:link, #content table tr td div.viewContent p.jobs a:visited, #content table tr td div.viewContent p.jobs a:active { color:#ffdc00; text-transform:none; }
#content table tr td div.viewContent p.jobs a:hover { color:#fff; text-transform:none; }

div#loadbox p.jobs a:link, div#loadbox p.jobs a:visited, div#loadbox p.jobs a:active { color:#ffdc00; text-transform:none; }
div#loadbox p.jobs a:hover { color:#fff; text-transform:none; }



.contentImg { height:100px; width:100px; float:left; margin-right:6px}




.fl {
	float: left; display: inline;
}
.news_slider {
	position: relative; width: 430px; text-align: left; padding-bottom:10px;
}
.news_slider .messaging {
	display: block; padding:0; margin: 0;
}
.news_slider .prev, .news_slider .next {

}
.news_slider .next {

}



.news_slider .container {
	position: relative; top: 0; left: 0; width: 100%; margin:0; padding:0;
}
.news_slider .news_items {
    /*
        The width must be equal to .item ((width + margin-right) * 2).
    */
	position: relative; /*width: 425px;*/ width:860px; top: 0; left:0; margin-bottom:5px; 
}
.news_slider .view_all {
	font-size: 10px; position:absolute; left:40px; top:2px;
}
.news_slider .item {
    /*
        Must contain a width and a margin-right.
    */
	width: 85px; margin-right:0; float:left;
}


.news_slider .item  a{ margin-bottom:5px; width:80px; height:80px; overflow:hidden;  border:0;}
.news_slider .item  a:hover{ border:0; }

.news_slider .item  a img { height:80px; width:80px;}
.news_slider .item  a:hover img { height:110px; width:110px; margin:-10px 0 0 -10px;}


.ads {
    padding: 12px 0 12px 0; font-family: "Arial","Verdana","Helvetica",sans-serif; text-align: center;
}
.skip {
	position: absolute; left: -5000px;
}
.photos {
    text-align: center; padding: 24px 0 0 0;
}
p {
    margin: 0; line-height: 1.4;
}
p.description {
    font-size: 1.2em; padding: 12px 0 12px 0; border-top: #ccc 1px dashed;
}
p.version {
    font-size: .8em; background: #f5f5f5; padding: 4px 0;
}
p.contents {
    font-size: .8em; padding: 12px 0;
}
p.release {
    font-size: .8em; padding: 0 0 12px 0;
}
p.download {
    font-size: .8em; padding: 0 0 12px 0; text-align: left;
}


#preview { width:100%; height:100%; position:absolute; background-color:#000000; top:0; left:0; z-index:90; filter:alpha(opacity=80); -moz-opacity: 0.80; }
#previewcontent { background-color:#575757; position:absolute; width:700px; height:700px; z-index:99; border:2px solid #CCCCCC; left:50%; top:50%; margin-left:-350px; margin-top:-350px; padding:20px; overflow:auto;}


#content table tr td  ul.portfolio { margin:0 0 5px 0;}
#content table tr td  ul.portfolio li { list-style:none; margin:0; display:inline;}
#content table tr td  ul.portfolio li img { border:1px solid transparent; margin:0 2px 2px 0;}
#content table tr td  ul.portfolio li a { display:inline; width:auto;}
#content table tr td  ul.portfolio li a:hover img { border:1px solid #CCCCCC;}




/* Add URL &amp; Add E-mail */

.adder { display:none; padding:5px 0 10px 0; text-transform:none; }
.adder input { text-transform:inherit; }


/* Comment box */

a#commentbulle-1:hover, a#commentbulle-2:hover { color:#fff; text-decoration:underline; }
a.img:hover { text-decoration:none; }

div#comment-box-1 { position:absolute; padding:0; margin:0; left:30px; width:450px; height:450px; overflow:auto; /*overflow-x:hidden; */z-index:9500000; background:url(../images/fond-comment.png); display:none; }
div#comment-box-2 { position:absolute; padding:0; margin:0; left:510px; width:450px; height:450px; overflow:auto; /*overflow-x:hidden; */z-index:9500001; background:url(../images/fond-comment.png); display:none; }
a.delcommenthover:hover { color:#fff; text-decoration:underline; }

div.container { padding:10px; }
div.container div.closebox { position:absolute; float:right; text-align:right; height:69px; width:70px; right:0; top:0; padding:0; margin:0; }
div.container div.closebox a { display:block; width:70px; height:69px; background:url(../images/close.png) no-repeat; }

div.container div.postcomment { padding-left:65px; padding-top:10px; }
div.container div.postcomment form textarea { text-transform:none; width:335px; height:80px; min-height:80px; border:1px solid #777; color:#fff; background:url(../images/fond-comment.png); font-family:Arial; font-size:11px; }
div.container div.postcomment form input { display:none; }
div.container div.postcomment a { color:#777; }
div.container div.postcomment a:hover { color:#fff; text-decoration:none; }
div.container div.postcomment p.fleche a { color:#ffdc00; text-decoration:none; }
div.container div.postcomment p.fleche a:hover, div.container div.postcomment p.fleche2 a:hover { color:#fff; text-decoration:none; background:url(../images/fleche_b_trans.png) no-repeat 0 2px; }
div.container div.postcomment p.fleche { margin:0; padding:0; }

.viewcomments { padding:0 0 10px 0; margin:0; }
.viewcomments .memberscomments { padding:0 0 10px 0; margin:0; }
.viewcomments .memberscomments div { float:left; padding:0; }

.viewcomments .memberscomments div.membercomment { margin:0 0 0 15px; padding:0; border-bottom:1px solid #777; width:335px; }
.viewcomments .memberscomments div.membercomment span.delcomment { font-size:10px; text-transform:none; }
.viewcomments .memberscomments div.membercomment p.p-comment { padding:5px 0 0 0; text-transform:none; }
.viewcomments .memberscomments div.membercomment span.comment-name { font-size:10px; text-transform:capitalize; }
.viewcomments .memberscomments div.membercomment span.comment-date { font-size:10px; text-transform:none; color:#999; }
.viewcomments .memberscomments div.membercomment p.p-comment a:hover { color:#ffdc00; text-decoration:underline; }
.viewcomments .memberscomments div.membercomment p.p-comment a:link, .viewcomments .memberscomments div.membercomment p.p-comment a:visited, .viewcomments .memberscomments div.membercomment p.p-comment a:active { color:#ffdc00; }

input.submit, div.postcomment p input.submit { padding:2px 3px; margin:0; background:#444; color:#fff; text-transform:none; border-left:1px solid #777; border-top:1px solid #777; border-right:1px solid #000; border-bottom:1px solid #000; font-size:11px; }
input.submit:hover, div.postcomment p input.submit:hover { background:#ffdc00; border-left:1px solid #fff9d0; border-top:1px solid #fff9d0; border-right:1px solid #605300; border-bottom:1px solid #605300; color:#444; }

.bgroupe { width:930px; padding-bottom:3px; overflow: hidden; _height: 1%; }
.bgroupe:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 0; }  
.bdroite { width:800px; float:right; }
.bgauche { width:130px; float:left; }
.idle { background:#777; color:#444; cursor:default; text-transform:capitalize; }
.idlebdc { text-transform:none; }

a.votepouce:hover { color:#fff; text-decoration:underline; }
a.votepouce:link, a.votepouce:visited, a.votepouce:active { color:#fff; }