/*** Normalized ***/

/*pour janvier 2009*/
/*-- container contient tout ce qui est sous le header et se temine par le footer ----------*/

/*remarque contient sub_container_paragr et sub_container_anim qui ne sont pas utilises
*/


#container {
   /*padding: 0;*/
   /* background: url(../resources/deco/maquette2.jpg) no-repeat;*/
    position: relative;/*ce relative et le margin auto de body permettent de centrer*/
    top: 0px;
   left: 0px;
    width: 855px;/*850px;*/
    margin: 0 auto;
  /*  padding-top: auto;
    padding-bottom: auto;
    padding-left: auto;
    padding-right: auto;*/
}

/*--- the container is devided in columns ----------------------*/
/*#left_column*/
#sub_container1
 {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;/*0px;*/
    margin-right: auto;/*0px;*/
    float:left;   /*position: absolute; KO pour footer relative : KO pour visibilite*/
    top: 0px;/*0 par rapport au container 225px;en absolu*/
    left: 1px;
    width: 174px;/*280px;*/
    /*background: url(../resources/style/left_column.jpg) repeat-y;*/
    /*background: url(../resources/style/fond_total.jpg) repeat-y;*/
    border-top-style: inset;
    border-bottom-style: outset;
    border-left-style: inset;
    border-right-style: outset;
    border-top-color: #00ccff;
    border-bottom-color: #00ccff;
    border-left-color: #00ccff;
    border-right-color: #00ccff;
}
/*#center_column */
#sub_container2 {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    position: absolute;
    top: 0px;/*0 par rapport au container 225px;en absolu*/
    left: 176px;/*282px;*/
    width: 520px;/*280px;*/
    /*background: url(../resources/style/center_column.jpg) repeat-y;*/
    /*background: url(../resources/style/fond_total.jpg) repeat-y;*/
    border-top-style: inset;
    border-bottom-style: outset;
    border-left-style: inset;
    border-right-style: outset;
    border-top-color: #00ccff;
    border-bottom-color: #00ccff;
    border-left-color: #00ccff;
    border-right-color: #00ccff;
}

/*#right_column*/
#sub_container3 {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;/*0px;*/
    margin-right: auto;/*0px;*/
    position: absolute;
    top: 0px;/*0 par rapport au container 225px;en absolu*/
   width: 150px;/*280px;*/
    
    left: 703px;/*564px;*/
    border-top-style: inset;
    border-bottom-style: outset;
    border-left-style: inset;
    border-right-style: outset;
    border-top-color: #00ccff;
    border-bottom-color: #00ccff;
    border-left-color: #00ccff;
    border-right-color: #00ccff;
}



/*--- in every column can stand special paragraphs ---*/

#sub_container_paragr {
    position: relative;
    top : 0px;
    left: 0px;
}

#sub_container_anim {
    position: relative;
    top : 0px;
    left: 0px;
}



/*--- header ---------------------------------------------------------------*/

#header {
    position: relative;
    padding: 0;
    width: 855px;
    height: 226px;/*pour compteur a 207 + menu... 184px;*/ 
    top: 0px;
    left: 0px;
   
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
   /* margin: 0 auto;*/
  
 
}

/*--- sur_titre -----------------------------------------------------------*/

#sur_titre {
    position: absolute;/*relative;*/
    top: 2px;
    left: 310px;/*155px;*/
    width: 387px;/*542px;*/
    height: 66px;/*63px;*/
    /*background: url(../resources/style/sur_titre.jpg) no-repeat;*/
    font-family: Arial,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: #0099ff;
    text-align: center;
}
/*--- dates_even -----------------------------------------------------------*/

#dates_even {
    position: absolute;
    top: 2px;/*75px;*/
    left: 2px;
    width: 150px;
    height: 150px;
    background: url(../resources/style/dates_even.gif) no-repeat;
    font-family: arial;
    font-size: 12px;
    color: #ffff00;
    font-weight: bold;
}



/*--- menu0 -----------------------------------------------------------*/

#menu0 {
    display: inherit;/*utilisera menulink normalement*/
    position: absolute;
    top: 180px;/*160px;*//*154px;*/
    left: 2px;
    width: 849px;
    height: 40px;/*46px;*/
}

#menurectangle1 {
    display: inline;/*les div menurectangle1 s'alignent horizontalement*/
    position: relative;
    top: 2px;/*3px;*/
    left: 2px;
    width: 84px;/*80px;*//*178px;*/
}
/*--- compteur -----------------------------------------------------------*/

#key_counter {
    position: absolute;
    top: 2px;
    left: 499px;/*699px;*/
    width: 150px;
    height: 150px;/*223px;*/
/*    background: url(../resources/style/guerrier_counter.gif) no-repeat +40% +0%;*/
    font-family: arial;
    font-size: 12px;
    color: #ffff00;
    font-weight: bold;
}

#county {
    background: url(../resources/style/logogif_.gif) no-repeat;
}

/*--- logo -----------------------------------------------------------------*/

#logo {
    width: 149px;
    height: 66px;
    position: absolute;
    top: 2px;
    left: 155px;/*3px;*/
    background: url(../resources/logogif_.gif) no-repeat;
}

/*--- caption (as text or background image) --------------------------------*/

