body {
		 margin: 0;
		 padding: 0;
		 text-align: center;
		 font-family: 'Trebuchet MS';
		 font-size: 80%;
		 background-color: #4888c8/*#bdbdbd*/;
}
div#conteneur {
							position: absolute;
							width: 994px;
							left: 50%;
							margin-top: 1px;
							margin-left: -497px;
							text-align: left;
							border: 1px solid gray;
							background: #bbdaee url(IMAGES/test_fond.png) no-repeat 0px 222px;
							/*background-color: #bbdaee;*/
							/*background: url(IMAGES/test2.png) repeat left top;*/
}
h1#header {
					height: 180px;
					background: url(IMAGES/test_bandeau_anticol_3.png) no-repeat left top;
					margin-bottom: 0;
					margin-top: 0;
					/*border-bottom: 1px solid gray;*/
}
/*--------MENU GAUCHE------------------------*/
/* CSS issu des tutoriels css.alsacreations.com */
#menu {
left: 0;
width: 134px;
text-align: center;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid gray;
}
#menu dt {
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
background: #ccc;
}
#menu dt.double {
margin: 2px 0;
height: 34px;
line-height: 17px;
text-align: center;
background: #ccc;
}
#menu dd {
padding: 0;
margin: 0;
}
#menu ul {
padding: 0;
margin: 0;
}
#menu li {
text-align: center;
background: #fff;
list-style: none;
padding: 0;
margin: 0;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #bfbfff;
}
#menu dt.test {
line-height: 30px;
height: 30px;
margin-bottom: 10px;
margin-top: 0px;
border: 0px;
background: url(IMAGES/h1_1.png) no-repeat left top;
color: white;
font-weight: bold;
font-variant: small-caps;
}
/*--------PIED DE PAGE-------------*/
#pied {
clear: both;
border: 1px solid gray;
margin: 5px 5px 5px 5px;
background-color: white;
}
/*--------CONTENEUR GAUCHE-------------------------*/
/*il contient le menu et diverses infos*/
#gauche {
margin: 0px 0px 5px 5px;
float: left;
width: 146px;
/*border: 1px solid gray;
background-color: white;
display: inline;*/
}
/*---------CONTENEUR PRINCIPAL--------------*/
div#principal_full {
float: left;
position: relative;
margin-left: 5px;
/*
margin-left: 158px;	*/
margin-right: 5px;
width: 828px;			 	
}
div#principal {
float: left;
position: relative;
margin-left: 5px;
/*
margin-left: 158px;	*/
margin-right: 5px;
width: 682px;			 	
}
div.page {
position: relative;
margin: 0 0 5px 0;			 	
border: 1px solid gray;
background-color: white;
}
div.page h1 {
background: url(IMAGES/h1_1.png) repeat left top;
color: white;
margin: 0;
padding-left: 0.5em;
border-bottom: 1px solid gray;
line-height: 30px;
font-size: 160%;
font-variant: small-caps;
}
div.page h2 {
color: #3f66ab;
padding-left: 0.5em;
line-height: 20px;
font-size: 120%;
}
.page p {
padding: 0 0.5em;
text-align: justify;
}
.page ul#contact {
text-align: center;
margin-bottom: 0.5em;
}
.page ul#contact li {
padding-top: 0.5em;
list-style-type: none;
}
#pied p {
margin: 0;
line-height: 2em;
height: 2em;
text-align: center;
}
.page table.center {
width: 500px;
margin: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
border-collapse: collapse;
border: 1px solid gray;
}
.page table.center td, th {
border: 1px solid gray;
height: 2em;
}
#principal th {
text-align: center;
}
.update {
text-align: right;
font-size: 0.8em ;
clear: both;
border: 1px solid gray;
margin: 5px 5px 5px 5px;
background-color: white;
line-height: 1.6em;
height: 1.6em;
}
#gauche h1 {
background: url(IMAGES/h1_1.png) no-repeat left top;
color: white;
margin: 0px 5px 0 5px;
height: 20px;
line-height: 20px;
font-size: 100%;
text-align: center;
border: 1px solid gray;
}
#gauche p#date {
text-align: center;
font-size: 0.8em ;
clear: both;
border: 1px solid gray;
border-top: 0px;
background-color: white;
line-height: 1.6em;
height: 1.6em;
margin: 0 5px 5px 5px;
}
#gauche p {
text-align: justify;
font-size: 0.8em ;
border: 1px solid gray;
border-top: 0px;
background-color: white;
margin: 0 5px 5px 5px;
}
#gauche p#fai {
text-align: center;
border: 0;
background-color: #bbdaee;
}
.page ul{
margin-top: 0.5em;
padding: 0 0.5em;
text-align: justify;
}
.page li {
list-style-type: circle ;
margin: 0.5em 0 0.5em 2em;
text-align: justify;
}
/*-------MISE EN PAGE DU DIV DES NEWS----------*/
dl.news {
padding: 0 0.5em;
margin-bottom: 2em;
}
dl.news span.date {
font-weight: bold;
font-style: italic;
color: black;
}
dl.news span.heure {
font-size: 80%;
}
dl.news dt {
font-size: 120%;
display: inline;
color: #3f66ab;
font-weight: bold;
}
dl.news dd {
border-top: solid 2px #bfbfff;
margin: 0;
padding: 0;
}
p.image {
text-align: center;
}
img {
/*background-color: white;*/
}
a.image {
text-decoration: none;
border: none;
display: block;
color: white;
margin-bottom: 5px;
}
a.image_sm {
text-decoration: none;
border: none;
display: block;
color: white;
}
.icone{
text-align: center;
}
#gauche p.sponsor {
text-align: center;
}
a img {
border: none;
}
a#faiimg {
margin-left: 6px;
}
.test2 {
			float: right;
			margin: 0.5em;
}
.separation {
						clear: right;
						visibility: hidden;
}
.separationb {
						clear: left;
						visibility: hidden;
}
.separation_both {
						clear: both;
						visibility: hidden;						
}
.test3 {
			 margin-top:35px;}
