@font-face {
	font-family: 'helvetica_regular';
	src: url("fonts/helveticaneue-roman-webfont.eot");
	src: url("fonts/helveticaneue-roman-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/helveticaneue-roman-webfont.woff") format("woff"), url("fonts/helveticaneue-roman-webfont.ttf") format("truetype"), url("fonts/helveticaneue-roman-webfont.svg#helvetica_regular") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'futoralmeddbnormal';
	src: url("fonts/futoralmeddb-webfont.eot");
	src: url("fonts/futoralmeddb-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/futoralmeddb-webfont.woff") format("woff"), url("fonts/futoralmeddb-webfont.ttf") format("truetype"), url("fonts/futoralmeddb-webfont.svg#futoralmeddbnormal") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'intro_condblack_free';
	src: url("fonts/intro_cond_black_free-webfont.eot");
	src: url("fonts/intro_cond_black_free-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/intro_cond_black_free-webfont.woff2") format("woff2"), url("fonts/intro_cond_black_free-webfont.woff") format("woff"), url("fonts/intro_cond_black_free-webfont.ttf") format("truetype"), url("fonts/intro_cond_black_free-webfont.svg#intro_condblack_free") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* Couleurs des sections */
body {
	margin: 0;
	font-family: Arial, sans-serif;
	background: #fff;
	font-size: 16px;
}

.clearfix {
	clear: both;
	visibility: hidden;
}

*:first-child {
	margin-top: 0;
}

a:link {
	text-decoration: none;
	transition: all 0.2s linear;
}
a:visited {	
}
a:hover {
	text-decoration: underline;
}
a:active {
}

.page-content a {
	color: #AB8B4F;
}

.page-content ul {
	padding-left: 18px;
}

.powermail_message_error {
 	color: red;
 	font-weight: bold;	
}



.content-wrapper {
	max-width: 1440px;
	padding: 0 40px;
	box-sizing: border-box;
	margin: 0 auto;
}

.content-wrapper img {
	max-width: 100%;
}

.home, .paragraphe {
	display: block;
	height: 100%;
	position: relative;
}

.paragraphe .header {
	height: 300px;
	overflow: hidden;
	position: relative;
}

.home .site-title {
	position: absolute;
	left: 5%;
	top: 8%;
	height: auto;
	width: 312px;
	z-index: 1;
}

.paragraphe .site-title {
	width: 620px;
	height: auto;
	position: relative;
	z-index: 1;
	top: 93px;
	margin: 0;
}

.site-title img {
	vertical-align: top;
}

/* Google Gmap3 bug fix on images */
:not(.gm-style) img {
	height: auto !important;
}
.ie678 .gm-style img {
	height: 100%; /* IE678 hack */
}
.gm-style img, .gmnoscreen img, .gmnoprint img {
	max-width: none !important;
}

/* -----------------------------------------------------*/
/*  STYLES tt_content
 /* -----------------------------------------------------*/

.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}

table.contenttable {
	border: 1px solid #333;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 2em;
}
table.contenttable tr th, table.contenttable tr td {
	padding: 10px 15px;
	border: 1px solid #333;
}
table.contenttable tr th {
	color: #fff;
	background-color: #AB8B4F;
}

.page-content .csc-header h1, 
.page-content .csc-header h2 {
	color: #AB8B4F;
}
.page-content .csc-textpic-text h2 {
	font-size: 1.3em;
}
/*
body.page-6 .page-content .csc-header h1, body.page-6 .page-content .csc-header h2 {
	color: #B8A691;
}
body.page-7 .page-content .csc-header h1, body.page-7 .page-content .csc-header h2 {
	color: #91945A;
}
body.page-8 .page-content .csc-header h1, body.page-8 .page-content .csc-header h2 {
	color: #BF9F4F;
}
*/




/* ==========================================================================
   NOTIFICATIONS
========================================================================== */

#wrapper-notifications {
	display: none;
}
.notification {
	
}
.notification .notif-title {
	text-align: center;
	font-size: 18px;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;	
	color: #ad8d4f;
}
.notification .notif-img {
	display: block;
	text-align: center;
	max-width: 100%;
	margin: 20px auto;	
}




/* -----------------------------------------------------*/
/*  SLIDER HOMEPAGE
 /* -----------------------------------------------------*/

.home #home-slider {
	top: 0;
	z-index: 0;
	color: #fff;
}
.home #home-slider .slide {
	position: relative;
}
.home #home-slider .slide img {
	top: 0 !important;
}
.home #home-slider .slide-content {
	position: absolute;
	z-index: 99999;
	top: 40%;
	left: 5%;
	max-width: 70%;
	box-sizing: border-box;
	font-family: 'futoralmeddbnormal';
}
.home #home-slider .slides-navigation {
	/*position: absolute;
	z-index: 99999;
	top: 40%;
	left: 5%;
	max-width: 70%;
	box-sizing: border-box;
	font-family: 'futoralmeddbnormal';*/
}
.home #home-slider .slides-navigation .name-and-btn {
	margin-left: -50px;
	/*height: 100px;*/
	margin-bottom: 20px;
	overflow: hidden;
}
.home #home-slider .slides-navigation .slide-btn-left {
	height: 44px;
	width: 26px;
	background: url(../images/slider-btn-left.png) center no-repeat;
	background-size: cover;
	text-indent: -999em;
	outline: none;
	transition: all 300ms ease-in-out;
	display: inline-block;
	vertical-align: middle;
	margin-right: 18px;
	position: relative;
	left: 50px;
	opacity: 0;
}
.home #home-slider .slides-navigation .slide-btn-left.active {
	left: 0;
	opacity: 1;
	margin-left: 7px;
}
.home #home-slider .slides-navigation .slide-btn-left:hover {
	left: -6px;
}
.home #home-slider .slides-navigation .slide-btn-right {
	height: 44px;
	width: 26px;
	background: url(../images/slider-btn-right.png) center no-repeat;
	background-size: cover;
	text-indent: -999em;
	outline: none;
	transition: all 300ms ease-in-out;
	display: inline-block;
	vertical-align: middle;
	margin-left: 18px;
	position: relative;
	right: 50px;
	opacity: 0;
}
.home #home-slider .slides-navigation .slide-btn-right.active {
	right: 0;
	opacity: 1;
	margin-right: 7px;
}
.home #home-slider .slides-navigation .slide-btn-right:hover {
	right: -6px;
}
.home #home-slider .slides-navigation .content {
	left: -440px;
	position: relative;
	transition: all 800ms ease-in-out;
	max-width: 440px;
	font-size: 18px;
	margin: 5px 0 0 0;
}
.home #home-slider .slides-navigation .content.active {
	left: 0;
}
.home .slider-content {
	position: relative;
}

