/*
Theme Name: TouchMobile
Theme URI: http://www.touchmobile.fr
Description: None
Version: Final
Author: Alexandre FILLUZEAU
*/
*{
margin:0;
padding:0;
}
ul , ol{
list-style:none;
}
html,body{
width:100%;
color:#000;
background:url(images/background.jpg) #EEEEEE repeat-x;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
}
#header h1{
margin-left:20px;
position:absolute;
display:block;
background:url(images/logo.png) no-repeat;
width:270px;
height:95px;
float:left;
}
#header h1 a{
display:block;
width:270px;
height:95px;
}
#header h1 a span{
display:none;
}
#ifsingle{
margin-left:20px;
position:absolute;
display:block;
background:url(images/logo.png) no-repeat;
width:270px;
height:95px;
float:left;
}
#ifsingle a{
display:block;
width:270px;
height:95px;
}
#ifsingle a span{
display:none;
}
h2{
padding-left:30px;
padding-top:5px;
color:#fff;
font-size:16px;
font-weight:normal;
}
#sidebar2 h2{
padding-top:5px;
padding-left:30px;
color:#fff;
font-size:16px;
font-weight:normal;
}
#leavecomment  h2{
padding-top:5px;
padding-left:30px;
color:#fff;
font-size:16px;
font-weight:normal;
}
#topactu h2{
padding-top:5px;
padding-left:30px;
color:#fff;
font-size:16px;
font-weight:normal;
}
h3{
padding-top:5px;
padding-left:30px;
color:#fff;
font-size:16px;
font-weight:normal;
}
h4{
padding-top:2px;
padding-left:30px;
color:#fff;
font-size:16px;
font-weight:normal;
}
actuteltactile h2 {
padding-left:30px;
padding-top:5px;
color:#fff;
font-size:16px;
font-weight:normal;
}
#news{
position:absolute;
margin-left:535px;
margin-top:60px;
}
.newsticker{
list-style-type:none;
color:#fff;
font-weight:bold;
}
.newsticker a{
list-style-type:none;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:13px;
}
#sondage{
list-style-type:none;
width:180px;
}
#div_centre{
width:1001px;
margin-left:auto;
margin-right:auto;
}
#header{
background-image:url(images/header.jpg);
width:1001px;
height:141px;
font-size:13px;
}
#general{
width:1001px;
margin-left:auto;
margin-right:auto;
}
#sidebar1{
float:left;
width:164px;
margin-left:6px;
text-align:center;
}
#sidebar1 .postThumb{
margin-bottom:20px;
margin-left:29px;
}
#sidebar2{
float:right;
position:relative;
width:200px;
text-align:center;
}
#content{
margin-left:170px;
position:relative;
width:630px;
}
#contentsingle{
margin-left:50px;
position:relative;
width:740px;
}
#navbar{
position:absolute;
margin-top:74px;
width:1001px;
margin-left:0px;
padding-left:0px;
}
#actuteltactile{
background-image:url(images/actuteltactile.jpg);
width:621px;
height:196px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
}
#topactu{
background:url(images/topactu.jpg) #eee no-repeat;
width:621px;
height:30px;
margin-left:auto;
margin-right:auto;
}
#topsingleactu{
background:url(images/topsingleactu.jpg) #eee no-repeat;
width:740px;
height:30px;
margin-left:auto;
margin-right:auto;
}
#comment{
background:url(images/comment.jpg) #fff no-repeat;
width:740px;
height:30px;
margin-left:auto;
margin-right:auto;
}
#leavecomment{
background:url(images/leavecomment.jpg) #fff no-repeat;
width:740px;
height:30px;
margin-left:auto;
margin-right:auto;
}
#middleactu{
background:url(images/middleactu.jpg) #fff repeat-y;
width:621px;
margin-left:auto;
margin-right:auto;
}
#middlesingleactu{
background:url(images/middlesingleactu.jpg) #eee repeat-y;
width:740px;
margin-left:auto;
margin-right:auto;
}
#bordactu{
width:610px;
padding-left:5px;
padding-right:5px;
padding-top:2px;
margin-left:auto;
margin-right:auto;
}
#bordsingleactu{
width:700px;
padding-left:5px;
padding-right:5px;
padding-top:2px;
margin-left:auto;
margin-right:auto;
}
#comparateur_tb{
width:100%;
}
#bordcomparateur{
padding-left:5px;
padding-right:5px;
padding-top:5px;
margin-left:auto;
margin-right:auto;
}
#bottomactu{
background:url(images/bottomactu.jpg) #eee no-repeat;
width:621px;
height:5px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}
#bottomsingleactu{
background:url(images/bottomsingleactu.jpg) #eee no-repeat;
width:740px;
height:5px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}
#topcomparateur{
background:url(images/topcomparateur.jpg) #fff no-repeat;
width:810px;
height:36px;
margin-left:auto;
margin-right:auto;
}
#toprecherche{
background:url(images/toprecherche.jpg) #eeeeee no-repeat;
width:960px;
height:30px;
margin-left:auto;
margin-right:auto;
}
#middlerecherche{
background:url(images/middlerecherche.jpg) #eeeeee repeat-y;
width:960px;
margin-left:auto;
margin-right:auto;
}
#bottomrecherche{
background:url(images/bottomrecherche.jpg) #eeeeee no-repeat;
width:960px;
height:5px;
margin-bottom: 10px;
margin-left:auto;
margin-right:auto;
}
#avoiraussi{
background:url(images/avoiraussi.jpg) #eee no-repeat;
width:621px;
height:30px;
margin-left:auto;
margin-right:auto;
}
#pubavoiraussi{
text-align:center;
width:615px;
}
#topsidebar{
background:url(images/topsidebar.jpg) no-repeat;
width:189px;
height:36px;
}
#middlesidebar{
background:url(images/middlesidebar.jpg) #eee repeat-y;
width:195px;
margin-left:5px;
margin-bottom:5px;
}
#bottomsidebar{
background:url(images/bottomsidebar.jpg) no-repeat;
width:189px;
height:3px;
}
#topsidebar1{
background:url(images/topsidebar1.jpg) no-repeat;
width:195px;
height:30px;
text-align:left;
color:#eee;
}
#topsidebar2{
background:url(images/topsidebar2.jpg) no-repeat;
width:195px;
height:30px;
text-align:left;
color:#fff;
}
#topsidebar3{
background:url(images/topsidebar3.jpg) no-repeat;
width:195px;
height:30px;
text-align:left;
color:#fff;
}
#bonsplanssidebar{
background:url(images/bonsplans.jpg) no-repeat;
height:30px;
text-align:left;
color:#fff;
}
#bonsplanssidebar h2{
font-weight: bold;
font-size: 16px;
padding:0;
margin-left:22px;
}
#middlesidebar1{
background:url(images/middlesidebar.jpg) #eee repeat-y;
width:195px;
margin-left:5px;
text-align:left;
margin-bottom:5px;
}
#middlesidebar1 p{
padding-left:5px;
width:185px;
}
#middlesidebar1 ul li{
background:url(images/actualite.png) no-repeat 0px 0px;
padding-left:14px;
margin-left:6px;
}
#middlesidebar1 ul li a{
text-decoration:none;
color:#000;
font-size:11px;
font-weight:bold;
}
#middlesidebar1 ul li a:hover{
text-decoration:underline;
}
#bottomsidebar1{
background:url(images/bottomsidebar.jpg) no-repeat;
width:195px;
height:3px;
text-align:left;
}
#liens{
background:url(images/liens.png) no-repeat;
padding-top:5px;
margin-left:5px;
height:616px;
width:195px;
margin-bottom:5px;
}
#comparateur{
background-image:url(images/dernieresfiches.jpg);
width:140px;
height:24px;
padding-top:0px;
font-weight:bold;
font-size:16px;
height:24px;
margin-bottom:10px;
margin-top:5px;
margin-left:12px;
}
#social {
position:absolute;
padding-left:500px;
padding-top:40px;
min-width:500px;
}
#rss{
float:left;
margin-left:20px;
}
#twitter{
float:left;
margin-left:20px;
}
#facebook{
float:left;
}
#newsletter{
display:inline;
position:absolute;
margin-left:497px;
font-weight:bold;
padding-top:14px;
font-size:14px;
color:#FFF;
width:500px;
}
#newsletter form input#barre{
background:none;
border:none;
margin-left:35px;
}
#newsletter form input#inscrire{
background-image:url(images/inscriptionbouton.jpg);
background-color:#262626;
color:#FFF;
border:1px;
border-color:#1d79aa;
cursor:pointer;
height:19px;
width:60px;
margin-left:10px;
line-height:19px;
}
#lireactu{
position:absolute;
padding-left:15px;
margin-left:5px;
margin-top:0px;
background:url(images/actualite.png) no-repeat 0px 0px;
text-decoration:none;
}
#lireactu a{
text-decoration:none;
}
ul.topnav{
list-style:none;
font-size:17px;
z-index:1000;
}
ul.topnav li{
float:left;
margin-left:30px;
padding:0;
position:relative;
}
ul.topnav li a{
padding:0;
margin-right:20px;
margin-left:10px;
line-height:40px;
color:#c2c2c2;
display:block;
text-decoration:none;
float:left;
}
ul.topnav li a:hover{
background:url(images/bg_menu_hover.png) no-repeat center top;
color:#fbfbfb;
}
ul.topnav li span{
width:130px;
height:35px;
margin:5px 0 0 -15px;
float:left;
background:url(images/subnav.png) no-repeat center top;
}
ul.topnav li span.subhover{
background-position:center bottom;
cursor:pointer;
}
ul.topnav li ul.subnav{
list-style:none;
position:absolute;
left:0;
top:38px;
background:#333;
margin:0;
padding:5px;
display:none;
float:left;
width:500px;
height: auto;
font-size:12px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border:1px solid #000;
z-index:1000;
}
ul.topnav li ul.subnav li{
margin:0;
padding:0;
width:33%;
display:block;
float:left;
}
ul.topnav li ul.subnav li a{
color:#fbfbfb;
line-height:20px;
display:inline;
height:auto;
padding:0 5px 0 5px;
font-size:12px;
}
ul.topnav li ul.subnav li a:hover{
background-color:#4b89c0;
color:#000;
}
#searchbox{
color:#999999;
margin-top:15px;
margin-left:50px;
width:180px;
height:16px;
background-color:transparent;
background-image:none;
border-style:none;
border:0;
}
a{
color:#3f94c5;
outline:0;
}
.hidden{
display:none;
}
img{
border:none;
outline:none;
}
div#featured{
width:615px;
height:150px;
padding:8px 0 0 8px;
position:relative;
margin-bottom:0px;
z-index:1;
}
div#fImageContainer{
width:250px;
float:left;
}
div#fImageContainer ul li{
width:250px;
height:150px;
}
div#fImageContainer ul li a{
display:inline-block;
border-right:5px solid #ccc !important;
padding-right:1px;
}
div#fImageContainer ul li a:hover{
border-right-color:#3f94c5 !important;
}
div#fInfoContainer{
float:right;
width:350px;
height:150px;
color:#666;
margin-right:15px;
}
div#fInfoContainer li{
padding-top:0px;
width:350px;
height:150px;
}
div#fInfoContainer h3{
margin-bottom:0px;
padding-left:7px;
padding-top:0px;
font-size:20px;
}
div#fInfoContainer h3 a{
text-decoration:none;
color:#496b7e;
}
div#fInfoContainer p{
margin:0;
font-size:14px;
height:100px;
z-index:2;
}
div.postIntro{
background:#fff;
padding-left:5px;
height:100px;
}
div.postIntro p{
line-height:1.3em;
height:100px;
}
div.postIntro p:first-child{
margin-top:0px !important;
}
div.postIntro a{
color:#b59100;
text-decoration:none;
border-bottom:1px solid #fff;
}
div.postIntro a:hover{
color:#333;
border-bottom:1px solid #b59100
}
div.postMeta{
background:url(images/bg_metaHome.gif) no-repeat;
width:298px !important;
height:27px;
padding-left:12px;
padding-top:4px;
margin-top:10px;
}
div.postMeta div{
float:left;
margin-right:20px;
font-size:0.9em;
padding-top:5px !important
}
div.postDate{
background:url(images/bg_calendar.png) no-repeat;
padding-left:25px;
padding-bottom:3px;
}
div.postAuthor{
background:url(images/icon_user.png) no-repeat 0px 2px;
padding-left:20px;
}
div.postAuthor a{
color:#333;
}
div.commentCount{
background:url(images/bg_commentCount.png) no-repeat;
text-align:center;
width:34px;
padding:6px 0;
float:right !important;
margin-right:10px !important;
}
div.commentCount span{
display:none;
}
div.commentCount a{
display:block;
}
div.postMetaList ul li{
float:left;
margin-right:20px;
padding-top:8px !important;
}
div.postMetaList ul li a, div.postMeta a{
text-decoration:none;
}
span.postDate{
background:url(images/bg_calendar.png) no-repeat 0px 0px;
padding-left:22px;
margin-left:2px;
font-size:11px;
}
span.postTags{
background:url(images/dossier.png) no-repeat 0px 0px;
padding-left:22px;
font-size:11px;
}
span.postlestags{
background:url(images/ico_tag.png) no-repeat 0px 0px;
padding-left:22px;
}
span.postAuthor{
background:url(images/icon_user.png) no-repeat 0px 0px;
padding-left:22px;
}
li.postDate{
background:url(images/bg_calendar.png) no-repeat 0px 8px;
padding-left:22px;
padding-bottom:3px;
}
li.postTags{
background:url(images/dossier.png) no-repeat 0px 8px;
padding-left:22px;
}
li.postAuthor{
background:url(images/icon_user.png) no-repeat 0px 8px;
padding-left:22px;
}
li.postAuthor a{
color:#333;
}
li.commentCount{
background:url(images/bg_commentCount.png) no-repeat;
text-align:center;
width:34px;
padding:6px 0;
float:right !important;
margin-right:10px !important;
}
li.commentCount span{
display:none;
}
li.commentCount a{
display:block;
}
ul#sliderNav{
position:absolute;
left:535px;
top:136px;
z-index:100;
display:block;
}
ul#sliderNav li{
float:left;
margin-right:5px;
}
ul#sliderNav li a{
display:block;
width:36px;
height:24px;
text-indent:-9999px;
background-repeat:no-repeat;
}
#next{
background:url(images/next_right.jpg);
width:36px;
height:48px;
}
#next:hover{
background-position:0pt -24px;
}
#prev{
background:url(images/next_left.jpg);
}
#prev:hover{
background-position:0pt -24px;
}
.post{
background:url(images/bg_post.jpg) no-repeat;
margin-top:2px; 
/
*font-size: 0.9em;*/ padding:10px 0;
height:90px;
margin-left:4px;
margin-bottom:0px;
width:609px;
}
.postcat{
background:url(images/bg_postcat.jpg) no-repeat;
margin-top:5px; 
/
*font-size: 0.9em;*/ padding:10px 0;
height:115px;
margin-left:0px;
margin-bottom:0px;
width:306px;
float:left;
}
.postThumb{
background:url(images/bg_postthumb.png) no-repeat;
width:104px;
height:104px;
float:left;
margin:0 5px;
padding:4px 0 0 4px;
}
.imagearticle{
margin-top:10px;
margin-left:4px;
float:left;
border:1px solid #ddd;
}
div.postContent{
float:left;
width:450px;
color:#666;
margin-left:12px;
margin-right:10px;
padding-right:0px
}
div.postContent h3{
padding-top:0px;
margin-bottom:0px;
padding-left:0px;
font-weight:bold;
}
div.postContent p{
margin:0px 0;
line-height:1.3em;
}
div.postContentcat p{
margin:0px 0;
line-height:1.3em;
font-size:9px;
}
div.postContent strong{
color:#b59100;
}
div.postContent h3 a{
color:#475c68;
text-decoration:none;
font-size:14px;
}
div.postContent .postDate{
font-size:11px;
}
div.postContent .postTags{
font-size:11px;
}
div.postMetaList{
padding-top:10px;
width:140px;
float:left;
font-size:0.9em;
color:#666;
padding-left:2px;
}
div.postMetaList li{
margin-bottom:2px;
padding-top:10px
}
div.postMetaList li.postDate{
padding-top:5px;
width:120px;
position:relative;
}
div.postMetaList li.postDate div.commentCounter{
position:absolute;
right:0;
top:0px;
background:url(images/bg_commentCount.png) no-repeat;
text-align:center;
width:34px;
padding:6px 0;
}
div.postMetaList li.postDate div.commentCounter a{
text-decoration:none;
color:#333;
font-size:0.9em;
}
div.postMetaList li.postDate div.commentCounter span{
display:none;
}
div.postMetaList li.postTags{
width:145px;
padding-top:10px !important;
}
div.postSingle{
width:650px !important;
}
div.entry{
margin-top:20px;
}
div.entry p{
margin:12px 0;
color:#333;
line-height:1.4em;
}
div.entry p strong{
color:#000;
}
div.thePost h2{
float:left;
margin:-2px 0px 3px 0px !important;
width:580px;
}
div#comments_single{
background:url(images/bg_comments_single.gif) no-repeat;
width:36px;
height:27px;
text-align:center;
padding-top:5px;
font-size:1.1em;
float:left;
margin-right:10px;
}
p.single_cats{
width:450px;
margin:3px 0px 0px 1px !important;
font-size:0.9em;
}
p.single_cats a{
text-decoration:none;
}
p.single_cats a:hover{
color:#555;
}
p.singleTags{
margin-top:15px;
background:url(images/tag_icon.png) no-repeat 10px;
padding:10px 0px 10px 30px;
float:left;
width:350px;
}
p.singleTags a{
color:#3f94c5 !important;
border:none !important;
}
p.singleTags a:hover{
color:#666 !important;
}
p.theAuthor{
width:250px;
float:left;
padding:10px 10px 10px 0px;
color:#666;
}
p.postmetadata{
padding:10px;
background:#f2f2f2;
margin-top:20px;
}
blockquote:before, blockquote:after, q:before, q:after{
content:"";
}
blockquote, q{
quotes:"" "";
}
div.entry blockquote{
line-height:1.0em;
font-style:italic;
color:#666;
padding:20px 20px 20px 60px;
margin:20px 0;
background:url(images/quote.png) no-repeat 0 0;
}
div.entry h3{
margin:10px 0 !important;
}
div.entry code{
background:#f4f5f6;
padding:10px;
border-left:5px solid #abbfd3;
line-height:2em;
font-size:1em;
margin:12px 0;
display:block;
}
div.entry ul{
margin:0px 10px 10px 10px;
padding:10px;
color:#444;
}
div.entry ul li{
line-height:1.7em;
list-style-type:disc !important;
}
ol.commentlist{
border-top:1px solid #ccc;
}
.comment{
clear:both;
padding-top:10px;
padding-bottom:10px;
margin-left:30px;
padding-right:10px;
}
.comment .comment-author{
margin-top:10px;
width:64px;
height:64px;
float:left;
}
span.date{
color:#666;
}
div.comment-text{
float:right;
width:600px;
padding:10px;
background:#fff;
}
ul.children li div.comment-text{
width:490px;
}
ul.children li ul li div.comment-text{
width:460px;
}
ul.children li ul li ul li div.comment-text{
width:430px;
}
ul.children li ul li ul li ul li div.comment-text{
width:400px;
}
div.comment-text p{
margin:10px 0;
color:#333;
line-height:1.3em;
}
#respond{
margin-top:0px;
}
#respond h3{
margin-bottom:10px;
margin-top:0px;
}
#respond p{
margin-top:10px;
margin-bottom:0px;
height:30px;
}
#commentform{
padding-top:5px;
}
p.commentBoxes{
padding-left:10px;
width:300px;
height:23px;
}
p.commentBoxes img{
margin-bottom:-2px;
}
p.commentBoxes label{
display:inline;
width:170px;
height:30px;
padding-top:0px;
height:23px;
}
p.commentBoxes label.txt{
width:170px;
height:23px;
}
p.commentBoxes label.txt input{
padding-top:2px;
padding-left:3px;
border:none;
outline:none;
background:url(images/bg_commentor_boxes.gif) no-repeat 0px 0px;
font-size:14px;
color:#555;
width:165px;
height:23px;
}
p#comment-txtarea{
background:url(images/bg_commentor_textarea.gif) no-repeat;
width:600px;
height:153px;
margin-left:7px;
}
p#comment-txtarea textarea{
background:none;
width:580px;
padding:10px;
height:130px;
border:none;
color:#555;
font-family:"Lucida Sans Unicode";
font-size:0.9em;
}
ul#recentcomments{
padding:10px 0px 20px 0px !important;
}
li.recentcomments{
font-size:0.9em;
padding:6px 8px 8px 30px !important;
border-bottom:1px dotted #999;
background:url(images/bg_commentCount.gif) no-repeat 8px 5px;
}
.gobutton{
background-color:#268fc9;
background-image:url(images/boutonchercher.jpg);
color:#FFF;
border:1px;
border-color:#1d79aa;
cursor:pointer;
height:19px;
width:60px;
}
#footerx{
background:url(images/footerx.jpg) repeat-x;
height:140px;
clear:both;
}
#footer{
padding-top:16px;
width:1001px;
height:100px;
margin-left:auto;
margin-right:auto;
color:#EEEEEE;
}
#footer a{
color:#EEEEEE;
}
#footer a:hover{
color:#fff;
}
#footer h2 a{
color:#fff;
font-size: 14px;
height: 14px;
}
#footer h2{
color:#fff;
font-size: 14px;
padding:0px;
margin:0px;
display:inline;
}
#parternship{
width:615px;
margin-left:180px;
}
#parternship a{
background:url(images/parternship.png) no-repeat 0px 4px;
font-size:12px;
display:block;
width:125px;
float:left;
padding-left:18px;
text-decoration:none;
}
hr{
border:none;
border-bottom:1px dotted #005783;
margin-top:5px;
margin-bottom:5px;
width:665px;
margin-left:15px;
}
.envoyer{
background:url(images/envoyer.jpg) no-repeat 0px 0px;
width:92px;
height:26px;
border:none;
cursor:pointer;
margin-left:9px;
}
div.entry p{
margin-top:12px;
margin-right:5px;
margin-bottom:12px;
margin-left:0pt;
color:#333;
line-height:1.4em;
}
div.entry blockquote{
line-height:1.0em;
font-style:italic;
color:#666;
padding:20px 20px 20px 60px;
margin:20px 0;
background:url(images/quote.png) no-repeat 0 0;
}
div.entry h3{
margin:10px 0 !important;
color:#000;
}
div.entry h2{
color:#000;
}
div.entry code{
background:#f4f5f6;
padding:10px;
border-left:5px solid #abbfd3;
line-height:2em;
font-size:1em;
margin:12px 0;
display:block;
}
#comparer{
margin-left:12px;
margin-bottom:10px;
width:100px;
height:150px;
float:left;
text-align:center;
border:1px solid #eee;
}
#comparer:hover{
background-color:#eee;
}
#comparer a{
width:100px;
height:150px;
text-decoration:none;
text-align:center;
font-weight:bold;
}
#comparer2{
padding-right:5px;
}
#comparertableau {
border-bottom:1px solid #eee;      
width:230px;
}
#comparer2 table tbody tr td p a img{
border-bottom:1px solid #FFF;
width:198px;
height:40px;
}
ul.related_post li a img {
background:url(images/bg_postthumb.png) no-repeat;
width:104px;
height:104px;
margin-left:15px;
padding:4px 0 0 4px;
}
#related{
width:150px;
height:150px;
display:inline;
}
#relatedblock {
width:610px;
height:150px;
}
#middleactu .navigation{
height:30px;
}
#middleactu .navigation .alignleft a span{
float:left;
font-weight:bold;
margin-left:10px;
margin-top:5px;
}
#middleactu .navigation .alignright a span{
float:right;
font-weight:bold;
margin-right:10px;
margin-top:5px;
}
#middleactu .navigation .alignleft a span:hover{
text-decoration:underline;
}
#middleactu .navigation .alignright a span:hover{
text-decoration:underline;
}
#relatedphotoslarge{
margin-left:auto;
margin-right:auto;
background-color:#eee;
width:670px;
}
#relatedphotos{
height:210px;
width:600px;
margin-left:auto;
margin-right:auto;
}  
#relatedphotos h3{
color:#000000;
font-weight:bold;
}
#relatedphotos a{
text-decoration:none;
font-weight:bold;
}
#relatedphotos p{
margin-top:5px;
}
.relatedarticle{
width:120px;
height:100px;
float:left;
margin-right:30px;
padding:0px;
}
background-color:#eeeeee;
}
.relatedarticle p{
width:120px;
text-align:center;
}
.relatedarticle img{
padding:5px;
border:1px solid #eee;
}
#marques{
width:625px;
height:50px;
margin-left: auto;
margin-right: auto;
}
#marques a img{
margin-left:8x;
margin-right:8px;
}
#catalogue{
margin-left:4px;
width:612px;
}
#topsingleactu h1{
padding-left: 30px;
padding-top: 5px;
color: #ffffff;
font-size: 16px;
font-weight: normal;
}

