@charset "utf-8";
/* CSS Document */

/* Reset */
* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana; }
a img { border: none; }

/* Body */
body {
	background: #0077c0 url(../WD_IMAGES/bodyBack.jpg) no-repeat 50% 0px;
	text-align: center; }
#container {
	width: 840px;
	margin: 0px auto;
	text-align: left; }

/* Header */
#header {
	background: url(../WD_IMAGES/headerBack.jpg) no-repeat 0px 0px;
	width: 840px;
	height: 187px; }
	
#language {	padding: 30px 14px 0px 15px; }
#language ul li {
	list-style: none;
	display: inline;
	font-size: 12px;
	border-left: 1px solid #ffffff;
	padding: 0px 5px 0px 10px; }
#language ul li.firstChild { border: none; }
#language ul li a { 
	color: #ffffff;
	text-decoration: underline; }
#language ul li a:hover { text-decoration: none; }

h1 a {
	display: block;
	width: 330px;
	height: 74px;
	margin: -20px 0px 0px 489px; }
h1 a span { display: none; }

#searchForm { padding: 0px 25px; }
#searchForm #search01 {
	width: 10px;
	height: 22px;
	background: url(../WD_IMAGES/search01.png) no-repeat 0px 0px;
	float: left; }
#searchForm #search02 {
	width: 114px;
	float: left; }
#searchForm #search02 input {
	width: 110px;
	font-family: Verdana;
	font-size: 11px; 
	color: #395496;
	padding: 3px 2px 4px 2px;
	border: none;
	border-top: 1px solid #0077c0;
	border-bottom: 1px solid #0077c0;
	background: #ffffff; }
#searchForm #search03 {
	width: 29px;
	height: 22px;
	float: left; }
	
#menu { padding: 30px 0px 0px 25px; }
/* Basic code - don't modify */
#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; padding: 10px 0px; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; padding: 5px; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
    
/* Essentials - configure this */
#nav ul { width: 150px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav *:hover { background-color: none; }
#nav a { color: white; line-height: 1; text-decoration: none; }
#nav li a:hover { background-color: #016db5; }
#nav li a.on { background-color: #016db5; }
#nav ul { top: 16px; }
#nav ul li a { background-color: #073570; }
#nav ul a:hover { background-color: #016db5; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* Page Header */
#pageHeader {
	background: url(../WD_IMAGES/pageHeaderBack.jpg) no-repeat 0px 0px;
	width: 840px;
	height: 140px; }
#ariane { 
	padding: 19px 0px 0px 25px;
	color: #939393;
	font-size: 12px;
	text-decoration: none;}
#ariane a {
	color: #939393;
	font-size: 12px;
	text-decoration: underline; }
#ariane a:hover { text-decoration: none; }
#title { padding: 19px 25px 0px 25px; }
#titleLeft {
	width: 17px;
	height: 81px;
	background: url(../WD_IMAGES/titleLeftBack.jpg) no-repeat 0px 0px;
	float: right; }
h2 {
	display: block;
	padding: 8px 10px 0px 10px;
	min-width: 130px;
	height: 63px;
	background: url(../WD_IMAGES/h2Back.jpg) repeat-x 0px 0px;
	float: right;
	text-align: center;
	font-size: 18px;
	color: #ffffff; }
#titleRight {
	width: 17px;
	height: 81px;
	background: url(../WD_IMAGES/titleRightBack.jpg) no-repeat 0px 0px;
	float: right; }
	
/* Page Middle */
#pageMiddle {
	background: url(../WD_IMAGES/pageMiddleBack.jpg) repeat-y 0px 0px;
	width: 720px;
	margin-top: -15px;
	padding: 0px 60px 50px 60px; }
#pageMiddle div.article {
	font-size: 12px;
	color: #07356f;
	padding: 0px 0px;
	text-align: justify; }
#pageMiddle div.article div {
	font-size: 12px;
	color: #07356f;
	padding: 6px 0px; }
#pageMiddle p {
	font-size: 12px;
	color: #07356f;
	padding: 6px 0px; }
#pageMiddle div.article p {
	font-size: 12px;
	color: #07356f;
	padding: 6px 0px; }
#pageMiddle div.article ul {
	font-size: 12px;
	color: #07356f;
	margin: 14px 30px; }
#pageMiddle div.article td {
	font-size: 12px;
	padding: 5px 0px;
	color: #07356f;
	text-align: left;}
