/* Feuille de style de TNG Lyon.fr */

/**
 With a CSS 3col and a CSS 2col layout by
 @http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm
 */

/* General */
body {
	background : #000 url(../images/fond_1.jpg) no-repeat fixed 50% 0;
	color: #000;
	font-family: arial,verdana,sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

html > body {
	overflow: visible !important;
}

body.style1 { background-image : url(../images/fond_1.jpg)}
body.style2 { background-image : url(../images/fond_2.jpg)}
body.style3 { background-image : url(../images/fond_3.jpg)}
body.style4 { background-image : url(../images/fond_4.jpg)}
body.style5 { background-image : url(../images/fond_5.jpg)}
body.style6 { background-image : url(../images/fond_6.jpg)}
body.style7 { background-image : url(../images/fond_7.jpg)}

* {
	margin: 0;
	padding: 0;
}

a {color : #000; text-decoration: none; outline: none }

input {outline: none}

a img { border: 0 none }

.b { font-weight: bold }
.u { text-decoration: underline }
.i { font-style: italic }

.aleft { text-align: left }
.acenter { text-align: center }
.aright { text-align: right }
.fleft { float: left }
.fright { float: right }

.cl, .cl5, .cl6, .cl10, .cl20 { clear:both; visibility:hidden; font-size:1px; line-height: 0; height: 0; }
.cl5 { height: 5px; line-height: 5px }
.cl6 { height: 6px; line-height: 6px }
.cl10 { height: 10px; line-height: 10px }
.cl20 { height: 20px; line-height: 20px }
.clear {clear:both}

.hidden { /*visibility: hidden; */opacity: 0.0; }
.dnone { display: none }

.errors, .error { color: #c00 !important}
.marron {color: #c96}
.grey {color: #999}
.bluedark{color:#0669b2}
.bg-blue {background-color: #0669b2 !important;background-image: none !important}
.bg-black {background-color: #000 !important;}


.oblig {color: #0669B2;font-weight: bold}

* html .clear {height:auto;margin-bottom:0} /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and Safari only. If IE 5.x Win DID display these, the page is too high ***/

table {font-size:inherit;font:100%;}
caption, legend, td, th	{
	font-size: 1.0em;
}
hr {
	background-color: #000;
	color: #000;
	height: 1px;
	border: 0 none;
	width: 100%;
	margin-bottom: 7px;
}
.hr-white {
	background-color: #fff;
	color: #fff;
}

/* Debug dump */
body>#dump{
	position: fixed;
}
#dump {
	position: absolute;
	bottom: 0;
	text-align: left;
	left: 0;
	width: 100%;
	height: 200px;
	background-color: #fff;
	overflow: auto;
	z-index: 15 ;
	font-size: 0.9em ;
}
#main-container {
	margin: 0 auto ;
	width : 970px;
	text-align : left;
}

/*----------------------- Barre de feedback ----------------------------------*/
#feedback {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 4px 6px
}
#feedback .success, #feedback .error, #feedback .alert, #feedback .info {
	padding-left: 20px;
	line-height: 1.4em;
	margin: 0;
}
#feedback .success {
	background: url('../images/icons/accept.png') no-repeat scroll 0 0;
}
#feedback .error {
	background: url('../images/icons/delete.png') no-repeat scroll 0 0;
}
#feedback .alert {
	background: url('../images/icons/error.png') no-repeat scroll 0 0;
}
#feedback .info {
	background: url('../images/icons/information.png') no-repeat scroll 0 0;
}

/*------------------------ Accueil temporaire --------------------------------*/
.white-boxe {
	position: absolute;
	width: 353px;
	background-color: #fff;
	left: 50%;
	margin-left: -114px;
	top: 552px;
	padding: 10px
}
.white-boxe p, .white-boxe h3, .white-boxe ul, .white-boxe ul li {
	color: #666;
	font-size: 1.0em
}
.white-boxe ul {
	list-style-type: disc;
	list-style-position:inside;
}
.white-boxe .upper {
	text-transform: uppercase;
}