/*-------MISE EN PAGE DE LA PAGE ENTRIES----------*/

dl.pilot
{
border: 1px solid #000;
background-color: #ddd;
width: 250px;
text-align: center;
padding: 10px;
margin-left : 20px;
float: left;
}

.pilot dt { font-weight: bold; }

.pilot dt img
{
border: 1px solid #000;
width: 100px;
height: 100px;
}

.pilot dd
{
margin: 0;
padding: 0;
}

.spacer {
  clear: both;
}

/*test*/

ul#menu_h {
						 color: #3f66ab;
						 margin: 0;
						 padding: 0 0.5em 0 0;
						 list-style-type: none;
						 text-align: right;
						 background: url(IMAGES/test_menu_anticol.png) no-repeat left top;
						 border-bottom: 1px solid white;
}
ul#menu_h li {
						 display: inline;
						 line-height: 20px;
}
ul#menu_h li a {
						 color: #3f66ab;
						 text-decoration: none;
						 font-weight: bold;
						 font-size: 100%;
}
ul#menu_h li a:hover {
						 color: #3f66ab;
						 text-decoration: underline;
						 /*background-color: #bfbfff;*/
}

ul#menu_h_2 {
						 color: white;
						 margin: 0;
						 padding: 0 0.5em 0 0;
						 list-style-type: none;
						 text-align: right;
						 background: url(IMAGES/menu_2.png) repeat left top;
						 border-bottom: 1px solid gray;
}
ul#menu_h_2 li {
						 display: inline;
						 line-height: 20px;
}
ul#menu_h_2 li a {
						 color: white;
						 text-decoration: none;
						 font-weight: bold;
						 font-size: 100%;
}
ul#menu_h_2 li a:hover {
						 color: white;
						 text-decoration: underline;
						 /*background-color: #bfbfff;*/
}
.toto {
			position: absolute;
			top: 0;
			right: 0;
			line-height: 30px;
			margin: 0;
			color: white;
}
.toto a {
				color: white;
				text-decoration: none;
				font-weight: bold;
				font-size: 100%;
}
.toto a:hover {
						 color:white;
						 text-decoration: underline;
						 /*background-color: #bfbfff;*/
}
.gras_actif {
						font-weight: bold;
						color: #3f66ab ;
						}