.home #home-slider .subtitle {
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	left: -440px;
	position: relative;
	max-width: 440px;
	transition: all 700ms ease-in-out;
}
.home #home-slider .subtitle.active {
	left: 0;
}

.home #home-slider a.more {
	display: inline-block;
	background: #fff;
	color: #333;
	padding: 3px 10px;
	margin-top: 15px;
	position: relative;
	z-index: 10;
}

.animal-name {
	font-family: 'futoralmeddbnormal';
	font-size: 94px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	position: relative;
	line-height: 1em;
	/*top: 100px;*/
	transition: all 500ms ease-in-out;
}
.animal-name.active {
	top: 0;
}

/* -----------------------------------------------------*/
/*  SLIDER PAGES INTERIEURES
 /* -----------------------------------------------------*/

.paragraphe .header .header-slider {
	top: 0;
	z-index: 0;
	color: #fff;
	position: absolute !important;
}
.paragraphe .header .header-slider .slide {
	position: relative;
}
.paragraphe .header .header-slider .slide img {
	top: 0 !important;
}
.paragraphe .header .header-slider .slides-pagination {
	display: none;
}
.paragraphe .header .content-wrapper {
	position: relative;
	height: 100%;
	color: #fff;
}
.paragraphe .header .slides-navigation-container {
	position: absolute;
	z-index: 100;
	top: 110px;
	left: 40px;
	max-width: 70%;
	box-sizing: border-box;
	font-family: 'futoralmeddbnormal';
}
.paragraphe .header .slides-navigation-container .slide {
	display: none;
	opacity: 0;
	transition: all 0.7s ease-in-out;
}
.paragraphe .header .slides-navigation-container .slide.active {
	display: block;
	opacity: 1;
}
.paragraphe .header .slides-navigation-container .slides-navigation {
	display: none;
	/*position: absolute;
	 z-index: 99999;
	 top: 40%;
	 left: 5%;
	 max-width: 70%;
	 box-sizing: border-box;
	 font-family: 'futoralmeddbnormal';*/
}
.paragraphe .header .slides-navigation-container .slides-navigation .name-and-btn {
	/*margin-left: -50px;
	 height: 100px;*/
	margin-bottom: 10px;
	overflow: hidden;
}
.paragraphe .header .slides-navigation-container .slides-navigation .slide-btn-left {
	height: 44px;
	width: 26px;
	background: url(../images/slider-btn-left.png) center no-repeat;
	background-size: cover;
	text-indent: -999em;
	outline: none;
	transition: all 300ms ease-in-out;
	display: inline-block;
	vertical-align: middle;
	margin-right: 18px;
	position: relative;
	left: 50px;
	opacity: 0;
}
.paragraphe .header .slides-navigation-container .slides-navigation .slide-btn-left.active {
	left: 0;
	opacity: 1;
	margin-left: 7px;
}
.paragraphe .header .slides-navigation-container .slides-navigation .slide-btn-left:hover {
	left: -6px;
}
.paragraphe .header .slides-navigation-container .slides-navigation .slide-btn-right {
	height: 44px;
	width: 26px;
	background: url(../images/slider-btn-right.png) center no-repeat;
	background-size: cover;
	text-indent: -999em;
	outline: none;
	transition: all 300ms ease-in-out;
	display: inline-block;
	vertical-align: middle;
	margin-left: 18px;
	position: relative;
	right: 50px;
	opacity: 0;
}
.paragraphe .header .slides-navigation-container .slides-navigation .slide-btn-right.active {
	right: 0;
	opacity: 1;
	margin-right: 7px;
}
.paragraphe .header .slides-navigation-container .slides-navigation .slide-btn-right:hover {
	right: -6px;
}
.paragraphe .header .slides-navigation-container .slides-navigation .subtitle {
	font-size: 20px;
}
.paragraphe .header .slides-navigation-container .slides-navigation .content {
	position: relative;
	transition: all 800ms ease-in-out;
	max-width: 440px;
	font-size: 18px;
	margin: 7px 0;
}
.paragraphe .header .slides-navigation-container .slides-navigation .content.active {
	left: 0;
}
.paragraphe .slider-content {
	position: relative;
}

.paragraphe #home-slider .subtitle {
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	max-width: 440px;
	transition: all 700ms ease-in-out;
}
.paragraphe #home-slider .subtitle.active {

}

.paragraphe .slides-navigation a.more {
	display: inline-block;
	background: #fff;
	color: #333;
	padding: 3px 10px;
	margin-top: 5px;
}

/* -----------------------------------------------------*/
/*  SOMMAIRE
 /* -----------------------------------------------------*/

.sommaire {
	margin-bottom: 25px;
	position: relative;
}
.sommaire .sommaire-item {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	display: inline-block;
	background: #ab8b4f;
	margin: 0 10px 10px 0;
	border: 2px solid #ab8b4f;
}
.sommaire .sommaire-item.active {
	background: #fff;
	color: #ab8b4f;
}
.sommaire .sommaire-item a {
	display: block;
	color: #fff;
	padding: 5px 10px;
}
.sommaire .sommaire-item.active a {
	color: #ab8b4f;
}

/* -----------------------------------------------------*/
/*  NOUVEAUTES
 /* -----------------------------------------------------*/

