/* GLOBAL */

html { height:100% }

html, body, main {
  height: 100%;
}

body {
	
	height:100%;
	margin : 0px; 
	margin : 0px; 
	padding : 0px; 
}

a {	color:#000000;}


.backHaut1 { background: linear-gradient(#555555,#000000); background-color: #000000;color:#FFFFFF}

.Hauttab {  
	/* border-bottom: 1px solid #222200;*/
	border-left: 1px solid #ffffff; 
	height:25px;
}

.normal { 
	font-size:14px;
	font-family:Verdana,Arial;
}

.normal2 { 
	font-size:15px;
	font-family:Verdana,Arial;
}


.normalV {
	font-size:12px;
	font-family:Verdana,Arial;
}

.ptl {
	font-size:11px; 
	line-height:11px; !important;
	font-family:Verdana,Arial;
}

.tptl {
	font-size:9px;
	font-family:Verdana,Arial;
}

.titre {
	font-weight:600;
	font-family:Verdana,Arial;
	font-size:20px;
	font-style: italic;
	color:#ca9c2e;
}

.titre3 {
	font-size:16px;
	font-family:Verdana,Arial;
	font-weight:bold;
	color:#FFFFFF;
}

.ass {
	text-decoration: none; 
}

.Bold {font-weight:bold; !important;}

.padtop10 { padding-top:10px; }
.padtop20 { padding-top:20px; }
.padtop30 { padding-top:30px; }
.padtop40 { padding-top:40px; }

.padleft20 { padding-left:20px; }
 .padbottom30 { padding-bottom:30px; }

.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }

.DisparProgressif {
	animation-fill-mode: forwards;
	transition-timing-function: ease-in;
	animation-duration: 15s;
	animation-name: slidein5;	
}

@keyframes slidein5 {
  from {
    opacity:0;
	top:0px;
  }
  
  10% {
	  opacity:1;
	  
  }
  40% { 
		top:0px;
  }
   to {
	opacity:1;
	 top:-500px;
	
  }
}

.menuLang  {border: 0px}
.menuLang  .menuLangNiv2 {display: none; position: absolute; right: 0px; top: 48px; margin:0px; padding: 0px 0px 0px 0px; border: 1px solid grey; width:160px}
.menuLang ul li{ width:150px ;padding-top:10px; }
.menuLang li {list-style-type: none; position: relative; z-index: 99;padding-left:10px        ; height:30px; margin: 0px; }
.menuLang li.SousMenuDroit {text-align:left;background:#FFFFFF}
/* .menuLang  li:hover .menuLangNiv2 {display: block;} */
.menuLangNiv2 {display: none; }
.menuLangNiv2  li.SousMenuDroit:hover {background-color: #F0CF9A;}


.ButtonModern {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
 
  
  cursor: pointer;
  margin: 0 auto;
  text-decoration: none;
  box-shadow: 1px 1px 1px #bbbbbb;
  border: 2px solid rgb(0,0,0);
  -webkit-border-radius: 10px;
  border-radius: 20px;
  font: normal 20px  Helvetica, Verdana, sans-serif;
  color: rgb(0, 0, 0);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: rgba(255,255,255,1);
  -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -moz-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -o-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
}

.ButtonModern:hover {
  color: rgba(255,255,255,1);
  background: rgb(104, 130, 40);
  
}

.ButtonModern:active {
  border: 2px solid rgba(33,224,163,1);
  background: rgba(33,224,163,1);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.NonSelect {
	-webkit-user-select: none; 
	-webkit-touch-callout: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;    
}

/* --- Pour le tableau viewalias --- */

.ChangeTDsAuSurvolTR {
	background-color:#fffffd;
}

/* 
Lors du survol d'une ligne, tous les td contenu dans cette ligne changeront de couleur de fond 
*/
.ChangeTDsAuSurvolTR:hover {
	background-color:#dadada;
}

.popup {
  margin: 50px auto;
  padding: 20px;
  background: #fff;
  border-radius: 15px;
  width: 40%;
  position: relative;
  transition: all 2s ease-in-out;
}

.popup .close {
  position: absolute;
  top: 5px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

.TablePrix {
	display:table-cell;
	text-align:center;
	border-style: solid; 
	border-color: #688228;
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	font-family:Verdana,Arial;
	vertical-align:middle;
}

/* Checkbox round */ 
.round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 26px;
  width: 26px;
  left: 5px;
  position: absolute;
  /* top: 13px; */
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}


.backHaut4 { background: linear-gradient(#E0E0E0,#BEBEBE); background-color: #CCCCCC}
.Hauttab {  
	/* border-bottom: 1px solid #222200;*/
	border-left: 1px solid #ffffff; 
	height:25px;
}
.CaseTableau4 {
	border-bottom: 1px solid #9B9B9B;
	padding:6px;
	vertical-align:middle;
}



.W80p90p100p { width:80%; }
.W70p80p100p { width:70%; }
.W30p45p100p { width:30%; }
.W50p50p0p { width:50%; }
.space { display:block; }
.bloc1 { display:block; }
.flexSaufPetit { display:flex; }
.flexSifPetit { display:none; }
.BlockSaufPetit { display:block; }
.BlockSiPetit { display:none; }
.fontsize16px11px { font-size:16px; }
.fixedSiPetit {	position : initial;	}

.DivG { width: 29%; background-color:#fffffd; border-left:1px solid #ca9c2e;}
.DivMultiA { width: 29%; border-radius: 0 0 10px 10px;}
.DivD { width: 49%; margin-top:55px;margin-bottom:35px;box-shadow: 0px 0px 3px #555;}
.spaceD { display:block; }
.BandH {
	background-color:#303438;
	color:#FFFFFF;
	border-radius: 0;
	border-bottom:1px solid #999999;
}
.WZero { width:0 }
.droiteW100 { width:100%; margin-top:46px; margin-bottom:30px;box-shadow: none}	
.TableSaufPetit { display:table; }
.icoMenu {  content:url("images/expandW.svg"); }
.icoMenuClos { content:url("images/closW.svg"); }

@media all and (max-width: 1400px) {  

	.W80p90p100p { width:90%;  }	
	.W70p80p100p { width:80%; }
	.W30p45p100p { width:45%;}
	.W50p50p0p { width:50%; }
	.bloc1 { display:none; }
	
	.DivG { width: 44%; background-color:#fffffd; border-left:1px solid #ca9c2e;}
	.DivMultiA { width: 44%; border-radius: 0 0 10px 10px;}
	.DivD { width: 54%; }
	.spaceD { display:block; }
}

@media all and (max-width: 750px) {  
	.W80p90p100p { width:100%;  }	
	.W70p80p100p { width:100%; }
	.W30p45p100p { width:100%;}
	.W50p50p0p { width:0%; }
	.space { display:none; }
	.popup {
	  margin: 10px auto;
	  padding: 20px;
	  background: #fff;
	  border-radius: 15px;
	  width: 90%;
	  position: relative;
	  transition: all 2s ease-in-out;
	}
	.fontsize16px11px { font-size:11px; }
	.flexSaufPetit { display:none; }
	.flexSifPetit { display:flex; }
	.BlockSaufPetit { display:none; }
	.BlockSiPetit { display:block; }
	.fixedSiPetit {	position : fixed;	}
	
	
	
	.DivG { width: 100%; background-color:#FFFFFF; border-left: 0;}
	.DivMultiA { width: 100%; border-radius: 10px;}
	.DivD { width: 0%; margin-top:55px; margin-bottom:35px;box-shadow: 0px 0px 3px #555}
	.spaceD { display:none; }
	.BandH {
		
		color:#222222;
		border-radius: 0 0 10px 10px;
		border-bottom:1px solid #ca9c2e;
	}
	.ChangeTDsAuSurvolTR {
		background-color:#ffffff;
	}
	.TableSaufPetit { display:none;  }
	.icoMenu {  content:url("images/MenuW.svg"); }
}