* {
  /* box-sizing: border-box; */
}

/*
img {
    transition: all .3s ease-in-out;
    border-radius: 100%;
}
img:hover {
border-radius: 0%;
}
*/


/* Create three equal columns that floats next to each other */
.column1 {
  float: left;
  width: 15%;
  padding: 5px;
  
}

.column2 {
  float: left;
  /* width: 50%; */
  width: auto;
  padding: 5px;
   /* background-color:red; */
  margin-top: 40px;
 
}

#baseline span {
 font-size: 20px;
 color: #065494;
 text-shadow: 0 0 10px white, -40px -40px 0px rgba(66,84,174,0);
 
}


.column3 {
  float: right;
   /* width: 35%; */
     width: auto;
  padding: 5px;
   
}

.column3 a:hover {
background-color:#E8F1F8;
border-radius: 50%;
-webkit-box-shadow: 5px 5px 15px 5px #B3B3B3; 
box-shadow: 1px 1px 10px 6px #8BA6B8;
}



/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive */
@media screen and (max-width: 1280px) {

.column1 {
  width: 20%; 
}

.column2 {
  margin-top: 30px;
}


#baseline span {
 font-size: 16px;
}

}


/* Responsive */
@media screen and (max-width: 1070px) {

.column1 {
  margin-left: 48px;
  width: 30%; 
}

.column2 {
display: none;
}

.column3 {
  width: 50%; 
}
	
	 .navbar { 	margin-top: 1px; }
}

/* Air and Me */
$glass: rgba(255, 255, 255, 0.2);
$glass-icon: rgba(255, 255, 255, 0.3);
$gradient: linear-gradient(35deg, red, purple);
$option: #320a27;




body {
  /*   background: $gradient;  */
}

/* <select> styles */
select {
  /* Reset */
  appearance: none;
  border: 0;
  outline: 0;
  font: inherit;
  /* Personalize */
  /* width: 20em; */
  height: 2.5em;
  margin-left: 1em;
  margin-top: 4px;
  padding: 0 4em 0 1em;
  /*background: url(https://upload.wikimedia.org/wikipedia/commons/9/9d/Caret_down_font_awesome_whitevariation.svg)
      no-repeat right 0.8em center / 1.4em,
    linear-gradient(to left, $glass-icon 3em, $glass 3em); */
  background: url(/files/lairetmoi/img/header/langs.png) no-repeat right white;
  background-color: #0C98BC;
  color: white;
  border-radius: 2em;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  /* <option> colors */
  option {
    color: inherit;
    background-color: $option;
  }
  /* Remove focus outline */
  &:focus {
    outline: none;
  }
  /* Remove IE arrow */
  &::-ms-expand {
    display: none;
  }
}

/*combobox 2 */


.btnheader {
	background: url("/files/lairetmoi/img/header/monde.png") no-repeat white;
  background-position: left;
  background-color: #0C98BC;
  color: white;
  border: no;
  border-radius: 20px;

  text-align: right;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  /* margin: 4px 2px; */
  cursor: pointer;
  text-shadow: black 1px 0 12px;
	margin-top: 10px;
	width: 117px;
	height: 40px;
	padding: 7px;
}

a.btnheader:hover {
    border-radius: 20px;
    background-color: #0B89A9;
	color: white;
	box-shadow:none;
}
 
.search {
	border-radius: 20px;
	position:center;
	background-color:white;
	width: 100%;
}

* {
  box-sizing: border-box;
}

IMG.centerimg {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

P.centertext {
    margin-left: auto;
    margin-right: auto;
    width: 6em
}

.navbar {
	margin-top: 1px; /* 15px*/
}

.dropdown {
  float: left;
  overflow: hidden;
  
  margin-right:13px;
  /* margin-left:13px; */
}

.dropdown .dropbtn {
  /* font-size: 16px;  
  border: none;
  outline: none;
  color: blue;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0; */
margin-top: 10px;
padding: 20px 20px;
height: 20px;
width: 20px;
background: url("/files/lairetmoi/img/header/megamenu.png") no-repeat white;
background-position: center;
background-color: #D6433C;
color: white;
border-radius: 2em;
box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
box-shadow: none;
cursor: pointer;
border: none;

}

.navbar a:hover, .dropdown:hover .dropbtn {
  /* background-color: red; */
  
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #e1ebf4;
  /* width: 100%; */
  /* left: 0; */
  right: 0;
  /* box-shadow: 0px 8px 16px 0px rgb(108, 120, 128); */
  box-shadow: 1px 1px 10px 6px #8BA6B8;
  border-radius: 15px;
  margin-top: -40px;
  z-index: 11;
}


.dropdown-content::before {
 
}

.dropdown-content::after{
 /*  display: inline-block;
  content: "\00d7";   */
}


.dropdown-content .header {
  /* background: red;
  padding: 16px;
  color: white; */
}

.dropdown:hover .dropdown-content {
  display: block;
}


/* Create three equal columns that floats next to each other */
.column {
float: left;
width: 33.33%;
padding: 10px;
background-color: #e1ebf4;
height: 450px;
border-radius: 15px;
/* background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5))); */
}


.column h4 {
    color: #E55040;
}

.column a {
  float: none;
  color: #065494;
  padding: 6px;
  text-decoration: none;
  display: block;
  text-align: left;
  text-shadow: 0 0 10px white, -40px -40px 0px rgba(66,84,174,0);
}

.column a:hover {
  background-color: #29B2D3;
  color:white;
    text-shadow: 0 0 10px black, -40px -40px 0px rgba(66,84,174,0);
  border-radius: 15px;
  box-shadow: 0px 7px 10px -5px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    height: auto;
  }
}