.rose-boxe {
	position: absolute;
	background-color: #c09;
	color: #fff;
	width: 353px;
	height: 15px;
	left: 50%;
	margin-left: -114px;
	top: 715px;
	padding: 10px;
	font-weight: bold
}

/******************************* Partie gauche ********************************/
#left-content {
	position: fixed !important;
	position: absolute;	/* IE 6 */
	width: 210px;
	top: 44px;
	left: 51%;
	margin-left: -493px;
	text-align: left;
	height: 200px
}
.home #left-content {
	top: 48px;
}
#left-content h1 {
	background : url(../images/logo_tng.png) no-repeat scroll 0 0;
	width: 210px;
	height: 99px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 0 15px;
}

/* Calendrier */
#left-content h2 {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background-color: #0669B2;
	margin-bottom: 15px;
	font-size: 1.3em;
	font-size: 1.2em;
	line-height: 1.6em;
}

/* Calendrier dynamique */
#left-content #calendrier-container {
	background-color: #0669B2;
	padding: 10px 18px;
}
#calendrier h4 {
	color: #fff;
	margin-bottom: 7px;
	font-size: 1.2em;
}
#calendrier p {
	margin-bottom: 7px;
	font-size: 1.2em;
}
#calendrier p, #calendrier a {
	color : #fff
}
#calendrier a {
	font-weight: bold
}
#nav-calendrier {
	background-color: #0669B2;
	margin-bottom: 15px;
	height: 20px;
}

#calendrier .nav a, #prev-month, #next-month {
	cursor: pointer;
	width: 14px;
	height: 14px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}
#calendrier .nav a#prev-month, #prev-month {
	background : url(../images/white_arrow_left.png) no-repeat scroll 0 0 ;
	float: left;
	margin-left : 10px;
	left: 10px
}
#calendrier .nav a#next-month, #next-month {
	background : url(../images/white_arrow.png) no-repeat scroll 0 0 ;
	float: right;
	margin-right : 10px;
	/*right:10px;*/
}

/* Lien DL programme */
.download-link h3 {
	background-color: #fff;
	color: #666;
	line-height: 1.6em;
	/*text-align: center;*/
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 10px;
	padding-left: 10px;
}
.download-link:hover h3 {
	background-color: #000;
	color: #fff;
}

.download-link {}

/******************************* Partie haute ********************************/
#top-content {
	float: right;
	width: 742px;
	margin-top: 20px;
}

/* Menu principal */
#top-content li a {
	font-size: 1.2em;
	margin: 0 6px 0 24px;
	height: 18px;
	line-height: 18px;
	display: block;
}

ul#main-menu li.on a {
	margin: 0 10px;
}
ul#main-menu {
	list-style: none;
	height: 30px;
	height: 18px;
	/*background: url('../images/black_arrow_down.png') no-repeat scroll 8px 20px;*/
}
ul#main-menu li.scart {
	float : right;
	/*: #c96*/
	background: #0669B2 url('../images/panier.png') no-repeat scroll center center;
	margin: 0;
	cursor: pointer;
	width: 18px;
	height: 18px;
}
ul#main-menu li.scart a:hover {
/*	background: #0669B2 url('../images/panier.png') no-repeat scroll center center;*/
}
ul#main-menu li.scart a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 18px;
	height: 18px;
	margin: 0;
}
ul#main-menu li {
	float : left;
	margin-right: 13px;
	/*background: #e50083 url('../images/white_arrow_2.png') no-repeat scroll 7px 3px;/* rose */
	background: #009fe4 url('../images/white_arrow_2.png') no-repeat scroll 7px 3px;/* bleu 1 clair */
	/*background: #00A8EC url('../images/white_arrow_2.png') no-repeat scroll 7px 3px;/* bleu 2 */
	/*background: #0669B2 url('../images/white_arrow_2.png') no-repeat scroll 7px 3px;/* bleu 3 foncé*/
	line-height: 18px
}
ul#main-menu li.on {
/*	background: #000 none;*/
	background: #ff0000 none;
	height: 24px;
}
ul#main-menu li.no-decroch {
	height: 18px !important
}
ul#main-menu li.billeterie {
/*	background-color: #c96;*/
	/*background-color: #dc9613;*/
}
ul#main-menu li a {
	color : #fff;
}

