body
{
   width: 1022px;
   margin: auto;
   background-image: url("./images/fond.jpg");
	background-repeat:repeat;
	background-position: top left;
}

/* L'en-tête */

#en_tete
{
   width: 1022px;
   height: 200px;
   background-image: url("./images/pic28_4.jpg");
   margin-top: 10px;
   margin-bottom: 1px;
}

/* Menu */

#menu, #menu ul 
{
        padding : 0; 
        margin : 0; 
        list-style : none; 
        line-height : 32px; 
        text-align : center; 
}

#menu
{
        font-weight : bold; 
        font-family : Arial; 
        font-size : 15px; 
}

#menu a 
{
        display : block; 
        padding : 0; 
        background-image : url("./images/pic58.jpg");   
        color : #ffffff; 
        text-decoration : none; 
        width : 146px; 
}

#menu a:hover     
{
        color: #000000; 
		font-style: italic;
        background-image : url("./images/pic57.jpg"); 
}

#menu li      
{ 
        float: left; 
        border-right : none 
}


html>body #menu li
{
        border-right: 0px solid transparent ; 		
}

#menu li ul 
{ 
        position: absolute; 
        width: 145px; 
        left: -999em; 
}


#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  
{
        left: auto; 
        min-height: 0; 
}


/* Le corps de la page */

#corps
{
   margin-left: 0px;
   margin-right : 0px;
   margin-bottom: 0px;
   margin-top: 0px;
   padding: 1px;
   color: #000000;
   background-color: #cfd7f0;
}

strong
{
font-size: 15px;
font-weight: bold;
text-decoration: underline;
}

.strong_no_underline
{
font-size: 15px;
font-weight: bold;
text-decoration: none;
}

.etoile
{
color: red;
margin-left: 10px;
text-decoration: none;
}

p
{
   font-family: "trebuchet ms", serif;
   color: #364B7D;
   margin-left: 30px;
   margin-right: 30px;
   text-align: justify;
}

.p_plus_gros
{
   font-family: "trebuchet ms", serif;
   color: #364B7D;
   font-weight: bold;
   margin-left: 30px;
   margin-right: 30px;
   text-align: justify;
}

hr {
	width: 60%;
	margin: 50px auto;
	border: none;
	height: 1px;
	background: #f00;
	color: #FE0101; /* Pour IE */
}

.img_bord
{
border: 1px solid black;
}

.img_nobord
{
border: none;
}

a
{
   text-decoration: none; 
   color: blue;   
}

.a_mentions
{
   text-decoration: underline; 
   color: white;   
}

.a_liens
{
   text-decoration: none; 
   color: black; 
   margin-left: 15px;
}

.a_liens:hover
{
   text-decoration: underline; 
   color: #9A6200;   
}

a:hover
{
   text-decoration: underline; 
   color: #9A6200; 
}

a:active
{
   text-decoration: none;
   color: #5D280E;
}

.li2
{
margin-left: 10px;
color: #364B7D;
font-family: "trebuchet ms", serif;
font-size: 16px;
list-style-type: circle;
}
 
.li3
{
color: #364B7D;
font-family: "trebuchet ms", serif;
font-size: 17px;
margin-bottom: 15px;
list-style-image: url("./images/li_avion.png");
}

.li4
{
color: #364B7D;
font-family: "trebuchet ms", serif;
font-size: 16px;
margin-left: 10px;
}

.li_hist
{
color: #364B7D;
font-family: "trebuchet ms", serif;
font-size: 16px;
margin-bottom: 30px;
margin-left: 15px;
margin-right: 50px;
list-style-type: circle;
text-align: justify;
}

	.retour_ligne
	{
	margin-bottom : 1px;
	}

.centrage
{
text-align: center;
margin-bottom: 15px;
margin-top: 50px
}

.centrage_retour
{
text-align: center;
font-size: 15px;
font-family: "book antiqua", "trebuchet ms", serif;
margin-bottom: 10px;
margin-top: 30px;
}

