/*--------------------------------------------------*/
/*     	Fichier de propriété CSS		    */
/*	Association Artistic			    */
/*	Date: 18 Juin 2005			    */
/*--------------------------------------------------*/

* 			
	{ 
		margin				: 0px; 
		padding				: 0px; 
		border				: 0px; 
	}

body
	{
		margin				: 0px;
		padding				: 0px;
		height				: 1500px;
		width				: 100%;
		background-image 		: url('../img/background.jpg');
		background-color 		: #C2D9EA ;
		background-repeat 		: no-repeat ;
		background-attachment		: fixed;
		background-position		: 50px 40px ;
		font-family 			: "verdana";
		font-size 			: 11pt;
		font-style  			: normal;	
		font-weight			: normal;
		color  				: #000;
		voice-family			: "\"}\"";
		voice-family			: inherit;
		z-index				: 1;
	}

a:link, a:visited 
	{ 
		color: #1B53E0; 
		text-decoration: none; 
	}

a:hover
	{ 
		color: #1B53E0; 
		text-decoration: underline; 
	}
	
table
	{
		border-width			: 1px 1px 1px 1px;
		border-style			: none;
	}

td			
	{ 
		border-width			: 0px;
		border-style			: solid;
		border-color			: #FFF;
		vertical-align			: top;
	}

p	
	{
		text-indent			: 30px;
		text-align			: justify;
		padding-left			: 5px;  
	}

tr			
	{ 
		border-width			: 0px 0px 0px 0px;
		border-style			: solid;
	}

hr 
	{
		border				: 1px;
	}

input 
	{
		border-style			: solid;
		border				: 1px;
	}

/*--------------------------------------------------*/
/*    Tableau des horaires et tarifs		    */
/*--------------------------------------------------*/
#horaire table
	{
		border-width			: 1px 1px 1px 1px;
		border-style			: none;
	}

#horaire table td			
	{ 
		border-width			: 1px;
		border-style			: solid;
		border-color			: #FFF;
		vertical-align			: top;
		
		padding				: 5px 5px 5px 0px;
	}

#horaire table tr			
	{ 
		border-width			: 0px 0px 0px 0px;
		border-style			: solid;
	}


#horaire table td p
	{
		text-indent				: 0px;
		text-align				: justify;
		padding					: 0px 0px 0px 5px;
	}

#horaire table td h1
	{
		text-indent				: 0px;
		text-align				: center;
		padding					: 0px 0px 0px 0px;
		color					: #000;
		font-size				: 100%;
		font-weight				: bold;
		border-bottom			: 0px solid #9D0433
	}

#horaire table td p i
	{
		font-size				: 80%;
		font-style				: italic;
	}
	
/*--------------------------------------------------*/
/*					Header							*/
/*--------------------------------------------------*/
#header 
	{
		margin				: 0px;
		padding				: 0px;
		width				: 1000px;
		height				: 210px;
		background-image		: url('../img/logo.jpg');
		background-color 		: #C2D9EA ;
		background-repeat		: no-repeat;
		background-attachment		: fixed;
		background-position		: 50px 40px;
		voice-family			: "\"}\"";
		voice-family			: inherit;
		z-index					: 0;
	}

/*--------------------------------------------------*/
/*					Content							*/
/*--------------------------------------------------*/
#content 
	{
		position				: absolute;
		width					: 800px;
		text-align				: justify;
		margin-left				: 75px;
		float					: left;
		padding					: 0px 0px;
	}

#content p
	{
		text-indent				: 30px;
		text-align				: justify;
		padding-top				: 15px;
		z-index					: 20px;
	}

#content p u
	{
		font-size				: 110%;
	}

#content h1 
	{
		color					: #9D0433;
		font-size				: 110%;
		font-weight				: bold;
		border-bottom				: 1px solid #9D0433;
	}

#content h2 
	{
		margin-left				: 30px;
		font-size				: 105%;
		font-weight				: bold;
		font-style				: italic;
		padding-bottom				: 5px;
	}

#content h2 i
	{
		font-size				: 70%;
	}

#content h3 
	{
		margin-left				: 30px;
		font-size				: 115%;
		font-style				: italic;		
		padding-bottom				: 5px;
	}

#content ul
	{
		list-style				: none;
		margin					: 2px 10px 0px 41px;
		line-height				: 18px;
	}

#content ul li
	{ 
		list-style				: none; 
		margin					: 0px 5px; 
		padding					: 2px 13px 2px;
		background				: url('../img/liste_2.gif') no-repeat 0 3px;
	}

/*--------------------------------------------------*/
/*				Pied de page						*/
/*--------------------------------------------------*/
#footer 
	{
		font-size 				: 8pt;
		position				: absolute;
		margin-left				: 75px;
		width					: 800px;
		top					: 2000px;
		text-align				: center;
		padding-bottom				: 10px;
	}

#footer hr
	{
		width					: 200px;
		border					: 1px;
		text-align				: center;
	}



/*--------------------------------------------------*/
/*	Menu déroulant				    */
/*--------------------------------------------------*/
#astuce /* Astuce pour que le content passe derriere le menu-----*/
	{
		position				: fixed;
		background-color 			: #C2D9EA;
		width					: 100%;
		height					: 40px;
		z-index					: 19;
	}

