body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/page_base/fond_body_gris.gif);
	background-repeat: repeat-x;
	background-color: #eff0f1;
}
.bd_orange {
	background-image: url(images/page_base/fond_body_orange2.gif);
	background-repeat: repeat-x;
	background-color: #fbead0;
}
.bd_bleu {
	background-image: url(images/page_base/fond_body_bleu.gif);
	background-repeat: repeat-x;
	background-color: #cdeefc;
}

.bd_vert {
	background-image: url(images/page_base/fond_body_vert.gif);
	background-repeat: repeat-x;
	background-color: #DBE5B8;
}
.bd_rose {
	background-image: url(images/page_base/fond_body_rose.gif);
	background-repeat: repeat-x;
	background-color: #FFDBEE;
}
.bd_rouge {
	background-image: url(images/page_base/fond_body_rouge.gif);
	background-repeat: repeat-x;
	background-color: #FCECEF;
}

#tetiere {
	background-color: #FFFFFF;
	height: 251px;
	margin: 0px;
	padding: 0px;
}
#itineraire {
	height: 36px;
	width: 122px;
	position: absolute;
	left: 24px;
	top: 131px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
}

	
#itineraire a {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #283CBF;
	font-size: 16px;
	line-height: 20px;
	display: block;
	background-position: center center;
}

#itineraire a:hover {
	color: #B9D1ED;
}

#sport #tetiere {
	background-image: url(images/tetiere/tetiere8.jpg);
}

#accueil #tetiere {
	background-image: url(images/tetiere/tetiere04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#prestation #tetiere {
	background-image: url(images/tetiere/tetiere03.jpg);
}

#restaurant #tetiere {
	background-image: url(images/tetiere/tetiere04.jpg);
}
#handicap #tetiere {
	background-image: url(images/tetiere/tetiere05.jpg);
}

#tetiere #logis {
	position: absolute;
	left: 344px;
	top: 13px;
	width: 129px;
	height: 45px;
}

#contact a{
	color: #FFFFFF;
	font-size: 20px;
}

#contact a:hover{
	color: #FFCC00;
	letter-spacing: 0.1em;
}

#contact {
	position: relative;
	top: -5px;
	left: 654px;
	width: 112px;
	height: 20px;
	text-align: right;
}
.contact {
	background-image: url(images/menu/logo-contact.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
}




#menu {
	position:absolute;
	left: 50%;
	width: 776px;
	margin-left: -388px; /* moitié de la largeur */
	padding: 0px;
	top: 220px;
	z-index: 20;
	height: 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#menu a {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 32px;
	display: block;
}

#menu a:hover {
	color: #0101D4;
}
#menu a.sport {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 32px;
	display: block;
	background-image: url(images/menu/sport.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#menu a.sport:hover {
	color: #FFFFFF;
}

#menu a.jeux {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 32px;
	display: block;
	background-image: url(images/menu/jeux.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#menu a.jeux:hover {
	color: #FFFFFF;
}

#menu a.bienetre {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 32px;
	display: block;
	/*background-image: url(images/menu/loisirs.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(images/menu/bienetre.gif);
}

#menu a.bienetre:hover {
	color: #FFFFFF;
}

#menu a.culture {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 32px;
	display: block;
	/*background-image: url(images/menu/loisirs.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(images/menu/culture.gif);
}

#menu a.culture:hover {
	color: #FFFFFF;
}

#menu a.jeunesse {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 32px;
	display: block;
	background-image: url(images/menu/jeunesse.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#menu a.jeunesse:hover {
	color: #FFFFFF;
}


#menu a.adresses {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 32px;
	display: block;
	background-image: url(images/menu/adresses.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#menu a.adresses:hover {
	color: #FFFFFF;
}
#menu a.itineraire {
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	font-size: 14px;
	line-height: 20px;
	display: block;
	font-weight: bold;
	color: #1E4BC0;
	margin-top: 1px;
	padding-right: 0px;
	padding-left: 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}

#menu a.itineraire:hover {
	color: #B9D1ED;
}


#sousmenu1, #sousmenu2, #sousmenu3, #sousmenu4, #sousmenu5, #sousmenu6, #sousmenu7, #sousmenu8 {
	display: none;
	position: absolute;
	width: 188px;
	top: 32px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0099FF;
	border-right-color: #0099FF;
	border-bottom-color: #0099FF;
	border-left-color: #0099FF;
	border-top-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	background-color: #FFFFFF;
}

#sousmenu1 {
	width: 240px;
}
#sousmenu2 {
	width: 200px;
}
#sousmenu3 {
	width: 155px;
}
#sousmenu4 {
	width: 220px;
}
#sousmenu5 {width: 202px;}


#sousmenu6, #sousmenu7, #sousmenu8 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #666666;	
}

#sousmenu6 {
	left: 190px;
	top: 0px;
}

#sousmenu7 {
	left: 190px;
	top: 7px;
}

#sousmenu8 {
	left: 160px;
	top: 17px;
	width: 100px;
}


#sousmenu1 p, #sousmenu2 p, #sousmenu3 p, #sousmenu4 p, #sousmenu5 p {
	margin: 0px;
	padding: 0px;
}

#sousmenu1 a, #sousmenu2 a, #sousmenu3 a, #sousmenu4 a, #sousmenu5 a, #sousmenu6 a, #sousmenu7 a, #sousmenu8 a {
	line-height: 24px;
	color: #666666;
	text-indent: 5px;
}

#sousmenu6 a, #sousmenu7 a, #sousmenu8 a {
	font-size: 16px;
}

#menu #sousmenu3 .surligne a, #menu #sousmenu1 .surligne a {
	background-image: url(images/menu/fleche_smenu.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
}





#sousmenu1 a:hover, #sousmenu2 a:hover, #sousmenu3 a:hover, #sousmenu4 a:hover, #sousmenu5 a:hover {
	color: #000000;
	background-color: #E6EEF8;
}




#conteneur {
	position:absolute;
	left: 50%;
	top: 0px;
	width: 776px;
	margin-left: -388px; /* moitié de la largeur */
	padding: 0px;
	z-index: 10;
}


