/*------------------------------------------------------------------
Elements graphiques utilisés par défaut dans toutes les pages types.
-------------------------------------------------------------------*/
html, body {
	height: 100%;
}

html {
	overflow: auto;
}

body {
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 12px;
	/*Css ScrollBar IE 
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #2D2C4D;
	scrollbar-highlight-color:#7D7E94;
	scrollbar-3dlight-color: #7D7E94;
	scrollbar-darkshadow-color: #2D2C4D;
	scrollbar-track-color: #7D7E94;
	scrollbar-arrow-color: #C1C1D1; */    
}

/*Css ScrollBar Chrome
body::-webkit-scrollbar {
    width: 15px;
    background-color: transparent;
}
 
body::-webkit-scrollbar-track {
    background-image: url('/booky/images/v5/scrollbar/track_scroll.png');
    background-repeat: repeat;
}
 
body::-webkit-scrollbar-thumb {
    background-image: url('/booky/images/v5/scrollbar/curseur_scroll.png');
    background-repeat: no-repeat;
	background-position: left;
	height: 15px;
} */

/*------------------------------------------------------------------
Elements graphiques portail.
-------------------------------------------------------------------*/
#kenBurnContainer {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#kenBurnContainer table {
	color: #000000;
}

#kenBurnContainer table.bky_conflits {
	color: #FF0000;
	/*border: 2px solid #FF0000;
	border-radius: 15px;*/
}

#portailContainer {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99;
}

#portailContainer table td.portail_planning_aire {
	background-color: #2F444C;
	background-image: url('/booky/images/v5/portail/portail_planning_aire.png');
	background-repeat: no-repeat;
    background-position: center center;
	width: 150px;
	height: 150px;
	text-align: center;
	cursor: pointer;
}

#portailContainer table td.portail_resa_rapide {
	background-color: #2F444C;
	background-image: url('/booky/images/v5/portail/portail_reservation_rapide.png');
	background-repeat: no-repeat;
    background-position: center center;
	width: 150px;
	height: 150px;
	text-align: center;
	cursor: pointer;
}

#portailContainer table td.portail_explorateur_groupe {
	background-color: #2F444C;
	background-image: url('/booky/images/v5/portail/portail_explorateur_groupe.png');
	background-repeat: no-repeat;
    background-position: center center;
	width: 150px;
	height: 150px;
	text-align: center;
	cursor: pointer;
}

#portailContainer table td.portail_fiche_individuelle {
	background-color: #2F444C;
	background-image: url('/booky/images/v5/portail/portail_fiche_individuelle.png');
	background-repeat: no-repeat;
    background-position: center center;
	width: 150px;
	height: 150px;
	text-align: center;
	cursor: pointer;
}

#portailContainer table td.portail_fiche_groupe {
	background-color: #2F444C;
	background-image: url('/booky/images/v5/portail/portail_fiche_groupe.png');
	background-repeat: no-repeat;
    background-position: center center;
	width: 150px;
	height: 150px;
	text-align: center;
	cursor: pointer;
}

#portailContainer table td table tr.portail_icone_ligne2 td {
	text-align: center;
	color: #51C3F1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	line-height: 1.2;
}

#portailContainer .portail_icone_ligne1 {
	width: 100%;
	height: 50%;
}

#portailContainer .portail_icone_ligne2 {
	width: 100%;
	height: 50%;
}

#portailContainer .portail_separateur_debut, #portailContainer .portail_separateur_fin {
	width: 25%;
}

#imageContainer {
	width: 100%;
	/*background-image: url('/booky/images/v5/background_v5.png');*/
	height: 100%;
	background-repeat: no-repeat 50% 50%;
	background-size: cover;
	background-position: center;
	position: absolute;
	animation: kenburns 10s ease-out 0s;
	/* Change this to alternate to stop the loop. */
	-ms-animation: kenburns 10s ease-out 0s;
	-webkit-animation: kenburns 10s ease-out 0s; -0
	-animation: kenburns 10s ease-out 0s;
	-moz-animation: kenburns 10s ease-out 0s;
}

@keyframes kenburns {
	from { 
	    transform:scale(1.1);
		-ms-transform: scale(1.1); /* IE 9 */
		-webkit-transform: scale(1.1); /* Safari and Chrome */
		-o-transform: scale(1.1); /* Opera */
		-moz-transform: scale(1.1); /* Firefox */
	}
	
	to {
		transform: scale(1);
		-ms-transform: scale(1); /* IE 9 */
		-webkit-transform: scale(1); /* Safari and Chrome */
		-o-transform: scale(1); /* Opera */
		-moz-transform: scale(1); /* Firefox */
	}
}
/*------------------------------------------------------------------
Elements graphiques general.
-------------------------------------------------------------------*/
.tbBorderTest {
	border: 2px solid black;
}

.menuDeroulant{
   position: absolute; 
   top: 5px; 
   left: 70px; 
   width: 500px;
   display: inline-block;
   z-index:999;
}

