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

/*--------------------
   Variables globales
 ---------------------*/
 html {font-size: 100%;}
  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;
  }
  
  body#backoffice{
  	margin: 0; padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:62.5%;
	background:#FFFFFF;
	text-align: center;
	
  }
  
  form { margin: 0; padding: 0; }
  
  img{ border-width: 0px; }

/* ---> ALG 21/11/08 : CSS01-CHG-001 */
	p {
		color:#000000;
/*
OBA MANTIS-008 13-01-2009
		font-size:x-small;
		font-size:1em; marche bien
*/
		font-size:small;
		font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; 
/*
OBA MANTIS-008 13-01-2009*/
	}
/* <--- ALG 21/11/08  */
 
  div#signature{
	z-index: 20;
	position:  absolute; top: 90px; left: 300px;
	display: block;
	width: 100px; height: 100px;
  }
   div#signature h1{
	display: block; overflow: hidden;
	margin: 0; padding: 0;
  	text-indent: -100em;
  } 
 
  div#signature h1 a:link, div#signature h1 a:visited {
    display: block;
    width: 100px; height: 100px;
  } 

  div.hidden 
  {
	visibility : hidden;
	display : none;
  }
  
  div.visible
  {
	visibility : visible;
	display : block;
  }
  	
  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-pi.gif);
  		background-repeat: repeat-y;
  		background-position: top left;
  }
  br.clear {
  	clear: both;
  }
  
  
  /*Lien par défaut*/
  a:link,a:visited{
	 text-decoration : none;
	 color: #8D8D8D;
  }
  
  a:hover {
 	color: #E36713;
  }		
  

 /*--------------------
   Pour version imprimable
 ---------------------*/ 
div.print{
	margin: 10px 10px 10px 10px;
	text-justify: auto;	
	text-align:left;
	background-color : #FFFFFF;
}

div.print div.retour{
	display :none;
	visibility : hidden;
}

