/* CSS Document */
* {margin:0; padding:0;}

img {
border:0;
}

a:link {
font-family: Times New Roman, Times, serif; color:#003366; text-decoration: none;
font-size:12px;
} 
a:visited {
font-family: Times New Roman, Times, serif; color:#003366; text-decoration: none;
font-size:12px;
}
a:active {
font-family: Times New Roman, Times, serif; color:#003366; text-decoration: none;
font-size:12px;
} 
a:hover { font-family: Times New Roman, Times, serif; color:#CC3300; text-decoration: none;
font-size:12px;
} 

p {
text-indent:30px;
}

body {
background:#CDCDCD;
} 

div#conteneurdessus {
width:160px;
height:auto;
overflow:hidden;
position:absolute;
top:0;
left:820px;
}
html>body div#conteneurdessus {
position: fixed;
}
div#conteneurdessus2 {
width:100px;
height:100px;
overflow:hidden;
position:absolute;
top:450px;
right:50px;

}
html>body div#conteneurdessus2 {
position: fixed;
} 
a.surfintel {
background:url(images/surfezintelligent.gif);
display:block;
width:100px;
height:100px;

}
a.surfintel:hover {
background:url(images/surfezintelligent.gif);
color : #FFFFFF;
opacity : .5;
filter :alpha(opacity=50);
}

/*------------------infobulle-----------*/
.infobul {
   display:none; /* Au départ, l'infobulle ne doit pas apparaître */
   border:1.5px dotted gray;

} 

a:hover .infobul{
   position: absolute;
   display:inline; 
   width:250px;
   height: auto;
   margin-top:2em; /* Placer l'infobulle sous le mot survolé */
   margin-left:-20em;
   border:1.5px dotted gray;
   background-color:#FFFACD;
   text-decoration:none;
   text-align:justify;
   padding:5px;
} 


/*------------fin infobulle-------------*/

/*-------------annonces-----------*/

div#headerannonces {
width:160px;
height:80px;
background:url(images/newheaderannonces2.jpg);
}
div#headerannonces2 {
width:160px;
height:40px;
background:url(images/newheaderannonces3.jpg);
}
div#annonces {
width:100%;
height:auto;
overflow:hidden;
background:url(images/bgannonces.jpg) repeat-y;
}
div#blocannonce {
width:120px;
height:auto;
margin-left:auto;
margin-right:auto;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:10px;
font-weight:bold;
font-style:italic;
text-align:justify;
color:#12365A;
}
div#footerannonces {
width:160px;
height:30px;
background:url(images/newfooterannonces.jpg);
}
/*-------------FIN annonces-----------*/

#textimportant {
font-family:"Courier New", Courier, mono;
font-size:14px;
font-weight:bold;
color:#990000;
letter-spacing:3px;
}

#textimportant2 {
border:#999999 1px solid;
font-family:"Courier New", Courier, mono;
font-size:14px;
font-weight:bold;
color:#990000;
background-color:#CBCBE4;
letter-spacing:3px;
padding-left:50px;
}
div#conteneur {
width:820px;
height:auto;
margin-left:auto;
margin-right:auto;
background:url(images/newcontent.jpg);
overflow:hidden;
font-family:"Courier New", Courier, mono;
font-size:12px;
font-weight:bold;
}
div#header {
width:820px;
height:141px;
margin-left:20px;
}

div#footer {
width:820px;
height:55px;
margin-left:auto;
margin-right:auto;
background:url(images/newfooter.jpg);
font-family:"Courier New", Courier, mono;
font-size:10px;
font-weight:bold;
text-align:center;
color:#999999;
}
div#footer a {
font-size:10px;
color:#999999;
}
div#footer a:hover {
color:#000000;
}
/*  MENU HAUT  */
div#menuhaut {
width:819px;
height:21px;
background: url(images/newmenu.jpg);
color:#FFFFFF;
} 
#menuhaut ul {
width:776px;
margin-left:auto;
margin-right:auto;
font-family:"Courier New", Courier, mono;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}
#menuhaut ul li { display: inline;
color:#FFFFFF;
}
#menuhaut ul li a {
padding: 0.2em 1em;
text-decoration: none;
float:right;
border-left: 1px solid #fff;
color:#FFFFFF;
}
#menuhaut ul li a:hover {
background-color: #369;
color:#FFFFFF;
}
#menuhaut ul li a:link, #menuhaut ul li a:visited {
color:#FFFFFF;
text-decoration: none;
color:#FFFFFF;
}
/*  FIN MENU HAUT  */

