/* CSS Document */





.centered-element{

    margin-left: auto;

    margin-right: auto;

    background-color: grey;

    padding: 15px;

    width: auto;

}







body,td,th {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

 }

th {



	text-align:left;

 }

 .motalert{color:white;font-weight:bold;background-color:red !important;}

  .motgood{color:white;font-weight:bold;background-color:green !important;}



body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

 	color:#000000;

}

a:link {

	text-decoration: none;

	color: #000000;

}

a:visited {

	text-decoration: none;

	color: #000000;

}

a:hover {

	text-decoration: underline;

	color: #000000;

}

a:active {

	text-decoration: none;

	color: #000000;

}

.fond0 {

	background-color: #c9e5ff;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: solid;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-bottom-color: #ffffff;

	border-left-color: #ffffff;

	border-top-width: 1px;

	border-top-color: #e7e9f8;

	background-repeat: repeat-x;

}



.menu {

	background-color: #c9e5ff;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: solid;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-bottom-color: #ffffff;

	border-left-color: #ffffff;

	border-top-width: 1px;

	border-top-color: #ffffff;

	

	background-repeat: repeat-x;

}

.menulast {

 

	border-right-style: solid;

 

	border-right-width: 1px;

	border-right-color: #ffffff;

 

}



.fond1 {

	background-color: #eff0f2;

	border-top-style: solid;

	border-right-style: solid;

	border-right-width: 1px;

	border-bottom-style: solid;

	border-left-style: solid;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-bottom-color: #d0d0d0;

	border-left-color: #eeeeee;

	border-right-color: #d0d0d0;

	border-top-width: 1px;

	border-top-color: #e7e9f8;

	background-image: url(images/tab2.gif);

	background-repeat: repeat-x;

}

.fond2 {

	background-color: #FFFFFF;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-bottom-width: 1px;

	border-bottom-color: #ededed;

	border-top-width: 1px;

}

.tabform {

	background-color: #EEEEEE;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: solid;

	border-right-color: #f8fbfc;

	border-left-color: #f8fbfc;

}

.tabformglobale {

	border: 1px solid #ffffff;

}







.fond3 {

	background-color: #fafafa;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-bottom-width: 1px;

	border-bottom-color: #ededed;

	border-top-width: 1px;

	border-top-color: #FFFFFF;

}

.fondf {

	background-color: #f62ce4;

	

}

.fondh {

	background-color: #208edd;

	

}

.fond5 {

	background-color: #fafafa;

	border: 1px solid #9c9999;

}

.fond4 {

	height: 50px;

	background-color: #eeeeee;

	border: 1px solid #9c9999;

}



.fond-dispo {

    

    

    height: 50px;

    background-color: #c9ffbf;

    border: 1px solid #d1d1d1;





}

.fond-bbloque {



    height: 50px;

    background-color: #ffc5bf;

    border: 1px solid #d1d1d1;





}



.formulaire {

 	background-color: #FFFFFF;

	border: 1px solid #7eadd9;

	color:#424f7a;

	background-image: url(images/fondform.gif);

	background-repeat: repeat-x;

	height: 20px;

	  height: 20px;

 

    margin: 5px;

	

}



.formulairetextarea {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-color: #FFFFFF;

	border: 1px solid #7eadd9;

	color:#424f7a;

	background-image: url(images/fondform.gif);

	background-repeat: repeat-x;

	

}





.pRight {

float:right;

}



.bouton2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-color: #dbddf0;

	border: 1px solid #003c74;

	height: 19;

	background-image: url(images/bouton.gif);

	background-repeat: repeat-x;

}

.message {

	border: 1px solid #D4D0C8;

}

.bordure {

	border: 1px solid #D4D0C8;

}



.autocomplete {

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

	width: 300px;

	float: left;

}





div.autocomplete ul {

  list-style-type: none;

  margin: 0px;

  padding: 0px;

  max-height: 20em;

  overflow: auto;

}



div.autocomplete ul li.selected {

    background-color: #ffb;

}



div.autocomplete ul li {

  list-style-type:none;

  display: block;

  margin: 0;

  padding: 2px;

  cursor: pointer;

}



div.autocomplete ul li span.informal {

    color: grey;

}



fieldset {

	padding: 10px;

	margin: 2px;

	color: #000000;

	

	border: 1px solid #b5b8c8;

}



form {

	margin:0px;



}

div#update {

      position:absolute;

      width:250px;

      background-color:white;

      color: black;

      border:1px solid #888;

      margin:0px;

      padding:0px;

}

div#update ul {

      list-style-type:none;

      margin:0px;

      padding:0px;

}

div#update ul li.selected { background-color: #ffb;}

div#update ul li {

      list-style-type:none;

      display:block;

      margin:0;

      padding:2px;

      height:22px;

      cursor:pointer;

}









div#update2 {

      position:absolute;

      width:250px;

      background-color:white;

      color: black;

      border:1px solid #888;

      margin:0px;

      padding:0px;

}

div#update2 ul {

      list-style-type:none;

      margin:0px;

      padding:0px;

}

div#update2 ul li.selected { background-color: #ffb;}

div#update2 ul li {

      list-style-type:none;

      display:block;

      margin:0;

      padding:2px;

      height:22px;

      cursor:pointer;

}

