/*----------------------------------------------------------------*/
/* Description       : feuille de style générale du site          */
/*----------------------------------------------------------------*/
/*---------------------------CSS EXTERNES-------------------------*/
@import url("fonts.css");
/*------------------------------------------------------------------*/
/*	 						GENERALITES								*/
/*------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

img {
	border: none;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
.g-recaptcha>div{
	margin: auto;
}

@media only screen and (min-width: 751px) and (min-height: 601px) {
	html {
		height: 100%;
		overflow: hidden;
	}

	body {
		height: 100%;
		width: 100%;
		overflow: hidden !important;
	}
}

@media only screen and (max-height: 600px) and (max-width: 900px) {
	body{
		background-image: none !important;
	}
}

@media only screen and (max-height: 600px) and (min-width: 901px) {
	html, body {
		height: auto;
		overflow: auto;
	}
}
#to_pop_up {
	border-style: solid;
	border-width: 10px;
	border-radius:50%;
	color:#000;
	display:none;
	padding:20px;
	width:180px;
	height:180px;
	cursor: pointer;
	-webkit-transform: rotate(-20deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(-20deg);
	-moz-transform-origin: 50% 50%;
	-o-transform: rotate(-20deg);
	-o-transform-origin: 50% 50%;
	-ms-transform: rotate(-20deg);
	-ms-transform-origin: 50% 50%;
	transform: rotate(-20deg);
	transform-origin: 50% 50%;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-box-shadow:0px 0px 20px 5px #999;
	-moz-box-shadow:0px 0px 20px 5px #999;
	-o-box-shadow:0px 0px 20px 5px #999;
	-ms-box-shadow:0px 0px 20px 5px #999;
	box-shadow:0px 0px 20px 5px #999;
}
#to_pop_up:hover {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
#to_pop_up .titre {
	text-align: center;
	text-shadow: 1px 1px 2px #666;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 22px;
	padding: 10px 20px;
}
#to_pop_up .texte {
	text-align: center;
	font-size: 18px;
	padding: 10px 20px;
}
.b-close{
	cursor:pointer;
	position:absolute;
	right:10px;
	top:5px;
	color: yellow;
}
a.don {
	display: block;
	color: #fff !important;
	background-color: #70c24a;
	text-decoration: none;
	font-size: 24px;
	padding:10px;
	margin: 5px 20px;
	border-radius: 5px;
}
a.don:hover {
	background-color: #6fa03b!important;
}
.gm-style a:hover {
	color: blue;
}
.gm-style a {
	cursor: pointer;
	text-decoration: underline;
}
/*------------------------------------------------------------------*/
/* 								HEADER								*/
/*------------------------------------------------------------------*/
/* Nav Menu Portail */
/* ---------------- */
@media only screen and (min-width: 751px) {

	#menu-portail { /* NAV */
		background: url(../images/degrade.png) repeat-x;
		color: #CCCCCC;
		position: fixed;
		top: 0;
		width: 100%;
		min-width: 110%;
		height: 45px;
		box-shadow: 0px 0px 7px 0px #000000;
		z-index: 1;
	}

	#menu-portail a img {
		border: none;
	}

	#menu-portail span.autres {
		display: none
	}

	/* menu */
	/* ---- */
	.bmenu a {
		color: #FFF;
		text-decoration: none;
	}

	#menu-portail ul.bmenu > li {
		display: block;
		float: left;
		text-transform: uppercase;
		margin: 15px 10px 0 0;
		padding: 0 0 0 10px;
		cursor: pointer;
	}

	#menu-portail ul.bmenu > li + li {
		border-left: 2px solid #CCC;
	}

	#menu-portail ul.bmenu > li.accueil + li {
		border-left: none;
	}

	#menu-portail ul.bmenu > li.accueil {
		margin-top: 0;
		margin-right: 0;
	}

	#menu-portail ul.bmenu > li:first-child + li {
		border-left: none;
	}

	#menu-portail ul.bmenu > li:hover {
		color: #FFFFFF;
	}

	#menu-portail ul.bmenu > li a {
		font-size: 11px;
		font-family: 'Century Gothic';
	}

	/* sous-menu des différents sites */
	/* ------------------------------ */
	#menu-portail ul.bmenu > li:first-child {
		height: 40px;
		margin: 3px 0 0 1px;
		padding-left: 0;
	}

	#menu-portail ul#menu-sites {
		padding: 0;
		margin: 0;
		list-style: none;
		position: relative;
		width: 170px;

		height: auto;
		position: absolute;
		top: -280px;
		-webkit-transition: 0.8s ease-in-out;
		transition: 0.8s ease-in-out;
		-o-transition: 0.8s ease-in-out;
		-moz-transition: 0.8s ease-in-out;
		-webkit-transition: all 0.8s ease-in-out;

		/*z-index:-1;*/
		opacity: 0;
	}

	#menu-portail li:hover ul#menu-sites {
		-webkit-transform: translate(0, 325px);
		transform: translate(0, 325px);
		opacity: 1;
	}

	#menu-portail ul#menu-sites li {
		background: rgba(100, 100, 100, 0.5) url(../images/degrade.png) repeat-x;
		border: 1px solid rgba(0, 0, 0, 0);
		width: 170px;
	}

	#menu-portail ul#menu-sites li:hover {
		background: rgba(100, 100, 100, 1) url(../images/degrade2.png) repeat-x;
		border: 1px solid #fff;
	}

	#menu-portail ul#menu-sites li span {
		display: none;
	}

	#menu-portail ul#menu-sites li a {
		display: block;
	}

	#menu-portail ul.bmenu > li:first-child span.bars3, /* bouton affichage sous-menu sites */
	nav.reduit span.bars3 {
		display: inline-block;
		width: 40px;
		height: 40px;
		background: url(../images/btMenu.png);
		-webkit-transition: 0.8s ease-in-out;
		transition: 0.8s ease-in-out;
		-o-transition: 0.8s ease-in-out;
		-moz-transition: 0.8s ease-in-out;
		-webkit-transition: all 0.8s ease-in-out;
	}

	#menu-portail ul.bmenu > li:first-child:hover span.bars3,
	nav.reduit:hover span.bars3 {
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}

	#menu-portail ul.bmenu > li:first-child span:only-child {
		background-image: url(../images/marc-vella.png);
		background-repeat: no-repeat;
		background-position: center center;
		display: block;
		width: 165px;
		height: 20px;
		margin-top: 9px;
		margin-left: 9px;
		text-indent: -1000px;
	}

	#menu-portail.reduit span.bars3 + span {
		display: none;
	}

	/* pour gérer superposition des menus */
	/*#menu-portail:hover + #menu .bars3{
		display:none;
	}*/
	/* réseaux sociaux */
	/* --------------- */
	#menu-portail #barre-social {
		margin-top: 7px;
	}

	/* menu langues */
	/* ------------ */
	#menu_langue {
		height: 30px;
		margin-top: 15px;
		list-style: none outside none;
	}

	#menu_langue li {
		margin: 0 5px;
		float: left;
		opacity: 0.6;
		filter: alpha(opacity=60);
	}

	#menu_langue li.active, #menu_langue li:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	/* menu spécifique au site */
	/* ----------------------- */
	#menu {
		position: absolute;
		text-align: right;
		top: 200px;
		right: 895px;
		font-family: "Champagne Limousines";
		font-weight: bold;
		font-size: 30px;
	}

	#menu .bmenu.b9 {
		font-size: 28px;
	}

	#menu .bmenu.b10 {
		font-size: 26px;
	}

	#menu .bmenu.b11 {
		font-size: 24px;
	}

	#menu .bmenu {
		padding: 0px;
		margin: 0;
		position: relative;
	}

	#menu .bmenu li {
		display: block;
		cursor: pointer;
		white-space: nowrap;
	}

	#menu .bmenu li a {
		margin: 2px;
		padding: 5px 10px 5px 20px;
		color: transparent;
		display: block;
		text-shadow: 0px 0px 3px #fff;
		letter-spacing: 1px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#menu .bmenu.b9 li a {
		padding: 4px 10px 4px 20px;
	}

	#menu .bmenu.b10 li a {
		padding: 3px 10px 3px 20px;
	}

	#menu .bmenu.b11 li a {
		padding: 2px 10px 2px 20px;
	}

	#menu .bmenu:hover li a {
		text-shadow: 0px 0px 3px #FFF;
		background: rgba(0, 0, 0, 0.3);
	}

	#menu .bmenu li.active a {
		color: #fff;
		text-shadow: 0px 0px 5px #999;
	}

	#menu .bmenu li a:hover {
		color: #fff;
		text-shadow: 0px 0px 1px #fff;
		padding-right: 15px;
		padding-left: 15px;
		background: rgba(0, 0, 0, 0.2);
	}

	.ie #menu .bmenu li a {
		color: #FFF;
		text-shadow: 0px 0px 5px #fff;
		opacity: 0.5;
	}

	.ie #menu .bmenu li.active a,
	.ie #menu .bmenu li a:hover {
		opacity: 1;
	}

	.material-menu-button {
		display: none;
	}

	/* Version menu réduit */
	#menu.reduit {
		text-align: left;
		right: auto;
		left: calc(100% - 885px);
		z-index: 0;
		top: 130px;
		height: 40px;
		overflow: hidden;
	}

	#menu.reduit ul.bmenu {
		top: -500px;
		-webkit-transition: 0.8s ease-in-out;
		transition: 0.8s ease-in-out;
		-o-transition: 0.8s ease-in-out;
		-moz-transition: 0.8s ease-in-out;
		-webkit-transition: all 0.8s ease-in-out;

		/*z-index:-1;*/
		opacity: 0;
	}

	#menu.reduit:hover {
		height: 500px;
	}

	#menu.reduit .bmenu li a {
		margin: 0 2px;
	}

	#menu.reduit:hover ul.bmenu {
		-webkit-transform: translate(0, 524px);
		transform: translate(0, 524px);
		opacity: 1;
	}

	#menu.reduit ul.bmenu li {
		background-image: url(../images/degrade.png);
		background-repeat: repeat-x;
	}

	/* décalage position titre de la fenêtre */
	.reduit #header span.titre-site {
		margin-left: 25px;
	}

	/* FORMULAIRE NEWSLETTER */
	/* ----------------------*/
	#newsletter {
		position: absolute;
		top: 45px;
		right: 0;
		height: 45px;
		padding: 0 10px 0 30px;
		background: url("../images/degrade.png") repeat-x;
		border-bottom-left-radius: 20px 45px;
		box-shadow: 0 0 7px 0 #000000;
	}

	#newsletter input[type='text'] {
		width: 250px;
		float: left;
	}

	#newsletter label {
		display: block;
		color: #CCC;
		text-align: center;
	}

	#newsletter input[type='text']::-moz-placeholder {
		text-align: center;
	}

	#newsletter input[type='text']::-webkit-input-placeholder {
		text-align: center;
	}

	#newsletter input[type='text']:-ms-input-placeholder {
		text-align: center;
	}
}

