/* 
    Document   : myStyle
    Created on : 22 janv. 2012, 15:57:07
    Author     : jm
    Description:
        Purpose of the stylesheet follows.
*/
 
    body .ui-panelgrid .ui-panelgrid-cell:last-child {
        background-color: #ffffff;
    }


root { 
    display: block;
}
body {
    /*
    background-color: white;
    */
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    background-size: 100%;
    /*background-image : url("acessoires/Paper03.jpg");*/
    background-color:  #F7F2E0;
    /*background-repeat : repeat;*/
	}
        
bodyT {
    background-color: white;
    color: black;
    font-family : New Century Schoolbook, serif;
	}        

h1 {
    color: #2f79a6;
    font-family: Arial, sans-serif;
    font-size: 22pt;
    /*padding-left: 140px;*/
    padding-top: 7px;
    padding-bottom: 10px;
    border-bottom: 1px solid purple;
}

h1N {
    color: #2f79a6;
    font-family: Arial, sans-serif;
    font-weight:  bold;
    font-size: 22pt;
}

h10 {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 30pt;
}

h2 {
    color: #2f79a6;
    font-family: Arial, sans-serif;
    font-size: 14pt;
}

h21 {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 30pt;
    font-weight:  bolder;
}

h3 {
    color: Teal;
    font-family: Arial, sans-serif;
    font-size: 12pt;
}

alert {
    color: Black;
    background-color: yellow;
    
}

conditions {
    color : blue;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:small;
    font-style:italic;
}

conditions2 {
    color : blue;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style:italic;
}

aide {
    color : blue;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:small;
    font-style:italic;
}

oblig {
    color : red;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:small;
    font-style:italic;
}

pw {
    position:absolute;
    top:50%;
    text-align: center;
    color: Teal;
    font-family: Arial Black, sans-serif;
    font-size: 22pt;
    text-decoration:blink;


}

.p {

    font-size: 11pt;
    text-align: justify;
}

.ptvtecol {
    vertical-align: top;
    width:100px;
}

.ventecol {
    vertical-align: top;
    width:400px;
}

.margecol {
    vertical-align: top;
    width:15px;
}

.guichetcol {
    vertical-align: top;
    width:300px;
}

.caissecol {
    vertical-align: top;
    width:200px;
}

.haut {
    vertical-align: top;
}

.middle {
    vertical-align: central;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.quinze {
    vertical-align: top;
    width:15%;
}

.vingt {
    vertical-align: top;
    width:20%;
}

.vingtcinq {
    vertical-align: top;
    width:25%;
}

.trente {
    vertical-align: top;
    width:30%;
    border: none;
}


.trenteh {
    vertical-align: top;
    width:30%;
}

.quarante {
    vertical-align: top;
    width:40%;
}

.cinquante {
    vertical-align: top;
    width:50%;
}

.soixantedix {
    vertical-align: top;
    width:70%;
    border: none;
}

a.button {
    display: inline-block;
    background: lightgray;
    border: 20px outset lightgray;
    cursor: default;
}
a.button:active {
    border-style: inset;
}

g {
    font-weight: bold;
}



.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.clickpassagers {
  font-size: 1em;
  font-weight:  bolder;
  padding: 10px;
  color: red;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.clickpassagers:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 60%;
  height: 60%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  bottom: 20px;
  right: 30px;
  transition: all 200ms;
  text-decoration: none;
  font-size: 1em;
  font-weight:  bolder;
  padding: 10px;
  color: red;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  
}
.popup .close:hover {
  background: #06D85F;
}
.popup .content {
    position:  relative;
    margin: 20px;
    height: 80%;


}


.boton{
border:1px solid #000;
padding:5px;
background:#F2F2F2;
 color:  #000;
 text-decoration: none;
}

.btgreen{
border:1px solid #000;

background:chartreuse;
 color:  #000;
 font-size: 24px;
 text-decoration: none;
}


.emp1 .fc-event-skin {
    background: red;
}