/*#################################################################################################*/ /* */ /* Priorité vos enfants */ /* CSS SCREEN - ACTi 2007 */ /* */ /*#################################################################################################*/ body{ margin:0px; background:#f2f0f0 url(../images/bg.gif) repeat-x top center; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#757575; } form{ margin:0px; padding:0px; } img{ border:none; } .myhr{ clear:both; visibility:hidden; height:0px; overflow:hidden; } a:link, a:visited, a:active, a:hover{ outline:none; } /***************************************************************************************************/ /******************************************* css overall *******************************************/ /***************************************************************************************************/ #container{ margin:0px auto 0px auto; width:936px; background:url(../images/container_bg.gif) repeat-y left; text-align:left; } #header{ background: transparent url(../images/header.jpg) no-repeat top left; height:145px; } #header h1#logo{ background:url(../images/logo.gif) top left no-repeat; width:234px; height:83px; margin:0px 0px 0px 0px; padding:0px; font-size:0.1em; top:23px; left:-20px; position:relative; } #header h1#logo a{ display:block; width:234px; height:83px; } #header h1#logo a span{ display:none; } #menu{ background:transparent url(../images/menu.jpg) no-repeat top left; height:55px;margin-bottom:19px; z-index:2000; position:relative; } #menu ul{ margin:0px; padding:0px 0px 0px 6px; list-style:none; } #menu ul.jd_menu{ position:absolute; } #menu ul li{ margin:0px; padding:0px; display:inline; float:left; position:relative;} #menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover{ display:block; width:184px; height:54px; } #menu ul li a{ display:block; width:184px; height:54px;cursor:pointer; } #menu ul li a span{ display:none; } /***** Menu *****/ #menu #menu-0-6 a:hover{ background:url(../images/menu.jpg) no-repeat -6px -106px; } #menu #menu-6-9 a:hover{ background:url(../images/menu.jpg) no-repeat -190px -106px; } #menu #menu-10-12 a:hover{ background:url(../images/menu.jpg) no-repeat -374px -106px; } #menu #menu-13-16 a:hover{ background:url(../images/menu.jpg) no-repeat -557px -106px; } #menu #menu-16-99 a:hover{ background:url(../images/menu.jpg) no-repeat -742px -106px; } #menu ul li ul{ padding:0px 2px 2px 2px; background:#FFFFFF; margin:0px 0px 0px 4px; display:none; } #menu ul li ul li{ float:none; } #menu ul li ul li a:link, #menu ul li ul li a:visited, #menu ul li ul li a:hover{ display:block; height:auto; text-decoration:none; border-top:solid 2px #FFFFFF; padding:2px 8px 2px 8px; width:158px; } /* styles des sous menus */ #menu #menu-0-6 ul{ border:solid 1px #05819b; border-top:none; } #menu #menu-0-6 ul li a:link, #menu #menu-0-6 ul li a:visited{ background:#05819b; color:#FFFFFF; } #menu #menu-0-6 ul li.light a:link, #menu #menu-0-6 ul li.light a:visited{ background:#73b8c7; } #menu #menu-0-6 ul li a:hover, #menu #menu-0-6 ul li.light a:hover{ background:#FFFFFF; color:#05819b; } #menu #menu-6-9 ul{ border:solid 1px #1cabd3; border-top:none; } #menu #menu-6-9 ul li a:link, #menu #menu-6-9 ul li a:visited{ background:#1cabd3; color:#FFFFFF; } #menu #menu-6-9 ul li.light a:link, #menu #menu-6-9 ul li.light a:visited{ background:#7fd0e5; } #menu #menu-6-9 ul li a:hover, #menu #menu-6-9 ul li.light a:hover{ background:#FFFFFF; color:#1cabd3; } #menu #menu-10-12 ul{ border:solid 1px #079483; border-top:none; } #menu #menu-10-12 ul li a:link, #menu #menu-10-12 ul li a:visited{ background:#079483; color:#FFFFFF; } #menu #menu-10-12 ul li.light a:link, #menu #menu-10-12 ul li.light a:visited{ background:#83c2ba; } #menu #menu-10-12 ul li a:hover, #menu #menu-10-12 ul li.light a:hover{ background:#FFFFFF; color:#079483; } #menu #menu-13-16 ul{ border:solid 1px #ffc700; border-top:none; } #menu #menu-13-16 ul li a:link, #menu #menu-13-16 ul li a:visited{ background:#ffc700; color:#666; } #menu #menu-13-16 ul li.light a:link, #menu #menu-13-16 ul li.light a:visited{ background:#ffe14e; } #menu #menu-13-16 ul li a:hover, #menu #menu-13-16 ul li.light a:hover{ background:#FFFFFF; color:#666; } #menu #menu-16-99 ul{ border:solid 1px #fc8301; border-top:none; } #menu #menu-16-99 ul li a:link, #menu #menu-16-99 ul li a:visited{ background:#fc8301; color:#FFFFFF; } #menu #menu-16-99 ul li.light a:link, #menu #menu-16-99 ul li.light a:visited{ background:#fdb970; } #menu #menu-16-99 ul li a:hover, #menu #menu-16-99 ul li.light a:hover{ background:#FFFFFF; color:#fc8301; } #menu #menu-0-6 ul li.noborder a:link, #menu #menu-0-6 ul li.noborder a:visited, #menu #menu-6-9 ul li.noborder a:link, #menu #menu-6-9 ul li.noborder a:visited, #menu #menu-10-12 ul li.noborder a:link, #menu #menu-10-12 ul li.noborder a:visited, #menu #menu-13-16 ul li.noborder a:link, #menu #menu-13-16 ul li.noborder a:visited, #menu #menu-16-99 ul li.noborder a:link, #menu #menu-16-99 ul li.noborder a:visited{ border:none; } /****************/ #colonne-gauche ul#iti{background:url(../images/home/login-box.jpg) left top no-repeat;width:166px;height:134px;} #colonne-gauche ul#iti li {border:0 none;} #colonne-gauche ul#iti li p.txtAires{display:none;} #colonne-gauche ul#iti li #p_aires{margin:59px 0 0 0} #colonne-gauche ul#iti li #btnIti{background:url(../images/home/login-btn.jpg) left top no-repeat;width:103px;height:20px;border:0 none;text-indent:-9999em;cursor:pointer;margin:10px 0 0;float:right;} #colonne-gauche ul#iti li label{float:left;text-align:right;width:13px;color:#128daf;margin:0 5px 0 0;} #colonne-gauche ul#iti li #ville{width:130px;height:16px;background:url(../images/home/login-input.jpg) left top no-repeat; border:0 none;float:left;font-size:0.9em;} #colonne-gauche ul#iti li #villeTo{width:130px;height:16px;background:url(../images/home/login-input.jpg) left top no-repeat; border:0 none;float:left;font-size:0.9em;} #colonne-gauche{ width:163px; float:left; padding:0px 0px 0px 17px; } #colonne-gauche ul{ margin:0px 0px 25px 0px; padding:0px; list-style:none; color:#FFFFFF; } #colonne-gauche ul#bleu li{ background-image:url(../images/bleu.gif); } #colonne-gauche ul#jaune li{ background-image:url(../images/jaune.gif); } #colonne-gauche ul#orange li{ background-image:url(../images/orange.gif); } #colonne-gauche ul#blanc li{ background-image:url(../images/blanc.gif); } #colonne-gauche ul li{ background-position:left; background-repeat:repeat-y; border-bottom:solid 3px #f2f0f0; } #colonne-gauche ul li.top{ background-position:top; background-repeat:no-repeat; padding:3px 0px 0px 0px; } #colonne-gauche ul li.bottom{ background-position:bottom; background-repeat:no-repeat; padding:0px 0px 3px 0px; border-bottom:none; } #colonne-gauche ul li a:link, #colonne-gauche ul li a:visited, #colonne-gauche ul li form{ padding:2px 10px 2px 7px; display:block; color:#FFFFFF; text-decoration:none; } #colonne-gauche ul#blanc li a{ color:#666666; } #colonne-gauche ul li a:hover{ background:#d1d1d1; color:#666666; } #colonne-gauche .input-gauche{ background:#FFFFFF; border:solid 1px #999; width:142px; margin:0px 0px 5px 0px; font-size:0.9em; } #colonne-gauche .submit-gauche{ background:#ddd; border:solid 1px #fff; margin:0px 0px 5px 0px; font-size:0.9em; } #colonne-gauche .nom{ color:#666666; } #colonne-gauche .compteur-points{ color:#666; } #mainColumn{ float:right; width:697px; padding:0px 20px 0px 0px; position:relative;z-index:500;display:inline; } * html #mainColumn{ float:left;margin: 0 0 0 25px;} #top-et-print{ clear:both; padding:5px 0px 5px 28px; background:url(../images/top-et-print.gif) no-repeat left; margin:20px 0px 20px 0px; } #top-et-print a{ color:#0185a3; text-decoration:none; margin:0px 24px 0px 0px; } #footer{ background:url(../images/footer.gif) no-repeat top left; height:102px; text-align:center;margin-bottom:36px; } #footer a:link, #footer a:visited{ text-decoration:none; padding:0px 7px 0px 7px; } #footer a:hover{ text-decoration:underline; } #footer1{ height:17px; color:#FFFFFF; padding:6px 0px 0px 0px; } #footer1 a{ color:#FFFFFF; } #footer2{ color:#19bae5; margin:10px 0px 0px 0px; } #footer2 a{ color:#19bae5; } #footer3{ margin:22px 0px 0px 0px; } /***************************************************************************************************/ /**************************************** pages interieures ****************************************/ /***************************************************************************************************/ div#mainColumn #titrePage{ text-transform:uppercase; color:#FFFFFF; font-size:1.6em; background-position:top left; background-repeat:no-repeat; padding:7px 0px 0px 60px; height:25px; } div#mainColumn h1{ margin:20px 0px 30px 0px; font-size:2em; } div#mainColumn h2.argumentaire{ margin:25px 0px 20px 0px;} div#mainColumn h2{ margin:50px 0px 20px 0px; font-size:1.5em; background-position:left; background-repeat:no-repeat; padding:0px 0px 0px 25px; clear:both; } div#mainColumn .link{margin:10px 0 20px 0 !important;} div#mainColumn .linkh2{background:#EEEEEE none repeat scroll 0 0;float:left;color:#757575;font-size:0.8em;padding:4px 29px;text-align:center;text-decoration:none;margin-bottom:20px;} div#mainColumn .hautdepage{ text-align:right; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; clear:both;float:right; width:119px;} div#mainColumn .hautdepage a{ text-decoration:none; background-repeat:no-repeat; background-position:left; padding:0px 0px 0px 15px; } div#mainColumn h2.questionquizz{margin-top:0;padding:9px 0 9px 27px;} div#mainColumn .quizzencadre{margin-top:20px} div.tranche0-6 #titrePage{ background-image:url(../images/titrePage/0-6.gif); } div.tranche6-9 #titrePage{ background-image:url(../images/titrePage/6-9.gif); } div.tranche10-12 #titrePage{ background-image:url(../images/titrePage/10-12.gif); } div.tranche13-16 #titrePage{ background-image:url(../images/titrePage/13-16.gif); } div.tranche16-99 #titrePage{ background-image:url(../images/titrePage/16-99.gif); } div.autres #titrePage{ background-image:url(../images/titrePage/autres.gif); } div.tranche0-6 h1, div.tranche0-6 a{ color:#07728a; } div.tranche6-9 h1, div.tranche6-9 a, div.autres h1, div.autres a{ color:#1cabd3; } div.tranche10-12 h1, div.tranche10-12 a{ color:#079483; } div.tranche13-16 h1, div.tranche13-16 a{ color:#ffc700; } div.tranche16-99 h1, div.tranche16-99 a{ color:#fc8301; } div.tranche0-6 h2{ color:#07728a; background-image:url(../images/0-6/h2.gif); } div.tranche6-9 h2{ color:#1cabd3; background-image:url(../images/6-9/h2.gif); } div.tranche10-12 h2{ color:#079483; background-image:url(../images/10-12/h2.gif); } div.tranche13-16 h2{ color:#ffc700; background-image:url(../images/13-16/h2.gif); } div.tranche16-99 h2{ color:#fc8301; background-image:url(../images/16-99/h2.gif); } div.tranche16-99 h2.rose{ color:#CC33FF; background-image:url(../images/16-99/h2.gif); } div.autres h2{ color:#1cabd3; background-image:url(../images/autres/h2.gif); } div.tranche0-6 .hautdepage a{ color:#016e84; background-image:url(../images/0-6/hautdepage.gif); } div.tranche6-9 .hautdepage a{ color:#1cabd3; background-image:url(../images/6-9/hautdepage.gif); } div.tranche10-12 .hautdepage a, div.autres .hautdepage a{ color:#079483; background-image:url(../images/10-12/hautdepage.gif); } div.tranche13-16 .hautdepage a{ color:#ffc700; background-image:url(../images/13-16/hautdepage.gif); } div.tranche16-99 .hautdepage a{ color:#fc8301; background-image:url(../images/16-99/hautdepage.gif); } /***Rajout page jeu 0-6***/ div.tranche0-6 #titreH1 { margin-bottom:15px; } div.tranche0-6 #titreH2 { margin-top:18px; } /********** sous menu videos ********************/ #sous-menu-videos{ padding:0; margin:1px 0px 0px 0px; } #sous-menu-videos ul li a:link, #sous-menu-videos ul li a:visited{ text-decoration:none; color:#757575; } #sous-menu-videos ul li a:hover{ color:#000000; } ul.jd_menu_vertical{ margin: 0px; padding: 0px; list-style-type: none; cursor:pointer; position:relative; } ul.jd_menu_vertical ul { position: absolute; display: none; list-style-type: none; margin: 0px 0px 0px 170px; padding: 0px 0px 0px 10px; z-index: 10000; border-left:solid 3px #ccc; } ul.jd_menu_vertical ul li { margin:0px; } /*************lecteur flash ********************/ #lecteur-video{ width:365px; height:314px; margin:20px auto 0px auto; } #lecteur-video h5{ background-image:url(../images/h5-lecteurvideo.gif); background-repeat:no-repeat; background-position:top; font-size:1em; color:#000000; height:40px; margin:0px; padding:30px 0px 0px 15px; } #lecteur-videoAAC{ width:365px; height:314px; margin:20px auto 0px auto; } #lecteur-videoAAC h5{ background-image:url(../images/h5-lecteurvideoaac.gif); background-repeat:no-repeat; background-position:top; font-size:1em; color:#000000; height:40px; margin:0px; padding:30px 0px 0px 45px; } #noflashlecteur{ width:295px; height:260px; background-image:url(../images/noflashlecteur.gif); background-position:bottom; background-repeat:no-repeat; text-align:center; padding:84px 35px 0px 35px; } #noflashlecteur a{ color:#006699; margin:10px 0px 0px 0px; } /***************** menu rapide ********************/ #menu-rapide ul{ margin-left:30px; list-style:none; } #menu-rapide ul li{ padding:5px 0px 6px 35px; margin:0px 0px 5px 0px; position:relative;} div.tranche0-6 #menu-rapide li{ background:url(../images/0-6/puce-liens-rapides.gif) left top no-repeat; } div.tranche6-9 #menu-rapide li{ background:url(../images/6-9/puce-liens-rapides.gif) left top no-repeat; } div.tranche10-12 #menu-rapide li{ background:url(../images/10-12/puce-liens-rapides.gif) left top no-repeat; } div.tranche13-16 #menu-rapide li{ background:url(../images/13-16/puce-liens-rapides.gif) left top no-repeat; } div.tranche16-99 #menu-rapide li{ background:url(../images/16-99/puce-liens-rapides.gif) left top no-repeat; } div.autres #menu-rapide li{ background:url(../images/assur/puce-liens-rapides.gif) left top no-repeat; } #menu-rapide-alcool ul{ margin-left:30px; list-style:none; } #menu-rapide-alcool ul li{ padding:5px 0px 6px 35px; margin:0px 0px 5px 0px; } #menu-rapide-argu {margin: 18px 0 0;} #menu-rapide-argu ul{ margin-left:30px; list-style:none; } #menu-rapide-argu ul li{ padding:5px 0px 6px 35px; margin:0px 0px 5px 0px; } #menu-rapide-argu li{ background:url(../images/16-99/puce-liens-rapides.gif) left no-repeat; } #menu-rapide-argu ul ul li{ background:url(../images/16-99/puce-alcool.png) left no-repeat; padding:0px 0px 0px 19px ;} div.tranche16-99 #menu-rapide-alcool li{ background:url(../images/16-99/puce-liens-rapides.gif) left no-repeat; } div.tranche16-99 #menu-rapide-alcool ul ul li{ background:url(../images/16-99/puce-alcool.png) left no-repeat; padding:0px 0px 0px 19px ;} /***************** FAQ ********************/ #menu-faq ol{ margin:30px 0px 30px 5px; font-weight:bold; } #menu-faq ol li{ padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; } #menu-faq a:link, #menu-faq a:visited{ color:#000; text-decoration:none; } #menu-faq a:hover{ color:#016e84; text-decoration:none; } dt{ background:url(../images/0-6/h2.gif) no-repeat left; padding:7px 0px 10px 35px; margin:25px 0px 10px 0px; border-bottom:solid 1px #d8d8d8; color:#000000; font-size:1.2em; font-weight:bold; } dd{ text-align:justify; } /***************** encadrés ********************/ .encadre{ border:solid 1px #f6f6f6; padding:10px; margin-bottom:10px; } .top-encadre{ background:url(../images/top-encadre.gif) top repeat; margin:-10px -10px 10px -10px; } .top-encadre h4, .top-encadre h5{ margin:0px; padding:10px 0px 0px 10px; font-size:1.2em; } .top-encadre h5 {color:#d90460;} .top-encadre-6{ background:url(../images/top-encadre.gif) top; margin:-10px -10px 10px -10px; } .top-encadre-6 h4{ margin:0px; padding:4px 0px 4px 10px; font-size:1.2em;color:#fb8300; } .top-encadre-vision{ background:url(../images/top-encadre.gif) top; margin:-10px -10px 10px -10px; } .top-encadre-vision h4{ margin:0px; padding:4px 0px 4px 10px; font-size:1.2em;color:#00849d; } .encart-6-video{font-weight:bold;} .encart-6-video .right a{color:#757575;} .encart-6-video strong{color:#00849d;font-weight:bold;} .encart-6-video .right{float:right;} .encart-6-video a img{margin-bottom:9px;margin-left:25px;text-align:center;} .top-encadre-8{ background:url(../images/top-encadre.gif) top; margin:-10px -10px 10px -10px; } .top-encadre-8 h4{ margin:0px; padding:4px 0px 4px 10px; font-size:1.2em;color:#BFD14C; } #encadre6 { margin:10px -10px 10px -10px; } .top-encadre-rentree{ background:url(../images/home/enfant-vision.gif) bottom left no-repeat; height:154px; margin:-34px -10px 10px -10px; } .top-encadre-rentree h1{text-indent:-9000em;width:666px;} div.tranche0-6 .top-encadre h4{ color:#07728a; } div.tranche6-9 .top-encadre h4{ color:#1cabd3; } div.tranche10-12 .top-encadre h4{ color:#079483; } div.tranche13-16 .top-encadre h4{ color:#ffc700; } div.tranche16-99 .top-encadre h4{ color:#fc8301; } .alcool-img{margin-left:38px; margin-bottom:15px;} .top-encadre-7{ background:url(../images/top-encadre.gif) top; margin:-10px -10px 10px -10px; } #encadre7 { margin:10px -10px 10px -10px; width:150px; float:left;} .top-encadre-7 h4{ margin:0px; padding:4px 0px 4px 10px; font-size:1.2em;color:#fb8300; } .bottom-encadre{ background:url(../images/bottom-encadre.gif) top repeat-x; height:10px; margin:10px -11px -11px -11px; } .encadrebas{clear:both;} .encadre-droite{ float:right; margin:0px 0px 10px 25px; width:270px; } #p6-bas{margin-top:-57px;font-weight:bold;} .encadre-gauche{ float:left; margin:0px 25px 10px 0px; width:270px; } .encadre-centre{padding:0px 10px 0px 10px; /*margin-bottom:20px;*/ width:680px; border-left:solid 1px #f6f6f6;border-right:solid 1px #f6f6f6;} #rentree{border:none;width:666px;} /***************** divers ********************/ .points{ text-align:center; } .centrer-element{ text-align:center; } /***************** QUIZZ ********************/ div#mainColumn div.quizz h2{ font-size:1.2em; background-position:top left; padding-bottom:4px; margin-bottom:0px; } div#mainColumn ul{ list-style:none; margin-top:0px; } .reponse{margin-bottom:5px;} p.quizz-bloc{background:url(../images/quizz.gif) top left no-repeat;color:#02208F;font-size:1.2em;font-weight:bold;height:148px;padding:42px 161px 0 16px;} p.bravo-quizz a.rejouer{background:url(../images/quizz-rejouer.gif) top left no-repeat;display:block;float:right;height:64px;margin-top:-2px;text-indent:-9000em;width:241px;} p.bravo-quizz{background:url(../images/quizz-bravo.gif) top left no-repeat;font-size:1.3em;height:74px;padding:10px;color:#02208f;} p.bravo-quizz .bravo{font-size:1.4em; float:left; margin:15px 0px 0px 15px; } p.bravo-quizz .bravo2{font-size:1.4em; left:220px;position:relative;top:20px;} /***************** tableaux ********************/ table#table-chroniques{ } .row1{ background-color:#f0f9fd; border-top:solid 1px #e3e8ea; padding:5px; } .row2{ border-top:solid 1px #e3e8ea; padding:5px; } .row1 a:link, .row1 a:visited, .row2 a:link, .row2 a:visited{ color:#757575; text-decoration:none; } .row1 a:hover, .row2 a:hover{ color:#000; } /***************** partenaires ********************/ .partenaire-liste{ width:680px; background:url(../images/partenaires-liste-bg.gif) no-repeat top; color:#787878; margin:0px 0px 10px 0px; } .logo{ padding:5px; } .padding{ padding:5px; } .partenaire-liste h4{ color:#FFFFFF; font-size:1.4em; display:block; height:35px; margin:0px; padding:13px 0px 0px 25px; } /***************** espace presse ********************/ #espace-presse-contact{ background-image:url(../Comites/images/login-comite-bg.gif); width:430px; height:214px; padding:20px 0px 0px 50px; } #espace-presse-formulaire{ background-image:url(../Presse/images/espace-presse-bg.gif); width:420px; height:480px; padding:0px 0px 0px 60px; } #espace-presse-formulaire h3{ color:#FFFFFF; display:block; height:35px; margin:0px 0px 10px 0px; padding:15px 0px 0px 0px; font-size:1.3em; } /***************** plan du site ********************/ #plan-du-site{padding:20px 0px 0px 0px; } #plan-du-site ul{ margin-left:0px; list-style:none; margin:0px; padding:0px; } #plan-du-site ul li{ background:url(../images/0-6/puce-liens-rapides.gif) top left no-repeat; padding:5px 0px 6px 35px; margin:0px 0px 5px 0px; } #plan-du-site ul li ul li{ padding:0px 0px 0px 10px; margin:0px 0px 0px 10px; background:url(../images/puce-plan.gif) top left no-repeat; } #plan-du-site a{ color:#016e84; } #plan-du-site ul li ul li a{ color:#757575; text-decoration:none; } /***************** comités ********************/ #recherche-comite{ background:url(../images/recherche-comite-bg.gif) no-repeat top left; height:216px; padding:15px 0px 0px 50px; } .bouton-ok-comite{ margin:0px 0px -13px 10px; } #Layout__ctl0_Panel_Comites{ background-color:#FFFFFF; margin:30px 25px 0px -20px; _margin:45px 25px 0px -20px; padding:5px; height:110px; width:410px; } #Layout__ctl0_Panel_Comites a{ color:#00bde8; text-decoration:none; } /***************************************************************************************************/ /******************************************* rightColumn *******************************************/ /***************************************************************************************************/ #rightColumn{ float:right; width:195px; margin:0px; padding:0px; } /***************************************************************************************************/ /********************************************** home ***********************************************/ /***************************************************************************************************/ div#mainColumn h1#h1-reflexe{background:transparent url(../images/home/reflexe-h1.jpg) no-repeat scroll left top;color:#FFFFFF;font-size:1.7em;height:37px;margin:20px 0;padding:12px 0 0 50px;text-transform:uppercase;width:658px;} div#mainColumn h1#h1-fev-09{background-image:url(../images/titrePage/16-99.gif);color:#FFFFFF;padding:0 0 0 69px;margin:10px 0 20px;} div#mainColumn h1#h1-home{ text-transform:uppercase; color:#FFFFFF; font-size:2em; background:url(../images/home/h1.gif) top left no-repeat; padding:7px 0px 0px 60px; height:32px; } div#mainColumn h1#h1-une{ color:#FFFFFF; font-size:2em; background:url(../images/home/h1-une.gif) top left no-repeat; padding:7px 0px 0px 60px; height:32px; } div#mainColumn h2#h2-actus{ text-transform:uppercase; color:#FFFFFF; font-size:1.5em; background:url(../images/home/h2-actus.gif) top left no-repeat; padding:8px 0px 0px 60px; height:24px; } div#mainColumn h2#h2-quiz{ text-transform:uppercase; color:#FFFFFF; font-size:1.5em; background:url(../images/home/h2-quiz.gif) top left no-repeat; padding:8px 0px 0px 60px; height:24px; } .actualites{ clear:both; margin:0px 0px 15px 0px; border-bottom:solid 1px #f9f9f9; } .actualites h3{ color:#e57e25; font-size:1.1em; margin:10px 0px 0px 0px; padding:0px; } .actualites p{ padding:0px 0px 10px 0px; margin:0px; } .actualites a, .lien-quiz{ display:block; text-align:right; color:#e57e25; } .txtQuiz{ color:#c4bd00; } #home-bloc1, #home-bloc1-2{ float:left; width:290px; margin:0px 0px 20px 18px; } #home-bloc1, #home-bloc1-2{ _margin:0px 0px 20px 10px; } #home-bloc2, #home-bloc2-2{ float:right; width:290px; margin:0px 21px 20px 0px; } #home-bloc2{ _margin:0px 10px 20px 0px; } #home-bloc3{ float:left;margin-left:0;margin-right:-3px; margin-bottom:20px; background:transparent url(../images/home/alcool_cannabis.png) no-repeat scroll right bottom; height:176px} .tranche0-6 #home-bloc3{background:none;height:70px;} #home-bloc3 p {padding:8px 175px 0 16px; margin-top:20px;} #chiffre-cle-6 {float:left;width:534px;} .tranche0-6 #chiffre-cle-6 {margin:30px 0 0 16px} #chiffre-cle-6 ul{ } #chiffre-cle-6 ul li{background:transparent url(../images/0-6/puce-chiffre-cle.jpg) no-repeat scroll 0 0;padding-left:16px; } #home-bloc4{ float:left; margin:0px 21px 20px 10px; width:180px; } #home-bloc5{float:right; width:142px; margin:0px 0px 20px 0px; } #home-bloc5 .gras{font-weight:bold;} #home-bloc6{ float:right; margin:0px 0px 0px 0px; width:215px; } #home-bloc7{ float:left; margin:0px 0px 0px 0px; width:180px;color:#BFD14C; } #home-bloc7 a{color:#BFD14C;} #home-bloc9 a{color:#BFD14C;} #home-bloc8{ float:left; margin:0px 10px 0px 0px; width:215px;color:#BFD14C; } #home-bloc9{ float:right; margin:0px 0px 0px 0px; width:177px;color:#BFD14C; } #home-bloc10{ float:left; margin:0 10px 15px 0; width:232px; } #home-bloc10 .top-encadre h4 {padding: 10px 0 12px 10px} #home-bloc10 p{font-size:1em;font-weight:normal;padding:4px 0 4px 0} #home-bloc10 h5{font-size:1.3em; color:#FFCC00;} #home-bloc10 h5 span{font-size:1.6em;} #home-bloc10 a{color:#ffc400;text-decoration:underline;} #home-bloc10 .next-chat {height:5px;} #home-bloc10 h4.chat{color:#ffc400;font-size:1.4em;} #home-bloc-coktail{float:left;margin:11px 10px 15px 18px;width:400px;} #home-bloc-coktail p{float:left;font-size:1em;padding:7px 0 0;width:232px;} #home-bloc-coktail a{color:#D90460;} #home-bloc10 h4.reflexe{color:#0091df;font-size:1.1em;height:24px;} #home-bloc10 h4.temoignage{color:#5ca9bd;font-size:1.1em;height:24px;} #home-bloc10 p.temoignages-reflexe{color:#585555;float:left;font-size:1em;width:118px;} #home-bloc10 p.temoignages-reflexe strong{color:#5ca9bd;} #home-bloc10 p.temoignages-reflexe a{} #home-bloc11{ background:url(../images/home/rentree-quizz.gif) left top no-repeat;color:#02208F;float:right;height:143px;margin:0 10px 15px 0;width:326px;} #home-bloc1, #home-bloc2, #home-bloc1-2 { font-size:1.2em; } #home-bloc1-2 h4, #home-bloc1-2 strong, #home-bloc1-2 a{ color:#c4bd00;} #home-bloc2 h4, #home-bloc2 strong, #home-bloc2 a, #home-bloc1 h4, #home-bloc1 strong, #home-bloc1 a, #home-bloc5 h4, #home-bloc5 strong, #home-bloc5 a{ color:#a1c759; text-decoration:none;} #home-bloc5 h4, #home-bloc5 strong, #home-bloc5 a{ color:#FC8301; text-decoration:none;} #home-bloc4 h4, #home-bloc4 strong, #home-bloc4 a{ color:#44a5ba; } .lien-bloc1{ color:#004494; font-size:0.8em; } #coktail{background:url(../images/home/charte.png) no-repeat top left;height:175px; width:428px;float:right;} #home-charte-cyclo{background:url(../images/home/bloc2.png) no-repeat top left;height:175px; width:428px;float:right;margin-bottom:13px;} #home-charte-cyclo a{color:#000000;display:block;padding:11px 16px 0 154px;text-decoration:none;} #home-charte-cyclo a h5{font-size:1.5em; color:#54bccb;margin-bottom:16px;} #bientot{ margin-top:-13px; } /***************************************************************************************************/ /***************************************** espace membre *******************************************/ /***************************************************************************************************/ #mmembre ul{ margin:0px; padding:0px; list-style:none; font-size:1.1em; } #mmembre ul li{ margin:0px; padding:0px; } #mmembre ul li a:link,#mmembre ul li a:visited { padding:8px 0px 7px 14px; display:block; text-decoration:none; color:#787878;font-weight:normal; } #mmembre ul li a:hover{ font-weight:bold; color:#787878; } #mmembre_accueil{ background-image:url(../images/membre/m-membre_10.gif); height:31px; } #mmembre_parrainez{ background-image:url(../images/membre/m-membre_20.gif); height:34px; } #mmembre_offres{ background-image:url(../images/membre/m-membre_30.gif); height:32px; } #mmembre_newsletters{ background-image:url(../images/membre/m-membre_40.gif); height:31px; } #mmembre_compte{ background-image:url(../images/membre/m-membre_50.gif); height:38px; } #mmembre_accueil, #mmembre_parrainez, #mmembre_offres, #mmembre_newsletters, #mmembre_compte{background-repeat:no-repeat; background-position:top left;} #total-points{ background-image:url(../images/membre/total-points.gif); width:145px; height:88px;font-size:1.8em; font-weight:bold; text-align:center; padding:50px 0px 0px 0px; margin:0px 0px 0px 155px;line-height:0.9em; color:#FFFFFF;} .avantage-partenaire0{ width:145px; height:329px; text-align:center; float:left; background:url(../images/membre/avantage-partenaire0.gif) no-repeat top; margin:0px 15px 15px 0px; } .avantage-partenaire1{ width:145px; height:329px; text-align:center; float:left; background:url(../images/membre/avantage-partenaire1.gif) no-repeat top; margin:0px 15px 15px 0px; } .avantage-partenaire0 h4, .avantage-partenaire1 h4{ color:#FFFFFF; height:37px; _height:32px; font-size:1em; padding:5px 0px 0px 0px; _padding:10px 0px 0px 0px; } .avantage-partenaire0 a:link, .avantage-partenaire0 a:visited, .avantage-partenaire0 a:hover, .avantage-partenaire1 a:link, .avantage-partenaire1 a:visited, .avantage-partenaire1 a:hover{ text-decoration:none; display:block; width:145px; height:329px; color:#ff8200; } .av-part-visuel{ margin:0px 0px 13px 0px; } .av-part-logo{ margin:0px 0px 5px 0px; _margin:0px 0px 16px 0px; height:45px; overflow:hidden; } .avantage-partenaire0 strong, .avantage-partenaire1 strong{ color:#fff; display:block; margin:0px 0px 8px 0px; } .lien-accueil{ color:#ff8200; float:right; } #parrainez-vos-amis{ background-image:url(../images/membre/bonus-bg.gif); width:332px; height:82px; padding:40px 20px 0px 120px; } /********************* profil *******************/ #profil{ width:90%; } #fulltab{ width:100%; } .enfant{ width:90%; margin-bottom:20px; } .enfant th{ text-align:center; background-color:#e5e5e5; } /************************ offres partenaires *************************/ .offre-partenaire-liste0{ display:block; height:280px; width:480px; background:url(../images/membre/avantages-partenaire-liste0.gif) no-repeat top; color:#787878; margin:0px 0px 10px 0px; } .offre-partenaire-liste1{ display:block; height:280px; width:480px; background:url(../images/membre/avantages-partenaire-liste1.gif) no-repeat top; color:#787878; margin:0px 0px 10px 0px; } .partenaire-liste{ display:block; width:680px; background:url(../images/partenaires-liste-bg.gif) no-repeat top; color:#787878; margin:0px 0px 10px 0px; } .logo{ padding:5px; } .padding{ padding:5px; } .partenaire-liste h4{ color:#FFFFFF; font-size:1.4em; font-weight:bold; display:block; height:35px; margin:0px; padding:13px 0px 0px 25px; } .offre-partenaire-liste0 h4, .offre-partenaire-liste1 h4{ color:#fff; width:373px; height:28px; font-size:1.2em; padding:10px 0px 0px 0px; _margin-top:10px; } .nb_pts{ color:#FFFFFF; font-size:1.1em; margin:-5px 0px 0px 0px; height:30px; display:block; text-align:center; } .offre-partenaire-liste0 td, .offre-partenaire-liste1 td{ padding:4px; } #pagination{ margin:15px auto 10px auto; padding:5px; text-align:center; border:solid 1px #e5e5e5; background-color:#f0f9fd; } #pagination td{ padding:2px; } #pagination a:link, #pagination a:visited{ text-decoration:none; color:#62bbcf; } #parrainage{ background-image:url(../Presse/images/espace-presse-bg.gif); width:455px; height:470px; padding:10px 0px 0px 25px; } #entete-parrain{ background:url(../images/membre/parrain.gif) no-repeat top left; width:480px;} #entete-parrain p{ padding:0px 25px 0px 25px;} #entete-parrain h3{ color:#FFFFFF; padding:13px 0px 0px 5px; _padding:25px 0px 0px 5px; font-size:1.1em;float:left; width:385px; line-height:0.9em;} #nb_pts_parrain{ font-weight:bold; font-size:1.2em; text-align:center; float:right; width:87px; color:#FFFFFF; margin:22px 0px 0px 0px; } /***************************************************************************************************/ /******************************* pages d'accueil tranches d'age ************************************/ /***************************************************************************************************/ #accueil-bloc1, #accueil-bloc3{ float:left; width:290px; margin:0px 0px 20px 18px; } #accueil-bloc2, #accueil-bloc4{ float:right; width:290px; margin:0px 21px 20px 0px; } /*for ie6*/ #accueil-bloc1, #accueil-bloc3{ _margin:0px 0px 20px 10px; } #accueil-bloc2, #accueil-bloc4{ _margin:0px 11px 20px 0px; } /*********/ #accueil-bloc1, #accueil-bloc2{ text-align:center; } #accueil-bloc1 h4, #accueil-bloc2 h4{ text-align:left; } #accueil-bloc3-texte, #accueil-bloc4-texte{ float:right; width:140px; margin:15px 0px 0px 0px; } #accueil-bloc1, #accueil-bloc3, #accueil-bloc2, #accueil-bloc4{ font-size:1.2em; } div.tranche0-6 #accueil-bloc1 strong, div.tranche0-6 #accueil-bloc2 strong, div.tranche0-6 #accueil-bloc3 strong, div.tranche0-6 #accueil-bloc4 strong{ color:#07728a; } div.tranche6-9 #accueil-bloc1 strong, div.tranche6-9 #accueil-bloc2 strong, div.tranche6-9 #accueil-bloc3 strong, div.tranche6-9 #accueil-bloc4 strong{ color:#1cabd3; } div.tranche10-12 #accueil-bloc1 strong, div.tranche10-12 #accueil-bloc2 strong, div.tranche10-12 #accueil-bloc3 strong, div.tranche10-12 #accueil-bloc4 strong{ color:#079483; } div.tranche13-16 #accueil-bloc1 strong, div.tranche13-16 #accueil-bloc2 strong, div.tranche13-16 #accueil-bloc3 strong, div.tranche13-16 #accueil-bloc4 strong{ color:#ffc700; } div.tranche16-99 #accueil-bloc1 strong, div.tranche16-99 #accueil-bloc2 strong, div.tranche16-99 #accueil-bloc3 strong, div.tranche16-99 #accueil-bloc4 strong{ color:#fc8301; } #ariane{margin:10px 0px 15px 0px; } /***************************************************************************************************/ /*********************************************** Chat **********************************************/ /***************************************************************************************************/ .h1-chat{ background:url(../images/h1-chat.gif); padding:10px; } div.chat-archive{ } div.chat-archive h3{ background:url(../images/h1-chat.gif); padding:2px 2px 2px 10px; color:#333333; font-size:1.1em; } div.chat-archive h3 strong{ color:#1cabd3; } /***************************************************************************************************/ /*********************************************** Formulaire ****************************************/ /***************************************************************************************************/ #formulaire{width:800px; } #formulaire h1 {font-size:3em;font-weight:bold;} #formulaire h2 {font-size:1.4em;font-weight:bold;color:#000000;margin:5px 0px 25px 5px;} #formulaire h4 {font-size:1.2em;font-style:italic;} #formulaire ul li{list-style-type:none;font-size:1.3em;} #formulaire ul{margin-bottom:30px;margin-left:25px;} #formulaire label{font-weight:bold;font-size:1.5em; color:#000000;margin-left:25px;} #formulaire #bt-form{border:none;background-color:#a1c658;color:#ffffff;font-weight:bold;cursor:pointer;margin:10px 0 35px 25px;padding:3px 8px 3px 8px;width:100px;} .inscription-form{background:url(../images/deja-inscrit.gif) top left no-repeat;height:79px;padding:18px; width:232px; } .inscription-form label{float:left;line-height:19px;text-align:right;margin-bottom:4px;clear:left;width:90px} .inscription-form input{float:right;margin-bottom:4px;padding:0px;} .inscription-form input.ok-login{background:#FFEE00;border:1px solid #999999;clear:both;margin-top:7px;padding:0 5px;} /****************AJOUT PAGE INDEX **********************/ #gagnant{ margin-top:20px; } .txt-jeu{ width:245px; font-family:Arial; font-weight:bold; font-size:8.5pt; position:relative; left:-70px; top:20px; color:#999999; float:right; } .txt-jeu strong{ color:#006699; } .indent-txt{ width:70px; height:75px; float:left; } div#mainColumn .home-h1{ margin:10px 0 10px 0; padding:11px; color:#ec008c; font-size:12pt; } /*.home-txt{ font-weight:bold; color:#b4b4b4; padding-bottom:15px; } .home-txt a{ text-decoration:underline; color:#b4b4b4; font-weight:bold; }*/ .home-txt-rentree{color:#757575;font-weight:bold;padding:10px 12px 15px 0px;float:left;width:493px;} .home-txt-rentree strong{font-weight:bold;color:#000000;} .home-txt-rentree a{font-weight:bold;color:#f9b300;text-decoration:underline;} #rentree img{float:right;margin-top:15px;} #drole{background:url(../images/home/drole-route.jpg) no-repeat;width:359px;height:335px;float:left;} #drole p{padding:140px 15px 5px 15px ;margin:0px;} #drole img{padding:0px 15px 0px 15px ;} #drole .titre-drole{font-weight:bold;color:#ec008c;font-size:10pt;} #drole p strong{color:#ec008c;} #drole p strong a{color:#551a8b;} #ballade{background:url(../images/home/ballades.jpg) no-repeat;width:320px;height:335px;float:right;} #ballade .txt-ballades{text-align:center;margin-top:150px;padding:0 50px 0 50px;font-size:10pt;} #ballade img{float:right;margin:3px 15px 0px 0px;} #roulez{background:url(../images/home/roulez.jpg) no-repeat;width:673px;height:140px;clear:both;} #roulez p{padding:42px 0px 0px 156px;margin:0px;} #roulez strong{color:#d80000;} #roulez img{float:right;margin-right:15px;} #rentree-blog{background:url(../images/home/rentree-blog.gif) no-repeat scroll -4px 0;width:702px;height:118px;clear:both;} #rentree-blog a{font-size:1.3em;margin:0;padding:27px 33px 0 176px;color:#09a3fb;font-weight:bold;display:block;text-decoration:none;} /* Page Ballades en balade */ div#mainColumn h1#comptines{color:#FFFFFF;font-size:2em;background:url(../images/comptines.gif) top left no-repeat;padding:7px 0px 0px 60px;height:32px; } div#mainColumn h1#comptines2{color:#FFFFFF;font-size:2em;background:url(../images/comptines.gif) top left no-repeat;padding:7px 0px 0px 60px;height:32px; margin-bottom:7px;} #comptinesfond2{background:url(../images/comptines_fond2.gif) top left no-repeat;height:248px;} #comptinesfond{background:url(../images/comptines_fond.gif) top left no-repeat;height:311px;} #solution_jeux { margin:50px 0px 50px 0px; padding-left:250px;} #btn_solut { background-color:#DFFBD8; border:1px solid #F2D3E8; color:#757575; padding:5px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; text-decoration:none;} #btn_solut:hover { text-decoration:none;} .credit { margin: 20px 0px 20px; color:#757575; } #titre_jeu { color:#D7469C; font-size:1.4em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } #titre_comptine { color:#5AA635; font-size:1.4em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } #composer{font-size:1.2em;} #composer strong{color:#D7469C;} /* .jeux{ background: url(../images/home/jeux.png) top left no-repeat; height:186px; width:690px; margin-left:-3px; } .jeux p { margin:0px; padding:143px 0px 0px 235px; width:390px; float:left; } .jeux img{ float:right; margin-right:18px; margin-top:144px; } */ .jeux-gagnant{ background: url(../images/home/jeu-gagnant.png) top left no-repeat; height:433px; width:690px; margin-left:-3px; } .jeux-gagnant h2{ position:relative; top:49px; left:116px; float:left; margin:0px; padding:0px; text-indent:-9000em; } .jeux-gagnant h2 a{ display:block; margin:0px; padding:0px; height:38px; width:100px; float:left; } .jeux-gagnant p { margin:0px; padding:77px 0px 0px 100px; width:554px; float:left; color:#6ea8c5; font-size:1.1em; font-weight:bold; } .jeux-gagnant p strong { color:#f2a630; } .jeux-gagnant p.italic { font-weight:normal; color:#AAAAAA; font-size:1em; font-style:italic; padding:21px 0px 0px 17px; text-align:justify; width:649px; } .jeux-gagnant .astuce{ color:#F2A630; font-size:1.1em; font-weight:bold; padding:24px 0px 0px 203px; width:421px; } .jeux-gagnant img{ float:right; margin-right:30px; margin-top:16px; } .extrait{ color:#551A8B; float:left; margin-left:23px; margin-top:19px; text-align:right; } .extrait2{ color:#551A8B; float:left; margin-left:88px; margin-top:0px; text-align:right; position:absolute; } .extrait3{ color:#551A8B; float:left; margin-left:141px; margin-top:0px; text-align:right; position:absolute; } #alcool{width:413px;float:left;} #alcool p{line-height:2em;} #col-droite{float:right; width:264px;} .temoignages{margin-left:-27px; width:268px;} .chiffre img{padding-right:15px;} .chiffre ul{} .chiffre ul li{background:url(../images/16-99/puce-losange.gif) no-repeat left 5px; padding-left:15px;line-height:1.4em;} .effets-alcool{width:258px;float:left;margin-right:10px;} .contenu-mieux{} .contenu-mieux img{float:left;margin-right:10px;} .contenu-expert img{margin-left:41px;} .contenu-expert ul{color:#fb8300;margin:0px 0px 0px 0px ; padding:10px 0px 10px 0px ;} .contenu-mieux ul{} .solutions{} .texte-centre{text-align:left;} .texte-ado{float:left;width:421px;} div#mainColumn .lien-video {clear:both;margin:10px 0px;padding:0px;text-align:right;} .liste-saviez-vous{width:450px;} .liste-saviez-vous li{background:transparent url(../images/0-6/puce-chiffre-cle.jpg) no-repeat scroll 0 0;padding-left:16px;margin-bottom:8px;} .age-pied {float:left;width:442px;} .age-pied strong{color:#00b8da;} .age-pied .gras{font-weight:bold;}{} .age-pied ul li {background:transparent url(../images/0-6/puce-chiffre-cle.jpg) no-repeat scroll 0 0;padding-left:16px;margin-bottom:2px;} #col-droite-6-9{float:right;width:243px;} .chemin-ecole{clear:left;float:left;width:453px;} .chemin-ecole strong{color:#00b8da;padding-left:3px;} .chemin-ecole ul{margin-left:15px;} .chemin-ecole ul li{list-style-type:disc;margin-bottom:2px;} .traverser-rue {float:left;width:442px;} .traverser-rue ul li{list-style-type:disc;} .pedibus {float:left;width:442px;} /******************* HP MORTEL *** #mortel{background:url(../images/home/mortel.png) no-repeat top left;height:300px;width:692px;padding:40px 0 0 22px;} #mortel p{margin:0;width:461px;text-indent:32px;} #mortel p a{color:#d18d90;text-decoration:none;}******************/ /***************HP Reflexe ******** #reflexe-bloc{background:transparent url(../images/home/reflexe-bloc.jpg) no-repeat scroll left top;color:#FFFFFF;font-size:1.1em;height:162px;padding:42px 0 0 207px;width:500px;} #reflexe-bloc p{width:455px;} #reflexe-bloc p a{color:#0091df;text-decoration:none;} #reflexe-bloc p a:hover{text-decoration:underline;} .Style1 {font-size: 12px} .Style2 {color: #615f5f} p.p_coktail{float:left;padding:12px 0 27px 14px;} div#mainColumn h2.h2_coktail{margin-top:25px;color:#D90460;} div#mainColumn h2.h2_argu{margin-top:25px;color:#FC8301;}*****************/ /***************HP Fevrier 09 ******* #fevrier-09-bloc{background: url(../images/home/bloc1.png) no-repeat left top;color:#3a3b39;font-size:1.1em;height:313px;padding:11px 0 0 13px;width:679px;} #fevrier-09-bloc h3{color:#177BB4;font-size:1.4em;margin-bottom:27px;} #fevrier-09-bloc p{width:461px;font-size:0.9em;color:#3a3b39;margin-bottom:12px;} #fevrier-09-bloc a{color:#0c68a5;margin-top:10px;font-size:0.9em;} #fevrier-09-bloc strong{color:#000000;font-weight:normal;} #fevrier-09-bloc .grisclair{color:#615f5f;} .constituez{background:url(../images/home/bloc2.png) top left no-repeat ;height:176px;width:427px;float:right;}******************/ /***************HP mars 09 ********* .top-encadre .titre{color:#FF6600;font-size:1.3em;padding-bottom:9px;} .encadre p{margin-bottom:5px;} .encadre a{margin:5px 0 0 0;color:#FF6600;text-decoration:none;} .encadre a:hover{text-decoration:underline;} #home-charte-cyclo{background:url(../images/home/retour2.jpg) no-repeat top left;height:160px; width:695px;float:left;margin:0 0 20px 6px;} #home-charte-cyclo p{display:block;padding:11px 16px 0 154px;text-decoration:none;} #home-charte-cyclo h5{font-size:1.5em; color:#54bccb;margin-bottom:16px;padding:11px 16px 0 154px} #home-charte-cyclo a{color:#54bccb;display:block;padding:11px 0px 0 0px;text-decoration:none;} #home-charte-cyclo a:hover{text-decoration:underline;} #binge_drinking{width:425px;float:left;margin:0px 0 38px 6px;} #binge_drinking .top-encadre {margin:0} #binge_drinking .img-book {background:url(../images/home/super_biture.jpg) no-repeat top right;margin:-44px 0 30px;height:225px} #binge_drinking p{display:block;padding:57px 130px 0 10px;text-decoration:none;} #binge_drinking h5{font-size:1.5em; color:#54bccb;margin-bottom:2px;padding:11px 16px 11px 20px} #binge_drinking a{color:#54bccb;display:block;padding:11px 0px 0 0px;text-decoration:none;float:right;} #binge_drinking a:hover{text-decoration:underline;} .bouqin {float:right;} .fatalite h4{padding:7px} .campagne a{text-decoration:none;} .campagne a strong{} .campagne a:hover{text-decoration:underline;} #home-bloc3 h5 {color:#FF6600;font-size:1.5em;} #bloc-home-125 {margin:30px 0 0 0;} #bloc-home-125 a {color:#FF6600;margin:0 0 0 20px; float:right; text-decoration:none} #bloc-home-125 a:hover {text-decoration:underline}****************/ /***********HP juin 09***********/ /*body.home-bg{background:#68858B url(../images/home/background2.jpg) no-repeat top center;overflow-x:hidden !important; }*/ /*.home-bg #header{ background:url(../images/header-2009v2.jpg) no-repeat top left;}*/ .home-bg #menu {background:transparent url(../images/menu-2009v2.png) no-repeat scroll left top;} * html .home-bg #menu {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/menu-2009v2.png", sizingMethod="crop");} .home-bg #footer {background:transparent url(../images/footer-2009.gif) no-repeat scroll left top;} .home-bg #container{position:relative;background:transparent url(../images/container_bg-2009.gif) repeat-y scroll left center;} .anim-flash{height:100%;left:-304px;margin:0 auto;overflow:hidden;position:absolute;text-align:center;top:0;width:1558px;z-index:9999;} .fond-flash{background:transparent url(../images/ETE2009/bg-trans.png) repeat scroll left top;height:98%;left:6px;margin:0 auto;position:absolute;top:14px;width:925px;z-index:9999;} .anim-flash{height:100%;left:-304px;margin:0 auto;overflow:hidden;position:absolute;text-align:center;top:0;width:1558px;z-index:9999;} * html .fond-flash{width:930px;height:990px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/ETE2009/bg-trans.png", sizingMethod="scale");} *+html .fond-flash{width:930px;height:990px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/ETE2009/bg-trans.png", sizingMethod="scale");} .rentree_des_classes{position:relative;left:-16px;background:url(../images/home/2009-summerv3.jpg) left top no-repeat;width:728px;height:587px;} a.lireSuite{float:right;color:#009CCC;text-decoration:none;} a.lireSuite:hover{text-decoration:underline;} .rentree_des_classes h4{color:#009ccc; font-size:1.25em;} .rentree_des_classes h3{display:none;} .rentree_des_classes .bloc span.rose{color:#d7479b;} .rentree_des_classes .bloc{position:absolute;} .rentree_des_classes .bloc p{color:#323232;font-size:1.1em;} .rentree_des_classes .bloc1{left:182px;top:112px; height:42px;width:530px;} .rentree_des_classes .bloc2{left:498px;top:145px;} .rentree_des_classes .bloc3{left:195px;top:249px; height:45px;} .rentree_des_classes .bloc4{left:482px;top:273px;} .rentree_des_classes .bloc5{top:500px;left:45px;} .rentree_des_classes .bloc6{left:275px;top:408px;} .rentree_des_classes .bloc6 .portrait{background:url(../images/home/video_paul_barre.jpg); background-repeat:no-repeat; width:192px; height:144px;} .rentree_des_classes .bloc7{left:580px;top:371px;} .rentree_des_classes .bloc7 .chiffre{background:url(../images/home/829.png); background-repeat:no-repeat; width:134px; height:97px;} .rentree_des_classes .bloc1 p{width:530px;color:#6a6768; height:44px;} .rentree_des_classes .bloc2 p{width:215px;color:#6a6768;} .rentree_des_classes .bloc3 p{width:245px;color:#6a6768;} .rentree_des_classes .bloc4 p{width:235px; text-align:center;color:#6a6768;} .rentree_des_classes .bloc5 p{width:193px;color:#6a6768; height:50px;} .rentree_des_classes .bloc6 p{width:144px;color:#6a6768; height:22px;} .rentree_des_classes .bloc7 p{width:145px;color:#6a6768; text-align:center;} .rentree_des_classes .bloc7 p.karim{width:145px;color:#191718; text-align:left;} .rentree_des_classes .bloc5 .bloc {float:left;} .rentree_des_classes .bloc .btn a{text-indent:-9999em;display:block;height:27px;width:95px;} .rentree_des_classes .bloc1 .btn1{background:url(../images/home/btn1v2.png) left top no-repeat;height:22px;width:144px; float:left;} .rentree_des_classes .video{ background:url(../images/home/video.png); background-repeat:no-repeat; height:195px;width:137px; margin-left:21px;} .rentree_des_classes .bloc1 .btn12{background:url(../images/home/btn1v12.png) left top no-repeat;height:25px;width:207px; float:left; margin-left:20px;} .rentree_des_classes .bloc2 .btn2{background:url(../images/home/btn2.png) left top no-repeat;height:24px;width:147px;float:right;} .rentree_des_classes .bloc3 .btn3{background:url(../images/home/btn3v2.png) left top no-repeat;height:26px;width:95px; margin-top:3px;} .rentree_des_classes .bloc4 .btn4 a {background:url(../images/home/btn4v2.png) left top no-repeat;height:27px;width:95px;margin:8px 0 0 65px} .rentree_des_classes .bloc5 .btn5{background:url(../images/home/btn5v2.png) left top no-repeat;height:28px;width:99px; margin-left:35px;} .rentree_des_classes .bloc6 .btn6{background:url(../images/home/btn1v2.png) left top no-repeat;height:27px;width:207px; margin-left:25px;} .rentree_des_classes .bloc7 .btn7{height:27px;margin-left:-42px;margin-top:138px;width:207px;} /********************************** Départ en Vacances été 2009 *************************** .depart_vacances h3{display:none;} .depart_vacances .bloc span.rose{color:#d7479b;} .depart_vacances .bloc{position:absolute;} .depart_vacances .bloc p{color:#323232;font-size:1.1em;} .depart_vacances .bloc1{left:114px;top:191px;} .depart_vacances .bloc2{left:498px;top:145px;} .depart_vacances .bloc3{left:175px;top:269px;} .depart_vacances .bloc4{left:529px;top:280px;} .depart_vacances .bloc5{top:387px;left:180px;} .depart_vacances .bloc6{left:529px;top:395px;} .depart_vacances .bloc1 p{width:242px} .depart_vacances .bloc2 p{width:215px} .depart_vacances .bloc3 p{width:185px} .depart_vacances .bloc4 p{width:187px} .depart_vacances .bloc5 p{width:173px} .depart_vacances .bloc6 p{width:181px} .depart_vacances .bloc .btn a{text-indent:-9999em;display:block;height:27px;width:96px;} .depart_vacances .bloc1 .btn1{background:url(../images/home/btn1.png) left top no-repeat;height:27px;width:96px;float:right;} .depart_vacances .bloc2 .btn2{background:url(../images/home/btn2.png) left top no-repeat;height:24px;width:147px;float:right;} .depart_vacances .bloc3 .btn3{background:url(../images/home/btn3.png) left top no-repeat;height:28px;width:100px;float:right;} .depart_vacances .bloc4 .btn4{background:url(../images/home/btn4.png) left top no-repeat;height:30px;width:101px;float:right;} .depart_vacances .bloc5 .btn5{background:url(../images/home/btn5.png) left top no-repeat;height:28px;width:99px;float:right;} .depart_vacances .bloc6 .btn6{background:url(../images/home/btn6.png) left top no-repeat;height:30px;width:101px;float:right;}*/ .monQuizz1{} .monQuizz1 h1{display:block;background:url(../images/ETE2009/quizz2.png) left top no-repeat;width:703px;height:87px;text-indent:-9999em;} .reponses h1{background:url(../images/ETE2009/quizz3.png) left top no-repeat !important;} .monQuizz1 fieldset, .pageAires fieldset {border:0 none;} .monQuizz1 .QRQuizz{color:#3091a8;margin:0 0 15px 0;padding:3px 0 0 33px;} .monQuizz1 .QRQuizz1{background:url(../images/ETE2009/puce1.png) left top no-repeat;} .monQuizz1 .QRQuizz2{background:url(../images/ETE2009/puce2.png) left top no-repeat;} .monQuizz1 .QRQuizz3{background:url(../images/ETE2009/puce3.png) left top no-repeat;} .monQuizz1 .QRQuizz4{background:url(../images/ETE2009/puce4.png) left top no-repeat;} .monQuizz1 .QRQuizz5{background:url(../images/ETE2009/puce5.png) left top no-repeat;} .monQuizz1 .QRQuizz .QReponse{color:#666364;} .monQuizz1 fieldset .QRQuizz label{display:block;height:25px;} .monQuizz1 fieldset .QRQuizz ul{margin:0 0 0 7px} .monQuizz1 fieldset .QRQuizz ul li{color:#666364;} .monQuizz1 fieldset .QRQuizz ul li input{margin: 0 5px 0 0} .monQuizz1 fieldset .btnQuizz{cursor:pointer;border:0 none;background:url(../images/ETE2009/valider.png) left top no-repeat;width:720px;height:32px;display:block;text-indent:-9999em;} .monQuizz1 .btnQuizzReplay{cursor:pointer;border:0 none;background:url(../images/ETE2009/rejouer.png) left top no-repeat;width:720px;height:32px;display:block;text-indent:-9999em;margin-top:20px;} .monQuizz1 .btnQuizzParticiper{cursor:pointer;border:0 none;background:url(../images/ETE2009/participer.jpg) left top no-repeat;width:720px;height:32px;display:block;text-indent:-9999em;margin-top:20px;} .monQuizz1 .btnQuizzValReg{cursor:pointer;border:0 none;background:url(../images/ETE2009/reglement_valider.png) left top no-repeat;width:720px;height:34px;display:block;text-indent:-9999em;} .monQuizz1 .reglement{display:block;left:199px;padding:10px;position:relative;text-indent:-9999em;top:34px;width:131px;} /***********HACK IE6*********************************************************/ * html .depart_vacances{left:15px;} * html .depart_vacances .bloc .btn{position:absolute;right:0px;bottom:-15px;} * html .depart_vacances .bloc1 .btn{position:absolute;bottom:-10px;} * html .depart_vacances .bloc2 .btn{position:absolute;bottom:-15px;} * html .depart_vacances .bloc3 .btn{position:absolute;bottom:-10px;} * html .depart_vacances .bloc4 .btn{position:absolute;bottom:-15px;} * html .depart_vacances .bloc5 .btn{position:absolute;bottom:-15px;} * html .depart_vacances .bloc6 .btn{position:absolute;bottom:-25px;} * html .depart_vacances .bloc1 .btn1{float:none;} * html .depart_vacances .bloc2 .btn2{float:none;} * html .depart_vacances .bloc3 .btn3{float:none;} * html .depart_vacances .bloc4 .btn4{float:none;} * html .depart_vacances .bloc5 .btn5{float:none;} * html .depart_vacances .bloc6 .btn6{float:none;} /***************************************************************************/ /***********HACK IE6*********************************************************/ *+html .depart_vacances .bloc .btn{position:absolute;right:0px;bottom:-15px;} *+html .depart_vacances .bloc1 .btn{position:absolute;bottom:-10px;} *+html .depart_vacances .bloc2 .btn{position:absolute;bottom:-15px;} *+html .depart_vacances .bloc3 .btn{position:absolute;bottom:-10px;} *+html .depart_vacances .bloc4 .btn{position:absolute;bottom:-15px;} *+html .depart_vacances .bloc5 .btn{position:absolute;bottom:-15px;} *+html .depart_vacances .bloc6 .btn{position:absolute;bottom:-25px;} *+html .depart_vacances .bloc1 .btn1{float:none;} *+html .depart_vacances .bloc2 .btn2{float:none;} *+html .depart_vacances .bloc3 .btn3{float:none;} *+html .depart_vacances .bloc4 .btn4{float:none;} *+html .depart_vacances .bloc5 .btn5{float:none;} *+html .depart_vacances .bloc6 .btn6{float:none;} /***************************************************************************/ .message_rejouer {margin:20px 0px 0px 100px; font-weight:bold;} .inscription-form input.ok-login2{background:#3898af;border:1px solid #999999;clear:both;margin-top:7px;padding:0 5px;color:#FFFFFF;} .monQuizz1 #formQuizzInsc .formulaire label {float:left; text-align:right; color:#3898af; font-weight:bold; width:250px; margin:0 10px 15px 0} .monQuizz1 #formQuizzInsc .formulaire, .monQuizz1 #formQuizzInsc .formulaire2 {margin-top:1em; font-size:1em; clear:both} .monQuizz1 #formQuizzInsc .formulaire input[type=radio] {border:none;margin:0 4px 0 10px;} .monQuizz1 #formQuizzInsc .formulaire select {margin:0} .monQuizz1 #formQuizzInsc .formulaire2 {margin-bottom:2em} .pageAires h1 {display:block;background:url(../images/ETE2009/bandeau_aires.jpg) left top no-repeat;width:703px;height:89px;text-indent:-9999em;} div#mainColumn .reglement h1.titre {border-bottom:none; display:block;background:url(../images/ETE2009/bandeau_reglement.jpg) left top no-repeat;width:703px;height:86px;text-indent:-9999em;} div#mainColumn .reglement h1.t1 {border-bottom:1px solid #78B231; color:#3898af; font-size:1.6em; margin:30px 0 15px;} div#mainColumn .reglement h3{ font-size:1.2em; margin:15px 0px 2px 0px; color:#3898af; } div#mainColumn .reglement p {margin:0px 0 10px 0;} div#mainColumn .reglement ul {margin-bottom:15px} div#mainColumn .reglement ul li {margin-left:35px;list-style-type:square;} div .gmnoprint div.descriptif h3 {color:#000000; font-size:12px; font-weight:bold;} div .gmnoprint div.descriptif h4 {color:#000000; font-size:12px; font-style:italic; font-weight:normal;} div .gmnoprint div.descriptif p {color:#e16857; font-size:12px; font-weight:bold;} div .gmnoprint div.descriptif img {margin-top:4px} div .gmnoprint div.descriptif div {margin-top:10px;color:#000000; font-size:11px; font-weight:normal;text-align:left;} div .gmnoprint div.descriptif a {font-size:11px; font-weight:bold; color:#0F86BE; text-decoration:underline;} div .gmnoprint div.descriptif p.itineraire {margin:20px 0 0 0;} div .gmnoprint div.descriptif p.itineraire a{text-decoration:none;} /*********GoogleMaps & page Aires**********************************************/ #googlemap { width:700px; height:400px; } div#mainColumn .pageAires h2 {color:#F49F6E; margin:10px 0 ; padding:0} div#mainColumn .pageAires .formulaire label {float:left; text-align:right; color:#3898af; font-weight:bold; width:100px; margin:0 10px 15px 0} div#mainColumn .pageAires .formulaire {margin-top:1em; font-size:1em; clear:both} div#mainColumn .pageAires #formAires fieldset {margin-bottom:2em} div#mainColumn .pageAires .formulaire-btn {text-align:center;margin-bottom:30px;} div#mainColumn .pageAires .formulaire-btn input {background:url(../images/ETE2009/bouton_afficher.png) top center no-repeat;width:187px;height:45px;border:none;cursor:pointer;} /***********HP Octobre 09***********/ body.home-bg{background:#000 url(../images/home/bg_visibilite.jpg) center top no-repeat;overflow-x:hidden !important; } .home-bg #header{ background:url(../images/header-2009v3.jpg) no-repeat top left;} .visibilite{position:relative;left:-33px;top:-20px;background:url(../images/home/visibilite.jpg) left top no-repeat;width:745px;height:668px;} .visibilite .bloc{position:absolute;font-size:1em;color:#040605;} .visibilite .bloc strong{color:#000000;font-weight:bold;font-size:1.1em;} .visibilite .bloc a{color:#f0ab00;text-decoration:none;} .visibilite .bloc a:hover{text-decoration:underline;} .visibilite .bloc1{top:114px;left:284px;width:440px;} .visibilite .bloc1 strong{color:#4978a4;font-size:1.15em;} .visibilite .bloc2{top:260px;left:284px;width:175px;} .visibilite .bloc3{top:343px;left:502px;width:230px;} .visibilite .bloc4{top:520px;left:284px;width:160px;} .visibilite .bloc5{top:520px;left:502px;width:215px;} .visibilite .bloc1 .b1btn1{float:left;text-indent:-9999em;display:block;background:url(../images/home/bloc1btn1.jpg) left top no-repeat;width:122px;height:25px;margin:5px 10px 0 0} .visibilite .bloc1 .b1btn2{float:left;text-indent:-9999em;display:block;background:url(../images/home/bloc1btn2.jpg) left top no-repeat;width:207px;height:25px;margin:5px 0 0 0} .visibilite .bloc2 .b2btn{text-indent:-9999em;display:block;background:url(../images/home/bloc2btn.jpg) left top no-repeat;width:122px;height:25px;margin:5px 0 0 0} .visibilite .bloc4 .b4btn{text-indent:-9999em;display:block;background:url(../images/home/bloc4btn.jpg) left top no-repeat;width:106px;height:23px;margin:5px 0 0 0} .visibilite .bloc5 .b5btn{text-indent:-9999em;display:block;background:url(../images/home/bloc5btn.jpg) left top no-repeat;width:;height:25px;margin:5px 0 0 0} .b1btn1{float:left;text-indent:-9999em;display:block;background:url(../images/home/bloc1btn1.jpg) left top no-repeat;width:122px;height:25px;margin:5px 10px 0 0} .b1btn2{float:left;text-indent:-9999em;display:block;background:url(../images/home/bloc1btn2.jpg) left top no-repeat;width:207px;height:25px;margin:5px 0 0 0} * html #container{width:980px; }