body{
  background-image: url('../images/arriere-plan-etendu.jpg');
  background-repeat: repeat-x;
  margin: 0;
  padding: 0;
  
  font-size: 75%;
  font-family: 'Trebuchet MS';
  
  margin-bottom: 50px;
}

  #page{
    background-image: url('../images/arriere-plan.jpg');
    background-repeat: no-repeat;
    background-position: 50% 30px;
  }
  
    #entete{
      margin: 0 auto;
      
      width: 1000px;
      height: 850px;
      
      position: relative;
      z-index: 2;
    }
    
      #entete #patronage{
        height: 62px;
        overflow: hidden;
      }
      
      #entete #patronage ol{
        margin: 0;
        padding: 0;
        text-align: center;
        color: white;
        font-family: 'Georgia', 'Trebuchet MS', Verdana;
        font-size: 160%;
      }
      
        #entete #patronage ol li{
          list-style: none; 
          line-height: 62px;
        }
        
          #entete #patronage ol li a{
            font-weight: bold;
            color: white; 
            text-decoration: none;
            border-bottom: 1px dotted #4052CF;
          }
          
          #entete #patronage ol li a:hover{
            border-bottom: 1px dotted red; 
          }
      
      #entete #logo{
        background-image: url('../images/logo.png');
        
        width: 627px;
        height: 433px;
          
        position: absolute;
        left: 120px;
        top: 91px;
        
        text-indent: -9999px;
      }
      
      #entete #menu{
        position: relative;
        
        top: -1px;
        left: 0; 
        margin: 0; 
        padding: 0;
      }
      
        #entete #menu h2{
          display: none;
        }
      
        #entete #menu li.bulle{
          position: absolute;
          text-indent: -9999px;
        }
        
          #entete #menu ul.princ{
            margin: 0px;
          }
        
          #entete #menu ul li{
            list-style: none; 
            position: absolute;
          }
          
            #entete #menu a{
              font-weight: bold;
            }
          
            #entete #menu .sous-menu{
              /* background-image: url('../images/bulles-arriereplan_plus-sombre.png'); */
              -moz-border-radius: 15px;
              border-radius: 15px;
              color: white;              
            }
          
            #entete #menu .sous-menu ul{
              direction: rtl;
            }
          
              #entete #menu .sous-menu li{
                position: relative;            
                text-indent: 0px;
                padding-right: 20px;
                line-height: 20px;
                
                font-weight: bold;
              }
          
            #entete #menu li.twitter{
              top: -3px;
              left: 208px;
              text-align: center;
            }
            
            li.twitter a.fermer{
              background-image: url('../images/telechargez-logo-vectoriel_fermer.png');
              
              position: absolute;
              z-index: 2;
              
              left: 145px;
              top: -10px;
              
              text-indent: -9999px;
              
              display: block;
              
              width: 22px;
              height: 22px;	
        	}
        	
            li.twitter img{
              position: absolute;
              
              top: 55px;
              left: 37px;;
        	}
            
            li.twitter a.vectoriel{
              position: relative;
              z-index: 1;
              
              color: white;
              text-decoration: none;
              
              width: 161px;
              height: 65px;
              
              background-repeat: no-repeat;
              
              display: block;
              
              text-indent: -9999px;
            }
              
            #entete #menu li.twitter a.vectoriel{
              background-image: url('../images/telechargez-logo-vectoriel.png');
            }           
            
            #entete #menu li.accueil{
              top: 2px;
              left: 30px;
              
              background-image: url('../images/bas-onglet.png');
              background-repeat: no-repeat;
              width: 126px;
              height: 51px;
            }
                 
              #entete #menu li.accueil a{
                background-image: url('../images/home.png');
                display: block;
                background-repeat: no-repeat;
                
                padding-left: 52px;
                margin-left: 15px;
                line-height: 26px;
                
                text-decoration: center;
                
                color: white;
                text-decoration: none;
                
                width: 75px;
                height: 51px;
              } 
              
           
            
            #entete #menu li.photos{
              top: 2px;
              left: 340px;
              
              background-image: url('../images/bas-onglet.png');
              background-repeat: no-repeat;
              
              width: 126px;
              height: 51px;
            }
                 
              #entete #menu li.photos a{
                text-align: center;
                display: block;
                background-repeat: no-repeat;
                
                line-height: 26px;
                
                text-decoration: center;
                
                color: white;
                text-decoration: none;
                
                width: 126px;
                height: 51px;
              } 
              
            #entete #menu li.archives{
              top: 2px;
              left: 472px;
              
              background-image: url('../images/bas-onglet.png');
              background-repeat: no-repeat;
              
              width: 126px;
              height: 51px;
              text-align: center;
              
              color: white;
            }
                 
              #entete #menu li.archives a{
                
                text-align: center;
                background-repeat: no-repeat;
                
                line-height: 26px;
                
                text-decoration: center;
                
                color: white;
                text-decoration: none;
              }                              
               
          #entete #menu li.bulle .sous-menu{
            display: none;
            padding-top: 30px;
          }
          
            #entete #menu li.bulle .sous-menu ul{
              margin: 9px 0px 9px 32px;
              
            }
          
            #entete #menu li.bulle .sous-menu li.premier{
              visibility: hidden;
            }
            
              #entete #menu li.bulle .sous-menu li{
                border-bottom: 1px dotted white;
                margin: 0;
                padding: 0;
                
                margin-right: 15px;
              }
              
                #entete #menu li.bulle .sous-menu li:hover{
                  border-bottom: 1px dotted black;
                }
              
              #entete #menu li.bulle .sous-menu li.dernier{
                border-bottom: none; 
              }
            
                #entete #menu li.bulle .sous-menu li a{
                  display: block;
                  text-decoration: none;
                  color: white;
                  /* border-bottom: 1px dotted white; */
                }
                
                #entete #menu li.bulle .sous-menu li a:hover{
                  color: black; 
                }          
        
          #entete #menu li.programme{
            left: 770px;
            top: 50px;
            
            z-index: 4;
          }
          
            #entete #menu li.programme a.principal{
              background-image: url('../images/bulles-01-programme.png');
              width: 196px;
              height: 190px;
              
              display: block;
              
              position: absolute;
              top: 0;
              left: 0;
              z-index: 2;
            }
            
            #entete #menu li.programme .sous-menu{
              position: absolute;
              top: 150px;
              left: 45px;
              width: 180px;
              
              background-color: #C92B3E;
              
              z-index: 1;
            }
        
          #entete #menu li.concours{
            left: 560px;
            top: 225px;
            z-index: 5;
          }
          
            #entete #menu li.concours a.principal{
              display: block;
              background-image: url('../images/bulles-02-concours.png');
              width: 239px;
              height: 199px;
              
              left: 0px;
              top: 0px;
              position: absolute;
              z-index: 2;
            }
          
            #entete #menu li.concours .sous-menu{
              position: absolute;
              top: 160px;
              z-index: 1;
              width: 220px;
              left: 50px;
              
              background-color: #F29400;
            }
        
          #entete #menu li.inscription{
            left: 375px;
            top: 305px;
          }
          
            #entete #menu li.inscription a{
              display: block;
              background-image: url('../images/bulles-03-inscription.png');
              width: 187px;
              height: 160px;
            }
        
          #entete #menu li.comite{            
            left: 160px;
            top: 305px;
          }

            #entete #menu li.comite a{  
              display: block;
              background-image: url('../images/bulles-04-comite-organisation.png');
              width: 211px;
              height: 208px;         
            } 
            
          #entete #menu li.presse{
            left: 784px;
            top: 380px;
          }

            #entete #menu li.presse a{  
              display: block;
              background-image: url('../images/bulles-06-presse.png');
              width: 165px;
              height: 148px;         
            } 
            
          #entete #menu li.parteners{
            left: 480px;
            top: 550px;
          }

            #entete #menu li.parteners a{  
              display: block;
              background-image: url('../images/bulles-07-parteners.png');
              width: 165px;
              height: 148px;         
            } 
        
          #entete #menu li.contact{
            left: 0px;
            top: 260px;
          }
          
            #entete #menu li.contact a{
              display: block;
              
              background-image: url('../images/bulles-05-contact.png');
              width: 166px;
              height: 150px;          
            }

      #informations{
        position: absolute;  
        top: 250px;
        left: 385px;
        width: 210px;
      }      
      
        #informations h2{
          display: none;
        }
        
        #informations div{
          height: 32px; 
        }
        
        #informations div.lieu a{
           display: block;
           height: 32px;
           width: 160px;
           
           text-indent: -9999px;
        }
        
        #informations div.date{
          text-indent: -9999px; 
        }
        
      #langues{
        position: absolute;
        
        top: 63px;
        left: 640px;
      }
      
        #langues h1{
          display: none; 
        }
        
        #langues ul{
          margin: 0px;
          padding: 0px;
        }
        
          #langues ul li{
            list-style: none;
            float: left;
          }
          
            #langues ul li a{
              color: white;  
            }

      
        #entete #langues li{
          background-image: url('../images/langue-onglet.png');

          text-align: right;
          
          margin-right: 5px;
        }
        
          #entete #langues li a{
            text-decoration: none;
            
            display: block;
            
            width: 144px;
            margin-right: 20px;
            
            height: 26px;
            line-height: 26px;
            
            background-repeat: no-repeat;
            background-position: 15px 0px;
            
            font-weight: bold;            
          }            
          
          #entete #langues li.arabe a{
            background-image: url('../images/drapeau-arabe.png'); 
          }          
          
          #entete #langues li.anglais a{
            background-image: url('../images/drapeau-anglais.png'); 
          }        
          
          #entete #langues li.francais a{
            background-image: url('../images/drapeau-anglais.png'); 
          }
          
  #enbas-conteneur{
    background-image: url('../images/bas-arriere-plan.png');  
  }
  
    #enbas{
      width: 900px;
      height: 30px;
      margin: 0 auto;
      position: relative;    
      
      z-index: 1;
    }
  
      #enbas h1{
        margin: 0;
        padding: 0; 
        background-image: url('../images/langue-onglet.png');
        background-repeat: no-repeat;
        height: 26px;
        width: 169px;
        
        font-family: 'LilyUPC', 'Georgia';
        font-size: 170%;
        
        text-align: center;
        line-height: 26px;
        
        margin-left: 60px;
        
        color: #7D828F;
      }
      
      #enbas #copyright{
        position: absolute;
        font-family: 'Georgia';
        font-size: 130%;
        color: #7D828F;
        height: 48px;
        
        top: -48px;
        right: 0px;
      }
      
      #enbas #copyright a{
        color: #7D828F;  
        font-weight: bold;
        text-decoration: none;
      }
      
        #enbas #copyright a:hover{
          color: #C92B3E;
        }
        
      #enbas #sponsors{
        overflow: hidden;
        width: 97%;
        margin: 0 auto;
      }
      
  *[lang=ar], .arabe{
    font-family: tahoma;
    direction: rtl;
  }
  
