/*
Auteur : Christophe DUFOUR (Opus Idea)
*/


body {
	margin:0px;
	background-color:#fff;
}

h2 {
	margin:18px 0 10px 16px;
	font-size: 12pt;
	color:#76a2ca;
}

ul {
	list-style:disc;
	color:#27471f;
}

q{
	margin:40px;
	background-color:#DEEBEF;
}

blockquote{
	background-color:#DEEBEF;
	padding:10px;
}

a , a:link, a:visited, a:active{
	color: #27471f;
	text-decoration:none;
}

a:hover {
	color:#7eb870;
	text-decoration:underline;
}

td a:hover{
	color: #7eb870;
	text-decoration:underline;
}

#window {
	width:995px;
	background:#fff url('bg.jpg') 0px 130px;
	overflow:auto;
}

/* BANNERS --- 190 -> 185 */

/* lEFT BANNER  */

#lb_menu {
	/*float:left;*/
	margin-top:21px;
	width:185px;
}

.lb_menu_box {
	margin:0 0 8px 0;
}

.lb_menu_box_top {
	height:36px;
	background:#7eb870 url('lb_menu_box_top.png') repeat-x;
	border:1px #7eb870 solid;
	text-align:center;
	padding:0px;
	line-height:35px;
	color:#fff;
	font-weight:bold;
}

.lb_menu_box_body {
	padding:0px;
	border-left:1px #7eb870 solid;
	border-right:1px #7eb870 solid;
}

.lb_menu_box_body ul {
	list-style: square url('square_green.gif');
	color:#5b8551;
	margin:0 0 0 -10px !important; /*FF*/
	margin:0 0 0 30px
}

.lb_menu_box_body ul li {
	padding:3px;
}

.lb_menu_box_body ul li a, .lb_menu_box_body ul li a:link, .lb_menu_box_body ul li a:visited, .lb_menu_box_body ul li a:active    {
	color:#5b8551;
	text-decoration:none;
}

.lb_menu_box_body ul li a:hover {
	color:#27471f;
	background-color:#c8c8be;
}


.lb_menu_box_body  ul ul{
	list-style: none;
	margin:0 0 0 -40px !important; /*FF*/
	margin:0
}

div.lev2 {
	position:absolute;
	float:left;
	width:400px;
	background-color:#F1F6F0;
	border:1px #7eb870 solid;
	z-index:1;
	margin-left:120px !important; /* FF */
	margin-left:60px;
	margin-top:-40px;
	display:none;
	padding:4px;
}

.lb_menu_box_bottom {
	height:4px;
	border-left:1px #7eb870 solid;
	border-right:1px #7eb870 solid;
	border-bottom:1px #7eb870 solid;
	text-align:center;
	padding:0px;
}



/* RIGHT BANNER */

#rb_menu {
	float:left;
	margin-left:7px;
}

.rb_menu_box {
	width:185px;
	margin:0 0 8px 0;
}


.rb_menu_box_top {
	width:185px;
	height:36px;
	background:#76a2ca url('rb_menu_box_top.png') repeat-x;
	border:1px #76a2ca solid;
	text-align:center;
	padding:0px;
	line-height:35px;
	color:#fff;
	font-weight:bold;
	cursor: pointer /* surtout valable pour les boîtes à clapet, moins pour les autres (ex: présentation). Solution JS ou css envisageable pour faire cette distinction */
}

.rb_menu_box_top a, .rb_menu_box_top a:link {color:#fff !important}


.rb_menu_box_body {
	width:185px;
	/*background: url('rb_menu_box_body.png');*/
	border-left:1px #76a2ca solid;
	border-right:1px #76a2ca solid;
	font-size:7.5pt;
	/*display:none*/
}

.rb_menu_box_body img
{
	float:left;
	margin-right:2px;
}

.rb_menu_box_body p {
	margin:0;
	padding:2px 6px;
	overflow:hidden;
}

.rb_menu_box_body p img
{
	float:left;
	margin-right:2px;
}

.rb_menu_box_body a, .rb_menu_box_body a:link, .rb_menu_box_body a:visited
{
	color:#76a2ca;
	text-decoration:none;
}

.rb_menu_box_body a:hover
{
	color:#0053a1;
	text-decoration:none;
}

.rb_menu_box_body ul {
	position:relative;
	list-style: square url('square_blue.gif');
	color:#76a2ca;
	margin: 0 0 0 -10px !important;
	margin: 0 0 0 30px;
}

.rb_menu_box_body ul li {
	padding:3px;
}

.rb_menu_box_body ul li a {
	color:#76a2ca;
	text-decoration:none;
}

.rb_menu_box_body ul li a:hover {
	color:#0053a1;
}

.rb_menu_box_bottom {
	width:185px;
	height:4px;
	/*background: url('rb_menu_box_bottom.png') no-repeat;*/
	border-left:1px #76a2ca solid;
	border-right:1px #76a2ca solid;
	border-bottom:1px #76a2ca solid;
	text-align:center;
	padding:0px;
	/*display:none*/
}

/* BULLETIN : redéfinit le menu de droite */
.bulletin{

	list-style-image:none !important;
	list-style:none !important;

	padding:0px !important;
	margin-left:-10px !important;

}

.bulletin li{
	height:64px;
	/*
	width:180px;
	margin-left:10px;
	*/
}

.bulletin img {
	float:left;
	margin-right:2px;
}

/* CENTRE --- 615 -> 610 */
#centre {
	float:left;
	width:607px;
	margin: 0;
}

