body { position: relative; font-size: 12px; font-family: Verdana; background: url(../images/template2/img-back.jpg) repeat-x #9B0000; margin:0; padding:0; color:#333333; } ul, li, p, h1, h2, h3, h4, h5 { margin:0; padding:0; } img { border: 0; } li { list-style: none; } .clear { clear: both; } .ref { display: none; } a { color: white; outline: none; } .cons {display: none;} .tool-tip { color: #fff; width: 139px; z-index: 13000; } .tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #ffffff; padding: 8px 8px 4px; background: url(../images/bubble.png) top left; } .tool-text { font-size: 11px; padding: 4px 8px 8px; background: url(../images/bubble.png) bottom right; } h3.actu span.indent { display: none; } #decor { position: absolute; top:5px; right:0; background: url(../images/template2/img-decor2.png) no-repeat; width:320px; height:220px; z-index: 1; } #nouveau-site a { position: absolute; top:75px; right:220px; z-index: 1; background: url(../images/template2/img-nouveau-site.png) no-repeat; width:166px; height:241px; display: block; text-indent: -9999em; cursor: pointer;} #nouveau-site-english { position: absolute; top:80px; right:230px; z-index: 1; background: url(../images/template2/img-nouveau-site-english.png) no-repeat; width:166px; height:241px; } .red { color:#E10000; } /* HEADER */ #header-top { background: url(../images/template2/img-back-header.png) repeat-x top; height: 5px; width: 100%; z-index: 100; } #header { position: relative; width:990px; top:0; margin:0 auto; height: 190px; z-index: 2; } #header-spot { position: absolute; top:0; left:100px; background: url(../images/template2/img-spot.jpg) no-repeat; width:400px; height:160px; z-index: 0; text-align: left; } #header-spot h2 a { background: url(../images/template2/img-gigamic2.png) no-repeat; text-indent: -9999em; width:216px; height:65px; margin:90px 0 0 120px; display: block; float:left; z-index: 10; } #switch-langue { position: relative; float:left; top:125px; left:15px;} #header ul { position: absolute; top:0; left:10px; z-index: 2; } #header li { position: relative; list-style: none; float: left; display: block; margin:0 2px; background: url(../images/template2/img-onglet-rouge.png) no-repeat bottom; } #header li.large { position: relative; list-style: none; float: left; display: block; margin:0 2px; background: url(../images/template2/img-onglet-rouge-large.png) no-repeat bottom; } #header li a { float: left; display: block; width:90px; height:40px; color:white; text-decoration: none; text-align: center; line-height: 25px;} #header li.large a { float: left; display: block; width:120px; height:40px; color:white; text-decoration: none; text-align: center; line-height: 25px;} #header li a span { width: 90px; cursor: pointer; } #header li a span.plus { background: url(../images/template2/img-fleche-bas.gif) no-repeat 30px 3px; padding-right: 19px; } /* VERTICAL SLIDE */ #header li.large ul li a { line-height: 12px; height: 12px; text-align:left; padding-left: 5px; } #vertical_slide { position: relative; background-color: #9B0000; margin-left:4px; width: 114px; min-height:110px; z-index: 150;} #vertical_slide ul { left:3px; } #vertical_slide li, #vertical_slide li a { font-size: 10px; background: none; color: white; margin:2px 0; width: 114px; text-align:left; } #vertical_slide li a:hover { font-size: 10px; background: none; color: white; margin:2px 0; width: 114px; text-align:left; text-decoration: underline; } /* SEARCH */ #search { position: relative; margin-left:440px; z-index: 10; } #search-image { background: url(../images/template2/img-back-search.png) no-repeat; width: 460px; height:50px; } fieldset.search { position: relative; border: 0; padding:11px 0 0 45px; } fieldset.search p { color:white; } fieldset.search label { width:130px; float: left; line-height: 22px; } fieldset.search input { position: relative; border: 0; width:150px; height: 18px; padding:2px 2px 0 2px; } /* SEARCH AJAX */ #ajax-keywords { position: absolute; min-height:50px; top:-160px; left:405px; width:158px; z-index: 200; display: block; background: url(../images/template2/img-back-ajax-top-png.png) no-repeat bottom;} #ajax-keywords ul { padding:5px 10px 20px 10px; overflow: hidden;} #ajax-keywords ul li { width:138px; float: left; margin:5px 0px; list-style: none; background: url(../images/template2/img-ligne-rouge.png) repeat-x left bottom; padding-bottom:2px; } #ajax-keywords ul li a { color:#9B0000; line-height: 20px; padding:0; margin:0; text-decoration: underline; } #ajax-keywords ul li a:hover { color:#9B0000; line-height: 20px; padding:0; margin:0; text-decoration: none; } .fermer-ajax-top a { position: absolute; bottom:12px; right:2px; background: url(../images/template2/img-fermer-top.gif) no-repeat left; width:23px; height: 22px; display: block; } .fermer-ajax-top a:hover { position: absolute; bottom:12px; right:2px; background: url(../images/template2/img-fermer-top.gif) no-repeat right; width:23px; height: 22px; display: block; } #cadre-header { position: absolute; top:150px; left:210px; width:550px; height: 40px; background: url(../images/template2/img-cadre-header.png) no-repeat; z-index: 2;} /* MIDDLE */ #container { position: relative; width: 990px; margin:0 auto; z-index: 2; } #middle { position: relative; margin-left:210px; z-index: 40; width:550px;} #middle-image { background: url(../images/template2/img-cadre-back.png) repeat-y; } #middle-contain { position: relative; width:470px; min-height:1185px; margin:0 auto; z-index: 60; } #middle-contain a.lienrouge { color: #E10000; text-decoration: underline; } #middle-contain a.lienrouge:hover { color: #E10000; text-decoration: none; } #middle-contain p { line-height: 18px; } #middle h1 { font-size: 16px; margin:4px 0;} #middle h1 span { display: none; } #middle h3 { border-bottom: 3px solid #E10000; font-size: 16px; color: #E10000; line-height: 35px; } h3.actu { padding:0 0 0 0px; } h3.actu img { float: left; } #actu { position: relative;} #actu p { text-align: left; line-height: 18px; } #actu a { color:#E10000; } #actu a:hover { color:#E10000; text-decoration: none; } #actu img { float: left; margin:0 10px 5px 0; } #page p { line-height: 22px; } #page a { color: red; text-decoration: underline; } #page a:hover { text-decoration: none; } .comments-top { background: url(../images/template2/img-comments-top.png) no-repeat left bottom; width: 470px; height: 46px; display: block;} .comments-top h5 { display: block; } .comments-bottom { background: url(../images/template2/img-comments-bottom.png) no-repeat left bottom; width: 470px; min-height: 45px; } .comments-bottom p { padding:10px 10px 10px 15px; line-height: 18px; } fieldset.commenter-news { background-color: #F3F3F3; border: 1px solid #cccccc; width:450px; margin:20px auto 0 auto; padding:10px;} fieldset.commenter-news legend { font-style: italic; font-size: 14px; color:#333333; } fieldset.commenter-news p { clear: both; margin:5px 0; padding:0; line-height: 12px; } fieldset.commenter-news label { width: 130px; text-align:right; float: left; padding-right:5px; color:#333333; line-height: 18px; } fieldset.commenter-news input[type=text] { border: 1px solid #999999; background-color: #cccccc; width:270px; color:#333333; } fieldset.commenter-news input[type=text]:focus { background-color: #F3F3F3; } fieldset.commenter-news input[type=submit] { border: 1px solid #999999; background-color: #cccccc; width:180px; height: 25px; cursor:pointer; color:#333333; } fieldset.commenter-news textarea { border: 1px solid #999999; background-color: #cccccc; width:270px; height: 100px; color:#333333; } fieldset.commenter-news textarea:focus { background-color: #F3F3F3; } a.btn-lien { background: url(../images/template2/img-back-btn.jpg) repeat-x; color:white; padding:5px 10px; text-decoration: none; vertical-align: middle; font-size: 10px; float: right; margin:10px 0; } a.btn-lien:hover { background: url(../images/template2/img-back-btn.jpg) repeat-x; color:#E77F7F; padding:5px 10px; text-decoration: none; vertical-align: middle; font-size: 10px; float: right; margin:10px 0; } ul.actu-info { position: relative; overflow:hidden; background-color: #F3F3F3; border: 1px solid #cccccc; height: 20px; margin-bottom: 20px; } ul.actu-info li.left { float: left; background: url(../images/template2/img-commentaires-petit.jpg) no-repeat 5px 3px; padding:3px 10px 0 35px; font-style: italic; } ul.actu-info li.left a { color: #333333; text-decoration: none; } ul.actu-info li.left a:hover { color: #333333; text-decoration: underline; } ul.actu-info li.right { float: right; background: url(../images/template2/img-actu-petit.jpg) no-repeat 3px; padding:3px 10px 0 25px; font-style: italic; } #dernieres-actus { position: relative; float: left; width:230px; padding-right:10px; border-right:1px solid #cccccc; margin-bottom: 20px; } #dernieres-actus h3 { background: url(../images/template2/img-h3-dernieres-actus.png) no-repeat; padding:0 0 0 35px; font-size:12px; border:0; display: block; height: 35px;} .ligne-hp { background: url(../images/template2/img-ligne-hp.jpg) no-repeat; width:221px; height: 11px;} #dernieres-actus ul { position: relative; overflow: hidden; height:185px; } #dernieres-actus ul li { display: block; background: url(../images/template2/img-ligne-rouge.png) repeat-x left bottom; margin:5px 0; font-size: 10px; } #dernieres-actus ul li a { color: #333333; text-decoration: none; } #dernieres-actus ul li a:hover { color: #333333; text-decoration: underline; } #dernieres-actus ul li span.date { display: block; padding:0 0 5px 10px; font-size: 10px; font-style: italic; } #dernieres-regles { position: relative; float: right; width:220px; margin-bottom: 20px;} #dernieres-regles h3 { background: url(../images/template2/img-h3-dernieres-regles.png) no-repeat 0 4px; padding:0 0 0 35px; font-size:12px; border:0; display: block; height: 35px; } #dernieres-regles ul { position: relative; overflow: hidden; height:185px; } #dernieres-regles ul li { width: 200px; display: block; background: url(../images/template2/img-ligne-rouge.png) repeat-x left bottom; margin:5px 10px; padding:0 0 5px 0; font-size: 11px; } #dernieres-regles ul li a { color: #333333; text-decoration: none; } #dernieres-regles ul li a:hover { color: #333333; text-decoration: underline; } h3.nouveaux-jeux { background: url(../images/template2/img-h3-nouveaux-jeux.png) no-repeat; padding:0 0 0 40px; } h3.plus-vus { background: url(../images/template2/img-h3-plus-vus.png) no-repeat; padding:0 0 0 40px; } /* FICHE JEU */ ul.navigation { overflow: hidden; float: right; } ul.navigation li { float: left; display: block; line-height: 20px; } ul.navigation li a { margin:0 4px; width:20px; display: block; text-align: center; text-decoration: none;} ul.navigation li a:hover { margin:0 4px; width:20px; display: block; text-align: center; text-decoration: none;} ul.navigation li.on { margin:0 4px; width:20px; display: block; text-align: center; text-decoration: none;} ul.navigation-jeu { overflow: hidden; float: right; } ul.navigation-jeu li { float: left; display: block; line-height: 20px; } ul.navigation-jeu li a { margin:0 4px; width:180px; display: block; text-align: center; text-decoration: none;} ul.navigation-jeu li a:hover { margin:0 4px; width:180px; display: block; text-align: center; text-decoration: none;} #jeu h1 { font-size: 22px; } #jeu h1 span { display: none; } li.detail h4.difficulte { position: absolute; height: 20px; padding:3px 0 0 20px; top:7px; left:12px; width: 138px; color: white; font-size: 11px; font-weight: normal;} li.detail h4.temps { position: absolute; height: 20px; padding:3px 0 0 20px; top:7px; left:12px; width: 138px; color: white; font-size: 11px; font-weight: normal;} li.detail h4.joueurs { position: absolute; height: 20px; padding:4px 0 0 20px; top:30px; left:12px; width: 138px; color: white; font-size: 11px; font-weight: normal; } li.detail h4.age { position: absolute; height: 20px; padding:3px 0 0 20px; top:54px; left:12px; width: 138px; color: white; font-size: 11px; font-weight: normal; } li.detail h4.dimension { position: absolute; height: 20px; padding:3px 0 0 20px; top:76px; left:12px; width: 138px; color: white; font-size: 11px; font-weight: normal; } li.detail h5 a { position: absolute; top:105px; left:15px; width: 134px; color: white; font-size: 12px; font-weight: normal; } li.detail h5 a:hover { text-decoration: none; } a.btn-suite-jeu { background: url(../images/template2/img-back-btn.jpg) repeat-x; color:white; padding:0px 10px; text-decoration: none; vertical-align: middle; font-size: 10px; float: left; margin:10px 0; } a.btn-suite-jeu:hover { background: url(../images/template2/img-back-btn.jpg) repeat-x; color:#E77F7F; padding:0px 10px; text-decoration: none; vertical-align: middle; font-size: 10px; float: left; margin:10px 0; } li.intro-jeu { color: #333333; float: left; padding-top:10px; width: 300px; font-size: 14px; line-height: 22px; } li.detail { position: relative; width: 150px; height: 128px; float: right; margin-top:-4px;} li.vignettes img { padding:4px; margin:5px 5px; float: left; } ul.layout { overflow: hidden; width:470px; } ul.layout li { display: block; float: left; line-height: 31px; text-align: center; } ul.layout li a { display: block; float: left; line-height: 31px; text-align: center; margin:0 4px 0 0; width:104px; height: 31px; color:white; text-decoration: none; font-size: 13px; cursor: pointer;} ul.layout li a.active { color:white; text-decoration: none; font-size: 13px;} hr { border: 0; padding:4px; margin:1px 0 0 0; padding: 0; height: 1px; } #images-jeu { clear: both; padding-top:10px; } #images-jeu li { display: block; width:470px;} li.image { width:470px; text-align: center; } #images-jeu li.vignettes { width:40px; padding-bottom:20px; } #slide_photo { position: relative; overflow: hidden; width:470px; height: 300px; left:0px; top:0; } #slide_photo_content { position: absolute; width: 12000px; } .slide_photo_item { position: relative; width:470px; float: left; padding:0; line-height: 1.3em; font-size: 11px; } #tab-container-1 { position: relative; margin-top:10px; } #tab-container-1 li span { display: none; } #details_container { position: relative; width:450px; color: white; min-height: 240px; padding:10px;} #details_container p { padding:15px; line-height: 22px; } .ligne-blanche { border-bottom: 1px dotted white; height: 1px;} a.voir-fiche-jeu { color: white; text-decoration: underline; font-size: 10px; } a.voir-fiche-jeu:hover { color: white; text-decoration: none; } fieldset.commenter-jeu { border:0; width:410px; margin:20px auto 0 auto; } fieldset.commenter-jeu legend { font-style: italic; font-size: 14px; color: white; } fieldset.commenter-jeu p { clear: both; margin:0px 0; padding:0; line-height: 12px; } fieldset.commenter-jeu label { width: 130px; text-align:right; float: left; padding-right:5px; color:white; } fieldset.commenter-jeu input[type=text] { border: 0; background-color: white; width:220px; } fieldset.commenter-jeu input[type=submit] { border: 0; background-color: white; width:150px; height: 25px; cursor:pointer; } fieldset.commenter-jeu textarea { border: 0; background-color: white; width:220px; height: 100px; } .nouveau { position: absolute; background: url(../images/template2/img-nouveau.png) no-repeat; width: 104px; height:31px; top:0; right:0; width:86px; height: 72px; z-index: 100;} #tab1 { line-height: 20px; } #tab3 li { padding:10px 0; display: block; clear: both; width:420px; margin:0 auto; } fieldset.invitation { position: relative; width:450px; margin:20px 0 0 0; padding:10px; height:190px; } fieldset.invitation h2 { font-size: 14px; margin-bottom:10px; } fieldset.invitation p { width:220px; float: left; padding:6px 0; line-height: 16px; } fieldset.invitation label { width:75px; float: left; padding-right:5px; line-height: 26px; text-align: right; } fieldset.invitation input[type=text] { width:110px; float: left; height: 22px; color: white; padding:4px 4px 0 4px;} fieldset.invitation-site { position: relative; width:450px; margin:20px 0 0 0; padding:10px; height:190px; border:0; } fieldset.invitation-site h2 { font-size: 14px; margin-bottom:10px; } fieldset.invitation-site p { width:220px; float: left; padding:6px 0; line-height: 16px; } fieldset.invitation-site label { width:75px; float: left; padding-right:5px; line-height: 28px; text-align: right; } fieldset.invitation-site input[type=text] { width:110px; float: left; height: 22px; color: #333333; padding:4px 4px 0 4px;} fieldset.invitation-site input[type=submit] { border: 1px solid #333333; background-color: #333333; width:160px; height: 25px; cursor:pointer; color:white; } .associe_image { float: left; background-color: white; padding:8px; width:125px; height: 90px; } .associe_accroche { color:white; float: right; padding:0 0 0 10px; width: 244px;} /* FAQ */ #faq a { text-decoration: underline; color:#E10000; } #faq a:hover { text-decoration: none; color:#E10000; } fieldset.faq { margin-top:40px; border: 2px solid #333333; padding:10px } fieldset.faq legend { font-size: 12px; color: #333333; font-weight: bold; } fieldset.faq p { clear: both; margin:5px 0; padding:0; line-height: 12px; } fieldset.faq label { width: 130px; text-align:right; float: left; padding-right:5px; color:#333333; } fieldset.faq input[type=text] { border: 1px solid #333333; background-color: white; width:220px; } fieldset.faq input[type=submit] { border: 1px solid #333333; background-color: #333333; width:150px; height: 25px; cursor:pointer; color:white; } fieldset.faq textarea { border: 1px solid #333333; background-color: white; width:220px; height: 100px; } /* PARTENAIRES */ ul#partenaires { margin-top:20px; overflow: hidden; } ul#partenaires li { display: block; margin: 5px 0; border-bottom: 1px dotted #333333; } ul#partenaires li ul { margin:0; } ul#partenaires li li.left { float: left; width:220px; text-align: center; border: 0; } ul#partenaires li li.right { float: left; width:220px; margin-left:10px; border: 0; } ul#partenaires li li.right p { margin:10px 0; } ul#partenaires li li.right a { text-decoration: underline; color:#E10000; } ul#partenaires li li.right a:hover { text-decoration: none; color:#E10000; } fieldset.partenaire { margin-top:40px; border: 2px solid #333333; padding:10px } fieldset.partenaire legend { font-size: 12px; color: #333333; font-weight: bold; } fieldset.partenaire p { clear: both; margin:5px 0; padding:0; line-height: 12px; } fieldset.partenaire label { width: 130px; text-align:right; float: left; padding-right:5px; color:#333333; } fieldset.partenaire input[type=text] { border: 1px solid #333333; background-color: white; width:220px; } fieldset.partenaire input[type=submit] { border: 1px solid #333333; background-color: #333333; width:170px; height: 25px; cursor:pointer; color:white; } fieldset.partenaire textarea { border: 1px solid #333333; background-color: white; width:220px; height: 100px; } /* CALENDRIER */ .carte { position: relative; padding: 15px 0; } ul.liste-associations { position: relative; padding: 10px; } ul.liste-associations li { padding: 10px 5px; } ul.liste-associations li .left { position: relative; width: 300px; float: left; padding: 5px 0 15px 0; } ul.liste-associations li .right { position: relative; width: 110px; float: right; padding: 5px 0 15px 0; text-align: right; } ul.liste-associations li .right img { border: 1px solid #cccccc; padding: 2px; } ul.liste-associations li h2 { font-size: 12px; font-weight: bold; border-bottom: 1px solid #333333; } ul.liste-associations li h4 { font-size: 11px; font-weight: normal; line-height: 14px; } ul.liste-associations li h5 { font-size: 11px; font-weight: bold; padding: 0 0 5px 0; } ul.liste-associations li a { color: #333333; text-decoration: underline; } ul.liste-associations li a:hover { color: #333333; text-decoration: none; } /* TOUTES LES REGLES */ ul#all-regles { margin-top:20px;} ul#all-regles li { float:left; width:430px; margin:5px 0;} ul#all-regles li a { color:#E10000; } ul#all-regles li a span { display: none; } /* CONTACT */ fieldset.contact { margin-top:20px; border:0; padding:10px } fieldset.contact legend { font-size: 12px; color: #333333; font-weight: bold; } fieldset.contact p { clear: both; margin:5px 0; padding:0; line-height: 12px; } fieldset.contact label { width: 130px; text-align:right; float: left; padding-right:5px; color:#333333; } fieldset.contact input[type=text] { border: 1px solid #333333; background-color: white; width:220px; } fieldset.contact input[type=submit] { border: 1px solid #333333; background-color: #333333; width:170px; height: 25px; cursor:pointer; color:white; } fieldset.contact textarea { border: 1px solid #333333; background-color: white; width:220px; height: 100px; } /* AUTEURS DE JEUX */ fieldset.auteurs_jeux { margin-top:20px; border:0; padding:0px } fieldset.auteurs_jeux legend { font-size: 12px; color: #333333; font-weight: bold; } fieldset.auteurs_jeux p { clear: both; margin:10px 0; padding:0; line-height: 12px; } fieldset.auteurs_jeux label { width: 215px; text-align:right; float: left; padding-right:5px; color:#333333; } fieldset.auteurs_jeux input[type=text] { border: 1px solid #333333; background-color: white; width:220px; } fieldset.auteurs_jeux input[type=submit] { border: 1px solid #333333; background-color: #333333; width:170px; height: 25px; cursor:pointer; color:white; } fieldset.auteurs_jeux textarea { border: 1px solid #333333; background-color: white; width:220px; height: 100px; } /* ARCHIVES */ ul.navigation li { color:#A90000; } ul.navigation li a { background-color: #CC0000; border: 1px solid #A90000; color: white; } ul.navigation li a:hover { background-color: #A90000; border: 1px solid #A90000; color: white; } ul.navigation li.on { background-color: #A90000; border: 1px solid #A90000; color: white; } ul.navigation-jeu li { color:#A90000; } ul.navigation-jeu li a { background-color: #CC0000; border: 1px solid #A90000; color: white; } ul.navigation-jeu li a:hover { background-color: #A90000; border: 1px solid #A90000; color: white; } /* REVENDEURS */ ul#revendeurs li { position: relative; margin:10px 0 30px 0; border-bottom: 1px dotted #333333; padding-bottom: 10px; } ul#revendeurs li p { margin-left:20px; } ul#revendeurs li a { color:#E10000; text-decoration: underline; } ul#revendeurs li a:hover { color:#E10000; text-decoration: none; } ul#revendeurs li h5 { float: right; margin-bottom: 1px; } ul#revendeurs li h4 { float: left; margin-left: 20px; } /* MONDE */ .gmapSidebarItem { float:left; width:150px; margin:5px 0;} .gmapSidebarItem a { text-decoration: underline; color:#E10000; } .gmapSidebarItem a:hover { text-decoration: none; color:#E10000; } /* LEFT */ #left-dessus { position: absolute; top:0px; left:10px; width:250px; z-index:50; } ul#menu-jeu { position: relative; top:0; left:0; z-index: 4; } ul#menu-jeu li, ul#menu-jeu li a { display: block; width:240px; height: 30px; list-style: none; margin:8px 0; } /* FRANCAIS*/ ul#menu-jeu li.premiers-pas-ludiques a { background: url(../images/template2/img-menu-premiers-pas-ludiques.png) no-repeat; } ul#menu-jeu li.premiers-pas-ludiques a:hover { background: url(../images/template2/img-menu-premiers-pas-ludiques.png) no-repeat bottom; } ul#menu-jeu li.premiers-pas-ludiques-on a { background: url(../images/template2/img-menu-premiers-pas-ludiques.png) no-repeat bottom; } ul#menu-jeu li.mes-premiers-vrais-jeux a { background: url(../images/template2/img-menu-mes-premiers-vrais-jeux.png) no-repeat; } ul#menu-jeu li.mes-premiers-vrais-jeux a:hover { background: url(../images/template2/img-menu-mes-premiers-vrais-jeux.png) no-repeat bottom; } ul#menu-jeu li.mes-premiers-vrais-jeux-on a { background: url(../images/template2/img-menu-mes-premiers-vrais-jeux.png) no-repeat bottom; } ul#menu-jeu li.cartes-enfants a { background: url(../images/template2/img-menu-cartes-enfants.png) no-repeat; } ul#menu-jeu li.cartes-enfants a:hover { background: url(../images/template2/img-menu-cartes-enfants.png) no-repeat bottom; } ul#menu-jeu li.cartes-enfants-on a { background: url(../images/template2/img-menu-cartes-enfants.png) no-repeat bottom; } ul#menu-jeu li.jouons-ensemble a { background: url(../images/template2/img-menu-jouons-ensemble.png) no-repeat; } ul#menu-jeu li.jouons-ensemble a:hover { background: url(../images/template2/img-menu-jouons-ensemble.png) no-repeat bottom; } ul#menu-jeu li.jouons-ensemble-on a { background: url(../images/template2/img-menu-jouons-ensemble.png) no-repeat bottom; } ul#menu-jeu li.casses-tete a { background: url(../images/template2/img-menu-casses-tete.png) no-repeat; } ul#menu-jeu li.casses-tete a:hover { background: url(../images/template2/img-menu-casses-tete.png) no-repeat bottom; } ul#menu-jeu li.casses-tete-on a { background: url(../images/template2/img-menu-casses-tete.png) no-repeat bottom; } ul#menu-jeu li.cartes-sur-table a { background: url(../images/template2/img-menu-cartes-sur-table.png) no-repeat; } ul#menu-jeu li.cartes-sur-table a:hover { background: url(../images/template2/img-menu-cartes-sur-table.png) no-repeat bottom; } ul#menu-jeu li.cartes-sur-table-on a { background: url(../images/template2/img-menu-cartes-sur-table.png) no-repeat bottom; } ul#menu-jeu li.a-coeur-ouvert a { background: url(../images/template2/img-menu-a-coeur-ouvert.png) no-repeat; } ul#menu-jeu li.a-coeur-ouvert a:hover { background: url(../images/template2/img-menu-a-coeur-ouvert.png) no-repeat bottom; } ul#menu-jeu li.a-coeur-ouvert-on a { background: url(../images/template2/img-menu-a-coeur-ouvert.png) no-repeat bottom; } ul#menu-jeu li.reflexion a { background: url(../images/template2/img-menu-reflexion.png) no-repeat; } ul#menu-jeu li.reflexion a:hover { background: url(../images/template2/img-menu-reflexion.png) no-repeat bottom; } ul#menu-jeu li.reflexion-on a { background: url(../images/template2/img-menu-reflexion.png) no-repeat bottom; } ul#menu-jeu li.adulte a { background: url(../images/template2/img-menu-adulte.png) no-repeat; } ul#menu-jeu li.adulte a:hover { background: url(../images/template2/img-menu-adulte.png) no-repeat bottom; } ul#menu-jeu li.adulte-on a { background: url(../images/template2/img-menu-adulte.png) no-repeat bottom; } /* ENGLISH */ ul#menu-jeu li.kids-games a { background: url(../images/template2/img-menu-kids-games.png) no-repeat; } ul#menu-jeu li.kids-games a:hover { background: url(../images/template2/img-menu-kids-games.png) no-repeat bottom; } ul#menu-jeu li.kids-games-on a { background: url(../images/template2/img-menu-kids-games.png) no-repeat bottom; } ul#menu-jeu li.strategy-games a { background: url(../images/template2/img-menu-strategy-games.png) no-repeat; } ul#menu-jeu li.strategy-games a:hover { background: url(../images/template2/img-menu-strategy-games.png) no-repeat bottom; } ul#menu-jeu li.strategy-games-on a { background: url(../images/template2/img-menu-strategy-games.png) no-repeat bottom; } ul#menu-jeu li.party-games a { background: url(../images/template2/img-menu-party-games.png) no-repeat; } ul#menu-jeu li.party-games a:hover { background: url(../images/template2/img-menu-party-games.png) no-repeat bottom; } ul#menu-jeu li.party-games-on a { background: url(../images/template2/img-menu-party-games.png) no-repeat bottom; } #left-dessous-french { position: absolute; top:310px; left:10px; width:250px; z-index:0; } #left-dessous-english { position: absolute; top:120px; left:10px; width:250px; z-index:0; } #left-dessous-french input, #left-dessous-english input { border: 1px solid #333333; width:150px; margin-top:10px; } #liste-jeux { width:220px; height: 118px; margin:20px 0 0 20px; background: url(../images/template2/img-block-left.gif) no-repeat; } #liste-jeux h3 { width:140px; margin:0 0 0 5px; background: url(../images/template2/img-h3-trouver-jeux.png) no-repeat 0 5px; padding:9px 0 0 35px; font-size: 12px; } #liste-jeux h3 span { height: 1px; width: 1px; display: block; overflow: hidden; font-weight: bold; } #liste-jeux p { position: relative; padding:0px 10px 5px 20px; } #liste-jeux h4 { width:170px; color:#CB0000; text-align: right;} #liste-jeux h4 span { display:none; font-weight: bold; } #liste-jeux h5 { width:200px; padding:5px 0 0 7px; font-weight: normal; font-size: 9px; } #liste-jeux h5 span { height: 1px; width: 1px; display: block; overflow: hidden; font-weight: bold; } #liste-regles { width:220px; height: 118px; margin:20px 0 0 20px; background: url(../images/template2/img-block-left.gif) no-repeat; } #liste-regles h3 { width:140px; margin:0 0 0 5px; background: url(../images/template2/img-h3-trouver-regles.png) no-repeat 0 7px; padding:7px 0 0 35px; font-size: 12px; height: 33px; } #liste-regles h3 span { height: 1px; width: 1px; display: block; overflow: hidden; font-weight: bold; } #liste-regles p { position: relative; padding:0px 10px 5px 20px; } #liste-regles h4 { width:170px; color:#CB0000; text-align: right;} #liste-regles h4 span { display:none; font-weight: bold; } #liste-regles h5 { width:200px; padding:5px 0 0 7px; font-weight: normal; font-size: 9px; } #liste-regles h5 span { height: 1px; width: 1px; display: block; overflow: hidden; font-weight: bold; } #liste-revendeurs { width:220px; height: 118px; margin:20px 0 0 20px; background: url(../images/template2/img-block-left.gif) no-repeat; } #liste-revendeurs h3 { width:140px; margin:0 0 0 5px; background: url(../images/template2/img-h3-trouver-revendeurs.png) no-repeat 0 5px; padding:5px 0 0 35px; font-size: 12px; min-height: 30px; } #liste-revendeurs h3 span { height: 1px; width: 1px; display: block; overflow: hidden; font-weight: bold; } #liste-revendeurs p { position: relative; padding:5px 10px 0px 10px; font-size: 10px; margin: 0; } #liste-revendeurs h4 { width:170px; color:#CB0000; text-align: right; padding:4px 0 0 0;} #liste-revendeurs h4 span { height: 1px; width: 1px; display: block; overflow: hidden; font-weight: bold; } #liste-revendeurs h5 { width:200px; padding:2px 0 0 7px; margin:0; } .facebook { width:220px; height: 118px; margin:20px 0 0 20px; background: url(../images/template2/img-block-left.gif) no-repeat; } .facebook h3 { width:170px; margin:0 0 0 5px; padding:5px 0 0 5px; font-size: 12px; min-height: 15px; } /* MINI FICHES */ .mini-fiche { position: relative; display: block; float: left; margin:10px 3px; width:150px; height: 257px; z-index: 10; } .mini-fiche a { display: block; text-decoration: none; cursor: pointer; } .mini-fiche h2 { position: absolute; top:5px; left:5px; width:142px; text-align: left; color: white; font-size: 11px; height: 14px; overflow: hidden;} .mini-fiche h2 span { display: none; } .mini-fiche .image { position: absolute; width:126px; height: 90px; top: 35px; left:10px; text-align:center; z-index:1000; display: block; } .mini-fiche p { position: absolute; top:140px; left:7px; width: 138px; height: 30px; color: white; overflow: hidden; font-size: 11px; line-height: 14px; } .mini-fiche h4.difficulte { position: absolute; height: 20px; padding:3px 0 0 20px; top:170px; left:10px; width: 138px; color: white; font-size: 11px; font-weight: normal;} .mini-fiche h4.temps { position: absolute; height: 20px; padding:3px 0 0 20px; top:170px; left:10px; width: 138px; color: white; font-size: 11px; font-weight: normal;} .mini-fiche h4.joueurs { position: absolute; height: 20px; padding:4px 0 0 20px; top:194px; left:10px; width: 138px; color: white; font-size: 11px; font-weight: normal;} .mini-fiche h4.age { position: absolute; height: 20px; padding:3px 0 0 20px; top:218px; left:10px; width: 138px; color: white; font-size: 11px; font-weight: normal;} .mini-fiche h5 { position: absolute; top:240px; left:18px; width: 134px; color: white; font-size: 12px; font-weight: normal; } .mini-fiche h5 a span { display: block; text-indent: -9999em; } .mini-fiche h5 a:hover { text-decoration: underline; } .bleu { background: url(../images/template2/img-mini-fiche-bleu.png) no-repeat; } .jaune { background: url(../images/template2/img-mini-fiche-jaune.png) no-repeat; } .marine { background: url(../images/template2/img-mini-fiche-marine.png) no-repeat; } .orange { background: url(../images/template2/img-mini-fiche-orange.png) no-repeat; } .roi { background: url(../images/template2/img-mini-fiche-roi.png) no-repeat; } .rose { background: url(../images/template2/img-mini-fiche-rose.png) no-repeat; } .rouge { background: url(../images/template2/img-mini-fiche-rouge.png) no-repeat; } .vert { background: url(../images/template2/img-mini-fiche-vert.png) no-repeat; } .violet { background: url(../images/template2/img-mini-fiche-violet.png) no-repeat; } /* JEUX DEDIES */ ul.jeux-dedies { position: relative; padding: 15px 10px;} ul.jeux-dedies li { position: relative; float: left; padding: 10px; } /* RIGHT */ #right { position: absolute; top:0; right:0px; width:250px; z-index: 0; padding-top:20px; } #nouveautes { margin-top:15px; background: url(../images/template2/img-block-right-orange.png) no-repeat; width:200px; height: 185px; } /*#nouveautes { margin-top:100px; background: url(../images/template2/img-block-right-orange.png) no-repeat; width:200px; height: 185px; }*/ #nouveautes h3 { position: relative; top:4px; left:20px; color: white; font-size: 12px;} #nouveautes h3 span { height: 1px; width: 1px; display: block; overflow: hidden; font-weight: bold; } #nouveautes p { position: relative; padding:10px 10px 10px 20px; color:white; } #nouveautes ul { overflow: hidden; margin:10px 0 0 17px; } #nouveautes ul li { float: left; width:90px; height: 75px; text-align: center; } #nouveautes ul li span { color: white; font-size: 10px; display: block; font-weight: bold; text-align: center;} #nouveautes ul li img { position: relative; border: 1px solid white; padding:1px;} #nouveautes ul li img:hover { border: 1px solid #FF6600; padding:1px;} #mini-site { margin-top:15px; background: url(../images/template2/img-block-right-vert.png) no-repeat; width:200px; height: 161px; } #mini-site h3 { position: relative; top:4px; left:20px; color: white; font-size: 12px;} #mini-site .image { position: relative; text-align: center; top:20px; margin-bottom:20px; } #mini-site p { position: relative; padding:10px 10px 10px 20px; color:white; font-size: 12px; } #mini-site p { position: relative; padding:10px 10px 10px 20px;font-size: 12px; } #mini-site a { text-decoration: none; } #mini-site2 a { margin-top:15px; background: url(../images/template2/img-block-right-wazabi.png) no-repeat; width:200px; height: 131px; display: block; cursor: pointer; } #mini-site3 a { margin-top:15px; background: url(../images/template2/img-block-right-kakuzu.png) no-repeat; width:200px; height: 131px; display: block; cursor: pointer; } #mini-calendrier a { margin-top:15px; background: url(../images/template2/img-bloc-right-calendrier.png) no-repeat; width:200px; height: 120px; display: block; cursor: pointer; } #mini-jeux-dedies a { margin-top:15px; background: url(../images/template2/img-bloc-right-jeux-dedies.png) no-repeat; width:200px; height: 120px; display: block; cursor: pointer; } #mini-jeux-dedies-en a { margin-top:15px; background: url(../images/template2/img-bloc-right-jeux-dedies-en.png) no-repeat; width:200px; height: 120px; display: block; cursor: pointer; } #newsletter { margin-top:10px; background: url(../images/template2/img-block-right-bleu.png) no-repeat; width:200px; height: 135px; } #newsletter h3 { position: relative; top:6px; left:20px; color: white; font-size: 12px;} #newsletter p { position: relative; padding:8px 10px 4px 20px; color:white; font-size: 12px; } #newsletter fieldset { border:0; } #newsletter fieldset p { margin:0; padding: 0; } #newsletter fieldset input[type=text] { border: 1px solid white; width:150px; margin-left:20px; } #newsletter fieldset input[type=submit] { position: relative; border: 0; float: right; background: url(../images/template2/img-back-btn.jpg) repeat-x; color:white; padding:5px 10px; text-decoration: none; vertical-align: middle; font-size: 10px; margin:7px 8px 0 20px; cursor: pointer; } #tag { margin-top:15px; background: url(../images/template2/img-block-right-violet.png) no-repeat; width:200px; height: 185px; } #tag h3 { position: relative; top:4px; left:20px; color: white; font-size: 12px;} #tag-container { position: relative; margin:10px 10px 0 20px; font-size: 11px; overflow: hidden; width:170px; } #tag-container a { text-decoration: none; color: white; margin:4px 5px; line-height: 18px; } #tag-container a:hover { text-decoration: underline; color: white; } #tag-container a.tag_re { overflow: hidden; height: 1px; width: 1px;} #menu2 { margin-top:8px; background: url(../images/template2/img-block-right-blanc.png) no-repeat; width:210px; height: 230px; } #menu2 ul { position: relative; padding:35px 30px 10px 22px; color:#333333; } #menu2 ul li { list-style: none; margin:4px 0; font-size: 11px; line-height: 12px; padding:2px 0; } #menu2 ul li a { background: url(../images/template2/img-bullet-rouge.png) no-repeat left 4px; padding:0 0 0 12px; color:#333333; text-decoration: none; } #menu2 ul li a:hover { background: url(../images/template2/img-bullet-rouge.png) no-repeat left 4px; padding:0 0 0 12px; color:#333333; text-decoration: underline; } #menu2 ul li.langues a { background: none; margin:0; padding-left:30px; width:200px; text-align: center; } /* FOOTER */ #footer { position: relative; width: 990px; margin:0 auto; } #footer-container { position: relative; width: 550px; margin:0 0 0 210px; } #footer-image { position: relative;background: url(../images/template2/img-cadre-bottom.png) no-repeat; width: 550px; height: 40px; } #footer-contain { position: relative; width:550px; margin:0 auto; padding:40px 0 25px 0; color: white; text-align: center; } #footer-contain ul { margin-left:0px; } #footer-contain ul li { list-style: none; display: inline; margin:0 4px; font-size: 10px; } #footer-contain ul li a { color: white; text-decoration: none; } #footer-contain ul li a:hover { color: white; text-decoration: underline; } /* SEARCH AJAX */ #ajax-jeux-french { position: absolute; top:465px; left:0px; width:450px; height: 119px; z-index: 200; display: block; z-index: 10000; } #ajax-jeux-english { position: absolute; top:275px; left:0px; width:450px; height: 119px; z-index: 200; display: block; z-index: 10000; } #ajax-jeux-image { background: url(../images/template2/img-back-ajax-left-png.png) no-repeat; width:446px; height: 119px; } #ajax-jeux-french ul, #ajax-jeux-english ul { padding:10px 10px 10px 40px;} #ajax-jeux-french ul li, #ajax-jeux-english ul li { position: relative; width:390px;margin:0px 5px; list-style: none; background: url(../images/template2/img-ligne-rouge.png) repeat-x left bottom; display: block; line-height: 20px;} #ajax-jeux-french ul li a, #ajax-jeux-english ul li a { color:#9B0000; line-height: 20px; margin:0px 5px;text-decoration: underline; } #ajax-jeux-french ul li a:hover, #ajax-jeux-english ul li a:hover { color:#9B0000; line-height: 20px; margin:0px 5px; text-decoration: none; } #ajax-regles { position: absolute; top:741px; left:0px; width:450px; height: 119px; z-index: 200;} #ajax-regles-image { background: url(../images/template2/img-back-ajax-left-png.png) no-repeat; width:446px; height: 119px; } #ajax-regles ul { padding:10px 10px 10px 40px;} #ajax-regles ul li { position: relative; width:390px;margin:0px 5px; list-style: none; background: url(../images/template2/img-ligne-rouge.png) repeat-x left bottom; display: block; line-height: 20px;} #ajax-regles ul li a { color:#9B0000; line-height: 20px; margin:0px 5px;text-decoration: underline; } #ajax-regles ul li a:hover { color:#9B0000; line-height: 20px; margin:0px 5px; text-decoration: none; } #ajax-revendeurs-fr { position: absolute; top:603px; left:0px; width:450px; height: 119px; z-index: 200;} #ajax-revendeurs-fr-image { background: url(../images/template2/img-back-ajax-left-png.png) no-repeat; width:446px; height: 119px; } #ajax-revendeurs-fr ul { padding:4px 10px 10px 40px;} #ajax-revendeurs-fr ul li { position: relative; width:390px;margin:0px 5px; list-style: none; background: url(../images/template2/img-ligne-rouge.png) repeat-x left bottom; display: block; line-height: 20px;} #ajax-revendeurs-fr ul li a { color:#9B0000; line-height: 20px; margin:0px 5px;text-decoration: underline; } #ajax-revendeurs-fr ul li a:hover { color:#9B0000; line-height: 20px; margin:0px 5px; text-decoration: none; } #ajax-revendeurs-be { position: absolute; top:781px; left:0px; width:450px; height: 119px; z-index: 200;} #ajax-revendeurs-be-image { background: url(../images/template2/img-back-ajax-left-png.png) no-repeat; width:446px; height: 119px; } #ajax-revendeurs-be ul { padding:4px 10px 10px 40px;} #ajax-revendeurs-be ul li { position: relative; width:390px;margin:0px 5px; list-style: none; background: url(../images/template2/img-ligne-rouge.png) repeat-x left bottom; display: block; line-height: 20px;} #ajax-revendeurs-be ul li a { color:#9B0000; line-height: 20px; margin:0px 5px;text-decoration: underline; } #ajax-revendeurs-be ul li a:hover { color:#9B0000; line-height: 20px; margin:0px 5px; text-decoration: none; } .fermer-ajax a { position: absolute; top:4px; right:6px; background: url(../images/template2/img-fermer.png) no-repeat left; width:23px; height: 22px; display: block; } .fermer-ajax a:hover { position: absolute; top:4px; right:6px; background: url(../images/template2/img-fermer.png) no-repeat right; width:23px; height: 22px; display: block; } #footer-ref { position: relative; width:490px; overflow: hidden; margin:0 auto; border-top:0px solid white; clear: both;} #footer-ref h2 { margin:0px 0 5px 0; text-align: center; font-size: 12px; color: #CC7D7D; } #footer-ref ul { text-align: center; } #footer-ref ul li { display: inline; margin:0 5px; font-size: 10px; color: #CC7D7D; } #footer-ref ul li a { text-decoration: none; color: #CC7D7D;} #footer-ref ul li a:hover { text-decoration: underline; color: #CC7D7D;}