/*-------------------------------------------------------------
 Global style
---------------------------------------------------------------*/

/* Reset */
body, h1, h2 {margin: 0; padding: 0; font-family: Arial, sans-serif; background: url(../images/bg.jpg) 0 0 repeat-x; height: 264px;}
caption, th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0; border: 0;}
map {display: block; visibility: hidden;}
:focus {outline: 0;}
img {border: 0;}


/*-------------------------------------------------------------
 Typography
---------------------------------------------------------------*/
html, input, select, textarea {font-size: 100%;}

a {color: #000; outline: none;}

/*-------------------------------------------------------------
 naviguation
---------------------------------------------------------------*/
#nav {position: absolute; top: 64px; left: 0; width: 850px;}
#nav ul {padding: 0; margin-left: 0;}
#nav li {float: left; list-style: none; font-size: 12px; }
#nav a {float: left; margin: 0 0px; color: #000; text-decoration: none; display: block; cursor: pointer;}
#nav a:hover {color: #000;}

#nav span {display: block; float: left; height: 23px; height: 10px; padding: 5px 24px; }
#nav span.navBlocLeft {width: 2px; padding: 0;}
#nav sup {font-size: 5px;}
#nav a.on {color: #fff; font-weight: bold;}
#nav a.on:hover {color: #fff;}
#nav a.on .navBlocLeft {background: url(../images/bg_nav_left.gif) left -1px no-repeat; width: 2px; height: 23px; margin: 0; padding: 0;}
#nav a.on span {background: url(../images/bg_nav_right.gif) right -1px no-repeat;}




/*-------------------------------------------------------------
 subnav
---------------------------------------------------------------*/

.subNav {background: url(../images/bg_subNav.gif) 0 0 no-repeat; width: 980px; height: 29px; 
padding: 0 0 0 10px; position: absolute; top: 100px;}


.subNav ul {height: 29px; list-style: none; margin: 0; padding: 0;}
.subNav li {display: block; float: left; margin: 2px 28px 0 10px;}
.subNav li.on {font-weight: bold; color: #fff;}
.subNav a {font-size: 11px; text-decoration: none; color: #fff; display: block; height: 29px; line-height: 24px; float: left; }
.subNav a:hover {color: #fff;}

/*-------------------------------------------------------------
 Main zones
---------------------------------------------------------------*/
#app_logo a {padding: 0; display: block; float: left;}
#page {position: relative; left: 50%; width: 980px; margin: 20px 0 0 -490px;}
#mainBox {background: url(../images/bg_content.jpg) 0 0 repeat-y; border-bottom: 1px solid #474747; width: 980px;}

.logoGoaland {width: 96px; height: 14px; position: absolute; right: 10px; top: 82px;}
.logoGoaland a {display: block; width: 96px; height: 14px; cursor: pointer; background: url(../images/logo_goaland.gif) 0 0 no-repeat; }
.logoGoaland a span {display: none;}

.main {border: 1px solid #000;}
#mainBox .titlePage {display: none;}
#header {position: relative; height: 133px; background: url(../images/header.jpg) 0 0 no-repeat; height: 129px;}

/* Lang */
.langues {position: absolute; top: 103px; right: 10px; z-index: 5;}
.langues .on {background: url(../images/hoverLang.png) 0 0 no-repeat; width: 28px; height: 29px; display: block; float: left;}
.langues .fr {background: url(../images/fr.jpg) 0 0 no-repeat; width: 20px; height: 14px; display: block; float: left; margin: 4px 0 0 4px;}
.langues .en {background: url(../images/en.jpg) 0 0 no-repeat; width: 20px; height: 14px; display: block; float: left; margin: 4px 0 0 4px;}
.langues span {display: none;}

/* footer */
#footer {font-size: 12px; display: block; margin: 20px auto 20px auto; text-align: center;}
#footer a {color: #575757;}



/*-------------------------------------------------------------
 Box
---------------------------------------------------------------*/
/* Définition global des boites */
.box {width: 225px; margin-bottom: 11px;}
.box h3 {font-size: 12px; line-height: 26px; font-weight: normal; padding-left: 12px; color: #fff; margin: 0;}
.box .box_top {height: 24px; background: url(../images/box_top.gif) 0 0 no-repeat;}

.box .box_content {background: url(../images/box_content.gif) 0 0 repeat-y;}
.box .box_footer {background: url(../images/box_footer.gif) 0 0 repeat-y; height: 5px; font-size: 0;}


/*-------------------------------------------------------------
 Clearing
---------------------------------------------------------------*/
.clear {display: block; clear: both;}
#page:after, #mainBox:after, .subNav:after {display: block; clear: both; content:"."; height: 0; visibility: hidden;}


#errorMessage{padding-left:30px;}