.centrage_titre_terrain
{
text-align: center;
text-decoration: underline;
font-family: "trebuchet ms", serif;
font-size: 20px;
color: #9A4800;
margin-top: 35px;
margin-bottom: 15px;
}

.centrage_terrain
{
text-align: center;
font-family: "trebuchet ms", serif;
margin-bottom: 3px;
}

.centrage3
{
text-align: center;
font-style: italic;
color: #FE0101;
margin-bottom: 30px;
font-size: 18px;
margin-top: 0px;
}

.titre_mentions
{
text-decoration: underline;
margin-left: 30px;
margin-top: 30px;
margin-bottom: 20px;
font-weight: bold;
font-size: 17px;
}

.sous_titre_liensg
{
text-decoration: underline;
font-family: "book antiqua", arial, serif;
margin-left: 140px;
font-size: 20px;
font-weight: bold;
color: 	#FE0101;
margin-top: 30px;
margin-bottom: 45px;
}

.sous_titre_liensd
{
text-decoration: underline;
font-family: "book antiqua", arial, serif;
margin-left: 175px;
font-size: 20px;
font-weight: bold;
color: 	#FE0101;
margin-top: 30px;
margin-bottom: 45px;
}

.titre_page
{
text-align: center;
margin-top: 70px;
margin-bottom: 50px;
font-size: 30px;
color: #364B7D;
font-family: "book antiqua", arial, serif;
text-decoration: underline;
}

.sous_titre_page
{
margin-left: 30px;
margin-top: 40px;
margin-bottom: 20px;
font-size: 18px;
color: #FE0101;
font-family: "book antiqua", arial, serif;
font-weight: bold;
text-decoration: underline;
}

.photo_tarifs
{
width:20%;
margin-right: 150px;
}

.date_info
{
color: #364B7D;
font-size: 17px;
font-weight: bold;
margin-left: 30px;
text-decoration: underline;
}

/* Les tableaux */

table
{
   border-collapse: collapse; 
}

td
{
   border: none;
   padding-left: 50px;
   padding-right: 100px;
   padding-bottom: 10px;
   padding-top: 20px;
}

.td2
{
   border: none;
   padding-left: 100px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
}

.td_documents
{
   border: 1px solid #336699;
   width: 200px;
   padding-top: 10px;
   padding-left: 90px;
   text-align: center;
   font-family: "trebuchet ms", serif;
   color: #364B7D;
}

.td_documents2
{
   border: 1px solid #336699;
   width: 300px;
   padding-top: 10px;
   padding-left: 90px;
   text-align: center;
   font-family: "trebuchet ms", serif;
   color: #364B7D;
}
			.margin-left60
			{
			margin-left: 60px;
			}
			
.td_photos
{
padding-left: 50px;
padding-right: 10px;
}

.td_apprendre_g
{
   width: 250px;
   font-family: "trebuchet ms", serif;
   color: #364B7D;
   font-size: 15px;
   margin-left: 13px;
   padding-right: 80px;
   padding-left: 60px;
   padding-top: 20px;
   padding-bottom: 20px;
}