.nouveautes-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.nouveautes-list .nouveaute-list-item {
	display: block;
}
.nouveautes-list .nouveaute-list-item + .nouveaute-list-item {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ccc;
}
.nouveautes-list .nouveaute-list-item .nouveaute-list-item-img {
	float: left;
	width: 115px;
	height: 110px;
}
.nouveautes-list .nouveaute-list-item .nouveaute-list-item-data p {
	margin: 0;
}
.nouveautes-list .nouveaute-list-item .nouveaute-list-item-data p {
	margin: 0;
}
.nouveautes-list .nouveaute-list-item .nouveaute-list-item-data p + p {
	margin-top: 5px;
}
.nouveautes-list .nouveaute-list-item .nouveaute-list-item-data h2 {
	font-size: 24px;
	margin: 0 0 10px 0;
}
.nouveautes-list .nouveaute-list-item .nouveaute-list-item-data h2 a {
	color: #333;
}
.nouveautes-list .nouveaute-list-item .nouveaute-list-item-data .nouveaute-dates {
	font-weight: bold;
	color: #AB8B4F;
}
.nouveautes-list .nouveaute-list-item .nouveaute-list-item-data .nouveaute-lien a {
	color: #333;
}

.nouveaute-fiche {
	float: left;
	width: 60%;
}
.nouveaute-fiche .nouveaute-fiche-img {
	float: left;
	width: 320px;
	margin-bottom: 5px;
}
.nouveaute-fiche p.accroche {
	font-weight: bold;
	margin-top: 0;
}
.nouveaute-fiche h2 {
	margin-top: 0;
}
.nouveaute-fiche .nouveaute-fiche {
	border: 1px solid #f5f5f5;
}