/* Menu de niveau 1 */
ul#menu-1, ul#menu-2, ul#menu-back {
	clear: both;
	list-style: none;
	width : 742px;
	line-height: 20px;
	height: 20px
}
ul#menu-back {margin-top: 8px}
ul#menu-back li{ display: inline }
ul#menu-back li a{ margin: 0 10px; color: #666 }

ul#menu-1 {background-color: #dc9613;/*#000*/}
ul#menu-2, ul#menu-back {background-color: #fff}
ul#menu-2 {margin-top: 10px}
ul#menu-1 li {
	float: left;
	/*background: url('../images/grey_arrow.png') no-repeat scroll 7px 3px;*/
	height: 18px;
	line-height: 18px
}
ul#menu-1 li.on a, ul#menu-1 li:hover a {color: #fff}
ul#menu-1 li a {
	color : #000;
	margin-left: 10px;
	margin-right: 0;
	padding-right: 10px;
	display: inline;
}
ul#menu-1 li a, ul#menu-2 li a { height: 15px }
.grey-separator {border-right: 1px solid #999}
.grey-separator {border-right: 1px solid #000}
.black-separator {border-right: 1px solid #000}

/* Menu de niveau 2 */
ul#menu-2 li {
	float: left;
	height: 18px;
	line-height: 18px
}
ul#menu-2 li.on a, ul#menu-2 li a:hover {
	color: #000
}
ul#menu-2 li a {
	color : #0669B2;
	/*height: 18px;*/
	line-height: 18px;
	margin-left: 10px;
	margin-right: 0;
	padding-right: 10px;
	display: inline;
}
/*.black-separator {border-right: 1px solid #000}*/

/******************************** Footer **************************************/
/*** FOOTER FIXED ***/
#footer {
	z-index: 5000 ;
	position : fixed ;
	bottom : 0;
	height : 24px ;
	line-height : 24px ;
	width : 100% ;
}
#footer #footer-marger {
	width : 802px ;
	margin : 0 auto ;
}
#footer #foot-txt {
	margin-left : 144px;
	background-color : #000 ;
	color : #fff ;
	font-size : 1.1em;
	width : 742px;
	height: 24px;
	text-align : center;
}
#footer .alphastudio {
	color: #ccc;
	font-size:1.0em
}
#footer a {
	color: #ccc;
}
#footer .alphastudio a:hover {
	color: #e00;
}


/******************************** Main  ***************************************/
#main-content {
	float: right;
	width: 742px;
	margin: 10px 0 40px;
}
#main-content a:hover {
	text-decoration: underline
}
#main-content h2 {
	color : #fff;
}
#main-content #banniere, #main-content .banniere {
	width: 356px;
	/*width: 742px;
	height: 100px;*/
	margin-bottom: 15px;
}
#main-content .news, #main-content .newsletter, #main-content .success {
	background-color: #fff;
	/*padding: 10px;*/
	margin-bottom: 15px
}
#main-content div.news h3,  #main-content div.success h3 {
	color: #df8e71;
	font-size: 1.3em;
	margin-bottom: 5px
}
#main-content .success h3, #main-content .success p {
	margin-bottom: 10px
}
#main-content .news p, #main-content .success p {
	font-size: 1.1em;
}
.order-ref {
	font-weight: bold;
	font-size: 1.3em;
}
#main-content .newsletter p {
	font-size: 1.1em;
	margin-bottom: 10px;
	color: #0669B2
}
#main-content .newsletter label {
	float: left;
	margin-right: 15px;
	font-size: 1.1em;
	height: 18px;
	line-height: 18px;
}
#main-content .newsletter input, .inp-txt {
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	font-size: 1.0em;
	padding:1px 2px 2px;
}
#main-content .newsletter input.submit {
	border: 0 none;
	background-color: #0669B2;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	padding: 1px;
}