#form_newsletter {
	background-color: #666;
	background-image: url("../images/marc-vella.png");
	background-position: center 20px;
	background-repeat: no-repeat;
	padding: 20px 20px 10px 20px;
}

#form_newsletter > * {
	display: block !important;
	float: none !important;
}

#form_newsletter label {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0 10px;
	color: #FFF;
}

#form_newsletter input[type='text'] {
	font-size: 16px;
	max-width: 300px;
}

#form_newsletter #btValide {
	width: 70px;
	margin: auto;
}

/* menu galerie vidéo */
/* ------------------ */
#menu.galerie {
	left: 0;
	right: auto;
	top: 0;
	bottom: 0;
}

/* galerie photo */
/* ------------- */
ul.galerie-photo {
	list-style: none outside;
}
ul.galerie-photo li {
	position: relative;
	margin-top: 2px;
	padding: .5em;
	zoom: 1;
	border: 1px solid #808080;
	color: #808080;
	border-radius: 4px;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
}
ul.galerie-photo li.active,
ul.galerie-photo li:hover {
	/*border: 1px solid #fbcb09;*/
	background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
}

ul.galerie-photo li a{
	display: block;
	color: #808080;
	text-decoration: none;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 100%;
	font-weight: bold;
}
ul.galerie-photo li.active a{
	color: #c77405;
}
ul.photo {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	justify-items: center;
	margin-top: 20px;
}
ul.photo li{
	list-style: none outside;
	background-color: rgba(255, 255, 255, 0.3);
	padding: 5px;
	height:150px;
	max-width: 160px;
	margin-bottom: 10px;
	cursor: pointer;
	border: 1px solid transparent;
}
ul.photo li:hover{
	background-color: rgba(255, 255, 255, 0.8);
}
ul.photo li.active{
	border-color: #000;
	background-color: rgba(255, 255, 255, 0.6);
}
ul.photo li span.legende {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
}
ul.photo li span.commentaire {
	display: none;
}
#cadre-photo img {
	max-width: 100%;
	display: block;
	margin: auto;
	margin-bottom: 10px;
	box-shadow: 5px 5px 5px #666;
}
#cadre-photo img.simple {
	box-shadow: none;
}
#cadre-photo span#bo_btChargeImage {
	display: inline-block;
	margin: 20px 10px;
	padding: 10px;
	border: none;
	height: auto !important;
	max-width: calc(100% - 40px);
}
#cadre-photo span#bo_btChargeImage input {
	background: url(../images/download.png) center left no-repeat;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 30px;
	height: auto !important;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
#cadre-photo span#bo_btChargeImage:hover input{
	text-decoration: underline;
}

#scrollToTop a {
	display: none;
}
#scrollToDoc {
	position: absolute;
	right: 420px;
	top: -30px;
	background-image:url(../images/scrollToDoc.png);
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	display:block;
	width:50px;
	height:50px;
	cursor: pointer;
	z-index:10;
	-webkit-transform: rotate(20deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(20deg);
	-moz-transform-origin: 50% 50%;
	-o-transform: rotate(20deg);
	-o-transform-origin: 50% 50%;
	-ms-transform: rotate(20deg);
	-ms-transform-origin: 50% 50%;
	transform: rotate(20deg);
	transform-origin: 50% 50%;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	opacity:0.5;
}

#scrollToDoc:hover {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
	box-shadow: 0px 0px 5px #666666;
}


@media only screen and (max-width: 900px) {
	#menu.reduit {
		left: auto;
		top: 45px;
	}
}

@media only screen and (max-width: 750px) {
	/* Affichage du menu en mode mobile latéral */
	#menu-button-wrapper {
		background-image: url("../images/degrade.png");
		height: 45px;
		width: 100%;
	}

	.material-menu-button {
		/*position:static;
		top:auto;*/
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 23px;
		padding: 10px;
		width: 23px;
		background: url(../images/btMenu.png);
		-webkit-transition: 0.8s ease-in-out;
		transition: 0.8s ease-in-out;
		-o-transition: 0.8s ease-in-out;
		-moz-transition: 0.8s ease-in-out;
		-webkit-transition: all 0.8s ease-in-out;
	}

	.material-menu-button:hover { /* IE 9 */
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}

	.material-menu-wrapper {
		padding: 20px;
	}

	.material-menu-view-mobile {
		background-color: #fff;
		box-shadow: 40px 0px 30px 0px rgba(0, 0, 0, 0.2);
	}

	/* Menu des site */
	span.bars3 {
		display: none;
	}

	.bmenu a {
		color: #FFF;
	}

	#menu-portail {
		background: none;
		box-shadow: none;
	}

	#menu-portail ul.bmenu > li:first-child > a {
		/*display:none;*/
	}

	#menu-portail ul#menu-sites li {
		background: none;
		border: none;
		padding: 2px 0;
	}

	#menu-portail ul#menu-sites li:hover {
		background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
		box-shadow: 1px 1px 1px 1px #333;
	}

	#menu-portail ul#menu-sites img + span {
		display: none;
	}

	#menu-portail ul#menu-sites li img {
		display: block;
		margin: auto;
	}

	#menu-portail ul.bmenu li:first-child > span img {
		position: absolute;
		top: 0;
		left: 50%;
		margin: 10px 0 0 -85px;
	}

	/*#menu-portail ul.bmenu li img,
	#menu-portail ul#menu-sites a img{
		display:none;
	}
	#menu-portail ul#menu-sites a span{
		display:inline;
	}*/
	#header-portail nav + nav,
	#header-portail #menu-portail ul.bmenu > li:last-child,
	ul#menu-sites {
		margin-bottom: 20px;
		/*border-bottom:1px solid #FFF;*/
	}

	#header-portail,
	#header-portail ul.bmenu {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#header-portail #menu,
	#header-portail #menu-portail ul.bmenu > li {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
	}

	#header-portail #menu {
		margin-top: 20px;
	}

	#header-portail #menu-portail {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}

	#header-portail #menu-portail ul.bmenu > li:first-child {
		-webkit-box-ordinal-group: 11;
		-webkit-order: 10;
		-ms-flex-order: 10;
		order: 10;
	}

	body.portail nav#menu:not(.galerie),
	#header-portail #menu-portail.galerie,
	#header-portail #menu.galerie + #newsletter {
		display: none;
	}

	#header-portail nav ul {
		list-style: none outside none;
	}

	#header-portail li {
		font-size: 18px;
		line-height: 24px;
		margin: 4px 0;
		text-transform: uppercase;
	}

	#header-portail .bmenu li a {
		display: block;
	}

	#header-portail li.active, #header-portail li a:hover {
		font-weight: bold;
	}

	#header-portail * {
		font-family: corbel !important;
		text-decoration: none;
	}

	#menu_langue {
		clear: both;
	}

	#menu_langue li {
		display: inline;
		margin: 10px 5px;
	}

	span.autres {
		text-transform: none;
		display: block;
		text-align: center;
		font-weight: bold;
	}

	/* FORMULAIRE NEWSLETTER */
	/* ----------------------*/
	#newsletter {
		order: 3;
		margin: 20px 0;
		padding-top: 20px;
	}

	#newsletter input[type='text'] {
		width: calc(100% - 32px);
		height: 22px;
		float: left;
		margin-right: 2px;
		font-size: 16px;
	}

	#newsletter p {
		margin-bottom: 10px;
		font-size: 16px;
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
	}

	#newsletter input[type="button"] {
		height: 24px;
	}

	/* bouton retour haut de page */
	#scrollToTop a {
		position: fixed;
		right: 20px;
		display: block;
		bottom: 20px;
		top: auto;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-image: url(../images/up.png);
		background-repeat: no-repeat;
		background-position: center center;
		z-index: 1;
	}

	#scrollToTop a:hover {
		box-shadow: 0px 0px 5px #666666;
	}
}

