body
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:90%;
background-color:black;
color:#EFEFEF;
}
#global
{
width:980px;
margin: 0 auto;
}
#derniers-tutos
{
font-size:11px;
margin:5px 0 0 145px;
}
#derniers-tutos a
{
text-decoration:none;
}
#derniers-tutos a:hover
{
text-decoration:underline;
color:#FF6666;
}
.pages-rss
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#F4E883;
text-align:center;
margin-top:10px;
}
#banniere
{
width:457px;
height:70px;
background:url(photos/banniere.jpg) no-repeat;
}
#entete-travaux
{
float:right;
width:520px;
height:70px;
background:url(photos/travaux/entete-travaux.png) no-repeat;
}
#entete-travaux p
{
width:320px;
margin:0 0 0 117px;
text-indent:0px;
font-size:80%;
color:#A4A1A1;
text-align:center;
}
/*MENU*/
#menu
{
width:980px;
font-size:13px;
font-weight:bold;
margin:0 0 20px 0;
padding:0;
text-align:center;
height:50px;
}
#menu li
{
float:left;
list-style:none;
}
#menu li a
{
height:19px;
}
#bouton-gauche a
{
display:block;
text-decoration:none;
padding:17px 15px 12px 29px;
background:url(photos/menu/bouton-gauche.png) no-repeat;
}
#bouton-droit a
{
display:block;
text-decoration:none;
padding:17px 32px 12px 15px;
background:url(photos/menu/bouton-droit.png) no-repeat;
}
.bouton-milieu a
{
display:block;
background:url(photos/menu/normal.png) no-repeat;
text-decoration:none;
padding:17px 19px 12px 19px;
}
.bouton-new a
{
display:block;
background:url(photos/menu/bouton-new.png) no-repeat;
text-decoration:none;
padding:17px 15px 12px 50px;
}
.bouton-milieu a:hover, #bouton-gauche a:hover, .bouton-new a:hover, #bouton-droit a:hover
{
text-decoration:underline;
color:white;
background-position:0 -48px;
}
.bouton-new a:active, #bouton-droit a:active, #bouton-gauche a:active, .bouton-milieu a:active
{
text-decoration:underline;
color:#525151;
background-position:0 -96px;
}
/*FIN MENU*/
.conseil
{
background-image:url(photos/conseil.png);
background-repeat:no-repeat;
padding:35px 0px 10px 30px;
text-align:justify;
}
.attention
{
background-image:url(photos/attention.png);
background-repeat:no-repeat;
padding:35px 0px 10px 30px;
text-align:justify;
}
.logo-rubrique
{
display:block;
margin:0 auto;
width:435px;
}
/* boite vertical gauche*/
#boite-gauche
{
height:500px;
width:150px;
float:left;
margin-top:20px;
}
#haut-menu-vertical, #haut-menu-vertical-audio, #haut-menu-vertical-windows, #haut-menu-vertical-astuces, #haut-menu-vertical-son-video
{
background-image:url(photos/menu-vertical/haut-menu-vertical.png);
height:44px;
}
#bas-menu-vertical
{
background-image:url(photos/menu-vertical/bas-menu-vertical.png);
height:25px;
}
#menu-vertical
{
font-size:80%;
font-weight:bold;
width: 150px;
list-style: none;
margin: 0;
padding: 0;
}
#menu-vertical li
{
margin-bottom: 1px ;
}

