/*************************************************************/
/*        Style commun à ttes pages    site EquiPassion     */
/***********************************************************/


body {
    position: relative;
	background-color : green; 
	margin:0;
	padding:0;
	 
}


#conteneur { 
    position: relative;
	width: 1024px;
	height: auto;
	margin-left: 100px;
    margin-right: 350px;

} 


#bandeau {
	position: absolute;
	width: 1024px;
	height: 253px;
	z-index:50;
	background-image:url("images/elementsgraphiques/bannierehaut.png");
	
}



#centre {
    
	position: absolute;
	top:253px;
	left:0px;
	width:1024px;
	height:515px;
	z-index:60;	
	background-color:white;
}	



#contenu {
	float:right;
	width: 1024px;
	height:auto;
	min-height:515px;
	top: 253px;
	left:184px;
	background-color:white;
	z-index:60;
	text-align:left;
	padding-top:15px;
	
}


#footer {
    position: relative;
    float:right;
	width:1024px;
	height:60px;
	background-image:url("images/elementsgraphiques/footer.png");
	background-repeat:no-repeat;
	margin-left: auto;
    margin-right: auto;
	min-height:515px;
	z-index:20;
	
}

.divdsfooter{
    position: relative;
	background-repeat: no-repeat;
	float:right;
	width:1024px;
	min-height:515px;
	height:60px;
	
}


.copyright {
    position: absolute;
	width:96px;
	height:22px;
	top:30px;
	left:50px;
	z-index:10;

}







.forme_paragrapheinterview{
	font-family : Arial,regular;
	font-size:12;
	color:#355636;
	text-indent: 0px ;
	margin:47px 0px 40px 230px;
	text-align: justify;
    }


.forme_paragrapheinfospratiques{
	font-family : Arial,regular;
	font-size:12;
	color:#355636;
	text-indent: 0px ;
	margin:47px 0px 40px 230px;
	text-align: justify;
    }

.forme_paragrapheprogramme{
	font-family : Arial,regular;
	font-size:12;
	color:#355636;
	text-indent: 0px ;
	margin:47px 0px 40px 230px;
	text-align: justify;
    }


.forme_titreequipassion08{
	font-family : Arial,bold;
	font-size:14;
	color:#355636;
	text-indent: 0px ;
	margin:47px 20px 40px 250px;
	text-align: justify;
    }

.forme_paragrapheequipassion08{
	font-family : Arial,regular;
	font-size:12;
	color:#355636;
	text-indent: 60px ;
	margin:47px 280px 40px 250px;
	text-align: justify;
    }


/********************************************/
/*        Menu toutes pages                 */
/********************************************/


a.equipassion { /* définition de la classe "image" de la balise <a> */
    position: absolute;
	display: block; /* la balise a doit être en bloc */
	background-repeat: no-repeat;
	width:181px;
	height:61px;
	top:80px;
	left:20px;
	z-index:60;
	background-image: url("images/boutons_off/equipassion08_off.png"); /* source de l'image de départ */
     }


a.equipassion:hover { /* définition de la classe "image" de la balise <a> au survol */
    position: absolute;
	display: block;
	background-repeat: no-repeat;
	width:181px;
	height:61px;
	top:80px;
	left:20px;
	z-index:60;
	background-image: url("images/boutons_on/equipassion08_on.png");/* source de l'image d'arrivée */
     }


a.interview { /* définition de la classe "image" de la balise <a> */
    position: absolute;
	display: block; /* la balise a doit être en bloc */
	background-repeat: no-repeat;
	width:181px;
	height:67px;
	top:200px;
	left:20px;
	z-index:60;
	background-image: url("images/boutons_off/interview_off.png"); /* source de l'image de départ */
     }


a.interview:hover { /* définition de la classe "image" de la balise <a> au survol */
    position: absolute;
	display: block;
	background-repeat: no-repeat;
	width:181px;
	height:67px;
	top:200px;
	left:20px;
	z-index:60;
	background-image: url("images/boutons_on/interview_on.png");/* source de l'image d'arrivée */
     }


a.cde { /* définition de la classe "image" de la balise <a> */
    position: absolute;
	display: block; /* la balise a doit être en bloc */
	background-repeat: no-repeat;
	width:181px;
	height:74px;
	top:350px;
	left:20px;
	z-index:60;
	background-image: url("images/boutons_off/participant_off.png"); /* source de l'image de départ */
     }


a.cde:hover { /* définition de la classe "image" de la balise <a> au survol */
    position: absolute;
	display: block;
	background-repeat: no-repeat;
	width:181px;
	height:74px;
	top:350px;
	left:20px;
	z-index:60;
	background-image: url("images/boutons_on/participant_on.png");/* source de l'image d'arrivée */
     }


