body
		{
		margin: 0px 40px 0px 40px ;
		padding: 0 ;
		text-align: center ;
		font: 0.8em 'Trebuchet MS', verdana, arial, helvetica, sans-serif ;
		background: #eaeae8 url(fond.png);
		}

		
div#cadre
		{
		width: 770px ;
		margin: 0 auto ;
		padding:  10px 20px 30px ;
		text-align: justify ;
		background: #fff ;
		}
		
div#colgauche
		{
		float: left;
		width: 180px;
		margin: 0 auto ;
		line-height: 25px ;
		padding-left: 0px ;
		text-align: justify;
		}

div#coldroite
		{
		margin-left: 190px ;	
		line-height: 25px ;
		text-align: justify;
		}

		
div#cadre p#footer
		{
		margin: 0 ;
		background:#99b1bf ;
		text-align: center ;
		color: #fff ;
		border: 1px solid #639 ; 
		font: 0.8em verdana, arial, helvetica, sans-serif ;
		}


		
/*link	*/		
a:link 		
		{	
		text-decoration: none ;
		color:#180808 ;	
		}

a:visited 		
		{
		text-decoration: none ;		
		color:#180808 ;	
		}

a:hover		
		{	
		text-decoration: none ;
		color:#639 ;
		}

a:active 		
		{		
		text-decoration: none ;
		color:#180808 ;	
		}	

/*fin de link	*/		
		
ul
	{
		list-style-type: none ;
		list-style-position: outside;
		text-align: left;
	}

li
	{
		text-align: left;
	}

		
a img
	{
	border: 0px; 
	}

img
	{
	border: 0px; 
	}



div#cadre p
		{
		text-align: justify ;
		line-height: 45px ;
		margin-right: 20px ;	
		margin-left: 5px ;
		font: 1.0em verdana, arial, helvetica, sans-serif ;
		color: #180808;
		letter-spacing: 0.1em;
		}

div#cadre h1
		{
		padding-left: 25px ;
		line-height: 15px ;
		font: 2em verdana, arial, helvetica, sans-serif ;
		text-align: left ;
		color: #afc300 ;
		border-bottom: 1px solid #639 ;
		}

div#cadre h2
		{
		padding-right: 100px ;
		text-align: right;
		text-decoration: underline;
		line-height: 15px ;
		font: 2em verdana, arial, helvetica, sans-serif ;
		color: #99b1bf ;
		}		
		
		
div#cadre h3
		{
		padding-left: 25px ;
		line-height: 12px ;
		font: 1.5em verdana, arial, helvetica, sans-serif ;
		text-align: left ;

		color: #180807 ;
		border-bottom: 1px solid #99b1bf ;
		}


div#retrait
		{
		margin-right: 50px ;	
		margin-left: 70px ;
		text-align: justify ;
		font: 1.2em arial, helvetica, verdana, sans-serif ;
		line-height: 1.7em ;
		}


.spacer 
		{
		clear: both;
		}
		
.imageblock_left
		{
		display: block;
		float: left; 
		}

.imageblock_right
		{
		display: block;
		float: right; 
		}

div#ppp
		{
		height: 3px;
		}
		
		
/*block menu de la page	*/
.block_menu_top
		{
		width: 170px;
		background-color: #99b1bf;
		margin: 0px;
		padding-left: 5px;
		padding-top: 1px;
		padding-bottom: 1px;
		
		border-top: 2px solid #639;
		
		font-size: 13px;
		color: #fff;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: left;

		}
.block_menu1
		{
		width: 170px;
		background-color: #ccc;
		margin: 0px;
		padding-left: 5px;
		padding-top: 1px;
		padding-bottom: 1px;
		
		border-top: 1px solid #639;
		
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: left;

		}
.block_menu2
		{
		width: 170px;
		background-color: #fff;
		margin: 0px;
		padding-left: 5px;
		padding-top: 1px;
		padding-bottom: 1px;
		
		border-bottom: 1px dotted #639;
		
		font-size: 13px;
		color: #180808;
		letter-spacing: 1px;

		}
.block_menu_bottom
		{
		width: 170px;
		height: 5px;
		margin-top: 5px;
		
		padding-left: 5px;
		padding-top: 0px;
		padding-bottom: 0px;
		
		border-top: 2px solid #639;
		background-color: #99b1bf;
		}

				
