hmtl {
	margin:0;
	padding:0;
	
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-image:url(image/bg.png);
	background-color:gray;
}

p, ul, li, a, div, { margin:0; padding:0; overflow:hidden;
}

div.global {
	position:relative;
	margin-left: auto;
    margin-right: auto;
	width:800px;
	height:856px;
	border:#246494;
	border-width:1px;
	border-style:solid;
}

div.header {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:86px;
	background-image:url(image/header.gif);
}

div.fond-nav {
	position:absolute;
	left:0px;
	top:86px;
	width:800px;
	height:50px;
	background-image:url(image/fond-nav.gif);
}

div.societe { position:relative; left:0px; top:0px; width:85px; height:40px; float:left; padding-left:16px;
}

div.produits{ position:relative; left:0px; top:0px; width:89px; height:40px; float:left;
}

div.creation { position:relative; left:0px; top:0px; width:142px; height:40px; float:left;
}

div.philosophie { position:relative; left:0px; top:0px; width:105px; height:40px; float:left;
}

div.references { position:relative; left:0px; top:0px; width:109px; height:40px; float:left;
}

div.contacts { position:relative; left:0px; top:0px; width:93px; height:40px; float:left;
}

div.telechargements { position:relative; left:0px; top:0px; width:145px; height:40px; float:left;
}


div.ligne-titre {
	position:absolute;
	left:0px;
	top:136px;
	width:800px;
	height:35px;
	background-image:url(image/bg-ligne-titre.gif);
	background-repeat:repeat-x;
	z-index:1500;
}
div.ligne-titre div {
	float:left;
}

div.gauche {
	position:absolute;
	left:0px;
	top:170px;
	width:190px;
	height:644px;
	background-image:url(image/gauche.gif);
}

.gauche p {
margin-top:12px; font-size:10px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF; padding-right:16px; padding-left:16px; padding-top:6px;
}

.gauche h1 {padding:9px 16px 0px 16px; margin:0; font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.gauche h1 { font-size:12px; color:#FFFFFF; padding-top:16px; margin-bottom:-10px;
}

.gauche a { 
	color:#FFFFFF; text-decoration:none;}
	
.gauche a:hover { color:#FF0000; text-decoration:none;}

a.vert{ 
	color:#00C000; text-decoration:underline;}
	
a:hover.vert  { color:#FF0000; text-decoration:underline;}

.gauche img { border:none;}

#preamb  { height:260px;
}
#preamb2 { height:375px;
}

.gauche h3 { overflow:hidden; z-index:1; border-top:1px solid #0082C0;  padding:8px 16px 7px 16px; margin:0; font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF;
}
p.ppgauche {  border-top:1px solid #0082C0; padding-top:16px; margin-top:0px;
}

p.adresse { font-size:11px; position:relative; text-align:right; border-top:1px solid #0082C0; margin-bottom:9px; margin-top:0px;
}

div.droit {
	position:absolute;
	left:190px;
	top:170px;
	width:610px;
	height:644px;			/*height:644px;  */
	background-image:url(image/droit-bg.gif);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
}

div.droit-edit {
	position:relative;
	left:0px;
	top:0px;
	width:369px;
	height:340px; 
	float:left;
}

div.droit-news {
	position:relative;	
	left:0px;
	top:0px;
	width:240px;
	height:340px;
	float:left;	
}

div.droit img {
	 margin:17px 17px 9px 17px; float:left; border:0;
}

div.droit nofloat { float:none; padding-top:0px; margin-top:0px;
}

div.droit h2 { color:#0000C0; font-weight:900; font-size:11px; padding-top:17px; padding-right:16px; padding-left:16px; padding-bottom:0px; margin-bottom:-5px; margin-top:0px;
}

div.droit h4 { font-weight:900; font-size:10px; color:#0000C0; font-weight:900; padding-top:17px; padding-right:16px; padding-left:16px; padding-bottom:0px; margin-bottom:-5px; margin-top:0px;
}

div.droit h4 a { color:#00C000; text-decoration:none;
}
div.droit h4 a:hover { color:#0000C0; text-decoration:underline; 
}

div.droit h5 { color:#00C000; font-weight:900; font-size:10px; padding:17px 16px 4px 16px; margin-bottom:-15px; margin-top:0px;
}

div#bloc3 h5 { color:#00C000; font-weight:900; font-size:10px; padding:17px 16px 4px 16px; margin-bottom:-15px; margin-top:0px;
}

div.droit p {  margin:-10px 0px 0px 0px; padding:17px 17px 0px 17px; text-align:justify;   
}

div.droit blockquote {  margin:0px 50px 0px 20px; padding:0px 60px 0px 17px;  
}

div#bloc3 p.lien-suite { margin-top:-10px; text-align:right;
}

div.droit ul {  padding-top:12px; list-style-position:inside; line-height:16px;
}

div.droit li { margin:0px; padding-left:17px; padding-right:9px; list-style-position:inside; line-height:16px;
}

div#bloc3 ul {  padding-top:12px; list-style-position:inside; line-height:16px;
}

