a:link {
	color: #FF9900;
	text-decoration: none;
	font-weight: normal;
}
a:visited {
	color: #FF9900;
	text-decoration: none;
}

a:hover {
	color: #FF9900; 
	text-decoration: underline;
}

a:active {
	color: #FF9900;
	text-decoration: none;
}

div#myGallery
{
width: 900px !important;
height: 400px !important;
}

div#microATX a:hover, div#miniITX a:hover, div#accessories a:hover{ 
	text-decoration: none;
}
p {
	text-align:left;
}

p#footer {
	text-align:center;
}
p#footer img {
	border:0px;
}

h1 {
	text-align:center;
	color:#000000;
}
h2 {
	text-align:left;
	font-size: 19px;
	color: #666666;
	height: auto;
	border: 0px;
	margin-left: 10px;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
}

div {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
}

img.img {
	border: 0px;
}

div#page, div#page_main, div#page_quality, div#page_design, div#page_fonctionnality, div#page_spec, div#page_accessories, div#page_galery {
	width:900px;
	margin: 10px auto 0 auto;
}


/* Page Index.php */
div#annonce{
	width:900px;
	height:35px;
	text-align: left;	
	font-size: 19px;
	color: #666666;
	padding: 10px 0px 0px 0px;
 	margin: 0px auto 0px auto;
	border-bottom: solid #666666 1px;
	background-color: #FFFFCC ;
}
div#contenu {
	width:900px;
	height:400px;
	margin: 10px auto 0px auto;
	text-align: left;
	}

div#produits {
	text-align: left;
	float:left;
	width:500px;
	height:240px;
}
div#produits  li, div#produits  a{
	font-size : 11px;
	font-weight : bold
}
div#news {
	text-align: left;
	float:right;
	width:394px;
	height:234px;
	border-left:solid #000000 0px;
	padding : 2px 2px 4px 2px;
}
/* ------------------------ */

/* Page products.php */	

div#acces_contexte {
	width:200px;
	height:286px;
	text-align: left;
	float: right;
	color:#666666;
}
.link_hide {
	display:none;
}
.link {
	position: absolute;
	top: 0;
	left: 0;
	width: 276px;
	height: 308px;
	text-align: left;
	border: 1px solid white;
	color:#666666;
}
.link:hover {
	border: 1px solid #FF9900;		
	text-decoration: none;
	color:#666666;
}
.link:link,  .link:active, .link:visited{
	text-decoration: none;
	color:#666666;
}

div#microATX, div#miniITX, div#other{
	text-align: left;
	float:left;
	position: relative;
	width:278px;
	height:320px;
	border: solid white 1px;
	margin: 20px 10px 20px 10px;
	padding-right:0px;
	cursor: pointer;
}

div#accessories {
	text-align: left;
	clear:both;
	position: relative;
	width:898px;
	height:338px;
	border: solid white 1px;
	padding: 0px 0px 20px 0px;
	cursor: pointer;
}

div.coming_soon{
	width:276px;
	height:35px;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	color: #FF9900;
	padding-top: 5px;
 	margin: 50px auto 0 auto;
	border-top: solid #666666 1px;
	border-bottom: solid #666666 1px;
	background-color: #FFFFCC ;
}



.link2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 898px;
	height: 338px;
	/*text-indent: 200px;*/
	border: 1px solid white;
}
.link2:hover {
	border: 1px solid #FF9900;			
}

div#products{
	text-decoration: none;
}

div.titre_products {
	text-align: left;
	font-size: 19px;
	color: #666666;
	height: auto;
	border-top: solid #666666 1px;
	border-bottom: solid #666666 1px;
	margin-left: 1px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
	background-color: #FFFFCC;
}

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

/* Page microATX.php */



/* En commun avec toutes les pages */
#haut{
	width:900px;
	height:90px;
	margin: 10px auto 0px auto;
	border-bottom: solid #666666 1px;
	text-align: left
}
#haut #menu {
	width:900px;
	height: 50px;
}

#haut #menu_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
#haut #menu_text img{
	margin-left:0px;
	border:0px;
	text-decoration:none;
	vertical-align: middle
}
#haut #menu_img {
	margin-left: 0px;
	border: 0px;
	text-decoration: none;
	vertical-align: middle
}