p.italic {
				  font-style: italic ;
}
#droite {
margin: 0px 5px 5px 0px;
float: right;
width: 146px;
/*border: 1px solid gray;
background-color: white;
display: inline;*/
}
#droite h1#first {
background: url(IMAGES/h1_1.png) no-repeat left top;
color: white;
margin: 0px 5px 0px 5px;
height: 20px;
line-height: 20px;
font-size: 100%;
text-align: center;
border: 1px solid gray;
}
#droite h1 {
background: url(IMAGES/h1_1.png) no-repeat left top;
color: white;
margin: 5px 5px 0 5px;
height: 20px;
line-height: 20px;
font-size: 100%;
text-align: center;
border: 1px solid gray;
}

/*-------------------------------------*/
/* mise en forme de la page guest book */	
/*-------------------------------------*/

.page table#gb {
width: 500px;
margin: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
border: 1px solid gray;
}
.page table#gb td th {

}
dl.gb_message {
padding: 0 1.5em;
margin-bottom: 1.5em;
}
dl.gb_message dt span.auteur {
font-weight: bold;
}
dl.gb_message dt span.date {
font-size: 80%;
color: #3f66ab;
}
dl.gb_message dt {
font-size: 120%;
display: inline;
}
dl.gb_message dd {
border-top: solid 2px #bfbfff;
margin: 0;
padding: 0;
}
dl.gb_message dd p{
margin-top: 1em;
}

/*-------------------------*/

dl.gb_message_mini {
padding: 0 0.2em;
margin: 0 5px 5px 5px;
border-top: 0px;
border-right: solid 1px gray;
border-left: solid 1px gray;
border-bottom: solid 1px gray;
background-color: white;
}
dl.gb_message_mini dt span.auteur {
font-weight: bold;
}
dl.gb_message_mini dt span.date {
font-size: 80%;
color: #3f66ab;
}
dl.gb_message_mini dt {
font-size: 80%;
display: inline;
}
dl.gb_message_mini dd {
border-top: solid 2px #bfbfff;
margin: 0;
padding: 0;
}
dl.gb_message_mini dd p{
font-size: 80%;
margin-top: 0.5em;
margin-bottom: 0;
}

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

.page table.entries {
width: 750px;
margin: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
/*border-collapse: collapse;*/
border: 1px solid gray;
}
.page table.entries td, th {
border: 1px solid gray;
height: 2em;
text-align: center;
}
.page table.entries th {
background-color: #3f66ab;
color: white;
}
.page table.entries tr.course td {
background-image: url(IMAGES/15m.png);
}
.page table.entries tr.std td {
background-image: url(IMAGES/std.png);
}
.page table.entries tr.club td {
background-image: url(IMAGES/club.png);
}
.page table.entries td.tata {
width: 80px;
}
.page table.entries td.tyty {
width: 18%;
		 font-family: 'Comic sans MS';
		 /*font-weight: bold;*/
}

/**** tableau de location des planeurs****/

.page table.planeurs {
width: 500px;
margin: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
border-collapse: collapse;
border: 1px solid gray;
}
.page table.planeurs td, th {
border: 1px solid gray;
height: 2em;
text-align: center;
}

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

#droite p#meteo {
text-align: justify;
font-size: 0.8em ;
border: 1px solid gray;
border-top: 0px;
background-color: white;
margin: 0 5px 5px 5px;
}

/*-------------------------*/

dl.meteo {
padding: 0 0.2em;
margin: 0 5px 5px 5px;
border-top: 0px;
border-right: solid 1px gray;
border-left: solid 1px gray;
border-bottom: solid 1px gray;
text-align: center;
}
dl.meteo dt {
font-size: 80%;
display: inline;
}
dl.meteo dd {
margin: 0;
padding: 0;
}
dl.meteo dd p{
font-size: 80%;
margin-top: 0.5em;
margin-bottom: 0;
}

table#meteo {
width: 136px;
margin-right: 5px;
margin-left: 5px;
border-bottom: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
background-color: white;
}
table#meteo tr {
height: 30px;
}
table#meteo td {
/*width: 68px;*/
font-size: 80%;
text-align: center;
}
table#meteo td.image {
border: 1px solid gray;
font-size: 80%;
text-align: center;
}
/*table#meteo td.image img {
margin: 0;
padding: 0;
}
/*********************************************/

a#tyty {
display: none;
}

/**** mise en forme de la page d'affichage des miniatures *****/

table#photo {
						border: none ;
						width: 600px;
						margin: auto;
						}
