/* ============ btn ============ */
.btn .accent,
.btn .static { 
	display: inline-block; 
}

.btn .accent,
.btn .monument-historique {
	line-height: 1.2em;
	font-family: 'MelancholiaRegular';
	text-align: left;
	white-space: nowrap;
	text-transform: uppercase;
}

/* ----- accent ----- */
.btn .accent { 
	display: inline-block; 
	padding: 10px 12px 8px 12px; 
	line-height: 1.2em;
	font-family: 'MelancholiaRegular';
	text-align: left; 
	text-transform: uppercase;	color: #fff;
	background-color: #266482; 
	background-repeat: no-repeat;
	border-radius: 2px;
	-webkit-transition: all 0.3s; 
	-moz-transition: all 0.3s; 
	-ms-transition: all 0.3s; 
	-o-transition: all 0.3s; 
	transition: all 0.3s;
}

.btn .accent:hover { 
	color: #fff; 
	background-color: #2779a0;
}

.btn .video,
.btn .radio {
	padding: 8px 12px 7px 47px;
	background-position: 9px center;
	background-size: 14%;
}

.btn .video {
	background-image: url(http://www.chateaudepange.fr/-img_css/play.svg);
}

.btn .radio {
	background-image: url(http://www.chateaudepange.fr/-img_css/radio.svg);
}

.btn .camera { 
	padding: 13px 12px 11px 37px; 
	background-image: url(http://www.chateaudepange.fr/-img_css/camera.svg);
	background-position: 7px 7px; 
	background-size: 23px;
}

.btn .arrow { 
	padding: 8px 35px 7px 12px; 
	background-image: url(http://www.chateaudepange.fr/-img_css/arrow-white.svg);
	background-position: calc(100% - 13px) center; 
	background-size: 8%;
}

/* ----- monument-historique ----- */
.btn .monument-historique {
	min-height: 50px;
	padding: 15px 10px 15px 55px; 
	color: #222;
	background-image: url(http://www.chateaudepange.fr/-img_css/logo-monument-historique.svg);
	background-repeat: no-repeat;
	background-position: 5px center; 
	background-size: 42px;
}

/* ============ home, accueil ============ */
.accueil .social, .evenements .social, .renseignements .social, .acces .social{ top: 28px; }
.evenements .social, .renseignements .social, .acces .social { right: 0; }
.home .social, .accueil .social  { right: 80px; }
.home .social { top: 60px; }
.renseignements .social { top: 0; }
.acces .social { top: 100px; right: 130px; }

/* ============ home ============ */
.home .nav { display: none; }
.home #montage { top: -74px; left: -74px; }
.home #texte { top: 45px; left: 30px; }
.home #texte [class*="txt"] { margin-top: 0; }
.home h1 { margin-bottom: 10px; font-size: 30px; }
.home #texte [class*="txt"] { position: relative; }
.home .citation { top: 110px; left: 30px; padding: 0 0 0 115px; }
.home .cita-content { font-size: 14px; letter-spacing: 1px; font-variant: small-caps; }
#entrez { position: absolute; bottom: 60px; left: 50%; margin-left: -259px; display: none; padding: 110px 0 0 70px; width: 500px; height: 340px; text-align: center; 
		  font-family: 'MelancholiaRegular'; font-size: 12px; letter-spacing: 2px; color: #1BA29B; text-transform: uppercase; animation: move 3s linear infinite; }
@keyframes move {
	50% { transform: translate(-35px,0); }
	100% { transform: translate(0,0); }
}
#entrez:hover { color: #e88437; }
.home .langues { top: 60px; }
.home .infos-pratiques { opacity: 0; }

/* ============ accueil ============ */
.accueil #montage { top: -73px; left: -73px; }
.accueil #texte [class*="txt"] p { margin-top: 0; }
.accueil .txt1 { top: 90px; left: 145px; width: 660px; line-height: 1.4em; }
.accueil .decal1, .accueil .decal2 { margin-left: 80px; }
.accueil .decal2 { line-height: 1.2em; }
.accueil .citation { top: 500px; left: 215px; width: 433px; height: 100px; background: url(http://www.chateaudepange.fr/-img_css/cita-accueil.jpg) no-repeat; }
.accueil .btn { top: 205px; }
.accueil .btn.france-3 { left: 425px; }
.accueil .btn.drone { left: 615px; }
.accueil .langues { top: 28px; }	

/* ============ histoire ============ */
.histoire #montage { top: -72px; left: -74px; }
.histoire [class*="txt"] { top: 20px; width: 390px; height: 400px; }
.histoire .txt2 { left: 420px; }
.histoire .citation { position: absolute; top: 485px; left: 425px; width: 425px; height: 117px; background: url(http://www.chateaudepange.fr/-img_css/cita-histoire.jpg) no-repeat; }

/* ============ chateau ============ */
.chateau #montage { top: -76px; left: -76px; }
.chateau .citation { top: 20px; left: 90px; width: 380px; height: 199px; background: url(http://www.chateaudepange.fr/-img_css/cita-chateau.jpg) no-repeat; }
.chateau .btn { top: 135px; left: 705px; }

/* ============ jardin ============ */
.jardin #montage { top: -46px; left: -73px; }
.jardin .txt1 { top: 25px; left: 50px; width: 600px; }
.jardin .txt2 { top: 25px; left: 500px; width: 330px; }
.jardin .btn .accent { margin-top: 10px; }

/* ============ evenements ============ */
.evenements #main { padding-bottom: 200px; }
.evenements #montage { top: -25px; left: -70px; }
.evenements h1 { color: #448BA3; }
.evenements h2 { margin-bottom: 2px; font-weight: bold; color: #256381; font-variant: small-caps; }
.evenements [class*="txt"] { width: 350px; height: 450px; }
.evenements .txt1 { left: 70px; }
.evenements .txt2 { top: 95px; left: 450px; }
.evenements .citation { top: 555px; left: 480px; z-index: 1; width: 355px; height: 90px; background: url(http://www.chateaudepange.fr/-img_css/cita-evenements.png) no-repeat; }
.evenements .btn { top: 555px; left: 210px;}

/* ============ renseignements ============ */
.renseignements #montage { top: -17px; left: -73px; }
.renseignements [class*="txt"] { margin-top: -20px; }
.renseignements .txt1, .renseignements .txt2 { top: 0px; width: 300px; height: 450px; }
.renseignements .txt1 { left: 235px; }
.renseignements .txt2 { left: 525px; }
.renseignements .txt3 { top: 260px; left: 330px; width: 380px; }
.renseignements .txt3 li { margin-bottom: .25em; line-height: 1.1em;}
.renseignements h1 { color: #256381; }
.renseignements #texte a { font-weight: bold; } .renseignements a:hover { color: #e88437; }

/* ============ acces ============ */
.acces #montage { top: -76px; left: -76px; }

.acces .txt1 { top: 350px; left: 320px; width: 400px; }
.acces .txt1 [href*="goo"] { padding: 10px 0 10px 18px; background: url(http://www.chateaudepange.fr/-img_css/maps.svg) no-repeat left center; background-size: 15%; color: #f10028; text-decoration: underline; }
.acces .txt1 [href*="goo"]:hover { text-decoration: none; }