/* --------- LAYOUT --------- */
body {
  /* background: #591113 url(../images/commun/bg_global.jpg) no-repeat top center; */
  
  background: #591113;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
}

a {
  text-decoration: none;
  color: #FFF;
}
img {
  border: none;
}

    /* -- 1. Zones de document -- */
        #container {
          position: absolute;
          width: 980px;
          height: 768px;
          left: 50%;
          margin-left: -490px;
        }
        #inner-container {
          position: relative;
        }
        #header {
          position: absolute;
          width: 740px;
          height: 70px;
          top: 0px;
          left: 257px;
        }

    /* -- 2. Fonds de page -- */
    
        .decor_Journal0 {
          background: #591113 url(../images/fonds/fond-journal-0.jpg) no-repeat top center;
        }    
        .decor_Journal1 {
          background: #591113 url(../images/fonds/fond-journal-1.jpg) no-repeat top center;
        }       
        .decor_Journal2 {
          background: #591113 url(../images/fonds/fond-journal-2.jpg) no-repeat top center;
        }       
        .decor_accueil {
          background: #591113 url(../images/fonds/bg_accueil.jpg) no-repeat top center;
        }
		.decor_accueil_de {
          background: #591113 url(../images/fonds/bg_accueil-de.jpg) no-repeat top center;
        }
		.decor_accueil_en {
          background: #591113 url(../images/fonds/bg_accueil-en.jpg) no-repeat top center;
        }
		
        .decor_recommander {
          background: #591113 url(../images/fonds/bg_recommander.jpg) no-repeat top center;
        }    
		.decor_rideau {
          background: #591113 url(../images/fonds/bg_groupes.jpg) no-repeat top center;
        }
    

        
    
    /* -- 3. Headers -- */
        H1{
        	text-align: center;
        	color:white;
        }
        h1.logo {
          padding: 0;
          margin: 0;
          text-align: left;
        }
        h2.titre {
          padding: 0;
          margin: 0;
        }

        /* -- 3.1. Navigation haut de page -- */
        #nav-top {
          list-style-type: none;
          margin: 0;
          padding: 0;
        }
            #nav-top li {
              float: left;
              color: #FFF;
              font-weight: bold; 
              margin: 0;
              padding: 0;
              font-size: 15px;
              padding: 39px 0 0 8px;
            }
            #nav-top a {
              color: #FFF;
              display: block;
            }
              #nav-top li#presse {
                width: 112px;
                text-align: center;
              }
              #nav-top li#groupes {
                width: 130px;
                text-align: center;
              }
              #nav-top li#scolaire {
                width: 130px;
                margin-right : 150px;
		        margin-left:20px;
                text-align: center;
              }
              #nav-top li#billeterie {
                margin-left: -100px;
              }
              #nav-top li#newsletter {
                width: 98px;
              }
              
        /* -- 3.2. Formulaire Newsletter -- */
            .newsletter_mail {
              width: 156px;
              border: none;
              background: #F8CD84;
              padding: 5px 3px 3px 3px;
              font-size: 11px;
              line-height: 22px;
              height: 22px;
              vertical-align: middle;
            }
            .newsletter_ok {
              width: 25px;
              border: none;
              background: #F8CD84;
              padding: 0 3px 3px 1px;
              font-size: 17px;
              font-weight: bold;
              color: #490F10;
              line-height: 22px;
              height: 22px;
              vertical-align: middle;
            }
        /* -- 3.3. Flags -- */

    /* -- 4. Navigation principale -- */
        #main-nav {
          position: absolute;
          top: 231px;
          left: 0px;
        }
            #main-nav ul {
              list-style-type: none;
              margin: 0;
              padding: 0;
            }
                #main-nav .main li {
                  color: #FFF;
                  font-weight: bold; 
                  margin: 0;
                  padding: 0;
                  font-size: 13px;
                  width: 220px;
                }
                #main-nav .main a {
                  color: #FFF;
                  display: block;
                }
                 #main-nav .main a span {
                	display: block;
                	padding-right: 25px;
                }               
                
        /* -- 4.1. Boutons Over --
        	Celui qui a d�velopp� �a est tordu !!!!
        	c'est nimp.
        */
                #decouvrez a {
                  height: 50px;
                  padding: 20px 0 0 110px; 
                }
                    .decouvrez {
                      background: url(../images/navigation_left/decouvrez.jpg) no-repeat top left;
                    }
                #saga a {
                  display: block;
                  height: 55px;
                  padding: 0px 0 0 110px; 
                }
                #saga a span {
                	padding-top: 3px;
                }     
                    .saga {
                      background: url(../images/navigation_left/saga.jpg) no-repeat top left;
                    }
                #horaires a {
                  display: block;
                  height: 52px;
                  padding: 0 0 0 110px; 
                }
                #horaires a span {
                	padding-top: 3px;
                } 
                    .horaires {
                      background: url(../images/navigation_left/horaires.jpg) no-repeat top left;
                    }
                #acces a {
                  display: block;
                  height: 53px;
                  padding: 0 0 0 110px; 
                }
                #acces a span {
                	padding-top: 13px;
                }                
                    .acces {
                      background: url(../images/navigation_left/acces.jpg) no-repeat top left;
                    }
                #boutique a {
                  display: block;
                  height: 47px;
                  padding: 0 0 0 110px; 
                }
                #boutique a span {
                	padding-top: 10px;
                } 
                    .boutique {
                      background: url(../images/navigation_left/boutique.jpg) no-repeat top left;
                    }
                #liens a {
                  display: block;
                  height: 37px;
                  padding: 0 0 0 110px; 
                }
                    .liens {
                      background: url(../images/navigation_left/liens.jpg) no-repeat top left;
                    }
                #contact a {
                  display: block;
                  height: 36px;
                  padding: 0 0 0 110px; 
                }
                    .contact {
                      background: url(../images/navigation_left/contact.jpg) no-repeat top left;
                    }
        /* -- 4.2. Outils bas de nav -- */
          .tools {
            width: 208px;
          }
              .tools li {
                width: 176px;
                padding-left: 32px;
                text-align: center;
                padding: 3px 0 3px 32px;
                margin-top: 2px
                
              }
              .tools li a {
                font-size: 13px;
                color: #F1BE75;
                font-weight: normal;
                line-height: 10px;
              }
              .tools li a:hover{
              	color: white;
              }
              .tools li a.mentions {
                font-size: 10px;
              }
              .tools li.recommand {
                padding-top: 8px;
              }
              
    /* -- 5. Contenu -- */
      #contenu-index {
        width: 170px;
        height: 230px;
        position: absolute;
        top: 335px;
        left: 50%;
        margin-left: -35px;
        color: #EBD87D;
        background: transparent;
        font-size: 14px;
        text-align: center;
      }
      #contenu-index a{
      	color: #EBD87D;
      }
      #contenu-index a:hover{
      	color: white;
      }  
	  
	 	#special_enfants {
			position:absolute;
			top:143px;
			left:688px;
			width:211px;
			height:227px;
			
			padding:30px 0 0 0;
			
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#fff;
			
			background:url(../images/fonds/bg_special_enfants.png) left top no-repeat;
		}   
		#special_enfants h2 {
			margin-bottom:5px;
			font-size:12px;
			color:#EBD566;
		} 
		#special_enfants span {
			color:#D22034;
		}
      #contenu-titre {
        width: 670px;
        height: 100px;
        position: absolute;
        top: 85px;
        left: 275px;
        color: #FFF;
        font-size: 12px;
        text-align: center;
      }
      #contenu-nav {
        width: 670px;
        height: 100px;
        color: #FFF;
        font-size: 12px;
        text-align: center;
      }
      #contenu-page {
        width: 665px;
        height: 480px;
        margin-left: 280px;

      }
      
      table.contenu {
		width:100%;
		
      }
      
      Table.contenu td {
      	color: #51352B;
        font-size: 14px;
        text-align: left;  
        vertical-align: top;
        /*border: 1px solid red;*/
      }
      Table.contenu td a{
      	color: #51352B;
      	text-decoration: underline;
      }
       Table.contenu td a:hover{
      	color: black;
      	text-decoration: underline;
      }     
      
      .decor_rideau table.contenu td {
      	color: white;
      }
      .decor_rideau table.contenu td a{
      	color: white;
      	text-decoration: underline;
      }
      .decor_rideau table.contenu td a:hover{
      	color: white;
      	text-decoration: underline;
      }    
      
      Table.contenu .colonneGauche {
         width:260px;
         padding-left: 20px; 
         padding-right: 20px; 
      }
      
      Table.contenu .colonneDroite {
         padding-left: 20px; 
         padding-right: 20px; 
      }      
      
      td.taille12 {
        font-size: 12px;
      }
      td.taille14 {
        font-size: 14px;
      }
      td.taille11 {
        font-size: 11px;
      }
      td.taille10 {
        font-size: 10px;
      }
          
     
     
      table.contenu input {
        font-size: 11px;
      }
      table.contenu input.textInput {
        width: 210px;
        font-size: 11px;
      }
      
      table.contenu textarea {
        width: 210px;
        font-size: 11px;
        font-family: Arial, Verdana, sans-serif;
      }
      
      table.contenu td.labelInput {
        font-size: 12px;
      }
	  
	  .maplink {
		cursor: pointer;
	  }
	  .maplinks a.active {
		color: #F0F;
	  }
	  

img.lien{
	background:black; 
	float:left; 
	margin-right:10px; 
	margin-bottom:2px;
}