html {
margin:0;
padding: 0;
}
body {
font: 12px arial ;
color:#333333;
background: #ebf5f5 url(http://www.digitalworld.fr/interface/image/body/full_bg.gif) top;
margin-top:10px;
padding: 0;
border-collapse:collapse;
}
.left {float:left}
.right {float: right}
.clear {clear:both}
.clear_r {clear:right;}
a, a:hover, a:link, a:visited {border:0; text-decoration:none; /*color:#333*/}
h1,h2,h3,h4,h5,h6,h7,ul {margin:0; padding:0;}
img {border: none; vertical-align: middle;}
select,textarea,input,button,span,div {font-family: Arial; font-size: 12px; text-align: left;}
#gauche {background:#fff;width:620px;font-family:arial;float:left;}
#droite {display:block;float:left;margin:0px 0px 0px 10px;}
.hidden{visibility: hidden;}
.none{display: none;}
.block{display: block;}
#fcont {
width:951px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#full_content {
background:#fff;
padding:10px 0px 10px 10px;
width:941px;
margin: 0;
float: left;
}
/*---------- Fil d'ariane --------------*/
#ariane { text-align:left; width: 900px; margin:3px 0px 5px 15px ;font-size:12px;line-height:15px; font-weight: bold;}
#ariane span {color:#444444;font-weight: bold;}
#ariane a {color:#000;}
#ariane a:hover {color:#ff9900;}
/*---------- FIN Fil d'ariane --------------*/
/*PUB */
.pub_250x250 { height: 250px; width: 300px; border:0px ; margin-bottom: 12px;text-align: center; float: left}
.autopromo { border:none;}
#pub_sky{float: right; width: 120px;height:600px;margin-left: auto;background: #DFDEDE; }
/*#pub_sky span{width: 120px;display: block;height: 15px; text-align: center;}*/
#temp{padding-bottom: 10px;}
/* NAVIGATION DES MULTI PAGES*/
.navigation_page{ width: 590px;text-align: center;color:#666666;font-weight: bold;padding-bottom: 10px ;vertical-align: middle;}
.navigation_page label{color:#ff9900;}
#navigation_page_footer{padding-top: 10px}
#navigation_page_header a.numero,
#navigation_page_footer a.numero{font-size:12px; color:#666666;padding: 0 3px;}
.navigation_page #numero_on_header,
.navigation_page #numero_on_footer{color:white;background: #ff9900;padding: 0 3px;margin: 0 3px;text-align: center;}
/* FIN NAVIGATION MULTI PAGES*/
/* 404 */
#gauche .header_404 {color:#FF9900;font-size:14px;font-weight:bold;}
#gauche .body_404 {color:#666666;font-size:12px;}
#gauche .body_404 a {color:#666666;font-size:12px; text-decoration: underline;}
/* Icones print, send... */
.menu_imp { background:url(http://www.digitalworld.fr/interface/image/body/ico_print.jpg) left no-repeat; color:#FF9900; padding-left:20px;margin-top: 5px;margin-right: 15px;font-size: 10px;height: 50px;display: block;}
.menu_send { background:url(http://www.digitalworld.fr/interface/image/body/ico_send.jpg) left no-repeat; color:#FF9900; padding-left:20px;margin-top: 5px;font-size: 10px;}
#full_content #gauche div{position: relative}
#full_content #droite div{position: relative}
/***** LES BLOCS ************/
#colg {width:303px;display:block;margin-top:10px;float:left;margin-right:10px;}
#cold {width:303px;display:block;margin-top:10px;float:left;}
/* LIEN Voir tous bloc */
div a.all{position:absolute;background:none; text-decoration: underline;color: #696969;font-size:10px;font-weight:bold; bottom: 5px;right: 10px; left: auto;top:auto;display: inline;}
#videosd a.all {background:none;color:#CCCCCC;text-decoration: underline;font-weight:bold;font-size:10px;}
#bloc_commentaire a.all {color:black ;display: block;text-decoration: underline;}
#video_toutes a.all {text-decoration: underline;}
#trends a.all{bottom:3px}
#all_tendance{bottom: 3px;right:325px; left: auto ;top:auto;}
li.first{font-weight:bold}
/*les dossiers*/
#dossiers {background:url(http://www.digitalworld.fr/interface/image/bloc/dossier/dossier.png) no-repeat left top;width:303px;height:323px;margin-bottom:6px;}
#dossiers h2 {margin-left:9px;color:#fff;text-transform:uppercase;font-size:14px;padding-top:4px;margin-bottom:15px;}
#dossiers img {width:78px;display:block;float:left;margin-right:9px;margin-left:12px;border: solid 1px #9f9f9f}
#dossiers h4 {color:#adadad;font-size:13px;text-transform:uppercase;margin-top:28px;margin-bottom:1px;}
#dossiers a.adossiers {color:#3399cc;text-decoration:none;font-size:13px;font-weight: bold}
#dossiers a.adossiers:hover {text-decoration: underline;}
#listdossiers {clear:both;font-size:9px;width:285px;margin-top:10px;margin-bottom:10px;margin-left:6px; font-size:10px;padding: 0}
#listdossiers li {list-style-type:none;width:273px;height:24px;padding:4px;height:14px;padding-left:6px;border-top:1px solid #a0e0f3;}
#listdossiers li.ofirst {border:0;margin-top:5px;}
#listdossiers li:hover {background:#ccffff;}
#listdossiers a {color:black;text-decoration:none;font-size: 11px}
/*les news les plus lues*/
#newsplus {background:url(http://www.digitalworld.fr/interface/image/bloc/news_plus_lues/newsplus.png) no-repeat left top;width:303px;height:273px;margin-bottom:10px}
#newsplus h2 {margin-left:9px;color:#fff;text-transform:uppercase;font-size:14px;padding-top:4px;margin-bottom:15px;}
#newsplus img {width:78px;display:block;float:left;margin-right:9px;margin-left:12px;border: solid 1px #9f9f9f}
#newsplus h4 {color:#adadad;font-size:12px;text-transform:uppercase;margin-top:15px;margin-bottom:1px;font-weight: normal;}
#newsplus a.anewsplus {color:#3399cc;text-decoration:none;font-size:13px;font-weight:bold}
#newsplus a.anewsplus:hover{text-decoration: underline;}
#listnewsplus {clear:both;font-size:11px;width:285px;margin:auto;margin-top:20px;margin-bottom:5px;}
#listnewsplus li {list-style-type:none;width:273px;height:24px;padding:4px;height:14px;padding-left:6px;border-top:1px solid #a0e0f3;color:#3399cc;}
#listnewsplus li:hover {background:#ccffff;}
#listnewsplus li.ofirst {border:0;margin-top:5px;}
#listnewsplus li.first {border-top:0px;}
#listnewsplus a {color:black;text-decoration:none;}
/*les news home*/
#news_home {background:url(http://www.digitalworld.fr/interface/image/bloc/news/fd_news.png) no-repeat left top;width:303px;height:603px;float:left;}
#news_home h2 {margin-left:9px;color:#fff;text-transform:uppercase;font-size:14px;padding-top:4px;height:18px;}
#listnews {clear:both;font-size:9px;width:293px;margin:auto;margin-top:5px;margin-bottom:0px;font-size:10px;}
#listnews li {list-style-type:none;width:273px;height:24px;padding:4px;height:13px;padding-left:6px;border-top:1px solid #3399CC;color: #3399cc;font-size: 9px}
#listnews li a{font-size:11px;}
#listnews li:hover {background-color:#D8D8D8 }
#listnews li.first {background:url(http://www.digitalworld.fr/interface/image/bloc/fd_3d.png) no-repeat left top;clear:both;height:86px;width:280px;margin:auto;padding-right:6px;margin-bottom:3px;border:0px;}
#listnews li.first :hover {text-decoration: underline;}
#listnews li.first img {width:76px;display:block;float:left;margin-right:10px;margin-left:5px;height:76px;margin-top:5px;margin-bottom:9px;border: solid 1px #9f9f9f}
#listnews li.first span {color:#adadad;font-size:13px;text-transform:uppercase;margin-top:7px;margin-bottom:1px;display:block;
font-family:Arial;font-weight:normal;font-size:12px}
#listnews li.first a {width:50px;/*text-align:justify;*/font-size:12px;font-weight:bold;text-decoration:none;}
#listnews li.ofirst {border:0;margin-top:5px;}
#listnews a {color:black;text-decoration:none;}
/*les news generique*/
#news {background:url(http://www.digitalworld.fr/interface/image/bloc/news/fd_news_generique.jpg) no-repeat left top;width:303px;height:323px;float:left;margin-bottom:10px;}
#news h2 {margin-left:9px;color:#fff;text-transform:uppercase;font-size:14px;padding-top:4px;height:18px;}
/*tendances numeriques*/
#trends {background:url(http://www.digitalworld.fr/interface/image/bloc/tendance/tendance.png) no-repeat left top;width:620px;height:231px;margin-bottom:12px;float:left;}
#trends h2 {margin-left:9px;color:#fff;text-transform:uppercase;font-size:14px;padding-top:4px;height:18px;position: relative;}
#trends ul {clear:both;font-size:9px;width:293px;margin-left:6px;margin-right:15px;;margin-top:5px;margin-bottom:0px;font-size:10px;float:left;}
#trends li {list-style-type:none;width:273px;height:24px;padding:4px;height:13px;padding-left:6px;}
#trends li.first {background:url(http://www.digitalworld.fr/interface/image/bloc/fd_3d.png) no-repeat left top;clear:both;height:86px;width:280px;margin:auto;padding-right:6px;margin-bottom:2px;}
#trends li.first img {width:69px;display:block;float:left;margin-right:9px;height:69px;margin-top:8px;border: solid 1px #9f9f9f}
#trends li.first h4 {color:#adadad;font-size:12px;text-transform:uppercase;margin-top:10px;margin-bottom:1px;font-family:Arial, sans serif;font-weight:normal;}
#trends li.first a {/*text-align:justify;*/font-size:12px;font-weight:bold;display:block;margin-bottom:1px;color:#3399cc;text-decoration:none;}
#trends li.first a:hover{text-decoration:underline;}
#trends li.first span {/*text-align:justify;*/font-size:12px;font-weight:bold;text-transform:uppercase;color:#6e6e6e;}
/*humour numerique*/
#bloc_humour {background:url(http://www.digitalworld.fr/interface/image/bloc/tendance/hum_num.png) no-repeat left top;float:left;margin-top:6px;width:297px;height:187px;}
#bloc_humour h4 {font-size:12px;text-transform:uppercase;color:#fff;margin-top:1px;margin-left:13px;}
#bloc_humour p {color:#6e6e6e;margin-left:14px;margin-top:10px;font-size:14px;margin-bottom:15px;}
#bloc_humour div.image {width:80px;height:112px;float:left;padding-left:14px;text-align:center;font-size:9px;margin: 0}
#bloc_humour div.image img{border: solid 1px #9f9f9f}
#bloc_humour div.image span {display:block;width:80px;margin-top:3px;color:#999;margin-bottom:2px;padding:0}
#bloc_humour div.image a {color:black;text-decoration:none;}
/*pur plaisir*/
#plaisir {background:url(http://www.digitalworld.fr/interface/image/bloc/pur_plaisir/plaisir.png) no-repeat left top;width:619px;height:227px;bottom-top:14px;padding-left: 2px}
#plaisir h2 {margin-left:9px;color:#fff;text-transform:uppercase;font-size:14px;padding-top:4px;height:18px;padding-bottom: 5px}
/*les guides produits*/
#produits {background:url(http://www.digitalworld.fr/interface/image/bloc/guide/guide.png) no-repeat left top;width:303px;height:327px;margin-bottom:10px;}
#produits h2 {margin-left:9px;color:#fff;text-transform:uppercase;font-size:14px;padding-top:4px;margin-bottom:15px;}
#produits img {width:78px;height:78px;display:block;float:left;margin-right:9px;padding-left:18px;margin-top:5px;}
/*description du produit mis en avant*/
#descproduit {width:162px;height:58px;background:#D9F3F9;float:left;margin-top:5px;margin-bottom:0px;padding:10px 10px 10px 10px;font-size:11px;font-weight:bold;color:#ff9900;}
#descproduit a {color:#333;font-size:12px;font-weight:bold;display:block;margin-bottom:3px;text-decoration: none}
#descproduit a:hover{text-decoration: underline;}
/*liste des produits*/
#listproduits {width:285px;margin:auto;margin-top:17px;margin-bottom:10px;clear:both;font-size:9px;font-size:10px;}
#listproduits li {list-style-type:none;width:271px;height:28px;padding:4px;padding-left:6px;color:#999;border-top:1px solid #a0e0f3;}
#listproduits li span {color:#3399cc;font-weight:bold;font-size: 12px}
#listproduits li span.dossier_marq_mod a {color:#ff9900;font-weight: bold;font-size: 11px;}
#listproduits li span.decal_maqu_dossier {visibility: hidden;}
#listproduits li.ofirst {border:0;margin-top:5px;}
#listproduits li:hover {background:#ccffff;}
#listproduits a {color:#000;text-decoration:none;font-size: 11px}
/*iphone*/
#iphone {width:303px;height:255px;background:url(http://www.digitalworld.fr/interface/image/bloc/iphone/iphone.png) no-repeat left top;margin-bottom:10px;float: right}
/*les news partie droite ss le flash*/
#iphone h2 {margin-left:9px;color:#fff;text-transform:uppercase;font-size:14px;padding-top:4px;height:18px;}
#listiphone {clear:both;font-size:9px;width:293px;margin:auto;margin-top:12px;margin-bottom:10px;font-size:10px;}
#listiphone li {list-style-type:none;width:280px;height:24px;padding:4px;height:13px;padding-left:6px;color: #3399cc;font-size: 11px}
#listiphone li.first {background:url(http://www.digitalworld.fr/interface/image/bloc/fd_3d.png) no-repeat left top;clear:both;height:86px;width:280px;margin:auto;padding-right:6px;margin-bottom:7px;border:0px;}
#listiphone li.first img {width:76px;display:block;float:left;margin-right:10px;margin-left:8px;height:76px;margin-top:5px;margin-bottom:9px;border: solid 1px #9f9f9f}
#listiphone li.first span {color:#adadad;font-size:13px;text-transform:uppercase;margin-top:17px;margin-bottom:1px;display:block;font-family:Arial, sans serif;font-weight:normal;font-size:12px}
#listiphone li.first a {width:50px;/*text-align:justify;*/font-size:13px;text-decoration: none;}
#listiphone li.first a:hover {text-decoration: underline;}
#listiphone li.txtgris {background:#d8d8d8;border:1px solid #c9c9c9;}
#listiphone a {color:black;text-decoration:none;}
/* BLOC SKY*/
#bloc_sky{width: 303px}
/* BLOC CONNECTE */
#bloc_connecte{width: 174px;height: 301px;text-align: center ;padding-top:15px; background:url(http://www.digitalworld.fr/interface/image/bloc/fd_connecte.jpg) no-repeat left top; font-size: 12px;}
#bloc_connecte div {text-align: left;padding:6px; }
#bloc_connecte div a{font-size: 11px;color: black;}
#bloc_connecte div span a{font-size: 13px;font-weight: bold; color: black;display:block;padding-bottom: 10px }
/* BLOC AGENDA */
#bloc_agenda{width: 174px;height: 272px;text-align: center ;margin-top:12px; background:url(http://www.digitalworld.fr/interface/image/bloc/agenda/fd_agenda.jpg) no-repeat left top; }
#bloc_agenda span{font-size: 15px;color: white;width: 132px;text-align:center; font-weight: bold;padding:5px 0; display: block;margin-left: auto;margin-right: auto}
#bloc_agenda div{width: 132px;height: 79px;margin-left:auto;margin-right: auto;color: ; text-align: center ;margin-top:5px; background:url(http://www.digitalworld.fr/interface/image/bloc/agenda/fd_texte.png) no-repeat left top; }
#bloc_agenda div h4 a{font-size:15px ;color: black;text-decoration: none }
#bloc_agenda div span{font-size:15px ;color: #ff9900; }
/*la partie video*/
#videosd {width:303px;height:305px;background:url(http://www.digitalworld.fr/interface/image/bloc/video/videosd.png) no-repeat left top;margin-bottom: 10px}
#videosd h2 {margin-left:9px;color:#fff;text-transform:uppercase;font-size:14px;padding-top:4px;height:18px;}
#videosd object {width:292px;height:234px;background:#e79a2d;display:block;margin-left:6px;margin-top:8px;margin-bottom:3px;;}
#videosd a {background:url(http://www.digitalworld.fr/interface/image/bloc/video/puce_video.png) no-repeat left top;height:10px;padding-left:4px;color:#e79a2d;text-decoration:none;
font-size:9px;font-weight:bold;margin-left:5px;}
#videosd img {border:0px;}
/*** PAGE GENERIQUE ***/
#generique{background: url(http://www.digitalworld.fr/interface/image/global/bordure_bg_full.jpg ) repeat-y;width: 616px}
#generique_header{background: url(http://www.digitalworld.fr/interface/image/global/header_bg.jpg ) no-repeat;padding: 10px}
#generique_footer{background: url(http://www.digitalworld.fr/interface/image/global/footer_bg.jpg ) no-repeat left bottom;padding-bottom: 15px;padding: 10px}
/* MENU COMMENTER IMPRIMER ENVOYER*/
#menu_module{width: 596px;text-align: center;padding: 10px 0}
#menu_module span a{color: #ff9900;margin-right: 15px; font-size: 12px;}
#menu_module img{vertical-align: middle;margin-right: 5px;}
/* BLOC COMMENTAIRE*/
#bloc_commentaire{width: 260px;height: 234px;border: 1px solid black;float: left;margin-left: 8px;padding: 10px;background: url(http://www.digitalworld.fr/interface/image/global/bull_nb_com.gif) no-repeat top right; }
#bloc_commentaire h4{font-size: 22px; color:#3399CC;margin-bottom: 10px }
#bloc_commentaire span{font-size: 11px; color:#6b6b6b;display: block; margin-bottom:10px; }
#bloc_commentaire #nb_commentaire{float: right; padding-right:25px; color:black;width: 35px; height:30px; line-height:30px; text-align:center; font-weight:bold; font-size:12px; vertical-align:middle;}
#bloc_commentaire input.btn_commenter {
cursor:pointer;
background:#1c5982 url(http://www.digitalworld.fr/interface/image/global/fd_bt_com.gif) left top repeat ;
border: 1px solid black;
height: 22px;
font-size: 12px;
text-align:center;
color: white;
margin: 0;
padding: 1px;
}
#bloc_commentaire input.conn {width: 100px}
#bloc_commentaire input.insc {width: 120px}
#extrait_commentaire{padding-top: 10px}
#extrait_commentaire img{font-size: 11px;color: black;vertical-align: middle;float: left}
#extrait_commentaire .header_extarit_com{font-size: 11px;color: black;float: left;margin-left: 5px;}
#extrait_commentaire .header_extarit_com span{color:#3399CC;display: inline;}
#extrait_commentaire .header_extarit_com span.date_com{color:#ff9900;display: inline;}
#extrait_commentaire h5{color:#333333;}
#extrait_commentaire div {height: 75px;width: 250px;float: left}
#extrait_commentaire div span {color:#999999;}
/* COMMENTAIRE */
#commentaire_1{padding-bottom: 15px;width: 590px;}
#commentaire_1 h2{color:#3399CC}
#commentaire_1 input{float: right;clear: both;}
#txt_news_commentaire{width: 590px;height: 75px;border: 1px solid #3333333}
/* ALL COMMENTAIRE*/
#commentaires span.titre { color :#ff9900;font-size:22px;font-weight:bold; }
#commentaires span.nb_commentaire { font-size:12px;padding-top:8px;vertical-align:bottom;right: 15px;position: absolute; }
#all_commentaire{background:#FFFFFF url(http://www.digitalworld.fr/interface/image/global/com_bg.jpg) repeat-x 0 0 ;border:1px solid #C5C6C7; padding:5px;}
#all_commentaire span {font-size:12px}
#all_commentaire .div_commentaire{background:#FFFFFF ;border-top:1px solid #ff9900 ;font-size:12px ;padding: 5px}
#all_commentaire .div_commentaire .info_commentaire{float: left;width: 170px;color: black;font-weight: normal; }
#all_commentaire .div_commentaire .info_commentaire span{color: #ff9900; }
#all_commentaire .div_commentaire{}
#all_commentaire .div_commentaire .contenu_commentaire{float: left;width: 400px }
/***********************/
/* Bloc d'appel Witbe */
/***********************/
.bfblocappelwitbe
{
width: 301px;
height: 95px;
background: url(http://www.digitalworld.fr/barometre-fai/pictures/bloc_appel_witbe.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
margin: 0 0 10px 0;
}
.bfblocappelwitbecoupe
{
width: 80px;
height: 80px;
clear: both;
float: left;
margin: 7px 0 0 12px;
}
.bfblocappelwitbecoupe > a > img
{
border: none;
}
.bfblocappelwitbetexte
{
width: 180px;
float: left;
/*margin: 10px 0 5px 19px;*/
margin: 10px 0 5px 25px;
}
.bfblocappelwitbetexte > a
{
color: #FFF;
text-decoration: none !important;
}
.bfblocappelwitbelogo
{
width: 45px;
height: 22px;
float: left;
margin: 7px 0 0 19px;
}
.bfblocappelwitbelogo > a > img
{
border: none;
}
.bfblocappelwitbelien
{
width: 110px;
float: left;
text-align: center;
/*margin: 10px 0 5px 20px;*/
margin: 10px 0 5px 85px;
}
.bfblocappelwitbelien > a
{
color: #FFF;
font-size: 10px;
text-decoration: underline !important;
}
.bfblocappelwitbelien > a:hover
{
color: #FFF;
font-size: 10px;
text-decoration: none !important;
}