/********************** FEUILLE DE STYLES - club actionnaires belge **************************/ body {font-family:"Tahoma", "sans-serif"; font-size: 0.69em; color: #23394a; background-image: url("images/new/background.gif"); background-repeat: repeat-y;background-position: top center; } a, img {outline: none;} a {color:#23394a; text-decoration:none;} * html li, * html input, * html textarea, * html img, * html a, * html p{position:relative;} a:hover { text-decoration:underline} img {border:none;} /* **************************** BACKGROUND ************************************** */ .background-page {background-image: url("images/new/background/background.gif"); background-repeat: repeat-x;background-position: top center;} /* **************************** TITRE ************************************** */ h2 {color:#0B958D; font-weight:bold;font-size:1.125em; margin-bottom: 8px;} h3 {color:#0B958D; margin-bottom: 8px;} /* **************************** INTERFACE ************************************** */ #col-centre object, iframe {position: relative;} /* interface hp */ .interface_grid_hp {width: 950px; } .interface_grid_hp #teq-col-gauche {float:left; width:185px;} .interface_grid_hp #teq-content {float:left; width:484px;} .interface_grid_hp #teq-col-droite {float: left; overflow-x:hidden; width: 260px; } /* interface 2-0 */ .teq-interface-2 {width: 950px;} .teq-interface-2 #teq-col-gauche {width: 185px; float: left;} .teq-interface-2 #teq-content{width: 745px; float: left;} /* interface 3 */ .teq-interface-3 {width: 950px;} .teq-interface-3 #teq-col-gauche {float:left; width:185px;} .teq-interface-3 #teq-content {float:left; width:490px; } .teq-interface-3 #teq-col-droite {float:left; width: 260px; overflow-x:hidden;} * html .teq-interface-3 #teq-col-droite {margin-top: -40px;} #interface_grid_3 #col-droite #focus-right {width: 184px;} #interface_grid_3 #col-droite #focus-right #focus-right-container {width: 184px;} #interface_grid_3 #col-droite #focus-right-bottom {width: 184px; height: 120px; } * html .interface_grid_hp #teq-col-gauche { position: relative; } /* **************************** HEADER ************************************** */ /* HEADER */ #header { display:block; margin:0 auto; padding:2px 0 0; width:964px;} #teq-header-container {padding-top:7px;} #teq-header-content {width: 964px; margin: 0 auto;} .teq-header-no-flash-bgr{background-image: url("images/teq-bgr-rpt.png"); background-repeat: repeat-y; width: 100%; } .teq-header-no-flash-bgr .teq-header-no-flash-bgr-marge{padding: 5px 20px;} #teq-header-content p, #teq-header-content a, #teq-header-content li {position: static;} /* Logo */ #teq-header-content #teq-header-logo {} #teq-header-content #teq-header-logo p {padding: 5px 0px;} /* Navigation Principale */ #teq-header-content #teq-nav p{font-weight: bold; color: #6d1e8b;} #teq-header-content #teq-nav ul {margin-left: 15px;} #teq-header-content #teq-nav ul li {list-style: square outside; color: #6d1e8b;} #teq-header-content #teq-nav ol li span {color: #6d1e8b;} #teq-header-content #teq-nav ul li span {border-bottom: 1px dashed #6d1e8b; color: #6d1e8b;} /* Language */ #teq-header-content #teq-language p{font-weight: bold; color: #6d1e8b;} #teq-header-content #teq-language p a {text-transform: uppercase;} /* Widget */ #teq-header-content #teq-widget p{font-weight: bold; color: #6d1e8b;} #teq-header-content #teq-widget ul {margin-left: 35px;} #teq-header-content #teq-widget ul li {list-style: square outside; color: #6d1e8b;} #teq-header-content #teq-widget ul li span {border-bottom: 1px dashed #6d1e8b; color: #6d1e8b;} /* border haut */ #teq-header-content #teq-border-top {background-image:url("images/teq-sprites.gif"); background-position:-25px -281px; background-repeat:no-repeat; width: 964px; height: 15px;} /* Search */ #teq-header-content #teq-search-header label{font-weight: bold; color: #6d1e8b;} #teq-header-content #teq-search-header input {border: 1px solid #6d1e8b; font-size: 0.9em;} #teq-header-content #teq-search-header input.teq-words {width: 150px;} #teq-header-content #teq-search-header input.teq-submit {background-color: #eee; cursor: pointer; } /* Bourse */ #teq-header-content #teq-bourse span{font-weight: bold; color: #6d1e8b;} /* Espace en cours */ #teq-header-content #teq-espace {font-weight: bold; color: #6d1e8b; text-transform: uppercase; font-size: 1.3em;} /* **************************** ALTERNATIVE TEXTE FLASH HEADER BANDEAU ************************************** */ /* GLOBAL */ #container-cont-header {padding-left:35px; background-image:url("images/new/container-repeat.gif"); background-position:left top; background-repeat:repeat-y; width:964px;} /* LOGO */ #header .logo{float: left;} /* NAVIGATION ACCESSIBILITE */ #nav_acces_web{margin: 0 0 0 30px; visibility: hidden; position: absolute; z-index: 5; } #nav_acces_web li{background-image: url("images/sprites_1.gif"); background-repeat: no-repeat;background-position: -21920px -13px; background-repeat: no-repeat; padding: 0 0 0 15px;} #nav_acces_web li a {color: #565654;} /* LANGUE */ #header .langue{float: left; margin: 0 0 0 30px;} #header .langue li {display: inline; background-image: url("images/sprites_1.gif"); background-repeat: no-repeat;background-position: -21920px -13px; background-repeat: no-repeat; padding: 0 0 0 15px;} #header .langue li a{color: #565654;} /* BOURSE */ #header .bourse{float: left; margin: 0 0 0 30px;} /* RECHERCHE */ #header .recherche{float: left; margin: 0 0 0 30px;} /* MENU */ #header .menu{padding-left:30px;} #header .menu li.niveau { list-style: square; margin: 0 0 15px 0; padding-bottom:15px;} #header .menu li.niveau a{font-weight: bold; color: #2e3092;} #header .menu li.niveau li {list-style: circle; margin-left : 25px; } #header .menu li.niveau li a{font-weight: normal; color: #565654;} /* **************************** FOOTER ************************************** */ #footer {width: 1010px; margin: 0 auto;} #footer_container {height: 212px; padding-bottom:65px;} #footer .footer {width: 964px; background-image: url("images/new/png/footer.png"); background-position: top left; background-repeat: no-repeat; margin-left:23px; height: 56px; padding: 12px 0 0 0;} * html #footer .footer{} #footer ul {width: 100%; text-align: center;} #footer li {display: inline; font-size:0.89em} #footer_legende {color: #f21090; padding: 85px 5px 0 0; text-align: center; width: 1010px; margin: 0 auto; background-image: url("images/new/png/footer-arrondi.png"); background-position: top left; background-repeat: no-repeat; height: 50px;} #footer .footer-right ul {text-align: right;} #footer .footer-right a.offline {border: 1px solid red;} #footer .footer li {margin: 0 10px;} #footer .footer {text-transform: uppercase; color: #645c59;} #footer .footer a {text-transform: uppercase; color: #645c59;} #footer .footer .bourse {background-image: url("images/new/bourse.gif"); background-repeat: no-repeat; padding: 0 0 0 15px; } /* *************** PAGINATION *********************** */ #pagination{color:#0D948E; text-align:center; width:100%;} * html #pagination{ position: relative; } #pagination a{color:#0D948E;} #pagination .currentPage{font-weight:bold;} #pagination .less{} /* **************************** MENU GAUCHE ************************************** */ #colonneLeft {width: 207px;} #menu-container {width: 185px;} #menu-left {width: 180px; text-align: left; float: left;} /* SEPARATEUR */ #separateur-menu-filet {float: left; background-image: url("images/new/png/ombre_menu.png"); background-position: top right; background-repeat: no-repeat; width: 7px; height: 353px;margin: 0 10px;} .sep-menu-left {background-image:url(images/sep-menu-left.gif);background-repeat:no-repeat; width:125px; height:2px;} /* MENU GAUCHE START */ #teq-col-gauche .menugauche {width:175px; margin-right:5px; font-size:1.09em;} * html #teq-col-gauche .menugauche { position: static; margin-top: -40px; } /* MENU GAUCHE TITLE */ #teq-col-gauche .menugauche .menugauche-title{ background:url(images/new/menu) bottom left no-repeat; height:51px; font-weight:normal; text-align:left; padding-left:20px; padding-top:7px; } /* MENU GAUCHE NIVEAU 1*/ #teq-col-gauche .menugauche ul.n-1 li{margin:4px 0;} #teq-col-gauche .menugauche ul.n-1 li.n-1-no-current{background-image:url(images/new/sprite_puces.gif); background-position:-5400px 0; background-repeat:no-repeat; padding-left:20px;} #teq-col-gauche .menugauche ul.n-1 li.n-1-no-current span.teq-n-1{background-image:url(images/new/pixel-gris.gif); background-position:0 15px; background-repeat:repeat-x; padding-bottom:5px; display:block; } #teq-col-gauche .menugauche ul.n-1 li.n-1-no-current span.teq-n-1 a{ color:#494949;} #teq-col-gauche .menugauche ul.n-1 li.n-1-no-current span.teq-n-1 a:hover { font-weight:bold; text-decoration:none;} * html #teq-col-gauche .menugauche ul.n-1 li.n-1-no-current span.teq-n-1 a:hover { font-weight:normal; color:#ffffff; } /* MENU GAUCHE NIVEAU 1 CURRENT*/ #teq-col-gauche .menugauche ul.n-1 li.n-1-current{background-image:url(images/new/sprite_puces.gif); background-position:-5400px 0; background-repeat:no-repeat; font-weight:bold; padding-left:20px;} #teq-col-gauche .menugauche ul.n-1 li.n-1-current a{font-weight:bold; } #teq-col-gauche .menugauche ul.n-1 li.n-1-current a:hover {text-decoration:none; } /* MENU GAUCHE NIVEAU 1 OFFLINE*/ #teq-col-gauche .menugauche ul.n-1 li.n-1-offline{ background-image:url(images/new/sprite_puces.gif); background-position:-5400px 0; background-repeat:no-repeat; padding-left:20px; text-decoration:none; font-weight:bold; color:red; } #teq-col-gauche .menugauche ul.n-1 li.n-1-offline a{color:red;} #teq-col-gauche .menugauche ul.n-1 li.n-1-offline a:hover { text-decoration:none; font-weight:bold;} * html #teq-col-gauche .menugauche ul.n-1 li.n-1-offline a:hover { font-weight:normal; } #teq-col-gauche .menugauche ul.n-1 li.n-1-offline span.teq-n-1 a{color:red;} /* MENU GAUCHE NIVEAU 2*/ #teq-col-gauche .menugauche ul.n-2 li.n-2-no-current{background-image:url(images/new/sprite_puces.gif); background-position:-8100px 2px; background-repeat:no-repeat; display:block; padding: 0 0 2px 10px; color:#37a09c; } #teq-col-gauche .menugauche ul.n-2 li.n-2-no-current a {color:#37a09c; font-weight:normal;} #teq-col-gauche .menugauche ul.n-2 li.n-2-no-current a:hover {font-weight:bold; text-decoration:none} * html #teq-col-gauche .menugauche ul.n-2 li.n-2-no-current a:hover {font-weight:normal; color: #066662; } /* MENU GAUCHE NIVEAU 2 CURRENT*/ #teq-col-gauche .menugauche ul.n-2 li.n-2-current a {background-image:url(images/new/sprite_puces.gif); background-position:-8100px 2px; background-repeat:no-repeat; display:block; padding: 0 0 2px 10px; font-weight:bold; color:#37a09c; } #teq-col-gauche .menugauche ul.n-2 li.n-2-current a:hover {text-decoration:none} /* MENU GAUCHE NIVEAU 2 OFFLINE*/ #teq-col-gauche .menugauche .menugauche-n-2-offline a{background-image:url(images/new/sprite_puces.gif); background-position:-8100px 2px; background-repeat:no-repeat; display:block; padding: 0 0 2px 50px; font-weight:bold; color:red; } #teq-col-gauche .menugauche .menugauche-n-2-offline a:hover { text-decoration:none} /* MENU GAUCHE NIVEAU 3*/ #teq-col-gauche .menugauche ul.n-3 li.n-3-no-current a { display:block; border-bottom:1px solid #ffffff; background-color:#FFFFFF; } #teq-col-gauche .menugauche ul.n-3 li.n-3-no-current a:hover {display:block; background:transparent url(gammes/menu-gauche/menu-n-3.gif) 45px 6px no-repeat; text-decoration:none; font-weight:bold; padding-bottom:5px; background-color:#FFFFFF; } * html #teq-col-gauche .menugauche ul.n-3 li.n-3-no-current a:hover { font-weight:normal; olor:#ffffff; } /* MENU GAUCHE NIVEAU 3 CURRENT */ #teq-col-gauche .menugauche ul.n-3 li.n-3-no-current a { display:block; border-bottom:1px solid #ffffff; background-color:#FFFFFF;} #teq-col-gauche .menugauche ul.n-3 li.n-3-no-current a:hover { display:block; font-weight:bold; padding-bottom:5px; background-color:#FFFFFF; } * html #teq-col-gauche .menugauche ul.n-3 li.n-3-no-current a:hover { font-weight: normal; color:#ffffff; } /* MENU GAUCHE NIVEAU 3 OFFLINE*/ #teq-col-gauche .menugauche .menugauche-n-3-offline a{display:block; border-bottom:1px solid #ffffff; font-weight:bold; color:red; } #teq-col-gauche .menugauche .menugauche-n-3-offline a:hover { } /* MENU GAUCHE BOTTOM */ #teq-col-gauche .menugauche .menugauche-bottom{} /* MENU GAUCHE STOP */ /* **************************** CENTRE ************************************** */ #center {background-image: url("images/new/png/container-repeat.png"); background-position: top left; background-repeat: repeat-y; width: 964px; margin: 0 auto; } #center-container{background-image: url("images/new/container.gif"); background-position: top left; background-repeat: no-repeat; width: 950px; margin: 0 auto; min-height:310px; height:auto !important; height:310px; padding-top:15px;} #contener_center {width: 952px; margin: 0 0 0 16px; } .interface_grid_hp #contener_center {background-image: url("images/new/hp-bgr.gif");background-position: top left; background-repeat: no-repeat; min-height:345px; height:auto !important; height:345px;} #teq-center-content #teq-content-text {color:#23394a; padding:8px 0; text-align:justify; } /*COLONNE DE GAUCHE */ #center #col-gauche { float:left;} #center #col-gauche .col-gauche-contenu {width:210px; height:100%; float:left; padding:10px;} #col-gauche .focus-contenu h1 { color:#FFFFFF; text-transform:uppercase; margin-top:15px; margin-left:15px;} #col-gauche .focus-contenu p { padding-top:15px; padding-left:3px; padding-right:3px; text-align:left} #col-gauche .focus-contenu .focus-header {border-bottom:1px solid #ffffff; } #col-gauche .focus-contenu .focus-header h1 { padding:0; margin:0; margin-left:20px; padding-top:15px; padding-bottom:10px} #col-gauche .focus-contenu .contenu { padding-top:10px; padding-right:5px} /*COLONNE DE DROITE */ #center #col-droite { float:left;} #center #col-droite .col-droite-contenu {width:210px; height:100%; float:left; padding:10px;} #col-droite .focus-contenu h1 { color:#FFFFFF; text-transform:uppercase; margin-top:15px; margin-left:15px;} #col-droite .focus-contenu p { padding-top:15px; padding-left:3px; padding-right:3px; text-align:left} #col-droite .focus-contenu .focus-header {border-bottom:1px solid #ffffff; } #col-droite .focus-contenu .focus-header h1 { padding:0; margin:0; margin-left:20px; padding-top:15px; padding-bottom:10px} #col-droite .focus-contenu .contenu { padding-top:10px; padding-right:5px} /* **************************** TITRE PAGE ************************************** */ #titre_page {font-size:2.36em; color:#0b958d; font-weight:normal;} #titre_page_bs{font-size:2.36em; color:#d58d06; font-weight:normal;} #titre_page_publi{ font-size:2.36em; color:#601FA3; font-weight:normal; } .entete{font-weight:bold; margin:8px 0;} #page-contenu{margin-top:25px;}