div#piedpage {
	border-top:solid #000000 1px;
	width:900px;
	height:50px;
	clear:both;
	padding-top: 10px;
	margin: 0px auto 0px auto;
}

div.menu {
}

div.footer {
	font-size: 10px;
	color: #999999;
}
div.titre {
	text-align: left;
	font-size: 19px;
	color: #666666;
	height: auto;
	border: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}
div.titre_news {
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	color:#000000;
}
div.news {
	text-align: left;
	margin: 5px auto 10px auto;
}
div.slogan {
	text-align: left;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	margin-bottom: 20px;
	color:#000000;
}
.image {float: left; margin: 0px 6px 6px 0px;}

/* Tableau menu du haut */
td,th {
	font-family: Arial, Helvetica, sans-serif;
}
.input_box1 {
	font-size: 9px;
	color: #FF9900;
	height: auto;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	vertical-align:top;
}

/* ---------------------------------------------------------------------------*/
/* Product CSS */
/* ---------------------------------------------------------------------------- */
/* Page microATX.php */
ul#tabnav { 
color: #FF9900;
text-align: left;
margin: 10 0 10 0;
font: 19px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #000000; 
list-style-type: none;
padding: 3px 10px 3px 15px;
}

ul#tabnav li {
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 {
border-bottom: 1px solid #fff; 
background-color: #fff;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
background-color: #fff;
color: #FF9900;
position: relative;
top: 1px;
padding-top: 4px;
}

ul#tabnav li a {
padding: 3px 4px;
border: 1px solid #000000; 
background-color: #FFFFCC;
color: #FF9900;
margin-right: 0px; 
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { 
background: #fff;
}

/* Sous menu Produits */
ul#tabnav2 {
margin-bottom:30px;
}
ul#tabnav2 li {
display: inline;
}
ul#tabnav2 li a {
font-size:12px;
background-color: #FFFFCC;
padding: 3px 4px;
border: 1px solid #000000; 
color: #FF9900;
text-decoration: none;
}
ul#tabnav2 a:hover { 
background: #fff;
}
div#page_main li.main a, div#page_quality li.quality a, div#page_design li.design a, div#page_fonctionnality li.fonctionnality a, div#page_spec li.spec a, div#page_accessories li.accessories a, div#page_galery li.galery a{
background-color: #fff;
color: #FF9900;
position: relative;
top: 1px;
padding-top: 4px;
}

/* Menu gallerie */
ul#tabnav3 {
margin-bottom:30px;
}
ul#tabnav3 li {
display: inline;
}
ul#tabnav3 li a {
font-size:12px;
background-color: #FFFFCC;
padding: 3px 4px;
border: 1px solid #000000; 
color: #FF9900;
text-decoration: none;
}
ul#tabnav3 a:hover { 
background: #fff;
}
div#page1 li.1 a, div#page2 li.2 a, div#page3 li.3 a, div#page4 li.4 a, div#page5 li.5 a, div#page6 li.6 a, div#page7 li.7 a{
background-color: #fff;
color: #FF9900;
position: relative;
top: 1px;
padding-top: 4px;
}
div#page1 li.1, div#page2 li.2, div#page3 li.3, div#page4 li.4, div#page5 li.5, div#page6 li.6, div#page7 li.7{
border-bottom: 1px solid #fff; 
background-color: #fff;
}


/* Page microATX_spec_dabox.php */
table#tab_right{
	float: right;
	width:350px;
	text-align: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
table#tab_right td{
	height:25px;
}
table#tab_left{
	float: left;	
	width:500px;
	text-align: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

table#tab_left th, table#tab_right th{
	font-size: 14px;
	background-color:#666666;
	height:25px;
	padding: 0 0 0 5;
	color:#FFF;
	font-weight:bold;
}

table#tab_left tr.d0 td, table#tab_right tr.d0 td{
	padding: 0 0 0 5;
	background-color:white;
	color:#000000;
	height:25px;
}
table#tab_left tr.d1 td, table#tab_right tr.d1 td{
	padding: 0 0 0 5;
	background-color:#CCCCCC;
	color:#000000;
	height:25px;
}

/* Gallerie */

a:hover{color:#67a;}
.caption{font-style:italic;color:#887;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{width:702px;margin:0 auto;}
.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:white;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{margin:0 auto 60px auto;height:600px;width:900px;background:white;}
#main_image img{margin-bottom:10px;}

.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;text-align:center;}

.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}