/*LAYOUT*/
html {height:100%; width:100%; background: #062947 url('../images/background.jpg') no-repeat 50% 0; }
body {width:950px; height:100%; margin: 100px auto; font-family:"Trebuchet MS", Arial, sans-serif; color:#505050; background: transparent}
a, a:hover, a:visited, a:active, a:focus {text-decoration:none; outline:none; font-family:"Trebuchet MS", Arial, sans-serif}
:focus {-moz-outline-style:none}

/*HEADER*/
#header {position:relative; top:0; left:0; z-index:30; height:120px; background-color:#fff; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; -khtml-border-radius:15px 15px 0 0}
.de #header, .nl #header, .es #header {height: 80px;}
#header #top_logo {position:absolute; top: -35px; left: 40px; z-index:21}
#baseline {background:url('/media/images/top-title.png') no-repeat center right; text-indent:-5000px; margin:30px 0 0 70px; line-height:30px}

/*search*/
#block-search {height:90px; display:none}
#form-search {position:relative; background:url('/media/images/top-bg-search.png') no-repeat; margin:50px 0 50px 70px; height:30px; z-index:25}
#form-search #search {position:absolute; left:10px; top:0; font-size:.9em; color:#555555; background-color:transparent; width:112px; border:none}
#block-search input[type="image"] {position:absolute; left:127px; top:5px}

/*NAVIGATION*/
#navleftright {position:absolute; left:0; top:13px}
.de #navleftright, .nl #navleftright, .es #navleftright {display:none;}
#nav_left {background:url('../images/nav-ext-left2.png') no-repeat; height:37px; position:relative; top:70px; left:-10px; z-index:15}
#nav_right {background:url('../images/nav-ext-right2.png') no-repeat; width:20px; height:37px; position:relative; top:33px; left:950px; z-index:15}
#nav {position:absolute; top:95px; left:-9px; width:970px; z-index:20}


/* Menu level 1 */
#nav ul {list-style-type:none; padding:0; background:#093467}
#nav ul.level1 {height:25px; margin:0 0 0 1px}
#nav ul li {position:relative; float:left; width:160px; margin:0 1px 0 0}
#nav ul li a, #nav li .node {display:block; background:#093467 url('/media/images/top-bg-nav-1.png') repeat-x; color:#fff; text-transform:uppercase; font-weight:bold; height:25px; width:160px; text-align:center; line-height:25px; font-size:0.9em; cursor:pointer}
#nav ul li:last-child a, #nav li:last-child .node {width:162px;}
#nav ul li a:hover, #nav li .node:hover {background:#093467 url('/media/images/top-bg-nav-2.png') repeat-x}
#nav ul li a span, #nav li .node span {background:url('/media/images/nav_arrow.png') no-repeat; padding-left:20px; line-height:24px}

/* Menu level 2 */
#nav li ul {display:none; width:160px; opacity:0.9}
#nav ul.level2 li {border-bottom:solid 1px #093467}
#nav li ul.level2 a, #nav li ul.level2 .node {background:#034386}
#nav li ul.level2 a span, #nav li ul.level2 .node span {background-image:none; padding-left:0; text-transform:none; font-weight:bold}
#nav li ul, #nav li ul.level2 li.last, #nav li ul.level2 li.last a, #nav li ul.level2 li.last .node {-moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px}
#nav li ul.level2 li.last, #nav li ul.level2 li.last a, #nav li ul.level2 li.last .node {border-bottom:none}
#nav li ul.level2 li.last a, #nav li ul.level2 li.last .node {width:160px;}
#nav li:hover ul {display:block; position:absolute; top:25px; left:0}
#nav li ul.level2 a:hover {background:#0073df}


/*CONTENT : voir content.css*/
#content {position:relative; top:0; left:0; z-index:22; padding:30px 40px; width:870px; background-color:#fff}

/*NEWS : voir news.css*/

/*FOOTER*/
#footer {position:relative; top:-9px; left:-9px; height:116px; width:969px; padding:9px 0 0 0; background:url('/media/images/bg-footer.png') no-repeat; z-index:23}

#footer_left {width: 520px;}
#footer li {float:left; list-style-type:none; line-height:2.2em; height:20px; line-height:1.5em}
#footer li .node {cursor:default}
#footer li a, #footer li .node {color:#8bd9f2}
#footer li a:hover {text-decoration:underline}

#footer_nav {height:30px; margin:0 0 10px 0; overflow:hidden; padding:0;}
.de #footer_nav, .nl #footer_nav, .es #footer_nav {height:20px;}
#footer_nav ul {margin: 10px 0 0 0; padding: 0 0 0 15px;}
#footer_nav li {border-right:1px solid #8bd9f2; padding:0 10px}
#footer_nav li.last {border-right: none}

ul#nav-lang {padding: 0 0 0 10px;}
#nav-lang li {padding-bottom:2px; margin-left:5px}
#nav-lang li a {display:block; text-indent:-5000px; border-right:none; width:25px; height:23px; outline:none; background:url('/media/images/flags2.png') no-repeat;}
#nav-lang li a:hover {-moz-outline-style:none}
#nav-lang #language_fr a {background-position: 0px -23px}
#nav-lang #language_en a {background-position: -25px -23px}
#nav-lang #language_de a {background-position: -50px -23px}
#nav-lang #language_nl a {background-position: -75px -23px}
#nav-lang #language_es a {background-position: -100px -23px}
#nav-lang #language_fr a:hover, #nav-lang #language_fr.current a {background-position: 0px 0px}
#nav-lang #language_en a:hover, #nav-lang #language_en.current a {background-position: -25px 0px}
#nav-lang #language_de a:hover, #nav-lang #language_de.current a {background-position: -50px 0px}
#nav-lang #language_nl a:hover, #nav-lang #language_nl.current a {background-position: -75px 0px}
#nav-lang #language_es a:hover, #nav-lang #language_es.current a {background-position: -100px 0px}

a#newsletter {display:block; background:url('/media/images/newsletter1.png') left -2px no-repeat; text-indent:-5000px; width:126px; height:85px}
a#newsletter:hover {background:url('/media/images/newsletter2.png') left -2px no-repeat}

ul#footer_right {width:180px; margin:0; padding:15px 0 0 30px;}
#footer_right li {float:left}
#footer_right li > a {display:block; width:60px; height:15px; color:#fff; padding-top: 35px; color:#8bd9f2; text-align:center; font-size:.9em; background:url("/media/images/sprite_home.png") no-repeat;}
#footer_right li > a:hover {text-decoration:none}
#footer_right li.facebook > a {background-position:-430px 2px}
#footer_right li.youtube > a {background-position:-479px 2px}
#footer_right li.flickr > a {background-position:-528px 2px}
#footer_right li.facebook > a:hover  {background-position:-430px -140px}
#footer_right li.youtube > a:hover  {background-position:-479px -140px}
#footer_right li.flickr > a:hover  {background-position:-528px -140px}

#content img.print {
  position: absolute;
  top: 10px;
  right: 0;
  border: none;
}

/*MESSAGE BOX*/
.info, .success, .warning, .error, .validation {position:absolute; top:0px; left:0; z-index:100; width:900px; font-weight:bold; border-bottom:2px solid; border-left:0; border-right:0; border-top:0; padding:5px 10px 5px 40px; background-repeat:no-repeat; background-position:10px center; margin:0}
.info li, .success li, .warning li, .error li, .validation li {text-decoration:none; display:inline; margin-right:10px}
.info {background-color:#BDE5F8; background-image:url('/media/images/picto-info.png')}
.info li {color:#00529B}
.success {background-color:#DFF2BF; background-image:url('/media/images/picto-success.png')}
.success li {color:#4F8A10}
.warning {background-color:#FEEFB3; background-image:url('/media/images/picto-warning.png')}
.warning li {color:#9F6000}
.error {background-color:#FFBABA; background-image:url('/media/images/picto-error.png')}
.error li {color:#D8000C}

/*ERROR 404*/
#content #error404 {padding:0; border:none}