/* Mise en forme de l'ensemble du site */

/* Balises standard */
body {
	/*background:#fc9;*/
	background:#4a3d2d;
	color:#000;
	margin:0;
	padding:0;
	font-family:arial,sans-serif;
	font-size:12px;
	text-align:center;
}
a{
	color:#666;
	text-decoration: none;
}
a:hover{
	color:#000;
}
a img{
	border:0;
}
hr{
	height:1px;
	color:#666;
}
h1{
	font-size:14px;
}
h2{
	font-size:13px;
}
/* Conteneur de la page */
#page{
	background:#fc9;
	border-left:1px solid #666;
	border-right:1px solid #666;
	width:779px;
	text-align:left;
	margin:0 auto 0 auto;
}
/* haut de page */
#haut{
	height:310px;
	background:url(/images/fond-haut.jpg) no-repeat;
	text-align:right;
	padding:50px 50px 0 0;
}
#haut p{
	font-size:18px;
	font-family:times new roman,times,sans-serif;
	letter-spacing:2px;
	color:#222222;
}
#slogan{
	font-family:times new roman,times,sans-serif;
	font-size:18px;
	letter-spacing:2px;
	font-weight:700;
	font-style:italic;
	line-height:22px;
	padding-left:10px;
	margin-right:40px;
	color:#222222;
}
#adresse{
	height:22px;
	line-height:22px;
	background:url(/images/fond-adresse.jpg) no-repeat;
	color:#ffffff;
	padding-left:10px;
}
#adresse a{
	color:#ffffff;
}
#menu{
	float:left;
	background:#b4ca00;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align: center;
	width:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
#menu li{
	border-right:1px solid #000;
	float:left;
}
#menu li a{
	display:block;
	background:#b4ca00;
	color:#000;
	text-decoration:none;
	height:18px;
	padding:4px 6px 4px 6px;
}
#menu ul{
	visibility:hidden;
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
}
#menu ul li{
	float:none;
	border-right:none;
}
#menu ul li a{
	border:1px solid #000;
	border-top:none;
}
#menu ul li a:hover{
	text-decoration : underline;
}
/* Contenu de la page */
#contenu{
	clear:left;
	padding:20px;
	color:#4C4C4C;
}
#contenu p.image{
	text-align:center;
}
/* Colonnes */
.colonne{
	float:left;
	margin-left:1%;
}
.colonne.un_demi{
	width:49%;
}
.colonne.premiere{
	clear:left;
	margin-left:0;
}
.separateur{
	clear:left;
}
/* Images et puces */
img.bordure{
	border:1px solid #000;
}
img.gauche{
	float:left;
	margin:0 10px 10px 0;
}
span.loupe{
	background:url(/images/loupe.gif) no-repeat;
	padding:2px 0 2px 20px;
	height:20px;
}
span.pdf{
	background:url(/images/logopdf.gif) no-repeat;
	padding:2px 0 2px 20px;
	height:20px;
}
span.puce{
	color:#FB7D00;
}
/* Bas de page */
#bas{
	clear:both;
	text-align:center;
	padding-bottom:10px;
}
#bas .menu{
	line-height:20px;
	height:20px;
	background:#000;
	color:#fff;
}
#bas .menu a{
	color:#fff;
}
#bas .menu img{
	float:right;
}
/* Mise en forme des popups */
#popup{
	text-align:center;
	margin:0 auto 0 auto;
}
#popup a,
#popup p,
#popup img{
	text-align:center;
	margin:0 auto 0 auto;
}
/* Mise en page des formulaires */
fieldset{
	border:none;
	padding:0;
}
fieldset p,fieldset div{
	clear:left;
	margin:0 0 5px 0;
}
fieldset label{
	display:block;
	float:left;
	width:50%;
}
span.required{
	display:inline;
	color:red;
	margin:0;
}
fieldset ul{
	float:left;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	text-align:left;
}
fieldset ul li label{
	float:none;
	width:auto;
}
.bouton{
	border:1px solid #000;
	background:#b4ca00;
	color:#000;
	text-decoration:none;
	text-align:center;
	padding:2px 6px 2px 6px;
	margin-right:20px;
}
/* Tarifs */
#tarifs{
	background:#fc9;
}
#tarifs th{
	text-align:left;
}
#tarifs table{
	border-collapse:collapse;
}
#tarifs thead{
	background-color:#000000;
	color:#ffffff;
}
#tarifs tbody tr{
	background-color:#FFBB77;
}
#tarifs tbody tr.h2{
	background-color:transparent;
	color:#000000;
}
#tarifs td,#tarifs th{
	padding:5px;
}
/* Mise en forme de l'impression */
@media print{
	#haut{
		background:none;
		padding:10px;
		height:80px;
		text-align:left;
	}
	#haut img{
		display:none;
	}
	#menu{
		display:none;
	}
	#bas div.menu{
		display:none;
	}
	#bas img{
		display:none;
	}
}
/* Galerie photo */
ul.articles,
ul.images{
	list-style:none;
	margin:0;
	padding:0;
}
ul.articles li,
ul.images li{
	float:left;
	width:32%;
	margin:0 1% 20px 0;
	text-align:center;
}
ul.articles li img,
ul.images li img{
	border:1px solid #000;
}