/* ----------------------------------- Template specific styles ------------------------------------- *//* Generic Styles */ body { padding: 0; margin: 0px; background:#ffffff; text-align:center;} body, table, td, div { font-size: 12px; line-height: 1.6; font-family: Arial, Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #666666; font-weight:400;} a { color: #4460ff; text-decoration: none;} a:hover { color: #4460ff; text-decoration: underline;} table { border-collapse:collapse;} input {margin-top: 5px;} tr {padding: 3px} #logininfo {/* margin-left: -155px; margin-top: 50px; */ float:right; width:340px;} /* Content Blocks */ #wrapper { width: 970px; margin:0 auto; text-align:left; position:relative; /* BLAKKAT MODIF **/} #shadow_t { width: 970px; background:url(images/bg_t.jpg) no-repeat top;} #shadow_m { width: 970px; background:url(images/bg_m.jpg) repeat-y ;} #shadow_b { width: 970px; background:url(images/bg_b.jpg) no-repeat bottom; padding: 10px 0;} #content { background: #ffffff; width: 900px; /*padding: 25px 0;*/ margin: 0 35px; position:relative;} #content_home_page { background-color: #003566; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0055A4), to(#003566), color-stop(.5,#00396E)); background: -moz-linear-gradient(top, #0055A4 0%, #00396E 50%, #003566 100%); width: 950px; /*padding: 25px 0;*/ margin: 0 10px; position:relative;} #content p.presentationText{ font-weight:normal; display:block; width:475px; font-size:20px; padding:0 5px 0 5px; font-family:'Nobile', Arial, Tahoma, Geneva, Arial, Helvetica, sans-serif; float:left;} #content_home_page p.presentationText{ font-weight:normal; display:block; width:475px; font-size:20px; padding:0 5px 0 5px; color:#ffffff; font-family: Arial rounded MT bold, Tahoma, Geneva, Arial, Helvetica, sans-serif; float:left;} #content a img.infosIts{ float: right; border: none; margin: 20px 0 0 0;} #content_home_page a img.infosIts{ float: right; border: none; margin: 20px 0 0 0;} #content a img.infolettreIts{ float: right; border: none; margin: 20px 45px 0 20px; cursor:pointer; position: relative; z-index: 2;} #content_home_page a img.infolettreIts{ float: right; border: none; margin: 20px 55px 0 20px; cursor:pointer; position: relative; z-index: 2;} #content_home_page a img.twitter{ float: left; border: none; margin: 10px 15px 0 20px;} #content_home_page a img.facebook{ float: left; border: none; margin: 10px 0 0 0; cursor:pointer; position: relative; z-index: 2;} #donate { position: absolute; right:202px; top:20px; width: 155px;}/** BLAKKAT MODIFS **/ #donate a{ display:block; width:155px; height:125px; outline:none; overflow:hidden; text-indent:-1000px; font-size:1px; letter-spacing:-1000px;} #donate a.FR{ background:transparent url(images/FR/donate.gif) no-repeat top left;} #donate a.EN{ background:transparent url(images/EN/donate.gif) no-repeat top left;}/** END BLAKKAT MODIFS **//* Header Blocks */ #header { width: 950px; height: 95px; overflow:hidden; margin: 0 10px;} #header_about { width: 950px; height: 95px; overflow:hidden; margin: 0 10px;} #header_left { width: 350px; height: 95px; float:left;} /** BLAKKAT MODIFS **/ #header_left h1{ margin:0px; padding:0px;} #header_left h1 a{ display:block; width:350px; height:95px; outline:none; overflow:hidden; text-indent:-1000px; font-size:1px; letter-spacing:-1000px;} #header_left h1.FR a{background:transparent url(images/FR/logo.gif) no-repeat top left;} #header_left h1.EN a{background:transparent url(images/EN/logo.gif) no-repeat top left;} /** END BLAKKAT MODIFS **/ #header_right { width: 580px; /*height: 95px;*/ height:2px; text-align:right; /*line-height: 95px;*/ line-height: 14px; color:#666666; /** BLAKKAT MODIFS **/ /*float:right;*/ position:absolute; top:50px; right:10px; /** END BLAKKAT MODIFS **/} #header_right a { color: #666666; text-decoration:none;} #header_right a:hover { color: #000000; text-decoration: underline;} #header_right a span{ display:block; overflow:hidden; text-indent:-1000px; font-size:1px; letter-spacing:-1000px; width:1px; height:1px;}/** BLAKKAT MODIFS **/ #header_right ul{ margin:0px; padding:0px; list-style:none;} #header_right ul li{ margin:0px; padding:0px; display:block; float:left; border-left:1px solid #666666; margin:0 0 0 5px; padding:0 0 0 5px; width:auto;} #header_right ul li:first-child{ border-left:none; margin:0px; padding:0px;} /** END BLAKKAT MODIFS **/ #footer { width: 920px; background: url(images/bg_content.gif) repeat-x top; border-top: 5px solid #CCCCCC; padding: 20px 0; margin: 0 25px;} #footer_inner { width: 920px; margin: 0 auto; text-align:left; background: url(images/bg_footer_inner.gif) repeat-y left;} .footer_cell { width: 280px; margin-left: 26px; float:left; display:inline; text-align:left; font-size:11px; color:#999999;}.footer_cell a { color:#666666; text-decoration:none; outline:none;} .footer_cell a:hover { color:#333333; text-decoration:underline;} /** BLAKKAT MODIFS **/ .footer_cell a span{ display:block; overflow:hidden; text-indent:-1000px; font-size:1px; letter-spacing:-1000px; width:1px; height:1px;} .footer_cell ul{ margin:0px; padding:0px; list-style:none;} /** END BLAKKAT MODIFS **/ #language { text-align:center; padding:10px 0; width:100%;} /* Homepage Stuff */ #home_content_top { width: 900px; height: 380px; /*overflow:hidden;*/ background: url(images/bg_search.jpg) no-repeat right bottom;} #home_slogan { /*padding-left: 320px; padding-top: 20px;*/ height:90px;/* overflow:hidden;*/} .home_note1 { font-size: 32px; line-height: 40px; color: #39a4dc; font-weight:400;} .home_note2 { font-size: 16px; line-height: 20px; color: #666666; font-weight:400;} #home_join { width:190px; float:right; margin: 0; }/** BLAKKAT MODIFS **/ #home_join a#inscription_FR, #home_join a#inscription_EN,#home_join a#membres_FR, #home_join a#membres_EN{ display:block; width:190px; height:50px; outline:none; overflow:hidden; text-indent:-1000px; font-size:1px; letter-spacing:-1000px;} td#btn-inscription a#inscription_FR{background:transparent url(images/FR/join.gif) no-repeat top left; width: 298px; height: 142px; display:block;text-indent:-9999px;/*margin-left: -80px;*/ margin-top: 10px} td#btn-inscription a#inscription_EN{background:transparent url(images/EN/join.gif) no-repeat top left;} #home_join a#membres_FR{background:transparent url(images/FR/login.gif) no-repeat top left;} #home_join a#membres_EN{background:transparent url(images/EN/login.gif) no-repeat top left;} td#btn-connexion, td#btn-inscription{width: 300px;} table#table-ouverture-session, table#ss-table-ouverture-session{width:300px; margin: 0 10px;} table#table-ouverture-session-homepage, table#ss-table-ouverture-session-homepage{width:300px; margin: 0 10px;} /** END BLAKKAT MODIFS **/ #home_content_lower { width: 900px; padding: 20px 0; padding: 20px 0;} #home_left { width:430px; float:left;} #home_right { width:430px; float:right;} #home_search { padding-top: 95px; padding-left: 565px;} * html #home_search { padding-top: 55px;} .home_searchtitle { font-size: 24px; line-height: 28px; color: #ffffff; font-weight:400;} .home_searchtxt { font-size: 12px; color: #ffffff; font-weight:400;} .home_content_header { font-size: 18px; line-height: 18px; padding-bottom: 15px; color:#000000; font-weight:400;} .home_content_body { width: 430px;} .tag1 a, .tag2 a, .tag3 a, .tag4 a, .tag5 a, .tag6 a, .tag7 a { color:#666666; font-weight:400; text-decoration:none;} .tag1 a:hover, .tag2 a:hover, .tag3 a:hover, .tag4 a:hover, .tag5 a:hover, .tag6 a:hover, .tag7 a:hover { color:#000000; font-weight:400; text-decoration:underline;} .tag1 { font-size:10px; padding:0 2px;} .tag2 { font-size:11px; padding:0 2px;} .tag3 { font-size:12px; padding:0 2px;} .tag4 { font-size:13px; padding:0 2px;} .tag5 { font-size:14px; padding:0 2px;} .tag6 { font-size:15px; padding:0 2px;} .tag7 { font-size:16px; padding:0 2px;} #home_profile { width: 100%;} #home_profile td {width: 25%; text-align:center;} #home_profile div a {font-size:10px; line-height: 12px; color: #000000; text-decoration: none;} #home_profile div a:hover { color: #000000;} a.profile_image img { padding: 5px 10px 10px 5px; margin-left: 5px; background:url(images/bg_profile.gif) no-repeat bottom right; width:70px; height:90px;} /* Nav main Menu */ #nav { width: 950px; height: 50px; background:url(images/bg_nav.gif) top repeat-x; overflow:hidden; line-height: 50px; font-size: 12px; font-weight:700; margin: 0 10px;}/** BLAKKAT MODIFS **/ #nav ul{ padding:0px; margin:0px; list-style:none;} #nav ul li{ float:left; width:auto; display:block; background: url(images/bg_navlink.gif) right no-repeat;} /** END BLAKKAT MODIFS **/ #nav a { padding: 0 8px 0 7px; /*background: url(images/bg_navlink.gif) right no-repeat;*/ color:#ffffff; text-decoration:none; display:block; /*float:left;*/ outline:none;} #nav a:hover { background: url(images/bg_navlink.gif) right no-repeat #ffba00; color:#ffffff; text-decoration:none;} #nav a span{ display:block; overflow:hidden; text-indent:-1000px; font-size:1px; letter-spacing:-1000px; width:1px; height:1px;} /* Forms */ input, textarea, select { font-size: 12px; font-family: Arial rounded MT bold, Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #000000;} .button { /* all form buttons */ font-size: 16px; font-family: Arial, Tahoma, Geneva, Arial, Helvetica, sans-serif; padding: 3px 7px; font-weight: 700; color: #ffffff; background-color: #fb9700; border: none; } .loginbutton {color: #fff;background:url(images/FR/connexion.gif); display: block; width: 100px; height: 26px; border: none; margin-top: 4px; padding:0;} .clearBoth { clear:both!important; height:1px; line-height:1px; overflow:hidden;}/* rotator in-page placement */ div#rotator { float: left; height:380px; width: 551px; margin-left: -35px; padding: 0;} div#rotator img {padding: 0; margin-top: -11px;}/* rotator css */ div#rotator ul li { float:left; position:absolute; list-style: none;}/* rotator image style */ div#rotator ul li img { background: #FFF;} div#rotator ul li.show { z-index:500} /* Page specific blocks */ /* #profile_form .goals td { color: #00c;} #profile_form .activities td { color: #090;} #profile_form .free_time td { color: #c00;} #profile_form .webcam td { color: #909;} */