.nouveaute-fiche .nouveaute-lien-fichier {
	margin: 20px 0 0 0;
}
.nouveaute-fiche .nouveaute-lien-fichier a {
	display: inline-block;
	background: #333 url(../images/attachment.png) 8px center no-repeat;
	color: #fff;
	padding: 8px 10px 8px 35px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.nouveaute-fiche .nouveaute-fiche-retourliste {
	margin-top: 30px;
}
.nouveaute-fiche .nouveaute-fiche-retourliste a {
	display: inline-block;
	background-color: #AB8B4F;
	color: #fff;
	padding: 8px 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}
.nouveaute-fiche .nouveaute-fiche-retourliste a:hover {
	color: #333;
	text-decoration: none;
}

.nouveautes-autres {
	float: right;
	width: 33%;
}
.nouveautes-autres h2 {
	border-bottom: 1px solid #f5f5f5;
	line-height: 1.4;
}
.nouveautes-autres .nouveautes-autres-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nouveautes-autres .nouveautes-autres-list .nouveaute-autres-item {
	display: block;
	vertical-align: top;
	margin-bottom: 25px;
}
.nouveautes-autres .nouveautes-autres-list .nouveaute-autres-item .nouveaute-autres-item-img {
	float: left;
	width: 75px;
	height: 65px;
}
.nouveautes-autres .nouveautes-autres-list .nouveaute-autres-item .nouveaute-autres-item-data h3 {
	margin-bottom: 5px;
}
.nouveautes-autres .nouveautes-autres-list .nouveaute-autres-item .nouveaute-autres-item-data h3 a {
	color: #AB8B4F;
}
.nouveautes-autres .nouveautes-autres-list .nouveaute-autres-item .nouveaute-autres-item-data .nouveaute-dates {
	margin: 0 0 5px 0;
}
.nouveautes-autres .nouveautes-autres-list .nouveaute-autres-item .nouveaute-autres-item-data .nouveaute-accroche {
	margin: 0;
}

/*
 ===================================================
 @POWERMAIL
 ===================================================
 */

.tx-powermail {
	margin: 20px 0;
	font-size: 12px;
}
.tx-powermail h3 {
	display: none;
	/*text-align: right;
	 border-bottom: 1px solid #AB8B4F;
	 font-size: 20px;
	 padding-bottom: 10px;*/
}
.tx-powermail form fieldset {
	border: none;
}
.tx-powermail form fieldset legend {
	display: none;
}
.tx-powermail form .powermail_fieldwrap {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
.tx-powermail form .powermail_label {
	/*display: inline-block;
	 width: 25%;
	 max-width: 150px;*/
	display: block;
	font-weight: bold;
	color: #000;
	vertical-align: top;
	color: #AB8B4F;
}
.tx-powermail form .mandatory {
	color: red;
	padding-left: 3px;
}
.tx-powermail form select, .tx-powermail form input[type="text"], .tx-powermail form input[type="email"], .tx-powermail form input[type="number"], .tx-powermail form input[type="tel"], .tx-powermail form textarea {
	display: inline-block;
	border: 1px solid #ccc;
	width: 90%;
	padding: 3px;
	box-sizing: border-box;
}
.tx-powermail form textarea {
	resize: vertical; /* user can resize vertically, but width is fixed */
}
.tx-powermail form .tx_powermail_pi1_fieldwrap_html_radio {
	margin-left: 25%;
}
.tx-powermail form .powermail_radio_inner {
	display: inline-block;
	margin-right: 15px;
}
.tx-powermail form .powermail_radio_inner label {
	width: auto;
}

.tx-powermail form .powermail_fieldwrap_captcha {
	width: 100%;
}
.tx-powermail form .powermail_fieldwrap_captcha img {
	float: left;
	margin-right: 20px;
}
.tx-powermail form .powermail_fieldwrap_captcha input[type="text"] {
	width: 60px;
}

.tx-powermail form .powermail_fieldwrap_submit {
	clear: both;
	width: 100%;
	text-align: center;
	margin-top: 15px;
}
.tx-powermail form input[type="submit"] {
	padding: 5px 15px;
	color: #fff;
	background-color: #AB8B4F;
	text-transform: uppercase;
	border: none;
	font-family: 'Oswald', sans-serif;
	border: 1px solid transparent;
	transition: all 0.2s linear;
	cursor: pointer;
	font-weight: bold;
}
.tx-powermail form input[type="submit"]:hover {
	color: #333;
}

.tx-powermail .powermail_all {
	background: #f5f5f5;
	padding: 10px;
}
.tx-powermail .powermail_all dt {
	font-weight: bold;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
}
.tx-powermail .powermail_all dd {
	margin-left: 60px;
}

.tx-powermail form .parsley-errors-list {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	color: red;
}

.savoir-plus {
	color: #000;
	font-size: 17px;
	text-transform: uppercase;
	font-family: 'futoralmeddbnormal';
	text-decoration: none;
	border-bottom: 5px solid #4d4d4d;
	display: inline-block;
	position: relative;
}
.savoir-plus:after {
	content: '';
	height: 5px;
	width: 0;
	background: #ab8b4f;
	display: block;
	position: absolute;
	transition: all 300ms ease-in-out;
}
.savoir-plus:hover:after {
	width: 100%;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 20px 0;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.section-title {
	color: #333;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.paragraphe .header #home-slider {
	position: absolute !important;
	height: 300px !important;
}
.paragraphe #home-slider .slides-navigation {
	top: 28px;
}
.paragraphe .content-zone {
	margin-bottom: 50px;
}
.paragraphe .content-zone .content-title {
	color: #ab8b4f;
	font-size: 31px;
	margin: 0;
	text-transform: uppercase;
	font-family: 'futoralmeddbnormal';
	margin-bottom: 24px;
	font-weight: bold;
}
.paragraphe .content-zone .content-img {
	width: 120px;
	overflow: hidden;
	display: inline-block;
	margin: 3px;
}
.paragraphe .content-zone .carte-img {
	width: 100%;
}
.paragraphe .content-zone .carte-img img {
	max-width: 220px;
	width: 100%;
}
.paragraphe .slides-pagination {
	top: 220px;
	width: auto;
}
.paragraphe .animal-name {
	font-size: 72px;
}
.paragraphe #home-slider .slides-navigation .name-and-btn {
	height: 75px;
}

.page-content {
	padding-bottom: 130px;
	font-family: 'helvetica_regular';
	font-size: 14px;
	line-height: 17px;
	color: #4d4d4d;
}
.page-content img {
	max-width: 100%;
}

/* -----------------------------------------------------*/
/* ELEMENTS DE CONTENUS FLEXIBLES
 /* -----------------------------------------------------*/

.fce-2-col {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.fce-2-col-colonne {
	display: table-cell;
	width: 50%;
	box-sizing: border-box;
	padding: 0 20px;
	vertical-align: top;
}
.fce-2-col-colonne + .fce-2-col-colonne {
	border-left: 1px solid #ccc;
}
.fce-2-col-colonne.colonne-2:after {
	display: block;
	content: "";
	clear: both;
}

.fce-3-col {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.fce-3-col-colonne {
	display: table-cell;
	width: 33.33%;
	box-sizing: border-box;
	padding: 0 20px;
	vertical-align: top;
}
.fce-3-col-colonne + .fce-3-col-colonne {
	border-left: 1px solid #ccc;
}

.fce-2-col-colonne.colonne-1, .fce-3-col-colonne.colonne-1 {
	padding-left: 0;
}
.fce-2-col-colonne.colonne-2, .fce-3-col-colonne.colonne-3 {
	padding-right: 0;
}
.fce-2-col-colonne.colonne-3:after {
	display: block;
	content: "";
	clear: both;
}

.width-25 {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0 20px;
}
.width-25 .subtitle {
	font-size: 21px;
	color: #4d4d4d;
	text-transform: uppercase;
	font-family: 'futoralmeddbnormal';
}
.width-25 .subtitle .accent {
	font-family: 'Arial';
}
.width-25 p {
	margin-top: 0;
	font-size: 14px;
	line-height: 17px;
	color: #4d4d4d;
	text-align: justify;
	font-family: 'helvetica_regular';
}

.width-50 {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0 20px;
}
.width-50 p {
	margin-top: 0;
	font-size: 14px;
	line-height: 17px;
	color: #4d4d4d;
	text-align: justify;
	font-family: 'helvetica_regular';
}

ul.breadcrumbs {
	display: block;
	overflow: hidden;
	font-family: 'helvetica_regular';
	margin: 1em 0;
	padding: 0;
	list-style: none;
}
ul.breadcrumbs  li {
	color: #ab8b4f;
	font-size: 13px;
}
ul.breadcrumbs  li a {
	color: #ab8b4f;
	text-decoration: none;
}
ul.breadcrumbs  li a:hover {
	text-decoration: underline;
}
ul.breadcrumbs > * {
	margin: 0;
	float: left;
	color: #ab8b4f;
}
ul.breadcrumbs > *:before {
	content: ">";
	color: #ab8b4f;
	margin: 0 5px;
	/*position: relative;
	 top: 1px;*/
}
ul.breadcrumbs > *:first-child:before {
	content: "";
	margin: 0;
}

.side-menu {
	width: 250px;
	position: absolute;
	z-index: 2;
	top: 20%;
	right: 40px;
	text-align: right;
	box-sizing: border-box;
	
}
.side-menu .languesBtn {
	position: absolute;
	top: -33px;
	right: 110px;
}
.side-menu .languesBtn2 {
	right: 145px;
}
.side-menu .list {
	list-style-type: none;
	margin: 0;
}
.side-menu .list li a {
	padding-right: 15px;
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'futoralmeddbnormal';
	height: 36px;
	line-height: 36px;
	border-top: 2px solid #fff;
	width: 172px;
	display: inline-block;
	font-weight: bold;
}
.side-menu .list li:first-child a {
	border-top: none;
}
.side-menu .exclu {
	display: inline-block;
}
.side-menu .exclu a {
	border: 2px solid #fff;
	display: inline-block;
	color: #fff;
	font-size: 23px;
	width: 210px;
	box-sizing: border-box;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'futoralmeddbnormal';
	height: 44px;
	line-height: 44px;
	font-weight: bold;
	padding-right: 11px;
	transition: all 200ms ease-in-out;
	position: relative;
	z-index: 1;
}
.side-menu .exclu a:after {
	content: '';
	display: inline-block;
	height: 100%;
	width: 0;
	background: #fff;
	top: 0;
	right: 0;
	position: absolute;
	transition: all 200ms ease-in-out;
	z-index: -1;
}
.side-menu .exclu a:hover {
	color: #ab8b4f;
}
.side-menu .exclu a:hover:after {
	width: 100%;
}
.side-menu .exclu a.billetterie {
	border-top: none;
	background: #fff;
	color: #ad8d4f;
}
.side-menu .exclu a.billetterie:after {
	content: '';
	display: inline-block;
	height: 100%;
	width: 0;
	background: #ad8d4f;
	top: 2px;
	right: 0;
	position: absolute;
	transition: all 200ms ease-in-out;
	z-index: -1;
}
.side-menu .exclu a.billetterie:hover {
	color: #fff;
}
.side-menu .exclu a.billetterie:hover:after {
	width: 100%;
}

.flashBox {
	display: inline-block;
	margin-top: 5px;
}

.flash-title {
	text-transform: uppercase;
	font-family: 'futoralmeddbnormal';
	color: #4d4d4d;
	width: 210px;
	font-size: 23px;
	text-align: right;
	background: rgba(255, 255, 255, 0.75);
	height: 42px;
	line-height: 42px;
	padding-right: 11px;
	box-sizing: border-box;
}

#slider-flash {
	color: #4d4d4d;
	width: 210px;
	padding: 0 8px 12px 8px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.2;
	background: rgba(255, 255, 255, 0.75);
	text-align: left;
}

.overlay-bottom-menu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	display: none;
}
.overlay-bottom-menu.active {
	display: block;
	z-index: 1;
}

.mobile-menu {
	display: none;
}

.bottom-menu {
	display: block;
	position: fixed;
	z-index: 200;
	bottom: 0;
	height: auto;
	max-height: 60px;
	min-height: 60px;
	width: 100%;
	transition: all 300ms ease-in-out;
	background: #333;
}
.bottom-menu.active {
	padding-bottom: 20px;
}
.bottom-menu .line1 {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	width: calc(85% - 24px);
	background: #fff;
}
.bottom-menu .line2 {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	height: 1px;
	width: 15%;
	background: #fff;
}
.bottom-menu .circle-pit {
	display: none;
	position: absolute;
	top: -12px;
	right: 15%;
	height: 24px;
	width: 24px;
	box-sizing: border-box;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #333 url(../images/menu-arrow.png) center no-repeat;
	transition: all 300ms ease-in-out;
}
.bottom-menu.active .circle-pit, .bottom-menu.active .line1, .bottom-menu.active .line2 {
	display: inline-block;
}

.bottom-menu .circle-pit.item-6 {
	background: #b8a691 url(../images/menu-arrow.png) center no-repeat;
	transform: rotate(180deg);
}
.bottom-menu .circle-pit.item-7 {
	background: #91945a url(../images/menu-arrow.png) center no-repeat;
	transform: rotate(180deg);
}
.bottom-menu .circle-pit.item-8 {
	background: #bf9f4f url(../images/menu-arrow.png) center no-repeat;
	transform: rotate(180deg);
}
.bottom-menu .circle-pit.item-9 {
	background: #7f8d90 url(../images/menu-arrow.png) center no-repeat;
	transform: rotate(180deg);
}
.bottom-menu .circle-pit.item-10 {
	background: #c3846d url(../images/menu-arrow.png) center no-repeat;
	transform: rotate(180deg);
}
.bottom-menu .circle-pit.item-11 {
	background: #666666 url(../images/menu-arrow.png) center no-repeat;
	transform: rotate(180deg);
}
.bottom-menu .circle-pit.item-12 {
	background: #b4b380 url(../images/menu-arrow.png) center no-repeat;
	transform: rotate(180deg);
}

.bottom-menu {
	max-height: 95%;
}
.bottom-menu.item-6 {
	/*max-height: 60%;*/
	background: #b8a691;
}
.bottom-menu.item-7 {
	/*max-height: 60%;*/
	background: #91945a;
}
.bottom-menu.item-8 {
	/*max-height: 60%;*/
	background: #bf9f4f;
}
.bottom-menu.item-9 {
	/*max-height: 60%;*/
	background: #7f8d90;
}
.bottom-menu.item-10 {
	/*max-height: 60%;*/
	background: #c3846d;
}
.bottom-menu.item-11 {
	/*max-height: 60%;*/
	background: #666666;
}
.bottom-menu.item-12 {
	/*max-height: 60%;*/
	background: #b4b380;
}
.bottom-menu .list {
	list-style-type: none;
	margin: 0;
	padding: 1em 0 .2em 0;
	text-align: center;
}
.bottom-menu .list li {
	display: inline-block;
}
.bottom-menu .list li + li {
	margin-left: 20px;
}
.bottom-menu .list li a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'futoralmeddbnormal';
	font-size: 18px;
	text-align: center;
	box-sizing: border-box;
	height: 29px;
	padding: 0 5px;
	line-height: 29px;
}
.bottom-menu .list li a.item-6 {
	color: #b8a691;
	border-bottom: 5px solid #b8a691;
}
.bottom-menu .list li a.item-7 {
	color: #91945a;
	border-bottom: 5px solid #91945a;
}
.bottom-menu .list li a.item-8 {
	color: #bf9f4f;
	border-bottom: 5px solid #bf9f4f;
}
.bottom-menu .list li a.item-9 {
	color: #7f8d90;
	border-bottom: 5px solid #7f8d90;
}
.bottom-menu .list li a.item-10 {
	color: #c3846d;
	border-bottom: 5px solid #c3846d;
}
.bottom-menu .list li a.item-11 {
	color: #666666;
	border-bottom: 5px solid #666666;
}
.bottom-menu .list li a.item-12 {
	color: #b4b380;
	border-bottom: 5px solid #b4b380;
}