#corps{
  width: 730px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
} 

  #corps .page{
    position: absolute;
    top: -550px;
    width: 730px;
  }
  
    #corps .page .page-titre{
      -moz-border-radius: 25px 25px 0px 0px; 
      border-radius: 25px 25px 0px 0px; 
      
      background-color: #6ECDEF;
      border-bottom: 3px solid #29226C;
      
      height: 40px;
    }
    
      #corps .page .page-titre h1{
        margin: 0; 
        padding: 0;
        line-height: 40px;
        padding-left: 25px;
        
        color: #D9F4FF;
      }
      
        #corps .page .page-titre a{
          float: right; 
          line-height: 31px;
          margin-right: 25px;
          margin-top: 4px;
          
          background-image: url('../images/pages-fermer.png');
          display: inline;
          height: 31px;
          background-repeat: no-repeat;
          background-position: 100% 50%;
          
          color: #29226C;
          text-decoration: none;
          font-weight: bold;
          
          padding-right: 40px;
          
        }
        
      #corps .page .body .erreur, #corps .page .body .cool{
        padding: 20px;
        
        margin-bottom: 30px;
        
        -moz-border-radius: 15px;            
        border-radius: 15px;
        
        text-align: center;
        
        font-weight: bold;
      }
      
        #corps .page .body .erreur{
          color: red;
          border: 2px solid #EF5959;
          background-color: #FFBFBF;
        }
      
        #corps .page .body .cool{
          color: #4B5C19;
          background-color: #C1DF5A;
        }
        
      #corps .page .body{
        background-color: #36306F;  
        color: #928EBD;
        font-size: 120%;
        
        padding: 10px 30px 10px 30px;
        overflow: auto;
        
        -moz-border-radius: 0px 0px 25px 25px; 
        border-radius: 0px 0px 25px 25px;
        
        height: 500px;
        
        /* 
         background-image: url('../images/pages-arriere-plan.png');
        */
        background-repeat: no-repeat;
      }
  
        #corps .page .body a{
          color: #D9F4FF; 
          text-decoration: none;
          
          border-bottom: 1px dotted #D9F4FF;
        }
      
        #corps .page .body h2{
          border-bottom: 1px dotted #928EBD;
        }
      
        #corps .page .body p, #corps .page .body li{
          line-height: 130%; 
        }
        
        
        #corps .page .body form{
          margin-bottom: 20px;
        }
        
        #corps .page .body form p{
          width: 450px;
          margin: 0 auto;
          clear: both;
          margin-top: 10px;
        }
        
          body #corps .page .body form textarea{
             height: 140px;
             scroll: auto;
          }
          
          body #corps .page .body form select{
            padding-right: 0;
            width: 240px;
          }
        
          #corps .page .body form input, #corps .page .body form textarea, #corps .page .body form select{
            border: 0;
            background-color: #928EBD;
            height: 30px;
            width: 220px;
            padding: 0 10px 0 10px;
            
            -moz-border-radius: 10px;            
            border-radius: 10px;
            
            color: #36306F;
            font-size: 120%;
            
            font-family:'Trebuchet MS';
          }
          
            #corps .page .body form p.invalide input, #corps .page .body form p.invalide textarea, #corps .page .body form p.invalide select{
              border: 2px solid #EF5959;
            }
          
            #corps .page .body form p.petit input{
              width: 90px;
            }
            
              #corps .page .body form p.submit{
                margin-top: 30px;
                text-align: center;
              }
              
              #corps .page .body form p.submit input{
                font-family: 'Arial';
                font-weight: bold;
                width: 150px;
                background-color: #c1df5a;
                color: #4b5c19;
              }
          
          #corps .page .body form label{
            display: block;
            width: 200px;
            
            float: left;
            font-size: 130%;  
            line-height: 130%; 
          }
          
            #corps .page .body form label:after{
              content: ':'; 
            }
        
