/* CSS Document */
/* on met les compteurs a zero */
 * {
   padding: 0; margin: 0; }
   
html {
	font-size: 100%;
}

body {
	font-size: 0.625em; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	color: #40575F;
	text-align: center;
	background-color: #FFFFFF;
}
 
ul, li {
	list-style-type: none;
}
 
a {
	color: #8D9EAD;
	text-decoration: none;
	font-weight: 600;
}
a:hover {
	color: #333366;
}

img {border: none;}
a img {border: none;}

p {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 5px;
}
h2 {
	font-size: 1.4em;
	font-style: italic;
}
h3 {
	font-size: 1.3em;
	line-height: 1.5em;
	padding-bottom: 5px;
}

/* Les conteneurs et leur mise en forme générale  */
#page {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
/* Entete du site : header */
#entete {
	width: 100%;
	height: 90px;
	text-align: right;
	border-bottom-color: #8D9EAD;
	background-image: url(sybpix.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	#entete h1 a {
	color: #666666;
	font-size: 1.6em;
	padding-right: 20px;
	font-family: DirtyBakersDozen;
	line-height: 2em;
	}

	#entete p {
	font-size: 1.2em;
	padding-right: 20px;
	font-style: italic;
	font-weight: 500;
	}
/* navigation haut */	
#navHaut {
	height: 30px;
	padding-top: 10px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #8D9EAD;
	border-bottom-color: #8D9EAD;
	}
	#navHaut ul {
	}
	#navHaut li {
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #597696;
	float: left;
	font-size: 1.5em;
	}
	#navHaut li a {
	font-size: 0.9em;
	}
	#navHaut li a:hover {
	color: #40575F;
	}
	ul#navHaut li#active{
	background-color: #8D9EAD;
	}

	li#active a {
	color: #FFFFFF;
}
/* le cadre gauche */
#gauche {
	float: left;
	width: 73px;
}
/* le cadre droit (principal) */
#droit {
	float: right;
	width: 650px;
	text-align: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
}
/* le pied de page) */
#piedpage {
	clear: both;
	height: 50px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #8D9EAD;
}
	#piedpage p {
	font-size: 0.9em;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 600;
	}
	
	.piedemail {
	background-color: #8D9EAD;
	font-weight: 800;
	color: #FFFFFF;
	}
	.piedemail a:hover {
	color: #333333;
	background-color: #FFFFFF;
	}
	.piedmentions {
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	}
/*	pour aligner gauche ou droite ou centrer differents elements ajoutes */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}
img.alignright {
padding: 4px;
display: inline;
}
img.alignleft {
padding: 4px;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}

/*	Mise en page pour affichage des galeries */
.galnav {
	line-height: 2em;
	font-size: 1.4em;
	font-weight: 500;

}		
	div#galerie	{
	width: 620px;
	background: #eed;
	border: 1px solid #dcb;
	text-align: center;
		}
		
		ul#galerie_mini	{
		padding: 0 ;
		list-style-type: none ;
		}
		
		ul#galerie_mini li{
		float: left ;
		}
		
		ul#galerie_mini li a img{
		padding: 2px 1px ;
		border: 1px solid #dcb ;
		}
		
		dl#photo {
		clear: both ;
		margin: 0 auto ;
		}
		
		dl#photo dt {
	color: #40575F;
	font-family: Georgia, serif;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.5em;
	text-align: left;
	padding: 5px;
		}
		
		dl#photo dd {
		margin: 0 ;
		}
		
		dl#photo img {
		border: 1px solid #dcb ;
		}
		.description {
	color: #000066;
		}
/*	bouton pour retour form contact */	
.bt_retour a {
	font-size: 2em;
	color: #990000;
	text-align: center;
}

/*	liste de page avec liens */
.listePage ul {
	font-size: 1.2em;
}
.listePage li {
	padding-bottom: 5px;
	font-size: 1.2em;
}
.listePage li a {
	color: #8D9EAD;
	font-weight: 600;
}
.listePage li a:hover {
	color: #333366;
}