/*-----------------------------------
 * CDT53
 * réalisé par SQLI
 * Création : 24.02.2006
 * Derniere modification : 24.02.2006
 ------------------------------------*/

/*--------------------
   Variables globales
 ---------------------*/
 
  body {
  	margin: 0; padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:62.5%;
	color: #000000; background: #C4DC7E;
	text-align: center;
  }
  
  form { margin: 0; padding: 0; }
  
  img{ border-width: 0px; }


/* ---> ALG 21/11/08 : CSS01-CHG-001 */
	p {
		color:#000000;
		font-size:x-small;
	}
/* <--- ALG 21/11/08  */
  
 div#signature{
     z-index: 20;
     position: absolute; top: 0px; left: 0px;/*top: 120px; left: 180px;*/
     display: block;
     width: 400px; height: 205px;
	} 
   div#signature h1{
	display: block; overflow:	hidden;
	margin: 0; padding: 0;
	position:relative;
	top : 120px;
    left:180px;
    width: 100px; height: 100px;
  	text-indent: -100em;
  } 
 
   div#signature h1 a:link, div#signature h1 a:visited {
  display: block;
  width: 100px; height: 100px;
  } 
   
  div#all {
  	position: relative;
	width: 990px;
	margin-left: auto; margin-right:auto;
	text-align: left;
	border-left: 2px solid #E1EFAA;
	border-right: 2px solid #E1EFAA;
	
	background-color: #FFFFFF;
	background-image: url(../images/CDT53/menu-gauche-fd-extens.gif);
  		background-repeat: repeat-y;
  		background-position: top left;
  }
  br.clear {
  	clear: both;
  }
  
 div#flash {
     position: absolute; top: 0px; left: 0px;
     z-index: 10;
 }
 

