/* CSS Document */

body 		{
	color: #000000;
	font-size: 14px;
	font-family: Optima, Arial, Helvetica;
	margin-top:0px;
	line-height: 22px;
	letter-spacing: 0px;
	background-color: #FFFFFF;
	background: no-repeat url(../graphic/haut.jpg);
	background-position: center top;
			} 			


.titre {
	font-family:  Optima, Arial, Helvetica;
	color: #614634;
	letter-spacing: 0px;
	font-size: 16px;
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);}
	
	
		
.titre2 {
	font-family:  Optima, Arial, Helvetica;
	color: #000000;
	letter-spacing: 0px;
	font-size: 16px;
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);}


	
.titre3 {
	font-family:  Optima, Arial, Helvetica;
	color: #000000;
	letter-spacing: 8px;
	font-size: 15px;
	}

	
.titre4 {
	font-family:  Optima, Arial, Helvetica;
	color: #000000;
	letter-spacing: 0px;
	font-size: 14px;
	}

.titre5 {
	font-family:  Optima, Arial, Helvetica;
	color: #000000;
	letter-spacing: 3px;
	font-size: 15px;
	}

.soustitre {
	font-family: Times, serif,"Times New Roman";
	color: #000000;
	letter-spacing: 0px;
	font-size: 14px;
	}
		
	
.petitstextes1 {
	font-family: Optima, Arial, Helvetica;
	color: #614634;
	letter-spacing: 1px;
	line-height: 14px;
	font-size: 9px;}
	
.petitstextes2 {
	font-family: Optima, Arial, Helvetica;
	color: #402813;
	letter-spacing: 0px;
	line-height: 14px;
	font-size: 11px;}
	
.textes {
	font-family: Optima, Arial, Helvetica;
	color: #000000;
	letter-spacing: 0px;
	line-height: 16px;
	font-size:12px;
	text-decoration: none;}
	
	.trait{
border-top: 0px none;
border-right: 1px dotted #000000;
border-bottom:0px none;
border-left: 0px none;}

	.trait2{
border-top: 0px none;
border-right: 0px none;
border-bottom: 1px dotted #000000;
border-left: 0px none;}

	.trait3{
border-top: 1px solid #666666;
border-right: 0px none;
border-bottom:1px solid #666666;
border-left: 0px none;}

	.cadre1{
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom:1px solid #000000;
border-left: 1px solid #000000;}

.cadre2{
border-top: 5px solid #A0294A;
border-right: 5px solid #A0294A;
border-bottom:5px solid #A0294A;
border-left: 5px solid #A0294A;}

.cadre3{
border-top: 5px solid #99CC33;
border-right: 5px solid #99CC33;
border-bottom:5px solid #99CC33;
border-left: 5px solid #99CC33;}


.lien:link{color: #614634;letter-spacing: 0px; text-decoration: none; }
.lien:visited{color: #614634;letter-spacing: 0px; text-decoration: none; }
.lien:active{color: #614634;letter-spacing: 0px; text-decoration: none; }
.lien:hover{color: #000;letter-spacing: 0px;text-decoration: none; }

.menu:link{color: #8e8841;letter-spacing: 1px; text-decoration: none; font-size: 12px;}
.menu:visited{color: #8e8841;letter-spacing: 1px; text-decoration: none; font-size: 12px;}
.menu:active{color: #8e8841;letter-spacing: 1px; text-decoration: none; font-size: 12px;}
.menu:hover{color: #FFFFFF;letter-spacing: 1px;text-decoration: none; font-size: 12px;}


.lien2:link{color: #614634;letter-spacing: 1px; text-decoration: none; font-size: 9px;}
.lien2:visited{color: #614634;letter-spacing: 1px; text-decoration: none; font-size: 9px;}
.lien2:active{color: #614634;letter-spacing: 1px; text-decoration: none; font-size: 9px;}
.lien2:hover{color: #FADFBA;letter-spacing: 1px;text-decoration: none; font-size: 9px;}


     		
.contact {
	background: no-repeat   url(../bt/contact.png);
}

.verrou {
	background: no-repeat   url(../bt/bouton_verrou.png);
}

.fichier {
	background: no-repeat   url(../bt/bouton_pdf.png);
}

.deco {
	background: url(../graphic/deco.jpg);
}

.activites {
	background: no-repeat url(../activites/cote.png);
}

.paysage {
	background: no-repeat url(../graphic/paysage.png);
	background-position: center bottom;
}

.lavande {
	background: no-repeat url(../img/lavande.png);
}

.deplacement { cursor: pointer; }

.module {

background-color: #FFFFFF;
/* offset left, top, thickness, color with alpha */
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
/* IE */
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
/* slightly different syntax for IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
border-top: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
}
.decalage{
	margin-left: 10px;
}