/* CSS Document */

body
	{
	background-color:mediumorchid/*lavender*/;
	background:   url(images/background.gif) repeat-y center;
	}
 
#fond_blanc /* C'est le tableau */
 {
	background-color: white;
 }
#entete 
 {
	/*border:1px dashed black;*/
	float: left;
	width:1000px;
 }

#backoffice
 {
	float: left;
	width:50px;
	font-size:9 px;
	position:relative;
	top:-60px;
 }
 
#background
 {
	float: left;
	width:1000px;
 }
 
#page
 {
	float: left;
	width:1000px;
	background:   url(images/pied_page.gif) no-repeat bottom left;
 }
 
 #teaser
	{
	width:740px;
	float:right;
	position:relative;
	right:20px;
	/*top:10px;
	*/
	color:lightgrey;
	font-size:14px;
	text-align: justify;
	/*background-color: deepskyblue;
	background: url(images/ciel1px.gif) top left repeat-x;*/
	margin:0 px; 
	padding:0 px;
	margin-right:10px;
	}
 
#liens_clients
 {
 /*width:710px;*/
	float:right;
	position:relative;
	top:-50px;
	/*left:100px;*/
	color:white;
 }
 

#menu 
{ 
font-size:17px;
float: right;
position:relative;
	width:750px;
	/**/right:10px;
	letter-spacing:1.15px;
}


/* Colonnes ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#colgauche /*source code blue robot 3 colonnes*/
 {
	/*border:1px dashed black;*/
	float: left;
	width:250px;
	position:relative;
	top:50px;
	margin: 0px;
	padding: 0px;
	/*width:300px;*/ 
	/*border:1px dashed black;
	background-color:#eee;
	padding:0px,20px,0px,0px; */
	/* ce dernier 0 px influence la marge de gauche de la colone 1 pour IE6 à 10 px, ne gênait pas firefox
	voice-family: "\"}\"";
	voice-family:inherit;*/
	}

#colcentre_index
  {
	/*border:1px dashed black;*/
	float: right;
	width:755px;
	position:relative;
	right:30px;
	top:30px;
	/*width:630px;*/
	text-align: left;
	margin: 0px;
	padding: 0px;
	margin-bottom: 200px;
	}
	
#colcentre_rub
  {
	/*border:1px dashed black;*/
	float: left;
	width:720px;
	position:relative;
	left:20px;
	top:20px;
	/*width:630px;*/
	text-align: justify;
	margin: 0px;
	padding: 0px;
	}
	
#colcentre_art 
  {
	/*border:1px dashed black;*/
	float: left;
	width:500px;
	position:relative;
	left:20px;
	top:20px;
	/*width:630px;*/
	text-align: justify;
	margin: 0px;
	padding: 0px;
	margin:0px 0px 100px 0px;
	padding:0px,0px,100px,0px;
	}
	
#coldroite 
	{
	/*border:1px dashed black;*/
	width:200px;
	float: left;
	left:50px;
	top:70px;
	position:relative;
	/*
	width:520px;
	padding:0px,0px,0px,5px;
	margin:0px,0px,0px,5px;*/
	margin:0px 0px 0px 0px;
	padding:0px,0px,0px,0px;
	/*border:1px dashed black;*/	
	}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

	
	
#accueil
	{
	float:left;
	width:750px;
	clear:left;
	margin-top:50px;
	/*margin-bottom:30px; */
	}


#titre_panneau_détentes
	{
	/*display: block;*/
	float:left;
	width:230px;
	position:relative;
	padding-left:5px; 
	}



#panneau_sports
	{
	/**/display: block;
	float:left;
	width:230px;
	position:relative;
	padding-left:5px; 
	border-left:1px dotted black;
	/*margin: 5 px;
	padding: 5 px; 
	top:410px;
	left:820px;
	*/
	}
	
#panneau_détentes
	{
	/**/display: block;
	float:left;
	width:230px;
	position:relative;
	padding-left:5px; 
	border-left:1px dotted black;
	/*margin-right:20px; 
	margin: 5 px;
	padding: 5 px; 
	top:410px;
	left:820px;
	*/
	}

/* /////////////////////// */

#titre_activité /* div */
	{
	/*display: block;*/
	float:left;
	width:350px;
	position:relative;
	padding-left:10px; 
	padding-right:10px; 
	}

#panneau_activité /* p */ 
	{
	/**/display: block;
	float:left;
	width:350px;
	position:relative;
	padding-left:10px; 
	padding-right:10px; 
	border-left:1px dotted black;
	/*margin-right:20px; 
	margin: 5 px;
	padding: 5 px; 
	top:410px;
	left:820px;
	*/
	}
	
h1.activité
	{
	/*display:inline; */
	font-size: 22px; 
	color:black;/*color:#9932ccorchidfuchsia;*/
	font-weight: bold;
	text-align:left;
	/*letter-spacing:
	clear:both;*/
	}