#slogan {
    position: absolute;
    top: 68px;/*65px;*/
    left: 155px;
    height: 84px;/*36px;*/
    width: 542px;
    color: #930103;
  font-family: Arial,sans-serif;
  font-style: normal;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;  
    /*background-color: #ffcccc;*/
}


/*--- footer ---------------------------------------------------------------*/
  
#footer {
    margin: 0;
    padding: 0;
    width: 855px;
    height: 30px;
    line-height: 30px;
  /*  clear: both;*/
    background: transparent url(../resources/style/footerbg.gif) bottom left repeat-y;
    position: relative;
    top: 2px;
    left: 0px;
}

#footer_text {
    padding: 0 0 0 210px;
    margin: 0;
    text-align: left;
    color: #ff4a01;
  font-family: Arial,sans-serif;
  font-style: normal;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
/*  color: #999;*/
}

/*-------------------------------------------------------------------*/
/*  default-styles for html-elements                        */
/*------------------------------------------------------------------*/

/*--- body ---------------------------------------------------------*/

body#main_body {
    
    padding: 0;
/*    text-align: left;*/
background: url(../resources/style/fond_total.jpg);
/*    background-color: #dcdcff;ici*/
/*SCROLLBAR-FACE-COLOR: #ff0000;
SCROLLBAR-HIGHLIGHT-COLOR: #ffca00;
SCROLLBAR-SHADOW-COLOR: #ffc000;
SCROLLBAR-3DLIGHT-COLOR: #ff0000;
SCROLLBAR-ARROW-COLOR: #ff00ff;
SCROLLBAR-TRACK-COLOR: #ff0000;
SCROLLBAR-DARKSHADOW-COLOR: #ffcaca;
*/
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}

/*--- definition des proprietes des classes --------------------------------*/
/*--- paragraph ------------------------------------------------------------*/

.content {
    margin: 5px 0 20px 0;
    padding: 0;
    line-height: 1.3;
    font-family: arial;
    font-size: 12px;
    color: #99ffff;/*ecriture bleu ciel*/
}

.content p {
    margin: 5px 0 20px 0;
    padding: 0;
    line-height: 1.3;
    font-family: arial;
    font-size: 12px;
    color: #99ffff;/*ecriture bleu ciel*/
}

/*--- tables ---------------------------------------------------------------*/

.content table {
    border-width: 0;
    border-collapse: collapse;
    margin-left: 1px;
}

.content th {
    text-align: left;
}

/*--- forms ----------------------------------------------------------------*/

.content fieldset {
    padding: 15px;
    border-width: 0;
}

.content form {
    display: inline;
}

.content input {
    border-style: solid;
    border-width: 1px;
}

.content textarea {
    border-style: solid;
    border-width: 1px;
}

.content button {
    border-width: 1px;
    border-style: solid;
}
/*--- les menus ------------------------------------------------------*/
A.menulink
{
display: inline;/*en block; ca ne foncitonne que pour index.html*/
width: inherit;/*largeur de menurectangle*/
text-align: left;
font-family: arial;
font-size:12px;
font-weight: bold;
color: #ffffff;
font-weight: bold;
border: solid 1px #ffffff;
/*background-image: url(../resources/style/rectmenu.png);*/
background-image: url(../resources/style/bleu_mer.png);
/*background-image: url(../resources/style/blanc_neige.png);*/
line-height: 16px;/*30px;*/
text-decoration: none;    
}
A.menulink:hover
{
display: inline;
border: solid 1px #cccccc;
/*background-image: url(../resources/style/rectmenu_over.png);*/
background-image: url(../resources/style/bleu_mer_over.png);
/*background-image: url(../resources/style/blanc_neige_over.png);*/
text-decoration: none;
font-family: arial;
font-size:12px;
line-height: 16px;/*30px;*/
color: #ffffff;
font-weight: bold;
}

/*--------------------------------------------------------------------*/
/*  default-styles for html-elements                                  */
/*--------------------------------------------------------------------*/




/*--- headings -------------------------------------------------------------*/

.content h1 {
    color: #930103;
}

.content h2 {
    color: #930103;
}

.content h3 {
    color: #930103;
}

/*--- links ----------------------------------------------------------------*/

.content a:link {
    color: #feffb1;
}

.content a:visited {
    color: #feffb1;
}

.content a:hover {
    color: #480a0a;
}

.content a:active {
    color: #930103;
}

/*--- tables ---------------------------------------------------------------*/

.content table {
	border : 0;
	border-color: #000000;
}

.content th {
    color: #fff;
    border-color: #000000;
    padding: 3px;
}

.content td {
    padding: 3px;
	color : #fff;
}

.content tr.odd {
    color: #000;
    padding: 3px 2px 3px 2px;
}

.content tr {
    color: #000;
    padding: 3px 2px 3px 2px;
}

.content tr.even {
    color: #000;
    padding: 3px 2px 3px 2px;
}

/*--- forms ----------------------------------------------------------------*/

.content fieldset {
    border-color: #fff;
}

.content legend {
    color: #730000;
}

.content label {
    color: #730000;
}

.content input {
    border-color: #a8771c;
}

.content button {
    border-color: #000;
    background: #e0ae7a;
}

.content textarea {
    border-color: #a8771c;
}