.links-social { float: right; padding-top: 2px; } .links-social .link-social { margin-left: 5px; background-image: url(http://fr.cdn.v5.futura-sciences.com/systeme/design/Images/Systeme/fs-share-sprite.png); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; overflow: hidden; } .links-social .link-social.link-facebook { background-position: -92px 0; } .links-social .link-social.link-googleplus { background-position: -92px -16px; } .links-social .link-social.link-twitter { background-position: -92px -32px; } .links-social .link-social.link-rss { background-position: -92px -48px; } .aside-link { float: right; display: block; position: relative; height: 16px; top: -25px; right: 8px; font-size: 11px; } .slider-multi-items {width:100%;} .slider-multi-items .prev, .slider-multi-items .next { height:19px;} .slider-multi-items .btn{height:19px; width:54px;} .slider-multi-items .viewport{width:100%; overflow:hidden; position:relative;} .slider-multi-items ul.list {list-style:none; margin:0px; padding:0px; top:0px; position:relative; width:100%;} .slider-multi-items ul.list li{display:block; clear:both; min-height:auto; padding:0px; margin:0px; width:100%;} .slider-multi-items ul.list li a, .slider-multi-items ul.list li span.noknil {display:block; padding:7px 0px;} .slider-multi-items ul.list li .title a, .slider-multi-items ul.list li .title span.noknil{ display: inline; padding: 0; } .slider-multi-items .image{float:left; text-align:center; margin:0px 6px; cursor:pointer;} .slider-multi-items .infos{overflow:hidden; cursor:pointer;} .slider-multi-items .infos h3{font-size:14px; font-weight:bold; line-height: 17px;} .slider-multi-items a:hover .infos h3{color:inherit;} .slider-multi-items .infos p {margin:0px 0px 7px 0px;font-size:12px; color:#646f69;} .slider-multi-items .infos h3 {margin:0px 0px 5px 0px;} .slider-multi-items .infos span.time{color:red; font-weight:bold;} .slider-multi-items .infos span.date{color:black; font-weight:bold;} .slider-multi-items .bgdark-hover:hover .infos span.date { color: inherit;  } .slider-h{width:100%; margin:7px 0px;} .slider-h .btn {margin-top:82px; width:20px; cursor:pointer; float:left;} .slider-h .mask {height:197px; overflow:hidden; float:left; position:relative;} .slider-h .mask ul { list-style:none; margin:0px; padding:0px; height:197px; width:20000px; position:relative; } .slider-h .mask ul li { display:block; float:left; height:193px; text-align:center; padding-top:5px; font-weight:bold; font-size:11px;} .slider-h .mask ul li a{display:block; width:100%; height:185px; overflow:hidden;} .slider-h .mask strong, .slider-h .mask span{display:block; margin:5px 0px;} .slider-h .mask span.cartouche, .slider-h .mask span.cartouche span{display:inline-block; margin:0px;} .slider-h .mask ul li img.modelicon{margin:0px 7px;} .slider-h .mask .bgdark-hover:hover img{border-color:white;} .slider-h .mask span.work { font-weight: normal; } .slider-video .mask{height:217px;} .slider-video .mask ul li {height:213px;} .slider-video .mask ul li a{height:205px;} .slider-video span.duree{font-weight:normal;} .contenu-singlecol .slider-h .mask{width:943px;} .contenu-singlecol .slider-h .mask li.col1{width:943px;} .contenu-singlecol .slider-h .mask li.col2{width:471px;} .contenu-singlecol .slider-h .mask li.col3{width:314px;} .contenu-singlecol .slider-h .mask li.col4{width:236px;} .contenu-singlecol .slider-h .mask li.col5{width:188px;} .contenu-singlecol .slider-h .mask li.col6{width:157px;} .contenu-singlecol .slider-h .mask li.col7{width:134px;} .contenu-singlecol .slider-h .mask li.col8{width:117px;} .contenu-singlecol .slider-h .mask li.col9{width:104px;} .contenu-singlecol .slider-h .mask li.col10{width:94px;} .contenu-doublecol .col-gauche .slider-h .mask {width:627px;} .contenu-doublecol .slider-h .mask li.col1{width:627px;} .contenu-doublecol .slider-h .mask li.col2{width:315px;} .contenu-doublecol .slider-h .mask li.col3{width:210px;} .contenu-doublecol .slider-h .mask li.col4{width:157px;} .contenu-doublecol .slider-h .mask li.col5{width:126px;} .contenu-doublecol .slider-h .mask li.col6{width:105px;} .contenu-doublecol .slider-h .mask li.col7{width:90px;} .contenu-doublecol .slider-h .mask li.col8{width:78px;} .contenu-doublecol .slider-h .mask li.col9{width:70px;} .contenu-doublecol .slider-h .mask li.col10{width:63px;} .contenu-doublecol .col-droite .slider-h .mask {width:256px;} .contenu-doublecol .col-droite .slider-h .mask li.col1{width:256px;} .contenu-doublecol .col-droite .slider-h .mask li.col2{width:128px;} .contenu-doublecol .col-droite .slider-h .mask li.col3{width:85.333px;} .contenu-doublecol .col-droite .slider-h .mask li.col4{width:64px;} .contenu-doublecol .col-droite .slider-h .mask li.col5{width:51.2px;} .contenu-doublecol .col-droite .slider-h .mask li.col6{width:42.667px;} .contenu-doublecol .col-droite .slider-h .mask li.col7{width:36.571px;} .contenu-doublecol .col-droite .slider-h .mask li.col8{width:32px;} .contenu-doublecol .col-droite .slider-h .mask li.col9{width:28.444px;} .contenu-doublecol .col-droite .slider-h .mask li.col10{width:25.6px;} .onglets{width:100%; margin-bottom:20px;} .onglets .selector{width:100%; height:33px; margin:0px; padding:0px; list-style:none;} .onglets .selector li{width:auto; display:inline-block; height:33px; float:left; line-height:33px; color:white; cursor:pointer; font-weight:bold; text-align:center;} .onglets .selector li span{display:inline-block; height:33px; background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-inact.png'); background-repeat:repeat-x;} .onglets .selector li span.gauche{padding-left:5px; background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-inact-gauche-small.png'); background-repeat:no-repeat;} .onglets .selector li span.droite{padding-right:5px; background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-inact-droite-small.png'); background-repeat:no-repeat;} .onglets .selector li.first span.gauche{padding-left:10px; background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-inact-gauche.png');} .onglets .selector li.last span.droite{padding-right:10px; background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-inact-droite.png');} .onglets .selector li.active{color:black; cursor: default;} .onglets .selector li.active span{background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-act.png');} .onglets .selector li.active span.gauche{background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-act-gauche-small.png');} .onglets .selector li.active span.droite{background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-act-droite-small.png');} .onglets .selector li.first.active span.gauche{padding-left:10px; background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-act-gauche.png');} .onglets .selector li.last.active span.droite{padding-right:10px; background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-act-droite.png');} .onglets .separator{height:4px; margin:0px 0px 1px 0px; background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-separator.png'); background-repeat:no-repeat;} .onglets .onglet-contenu{padding-top:1px; background-color:white; background-repeat:repeat-x; background-position: 0 100%;} .onglets .onglet-content{padding:0px 2px;} .onglets .onglet-content .content{padding:0px; border-width:0px 0px 0px 0px; background:none;} .contenu-singlecol .onglets .onglet-content{padding:0px 9px; width:auto;} .contenu-singlecol .onglet-content .content{padding:0px;} .onglets .onglet-footer{height:29px;} .onglets .onglet-footer .gauche{height:29px; padding-left:11px; background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-footer-gauche.png'); background-repeat:no-repeat;} .onglets .onglet-footer .droite{height:29px; padding-right:11px; background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-footer-droite.png'); background-repeat:no-repeat;} .onglets .onglet-footer .fond{display:block; height:29px; line-height:29px; background-image:url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-footer.png'); background-repeat:repeat-x; overflow:hidden;} .onglets .onglet-footer .fond, .onglets .onglet-footer a{color:white; font-weight:bold; } .onglets .onglet-footer a span{padding-right:15px; height:29px; line-height:29px; display:block; background:transparent url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/onglet-footer-fleche.png') no-repeat 100% 50%; overflow:hidden;} .slider-mosaique {width:100%;} .slider-mosaique .prev, .slider-mosaique .next {height:19px;} .slider-mosaique .btn {height:19px; width:54px;} .slider-mosaique .viewport {width:100%; overflow:hidden; position:relative;} .slider-vertical-titre {width:100%;} .slider-vertical-titre .prev, .slider-vertical-titre .next {height:19px;} .slider-vertical-titre .btn {height:19px; width:54px;} .slider-vertical-titre .viewport {width:100%; overflow:hidden; position:relative;} .slider-vertical-titre ul {list-style:none; margin:0px; padding:0px; top:0px; width:100%;} .slider-vertical-titre ul li {display:block; margin:0px; width:100%;} .slider-vertical-titre ul li img{margin-right:7px;} .slider-vertical-titre ul li a{display:block; padding:5px; height:100%;} .slider-vertical-titre span.time{color:red;} .slider-vertical-titre span.date{color:black;} .slider-vertical-titre .bgdark-hover:hover span.date { color: inherit;  } .alaune{position:relative; width:100%; height:264px; margin:8px 0px; border:1px solid #b1b1b1; overflow:hidden;} .alaune ul{list-style:none;} .alaune ul, .alaune li, .alaune h3, .alaune p{margin:0px; padding:0px;} .alaune .list{position:absolute; top:0px; left:0px; z-index:20; width:247px; height:264px; overflow:hidden; background:transparent url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/alaune-list.png') no-repeat top left;} .alaune .item { width:247px; height:44px; display: table; overflow:hidden; background:transparent url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/sprite-onglet-alaune.png') no-repeat top left; } .alaune .item:last-child{background-position:0px 10px;} .alaune .item:hover{ cursor:default; } .alaune .item:hover a{text-decoration:none;} .alaune .item img{display:block; float:left; width:101px; height:38px; border:1px solid #adadab; margin:2px 9px 2px 2px;} .alaune .item h3{ margin-top:3px; font-size:14px; display: table-cell; vertical-align: middle; overflow:hidden; padding-right:15px; width: 118px; height: 34px; } .alaune .item p{font-size:12px; height:18px; line-height:18px; overflow:hidden; padding-right:15px;} .alaune .images{position:relative; top:0px; left:0px; z-index:5;} .alaune .images li{position:absolute; width:100%; height:264px; top:0px; left:0px; z-index:5; text-align:right; width:100%; background-color:white;} .alaune .images li.active{z-index:6;} .alaune .images li .wrapper{width:100%; height:264px;} .alaune .images li .wrapper img{position:relative; z-index:900;} .alaune .links { position:absolute; bottom:0px; right:0px; width:100%; height: 264px; z-index:1000; } .alaune .links li { position:relative; text-align:left; float:right; margin-left:2px; background-color: transparent; } .alaune .links li a{ display:block; position: absolute; right: 0; height:100%; width: 100%; cursor: pointer;  background: transparent url('http://fr.cdn.v5.futura-sciences.com/systeme/design/pageTemplates/commun/bg/transparent-complet.png') repeat top left; } .alaune .links li a:hover span.titre {text-decoration:underline;} .alaune .links li a img {margin:3px; float:left;} .alaune .links li a strong{text-transform:uppercase;} .alaune a{color:white;} .alaune .links li a .cartouche-contenu { display: block; position: absolute; bottom: 0; right: 0; padding: 0.6em; background-color: rgba(255, 255, 255, 0.85); border-top-left-radius: 10px; width: 500px; text-align: left; } .alaune .links li a .cartouche-contenu .titre { font-size: 16px; font-weight: bold; } .alaune .links li a .cartouche-contenu .surtitre { font-size: 14px; font-weight: bold; display: block; color: black; } .contenu-doublecol .alaune{ margin-top:0px; } .contenu-doublecol .alaune .links li a .cartouche-contenu { width: 350px; }