/* Style mappé dans l'admin */
#main-content .title {
	font: bold 1.1em arial,verdana,sans-serif;
	color: #c96;
}
#main-content .text {
	font: normal 1.0em arial,verdana,sans-serif;
	color: #666;
}
/* Liste de spectacle */
.spectacles {
	background-color: #fff;
	margin-bottom: 20px;
	border: 15px solid #fff;
	border-left: 0 none;
	height: 128px;
	overflow:hidden;
}
.spectacles .spect-img {
	float: left;
	width: 138px;
}
.spectacles img {
	width: 128px;
	height: 128px;
}
.spectacles .spect-text {
	float: left;
	width: 589px
}
#main-content .spectacles h2 a, #main-content .spectacles h5 a { text-decoration: none }
#main-content .spectacles h2 {
	color : #000;
	font-size: 1.8em;
	line-height: 1.111em;
	float: left;
}
.spectacles h5 {
	font-size: 1.1em;
	line-height: 1.1em;
	float: right;
	text-align: right;
}
.spectacles h5 a {
	color : #666
}
.spectacles h3 {
	/*color : #df8e71;*/
	color : #dc9613;
	font-size: 1.2em;
	line-height:15px;
}
.spectacles h4 {
	color : #666;
	font-size: 1.2em;
	font-weigth: normal;
	margin-bottom: 6px;
	line-height:15px;
}
.spectacles p {
	color: #666;
	line-height: 1.2em;
	text-align: justify;
	font-size: 1.2em;
}

/* 1 spectacle */
#spectacle .col-details h2 {
	color : #000;
	font-size: 1.6em;
	margin-bottom: 2px;
}
/*#spectacle .col-details h3, #spectacle .distribution h3 {*/
#spectacle h3 {
	color : #dc9613;
	font-size: 1.2em;
	font-weigth: normal;
	margin-bottom: 6px
}
#show-menu, #show-menu li {
	display: inline;
}
#spectacle #show-menu li, #spectacle #show-menu li a {
	color: #c09;
}
#spectacle #show-menu li.on, #spectacle  #show-menu li.on a {
	color: #666;
}
#spectacle .col-image {
	width: 320px;
	width: 335px;
	padding-top: 15px;
	float :left;
	background-color: #fff;
}
#spectacle .col-details {
	width: 377px;
	padding: 10px;
	background-color: #fff;
	float: right;
}
#spectacle .col-details ul {
	margin-bottom: 7px;
}
/*#spectacle .col-details ul li {*/
#spectacle li {
	color : #666;
	list-style-position: inside;
	font-size: 1.2em;
}
#spectacle .distribution {
	padding: 0 15px;
}
#spectacle .col-details p, #spectacle .distribution p {
	color : #666;
	margin-bottom: 10px;
	font-size: 1.2em;
	text-align: justify;
}
#spectacle  hr {
	background-color: #ccc;
	color: #ccc;
	margin: 5px 0
}
#spectacle .distribution p {
	text-align: left;
}
dl.list-date {
	margin-bottom: 5px;
}
dl.list-date dt {
	color: #666;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
}
dl.list-date dd {
	color: #666;
	font-size: 1.2em;
	line-height: 1.25em;
}
dl.list-date dd.reserv {
	cursor: pointer;
}
dl.list-date dd.scolaire {}
dl.list-date dd, #spectacle p.reserv, #spectacle p.scolaire {
	position: relative;
	padding-left: 21px
}
#spectacle p.reserv, #spectacle p.scolaire {
	font-size: 1.1em;
	padding-left: 15px;
}
#spectacle p.reserv {
	margin-bottom: 3px;
	color: #0669b2;
}
.mini-square {
	float: left;
	font-size: 0.8em;
	height: 12px;
	line-height: 12px;
	width: 11px;
	text-align: center;
	margin-right: 10px;
	vertical-align: middle;
	left: 0;
	top: 1px;
	position: absolute;
}
.reserv .mini-square, .reserv-square  {
	background-color: #0669b2;
	color: #fff;
	font: normal 10px Helvetica,Arial,sans-serif;
}
.scolaire .mini-square {
	border: 1px solid #000;
	color: #000;
	width: 9px;
	height: 10px;
	font: normal 9px Helvetica,Arial,sans-serif;
}
.reserv-square, .scolaire-square {
	font-size: 9px;
	line-height: 12px;
	text-align: center;
	vertical-align: middle;
	padding: 1px 2px
}
.scolaire-square {
	border: 1px solid #000;
	color: #000;
	padding: 0 1px;
}
/* spectacle -> presse */
#cnt-spectacle h4 {font-size: 1.2em; margin-bottom: 6px }
#cnt-spectacle.presentation h4 {color: #666}
#cnt-spectacle h5 { font-size: 1.1em; margin-bottom: 6px;font-style: italic }
#cnt-spectacle p {}
#cnt-spectacle.presentation a {
	color: #cc0099;
}

