* {
	margin : 0;
	padding : 0;
}
body {
	background : #6cc url('images/body.jpg') no-repeat center 0;
	font : 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align : center;
}
img {
	border : 0;
}
#page {
	position : relative;
	text-align : left;
	width : 950px;
	margin : 0 auto;
}
#francais, #english {
	width : 20px;
	height : 15px;
	display : block;
	text-indent : -9999px;
	overflow: hidden;
	position : absolute;
	top : 5px;
}
#francais {
	background : url('images/spriteflag.jpg') no-repeat;
	right : 35px;
}
#english {
	background : url('images/spriteflag.jpg') 0 -15px no-repeat;
	right : 5px;
}
/* HEADER */
#header {
	height : 169px;
	background : url('images/spritepage.jpg') no-repeat;
}
h1 {
	position : relative;
	background : url('images/h1.gif') 0px 30px no-repeat;
	text-indent : -9999px;
	margin-left : 380px;
	width : 466px;
	height : 142px;
}
h1 .et1 , h1 .et2 {
	background : url('images/etoile.jpg') no-repeat;
	display : block;
	text-indent : -9999px;
	width : 15px;
	height : 14px;
	position : absolute;
}
h1 .et1{
	bottom : 80px;
	right : 0;
}
h1 .et2 {
	bottom : 82px;
	right : -20px;
}
/******************/
#wrapper {
	background : url('images/content.jpg') repeat-y center;
	padding-left : 20px;
}
/* MENU */
#menu {
	float : left;
	list-style : none;
}
#menu li, #menu a:link, #menu a:visited {
	width : 110px;
	height : 110px;
}
#menu a:link, #menu a:visited {
	display : block;
	text-indent : -9999px;
	overflow: hidden;
}
#btn_accueil:link, #btn_accueil:visited { background : url('images/menu/accueil.png'); }
#btn_locations:link, #btn_locations:visited { background : url('images/menu/locations.png'); }
#btn_activites:link, #btn_activites:visited { background : url('images/menu/activites.png'); }
#btn_tarifs:link, #btn_tarifs:visited { background : url('images/menu/tarifs.png'); }
#btn_acces:link, #btn_acces:visited { background : url('images/menu/acces.png'); }
#btn_contact:link, #btn_contact:visited { background : url('images/menu/contact.png'); }
#menu a:hover, #menu a:active { background-position : 0px 105px; }
#menu .now { background-position : 0px 105px; }
/****************/
/* CONTENT */
#content {
	float : left;
	margin-left : 60px;
	width : 760px;
}
h2 {
	border-bottom : 3px solid #fcdc8e;
	text-indent : -9999px;
	margin-bottom : 380px;
	height : 45px;
}
#accueil    	  { background : url('images/titre/accueil.jpg')       no-repeat; }
#locations  	  { background : url('images/titre/locations.jpg')     no-repeat; }
#activites  	  { background : url('images/titre/activites.jpg')     no-repeat; }
#tarifs	   	  { background : url('images/titre/tarifs.jpg')        no-repeat; }
#acces	   	  { background : url('images/titre/acces.jpg')         no-repeat; }
#contact    	  { background : url('images/titre/contact.jpg')       no-repeat; }
#mentions		  { background : url('images/titre/mentions.jpg')      no-repeat; }
#accessibilite   { background : url('images/titre/accessibilite.jpg') no-repeat; }
#content h3 {
	color : #05527F;
	font-size : 13pt;
	margin : 10px 0;
}
#content a:link, #content a:visited, #content a:hover, #content a:active { color : black; }
#content p {
	text-align : justify;
	margin : 20px 20px 20px 0;
}
#content .center { text-align : center; }
#content .ul_activites li {
	text-align : justify;
	margin : 10px 20px 10px 0;
}
#content ul {
	text-align : justify;
	list-style : none;
	margin : 20px 0;
}
#content ul li {
	margin : 5px 0;
	position : relative;
}
#content .prix {	
	position : absolute;
	right : 50px;
}
form fieldset {
	border : 0;
}
form fieldset ul li input, form fieldset ul li select {
	position : absolute;
	left : 100px;
}
form fieldset ul li span {
	position : absolute;
	left : 320px;
}
iframe {
	width : 760px;
	height : 320px;
	border : 0;
	top : 250px;
	right : 0;
	position :absolute;
	z-index : 200;
}
/*********************/
/* FOOTER */
#footer {
	background : url('images/spritepage.jpg') 0 -169px no-repeat;
	position : relative;
	height : 136px;
	list-style : none;
	text-align : center;
}
#footer a {
	text-indent : -9999px;
	overflow: hidden;
	position : absolute;
	display : block;
}
#btn_mentions, #btn_accessibilite {
	bottom : 25px;
}
#btn_rhuys, #btn_morbihan {
	bottom : 10px;
}
#btn_mentions {
	background : url('images/footer/mentions.jpg') no-repeat;
	left : 355px;
	width : 111px;
	height : 17px;
}
#btn_accessibilite {
	background : url('images/footer/accessiblite.jpg') no-repeat;
	left : 530px;
	width : 84px;
	height : 18px;
}
#btn_rhuys {
	background : url('images/logo/presqu_ile_de_rhuys.jpg') no-repeat;
	right : 105px;
	width : 79px;
	height : 54px;
}
#btn_morbihan {
	background : url('images/logo/morbihan.jpg') no-repeat;
	right : 30px;
	width : 65px;
	height : 46px;
}
/*******************/
/* GALERIE */
#galerie {
	top : 250px;
	right : 0;
	background : black;
	position :absolute;
	width : 780px;
	height : 320px;
	color : white;
}
#galerie .chargement {
	background : url('images/chargement.gif') center center no-repeat;
	color : black;
	text-indent : -9999px;
	margin : 0;
	padding : 0;
}
#bord {
	background : url('images/galerie/cache_photo.png');
	width : 66px;
	height : 320px;
	position : absolute;
	top : 0;
	left : 0;
	z-index : 100;
}
#imgcomm {
	z-index : 100;
	position : absolute;
	bottom : 30px;
	right : -5px;
	background : url('images/galerie/imglist.png');
}
#imgview img {
	color : black;
}
#imglist {
	background : url('images/galerie/imglist.png');
	position : absolute;
	padding-right : 10px;
	width : 770px;
	text-align : right;
	bottom : 0;
	right : 0;
	height : 40px;
	padding-top : 5px;
}
#imglist a {
	margin : 0 5px;
}
.play  { background : url('images/galerie/pause.gif'); }
.pause { background : url('images/galerie/play.gif'); }
#imgctrl #imgplay, #imgctrl #imgprev, #imgctrl #imgnext, #imgpaginator #imgpageprev, #imgpaginator #imgpagenext {
	z-index : 10;
	position : absolute;
	bottom : 5px;
	width : 35px;
	height : 35px;
	text-indent : -9999px;
	overflow: hidden;
}
#imgctrl #imgplay { left : 150px; }
#imgctrl #imgprev {
	left : 115px;
	background : url('images/galerie/precedent.gif');
}
#imgctrl #imgnext {
	left : 180px;
	background : url('images/galerie/suivant.gif');
}
#imgpaginator #imgpageprev {
	left : 80px;
	background : url('images/galerie/pageprecedent.gif');
}
#imgpaginator #imgpagenext {
	left : 210px;
	background : url('images/galerie/pagesuivant.gif');
}
/***********************/