.page {
  border-top: 1px solid #FA5F55; 
}
.pageresultats{
	 float: left;
	padding: 2em 2em 0px 2em;
	background-color: #e8e6e6;	
}
.resultatstext{	
    margin: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid;	
}

	
.resultatsimg{
	width: 90%;
    float: right;
}
.resultatsimg img{
	display:block;
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}
.thumnbresultats{		
    float: left;
	background-color: #cfcccc;
	width: 10%;
	height: 100%;
	border-right: 1px solid;
	padding-bottom: 20px;
	padding-top: 10px;
	
}

.thumnbresultats img{
	width: 70%;
	display: block;
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;	
	cursor:pointer;
}
.banner img{	
  width: 100%;
  height: auto; 
  Center and scale the image nicely 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;	
}

#logo{	
	width:150px;
	height:100px;
    padding-bottom:0px;	
}
.consulterbtn{
  color: white !important;
  font-weight: bold !important;
  
}
#downloadbt:hover{
	cursor:pointer;
}
/*------------------------------*/
/* NAVBAR STYLING STARTS */
.navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;  

}

nav.navbar {

	  	padding: 0px;
	margin: 0px;
	  padding-left: 20px;
}
ul.nav-links{
	  	padding: 0px;
	margin: 0px;
}
.nav-links a {
  display: block;
  padding: 8px;
  color: red;
  text-decoration: none;
}

/* LOGO */
.logo {
  font-size: 32px;
  	padding-bottom:0px;
	margin-bottom:0px;
}

/* NAVBAR MENU */
.menu {
	padding-top:80px;
	padding-bottom:0px;
	margin-bottom:0px;
     display: flex;
    justify-content: flex-end;
    align-items: center;
  font-size: 18px;
  list-style-type: none;
}

.menu a:hover {
  color: white;
  background-color:red;
  border-radius: 5px 5px 0px 0px;
  transition: 0.3s ease;
}

.menu a.active {
  color: white;  
  background-color:red;
  border-radius: 5px 5px 0px 0px;
}

.menu a {
  padding: 5px 14px;
}

/* DROPDOWN MENU */
.services {
  position: relative; 
}

.dropdown {
  background-color: red;
    opacity: 0.5;
  padding: 1em 0;
  position: absolute; /*WITH RESPECT TO PARENT*/
  display: none;
  border-radius: 8px;
  top: 35px;
}

/* .dropdown li + li { */
  /* margin-top: 10px; */
/* } */

.dropdown a {
	
  padding: 0.5em 1em;
  width: 8em;
  text-align: center;
}



.services:hover .dropdown {
  display: block;
}

/* RESPONSIVE NAVBAR MENU STARTS */

/* CHECKBOX HACK */

input[type=checkbox] {
  display: none;
} 

/* HAMBURGER MENU */
.hamburger {
  display: none;
  font-size: 30px;
  user-select: none;
  padding-right:10px;
}

/* APPLYING MEDIA QUERIES */
@media (max-width: 768px) {
	html,body {
    height:100%;
}
.pageresultats{
	padding: 1em 1em 0px 1em;
}

.thumnbresultats{		
      float: none;
	background-color: #cfcccc;
	width: 100%;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 10px;
	
}

.thumnbresultats img{
	width: 4em;
	display: inline;
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
    padding-left: 5px;	
	cursor:pointer;
}
.resultatsimg{
	width: 100%;
    float: none;
}
/*
.resultatsimg img{
	display:block;
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}
*/
 .page{
	height: 100%;
	background-color: #e8e6e6;	
 }
 .banner img{
	  content:url(../images/irm_sm.png);
 }
 .menu {
    color: white;
    display:none;
    position: absolute;
    background-color:white;
    opacity: 0.8;
    right: 0;
    left: 0;
    text-align: center;
    padding: 16px 0;
	z-index: 99;
  }

  .menu a:hover {
  color: white;
  background-color:red;
  border-radius: 5px 5px 0px 0px;
  transition: 0.3s ease;
  }

  /* .menu li + li { */
    /* margin-top: 12px; */
  /* } */

  input[type=checkbox]:checked ~ .menu {
    display: block;
  }

  .hamburger {
    display: block;
  }

  .dropdown {
    left: 50%;
    top: 30px;
    transform: translateX(35%);
  }

  .dropdown li:hover {
    background-color: red;
	  opacity: 0.5;
	
  }
  
  .popup {   
  top: 20%; 
  left: 5%;
   z-index: 10;
}
}
/*------------------------------*/


.popup {
	background-color:white;
    opacity: 0.9;
	padding:20px;
	border-radius: 20px 20px 20px 20px;
    

  position: absolute;
  top: 25%;
  right: 5%;
   z-index: 10;
    /*position: relative;  
	  left: 50%; */
    /* -webkit-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%); */
}

.popupRDV {
	background-color:white;
    opacity: 0.9;
	padding:20px;
	border-radius: 20px 20px 20px 20px;
    

  position: absolute;
  top: 66%;
  right: 40%;
   z-index: 11;
    /*position: relative;  
	  left: 50%; */
    /* -webkit-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%); */
}

.btn, .btn:active, .btn:visited {
    background-color: #fd0000 !important;
     color:white;
     font-weight: bold;
}

.btn:hover {
    background-color: #fc4e4e !important;
     color:white;
     font-weight: bold;
}

.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}