/* Fenetre de reservation */
.reservation {
	/*position: absolute;*/
	display : block;
	margin: 0 auto;
	width: 600px;
	/*height: 480px;*/
	max-height: 550px;
}
/*
.reservation div.head {
	position: relative;
	width: 600px;
	height: 30px;
}
.reservation div.content {
	position: relative;
	width: 600px;
	max-height: 400px;
	overflow: auto;
}
.reservation div.foot{
	position: relative;
	width: 600px;
	height: 120px;
}*/
.reservation h3 {
	margin-bottom: 10px;
	font-size: 1.4em;
	color : #0669b2;
}

.reservation div.content table {
	width: 600px;
}
.cb, .cb input {
	line-height: 1.3em;
	vertical-align: middle;
}
.cb a {
	color: #c96
}
.reservation .dates {
	width: 140px;	/* 600 = 170 + 55 + 115*3 + 30*/
}
.reservation .hours {
	width: 45px;
}
.reservation .tarif {
	width: 115px;
	text-align: center
}
.reservation .sstotal, .reservation #totalcmd {
	width: 40px;
	text-align: right;
}
.reservation #totalcmd {
	font-weight: bold;
}
.reservation .delete {
	width: 30px;
	text-align: right;
}
.row-total td {
	background: #ccc;
}
.reservation tr td {
	padding: 3px 0;
}
#tbl-renseign td, #tbl-renseign th, #tbl-reserv td, #tbl-reserv th{
	color: #666;
	font-size: 1.1em
}

#tbl-renseign td.tdhead {
	padding-left: 6px
}
#tbl-renseign td.tdhead1 {
	width: 85px;
	padding-left: 6px
}
#tbl-renseign td.tdhead2 {
	width: 30px;
	padding-left: 6px
}
#tbl-renseign td.tdhead3 {
	width: 40px;
	padding-left: 6px
}
#tbl-renseign td.tdbody {
	width: 140px;
}
#tbl-renseign td.tdbody1 {
	width: 47px;
}
#tbl-renseign td.tdbody2 {
	width: 108px;
}
#tbl-renseign td.tdbody3 {
	width: 278px;
}
#tbl-renseign td.tdbody4 {
	width: 185px;
}
#tbl-renseign td.tdbody3 input {
	width: 272px;
}
#tbl-renseign td.tdbody input#ville {
	width: 134px;
}
#tbl-renseign td.tdbody input#email {
	width: 272px;
}

