Services abonnés Abonnements
$(function(){ $('#slides').slides({ preload: true, generateNextPrev: true }); });
#singleLeft {width:100%;} #mainColRight{display:none;} body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; }
a{ text-decoration:none; }
#sa-container { width:900px; margin-left: auto; margin-right: auto; padding:0px; margin-top: 50px; } #sa-container .sa-item { width:100%; height:200px; border:solid 1px #e0e0e0; box-shadow:8px 7px 20px #EEE; margin-bottom: 30px; margin-top: 20px; } #sa-container .sa-item .sa-item-left { float: left; width:50%; height:100%; background: #ffffff; background: -moz-linear-gradient(left, #ffffff 68%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, right top, color-stop(68%,#ffffff), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(left, #ffffff 68%,#f4f4f4 100%); background: -o-linear-gradient(left, #ffffff 68%,#f4f4f4 100%); background: -ms-linear-gradient(left, #ffffff 68%,#f4f4f4 100%); background: linear-gradient(to right, #ffffff 68%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 ); }
#sa-container .sa-item .sa-item-right { float: right; width:50%; }
/* GRANDE BOX : TITRE*/
#sa-container .sa-item .sa-item-right .sa-item-right-title { text-transform:uppercase; font-weight:bold; text-align:center; padding-top:20px; margin-bottom: 15px; } #sa-container .sa-item .sa-item-right .sa-item-right-title span.sa-titre{ font-size:20px; } #sa-container .sa-item .sa-item-right .sa-item-right-title span.sa-sous-titre{ font-size:16px; }
/* GRANDE BOX : CONTENU */
#sa-container .sa-item .sa-item-right .sa-item-right-content{ height:90px; } #sa-container .sa-item .sa-item-right .sa-item-right-content .sa-item-right-content-left{ float: left; padding-top: 15px; padding-left: 40px; width: 260px; } #sa-container .sa-item .sa-item-right .sa-item-right-content .sa-item-right-content-right{ padding-left: 30px; font-weight:bold; font-size:18px; color:#F00; text-align: center; } #sa-container .sa-item .sa-item-right .sa-item-right-content .sa-item-right-content-right span.sa-chiffre{ font-size:34px; } #sa-container .sa-item .sa-item-right .sa-item-right-content .sa-item-right-content-right span.sa-sous-prix{ font-size:16px; }
/* GRANDE BOX : BOUTON */
#sa-container .sa-item .sa-item-right .sa-item-right-button{ font-weight:bold; text-align:center; margin-bottom: 0px; padding-bottom: 0px; } #sa-container .sa-item .sa-item-right .sa-item-right-button .sa-item-right-button-left{ float:left; width:142px; height:20px; font-size:14px; text-transform:uppercase; text-align:center; margin-top:5px; background-color:#dadada; margin-left: 4px; margin-right: 5px; margin-bottom: 0px; padding-top:5px; padding-bottom: 0px; border:solid 1px #e0e0e0; border-bottom: none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; opacity: 0.8; } #sa-container .sa-item .sa-item-right .sa-item-right-button .sa-item-right-button-middle{ float:left; width:142px; height:20px; font-size:14px; text-transform:uppercase; text-align:center; margin-top:5px; background-color:#dadada; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top:5px; padding-bottom: 0px; border:solid 1px #e0e0e0; border-bottom: none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; opacity: 0.8; } #sa-container .sa-item .sa-item-right .sa-item-right-button .sa-item-right-button-right{ float:right; width:142px; height:20px; color:#FFF; font-size:14px; text-transform:uppercase; text-align:center; margin-top:5px; background-color:#f18c3a; margin-right: 5px; margin-bottom: 0px; padding-top:5px; padding-bottom: 0px; border:solid 1px #d56205; border-bottom: none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; opacity: 0.8; } #sa-container .sa-item .sa-item-right .sa-item-right-button .sa-item-right-button-left:hover , #sa-container .sa-item .sa-item-right .sa-item-right-button .sa-item-right-button-middle:hover , #sa-container .sa-item .sa-item-right .sa-item-right-button .sa-item-right-button-right:hover { opacity: 1; }
/* PETITE BOX : STRUCTURE */
#sa-container .sa-container-single-box { margin-top: 20px; padding-top:0; }
#sa-container .sa-container-single-box .sa-single-box { float:left; margin-right:10px; width: 442px; height: 200px; border:solid 1px #e0e0e0; margin-bottom:30px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 68%, #DEDEDE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#ffffff), color-stop(100%,#DEDEDE)); background: -webkit-linear-gradient(top, #ffffff 68%,#DEDEDE 100%); background: -o-linear-gradient(top, #ffffff 68%,#DEDEDE 100%); background: -ms-linear-gradient(top, #ffffff 68%,#DEDEDE 100%); background: linear-gradient(to bottom, #ffffff 68%,#DEDEDE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DEDEDE',GradientType=0 ); box-shadow:8px 7px 20px #EEE; }
/* PETITE BOX : CONTENT */
#sa-container .sa-container-single-box .sa-single-box .sa-single-box-top { height: 170px; }
#sa-container .sa-container-single-box .sa-single-box .sa-single-box-top .sa-single-box-top-image { float:left; width: 305px; border: none; }
#sa-container .sa-container-single-box .sa-single-box .sa-single-box-top .sa-single-box-top-text { font-weight:bold; text-align:center; }
#sa-container .sa-container-single-box .sa-single-box .sa-single-box-top .sa-single-box-top-text { padding-left: 30px; font-weight:bold; font-size:18px; color:#F00; text-align: center; padding-top: 30px; }
#sa-container .sa-container-single-box .sa-single-box .sa-single-box-top .sa-single-box-top-text span.sa-titre { text-transform:uppercase; font-weight:bold; text-align:center; font-size:20px; color:#000; }
#sa-container .sa-container-single-box .sa-single-box .sa-single-box-top .sa-single-box-top-text span.sa-chiffre{ font-size:34px; } #sa-container .sa-container-single-box .sa-single-box .sa-single-box-top .sa-single-box-top-text span.sa-sous-prix{ font-size:16px; }
#sa-container .sa-container-single-box .sa-single-box .sa-arrow { position:relative; left: -6px; }
#sa-container .sa-container-single-box .sa-single-box .sa-single-box-bottom .sa-single-box-bottom-link { position:relative; top:-44px; float:left; font-size: 15px; font-weight:bold; margin-top: 10px; color: #f18c3a; padding-left: 55px; }
/* PETITE BOX : BOUTON */
#sa-container .sa-container-single-box .sa-single-box .sa-single-box-bottom .sa-single-box-bottom-button{ position:relative; top:-43px; float:right; width:150px; height:20px; color:#FFF; font-size:14px; text-transform:uppercase; font-weight:bold; text-align:center; margin-top:5px; background-color:#f18c3a; margin-right: 5px; margin-bottom: 0px; padding-top:5px; padding-bottom: 0px; border:solid 1px #d56205; border-bottom: none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; opacity: 0.8; }
#sa-container .sa-container-single-box .sa-single-box .sa-single-box-bottom .sa-single-box-bottom-button:hover{ opacity: 1; }
/* PETITE BOX DROITE : STRUCTURE */
#sa-container .sa-container-single-box .sa-single-box-right { float:right; width: 442px; height: 200px; border:solid 1px #e0e0e0; margin-bottom:30px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 68%, #DEDEDE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#ffffff), color-stop(100%,#DEDEDE)); background: -webkit-linear-gradient(top, #ffffff 68%,#DEDEDE 100%); background: -o-linear-gradient(top, #ffffff 68%,#DEDEDE 100%); background: -ms-linear-gradient(top, #ffffff 68%,#DEDEDE 100%); background: linear-gradient(to bottom, #ffffff 68%,#DEDEDE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DEDEDE',GradientType=0 ); box-shadow:8px 7px 20px #EEE; }
/* PETITE BOX DROITE : CONTENT */
#sa-container .sa-container-single-box .sa-single-box-right .sa-single-box-top { height: 170px; }
#sa-container .sa-container-single-box .sa-single-box-right .sa-single-box-top .sa-single-box-top-image { float:left; width: 305px; border: none; }
#sa-container .sa-container-single-box .sa-single-box-right .sa-single-box-top .sa-single-box-top-text { font-weight:bold; text-align:center; }
#sa-container .sa-container-single-box .sa-single-box-right .sa-single-box-top .sa-single-box-top-text { padding-left: 30px; font-weight:bold; font-size:18px; color:#F00; text-align: center; padding-top: 30px; }
#sa-container .sa-container-single-box .sa-single-box-right .sa-single-box-top .sa-single-box-top-text span.sa-titre { text-transform:uppercase; font-weight:bold; text-align:center; font-size:20px; color:#000; }
#sa-container .sa-container-single-box .sa-single-box-right .sa-single-box-top .sa-single-box-top-text span.sa-chiffre{ font-size:34px; } #sa-container .sa-container-single-box .sa-single-box-right .sa-single-box-top .sa-single-box-top-text span.sa-sous-prix{ font-size:16px; }
#sa-container .sa-container-single-box .sa-single-box-right .sa-arrow { position:relative; left: -6px; }
#sa-container .sa-container-single-box .sa-single-box-right .sa-single-box-bottom .sa-single-box-bottom-link { position:relative; top:-44px; float:left; font-size: 16px; font-weight:bold; margin-top: 10px; color: #f18c3a; padding-left: 80px; }
/* PETITE BOX DROITE : BOUTON */
#sa-container .sa-container-single-box .sa-single-box-right .sa-single-box-bottom .sa-single-box-bottom-button{ position:static; float:right; width:150px; height:20px; color:#FFF; font-size:14px; text-transform:uppercase; font-weight:bold; text-align:center; background-color:#f18c3a; margin-top:5px; margin-right: 5px; margin-bottom: 0px; padding-top:5px; padding-bottom: 0px; border:solid 1px #d56205; border-bottom: none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; opacity: 0.8; }
#sa-container .sa-container-single-box .sa-single-bo-rightx .sa-single-box-bottom .sa-single-box-bottom-button:hover{ opacity: 1; }
/* PETITE BOX DROITE INFO : */
#sa-container .sa-container-single-box .sa-single-box-right .sa-info-box-top { border-bottom:solid 1px #e0e0e0; font-size:12px; } #sa-container .sa-container-single-box .sa-single-box-right .sa-info-box-top .sa-info-box-top-text { float: left; padding-left: 20px; padding-top: 7px; } #sa-container .sa-container-single-box .sa-single-box-right .sa-info-box-top .sa-info-box-top-text p { font-weight:bold; } #sa-container .sa-container-single-box .sa-single-box-right .sa-info-box-top .sa-info-box-top-button { float: right; position: relative; top: -37px; width:150px; height:20px; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center; margin-top:10px; background-color:#dadada; margin-left: 4px; margin-right: 5px; margin-bottom: 0px; padding-top:5px; padding-bottom: 0px; border:solid 1px #e0e0e0; border-bottom: none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; opacity: 0.8; } #sa-container .sa-container-single-box .sa-single-box-right .sa-info-box-top .sa-info-box-top-button:hover { opacity: 1; }
#sa-container .sa-container-single-box .sa-single-box-right .sa-info-box-bottom { font-size:12px; } #sa-container .sa-container-single-box .sa-single-box-right .sa-info-box-bottom .sa-info-box-bottom-text { float: left; padding-left: 20px; width:400px; padding-top: 7px; } #sa-container .sa-container-single-box .sa-single-box-right .sa-info-box-bottom .sa-info-box-bottom-text p { font-weight:bold; } #sa-container .sa-container-single-box .sa-single-box-right .sa-info-box-bottom .sa-info-box-bottom-button { float: right; position: relative; top:-74px; width:150px; height:35px; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center; margin-top:10px; background-color:#dadada; margin-left: 4px; margin-right: 5px; margin-bottom: 0px; padding-top: 2px; padding-bottom: 0px; border:solid 1px #e0e0e0; border-bottom: none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; opacity: 0.8; } #sa-container .sa-container-single-box .sa-single-box-right .sa-info-box-bottom .sa-info-box-bottom-button:hover { opacity: 1; }
/* CAROUSEL */
#slides { width: 900px; margin-left: auto; margin-right: auto; padding: 0px; }
#slides .slides_container { width:900px; height:260px; padding: 0px; }
#slides .slides_container .image-fond { width:950px; padding-bottom:240px; margin-top: 20px; }
.slides_container div.image-fond div.slider-text { background-color: rgba(241, 140, 58, 0.5); color:#FFF; width:250px; height:100px; margin-left:650px; margin-top:141px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-left:7px; }
.slides_container div.image-fond div.slider-text:hover{ background-color: rgba(241, 140, 58, 0.85); color:#FFF; width:250px; height:100px; margin-left:650px; margin-top:141px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-left:7px; }
.titre-slider { font-size:17px; text-transform:uppercase; font-weight:bold; line-height:35px; }
/* BOUTON PREV/NEXT */
.prev { float:left; padding: 0px; background:url(http://static.lematin.ch/Abo/prev.png); width:14px; height:29px; margin-top:10px; margin-left:390px; margin-right:20px; display: none; }
.prev:hover { background:url(http://static.lematin.ch/Abo/prev_hover.png); }
.next { float: right; padding: 0px; background:url(http://static.lematin.ch/Abo/next.png) no-repeat top left; width:14px; height:29px; margin-top:10px; margin-right:390px; display: none; }
.next:hover { background:url(http://static.lematin.ch/Abo/next_hover.png) no-repeat top left; }
/* BOUTON DE PAGINATION */
ul.pagination { padding: 0px; text-decoration:none; margin-top:20px; text-align:center; margin-left:-5px; }
ul.pagination li { list-style:none; display:inline; width: 25px; background:url(http://static.lematin.ch/Abo/round.png) no-repeat ; margin-left:10px; text-decoration:none; }
ul.pagination li.current{ background:url(http://static.lematin.ch/Abo/full.png) no-repeat ; text-decoration:none; } .bloc-droit { width:450px; height:200px; float:left;} .dix { font-family:Arial, Helvetica, sans-serif; font-size:40px; font-weight:bold; color:red; }
Abonnements

éditions numériques offertes
3 mois

par mois

Fr.234.-
1 an de jetons


Fr.15.-
12 numéros

Fr.15.-
3 mois

Pour contacter le service clients
lu-ve de 8h à 12h et de 13h30 à 17h
Tél. 0842 833 833 - Fax 0842 000 110
Email
Courrier :
Le Matin, service clients, CP, 1001 Lausanne
Créé: 26.12.2011, 09h43