@charset "iso-8859-1";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

a,input,textaera,form{position:relative; z-index:2;}

body{
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/fond.jpg);

}

h1
{
margin:0;
padding-top:5px;
text-align:center;
font-size:12px;
color:#b8db24;
font-weight:normal;
}

h2
{
margin:0;
padding:5px 0px 0px 0px;
height:25px;
color:#d4c8a0;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:13px;
}
h3
{

padding:0px 0px 0px 0px;
height:25px;
color:#B8C83A;
border-bottom:solid 2px #B8C83A;

font-family:Arial, Helvetica, sans-serif;
font-weight:100;
font-size:18px;
}
h4
{
margin:22px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:20px;
color:#B8C83A;
font-family:Arial, Helvetica, sans-serif;
font-weight:100;
font-size:14px;
}
#haut{
	background:url(../images/top.png) bottom center no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/top.png', sizingMethod='crop');
	width:950px;
	height:120px;
	margin:0px auto 0px auto;

}

#conteneur{
	background:url(../images/conteneur.png) top center repeat-y;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/conteneur.png', sizingMethod='scale');
	width:950px;
	height:auto;
	margin:0px auto 0px auto;
}


#zoneflash{
	width:900px;
	height:320px;
	margin:0px auto 0px auto;


}

#contenu{
	width:900px;
	height:auto;
	margin:0px auto 0px auto;
	min-height:300px;
	border-bottom:solid 1px #3e3124;
	color:#d4c8a0;

font-size:12px;

}

html<body #conteneur #contenu{
	height:auto;
	min-height:300px;
}


#menu{
		margin:0px auto 0px auto;
		
		width:900px;
		height:60px;
		background:url(../images/fond-menu.jpg);


}

		#menu ul
		{
			height: 55px ;
			margin: 0 ;
			padding: 0 ;
			margin-right:90px;
			border-spacing:0;

			list-style-type: none ;

		}
				
		#menu  ul li
		{
						height: 26px ;
			margin:16px 0px 0px 0px;
			width:100px;
			float: right ;
			text-align: center ;
	
	
		}
			
		#menu ul li a
		{

			height: 26px ;
			line-height:26px ;
			padding-top:1px;
			letter-spacing: 1px ;
			font-weight:bold;
			color: #5c544b ;
			display: block ;
			text-decoration: none ;
			background: url(../images/test.jpg) repeat-x 0 0 ;
		}
		
		#menu ul li a:hover
		{


			height: 26px ;
			line-height:26px ;
			letter-spacing: 1px ;
		    color: #ffffff ;
			display: block ;
			text-decoration: none ;
			background: url(../images/test1.jpg) repeat-x 0 0 ;
		}
		
		



#bas-flash
{
	width:900px;
	height:268px;
	margin:0px auto 0px auto;
	background-color:#FFF;
}



#texte{
	width:800px;
	margin:10px auto 0px auto; 
	color:#d4c8a0;
	font-size:12px;
	
	


	}
	
#texte p {
		text-align:justify;
		padding:15px 0px 10px 25px;
		letter-spacing:0px;
		line-height:1.5em;
		word-spacing:1px;

}
#texte a{

	color:#333333;
	text-decoration:none;

}
#texte a:hover{

	color:#333333;
	text-decoration:underline;

}


#imgdroite
{
	margin-top:10px;
	float:right;
	width:300px;
	height:auto;
	

}


/*LIEN ET ACTIVITES*/

#liste
{
	clear:both;
	min-height:125px;
	margin:0px 0px;
}
#cadre
{
	width:140px;
	height:120px;
	float:left;
	padding:0px;
	background-image:url(img/cadre.jpg);
}
#cadre img { border:0px; width:120px; margin:0px 5px 5px 0px; float:left; }

#liste li{ list-style:none; padding:0px 20px 0px 20px;}

#liste h2 { margin:10px 0px 0px 0px; padding:0px;}

hr{

	size:1px;
	margin:10px 10px 0px 10px;
}

/*FIN LIEN ET ACTIVITES*/



/*PAGE CONTACT*/

#contact{
	width:300px;
	margin-left:320px;
	margin-top:-8px;
	height:auto;
}

#form_contact{
	width:300px;
	height:200px;
	float:left;
}