.cDouble{

	background-color: #c7d1f9;    margin: 10px;

    padding: 5px;

    width: 450px;  

}

.cTriple{

background-color: #f6f9c7;    margin: 10px;

    padding: 5px;

    width: 450px;  

}

.cQuad{

background-color: #dcf6f3;    margin: 10px;

    padding: 5px;

    width: 450px;  

}

.cQuint{

background-color: #c9e5ff;    margin: 10px;

    padding: 5px; 

    width: 450px;  

}



.bus{

background-color: #c9e5ff;    margin: 10px;

    padding: 5px;

    width: 450px;

}



.pcDouble{

	background-color: #c7d1f9;    margin: 10px;

    padding: 5px;

    width: 90%;  

}

.pcTriple{

background-color: #f6f9c7;    margin: 10px;

    padding: 5px;

    width: 90%; 

}

.pcQuad{

background-color: #dcf6f3;    margin: 10px;

    padding: 5px;

    width: 90%; 

}

.pcQuint{

background-color: #c9e5ff;    margin: 10px;

    padding: 5px; 

    width: 90%; 

}



.pbus{

background-color: #c9e5ff;    margin: 10px;

    padding: 5px;

    width: 90%; 

}





.titrePage {

    background-color: #19659a;

    color: #FFFFFF;

    font-size: 15px;

    height: 30px;

    padding-left: 8px;

    padding-right: 8px;

    text-transform: uppercase;

   

}



.tab {

    background-image: url("/images/titreTable.png");

    background-repeat: repeat-x;

    color: #FFFFFF;

    font-size: 12px;

    font-weight: bolder;

    height: 30px;

     padding-left: 8px;

    padding-right: 8px;

    padding-top: 8px;

    text-transform: uppercase;

	margin-top:0;

 }

 .tab-page {

    background-color: #FFFFFF;

    border: thin solid #024a81;

    box-shadow: 3px 5px 5px #024a81;

    color: #024a81;

    font-size: 12px;

     min-height: 100px;

 	padding-bottom:5px;

	margin-bottom:15px;

}





input[type="submit"] {

    background-color: #3a82c5;

    border: medium hidden;

    color: #FFFFFF;

    height: 22px;

	font-weight: bold;

     text-transform: uppercase;

 }

input[type="submit"]:hover {

    background-color: #1975af;

    border: medium hidden;

    color: #FFFFFF;

    height: 22px;

 }

input[type="button"] {

    background-color: #3a82c5;

    border: 0.5px solid #E2E2E2;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    color: #FFFFFF;

    cursor: pointer;

    font-size: 11px;

    height: 22px;

    margin: 2px;

    min-width: 80px;

    padding: 0 8px;

    text-align: center;

    text-transform: uppercase;

}

input[type="button"]:hover {

    background-color: #1975af;

    border: 0.5px solid #E2E2E2;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    color: #FFFFFF;

    cursor: pointer;

    font-size: 11px;

    height: 22px;

    margin: 2px;

    min-width: 80px;

    padding: 0 8px;

    text-align: center;

}

input[type="button"]:focus {

    border: 1px solid #4D90FE;

    outline: medium none;

}





.link-button {

    background-color: #3a82c5;

    border: medium hidden;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    color: #FFFFFF;

    cursor: pointer;

    font-size: 11px;

    height: 22px;

    line-height: 22px;

    min-width: 80px;

    padding: 0 8px;

    text-align: center;

    text-transform: uppercase;

}

.link-button:hover {

    background-color: #1975af;

    border: medium hidden;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    color: #FFFFFF;

    cursor: pointer;

    font-size: 11px;

    height: 22px;

    line-height: 22px;

    min-width: 80px;

    padding: 0 8px;

    text-align: center;

    text-transform: uppercase;

}

.link-button:focus {

    border: 1px solid #3a82c5;

    outline: medium none;

}

.link-button a {

    text-decoration: none;

	color: #FFFFFF;

}



.typeChambre{



background-color: #999999;

    clear: both;

    color: #FFFFFF;

    font-weight: bold;

    height: 35px;

    line-height: 35px;

    margin-bottom: 10px;

    margin-top: 20px;

    text-align: center;

    text-transform: uppercase;}



.validerTable {

    background-image: url("/images/bgTable.png");

    background-repeat: repeat-x;

    color: #0397C8;

    height: 40px;

    margin-top: 0;

    padding-left: 200px;

    padding-right: 180px;

    text-transform: uppercase;

 }

 

 

 #nav {

 

      height:40px;

 

	 background-color: #c9e5ff;

}

 

#nav ul {

     list-style-type: none;

	     padding-bottom: 0 !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-top: 8px;

}

 

#nav ul li {

     float: left;

     position: relative;

}

 

#nav ul li a {

  

     border-right:1px solid #e9e9e9;

     padding: 5px 25px 5px 10px;

 

     text-decoration:none;

 

}

 

#nav ul li ul {

     display: none

}

 

#nav ul li:hover ul {

     display: block;

     position: absolute;

}

 

#nav ul li:hover ul li a {

     display:block;

     background:#053974;

     color:#ffffff;

     width: 180px;

     text-align: left;

     border-bottom: 1px solid #fff;

     border-right: none;

}

 

#nav ul li:hover ul li a:hover {

     background:#6da0ec;

     color:#000;

}