@media only screen and (max-width: 500px) {
	#menu-button-wrapper {
		background: rgba(0, 0, 0, 1) url("../images/degrade.png") repeat-x scroll 0 0;
		height: 45px;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100;
	}

	aside {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}

	aside #newsletter {
		position: relative;
		top: auto;
	}

	aside #agenda_wrapper {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}

	aside #newsletter {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3;
		-webkit-align-self: end;
		-ms-flex-item-align: end;
		align-self: end;
	}
}

@media only screen and (max-width: 440px) {
	#form_newsletter input[type='text'] {
		font-size: 12px;
		max-width: 250px;
	}
}

/* Menu vidéo */
#menu_video {
	text-align: left;
	font-size: 14px;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	padding: 20px;
	position: absolute;
	top: 45px;
	left: 0;
	bottom: 0;
	height: auto;
	width: 240px;
}
#menu_video li.active a {
	color: #666;
	text-decoration: underline;
	font-style: italic;
}

@media only screen and (max-width: 750px) {
	#menu_video {
		position: inherit;
		padding: 0 0 20px;
		width: auto;
	}
}

@media only screen and (max-height: 600px) and (min-width: 901px) {
	#menu:not(.reduit):not(.galerie) {
		top: 158px;
	}

	#menu.reduit:not(.galerie) {
		top: 88px;
	}
}

/*------------------------------------------------------------------*/
/* 							GLOBAL PROTAIL							*/
/*------------------------------------------------------------------*/
@media only screen and (min-width: 650px) {
	nav#portail {
		position: absolute;
		display: block;
		bottom: 105px;
		left: 20px;
		max-width: calc(100% - 310px);
	}
}

@media only screen and (min-width: 501px)  and (max-width: 649px){
	nav#portail {
		position: absolute;
		display: block;
		top: 105px;
		left: calc(50% - 220px);
		max-width: calc(100% - 310px);
	}
}

@media only screen and (max-width: 500px) {
	nav#portail {
		position: inherit;
		max-width: 100%;
		width: 340px;
		margin: 100px auto 0;
	}
}

@media only screen and (max-width: 340px) {
	nav#portail {
		width: 170px;
	}
}

@media only screen and (max-height: 500px) {
	nav#portail {
		top: 150px;
		bottom: auto;
	}

	footer {
		display: none;
	}
}

@media only screen and (max-height: 400px) {
	nav#portail {
		top: 100px;
		bottom: auto;
	}
}

/*------------------------------------------------------------------*/
/* 							GLOBAL STANDARD							*/
/*------------------------------------------------------------------*/
@media only screen and (min-width: 901px) {
	#global {
		min-width: 1000px;
		height: 100%;
	}
}

@media only screen and (min-width: 751px) and (max-width: 900px) {
	#global {
		height: 100%;
		width: 100%;
		max-width: 100%;
	}
}

@media only screen and (max-width: 750px) {
	#global {
	}
}

/*------------------------------------------------------------------*/
/* 								Header								*/
/*------------------------------------------------------------------*/
#header-site {
	position: absolute;
	width: 855px;
	top: 127px;
	right: 30px;
	margin-left: auto;
	height: 73px;
}

#header {
	text-align: left;
	padding: 0 20px;
	background-color: rgba(0, 0, 0, 0.1);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#header-site ul#navigue li.active,
#header-site ul#navigue li:hover {
	text-decoration: underline;
	opacity: 1;
}

#header-site span.titre-site {
	display: block;
	margin: 0;
	font-family: "Champagne Limousines";
	font-weight: normal;
	font-size: 36px;
	color: white;
	height: 40px;
	line-height: 40px;
}

#header-site span.titre-site span.date{
	text-transform: none;
	font-size: 28px;
}

#header-site h1 {
	font-family: "Champagne Limousines";
	font-weight: normal;
	font-size: 24px;
	height: 30px;
	line-height: 30px;
}

#header-site.galerie {
	display: none;
}

@media only screen and (max-height: 600px) and (min-width: 901px) {
	#header-site /*:not(.reduit)*/
	{
		top: 85px;
	}
}

@media only screen and (max-width: 900px) {
	#header-site {
		position: relative;
		top: auto;
		height: 73px;
		margin: 45px auto auto;
		right: auto;
		width: 100%;
	}
}

@media only screen and (max-width: 750px) {
	#header-site, #header-site span.titre-site, #header-site h1 {
		height: auto;
	}

	#header-site {
		margin-top: 45px;
	}
}

/*------------------------------------------------------------------*/
/* 								Contenu								*/
/*------------------------------------------------------------------*/
#contenu {
	width: 855px;
	margin-right: 30px;
	margin-left: auto;
	float: right;
	background: white;
	font-size: 12px;
}

#contenu.long {
	height: auto;
	margin-bottom: 40px;
}

#contenu .texte {
	position: relative;
	margin: 20px 0;
	padding: 0 20px;
	width: 370px;
	/*max-width:370px;*/
	font-family: 'Aller Regular', 'Century Gothic', Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
}
#contenu .texte ul {
	margin-left: 15px;
}
#contenu.long .texte {
	width: calc(100% - 40px);
	max-width: calc(100% - 40px);
}

#contenu .texte img{
	max-width: 100%;
	height: auto;
}

#contenu.sudoslider .texte {
	width: calc(100% - 50px);
	margin: 20px 25px;
	padding: 0;
}

#contenu.sudoslider .graphic, #contenu.sudoslider .prevBtn, #contenu.sudoslider .nextBtn {
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	text-indent: -8000px;
}

#contenu.sudoslider .prevBtn, #contenu.sudoslider .nextBtn {
	display: block;
	width: 28px;
	height: 50px;
	position: absolute;
	left: -25px;
	top: 140px;
	z-index: 1000;
	background: url(../images/fleche-prev.png) no-repeat center left;
	cursor: pointer;
	border: none !important;
	border-radius: 0 100% 100% 0 / 0 50% 50% 0;
}

#contenu.sudoslider .nextBtn {
	background: url(../images/fleche-next.png) no-repeat center right;
	border-radius: 100% 0 0 100% / 50% 0 0 50%;
	left: calc(100% - 5px);
	width: 30px;
}

#contenu.sudoslider #handle {
	position: absolute;
	width: 100%;
	height: 20%;
	top: 40%;
	z-index: -1;
}

body.mceContentBody {
	font-family: 'Aller Regular';
	font-size: 12px;
	overflow: auto;
	max-width: 805px;
}

#contenu .texte p,
.mceContentBody p {
	margin-bottom: 12px;
}

#contenu .texte li:not(.ui-state-default, .onglet),
#contenu #extra li,
.mceContentBody li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 15px;
}

#contenu .texte h2,
#contenu #extra h2,
.mceContentBody h2 {
	line-height: 36px;
	margin-bottom: 25px;
	clear: both;
	font-family: 'Champagne Limousines';
	font-size: 36px;
	font-weight: normal;
}

#contenu #extra h2 {
	text-shadow: 1px 1px #000;
}

#contenu .media {
	width: 445px;
	height: 385px;
	overflow: hidden;
}

#contenu #googleMap.media img.slide {
	height: auto;
}

#contenu .media p.maps {
	text-align: center;
	margin-top:150px;
	font-size: 28px;
	font-weight: bold;
}