div.print a.imprimer{
	display :none;
	visibility : hidden;
}

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

 div#flash {
     position: absolute; top: 0px; left: 0px;
     margin: 0; padding: 0;
     z-index: 10;
 }
 div#signature{
   z-index: 20;
     position: absolute; top: 120px; left: 180px;
     display: block;
     width: 120px; height: 100px;
 } 
 /*div#flash a
 {
 	margin: 0; padding: 0;
	width: 491px; height: 164px;
 }*/
  	
 	/*--------------------
	   Header
	---------------------*/ 
	div#header.pi div#navigation {
	 	margin: 0; padding: 0;
	 	float: right;
	 	width: 499px;
	}
		div#menu-principal {
			margin: 0; padding: 0;
			background-color: #4E75C2;
			background-image: url(../images/CDT53/menu-navigation-haut-pi.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 47px; 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: 70px;
			}
			div#menu-principal ul li.promo a:link, div#menu-principal ul li.promo a:visited {
				display: block; overflow: hidden;
				width: 103px; height: 70px;
				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: 50px;
				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);
				}
				
				div#menu-principal ul li.actualite-current a:link, div#menu-principal ul li.actualite-current a:visited {
					display: block; overflow: hidden;
					margin: 20px 0px 0px 0px;
					width: 103px; height: 50px;
					background-image: url(../images/CDT53/actualite-current-s.gif);
						background-repeat: no-repeat;
						background-position: top left;
					text-indent: -100em;
				}
				
				
			/* ---> 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: 50px;
				/*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: 50px;
				/* 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#menu-principal ul li.agenda-current a:link, div#menu-principal ul li.agenda-current a:visited {
					display: block; overflow: hidden;
					margin: 20px 0px 0px 0px;
					width: 92px; height: 50px;
					background-image: url(../images/CDT53/agenda-current-s.gif);
						background-repeat: no-repeat;
						background-position: top left;
					text-indent: -100em;
				}

			div#recherche {
				margin: 0; padding: 35px 0px 10px 0px;
			}
				div#recherche input {
					margin: 0; padding: 2px;
					width: 81px;
					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;
				}
				
		
		/*Pour le moteur de recherche*/

		div#enbref {
 		clear: both;
  		margin: 0px 40px 0px 0px; padding: 10px 0px 0px 40px;
  		background-image: url(../images/CDT53/fond-liste.gif);
  		background-repeat: no-repeat;
  		background-position: top left;
 		}
 		div#enbref h2 {
 		display: block;
  		margin: 0; padding: 10px 0px 10px 0px;
  		font-size: 1.7em;
  		color: #E36713;
		}
		div#enbref p {
  		 	margin: 0; padding: 10px 0px 10px 0px;
	 		font-size: 1em;
	 		color: #4E4E4E;
	 		text-align: left;
  		 }
  		 
  		div#enbref p a:link, div#enbref p a:visited {
	 			padding-left: 25px;
	 			color: #8D8D8D;
	 			background-image: url(../images/CDT53/puce-fleche.gif);
	 				background-repeat: no-repeat;
	 				background-position: top left;
	 			text-decoration: none;
		}
		div#enbref p a:hover {
	 			color: #E36713;
	 	}

  		 div#enbref ul {
	 		margin: 0; padding: 0;
	 	 }
	 	 div#enbref ul li {
	 		margin: 0; padding: 0px 0px 10px 0px;
	 		font-size: 1.1em;
	 		color: #4E4E4E;
	 		list-style: none;
	 	 }
	 	 div#enbref ul li a:link, div#enbref ul li a:visited {
	 		text-decoration: none;
	 	 }
	 	 div#enbref ul li a:hover { color: #E36713; }
	 	 div#enbref ul li b {
	 		color: #00922E;
	 	 }
	 	 div#enbref ul li a:hover b { color: #E36713; }
	 	 div#enbref ul li span.lnk {
	 		color: #8D8D8D;
	 	 }
	 	 div#enbref ul li span.lnk a:link, div#enbref ul li span.lnk a:visited {
	 		color: #8D8D8D;
	 	 }
	 	 div#enbref ul li span.lnk a:hover {
	 		color: #E36713;
	 	 }
  			
 		div#enbref ul li b {
 		padding-left: 12px;
 		}

 		div#enbref ul li span.date {
 		margin: 0; padding: 0;
 		font-size: 0.9em;
 		color: #E36713;
		}
 		div#enbref ul li span.bld {
 		font-weight: bold;
 		padding-left:0px;
 		}
 		div#enbref ul li span.lnk {
 		color: #8D8D8D;
 		}
 		div#enbref ul li span.lnk a:link, div#enbref ul li span.lnk a:visited {
 		color: #8D8D8D;
 		text-decoration: none;
 		}
		div#enbref ul li span.lnk a:hover {
 		color: #B0D520;
 		}
		
		div#menu-secondaire {
			position: relative;
			z-index:999;
			margin: 0; padding: 0;
			height: 91px;
			background-color: #E1EFAA;
				background-image: url(../images/CDT53/menu-navigation-bas-pi.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;
				list-style: none;
			}
			div#menu-secondaire ul li.destination {
				z-index: 99;
				position: absolute; top: 27px; left: 0px ;
				margin: 0; padding: 0px  0px 10px 10px;
				background-image: url(../images/CDT53/onglet-decouvrir-pi.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: 50px;
					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: 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#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: 95;
				position: absolute; top: 1px; left: 126px;
				margin: 0; padding: 0px 0px 10px 25px;
				width: 131px;
				background-image: url(../images/CDT53/onglet-sejours-pi.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: 146px; height: 80px;
					text-indent: -100em;
				}	*/				
				div#menu-secondaire ul li.sejours a:link, div#menu-secondaire ul li.sejours a:visited {
					display: block;
					width: 131px; height: 52px;
					text-indent: -100em;
				}
				div#menu-secondaire ul li.sejours ul {
							margin: 0; padding: 0;
							width: 120px;
							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: 100px; height: auto;
							padding: 2px 0px 2px 20px;
							font-size: 1.1em;
							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 {
				position: absolute; top: 35px; left: 233px;
				margin: 0; padding: 0px 0px 15px 25px;
				width: 156px;
				background-image: url(../images/CDT53/onglet-loisirs-pi.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: 126px; height: 49px;
					text-indent: -100em;
				}
						div#menu-secondaire ul li.passions ul {
							margin: 0; padding: 0;
							width: 150px;
							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: 140px; height: auto;
							padding: 2px 0px 2px 15px;
							font-size: 1.1em;
							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 {
				position: absolute; top: 5px; left: 340px;
				margin: 0; padding: 0;
				background-image: url(../images/CDT53/onglet-mayenne-pi.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: 136px; height: 54px;
					text-indent: -200em;
				}


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

/*--------------------
   colonne gauche
 ---------------------*/ 
  div#colonne-gauche {
  	float: left;
  	margin: 0; padding: 0;
  	width: 273px;
  	text-align: left;
  }
  
  	div#partie-haute {
  		margin: 0; padding: 0;
  		background-image: url(../images/CDT53/menu-gauche-fd-pi.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-pi.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: 12px;
  				background-image: url(../images/CDT53/menu-venir.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
  			div#clin-oeil ul li.venir-current {
  				position: absolute; top: 25px; left: 12px;
  				background-image: url(../images/CDT53/menu-venir-hover.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,
  				div#clin-oeil ul li.venir-current a:link, div#clin-oeil ul li.venir-current a:visited {
  					display: block;
  					width: 70px; height: 16px;
  					text-indent: -100em;
  				}
  				div#clin-oeil ul li.venir a:hover, div#clin-oeil ul li.venir-current 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, div#clin-oeil ul li.manger-current {
  				position: absolute; top: 25px; left: 90px;
  				background-image: url(../images/CDT53/menu-manger.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}div#clin-oeil ul li.manger-current { background-image: url(../images/CDT53/menu-manger-hover.gif); }
  				div#clin-oeil ul li.manger a:link, div#clin-oeil ul li.manger a:visited,
  				div#clin-oeil ul li.manger-current a:link, div#clin-oeil ul li.manger-current a:visited {
  					display: block;
  					width: 121px; height: 22px;
  					text-indent: -100em;
  				}
  				div#clin-oeil ul li.manger a:hover, div#clin-oeil ul li.manger-current 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, div#clin-oeil ul li.dormir-current {
  				position: absolute; top: 47px; left: 40px;
  				background-image: url(../images/CDT53/menu-dormir.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}div#clin-oeil ul li.dormir-current { background-image: url(../images/CDT53/menu-dormir-hover.gif); }
  				div#clin-oeil ul li.dormir a:link, div#clin-oeil ul li.dormir a:visited,
  				div#clin-oeil ul li.dormir-current a:link, div#clin-oeil ul li.dormir-current a:visited {
  					display: block;
  					width: 126px; height: 19px;
  					text-indent: -100em;
  				}
  				div#clin-oeil ul li.dormir a:hover, div#clin-oeil ul li.dormir-current 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, div#clin-oeil ul li.faire-current {
  				position: absolute; top: 65px; left: 130px;
  				background-image: url(../images/CDT53/menu-faire.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}div#clin-oeil ul li.faire-current { background-image: url(../images/CDT53/menu-faire-hover.gif); }
  				div#clin-oeil ul li.faire a:link, div#clin-oeil ul li.faire a:visited,
  				div#clin-oeil ul li.faire-current a:link, div#clin-oeil ul li.faire-current a:visited {
  					display: block;
  					width: 90px; height: 22px;
  					text-indent: -100em;
  				}
  				div#clin-oeil ul li.faire a:hover, div#clin-oeil ul li.faire-current 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, div#clin-oeil ul li.visiter-current {
  				position: absolute; top: 80px; left: 50px;
  				background-image: url(../images/CDT53/menu-visiter.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}div#clin-oeil ul li.visiter-current { background-image: url(../images/CDT53/menu-visiter-hover.gif); }
  				div#clin-oeil ul li.visiter a:link, div#clin-oeil ul li.visiter a:visited,
  				div#clin-oeil ul li.visiter-current a:link, div#clin-oeil ul li.visiter-current a:visited {
  					display: block;
  					width: 95px; height: 19px;
  					text-indent: -100em;
  				}
  				div#clin-oeil ul li.visiter a:hover, div#clin-oeil ul li.visiter-current 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, div#clin-oeil ul li.special-groupes-current {
  				position: absolute; top: 105px; left: 20px;
  				background-image: url(../images/CDT53/menu-groupes.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}div#clin-oeil ul li.special-groupes-current { background-image: url(../images/CDT53/menu-groupes-hover.gif); }
  				div#clin-oeil ul li.special-groupes a:link, div#clin-oeil ul li.special-groupes a:visited,
  				div#clin-oeil ul li.special-groupes-current a:link, div#clin-oeil ul li.special-groupes-current a:visited {
  					display: block;
  					width: 146px; height: 22px;
  					text-indent: -100em;
  				}
  				div#clin-oeil ul li.special-groupes a:hover, div#clin-oeil ul li.special-groupes-current a:hover {
  					background-image: url(../images/CDT53/menu-groupes-hover.gif);
  						background-repeat: no-repeat;
  						background-position: top left;
  				}
  				
  	/*--------------------
	   Hbergement
	 ---------------------*/ 
  	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;
  			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;
  		}
  		div#hebergement h2.current 
  		{
  			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;
  			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;
  		}
  		div#panier p.current {
  			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;
  			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;
  		}
  		div#brochures p.current {
  			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 0px 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;
  			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;
  		}
  		div#tourisme-tous h2.current {
  			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;
  	position: relative;
  	z-index:1;
  	margin: 0; padding: 0;
  	width: 717px;
  	text-align: left;
  	background-color: #FFFFFF;
  	background-image: url(../images/CDT53/menu-droite-fd-extens-pi.gif);
  			background-repeat: repeat-y;
  			background-position: top right;
  }
  
  	div#centrale-bas {
  		clear: both;
  		position: relative;
  		margin: 0px 10px 0px 0px; padding: 40px 0px 0px 0px;
  		height: 97px;
  		background-color: #FFFFFF;
  		background-image: url(../images/CDT53/fond-bas-centrale.gif);
  			background-repeat: no-repeat;
  			background-position: top right;
  		text-align: right;
  	}
  		div#coup-coeur {
  				position: absolute; top: -8px; left: 570px;
  				margin: 0; padding: 0px 0px 15px 0px;
  				width: 127px;
  			}
  			div#coup-coeur img.coeur {
  				margin: 2px 0px 0px 32px; padding: 0;
  				border: none;
  			}
  			div#coup-coeur img.goodies {
  				margin: 6px 0px 0px 54px; padding: 0;
  				border: none;
  			}		
  			
  			div.retour {
	  			margin: 0px 0px 0px 100px; padding: 0px 0px 0px 50px;
			 }
			 div.retour div.debut{
				float:left;
				width:100px;
	  			background-image: url(../images/CDT53/fil-ariane.gif);
	  				background-repeat: no-repeat;
	  				background-position: bottom left;
			 }
			  div.retour div.fin{
				float:left;
				width:100px;
	  			background-image: url(../images/CDT53/haut-page.gif);
	  				background-repeat:	 no-repeat;
	  				background-position: bottom right;
			 }
	  		 div.retour div {
	  			float:left;
	  		 	margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px;
		 		font-size: 0.9em;
		 		color: #4E4E4E;
		 		text-align: left;
	  		 }
	  		 	div.retour p a:link, div.retour p a:visited {
		 			color: #8D8D8D;
		 			text-decoration: none;
		 			text-align:left;
		 		}
			 	div.retour p a:hover {
		 			color: #E36713;
		 			text-align:left;
		 	 	}
  
  	div#partie-centrale-haute {
  		margin: 0; padding: 45px 0px 0px 0px;
  		background-color: #FFFFFF;
  		background-image: url(../images/CDT53/menu-milieu-fd-haut-pi.gif);
  			background-repeat: no-repeat;
  			background-position: top left;
  	}
  		div#partie-centrale-haute ul {
  			display: inline;
  			margin: 0; padding: 4px 0px 4px 50px;
  			color: #00922E; background-image: url(../images/CDT53/fil-ariane.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  		div#partie-centrale-haute ul li {
  			display: inline;
  			margin: 0; padding: 0;
  		}
  		div#partie-centrale-haute ul li span { font-weight: bold; }
  		div#partie-centrale-haute ul li ul {
  			padding: 0;
  			background: none;
  		}
  		div#partie-centrale-haute ul li a:link, div#partie-centrale-haute ul li a:visited {
  			margin: 0; padding: 0px 20px 0px 0px;
  			font-weight: bold;
  			color: #00922E; background-image: url(../images/CDT53/puce-verte.gif);
  				background-repeat: no-repeat;
  				background-position: top right;
  			text-decoration: none;
  		}
  		div#partie-centrale-haute ul li a:hover { color: #E36713; }
  		
  	/*--------------------
	   partie centrale (gauche)
	 ---------------------*/ 
  	div#partie-centrale-colonne-gauche {
  		float: left;
  		margin: 0; padding: 15px 0px 0px 0px;
  		width: 520px;
  	}
	div#partie-centrale-colonne-gauche p.newsearch{
		clear: both;
  		float: right;
  	}
	div#partie-centrale-colonne-gauche p.newsearch a:link, div#partie-centrale-colonne-gauche p.newsearch  a:visited {
		text-decoration: none;
		}
	div#partie-centrale-colonne-gauche p.newsearch  a:hover {
		color: #E36713;
		}		
  		div#article {
  			margin: 0px; padding: 0;
  		}
  		div#article img.print {
  			float: right;
  		}
  		div#article h1 {
  			display: block;
  			margin: 0px 0px 10px 0px; padding: 0;
  			font-size: 2em;
  			color: #106032;
  		}
  		div#article h1.speciale {
  			display: block;
  			margin: 0px 0px 10px 0px; padding: 0;
  			font-size: 1.4em;
  			color: #106032;
  		}
  			div#article h1.entete {
	  			display: block;
	  			margin: 0px 0px 5px 0px; padding: 0;
	  			font-size: 1.5em;
	  			color: #9DC91C;
	  		}
	  	div#article h2 {
  			display: block;
  			margin: 10px 0px 5px 0px; padding: 0;
  			font-size: 1.2em;
  			color: #00922E;
  		}
  			div#article h2.prix {
	  			color: #D4001C;
	  		}
	  		div#article h2.entete {
	  			display: block;
	  			margin: 0px 0px 5px 0px; padding: 0;
	  			font-size: 2em;
	  			color: #00922E;
	  		}
	  		div#article div.paragraphe h2 {
	  			margin: 0px; padding: 0;
	  			font-size: 1.2em;
	  		}			
	  		div#article div.paragraphe p {
	  			margin: 0px; padding: 0;
	  			font-size: 1.1em;
	  			color: #8D8D8D;
	  		}
			
	  		div#article div.allerplusloin{
				float: right;
				width : 200px;
	  			margin: 10px 0px ; padding: 0;
	  		}

	  			div#article div.allerplusloin ul li {
	  				background-repeat: no-repeat;
  					background-position: top left;
  					padding: 0px 0px 2px 30px;
	  			}
	  			div#article div.allerplusloin ul li a:link,div#article div.allerplusloin ul li a:visited {
	  				display: block; overflow: hidden;
	  				width: 286px; height: 30px;
  				}

  		div#animation {
  			float: left;
  			margin: 0px 30px 10px 0px;
  		}
  		div.float {
  			padding-top:12px;
  		}
  		div#animation-2 {
  			clear: both;
  			margin: 20px 0px 0px 0px; padding: 0;
  		}
  		
		div#thematique {
			clear: both;
		}
			div#thematique h3 {
				margin: 0; padding: 15px 0px 5px 0px;
				font-size: 1.2em;
				color: #00922E;
			}
 			div#thematique ul.mediatheque {
 				float: left;
 				margin: 5px 15px 10px 0px; padding: 0;
 			}
 			
 			div#thematique ul.mediatheque a:link, div#thematique ul.mediatheque a:visited {
		  		color: #02572D;
		  		text-decoration: none;
		  	}
		  	
		  	div#thematique ul.mediatheque a:hover { color: #E36713; }
		
  		div#texte-article {
			float: right;
  			width: 140px; 
  			margin: 5px 10px 0px 0px; padding: 0;
  		}
 		div#texte-article ul li {
 			margin: 0; padding: 0px 0px 2px 15px;
 			list-style: none;
 			font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;
 			color: #8D8D8D; background: url('../images/CDT53/puce-fleche-grise.gif') no-repeat top left;
 		}
 		div#texte-article ul li a:link, div#texte-article ul li a:visited {
 			color: #8D8D8D;
 			text-decoration: none;
 		}
 		div#texte-article ul li a:hover {
 			color: #9EC30D;
	 	}		
  		div#article p {
  			margin: 0; padding: 0;
  			/* OBA MANTIS-008
  			font-family: Arial, Helvetica, Tahoma, sans-serif; 
  			font-size: 1.1em;
*/
  			font-size:small;
  			font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; 
  			
 			color: #8D8D8D;
  		}
  			
  			div#partie-centrale div#partie-centrale-colonne-gauche 
  			{
  				margin-left:0;
  				padding-left:0;
  			}
  			div#partie-centrale div#partie-centrale-colonne-gauche div#flash {
  				position:relative;
				width:535px;
				height:340px;
				z-index:1;
				left: 0;
				top: 0;
  			}
  		
	  		div#article div#animation p, div#article div#animation-2 p {
	  			margin: 0px 10px 0px 0px; padding: 5px 10px;
	  			font-size: 1.1em;
	  			color: #898A87;
	  		}
	  		div#article p.sous-titre, div#article div#animation p.sous-titre {
	  			margin: 10px 0px 10px 0px; padding: 0px 0px 5px 5px;
	  			font-size: 1.1em; font-weight: bold;
	  			color: #00922E;
	  			background-image: url(../images/CDT53/titre-pour-aller-plus-loin.gif);
	  				background-repeat: no-repeat;
		  			background-position: top left;
		  		text-indent: -100em;
	  		}
	  		div#article p.sous-titre-2 {
                 margin: 10px 0px 10px 0px; padding: 0px 0px 8px 5px;
                 font-size: 1.1em; font-weight: bold;
                 color: #00922E;
                 background-image: url(../images/CDT53/telechargements.gif);
                     background-repeat: no-repeat;
                     background-position: top left;
                 text-indent: -100em;
             } 
	  		div#article p.entete {
	  			padding: 25px 0px 10px 0px;
	  			font-size: 1.4em; font-weight: bold;
	  			color: #E36713;
	  		}
	  		div#article ul {
	  			margin: 0; padding: 0;
	  		}
	  			div#article ul li {
		  			margin: 0; padding: 0px 0px 0px 25px;
		  			background-image: url(../images/CDT53/puce-fleche.gif);
		  				background-repeat: no-repeat;
		  				background-position: top left;
		  			list-style: none;
		  		}
	  			div#article div.pages ul li {
		  			margin: 0; padding: 0px 0px 0px 25px;
		  			list-style: none;
		  		}		
		  				
		  					
		  	div#article a:link, div#article a:visited {
		  		color: #02572D;
		  		text-decoration: none;
		  	}div#article a:hover { color: #E36713; }
		  	
		  div#article a.imprimer {
              position: absolute; 
              top: 53px; left: 567px;
              width: 200px;
              color: #8D8D8D;
          }

			div#texte-article {
				float:left;
 				text-align : left ;
 				display: table;
 				margin: 0; padding: 0;
 			}
 			div#texte-article p
{
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	font-size: 1em;
	padding-bottom: 5px;
	margin: 0px;
	color: #02572d;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
 			div#texte-article h3 {
 				color: #E36713;	
 			}
            div#article a.imprimer:link, /*div.imprimer */div#article a.imprimer:visited {
                color: #8D8D8D;
                text-decoration: none;
            }       
  
        div#article a.imprimer:hover { color: #E36713; }

  		
  		div#contenu-article {
 			display: block;
 			text-justify: newspaper;
  			margin: 20px 20px 20px 0px; padding: 0;
  		}
  		
  		div#contenu-article h2{
		font-size: 1.2em; font-weight: bold;
  		}
  			div#contenu-article p
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
		/* Modif par OBA evos 2008 
OBA MANTIS-008 mis en commentaire ...
*/
	font-size: small;
	color: #000000;
	/* FIN OBA  */
	padding-top: 0px;
