#main{margin:0;padding:0;background:#003d8d url('../img/background.jpg') no-repeat scroll 50% 114px;} #header {background:url('../img/header/header.jpg');height:260} #header . {background:url('../img/header/header.jpg');height:260} #header a.deconnect { position:absolute; top:0; right:30px; text-align:-5000px; font-size:0; line-height:0; overflow:hidden} #header .identification a.ident { display:block; background:url('../img/header/bt-identifier.png') ; width:114px; height:52px} #header .identification a.ident:hover { background-position:0 -52px} #header .identification a.insc { display:block; background:url('../img/header/bt-inscrire.png') ; width:102px; height:52px} #header .identification a.insc:hover { background-position:0 -52px} #header .identification a.modif { display:block; background:url('../img/header/bt-modifier.png') ; width:102px; height:52px} #header .identification a.modif:hover { background-position:0 -52px} #header .identification a.profil { display:block; background:url('../img/header/profil.png') ; width:216px; height:52px} #header .identification a.profil:hover { background-position:0 -52px} /*::::::::::::::::::::*/ /* COLONNE DE GAUCHE */ /*::::::::::::::::::::*/ #newgeneration #content #colLeft a.promo { margin-top:50px; display:block} #newgeneration #content #colLeft ol.nav { margin-left:40px; /*text-transform:uppercase;*/ font-family:Arial, Helvetica, sans-serif;} #newgeneration #content #colLeft ol.nav li { background:url('../img/colLeft/dotted.gif') 0 bottom no-repeat ; } /*#newgeneration #content #colLeft ol.nav li a {text-decoration:none;color:#474747;} #newgeneration #content #colLeft ol.nav li a.menu { display:block; color:#474747; font-size:11px; font-weight:bold; line-height:28px; padding-left:8px;} #newgeneration #content #colLeft ol.nav li a.menu_hover { background:url('../img/colLeft/hover-firstline.gif') no-repeat; color:#fff} #newgeneration #content #colLeft ol.nav li a.actif {display:block; font-size:11px; font-weight:bold; line-height:28px; padding-left:8px; background:url('../img/colLeft/hover-firstline.gif') no-repeat; color:#fff} #newgeneration #content #colLeft ol.nav li ol.subMenu { padding-bottom:10px} #newgeneration #content #colLeft ol.nav li ol.subMenu li { margin:2px 0 2px 10px; background:url('../img/colLeft/puce.gif') 0 4px no-repeat; padding-left:10px;} #newgeneration #content #colLeft ol.nav li ol.subMenu li a { color:#249fe2; font-size:10px; } #newgeneration #content #colLeft ol.nav li ol.subMenu li a.hover { color:#474747;} #newgeneration #content #colLeft ol.nav li ol.subMenu li.noBg {background:none;}*/ #newgeneration #content #colLeft ol.nav{ float:left; margin:0 0 40px 40px; font-family:Arial,Helvetica,sans-serif; } #newgeneration #content #colLeft ol.nav li{ width:100%; float:left; padding-bottom:5px; background:url('../img/colLeft/dotted.gif') 0 bottom no-repeat; } #newgeneration #content #colLeft ol.nav li a.menu{ width:194px; display:block; padding:8px 0 6px 8px; font-size:11px; font-weight:bold; text-transform:uppercase; color:#474747; text-decoration:none; } #newgeneration #content #colLeft ol.nav li a.menu_hover{ background:#2895d3 url('../img/colLeft/hover-firstline.gif') no-repeat; color:#fff; } #newgeneration #content #colLeft ol.nav li a.actif{ background:url('../img/colLeft/hover-firstline.gif') no-repeat; color:#fff; } #newgeneration #content #colLeft ol.nav li ol.subMenu{ float:left; } #newgeneration #content #colLeft ol.nav li ol.subMenu li { background:none; } #newgeneration #content #colLeft ol.nav li ol.subMenu li a { display:block; font-size:11px; font-weight:bold; padding:8px 0 6px 8px; color:#2895d3; width:200px; margin-top:4px; text-decoration:none; } #newgeneration #content #colLeft ol.nav li ol.subMenu li a.hover { background:url('../img/colLeft/hover-s-firstline.gif') no-repeat; color:#fff; } #newgeneration #content #colLeft ol.nav li ol.subMenu li ol li{ padding-left:10px; margin:0; } #newgeneration #content #colLeft ol.nav li ol.subMenu li ol li a{ background:url('../img/colLeft/puce.gif') left center no-repeat; padding:0 0 0 10px; color:#000; } #newgeneration #content #colLeft ol.nav li ol.subMenu li ol li a:hover{ background:url('../img/colLeft/puce.gif') left center no-repeat; padding-left:10px; color:#9a9899; } /*::::::::::::::::::::*/ /* MILIEU */ /*::::::::::::::::::::*/ /*/////// rub introduction */ #introduction .blocsInfo { width:474px; position:relative; } #introduction .blocsInfo .intro {position:relative; width:474px;} #introduction .blocsInfo .intro .perso { position:absolute; bottom:0; left:0 } #introduction .blocsInfo .intro .top {background:url('../img/middle/introduction/intro-top.gif') no-repeat ; width:474px; height:18px} #introduction .blocsInfo .intro .middle {background:url('../img/middle/introduction/intro-middle.gif') repeat-y; font-size:16px ; color:#009acf ; padding:15px 15px 20px 130px} #introduction .blocsInfo .intro .bottom {background:url('../img/middle/introduction/intro-bottom.gif') ; height:54px; font-size:0} #introduction .blocsInfo .inscris {position:relative; width:376px; margin-left:20px ; margin-top:-50px} #introduction .blocsInfo .inscris .perso { position:absolute; right:-100px; bottom:0 } #introduction .blocsInfo .inscris .top {background:url('../img/middle/introduction/inscription-top.gif') no-repeat ; width:376px; height:11px; font-size:0} #introduction .blocsInfo .inscris .middle {background:url('../img/middle/introduction/inscription-middle.gif') repeat-y; font-size:12px ; line-height:18px; color:#fff; padding:10px 75px 10px 20px} #introduction .blocsInfo .inscris .bottom {background:url('../img/middle/introduction/inscription-bottom.gif') 0 0 no-repeat ; height:110px;} #introduction .blocsInfo .inscris .bottom a { float:right; margin-right:60px;} /*/////// rub profils du personnage */ #profils .popularity {position:absolute; right:10px ; top:80px; background:url('../img/middle/profils/popularity/background.png') no-repeat ; width:287px; height:93px; padding:5px 5px 0 10px} #profils .popularity .friends {color:#1c9ad4; font-size:11px;float:right; margin:8px 35px 0 0 } #profils .popularity .stars { clear:both; width:245px; padding-top:10px; } #profils ul.onglet {margin-left:50px ;height:49px; padding-top:20px; background:url('../img/middle/profils/top.gif') 0 bottom no-repeat; width:417px; } #profils ul.onglet li {float:left;height:38px; } /* #profils ul.onglet .active { border:1px solid red; background-position: 0 -100px}*/ #profils .cadre { width:417px ; margin-left:50px} #profils .cadre .fiche .direct { float:right; margin:0 20px 0 0 ;} #profils .cadre .fiche { background:#207fe8;} #profils .cadre .fiche h2 { font-size:0; line-height:0; overflow:hidden; text-indent:-5000px} #profils .cadre .news .bloc { background:url('../img/middle/profils/news/dotted.gif') 50% 5px no-repeat; padding:10px 15px 0 15px; clear:both} #profils .cadre .news .bloc .poster {color:#fff; width:275px; text-align:center; margin-left:110px; padding-top:10px; background:url('../img/middle/profils/news/background-poster.gif') no-repeat #1c70be} #profils .cadre .news .bloc .poster .bottom {background:url('../img/middle/profils/news/background-poster-bottom.gif') no-repeat; height:5px; font-size:0} #profils .cadre .bloc dl.commentaire { background:url('../img/middle/profils/news/bulle-perso-top.gif') no-repeat; width:374px; padding:8px 0 0 0; margin:10px 0 0 10px; } *+html #profils .cadre .bloc dl.commentaire { background-position: 10px 0 ; padding:8px 0 0 10px; } #profils .cadre .bloc dl.commentaire dt img { float:left; padding:10px 10px 0 0;} *+html #profils .cadre .bloc dl.commentaire dt img { padding:10px 10px 0 0;} #profils .cadre .bloc dl.commentaire dt span { margin-left:10px; font-size:12px;} #profils .cadre .bloc dl.commentaire dt { color:#fff; font-size:11px; font-weight:bold; /*margin-left:50px;*/ } #profils .cadre .bloc dl.commentaire dd { color:#000; line-height:20px; font-size:12px; /*padding-top:15px; padding-bottom:40px;*/ padding-left:110px; margin-top:18px; margin-bottom:10px; background:url('../img/middle/profils/news/bulle-perso-middle.gif') 0 32px no-repeat ; } #profils .cadre .bloc dl.commentaire dd span { display:block; background:url('../img/middle/profils/news/bulle-perso-bottom.gif'); width:276px ; margin-left:-12px; margin-top:2px; height:16px} #profils .cadre .bloc dl.commentaireAutre { background:url('../img/middle/profils/news/background-avis.gif') no-repeat; width:275px; padding:8px 0 0 0; margin:10px 0 0 110px} #profils .cadre .bloc dl.commentaireAutre dt img { float:left; margin:0 10px 0 10px} #profils .cadre .bloc dl.commentaireAutre dt { color:#fff; font-size:11px; font-weight:bold; } #profils .cadre .bloc dl.commentaireAutre dd { color:#0047a0; font-size:11px; margin-bottom:5px ; background:url('../img/middle/profils/news/background-avis-bottom.gif') 0 bottom no-repeat #3b8feb ; padding:0 10px 10px 52px;} #profils .cadre .bloc .infos { height:25px; margin:15px 5px 5px 110px} #profils .cadre .bloc .infos span { float:left; color:#fff; font-size:11px;} #profils .cadre .bloc .infos a { float:right; color:#fff; font-size:11px; background:url('../img/middle/profils/news/arrow.gif') 0 center no-repeat ; padding-left:15px ;text-decoration:none} #profils .cadre .bloc .infos a:hover { text-decoration:underline} #profils .cadre .bloc .redigerCommentaire { position:relative; margin-left:110px; width:275px; background:url('../img/middle/profils/news/background-rediger-commentaire.gif') no-repeat ;} #profils .cadre .bloc .redigerCommentaire .top { background:url(../img/middle/profils/background-top-commentaire.gif) no-repeat; height:10px ; font-size:0} #profils .cadre .bloc .redigerCommentaire .middle { background:#3b8feb} #profils .cadre .bloc .redigerCommentaire .bottom { background:url('../img/middle/profils/news/background-bottom-commentaire.gif') no-repeat; height:10px; font-size:0} #profils .cadre .bloc .redigerCommentaire input.champ { /*position:absolute; top:12px; left:10px;*/ border:1px solid #226dbe; width:210px; height:17px ; vertical-align:middle; color:#9a9a9a ; padding:3px 2px 0 2px; margin-left:10px; } #profils .cadre .bloc .redigerCommentaire .saisie { font-size:11px ; /*position:absolute; top:12px;left:10px;*/ margin-left:10px ; border:1px solid #226dbe; width:210px; height:50px ; color:#9a9a9a ; padding:3px 2px 0 2px; vertical-align:top; } #profils .cadre .bloc .redigerCommentaire input.ok { position:absolute; right:8px; bottom:8px; } /*presentation*/ #profils .cadre .presentation {position:relative; } #profils .cadre .presentation .bloc { padding:10px 15px 0 20px; clear:both ;} #profils .cadre .presentation .visuel {margin:0px 0 0 -55px; } #profils .cadre .presentation dl { width:417px; font-size:11px ; clear:left ; padding:5px 0 ; min-height:30px; } #profils .cadre .presentation dl.coul { background:#3088e8;} #profils .cadre .presentation dl dt { float:left ; margin-left:20px; } #profils .cadre .presentation dl dt img { margin-top:11px;} #profils .cadre .presentation dl dd { margin:12px 10px 10px 200px; color:#b1d5ff;} *+html #profils .cadre .presentation dl dd { margin:16px 10px 10px 200px; } #profils .cadre .presentation dl dd a { color:#fff ; text-decoration:underline} #profils .cadre .presentation dl dd a:hover { text-decoration:none } /* #profils .cadre .presentation .infos { height:25px; margin:0 5px 0 110px}*/ #profils .cadre .presentation .bloc { width:377px; } #profils .cadre .presentation .bloc .top { background:url('../img/middle/profils/presentation/presentation-top.gif') no-repeat ; height:19px; } #profils .cadre .presentation .bloc .middle { background:url('../img/middle/profils/presentation/presentation-middle.gif') 0 0 ; color:#1a4a79; line-height:18px; padding:0 10px 10px 10px;} #profils .cadre .presentation .bloc .bottom { background:url('../img/middle/profils/presentation/presentation-bottom.gif') no-repeat ; height:8px;} #profils .cadre .bottom {background:url('../img/middle/profils/news/bottom-news.gif') 0 top ; height:58px; text-align:center;} #profils .cadre .bottom2 {background:url('../img/middle/profils/presentation/bottom-presentation.gif') 0 top no-repeat #fff ; height:45px; text-align:center;} #profils .cadre .bottom2 img {margin-top:20px} #profils .cadre .bottom div#numPage { position:relative; color:#fff; clear:both; padding-top:15px;} *+html #profils .cadre .bottom div#numPage { position:absolute; width:420px; left:50px} #profils .cadre .bottom div#numPage .num {float:left; position:relative; left:50%;text-align:left;margin-bottom:2em;} #profils .cadre .bottom div#numPage .num ul { list-style:none; position:relative; left:-40%; margin:0; padding:0; } #profils .cadre .bottom div#numPage .num ul li {float:left; margin:0; } #profils .cadre .bottom div#numPage .num ul li a { float:left; position:relative; left:0px; top:0; font-size:12px; color:#fff; text-decoration:none; margin:0 2px; padding:6px 8px 6px 8px;font-weight:bold;} #profils .cadre .bottom div#numPage .num ul li a:hover, #profils .cadre .bottom div#numPage .num ul li .select { float:left; position:relative; left:0; top:0; font-size:12px; color:#fff; text-decoration:none; background:/*url('../img/middle/profils/fond-pagination.gif') 0 2px no-repeat*/#3b8feb ; margin:0 2px; padding:6px 8px 6px 8px;font-weight:bold;} #profils .cadre .bottom div#numPage div.next { position:absolute; right:0; top:15px;width:145px ;} #profils .cadre .bottom div#numPage div.next a { background: url('../img/middle/profils/picto-next.gif') right 50% no-repeat; margin-right:20px; padding: 0 15px 0 0 ; float:right; line-height:28px; color:#fff; } #profils .cadre .bottom div#numPage div.prev { position:absolute; left:0; top:15px; width:185px ;} #profils .cadre .bottom div#numPage div.prev a { background:url('../img/middle/profils/picto-prev.gif') 0 50% no-repeat ; margin-left:20px; padding:0 0 0 15px ; float:left; line-height:28px; color:#fff; } #profils .cadre .bottom div#numPage li.next a:hover, #profils .cadre .bottom div#numPage li.prev a:hover { text-decoration:underline; } /*photos*/ #profils .cadre .photos ul.vignette { margin:10px;} #profils .cadre .photos ul.vignette li { float:left; margin:0 12px 10px 14px ; text-align:right} #profils .cadre .photos ul.vignette li a { color:#207fe8 ; text-decoration:none } #profils .cadre .photos ul.vignette li a:hover { color:#fff ; text-decoration:none } #profils .cadre .photos ul.vignette li span { display:block; background:#000; width:101px ; height:74px; padding:2px 2px 0 0 ; margin-bottom:4px} #profils .cadre .photos ul.vignette li span img { border:1px solid white } #profils .cadre .photos .bottom {background:url('../img/middle/profil-internaute/photos/bottom-news.gif') 0 top ; height:58px; text-align:center;} /*/////// rub les nouveaux personnages */ /*#newgeneration #content #middle #newPerso h1 {float:left; text-indent:inherit; display:block; width:auto} */ #newPerso span.btFacebook { display:block; margin:0 auto; text-align:center} #newPerso ul.onglet {margin-left:50px; } #newPerso ul.onglet li {float:left;} #newPerso ul.onglet li a.choixPerso { background:url(../img/middle/personnages/radio-bouton-personnage.gif) no-repeat; padding-left:30px; color:#9a9a9a; font-size:12px; height:25px; display:block;text-decoration:none; margin:20px 10px 10px 10px; line-height:25px; } #newPerso ul.onglet li a.choixPerso:hover { background-position:0 -24px; color:#2895d3;} #newPerso ul.onglet li a.actif { background-position:0 -24px; color:#2895d3;} #newPerso .persoVignette { margin-left:40px} #newPerso .persoVignette h3 { font-size:0; line-height:0; overflow:hidden; text-indent:-5000px} #newPerso .persoVignette ul.personnages li {float:left} /*/////// rub nouvelles parades */ #newParades .desc_dreamparade, #newParades .desc_incroyablerdv, #newParades .desc_screamacademy, #newParades .desc_starsncars, #newParades .desc_trainstars { width:417px; margin:20px 0 0 45px} /* dreamparade */ #newParades .desc_dreamparade .top {background:url('../img/middle/parades/desc_dreamparade/top.gif') no-repeat ; height:12px; font-size:0} #newParades .desc_dreamparade .middle {background:url('../img/middle/parades/desc_dreamparade/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#fba7a1 ; padding:15px 15px 10px 0;float:left; width:402px;} #newParades .desc_dreamparade .middle .visuel {float:left ;} #newParades .desc_dreamparade .middle .visuel div {background:#fff; padding:2px; margin:0 15px 0 25px;} #newParades .desc_dreamparade .middle .visuel a.zoom { background:url('../img/middle/parades/desc_dreamparade/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newParades .desc_dreamparade .middle .visuel a.zoom:hover { color:#fba7a1;} #newParades .desc_dreamparade .middle .txt {margin-left:20px} #newParades .desc_dreamparade .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newParades .desc_dreamparade .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newParades .desc_dreamparade .bottom {background:url('../img/middle/parades/desc_dreamparade/bottom.gif') ; height:10px; font-size:0;width:100%;float:left;} /* desc_incroyablerdv */ #newParades .desc_incroyablerdv .top {background:url('../img/middle/parades/desc_incroyablerdv/top.gif') no-repeat ; height:12px; font-size:0} #newParades .desc_incroyablerdv .middle {background:url('../img/middle/parades/desc_incroyablerdv/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#b8dafb ; padding:15px 15px 10px 0;float:left; width:402px;} #newParades .desc_incroyablerdv .middle .visuel {float:left ;} #newParades .desc_incroyablerdv .middle .visuel div {background:#fff; padding:2px; margin:0 15px 0 25px;} #newParades .desc_incroyablerdv .middle .visuel a.zoom { background:url('../img/middle/parades/desc_incroyablerdv/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newParades .desc_incroyablerdv .middle .visuel a.zoom:hover { color:#b8dafb;} #newParades .desc_incroyablerdv .middle .txt {margin-left:20px} #newParades .desc_incroyablerdv .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newParades .desc_incroyablerdv .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newParades .desc_incroyablerdv .bottom {background:url('../img/middle/parades/desc_incroyablerdv/bottom.gif') ; height:10px; font-size:0;width:100%;float:left;} /* desc_screamacademy */ #newParades .desc_screamacademy .top {background:url('../img/middle/parades/desc_screamacademy/top.gif') no-repeat ; height:12px; font-size:0} #newParades .desc_screamacademy .middle {background:url('../img/middle/parades/desc_screamacademy/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#9bd3d8 ; padding:15px 15px 10px 0;float:left; width:402px;} #newParades .desc_screamacademy .middle .visuel {float:left ;} #newParades .desc_screamacademy .middle .visuel div {background:#fff; padding:2px; margin:0 15px 0 25px;} #newParades .desc_screamacademy .middle .visuel a.zoom { background:url('../img/middle/parades/desc_screamacademy/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newParades .desc_screamacademy .middle .visuel a.zoom:hover { color:#9bd3d8;} #newParades .desc_screamacademy .middle .txt {margin-left:20px} #newParades .desc_screamacademy .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newParades .desc_screamacademy .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newParades .desc_screamacademy .bottom {background:url('../img/middle/parades/desc_screamacademy/bottom.gif') ; height:10px; font-size:0;width:100%;float:left;} /* desc_starsncars */ #newParades .desc_starsncars .top {background:url('../img/middle/parades/desc_starsncars/top.gif') no-repeat ; height:12px; font-size:0} #newParades .desc_starsncars .middle {background:url('../img/middle/parades/desc_starsncars/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#d1ebfb ; padding:15px 15px 10px 0;float:left; width:402px;} #newParades .desc_starsncars .middle .visuel {float:left ;} #newParades .desc_starsncars .middle .visuel div {background:#fff; padding:2px; margin:0 15px 0 25px;} #newParades .desc_starsncars .middle .visuel a.zoom { background:url('../img/middle/parades/desc_starsncars/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newParades .desc_starsncars .middle .visuel a.zoom:hover { color:#d1ebfb;} #newParades .desc_starsncars .middle .txt {margin-left:20px} #newParades .desc_starsncars .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newParades .desc_starsncars .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newParades .desc_starsncars .bottom {background:url('../img/middle/parades/desc_starsncars/bottom.gif') ; height:10px; font-size:0;width:100%;float:left;} /* desc_trainstars */ #newParades .desc_trainstars .top {background:url('../img/middle/parades/desc_trainstars/top.gif') no-repeat ; height:12px; font-size:0} #newParades .desc_trainstars .middle {background:url('../img/middle/parades/desc_trainstars/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#eeba69 ; padding:15px 15px 10px 0;float:left; width:402px;} #newParades .desc_trainstars .middle .visuel {float:left ;} #newParades .desc_trainstars .middle .visuel div {background:#fff; padding:2px; margin:0 15px 0 25px;} #newParades .desc_trainstars .middle .visuel a.zoom { background:url('../img/middle/parades/desc_trainstars/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newParades .desc_trainstars .middle .visuel a.zoom:hover { color:#eeba69;} #newParades .desc_trainstars .middle .txt {margin-left:20px} #newParades .desc_trainstars .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newParades .desc_trainstars .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newParades .desc_trainstars .bottom {background:url('../img/middle/parades/desc_trainstars/bottom.gif') ; height:10px; font-size:0;width:100%;float:left;} /*//// Desc colors */ /*//// blue */ #newParades .desc_blue{ width:417px; margin:20px 0 0 45px} #newParades .desc_blue .top {background:url('../img/middle/parades/desc_color_blue/top.gif') no-repeat ; height:12px; font-size:0} #newParades .desc_blue .middle {background:url('../img/middle/parades/desc_color_blue/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#b8dafb ; padding:15px 15px 10px 0;float:left; width:402px;} #newParades .desc_blue .middle .visuel {float:left ;} #newParades .desc_blue .middle .visuel div {background:#fff; padding:2px; margin:0 15px 0 25px;} #newParades .desc_blue .middle .visuel a.zoom { background:url('../img/middle/parades/desc_color_blue/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newParades .desc_blue .middle .visuel a.zoom:hover { color:#b8dafb;} #newParades .desc_blue .middle .txt {margin-left:20px} #newParades .desc_blue .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newParades .desc_blue .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newParades .desc_blue .bottom {background:url('../img/middle/parades/desc_color_blue/bottom.gif') ; height:12px; font-size:0;width:100%;float:left;} /*//// red */ #newParades .desc_red{ width:417px; margin:20px 0 0 45px} #newParades .desc_red .top {background:url('../img/middle/parades/desc_color_red/top.gif') no-repeat ; height:12px; font-size:0} #newParades .desc_red .middle {background:url('../img/middle/parades/desc_color_red/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#fba7a1 ; padding:15px 15px 10px 0;float:left; width:402px;} #newParades .desc_red .middle .visuel {float:left ;} #newParades .desc_red .middle .visuel div { background:#fff; padding:2px; margin:0 15px 0 25px;} #newParades .desc_red .middle .visuel a.zoom { background:url('../img/middle/parades/desc_color_red/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newParades .desc_red .middle .visuel a.zoom:hover { color:#fba7a1;} #newParades .desc_red .middle .txt {margin-left:20px} #newParades .desc_red .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newParades .desc_red .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newParades .desc_red .bottom {background:url('../img/middle/parades/desc_color_red/bottom.gif') ; height:12px; font-size:0;width:100%;float:left;} /*//// purple */ #newParades .desc_purple{ width:417px; margin:20px 0 0 45px} #newParades .desc_purple .top {background:url('../img/middle/parades/desc_color_purple/top.gif') no-repeat ; height:12px; font-size:0} #newParades .desc_purple .middle {background:url('../img/middle/parades/desc_color_purple/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#dab6d7 ; padding:15px 15px 10px 0;float:left; width:402px;} #newParades .desc_purple .middle .visuel {float:left ;} #newParades .desc_purple .middle .visuel div { background:#fff; padding:2px; margin:0 15px 0 25px;} #newParades .desc_purple .middle .visuel a.zoom { background:url('../img/middle/parades/desc_color_purple/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newParades .desc_purple .middle .visuel a.zoom:hover { color:#fba7a1;} #newParades .desc_purple .middle .txt {margin-left:20px} #newParades .desc_purple .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newParades .desc_purple .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newParades .desc_purple .bottom {background:url('../img/middle/parades/desc_color_purple/bottom.gif') ; height:12px; font-size:0;width:100%;float:left;} /*//// pink */ #newParades .desc_pink{ width:417px; margin:20px 0 0 45px} #newParades .desc_pink .top {background:url('../img/middle/parades/desc_color_pink/top.gif') no-repeat ; height:12px; font-size:0} #newParades .desc_pink .middle {background:url('../img/middle/parades/desc_color_pink/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#f2d5e8 ; padding:15px 15px 10px 0;float:left; width:402px;} #newParades .desc_pink .middle .visuel {float:left ;} #newParades .desc_pink .middle .visuel div { background:#fff; padding:2px; margin:0 15px 0 25px;} #newParades .desc_pink .middle .visuel a.zoom { background:url('../img/middle/parades/desc_color_pink/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newParades .desc_pink .middle .visuel a.zoom:hover { color:#fba7a1;} #newParades .desc_pink .middle .txt {margin-left:20px} #newParades .desc_pink .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newParades .desc_pink .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newParades .desc_pink .bottom {background:url('../img/middle/parades/desc_color_pink/bottom.gif') ; height:12px; font-size:0;width:100%;float:left;} /*//// green */ #newParades .desc_green{ width:417px; margin:20px 0 0 45px} #newParades .desc_green .top {background:url('../img/middle/parades/desc_color_green/top.gif') no-repeat ; height:12px; font-size:0} #newParades .desc_green .middle {background:url('../img/middle/parades/desc_color_green/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#cfe3fa ; padding:15px 15px 10px 0;float:left; width:402px;} #newParades .desc_green .middle .visuel {float:left ;} #newParades .desc_green .middle .visuel div { background:#fff; padding:2px; margin:0 15px 0 25px;} #newParades .desc_green .middle .visuel a.zoom { background:url('../img/middle/parades/desc_color_green/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newParades .desc_green .middle .visuel a.zoom:hover { color:#fba7a1;} #newParades .desc_green .middle .txt {margin-left:20px} #newParades .desc_green .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newParades .desc_green .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newParades .desc_green .bottom {background:url('../img/middle/parades/desc_color_green/bottom.gif') ; height:12px; font-size:0;width:100%;float:left;} /*//// brown */ #newParades .desc_brown{ width:417px; margin:20px 0 0 45px} #newParades .desc_brown .top {background:url('../img/middle/parades/desc_color_brown/top.gif') no-repeat ; height:12px; font-size:0} #newParades .desc_brown .middle {background:url('../img/middle/parades/desc_color_brown/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#fcd59a ; padding:15px 15px 10px 0;float:left; width:402px;} #newParades .desc_brown .middle .visuel {float:left ;} #newParades .desc_brown .middle .visuel div { background:#fff; padding:2px; margin:0 15px 0 25px;} #newParades .desc_brown .middle .visuel a.zoom { background:url('../img/middle/parades/desc_color_brown/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newParades .desc_brown .middle .visuel a.zoom:hover { color:#fba7a1;} #newParades .desc_brown .middle .txt {margin-left:20px} #newParades .desc_brown .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newParades .desc_brown .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newParades .desc_brown .bottom {background:url('../img/middle/parades/desc_color_brown/bottom.gif') ; height:12px; font-size:0; width:100%;float:left;} /*//// orange */ #newParades .desc_orange{ width:417px; margin:20px 0 0 45px} #newParades .desc_orange .top {background:url('../img/middle/parades/desc_color_orange/top.gif') no-repeat ; height:12px; font-size:0} #newParades .desc_orange .middle {background:url('../img/middle/parades/desc_color_orange/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#fcd59a ; padding:15px 15px 10px 0;float:left; width:402px;} #newParades .desc_orange .middle .visuel {float:left ;} #newParades .desc_orange .middle .visuel div {background:#fff; padding:2px; margin:0 15px 0 25px;} #newParades .desc_orange .middle .visuel a.zoom { background:url('../img/middle/parades/desc_color_orange/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newParades .desc_orange .middle .visuel a.zoom:hover { color:#fba7a1;} #newParades .desc_orange .middle .txt {margin-left:20px} #newParades .desc_orange .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newParades .desc_orange .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newParades .desc_orange .bottom {background:url('../img/middle/parades/desc_color_orange/bottom.gif') ; height:12px; font-size:0; width:100%;float:left;} /*/////// rub nouvelles attractions */ #newAttractions .desc_parachute, #newAttractions .desc_rcracer, #newAttractions .desc_zigzag { width:417px; margin:20px 0 0 45px} /* desc_parachute */ #newAttractions .desc_parachute .top {background:url('../img/middle/attractions/desc_parachute/top.gif') no-repeat ; height:12px; font-size:0} #newAttractions .desc_parachute .middle {background:url('../img/middle/attractions/desc_parachute/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#8ce2a4 ; padding:15px 15px 10px 0} #newAttractions .desc_parachute .middle .visuel {float:left ;} #newAttractions .desc_parachute .middle .visuel div {width:88px ; height:66px; background:#fff; padding:2px; margin:0 15px 0 25px;} #newAttractions .desc_parachute .middle .visuel a.zoom { background:url('../img/middle/attractions/desc_parachute/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newAttractions .desc_parachute .middle .visuel a.zoom:hover { color:#8ce2a4;} #newAttractions .desc_parachute .middle .txt {margin-left:20px} #newAttractions .desc_parachute .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newAttractions .desc_parachute .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newAttractions .desc_parachute .bottom {background:url('../img/middle/attractions/desc_parachute/bottom.gif') ; height:10px; font-size:0} /* desc_rcracer */ #newAttractions .desc_rcracer .top {background:url('../img/middle/attractions/desc_rcracer/top.gif') no-repeat ; height:12px; font-size:0} #newAttractions .desc_rcracer .middle {background:url('../img/middle/attractions/desc_rcracer/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#ffdbb7 ; padding:15px 15px 10px 0} #newAttractions .desc_rcracer .middle .visuel {float:left ;} #newAttractions .desc_rcracer .middle .visuel div {width:88px ; height:66px; background:#fff; padding:2px; margin:0 15px 0 25px;} #newAttractions .desc_rcracer .middle .visuel a.zoom { background:url('../img/middle/attractions/desc_rcracer/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newAttractions .desc_rcracer .middle .visuel a.zoom:hover { color:#ffdbb7;} #newAttractions .desc_rcracer .middle .txt {margin-left:20px} #newAttractions .desc_rcracer .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newAttractions .desc_rcracer .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newAttractions .desc_rcracer .bottom {background:url('../img/middle/attractions/desc_rcracer/bottom.gif') ; height:10px; font-size:0} /* desc_zigzag */ #newAttractions .desc_zigzag .top {background:url('../img/middle/attractions/desc_zigzag/top.gif') no-repeat ; height:12px; font-size:0} #newAttractions .desc_zigzag .middle {background:url('../img/middle/attractions/desc_zigzag/middle.gif') repeat-y; font-size:12px ; line-height:16px; color:#5fd2fe ; padding:15px 15px 10px 0} #newAttractions .desc_zigzag .middle .visuel {float:left ;} #newAttractions .desc_zigzag .middle .visuel div {width:88px ; height:66px; background:#fff; padding:2px; margin:0 15px 0 25px;} #newAttractions .desc_zigzag .middle .visuel a.zoom { background:url('../img/middle/attractions/desc_zigzag/picto-zoom.gif') no-repeat; padding-left:20px; margin:5px 0 0 28px; display:block; color:#fff;} #newAttractions .desc_zigzag .middle .visuel a.zoom:hover { color:#5fd2fe;} #newAttractions .desc_zigzag .middle .txt {margin-left:20px} #newAttractions .desc_zigzag .middle h2 { color:#fff ; font-style:italic ; font-weight:normal ; font-size:16px; margin-bottom:10px} #newAttractions .desc_zigzag .middle strong { color:#fff; font-weight:bold ; font-size:12px} #newAttractions .desc_zigzag .bottom {background:url('../img/middle/attractions/desc_zigzag/bottom.gif') ; height:10px; font-size:0} /*/////// rub les actualit�s */ #actu h1 {float:left; text-indent:inherit; display:block; margin-bottom:20px;} #actu a.flux { color:#23b1e5; text-decoration:none; float:right; margin:25px 20px 0 0; background:url('../img/middle/actu/picto-flux.gif') right 2px no-repeat; padding-right:15px} #actu a.flux:hover { color:#a9a9a9; background-position: right -11px; text-decoration:underline} #actu ul.blocActu { width:460px; margin:20px 0 0 30px; margin-top:10px; clear:left} #actu ul.blocActu li.dotted { background:url('../img/middle/actu/dotted.gif') 0 bottom no-repeat ; padding-bottom:15px ; margin-top:15px } #actu ul.blocActu h2 { color:#f20d7d ; font-weight:normal ; font-size:14px; margin-bottom:10px} #actu ul.blocActu h2 span { color:#878686 ; font-size:11px;} #actu ul.blocActu .visuel {width:135px ; height:78px; border:1px solid #dedede; background:#fff; float:left ; margin:0 15px 0 0; padding:2px;} #actu ul.blocActu .txt {margin-left:160px; color:#454545;} #actu ul.blocActu .txt p { margin-bottom:10px;} #actu ul.blocActu .txt a {color:#289fda; text-decoration:underline} #actu ul.blocActu .txt a:hover {text-decoration:none} #actu ul.blocActu .txt img {margin-right: 10px} #actu ul.blocActu .txt a.nbrComment { color:#a9a9a9; text-decoration:undeline} #actu ul.blocActu .txt a.nbrComment:hover { color:#a9a9a9; text-decoration:none; vertical-align:middle} /* #actu div#numPage { position:relative; color:#fff; clear:both; padding-top:20px;} #actu div#numPage .num {float:left; position:relative; left:50%;text-align:left;margin-bottom:2em;} #actu div#numPage .num ul { list-style:none; position:relative; left:-40%; margin:0; padding:0; } #actu div#numPage .num ul li {float:left; margin:0; } #actu div#numPage .num ul li a { float:left; position:relative; left:0px; top:0; font-size:12px; color:#000; text-decoration:none; padding:6px 10px 6px 8px;font-weight:bold;} #actu div#numPage .num ul li a:hover, #actu div#numPage .num ul li .select { float:left; position:relative; left:0; top:0; font-size:12px; color:#fff; text-decoration:none; background:url('../img/middle/actu/fond-pagination.gif') 0 2px no-repeat; padding:6px 10px 6px 8px;font-weight:bold;} #actu div#numPage div.next { position:absolute; right:0; top:20px;width:145px ;} #actu div#numPage div.next a { background: url('../img/middle/actu/picto-next.gif') right 50% no-repeat; margin-right:30px; padding: 0 30px 0 0 ; float:right; line-height:28px; color:#000; } #actu div#numPage div.prev { position:absolute; left:0; top:20px; width:185px ;} #actu div#numPage div.prev a { background:url('../img/middle/actu/picto-prev.gif') 0 50% no-repeat ; margin-left:30px; padding:0 0 0 30px ; float:left; line-height:28px; color:#000; } #actu div#numPage li.next a:hover, #actu div#numPage li.prev a:hover { text-decoration:underline; } */ #actuComment a.back { margin-left:20px;} #actuComment h1 { padding:20px 20px 0 20px;color:#f20d7d ; font-weight:normal ; font-size:14px; } #actuComment .date {padding:0 20px 15px 20px; color:#878686 ; font-size:11px;} #actuComment .txt {margin:0 20px 20px 20px; color:#454545; } #actuComment .txt a {color:#289fda; text-decoration:underline} #actuComment .txt a:hover {text-decoration:none} #actuComment h2 { color:#42a8f4; margin-left:20px; font-size:12px; font-weight:normal; margin-bottom:10px} #actuComment .redigerCommentaire { position:relative; margin-left:20px; width:466px; background:url('../img/middle/actu/background-top.gif') no-repeat ;} /* #actuComment .redigerCommentaire .top { background:url(../img/middle/profils/background-top-commentaire.gif) no-repeat; height:10px ; font-size:0}*/ #actuComment .redigerCommentaire .top { height:10px ; font-size:0} #actuComment .redigerCommentaire .middle { background:#49abf4; vertical-align:middle} #actuComment .redigerCommentaire .middle .log { text-align:center; color:#0047a0} #actuComment .redigerCommentaire .middle img {vertical-align:middle} #actuComment .redigerCommentaire .bottom { background:url('../img/middle/actu/background-bottom.gif') no-repeat; height:10px; font-size:0} #actuComment .redigerCommentaire input.champ { /*position:absolute; top:12px; left:10px;*/ border:1px solid #226dbe; width:390px; height:17px ; vertical-align:middle; color:#9a9a9a ; padding:3px 2px 0 2px; margin-left:10px; } #actuComment .redigerCommentaire .saisie { font-size:11px ; /*position:absolute; top:12px;left:10px;*/ margin-left:10px ; border:1px solid #226dbe; width:390px; height:50px ; color:#9a9a9a ; padding:3px 2px 0 2px; vertical-align:top; } #actuComment .redigerCommentaire input.ok { position:absolute; right:8px; bottom:8px; } #actuComment h3 { color:#a9a9a9; margin:20px 20px 10px 20px; font-size:18px; font-weight:normal;} #actuComment dl.commentaireAutre { background:url('../img/middle/actu/background-top.gif') no-repeat; width:466px;margin:0 0 0 20px; padding:10px 0 0 0 } #actuComment dl.commentaireAutre dt img { float:left; margin:0 10px 0 10px} #actuComment dl.commentaireAutre dt { color:#fff; font-size:11px; font-weight:bold;} #actuComment dl.commentaireAutre dd { color:#0047a0; font-size:11px; padding:0 10px 0 50px; margin-bottom:5px ; background:url('../img/middle/actu/background-bottom.gif') 0 bottom no-repeat #49abf4 ; padding-bottom:5px;} #actuComment a.plus { color:#23b1e5; text-decoration:none; float:right; margin:5px 40px 0 0; background:url('../img/middle/actu/picto-flux.gif') left 2px no-repeat; padding-left:20px} #actuComment a.plus:hover { color:#a9a9a9; background-position: left -11px; text-decoration:underline} /*/////// rub Galeries */ /* photos */ #galeries a.tri { color:#23b1e5; text-decoration:none; margin:25px 10px 0 60px; background: url('../img/middle/galeries/photos/picto-tri.gif') right 3px no-repeat ; padding-right:15px} #galeries a.tri:hover { color:#a9a9a9; background-position: right -11px; text-decoration:underline} #galeries .visuels {margin-left:50px ;} #galeries .visuels .photos {float:left; text-align:right; margin:20px 10px 0 10px;} #galeries .visuels .photos img.cadre {border:2px solid #ababab; padding:4px; width:104px; text-align:center; margin-bottom:5px;} #galeries .visuels .photos .votes {color:#25b7e8; padding-top:5px; } #galeries ul#numPage {color:#fff; padding-top:15px; clear:both; padding-top:40px} #galeries ul#numPage li{float:left} #galeries ul#numPage li a{font-size:11px;font-weight:bold;color:#373737;text-decoration:none; } #galeries ul#numPage li a.next { background:url('../img/middle/galeries/photos/picto-next.gif') right 50% no-repeat; padding-right:35px; display:block; height:28px ; width:130px ; line-height:28px; margin-left:10px; text-align:right; } #galeries ul#numPage li a.prev { background:url('../img/middle/galeries/photos/picto-prev.gif') 0 50% no-repeat ; padding-left:35px; display:block; height:28px ; line-height:28px; width:130px ; margin:0 10px 0 20px; text-align:left;} #galeries ul#numPage li a.next:hover, #galeries ul#numPage li a.prev:hover { text-decoration:underline; } #galeries ul#numPage li a.num { display:block; width:22px ; height:28px; line-height:28px; text-align:center; font-size:12px; margin-right:4px} #galeries ul#numPage li a.num:hover { color:#fff ; display:block;background:url('../img/middle/galeries/photos/fond-pagination.gif') 0 2px no-repeat; margin-right:4px } #galeries ul#numPage li a.select { color:#fff ; display:block;background:url('../img/middle/galeries/photos/fond-pagination.gif') 0 2px no-repeat; width:22px ; height:28px ; line-height:28px;text-align:center; margin-right:4px} /* webcam */ #galeries { position:relative} #galeries object { margin-top:-120px; } #galeries form { position:absolute; left:260px; top:80px} #galeries form fieldset { border:none} /*/////// rub Communaute */ #communaute .searchPlan { margin-top:-10px; padding-bottom:20px;} #communaute .searchPlan form { margin:0 5px 0 20px} #communaute .searchPlan form fieldset { width:480px; height:38px; border:none } #communaute .searchPlan form fieldset legend { float:left ; margin-right:10px;} #communaute .searchPlan form fieldset div.input { float:right; margin-top:-38px} #communaute .searchPlan form fieldset input.champ { background: url('../img/middle/communaute/bonplan/input.gif') left top no-repeat; width:94px; height:28px; border:0 ; font:12px Arial, Helvetica, sans-serif; color:#aaaaaa; font-style:italic; padding:10px 10px 0 35px;} #communaute .searchPlan form fieldset input.ok { vertical-align:middle; } *+html #communaute .searchPlan form fieldset input.ok { vertical-align:top; margin-top:2px; } #communaute ul.profil li { width:464px ; padding:20px 10px 10px 10px; margin-left:18px; font-size:12px; color:#757575 ; margin-bottom:20px;} #communaute ul li.coul { background:#f1f1f1} #communaute ul li .cadre { float:left; display:block; background:url(../img/middle/communaute/fond-cadre.gif) no-repeat; width:112px ; height:105px; margin:0 15px 10px 20px; text-align:center; padding-top:7px;} #communaute ul li h2 {color:#28a6df; font-size:16px ; margin-bottom:10px; } #communaute ul li .txt { width:320px; margin-left:150px; } *+html #communaute ul li .txt { width:315px; margin-left:145px; } #communaute ul li a img { margin-top:10px} /* #communaute dl { width:464px ; padding:10px 10px 0 10px; margin-left:18px; border:1px solid } #communaute dl.coul {width:464px ; padding:10px 10px 0 10px; margin-left:18px; border:1px solid ; background:#f1f1f1} #communaute dl dt { margin:10px 0; color:#fff; font-size:11px; font-weight:bold; color:#28a6df; font-size:16px ; } #communaute dl dt .cadre { float:left; display:block; background:url(../img/middle/communaute/fond-cadre.gif) no-repeat; width:112px ; height:112px; margin:0 15px 10px 20px; text-align:center} #communaute dl dt img { margin-top:7px} #communaute dl dd { font-size:12px; color:#757575 ; border:1px solid;} */ #communaute .searchMembre { margin-top:-20px; padding-bottom:60px;} #communaute .searchMembre form { background:url(../img/middle/communaute/membres/fond-recherche.png) no-repeat; height:55px; padding-top:14px;float:left; width:298px; margin:0 5px 0 30px} #communaute .searchMembre form fieldset { border:none;} #communaute .searchMembre form fieldset .legend {float:left;} #communaute .searchMembre form fieldset input.champ { background: url(../img/middle/communaute/membres/input.gif) left top no-repeat; width:165px; height:24px; border:0px; font:12px Arial, Helvetica, sans-serif; color:#aaaaaa; font-style:italic; padding:10px 4px 0 35px; margin:0 5px 0 15px;} #communaute .searchMembre form fieldset input.ok { vertical-align:middle} *+html #communaute .searchMembre form fieldset input.ok { vertical-align:top; margin-top:2px} #communaute .searchMembre .btplan {float:left; margin-top:10px;} #communaute .membres { margin-left:35px} #communaute .membres .qui { float:left; color:#28a6df; font-size:12px; width:112px ; margin:0 10px 20px 25px; text-align:center; } #communaute .membres .qui div { position:relative; background:url(../img/middle/communaute/fond-cadre.gif) no-repeat; width:112px ; height:112px;margin-bottom:8px } #communaute .membres .qui div .passport { position:absolute ; right:-10px ; top:-15px} #communaute .membres .qui div img { margin-top:7px} /* #communaute div#numPage { position:relative; color:#fff; clear:both; padding-top:20px;} #communaute div#numPage .num {float:left; position:relative; left:50%;text-align:left;margin-bottom:2em;} #communaute div#numPage .num ul { list-style:none; position:relative; left:-40%; margin:0; padding:0; } #communaute div#numPage .num ul li {float:left; margin:0; } #communaute div#numPage .num ul li a { float:left; position:relative; left:0px; top:0; font-size:12px; color:#000; text-decoration:none; padding:6px 10px 6px 8px;font-weight:bold;} #communaute div#numPage .num ul li a:hover, #communaute div#numPage .num ul li .select { float:left; position:relative; left:0; top:0; font-size:12px; color:#fff; text-decoration:none; background:url(../img/middle/communaute/fond-pagination.gif) 0 2px no-repeat; padding:6px 10px 6px 8px;font-weight:bold;} #communaute div#numPage div.next { position:absolute; right:0; top:20px;} #communaute div#numPage div.next a { padding: 0 ; float:right; line-height:28px; color:#000; } #communaute div#numPage div.prev { position:absolute; left:0; top:20px; left:40px;} #communaute div#numPage div.prev a { padding:0 ; line-height:28px; color:#000; } #communaute div#numPage li.next a:hover, #communaute div#numPage li.prev a:hover { text-decoration:underline; } */ #communaute .decouvrir { width:512px; text-align:center; margin-top:60px} /*/////// rub profils-internaute */ #profils-internaute h1 {display:none} #profils-internaute .qui { position:relative; padding:80px 0 15px 30px ; } #profils-internaute .qui .passeport { position:absolute; right:20px ; bottom:-45px} #profils-internaute .qui .cadre { float:left; display:block; background:url('../img/middle/communaute/fond-cadre.gif') no-repeat; width:112px ; height:105px; margin:2px 15px 10px 20px; text-align:center; padding-top:7px} #profils-internaute .qui h2 {color:#28a6df; font-size:18px ; } #profils-internaute .qui p {font-size:12px; line-height:14px; margin-bottom:4px; } #profils-internaute .qui .txt { background:url('../img/middle/profil-internaute/fond-fiche.png') no-repeat; font-size:12px; width:257px;height:104px; margin-left:160px; padding:14px 0 0 20px; line-height:20px } #profils-internaute ul.onglet {margin-left:50px ;height:49px; padding-top:20px; background:url('../img/middle/profils/top.gif') 0 bottom no-repeat; width:417px; } #profils-internaute ul.onglet li {float:left;height:38px; } #profils-internaute .cadre { width:417px ; margin-left:50px} #profils-internaute .cadre .fiche { background:#207fe8;} #profils-internaute .cadre .fiche h2 { font-size:0; line-height:0; overflow:hidden; text-indent:-5000px} /*presentation*/ #profils-internaute .cadre .presentation .visuel {margin:0px 0 0 -55px; } #profils-internaute .cadre .presentation {position:relative; } #profils-internaute .cadre .presentation .bloc { padding:10px 15px 0 15px; clear:both} #profils-internaute .cadre .presentation .bloc { width:377px; } #profils-internaute .cadre .presentation .bloc .top { background:url('../img/middle/profils/presentation/presentation-top.gif') no-repeat ; height:19px; } #profils-internaute .cadre .presentation .bloc .middle { background:url('../img/middle/profils/presentation/presentation-middle.gif') 0 0 ; color:#1a4a79; line-height:18px; padding:0 10px 10px 10px;} #profils-internaute .cadre .presentation .bloc .bottom { background:url('../img/middle/profils/presentation/presentation-bottom.gif') no-repeat ; height:8px;} #profils-internaute .cadre .presentation dl { width:417px; font-size:11px ; clear:left ; padding:5px 0 ; min-height:30px; } #profils-internaute .cadre .presentation dl.coul { background:#3088e8;} #profils-internaute .cadre .presentation dl dt { float:left ; margin-left:20px} #profils-internaute .cadre .presentation dl dt img { margin-top:11px} #profils-internaute .cadre .presentation dl dd { margin:12px 10px 10px 200px; color:#b1d5ff ; } *+html #profils-internaute .cadre .presentation dl dd { margin:16px 10px 10px 200px; } #profils-internaute .cadre .presentation dl dd a { color:#fff ; text-decoration:underline} #profils-internaute .cadre .presentation dl dd a:hover { text-decoration:none } #profils-internaute .cadre .presentation .bottom {background:url('../img/middle/profil-internaute/presentation/bottom-presentation.gif') 0 top no-repeat #fff ; height:45px; text-align:center;} /*photos*/ #profils-internaute .cadre .photos ul.vignette { margin:10px;} #profils-internaute .cadre .photos ul.vignette li { float:left; margin:0 12px 10px 14px ; text-align:right} #profils-internaute .cadre .photos ul.vignette li a { color:#fff ;} #profils-internaute .cadre .photos ul.vignette li a:hover { text-decoration:underline } #profils-internaute .cadre .photos ul.vignette li span { display:block; background:#000; width:101px ; height:74px; padding:2px 2px 0 0 ; margin-bottom:4px} #profils-internaute .cadre .photos ul.vignette li span img { border:1px solid white } #profils-internaute .cadre .photos .bottom {background:url('../img/middle/profil-internaute/photos/bottom-news.gif') 0 top ; height:58px; text-align:center;} /*pagination*/ #profils-internaute .cadre .bottom div#numPage { position:relative; color:#fff; clear:both; padding-top:15px;} *+html #profils-internaute .cadre .bottom div#numPage { position:absolute; width:420px; left:50px} #profils-internaute .cadre .bottom div#numPage .num {float:left; position:relative; left:50%;text-align:left;margin-bottom:2em;} #profils-internaute .cadre .bottom div#numPage .num ul { list-style:none; position:relative; left:-40%; margin:0; padding:0; } #profils-internaute .cadre .bottom div#numPage .num ul li {float:left; margin:0; } #profils-internaute .cadre .bottom div#numPage .num ul li a { float:left; position:relative; left:0px; top:0; font-size:12px; color:#fff; text-decoration:none; padding:6px 10px 6px 8px;font-weight:bold;} #profils-internaute .cadre .bottom div#numPage .num ul li a:hover, #profils-internaute .cadre .bottom div#numPage .num ul li .select { float:left; position:relative; left:0; top:0; font-size:12px; color:#fff; text-decoration:none; background:url('../img/middle/profils/fond-pagination.gif') 0 2px no-repeat; padding:6px 10px 6px 8px;font-weight:bold;} #profils-internaute .cadre .bottom div#numPage div.next { position:absolute; right:0; top:15px;width:145px ;} #profils-internaute .cadre .bottom div#numPage div.next a { background: url('../img/middle/profils/picto-next.gif') right 50% no-repeat; margin-right:20px; padding: 0 15px 0 0 ; float:right; line-height:28px; color:#fff; } #profils-internaute .cadre .bottom div#numPage div.prev { position:absolute; left:0; top:15px; width:185px ;} #profils-internaute .cadre .bottom div#numPage div.prev a { background:url('../img/middle/profils/picto-prev.gif') 0 50% no-repeat ; margin-left:20px; padding:0 0 0 15px ; float:left; line-height:28px; color:#fff; } #profils-internaute .cadre .bottom div#numPage li.next a:hover, #profils-internaute .cadre .bottom div#numPage li.prev a:hover { text-decoration:underline; } /* #profils-internaute .cadre .bottom div#numPage { position:relative; color:#fff; clear:both; padding-top:20px;} #profils-internaute .cadre .bottom div#numPage .num {float:left; position:relative; left:50%; text-align:left; margin-bottom:2em} #profils-internaute .cadre .bottom div#numPage .num ul { list-style:none; position:relative; left:-50%; margin:0; padding:0;} #profils-internaute .cadre .bottom div#numPage .num ul li {float:left; margin:0; } #profils-internaute .cadre .bottom div#numPage .num ul li a { float:left; position:relative; left:0px; top:0; font-size:12px; color:#000; text-decoration:none; padding:6px 8px 6px 8px;font-weight:bold;} #profils-internaute .cadre .bottom div#numPage .num ul li a:hover, #profils-internaute .cadre .bottom div#numPage .num ul li .select { float:left; position:relative; left:0; top:0; font-size:12px; color:#fff; text-decoration:none; background:url(../img/middle/communaute/fond-pagination.gif) 0 2px no-repeat; padding:6px 8px 6px 8px;font-weight:bold;} #profils-internaute .cadre .bottom div#numPage div.next { position:absolute; right:0; top:20px;width:195px ;} #profils-internaute .cadre .bottom div#numPage div.next a { background:url(../img/middle/communaute/picto-next.gif) right 50% no-repeat; padding-right:35px; display:block; height:28px ; width:130px ; line-height:28px; margin-left:10px; text-align:right; color:#000; } #profils-internaute .cadre .bottom div#numPage div.prev { position:absolute; left:0; top:20px; width:195px ;} #profils-internaute .cadre .bottom div#numPage div.prev a { background:url(../img/middle/communaute/picto-prev.gif) 0 50% no-repeat ; padding-left:35px; display:block; height:28px ; line-height:28px; width:130px ; margin:0 10px 0 20px; text-align:left; color:#000; } #profils-internaute .cadre .bottom div#numPage li.next a:hover, #actu div#numPage li.prev a:hover { text-decoration:underline; } */ /* #profils-internaute .cadre .bottom ul#numPage {color:#fff; margin-top:5px ; padding-top:15px;} #profils-internaute .cadre .bottom ul#numPage li{float:left} #profils-internaute .cadre .bottom ul#numPage li a{font-size:11px;font-weight:bold;color:#e3efff;text-decoration:none;} #profils-internaute .cadre .bottom ul#numPage li a.next {background:url('../img/middle/profil-internaute/picto-next.gif') right 50% no-repeat; padding-right:10px; display:block; height:21px ; width:120px ; line-height:21px; margin-left:10px; text-align:right; } #profils-internaute .cadre .bottom ul#numPage li a.prev {background:url('../img/middle/profil-internaute/picto-prev.gif') 0 50% no-repeat ; padding-left:10px; display:block; height:21px ; line-height:21px; width:120px ; margin:0 10px 0 20px; text-align:left;} #profils-internaute .cadre .bottom ul#numPage li a.next:hover, #profils-internaute .cadre .bottom ul#numPage li a.prev:hover { text-decoration:underline; } #profils-internaute .cadre .bottom ul#numPage li a.num { display:block; width:20px ; height:21px; line-height:21px; text-align:center; font-size:12px} #profils-internaute .cadre .bottom ul#numPage li a.num:hover { display:block;background:url('../img/middle/profil-internaute/fond-pagination.gif'); } #profils-internaute .cadre .bottom ul#numPage li a.select { display:block;background:url('../img/middle/profil-internaute/fond-pagination.gif'); width:20px ; height:21px ; line-height:21px;text-align:center} */ /*/////// rub profils formulaire */ #profil-form {padding-top:40px} /* la suite pour cette rubrique dans form.css */ /*/////// terms */ #newgeneration #content .terms { padding:30px 35px 5px 30px;text-align:justify;color:#474747;font-family:Arial,Helvetica,sans-serif;font-size:11px; } #newgeneration #content .terms a { color:#F20D7D; } /*::::::::::::::::::::*/ /* COLONNE DE DROITE */ /*::::::::::::::::::::*/ #newgeneration #content #colRight a {margin-top:10px; display:block;} /*/////// actualite */ #newgeneration #content #colRight dl { width:132px; margin:10px 0 ;} #newgeneration #content #colRight dl dt a { color:#f20d7d; font-size:14px; margin-bottom:5px} #newgeneration #content #colRight dl dt img { float:left; margin-right:5px;} #newgeneration #content #colRight dl dt span { color:#8c8c8c; font-size:11px; display:block; margin-bottom:8px} #newgeneration #content #colRight dl dd { color:#373737; font-size:11px; display:block;} #newgeneration #content #colRight dl dd a { color:#373737; text-decoration:underline; display:inline} #newgeneration #content #colRight dl dd a:hover { text-decoration:none} /*/////// sondage */ #newgeneration #content #colRight .sondage { width:132px; margin-top:15px;} #newgeneration #content #colRight .sondage caption span {color:#373737; font-size:11px; padding:0 5px 15px 15px; text-align:left; display:block; font-weight:bold} #newgeneration #content #colRight .sondage { background:url('../img/colRight/sondage-milieu.gif') 0 50% repeat-y} #newgeneration #content #colRight .sondage table { width:132px} #newgeneration #content #colRight .sondage tr th {width:30px ; position:relative; vertical-align:top; text-align:right; padding-right:8px} *+html #newgeneration #content #colRight .sondage tr th {padding-right:5px} #newgeneration #content #colRight .sondage tr th.titre {color:#ed4252; font-size:11px; text-align:left ; padding:0 0 10px 15px;} #newgeneration #content #colRight .sondage tr th.num {color:#f04656; font-size:11px;} #newgeneration #content #colRight .sondage tr td { vertical-align:top ;padding:0 0 10px 0} *+html #newgeneration #content #colRight .sondage tr td { padding:2px 0 10px 0} #newgeneration #content #colRight .sondage tr td span { color:#23abe0} #newgeneration #content #colRight .sondage tr td.vide { width:10px;} #newgeneration #content #colRight .sondage label { color:#333333; font-size:11px;} #newgeneration #content #colRight .sondage .bas { background:url('../img/colRight/sondage-bas.gif') 0 bottom no-repeat; height:32px; width:132px} #newgeneration #content #colRight .sondage .bas button {border:none; margin:0; background:none; margin:0 auto ; display:block} /**/ div#newsfeed{width:525px;float:left;} div#newsfeed h1{width:512px;height:157px;margin:0 auto;} div#nfuser{width:421px;margin:10px auto 0 auto;} div#nfuser div.nfinput{width:421px;height:auto;float:right;background:transparent url('../img/newsfeed/input.png') no-repeat 0 0;} div#nfuser div.nfinputb{width:421px;height:7px;float:right;background:transparent url('../img/newsfeed/inputb.png') no-repeat 0 0;} div#nfuser div.nfinput input,div#nfuser div.nfinput textarea{width:395px;margin:5px 0 0 2px;border:0;color:#aaa;font-size:14px;padding:0 10px;background:none;} div#nfuser div.nfinput input{height:16px;padding:5px 10px;} div#nfuser div.nfinput textarea{height:83px;padding:5px 10px;} div#nfuser input.nfbt{width:101px;height:28px;background:transparent url('../img/newsfeed/bt.png') no-repeat 0 0;border:0;cursor:pointer;margin:10px 0;float:right;} div#nfb{width:436px;margin:0 0 10px 38px;float:left;padding-bottom:10px;border-bottom:1px dotted #9fbee3;} div#nfb small{display:block;width:340px;padding-left:96px;margin-bottom:6px;font-size:11px;color:#145fbb;} div#nfb div.border{width:72px;height:71px;float:left;padding:5px 6px 6px 5px;background:transparent url('../img/newsfeed/border.jpg') no-repeat 0 0;} div#nfb div.border img{width:60px;height:60px;} div#nfb div.noborder{width:83px;height:82px;float:left;background:none;overflow:hidden;} div#nfb div.noborderstat{width:83px;height:82px;float:left;background:none;overflow:hidden;} div#nfb div.noborderstat img{width:82px;height:83px;} div#nfb div.bubble{width:314px;height:auto;min-height:50px;_height:50px;float:right;background:transparent url('../img/newsfeed/bubble.png') no-repeat 0 0;padding:10px 14px 6px 25px;} div#nfb div.bubbleb{width:353px;height:5px;float:right;margin-bottom:8px;background:transparent url('../img/newsfeed/bubbleb.png') no-repeat 0 0;} div#nfb div.bubble div{float:left;background:#fff;padding:2px;margin:7px 7px 0 0;border:1px solid #62a1dd;} div#nfb div.bubble p{font-size:12px;} div#nfb div.bubble span{color:#145fbb;} div#nfb div.bubble a{color:#145fbb;} div#nfb div.bubblefix{width:341px;height:auto;float:right;background:transparent url('../img/newsfeed/bubblefix.png') no-repeat 0 0;} div#nfb div.bubblefix input{width:247px;height:22px;float:left;padding-left:10px;*height:18px;*padding-top:4px;margin:10px 0 0 12px;background:#fff;border:1px solid #5fa1dd;color:#aaa;font-size:11px;} div#nfb div.bubblefix textarea{width:247px;float:left;padding-left:10px;*padding-top:4px;margin:10px 0 0 12px;background:#fff;border:1px solid #5fa1dd;color:#aaa;font-size:11px;} div#nfb div.bubblefix input.nfbt{width:38px;height:25px;float:left;padding:0;margin-left:5px;background:transparent url('../img/newsfeed/bt-ok.png') no-repeat 0 0;border:0;cursor:pointer;} div#nfb div.bubblefixb{width:341px;height:10px;float:right;margin-bottom:8px;background:transparent url('../img/newsfeed/bubblefixb.png') no-repeat 0 0;} div#nfb div.bubblecom{width:321px;height:auto;float:right;padding:5px 10px 0;background:transparent url('../img/newsfeed/bubblecom.png') no-repeat 0 0;} div#nfb div.bubblecom div.border{width:27px;height:27px;float:left;padding:2px;margin-right:8px;background:transparent url('../img/newsfeed/border-pic.jpg') no-repeat 0 0;} div#nfb div.bubblecom div.border img{width:27px;height:27px;} div#nfb div.bubblecom span{color:#9c9c9c;} div#nfb div.bubblecomb{width:341px;height:7px;float:right;margin-bottom:8px;background:transparent url('../img/newsfeed/bubblecomb.png') no-repeat 0 0;} div#nfb div.up{width:340px;padding-left:96px;float:left;} div#nfb div.up a{font-size:11px;color:#145fbb;text-decoration:none;} div#nfb div.up a:hover,div#nfb div.up a:focus,div#nfb div.up a:active{text-decoration:underline;} a.comr{float:left;} a.coml{float:right;padding-left:14px;background:transparent url('../img/newsfeed/ico.png') no-repeat left center;} div#nfb div.bubble ul.newsFeedGal { margin: 0 0 0 -4px;} div#nfb div.bubble ul.newsFeedGal li{ float:left; margin-right:3px ; text-align:right; } div#nfb div.bubble ul.newsFeedGal li a { color:#fff ;} div#nfb div.bubble ul.newsFeedGal li a:hover { text-decoration:underline } div#nfb div.bubble ul.newsFeedGal li span { display:block; background:#000; width:101px ; height:74px; padding:2px 2px 0 0 ; margin-bottom:4px} div#nfb div.bubble ul.newsFeedGal li span img { border:1px solid white } /* Pagination #ng-pagger */ div#ng-pagger{width:100%;height:14px;float:left;text-align:center;} div#ng-pagger li{display:inline;} div#ng-pagger li a{padding:6px 8px 4px;height:20px;color:black;text-decoration:none;} div#ng-pagger li a.select,div#ng-pagger li a.select:hover,div#ng-pagger li a:hover{background:url("../img/middle/communaute/fond-pagination.gif") no-repeat scroll center top transparent;color:white;font-weight:bold;} div#ng-pagger li a.next,div#ng-pagger li a.mnext,div#ng-pagger li a.prev,div#ng-pagger li a.mprev{padding:0;} div#ng-pagger li a.next:hover,div#ng-pagger li a.mnext:hover,div#ng-pagger li a.prev:hover,div#ng-pagger li a.mprev:hover{background:none;} div#ng-pagger li a img{position:relative;top:8px;width:26px;height:26px;} div#ng-pagger li a span{display:none;} /* div#ng-pagger{width:100%;float:left;text-align:center;} div#ng-pagger ul{width:420px;margin:0 auto;} div#ng-pagger li{display:inline;} div#ng-pagger li a{width:22px;height:19px;display:block;float:left;padding-top:6px;margin-top:3px;text-align:center;background:none;color:black;text-decoration:none;} div#ng-pagger li span{width:22px;height:19px;display:block;float:left;padding-top:6px;margin-top:3px;text-align:center;background:none;color:black;text-decoration:none;} div#ng-pagger li a.select,div#ng-pagger li a.select:hover,div#ng-pagger li a:hover{background:url("../img/middle/communaute/fond-pagination.gif") no-repeat scroll 0 2px transparent;color:white;font-weight:bold;} div#ng-pagger li a.select:hover{cursor:pointer;} div#ng-pagger li a.next{width:26px;height:26px;margin:0 5px;background:url("../img/middle/communaute/picto-next.gif") no-repeat scroll right 50% transparent} div#ng-pagger li a.mnext{width:26px;height:26px;margin:0;background:url("../img/middle/communaute/picto-mnext.gif") no-repeat scroll right 50% transparent} div#ng-pagger li a.prev{width:26px;height:26px;margin:0 5px;background:url("../img/middle/communaute/picto-prev.gif") no-repeat scroll right 50% transparent} div#ng-pagger li a.mprev{width:26px;height:26px;margin:0;background:url("../img/middle/communaute/picto-mprev.gif") no-repeat scroll right 50% transparent} div#ng-pagger li a span{display:none;} */ div#numPage { position:relative; color:#fff; clear:both; padding-top:20px;} div#numPage .num {float:left; position:relative; left:52%;text-align:left;margin-bottom:2em;} div#numPage .num ul { list-style:none; position:relative; left:-52%; margin:0; padding:0; } div#numPage .num ul li {float:left; margin:0; } div#numPage .num ul li a, div#numPage .num ul li span { float:left; position:relative; left:0px; top:0; font-size:12px; color:#000; text-decoration:none; padding:6px 8px 6px 8px;font-weight:bold;} div#numPage .num ul li a:hover, div#numPage .num ul li .select { float:left; position:relative; left:0; top:0; font-size:12px; color:#fff; text-decoration:none; background:/*url(../img/middle/communaute/fond-pagination.gif) 0 2px no-repeat*/#464646; margin:0 2px; padding:6px 6px 6px 6px;font-weight:bold;} div#numPage div.next { position:absolute; right:0; top:20px;} div#numPage div.next a { padding: 0 ; float:right; line-height:28px; color:#000; } div#numPage div.prev { position:absolute; left:0; top:20px; left:10px;} div#numPage div.prev a { padding:0 ; line-height:28px; color:#000; } div#numPage li.next a:hover, div#numPage li.prev a:hover { text-decoration:underline; } /* Picture #ng-picture */ div#ng-picture{} div#ng-picture div.block{width:106px;float:left;margin:0 0 20px 50px;_margin:0 0 20px 30px;} div#ng-picture div.border{border:1px solid #b1b1b1;float:left;margin-bottom:5px;} div#ng-picture div.border img{width:97px;height:70px;border:4px solid white;} div#ng-picture img.star{float:left;width:106px;height:16px;margin-bottom:5px;} div#ng-picture div.block input.bt{width:100px;height:20px;border:none;background:url("../img/middle/picture/bt.gif") no-repeat scroll 0 0;cursor:pointer;} div#ng-picture div.block p{margin-top:2px;color:#25b7e8;} div#filter-block{float:left;margin:0 0 15px 50px;width:400px;} div#filter-block a{display:block;float:left;padding-right:14px;margin-top:10px;position:relative;color:#25b7e8;} div#filter-block a.on{background:url("../img/middle/picture/puce-1.gif") no-repeat scroll right center;} div#filter-block a.off{background:url("../img/middle/picture/puce-2.gif") no-repeat scroll right center;} div#filter-block a.bt-start{width:200px;height:35px;float:right;margin:0;border:none;background:url("../img/middle/picture/bt-start.png") no-repeat scroll 0 0;cursor:pointer;} div#filter-block a.bt-start:hover{text-decoration:none;} div#ng-picture div.dotted{width:400px;margin:0 0 15px 50px;float:left;clear:both;border-top:1px dotted #adadad;border-bottom:1px dotted #adadad;padding:14px 0;color:black;} div#ng-picture div.pic-input input{float:left;margin:20px 0 0 150px;} div#ng-picture div.pic-input input.bt-add{float:left;margin:14px 0 0 14px;width:33px;height:32px;border:none;background:url("../img/middle/picture/bt-add.gif") no-repeat scroll 0 0;cursor:pointer;} div#ng-picture div.pic-bt{width:457px;margin:40px 0 15px 30px;float:left;background:url("../img/middle/picture/pic-bt.gif") no-repeat scroll 0 0;} div#ng-picture div.pic-bt input.bt-cancel{float:right;margin:20px 10px 0 0;width:140px;height:39px;border:none;background:url("../img/middle/picture/bt-cancel.gif") no-repeat scroll 0 0;cursor:pointer;} div#ng-picture div.pic-bt input.bt-validate{float:right;margin:20px 15px 0 0;width:140px;height:39px;border:none;background:url("../img/middle/picture/bt-validate.gif") no-repeat scroll 0 0;cursor:pointer;} div#pic-popup{width:auto;float:left;} div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev{height:26px;width:26px;background-image:url("../img/middle/picture/picto-prev.png");left:0;top:100px;} div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext{height:26px;width:26px;background-image:url("../img/middle/picture/picto-next.png");right:0;top:100px;} div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent{overflow:hidden;padding:20px 5px;} div#pic-popup table tr td div.dotted{width:100%;height:1px;margin:14px 0;font-size:1px;line-height:1px;border-top:1px dotted #aeaeae;float:left;} div#pic-popup table tr td ul{width:235px;float:left;} div#pic-popup table tr td ul li{display:inline;} div#pic-popup table tr td div.tag {float:left;} div#pic-popup table tr td div.tag span{padding-right:4px;margin-right:10px;} div#pic-popup table tr td div.tag a{color:#009acf;text-decoration:none;} div#pic-popup table tr td div.tag a:hover{color:#006182;} div#pic-popup a.bt-select{display:block;width:140px;height:33px;margin:12px 0 0 0;float:left;} div#pic-popup a.bt-galerie{display:block;width:161px;height:33px;float:left;margin-left:25px;} div#pic-popup a.bt-tag{display:block;width:67px;height:33px;float:left;margin-left:25px;} div#pic-popup a.bt-delete{margin-left:25px;} div#pic-popup span.FBConnectButton{float:left;margin-top:6px;} div#pic-popup table tr td a.bt-fb{float:left;} /* gallery-action */ #gallery-action{width:513px;margin-top:100px;float:left;} #gallery-action div.tag {width:100%;float:left;} #gallery-action div.tag span{padding-right:4px;margin-right:10px;} #gallery-action div.tag a{color:#009acf;text-decoration:none;} #gallery-action div.tag a:hover{color:#006182;} #gallery-action div.dotted{width:100%;height:1px;margin:14px 0;font-size:1px;line-height:1px;border-top:1px dotted #aeaeae;float:left;} #gallery-action a.bt-select{display:block;width:140px;height:33px;float:left;} #gallery-action a.bt-galerie{display:block;width:161px;height:33px;float:left;margin-right:25px;} #gallery-action a.bt-tag{display:block;width:67px;height:33px;float:left;margin-left:25px;} #gallery-action ul{width:235px;float:left;} #gallery-action ul li{display:inline;} /*#gallery-action span.FBConnectButton{float:left;margin:6px 25px 0 0;padding-left:18px;}*/ #gallery-action a.bt-delete{margin-left:25px;} #gallery-action .FBConnectButton_Small .FBConnectButton_Text{padding:3px 6px 3px;} #gallery-block{width:483px;height:100%;min-height:150px;position:relative;background:transparent url("../img/middle/picture/border.png") scroll no-repeat bottom center;padding:0 0 30px 30px;float:left;} #gallery-block a#bt-prev{width:26px;height:26px;position:absolute;top:90px;left:0;background-image:url("../img/middle/picture/picto-prev.png");} #gallery-block a#bt-next{width:26px;height:26px;position:absolute;top:90px;right:0;background-image:url("../img/middle/picture/picto-next.png");} #gallery-block a#bt-prev span, #gallery-block a#bt-next span{display:none;} #gallery-block #pic{width:453px;margin:0 auto;text-align:center;overflow:hidden;float:left;} #gallery-block #pic img{text-align:center;} #gallery-form{width:453px;padding:0 30px 0 30px;float:left;} #gallery-com{padding-left:10px;float:left;margin-top:20px;} /* Toy Story Playland */ #tsp{width:100%;margin:-56px 0 0 8px;padding-top:514px;background:url('../img/middle/tsp/body.jpg') scroll no-repeat 0 0 transparent;} * html #tsp{z-index:999;position:relative;margin-right:10px;} #tsp h1{text-align:center;} #tsp h2{margin:14px 0 8px;} #tsp .padm{padding:0 75px;} #tsp .padl{padding:0 90px;} #tsp div p{margin-bottom:12px;font-size:12px;} #tsp .padm p{color:#196bce;} #tsp .padl p{color:#4d4e4e;} #tsp div p a{font-style:italic;text-decoration:underline;color:#4d4e4e;} #tsp div p a:hover,#tsp div p a:active{color:#000;} #tsp div#map{margin-bottom:30px;} /* Bouton de partage facebook */ span.FBConnectButton{float:left;margin:6px 25px 0 0;padding-left:18px;}