@media only screen and (min-width: 751px) {
	#contenu {
		position: absolute;
		right: 0;
		top: 200px;
		height: 385px;
	}

	#contenu.long {
		bottom: 0;
	}

	#contenu .texte {
		height: calc(100% - 40px);
		overflow: hidden;
		float: left;
	}

	#contenu #extra {
		position: absolute;
		top: 0;
		right: 0;
		width: 445px;
		text-align: center;
	}

	#contenu.sudoslider .texte {
		overflow: visible;
	}
}

@media only screen and (max-height: 600px) and (min-width: 901px) {
	#header-site /*:not(.reduit)*/ + #contenu:not(.galerie) {
		top: 158px;
	}
}

@media only screen and (min-width: 751px) and (max-width: 900px) {
	#contenu {
		position: relative;
		float: none;
		margin: 0 auto !important;
		width: 100%;
		top: auto;
	}

	#contenu.long {
		width: 100%;
		height: calc(100vh - 160px);
	}

	#contenu .texte {
		width: calc(100% - 485px);
		max-width: none;
	}

	#contenu .media {
		margin-left: calc(100% - 445px);
	}
}

@media only screen and (max-width: 750px) {
	#contenu {
		float: none;
		width: 100%;
		margin: 0;
		padding: 20px 0;
	}

	#contenu.long {
		height: 100%;
	}

	#contenu .texte {
		width: calc(100% - 40px);
		max-width: none;
	}

	#contenu.long .texte {
		width: auto;
		max-width: none;
	}

	#contenu .media {
		margin: auto;
	}

	#contenu #extra {
		bottom: 385px;
		left: -222px;
		margin-left: 50%;
		position: relative;
		text-align: center;
		width: 445px;
	}
	#scrollToDoc{
		display: none;
	}
}

@media only screen and (max-width: 484px) {
	#contenu .media {
		display: none;
	}

	#contenu #extra {
		bottom: auto;
		left: auto;
		margin-left: 0;
		position: inherit;
		text-align: center;
		width: auto;
	}
}

/*------------------------------------------------------------------*/
/* 							Diaporama droite						*/
/*------------------------------------------------------------------*/
.diaporama .desc {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 !important;
	color: #DDD;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	background: rgba(0, 0, 0, 0.5);
	width: inherit;
	text-align: center;
	text-transform: uppercase;
}

/*------------------------------------------------------------------*/
/* 						Itinéraire Google Maps						*/
/*------------------------------------------------------------------*/
.map_etape {
	display: none;
}

#googleMap h3, #googleMap h4 {
	color: #333333;
}

#googleMap h4 {
	margin-bottom: 10px;
}

#googleMap h3.map_repos {
	color: #0066FF;
	margin-bottom: 10px;
}

#googleMap a {
	border: 0px none #000000 !important;
	padding: 0 !important;
}

#contenu a#zoom {
	padding: 2px 10px;
	border-radius: 0;
	background-color: #FFF;
	text-decoration: none;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border: 1px solid #626b75;
	text-shadow: none;
	color: #000000 !important;
	box-shadow: 2px 2px 4px #666;
	text-align: center;
}

#contenu a#zoom:hover {
	background-color: #EFEFEF;
}

/*------------------------------------------------------------------*/
/* 					Sélecteur dans le header site					*/
/*------------------------------------------------------------------*/
.selecteur {
	bottom: 0;
	display: block;
	font-size: 14px;
	margin: 5px;
	position: absolute;
	right: 0;
}

#navigue.selecteur {
	bottom: 30px;
}

.selecteur label {
	margin-right: 5px;
	font-size: 20px;
}

.selecteur select {
	float: none;
	font-family: "Champagne Limousines";
	font-size: 20px;
	font-weight: bold;
}

@media only screen and (min-width: 751px) {
	#contenu a#zoom {
		position: absolute;
		top: 5px;
		left: 605px;
	}
}

@media only screen and (max-width: 750px) {
	#contenu a#zoom {
		display: block;
		width: 100px;
		margin: auto;
	}

	.selecteur {
		margin: 5px 0;
		position: inherit;
		right: auto;
	}
}

@media only screen and (max-width: 500px) {
	.journal a.lightbox, .journal a.lightbox + span {
		/* display: none; */
	}
	#contenu table{
		max-width: 100%;
	}
	#contenu td{
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}
}

/*------------------------------------------------------------------*/
/* 							Galerie vidéo							*/
/*------------------------------------------------------------------*/

#contenu.galerie {
	height: auto;
	max-height: calc(100% - 45px);
	width: calc(100% - 280px);
	top: 45px;
	right: auto;
	left: 0;
	bottom: 0;
	margin-left: 280px !important;
	float: none;
	overflow: hidden;
}

#contenu.galerie .texte {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 20px;
	width: auto;
	max-width: 530px;
	max-height: calc(100% - 40px);
	margin: 0 20px 0 0;
}

#contenu.galerie .texte:empty {
	display: none;
}

#contenu.galerie .media {
	width: auto;
	height: auto;
	height: calc(100% - 110px);
	max-height: calc(100% - 110px);
	padding: 50px 20px 20px;
}

#contenu.galerie .media h2 {
	text-shadow: 0 0 10px #fff;
}

aside.galerie {
	display: none;
}

#contenu.galerie div.video {
	float: left;
	margin: 10px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	width: 160px;
	height: 60px;
	background-color: rgba(255, 255, 255, 0.3);
	padding: 110px 5px 5px;
	color: #333333;
	border-radius: 0;
	border: none;
	cursor: pointer;
	background-size: 160px 100px;
}

#contenu.galerie div.video.courant {
	/*display:none;*/
}

#contenu.galerie div.video:hover {
	background-color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
}

#contenu.galerie div.video h4 {
	display: block;
	overflow: hidden;
	height: 15px;
}

#contenu.galerie div.video h5 {
	display: block;
	overflow: hidden;
	height: 35px;
}

#contenu.galerie div.video h5.date {
	color: #666666;
	font-style: italic;
	margin-top: 3px;
	text-align: right;
}

a.ferme-galerie {
	display: block;
	background-image: url(../images/btn_close.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 2px 4px;
	z-index: 1000;
	border: 1px solid #bbb;
	border-radius: 4px;
	color: #999999;
	line-height: 25px;
	font-size: 18px;
	text-decoration: none;
}

a.ferme-galerie:hover {
	background-color: rgba(255, 255, 255, 1);
	text-decoration: underline;
	color: #333;
}

@media only screen and (max-width: 1100px) {
	#contenu.galerie .texte {
		width: calc(100% - 270px);
		max-width: none;
		max-height: calc(100% - 40px);
		margin: 0;
	}

	#contenu.galerie .texte iframe,
	#contenu.galerie .texte object {
		max-width: 100%
	}
}

@media only screen and (max-width: 900px) {
	#contenu.galerie {
		overflow: auto;
	}

	#contenu.galerie .texte {
		width: calc(100% - 40px);
		height: auto;
		max-height: none;
	}

	#contenu.galerie .media {
		margin: 0;
		padding-top: 20px;
	}
}

@media only screen and (max-width: 750px) {
	#contenu.galerie {
		margin-left: 0 !important;
		width: 100%;
	}

	#contenu.galerie .texte {
		margin-top: 20px;
	}

	#contenu.galerie .media {
		display: block !important;
		height: auto;
		margin: 10px;
	}
}

@media only screen and (max-width: 400px) {
	#contenu.galerie .media {
		padding: 10px;
	}

	#contenu.galerie div.video {
		background-color: rgba(255, 255, 255, 0.7);
		background-image: none !important;
		height: auto;
		margin: 10px 0;
		padding: 5px;
		width: calc(100% - 10px);
	}

	#contenu.galerie div.video:hover {
		background-color: rgba(255, 255, 255, 1);
	}

	#contenu.galerie div.video h5 {
		height: auto;
	}
}

/*------------------------------------------------------------------*/
/* 							Formulaire contact						*/
/*------------------------------------------------------------------*/
form table {
	border-collapse: separate;
	border-spacing: 5px;
}

/*#form_contact input, #form_contact textarea, #form_contact select {
	max-width:250px;
}*/
#form_contact ul {
	list-style: none outside none;
}

#form_contact li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: normal;
	-webkit-align-items: normal;
	-ms-flex-align: normal;
	align-items: normal;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin: 3px 0 !important;
}

#form_contact li label:first-child {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 30%;
}

#form_contact li input + label {
	margin-left: 5px;
}

#form_contact label + input:not([type="button"]), #form_contact label + textarea, #form_contact label + select {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 70%;
}

#form_contact li.montant label:first-child {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: calc(100% - 60px);
	margin-right: 5px;
}

