/*@font-face {
  font-family: 'gadugi-bold';
  src: url(../fonts/gadugi-bold.eot);
  src: url(../fonts/gadugi-bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/gadugi-bold.otf) format('otf'),
       url(../fonts/gadugi-bold.svg#gadugi-bold) format('svg'),
       url(../fonts/gadugi-bold.ttf) format('truetype'),
       url(../fonts/gadugi-bold.woff) format('woff'),
       url(../fonts/gadugi-bold.woff2) format('woff2');
}
*/



/* GENERAL */
html {font-size: 10px;height: 100%;}
body {margin: 0;font-size: 16px;line-height: 1.3; color: #ffffff; font-family: 'Verdana', Arial ,sans-serif;}

p, ul, table {font-size: 1em;margin-bottom:1em;}
a {color: #218f9e;}
b, strong {font-weight: bold;}
h1 {color: #2b3237; font-size: 1.3em; font-weight: bold; margin-bottom: 1.2em;font-family: 'gadugi-bold';text-transform: uppercase;text-align: center;}
h2 {color: #2b3237; font-size: 1.25em; font-weight: bold; margin-bottom: .8em;font-family: 'gadugi-bold';text-transform: uppercase;}
h3 {color: #2b3237;font-size: 1.15em;font-weight: bold;}

@media (min-width: 768px) {
	h1 {font-size: 2em;}
	h2 {font-size: 2em;}
	h3 {font-size: 1.25em;}
}



body.home {background: url(../images/bg.jpg) top center no-repeat;}
body.home .cadre {width: 1920px; height: 1080px; position: relative;}
body.home .cadre .logo {position: absolute; background: url(../images/logo-loire.png) top center no-repeat; width: 367px; height: 365px; top: 322px; left: 760px;}
body.home .cadre .ateliers-logo {position: absolute; background: url(../images/ateliers-bt.png) top center no-repeat; width: 672px; height: 145px; top: 115px; left: 146px;}
/*body.home .cadre .ateliers-logo:hover {top: 131px; left: 162px;}*/
body.home .cadre .ateliers-facebook {position: absolute; background: url(../images/ateliers-facebook.png) top center no-repeat; width: 97px; height: 78px; top: 262px; left: 345px;}
/*body.home .cadre .ateliers-facebook:hover {top: 263px; left: 346px;}*/
body.home .cadre .ateliers-instagram {position: absolute; background: url(../images/ateliers-instagram.png) top center no-repeat; width:110px; height: 78px; top: 262px; left: 442px;}
/*body.home .cadre .ateliers-instagram:hover {top: 263px; left: 443px;}*/
body.home .cadre .film-fr {position: absolute; background: url(../images/film-fr.png) top center no-repeat; width:407px; height: 86px; top: 125px; left: 1198px;}
body.home .cadre .film-en {position: absolute; background: url(../images/film-en.png) top center no-repeat; width:407px; height: 99px; top: 211px; left: 1198px;}
body.home .cadre .film-heros {position: absolute; background: url(../images/film-heros.png) top center no-repeat; width:626px; height: 99px; top: 332px; left: 1198px;}
body.home .cadre .antiquaire-logo {position: absolute; background: url(../images/antiquaire-bt.png) top center no-repeat; width: 500px; height: 90px; top: 850px; left: 259px;}
body.home .cadre .antiquaire-instagram {position: absolute; background: url(../images/antiquaire-instagram.png) top center no-repeat; width:47px; height: 47px; top: 938px; left: 479px;}
body.home .cadre .galerie-logo {position: absolute; background: url(../images/galerie-bt.png) top center no-repeat; width: 446px; height: 90px; top: 852px; left: 1123px;}
body.home .cadre .galerie-facebook {position: absolute; background: url(../images/galerie-facebook.png) top center no-repeat; width:46px; height: 47px; top: 938px; left: 1293px;}
body.home .cadre .galerie-instagram {position: absolute; background: url(../images/galerie-instagram.png) top center no-repeat; width:48px; height: 47px; top: 938px; left: 1357px;}

body.naviguer {height: 100%; overflow: hidden;}
body.naviguer .bandeau {height: 32px; padding-top: 4px; background:#222; color: #fff; }
body.naviguer .bandeau a {display: block; margin-left: auto; margin-right: 10px; background: url('../images/home.svg') center center no-repeat #fff; background-size: 17px auto; border-radius: 11px; width: 24px; height: 24px; text-decoration: none; font-size: 13px; text-align: center;}
body.naviguer .bandeau a:hover {background: url('../images/home-hover.svg') center center no-repeat #fff; background-size: 17px auto;}
body.naviguer iframe.borne-iframe {width: 100%; height: calc(100% - 30px); /*height: 100%;*/ border: none;}