/* Spadium - CSS Document - Screen */

* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	background-color:#FFFFFF;
}
body {
	text-align:center;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em <=> 10px */
	background-color:#FFFFFF;
	
}
img {
	border:0;
}
table, tr, th, td {
	border:1px solid #064D6B;
	border-collapse:collapse;
	padding:5px;
	color:#064D6B;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	margin:15px 0 0 0;
	color:#0076A9;
	clear:both;
}
h3 a {
	color:#0076A9;
	text-decoration:none;
}
h3 a:hover {
	color:#064D6B;
}
h4 {
	font-size:1.2em;
	margin:15px 0 15px 0;
	padding-bottom:2px;
	color:#064D6B;
	border-bottom:1px solid #00A9EC;
	clear:both;
}
h4 a {
	text-decoration:none;
}
#colonne-droite .content h4 a:hover {
	color:#0076A9;
}
p, li, th, td, legend, textarea, caption {
	font-size:1.1em;
}
caption {
	color:#064D6B;
}
option {
	margin:0 15px 0 0;
}
hr {
	display:none;
}
/* CLASSES */
.float-left {
	float:left;
	overflow:hidden;
	margin-left:0;
}
.float-right {
	float:right;
	overflow:hidden;
	margin-right:0;
}
.clear-both {
	clear:both;
}
.uppercase {
	text-transform:uppercase;
}
.telephone {
	padding-left:20px;
	background:transparent url("../img/icon-telephone.gif") no-repeat 0 0;
}
.fax {
	padding:0 0 3px 20px;
	background:transparent url("../img/icon-fax.gif") no-repeat 0 -1px;
}
.pdf {
	padding:1px 0 2px 20px;
	background:transparent url("../img/icon-pdf.gif") no-repeat 0 0;
}
.flash {
	padding:1px 0 2px 20px;
	background:transparent url("../img/icon-flash.gif") no-repeat 0 0;
}
.sitemap {
	padding:0 20px 6px 0;
	background:transparent url("../img/icon-sitemap.gif") no-repeat 100% -2px;
}
.adresse {
	padding:0 0 3px 20px;
	background:transparent url("../img/icon-house.gif") no-repeat 0 -1px;
}
.site-internet {
	padding:0 0 3px 20px;
	background:transparent url("../img/icon-world-link.gif") no-repeat 0 0;
}
.rubriques {
	padding:0 0 3px 20px;
	background:transparent url("../img/icon-folder-magnify.gif") no-repeat 0 -1px;
}
.actualites {
	padding:0 0 3px 20px;
	background:transparent url("../img/icon-calendar.gif") no-repeat 0 -1px;
}
.imprimer {
	padding:2px 20px 3px 0;
	background:transparent url("../img/icon-printer.gif") no-repeat 100% 0;
}
.horaire {
	padding:0 0 3px 20px;
	background:transparent url("../img/icon-time.gif") no-repeat 0 -1px;
}
.rond-bleu {
	padding:0 0 3px 13px;
	background:transparent url("../img/icon-bullet-blue.gif") no-repeat -4px 0;
}
.date {
	padding:0 0 3px 20px;
	background:transparent url("../img/icon-calendar-view-day.gif") no-repeat 0 0;
}
.carte {
	padding:0 0 3px 20px;
	background:transparent url("../img/icon-map-go.gif") no-repeat 0 0;
}
.retour-carte {
	padding:0 0 3px 0;
	background:transparent url("../img/icon-map.gif") no-repeat 94px 20px;
}
.retour-carte:hover {
	background-image:url("../img/icon-map-go.gif");
}
.suite {
	padding:0 20px 3px 0;
	background:transparent url("../img/icon-suite.png") no-repeat 100% 3px;
}
.retour {
	padding:0 0 3px 20px;
	background:transparent url("../img/icon-retour.png") no-repeat 0 3px;
}
.valide {
	padding:0 0 2px 20px;
	background:transparent url("../img/icon-tick.gif") no-repeat 0 0;
}
.erreur {
	padding:0 0 2px 20px;
	background:transparent url("../img/icon-cross.gif") no-repeat 0 0;
}
.aide {
	padding:0 0 2px 20px;
	background:transparent url("../img/icon-help.gif") no-repeat 0 0;
}
.modifier {
	padding:0 0 2px 20px;
	background:transparent url("../img/icon-pencil.gif") no-repeat 0 0;
}
.supprimer {
	padding:0 0 2px 20px;
	background:transparent url("../img/icon-delete.gif") no-repeat 0 0;
}
.information {
	padding:0 0 2px 20px;
	background:transparent url("../img/icon-information.gif") no-repeat 0 0;
}
.hr {
	height:4px;
	background:transparent url("../img/hr.png") repeat-x 0 0;
	margin:5px 0 10px 0;
}
.jaune {
	 color:#FFCC00;
}
.bleu-1 {
	color:#00AAEC;
}
.bleu-2 {
	color:#0076A9;
}
.bleu-3 {
	color:#064D6B;
}
.bleu-4 {
	color:#7DD0F4;
}
/* PAGE */
#page {
	position:relative;
	text-align:left;
	margin:0 auto;
	padding:0 5px 250px 5px;
	width:900px;
	min-height:100%; /* For Modern Browsers */
	height:auto !important; /* For Modern Browsers */
	height:100%; /* For IE */
	background:transparent url("../img/background-page.png") repeat-y 0 0;
}
.relative-footer #page {
	padding-bottom:0;
}
/* FOOTER */
#header {
	width:900px;
	height:265px;
	background:transparent url("../img/header.png") no-repeat 0 0;
}
.js #header {
	background:#0085BB none;
}
#header h1, h2 {
	display:none;
}
#header #logo-spadium {
	position:relative;
	top:5px;
	left:20px;
}
/* MENU PRINCIPAL */
#menu-principal {
	width:900px;
	height:42px;
	background:#0085BB url("../img/ombre-menu-principal.png") no-repeat 0 100%;
}
#menu-principal ul {
	width:900px;
	height:27px;
	padding-top:8px;
	background-color:#0085BB;
}
#menu-principal li {
	display:inline;
	font-size:1.7em;
	font-family:Trebushet MS, Arial, sans-serif;
	margin:0 10px 0 10px;
	padding-left:30px;
	background:transparent url("../img/icon-menu-principal.png") no-repeat 0 1px;
}
#menu-principal li a {
	color:#FFFFFF;
	text-decoration:none;
}
#menu-principal li a:hover {
	color:#FFCC00;
}
#menu-principal li a.selected {
	color:#FFCC00;
}
/* CONTENANT */
#contenant {
	overflow:hidden;
	width:auto;
	height:auto;
	padding:0 10px 0 10px;
}
/* COLONNE GAUCHE */
#colonne-gauche {
	width:325px;
	height:auto;
	float:left;
	overflow:hidden;
}
#colonne-gauche #navigation li {
	background-color:#0076AA;
	margin-bottom:1px;
	color:#7DD0F4;
	padding:5px 10px 5px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
}
#colonne-gauche #navigation li a {
	color:#7DD0F4;
	text-decoration:none;
}
#colonne-gauche #navigation li a:hover {
	color:#FFCC00;
}
#colonne-gauche #navigation form {
	background-color:#FFCC00;
	padding:5px 10px 10px 8px;
}
#colonne-gauche #navigation form label {
	color:#085A7E;
	font-weight:bold;
}
#colonne-gauche #navigation select {
	margin:6px 0 6px 0;
	width:100%;
}
#colonne-gauche #navigation input.submit {
	margin:6px 0 6px 0;
	padding:2px 2px 2px 20px;
	border:1px solid #666;
	background:#FFFFFF url("../img/icon-tick.gif") no-repeat 4px 3px;
	cursor:pointer;
}
#colonne-gauche #bloc-actualites-promotions li {
	background-color:#0076AA;
	margin-bottom:1px;
	padding:5px 10px 10px 8px;
	text-align:justify;
	line-height:15px;
}
#colonne-gauche #bloc-actualites-promotions li a {
	color:#FFFFFF;
	text-decoration:none;
}
#colonne-gauche #bloc-actualites-promotions li a:hover {
	color:#FFCC00;
}
#colonne-gauche #bloc-actualites-promotions #toutes-les-actualites {
	padding:3px 10px 3px 7px;
	background-color:#FFCC00;
}
#colonne-gauche #bloc-actualites-promotions #toutes-les-actualites a {
	color:#085A7E;
	text-decoration:none;
	font-weight:bold;
}
#colonne-gauche #bloc-actualites-promotions #toutes-les-actualites a:hover {
	text-decoration:underline;
}
/* COLONNE DROITE */
#colonne-droite {
	position:relative;
	width:540px;
	height:auto;
	float:left;
	margin:0 0 0 15px;
	padding:40px 0 0 0;
	overflow:hidden;
}
#colonne-droite h3 {
	margin-top:0;
	font-size:1.8em;
}
#colonne-droite #retour-carte {
	position:absolute;
	top:10px;
	right:0;
	width:120px;
	height:45px;
	background:transparent url("../img/retour-carte.png") no-repeat 0 0;
}
#colonne-droite #retour-carte a {
	display:block;
	width:100px;
	height:25px;
	padding:10px;
	color:#064D6B;
	text-decoration:none;
}
#colonne-droite #retour-carte a:hover {
	color:#0076A9;
}
#colonne-droite #rubrique .top {
	height:3px;
	background:transparent url("../img/top-contenu.png") no-repeat 0 0;
}
#colonne-droite #rubrique .bottom {
	height:3px;
	background:transparent url("../img/bottom-contenu.png") no-repeat 0 0;
}
#colonne-droite #rubrique #menu-spadium {
	margin-bottom:10px;
}
#colonne-droite #rubrique #menu-spadium ul {
	width:540px;
	height:40px;
	overflow:hidden;
	background:transparent url("../img/background-contenu.png") repeat-y 0 0;
	padding:0 3px 0 3px;
}
#colonne-droite #rubrique #menu-spadium li {
	display:block;
	width:auto;
	height:40px;
	float:left;
	overflow:hidden;
	text-align:center;
	margin-right:1px;
}
#colonne-droite #rubrique #menu-spadium li img {
	margin:0;
	padding:0;
	vertical-align:middle;
}
#colonne-droite #rubrique #menu-spadium li.dernier {
	margin-right:0;
}
#colonne-droite #rubrique #menu-spadium #horaires-ouverture {
	width:88px;
}
#colonne-droite #rubrique #menu-spadium #tarifs-abonnements {
	width:98px;
}
#colonne-droite #rubrique #menu-spadium #activites-proposees {
	width:78px;
}
#colonne-droite #rubrique #menu-spadium #plan-acces {
	width:60px;
}
#colonne-droite #rubrique #menu-spadium #offres-emplois {
	width:76px;
}
#colonne-droite #rubrique #menu-spadium #contact-spadium {
	width:68px;
}
#colonne-droite #rubrique #menu-spadium #photos-videos {
	width:60px;
}
#colonne-droite #rubrique #menu-spadium li a {
	display:block;
	width:auto;
	height:34px;
	color:#064D6B;
	text-decoration:none;
	padding-top:6px;
}
#colonne-droite #rubrique #menu-spadium li a:hover, #colonne-droite #rubrique #menu-spadium li a.selected {
	color:#FFFFFF;
	background-color:#064D6B;
}
#colonne-droite #rubrique .bloc {
	margin-bottom:15px;
}
#colonne-droite #rubrique .bloc .content {
	padding:10px 20px 10px 20px;
	background:transparent url("../img/background-contenu.png") repeat-y 0 0;
}
#colonne-droite .content {
	overflow:hidden;
	height:100%;
}
#colonne-droite .content p, #colonne-droite .content table {
	margin:10px 0 10px 0;
}
#colonne-droite .content p, #colonne-droite .content li {
	color:#064D6B;
}
#colonne-droite .content img {
	margin:10px;
}
#colonne-droite .content img.border {
	border:2px solid #FFCC00;
}
#colonne-droite .content a img.border {
	border:2px solid #FFCC00;
}
#colonne-droite .content a:hover img.border {
	border:2px solid #064D6B;
}
#colonne-droite .content img.float-left {
	margin-left:0;
}
#colonne-droite .content img.float-right {
	margin-right:0;
}
#colonne-droite .content p {
	text-align:justify;
	line-height:15px;
}
#colonne-droite .content p.suite {
	text-align:right;
}
#colonne-droite .content p.date {
	color:#666666;
}
#colonne-droite .content ul {
	margin:10px 0 10px 20px;
}
#colonne-droite .content ul li {
	list-style:none;
	margin:5px 0 5px 0;
	padding-left:15px;
	background:transparent url("../img/icon-liste.png") no-repeat 0 4px;
}
#colonne-droite .content ol {
	margin:10px 0 10px 40px;
}
#colonne-droite .content ol li {
	margin:5px 0 5px 0;
}
#colonne-droite .content p.imprimer {
	text-align:right;
}
#colonne-droite .content table {
	width:100%;
}
#colonne-droite .content table thead, #colonne-droite .content table tbody td {
	text-align:center;
}
#colonne-droite .content table img, #colonne-droite .content table a img, #colonne-droite .content table a:hover img {
	vertical-align:middle;
	border:0;
}
#colonne-droite .content a {
	color:#064D6B;
}
#colonne-droite .content a:hover {
	text-decoration:none;
}
#colonne-droite .content fieldset {
	border:1px solid #CCC;
	padding:15px;
	overflow:hidden;
	margin-bottom:10px;
}
#colonne-droite .content legend {
	font-weight:bold;
	color:#064D6B;
	margin:0 5px 0 0;
	padding:0 5px 0 5px;
}
#colonne-droite .content input {
	width:200px;
	padding:1px;
}
#colonne-droite .content select {
	width:200px;
}
#colonne-droite .content table input {
	width:90px;
}
#colonne-droite .content .label-checkbox {
	width:inherit;
	margin-right:15px;
}
#colonne-droite .content input.checkbox {
	width:inherit;
}
#colonne-droite .content input.submit, #colonne-droite .content button.submit {
	width:inherit;
	margin-left:155px;
	border:0;
	background:#FFCC00 url("../img/icon-tick.gif") no-repeat 5px 3px;
	cursor:pointer;
	color:#064D6B;
	font-weight:bold;
	padding:2px 2px 2px 20px;
}
#colonne-droite .content textarea {
	width:300px;
	padding:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#colonne-droite .content label {
	display:block;
	text-align:right;
	width:140px;
	float:left;
	overflow:hidden;
	margin-right:15px;
	cursor:pointer;
}
/* FOOTER */
#footer {
	clear:both;
	position:absolute;
	left:5px;
	bottom:0;
	width:900px;
	height:240px;
	background:transparent url("../img/footer.jpg") no-repeat 0 0;
}
.relative-footer #footer {
	position:relative;
	left:0;
}
#footer #menu-secondaire {
	position:absolute;
	bottom:93px;
	width:auto;
	margin-top:147px;
	padding:0 10px 5px 10px;
	color:#FFFFFF;
}
#footer #menu-secondaire p {
	float:left;
	overflow:hidden;
}
#footer #menu-secondaire li.premier {
	margin-right:10px;
	padding-right:15px;
	border-right:1px solid #FFFFFF;
}
#footer #menu-secondaire a {
	color:#FFFFFF;
	text-decoration:none;
}
#footer #menu-secondaire a:hover, #footer #menu-secondaire li.selected a {
	color:#FFCC00;
}
#footer #menu-secondaire ul {
	float:right;
	overflow:hidden;
}
#footer #menu-secondaire li {
	display:inline;
}

