#tpl_3cols .colLeft {
width:430px;
}
#tpl_3cols .colMiddle {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F1F1EE none repeat scroll 0 0;
width:200px;
}
.slideshow {
height:209px;
overflow:hidden;
position:relative;
}
.slideshow.sprite1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(foldersSprite1.jpg) repeat scroll 0 0;
}
.slideshow.sprite2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(foldersSprite2.jpg) repeat scroll 0 0;
}
.slideshow.sprite3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(foldersSprite3.jpg) repeat scroll 0 0;
}
.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 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/www.commentcamarche.net/_skin/_common/img/bg_slideshowNav.png) repeat scroll 0 0;
height:100%;
width:167px;
}
.slideshow ul li a {
border-bottom:1px solid #FFFFFF;
color:#3E4545;
display:block;
height:15px;
padding:7px 8px;
}
.slideshow ul li a:hover, .slideshow ul li a:focus, .slideshow ul li a.selected {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D6071B none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
.slideshow ul li a span {
display:block;
}
.slideshow ul li a .cat {
font-weight:bold;
text-transform:uppercase;
}
.slideshow .button {
bottom:15px;
position:absolute;
right:15px;
}
.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 {
height:71px;
width:119px;
}
.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 span, .genericList.newscast .section span a {
color:#999999;
font-size:1em;
font-weight:bold;
text-transform:uppercase;
}
.genericList.newscast .section.first a.imgLeft, .genericList.newscast .section.first a.imgLeft .img {
height:83px;
overflow:hidden;
width:110px;
}
.genericList.newscast .section.first a.imgLeft + .article {
width:290px;
text-align:justify;
}
.middleBox {
border-bottom:1px solid #D7D7D7;
border-top:1px solid #F5F5F3;
}
.middleBox.first {
min-height:222px;
overflow:hidden;
}
#content .middleBox.zoom h4 a {
text-transform:uppercase;
}
.middleBox h4 {
border-bottom:1px solid #D7D7D7;
color:#303030;
font-weight:bold;
margin:0;
padding:10px 10px 10px 35px;
position:relative;
text-transform:uppercase;
}
.middleBox h4.bgGrWhiteB:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/www.commentcamarche.net/_skin/_common/img/overlay-whiteT.png) repeat-x scroll left top;
}
.middleBox h4 .ico {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/www.commentcamarche.net/_skin/_common/img/ico_sprite.gif?20100601) repeat scroll -141px -527px;
float:right;
height:13px;
margin-left:5px;
position:relative;
top:1px;
width:14px;
}
.middleBox .section {
font-family:tahoma,arial;
margin:10px;
position:relative;
}
.middleBox .section .article {
font-size:0.9em;
}
.middleBox .section p {
margin-bottom:10px;
}
div.zoom .section h4 {
border:medium none;
padding:0;
}
.middleBox .section > .zoom {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/www.commentcamarche.net/_skin/_common/img/ico_zoom.png) no-repeat scroll 0 0;
display:block;
height:58px;
position:absolute;
right:-3px;
top:-2px;
width:58px;
z-index:2;
}
.middleBox .section .img, .middleBox .section .img img, .middleBox .section .img span, .middleBox .section .imgLeft span {
display:block;
position:relative;
}
.middleBox .section .img span, .middleBox .section .imgLeft span {
height:100%;
}
.middleBox .section .img, .middleBox .section .imgLeft {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #D7D7D7;
height:71px;
overflow:hidden;
padding:3px;
width:172px;
}
.middleBox .section .imgLeft {
float:left;
margin-right:10px;
}
.middleBox .section .imgLeft.small {
height:55px;
width:55px;
}
.middleBox .section .img:hover, .middleBox .section .img:focus, .middleBox .section .imgLeft:hover, .middleBox .section .imgLeft:focus {
border:1px solid #D6071B;
}
.middleBox .section .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;
}
.middleBox .section .article span.floatLeft {
margin-right:5px;
}
.middleBox .section .article span.floatLeft + div {
float:left;
}
.middleBox .section .article span.listDecimal {
color:#D6071B;

font-weight:normal;
}
.titleSection {
border-bottom:1px solid #D7D7D7;
padding-bottom:4px;
}
.titleSection h4 {
font-size:1.2em;
font-weight:bold;
text-transform:uppercase;
}
#content .colMiddle h4, #content .colMiddle h4 a {
color:#D6071B;
}
.newscast .img {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(foldersSprite1_xsmall.jpg) repeat scroll 0 0;
}
.newscast span.conduite-changement, .newscast span.itpro {
background-position:0 0;
}
.newscast span.web, .newscast span.webmasters {
background-position:0 -71px;
}
.newscast span.systemes, .newscast span.os {
background-position:0 -142px;
}
.newscast span.pc, .newscast span.hardware {
background-position:0 -213px;
}
.newscast span.internet, .newscast span.networking {
background-position:0 -284px;
}
.newscast span.bureautique, .newscast span.debutants {
background-position:0 -335px;
}
.newscast span.secu, .newscast span.security {
background-position:0 -426px;
}
.newscast span.ccm {
background-position:0 -497px;
}
.newscast span.databases {
background-position:0 -568px;
}
.newscast span.net {
background-position:0 -639px;
}
.newscast span.languages, .newscast span.developpeurs {
background-position:0 -710px;
}
.newscast span.legislation {
background-position:0 -781px;
}
.newscast span.programming {
background-position:0 -852px;
}
.newscast span.convergence-numerique {
background-position:0 -923px;
}

span.banner{
	background:#FFFFFF url(loader.gif) no-repeat scroll 50% 50%;
	border:1px solid #D7D7D7;
	display:block;
	height:64px;
	padding:4px 10px;
	width:158px;
}