.bottom-menu.active .list a.item-6, .bottom-menu.active .list a.item-7, .bottom-menu.active .list a.item-8, .bottom-menu.active .list a.item-9, .bottom-menu.active .list a.item-10, .bottom-menu.active .list a.item-11, .bottom-menu.active .list a.item-12 {
	color: #fff;
}

.bottom-menu .dklik {
	position: absolute;
	right: 6px;
	top: 20px;
}


.bottom-menu .montparnasse a {
	width: 60px;
	height: 50px;
	background: url(../images/montparnasse56.png) center center no-repeat;
	background-size: contain;
	display: inline-block;
	text-indent: -999em;
}

.bottom-menu .dklik a {
	width: 60px;
	height: 22px;
	background: url(../images/dklik.png) center center no-repeat;
	background-size: contain;
	display: inline-block;
	text-indent: -999em;
}



.bottom-menu .pages_sub_footer_wrapper {
	text-align: center;
	padding: 0px 0px 2px 0px;
	max-height: 0;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.bottom-menu.active .pages_sub_footer_wrapper {
	max-height: none;
	opacity: 1;
}

.pages_sub_footer_wrapper .pages_sub_footer {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

.pages_sub_footer_wrapper .pages_sub_footer li {
	display: inline-block;
	vertical-align: middle;
}

.pages_sub_footer_wrapper .pages_sub_footer li a {
	color: #fff;
	font-size: 12px;
	padding: 0px 7px;
}

.b-left {
	border-left: 1px solid #000;
}

.addthis {
	display: block;
	box-sizing: border-box;
	text-align: right;
	margin-left: 105px;
	width: 257px;
	float: right;
	margin-top: 5px;
	vertical-align: top;
}

.social {
	display: block;
	background: #ab8b4f;
	box-sizing: border-box;
	padding: 2px;
	text-align: center;
	/*
	margin-left: 105px;
	width: 95px;
	float: right;
	margin-top: 5px;*/
	position: absolute;
	top: 25px;
	right: 40px;
}
.home .social {
	top: -35px;
	right: 0;
}
.social .facebook-btn {
	background: url(../images/facebook.png) center no-repeat;
	height: 17px;
	width: 15px;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
}
.social .twitter-btn {
	background: url(../images/twitter.png) center no-repeat;
	height: 17px;
	width: 15px;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	vertical-align: middle;
	overflow: hidden;
}
.social .instagram-btn {
	background: url(../images/instagram.png) center no-repeat;
	height: 17px;
	width: 15px;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	vertical-align: middle;
	overflow: hidden;
}
.social .google-btn {
	background: url(../images/google.png) center no-repeat;
	height: 17px;
	width: 15px;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
}
.social .tripadvisor-btn {
	background: url(../images/tripadvisor.png) center no-repeat;
	height: 17px;
	width: 20px;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	vertical-align: middle;
	overflow: hidden;
}

.slides-pagination {
	position: absolute;
	/*top: 55%;*/
	bottom: 100px;
	left: 5.5%;
	z-index: 2;
	width: 100%;
	padding-right: 450px;
	/*padding-left: 100px;*/
	box-sizing: border-box;
}
.slides-pagination a {
	text-indent: -999em;
	height: 10px;
	width: 10px;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 50%;
	display: inline-block;
	margin: 2px;
}
.slides-pagination a.current {
	background: #fff;
}

.item-menu-content {
	opacity: 0;
	width: 100%;
	display: none;
	/*transition: opacity 0.5s ease-in-out;*/
}
.item-menu-content.active {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	opacity: 1;
	filter: alpha(opacity=100);
}

.content-table .bloc {
	padding: 20px;
	box-sizing: border-box;
	padding-right: 0;
	flex: 1 1 100%;
}
.content-table .bloc .img {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	min-width: 100px;
	max-width: 150px;
	margin-right: 4%;
}
.content-table .bloc .img img {
	width: 100%;
	height: auto;
}
.content-table .bloc .third {
	display: inline-block;
	vertical-align: middle;
	width: 60%;
}
.content-table .bloc .third .title {
	font-family: 'futoralmeddbnormal';
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 15px 0;
	font-weight: normal;
	border-bottom: 1px solid #fff;
}
.content-table .bloc .third .title a {
	color: #fff;
	text-decoration: none;
}
.content-table .bloc .third .link {
	color: #fff;
	text-decoration: none;
	display: block;
	vertical-align: top;
	box-sizing: border-box;
	font-family: 'futoralmeddbnormal';
	font-size: 16px;
	transition: all 200ms ease-in-out;
	line-height: 18px;
}
.content-table .bloc .third .link + .link {

}
.content-table .bloc .third .link:hover {
	/*background: #fff;*/
	color: #000;
}

.mobile-btn {
	display: none;
}

@media only screen and (max-width: 1200px) {

	.content-wrapper {
		padding: 0 20px;
	}

	.bottom-menu .list {
		padding: 1em 0;
	}
	.bottom-menu .list li a {
		font-size: 17px;
	}
}

@media only screen and (max-width: 1024px) {

	.home .site-title {
		width: 450px;
		left: 20px;
		top: 20px;
	}
	.paragraphe .site-title {
		width: 450px;
		left: 20px;
		top: 110px;
	}
	

	.side-menu {
		padding-right: 20px;
		right: 20px;
	}

	.home #home-slider .slides-navigation, .paragraphe .header #home-slider .slides-navigation {
		left: 20px;
	}

	.home #home-slider .slides-navigation .name-and-btn, .paragraphe .header #home-slider .slides-navigation .name-and-btn {
		margin-left: 0;
	}

	.home #home-slider .slides-navigation .slide-btn-right, .paragraphe .header #home-slider .slides-navigation .slide-btn-right {
		margin-left: 8px;
	}

	.home #home-slider .slides-navigation .slide-btn-left, .paragraphe .header #home-slider .slides-navigation .slide-btn-left {
		margin-right: 8px;
	}

	.slides-pagination {
		/*top: 550px;
		 padding-left: 20px;*/
		left: 6.5%;
	}
	.animal-name {
		font-size: 54px;
	}
}

