html { 
  font-size: 100%;
  color:#333333;
  /*background-color:#222777;*/
	background: #000000 ;*/
  width:1000px;
}
body {
  	background-color:#fff;
  width:1000px;
  margin: 0 auto;
  margin-top:0px;
  padding: 0px 0 0 0; 
	font-family:verdana,arial;
	font-size: 12px;
	color: #CCCCCC;
}
#page {
	/*margin-top:225px;*/
	color:#333;
}
#page h2{
	font-size: 14px;
	color:#666666;
	text-shadow: none;
	margin-right:50px;
	text-align:left;
	line-height:28px;
	text-decoration:none;
}
#page p{
	font-size: 12px;
	color:#333;
	text-shadow: none;
	margin-right:50px;
	text-align:left;
	line-height:24px;
	text-decoration:none;
}
#description li{
	line-height:22px;
	margin-left:inherit;
	margin-left:70px;
}
#contact {
 background-image:url(../design/fond_page_uni.jpg);
 background-position:top center;
 background-repeat:no-repeat;
 height:600px;
}
#fond_menu {
	/*background:url(../design/bg_menu.jpg);
	background-repeat:repeat-y;
	background-position:-3px;
	*/
}
#menu {
	margin-top:-4px;
	color:#000066;
	font-size:12px;
	line-height:22px;
	min-height:900px;
	/*background: #BBB9BA url("../design/bg_menu.jpg")  center top repeat-y;*/
/*	background-image:url(../design/bg_menu.jpg);*/
	text-align:center;
	/*
	background: -moz-linear-gradient(left,  #BBB9BA 0%, #f8f8f8 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#BBB9BA), color-stop(100%,#f8f8f8));
	background: -webkit-linear-gradient(left,  #BBB9BA 0%,#f8f8f8 100%);
	background: -o-linear-gradient(left,  #BBB9BA 0%,#f8f8f8 100%);
	background: -ms-linear-gradient(left,  #BBB9BA 0%,#f8f8f8 100%); 
	background: linear-gradient(left,  #BBB9BA 0%,#f8f8f8 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cac7c7', endColorstr='#ffffff',GradientType=1 );
	*/
	margin-left: -3px;
}
#menu_famille {
	text-align:left;
	margin-left:10px;
}
#menu a{
	font-size:12px;
	font-weight:700;
	font-style:normal;
	line-height:16px;
	text-align:center;
	vertical-align:baseline;
	direction:ltr;
	color:#993333;
	text-decoration:none;
}
#menu a:hover{
	text-decoration:underline;
}
#menu hr{
width:80%;
color:#993300;
background-color:#000066;
height:2px;
}
#menu_famille {
	text-align:left;
	margin-left:10px;
}
#menu_famille a{
	line-height:24px;
	font-size:12px;
	font-weight:400;
	margin-left:20px;
}
#menu_famille li{
	background-image:url("../design/arrow.gif");
	background-repeat:no-repeat;
	background-position:0 50%;
	list-style-image:none;
	list-style-type:none;
	margin-left:inherit;
}

ul{
	margin:0;
	padding:0;
}

h1 {
	/*font-family:Times New Roman;*/
	font-size: 28px;
	text-shadow: 4px 4px 4px #aaa;
	color:#eee;
	letter-spacing:2px;
	behavior: url(script/PIE.htc);
 } 
h2 {
	font-size: 18px;
	color:#fff;
	text-shadow: 4px 4px 4px #aaa;
	margin-right:50px;
	text-align:right;
	behavior: url(script/PIE.htc);
 } 
h3 { 
  font-size: 12px;
  color:#FF9933; 
}
 
h4 { 
  font-size: 10px; 
  color: ;} 
p { 
  font-size: 14px; 
  color: ;} 
li {
	font-size: 12px;
	color: #333333;
} 
a { 
  font-size: 16px; 
  color: ;} 
a:hover { 
  color: #bf37bf;}
tr {
	vertical-align:top;
}
div {
	/*background-color: #000000;*/
	background:none;

	width="100%"; 
	border=0;
	/*border:2px solid #ffffff;*/
	margin: 0px;
	/*
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	behavior: url(script/PIE.htc);
	*/
	} 
#entete img {
	height:160px;
	border:0;
}
#entete h1 { 
  font-size: 16px; 
  color: #950401; font-weight:bold; font-style: italic; text-decoration: underline;} 
#entete h2 { 
  font-size: 12px; 
  color: #1e09ba; font-weight:bold; text-decoration: underline;} 
#entete h3 { 
  font-size: 9px; 
  color: ;} 
#entete h4 { 
  font-size: 9px; 
  color: ;} 
#entete p { 
  font-size: 9px; 
  color: ;} 
#entete li { 
  font-size: 9px; 
  color: ;} 
#entete a { 
  font-size: 9px; 
  color: #1ea312;} 
#entete a:hover { 
  color: #1ea312;} 
#entete { 
			background: #000000 url("../design/banniere_ppgo.jpg")  center top no-repeat;*/
			width:1000px;
			height:225px;
            position: relative;
            left: 0px;
            top: 0px;
			text-align: left; 
			padding: 0px 0;
} 
#produits h1 {
	font-family:Times New Roman;
	text-transform: uppercase;
	font-size: 18px;
	color: #464646;
	font-weight:bold;
	font-style: italic;
	text-align: center;
	background-image: url(../design/fond_titre_rivets.jpg);
	background-repeat: no-repeat;
} 
#produits h2 {
	font-family:Times New Roman;
	font-size: 24px;
	color: #FF6633;
	font-style: italic;
} 
#produits h3 { 
  font-family:Times New Roman;
  font-size: 12px; 
  color: #990000;
  font-variant:normal;} 
#produits h4 { 
  font-family:Times New Roman;
  font-size: 10px; 
  color: #872687; font-style: italic;} 
#produits p {
	text-indent:15px; 
  font-family:Times New Roman;
  font-size: 14px; 
  color: #991799; 
  font-style: italic;
  margin:5px;
  } 
#produits li { 
  font-family:Times New Roman;
  font-size: 12px; 
  color: #db1cdb; font-weight:bold;} 
#produits a { 
  font-family:Times New Roman;
  font-size: 12px; 
  color: #d417d4; font-style: italic;} 
#produits a:hover { 
  color: #eb0c65; font-weight:bold; font-style: italic;} 
#jdia div { 
  	background: #ffffff;
	margin-left:10px;
	border:0px;
	margin:0px;} 
#produits {
	/*min-height:800px;*/
	position: relative;
	top: 0px;
	margin-left:10px;
	width: 95%;
	text-align: left;
	padding: 0px 0;
	background: #ffffff;
	border: 3px solid #ffffff;
	font-size: 14px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#fcffff));
	background: -webkit-linear-gradient(#ffffff, #fcffff);
	background: -moz-linear-gradient(#ffffff, #fcffff);
	background: -ms-linear-gradient(#ffffff, #fcffff);
	background: -o-linear-gradient(#ffffff, #fcffff);
	background: linear-gradient(#ffffff, #fcffff);
	-pie-background: linear-gradient(#ffffff, #fcffff);
	behavior: url(script/PIE.htc);
 }
#boite {
	width:auto;
	border: 2px solid #ddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(script/PIE.htc);
	margin:5px;
	min-height: 210px;
}
#boite h2{
	font-size: 12px;
	color:#f00;
	text-shadow: none;
	margin-right:0px;
	text-align:left;
	line-height:24px;
	text-decoration:underline;
}
#boite p{
	font-size:10px;
	color:#333;
	text-shadow: none;
	margin-right:50px;
	text-align:left;
	line-height:18px;
	text-decoration:none;
}

 #txt_page {
	/*position: relative;
	 position:inherit;
			position:fixed;*/
			/*position:absolute;
			position:static*/
	left: 10px;
	z-index:999;
	color:#333;
	top: 0px;
	width: 477px;
	text-align: left;
	padding: 0px 0;
	/*
	border: 1px solid #e1e1e1;
	font-size: 14px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	*/
	background: none;
	behavior: url(script/PIE.htc);
/*	*/
}
#txt_page p {
color:#333;
margin-left:10px;
margin-right:10px;
text-align:justify;
font-size:12px;
line-height:24px;
font-family:verdana;

}
#txt_page strong {
color:#fff;
font-size:14px;
}

