/*************** FONTS  *******************/
@import url("../fonts/cms_icons/cms_icons.css");

@font-face {
    font-family: 'montserrat';
    src: url('/fonts/montserrat-light-webfont.eot');
    src: url('/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-light-webfont.woff') format('woff'),
         url('/fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('/fonts/montserrat-lightitalic-webfont.eot');
    src: url('/fonts/montserrat-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-lightitalic-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-lightitalic-webfont.woff') format('woff'),
         url('/fonts/montserrat-lightitalic-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-lightitalic-webfont.svg#montserratlight_italic') format('svg');
    font-weight:normal;
    font-style:italic;

}
@font-face {
    font-family: 'montserrat';
    src: url('/fonts/montserrat-regular-webfont.eot');
    src: url('/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-regular-webfont.woff') format('woff'),
         url('/fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight:500;
    font-style:normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('/fonts/montserrat-semibold-webfont.eot');
    src: url('/fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('/fonts/montserrat-semibold-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
    font-weight:bold; /*700*/
    font-style:normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('/fonts/montserrat-semibolditalic-webfont.eot');
    src: url('/fonts/montserrat-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-semibolditalic-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-semibolditalic-webfont.woff') format('woff'),
         url('/fonts/montserrat-semibolditalic-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-semibolditalic-webfont.svg#montserratsemibold_italic') format('svg');
    font-weight:bold; /*700*/
    font-style:italic;
}
@font-face {
    font-family: 'montserrat';
    src: url('/fonts/montserrat-bold-webfont.eot');
    src: url('/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-bold-webfont.woff') format('woff'),
         url('/fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-bold-webfont.svg#montserratsemibold_italic') format('svg');
    font-weight:800;
    font-style:normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('/fonts/montserrat-extrabold-webfont.eot');
    src: url('/fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-extrabold-webfont.woff') format('woff'),
         url('/fonts/montserrat-extrabold-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-extrabold-webfont.svg#montserratextrabold') format('svg');
    font-weight:900;
    font-style:normal;
}

/*************** STYLE DE BASE  *******************/
body
{
	position:relative;
	margin:0;
	padding:0;
	font-family: montserrat;
    font-size:17px;
	font-weight:normal; /*=light*/
	line-height: 1.8;
    color:#3b3b3b;
	background:#ffffff;
}
audio, img[_wpro_media_data*='.mp3'].wproFilePlugin
{
	display:block;
	width:100%;
	box-sizing:border-box;
	height:40px;
}

.bgEditor
{
    background-color: #ffffff;
}

.clear:after
{
	content:"";
	display:block;
	clear:both;
}

/* CONTAINERS PRINCIPAUX */
.mainholder
{
	position:relative;
	display:block;
}

.mainctn
{
	position:relative;
	display:block;
	max-width:776px;
	margin:0 auto 0 auto;
	padding:0 10px 0 10px;
}

.home .mainctn, #pageHolder .mainctn, #mainPanel.open #topHolder .fullsize .mainctn
{
	max-width:1124px;
}

#pageHolder .mainctn .mainctn
{
	max-width:776px;
	padding:0;
}
@media only screen and (min-width:1144px)
{
	.mainctn
	{
		max-width:1124px;
	}
}
.fullsize
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
}

.appearingchild > .appearingelement /*default from bottom*/
{
	opacity:0;
	transform:translateY(50px);
}
.appearingchild > .appearingelement.fromtop
{
	transform:translateY(-50px);
} 
.appearingchild > .appearingelement.showing
{
	opacity:1;
	transform:translateY(0);
	transition:transform 1s, opacity 1s;
}

#topHolder
{
	max-height:500px;
	min-height:250px;
	z-index:3;
	background:#ffffff;
}
#topHolder:before
{
	content:"";
	display:block;
	padding-top:26.05%;
}
.home #topHolder
{
	max-height:840px;
	min-height:580px;
}
.home #topHolder:before
{
	padding-top:43.75%;
}

#topHolder:after
{
	content:"";
	position:absolute;
	bottom:0;
	left:0;right:0;
	height:21.6%;
	max-height:108px;
	background:url(/template/image/montagnes.png) no-repeat center center;
	background-size:auto 100%;
	z-index:1;
}
@media only screen and (min-width:641px)
{
	#topHolder
	{
		/*min-height:340px;*/
		min-height:400px;
	}
}
@media only screen and (min-width:1144px)
{
	#topHolder:after
	{
		background-size:100% 100%;
	}	
}

#topHolder .saviese-bienvenue
{
	display:none;
}
.home #topHolder .saviese-bienvenue
{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:20.16%;
	margin-left:-150px; /*min-width/2*/
	margin-top:-120px; /*height au ratio de la min-width / 2*/
	min-width:300px;
	max-width:387px;
	max-height:308px;
	background:url(/template/image/saviese-bienvenue.png) no-repeat center center;
	background-size:contain;
	z-index:2;
	-webkit-animation: hometxtdown 2s linear 1 forwards;
	-moz-animation: hometxtdown 2s linear 1  forwards;
	animation: hometxtdown 2s linear 1 forwards;
}
.home #topHolder .saviese-bienvenue:before
{
	content:"";
	display:block;
	padding-top:79.59%;
}
@media only screen and (min-width:1488px) /*taille ecran ou l'image est plus grand que la min-width: min-width*100/20.37 (largeur image) */
{
	.home #topHolder .saviese-bienvenue
	{
		margin-left:-10.08%; /*20.16%/2*/
		margin-top: calc((20.16% * 79.59/100)/2*(-1));
	}
}

@-webkit-keyframes hometxtdown {
	0% { top:40%; opacity:0;transform:rotateX(-75deg); }
	100% { top:50%; opacity:1;transform:rotateY(0); }
}
@-moz-keyframes hometxtdown {
	0% { top:40%; opacity:0;transform:rotateX(-75deg); }
	100% { top:50%; opacity:1;transform:rotateY(0); }
}
@keyframes hometxtdown {
	0% { top:40%; opacity:0;transform:rotateX(-75deg); }
	100% { top:50%; opacity:1;transform:rotateY(0); }
}

#topHolder .scrolldown
{
	display:none;
}
.home #topHolder .scrolldown
{
	position:absolute;
	display:block;
	left:50%;
	bottom:15%;
	margin-left:-24px;
	font-size:46px;
	line-height:.87;
	color:#ffffff;
	z-index:2;
}

#topHolder .mainctn
{
	z-index:1;
}
#topHolder .mainctn .saviese
{
	position:absolute;
	top:40px;
	left:10px;
	padding-left:70px;
	font-size: 22px;
	line-height:normal;
  	color: #ffffff;
  	font-weight: bold;
  	text-transform: uppercase;
  	text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.35);
	transition:opacity .75s;
}
#topHolder .mainctn .saviese:before
{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-34px;
	width:54px;
	height:68px;
	background:url(/template/image/saviese-flag.png) no-repeat center center;
	background-size:contain;
}
#mainPanel.open #topHolder .mainctn .saviese
{
	opacity:0;
}
.home #topHolder .mainctn .saviese
{
	display:none;
}

#topHolder .direct
{
	display:none;
}
@media only screen and (min-width:641px)
{
	#topHolder .direct
	{
		position:absolute;
		display:block;
		right:0;
		top:0;
		z-index:1100;
	}
	
	.home #topHolder .direct
	{
		top:50%;
		/*margin-top:-150px;*/ /*5 liens de 60px*/
		margin-top:-180px; /*6 liens de 60px*/
	}
	
	#topHolder .direct a
	{
		position:relative;
		display:block;
		float:right;
		clear:both;
		max-width:0;
		padding:0 0 0 76px;
		font-size:15px;
		font-weight:500;
		line-height:60px;
		white-space:nowrap;
		overflow:hidden;
		color: #3b3b3b;
		background:rgba(255,255,255, .28);
		transition:all .5s;
	}
	
	#topHolder .direct a:after
	{
		content:"";
		position:absolute;
		width:40px;
		height:40px;
		top:50%;
		left:18px;
		margin:-20px 0 0 0;
		background:url(/template/image/direct.png) no-repeat;
		background-size:215% auto;
	}
	#topHolder .direct a:before
	{
		position:absolute;
		right:-10px;
		top:50%;
		margin-top:-5px;
		font-size: 10px;
		color:#a9c6be;
		transition:right .5s;
	}
	#topHolder .direct a:hover
	{
		max-width:500px;
		padding-right:60px;
		background:rgba(255,255,255,1);
	}
	#topHolder .direct a:hover:before
	{
		right:20px;
	}
	
	#topHolder .direct a.sit:after
	{
		background-position:left 0;
	}
	#topHolder .direct a.sit:hover:after
	{
		background-position:right 0;
	}
	#topHolder .direct a.guichet:after
	{
		background-position:left 25%;
	}
	#topHolder .direct a.guichet:hover:after
	{
		background-position:right 25%;
	}
	#topHolder .direct a.urgences:hover:after
	{
		background-position:right 50%;
	}
	#topHolder .direct a.urgences:after
	{
		background-position:left 50%;
	}
	#topHolder .direct a.cff:after
	{
		background-position:left 75%;
	}
	#topHolder .direct a.cff:hover:after
	{
		background-position:right 75%;
	}
	#topHolder .direct a.annuaire:after
	{
		background-position:left 100%;
	}
	#topHolder .direct a.annuaire:hover:after
	{
		background-position:right 100%;
	}

	#topHolder .direct a.seniors:after{
		background:url(/template/image/senior_v2_off.svg) no-repeat center center;
		background-size:contain;
	}
	#topHolder .direct a.seniors:hover:after{
		background-image:url(/template/image/senior_v2_on.svg);
	}

}
@media only screen and (min-width:1144px)
{
	#topHolder .direct
	{
		top:50%;
		margin-top:-180px; /*6 liens de 60px*/
	}
}

#prepageHolder
{
	display:none;
	background:#ffffff;
	box-shadow:-15px 15px 75px 0 rgba(0,0,0,.25);
	z-index:2;	
}
.home #prepageHolder
{
	display:block;
	padding:0 0 20px 0;
	box-shadow:none;
}
@media only screen and (min-width:641px)
{
	#prepageHolder
	{
		display:block;
		padding:20px 0 20px 0;
	}
	.home #prepageHolder
	{
		padding:40px 0 40px 0;
	}
	.home #prepageHolder .mainctn
	{
		text-align:center;
	}
}
@media only screen and (min-width:1144px)
{
	.home #prepageHolder
	{
		padding:60px 0 60px 0;
		
	}
}

#pageHolder
{
	z-index:1;
}

#pageHolder .mainctn
{
	padding-top:30px;
	z-index:2;
}

@media only screen and (min-width:641px)
{
	#pageHolder .mainctn
	{
		padding-top:60px;
		padding-bottom:50px;
	}
	#pageHolder > .circle
	{
		position:absolute;
		display:block;
		top:0;bottom:0;right:100%;
		width:428px;
		margin-right:-40%;
		z-index:1;
		overflow:hidden;
		right:100%;
	}
	#pageHolder > .circle:before
	{
		content:"";
		position:absolute;
		display:block;
		top:550px;
		right:0;
		background:#ffffff;
		width:200%;
		padding-top:200%;
		border:180px solid #f9f8f4;
		border-radius:50%;
	}
}
@media only screen and (min-width:1144px)
{
	#pageHolder:after
	{
		content:"";
		position:absolute;
		top:0;bottom:0;right:0;
		width:calc((100% - 1124px)/2 + 308px);
		min-width:318px; /*+10 on 308 to compense padding-right:10px of mainctn*/
		box-sizing:border-box;
		background:#f8f8f8;
		border-left:1px solid #ededec;
		z-index:1;
	}
	#pageHolder > .circle
	{
		margin-right:-22%;
	}
}

