/*------------------------------------*/

/* CSS Document   c'est pas cher.com  */

/* Bakeroot bertrand - Precepting 2008*/

/*------------------------------------*/

BODY {FONT-SIZE:14px;FONT-WEIGHT:normal;color:teal;FONT-FAMILY:Times,Arial,Tahoma,"Comic Sans MS";} 






TD {FONT-SIZE:14px;FONT-WEIGHT:normal;color:teal;FONT-FAMILY:Times,Arial,Tahoma,"Comic Sans MS";} 






A:LINK, A:ACTIVE, A:VISITED {FONT-SIZE:14px;font-weight:normal;color:black;FONT-FAMILY:Times;text-decoration:none;} 






A:HOVER {FONT-SIZE:14px;font-weight:normal;color:#AB339D;FONT-FAMILY:Times;text-decoration:underline;} 








td.GBlienCPC {color:#222222;font-family:Times;font-weight:normal;font-size:14px;text-align:center;background-color:#FFFFFF;} 


.GBlienCPC {color:#222222;font-weight:normal;font-family:Times;font-size:14px;} 


.GBlienCPC a:link {color:black;font-weight:normal;font-family:Times;font-size:14px;text-decoration:none;} 


.GBlienCPC a:visited {color:black;font-weight:normal;font-family:Times;font-size:14px;text-decoration:none;} 


.GBlienCPC a:active {color:black;font-weight:normal;font-family:Times;font-size:14px;text-decoration:none;} 


.GBlienCPC a:hover {color:#AB339D;font-weight:normal;font-family:Times;font-size:14px;text-decoration:underline;} 



td.GBlienfinCPC {color:navy;font-weight:normal;font-family:Times;font-size:13px;text-align:center;} 


.GBlienfinCPC {color:navy;font-weight:normal;font-family:Times;font-size:13px;text-align:center;} 


.GBlienfinCPC a:link {color:black;font-weight:normal;font-family:Times;font-size:13px;text-align:center;} 


.GBlienfinCPC a:visited {color:black;font-weight:normal;font-family:Times;font-size:13px;text-align:center;} 


.GBlienfinCPC a:active {color:black;font-weight:normal;font-family:Times;font-size:13px;text-align:center;} 


.GBlienfinCPC a:hover {color:#AB339D;font-weight:normal;font-family:Times;font-size:13px;text-align:center;} 



td.GBlienfinCPCbis {color:#222222;font-weight:normal;font-family:Arial;font-size:13px;text-align:center;background-color:#F0F0F0;} 


.GBlienfinCPCbis {color:#222222;font-weight:normal;font-family:Arial;font-size:13px;text-align:center;background-color:#F0F0F0;} 


.GBlienfinCPCbis a:link {color:black;font-weight:normal;font-family:Arial;font-size:13px;text-align:center;background-color:#F0F0F0;} 


.GBlienfinCPCbis a:visited {color:black;font-weight:normal;font-family:Arial;font-size:13px;text-align:center;background-color:#F0F0F0;} 


.GBlienfinCPCbis a:active {color:black;font-weight:normal;font-family:Arial;font-size:13px;text-align:center;background-color:#F0F0F0;} 


.GBlienfinCPCbis a:hover {color:#AB339D;font-weight:normal;font-family:Arial;font-size:13px;text-align:center;background-color:#F0F0F0;} 





.BOXLinksB a:link {color:black;font-weight:bold;font-family:Times;font-size:12px;text-align:center;text-decoration:none;} 



.BOXLinksB a:visited {color:black;font-weight:bold;font-family:Times;font-size:12px;text-align:center;text-decoration:none;} 


.BOXLinksB a:active {color:black;font-weight:bold;font-family:Times;font-size:12px;text-align:center;text-decoration:none;} 


.BOXLinksB a:hover {color:#AB339D;font-weight:normal;font-family:Times;font-size:12px;text-align:center;text-decoration:none;} 




.vieuxBOXLinksB:a {color:black;font-weight:normal;font-family:Arial;font-size:14px;text-decoration:none;text-align:center;} 



.vieuxBOXLinksB:link {color:black;font-weight:normal;font-family:Arial;font-size:14px;text-decoration:none;} 



.vieuxBOXLinksB:visited {color:black;font-weight:normal;font-family:Arial;font-size:14px;text-decoration:none;} 


.vieuxBOXLinksB:active {color:black;font-weight:normal;font-family:Arial;font-size:14px;text-decoration:none;} 


.vieuxBOXLinksB:hover {color:white;font-weight:normal;font-family:Arial;FONT-SIZE:14px;text-decoration:underline;} 






.BOXLinksA:a {color:black;font-weight:normal;font-family:Times;font-size:14px;text-decoration:none;text-align:left;} 



.BOXLinksA:link {color:black;font-weight:normal;font-family:Times;font-size:14px;text-decoration:none;} 



.BOXLinksA:visited {color:black;font-weight:normal;font-family:Times;font-size:14px;text-decoration:none;} 


.BOXLinksA:active {color:black;font-weight:normal;font-family:Times;font-size:14px;text-decoration:none;} 


.BOXLinksA:hover {color:#AB339D;font-weight:normal;font-family:Times;font-size:14px;text-decoration:underline;} 




/* {padding: 0; margin: 0; border: 0;} */

html{width: 100%; height: 100%}

xxxbody{height: 100%; margin-left: auto; margin-right: auto; width: 900px;}

body{height: 100%; margin-left: auto; margin-right: auto; width: 100%;}



ul{float: center;}

#sbi{border: 1px solid;}



/* on positionne les blocs */

#page{ width: 900px;}

#XXXmain-top{height: 125px;}

#XXXmain-title{height: 75px;}

#left-middle-title1{width: 150px;}

#center-middle-title1{width: 150px;}

#center-middle-title2{width: 150px;}

#center-middle-title3{width: 150px;}

#right-middle-title5{width: 150px;}



#display{top: 0px;}

xxxiframe{border: 0px solid; width: 730px; height: 420px;}

iframe{border: 5px solid silver; width: 100%; height: 100%; float: middle; display: block;"}



/* style des liste de liens dans le display principal */

#display_content{width: 730px;}

fieldset{border: solid 2px; width: 730px;}



dl {

  width: 300px;

  float: left;

}



#ordinateurs, #impr, #composants, #consom, #partners {border-left-style: solid;}

#pcportable, #periph, #logiciels,  #livres, #vide1 {border-right-style: solid;}

#partners, #vide1 {border-bottom-style: solid;}



h2{clear: both;}







<!--( http://forum.alsacreations.com/topic-4-34514-1.html )--> 

<!--( http://forum.hardware.fr/hfr/Programmation/HTML-CSS-Javascript/modifier-hauteur-balise-sujet_113305_1.htm )--> 

dl, dt, dd, ul, li { 

margin: 0; 

padding: 0; 

list-style-type: none; 

} 



#menu-left-nav {width: 160px; text-align: left;}

#menu-right-nav {width: 160px; text-align: center;}



#menu-left-nav { 

position: relative; 

top: 0; 

left: 0; 

z-index:56; 

width: 100%; 

} 



#menu-right-nav { 

position: relative; 

top: 0; 

left: 0; 

z-index:57; 

width: 100%; 

} 



#menu-left-nav dl { 

width: 9.9em; 

margin: 0 1px; 

float: center;

} 



#menu-right-nav dl { 

width: 8.5em; 

margin: 0 1px; 

float: center;

} 



#menu-left-nav dt { 

cursor: pointer; 

margin: 2px 0; 

height: 20px;

line-height: 20px;

text-align: left;

font-weight: bold;

border: 1px solid silver;

background: #F5F5F5;

} 



#menu-right-nav dt { 

cursor: pointer; 

margin: 2px 0; 

height: 16px;

line-height: 16px;

text-align: left;

font-weight: bold;

border: 1px solid silver;

background: #F5F5F5;

} 



#menu-left-nav dd { 

border: 1px solid gray; 

} 



#menu-right-nav dd { 

border: 1px solid gray; 

} 



#menu-left-nav li { 

text-align: center; 

background: #fff; 

} 



#menu-right-nav li { 

text-align: center; 

background: #fff; 

} 



#menu-left-nav li a, #menu-left-nav dt a { 

color: #000; 

text-decoration: none; 

display: block; 

height: 100%; 

border: 0 none; 

} 



#menu-right-nav li a, #menu-right-nav dt a { 

color: #000; 

text-decoration: none; 

display: block; 

height: 100%; 

border: 0 none; 

} 



#menu-left-nav li a:hover, #menu-left-nav dt a:hover { 

background-color:#38B1EF;color:white;font-weight:normal;font-family:Times;font-size:14px;text-decoration:none; 

} 



#menu-right-nav li a:hover, #menu-right-nav dt a:hover { 

background-color:#38B1EF;color:white;font-weight:normal;font-family:Times;font-size:14px;text-align:center;text-decoration:none;

}