.logoBodet{
   position: absolute; 
   top: 5px; 
   left: 5px; 
   width: 66px;
   height: 24px;
   display: inline-block;
   z-index:1000;
   background-image: url('/booky/images/v5/KELIO-RVB-blanc_trait jaune_66px.png');
   background-repeat: no-repeat;
   background-position: center right;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #009EE3;
	font-style: normal;
	text-decoration: none;
	line-height: 12px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
/* 	font-weight: bold; */
	font-weight: 100;
	color: #009EE3;
	font-style: normal;
	text-decoration: none;
	line-height: 12px;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
/* 	font-weight: bold; */
	font-weight: 100;
	color: #009EE3;
	font-style: normal;
	text-decoration: none;
	line-height: 12px;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
/* 	font-weight: bold; */
	font-weight: 100;
	color: #009EE3;
	font-style: normal;
	text-decoration: underline;
	line-height: 12px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	border: 1px solid #009EE3;
	background-color: #E7E7E6;
}

fieldset {
	border: 1px solid #4D8BCF;
	padding: 5px;
}

legend {
	font-size: 12px;
	font-weight: bold;
}

/*select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	height: 25px;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	/*-border: 2px solid #4D8BCF;-*/
	/*border: none;
	border-radius: 15px;
	background-color: rgb(210, 211, 213);
	background-image: url('/booky/images/v5/Booky_select_option.png');
	background-repeat: no-repeat;
	background-position: center right;
	overflow: hidden;
	width: 180px;
}*/
.select-style select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 100%;
    padding-left: 5px;
}

select option:hover, 
select option:focus, 
select option:active, 
select option:checked
{
    background: linear-gradient(#95DFFF,#95DFFF);
    background-color: #95DFFF !important; /* for IE */
}

select option:checked:after {
	content: attr(title);
    background: #666;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    border: none;
}

.select-style select::-ms-expand {
    display: none;
} 

.select-style {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    height: 20px;
    background: #C6C6C5 url('/booky/images/v5/Booky_select_option.png') no-repeat 90% 50%;
    background-position: center right;
}

.tbSelectBooky {
	width: 100%;
}

table.tbSelectBooky td {
	padding: 0px 0px 0px 0px;
}

.tdSelectBookyImg {
	width: 25px;
}

.tbSelectCalendrier {
	width: 300px;
	/*background-color: #009EE3;
	color: #FFFFFF;
	border-radius: 15px;*/
}

.tdSelectActivite {
	width: 260px;
}

.tdArboPlanningLargeur {
	width: 275px;
}

.tdDefilementHaut {
	width: 15px;
}

.select-style-aire {
	background-color: #e4e4e4;
	width: 200px;
}

.select-style-aire select {
	background-color: transparent;
	width: 200px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	border: 1px solid #4D8BCF;
}

#contenuFrame, #treeFrame, #donneesFrame {
	background-color: white;
}

/*------------------------------------------------------------------
Elements graphiques Mire de Login.
-------------------------------------------------------------------*/
#labelLogin, #labelPassword {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #000000;
	font-style: normal;
}

#labelLogin .required, #labelPassword .required
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
	font-style: normal;
	text-decoration: none;
	line-height: 12px;
}

#mireLogin {
	background-color: #ffffff;
	border-radius: 15px;
	border: 2px solid #4D8BCF;
}

