#tpl_3cols{ padding:15px} .colLeft,.colMiddle{ float:left} .colRight{ float:right} .colMiddle,.colRight{ margin-left:15px} .containerLeft{ float:left; width:645px} .colLeft{ width:430px} .slideshow{ position:relative; height:209px; overflow:hidden}  .slideshow.sprite1{ background:url(../../_univers/img/foldersSprite1.jpg); }  .slideshow.sprite2{ background:url(../../_univers/img/foldersSprite2.jpg); }  .slideshow.sprite3{ background:url(../../_univers/img/foldersSprite3.jpg); }  .slideshow.conduite-changement{ background-position:right 0 }  .slideshow.web{ background-position:right -224px }  .slideshow.systemes{ background-position:right -448px }  .slideshow.pc{ background-position:right -672px }  .slideshow.internet{ background-position:right -896px }  .slideshow.bureautique{ background-position:right -1120px }  .slideshow.secu{ background-position:right -1344px }  .slideshow ul{ width:167px; height:100%; background:url(/www.commentcamarche.net/_skin/_common/img/bg_slideshowNav.png) repeat; }  .slideshow ul li a{ display:block; height:15px; padding:7px 8px; border-bottom:1px solid #fff; }  .slideshow ul li a:hover, .slideshow ul li a:focus, .slideshow ul li a.selected{ background:#d6071b; }  .slideshow ul li a span{ display:block; } .slideshow .buttonB{ position:absolute; right:15px; bottom:15px; line-height:17px; box-shadow:0 0 5px rgba(0,0,0,0.6); -moz-box-shadow:0 0 5px rgba(0,0,0,0.6); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.6)} .genericList.newscast .section{ margin-top:20px} .genericList.newscast .titleSection{ margin-top:15px} .genericList.newscast .section h2 span{ margin-right:5px} .genericList.newscast .section a.imgLeft,.genericList.newscast .section a.imgLeft .img{ width:119px; height:71px} .genericList.newscast .section a.imgLeft .img{ display:block; margin-left:auto; margin-right:auto} .genericList.newscast .section a.imgLeft + .article{ float:left; width:293px} .newscast .section h2{ margin-bottom:5px} .genericList.newscast .section.first a.imgLeft,.genericList.newscast .section.first a.imgLeft .img{ width:168px; height:146px; overflow:hidden} .genericList.newscast .section.first a.imgLeft + .article{ width:244px} .colMiddle{ width:180px; padding:0 10px; background:#f1f1ee} .middleBox{ padding:10px 0; border-top:1px solid #f5f5f3; border-bottom:1px solid #d7d7d7} .middleBox.first{ min-height:222px; overflow:hidden} #content .middleBox.zoom h4 a{ text-transform:uppercase} .middleBox .section{ margin-top:10px} .middleBox .section p{ margin-bottom:10px} .middleBox .section a.img .zoom{ display:block; width:58px; height:58px; position:absolute; top:-2px; right:-3px; z-index:2; background:url(/www.commentcamarche.net/_skin/_common/img/ico_zoom.png) no-repeat} .middleBox .section a.img,.middleBox .section a img{ display:block; position:relative} .middleBox .section a.imgLeft{ float:left; margin-right:10px; } .middleBox .section a.img,.middleBox .section a.imgLeft{ padding:3px; border:1px solid #d7d7d7; background:#fff; width:172px; height:71px; overflow:hidden} .middleBox .section a.imgLeft.small{ width:55px; height:40px}  .middleBox .section a.img:hover, .middleBox .section a.img:focus, .middleBox .section a.imgLeft:hover, .middleBox .section a.imgLeft:focus{ border:1px solid #d6071b; }  .middleBox .section a.imgLeft + .article{ float:left; width:107px; }  .middleBox .section .article li{ list-style-position:outside; margin-bottom:5px; }  .middleBox .section .article p{ margin:5px 0 0 0; } .middleBox .section .article span.floatLeft{ margin-right:5px} .middleBox .section .article span.floatLeft + div{ float:left; width:148px} .colRight{ width:300px} .titleSection{ padding-bottom:4px; border-bottom:1px solid #d7d7d7}