table#photo td {
						text-align: center;
						background-color: #bbdaee;
						border: 1px solid gray;
						}
table#photo td.vide {
						border: none ;
						text-align: center;
						background-color: white;
						}
table#photo td img {
						margin-top: 10px;
						margin-bottom: 10px;
						border: 1px solid gray;
}
img.photo {
					border: 1px solid gray;
				  }
					
table#date_photo {
						border: none ;
						width: 700px;
						margin: auto;
						}
table#date_photo td {
						text-align: center;
						}
table#date_photo td.vide {
						border: none ;
						text-align: center;
						background-color: white;
						}
table#date_photo td img {
						margin-top: 10px;
						margin-bottom: 10px;
}
a.tutu {
			 float: left;
			 margin-left: 5px;
			 margin-right: 5px;
			 }
img.bordure {
						border: 1px solid gray;
						padding : 5px;
						}			
span.important {
							 font-weight: bold;
							 }			
/************ mise en forme du tableau daily winner*******/
dl.dwinner {
padding: 0 0.2em 0.2em 0.2em;
margin: 0 5px 5px 5px;
border-top: 0px;
border-right: solid 1px gray;
border-left: solid 1px gray;
border-bottom: solid 1px gray;
background-color: white;
}
dl.dwinner dt.std {
color: gray;
padding-left: 5px;
padding-right: 5px;
font-size: 80%;
display: inline;
border-left: #75a5d5 solid 1px;
background-image: url(IMAGES/std_dw.png); 
}
dl.dwinner dd.std {
border : #75a5d5 solid 1px;
margin: 0;
padding: 0;
}
dl.dwinner img {
float: left;
margin: 4px 2px;
}
dl.dwinner ul {
margin-left: 0px;
font-size: 80%;
}
dl.dwinner li {
list-style: none;
padding: 0;
margin: 0;
}
dl.dwinner dt.club {
color: gray;
padding-left: 5px;
padding-right: 5px;
font-size: 80%;
display: inline;
border-left: #35d772 solid 1px;
background-image: url(IMAGES/club_dw.png); 
}
dl.dwinner dd.club {
border : #35d772 solid 1px;
margin: 0;
padding: 0;
}
dl.dwinner dt.course {
color: gray;
padding-left: 5px;
padding-right: 5px;
font-size: 80%;
display: inline;
border-left: #ffff00 solid 1px;
background-image: url(IMAGES/15m_dw.png); 
}
dl.dwinner dd.course {
border : #ffff00 solid 1px;
margin: 0;
padding: 0;
}
/************ mise en forme de la page romo live *******/
ul#romolive {
						 margin: 0;
						 padding: 0 0.5em 0 0;
						 list-style-type: none;
						 text-align: left;
}
ul#romolive li {
						 display: inline;
						 line-height: 20px;
}
p.french {
font-style: italic;
}
dl.message img {
test-align: center;
}
/*************** mise en forme des tableaux résultats see you *****/
.page table.resultat {
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
font-size: 100%;
width: 800px;
}
.page table.resultat td, .page table.resultat th {
border: 0px;
}
.page table.resultat th {
background: url(IMAGES/h1_1.png);
color: white;
}
/*********** mise en forme du tableau du résumé des journées ********/
table.recap_results {
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
font-size: 100%;
border: 1px solid gray;
}
table.recap_results tr, table.recap_results td, table.recap_results th {
border: 1px solid gray;
text-align: center;
width: 90px;
}
table.recap_results .std {
background: url(IMAGES/std.png);
border: 1px solid gray;
}
table.recap_results .club {
background: url(IMAGES/club.png);
border: 1px solid gray;
}
table.recap_results .course {
background: url(IMAGES/15m.png);
border: 1px solid gray;
}
/*************** mise en forme des tableaux épreuve see you *****/
table.epreuve {
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
font-size: 100%;
width: 600px;
text-align: center;
}
table.epreuve td, table.epreuve th {
border: 0px;
}
table.epreuve th {
background: url(IMAGES/h1_1.png);
color: white;
}
table#epreuve_2 {
margin: auto;
width: 400px;
border-collapse: collapse;
line-height: 1.5em;
}
table#epreuve_2 th {
background: url(IMAGES/h1_1.png);
color: white;
line-height: 1.5em;
}