/* OBA MANTIS-008 mis en commentaire ...
	font-family: Arial, Helvetica, Tahoma, sans-serif;
*/
/* OBA MANTIS-008 ai modifié .......
  			font-size:12px  !important;*/
  			font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; 

}
			div#contenu-article p.suite {
				float: left;
				width: 100px;
				padding-left: 25px;
				background-image: url(../images/CDT53/puce-fleche.gif);
					background-repeat: no-repeat;
					background-position: top left;
			}
				div#contenu-article p.entete {
				margin-top: -2px; padding-top: 0px;
				font-size: 1.4em; font-weight: bold;
				color: #E36713;					
				}

    		div.nouvelle-recherche {
	  			margin: 0px 0px 0px 170px; padding: 0px 0px 0px 55px;
			 } 	 		
  		/*--------------------
		   partie centrale (liens)
		 ---------------------*/ 
		 
		 div#liens {
		 	clear: both;
  			margin: 0px 40px 0px 20px; padding: 10px 0px 0px 40px;
  			background-image: url(../images/CDT53/fond-liste.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
		 }
		 div#liens h1 {
  			display: block;
  			margin: 0; padding: 10px 0px 10px 0px;
  			font-size: 1.7em;
  			color: #E36713;
  		 }
  		 div#liens p {
  		 	margin: 0; padding: 5px 0px 10px 0px;
	 		font-size: 1em;
	 		color: #4E4E4E;
	 		text-align: right;
  		 }
  		 	div#liens p a:link, div#liens p a:visited {
	 			padding-left: 25px;
	 			color: #8D8D8D;
	 			background-image: url(../images/CDT53/puce-fleche.gif);
	 				background-repeat: no-repeat;
	 				background-position: top left;
	 			text-decoration: none;
		 	}
		 	div#liens p a:hover {
	 			color: #E36713;
	 	 	}
  		 div#liens p.aucunevenement {
  		 	margin: 0; padding: 5px 0px 10px 0px;
	 		font-size: 1em;
	 		color: #4E4E4E;
	 		text-align: left;
  		 }
  		 div#liens ul {
	 		margin: 0; padding: 0;
	 	 }
	 	 div#liens ul li {
	 		margin: 0; padding: 0px 0px 10px 0px;
	 		font-size: 1.1em;
	 		color: #4E4E4E;
	 		list-style: none;
	 	 }
	 	 	div#liens ul li a:link, div#liens ul li a:visited {
	 			text-decoration: none;
	 	 	}div#liens ul li a:hover { color: #E36713; }
	 	 div#liens ul li b {
	 		color: #00922E;
	 	 }div#liens ul li a:hover b { color: #E36713; }
	 	 div#liens ul li span.lnk {
	 		color: #8D8D8D;
	 	 }
	 	 div#liens ul li span.lnk a:link, div#liens ul li span.lnk a:visited {
	 		color: #8D8D8D;
	 	 }
	 	 div#liens ul li span.lnk a:hover {
	 		color: #E36713;
	 	 }
  		
  		
  		/*--------------------
		   partie centrale (�l�ment de bas de page de l'emag)
		 ---------------------*/ 
		 div#bas-page {
		 	clear: both;
		 	margin: 0; padding: 0;
		 	background-image: url(../images/CDT53/fond-emag.gif);
	  				background-repeat: no-repeat;
	  				background-position: top right;
		 }
		 
		 	div#gens-ici {
		 		float: left;
  				margin: 10px 0px 10px 0px; padding: 35px 10px 22px 25px;
  				width: 160px;
  				background-color: #FFFF99;
  				background-image: url(../images/CDT53/box-jaune-large.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-2.gif);
  						background-repeat: no-repeat;
  						background-position: top left;
  					text-indent: -100em;
  				}
  				div#gens-ici p {
  					margin: 0; padding: 2px 0px 2px 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-fjaune.gif);
  							background-repeat: no-repeat;
  							background-position: top left;
  					}div#gens-ici p.suite a:hover { color: #226D47; }
  			
  			div#saveurs {
  				float: right;
  				width: 300px;
  				margin: 15px 0px 0px 0px; 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;
				font-size: 1.1em;
  			}
  			div#saveurs img.picture {
  				float: right;
  				margin: 0px 20px 0px 0px; padding: 0px 5px 5px 5px;
  			}
  			div#saveurs p.suite {
  				margin: 0; padding: 0px 120px 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{
				float: right;
  				margin: 0; padding: 0px;
  				font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.1em; font-weight: bold;
  				text-align: right;
  			}  				
  			div#petit-bonheur {
  				float: right;
  				width: 245px;
  				margin: 15px 0px 0px 0px; padding: 10px 50px 20px 10px;
  				background-image: url(../images/CDT53/fond-emag-2.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-petit-bonheur.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  				text-indent: -100em;
  			}
  			div#petit-bonheur img.picture {
  				float: right;
  				margin: 0; padding: 10px 0px 5px 15px;
  			}
  			div#petit-bonheur p {
  				margin: 0; padding: 0px 0px 5px 5px;
				font-size: 1.1em;
				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: right;
  			}
  				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; }
		 
		/*--------------------
		   partie centrale (mediatheque)
		 ---------------------*/ 
  		
  		div#pres-mediatheque {
  			clear: both;
  			margin: 0px 40px 0px 20px; padding: 0;
  		}
  		div#pres-mediatheque h3 {
  			display: block;
  			margin: 0; padding: 15px 0px 5px 0px;
  			font-size: 1.2em;
  			color: #00922E;
  		}
  		div#pres-mediatheque p {
  			margin: 0; padding: 0;
  			font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.1em;
  			color: #1B1B1F;
  		}div#pres-mediatheque p b { font-size: 1.1em; font-weight: bold; color: #E36713; }
  		
  			div#pres-mediatheque ul {
 				float: left;
 				margin: 5px 15px 10px 10px; padding: 0;
 			}
 			div#pres-mediatheque ul li {
 				margin: 0; padding: 0px 0px 0px 25px;
 				background-image: url(../images/CDT53/puce-fleche.gif);
  						background-repeat: no-repeat;
  						background-position: top left;
 				list-style: none;
 			}
 			
 			div#pres-mediatheque a:link, div#pres-mediatheque a:visited {
			 	color: #02572D;
			 	text-decoration: none;
 			}
			div#pres-mediatheque a:hover { color: #E36713; }
			  	
			div.pages, div.jours {
				float: right;
		 		clear: both;
		 		display: block;
				margin: 0 auto; padding: 10px 15px 15px 0px;
				font-size: 1em;
				text-align: right;
			}
			 	div.pages p, div.jours p {
			 		display: inline;
			 		margin: 0px 5px 0px 0px; padding: 0;
					color: #8D8D8D;
			 	}
				div.pages ul, div.jours ul {
				 	margin: 0; padding: 0;
					display: inline;
				}
				div.pages ul li, div.jours ul li {
					margin: 0; padding: 0;
					display: inline;
					color: #02572D;
				}
				div.pages ul li.current, div.jours ul li {
					margin: 0; padding: 0;
					display: inline;
					color: #8D8D8D;
				}	

				div.pages ul li a:link, div.pages ul li a:visited, div.jours ul li a:link, div.jours ul li a:visited {
					color: #02572D;
					text-decoration: none;
				}
		
	            div.ligne div.pages ul li a:hover, div.jours ul li a:hover{
					color: #E36713;
				}
				div.ligne div.pages ul li a.current, div.ligne div.pages ul li a:link.current, div.ligne div.pages ul li a:hover.current, div.ligne div.pages ul li a:visited.current {
					margin: 0; padding: 0;
					display: inline;
					color: #8D8D8D;
					font-weight: bold;
	            }	
				

	 	/*--------------------
		   MediathËque
 		---------------------*/

 		div#mediatheque.vertical img {
 			float: left;
 			margin: 0px 10px 0px 0px;
 		}
 		div#mediatheque h1 {
  			display: block;
  			margin: 0; padding: 10px 0px 10px 0px;
  			font-size: 1.7em;
  			color: #106032;
	 	}
	 	div#mediatheque.vertical h1 {
	 		padding-top: 10px;
	 	}
	 	div#mediatheque p.description { 
	 		margin: 0; padding: 0px 5px 2px 5px;
	 		text-align: left;
	 	}
	 	
	 	div#mediatheque ul {
	 		margin: 2px 0px 2px 0px; padding: 0;
	 	}

 		div#mediatheque ul li a:link, div#mediatheque ul li a:visited {
	        color: #02572D;
			text-decoration: none;
 		}
 		div#mediatheque ul li a:hover {
 			 color: #E36713;
	 	}
		div#mediatheque {
	  		clear: both;
	  		margin: 0px 40px 0px 20px; padding: 0;
	  	}
	  	div#mediatheque div.media {
 			float: left;
 			width: 140px;
	 		margin: 0px 6px 0px 6px; padding: 0;
		}
	 	div#mediatheque div.media p {
	 		margin: 2px 0px 10px 0px; padding: 0px 9px;
	 	}
	 	
	 	div#mediatheque div.media p span {
	 					font-weight: bold;
	 					color: #E36713;
	 				}
	 			div#mediatheque div.media ul {
	 				margin: 0px 0px 15px 0px; padding: 0;
	 			}
	 			
	 				div#mediatheque div.media ul li.commande {
		 				padding-left: 5px;
		 				padding-top : 2px;
		 				background: none;
		 			}
		 			div#mediatheque div.media ul li a:link, div#mediatheque div.media ul li a:visited {
		 				margin: 0; padding: 0;
		 				color: #02572D;
		 				text-decoration: none;
		 			}
		 				div#mediatheque div.media ul li a:hover {
		 					color: #E36713;
		 				}
		 			div#mediatheque div.media ul li input {
		 				margin: 0; padding: 0;
		 				width: 20px;
		 				font-size: 1em;
		 				color: #106032;
		 				text-align: center; vertical-align: middle;
		 			}
		 			
		 			div#mediatheque div.media ul li label {
		 				color : #106032;	
		 			}
		 			
		a.close{
			float:right;
			margin : 0px 0px 0px 0px;
			vertical-align: bottom;
			text-align:right;
			}
  		/*--------------------
		   partie centrale (moteur)
		 ---------------------*/ 
  		
  		div#moteur {
  			clear: both;
  			margin: 0px 40px 0px 20px; padding: 0;
  		}
  		div#moteur h1 {
  			display: block;
  			margin: 0; padding: 10px 0px 10px 0px;
  			font-size: 1.7em;
  			color: #106032;
  		}
  		div#moteur p {
  			margin: 0; padding: 0;
  			font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.1em;
  			
			color: #898A87;
  		}div#moteur p span { font-weight: bold; }
  		
  		div#moteur table {
  			margin: 20px 0px 0px 0px; padding: 0;
			margin: 0px 0px 10px 0px;
  		}
  		div#moteur table tr {
  			margin: 0; padding: 0;
  		}
  		div#moteur table tr td {
  			margin: 0; padding: 5px 0px 0px 10px;
  		}
  		div#moteur table tr th {
  			margin: 0; padding: 5px 0px 0px 10px;
  			font-weight: normal;
  			text-align: right;
			color: #898A87;
  		}
  		div#moteur table tr th.left {
  			font-weight: bold;
  			text-align: left;
			color: #898A87;
  		}
  		div#moteur table tr td.center {
  			padding: 10px 0px 5px 150px;
  		}
  		div#moteur select {
  			margin: 0; padding: 0;
  			width: 250px;
  			font-size: 1.2em;
			color: #898A87;
  			border: 3px solid #A4B97F;
  		}
  		div#moteur input.text {
  			margin: 0; padding: 2px;
  			width: 100px;
  			font-size: 1.1em;
			color: #898A87;
  			border: 1px solid #A4B97F;
  		}
  		
  		div#moteur input.rechercher {
  			margin: 0; padding: 5px;
  			width: 107px;
  			font-family: Times, "Times New Roman", serif; font-size: 1.2em; font-weight: bold;
  			color: #00922E;
  			background-color: #FFFFFF; background-image: url(../images/CDT53/btn-recherche-form.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  			border: none;
  		}
  		div#moteur input.rechercher_long {
  			margin: 0; padding: 5px;
  			width: 130px;
  			font-family: Times, "Times New Roman", serif; font-size: 1.2em; font-weight: bold;
  			color: #00922E;
  			background-color: #FFFFFF; background-image: url(../images/CDT53/btn-recherche-form-long.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  			border: none;
  		}
  		
  		div#moteur div#carte {
  			width: 80%;
  			border:none;
  			background-image : url(../images/CDT53/fond-carte.gif);
  			background-repeat: no-repeat;
  			background-position: bottom right;
  		}
  		
  		
  	/*--------------------
	   partie centrale (droite)
	 ---------------------*/ 
  	div#partie-centrale-colonne-droite {
  		float: right;
  		margin: 0; padding: 10px 10px 0px 0px;
  		width: 160px;
  	}
		div#partie-centrale div.imprimer {
  			float: right;
			display: block;
			width: 140px;
			margin: 0px 0px 0px 0px;
			margin-top: 0px;
			_margin-top:10px;	
  		}
  		
  		div#partie-centrale-colonne-droite div.imprimer {
  			float: right;
			display: block;
			width: 160px;
			margin: 0px 0px 0px 0px;
			margin-top:-10px;
			_margin-top:0px;
			
  		}
  		
   		

		div.imprimer p span.lnk a:link, div.imprimer p span.lnk a:visited {
		color: #8D8D8D;
		text-decoration: none;
		}		
		div.imprimer p span.lnk  a:hover { color: #E36713; }
		
		div#partie-centrale-colonne-droite div.box-extens-bas {
			clear: both;
  			margin: 0px 10px 0px 0px; padding: 0;
  			background-color: #FFFF99;
  			background-image: url(../images/CDT53/box-milieu.gif);
  				background-repeat: repeat-y;
  				background-position: top left;
  		}
		
  		div#partie-centrale-colonne-droite div.box-extens {
			clear: both;
  			margin: 60px 10px 0px 0px; padding: 0;
  			background-color: #FFFF99;
  			background-image: url(../images/CDT53/box-milieu.gif);
  				background-repeat: repeat-y;
  				background-position: top left;
  		}
		div#partie-centrale-colonne-droite div.box-red {
			clear: both;
  			margin: 0px 10px 0px 0px; padding: 0;
  			background-color: #FFFFFF;
  			background-image: url(../images/CDT53/box-milieu-2.gif);
  				background-repeat: repeat-y;
  				background-position: top left;
  		}
  			div#partie-centrale-colonne-droite div.box-extens div.haut, div#partie-centrale-colonne-droite div.box-extens-bas div.haut {
  				display: block;
  				height: 22px;
  				background-image: url(../images/CDT53/box-haut.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
  			div#partie-centrale-colonne-droite div.box-extens div.bas, div#partie-centrale-colonne-droite div.box-extens-bas div.bas {
  				display: block;
  				height: 20px;
  				background-image: url(../images/CDT53/box-bas.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
			div#partie-centrale-colonne-droite div.box-red div.haut {
  				display: block;
  				height: 12px;
				background-color: #FFFFFF;
  				background-image: url(../images/CDT53/box-haut-2.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
  			div#partie-centrale-colonne-droite div.box-red div.bas {
  				display: block;
  				height: 16px;
				background-color: #FFFFFF;
  				background-image: url(../images/CDT53/box-bas-2.gif);
  					background-repeat: no-repeat;
  					background-position: top left;
  			}
			
  			div#partie-centrale-colonne-droite div.box-extens div.milieu, div#partie-centrale-colonne-droite div.box-extens-bas div.milieu {
  				margin: 0; padding: 0px 5px 5px 15px;
  				/*overflow: hidden;*/
  				height: 1%;
  			}

  			div#partie-centrale-colonne-droite div.box-extens div.milieu img.imagetel{
  				margin: 0; padding: 0px 5px 5px 20px;
  			}
  			/*div#partie-centrale-colonne-droite div.box-extens div.milieu p{
  				margin: 0; padding: 0px 5px 0px 0px;
  			}*/
  			div#partie-centrale-colonne-droite div.box-extens div.milieu p, div#partie-centrale-colonne-droite div.box-extens-bas div.milieu p{
  				margin: 0px 0px 10px 0px; padding: 0px 5px 0px 0px;
  			}
  			div#partie-centrale-colonne-droite div.box-extens div.milieu a.mail:link{
  				 
  			}
  							
  			div#partie-centrale-colonne-droite div.box-extens h2, div#partie-centrale-colonne-droite div.box-extens-bas h2 {
	  			display: block;
	  			margin: 0px 0px 10px 0px; padding: 0px;
	  			font-size: 1.3em;
	  				background-repeat: no-repeat;
	  				background-position: top left;
	  			text-indent: -200em;
				color: #8D8D8D;
	  		}
  			div#partie-centrale-colonne-droite div.box-extens h3, div#partie-centrale-colonne-droite div.box-extens-bas h3 {
	  			display: block;
	  			margin: 0px 0px; padding: 5px 0px 5px 0px;
	  			font-size: 1em;
	  				background-repeat: no-repeat;
	  				background-position: top left;
				color: #8D8D8D;
	  		}	
	  			div#partie-centrale-colonne-droite div.box-extens h2.toute-lactu, div#partie-centrale-colonne-droite div.box-extens-bas h2.toute-lactu {
	  				background-image: url(../images/CDT53/titre-toute-lactualite.gif);
	  			}
	  			div#partie-centrale-colonne-droite div.box-extens h2.demandez-programme, div#partie-centrale-colonne-droite div.box-extens-bas h2.demandez-programme {
	  				height: 37px;
	  				background-image: url(../images/CDT53/titre-demandez-programme.gif);
	  			}
	  			div#partie-centrale-colonne-droite div.box-extens h2.a-lire-aussi, div#partie-centrale-colonne-droite div.box-extens-bas h2.a-lire-aussi {
	  				background-image: url(../images/CDT53/titre-a-lire-aussi.gif);
	  			}
	  			div#partie-centrale-colonne-droite div.box-extens h2.adresse, div#partie-centrale-colonne-droite div.box-extens-bas h2.adresse {
	  				background-image: url(../images/CDT53/titre-adresse.gif);
	  			}
	  			div#partie-centrale-colonne-droite div.box-extens ul, div#partie-centrale-colonne-droite div.box-extens-bas ul {
	  				margin: 0px 0px 0px 0px; padding: 0;
	  			}
	  			div#partie-centrale-colonne-droite div.box-extens ul li, div#partie-centrale-colonne-droite div.box-extens-bas ul li {
	  				margin: 0; padding: 0px 0px 2px 20px;
  					font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.1em; font-weight: normal;
  					text-align: left;
  					/*background-image: url(../images/CDT53/etoile-fjaune.gif);*/
  					background-image: url(../images/CDT53/puce-fleche-fjaune.gif);
  						background-repeat: no-repeat;
  						background-position: top left;
  					list-style: none;
					color: #8D8D8D;
	  			}
	  			
	  			div#partie-centrale-colonne-droite div.box-extens ul li span.lnk a:link, div#partie-centrale-colonne-droite div.box-extens ul li span.lnk a:visited, div#partie-centrale-colonne-droite div.box-extens-bas ul li span.lnk a:link, div#partie-centrale-colonne-droite div.box-extens-bas ul li span.lnk a:visited {
						color: #8D8D8D;
	  					text-decoration: none;
				}	
	  			div#partie-centrale-colonne-droite div.box-extens ul li a:hover, div#partie-centrale-colonne-droite div.box-extens-bas ul li a:hover { color: #E36713; }
	  			div#partie-centrale-colonne-droite div.box-extens ul li span.lnk a:hover, div#partie-centrale-colonne-droite div.box-extens-bas ul li span.lnk a:hover { color: #E36713; }
				div#partie-centrale-colonne-droite div.box-extens div.milieu ul li span.lnk a:link, div#partie-centrale-colonne-droite div.box-extens div.milieu ul li span.lnk a:visited, div#partie-centrale-colonne-droite div.box-extens-bas div.milieu ul li span.lnk a:link, div#partie-centrale-colonne-droite div.box-extens-bas div.milieu ul li span.lnk a:visited {
						color: #8D8D8D;
	  					text-decoration: none;
				}					
	  			div#partie-centrale-colonne-droite div.box-extens div.milieu ul li span.lnk a:hover, div#partie-centrale-colonne-droite div.box-extens-bas div.milieu ul li span.lnk a:hover { color: #E36713; }	

	  				div#partie-centrale-colonne-droite div.box-extens ul li.current, div#partie-centrale-colonne-droite div.box-extens-bas ul li.current {
	  					font-weight: bold;
	  					/**background-image: url(../images/CDT53/etoile-current-fjaune.gif);**/
	  				}
					div#partie-centrale-colonne-droite div.box-extens ul li.current a:link, div#partie-centrale-colonne-droite div.box-extens ul li.current a:visited, div#partie-centrale-colonne-droite div.box-extens-bas ul li.current a:link, div#partie-centrale-colonne-droite div.box-extens-bas ul li.current a:visited {
		  					color: #8D8D8D;
					}
				div#partie-centrale-colonne-droite div.box-extens ul li.current a:hover, div#partie-centrale-colonne-droite div.box-extens-bas ul li.current a:hover { color: #E36713; }
	  			div#partie-centrale-colonne-droite div.box-extens p, div#partie-centrale-colonne-droite div.box-extens-bas p{
				margin: 0px 0px 0px 0px; padding:0;
				color: #8D8D8D;
				}
	  			div#partie-centrale-colonne-droite div.box-extens p.suite a:link, div#partie-centrale-colonne-droite div.box-extens p.suite a:visited, div#partie-centrale-colonne-droite div.box-extens-bas p.suite a:link, div#partie-centrale-colonne-droite div.box-extens-bas p.suite a:visited {
  					margin: 2px 10px 0px 0px; padding: 0;
  					color: #8D8D8D;
  					text-decoration: none;
  				}
  				div#partie-centrale-colonne-droite div.box-extens p.suite a:hover, div#partie-centrale-colonne-droite div.box-extens-bas p.suite a:hover { color: #226D47; }
  				div#partie-centrale-colonne-droite div.box-extens p.suite, div#partie-centrale-colonne-droite div.box-extens-bas p.suite {
	  				margin: 0; padding: 0px 0px 10px 25px;
	  				font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.1em; font-weight: normal;
	  				text-align: left;
	  				background-image: url(../images/CDT53/puce-fleche-fjaune.gif);
	  						background-repeat: no-repeat;
	  						background-position: top left;
	  			}
  				
	  			div#partie-centrale-colonne-droite div.box-extens div.milieu p.suite a:link, div#partie-centrale-colonne-droite div.box-extens div.milieu  p.suite a:visited, div#partie-centrale-colonne-droite div.box-extens-bas div.milieu p.suite a:link, div#partie-centrale-colonne-droite div.box-extens-bas div.milieu  p.suite a:visited {
  					margin: 2px 10px 0px 0px; padding: 0;
  					color: #8D8D8D;
  					text-decoration: none;
  				}
  				div#partie-centrale-colonne-droite div.box-extens div.milieu  p.suite a:hover, div#partie-centrale-colonne-droite div.box-extens-bas div.milieu  p.suite a:hover { color: #226D47; }
  				div#partie-centrale-colonne-droite div.box-extens div.milieu  p.suite, div#partie-centrale-colonne-droite div.box-extens-bas div.milieu  p.suite {
	  				margin: 0; padding: 0px 0px 10px 25px;
	  				font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.1em; font-weight: normal;
	  				text-align: left;
	  				background-image: url(../images/CDT53/puce-fleche-fjaune.gif);
	  						background-repeat: no-repeat;
	  						background-position: top left;
	  			}
	  			div#partie-centrale-colonne-droite div.box  p.suite a:link, div#partie-centrale-colonne-droite div.box  p.suite a:visited {
					clear: both;
					margin: 0px 10px 0px 0px; padding: 0;
  					color: #8D8D8D;
  					text-decoration: none;
  				}
				div#partie-centrale-colonne-droite div.box  p.suite a:hover,  { color: #226D47; }
  				div#partie-centrale-colonne-droite div.box p.suite {
	  				margin: 0; padding: 0px 0px 10px 25px;
	  				font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.1em; font-weight: normal;
	  				text-align: left;
	  				background-image: url(../images/CDT53/puce-fleche-fjaune.gif);
	  						background-repeat: no-repeat;
	  						background-position: top left;
	  			}
				
			div#partie-centrale-colonne-droite div.box-extens div.milieu p.suite-reservation {
				    padding: 5px 0px 0px 25px;
	  				font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.2em; font-weight: normal;
					background-image: url(../images/CDT53/puce-fleche-frouge.gif);
						background-repeat: no-repeat;
						background-position: 0% 40%;
	  				text-align: left;
			}	
			
	  			div#partie-centrale-colonne-droite div.box-extens  p.suite-reservation a:link, div#partie-centrale-colonne-droite div.box-extens  p.suite-reservation a:visited {
				clear: both;
				margin: 0; padding: 0;
  					color: #8D8D8D;
  					text-decoration: none;
  				}
			div#partie-centrale-colonne-droite div.box-extens  p.suite-reservation a:hover { color: #226D47; }
							
  		div#partie-centrale-colonne-droite div.box {
  				margin: 0; padding:20px 15px 20px 25px;
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  			div#partie-centrale-colonne-droite div.decouvrir {
  				background-image: url(../images/CDT53/box-jaune.gif);
  			}
  			div#partie-centrale-colonne-droite div.reflexe {
  				background-image: url(../images/CDT53/box-reflex.gif);
  			}
  			div#partie-centrale-colonne-droite div.choisir {
  				background-image: url(../images/CDT53/box-bleue.gif);
  			}
  			div#partie-centrale-colonne-droite div.manquer {
  				background-image: url(../images/CDT53/box-rouge.gif);
  			}
			div#partie-centrale-colonne-droite div.adresse {
  				background-image: url(../images/CDT53/box-jaune.gif);
  			}
			div#partie-centrale-colonne-droite div.contacts {
  				background-image: url(../images/CDT53/box-rouge.gif);
  			}
			div#partie-centrale-colonne-droite div.capacite {
  				background-image: url(../images/CDT53/box-bleue.gif);
  			}
			div#partie-centrale-colonne-droite div.tarifs {
  				background-image: url(../images/CDT53/box-verte.gif);
  			}
			div#partie-centrale-colonne-droite div.periode {
				padding-top: 30px; padding-bottom: 30px;
  				background-image: url(../images/CDT53/box-rouge.gif);
  			}
			div#partie-centrale-colonne-droite div.prixcompris{
				padding-top: 7px; padding-bottom: 15px;
  				background-image: url(../images/CDT53/box-jaune.gif);
  			}
			div#partie-centrale-colonne-droite div.prixseul{
				padding-top: 20px; padding-bottom: 30px;
  				background-image: url(../images/CDT53/box-rouge.gif);
  			}
			div#partie-centrale-colonne-droite div.reservation{
				padding-top: 20px; padding-bottom: 30px;
  				background-image: url(../images/CDT53/box-reservation.gif);
  			}
			div#partie-centrale-colonne-droite div.prixcompris h3, div#partie-centrale-colonne-droite div.prixseul h3{
	  			display: block;
	  			margin: 2px 0px; padding: 0px 0px 0px 0px;
	  			font-size: 1em;
	  				background-repeat: no-repeat;
	  				background-position: top left;
				
  			}
  		div#partie-centrale-colonne-droite div.box h2 {
  			display: block;
  			margin: 0; padding: 0px 0px 5px 0px;
  			font-size: 1em;
  				background-repeat: no-repeat;
  				background-position: top left;
  			text-indent: -200em;
			color: #8D8D8D;
  		}
  		div#partie-centrale-colonne-droite div.box h3 {
  			display: block;
  			margin: 0 px 0px 5px 0px; padding: 0px 0px 5px 0px;
  			font-size: 1em;
			color: #8D8D8D;
  		}
  		div#partie-centrale-colonne-droite div.box p {
  			display: block;
  			margin: 0; padding: 0px 0px 5px 0px;
  			font-size: 1em;
			color: #8D8D8D;
  		}			
  		
  		div#partie-centrale-colonne-droite div.box ul{
  			margin: 0; padding: 0px 0px 5px 0px;
  		
  		}
  		div#partie-centrale-colonne-droite div.box ul li {
				list-style: none;
				float: left;
				width: 100px;
				padding-left: 25px;
				background-image: url(../images/CDT53/puce-fleche-frouge.gif);
					background-repeat: no-repeat;
					background-position: top left;
			}
			
	  		div#partie-centrale-colonne-droite div.decouvrir h2 {
  				width: 85px; height: 20px;
	  			background-image: url(../images/CDT53/titre-decouvrir.gif);
	  		}
	  		div#partie-centrale-colonne-droite div.reflexe h2 {
  				width: 107px; height: 18px;
	  			background-image: url(../images/CDT53/titre-reflexe.gif);
	  		}
	  		div#partie-centrale-colonne-droite div.reflexe h3 {
  				width: 107px; height: 18px;
  				font-size:150%;
  				color: #00922E;
  				text-align:center;
	  		}
		  	div#partie-centrale-colonne-droite div.manquer h2 {
	  			width: 126px; height: 21px;
		  		background-image: url(../images/CDT53/titre-a-ne-pas-manquer.gif);
		  	}
	  		div#partie-centrale-colonne-droite div.choisir h2 {
  				width: 112px; height: 19px;
	  			background-image: url(../images/CDT53/titre-choisir.gif);
	  		}
	  		div#partie-centrale-colonne-droite div.contacts h2 {
  				width: 112px; height: 19px;
	  			background-image: url(../images/CDT53/titre-contact.gif);
	  		}
	  		div#partie-centrale-colonne-droite div.capacite h2 {
  				width: 112px; height: 19px;
	  			background-image: url(../images/CDT53/titre-capacite.gif);
	  		}
	  		div#partie-centrale-colonne-droite div.tarifs h2 {
  				width: 112px; height: 19px;
	  			background-image: url(../images/CDT53/titre-tarifs.gif);
	  		}
	  		div#partie-centrale-colonne-droite div.periode h2 {
  				width: 112px; height: 19px;
	  			background-image: url(../images/CDT53/titre-periode.gif);
	  		}				
  		div#partie-centrale-colonne-droite div.box p {
  			margin: 0; padding: 0px 0px 5px 0px;
  		}
  		div#partie-centrale-colonne-droite div.box p b{
  			margin: 0; padding: 0px 0px 5px 0px;
			color: #8D8D8D;
  		}		
  		div#partie-centrale-colonne-droite div.box p a:link, div#partie-centrale-colonne-droite div.box p a:visited {
  			color: #8D8D8D;
  			text-decoration: none;
  		}
  		div#partie-centrale-colonne-droite div.box p.suite {
  				margin: 0; padding: 0px 0px 10px 5px;
  				font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.1em; font-weight: normal;
  				text-align: left;
  						background-repeat: no-repeat;
  						background-position: top left;
  			}
  				div#partie-centrale-colonne-droite div.box p.suite a:link, div#partie-centrale-colonne-droite div.box p.suite a:visited {
  					margin: 0px 10px 0px 15px; padding: 0;
  					color: #8D8D8D;
  					text-decoration: none;
  				}div#partie-centrale-colonne-droite div.box p.suite a:hover { color: #226D47; }
  				
  				div#partie-centrale-colonne-droite div.decouvrir p.suite {
  					background-image: url(../images/CDT53/puce-fleche-fjaune.gif);
  				}
  				div#partie-centrale-colonne-droite div.reflexe p.suite, div#partie-centrale-colonne-droite div.periode p.suite,  div#partie-centrale-colonne-droite div.milieu p.suite, div#partie-centrale-colonne-droite div.manquer p.suite {
  					background-image: url(../images/CDT53/puce-fleche-frouge.gif);
  				}
  				div#partie-centrale-colonne-droite div.choisir p.suite {
  					background-image: url(../images/CDT53/puce-fleche-fbleu.gif);
  				}
  		