/*   MENU LEFT     */
#conteneurleft {
width:200px;
float:left;
margin-left:30px;
}
#entetemenu {
width:180px;
height:10px;
padding: 10px;
background:url(images/newheaderbg.gif) repeat-x;
border: #CCCCCC 1px solid;
font-family:"Courier New", Courier, mono;
font-size:12px;
font-weight:bold;
letter-spacing:5px;
color:#999999;
}
#menuleft {
width:200px;
float:left;
margin-top:15px;
margin-bottom:5px;
}
#menuleft ul {
list-style-type: none;
}
#menuleft a {
display: block;
padding:5px 0 5px 10px;
width: 190px;
background-color:#FFFFFF;
border: #CCCCCC 1px solid;
font-family:"Courier New", Courier, mono;
font-size:12px;
font-weight:bold;
}
#menuleft a:link, #navlist a:visited {
color: #000000;
text-decoration: none;
color:#999999;
}
#menuleft a:hover {
background-color:#CCCCCC;
color:#0066FF;
}
/*   FIN MENU LEFT     */


#google {
width:200px;
height:100px;
float:left;
border:#CCCCCC 1px solid;
margin-top:5px;
margin-bottom:5px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:10px;
font-weight:bold;
font-style:italic;
text-align:justify;
color:#12365A;
}

/*   bloc texte   */
#conteneuright {
width:546px;
height:auto;
float:left;
margin-left:15px;
overflow:hidden;
}


/*  FIN rubrique dernier virus*/
#bloctexte {
width:546px;
height:auto;
margin-top:10px;
margin-bottom:10px;
text-align:justify;
overflow:hidden;
}
/* rubrique ALERTE */
#blocalertetop {
width:524px;
height:17px;
background: url(images/bordertopmauve.png);
margin-top:10px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:left;
padding-left:20px;
padding-top:3px;
color:#92258E;
}
#blocalertetxt {
width:522px;
height:auto;
overflow:hidden;
margin-bottom:10px;
border-bottom:#92258E 1px solid;
border-left:#92258E 1px solid;
border-right:#92258E 1px solid;
padding:10px;
font-family:"Courier New", Courier, mono;
font-size:12px;
font-weight:bold;
text-align:justify;
color:#666666;
}
#blocalertetxt2 {
width:522px;
height:auto;
overflow:hidden;
margin-bottom:10px;
border-bottom:#92258E 1px solid;
border-left:#92258E 1px solid;
border-right:#92258E 1px solid;
padding:10px;
font-family:"Courier New", Courier, mono;
font-size:12px;
font-weight:bold;
text-align:justify;
color:#666666;
}
#blocalertetxt2 img {
float:left;
margin:0 10px 0 0;
text-decoration:none;
}
/* FIN rubrique ALERTE */

/* rubrique logiciel du mois */
#bloclogicieltop {
width:524px;
height:17px;
background:url(images/bordertopbleu.png);
margin-top:10px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:left;
padding-left:20px;
padding-top:3px;
color:#009898;
}
#bloclogicieltxt2 {
width:522px;
height:auto;
overflow:hidden;
margin-bottom:10px;
border-bottom:#009898 1px solid;
border-left:#009898 1px solid;
border-right:#009898 1px solid;
padding:10px;
font-family:"Courier New", Courier, mono;
font-size:12px;
font-weight:bold;
text-align:justify;
color:#666666;
}
#bloclogicieltxt2 img {
float:left;
margin:0 10px 0 0;
text-decoration:none;
}
/* FIN rubrique logiciel du mois */

