/* Misc styles */
body
{
	font-family: Arial, Helvetica, MS Sans Serif, Verdana, Sans-Serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	min-width: 600px;
	background-color: #ffffff;
}
input { font-size: 100%; border: 1px solid #000000; margin: 2px 2px 9px 2px; vertical-align: middle; }
textarea { font-size: 100%; border: 1px solid #000000; margin: 2px 2px 9px 2px; vertical-align: middle; }
select { font-size: 100%; border: 1px solid #000000; margin: 2px 2px 9px 2px; vertical-align: middle; }
form { margin: 0; }
a { color: #639315; }
a.nodecoration { text-decoration: none; }
a.nodecoration:hover { text-decoration: underline; }
img { border: 0; }
.center { text-align: center; }
.submit { background: #fff; }
.error { color: #ff6666; text-align: center; margin: 10px; font-size: 110%; }
.gras { font-weight: bold; color: #639315; }
.italique { font-style: italic; }
.confirmation { color: #3A5483; text-align: center; margin: 10px; font-size: 110%; }
.underline { text-decoration: underline; }
.noborder { border: 0; }
.message { text-align: center; margin: 20px; }
li { margin: 0; padding: 0; }
img.right { float: right; margin: 0 0 5px 10px; }
img.left { float: left; margin: 0 10px 5px 0; }
.clearing { clear: both; }

/* Styles for the top */
#bar_logo 
{
	 background: url(logo.gif) no-repeat 0 20px;
	 height: 70px;
	 margin: 10px;
}
#cadre_grey1
{
	background-color: #b2b2b2;
}
#cadre_grey2
{
	background-color: #c8c8c8;
}
#cadre_grey3
{
	background-color: #d9d9d9;
}
#cadre_grey4
{
	background-color: #ebecec;
}
#logo { margin: 10px; border: 1px solid #666666; }
#select_country { float: right; margin-top: 30px; }
#bar_menu
{
	color: #FFFFFF;
	background: url("topmenu.jpg");
	background-repeat:repeat-x;
	border: none;
	font-size: 95%;
	padding: 10px;
}
#bar_menu a { text-decoration: none; color: #FFFFFF; }
#bar_menu a:hover { text-decoration: underline; }
#bar_menu a:active { text-decoration: underline; }
#fontGreen
{
	color: #639315;
}
#navig 
{ 
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	background-color: #ffffff;
	padding: 8px;
}
#navig a { color: #639315; text-decoration: none; }
#navig a:hover { color: #639315; text-decoration: underline; }
#contact
{
	float: right;
	font-size: 16px;
}
/*IJ GREEN*/
.ms-topnav
{
	border-left: none;
	border-bottom: none;
	border-top: none;
	border-right: 1px #FFFFFF;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align:middle;
}
.ms-topnav a
{
	display: block;
	white-space: nowrap;
	padding: 6px 8px 0px 8px;
	height: 22px;
	vertical-align:top;
}

/* Styles for the left */
#menu_left { font-size: 95%; background-color: #deedbf; width: 200px; min-height: 400px; margin: 0; padding: 5px; position: absolute; left: 10px; top: 160px; }
/* html #menu_left { height: 400px; } /* hack uniquement interprété par IE Win+Mac afin de faire un min-height sous IE */
#menu_left li { margin: 0; line-height: 20px; list-style-type: none; }
#menu_left, #menu_left a
{
	color: #40582e;
	text-decoration: none;
}
#menu_left a:hover
{
	color: #88b333;
	text-decoration: underline;
}

/* Styles for the content */
#content
{
	margin: 0px 200px 0px 0px;
	color: #333333;
}
#content_home
{
	background: url(img_home.jpg) no-repeat 0 0;
	padding-left: 375px;
	height: 260px;
	font-size: 85%;
}
#content_home h1 { text-align: center; font-size: 85%; color: #333333; }
#content_right
{
	float: right;
	position: static;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
}
#content_right .illustration { text-align: center; margin: 10px; }
#content_left { padding: 10px; padding-left: 230px; text-align: justify; font-size: 85%; }
#content_left h1, #content_right h1, #content_leftright h1 { color: #639315; font-size: 16px; margin: 5px 0 10px 0; }
#content_left h2 { font-size: 14px; margin: 0; margin-bottom: 20px; }
#content_recherche { padding: 10px; margin-left: 20px; text-align: justify; font-size: 85%; color: #333333; }
#content_recherche p { border-right: 1px solid #555555; }
#content_recherche h1 { font-size: 100%; margin: 10px 0 4px 0; }
#content_recherche h2 { font-size: 100%; margin: 0 0 4px 0; color: #555555; }
#content_leftright { padding: 20px; }

#promo
{
	height: 150px;
	width: 96%;
	border-collapse: separate;
	margin: 25px;
	margin-left: 1px;
	clear: left;
}
#promo td
{
	width: 33%;
	border-spacing: 10;
	padding: Opx 10px Opx 0px;
}

#promo a
{
	text-decoration: none;
	font-size: 70%;
	color: black;
	vertical-align: text-top;
}
#promo a:hover { text-decoration: underline; }
#btn_rechercher
{
	color: #FFFFFF;
	background-color: #82766f;
	font-weight: bold;
	font-size: 70%;
}
#btn_contact
{
	color: #FFFFFF;
	background-color: #9c5fb5;
	font-weight: bold;
	font-size: 80%;
	border-left-color: #9c5fb5;
	border-bottom-color: #9c5fb5;
	border-top-style: solid;
	border-top-color: #9c5fb5;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9c5fb5;
	border-bottom-style: solid;
}
#esp_debiteur, #esp_client, #rechercher { width: 200px; margin-bottom: 50px; font-size: 85%; text-align: center; }
#rechercher
{
	top: 15%;
}
#esp_debiteur h1, #esp_client h1 { color: #fff; font-size: 100%; padding: 5px; margin: 0; }
#esp_information { width: 45%; margin-bottom: 15px; font-size: 110%; text-align: center; }
#esp_information h1 { color: #fff; font-size: 12px; padding: 5px; margin: 0; }
#esp_debiteur .cadre, #esp_client .cadre  { margin: 0; padding: 0; padding: 5px; }
#esp_information .cadre { margin: 0; padding: 0; padding: 5px; }

#esp_debiteur h1
{
	background: #9c5fb5;
}
#esp_debiteur .cadre
{
	border-right: #9c5fb5 1px solid;
	border-top: #9c5fb5 1px solid;
	border-left: #9c5fb5 1px solid;
	border-bottom: #9c5fb5 1px solid;
}
#esp_client h1 { background: #639315; }
#esp_client .cadre { border: 1px solid #639315; }

#esp_information h1
{
	background: #9c5fb5;
}
#esp_information .cadre
{
	border-right: #9c5fb5 1px solid;
	border-top: #9c5fb5 1px solid;
	border-left: #9c5fb5 1px solid;
	border-bottom: #9c5fb5 1px solid;
}

#revue_presse { width: 200px; }
#revue_presse h1 { color: #002A5F; font-weight: bold; font-size: 100%; border-bottom: 1px solid #002A5F; padding-bottom: 5px; text-align: center; }
#revue_presse ul { list-style: none; font-size: 90%; padding: 0; margin: 0; text-align: justify; }
#revue_presse li { margin: 8px; font-size: 90%; padding: 0; }
#revue_presse a { color: #002A5F; text-decoration: none; }
#revue_presse a:hover { text-decoration: underline; }

#articlesenfants { line-height: 25px; margin: 20px 10px 10px 10px; padding: 10px; border: 1px solid #EBECEC;}

/* Styles for the bottom */
#footer { font-size: 75%; color: #639315; text-align: center; padding: 15px; clear: both; }

/* Styles for the backoffice */
#contentGestion { padding: 15px; color: #333333; }
#contentGestion a { color: #333333; }
#contentGestion .listeSousRubrique { margin-left: 30px; line-height: 20px; }

/* Styles for the forms */
#ctl00_CPH_Content_Pnl_Formulaire{ text-align: center; padding: 10px; }
.formulairecontact { border-collapse: collapse; width: 500px; text-align: left; margin-bottom: 20px; }
.formulairecontact td { border-bottom: 1px solid #DDDDDD; padding: 4px 0 4px 0; }
.formulairecontact input { width: 110px; margin: 0; }
.formulairechoix { text-align: left; }
.formulairechoix td { border-bottom: 1px solid #DDDDDD; }
.formulairechoix input { margin-right: 20px; border: 0px; }

#formulairecalculateur { margin: 10px 60px 10px 60px; padding: 10px; line-height: 26px; text-align: right; }
#formulairecalculateur input { border: 1px solid #000000; font-size: 10px; padding: 2px; text-align: center; }
#formulairecalculateur input.bleu { background-color: #EEEEFF; }

#images_article { border: 1px solid #ddd; margin-top: 25px; text-align: center; }
#images_article img { background-color: #eee; border: 1px solid #ddd; padding: 2px; margin: 5px; vertical-align: middle; }

/* Styles for results of the search */
.resultrecherche { border-bottom: 1px solid #eee; padding: 0 0 10px 0; }
.resultrecherche h1, .resultrecherche h2 { padding-bottom: 5px; }