body,p,div,td,ul,li,a,input,select,textarea,label { font-family: arial; font-size: 11px; } .clear {clear:both; font-size:1px; line-height:0px;} .center {text-align:center; display:table; margin-left:auto; margin-right:auto;} .max-height {height: 100%;} .left {float:left;} .right {float:right;} .txt-l {text-align: left;} .txt-r {text-align: right;} .txt-c {text-align: center;} .txt-j {text-align: justify;} a {color:#0066FF;text-decoration: none} a:visited { text-decoration: none} a:hover { text-decoration: underline;} .arial1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px } .arial2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px } .arial3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px } .arial4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px } .taho1 { font-family: Tahoma, Helvetica; font-size: 10px } .taho2 { font-family: Tahoma, Helvetica; font-size: 12px } .titregalerie { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #336600 } .titretable { font-family: Tahoma, Helvetica; font-size: 11px; font-weight: bold; color: #FFFFCC } .verdana2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} .arial2blanc { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF} .taho1blanc { font-family: Tahoma, Helvetica; font-size: 9px ; color: #FFFFFF} .description { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666699} .arial2bleu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666699} .titrebleu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666699; font-weight: bold } .forumauteur { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666699; font-weight: bold } .forummsg1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333} .forummsg2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666699 } .bgcolor1 { background-color: 6FB82B} .bgcolor2 { background-color: #FFFFFF} .forumbordercolor { background-color: #666666} .sectionindex { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #006600 } .interviewquestion { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #006600} .interviewreponse { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333} .reviewplus{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #009900} .reviewmoins{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000} .interfacetitregauche { font-family: Arial, Helvetica, sans-serif; font-size: 11px; ; color: #FFFFCC;} a.interfacetitregauche {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFCC} a.interfacetitregauche:visited {text-decoration:none;} a.interfacetitregauche:hover {text-decoration:underline;} .interfacebref {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF} .interfacebarredroite { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF} .titrebreve {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #070070} .boutonvert {background-color: #FFFFFF; border: 1px #B9B6B6 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #69A471} .textenormal { font-family: Arial, Helvetica, sans-serif; font-size: 11px } .titre { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #070070} .rouge { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000} .remarque { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999} table.important {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#CC0000; border:solid; border-width:1; border-color:#CC0000; background-color:#ffffff} a.textlink {color: black} /* pager */ .pager {font-size: 11px; margin: 10px 0px;} .pager a { margin-right: 5px;} .pager span { margin-right: 5px; font-weight: bold;} /* bande-pub */ .bande-pub { width: 170px; } /* sky-boutique */ #sky-boutique { text-align: center; width: 142px; background-color: #e8f0ff; } #sky-boutique .product { margin-top: 10px; } #sky-boutique .product .preview { width: 84px; height: 84px; background: url('/Templates/deco/sky_boutique/bg_preview.gif') 0% 0% repeat-y; } #sky-boutique .product .preview div { margin: 1px 0px 0px 1px; } #sky-boutique .product .preview img { border:1px solid #CCCCCC; } #sky-boutique .product .title { text-align: center; margin: 5px; } #sky-boutique .product .title a { text-align: center; font-family: Arial; font-size: 11px; color: #7D7D7D; } #sky-boutique .product .price { text-align: right; margin: 5px 5px 5px 0px; } #sky-boutique .product .price a { font-family: Arial; font-size: 11px; color: #DA3F00; } /* news */ span.news-title { font-size: 11px; font-weight:bold; color:#FFFFFF; } span.news a { font-size: 10px; color:#FFFFFF; } span.news a:hover { text-decoration:underline; } /* player video */ .sequence-video-player { display: block; border-width: 1px 0px; border-color: #999; border-style: solid; background-color: #eee; padding: 10px 0px; margin: 10px 0px; } .sequence-video-player .flowplayer{ margin: 0px 10px 0px 10px; } .sequence-video-player #video-information{ display: inline; margin: 10px 0px; width: 160px; border:1px solid #999; background-color: white; } .sequence-video-player #video-information h1,h2,h3,h4 { font-weight: normal; margin: 8px 5px; } .sequence-video-player #video-information h1 { font-size: 12px; font-weight: bold; } .sequence-video-player #video-information h2 { font-size: 11px; } .sequence-video-player #video-information h3 { font-size: 11px; } .sequence-video-player #video-information h4 { font-size: 11px; } .video-list li{ font-size: 11px; } .video-list li a{ font-size: 12px; } /* page d'accueil */ #home-content {width: auto;} #home-content img {border:0px} #home-content .home-left {float: left; width: 400px; margin-right: 30px; display: inline;} #home-content .home-center {float: left; width: 300px; margin-right: 0px; display: inline;} #home-content .home-articles p.title {font-size: 18px; font-weight: bold; color: white; background-color: #ED9817; text-align: center; padding: 3px 0px} #home-content .home-articles h1 a {font-size: 14px; font-weight: bold; color: black} #home-content .home-articles a.preview img{margin: 0px 5px 5px; float: left} #home-content .home-articles p {text-align: justify; font-size: 12px} #home-content .home-articles p a {font-size: 12px; font-weight: normal; color: black !important;} #home-content .home-articles a {font-size: 12px; font-weight: normal; color: black !important;} #home-content .home-articles p a:hover {text-decoration: none} #home-content .home-welcome h1 {font-size: 16px; text-transform: uppercase} #home-content .home-welcome h1 span {font-size: 16px; font-weight: bold; color: #CCC; margin-left: 10px} #home-content .home-welcome h2 {font-size: 14px; font-weight: bold; color: #ED9817} #home-content .home-welcome p {font-size: 13px} #home-content .home-welcome ul.links {margin: 30px 0px 0px 30px; padding: 0;} #home-content .home-welcome ul.links li {position: relative; width: 188px; height: 41px; list-style-type: none; list-style-position: inside; text-align: center; margin: 0px 0px 5px 0px; background: url('/Templates/deco/home/bt_acces.jpg') 0 0 no-repeat; line-height: 40px; overflow: hidden} #home-content .home-welcome ul.links li:hover {background: url('/Templates/deco/home/bt_acces_on.jpg') 0 0 no-repeat;} #home-content .home-welcome ul.links li a {text-transform: uppercase; color: white; font-size: 14px; font-weight: bold} #home-content .home-welcome ul.links li a:hover {text-decoration: none} #home-content .home-welcome ul.links li a.single {text-transform: uppercase; color: white; font-size: 14px; font-weight: bold} #home-content .home-academie p.last {font-size: 13px; font-weight: bold; color: #ED9817; text-align: center} #home-content .home-academie h1 {font-size: 18px; font-weight: bold; color: white; background-color: #ED9817; text-align: center; padding: 3px 0px} #home-content .home-academie .acces {height: 140px; background: url('/Templates/deco/home/academies_acces_bg.jpg') 10px 0 no-repeat;} #home-content .home-academie .acces p {padding: 15px 20px 0px 0px; text-align: right} #home-content .home-academie .acces p a.link {font-size: 13px; font-weight: bold; color: #ED9817} #home-content .home-academie a.button {display: block; text-indent: -9999px; overflow: hidden; margin: 10px 20px 10px 140px; width: 92px; height: 20px; background: url('/Templates/deco/home/bt_acces_petit.jpg') 0 0 no-repeat; text-align: left} #home-content .home-academie a.button:hover { background: url('/Templates/deco/home/bt_acces_petit_on.jpg') 0 0 no-repeat} #home-content .home-academie a.inscription {color: #999999; font-size: 11px; font-weight: normal} #home-content .home-academie div.academie p.title {text-align: center} #home-content .home-academie div.academie p.title a {color: black; font-size: 12px; font-weight: bold; text-transform: uppercase} #home-content .home-academie div.academie a.preview {float: left; margin: 0px 10px 10px 0px} #home-content .home-academie div.academie a.preview img{width: 70px} #home-content .home-academie div.academie p.description {font-size: 12px;} #home-content .home-academie div.academie p.description a {font-size: 12px; color: black} #home-content .home-evenement p.last {font-size: 13px; font-weight: bold; color: #ED9817; text-align: center} #home-content .home-evenement h1 {font-size: 18px; font-weight: bold; color: white; background-color: #ED9817; text-align: center; padding: 3px 0px} #home-content .home-evenement .acces {height: 140px; background: url('/Templates/deco/home/evenements_acces_bg.jpg') 10px 0 no-repeat;} #home-content .home-evenement .acces p {padding: 15px 20px 0px 0px; text-align: right} #home-content .home-evenement .acces p a.link {font-size: 13px; font-weight: bold; color: #ED9817} #home-content .home-evenement a.button {display: block; text-indent: -9999px; overflow: hidden; margin: 10px 20px 10px 140px; width: 92px; height: 20px; background: url('/Templates/deco/home/bt_acces_petit.jpg') 0 0 no-repeat; text-align: left} #home-content .home-evenement a.button:hover { background: url('/Templates/deco/home/bt_acces_petit_on.jpg') 0 0 no-repeat} #home-content .home-evenement a.inscription {color: #999999; font-size: 11px; font-weight: normal} #home-content .home-evenement div.evenement p.title {text-align: center} #home-content .home-evenement div.evenement p.title a {color: black; font-size: 12px; font-weight: bold; text-transform: uppercase} #home-content .home-evenement div.evenement a.preview {float: left; margin: 0px 10px 10px 0px} #home-content .home-evenement div.evenement a.preview img{width: 70px} #home-content .home-evenement div.evenement p.description {font-size: 12px;} #home-content .home-evenement div.evenement p.description a {font-size: 12px; color: black} #home-content .home-event {text-align: center; background-color: #eee; margin-bottom: 25px} #home-content .home-event p.title {background-color: #666; text-align: center; padding: 3px 0px} #home-content .home-event p.title a {font-size: 13px; font-weight: bold; color: white} #home-content .home-event p.description a {font-size: 12px; font-weight: bold; color: black} #home-content .home-event p.description a.preview {display: block; margin-bottom: 10px} #home-content .home-event p.more {background-color: #666; padding: 3px} #home-content .home-event p.more a {font-size: 11px; color: white} #home-content .home-pub {text-align: center; margin: 10px 0 25px} .home-shop { margin: 10px;} .home-shop .shop-content {border:1px solid #7da8ff; background-color: #e8f0ff;} .home-shop .shop-encart {margin: 5px;} .home-shop .shop-encart .frame {border:0px; width: 299px;} .home-shop .shop-encart .shop-audio {height: 90px; overflow: scroll;} .home-shop .shop-encart .shop-video {height: 250px; overflow: hidden;} .home-shop .shop-encart .shop-products {height: 400px; overflow: scroll;} .home-shop .shop-content div.plus {text-align: right; margin: 5px;} .home-shop .shop-content div.plus a {font: bold 12px arial;} .home-shop .shop-content .product {margin-bottom: 10px;} .home-shop .shop-content .product .preview {margin-right: 10px;} .home-shop .shop-content .product .titre {margin-bottom: 5px;} .home-shop .shop-content .product .titre a {color: #666;} .home-shop #product-map {height: 300px; overflow: scroll} .home-shop #product-map .preview {height: 120px; float: left; margin-right: 10px;} .home-shop #product-map .preview img {border:1px solid #ddd; width:80px; height: 80px} .pub-produits {border:1px solid #7da8ff; background-color: #e8f0ff; padding: 3px;} .pub-produits .product {margin-bottom: 10px;} .pub-produits .product .preview {margin-right: 10px;} .pub-produits .product .preview img {width: 70px} .pub-produits .product .titre {margin-bottom: 5px;} .pub-produits .product .titre a {color: #666; font-weight: bold !important; font-size: 12px} .pub-produits .product .titre a:hover {text-decoration: underline !important} .pub-produits div.plus {text-align: right; margin: 5px;} .pub-produits div.plus a {font: bold 12px arial;} .pub-cd {border:1px solid #7da8ff; background-color: #e8f0ff; padding: 3px;} .pub-cd .product {margin-bottom: 10px;} .pub-cd .product .preview {margin-right: 10px;} .pub-cd .product .preview img {width: 70px} .pub-cd .product .titre {margin-bottom: 5px;} .pub-cd .product .titre a {color: #666; font-weight: bold !important; font-size: 12px} .pub-cd .product .titre a:hover {text-decoration: underline !important} .pub-cd div.plus {text-align: right; margin: 5px;} .pub-cd div.plus a {font: bold 12px arial;} .pub-dvd {margin-top: 20px} .pub-dvd .product {margin-bottom: 10px;} .pub-dvd .product .preview {margin-right: 10px;} .pub-dvd .product .preview img {width: 70px} .pub-dvd .product .titre {margin-bottom: 5px;} .pub-dvd .product .titre a {color: #666; font-weight: bold !important; font-size: 12px} .pub-dvd .product .titre a:hover {text-decoration: underline !important} .pub-dvd div.plus {text-align: right; margin: 5px;} .pub-dvd div.plus a {font: bold 12px arial;} /* main menu */ #main-menu, #main-menu li {margin: 0; padding: 0} #main-menu img {border: 0px} #main-menu {width: 118px} #main-menu li {line-height: 12px; list-style-type: none; list-style-position: outside; text-align: right; margin: 0px 3px 4px 0px;} #main-menu li.category {margin: 10px 0px 0px 0px;} #main-menu li.shop {margin-left: 15px; font-size: 11px; font-weight: normal; color: white;} #main-menu li.shop a {font-size: 11px; font-weight: normal; color: white;} #main-menu li a { font-size: 11px; color: #fafcd2; font-weight: normal} /* text-content */ .text-content {margin: 0px 20px} .text-content h1, .text-content h2, .text-content ul, .text-content ul li, .text-content p, .text-content h3{margin: 0; padding: 0} .text-content li, .text-content p, .text-content a {font-size: 12px} .text-content h1 {font-size: 20px; margin-bottom: 30px; color: #070070; text-align: center;} .text-content h1 a.h1 {font-size: 16px; color: #070070; } .text-content h2 {margin-top: 30px; color: #070070; font-size: 15px; font-weight: bold} .text-content h3 {margin-top: 15px; color: #333; font-size: 13px; font-weight: bold} .text-content h1 span.language {display: none; font-size: 13px; font-weight: normal} .text-content p {margin-top: 6px; color: #333} .text-content p.infos {font-size: 10px; color: #333; line-height: 10px} .text-content p.infos * {font-size: 10px; color: #333} .text-content a.ico img {float: left; border: none; margin: 0px 10px 10px 0px} .text-content ul {margin: 10px} .text-content ul li {list-style: square inside; margin-top: 5px; color: #666} .text-content ul ul {margin: -5px 0px 5px 40px} .text-content ul ul li {list-style: circle} .text-content blockquote {margin: 10px 40px 10px; color: #333; font-size: 13px; font-weight: bold; color: #666} .text-content .transversal-nav {float: right; margin-top: 0px; width: 150px; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #EE9817; background-color: #F8FAED} .text-content .transversal-nav li {list-style: none outside; color: #EE9817} .text-content .transversal-nav li a {color: #EE9817; font-size: 13px} /* 2010-08-31 */ div#page {padding-top: 10px; width: 944px; text-align: left} ul#favorites{float: right; margin: 0 7px 0 0} ul#favorites li {list-style-type: none; display: inline; float: right; height: 32px; line-height: 32px; margin-left: 15px} a.add-to-favorites {line-height: 32px; display: inline-block; height: 32px; padding-left: 38px; font-size: 14px; background: url('/Templates/images/2010/favorite_icon.png') 0 center no-repeat; color: #ED9817} a.rss {display: inline-block; height: 32px; width: 32px; text-indent: -999px; background: url('/Templates/images/2010/rss_32_icon.png') 0 0 no-repeat; overflow: hidden;} div#header {position: relative; margin-top: 10px; width: 944px; height: 154px; background: url('/Templates/images/2010/header.jpg') 0 0 no-repeat;} div#header a.logo {position: absolute; top: 20px; left: 20px; width: 200px; height: 105px; overflow: hidden; text-indent: -999px} div#header div.search {position: absolute; top: 20px; right: 20px; } div#header div.menu {position: absolute; bottom: 5px; left: 240px; } p.roadline {text-align: left; margin-left: 30px; font-size: 13px; color: #999} p.roadline a {color: #999; font-size: 13px} div#content {margin: 10px} div#content-left {width: 740px; display: inline-block} div.text-content h1, h1 {font-size: 22px; font-weight: bold; color: #ED9817} h3.block-title {font-size: 16px; font-weight: bold; background: url('/Templates/images/2010/block_title_list.gif') 15px center no-repeat #ED9817; color: white; margin: 30px 0 10px; padding: 5px 0px 5px 35px; -moz-border-radius: 5px; -webkit-border-radius: 5px} h3.block-title a {font-size: 16px; font-weight: bold; color: white; } div.block-content {font-size: 12px; color: #666} table.two-columns {width: 100%} table.two-columns td {width: 50%; text-align: left; vertical-align: top;} table.two-columns td.column-left {padding-right: 10px;} table.two-columns td.column-right {padding-left: 10px;} div.mini-block {padding: 10px; background-color: #efefef; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 5px} div.mini-block * {font-size: 13px} div.mini-block h3 {font-size: 15px; color: #ED9817; font-weight: bold} h3.title {color: #64B71F; font-weight: bold; font-size: 16px; border-bottom: 3px solid #efefef} td.bgcolor1 .arial2bleu {font-size: 13px; color: white} tr.bgcolor1 .arial2bleu {font-size: 13px; color: white}