/* elements generaux */
.icones img { cursor: pointer; }
.icones span { margin-left: 2em; }
#orr { width: 100%; }
#tabs { width: 100%; }

/* partie haute */
#motcle {float:left; padding: 0.2em; }
#motcle .ui-widget-content { padding: 0.5em; border-top: 0; }
#motcle .ui-widget-header { line-height: 1.8em; }
#motcle #envoyer { float: right; }
#datepick{ float:right; }
.ui-tpicker-grid-label { width: 154px ; margin-left: -20% ; }
.aff_masque { cursor: pointer; }
#affiche_mots, #masque_mots { float: right; margin-right: -42px; }
#affiche_cal, #masque_cal { float: left; margin-left: -38px; }
#affiche_cal, #affiche_mots { display: none; }

/* Formulaire réservation */
#poubelle {  float:right; padding-right: 10px; }
#ctrl_clic { font-size: 0.75em; color: #999; float: right; }
#champ_liste_ressources { float: left; }
.ressource_visible { display:auto; }
.ressource_cachee { display:none; }
.orr_stylo { float:left; }
h1.box_resa { background-color: #DDD; }
.formulaire_reserv li label { font-weight: bold; }
.formulaire_reserv li select option.desactive {color: #c30;font-style:italic;} 

/* commun semaine/mois */    
#tableau_mois, #tableau_semaine { text-align: center; vertical-align:top; border-collapse: collapse; width: 100%; }
#tableau_mois th, #tableau_semaine th { width: 12%; font-size: 0.95em; border-right: 1px solid #CCC; }
#tableau_mois td, #tableau_semaine td { font-size: 0.75em; padding : 0.5em 0em; border-right: 1px solid #CCC; }
#affichage_semaine, #affichage_mois {  padding-top:20px;  clear:both;  }
#jour4, #jour4th, #id1couleur_jour_mois { background-color : #D6D6D6 ; }
.tooltip a { float: left; }
.premier {  border-top : 1px solid red ; border-bottom : 1px solid red ; border-left : 1px solid red ; margin-bottom : 0.5em ;}
.milieu { border-top : 1px solid red ; border-bottom : 1px solid red ; margin-bottom : 0.5em ;}
.dernier { border-top : 1px solid red ; border-bottom : 1px solid red ; border-right : 1px solid red ; margin-bottom : 0.5em ;}
.unique { margin-bottom : 0.5em ;}

/* Affichage semaine */
#tableau_semaine th { padding : 0.5em 1em; }

/* Affichage-mois */
#tab_affichage_mois { float:clear; }
#couleur_ressource { font-size: 0.7em; line-height: 1em; text-align: left; }
#couleur_ressource div { display: inline; line-height: 2em; padding: 0.2em; margin: 0 0.2em; }
.hors_mois { color: #777; }

/* affichage mois : infobulle */
.tooltip {  position: relative;  cursor: help; text-decoration: none; color: #222; outline: none; }
.tooltip span { text-align: left; display: none; position: absolute; bottom: 50px; left: 50%; z-index: 999; width: 280px; margin-left: -127px; 
	border: 2px solid #ccc;  background-color: #ddd;  padding: 10px;
	opacity: .9; border-radius: 4px; -moz-border-radius: 4px;
	background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,.4); }
.tooltip:hover span { display: block; }
.tooltip span:before, .tooltip span:after { content: ""; position: absolute; z-index: 1000; bottom: -7px; left: 50%; margin-left: -8px;
	border-top: 8px solid #ddd; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0; }
.tooltip span:before { border-top-color: #CCC; bottom: -8px; }

/* date-picker 
#datepickers { font-size: 0.9em; } */

/* mediabox pour le form de résa */
.orr #cboxTitle, .orr #cboxCurrent, .orr #cboxNext, .orr #cboxPrevious, .orr #cboxSlideshow { display: none !important; }

/* timepicker dans la mediabox de resa */
.ui-timepicker-div dl dd { margin-top: 15px; }