/**
 * Styles du site Internet
 * @author Eddy AUDRAIN
 * @copyright Interrenet.fr
 */


@font-face {
	font-family: 'aparajitaregular';
	src: url('/design/fonts/aparaj-webfont.eot');
	src: url('/design/fonts/aparaj-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/design/fonts/aparaj-webfont.woff') format('woff'),
	     url('/design/fonts/aparaj-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


body {

}


/** EN-TETE **/
#logosection .logo {
	position: absolute;
	margin-left: -567px;
	z-index: 10000;
}

#logosection.interieur .logo {
	margin-left: -480px;
}



/** LE MENU **/
#nav * {
	font-family: 'aparajitaregular';
	font-size: 19px;
}

#nav {
	margin-left: 100px;
}

.top-menu > ul.sf-menu > li {
	line-height: 55px;
}

.top-menu > ul.sf-menu > li .two-lines {
	line-height: 20px;
	margin-top: 8px;
}

a.top-menu > ul.sf-menu > li a.two-lines, .top-menu > ul.sf-menu > li a.two-lines:hover, .top-menu > ul.sf-menu > li a.two-lines:focus, .top-menu > ul.sf-menu > li a.two-lines:visited {
	margin-top: 7px;
	border-top: 1px solid #3e7c3b;
}

.top-menu > ul.sf-menu > li.active > a.two-lines {
	padding-top: 7px;
}

.top-menu > ul.sf-menu > li.active > a.two-lines:hover {
	margin-top: -1px;
}


.top-menu > ul.sf-menu > li > a {
	margin:-1px 0 0 0;
	display: inline-block;
	padding: 0 15px;
	color: #fff;
}

.top-menu>ul.sf-menu>li.active>a, .top-menu ul.sf-menu>li:hover>a {
	color: #fff;
}
.top-menu ul li.active a, .top-menu ul li:hover a { border-top: 1px solid #3e7c3b; }


/** PAGE D'ACCUEIL **/

#header_slider {
	height: 586px;
}

#header_slider, #header_image {
	background-image: url('/design/accueil/background-chateau-josselin-2.jpg');
	background-color: transparent;
}

#header_slider.en {
	background-image: url('/design/accueil/background-chateau-josselin-3.jpg');
}


.banner {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 15px solid #fef8ea;
}

.bannercontainer {
	height: 430px;
	margin-top: 24px;
	width: 970px;
}

.caption.standard_caption {
	width: 30%
}


#blason {
	background: url('blason-ville-Josselin.jpg') no-repeat;
	width: 85px;
	height: 96px;
	position: absolute;
	margin-top: -100px;
	margin-left: 210px;
}

.flexslider .slides > li .rp_details.rp_rose {
	background: #bd8dbf;
	width: 219px;
	margin-left: -1px;
}
.flexslider .slides > li .rp_details.rp_mauve {
	background: #9F005D;
	width: 219px;
	margin-left: -1px;
	line-height: 16px;
	height: 16px;
}
#content .rp_box h3 a {
	color: white;
	font-variant: small-caps;
	font-size: 14px;
}

.flexslider .slides  .rp_details.rp_mauve  a {
	margin-top: -12px;
}


.flexslider .rp_slides > li img {
	width: 219px;
}

#content .rp_box {
	overflow: hidden
}


/** LES PAGES INTERNES **/
.page-title {
	text-indent: 110px;
	background-color: #548a4e;
}

.class_rb_musee {
	background-color: #a40061;
}

.page-title h1 {
	font-family: 'aparajitaregular';
	font-size: 30px;
	font-weight: normal;
}

.sidebar-right h1, .sidebar-right h2, .sidebar-right h4, .sidebar-right h3 {
	font-family: 'aparajitaregular';
	font-weight: normal;
	font-size: 24px !important;
	color: #58595b;
}

.content-page p {
	margin-left: 20px;
	margin-right: -20px;
	color: #4b4b4b;
}

.content-page img {
	border: 1px solid #F1F1F1;
	border-radius: 3px 3px 3px 3px;
	padding: 3px;
	height: auto;
}


ul.slider li.slide h2 {
	font-size: 12px;
}



/* hack IE 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

#logosection .logo {
	position: absolute;
	margin-left: -110px;
	z-index: 10000;
}

.interieur {
	position: relative;
}

#logosection.interieur .logo {
	margin-left: -20px;
	position: absolute;
}

}


/**
 * Header Responsive
 */
#drapeau{display: none}
#logosection{display: block}
.flex-direction-nav{display: none !important}


@media screen and (max-width: 767px) {
	#logosection{display: none}
	#drapeau{display: block}
	.top-menu{height: 230px;}
	#header_slider{height: 226px}
	.bannercontainer{width: auto;}
	.flex-direction-nav{display: block !important}
	.page-title{text-indent: 0px;}
	.banner{margin: -30px auto 0}
}