/*		
#bloc_activités
	{
	float:left;
	width:750px;
	position:relative;
	clear:both;
	margin-right:20px; 
	margin: 5 px;
	padding: 5 px; 
	top:410px;
	left:820px;
	
	}*/

h1.panneaux
	{
	font-size: 28px; 
	color:black;/*color:#9932ccorchidfuchsia;*/
	font-weight: bold;
	text-align:center;
	border: none;
	position:relative;
	top:10px;
	/*border-top: 10px solid mediumslateblue ;*/
	}
	
#titre_panneau /* div */
	{
	/*display: block;*/
	float:left;
	width:230px;
	position:relative;
	margin-right:15px; 
	padding-left:5px; 
	}
				
#panneau_gyms /* p */
	{
	/*display: block;*/
	float:left;
	width:230px;
	position:relative;
	padding-left:5px; 
	border-left:1px dotted black;
	/*
	top:410px;
	left:820px;
	*/
	}	
	
img.activité
	{
	float:right;
	border: none;
	} 

img.contact
	{
	float:right;
	border: none;
	border-top:5px solid white;
	clear:right;
	} 
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	 

 #tab_promo
	{
	float:left;
	width:200px;	
	margin-top:30px;
	padding-top:30px;
	font-size: 16px; 
	color:black;/*color:#9932ccorchidfuchsia;*/
	text-align:left;
	}

 #img_promo
	{
	float: left;
	position: relative;
	left:-20px;
	}
 #tab_tarifs
	{
	float:right;
	width:530px;	
	}
	
 #tab_promotions
	{
	float:left;
	width:180px;	
	}
 
#txt_tarifs_1
	{
	clear: both;
	width:750px;	
	}

#txt_tarifs_2
	{
	clear: both;
	width:530px;	
	}


.titre_tab_av
 { 
  background-color: hotpink ;
  /*border:none;*/
 }
 
.case_tab_av
 { 
  background-color: ghostwhite/*mistyrose */;
  /*border:none;*/
 }
 
.titre_gs_alc
 { 
  background-color: gold;
  border:none;
 }
 
.case_gs_alc
 { 
  background-color: ghostwhite;
  border:none;
 }
 
 .titre_pil
 { 
  background-color: darkturquoise;
  border:none;
 }
 
.case_pil
 { 
  background-color: ghostwhite;
  border:none;
 }


 
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	 
 
#form_email
 { 
	 width:480px;
	 border-top:2px dotted orange;
	 border-bottom:2px dotted orange;
	 padding-top:2px;
	 background-color:ghostwhite;
	 color:black;
	 font-weight: bold;
 }  
 
#feedback_email
 {
	color: red;
	font-size: 14px; 
	font-weight:bold;
	/*width:100px;*/
 }
 
#txt_email
 {
	width:450px;
	color: ;
	font-size: 16px; 
	/*font-weight:bold;*/
 }

#captcha
 {
 width:420px;
 border:2px solid orange;
 background-color: orange;
 color:black;
 font-weight: bold;
 letter-spacing:1px;
 } 
 
 
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*enlever les bordures autour des liens des images*/
a img 
	{
	border: none;
	} 


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*h1 va dessous pour faire l'ombre, le relierf*/
h1 
	{
	font-family: times, arial, Verdana, sans-serif;
	font-size: 28px; /**/
	color:black; 
	clear:both;/**/
	border-bottom: 2px solid black;
	}

h1.email
 {
	color: orange;
	font-size: 17px; 
	font-weight:bold;
	clear:none;
	border:none;
 }
 
 h1.titre_rubrique
	{
	margin-top:30px;
	padding-top:30px;
	font-size: 25px; 
	color:green;/*color:#9932ccorchidfuchsia;*/
	border-bottom: 2px solid green;
	font-weight: bold;
	text-align:left;
	/*letter-spacing:*/
	clear:both;
 	}
	

h2  /*h2 classique :  comme Lyon valence*/
	{
	font-family : Arial, Times, Helvetica, Geneva, sans-serif;
	color : black /* cadetblue crimson chocolate darkorange orange*/;
	font-size : 12px;
	clear:both;
	/*margin-top:20px;*/
	}
	
	
h2.txt
	{
	/*display:block; */
	font-size: 18px; 
	border-bottom:2px solid #9932cc;
	color:#9932cc/*orchidfuchsia*/;
	/**/padding-bottom:5px;
	}


/*////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Liens classiques de la page*/
a:link { 
	/*font-weight: bold;*/ 
	text-decoration: none; 
	/*color: #B7A5DF;*/
	color: black;
	/*color : darkorchid;*/
	}
a:visited { 
	/*font-weight: bold; */
	text-decoration: none; 
	/*color: #D4CDDC;*/
	color: black;
	}
