html
{
	font-size: 100%;
}

body
{
	font-size:0.8em;
}

a
{
	color:#000000;
}
a:visited
{
	color:#444444;
}
a:hover
{
	color:Red;
}

h1
{
	color:Black;
	font-family:Impact;
	/*font-size:2.0em;*/
	margin-top:10px;
	margin-left:15px;
	font-weight:lighter;
}

h2, h2 a, h2 a:visited, h2 a:hover
{
	/*color:#ee2c23;*/
	color:#777050;
	font-family:Arial,Impact;
	/*font-size:2.0em;*/
	margin-top:10px;
	margin-left:15px;
	text-decoration:none;
	font-weight:lighter;
}
h3
{
	margin-left:15px;
	text-decoration:none;
	font-weight:lighter;
}
b
{
	color:#ee2c23;
}

ul
{
	list-style-type:square;
}

ul#gallery_horizontal {margin-left:0px;}
ul#gallery_horizontal li { width:190px; display:inline; text-align:left; clear:none; float:none; border:0px none; margin-left:0px;} 
ul#gallery_horizontal li a:hover { position:absolute; display:inline; width:180px; } 
ul#gallery_horizontal li a img{ border:0px; } 
ul#gallery_horizontal li a:hover img{ position:relative; left:-50px; top:-50px; width:300px; border-color:#fff; border:2px;} 

table#gallery_horizontal td { width:200px; display:inline; text-align:left; clear:none; float:none; border:0px none; margin-left:0px;} 
table#gallery_horizontal td a:hover { position:absolute; display:inline; width:200px; cursor:auto; } 
table#gallery_horizontal td a img{ border:0px; width:190px; } 
table#gallery_horizontal td a:hover img{ position:relative; left:-100px; top:-200px; width:400px; border-color:#fff; border:2px;} 

table#gallerie_realisation { border-right:1px solid #54545C;width:653px; }
table#gallerie_realisation tr { width:653px; }
table#gallerie_realisation td { width:150px; display:inline; text-align:left; clear:none; float:none; border:0px none; margin-left:0px; }
table#gallerie_realisation td a:hover { position:absolute; display:inline; width:150px; cursor:auto; } 
table#gallerie_realisation td a img { border:0px; width:150px; } 
table#gallerie_realisation td a:hover img { position:relative; left:-100px; top:-50px; width:250px; border-color:#fff; border:2px;} 

#galerie_nav { width:525px; overflow:hidden; height: 80px; position:relative;}
table#galerie_realisation td { width:75px; display:inline; text-align:left; clear:none; float:none; border:0px none; margin-left:0px; }
table#galerie_realisation td a img { border:0px; width:75px; height:75px; } 

