/* Feuille de style du site ladune-arcachon.fr */

/* Balises XHTML */
body{
	font-size:12px;
	font-family:lucida,lucida sans,sans-serif;
	color:#333;
	background:#fff url(/images/fond_site.png) repeat-x;
	text-align:center;
	margin:0;
	padding:0;
}
a{
	color:#333;
}
img{
	border:0;
}
h1{
	font-size:20px;
}
h2{
	font-size:16px;
}
h3{
	font-size:12px;
}
h1,h2{
	margin-top:0;
	padding-top:0;
}

/* Formulaires */
fieldset{
	border:none;
	padding:0;
	margin:0;
}
fieldset legend{
	display:none;
}
fieldset p{
	clear:left;
	margin:0 0 5px 0;
}
fieldset label{
	display:block;
	float:left;
	width:240px;
}
.required{
	color:red;
	margin:0;
	display:inline;
}
fieldset ul{
	float:left;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
fieldset ul li{
	background:none;
	padding:0;
}
fieldset ul li label{
	float:none;
	width:auto;
}
input,textarea,select{
	border:1px solid #999;
	padding:2px;
}
input:focus,textarea:focus,select:focus{
	background-color:#ffc;
}

/* Conteneur de la page */
#page{
	width:992px;
	margin:0 auto 0 auto;
	padding:0 4px 0 4px;
	text-align:left;
	background:url(/images/fond_page.png) repeat-y;
}

/* Haut de page (logo + menu) */
#haut{
	background:#486ca1 url(/images/fond_entete.gif) repeat-x;
}
h1#logo{
	float:left;
	margin:10px 0 10px 20px;
	padding:0;
}
h1#logo a{
	display:block;
	width:233px;
	height:83px;
	line-height:120px;
	padding:0;
	margin:0;
	text-decoration:none;
	background:url(/images/logo.png) no-repeat;
}
h1#logo a:hover{
	background-image:url(/images/logo_roll.png);
}
h1#logo span{
	display:none;
}
p.contact{
	float:right;
	padding:0;
	margin:10px 20px 10px 0;
}
p.contact a{
	display:block;
	width:77px;
	height:54px;
	background:url(/images/contact.png) no-repeat;
}
p.contact a:hover{
	background-image:url(/images/contact_roll.png);
}
p.contact a span{
	display:none;
}
ul#menu{
	clear:left;
	list-style:none;
	margin:0;
	padding:0;
	height:30px;
	background-color:#314f7d;
}
ul#menu li{
	float:left;
}
ul#menu li a{
	position:relative;
	z-index:20;
	display:block;
	height:30px;
	line-height:30px;
	padding:0 18px 0 18px;
	text-decoration:none;
	color:#89b390;
	font-weight:bold;
}
ul#menu li a:hover{
	color:#fff;
}
ul#menu li.selected{
	background-color:#26426d;
}
ul#menu li a.selected{
	color:#fff;
}
#slider{
	position:absolute;
	left:50%;
	z-index:10;
	top:103px;
	width:100px;
	height:30px;
	background-color:#314f7d;
}

/* Contenu de la page */
#contenu{
	width:100%;
	float:left;
	background-color:#eaeaea;
	color:#333;
}
#contenu a{
	color:#333;
}
#contenu .visuel h1{
	width:670px;
	height:300px;
	padding:0;
	margin:0;
	background-repeat: no-repeat;
}
#contenu .visuel h1 span{
	position:relative;
	top:20px;
	left:20px;
	color:#fff;
	font-size:40px;
	font-weight:normal;
	letter-spacing:-3px;
}
#contenu ul{
	margin:0;
	padding:0 0 0 15px;
	list-style-image:url(/images/puce.gif);
}
#contenu ul li{
	line-height:20px;
}

/* Colonnes et  traits verticaux */
.colonne{
	float:left;
}
.colonne.un-tiers{
	width:330px;
}
.colonne.un-demi{
	width:495px;
}
.colonne.deux-tiers{
	width:659px;
}
.trait{
	background-color:#98a7be;
	height:100%;
	width:1px;
	float:left;
}
.separateur{
	clear:both;
}
.colonne.bordure{
	border-left:1px dotted #999;
}

/* Textes */
.texte{
	padding:30px;
}
.colonne.un-tiers.texte{
	width:270px!important;
}
.colonne.un-demi.texte{
	width:435px;
}
.colonne.deux-tiers.texte{
	width:599px;
}

/* Boutons */
#contenu a.bouton{
	background:url(/images/fleche_roll.gif) no-repeat right;
	padding-right:20px;
	text-decoration:none;
	font-weight:bold;
	color:#98a7be;
	display:block;
	height:56px;
	line-height:56px;
}
#contenu a.bouton:hover,
#accueil #contenu .colonne:hover a.bouton{
	background-image:url(/images/fleche.gif);
	color:#fff;
}

