html,body,h1,h2,h3,h4,h5,h6,h7,ul,li,p{ margin: 0; padding: 0; list-style: none; } html{ background: #000; color: white; } #PAGE{ width: 975px; margin: auto; position: relative; } #HEADER{ height: 138px; position: relative; } #HEADER.bandeau1{ background: url(images/bandeau/bandeau1.jpg) no-repeat 100% 0; } #HEADER.bandeau2{ background: url(images/bandeau/bandeau2.jpg) no-repeat 100% 0; } #HEADER.bandeau3{ background: url(images/bandeau/bandeau3.jpg) no-repeat 100% 0; } #HEADER.bandeau4{ background: url(images/bandeau/bandeau4.jpg) no-repeat 100% 0; } #HEADER.bandeau5{ background: url(images/bandeau/bandeau5.jpg) no-repeat 100% 0; } #HEADER.bandeau6{ background: url(images/bandeau/bandeau6.jpg) no-repeat 100% 0; } #HEADER.bandeau7{ background: url(images/bandeau/bandeau7.jpg) no-repeat 100% 0; } #HEADER h1 a{ display: block; height: 138px; background: url(images/logobandeau.png) no-repeat 50px 50% ; } #HEADER h1 a span{ display: none; } #MoteurRecherche{ position: absolute; bottom: 10px; right: 10px; } #MoteurRecherche fieldset{ border: none; padding: 0; margin: 0; } #MoteurRecherche legend{ display: none; } #MoteurRecherche #inptext{ border: 1px solid #888; background: #aaa; color: #444; } #MENU{ height: 30px; background: url(images/bg-degrade.png) repeat-y; padding: 0 0 0 80px; } #MENU li{ float: left; } #MENU h2{ font: bold 14px Verdana,Arial,Tahoma; } #MENU h2 a{ color: white; text-decoration: none; padding: 6px 25px; display: block; height: 18px; float: left; } #MENU h2 a:hover{ color: black; background:#aaa; background: rgba(255,255,255,0.3); } #MenuVideos:hover #CatsVideos{ left: 30px; } #CatsVideos{ position: absolute; background: #002f46; margin: 30px 0 0 0px; padding: 10px; left: -999em; z-index: 500; } #CatsVideos li{ float: none; margin: 0 ; } #CatsVideos li.n0{ border-top: 1px solid white; } #CatsVideos a{ color: white; text-decoration: none; font: bold 13px Verdana,Arial,Tahoma; padding: 2px 10px; display: block; border-bottom: 1px solid white; } #CatsVideos a:hover{ background: #eee; color: black; } #CONTENU{ padding: 15px 0 0 0; } #FOOTER{ background: url(images/bg-degrade.png) no-repeat;; padding: 40px 0 0 0; text-align: center; margin: 30px 0 0 0; } #FOOTER a{ color: white; text-decoration: none; font: 10px Verdana,Arial; padding: 0 10px; } #COL1{ float: left; width: 303px; } #COL2{ float: left; width: 630px; padding: 0 20px; min-height: 500px; background: url(images/bg-video.png) no-repeat 50% 50px; } #Contenu{ padding: 0 20px; } #Contenu h1{ font: italic bold 16px Verdana,Arial,Tahoma; color: #00adef; } #Contenu h2{ font: bold 13px Verdana,Arial,Tahoma; padding: 5px 30px; clear: both; } #Contenu h3{ font: 14px Verdana,Arial,Tahoma; display: inline; padding: 5px 60px; text-decoration: underline; } #Contenu p{ font: 12px Verdana,Arial,Tahoma; text-align: justify; padding: 5px 0; } #Contenu li{ font: 12px Verdana,Arial,Tahoma; text-align: justify; margin: 5px 5px 5px 25px; list-style: disc; } #Contenu a{ color: #92cd89; text-decoration: none; } #Contenu a:hover{ text-decoration: underline; } #Contenu a img{ border: none; } #FormContact{ } #FormContact label{ width: 120px; float: left; text-align: right; margin: 0 5px 0 0; } #FormContact input{ border: 1px solid #aaa; background: #888; color:white; width: 200px; } #FormContact p{ clear: both; padding: 5px 0; } #FormContact textarea{ border: 1px solid #aaa; background: #888; color:white; width: 400px; height: 150px; } .PUB{ text-align: center; } .PUB img{ border: none; } #LienDetacherLive{ z-index: 100; display: block; font: 12px Verdana,Arial,Tahoma; text-decoration: none; color: white; padding: 1px 20px; position: absolute; margin: 22px 0 0 0px; right: 57px; color: #888; background: black; } #LienDetacherLive:hover{ background: white; color: black; } #LiveCTV{ padding: 40px 35px 0 35px; } #ACCUEIL h2{ font: bold 12px Verdana,Arial,Tahoma; position: absolute; left: 50%; } #DerniersVideos{ padding: 20px 0 0 0; } #DerniersVideos h2, #DerniersVideos h2 a { font: italic bold 16px Verdana,Arial,Tahoma; color: #00adef; text-decoration: none; } #DerniersVideos p{ display: none; } #DerniersVideos .Video{ float: left; width: 120px; text-align: center; border: 1px solid transparent; padding: 5px 2px; cursor: pointer; } #DerniersVideos .Video:hover{ border: 1px solid #888; background: #333; } #DerniersVideos .Video h1{ font: bold 11px Verdana,Arial,Tahoma; } #DerniersVideos .Video h1 a{ color: white; text-decoration: none; } #COL1 .Block{ min-height: 100px; background: url(images/bg-blocgauche.png) 0 100%; padding: 0 0 20px 0px; margin: 0 0 10px 0; } #COL1 .BlockHaut{ background: url(images/bg-blocgauche.png) ; height: 35px; margin: 0 0 -25px 0; } #COL1 .Block h3{ background: url(images/bg-blocgauche.png) ; height: 20px; font: bold small-caps 14px Verdana,Arial,Tahoma; padding: 15px 0 5px 45px; } #COL1 .Block h3 span{ background: white; color: black; padding: 2px 10px; } #COL1 .Block h4{ padding: 0 0 0 45px; font: bold 12px verdana,Arial,Tahoma; margin: 0 0 5px 0; } #COL1 .Block h4 a{ color: white; } #COL1 .Block h5{ padding: 0 0 0 45px; font: bold 12px verdana,Arial,Tahoma; margin: 0 0 5px 0; } #COL1 .Block h5 a{ color: white; } #COL1 .Block p{ padding: 0 15px 0 45px; font: 12px Verdana,Arial,Tahoma; text-align: justify; } .Block a.FlecheCourbe{ display: block; height: 32px; background: url(images/fleche-courbe-blanche.png) no-repeat 100% 0px; margin: 0 20px 0 100px; } .Block a.FlecheCourbe span{ display: none; } .Block form p{ clear: both; } .Block form label{ float: left; width: 50px; } .Block form input{ border: 1px solid #888; background: #002f46; color: white; width: 150px; } .Block form input[type=submit]{ border: 1px outset #888; } #LogoBonnesAdresses{ display: block; background: url(images/logo-bonnes-adresses.png?y=100) no-repeat 60% 0; height: 100px; margin: auto; width: 190px; } #LogoBonnesAdresses span{ display: none; } #Meteo{ position: relative; height: 45px; margin: 0 0 20px 40px; } #Meteo dl{ width: 130px; float: left; margin: 0 0px 0 0; } #Meteo dt{ position: absolute; bottom: 0; font: 11px Verdana,Arial,Tahoma; width: 100px; text-align: center; } #Meteo dd{ margin: 0; } #Meteo p{ font: 10px Tahoma,Arial,Verdana; } #Meteo img{ float: left; margin: 0; padding: 0; width: 30px; } #Meteo span{ font: 11px Tahoma,Arial,Verdana; display: block; float: left; width: 35px; padding: 3px 0; margin: 0; } #Meteo span b{ display: block; } #BlockDerniersVideos{ padding: 0px 0 0 30px; } #BlockDerniersVideos h2, #BlockDerniersVideos h2 a { font: italic bold 16px Verdana,Arial,Tahoma; color: #00adef; text-decoration: none; } #BlockDerniersVideos p{ display: none; } #BlockDerniersVideos .Video{ float: left; width: 120px; text-align: center; border: 1px solid transparent; padding: 5px 2px; cursor: pointer; } #BlockDerniersVideos .Video.n0{ clear: both; } #BlockDerniersVideos .Video:hover{ border: 1px solid #888; background: #333; } #BlockDerniersVideos .Video h1{ font: 11px Verdana,Arial,Tahoma; } #BlockDerniersVideos .Video h1 a{ color: white; text-decoration: none; } #ListeSousCat{ padding: 20px; } #ListeSousCat h2{ font: bold 16px Verdana,Arial,Tahoma; } #ListeSousCat h2 a{ color: white; text-decoration: none; display: block; padding: 5px; } #ListeSousCat h2 a:hover{ background: #333; } #ListingVideos h1{ font: italic bold 16px Verdana,Arial,Tahoma; color: #00adef; } #ListingVideos .Video{ width: 46%; float: left; border: 1px solid transparent; margin: 5px; padding: 5px; height: 90px; cursor: pointer; -overflow: hidden; position: relative; } #ListingVideos .Video:hover{ background: #333; border: 1px solid #aaa; } #ListingVideos .Video img{ float: left; margin: 0 5px 0 0 ; } #ListingVideos .Video h1{ font: bold 12px Verdana,Arial,Tahoma; } #ListingVideos .Video h1 a{ color: white; text-decoration: none; } #ListingVideos .Video p{ font: 10px Arial,Tahoma,Verdana; } #ListingVideos .Infos{ position: absolute; z-index: 100; background: #333; top: -1px; width: 50px; text-align: center; padding: 5px 10px; height: 90px; left: -75px; border: 1px solid #aaa; display: none; } #ListingVideos .Infos p{ font: bold 11px Verdana,Arial,Tahoma; } #ListingVideos .Video:hover .Infos{ display: block; } #ListingVideos .Infos span{ display: block; color: #ff0; font: 10px Verdana,Arial,Tahoma; } #Video{ position: relative; } #Video h1{ font: italic bold 16px Verdana,Arial,Tahoma; color: #00adef; padding: 0px 0px; margin: 15px 0 0 0; } #PlayerVOD{ margin: 0px 0 0 0 ; } #Descriptif{ border: none; padding: 0; margin: 20px 0; } #Descriptif legend{ text-decoration: underline; font: bold 14px Verdana,Arial,Tahoma; margin: 0 0 10px 0; padding: 0; } #Descriptif p{ font: 12px Verdana,Arial,Tahoma; } #InfosVideo{ position: absolute; right: 20px; top: 200px; width: 140px; height: 100px; border: 2px solid white; -moz-border-radius: 22px; -webkit-border-radius: 22px; background: black; padding: 10px; font: 12px Verdana,Arial,Tahoma; } #NoteEtoiles{ width: 143px; height: 35px; background: url(images/etoiles.png) no-repeat; } #NoteValeur{ height: 35px; background: url(images/etoiles.png) no-repeat 0 -35px; } #NoteValeur span{ display: none; } #Commentaires{ border: none; -moz-border-radius: 22px; -webkit-border-radius: 22px; background: #666; padding: 20px; margin: 0; font: 12px Verdana,Arial,Tahoma; } #Commentaires>legend{ padding: 10px 20px; -moz-border-radius: 22px; -webkit-border-radius: 22px; background: #666; font: bold 14px Verdana,Arial,Tahoma; color: black; text-decoration: underline; } #Commentaires form fieldset{ margin: 10px 0 20px 0; background: #888; border: none; -moz-border-radius: 22px; -webkit-border-radius: 22px; } #Commentaires form fieldset legend{ padding: 10px 20px; background: #888; border: none; -moz-border-radius: 22px; -webkit-border-radius: 22px; } #Commentaires form p{ } #Commentaires form label{ width: 120px; float: left; text-align: right; margin: 0 5px 0 0 ; } #Commentaires form input{ width: 150px; border: 1px solid #666; } #Commentaires form textarea{ width: 400px; height: 80px; border: 1px solid #666; } #Commentaires .ForumSource{ display: none; } #Commentaires #NombreReponses{ font: bold 12px Verdana,Arial,Tahoma; padding: 5px 0 } #Commentaires .ForumReponse{ border-bottom: 1px solid #888; padding: 5px; } #Commentaires .ForumAuteur{ display: inline; font-style: italic; color: #ccc; } #Commentaires .ForumDate{ display: inline; font-style: italic; color: #ccc; float: right; } #Gestion{ font: 12px Verdana,Arial,Tahoma; } #Gestion h1{ font: italic bold 16px Verdana,Arial,Tahoma; color: #00adef; padding: 0px 0px; margin: 15px 0 0 0; } #Gestion h2{ } #Gestion a{ color: #92cd89; } #Gestion .verif{ padding: 0 0 0 20px; } #Gestion .WARNING{ color: red; background: url(images/close-a-256.png?y=16) no-repeat; } #Gestion .OK{ background: url(images/ok-256.png?y=16) no-repeat; } #Gestion table{ width: 100%; } #Gestion table td{ padding: 5px; text-align: center; } #Gestion table tr:hover{ background: #555; } #Gestion table td.nom{ text-align: left; } #Gestion table .l0{ background: #333; } #Gestion table .l1{ background: #444; } #ListeCommEnAttente{ } #ListeCommEnAttente li{ border: 1px solid #888; margin: 10px; padding: 10px 10px 15px 10px; background: #222; } #ListeCommEnAttente p{ padding: 5px; margin: 0 0 15px 0; background: #333; clear: both; } #ListeCommEnAttente span{ float: left; margin: 0 20px 0 0; } #ListeCommEnAttente br{ display: none; } #ListeCommEnAttente .bt{ border: 2px outset #888; padding: 5px 50px; margin: 10px 30px; background: #aaa; color: black; text-decoration: none; } #ListeCommEnAttente .bt:hover{ } #ListeCommEnAttente .bt.ok{ background: green; } #ListeCommEnAttente .bt.no{ background: red; } #Gestion #EditVideo p{ clear: both; padding: 5px 0; } #Gestion #EditVideo label{ float: left; width: 100px; text-align: right; margin: 0 5px 0 0; } #Gestion #EditVideo input{ width: 400px; border: 1px solid #888; } #Gestion #EditVideo textarea{ width: 400px; border: 1px solid #888; height: 200px; } .BlockGestion a{ color: #92cd89; text-decoration: none; } .BlockGestion a:hover{ text-decoration: underline; } #Gestion ul ul{ padding: 0 0 10px 50px; } #Gestion ul li span{ float: right; } #Gestion li:hover{ background: rgba(255,255,255,0.2); } #Gestion li input{ cursor: pointer; } #OptionVignette{ } #OptionVignette img { float: left; margin: 0 5px 0 0; } #OptionVignette input[type=text]{ border: 1px solid #888; background: #ccc; width: 50px; margin: 0 10px 0 0; } #OptionVignette input[type=submit]{ border: 1px outset ; background: #aaa; cursor: pointer; } #ListeVignetteRand { clear: both; } #ListeVignetteRand img{ width: 90px; height: 72px; display: block; float: left; padding: 10px; border: 1px solid transparent; cursor: pointer; } #ListeVignetteRand img:hover{ border: 1px solid #aaa; background: #111; } #ListeLive{ } #ListeLive li{ border: 2px outset #444; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin: 5px 0; height: 40px; padding: 5px 20px; background: #222; } #ListeLive div{ } #ListeLive img{ float: left; margin: 0 10px 0 0; } #ListeLive h3{ font: bold 12px Verdana,Arial,Tahoma; } #ListeLive h4{ float: right; font: 11px Verdana,Arial,Tahma; } #tinymce h1{ font: italic bold 16px Verdana,Arial,Tahoma; color: #00adef; padding: 0px 0px; margin: 15px 0 0 0; }