/* CSS Document */


body{
	background:#b7cee0 url(bg_body.jpg) repeat-x;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:0;
	padding:0;
	}

div, img, span, dl, dt, dd{
	margin:0;
	padding:0;
}

img{
	border:none;
	}

p{
	margin:0 0 10px 0;
	text-align:left;
	}
 
#page{
	width: 725px;
	margin:12px auto;
	border-right:1px solid #fff;
	border-top: 1px solid #787677;
	border-left: 1px solid #787677;	
}

.spacer{
	clear:both;
	}
	
/*-----------------  BLOCK HEADER -----------------------
--------------------------------------------------------- */

#header{
	background-color:#FFFFFF;
	border-bottom:1px solid #000;
	height:73px;
	padding:0 0 1px 0;
}

#header .shortcut{
	float: right;
	margin: 23px 10px 0 0;
	}

#header .shortcut img.first{
	margin-right:1px;	
	}
	

/*  horizontal menu level 1 */

#menu{
	padding-left:43px;
	text-align:right;
	margin:0;
}

#menu .hover{
	display:none;
	height:0px;
	width:0px;
	}

#menu span{
	visibility:hidden;
	}

#menu a{
	height:10px;
	}
	
#menu a.accueil{
	display:block;
	float:left;
	width:45px;
	background:url(accueil.gif) no-repeat;
	border-right:1px solid #ccc;
	text-decoration:none;
	}

#menu a:hover.accueil{
	background:url(accueil_hover.gif) no-repeat;
}

#menu a.poids{
	display:block;
	float:left;
	width:140px;
	background: url(gestion-poids.gif) no-repeat;
	border-right:1px solid #ccc;
	text-decoration:none;
	}

#menu a:hover.poids{
	background: url(gestion-poids_hover.gif) no-repeat;
}

#menu a.produits{
	display:block;
	float:left;
	width:80px;
	background: url(produits.gif) no-repeat;
	border-right:1px solid #ccc;
	text-decoration:none;
	}

#menu a:hover.produits{
	background: url(produits_hover.gif) no-repeat;
}

#menu a.societe{
	display:block;
	float:left;
	width:115px;
	background: url(societe.gif) no-repeat;
	border-right:1px solid #ccc;
	text-decoration:none;
	}

#menu a:hover.societe{
	background: url(societe_hover.gif) no-repeat;
}

#menu a.opportunite{
	display:block;
	float:left;
	width:160px;
	background: url(opportunite-commerciale.gif) no-repeat;
	border-right:1px solid #ccc;
	text-decoration:none;
	}

#menu a:hover.opportunite{
	background: url(opportunite-commerciale_hover.gif) no-repeat;
}

#menu a.temoignages{
	display:block;
	float:left;
	width:110px;
	background: url(temoignages.gif) no-repeat;
	text-decoration:none;
	}

#menu a:hover.temoignages{
	background: url(temoignages_hover.gif) no-repeat;
}

/*----------------- BLOCK MAIN -----------------------
-------------------------------------------------- */
#main2{
	width:580px;
/*	margin: 0 0 0 145px;*/
	float:right;
}

#image{
	height: 130px;
}

/*----------------- BLOCK LANGUES -----------------------
-------------------------------------------------- */

#langues{
	background-color: #9ACD66;
	border-bottom:9px solid #3E7E2A;
	height:29px;
	clear:both;
	}

#langues .lg{
	vertical-align:super;
	color: #212970;
	}

#langues form{
	float:right;
	margin:6px 10px 0 0;
	}
	
#langues form select{
	font: 7pt Verdana, Arial, Helvetica, sans-serif;
	}
	
/*----------------- BLOCK FOOTER -----------------------
-------------------------------------------------------- */

#footer{
	width: 725px;
	margin:15px auto;
	text-align:center;
	color:#8A9CAC;
	font-size:7pt;
	}

#footer a{
	font-weight:normal;
	color:#015492;
	}

#footer a:hover{
	color:#DA8009;
	}



/* header 1 */ 	
h1{
	font:13pt 'Verdana', Arial, Helvetica, sans-serif;
	color: #1166BB;
	background:url(bg_h1_bleu.gif) repeat-x bottom;
	margin: 0 0 15px 0;
	}

/* header 2 */ 
h2{
	font:bold 8pt 'Verdana', Arial, Helvetica, sans-serif;
	color: #1166BB;
	text-transform:uppercase;
	margin:10px 0;
	padding:0;
	}

/* header 3 */ 
h3{
	font:bold 10pt 'Verdana', Arial, Helvetica, sans-serif;
	margin:0px 0 10px 0;
	}

/* header 4 */ 
h4{
	font:bold 8pt 'Verdana', Arial, Helvetica, sans-serif;
	color: #1166BB;
	margin:5px 0;
	}
	
/* header 4 with link */ 
h4 a{
	color:#333;	
	}
	
h4 a:hover{
	color: #DA8009;
	}

/* default link */
a{
	color:#015492;
	font-weight:bold;
	text-decoration:underline;
	}


/*----------------- BLOCK SIDEBAR -----------------------
-------------------------------------------------- */
#sidebar{
	border-top: 15px solid #1466BC;
	width:145px;
	float:left;
}

/* menu level 2 */
#sidebar dl, #sidebar dt, #sidebar dd, #sidebar ul, #sidebar li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidebar dt{
	margin:10px 0 0 0;
	cursor: pointer;
}

/* menu level 3 */
#sidebar ul{
	margin: 5px 0 0 10px;
	padding:0;
}

#sidebar li{
	list-style:url(list_arrow_blue.gif);
	margin:0 0 2px 13px;
	padding:0;
	border:1px solid #F5FAF3; /* fix IE bug */
	}
	
#sidebar li a{
	display:block;
	font-weight:normal;
	text-decoration:none;
	color:#333;
	font-size:8pt;
}

#sidebar li a:hover{
	color:#DA8009;
	}




/*----------------- BLOCK MAIN -----------------------
------------------------------------------------------ */

#main{
	background: #fff url(bg_body_bleu_dark.gif) repeat-y;
	color:#333;
	}

/* zone content 1 column */
#content{
	border-top: 6px solid #fff;
	padding: 0 16px 30px 15px;
	}

/* italic paragraph */
p.notice{
	font-style:italic;
	}
	
/* paragraph little font, note / PS */
p.note{
	font-size:7pt;
	}

/* products link */
a.produit{
	color:#333;
	font-weight:normal;
	margin:10px 0 0 0;
	}

a:hover.produit{
	color: #DA8009;
	}
	
/* list */
#main2 ul{
	margin:15px 0;
	padding:0 0 0 15px;
	}

#main2 ul li{
	list-style:url(list_disc_bleu.gif);
	padding:0;
	margin:0px;	
	}
	
/* link in a list */
#main2 ul li a{
	font-weight:normal;
	font-size:8pt;
	color: #1166BB;
	}

/* 2 columns presentation */	
#main2 .col_1_3{
	width:32%;
	float:left;
	margin: 0 10px 5px 0;
	}
	#main2 .col_1_3_right{
	width:32%;
	float:left;
	margin:10px 0 10px 0;
	}
	
	#main2 .col_2_3{
	width:65%;
	float:left;

	}
	
/* image left */
#main2 .image_left{
	float:left;
	margin:0 10px 10px 0;
	}

/* post with dotted bottom border */
#main2 .post{
	background:url(bg_h1_bleu.gif) repeat-x bottom;
	padding: 0 0 10px 0;
	margin: 10px;
	}

/* more information block */
.plus{ 	
	float:right;
	}
	