/* Bas de page */
#bas{
	overflow:auto;
	clear:both;
	padding:10px 20px 10px 20px;
	font-size:11px;
	background-color:#486ca1;
	color:#fff;
}
#bas a{
	color:#fff;
}
#bas address{
	float:left;
	font-style:normal;
	line-height:20px;
}
#bas ul.partenaires{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
#bas ul.partenaires li{
	float:left;
	line-height:53px;
	margin:0 0 0 10px;
}
#bas ul.partenaires li#bordeaux a{
	display:block;
	width:44px;
	height:53px;
	background:url(/images/logo_ville_bordeaux.gif) no-repeat;
}
#bas ul.partenaires li#bordeaux a span{
	display:none;
}
#bas ul.partenaires li#ircf a{
	text-decoration:none;
}
#bas ul.partenaires li#ircf a strong{
	font-style:italic;
}

/* Trait situé en dessous de la page (bordure du bas) */
#trait{
	margin:0 auto 0 auto;
	width:1000px;
	height:4px;
	background:url(/images/fond_page_bas.png) no-repeat;
}

/* Visuels sur les différentes pages */
#centre #contenu h1{
	background-image:url(/images/centre01.jpg);
}
#hebergement #contenu h1{
	background-image:url(/images/hebergement01.jpg);
}
#restauration #contenu h1{
	background-image:url(/images/restauration01.jpg);
}
#location_salles #contenu h1{
	background-image:url(/images/salle_reunion.jpg);
}
#activites #contenu h1{
	background-image:url(/images/activites.jpg);
}

/* Page d'accueil */
#accueil #contenu{
}
#accueil #contenu h1{
	position:absolute;
	margin:80px 0 0 160px;
	padding:0;
	z-index:35;
	background:url(/images/accroche.png) no-repeat;
	width:352px;
	height:85px;
}
#accueil #contenu h1 span{
	display:none;
}
#accueil .colonne{
	cursor:pointer;
	margin-left:0;
	width:33%;
}
#accueil .premiere.colonne{
	width:34%;
}
#accueil  .colonne img{
	position:relative;
	z-index:30;
	display:block;
	width:100%;
	height:300px;
}
#accueil .colonne div{
	position:relative;
	z-index:40;
	background-color:#314f7d;
	color:#fff;
	height:200px;
	margin:0;
	padding:20px;
	border-left:1px dotted #486ca1;
	border-right:1px dotted #486ca1;
}
#accueil .premiere.colonne div{
	border-left:none;
}
#accueil .deuxieme.colonne div{
	margin:0 -1px 0 -1px;
}
#accueil .troisieme.colonne div{
	border-right:none;
}
#accueil .colonne div h2{
	margin:0;
	padding:0;
}
#accueil .colonne div p{
	margin:0;
	padding:5px 0;
	height:100px;
}
#accueil .colonne div a{
	float:right;
}

/* Carte GoogleMaps (plan d'accès) */
#carte{
	width:100%;
	height:400px;
	margin:0 0 10px 0;
	border:1px solid #43679b;
}

/* Diaporamas */

.diaporama ul{
	position:relative;
	list-style:none!important;
	margin:0!important;
	padding:0!important;
	overflow:hidden;
}
.diaporama ul.photos{
	width:333px;
	height:300px;
}
.diaporama ul.photos li{
	position:absolute;
	margin-top:300px;
}
.diaporama ul.photos li.premier{
	margin-top:0;
}
.diaporama ul.vignettes{
	padding:20px 0 20px 20px!important;
}
.diaporama ul.vignettes li{
	float:left;
	margin:20px;
}
.diaporama ul.vignettes img{
	border:4px solid #43679b;
	cursor:pointer;
}
.diaporama ul.vignettes img:hover,
.diaporama ul.vignettes img.selected{
	border-color:#53a32a;
}

/* Tableaux */
table{
	width:99%;
	border-collapse:collapse;
	margin:0 0 20px 0;
}
th,td{
	padding:5px;
}
thead tr th{
	border-bottom:1px solid #ccc;
}
tbody th{
	width:50%;
	font-weight:normal;
}
tr.pair{
	background-color:#ddd;
}

/* Calendrier */
#calendar{
	width:240px;
	text-align:center;
	background-color:#fff;
	border:1px solid #999;
}
#calendar table{
	width:100%;
	margin:0;
}
#calendar th,
#calendar td{
	text-align:center;
	border:1px solid #999;
	padding:3px;
}
#calendar .highlight{
	cursor:pointer;
	background-color:#ccc;
	color:#fff;
}