/* Feuille de style commune à tout le site */

/* Balises XHTML */
body{
	font:12px arial;
	color:#fff;
	background:#77221b url(/images/fond.jpg) repeat-x;
	text-align:center;
}
a{
	color:#ffa913;
}

/* Formulaires */
fieldset{
	border:none;
	padding:0;
}
fieldset p{
	clear:left;
	margin:0 0 5px 0;
}
fieldset label{
	display:block;
	float:left;
	width:180px;
}
.required{
	color:red;
	margin:0;
	display:inline;
}
fieldset ul{
	float:left;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
fieldset ul li label{
	float:none;
	width:auto;
}
input{
	font:12px arial;
}
input.bouton{
	float:left;
	margin:0 10px 10px 0;
}

/* Tableaux */
table{
	width:100%;
	border-collapse:collapse;
	border:1px solid #ffa913;
}
table tr{
}
table thead tr{
	background:#dc5810;
	color:#fff;
}
table tr.even{
	background:#fffbf5;
}
table th,table td{
	border:1px solid #ffa913;
	padding:5px;
}
table th{
}
table td{
	cursor:pointer;
}
table td a{
	text-decoration:none;
	color:#000;
}
table td:hover{
	background:#ffa913;	
}
table td:hover a{
	/*color:#fff;*/
}
table a{
	text-decoration:none;
}

/* Conteneur de la page */
#page{
	width:780px;
	margin:0 auto 0 auto;
	background-color:#c60;
	border:1px solid #ffa913;
}

/* Menus (haut et bas de page) */
.menu{
	list-style:none;
	height:23px;
	margin:0;
	padding:0;
	background:#dc5810 url(/images/fond_menu.gif) repeat-x;
}
.menu li{
	float:left;
}
.menu li a,
.button{
	display:block;
	width:130px;
	height:23px;
	line-height:23px;
	background:url(/images/bouton.gif) no-repeat;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
	border:none;
	text-align:center;
}
.menu li a:hover,
.button:hover{
	background-image:url(/images/bouton_hover.gif);
}

/* Haut de page */
#haut{
}
#haut h1#logo{
	margin:0;
	padding:0;
}
#haut h1#logo a{
	margin:0 auto 0 auto;
	display:block;
	width:200px;
	height:148px;
	background:url(/images/logo.png) no-repeat;
}
#haut h1#logo span{
	display:none;
}

/* Contenu de la page */
#contenu{
	overflow:auto;
	text-align:left;
	background-color:#fff;
	color:#000;
	padding:10px;
}
#contenu h1{
	color:#77221b;
	font-size:22px;
}
#contenu h2{
	color:#000;
	font-size:18px;
}

/* Colonnes */
.colonne{
	float:left;
	margin-left:1%;
}
.colonne.premiere{
	margin-left:0;
}
.colonne.un-demi{
	width:48%;
}

/* Bas de page */
#bas{
	clear:both;
	background-color:#000;
	color:#fff;
}
#bas address,
#bas p{
	margin:0;
	padding:10px;
}

/* Galerie photo */
.gallery{
}
.gallery p.buttons{
	float:left;
	width:100%;
}
.gallery p.buttons a.button.prev{
	float:left;
}
.gallery p.buttons a.button.next{
	float:right;
}
.gallery div{
	clear:both;
	width: 650px;
	height: 250px;
	position:relative;
	z-index:2;
	overflow: hidden;
}
.gallery div ul{
	list-style: none;
	width: 6500px;
	height: 250px;
	margin: 0;
	padding: 0;
	position:relative;
	z-index:1;
}
.gallery ul li{
	width:650px;
	float: left;
	cursor: pointer;
}
.gallery ul li img{
	float:left;
	margin-right:20px;
	border:1px solid #77221b;
}

/* Visuel de la page d'accueil */
#visuel{
	margin:-10px -10px 0 -10px;
}

/* Carte googlemap */
#carte{
	width:758px;
	height:400px;
	border:1px solid #77221b;
}

/* Fichiers PDF */
.pdf{
	background:url(/images/pdf.gif) no-repeat;
	padding:2px 0 2px 20px;
}
.pdf:hover,td:hover .pdf{
	background-image:url(/images/pdf-hover.gif);
}