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#poeme
		{
		margin-left: 120px ;	
		line-height: 25px ;
		text-align: justify;
		}	
		
div#cadre p#footer
		{
		margin: 0 ;
		background:#ff9f33 ;
		text-align: center ;
		color: #fff ;
		border: 1px solid #ff8700 ; 
		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:#ff8700 ;
		}

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 #ff9f33 ;
		}

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


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

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

				
/*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 #ff9f33;
		border-left: 1px solid #ff9f33;
		border-right: 1px solid #ff9f33;
		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 #ff9f33;
		border-right: 1px solid #ff9f33;
		border-bottom: 1px solid #ff9f33;
		border-radius: 0 0 10px 10px ;
		-moz-border-radius: 0 0 10px 10px;
		
		font-size: 1em2
		color: #ff9f33;
		font-weight: normal;
		vertical-align: middle;
		text-align: left;
				}
/*fin de bouton haut accueil	*/	
				
/*bandeaux haut de page	*/

.bandeau
		{
		height: 170px;
		background-repeat: no-repeat;
		margin-right: 255px;
		background-position: bottom right;
		}

div#activites
		{
		background-image: url("../activites/bandeau_activites.jpg");
		}
		
div#annie
		{
		background-image: url("../activites/bandeau_annie.jpg");
		margin-right: 135px;
		}		
		
div#armand
		{
		background-image: url("../activites/bandeau_armand.jpg");
		margin-right: 420px;
		}		
		

div#bar
		{
		background-image: url("../activites/bandeau_bar2.jpg");
		margin-right: 320px;
		}
			
div#barbero
		{
		background-image: url("../activites/bandeau_barbero.jpg");
		margin-right: 320px;
		}	
	
div#barzic
		{
		background-image: url("../activites/bandeau_barzicP.jpg");
		}
		
div#cavaliers
		{
		background-image: url("../activites/bandeau_cavaliers.jpg");
		}

div#cytise
		{
		background-image: url("../activites/bandeau_cytise.jpg");
		}
		
div#devos
		{
		background-image: url("../activites/bandeau_devos.jpg");
		}

div#diane
		{
		background-image: url("../activites/bandeau_diane.jpg");
		}
		
div#gandonB
		{
		background-image: url("../activites/bandeau_gandonB.jpg");
		}

div#gandonJ
		{
		background-image: url("../activites/bandeau_GandonJ.jpg");
		}
		
div#goudal
		{
		background-image: url("../activites/bandeau_goudal.jpg");
		margin-right: 320px;
		}

div#roche
		{
		background-image: url("../activites/bandeau_roche5.jpg");
		margin-right: 55px;
		}
		
div#terlon
		{
		background-image: url("../activites/bandeau_terlon.jpg");
		margin-right: 55px;
		}
		
div#vallee
		{
		background-image: url("../activites/bandeau_vallee.jpg");
		margin-right: 225px;
		}
		

/* fin des bandeaux haut de page	*/

/* styles cytise	*/

.encadre
		{
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		padding: 4px;
		margin: 4px;
		}

div#cadre h4
		{
		line-height: 12px ;
		font: 1.5em verdana, arial, helvetica, sans-serif ;

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

div#rose-pale-left
		{
		background-color: #ffcc99;
		width: 35%;
		display: block;
		float: left; 
		}

div#rose-pale-right
		{
		background-color: #ffcc99;
		width: 55%;
		display: block;
		float: right; 
		}

div#trail
		{
		background-color: #fcca00;
		width: 55%;
		display: block;
		float: right; 
		}

div#orange_left
		{
		background-color: #ff9900;
		width: 35%;
		display: block;
		float: left; 
		}

div#orange
		{
		background-color: #ff9900;
		width: 100%;
		display: block;
		float: left; 
		}

div#orange_right
		{
		background-color: #ff9900;
		width: 55%;
		display: block;
		float: right; 
		}

div#aout
		{
		background-color: #ff6500;
		width: 55%;
		display: block;
		float: right; 
		}

div#bergers
		{
		background-color: #993200;
		width: 35%;
		display: block;
		float: left; 
		}



/* fin des styles cytise	*/

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