#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;} #sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;} #sb-body{position:relative;height:100%;} #sb-body-inner{position:absolute;height:100%;width:100%;} #sb-player.html{height:100%;overflow:auto;} #sb-body img{border:none;} #sb-loading{position:relative;height:100%;} #sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;} #sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;} #sb-body,#sb-loading{background-color:#060606;} #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;} #sb-title,#sb-title-inner{height:26px;line-height:26px;} #sb-title-inner{font-size:16px;} #sb-info,#sb-info-inner{height:20px;line-height:20px;} #sb-info-inner{font-size:12px;} #sb-nav{float:right;height:16px;padding:2px 0;width:45%;} #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;} #sb-nav-close{background-image:url(close.png);} #sb-nav-next{background-image:url(next.png);} #sb-nav-previous{background-image:url(previous.png);} #sb-nav-play{background-image:url(play.png);} #sb-nav-pause{background-image:url(pause.png);} #sb-counter{float:left;width:45%;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;} /** ********************************************* * Prototype of styles for horizontal CSS-menu * @data 30.06.2009 ********************************************* * (X)HTML-scheme: * ********************************************* */ /* menu::base */ #menu, #menu ul /* Liste */ { padding : 0; /* pas de marge intérieure */ margin : 0; /* ni extérieure */ list-style : none; /* on supprime le style par défaut de la liste */ line-height : 20px; /* on définit une hauteur pour chaque élément */ text-align : center; /* on centre le texte qui se trouve dans la liste */ } #menu /* Ensemble du menu */ { margin-top:10px; margin-bottom:25px; padding-left:4px; font-weight : bold; /* on met le texte en gras */ font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */ font-size : 12px; /* hauteur du texte : 12 pixels */ width: 1024px; text-align : center; min-width:1024px; } #menu a /* Contenu des listes */ { display : block; /* on change le type d'élément, les liens deviennent des balises de type block */ padding : 0; /* aucune marge intérieure */ background : #000; /* couleur de fond */ color :white; /* couleur du texte */ text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */ width : 126px; /* largeur */ text-align:center; } #menu li /* Elements des listes */ { float : left; /* pour IE qui ne reconnaît pas "transparent" */ border-right : 1px solid white; /* on met une bordure blanche à droite de chaque élément */ } /* IE ne reconnaissant pas le sélecteur ">" */ html>body #menu li { border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */ } #menu li ul /* Sous-listes */ { position: absolute; /* Position absolue */ width: 126px; /* Largeur des sous-listes */ left: -999em; /* Hop, on envoie loin du champ de vision */ } #menu li ul li /* Éléments de sous-listes */ { /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */ border-top : 1px solid white /* on met une bordure blanche en haut de chaque élément d'une sous liste */ } /* IE ne reconnaissant pas le sélecteur ">" */ html>body #menu li ul li { border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */ } #menu li ul ul { margin : -22px 0 0 126px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */ border-left : 2px solid white; /* Petite bordure à gauche pour ne pas coller ... */ } /* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */ html>body #menu li ul ul { border-left : 2px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */ } #menu a:hover /* Lorsque la souris passe sur un des liens */ { color: white; /* On passe le texte en noir... */ background: #000 /* ... et au contraire, le fond en blanc */ } #menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */ { left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */ } #menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */ { left: auto; /* Repositionnement normal */ min-height: 0; /* Corrige un bug sous IE */ } a img { border: none; } #contenu { margin:auto; width:1024px; min-height:900px; } body { margin:auto; min-width:1024px; text-align : center; background-image:url(background.jpg); background-repeat:repeat; } #haut_de_page { width:1024px; height:250px; } #central { color:black; text-align:left; font-size:18px; width:1014px; min-height:520px; padding-top:15px; padding-left:5px; padding-top:5px; padding-right:5px; margin-top:30px; } #central2 { color:black; text-align:center; font-size:14px; min-height:520px; padding-top:15px; padding-left:5px; padding-top:5px; padding-right:5px; margin-top:30px; } #central3 { color:black; text-align:left; float:left; font-size:16px; height:275px; width:450px; padding-top:15px; padding-left:15px; padding-top:5px; padding-right:5px; margin-top:30px; } #central4 { color:black; text-align:right; float:right; font-size:14px; width:450px; height:275px; padding-top:15px; padding-left:5px; padding-top:5px; padding-right:5px; margin-top:30px; } #central5 { color:black; text-align:left; font-size:14px; float:left; width:450px; height:395px; padding-top:15px; padding-left:5px; padding-top:5px; padding-right:5px; } #central6 { color:black; text-align:left; font-size:16px; float:right; width:450px; height:395px; padding-top:15px; padding-left:5px; padding-top:5px; padding-right:5px; } #links a { font-family : Arial; text-align:center; font-size: 14px; padding-top: 5px; color:black; font-weight : bold; } .red { color:#990000; font-size:16px; } .red2 { color:#990000; font-size:18px; } #display { display : block; /* on change le type d'élément, les liens deviennent des balises de type block */ padding : 5px; /* aucune marge intérieure */ background : red; /* couleur de fond */ color :white; /* couleur du texte */ width:250px; } #bandeau_b { padding-top:3px; color:white; text-align:center; font-family : Arial; font-size:14px; width:1024px; height:20px; background-color:#000; } .white { color:white; font-size:18px; }