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

		
div#cadre
		{
		width: 1000px ;
		margin: 0 auto ;
		padding:  0px 20px 0px 20px;
		text-align: justify ;
		background: #fff ;
		background-image: url(../arriere2.jpg) ;
		background-repeat: no-repeat; 
		background-position: 30% 35% ; 
		}

#header {
		display: block;
		position: relative; 
		margin: 0px ;
		height: 134px;
		background: #99b1bf ;
		background-repeat: no-repeat;
		background-position: top center;
		background-image: url("../bandeaux/AccueilStGeniez6.png");
		}

#header2 {
		margin: 0;
		padding: 0;
		background: #ddddd3;
		height: 39px;
		border: solid 1px #c6c6bc;
		background-position: bottom center;
		background-image: url("../bandeaux/AccueilStGeniez6.png");
		background-repeat: no-repeat;
		}

		
#footer1 {
		margin: 0;
		padding: 0;
		background: #ddddd3;
		height: 39px;
		border: solid 1px #c6c6bc;
		background-position: bottom center;
		background-repeat: no-repeat;
		font: 0.8em verdana, arial, helvetica, sans-serif ;
		}		

#footer2 {
		margin: 0;
		padding: 0;
		background: #eaeae8;
		height: 35px;
		font: 0.8em verdana, arial, helvetica, sans-serif ;
		background-position: bottom center;
		background-image: url("../bandeaux/blanc1040.jpg");
		background-repeat: no-repeat;
		}


#footer3 {
		display: block;
		position: relative; 
		margin: 0px ;
		height: 26px;
		border: solid 1px #c6c6bc;
		background: #99b1bf ;
		font: 0.8em verdana, arial, helvetica, sans-serif ;
		background-position: bottom center;
		background-image: url("../bandeaux/blanc1040.jpg");
		background-repeat: no-repeat;
		}
	
div#colgauche
		{
		float: left;
		width: 19% ;
		margin-left: 30px ;
		line-height: 25px ;
		padding-left: 0px ;
		text-align: justify;
		}


div#col2
		{
		float: left;
		width: 19% ;
		margin-left: 20px ;	
		line-height: 25px ;
		text-align: justify;
		}

div#col3
		{
		float: left;
		width: 19% ;
		margin-left: 20px ;	
		line-height: 25px ;
		text-align: justify;
		}

div#coldroite
		{
		float: left;
		width: 19% ;
		margin-left: 20px ;	
		line-height: 25px ;
		text-align: justify;
		}		


/*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-left: 25px ;
		line-height: 15px ;
		font: 2em verdana, arial, helvetica, sans-serif ;
		color: #639 ;
		border-bottom: 1px solid #9b2 ;
		}


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

/*actualités*/

div#paragraphe_dashed_left
		{
		display: inline;
		position: relative;
		float: left;
		font-size: 1em;
		
		background-color: #fcfcfc;
		border-style: dashed;
		border-color: #99b1bf;
		border-width: 1px;
		border-radius: 10px;
		-moz-border-radius: 10px;
	
		width: 45%;
		padding: 6px;
		padding-bottom: 10px;
		margin-top: 1%; 
		margin-left: 1%;
		margin-bottom: 10px; 
 
		}

div#paragraphe_dashed_right
		{
		display: inline;
		position: relative;
		float: 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: 43%;
		padding: 6px;
		padding-bottom: 10px;
		margin-top: 1%; 
		margin-left: 54%;
		margin-bottom: 10px; 

		}

div#paragraphe_dashed
		{

		display: block;
		position: relative;
		float: 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: 80%;
		padding: 6px;
		padding-bottom: 10px;
		margin-top: -12%; 
		margin-left: 2%;
		margin-bottom: 10px; 

		}

		
/*block menu de la page	*/

.block_menu1_orange
		{
		width: 190px;
		background-color: #ffbd73;
		margin-left: 20px;
		margin-right: 20px;
		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_orange
		{
		width: 190px;
		background-color: #fff;
		margin-left: 20px;
		margin-right: 20px;
		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_orange
		{
		width: 190px;
		height: 5px;
		margin-top: 5px;
		margin-left: 20px;
		margin-right: 20px;
		
		padding-left: 5px;
		padding-top: 0px;
		padding-bottom: 0px;
		
		border-top: 2px solid #ff8700;
		background-color: #ff9f33;
		}

.block_menu1_vert
		{
		width: 190px;
		background-color: #cc6;
		margin-left: 20px;
		margin-right: 20px;
		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_vert
		{
		width: 190px;
		background-color: #fff;
		margin-left: 20px;
		margin-right: 20px;
		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_vert
		{
		width: 190px;
		height: 5px;
		margin-top: 5px;
		margin-left: 20px;
		margin-right: 20px;
		
		padding-left: 5px;
		padding-top: 0px;
		padding-bottom: 0px;
		
		border-top: 2px solid #abab34;
		background-color: #cc3;
		}	
		
.block_menu1_bleu
		{
		width: 190px;
		background-color: #ccc;
		margin-left: 20px;
		margin-right: 20px;
		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_bleu
		{
		width: 190px;
		background-color: #fff;
		margin-left: 20px;
		margin-right: 20px;
		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_bleu
		{
		width: 190px;
		height: 5px;
		margin-top: 5px;
		margin-left: 20px;
		margin-right: 20px;
		
		padding-left: 5px;
		padding-top: 0px;
		padding-bottom: 0px;
		
		border-top: 2px solid #639;
		background-color: #99b1bf;
		}	
		
.block_menu1_rouge
		{
		width: 190px;
		background-color: #d9b9ca;
		margin-left: 20px;
		margin-right: 20px;
		padding-left: 5px;
		padding-top: 1px;
		padding-bottom: 1px;
		
		border-top: 1px solid #934870;
		
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: left;

		}
.block_menu2_rouge
		{
		width: 190px;
		background-color: #fff;
		margin-left: 20px;
		margin-right: 20px;
		padding-left: 5px;
		padding-top: 1px;
		padding-bottom: 1px;
		
		border-bottom: 1px dotted #934870;
		
		font-size: 13px;
		color: #180808;
		letter-spacing: 1px;

		}
.block_menu_bottom_rouge
		{
		width: 190px;
		height: 5px;
		margin-top: 5px;
		margin-left: 20px;
		margin-right: 20px;
		
		padding-left: 5px;
		padding-top: 0px;
		padding-bottom: 0px;
		
		border-top: 2px solid #934870;
		background-color: #cd458e;
		}	
		
		
/*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;
		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;
		
		font-size: 1em2
		color: #639;
		font-weight: normal;
		vertical-align: middle;
		text-align: left;
				}
/*fin de bouton haut accueil	*/