.page{
  /* display: none; */
}


#chargement{
  position: absolute;
  display: none;
  
  z-index: 6;
  
  left: 375px;
  top: 300px;
  
  color: white;
  background-color: black; 
  margin: 0 auto; 
  width: 200px; 
  font-size: 140%; 
  padding: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;  
}

.accessibilite{
  visibility: hidden;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.centrer{
  text-align: center;
}

.a-droite{
  float: right;
}

#fr_qui-sommes-nous li{
  padding-top: 20px;
  clear: both;
}

#fr_qui-sommes-nous li img{
  border: 3px solid black; 
}

#corps .page .body p.inscription{
  margin-top: 30px;
  text-align: center;
}

#corps .page .body p.inscription a{
  padding: 10px;
  
  width: 150px;
  background-color: #c1df5a;
  color: #4b5c19;
  
  font-family: 'Arial';
  font-weight: bold;  
  
  text-decoration: none;
  
  -moz-border-radius: 5px;
  border-radius: 5px;  
}


#gallery {
	padding: 10px;
	text-align: center;
}

  #gallery ul { list-style: none; margin:0; padding: 0; }
  
    #gallery ul li { display: inline; }
    
      #gallery ul img {
      	border: 5px solid #3e3e3e;
      	border-width: 5px 5px 20px;
      }
        
        #gallery ul a:hover img {
        	border: 5px solid #fff;
        	border-width: 5px 5px 20px;
        	color: #fff;
        }
        
        html body #page #corps #gallery ul a { border: 0; }
        
        #gallery ul a:hover { color: #fff; }
        
        
/* Affichage ou nom des champs supplémentaires dans le formulaire */
#fr_inscription form .concours_4{
  display: none;
}

  #fr_inscription form#concours_4 .concours_4{
    display: block;
  }

  #fr_inscription form#concours_4 .concours_reste{
    display: none;
  }