#menu-vertical li a, #menu-vertical li a:focus
{
display: block ;
background: #90C4DF;
color:black;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
padding: 4px 0 ;
}
#menu-vertical li a:hover
{
color:#FD5656;
background-color:#B7E4FC;
text-decoration:underline;
}
/*  fin boite vertical gauche*/
#bloc-principal
{
margin-left:170px;
width:810px;
}
#bloc-haut
{
overflow:hidden;
}
#intro
{
font-size: 100%;
text-indent: 40px;
text-align: justify;
}
#intro form
{
text-indent: 0px;
}
#cadre
{
width: 500px;
height:82px;
background: url(photos/rubrique/fond-recherche.png);
margin-top:15px;
overflow: auto;
}
#recherche
{
color:black;
margin-top:15px;
margin-left:255px;
}
a
{
color: white;
text-decoration: underline;
}
a:hover
{
color:#FF6666;
text-decoration:none;
}
a:active
{
color: #FED689;
}
/* bloc actualité*/
.bloc-actu
{
float:right;
margin-left:15px;
margin-bottom:20px;
}
.haut-bloc-actu
{
background-image:url(photos/rubrique/bloc-actu/fond-actu-rubrique_01.png);
background-repeat:no-repeat;
height:30px;
}
#actu
{
background-color:#3C7072;
margin-top:2px;
height:190px;
width:280px;
overflow: auto;
color:white; 
}
.titre-actu
{
margin:10px 0 0 15px;
color:white;
text-decoration:underline;
}
.texte-actu
{
font-size:80%;
text-align:justify;
color:white;
margin:0 5px;
}
.texte-actu a
{
text-decoration:none;
font-style:italic;
font-weight:bold;
}
.texte-actu a:hover
{
text-decoration:underline;
}
.texte-actu a:active
{
color: #FED689;
}
.texte-actu a:visited
{
color: #9E9A93;
}
.fond-actu-bas
{
background-image:url(photos/rubrique/bloc-actu/fond-actu-rubrique_03.png);
background-position:bottom left;
margin-top:2px;
font-size:75%;
font-weight:bold;
width:280px;
text-align:center;
padding-top:5px;
padding-bottom:5px;
color:#F4E68D;
}
/* fin bloc actu*/
.tableau
{
border-collapse:collapse;
background:url(photos/hauttableau.png) no-repeat;
color:white;
width:810px;
margin:20px 0;
}
.hauttableau, .logiciels
{
font-size: 130%;
color: #FED689;
text-decoration: underline;
}
.hauttableau
{
height: 66px;
text-indent: 30px;
width:60%;
}
.logiciels
{
text-align:center;
}
.bastableau
{
text-align:center;
font-size:110%;
background:url(photos/bastableau.png) no-repeat bottom;
height:68px;
}
.bastableau a
{
color: #FED689;
}
.bastableau a:hover
{
color:#FF6666;
}
.lignea
{
color: white;
}
.cellulea
{
background:url(photos/fondcellulea.png) no-repeat;
padding: 0 0 0 40px;
font-size:110%;
height:48px;
}
.celluleb
{
background:url(photos/fondcelluleb.png) repeat-x;
font-size: 80%;
width:80px;
}
.cellulec
{
font-size:80%;
}
.ligneb
{
background:#346667;
}
.description
{
font-size:90%;
padding:0 0 0 30px;
color:#BEBDBD;
height:40px;
}
/*cellule c*/
.logos-free-video-flash, .logodvdfabgordian, .logotrio, .logovdub, .logovdubmod, .logoaudacity, .logofree, .logocdex, .logoheadac3he, .logomediainfo, .logofree-video, .logovso, .logodvddecrypter, .logo-mediacoder, .logo-infrarecorder, .logo-dvdfab-vlc, .logo-starter, .logo-windows, .logo-vista, .logo-xp-vista, .logo-photofiltre, .logo-vlc, .logo-rubrique-firefox, .logo-rubrique-mediasuper, .logo-photo-paint, .logo-super, .logo-filezilla, .logo-vobmerge, .logo-dgindex, .logo-videos-internet, .logo-IE-FF, .logo-thunderbird, .logo-grenouille, .logo-open, .logo-IE, .logo-teamviewer
{
font-size:80%;
}
.logos-free-video-flash
{
background:url(photos/logos/free-video-flash.png) no-repeat top right;
padding-left:30px;
}
.logodvdfabgordian
{
background:url(photos/logodvdfabgordian.png) no-repeat top right;
padding-left:6%;
}
.logotrio
{
background:url(photos/logo-trio.png) no-repeat top right;
padding-left:45px;
}
.logovdub
{
background:url(photos/logo-virtualdub.png) no-repeat top right;
padding-left:140px;
}
.logovdubmod
{
background:url(photos/logo-virtualdubmod.png) no-repeat top right;
padding-left:100px;
}
.logoaudacity
{
background:url(photos/logo-audacity.png) no-repeat top right;
padding-left:120px;
}
.logofree
{
background:url(photos/logo-free.png) no-repeat top right;
padding-left:45px;
}
.logocdex
{
background:url(photos/logo-cdex.png) no-repeat top right;
padding-left:140px;
}
.logoheadac3he
{
background:url(photos/logo-headac3.png) no-repeat top right;
padding-left:110px;
}
.logomediainfo
{
background:url(photos/logo-mediainfo.png) no-repeat top right;
padding-left:120px;
}
.logofree-video
{
background:url(photos/logo-free-video-mp3.png) no-repeat top right;
padding-left:50px;
}
.logovso
{
background:url(photos/logo-convertxtodvd.png) no-repeat top right;
padding-left:130px;
}
.logodvddecrypter
{
background:url(photos/logo-dvddecrypter.png) no-repeat top right;
padding-left:60px;
}
.logo-mediacoder
{
background:url(photos/logo-media-coder.png) top right no-repeat;
padding-left:110px;
}
.logo-infrarecorder
{
background:url(photos/logo-infrarecorder.png) top right no-repeat;
padding-left:65px;
}
.logo-dvdfab-vlc
{
background:url(photos/logo-dvdfab-vlc.png) top right no-repeat;
padding-left:30px;
}
.logo-starter
{
background:url(photos/logo-starter.png) no-repeat top right;
padding-left:130px;
}
.logo-windows
{
background:url(photos/logo-windows.png) no-repeat top right;
padding-left:110px;
}
.logo-vista
{
background:url(photos/logo-vista.png) no-repeat top right;
padding-left:100px;	
}
.logo-xp-vista
{
background:url(photos/logo-xp-vista.png) no-repeat top right;
padding-left:80px;	
}
.logo-photofiltre
{
background:url(photos/cellule-c/logo-rubrique-photofiltre.png) no-repeat top right;
padding-left:120px;
}
.logo-vlc
{
background:url(photos/logo-vlc.png) no-repeat top right;
padding-left:150px;
}
.logo-rubrique-firefox
{
background:url(photos/cellule-c/logo-rubrique-firefox.png) no-repeat top right;
padding-left:130px;
}
.logo-rubrique-mediasuper
{
background:url(photos/cellule-c/logo-rubrique-mediasuper.png) no-repeat top right;
padding-left:55px;
}
/* CSS  astuces diverses uniquement */