/*--------------------
   Header
 ---------------------*/ 
  div#header {
  	margin: 0; padding: 0;
  	text-align: left;
  }
  	div#header h1 {
  		float: left;
  		display: block; overflow: hidden;
  		margin: 0; padding: 0;
  		background-image: url(../images/CDT53/medaillon.gif);
  		/*background-image: url(../images/CDT53/titre.png);*/
  			background-repeat: no-repeat;
  			background-position: top left;
  		text-indent: -100em;
  	}
  	div#header h1 a:link, div#header h1 a:visited {
  		display: block;
  		width: 436px; height: 205px;
  	}

 div#flash 
 {
	float: left;
	margin: 0; padding: 0;
 }
 div#flash a
 {
 	margin: 0; padding: 0;
	width: 436px; height: 205px;
 }

  	/*--------------------
	   Header
	---------------------*/ 
	div#navigation {
	 	margin: 0; padding: 0;
	 	float: right;
	 	width: 554px;
	}
		div#menu-principal {
			margin: 0; padding: 0;
			background-color: #4E75C2;
			background-image: url(../images/CDT53/menu-navigation-haut.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
			div#menu-principal img.language {
				float: right;
				margin: 5px 3px 0px 0px; padding: 0;
				border: none;
			}
			
			div#menu-principal ul {
				margin: 0px 0px 0px 103px; padding: 0;
			}
			div#menu-principal ul li {
				float: left;
				margin: 0; padding: 0;
				list-style: none;
			}
			
			div#menu-principal ul li.promo {
               width: 103px; height: 75px;
			 } 
			
			div#menu-principal ul li.promo a:link, div#menu-principal ul li.promo a:visited {
				display: block; overflow: hidden;
				width: 103px; height: 75px;
				background-image: url(../images/CDT53/promo.gif);
					background-repeat: no-repeat;
					background-position: top left;
				text-indent: -100em;
			}
			div#menu-principal ul li.actualite a:link, div#menu-principal ul li.actualite a:visited {
				display: block; overflow: hidden;
				margin: 20px 0px 0px 0px;
				width: 103px; height: 55px;
				background-image: url(../images/CDT53/actualite.gif);
					background-repeat: no-repeat;
					background-position: top left;
				text-indent: -100em;
			}
			div#menu-principal ul li.actualite a:hover {
				background-image: url(../images/CDT53/actualite-current-s.gif);
			}
			
			/* ---> ALG 21/11/2008 EVOS 2008 */
			/* ACC-CHG-008 */
			div#menu-principal ul li.coupscoeur a:link, div#menu-principal ul li.coupscoeur a:visited {
				display: block; overflow: hidden;
				margin: 20px 0px 0px 0px;
				width: 103px; height: 55px;
				/*background-image: url(../images/CDT53/CoupsDeCoeur.gif);*/
					background-repeat: no-repeat;
					background-position: top left;
				text-indent: -100em;
			}
			/*div#menu-principal ul li.coupscoeur a:hover {
				background-image: url(../images/CDT53/coupsDeCoeur-s.gif);
			}*/
			/* <--- ALG  */
			
			div#menu-principal ul li.agenda a:link, div#menu-principal ul li.agenda a:visited {
				display: block; overflow: hidden;
				margin:	20px 0px 0px 0px;
				width: 92px; height: 55px;
				/* ACC-CHG-001
				padding-right:103px;
				background-position: top right;*/
				
				background-image: url(../images/CDT53/agenda.gif);
				background-repeat: no-repeat;
				background-position: top left;
				text-indent: -100em;
			}
			div#menu-principal ul li.agenda a:hover {
				background-image: url(../images/CDT53/agenda-current-s.gif);
			}
			
			div#recherche {
				margin: 0; padding: 35px 0px 12px 0px;
			}
				div#recherche input {
					margin: 0; padding: 2px;
					width: 80px;
					font-size: 1em;
					color: #000000;
					border: 1px solid #B2C7E3;
				}
				div#recherche input.submit {
					margin: 0; padding: 0;
					width: 30px; height: 28px;
					font-family: Times, "Times New Roman", serif; font-size: 1.2em; font-weight: bold;
					color: #FFFFFF; background: url('../images/CDT53/btn-recherche.gif') no-repeat top left;
					text-transform: uppercase;
					border: none;
					vertical-align: middle;
				}
		
		div#menu-secondaire {
			position: relative;
			margin: 0; padding: 0;
			height: 130px;
			background-color: #E1EFAA;
				background-image: url(../images/CDT53/menu-navigation-bas.gif);
				background-repeat: no-repeat;
				background-position: top right;
		}
			div#menu-secondaire ul {
				margin: 0; padding: 0;
			}
			div#menu-secondaire div.stretcher {
                   visibility: hidden;
	        }
			div#menu-secondaire ul li {
				margin: 0; padding: 0; /*height:60px*/;
				list-style: none;
			}
			div#menu-secondaire ul li.destination {
				width: 178px;
				position: absolute; top: 55px; left: 0px;
				margin: 0px;	 padding: 0px 0px 0px 0px;
				background-image: url(../images/CDT53/onglet-decouvrir.gif);
				background-repeat: no-repeat;
				background-position: top left;
				z-index: 99;
			/*	
				z-index: 99;
				position: absolute; top: 60px; left: 0px;
				margin: 0; padding: 0px 0px 10px 10px;
				width: 178px;
				background-image: url(../images/CDT53/decouvrirMayenne.gif);
				background-repeat: no-repeat;
				background-position: top left;*/
				
			}
				div#menu-secondaire ul li.destination a:link, div#menu-secondaire ul li.destination a:visited {
					display: block; overflow: hidden;
					width: 178px; height: 56px;
					text-indent: -100em;
				}

					div#menu-secondaire ul li.destination ul {
						margin: 0; padding: 0;
						width: 130px;
						border: 2px solid #186B42;
							filter:alpha(opacity=90);
							-moz-opacity:0.9;
							-khtml-opacity: 0.9;
							opacity: 0.9;
					}
						div#menu-secondaire ul li.destination ul li {
							background-color: #79B66C;
						}
						div#menu-secondaire ul li.destination ul li a:link, div#menu-secondaire ul li.destination ul li a:visited {
							display: block;
							width: 110px; height: auto;
							padding: 2px 0px 2px 20px;
							font-size: 1em;
							color: #FFFFFF;
							background-image: url(../images/CDT53/onglet-destination-sousmenus.gif);
								background-repeat: no-repeat;
								background-position: top left;
							text-indent: 0em; text-decoration: none;
					
						}
						div#menu-secondaire ul li.destination ul li a:hover {
							color: #E36713; background-color: #186B42;
							background-image: url(../images/CDT53/onglet-destination-sousmenus-hover.gif);
						}
			div#menu-secondaire ul li.sejours {
				z-index: 99;
				position: absolute; top: 28px; left: 146px;
				margin: 0; padding: 0px 0px 10px 25px;
				width: 148px;
				background-image: url(../images/CDT53/onglet-sejours.gif);
					background-repeat: no-repeat;
					background-position: top left;
			}
				div#menu-secondaire ul li.sejours a:link, div#menu-secondaire ul li.sejours a:visited {
					display: block; overflow: hidden;
					width: 148px; height: 58px;
					text-indent: -100em;
				}
						div#menu-secondaire ul li.sejours ul {
							margin: 0; padding: 0;
							width: 130px;
							border: 2px solid #186B42;
								filter:alpha(opacity=90);
								-moz-opacity:0.9;
								-khtml-opacity: 0.9;
								opacity: 0.9;
						}
						div#menu-secondaire ul li.sejours ul li {
							background-color: #DFE3AC;
						}
						div#menu-secondaire ul li.sejours ul li a:link, div#menu-secondaire ul li.sejours ul li a:visited {
							display: block;
							width: 110px; height: auto;
							padding: 2px 0px 2px 20px;
							font-size: 1.2em;
							color: #186B42;
							background-image: url(../images/CDT53/onglet-sejours-sousmenus.gif);
								background-repeat: no-repeat;
								background-position: top left;
							text-indent: 0em; text-decoration: none;
					
						}
						div#menu-secondaire ul li.sejours ul li a:hover {
							color: #E36713; background-color: #186B42;
							background-image: url(../images/CDT53/onglet-destination-sousmenus-hover.gif);
						}
				
			div#menu-secondaire ul li.passions {
				z-index: 98;
				position: absolute; top: 62px; left: 271px;
				margin: 0; padding: 0px 0px 15px 25px;
				width: 180px;
				/*background-image: url(../images/CDT53/onglet-passions.gif);*/
				background-image: url(../images/CDT53/onglet-loisirs.gif);
					background-repeat: no-repeat;
					background-position: top left;
			}
				div#menu-secondaire ul li.passions a:link, div#menu-secondaire ul li.passions a:visited {
					display: block; overflow: hidden;
					width: 146px; height: 80px;
					text-indent: -100em;
				}
				div#menu-secondaire ul li.passions a:link, div#menu-secondaire ul li.passions a:visited {
					display: block;
					width: 148px; height: 48px;
					text-indent: -100em;
				}
						div#menu-secondaire ul li.passions ul {
							margin: 0; padding: 0;
							width: 170px;
							border: 2px solid #186B42;
								filter:alpha(opacity=90);
								-moz-opacity:0.9;
								-khtml-opacity: 0.9;
								opacity: 0.9;
						}
						div#menu-secondaire ul li.passions ul li {
							background-color: #C28267;
						}
						div#menu-secondaire ul li.passions ul li a:link, div#menu-secondaire ul li.passions ul li a:visited {
							display: block;
							width: 150px; height: auto;
							padding: 2px 0px 2px 20px;
							font-size: 1.2em;
							color: #FFFFFF;
							background-image: url(../images/CDT53/onglet-passions-sousmenus.gif);
								background-repeat: no-repeat;
								background-position: top left;
							text-indent: 0em; text-decoration: none;
					
						}
						div#menu-secondaire ul li.passions ul li a:hover {
							color: #E36713; background-color: #186B42;
							background-image: url(../images/CDT53/onglet-destination-sousmenus-hover.gif);
						}
			div#menu-secondaire ul li.mayenne {
				z-index: 99;
				position: absolute; top: 28px; left: 394px;
				margin: 0; padding: 0;
				background-image: url(../images/CDT53/onglet-mayenne.gif);
					background-repeat: no-repeat;
					background-position: top left;
			}
				div#menu-secondaire ul li.mayenne a:link, div#menu-secondaire ul li.mayenne a:visited {
					display: block; overflow: hidden;
					width: 160px; height: 63px;
					text-indent: -200em;
				}