.centre_box{margin-bottom:10px}

.centre_box_top {
	height:36px;
	background:#c8c8be url('centre_box_top.png') repeat-x;
	border:1px #c8c8be solid;
	padding-left:16px;
	line-height:20px;
	
}

div.news_headband{
	border:1px #c8c8be solid;
	background-color:#efefef
}

div.news_headband h2{
	padding:2px 0 2px 15px !important;
	margin:0;
	color:#666;
}

.centre_box_body {
	border-left:1px #c8c8be solid;
	border-right:1px #c8c8be solid;
	padding: 8px;
	background-color:#f7f7ee
}

.centre_box_body p{
	margin:0;
	padding:4px
}

.centre_box_top h2 {
	margin:0;
	padding-top:8px;
	color:#76a2ca;
}

.centre_box_bottom {
	height:4px;
	border-left:1px #c8c8be solid;
	border-right:1px #c8c8be solid;
	border-bottom:1px #c8c8be solid;
	text-align:center;
	padding:0px;
	background-color:#f7f7ee
}

div.prevNews_headband{
	border:1px #c8c8be solid;
	background-color:#efefef;
	margin-bottom:20px
}

div.prevNews_headband a{
	padding:5px 0 5px 40px;
	font-weight:bold;
	display:block;
	background:url('images/prevNewsArrow.gif') 15px 9px no-repeat;
	font-size:12pt
	/*text-transform:uppercase*/
}


/* CENTRE LARGE */
#centre_large {
	float:left;
	width:800px; 
	/* margin:8px 0 0 190px; ---> 190 pour dans le cas où #entre_large est utilisé après #centre (ex: carte de la page d'accueil) */
	margin:0;
}

.centre_large_box_top {
	height:36px;
	background:#c8c8be url('centre_box_top.png') repeat-x;
	border:1px #c8c8be solid;
	padding-left:0px;
	line-height:20px;
	
}

.centre_large_box_body {
	border-left:1px #c8c8be solid;
	border-right:1px #c8c8be solid;
	padding: 8px;
	overflow:auto;
	background-color:#f7f7ee
}

.centre_large_box_body p{
	margin:0;
	padding:4px
}

.centre_large_box_body img.carte, .centre_large_box_body object {
	width:796px;
	margin-left:0px;
	overflow:hidden;
}


.centre_large_box_top h2 {
	margin:0;
	padding:8px 0 0 16px;
	color:#76a2ca;
}

.centre_large_box_bottom {
	height:4px;
	border-left:1px #c8c8be solid;
	border-right:1px #c8c8be solid;
	border-bottom:1px #c8c8be solid;
	text-align:center;
	padding:0px;
	background-color:#f7f7ee
}



/* NEWS */
.news {
	width:99%;
	min-height:120px;
	background-color:#f1f6f0;
	color:#444;
	margin-bottom:10px;
	padding:6px
}

.news_more {
	display:none;
	width:589px
}

.news img {
	border: 2px solid #c7e8be;
	float:left;
	margin:2px 4px 0 6px;
}

.news_title {
	font-weight:bold;
	font-size:10pt;
	padding-left:0px
}

.news_date {
	font-size:7.5pt;
	color:#999;
}

.news_text img {
	border:0px solid #c7e8be;
	margin:0 4px;
}

.news_main{margin-bottom:20px}
.last_news{margin-bottom:0}
.odd_news{background-color:#edfff1 !important} /* old : f5fff7, moins saturé */


/* WHOSWHO */
#whoswho {
	text-align:left;
	height:1100px;
	margin-top:-10px !important; /* on réhausse le bloc pour FF */
	margin-top:0;
}

