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:#cc3 ;
		text-align: center ;
		color: #fff ;
		border: 1px solid #abab34 ; 
		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 #abab34 ;
		}

div#cadre h2
		{
		padding-right: 100px ;
		text-align: right;
		text-decoration: underline;
		line-height: 15px ;
		font: 2em verdana, arial, helvetica, sans-serif ;
		color: #cc3 ;
		}		
		
		
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 #cc3 ;
		}


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: #cc3;
		margin: 0px;
		padding-left: 5px;
		padding-top: 1px;
		padding-bottom: 1px;
		
		border-top: 2px solid #abab34;
		
		font-size: 13px;
		color: #fff;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: left;

		}
.block_menu1
		{
		width: 170px;
		background-color: #cc6;
		margin: 0px;
		padding-left: 5px;
		padding-top: 1px;
		padding-bottom: 1px;
		
		border-top: 1px solid #abab34;
		
		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 #abab34;
		
		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 #abab34;
		background-color: #cc3;
		}

				
/*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: #cc3;
		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: #cc3;
		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: #cc3;
		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: #cc3;
		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: #cc3;
		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: #cc3;
		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: #cc3;
		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: #cc3;
		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: #cc3;
		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#bibliographie
		{
		background-image: url("../bandeaux/bandeau_bibliographie.jpg");
		}

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

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

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

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

div#geographie
		{
		background-image: url("../bandeaux/bandeau_geographie.jpg");
		}
		
div#geologie
		{
		background-image: url("../bandeaux/bandeau_geologie.jpg");
		}
		
div#liens
		{
		background-image: url("../bandeaux/bandeau_liens.jpg");
		}

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

div#sport
		{
		background-image: url("../bandeaux/bandeau_sport.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;
		}

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