.hidden.menu {
    display: none;
  }
  .ui.header{
    font-weight: 400 !important;
  }
  .text-center{
    text-align: center !important;
  }
  .text-left{
    text-align: left !important;
  }
  .text-right{
    text-align: right !important;
  }
  .large-space{
    padding: 6em 0;
  }
  .text-italic{
    font-style: italic !important;
  }
  .ui.tab{
    padding-top: 20px;
  }
  .tabular{
    cursor: pointer;
  }

  #eventId .card img{
    object-fit: cover;
    height: 15em;
  }

  #eventId a.header{
    font-size: 1.2em !important;
    height: 1.7em;
    overflow:hidden;
    display:inline-block;
  }
  #eventId .card .meta{
    font-size: 0.9em !important;
    height: 5.5em;
  }

  #menu-tarif{
    font-size: 16px;
  }

  #menu-tarif .item{
    text-transform: uppercase !important;
        border-bottom-width: 4px;
        font-weight: bold;
  }
  #menu-tarif .active.item{
    text-transform: uppercase !important;
    border-color: #2185D0;
    color:  #2185D0;
  }
  .text-uppercase{
      text-transform: uppercase !important;
  }

  .full{
    width: 100% !important;
  }
  .color-blue{
    color: #00AEEF !important;
  }
  .color-grey{
    color: #C0BFBF !important;
  }
  .color-darkgrey{
    color: #373737 !important;
  }
  .color-darkblue{
    color: #245DA2 !important;
  }
  .color-white{
    color: #FFF;
  }
  .border-right{
    border-right : 1px solid #DEDEDE !important;
  }

  .size-2x{
    font-size: 2em;
  }

  .space-top{
    margin-top: 2em !important;
    padding-bottom: 1em !important;
  }
  .space-bottom{
    margin-bottom: 2em !important;
  }
  .menuopac{
	  background-color: rgba(169, 169, 169, 0.5);
	  }
#masterhead{
  background: #17467E !important;
}
  #price span{
    font-size: 3em;
  }
  #price small{
    font-size: 1em;
  }
  #calc{
    background: #282c35;
    padding: 2em;
    border-radius: 5px;
  }
  #stickyMenu{
    background: #c6183d;/*17467E*/
        padding: 10px;
  }
  #stickyMenu #logo img{
    margin-right: 20px;
  }
  #landingpageheader{
    background: url('../images/landing.bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
   #plus{
    background: url('../images/plus.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  .slider h1{
    text-shadow: 0 2px 3px rgba(0,0,0,.25);
  }

  ui.vertical.segment {
    border-bottom: 1px solid #eee !important;
  }

  .masthead.segment {
    min-height: 700px;
    padding: 1em 0em;
  }
  .pageheader{
    min-height: 0 !important;
  }
  .masthead .logo.item img {
    margin-right: 0em;
	 
  }
  .masthead .ui.menu .ui.button {
    margin-left: 0.5em;
  }
  .masthead h1.ui.header {
    margin-top: 3em;
    margin-bottom: 0em;
    font-size: 3em;
    font-weight: normal;
  }
  .masthead h2 {
    font-size: 1.7em;
    font-weight: normal;
  }

  .ui.vertical.stripe {
    padding: 3em 0em;
  }
  .ui.vertical.stripe h3 {
    font-size: 2.7em;
    color : #245DA2;
  }

  .stripe.odd{
    background: #F6F6F6 !important;
  }

  .ui.vertical.stripe h4 {
    font-size: 1.8em;
  }
  .ui.vertical.stripe .button + h3,
  .ui.vertical.stripe p + h3 {
    margin-top: 3em;
  }
  .ui.vertical.stripe .floated.image {
    clear: both;
  }
  .ui.vertical.stripe p {
    font-size: 1.33em;
  }
  .ui.vertical.stripe .horizontal.divider {
    margin: 3em 0em;
  }

  .quote.stripe.segment {
    padding: 0em;
  }
  .quote.stripe.segment .grid .column {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .footer.segment {
    padding: 5em 0em;
  }

  #mainMenu .toc.item {
    display: none;
  }

  #logo{
    padding: 0 !important;
  }
  #logo img{
  width: 150px;
  }
  #pageheader{
   /* padding: 6em 0em;*/
       /* background: #c7183f;2196F3*/
		 background-color: rgba(199, 24, 63, 0.4);
        background-image: url('../images/bg-pattern.png');
  }
  #pageheader h1{
    font-size: 45px;
            color: #fff;
            text-shadow: 0 2px 3px rgba(0,0,0,.25);

  }
  #pageheader .breadcrumb a.section{
    color: #DADADA !important;
  }
  #pageheader .breadcrumb .active{
    color: #373737 !important;
    font-weight: normal !important;
  }
  #eventfilter{
    padding: 30px 0;
    background : #F4F4F4;
  }
  #eventlist{
    padding: 30px 0;
  }

  @media only screen and (min-width: 900px) {
    .centered-table{
      width: 70% !important;
      margin: 0 auto !important;
    }
  }
  @media only screen and (max-width: 700px) {
    .ui.fixed.menu {
      display: none !important;
    }
    #stickyMenu .item,
    #stickyMenu .menu {
      display: none;
    }
    #mainMenu .toc.item {
      display: block;
    }
    .masthead.segment {
      min-height: 350px;
    }
    .masthead h1.ui.header {
      font-size: 2em;
      margin-top: 1.5em;
    }
    .masthead h2 {
      margin-top: 0.5em;
      font-size: 1.5em;
    }
  }
  
  
  
  
  
{
  box-sizing: border-box;
}

.wrapper {
  width: 100%;
  overflow: hidden;
  margin: 30px auto 0;
}

section {
  width: 100%;
  float: left;
  margin: 0 2%;
}

label { 
  border-radius: 7px;
}
label:hover {
  background-color: #CCC;
  cursor: pointer;
}




.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 350px;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.inforecap { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warningrecap { background: #FFFFAA; border: 1px solid #FFAD33; }
		
		
		.simple_red_bold{
	color:#bf0f0f;
	font-weight:bold;
}


<!-- CSS POPUP-->

h1{
			text-align: center;
		}
		#modalCheck{
			display: none;
		}
		.modalLayer{
			display: none;
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: rgba(0, 0, 0, 0.5);
			z-index:1000;
		}
		#modalCheck:checked + .modalLayer, #modalContent:target{
			display: block;
		}
		#modalCheck:checked + .modalLayer, #modalContentdemande:target{
			display: block;
		}
		.popup_block{
			background: #fff;
			padding: 20px;
			border: 20px solid #ddd;
			position: relative;
			margin: 10% auto;
			width: 40%;
			box-shadow: 0px 0px 20px #000;
			border-radius: 10px;
		}
		 
		.button{
			cursor: pointer;
			color: blue;
			text-decoration: underline;
		}
		.submitpop {background: #a61b29;
		border: none;
		color: #fff;
		display: block;
		width: 100%;
		border-radius: 5px;
		padding: 8px 0;
		margin-top: 6px;
		text-align:center
		}
		img.btn_close {			float: right;
					margin: -55px -55px 0 0;
					cursor: pointer;
		}

 
 
 
 
 
 /*----------------------------------
        SIDEBAR
        ----------------------------------*/
 input[type=radio],
 input[type=checkbox] {
   display: none;
 }
 form input[type="radio"]:checked + label {
   background-color: white;
   border: 6px solid #C6183D;
 }
 label {
   
   appearance: button; 
 
   color: #111111;
 
   width: 25%;  
}