.fondDefault{
	background-color:#152232;background-repeat:no-repeat;background-position:left,right;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;-pie-background-size:auto 100%;background-size:auto 100%
}
.fondDefault .tableauPrincipalIdentification{background-color:transparent;}
.tableauPrincipalIdentification{width: 100%;height: 100%;border-spacing: 0;padding: 0;background-color: #2F444C;}
.bandeauIdentification{background-color: #FFFFFF; height: 48px;}
.banniere_logo_bodet{
	position: absolute; top: 10px; left: 10px; width: 120px; height:37px; overflow: hidden; background: transparent url('/booky/images/v5/KELIO-RVB_trait jaune_sans_bord82.png') top no-repeat;
}
.banniere_logo_booky{
	background: transparent url('/booky/images/v5/Logo_Booky.png') top no-repeat; background-size: 82px 30px; 
}
.degradehautIdentification{height: 17px; background-image: url('/booky/images/v5/degrade_gris.1421165206000.jpg'); background-repeat: repeat-x;}
.fondDefault .entete, .fondDefault .entete2, .fondDefault .entete3, .fondDefault .degradehaut, .fondDefault .piedpage {background-color:transparent;}
form#formLogin{position:absolute;box-sizing:padding-box;-moz-box-sizing:padding-box;left:50%;top:50%;width:1000px;height:500px;margin-top:-225px;margin-left:-500px;text-align:left;z-index:0;animation:translation 250ms linear 0s,rotation 750ms linear 250ms}
@keyframes translation{0%{transform:translateX(-1200px)}
100%{transform:translateX(0px)}
}
@keyframes rotation{0%{transform:translate(0px,-104px) rotate(0deg) translate(0px,104px)}
4%{transform:translate(0px,-104px) rotate(-3deg) translate(0px,104px)}
8%{transform:translate(0px,-104px) rotate(-7deg) translate(0px,104px)}
12%{transform:translate(0px,-104px) rotate(-9deg) translate(0px,104px)}
16%{transform:translate(0px,-104px) rotate(-11deg) translate(0px,104px)}
20%{transform:translate(0px,-104px) rotate(-12deg) translate(0px,104px)}
24%{transform:translate(0px,-104px) rotate(-12deg) translate(0px,104px)}
28%{transform:translate(0px,-104px) rotate(-11deg) translate(0px,104px)}
32%{transform:translate(0px,-104px) rotate(-10deg) translate(0px,104px)}
36%{transform:translate(0px,-104px) rotate(-8deg) translate(0px,104px)}
40%{transform:translate(0px,-104px) rotate(-5deg) translate(0px,104px)}
44%{transform:translate(0px,-104px) rotate(-2deg) translate(0px,104px)}
48%{transform:translate(0px,-104px) rotate(0deg) translate(0px,104px)}
52%{transform:translate(0px,-104px) rotate(3deg) translate(0px,104px)}
56%{transform:translate(0px,-104px) rotate(4deg) translate(0px,104px)}
60%{transform:translate(0px,-104px) rotate(5deg) translate(0px,104px)}
64%{transform:translate(0px,-104px) rotate(5deg) translate(0px,104px)}
68%{transform:translate(0px,-104px) rotate(5deg) translate(0px,104px)}
72%{transform:translate(0px,-104px) rotate(3deg) translate(0px,104px)}
76%{transform:translate(0px,-104px) rotate(1deg) translate(0px,104px)}
80%{transform:translate(0px,-104px) rotate(0deg) translate(0px,104px)}
84%{transform:translate(0px,-104px) rotate(-1deg) translate(0px,104px)}
88%{transform:translate(0px,-104px) rotate(-1deg) translate(0px,104px)}
92%{transform:translate(0px,-104px) rotate(-1deg) translate(0px,104px)}
96%{transform:translate(0px,-104px) rotate(0deg) translate(0px,104px)}
100%{transform:translate(0px,-104px) rotate(0deg) translate(0px,104px)}
}
fieldset#login{position:absolute;box-sizing:padding-box;-moz-box-sizing:padding-box;left:50%;top:50%;width:279px;height:237px;margin-top:-118px;margin-left:-139px;color:#666;background:#fff;font-weight:bold;text-align:center}
fieldset#login table{text-align:center;font-weight:bold;font-size:12px;color:#666;width:279px}
fieldset#login input.right{margin-left:65px;width:175px;padding:5px 2px;border:solid 1px #aaa;margin-top:2px;font-family:arial,helvetica,sans-serif;font-size:16px;color:#666}
fieldset#login .actionBtn{display:block;background-color:#b2b2b2;color:white;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;width: 100%;padding:2px 0 2px 0;font-family:arial;font-size:22px;float:none;cursor:pointer;text-decoration:none;text-align:center}
fieldset#login .actionBtn:hover{background-color:#828282;}
fieldset#login input[type="submit"]{border-color:#b2b2b2;}

/*------------------------------------------------------------------
Elements graphiques de type Modal.
-------------------------------------------------------------------*/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    line-height: normal;
}

.tbModalContent {
	width: 100%;
	height: 100%;
}

/* Modal Header */
.trModalHeader {
    background-color: #2F444C;
    color: white;
    height: 30px;
    width: 100%;
}

.trModalHeader .tdModalTitle {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 15px;*/
	color: #DADAD9;
	font-style: normal;  
	padding-left: 5px;
	cursor: move;
}

.tbModalContent .ligneBlanche{
	height: 10px;
}


/* Modal Body */
.trModalBody {
	width: 100%;
    height: 100%;
    background-color: transparent;
}

.trModalBody .tableError, #modalContentError .tableError  {
	height: 100%;
	width: 100%;
}

.trModalBody .tableError .tbErrorLg1, #modalContentError .tableError .tbErrorLg1 {
	height: 20%;
	width: 100%;
}

.trModalBody .tableError .tbErrorLg3, #modalContentError .tableError .tbErrorLg3 {
	height: 24px;
	width: 100%;
}

.trModalBody .tableError .tbErrorLg2, #modalContentError .tableError .tbErrorLg2 {
	height: 60%;
	width: 100%;
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-decoration: none;
	text-align: center;
}

.trModalBody #modalIframe {
	position: relative;
	overflow: -webkit-paged-y;
}

.trModalBody #modalIframe, .trModalBody #modalErreur {
	background-color: white;
}

.trModalBody #modalIframe #idFrameModal {
	position: absolute;
}

#modalContentError {
	width: 400px; 
	height: 200px; 
	top: 15%;
}


#modalErreur {
	width: 100%;
	height: 100%;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-decoration: none;
	text-align: center;
}

#modalChargement {
	/*animation: clignotement 0.5s infinite;*/
	text-align: center;
	background-color: transparent;
	height: 100%;
}

#modalChargement table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;
	text-align: center;
}

@keyframes clignotement{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}

.sk-fading-circle {
  /*margin: 100px auto;*/
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

/* Modal Footer */
.modal-footer {
    background-color: #2F444C;
    color: white;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #2F444C;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

#modalTitle {
	margin: auto;
}

/* The Close Button */
.close {
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#error_msg, .error {
	font-weight: bold;
	color: #FF0000;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	position: absolute;
	top: 10px;
	left: 450px;*/
}

/* Add Animation */
.modal-animate-fading{animation:fading 0.5s}@keyframes fading{0%{opacity:0}100%{opacity:1}}

/*------------------------------------------------------------------
Elements graphiques de type lien hypertexte.
-------------------------------------------------------------------*/
a.link2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0B02B5;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
}