@media only screen and (max-width: 989px) {

	.content-wrapper {
		padding: 0 20px;
	}

	.bottom-menu .list {
		text-align: left;
		padding: 1em 0;
	}
	.bottom-menu .list li {
		padding-right: 8px;
		margin-right: 0;
	}
	.bottom-menu .list li + li {
		padding-left: 8px;
		margin-left: 0;
	}
	.bottom-menu .list li a {
		font-size: 16px;
		padding: 0;
		/*height: auto;*/
		line-height: 20px;
	}

	.nouveaute-fiche, .nouveautes-autres {
		float: none;
		width: auto;
	}
	.nouveautes-autres {
		margin-top: 40px;
	}
	.nouveautes-autres .nouveautes-autres-list .nouveaute-autres-item {
		float: left;
		width: 48%;
		margin-right: 1%;
	}
}

@media only screen and (max-width: 839px) {
	.bottom-menu .list li a {
		font-size: 15px;
	}
}

@media only screen and (max-width: 800px) {

	.fce-2-col, .fce-3-col {
		display: block;
		width: auto;
	}
	.fce-2-col-colonne, .fce-3-col-colonne {
		display: block;
		width: auto !important;
		padding: 0;
	}
	.fce-2-col-colonne + .fce-2-col-colonne, .fce-3-col-colonne + .fce-3-col-colonne {
		padding-top: 20px;
		margin-top: 20px;
		border: none;
		border-top: 1px solid #ccc;
	}

	.fce-2-col-colonne:first-child, .fce-3-col-colonne:first-child {
		padding-left: inherit;
	}
	.fce-2-col-colonne:last-child, .fce-3-col-colonne:last-child {
		padding-right: inherit;
	}

	.paragraphe .content-zone {
		padding: 0 10px;
	}

	.tags-content .tag {
		margin: 5px 10px 5px 0;
	}

	.paragraphe .animal-name {
		font-size: 44px;
	}

	.paragraphe #home-slider {
		height: 240px !important;
	}

	.paragraphe .side-menu {
		display: none;
	}

	.width-25, .width-50 {
		width: 100%;
		padding: 0 10px;
	}

	.b-left {
		border: none;
	}

	.paragraphe .content-zone .content-title {
		font-size: 21px;
	}

	.slides-pagination {
		display: none;
	}

	.mobile-btn {
		display: block;
		position: absolute;
		height: 32px;
		width: 32px;
		top: 10px;
		right: 10px;
		text-decoration: none;
		background: url(../images/mobile-btn-1.png) center no-repeat;
		background-size: contain;
		z-index: 99999;
	}
	.mobile-btn.active {
		background: url(../images/mobile-btn-2.png) center no-repeat;
		background-size: contain;
	}
	
	.home #home-slider .slide-content {
		max-width: none;
		right: 5%;
	}

	.home #home-slider .slides-navigation .content, .paragraphe .header #home-slider .slides-navigation .content, .side-menu .exclu a.nouveaute, .social {
		display: none;
	}

	.home #home-slider .slides-navigation .name-and-btn, .paragraphe .header #home-slider .slides-navigation .name-and-btn {
		margin-left: 0;
	}

	.side-menu {
		width: 100%;
		right: 0;
		bottom: 0;
		top: initial;
		text-align: left;
		padding: 15px;
		box-sizing: border-box;
	}
	.side-menu .list {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.flashBox {
		display: none;
		/*display: inline-block;
		 margin-top: 5px;
		 position: absolute;
		 top: -160px;
		 left: 0;
		 padding: 15px;
		 box-sizing: border-box;*/
	}

	.side-menu .exclu {
		width: 100%;
		box-sizing: border-box;
		text-align: right;
		display: inline-block;
		float: none;
	}

	.side-menu .exclu a {
		width: 100%;
		text-align: right;
		/*border-left: none !important;*/
		border-top: none !important;
	}

	.side-menu .list li {
		width: 50%;
		float: left;
		box-sizing: border-box;
		text-align: right;
		display: inline-block;
	}
	.side-menu .list li:nth-of-type(2) a {
		border-left: none !important;
	}
	.side-menu .list li:nth-of-type(3) a {
		border-top: none !important;
	}

	.side-menu .list li a {
		border: 2px solid #fff !important;
		display: inline-block;
		color: #fff;
		font-size: 23px;
		width: 100%;
		box-sizing: border-box;
		text-decoration: none;
		text-transform: uppercase;
		height: 44px;
		line-height: 44px;
		font-weight: normal;
		padding-right: 11px;
		transition: all 200ms ease-in-out;
		position: relative;
		z-index: 1;
	}
	.side-menu .languesBtn {
	  right: 20px;
	}

	.home .site-title {
		width: 300px;
	}
	.paragraphe .site-title {
		width: 300px;
	}

	.animal-name {
		font-size: 42px;
	}

	.home #home-slider .slides-navigation, .paragraphe .header #home-slider .slides-navigation {
		max-width: 90%;
		box-sizing: border-box;
		padding: 10px;
	}

	.overlay-bottom-menu {
		display: none !important;
	}
	.overlay-bottom-menu.active {
		display: none !important;
	}

	.content-table .infos-content.active, .content-table .animaux-content.active, .content-table .scolaire-content.active, .content-table .zoom-content.active, .content-table .presse-content.active, .content-table .contact-content.active, .content-table .news-content.active {
		display: block;
	}

	.mobile-menu {
		position: fixed;
		z-index: 100;
		display: initial;
		bottom: auto;
		top: 0;
		right: -100%;
		height: 100% !important;
		max-height: inherit !important;
		min-height: inherit;
		width: 100%;
		background: rgba(0, 0, 0, 0.8) !important;
		transition: all 500ms ease-in-out;
		overflow-y: auto;
		font-family: 'futoralmeddbnormal';
	}
	.mobile-menu.active {
		right: -50%;
	}
	.mobile-menu ul {
		margin: 0;
		padding: 0 0 0 15px;
		list-style-type: none;
		/*text-align: center;*/
	}
	.mobile-menu ul li {

	}
	.mobile-menu ul > li.sub > a:after {
		content: '▼';
		color: #AB8B4F;
		display: inline-block;
		margin-left: 5px;
	}
	.mobile-menu ul li a {
		color: #fff;
	}

	.mobile-menu ul.niveau_1 {
		margin: 50px 0;
		padding: 0 0 0 15px;
	}
	.mobile-menu ul.niveau_1 > li {
		line-height: 2;
		font-size: 0.75em;
	}
	.mobile-menu ul.niveau_1 > li > a {
		text-transform: uppercase; 
	}

	.mobile-menu ul.niveau_2 {
		padding: 0 0 0 15px;
		margin: 5px 0 25px 0;
		display: none;
	}
	.mobile-menu ul.niveau_2.active {
		/*display: block;*/
	}
	.mobile-menu ul.niveau_2 > li {
		line-height: 1.6;
		font-size: 18px;
	}
	.mobile-menu ul.niveau_2 > li > a {
		margin: 15px 0;
		text-transform: uppercase;
	}

	.mobile-menu ul.niveau_3 {
		padding: 0 0 0 15px;
		margin: 5px 0 25px 0;
		display: none;
	}
	.mobile-menu ul.niveau_3.active {
		/*display: block;*/
	}
	.mobile-menu ul.niveau_3 > li {
		line-height: 1.4;
		font-size: 16px;
	}
	.mobile-menu ul.niveau_3 > li > a {
		margin: 15px 0;
	}

	.bottom-menu {
		display: none;
		bottom: auto;
		top: 0;
		right: -100%;
		height: 100% !important;
		max-height: inherit !important;
		min-height: inherit;
		width: 100%;
		display: block;
		background: rgba(0, 0, 0, 0.8) !important;
		transition: all 500ms ease-in-out;
	}
	/*
	 .bottom-menu.active {
	 right: 0;
	 }

	 .bottom-menu.active .line1,
	 .bottom-menu.active .line2,
	 .bottom-menu.active .circle-pit {
	 display: none;
	 }
	 .bottom-menu .list {
	 margin-top: 70px;
	 padding: 0;
	 text-align: center;
	 width: 100%;
	 }
	 .bottom-menu .list li {
	 display: block;
	 }
	 .bottom-menu .list li a {
	 display: inline-block;
	 font-size: 12px;
	 margin-left: 0;
	 height: 35px;
	 line-height: 35px;
	 border-bottom: none !important;
	 margin-bottom: 5px;
	 }
	 .bottom-menu .list li a.infos {
	 width: 90%;
	 background: none;
	 }
	 .bottom-menu .list li a.infos.color {
	 background: #b8a691;
	 }
	 .bottom-menu .list li a.animaux {
	 width: 90%;
	 background: none;
	 }
	 .bottom-menu .list li a.animaux.color {
	 background: #91945a;
	 }
	 .bottom-menu .list li a.scolaire {
	 width: 90%;
	 background: none;
	 }
	 .bottom-menu .list li a.scolaire.color {
	 background: #bf9f4f;
	 }
	 .bottom-menu .list li a.zoom {
	 width: 90%;
	 background: none;
	 }
	 .bottom-menu .list li a.zoom.color {
	 background: #7f8d90;
	 }
	 .bottom-menu .list li a.presse {
	 width: 90%;
	 background: none;
	 }
	 .bottom-menu .list li a.presse.color {
	 background: #c3846d;
	 }
	 .bottom-menu .list li a.contact {
	 width: 90%;
	 background: none;
	 }
	 .bottom-menu .list li a.contact.color {
	 background: #666666;
	 }
	 .bottom-menu .list li a.news {
	 width: 90%;
	 background: none;
	 }
	 .bottom-menu .list li a.news.color {
	 background: #b4b380;
	 }
	 .bottom-menu .content-table {
	 position: fixed;
	 left: -55%;
	 display: block;
	 height: 100%;
	 width: 55%;
	 overflow: scroll;
	 transition: all 300ms ease-in-out;
	 }
	 .bottom-menu .content-table .infos-content.active {
	 background-color: #b8a691;
	 min-height: 100%;
	 }
	 .bottom-menu .content-table .animaux-content.active {
	 background-color: #91945a;
	 min-height: 100%;
	 }
	 .bottom-menu .content-table .scolaire-content.active {
	 background-color: #bf9f4f;
	 min-height: 100%;
	 }
	 .bottom-menu .content-table .zoom-content.active {
	 background-color: #7f8d90;
	 min-height: 100%;
	 }
	 .bottom-menu .content-table .presse-content.active {
	 background-color: #c3846d;
	 min-height: 100%;
	 }
	 .bottom-menu .content-table .contact-content.active {
	 background-color: #666666;
	 min-height: 100%;
	 }
	 .bottom-menu .content-table .news-content.active {
	 background-color: #b4b380;
	 min-height: 100%;
	 }
	 .bottom-menu .content-table .bloc {
	 padding: 10px 0;
	 text-align: center;
	 box-sizing: border-box;
	 padding-right: 0;
	 flex: none;
	 display: block;
	 }
	 .bottom-menu .content-table .bloc .third .link {
	 display: block;
	 }
	 .bottom-menu .content-table.active {
	 left: 0;
	 }

	 .bottom-menu .dklik {
	 position: initial;
	 text-align: center;
	 margin-top: 80px;
	 }
	 */

	.tx-powermail form .powermail_fieldwrap {
		width: 100%;
	}

	.nouveaute-fiche, .nouveautes-autres {
		float: none;
		width: auto;
	}
	.nouveautes-autres {
		margin-top: 40px;
	}
	.nouveaute-fiche .nouveaute-fiche-img {
		width: 50%;
		min-width: 200px;
	}
	.nouveaute-fiche .nouveaute-fiche-img img {
		width: 95%;
	}
}