#pageHolder .mainctn .rightcol
{
	position:relative;
	display:block;
	box-sizing:border-box;
	margin:50px -10px 0 -10px;
	padding:30px 10px 0 10px;
	background:#f8f8f8;
	background-image: -webkit-linear-gradient(top, #e6e6e6 0,transparent 40px);
	background-image: -moz-linear-gradient(top, #e6e6e6 0,transparent 40px);
	background-image: -ms-linear-gradient(top, #e6e6e6 0,transparent 40px);
	background-image: -o-linear-gradient(top, #e6e6e6 0,transparent 40px);
	background-image:linear-gradient(to bottom, #e6e6e6 0, transparent 40px);
}


@media only screen and (min-width:1144px)
{
	#pageHolder .mainctn .maincol
	{
		float:left;
		width:100%;
		max-width:776px;
	}
	#pageHolder .mainctn .rightcol
	{
		float:right;
		width:100%;
		max-width:308px;
		margin:0;
		padding:0;
		background:none;
	}	
}


#otherSaviese
{
	position:relative;
	display:block;
	font-size:0;
}
#otherSaviese a
{
	position:relative;
	display:block;
	padding:20px 0 22px 100px;
	font-size: 15px;
	font-weight:normal;
	line-height: 1.4;
  	color: #3b3b3b;
  	text-transform: uppercase;
}

#otherSaviese a span
{
	position:relative;
	display:block;
}

#otherSaviese a:before
{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-20px;
	width:68px;
	height:39px;
	background:url(/template/image/othersaviese.png) no-repeat;
	background-size:206% auto;
}

#otherSaviese a.commune:before
{
	background-position:left 0;
}
#otherSaviese a.tourisme:before
{
	/*background-position:left 50%;*/
	background:url(/template/image/othersaviese-tourisme-v2025.png) no-repeat;
	background-size:206% auto;
	background-position:left 100%;
}

#otherSaviese a.baladin:before
{
	background-position:left 100%;
}

#otherSaviese a.ecole:before
{
	background:url(/template/image/othersaviese-ecole.png) no-repeat;
	background-size:206% auto;
	background-position:left 100%;
}
#otherSaviese a.ludo:before
{
	background:url(/template/image/othersaviese-ludotheque.png) no-repeat;
	background-size:206% auto;
	background-position:left 100%;
}

#otherSaviese a:after
{
	content:"";
	position:absolute;
	bottom:0;left:0;
	width:100%;
	height:2px;
	background:#e1e1e1;
}

.home #otherSaviese a.ludo:after
{
	content:none;
}


@media only screen and (min-width:641px)
{
	.home #otherSaviese
	{
		display:inline-block;
		margin:0;
	}
	
	.home #otherSaviese:before
	{
		content:"";
		position:absolute;
		left:0;right:0;
		top:36px;
		height:1px;
		background:#e1e1e1;
		/*background-image: linear-gradient(to right, #ffffff 15%, #b0b0b0 30%, #b0b0b0 70%, #ffffff 85%);*/	
		background-image: linear-gradient(to right, #ffffff 12.5%, #b0b0b0 25%, #ffffff 37.5%, #b0b0b0 50%, #ffffff 62.5%, #b0b0b0 75%, #ffffff 87.5%, #b0b0b0 100%);
	}
	
	.home #otherSaviese a
	{
		display:inline-block;
		min-width:109px;
		padding:82px 0 0 0;
	}
	.home #otherSaviese a.baladin, .home #otherSaviese a.ecole, .home #otherSaviese a.ludo
	{
		margin:0 0 0 40px;
	}
	
	#otherSaviese a span
	{
		transition:color .5s;
	}
	#otherSaviese a:hover span
	{
		color:#a9c6be;
	}
	
	#otherSaviese a:before
	{
		transition:background-position .5s;
	}
	
	.home #otherSaviese a:before
	{
		width:109px;
		height:62px;
		top:0;
		left:50%;
		margin:0 0 0 -55px;
		background-color:#ffffff;
	}
	
	#otherSaviese a.commune:hover:before
	{
		background-position:right 0;
	}
	#otherSaviese a.tourisme:hover:before
	{
		background-position:right 50%;
	}
	#otherSaviese a.baladin:hover:before
	{
		background-position:right 100%;
	}
	#otherSaviese a.ecole:hover:before
	{
		background-position:right 0;
	}
	#otherSaviese a.ludo:hover:before
	{
		background-position:right 0;
	}
	
	.home #otherSaviese a:after
	{
		content:none;
	}
}

@media only screen and (min-width:1144px)
{
	#otherSaviese
	{
		margin:10px 0 40px 0;
	}
	#otherSaviese a
	{
		padding:30px 0 32px 120px;
	}
	#otherSaviese a:before
	{
		left:40px;
		top:50%;
	}
	.home #otherSaviese a.baladin, .home #otherSaviese a.ecole, .home #otherSaviese a.ludo
	{
		margin:0 0 0 130px;
	}

	#otherSaviese a.tourisme:after, #otherSaviese a.baladin:after, #otherSaviese a.ecole:after
	{
	  	background-image: -moz-linear-gradient(left, #e1e1e1 50%, #ffffff 100%);
	  	background-image: -webkit-linear-gradient(left, #e1e1e1 50%, #ffffff 100%);
	  	background-image: -ms-linear-gradient(left, #e1e1e1 50%, #ffffff 100%);
		background-image: linear-gradient(to right, #e1e1e1 50%, #ffffff 100%);	
	}
}

/****** HOME PART ********/
#rubriqueHolder
{
	padding:0 0 20px 0;
	z-index:1;
	overflow:hidden;
}
#rubriqueHolder .rubriquectn
{
	position:relative;
	display:block;
	z-index:2;
}

#rubriqueHolder .rubriquectn .mainctn
{
	display:block;
	position:relative;
	z-index:3;
}

#rubriqueHolder .rubriquectn .mainctn .txt
{
	display:block;
	position:relative;
}

#rubriqueHolder .rubriquectn .imgctn
{
	position:relative;
	display:block;
	margin:30px 0 40px 30px;
	z-index:2;
}
#rubriqueHolder .rubriquectn .imgctn:before
{
	content:"";
	display:block;
	padding-top:84%;
}
#rubriqueHolder .rubriquectn .imgctn .img
{
	position:absolute;
	display:block;
	top:0;left:0;right:0;bottom:0;
	background:url(/template/image/home1.jpg) no-repeat center center;
	background-size:cover;
	box-shadow: -15px 15px 25px 0px rgba(0, 0, 0, 0.18);
	z-index:2; 
}
#rubriqueHolder .rubriquectn:nth-child(2) .imgctn
{
	margin:0 30px 0 0;
}
#rubriqueHolder .rubriquectn:nth-child(2) .imgctn .img
{
	background-image:url(/template/image/home2.jpg);
	box-shadow: 15px 15px 25px 0px rgba(0, 0, 0, 0.18);
}
#rubriqueHolder .rubriquectn:nth-child(3) .imgctn .img
{
	background-image:url(/template/image/home3.jpg);
}

#rubriqueHolder .rubriquectn .mainctn .txt h3.doh1
{
	margin-top:45px;
}

#rubriqueHolder .rubriquectn .mainctn .txt a
{
	position:relative;
	display:block;
	margin:15px 0 15px 0;
	font-size:18px;
	font-weight:normal;
	line-height:normal;	
	color:#3b3b3b;
	padding-left:15px;
}

#rubriqueHolder .rubriquectn .mainctn .txt a:before
{
	position:absolute;
	display:block;
	top:6px;
	left:0;
	font-size:9px;
	color:#cf4647;
}
#rubriqueHolder .rubriquectn:nth-child(2) .mainctn .txt a:before
{
	color:#a9c6be;
}
#rubriqueHolder .rubriquectn:nth-child(3) .mainctn .txt a:before
{
	color:#e6decc;
}

#rubriqueHolder .bgcirclectn
{
	display:none;
}

@media only screen and (min-width:641px)
{
	#rubriqueHolder .rubriquectn .mainctn .txt
	{
		margin:0 0 0 50%;
		padding:0 10px 150px 0;
		border-top:1px solid transparent;
	}
	#rubriqueHolder .rubriquectn:nth-child(2) .txt
	{
		margin:0 50% 0 0;
		padding:0 0 100px 10px;
	}
	
	#rubriqueHolder .rubriquectn .imgctn
	{
		position:absolute;
		margin:0;
		top:0;left:0;right:55%;bottom:50px;
	}
	
	#rubriqueHolder .rubriquectn:nth-child(3) .imgctn
	{
		bottom:80px;
	}
	#rubriqueHolder .rubriquectn .imgctn .img
	{
		box-shadow: 15px 15px 25px 0px rgba(0, 0, 0, 0.18);
	}
	#rubriqueHolder .rubriquectn:nth-child(2) .imgctn
	{
		top:0;left:55%;right:0;bottom:0;
		margin:0;
	}
	#rubriqueHolder .rubriquectn:nth-child(2) .imgctn .img
	{
		box-shadow: 15px 15px 25px 0px rgba(0, 0, 0, 0.18);
	}
	
	#rubriqueHolder .rubriquectn .mainctn .txt h3.doh1
	{
		margin-top:80px;
	}
	#rubriqueHolder .rubriquectn:nth-child(3) .mainctn .txt  h3.doh1
	{
		margin-top:200px;	
	}
	#rubriqueHolder .rubriquectn .mainctn .txt a
	{
		margin:15px 0 15px 14%;
		transition:margin-left .5s;
	}
	#rubriqueHolder .rubriquectn:nth-child(1) .mainctn .txt a:nth-of-type(4)
	{
		margin-top:40px;
	}
	#rubriqueHolder .rubriquectn:nth-child(1) .mainctn .txt a:nth-of-type(n+4)
	{
		margin-left:45%;
	}
	#rubriqueHolder .rubriquectn:nth-child(1) .mainctn .txt a:nth-of-type(n+4):hover
	{
		margin-left:38%;
	}
	
	#rubriqueHolder .rubriquectn .mainctn .txt a:before
	{
		transition:color .5s;
	}
	#rubriqueHolder .rubriquectn .mainctn .txt a:hover
	{
		margin-left:7%;
	}
	
	#rubriqueHolder .rubriquectn .mainctn .txt a:hover:before
	{
		color:#3b3b3b;
	}

	#rubriqueHolder .rubriquectn .imgctn .circle
	{
		position:absolute;
		display:block;
		box-sizing:border-box;
		width:425px;
		height:425px;
		right:0;
		bottom:0;
		margin-right:-160px;
		margin-bottom:-160px;
		overflow:hidden;
		z-index:-1;
	}
	#rubriqueHolder .rubriquectn .imgctn .circle:before
	{
		content:"";
		position:relative;
		display:block;
		padding-top:calc(100% - 150px);
		top:0;
		border-radius:50%;
		border:75px solid #d04a4b;
	}
	#rubriqueHolder .rubriquectn:nth-child(2) .imgctn .circle
	{
		right:auto;
		margin-right:auto;
		left:0;
		margin-left:-160px;
	}
	#rubriqueHolder .rubriquectn:nth-child(2) .imgctn .circle:before
	{
		border-color:#a9c6be;
	}
	#rubriqueHolder .rubriquectn:nth-child(3) .imgctn .circle:before
	{
		border-color:#e6decc;
	}
	
	/*CIRCLE IN BACKGROUND OF RUBRIQUE ---------------------------------*/
	#rubriqueHolder .bgcirclectn
	{
		position:absolute;
		display:block;
		top:0;left:0;right:0;bottom:0;
		z-index:1;
	}
	
	#rubriqueHolder .bgcirclectn .circlectn
	{
		position:relative;
		display:block;
	}

	#rubriqueHolder .bgcirclectn .circlectn .circle
	{
		position:absolute;
		display:block;
		top:0;right:0;bottom:0;
		width:400px;
		z-index:1;
		overflow:hidden;
	}
	#rubriqueHolder .bgcirclectn .circlectn .circle:before
	{
		content:"";
		position:absolute;
		display:block;
		top:50%;
		left:0;
		margin-top:-580px;
		width:200%;
		padding-top:200%;
		border:180px solid #f9f8f4;
		border-radius:50%;
	}
	
	#rubriqueHolder .bgcirclectn .circlectn:nth-child(2) .circle
	{
		right:auto;left:0;
		top:-50px;
	}
	#rubriqueHolder .bgcirclectn .circlectn:nth-child(2) .circle:before
	{
		left:auto;right:0;
	}
	
	#rubriqueHolder .bgcirclectn .circlectn:nth-child(3) .circle
	{
		top:100px;right:0;left:0;bottom:-50px;
		margin-top:0;
		width:auto;
		padding-top:0;
		border:none;
		border-radius:0;
		background:#f5f5f5;
	}
	#rubriqueHolder .bgcirclectn .circlectn:nth-child(3) .circle:before
	{
		content:none;
	}
}

#homepageHolder
{
	padding-top:40px;
	padding-bottom:40px;
	background-image: -webkit-linear-gradient(top, #e6e6e6 0,transparent 40px);
	background-image: -moz-linear-gradient(top, #e6e6e6 0,transparent 40px);
	background-image: -ms-linear-gradient(top, #e6e6e6 0,transparent 40px);
	background-image: -o-linear-gradient(top, #e6e6e6 0,transparent 40px);
	background-image:linear-gradient(to bottom, #e6e6e6 0, transparent 40px);
	overflow:hidden;
}
#homepageHolder:before
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background:url(/template/image/mapline.jpg) no-repeat center center;
	background-size:cover;
	opacity:.03;
	z-index:-1;
}

#homepageHolder .mainctn .headCtn h1
{
}
#homepageHolder .mainctn .headCtn h2
{
	margin:40px 0 40px 0;
}

#homepageHolder .mainctn .headCtn .img
{
	display:block!important;
	margin:0 -10px 0 -10px;
	max-height:none;
	background-image:url(/template/image/defaultHome.jpg);
}

#homepageHolder .mainctn .headCtn .img:before
{
	padding-top:88.7%;
}

#homepageHolder .mainctn .headCtn .btn
{
	display:block;
	width:75%;
	max-width:300px;
	margin:40px auto 0 auto;
}
#homepageHolder .mainctn .headCtn .btn > a
{
	display:inline-block;
	width:100%;
	text-align:center;
	background:#d3c6a9;
	font-size: 17px;
  	font-weight: normal;
  	line-height: 40px;
	border-radius:20px;
  	color:#ffffff;
}
#homepageHolder .mainctn .headCtn .btn > a:before
{
	position:relative;
	display:inline-block;
	font-size:8px;
	margin-right:7px;
	top:-2px;
}



#homepageHolder .mainctn .deco
{
	display:none;
}

@media only screen and (min-width:641px)
{
	#homepageHolder
	{
		padding-top:70px;
		padding-bottom:70px;
	}
	
	#homepageHolder .mainctn .headCtn .img
	{
		max-height:400px;
	}
}
@media only screen and (min-width:796px)
{
	#homepageHolder
	{
		padding-top:100px;
		padding-bottom:100px;
	}
	
	#homepageHolder .mainctn .headCtn h1
	{
		float:right;
		margin:0 50% 70px 0;
		padding-right:3%;
		clear:both;
	}
	#homepageHolder .mainctn .headCtn h2
	{
		float:right;
		width:47%;
		margin:0;
	}
	
	#homepageHolder .mainctn .headCtn .img
	{
		float:left;
		width:52.75%;
		max-height:none;
		margin:0 0 0 -5.75%;
		background-image:url(/template/image/defaultHome.jpg);
	}
	
	#homepageHolder .mainctn .headCtn .btn
	{
		float:right;
		width:47%;
		max-width:none;
		margin:40px 0 0 0;
	}
	#homepageHolder .mainctn .headCtn .btn > a
	{
		display:inline-block;
		width:auto;
		padding:0 35px 0 35px;
		background:#d3c6a9;
		font-size: 17px;
	  	font-weight: normal;
	  	line-height: 40px;
		border-radius:20px;
	  	color:#ffffff;
		transition:background .5s;
	}
	
	#homepageHolder .mainctn .headCtn .btn > a:hover
	{
		background:#d04a4b;
	}
	
	#homepageHolder .mainctn .deco
	{
		position:absolute;
		display:block;
		top:30px;left:15px;bottom:-100px;
		width:2px;
		background:#e5e5e5;
		z-index:-1;
	}
	#homepageHolder .mainctn .deco:before
	{
		content:"";
		position:absolute;
		display:block;
		box-sizing:border-box;
		top:-20px;
		left:-9px;
		width:20px;
		height:20px;
		border:5px solid #e5e5e5;
		border-radius:50%;
	}
}

/****** FIN HOME PART ********/
#footerHolder
{
	z-index:2;
	overflow:hidden;
}

#footerHolder > .circle
{
	position:absolute;
	top:0;bottom:0;
	right:0;
	width:220px;
	overflow:hidden;
	z-index:1;
}

#footerHolder > .circle:before
{
	content:"";
	position:absolute;
	display:block;
	box-sizing:border-box;
	left:0;
	top:50%;
	margin-top:-600px;
	width:1200px;
	height:1200px;
	border:170px solid #ffffff;
	border-radius:50%;
	opacity:.1;
}

#footerHolder .part1
{
	background:#d04a4b;
}
#footerHolder .part1:before
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;
	height:30px;
	z-index:1;
	background:#d04a4b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#d04a4b));
	background-image: -webkit-linear-gradient(top, #000000,#d04a4b);
	background-image: -moz-linear-gradient(top, #000000,#d04a4b);
	background-image: -ms-linear-gradient(top, #000000,#d04a4b);
	background-image: -o-linear-gradient(top, #000000,#d04a4b);
	background-image: linear-gradient(top, #000000,#d04a4b);
	opacity:.25;
}

#footerHolder .part1 .mainctn
{
	min-height:110px;
	/*padding:40px 10px 60px 10px;*/
	padding:40px 10px 45px 10px;
	font-size:0;
}

#footerHolder .part1 .mainctn .pacapona
{
	position:absolute;
  	display:block;
	left:7px;
	bottom:0;
	font-size: 46px;
  	font-weight: 900;
  	line-height:.6;
	color: rgba(255, 255, 255, 0.051);
  	z-index:1;
}

#footerHolder .part1 .mainctn .content, #footerHolder .part1 .mainctn .reseaux
{
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	width:100%;
	max-width:816px;
	z-index:3;
}

#footerHolder .part1 .mainctn .content .adresse, #footerHolder .part1 .mainctn .content .horaire
{
	position:relative;
	display:block;
	margin-bottom:30px;
	font-size: 15px;
	font-weight: normal;
	line-height:2;
	color:#ffffff;
}
#footerHolder .part1 .mainctn .content .horaire
{
	max-width:280px;
}

#footerHolder .part1 .mainctn .content .adresse a
{
	color:#ffffff;
}

#footerHolder .part1 .mainctn .content .adresse > span, #footerHolder .part1 .mainctn .content .horaire > span
{
	position:relative;
	display:block;
	margin:0px 0 0px 25px;
}
#footerHolder .part1 .mainctn .content .horaire > span
{
	margin-left:60px;
}
#footerHolder .part1 .mainctn .content .adresse > span:before
{
	position:absolute;
	left:-25px;
	line-height:2;
}

#footerHolder .part1 .mainctn .content .adresse span[itemprop=name], #footerHolder .part1 .mainctn .content .horaire span.title
{
	display:block;
	font-size: 17px;
	font-weight: bold;
	border-bottom:1px solid #dc7778;
	padding:0 60px 10px 0;
	margin:15px 0 15px 0;
	line-height:normal;
}

#footerHolder .part1 .mainctn .content .adresse > span[itemprop=streetAddress]
{
	line-height:normal;
}
#footerHolder .part1 .mainctn .content .adresse span[itemprop=streetAddress]:before
{
	font-size:12px;
	top:-3px;
}


#footerHolder .part1 .mainctn .content .horaire > span
{
	margin-left:60px;
	line-height:2;
}

#footerHolder .part1 .mainctn .content .horaire > span:before
{
	position:absolute;
	left:-60px;
	top:2px;
	font-size:40px;
	transform:rotate(45deg);
}
#footerHolder .part1 .mainctn .reseaux
{
	width:100%;
	max-width:308px;
	text-align:center;
}
#footerHolder .part1 .mainctn .reseaux > a
{
	color:#ffffff;
	font-size:40px;
	line-height:normal;
	margin-left:14px;
}

#footerHolder .part1 .mainctn .reseaux .certif
{
	display:block;
	position:relative;
	font-size:0;
	margin:30px 0 30px 0;
}
#footerHolder .part1 .mainctn .reseaux .certif > a
{
	display:inline-block;
	width:44px;
	height:44px;
	transition:opacity .5s;
	margin-left:14px;
}
#footerHolder .part1 .mainctn .reseaux .certif  a.amis-enfant
{
	display:block;
	margin:0 0 20px auto;
	width:189px;
	height:53px;
	background:url(/template/image/commune-amis-enfants-horizontal.svg) no-repeat center center;
	background-size:contain;
}
#footerHolder .part1 .mainctn .reseaux .certif  a.citeenergie
{
	display:block;
	margin:0 0 20px auto;
	width:160px;
	height:53px;
	background:url(/template/image/cite_energie_saviese.svg) no-repeat center center;
	background-size:contain;
}
#footerHolder .part1 .mainctn .reseaux .certif > a.communesante
{
	margin-left:0;
	background:url(/template/image/commune_sante_3_etoiles.svg) no-repeat center center;
	background-size:contain;
}
#footerHolder .part1 .mainctn .reseaux .certif > a.vsexc
{
	background:url(/template/image/Valais_Excellence.svg) no-repeat center center;
	background-size:contain;
}
#footerHolder .part1 .mainctn .reseaux .certif > a.iso9001
{
	background:url(/template/image/ISO_9001.svg) no-repeat center center;
	background-size:contain;
}
#footerHolder .part1 .mainctn .reseaux .certif > a.iso14001
{
	background:url(/template/image/ISO_14001.svg) no-repeat center center;
	background-size:contain;
}

#footerHolder .part1 .adresse .police
{
	margin-top:20px;
}
#footerHolder .part1 .adresse .police > span
{
	display:block;
}

#footerHolder .part1 .adresse .police > span.titre
{
	font-weight:bold;
}


#footerHolder .part1 .adresse .police > span.num:before
{
	content:"";
	display:inline-block;
	background-image:url(/template/image/siren.png);
	width:18px;
	height:17px;
	background-size:100%;
	margin-right:5px;
}

#footerHolder .part2
{
	background:#c94647;
}
#footerHolder .part2 .mainctn
{
	padding:15px 10px 15px 10px;
	font-size:0;
	z-index:3;
}
#footerHolder .part2 .mainctn > div
{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	max-width:816px;
	font-size:11px;
	font-weight:500;
	color:#ffffff;
}
#footerHolder .part2 .mainctn > div.powered
{
	text-align:right;
}
#footerHolder .part2 .mainctn > div.powered > a{
	background-image:url(/template/image/boomerang-marketing-white.svg);
	background-repeat: no-repeat;
	background-size:100% auto;
	display:inline-block;
	width:125px;
	height:10px;
}
#footerHolder .part2 .mainctn a
{
	color:#ffffff;
}
@media only screen and (min-width:641px)
{
	#footerHolder .part1 .mainctn .pacapona
	{
		left:4px;
		font-size: 94px;
	}
	#footerHolder .part1 .mainctn .content .adresse
	{
		float:left;
		margin-bottom:0;
	}
	#footerHolder .part1 .mainctn .content .horaire
	{
		float:right;
		margin-bottom:0;
	}
	#footerHolder .part1 .mainctn .reseaux
	{
		max-width:816px;
		text-align:right;
	}
	
	#footerHolder .part1 .mainctn .reseaux > a
	{
		opacity:.4;
		transition:opacity .5s;
	}
	#footerHolder .part1 .mainctn .reseaux > a:hover
	{
		opacity:1;
	}
	
	#footerHolder .part1 .mainctn .reseaux .certif
	{
		margin:-50px 0 30px 0;
	}
	#footerHolder .part1 .mainctn .reseaux .certif > a
	{
		opacity:.4;
	}
	#footerHolder .part1 .mainctn .reseaux .certif  a.amis-enfant
	{
		margin:0 0 20px auto;
		opacity:.7;
	}
	#footerHolder .part1 .mainctn .reseaux .certif  a.citeenergie
	{
		opacity:.7;
	}
	#footerHolder .part1 .mainctn .reseaux .certif > a.communesante
	{
		opacity:.7;
	}

	#footerHolder .part1 .mainctn .reseaux .certif  a:hover
	{
		opacity:1;
	}
}
@media only screen and (min-width:1144px)
{
	#footerHolder > .circle
	{
		right:50%;
		margin-right:-495px;
	}
	#footerHolder .part1 .mainctn .pacapona
	{
		left:-1px;
		font-size: 148px;
	}	
	
	#footerHolder .part1 .mainctn .content .adresse, #footerHolder .part1 .mainctn .content .horaire
	{
		float:left;
		margin-right:70px;
	}
	
	#footerHolder .part1 .mainctn .reseaux
	{
		max-width:308px;
	}
	#footerHolder .part1 .mainctn .reseaux .certif
	{
		margin:40px 0 30px 0;
	}
	#footerHolder .part2 .mainctn > div.powered
	{
		max-width:308px;
	}
}

/* ENTETE DES PAGES*/
.headCtn
{
	margin:0; 
}

.headCtn h1, h3.doh1
{
	margin:0 0 30px 0;
	font-size:27px;
	font-weight:normal;
	text-transform: uppercase;
  	line-height: 1.25;
}
h1 .first, h3.doh1 .first
{
	position:relative;
	display:block;
}
h1 .second, h3.doh1 .second
{
	position:relative;
	display:block;
	font-weight:bold;
	padding-left:30px;
}
h1 .second:empty, h3.doh1 .second:empty
{
	display:none;
}
h1 .second:before, h3.doh1 .second:before
{
	content:"";
	position:absolute;
	top:.55em;
	left:0;
	width:20px;
	height:3px;
	background:#3b3b3b;
}

.headCtn h2 /*resume of the page*/
{
	margin:30px 0 30px 0;
	font-size:17px;
	font-weight:normal;
	text-transform:none;
  	line-height: 1.8;
}

.headCtn h2:before
{
	content: "\e903";
	font-family: 'cms_icons' !important;
	display:inline-block;
	vertical-align:top;
	font-size:.65em;
	color:#d6cab0;
	line-height:2.7;
	width:18px;
}

.headCtn .img
{
	position:relative;
	display:block;
	max-height:515px;
	background:no-repeat center center;
	background-size:cover;
	margin:50px 0 50px 0;
	box-shadow: 15px 15px 25px 0px rgba(0, 0, 0, 0.18); 
}
.headCtn .img:before
{
	content:"";
	display:block;
	padding-top:66.37%;
}

.headCtn h2:empty
{
	display:none;
}

@media only screen and (min-width:796px)
{
	
	.headCtn h1, h3.doh1
	{
		margin:0 0 50px 0;
		font-size:41px;
	}
	
	h1 .second, h3.doh1 .second
	{
		padding-left:70px;
	}
	h1 .second:before, h3.doh1 .second:before
	{
		top:.6em;
		width:50px;
	}
	
	.headCtn h2 /*resume of the page*/
	{
		margin:50px 0 50px 70px;
	}
	#pagehtmlcontent
	{
		margin-left:70px;
		width:auto;
	}
}

/* LISTES */
.listCtn
{
	position:relative;
	margin:30px 0 30px 0;
}
.listElement
{
	position:relative;
	display:block;
	margin:0 0 30px 0;
	text-decoration:none;
	box-shadow: 7px 7px 15px rgba(0,0,0,0.18), -7px 7px 15px rgba(0,0,0,0.18);
}
.listElement .img
{
	position:relative;
	display:block;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
}
.listElement .img:before
{
	content:"";
	display:block;
	padding-top:66.37%;
}

.listElement .txt
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:10px;
}

.listElement h5
{
	margin:15px 0 15px 0;
	font-weight:500;
  	font-size: 18px;
  	color: #3b3b3b;
  	text-transform: uppercase;
  	line-height: 1.25;
}

.listElement .resume
{
	display:block;
	margin:15px 0 15px 0;
	font-size: 16px;
	font-weight:normal;
  	color: #3b3b3b;
  	line-height: 1.5;
	max-height:calc(16px * 1.5 * 4);
	overflow:hidden;
}
.listElement .resume:empty
{
	display:none;
}

.listElement .cms_icons-fleche_2
{
	display:block;
	margin:15px 0 0 0;
	text-align:right;
	font-size:22px;
	color:#a9c6be;
	line-height:1;
}

@media only screen and (min-width:796px)
{
	.listCtn
	{
		margin:30px 0 50px 0;
	}	
	
	.listElement
	{
		margin:0 0 50px 0;
		height:258px;
		font-size:0;
		box-shadow:none;
	}
	.listElement:after
	{
		content:"";
		position:absolute;
		top:0;left:0;right:0;bottom:0;
		box-shadow: 15px 15px 25px rgba(0,0,0,0.18);
		z-index:-1;
		opacity:0;
		transition:opacity .5s;
	}
	.listElement:nth-child(even):after
	{
		box-shadow:-15px 15px 25px rgba(0,0,0,0.18);
	}
	.listElement:hover:after
	{
		opacity:1; 
	}
	
	.listElement:before
	{
		content:"";
		position:relative;
		display:inline-block;
		vertical-align:middle;
		width:0;
		height:100%;
	}
	
	.listElement .img
	{
		position:absolute;
		width:50%;
		top:0;left:0;bottom:0;
		background:url(/template/image/defaultList.jpg) no-repeat center center;
		background-size:cover;
		box-shadow: 15px 15px 25px 0px rgba(0, 0, 0, 0.18); 
		transition:opacity 0.5s;
	}
	.listElement .img:before
	{
		content:none;
	}
	
	.listElement:nth-child(even) .img
	{
		left:50%;
	}
	
	.listElement .img .circle
	{
		position:absolute;
		box-sizing:border-box;
		width:100%;
		height:100%;
		top:0;
		left:0;
		overflow:hidden;
		z-index:-1;
		transition:left .5s;
	}
	.listElement .img .circle:before
	{
		content:"";
		position:relative;
		display:block;
		padding-top:calc(100% - 100px);
		top:0;
		border-radius:50%;
		border:50px solid #d04a4b;
	}
	.listElement:nth-child(3n+2) .img .circle:before
	{
		border-color:#a9c6be;
	}
	.listElement:nth-child(3n+3) .img .circle:before
	{
		border-color:#e6decc;
	}
	.listElement:hover .img .circle
	{
		left:18%;
	}
	.listElement:nth-child(even):hover .img .circle
	{
		left:-18%;
	}
	
	.listElement .txt
	{
		display:inline-block;
		vertical-align:middle;
		width:50%;
		left:50%;
		max-height:100%;
		overflow:hidden;
		padding:0 5px 0 30px;
	}
	.listElement:nth-child(even) .txt
	{
		left:0%;
		padding:0 30px 0 5px;
	}	
	
	.listElement h5
	{
		font-size: 21px;
		max-height:calc(21px * 1.25 * 2);
		overflow:hidden;
	}
	
	.listElement .resume
	{
		margin:25px 0 25px 0;
	}
	.listElement .resume:empty
	{
		display:none;
	}
	
	.listElement .cms_icons-fleche_2
	{
		margin:15px 0 15px 0;
		transition:all .5s;
	}
	
	.listElement:hover .cms_icons-fleche_2
	{
		color:#3b3b3b;
		opacity:.75;
	}
}


/* ZONE HTML */
.htmlcontent
{
	overflow:hidden;
}
.htmlcontent img
{
	max-width:100%;
	height:auto!important;
}
	
.htmlcontent iframe
{
	max-width:100%;
}

/* STYLE GENERIQUE*/
.divwrapper
{
	clear:both;
}
.lastcol
{
	margin-right:0px!important;
}

H1, H2, H3 /*H3 in html content // H1,H2 in case someone try to use this level in html content */
{
    margin:40px 0 30px 0;
    font-weight:500;
    font-size:21px;
	text-transform: uppercase;
  	line-height: 1.25;
}

H4, H5, H6 /*H4 in html content // H5,H6 in case someone try to use this level in html content */
{
    margin:30px 0 20px 0;
    font-weight:500;
    font-size:17px;
	color:#9ab8b3;
	text-transform:none;
	line-height: 1.25;
}

A
{
	color:#d04a4b;
    text-decoration:none;
}

P
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.htmlcontent ul, .bgEditor ul
{
	padding:0;
	margin:0;
	list-style-type:none;
}
.htmlcontent ul > li, .bgEditor ul > li
{
	padding:0 0 0 0;
	margin:0 0 10px 18px; 
	line-height:1.5;
}

.htmlcontent ul > li:before, .bgEditor ul > li:before
{
	content: "\e903";
	font-family: 'cms_icons' !important;
	display:inline-block;
	vertical-align:top;
	font-size:.65em;
	color:#d6cab0;
	line-height:2.3;
	margin-left:-18px;
	width:18px;
}

.htmlcontent p + ul, .bgEditor p + ul
{
	margin-top:-10px;
}

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:641px)
{
	/*.headCtn .img
	{
		width:40%;
		float:left;
		margin-right:20px;
	}
	
	.listElement
	{
		float:left;
		width:32%;
		margin-right:2%;
	}
	.listElement:nth-child(3n+0)
	{
		margin-right:0;
	}

	.listElement .img
	{
		float:none;
		width:100%;
	}*/
}


/* TABLES */
table, th, td
{
	border-color:#3b3b3b;
}
table P
{
	margin:0px;
	padding:0px;
}

table th
{
	text-align:left;
}

table tbody.originaltbody
{
	display:table-row-group;
}
table tbody.responsivedtbody
{
	display:none;
}

/* 
MEDIA QUERIES FOR TABLE: max-width = width of htmlcontent
Je le fait dans ce sens pour pas toucher les tables originales (taille et alignement)
*/
@media only screen and (max-width:796px)
{
	table
	{
		width:100%!important;
		table-layout:fixed;
	}
	table td
	{ 
		width:auto!important;
	}
	table img
	{	
		max-width:100%;
		height:auto!important;
	}
	
	table.responsived, table.responsived tbody, table.responsived tr, table.responsived td
	{
		display:block;
		width:100%!important;
	}
	
	table tbody.originaltbody
	{
		display:none;
	}
	
	table.responsived th p, table.responsived td p
	{
		text-align:left;
	}
		
	table tbody.responsivedtbody div.tr
	{
		display:block;
		margin-bottom:20px;
	}
	
	table tbody.responsivedtbody div.tr:after
	{
		content:"";
		display:block;
		padding-top:20px;
		border-bottom:1px dashed #999999;
	}
	table tbody.responsivedtbody div.tr.noth
	{
		margin-bottom:0;
	}
	table tbody.responsivedtbody div.tr.noth:after
	{
		content:none;
	}
	
	table tbody.responsivedtbody div.td
	{
		margin-bottom:5px;
	}
	table tbody.responsivedtbody div.td:after
	{
		content:"";
		display:block;
		clear:both;
	}
	table tbody.responsivedtbody div.td .tdlabel
	{
		display:block;
		float:left;
		clear:both;
		box-sizing:border-box;
		overflow:hidden;
		width:40%;
		padding-right:10px;
		max-width:120px;
		font-weight:bold;
	}
	table tbody.responsivedtbody div.td .tdlabel.asline
	{
		float:none;
		width:auto;
		padding:0;
		max-width:none;
	}
	table tbody.responsivedtbody div.td + div.td .tdlabel.asline
	{
		margin-top:20px;
		padding-top:20px;
		border-top:1px dashed #999999;
	}
	
	table tbody.responsivedtbody div.td .tdlabel.firstlevel, table tbody.responsivedtbody div.td .tdlabel.firstlevel + .tdlabel
	{
		float:none;
		width:auto;
		padding:0;
		max-width:none;
		margin-bottom:10px;
		text-transform:uppercase;
	}
	 
	table tbody.responsivedtbody div.td .tdlabel.firstlevel:empty
	{
		display:none;
	}
	table tbody.responsivedtbody div.td .tdlabel:not(.firstlevel):after
	{
		content:" : ";
	}
	table tbody.responsivedtbody div.td .tdlabel:not(.firstlevel):empty:after
	{
		content:"\00a0";/* */
	}
	
	table tbody.responsivedtbody div.td .tddata
	{
		display:block;
		overflow:hidden;
	}
}

/* STYLES INVARIABLES */
.desactivatepage /*Pour l'affichage du text "désactivé " dans les listes et les titres des pages */
{
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	color:red;
}

/* MANDATORY FIELD */
.mandatory, .mandatoryCustom /*Style des champs obligatoires. Defini 2 styles, cf mandatory.js */
{
  background-color: #d7d5d5;
}

.mandatoryFailed, .mandatoryCustomFailed /*Style des champs obligatoires lorsqu'un submit à echoué*/
{
  background-color: #FFE3E8;
  border:1px dotted red;
}

.error /*Pour l'affichage des messages erreurs */
{
	color: red;
}

.helpMsg
{
	color:green;
}

/*-- END MANDATORY FIELD --*/

/*-- FIELDSET --*/

legend
{
	font-family: arial;
    font-size: 11px;
    color:black;
}

fieldset
{
	border: 1px solid  #888888;
	margin:6px;
	background-color:#fdfdfd;
}

fieldset table, fieldset div /*margin pour les element dans le fieldset*/
{
	margin: 5px;
}

fieldset table table, fieldset div div, fieldset table div, fieldset div table /*Annule le margin pour les sous-element du fieldset*/
{
	margin: 0px;
}

/*-- FIN FIELDSET --*/
.tdAdmin
{
	width:90px;
	vertical-align:top;
	padding:5px;
}

.tdListAdmin
{
	padding-top:2px;
	padding-bottom:2px;
}

.tableListAdmin
{
	margin:10px;
}
/*Style icone dossier en admin*/
.stdZoneFixed .cms_icons-doc_folder_1 {
	font-size: 17px;
	color: #666;
}
/*-- FORM --*/
form
{
	margin:0px;
	padding:0px;
}

input, textarea
{
    border: 1px solid #bbb7b7;
   	padding-left:5px;
    background-color:#eeeeee ;
	box-sizing:border-box;
    max-width:100%;
}
/* Pour contrer le style IOS par défaut des boutons et champs texte, si il manque des types d'input les rajouter */
input[type=text], input[type=password], input[type=submit] {
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

select
{
	border:0px;
    background-color:#eeeeee ;
    box-sizing:border-box;
    max-width:100%;
}

input[type=checkbox], input[type=radio]
{ 
  border: none; 
  background-color:transparent;
}
/*-- FIN FORM --*/

.admin_scroll
{
    overflow-y: auto;
    float: left;
    width: 300px;
    position: relative;
    height: 250px;
    background: transparent;
}

.popupBloc
{
	background-image: url('/template/image/admin/bgadmin.gif'); 
	border: #101010 1px solid;
	padding:10px;
	font-family: arial;
    font-size: 11px;
    color:black;
}

.popupTitle
{
	padding-left:10px;
	background-image: url('/template/image/admin/titlebar.gif'); 
	font-family: Arial;
    font-size: 11px;
    color:black;
}

.popupTd
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
}

/*Style pour la navigation*/
.loadmore
{
	text-align:center;
	padding:10px 0px 10px 0px;
	visibility:hidden;
}

.loadmore img
{
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity: 0.50; 
}

/*Style pour le jqDdD*/
.drag
{
	opacity:0.5;
	cursor:move;
}
 .drop
{
	cursor:move;
	outline: 1px dashed black;
}
 .drag a, .drop a
{
	cursor:move;
}

/*************** FIN STYLE DE BASE  *******************/

/*************** ADMIN ZONE ********************/
.hilightZone
{
	outline: 1px solid #aaaaaa;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image:url(/template/image/admin/bgzone.png);
	margin-bottom:5px;
}

.stdZone
{
	outline: 1px solid #eeeeee;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image:url(/template/image/admin/bgzone.png);
	margin-bottom:5px;
}

.stdZoneFixed
{
	outline: 1px solid #666666;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image: url('/template/image/admin/bgadmin.gif'); 
	margin-bottom:5px;
}
	
.zoneMenu
{
	margin:0px ;
	padding: 0px ;	
	position:absolute; 
	top:-35px;
	left:-1px;
	width:100%;
	line-height:normal;
}

.zoneMenuFixed
{
	margin:0px ;
	padding: 0px ;
	position:relative; 
	top:0px;
	left:0px;
	width:100%;
}

.stdZoneFixed table
{
	table-layout:auto!important; /*contré le fixed setté pour le responsive*/	
}

.tblContextMenuTitle
{
	margin:0px ;
	padding: 0px ;
	width:100%;
	background-image: url('/template/image/admin/titlebar.gif'); 
	height:18px;
  	color:#86081D;
  	font-size:11px;
	table-layout:auto!important; /*contré le fixed setté pour le responsive*/
}

.tblContextMenu
{
	border:0px;
	margin:0px ;
	width:100%;
	padding: 0px ;
 	height:19px;
	background-image:url(/template/image/admin/bgmenu.png);
	table-layout:auto; /*contré le fixed setté pour le responsive*/	
	font-size:11px;
}
.tblContextMenu table
{
	table-layout:auto; /*contré le fixed setté pour le responsive*/	
	width:auto!important;/*contré le fixed setté pour le responsive*/
}
		
.stdContextMenu
{
	margin:0px ;
	padding: 0px ;
	border:0px;
	height:19px;
}

.stdContextMenuSep
{
	margin:0px ;
	padding: 0px ;
	border:0px;
	height:19px;
	background-image:url(/template/image/admin/bgmenusep.png);
	background-repeat:no-repeat; 
}

  	
.hilightContextMenu
{
	margin:0px ;
	padding: 0px ;
	height:18px;
	background-image:url(/template/image/admin/bgmenusel.png);

}

.stdTextContextMenu
{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
  	color: #000000;
	font-size: 11px;
}

.hilightTextContextMenu
{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
	color: #AB0404;
	font-size: 11px;
}
/*************** FIN ADMIN ZONE ********************/


/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	#topHolder .direct a:after
	{
		background-image:url(/template/image/direct@x2.png);
	}
	#otherSaviese a:before
	{
		background-image:url(/template/image/othersaviese@x2.png);
	}
	#otherSaviese a.tourisme:before
	{
		background-image:url(/template/image/othersaviese-tourisme-v2025@x2.png);
	}
	#otherSaviese a.ecole:before
	{
		background-image:url(/template/image/othersaviese-ecole@x2.png);
	}
	#otherSaviese a.ludo:before
	{
		background-image:url(/template/image/othersaviese-ludotheque@x2.png);
	}
	#topHolder .mainctn .saviese:before
	{
		background-image:url(/template/image/saviese-flag@x2.png);
	}
	.home #topHolder .saviese-bienvenue
	{
		background-image:url(/template/image/saviese-bienvenue@x2.png);
	}
	
	#footerHolder .part1 .adresse .police > span.num:before
	{
		background-image:url(/template/image/siren@x2.png);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	#topHolder .direct a:after
	{
		background-image:url(/template/image/direct@x3.png);
	}
	#otherSaviese a:before
	{
		background-image:url(/template/image/othersaviese@x3.png);
	}
	#otherSaviese a.tourisme:before
	{
		background-image:url(/template/image/othersaviese-tourisme-v2025@x3.png);
	}
	#otherSaviese a.ecole:before
	{
		background-image:url(/template/image/othersaviese-ecole@x3.png);
	}
	#otherSaviese a.ludo:before
	{
		background-image:url(/template/image/othersaviese-ludotheque@x3.png);
	}
	#topHolder .mainctn .saviese:before
	{
		background-image:url(/template/image/saviese-flag@x3.png);
	}
	.home #topHolder .saviese-bienvenue
	{
		background-image:url(/template/image/saviese-bienvenue@x3.png);
	}
	#footerHolder .part1 .adresse .police > span.num:before
	{
		background-image:url(/template/image/siren@x3.png);
	}
}

/******** CLASS POUR LA FANCYBOY *******************/
.fancybox-container.fbx-nopadding .fancybox-content
{
	padding:0!important;
}
/******** FIN CLASS POUR LA FANCYBOY ****************//*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha { float:left;margin-top:20px;width:224px;}
.QapTcha .clr{ clear:both; }
.QapTcha .bgSlider { position:relative;width:202px;height:22px;float:left;background:url('/plugin/captcha/template/images/fondcaptcha.png') no-repeat; }
.QapTcha .Slider { width:47px;height:22px;background:url('/plugin/captcha/template/images/btncaptcha.png') no-repeat;cursor:e-resize;position:relative;top:0;left:0; }
.QapTcha .TxtStatus { width:282px;padding:3px;margin-top:7px;text-align:left;color:#787878;font-family:Verdana;font-size:10px;clear:both; }
.QapTcha .dropSuccess {  background:transparent;color:#4e8b37; }
.QapTcha .dropError { color:#787878; }
.QapTcha .Lock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top left;width:15px;height:17px; }
.QapTcha .unLock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top right;width:16px;height:17px; }
.QapTcha .divError { background:red;color:#FFFFFF;width:230px; }
#homenewsHolder, #homeagendaHolder
{
	overflow:hidden;
}
#homenewsHolder{
	background: #E5DECE;
}
#homenewsHolder .mainctn, #homeagendaHolder .mainctn
{
	padding-top:40px;
	padding-bottom:40px;
}
#homeagendaHolder
{
	background:url(/template/image/bgagenda.jpg) no-repeat center center;
	background-size:cover;
}
#homeagendaHolder:before
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;
	height:40px;
	background-image: -webkit-linear-gradient(top, #d9d9d9 0,transparent 40px);
	background-image: -moz-linear-gradient(top, #d9d9d9 0,transparent 40px);
	background-image: -ms-linear-gradient(top, #d9d9d9 0,transparent 40px);
	background-image: -o-linear-gradient(top, #d9d9d9 0,transparent 40px);
	background-image:linear-gradient(to bottom, #d9d9d9 0, transparent 40px);
}
#homeagendaHolder:after
{
	content:"";
	position:absolute;
	bottom:0;left:0;right:0;
	height:40px;
	background-image: -webkit-linear-gradient(bottom, #d9d9d9 0,transparent 40px);
	background-image: -moz-linear-gradient(bottom, #d9d9d9 0,transparent 40px);
	background-image: -ms-linear-gradient(bottom, #d9d9d9 0,transparent 40px);
	background-image: -o-linear-gradient(bottom, #d9d9d9 0,transparent 40px);
	background-image:linear-gradient(to top, #d9d9d9 0, transparent 40px);
}
	
/* CARTOUCHE GENERIQUE */
.cartoucheCtn
{
	position:relative;	
	display:block;
	margin:30px 0 0 0;
	padding:0 0 30px 0;
	border-bottom:2px solid #e1e1e1;
}
#homenewsHolder .cartoucheCtn, #homeagendaHolder .cartoucheCtn
{
	margin:0;
	padding:0;
	border:0;
}

.cartoucheCtn h5
{
	position:relative;
	display:block;
	margin:0 0 30px 0;
	padding-bottom:10px;
	font-size: 24px;
	font-weight:normal;
	line-height: normal;
  	color: #3b3b3b;
  	text-transform: uppercase;
}
.cartoucheCtn h5:after
{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:12%;
	height:2px;
	background:#3b3b3b;
}
#homenewsHolder .cartoucheCtn h5, #homeagendaHolder .cartoucheCtn h5
{
	margin:0 0 50px 0;
	padding-bottom:20px;
	font-size:27px;
	font-weight:normal;
	text-transform: uppercase;
  	line-height: 1.25;
}
#homenewsHolder .cartoucheCtn h5:after, #homeagendaHolder .cartoucheCtn h5:after
{
	width:7%;
	height:2px;
}

.cartoucheCtn .more
{
	position:relative;
	display:block;
	float:right;
	margin-right:5px;
  	font-size: 14px;
	font-weight:normal;
	line-height:normal;
  	color: #3b3b3b;
}
.cartoucheCtn .more:before
{
	position:relative;
	display:inline-block;
	vertical-align:top;
	top:3px;
	margin-right:7px;
	font-size:11px;
	color:#d3c6a9;
}

#homenewsHolder .cartoucheCtn .more
{
	display:block!important;
	margin-top:20px;
}
#homenewsHolder .cartoucheCtn .more:before{
	color:#ffffff;
}


.cartoucheElementCtn
{
	position:relative;
}

.cartoucheElement
{
	position:relative;
	display:block;
	margin:0 0 20px 0;
	text-decoration:none;
}

.cartoucheElement .txt
{
	display:block;
	position:relative;
}

.cartoucheElement h6
{
	margin:30px 0 15px 0;
	padding:0 5px 10px 0;
  	font-size: 16px;
	font-weight:500;
	line-height: 1.3;
  	color:#3b3b3b;
	border-bottom:1px solid #e1e1e1;
}
#homenewsHolder .cartoucheElement h6{
	border-bottom:1px solid #ffffff;
	font-weight:bold;
}

.cartoucheElement .resume
{
	display:block;
	margin-right:5px;
 	font-size: 15px;
  	font-weight:normal;
	line-height:1.4;
	color:#3b3b3b;
}

/* CARTOUCHE NEWS */
#cartoucheNewsCartoucheCtn .cartoucheElement .date
{
	display:block;
	font-size: 12px;
  	font-weight:normal;
	line-height:normal;
	color:#3b3b3b;
	margin-top:5px;
}
#cartoucheNewsCartoucheCtn .cartoucheElement .date:before
{
	content:"(";
	display:inline-block;
	margin-right:2px;
}
#cartoucheNewsCartoucheCtn .cartoucheElement .date:after
{
	content:")";
	display:inline-block;
	margin-left:2px;
}

/* CARTOUCHE AGENDA */
#cartoucheAgendaCartoucheCtn .cartoucheElement .date
{
	display:none;	
}
#cartoucheAgendaCartoucheCtn h5
{
	padding-bottom:0;
}
.cartoucheCtn h5:after
{
	content:none;
}

#cartoucheAgendaCartoucheCtn h5 span.home, #homeagendaHolder #cartoucheAgendaCartoucheCtn h5 span.interieur
{
	display:none;
}
#homeagendaHolder #cartoucheAgendaCartoucheCtn h5 span.home
{
	display:block;
}
#homeagendaHolder #cartoucheAgendaCartoucheCtn h5 span.home .first
{
	position:relative;
	display:block;
	font-weight:normal;
}
#homeagendaHolder #cartoucheAgendaCartoucheCtn h5 span.home .second
{
	position:relative;
	display:block;
	font-weight:500;
	padding-left:30px;
}
#homeagendaHolder #cartoucheAgendaCartoucheCtn h5 span.home .second:before
{
	content:"";
	position:absolute;
	top:.55em;
	left:0;
	width:20px;
	height:3px;
	background:#3b3b3b;
}

#cartoucheAgendaCartoucheCtn .cartoucheElement .txt span
{
	display:block;
	margin:0 5px 8px 0;
 	font-size: 15px;
  	font-weight:normal;
	line-height:1.4;
	color:#3b3b3b;
}

#homeagendaHolder .cartoucheElement
{
	position:relative;
	display:block;
	margin:25px -10px 40px -10px;
	padding:0px 10px 30px 10px;
	background:#ffffff;
	border:1px solid #ffffff;
}

#homeagendaHolder .cartoucheElement .txt
{
	display:block; 
	position:relative;
}

#homeagendaHolder #cartoucheAgendaCartoucheCtn .cartoucheElement .txt span
{
	position:relative;
	display:block;
	margin-bottom:12px;
	font-size:15px;
	font-weight:normal;
	line-height:normal;
	color:#3b3b3b;
	padding:0 5px 0 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#homeagendaHolder #cartoucheAgendaCartoucheCtn .cartoucheElement .txt span:empty
{
	display:none;
}
#homeagendaHolder #cartoucheAgendaCartoucheCtn .cartoucheElement .txt span:before
{
	content:"";
	position:absolute;
	top:2px;
	left:0;
	width:14px;
	height:15px;
	background:url(/template/image/agendasprite.png) no-repeat left top;
	background-size:100% auto;
}

#homeagendaHolder #cartoucheAgendaCartoucheCtn .cartoucheElement .txt span.fulldate:before
{
	background-position:left -22px;
}
#homeagendaHolder #cartoucheAgendaCartoucheCtn .cartoucheElement .txt span.lieu:before
{
	background-position:left bottom;
}

@media only screen and (min-width:641px)
{
	#cartoucheAgendaCartoucheCtn h5
	{
		padding-bottom:10px;
	}
	.cartoucheCtn h5:after
	{
		content:"";
	}

	#homeagendaHolder #cartoucheAgendaCartoucheCtn h5 span.home .first
	{
		display:inline-block;
		font-weight:500;
		margin-right:18px;
	}
	#homeagendaHolder #cartoucheAgendaCartoucheCtn h5 span.home .second
	{
		display:inline-block;
		font-weight:normal;
		padding-left:0;
	}
	#homeagendaHolder #cartoucheAgendaCartoucheCtn h5 span.home .second:before
	{
		content:none;
	}
	
	#homeagendaHolder .cartoucheElement
	{
		box-sizing:border-box;
		height:186px;
		padding:0;
		margin:25px 0 65px 0;
		background:none;
	}
	
	#homeagendaHolder .cartoucheElement:after
	{
		content:"";
		position:absolute;
		display:block;
		left:113px;top:0;right:0;bottom:0;
		background:#ffffff;
		opacity:1;
		z-index:1;
	}
	
	#homeagendaHolder .cartoucheElement .date
	{
		position:absolute;
		display:block;
		box-sizing:border-box;
		top:0;left:0;
		width:226px;
		height:226px;
		background:#dddddd;
		border-radius:50%;
		top:50%;
		margin-top:-113px;
		z-index:2;
		transition:box-shadow .5s;
	}
	#homeagendaHolder .cartoucheElement:hover .date
	{
		box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, .5); 
	}
	#homeagendaHolder .cartoucheElement .date:before
	{
		content:"";
		display:block;
		padding-top:100%;
	}
	
	#homeagendaHolder .cartoucheElement .date .dateinfo
	{
		position:absolute;
		display:inline-block;
		width:80%;
		height:80%;
		top:10%;left:10%;
		font-size:0;
	}
	#homeagendaHolder .cartoucheElement .date .dateinfo:before
	{
		content:"";
		position:relative;
		display:inline-block;
		vertical-align:middle;
		width:0;
		height:100%;
	}
	#homeagendaHolder .cartoucheElement .date .dateinfo .datedisplay 
	{
		position:relative;
		display: inline-block;
		vertical-align:middle;
		font-weight:500;
		color: #d04a4b;
		text-align: center;
		text-transform: uppercase;
		box-sizing:border-box;
		width: 100%;
	}
	
	#homeagendaHolder .cartoucheElement .date .dateinfo .jusquauListe
	{
		font-size:17px;
		color:#3b3b3b;
	}
	
	#homeagendaHolder .cartoucheElement .date .dateinfo .moisListe
	{
		font-size:28px;
		color:#3b3b3b;
	}
	
	#homeagendaHolder .cartoucheElement .date .dateinfo .jourListe
	{
		font-size:75px;
		line-height:1em;
	}

	#homeagendaHolder .cartoucheElement .date .dateinfo .jourListe.multiple
	{
		line-height: .5em;
	}
	#homeagendaHolder .cartoucheElement .date .dateinfo .jourListe > span
	{
		display:inline-block;
		font-size:50px;
		width:calc(50% - 20px);
	}

	#homeagendaHolder .cartoucheElement .date .dateinfo .moisListe > span{
		display:inline-block;
		font-size:22px;
		width:calc(50% - 20px);
	}
	#homeagendaHolder .cartoucheElement .date .dateinfo .jourListe > span.sep, #homeagendaHolder .cartoucheElement .date .dateinfo .moisListe span.sep{
		width:20px;
	}
	
	#homeagendaHolder .cartoucheElement .txt
	{
		box-sizing:border-box;
		padding:0 10px 0 138px;
		left:113px;
		z-index:2;
	}
	
	#homeagendaHolder #cartoucheAgendaCartoucheCtn .cartoucheElement h6
	{
		padding:0 5px 0 0;
	  	border-bottom:0;
	}
}

@media only screen and (min-width:796px)
{
	.cartoucheCtn
	{
		margin:40px 0 40px 0;
		padding:0 0 40px 40px;
	}	

	#homenewsHolder .cartoucheCtn .more
	{
		display:block!important;
		margin-top:0;
	}
	#homenewsHolder .cartoucheCtn h5, #homeagendaHolder .cartoucheCtn h5
	{
		font-size:41px;
	}
	#homenewsHolder .cartoucheCtn h5:after, #homeagendaHolder .cartoucheCtn h5:after
	{
		width:5%;
		height:3px;
	}
	
	#homenewsHolder .cartoucheElement 
	{
		float:left;
		width:28%;
		margin:0 8% 20px 0;
	}
	#homenewsHolder .cartoucheElement:nth-child(3n)
	{
		margin-right:0;
	}
	
	#homenewsHolder .mainctn, #homeagendaHolder .mainctn
	{
		padding-top:100px;
		padding-bottom:100px;
	}
	
	#homenewsHolder .mainctn:before
	{
		content:"";
		position:absolute;
		box-sizing:border-box;
		top:0;
		right:0;
		margin-top:-245px;
		width:420px;
		height:420px;
		border:75px solid #ede9de;
		border-radius:50%;
	}
	
	.cartoucheElement h6
	{
	  	font-size: 18px;
	}
	
	#homeagendaHolder #cartoucheAgendaCartoucheCtn .cartoucheElement .txt span
	{
		font-size:16px;
	}
}
@media only screen and (min-width:1144px)
{
	#homeagendaHolder .cartoucheElement
	{
		float:left;
		width:47%;
		margin:25px 6% 65px 0;
		border:0;
	}
	
	#homeagendaHolder .cartoucheElement:nth-child(2n+2)
	{
		margin-right:0;
	}
	
	#homeagendaHolder .cartoucheElement:after
	{
		left:20.8%;
	}
	
	#homeagendaHolder .cartoucheElement .txt
	{
		padding:0 10px 0 25.5%;
		left:20.8%;
		width:79.2%;
	}
}

/* CARTOUCHE ALERTE ROUGE */
#blocAlertes .cartoucheCtn
{
	position:relative;	
	margin:20px 0 20px 0;
	padding:30px 10px 10px 10px;
	background:#f5f5f5;
	border:0;
}
#blocAlertes .cartoucheCtn:before
{
	content:"";
	position:absolute;
	top:70px;
	left:0;
	right:0;
	bottom:0;
	opacity:.03;
}
#blocAlertes .cartoucheElementCtn
{
	position:relative;
	border:0;
	width:100%;
	height:200px;
	padding-bottom:24px;
}
@media only screen and (min-width:641px)
{
	#blocAlertes .cartoucheElementCtn
	{
		padding-bottom:18px;
	}	
}
#blocAlertes .cartoucheElementCtn.nonav
{
	padding-bottom:0;
}

#blocAlertes .cartoucheElement
{
	position:absolute;
	opacity:0;
	left:0;
	right:10px;
	z-index:1;
	transition:opacity .5s;
}
#blocAlertes .cartoucheElement.current
{
	opacity:1;
	z-index:2;
}

#blocAlertes .cartoucheElement .txt
{
	display:block;
	position:relative;
	padding: 0 0 0 30px;
	overflow:hidden;
	height:170px;
}

#blocAlertes .cartoucheElement h6
{
	position:relative;
	margin:0px 0px 8px 0px;
	font-size:17px;
	font-weight:normal;
	color:#e3e3e3;
	border:0;
	padding:0;
}

#blocAlertes .cartoucheElement h6:before
{
	content:"";
	position:absolute;
	top:50%;
	left:-28px;
	width:11px;
	height:18px;
	margin-top:-9px;
	background:url(/plugin/cartouche/template/images/arrow-big.png) no-repeat center center;
	transition:left .2s;
}
#blocAlertes .cartoucheElement:hover h6:before
{
	left:-18px
}
#blocAlertes .cartoucheElement .resume
{
	display:block;
	color:#e3e3e3;
	line-height:1.5em;	
	font-size: 15px;
}

#blocAlertes .cartoucheElement .plus
{
	display:block;
	color:#3b3b3b;
	line-height:2em;	
	font-size: 13px;
}

@media (min-width:1020px)
{
	#blocAlertes .cartoucheCtn
	{
		margin:0 0 20px 0;
		padding:30px 37px 10px 27px;
	}
	
	#blocAlertes .cartoucheElement .txt
	{
		padding: 0 0 0 50px;
	}
}

#blocAlertes
{
	width:100%;
	height:auto;
	position:relative;
	z-index:1100;
}

#blocAlertes #cartoucheInformationsCartoucheCtn
{
	background:rgba(255, 0, 0, 0.8);
	padding-bottom:10px;
	padding-right:30px;
	width:100%;
	box-sizing:border-box;
}

#blocAlertes #cartoucheInformationsCartoucheCtn .cartoucheElementCtn .close
{
	position:absolute;
	top:-10px;
	right:-10px;
	height:19px;
	width:19px;
	display:block;
	background:url('/plugin/cartouche/template/images/close.png') no-repeat;
	cursor:pointer;
	
}

#blocAlertes #cartoucheInformationsCartoucheCtn .cartoucheElement .date
{
	color:#ffffff;
	text-transform:uppercase;
	font-size:18px;
}

#blocAlertes #cartoucheInformationsCartoucheCtn .prevnext
{
	position:absolute;
	display:block;
	box-sizing:border-box;
	left:0px;
	right:-10px;
	bottom:0;
	box-sizing:border-box;
	font-size:0;
	z-index:3;
	border-top:1px solid #ffffff;
	padding:10px 5px 0 5px;
}
#blocAlertes  #cartoucheInformationsCartoucheCtn .cartoucheElementCtn.nonav .prevnext
{
	display:none;
}

#blocAlertes #cartoucheInformationsCartoucheCtn .prevnext > a
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:50%;
	padding:0;
	font-size:14px;
	padding-bottom:2px;
	color:#ffffff;
	text-decoration:none;
	text-transform:lowercase;
	font-weight:normal;
}

#blocAlertes #cartoucheInformationsCartoucheCtn .prevnext > a.prev
{
	box-sizing:border-box;
	width:50%;
	text-align:left;
	padding-left:30px;
	background:url(/plugin/cartouche/template/images/arrowr-big.png) no-repeat center left;
	background-size:auto 60%;
	visibility:hidden;
	transition:padding .5s;
}
#blocAlertes #cartoucheInformationsCartoucheCtn .prevnext > a.prev:hover
{
	padding-left:20px;
}

#blocAlertes #cartoucheInformationsCartoucheCtn .prevnext > a.next
{
	box-sizing:border-box;
	width:50%;
	text-align:right;
	padding-right:30px;
	background:url(/plugin/cartouche/template/images/arrow-big.png) no-repeat center right;
	background-size:auto 60%;
	visibility:hidden;
	transition:padding .5s;
}
#blocAlertes #cartoucheInformationsCartoucheCtn .prevnext > a.next:hover
{
	padding-right:20px;
}

#blocAlertes #cartoucheInformationsCartoucheCtn .cartoucheElement + .cartoucheElement ~ .prevnext >a.prev,
#blocAlertes #cartoucheInformationsCartoucheCtn .cartoucheElement + .cartoucheElement ~ .prevnext >a.next
{
	visibility:visible;
}

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:641px)
{
		
	#blocAlertes
	{
		position:fixed;
		top:15%;
		left:0px;
	}
	
	#blocAlertes
	{
		max-width:50%;
	}
	#blocAlertes #cartoucheInformationsCartoucheCtn .prevnext
	{
		left:45px;
		right:15px;
	}
}
@media only screen and (min-width:900px)
{
	
	#blocAlertes
	{
		max-width:33%;
	}

}
#documentListCtn .listElement
{
	width:auto;
	height:auto;
	border:0px;
	margin:0 0 15px 0;
	box-shadow:none;
}

#documentListCtn .listElement:before, #documentListCtn .listElement:after
{
	content:none;
}

#documentListCtn .listElement > a
{
	display:block;
	padding-left:25px;
	text-decoration:none;
}

#documentListCtn .listElement > a:before /*icone*/
{
	position:absolute;
	display:block;
	left:0;
	top:0;
	font-size:20px;
	color:#000000;
}

#documentListCtn .listElement .txt
{
	display:block;
	width:auto;
	left:0;
	max-height:none;
	padding:0;
}

#documentListCtn .listElement h5
{
	margin:0;
	font-size: 17px;
	max-height:none;
	text-transform:none;
}

#documentListCtn .listElement .resume
{
	margin:0;
}

#documentListCtn .listElement .admin
{
	position:absolute;
	display:block;
	top:5px;
	left:-12px;
}

@media only screen and (min-width:641px)
{
	#documentListCtn .listElement
	{
		float:left;
		width:48%;
		margin:0 4% 15px 0;
	}
	#documentListCtn .listElement:nth-child(2n)
	{
		margin-right:0;
	}		
}

@media only screen and (min-width:796px)
{
	#documentListCtn
	{
		margin-left:70px;
	}
}#faqListCtn .listElement
{
	width:auto;
	height:auto;
	float:none;
	border:0px;
	margin:0px 0px 10px 0px;
	box-shadow:none;
	font-size:17px;
}
#faqListCtn .listElement:after, #faqListCtn .listElement:before
{
	content:none;
}

#faqListCtn .listElement .question
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:20px 50px 20px 20px;
	background:#d04a4b;
	transition:background .5s;
}

#faqListCtn .listElement .question:before
{
	position:absolute;
	top:50%;right:15px;
	margin-top:-9px;
	font-size:18px;
	color:#ffffff;
	transition:transform .5s;
}
#faqListCtn .listElement .question h5
{
	font-size: 16px;
  	font-weight:500;
  	color:#ffffff;
	margin:0px;
	text-transform:none;
	max-height:none;
}

#faqListCtn .listElement .question.open, #bodyprint #faqListCtn .listElement .question
{
	background:#d46261;
}
#faqListCtn .listElement .question.open:before, #bodyprint #faqListCtn .listElement .question:before
{
	transform:rotateZ(90deg);
}

#faqListCtn .listElement .answer
{
	display:none;
	padding:10px;
	overflow:hidden; /*pour pas que le html déborde*/
	box-shadow: 7px 7px 15px rgba(0,0,0,0.18), -7px 7px 15px rgba(0,0,0,0.18);
}

#bodyprint #faqListCtn .listElement .answer
{
	display:block;
}

@media only screen and (min-width:796px)
{
	#faqListCtn
	{
		margin-left:70px;
	}
	#faqListCtn .listElement .question h5
	{
		font-size:17px;
	}	
	
	#faqListCtn .listElement .answer
	{
		padding:10px 20px 10px 20px;
	}
}#galleryimageListCtn
{
	/*compense le margin des images*/
	margin-left:-2px;
	margin-right:-2px;
	z-index:1;
}

#galleryimageListCtn .listElement
{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
	height:auto;
	margin:2px;
	box-shadow:none; 
	transition:width 1s, top 1s, left 1s;
}
#galleryimageListCtn.moving .listElement
{
	position:absolute;
	float:none;
	z-index:1;
}
#galleryimageListCtn .listElement:before
{
	content:"";
	display:block;
	padding-top:56.25%
}
#galleryimageListCtn .listElement:after
{
	content:none;
}

#galleryimageListCtn .listElement.landscape:before
{
	padding-top:113.95%;/*cheat to obtain twice heihgt of other image*/
}

#galleryimageListCtn .listElement.hover
{
	width:100%;
	left:0!important;
	border-right:4px solid transparent; /*compense les margins négatifs*/
	z-index:2;
}

#galleryimageListCtn .listElement.cache:after
{
	content:"";
	position:absolute;
	top:-50%;left:0;
	width:100%;
	height:200%;
	box-shadow:none;
	z-index:-1;
	/*background:rgba(0,0,0,.5)*/
}

#galleryimageListCtn .listElement .img
{
	position:absolute;
	display:block;
	top:0;right:0;bottom:0;left:0;
	width:auto;
	height:auto;
	box-shadow:none;
}

#gallerywithfancybox
{
	display:none; /*use photoswipe if element not visible */
}

#galleryimageListCtn .listElement .admin
{
	position:absolute;
	display:block;
	bottom:0;left:0;right:0;
	font-size:17px;
	font-weight:normal;
	color:#3b3b3b;
	background:rgba(255,255,255,.75);
}

#galleryimageListCtn .listElement .admin > a
{
	color:#3b3b3b;
	text-decoration:none;	
}

.galleryimageInner
{
	position:relative;
	display:block;
	max-width:100%;
	margin-bottom:20px;
}

/* MEDIA QUERIES */

@media only screen and (min-width:480px)
{
	#galleryimageListCtn
	{
		z-index:2;
	}
	#galleryimageListCtn .listElement
	{
		width:49.24%;
		float:left;
	}
	#galleryimageListCtn .listElement:nth-child(2n+1)
	{
		clear:both;
	}
}

@media only screen and (min-width:641px)
{
	#gallerywithfancybox
	{
		display:block; /*use fancybox if element is visible*/ 
	}	

	#galleryimageListCtn
	{
		z-index:3;
	}
	#galleryimageListCtn .listElement
	{
		width:32.82%;
	}
	#galleryimageListCtn .listElement:nth-child(2n+1)
	{
		clear:none;
	}
	#galleryimageListCtn .listElement:nth-child(3n+1)
	{
		clear:both;
	}
}#linksCtn
{
	position:relative;	
}

#linksCtn h5
{
	position:relative;
	margin:50px 0 30px 15px;
	font-size:27px;
	font-weight:normal;
	color:#3b3b3b;
	text-transform:uppercase;
}

#linksCtn h5:before
{
	position:absolute;;
	display:block;
	left:-14px;
	top:10px;
	font-size:15px;
	color:#a9c6be;
}

.linksElement
{
	position:relative;
	display:block;
	margin:0 0 30px 0;
	text-decoration:none;
	box-shadow: 7px 7px 15px rgba(0,0,0,0.18), -7px 7px 15px rgba(0,0,0,0.18);
}
.linksElement .img
{
	position:relative;
	display:block;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
}
.linksElement .img:before
{
	content:"";
	display:block;
	padding-top:66.37%;
}

.linksElement .txt
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:10px;
}

.linksElement h6
{
	margin:15px 0 15px 0;
	font-weight:500;
  	font-size: 18px;
  	color: #3b3b3b;
  	text-transform: uppercase;
  	line-height: 1.25;
}

.linksElement .resume
{
	display:block;
	margin:15px 0 15px 0;
	font-size: 16px;
	font-weight:normal;
  	color: #3b3b3b;
  	line-height: 1.5;
	max-height:calc(16px * 1.5 * 4);
	overflow:hidden;
}
.linksElement .resume:empty
{
	display:none;
}

.linksElement .cms_icons-fleche_2
{
	display:block;
	margin:15px 0 0 0;
	text-align:right;
	font-size:22px;
	color:#a9c6be;
	line-height:1;
}


/* MEDIA QUERIES */
@media only screen and (min-width:796px)
{
	#linksCtn h5
	{
		margin:80px 0 40px 70px;
		font-size:32px;
	}
	
	#linksCtn h5:before
	{
		left:-25px;
		top:10px;
		font-size:18px;
	}	
	
	.linksElement
	{
		margin:0 0 50px 0;
		height:258px;
		font-size:0;
		box-shadow:none;
	}
	.linksElement:after
	{
		content:"";
		position:absolute;
		top:0;left:0;right:0;bottom:0;
		box-shadow: 15px 15px 25px rgba(0,0,0,0.18);
		z-index:-1;
		opacity:0;
		transition:opacity .5s;
	}
	.linksElement:nth-child(even):after
	{
		box-shadow:-15px 15px 25px rgba(0,0,0,0.18);
	}
	.linksElement:hover:after
	{
		opacity:1; 
	}
	
	.linksElement:before
	{
		content:"";
		position:relative;
		display:inline-block;
		vertical-align:middle;
		width:0;
		height:100%;
	}
	
	.linksElement .img
	{
		position:absolute;
		width:50%;
		top:0;left:0;bottom:0;
		background:url(/template/image/defaultList.jpg) no-repeat center center;
		background-size:cover;
		box-shadow: 15px 15px 25px 0px rgba(0, 0, 0, 0.18); 
		transition:opacity 0.5s;
	}
	.linksElement .img:before
	{
		content:none;
	}
	
	.linksElement:nth-child(even) .img
	{
		left:50%;
	}
	
	.linksElement .img .circle
	{
		position:absolute;
		box-sizing:border-box;
		width:100%;
		height:100%;
		top:0;
		left:0;
		overflow:hidden;
		z-index:-1;
		transition:left .5s;
	}
	.linksElement .img .circle:before
	{
		content:"";
		position:relative;
		display:block;
		padding-top:calc(100% - 100px);
		top:0;
		border-radius:50%;
		border:50px solid #d04a4b;
	}
	.linksElement:nth-child(3n+2) .img .circle:before
	{
		border-color:#a9c6be;
	}
	.linksElement:nth-child(3n+3) .img .circle:before
	{
		border-color:#e6decc;
	}
	.linksElement:hover .img .circle
	{
		left:18%;
	}
	.linksElement:nth-child(even):hover .img .circle
	{
		left:-18%;
	}
	
	.linksElement .txt
	{
		display:inline-block;
		vertical-align:middle;
		width:50%;
		left:50%;
		max-height:100%;
		overflow:hidden;
		padding:0 5px 0 30px;
	}
	.linksElement:nth-child(even) .txt
	{
		left:0%;
		padding:0 30px 0 5px;
	}	
	
	.linksElement h5
	{
		font-size: 21px;
		max-height:calc(21px * 1.25 * 2);
		overflow:hidden;
	}
	
	.linksElement .resume
	{
		margin:25px 0 25px 0;
	}
	.listElement .resume:empty
	{
		display:none;
	}
	
	.linksElement .cms_icons-fleche_2
	{
		margin:15px 0 15px 0;
		transition:all .5s;
	}
	
	.linksElement:hover .cms_icons-fleche_2
	{
		color:#3b3b3b;
		opacity:.75;
	}
}/* Gestion des panels pour le menu */
#mainPanel
{
	position:relative;
	transition: left 0.2s linear;
}
#mainPanel.open
{
	width:100%;
	height:100%;
	left:0;
}

#leftPanel
{
	display:block;
	position:absolute;
	box-sizing:border-box;
	top:0px;
	right:100%;
	width:80%;
	min-width:240px;
	max-width:776px;
	height:100%;
	background:#e7e5e5;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:5;
}

#leftPanel.scrolling
{
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

#leftPanel .mainctn
{
	padding:0;
	z-index:3;
}
#leftPanel .mainctn .close
{
	display:none;
}

#leftPanel .mapline
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background:url(/template/image/mapline.jpg) no-repeat center center;
	background-size:cover;
	opacity:.02;
	z-index:2;
}
#leftPanel .circle
{
	display:none;
}

.nooverflow
{
	width:100%;
	height:100%;
	overflow:hidden;
}

.neutralizer
{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	cursor:pointer;
	z-index:1000;
}

#menuIcone
{
	position:absolute;
	display:block;
	box-sizing:border-box;
	top:40px;
	right:10px;
	font-size:0;
	cursor:pointer;
	min-width:42px;
	font-size: 12px;
	color: transparent;
	text-transform: uppercase;
	transition:right .5s;
}

#menuIcone .line, #menuIcone:before, #menuIcone:after {
	content: "";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-2px;
	width: 42px;
	height: 3px;
	background-color: #ffffff;
	border-radius:2px 2px 2px 2px;
	overflow:hidden;
	transition:all .5s;
}
#menuIcone:before
{
	margin-top:-12px;	
}

#menuIcone:after 
{
	left:12px;
	width:30px;
	margin-top:8px;
}

#mainPanel.open #menuIcone
{
	right:100%;
	margin-right:-52px;
}

#mainPanel.open #menuIcone:before {
	transform: rotateZ(-45deg);
	margin-top:0;
}
#mainPanel.open #menuIcone .line {
	opacity:0;
}
#mainPanel.open #menuIcone:after {
	transform: rotateZ(45deg);
	left:0;
	width: 42px;
	margin-top:0;
}

#leftPanel a.copy
{
	display:none;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
#menuMain ul
{
	margin:0px;
	padding:0px;
	display:none;
}

#menuMain ul.menu0
{
	display:block;	
}

#menuMain li
{
	position:relative;
	list-style-type: none;
	padding:0; /*compense le li de base*/
}
#menuMain li > a
{
	position:relative;
	display:block;
	font-size:16px;
	font-weight:normal;
	color:#3b3b3b;
	text-decoration:none;
	padding:7px 27px 7px 10px;
}
#menuMain li > a:before
{
	position:absolute;
	right:10px;
	top:16px;
	font-size:12px;
	color:#a3c0b8;
}
#menuMain li > a:hover, #menuMain li > a.menuselected:not(.parent)
{
	background:rgb(255,255,255);
	background:rgba(255,255,255,.5);
}

#menuMain a.menu0
{
	font-size:17px;
	font-weight:500;
	padding:10px 27px 10px 10px;
	border-bottom:1px solid #c1bfc0;
}
#menuMain li > a.menu0:before
{
	top:20px;
}

#menuMain a.menu1
{
	padding-left:20px;
}
#menuMain a.menu2
{
	font-size:15px;
	padding-left:30px;
}

/**************************************************/
/*Style pour le menuBottom */
/**************************************************/
#menuBottomMain ul
{
	margin:0px;
	padding:0px;
	display:none;
}

#menuBottomMain ul.menu0
{
	display:block;	
	margin-bottom:20px;
}
#menuBottomMain ul.menu0 ul
{
	display:none!important; /*pas de sous menu*/
}

#menuBottomMain li
{
	position:relative;
	list-style-type: none;
	padding:0;
}
#menuBottomMain li > a
{
	position:relative;
	display:block;
	font-size:14px;
	font-weight:500;
	color:#ffffff;
	text-decoration:none;
	padding:7px 27px 7px 0px;
}
#menuBottomMain li > a:before
{
	position:absolute;
	right:0;
	top:13px;
	font-size:12px;
	color:#ffffff;
}
#menuBottomMain li > a:hover, #menuBottomMain li > a.menuselected:not(.parent)
{
}

/**************************************************/
/*Style pour le menu d'admin*/
/**************************************************/
.styleDivArrowAdmin
{
	display:none;
}
div.styleMenuAdmin 
{
	display:none; 
	position:absolute;
	padding: 0px;
	background-color:#f5f5f5;
	border:1px solid #999999;
	z-index:200;
	font-size:11px;
}
.myArrowAdmin
{
	cursor:pointer;
}
div.styleMenuAdmin div
{
	padding:2px 5px 2px 5px;
}
div.styleMenuAdmin div:hover
{
	background-color:#dddddd;
}

#menuBottomMain div.styleMenuAdmin
{
	bottom:12px;
}

div.styleMenuAdmin a
{
	font-family:Arial;
	font-size:11px;
	line-height:0px;
	color:black!important;
	text-decoration:none;
	text-transform:none;
	white-space:nowrap;
}

/*Classe pour cacher un niveau de menu, Ex. pour menu 2 niveaux déroulant on cache les ul.menu0*/
.hideLevel
{
	padding:0px;
	margin:0px;
	width:0px;
	height:0px;
}


/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{
	#menuIcone
	{
		margin-right:80px;
	}
	.home #menuIcone
	{
		margin-right:0;
	}	
	
	/**************************************************/
	/*Style pour le menuBottom */
	/**************************************************/
	#menuBottomMain ul.menu0
	{
		margin-bottom:0;
	}
	
	#menuBottomMain li
	{
		display:inline-block;
		vertical-align:top;
		font-size:0;
		border-left:1px solid #9b3939;
	}
	#menuBottomMain li > a
	{
		font-size:11px;
		text-decoration:none;
		padding:0;
		margin:0 10px 0 10px;
	}
	#menuBottomMain li > a:before
	{
		content:none;
	}
	
	#menuBottomMain li:nth-child(1)
	{
		border-left:0;
	}
	#menuBottomMain li:nth-child(1) > a
	{
		margin-left:0;
	}
}

@media only screen and (min-width:796px)
{
	#menuIcone
	{
		margin-right:80px;
	}
}


@media only screen and (min-width:950px)
{
	#menuIcone
	{
		margin-right:0px;
	}
}

@media only screen and (min-width:1144px)
{
	#menuIcone
	{
		margin-right:80px;
		padding-left:55px;
		color: #ffffff;
		transition:all 0s;
	}	
	
	#mainPanel.open
	{
		left:0!important;
	}
	#leftPanel
	{
		left:0;
		right:0;
		transition:max-height .5s, min-height .5s;
		width:100%;
		max-width:none;
		height:auto;
		max-height:0;
		min-height:0;
		z-index:1001;
	}

	#mainPanel.open #leftPanel
	{
		min-height:100%;
		max-height:100%;
	}
	
	#leftPanel .mainctn
	{
		padding:0 10px 0 10px;
	}
	#leftPanel .mainctn .close
	{
		display:block;
	}
	#leftPanel .mainctn .close
	{
		display:block;
		margin:40px 0 20px 0;
	}
	#leftPanel .mainctn .close a
	{
		position:relative;
		padding-left:30px;
		float:right;
  		font-size: 12px;
		font-weight:normal;
		color:#3b3b3b;
		text-transform:uppercase;
	}
	#leftPanel .mainctn .close a:before
	{
		position:absolute;
		left:0;
		top:50%;
		margin-top:-10px;
		font-size:20px;
	}
	
	#leftPanel .circle.left
	{
		position:absolute;
		display:block;
		top:100px;
		left:0;
		width:332px;
		height:664px;
		overflow:hidden;
		z-index:1;
		opacity:.25;
	}	
	
	#leftPanel .circle.left:before
	{
		content:"";
		position:absolute;
		display:block;
		box-sizing:border-box;
		top:0;
		right:0;
		width:200%;
		height:100%;
		border:114px solid #a9c6be;
		border-radius:50%;
	}
	
	#leftPanel .circle.bottom
	{
		position:absolute;
		display:block;
		bottom:0;
		right:0;
		width:570px;
		height:570px;
		overflow:hidden;
		z-index:1;
		opacity:.5;
	}	
	
	#leftPanel .circle.bottom:before
	{
		content:"";
		position:absolute;
		display:block;
		box-sizing:border-box;
		top:0;
		left:0;
		width:200%;
		height:200%;
		border:215px solid #e0dede;
		border-radius:50%;
	}
	
	
	
	/**************************************************/
	/*Style pour le menu simple horizontal et vertical*/
	/**************************************************/
	#menuMain ul.menu0 > li
	{
		display:inline-block;
		vertical-align:top;
		font-size:0;
		width:27%;
		margin-right:9%;
		margin-bottom:40px;
	}
	#menuMain ul.menu0 > li:nth-child(3n)
	{
		margin-right:0;
	}
	
	#menuMain li > a:before
	{
		content:none;
	}	
	
	#menuMain li > a
	{
		font-size:17px;
	}
	#menuMain a.menu0
	{
		font-size:24px;
		padding:7px;
	}
	
	#menuMain ul.menu1
	{
		display:block;
	}
	
	#menuMain a.menu1
	{
		padding:7px;
	}
	#menuMain a.menu2
	{
		padding:7px 7px 7px 17px;
	}
	
	/**************************************************/
	/*Style pour le menu d'admin*/
	/**************************************************/
	.styleDivArrowAdmin
	{
		display:block;
		position:absolute;
		top:18px;left:-7px;
	}
	#menuMain li.menu0 > .styleDivArrowAdmin
	{
		top:25px;
	}
	#menuMain li:hover > .styleDivArrowAdmin
	{
		z-index:1;
	}
	
	#menuBottomMain li > .styleDivArrowAdmin
	{
		top:4px;
		left:-5px;
	}
	
	#menuBottomMain li:nth-child(1) > .styleDivArrowAdmin
	{
		left:-15px;
	}
}

@media only screen and (min-width:1300px)
{
	#menuIcone
	{
		margin-right:0;
	}
}

@media only screen and (min-width:1800px)
{
	#leftPanel .circle.left
	{
		opacity:1;
	}	
	#leftPanel .circle.bottom
	{
		opacity:1;
	}
}#myaccountCtn
{
	display:none;
}
@media only screen and (min-width:641px)
{
	#myaccountCtn
	{
		display:block;
		position:absolute;
		top:40px;
		right:0;
		z-index:5;
		line-height:normal;
	}
	#myaccountCtn h5
	{
		margin:0px;
		padding:0px;
		font-size:16px;
		font-weight:bold;
		color:#ffffff;
		background:#d04a4b;
		width:14px;
		padding:10px;
		text-align:center;
		word-break:break-all;
		float:left;
	}
	
	#myaccountCtn .infos
	{
		background:#e7e5e5;
		float:left;
		font-size:16px;
		max-width:0;
		max-height:187px;
		overflow:hidden;
		transition:max-width 0.3s, max-height 0.5s;
	}
	#myaccountCtn:hover .infos, #myaccountCtn.open .infos
	{
		max-width:300px;
		max-height:750px;
		padding:10px;
		border:1px solid #000000;
	}
	
	#myaccountCtn .infos .myAccountPart
	{
		margin-bottom:15px;
	}
	
	#myaccountCtn .infos .myAccountPart.first .title
	{
		font-weight:normal;
	}
	
	#myaccountCtn .infos .title
	{
		font-weight:bold;
		margin-bottom:10px;
	}
	
	#myaccountCtn .infos a
	{
		position:relative;
		display:block;
		margin:7px 0 7px 1px;
		padding-left:10px;
		text-decoration:none;
		color:#3b3b3b;
		transition:margin-left .2s;
	}
	#myaccountCtn .infos a:hover
	{
		margin-left:10px;
	}
	#myaccountCtn .infos a:before
	{
		position:absolute;
		display:block;
		left:0;
		top:50%;
		margin-top:-.5em;
		font-size:8px;
	}
}

/*style pour la fenêtre de login aux couleur de Conchita Plus*/
.btnConchita
{
	height:20px!important;
	color:#FFFFFF!important;
	background-color:#000000!important;
	font-family:Helvetica!important;
	font-size:12px!important;
	font-weight: bold!important;
	border-radius: 10px!important;
	box-sizing: border-box!important;
	padding:0 8px!important;
	border:0!important;
}

.tdLogin
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
	padding-left:18px;
}

.tdLogin #password, .tdLogin #login
{
	background-color:#EAEAEA;
	height:20px!important;
	border-radius: 10px!important;
	border:0!important;
}
.txtPopupLoginConchita .popupTd::first-letter
{
	text-transform: uppercase;
}
.txtPopupLoginConchita .popupTd
{
	vertical-align:middle;
}

.txtPopupLoginConchita
{
	color:#000000;
	font-weight: bold;
	font-family:Helvetica!important;
	font-size:12px!important;
}
#newsListCtn .listElement .date
{
	position:absolute;
	display:block;
	left:30px;
	bottom:25px;
	font-size:12px;
	font-weight:normal;
	line-height:normal;
	color:#3b3b3b;
}
#newsListCtn .listElement:nth-child(even) .date
{
	left:5px;
}/*Styles spécifiques du plugin page en T1 */
.headCtn .etat, .listCtn .etat, .cartoucheCtn .etat
{
	display:block;
	box-sizing:border-box;
	max-width:200px;
	text-transform:uppercase;
	padding:10px 20px 10px 20px;
	margin-bottom:20px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	letter-spacing:5px;
}
.listCtn .etat, .cartoucheCtn .etat
{
	position:absolute;
	bottom:0;
	right:5px;
	z-index:999;
	margin-bottom:0;
}
.headCtn .etat.annule, .listCtn .etat.annule, .cartoucheCtn .etat.annule
{
	background:red;
	color:#ffffff;
}
.headCtn .etat.reporte, .listCtn .etat.reporte, .cartoucheCtn .etat.reporte
{
	background:yellow;
	color:#000000;
}

.headCtn .etat.attente, .listCtn .etat.attente, .cartoucheCtn .etat.attente
{
	background:#ff6600;
	color:#ffffff;
	letter-spacing:1px;
    padding: 10px 7px 10px 7px;
	font-size:14px;
}.nLPDCtn{
	position: relative;
	display: block;
	margin: 20px 0 20px 0;
}

.nLPDCtn > input[type="checkbox"]{
	display:inline-block;
	vertical-align: top;
	margin-right:10px;
	line-height: 1.2;
}
.nLPDCtn > label{
	display:inline-block;
	vertical-align: top;
	width:calc(100% - 30px);
	font-weight: normal;
	line-height: 1.2;
}
#printsendCtn
{
	display:none;
}
@media only screen and (min-width:641px)
{
	#printsendCtn
	{
		position:absolute;
		display:block;
		top:00px;
		right:10px;
		font-size:0;
		text-align:right;
	}
	
	#printsendCtn > a
	{
		display:inline-block;
		vertical-align:middle;
		font-size:18px;
		color:#b8b8b8;
		margin-left:12px;
	}
	#printsendCtn > a.cms_icons-enveloppe_2
	{
		font-size:14px;
	}
	#printsendCtn > a:hover
	{
		color:#a9c6be;
	}
}.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

.ressourceTD
{
	border-top:solid 1px #EEEEEE;	
	border-bottom:solid 1px #EEEEEE;
	padding:3px;
}

.ressourceBtnSearch
{
	height:20px;	
}



/*STYLE POUR LA ZONE DE RECHERCHE*/
#cse-search-box-api
{
	display:block;
	position:relative;
	margin:20px 0 20px 0;
	padding:0 0 10px 40px;
	border-bottom:1px solid #d5d3d3;
}

#cse-search-box-api input[type=text]
{
	display:block;
	width:100%;
	height:24px;
	box-sizing:border-box;
	background:transparent;
	font-size:16px;
	color:#3b3b3b;
	border:0;
}

#cse-search-box-api input[type=text].placeholder
{
	color:#a5a3a3;
}
#cse-search-box-api input[type=text]::-ms-clear{ display: none; width:0; height:0; }

#cse-search-box-api span.submit
{
	position:absolute;
	top:0;left:10px;
	width:40px;
	height:24px;
}
#cse-search-box-api span.submit:before, #cse-search-box-api input[type=submit]
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	border:0;
	background:transparent;
	color:#b0afae;
	font-size:20px;
}

/*STYPE POUR LES RESULTATS DE RECHERCHE*/
#searchapiResultsCtn
{
	position:relative;
	display:block;
}
#searchapiResultsCtn .headCtn
{
	display:block;
	margin-bottom:40px;
}
#searchapiResultsCtn .headCtn .count
{
	display:block;
	font-weight:normal;
	margin-top:30px;
	padding-bottom:10px;
	border-bottom:1px solid #cacaca;
}

#searchapiResultsCtn .noresult
{
	font-style:italic;
}

#searchapiResultsCtn .results
{
	display:block;
	margin:20px 0 20px 0;
}

#searchapiResultsCtn .results .result
{
	display:block;
	margin-bottom:40px;
	color:inherit; /*keep color of text, not of a*/
	text-decoration:none;
	line-height:normal;
}

#searchapiResultsCtn .results .result .title
{
	display:block;
	font-weight:bold;
	font-size:1em;
	padding:0;
	margin:0 0 5px 0;
	border:none;
}
#searchapiResultsCtn .results .result .link
{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:.85em;
	color:#d04a4b;
	margin:0 0 10px 0;
}
#searchapiResultsCtn .results .result .data
{
	display:block;
}
#searchapiResultsCtn .results .result .data:after
{
	content:"";
	display:block;
	clear:both;
}

#searchapiResultsCtn .results .result .data .img
{
	display:block;
	float:left;
	width:40%;
	margin-right:10px;
	margin-bottom:5px;
}
#searchapiResultsCtn .results .result .data .txt
{
	display:inline;
}
#searchapiResultsCtn .results .result .data .img img
{
	display:block;
	width:100%;
	height:auto;
	border:none;
}
#searchapiResultsCtn .results .result .data .img:empty
{
	display:none;
}
#searchapiResultsCtn .results .result .data .img:empty + .txt
{
	width:100%;
}

#searchapiResultsCtn .results .result .data .txt .snippet br
{
	display:none;
}

#searchapiResultsCtn .results .result .data .txt .format
{
	display:block;	
}

#searchapiResultsCtn .steps
{
	display:block;
	margin:20px 0 20px 0;
}

#searchapiResultsCtn .steps a
{
	display:inline-block;
	padding:5px;
	text-decoration:none;
}

#searchapiResultsCtn .steps a.bolder
{
	font-weight:bold;
}

@media only screen and (min-width:641px)
{
	#searchapiResultsCtn .results .result .data .img
	{
		width:20%;
		margin-right:2%;
		margin-bottom:0;
	}
	#searchapiResultsCtn .results .result .data .txt
	{
		float:left;
		width:78%;
	}
}
@media only screen and (min-width:796px)
{
	#searchapiResultsCtn .count, #searchapiResultsCtn .noresult, #searchapiResultsCtn .results
	{
		margin-left:70px;
	}
}

@media only screen and (min-width:1144px)
{
	#cse-search-box-api
	{
		margin:0 0 30px 0;
	}
	#cse-search-box-api input[type=text]
	{
		height:30px;
		font-size:22px;
	}
	#cse-search-box-api span.submit
	{
		left:0;
		height:30px;
	}
	#cse-search-box-api span.submit:before, #cse-search-box-api input[type=submit]
	{
		font-size:28px;
	}
}/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#3b3b3b;
	text-decoration:none;
}

/* Style pour le plan du site */
.sm0
{
    FONT-SIZE: 19px;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;

}

.sm1
{
    FONT-SIZE: 17px;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;

}

.sm2
{
    FONT-SIZE: 15px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;

}

.sm3
{
    FONT-SIZE: 15px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}

@media only screen and (min-width:796px)
{
	#sitemapMapCtn
	{
		margin-left:70px;
	}
}/*Style pour le montage*/
#sliderCtn, #sliderDefault
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	overflow:hidden;
}
#sliderDefault
{
	background:url(/plugin/slider/template/images/default.jpg) no-repeat center center;
	background-size:cover;
}
.home #sliderDefault
{
	background:url(/plugin/slider/template/images/defaultHome.jpg) no-repeat center center;
	background-size:cover;
}
#sliderCtn .sliderElementCtn
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	overflow:hidden;
	background:url(/template/image/loading.gif) no-repeat center center;
	z-index:1;
}
#sliderCtn .sliderElementCtn .sliderElement
{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#sliderCtn .sliderElementCtn .sliderElement.current
{
	display:block;
	top:0;
	left:0;
	opacity:1!important; /*pour éviter de voir le fond pendant animation*/
}
#sliderCtn .cursor
{
	cursor:default;
}

/*Style pour les slogan*/
#sliderCtn .slogan, #sliderCtn .slogan.empty
{
	display:none;
}
/*Style pour les flèches*/
#sliderCtn .arrow
{
	display:none;
}
/*Style pour les puces de navigation*/
#sliderCtn #bullets 
{
	display:none;
}

@media only screen and (min-width:641px)
{
	/*Style pour les puces de navigation*/
	.home #sliderCtn #bullets 
	{
		position:absolute;
		display:block;	
		top:50%;
		left:42px;
		z-index:4;
	}
	.home #sliderCtn #bullets:before
	{
		content:"";
		position:absolute;
		bottom:100%;
		left:50%;
		margin-left:-1px;
		height:1000px;
		width:2px;
		background:#ffffff;
		opacity:.22;
	}
	.home #sliderCtn #bullets a 
	{
		position:relative;
		display:block;
		box-sizing:border-box;
		width:22px;
		height:22px;
		margin:10px 0 10px 0;
	}
	.home #sliderCtn #bullets a:before
	{
		content:"";
		position:absolute;
		top:50%;
		left:50%;
		margin:-5px 0 0 -5px;
		width:10px;
		height:10px;
		background:#ffffff;
		border-radius:50%;
		transition:all .2s;
	}
	.home #sliderCtn #bullets a:hover:not(.active):before
	{
		margin:-7px 0 0 -7px;
		width:14px;
		height:14px;
	}
	.home #sliderCtn #bullets a:after
	{
		content:"";
		position:absolute;
		top:0;left:0;right:0;bottom:0;
		border:1px solid #ffffff;
		border-radius:50%;
		opacity:0;
		transition:opacity .5s;
	}
	
	.home #sliderCtn #bullets a.active:after 
	{
		opacity:1;
	}
}/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

.tableauUser td
{
border:1px solid #CDCDCD;
}

.enteteUser
{
font-weight:bold;
}

#formEditUser .policy
{
    display:block;
    margin:5px 0px 10px 0px;
    font-size:12px;
    font-weight:normal;
    line-height:normal;
    max-width:300px;
    color:#474747;
}
#formEditUser .policy.error
{
    color:red;
}#weblinksListCtn .listElement
{
	width:auto;
	height:auto;
	border:0px;
	margin:0 0 15px 0;
	box-shadow:none;
}

#weblinksListCtn .listElement:after, #weblinksListCtn .listElement:before
{
	content:none;
}
#weblinksListCtn .listElement .img
{
	display:none;
}

#weblinksListCtn .listElement .txt
{
	display:block;
	width:auto;
	left:0;
	max-height:none;
	padding:0 0 0 18px;
}
#weblinksListCtn .listElement .txt:before
{
	position:absolute;
	display:block;
	top:5px;
	left:0;
	font-size:12px;
	color:#d6cab0;
}

#weblinksListCtn .listElement h5
{
	margin:0;
	font-size: 17px;
	max-height:none;
	text-transform:none;
}

#weblinksListCtn .listElement .resume
{
	margin:0;
}


@media only screen and (min-width:641px)
{
	#weblinksListCtn .listElement
	{
		float:left;
		width:48%;
		margin:0 4% 15px 0;
	}
	#weblinksListCtn .listElement:nth-child(2n)
	{
		margin-right:0;
	}		
}
@media only screen and (min-width:796px)
{
	#weblinksListCtn
	{
		margin-left:70px;
	}
}#youarehereCtn
{
	display:none;
}
@media only screen and (min-width:641px)
{
	#youarehereCtn
	{
		position:relative;
		display:block;
		margin:0 150px 0 0;
		max-width:776px;
		font-size:15px;
		font-weight:normal;
		line-height:normal;
		overflow:hidden;
	}
	
	#youarehereCtn.txtoverflow:before
	{
		content:"...";
		position:absolute;
		bottom:0;left:0;
		padding-right:5px;
		background:#ffffff;
	}
	
	#youarehereCtn .toright
	{
		display:block;
		white-space:nowrap;
		float:right;
		min-width:100%;
	}
	
	#youarehereCtn .header
	{
		position:relative;
		display:inline-block;
		vertical-align: middle;
	}
	#youarehereCtn .header:before
	{
		display:inline-block;
		vertical-align:middle;
	}
	
	#youarehereCtn a, #youarehereCtn span
	{
		display:inline-block;
		vertical-align: middle;
		color:#3b3b3b;
		text-decoration:none;
		margin:0 7px 0 0;
	}
	#youarehereCtn .cms_icons-chevron_1:before
	{
		position:relative;
		display:inline-block;
		top:-2px;
		font-size: 8px;
		color:#a9c6be;
		margin: 0 5px 0 0;
		
	}
}
@media only screen and (min-width:796px)
{
	#youarehereCtn
	{
		position:relative;
		display:block;
		margin:0 150px 0 20px;
	}
}#googlemapDisplay
{
	position:relative;
	display:block;
	width:auto;
	margin:50px -10px 30px -10px;
}
.maponly #googlemapDisplay
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	margin:0;
}
#googlemapDisplay .mapctn
{
	position:relative;
	display:block;
	max-height:450px;
}
#googlemapDisplay .mapctn:before
{
	content:"";
	display:block;
	padding-top:200%;
}


.maponly, .maponly #googlemapDisplay, .maponly #googlemapDisplay .mapctn
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	max-height:none;
}
.maponly #googlemapDisplay .mapctn:before
{
	content:none;
}


#googlemapDisplay .mapctn.empty:before
{
	content:none;
}

#infoWindowPI
{
	position:relative;
	display:block;
	font-family:montserrat;
	font-weight:normal;
	font-size:14px;
	whitespace:nowrap;
	line-height:1.5;
}

#infoWindowPI .img
{
	display:none;
}

#infoWindowPI .txt
{
	position:relative;
	display:block;
}
#infoWindowPI .txt .title
{
	font-weight:bold;
}
@media only screen and (min-width:796px)
{
	#infoWindowPI:after
	{
		content:"";
		display:block;
		clear:both;
	}
	
	#infoWindowPI .img
	{
		position:relative;
		display:block;
		float:left;
		width:150px;
		margin-right:15px;
		background:url(/template/image/defaultList.jpg) no-repeat center center;
		background-size:cover;
	}
	#infoWindowPI .img:before
	{
		content:"";
		display:block;
		padding-top:56.25%;
	}

	#infoWindowPI .txt
	{
		float:left;
	}	
}





@media only screen and (min-width:796px)
{
	#googlemapDisplay
	{
		margin:80px 0 40px 0;
	}
	#googlemapDisplay .mapctn
	{
		max-height:none;	
	}
	#googlemapDisplay .mapctn:before
	{
		padding-top:56.25%;
	}
}/*Style du tableau qui contient le reste du calendrier*/
.Reservation
{
	border-collapse:collapse ;	
	width: 100%;
	font-size:15px;
	margin-bottom:30px;
	line-height:normal;
}

/*Fieldset qui contient les infos pour réserver*/
.fieldSetInfo
{
	border: 1px solid  #DDDDDD;
	background-color:transparent;
	width: 100%;
	margin:0px;
	padding:0px;

}

.fieldSetInfo legend
{
    font-size: 15px;
	color:#3b3b3b;
}

.fieldSetInfo select
{
	display:block;
	max-width:90%;	
}

/*Zone qui contient les boutons et l'entête avec la date de la semaine du au*/
.zoneDateAndNavigation
{
	text-align:center;
	width: 100%;
	padding:20px  0 20px 0;
}

/*Boutons de changements de semaine*/
.btnBack
{
	background-color:transparent;
	border:0px;
	font-family:montserrat!important;
	font-size:16px;
	font-weight:bold!important;
	color:#3b3b3b;
	width:25px;
	height:25px!important;
	cursor:pointer;
	background-color:transparent!important;
	padding:0!important;
	margin-top:5px!important;
	border:2px solid #3b3b3b;
	border-radius:50%!important;
}

.btnNext
{
	background-color:transparent;
	border:0px;
	font-family:montserrat!important;
	font-size:16px;
	font-weight:bold!important;
	color:#3b3b3b;
	width:25px;
	height:25px!important;
	cursor:pointer;
	background-color:transparent!important;
	padding:0!important;
	margin-top:5px!important;
	border:2px solid #3b3b3b;
	border-radius:50%!important;
}

.btnCalendrier
{
	cursor: pointer;
	background: url('/template/image/admin/datepopup.gif');
	width:18px;
	height:18px;
	border:0px;
	background-repeat:no-repeat;
}

.contourCalendrier
{

}

.separatorLine
{
	height:7px;
}

/*Styles de la grilles horaires*/

.coinHautGauche
{
	height:45px;	
}

.Entete
{
	background-color: #d04a4b;
	color:#ffffff;
	text-align: center;
	width:100%;
	height:42px;
	padding-top:3px;
}

.celluleHeure
{
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background-color: #d04a4b;
	color:#FFFFFF;
	text-align: center;
	padding:1px;

}

.colonneReservation
{
	float:left;
	width:12.5%;
	height:auto;
}

.colonneReservation div:last-child
{
	border-bottom: 1px solid #DDDDDD;
}

.celluleVide
{
	
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background-color:#FFFFFF;
	padding:1px;
}

.Reserved
{
	background-color: #323845;	
	color : #FFFFFF ;
	padding:1px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	
}

.ReservedByMe
{

	background-color:#d04a4b ;	
	color : #FFFFFF ;
	padding:1px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;

}

.Entete .dayname .short
{
	display:none;
}

@media (max-width:350px)
{
	.btnCalendrier
	{
		margin-left:20px;
	}
}
@media (max-width:500px)
{
	.Reservation {
		font-size: 14px;
	}
	.Entete .year {
		display: none;
	}
	.Entete .dayname {
		position:relative;
		display:inline-block;
		width:30px;
		overflow:hidden;
		
		text-align:center;
		font-size:0;
	}
	/*.Entete .dayname:after 
	{ 
		content:".";
		position:absolute;
		right:0;
		width:5px;
		background:#d04a4b; 
	}*/
	.Entete .dayname .short
	{
		display:inline-block;
		font-size: 14px;
	}
	.colonneReservation
	{
		width:12%;
	}
	
	.contourCalendrier .colonneReservation:first-child
	{
		width:16%;
	}
	
	#reservationEdit > table
	{
		display:block;
		max-width:100%;
	}
	#reservationEdit > table > tbody > tr > td
	{
		display:block;
		padding:3px 0 0 0!important;
	}
	
	#reservationEdit > table > tbody > tr > td input[type=text]
	{
		width:90%;
	}
	
	#reservationEdit > table > tbody > tr > td input#aReservation_localite
	{
		/*margin-top:5px;
		margin-left:0px;
		display:block;*/
		margin-left:5px;
		width:calc(90% - 55px)!important;
		box-sizing:border-box;
	}
	#reservationEdit > table > tbody > tr > td.contain2input
	{
		font-size:0;
	}
	#reservationEdit > table > tbody > tr > td input#aReservation_npa
	{
		width:50px;
	}
	
	#reservationEdit > table > tbody > tr > td.separatorLine
	{
		height:0;
	}
	
	#reservationEdit > table  table
	{
		display:block;
		position:relative;
		width:100%!important;
		box-sizing:border-box;
	}
	#reservationEdit > table  table td:first-child
	{
		padding-left:30px;
	}
	#reservationEdit > table  table td img
	{
	  position:absolute;
		top:0;
		left:0;
	}
	
	table.calnavig
	{
		display:block;
		position:relative;
	}
	table.calnavig .txt
	{
		display:block;
		padding-left:30px;
	}
	table.calnavig td.nop
	{
		max-width:0!important;
		
	}
	table .nop img
	{
		position:absolute;
		top:0px;
		left:0;
	}
	
	table.legendtbl td
	{
		display:block;
		float:left;	
	}
	table.legendtbl td:nth-child(2), table.legendtbl td:nth-child(4)
	{
		clear:both;
	}
	table.legendtbl:after
	{
		content:"";
		display:block;
		clear:both;
	}
}


/*Style pour le tooltip qui s'affiche en passant sur les réservations*/
#dhtmltooltip
{
	position: absolute;
	border: 1px solid black;
	padding: 2px;
	background-color: #eeeeee;
	z-index:1000;
	visibility: hidden;
}#salleListCtn .listElement
{
	padding-bottom:40px;
}
#salleListCtn .listElement .cms_icons-agenda_2
{
	position:absolute;
	display:block;
	bottom:20px;
	left:12px;
	font-size:17px;
	font-weight:normal;
	line-height:normal;
	color:#3b3b3b;
	z-index:2;
}

#salleListCtn .listElement:nth-child(even) .cms_icons-agenda_2
{
	left:0;
	margin-left:5px;
}

#salleListCtn .listElement .cms_icons-agenda_2:before
{
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
	font-size:20px;
	font-weight:normal;
	line-height:1;
}
#salleListCtn .listElement .cms_icons-agenda_2:hover
{
	color:#d04a4b;
}

@media only screen and (min-width:796px)
{
	#salleListCtn .listElement
	{
		padding-bottom:0;
	}
	#salleListCtn .listElement .cms_icons-agenda_2
	{
		left:50%;
		margin-left:30px;
		transition:padding .5s;
	}
	#salleListCtn .listElement .cms_icons-agenda_2:hover
	{
		padding-left:40px;
	}
}/* Search annuaire */
#annuaireFormSearch
{
	padding: 20px 20px 0 20px;
	border: 1px solid #dcdcdc;
	margin-bottom:20px;
	background-color: #f8f8f8;
}

#annuaireFormSearch select, #annuaireFormSearch input[type=text]
{
	display: block;
	float:right;
	box-sizing:border-box;
	width: 100%;
	margin-right: 3%;
	margin-bottom: 25px;
	padding-left:10px;
	height: 36px;
	border: 2px solid #dedede;
	background-color:#FFFFFF;
	font-size:14px;
	color:#6f6f6f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#annuaireFormSearch select
{
	float:left;
}
#annuaireFormSearch select.cbxsubcat
{
	display:none;
}
#annuaireFormSearch input[type=text]
{
	margin-right: 0;
}

#annuaireFormSearch input[type=submit]
{
	display: block;
	margin-bottom: 25px;
	width: 100%;
	float:right;
	border:0px;
	margin:0 0 25px 0;
	padding:0px;
	height: 36px;
	color: #ffffff;
	font-size: 15px;
	text-transform: uppercase;
	cursor:pointer;
	background-color: #d04a4b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}

/* List annuaire */
#annuaireListCtn
{
	z-index:1;
}
#annuaireListCtn .listElement .img, #annuaireListCtn .listElement .cms_icons-fleche_2
{
	display:none;
}

#annuaireListCtn .listElement .txt
{
	display:block;
	width:auto;
	left:0;
	max-height:none;
	padding:20px;
}
#annuaireListCtn .listElement h5
{
	margin:0 0 15px 0;
	text-transform: none;
}

#annuaireListCtn .listElement .resume
{
	display:block;
	width:auto;
	left:0;
	max-height:none;
	padding:0;
	margin:0;
}

#annuaireListCtn .listElement .resume .fctactivite
{
	display:block;
	margin-bottom:5px;
}
#annuaireListCtn .listElement .resume .fctactivite + br
{
	display:none;
}
#annuaireListCtn .listElement .resume .fctactivite:empty
{
	display:none;
}


/* Detail annuaire */
#annuaireHeadCtn .img
{
	background-position:center left;
	background-size:contain;
	width:75%;
	box-shadow:none;
}	
/*#annuaireHeadCtn .img:before
{
	padding-top:100%;
}*/
#annuaireHeadCtn .img.logo:before
{
	padding-top:50%;
}


#annuaireDataCtn
{
	position:relative;
	margin:20px 0 40px 0;
	overflow:hidden;
}
#annuaireDataCtn .dataElement
{
	display:block;
	position:relative;
	margin:0 0 15px 0;
}
#annuaireDataCtn .dataElement .label
{
	position:relative;
	box-sizing:border-box;
	font-weight:bold;
}
#annuaireDataCtn .dataElement .data
{
	position:relative;
	box-sizing:border-box;
}

#annuaireDataCtn .dataElement .data > a{
	display: block;
	width: 100%;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#annuaireDataCtn .dataElement .ctnRegistreInteret
{
	width:90%;
	font-size:15px;
}
#annuaireDataCtn .dataElement .RegistreInteret
{
	display: block;
	border-bottom:1px solid #DEDEDE;
	margin-bottom:20px;
	font-size: 17px;
}
#annuaireDataCtn .dataElement .textareaPuce ul
{
margin-left: -20px;
}

@media only screen and (min-width:641px) 
{
	#annuaireFormSearch select, #annuaireFormSearch input[type=text] 
	{
		width: 48%;
	}
	
	#annuaireFormSearch input[type=submit] 
	{
		width: 48%;
	}
	#annuaireListCtn
	{
		z-index:2;
	}
	#annuaireListCtn .listElement
	{
		float:left;
		width:48.7%;
		margin:0 2.6% 2.6% 0;
		height:auto;
		box-shadow: 7px 7px 15px rgba(0,0,0,0.18);
	}
	
	#annuaireListCtn  .listElement:nth-child(even)
	{
		margin-right:0;
	}
	
	#annuaireListCtn .listElement:before
	{
		content:none;
	}
	
	
	#annuaireListCtn .listElement h5
	{
		max-height:none;
	}
	#annuaireHeadCtn .img
	{
		width:50%;
	}	
	#annuaireDataCtn .dataElement .label
	{
		float:left;
		width:30%;
		padding-right:20px;
	}
	#annuaireDataCtn .dataElement .data
	{
		float:left;
		width:70%;
	}
}
@media only screen and (min-width:796px)
{
	#annuaireDataCtn
	{
		margin-left:70px;
	}
}

/*ADMIN*/
#annuaireEditMoreTbl
{
	margin-bottom:10px;
}
#annuaireEditMoreTbl .tdAdmin
{
	width:120px;
}
#annuaireEditMoreTbl input[type=text], #annuaireEditMoreTbl select
{
	width:650px;
}
#annuaireEditMoreTbl textarea
{
	width:650px;
	height:4em;
}
#annuaireEditMoreTbl textarea.big
{
	height:10em;
}
#annuaireEditMoreTbl input[type=text].npa
{
	width:50px;	
	margin-right:10px;
}
#annuaireEditMoreTbl input[type=text].localite
{
	width:590px;
}
#annuaireEditMoreTbl .cbxannuairesubcat
{
	display:none;
}

#annuaireEditMoreTbl .categoriefieldset
{
	margin:10px -10px 20px -10px;
}
#annuaireEditMoreTbl .categorieholder .header
{
	font-size:14px;
	font-weight:bold;
	margin:15px 0 20px 0;
}
#annuaireEditMoreTbl .categorieholder .fieldsctn .fieldctn
{
	margin-bottom:15px;
}
#annuaireEditMoreTbl .categorieholder .header > div, #annuaireEditMoreTbl .categorieholder .fieldsctn .fieldctn > div
{
	float:left;
	box-sizing:border-box;
	width:33%;
	min-height:1px; /*pour laisser afficher le div même si pas de sous catégorie*/
	border-right:10px solid transparent;
	line-height:1;
}

#annuaireEditMoreTbl .categorieholder .header > div:last-child, #annuaireEditMoreTbl .categorieholder .fieldsctn .fieldctn > div:last-child
{
	width:1%;
	border:0;
}


#annuaireEditMoreTbl .categorieholder .fieldctn select
{
	width:100%;
}
#annuaireEditMoreTbl .categorieholder .fieldctn textarea
{
	width:100%;
}

#annuaireEditMoreTbl .categorieholder .fieldctn a.delete
{
	font-weight:bold;
	font-size:14px;
}

#annuaireEditMoreTbl .categorieholder .adder
{
	text-align:right;
	margin-right:1%;
	border-right:10px solid transparent;
}
#annuaireEditMoreTbl .categorieholder .adder .add
{
	font-size:13px;
	font-weight:bold;
}

/*ADMIN*/
#agendaEdit .tdAdmin
{
	width:170px;
}
#agendaEdit fieldset fieldset{
	margin-left:0;
	margin-right:0;
}
#agendaEdit legend.format
{
	font-size: 14px;
	font-weight: bold;
}
#eventDatesCtn{
	font-size:14px;
}
#eventDatesCtn .eventdate:after, #eventDatesCtn .eventdate .datectn .dateconfig:after, #eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn:after
{
	content:"";
	display:block;
	clear:both;
}
#eventDatesCtn .eventdate
{
	border-bottom:1px dotted #000000;
	padding-bottom:15px;
	margin-bottom:15px;
}
#eventDatesCtn .eventdate .delctn
{
	display:block;
	float:left;
	width:20px;
}

#eventDatesCtn .eventdate .datectn
{
	display:block;
	float:left;
	width:calc(100% - 20px);
}
#eventDatesCtn .eventdate .datectn .dateconfig
{
	margin-bottom:10px;
}
#eventDatesCtn .eventdate .datectn .dateconfig > div
{
	display:block;
	float:left;
	box-sizing:border-box;
	width:33.33%;
	padding-right:10px;
}
#eventDatesCtn .eventdate .datectn .dateconfig > div:last-child
{
	padding-right:0;
	margin-top:5px;
}
#eventDatesCtn .eventdate .datectn .dateconfig > div > label, #eventDatesCtn .eventdate .delctn > label
{
	display:block;
}
#eventDatesCtn .eventdate .datectn .dateconfigtype0, #eventDatesCtn .eventdate .datectn .dateconfigtype1
{
	display:none;
}
#eventDatesCtn .eventdate .datectn .dateconfigtype0 > label
{
	display:inline-block;
	padding-right:10px;
}

#eventDatesCtn .eventdate .datectn .dateconfigtype1 > label
{
	display:block;
	margin-bottom:5px;
}
#eventDatesCtn .eventdate .datectn .dateconfigtype1.error
{
	border-top: 1px dotted red;
	border-bottom: 1px dotted red;
}

#eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn > div
{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-right:10px;
	margin-bottom:5px;
}
#eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn > div:nth-child(2n+1)
{
	clear:both;
}
#eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn > div > label
{
	display:inline-block;
	width:30px;
}

#eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn > div > input[type="text"],
#eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn > div > textarea
{
	display:none;
}
#eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn > div > input[type="checkbox"]:checked + input[type="text"],
#eventDatesCtn .eventdate .datectn .dateconfigtype1 .daysctn > div > input[type="checkbox"]:checked + textarea
{
	display:inline-block;
}

#eventDatesCtn input[type=text].time
{
	width:115px!important;
}
#eventDatesCtn .cms_icons-croix_3 {
	color: red;
	font-size: 14px;
	cursor: pointer;
}

#eventDatesCtn .cms_icons-plus_1
{
	color:green;
	cursor:pointer;
}

#eventDatesCtn .cms_icons-plus_1:before
{
	margin-right:5px;
}

#eventDatesCtn input.date{
	width:120px;
}


/*PAGE DE DETAIL*/
#agendaDetails
{
	position:relative;
	margin:30px 0 30px 0;
}

#agendaDetails .agendaDetailsElement 
{
	position:relative;
	display: block;
	margin:0 0 20px 0;
	font-weight:normal;
	line-height:1.5;
}
#agendaDetails .agendaDetailsElement:after
{
	content:"";
	display:block;
	clear:both;
}

#agendaDetails .agendaDetailsElement .label 
{
	position:relative;
	display: block;
	font-weight:bold;
	margin-bottom:5px;
}

#agendaDetails .agendaDetailsElement .value 
{
	position:relative;
	display: block;
}

#agendaDetails .agendaDetailsElement .value .date_horaire{
	position:relative;
	display: block;
	margin-bottom:10px;
	font-weight: bold;
}
#agendaDetails .agendaDetailsElement .value .date_horaire .horaire{
	position:relative;
	display: block;
	margin-bottom:5px;
	font-weight: normal;
}
#agendaDetails .agendaDetailsElement .value .date_horaire .horaire:first-child{
	margin-top:5px;
}

	/********* LIST **************/
#agendaInfoCtn
{
	display:block;
	position:relative;
	margin:0 -10px 20px -10px;
	padding: 0px 10px 0 10px;
	border:1px solid transparent;
	border-left:0;
	border-right:0;
}

#annoncerManif
{
	display:block;
	box-sizing:border-box;
	background:#3b3b3b;
	color:#ffffff;
	padding:5px 20px 5px 20px;
	margin:5px 0 30px 0;
	font-size:14px;
	font-weight: bold;
	text-align:center;
	border-radius:5px;
}
#nbrResults 
{
	display:block;
	font-weight: bold;
}

#agendaListCtn
{
	margin:0 0 40px 0;
}
.noactivity
{
	margin:20px 0 40px 0;
	font-size:17px;
	font-weight:bold;
	color:#4a4a49;
}
#agendaListCtn .listElement 
{
	height:auto;
	width: auto;
	float:none;
	border:none;
	border-bottom: 1px solid #d0d2d4;
	margin:0;
	padding:30px 0 30px 0;
	background:none;
	white-space:nowrap; /*a cause du inline-block à l'interieur*/
	font-size:0;
}
#agendaListCtn .listElement:first-child 
{
	border-top: 1px solid #d0d2d4;
}

#agendaListCtn .listElement .date 
{
	position:relative;
	display: inline-block;
	font-weight:500;
	color: #d04a4b;
	text-align: center;
	text-transform: uppercase;
	box-sizing:border-box;
	width: 27%;
	border-right:1px solid #d0d2d4;
	vertical-align:middle;
}

/*#agendaListCtn .listElement .date .jusquauListe
{
	font-size:12px;
	color:#3b3b3b;
}*/

#agendaListCtn .listElement .date .jourListe
{
	font-size:40px;
	line-height:1em;
}
#agendaListCtn .listElement .date .moisListe
{
	font-size:16px;
	color:#3b3b3b;
}

#agendaListCtn .listElement .date .jourListe.multiple
{
	line-height: .5em;
}
#agendaListCtn .listElement .date .jourListe > span
{
	display:inline-block;
	font-size:24px;
	width:calc(50% - 10px);
}

#agendaListCtn .listElement .date .moisListe > span{
	display:inline-block;
	font-size:12px;
	width:calc(50% - 10px);
}
#agendaListCtn .listElement .date .jourListe > span.sep, #agendaListCtn .listElement .date .moisListe span.sep{
	width:10px;
}

#agendaList .listElement .txt
{
	position:relative;
	display: inline-block;
	box-sizing:border-box;
	left:0;
	width: 73%;
	margin:0;
	padding:0 5px 0 15px;
	vertical-align:middle;
}
#agendaList .listElement .txt h5
{
	margin:0 0 15px 0;
	white-space:normal; 
	overflow:hidden;
	font-size:17px;
	font-weight:500;
	color:#3b3b3b;
}
#agendaList .listElement .txt span.info
{
	position:relative;
	display:block;
	margin-bottom:10px;
	font-size:14px;
	font-weight:normal;
	line-height:normal;
	color:#3b3b3b;
	padding:0 5px 0 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#agendaList .listElement .txt span.info:empty
{
	display:none;
}
#agendaList .listElement .txt span.info:before
{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:14px;
	height:15px;
	background:url(/template/image/agendasprite.png) no-repeat left top;
	background-size:100% auto;
}

#agendaList .listElement .txt span.dateListeAgenda:before
{
	background-position:left -22px;
}

#agendaList .listElement .txt span.catListeAgenda:before
{
	background-position:left bottom;
}

#agendaList .listElement span.cms_icons-fleche_2
{
	display:none;
}
@media only screen and (min-width:480px){
	#agendaListCtn .listElement .date .jourListe > span
	{
		font-size:36px;
		width:calc(50% - 20px);
	}
	#agendaListCtn .listElement .date .moisListe > span{
		font-size:14px;
		width:calc(50% - 20px);
	}
	#agendaListCtn .listElement .date .jourListe > span.sep, #agendaListCtn .listElement .date .moisListe span.sep{
		width:20px;
	}
}
@media only screen and (min-width:641px)
{
	#agendaInfoCtn
	{
		border:1px solid transparent;
		margin:40px 25px 20px 25px;
		padding:0;
	}
	
	#annoncerManif
	{
		float:right;
		width:48%;
		margin:0
	}
	#nbrResults 
	{
		float:left;
		width:50%;
	}	

	#agendaListCtn .listElement .date 
	{
		width: 20%;
		margin-right:3%;
	}
	
	/*#agendaListCtn .listElement .date .jusquauListe
	{
		font-size:13px;
	}*/
	
	#agendaListCtn .listElement .date .moisListe
	{
		font-size:20px;
	}
	
	#agendaListCtn .listElement .date .jourListe
	{
		font-size:52px;
	}

	#agendaListCtn .listElement .date .jourListe > span
	{
		font-size:36px;
		width:calc(50% - 20px);
	}
	#agendaListCtn .listElement .date .moisListe > span{
		font-size:16px;
		width:calc(50% - 20px);
	}
	#agendaListCtn .listElement .date .jourListe > span.sep, #agendaListCtn .listElement .date .moisListe span.sep{
		width:20px;
	}

	#agendaList .listElement .txt
	{
		width: 77%;
		padding:0 0 0 30px;
		vertical-align:middle;
	}
	#agendaList .listElement .txt span.info
	{
		padding:0 70px 0 30px;
		text-overflow:clip;
		white-space:normal;
	}
	
	#agendaList .listElement span.cms_icons-fleche_2
	{
		position:absolute;
		bottom:0;
		right:50px;
	}
}
@media only screen and (min-width:720px)
{
	#agendaListCtn .listElement .date .jourListe > span
	{
		font-size:44px;
	}
}

/* RECHERCHE */
#divSearchAgenda
{
	margin:0 -10px 20px -10px;
	padding: 25px 10px 0 10px;
	border: 1px solid #e1e1e1;
	border-left:0;
	border-right:0;
	background-color: #f8f8f8;
	font-size:0;
}
	
#searchKeywords, #searchCategorie
{
	display:block;
	margin-bottom: 15px;
}
	
#searchFrom, #searchTo 
{
	width: 49%;
	display: inline-block;
	margin-bottom: 15px;
}
	
#divBtnSubmitSearch
{
	display: block;
	margin-bottom: 15px;
}
#divSearchAgenda .sep 
{
	display: inline-block;
	width: 2%;
	text-align: center;
	font-size:17px;
}
	
input[type=submit].btnSubmitSearch
{
	display: inline-block;
	border:0px;
	margin:0px;
	padding:0px;
	height: 36px;
	width: 100%;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	line-height:normal;
	text-transform: uppercase;
	cursor:pointer;
	background-color: #d04a4b;
	border-radius:5px;
}
	
.cbxSearch, input[type=text].txtSearch
{
	width: 100%;
	padding-left:10px;
	height: 36px;
	border: 2px solid #dedede;
	background-color:#ffffff;
	font-size:14px;
	color:#6f6f6f;
	border-radius:5px;
}

/*FORMULAIR ANNONCE */
#agendaAnnonceFrm
{
	position:relative;
	display:block;
	margin:40px 0 40px 0px;
}
@media only screen and (min-width:796px)
{
	#agendaAnnonceFrm
	{
		margin-left:70px;
	}	
}
#agendaAnnonceFrm .fieldctn
{
	display:block;
	margin-bottom:15px;
	line-height:normal;
}
#agendaAnnonceFrm .fieldctn label
{
	display:block;
	margin-bottom:5px;
	font-size:16px;
	font-weight:500;
}
#agendaAnnonceFrm .fieldctn.mymandatory label:after
{
	content:"*";
}
#agendaAnnonceFrm .fieldctn input, #agendaAnnonceFrm .fieldctn select, #agendaAnnonceFrm .fieldctn textarea
{
	display:block;
	box-sizing:border-box;
	width:100%;
	max-width:500px;
	background:#ffffff;
	border:1px solid #cacaca;
	border-radius:5px;
	font-family:montserrat;
	font-size:17px;
	font-weight:normal;
	padding:5px;
}
#agendaAnnonceFrm .fieldctn textarea{
	height:4.5em;
}
#agendaAnnonceFrm .fieldctn.mymandatory input.failed
{
	background-color: #FFE3E8;
  	border:1px dotted red;
}
#agendaAnnonceFrm .fieldctn input[type=submit]
{
	max-width:200px;
	padding:5px 20px 5px 20px;
	margin:40px 0 40px 0;
	background:#d04a4b;
	border:1px solid #d04a4b;
	text-align:center;
	color:#ffffff;
	font-weight:500;
	opacity:1;
}
#agendaAnnonceFrm .fieldctn input[type=submit]:disabled
{
	opacity:.5;
}
#agendaAnnonceFrm .fields2col
{
	display:block;
	max-width:500px;
}
#agendaAnnonceFrm .fields2col .fieldctn
{
	float:left;
	width:48%;
	margin-right:4%;
}
#agendaAnnonceFrm .fields2col .fieldctn:last-child
{
	margin-right:0;
}

#agendaAnnonceFrm .fields2col .fieldctn input
{
	display:block;
	float:left;
}
#agendaAnnonceFrm .fields2col.withcal .fieldctn input
{
	width:calc(100% - 30px);
}

#agendaAnnonceFrm .fields2col .fieldctn .cms_icons-agenda_2
{
	display:block;
	float:left;
	font-size:17px;
	margin:7px 0 0 5px;
	cursor:default;
}


#agendaAnnonceFrm .fieldctn .radioctn
{
	display:block;
	margin:10px 0 5px 0;
}
#agendaAnnonceFrm .fieldctn .radioctn input[type=radio]
{
	width:auto;
	display:inline-block;
	vertical-align:middle;
	margin:0 5px 5px 0;
}
#agendaAnnonceFrm .fieldctn .radioctn input[type=radio] + input
{
	display:none;
	margin:10px 0 0 0;
}
#agendaAnnonceFrm .fieldctn .radioctn input[type=radio] + input + span
{
	display:none;
}
#agendaAnnonceFrm .fieldctn .radioctn input[type=radio]:checked + input
{
	display:block;
}
#agendaAnnonceFrm .fieldctn .radioctn input[type=radio]:checked + input + span
{
	display:block;
	font-size:14px;
	margin:5px 0 5px 5px;
}
#agendaAnnonceFrm .title
{
	display:block;
	margin:30px 0 20px 0;
	font-size:16px;
	font-weight:500;
	text-transform:uppercase;
}

#thanksAdminTitle
{
	margin:70px 0 20px 70px;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	border-bottom:1px solid #e1e1e1;
}
/* MEDIA QUERIES*/
@media only screen and (min-width:641px)
{
	#agendaDetails .agendaDetailsElement 
	{
		margin-bottom:10px;
	}
	
	#agendaDetails .agendaDetailsElement .label 
	{
		float:left;
		width:120px;
		margin-bottom:0;
	}
	
	#agendaDetails .agendaDetailsElement .value 
	{
		float:left;
		width:calc(100% - 120px);
	}	
	
	#divSearchAgenda
	{
		padding: 25px 25px 0 25px;
		border: 1px solid #e1e1e1;
		margin:0 0 20px 0;
	}
	
	#searchKeywords, #searchCategorie
	{
		display:inline-block;
		width: 48%;
		margin-right:4%;
		margin-bottom: 25px;
	}
	#searchKeywords
	{
		margin-right:0;
	}
	
	#searchFrom, #searchTo {
		width: 23%;
		display: inline-block;
		margin-bottom: 25px;
	}
	
	#divBtnSubmitSearch
	{
		display: inline-block;
		margin-bottom: 25px;
		margin-left: 4%;
		width: 48%;
	}
}
@media only screen and (min-width:796px)
{
	#agendaDetails
	{
		margin-left:70px;
	}
}

/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	#agendaList .listElement .txt span.info:before
	{
		background-image:url(/template/image/agendasprite@x2.png);
	}	
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	#agendaList .listElement .txt span.info:before
	{
		background-image:url(/template/image/agendasprite@x3.png);
	}
}/*
Style pour le calendrier
*/
#calendriers 
{
	display:none;
}
@media only screen and (min-width:1144px)
{
	#calendriers 
	{
		display:block;
		margin:20px 0 20px 8px;
	}
	
	#calendriers .fondCalendrier, #calendriers .fondCalendrier6Lignes
	{
		background: #3b3b3b;
		width:100%;
		padding-top:12px;
		margin-bottom:30px;
	}
	
	/* Style de la table principale contenant le calendrier */
	/* Style de la table principale contenant le calendrier */
	#calendriers table.calendar_main {
		width: 100%;
		height:199px;
		margin-left: 0px;
		margin-top:0px;
		padding-top:0px;
		background-color: #ffffff;
		font-weight: bold;
		font-size: 14px;
	}
	
	/* Style for the calendar header (<< month year >>) */
	/* Style du titre du calendrier (<< mois annee >>)  */
	#calendriers .calendar_title {
		color: #ffffff;
		text-align: center;
	}
	
	/* Style of the cell "month year" of the header */
	/* Style de la cellule "mois annee" du titre    */
	#calendriers .calendar_title_month {
		padding-bottom: 12px;
		text-align:center;
		width: 84%;
	}
	
	#calendriers .calendar_title_monthIE7 {
	text-align:center;
	width: 84%;
	line-height:13px;
	}
	
	/* Style of the link "month year" of the header */
	/* Style du lien "mois annee" du titre          */
	#calendriers .calendar_title_month_clickable, #calendriers .calendar_title_monthIE7_clickable {
		color: #ffffff;
		font-weight: normal;
		font-size:15px;
		text-decoration: none;
		text-transform:uppercase;
	}
	
	/* Style of the cell that contains the link "<<" in the header */
	/* Style de la cellule contenant le lien "<<" du titre         */
	#calendriers .calendar_title_left_arrow {
		text-align: left;
		padding-left: 3% !important;
		width: 5%;
		margin-top:-2px;
	}
	
	/* Style of the cell that contains the link ">>" in the header */
	/* Style de la cellule contenant le lien ">>" du titre         */
	#calendriers .calendar_title_right_arrow {
		text-align: right;
		padding-right: 3% !important;
		width: 5%;
		margin-top:-2px;
	}
	
	/* Style of the link "<<" of the header */
	/* Style du lien "<<" du titre          */
	#calendriers .calendar_title_left_arrow_clickable {
		text-decoration: none;
	}
	#calendriers .calendar_title_left_arrow_clickable:before {
		content: '<';
		color: #ffffff;
		font-weight: 500;
		font-size: 20px;
	}
	#calendriers .calendar_title_left_arrow_clickable:hover:before {
		color: #ffffff;
	}
	#calendriers .calendar_title_left_arrow_clickable img {
		display: none;
	}
	
	/* Style of the link ">>" of the header */
	/* Style du lien ">>" du titre          */
	#calendriers .calendar_title_right_arrow_clickable {
		text-decoration: none;
	}
	#calendriers .calendar_title_right_arrow_clickable:before {
		content: '>';
		color: #ffffff;
		font-weight: 500;
		font-size: 20px;
	}
	#calendriers .calendar_title_right_arrow_clickable:hover:before {
		color: #ffffff;
	}
	#calendriers .calendar_title_right_arrow_clickable img {
		display: none;
	}
	
	/* Global style of the main calendar table */
	/* Style global de la table du calendrier  */
	#calendriers .calendar_table, .calendar_tableIE9 {
		border: none;
		border-collapse: collapse;
		color:#3b3b3b;
		width: 100%;
	}
	
	/* Generic style of the calendar table cells              */
	/* Style generique des cellules de la table du calendrier */
	#calendriers .calendar_table td {
		text-align: center !important;
		font-size: 14px;
		padding-left:10px;
		padding-right:11px;
		padding-top:12px;
		padding-bottom:13px;
		border:1px solid #d0d4d9;
		color: #3b3b3b;
	}
	#calendriers .calendar_table td.calendar_other_month {
		color: #cccccc;
	}
	
	/*Pour IE 9*/
	#calendriers .calendar_tableIE9 td {
		text-align: left;
		font-size:16px;
		padding-left:11px;
		padding-right:11px;
		padding-top:12px;
		padding-bottom:13px;
		border:1px solid #d0d4d9;
		color: #3b3b3b;
	}
	
	/* Style of the table header cells that contains the days                   */
	/* Style des cellules d'en-tete la table du calendrier, contenant les jours */
	#calendriers .calendar_table th, #calendriers .calendar_tableIE9 th 
	{
		display:none;
		/*color:#0076BA;
		text-align: center !important;
		font-size:12px;
		padding-left:10px;
		padding-right:10px;
		padding-top:12px;
		padding-bottom:13px;
		border:1px solid #c6cfd6;
		font-weight: normal;*/
	
	}
	
	/* Style of the calendar cells the contains the week-end days (saturday and */
	/* sunday)                                                                  */
	/* Style des cellules de la table contenant les jours du week-end (samedi et*/
	/* dimanche)                                                                */
	#calendriers .calendar_weekend {
		/*background-color: #cccccc;*/
	}
	
	/* Style of the table cells that contains the days that are not part of the */
	/* monthly currently displayed                                              */
	/* Style des cellules contenant des jours ne faisant pas partie du mois en  */
	/* cours d'affichage                                                        */
	#calendriers .calendar_other_month {
		color: #cccccc;
	}
	
	/* Style for the links of days not part of the month currently displayed */
	/* Style des liens des jours ne faisant pas partie du mois en cours      */
	/* d'affichage                                                           */
	#calendriers .calendar_other_month_clickable {
		color: #cccccc;
		text-decoration: none;
		font-weight:normal;
	}
	
	/* Style for today's day (non-clickable)                  */
	/* Style du jour (non cliquable) representant aujourd'hui */
	#calendriers .calendar_today {
		color: #d04a4b;
		font-weight:normal;
		text-decoration: none;
		background: #eeeeee;
	}
	#calendriers td.calendar_today{
		border: 2px solid #d04a4b;
		color: #d04a4b;
	}
	
	/* Style of today's link                              */
	/* Style du lien sur le jour representant aujourd'hui */
	#calendriers .calendar_today_clickable {
		color: #d04a4b;
		font-weight:normal;
		text-decoration: none;
		background: #eeeeee;
		background:url(/plugin/calendrier/template/image/todayClic.gif) no-repeat top right #eeeeee;
	}
	#calendriers td.calendar_today_clickable {
		border: 2px solid #d04a4b;
		color: #d04a4b;
	}
	
	#calendriers .calendar_today_clickable a, #calendriers .calendar_todaycontinues_clickable a
	{
		color: #d04a4b;
		font-weight:normal;
		text-decoration: none;
	}
	
	#calendriers .calendar_todaycontinues_clickable {
		color: #d04a4b;
		font-weight:normal;
		text-decoration: none;
		background:url(/plugin/calendrier/template/image/todayClic.gif) no-repeat top right #eef1f5;
	}
	#calendriers td.calendar_todaycontinues_clickable {
		border: 2px solid #d04a4b;
		color: #d04a4b;
	}
	
	/* Style for the links of days part of the month currently displayed     */
	/* Style des liens des jours faisant partie du mois en cours d'affichage */
	#calendriers .calendar_day_clickable  {
		/*color: #357555;*/
	
		color:#3b3b3b;
		text-decoration:none;
		font-weight:normal;
		background: url(/plugin/calendrier/template/image/dayClic.gif) no-repeat top right;
		
	}
	
	#calendriers .calendar_daycontinues_clickable {
		
		color:#3b3b3b;
		text-decoration:none;
		font-weight:normal;
		background:url(/plugin/calendrier/template/image/daycontinuesClic.gif) no-repeat top right;
		
		
	}
	
	#calendriers .calendar_daycontinues_clickable a, #calendriers .calendar_day_clickable a
	{
		color:#3b3b3b;
		text-decoration:none;
	}
	
	#calendriers .calendar_day {
		color:#3b3b3b;
		text-decoration:none;
		font-weight:normal;
	}
}
/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}/*Style pour la protection des données */
#disclaimerCtn
{
	position:fixed;
	display:block;
	left:0;bottom:0;right:0;
	opacity:1;
	background:rgba(0,0,0,0.6);/*#656464;*/
	z-index:1000;
	overflow:hidden;
	transition:max-height .5s;
	height: 100vh;
}
#disclaimerCtn.hide
{
	max-height:0;
}
#disclaimerCtn .disclaimer
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:20px 30px 20px 30px;
	margin:0 auto 0 auto;
	font-size:.9em;
	line-height:1.5em;
	background: #FFFFFF;
	color:#000000;
	border-radius: 5px;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:90%;
}

#disclaimerCtn .disclaimer h2
{
	font-size: 1.5em;
}

#disclaimerCtn .disclaimer .txt
{
	margin-bottom:20px;
}

#disclaimerCtn .disclaimer .close, #protectiondonneesContentCtn .save input[type=submit]
{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:7px 10px 7px 10px;
	text-align:center;
	background:#000000;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	transition:background .5s;
	text-transform:uppercase;
	margin-top:20px;
}

#disclaimerCtn .disclaimer .close:hover
{
	background:#656464;
}
@media only screen and (min-width:640px)
{

	#disclaimerCtn .disclaimer
	{
		max-width:1280px;
		padding:10px 50px 50px 50px;
		font-size:1.2em;
	}
	#disclaimerCtn .disclaimer .txt
	{
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer a.read
	{
		display:inline-block;
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer .close, #protectiondonneesContentCtn .save input[type=submit]
	{
		width:auto;
		display: inline-block;
		margin:40px 20px 0 0;
	}
}

#protectiondonneesContentCtn .save
{
	margin-top:40px;
}

#protectiondonneesContentCtn .save input[type=submit]
{
	padding:10px;
	cursor: pointer;
}

#protectiondonneesContentCtn .sousTitre, #mentionslegalesContentCtn .sousTitre
{
	text-decoration:underline;
	margin-top: 15px;
}
#protectiondonneesContentCtn .activateCookie
{
	padding:15px 0 15px 10px ;
	font-weight: bold;
	text-transform: uppercase;

	margin:30px 0 50px 0;
	border-bottom: 2px solid #DEDEDE;
	background-color: #eeeeee;
}
#protectiondonneesContentCtn .activateCookie input
{
	width:20px;
	height:20px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

#protectiondonneesContentCtn UL
{
	padding: 0px 0px 7px 13px;
	margin:0px 0px 0px 3px;
	list-style-type: none;
}


#protectiondonneesContentCtn ul li:before
{
	content: "•";
	margin-left: -15px;
	margin-right: 8px;
	font-size: 20px;
}

#protectiondonneesContentCtn a
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	width:100%;
	box-sizing: border-box;
}.formManifestation, .merciFormManifestation{
    margin:60px 0 60px 0px;
}
@media only screen and (min-width:641px){
    .formManifestation{
        margin:60px 0 60px 70px;
    }
}
.formManifestation input[type=text], .formManifestation input[type=number], .formManifestation select, .formManifestation textarea, .formManifestation input[type=date], .formManifestation input[type=submit]
{
    display:block;
    box-sizing:border-box;
    width:100%;
    /*max-width:500px;*/
    background:#ffffff;
    border:1px solid #cacaca;
    border-radius:5px;
    font-family:montserrat;
    font-size:17px;
    font-weight:normal;
    padding:5px;
}
.formManifestation textarea{
    height:4.5em;
}

.formManifestation input.mandatoryFailed, .formManifestation textarea.mandatoryFailed, .formManifestation select.mandatoryFailed,
.formManifestation input.mandatoryCustomFailed, .formManifestation textarea.mandatoryCustomFailed, .formManifestation select.mandatoryCustomFailed
{
    background-color: #FFE3E8;
    border:1px dotted red;
}

.formManifestation div
{
    padding-bottom: 15px;
}
.formManifestation div.QapTcha, .formManifestation div.QapTcha div
{
    padding-bottom: 0;
}

.formManifestation div > span
{
    display: block;
    box-sizing: border-box;
}

.formManifestation div > span.label
{
    font-weight:500;
    padding-bottom: 5px;
}
.formManifestation div > span.label.light
{
    font-weight: normal;
}
.formManifestation div > span.label.Titre
{
    font-size: 22px;
    padding:20px 0 0 0;
    color:#3b3b3b;
}

.formManifestation ul{
    display: block;
    box-sizing: border-box;
    padding:0;
    margin:0;
    list-style:none;
}
.formManifestation ul > li{
    position: relative;
    display: block;
    box-sizing: border-box;
    padding-left:20px;
}
.formManifestation ul > li:before{
    content:"";
    display: block;
    position: absolute;
    left:0;
    top:12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d04a4b;
}

.formManifestation span.subspan{
    display:none;
}
.formManifestation input[type=radio]:checked + span.subspan
{
    display: block;
    font-style: italic;
    font-size: .8em;
    color:#d04a4b;
    margin-left:24px;
}
@media only screen and (min-width:641px){
    .formManifestation input[type=radio]:checked + span.subspan{
        display: inline-block;
        margin-left:0;
    }
}

.formManifestation .error
{
    background:red;
    color:white;
    padding:10px 20px;
    margin-bottom: 20px;
}
.formManifestation input[type=submit] {
    display:block;
    max-width:200px;
    padding:5px 20px 5px 20px;
    margin:40px 0 40px 0;
    background:#d04a4b;
    border:1px solid #d04a4b;
    text-align:center;
    color:#ffffff;
    font-weight:500;
    opacity:1;
}

.formManifestation input[type=submit]:disabled{
    opacity:.5;
}


.formManifestation .placeHolder
{
    opacity:0.5;
    font-style: italic;
    font-weight: normal;
}

.formManifestation .msg
{
    color:green;
}

.formManifestation .infosDateError
{
    display: none;
    font-size: 16px;
}

.formManifestation .infosDateError ul
{
    margin-top:10px;
}
.formManifestation .infosDateError ul li
{
    margin:0;
    color:#3b3b3b;
}

.formManifestation .infosDateError.open
{
    display: block;
}

.formManifestation fieldset
{
    border:1px solid #d04a4b;
    font-size: 16px;
    color:#3b3b3b;
}
.formManifestation fieldset legend
{
    font-family: Arial;
    font-size: 15px;
    text-transform: uppercase;
    color:#d04a4b;

}

.formManifestation h3, .merciFormManifestation h3
{
    color:#d04a4b;
    font-size:1.2em;
    padding-bottom: 3px;
    margin-top: 30px;
    margin-bottom:10px;
}


.formManifestation .separator
{
    display: block;
    background-color:#DEDEDE;
    height:1px;
    margin:15px 0 5px 0;
}

.merciFormManifestation p.label
{
    font-weight: 500;
}
input[type=checkbox].mandatoryFailed, input[type=checkbox].mandatoryCustomFailed
{
    background-color: #FFE3E8;
    border: 1px dotted red;
}

.merciFormManifestation p
{
    padding:3px 0 3px 0;
}
.merciFormManifestation p.label
{
    padding-top:15px;
}

.formManifestation .case_a_cocher{
    display: flex;
    gap:14px;
    align-items: baseline;
    margin-bottom:5px;
}
.formManifestation .case_a_cocher input
{
    display: block;
    box-sizing: border-box;
    width: 100%;
    /* max-width: 500px; */
    background: #ffffff;
    border: 1px solid #cacaca;
    border-radius: 5px;
    font-family: montserrat;
    font-size: 17px;
    font-weight: normal;
    padding: 5px;
    margin: 0;
    width: 18px;
    height: 18px;
    max-width: none;
    order: 1;
    aspect-ratio: 1/1;
}
.formManifestation .case_a_cocher label
{
    order:2;
    font-weight: normal;
}

.formManifestation .date_hours{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin-right: 30px;
}
.formManifestation .date_hours_fields, .formManifestation .date_hours_labels{
    margin-bottom: 20px;
}

.formManifestation .date_hours > input{
    display:inline-block;
    width: 100%;
}
.formManifestation .date_hours > span{
    display:inline-block;
    width: 46%;
}
.formManifestation .date_hours > span.label{
    width:30%;
}
.formManifestation .date_hours > span > span{
    display: inline-block;
    width: 10px;
    text-align: center;
}
.formManifestation .date_hours > span > select{
    display:inline-block;
    width:calc(50% - 5px);
}
@media only screen and (min-width:641px){
    .formManifestation .date_hours > input{
        display:inline-block;
        width: 30%;
    }
    .formManifestation .date_hours > span{
        display:inline-block;
        width: 30%;
    }

    .formManifestation .date_hours > span > span{
        display: inline-block;
        width: 10px;
        text-align: center;
    }
    .formManifestation .date_hours > span > select{
        display:inline-block;
        width:calc(50% - 5px);
    }
}

.formManifestation .date_hours_fields .date_hours > a.delmanifdate{
    position: absolute;
    display:block;
    width:20px;
    height:20px;
    border:2px solid #d04a4b;
    border-radius: 50%;
    overflow:hidden;
    box-sizing: border-box;
    right:-30px;
}
.formManifestation .date_hours_fields .date_hours > a.delmanifdate:before, .formManifestation .date_hours_fields .date_hours > a.delmanifdate:after{
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 70%;
    background: #d04a4b;
    border-radius: 50%;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%) rotate(45deg);

}
.formManifestation .date_hours_fields .date_hours > a.delmanifdate:after{
    transform: translate(-50%, -50%) rotate(-45deg);
}

.formManifestation .date_hours_fields > a.addmanifdate{
    position: relative;
    display:inline-block;
    color:#d04a4b;
    font-size:14px;
    margin:5px 0 5px 0;
    padding-left:25px;
    box-sizing: border-box;
}
.formManifestation .date_hours_fields > a.addmanifdate > span{
    position: absolute;
    display:block;
    left:0;
    top:50%;
    width:20px;
    height:20px;
    border:2px solid #d04a4b;
    border-radius: 50%;
    overflow:hidden;
    transform: translateY(-50%);
    box-sizing: border-box;
}
.formManifestation .date_hours_fields > a.addmanifdate > span:before, .formManifestation .date_hours_fields > a.addmanifdate > span:after{
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 70%;
    background: #d04a4b;
    border-radius: 50%;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%)

}
.formManifestation .date_hours_fields > a.addmanifdate > span:after{
    transform: translate(-50%, -50%) rotate(-90deg);
}
/*style pour materielmanif */
h2 .datecmd{
    text-transform: lowercase;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    margin-left: 10px;
    float:right;
}
h2 .datecmd:empty{
    display:none;
}
#materielmanifFrm{
    position:relative;
    display:block;
}

#materielmanifFrm #materielmanifLoader{
    display: none;
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.5);
    z-index:9999;
}

#materielmanifFrm .fieldctn
{
    display:block;
    margin-bottom:15px;
    line-height:normal;
}
#materielmanifFrm .fieldctn label
{
    display:block;
    margin-bottom:5px;
    font-size:16px;
    font-weight:500;
}
#materielmanifFrm .fieldctn input, #materielmanifFrm .fieldctn select, #materielmanifFrm .fieldctn textarea
{
    display:block;
    box-sizing:border-box;
    width:100%;
    /*max-width:500px;*/
    background:#ffffff;
    border:1px solid #cacaca;
    border-radius:5px;
    font-family:montserrat;
    font-size:17px;
    font-weight:normal;
    padding:5px;
}
#materielmanifFrm .fieldctn textarea{
    height:4.5em;
}
#materielmanifFrm .fieldctn input.mandatoryFailed, #materielmanifFrm .fieldctn textarea.mandatoryFailed
{
    background-color: #FFE3E8;
    border:1px dotted red;
}
#materielmanifFrm .fieldctn input[type=submit]
{
    max-width:200px;
    padding:5px 20px 5px 20px;
    margin:40px 0 40px 0;
    background:#d04a4b;
    border:1px solid #d04a4b;
    text-align:center;
    color:#ffffff;
    font-weight:500;
    opacity:1;
}
#materielmanifFrm .fieldctn.btnctn{
    display: flex;
    gap:20px;
}
#materielmanifFrm .fieldctn.btnctn > a
{
    display:block;
    box-sizing:border-box;
    width:100%;
    border-radius:5px;
    font-family:montserrat;
    font-size:17px;
    max-width:200px;
    padding:5px 20px 5px 20px;
    margin:40px 0 40px 0;
    background:#d04a4b;
    border:1px solid #d04a4b;
    text-align:center;
    color:#ffffff;
    font-weight:500;
    opacity:1;
}
#materielmanifFrm .fieldctn.btnctn > a.delete{
    background: #ffffff;
    color:#3b3b3b;
}


#materielmanifFrm .fieldctn input[type=submit]:disabled
{
    opacity:.5;
}

#materielmanifFrm .fields2col
{
    display:block;
}
#materielmanifFrm .fields2col .fieldctn
{
    float:left;
    width:48%;
    margin-right:4%;
}
#materielmanifFrm .fields2col .fieldctn:last-child
{
    margin-right:0;
}

#materielmanifFrm .categoriectn{
    display:block;
    margin:30px 0 30px 0;
    line-height:normal;
}
#materielmanifFrm .categoriectn .categorie{
    font-weight: bold;
    text-transform: uppercase;
    border-bottom:1px solid #d04a4b;
    padding-bottom:4px;
    margin-bottom:20px;
}

#materielmanifFrm .categoriectn .categorie_materiel .materiel{
    display:flex;
    gap:20px;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px dotted #cacaca;
    margin:20px 0 20px 0;
    padding-bottom:20px;
}
#materielmanifFrm .categoriectn .categorie_materiel .materiel:last-of-type{
    border-bottom:0;
    padding-bottom:0;
}
#materielmanifFrm .categoriectn .categorie_materiel .materiel.nodispo{
    opacity: .5;
}
#materielmanifFrm .categoriectn .categorie_materiel .materiel .txt{
    max-width: 70%;
}
#materielmanifFrm .categoriectn .categorie_materiel .materiel .txt .nom{
    font-weight: normal;
    margin-bottom:5px;
}
#materielmanifFrm .categoriectn .categorie_materiel .materiel .txt .description{
    font-weight: normal;
    font-style: italic;
    font-size: .9em;
}

#materielmanifFrm .categoriectn .categorie_materiel .materiel .qtyctn{
    text-align:right;
    white-space: nowrap;
}

@media screen and (max-width: 599px) {
    #materielmanifFrm .categoriectn .categorie_materiel .materiel{
        flex-direction: column;
    }
    #materielmanifFrm .categoriectn .categorie_materiel .materiel .txt{
        max-width: none;
    }
    #materielmanifFrm .categoriectn .categorie_materiel .materiel .qtyctn
    {
        align-self: flex-end;
    }
}

#materielmanifFrm .categoriectn .categorie_materiel .materiel .qtyctn input, #materielmanifFrm .categoriectn .categorie_materiel .materiel .qtyctn select
{
    display:inline-block;
    box-sizing:border-box;
    width:100px;
    background:#ffffff;
    border:1px solid #cacaca;
    border-radius:5px;
    font-family:montserrat;
    font-size:17px;
    font-weight:normal;
    padding:5px;
}
#materielmanifFrm .categoriectn .categorie_materiel .materiel .qtyctn input.mandatoryFailed, #materielmanifFrm .categoriectn .categorie_materiel .materiel .qtyctn select.mandatoryFailed
{
    background-color: #FFE3E8;
    border:1px dotted red;
}

#materielmanifFrm .categoriectn .categorie_materiel .materiel .qtyctn .dispo{
    display: block;
    font-size: .8em;
    margin-top:5px;
}
#materielmanifFrm .categoriectn .categorie_materiel .materiel .qtyctn .dispo > span{
    display:inline;
    font-weight: bold;
}

#materielmanifFrm .categoriectn .categorie_materiel .materiel.avecvariante .qtyctn > *{
    display:none;
}
#materielmanifFrm .categoriectn .categorie_materiel .materiel.avecvariante .qtyctn > select{
    display:inline-block;
    width:220px;
}


#materielmanifFrm .categoriectn .categorie_remarque{
    font-style: italic;
    font-size: .9em;
    border-top: 1px dotted #cacaca;
    padding-top:20px;
    margin:20px 0 40px 0;
}
#materielmanifFrm .categoriectn .categorie_remarque:empty{
    display:none;
}

#materielmanifFrm .materielmanif_caseacocher_ctn .materielmanif_caseacocher_ctn_title{
    display:block;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom:1px solid #d04a4b;
    padding-bottom:4px;
    margin-bottom:20px;
}

#materielmanifFrm .materielmanif_caseacocher_ctn .materielmanif_caseacocher{
    display: flex;
    gap:14px;
    align-items: flex-start;
    margin-bottom:5px;
}
#materielmanifFrm .materielmanif_caseacocher_ctn .materielmanif_caseacocher.error{
    color:#d04a4b;
}
#materielmanifFrm .materielmanif_caseacocher_ctn .materielmanif_caseacocher input
{
    margin:0;
    width: 18px;
    height: 18px;
    max-width: none;
    order:1;
}
#materielmanifFrm .materielmanif_caseacocher_ctn .materielmanif_caseacocher label
{
    order:2;
    font-weight: normal;
    width:calc(100% - 32px);
}

#materielmanifError{
    display:block;
    color:#d04a4b;
    background: #ffffff;
    border:1px solid #d04a4b;
    padding:20px;
    margin:30px 0 30px 0;
    line-height:normal;
}
#materielmanifError span{
    display:block;
    margin-bottom:10px;
}
#materielmanifError span:last-of-type{
    margin-bottom:0;
}
#materielmanifError:empty{
    display:none;
}

#materielmanifOngletsCtn{
    position:relative;
    z-index:2;
    display: flex;
    gap:0;
    transform: translateY(1px);
}
#materielmanifOngletsCtn > a{
    box-sizing:border-box;
    width:33.3333333%;
    font-family:montserrat;
    font-size:14px;
    padding:5px 20px 5px 20px;
    margin:0;
    background:#d04a4b;
    border:1px solid #d04a4b;
    text-align:center;
    color:#ffffff;
    font-weight:500;
    opacity:1;
    display: flex;
    align-items: center;
    justify-content: center;
}
#materielmanifOngletsCtn > a + a{
    border-left:1px solid #ffffff;
}
#materielmanifOngletsCtn > a.activ{
    background:#ffffff;
    color:#3b3b3b;
    border:1px solid #d04a4b;
    border-bottom:1px solid #ffffff;
}
#materielmanifOngletsCtn > a.activ > span{
    font-weight: bold;
}

#materielmanifOngletsContent{
    position:relative;
    z-index:1;
    padding:40px 20px 40px 20px;
    border:1px solid #d04a4b;
    border-top:0;
    box-sizing: border-box;
    width: 99.99999%;
}

.adminlistrow{
    display: flex;
    gap:10px;
    padding:5px;
}
.adminlistrow:hover{
    background: #f5f5f5;
}

.adminlistrow.materielElement > div:nth-child(2){
    width: 40%;
}
.adminlistrow.materielElement > div:nth-child(3){
    width: 20%;
}
.adminlistrow.materielElement > div:nth-child(3):before {
    content: "Stock : ";
}
.adminlistrow.materielElement > div:nth-child(4){
    width: 20%;
}
.adminlistrow.materielElement > div:nth-child(4):before{
    content:"Par personne : ";
}
.adminlistrow.materielElement > div:nth-child(4):empty{
    display:none;
}

#materielmanifMaterielListCtn .categorietitle{
    font-weight: bold;
    text-transform: uppercase;
    margin-top:20px;
    padding-left:5px;
}
#materielmanifMaterielListCtn > div:first-child .categorietitle{
    margin-top:5px;
}

#materielmanifEdit .tdAdmin{
    width:130px;
}
#materielmanifEdit .variantematerielmanif{
    display:flex;
    gap:10px;
    width:350px;
    justify-content: space-between;
    margin-bottom:10px;
}
#materielmanifEdit .variantematerielmanif:last-of-type{
    margin-bottom:0;
}

#materielmanifEdit .variantematerielmanif > input{
    width:240px;
}
#materielmanifEdit .variantematerielmanif > input + input{
    width:60px;
}
#materielmanifEdit .variantematerielmanif > a{
    position: relative;
    display:block;
    width:20px;
    height:20px;
    border:2px solid #d04a4b;
    border-radius: 50%;
    overflow:hidden;
}
#materielmanifEdit .variantematerielmanif > a:before, #materielmanifEdit .variantematerielmanif > a:after{
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 70%;
    background: #d04a4b;
    border-radius: 50%;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%) rotate(45deg);

}
#materielmanifEdit .variantematerielmanif > a:after{
    transform: translate(-50%, -50%) rotate(-45deg);
}

#materielmanifEdit .addvariantematerielmanif{
    position: relative;
    display:inline-block;
    color:#d04a4b;
    font-size:14px;
    margin:5px 0 5px 0;
    padding-left:25px;
}
#materielmanifEdit .addvariantematerielmanif > span{
    position: absolute;
    display:block;
    left:0;
    top:50%;
    width:20px;
    height:20px;
    border:2px solid #d04a4b;
    border-radius: 50%;
    overflow:hidden;
    transform: translateY(-50%);
}
#materielmanifEdit .addvariantematerielmanif > span:before, #materielmanifEdit .addvariantematerielmanif > span:after{
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 70%;
    background: #d04a4b;
    border-radius: 50%;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%)

}
#materielmanifEdit .addvariantematerielmanif > span:after{
    transform: translate(-50%, -50%) rotate(-90deg);
}
#materielmanifEdit .variantematerielmanif + .addvariantematerielmanif{
    margin-top: 10px;
}
#materielmanifMaterielCmdCtn h2{
    margin:20px 5px 10px 5px;
    border-bottom: 1px solid #d04a4b;

}
#materielmanifMaterielCmdCtn .cmdElement > div:nth-child(2){
    width: 50%;
}