/* CSS Document */

/* LAYOUT */

* {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

html, body {
    margin: 0;
    padding: 0;
    /*height: 100%;    */
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
/*	background-color: #FFFFFF;*/
}

.cursor {  cursor: pointer}

#container{
	width: 800px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left:9px;
	padding-right:9px;
	margin-right:auto;
    margin-left:auto;
	background-color: #FFFFFF;
	text-align:left;
}

#header{
	display:block;
	width: 800px;
	height:195px;
}

#header #logo{
	float:left;
	width:310px;
	height:150px;
}

#header #top_banner{
	float:left;
	width:480px;
	height:150px;
	padding-left:10px;
}

#header #language_fr{
	float:left;
	width:780px;
	height:21px;
	padding-top:9px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:20px;
	text-align:right;
	background-image: url(images/bandeau-bleu_fr.gif);
	font-size:11px;
	color:#FFFFFF;
	vertical-align:middle;
	text-transform:uppercase;
}

#header #language_fr a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#header #language_fr a.selLan{
	color:#c7e5e5;
}

#header #language_fr a:hover{
	text-decoration:underline;
}
#header #language_en{
	float:left;
	width:780px;
	height:21px;
	padding-top:9px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:20px;
	text-align:right;
	background-image: url(images/bandeau-bleu_en.gif);
	font-size:11px;
	color:#FFFFFF;
	vertical-align:middle;
	text-transform:uppercase;
}

#header #language_en a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#header #language_en a.selLan{
	color:#c7e5e5;
}

#header #language_en a:hover{
	text-decoration:underline;
}

#header #language_de{
	float:left;
	width:780px;
	height:21px;
	padding-top:9px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:20px;
	text-align:right;
	background-image: url(images/bandeau-bleu_de.gif);
	font-size:11px;
	color:#FFFFFF;
	vertical-align:middle;
	text-transform:uppercase;
}

#header #language_de a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#header #language_de a.selLan{
	color:#c7e5e5;
}

#header #language_de a:hover{
	text-decoration:underline;
}

#content{
	display:block;
	clear:both;
	/*float:left;*/
	width:800px;
}

#content #left{
	float:left;
	width:160px;
	/*min-height:100%;
	_height:100%;
	height:100%;*/
	background-color:#00448F;
}

*html #content #left{
	display:inline;
}

#flash_banner_2{
	background-image: url(images/fond-tickernewsletter.gif);
	padding-left:35px;
	padding-right:5px;
	width:130px;
	height:80px;
	font-size:11px;
}

#flash_banner_2, #flash_banner_2 a{
	color:#666666;
}

#flash_banner_2 h1{
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px;
}

.separator{
	height:9px;
	background-color:#FFFFFF;
}

#content #left #last_wish{
	width:160px;
	height:auto;
	color:#FFFFFF;
	background-color:#00448F;
	font-size:11px;
	min-height:100%;
	_height:100%;
	height:100%;
}

#content #left #last_wish h1{
	font-size:11px;
	font-weight:normal;
	padding-top:5px;
	padding-left:23px;
	padding-bottom:5px;
	text-transform:uppercase;
}

#content #left #last_wish p{
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
}

#content #center{
	float:left;
	width:450px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	color:#666666;
	text-align: justify;
}

#content #center img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#content #center a.smalllink{
	font-size:10px;
}

#content #center p{
	margin-bottom:1em;
	text-align: justify;
}

#content #center h1, h1{
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	height:20px;
	margin-bottom:1em;
}

#content #center h2, h2{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
/*	text-transform:none;*/
}

#content #center.menu1  h1, #content #center .menu1  h1{
	border-bottom:1px solid #00448F;
}

#content #center .menu1  h1, #content #center.menu1  h1, #content #center.menu1  h2, #content #center .menu1 a, #content #center.menu1 a{
	color:#00448F;
}

#content #center.menu2 h1, #content #center .menu2 h1{
	border-bottom:1px solid #FF0066;
	background-image: url(images/etoiles-titrequi.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#content #center .menu2 h1, #content #center.menu2 h1, #content #center.menu2 h2, #content #center.menu2 a, #content #center .menu2 a{
	color:#FF0066;
}