div#bloc3 li { margin:0px; padding-left:17px; padding-right:9px; list-style-position:inside; line-height:16px;
}

h6 {padding-right:17px; padding-left:17px; padding-top:17px; margin:0; font-size:12px; color:black;
}

div.droit-news p { color:#0000C0; font-weight:900;
}

div.droit-news .lien-suite a { color:#0082C0; font-weight:900; 
}
div.droit-news .lien-suite a:hover { color:#5CAF30; font-weight:900;
}

div.droit a { color:#0082C0;text-decoration:underline; 
}
div.droit a:hover { color:#5CAF30;
}

div.droit h2 a { color:#0000C0; text-decoration:none;
}
div.droit h2 a:hover { color:#0000C0; text-decoration:underline; 
}

div.fond-footer {
	position:absolute;
	left:0px;
	top:814px;
	width:800px;
	height:42px;
	background-image:url(image/fond-footer.gif);
	background-repeat:no-repeat;
	z-index:10000;
}
div.navi-footer { position:relative; width:800px; height:31px; background-image:url(image/nav-footer.gif); background-repeat:no-repeat; padding-top:0; text-align:right; margin-top:9px ;z-index:10000;
}
div.navi-footer p { padding-right:16px; padding-left:16px; padding-top:6px; margin:0;
}
div.navi-footer a { 
	color:#0082C0; text-decoration:none;}
	
div.navi-footer a:hover { color:#5CAF30; text-decoration:none;}

.lien-suite {
	 text-align:right;
	 margin-bottom:0px;
}

td {
	 padding:0px 0px 0px 0px;
	 margin:0;
}

#pop1, #pop2, #pop3, #pop4 {
position: absolute;
display:none;
width: 122px;
background: #f5f5dc;
z-index: 500;
font-size: 80%;
}
#pop1 p, #pop2 p, #pop3 p, #pop4 p {
margin: 0 0.3em;
}
#pop1 h6, #pop2 h6, #pop3 h6, #pop4 h6 {
font-size: 110%;
margin: 0 0 0.5em 0;
border-bottom: 1px solid black;
background: white url(top.gif) left top repeat-x;
color: black;
text-align:center;
}

div#bloc1, div#bloc2 {
      	width : 610px;
      	height : 644px;
		z-index:1;
      }
      div#bloc1 {
      	position : absolute;
      	top:170px;
      	left:189px;
		background-image:url(image/droit-bg.gif);
      	background-position : top left;
      	background-repeat:repeat-x;
      	color : #000;
		
      }
      div#bloc2 {
      	border : 1px solid #000;
      	overflow : auto;
      }
      div#bloc3 {
      	padding : 0px 0px;
		left:190px;
		top:169px;
		z-index:5;
      }
	  
#bloc3 h2 { color:#0000C0; font-weight:900; font-size:11px; padding-top:17px; padding-right:16px; padding-left:16px; padding-bottom:0px; margin-bottom:-5px; margin-top:0px;
}

#bloc3 h2 a { color:#0000C0; text-decoration: none ;
}
#bloc3 h2 a:hover { color:#0000C0; text-decoration:underline; 
}

#bloc3 h4 { font-weight:900; font-size:10px; color:#0000C0; font-weight:900; padding-top:17px; padding-right:16px; padding-left:16px; padding-bottom:0px; margin-bottom:-5px; margin-top:0px;
}

#bloc3 h4 a { color:#00C000; text-decoration:none;
}
#bloc3 h4 a:hover { color:#00C000; text-decoration:underline;
}

#bloc3 p {  margin:-10px 0px 0px 0px; padding:17px 17px 0px 17px; text-align:justify;   
}

#bloc3 blockquote {  margin:0px 50px 0px 20px; padding:0px 60px 0px 17px;  
}

#bloc3 p.lien-suite { margin-top:-10px;
}

#bloc3 img {
	 margin:17px 17px 9px 17px; float:left; border:0;
}

#bloc3 a { color:#0082C0;
}
#bloc3 a:hover { color:#5CAF30;
}

#info {
		width: 300px;
		overflow: auto;
	}

	#flashcontent {
		width: 800px;
		height: 86px;
		margin: 0px 0px;
	}
	
	#flashcontent2 {
		width: 610px;
		height: 250px;
		margin: 0px 0px;
	}