a.accueil { /* définition de la classe "image" de la balise <a> */
    position: absolute;
	display: block; /* la balise a doit être en bloc */
	background-repeat: no-repeat;
	width:53px;
	height:18px;
	top:-20px;
	left:85px;
	z-index:100;
	background-image: url("images/boutons_off/accueil_off.png"); /* source de l'image de départ */
     }


a.accueil:hover { /* définition de la classe "image" de la balise <a> au survol */
    position: absolute;
	display: block;
	background-repeat: no-repeat;
	width:53px;
	height:18px;
	top:-20px;
	left:85px;
	z-index:60;
	background-image: url("images/boutons_on/accueil_on.png");/* source de l'image d'arrivée */
     }

a.programme { /* définition de la classe "image" de la balise <a> */
    position: absolute;
	display: block; /* la balise a doit être en bloc */
	background-repeat: no-repeat;
	width:80px;
	height:18px;
	top:-20px;
	left:230px;
	z-index:100;
	background-image: url("images/boutons_off/programme_off.png"); /* source de l'image de départ */
     }


a.programme:hover { /* définition de la classe "image" de la balise <a> au survol */
    position: absolute;
	display: block;
	background-repeat: no-repeat;
	width:80px;
	height:18px;
	top:-20px;
	left:230px;
	z-index:60;
	background-image: url("images/boutons_on/programme_on.png");/* source de l'image d'arrivée */
     }

a.infospratiques { /* définition de la classe "image" de la balise <a> */
    position: absolute;
	display: block; /* la balise a doit être en bloc */
	background-repeat: no-repeat;
	width:115px;
	height:18px;
	top:-20px;
	left:440px;
	z-index:100;
	background-image: url("images/boutons_off/infospratiques_off.png"); /* source de l'image de départ */
     }


a.infospratiques:hover { /* définition de la classe "image" de la balise <a> au survol */
    position: absolute;
	display: block;
	background-repeat: no-repeat;
	width:115px;
	height:18px;
	top:-20px;
	left:440px;
	z-index:60;
	background-image: url("images/boutons_on/infospratiques_on.png");/* source de l'image d'arrivée */
     }

a.contact { /* définition de la classe "image" de la balise <a> */
    position: absolute;
	display: block; /* la balise a doit être en bloc */
	background-repeat: no-repeat;
	width:57px;
	height:18px;
	top:-20px;
	left:680px;
	z-index:100;
	background-image: url("images/boutons_off/contact_off.png"); /* source de l'image de départ */
     }


a.contact:hover { /* définition de la classe "image" de la balise <a> au survol */
    position: absolute;
	display: block;
	background-repeat: no-repeat;
	width:57px;
	height:18px;
	top:-20px;
	left:680px;
	z-index:60;
	background-image: url("images/boutons_on/contact_on.png");/* source de l'image d'arrivée */
     }

a.partenaires { /* définition de la classe "image" de la balise <a> */
    position: absolute;
	display: block; /* la balise a doit être en bloc */
	background-repeat: no-repeat;
	width:85px;
	height:18px;
	top:-20px;
	left:920px;
	z-index:100;
	background-image: url("images/boutons_off/partenaires_off.png"); /* source de l'image de départ */
     }


a.partenaires:hover { /* définition de la classe "image" de la balise <a> au survol */
    position: absolute;
	display: block;
	background-repeat: no-repeat;
	width:85px;
	height:18px;
	top:-20px;
	left:920px;
	z-index:60;
	background-image: url("images/boutons_on/partenaires_on.png");/* source de l'image d'arrivée */
     }


/********************************************/
/*        images                            */
/********************************************/



 .contenu { 
    position: absolute;
	width:786px;
	height:424px;
	top:90px;
	left:235px;
	z-index:70;
     }

.spectacle { 
    position: absolute;
	width:240px;
	height:180px;
	top:80px;
	left:235px;
	z-index:70;
     }

.affiche { 
    position: absolute;
	width:142px;
	height:192px;
	top:120px;
	left:235px;
	z-index:70;
     }


.carroussel{ 
    position: absolute;
	width:200px;
	height:150px;
	top:129px;
	left:780px;
	z-index:70;
     }

.programme0{
    position: absolute;
	top:290px;
	left: 275px;
	font-family : Arial,regular;
	font-size:13;
	color:;
	
     }

.programme1{
    position: absolute;
	top:320px;
	left: 275px;
	font-family : Arial,regular;
	font-size:13;
	color:;
	
     }

.programme2{
    position: absolute;
	top:650px;
	left: 275px;
	font-family : Arial,regular;
	font-size:13;
	color:;
	
     }


.lienresultat{
    position: absolute;
	top:30px;
	left: 265px;
	font-family : Arial,regular;
	font-size:14;
	color:green;
	text-align: justify;
	z-index:70;
    }

	.lienresultat1{
    position: absolute;
	top:60px;
	left: 265px;
	font-family : Arial,regular;
	font-size:14;
	color:green;
	text-align: justify;
	z-index:80;
    }