@charset "utf-8";
/* CSS Document */
body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#bfbfbf;	
	text-align:center;
	margin:0;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	color:#003F77;
}
em {
	color:#003F77;
	font-weight:bold;
	font-style:normal;
}
sup {
	line-height:80%;
}
hr {	
	height:1px;
	background-color:#999999;
	border:none;

}
h1 {
	color:#003F77;
	margin:0 0 20px 0;
	font-size:1.25em;
	clear:both;
}
h2 {
	margin:0 0 10px 0;
	font-size:1em;
}
h2 a {
	color:#000000;
	text-decoration:none;
}
h2 a:hover {
	color:#003F77;
}
h4 {
	color:#000000;
	margin:0;
	font-size:0.875em;
}
h5 {
	margin:0;
	padding:0;
	color:#000000;
	font-size:1em;
}
h6 {
	margin:0 0 10px 0;
	padding:3px 0;
	text-align:center;
	background-color:#003F77;
	color:#ffffff;
	font-size:1em;
	clear:both;
}
ul.twoCols, ul.oneCol {
	width:190px;
	float:left;
	margin:0 0 1em 0;
	padding:0;
	font-size:0.75em;
	list-style-position:outside;
	color:#666666;
	list-style-image:url(../images/bullet.gif);
}
ul.oneCol {
	width:auto;
	float:none;
}
ul.twoCols li, ul.oneCol li {
	margin-left:16px;
}
ul.twoCols li ul, ul.oneCol li ul {
	font-size:1em;
	margin-top:1em;
}
span.metlane {
	color:#003F77;
	text-transform:uppercase;
	font-weight:bold;
}
label {
	display:block;
	font-size:0.75em;
	margin-top:4px;
	color:#666666;
}
label.invert {
	color:#ffffff;
}
input {
	display:block;
	margin:0 0 5px 0;
}
input.btn {
	background-color:#FFAA33;
}
input.txtBox {
	width:150px;
}
textarea.txtArea {
	width:100%;
	height:6em;
	font-family:Arial, Helvetica, sans-serif, "Myriad Web Pro";
}
img.right {
	float:right;
	margin-left:10px;
}
#container {
	width:1000px;
	margin:0 auto;
	border-right:1px solid #72706F;
	border-left:1px solid #72706F;
	border-bottom:1px solid  #000000;
	background-color:#ffffff;
	text-align:left;
	color:#000000;
}
#header {
	margin:0 0 0 0;
	padding-bottom:1px;
	border-bottom:2px solid #999999;
}
#header img {
	display:block;
}
#logo {
	width:300px;
	height:103px;
	float:left;
}
#logo img {
	padding-left:39px;
	padding-top:30px;
	border:none;
	width:256px;
	height:52px;
}
#headerPhoto {
	width:700px;
	height:103px;
	float:left;
}
#headerNav {
	clear:left;
	background-image:url(../images/headerNav_bg.gif);
	height:32px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
#main {
	background-image:url(../images/main_bg.gif);
	background-repeat:repeat-y;
	margin:0 0 0 0;
}
#leftCol {
	width:222px;
	float:left;
	margin:0 39px 0 39px;
	display:inline;
}
#leftNav {	
	background-image:url(../images/intro_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	padding-bottom:20px;
	margin-bottom:20px;
}
#leftNav ul {
	list-style-type:none;
	margin:0 0 0 0;
	padding:0;
}
#leftNav ul li {
	display:block;
	margin:0;
	padding:0;
	
}
#leftNav ul li.item {
	font-weight:bold;	
	padding-top:20px;
	font-size:1em;
	background-image:url(../images/left_nav_bar.gif);
	background-repeat:repeat-x;
	background-position:0 38px;
}
#leftNav ul li.subitem {
	font-weight:normal;
	padding-top:0;
	font-size:13px;
}
#leftNav ul li a {
	color:#000000;
	text-decoration:none;
}
#leftNav ul li a:hover {
	color:#003F77;	
}
#leftNav ul li ul {
	margin:5px 0 0 0;
}
#leftNav ul li ul li a {
	color:#666666;
	text-decoration:none;
	display:block;
	margin:0;
	padding:0 0 0 20px;
	line-height:18px;
	height:18px;
}	
#leftNav ul li ul li a:hover {
	color:#003F77;
	background-image:url(../images/left_nav_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;
}	
#login, #login_en {
	margin:0;
}
#login p, #login_en p {
	color:#FD9C00;
	font-size:0.6875em;
	font-weight:bold;
	margin:0 0 3px -33px;
}
#login form, #login_en form {
	background-color:#999999;
	background-image:url(../images/login_form_bg.gif);	
	position:relative;
	margin:0 0 0 -39px;
	border-top:1px solid #72706F;
	border-bottom:1px solid #72706F;
	border-right:1px solid #72706F;
	float:left;
}

#login_en form {
  background-image:url(../images/login_form_bg_en.gif);
}

