body	{
	margin: 0;
	padding: 0;
	background: #D3D9F3 url(../images/fond.jpg) repeat-y center top;
	text-align: center;
	font: small/1.6em verdana, sans-serif;
}
/* ---------------------------------------------------------- */
#main	{
	width: 689px;
	margin: 0 auto 0 auto;
	text-align: left;
	padding:0;
}

/* ------------------------------------------------------------ */
#contenu	{
	width: 660px;
	clear:both;
	margin:2em 0 0 0;
	text-align:left;
	padding:0 20px 10px 10px;
}
#contenu #photos	{
	float:right;
	margin-left:15px;
}
#grande	{
	display:block;
	text-align:center;
	margin:1em auto 1em auto;
}
#grande p	{
	text-align:center;	
}
#top	{
	width:689px;
	margin:0;
	padding:0;
	height:261px;
	background: url(../images/haut.jpg) no-repeat center top;
}
#footer {
	margin: 0 auto 0 auto;
	padding:0;
	bottom: 0;
	width:600px;
	text-align:center;
}
/* ------------------------------------------------------------------ */
/* Style des liens */
a:link {
	text-decoration:underline; 
	color:#006600;
	}
	
a:visited {
	text-decoration:underline; 
	color:#006600;
}	
a:hover {
	text-decoration:underline overline; 
	color:#C9570C; 
}

a:active {
	text-decoration:underline; 
	color:#FFCC00; 
}

a.lienimage:link,a.lienimage:visited,a.lienimage:hover,a.lienimage:active {
	background: transparent ;
}

/* ------------------------------------------------------------------ */
p {
	margin:0 5px 5px 5px;	
	padding: 0 0 0 5px;
	
}
/* ------------------------------------------------------------------ */
/* Images */
a img	 {
	border:0;	
}
/* ------------------------------------------------------------------ */
img {
  display: inline;
}
/* ------------------------------------------------------------------ */
/* Titres */
h1 {
	font-size: 1.6em;
	color: #000;
	padding: 0 0 10px 0;
	margin: 0;
}

h2 {
	font-size: 1.4em;
	color: #677AD6;
	margin: 1em 0 0.5em 0 ;
	padding: 0;
}

h3 {
	font-size: 1.2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h4 {
	font-size: 1em;
	/*color: #E1BA69;*/
	color: #E1A67D;
	max-width:45em;
	margin-top: 1em;
	margin-bottom: 0em;
}

h5 {
	font-size: 1.5em;
	/*color: #E1BA69;*/
	color: #E1A67D;
	max-width:45em;
	margin-top: 0em;
	margin-bottom: 0em;
}

h1, h2, h3, h4, h5 {
	background: transparent;
  	position: relative;
}

/* ------------------------------------------------------------------ */
p.intro {
	font-size: 0.85em;
	max-width: 50.5em;
	color: #000;
	background: #F0F0F0;
	border-left: 2px solid #677AD6;
	padding-left: 1em;
	margin: 0.5px 260px 0 150px;
}
p	{
	text-align:justify;
}

/* ------------------------------------------------------------------ */
/* Puces */
ul	{
	list-style-type: square;
	margin: -5px 0 0 5px ;
	padding:0 0 15px 35px;
}
ul ul	{
	list-style-type: disc;
	margin: -5px 0 0 5px ;
	padding:0 0 0 35px;
}
ul ul ul	{
	list-style-type: circle;
	margin: -5px 0 0 5px ;
	padding:0 0 0 35px;
}
li	{
	margin: 0 ;
	padding:0;
}
/* ------------------------------------------------------------------ */
abbr, acronym, .help {
	border-bottom: 1px dotted #333;
	cursor: help;
 }

/* ------------------------------------------------------------------ */
.menu li {
	list-style-type: none;
	float: left;
	margin:0;
	padding:0;	
}

.menu ul	{
	position:relative;
	width:620px;
	margin:-11px auto 0 auto;
	height:20px;
	font-size:.9em;
	padding:0;
}

.menu a {
	margin: 0;
	padding:.2em 15px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000;
	background: transparent url(../images/menu.gif) repeat-x;
}

.menu a:visited {
	text-decoration: none;
	color: #000;
}

.menu a:hover {
	color: #fff;
	text-decoration:none; 
	background: #000 url(../images/menu.gif) -0 -120px repeat-x;
}

.menu a:active {
	background: transparent url(../images/menu.gif) -0 -60px repeat-x;
	text-decoration:none; 
	color: #000;
}

/* ------------------------------------------------------------------ */

#textem	{
	width:500px;
	height:350px;
	margin: 20px auto  1em auto;
	border: 0; 
	background:  url(../images/cadre2.gif) no-repeat top center  ;
}