#tbl-renseign td.rborder, #tbl-reserv td.rborder {
	border-right: 1px solid #aaa
}
#tbl-renseign, #tbl-reserv {
	width: 600px;
}
#tbl-renseign {
	margin: 10px 0 0;
}
#tbl-renseign .tdbody input.inp-txt, #tbl-renseign .tdbody1 input.inp-txt {
	width: 120px;
	margin: 0;
}
#tbl-renseign .tdbody4 input.inp-txt {
	width: 179px;
	margin: 0;
}
#tbl-renseign select {
	width: 101px;
}
#tbl-reserv tr th {
	padding: 2px 0;
	font-weight: bold;
}
#tbl-reserv .remove-spectacle {
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 7px;
	background: url('../images/icons/bin_closed.png') no-repeat scroll 0 0;
}
#tbl-renseign .row-border td, #tbl-reserv .row-border td {
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	padding: 2px 0;
	margin-bottom: 5px
}
.row-border {
	color: #666;
	font-weight: bold;
}
.reservation hr {
	background-color: #aaa;
	color: #aaa;
}
.reservation .remarques {
	float: left;
	width: 300px;
	padding: 15px 0 5px;
}
.reservation ul {
	list-style-position: inside;
}
.reservation select {
	border:1px solid #ccc;
	font-size: 1.0em;
	width: 40px;
}
.reservation option {
	font-size: 1.0em;
	padding: 1px 3px;
}
.reservation .buttons {
	text-align: right;
	padding-bottom: 7px;
}
.reservation .buttons input {
	border: 0 none;
	background-color: #0669b2;
	color: #fff;
	padding: 0 4px;
}
.reservation .buttons a, .reservation .buttons input {
	margin-left: 10px;
}
a#reserv {
	font-size: 1.1em;
	color: #0669b2
}
.complet {
	color: #a00;
	font-weight: bold;
}
.buttons p {
	margin-bottom: 10px
}
.offretrio h4 {
	color: #0669b2;
	font-size: 1.1em;
}
.offretrio ul li {
	list-style-position:outside;
	list-style-type:disc;
	margin-left:16px;
/*	float: left;*/
}
.offretrio p, .offretrio ul {
	margin-bottom: 7px
}
#spectacle .navigation {
	clear: both
}
.navigation #previous, .navigation #next {
	color: #666;
	/*font-size: 1.2em;*/
}
#previous {
	/*float : left;*/
	/*background: url(../images/arrow_grey_left.png) no-repeat scroll left center;
	padding: 0 0 0 24px;*/
}
#next {
	/*float : right;*/
	/*background: url(../images/arrow_grey_right.png) no-repeat scroll right center;
	padding: 0 24px 0 0;*/
}
.thumbs {
	margin: 10px 0 4px 10px;
}
.hd-links {
	background-color: black;
	display: block;
	width: 320px;
	height: 18px
}
.hd-links a { float: left }
.hd-links .copyright { float: right }
.hd-links a, .vids-links a {
	margin-left: 10px;
	line-height: 2.0em;
	font-size: 1.1em
}
.hd-links a, .hd-links .copyright {
	color: white;
	line-height: 18px;
	font-size: 1.1em
}
.hd-links span {padding-right: 10px}
.square {
	float: left;
	width : 25px;
	height : 25px;
	margin: 0 0 6px 6px;
	-moz-background-size: 25px 25px;
	-webkit-background-size: 25px 25px;
	-o-background-size: 25px 25px;
	background-size: 25px 25px;
	text-indent: -9999px;
	overflow: hidden;
}
.square.blank {
	background-color: transparent !important;
	cursor: default;
}
.square.lightwindow {
	background: url('../images/video_icon.gif') no-repeat scroll 70% 40%;
	border: 1px solid #ccc;
	width: 23px;
	height: 23px;
}
.rose:not(.lightwindow) {
	background-color: #0669B2 !important;
	background-image: none !important
}
.rose.lightwindow {}

