/* CSS Document */ /* ----------------------------------------------------------------------------------- Main */ html, body { width:100%; height:100%; } body, td, p, div, span { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; } a { outline:none;} img, input { behavior: url("../js/pngdetect2.htc"); } #content { background:url(../img/headercont.jpg) 0 0 no-repeat; padding:10px 40px 0px 40px; border-bottom:10px solid #f3f3f3;} #content ul { list-style: none; margin:5px; padding:20px;} #content ul li { list-style:url(../img/listicon.gif); padding-left: 5px;} #content ul li .subliste { list-style:none; padding-left:5px;} #content a { color:#009900; font-weight:bold; text-decoration:underline; } .green { color:#009900; font-weight:normal; } .passpage { font-size:9px; color:#22B1E1;} .passpage a:hover { font-size:9px; color:#fff;} #content { height:auto; min-height:896px;} * html #content { height:896px; margin:0;} h1 {font-weight: bold; font-size: 13px; color:#333; } #bord{border-top:1px dashed #8dc62c; border-bottom:1px dashed #8dc62c; padding:5px;} /*a, a:link, a:visited, a:active, a:hover { color: #000000; }*/ .lien1 a:link, .lien1 a:visited, .lien1 a:active { color: #22B1E1; } .lien1 a:hover { color: #b8e6f6; } .more { color: #FFFFFF; } .more a:link, .more a:visited, .more a:active { color: #FFFFFF; text-decoration: none; } .more a:hover { color: #b8e6f6; text-decoration: underline; } #linkMonica { display:none;} .linkGreen { color:#8dc62c;} /* ----------------------------------------------------------------------------------- Main */ #left { background:url(../img/bg_left.jpg) top right no-repeat; } #right { background:url(../img/bg_right.jpg) top left no-repeat; } #coll { background:url(../img/bglc.gif) center repeat-y; border-bottom: 4px solid #fafafa; } #colr { border-left: 1px #FFF solid; height:100%; } .whtb { border-bottom: 1px #FFF solid; } /* ----------------------------------------------------------------------------------- Menu */ /*.menuContainer { position:absolute; padding-bottom:0px; clear:both; border-top:1px solid #dddddd; }*/ .menu{ width:690px; position:relative; display:block; top:-5px; left:-50px; display:block; margin:0; padding:0; } .menu ul{ height:auto; list-style:none; padding:0px; margin:0px; background-color:#e9f5d6; } .menu li ul{ visibility:hidden; position:absolute; } .menu li li ul{ position:absolute; margin-left: 130px; margin-top:-20px; width:200px; } .menu li{ list-style:none; /*width:70px;*/ display:inline; display:block; margin-right:5px; padding:0; float:left; } .menu li li{ display:block; float:none; } /* correct a little IE bug */ * html .menu li li{ display:inline; } .menu a{ text-align:left; color:#333; display:block; /*width:70px;*/ text-decoration:none; padding:4px 2px 3px 13px; margin:0px; background:url(../img/arrow.gif) left center no-repeat; } .menu a:hover { color:#333333; } #menuMain { font-size: 9px; background:url(../img/headredbis.jpg); } /*#navi { padding-right: 4px; display:block; line-height:normal; } #navi a { color: #666666; background:url(img/arrow.gif) left top no-repeat; text-decoration: none; padding-left: 0px; } #navi a:hover { color: #99cc00; } #navi ul { margin:0; list-style:none; } #navi li { float:left; margin:0; padding: 8px 4px 8px 0px; } #navi #current { background:url("img/rcright.gif") no-repeat right top; } #navi #current a { background:url("img/rcleft.gif") no-repeat left top; color:#FFFFFF; padding: 8px 0px 8px 0px; } */ #footer { font-size: 9px; background:url(../img/bkg_bottom.jpg) left top no-repeat #FFF; width: 847px; height: 57px; padding: 10px 10px 0px 100px; border: 0px solid red; } /*#footer ul { margin:0; list-style:none; padding-left: 27px; } #footer li { float:left ; margin:0; padding-top: 16px; }*/ /*#footer img { float:right }*/ #footer a { font: bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; text-decoration: none; padding-left: 10px; } /* ----------------------------------------------------------------------------------- Blocs */ .title { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; background-color:#27738b; padding:2px;} .title2 { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px dashed #669999; } .title3 { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; margin-bottom: 5px; } #topics { background-color:#f4faff; font-size: 9px; } /*#topics2 { background:url(../img/topic2.jpg) top no-repeat #f7f9fa; font-size: 9px; }*/ .topic_subtit { font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #006699; padding-bottom: 3px; } .topic_td { padding:5px; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:15px;} .topic_tdm { border: dashed #bababa; border-width: 1px 1px 0px 1px; } .topic_td a { color: #333; text-decoration: none; } .topic_tdm a { color: #333; text-decoration: none; } .topic_td a:hover { color: #006699; text-decoration: none; } .topic_tdm a:hover { color: #006699; text-decoration: none; } .newsflash{ background-color:#aed3d7;} .newsflash h3{font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; padding:0 0 3px 0; margin:0} .newsflash p{font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; padding:0; margin:0;} #video { background:url(../img/vid02a.jpg) top no-repeat; font-size: 9px; } .vid1 { background:url(../img/vid01.jpg) left top no-repeat #1C617A; width: 336px; } .vid2 { background:url(../img/vid02b.jpg) right bottom no-repeat #1C617A; width: 300px; } .video_subtit { font-size: 11px; font-weight: bold; color: #FFF; } .video_td { border-bottom: 1px dashed #669999; color: #FFF; padding-top: 4px; padding-bottom: 4px; } .bvid1 { font-size: 11px; font-weight: bold; color: #32B2CF; height: 20px; } .bvid2 { font-size: 11px; font-weight: bold; color: #FFF; text-align: right; height: 20px; } #minimoni { background:url(../img/mini.jpg) top no-repeat #F3F3F3; font-size: 9px; border-bottom: 1px #FFF solid; padding: 10px; } #agenda { background: #1C596B; padding: 8px 0px 5px 0px; } .agenda { background:url(../img/agenda.gif) bottom repeat-x #FFF; /*margin-top: 10px;*/ } .agenda3 { background:#ffffff;} .date { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color : #BEBEBE; border-bottom: 1px solid #F2F2F2; } .day { float: left; font-size:40px; padding-left: 5px; padding-right: 3px; } .hours { font-size:12px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color:#27738b; padding-left:10px; } .plan { font: 11px Arial, Helvetica, sans-serif; color: #666666; padding:0px 0; } /* #calendar { width: 203px; height: 250px; } #calendar a { font-size: 10px; color: #666666; text-decoration: none; display:block; float:left; width: 28px; height: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align:center; padding: 8px 0px 8px 0px; } #calendar #today { font-size: 10px; color: #FFF; background: #22B1E1; text-decoration: none; display:block; float:left; width: 28px; height: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align:center; padding: 8px 0px 8px 0px; } */ #calendar { width: 246px; height: 280px; } #calendar a { font-size: 10px; color: #666666; text-decoration: none; display:block; float:left; width: 40px; height: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align:center; padding: 8px 0px 8px 0px; } #calendar span { font-size: 10px; color: #C0C0C0; text-decoration: none; display:block; float:left; width: 40px; height: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align:center; padding: 8px 0px 8px 0px; } #calendar a:hover { background: #b8e6f6; text-decoration: underline;} #calendar #today { font-size: 10px; color: #FFF; background: #22B1E1; text-decoration: none; display:block; float:left; width: 40px; height: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align:center; padding: 8px 0px 8px 0px; } /*--------------------------------------------------------------------------------------- new calendar */ .agenda2{ background:#27738b; color:#FFFFFF; padding:5px; /*border:#002642 solid 1px;*/} .agenda2 p{color:#bebebe; font-size:16px;} .today { font-size: 20px; color: #22B1E1; background: #FFF; text-decoration: none; display:block; float:left; width: 80px; height: 20px; text-align:center; padding: 8px 0px 8px 0px; margin:3px; } .anno { font-size: 20px; color: #FFF; text-decoration: none; display:block; float:left; width: 60px; height: 20px; text-align:center; padding: 8px 0px 8px 0px; margin-top:3px; } #calendar2 { width: 326px; height: 200px; background:#27738b; } #calendar2 a { font-size: 10px; color: #FFF; text-decoration: none; display:block; float:left; width: 40px; height: 13px; text-align:center; } #calendar2 span { font-size: 10px; color: #C0C0C0; text-decoration: none; display:block; float:left; width: 40px; height:10px; text-align:center; padding: 8px 0px 8px 0px; } #calendar2 a:hover { background: #9bed0f; text-decoration: underline;} #calendar2 #today { font-size: 10px; color: #1c596b; background: #9bed0f; text-decoration: none; display:block; float:left; width: 40px; /*height: 10px;*/ text-align:center; /*padding: 8px 0px 8px 0px;*/ } #agdroll{ position:relative; top:64px; left:85px; z-index:100; margin-bottom:-210px;/**/} #agdroll a{ color:#FFFFFF; text-decoration:none;} /*--------------------------------------------------------------------------------------- end new calendar */ .agb { border-left: 1px solid #1C596B; } .week { } #month { padding-bottom:20px;} #month a { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666; text-decoration: none; } #month a:hover { color: #006699; } #month ul { padding-left: 0; margin:0; list-style:none; } #month li { padding-left: 15px; margin:0; } #month #sel a { color: #22B1E1; font-weight: bold; } .listDate { color:#999999;} .linkMore { font-size:9px; color:#8dc62c; text-decoration:none;} .dateSem { font-weight:bold; font-size:14px; color:#aaaaaa;} .overDivStyle { background:#FF0000; } /* ----------------------------------------------------------------------------------- Blocs */ .doc1 { background:url(../img/docbgred.jpg) top no-repeat; width: 290px; padding: 15px 15px 40px 15px; } .doc2 { background:url(../img/docbg02.jpg) bottom no-repeat #8ec52c; width: 320px; font-size: 9px; color: #666666; padding-bottom: 7px; } .doc2 a { font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; text-decoration: none; padding-left: 0px } .news1 { background:url(../img/newsbg01.jpg) top no-repeat; width: 290px; padding: 15px 15px 40px 15px ; } .news2 { background:url(../img/newsbg02.jpg) bottom no-repeat #8ec52c; width: 320px; font-size: 9px; color: #666666; padding-bottom: 7px; } .news2 a { font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding-left: 8px } .bloc { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dashed #e5e5e5; overflow:auto; } div.bloc:hover { background-color: #e9f5d6; cursor: pointer;} .sideimg { display:block; background: #FFF; padding: 3px; border: 1px solid #bababa; float:right; margin-left: 4px; } .sideimg2 { display:block; background: #FFF; padding: 3px; border: 0px solid #bababa; float:right; margin-left: 4px; } .side_date { font-size: 11px; font-weight: bold; color: #bababa; } .side_subtit, .side_subtit a { font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; padding-bottom: 2px; } .side_cont, .side_cont a { font-size: 9px; color: #666666; } .next { text-align: left; } .next a { color: #22B1E1; padding: 0px; text-decoration:underline; } .next a:hover { color: #006699; padding: 0px; text-decoration:underline; } #europe { background:url(../img/europe.jpg) top no-repeat; height: 134px; padding-left: 30px; position:relative; } .europ1 { font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; position:absolute; left: 30px; top: 54px; width: 235px; } .europ2 { font-size: 10px; color: #FFF; position:absolute; left: 30px; top: 78px; width: 235px; } .europ2 a { color: #FFF; text-decoration: none; } .europ2 a:hover { color: #ffcc00; text-decoration: underline; } #italy { background:url(../img/italy.jpg) top no-repeat; height: 134px; padding-left: 30px; border-bottom: 5px solid #fafafa; position:relative; } .italy1 { font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4C4C4C; position:absolute; left: 30px; top: 24px; width: 235px; } .italy2 { font-size: 10px; color: #4C4C4C; position:absolute; left: 30px; top: 78px; width: 235px; } .italy2 a { color: #4C4C4C; text-decoration: none; } .italy2 a:hover { color: #669900; text-decoration: underline; } #bkgLinks { height:118px; background:url(../img/bkg_links_greens.gif) repeat-x top left;} #bkgLinksGames { background:url(../img/bkg_games.gif) repeat-x bottom left;} #colDroite{ height:100%;} #tableFond { height:100%; vertical-align: middle;} .imgLinks { border:1px solid #d4d4d4; margin:0px 3px 0px 3px;} .imgLinksG { padding:0px 9px 0px 9px;} #signKadranet a { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; text-decoration:none; padding:0px 10px 10px 0px;} /* ----------------------------------------------------------------------------------- Form */ input { font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666; background-color:white; } .noborder { border:0; } #search { position: relative; background: url(../img/searchbg.jpg); width: 122px; height: 27px; text-align:center; } .searchfil input { width: 69px; border: 0px solid green;} .searchfil { position: absolute; top: 3px; left: 4px; width: 73px; height: 16px; margin: 0; border: 0px solid red; padding: 2px; } .go { position: absolute; top: 3px; left: 82px; background: url(../img/searchgo.jpg) no-repeat; width: 37px; height: 20px; border: 0px; border: 0px solid green; padding: 0; margin: 0;} #strip { position: relative; background: url(../img/sendbg.jpg) no-repeat; width: 250px; height: 20px; float: right;} .sendfil input { width: 269px; border: 0px solid green;} .sendfil { position: absolute; top: 0px; right: 88px; width: 273px; height: 18px; margin: 0; border: 0px solid red; padding: 2px; } .send { position: absolute; top: 0px; right: 0px; background: url(../img/send.gif) no-repeat; width: 87px; height: 20px; border: 0px; border: 0px solid green; padding: 0; margin: 0;} .headlines_title {font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #27738b; font-weight:bold;} .headlines_subtitle {font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333333; font-weight:bold;} .headlines_date {font: 11px Arial, Helvetica, sans-serif; color: #8dc62c; font-weight:bold;} .headlines_text {font: 12px Arial, Helvetica, sans-serif; color: #666666;} .euronews_text {font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; padding:5px;} .euronews_textfield { border:1px solid #cfcfcf; width:215px;} #new_minimonica {color:#27738b; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;} #search_text { color:#ffffff; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;} .title_free_box_green {color:#005826; font: 16px Arial, Helvetica, sans-serif; font-weight:bold;} .subtitle_free_box_green {color:#005826; font: 11px Arial, Helvetica, sans-serif; font-weight:bold;} .title_free_box_red {color:#83070c; font: 16px Arial, Helvetica, sans-serif; font-weight:bold;} .subtitle_free_box_red {color:#83070c; font: 11px Arial, Helvetica, sans-serif; font-weight:bold;} .title_free_box_black {color:#0a0c09; font: 16px Arial, Helvetica, sans-serif; font-weight:bold;} .subtitle_free_box_black {color:#0a0c09; font: 11px Arial, Helvetica, sans-serif; font-weight:bold;}