/* ** TBBT-Stream.fr Theme 1 ** Themed by Mathieu Hays ** Url : http://www.from-uk.eu/ Couleurs : - Fond page ............................ #413B3E - Bordure page ......................... #7A7A84 - Menu Lien ............................ #FFFFFF - Menu Lien survolé .................... #C9C4C1 - Ecriture Bienvenue ................... #DBEBFE - Ecriture Titre News .................. #C88843 - Ecriture News ........................ #827267 - Ecriture footer News ................. #9E948D - Titre liste video .................... #544638 - Element episode liste video .......... #CFD2E6 */ body{margin:0; padding:0; text-align:center; font-size:12px; color:#827267; font-family:"Arial"; background:url(images/fond.gif) fixed top left repeat #413B3E;} h1,h2,h3,h4,h5,h6{padding:0; margin:0; font-size:12px; font-weight:normal;} #conteneur{width:724px; margin:10px auto 10px auto; border:1px solid #7A7A84; text-align:left; background:url(images/head.png) top left no-repeat #413B3E; position:relative; padding:220px 0px 0px 0px;} #conteneur #logo{position:absolute; top:5px; left:15px; width:90px; height:130px; margin:0; padding:0;} #conteneur #logo img{border:0;} #conteneur #footer{border-top:1px solid #7A7A84; background:#222222; font-size:9px; color:#7A7A84; text-align:right; padding:2px 15px;} #conteneur #footer a{color:#8c8c8c; text-decoration:none;} #conteneur #footer a:hover{color:#E7E7E7; text-decoration:none;} .clear{clear:both;} /* ----------------------------------------- */ /* Tous ce qui concerne la colonne de Gauche */ /* ----------------------------------------- */ #col1{float:left; width:150px;} #col1 #menu{width:117px; margin:10px auto;} #col1 #menu #menu_top{width:117px; height:11px; background:url(images/menu_top.png) top left no-repeat; margin:0; padding:0;} #col1 #menu #menu_contenu{width:117px; background:url(images/menu_bg.png) top left repeat-y; color:#FFFFFF; font-size:12px;} #col1 #menu #menu_contenu ul{padding:0; margin:0;} #col1 #menu #menu_contenu ul li{list-style:none; margin:0; padding:3px 10px 2px 17px; color:#FFFFFF; font-size:12px;} #col1 #menu #menu_contenu ul li a{color:#FFFFFF; text-decoration:none;} #col1 #menu #menu_contenu ul li a:hover{color:#e29644; text-decoration:none; border-bottom:1px dotted #E29644;} #col1 #menu #menu_bottom{width:117px; height:12px; background:url(images/menu_bottom.png) top left no-repeat; margin:0; padding:0;} #col1 .rubrique{margin:0px 0px 0px 15px; padding:15px 0 0 0;} #col1 .rubrique h1{font-size:9px;margin:0px 0px 3px 5px; color:#FFFFFF;} #col1 .rubrique img{border:0;} /* ----------------------------------------- */ /* Tous ce qui concerne la colonne de Droite */ /* ----------------------------------------- */ #col2{float:right; width:574px;} #col2 #corps{width:549px; margin:10px auto;} #col2 #corps #corps_top{width:549px; height:13px; background:url(images/corps_top.png) top left no-repeat; margin:0; padding:0;} #col2 #corps #corps_contenu{width:549px; background:url(images/corps_bg.png) top left repeat-y; color:#FFFFFF; padding:5px 0 10px 0;} #col2 #corps #corps_bottom{width:549px; height:13px; background:url(images/corps_bottom.png) top left no-repeat; margin:0; padding:0;} #col2 #corps #corps_contenu .pub_h{margin:0 auto; padding:10px; text-align:center;} #col2 #corps #corps_contenu .pub_h img{border:0;} #col2 #corps #corps_contenu hr{border-top:1px dotted #413B3E; border-left:0; border-bottom:0; border-right:0; padding:0px; width:90%;} #col2 #corps #corps_contenu #bienvenue{width:466px; min-height:21px; background:url(images/bienvenue.png) top left no-repeat; padding:18px 0 0 0; margin:0 0 0 25px;} #col2 #corps #corps_contenu #bienvenue h1{color:#DBEBFE; font-size:14px; padding:0 0 20px 10px;} /* Style des News */ #col2 #corps #corps_contenu .news{width:521px; margin:0 auto; padding:0 0 10px 0;} #col2 #corps #corps_contenu .news .news_top{width:521px; height:16px; background:url(images/news_top.png) top left no-repeat; padding:0; margin:0;} #col2 #corps #corps_contenu .news .news_contenu{width:521px; background:url(images/news_bg.png) top left repeat-y; padding:0 0 20px 0; margin:0;} #col2 #corps #corps_contenu .news .news_bottom{width:521px; height:27px; background:url(images/news_bottom.png) top left no-repeat; padding:0; margin:0;} #col2 #corps #corps_contenu .news .news_contenu h1{color:#C88843; font-size:18px; font-weight:bold; padding:0 10px 20px 15px;} #col2 #corps #corps_contenu .news .news_bottom h2{color:#9E948D; font-style:italic; font-size:10px; text-align:right; padding:5px 20px 0 0;} #col2 #corps #corps_contenu .news .news_contenu p{color:#827267; margin:0 20px; line-height:18px;} /* Style des Alertes / Annonces */ #col2 #corps #corps_contenu .fenetre{width:508px; margin:0 auto; padding:10px 0;} #col2 #corps #corps_contenu .fenetre .fenetre_top{width:508px; height:14px; background:url(images/window_top.png) top left no-repeat; padding:0; margin:0;} #col2 #corps #corps_contenu .fenetre .fenetre_contenu{width:488px; background:url(images/window_bg.png) top left repeat; padding:0 10px; margin:0;} #col2 #corps #corps_contenu .fenetre .fenetre_bottom{width:508px; height:13px; background:url(images/window_bottom.png) top left no-repeat; margin:0; padding:0;} #col2 #corps #corps_contenu .fenetre .fenetre_contenu h1{font-size:14px; color:#000000; font-weight:bold; text-align:center; background:url(images/exclamation--frame.png)top left no-repeat; padding:0 0 10px 20px; margin:0;} #col2 #corps #corps_contenu .fenetre .fenetre_contenu h2{font-size:12px; color:#827267; padding:0 20px 0 40px; text-align:center;} #col2 #corps #corps_contenu .fenetre .fenetre_contenu h2 a{color:#827267; text-decoration:none; font-weight:bold;} #col2 #corps #corps_contenu .fenetre .fenetre_contenu h2 a:hover{color:#7A7A84; text-decoration:none; font-weight:bold; border-bottom:1px dotted #7A7A84;} /* Style des Listes d'épisodes */ #col2 #corps #corps_contenu #video_liste #preview1{width:452px; height:145px; background:url(images/saison1.png) center left no-repeat; margin:0 auto 20px auto; padding:30px 0 0 0;} #col2 #corps #corps_contenu #video_liste #preview2{width:452px; height:145px; background:url(images/saison2.png) center left no-repeat; margin:0 auto 20px auto; padding:30px 0 0 0;} #col2 #corps #corps_contenu #video_liste #preview3{width:452px; height:145px; background:url(images/saison3.png) center left no-repeat; margin:0 auto 20px auto; padding:30px 0 0 0;} #col2 #corps #corps_contenu #video_liste h1{font-size:24px; font-family:"Arial Black"; color:#544638; margin:20px 20px 20px 40px;} #col2 #corps #corps_contenu #video_liste ul{margin:0 50px 20px 30px; padding:20px;} #col2 #corps #corps_contenu #video_liste ul li{list-style:none; font-size:12px; color:#CFD2E6; padding:5px;} #col2 #corps #corps_contenu #video_liste ul li a{color:#CFD2E6; text-decoration:none;} #col2 #corps #corps_contenu #video_liste ul li a:hover{color:#FFFFFF; text-decoration:none;} /* cadre arrondi */ #col2 #corps #corps_contenu .titre{width:508px; margin:0 auto; padding:10px 0;} #col2 #corps #corps_contenu .titre .titre_top{width:508px; height:14px; background:url(images/window_top.png) top left no-repeat; padding:0; margin:0;} #col2 #corps #corps_contenu .titre .titre_contenu{width:488px; background:url(images/window_bg.png) top left repeat; padding:5px 10px; margin:0;} #col2 #corps #corps_contenu .titre .titre_bottom{width:508px; height:13px; background:url(images/window_bottom.png) top left no-repeat; margin:0; padding:0 0 5px 0;} /* Style de la page avec le lecteur */ #col2 #corps #corps_contenu #video_view h1{font-size:18px; font-family:'Arial Black'; color:#413B3E; padding:0 30px;} #col2 #corps #corps_contenu #video_view h2{font-size:12px; font-family:'arial'; color:#413B3E; padding:0 20px 10px 40px;} #col2 #corps #corps_contenu #video_view .lecteur{margin:0 auto; padding:10px 0 20px 0; text-align:center;} #col2 #corps #corps_contenu #video_view h3{text-align:center; font-size:10px;} #col2 #corps #corps_contenu #video_view h3 a{color:#F0F0F0; text-decoration:none;} #col2 #corps #corps_contenu #video_view h3 a:hover{color:#C88843; text-decoration:none;} #col2 #corps #corps_contenu #video_view .video_switch{margin:0 auto 10px auto; padding:10px 0; text-align:center;} #col2 #corps #corps_contenu #video_view .video_switch input{border:1px solid #7A7A84; color:#7A7A84; padding:2px; background:#F0F0F0;} #col2 #corps #corps_contenu #video_view .video_switch input:hover{border:1px solid #C88843; color:#C88843;} /* Style du formulaire d'envoie de commentaire */ #col2 #corps #corps_contenu #video_com form{padding:10px 15px;} #col2 #corps #corps_contenu #video_com form h1{font-size:16px; font-family:"Arial Black"; color:#413B3E;} #col2 #corps #corps_contenu #video_com form input{border:1px solid #7A7A84; background:#F0F0F0; color:#7A7A84; padding:2px;} #col2 #corps #corps_contenu #video_com form input:hover{border:1px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #video_com form input:focus{border:1px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #video_com form textarea{border:1px solid #7A7A84; background:#F0F0F0; color:#7A7A84; padding:2px;} #col2 #corps #corps_contenu #video_com form textarea:hover{border:1px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #video_com form textarea:focus{border:1px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #video_com form select{border:1px solid #7A7A84; background:#F0F0F0; color:#7A7A84; padding:2px;} #col2 #corps #corps_contenu #video_com form select:hover{border:1px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #video_com form select:focus{border:1px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #video_com form select option{border-left:3px solid #7A7A84; background:#F0F0F0; color:#7A7A84;} #col2 #corps #corps_contenu #video_com form select option:hover{border-left:5px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #video_com form select option:focus{border-left:5px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #video_com form h1 span{font-size:9px; font-family:arial; cursor:pointer;} #col2 #corps #corps_contenu #video_com form h1 span a{color:#413B3E; text-decoration:none;} #col2 #corps #corps_contenu #video_com form h1 span a:hover{color:#C88843; text-decoration:none;} #col2 #corps #corps_contenu #video_com .page{text-align:center; font-size:10px; display:block;} #col2 #corps #corps_contenu #video_com .page a{color:#827267; text-decoration:none;} #col2 #corps #corps_contenu #video_com .page a:hover{ color:#FFFFFF; text-decoration:none;} #col2 #corps #corps_contenu #video_com .commentaire{ border:1px solid #827267; margin:10px;} #col2 #corps #corps_contenu #video_com .commentaire h1{font-size:10px; font-weight:bold; padding:0 10px 0 10px; text-align:right; background:#827267;} #col2 #corps #corps_contenu #video_com .commentaire h1 a{color:#FFFFFF; text-decoration:none;} #col2 #corps #corps_contenu #video_com .commentaire h1 a:hover{color:#FFFFFF; text-decoration:underline;} #col2 #corps #corps_contenu #video_com .commentaire h3{font-size:14px; font-weight:bold; padding:5px 0 5px 20px;} #col2 #corps #corps_contenu #video_com .commentaire p{font-size:14px; padding:0 0 0 5px;} /* Style de la page Nous Ecrire */ #col2 #corps #corps_contenu #nousecrire{padding:10px;} #col2 #corps #corps_contenu #nousecrire h1{font-size:20px; font-weight:bold; margin:0 0 0 30px; color:#413B3E;} #col2 #corps #corps_contenu #nousecrire form{margin:0 0 0 40px;} #col2 #corps #corps_contenu #nousecrire form input{border:1px solid #7A7A84; background:#F0F0F0; color:#7A7A84; padding:2px;} #col2 #corps #corps_contenu #nousecrire form input:hover{border:1px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #nousecrire form input:focus{border:1px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #nousecrire form textarea{border:1px solid #7A7A84; background:#F0F0F0; color:#7A7A84; padding:2px;} #col2 #corps #corps_contenu #nousecrire form textarea:hover{border:1px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #nousecrire form textarea:focus{border:1px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #nousecrire form select{border:1px solid #7A7A84; background:#F0F0F0; color:#7A7A84; padding:2px;} #col2 #corps #corps_contenu #nousecrire form select:hover{border:1px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #nousecrire form select:focus{border:1px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #nousecrire form select option{border-left:3px solid #7A7A84; background:#F0F0F0; color:#7A7A84;} #col2 #corps #corps_contenu #nousecrire form select option:hover{border-left:5px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #nousecrire form select option:focus{border-left:5px solid #C88843; color:#C88843;} #col2 #corps #corps_contenu #nousecrire form h1 span{font-size:9px; font-family:arial; cursor:pointer;} #col2 #corps #corps_contenu #nousecrire form h1 span a{color:#413B3E; text-decoration:none;} #col2 #corps #corps_contenu #nousecrire form h1 span a:hover{color:#C88843; text-decoration:none;} /* Style de la page sur les Technique de Limitation MegaUpload */ #col2 #corps #corps_contenu .limitation{padding:10px;} #col2 #corps #corps_contenu .limitation h1{font-size:22px; font-weight:bold; color:#413B3E; margin:0 0 0 10px;} #col2 #corps #corps_contenu .limitation h2{font-size:16px; font-weight:bold; color:#827267;} #col2 #corps #corps_contenu .limitation h3{font-size:10px; margin:5px 10px 5px 15px; color:#7A7A84;} #col2 #corps #corps_contenu .limitation p{color:#7A7A84; line-height:18px; margin:10px 0 0 10px;} #col2 #corps #corps_contenu .limitation p a{color:#C88843; text-decoration:none; border-bottom:1px dotted #C88843;} #col2 #corps #corps_contenu .limitation p a:hover{color:#FFFFFF; text-decoration:none;}