/* CSS Document */
body {
	margin: 0;
	text-align: center; /* needed for centering IE5 */
	font-family: Arial, Helvetica, sans-serif;
	background: #001C4E url(../img/index/cascade04.jpg) center top no-repeat fixed;
	font-size: x-small; /* Fix IE5 Win */
	font-size: small;
}
#container	{
	margin: 0 auto;
	padding: 0;
	width: 950px;
	text-align: left;
	position: relative;
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
}


/* header */
#thumbs { position: relative; width: 950px; height: 195px; }
div.thumb { float: left; width: 60px; height: 150px; padding:0 25px 0 25px; }
div.thumb img { border: 0px solid white; }



/* menu horizontal */

/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{position:relative;height:40px;color:#E0E0E0;background:#143D55;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
.preload2 {background: url(../img/index/dolphin_bg.gif);}

#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(../img/index/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(../img/index/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(../img/index/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(../img/index/dolphin_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- END Dolphin nav ---------------------- */

/* bordure image Bleu */
.imgsolid {
padding-right: 3px; padding-left: 3px; background-color: #ffffff; background-repeat: repeat; 
background-x-position: 0%; background-y-position: 0%; padding-bottom: 2px; padding-top: 2px; border-top-width: 4px;
border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-left-style: solid; border-top-color: #80C5E8; border-right-color: #80C5E8; border-bottom-color: #80C5E8;
border-left-color: #80C5E8; margin-bottom: 3px; margin-right:0px; margin-left:5px; margin-top:3px;
}

/* menu gauche */
/* Generated via www.cssmenubuilder.com */
#gauche { width: 200px; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-color: #90bade; color: #333; }
#bouton { width: 200px; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-color: #90bade; color: #333; text-align:left; }
#bouton ul { list-style: none; margin: 0; padding: 0; border: none; }
#bouton li { border-bottom: 1px solid #90bade; margin: 0; }
#bouton li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; }
html>body #bouton li a { width: auto; }
#bouton li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; }

a.menugauche { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0074C5; font-weight: bold; line-height: normal; text-decoration: none; }
a.menugauche:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0074C5; font-weight: bold; line-height: normal; text-decoration: none; }
a.menugauche:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0074C5; font-weight: bold; line-height: normal; text-decoration: none; }
a.menugauche:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0074C5; font-weight: bold; line-height: normal; text-decoration: underline; }
.manager { text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin-left: 12px; color: #0074C5; }

/* adresse */
.adresse { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; margin-left: 12px; color: #0074C5; line-height: 14px; }

/* liens */
a.links:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; font-weight: bold; text-decoration:none; }
a.links:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; font-weight: bold; text-decoration:none; }
a.links:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFCC00; font-weight: bold; text-decoration:none; }

