@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(images/brun.gif);
	background-repeat: repeat-x;
	background-color: #DFC99C;
	text-align:center;
	margin-top:10px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	width:935px;
	font-family: Arial, Helvetica, sans-serif;
}
a{cursor:pointer;}
p, div, ul, li, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; text-align:left; font-weight:normal;}
#entete { text-align:left;
}
h1 {font-family:RokkittRegular, Georgia;}
h2 { font-size:24px; line-height:0.9em; margin-top:10px; margin-bottom:10px; font-family:RokkittRegular, Georgia;}
h3 {font-family:RokkittRegular, Georgia; font-size:20px; line-height:16px;}
h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:1.1em; margin-bottom:5px; margin-top:10px;}
h1 a{text-decoration:none;}
h1 a:hover{text-decoration:underline;}
p { font-size:12px; line-height:1.35em; text-align:left;}
p a {text-decoration:none;}
p a:hover, a:hover p{text-decoration:underline;}
label{ font-size:10px; color:#777777;}
img{ border:none;max-width: 100%;
    height: auto;}
ul { font-size:12px; line-height:1.3em; text-align:left; margin-left:15px; list-style-image:url(images/bul-1.gif); list-style-position:outside;}
ul li{ margin-bottom:4px;}
ul li a { text-decoration:none; color:#666666;}
ul li a:hover { text-decoration:none; color:#000000;}
small{font-size:10px; line-height:11px;}
select {font-size:10px;}
.item ul{margin:5px 0px 15px 20px;}
/**/
#entete{width:935px;}
#entete #langue { float:right; color:#FFFFFF; font-size:10px; vertical-align:bottom; margin-top:85px;}
#entete #langue a{ color:#FFFFFF; text-decoration:none;}
#entete #langue a:hover{ color:#666666; text-decoration:none; background-color:#FFFFFF;}
#menu{width:935px; clear:both; position:relative; top:5px;}
#menu>ul {list-style:none; margin-left:0;}
#menu>ul>li {z-index:100; position:relative; font-family:RokkittRegular, Georgia; font-size:16px; height:19px; padding-top:3px; padding-left:4px;padding-right:4px; list-style:none; float:left; margin-right:5px; margin-bottom:5px; background-color:#FFFFFF;}
#menu>ul>li a img{ border-bottom:1px white solid;}
#menu>ul>li a:hover img, #menu ul li a.active img{ border-bottom:1px black solid;}
#menu>ul>li>ul{-webkit-box-shadow: 3px 3px 6px 0px #666; box-shadow: 3px 3px 6px 0px #666;margin:0; font-family:arial, helvetica; padding:10px 10px 10px 20px; position:absolute; top: 20px; left:0; min-width:120px; max-width:240px; background:white; display:none; z-index:120; border:1px solid #ccc;border-top:none;/*:1px solid #ccc;*/}
#menu>ul>li>ul>li{display: list-item; float:none;}
#menu>ul>li:hover{z-index:150;}
#menu>ul>li:hover>ul{display:block; z-index:200;}

#container {
width:935px; clear:both; position:relative; top:10px;
}
#widecontent{margin-bottom:5px;}

#widecontent>.item{background:white; padding:5px;}
#widecontent>.item img{max-width:916px; height:auto;}
/**/
p.goto a {cursor:pointer;}
/**/
#container .langue{float:left;}
#container .langue .colonne3{ clear:both;}
#container .langue .colonne3 p, #container .langue .colonne3 h2  {  color:#666666; margin:10px;}
#container .langue .colonne3 p a { color:#666666; text-decoration:none;}
#container .langue .colonne3 p a:hover{ color:#000000; text-decoration:underline;}
#container .colonne3{
width:234px;
margin-right:9px; margin-bottom:9px;
background-color:#FFFFFF;
float:left;}

#container #cote{
margin:0;
padding:0;
float:right;
width:215px;
margin-left:5px;
}
#container.page #cote.outils{margin:0; }
#container.page #cote{
float:left;
margin-right:5px;
margin-left:0;
}
#container #cote .item{
background-color:#FFFFFF; padding:5px; text-align:left; margin-bottom:5px;
}
#container #cote input, #container #outils input{
width:200px;}
#container #cote h2{ font-size:28px; line-height:21px; font-weight:normal; margin:0; padding:0;margin:3px 0 10px;}
#container #cote p{
color:#666666; font-size:12px; margin:0; padding:0; margin-bottom:5px; }
/**/
#container #contenu, #container .leftcontent>div{
width:475px;background-color:#FFFFFF; text-align:left; padding:10px; margin-bottom:5px;}
#container.page #contenu{
width:475px;background-color:#FFFFFF; text-align:left; padding:10px; float:left; margin-right:5px;}
#container #contenu h1, #container .leftcontent>div h1 {
font-size:44px; line-height:33px; font-weight:normal; margin:0; padding:0;margin:5px 0 10px;}
#container #contenu h4, #container .leftcontent>div h4{
font-size:14px; line-height:18px; font-weight:normal;margin-bottom:5px; margin-top:15px;}
#container #contenu h4 a, #container .leftcontent>div h4 a{text-decoration:none;}
#container #contenu h4 a:hover, #container .leftcontent>div h4 a:hover;{ text-decoration:underline;}