#login form div.formContent, #login_en form div.formContent {
	padding:42px 0 10px 39px;
	width:210px;
}
#contentContainer {
	width:700px;
	float:left;
}
#content {
	margin:16px 42px;
}
#intro, #introAccueil {
	background-image:url(../images/intro_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	margin-bottom:0px;
	padding-bottom:20px;
}
#intro {
	padding-bottom:0px;
}
#intro p, #introAccueil p {
	padding-bottom:20px;
	font-size:0.75em;
}
#central {
		
}
#central div {
	width:300px;
}
#central div p {
	font-size:0.8125em;
	color:#666666;
	margin:10px 0 0 0;
}
#central img {
	float:right;
	border-left:2px solid #999999;
	padding:0 0 0 1px;
	margin:-1px -42px -1px 0;
}
#centralText {
	padding-top:20px;
}
#outro {
	clear:right;
	padding-top:20px;
	background-image:url(../images/intro_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
#outro p, #contenu p {
	font-size:0.75em;
	color:#666666;
	margin:20px 0;
	padding:0;
}
#outro img {
	float:left;
	margin-right:20px;
	border:1px solid #003F77 ;
}
#contenu form {
	clear:left;
}
#contenu table {
	margin-bottom:20px;
}
#contenu table tr {
	vertical-align:top;
}
#contenu table tr td.labelCell {
	width:150px;
	padding-left:25px;
}
#map {
	width: 350px; 
	height: 300px;
	float:left;
	display:inline;
	margin:0 20px 20px 0;	
	border:1px solid #cccccc;
}
#footer {
	font-size:0.6875em;	
}
#footer p {
	width:700px;
	float:right;
	text-align:right;
	margin:14px 43px 0 0;
	display:inline;
}
#footer img {
	width:212px;
	height:38px;
	display:block;
	margin:0px 48px 5px 40px;
	padding-top:5px;
	border:none;
}
#footer p.invert {
	background-image:url(../images/headerNav_bg.gif);
	background-repeat:repeat-x;
	background-color:#4E4A49;
	color:#cccccc;
	margin:0;
	padding:5px 43px;
	clear:left;
	float:none;
	width:auto;
	text-align:right;
	border-top:1px solid #000000;
	height:32px;
	line-height:32px;
	display:block;
}
#footer p.invert span {
	float:left;
}
#footerTop {
	border-bottom:2px solid #999999;
	margin-bottom:1px;
	background-image:url(../images/main_bg.gif);
	background-repeat:repeat-y;
}
div.floatRight {
	float:right;
	display:inline;
	width:208px;
	margin:0 0 1em 1em;
}

div.floatRight2 {
	float:right;
	display:inline;
	width:208px;
	margin:0 0 1em 1em;
}

div.floatRightNarrow {
	float:right;
	display:inline;
	width:108px;
	margin:0 0 1em 1em;
}

div.floatRight span, div.floatRightNarrow span, table.noborder span {
	display:block;
	margin:0 0 1em 0;
	text-align:right;
	padding:0;
	font-size:0.75em;
	color:#666666;
}

table.noborder span {
	text-align:inherit;
}

img.border {
	padding:2px;
	border:2px solid #999999;
	margin:0 0 1em 0;
}

img.borderNoMargin {
	padding:2px;
	border:2px solid #999999;
	margin:0;
}

img.noborder {
	border:none;
}

.alignRight {
	text-align:right;
}

#contenu p.unique {
	margin:0 ;
	padding:0;
}

table.noborder {
	width:100%;
	border:none;
}

#contenu p.slogan {
	text-align:center;
	color:#FD9C00;
	font-weight:bold;
}

div.bgSection {
	background-image:url(../images/murs_bg.jpg);
	border:2px solid #999999;
	margin-bottom:1em;
}

#contenu div.bgSection p {
	color:black;
	font-weight:bold;
	font-size:0.6875em;
	margin:5px;
}

#mainMessage {
	visibility:hidden;
	display:none;
}

/* MENU DE NAVIGATION HORIZONTAL */

.menu {width:1000px; height:32px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1001px; w\idth:1000px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:125px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:right;width:125px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; text-align:center; color:#fff; width:115px; height:32px; padding:0 4px 0 5px; border-right:1px solid #4E4A49; line-height:29px; font-weight:bold; text-transform:uppercase;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:125px; w\idth:115px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:32px;left:0; width:124px;border-top:1px solid #000; }
/* another hack for IE5.5 */
* html .menu ul ul {top:31px;t\op:32px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#000000 url(../images/menu_2ndlvl_bg.gif); color:#ffffff; height:auto; line-height:1em; padding:5px 10px; width:105px;border-width:0 1px 1px 1px; text-transform:none; font-weight:normal;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:127px;w\idth:105px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#E8B012; background:#000000 url(../images/headerNav_bg.gif) repeat-x top left;}
.menu :hover > a, .menu ul ul :hover > a {color:#E8B012; background:#000000 url(../images/headerNav_bg.gif) repeat-x top left;}
.menu ul ul a:hover {
	color:#ffffff;
	background:#000000 url(../images/menu_2ndlvl_bg_hover.gif);
	background-position:top left;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}