/*--------------------------------------------------------*/
/* Debug positionnement */
/*----------------------*/
/*table {border: 1px solid black}
td {border: 1px dotted gray}
*/
/*
div {border: 1px solid red}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
*/
/*ul {border: 1px solid green}
li {border: 1px solid lightgreen}
*/
/*--------------------------------------------------------*/
/* Debug par non affichage                                */
/* balise {display: none;} */
/*--------------------------------------------------------*/
/* Debug par suppression des marges                       */
/* sélecteur universel (*), qui s'appliquera à toutes les balises, 
et d'y mettre les marges à zéro :
* {margin: 0; padding: 0;}*/
/*--------------------------------------------------------*/

body {
margin: 0;/* sans marges, la page sera collée aux bords */
padding: 0;
font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size: 12px; /* on définit la taille de police de base dans la page */
}
.conteneur {
background-color : rgb(234,250,235); 
background-color :#F5F5DC;
position: absolute;
width: 100%;
}
/* conteneur pour la partie entre le menu et la partie droite */
.centre {
position: relative;
margin-top: 5 px;
margin-left: 180px; /* on place le bloc centre par rapport à la largeur du menu gauche */
width: 81%;
}

/*background-image: url('design/head1.gif');*/
/* Bandeau superieur                 */
/*-----------------------------------*/
.head1 {
/*background-color : rgb(84,234,234); */
background-image: url('images/bandeau-panorama-1000x94.jpg'); */
/*height: 159px;  /*Hauteur image */*/
/*background-color :#F5F5DC;*/
height: 94px;
}

/*background-image: url('design/head2.gif');*/
/*background-color : rgb(100%,99%,0%) ;*/
/* Bandeau menu horizontal */
/*-----------------------------------*/
.head2 {
 background-color : #bad5f0 ; /* Ancienne #bcc2fc couleur mer photo color="#bad5f0" */
/*width: 770px;*/
/*height: 10px;*/
} 
/* Définition de la place du logo à droite */
/*-----------------------------------------*/
.logo {
float: right; /* alignement du logo à droite */
margin-right: 0px;  /* placement du logo dans son conteneur, head1 */
margin-top: 3px;
border: 0;
}

#gauche {
float:left;
margin-top: 5px;
width: 155px;
}


/* Bloc de centre pour texte  */
/*------------------------------------------------------------------*/
.centre_text {
margin-top: 5px;
margin-left: 180px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
margin-right: 40px;
line-height: 25px; /* interligne */

}

/* Bloc de centre gauche   */
/*------------------------------------------------------------------*/
.bloc_gauche {
margin-top: 5 px;
margin-left: 0px; /* on place le bloc centre par rapport à la largeur du menu gauche */
margin-right: 320px;
line-height: 20px; /* interligne */
/*background-color : rgb(40%,55%,20%) ; */
text-align:left;
padding-right:20px;
}

/* Bloc de centre gauche  pour image  */
/*------------------------------------------------------------------*/
.bloc_gauche_image {

margin-top: 5 px;
margin-left: 0px; /* on place le bloc centre par rapport à la largeur du menu gauche */
margin-right: 500px;
line-height: 20px; /* interligne */
/*background-color : rgb(40%,55%,20%) ; */
text-align:left;
padding-right:20px;
}
/* Bloc adresse   */
/*------------------------------------------------------------------*/
.bloc_adresse {
margin-top: 10px;
margin-left: 100px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
margin-right: 100px;
line-height: 10px; /* interligne */
background-color : #D3D3D3 ;
text-align:center;
padding-right:20px;
padding-top:20px;
padding-bottom:20px;
}
/* Bloc de centre droit pour image  */
/*------------------------------------------------------------------*/
.bloc_droit_image {
float:right;
margin-top: 5px;
width: 310px;
line-height: 25px; /* interligne */
text-align: center;
}

/* Bloc de centre droit pour image  */
/*------------------------------------------------------------------*/
.bloc_droit_texte {
float:right;
clear:both;
margin-top: 0px;
width: 500px;
line-height: 10px; /* interligne */
text-align: left;
}

.menu { /* on définit un conteneur pour le menu */
margin-top: 30px;
width: 160px;
border: 1px solid #060C6F;
background-color: #B7D3F0;
font-family: verdana, arial;
font-size: 110%;
text-align: center;
}
/* Redéfinition des styles de base */
h1 {
font-size: 140%;
text-align: left;
}
h2 {
font-size: 100%;
text-align: left;
}

.souligne {
  font-size: 10pt;
  line-height: 70% ;
  font-family: Tahoma,verdana, arial;
  font-weight : bold ;
  text-decoration: underline ;
}
 
.surligne {
  font-size: 10pt;
  font-family: Tahoma,verdana, arial;
  text-decoration: overline ;
}
 
.barre {
  font-size: 10pt;
  font-family: Tahoma,verdana, arial;
  text-decoration: line-through ;
}

.gras {
  font-size: 10pt;
  font-family: Tahoma,verdana, arial;
  font-weight : bold;
}


.legende {
  font-size: 8pt;
  line-height: 0 ;
  font-family: Tahoma,verdana, arial;
  font-weight : normal ;
  font-style : italic;
  text-decoration: none ;
}
 


/* Balises de liste */
ul,li {
list-style-type: none; /* pour ne pas avoir de puces */
margin: 0;
padding:0;
line-height: 40px; /* interligne */
}

/*-----------------------------------*/
/* Menu horizontal */
/* Menu de http://css.maxdesign.com.au/listamatic/ Modele Centred list navbar */
/*-----------------------------------*/
#menuhori ul
{
/*padding: .2em 0;*/
margin: 0;
list-style-type: none;
background-color: #036;
color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: right;
}

li { display: inline; }

li a
{
text-decoration: none;
background-color: #036;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}

li a:hover
{
background-color: #369;
color: #fff;
}


/*-----------------------------------*/
/* Menu Vertical */ 
/* Menu de http://css.maxdesign.com.au/listamatic/ Modele Rollover lists  */
/*-----------------------------------*/
#menugauche { 
width: 160px; 
/* position: absolute; */
left:0;
 }

#menugauche ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-style:oblique;
font-variant:small-caps;
}

#menugauche a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.5em;
padding-left:8px;
padding-right:3px;
/*padding: 3px;*/
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#menugauche a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#menugauche a:hover
{
background-color: #369;
color: #fff;
}


/* Styles de pied de page */
/*------------------------*/
.footerLink {
	clear:both;
	background-color : rgb(255,255,255);
	font-size: 8pt; 
	color: #808080; 
	font-family: Tahoma; 
	text-decoration: underline;
	white-space:normal;
	height : 30px;
}
.footerLink:hover {
	font-size: 8pt; color: #808080; font-family: Tahoma; text-decoration: underline
}
.footerLink:active {
	font-size: 8pt; color: #808080; font-family: Tahoma; text-decoration: underline
}
.footerLink:visited {
	font-size: 8pt; color: #808080; font-family: Tahoma; text-decoration: underline
}
.footerLink:link {
	font-size: 8pt; color: #808080; font-family: Tahoma; text-decoration: underline
}
.footerText {
	font-size: 8pt; color: #808080; font-family: Tahoma; text-decoration: none
}

div#galerie
{
	width: 100% ;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}