#form_contact li.montant label + input:not([type="button"]) {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 50px;
	margin-right: 5px;
}

#form_contact li.tr_nature_2 textarea, #form_contact li.tr_nature_3 textarea {
	width: 100%;
}

#form_contact li.tr_nature_2 textarea::-moz-placeholder, #form_contact li.tr_nature_3 textarea::-moz-placeholder {
	opacity: 0.7;
}

#form_contact li.tr_nature_2 textarea::-webkit-input-placeholder, #form_contact li.tr_nature_3 textarea::-webkit-input-placeholder {
	opacity: 0.7;
}

#form_contact li.tr_nature_2 textarea:-ms-input-placeholder, #form_contact li.tr_nature_3 textarea:-ms-input-placeholder {
	opacity: 0.7;
}

#form_contact label:first-letter {
	text-transform: uppercase;
}

#form_contact input[type=text],
#form_contact textarea,
#form_contact select {
	height: auto;
	padding: 2px !important;
	border: solid 1px #c8c8c8;
	background: #f9f9f9;
}

#form_contact label.oblig:after {
	color: #FF0000;
	content: "*";
	margin-left: 2px;
}

#form_contact .erreur {
	background-color: #990000 !important;
	color: #FFFFFF !important;
}

#form_contact input::-moz-placeholder, #form_contact textarea::-moz-placeholder {
	color: #666;
	opacity: 0;
}

#form_contact input::-webkit-input-placeholder, #form_contact textarea::-webkit-input-placeholder {
	color: #666;
	opacity: 0;
}

#form_contact input:-ms-input-placeholder, #form_contact textarea:-ms-input-placeholder {
	color: #f9f9f9;
}

/* boutons */
#form_contact #btAnnule {
	background: #8a8a8a;
}

#form_contact #btValide,
#form_contact #btValideMessage {
	background: #958754;
}

#form_contact #btValide,
#form_contact #btValideMessage,
#form_newsletter #btValide,
#form_contact #btAnnule {
	height: auto !important;
	padding: 6px !important;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

#form_contact #btValide,
#form_contact #btValideMessage,
#form_newsletter #btValide,
#form_commande #btValide {
	background: #958754;
	padding: 5px;
	color: #FFF;
}

#form_contact span#bo_btValide,
#form_contact span#bo_btAnnule,
#form_contact span#bo_btValideMessage,
#form_newsletter span#bo_btValide,
#form_commande span#bo_btValide {
	/*float:none;*/
	background: none;
	display: inline-block;
	margin: 20px 10px;
	padding: 0;
	border: none;
	height: auto !important;
}

#form_contact span#bo_btValide input,
#form_contact span#bo_btValideMessage input,
#form_newsletter span#bo_btValide input,
#form_commande span#bo_btValide input {
	font-weight: bold;
	text-transform: uppercase;
	height: auto !important;
}

#form_contact span#bo_btValideMessage {
	margin: 5px auto 0;
}

/*------------------------------------------------------------------*/
/* 							FestiPiano								*/
/*------------------------------------------------------------------*/
table.planning {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.planning a {
	text-decoration: none;
}

table.planning th, table.planning td {
	border: 1px solid #999;
	padding: 0 5px;
}

table.planning td:last-child {
	text-align: right;
}

table.planning th:only-child {
	text-transform: capitalize;
	background-color: #f5f5f5;
}

#contenu .texte div.festi {
	border: 1px solid rgba(100, 100, 100, 0.5);
	padding: 0 5px 10px;
	margin: 5px 0;
}

#contenu .texte div.festi > ul {
	margin-left: 15px;
}

#contenu .texte div.festi:nth-child(odd) {
	background-color: rgba(255, 255, 255, 0.5);
}

#contenu .texte div.festi h3 {
	text-transform: uppercase;
	font-size: 16px;
	margin: 0 -5px;
	padding: 5px;
	text-decoration: none;
	color: white !important;
}

#contenu .texte div.festi h5 {
	font-size: 14px;
}

#contenu .texte div.festi p.avec {
	font-style: italic;
	text-decoration: underline;
	margin-top: 10px;
}

#contenu .texte div.festi p.jours {
	font-style: italic;
	font-weight: bold;
	margin: 10px 0;
}

#contenu .texte div.festi p.web {
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	margin: 6px 0;
}

#contenu .texte div.festi ul.web {
	margin-left: 12px;
}

#contenu .texte div.festi ul.web li {
	list-style: none outside none !important;
	margin-left: 0 !important;
}

#contenu .texte div.festi.public-1 {
	border-color: #900;
}

#contenu .texte div.festi.public-2 {
	border-color: #00C;
}

#contenu .texte div.festi.public-3 {
	border-color: #390;
}

#contenu .texte div.festi.public-1 h5, #contenu .texte div.festi.public-1 p.jours, table.planning td.public-1,#contenu .texte li.festi.public-1 {
	color: #900;
}

#contenu .texte div.festi.public-2 h5, #contenu .texte div.festi.public-2 p.jours, table.planning td.public-2,#contenu .texte li.festi.public-2 {
	color: #00C;
}

#contenu .texte div.festi.public-3 h5, #contenu .texte div.festi.public-3 p.jours, table.planning td.public-3,#contenu .texte li.festi.public-3 {
	color: #390;
}
#contenu .texte div.festi.public-1 h3 {
	background-color: #900;
}

#contenu .texte div.festi.public-2 h3 {
	background-color: #00C;
}

#contenu .texte div.festi.public-3 h3 {
	background-color: #390;
}
table.planning td.public-1, table.planning td.public-2, table.planning td.public-3 {
	white-space: nowrap;
}
p.reserve {
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin: 10px 0;
}

/*------------------------------------------------------------------*/
/* 							Commande en ligne						*/
/*------------------------------------------------------------------*/
#header-site #form_commande {
	position: absolute;
	top: 0;
	right: 0;
}

#form_commande table#commande {
	margin: 10px;
	border-radius: 5px;
	border-collapse: collapse;
}

#form_commande table#commande th {
	text-align: center;
	padding: 1px 3px;
}

#form_commande table#commande tr th:first-child {
	font-size: 16px;
	text-transform: uppercase;
}

#form_commande table#commande td {
	border-top: 1px solid #aaa;
	padding: 1px 3px;
}

#form_commande table#commande td + td,
#form_commande table#commande td + th {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}

#form_commande table.commande {
	width: 100%;
	border-collapse: collapse;
}

#form_commande table.commande th,
#form_commande table.commande td {
	border: 1px solid #aaa;
	text-align: center;
	padding: 1px 3px;
}

#form_commande table.commande td {
	white-space: nowrap;
}

#form_commande table.commande td.prix {
	text-align: right;
}

#form_commande table.commande th.qte,
#form_commande table.commande td.qte {
	min-width: 60px;
}

#form_commande table.commande span.bo_bouton {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	display: inline-block;
	float: none;
	margin: auto;
}

#form_commande table.commande + p {
	text-align: center;
}

#form_commande #total {
	color: #958754;
	font-size: 16px;
	font-weight: bold;
	height: 22px;
	text-align: right;
}

#menu .bmenu li#panier {
	display: none;
}

#menu .bmenu li#panier.plein {
	display: block;
}

@media only screen and (max-width: 600px) {
	#header-site #form_commande {
		position: inherit;
	}

	#form_commande table#commande {
		margin-left: 0;
	}
}

/* Popup Formulaire contact commande */
/* --------------------------------- */
ul.commande.contact.total {
	margin: auto;
	max-width: 50%;
	width: 230px;
}

ul.commande.contact.total input[type=text] {
	background: none !important;
	font-size: 18px;
	font-weight: bold;
}

div.commande hr {
	width: 100%;
	color: #c4c4c4;
	background-color: #c4c4c4;
	height: 1px;
	border: 0;
}

#conteneur label.oblig:after {
	color: #FF9900;
	content: "*";
	margin-left: 2px;
}

ul.commande.recapprix {
	font-size: 14px;
	margin-top: 10px;
	width: 100%;
}

ul.commande.recapprix li:first-child span {
	border: 1px solid #d8d8d8;
	padding: 4px;
}

ul.commande.recapprix span.label {
	background: #c4c4c4;
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
	line-height: 22px;
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
}

ul.commande #total {
	color: #958754;
	font-size: 19px;
	font-weight: bold;
	height: 22px;
	/*width: 100px;*/
	text-align: right;
}

#form_contact ul.commande.recapprix li:last-child {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#form_contact ul.commande.recapprix li:last-child > * {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

input[readonly="readonly"], textarea[readonly="readonly"] {
	border: medium none !important;
	color: #666;
}

div.commande #form_contact img { /* logo Paypal */
	max-width: 100%;
	height: auto;
}