div#bloc {
	margin: 0; padding: 0;
	clear: both;
}

/*--------------------
   colonne gauche
 ---------------------*/ 
  div#colonne-gauche {
  	float: left;
  	margin: 0; padding: 0;
  	width: 303px;
  	text-align: left;
  }
  
  	div#partie-haute {
  		margin: 0; padding: 0;
  		background-image: url(../images/CDT53/menu-gauche-fd.gif);
  			background-repeat: no-repeat;
  			background-position: top left;
  	}
  	
  	/*--------------------
	   En un clin d'oeil
	 ---------------------*/ 
  	div#clin-oeil {
  		position: relative;
  		margin: 0; padding: 0;
  		height: 136px;
  		background-image: url(../images/CDT53/menu-gauche-fd-carte.gif);
  			background-repeat: no-repeat;
  			background-position: bottom left;
  	}
  		div#clin-oeil h2 {
  			margin: 0; padding: 0;
  			height: 20px;
  			font-size: 1em;
  			background-image: url(../images/CDT53/en-un-clin-doeil.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  			text-indent: -100em;
  		}
  			div#clin-oeil ul {
  				margin: 0; padding: 0;
  			}
  			div#clin-oeil ul li {
  				margin: 0; padding: 0;
  				list-style: none;
  				border: 1px solid #CDE472;
  			}
  			div#clin-oeil ul li.venir {
  				position: absolute; top: 25px; left: 72px;
  				background-image: url(../images/CDT53/menu-venir.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
  				div#clin-oeil ul li.venir a:link, div#clin-oeil ul li.venir a:visited {
  					display: block; overflow: hidden;
  					width: 70px; height: 16px;
  					text-indent: -100em;
  				}
  				div#clin-oeil ul li.venir a:hover {
  					background-image: url(../images/CDT53/menu-venir-hover.gif);
  						background-repeat: no-repeat;
  						background-position: top left;
  				}
  				
  			div#clin-oeil ul li.manger {
  				position: absolute; top: 25px; left: 150px;
  				background-image: url(../images/CDT53/menu-manger.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
  				div#clin-oeil ul li.manger a:link, div#clin-oeil ul li.manger a:visited {
  					display: block; overflow: hidden;
  					width: 121px; height: 22px;
  					text-indent: -100em;
  				}
  				div#clin-oeil ul li.manger a:hover {
  					background-image: url(../images/CDT53/menu-manger-hover.gif);
  						background-repeat: no-repeat;
  						background-position: top left;
  				}
  				
  			div#clin-oeil ul li.dormir {
  				position: absolute; top: 47px; left: 100px;
  				background-image: url(../images/CDT53/menu-dormir.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
  				div#clin-oeil ul li.dormir a:link, div#clin-oeil ul li.dormir a:visited {
  					display: block; overflow: hidden;
  					width: 126px; height: 19px;
  					text-indent: -100em;
  				}
  				div#clin-oeil ul li.dormir a:hover {
  					background-image: url(../images/CDT53/menu-dormir-hover.gif);
  						background-repeat: no-repeat;
  						background-position: top left;
  				}
  				
  			div#clin-oeil ul li.faire {
  				position: absolute; top: 65px; left: 190px;
  				background-image: url(../images/CDT53/menu-faire.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
  				div#clin-oeil ul li.faire a:link, div#clin-oeil ul li.faire a:visited {
  					display: block; overflow: hidden;
  					width: 90px; height: 22px;
  					text-indent: -100em;
  				}
  				div#clin-oeil ul li.faire a:hover {
  					background-image: url(../images/CDT53/menu-faire-hover.gif);
  						background-repeat: no-repeat;
  						background-position: top left;
  				}
  				
  			div#clin-oeil ul li.visiter {
  				position: absolute; top: 80px; left: 110px;
  				background-image: url(../images/CDT53/menu-visiter.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
  				div#clin-oeil ul li.visiter a:link, div#clin-oeil ul li.visiter a:visited {
  					display: block; overflow: hidden;
  					width: 95px; height: 19px;
  					text-indent: -100em;
  				}
  				div#clin-oeil ul li.visiter a:hover {
  					background-image: url(../images/CDT53/menu-visiter-hover.gif);
  						background-repeat: no-repeat;
  						background-position: top left;
  				}
  				
  			div#clin-oeil ul li.special-groupes {
  				position: absolute; top: 105px; left: 80px;
  				background-image: url(../images/CDT53/menu-groupes.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
  				div#clin-oeil ul li.special-groupes a:link, div#clin-oeil ul li.special-groupes a:visited {
  					display: block; overflow: hidden;
  					width: 146px; height: 22px;
  					text-indent: -100em;
  				}
  				div#clin-oeil ul li.special-groupes a:hover {
  					background-image: url(../images/CDT53/menu-groupes-hover.gif);
  						background-repeat: no-repeat;
  						background-position: top left;
  				}
  				
  	/*--------------------
	   Hébergement
	 ---------------------*/ 
  	div#hebergement {
  		margin: 0; padding: 0;
  		height: 45px;
  		background-image: url(../images/CDT53/menu-gauche-fd-reservation.gif);
  			background-repeat: no-repeat;
  			background-position: top left;
  	}
  		div#hebergement h2 {
  			margin: 0px 0px 0px 5px; padding: 0;
  			background-image: url(../images/CDT53/menu-reservation.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  		div#hebergement h2 a:link, div#hebergement h2 a:visited {
  			display: block; overflow: hidden;
  			width: 144px; height: 32px;
  			text-indent: -100em;
  		}
  		div#hebergement h2 a:hover {
  			background-image: url(../images/CDT53/menu-reservation-hover.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  		
  	/*--------------------
	   Votre panier
	 ---------------------*/ 
  	div#panier {
  		margin: 0; padding: 0;
  		height: 30px;
  		background-image: url(../images/CDT53/menu-gauche-fd-panier.gif);
  			background-repeat: no-repeat;
  			background-position: bottom left;
  	}
  		div#panier p {
  			margin: 5px 0px 5px 5px; padding: 0px 0px 15px 0px;
  			background-image: url(../images/CDT53/menu-panier.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  		div#panier p a:link, div#panier p a:visited {
  			display: block; overflow: hidden;
  			width: 107px; height: 17px;
  			text-indent: -100em;
  		}
  		div#panier p a:hover {
  			background-image: url(../images/CDT53/menu-panier-hover.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  	
  	/*--------------------
	   Nos brochures
	 ---------------------*/ 
  	div#brochures {
  		margin: 0; padding: 0;
  		height: 35px;
  		background-image: url(../images/CDT53/menu-gauche-fd-brochures.gif);
  			background-repeat: no-repeat;
  			background-position: bottom left;
  	}
  		div#brochures p {
  			margin: 5px 0px 5px 5px; padding: 0px 0px 15px 0px;
  			background-image: url(../images/CDT53/menu-brochures.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  		div#brochures p a:link, div#brochures p a:visited {
  			display: block; overflow: hidden;
  			width: 148px; height: 17px;
  			text-indent: -100em;
  		}
  		div#brochures p a:hover {
  			background-image: url(../images/CDT53/menu-brochures-hover.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  		
  	/*--------------------
	   Newsletter
	 ---------------------*/ 
  	div#newsletter {
  		margin: 0; padding: 0px 0px 10px 0px;
		height: 1%;
  		background-image: url(../images/CDT53/menu-gauche-fd-newsletter.gif);
  			background-repeat: no-repeat;
  			background-position: bottom left;
  	}
  		div#newsletter p {
  			margin: 5px 0px 5px 5px; padding: 0px 0px 5px 0px;
  			background-image: url(../images/CDT53/menu-newsletter.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  			text-indent: -100em;
  		}
  		div#newsletter input.text {
  			margin: 0px 0px 0px 5px; padding: 2px;
  			width: 150px;
  			font-size: 1em;
  			color: #00562B;
  			border: 1px solid #00562B;
  		}
				div#newsletter input.submit {
					padding: 0; margin: 0;
					font-family: Times, "Times New Roman", serif; font-size: 1.4em; font-weight: bold;
					color: #E36713; background: #CDE472;
					text-transform: uppercase;
					border: none;
					vertical-align: middle;
				}
				
	/*--------------------
	   Tourisme pour tous
	 ---------------------*/ 
  	div#tourisme-tous {
  		margin: 0; padding: 5px 0px 5px 0px;
  	}
  		div#tourisme-tous h2 {
  			margin: 0px 0px 0px 5px; padding: 0;
  			background-image: url(../images/CDT53/menu-tourisme-pour-tous.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  		div#tourisme-tous h2 a:link, div#tourisme-tous h2 a:visited {
  			display: block; overflow: hidden;
  			width: 155px; height: 33px;
  			text-indent: -100em;
  		}
  		div#tourisme-tous h2 a:hover {
  			background-image: url(../images/CDT53/menu-tourisme-pour-tous-hover.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  
/*--------------------
   partie centrale
 ---------------------*/ 
  div#partie-centrale {
  	float: left;
  	margin: 0; padding: 0;
  	width: 687px;
  	text-align: left;
  	background-color: #FFFFFF;
  	background-image: url(../images/CDT53/menu-milieu-fd-haut.gif);
  		background-repeat: no-repeat;
  		background-position: top left;
  }
  
  	div#partie-centrale-haute {
  		margin: 0; padding: 5px 0px 0px 80px;
  		height: 40px;
  	}
  		div#partie-centrale-haute h1 {
  			margin: 0; padding: 0;
  			width: 358px; height: 29px;
  			background-image: url(../images/CDT53/titre-en-ce-moment.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  			text-indent: -100em;
  		}
  	/*--------------------
	   partie centrale (gauche)
	 ---------------------*/ 
  	div#partie-centrale-colonne-gauche {
  		float: left;
  		margin: 0; padding: 0;
  		width: 307px;
  	}
  		div#a-la-une {
  			margin: 0; padding: 0;
  		}
  		div#a-la-une h1 {
  			display: block;
  			margin: 0; padding: 0;
  				background-repeat: no-repeat;
  				background-position: top left;
  			text-indent: -100em;
  		}
  			div#a-la-une p {
  				margin: 0; padding: 5px 5px 5px 8px;
  				font-size: 1.2em; font-weight: bold; font-style: italic;
  				color: #6C9681;
  			}
  			div#liens-une {
  				margin: 10px 0px 10px 0px; padding: 0;
  			}
	  			div#liens-une ul {
	  				margin: 0; padding: 0;
	  			}
	  			div#liens-une ul li {
	  				margin: 0; padding: 0px 0px 2px 0px;
	  					background-repeat: no-repeat;
  						background-position: top left;
  					list-style: none;
	  			}
	  			div#liens-une ul li a:link, div#liens-une ul li a:visited {
	  				display: block; overflow: hidden;
	  				width: 286px; height: 20px;
  					text-indent: -100em;
  				}
  			
  			div#gens-ici {
  				margin: 10px 0px 10px 0px; padding: 15px 0px 0px 40px;
  				background-image: url(../images/CDT53/fond-gens-ici.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
  				div#gens-ici h1 {
  					display: block;
  					margin: 0; padding: 0;
  					width: 150px; height: 27px;
  					background-image: url(../images/CDT53/titre-gens-ici.gif);
  						background-repeat: no-repeat;
  						background-position: top left;
  					text-indent: -100em;
  				}
  				div#gens-ici p {
  					margin: 0; padding: 0px 0px 0px 0px;
					color: #898A87;					
  				}
  				div#gens-ici p.suite {
  					margin: 0; padding: 0;
  					font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.1em; font-weight: bold;
  					text-align: right;
  				}
  					div#gens-ici p.suite a:link, div#gens-ici p.suite a:visited {
  						margin: 0px 10px 0px 0px; padding: 0px 0px 0px 25px;
  						color: #E36713;
  						text-decoration: none;
  						background-image: url(../images/CDT53/puce-fleche.gif);
  							background-repeat: no-repeat;
  							background-position: top left;
  					}div#gens-ici p.suite a:hover { color: #226D47; }
  					
  	/*--------------------
	   partie centrale (droite)
	 ---------------------*/ 
  	div#partie-centrale-colonne-droite {
  		float: right;
  		margin: 0; padding: 0px 10px 0px 0px;
  		width: 333px;
  		background-image: url(../images/CDT53/menu-droite-fd-extens.gif);
  			background-repeat: repeat-y;
  			background-position: top right;
  	}
  		div#saveurs {
  			margin: 0; padding: 5px 0px 0px 0px;
  		}
  			div#saveurs h1 {
  				margin: 0; padding: 0;
  				background-image: url(../images/CDT53/titre-saveurs.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  				text-indent: -100em;
  			}
  			div#saveurs h2 {
  				margin: 0; padding: 0px 20px 0px 5px;
  				font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.2em; font-weight: bold;
  				color: #116139;
  			}
  			div#saveurs p {
  				margin: 0; padding: 5px 20px 5px 5px;
				color: #898A87;
  			}
  			div#saveurs img.picture {
  				float: right;
  				margin: 0px 20px 0px 0px; padding: 0px 5px 5px 5px;
  			}
  			div#saveurs p.suite {
  				margin: 0; padding: 0px 20px 0px 0px;
  				font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.1em; font-weight: bold;
  				text-align: right;
  			}
  				div#saveurs p.suite a:link, div#saveurs p.suite a:visited {
  					margin: 0px 10px 0px 0px; padding: 0px 0px 0px 25px;
  					color: #E36713;
  					text-decoration: none;
  					background-image: url(../images/CDT53/puce-fleche.gif);
  						background-repeat: no-repeat;
  						background-position: top left;
  				}div#saveurs p.suite a:hover { color: #226D47; }
  			div#saveurs p.toute-actu {
				margin:	10px 0px 5px 0px; padding: 0;
  				background-image: url(../images/CDT53/CoupsDeCoeur.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
	  			div#saveurs p.toute-actu a:link, div#saveurs p.toute-actu a:visited {
	  				display: block;
	  				height: 19px;
	  				width: auto; 
  					text-indent: -100em;
  				}
  			
  			div#bas-gauche {
				clear: both;
  				position: relative;
  				height: 100%;
  				background-image: url(../images/CDT53/fond-coeur.gif);
  					background-repeat: no-repeat;
  					background-position: top right;
  			}
  			
  			div#petit-bonheur {
  				margin: 40px 0px 0px 0px; padding: 20px 0px 0px 0px;
  				width: 190px;
  				
  				background-image: url(../images/CDT53/fond-petit-bonheur.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
  			div#petit-bonheur h1 {
  				display: block;
  				margin: 0; padding: 0;
  				width: 81px; height: 64px;
  				background-image: url(../images/CDT53/titre-nature.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  				text-indent: -100em;
  			}
  			div#petit-bonheur img.picture {
  				float: right;
  				margin: 0; padding: 0px 0px 5px 5px;
  			}
  			div#petit-bonheur p {
  				margin: 0; padding: 0px 0px 5px 5px;
				color: #898A87;
  			}
  			div#petit-bonheur p.suite {
  				margin: 0; padding: 0px 20px 25px 0px;
  				font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.1em; font-weight: bold;
  				text-align: left;
  			}
  				div#petit-bonheur p.suite a:link, div#petit-bonheur p.suite a:visited {
  					margin: 0px 10px 0px 0px; padding: 0px 0px 0px 25px;
  					color: #E36713;
  					text-decoration: none;
  					background-image: url(../images/CDT53/puce-fleche.gif);
  						background-repeat: no-repeat;
  						background-position: top left;
  				}div#petit-bonheur p.suite a:hover { color: #226D47; }
  			
  			div#coup-coeur {
  				position: absolute; 
  				top: 3px; 
  				left: 206px;
  				margin: 0; 
  				padding: 0px 0px 15px 0px;
  				width: 127px;
  			}
  			div#coup-coeur img.coeur {
  				margin: 2px 0px 0px 0px/*32px*/; padding: 0;
  				padding-left:32px !important;
  				border: none;
  			}
  			div#coup-coeur img.goodies 
  			{
  				margin: 6px 0px 0px 0px;/*54px;*/ padding: 0;
  				padding-left:54px !important;
  				border: none;
  			}
  	
