/* Feuille de style principale */



/* --------------------BODY---------------------------- */

*{ 

    margin:0px;

    padding: 0px;

}



body { font-family: Arial,sans-serif; }



/* ------------------- HEADER ET FOOTER --------------- */

.header-top

{

    width:100%;

	height:auto;

	padding-top: 10px;

	padding-bottom:10px;

	background-color: #191a14;

	border-bottom: 5px solid #a92c04;

	color:white;

	display: flex;

	flex-direction: column; 

	align-items: center;

}



.header-title 

{

	font-size: 16px;

}



.footer

{

	width:100%;

	height: 150px;

	background-color: #191a14;

	border-top:5px solid #a92c04;

	align-items: center;

}





/* ------------------------------------------------------------------------- */



/* ---------------- CORPS DE PAGE (SECTION ET DIFFERENTES DIVS) --------------------------- */

.allSection

{

	width: 100%;

	display: flex;

	flex-wrap: nowrap;

	justify-content: flex-end;

}



.navBar

{

	width: 25%;

	display: flex;

	flex-direction: column;

	padding-top: 50px;

	background-color:#a92c04;

}



.navZone 

{

	width: 75%;

	display: flex;

	flex-direction: column;

	align-items: center;

	padding:10px;

}



.image {text-align: center;}



.subNavZone

{

	width: 70%;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: space-around;

	margin: 5px;

	border:2px dashed; 

	padding: 10px;

}



.subNavZone h1 

{

	color: #a92c04;

}



#matable,#maTableHeber,#myTable, #maTableChbre

{

	width: 100%;

	border-collapse:collapse;

	margin:5px;

}

#myTable

{

	width: 100%;

	border-collapse: collapse;

}

#myTable tr, #myTable td 

{

	width: 15%; 

	text-align: left;

	 padding:5px;

}

#maTableHeber tr

{

	width: 25%; 

	text-align:left;

}

#tabName

{

	color: #a92c04; 

	border-bottom: 2px dashed;

}



#libTH

{

	width: 20%;

}

#libIH

{

width: 25%;

}



#lib

{

	width: 30%;

}

#nbre

{

	width: 15%;

}



.inputAdd

{

	width: 30%; 

	height: 50px;

    margin-left : 350px;

}

.inputAddTab

{

	width: 95%;

}

.inputAddTabNbre

{

	width: 50%;

}



.subNavZoneAdd

{

	width: 100%;

	text-align: center;

	display: flex;

	flex-direction: column;

	padding:5px;

}

.formAdd, .formDup

{

	margin:30px;

    text-align: left;

}

.inputAddTxt

{

	width: 30%;

	height:20px;

}

.inputAddNbre

{

	width: 15%;

	height: 20px;

}

.inputAddNbreFact

{

	width: 5%; 

	height: 20px;

}

.inputAddCp

{

	width: 20%; 

	height: 20px;

}

.principalInfo

{

	border:1px solid black;

	margin-bottom: 10px;

}

.principalInfo h3

{

	color:#a92c04;

}



.cadeau

{

	border-radius: 20px;

}

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

.extractTable td{
	width: 200px;
}

.extractInput{
	width: 300px;
}

#annivTable td{
	height: 30px;
}

#annivTable tr:nth-child(odd){
	background-color: #dadada;
}

#annivTable tr:nth-child(1){
	background-color: #494949;
	color: #FFF;
	text-align: center;
}

#voyagesTable td{
	font-size: 1.2em;
}

#voyagesTable tr:nth-child(odd){
	background-color: #dadada;
}

#voyagesTable tr:nth-child(1){
	background-color: #494949;
	color: #FFF;
	text-align: center;
}



/* ---------------------------------------------------------------------------------- */



/* -------------------------- MENU DE NAVIGATION -------------------------------------- */



/* reset our lists to remove bullet points and padding */

.mainmenu, .submenu {

  list-style: none;

  padding: 0;

  margin: 0;

}