.whoswho_row{
	margin:10px 0 20px 0; /*Margin-bottom non prise en compte par FF mais prise en compte par IE*/
}

.whoswho_agent {
	float:left;
	width:122px !important;
	height:56px !important;
	width:126px;
	height:60px;
	background:#fff url('images/whoswho_agent_bg_green.png') no-repeat;
	padding:2px;
	margin:4px;
	text-align:center;
}

.whoswho_agent a{
	display:block;
	margin-bottom:6px
}

.whoswho_agent_blue {
	background:#fff url('images/whoswho_agent_bg_blue.png') no-repeat;
}

.whoswho_agent_blue a
{
	color:#76a2ca;
	text-decoration:none
}

.whoswho_agent_blue a:hover
{
	color:#0053a1;
	text-decoration:underline;
}

.first {
	font-weight:bold;
}

.whoswho_h1 {
	height:20px;
	/*width:797px;*/
	margin-left:4px;
	background:#adada5;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	padding-top:2px;
	clear:both;
}

.whoswho_h2 {
	height:16px;
	margin-left:4px;
	background:#c8c8be;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	clear:both;
}

.whoswho_h3 {
	height:14px;
	margin-left:60px;
	background:#c8c8be;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	/*
	padding-left:300px !important;
	width:380px !important;
	padding-left:300px;
	width:680px;
	*/
	width:580px;
	clear:both;
}

span.whoswho_heading
{	padding-left:120px;
}

#agent_photo {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	width:116px;
	height:0px;
	background:#c7e8be;
	text-align:center;
}

#agent_photo img{
	margin: 4px 0 0 0;
	height:0px;
	border:1px solid #c8c8be;
}
	

.clear{
	clear:both;
}

p.small{
	font-size:0.8em;
}

img.more{
	border:0;
	margin:0 2px 0 4px;
}

img.main2{
	border: 2px solid #c7e8be;
	float:left;
	margin:2px 4px 0 6px;
}

p.em{
	font-weight:bold;
	padding-top:8px;
}

a.docBarButton:hover{
	background-color:#c7e8be !important;
	color:#fff !important;
	text-decoration:none;
}

div#btnClose{
	width:14px;
	height:18px;
	border:1px solid #c8c8be;
	background-color:#c7e8be;
	color:#fff;
	font-weight:bold;
	float:right;
	text-align:center;
	font-size:1.2em;
	cursor:pointer;
}

/* DIV SCROLL (RIGHT MENU) */
div.scroll_menu{
	/*background-color:#ccc;*/
	height:180px;
	overflow:auto
}

div.scroll_menu ul{
	list-style:none;
	margin:0 0 0 -36px !important; /*FF*/
	margin:0 0 0 4px;
	/*height:1000px*/
}

div.expand_menu ul{
	list-style:none;
	margin:0 0 0 -36px !important; /*FF*/
	margin:0 0 0 4px
}

div.scroll_menu ul li, div.expand_menu ul li{
	border-bottom:1px #ccc solid;
	margin-bottom:4px;
	padding-bottom:4px;
	color:black
}

div.scroll_menu ul li.last, div.expand_menu ul li.last{
	border-bottom:0;
	margin-bottom:0;
}

div.scroll_menu p, div.expand_menu p{font-weight:bold}

div.scroll_menu h4, div.expand_menu h4{
	font-weight:bold;
	padding:2px;
	margin:0;
	color:#444;
	font-size:7.5pt
}

div.scroll_menu_bg{
	background:#fff url('images/scroll_menu_bg.jpg') repeat;
	height:300px
}


/* Images */
img.imgNews {
	border: 2px solid #c7e8be;
	float:left;
	margin:2px 4px 0 6px
}

img.country{
	float:right;
	margin-top:-30px;
}

/* Map & dialog box */
#dialog{
	position:absolute;
	/*float:left;*/
	width:450px;
	height:250px;
	overflow:auto;
	background-color:#F7F7F7;
	border:1px #7eb870 solid;
	z-index:1;
	display:none;
	padding:4px;
}

#dialog td{vertical-align:top}

#dialog p{
	padding:0;
	margin-top:4px
}

select#selectCountry {
	margin: 10px 0 0 20px;
	background-color: #7eb870 !important;
	color: #fff;
	font-weight: bold
}

.h2_new{
	margin:0 0 5px 0;
	color:#666;
	font-weight:bold
}

span.calendar_date{
	font-weight:bold;
	font-size:7pt
}