/* GMAPS */
#colonne-droite #gmap{
	position:relative;
	width:538px;
	height:538px;
	border:1px solid #c8c8c8;
	margin-bottom:15px;
}
#colonne-droite #gload{
	position:absolute;
	z-index:1000;
	width:32px;
	height:32px;
	overflow:hidden;
	text-indent:-1000px;
	background:transparent url(/img/ajaxload.gif) no-repeat center center;
	top:50%;
	left:50%;
	padding:0;
	margin:-16px 0 0 -16px;
}
#colonne-droite .content #gdir ul{
	list-style:none;
	padding:0;
	margin:0;
}
#colonne-droite .content #gdir ul li{
	list-style:none;
	background:transparent none;
	border-bottom:1px solid #00a9ec;
	position:relative;
	margin:0;
	padding:8px;
	cursor:pointer;
}
#colonne-droite .content #gdir ul li.etape.hover,
#colonne-droite .content #gdir ul li.route.hover{
	border-color:#064d6b;
}
#colonne-droite .content #gdir ul li.etape{
	padding-right:50px;
}
#colonne-droite .content #gdir ul li strong,
#colonne-droite .content #gdir ul li b{
	color:#064d6b;
}
#colonne-droite .content #gdir ul li em{
	position:absolute;
	right:8px;
	bottom:8px;
	font-style:normal;
	font-weight:normal;
}
#colonne-droite .content #gdir ul li div.google_note{
	font-weight:bold;
	color:#064d6b;
}
#colonne-droite .content #gdir ul li.derniere.etape{
	border-bottom:0;
}
#colonne-droite .content #gdir ul li.route{
	border:1px solid #00a9ec;
	height:30px;
	padding-left:40px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:10px center;
	font-weight:bold;
}
#colonne-droite .content #gdir ul li#route-0{
	background-image: url(http://maps.google.com/intl/fr_ALL/mapfiles/marker_greenA.png);
}
#colonne-droite .content #gdir ul li#route-1{
	background-image: url(http://maps.google.com/intl/fr_ALL/mapfiles/marker_greenB.png);
}
#colonne-droite .content #gdir ul li#route-2{
	background-image: url(http://maps.google.com/intl/fr_ALL/mapfiles/marker_greenC.png);
}
#colonne-droite .content #gdir ul li#route-3{
	background-image: url(http://maps.google.com/intl/fr_ALL/mapfiles/marker_greenD.png);
}
#colonne-droite .content #gdir ul li#route-4{
	background-image: url(http://maps.google.com/intl/fr_ALL/mapfiles/marker_greenE.png);
}
#colonne-droite .content #gdir ul li#route-5{
	background-image: url(http://maps.google.com/intl/fr_ALL/mapfiles/marker_greenF.png);
}
#colonne-droite .content #gdir ul li#route-6{
	background-image: url(http://maps.google.com/intl/fr_ALL/mapfiles/marker_greenG.png);
}
#colonne-droite .content #gdir ul li#route-7{
	background-image: url(http://maps.google.com/intl/fr_ALL/mapfiles/marker_greenH.png);
}
#colonne-droite .content #gdir ul li#route-8{
	background-image: url(http://maps.google.com/intl/fr_ALL/mapfiles/marker_greenI.png);
}
#colonne-droite .content #gdir ul li#route-9{
	background-image: url(http://maps.google.com/intl/fr_ALL/mapfiles/marker_greenJ.png);
}
#colonne-droite .content #gdir ul li.route strong{
	display:none;
}
/* ACCORDION */
#accordion {
	margin:8px 0 8px 0;
}
#accordion h4 {
	cursor:pointer;
	margin:0 0 1px 0;
	padding:5px;
	background-color:#0076A9;
	border-bottom:0;
	color:#7DD0F4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:normal;
}
#accordion .element {
	padding:5px;
}

#colonne-droite #horaires table input {
	width:20px;
}
#colonne-droite #horaires-ajout input {
	width:20px;
}
#colonne-droite .onglets-admin {
	overflow:hidden;
}
#colonne-droite .onglets-admin li {
	display:block;
	width:160px;
	height:auto;
	float:left;
	margin:0 10px 10px 0;
	background-color:#0085BB;
	padding:5px;
}
#colonne-droite .onglets-admin li a {
	display:block;
	width:auto;
	height:auto;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 0 0 20px;
	background:transparent url("../img/icon-bullet-blue.gif") no-repeat 0 0;
}
#colonne-droite .onglets-admin li a:hover, #colonne-droite .onglets-admin li a.selected {
	color:#FFCC00;
}

#rubrique table {
	table-layout: fixed;
}
#rubrique td.fermeture {
	background: #dddde9;
}
/* BROCHURE SPADIUM ST HILAIRE */
#colonne-droite .content #brochure-st-hilaire #logo-st-hilaire {
	text-align:center;
	overflow:hidden;
	height:100%;
}
#colonne-droite .content #brochure-st-hilaire img {
	margin-left:-10px;
}