a.link2:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0B02B5;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
}

a.link2:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0B02B5;
	font-style: normal;
	text-decoration: underline;
	line-height: 13px;
}

a.link3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
	width: 100%;
	height: 17px;
	float: right;
	/*border: solid 1 #ffff00;*/
}

a.link3:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
	width: 100%;
	height: 17px;
	float: right;
	/*border: dotted 1 #ffff00; */
}

a.link3:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0B02B5;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
	width: 100%;
	float: right;
}

a.link4 {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*-color: #009EE3;-*/
	color: #504e4e;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
	/*width: 100%;*/
	float: right;
}

a.link4:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*-color: #009EE3;-*/
	color: #504e4e;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
	/*width: 100%;*/
	float: right;
}

a.link4:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0B02B5;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
	/*width: 100%;*/
	float: right;
}

a.linkAPropos {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0B02B5;
	font-style: normal;
	text-decoration: none;
	line-height: 16px;
	width: 100%;
	float: right;
}

a.linkAPropos:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0B02B5;
	font-style: normal;
	text-decoration: none;
	line-height: 16px;
	width: 100%;
	float: right;
}

a.linkAPropos:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0B02B5;
	font-style: normal;
	text-decoration: none;
	line-height: 16px;
	width: 100%;
	float: right;
}

a.linkWhite, a.linkWhite:visited, a.linkWhite:hover {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.linkWhite:hover {
	text-decoration: underline;
}

/*------------------------------------------------------------------
Elements graphiques de type lien hypertexte inactif.
-------------------------------------------------------------------*/
.link2Inactif {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d3d8da;
	font-style: normal;
	text-decoration: none;
	/*line-height: 13px;*/
}

.link3Inactif {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
	width: 100%;
	float: right;
}

.link4Inactif {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
	width: 100%;
	float: right;
}
/*------------------------------------------------------------------
Elements graphiques de type texte.
-------------------------------------------------------------------*/
.corp9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 100;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 9px;
}

table.corp9 {
	/*height: 100%;*/
}

.corp12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
}

.corp11Gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 12px;
}

.corp12Gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
}

.corp14Gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 15px;
}

.bky_accueil {
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
	line-height: 16px;
}

.bky_accueil_inactif {
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #DDDDDD;
	font-style: italic;
	text-decoration: none;
	line-height: 16px;
}

.bky_accueil_bienvenue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFC20E;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
	text-align: center;
}

.bky_description, .bky_description a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	/*font-weight: bold;*/
	color: #818181;
	font-style: normal;
	/*text-decoration: none;
	line-height: 13px;*/
}

.bky_conflits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
	text-align: center;
}

.bky_conflits_alerte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	font-style: normal;
	text-decoration: none;
	text-align: center;
}

.bky_aPropos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0B02B5;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
}
/*------------------------------------------------------------------
Elements graphiques de type cadre.
-------------------------------------------------------------------*/
.cadre {
	border-right: #009EE3 1px solid;
	border-top: #009EE3 1px solid;
	border-left: #009EE3 1px solid;
	border-bottom: #009EE3 1px solid;
	height: 70%;	
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-left: 10px;	
}

.cadre td {	
    vertical-align: top;
}

#tdCalc {
	vertical-align: middle;
}

.cadre legend div {
	border:1px solid #009EE3;
	padding:5px;
	border-radius:15px;
	color: #009EE3;
}

.cadre2 {
	border-right: #009EE3 1px solid;
	border-top: #009EE3 1px solid;
	border-left: #009EE3 1px solid;
	border-bottom: #009EE3 1px solid;
	height: 100%	
}

.cadre2 td {	
    vertical-align: top;
}

.cadre2 legend div {
	border:1px solid #009EE3;
	padding:5px;
	border-radius:15px;
	color: #009EE3;
}

.itemBorder {
	border: 2px solid #009EE3;
	/*border-right: 1px solid #4D8BCF;
	border-top: 1px solid #4D8BCF;
	border-left: 1px solid #4D8BCF;
	border-bottom: 1px solid #4D8BCF;*/
}

.itemBorderBottom {
	border-right: 2px solid #009EE3;
	border-top: 0px solid #009EE3;
	border-left: 2px solid #009EE3;
	border-bottom: 2px solid #009EE3;
}
/*------------------------------------------------------------------
Elements graphiques de type entete et pied de page.
-------------------------------------------------------------------*/
.separateurEntete {
	width: 15px;
	height: 25px;
}

.separateurEntete div {
	width: 2px;
	height: 100%;
	background-color: #009EE3;
	margin: auto;
}

.entete {
	background-color: #2F444C;
}

.entete2 {
	background-color: #2F444C;
	/*-background-image: url('../../images/degradehaut.gif');-*/
}

.entete3 {
	background-color: #2F444C;
}

.piedpage {
	background-color: #2F444C;
}

.divSeparateurFilAriane {
	text-align: center;
	color: #009EE3;
}

.divSeparateurFilAriane h1, .divFilAriane h1 {
	margin: auto;
	position: relative;
	top: -5px;
}

