// Google fonts
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: local('Pacifico Regular'), local('Pacifico-Regular'), url(fonts/yunJt0R8tCvMyj_V4xSjafesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1.00em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

em {
    font-weight: bold;
}

a {
    color:#009900;
}
a:hover {
    color:#009900;
    border-bottom: 1px dashed #009900;
}

h1 {
    font-family: 'Pacifico', cursive, helvetica, sans-serif;
    padding-top:20px;
    text-align:center;
    font-size: 1.45em;
}
h2 {
    padding-top:20px;
    font-weight: bold;
}

p {
    line-height: 1.6em;
}

body {
    background:#f4f3ce;
}

#lang {
    padding:10px;
    text-align:right;
    height:35px;
}
#lang img {
    padding-right:1px;
}

#slogan {
    padding: 10px 0;
    font-style: italic;
    clear:both;
    text-align:left;
    width:100%;
    float:right;
}

#nav {
    margin: 0 auto;
    max-width: 1024px;
    min-width: 639px;
    clear:both;
    padding-top:20px;
    width:100%;
}

#contents {
    font-family: 'Open Sans', sans-serif, helvetica;
    margin: 0 auto;
    max-width: 1024px;
    min-width: 412px;
}

#contents p {
    text-align : justify;
}

#page {
    border-top: 1px dashed #000000;
    border-bottom: 1px dashed #000000;
    padding:10px;
    background:#cef4d7;
    clear:both;
}

right p {
    padding:30px;
}

header {
    margin: 0 auto;
    max-width: 1024px;
    min-width: 410px;
    height:110px;
    padding-bottom:20px;
}

menu a {
    color:#004500;
}
menu a:hover {
    color:#004500;
}
menu {
    padding-bottom:10px;
    float:right;
}

logo {
}

logo a {
    font-family: 'Open Sans', sans-serif, helvetica;
    font-size: 1.08em;
    font-weight:bold;
}
logo p {
    font-family: 'Pacifico', cursive, helvetica, sans-serif;
    font-size: 0.7em;
    clear:both;
    float:left;
    padding-top:10px;
}

footer {
    font-size: 1.15em;
    padding-top:20px;
    margin: 0 auto;
    max-width: 1024px;
    min-width: 410px;
    clear:both;
}

left {
    background: url(img/photo.png) no-repeat;
    width:360px;
    height:347px;
    float:left;
}

#photos {
    margin:30px;
    width:280px;
    height:280px;
    border: 2px solid #000000;
}
#tarifs {
    float:left;
}

right {
}

right p {
    padding:30px;
}

menu {
    font-family: 'Pacifico', cursive, helvetica, sans-serif;
    float:right;
}
logo {
    font-size: 1.45em;
    float:left;
}

menu div {
    margin-left:10px;
    float:left;
    text-align:center;
    padding:5px 0px;
    font-size: 1.20em;
    width:140px;
    border: 1px solid #000000;
    background-color:#64d540;
    transform:rotate(-10deg); 
    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);  
    -o-transform:rotate(-10deg);
    transition-duration: 0.5s;
    border-radius: 3px
}

menu div:hover {
    transform:rotate(-5deg); 
    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);  
    -o-transform:rotate(-5deg);
    transition-duration: 0.5s;
}

.picto {
    padding:20px 70px;
}
#pictoFrance { background: url(img/france_min.png) no-repeat; }
#pictoPeople { background: url(img/people_min.png) no-repeat;}
#pictoBed { background: url(img/bed_min.png) no-repeat 0px 12px;}
#pictoInternet { background: url(img/internet_min.png) no-repeat 0px 12px;}
#pictoShower { background: url(img/shower_min.png) no-repeat;}
#pictoFork { background: url(img/fork_min.png) no-repeat 0px 12px;}
#pictoPig { background: url(img/pig_min.png) no-repeat 0px 12px;}
#pictoMarche { background: url(img/marche_min.png) no-repeat 0px 15px;}
#pictoMagasin { background: url(img/magasin_min.png) no-repeat 0px 15px;}
#pictoAncv { background: url(img/logo_ancv.png) no-repeat 0px 10px;}

/* PLAN */
#address {
    transform:rotate(-10deg);
    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);  
    -o-transform:rotate(-10deg);

    background-color:white;
    width:300px;
    padding:10px;
    border-radius: 5px;
}

.infosToggle {
    display:none;
    border:1px solid #000000;
    background:#cef494;
}