/* CSS SOMMAIRE REMI */ .clearl {clear: left} .left {float: left} .f14 {font-size:14px} /*sommaire Remi*/ #sommaireRemi {background: transparent url(../img/sommaire/bckSomm.jpg) top left repeat-x; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size: 12px; overflow: hidden;} /*leftCol*/ #sommaireRemi #leftCol {width: 273px; float: left; margin-right: 10px; background: transparent url(../img/sommaire/visuRemi.jpg) top left no-repeat; padding: 350px 10px 0 15px} #sommaireRemi #leftCol p {color:#15174f; font-size: 14px; line-height: 18px; text-align: justify; padding: 10px} /*rightCol*/ #sommaireRemi #rightCol { margin-left: 298px; padding: 15px 15px 0 0} #blkConseil {background: transparent url(../img/sommaire/visuConseiltop.jpg) top right no-repeat; margin: 0 0 10px 0; padding: 18px 0 0 0} #blkConseil p.titleArt {font-size: 16px; font-weight: bold; margin-bottom: 6px} #blkConseil div.topL { background: #FFFFFF url(../img/sommaire/bckToplconseil.jpg) top left no-repeat; padding: 14px 0 0 0} #blkConseil div.topR {margin: 0; padding:0 139px 10px 0} #blkConseil div.topR {background-color: #FFFFFF; background-position: top right; background-repeat: no-repeat} #blkConseil div p {font-size: 11px; margin:0; padding-left: 10px} #blkConseil div p.alaune {background: url(../img/sommaire/titleAlauneNEW.jpg) 10px no-repeat; padding-left: 255px; height: 42px;font-size: 15px; margin: 0 0 10px 0} #blkConseil div p.alaune span {padding: 15px 0 0 0;line-height: 20px} #blkConseil div p a:link, #blkConseil div p a:visited {font-size: 12px;text-decoration: none} #blkConseil div p a:hover, #blkConseil div p a:active {font-size: 12px;text-decoration: underline} #blkThemes {background-color: white; padding: 5px 10px; font-size: 11px; } #blkThemes p.title, #blkThemes p.title a { font-size: 16px; color: #186fb1; font-weight: bold} #blkThemes .theme { font-size: 12px; font-weight: bold} #blkThemes ul { margin: 0; padding:0; vertical-align: top; } #blkThemes ul li { margin: 0 10px 10px 0; padding: 0 0 0 50px; list-style: none; height: 80px; width: 270px; float:left; font-size: 10px} #blkThemes ul li a { font-size: 10px} #blkThemes a { color:#000000; text-decoration: none} #blkThemes a:hover { text-decoration: underline} #blkThemes ul li#freinage { background: transparent url(../img/sommaire/pictoFreinage.jpg) top left no-repeat} #blkThemes ul li#direction { background: transparent url(../img/sommaire/pictoDirection.jpg) top left no-repeat} #blkThemes ul li#pieces { background: transparent url(../img/sommaire/pictoPieces.jpg) top left no-repeat} #blkThemes ul li#elec { background: transparent url(../img/sommaire/pictoElec.jpg) top left no-repeat} #blkThemes ul li#chauffage { background: transparent url(../img/sommaire/pictoChauffage.jpg) top left no-repeat} #blkThemes ul li#acc { background: transparent url(../img/sommaire/pictoAcc.jpg) top left no-repeat} #blkThemes ul li#echapp { background: transparent url(../img/sommaire/pictoEchapp.jpg) top left no-repeat} /*sommaire Remi détails*/ #sommaireRemidetails {clear: both} #sommaireRemidetails .blkTitle {background: transparent url(../img/sommaire/bckh4.jpg) top left repeat-x} #sommaireRemidetails h4 {height: 16px; padding: 14px 10px 14px 55px; color: #FFFFFF; font-style: italic; font-size: 15px; display: block; margin-left: 20px} #sommaireRemidetails h4 span { float: right; background: transparent url(../img/sommaire/arrowTop.jpg) top right no-repeat; padding: 0 20px 0 0;} #sommaireRemidetails h4 span a, #sommaireRemidetails h4 span a:link, #sommaireRemidetails h4 span a:visited {color: #FFFFFF;font-weight: normal; font-style: normal; font-size: 11px} #sommaireRemidetails h4.freinage { background: transparent url(http://www.oscaro.com/images/design/categories/702426.png) top left no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oscaro.com/images/design/categories/702426.png', sizingMethod='crop'); } #sommaireRemidetails .blkList {margin-right: 60px; padding: 0 0 0 20px; min-height: 150px} * html #sommaireRemidetails .blkList {height: 150px} /*#sommaireRemidetails .blkList div {float:left; width:310px; position: relative}*/ #sommaireRemidetails .blkList div.col1 {float:left; width:300px;} #sommaireRemidetails .blkList div.col2 {margin-left:305px; width: 260px} #sommaireRemidetails .blkList ul {margin: 0 0 25px 0} #sommaireRemidetails .blkList ul li {list-style: none; margin: 0 0 0 10px} #sommaireRemidetails .blkList h5.title {color:#0865ab; padding: 0; text-transform: uppercase; font-weight: bold; margin: 0 0 0 0; font-size: 14px;background: transparent url(../img/sommaire/pictoArrowblue.png) left no-repeat; padding-left: 15px;} #sommaireRemidetails .blkList ul li.subtitle {color:#8ebe0a; font-weight: bold; padding: 10px 0 0 0; margin: 0 0 5px 0} #sommaireRemidetails .blkList ul li a, #sommaireRemidetails .blkList ul li a:link, #sommaireRemidetails .blkList ul li a:visited { background: transparent url(../img/sommaire/pictoArrowblack.png) left no-repeat; padding-left: 10px; font-size: 11px; color: #04567f} #sommaireRemidetails #freinage .blkList {background: transparent url(../img/sommaire/visuFreinage.jpg) top right no-repeat} #sommaireRemidetails #direction .blkList {background: transparent url(../img/sommaire/visuDirection.jpg) top right no-repeat} #sommaireRemidetails #piece .blkList {background: transparent url(../img/sommaire/visuPiece.jpg) top right no-repeat} #sommaireRemidetails #echapp .blkList {background: transparent url(../img/sommaire/visuEchapp.jpg) top right no-repeat} #sommaireRemidetails #elec .blkList {background: transparent url(../img/sommaire/visuElec.jpg) top right no-repeat} #sommaireRemidetails #chauff .blkList {background: transparent url(../img/sommaire/visuChauff.jpg) top right no-repeat} #sommaireRemidetails #acc .blkList {background: transparent url(../img/sommaire/visuAcc.jpg) top right no-repeat} #sommaireRemidetails h4.direction {background: transparent url(http://www.oscaro.com/images/design/categories/702432.png) left no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oscaro.com/images/design/categories/702432.png', sizingMethod='crop')} #sommaireRemidetails h4.piece {background: transparent url(http://www.oscaro.com/images/design/categories/702429.png) left no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oscaro.com/images/design/categories/702429.png', sizingMethod='crop')} #sommaireRemidetails h4.elec {background: transparent url(http://www.oscaro.com/images/design/categories/702427.png) left no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oscaro.com/images/design/categories/702427.png', sizingMethod='crop')} #sommaireRemidetails h4.chauff {background: transparent url(http://www.oscaro.com/images/design/categories/702428.png) left no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oscaro.com/images/design/categories/702428.png', sizingMethod='crop')} #sommaireRemidetails h4.acc {background: transparent url(http://www.oscaro.com/images/design/categories/702431.png) left no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oscaro.com/images/design/categories/702431.png', sizingMethod='crop')} #sommaireRemidetails h4.echapp {background: transparent url(http://www.oscaro.com/images/design/categories/702426.png) left no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oscaro.com/images/design/categories/702426.png', sizingMethod='crop')} /* ARTICLE Remi */ #blkTopart {background: #FFFFFF url(../img/sommaire/bckToplconseil.jpg) top left no-repeat; padding: 0 0 0 10px; font-size: 11px} #blkTopart div.topR {background: transparent url(../img/sommaire/bckToprart.jpg) top right no-repeat; height: 14px} #blkTopart p.titleArt {font-size: 16px; font-weight: bold; margin-bottom: 6px} #blkTopart p.title, #blkTopart p.title a {font-size: 16px; color: #186fb1; font-weight: bold; margin: 0 0 0 0} #blkTopart h1.titleArt {font-size: 20px; color: #8ebe0a; margin: 10px 0} #blkTopart p {text-align: justify; padding-right: 10px} #blkTopart p.txtAuthors {margin-bottom: 20px; font-style: italic} /**/ /*bloc video dans les articles*/ .blkVideo {padding: 0 10px 0 20px; margin-bottom: 10px} #sommaireRemi #leftCol .blkVideo p, .blkVideo p {padding: 5px 0 0 0} .blkVideo img {margin-right: 10px; float: left; border: none} .blkVideo a:link, .blkVideo a:visited {color:#186fb1;font-size:10px; text-decoration: none} .blkVideo a:hover, .blkVideo a:active {text-decoration: underline} .blkVideo span {font-size:10px} /*bloc video dans */ /*bloc video dans le top de l'article*/ .blkVideo2 {padding: 0 10px 0 20px; margin: 5px; width: 250px; display: block; float:right} .blkVideo2 p { padding: 5px 0 0 0} .blkVideo2 img {margin-right: 10px; float: left; border: none} .blkVideo2 a:link, .blkVideo2 a:visited {color:#186fb1;font-size:10px; text-decoration: none} .blkVideo2 a:hover, .blkVideo2 a:active {text-decoration: underline} .blkVideo2 span {font-size:10px} /*bloc video dans */ /*bloc video dans la page thematique des vidéos*/ .blkVideo3 {padding: 0 5px 0 0; width: 230px; height: 150px;display: block; float:left} .blkVideo3 p { padding: 5px 0 0 0} .blkVideo3 img {margin-right: 10px; float: left; border: none} .blkVideo3 a:link, .blkVideo3 a:visited {color:#186fb1;font-size:10px; text-decoration: none} .blkVideo3 a:hover, .blkVideo3 a:active {text-decoration: underline} .blkVideo3 span {font-size:10px} .blkVideo3 ul {margin:0; padding:0} .blkVideo3 ul li { list-style: none;padding: 0 0 0 10px; margin:0; background:url(../img/sommaire/arrow-right.gif) left no-repeat} /*bloc video dans la page thematique des vidéos*/ #blkSwf {position:absolute; margin:-350px 0 0 -15px;padding:0} p.mtb10 { margin: 20px 0 10px 0; font-size: 14px} /*image modifiée a chaque article*/ #sommaireRemi #leftCol .visuFlexible {background: transparent url(../img/frein-flexible/visuRemi.jpg) top left no-repeat } #sommaireRemi #leftCol .visuPompe {background: transparent url(../img/pompe-eau/visuRemi.jpg) top left no-repeat } /*--------------------------------[UNIVERS VIDEO]-----------------------*/ /* Univers video */ /* =CLEARFIX */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* END CLEARFIX */ /*sommaire Remi*/ #sommaireRemivid {background: #eaf2f7 url(../img/remivideo/bckSommVid.jpg) top left repeat-x; font-family:Arial, Helvetica, sans-serif; font-size: 12px; overflow: hidden;} /*leftCol video*/ #sommaireRemivid #leftColvid {width: 490px; float: left; margin-right: 10px; background: transparent url(../img/remivideo/bckVidpolaroid.jpg) top left no-repeat; padding: 160px 10px 0 15px} #sommaireRemivid #leftColvid p {color:#15174f; font-size: 14px;text-align: justify; padding: 10px} #leftColvid #btnVid {text-align: center } #sommaireRemivid #leftColvid h1 {font-size: 18px; margin: 0 0 0 10px; } /*display: block; width:100px; float:left; margin: 0 20px 0 0}*/ #videoWmv {margin: 0 0 110px 25px; padding-top: 5px} /*rightCol video */ #sommaireRemivid #rightColvid {margin-left: 505px; padding: 15px 15px 0 0} #listVid {background-color: #FFFFFF;/*border: 1px solid #5c9ed9; padding: 1px; margin: 10px 20px 0 10px*/} /*arrondi sup*/ #blkArr {background: transparent url(../img/sommaire/visuConseiltop.jpg) top right no-repeat; margin: 0 0 0 0; padding: 18px 0 0 0} #blkArr h1.titleArt {font-size: 20px; color: #8ebe0a; margin: 10px 0} #blkArr div.topL { background: #FFFFFF url(../img/sommaire/bckToplconseil.jpg) top left no-repeat; padding: 14px 0 0 0} #blkArr div.topR {margin: 0; padding:0 139px 10px 0} #blkArr div.topR {background-color: #FFFFFF; background-position: top right; background-repeat: no-repeat; background-image: url(../img/remivideo/visuConseilRemivid.jpg)} #listVid #listVidtitle {background: transparent url(../img/remivideo/visuTitlevideo.jpg) center center no-repeat; width: auto; height: 123px} #listVid #listVidtitle span {display: none} #listVid #listVidtitle p {color: #012642; font-size: 16px; font-weight: bold; text-align: center} #sommaireRemivid #rightColvid p {margin: 0 10px 5px 10px} #sommaireRemivid #rightColvid ul {margin: 0 0 0 10px; padding: 0; list-style: none} #sommaireRemivid #rightColvid p.titleArt {margin: 0 0 0 10px} #listVid a, #listVid a:link, #listVid a:visited {color: #186fb1;text-decoration: none} #listVid a:hover, #listVid a:active {color: #186fb1;text-decoration: underline} #listVid ul li {list-style: none; margin: 0; padding: 0; background: url(../img/remivideo/puceListvid.gif) top left no-repeat; padding-left: 10px} #listVid ul li a, #listVid ul li a:link, #listVid ul li a:visited {font-size: 11px} #listVid ul li a:hover, #listVid ul li a:active {text-decoration: underline} #listVid .readMore {text-transform: uppercase; font-size: 10px} /*#listVid .titleVid {padding: 0 0 5px 0}*/ #listVid .titleVid a, #listVid .titleVid {font-size: 16px} #listVid .blkVid {/*height: 80px;*/ display: block; margin: 0 0 5px 5px} #listVid .blkMin {width: 100px; background: url(../img/remivideo/pictoTime.png) left no-repeat; padding: 2px 0 0 22px; height: 18px; font-size: 11px} html>body #sommaireRemivid #rightColvid #listVid .blkVid {overflow: hidden} #listVid .blkImg {width: 90px; float: left;} #listVid .blkTxt {margin-left: 90px; padding: 5px 10px} #listVid .blkTxtSelect {margin-left: 110px; padding: 5px; background: url(../img/remivideo/bckSelectvid.jpg) top left repeat-y} #listVid .blkTxt p, #listVid .blkTxtSelect p {margin: 0 0 0 0} #listVid p.infoVid {background:url(../img/remivideo/pictoInfo.png) center left no-repeat; padding: 10px 10px 10px 35px; font-size: 12px} /*formulaires*/ #formNote, #formFriend {width: 480px} #formNote label, #formFriend label{display: block; float: left; font-size: 11px; color: #186fb1; font-weight: bold; text-align: right; padding-right: 15px} #formNote label.txt90, #formFriend label.txt90 {width: 90px} #formNote label.txt120, #formFriend label.txt120 {width: 120px} #formNote p, #formFriend p {clear: both;margin: 0 0 0 0; padding: 0 0 0 0} #formNote input, #formFriend input {margin: 0 0 0 0; padding: 0 0 0 0; border: 1px solid #85c0ec} #formNote input.btnEnvoyer, #formFriend input.btnEnvoyer { float: right; margin: 0 5px 10px 0;background: url(../img/remivideo/btnEnvoyer.png) top left no-repeat; border: none; width: 68px; height: 27px} html>body #formNote input.btnEnvoyer {padding-bottom: 4px} html>body #formFriend input.btnEnvoyer {padding-bottom: 4px} #formNote fieldset, #formFriend fieldset {background-color: #FFFFFF;border: 1px solid #186fb1; margin: 0 20px 20px 20px} #formNote legend, #formFriend legend {padding: 0 5px; font-size: 11px; text-transform: uppercase} #formNote textarea, #formFriend textarea {width: 320px; border: 1px solid #85c0ec} #sommaireRemivid #leftColvid .title {padding: 0; text-transform: uppercase;margin: 0 0 0 0; padding-left: 15px} #formNote input.radioBtn, #formFriend input.radioBtn {color:#CCCCFF; background-color:#e0ecf4} #rightColvid .f10 {font-size: 10px} #rightColvid h4 {background: transparent url(../img/remivideo/bckTitlevid.jpg) top left repeat-y ; font-size: 14px; color: #ba0000; margin: 10px 0 10px 0; padding: 10px; font-style: normal} #rightColvid h4 span {font-size:18px} #rightColvid h1 {background: transparent url(../img/remivideo/bckTitlevid.jpg) top left repeat-y ; font-size: 14px; color: #ba0000; margin: 10px 0 10px 0; padding: 10px; font-style: normal} #rightColvid h1 span {font-size:18px} #rightColvid a.titleMore, #rightColvid a.titleMore:link, #rightColvid a.titleMore:visited, #rightColvid a.titleMore:active, #rightColvid a.titleMore:hover {font-size: 10px;background: transparent url(../img/sommaire/pictoArrowblue.png) left no-repeat; padding-left: 15px; color:#000000; font-style: normal; display: block;} .lkBulle {float: right; display: block; height: 90px; } .lkBulle a, .lkBulle a:link, .lkBulle a:visited, .lkBulle a:active, .lkBulle a:hover{display: block; width:120px;height: 90px} /*Ajout video ds sommaire */ #blkVideopub {margin: 0 0 5px 0} #blkVideopub #lkLogovid {width: 140px;float: left} #blkVideopub #lkLogovid a { background: transparent url(/redactionnel/videos/img/remivideo/logoRemismall2.png) top left no-repeat; width: 140px; height: 112px; display: block; } #blkVideopub #lkTitle { height: 63px; background: #FFFFFF url(/redactionnel/videos/img/remivideo/logoRemismall2.png) top left no-repeat;height: 100px; padding: 20px 0 10px 130px; margin: 10px 0 } #blkVideopub #lkTitle h4 {background: transparent url(/redactionnel/videos/img/remivideo/bckTitlevid2.jpg) top right repeat-y ; font-size: 14px; color: #ba0000; margin: 10px 0 20px 0; padding: 10px; font-style: normal;text-decoration: none; width: auto} #blkVideopub #lkTitle h4 span {font-size: 18px} #blkVideopub #lkTitle a, #blkVideopub #lkTitle a:link, #blkVideopub #lkTitle a:visited, #blkVideopub #lkTitle a:active, #blkVideopub #lkTitle a:hover {color: #ba0000; text-decoration: none} #txtLogovid {background: url(/redactionnel/videos/img/remivideo/logoRemismall.png) top left no-repeat; padding: 0 0 0 125px; height: 130px; margin: 0 0 0 10px;}