@charset "iso-8859-1";
/* auteur: Thierry Vignettes */
/* Date de création: 02/04/2005 */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 0 0 0 0;
padding: 0;
background-color: #FFFFEB;
behavior:url(http://www.destinenvol.org/maquette/include/csshover.htc);
}

#conteneur {
position: relative;
margin-top: 10px;
width: 790px;
background-color: #FFFFEB;
height: auto;
margin-left: auto;
margin-right: auto;	 
}
div#entete {
position: relative;
background-image:  url(../images/logo.gif);
background-position:left top;
background-repeat: no-repeat;
background-color: #FFFFEB;
width: 790px;
height: 205px;
top: 5px;
}
div#vagues {
position: relative;
background-image:  url(../images/vagues.gif);
background-repeat: no-repeat;
background-color: #FFFFEB;
width: 790px;
height: 39px;
top: -2px;
text-align:left;
}
div#fondmenuhaut {
position: relative;
top:39px;
background-image:  url(../images/fond_centre.gif);
width: 790px;
height:15px;
background-color: #FFFFFF;
}
div#menuhaut {
position: absolute;
top:0px;
z-index:100;
width: 790px;
}
div#titre_central {
width:100%;
text-align: center;
}
div#goutte_jaune {
position: relative;
left: -100px;
top: 30px;
}
div#goutte_bleu {
position: relative;
top: 25px;
left: 100px;
}
div#centre {
background-image: url(../images/fond_centre.gif);
margin-left: auto;
margin-right: auto;
width: 790px;
height: auto !important;
height: 450px;
min-height: 450px;
background-color:#FFFFFF;
margin-top:11px;
z-index:50;
}
div#pied {
width: 790px;
background-color:#0000C6;
height:29px;
}
div#bateau {
position: relative;
width: 790px;
margin-top: -80px;
/*margin-left: 100px;*/
/*right: -352px;
top: -98px;*/
}
div#etoile {
position: relative;
/*width: 790px;*/
margin-left: 792px;
top: -28px;
}
div#aide {
position:absolute;
visibility:hidden;
z-index:300;
}
dl, dt, dd, ul, li { 
margin: 0pt; 
padding: 0pt; 
list-style-type: none; 
}
div#menuhaut dl {
float: left;
width: 129px;
padding: 2px;
height: auto;
margin-left: 3px;
margin-top: 3px;
background-color: #FFFFEB;
}
div#menuhaut dt { 
border-right: dashed #972F31 1px;
border-top: dashed #972F31 1px;
border-bottom: dashed #972F31 1px;
border-left: dashed #972F31 1px;
padding: 1px;
margin: 0px; 
background: #FFF4CF none repeat scroll 0%; 
cursor: pointer; 
text-align: center; 
color: #633923;
font-size: 8pt;
}
div#menuhaut dd { 
background: #FFF4CF;
padding: 2px;
border-right: dashed #972F31 1px;
border-bottom: dashed #972F31 1px;
border-left: dashed #972F31 1px;
display: none; 
text-align: left; 
}
div#menuhaut dt a { 
border: 0px none ; 
display: block;
color: #633923; 
text-decoration: none; 
}
div#menuhaut dt a:hover { 
border: 0px none ; 
color: #FF0000; 
background: #FDFF39; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;
text-decoration: none; 
}
div#menuhaut dd a { 
border: 0px none ; 
display: block;
color: #633923; 
text-decoration: none; 
}
div#menuhaut dd a:hover { 
border: 0px none ; 
color: #FF0000; 
background: #FDFF39; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;
text-decoration: none; 
}
td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
}
div#bulle_aide
{
position:absolute;
margin-left: -15px;
margin-top: -8px;
float: left;
z-index:10;
}
div#bulle_aide:hover
{
cursor : help;
z-index:20;
}
div#bulle_aide:hover p
{
position: static;
}
div#bulle_aide p{
border:1px solid;
background-image:  url(../images/aide_utilisateur.gif);
position:absolute;
top:-999px;
width:280px;
height: 220px;
}
.titre_edito {
background-image:  url(../images/edito.gif);
background-position: right bottom;
background-repeat: no-repeat;
width: 98%;
height: 25px;
text-align: left;
}
.edito {
width: 98%;
text-align: left;
background-image:  url(../images/bulle_orange.gif);
background-repeat: no-repeat;
background-position: center center;
}
.acces_membre input {
font-size: 8pt;
padding: 2px;
display: center;
border-right: solid #024380 2px;
border-top: solid #024380 1px;
border-bottom: solid #024380 2px;
border-left: solid #024380 1px;
background: #D4E0EC;
color: #007C96;
font-weight: bold;
}
.acces_membre bouton {
font-size: 8pt;
padding: 2px;
display: center;
border-right: solid #024380 2px;
border-top: solid #024380 1px;
border-bottom: solid #024380 2px;
border-left: solid #024380 1px;
background: #007C96;
color: #D4E0EC;
font-weight: bold;
}
.titre_aide {
font-size: 8pt;
width: 80%;
padding: 2px;
display: center;
border-right: solid #024380 2px;
border-top: solid #B3ADAD 1px;
border-bottom: solid #024380 1px;
border-left: solid #0161BB 1px;
background: #FFFF9C;
color: #007C96;
}
.aide {
font-size: 8pt;
width: 80%;
padding: 2px;
display: center;
border-right: solid #024380 2px;
border-bottom: solid #024380 2px;
border-left: solid #0161BB 1px;
background: #FFFF9C;
color: #007C96;
}
.aide a {
font-size: 8pt;
display: block;
width: 100%;
background: #0000EE;
color: #FFFFFF;
text-decoration: none;
}
.titre_donnees_centrales {
font-size: 8pt;
width: 98%;
padding: 2px;
display: left;
border-right: solid #89452D 2px;
border-top: solid #89452D 1px;
border-bottom: solid #89452D 1px;
border-left: solid #89452D 1px;
background: #FFC66B;
color: #633923;
}
.donnees_centrales {
font-size: 8pt;
width: 98%;
padding: 2px;
display: left;
border-right: solid #89452D 2px;
border-bottom: solid #89452D 1px;
border-left: solid #89452D 1px;;
background: #FFFFFF;
color: #633923;
}
.titre_menu_gauche {
font-size: 8pt;
width: 90%;
padding: 2px;
display: left;
border-right: solid #972F31 2px;
border-top: solid #972F31 1px;
border-bottom: solid #972F31 1px;
border-left: solid #972F31 1px;
background: #FFE795;
color: #633923;
}
.menu_gauche {
font-size: 8pt;
width: 90%;
padding: 2px;
display: left;
border-right: solid #972F31 2px;
border-bottom: solid #972F31 1px;
border-left: solid #972F31 1px;;
background: #FFF4CF;
color: #633923;
}
.menu_gauche a {
border: 0px none ; 
color: #633923; 
text-decoration: none;
}
.menu_gauche a:hover {
border: 0px none ; 
color: #FF0000; 
background: #FDFF39;
text-decoration: none; 
}
.titre_au_fil_des_galeries {
width:90%;
top: 20px;
left: 3px;
margin: 0px;
padding:2px;
background-color: #99C9ED;
border-left: solid #38576C 1px;
border-right: solid #38576C 2px;
border-top: solid #38576C 1px;
color:#38576C;
font-weight:bold;
font-size: 7pt;
text-align: center;
}
.au_fil_des_galeries {
width:90%;
margin-bottom: 10px;
margin: 0px;
padding:2px;
background-color: #FEFFC5;
border-left: solid #38576C 1px;
border-right: solid #38576C 2px;
border-top: solid #38576C 1px;
border-bottom: solid #38576C 2px;
font-size: 7pt;
text-align: left;
}
.menudroit li {
margin-bottom: 5px;
}
.titre_albums_photos {
background-image:  url(../images/titre_albums_photos.gif);
background-position: right bottom;
background-repeat: no-repeat;
width: 98%;
height: 30px;
text-align: left;
}
.albums_photos {
width: 98%;
border: solid #972F31 1px;
text-align: left;
background-color: #FFFDF1;
}
.albums_photos a {
border: 0px none ; 
color: #633923; 
text-decoration: none;
}
.albums_photos a:hover {
border: 0px none ; 
color: #FF0000; 
background: #FDFF39;
text-decoration: none; 
}
.titre_comptes_rendus {
background-image:  url(../images/titre_comptes_rendus.gif);
background-position: right bottom;
background-repeat: no-repeat;
width: 98%;
height: 30px;
text-align: left;
}
.comptes_rendus {
width: 98%;
text-align: left;
}
.comptes_rendus a {
color: #000000;
text-decoration: none;
}
.comptes_rendus a:hover {
background :#FFFF40;
color: #FF0000;
text-decoration: none;
}
.comptes_rendus_image {
float: right;
width: 180px;
margin: 0;
padding:5px;
}
.comptes_rendus_texte {
padding:2px;
color:#000000;
font-size: 8pt;
text-align: left;
}
.comptes_rendus_titre_randonnee {
background-image:  url(../images/randonnees/fond_titre_randonnee.gif);
color:#000000;
font-size: 8pt;
text-align: center;
}
.titre_intervenants {
background-image:  url(../images/intervenants.gif);
background-position: right bottom;
background-repeat: no-repeat;
width: 98%;
height: 30px;
text-align: left;
}
.intervenants_nom {
background: #972F31;
color : #FFFFFF;
font-size: 8pt;
font-style: bold;
}
.intervenants_fonction {
background: #FFF4CF;
border: solid 1px #972F31;
color : #972F31;
font-size: 8pt;
}
.titre_bureau {
background-image:  url(../images/titre_bureau.gif);
background-position: right bottom;
background-repeat: no-repeat;
width: 98%;
height: 30px;
text-align: left;
}
.titre_randonnee {
background-image:  url(../images/titre_randonnee.gif);
background-position: right bottom;
background-repeat: no-repeat;
width: 98%;
height: 30px;
text-align: left;
}
.randonnee_titre_inscription {
background-image:  url(../images/randonnees/fond_titre_inscription.gif);
color:#000000;
font-size: 8pt;
text-align: center;
}
.randonnee_titre_renseignements {
background-image:  url(../images/randonnees/fond_renseignements_pratiques.gif);
color:#000000;
font-size: 8pt;
text-align: center;
}
.randonnee_separation {
background-image:  url(../images/randonnees/logo_separation.gif);
color:#000000;
font-size: 8pt;
height: 55px;
text-align: center;
}
.titre_festivites {
background-image:  url(../images/titre_festivites.gif);
background-position: right bottom;
background-repeat: no-repeat;
width: 98%;
height: 30px;
text-align: left;
}
.titre_calendrier_festivites {
background-image:  url(../images/titre_calendrier_festivites.gif);
background-position: right bottom;
background-repeat: no-repeat;
width: 98%;
height: 30px;
text-align: left;
}
.festivites_titre {
color:#46341A;
background: #FFD79F;
border-left: solid 1px #714403;
border-top: solid 1px #714403;
border-right: solid 2px #714403;
border-bottom: solid 2px #714403;
font-size: 8pt;
}
.festivites_titre_donnees {
color:#46341A;
background: #FFD79F;
border-left: solid 0px #714403;
border-top: solid 0px #714403;
border-right: solid 0px #714403;
border-bottom: solid 0px #714403;
font-size: 8pt;
}
.festivites_date {
color:#6D5737;
background: #FFEBCF;
border-left: solid 1px #B56B01;
border-top: solid 1px #B56B01;
border-right: solid 2px #B56B01;
border-bottom: solid 2px #B56B01;
font-size: 8pt;
}
.festivites_date_donnees {
color:#6D5737;
background: #FFEBCF;
border-left: solid 0px #B56B01;
border-top: solid 0px #B56B01;
border-right: solid 0px #B56B01;
border-bottom: solid 0px #B56B01;
font-size: 8pt;
}
.festivites_date_limite {
color:#6D5737;
background: #FFF5E7;
border-left: solid 1px #E58701;
border-top: solid 1px #E58701;
border-right: solid 2px #E58701;
border-bottom: solid 2px #E58701;
font-size: 8pt;
}
.festivites_date_limite_donnees {
color:#6D5737;
background: #FFF5E7;
border-left: solid 0px #E58701;
border-top: solid 0px #E58701;
border-right: solid 0px #E58701;
border-bottom: solid 0px #E58701;
font-size: 8pt;
}
.festivites_separation {
border-left: solid 0px #E58701;
border-top: dashed 1px #E58701;
border-right: solid 0px #E58701;
border-bottom: solid 0px #E58701;
height:2px;
font-size: 1pt;
}
.titre_gym {
background-image:  url(../images/titre_gymnastique.gif);
background-position: right bottom;
background-repeat: no-repeat;
width: 98%;
height: 30px;
text-align: left;
}
.gym {
width: 98%;
text-align: left;
}
.gym_image {
float: right;
width: 180px;
margin: 0;
padding:5px;
}
.gym_texte {
padding:2px;
color:#000000;
font-size: 8pt;
text-align: left;
}
.titre_adhesion {
background-image:  url(../images/titre_adhesion.gif);
background-position: right bottom;
background-repeat: no-repeat;
width: 98%;
height: 30px;
text-align: left;
}
.adhesion {
padding:2px;
color:#000000;
font-size: 8pt;
text-align: left;
}
.titre_pasenservice {
background-image:  url(../images/titre_prochainement.gif);
background-position: right bottom;
background-repeat: no-repeat;
width: 98%;
height: 30px;
text-align: left;
}
.pasenservice {
padding:2px;
color:#000000;
font-size: 8pt;
text-align: left;
}