#textem p	{
	padding: 1em 0  1em 0;
	text-align:center;
}
.imagedroite	{
	float:right;
	margin: 0 0 20px 20px;
	text-align:center;
}


/* ------------------------------------------------------------------ */
.bas	{
	position: absolute;
	width:15%;
	margin:460px 0 0 770px;
}
/* ------------------------------------------------------------------ */
 .ombre {
	float:right;
	clear:right;
	background: url(../images/ombre.png) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 0 5px;
  }

.boite {
	background: lightblue;
	position:relative;
	padding: 0;
	bottom:6px;
	right: 5px;
}
/* ------------------------------------------------------------------ */
.boite img, .boiter img, .boitec img {
	display: block;
}
/* ------------------------------------------------------------------ */
b	{
	color:#804000;
}
/* ------------------------------------------------------------------ */
/*** Mise en forme du formulaire ***/

#contact {
	border: none;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 90%;	
}
#titreForm, #piedForm {	
	font: bold 1.1em arial, hevetica, sans-serif;
	border: 1px solid black;
	background: transparent url(../images/menu.jpg) repeat-x;
	margin: 0;
	padding: .5em;
}
#piedForm {
	text-align: right; 
}
#piedForm input {
	font-weight: bold; 
	margin-left: 1em;
}
#corpForm textarea {
	width: 95%;	
}
#corpForm #description  {
	width: 45%;	
}
#corpForm {	
	border: 1px solid black;
	color: black;
	margin: 0;
	padding: 1em;
}
#corpForm fieldset {	
	margin: 0;
	font-style: normal;
	padding: .5em 1em 0;
}
#corpForm legend {	
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm .coordonnees p {	
	padding: 0;
	margin: 0 0 .2em 0;
	width:100%;
}
#corpForm p {	
	padding: 0;
	margin: 0;
}
#corpForm fieldset.coordonnees label {	
	float: left;	
	width: 40%;	
	text-align: right;	
	margin: 0;
	padding: 0 .5em 0 0;
}

#corpForm label:hover, #piedForm input {
	cursor: pointer;	
}
#corpForm label.oblig {
	font-weight: bold;	
}
#corpForm .legende {	
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}

#corpForm .focus {	
	background: #F3F2FA;
	color: black;
}
#corpForm .normal {	
	color: black;
}

/*** Mise en forme des messages d'erreur ***/

#corpForm .alerte {	
	border: 1px solid red;
}
#corpForm .messageAlerte,.erreur {	
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('../images/icon_alert.gif') no-repeat left center;
}

.erreur	{
	text-align: center;	
	margin: 4em  auto 0 auto;
	width:50%;
	
}

.clearer	{
	clear: both;
	height: .7em;
	visibility:hidden;
}
#envoye		{
	text-align: center;
	width:600px;
	height: 3em;
	margin:50px auto 0 auto;	
	font-size:1.5em;
	font-weight:bold;
	color:#677AD6;

}
/* ------------------------------------------------------------------ */
.texteg 	{
	width:557px;
	margin: 20px auto -10px auto;	
	padding: 0 ;
	text-align:center;
	background: url("../images/cadreh.gif") center top  ;
	background-repeat:no-repeat;
	font-size : 12px; 
}
.texteg2 	{
	width:557px;
	margin: 0 auto 0 auto;	
	padding: 0;
	height:69px;
	background:  url("../images/cadreb.gif") center top  ;
	background-repeat:no-repeat;
}
.texteg p	{
	padding: 0 2em  1em 2em;
}
.texteg h2	{
	font-size: 1.4em;
	margin:0 0 0.5em 0  ;
	padding:1em 0 0 0;
}
.texteg b{
	color: #000;
}

/* ------------------------------------------------------------------ */
.tabgite	{
	background-color: #FFFFFF;
	border:1px solid #000;
	margin: 0 auto  0 auto;
	padding: 0;
	border-collapse:collapse;
}

.tabgite th	{
	background-color: #F4F4F4;
}
.tabgite caption	{
	margin: 0 auto  0 auto;
	border:1px solid #000;
	background-color: #F3EAE3;
}
.tabgite th,.tabgite td 	{
	border:1px solid #000;
	padding: 3px;
}

.tabgite td:hover	{
	background-color: #F3EAE3;
}
/* ------------------------------------------------------------------ */
.gite	{
	width:85px;
	margin:-40px 20px -30px auto ;
	padding:0;
}
/* ------------------------------------------------------------------ */
 .ombrer {
	float:right;
	clear:right;
	background: url(../images/ombre.png) no-repeat bottom right;
	margin: 10px 55% 0 0;
  }
/* ------------------------------------------------------------------ */