/* Mise en forme du body */ body { margin:0; padding:0; background: #fff url(../images/00_bg.jpg) center; background-repeat:repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#AEAEAE;} body2 { margin:0; padding:0; background: #494948 center; background-repeat:repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#AEAEAE;} /*-----------------------------------------------------------*/ /* Menu Plan du site Aide FAQ */ #topMenu {width: 205px; height: 23px; margin:7px auto 0 auto; padding-top:12px; padding-left: 700px; background-image: url(../images/01_top.gif);} #topMenu ul {margin: 0; padding:0; list-style:none;} #topMenu li {display:inline; border-left: #a0a0a0 solid 1px; padding-left: 5px; padding-right:5px;} #topMenu li a:link { text-decoration: none; color:#95ccff;} #topMenu li a:visited { text-decoration: none; color:#95ccff;} #topMenu li a:hover { text-decoration: underline; color:#fff;} /* Menu Plan du site Aide FAQ */ #topMenu2 {width: 400px; height: 301px; margin:0 0 0 0; padding-top:0px; padding-left: 0px; background-image: url(../images/01_top.gif);} #topMenu ul {margin: 0; padding:0; list-style:none;} #topMenu li {display:inline; border-left: #a0a0a0 solid 1px; padding-left: 5px; padding-right:5px;} /* Menu Plan du site Aide FAQ */ #topMenu3 {width: 400px; height: 500px; margin:0px; padding-top:0px; padding-left: 0px; background-color:#494948;} #topMenu ul {margin: 0; padding:0; list-style:none;} #topMenu li {display:inline; border-left: #a0a0a0 solid 1px; padding-left: 5px; padding-right:5px;} /*-----------------------------------------------------------*/ /* Header */ #header {width: 905px; height: 69px; margin:0 auto 0 auto; padding:0; background-image: url(../images/02_header.jpg);} /*-----------------------------------------------------------*/ /* Menu principal */ #menuPrincipal {width: 855px; height: 39px; margin:0 auto 0 auto; padding: 0 25px 0 25px; background-image: url(../images/03_menuBg.gif); list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center;} #menuPrincipal ul {height: 39px; margin:0; padding:0; list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif;} #menuPrincipal li {float:left; background-image: url(../images/menuPrincipalSeparateur.gif); background-repeat:no-repeat; background-position:top right;} #menuPrincipal li.imageSeparateur {float:left; width:3px; height: 39px; background-image: url(../images/menuPrincipalSeparateur.gif); background-repeat:no-repeat; background-position:top right;} #menuPrincipal a {display: block; width: 87px; height: 27px; margin: 0; padding:12px 0 0 0; text-align:center; text-decoration: none; color:#fff;} #menuPrincipal a.pageActive { background-image: url(../images/menuPrincipalOver.gif); background-repeat:no-repeat; background-position:top center; color:#fff;} #menuPrincipal a:visited {center; color:#fff;} #menuPrincipal a:hover { background-image: url(../images/menuPrincipalOver2.gif); background-repeat:no-repeat; background-position:top center; color:#fff;} /* Menu principal2 */ #menuPrincipal2 {width: 855px; height: 35px; margin:0 auto 0 auto; padding: 0 25px 0 25px; list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center;} #menuPrincipal2 ul {height: 35px; margin: 0; padding-right:214px; list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif;color: #fff;} #menuPrincipal2 li {float:left; background-repeat:no-repeat; background-position:top right; font:#fff;} #menuPrincipal2 a {display: block; width: 87px; height: 27px; margin: 0; padding:12px 0 0 0; text-align:center; text-decoration: none; color:#fff;} #menuPrincipal2 a.pageActive { background-image: url(../images/menuPrincipalOver3.gif); background-repeat:no-repeat; background-position:top center; color:#fff;} #menuPrincipal2 a:visited {center; color:#fff;} #menuPrincipal2 a:hover { background-image: url(../images/menuPrincipalOver3.gif); background-repeat:no-repeat; background-position:top center; color:#fff;} /*-----------------------------------------------------------*/ /* Sous menu - Ne pas modifier */ #SousMenu {width: 905px; height: 35px; margin:0 auto 0 auto; background-image: url(../images/04_sousMenu.gif); background-repeat:no-repeat;} #SousMenu2 {width: 905px; height: 35px; margin:0 auto 0 auto; background-image: url(../images/04_sousMenu.gif); background-repeat:no-repeat;} /*-----------------------------------------------------------*/ /* CONTENU CONTENEUR 2 DIV */ #contenuBg {width: 905px; margin:0 auto 0 auto; background-image: url(../images/05_contenuBg.gif); background-repeat:repeat-y;} /* 1) Menu gauche */ #menuGauche {float:left; width: 222px; padding: 0 0 0 30px; margin:0;} /* BOITE RECHERCHER accueil */ #boiteRechercher { width:222px; height: 29px; padding: 11px 0 0 0; margin: 0 0 10px 0; background: url(../images/boiteRecherche.gif) left top no-repeat;} #boiteRechercher p { float:left; margin:0px; padding:0px;} #boiteRechercher .formulaireRechercher {padding: 0; margin: 0;} #boiteRechercher .formulaireBoiteRechercher {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #AEAEAE; border:1px solid #000; background-color: #fff; margin: 0 5px; padding: 1px 0 1px 5px; float:left;} /* BOITE RECHERCHER pub00*/ #boiteRechercherpub00 { width:222px; height: 29px; padding: 11px 0 0 0; margin: 0 0 10px 0; background: url(../images/boiteRecherchepub00.gif) left top no-repeat;} #boiteRechercherpub00 p { float:left; margin:0px; padding:0px;} #boiteRechercherpub00 .formulaireRechercher {padding: 0; margin: 0;} #boiteRechercherpub00 .formulaireBoiteRechercher {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #AEAEAE; border:1px solid #000; background-color: #fff; margin: 0 5px; padding: 1px 0 1px 5px; float:left;} /* BOITE RECHERCHER pub01*/ #boiteRechercherpub01 { width:222px; height: 29px; padding: 11px 0 0 0; margin: 0 0 10px 0; background: url(../images/boiteRecherchepub01.gif) left top no-repeat;} #boiteRechercherpub01 p { float:left; margin:0px; padding:0px;} #boiteRechercherpub01 .formulaireRechercher {padding: 0; margin: 0;} #boiteRechercherpub01 .formulaireBoiteRechercher {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #AEAEAE; border:1px solid #000; background-color: #fff; margin: 0 5px; padding: 1px 0 1px 5px; float:left;} /* BOITE RECHERCHER pub02*/ #boiteRechercherpub02 { width:222px; height: 29px; padding: 11px 0 0 0; margin: 0 0 10px 0; background: url(../images/boiteRecherchepub02.gif) left top no-repeat;} #boiteRechercherpub02 p { float:left; margin:0px; padding:0px;} #boiteRechercherpub02 .formulaireRechercher {padding: 0; margin: 0;} #boiteRechercherpub02 .formulaireBoiteRechercher {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #AEAEAE; border:1px solid #000; background-color: #fff; margin: 0 5px; padding: 1px 0 1px 5px; float:left;} /* BOITE RECHERCHER pub03*/ #boiteRechercherpub03 { width:222px; height: 29px; padding: 11px 0 0 0; margin: 0 0 10px 0; background: url(../images/boiteRecherchepub03.gif) left top no-repeat;} #boiteRechercherpub03 p { float:left; margin:0px; padding:0px;} #boiteRechercherpub03 .formulaireRechercher {padding: 0; margin: 0;} #boiteRechercherpub03 .formulaireBoiteRechercher {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #AEAEAE; border:1px solid #000; background-color: #fff; margin: 0 5px; padding: 1px 0 1px 5px; float:left;} /* BOITE RECHERCHER Institutionnel*/ #boiteRechercherinst { width:222px; height: 29px; padding: 11px 0 0 0; margin: 0 0 10px 0; background: url(../images/boiteRechercheinst.gif) left top no-repeat;} #boiteRechercherinst p { float:left; margin:0px; padding:0px;} #boiteRechercherinst .formulaireRechercher {padding: 0; margin: 0;} #boiteRechercherinst .formulaireBoiteRechercher {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #AEAEAE; border:1px solid #000; background-color: #fff; margin: 0 5px; padding: 1px 0 1px 5px; float:left;} /* BOITE RECHERCHER Reportage*/ #boiteRechercherep { width:222px; height: 29px; padding: 11px 0 0 0; margin: 0 0 10px 0; background: url(../images/boiteRechercherep.gif) left top no-repeat;} #boiteRechercherep p { float:left; margin:0px; padding:0px;} #boiteRechercherep .formulaireRechercher {padding: 0; margin: 0;} #boiteRechercherep .formulaireBoiteRechercher {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #AEAEAE; border:1px solid #000; background-color: #fff; margin: 0 5px; padding: 1px 0 1px 5px; float:left;} /* BOITE RECHERCHER Musique*/ #boiteRechercherzik { width:222px; height: 29px; padding: 11px 0 0 0; margin: 0 0 10px 0; background: url(../images/boiteRecherchezik.gif) left top no-repeat;} #boiteRechercherzik p { float:left; margin:0px; padding:0px;} #boiteRechercherzik .formulaireRechercher {padding: 0; margin: 0;} #boiteRechercherzik .formulaireBoiteRechercher {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #AEAEAE; border:1px solid #000; background-color: #fff; margin: 0 5px; padding: 1px 0 1px 5px; float:left;} /* BOITE RECHERCHER Maquette*/ #boiteRecherchermaq { width:222px; height: 29px; padding: 11px 0 0 0; margin: 0 0 10px 0; background: url(../images/boiteRecherchemaq.gif) left top no-repeat;} #boiteRecherchermaq p { float:left; margin:0px; padding:0px;} #boiteRecherchermaq .formulaireRechercher {padding: 0; margin: 0;} #boiteRecherchermaq .formulaireBoiteRechercher {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #AEAEAE; border:1px solid #000; background-color: #fff; margin: 0 5px; padding: 1px 0 1px 5px; float:left;} /* Boite menu Gauche */ #cadreGauche { width:222px; padding: 24px 0 0 0; margin: 0 0 10px 0; background: url(../images/menuGaucheTop2.gif) left top no-repeat;} #blocCadreGauche {background: url(../images/menuGaucheBas.gif) left bottom no-repeat; padding-bottom: 15px;} #blocCadreGauche ul {margin: 0 0 0 0; padding: 0; list-style:none; } #blocCadreGauche li {height:19px; padding: 0;} #blocCadreGauche a {display:block; blockcolor:#222222; width:183px; height:19px; padding-left:39px; padding-top:5px; background: url(../images/puceMenuGauche.gif) top left no-repeat; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #AEAEAE; text-decoration: none;} #blocCadreGauche a:link {color: #DCDCDC; text-decoration: none;} #blocCadreGauche a:visited {color: #DCDCDC; text-decoration: none;} #blocCadreGauche a:hover {color: #3AA0FF; text-decoration: none; background-image: url(../images/puceMenuGaucheOver.gif);} /* TEK ROLLOVER */ /* TEK ROLLOVER div#blocCadreGauche a span {display: none;}*/ div#blocCadreGauche2 {display: block; position: fixed; top: 320px; left: -30px; right: 25px; width: 370px; height: 280px; padding: O; margin: 0; z-index: 100; color: #AEAEAE; background-color:#494948 left top no-repeat; font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: left;} /* FIN TEK ROLLOVER */ /* Boite Login */ #cadreLogin { width:222px; padding: 24px 0 0 0; margin: 0 0 10px 0; background: url(../images/menuGaucheTop.gif) left top no-repeat;} #blocCadreLogin { background: url(../images/menuGaucheBas.gif) left bottom no-repeat; padding-bottom: 15px; padding-left: 20px;} #blocCadreLogin .formulaire {width: 200px; padding-top:5px;} #blocCadreLogin .formulaire p { padding:0; margin:0; line-height: 12px;} .formulaireBoite {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; border:1px solid #bfc4ca; background-color: #fff; margin: 2px 0; padding:1px;} /* Boite Tek */ /*#cadretek { width:378px; height: 220px; padding: 30px 0 0 0; margin: 0 0 30px 0; background:url(../images/menuGaucheTeck.gif) left top no-repeat;}*/ /*-----------------------------------------------------------*/ /* 2) Zone de texte */ #zoneTexte {float:left; width: 520px; margin: 0 0 0 30px; padding-left: 30px; border-left: 1px dotted #b7b7b7;padding-top:10px;} #zoneTexte p {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#AEAEAE; line-height: 19px; text-align:justify;} #zoneTexte span {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#AEAEAE; line-height: 19px; text-align:justify;} h1 {font: bold 15px Verdana, Arial, Helvetica, sans-serif; color:#3aa0ff; border-bottom: 1px dotted #b7b7b7; margin:0;} .positionDroit {float:right; margin-left: 15px; border:none;} /*--------------VIDEO ET TEK-----------------------------*/ /* Institutionnel/tournages (3)*/ #tekinst { width:378px; height: 220px; padding: 30px 0 0 0; margin: 96px 0 30px 0; background: url(../images/menuGaucheTeck.gif) left top no-repeat;} /* reportages/maquettes (4)*/ #tek4 { width:378px; height: 220px; padding: 30px 0 0 0; margin: 77px 0 30px 0; background: url(../images/menuGaucheTeck.gif) left top no-repeat;} .video3 {width: 478px; height:328px; float:right; padding-top: 51px; margin: 100 0 0 20; border:none; background-image: url(../images/05_contenuBg.gif); background-repeat:repeat-y;} .video5 {width: 478px; height:328px; float:right; padding-top: 127px; margin: 100 0 0 20; border:none; background-image: url(../images/05_contenuBg.gif); background-repeat:repeat-y;} /* musiques (5)*/ #tek5 { width:378px; height: 220px; padding: 30px 0 0 0; margin: 58px 0 30px 0; background: url(../images/menuGaucheTeck.gif) left top no-repeat;} .video4 {width: 478px; height:328px; float:right; padding-top: 108px; margin: 100 0 0 20; border:none; background-image: url(../images/05_contenuBg.gif); background-repeat:repeat-y;} /* billboard (6)*/ #tek3 { width:378px; height: 220px; padding: 30px 0 0 0; margin: 38px 0 30px 0; background: url(../images/menuGaucheTeck.gif) left top no-repeat;} /* Pub/Graph (7)*/ #tek1 { width:378px; height: 220px; padding: 30px 0 0 0; margin: 20px 0 30px 0; background: url(../images/menuGaucheTeck.gif) left top no-repeat;} .video1 {width: 478px; height:328px; float:right; padding-top: 21px; margin: 100 0 0 20; border:none; background-image: url(../images/05_contenuBg.gif); background-repeat:repeat-y;} /* acceuil (7)*/ #tek2 { width:378px; height: 220px; padding: 30px 0 0 0; margin: -9px 0 30px 0; background: url(../images/menuGaucheTeck2.gif) left top no-repeat;} .video2 {width: 478px; height:328px; float:right; padding-top: 39px; margin: 100 0 0 20; border:none; background-image: url(../images/05_contenuBg.gif); background-repeat:repeat-y;} /* publicité*/ /*-----------------------------------------------------------*/ /* Patch bug IE6 */ .spacer {clear: both; visibility:hidden; margin:0; padding:0;} /*-----------------------------------------------------------*/ /* footer */ #footer {width: 615px; height: 5px; margin:0 auto 0 auto; padding-top: 10px; background-image: url(../images/00_bg.jpg); background-position:top; background-repeat:no-repeat; } #footer p {font-size: 9px; font-color:#AEAEAE; text-align: center;} /*-----------------------------------------------------------*/ /* footer2 */ #footer2 {width: 850px; height: 17px; margin:0 auto 0 auto; padding-top: 010px; background-image: url(../images/00_bg.jpg); background-position:top; background-repeat:no-repeat; } /*-----------------------------------------------------------*/ /* footer3 */ #footer3 {width: 850px; height: 17px; margin:0 auto 0 auto; padding-top: 20px; background-image: url(../images/00_bg.jpg); background-position:top; background-repeat:no-repeat; } #footer3 p {font-size: 9px; font-color:#AEAEAE; text-align: center;} /*-----------------------------------------------------------*/ /* styles globaux */ a:link { text-decoration: none; color:#3aa0ff;} a:visited { text-decoration: none; color:#3aa0ff;} a:hover { text-decoration: underline; color:#000;} .sansBordure { border: none;} .sansBordure2 { width: 378px; height: 180px; border: none; background-color:#494948; margin:0 auto 0 auto; padding: 0px; } .galerieBtn {font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; border:none; background-color: #000; margin: 2px 0; padding:4px;}