@charset "utf-8";
/* CSS Document */

BODY {
	margin:0;
	padding:0;
	text-align:center;
	min-width:730px;
	background:#fff url(images/bg.gif) fixed repeat-y 50% 0;
	font:11px arial,verdana,sans-serif ;
	color:#039;   
}
a {font:11px arial,verdana,sans-serif ;font-weight:bold;
	color:#039;text-decoration:none}
a:hover{text-decoration:underline}
.large{width:730px;margin-top:10px; font-weight:bold}


img{border: solid 1px #039; margin :8px ; vertical-align:middle;}
.produits{height:15px; text-align:left;background-color:#e2e2ee }
.produits2 {margin-bottom:20px;}
.bold{font-weight:bold;}
.left {text-align:left}

#global {padding:0;
	width:730px; /* largeur obligatoire pour être centré */
	text-align:left;
	margin:0 auto;
	background-color:#fff;
}
h2{font-size:12px;text-align:center;color:#334466;padding:0;margin:5px}
h4{font-size:12px;text-align:center;color:#039;padding:0;margin:0px}
/*hautsite*/
#header { 
	background:#fff url(images/fd_header.04.jpg) repeat-x 0;
	height:100px;
}
/*hautsite titre colliers*/
#header h1{ width:280px;display:inline; z-index:0;
	overflow:hidden;
	height:1.2em;
	font:14px verdana,arial,sans-serif ;
	color:#039; 
	font-weight:bold;
	float:left;
	margin-left:200px;
	margin-top:40px
	}
	
#drapeau {width:auto;display:inline;
	float:right;
	margin-top:5px;
	margin-right:50px;
	margin-left:50px;
	z-index:1000}
#drapeau a{ color:#334466;font-weight:bold;text-decoration:none}
a img {
	border:none;
	}
.middle{vertical-align:middle;margin-left:4px}

/*navigation*/
#menu {margin-right: auto;
	margin-left: auto;
	background: #fff repeat-x 0;
	width:100%;
	padding:0px;
}



<!--
			/*****************************************/
			/* Menu horizontal (rendu en-ligne des <li>) */
			/*****************************************/
			#nav {border-width:0px;
				background-image: url(images/nav_bg.gif);width:100%; 
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				}
			
			#nav li {
				display: inline ;padding:0;
				margin:0px ; 
				color: #fff ;
				border-width:0px;
				}
			#nav li a {width:auto;
				background:url(images/separate.jpg) right no-repeat; 
				color: #039 ;
				border-width:0px;
				font: 1.0em "verdana",Arial,sans-serif ;
				line-height: 2.3em ;
				padding-right:20px; padding-left:14px;padding-top:0;padding-bottom:0;
				text-align: center ;
				text-decoration: none ; 
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background:url(images/separate.jpg) right no-repeat #039    ;color: #fff ;
				text-decoration: underline ;border-width:0px;
				}
			-->
<!--
/*****************************************/
			/* central gauche et droite */
			/*****************************************/

#centre {background: url(images/colonnes.png) repeat-y    ; /* global centre */
	width: 731px; 
	overflow: hidden;
	 
}
#centre1 {/* global centre portail */
	width: 100%; 
	overflow: hidden;
	
}
/* Contenu principal */
#principal2 h3 {font-size:12px}
   #principal2  { 
	
	width: 710px;
	margin:10px;
 
}
 
	
}
#principal p, #principal li {text-align:left;
	line-height: 1.5;
}


#principal a:link {color:#334466;text-decoration:none;margin-right:5px}
#principal a:visited,  a:active {color:#334466;text-decoration:none;}
#principal a:hover{ color:#7b9928;text-decoration:none;}


#principal td.prod{width:auto;
text-align:center; padding:3px;
color:#334466;
height:32px}

#principal td.prod2{
text-align:left;
padding-left:0px;
color:#334466;
}

/*info bulle*/
a.info {
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
position: relative;
text-decoration: none;
color: black;

}

a.info span {line-height:14px;
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
/*bug IE sur la position info bulle*/
*+html  a.info:hover span {
display: block; width:200px;height:auto;
position: absolute;
top: 11.5em;
left: 1em;
background: orange;
text-align: left;
color: white;
padding: 3px;
border:#999 solid 1px;
}/*fin bug IE*/

a.info:hover span {
display: block; width:200px;height:auto;
position: absolute;
_top: 6em;
top: 0.8em;
left: 0.2em;
background: orange;
text-align: left;
color: white;
padding: 3px;
border:#999 solid 1px;
}


/* Contenu secondaire à droite */
#droite {font-size:10px;
	margin-left: 585px; /* -> 6 */
	margin-right: 0px;
	padding:5px 5px 5px 0px;color:#334466
}

#droite h3{color:white;font-size:10px;background: #039; 
margin:0;padding:5px;text-align:left}

#droite ul
{list-style-type:none;line-height:15px;
margin:0px; 
list-style-position:outside;padding:4px 0 4px 0 ;
}

#droite ul a{color:#334466;margin:0px}
#droite ul a:hover{color:#7b9928}

/* Mention de copyright */
copyright  {
	margin: 20px 0;
	font-size: 1em;
	text-align: left;
}


/* pied de page */
#footer{font-size:10px;color:#039;border-top:1px dashed #666;margin:0;padding:5px;}
#footer a{text-decoration:underline;color:#039}
#footer a:hover {text-decoration:underline;color:#7b9928}

/*page produit*/
h3,th {text-align:center;padding:4px; background-color:#039;color:white}
#principal h3{margin-top:20px;
	font-size:13px;
	text-align:left;
	}

	
#principal p {display:block;border-left:#039 1px dashed ; padding:6px;margin-top:10px}
#principal p.pnoborder {padding:0;margin-top:10px;border:none}

/*references*/
table#references .tr2 td{background-color:#cbcce1;}
table#references td{text-align:center;padding:3px;background-color:#e8e8e8; border-color: #039;
border-width:0.1em 0.1em 0 0; border-style:solid }
table#references  th{text-align:center;padding:5px; background-color:#039;color:white}
table#references {width:520px;border-left:0.1em solid #039;border-bottom:0.1em solid #039 }
table#references :first-child  { font-weight:bold; }
table#references :first-child td+td  {font-weight: normal}


/*conditions de ventes*/

body#conditions div#principal h2 {font-size:10px;text-align:left;line-height:10px;padding:0}  
body#index #principal{height:500px;overflow:visible}

/*div principal*/
#principal{height:492px;overflow:auto;}


div#principal p {padding-left:5px;text-align:justify; }
 
/*telechargements*/
     
#cadre2{float:right;}
#cadre1 {float:left;}
.ref{width:47%; background-color:#cbcce1;margin-top:0px;}

 
.tele{width:100%;}
 
				/*FORMULAIRE CONTACT*/
#adresse{ border-spacing:0px; float:left;margin:0;padding:0}
#adresse table{ border-spacing:0px; margin:0;padding:0}
form { float:right}				
#formu {border: 1px #039 dotted;margin-top:10px }
#formu td{padding:10px}
input,select,textarea{font:10px verdana, arial, helvetica;
color:#346;
border:1px #334466 solid;
background-color:#e2e2ee;
}
textarea{width:15.3em}

address{font-style:normal;width:195px;margin-top:10px;  }