.black{background-color:#000}

/* Vue page */
.boxe-1col, .boxe-2col {
	background-color: #fff;
	color: #666;
	margin-bottom: 20px;
	padding: 10px 15px;
	font-size: 1.1em;
}
.boxe-1col {}
.boxe-2col {
	margin-bottom: 15px;
}
.fleft-2col {
	float: left;
	width: 336px;
}
.fleft-2col .boxe-2col {
	/*margin-right: 20px;*/
	width: 306px;
}
.fright-2col .boxe-2col {
	width: 356px;
}
.fright-2col {
	float: right;
	width: 386px;
}
#main-content .boxe-1col h3, #main-content .boxe-2col h3 {
	color: #0669B2;
	font-size: 12px;
	font-weight: bold;
}
#main-content .boxe-1col li, #main-content .boxe-2col li {
	list-style-position: inside
}
#main-content .boxe-1col p, #main-content .boxe-2col p {
}

/* Pagination */
.pagination {
	float: right;
	font: normal 1.2em Verdana, Arial, sans-serif;
	color: #5f6974;
	line-height: 20px;
}
.pagination span, .pagination div {
	padding:0 2px;
	margin-left: 3px;
}
#content-page .pagination a, #content-page .pagination a:hover {
	color: #5f6974;
	background-color : transparent;
}
.pagination span.page-on, .pagination div.page-on {
	border: 1px solid #bd0d53;
	padding: 1px 4px;
	color: #bd0d53;
}
/* Calendrier */
#calendrier {
	position:relative;
	clear:both;
	background-color:transparent;
}
#calendrier .navButton {
    cursor:pointer; display:block; text-indent:-9999px; background-repeat:none; z-index:10;
}
#calendrier #items-container {
	position: absolute;
	overflow: hidden;
}
#calendrier .items { position:absolute; }
#calendrier .item {
	position: relative;
	margin: 0;
}
#calendrier .item.hover, #calendrier .item.selected {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}
#calendrier .item {

}

/* Horizontal Carousel */
#calendrier {
	/*height: 200px;*/
	height: auto;
	width: 172px
}
#calendrier #items-container {
	/* test */
	/*left: 0;
	top: 0;*/
	width: 172px;
	height: 200px; /*test*/
}
#calendrier .items {
	top: 0;
	left: 0;
	width: 2064px /* 12 mois * 172px */
}
#calendrier .item {
	height: auto;
	width: 172px;
	float: left;
	clear: right
}
#calendrier .item .key {
	display:none;
}
#calendrier .navButton {
	position: absolute;
	bottom: 0;
	width: 24px;
	height: 87px
}
#calendrier .navButton.previous {
	left: 0;
	background-image:url('images/interface/button.left.png')
}
#calendrier .navButton.next {
	right: 0;
	background-image:url('images/interface/button.right.png')
}

/* LIGHTBOX */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
/* TINYBOX*/
#tinybox {
	position: absolute;
	display: none;
	padding: 10px;
	background: #fff url(../images/ajax-loader.gif) no-repeat 50% 50%;
	border: 10px solid #e3e3e3;
	z-index: 2000
}
#tinymask {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 1500
}
#tinycontent {
	background:#fff
}

/*** Ajouts Julien ***/
#video_conteneur {
	position: absolute;
	left: 50%;
	top: 0%;
	margin-left: -124px;
	margin-top: 205px;
	padding: 0;
}

/*** Visite ***/
.visite-left-col {
	float: left;
	width: 475px;
	margin: 10px 0;
}
.visite-right-col {
	float: right;
	width: 267px
}
.visite-right-col h4 {
	margin-top: 20px;
	line-height: 3.2em;
	font-size: 1.3em;
}
.visite-right-col .thumbs {
	margin: 230px 0 0;
}
.visite-right-col p.hd-links, .visite-right-col p.copyright {
	background-color: transparent;
	color: #000;
	display: static;
	height: auto;
	width: auto;
}
.visite-right-col .hd-links a {
	color: #000;
	margin:0
}
.active-gallery {
	background-color: #fff;
	margin-bottom: 20px
}
.galleries {
	background-color: transparent;
	margin-top: 15px
}
.galleries .gallery {
	float: left;
	background-color: #fff;
	width: 166px;
	height: 172px;
	padding-top:10px;
}
.galleries .gallery.leftgal {
	margin-right: 26px;
}

