@charset "utf-8";
/* CSS Document, pour Jeuxy.com */


/* Body */
body {margin : auto; padding : 0; font-size : 12px; font-family : Tahoma, Arial, Helvetica, sans-serif; background : #092d6f url('./images/fond.jpg') repeat-x;}
body a{text-decoration:none; color: #CC6600;}

.clear{ clear:both;  display:block; height:0;  padding:0; margin-bottom:4px;  }


/* ---------------------------
Header
---------------------------- */
#header {position : relative; width : 994px; height : 96px; margin : auto; background : url('./images/fheader.png') repeat-y center top;}
 #header #logo {position : absolute; width : 349px; height : 47px; margin-top : 37px; margin-left : 30px; background : url('./images/logo.png') no-repeat; }

/* Espace membre */
#espace {position : absolute; width : 350px; height : 91px; background : url('./images/espacem.png') no-repeat; bottom : 0; right : 43px;}
 #espace .input {height : 14px;margin-left : 20px;width : 107px;margin-top : 40px;background-color : #514e4d;border : 1px solid #5f5c5b;padding-top : 5px;font-size : 11px;font-family : Verdana, Arial, Helvetica, sans-serif;}
 #espace .mdp {position : absolute;top : 67px;right : 235px;text-decoration : none;color : #40ac16;font-style : italic;}
 #espace .inst {position : absolute;top : 67px;right : 220px;text-decoration : none;color : #40ac16;font-style : italic;}
 #espace .inscription {position : absolute;top : 67px;right : 92px;text-decoration : none;color : #40ac16;font-style : italic;}
 #espace .reussi {font-weight:bold; position : absolute;top : 44px;right : 176px;text-decoration : none;color : #838787;}
 #espace input[type="submit"] {position : absolute;height : 22px;width : 22px;border : 0;top : 40px;right : 43px; background :url('./images/connexion.png') no-repeat;}
 #espace input[type="submit"].deco{position : absolute;height : 22px;width : 22px;border : 0;top : 40px;right : 43px; background :url('./images/deconnexion.png') no-repeat;}

/* ---------------------------
Barre de navigation haute 
---------------------------- */
#navigation {width : 940px;height : 41px;background : url('./images/barre.png') no-repeat;margin : 0 auto;padding: 0;padding-left:54px;font-size : 13px;font-family : Tahoma, Arial, Helvetica, sans-serif;}
 
/* Bouton */
  #navigation .tableau {float:left;}
  #navigation .menu a {height : 41px;width : 101px;display: block;background : url('./images/bouton.png') top no-repeat;line-height : 41px;text-decoration : none;color : #000000;text-align : center;}
  #navigation .menu a:hover {color : #da8210; background : url('./images/bouton.png') bottom no-repeat;}
  #navigation .lienmenu {font-weight:600;}

/* Fonction rechercher */
   #navigation #fonction {float:left;height:30px;width:316px;margin-left:60px;margin-top:5px;}
   #navigation #rechercher {margin:0;padding:0;}
   #navigation #rechercher input[type="text"] {height : 22px;width : 187px;background : url('./images/search.png') no-repeat;margin:0;padding:0;border:0;padding-left:14px;padding-top:7px;color : #242424;float:left;}
   #navigation #rechercher input[type="submit"] {height : 30px;width : 115px;background : url('./images/boutonr.png') no-repeat;margin:0;padding:0;border:0;float:left;cursor : pointer;}


/* ---------------------------
Contenu  
---------------------------- */

#corps {height : auto;width : 1002px;background : url('./images/fondb.png') repeat-y;margin :0 auto; }

/* ---------------------------
Menu gauche
---------------------------- */
#left {height : auto;width : 214px;display : block;float : left;margin-left : 19px;margin-top : 9px;}
 #left #nav {background : url('./images/fondm.png') repeat-y top;}

/* Titre catégorie */
  #left .gagner {height : 33px;width : 214px;background : url('./images/gagner.jpg') no-repeat;margin-bottom:3px;}
  #left .jeux {height : 33px;width : 214px;margin-top:3px;background : url('./images/jeux.jpg') no-repeat;margin-bottom:3px;}
  #left .derive {height : 33px;width : 214px;margin-top:3px;background : url('./images/derive.jpg') no-repeat;margin-bottom:3px;}
  #left .direct {height : 33px;width : 214px;margin-top:3px;background : url('./images/direct.jpg') no-repeat;}

/* Navigation catégories */ 
  #left #nav ul {margin : 0;padding : 0;}
  #left #nav li {padding : 1px;font-size : 11px;margin-left : 20px;color : #2b2a2c;text-decoration : none;}
  #left #nav li:hover {padding : 1px;font-size : 10px;margin-left : 20px;color : #009900;text-decoration : none;}
  #left #nav a {color : #121211;font-size : 13px;font-family: tahoma;text-decoration : none;}
  #left #nav a:hover {color : #121211;text-decoration : none;}

/* Partenaires */ 
  #left .partenaires {height : 112px;width : 214px;background : url('./images/fondp.jpg') no-repeat;padding-top : 8px; margin-bottom:10px;}
  #left .partenaires img {border : 0;margin-left : 8px;}
  #left #tb_1 {float : left;width : 90px;}
  #left #tb_2 {width : 90px;margin-left : 90px;}

/* Bloc note */ 
  #left .blocnote {height : auto;float : left;display : block;width : 214px;}
  #left .bloc {height : 30px;width : 204px;background : url('./images/hautbloc.jpg') no-repeat;line-height : 30px;font-size : 18px;font-family : Futura Hv, Arial, Helvetica, sans-serif; padding-left : 10px;color : #353433;}
  #left .cbloc {height : auto;width : 194px;background : url('./images/cbloc.jpg') repeat-y;padding-left : 10px;padding-right : 10px;text-align : justify;font-size : 13px;}
  #left .bbloc {height : 1px;width : 214px;background : url('./images/bbloc.png') no-repeat;margin-bottom : 0px; margin-bottom:10px;}

/* ---------------------------
Contenu principale
---------------------------- */
#center {height : auto;width : 558px;display : block;float : left;margin-top : 9px;margin-left : 10px;}
 
 /* Bloc contenu */ 
 
 #center .bloccontenu {height : auto;width : 558px;margin-bottom : 10px;}
 #center .textc {height : auto;width : 538px;background : url('./images/ccontenu.png') repeat-y;padding-left : 10px;padding-right : 10px;padding-bottom : 5px;padding-top : 5px;text-align : justify;font-size : 13px;}
 #center . {height : auto;width : 538px;background : url('./images/ccontenu.png') repeat-y;padding-left : 10px;padding-right : 10px;padding-bottom : 5px;padding-top : 5px;text-align : justify;font-size : 13px;}
 #center .basc {height : 1px;width : 558px;background : url('./images/bcontenu.png') no-repeat;}

 /* Carrousel */
 #conteneur{ width:500px; height:285px;  position:relative; margin-left:-7px; }
 #conteneur .next,#conteneur .prev{ height:62px; width:62px; display:block;  position:absolute; top:105px; }
 #conteneur .next{ background:url(images/next.png) left -61px no-repeat; right:0;}
 #conteneur .prev{ background:url(images/prev.png) left -61px no-repeat; left:0;}
 #conteneur .next:hover,#conteneur .prev:hover{ background-position:left top; }
 #carrousel{ width:550px; height:285px; position:relative; overflow:hidden; }
    #carrousel .slide{ width:550px; height:285px; float:left; position:absolute;}
    *:first-child+html  #carrousel .slide{ width:550px; height:285px; float:left; position:absolute; padding:0; margin:0; margin-left:20px;}
    #carrousel ul{ list-style: none; width:470px; margin:10px auto;}
    #carrousel ul li{ display:block; float:left; margin:5px;}
    #carrousel ul li a{ color:#000; text-decoration:none;}
    #carrousel ul li img{ display:block; margin-bottom: 2px; border:solid 2px #797878; width:130px; height:99px; }
    #carrousel ul li img:hover{ display:block; margin-bottom: 2px; border:solid 2px #333333;}
    #carrousel ul li span{ display:block; text-align: center;}

/* Bloc Actu */
    #actu-game{ margin:5px 5px;}
    #actu-game h4{ background:#fdf7f7; border:solid 1px #c3c2c0; padding:4px; font-weight:normal; font-size:13px; color:#000; margin:0px; margin-bottom:-4px; cursor:pointer; }
    #actu-game h4.actufiches{ background:#fdf7f7; border:solid 1px #c3c2c0; padding:4px; font-weight:normal; font-size:13px; color:#000; margin:0; }
    #actu-game h4 .date{ color:#3fac15; font-weight:bold; font-size:12px;}
    #actu-game .actu-content{padding:0; margin:0px;}
    #actu-game .actu-content p{ margin-top:11px; margin-bottom:5px;}
    #actu-game img{ margin-bottom:5px; border:solid 2px #6a7267;}
    #actu-game img:hover{ border:solid 2px #333333;}
    #actu-game .alignleft{ float:left; margin-right:10px; }
    	

 /* Ccs flash infos */
 #center .infos{height : 18px;width : 515px;margin-top:5px;}
 #center #tbi{height : auto;width : 260px;float:left;margin-top:-10px;} 
 #center #tbi a{color:#5A5E65;} 
 #center .com{margin-top:-26px;margin-left:40px;font-family: tahoma;font-size:12px;}
 #center .interview{margin-top:-45px;float:left;margin-left: 92px;margin-bottom:5px;}
 #center .interview img{margin-top:-7px;border:solid 2px #5A5E65}
  
 /* Balises H */
 h5 {height:21px; background : url('./images/h5.png') left bottom no-repeat; font-size:12px; margin-top:5px;}
 h5.gagner{height:21px; background : url('./images/h5.png') left bottom no-repeat; font-size:12px; margin-top:15px; margin-bottom:5px;}
 h1 {position:relative; height : 34px;width : 524px;background : url('./images/titretop.png') no-repeat;line-height : 33px;font-size : 14px;font-family : Verdana, Arial, Helvetica, sans-serif;padding-left : 35px;margin-left : -1px;color : #da8210; margin-bottom:0px;margin-top:0px; font-weight:100;}
 h1:first-letter {font-size : 18px;font-weight : bold;}
 h1 img{position:absolute; height : 28px; width : 29px; border:0px; padding:0px; margin-top:3px; right:4px;}
 *:first-child+html h1 img{position:absolute; height : 28px; width : 29px; border:0px; padding:0px; margin-top:-5px; right:4px;}
 h3 {height : 34px;width : 524px;background : url('./images/titretop.png') no-repeat;line-height : 37px;font-size : 14px;font-family : Verdana, Arial, Helvetica, sans-serif;padding-left : 35px;margin-left : -10px; color : #da8210; margin-bottom:7px;margin-top:7px; font-weight:100;}
 h3:first-letter {font-size : 18px;font-weight : bold;}



 /* Pages categories */

   #center 
   .trie { height:35px; line-height:35px; background-color:#F5F4F2; margin-bottom:11px; border:1px dashed #C2C2C0; margin-top:3px; margin-right:13px; text-align:center; }
   .textf {height : auto;width : 548px;background : url('./images/ccontenu.png') repeat-y;padding-left : 11px;padding-right : 10px;padding-bottom : 6px;text-align : justify;font-size : 13px; padding-top:7px;}
 
 
  .blocJeux{width:171px; height:158px; float:left; position:relative; background:url(images/haut-jeux.png) no-repeat left top #FFFFFF ;padding:0; margin-right:11px;margin-bottom:11px;}
  .blocJeux h4{font-size:12px;font-weight:bold; padding:0; padding-left:4px; margin:0;line-height:35px;}
  .blocJeux .note{position:absolute; top:14px; right:17px; font-family: "verdana", Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; }
  .blocJeux img{display:block; border:solid 2px #CCCCCC; margin-top:6px;; margin-left:18px;}
  .blocJeux img:hover{ border:solid 2px #646464;}

  .detailJeux{display:none; width:529px; height:180px;}
  .detailJeux{position:relative;  margin-bottom:11px; padding:0; padding-left:5px; background:url(images/haut-jeuxd.png) left top no-repeat #FFFFFF;border:solid 1px #7c7d83;  }
  .detailJeux h2{ font-weight:bold; margin:0; padding:0; font-size:13px; line-height:29px; color: #666666;}
  .detailJeux h2:first-letter {font-size : 18px;font-weight : bold;}
  .detailJeux img{ height:99px; width:130px; display:block; margin-left:20px; margin-top:20px;margin-right:20px;border:solid 2px #CCCCCC; float:left;}
  .detailJeux img:hover{ border:solid 2px #646464;}
  .detailJeux p{ margin-top:30px; margin-right:20px;}
  .detailJeux .lien{ position:absolute; bottom:7px;px; right:13px; font-size:11px; margin:0; padding:0; text-align:right; }
  .detailJeux .lien2{ position:absolute; bottom:7px; left:13px; font-size:11px; margin:0; padding:0; text-align:left; }
  .detailJeux a{ text-decoration:none; color: #666666; font-weight:bold; }
  .page {text-align:left;margin-top:5px; margin-bottom:5px; padding:0;  }
  .page a{border:solid 1px #999999; padding-top:3px; padding-bottom:3px; padding-left:6px; padding-right:6px; font-weight:bold;color:#999999;  }
  .page a:hover{color:#FF9900; text-decoration:underline; background-color:#FFFFFF;  }
  .inactif {font-weight:bold;border:solid 1px #000000; padding-top:3px; padding-bottom:3px; padding-left:6px; padding-right:6px;}


 /* Pages fiches.php */
  #center .navfiche{ height:55px;width:558px;margin-bottom:7px; background : url('./images/navfiche.png') no-repeat; margin-left:-10px;margin-top:3px; }
  #center .navfiche2{ height:55px;width:558px;margin-bottom:7px; background : url('./images/navfiche2.png') no-repeat; margin-left:-10px;margin-top:3px; }
  #center .numero{ float:left; font-size:24px; color:#da8210;font-weight: bold;margin-left:41px;margin-top:5px; }
  #center .tableaufiche{float:left;margin-left:31px;margin-top:10px;}
  #center .tableaufiche1{float:left;margin-left:23px;margin-top:10px;}
  #center .menuf a {height : 37px;width : 128px;display:  block;margin-left:-1px;background : url('./images/boutonf.png') top no-repeat;line-height : 40px;text-decoration : none;color : #000000;text-align : center;}
  *:first-child+html #center .menuf a {height : 37px;width : 128px;display:  block;margin-left:0px;background : url('./images/boutonf.png') top no-repeat;line-height : 40px;text-decoration : none;color : #000000;text-align : center;}
  #center .menuf a:hover {height:37px;color : #da8210; background : url('./images/boutonf.png') bottom no-repeat;}
  *:first-child+html #center .menuf a:hover {height:37px;color : #da8210; background : url('./images/boutonf.png') bottom no-repeat;}
  #center .screenfiche img{float:left;border:solid 2px #CCCCCC;margin-top:5px; margin-left:10px; margin-right:10px; margin-bottom:3px; }
  #center .screenfiche img:hover {border:solid 2px #333333; cursor:pointer; }
  #center .textefiche{margin-top:10px;margin-bottom:10px;}
  
   /* Pages fiches.php; interview, actu */
  #center .wrong{color:#CC1A2C;font-weight:bold;font-style:italic;}
  #center .wright{color:#27C400;font-weight:bold;font-style:italic;}  
   #center .comf{width:275px; margin-top:-26px;margin-left:40px;font-family: tahoma;font-size:12px; margin-bottom:3px;}
   #center .conseil{margin-top:-45px;float:left;margin-left: 30px;margin-bottom:5px;}
   #center .messcom{background-color: #FFFFFF; padding:5px 6px 5px 6px; margin-left:40px; font-style:italic;}
    #center .question{font-weight: bold;}
      #center .code {height:auto; width:auto; padding-left:6px; padding-top:6px; padding-bottom:6px; padding-right:6px; background-color:#E0E0E0; font-family: Helvetica; font-weight:normal; font-size:16px; border: solid 1px #B8B8B8; color: #663300; }
	#center .rep{margin: 5px 25px;padding: 5px 5px 5px 5px;font-style: italic;background: #FFFFFF;}	
        #center input.plusvote{cursor:pointer; padding:3px; margin-left:10px; border:1px solid #A8A8A8;  font-size:16px;color:#00D007;}
        #center input.moinsvote{cursor:pointer; padding:3px; padding-right:6px;  border:1px solid #A8A8A8;  font-size:16px;color:#F9313E;}
        #center input.plusvotefait{padding:3px; margin-left:10px; border:1px solid #A8A8A8;  font-size:16px;}
        #center input.moinsvotefait{padding:3px; padding-right:6px;  border:1px solid #A8A8A8;  font-size:16px;}
        #center input.total{padding:3px; padding-right:6px; padding-left:6px;  border:1px solid #A8A8A8;  font-size:24px;}

.pascom{width:300px; font-weight:bold;}
	
	/* Tableau page partenaires et contact*/
        .ta { border-collapse:collapse; margin:10px auto; color:#000000; width: 80%;}
	.ta th {padding:3px; background-color: #F2F2F2;border: 1px solid #CCCCCC;}
         .ta td {padding:3px; background-color: #F2F2F2;border: 1px solid #CCCCCC;}
	 #f1 label {float : left;width : 40%;text-align : right;padding-right : .3em;} 
         input.ajouter {cursor:pointer; padding:7px;border:1px solid #A8A8A8;font: normal 1em Verdana, sans-serif;color:#339900;}
         textarea {padding:2px;font: normal 1em Verdana, sans-serif;border:1px solid #CCCCCC;color:#777;}
	 .rougefieldset{width:auto;}
         .rougefieldset img{margin-top:3px;}
         .vertfieldset{width:auto;}
         .vertfieldset img{margin-top:3px;}
         .newsletter{text-align:center; padding-left:5px; padding-bottom:5px; padding-right:5px; padding-top:5px;background-color: #F9FDFC;margin-top: 15px;margin-bottom: 15px;border:dashed 1px;}


/* ---------------------------
Menu de droite
---------------------------- */
#right {height : auto;width : 172px;display : block;float : left;margin-left : 10px;margin-top : 9px;}
 #right .navig {height : auto;width : 152px;background : url('./images/cdroite.png') repeat-y;padding-left : 10px;padding-right : 10px;padding-bottom : 5px;padding-top : 5px;}

  /* Titre */ 
  #right .sondages {height : 33px;width : 172px;margin-top : -5px;margin-left : -10px;background : url('./images/sondages.png') no-repeat; margin-bottom:2px;}
  #right .enquetes {height : 33px;width : 172px;margin-left : -10px;background : url('./images/enquetes.png') no-repeat;}
  #right .publicite {height : 33px;width : 172px;background : url('./images/publicite.png') no-repeat;}
  #right .retrouvez {height : 33px;width : 172px;background : url('./images/retrouvez.png') no-repeat;}

  /* Bloc*/ 
  #right .blocpub {margin-top : 10px;}
  #right .basdroite {height : 1px;width : 172px;background : url('./images/bdroite.png') no-repeat;margin-left : -10px;margin-bottom : -6px; margin-top:2px;}
  #right .basdroite2 {height : 1px;width : 172px;background : url('./images/bdroite.png') no-repeat;}
  #right .pub {height : 142px;width : 158px;padding-left : 15px;padding-bottom : 10px;padding-top : 10px;background : url('./images/cdroite.png') repeat-y;}
  #right .pub img{height : 140px;width : 140px; border:0px;}
  #right .textr {height : auto;width : 172px; padding-top:5px; text-align:center; background : url('./images/cdroite.png') repeat-y;}


     /* Sondages */ 
    #right.input{text-decoration:none; font-weight:normal; align:center; }
    #right li{ font-weight:normal; list-style-type:none; margin-bottom:5px; margin-left:-40px;}
    *:first-child+html #right ul{ margin-top:-6px;}
    #right input.voter{margin-top:7px; margin-left:45px; margin-bottom:7px; }
    *:first-child+html #right input.voter{margin-top:0px; margin-bottom:-10px;}
    #right .finvote{margin-top:5px; text-align:center; font-weight:bold; margin:0 auto; margin-bottom:10px; width:90px; height:auto; padding:4px; border:1px solid #A8A8A8; color:#339900; }
 
    /* Enquêtes */
   .presenquetes{padding:7px; margin: 0 auto; margin-top:20px; height:auto; width:400px; background-color:#FFFFFF; border:1px dashed #848981; text-align:center; }
   .rapport{text-indent:4%; margin-bottom:10px;}
   .rapport:first-letter{font-size : 14px;}
   .titreenquetes {font-size : 18px;font-family : Futura Hv, Arial, Helvetica, sans-serif; color : #353433; margin-bottom:5px;}
   .lienenquetes{color : #121211;}

/* ---------------------------
Footer
---------------------------- */
#footer {position : relative;height : 91px;width : auto;display : block;padding-top : 10px;background : url('./images/footer.png') repeat-x; margin-top : -4px; }

 #footer a{color : #40ac16; }
 #footer a.partenaire {font-size:10px;}
  #footer .part {height : 21px;width : 970px;margin : auto;background : url('./images/part.png') no-repeat center top;line-height : 18px; }
  #footer .mention{ margin-top:-52px; text-align : right;font-family:Tahoma; color: #C3C7C7;}
  #footer .textfooter {margin-top:5px;text-align : right; color : #40ac16;}
  #footer .liens {text-align : left;padding-top:15px;font-family:Tahoma;font-size:11px;}