.divFilAriane h2 {
	position: relative;
	top: 10px;
}

.divFilAriane {
	text-align: left;
	color: #DADAD9;
	font-size: 28px;
	font-weight: bold;
}

.degradehaut {
	/*-background-image: url('../../images/degradevert.gif');-*/
	background-color: #2F444C;
}

.degradebas {
	/*-background-image: url('../../images/degradevertbas.gif');-*/
	
}

.tableauPrincipal {
	width: 100%;
	height: 100%;
	border-spacing: 0;
	padding: 0;
	background-color: #2F444C;
	border: 5px solid #2F444C;
}

.tableauPrincipal .ligneBlanche{
	background: transparent;
	height: 15px;
}

.tableauPrincipal .ligneBookyBottom{
	background: transparent;
	height: 10px;
}

.tabPrincipalContent {
	/*background-color: #ffffff;*/
	/*background-image: url('/booky/images/v5/filtre_blanc.png'), url('/booky/images/v5/background_v5.png');
	background-repeat: no-repeat, no-repeat;
	background-size: cover;
	background-position: center;*/
}

.tableauContenantIframe {
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid #009EE3;
}

.tableauContenantRecherche {
	width: 50%;
	height: 50%;
	background-color: transparent;
	border: 0px solid #e4e4e4;
	vertical-align: middle;
}

/*------------------------------------------------------------------
Elements graphiques de type liste.
-------------------------------------------------------------------*/
.ligneentete {
	background-color: #009EE3;
	color: #FFFFFF;
	font-weight: bold;
}

.lignepaire {
	background-color: #E7E7E6;
}

.lignepaire td {
	color: #000000;
}

.ligneimpaire {
	background-color: #C6C6C5;
}

.ligneimpaire td {
	color: #000000;
}

#listSelection tr.lignepaire td.listSelectCheckBox, #listSelection tr.ligneimpaire td.listSelectCheckBox {
	background-color: white;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#listSelection tr.lignepaire td.listSelectCheckBox input[type="checkbox"], #listSelection tr.ligneimpaire td.listSelectCheckBox input[type="checkbox"] {
	height: 17px;
	width: 17px;
}

/*------------------------------------------------------------------
Elements graphiques de type calendrier et planning.
-------------------------------------------------------------------*/
#frameCalendrier {
	height: 100%;
	width: 100%;
}

#tabPJCreno {
	border: 1px solid;
	border-collapse: separate;
	background-color: #FFFFFF;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	/*height: 100%;*/
	width: 100%;
	table-layout: fixed;
}

.sticky-corner{
	display: none !important;
}

#tabPJCreno td {
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-collapse: separate;
}

#tabPJCreno td table td {
	border-bottom: 0px solid;
	border-right: 0px solid;
	border-collapse: separate;
}

#tabPJArbo {
	border: 1px solid;
	border-collapse: separate;
	background-color: #FFFFFF;
	color: #ffffff;
	font-weight: bold;
	/*table-layout: fixed;
	width: 100%;
	height: 100%;*/
}

#tabPJArbo tr.ligneArboEntete td {
	text-align: left;
	font-size: 9pt;
	/*width: 240px;
	height: 20px;*/
}

#tabPJArbo tr.ligneArboEntete td a {
	color: #ffffff;
	text-decoration: none;
}

#tabPJArbo tr.ligneArboEntete td a:visited {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#tabPJArbo tr.ligneArboEntete td a:hover {
	color: #ffffff;
	font-style: normal;
	text-decoration: underline;
}

.fixedColumn {
	width: 240px; 
	height: 20px;
	padding: 0px 0px 0px 0px !important;
	border-top-width: 1px !important;
}

.sticky-column {
	border: 1px solid;
	border-collapse: collapse !important;
	background-color: #FFFFFF;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	z-index: 1000;
}

table.sticky-column td.fixedColumn {
	border-bottom: 1px solid white;
    border-collapse: collapse;
}

.tdFrameCalendrier #contenuFrame {
	background-color: transparent;
}

.colonneCalendrier {
	width: 7%;
}

.separateurMois {
	width: 1%;
}

.enteteactif {
	background-color: #91C2FA;
	color: #000000;
	font-weight: bold;
}

.enteteinactif {
	background-color: #71A7E3;
	color: #FFFFFF;
	font-weight: bold;
}

.trJourCalendrier {
	background-color: transparent;
}

.tdJourGaucheCalendrier {
	background-color: #dadad9;
	border-left: 0px solid white;
	border-top: 2px solid white;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	color: black;
}

.tdJourGaucheCalendrier table {
	color: black;
}

.tdJourDroiteCalendrier {
	background-color: #dadad9;
	border-left: 2px solid white;
	border-top: 2px solid white;
	border-right: 0px solid white;
	border-bottom: 2px solid white;
	color: black;
}

.tdJourDroiteCalendrier table {
	color: black;
}

.trJourCalendrier td.celluledonneeinactive{
	background-color: transparent;
}

.numeroSemaineCalendrier {
	text-align: right;
	background-color: #dadad9;
}

.jourVacanceCalendrier {
	background-color: blue;
}

.celluleactive {
	background-color: #FFFFFF;
}

