* {
text-decoration:none;
font-size:1em;
outline:none;
margin:0;
padding:0;
}

code,kbd,samp,pre,tt,var,textarea,input,select,isindex {
font:inherit;
font-size:1em;
}

dfn,i,cite,var,address,em {
font-style:normal;
}

th,b,strong,h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}

a,img,a img,iframe,form,fieldset,abbr,acronym,object,applet {
border:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

caption,th,td,center {
text-align:left;
vertical-align:top;
}

body {
background:#fff;
color:#646464;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:150%;
}

ul,ol,dir,menu {
list-style:none;
}

sub,sup {
vertical-align:baseline;
}

font {
font:inherit!important;
color:inherit!important;
}

fieldset,img {
border:0;
}

option {
padding-left:.4em;
}

ul,ol,dl {
padding-left:30px;
margin:1em 0;
}

dd {
padding-left:40px;
}

blockquote {
margin:0 0 1em 1.5em;
}

td,th {
padding:1px;
}

html {
height:100%;
margin-bottom:1px;
}

#body {
width:950px;
margin:0 auto;
padding:0;
}

.redbold {
font-weight:bold;
color:#d00;
font-size:14px;
}

.italic {
font-style:italic;
}

.underline {
text-decoration:underline;
}

.align-left {
text-align:left;
}

.align-center {
text-align:center;
}

.align-right {
text-align:right;
}

.clearer {
clear:both;
}

form.form p {
margin:0;
padding:0;
}

.form-input {
background:#fff url('http://pageperso.free.fr/im/free2008/textbox-background.png') repeat-x top left;
border:1px solid #c3c3c3;
color:#646464;
padding:3px;
}

.form-button {
background:#fff url('http://pageperso.free.fr/im/free2008/button-background.png') repeat-x top left;
border:1px solid #e8e8e9;
padding:3px;
}

.form-button.hover {
color:#d00;
cursor:pointer;
}

#google {
  vertical-align:middle;
  padding:3px;
  background:url('http://pageperso.free.fr/im/free2008/sub-menu-background.png') repeat;
  border-bottom: 1px solid #bababa;
  text-align:center;
}

#bandeau1 {
  vertical-align:middle;
  padding:3px;
  background:url('http://pageperso.free.fr/im/free2008/sub-menu-background.png') repeat;
  border-bottom: 1px solid #bababa;
  text-align:center;
}

#top-menu-main-accueil {
background-image:url('http://pageperso.free.fr/im/free2008/accueil.png');
width:96px;
}

#top-menu-main-accueil:hover {
background-image:url('http://pageperso.free.fr/im/free2008/accueil_hover.png');
}

#top-menu-main-internet {
width:87px;
background-image:url('http://pageperso.free.fr/im/free2008/internet_active.png');
}

#top-menu-main-internet:hover {
background-image:url('http://pageperso.free.fr/im/free2008/internet_active.png');
}

#top-menu-main-telephone {
background-image:url('http://pageperso.free.fr/im/free2008/telephone.png');
width:108px;
}

#top-menu-main-telephone:hover {
background-image:url('/im/free2008/telephone_hover.png');
}

#top-menu-main-television {
background-image:url('/im/free2008/television.png');
width:108px;
}

#top-menu-main-television:hover {
background-image:url(/im/free2008/television_hover.png);
}

#top-menu-main-boutique {
background-image:url(/im/free2008/boutique.png);
width:110px;
}

#top-menu-main-boutique:hover {
background-image:url(/im/free2008/boutique_hover.png);
}

#top-menu-main-assistance {
background-image:url(/im/free2008/assistance.png);
width:122px;
}

#top-menu-main-assistance:hover {
background-image:url(/im/free2008/assistance_hover.png);
}


#main {
border-bottom:1px solid #858483;
width:100%;
margin:0;
padding:0;
}

#main .left {
border-right:1px solid #bababa;
float:left;
width:749px;
}

#content-container {
background:transparent url('/im/free2008/content-container-background.png') repeat-x;
}

#main .right {
color:#fff;
float:left;
height:100%;
width:198px;
}

#main .right .first {
background:none;
margin-top:0;
padding-top:0;
}

