body {
	background: #3e363d url('../images/barre_fond.gif') repeat-x;
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	color: #3e363d;
	font-size: 12px;
	line-height: 15px;
}

#content {
	margin: 20px auto 0 auto;
	width: 1000px;
	background: #ffffff;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/*****************
	En tete
*****************/

#header {
	background: #fdfdfd;
}

#img_logo {
	position: relative;
	top: 0;
	left: 0;
}

#img_certification {
	position: relative;
	top: -11px;
	left: 293px;
}

#bloc_central {
	position: relative;
	top: -19px;
	height: 780px;
}

/*****************
	Menu
*****************/

#img_menu_souligne {
	position: relative;
	top: -18px;
}

.menu {
	position:relative;
	top: -7px;
	left: 350px;
	display:block;
	width:652px;
	z-index: 1;
}

.menu ul {
	margin: 0;
	position:absolute;
	display:block;
}

.menu li {
	display:block;
	float:left;
	margin: 0 0 0 2px;
}

.menu li img {
	display:block;
	margin: 0 0 4px 0;
}

.menu li ul {
  visibility:hidden;
}

.menu li li {
	display:block;
	width: 100%;
	margin: 0 0 0 0;
}

.menu li ul a {
  text-align: left;
  background-color: #ffffff;
	color: #464646;
	display: block;
	text-decoration: none;
	padding: 8px 13px 8px 13px;
	margin: 1px 0 0 0;
	border-bottom: 1px solid #bababa;
	border-right: 1px solid #bababa;
}

.menu li ul a:hover {
  background-color: #e9e9e9;
	color: #648baa;
}

/*****************
	Home
*****************/

#bloc_intro_home {
	position: absolute;
	top: 392px;
	left: 65px;
	width: 532px;
}

#bloc_intro_home p {
	margin: 10px 0 0 0;
	text-align: justify;
	font-size: 12px;
	line-height: 17px;
	color: #3e363d;
}

#bloc_news {
	position: absolute;
	top: 397px;
	left: 675px;
	width: 289px;
}

#img_titre_news {
	display: block;
	margin: 0 0 1px 0;
}

.news {
	height: 84px;
	padding: 0 18px 18px 18px;
	margin: 0 0 1px 0;
}

.impair {
	background: #f1f1f1;
}

.pair {
	background: #e6e6e6;
}

.news p {
	padding-top: 18px;
}

.news_col1 {
	padding: 18px 0 0 0;
	width: 55px;
	float: left;
}

.news_col2 {
	margin: 0 0 0 55px;
	padding: 14px 0 0 0;
	width: 190px;
	font-size: 12px;
	line-height: 18px;
}

.news_col2 a, .news a {
	color: #648baa;
	text-decoration: none;
	font-style: italic;
}

.news_col2 a:hover, .news a:hover {
	text-decoration: underline;
}

.news_mois {
	width: 40px;
	height: 21px;
	background: #3e363d;
	text-transform: uppercase;
	color: #ffffff;
	font: bold 12px/21px verdana;
	text-align: center;
}

.news_date {
	margin: 4px 0 0 0;
	width: 40px;
	color: #8abc0f;
	font: normal 15px/20px verdana;
	text-align: center;
}

/**********************
	Pages de contenu
**********************/
#bloc_intro_fixe {
	position: relative;
	left: 65px;
	width: 870px;
}

#bloc_intro_fixe ul, #bloc_intro_home ul {
	margin: 10px 0 20px 15px;
	font-size: 12px;
	line-height: 17px;
	color: #3e363d;
	list-style-type: disc;
}

#img_titre {
	margin: 50px 0 60px 62px;
}

#img_titre_reference {
	margin: 60px 0 60px 62px;
}

#img_titre_secteur {
	margin: 50px 0 60px 62px;
}

.bloc_reference {
	top: 392px;
}

.bloc_secteur {
	top: 364px;
}

#bloc_intro_fixe a {
	color: #84b410;
	text-decoration: none;
}

#bloc_intro_fixe a:hover {
	text-decoration: underline;
}

#bloc_intro_fixe h1 {
	font-size: 14px;
	font-weight: bold;
	color: #648baa;
	margin: 0 0 20px 0;
}

#bloc_intro_fixe p {
	text-align: justify;
	margin: 0 0 23px 0;
	line-height: 18px;
	font-size: 12px;
}

.bleu {
	color: #648baa;
}

.vert {
	color: #84b410;
}

/*****************
	Page marchés
*****************/
#marche_bloc1, #marche_bloc2, #marche_bloc3, #marche_bloc4 {
	position: absolute;
	height: 100px;