div.commande td img { /* logo Paypal */
	max-width: 100%;
	height: auto;
}

div.commande span#bo_btValide,
div.commande span#bo_btAnnule {
	float: right;
	margin: 20px 10px;
	border: none;
}

@media only screen and (max-width: 900px) {
	#form_contact li span.champ:only-child {
		white-space: normal;
	}
}

@media only screen and (max-width: 450px) {
	#form_contact input::-moz-placeholder, #form_contact textarea::-moz-placeholder {
		opacity: 0.7;
	}

	#form_contact input::-webkit-input-placeholder, #form_contact textarea::-webkit-input-placeholder {
		opacity: 0.7;
	}

	#form_contact input:-ms-input-placeholder, #form_contact textarea:-ms-input-placeholder {
		color: #666;
		opacity: 0.7;
	}

	#form_contact input[data-ctrl]::-moz-placeholder, #form_contact textarea[data-ctrl]::-moz-placeholder {
		color: #f00;
	}

	#form_contact input[data-ctrl]::-webkit-input-placeholder, #form_contact textarea[data-ctrl]::-webkit-input-placeholder {
		color: #f00;
	}

	#form_contact input[data-ctrl]:-ms-input-placeholder, #form_contact textarea[data-ctrl]:-ms-input-placeholder {
		color: #f00;
	}

	#form_contact input.erreur[data-ctrl]::-moz-placeholder, #form_contact textarea.erreur[data-ctrl]::-moz-placeholder {
		color: #fff;
	}

	#form_contact input.erreur[data-ctrl]::-webkit-input-placeholder, #form_contact textarea.erreur[data-ctrl]::-webkit-input-placeholder {
		color: #fff;
	}

	#form_contact input.erreur[data-ctrl]:-ms-input-placeholder, #form_contact textarea.erreur[data-ctrl]:-ms-input-placeholder {
		color: #fff;
	}

	#form_contact li label:first-child {
		display: none;
	}

	#form_contact li.montant label:first-child,
	#form_contact li.tr_nature_1 label:first-child,
	#form_contact li.tr_nature_2 label:first-child,
	#form_contact li.tr_nature_3 label:first-child {
		display: inline;
	}

	#form_contact li input:only-child {
		position: inherit;
	}

	#form_contact label + input:not([type="button"]), #form_contact label + textarea, #form_contact label + select {
		max-width: 100%;
	}

	#form_contact span#bo_btValideMessage {
		margin-top: 10px;
	}

	div.commande span.bo_bouton input {
		width: 70px;
	}

	div.commande span.bo_bouton#bo_btValide, div.commande span.bo_bouton#bo_btAnnule {
		margin: 2px !important;
		float: left !important;
	}
}

@media only screen and (max-width: 350px) {
	ul.commande.recapprix span.bo {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	ul.commande.contact.total {
		margin: auto;
		max-width: 100%;
	}
}

/********************************************************/
#form_commande #btValide.btPaypal {
	background: transparent url("../images/CO_fr_FR_orange_146x30.png") no-repeat center center;
	width: 146px;
	height: 30px !important;
	padding: 0;
	text-indent: -10000px;
}

/*------------------------------------------------------------------*/
/* 								ASIDE								*/
/*------------------------------------------------------------------*/
#agenda_wrapper {
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	display: block;
}

ul#navigue, select#navigue {
	position: absolute;
	max-width: 420px;
	top: 0;
	right: 0;
	list-style: none outside none;
	float: right;
	margin: 10px;
	text-align: center;
}

ul#navigue li {
	float: none;
	display: inline-block;
	width: auto !important;
	margin: 0 5px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	opacity: 0.8;
}

#agenda_wrapper ul#navigue {
	text-align: center;
	float: none;
	width: 250px;
	margin: 0;
	padding: 10px;
	background-image: url("../images/degrade.png");
	background-size: contain;
}

#agenda_wrapper ul#navigue li {
	border: 1px solid transparent;
	border-radius: 9px;
	margin: 1px;
	padding: 0 5px;
	display: inline-block;
	font-weight: normal;
	font-size: 12px;
	float: none;
}

#agenda_wrapper ul#navigue li:hover {
	border-color: #FFF;
	text-decoration: none;
}

#agenda_wrapper ul#navigue li.active {
	border-color: #FFF;
	background-color: #FFF;
	color: #000;
	text-decoration: none;
}

@media only screen and (min-width: 751px) {
	#agenda_wrapper {
		margin: 85px 0 0;
	}
}

@media only screen and (max-width: 750px) {
	#agenda_wrapper {
		margin: 45px 0 0;
	}
}

@media only screen and (min-width: 501px) {
	#agenda_wrapper {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 270px;
		padding: 80px 0 20px;
		overflow: hidden;
	}
}

@media only screen and (max-width: 500px) {
	#agenda_wrapper {
		overflow: hidden;
		width: 100%;
	}

	#agenda_wrapper ul#navigue {
		position: inherit;
		width: auto;
		min-width: calc(100% - 20px);
		width: 100%;
	}
}

/*------------------------------------------------------------------*/
/* 								FOOTER								*/
/*------------------------------------------------------------------*/
footer a#touche2lumiere {
	color: #aaa;
	margin: 10px;
}

footer a:hover {
	color: #fff;
}

@media only screen and (min-width: 751px) and (min-height: 601px) {
	footer {
		position: absolute;
		bottom: 35px;
		margin-bottom: 10px;
	}
}

@media only screen and (min-width: 901px) and (max-height: 600px) {
	footer {
		display: none;
	}
}

@media only screen and (max-width: 750px) {
	footer {
		text-align: center;
		margin: 10px;
	}

	footer.portail {
		position: absolute;
		bottom: 35px;
	}
}

@media only screen and (max-width: 500px) {
	footer.portail {
		position: relative;
	}
}

/*------------------------------------------------------------------*/
/* 							SUDOSLIDER								*/
/*------------------------------------------------------------------*/
#contenu .presse > ul, #contenu .librairie > ul, #contenu .ami > ul {
	display: block;
	position: relative;
}

#contenu .presse > ul li, #contenu .librairie > ul li, #contenu .ami > ul li {
	display: block;
	list-style-type: none;
	background-color: transparent;
	margin: 5px 0 !important;
	float: left;
	width: 190px;
	height: 340px;
	background-repeat: no-repeat;
	background-position: center center;
}
#contenu iframe{
	max-width: 100%;
}

li .wslide {
	/* artifice pour gérer correctement les marges avec sudoslider */
	height: 100%;
	margin: 0 6px 0 5px;
	background-color: #FFFFFF;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.ami li .wslide {
	margin: 0 4px;
}

#contenu .presse > ul li *, #contenu .librairie > ul li *, #contenu .ami > ul li * {
	text-align: center;
	text-shadow: none;
	color: #333333;
}

#contenu .presse a,
#contenu .librairie a,
#contenu .ami a {
	background: none !important;
	display: block;
	height: calc(100% - 20px);
	padding: 10px 0;
}

#contenu .texte .presse > ul p, .ami > ul p {
	margin-bottom: 5px;
}

li.ami div.ami {
	height: 250px;
	overflow: hidden;
	max-width: calc(100% - 8px);
}

li.ami div.ami p {
	position: relative;
	height: 130px;
	margin: 10px 0 10px 10px;
	padding-right: 10px;
	overflow: hidden;
	font-weight: normal;
}

#contenu .texte .presse > ul h4,
#contenu .texte .librairie > ul li h4,
#contenu .texte .ami > ul li h4 {
	display: block;
	height: 60px;
	line-height: 20px;
	margin: 0 0 5px 0;
	font-size: 18px;
	text-decoration: none !important;
}

#contenu .texte .presse > ul h4 {
	height: 260px;
}

.couverture > img,
.ami img {
	max-width: 100%;
	height: auto;
}

#contenu .texte .presse > ul h4 span {
	font-size: 12px;
}

.presse > ul li .wslide {
	background-repeat: no-repeat;
	background-position: center 60%;
	background-size: 75%;
}

.presse > ul li.presse_1 .wslide {
	background-image: url(../images/nouvelles-icone-6830-128.png);
}

.presse > ul li.presse_2 .wslide {
	background-image: url(../images/microphone-icone-6248-128.png);
}

.presse > ul li.presse_3 .wslide {
	background-image: url(../images/TV-Set-Retro-icon.png);
}

.presse > ul li.presse_4 .wslide {
	background-image: url(../images/radio.png);
}

/*------------------------------------------------------------------*/
/* 							SLIDER AGENDA							*/
/*------------------------------------------------------------------*/
#agenda {
	display: block;
	overflow: hidden;
	width: 270px;
	top: 0;
	bottom: 0;
}