#top {
background:#fff url(/im/free2008/bg.png) repeat-x left top;
border-bottom:1px solid #8e8e8e;
height:112px;
width:950px;
margin:0;
padding:0;
}

#top-logo {
background:transparent url(/im/free2008/logo.png) no-repeat left top;
display:block;
float:left;
height:112px;
width:232px;
margin:0;
padding:0;
}

#top-menu {
float:left;
height:112px;
width:713px;
}

#top-menu-nav {
border-bottom:1px solid #bebebe;
float:left;
height:22px;
list-style:none;
width:100%;
margin:9px 0 0;
padding:0;
}

#top-menu-nav li {
display:inline;
font-size:13px;
font-weight:bold;
margin-right:20px;
}

#top-menu-nav li a {
color:#555;
text-decoration:none;
}

#top-menu-main {
float:left;
list-style:none;
width:100%;
margin:10px 0 0;
padding:0;
}

#top-menu-main li a {
display:block;
float:left;
height:69px;
margin-left:1px;
margin-right:1px;
text-decoration:none;
padding:0;
}

#bottom {
background:#fff url(/im/free2008/bg-bottom.png) repeat-x top left;
padding-bottom:20px;
width:100%;
}

#bottom-infos {
background:transparent url(/im/free2008/separator.png) repeat-y 0 15px;
float:right;
height:200px;
margin-top:22px;
padding:5px 25px 10px;
}

#bottom-infos h2 {
font-size:12px;
font-weight:bold;
margin-bottom:5px;
}

#bottom-links {
float:left;
}

#bottom-links h1 {
color:#3c3c3c;
font-size:12px;
font-weight:bold;
margin:5px 0 0 2px;
}

#bottom-links div {
background:transparent url(/im/free2008/separator.png) repeat-y 0 15px;
float:left;
height:200px;
padding:5px 5px 10px 5px;
}

#bottom-links .first {
background-image:none;
float:left;
padding:5px 10px 10px 10px;
}

#bottom-links .indent-15 {
background-image:none;
padding-left:10px;
}

#bottom-links .indent-20 {
background-image:none;
padding-left:15px;
}

#bottom-links div h2 {
color:#999;
font-size:12px;
font-weight:bold;
margin-bottom:5px;
}

#top-menu-nav a.freebox {
text-decoration:none;
}

#top-menu-nav a.pperso {
text-decoration:none;
}

#top-menu-nav a.selected {
color:#d00
}

a,a:link {
color:#646464;
}

hr,h1 span,#top-logo span,#top-menu-main li a span {
display:none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,#bottom-infos ul,#bottom-infos ul li,#bottom-links div ul,#bottom-links div ul li {
margin:0;
padding:0;
}

dl,p {
margin:1em 0;
}

strong,.bold {
font-weight:bold;
}

a:hover,.red,#top-menu-nav li a:hover,#bottom-infos ul li a:hover,#bottom-links div h2 a:hover,#bottom-links div ul li a:hover,#content .block ul li a:hover {
color:#d00;
}

#top-menu-main li,#bottom-infos h2 span,#bottom-links div h2 span {
display:inline;
}

#bottom-infos ul li a,#bottom-links div ul li a {
color:#999;
font-weight:normal;
text-decoration:none;
}

/*******************************************************/
.bback { background-image:url('http://dl.free.fr/im/styles/styleXP1/background.gif') }
.center{ text-align: center; }
img{ border: none; }
.ico{ vertical-align: middle; }

