/*General*/
body{margin:0;padding:0;background:#FFF; font-family:Arial, Helvetica, sans-serif; overflow-x:hidden; }
a { color:#333; text-decoration: none; }
a:hover { color: #3c86b7; text-decoration:underline; }
.ahigh {color: #3c86b7; text-decoration:underline;}
.ahigh:hover {text-decoration:none;}
.logoJVIP{ width:150px; height:90px; display:block; background:url(../jeux-video/jvip.png) no-repeat;}

/*structure*/
#header{background:#afafaf;height:110px;background:url('../jeux-video/fdhead.jpg');}
#nav{ width: auto; background: #eee; height: 45px; border-bottom: 1px solid #dadada; margin-bottom: 30px; background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#E0E0E0)); background: -moz-linear-gradient(top,#eee,#E0E0E0);-webkit-box-shadow: 0 1px 1px #666; -moz-box-shadow: 0 1px 1px #666; box-shadow:  0 1px 1px #666;}
#footer{background:#eee;float:left;border-top:7px solid #90CA4C; padding:5px; width:100%; margin-top:50px;-webkit-box-shadow: 0 -1px 1px #666; -moz-box-shadow: 0 -1px 1px #666; box-shadow:  0 -1px 1px #666; padding-bottom:15px; border-bottom:1px solid #999;}
.wrapper{width:920px;height:110px; margin:0 auto; background:url('../jeux-video/fdhero.png') no-repeat right center;}
.wrapper2{width:920px;height:110px; margin:0 auto;}
#content{ width:920px;margin: 0 auto; }
#calage{float:left;min-height:650px;}
.colleft{float:left;width:548px;margin-top:20px;}
.colright{float:left;width:332px;margin:20px 0 0 40px;}

.colleftJeux{float:left;width:210px;margin:10px 20px 0 0;}
.colcentreJeux{float:left;width:505px;margin:10px 10px 0 0;}
.colrightJeux{float:left;width:175px;margin-top:5px; text-align:center;}

/*navbar*/
ul#mnp { width: 920px; margin: 0 auto; display: block; list-style: none; border-left:1px solid #CCC;}
ul#mnp li { float: left; line-height: 45px;  border-top: 0px; border-bottom: 0px; border-right:1px solid #CCC;height:45px; }
ul#mnp li a { display: block; padding: 0 20px; color: #88b618; font-size: 15px; font-weight: bold; text-shadow: 0px 1px 1px #fff;text-decoration: none; }
ul#mnp li a:hover { background:#CCC;color:#FFF;text-shadow: 0px 1px 1px #333;}
ul#mnp li.searchBar{ width:345px;padding-left:15px;}
ul#mnp li.sel { background: #b4e127; border: 3px solid #c1ff00; border-top: 0px; border-bottom: 0px; }
ul#mnp li.sel a { color: #fff; text-shadow: 0px 1px 2px #88b618; }

/*form*/
#inRecherche {padding: 5px;font-size: 15px;text-shadow: 0px 1px 0px #fff;outline: none;background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbe), to(#ffffff)); background: -moz-linear-gradient(top,  #bcbcbe,  #ffffff); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #717171; -webkit-box-shadow: 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 0px #efefef; box-shadow:  1px 1px 0px #efefef;width:205px; }

input[type=submit]{background:#ddd; background:-moz-linear-gradient(90deg, #ADE370, #90CA4C);  background:-webkit-gradient(linear, left top, left bottom, from(#ADE370), to(#90CA4C));  border:1px solid #717171; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:0 1px 0 #fff; -webkit-box-shadow:0 1px 0 #fff; color:#fff; cursor:pointer; font-family:Arial,sans-serif; font-size:12px;font-weight:bold; padding:7px 10px; text-shadow:0 1px 1px #333;text-transform:uppercase;}
input[type=submit]:hover{background:#eee; background:-moz-linear-gradient(90deg, #B8F279, #99D753); background:-webkit-gradient(linear, left top, left bottom, from(#B8F279), to(#99D753)); border-color:#898989;}
input[type=submit]:active,input[type=submit]:focus{background:#ccc; background:-moz-linear-gradient(90deg, #99D753, #B8F279); background:-webkit-gradient(linear, left top, left bottom, from(#99D753), to(#B8F279)); border-color:#898989;}

/*slideshow*/
.container{background:#F0F0F0;padding:10px;border:1px solid #CCC;float:left;-moz-border-radius:3px; -webkit-border-radius:3px;}
.main_image {width: 598px;height: 325px;float: left;background: #333;position: relative;overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/color: #000;text-shadow: 0px 1px 0px #fff;}
.main_image img {width:100%;position:absolute;top:-125px;}
.main_image h5 {font-size: 1.5em;margin: 0 0 0 10px;padding: 10px 10px 0px 10px;}
.main_image p {font-size: 1.2em;padding: 10px 5px 20px 5px;margin:0 0 0 15px;}

.main_image .block small {font-size: 0.8em;padding: 0 0 0 10px;}
.main_image .block small {margin-left: 10px;}
.main_image .desc{position: absolute;bottom: 0;left: 0; width: 100%;display: none;}
.main_image .block{width: 598px;background: #99D753;border-top: 1px solid #999;}
/*--hide/show tab--*/
.main_image a.collapse {background: url(../jeux-video/sl-btn_collapse.gif) no-repeat left top;height: 27px;width: 93px;text-indent: -99999px;position: absolute;top: -27px;right: 20px;}
.main_image a.show {background-position: left bottom;}

/*thumb*/
.image_thumb .block small {font-size:12px;background: url(../jeux-video/puce.png) no-repeat;padding: 0 0 0 15px;display:block;}
.image_thumb .block small {font-size: 0.9em;padding: 0 0 0 20px;color:#333;}
.image_thumb {float: left;width: 299px;background: #f0f0f0;border-right: 1px solid #fff;border-top: 1px solid #ccc;}
.image_thumb img {border: 1px solid #ccc;padding: 5px;background: #fff;float: left;}
.image_thumb ul {margin: 0;padding: 0;list-style: none;}
.image_thumb ul li{margin: 0;padding: 12px 10px;background: #f0f0f0 url(../jeux-video/sl-nav_a.gif) repeat-x;width: 279px;height:82px;overflow:hidden;float: left;border-bottom: 1px solid #ccc;border-top: 1px solid #fff;border-right: 1px solid #ccc;}
.image_thumb ul li.hover { background: #ddd;cursor: pointer;}
.image_thumb ul li.active { background: #fff;cursor: default;}
html .image_thumb ul li h5 {font-size: 1em;margin: 5px 0;min-height:25px;padding: 0;overflow:hidden;text-shadow: 0px 1px 0px #fff;}
.image_thumb ul li .block {float: left;margin-left: 10px;padding: 0;width: 190px;}
.image_thumb ul li p{display: none;}

/*display*/
#list_jeu, #list_jeu_large{display: block; list-style: none; margin:0;padding:0; }
#list_jeu li {width:538px; display:block; float:left; border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9; border-top:1px solid #E9E9E9; border-left:1px solid #D9D9D9; -webkit-box-shadow: 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 0px #efefef; box-shadow:  1px 1px 0px #efefef;-moz-border-radius:3px; -webkit-border-radius:3px; padding:5px; margin-bottom:10px; background:#F0F0F0; }

.blocImg{float:left;width:50px;height:65px;margin:5px;border:1px solid #eee;}


.txtApercu{font-size:12px;color:#333;margin:5px 0 0 0;float:left;display:block; max-width:465px;}
.txtApercu2{font-size:14px;color:#333;margin:5px 0 0 0;float:left;display:block;width:425px; display:block;}

.titreApercu{margin:5px 0 0 0;color:#999;text-shadow: 0px 1px 0px #fff;font-size:14px;}


#list_jeu_large li { position:relative;width:538px; display:block; height:135px; border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9; border-top:1px solid #E9E9E9; border-left:1px solid #D9D9D9; -webkit-box-shadow: 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 0px #efefef; box-shadow:  1px 1px 0px #efefef;-moz-border-radius:3px; -webkit-border-radius:3px; padding:5px; margin-bottom:10px; background:#F0F0F0; overflow:hidden; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#F0F0F0)); background: -moz-linear-gradient(top,#f5f5f5,#F0F0F0);}

.blocImg_large img{width:100px;max-height:125px}
.blocImg_large {float:left;width:100px;height:125px;margin:5px;border:1px solid #eee;}
.color1{color:#333;}



.colonne{float:right;width:207px;margin-right:10px;}
.listFooter{margin:0;padding:0; list-style:none; margin-top:5px; font-size:12px;}
.listFooter li{margin-bottom:5px;}


#listDossier, #listActu {list-style:none;margin:0;padding:0; clear:both;}
#listDossier li{border: 1px solid #ccc;padding: 5px;background-color: #fff;float: left; width:322px;height:125px;margin:5px 0; background-repeat:no-repeat; background-position:5px 5px;}
#listDossier li a{width:75%;font-size:22px; font-weight:bold; color:#FFF; text-shadow: 0px 1px 0px #000; margin:50px 15px 0 0; display:block; float:right; text-align:right;}
#listDossier li a:hover { color: #3c86b7;text-shadow: 0px 1px 0px #FFF; }

h3, h4 {background:#90CA4C; display:inline; color:#FFF; padding:5px;text-shadow: 0px 1px 1px #333; margin-bottom:10px; float:left; -moz-border-radius:3px; -webkit-border-radius:3px;}

h1{background:#90CA4C; display:inline; color:#FFF; padding:5px 10px;text-shadow: 0px 1px 1px #333; margin-bottom:10px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.plusLien{background:#90CA4C; display:inline; color:#FFF; float:left; margin: 18px 0 0 7px; font-size:14px; font-weight:bold; padding:7px 10px;text-shadow: 0px 1px 1px #333; -moz-border-radius:3px; -webkit-border-radius:3px; }

.plusRss{display:inline;float:left; margin-left:7px; }

.pagination {background:#90CA4C; display:inline; color:#FFF; padding:5px;text-shadow: 0px 1px 1px #333; margin-top:10px; float:left; -moz-border-radius:3px; -webkit-border-radius:3px; margin-right:3px;}

.paginationActive{color:#000; background:#FFF;display:inline; padding:5px; margin-top:10px; float:left; }

h2{text-shadow: 0px 1px 1px #fff; color:#90CA4C;background: url(../jeux-video/puce.png) no-repeat -1px 6px;padding-left:15px;}
.pHigh{background: url(../jeux-video/puce.png) no-repeat;padding-left:15px;}

.spacer{clear:both;max-height:10px;}
.spacer2{clear:both;max-height:5px;}

#listActu li{margin: 0;padding: 5px 5px 5px 26px;background-color: #f0f0f0; background-repeat:no-repeat; background-position: 5px 5px; width: 300px;min-height:40px;overflow:hidden;float: left;border-bottom: 1px solid #ccc;border-top: 1px solid #fff;border-right: 1px solid #ccc; }

/*Fiche Jeux*/

#imageBox { width:207px; border:1px solid #999;-moz-border-radius:3px; -webkit-border-radius:3px;}
.image_vue {width:92px; height:75px; border:1px solid #999; margin:3px;-moz-border-radius:3px; -webkit-border-radius:3px;}

.txt12{font-size:12px;}
.txt10{font-size:10px;}
.gris{color:#ccc;}


/* Tabs fiche jeu */
ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 32px; border-bottom: 1px solid #999;border-left: 1px solid #999;width: 100%;}
ul.tabs li {float: left;margin: 0;padding: 0;height: 31px; line-height: 31px; border: 1px solid #999;border-left: none;margin-bottom: -1px; overflow: hidden;position: relative;background: #eee;}
ul.tabs li a {text-decoration: none;color: #000;display: block;font-size: 0.8em;padding: 0 20px;border: 1px solid #fff; outline: none;}
ul.tabs li a:hover {background: #ccc;}
html ul.tabs li.active, html ul.tabs li.active a:hover  { background: #E6EEEF;border-bottom: 1px solid #E6EEEF; font-weight:bold; }

.tab_container { border: 1px solid #999; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #E6EEEF;-moz-border-radius:3px; -webkit-border-radius:3px;-moz-border-top-left-radius:0; -webkit-border-top-left-radius:0; }
.tab_content { padding: 20px; font-size: 0.8em;}
.tab_content p {margin-left:15px;margin-right:15px; text-align:justify;}
.minP{ font-size:0.8em;margin-bottom:0;}


/*box */

.boxAffine{border: 1px solid #ccc;padding: 5px;background-color: #fff;float: left; width:322px;margin:5px 0;-moz-border-radius:3px; -webkit-border-radius:3px;background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#E0E0E0)); background: -moz-linear-gradient(top,#f5f5f5,#E0E0E0); border-top-color:#F9F9F9; border-left-color:#F9F9F9;}
.noneFilter { border:2px solid #eee; display:block;float:left; margin:1px;}
.selectedFilter { border-color:#F90;}
.titleAffine{ margin-bottom:5px;margin-top:0;text-shadow: 0px 1px 1px #fff; font-size:0.9em;}

#menuCategories { margin:0; padding:0;}
#menuCategories li{font-size:0.9em;background: url(../jeux-video/puce.png) no-repeat;padding: 0 0 0 20px;display:block; margin-bottom:10px; cursor:pointer;}

#menuActu { margin:5px; padding:0;}
#menuActu li{font-size:1em;background-repeat:no-repeat;padding: 0 0 0 20px;display:block; margin-bottom:10px;}

#menuCategories li ul { display:none;padding-left:5px;margin-top:5px;}

.alpha_lien{color:#89D038;display:block;cursor:pointer;width:15px;height:15px;text-align:center;float:left;margin:1px;border:1px solid #89D038;font-size:12px;}

.alpha_lien:hover{background:#FFF;text-decoration:none;}

.alpha_lien-select{background:#000;color:#fff;display:block;cursor:pointer;width:15px;height:15px;text-align:center;float:left;margin:1px;border:1px solid #fff;font-size:12px;}

.contentTxt p, .contentTxt ul, .contentTxt ol{ font-size:0.9em;}
.contentTxt li{ margin-bottom:5px;}

.vignette_categorie{float:left;width:150px;height:135px;border:1px solid grey;margin:10px;display:block;font-size:12px;font-weight:bold;color:#FF9000;text-align:center;background:#FFF url(../jeux-video/fond-bloc.png);}

.vignette_categorie img { width:140px; height:105px;}
.vignette_categorie:hover{text-decoration:none;background:#FFF url(../jeux-video/fond-bloc_hover.png);color:#99D753;}

.bloc_article{float:left;width:538px;font-size:12px;text-align:justify;}

.bloc-apercu{width:120px;height:120px;float:left;margin:5px;font-size:10px;text-decoration:none;text-align:center;}
.bloc-apercu:hover{text-decoration:none;}

.bloc_video{float:left;background:#FFF;padding:5px;border:1px dotted grey;margin-bottom:5px;width:250px;font-size:12px;margin-right:5px;}
.txt12gris{font-size:12px;color:#333;}
#vignette_pegi{float:left;width:400px;margin-left:25px;}
#vignette_pegi2{float:left;width:250px;margin-left:25px; font-size:0.8em; text-align:justify;}
#vignette_pegi img,#vignette_pegi2 img{margin:5px;float:left;}
#vignette_pegi2 p{margin-top:3px;}

.blocActu{ border:1px solid grey; float:left;padding:7px;margin:5px 0;-moz-border-radius:3px; -webkit-border-radius:3px;background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#E0E0E0)); background: -moz-linear-gradient(top,#f5f5f5,#E0E0E0); border-top-color:#F9F9F9; border-left-color:#F9F9F9;text-shadow: 0px 1px 1px #fff;}
.blocActu img { border:1px solid #ccc;}

.blocActu h3, .blocActu h2{ background:none; padding:0;margin:5px; color:#000; background-repeat:no-repeat;padding-left:25px;background-size: 4%;text-shadow: 0px 1px 1px #fff;}
.actuText{ width:340px; float:left; margin-left:10px;}

.actuText2{float:left; margin-top:10px;}
.actuType{font-size:0.6em;padding-top:3px;color:#666;display:block;}
.date{ clear:both; color:#999; display:block; margin-bottom:10px; font-size:10px; margin-left:20px;}