/*fin de block menu de la page	*/
	

	

	
		
/*bouton haut accueil	*/		
.bouton_stg
		{
		width: 131px;
		height: 21px;
		background-image: url("titreOrange2.gif");
		background-position: top left;
		background-repeat: no-repeat; 
		padding-left: 0px;
		padding-top: 2px;
		padding-bottom: 1px;
		
				
		
		border-top: 1px solid #639;
		border-left: 1px solid #639;
		border-right: 1px solid #639;
		border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		clear: both;
		}
		
.bouton_accueil
		{
		width: 88px;
		height: 25px;
		background-color: #fff;
		background-image: url("retourOrange3.gif");
		background-repeat: no-repeat;
		background-position: left;
				
		padding-left: 43px;
		padding-top: 1px;
		padding-bottom: 1px;
		padding-right: 0px;
		margin-bottom: 5px;
		
		border-left: 1px solid #639;
		border-right: 1px solid #639;
		border-bottom: 1px solid #639;
		border-radius: 0 0 10px 10px ;
		-moz-border-radius: 0 0 10px 10px;
		
		font-size: 1em2
		color: #639;
		font-weight: normal;
		vertical-align: middle;
		text-align: left;
				}
/*fin de bouton haut accueil	*/	

div#paragraphe_dashed
		{
		font-size: 1.1em;
		
		background-color: #fcfcfc;
		border-style: dashed;
		border-color: #99b1bf;
		border-width: 1px;
		border-radius: 10px;
		-moz-border-radius: 10px;
	
		width: 40%;
		padding: 6px;
		padding-bottom: 10px;
		margin: 15px; 
		}

div#paragraphe_dashed_right
		{
		font-size: 1.1em;
		
		background-color: #fcfcfc;
		border-style: dashed;
		border-color: #99b1bf;
		border-width: 1px;
		border-radius: 10px;
		-moz-border-radius: 10px;
	
		width: 40%;
		padding: 6px;
		padding-bottom: 10px;
		margin: 15px; 
		margin-left: 40%; 
		}

div#centre30_dashed
		{
		width: 30%;
		text-align: center;
		padding: 10px;
		margin: auto;
		
		background-color: #fcfcfc;
		border-style: dashed;
		border-color: #99b1bf;
		border-width: 1px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		}
		
div#centre40_dashed
		{
		width: 40%;
		text-align: center;
		padding: 10px;
		margin: auto;
		
		background-color: #fcfcfc;
		border-style: dashed;
		border-color: #99b1bf;
		border-width: 1px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		}
		
div#centre50_dashed
		{
		width: 50%;
		text-align: center;
		padding: 10px;
		margin: auto;
		
		background-color: #fcfcfc;
		border-style: dashed;
		border-color: #99b1bf;
		border-width: 1px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		}

div#centre60_dashed
		{
		width: 60%;
		text-align: center;
		padding: 10px;
		margin: auto;
		
		background-color: #fcfcfc;
		border-style: dashed;
		border-color: #99b1bf;
		border-width: 1px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		}

div#centre70_dashed
		{
		width: 70%;
		text-align: center;
		padding: 10px;
		margin: auto;
		
		background-color: #fcfcfc;
		border-style: dashed;
		border-color: #99b1bf;
		border-width: 1px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		}

div#centre80_dashed
		{
		width: 80%;
		text-align: center;
		padding: 10px;
		margin: auto;
		
		background-color: #fcfcfc;
		border-style: dashed;
		border-color: #99b1bf;
		border-width: 1px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		}		
		
div#centre90_dashed
		{
		width: 90%;
		text-align: center;
		padding: 10px;
		margin: auto;
		
		background-color: #fcfcfc;
		border-style: dashed;
		border-color: #99b1bf;
		border-width: 1px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		}		
		
/*bandeaux haut de page	*/

.bandeau
		{
		height: 250px;
		background-repeat: no-repeat;
		background-position: bottom right;
		}

div#abros
		{
		background-image: url("../bandeaux/bandeau_abros.jpg");
		}
		
div#antan
		{
		background-image: url("../bandeaux/bandeau_antan.jpg");
		}

div#auteur
		{
		background-image: url("../bandeaux/bandeau_auteur.jpg");
		}