/* rubrique ASTUCE du mois */
#blocastucetop {
width:524px;
height:17px;
background:url(images/bordertopjaune.png);
margin-top:10px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:left;
padding-left:20px;
padding-top:3px;
color:#FAA319;
}
#blocastucetxt2 {
width:522px;
height:auto;
overflow:hidden;
margin-bottom:10px;
border-bottom:#FAA319 1px solid;
border-left:#FAA319 1px solid;
border-right:#FAA319 1px solid;
padding:10px;
font-family:"Courier New", Courier, mono;
font-size:12px;
font-weight:bold;
text-align:justify;
color:#666666;
}
#blocastucetxt2 img {
float:left;
margin:0 10px 0 0;
text-decoration:none;
}
/* FIN rubrique ASTUCE du mois */

#bloctexteborder {
width:524px;
height:auto;
margin-top:20px;
text-align:justify;
overflow:hidden;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding:10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
color: #666666;
}
#bloctexteborder img{
float:left;
margin:0 10px 0 0;
}
#blocquartleft {
width:265px;
height:90px;
float:left;
border:#CCCCCC 1px solid;
margin-bottom:5px;
}
#blocquartright {
width:265px;
height:198px;
float:right;
background:url(images/postit2.jpg);
margin-bottom:10px;
}
#bloctextequartright {
width:235px;
height:198px;
margin-left:auto;
margin-right:auto;
font-family:"Courier New", Courier, mono;
font-size:14px;
font-weight:bold;
color:#990000;
}
a.imginfection {
background:url(images/infection1.jpg);
display:block;
width:265px;
height:60px;
}
a.imginfection:hover {
background:url(images/infection2.jpg);
border:#3399FF 1px solid;
}
a.imgmicrosoft {
background:url(images/microsft1.jpg);
display:block;
width:265px;
height:40px;
}
a.imgmicrosoft:hover {
background:url(images/microsft2.jpg);
}
a.imgsecuriserpc {
background:url(images/securpc.jpg);
display:block;
width:265px;
height:90px;
}
a.imgsecuriserpc:hover {
background:url(images/securpc2.jpg);
border:#669900 1px solid;
}
a.imgoutils {
background:url(images/outils1.jpg);
display:block;
width:265px;
height:40px;
}
a.imgoutils:hover {
background:url(images/outils2.jpg);
}
a.imgnettoyage {
background:url(images/netpc1.jpg);
display:block;
width:265px;
height:90px;
}
a.imgnettoyage:hover {
background:url(images/netpc2.jpg);
border: #666666 1px solid;
}
/*   FIN bloc texte   */

/*  infobulles */
a.info {
position:relative;
text-decoration:none;
color:#000080;
}
a.info span {
display:none;
}
a.info:hover { /* contournement bogue IE */
background:none;
z-index:600;
}
a.info:hover span {
display:inline;
position:absolute;
z-index:600;
top:-4em;
right:-2em;
background:#FFFF99;
border: #CCCCCC 1px solid;
text-align:center;
color:#993300;
padding:0.2em;
}
/*  fin infobulles */
/* image de bloc rectangle blanc*/
a.imgrect {
width:530px;
height:30px;
padding:5px 10px 5px 10px;
margin-top:10px;
margin-bottom:10px;
display:block;
background:url(images/rectangleblanc550x45b.png);
}
a.imgrect:hover {
background:url(images/rectanglebeige550x45.png);
}
a.imgrect2 {
width:530px;
height:30px;
padding:5px 10px 5px 10px;
margin-top:10px;
margin-bottom:10px;
display:block;
background:url(images/rectangleblanc550x45c.png);
}
a.imgrect2:hover {
background:url(images/rectanglebeige550x45.png);
}
a.imgrect3 {
width:530px;
height:30px;
padding:5px 10px 5px 10px;
display:block;
background:url(images/rectangleblanc550x45e.png);
margin-top:10px;
margin-bottom:10px;
}
a.imgrect3:hover {
background:url(images/rectanglebeige550x45.png);
}
/* FIN image de bloc rectangle blanc*/
#blocinter1 {
background: url(images/animdos.gif);
width:546px;
height:20px;
margin-left:auto;
margin-right:auto;
}
#blocinter2 {
background: url(images/animnews.gif);
width:546px;
height:20px;
margin-left:auto;
margin-right:auto;
}
#blocinter3 {
background: url(images/animmaj.gif);
width:546px;
height:20px;
margin-left:auto;
margin-right:auto;
}
#blocrubriquesecuriser {/*SECURISER*/
width:550px;
height:auto;
overflow:hidden;
margin-top:10px;
margin-left:20px;
}