#container #contenu p, #container .leftcontent>div p{
color:#666666; font-size:12px;  line-height:1.5em;  margin:0; padding:0; margin-bottom:5px;}
/**/
#container.link #contenu{ width:360px;margin-left:360px;}
#container.link #cote{ width:330px; float:left; background-color:#FFFFFF; padding:10px;}

/*.item a img{ border-bottom:1px white solid;}
.item a:hover img{ border-bottom:1px black solid;}*/
.item a img.bullet{ border-bottom:none;}
.item a:hover img.bullet{ border-bottom:none;}
ul li a.active{ text-decoration:underline;}

#contenu table.formulaire{border:none;}
#container #contenu p.alert, #container #contenu h4.alert{color:#993300; font-weight:bold;}
#container #contenu p.confirm, #container #contenu h4.confirm{color:#333333; font-weight:bold;}
img.image{margin:5px;}
.quote{
	font-family:Georgia,Times New Roman,Times,serif;
	font-weight:normal;
	font-style:italic;
}
#entete a img {border:none;}
h4.noColor{color:#666666; text-transform:uppercase; font-size:12px; letter-spacing:0.05em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
h4.noColor a{color:#666666; text-decoration:none;}
h4.noColor a:hover, h4.noColor a.active{ text-decoration:underline;}
#bottom {clear:both; position:relative; bottom:-20px; left:5px;}
#bottom p{font-size:10px;}
#bottom p a{text-decoration:underline;}
#bottom p a:hover{color:#ffffff;}
table.formulaire td{ border:none;}

#container #contenu .copyright{margin:14px; text-align:center;margin-bottom:28px; }
#container #contenu .copyright p {clear:both; text-align:center; font-size:11px; color:#999;}

#contenu #form_colloque p {float:left; margin-right:10px;}
#contenu #form_colloque .bottom_text {clear:both; width:100%;}
#contenu #form_colloque .bottom_text p {clear:both; width:100%;}
#form_colloque input.text{width:210px; margin-bottom:5px;}
#form_colloque textarea{width:215px; height:46px;}
#form_colloque select{width:440px;}

.list_selector_container{margin:0;}
.list_selector_container ul{margin-left:0;}
.list_selector_container ul.prices{margin:0; padding:0;}
.list_selector_container li{padding:4px; list-style:none; color:#999999;}
.list_selector_container ul.prices li{margin:0; padding:0; display:inline;}
.list_selector_container li:hover{background:#eee; cursor:pointer;}
.list_selector_container li.active{cursor:auto; background:#eee;}
.list_selector_container li.active:hover{cursor:pointer; background:#ddd;}
.list_selector_container a, #RRContainer label{font-family: Georgia, Times, serif; font-size:14px;}
.list_selector_container a:hover{text-decoration:underline;}
#container #contenu .list_selector_container p{color:#999;}

#RRContainer textarea{clear:both; width:100%; height:50px;}
#RRContainer .input_text_container {}

/* DAY past today off available */
#calendar_container{margin:10px 0;}
#calendar{clear:both;}
#calendar.loading, .button_container.loading{min-height:40px; background:url(images/ajax-loader.gif) no-repeat; margin:10px 0;}

#calendar table{width:100%;}

#calendar tr.month{font-size:24px; line-height:0.9em;}
#calendar tr.week{font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:1.1em; text-align:center;}
#calendar tbody td{text-align:center; font-size:12px;}
#calendar td, #calendar th{padding:3px;}
#calendar th{font-size:12px; font-weight:normal; text-align:center; color:white;}
#calendar td.FILLING{color:white; border-color:white;}
#calendar td.DAY.past, #calendar td.DAY.off, #calendar td.past, #calendar td.off{color:#ccc; border-color:white;}
#calendar td.hour, #calendar th.hour, #calendar td.week, #calendar th.week, #calendar table.PERIOD td.week, #calendar table.PERIOD th.week{width:45px; text-align:right; background-color:#ddd; color:white; padding:5px;}
#calendar td.week, #calendar th.week{text-align:left;}
#calendar table.HOUR_WEEK th{background:#ccc;}
#calendar td.today{color:#333; font-weight:bold; text-decoration:underline;}
#calendar td.available {color:white; background:#abbbfe; cursor:pointer;}
#calendar td.available:hover, #calendar td.available.active{ background:#576fd4;}
#calendar td.available.active:hover{background:#a33200;}
#calendar td.DAY.full, #calendar td.WEEK.full{color:white; background:#bbb;}

#calendar table.PERIOD td{padding-left:0; padding-right:0;}
#calendar table.periods{height:45px;}
#calendar td.PERIOD{height:15px;}
/* POUR COMPENSER LE FOND GRIS */
#calendar td.PERIOD.available{background:#7992fc;}
#calendar td.PERIOD.available:hover, #calendar td.PERIOD.available.active{ background:#3e55b6;}

#calendar td.events{background:#aaa;color:black; cursor:pointer;}
#calendar td.events.FILLING{color:white; background:white;}
#calendar td.events.active{background:black;color:white;}
#agenda #calendar th{background:#ccc;}

#calendar_tools{clear:both;}
#calendar_tools ul{margin:0; padding:0; min-height:26px; background:#ccc;}
#calendar_tools li{ max-height:25px; color:white; padding:5px; list-style:none; background-color:#ccc; float:left; border-left:2px solid white;}
#calendar_tools li.title{border:none; padding:0;}
#calendar_tools li ul.months{margin:0; padding:0; position:absolute; min-height:auto; background:none;}
#calendar_tools li ul.months>li{border-left:none; cursor:pointer; display:list-item; float:none; margin:0;width:180px;}
#calendar_tools li ul.months>li.active{background: url(images/arr_bottom.png) no-repeat 178px 9px;}
#calendar_tools li ul.months>li.active:hover{background-color:#999;}
#calendar_tools li ul.months.expand{background-color:#ccc; height:188px; overflow:scroll; overflow:-moz-scrollbars-vertical;}
#calendar_tools li ul.months.expand>li{border-bottom:1px solid white;}
#calendar_tools li ul.months.expand>li.active{background:#999; background:none;}
#calendar_tools li.prev, #calendar_tools li.next{float:right; width:60px; text-align:center;}
#calendar_tools li.prev:hover, #calendar_tools li.next:hover{background:#999; cursor:pointer;}

.Room #calendar_container{background:white; padding:5px;}
.Room #calendar_tools li ul.months>li{width:120px;}
.Room #calendar_tools li.prev, .Room #calendar_tools li.next{width:20px; font-weight:bold;}
.Room #calendar td.week, .Room #calendar th.week{width:20px;}

body.RoomReservationNew .input_text_container>label, 
body.RoomReservationNew .checkboxes_container>label,
body.RoomReservationNew .select_container>label
	{width:100%; display:block;}
body.RoomReservationNew h3{margin-top:20px;}	
body.RoomReservationNew #LocationType ul.choices,body.RoomReservationNew #LocatorType ul.choices{margin-top:10px;}
body.RoomReservationNew #LocationType ul.choices li,body.RoomReservationNew #LocatorType ul.choices li{width:45%; display:inline-block;}
body.RoomReservationNew .fields div{display:inline-block; width:43%; margin-right:4%; margin-top:10px;}
body.RoomReservationNew input, body.RoomReservationNew select{padding:5px!important;}
body.RoomReservationNew .fields .textarea_container,
body.RoomReservationNew .fields .checkboxes_container {width:90%!important;}
body.RoomReservationNew .fields .select_container.days {display:block; clear:both!important;}
body.RoomReservationNew .fields input[type="text"], body.RoomReservationNew .fields select{width:100%!important;}

body.RoomReservationNew li.active{background:#ccc!important;}

body.RoomReservationNew #RoomReservation a.button{display:inline-block; margin-top:20px; background-color:#ccc; color:#666; font-size:16px; padding:4px 10px;}
body.RoomReservationNew #RoomReservation a.button:hover{color:black;}
body.RoomReservationNew #RoomReservation .button_container.loading a.button{display:none!important;}

body.RoomReservationNew input.alert{background:red;}

#dates_summary a.remove{float:right;}
#dates_summary li{width:70%;}

#locator_information label{float:left;width:25%;}
#locator_information input, #locator_information textarea{float:left; width:73%; clear:none; border:none; background:#ccc;}
#locator_information select{width:36%;}
#locator_information>div{margin-top:5px; clear:both;}
br.break{clear:both;}

span.available_0, td.available_0{color:#ccc; background:white; }
span.available_3, td.available_1, td.available_2, td.available_3{cursor:pointer;background:#EEF1FF;color:white; }
span.available_6, td.available_4, td.available_5, td.available_6{cursor:pointer;background:#DDE4FF;color:white; }
span.available_9, td.available_7, td.available_8, td.available_9{cursor:pointer;background:#CDD6FE;color:white; }
span.available_12, td.available_10, td.available_11, td.available_12{cursor:pointer;background:#BCC9FE;color:white; }
span.available_15, td.available_13, td.available_14, td.available_15{cursor:pointer; color:white; background:#abbbfe;}
td.available_1:hover, td.available_2:hover,td.available_3:hover,td.available_4:hover,td.available_5:hover,td.available_6:hover,td.available_7:hover,td.available_8:hover,td.available_9:hover,td.available_10:hover,td.available_11:hover,td.available_12:hover,td.available_13:hover,td.available_14:hover,td.available_15:hover,{ background:#3e55b6;}

ul.legend{list-style:none; padding:0; margin:10px 0;}
ul.legend li{color:#666;}
span.available_0, span.available_3,span.available_6, span.available_9, span.available_12, span.available_15{ border:1px solid #eee; height: 2px; margin-right: 5px; padding: 0 7px; width: 7px;}
span.available_0{border:1px solid #eee;}

.login_container>div.input_text_container{width:35%; float:left;}
.login_container>div.input_text_container input{width:90%;}
.login_container>div.button_container{width:20%; float:left; padding-top:19px; margin:0;}
.login_container.loading{min-height:40px; background:url(images/ajax-loader.gif) no-repeat; padding-left:60px;}

.button_container, #locator_information>div.button_container{ margin:20px 0 40px;}
.button_container a.button{background-color:#ccc; color:white; font-size:16px; padding:4px 10px;}
.button_container a.small_button{background-color:#ccc; color:white; padding:2px 5px;}
.button_container.loading a.small_button, .button_container.loading a.button{display:none;}

#cote>.ShortcutsFolder{background:white; margin-bottom:5px;}
#cote>.ShortcutsFolder a:hover p{text-decoration:none; color:#111;}

.slidesjs-pagination { margin: 0; }
.slidesjs-pagination li { display: block; float: left; margin-left: 5px; margin-bottom:5px;}
.slidesjs-pagination li a {
      color: #999;
      display: block;
      width: 10px;
      font-size: 5px;
      height: 10px;
      background: #999;
      -moz-border-radius: 6px;
      border-radius: 6px;
	  display:block;
	  height:12px;
	  width:12px;
	}
.slidesjs-pagination li a.active {
      background: black;
      color: black;
 }

a.slidesjs-navigation {
  display:block;
  margin-left:5px;
  color: #999;
  background: transparent;
  float:left;
  height: 12px;
  width: 12px; }

a.slidesjs-play {
  background: transparent url(images/play.png) no-repeat center center; }

a.slidesjs-stop {
  background: transparent url(images/pause.png) no-repeat center center; }

#agenda #contenu .event{
	border-top:1px solid #ccc;
	padding:10px 0;
	margin:10px 0;
}
#agenda #contenu .event h2{font-weight:bold;}
#agenda #contenu .event h2 a, #agenda #cote h2 a{
	text-decoration:none;
}
#agenda #contenu .event h2 a:hover{
	text-decoration:underline;
}
#agenda #contenu .event h3{	}
#agenda #contenu .event ul.cats{
	float:right; margin:0 0 10px 10px;
}
#agenda.event #contenu ul.cats{
	clear:both; margin:10px 0;
}
#agenda #contenu .event li.cat, #agenda.event #contenu li.cat{
	padding:2px 10px;
	display:inline-block;
	margin:0 5px;
/*	background:#ccc;*/
}
#agenda #contenu .event li.cat, #agenda.event #contenu li.cat{
	background:white;
	border-width:1px;
	border-style:solid;
}
#agenda #contenu .event li.cat.event_type, #agenda.event #contenu li.cat.event_type {
	color:white;
	border:none;
}
#agenda.event #contenu .header p, #agenda #contenu .event .header p, #agenda #contenu .event p.goto{font-size:14px;}
#agenda #contenu .event h3:first-letter {
    text-transform: uppercase;
}
#agenda #encours li{margin:10px 0;}
#agenda #encours a strong{color:black;}
#agenda #encours a:hover{text-decoration:underline;}

#agenda #cote a.more{text-decoration:underline;}
#agenda ul.month_navigation{position:relative; height:5px;}
#agenda ul.month_navigation .next{position:absolute; top:0; right:5px;}
#agenda ul.month_navigation .prev{position:absolute; top:0; left:0;}

#agenda #calendar a{color:black; text-decoration:none;}
#agenda #calendar .FILLING a{color:white;}
#agenda #calendar a:hover{text-decoration:underline;}

body.event ul.types li{background:none!important;}