html{margin:0;padding:0;font-size:16px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;	padding:0;}
div {-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;}
div.floatleft {float:left;}
div.floatright {float:right;}
div.clearfix{ clear: both; }
div.whitespace{white-space:pre-wrap;}
div.out{width:100%;}
div.in{width:90%;margin-left:5%;}
img.responsive{width:100%;height:auto;border:none;}
ol,ul {list-style:none;}
h1  {font-weight:normal;color:#f60;font-size:2.5rem;padding-bottom:1.5rem;}
h2 {font-weight:normal;color:#f60;font-size:2.0rem;padding-bottom:1.1rem;}
h3,h4,h5,h6 {font-weight:normal;color:#f60;font-size:1.5rem;padding-bottom:0.8rem;}
body{font-family: 'Quicksand', sans-serif;background: #fff;color:#555;}
.josefin{font-family: 'Josefin Slab', serif;}
.bold{font-weight:bold;}
.ib{display:inline-block;margin-right:-4px;vertical-align:middle;}
.orange{color:#a40;}

div.menu{position:relative;width:95%;padding-left:5%;}
div.sousmenu1, div.sousmenu2{padding-left:5%;display:none;z-index:10;position:absolute;background:#fff;width:100%;border-top:1px solid #f2f2f2;}
a.menu, a.menu2{font-size:2rem;text-decoration:none;color:#555;margin-right:1.5rem;}
a.menu:hover{color:#f60;}
a.menu2:hover{color:#f60;}
a.expatsnew{display:inline-box;text-decoration:none;background:#a40;color:#fff;font-size:1.5rem;border-radius:10px;padding:1rem;}
a.expatsnew:hover{box-shadow:3px 6px #ddd;}
a.covidnews{display:inline-box;text-decoration:none;background:#f00;color:#fff;font-size:1.5rem;border-radius:10px;padding:1rem;}
a.covidnews:hover{box-shadow:3px 6px #ddd;}
span.expats{font-size:1.5rem;}
div.change-langue{width:65px;}
a.current-langue{font-size:2rem;display:inline-block;text-decoration:none;color:#555;line-height:2rem;}
ul.list-langue{display:none;position:absolute;margin:0;padding-left:0;z-index:20;width:65px;}
li.list-langue {z-index:10;margin:0;list-style-type: none;border:1px solid #aaa;padding:5px;background:#fff;}
li.list-langue:hover{background:#fc0;}
a.current-langue:hover + ul.list-langue{display:block;}
ul.list-langue:hover{display:block;}
a.list-langue{text-decoration:none;font-size:2rem;color:#555;}


div#burger{width:5%;display:none;}
img.burger{width:40px;}
div#menuburger{display:none;position:absolute;z-index:10;padding-left:5%;background:#fff;width:100%;border-bottom:1px solid #f2f2f2;}

div#imgentete{width:100%;position:relative;height:300px;margin-bottom:3rem;}
div.logo{position:absolute;left:5%;top:140px;font-size:3rem;line-height:1rem;padding:0.5rem;padding-top:1.5rem;border-radius:1rem;color:#555;background:#fff;background-color: rgba(255,255,255,0.8);}
span.slogan{font-size:0.8rem;}
div.googlemap{width:100%;margin-top:3rem;}
iframe.gm{width:100%;height:300px;}

div#imgbas{width:100%;position:relative;height:150px;margin-top:3rem;}
div.foot{position:absolute;left:5%;top:70px;font-size:0.8rem;padding:0.2rem;border-radius:0.3rem;color:#555;background:#fff;background-color: rgba(255,255,255,0.8);}

div#contact{width:100%;border:1px solid #f60;padding-top:1rem;padding-bottom:1rem;font-size:1.1rem;font-weight:bold;margin-bottom:3rem;}
input,textarea{width:100%;font-size:1rem;padding:0.5rem;background:#eff;}
input[type="submit"]{cursor:pointer;width:100%;background:#ffe680;border:none}
input[type="submit"]:hover{background:#f60;}

@media (max-width:900px)
{
	div.menu{display:none;}
div#burger{width:100%;display:inline-block;text-align:right;padding-right:1%;padding-top:0.5rem;}
a.expatsnew{font-size:0.8rem;padding:0.2rem;}

}

@media (max-width:500px)
{
div.logo{left:1%;font-size:2.5rem;}
div.in{width:98%;margin-left:1%;}
div.foot{left:1%;top:50px;max-width:98%;}

}