.boxgrid{ 
width: 100px; 
height: 100px; 
margin:0; 
float:left; 
border:0; 
overflow: hidden; 
position: relative; 
}
.boxgrid h3 {
font-size:12px;
padding:0;
}		
.boxgrid h3 a{
color:#fff;
padding:0;
}	
.boxgrid h3 a:hover{
text-decoration:none;
}
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 40px; 
width: 100px; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.slidedown .boxcaption  {
top: 100px;
left: 0;
}
.dossierdumois h3{
background:url(images/fire.png) no-repeat 0px 2px;
font-weight:bold;
width:185px;
margin-left:4px;
font-size:11px;
padding-top:2px;
padding-left:0px;
}
.dossierdumois h3 a{
color:#000;
padding-left:15px;
text-decoration:none;
}
.dossierdumois h3 a:hover{
color:orange;
}
.bonsplans h3{
background:url(images/euro.png) no-repeat 1px 4px;
font-weight:bold;
width:185px;
margin-left:4px;
font-size:11px;
padding-top:2px;
padding-left:0px;
}
.bonsplans h3 a{
color:#000;
padding-left:15px;
text-decoration:none;
}
.bonsplans h3 a:hover{
color:green;
}
/* Interstitiel */
#pub_interstitiel{
position:fixed;
display:block;
width:100%;
bottom:0;
left:0;
z-index:999999999;
height:110px;
background:rgb(0,0,0);
background:rgba(0,0,0,0.90);
}
*html #pub_interstitiel{
position:absolute;
top:expression(documentElement.scrollTop+body.scrollTop+(documentElement.clientHeight-120)+"px");
}
#pub_i_c{
position:relative;
display:block;
width:1000px;
margin:0 auto;
}
#pub_interstitiel .pub_i_b{
position:relative;
width:935px;
margin:0 auto;
top:10px;
}
#pub_interstitiel .pub_i_b div.script{
width:300px;
height:90px;
float:left;
margin:0 5px;
overflow:hidden;
}
#pub_interstitiel .closer{
position:absolute;
width:18px;
height:18px;
top:10px;
right:10px;
cursor:pointer;
background:url(images/pub_close.png) no-repeat;
}
.warning-compare{
background:url(images/warning-compare.jpg) no-repeat;
width:621px;
height:54px;
line-height:54px;
padding-left:60px;
font-weight:bold;
}
.addtocompare{
background:url(images/add-to-compare.png) no-repeat;
height:32px;
line-height:28px;
padding-left:35px;
font-weight:bold;
font-size:15px;
}
.retirer-compare{
margin-top:20px;
margin-bottom:20px;
margin-left:37px;
background:url(images/retirer_button.png) no-repeat;
display:block;
width:121px;
height:36px;
}
.retirer-compare:hover{
background-position: 0px -36px;
}
.compare-actuel{
height:32px;
line-height:28px;
font-size:15px;
font-weight:bold;
padding-left:35px;
background:url(images/tools.png) no-repeat;
}
.subscribe-to-comments{
margin-left:15px;
font-size:11px;
}
#bordcategories{
margin-left:40px;
}
.categories{width:850px;margin:2em 0;padding:0}
.categories dd,.categories dt{border-top:1px solid #d9d2d3;}
.categories dt{width:200px;float:left;margin:0;padding:.5em;font-weight:bold;font-size:14px;clear:both}
.categories a{display:block;width:100%;height:24px;text-decoration:none;line-height:25px;}
.categories a:hover{text-decoration:underline}
.categories dd{float:left;width:600px;margin:0;padding:.5em;line-height:130%}
#topcategories{
background:url(images/toprecherche.jpg) #eeeeee no-repeat;
width:960px;
height:30px;
margin-left:auto;
margin-right:auto;
}
#topcategories h1{
padding-left: 30px;
padding-top: 5px;
color: #ffffff;
font-size: 16px;
font-weight: normal;
}
.breadcrumb{
height:39px;
line-height:39px;
width:703px;
background:url(images/breadcrumb.jpg) #eeeeee no-repeat;
padding-left:37px;
}
.breadcrumb a{
font-weight:bold;
}
.breadcrumb-cat{
margin-left:auto;
margin-right:auto;
height:39px;
line-height:39px;
width:584px;
background:url(images/breadcrumb-cat.jpg) #eeeeee no-repeat;
padding-left:37px;
}
.breadcrumb-cat a{
font-weight:bold;
}