#image_galerie
{
	width:653px;
	height:500px;
	overflow:hidden;
	vertical-align: middle 
}
#display_image
{
	border:0px;
	max-width:652px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#header-list
{
	list-style-type:square;
}


#global
{
	width: 900px;
	margin-left: auto;
	margin-right: auto; /* -> 4 */
	background-image: URL(./images/menu/menubg.jpg);
	background-repeat:repeat-y;
}

@media print
{
#header{ display:none;}
#menu{display:none;}
#menu-footer{display:none;}
#global{width: 900px;}
#contenu
{
	float:right;
	background-color:White;
	width:654px;
	text-align:left;
	font-family:Arial;
	color:#black;
}
}

#header
{
	background-color:#0f0f0f;
	background-image:URL(./images/bannierebetondesign.gif);
	background-repeat:no-repeat;
	background-position:100px;
	width:900px;
	height:78px;
	maximum-height:78px;
	border:0px;
	margin-bottom:3px;
}
#header-logo1
{
	width:85px;
	float:left;
	padding-top: 4px;
	padding-left:3px;
}
#header-caption
{
	margin-left:400px;
	padding-top:16px;
	font-family:Arial;
	font-size:0.9em;
	color:White;
	text-align:left;
	height:52px;
}
#header-logo2
{
	width:65px;
	float:right;
	padding-right:3px;
	padding-top:4px;
}

#menu
{
	background-image: URL(./images/menu/menubg.jpg);
	background-repeat:repeat-y;
	width:241px;
	height: 100%;
	min-height: 564px;
	height:auto !important;
	height:564px;
	float: left;
	margin-right:3px;
}
#menu-item
{
	width:241px;
	height:33px;
	margin-top:2px;
	margin-left:1px;
	color:White;
	font-family:Arial;
	font-size:0.9em;
	text-align:left;
}
#menu-item a, #menu-item a:visited
{
	color:White;
	text-decoration:none;
	width:231px;
	display:block;
}
#menu-item a:hover
{
	margin-left:11px;
	background-image:URL(./images/menu/pucecopie.png);
	background-repeat:no-repeat;
	height:23px;
	background-position:8px -8px;
	width:220px;
	display:block;
}
#menu-image1
{
	background-image:URL(./images/menu/button1.gif);
	background-repeat:no-repeat;
	height:25px;
	width:233px;
	padding-left:5px;
	padding-top:8px;
}
#menu-image2
{
	background-image:URL(./images/menu/button2.gif);
	background-repeat:no-repeat;
	height:25px;
	width:233px;
	padding-left:5px;
	padding-top:8px;
}
#menu-image3
{
	background-image:URL(./images/menu/button3.gif);
	background-repeat:no-repeat;
	height:25px;
	width:233px;
	padding-left:5px;
	padding-top:8px;
}
#menu-image4
{
	background-image:URL(./images/menu/button4.gif);
	background-repeat:no-repeat;
	height:25px;
	width:233px;
	padding-left:5px;
	padding-top:8px;
}
#menu-image5
{
	background-image:URL(./images/menu/button5.gif);
	background-repeat:no-repeat;
	height:25px;
	width:233px;
	padding-left:5px;
	padding-top:8px;
}
#menu-image6
{
	background-image:URL(./images/menu/button6.gif);
	background-repeat:no-repeat;
	height:25px;
	width:233px;
	padding-left:5px;
	padding-top:8px;
}
#sub-menu
{
	width:241px;
	color:White;
	font-family:Arial;
	font-size:1.0em;
	text-align:left;
	padding-top:8px;
}
#sub-menu ul
{
	list-style-type:none;
	line-height:30px;
	text-align:left;
}
#sub-menu a, #sub-menu a:visited
{
	color:White;
}
#sub-menu a:hover
{
	color:#ee2c23;
}

/*  Highlights the current page in the menu*/
body#produits a#prodnav,
body#epoxyde a#prodnav,
body#acrylique a#prodnav,
body#joints a#prodnav,
body#armoires a#prodnav,
body#realisations a#realisationsnav,
body#realisation2 a#realisationsnav,
body#realisation3 a#realisationsnav,
body#qui a#quinav,
body#faq a#faqnav,
body#contact a#connav, 
body#partenaires menu#menu-item#menu-image6#a#partenairesnav
{
	color: White;
	font-weight:bold;
	font-size:1.2em;
	margin-left:11px;
	/*background-image:URL(./images/menu/pucecopie.png);
	background-repeat:no-repeat;
	background-position:8px -8px;*/
	height:23px;
	width:220px;
	display:block;
}
body#epoxyde a#epoxydenav,
body#acrylique a#acryliquenav,
body#joints a#jointsnav,
body#armoires a#armoiresnav
{
	color:red;
	font-weight:bold;
}
.copyright
{
	position:relative;
	top:0px;
	text-align:left;
	font-family:Arial;
	font-size:0.8em;
	color:white;
}

#menu-footer
{
	background-color:#0f0f0f;
	width:241px;
	height:55px;
	float:left;
	margin-top:3px;
	text-align:left;
	font-family:Arial;
	font-size:0.8em;
	font-weight:bold;
	color:White;
}
#menu-footer-caption
{
	float:left;
	padding:15px 3px 3px 5px;
}
#menu-footer-img
{
	float:right;
	padding:3px 3px 3px 3px;
}

#contenu
{
	float:right;
	background-color:White;
	width:654px;
	min-height:564px;
	height:auto !important;
	height:564px;
	background-image:URL(./images/tuiles.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align:left;
	font-family:Arial;
	color:#444444;/*#5a5443;*/
}
#image_debut_page
{
	float: right;
}
#image_debut_page2
{
	float:right;
	position:relative;
	top:50px;
}

#contenu_accueilgauche
{
	width:274px;
	height:250px;
	padding-left:35px;
	padding-top:25px;
	padding-right:35px;
	float:left;
}
#contenu_accueildroite
{
	height:250px;
	float:right;
	padding-top:25px;
	padding-right:35px;
}
#contenu_date
{
	font-weight:bold;
}
#contenu_text
{
	padding-left:17px;
}

#slide_show
{
	float:right;
	width:654px;
	min-height:354px;/*564px;*/
	margin-bottom: 3px;
}

/*- Menu Tabs (realisations)--------------------------- */ 	

#tabs {
	float:left;
	width:100%;
	/*background:#E7E5E2;*/
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #54545C;
}
#tabs ul {
  margin:0;
  padding:10px 10px 0 50px;
  list-style:none;
}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs a {
	float:left;
	background:url(./images/menu/tableft.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs a span {
	float:left;
	display:block;
	background:url(./images/menu/tabright.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
	color:#FFF;
  	background-position:100% -42px;
}
#tabs a:hover {
	background-position:0% -42px;
}
#tabs a:hover span {
	background-position:100% -42px;
}

body#realisations span#real1,
body#realisation2 span#real2,
body#realisation3 span#real3
{
	background-position:100% -42px;
}
body#realisations a#real1,
body#realisation2 a#real2,
body#realisation3 a#real3
{
	background-position:0% -42px;
}