@media only screen and (max-width: 639px) {
	.home .site-title {
		width: 70%;
	}
	.paragraphe .site-title {
		width: 80%;
	}
	.site-title img {
		max-width: 100%;
	}

	.animal-name {
		font-size: 30px;
	}
	
	.mobile-menu.active {
		right: 0;
	}
	
	.home #home-slider .slide-content {
		max-width: none;
		right: 5%;
	}
	.side-menu .exclu a {
		font-size: 18px;
		width: 100%;
		height: 30px;
		line-height: 30px;

	}
	.home #home-slider .slide-content {
		top: 35%;
		max-width: none;
	}
	.home #home-slider .slides-navigation {
		max-width: none;
		right: 20px;
	}
	.home #home-slider .subtitle {
		max-width: 100%;
	}
	.home #home-slider p.content {
		margin: 5px 0;
	}
	.home #home-slider .slides-navigation .name-and-btn {
		margin-bottom: 10px;
	}
	.home #home-slider .slides-navigation {
		padding: 0;
	}
}

@media only screen and (max-width: 450px) {
	.nouveaute-fiche .nouveaute-fiche-img {
		float: none;
		width: auto;
		min-width: 0;
	}
	.nouveaute-fiche .nouveaute-fiche-img img {
		width: 100%;
	}
	.nouveaute-fiche .nouveaute-lien-fichier a, .nouveaute-fiche .nouveaute-fiche-retourliste a {
		display: block;
	}
}