.celluleinactive {
	background-color: #DDDDDD;
}

.celluledonneeactive {
	background-color: #aaa;
}

.celluledonneeinactive {
	background-color: #BEC5DF;
}

.celluledonneeactiveMoisCourant {
	background-color: #b2b2b2;
}

.celluledonneeinactiveMoisCourant {
	background-color: #dadad9;
}

.jourCourant {
	background-color: #40E0D0;
	font-weight: bold;
}

.ligneheure {
	background-color: #009EE3;
	font-size: 9pt;
	height: 20px;
}

.tdArboDecalage1niveau {
	width: 15px;
	background-color: #ffffff;
}

.ligneArbo {
	background-color: #8EBFD8;
	font-size: 7pt;
	height: 20px;
}

.ligneArboScrollFin {
	background-color: transparent;
	font-size: 7pt;
	height: 20px;
}

.ligneArboEntete {
	background-color: #009EE3;
	font-size: 7pt;
	height: 20px;
}

.ligneArboAire {
	background-color: #95DFFF;
	font-size: 7pt;
	height: 20px;
}

.ligneArboLigneLibre {
	background-color: #DADAD9;
	font-size: 7pt;
	height: 20px;
}

tr.ligneArboLigneLibre td {
	border-color: #ffffff;
	/*border-bottom: 2px solid;*/
}

table tr.ligneArboLigneLibre td.tdArboLigneAjoutCreneau {
	color: #AAAAAA;
	font-size: 9pt;
}

.ligneArboFantome {
	display: none;
	background-color: #DADAD9;
	font-size: 7pt;
	height: 20px;
}

.ligneArboBorder {
	height: 1px;
	background-color: white;	
}

/*#tabPJCreno tr:not(.ligneheure) {
	background-color: #DADAD9;
}*/

.ligneMainRecapSite {
	background-color: #8EBFD8;
	font-size: 7pt;
	height: 20px;
}

.ligneMainRecapAire {
	background-color: #95DFFF;
}

.ligneMainAireSelection {
	background-color: #DADAD9;
}

#planning_tooltips {
	display: none;
}

#planning_lignes {
	position: relative;
	float: left;
	width: 15%;
	overflow: hidden;
	clear: left;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
}

.ligneHeures {
	height: 15px;
	background: #71A7E3;
	font-size: 9px;
	overflow: hidden;
	text-align: left;
}

.heure {
	float: left;
	text-align: center;
}

#planning_creneaux {
	position: relative;
	float: left;
	width: 85%;
	overflow: auto;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	text-align: center;
}

#planning_lignes .nomLigne {
	margin-left: 2px;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #FFFFFF;
}

#planning_lignes .detailLigne {
	height: 25px;
	margin-right: 5px;
	text-align: right;
	vertical-align: middle;
	line-height: 25px;
	overflow: hidden;
	color: #457DB9;
}

.lignePlanning {
	height: 40px;
}

.ligneCreneaux {
	margin-left: auto;
	margin-right: auto;
}

td.creneau, td.creneauI, td.creneauL, td.creneauD, td.creneauC, td.creneauDI
	{
	/*float: left;
	height: 23px;*/
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	/*line-height: 21px;
	border: #999999 solid 1px;*/
	cursor: help;
	overflow: hidden;
}

td.creneauI, div.creneauI {
	cursor: not-allowed;
	background: #AAAAAA;
}

td.creneauL, div.creneauL {
	cursor: pointer;
	background: #00FF00;
}

td.creneauD, div.creneauD {
	cursor: pointer;
	background: #FFBB00;
}

td.creneauDI, div.creneauDI {
	cursor: not-allowed;
	background: #FFBB00;
}

td.creneauC, div.creneauC {
	cursor: not-allowed;
	background: #FF0000;
	color: #FFFFFF;
}

.tbCreneauPonctuel {
	width: 100%;
	height: 100%;
	border-collapse: collapse;	
}

.trLigneHautCreneauPonctuel {
	width: 100%;
	height: 7px;
}

.tdLigneHautCreneauPonctuel_d {
	width: 7px;
	height: 7px;
	position: relative;
}

.tdLigneHautCreneauPonctuel_d img {
	position: absolute;
    top: 0px;
    right: 0px;
}

.trLigneBasCreneauPonctuel {
	width: 100%;
}

#legende {
	padding: 5px;
	height: 70px;
	width: 220px;
	border-right: #009EE3 1px solid;
    border-top: #009EE3 1px solid;
    border-left: #009EE3 1px solid;
    border-bottom: #009EE3 1px solid;
	background-color: white;
}

#legende tr td div {
	width: 30px;
	height: 15px;
}

#infobulle {
	/*margin-top: 5px;
	padding: 5px;*/
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	border-right: #009EE3 1px solid;
    border-top: #009EE3 1px solid;
    border-left: #009EE3 1px solid;
    border-bottom: #009EE3 1px solid;
	font: 20px Trebuchet MS, Helvetica, Arial, sans-serif;
	text-align: left;
	overflow: auto;
}

/*
  Gestion du resize via jquery
*/
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

.ui-resizable-helper {
    border: 1px dotted black;
}