#contenu #agenda {
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;

	display: block;
	margin: 0;
	padding: 0;
	right: 0;
}

#contenu #agenda a {
	color: #FFF;
	text-decoration: none;
}

#agenda ul {
	list-style: none outside none;
}

#agenda li {
	width: 100%;
	padding: 10px 0;
	opacity: 0.6;
	cursor: pointer;
	border-bottom: 1px solid #333;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

#agenda li:hover {
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 1;
}

#agenda li span {
	display: block;
	text-align: center;
}

#agenda li section {
	cursor: default;
}

#agenda li section span {
	text-align: justify;
}

#agenda li section h3 {
	text-align: center;
	margin: 10px 0;
}

#agenda li span.date {
	font-size: 18px;
	font-weight: bold;
}

#agenda li span.type {
	font-size: 14px;
	font-style: italic
}

#agenda li span.type > span {
	background-color: #FFF;
	border-radius: 8px;
	color: #000;
	display: inline-block !important;
	padding: 0 5px;
}

#agenda li span.titre {
	font-size: 14px;
}

#agenda li span.lieu {
	font-size: 14px;
	font-weight: bold;
}
#agenda section {
	background-color: rgba(0,0,0,0.5);
	margin-top: 10px;	padding: 10px 15px;
	display: none;
}

@media only screen and (min-width: 751px) {
	#agenda {
		position: absolute;
	}

	#contenu #agenda {
		width: 270px;
	}

	#navigueMobile {
		display: none;
	}
}

@media only screen and (max-width: 750px) {
	#agenda {
		position: inherit;
		width: 100%;
	}

	#navigueMobile {
		display: block;
	}

	#navigueMobile span {
		display: inline-block;
		margin-bottom: 5px;
		padding: 2px 5px;
		border: 1px solid #333;
		background: #FFF;
		font-family: "Champagne Limousines";
		font-size: 20px;
		font-weight: bold;
		cursor: pointer;
	}

	#navigueMobile span:hover {
		background: #666;
		color: #FFF;
	}

	#navigueMobile span#masqueAgenda {
		float: right;
	}

	#navigueMobile span#afficheAgenda,
	#navigueMobile span#masqueAgenda.agenda-visible,
	#navigue.selecteur.agenda-visible {
		display: inline-block;
	}

	#navigueMobile span#afficheAgenda.agenda-visible,
	#navigueMobile span#masqueAgenda,
	#navigueMobile + #navigue.selecteur {
		display: none;
	}

	#navigueMobile + #navigue.selecteur.agenda-visible {
		display: inline-block;
	}

	#contenu .texte,
	#contenu .media {
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}

	#contenu .texte.agenda-visible,
	#contenu .media.agenda-visible {
		height: 0 !important;
		margin: 0 !important;
		overflow: hidden;
	}
}

/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
ul.musique li {
	list-style: none outside none !important;
	border: 1px solid #999;
	margin: 5px 0 !important;
	padding: 0 5px 0 30px !important;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.3);
	font-weight: normal;
	line-height: 20px;
	height: 20px;
	background-image: url(../images/boutons-lecteur.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	white-space: nowrap;
	overflow: hidden;
}

ul.musique li:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

ul.musique li.active {
	background-color: rgba(0, 0, 0, 0.1);
	font-weight: bold;
	background-position: top left;
}

h2 select {
	font-family: "Champagne Limousines";
	font-size: 24px;
	font-weight: bold;
	width: 100%;
}

.lb-content h2 select {
	max-width: 350px;
}

/*------------------------------------------------------------------*/

#header h1 a {
}
/*------------------------------------------------------------------*/

/*-----------------------AGENDA------------------------------------*/
#contenu .texte h3,
#contenu #extra h3,
.mceContentBody h3 {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: Arial;
	text-decoration: underline;
}

.mceContentBody h3 {
	border-top: 10px solid #CCCCCC;
	border-bottom: 10px solid #CCCCCC;
	clear: both;
}

.mceContentBody h3 + h3 {
	border-top: none;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

#contenu .texte h4,
#contenu #extra h4,
.mceContentBody h4 {
	margin: 10px 0 5px 0;
	font-family: Arial;
	font-variant: small-caps;
	/*text-decoration:underline;*/
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
}

#contenu .texte li.onglet {
	list-style: none outside !important;
	background-color: #FFF /*rgba(0, 0, 0, 0.1)*/;
	padding: 5px;
	font-size: 12px;
	margin-bottom: 10px;
	margin-left: 0;
}

#contenu .texte div.next-div,
#contenu .texte div.to-top {
	float: right;
	width:24px;
	height:24px;
	background-image: url(../images/next-div-blanc.png);
	opacity: 0.7;
	cursor: pointer;
}
#contenu .texte div.to-top {
	background-image: url(../images/top.png);
}
#contenu .texte li > div.next-div {
	background-image: url(../images/next-div-gris.png);
}

#contenu .texte div.next-div:hover,
#contenu .texte div.to-top:hover {
	opacity:1;
}

#contenu .onglet h2 {
	font-size: 30px !important;
}
#contenu .onglet h2 span{
	text-decoration: underline;
	font-size: 24px !important;
}

#contenu .onglet h2 + h3 {
	margin-top: 10px;
}

#contenu .onglet a {
	/*color:white;*/
}

#contenu a {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	/*border:1px solid #000000;*/
	text-shadow: none;
	font-weight: bold;
}

#contenu a:hover {
	/*background-color: #FFFFFF;*/
	/*background-color: rgba(255, 255, 255, 1);*/
	text-decoration: underline;
}

/*----------------------BLOC ACTU DEFILANTE--------------------------------------------*/
#bloc-actu {
	line-height: 25px;
	height: 35px;
	padding: 0 5px;
	color: white;
	bottom: 0;
}

#bloc-actu span.date {
	color: #aaaa9c;
	font-style: normal;
}

#bloc-actu span {
	font-style: italic;
}

#bloc-actu li {
	margin-right: 20px;
	cursor: pointer;
}

/*-----------------------FLOW SLIDER------------------------------------*/
div.sc_menu_wrapper {
	position: relative;
	height: 100%;
	overflow: auto;
}

#flowAgenda .flowslider .slider-item {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(../images/fondAgenda.png);
	/*background-color: rgba(0, 250, 0, 0.3);*/
	height: 30px;
	margin-top: 10px;
	color: #999999;
}

#flowAgenda .flowslider .slider-item.titre,
#flowAgenda .flowslider .slider-item.titre:hover {
	background: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	height: 30px;
	margin-top: 10px;
}

#flowAgenda .flowslider .slider-item:hover {
	height: 40px;
	margin-top: 0px;
	color: #FFFFFF;
}

.flowslider {
	margin: 0 10px;
}

.flowslider .slider-item {

	padding: 0 10px;
	margin-top: 10px;
	width: auto;
	text-align: center;
	font-size: 12px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	cursor: pointer;
}

.flowslider .slider-item:hover {
	font-size: 20px;
	margin-top: 2px;
}

.flowslider .slider-item.active {
	background-color: rgba(0, 0, 0, 0.2);
	font-weight: bold;
}

#flow a {
	text-decoration: none;
	line-height: 25px;
}



#agenda a {
	color: #FF9933;
	display: block;
}

#agenda p+a{
	margin-top: 10px;
}
/*dl.tooltip*/
address {
	font-style: italic;
	border: 1px solid #666;
	padding: 5px;
	margin: 10px 5px;
}

address:empty {
	display: none;
}

/*-----------------------TROMBINOSCOPE------------------------------------*/
.trombi {
	background-color: #FFFFFF;
	margin: 5px;
	float: left;
	width: 150px;
	height: 225px;
}

.trombi span {
	text-shadow: none;
	display: block;
	color: #000000;
	margin-left: 2px;
}

/*-----------------------JOURNAL DE BORD------------------------------------*/
.journal {
	clear: both;
	/*background-color: rgba(0, 0, 0, 0.1);*/
	padding: 0;
	margin: 10px 0;
}

.journal iframe {
	max-width: 100%;
}

.journal h3 {
	/*background-color: rgba(50, 50, 50, 0.2);*/
	clear: both;
	text-decoration: none;
}

.journal h3 + h3 {
	border-top: none;
	margin-top: -10px !important;
}

.image, .image_0, .image_1 {
	background-color: #FFFFFF;
}

div.image {
	display: inline-block;
}

.image_0 {
	float: left;
	/* margin-right: 5px; */
	margin:10px 5px 10px 0;
}

.image_1 {
	float: right;
	/* margin-left: 5px; */
	text-align: right;
	margin:10px 0 10px 5px;
}