#page {
	margin: 0px;
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 38px;
	padding-bottom: 0px;
	padding-left: 38px;
	background-color: #FFFFFF;
	text-align: justify;
}

#page1 {
	margin: 0px;
	background-image: url(images/page_base/fond_page_orange.gif);
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 38px;
	padding-bottom: 0px;
	padding-left: 38px;
	background-color: #FFFFFF;
}

#page .bleu {
	margin: 0px;
	background-image: url(images/page_base/fond_page_bleu.gif);
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 38px;
	padding-bottom: 0px;
	padding-left: 38px;
	background-color: #FFFFFF;
}

#page .vert {
	margin: 0px;
	background-image: url(images/page_base/fond_page_vert.gif);
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 38px;
	padding-bottom: 0px;
	padding-left: 38px;
	background-color: #FFFFFF;
}

#page .rose {
	margin: 0px;
	background-image: url(images/page_base/fond_page_rose.gif);
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 38px;
	padding-bottom: 0px;
	padding-left: 38px;
	background-color: #FFFFFF;
}

#bas_conteneur {
	background-image: url(images/page_base/bas_conteneur_gris.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 80px;
	width: 776px;
}
#bas_conteneur p {
	margin: 0px;
	padding: 0px;
}
.inter_1 {
	font-size: 30px;
}


#bas_page #bas_conteneur a {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

#bas_page #down p {
	color: #333333;
	line-height: 20px;
}
#bas_page #down a {
	color: #333333;
}



#bas_page #down a:hover {
	color: #333333;
	text-decoration: none;
}


#page #carte_resto {
	background-color: FEFDF5;
	width: 650px;
	margin-left: 25px;
	border: 2px solid #666666;
}

#page * {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

#page p, #page li {
	font-size: 13px;
	line-height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#page .petit {
	font-size: 11px;
	color: #333333;
}


#page h1 {
	font-weight: bold;
	color: #666666;
	letter-spacing: 0.1em;
	font-style: italic;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#page h2 {
	font-weight: normal;
	color: #78A5DE;
	letter-spacing: 0.1em;
	font-style: italic;
	font-size: 26px;
}

#page h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
	color: #0000FF;
	font-style: italic;
	font-size: 14px;
	text-decoration: underline;
}

#page h4 {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}

#page h5 {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: left;
	font-size: 16px;
}

#page h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 16px;
	
}
#page a {
	color: #666666;
}
#page a:hover {
	text-decoration: none;
}


.bordure {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
}

.intro {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: italic;
	color: #000000;
}
#en_cours {
	width: 250px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	background-color: #F7FAFD;
	border: 1px solid #0099FF;
}

#trois_logos {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	left: 36px;
	top: 685px;
	height: 70px;
	width: 273px;
}
#logos_logis {
	background-image: url(images/tetiere/3_logos.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 68px;
	width: 252px;
	left: 495px;
	top: 1619px;
}

#down a {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 10px;
}

#down a:hover {
	text-decoration: none;
}

#down p {
	
	margin: 0px;
	padding: 0px;
	color: #0000CC;
	font-size: 12px;
}
#assos {
	height: 100px;
	width: 350px;
	overflow: auto;
	border: 1px solid #CCCCCC;
}
#page a img {
	border: 2px solid #FFF;
}
#page a img.sans_bordure {
	border: none;
}
#page a:hover img {
	border-color: #CCCCCC;
}
.plus_petit {
	font-size: 12px;
}


#prestation #conteneur #page ul {
	color: #330099;
	text-indent: 20px;
}
#page .retour_hp a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000FF;
	text-decoration: none;
}

#page .retour_hp a:hover{
	text-decoration: underline;
}
#page table {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}

#tarif #conteneur #page .price em {
	font-size: 11px;
}
#carte_resto #route_coquillages {
	width: 76px;
	position: absolute;
	left: 105px;
	top: 848px;
	height: 84px;
}
#tarif #conteneur #page #tarifs_seminaires {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
}