#content #center.menu3 h1, #content #center .menu3 h1{
	border-bottom:1px solid #66CC00;
	background-image: url(images/etoiles-titrevoeux.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#content #center.menu3 h1, #content #center .menu3 h1, #content #center.menu3 h2, #content #center.menu3 a, #content #center .menu3 a{
	color:#66CC00;
}

#content #center .menu4 h1, #content #center.menu4 h1{
	border-bottom:1px solid #33CCFF;
	background-image: url(images/etoiles-titreaider.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#content #center .menu4 h1, #content #center.menu4 h1, #content #center.menu4 h2, #content #center.menu4 a, #content #center .menu4 a{
		color:#33CCFF;
}

#content #center.menu5 h1, #content #center .menu5 h1{
	border-bottom:1px solid #9933FF;
	background-image: url(images/etoiles-titrepartenaire.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#content #center .menu5 h1, #content #center.menu5 h1, #content #center.menu5 h2, #content #center.menu5 a, #content #center .menu5 a{
	color:#9933FF;
}

#content #center.menu6 h1, #content #center .menu6 h1{
	border-bottom:1px solid #FF6633;
	background-image: url(images/etoiles-titrenews.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#content #center .menu6 h1, #content #center.menu6 h1, #content #center.menu6 h2, #content #center.menu6 a, #content #center .menu6 a{
	color:#FF6633;
}

#content #center.menu7 h1, #content #center .menu7 h1{
	border-bottom:1px solid #3333FF;
	background-image: url(images/etoiles-titrecontact.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#content #center .menu7 h1, #content #center.menu7 h1, #content #center.menu7 h2, #content #center.menu7 a, #content #center .menu7 a{
	color:#3333FF;
}

#content #center #footer{
	font-size:10px;
	color:#999999;
	margin-top:20px;
}

#content #center #footer a{
	color:#999999;
	text-decoration:none;
}

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


#content #right{
	float:left;
	width:170px;
	height:auto;
}


/* LAYOUT ADJUST */
#content #left, #content #center, #right
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
/* End Mac IE5 filter */
#content
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
	
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#content
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#content:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#content
	{
	display: inline-block;
	}
/*\*/
#content
	{
	display: block;
	}
/* end easy clearing */
/* END LAYOUT ADJUST */

/* DROPDOWN MENU */
#content #left ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px; /* Width of Menu Items */
	border-bottom: 1px solid #FFF;
	font-size:11px;
	background-color:#FFFFFF;
	}
	
#content #left ul li {
	position: relative;
	vertical-align:middle;
	border-bottom: 1px solid #FFF;
	text-transform:uppercase;
}

	
#content #left li ul {
	position: absolute;
	left: 159px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	border-left:1px solid #FFFFFF;
}


/* Styles for Menu Items */
#content #left ul li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	/*background: #fff; /* IE6 Bug */*/
	padding:5px;
	border-right:1px solid #FFFFFF;
	 /* IE6 Bug */
	/*border-bottom: 0;*/
}

#content #left ul li a:hover {
	background-image: url(images/etoile_menu.png);
	background-repeat: no-repeat;
	background-position: 2px center;
}

#content #left ul li.menu1 a, #content #left ul li.menu2 a, #content #left ul li.menu3 a, #content #left ul li.menu4 a, #content #left ul li.menu5 a, #content #left ul li.menu6 a, #content #left ul li.menu7 a{
	padding:5px;
	padding-left:23px;
}
#content #left ul li.menu1, #content #left ul li.menu1 a{
	background-color:#00448F;
}

#content #left ul li.menu2, #content #left ul li.menu2 a{
	background-color:#FF0066;
}

#content #left ul li.menu3, #content #left ul li.menu3 a{
	background-color:#66CC00;
}

#content #left ul li.menu4, #content #left ul li.menu4 a{
	background-color:#33CCFF;
}

#content #left ul li.menu5, #content #left ul li.menu5 a{
	background-color:#9933FF;
}

#content #left ul li.menu6, #content #left ul li.menu6 a{
	background-color:#FF6633;
}

#content #left ul li.menu7, #content #left ul li.menu7 a{
	background-color:#3333FF;
}

/* Holly Hack. IE Requirement \*/
* html #content #left ul li { float: left; height: 1%; }
* html #content #left ul li a { height: 1%; }
/* End */

#content #left li:hover ul, #content #left li.over ul { display: block; } /* The magic */
/* END DROPDOWN MENU */