.image span, .image_0 span, .image_1 span {
	text-shadow: none;
	display: block;
	color: #000000;
	margin: 0 2px;
	font-style: italic;
	font-size: 12px;
}

/*.image_1 + div {
	text-align:right;
}*/
hr {
	clear: both;
	margin: 10px 0;
}

/*-----------------------REVUE DE PRESSE------------------------------------*/
/*-----------------------PORTAIL------------------------------------*/
#portail ul li {
	list-style-type: none;
}

#portail #global ul {
	padding: 100px;
}

/*-----------------------LIBRAIRIE---------------------------------*/
h4.editeur {
	text-align: center;
}

span.prix, span.edition {
	display: block;
	text-align: center;
}

/*-----------------------PIECES JOINTES---------------------------------*/
#contenu .pj {
	text-transform: uppercase;
	width: calc(100% - 40px);
	padding: 5px 20px;
	/*width:855px;
	position:absolute;
	right:30px;
	margin-left: auto;*/
	background-color: rgba(0, 0, 0, 0.2);
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	margin-top: 12px;
}

#contenu .pj a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	/*padding:4px;
	margin-left:50px;
	padding-left:50px;*/
}

#contenu .pj, #contenu .pj a {
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;   */

}

#contenu .pj a:hover {
	text-decoration: underline;
	background-color: transparent;
}

#contenu .pj img {
	position: absolute;
	top: -35px;
	left: -30px;
}

/*-----------------------LOGO DU SITE------------------------------------*/
img#logosite {
	position: absolute;
	top: 85px;
	left: 40px;
	opacity:0.5;
}

img#logosite.reduit {
	display: none;
}

@media only screen and (max-width: 750px) {
	img#logosite {
		display: none;
	}
}

/*-----------------------FORMULAIRE CONTACT------------------------------------*/

#form_contact .bo_bouton input {
	padding: 2px 0;
}

/*------------------------------------------------------------------*/
/*************** Icones fichiers ***************/
a.icone {
	display: block;
	border: none !important;
	line-height: 20px;
	line-height: 20px;
	margin-left: 10px;
}

a.icone:before {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0px 5px 0 -25px;
	content: " ";
	float: left;
	background-color: transparent !important;
	background-image: url(../graphiques/iconesBO.png);
	background-repeat: no-repeat;
}

a.icone + br.spacer {
	margin-bottom: 10px;
}

a.icone.fic:before {
	background-position: left -500px;
}

a.icone.pdf:before {
	background-position: left -520px;
}

a.icone.doc:before {
	background-position: left -540px;
}

a.icone.xls:before {
	background-position: left -560px;
}

a.icone.ppt:before {
	background-position: left -580px;
}

a.icone.txt:before {
	background-position: left -600px;
}

a.icone.img:before {
	background-position: left -620px;
}

a.icone.mp3:before {
	background-position: left -980px;
}

a.icone.url:before {
	background-position: left -460px;
}

a.icone.voir:before {
	background-position: left -700px;
}

/*------------------------------------------------------------------*/
#footer {
	position: absolute;
	bottom: 35px;
	left: 0;
	margin: 15px;
	padding: 2px 5px;
	font-size: 10px;
	background-color: rgba(0, 0, 0, 0.4);
}

#footer a {
	color: #CCCCCC;
	text-decoration: none;
}

#footer a:hover {
	color: white;
	text-decoration: underline;
}

/*------------------------------------------------------------------*/

.hidden {
	display: none;
}

.spacer {
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

.erreur {
	color: #FFFFFF !important;
	background-color: #990000 !important;
}

/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
ul.sdt_menu {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	font-size: 14px;
	max-width: 100%;
}

ul.sdt_menu a {
	text-decoration: none;
	outline: none;
}

ul.sdt_menu li {
	float: left;
	width: 170px;
	height: 85px;
	position: relative;
	cursor: pointer;
}

ul.sdt_menu li:last-child {
	margin-bottom: 20px;
}

ul.sdt_menu li:hover {
	z-index: 1000;
}

ul.sdt_menu li > a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 170px;
	height: 85px;
	z-index: 12;
	background: rgba(0, 0, 0, 0.3) url(../images/overlay.png) no-repeat bottom right;
	box-shadow: 0px 0px 2px #000 inset;
}

ul.sdt_menu li a img {
	border: none;
	position: absolute;
	width: 0px;
	height: 0px;
	bottom: 0px;
	left: 85px;
	z-index: 100;
	box-shadow: 0px 0px 4px #000;
}

ul.sdt_menu li span.sdt_wrap {
	position: absolute;
	top: 0;
	left: 0px;
	width: 170px;
	height: 85px;
	z-index: 15;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

ul.sdt_menu li span.sdt_active {
	position: absolute;
	background: #111;
	top: 85px;
	width: 170px;
	height: 0px;
	left: 0px;
	z-index: 14;
	box-shadow: 0px 0px 4px #000 inset;
}

ul.sdt_menu li span h3,
ul.sdt_menu li span p,
ul.sdt_menu li div.sdt_box a {
	margin-left: 15px;
	margin-right: 15px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}

ul.sdt_menu li span h3 {
	color: #fff;
	font-size: 18px;
	float: left;
	clear: both;
}

ul.sdt_menu li span p {
	color: #0B75AF;
	float: left;
	clear: both;
	width: 155px; /*For dumbass IE7*/
	font-size: 10px;
	letter-spacing: 1px;
	opacity: 0;
	display: none;
}

ul.sdt_menu li div.sdt_box {
	display: block;
	position: absolute;
	width: 170px;
	overflow: hidden;
	height: 170px;
	top: 85px;
	left: 0px;
	display: none;
	background: #357;
}

ul.sdt_menu li div.sdt_box a {
	float: left;
	clear: both;
	line-height: 30px;
	color: #0B75AF;
}

ul.sdt_menu li div.sdt_box a:first-child {
	margin-top: 15px;
}

ul.sdt_menu li div.sdt_box a:hover {
	color: #fff;
}

@media only screen and (min-width: 901px) {
	ul#presse {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		height: 100%;
		max-width: 100%;
		overflow: hidden;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		list-style: outside none none;
	}

	ul#presse li#source {
		-webkit-box-flex: 2;
		-webkit-flex: 2 2 0;
		-ms-flex: 2 2 0;
		flex: 2 2 0;
		height: 99%;
		/*min-width:500px;
		max-width:100%;*/
	}

	ul#presse li#details {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 0;
		-ms-flex: 1 1 0;
		flex: 1 1 0;
		height: 99%
	}

	ul#presse li#source + li#details {
		margin-left: 20px;
	}

	ul#presse li#details ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: column nowrap;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		list-style: none outside none;
		height: 100%;
	}
}

ul#presse a.icone {
	margin-left: 20px;
	color: #000;
}

ul#presse a.icone.active {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}

ul#presse a.icone:visited {
	color: #000;
}

@media only screen and (max-width: 900px) {
	ul#presse, ul#presse ul {
		list-style: none outside none;
	}

	ul#presse {
		width: 100%;
		height: auto;
		margin-bottom: 40px;
	}

	ul#presse li#source {
		height: 99%;
		width: 100%;
		min-width: 100%;
	}

	ul#presse li#source iframe {
		min-height: 300px;
	}

	ul#presse li#details {
		height: auto;
	}

	ul#presse li#source + li#details,
	ul#presse li#details li + li {
		margin-top: 20px;
	}

}

@media only screen and (max-height: 600px) and (min-width: 901px) {
}

@media print {
	#menu-portail, #newsletter, #logosite, #menu, #flow, #footer, #supersized, .lb-v-scrollbar, /*.journal div.image, .journal div.image_0, .journal div.image_1,*/
	#header > h1:before, #header > h1:after, .pj, iframe {
		display: none !important;
	}

	#header-site {
		height: auto;
		width: auto;
		position: relative;
		top: 0;
		left: 0;
	}

	#header {
		padding-top: 0;
	}

	#header h1 {
		margin-top: 0;
		margin-bottom: 20px !important;
		font-size: 30px;
	}

	#contenu {
		position: relative;
		left: 0;
		top: 0;
		float: none;
		height: auto;
		box-shadow: none;
	}

	#flow + #contenu {
		top: auto;
	}

	body, #global, #header, #contenu, .texte, .lb-wrap, .lb-content {
		height: auto !important;
		overflow: auto !important;
		overflow-x: hidden !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	img, div.image, div.image_0, div.image_1 {
		page-break-inside: avoid;
		page-break-before: auto;
	}

	div.image, div.image_0, div.image_1 {
		border: 1px solid #999;
		margin-bottom: 10px;
	}

	#contenu .texte {
		text-shadow: none;
		color: #000000;
	}

	#contenu .media {
		position: relative;
		margin: auto;
	}
}