.td_apprendre_d
{
   width: 555px;
   font-family: "trebuchet ms", serif;
   color: #364B7D;
   font-size: 15px;
   margin-left: 13px;
   padding-right: 50px;
   padding-left: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.td_region_photo_g
{
   width: 500px;
   padding-right: 0px;
   padding-left: 40px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.td_region_photo_d
{
   width: 350px;
   padding-right: 80px;
   padding-left: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.td_region_g
{
   width: 600px;
   padding-right: 50px;
   padding-left: 40px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.td_region_d
{
   width: 600px;
   padding-right: 50px;
   padding-left: 30px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.td_index_titre
{
padding-left: 70px;
padding-top: 60px;
text-align: center;
width: 400px;
color: #D91601;
font-size: 39px;
font-family: arial;
}

.td_index_soustitre
{
padding-left: 70px;
padding-top: 20px;
text-align: center;
width: 400px;
color: #F73722;
font-size: 35px;
font-family: arial;
}

.td_index_diapo
{
padding-left: 80px;
padding-top: 60px;
text-align: center;
width: 400px;
}

.index_gauche
{
float: left;
margin-left: 10px;
margin-top: 0px;
width: 511px;
height: 595px;
}

.index_droite
{ 
background-image: url("./images/pic107.jpg");
margin-left: 520px;
margin-top: 32px;
padding-top: 0px;
width: 500px;
height: 640px;
}

.contenant_liensg
{
float: left;
width: 450px;
height: 589px;
background-image: url("./images/pic15.jpg");
margin-left: 30px;
margin-right: 15px;
}

.contenant_liensd
{
float: right;
width: 450px;
height: 589px;
background-image: url("./images/pic15.jpg");
margin-left: 15px;
margin-right: 30px;
}

/* Minis membres */

.mini_infos
{
width: 324px;
height: 342px;
margin-top: 50px;
margin-left: 50px;
float: left;
}

.mini_commission_sec
{
width: 250px;
height: 312px;
margin-top: 60px;
margin-left: 300px;
float: left;
}

.mini_meteo
{
width: 300px;
height: 280px;
margin-top: 150px;
margin-left: -200px;
float: left;
}

.mini_documents
{
width: 250px;
height: 312px;
margin-top: 100px;
margin-left: 150px;
float: left;
}

.mini_tire
{
width: 280px;
height: 200px;
margin-top: 80px;
margin-left: 150px;
float: left;
}

/* Minis images */

.minis_jumelage_2010
{
width: 300px;
height: 203px;
margin-top: 50px;
margin-left: 130px;
float: left;
}

.minis_paysages
{
width: 300px;
height: 203px;
margin-top: 40px;
margin-left: 150px;
float: left;
}

.minis_avions
{
width: 300px;
height: 203px;
margin-top: 100px;
margin-left: -80px;
float: left;
}

.minis_vues
{
width: 300px;
height: 203px;
margin-top: 100px;
margin-left: 130px;
float: left;
}

.minis_janv_2010
{
width: 300px;
height: 203px;
margin-top: 100px;
margin-left: 150px;
float: left;
}

.minis_cirrus
{
width: 300px;
height: 203px;
margin-top: 100px;
margin-left: 350px;
float: left;
}

.minis_1970
{
width: 300px;
height: 203px;
margin-top: 40px;
margin-left: 110px;
float: left;
}

.minis_1980
{
width: 300px;
height: 203px;
margin-top: 40px;
margin-left: 180px;
float: left;
}

.minis_1990
{
width: 300px;
height: 203px;
margin-top: 100px;
margin-left: 110px;
float: left;
}

.minis_2000
{
width: 300px;
height: 203px;
margin-top: 110px;
margin-left: 180px;
float: left;
}

.minis_2010
{
width: 300px;
height: 203px;
margin-top: 100px;
margin-left: 350px;
float: left;
}

/* Le formulaire de contact */

input, textarea
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   margin-bottom : 15px;
}

input:focus, textarea:focus 
{
   background-color: #CDD1D0;
}

legend
{
	font-family: "book antiqua", Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
	color: #FE0101;
	font-weight: bold;
	top: -0.5em;
	position: relative;

}

label {
display:block;
width:220px;
float:left;
margin-left: 20px;
}

fieldset
{
	width: 900px;
	margin-bottom: 20px; 
	margin-left: 45px;
	background-color: #E6E9E9;
	top: 1em;
	padding-bottom: 10px;
	padding-left: 10px;
	position: relative;

}

/* Le pied de page */

#pied_de_page
{
   width: 1023px;
   padding-top: 15px;
   padding-bottom: 20px;
   text-align: center;
   font-family: arial, serif;
   color: white;
   font-size: 15px;
}