/*   arrondis  */
#cadreplein { 
width:546px;
margin-top:15px;
text-align:justify;
background-color:#FFE57C;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(images/hautgauche.jpg);
}
#hautdroit {
float: right;
background: url(images/hautdroit.jpg);
}
#basgauche {
background: url(images/basgauche.jpg);
}
#basdroit {
float: right;
background: url(images/basdroit.jpg);
}
#contenu {
width:500px;
color:#666666;
margin-left:auto;
margin-right:auto;
 /*gestion des espaces interparagraphes */
}
#contenu img {
float:left;
padding-right:10px;
padding-bottom:20px;
}
#blocarrevert { 
width:544px;
height: auto;
overflow:hidden;
margin-top:15px;
background:#CCFECC;
border:#999999 1px solid;
}
#blocarrevert img{
float:left;
padding-right:10px;
}
#blocarrejaune { 
width:544px;
height: auto;
overflow:hidden;
margin-top:15px;
background-color:#FFE57C;
border:#999999 1px solid;
}
#blocarrejaune img{
float:left;
padding-right:10px;
}
/*   arrondis 2 */
#cadreplein2 { 
width:542px;
margin-top:15px;
text-align:justify;
background:#CCFECC;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche2, #hautdroit2, #basgauche2, #basdroit2 {
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche2 {
background: url(images/cornertopleft.gif);
}
#hautdroit2 {
float: right;
background: url(images/cornertopright.gif);
}
#basgauche2 {
background: url(images/cornerbottomleft.gif);
}
#basdroit2 {
float: right;
background: url(images/cornerbottomright.gif);
}
#contenu {
width:500px;
margin-left:auto;
margin-right:auto;
 /*gestion des espaces interparagraphes */
}
/*   arrondis securiser */
#cadreplein3 { 
width:542px;
margin-top:15px;
text-align:justify;
background:#DFDFFB;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche3, #hautdroit3, #basgauche3, #basdroit3 {
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche3 {
background: url(images/cornertopleft2.jpg);
}
#hautdroit3 {
float: right;
background: url(images/cornertopright2.jpg);
}
#basgauche3 {
background: url(images/cornertbottomleft2.jpg);
}
#basdroit3 {
float: right;
background: url(images/cornertbottomright2.jpg);
}
/* carde plein jaune */
#cadrepleinjaune { 
width:542px;
margin-top:15px;
text-align:justify;
background:#FFFFC2;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauchejaune, #hautdroitjaune, #basgauchejaune, #basdroitjaune {
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauchejaune {
background: url(images/cornertopleftjaune.jpg);
}
#hautdroitjaune {
float: right;
background: url(images/cornertoprightjaune.jpg);
}
#basgauchejaune {
background: url(images/cornerbottomleftjaune.jpg);
}
#basdroitjaune {
float: right;
background: url(images/cornerbottomrightjaune.jpg);
}

/* carde plein vert */
#cadrepleinvert { 
width:542px;
margin-top:15px;
text-align:justify;
border:#003300 2px solid;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauchevert, #hautdroitvert, #basgauchevert, #basdroitvert {
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauchevert {
background: url(images/cornertopleftvert.jpg);
}
#hautdroitvert {
float: right;
background: url(images/cornertoprightvert.jpg);
}
#basgauchevert {
background: url(images/cornerbottomleftvert.jpg);
}
#basdroitvert {
float: right;
background: url(images/cornerbottomrightvert.jpg);
}