.borderinfo{
  text-align: left;
  border: 1px solid #CCCCCC;
  margin-left: 100px;
  margin-right: 100px;
  padding: 3px;
  font-size: 11px;
  font-weight: normal;
}
.borderinfo a:link { color:#002280; text-decoration:underline }
.borderinfo a:visited { color:#002280; text-decoration:underline }
.borderinfo a:hover { color:#296DC1; text-decoration:none}


.tn{
  text-align: center;
  border: 1px solid #BBBBBB;
      padding: 0px;
  background-color: white;
}

.bande {
   font-size: 11px;
   height:19px;
   font-weight:bold;
   color: #215195;
   background-image:url('http://dl.free.fr/im/styles/styleXP1/3.png');
}
.bande a:link { color:#002280; text-decoration:none }
.bande a:visited { color:#002280; text-decoration:none }
.bande a:hover { color:#296DC1; text-decoration:none }

.gestfile {
   font-size: 11px;
   height:19px;
   font-weight:bold;
   color: #215195;
   background-image:url('http://dl.free.fr/im/styles/styleXP1/5.png');
}
.gestfile a:link { color:#002280; text-decoration:none }
.gestfile a:visited { color:#002280; text-decoration:none }
.gestfile a:hover { color:#296DC1; text-decoration:none }

.diaporama {
  background-color: #CCCCCC;
}

.message {
  border: 1px solid #BBBBBB;
      padding: 0px;
  font-weight:bold;
  background-color: white;
}
.message a:link { color:black; text-decoration:none }
.message a:visited { color:black; text-decoration:none }
.message a:hover { color:black; text-decoration:none }

.lien {
  font-size: 11px;
  font-weight:normal;
}
.lien a:link { color:black; text-decoration:none }
.lien a:active { color:black; text-decoration:none }
.lien a:visited { color:black; text-decoration:none }
.lien a:hover { color:#296DC1; text-decoration:none }


.titre1 {
   font-size: 11px;
}
.titre1 a:link { color:#002280; text-decoration:none }
.titre1 a:active { color:#002280; text-decoration:none }
.titre1 a:visited { color:#002280; text-decoration:none }
.titre1 a:hover { color:#296DC1; text-decoration:none }

.titre2 {
   font-size: 11px;
   font-weight:bold;
   color:#D9E1F6;
}

.Ctitre2{
   font-size: 11px;
   font-weight:bold;
   color:#FFFFFF;
   background-image:url('http://dl.free.fr/im/styles/styleXP1/1.png');
}
.Ctitre2back{
    font-size: 11px;
  background-color:#FFFFFF;
}

.Ctitre2back a:link { color:#002280; text-decoration:none }
.Ctitre2back a:active { color:#002280; text-decoration:none }
.Ctitre2back a:visited { color:#002280; text-decoration:none }
.Ctitre2back a:hover { color:#296DC1; text-decoration:none }

.Ctitre3 {
   font-size: 11px;
   font-weight:bold;
   color:#FFFFFF;
   background-image:url('http://dl.free.fr/im/styles/styleXP1/1.png');
}

.Ctitre3back{
  font-size: 11px;
  background-color:#FFFFFF;
}

.Ctitre3back a:link { color:#002280; text-decoration:none }
.Ctitre3back a:active { color:#002280; text-decoration:none }
.Ctitre3back a:visited { color:#002280; text-decoration:none }
.Ctitre3back a:hover { color:#296DC1; text-decoration:none }

.cadre{
  background-color:#0F367B;
}

.miniatureliste {
   font-size: 11px;
   font-weight:bold;
}
.miniatureliste a:link { color:black; text-decoration:none }
.miniatureliste a:active { color:black; text-decoration:none }
.miniatureliste a:visited { color:black; text-decoration:none }
.miniatureliste a:hover { color:blue; text-decoration:none }

.nom {
   font-size: 11px;
   font-weight:normal;
}
.nom a:link { color:black; text-decoration:none }
.nom a:visited { color:black; text-decoration:none }
.nom a:hover { color:blue; text-decoration:none }

.recherche {
   font-size: 11px;
   font-weight:bold;
   color: blue;
}


.ong {font-size: 11px;  font-weight: bold; color:#FFFFFF; text-decoration:none;}
.sml {font-size: 11px;}
.red {color: #CC0000}

.inputtxt { FONT-SIZE: 11px }
.bord { border: 1px solid black; padding: 2px; padding-left: 4px; text-align: left; }
.bordg { font-weight: bold; text-align: left; border: 1px solid black; padding: 2px; }
.bordg2 { font-weight: bold; border: 1px solid black; text-align: center; }

.bordh { font-weight: bold; font-size:13px; border: 1px solid black; }


.blue { color: #0E4A9D}

.linknav, .linknav:visited, .linknav:active, .linknav:link { FONT-SIZE: 11px; color: #FFFFFF; text-decoration: none; }
.linknav2, .linknav2:visited, .linknav2:active, .linknav2:link  { font-weight: bold; color: #FFFFFF; text-decoration: none; }
.linknavred, .linknavred:visited, .linknavred:active, .linknavred:link  { FONT-SIZE: 11px; color: #DB0016; text-decoration: none; }
.linknavb, .linknavb:visited, .linknavb:active, .linknavb:link  { FONT-SIZE: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold; }
.none { font-weight: bold; text-decoration: none; }
.red{ color: #42596D; }

.linknavbot, .linknavbot:visited, .linknavbot:active, .linknavbot:link { FONT-SIZE: 11px;       color: #42596D; text-decoration: none;}

.td11 {font-size: 11px;}
.ttle { color: #42596D; font-weight: bold;}
.tdtitle { color: #42596D; font-weight: bold; background-color: #E0E6EC; }

.tdboxtitle { font-size: 11px; color: #42596D; font-weight: bold; background-color: #9CBDD3 }

.sousttle { color: #42596D; font-size: 11px; }
.whitelink { color: #FFFFFF; text-decoration: none; }


.header { color: white; background-color: #26333E; font-family: Verdana,Helvetica,sans-serif; font-weight:bold; font-size: 17px; }
.light { color: #243340; font-family: Geneva,Arial,Helvetica,sans-serif; }


#everything { WIDTH: 770px; MARGIN: 0 auto; TEXT-ALIGN: left; PADDING-BOTTOM: 25px; }

#colorspy { border: 2px solid #EEEEEE; padding: 7px 0 20px 20px; margin: 0 0 7px 0; font-size: 16px; text-align: left; COLOR: #555; background: #fbfbfb; }
#colorspy a { COLOR: #e04f92; }
#colorspy legend { font-size: 17px; color: #bbb; padding: 0; }

.botLine { BORDER-TOP: 1px solid #EEE; WIDTH: 370px; MARGIN-TOP: 9px; PADDING-TOP: 9px; COLOR: #999; }
.botLine a { COLOR: #e04f92; }
.botLine a:hover { COLOR: #F360BB; }

/* PLUGIN */

#plugin { BACKGROUND: #0d0d0d; COLOR: #AAA; DISPLAY: block; FONT-FAMILY: arial; FONT-SIZE: 11px; PADDING: 7px 10px 11px 10px; Z-INDEX: 1; WIDTH: 210px; margin: auto; height: 200px}
#plugin br { CLEAR: both; MARGIN: 0; PADDING: 0;  }
#plugin select { BORDER: 1px solid #333; BACKGROUND: #FFF; POSITION: relative; TOP: 4px; }

#plugHEX { FLOAT: left; position: relative; top: -4px; }
#plugHEX:hover { COLOR: #FFD000;  }
#plugCUR { float: left; width: 10px; height: 10px; font-size: 1px; background: #FFF; margin-right: 3px;vertical-align: middle }

#SV { background: #FF0000 url('http://dl.free.fr/im/SatVal.png'); _BACKGROUND: #FF0000; POSITION: relative; CURSOR: crosshair; FLOAT: left; HEIGHT: 166px; WIDTH: 167px; _WIDTH: 166px; MARGIN-RIGHT: 10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/SatVal.png', sizingMethod='scale'); -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#SVslide { BACKGROUND: url('http://dl.free.fr/im/slide.gif'); HEIGHT: 9px; WIDTH: 9px; POSITION: absolute; line-height: 1px; }

#H { BORDER: 1px solid #000; CURSOR: crosshair; FLOAT: left; HEIGHT: 154px; POSITION: relative; WIDTH: 19px; PADDING: 0; TOP: 4px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#Hslide { BACKGROUND: url('http://dl.free.fr/im/slideHue.gif'); HEIGHT: 5px; WIDTH: 33px; POSITION: absolute; line-height: 1px; }
#Hmodel { POSITION: relative; TOP: -5px; }
#Hmodel div { HEIGHT: 1px; WIDTH: 19px; font-size: 1px; line-height: 1px; MARGIN: 0; PADDING: 0; }