/* 	letter-spacing: -1px; */
}

#marche_bloc1 p, #marche_bloc2 p, #marche_bloc3 p, #marche_bloc4 p {
	margin-top: 23px;
	width: 631px;
	font-size: 10px;
}

#marche_bloc1 {
	background: url('../images/degrade_marche1.gif') repeat-y;
	top: 0px;
	left: 193px;
}

#marche_bloc1 p {
	margin-left: 40px;
}

#marche_bloc2 {
	background: url('../images/degrade_marche2.gif') repeat-y;
	top: 100px;
	left: 201px;
}

#marche_bloc2 p {
	margin-left: 32px;
}

#marche_bloc3 {
	background: url('../images/degrade_marche3.gif') repeat-y;
	top: 200px;
	left: 186px;
}

#marche_bloc3 p {
	margin-left: 47px;
}

#marche_bloc4 {
	background: url('../images/degrade_marche4.gif') repeat-y;
	top: 300px;
	left: 192px;
}

#marche_bloc4 p {
	margin-left: 41px;
	margin-top: 17px;
}

/*****************
	Contact
*****************/

#bloc_intro_contact {
	position: absolute;
	top: 393px;
	left: 119px;
	width: 532px;
}

#bloc_intro_contact p {
	margin: 16px 0 0 0;
	text-align: left;
	font-size: 13px;
	line-height: 19px;
	color: #3e363d;
}

#zone_form_contact {
	position: absolute;
	top: 285px;
	left: 533px;
	width: 390px;
}

#bloc_intro_contact a {
	color: #648baa;
	text-decoration: none;
}

#bloc_intro_contact a:hover {
	text-decoration: underline;
}

#form_contact label {
	clear: left;
	margin: 12px 0 0 0;
	width: 75px;
	float: left;
	line-height: 19px;
}

#form_contact input, #form_contact textarea, #form_contact select {
	margin: 12px 0 0 0;
	border: none;
	background: #f1f1f1;
}

#form_contact input, #form_contact textarea {
	width: 302px;
}

#form_contact select {
	width: 309px;
}

#form_contact option {
	width: 284px;
}

#form_contact input {
	height: 19px;
	padding: 0 0 0 7px;
}

#form_contact textarea {
	padding: 4px 0 0 7px;
	height: 90px;
}

.form_asterisque {
	font-weight: bold;
	color: #648baa;
}

.form_obligatoire {
	margin: 5px 0 0 75px;
	font-size: 10px;
	font-style: italic;
}

.contact_erreur {
	margin: 0 0 0 75px;
	color: red;
	font-weight: bold;
}

.contact_ok {
	font-size: 13px;
	font-weight: bold;
	margin: 200px 0 0 0;
}

/********************
	Mentions légales
********************/

#bloc_intro_mentions {
	position: absolute;
	top: 239px;
	left: 0;
}

#img_mentions_titre {
	margin: 40px 0 48px 342px;
}

#bloc_intro_mentions h1 {
	font-weight: bold;
	color: #648baa;
	margin: 0 0 1px 0;
}

#bloc_intro_mentions p {
	margin: 0 0 23px 0;
	line-height: 18px;
}

#bloc_intro_mentions a {
	color: #3e363d;
	text-decoration: none;
}

#bloc_intro_mentions a:hover {
	text-decoration: underline;
}

#mycustomscroll {
    /* Typical fixed height and fixed width example */
    height: 380px;
    width: 835px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
		left: 60px;
    padding-right:40px;
    text-align:justify;
}

.scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0; left: 0;
}

.vscrollerbase {
    width: 8px;
    background-color: #3e363d;
    visibility: visible !important; /* force fleXcroll to always display the vertical scrollbase */
}

.vscrollerbar {
    margin-left: 2px;
    width: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #8abc0f;
}


/*****************
	Pied de page
*****************/

#footer {
	clear: both;
	margin: 0 auto 15px auto;
	width: 1000px;
	color: #b1b1b1;
	text-align: center;
	font-size: 9px;
}

#footer a {
	color: #b1b1b1;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer_design {
	position: relative;
	text-align: right;
	top: -15px;
	left: 800px;
	width: 200px;
}

#footer_design a {
	font-weight: bold;
}

#footer_adresse {
	background: #648baa url('../images/fondbleu.jpg') no-repeat 0 0;
	line-height: 22px;
	color: #afd2f2;
	height: 22px;
	margin: 0 0 4px 0;
}

#footer_adresse a {
	color: #afd2f2;
}

#footer_adresse .separateur {
	margin: 0 19px 0 19px;
	color: #88a3bc;
}