#txt_page li {
color:#eee;
margin-left:30px;
font-size:14px;
font-family:verdana;

}
 #txt_page_index {
	background-color: #ffffff;
	/*position: relative;*/
			position:fixed;
	left: 10px;
	z-index:9999;
	top: 10px;
	width: 780px;
	text-align: left;
	padding: 0px 0;
	background: #ffffff;
	border: 1px solid #464646;
	font-size: 14px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#fcffff));
	background: -webkit-linear-gradient(#ffffff, #fcffff);
	background: -moz-linear-gradient(#ffffff, #fcffff);
	background: -ms-linear-gradient(#ffffff, #fcffff);
	background: -o-linear-gradient(#ffffff, #fcffff);
	background: linear-gradient(#ffffff, #fcffff);
	-pie-background: linear-gradient(#ffffff, #fcffff);
	behavior: url(script/PIE.htc);
} 

#txt_page_index p {
color:#006666;
margin-left:10px;
font-size:14px;
font-family:verdana;

}

#zoom { 
			position:fixed;
			border:0;
            left: 50px;
            top: 15px;
			width:400px;
			background:#fff;
			-webkit-box-shadow: #666 0px 2px 3px;
			-moz-box-shadow: #666 0px 2px 3px;
			text-align: center; 
			padding: 0px 0;
} 
#zoom p {
	font-size:16px;
	color:#999999;
	text-align:left;
	font-weight:bold;
} 

a.infobulle em {display:none;}

a.infobulle:hover { border: 0;position: relative;z-index: 500;text-decoration:none;}

a.infobulle:hover em { font-style: normal;display: block;position: absolute;top: 20px;left: -10px;padding: 5px;color: #000;border: 1px solid #bbb;background: #ffc;width:170px;} 

 #liste_vdo {
	position: relative;
	min-height:300px;
	left: 0px;
	z-index:999;
	color:#009966;
	top: 10px;
	width: 200px;
	text-align: left;
	padding: 0px 0;
	border: 2px solid #e1e1df;
	font-size: 14px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	/*
	background: #000000;
	*/
	/*
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#fcffff));
	background: -webkit-linear-gradient(#ffffff, #fcffff);
	background: -moz-linear-gradient(#ffffff, #fcffff);
	background: -ms-linear-gradient(#ffffff, #fcffff);
	background: -o-linear-gradient(#ffffff, #fcffff);
	background: linear-gradient(#ffffff, #fcffff);
	-pie-background: linear-gradient(#ffffff, #fcffff);
	*/
	behavior: url(script/PIE.htc);
	height: 600px;
}
 #liste_vdo_2 {
	position: relative;
	min-height:300px;
	left: 5px;
	margin-left:
	z-index:99;
	color:#009966;
	top: -10px;
	width: 200px;
	text-align: left;
	padding: 0px 0;
	border: 2px solid #e1e1df;
	font-size: 14px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: #666 2px 0px 1px;
	-moz-box-shadow: #666 2px 0px 1px;
	box-shadow: #666 2px 0px 1px;
	/*background:#000;*/
	behavior: url(script/PIE.htc);
	height: 600px;
	overflow: scroll;
}
#liste_vdo_2 h3 {
	font-family: 'Montaga';
	color:#00CCFF;
	text-align:center;
	font-size:18px;
	/* margin-left:5px;
	text-shadow:none;*/
	letter-spacing:4px;
	text-shadow: 4px 4px 4px #66FFFF;
}
#liste_vdo_2 h1 {
	color:#fff;
	font-size:14px;
	margin-left:5px;
	text-shadow:none;
	letter-spacing:0px;
	font-family: 'Kaushan Script';
}
#liste_vdo_2 a {
	text-decoration:none;
	text-shadow:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#liste_vdo_2 img {
	margin-left:5px;
	width:173px;
	border:0px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/*behavior: url(script/PIE.htc);*/
	z-index:9999;
}
liste_vdo_2 table {
background:none;
}

/* ******************************* */
 #txt_page2 {
	 position: relative;
	/* position:inherit;
			position:fixed;*/
			/*position:absolute;
			position:static*/
	left: 200px;
 	z-index:999;
	color:#ccc;
	top: 0px;
	width: 647px;
	text-align: right;
	padding: 0px 0;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	/*
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	*/
	-webkit-box-shadow: #666 -2px -2px 2px;
	-moz-box-shadow: #666 -2px -2px 2px;
	box-shadow: #666 -2px -2px 2px;
	background: #000000;
/*	behavior: url(script/PIE.htc);
	*/
}
#txt_page2 p {
color:#ccc;
margin-left:10px;
margin-right:10px;
text-align:justify;
font-size:12px;
font-family:verdana;

}

#txt_page2 li {
color:#ccc;
margin-left:20px;
margin-right:20px;
text-align:justify;
font-size:12px;
font-family:verdana;

}

#txt_page2 strong {
color:#fff;
font-size:14px;
}
#footer{
	width:100%;
	background:#000000;
}
#footer a{
	margin-left:15px;
	font-size:10px;
	color:#CCCCCC;
	text-align:center;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:none;
}
#description {
font-size:10px;
line-height:15px;
}
#description p{
font-size:10px;
line-height:15px;
}
#description a{
font-size:10px;
line-height:15px;
color:#333333;
text-decoration:none;
}
#description h2{
font-size:12px;
line-height:15px;
color:#333333;
text-decoration:underline;
}