/* texte central */
.phone {font-family: Arial, Helvetica, sans-serif; font-size: 30px; text-align: center; color: #3C4D9D; font-weight:bold; }
.textblanc18 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; text-align:left; font-style:italic; font-weight:bold;  }
.textbleu14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #003B73; text-align:left; }
.textbleu14C { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #014F9A; text-align:center; }
.textbleu16C { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #014F9A; text-align: center; }
.textcentre { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #014F9A; text-align:justify; }
.textcontact { text-align: left; color: #014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin:0px; padding:5px; text-decoration:none; }
a.textcontact:link { text-align: left; color: #014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin:0px; text-decoration:none; }
a.textcontact:hover { text-align: left; color: #014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin:0px; text-decoration: underline; }
.textaccessoires { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #014F9A; text-align:justify; padding:5px; }


.textcentreblanc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-align:justify; }
a.textcentreblanc:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration:none;}
a.textcentreblanc:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration:none; }
a.textcentreblanc:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration:none; }

.textcentrebleu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #014F9A; text-align:justify; }
a.lienbleu12:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #014F9A; font-weight: bold; text-decoration:none;}
a.lienbleu12:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFCC00; font-weight: bold; text-decoration:none; }

a.lienbleu14:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #014F9A; text-align:center; font-weight: bold; text-decoration:none;}
a.lienbleu14:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #014F9A; text-align:center; font-weight: bold; text-decoration:none; }
a.lienbleu14:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #014F9A; text-align:center; font-weight: bold; text-decoration:none; }
.nouveau { text-align: center; color:#014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin:0px; }


.textcentre2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0074C5; text-align:left; padding-right:5px; }
.textcentre3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0074C5; text-align: left; padding-right:5px; }
h1#central { text-align: center; color:#014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin:0px; padding:5px; }
h1#header { text-align: center; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin:0px; padding:5px; }
h1#header2 { text-align: center; color: #00194B; font-family: Arial, Helvetica, sans-serif; font-size: 20px; margin:0px; padding-left:60px; }
h1#bleu { text-align: center; color: #00194B; font-family: Arial, Helvetica, sans-serif; font-size: 20px; margin:0px; }
h1#footer { text-align: center; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0px; padding:0px; font-weight: lighter; }
h2#central { text-align: center; color: #014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin:0px; padding:5px; }
h2#contact { text-align: left; color: #014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin:0px; padding:5px; text-decoration:underline; }
h3#titretab { text-align: left; color: #014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin:0px; padding:0px; }

/* corner bleu */
.coin_box { background: #90BADE; }
.coin_top div { background: url(../img/index/coinhg.jpg) no-repeat top left; }
.coin_top { background: url(../img/index/coinhd.jpg) no-repeat top right; }
.coin_bottom div { background: url(../img/index/coinbg.jpg) no-repeat bottom left; }
.coin_bottom { background: url(../img/index/coinbd.jpg) no-repeat bottom right; }
.coin_top div, .coin_top, 
.coin_bottom div, .coin_bottom { width: 100%; height: 20px; font-size: 1px; }
.coin_content { margin: 0 10px; }

/* ----- Produit Catalogue ----- */
a.produit { text-align: center; color: #014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin:0px; padding:5px; font-weight: bold; text-decoration: none; }
a.produit:link { text-align: center; color: #014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin:0px; padding:5px; font-weight: bold; text-decoration: none; }
a.produit:hover { text-align: center; color: #014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin:0px; padding:5px; font-weight: bold; text-decoration: underline; }
.comproduit {color: #3399CC; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.comproduitleft {color: #014F9A; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.listeproduit { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #014F9A; text-align:left; margin-left:15px; }
.listeproduit ul { margin-bottom:5px; margin-top:5px;}
.listeproduit li { list-style-type: disc; }
.ligne { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #BFD6EE; margin-bottom: 4px; margin-top:4px; }

/* ----- Detail Produit ----- */

.detailproduit { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #014F9A; text-align:left; margin-left:15px; }
.detailproduit ul { margin-bottom:5px; margin-top:5px;}
.detailproduit li { list-style-type: disc; }
.ligneproduit { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #014F9A; margin-bottom: 4px; margin-top:4px; }
.detailproduittitre { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration:underline; color: #014F9A; text-align:left; }
.detailproduittexte { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #014F9A; text-align: justify; }

/* ----- Lien Bioethique ----- */
a.produitbio { text-align: center; color: #014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; }
a.produitbio:link { text-align: center; color: #014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; }
a.produitbio:hover { text-align: center; color: #014F9A; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: underline; }

/* ---------- photo styles start here ----------------------- */
.photo { margin-bottom:5px; margin-left:18px; margin-right:10px; margin-top:10px;
	/*margin: 10px;*/
	position: relative;
	width: 180px;
	height: 150px;
	float: left;
}
.photo img {
	background: #fff;
	border: solid 2px #80C5E8;
	padding: 4px;
}
.photo a {
	text-decoration: none;
}

.sample3 span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: -5px;
	left: -2px;
	background: url(../img/index/paper-clip.png) no-repeat;
}


/* ----- Box Central --- */
.padding_5px {padding: 5px 5px 5px 5px; visible: false;}
.padding_10px {padding: 10px 10px 10px 10px; visible: false;}

.body_bleu {font-size: 14px; font-weight: bold; color: #00B8F2; margin-bottom: 5px; visible: false;}

/* ----- Footer ----- */
.backblue { background-color: #0053A3; color:#FFFFFF; }
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }


/* ------------------------- Formulaire ---------------------------- */
INPUT.submit { font-size: 17px; color: #003D59; Font-Family : Arial, Helvetica, sans-serif;  font-style: normal;Font-Weight : Bold; background-color : #7BAEC6; border-right: 1px solid; border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; border-color: #003D59;
}
INPUT.reset { font-size: 17px; color: #003D59; Font-Family : Arial, Helvetica, sans-serif; font-style: normal;Font-Weight : Bold; background-color : #7BAEC6; border-right: 1px solid; border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; border-color: #003D59;
}
.obli {color: #ff0000; Font-Family : Arial, Helvetica, sans-serif; }
INPUT { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
SELECT { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
TEXTAREA { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.txterror { color: #FF0000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.txtform { color: #014F9A; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.txtform2 { margin-left:5px; margin-right:5px; color: #014F9A; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
TT { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #014F9A; text-align: left; }

/*  ---------------------- Mentions legales ---------------------------- */
.titrelegales { padding-top: 4px; padding-bottom: 4px; font-weight: bold; font-size: 14px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; background-color: #2175BC; }
.textlegales { padding-right: 6px; padding-left: 6px; font-weight: normal; font-size: 12px; color: #0074C5; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; }
.textlegales a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #1958B7; text-decoration: none; text-align: left; }
.textlegales a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;	color: #F8C800; text-decoration: none; text-align: left; }

/* ------------------------ Annuaires ------------------------------ */
.titreannu { font-size: 12px; color: #000000; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; background-color: #EFF3FC; text-align:center; }
.annuaires { font-size: 10px; color: #000000; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#EFF3FC; }
a.annuaires { font-size: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight: normal; text-align:center; }
a.annuaires:link { font-size: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; text-align:center; }
a.annuaires:hover {	font-size: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; text-align:center; }
.lettre { font-size: 12px; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; }
.liste2 { font-size: 12px; color:#000000; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#EFF3FC; }
.liste { font-size: 8px; color:#EFF3FC; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#EFF3FC; }