div#bati
		{
		background-image: url("../bandeaux/bandeau_bati.jpg");
		}
		
div#chabert
		{
		background-image: url("../bandeaux/bandeau_chabert.jpg");
		}

div#chapelle
		{
		background-image: url("../bandeaux/bandeau_chapelle.jpg");
		}		
div#chardavon
		{
		background-image: url("../bandeaux/bandeau_chardavon.jpg");
		}

div#eglise
		{
		background-image: url("../bandeaux/bandeau_eglise.jpg");
		}

		
div#flore
		{
		background-image: url("../bandeaux/bandeau_flore.jpg");
		}

div#fonds
		{
		background-image: url("../bandeaux/bandeau_fonds.jpg");
		}

div#forest
		{
		background-image: url("../bandeaux/bandeau_forest.jpg");
		}
	
div#forest_refuge
		{
		background-image: url("../bandeaux/bandeau_forest_refuge.jpg");
		}
	
div#mention
		{
		background-image: url("../bandeaux/bandeau_mention.jpg");
		}

div#morts
		{
		background-image: url("../bandeaux/bandeau_morts.jpg");
		}

div#paysages
		{
		background-image: url("../bandeaux/bandeau_paysages.jpg");
		}		
		
div#pierre
		{
		background-image: url("../bandeaux/bandeau_pierre.jpg");
		background-position: center;
		}

div#roubine
		{
		background-image: url("../bandeaux/bandeau_roubine.jpg");
		}

div#roubine2
		{
		background-image: url("../bandeaux/bandeau_roubine2.jpg");
		}

div#roucas
		{
		background-image: url("../bandeaux/bandeau_roucas.jpg");
		}

div#sorine
		{
		background-image: url("../bandeaux/bandeau_sorine.jpg");
		}

div#stats
		{
		background-image: url("../bandeaux/bandeau_stats.jpg");
		}
		
div#village
		{
		background-image: url("../bandeaux/bandeau_village.jpg");
		}
		
div#village2
		{
		background-image: url("../bandeaux/bandeau_village2.jpg");
		}
		


		

/* fin des bandeaux haut de page	*/




div#dashed_orange
		{
		font-size: 1em;
		text-align: left;
		
		background-color: #ffd;
		border-style: dashed;
		border-color: #f63;
		border-width: 1px;
	
		width: 90%;
		padding: 6px;
		margin-left: 10px;
		margin-right: 60px;
		margin-top: 10px;
		margin-bottom: 10px;
		float: right; 
		}
		
div#dashed_orange_right
		{
		font-size: 1em;
		text-align: left;
		
		background-color: #ffd;
		border-style: dashed;
		border-color: #f63;
		border-width: 1px;
	
		width: 30%;
		padding: 6px;
		margin-left: 10px;
		margin-right: 60px;
		margin-top: 10px;
		margin-bottom: 10px;
		float: right; 
		}

div#dashed_orange_left
		{
		font-size: 1em;
		text-align: left;
		
		background-color: #ffd;
		border-style: dashed;
		border-color: #f63;
		border-width: 1px;
	
		width: 30%;
		padding: 6px;
		margin-left: 60px;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		float: left;
		}
		
div#cadre #temoignage
		{
		margin-right: 40px ;	
		margin-left: 40px ;
		text-align: justify ;
		text-indent: 3em ;
		font-size: 1em ;
		font-style: italic ;
		}

div#source
		{
		margin-right: 40px ;	
		margin-left: 40px ;
		text-align: justify ;
		font-size: 1em ;
		font-weight: bold;
		font-style: oblique ;
		}

div#centre
		{
		width: 100%;
		text-align: justify;
		margin: auto;
		}

div#centre90
		{
		width: 90%;
		text-align: center;
		margin: auto;
		}

	
div#centre70
		{
		width: 70%;
		text-align: justify;
		margin: auto;
		}

/* style de la galerie	*/
		
div#galerie
{
	width: 515px ;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 0px 10px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo
{
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;	
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}
/* fin du style de la galerie	*/


#sign {
		margin: 0;
		padding: 0;
		background-image: url("../bandeaux/bandeau_sign.jpg");
		height: 35px;
		font: 11px bold verdana, arial, helvetica, sans-serif ;
		color: #336699;
		}