.logo-open
{
background:url(photos/cellule-c/logo-rubrique-open-office.png) no-repeat top right;
text-align: center;	
}
.logo-grenouille
{
background:url(photos/logo-grenouille.png) no-repeat top right;
padding-left:120px;	
}
.logo-thunderbird
{
background:url(photos/logo-thunderbird.png) no-repeat top right;
padding-left:110px;
}
.logo-IE
{
background:url(photos/cellule-c/logo-rubrique-IE.png) no-repeat top right;
padding-left:90px;
}
.logo-IE-FF
{
background:url(photos/logo-IE-FF.png) no-repeat top right;
padding-left:30px;
}
.logo-teamviewer
{
background:url(photos/cellule-c/logo-rubrique-teamviewer.png) no-repeat top right;
padding-left:120px;
}
.logo-videos-internet
{
background:url(photos/cellule-c/logo-videos-internet.png) no-repeat top right;
padding-left:20px;
}
.logo-dgindex
{
background:url(photos/logo-dgindex.png) no-repeat top right;
padding-left:140px;
}
.logo-vobmerge
{
background:url(photos/logo-vobmerge.png) no-repeat top right;
padding-left:105px;
}
.logo-filezilla
{
background:url(photos/logo-filezilla.png) no-repeat top right;
padding-left:135px;
}
.logo-super
{
background:url(photos/logo-super.png) no-repeat top right;
padding-left:145px;
}
.logo-photo-paint
{
background:url(photos/cellule-c/logo-rubrique-photo-paint.png) no-repeat top right;
padding-left:85px;
}
/*PUB*/
.pub-vodemotion
{
margin-top:50px;
border:0;
}
#pub-sousmenu
{
margin:0 auto;
width:728px;
height:40px;
}
#pub-sous-texte
{
width:468px;
margin:20px 0 15px 180px;
}
#pub-gauche
{
margin-top:25px;
}
#pub-pieds
{
margin:0 0 50px 40px;
}
/*FIN DES PUB*/
#pied-rubrique
{
margin:100px 0 150px 200px;
}
#pied-rubrique li
{
text-transform:capitalize;
font-size:80%;
list-style-type:none;
display:inline;
}
#pied-rubrique a
{
color:#717171;
text-decoration:none;
margin:0 10px;
}
#pied-rubrique a:hover
{
color:#FD5656;
text-decoration:underline;
}
#paypal-pied
{
width:470px;
margin:0 auto;
}