/*--------------------
   Pied de page
 ---------------------*/ 
  div#footer {
  	clear: both;
  	margin: 0; padding: 0px 0px 0px 0px;
  	width:990px;
  	background-color: #CDE472;
  	background-image: url(../images/CDT53/pied-page-pi.gif);
  		background-repeat: no-repeat;
  		background-position: top right;
  }
  	div#footer img.logo {
  		margin: 0; padding: 0;
  		float: right;
  	}
  	div#footer ul {
  		margin: 10px 0px 0px 20px; padding: 0;
  		height: 50px;
  		background-image: url(../images/CDT53/fond-liste-footer.gif);
  			background-repeat: no-repeat;
  			background-position: top left;
  	}
  	div#footer ul li {
  		float: left;
  		margin: 0; padding: 20px 5px 0px 5px;
  		list-style: none;
  		font-size: 1em;
  		color: #626262;
  	}
  	div#footer ul li.first {
  		padding-left: 0px;
  	}
  	div#footer ul li a:link, div#footer ul li a:visited {
  		padding-right: 10px;
  		color: #626262;
  		text-decoration: none;
  		border-right: 1px solid #626262;
  	}
  	div#footer ul li a:hover {
  		color: #E36713;
  		text-decoration: underline;
  	}
  	div#footer ul li.nb a:link, div#footer ul li.nb a:visited {
  		border: none;
  	}
  	
  	div#footer ul li.espace-pro {
  		position: relative;
  		margin: 0; padding: 0px 15px 0px 0px;
  		background-image: url(../images/CDT53/menu-espace-pro.gif);
  			background-repeat: no-repeat;
  			background-position: top left;
  	}
		div#footer ul li.espace-pro a:link, div#footer ul li.espace-pro a:visited {
			display: block; overflow: hidden;
			width: 146px; height: 80px;
			text-indent: -200em;
		}  		
  		div#footer ul li.espace-pro a:link, div#footer ul li.espace-pro a:visited {
  			display: block;
  			width: 115px; height: 46px;
  			text-indent: -200em;
  			border: none;
  		}
 		
  		div#footer ul li.espace-pro ul {
  			z-index: 999;
  			visibility: hidden;
  			position: absolute; left: 0px; bottom:45px;
			margin: 0; padding: 0;
			width: 135px; height:auto;
			border: 2px solid #186B42;
				filter:alpha(opacity=90);
				-moz-opacity:0.9;
				-khtml-opacity: 0.9;
				opacity: 0.9;
		}
		div#footer ul li.espace-pro ul li {
			margin: 0; padding: 0;
			background-color: #79B66C;
		}
			div#footer ul li.espace-pro ul li a:link, div#footer ul li.espace-pro ul li a:visited {
				display: block;
				padding: 2px 0px 2px 20px;
				height: auto;
				font-size: 1.1em;
				color: #FFFFFF;
				background-image: url(../images/CDT53/onglet-destination-sousmenus.gif);
					background-repeat: no-repeat;
					background-position: top left;
				text-indent: 0em; text-decoration: none;
			}
			div#footer ul li.espace-pro ul li a:hover {
				color: #E36713; background-color: #186B42;
				background-image: url(../images/onglet-destination-sousmenus-hover.gif);
			}
			
		div#partie-centrale-colonne-gauche div.border{	
			border-width: 1px ; border-style: dotted ; border-color:  #8D8D8D;
		}