/*------------------------------------------------------------------
Elements graphiques de type Calendrier choix date.
-------------------------------------------------------------------*/
.date-style {
    /*width: 100%;*/
    width: 115px;
    height: 20px;
    border-radius: 15px;
    overflow: hidden;
    background: #C6C6C5;
    background-position: center right;
}
div.date-style #tbDateStyle {
	width: 100%;
}

div.date-style .imageCalendrier {
	width: 20px;
    overflow: hidden;
    height: 20px;
    background: #C6C6C5 url('/booky/images/v5/calendrierDate/calendar.1452099624000.png') no-repeat 90% 50%;
    background-position: center right;
    margin-top: -3px;
}
input[id="dateSelected"], input[id="dateDebut"], input[id="dateFin"] {
	background-color: transparent;
	border: none;
}

div.date-style #tbDateStyle input {
	background-color: transparent;
	border: none;
}

.imgDateStyle {
	position: relative;
	top: -1px;
}
.popupcalendar{left:0;top:0;position:absolute;visibility:hidden;background-color: #DFEFFF;}
a.cal-DayLink{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:normal;text-decoration:none;color:black}
a.cal-DayLink:hover{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:bold;text-decoration:none;background-color:transparent;color:Blue}
a.cal-DayLink:active{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:normal;text-decoration:none;color:#06f}
.cal-TextBox{color:Black;font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:normal}
a.cal-TodayLink:active{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:bold;text-decoration:none}
a.cal-SelectDayLink{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:bold;text-decoration:none;color:black}
a.cal-TodayLink{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:bold;text-decoration:none;color:black}
a.cal-TodayLink:hover{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:bold;text-decoration:none;color:Blue}
a.cal-SelectDayLink:hover{color:Blue}
.cal-GreyDate{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:normal;text-decoration:none;background-color:transparent;color:#ccc}
.cal-GreyInvalidDate{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:normal;text-decoration:line-through;background-color:#ffffea;color:#aaa}
.cal-DayCell{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:normal;background-color:White}
.cal-SelectDayCell{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:normal;background-repeat:no-repeat;background-position:center}
.cal-ToDayCell{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:normal;background-image: url('/booky/images/v5/calendrierDate/entouredate.1350547314000.gif');background-repeat:no-repeat;background-position:center}
.cal-HeadCell{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:bold;background-color:#08008d}
.cal-HeadCellDay{font-family:arial,helvetica,sans-serif;font-size:8pt;font-weight:bold}
/*.cal-Table{-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-o-border-radius:5px 5px 5px 5px;-khtml-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;border:1px solid grey;_border:1px solid #333}*/
.trCalHeader{background-color: #2F444C;}
/*------------------------------------------------------------------
Elements graphiques de type bouton.
-------------------------------------------------------------------*/
.boutonbas {
	/*-background-image: url('../../images/boutonbas.gif');-*/
	background-color: #009EE3;
	border-radius: 15px;
	color: #ffffff;
}

.boutonbas a.link4 {
	color: #ffffff;
	padding: 4px;
	display: block;
	float: none;
}

table.sTextePage {
	width: 50%;
	cellspacing: 5px;
}

table.sTextePage td.boutonbas  {
	height: 25px;
	width: 84px;
	background: transparent;
}

table.boutonbas {
	position: absolute;
}

div.boutonbas {
	/*-background: url('../../images/boutonbas.gif') no-repeat;-*/
	background-color: #009EE3 !important;
	width: 84px;
	height: 20px;
	text-align: center;
}

div.barreBoutonbas {
	position: absolute;
    bottom: 5px;
    right: 25px;
}

div.barreBoutonbas td.boutonbas {
    /*background-color: #2F444C;*/
}

.boutonbasInactif {
	/*-background-image: url('../../images/boutonbas.gif');-*/
	background-color: #C6C6C5 !important;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
	border-radius: 15px;
}

.boutonbasacquitter {
	/*-background-image: url('../../images/boutonbasacquitter.gif');-*/
	background-color: #009EE3;
	border-radius: 15px;
	color: #ffffff;
}

.boutonbasacquitter a.link4 {
	color: #ffffff;
	padding: 4px;
	display: block;
	float: none;
}

div.boutonbasacquitter {
	/*-background: url('../../images/boutonbasacquitter.gif') no-repeat;-*/
	background-color: #009688 !important;
	width: 175px;
	height: 24px;
	padding-top: 4px;
}

.boutonbasacquitterInactif {
	/*-background-image: url('../../images/boutonbasacquitter.gif');-*/
	background-color: #009EE3 !important;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	font-style: normal;
	text-decoration: none;
	line-height: 13px;
}

.accolade {
	background-image: url('../../images/accolade.gif');
}

/*------------------------------------------------------------------
Elements graphiques de type bascule.
-------------------------------------------------------------------*/
#basculeChoice {
	border: 0px solid
}

#basculeSelected {
	border: 0px solid
}

.basculeCadre {
	border-right: #009EE3 1px solid;
	border-top: #009EE3 1px solid;
	border-left: #009EE3 1px solid;
	border-bottom: #009EE3 1px solid;
	height: 70%;	
}

.basculeCadre td {	
    vertical-align: top;
}

.basculeCadre legend div {
	border:1px solid #009EE3;
	padding:5px;
	border-radius:15px;
	color: #009EE3;
}

/*------------------------------------------------------------------
Elements graphiques autres.
-------------------------------------------------------------------*/
.drag {
	position: relative;
	cursor: pointer;
}

.skin0 {
	position: absolute;
	width: 130px;
	border: 1px solid #6F7571;
	background-color: #FFFFFF;
	color: #5954B3;
	font-size: 8pt;
	font-family: arial, helvetica, sans-serif;
	line-height: 11pt;
	cursor: default;
	z-index: 100;
	visibility: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	opacity:0;
	-webkit-transition: visibility 0.5s linear,opacity 0.5s linear;
	-webkit-transition-delay: 0s;
	transition:visibility 0.5s linear,opacity 0.5s linear;
	transition-delay: 0s;
}


.menuitems {	
	padding-left: 10px;
	padding-right: 10px;
}

.input_submit {
	background-color: #DFDFDF !important;
	border-radius: 7px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	/*	line-height: 13px; */
	border: none;
	width: 84px;
	height: 24px;
	cursor: pointer;
}

.input_submit2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	/*	line-height: 13px; */
	border-radius: 7px;
	border: none;
	width: 84px;
	height: 24px;
	background-color: #009EE3;
	cursor: pointer;
}

.checkbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	border: none;
}

.radio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	border: none;
}

.listePage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 12px;
}

