/*     
COULEURS
#FFFFFF = blanc
#000000 = noir
#FF4400 = fond
#FF2200 = contour
POLICES
Gotham
*/

#impression {
  display:none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  opacity:0 !important;
  overflow: hidden !important;
}

#notimpression {
display:block !important;
}

#footer, mega-menu, mega-menu-sm, mega-menu-md, mega-menu-lg, mega-menu-xl {
display:none !important;
}

footer {
font-size:14px;
opacity:0.8 !important;
bottom:0px !important;
margin-bottom:0px !important;
padding-bottom:0px !important;
text-shadow:none !important;
box-shadow:none !important;
}

#header {
display:none !important;
}

header {
font-size:14px;
opacity:0.8 !important;
bottom:0px !important;
margin-bottom:0px !important;
padding-bottom:0px !important;
}

@page {
    size: a4 !important;
    size: portrait !important;
    margin: 0cm !important;
}

*,
*:before,
*:after,
p:first-letter,
div:first-letter,
blockquote:first-letter,
li:first-letter,
p:first-line,
div:first-line,
blockquote:first-line,
li:first-line {
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border:none !important;
 }

html {
  	width:100% !important;
  	margin:0px !important;
    bottom:0px !important;
    top:0px !important;
    right:0px !important;
    left:0px !important;
    padding: 0px !important;
	font-size: 18px;
	box-shadow:none !important;
	border:none !important;
 }

body {
    background: #FFFFFF !important;
    color: #000000 !important;
    font-family: Gotham, Arial, sans-serif;
	margin:0px !important;
    bottom:0px !important;
    top:0px !important;
    right:0px !important;
    left:0px !important;
    padding: 0px !important;
	font-size: 18px;
	box-shadow:none !important;
	border:none !important;
	width:100% !important;
	overflow:hidden !important;
}

.alert2, .alert00, .alert0000, .alert00b, .container, .background-10, mainImg
{
	font-size: 18px;
    background: #FFFFFF !important;
    color: #000000 !important;
    font-family: Gotham, Arial, sans-serif;
	width:100% !important;
	margin:0px !important;
    padding: 0px !important;
    bottom:0px !important;
    top:0px !important;
    right:0px !important;
    left:0px !important;
	float:none !important;
	text-shadow:none !important;
	box-shadow:none !important;
	border:none !important;
	overflow:hidden !important;
  }
  
.alert00b:hover
{
	box-shadow:none !important;
}

.alertlettre, .footerlettre, .entetelettre
{
	font-size: 18px;
    background: #FFFFFF !important;
    color: #000000 !important;
    font-family: Gotham, Arial, sans-serif;
	width:100% !important;
	margin:0px !important;
    padding: 0px !important;
    bottom:0px !important;
    top:0px !important;
    right:0px !important;
    left:0px !important;
	float:none !important;
	border-radius:0px !important;
	text-shadow:none !important;
	box-shadow:none !important;
	border:none !important;
	overflow:hidden !important;
  }
  
.alertlettre:hover
{
	box-shadow:none !important;
}

p, li, div, ul, table, td, tr {
	font-size: 18px;
	background: #FFFFFF !important;
    color: #000000 !important;
    font-family: Gotham, Arial, sans-serif;
	text-shadow:none !important;
	box-shadow:none !important;

  }
  
.QRCode {
width:100px !important;
opacity:0.8 !important;
font-size:12px;
  }
  
.Logo {
width:70px !important;
opacity:1 !important;
margin-top:16px !important;
  }
  
.LogoText {
font-size:9.5px;
opacity:1 !important;
  }
  
  
  
  
  .zinput {
  position: relative !important;
}

.zinput label {
  display: inline-block !important;
  position: relative !important;
  cursor: pointer !important;
  transition: color 0.2s ease-in-out !important;
}

.zinput label:before {
  width: 32px !important;
  height: 32px !important;
  top: 50% !important;
  left: 0 !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  cursor: pointer !important;
  content: '' !important;
  border: 1px solid #e1e1e1 !important;
  transition: box-shadow 0.2s ease-in-out !important;
  box-shadow: inset 0 0 0 0px #28a745, 0 0 0 0 #e1e1e1 !important;
}


.zinput.zradio input[type='radio'] {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  cursor: pointer !important;
}

.zinput.zradio input[type='radio']:checked + label:before {
  border-color: transparent !important;
}

.zinput.zradio input[type='radio'] + label:before {
  border-radius: 50px !important;
}

.zinput.zradio input[type='radio']:checked + label:before {
  box-shadow: inset 0 0 0 9px #28a745, 0 0 0 0 #28a745 !important;
}


.zinput.zcheckbox input[type='checkbox'] {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  cursor: pointer !important;
}

.zinput.zcheckbox input[type='checkbox']:checked + label:before {
  border-color: transparent !important;
}

.zinput.zcheckbox input[type='checkbox'] + label:before {
  border-radius: 5px !important;
  background-color: #FAFAFA !important;
}

.zinput.zcheckbox input[type='checkbox']:checked + label:before {
  box-shadow: inset 0 0 0 20px #28a745, 0 0 0 0 #38c157 !important;
}

.zinput svg {
  position: absolute !important;
  width: 16px !important;
  height: 16px !important;
  -webkit-transform: translateY(-65%) !important;
  -ms-transform: translateY(-65%) !important;
  transform: translateY(-65%) !important;
  pointer-events: none !important;
}

.zinput svg path {
  stroke: #fff !important;
  stroke-width: 18px !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  fill: none !important;
}