@charset "windows-1252";
<STYLE>
body
	{background="#ccffff";
	font-family:Verdana;
	font-size:8pt;}
H1	{background="#006633";	color = WHITE;}
H2 	{background="#006633"; font-size: 90%; color = WHITE;}
H3 	{font-size: 90%; background-color: blue; color: white; text-align: center}
H4  {font-size: 90%; background-color: blue; color: white; text-align: center; float: left}

div {
	background-color: white;
	}
div.Section1
	{page:Section1;}
span.StyleCourrierlectronique15
	{color:black}
TD	{
	text-align: center;
	font-family:8pt;
	color:"#0033CC";
	}
TD.menu {font-family:8pt;}
TD.menu_droite {text-align: center; font-family: 8pt; padding-left: 8}
TD.menu_gauche {text-align: center; font-family: 8pt; padding-left: 8}
TD.club {
	font-size:80%;
	text-align: left;
	color:"#0033CC";}
#accueil_page {width: 85%; margin: auto; border-bottom: 1px solid #006600; height: auto}
#accueil_bandeau {text-align: left; background-color: blue; color: blue; height: auto; padding-bottom: 5px}
#accueil_gauche {float: left; width: 15%; margin-top: 5px; padding-top: 20px; padding-bottom: 20px}
#accueil_centre {
	float: right; 
  	width: 85%;
	margin-top: 5px; 
	}
#accueil_droite {
	float: right;  
    width: 20%;
	margin-top: 2px;
	padding-top: 20px; 
  	padding-bottom: 20px;
	}	
#accueil_pied_page {
	clear:both;
	font-size: 80%;   
	color: "#2000c0"; 
	text-align: center;
}
#accueil_news {float: left; width: 78%;}
#accueil_centre_gauche {
	float: left; 
	width: 48%; }
#accueil_news1 {
	float: right; 
	width: 48%; }
#accueil_abonne_gauche {
	font-size: 85%; 
	color: "#2000c0"; 
	text-align: center; 
	float: left; 
	width: 30%; 
	margin-left: 15%; 
	border-left-color: #CC0000}
#accueil_abonne_droite {
	font-size: 85%;   
	color: "#2000c0"; 
	text-align: left;
	float: right; 
	width: 55%;}
#presentation_gauche {float: left; 
	width: 60%; 
	margin-top: 5px; 
	padding-top: 20px; 
	padding-bottom: 20px; 
	}
#presentation_droite {float: right; 
	width: 40%; 
	margin-top: 5px; 
	padding-top: 20px; 
	padding-bottom: 20px; 
	}
#ligne_news {
	background-color: white;
	font-size: 80%;  
	border-bottom: 1px solid #006600; 
	color: "#2000c0"; 
	text-align: center;
	}
#ligne_theme {
	background-color: white;
	font-size: 100%;  
	color: "#2000c0"; 
	text-align: center;
	}
#bandeau {background-color: lemonchiffon; height: 60px; text-align: center; color: "#0033CC"; padding-bottom: 5px}	
#menu_calendrier {float: left; width: 20%; padding-left: 15px; padding-top: 20px; background-color: white}
#affichage_calendrier 
	{
	float: right;
	font-size: 75%;  
	width: 78%;  
	}
#liste_calendrier 
	{
	float: left;
	font-size: 90%;  
	width: 70%;  
	color: "#2000c0"; 
	text-align: center;
	}
#menu_calendrier_droite {float: right; width: 25%; padding-left: 15px; padding-top: 20px; background-color: white}
#ligne_calendrier 
	{
	background-color: white;
	font-size: 100%;  
	border-top: 1px solid #006600;
	border-bottom: 1px solid #006600; 
	color: "#2000c0"; 
	text-align: center;
	}
#ligne_club {
	background-color: white; 
	font-size: 80%; 
	color: "#2000c0"; 
	}
#page_annonce {
	margin-left:15%;
	margin-right:15%;
	text-align:left;
	float:left;
	background-color="#FFFF99";
	}
#ligne_annonce {
	background-color: white;
	width : 70%;
	font-size: 80%;  
	border-top: 1px solid #006600;
	border-bottom: 1px solid #006600; 
	color: "#2000c0"; 
	text-align: center;
	}
#affiche_news {
	background-color: white;
	width : 100%;
	font-size: 80%;  
	border-top: 1px solid #0000FF;
	border-bottom: 1px solid #0000FF; 
	color: "#2000c0"; 
	text-align: left;
	} 
#affiche_1news {
	background-color: white;
	width : 50%;
	font-size: 80%;  
	border-top: 1px solid #0000FF;
	border-bottom: 1px solid #0000FF; 
	color: "#2000c0"; 
	text-align: left;
	}
#affiche_news_toutes {
	background-color: white;
	width : 100%;
	font-size: 80%;  
	color: "#2000c0"; 
	text-align: left;
	}
#texte_news {width: 100%; border: 1px solid #8c8c8c; margin-bottom: 1em; height: 100%; color: blue}
#document_gauche {float: left; 
	width: 45%; 
	background-color: #D9D9D9;
	margin-left: 5%; 
	padding-top: 20px; 
	padding-bottom: 20px; 
	}
#document_droite {float: right; 
	width: 45%; 
	background-color: #D9D9D9;
	padding-top: 20px; 
	padding-bottom: 20px; 
	}
#affiche_doc {
	width : 100%;
	font-size: 80%;  
	text-align: left;
	color : #0000FF;
	background-color: #D9D9D9;
	}
#jeunes_gauche {float: left; 
	width: 45%; 
	background-color: #D9D9D9;
	margin-left: 5%; 
	padding-top: 20px; 
	padding-bottom: 20px; 
	}
#jeunes_droite {float: right; 
	width: 45%; 
	background-color: #D9D9D9;
	padding-top: 20px; 
	padding-bottom: 20px; 
	}
form.affnews {background-color: #eee; width: 100%; text-align: left; line-height: 100}

input {border-color: navy; color: blue; width: 8em; text-align: center; height: 2em; bottom: -2em}

form.annonce {background-color: #eee; width: 100%; padding: 20px; border: 1px solid #8c8c8c; font-style: normal; text-align: left}
label {display: block;}
#contact {
	width: 50%;
	border: 1px solid #8c8c8c;
	margin-bottom: 1em;
	}
#texte {
	width: 80%;
	border: 1px solid #8c8c8c;
	margin-bottom: 1em;
	}
#telephone {
	width: 40%;
	border: 1px solid #8c8c8c;
	margin-bottom: 1em;}
#email {
	width: 40%;
	border: 1px solid #8c8c8c;
	margin-bottom: 1em;
	}
#email_abonne {width: 80%; font-size: 90%; border: 1px solid blue; margin-bottom: 1em}
textarea {height: auto}
input: focus {background-color: #d9d9d9;}
#submit_annonce {width: auto}
#submit_abonne {width: auto; font-size: 90%;margin-left: 18%}