/*--------------------
   Pied de page
 ---------------------*/ 
  div#footer {
  	clear: both;
  	margin: 0; padding: 10px 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 0px 0px 5px;
          list-style: none;
          font-size: 1em;
          color: #626262;
  	}
  	div#footer ul li.first {
  		padding-left: 20px;
  	}
  	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;
  		z-index:1000;
  		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/CDT53/onglet-destination-sousmenus-hover.gif);
			}
/*--------------------
   R�ésultats de recherche Cuisine Gastronomique
 ---------------------*/ 
 
 		div#cuisine-gastronomique h2{
  			display: block;
  			margin: 1px 0px 10px 0px; padding: 0px;
  			font-size: 1.4em;
  			color: #00922E;		
		}
		div#cuisine-gastronomique div.resultats{
			margin: 10px 0px; padding: 0px; 
			clear: both;
		}
		div#cuisine-gastronomique div.resultats img.res-left{
		float: left;
		margin: 0px; padding: 0px;
		}
		div#cuisine-gastronomique div.resultats img.res-right{	
		float: right;		
		margin: 0px; padding: 0px;
		}		
		div#cuisine-gastronomique div.resultats div.res-left{
		float: left;	
		margin: 10px 0px 0px 0px; padding: 0px;
		}
		div#cuisine-gastronomique div.resultats div.res-left table{	
	 		color: #8D8D8D;
		}	
		div#cuisine-gastronomique div.resultats div.res-right{
		float: none;
		margin: 10px 0px 20px 0px; padding: 0px;

		}
		
		div#cuisine-gastronomique div.resultats div.res-right table{	
	 		color: #8D8D8D;
			font-size: 0.9em;
		}	
		
		div#cuisine-gastronomique div.resultats div.res-right table th.bd, div#cuisine-gastronomique div.resultats div.res-right table td.bd{	
			border-right: 1px dotted #8D8D8D;
			padding: 0px 5px;
		}
		div#cuisine-gastronomique div.resultats div.res-right table th{
		vertical-align: bottom;
		margin-bottom: 0;
		}		
		div#cuisine-gastronomique div.resultats div.res-right table td{
		vertical-align: top;
		margin-top: 0;		
		}
		div#cuisine-gastronomique div.resultats div.res-left table th.bd, div#cuisine-gastronomique div.resultats div.res-left table td.bd{	
			border-right: 1px dotted #8D8D8D;
			padding: 0px 5px;
		}
		div#cuisine-gastronomique div.resultats div.res-left table td{
		vertical-align: top;
		}		
		div#cuisine-gastronomique div.resultats div.res-left p.right{
		text-align: right;
		}		
				
		div#cuisine-gastronomique div.resultats div.res-right img.res-left{
		margin: 5px 15px 0px 0px; padding: 0px;
		}		
		div#cuisine-gastronomique div.resultats div.res-left img.res-right{
		margin: 5px 0px 0px 15px; padding: 0px;
		}
		
		div#cuisine-gastronomique div.resultats div.res-right span.entete, div#cuisine-gastronomique div.resultats div.res span.entete, div#cuisine-gastronomique div.resultats div.res-left span.entete{
			font-size: 1.3em; font-weight: bold;
			color: #E36713;
			margin: 0px 0px 5px 0px;padding: 0px;
	  		}
		div#cuisine-gastronomique div.resultats div.res-right p, div#cuisine-gastronomique div.resultats div.res p, div#cuisine-gastronomique div.resultats div.res-left p{
			font-size: 1em;
			color: #898A87;
			margin: 0px 0px 5px 0px; padding: 0px;
	  		}
	  		

	  		div#cuisine-gastronomique div.resultats div.resultat-categories {
	  			float: left;
	  			margin: 0; padding: 0px 10px 0px 10px;
	  			width: 120px;
	  			color: #8D8D8D;
	  			border-right: 1px dotted #8D8D8D;
	  		}


		div#cuisine-gastronomique ul{
		clear: both;
		margin:0px; padding: 0px;
		}
		
		div#cuisine-gastronomique div.liens ul{
		clear: both;
		margin:0px; padding: 0px;
		}		

	 	 div#cuisine-gastronomique div.liens ul li {
	 		margin: 0; padding: 0px 0px 10px 0px;
	 		font-size: 0.9em;
	 		color: #4E4E4E;
	 		list-style: none;
	 	 }
	 	div#cuisine-gastronomique div.liens ul li a:link, div.liens ul li a:visited {
			text-decoration: none;
		}
		div#cuisine-gastronomique div.liens ul li a:hover { color: #E36713; }
		div#cuisine-gastronomique div.liens ul li b {
	 		color: #00922E;
		}
		 div#cuisine-gastronomique div.liens ul li a:hover b { color: #E36713; }
	 	div#cuisine-gastronomique div.liens ul li span.lnk {
	 		color: #8D8D8D;
	 	 }
	 	div#cuisine-gastronomique div.liens ul li span.lnk a:link, div#cuisine-gastronomique div.liens ul li span.lnk a:visited {
	 		color: #8D8D8D;
	 	 }
		div#cuisine-gastronomique div.liens ul li span.lnk a:hover {
	 		color: #E36713;
	 	 }
	 	div#cuisine-gastronomique div.resultats div.res-right span.lnk,  div#cuisine-gastronomique div.resultatsdiv.res-left span.lnk{
	 		color: #8D8D8D;
	 	 }
	 	div#cuisine-gastronomique div.resultats div.res-right  span.lnk a:link, div#cuisine-gastronomique div.resultats div.res-right  span.lnk a:visited,
		div#cuisine-gastronomique div.resultats div.res-left  span.lnk a:link, div#cuisine-gastronomique div.resultats div.res-left  span.lnk a:visited,
		div#cuisine-gastronomique div.resultats div.res span.lnk a:link, div#cuisine-gastronomique div.resultats div.res span.lnk a:visited		{
	 		color: #8D8D8D;
	 		text-decoration: none;
	 	 }
		div#cuisine-gastronomique div.resultats div.res-right span.lnk a:hover,
		 div#cuisine-gastronomique div.resultats div.res-left span.lnk a:hover,
		  div#cuisine-gastronomique div.resultats div.res span.lnk a:hover{
	 		color: #E36713;
	 		text-decoration: none;
	 	 }


  		/*--------------------
		   partie centrale (Elément de bas de page de résultats de recherche)
		 ---------------------*/ 		  
		 div#bas-resultats {
				clear: both;
				margin: 0 auto; padding:0px;
		 }
  		div#bas-resultats p {
  			float: right;
			margin: 15px 0px; padding: 0px;
  		}			
		div#bas-resultats p a:link, div#bas-resultats  p a:visited {
			color: #8D8D8D;
			text-decoration: none;
		}
		div#bas-resultats p a:hover {
			color: #E36713;
		}
  		div#bas-resultats h2 {
  			display: block;
  			margin: 15px 0px 20px 0px; padding: 0px;
  			font-size: 1.4em;
  			color: #00922E;
  		}
		 	div#plus-resultats {
		 		float: left;
  				margin: 5px 0px 0px 0px; padding: 0;
  			}
  			div#liste-resultats  {
				float: right;
				width: 70%;
  				margin: 5px 0px 0px 0px; padding: 0;
  			}
  			div#liste-resultats  ul {
  				margin: 0; padding: 0;
  			}
  			div#liste-resultats  ul li {
  				margin: 0; padding: 0;
				list-style: none;	
				background-image: none;
  			}
	 	 	div#liste-resultats ul li a:link, div#liste-resultats ul li a:visited {
	 			text-decoration: none;
	 	 	}div#liste-resultats ul li a:hover { color: #E36713; }
	 	 	
	 	 div#liste-resultats ul li b {
	 		color: #00922E;
	 	 }div#liste-resultats ul li a:hover b { color: #E36713; }
	 	 div#liste-resultats ul li span.lnk {
	 		color: #8D8D8D;
	 	 }
	 	 div#liste-resultats ul li span.lnk a:link, div#liste-resultats ul li span.lnk a:visited {
	 		color: #8D8D8D;
	 	 }
	 	 div#liste-resultats ul li span.lnk a:hover {
	 		color: #E36713;
	 	 }
		 
  		/*--------------------
		   partie centrale (Elément de bas de page Services)
		 ---------------------*/
		 div#services{
			 clear: both;
			 margin: 10px 0px; padding: 10px;
			 width: 480px; 
			 background: #C4DC7E;
			 color: #53534b;
		 }
		div#services div#prestations{
			 float: left;
			 margin: 0; padding:0px;
			 width: 100%;
		 }
  		div#services div#prestations h3 {
  			display: block;
  			margin: 0; padding: 10px 10px 5px 10px;
  			font-size: 1.2em;
  			color: #00922E;
  		}
		div#services div#prestations ul {
			margin: 0px 10px 10px 10px; padding: 0;
			list-style: none;
			background-image: none;			
		 }	
		 
		 div#services div#prestations ul li{
			margin: 0; padding: 0;
			list-style: none;
			background-image: none;			
		 }	
		div#services div#prestations ul li span{
		 font-weight: bold;
		 }
		 div#services div#equipements{
			 float: left;
			 margin: 0 ; padding:10px;
			 width: 100%;			 
		 }
  		div#services div#equipements h3 {
  			display: block;
  			margin: 0; padding: 10px 0px 5px 0px;
  			font-size: 1.2em;
  			color: #00922E;
  		}
  		div#services div#equipements p {
  			margin: 0; padding: 10px 0px 0px 0px;
  		}
		 div#services div#equipements ul {
			margin: 0px 0px 10px 0px; padding: 0;
			list-style: none;
			background-image: none;			
		 }		
		 div#services div#equipements ul li{
			margin: 0; padding: 0;
			list-style: none;
			background-image: none;			
		 }
		 
		
		div#services div#capacites{
			 float : left;
			 margin: 0 ; padding:10px;
			 width: 40%;			 
		 }
  		div#services div#capacites h3 {
  			display: block;
  			margin: 0; padding: 10px 0px 5px 0px;
  			font-size: 1.2em;
  			color: #00922E;
  		}
  		div#services div#capacites p {
  			margin: 0; padding: 10px 0px 0px 0px;
  		}
		
		div#services div#capacites ul {
			margin: 0px 0px 10px 0px; padding: 0;
			list-style: none;
			background-image: none;			
		 }		
		
		div#services div#capacites ul li{
			margin: 0; padding: 0;
			list-style: none;
			background-image: none;			
		 }
		 
		div#services div#tarifs{
			 float: left;
			 margin: 0 ; padding:10px;
			 width: 40%;			 
		 }
  		div#services div#tarifs h3 {
  			display: block;
  			margin: 0; padding: 10px 0px 5px 0px;
  			font-size: 1.2em;
  			color: #00922E;
  		}
  		
  		div#services div#tarifs p {
  			margin: 0; padding: 10px 0px 0px 0px;
  		}
		
		div#services div#tarifs ul {
			margin: 0px 0px 10px 0px; padding: 0;
			list-style: none;
			background-image: none;			
		 }		
		
		div#services div#tarifs ul li{
			margin: 0; padding: 0;
			list-style: none;
			background-image: none;			
		 }
		 
		 
		div#services div#paiements{
			 float: left;
			 margin: 0 ; padding:10px;
			 width: 40%;			 
		 }
  		div#services div#paiements h3 {
  			display: block;
  			margin: 0; padding: 10px 0px 5px 0px;
  			font-size: 1.2em;
  			color: #00922E;
  		}
  		div#services div#paiements p {
  			margin: 0; padding: 10px 0px 0px 0px;
  		}
		 div#services div#paiements ul {
			margin: 0px 0px 10px 0px; padding: 0;
			list-style: none;
			background-image: none;			
		 }		
		 div#services div#paiements ul li{
			margin: 0; padding: 0;
			list-style: none;
			background-image: none;			
		 }
		 
		 
		div#services img.infos-1{
		float: left;
		margin: 5px 0px 10px 5px; padding: 0px;
		}
		
		div#services div.infos-2{
		float: left;
		margin: 5px 0px 0px 0px; padding: 10px 10px;
		background: #ffffff;
		width:42%;
		}
		 div#services div.infos-2 p{
			color: #8D8D8D;
			margin: 0px; padding: 0px;
			
		}		
		div#services div.infos-3{
		float: left;
		margin: 5px 0px 0px 10px; padding: 10px 10px;
		background: #ffffff;
		width:42%;
		}
		div#services div.infos-3 p{
			color: #8D8D8D;
			margin: 0px; padding: 0px;
		}

  		/*--------------------
		   partie centrale (Elément de bas de page Dates)
		 ---------------------*/	
		 div#dates_ouvertures{
			 clear: both;
			 margin: 10px 0px; padding:10px;
			 width: 480px;
			 border-width: 1px ; border-style: dotted ; border-color:  #8D8D8D;
		 }
		div#dates_ouvertures h3 {
  			display: block;
  			margin: 0; padding: 15px 0px 5px 0px;
  			font-size: 1.2em;
  			color: #00922E;
  		}
		div#dates_ouvertures p {
  			display: block;
  			margin: 0; padding: 0px 0px 10px 0px;
  			font-size: 1.1em;
			color: #898A87;
  		}div#dates_ouvertures p  span { font-weight: bold; }
		div#dates_ouvertures div.ligne{
			clear: both;
			margin: 20px 10px 20px 0px; padding: 0px; 
		}	
		div#dates_ouvertures div.ligne h2{
  			display: block;
  			margin: 10px 0px 5px 0px; padding: 0;
  			font-size: 1.2em;
  			color: #00922E;
		 }
		div#dates_ouvertures div.ligne div.pages{
			float: right;
			margin: 0px; padding: 0px;
		}
		
  		/*--------------------
		   partie centrale (Elément de bas de page Plaisir)
		 ---------------------*/
		div.ligne{
			clear: both;
			margin: 0px; padding: 0px; 
		}
		div.ligne h2{
			margin: 0px; padding: 0px; 
			font-size: 1.2em;
			color: #00922E;		
		}
		div.ligne h2.specialecuisine{
			margin: 0px; padding: 0px; 
			font-size: 1.8em;
			color: #00922E;		
		}
		div.ligne div.jours, div.ligne div.pages {
		 		clear: both;
		 		display: block;
				margin: 0px; padding:  0px;
				font-size: 1em;
				text-align: right;
			    }
		div.ligne div.jours p{
			color: #8D8D8D;		
		}
		div.ligne div.jours p, div.ligne div.pages p{
				display: inline;
				margin: 0px; padding: 0;
				color: #8D8D8D;
			 	}
		div.ligne	div.jours ul, div.ligne div.pages ul{
				margin: 0; padding: 0;
				display: inline;
				}
		div.ligne	div.jours ul li, div.ligne div.pages  ul li{
				margin: 0; padding: 0;
				display: inline;
				color: #02572D;
				}
		div.jours ul li, div.pages  ul li.current{
				margin: 0; padding: 0;
				display: inline;
				color: #8D8D8D;
				font-weight: bold;
				}				
		div.ligne	div.jours ul li, div.ligne div.pages  ul li.current{
				margin: 0; padding: 0;
				display: inline;
				color: #8D8D8D;
				font-weight: bold;
				}				
		div.ligne div.pages  ul li.current{		
			font-weight: bold;
			color: #8D8D8D;
			}
		div.ligne div.jours ul li.aujourdhui{
				margin: 0; padding: 0;
				display: inline;
			color: #898A87;
				}
		div.ligne div.jours ul li a:link, div.jours ul li a:visited, div.ligne div.pages ul li a:link, div.pages ul li a:visited{
				color: #02572D;
				text-decoration: none;
				}
		div.ligne	div.jours ul li a:hover, div.ligne div.pages ul li a:hover {
				color: #E36713;
				}

		div.envies{
			clear: both;
			margin: 10px 0px; padding: 0px; 
		}
		div.envies img.res-left{
		float: left;
		margin: 5px 0px; padding: 0px;
		}
		div.envies img.res-right{	
		float: right;		
		margin: 5px 0px; padding: 0px;
		}		
		div.envies div.res-left{
		float: none;	
		margin: 10px 0px; padding: 0px;
		}
		div.envies div.res{
		float: none;		
		margin: 5px 0px; padding: 0px;
		}
		div.envies div.res-right{
		float: right;
		margin: 10px 0px; padding: 0px;
		}
		div.envies div.res-right img.res-left{
		margin: 0px 10px 0px 0px; padding: 0px;
		}		
		div.envies div.res-left img.res-right{
		margin: 0px 0px 0px 10px; padding: 0px;
		}
		
		div.envies  div.res-right p.entete, div.envies div.res p.entete, div.envies div.res-left p.entete{
			font-size: 1.4em; font-weight: bold;
			color: #E36713;
			margin: 0px 0px 5px 0px;padding: 0px;
	  		}
		div.envies div.res-right p, div.envies div.res p, div.envies div.res-left p{
			font-size: 1em;
			color: #898A87;
			margin: 0px 0px 5px 0px; padding: 0px;
	  		}


  		/*--------------------
		   partie centrale (Elément de bas de page Actualités)
		 ---------------------*/
		div.actualites, div.resultats{
			margin: 10px 0px; padding: 0px; 
			clear: both;
		}
		div.actualites img.res-left, div.resultats img.res-left{
		float: left;
		margin: 10px; padding: 0px;
		}
		div.actualites img.res-right, div.resultats img.res-right{	
		float: right;		
		margin: 10px; padding: 0px;
		}		
		 div.actualites div.res-left, div.resultats  div.res-left{
		float: left;	
		margin: 10px 0px; padding: 0px;
		}
		div.actualites div.res, div.resultats div.res{
		float: left;		
		margin: 10px 0px; padding: 0px;
		}
		div.actualites div.res-right, div.resultats div.res-right{
		float: none;
		margin: 10px 0px; padding: 0px;
		}
		div.actualites div.res-right img.res-left, div.resultats div.res-right img.res-left{
		margin: 10px 10px 10px 0px; padding: 0px;
		}		
		div.actualites div.res-left img.res-right, div.resultats div.res-right img.res-right{
		margin: 10px 0px 10px 10px; padding: 0px;
		}
		
		div.actualites div.res-right p.entete, div.actualites div.res p.entete, div.actualites div.res-left p.entete, div.resultats div.res-right p.entete, div.resultats div.res p.entete, div.resultats div.res-left p.entete {
			font-size: 1.4em; font-weight: bold;
			color: #E36713;
			margin: 10px 0px 10px 0px;padding: 0px;
	  	}
	  		
	  	div.actualites div.res-right p.surtitre, div.actualites div.res p.surtitre, div.actualites div.res-left p.surtitre, div.resultats div.res-right p.surtitre, div.resultats div.res p.surtitre, div.resultats div.res-left p.surtitre {
			font-size: 1em; font-weight: bold;
			color: #E36713;
			margin: 10px 0px 10px 0px;padding: 0px;
	  	}
	  		
		div.actualites div.res-right p,  div.actualites div.res p, div.actualites div.res-left p, div.resultats div.res-right p,  div.resultats div.res p, div.resultats div.res-left p{
			font-size: 1em;
			color: #898A87;
			margin: 10px 0px 10px 0px; padding: 0px;
	  	}			
			
			
			
		div#news ul{
		clear: both;
		margin:0px; padding: 0px;
		}
		
		div#news div.liens ul{
		clear: both;
		margin:0px; padding: 0px;
		}		

	 	 div#news div.liens ul li {
	 		margin: 0; padding: 0px 0px 10px 0px;
	 		font-size: 0.9em;
	 		color: #4E4E4E;
	 		list-style: none;
	 	 }
	 	div#news div.liens ul li a:link, div.liens ul li a:visited {
			text-decoration: none;
		}
		div#news div.liens ul li a:hover { color: #E36713; }
		div#news div.liens ul li b {
	 		color: #00922E;
		}
		 div#news div.liens ul li a:hover b { color: #E36713; }
	 	div#news div.liens ul li span.lnk {
	 		color: #8D8D8D;
	 	 }
	 	div#news div.liens ul li span.lnk a:link, div#news div.liens ul li span.lnk a:visited {
	 		color: #8D8D8D;
	 	 }
		div#news div.liens ul li span.lnk a:hover {
	 		color: #E36713;
	 	 }
	 	div.actualites div.res-right span.lnk,  div.actualites div.res-left span.lnk{
	 		color: #8D8D8D;
	 	 }
	div.actualites div.res-right  span.lnk a:link, div.actualites div.res-right  span.lnk a:visited,
	 div.actualites div.res-left  span.lnk a:link,  div.actualites div.res-left  span.lnk a:visited,
	 div.actualites div.res span.lnk a:link, div.actualites div.res span.lnk a:visited		{
	 		color: #8D8D8D;
	 	 }
		 div.actualites div.res-right span.lnk a:hover,
		div.actualites div.res-left span.lnk a:hover,
		div.actualites div.res span.lnk a:hover{
	 		color: #E36713;
	 	 }
		 
	div.resultats div.res-right  span.lnk a:link, div.resultats div.res-right  span.lnk a:visited,
	 div.resultats div.res-left  span.lnk a:link,  div.resultats div.res-left  span.lnk a:visited,
	 div.resultats div.res span.lnk a:link, div.resultats div.res span.lnk a:visited		{
	 		color: #8D8D8D;
	 	 }
		 div.resultats div.res-right span.lnk a:hover,
		div.resultats div.res-left span.lnk a:hover,
		div.resultats div.res span.lnk a:hover{
	 		color: #E36713;
	 	 }
  		/*--------------------
		   partie centrale (Elément de bas de page Noel & Week-end)
		 ---------------------*/
		div#illustration-noel  {
			margin: 10px 0px; padding: 5px;
			font-size: 1.1em;
			color: #898A87;
		}		 
		div#illustration-noel  p{
			margin: 0px 10px 0px 0px; padding: 5px;
			font-size: 1.1em;
			color: #898A87;
		}	
		div#paragraphe{
		clear: both;
		margin: 10p 0px; padding: 0px; 
		}
		
		a.plan {
 		margin: 0; padding: 0px 0px 0px 14px;
 		line-height: 1.4em;
 		font-size: 0.9em;
 		text-decoration : none;
 		color: #8D8D8D;
 		}
 		a.plan:hover {
 			color: #E36713;
 		}
 	
 		a.plan-accueil {
 		margin: 0; padding: 0px 0px 0px 14px;
 		line-height: 1.2em;
 		text-decoration : none;
 		font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.2em; font-weight: bold;
 		color: #00922E;
 		}
 	
		a{
			text-decoration:none;
 		}
		
		div#partie-centrale input.submit {
			margin: 0; padding: 5px;
  			width: 107px;
  			font-family: Times, "Times New Roman", serif; font-size: 1.2em; font-weight: bold;
  			color: #00922E;
  			background-color: #FFFFFF; background-image: url(../images/CDT53/btn-recherche-form.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  			border: none;
		}
		