#form_contact input{
	border:1px solid #3c86b0;
	height:20px;
	font-size:14px;
	width:300px;
	background:none;
	color:#7c8083;
}

#form_contact input:focus{
	border:1px solid #3c86b0;
	height:20px;
	font-size:14px;
	width:300px;
	background:#CCC;
	color:#3c86b0;
}


#form_contact textarea{
	border:1px solid #3c86b0;
	font-size:14px;
	width:300px;
	background:none;
	color:#7c8083;
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;
}

#form_contact textarea:focus{
	border:1px solid #3c86b0;
	font-size:14px;
	width:300px;
	background:#CCC;
	color:#3c86b0;
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;
}


#form_contact #captcha{
	border:1px solid #3c86b0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:145px;
	height:38px;
	margin-left:5px;
	background:none;
	color:#7c8083;
	text-align:center;
}

#form_contact #captcha:focus{
	border:1px solid #3c86b0;
	font-size:28px;
	font-family:Elephant;
	width:145px;
	height:38px;
	margin-left:5px;
	background:#CCC;
	color:#3c86b0;
	letter-spacing:2px;
	text-align:center;
}


#form_contact .sbtn{
	background:url(../css/sbtn.jpg) no-repeat right top;
	width:135px;
	height:40px;
	border:0px;
	cursor:pointer;
	text-align:right;
	text-decoration:none;
}

#form_contact .sbtn a{
	text-align:right;	
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	font-weight:lighter;
	text-decoration:none;
	padding-right:35px;
	color:#FFF;
}

/*FIN PAGE CONTACT*/




/*TARIFS*/

#texte .tarifs{
	text-align:center;
	margin:10px auto 10px auto;
	vertical-align:middle;
	border:1px solid #999999;
}

#texte .tarifs thead tr td{
	background:#999999;

	font-size:13px;
	color:#FFFFFF;
}

#texte .tarifs td{
	padding:5px;
}

#texte .tarifs .tarifs_type{
	background:#999999;
	color:#FFFFFF;
	text-align:left;
}

#texte .tarifs .tarifs_prix{
	background:#CCCCCC;
	color:#000000;
	text-align:center;
}

/*FIN TARIFS*/

#footer{
	clear:both;
	width:950px;
	height:100px;
	margin:0px auto 0px auto;
	text-align:center;
	color: #d4c8a0;
	font-size:12px;
	background:url(../images/foot.png) center top no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/foot.png', sizingMethod='crop');
}
#footer a
{
	font-size: 12px;
	color: #d4c8a0;
	text-decoration:none;
}
#footer a:hover{

	color:#d4c8a0;
	text-decoration:underline;

}


#bas{
	background:url(../images/ombre_bas.png) center top no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ombre_bas.png', sizingMethod='crop');
	width:940px;
	height:20px;
	margin:0px auto 0px auto;
	color:#fff;
}
#bas a{
	color:#fff;
}

.shadowImage
{
  /* On met notre span en bloque */
  display:block;
 
  /* On lui applique un float left, il sort ainsi du flux standard
  et n'occupera pas toute la largeur disponible comme il l'aurait
  fait normalement */
  float:left;
 
  /* On place notre ombre en arrière plan en bas à droite */
  background: url('../css/shadowAlpha-mini.png') no-repeat bottom right;
 
  /* Quelques marges pour le style... */
  margin: 10px 0 0 10px;
}
 
.shadowImage img
{
  /* On fixe notre image en format bloque */
  display: block;
 
  /* On définit sa position à relative pour plus de liberté */
  position: relative;
 
  /* Son fond est blanc pour obtenir une bordure de cette couleur*/
  background-color: #fff;
 
  /* Une autre bordure */
  /*border: 1px solid #a9a9a9;
 
  /* Les marges positives servent à aficher les ombres,
     les marges négative sortent l'image de son coteneur */
  margin: -6px 6px 6px -6px;
 
  /* Marge interne pour la bordure blanche */
  padding: 0px;
 
}
a
{
color:#d4c8a0;
text-decoration:none;
}
a:hover
{
color:#d4c8a0;
text-decoration:underline;
}
.imgg
{
border:solid 1px #FFFFFF;}