/*   CONTACT CADRE arrondis  */
div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 275px;
padding-top: 40px;
background: url(images/cararondihaut.gif) top left no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:60px;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(images/cararondibas.gif) bottom left no-repeat;
padding-bottom: 40px;
margin-left:auto;
margin-right:auto;
}
div#bloccadre p {
margin: 0 0 0 50px;
}
/*   FIN CADRE arrondis  */

/*   PARTENAIRES CADRE arrondis  */
div#cadrepart {/* conteneur global et arrière-plan du titre du cadre */
width: 546px;
padding-top: 40px;
background: url(images/cararondihautpartenaires.gif) top left no-repeat;
margin-left:auto;
margin-right:auto;
}
div#bloccadrepart {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(images/cararondibaspartenaires.gif) bottom left no-repeat;
padding-bottom: 40px;
margin-left:auto;
margin-right:auto;
}
div#bloccadrepart p {
margin: 0 35px 0 10px;
}
/*   FIN CADRE arrondis  */
/*  rubrique OUTILS MENU */
#navlisoutils {
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left:0;/* retrait du bord */
margin-top:15px;
}

#navlisoutils ul, #navlisoutils li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlisoutils a:link, #navlisoutils a:visited {
background: #E8EBF0;
border: 1px solid #ccc;
color: #666;
float: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlisoutils a:link#current, #navlisoutils a:visited#current {
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlisoutils a:hover { color: #f00; }

body.section-1 #navlisoutils li#nav-1 a,
body.section-2 #navlisoutils li#nav-2 a,
body.section-3 #navlisoutils li#nav-3 a,
body.section-4 #navlisoutils li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlisoutils #subnav-1,
#navlisoutils #subnav-2,
#navlisoutils #subnav-3,
#navlisoutils #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlisoutils ul#subnav-1,
body.section-2 #navlisoutils ul#subnav-2,
body.section-3 #navlisoutils ul#subnav-3,
body.section-4 #navlisoutils ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlisoutils ul#subnav-1 a,
body.section-2 #navlisoutils ul#subnav-2 a,
body.section-3 #navlisoutils ul#subnav-3 a,
body.section-4 #navlisoutils ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlisoutils ul a:hover { color: #f00 !important; }

#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
} 

#blocleftlittle {
width:265px;
height:100px;
float:left;
margin-bottom:10px;
margin-top:15px;
}
#blocrightlittle {
width:265px;
height:100px;
float:right;
margin-bottom:10px;
margin-top:15px;
}

/*  ---------pages autres vermines a eradiquer--------      */
#blocvermines {
width:500px;
height: auto;
overflow:hidden;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}
#imgvermines1 {
display:block;
background: url(images/bhodemon.jpg);
width:104px;
height:104px;
float:left;
margin:0 10px 0 0;
}
#imgvermines2 {
display:block;
background: url(images/smitfraudfix.jpg);
width:104px;
height:104px;
float:left;
margin:5px 10px 0 0;
}
#imgvermines3 {
display:block;
background: url(images/rogueremover.jpg);
width:104px;
height:104px;
float:left;
margin:5px 10px 0 0;
}
#imgvermines4 {
display:block;
background: url(images/cwshredder.jpg);
width:104px;
height:104px;
float:left;
margin:5px 10px 0 0;
}
#imgvermines5 {
display:block;
background: url(images/winpatrol.jpg);
width:104px;
height:104px;
float:left;
margin:5px 10px 0 0;
}

/*  ---------     pages autres vermines a eradiquer--------      */
#cadrechapeaubleu {
width:526px;
height:30px;
background:url(images/chapeaubleu.jpg);
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color:#FFFFFF;
padding-left:20px;
padding-top:10px;
}
#souschapeaubleu {
width:500px;
height:auto;
overflow:hidden;
border-bottom:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
padding-left:22px;
padding-right:22px;
}