#nav 
	{
		position				: fixed;
		width					: 760px;
		height					: 10px;
		margin					: 0 0 20px;
		font-size				: 85%;
		text-align				: left;
	}

#menuDeroulant
	{
		list-style-type				: none;
		width					: 760px;
		position				: absolute;
		top					: 0px;
		left					: 0px;
		z-index					: 20;
		margin					: 10px 0px;
	}

#menuDeroulant li 
	{ 	
		float					: left; 
		width					: 150px; 
	}

#menuDeroulant a:link, #menuDeroulant a:visited
	{
		display					: block;
		height					: 1%;
		color					: #FFF;
		background				: #7591EC;
		padding					: 2px 6px;
		border-right				: 1px solid #FFF;
		text-decoration				: none;
		-m/oz-border-radius			: 20px;
	}

#menuDeroulant a:hover 
	{ 
		color					: #FFFFFF; 
		background-color			: #1B53E0; 
		font-weight				: bold;
	}

#menuDeroulant .sousMenu 
	{ 
		display					: none; 
		list-style-type				: none;
	}

#menuDeroulant .sousMenu li
	{
		float					: none;
		width					: 145px;
		border-width				: 1px 0 0 0;
		border-style				: solid;
		border-color				: transparent;
	}

#menuDeroulant .sousMenu a:link, #menuDeroulant .sousMenu a:visited
	{
		d/isplay				: block;
		color					: #000000;
		background				: transparent url('../img/fondTR.png') repeat;
		border-width				: 1px 0 0 0;
		border-style				: solid;
		border-color				: transparent;
		text-decoration				: none;
	}

#menuDeroulant .sousMenu a:hover
	{
		background-image			: none;
		color					: #FFFFFF;
		background-color			: #AAAAAA;
		font-weight				: bold;
	}


#menuDeroulant li:hover > .sousMenu 
	{ 
		display					: block; 
	}


/*--------------------------------------------------*/
/*						News						*/
/*--------------------------------------------------*/
#news
	{
		position				: absolute;
		top						: 210px;
		left					: 900px;
		width					: 200px;
		border					: 1px solid white;
		-moz-border-radius		: 10px
	}

#news h1 
	{
		padding					: 0px;				
		background				: #7591EC;
		width					: 100%;
		color					: white;
		font-size				: 100%;
		font-weight				: bold;
		text-align				: center;
		border					: 1px solid white;
		border					: 0px;
		-moz-border-radius		: 10px
	}

#news h2 
	{
		padding					: 10px;
		font-size				: 100%;
		font-weight				: bold;
		text-align				: center;
	}

#news p
	{
		text-indent				: 5px;
		text-align				: justify;
		padding					: 7px 10px;
	}

#news hr
	{
		width					: 100px;
		border					: 1px;
		text-align				: center;
	}

/*--------------------------------------------------*/
/*					Encart Photo					*/
/*--------------------------------------------------*/
#photo
	{
		padding					: 0px;
		margin					: 0px;	
	}

#photo img
	{
		border					: 1px solid black;
	}

#photo p
	{
		position				: relative;
		font-size				: 85%;
		font-style				: italic;
		text-align				: center;
	}

#photo .droite
	{
		position				: absolute;
		top						: 210px;
		left					: 900px;
		width					: 250px;
	}

#photo .acceuil
	{
		position				: absolute;
		top						: 40px;
		left					: 30px;
		width					: 200px;
		height					: 150px;
	}

/*--------------------------------------------------*/
/*				Présentation equipe					*/
/*--------------------------------------------------*/
#equipe
	{
		padding					: 0px;
		margin					: 0px;	
	}

#equipe td img
	{
		border					: 1px solid black;
	}

#equipe td p
	{
		position				: left;
		text-align				: justify;
	}



/*--------------------------------------------------*/
/*					Calendrier						*/
/*--------------------------------------------------*/
#calendar table
	{
		width					: 210px;
		border-width			: 1px;
		border-style			: solid;
		border-color			: #FFF;
		vertical-align			: top;
	}

#calendar  td.weekend 
	{ 
		width					: 30px;
		border-style			: none;
		border-width			: 0px;
		background-color		: #CCCCCC;
		vertical-align			: top;	
		text-align				: center;			
	}

#calendar  td.weekday 
	{ 
		width					: 30px;
		border-style			: none;
		border-width			: 0px;
		vertical-align			: top;
		text-align				: center;
	}

#calendar p 
	{
		text-indent				: 0px;
		text-align				: center;
	}



/*--------------------------------------------------*/
/*					test							*/
/*--------------------------------------------------*/

#test 
	{
		border-left				: 2px solid white;
		border-top				: 2px solid white;
		border-right			: 2px solid #aaa;
		border-bottom			: 2px solid #aaa;
		width					: 58% ;
		margin-left				: 5px ;
		float					: left ;
		Margin					: 40px 1px 3px 2px ;
		padding-left			: 4px ;
		-moz-border-radius		: 10px
	}