/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
   [CSS GENERAL EP ENTREPRISE]						                      
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body{
background:url('img_ep/bg.gif') top center;
padding:0px;
margin:0px;
}
img {				/* Balise images du site */
  	border: none;	/* Images du site sans bordures */
}
a {							/* Balise liens du site */
	color:#000000;			/* Couleur des liens noir */
	text-decoration:none;	/* enlève le trait sous le lien */
}
.Style1 {
	color: #FF6600;			/* Couleur orange */
	font-weight:bold;		/* Texte gras */
}
.Style2 {
	font-weight:bolder;
}
.Style13b {
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
}
.Style15n {
	color:#000000;
	font-family:Verdana;
	font-size:15px;
}
.Style15b {
	color:#ffffff;
	font-family:Verdana;
	font-size:15px;
}
.Style20n {
	color:#000000;
	font-family:Verdana;
	font-size:20px;
}
.Style20b {
	color:#ffffff;
	font-family:Verdana;
	font-size:20px;
}
.Style26n {
	color:#000000;
	font-family:Verdana;
	font-size:26px;
}
.Style26r {
	color: #CC0000;
	font-family:Verdana;
	font-size:26px;
}
.Style30 {
	color: #000;
	font-family:Verdana;
	font-weight:bold;
	font-size:30px;
}
#logo_ep {
	background-image:url('img_ep/logo1_ep.gif');
	position:absolute;
	top:10px;
	left:15px;
	width:300px;
	height:328px;
}
#fond_title {
	background-image:url('img_ep/fond_entete_ep.gif');
	position:absolute;
	top:80px;
	left:350px;
	width:600px;
	height:156px;
}
#title {
	position:absolute;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-family:Verdana;
	font-size: 36px;
	top: 47px;
	width:600px;
}
/*-------------------------------------[BOUTON_EP]----------------------------------------*/
#fond_button {
	background-image:url('img_ep/fond_bouton_rouge.gif');
	background-repeat:no-repeat;
	position:absolute;
	top: 398px;
	left: 0px;
	width: 132px;
	height: 905px;
}
.button {										/* Bouton partie (foncé) */
	background: url('img_ep/bouton_ep.png');	/* image du bouton */
	display: block;								/* ? Pour pouvoir assigner une taille */
	height: 60px;								/* Hauteur de l'image */
}
.button span {					/* Texte du bouton */
	position:absolute;			/* Positionnement absolu */
	color: #ffffff;				/* Couleur du texte (partie foncé donc texte clair*/
	font-weight:bold;			/* Police en gras */
	font-size:20px;				/* Taille de la police */
	padding-top: 16px;			/* Marge intérieur haute */
	padding-left:16px;			/* Marges intérieur gauche */
}
.button:hover,							/* Bouton visible suvolé */
.button:focus,							/* */
.button:active {						/* */
	background-position: 150px -0;		/* Toujours aligné à gauche (-0), mais déplacer de (150)pixels vers la gauche (la moitié invisible deviens visible)*/
	background-position: 150px -100%;	/* On déplace l'image de (150)pixels (la moitié de sa (largeur) pour voir la partie (clair)*/
}
.button:hover span,						/* Texte du bouton parti (clair) suvolé */
.button:focus span,						/* */
.button:active span {					/* */
	color:#000000;						/* la partie devenue visible étant (clair) le texte lui passe en (foncé)*/
	background-position: 150px -0;		/* Toujours aligné à gauche (-0), mais déplacer de (150)pixels vers la gauche (la moitié invisible deviens visible)*/
	background-position: 150px -100%;	/* On déplace l'image de (150)pixels (la moitié de sa (largeur) pour voir la partie (clair)*/
}
/*-------------------------------------------------------------------------------------------*/
#footer_ep {
	position:absolute;
	top: 1455px;
	left: 110px;
}
#footer_th {
	position:absolute;
	cursor:pointer;
	top: 1451px;
	left: 705px;
}
/*----Info-Bulle--------------------------*/
img {
  	border:none;
}
#bulle { 
	position: absolute;
	visibility: hidden;
	font-size:12px;
}
.info1{ 
	border:1px solid #666666;
	padding: 7px;
	color:#000000;
	background-color: #98bf0c;
	font-family:"trebuchet MS";
}
.info2{ 
	border:1px solid #666666;
	padding: 7px;
	color:#000000;
	background-color:#e42d22;
	font-family:"trebuchet MS";
}
.info3{ 
	border:1px solid #666666;
	padding: 7px;
	color:#000000;
	background-color:#744f97;
	font-family:"trebuchet MS";
}
.info4{ 
	border:1px solid #666666;
	padding: 7px;
	color:#000000;
	background-color:#70c6d9;
	font-family:"trebuchet MS";
}
.info5{ 
	border:1px solid #666666;
	padding: 7px;
	color:#000000;
	background-color:#f4e500;
	font-family:"trebuchet MS";
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
   [CSS PAGE EP ACCES]                                                
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#global_G3 {
	background-image:url('img_ep/fond_tache_rouge.png');
	background-color: #f7bc3e;
	position: absolute;
	margin-left:-500px;
	top: 0px;
	left: 50%;
	width:1000px;
	height: 1500px;
}
#accestext1 {
	background-color:#333333;
	color:#FF6600;
	position:absolute;
	top: 280px;
	left: 220px;
}
#ggle1 {
	position:absolute;
	top: 300px;
	left: 220px;
}
#accestext2 {
	background-color:#333333;
	color:#FF6600;
	position:absolute;
	top: 810px;
	left: 220px;
}
#ggle2 {
	position:absolute;
	top: 830px;
	left: 220px;
}
#fond_acces1 {
    background-color:#ffffff;
	position:absolute;
	top: 915px;
	left: 280px;
	width: 470px;
	height: 40px;
}
#fond_acces2 {
    background-color:#ffffff;
	color:#FF6600;
	position:absolute;
	padding-left:30px;
	font-weight:bold;
	top: 890px;
	left: 415px;
	width: 305px;
	height: 65px;
}
#accestext3 {
	background-color:#333333;
	color:#FF6600;
	position:absolute;
	top: 1380px;
	left: 220px;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
   [CSS PAGE EP VIDEOS]                                                
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#global_G6 {
	background-image:url('img_ep/fond_tache_jaune.png');
	background-color: #f7bc3e;
	position: absolute;
	margin-left:-500px;
	top: 0px;
	left: 50%;
	width:1000px;
	height: 1500px;
}
#videopho1 {
	background-image:url("img_ep/video1.gif");
	position: absolute;
	top: 300px;
	left: 220px;
	width: 700px;
	height: 1000px;
}
#videotext1 {
	position: absolute;
	top: 772px;
	left: 55px;
	width: 325px;
	height: 185px;
}
#videotext2 {
	position: absolute;
	text-align:center;
	top: 1350px;
	left: 220px;
	width: 700px;
	height: auto;
}
#videovid1 {
	position: absolute;
	top: 477px;
	left: 320px;
	width: auto;
	height: auto;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
   [CSS PAGE EP CLUB]                                                
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#global_G1 {
	background-image:url('img_ep/fond_tache_orange.png');
	background-color: #f7bc3e;
	position: absolute;
	margin-left:-500px;
	top: 0px;
	left: 50%;
	width:1000px;
	height: 1500px;
}
#clubtext1 {
	position:absolute;
	top: 300px;
	left: 220px;
	width: 700px;
	height:	auto;
}
#clubtext2 {
	position:absolute;
	font-weight:bold;
	top: 790px;
	left: 300px;
	width: 300px;
	height:	auto;
}
#clubpho1 {
	position:absolute;
	top: 730px;
	left: 620px;
	width: 300px;
	height:	151px;
}
#clubtitle1 {
	background-image:url("img_ep/carte_club.gif");
	position:absolute;
	top: 1000px;
	left: 640px;
	width: 247px;
	height: 33px;
}
#clubpho2 {
	background-image:url("img_ep/carte_membre.png");
	position:absolute;
	top: 920px;
	left: 220px;
	width: 460px;
	height: 400px;
}
#clubpho3 {
	background-image:url("img_ep/etoile_new.gif");
	position:absolute;
	top: 1050px;
	left: 570px;
	width: 350px;
	height: 350px;
}
#clublien1 {
	position:absolute;
	top: 1300px;
	left: 410px;
	width: auto;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
   [CSS PAGE EP TELECHARGEMENT]                                                
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#global_G2 {
	position: absolute;
	background-image:url('img_ep/fond_tache_vert.png');
	background-color: #f7bc3e;
	margin-left:-500px;
	top: 0px;
	left: 50%;
	width:1000px;
	height: 1500px;
}
#dowtitle1 {
	background-image:url("img_ep/les_evenementiels.gif");
	position:absolute;
	top: 350px;
	left: 220px;
	width: 473px;
	height: 33px;
}
#dowlien1 {
	position:absolute;
	text-align: left;
	top: 420px;
	left: 220px;
	width:auto;
}
#dowtitle2 {
	background-image:url("img_ep/les_tournois.gif");
	position:absolute;
	top: 500px;
	left: 220px;
	width: 318px;
	height: 33px;
}
#dowlien2 {
	position:absolute;
	text-align: left;
	top: 570px;
	left: 220px;
	width:auto;
}
#dowtitle3 {
	background-image:url("img_ep/le_club.gif");
	position:absolute;
	top: 650px;
	left: 220px;
	width: 166px;
	height: 33px;
}
#dowlien3 {
	position:absolute;
	text-align: left;
	top: 720px;
	left: 220px;
	width:auto;
}
#dowtitle4 {
	background-image:url("img_ep/accord_parental.gif");
	position:absolute;
	top: 830px;
	left: 220px;
	width: 406px;
	height: 33px;
}
#dowlien4 {
	position:absolute;
	text-align: left;
	top: 900px;
	left: 220px;
	width:auto;
}
#dowtitle5 {
	background-image:url("img_ep/reglement_interieur.png");
	position:absolute;
	top: 980px;
	left: 220px;
	width: 559px;
	height: 33px;
}
#dowlien5 {
	position:absolute;
	text-align: left;
	top: 1050px;
	left: 220px;
	width:auto;
}
#dowtitle6 {
	background-image:url("img_ep/les_videos.gif");
	position:absolute;
	top: 1130px;
	left: 220px;
	width: 251px;
	height: 33px;
}
#dowlien6 {
	position:absolute;
	text-align: left;
	top: 1200px;
	left: 220px;
	width:auto;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
   [CSS PAGE EP BOUTIQUE]                                                
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#global_G3 {
	background-image:url('img_ep/fond_tache_rouge.png');
	background-color: #f7bc3e;
	position: absolute;
	margin-left:-500px;
	top: 0px;
	left: 50%;
	width:1000px;
	height: 1500px;
}
#bouttext1 {
	position:absolute;
	top: 300px;
	left: 220px;
	width: 700px;
	height: 300px;
}
#boutpho1 {
	background-image:url("img_ep/planche_vente.gif");
	position:absolute;
	top: 630px;
	left: 220px;
	width: 700px;
	height:300px;
}
#boutpho2 {
	background-image:url("img_ep/planche_logos.gif");
	position:absolute;
	top:960px;
	left:220px;
	width:700px;
	height:300px;
}
#bouttext2 {
	position:absolute;
	top:1290px;
	left:220px;
	width:700px;
	height:50px;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
   [CSS PAGE EP QUESTIONS]                                                
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#global_G4 {
	background-image:url('img_ep/fond_tache_bleu.png');
	background-color: #f7bc3e;
	position: absolute;
	margin-left:-500px;
	top: 0px;
	left: 50%;
	width:1000px;
	height: 1500px;
}
#questext1 {
	background-image:url("img_ep/fond_papier2.jpg");
	position:absolute;
	padding:20px;
	top:300px;
	left:190px;
	width:700px;
	height:auto;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
   [CSS PAGE EP LIENS]                                                
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#global_G5 {
	background-image:url('img_ep/fond_tache_violet.png');
	background-color: #f7bc3e;
	position: absolute;
	margin-left:-500px;
	top: 0px;
	left: 50%;
	width:1000px;
	height: 1500px;
}
#liensite1 {
	position:absolute;
	top: 280px;
	left: 250px;
	width: 210px;
	height:	150px;
}
#lientext1 {
	position:absolute;
	top: 280px;
	left: 490px;
	width: 400px;
	height:	auto;
}
#liensite2 {
	position:absolute;
	top: 440px;
	left: 250px;
	width: 210px;
	height:	150px;
}
#lientext2 {
	position:absolute;
	top: 440px;
	left: 490px;
	width: 400px;
	height:	auto;
}
#liensite3 {
	position:absolute;
	top: 600px;
	left: 250px;
	width: 210px;
	height:	150px;
}
#lientext3 {
	position:absolute;
	top: 600px;
	left: 490px;
	width: 400px;
	height:	auto;
}
#liensite4 {
	position:absolute;
	top: 760px;
	left: 250px;
	width: 210px;
	height:	150px;
}
#lientext4 {
	position:absolute;
	top: 760px;
	left: 490px;
	width: 400px;
	height:	auto;
}
#liensite5 {
	position:absolute;
	top: 920px;
	left: 250px;
	width: 210px;
	height:	150px;
}
#lientext5 {
	position:absolute;
	top: 920px;
	left: 490px;
	width: 400px;
	height:	auto;
}
#liensite6 {
	position:absolute;
	top: 1080px;
	left: 250px;
	width: 210px;
	height:	150px;
}
#lientext6 {
	position:absolute;
	top: 1080px;
	left: 490px;
	width: 400px;
	height:	auto;
}
#liensite7 {
	position:absolute;
	top: 1240px;
	left: 250px;
	width: 210px;
	height:	150px;
}
#lientext7 {
	position:absolute;
	top: 1240px;
	left: 490px;
	width: 400px;
	height:	auto;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
   [CSS PAGE EP CONTACTS]                                                
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#global_G6 {
	background-image:url('img_ep/fond_tache_jaune.png');
	background-color: #f7bc3e;
	position: absolute;
	margin-left:-500px;
	top: 0px;
	left: 50%;
	width:1000px;
	height: 1500px;
}
#conttext1 {
	background-image:url('img_ep/fond_froisse.gif');
	position:absolute;
	padding: 20px;
	padding-left: 140px;
	top: 300px;
	left: 220px;
	width: 540px;
	height: auto;
}
#contpho1 {
	background-image:url("img_ep/arbre.png");
	position:absolute;
	top: 320px;
	left: 248px;
	width: 90px;
	height:	100px;
}
#contpho2 {
	background-image:url("img_ep/courrier_boite.png");
	position:absolute;
	top: 475px;
	left: 258px;
	width: 81px;
	height:	100px;
}
#contpho3 {
	background-image:url("img_ep/portable.png");
	position:absolute;
	top: 630px;
	left: 275px;
	width: 64px;
	height:	100px;
}
#contpho4 {
	background-image:url("img_ep/courriel.png");
	position:absolute;
	top: 785px;
	left: 239px;
	width: 100px;
	height:	100px;
}
#contpho5 {
	background-image:url("img_ep/msn.png");
	position:absolute;
	top: 940px;
	left: 238px;
	width: 100px;
	height:	100px;
}
#contpho6 {
	background-image:url("img_ep/porte_ouverte.png");
	position:absolute;
	top: 1097px;
	left: 279px;
	width: 60px;
	height:	100px;
}
#contpho7 {
	background-image:url("img_ep/logo_ep.gif");
	position:absolute;
	top: 1252px;
	left: 271px;
	width: 67px;
	height:	80px;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
   [CSS PAGE EP REGLEMENT]                                                
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#global_G1 {
	background-image:url('img_ep/fond_tache_orange.png');
	background-color: #f7bc3e;
	position: absolute;
	margin-left:-500px;
	top: 0px;
	left: 50%;
	width:1000px;
	height: 1500px;
}
#regtext1 {
	background-color:#333333;
	position:absolute;
	padding:20px;
	top:300px;
	left:190px;
	width:700px;
	height:auto;
}
#regtext2 {
	position:absolute;
	text-align:center;
	top: 1280px;
	left: 180px;
	width: 750px;
	height:50px;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
   [CSS PAGE EP EVENEMENTIEL]                                                
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#global_G3 {
	background-image:url('img_ep/fond_tache_rouge.png');
	background-color: #f7bc3e;
	position: absolute;
	margin-left:-500px;
	top: 0px;
	left: 50%;
	width:1000px;
	height: 1500px;
}

#fond2_button {
	background-image:url('img_ep/fond_bouton_rouge.gif');
	background-repeat:no-repeat;
	position:absolute;
	top: 398px;
	left: 0px;
	width: 132px;
	height: 65px;
}
#eventitle1 {
	position:absolute;
	top: 420px;
	left: 290px;
	width: auto;
	height:	auto;
}
#eventext1 {
	position:absolute;
	font-weight:bold;
	top: 500px;
	left: 210px;
	width: 700px;
	height:	auto;
}
#evenpho1 {
	position:absolute;
	top: 505px;
	left: 90px;
	width: 100px;
	height:	800px;
}
#eventext2 {
	position:absolute;
	top: 1360px;
	left: 270px;
	width: auto;
	height:	auto;
}
#evenpho2 {
	position:absolute;
	top: 1160px;
	left: 700px;
	width: auto;
	height:	auto;
}