body {
    color:white;
    margin:0px;
    background-color:black;
    height:7680px;
    background:url(img/fond.png) repeat-x;
}

/* Chaque page*/
.page {
	font-family: Tahoma, sans-serif;
    font-size:14px;
    height:768px;
    width:1005px;

    margin:auto;
    
}

/* Le header total : menu + titre + barre */

.menuhaut hr {
    
     color: white; 
     height: 1px; 
     border:none;
     background-color: white;
     float:right;
     width:380px;
}

.menuhaut {
    width:380px;
    height:31px;
    float:right;
    list-style-type:none;
  
}
       
.menuhaut li a{
    float:left;
    height:31px; 
    margin:5px 2px 0px 2px;
    color:#FFF;
    padding:0px 10px 0px 10px;
    line-height:31px;
    text-decoration:none;

   
}

.menuhaut li a:hover{

    text-shadow:0 0 8px #FFFFFF;
    background-color: rgba(0,0,0, 0.4); 
  
}

.menuActive a {
    
     text-shadow:0 0 8px #FFFFFF;
     font-weight:bold;
     background-color: rgba(231, 231, 231, 0.2); 
    
}

/* Titre de la page */

.page h1 {
    float:left;
    list-style-type:none;
}

.page h1:hover {
    text-shadow:0 0 8px #FFFFFF; 
}

/* Fin de la partie Header */

.contenu {
    width:640px;
    height:470px;
    
}

#sponsors .contenu {
    width: 1005px;
    height:650px;
    margin :0px auto;
    margin-left:50px;
        text-align:center;
}

#sponsors .contenu img {

    margin:30px 70px 0px 15px;
}

/* Partie de CSS pour l'ACCUEIL */
#accueil {
    background: url(img/accueil.jpg) no-repeat bottom;
}

#accueil .contenu {
    color:black;
    float:right;
    margin:50px 60px 0 0;
    display:none;
   /* border:1px solid black; */  /* Pour les tests ...*/
    
}

#accueil h2, #dej h2, #pougne h2, #liste h2 {
    margin-bottom:-10px;
}

#accueil .texte {

    height:400px;
    width:640px;
    
}

#accueil .boutons {
    position:absolute;
    margin:10px 0 0 450px;
    height:51px;
    width:200px;
}


#dej {
    
      background-image: url(img/ptitdej.jpg);
    
}

#dej .contenu {
  
    float:right;
    margin:50px 50px 0 0;
   /* border:1px solid black; */  /* Pour les tests ...*/
    
}

#dej .texte {

    height:400px;
    width:640px;
    
}

#dej .espace_choix {
   
    height:165px;
    width:612px;
    position:relative;

}

#dej .espace_choix .elem3 {
    text-align:center;
    height:165px;
    width:204px;
     float:left;
}
#dej .espace_choix .elem4 {
    text-align:center;
    height:165px;
    width:153px;
     float:left;
}

#dej .liensbas {
position:absolute;
        margin-top:10px;
    text-align:center;
    width:640px;

}

#dej .liensbas a, #dej .liensbas a:visited {

    text-decoration:none;
    color:white;
}

#dej .liensbas a:hover {

    text-decoration:none;
    color:black;
    background-color:white;
}

#slide1, #slide2, #slide3, #slide4, #slideactive, #slidedejaactive, #slidedejaactiveok, #slidef {
    display:none;
}

#slidedejaactive a, #slideactive a, #slidedejaactiveok a, #slidef a {
    color:grey;
}

.error-msg {
    color:red;
    display:none;
}

textarea {
    width: 600px;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
    	font-family: Tahoma, sans-serif;
	background-color:rgba(0, 0, 0, 0.2);
	background-position: bottom right;
        color:white;


}

input[type=text] {
    width:150px;
    height:17px;
    border: 3px solid #cccccc;
	padding: 5px;
    	font-family: Tahoma, sans-serif;
	background-color:rgba(0, 0, 0, 0.2);
	background-position: bottom right;
    color:white;
}


/* PARTIE SUR LA LISTE*/

#liste {
    background: url(img/liste.png) no-repeat;
    margin:auto;
}

#liste .contenu {
    color:black;
    float:right;
    margin:50px 60px 0 0;
    width:600px;
    height:450px;
}

#liste .cgauche {
    float:left;
    height: 300px;
    width:235px;
    margin:110px 0px 0px 35px;
}

#liste #pole li{
    width:200px;
}

#liste .sousmenu {
    list-style-type:none;
    margin-left : -20px;
}

#liste .sousmenu li {
    margin-bottom:5px;
    width : 50px;
}

#liste .sousmenu li a{
    margin-bottom:10px;
    text-decoration:none;
    color:black;
    
}

#liste .sousmenu li a:hover{

    background-color: white;
}

/* FIN LISTE */


#calendrier {
    
      background: url(img/calendrier.jpg) no-repeat bottom;
    
}

#calendrier .contenu {
   
    float:right;
    margin:50px 60px 0 0;
   /* border:1px solid black; */  /* Pour les tests ...*/
    
}

#calendrier .texte {

    height:400px;
    width:640px;
    
}

.pageSpe {
    
    
    font-size:14px;
 
    width:100%;
    
    margin:auto;
}

#mort {
      background: url(img/tetedemort3.jpg) bottom left repeat-x;
}

#herbe {
    
     background: url(img/herbe.png) bottom left repeat-x;
}

/* POUGNE ----- ENFER */

#pougne {
    background: url(img/enfer.png) no-repeat center;
}

#pougne .contenu {
    color:#a9a9a9;
    float:right;
    margin:80px 40px 0 0;
  /*border:1px solid white; */  /* Pour les tests ...*/
    
}

#pougne .menuhaut li a {
    color:black;
}

#pougne .menuhaut hr {
    background-color:black;
}

#pougne .menuhaut li a:hover{

    text-shadow:0 0 8px #FFFFFF;
    background-color:rgba(231, 231, 231, 0.4);  
  
}

#pougne .menuActive a {
    
     text-shadow:0 0 8px #FFFFFF;
     font-weight:bold;
     background-color: rgba(59,3,9, 0.4); 
    
}

#pougne .gauche {
    width:200px;
    float:left;
}
#pougne .droite {
    width:440px;
    float:right;
}

#pougne a {
    text-decoration:none;
    color:white;
}

/* FIN POUGNE*/

/* PAGES NUAGES */
#ciel {
    background: url(img/nuages1.jpg) no-repeat bottom;
}
#ciel2 {
    background: url(img/nuages2.jpg) no-repeat bottom;
}

/* FIN NUAGES */


/* LISTE */
    
    #liste .ptitlien a {
        font-size:11px;
    }
     #liste .ptitlien a:hover {
        font-size:12px;
      
    }
    
    #liste .contenu .image {
        text-align:center;
    }
    
    
     #liste .contenu .programme {
            line-height:23px;
     }

#worms1 img {
    margin-bottom:30px;
}


.demotip { 
    display:none; 
    background:transparent url(img/tip3.png); 
    font-size:14px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:black;  
}

.demotip h4 {
    margin-top:-5px;
    margin-bottom:5px;
    font-size:16px; 
}

#sponsors .contenu a img {
    text-decoration:none;
    border:none;
}


.clear {
    clear:both;
}