/* Galleries */
.col-gallery-right {
	width: 397px;
	float: right;
}
.gallery {
	float: left;
	background-color: #fff;
	width: 191px;
	height: 195px;
}
.rightgal {

}
.leftgal {
	margin-right: 15px;
}
.gallery h4 {
	margin-top: 4px;
	padding-left: 20px;
}
.gallery h5 {
	font-size: 1.1em;
	height: 3.0em;
	line-height: 3.0em;
	font-weight: normal;
	padding-left: 8px
}


/* Solution transport : multitud */
#multitud_trajet .hidden, .multitud_transport .hidden, .multitud_transport_vertical .hidden
{
	display: none;
}
#multitud_trajet, .multitud_transport, .multitud_transport_vertical
{
	/*font-size: 77%;*/
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-weight: normal;
	color: #000000;
}


/* Formulaire Trajet */
#multitud_trajet
{
	background:url('../images/multitud/multitud_trajet_bg.jpg') scroll no-repeat left top;
	width: 150px;
	height: 234px;
	border: 1px #003372 solid;
}
#multitud_trajet .titre
{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 93%;
	color: #003070;
	font-weight: bold;
	height: 80px;
}
#multitud_trajet form
{
	margin: 5px;
}
#multitud_trajet fieldset
{
	border: none;
	margin: 0;
	padding : 0;
}
#multitud_trajet fieldset legend
{
	display: none;
}
#multitud_trajet label
{
	margin: 0;
	font-size: 107%;
	color: #00245f;
}
#multitud_trajet input
{
	width: 134px;
	margin: 1px 0 10px 0;
	padding : 2px;
	border: 1px #003372 solid;
}
#multitud_trajet .submit
{
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right;
}
#multitud_trajet .submit input
{
	width: 50px;
	margin: 0;
	padding: 2px;
	border: none;
	text-align: center;
	background-color: #003070;
	font-size: 115%;
	color: #ffffff;
	cursor: pointer;
}

/* Solution transport */
.multitud_transport
{
	background:#afd8fd url('../images/multitud/multitud_transport_bg.jpg') scroll no-repeat left top;
	width: 249px;
	height: 60px;
	border: 1px #96989e solid;
}
.multitud_transport .titre
{
	margin: 3px 0 0 20px;
	padding: 0;
	font-size: 92%;
	color: #003070;
	font-weight: bold;
	height: 35px;
	line-height: 1.3em;
}
.multitud_transport ul
{
	list-style: none;
	overflow: auto;
	margin: 0 0 0 12px;
	padding: 0;
	font-size: 100%;
}
.multitud_transport li
{
	background-image: url('../images/multitud/puce.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	margin: 0;
	padding: 0 15px 0 10px;
}
.multitud_transport li a
{
	color: #011e50;
	text-decoration: underline;
}
.multitud_transport li a:hover
{
	text-decoration: none;
}

/* Solution transport sous forme de colonne */
.multitud_transport_vertical{
	background-image:url('../images/multitud/multitud_transport_vertical_bg.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	background-color: #afd8fd;
	width: 160px;
	height: 136px;
	border: 1px #96989e solid;
}
.multitud_transport_vertical .titre{
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 92%;
	color: #003070;
	font-weight: bold;
	height: 87px;
	text-align: center;
}
.multitud_transport_vertical ul{
	list-style: none;
	overflow: auto;
	margin: 0 0 0 12px;
	padding: 0;
	font-size: 100%;
}
.multitud_transport_vertical li{
	background-image: url('../images/multitud/puce.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	margin: 0;
	padding: 0 15px 0 10px;
}
.multitud_transport_vertical li a{
	color: #011e50;
	text-decoration: underline;
}
.multitud_transport_vertical li a:hover{
	text-decoration: none;
}
.petit {
	font-size: 1em !important;
}
.image-gauche {float: left;margin-right: 10px}
.image-droite {float: right;margin-left: 10px}