/* JRO - 2008/04/24 - Intégration Synomia - RM-SYN-001 >>> Ajout des styles */		
div.synomia p {
	padding: 5px 0px 0px 0px ! important;
}

div.synomia div.coocElements {
}
	div.synomia div.coocElements ul {
		list-style-type: none ! important;
		margin: 5px 0px 0px 30px ! important;
	}

	div.synomia div.coocElements ul li {
		font-size: 0.8em ! important;
		float: left;
		border: 0px ! important;
		width: 220px;
		padding: 0px 0px 5px 20px ! important;
	}

	div.synomia div.pagination {
		padding: 2px 0px 0px 0px;
		font-size: 0.9em;
		float: right;
	}
	
		div.synomia div.pagination a,
		div.synomia div.pagination a:link,
		div.synomia div.pagination a:visited {
			margin: 0px 0px 0px 15px;
		}
	
	div.synomia div.liensTri {
		font-size: 0.9em;
		margin: 10px 0px 35px 0px;		
	}
	
		div.synomia div.liensTri div.liensGauche {
			float: left;
		}
		div.synomia div.liensTri div.liensDroite {
			float: right;
		}
	
	div.synomia div.results {
		margin: 10px 0px 0px 0px ! important;
		_margin: 25px 0px 0px 0px ! important;
		padding: 5px 0px 0px 0px ! important;
		border-top: 1px solid #0088ab;
	}
	
		div.synomia div.results ul {
			/*
			height: 300px;
			overflow: auto;
			*/
			border-top: 1px solid #0088ab;
		}
		div.synomia div.results ul li {
			color: #4d4d4d;
			font-weight: bold;
		}
		
		div.synomia div.results ul li p {
			font-weight: normal;
/* JRO - 2008/04/24 - Intégration Synomia - RM-SYN-001 <<< */