body
{
	padding: 0 ;
	text-align: center ;
	font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
	background: #FFFFCC ;
	color: #669999;
}

div#conteneur
{
	width: 792px ;
	margin: 0 auto;
	text-align: left ;
	border: 2px solid #669999 ;
	background: #fff ;
}

h1#header
{
	background: url(banniere.jpg) no-repeat ;
	height: 200px ;
	text-indent: -5000px ;
}

h1#header_petit
{
	background: url(bannierePetite.jpg) no-repeat ;
	height: 42px ;
	text-indent: -5000px ;
}

ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(bg_menu2.png) repeat-x 0 -25px ;
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
	text-align: center ;
	width: 130px ;
	line-height: 25px ;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	border-right: 1px solid white ;
	border-left: 1px solid white ;
	border-top: 1px solid white ;
	border-bottom: 1px solid white ;
}

ul#menu li:hover
{
	background: url(bg_menu2.png) repeat-x 0 0 ;
}

ul#menu li a
{
	color: white;
	text-decoration: none ;
}

ul#menu li#current
{
	background: url(bg_menuCurrent.png) repeat-x 0 0 ;
	font-weight: bold;
}

ul#menu li#current:before
{
	content: ">> ";
}

ul#menu li#current:after
{
	content: " <<";
}

ul#navigPhotos
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	text-align: center;
	list-style-type: none ;
}

ul#navigPhotos li
{
	float: left ;
	text-align: center ;
	width: 130px ;
}

ul#navigPhotos li a
{
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}

div#contenu
{
	padding: 0 10px 0 20px ;
}

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(logoh2.png) no-repeat left bottom ;
	color: #669999 ;
	border-bottom: 1px solid #6699FF ;
}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-top: 1px solid #6699FF ;
	border-left: 3px solid #6699FF ;
	color: #669999 ;
}

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
	color: #669999;
}

div#contenu a
{
	color: #FF0000 ;
	text-decoration: none;
}

div#contenu a:hover
{
	color: #0000ff;
}

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #669999 ;
}

p#footer a
{
	color: #FF0000 ;
	text-decoration: none;
}

p#footer a:hover
{
	cursor: help;
	color: #0000ff;
}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

warning
{
	color: red;
	font-size: 0.9em;
	font-weight: bold;
}

warning#current:before
{
	content: "[!]";	
}

commentaire
{
	display: block;
	text-align: justify;
	color: darkblue;
	background: #DDDDDD;
}

commentairePhoto
{
	display: block;
	font-style: italic;
	text-align: center;
	font-size: 0.8em;
}

navigationPhotos
{
	font-size: 2em;
	color: lightgrey;
}

navigationPhotos#avant
{
	float: left;
}

navigationPhotos#apres
{
	float: right;
}

navigationPhotos#separateur
{
	float: left;
}

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

navigationPhotos a:hover
{
	color: red;	
}

petitAvertissement
{
	display: block;
	text-align: right;
	font-size: 0.8em;
	background: #DDDDDD;
}

petitAvertissementGauche
{
	display: block;
	text-align: left;
	font-size: 0.8em;
	background: #DDDDDD;
}

navigationPhotos
{
	display: block;
	text-align: center;
	font-size: 0.9em;
}

emphase
{
	font-weight: bold;
}

hr
{
	color: #00FFFF;
	background-color: #dea;
	height: 1px;
	border: 0;
}

a img
{
	display: block;
	border: 0;
}

form
{
	border-top: 1px dashed gray;
	border-bottom: 1px dashed gray;
	border-left: 1px dashed gray;
	border-right: 1px dashed gray;
	font-weight: bold;
	background-color: #F5F5F5;
	padding: 10px;
	width: 90%;
}

input[type="checkbox"], input[type="radio"]
{
	visibility: hidden;
	width: 0px;
	height: 0px;
	padding: 0px;
	margin: 0px;
}

input[type="checkbox"] + label
{
	background: url("boutons.png") 0 0 no-repeat;
}

input[type="checkbox"]:focus + label
{
	background-position: 0 -16px;
}

input[type="checkbox"]:checked + label
{
	background-position: 0 -32px;
}

input[type="checkbox"]:checked:focus + label
{
	background-position: 0 -48px;
}

input[type="radio"] + label
{
	background: url("boutons.png") 0 -64px no-repeat;
}

input[type="radio"]:focus + label
{
	background-position: 0 -80px;
}

input[type="radio"]:checked + label
{
	background-position: 0 -96px;
}

input[type="radio"]:checked:focus + label
{
	background-position: 0 -112px;
}

input[type="text"], input[type="textfield"], textarea, input[type="password"], input[type="file"]
{
	border: 1px dashed blue;
	width: 300px;
	color: blue;
}

textarea
{
	width: 95%;
	height: 300px;
}

input[type="textfield"]:hover, input[type="text"]:hover, textarea:hover, input[type="password"]:hover, input[type="file"]:hover
{
	border: 1px solid blue;	
}

input[type="textfield"]:focus, input[type="text"]:focus, textarea:focus, input[type="password"]:focus, input[type="file"]:focus
{
	background: #DDDDDD;
	color: red;	
}

input[type="submit"], input[type="reset"]
{
	background: white;
	border: 1px solid #80a0e0;
	color: #80a0e0;
	cursor: pointer;
}

input[type="submit"]:hover, input[type="reset"]:hover
{
	background: lightgrey;
	color: red;
}

input[type="submit"]:active, input[type="reset"]:active
{
	background: black;
	color: #80a0e0;
}

select
{
	background: white;
	border: 1px dotted blue;
	color: #80a0e0;
}

select:hover
{
	border: 1px solid;
}

select:active, select:focus
{
	color: red;
	background: #DDDDDD;
	border: 1px dashed blue;
}

label 
{
	padding-left: 20px;
	height: 16px;
}

label:hover
{
	color: black;
}

/* Pour les cartes Google Map
-------------------------------------------------------- */
#map{
	width: 100%; 
	height: 400px; 
	padding : 0 px; 
	border : 1px solid #669999; 
	margin : 0 auto;
}