/* LE CORPS DE PAGE */
* {margin:0;padding:0}

body {
	padding: 0px;
	background: white;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
	font: 11px;
}
#general {
	width: 100%;
	height:100%;
	margin: 0;
	background: white;
}

#banniere {
	position: relative;
	width: 1000px;
	margin: 0 0 0px 0px;
	height: 94px;
	background: none;
}

/****** banniere *******/
#banniere a.logo {
	display: none;
}
#banniere-print {
	display: block;
}
#menu {
	display: none;
}
/****** textes *******/
a,a:link,a:active,a:visited {
	color: black;
	text-decoration: none;
}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
H1, H2, H3, H4 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0px;
	margin: 0;
	padding: 0;

}
H2 {font-size: 14px;}	
H3 {font-size: 13px;}
H4 {font-size: 12px;}

/********  Classes couleurs ********/
.rouge {color: #A52A2A;}
.bleu {color: #2B7591;}
.vert {color: #44fb04;}
.vert-fonce {color: #3A703F;}
.gris {color: #455356;}
.noir {color: black;}
.blanc {color: white;}

/********  Classes fontes ********/
.gras {font-weight: bolder;}
.souligne {text-decoration: underline;}
.capital {text-transform: uppercase;}
.centre {text-align: center;}
.droite {text-align: right;}
.justifie {text-align:justify;}

.onze {font-size: 11px;}
.douze {font-size: 12px;}
.treize {font-size: 13px;}
.quatorze {font-size: 14px;}
.quinze {font-size: 15px;}
.seize {font-size: 16px;}


.retrait20 {margin: 0 20px 0 20px;}
.retrait30 {margin: 0 30px 0 30px;}
.retrait40 {margin: 0 40px 0 40px;}
.retrait50 {margin: 0 50px 0 50px;}
.retrait80 {margin: 0 80px 0 80px;}

/** Accueil **/
#bloc-ht {
		height: 130px;
}
#annonce {
	display: none;
}

#diaporama {
	display: none;
}
#bloc-bas {
	display: block;
	width: 990px;
	padding-top: 20px;
	margin: 0 0 0 10px;
	background: none;
}
.bloc {
	width: 320px;
	height: 200px;
	float: left;
	margin: 0 10px 0 0;
}

.bloc h1 {
	display: block;
	font-size: 18px;
	color: black;
	letter-spacing: -1px;
	margin:0;
	padding: 3px 0 5px 30px;
	background: none;
}
.bloc p {
	display: block;
	text-align: justify;
	padding: 30px 24px 10px 24px;
}

.bloc a.savoir {
	display: none
}


/********************** Pages ************************/
#navigation {
	position: absolute;
	left: 10px;
}
#navigation h1 {
	font-size: 30px;
	letter-spacing: -1px;
	font-weight: bold;
	border-bottom: 1px solid black;
	width: 1000px;
}
#navigation ul {
	display: block;
	margin: 30px 0 0 480px;
	padding: 0;
}
#navigation ul li {
	font-size: 20px;
	letter-spacing: -1px;
	display: block;
	padding: 0 0 0 0px;
	color: black;
	font-weight: bold;
}
#navigation ul li.actif {
	background: none;
	padding: 0 0 0 0px;
	font-size: 26px;
	border-bottom: 1px solid black;
}
#navigation ul li a {
	display: none;
	padding: 0 0 0 30px;
	
}
/** colonne gauche **/
.bloc-plan {
	width: 430px;
	margin: 0 10px 0 0;
	float: left;
}
.bloc-plan a {
	display: block;
	float:right;
}
.bloc-photos {
	width: 430px;
	margin: 0 10px 0 0;
	float: left;
}
.bloc-photos a {
	display: block;
	padding: 9px 9px 18px 9px;
	background: none;
	margin: 0 0 10px 0;
	border: 1px solid silver;
	position: relative;
}
.bloc-photos a:hover {
	background: none;
	border: 1px solid #737373;
}
.bloc-photos a img {
border: none;
}
.bloc-photos .legende {
	display: block;
	font-size: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: black;
	width: 100%;
	text-align:center;
	background: white;
	padding: 4px 0 3px 0;
}
/** colonne droite **/
.bloc-page {
	width: 470px;
	margin: 0 10px 0 0;
	float: right;
	font-size: 12px;
	padding: 0 0 10px 0;
}
.bloc-page h2 {
	display: block;
	font-size: 18px;
	color: black;
	letter-spacing: -1px;
	margin: 20px 0 10px 0;
	padding: 3px 0 5px 0px;
	background: none;
}
.bloc-page h3 {
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
}
.bloc-page p {
	display: block;
	text-align: justify;
	padding: 10px 35px 10px 35px;
}
.bloc-page ul {
	font-size: 12px;
	display: block;
	text-align: justify;
	padding: 10px 35px 10px 35px;
}
.bloc-page ul ul {
	padding: 6px 0px 10px 20px;
}
.bloc-page li {
	font-size: 12px;
}
.bloc-page li:before {
content: "- ";
}
.bloc-page li li {
	font-weight: normal;
	font-size: 12px;
}
.bloc-page li li:before {
content: "- ";
}
.bloc-page ul.multi li {
	font-size: 13px;
	font-weight: bold;
}
.bloc-page ul.multi li li {
	font-weight: normal;
	font-size: 12px;
}
.bloc-page ul.multi li:before {
content: "";
}
.bloc-page ul.multi li li:before {
content: "- ";
}
/********************** formulaires ************************/
/******************** CONTACT **************************/

#plan {
	display: block;
	background: white;
	border: 1px dotted silver;
	padding: 10px;
}
#map {
	margin: 0px 0 0 0px;
	background: silver;
	width: 408px;
	height: 360px;
}
/**** FORMULAIRE ***/
#formulaire {
	display: none;
}

/********************** tableaux ************************/

.bloc-photos table {
	width: 430px;
	border-collapse: collapse;
	border: 0px solid silver;
	margin-bottom: 6px;
}
.bloc-photos table td {
	border: 0px solid silver;
	width: 50%;
	padding: 0;
}
.bloc-photos table td a {
	margin: 0 4px 4px 0;
	border: 1px solid silver;
}
.bloc-photos table td a:hover {

}
/****** tableau sans bordures ******/
table.noborder {
	border: none;
}
table.noborder td {
	border: none;
}

/** Les boutons  **/

/****** specifique pages  *******/



/****** Pied de page ******/
#footer{
border-top: 1px solid black;
}
#footer .logos {
	width: 350px;
	height: 100px;
	float: left;
	display: block;
}
#footer .logos .logo {
	display: block;
	width: 100px;
	height: 100px;
	float: left;
	margin-left: 10px;
}
.logos .logo img {
	border: none;
}
#footer .coordonnees {
	width: 650px;
	float: right;
}
#footer .coordonnees p {
	display: block;
	padding: 20px;
	font-size: 12px;
	color: Gray;
}
#footer .coordonnees .addr {
	background: none;
	height: 70px;
}
#footer .coordonnees .info {
display: none;
}
/****** Divers ******/

.clear {
	clear: both;
}
.inter {
	float: left;
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding: 60px 6px 0 0;
}