/* make ALL links (main and submenu) have padding and background color */

.mainmenu a {

  display: block;

  background-color: #a92c04;

  text-decoration: none;

  padding: 10px;

  color: white;

  border:1px solid black;

  font-size: 20px;

}



/* add hover behaviour */

.mainmenu a:hover {

    background-color: #a92c04;

}





/* when hovering over a .mainmenu item,

  display the submenu inside it.

  we're changing the submenu's max-height from 0 to 200px;

*/



.mainmenu li:hover .submenu {

  display: block;

  max-height: 700px;

}



/*

  we now overwrite the background-color for .submenu links only.

  CSS reads down the page, so code at the bottom will overwrite the code at the top.

*/



.submenu a {

  background-color: #999;

}



/* hover behaviour for links inside .submenu */

.submenu a:hover {

  background-color: #666;

}



/* this is the initial state of all submenus.

  we set it to max-height: 0, and hide the overflowed content.

*/

.submenu {

  overflow: hidden;

  max-height: 0;

  /* transition: all 10s ease-out; */
  /* -webkit-transition: all 10s ease-out; */

}



/* -------------------------------------------Texte sous le logo Zo�---------------------------------------------------------- */

.Zoe{

	margin-top: 340 px;

	margin-left: 48 px;

}

Zebre{

	margin-top: 358 px;

	margin-left: 40 px;

}

/* ----------------------------------------------------------------------------------------- */



/* -------------------------- TABLEAU DE FACTURATION DANS LE CONTRAT ET LES FACTURES -------------------------------------- */

tabcenter{

    margin-top: 10%;

	margin-left:auto;

	margin-right:auto;

	width: 30%; 

}

caption{

    text-align:center;

	font-size:20px;

	font-family: calibri;

}

table{

	border-collapse: collapse; /* Les bordures du tableau seront coll�es*/

}



td{

	border: 1px solid black;

	padding:10px;

}

/* ----------------------------------------------------------------------------------------- */



/* -------------------------- ZONE DE SAISIE D'UN NOMBRE DANS CONTRAT -------------------------------------- */

.Nb {

    height:20px;

    width:50px;

}

.flotte{

    height : 100px;

    width : 250px;

    margin-left : 400px

}

/* ----------------------------------------------------------------------------------------- */



/* -------------------------- ZONE DE SAISIE DES EXIGENCES PARTICULIERES ET DU CONTACT DANS LE CONTRAT -------------------------------------- */

.exPart{

    height:50px;

    width:1000px;

}



.contact{

    height:20px;

    width:500px;

    text-align:center;

}

.langue{

    height:20px;

    width:300px;

}

.soussigne{

    height:20px;

    width:500px;

}



.signature{

    padding: 10px;

    height:150px;

    width:1000px;

    border:1px solid black;

    color:#a92c04;

}



.CliVoy{

    height:20px;

    width:500px;

    

}





.Infos{

    text-align:right;

}

.mode{

    height:20px;

    width:200px;

}

.prevision {

    height: 20px;

    width: 90px;

    

}

.categ{

    height:20px;

    width:100px;

    overflow : auto;

  

}

.PrestationNonIncluse{

    height:50px;

    width:200px;

    overflow : auto;

}

.volRef{

    height:20px;

    width:300px;

}

h4{

   border: 2px solid black; 

}

.texteEscale{

    text-align:right;

}

textarea {

  resize: none;

}



.vol{

    height:20px;

    width:80px;

}



.hebergement{

    height:20px;

    width:40px;

}



.table.cacher{

    display:none;

    position: fixed;

}



.table.cacherLigne{

    display:none;

    white-space: nowrap;

}



.table.cacherColonne{

    display:none;

    position: fixed;

}

.table.cacherLigne2{

    display:none;

    position: fixed;

    white-space: nowrap;

}

.td-convocation{
	text-align: center;
	vertical-align: middle;
}

.td-convocation input{
	width: 20px;
	height: 20px;
}