/* CSS Document */
html,body{margin:0;padding:0}
body{font:76% arial,helvetica,sans-serif;}
body.actualite #menu a.actualite,body.people #menu a.people,body.sports #menu a.sports,body.referencement #menu a.referencement,body.web20 #menu a.web20,
body.jeuxvideo #menu a.jeuxvideo,body.poker #menu a.poker,body.apple #menu a.apple,body.musique #menu a.musique,
body.recettes #menu a.recettes,body.autos #menu a.autos{color:#fff;background:#55AAD5;}
a{text-decoration:none;color:#55AAD5}
a:hover{text-decoration:underline;color:#55AAD5}
h1{font:normal 260% Georgia;margin:15px 5px 5px 10px;}
h1 a{text-decoration:none;color:#333}
h1 a:hover{text-decoration:none;color:#06C}
h1 span{margin-right:10px;color:#999;font-size:100%}
p{margin:0 10px 10px}
h2{font-size:100%;color:#06C;margin:10px 10px 5px 0}
h2 img{width:16px;height:16px;position:relative;top:3px;margin-right:5px}
h2 a{text-transform:capitalize}
h2 a:hover{text-decoration:none}
h2.commentaires a{text-transform:none}
h3{font:normal 100% Arial;font-weight:bold;margin:0;padding-top:5px;border-top:1px dotted #ccc;width:310px}
h3 a{text-decoration:none;color:#333}
h3 a:hover{text-decoration:none;color:#06C}
hr{clear:both;}
#container{margin:0 auto 20px auto;width:960px}
#header {position:relative;height:65px}
#header h1{font-size:180%;padding:0;color:#06C;float:left;margin:-5px 0 0 0}
#header a{float:right;margin-top:30px;}
#header img{border:none;margin:0 0 10px;float:left}
#header a#logo{margin:0;float:left;}
#header p#jour{font-size:92%;position:relative;top:105px;left:5px;color:#666}
#header p#jour span{color:#2A56A1;font-weight:bold;font-size:100%;}
#theme{border-top:1px solid #06c;margin:65px 0 0 0;width:100%;height:60px; background-color:#fff;}
#theme a{float:left;font-size:150%;margin-right:15px}
#favori{clear:both;border-top:0px solid #ccc;margin:0;width:100%;height:40px; background-color:#fff;}
#favori a{float:left;font-size:120%;font-weight:bold;margin:10px 20px 10px 0}
#favori a img{padding:4px 0 0 0;margin-left:0}
#pub{clear:right;float:left;width:300px;height:260px;margin-left:-300px;margin-top:5px;background-color:#fff;margin-bottom:5px}
#pub img{border:none}
#pub2{clear:both;font-size:92%;color:#666;margin-bottom:5px;padding:10px 0;background-color:#eee;height:90px;text-align:center;}
#pub3{clear:right;float:right;width:300px;height:250px;margin-left:15px;background:#fff;margin-top:5px;margin-bottom:5px}
#pub4{clear:right;float:right;width:425px;height:350px;margin-left:5px;background:#fff;margin-top:5px;margin-right:0}
p.liensinter{clear:both;text-align:center;color:#333}
p.liensinter img{position:relative;top:4px;margin-right:3px}
p.liensinter a#promo{margin-left:5px;padding:2px 0 0 20px;background:url(http://www.rssvox.com/images/next.png) no-repeat 0 50%;}
#menu{height:20px;clear:both;list-style-type:none;margin:0 0 10px 0;padding:7px 0 7px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
#menu a{display:block;padding:3px 15px;margin:0 3px 0 0;text-decoration:none;color:#FC0283}
#menu a:hover{text-decoration:none;background:#55AAD5;color:#fff}
#menu .left{float:left;}
#menu .right{float:right;}
#menu .right a{margin:0;padding:0}
#menu .right a:hover{text-decoration:none;background:#fff}
#menu .right img{width:22px;height:22px;border:none;margin:0;padding:0}
#wrapper{float:left;width:100%;border-bottom:1px solid #ccc;margin:0px;clear:both}
#content{margin:0px 0px 0 -10px;}
body.apple #content{margin:0px 0px 0 -10px;}
body.apple #pub{clear:right;float:left;width:300px;height:250px;margin-left:-300px;margin-top:5px;background-color:#fff;margin-bottom:5px}
#content p{font:normal 150%/1.5 Georgia;color:#333;}
#content p#copyright{font:normal 110% georgia;color:#666;}
#content img{float:right;margin:20px 15px 0 0}
#content a img{border:2px solid #06C}
ul.pagination{font:92% arial,helvetica,sans-serif;margin:20px 0 20px 5px;padding:0 0 5px 0;color:#2e6ab1;}
ul.pagination li{list-style-type:none;display:inline;padding:3px;font-weight:bold}
ul.pagination li.maxi{font-weight:normal;border:1px solid #9aafe5;}
ul.pagination li.debfin{color:#999;font-weight:normal;border:1px solid #ccc;margin-right:3px}
ul.pagination a{padding:3px;border:1px solid #9aafe5;text-decoration:none;color:#2e6ab1;}
ul.pagination a:hover{border:1px solid #2b66a5;color:#000;text-decoration:none}
#images{clear:both;margin:5px 0;width:960px}
.extra{float:left;width:320px;background:#fff;margin:0 0 10px 0;}
.extraint{float:left;width:620px;background:#fff;margin:0 0 10px 0;}
.extraL{float:left;width:640px;background:#fff;margin:0 0 10px 0;}
.extraL p,.extra p{font-size:90%;color:#444;margin:0 5px 0 0}
.extraL h3 {width:630px;}
.extraM{float:left;width:550px;background:#fff;margin:-25px 10px 10px 0;}
.extraM p{font-size:90%;color:#444;margin:0 10px 0 0}
.extraM h3 {width:540px;}
.extraS{float:left;width:470px;background:#fff;margin:-15px 10px 10px 0;}
.extraS p{font-size:90%;color:#444;margin:0 10px 0 0}
.extraS h3 {width:460px;}
.extraC {float:left;width:300px;background:#fff;margin:0 0 10px 5px;}
.extraC p{font-size:90%;color:#444;margin:5px 5px 0 0;}
.extraC h2,.extraC h3{width:300px;}
.extraC p span,.extraS p span,.extraM p span,.extraL p span,.extra p span{color:#999;display:block;margin-bottom:5px}
h3 a#age_today{padding:0 20px 0 0;background:url("http://www.rssvox.com/images/new.png") no-repeat 100% 0;}
h3 a:visited#age_today{padding:0 20px 0 0;background:url("http://www.rssvox.com/images/ok.png") no-repeat 100% 0;color:#888;}
#footer{clear:both;border-top:1px solid #ccc;font-size:92%;color:#666;margin-bottom:20px;padding:5px}
#liens{clear:both;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:100%;color:#666;margin-bottom:5px;}
#liens ul{margin:8px 0;padding:0;}
#liens ul li{list-style-type:none;display:inline;margin-right:5px;font-weight:normal}
#liens ul li a{margin:0 5px 0 5px}
#liens p{float:left;margin:8px 0;padding:0;font-weight:bold}
.visuel{display:inline;float:left;text-decoration:none;margin:0 10px 7px 0;}
.visuel em{font-style:normal;}
.visuel em span{font-weight:normal;color:#333;clear:left}
.visuel em.txt, .visuel b{display:none;}
.visuel img{border:0;display:block;height:100px;width:150px}
.visuel:hover{background:#ccc;position:relative;cursor:pointer;text-decoration:none}
.visuel:hover b{display:block;position:absolute;top:25px;left:0;width:150px;background:#ccc;height:75px;opacity:0.8;}
.visuel:hover em.txt{display:block; position:absolute;top:30px;left:5px;width:145px;height:70px;color:#000;padding:0;margin:0;font-size:92%;font-weight:bold}
.visuels{display:inline;float:left;text-decoration:none;margin:0 10px 7px 0;}
.visuels em{font-style:normal;}
.visuels em span{font-weight:normal;color:#333;clear:left}
.visuels em.txt, .visuel b{display:none;}
.visuels img{border:0;display:block;height:100px;width:150px}
.visuels:hover{background:#ccc;position:relative;cursor:pointer;text-decoration:none}
.visuels:hover b{display:block;position:absolute;top:25px;left:0;width:150px;background:#ccc;height:75px;opacity:0.8;}
.visuels:hover em.txt{display:block; position:absolute;top:30px;left:5px;width:145px;height:70px;color:#000;padding:0;margin:0;font-size:92%;font-weight:bold}
.visupeople{display:inline;float:left;text-decoration:none;margin:0 10px 10px 0;}
.visupeople em{font-style:normal;}
.visupeople em span{font-weight:normal;color:#333;clear:left}
.visupeople em.txt, .visuel b{display:none;}
.visupeople img{border:0;display:block;height:120px;width:120px}
.visupeople:hover{background:#ccc;position:relative;cursor:pointer;text-decoration:none}
.visupeople:hover b{display:block;position:absolute;top:35px;left:0;width:120px;background:#ccc;height:85px;opacity:0.8;}
.visupeople:hover em.txt{display:block; position:absolute;top:40px;left:5px;width:115px;height:70px;color:#000;padding:0;margin:0;font-size:92%;font-weight:bold}
.visuelweb2{display:inline;float:left;text-decoration:none;margin:0 10px 10px 0;}
.visuelweb2 em{font-style:normal;}
.visuelweb2 em span{font-weight:normal;color:#333;clear:left}
.visuelweb2 em.txt{display:none;}
.visuelweb2 img{border:0;display:block;height:110px;width:140px}
.visuelweb2:hover{background:#ccc;position:relative;cursor:pointer;text-decoration:none}
.visuelweb2:hover b{display:block;position:absolute;top:45px;left:0;width:140px;background:#ccc;height:65px;opacity:0.8;}
.visuelweb2:hover em.txt{display:block; position:absolute;top:50px;left:5px;width:140px;height:65px;color:#000;padding:0;margin:0;font-size:92%;font-weight:bold}
.visuelrecette{display:inline;float:left;text-decoration:none;margin:0 10px 10px 0;}
.visuelrecette em{font-style:normal;}
.visuelrecette em span{font-weight:normal;color:#333;clear:left}
.visuelrecette em.txt{display:none;}
.visuelrecette img{border:0;display:block;height:64px;width:138px}
.visuelrecette:hover{background:#ccc;position:relative;cursor:pointer;text-decoration:none}
.visuelrecette:hover b{display:block;position:absolute;top:15px;left:0;width:138px;background:#ccc;height:50px;opacity:0.8;}
.visuelrecette:hover em.txt{display:block;position:absolute;top:20px;left:5px;width:138px;height:50px;color:#000;padding:0;margin:0;font-size:92%;font-weight:bold}

/* unclicked style div.more */
#container div.more i{cursor:pointer;color:#06C;font-style:normal;font-size:92%;width:100%;padding-bottom:5px}
#container div.more i:hover{text-decoration:underline}
#container div.more i.hide,#container div.more h3,#container div.more p{display:none;}
/* clicked style div.click */
#container div.click i.show{display:none;}
#container div.click i.hide,#container div.click h3,#container div.click p{display:block;}
/* commentaires */
body.commentaires .extraL{font:normal 100%/1.5 Arial;margin-left:10px;width:625px}
body.commentaires .extraL h2{font:bold 110% Arial;padding: 1px 0 0 20px;background:url("http://www.rssvox.com/images/commentaires.png") no-repeat 0 50%;}
body.commentaires .extraL h2.ajout{background:url("http://www.rssvox.com/images/ajout-commentaires.gif") no-repeat 0 50%;}
body.commentaires .extraL ul{list-style-type:none;margin:0;padding:0}
body.commentaires .extraL li{border-top:1px dotted #ccc;padding:5px 0 10px 30px}
body.commentaires .extraL .auteur {float:left;width:140px;}
body.commentaires .extraL .auteur h3 {border:none;width:140px;}
body.commentaires .extraL .auteur p{color:#999;}
body.commentaires .extraL .message {padding:5px 0 10px 0;margin-left:160px}
body.commentaires .extraL .message p{color:#444}
body.commentaires .sscommentaires{border-top:1px dotted #ccc;}
body.commentaires .sscommentaires h3 {border:none;margin-left:25px}
body.commentaires .sscommentaires p{margin-left:25px}
body.commentaires fieldset{margin:0;padding:0 10px 10px 10px;border:none}
body.commentaires legend{font-weight:bold;margin-bottom:10px;color:#333;margin-left:5px}
body.commentaires label,body.commentaires label#somme{margin-left:7px;cursor: pointer;cursor:hand;}
body.commentaires input#username,input#contact{width:200px;border:1px solid #999;height:18px;margin:5px 0 5px 7px}
body.commentaires input#submit {margin:5px 0 0 5px}
body.commentaires input#captcha{width:40px;border:1px solid #999;height:18px;margin:0 7px}
body.commentaires textarea{border:1px solid #999;margin:0 0 10px 7px}
body.commentaires form {padding:10px;margin:0;border-top:1px dotted #ccc}
body.commentaires p.erreur{border:1px solid #f00;margin:10px 0 0 25px;padding:10px;}
body.commentaires #content{margin:5px 0 0 0;}
/* Flux Rss */
body.flux #content{margin:5px 0 0 0;}
.fluxrss{clear:both;list-style-type:none;margin:0 50px 0 10px;padding:5px}
.fluxrss .left{float:left;margin-top:5px}
.fluxrss .left a{text-decoration:none;}
.fluxrss .left a:hover{text-decoration:underline;}
.fluxrss .left img{border:none;margin:0 20px 0 10px;padding:0}
.fluxrss li{float:right;margin:5px 0}
.fluxrss li a{margin:0;padding:0}
.fluxrss li a:hover{text-decoration:none;}
.fluxrss li img{border:none;margin:0 5px 0 10px;padding:0}