a:hover, a:active { 
	text-decoration: none /*underline*/; 
	/*text-decoration: none;*/
	color:  black/*salmondeeppinkdodgerblue royalblue powderblue mediumblue pressibusblue midnightblue lavender darkblue deepskyblue*/ ;
	}




a.backoffice:link { 
	/*font-weight: bold;*/ 
	font-size: 9px;
	text-decoration: none; 
	/*color: #B7A5DF;*/
	color: black;
	/*color : darkorchid;*/
	}
a.backoffice:visited { 
	/*font-weight: bold; */
	text-decoration: none; 
	/*color: #D4CDDC;*/
	color: black;
	}
a.backoffice:hover, a.backoffice:active { 
	text-decoration: none /*underline*/; 
	/*text-decoration: none;*/
	color:  black/*salmondeeppinkdodgerblue royalblue powderblue mediumblue pressibusblue midnightblue lavender darkblue deepskyblue*/ ;
	}
	

/*Liens du menu*/
a.menu:link { 
	/*font-weight: bold;*/ 
	text-decoration: none/*underline*/; 
	/*color: #B7A5DF;*/
	color: mediumslateblue/*brown*/;
	/*color : darkorchid;*/
	}
a.menu:visited { 
	/*font-weight: bold; */
	text-decoration: none; 
	/*color: #D4CDDC;*/
	color: mediumslateblue;
	}
a.menu:hover, a:active { 
	text-decoration: underline; 
	/*text-decoration: none; 
	text-decoration: none;*/
	/*color: #9685BA;*/
	color: coral/*darksalmongoldpurpledeeppink blueviolet deeppink salmon coral tomato gainsboro green khaki sienna rosybrown silver darkorchid*/;
	}


/*Liens du menu*/
a.liens_partenaires:link { 
	/*font-weight: bold;*/ 
	text-decoration: none/*underline*/; 
	/*color: #B7A5DF;*/
	color: white/*brown*/;
	/*color : darkorchid;*/
	}
a.liens_partenaires:visited { 
	/*font-weight: bold; */
	text-decoration: none; 
	/*color: #D4CDDC;*/
	color: white;
	}
a.liens_partenaires:hover, a:active { 
	text-decoration: none; 
	/*text-decoration: none; 
	text-decoration: none;*/
	/*color: #9685BA;*/
	color: white/*darksalmongoldpurpledeeppink blueviolet deeppink salmon coral tomato gainsboro green khaki sienna rosybrown silver darkorchid*/;
	}


#lire_la_suite
 {
	float: left;
	background-color: mediumslateblue;
	color:white;
	position:relative;
	top:5px;
	/*padding:10px; */
}
	
/*Liens lire la suite - blanc - */

a.lien_suite:link { 
	/*font-weight: bold;*/ 
	text-decoration: none; 
	/*color: #B7A5DF;*/
	color: white;
	/*color : darkorchid;*/
	}
a.lien_suite:visited 
	{ 
	/*font-weight: bold; */
	text-decoration: none; 
	/*color: #D4CDDC;*/
	color: white;
	}
a.lien_suite:hover, a:active 
	{ 
	/*text-decoration: underline; */
	text-decoration: none;
	color:  white/*salmondeeppinkdodgerblue royalblue powderblue mediumblue pressibusblue midnightblue lavender darkblue deepskyblue*/ ;
	}		


#liens_partenaires
	{
	font-size: 10px;
	color: white;
	float: right;
	/*top:1000px;
	left:220px;
background: url(images/titre_espaces_internet.gif) top left no-repeat;*/
	}
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	 

#partenaires
 {
	/*color:white;slategrey*/
	width:500px;
	font-size: 12px; 
	float: right;
	position:relative; 
	top:25px;/**/
	right:20px;
 }

#partenaire
 {
	/*color:white;slategrey
	font-size: 12px; */
	float: right;
	/*position:relative; 
	top:75px;*/
	margin:0px;
	margin-left:5px;
	width:103px;
 }

#txt_partenaire
 {
	/*color:white;slategrey*/
	font-size: 12px; 
	float: left;
	/*clear:left;
	*/position:relative; 
	left:5px;
	top:-5px;
	width:103px;
 }	
 
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	 
 

 #footer
 {
	position:relative; 
	top:15px; 
	/*bottom:5px; */
	/*width:900px;text-align:center;*/
	float: left;
	/*padding:0px,25px,10px,0px;
	margin:0px,25px,10px,5px;
	*/text-align:center;
	width:1000px;
	background-color:white;
	border-bottom:15px solid white;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid black;
	/*border-bottom:1px solid black;*/
 }
 
#txt_footer
 {
	color:slategrey;/**/
	font-size: 12px; 
	float: left;
	position:relative; 
	left:300px;/**/
 }


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */