/* Redefinition */
html                            {margin:0; padding:0;}
body                            {margin:0; padding:0; color:#666666; text-align:center; background-color:#444444; font-family:Georgia,Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
img                             {border:0px;}
form                            {margin:0; padding:0;}
h2                              {display:inline; margin:0; padding:0; font-size:14px;}

/* Website container*/
#wrapper                        {text-align:left; width:750px; margin:55px auto 10px auto; position:relative; background:#fff; border:1px solid white; padding:0;}


/* Splash screen */
.splash_screen                  {text-align:center; background-color:#999999;}
.splash_screen a                {text-decoration:none; color:#993333}
.splash_screen a:hover          {text-decoration:underline overline;}
.splash_title                   {padding:10px 0 30px 0;}
.splash_banner                  {margin-bottom:40px;}
.splash_sections                {text-align:center; font-weight:bold; font-size:25px;}
.splash_slogan                  {padding:30px 0 30px 0;}
.splash_lang                    {padding-bottom:40px; text-align:center; font-weight:bold; font-size:20px;}

/* Langage switch*/
.language_switch                {position:absolute; top:100px; left:4px; width:25%; text-align:center;} 
.language_switch a              {color:black; text-decoration:none;}
.language_switch a:hover        {color:#993333; border:1px black dashed;}

/* Section switch*/
.section_switch                 {position:absolute; top:117px; left:4px; width:25%; text-align:center;} 
.section_switch a               {color:black; text-decoration:none;}
.section_switch a:hover         {color:#993333; border:1px black dashed;}

/* Footer */
.footer                         {clear:both; height:16px; background-color:#993333; color:white; padding:3px; font-weight:bold;}
.footer_left_part               {width:29%; text-align:left; float:left;}
.footer_right_part              {width:69%; text-align:right; float:right;}
.footer a                       {text-decoration:none; color:white;}
.footer a:hover                 {text-decoration:underline;}

/* Navigation */
.navigation_container           {z-index:10; position:relative; left:29%; height:25px;}
* html .menu li li              {display:inline;}/* Ne surtout pas toucher : correction d'un bug dans IE */
.menu span                      {display:none;}/* hide some accessibility stuff */

.menu                           {display:block; margin:0; padding:0; font-size:12px; font-weight:bold; width:100%; /* important for Opera7 */}
  
.menu li                        {width:125px; font-variant:small-caps; list-style:none; height:auto; float:left; margin-left:2px;}
.menu li a                      {color:#000000; margin:0 2px 0 2px; padding:5px; text-align:center; border-bottom:1px solid black; display:block; text-decoration:none;} 
.menu li a:hover                {color:#993333; border-bottom:1px black solid; } 
.menu ul                        {position:absolute; display:block; margin-left:-2px; padding:0;} /* Ne sert à rien pour le design du menu, mais juste pour le structure */

.menu li ul                     {visibility:hidden;} /* permet de cacher les sous-menus et de les rendre visible avec javascript*/
.menu li li                     {display:block; float:none;}
.menu li li a                   {font-weight:normal; background-color:white; border:1px solid black; margin-top:-1px; text-align:center; padding:2px 0 2px 0;} 
.menu li li a:hover             {color:#993333; background:url(../img/arrow.gif) top left no-repeat; background-color:white; border-bottom:1px black solid; }

.menu li li ul                  {position:absolute; left:122px; top:80px; /* move the sub menu verticaly */}  

/* Section and pages */
.section_wrapper                {clear:both;}
	
/* Left column */
.left_column                    {float:left; width:25%; height:auto; margin:10px 20px 10px 5px;}
.left_column_borders            {padding:2px; border:1px gray dashed; }
.left_column_title              {font-weight:bold; font-size:12px; background-color:#444444; padding:2px; text-align-left;}
.left_column_link               {padding-left:7px; height:25px; padding-top:5px;}
.left_column_link a             {color:#993333; text-decoration:none;}
.left_column_link a:hover       {text-decoration:underline;}

/* Login form in left column*/
#login_form_wrapper             {color:white; background-color:#aaaaaa;}
#login_form_wrapper label       {margin-left:15px; }
#login_form_wrapper input       {width:120px; margin-left:15px; margin-bottom:5px; background-color:#dddddd; border:1px #444444 solid; height:17px; font-size:10px; padding:0 3px 0 3px;}
.login_form_password            {width:A50px;}
.login_form_submit              {position:absolute; left:150px; top:197px; width:30px;}
.login_feedback                 {color:#E32222; font-weight:bold; font-size:9px;}
.forbidden_page                 {background:url(../img/forbidden.gif) center center no-repeat; height:300px; text-align:center; padding-top:70px;}

/* News in left column */
#scroller                       {margin-bottom:10px; margin-top:10px; text-align:left;}
#news_wrapper                   {color:white; background-color:#aaaaaa; text-align:center;}
#news_wrapper a                 {color:#993333; text-decoration:none;}
#news_wrapper a:hover           {text-decoration:underline;}
.news_date                      {color:#993333; font-weight:bold; font-size:12px; padding-left:3px;}
.news_content                   {font-weight:normal; font-size:12px; margin-left:7px; margin-right:2px;}
.news_footer                    {text-align:center; width:150px; margin:0 auto 0 auto; position:relative; border-top:1px solid white; padding:5px 0 5px 0;}

/* Application form */
#application_form               {border:0px solid black;}
#application_form .fieldLabel   {width:170px; margin-left:50px; float:left;}
#application_form .form_row     {}
#application_form input, select,textarea {font-family:Georgia,Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:5px; color:#444444;}
#application_form .submit       {margin-left:200px;}
#application_form .mandatory    {color:#993333}
.application_feedback           {color:#E32222; font-weight:bold; font-size:11px; padding:15px;}
#application_form .title        {padding-top:20px; padding-bottom:20px;}
#application_form .textarea     {width:270px; height:120px;}

/* Search engine */
#search_engine                  {}
#search_engine .input, .select  {margin:0;}
#search_engine .input           {margin-top:5px; margin-left:64px; font-family:Georgia,Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px; color:#444444; padding-left:3px;}
#search_engine .input2          {margin-top:5px; margin-left:63px;}

/* Pagenav system & Members list */
#list_pagenav_container                 {margin:10px auto 20px auto; border:0px solid black;}
#list_pagenav_container .other_page     {font-weight:bold;}
#list_pagenav_container .current_page   {font-weight:bold; font-size:16px;}
.list_pagenav_table                     {}
.list_pagenav_td_left                   {width:20px;}
.list_pagenav_td_middle                 {font-size:12px;}
.list_pagenav_td_right                  {width:20px;}
.list                                   {font-size:12px;}


/* Right column and pages */
.right_column                   {height:auto;}

.page_header                    {color:#993333; font-weight:bold; font-size:14px; padding-top:14px; margin-right:2%;}
.page_header_without_sub        {color:#993333; font-weight:bold; font-size:14px; padding-top:14px; margin-right:2%; margin-bottom:20px;}
.page_header_sub                {text-align:right; font-size:10px; font-weight:normal;}
.page_header_sub a              {text-decoration:none; color:#666666;}
.page_header_sub a:hover        {text-decoration:underline; color:#993333;}

.page_main                      {padding:10px; margin-left:28%;}
.page_main a                    {color:#993333; text-decoration:none;}
.page_main a:hover              {text-decoration:underline;}

.float_left                     {float:left;}
.float_left img                 {float:left; border:1px solid gray; padding:2px; margin-right:10px;}

.hider      		            {display:none;}/* Ce style CSS ne dois pas être enlevé, sinon les divs ne se cacherons pas ... */
.faq_answer                     {position:relative; width:40 0px; padding:4px 4px 10px 17px;}
.faq                            {width:480px;}
.news_date2                     {color:#993333; font-weight:bold;}
.member_warning                 {background-color:#FBDEDE; padding:5px; text-align:center; color:#444444;}

/* Profile */
.profile                        {height:150px;}
.name                           {font-size:25px; font-weight:bold; color:#993333;}
.list_return                    {text-align:right;}
.section_title                  {font-size:13px; font-weight:bold; color:#993333; padding-bottom:10px; }
.section_table                  {font-size:12px; margin-top:20px;}
.section_table td               {border:1px solid gray; padding:6px;}
