/* Feuille de style, site de brettessecourisme.fr */
/* --------------------------------------- */
/* theme_1: Bandeau Logo + Entete, (Menu Horizontal), Marge Gauche, Fenetre principale, Marge Droite, pied de page */
html {
}

body {
  height:100%;		/* X % de l'ecran */
  width:100%;		/* X % de l'ecran */
  margin: 0;		/* marge "exterieur" */
  padding: 0;		/* marge "interieure */
  background-color:#90EE90;	/* Couleur du fond d'ecran */
/*  background-image: ;		/* Image du fond d'ecran */
  font-family:"Times New Roman", Times, serif;	/* fonte des caracteres */ 
  font-size:1em;	/* Taille des caracteres */
  color:#000;		/* Couleur du text */
}

div {
  margin:0;		/* marge "exterieur" */
  padding:0;		/* marge "interieure */
}

div#logo {
  position: absolute; /**/
  width:100px;/* */
  left: 50%; /* on positionne l'élément à la moitié de l'écran */
  margin-left: -330px; /* on applique une marge négative de la moitié de la largeur de l'élément */
  z-index:8;		/* niveau de l'empilement */
/*  background-color:#AAAAAA;	/* Coleur du fond */
}

div#header {
  position: absolute;/**/
  width:500px; /* */
  height:90px;
  left: 50%; /* on positionne l'élément à la moitié de l'écran */
  margin-left: -175px; /* on applique une marge négative de la moitié de la largeur de l'élément */
  padding:15px;
  z-index:8;		/* niveau de l'empilement */
  background-color:inherit;	/* Couleur du fond */
}


div#border_left {
  position:absolute;
  left: 50%; /* on positionne l'élément à la moitié de l'écran */
  width:140px;
  margin-left: -330px; /* on applique une marge négative de la moitié de la largeur de l'élément */
  margin-top: 125px;
  padding:0.2em;	/* Marge "interieure" */
/*  padding-top:5px;	/* */
/*  padding-bottom:5px;	/* */
  padding-right:5px;	/* */
/*  z-index:7;		/* niveau de l'empilement */ 
  background-color:inherit;	/* Couleur du fond */
  border-radius: 10px;		/* contours arrondis */
  border-width: 1px;		/* contours arrondis */
  border-style: solid;		/* contours arrondis */
  border-color:#EEEEEE ;	/* couleur du contour */
}

div#border_right {
}

/* Conteneur du contenu du site (zone texte) */
div#frame_main {
  position:absolute;/*relative;*/
/*  top:125px;		/* Position par rapport au bord superieur de la fenetre web */
  top:0;		/* Position par rapport au bord superieur de la fenetre web */
  margin-top:125px;
  left:50%;	        /* Position par rapport au bord gauche de la fenetre web */
  margin-left:-175px;
  width:510px;		/* Largeur du conteneur */
/*  max-height:450px; /* */
  max-height:75%; /* */
  z-index:5;
/*  margin-top:100px;	/* */
/*  margin-bottom:5px;	/* */
/*  margin-right:0;	/* */
/*  margin-left:170px;	/* */
  padding:0.5em;	/* Marge "interieure" */
  overflow:auto;
  background-color:inherit;
  border-radius: 10px;		/* contours arrondis */
  border-width: 1px;		/* contours arrondis */
  border-style: solid;		/* contours arrondis */
  border-color:#E0E0E0 ;	/* couleur du contour */
}

.logo_datadock {
 vertical-align:top;
 float:right;
}

/* Titre 1 */
h1 {
  font-size: 1.5em;	/* Taille du caractere */
/*  line-height: 1.5em;	/* */
  padding-top:0px;
  padding-bottom:0.2em;
  padding-right:0px;
/*  padding-left:0px;	/* */
  margin:0;
}
/* Titre 2 */
h2 {
  font-size: 1.2em;	/* Taille du caractere */
  line-height: 100%;
/*  vertical-align:-5px;	/* Alignement vertical */
/*  background-color: ;	/* Couleur du fond */
/*  background-image: ; 	/* Couleur du fond */
/*  margin:0;		/* Marge "interieure */
}

/* Titre 3 */
h3 {
  font-size: 1.1em;	/* Taille du caractere */
  line-height: 100%;
/*  background-color: ;	/* Couleur du fond */
/*  background-image: ;	/* Image de fond */
/*  margin:0;		/* Marge "interieure */
}

/* Image */ /* <img [...]/> */
img {
  border:none;		/* bordure du cadre */
}

/* Lien */ /* <a href="">  </a> */
a:link {
  color: #0099FF;	/* Coleur du lien */
  text-decoration: none; /* none|underline */
}
a:visited {	/* lorsque le lien a deja ete visite */
  color:#0099FF;
  text-decoration: none;
}
a:active {	/* lorsque l'on clique sur le lien */
  color:blue;
  text-decoration: none;
}
a:hover {	/* lorsque l'on passe la souris dessus */
  color:gray;
  text-decoration: none;
}

a.menu:link {
  display: block;/* */
*  width: 10em; /* */
  color: black;	/* Couleur du lien */
  text-decoration: none; /* none|underline */
/*  background-color: #FF6347; /* Couleur de fond */
  border-radius: 10px;		/* contours arrondis */
  border-width: 2px;		/* contours arrondis */
  border-style: solid;		/* contours arrondis */
  border-color: #90EE90;      /* contours */
}
a.menu:visited {	/* lorsque le lien a deja ete visite */
  color: black;	/* Couleur du lien */
  text-decoration: none; /* none|underline */
/*  background-color: white; /* Couleur de fond */
  border-color: #90EE90;      /* contours */
}
a.menu:active {	/* lorsque l'on clique sur le lien */
  color: black;	/* Couleur du lien */
  text-decoration: none; /* none|underline */
  background-color:gray; /* Couleur de fond */
  border-color: #90EE90;      /* contours */
}
a.menu:hover {	/* lorsque l'on passe la souris dessus */
  color: black;	/* Couleur du lien */
  text-decoration: none; /* none|underline */
  background-color:white; /* Couleur de fond */
  border-color: white;
}

/* Diaporama */
#diaporama{
  display: block;
  position: fixed;
  top:0; right:0; bottom:0; left:0;
  overflow:auto;
/*    background-color: rgba(0, 0, 0, 0.5); /**/
    z-index: 1;
}

#diaporama a.close{
  font-weight: bold;/**/
  font-family:"courrier";
/*    padding: 10px 25px;/**/
  background-color: white;
  position: fixed;/*absolute; /**/
  padding:1px 5px 1px 5px;/**/
  top: 5px;
  right: 5px;
  color:black;
  background-color:white;
  border-color:white;      /* contours */
  border-radius: 15px;
}
#diaporama img {
  padding:0;
}

#diaporama fieldset {
  display:inline;
  vertical-align:top;
  margin:5px;
  padding:5px;
  border-color:gray;/*#E0E0E0 ;	/* couleur du contour */
  border-width: 1px;		/* contours arrondis */
  border-style: solid;		/* contours arrondis */
  box-shadow: 5px 5px 5px gray; /*#E0E0E0;*/
}