.tbListePage td {
	color: #2F444C;
}

.tbListePage td.tdListePageInf, .tbListePage td.tdListePageSupp {
	font-weight: bold;
}

.tbListePage td.tdListePageInf, .tbListePage td.tdListePage, .tbListePage td.tdListePageSupp  {
	width: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	line-height: 14px;
	text-align: center;
	cursor: pointer;
}

.tbListePage td.tdListePageActif {
	background-color: #009EE3;
	border-radius: 15px 15px 15px 15px;	
	color: #FFFFFF;
	width: 20px;
	cursor: text;
}

.required {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 12px;
}

.clickable {
	cursor: pointer;
}

#messagePopupAtlas {
	text-align: center;
	position: relative;
	margin: auto;
	margin-top: 50px;
	font-size: 13px;
}

#messagePopupAtlas a {
	margin-top: 20px;
	width: 84px;
	height: 24px;
	padding-top: 5px;
	float: left;
	margin-left: 208px;
	font-size: 12px;
}

div > b {
	color: #95DFFF;
}

.ligneSeparateur {
	border-bottom: 1px solid #009EE3;
	width: 100%;
	height: 1px
}

/*------------------------------------------------------------------
Elements graphiques Menu action.
-------------------------------------------------------------------*/

.menuActivite {
	color: #FFFFFF;
	width: 95%;
	font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    line-height: 13px;
}

.menuActivite .menuActiviteSeparateur  {
	background-color: transparent;
	height: 10px;
}

.menuActivite .menuActiviteEntete {
	background-color: #2F444C;
}

.menuActivite .menuActiviteAction {
	color: #2F444C;
}

.menuActivite a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #2F444C;
    font-style: normal;
    text-decoration: none;
    line-height: 12px;
}

.menuActivite a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #2F444C;
    font-style: normal;
    text-decoration: none;
    line-height: 12px;
}

.alignLabelToSelect{
	padding-top: 0.5em;
}

a#validerForm:hover{
	cursor: pointer;
}

/* Calendrier - Calendar - Datepicker */

/* Les weekends */
.ui-widget-content td.ui-datepicker-week-end a.ui-state-default {
	color:#555;
	background-image:none;
	background-color:#c6c6c5;
}
.ui-widget-content td.ui-datepicker-week-end a.ui-state-hover {
	color:#FFFFFF;
	background-image:none;
	background-color:#009EE3;
}
.ui-widget-content td.ui-datepicker-week-end a.ui-state-active {
	background-image:none;
	background-color:#009ee373;
	color:#FFFFFF;
}

/* Les jours ouvrés */
.ui-state-default, .ui-widget-content a.ui-state-default{
    border: 1px solid #d3d3d3;
    background-color: #e6e6e654;
    font-weight: 400;
    color: #555;
}
.ui-datepicker-calendar a.ui-state-hover {
    border: 1px solid #d3d3d3;
    background-color:#009EE3;
    font-weight: 400;
	background-image:none;
    color: #FFFFFF;
}

.ui-datepicker-calendar a.ui-state-active {
	background-image:none;
	background-color:#009ee373;
	color:#FFFFFF;
}

/* Les mois */
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
	background-color: #2F444C;
	color: #FFFFFF;
}

.ui-datepicker .ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-datepicker .ui-widget-header .ui-icon:hover {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.containerButton{
    background-color: #009EE3;
    color: white;
    border-radius: 15;
    border-radius: 15px;
    height: 24px;
    text-align: -webkit-center;
    height: 24px;
    vertical-align: middle;
    display: inline-block;
}

.buttonLink, .buttonLink:hover{
	color: #ffffff !important;
    display: block;
    float: none;
    font-style: normal;
    text-decoration: none;
    padding-bottom: 4px;
    padding-top: 6px;
    padding-left: 8px;
    padding-right: 8px;	
    font-weight: bold;
}

#tab-tabsParamGene.tab-pane {
	height: auto;
}