* {
padding : 0;
margin : 0;
}
body {
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
margin : 0;
padding : 0;
background-color : #ebebeb;
background-image : url(images/bg.png);
background-position : center top;
background-repeat : repeat-y;
border-top : 7px solid #444444;
}
#conteneur {
width : 750px;
height : 500px;
border : 0 solid #ff0000;
margin : 0 auto;
padding : 20px 0 0 0;
}
#conteneur h1 {
float : left;
width : 160px;
font-size : 23px;
text-transform : uppercase;
letter-spacing : 0.1em;
border-right : 1px solid #999999;
font-weight : normal;
margin-left : 17px;
background-image : url(images/chroma.jpg);
background-position : left top;
background-repeat : no-repeat;
padding-left : 27px;
}
#conteneur h1 a {
color : #336699;
text-decoration : none;
}
#conteneur h1 a:hover {
color : #65728d;
}
#conteneur h2 {
float : left;
width : 250px;
font-size : 12px;
line-height : 14px;
padding-left : 10px;
font-weight : normal;
}
#recherche {
display: block;
height: 25px;
float : right;
margin-right : 25px;
background-image: url(images/recherche.gif);
background-position: right top;
background-repeat: no-repeat;
text-align:right;
padding: 3px 25px 0 5px;
font-size: 13px;
text-decoration: underline;
color: #777777; /**#7C7C7C;**/
}
#recherche:hover {
text-decoration: none;
}
#search {
padding : 3px 3px 3px 3px;
border : 1px solid #999999;
background-color : #f5f5f5;
}
#search:hover {
border : 1px solid #777777;
background-color : #e5e5e5;
}
#navigation {
width : 700px;
float : left;
list-style-type : none;
background-color : #65728d;
margin-left : 25px;
margin-top : 13px;
}
#navigation li {
display : inline;
float : left;
}
#navigation li a {
color : #eff8ff;
text-decoration : none;
font-weight : bold;
float : left;
padding : 7px 10px 7px 10px;
}
#navigation li a:hover {
color : #ffffff;
background-color : #485573;
background-image : url(images/pointer.gif);
background-position : center bottom;
background-repeat : no-repeat;
}
#navigation li.selected a {
background-color : #374462;
background-image : url(images/pointer.gif);
background-position : center bottom;
background-repeat : no-repeat;
}
#navigation img {
border: none;
vertical-align: top;
}
#header {
position : relative;
float : left;
width : 100%;
height : 250px;
margin-top : 0;
background-image : url(images/head.jpg);
background-position : center top;
background-repeat : no-repeat;
z-index : 2;
}
#header:hover {
position : relative;
z-index : 2;
}
#menu {
position : relative;
float : right;
list-style-type : none;
height : 30px;
margin-right : 30px;
margin-top : -20px;
z-index : 6;
}
#menu li {
display : inline;
float : left;
z-index : 6;
}
#menu li a {
color : #eff8ff;
text-decoration : none;
font-weight : bold;
display : block;
padding : 5px 8px 5px 8px;
margin : 0 10px 0 10px;
background-image : url(images/menu.png);
background-position : left top;
background-repeat : repeat-x;
z-index : 6;
}
#menu li a:hover {
color : #ffffff;
background-image : url(images/menufocus.png);
background-position : left top;
background-repeat : repeat-x;
}
#menu li.selected a {
color : #eff8ff;
text-decoration : none;
font-weight : bold;
display : block;
padding : 5px 8px 5px 8px;
margin : 0 10px 0 10px;
background-image : url(images/menufocus.png);
background-position : left top;
background-repeat : repeat-x;
z-index : 6;
}
#menu li.selected a:hover {
color : #eff8ff;
text-decoration : none;
font-weight : bold;
display : block;
padding : 5px 8px 5px 8px;
margin : 0 10px 0 10px;
background-image : url(images/menu.png);
background-position : left top;
background-repeat : repeat-x;
z-index : 6;
}
#menu img {
border: none;
vertical-align: top;
}
#page {
float : left;
width : 700px;
margin-left : 25px;
margin-top : 10px;
}
.colonne {
float : left;
width : 200px;
margin : 0 15px 0 15px;
padding-bottom : 10px;
}
.colonne h3 {
font-weight : normal;
font-size : 13px;
padding : 5px 10px;
margin-top : 20px;
}
.colonne ul {
margin : 0 0 0 15px;
padding : 0;
line-height : 17px;
}
.colonne li {
list-style-type : square;
margin-top : 10px;
color : #555555;
font-weight : bold;
}
#produits h3 {
background-color : #94b4d6;
}
#produits a {
color : #336699;
text-decoration : none;
border-bottom : 1px dotted #336699;
}
#produits a:hover {
border-bottom : 1px solid #336699;
}
#produits h3 a {
font-weight: normal;
font-size:13px;
color: #222222;
border: none;
}
#produits h3 a:hover {
border: none;
}
#encyclopedie h3 {
background-color : #d6eb9a;
}
#encyclopedie a {
color : #567040;
text-decoration : none;
border-bottom : 1px dotted #567040;
}
#encyclopedie a:hover {
border-bottom : 1px solid #789160;
}
#encyclopedie h3 a {
font-weight: normal;
font-size:13px;
color: #222222;
border: none;
}
#encyclopedie h3 a:hover {
border: none;
}
#documentation h3 {
background-color : #ffb366;
}
#documentation a {
color : #df6532;
text-decoration : none;
border-bottom : 1px dotted #df6532;
}
#documentation a:hover {
border-bottom : 1px solid #df6532;
}
#documentation h3 a {
font-weight: normal;
font-size:13px;
color: #222222;
border: none;
}
#documentation h3 a:hover {
border: none;
}
#footer {
float : left;
width : 750px;
text-align : center;
color : #666666;
padding : 40px 0 5px 0;
}
#footer a {
color : #5588aa;
border-bottom : 1px dotted #5588aa;
font-weight : bold;
text-decoration : none;
}
#footer a:hover {
color : #336699;
border-bottom : 1px solid #336699;
}
#footer a img {
border : none;
vertical-align : bottom;
}
.contenu {
float : left;
width : 700px;
margin : 0 0px 0 0px;
padding-bottom : 10px;
}
.contenu h3 {
background-color : #65728D;
color : #ffffff;
font-weight : normal;
font-size : 13px;
padding : 5px 10px;
margin-top : 20px;
}
.contenu p {
margin : 5px 0px 5px 0px;
color : #202020;
}
.contenu p:first-letter {
padding-left : 15px;
}
p.minititre:first-letter { padding-left:0px;}
p.minititre { text-decoration:underline;font-weight: bold;}
p.illus { text-align:center;margin:10px 0 10px 0;font-style:italic;}
P.illus img { border:1px solid #E0E0E0;}
.contenu ul {
list-style-type : square;
margin-left : 100px;
}
.contenu a { color: #0000FF;text-decoration: underline; }
.contenu a:hover { color: #0000FF;text-decoration: none;}
#contacthelio label { display:inline;float:left;width:120px;text-align:right;font-weight:bold;margin-right:3px;}
#contacthelio input { display:inline;width:150px;}
#contacthelio select { display:inline;width:150px;}
span.req { color:#ff0000;font-size:12px;font-weight:bold;}
ul.sitemap { padding-left:50px;font-size:12px;padding-bottom:2px;list-style-type:none;font-weight:bold;}
ul.sitemap a { text-decoration:underline;}
ul.sitemap a:hover { text-decoration:none;}
ul.sitemap li { padding-left:20px;font-size:12px;font-weight:normal;}
ul.sitemap li.ssnivo { padding-left:80px;font-size:11px;}
ul.sitemap li a { text-decoration:none;}
ul.sitemap li a:hover { text-decoration:underline;}
#documentation-page h3 {
background-color: #ffb366;
/**background-image: url(images/docubg.png);
background-position: left center;
background-repeat: repeat-x;**/
color: #ffffff;
font-weight: bold;
}
#encyclopedie-page h3 {
background-color: #d6eb9a;
color: #ffffff;
font-weight: bold;
}
#prod-mat-page h3 {
background-color: #94b4d6;
color: #ffffff;
font-weight: bold;
}
#prod-mat-page ul {
margin-left: 20px;
margin-top: 15px;
}
#prod-mat-page li {
list-style-type: none;
margin-left: 5px;
}
#docmenu { float: left;padding-top:5px;padding-bottom:5px;padding-left:8px;height:420px;}
#docmenu a { display:block;text-decoration:none;font-family: Trebuchet MS,arial, helvetica, verdana, sans-serif;white-space:nowrap;}
a.appareils { color: #202020;text-decoration: none;}
a.appareils:hover { color: #000000;text-decoration: none;}
a.sources { color: #202020;text-decoration: none;}
a.sources:hover { color: #000000;text-decoration: none;}
a.accessoires { color: #202020;text-decoration: none;}
a.accessoires:hover { color: #000000;text-decoration: none;}
a.composants { color: #202020;text-decoration: none;}
a.composants:hover { color: #000000;text-decoration: none;}
a.led { color: #202020;text-decoration: none;}
a.led:hover { color: #000000;text-decoration: none;}
a.lumprieu { color: #202020;text-decoration: none;}
a.lumprieu:hover { color: #000000;text-decoration: none;}
a.alimentaire { color: #202020;text-decoration: none;}
a.alimentaire:hover { color: #000000;text-decoration: none;}
#appareils-page h3 {
background-color: #9EBEFF;
color: #ffffff;
font-weight: bold;
}
#appareils-page h3:hover {
color: #0066FF;
}
#sources-page h3 {
background-color: #D1FFD1; /**#A7F6FF;**/
color: #ffffff;
font-weight: bold;
}
#sources-page h3:hover {
color: #99FF99;
}
#accessoires-page h3 {
background-color: #FFFF99;
color: #ffffff;
font-weight: bold;
}
#accessoires-page h3:hover {
color: #FFCC00;
}
#composants-page h3 {
background-color: #FFCC9A;
color: #ffffff;
font-weight: bold;
}
#composants-page h3:hover {
color: #CC9966;
}
#led-page h3 {
background-color: #FFA2A2;
color: #ffffff;
font-weight: bold;
}
#led-page h3:hover {
color: #FF2E2E;
}
#lum-page h3 {
background-color: #E3C774;
color: #ffffff;
font-weight: bold;
}
#lum-page h3:hover {
color: #D1A217;
}
#alim-page h3 {
background-color: #A2FF8B;
color: #ffffff;
font-weight: bold;
}
#alim-page h3:hover {
color: #46FF17;
}
p.retour { margin-left: 0px;}
p.retour a { color: #0000FF;text-decoration: underline;}
p.retour a:hover { text-decoration: none;}
#list-ency-page { margin-left: 40px;}
#list-ency-page li { list-style-type: decimal;}
#livrets { margin-left: 40px;}
#livrets li { list-style-type: none;}
#livrets li a { text-decoration: none;}
#livrets li a:hover { text-decoration: underline;}

#boost {position: absolute;top: -5px;left: 0px;font-size:8px;}
#boost li {display: inline;list-style-type: none;}
#boost li a {color: #333333;text-decoration: none;cursor:default;}
#boost li a:hover {color: #555555;text-decoration: underline;}

ul.ip { margin-left: 30px;}
ul.ip li { list-style-type: none;}

#perdu-page h3 {
background-color: #FFDEDE;
/**background-image: url(images/docubg.png);
background-position: left center;
background-repeat: repeat-x;**/
color: #ff0000;
border:1px solid #ff0000;
font-size: 14px;
font-weight: bold;
}

p.compteur { font-size:7px;color:#CCCCCC;}
#linkex { font-size:7px;padding:0px;margin:0px;}
#linkex a { font-size:7px;color:#CCCCCC;text-decoration:none;border:none;}
#linkex a:hover { color:#CCCCCC;text-decoration:underline;border:none;}

span.new { color:#ff0000;font-weight:bold;}