* { margin:0; padding:0; } body { background:white url(../img/bg_body.gif) repeat-x top left; } /*body { background:#fccce5 url(../img/bg_body_love.jpg) repeat-x top left; } *****/ body, h1, input, textarea, select, td, th, h1, h2, h3, h4, h5, h6, ul, li, p { font:10px verdana; } a { color:#0079fa; text-decoration:none; } a:hover { text-decoration:underline; } .cach { display:none; } .tour { border:1px solid #515151; } input, select, textarea { background:white; border:1px solid #333333; color:black; vertical-align: middle; } label { cursor: pointer; vertical-align: middle; } .no { border:0 !important; } .ok { text-align:center !important; } .ok input, input.ok { background:#eeeeee; font-weight:bold; text-align:center; } .ok input:hover, input.ok:hover { background:#f7cc01; } .error, .hot, .hint { color:#C10000 !important; font-weight:bold; text-align:center !important; } .error a, .hot a, .hint a { color:#C10000; text-decoration:underline; } .newdata { background:#f7cc01; color:black; font-weight:bold; padding:0 4px; } hr { border:0; background:#eeeeee; margin:10px 30px 10px 20px; } #header, #navbar, #admbar, #content, #footer { margin:0 auto; text-align:left; width:930px; } #content { background:white; } /* ************************************************************************************* HEADER */ #header { background:transparent url(../img/bg_header.gif) no-repeat top center; height:100px; overflow:hidden; } /*#header { background:transparent url(../img/bg_header_love.gif) no-repeat top center; height:100px; overflow:hidden; } *****/ #header h1 { background:url(../img/h1.gif) no-repeat top center; cursor:pointer; display:block; color:white; float:left; height:57px; font-size:1px; margin:20px 130px 0 40px !important; padding-top:20px; width:490px; } /*#header h1 { display:block; color:white; float:left; height:57px; font-size:1px; margin:20px 130px 0 40px !important; padding-top:20px; width:490px; } *****/ #login { display:block; float:left; height:100px; } #login form { float:left; width:160px; } #login p { color:#969696; margin:20px 0 0 10px; /*color:#000000 !important; *****/ } #login p a { color:#f7cc01; /*color:#000000 !important; *****/ } #login p label { display:block; float:left; width:65px; } #login input { background:#5a5a5a; border:1px solid #5a5a5a; color:white; margin:0 0 2px 0; padding:0 2px; width:70px; } #login input.ok { background:#878787; border:1px solid #878787; font-weight:bold; color:white; width:76px; } #login input.ok:hover { background:#f7cc01; color:black; font-weight:bold; } #login p.small { color:#969696; font-size:9px; margin:10px 0 0 20px !important; margin:0 0 0 20px; font-style:italic;} #login p.small a{ color:#969696; } #login p.error { border:2px solid #c10000; background:white; color:#c10000; float:left; font-weight:bold; margin:10px 0 0 10px; padding:10px 5px;text-align:center; width:75px; } /* ************************************************************************************* FORUM */ #forum { border:1px solid #9F009F; border-top:none; overflow:hidden; margin: 0px 30px 10px 20px; width:698px; } #forum .first { overflow:hidden; height:50px; } #forum td { padding-left:5px; padding-right:5px; } /* ************************************************************************************* SONDAGES */ #sondages { border:1px solid #98bb5b; border-top:none; overflow:hidden; margin: 0px 30px 10px 20px; width:698px; } #sondages .first { overflow:hidden; height:50px; } #sondages td { padding-left:5px; padding-right:5px; } #sondages a { color:#98bb5b; font-weight:bold; } /* ************************************************************************************* NAVBAR */ #navbar { background:white url(../img/bg_navbar.gif) repeat-x top left; height:36px; overflow:hidden; } #navbar ul { border-left:1px solid #aaaaaa; height:36px; } #navbar ul li { display:inline; } #navbar ul li a { background:url(../img/bg_navbar_li_right.gif) no-repeat top right; color:#5a5a5a; display:block; float:left; height:36px; font-weight:bold; padding:10px 6px 0 6px; } #navbar ul li a.active { background:url(../img/bg_navbar_li_aactiv.gif) no-repeat top right; color:#5a5a5a; } #navbar ul li a:hover { background:url(../img/bg_navbar_li_atop.gif) repeat-x top right; border-right:1px solid #aaaaaa; color:black; padding-left:5px; text-decoration:none; } /* ************************************************************************************* ADMBAR */ #admbar { background:white url(../img/bg_admbar.gif) repeat-x top left; height:36px; overflow:hidden; } #admbar ul { border-left:1px solid #aaaaaa; height:36px; } #admbar ul li { display:inline; } #admbar ul li a { background:url(../img/bg_navbar_li_right.gif) no-repeat top right; color:#5a5a5a; display:block; float:left; height:36px; font-weight:bold; padding:10px 6px 0 6px; } #admbar ul li a.active { background:url(../img/bg_admbar_li_aactiv.gif) no-repeat top right; color:#5a5a5a; } #admbar ul li a:hover { background:url(../img/bg_admbar_li_atop.gif) repeat-x top right; border-right:1px solid #aaaaaa; color:black; padding-left:5px; text-decoration:none; } /* ************************************************************************************* BANDEAU */ #bandeau { background:white url(../img/bg_bandeau.gif) no-repeat 0 1px; height:150px; margin-bottom:3px; text-align:left; overflow:hidden; } /*#bandeau { background:white url(../img/bg_bandeau_love.gif) no-repeat 0 1px; height:150px; margin-bottom:3px; text-align:left; overflow:hidden; } *****/ #bandeau .infos { margin:20px 0 0 20px; position:absolute; width:165px; height:100px; background:url(../img/info1.gif); } /* quicklist */ #quicklist { background:url(../img/derniers_inscrits.gif) no-repeat top left; width:550px; position:absolute; margin:10px 0 0 230px !important; } #quicklist ul { border:1px solid #c0c0c0; float:left; height:72px; list-style:none; margin:20px 0 0 0; padding:5px 10px; width:205px; } #quicklist ul li{ float:left; height:12px; margin-right:10px; overflow:hidden; width:85px; } #quicklist ul a { color:#5a5a5a; width:85px; } #quicklist ul li:hover { background:#eeeeee; } #quicklist ul.m { background:url(../img/male_big.gif) no-repeat top right; margin-left:25px; } #quicklist ul.f { background:url(../img/female_big.gif) no-repeat top right; margin-left:10px; } /* ********************************************************************************** FAVORISLISTE */ div#fav { background:white; border:1px solid #333333; margin:10px; padding:4px; } div#fav h3 { font-weight:bold; margin:20px 0 0 0; } div#fav ul { border-top:1px dashed #333333; margin:0 0 20px 15px; text-align:justify; } div#fav ul li { border-bottom:1px dashed #333333; clear:left; list-style:url(../img/li.gif); overflow:hidden; padding-top:2px; padding-bottom:2px; width:150px; } div#fav ul li a { color:black; } div#fav ul li a:hover { text-decoration:none; } div#fav ul li img { vertical-align:middle; } /* ********************************************************************************** SONDAGES */ div#sond { margin:10px; padding:4px; } div#sond h3 { font-weight:bold; margin:10px 0 20px 0; } div#sond p { margin:0 0 20px 15px; vertical-align:middle; } #sond ul, #sond ol { margin:10px 30px 10px 40px; text-align:justify; } #sond ul li { color:#333333; list-style:url(../img/li.gif); margin-bottom:5px; } #sond ol li { color:#333333; margin-bottom:15px; } #sond ol li ul li { margin-bottom:0; } /* ************************************************************************************* CONTENT */ #overDiv { filter:alpha(opacity= 79); opacity: 0.79; } #page { background:white url(../img/bg_page.gif) repeat-x top left; border-left:1px solid #cccccc; vertical-align:top; /* width:780px; */ } #page h2 { color:#333333; font-size:18px; font-weight:bold; margin:10px 0 10px 20px; } #page h3 { background:#eeeeee; clear:both; font-size:12px; font-weight:bold; margin:20px 30px 10px 20px; text-indent:5px; } #page img.h3 { position:absolute; } #page h4 { border-bottom:1px dashed black; font-weight:bold; margin:10px 30px 10px 20px; } #page p { color:#333333; margin:10px 30px 10px 20px; text-align:justify; } #page p.right { text-align:right; } #page p label { display:block; float:left; width:120px; } #page ul, #page ol { margin:10px 30px 10px 40px; text-align:justify; } #page ul li { color:#333333; list-style:url(../img/li.gif); margin-bottom:5px; } #page ol li { color:#333333; margin-bottom:15px; } #page ol li ul li { margin-bottom:0; } #page fieldset { border:2px solid #eeeeee; margin:20px; text-align:justify; } #page fieldset legend { color:#aaaaaa; font-size:12px; font-weight:bold; margin:0 0 0 10px; padding:0 4px;} #page fieldset b { color:black; } #page .zone { float:right; margin:0 30px 0 0; text-align:right; } /* edito */ #page .signature { font-weight:bold; text-align:right; } /* liste membres */ #membre { font-weight:bold; float:left; width:300px; margin-left:45px; } #membre ul { text-align:justify; } #membre ul li { color:#333333; list-style:url(../img/li.gif); margin-bottom:5px; list-style-position:inside; } #membre li { color:#333333; margin-bottom:15px; } #membre h3 { background:#eeeeee; clear:both; font-size:12px; font-weight:bold; margin:0px 0px 10px 0px; text-indent:5px; } #membre img { margin-left:10px; margin-right:10px; border:0px; } #membre a { color:#333333; } /* Fin d'inscription */ #page .button { display:block; text-decoration:none; color:black; border:1px solid black; width:51px; text-align:center; background:#eeeeee; font-weight:bold; padding:1px 0px 1px 0px; } #page .button:hover { background:#f7cc01; } p.secure { background-image: url(../img/secure_icon.png); background-position: left 30%; background-repeat: no-repeat; padding-left: 30px; line-height:24px; vertical-align:middle; } /* history */ #page fieldset.history { float:left; margin:10px -5px 30px 20px; width:336px; } #page fieldset.history p{ margin-right:0; } #page fieldset.history img { float:left; margin:10px; width:190px; } /* sondages */ .titre-vert { clear:both; display:block; margin: 20px 30px 0px 20px; padding:3px 0 0 10px; height:17px; font-size:12px; color:#fff; background:#98bb5b url(../img/titre/titre-vert.gif) repeat-x ; font-weight:bold; } /* derniers sujets forum */ .titre-rose { clear:both; display:block; margin: 20px 30px 0px 20px; padding:3px 0 0 10px; height:17px; font-size:12px; color:#fff; background:#9F009F url(../img/titre/titre-rose.gif) repeat-x ; font-weight:bold; } .titre-rose .refresh { float:right; margin:-2px 1px 0 0; border:none; } /* derniers en ligne */ .titre-bleu { clear:both; display:block; margin: 20px 30px 10px 20px; padding:3px 0 0 10px; height:17px; font-size:12px; color:#fff; background:#475B93 url(../img/titre/titre-bleu.gif) repeat-x ; font-weight:bold; } .titre-bleu .refresh { float:right; margin:-2px 1px 0 0; border:none; } #derniers { margin: 5px 30px 20px 20px; padding:0; } #derniers div{ width:70px; margin:8px; margin-top:0px; float:left; overflow:hidden; text-align:center; } #derniers img { width:60px; height:60px; } /* horsocope - Pub */ .titre-noir { clear:both; display:block; margin: 20px 30px 0px 20px; padding:3px 0 0 10px; height:17px; font-size:12px; color:#fff; background:#666666 url(../img/titre/titre-noir.gif) repeat-x ; font-weight:bold; } .titre-noir .refresh { float:right; margin:-2px 1px 0 0; border:none; } #horoscope { margin: 0px 30px 20px 20px; padding:0; } #horoscope img { height:51px; margin:10px 16px; width:83px; float:left; } .titre-jaune { clear:both; display:block; margin: 20px 30px 0px 20px; padding:3px 0 0 10px; height:17px; font-size:12px; color:#fff; background:#FFCC00 url(../img/titre/titre-jaune.gif) repeat-x ; font-weight:bold; } /* dernieres videos */ .titre-rouge { clear:both; display:block; margin: 20px 30px 10px 20px; padding:3px 0 0 10px; height:17px; font-size:12px; color:#fff; background:#990000 url(../img/titre/titre-rouge.gif) repeat-x ; font-weight:bold; } #dernieresVideos { margin: 5px 30px 20px 20px; padding:0; } #dernieresVideos div{ width:70px; height:65px; margin:8px; margin-top:0px; float:left; overflow:hidden; text-align:center; } #dernieresVideos img { border:none; width:62; height:50px; } /* listes */ #page ul#zoneList { margin:0 0 0 25px; } #page ul#zoneList li { float:left; list-style:none; } #page ul#zoneList li a { border:2px solid #eeeeee; float:left; height:105px; font-weight:bold; margin:5px; padding-top:10px; text-align:center; width:85px; } #page ul#zoneList li a:hover{ border:2px solid #fdf2be; background:#fdf2be; color:#c79f01; text-decoration:none; } /* commentaires */ #page p.pageBrowser { text-align:center; } #page p.mess { border-top:1px solid #eeeeee; margin-top:5px; padding:10px 0 0 0; } #page p.mess input { border:0; } #page p.mess span { color:#aaaaaa; display:block; margin-top:10px; text-align:right; } #page p.mess span a { color:#aaaaaa; } #page p.mess .span1 { text-align:left; float:left; } #page p.mess a { color:#515151; } /*#page p.mess img { border:1px solid #515151; margin:0 10px 5px 0; } */ #page .postcomment .ok { margin-left:160px; width:300px; } /* photos */ #page .photos { float:left; display:block; padding:28px; text-align:center; } #page .photos img { border:1px solid #515151; } #page .photos a { text-decoration:none; } /* menu admin */ #commands { background:#eeeeee; margin:30px; text-align:right; } #commands a { color:black; font-weight:bold; } table.visible { margin:0 auto; } table.visible th { background:#eeeeee; font-weight:bold; margin:2px; padding:4px; } table.visible tr { border-bottom:2px solid #eeeeee; } table.visible td { margin:2px; padding:0 4px; vertical-align:top; } table.visible td img { vertical-align:middle; } /* ************************************************************************************* PROFILE */ #page .profil { margin:0 30px 0 30px; vertical-align:top; } #page .profil h3 { font-size:10px; margin:0; text-indent:0; } #page .profil p { margin:5px 0; } #page .profil td { vertical-align:top; } #page .photoLeft { text-align:left; width:320px; } #page .photoLeft { text-align:left; } #page .profil .zone { margin:0; } #page .pub { clear:left; margin:30px 0 20px 15px; } #pubb { margin:0 0 0 20px; } #pubb img { border:1px solid #515151; vertical-align:middle; } /* ************************************************************************************* SIDEBAR */ #sidebar img { border:none; } #sidebar { background:url(../img/bg_sidebar.gif) repeat-y top left; border-right:1px solid #cccccc; vertical-align:top; width:180px; } #sidebar h2 { background:url(../img/bg_sidebar_h2.gif) no-repeat bottom left; color:#333333; font-size:11px; font-weight:bold; padding:8px 0; text-indent:10px; } #sidebar ul { color:#333333; margin:5px 10px 10px 22px; } #sidebar ul li { list-style:url(../img/li.gif); margin-bottom:5px; } #sidebar ul li a{ color:#333333; text-decoration:underline; } #sidebar #memberbar { background-color:#fef0b6; } #sidebar #memberbar h2 { background:url(../img/bg_sidebar_h2_mm.gif) repeat-x bottom left; border-left:1px solid #cccccc; } #sidebar #memberbar ul { background:url(../img/bg_memberbar.gif) no-repeat bottom right; color:#333333; margin:0; padding:5px 0 10px 22px; padding:10px 0 15px 22px; } #sidebar #memberbar ul li { list-style:url(../img/li_mm.gif); margin-bottom:0; } #sidebar #memberbar ul li a { font-weight:bold; color:#c79f01; text-decoration:none; } #sidebar #memberbar ul li a:hover { color:black; } #sidebar #hasard { text-align:center; margin-top:10px; margin-bottom:10px; font-weight:bold; } #sidebar #hasard a { color:#333333; text-decoration:none; } #sidebar #hasard a:hover { text-decoration:underline; color:black; } /* ************************************************************************************** FOOTER */ #footer { color:#c0c0c0; text-align:center; background:url(../img/bg_footer.gif) no-repeat bottom center; height:60px; } #footer p { font-size:9px; text-align:left; padding-left:10px; padding-top:10px; } #footer p a { color:#f7cc01; } /* #footer { border-top:1px solid #cccccc; color:#c0c0c0; padding-top:5px; text-align:center; } #footer img { border:0; float:right; } #footer p { font-size:9px; text-align:left; } #footer p a { color:#c0c0c0; } #footer { border-top:1px solid white; color:#969696; text-align:left; background:url(../img/bg_footer.gif) no-repeat bottom center; height:60px; } #login p { font-size:9px; text-align:left; padding:5px; } #login p a { color:#f7cc01; } */ .youtube { border: none; } .youtube hover { border:2px solid #FFCC33; } .pagelink, .pagelinklast, .pagecurrent { background: #FFFFF; border: 1px solid #FADE1B; padding: 1px 3px 1px 3px; } .pagelinklast, .pagecurrent { background: #F1F1FD; } .pagination-rose .pagelink, .pagination-rose .pagelinklast, .pagination-rose .pagecurrent { background: #FFFFF; border: 1px solid #9F009F; padding: 1px 3px 1px 3px; } .pagination-rose a { font-weight:bold; color: #9F009F; } .pagination-rose .pagecurrent { background: #FFCCFF; } .pagination-rouge .pagelink, .pagination-rouge .pagelinklast, .pagination-rouge .pagecurrent { background: #FFFFF; border: 1px solid #990000; padding: 1px 3px 1px 3px; } .pagination-rouge a { font-weight:bold; color: #990000; } .pagination-rouge .pagecurrent { background: #FFB7B7; } /* ************************************************************************************** LES ETOILES POUR LES VOTES */ div#rating { margin: 0; padding: 0 5px; font-size: 10px; position: relative; width: 172px; height: 21px; background-image: url(../img/rating_bg.png); background-repeat: no-repeat; } div#rating label { width: 150px; position: absolute; left: -155px; top: 3px; text-align: right; font-weight: bold; } div#rating ul { list-style: none; margin: 0 0 0 2px; padding: 0; width: 160px; height: 15px; position: relative; top: 3px; background: url(../img/rating_star.png) top left repeat-x; } div#rating ul li { float: left; padding: 0px; margin: 0px; border: none; list-style: none; } div#rating ul li a { display: block; width: 16px; height: 15px; text-decoration: none; text-indent: 99999px; z-index: 20; position: absolute; padding: 0px; overflow: hidden; } div#rating ul li a:hover { background: url(../img/rating_star.png) left bottom; z-index: 1; left: 0px; } div#rating ul a.one { left: 0px; } div#rating ul a.one:hover { width: 16px; } div#rating ul a.two { left: 16px; } div#rating ul a.two:hover { width: 32px; } div#rating ul a.three { left: 32px; } div#rating ul a.three:hover { width: 48px; } div#rating ul a.four { left: 48px; } div#rating ul a.four:hover { width: 64px; } div#rating ul a.five { left: 64px; } div#rating ul a.five:hover { width: 80px; } div#rating ul a.six { left: 80px; } div#rating ul a.six:hover { width: 96px; } div#rating ul a.seven { left: 96px; } div#rating ul a.seven:hover { width: 112px; } div#rating ul a.eight { left: 112px; } div#rating ul a.eight:hover { width: 128px; } div#rating ul a.nine { left: 128px; } div#rating ul a.nine:hover { width: 144px; } div#rating ul a.ten { left: 144px; } div#rating ul a.ten:hover { width: 160px; } /* ************************************************************************************************************************/ /* ************************************************************************************** LES AVERTISSEMENT: INFO,ERREUR,WARNING,SUCCESS */ div.erreur, div.success, div.info, div.warning { padding: 14px 10px 15px 40px; margin: 5px 30px 10px 20px; background-repeat: no-repeat; background-position: 10px 10px; font-weight: bold; font-size: 12px; color: #555; } div.erreur a, div.success a, div.info a, div.warning a { color: #111; text-decoration:underline; } div.erreur ul, div.success ul, div.info ul, div.warning ul { font-size: 11px; font-weight: normal; padding: 0; margin: 5px 0 0 25px; } div.erreur strong, div.success strong, div.info strong, div.warning strong { font-size: 13px; } div.erreur ul li strong, div.success ul li strong, div.info ul li strong, div.warning ul li strong { font-size: 11px; } div.erreur ul li, div.success ul li, div.info ul li, div.warning ul li { padding: 4px 0 0 0; line-height: 1.3em; } div.erreur { background-image: url(../img/error_icon.gif); background-color: #ffede5; border: 1px solid #dea3a3; } div.success { background-image: url(../img/success_icon.png); background-color: #edffe4; border: 1px solid #9cd580; color: #386522; } div.warning { background-image: url(../img/warning_icon.png); background-color: #ffffe9; border: 1px solid #ecda6e; color: #3b3615; } div.info { background-image: url(../img/info_icon.gif); background-color: #edf4f8; border: 1px solid #8cc0f7; color: #294b6e; } /* *******************************************************************************************************************************************/ /* *************************************** La barre de naviguation pour les fiches membres ***************************************************/ div#mtcMenu { position:relative; width:685px; margin-left:auto; margin-right:auto; margin-top:20px; height: 47px; } div#mtcMenu ul.mtcMenuNav { height: 47px; overflow: hidden; } div#mtcMenu ul.mtcMenuNav li div { display: block; float: left; background-color: transparent; background-repeat: no-repeat; background-position: top left; height: 47px; } div#mtcMenu ul.mtcMenuNav li div.mtcMenuNavSep { width: 8px; background-image: url(../img/nav/mtcMenuNavSep.gif); } div#mtcMenu ul.mtcMenuNav li div.mctMenuFirst { width:22px; background-image: url(../img/nav/mtcMenu_First.gif); } div#mtcMenu ul.mtcMenuNav li div.mctMenuLast { width:22px; background-image: url(../img/nav/mtcMenu_Last.gif); } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav1 { background-position: 0 0; width: 60px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav1 span { background-position: 100% 0; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav1:hover, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav1On { background-position: 0 -57px; color: #434384; width: 60px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav1:hover span, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav1On span { background-position: 100% -57px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav2 { background-position: 0 0; width: 60px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav2 span { background-position: 100% 0; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav2:hover, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav2On { background-position: 0 -57px; color: #434384; width: 60px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav2:hover span, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav2On span { background-position: 100% -57px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav3 { background-position: 0 0; width: 80px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav3 span { background-position: 100% 0; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav3:hover, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav3On { background-position: 0 -57px; color: #434384; width: 80px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav3:hover span, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav3On span { background-position: 100% -57px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav4 { background-position: 0 0; width: 60px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav4 span { background-position: 100% 0; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav4:hover, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav4On { background-position: 0 -57px; color: #434384; width: 60x; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav4:hover span, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav4On span { background-position: 100% -57px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav5 { background-position: 0 0; width: 60px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav5 span { background-position: 100% 0; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav5:hover, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav5On { background-position: 0 -57px; color: #434384; width: 60px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav5:hover span, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav5On span { background-position: 100% -57px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav6 { background-position: 0 0; width: 80px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav6 span { background-position: 100% 0; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav6:hover, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav6On { background-position: 0 -57px; color: #434384; width: 80px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav6:hover span, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav6On span { background-position: 100% -57px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav7 { background-position: 0 0; width: 140px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav7 span { background-position: 100% 0; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav7:hover, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav7On { background-position: 0 -57px; color: #434384; width: 140px; } div#mtcMenu ul.mtcMenuNav a.mtcMenuNav7:hover span, div#mtcMenu ul.mtcMenuNav a.mtcMenuNav7On span { background-position: 100% -57px; } div#mtcMenu ul.mtcMenuNav { margin: 0; padding: 0; list-style: none; } div#mtcMenu ul.mtcMenuNav li { display: inline; margin: 0; padding: 0; cursor:pointer; } div#mtcMenu ul.mtcMenuNav a { float: left; padding: 0 0 0 5px; text-align: center; font: bold 12px/47px Arial,sans-serif; color: #ffffff; text-decoration: none; background-image: url(../img/nav/mtcMenuNavLeft.gif); background-repeat: no-repeat; } div#mtcMenu ul.mtcMenuNav a span { display: block; padding: 0 5px 15px 0; background-image: url(../img/nav/mtcMenuNavRight.gif); background-repeat: no-repeat; } /* *******************************************************************************************************************************************/ #windowEasyAlertBackground, #windowEasyAlert, #windowEasyTitle, #windowEasyGreenButton, #windowEasyClose, #windowEasyImg, #windowEasyDesc{margin:0px;padding:0px;font:normal 12px Arial;color:#000000;}#windowEasyAlertBackground, #windowEasyAlert{width:240px;height:115px;}#windowEasyAlertBackground{position:absolute;right:10px;bottom:0px;overflow:hidden;z-index:5;}#windowEasyAlert{cursor:pointer;position:relative;background:url("../img/chat.gif");}#windowEasyTitle{font-weight:bold;color:#FFFFFF;padding-left:23px;line-height:21px;height:21px;text-align:left;}#windowEasyImg{float:left;width:60px;height:60px;margin-right:3px;border:1px solid black;}#windowEasyGreenButton{text-align:center;margin-top:15px;line-height:19px;clear:both;color:#FFFFFF;font-weight:bold;}#windowEasyClose{float:right;}#windowEasyDesc{padding:5px;text-align:left;} #windowMessageBackground, #windowMessage, #windowMessageTitle, #windowMessageButton, #windowMessageImg, #windowMessageDesc{margin:0px;padding:0px;font:normal 12px Arial;color:#000000;} #windowMessageBackground, #windowMessage{width:240px;height:115px;} #windowMessageBackground{position:absolute;right:10px;bottom:0px;overflow:hidden;z-index:5;} #windowMessage{cursor:pointer;position:relative;background:url("../img/newmessage.gif");} #windowMessageButton{text-align:center;margin-top:0px;line-height:19px;clear:both;color:#FFFFFF;font-weight:bold;} #windowMessageTitle{font-weight:bold;color:#FFFFFF;padding-left:23px;line-height:21px;height:21px;text-align:left;} #windowMessageImg{float:left;width:60px;height:60px;margin-right:3px;border:1px solid black;} #windowMessageDesc{padding:5px;text-align:left; height:60px; overflow:hidden;} div#accueil_box_title { text-align:center; height:20px; line-height:20px; vertical-align:middle; font-size:10px; color:white; font-weight:bold; } div#accueil_box_title .hgauche { float:left; height:6px; width:6px; } div#accueil_box_title .hdroit { float:right; height:6px; width:6px; } .accueil_box_content { height:150px; border-top:none; } div#accueil_box_rouge{float:left; margin-left:10px; width:225px; height:170px; text-align:center;} div#accueil_box_rouge #accueil_box_title { background-color:#ef5334; } div#accueil_box_rouge .accueil_box_content { border:1px solid #ef5334; background-color:#FFBFC1; } div#accueil_box_rouge .accueil_box_content img { border:1px solid #ef5334; } div#accueil_box_pub { float:left; margin-left:10px; width:225px; height:170px; text-align:center;} div#accueil_box_pub .accueil_box_content { border:1px solid #575757; background-color:#CCCCCC; } div#accueil_box_pub .accueil_box_content img { border:1px solid #575757; } div#accueil_box_zapping { float:left; margin-left:20px; width:225px; height:170px; text-align:center;} div#accueil_box_zapping .accueil_box_content { border:1px solid #efdc34; background-color:#FFFFCC; } div#accueil_box_zapping .accueil_box_content img { border:1px solid #efdc34; }