#pageMiddle div.article a {
	font-size: 12px;
	color: #9dc130;
	text-decoration: underline; }
#pageMiddle div.article a:hover { text-decoration: none; }
#pageMiddle a {
	font-size: 12px;
	color: #9dc130;
	text-decoration: underline; }
#pageMiddle a:hover { text-decoration: none; }
#pageMiddle div.article ul li { margin: 5px 0px; }
#pageMiddle h3 { 
	color: #07356f;
	font-size: 14px;
	font-weight: bold; }
#pageMiddle h3 a { 
	color: #9dc130;
	font-size: 14px;
	font-weight: bold; }
#pageMiddle h3 a:hover { text-decoration: none; }
	
/* Page Bottom */
#pageBottom {
	background: url(../WD_IMAGES/pageBottomBack.jpg) no-repeat 0px 0px;
	width: 840px;
	height: 124px;
	padding-top: 40px; }
#topLink a {
	text-align: center;
	display: block;
	width: 44px;
	height: 19px;
	margin: 0px 0px 0px 785px;
	padding-top: 50px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: underline; }
#topLink a:hover { text-decoration: none; }
	
/* Bottom */
#bottom {
	width: 840px;
	text-align: center; }
#credits p {
	color: #ffffff;
	font-size: 12px;
	margin: 5px 0px; }
#credits p a {
	color: #ffffff;
	font-size: 12px;
	text-decoration: underline; }
#credits p a:hover { text-decoration: none; }

/* JQuery Impromptu */
.jqifade{
      position: absolute;
      background-color: #aaaaaa; }
div.jqi{
      width: auto;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      position: absolute;
      background-color: #ffffff;
      font-size: 11px;
      text-align: left;
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px; }
div.jqi .jqicontainer{
      font-weight: bold; }
div.jqi .jqiclose{
      position: absolute;
      top: 4px; right: -2px;
      width: 18px;
      cursor: default;
      color: #bbbbbb;
      font-weight: bold; }
div.jqi .jqimessage{
      padding: 10px;
      line-height: 20px;
      color: #444444; }
div.jqi .jqibuttons{
      text-align: right;
      padding: 5px 0 5px 0;
      border: solid 1px #eeeeee;
      background-color: #f4f4f4;
	  display: none; }

/* Slider */
#slider {
	position: relative;
    width: 700px;
    padding: 0px 40px;
	text-align: justify; }
.scroll {
	overflow: hidden;
	width: 700px;
    margin: 0px auto;
    position: relative; }
.scrollContainer { position: relative; }
.scrollContainer div.panel { width: 350px; }
.inside { padding: 10px; }
.inside img {
	display: block;
	margin: 0px auto 10px auto;
	height: 180px; }
#slider div.inside h3 {
	font-weight: bold;
	color: #ffffff;
	font-size: 14px;
	margin: 8px 0px;
	text-align: left; }
.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer; }
.scrollButtons.left { left: 0px; }
.scrollButtons.right { right: 0px; }
.inside .desc {
	background: #1c4993 url(../WD_IMAGES/descBack.jpg) repeat-x 0px 0px;
	padding: 5px 0px; }
#pageMiddle .desc {
	font-size: 11px;
	color: #ffffff;
	padding: 5px 10px; }
.inside #descTop { 
	background: url(../WD_IMAGES/descTopBack.jpg) no-repeat 0px 0px;
	width: 330px;
	height: 6px; }
.inside #descBottom { 
	background: url(../WD_IMAGES/descBottomBack.jpg) no-repeat 0px 0px;
	width: 330px;
	height: 6px; }
#pageMiddle .desc div {
	font-size: 11px;
	color: #ffffff;
	margin: 6px 0px;
	padding: 0px 10px; }
#pageMiddle .desc p {
	font-size: 11px;
	color: #ffffff;
	margin: 6px 0px;
	padding: 0px 10px; }
#pageMiddle .desc ul {
	font-size: 11px;
	color: #ffffff;
	margin: 14px 30px; }
#pageMiddle .desc td {
	font-size: 11px;
	color: #ffffff; }


.CadreArrondis {
border: 1px;
}	
	
	
/* Gallerie Photos */
#gallery ul li {
	position: relative;
	list-style: none;
	float: left;
	padding: 10px;
	height: 100px;
	width: 100px;
	text-align: center; }
	
/* Classes */
.clearLeft { clear: left; }
.imgOnLeft { float: left; padding: 5px; }
.imgOnRight { float: right; padding: 5px; }
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }