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

@font-face {
    font-family: 'roboto';
    src: url('/fonts/Roboto/roboto-light-webfont-webfont.eot');
    src: url('/fonts/Roboto/roboto-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Roboto/roboto-light-webfont-webfont.woff2') format('woff2'),
         url('/fonts/Roboto/roboto-light-webfont-webfont.woff') format('woff'),
         url('/fonts/Roboto/roboto-light-webfont-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('/fonts/Roboto/roboto-thinitalic-webfont.eot');
    src: url('/fonts/Roboto/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Roboto/roboto-thinitalic-webfont.woff2') format('woff2'),
         url('/fonts/Roboto/roboto-thinitalic-webfont.woff') format('woff'),
         url('/fonts/Roboto/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'roboto';
    src: url('/fonts/Roboto/roboto-bold-webfont.eot');
    src: url('/fonts/Roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Roboto/roboto-bold-webfont.woff2') format('woff2'),
         url('/fonts/Roboto/roboto-bold-webfont.woff') format('woff'),
         url('/fonts/Roboto/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('/fonts/Roboto/roboto-bolditalic-webfont.eot');
    src: url('/fonts/Roboto/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Roboto/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('/fonts/Roboto/roboto-bolditalic-webfont.woff') format('woff'),
         url('/fonts/Roboto/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'robotothin';
    src: url('/fonts/Roboto/roboto-thin-webfont.eot');
    src: url('/fonts/Roboto/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Roboto/roboto-thin-webfont.woff2') format('woff2'),
         url('/fonts/Roboto/roboto-thin-webfont.woff') format('woff'),
         url('/fonts/Roboto/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: url('/fonts/Roboto/roboto-medium-webfont.eot');
    src: url('/fonts/Roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Roboto/roboto-medium-webfont.woff2') format('woff2'),
         url('/fonts/Roboto/roboto-medium-webfont.woff') format('woff'),
         url('/fonts/Roboto/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoblack';
    src: url('/fonts/Roboto/roboto-black-webfont.eot');
    src: url('/fonts/Roboto/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Roboto/roboto-black-webfont.woff2') format('woff2'),
         url('/fonts/Roboto/roboto-black-webfont.woff') format('woff'),
         url('/fonts/Roboto/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('/fonts/Roboto/roboto-regular-webfont.eot');
    src: url('/fonts/Roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Roboto/roboto-regular-webfont.woff2') format('woff2'),
         url('/fonts/Roboto/roboto-regular-webfont.woff') format('woff'),
         url('/fonts/Roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*************** STYLE DE BASE  *******************/
body
{
	margin:0px;
	padding:0px;
	font-family: roboto;
    font-size: 16px;
    color:#000000;
	background:#ffffff;
	position:relative;
}

.bgEditor
{
    background-color: #FFFFFF;
}

.bgEditor address, .htmlcontent address
{
	font-size:12px;	
	font-style:normal;
}
audio, img[_wpro_media_data*='.mp3'].wproFilePlugin 
{
      display:block;
      width:100%;
      box-sizing:border-box;
      height:40px;
}

/* CONTAINERS PRINCIPAUX */
.mainHolder
{
	background:#FFFFFF;
}
#zoomPanel
{
	position:relative;
    margin: auto;
	width:100%;
	height:100%;
	z-index:1004;
}
.mainHolder.black:before
{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.5);
	z-index:10
}

.mainContainer
{
	position:relative;
	max-width:1080px;
	margin: 0 auto 0 auto;
	padding:0 10px 0 10px;
	
}

.iconPage {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  color:#000000;
}

.carreFleche
{
	width:39px;
	height:39px;
	background:#ed0e2e;
	position:relative;
}

.carreFleche:before
{
	font-family: 'cms_icons' !important;
  speak: none;
	content:"\e904";
	  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	display:block;
	font-size:14px;
	color:#FFFFFF;
	left:15px;
	position:absolute;
	top:12px;
	transform: rotate(90deg);
}

/*La position de départ ne joue pas sur les diff. navigateurs..*/
.firefox .carreFleche:before
{
	top:11px;
	left:16px;
}

.carreFleche.up:before
{
	transform: rotate(-90deg);
	top:12px;
	left:15px;
}

.firefox .carreFleche.up:before
{
	top:11px;
	left:16px;
}

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

#head .mainContainer
{
	max-width:1330px;
}

#mainPanel.open #leftPanel .mainContainer
{
	max-width:1475px;
}

#mainPanel.open #leftPanel
{
	border-bottom:1px solid #ed0e2e;
	max-width:500px;
}

#leftPanel .titreSite
{
	display:none;
}
#leftPanel .iconPage.sierre
{
	display:none;
}
#mainPanel.open #leftPanel .iconPage.sierre
{
	display: none;
}
#mainPanel.open #leftPanel .iconPage.sierre
{
	width:106px;
	height:106px;
	position:absolute;
	top:45px;
	left:calc(50% - 53px);
	cursor:pointer;
	
}
#mainPanel.open #leftPanel .titreSite
{
	display:block;
	font-family:robotothin;
	font-size:30px;
	padding:0 0 10px 20px;
}

.fctForMobile
{
	padding:20px 0 30px 20px;
}

@media only screen and (min-width:1200px)
{
	#mainPanel.open #leftPanel
	{
		max-width:none;
	}
	#mainPanel.open #leftPanel .iconPage.sierre
	{
		display: block;
	}
	
	#mainPanel.open #leftPanel .titreSite
	{
		font-size:62px;
		padding:0 0 20px 20px;
	}
	.fctForMobile
	{
		display:none;
	}
}

#leftPanel #accesDirectForMenu
{
	display:none;
}

#accesDirectForMenu a
{
	display:inline-block;
	color:#000000;
	font-weight:normal;
	font-size:15px;
	font-family:robotoblack;
	width:19.5%;
	padding:0;
}

#accesDirectForMenu a svg, #accesDirectForMenu a span
{
	color:#000000;
	display:block;
	text-align:center;
	margin:0 auto 0 auto;
}

 #accesDirectForMenu a span
{
	padding-top:25px;
}

#accesDirectForMenu a:hover svg
{
	color:#ed0e31;
}

#accesDirectForMenu a svg.guichet
{
	font-size:36px;
	margin-bottom:-3px;
}

#accesDirectForMenu a svg.carte
{
	font-size:30px;
}

#accesDirectForMenu a svg.webcam
{
	font-size:29px;
}

#accesDirectForMenu a svg.meteo
{
	font-size:35px;
	margin-bottom:-7px;
}
#accesDirectForMenu a svg.tourisme
{
	font-size:37px;
	margin-bottom:-7px;
}

@media only screen and (min-width:1200px)
{
	#leftPanel #accesDirectForMenu
	{
		display:block;
		border-top:1px solid #d3d3d3;
		border-bottom:1px solid #d3d3d3;
		box-sizing:border-box;
		margin:0 141px 0 23px;
		padding:34px 0 43px 0;
	}
}

#head
{
	height:51px;
	box-sizing:border-box;
	border-bottom:1px solid #ed0e2e;
	background:#FFFFFF;
}

#head .mainContainer > div:nth-child(1)
{
	width:9.2%;
	float:left;
	padding-top:44px;
}
#head .mainContainer > div:nth-child(2)
{
	width:3.8%;
	float:left;
	padding-top:44px;
}
#head .mainContainer > div:nth-child(2):empty{
	display:none;
}
#head .mainContainer > div:nth-child(3)
{
	width:3.8%;
	float:left;
	padding-top:44px;
}

.iconPage.sierre
{
	background-image:url(/template/image/logo-sierre.svg);
	background-repeat:no-repeat;
	background-size:100%;
}

#head .iconPage.sierre
{
	width:64px;
	height:64px;
	position:absolute;
	top:20px;
	left:20px;
	z-index:2;
	cursor:pointer;
}
#head .mainContainer > div:nth-child(6)
{
	width:25%;
	float:right;
	padding-top:33px;
}
#head .mainContainer > div:nth-child(5)/*météo*/
{
	float:right;
	padding-top:8px;
	padding-right:50px;
}

#zoomCtn 
{
	display:none;
}
#zoomCtn .zoom
{
	color:#000000;
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	letter-spacing:-2px;
}
#zoomCtn .zoom.big
{
	text-decoration:none;
	font-size:13px;
}

#leftPanel .lng
{
	display:inline-block;
}

#leftPanel #zoomCtn
{
	display:inline-block;
	padding-left:30px;
}

@media only screen and (min-width:1200px)
{
	#head
	{
		height:98px;
	}
	#head .iconPage.sierre
	{
		width:106px;
		height:106px;
		top:44px;
		left:calc(50% - 53px);
	}

	#head .mainContainer > div:nth-child(5)/*météo*/
	{
		width:8.6%;
		padding-top:44px;
		padding-left:44px;
		padding-right:0;
	}
	
	#zoomCtn 
	{
		margin-top:-2px;
		display:block;
	}
}


#btnActusAgenda
{
	display:block;
	top: 0;
	right:0;
    position: absolute;
    z-index: 1005;
	bottom:0;
	transition:all 0.5s;
}

#btnActusAgenda.close
{
	background:none;
	padding:0;

}
#btnActusAgenda.close.openSearch
{
	z-index:0;
}
#btnActusAgenda.open
{
	background:#FFFFFF;
	padding:35px 50px 0 50px;
}
#btnActusAgenda .links
{
	display:none;
}
#btnActusAgenda a
{
	display:block;
}

#btnActusAgenda .btn
{
	display:block;
	position:absolute;
	top:50px;
	right:10px;
	left:auto;
	width:34px;
	height:34px;
	background:#ed0e2e;
}

#btnActusAgenda.open .btn
{
	left:-17px;
	right:auto;
}

#btnActusAgenda .btn:before
{
	content:"+";
	color:#FFFFFF;
	font-size:25px;
	display:block;
	margin:0 auto 0 auto;
	position:absolute;
	top:0px;
	left:10px;
	cursor:pointer;
	
}

#btnActusAgenda.open .btn:before
{
	content:"x";
	left:12px;
	top:2px;
	font-size:20px;
}


#btnActusAgenda a.forhome
{
	display:none;
}

.home #btnActusAgenda a
{
	display:none;
}

.home #btnActusAgenda a.forhome
{
	display:block;
}
#btnActusAgenda span
{
	display:block;
	transition:all 0.5s;
	font-weight:normal;
	color:#000000;
	font-size:12px;
	height:53px;
	vertical-align:top;
	transition:all 0.5s;
	position:relative;
	margin:0 auto 0 auto;
}
#btnActusAgenda a span:nth-child(1)
{
	width:53px;
	height:53px;
	transition:all 0.5s;
}

#btnActusAgenda a span:nth-child(2)
{
	display:block;
	height:auto;
	padding-top:0;
	padding-bottom:30px;
	box-sizing:border-box;
	transition:all 0.5s;
	text-align:center;
	font-family:robotoblack;
	font-size:14px;
}

#btnActusAgenda a span:nth-child(2)::first-letter
{
	text-transform:uppercase;
}

#btnActusAgenda a:hover span:nth-child(2)
{
	opacity:1;
	transition:all 0.5s;
}
#btnActusAgenda a span:nth-child(2):before
{
	display:none;
}
#btnActusAgenda a svg
{
	font-size:25px;
	color:#FFFFFF;
	padding-top:calc(50% - 12px);
	padding-left:calc(50% - 15px);
}

#btnActusAgenda a svg
{
	color:#000000;
}

@media only screen and (min-width:1200px)
{
	#mainPanel.open #btnActusAgenda
	{
		display:none;		
	}
	#btnActusAgenda
	{
		display:block;
		position:fixed;
		left:5px;
		top:453px;
		z-index:1005;
		right:auto;
	}
	
	.home #btnActusAgenda
	{
		top:200px;
		right:auto;
	    position: fixed;
		padding:0;
		bottom:auto;
	}
	
	#btnActusAgenda .btn
	{
		display:none;		
	}
	
	#btnActusAgenda .links
	{
		display:block;
	}
	
	#btnActusAgenda span
	{
		display:inline-block;
		background:rgba(255,255,255,0.8);
		margin:0;
	}
	
	#btnActusAgenda a span:nth-child(1)
	{
		background:#ed0e2e;
		width:34px;
		height:38px;
		padding:5px 0 5px 4px;
	}
	
	.home #btnActusAgenda a span:nth-child(1)
	{
		background:#222739;
	}
	.home #btnActusAgenda a:hover span:nth-child(1)
	{
		background:#ed0e2e;
	}
	
	#btnActusAgenda a span:nth-child(2)
	{
		display:inline-block;
		height:48px;
		opacity:0;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		text-align:left;
		font-family:roboto;
		max-width:0;
		padding:0;
		overflow:hidden;
		transition:opacity 0.5s, max-width 0.5s, padding 2s;
	}
	#btnActusAgenda a:hover span:nth-child(2)
	{
		max-width:500px;
		padding-top:16px;
		padding-bottom:0;
		padding-left:20px;
		padding-right:30px;
		opacity:1;
		transition:opacity 0.5s, max-width 0.5s, padding 0s;
	}
	
	#btnActusAgenda a span:nth-child(2)::first-letter
	{
		text-transform:none;
	}
	
	#btnActusAgenda a span:nth-child(2):before
	{
		content:"";
		display:inline-block;
		border-top:7px solid transparent;
		border-right:7px solid transparent;
		border-bottom:7px solid transparent;
		border-left:7px solid #ed0e2e;
		transition:all 0.5s;
		position:absolute;
		top:calc(50% - 4px - 2px); /*-2 for padding de 5*/
		left:0;
	}
	
	#btnActusAgenda a svg
	{
		color:#FFFFFF;
	}
}
@media only screen and (min-width:1300px)
{
	#btnActusAgenda
	{
		left:3%;
	}
	#btnActusAgenda a span:nth-child(1)
	{
		width:53px;
		height:53px;
		padding:0;
	}
	
	#btnActusAgenda a span:nth-child(2)
	{
		height:53px;
		padding:0;
	}
	#btnActusAgenda a:hover span:nth-child(2)
	{
		width:auto;
		padding-top:20px;
	}
	#btnActusAgenda a span:nth-child(2):before
	{
		top:calc(50% - 4px);
	}
}

#menuFondCtn .mainContainer
{
	background:#FFFFFF;
	padding:0 10px 12px 10px;
	position:relative;
}

#menuFondCtn .mainContainer:before
{
	content:"";
	display:block;
	height:1px;
	background:#d3d3d3;
	margin-bottom:12px;
	width:100%;
}
#menuFondCtn .mainContainer .menuctn{
	position: relative;
	display: block;
}
#menuFondCtn .mainContainer .googletranslatectn{
	position: relative;
	display: block;
	margin:24px 0 24px 0;
}
#menuFondCtn .mainContainer .googletranslatectn span{
	display:inline-block;
}
@media only screen and (min-width:641px){
	#menuFondCtn .mainContainer .menuctn{
		box-sizing: border-box;
		float: left;
		width:calc(100% - 200px);
		padding-right:40px;
	}
	#menuFondCtn .mainContainer .googletranslatectn{
		box-sizing: border-box;
		float: left;
		width:200px;
		margin:-12px 0 0 0; /*half the #menuFondCtn .mainContainer:before*/
	}
}

#menuFondCtn #btnUp
{
	position:absolute;
	right:10px;
	top:10px;
	font-size:14px;
	cursor:pointer;
}

 #menuFondCtn .carreFleche.up
{
	margin-top:1px;
}

#menuFondCtn span, #menuFondCtn .carreFleche.up
{
	display:inline-block;
	vertical-align:middle;
}

#menuFondCtn span
{
	display:none;	
}

@media only screen and (min-width:641px)
{
	#menuFondCtn .mainContainer
	{
		padding:0 10px 24px 10px;
	}
	#menuFondCtn .mainContainer:before
	{
		margin-bottom:24px;
		width:calc(100% - 55px);
	}
	#menuFondCtn span
	{
		display:inline-block;
	}
	
	#menuFondCtn span
	{
		padding-right:15px;
	}
	
	#menuFondCtn #btnUp
	{
		top:-40px;
	}
}

#footer
{
	background:#222739;
	border-bottom:2px solid #fc0629;
	box-sizing:border-box;
	padding:35px 0 0 40px;
}

#footer, #footer a
{
	color:#FFFFFF;
	font-weight:normal;
	font-size:12.5px;
}

#footer .mainContainer > div > div > span
{
	display:block;
	
}
#footer .mainContainer > div > div span
{
	padding:5px 0 2px 0;
}

#footer .mainContainer > div > div:nth-child(3)
{
	margin:30px 0 50px 0;
}
#footer .iconPage.sierre
{
	width:71px;
	height:71px;
	margin-right:32px;
	cursor:pointer;
}
#footer .iconPage.phone, #footer .iconPage.fax, #footer .iconPage.mail
{
	color:#bbbcc2;
	margin-right:16px;
	font-size:18px;
	vertical-align:top;
}

#footer .logofond
{
	display:block;
	margin-top:15px;
}

#footer .logofond.energie
{
	margin:20px 0 30px 0;
}

#footer span.iconPage
{
	display:inline-block;
}

#footer .iconPage.communesante
{
	font-size:99px;
	height:50px;
}
#footer .iconPage.sierreenergie
{
	font-size:191px;
	height:90px;
}
#footer .logofond.facebook
{
	background-image: url(/template/image/Facebook.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width:30px;
	height:30px;
	display: inline-block;
	margin-left: 6px;
}
#footer .logofond.instagram
{
	background-image: url(/template/image/Instagram.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width:30px;
	height:30px;
	display: inline-block;
}
#footer .logofond.application
{
	background-image: url(/template/image/Appli.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width:30px;
	height:30px;
	display: inline-block;
	margin-left: 6px;
}
#footer .mainContainer > div > .logoReseaux
{
	margin-bottom: 20px;
}
#powered
{
	background:#FFFFFF;
	padding:25px 0 25px 0;
}
#powered, #powered a
{
	color:#000000;
	font-size:10px;
	font-weight:normal;
}

@media only screen and (min-width:800px)
{
	#footer
	{
		height:233px;
		padding:80px 0 0 0;
	}
	
	#footer .mainContainer > div > div
	{
		float:left;
	}
	
	#footer .mainContainer > div > div:nth-child(1)
	{
		width:10%;
	}
	#footer .mainContainer > div > div:nth-child(2)
	{
		width:15%;
	}
	#footer .mainContainer > div > div:nth-child(3)
	{
		width:29.7%;
		margin:0;
	}
	#footer .mainContainer > div > a:nth-child(4)
	{
		width:20.8%;
		paddding-right:42px;
	}
	#footer .mainContainer > div > a:nth-child(5)
	{
		width:24.5%;
	}
	
	#footer .iconPage.phone, #footer .iconPage.fax, #footer .iconPage.mail
	{
		margin-left:50px;
	}
	
	#footer .logofond
	{
		float:left;
	}

	#footer .logofond.energie
	{
		margin:0;
	}

	#powered
	{
		text-align:right;
		padding:35px 0 39px 0;
	}	
}

@media only screen and (min-width:1040px)
{
	#footer .mainContainer > div > div:nth-child(1)
	{
		width:9.6%;
	}
	#footer .mainContainer > div > div:nth-child(2)
	{
		width:9.3%;
	}
	#footer .mainContainer > div > div:nth-child(3)
	{
		width:25.8%;
	}
	#footer .mainContainer > div > a:nth-child(4)
	{
		width:14.8%;
	}
	#footer .mainContainer > div > a:nth-child(5)
	{
		width:23.5%;
	}
	#footer .mainContainer > div > .logoReseaux
	{
		width: 17%;
		box-sizing: border-box;
		padding-left: 0;
		padding-top: 20px;
	}
}
@media only screen and (min-width:1100px)
{
	#footer .mainContainer > div > .logoReseaux
	{
		padding-left: 75px;
	}
}
/* ENTETE DES PAGES*/
.headCtn
{
	overflow:hidden; /*fait office de divwrapper*/
	margin:0 0 30px 0; 
}

.headCtn h1, #sliderCtn h1, .zoneTitleForMobile h1,
.admin .int.projet .headCtn h1
{
	display:block;
	margin:30px 0 30px 0;
	font-size:30px;
	font-weight: normal;
	font-family:robotothin;
	color:#FFFFFF;
	width:99%;
	line-height: 1;
	height:210px;
	overflow:hidden;
}

#bodyprint h1, .home h1
{
	color:#000000;
	width:100%;
}

#bodyprint .sierre
{
	font-size:106px;
}

.int .headCtn h1, .int .headCtn h2,
.admin .int.projet .headCtn h1, .admin .int.projet .headCtn h2
{
	display:none;
}

.admin .int .headCtn h1, .admin .int .headCtn h2
{
	color:#000000;
	display:block;
	height:auto;
	margin:0;
	font-size:25px;
	line-height:1.2;
	font-weight:normal;
	font-family:roboto;
	margin-bottom:10px;
}
.admin .int .headCtn h2
{
	font-size:16px;
}
.headCtn h2 /*resume of the page*/
{
	display:none;
}

.home .headCtn
{
	margin:50px 0 50px 0;
	text-align:center;
	padding-top:50px;
}


.home .headCtn h1
{
	margin:0;
	height:auto;
	font-size:45px;
	padding-bottom:0;
}

.home .headCtn h2
{
	display:block;
	font-weight:normal;
	font-size:16px;
	line-height:normal;
}

.headCtn .img
{
	position: relative;
	width:100%;
	background:no-repeat center center;
	background-size:cover;
	margin:0 0 20px 0;
	/*image-rendering: pixelated; evite le floue sur l'image - plus besoin avec srccet car fait pire que mieux*/
}
.headCtn .img:before, .imgcropctn.accroche:before
{
	content:"";
	display:block;
	padding-top:59.7%;
}

.headCtn .img > div{
	position:absolute;
	overflow:hidden;
	inset:0;
}
.headCtn .img > div > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.headCtn h2:empty
{
	display:none;
}

@media only screen and (min-width:641px)
{
	.home .headCtn
	{
		margin:150px 0 150px 0;
		padding-top:0;
	}
	
	.headCtn h1, #sliderCtn h1, .admin .int.projet .headCtn h1, .admin .int.projet .headCtn h2
	{
		margin:10px 0 30px 0;
		font-size:58px;
		width:63%;
		height:100px;
	}
	
	.home h1
	{
		width:100%;
	}
}

@media only screen and (min-width:900px)
{
	.home .headCtn
	{
		margin:50px 0 150px 0;
	}
}

@media only screen and (min-width:1200px)
{
	.zoneTitleForMobile h1
	{
		font-size:62px;
		width:63%;
	}
	.headCtn h1, #sliderCtn h1, .admin .int.projet .headCtn h1, .admin .int.projet .headCtn h2
	{
		height:120px;
		width:55%;
	}
}
@media only screen and (min-width:1500px)
{
	.headCtn h1, #sliderCtn h1, .admin .int.projet .headCtn h1, .admin .int.projet .headCtn h2
	{
		height:160px;
		width:60%;
	}
}
@media only screen and (min-width:1700px)
{
	.headCtn h1, #sliderCtn h1, .admin .int.projet .headCtn h1, .admin .int.projet .headCtn h2
	{
		height:180px;
		width:63%;
	}
}
@media only screen and (min-width:1850px)
{
	.headCtn h1, #sliderCtn h1, .admin .int.projet .headCtn h1, .admin .int.projet .headCtn h2
	{
		height:204px;
	}
}

/* LISTES */
.listCtn
{
	position:relative;
}

.listElement
{
	position:relative;
	display:block;
	margin:0 0 30px 0;
	text-decoration:none;
	overflow:hidden;
}

.listElement .img
{
	position:relative;
	display:block;
	overflow:hidden;
	height:100%;
	
}

.listElement .img .carreFleche
{
	position:absolute;
	bottom:0;
	left:23px;
	z-index:1;
}

.listElement .img > div:not(.carreFleche)
{
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
	transition:all 0.5s;
}
.listElement:hover .img > div:not(.carreFleche)
{
	transform: scale(1.5);
}

.listElement .img > div:not(.carreFleche):before
{
	content:"";
	display:block;
	padding-top:100%;
}
.listElement .img > div:not(.carreFleche):after
{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.2);
	transition:all 0.5s;
}
.listElement:hover .img > div:after
{
	background-color:transparent;
}

.listElement .txt
{
	display:block;
	position:relative;
	padding:50px 10px 10px 10px;
	overflow:hidden;
	height:295px;
	box-sizing:border-box;
}

.listElement .txt:before
{
	content:"";
	display:block;
	background:#ed0e2e;
	width:calc(100% - 61px);
	top:0;
	height:7px;
	left:61px;
	position:absolute;
	z-index:1;
}

.listElement h5
{
	margin:0px 0px 20px 0px;
	font-weight:normal;
	color:#000000;
	font-size:30px;
	
}
.listElement .resume
{
	display:block;
	color:#000000;	
	font-weight:normal;
	line-height:1.6;
}

.listElement .more
{
	position:relative;
	display:block;
	height:30px;
	margin:0 20px 0 23px;
}
.listElement .more span
{
	font-size:12px;
	color:#000000;
	font-weight:normal;
	display:block;
	padding-left:53px;
}

.listElement:hover .more span
{
	color:#ed0e2e;
}

.listElement .more span:after
{
	content:"";
	margin-top:6px;
	height:1px;
	background:#d3d3d3;
	width:100%;
	display:block;
}
.listElement .more:before
{
	content:"";
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:30px;
	height:30px;
	background-size:100%;
	background:url(/template/image/pictos_plus.svg) no-repeat;
	transition:all 0.5s;
}

.listElement:hover .more:before
{
	transform:rotateZ(90deg);
}

/* ZONE HTML */
.htmlcontent
{
	overflow:hidden;
	line-height: 1.8;
	font-size: 17px;
}
.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:20px 0 25px 0;
    font-weight: bold;
    font-size:21px;
}

H4, H5, H6 /*H4 in html content // H5,H6 in case someone try to use this level in html content */
{
    margin:30px 0 15px 0;
    font-weight: bold;
    font-size:16px;
	color:#ed0e2e;
}


A
{
	color:#ed0e2e;
	font-weight:normal;
    text-decoration:none;
}

.htmlcontent A:hover
{
	text-decoration:underline;
}

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

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

.htmlcontent li, .bgEditor li
{
	padding:2px 0 2px 0;
}


#pagehtmlcontent ul li:before, .bgEditor ul li:before,
#faqListCtn ul li:before, #faqListCtn ul li:before, #agendaMoreContent ul li:before, #agendaRightMoreContent ul li:before
{
	
	font-family: 'cms_icons' !important;
  speak: none;
	content:"\e903";
	  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	display:inline-block;
	font-size:14px;
	color:#ed0e2e;
	top:20px;
	margin-left:-23px;
	margin-right:15px;

}

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:641px)
{
	.htmlcontent
	{
		font-size: 16px;
	}
	.listElement
	{
		float:left;
		width:28%;
		margin:0 0 130px 0;
		margin-right:8%;
	}

	.listElement:nth-child(3n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}
}


/* TABLES */
.htmlcontent table
{
	table-layout:fixed;
}

table P
{
	margin:0px;
	padding:0px;
}

table th
{
	text-align:left;
}

.htmlcontent th, .bgEditor th
{
	background:	#222739;
	font-weight:bold;
	border:1px solid #d3d3d3;
	color:#FFFFFF;
	border-bottom:3px solid #ed0e2e;
	padding:10px;
	
}

.htmlcontent table th:first-child, .bgEditor table th:first-child
{
	border-left:1px solid #222739;
}

.htmlcontent table th:last-child, .bgEditor table th:last-child
{
	border-right:1px solid #222739;
}

.htmlcontent td, .bgEditor td
{
	border:1px solid #d3d3d3;
	padding:10px;
}

.htmlcontent table.nostyle td, .htmlcontent table.nostyle th, .htmlcontent table.nostyle,
.bgEditor table.nostyle td, .bgEditor table.nostyle th, .bgEditor table.nostyle,
.htmlcontent table.nostyle th:last-child, .htmlcontent table.nostyle th:first-child,
.bgEditor table.nostyle th:last-child, .bgEditor table.nostyle th:first-child
{
	padding:0;
	background:none;
	color:#000000;
	border-radius:initial;
	border:0;
	padding:0;
}

.bgEditor table.nostyle td, .bgEditor table.nostyle th, .bgEditor table.nostyle
{
	border:1px  dotted #000000!important;
}

.htmlcontent table.nostyle th
{
	font-weight:bold;
}

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:1200px)
{
	body:not(.bgEditor) table
	{
		width:100%!important;
		table-layout:fixed;
		box-sizing:border-box;
		border:0!important;
	}
	body:not(.bgEditor) table td
	{ 
		width:auto!important;
		border:0!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:30px;
	}
	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%;
}

.htmlcontent input[type=submit], .htmlcontent input[type=reset],
.bgEditor input[type=submit], .bgEditor input[type=reset]
{
    border: 0px;
    margin: 0px;
    padding: 0px 20px 0px 20px;
    height: 28px;
    color: #ffffff;
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
    cursor: pointer;
    background-color: #222739;
    font-family: robotomedium;
}
/* 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%;
	-webkit-appearance: none; 
    -moz-appearance: none;
}

select option
{
	font-family: roboto;
    font-size: 16px;
    color:#000000;
}

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%;
}

.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 ********************/
/*************** CROP IMG ZONE ********************/
.admimgcropholder
{
	margin:10px 0 10px 0;
	position:relative;
	min-width:404px;/* 400 + 4 de bordure */
}
.imgcropctn
{
	position:relative;
	display:block;
	width:400px;
	margin:0 auto 0 auto;
	border:2px solid #000000;
	overflow:hidden;
}
.imgcropctn.landscape
{
	cursor:ew-resize;
}
.imgcropctn.portrait
{
	cursor:ns-resize;
}
.imgcropctn:before
{
	content:"";
	display:block;
	padding-top:100%;
}
.imgcropctn > img
{
	position:absolute;
	display:block;
	opacity:0;
}
.imgcropctn.landscape > img
{
	width:auto;
	height:100%;
}
.imgcropctn.portrait > img
{
	width:100%;
	height:auto;
}

.imgcropctn > .imgcrop
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background-repeat:no-repeat;
	background-position:50% 50% ;
	background-size:cover;
}
.imgcropctn  > .msg
{
	position:absolute;
	display:block;
	top:0;left:0;right:100%;bottom:100%;
	background:rgb(0,0,0);
	background:rgba(0,0,0,.5);opacity:0;
	transition:opacity .5s;
	overflow:hidden;
}
.imgcropctn  > .msg.show
{
	right:0;bottom:0;
	opacity:1;
}

.imgcropctn > .msg > span
{
	display:block;
	width:85%;
	margin:20px auto 20px auto;
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	color:#ffffff;
}
.imgcropctn.landscape > .msg > span.portrait, .imgcropctn.portrait > .msg > span.landscape
{
	display:none;
}

/*************** FIN CROP IMG ZONE ********************/.infosPlusAgenda
{
	margin-top:30px;
}
.infosPlusAgenda label
{
	font-weight:bold;
	display:block;
	padding-bottom:3px;
}

.infosPlusAgenda > span
{
	display:block;
	padding-bottom:10px;
}

.infosPlusAgenda > span.txtoverflow
{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.infosPlusAgenda.bottom
{
	margin-top:80px;
}
#agendaRightMoreContent
{
	margin-bottom:40px;
}
@media only screen and (min-width:481px)
{
	.infosPlusAgenda label
	{
		display:inline-block;
		width:30%;
		vertical-align:top;
		padding:5px;
		box-sizing:border-box;
	}
	
	.infosPlusAgenda > span
	{
		display:inline-block;
		width:70%;
		vertical-align:top;
		padding:5px;
		box-sizing:border-box;
	}
}
.zoneListe #calendarAgendaCtn .colGauche .titre
{
	display:block;
	font-size:23px;
	margin:0 0 30px 0;
}

.zoneListe #calendarAgendaCtn .colDroite
{
	padding-top:0;
}

/*Gestion de la liste*/

.zoneListe #calendarAgendaCtn #agendaList #nbrResults
{
	font-size:12px;
	color:#727272;	
	margin:0 0 30px 0;
	border-top:1px solid #d3d3d3;
	padding-top:20px;
	position:relative;
}

.zoneListe #calendarAgendaCtn #agendaList #nbrResults:before
{
	content:"";
	display:block;
	position:absolute;
	width:50px;
	height:3px;
	top:-2px;
	left:0;
	background:#ed0e2e;	
}

.zoneListe #calendarAgendaCtn #agendaList #nbrResults span
{
	font-weight:bold;
	color:#000000;
}
.zoneListe #calendarAgendaCtn #agendaListCtn .listElement
{
	float:none;
	width:100%;
	margin:0 0 50px 0;
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement h5
{
	font-size:20px;
	font-weight:bold;
	margin: 0 0 25px 0;
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date
{
	width:189px;
	max-width:189px;
	height:189px;
	background:#222739;
	position:relative;
	position:relative;
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .txt
{
	width:100%;
	padding:20px 0 0 0;
	height:auto;	
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .resume
{
	font-size:17px;
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .txt:before
{
	display:none;
}


.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date:after
{
	content:"";
	position:absolute;
	display:block;
	background:#ed0e2e;
	right:0;
	width:61px;
	height:5px;
	bottom:-5px;
	transition:all 0.5s;
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement:hover .date:after
{
	width:100%;
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date:before
{
	content:"";
	width:1px;
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date .dateCplte,
.home #cartoucheHomeAgenda .img .dateCplte
{
	display:inline-block;
	vertical-align:middle;
	width:calc(80% - 1px);
	margin-left: calc(20% / 2);
}


.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date > div > div:nth-child(1)/*le jour*/,
.home #cartoucheHomeAgenda .img > div > div:nth-child(1)
{
	color:#ed0e2e;
	font-family:robotoblack;
	font-size:54px;
	text-align:center;
	font-weight:normal;
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date > div > div:nth-child(1) > div:nth-child(1),
.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date > div > div:nth-child(2) > div:nth-child(1),
.home #cartoucheHomeAgenda .img > div > div:nth-child(1) > div:nth-child(1),
.home #cartoucheHomeAgenda .img > div > div:nth-child(2) > div:nth-child(1)
{
	display:inline-block;
	width:40%;
	text-align:center;
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date > div > div:nth-child(1) > div:nth-child(2),
.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date > div > div:nth-child(2) > div:nth-child(2),
.home #cartoucheHomeAgenda .img > div > div:nth-child(1) > div:nth-child(2),
.home #cartoucheHomeAgenda .img > div > div:nth-child(2) > div:nth-child(2)
{
	display:inline-block;
	width:20%;
	box-sizing:border-box;
	padding:0 5px 0 5px;
	text-align:center;
}
.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date > div > div:nth-child(1) > div:nth-child(3),
.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date > div > div:nth-child(2) > div:nth-child(3),
.home #cartoucheHomeAgenda .img > div > div:nth-child(1) > div:nth-child(3),
.home #cartoucheHomeAgenda .img > div > div:nth-child(2) > div:nth-child(3)
{
	display:inline-block;
	width:40%;
	text-align:center;
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date > div > div:nth-child(2)/*les mois*/,
.home #cartoucheHomeAgenda .img > div > div:nth-child(2)
{
	color:#FFFFFF;
	font-size:22px;
	letter-spacing:3px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
}


.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date > div:nth-child(2),
.home #cartoucheHomeAgenda .img > div:nth-child(2)/*l'année*/
{
	color:#FFFFFF;
	font-size:14px;
	text-align:right;
	font-weight:normal;
	position:absolute;
	bottom:8px;
	right:19px;
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .btn
{
	padding-top:35px;
	display:block;
}
.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .btn a
{
	display:inline-block;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	position:relative;
	padding:5px 0 10px 40px;
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .btn a:before
 {
	content:"";
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:30px;
	height:30px;
	background-size:100%;
 	transition:all 0.5s;
 }
.zoneListe #calendarAgendaCtn #agendaListCtn .listElement:hover .btn a:nth-child(1)
{
	color:#ed0e2e;
}
 .zoneListe #calendarAgendaCtn #agendaListCtn .listElement:hover .btn a:nth-child(1):before
{
	transform:rotateZ(90deg);
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .btn a:nth-child(1)
{
	border-right:1px solid #bdbdbd;
	padding-right:20px;
	margin-right:20px;
}
 
.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .btn a:nth-child(1):before
{
	background:url(/template/image/pictos_plus.svg) no-repeat;
}
 
.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .btn a:nth-child(2):before
{
	background:url(/template/image/pictos_agenda.svg) no-repeat;
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .btn a:hover:nth-child(2)
{
	color:#ed0e2e;
}

.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .btn a:hover:nth-child(2):before
{
	transform:rotateZ(90deg);
}

/*Page de détail*/
#agendaHeadCtn h1 .date
{
	display:block;
	font-size:16px;
	margin-bottom:5px;
}

/* RECHERCHE */
#divSearchAgenda
{
	margin:0 0 50px 0;
	padding:0;
	border: 0;
	border-left:0;
	border-right:0;
	font-size:0;
}
	
#searchKeywords, #searchCategorie
{
	display:block;
	margin-bottom: 15px;
}

#divSearchAgenda #cbxcategorie
{
	border:0;
	padding-left:8px;
}
	
#searchFrom, #searchTo 
{
	width: 40%;
	display: inline-block;
	margin-bottom: 15px;
}
	
#divBtnSubmitSearch
{
	display: block;
	margin-bottom: 15px;
}
#divSearchAgenda .sep 
{
	display: inline-block;
	width: 10%;
	text-align: center;
	font-size:15px;
	text-transform:lowercase;
}
	
#divSearchAgenda input[type=submit].btnSubmitSearch
{
	display: inline-block;
	border:0px;
	margin:0px;
	padding:0px;
	height: 36px;
	width: 100%;
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
	line-height:normal;
	cursor:pointer;
	background-color: #222739;
	font-family:robotomedium;
}
	
#divSearchAgenda .cbxSearch, #divSearchAgenda input[type=text].txtSearch
{
	width: 100%;
	font-size:15px;
	color:#000000!important;
	border:1px solid #d3d3d3;
	padding:0 12px 0 12px ;
	height:28px;
	background-color:#ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}

#divSearchAgenda .cbxSearch
{
	background-color:transparent;
}

.FR #divSearchAgenda input[type=text], .FR #divSearchAgenda select
{
	text-transform:lowercase;
}


#divSearchAgenda ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#000000;
  opacity: 1; /* Firefox */
}

#divSearchAgenda :-ms-input-placeholder { /* InternetExplorer 10-11 */
  color:#000000;
}

#divSearchAgenda ::-ms-input-placeholder { /* Microsoft Edge */
  color:#000000;
} 

@media only screen and (min-width:900px)
{
	.zoneListe #calendarAgendaCtn .colGauche
	{
		float:left;
		width:28.8%;
		box-sizing:border-box;
		position:relative;
		padding-right:42px;
		padding-top:0;
	}
	
	.zoneListe #calendarAgendaCtn .colDroite
	{
	   float:left;
		width:71.2%;
		box-sizing:border-box;
		padding-left:50px;
	}
	
	.zoneListe #calendarAgendaCtn .barre:before
	{
		display:block;
		content:"";
		width:1px;
		height:100%;
		background:#d3d3d3;
		position:absolute;
		top:0;
		bottom:0;
		left:28.8%;
	}	
	
	.zoneListe #calendarAgendaCtn .colGauche:before
	{
		display:block;
		content:"";
		width:3px;
		height:100px;
		background:#ed0e2e;
		position:absolute;
		left:-1px;
	}
	
	.zoneListe #calendarAgendaCtn .colGauche:before
	{
		display:none;
	}	

	
	/*Gestion de la liste*/
	
	.zoneListe #calendarAgendaCtn #agendaList #nbrResults
	{
		margin:0 0 80px 0;
		border:0;
		padding-top:0;
	}	
	
	.zoneListe #calendarAgendaCtn #agendaList #nbrResults:before
	{
		display:none;		
	}
	
	.zoneListe #calendarAgendaCtn #agendaListCtn .listElement
	{
		margin:0 0 100px 0;
	}
	
	.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .date
	{
		width:auto;
		float:left;
		width:26.25%;
	}
	
	.zoneListe #calendarAgendaCtn #agendaListCtn .listElement .txt
	{
		float:left;
		width:73.75%;
		padding:0 0 0 40px;	
		min-height:194px;
	}	
	
	/* RECHERCHE */
	#divSearchAgenda
	{
		margin:0 0 100px 0;
	}
}


/*STYLE FOR SIERRETOURISME EVENT*/
#agendaRightMoreContent .contact .adresse
{
	padding-bottom:20px;
}
#agendaRightMoreContent .reseaux
{
	margin-top:27px;
}
#agendaRightMoreContent .reseaux a
{
	display:inline-block;
	background-repeat:no-repeat;
	background-size:100%;
	margin-right:11px;
	transition:all 0.5s;
}
#agendaRightMoreContent .reseaux a:hover
{
	opacity:0.5;
}
#agendaRightMoreContent .reseaux a.facebook
{
	width:10px;
	height:19px;
	background-image:url(https://www.sierretourisme.ch/plugin/POI/template/images/facebook.svg);
}
#agendaRightMoreContent .reseaux a.twitter
{
	width:20px;
	height:16px;
	background-image:url(https://www.sierretourisme.ch/plugin/POI/template/images/twitter.svg);
}
#agendaRightMoreContent .reseaux a.instagram
{
	width:19px;
	height:19px;
	background-image:url(https://www.sierretourisme.ch/plugin/POI/template/images/instagram.svg);
}
#agendaRightMoreContent .reseaux a.youtube
{
	width:19px;
	height:19px;
	background-image:url(https://www.sierretourisme.ch/plugin/POI/template/images/youtube.svg);
}
#agendaRightMoreContent .reseaux a.pinterest
{
	width:20px;
	height:20px;
	background-image:url(https://www.sierretourisme.ch/plugin/POI/template/images/pinterest.svg);
}
#agendaRightMoreContent .ouverture
{
	margin-bottom:40px;
}

/* Search annuaire */
.clear:after
{
	content:"";
	display:block;
	clear:both;
}
#FieldSetannuaireFormSearch
{
	padding: 25px 25px 0 25px;
	border: 1px solid #dcdcdc;
	margin-bottom:70px;
	background-color: #f3f3f3;
}
#annuaireFormSearch .combo
{
	box-sizing:Border-box;
	margin-bottom: 20px;
}
#annuaireFormSearch .input
{
	box-sizing:Border-box;
	margin-bottom: 20px;
}
#annuaireFormSearch select, #annuaireFormSearch input[type=text]
{
	display: block;
	box-sizing:border-box;
	width:100%;
}

#annuaireFormSearch select.cbxsubcat, #annuaireFormSearch .souscat
{
	display:none;
}
#annuaireFormSearch input[type=text]
{
	
	display:block;
	margin-right: 0;
	font-size:15px;
	color:#000000!important;
	border:1px solid #d3d3d3;
	padding:0 12px 0 12px ;
	height:28px;
	background-color:#ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}

#annuaireFormSearch input[type=submit]
{
	display: block;
	width:100%;
	border:0px;
	margin:0px;
	padding:0px;
	height: 28px;
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
	line-height:normal;
	cursor:pointer;
	background-color: #222739;
	font-family:robotomedium;
	
}

#annuaireFormSearchFiltre
{
	width:100%;
	margin:20px 0 30px 0;
	
}

#annuaireFormSearchFiltre > div.saut
{
	display:none;
}

/*
Version colonne des filtres
#annuaireFormSearchFiltre > div.saut:nth-of-type(4n+0)
{
	display:block;
	margin:20px 0 0 0;
	width:100%;
}

#annuaireFormSearchFiltre .enteteicone
{
	--width:22%;
}
*/

#annuaireFormSearchFiltre input[type=submit]
{
	display:inline-block;
	border:0;
	background:transparent;
	color:#000000;
	font-weight:normal;
	font-family: roboto;
	font-size:13px;
	cursor:pointer;
	width:auto;
	text-align:left;
	box-sizing:border-box;
	/*padding:0 15px 0 15px;*/
	padding: 0;
	/*border-right:2px solid #222739;*/
}

.FR #annuaireFormSearchFiltre input[type=submit]
{
	text-transform:lowercase;
}

#annuaireFormSearchFiltre input[type=submit]:nth-child(7)
{
	border-right:0;
}

@media only screen and (min-width:641px)
{
	#annuaireFormSearch .combo
	{
		float:left;
		width: 48%;
	}
	#annuaireFormSearch .input
	{
		float:right;
		width:48%;
	}
}

/* List annuaire */
#annuaireElementList
{
	margin-top:30px;
}
#annuaireElementList #annuaireListCtn .listElement
{
	border:1px solid #d3d3d3;
	padding:20px;
	box-sizing:border-box;
	margin-bottom:20px;
}

#annuaireElementList #annuaireListCtn .listElement .txt,
#annuaireListCtn .listElement .txt
{
	height:auto;
}

#annuaireElementList #annuaireListCtn .listElement:hover
{
	border:1px solid #ed0e2e;
}
#annuaireElementList #annuaireListCtn .listElement .enteteicone
{
	display:none;
}
#annuaireListCtn .listElement
{
	border:0;
	background:none;
	padding-bottom:0;
}
#annuaireListCtn .listElement h5
{
	color:#000000;
	font-weight:bold;
	font-size:21px;
}

#annuaireListCtn .listElement a
{
	color:#000000;
	font-weight:normal;
}
#annuaireListCtn .listElement .txt
{
	padding: 0 0 10px 0;
}
#annuaireListCtn .listElement .txt:before
{
	display:none;
}

#annuaireListCtn .listElement .enteteicone
{
	display:block;
	border-bottom:1px solid #d3d3d3;
	margin-bottom:30px;
	padding-left:4px;
	height:34px;
	box-sizing:border-box;
}
#annuaireFormSearchFiltre .enteteicone
{
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}

@media only screen and (min-width:641px)
{
	#annuaireFormSearchFiltre .enteteicone
	{
		margin-right:20px;	
		display:inline-block;

	}
	#annuaireFormSearchFiltre .enteteicone:last-of-type
	{
		margin-right:0;
	}
	
}

#annuaireListCtn .listElement .enteteicone > span,
#annuaireFormSearchFiltre .enteteicone > span
{
	display:inline-block;
	vertical-align:top;
	background-size: 100%;
	background-repeat:no-repeat;
	background-position:center center;
	
}

#annuaireListCtn .listElement .enteteicone > span:nth-child(2),
#annuaireFormSearchFiltre .enteteicone > span:nth-child(2)
{
	font-size:13px;
	box-sizing:border-box;
	padding:4px 0 0 10px;
}
.FR #annuaireListCtn .listElement .enteteicone > span:nth-child(2),
.FR #annuaireFormSearchFiltre .enteteicone > span :nth-child(2)
{
	text-transform:lowercase;
}
#annuaireListCtn .listElement .enteteicone > span.categorie1,
#annuaireFormSearchFiltre .enteteicone > span.categorie1
{
	background-image: url(/plugin/annuaire/template/images/icon1.svg);
	width:14px; ;
	height:21px;
}

#annuaireFormSearchFiltre .enteteicone > span.categorie1
{
	margin-right:7px;
}
#annuaireListCtn .listElement .enteteicone > span.categorie2,
#annuaireFormSearchFiltre .enteteicone > span.categorie2
{
	background-image: url(/plugin/annuaire/template/images/icon2.svg)  ;
    width:22px; ;
	height:22px;
}
#annuaireListCtn .listElement .enteteicone > span.categorie3,
#annuaireFormSearchFiltre .enteteicone > span.categorie3
{
	background-image: url(/plugin/annuaire/template/images/icon3.svg) ;
    width: 22px  ;
	height:15px;
	padding-top: 9px;
}
#annuaireListCtn .listElement .enteteicone > span.categorie4,
#annuaireFormSearchFiltre .enteteicone > span.categorie4
{
	background-image: url(/plugin/annuaire/template/images/icon4.svg)  ;
    width: 18px  ;
	height:20px;
	padding-top: 5px;
}
#annuaireFormSearchFiltre .enteteicone > span.categorie4
{
	margin-right:4px;
}
#annuaireListCtn .listElement .enteteicone > span.categorie5,
#annuaireFormSearchFiltre .enteteicone > span.categorie5
{
	background-image: url(/plugin/annuaire/template/images/icon5.svg)  ;
    width: 17px  ;
	height:24px;
}
#annuaireFormSearchFiltre .enteteicone > span.categorie5
{
	margin-right:5px;
}
#annuaireListCtn .listElement .enteteicone > span.categorie6,
#annuaireFormSearchFiltre .enteteicone > span.categorie6
{
	background-image: url(/plugin/annuaire/template/images/icon6.svg) ;
    width: 22px  ;
	height:26px;
}
#annuaireListCtn .listElement .enteteicone > span.categorie7,
#annuaireFormSearchFiltre .enteteicone > span.categorie7
{
	background-image: url(/plugin/annuaire/template/images/icon7.svg) ;
    width: 22px ;
	height:19px;
	padding-top: 3px;
}
#annuaireListCtn .listElement .enteteicone > span.categorie8,
#annuaireFormSearchFiltre .enteteicone > span.categorie8
{
	background-image: url(/plugin/annuaire/template/images/icon8.svg) ;
	background-size:contain;
    width: 22px ;
	height:26px;
}

#annuaireListCtn .listElement .more
{
	color: #000000;
	font-weight:normal;
	font-size:12px;
	margin:20px 0 0 0;
	
	display: inline-block;
    position: relative;
    padding: 5px 0 10px 40px;

}
#annuaireListCtn .listElement, #annuaireListCtn .listElement h5
{
	transition:all 0.5s;
}

#annuaireListCtn .listElement:hover .more, #annuaireListCtn .listElement:hover h5
{
	color:#ed0e2e;
}
#annuaireListCtn .listElement:hover .more:before
{
	transform:rotateZ(90deg);
}

#annuaireListCtn .listElement .img
{
	display:none;
}

#annuaireListCtn .listElement .adr
{
	padding-bottom:20px;
}

#annuaireListCtn .listElement .adr:empty,
#annuaireListCtn .listElement .infos:empty
{
	display:none;
}

@media only screen and (min-width:641px)
{

	#annuaireElementList #annuaireListCtn .listElement .txt
	{
		height:260px;
	}	
	#annuaireListCtn .listElement .txt
	{
		height:295px;		
	}
	#annuaireListCtn .listElement
	{
		float:left;
		width:22.75%;
		margin:0 0 130px 0;
		margin-right:3%;
	}

	#annuaireListCtn .listElement:nth-child(4n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}
	
	.int.carte #annuaireListCtn .listElement:nth-child(4n+0)
	{
		margin-right:3%;
	}
	
	#annuaireElementList #annuaireListCtn .listElement
	{
		width:48.5%;	
	}
	
	#annuaireElementList #annuaireListCtn .listElement:nth-child(2n+0)
	{
		margin-right:0
	}
}
/* Detail annuaire */
#annuaireHeadCtn .img
{
	background-position:center left;
	background-size:contain;
	width:75%;
}	

#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 20px 0;
	line-height:1.5em;
}
#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
{
	font-weight:normal;
}

/*Carte Google*/
.EditMoreTbl .soustitre
{
	font-weight:bold;
	padding-top:20px;
}

#adresseAdminMap
{
	width:100%;
	height:350px;
	margin:15px 0 0 0;
}
.mapCtn
{
	width:100%;
	height:550px;
	margin:15px 0 0 0;
	position:relative;
}

#adresseMap
{
	width:100%;
	height:100%;
}

#annuaireElementList .listElement
{
	width:100%;		
}

@media (min-width:600px) 
{
	#annuaireHeadCtn .img
	{
		width:50%;
		height:auto;
	}	
	#annuaireHeadCtn .img.portrait
	{
		height:50%;
		width:auto;
	}	
	#annuaireDataCtn .dataElement .label
	{
		float:left;
		width:30%;
		padding-right:20px;
	}
	#annuaireDataCtn .dataElement .data
	{
		float:left;
		width:70%;
	}
}


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

/*Carte interactive*/
.int.carte .bg
{
	background:#FFFFFF;
	position:relative;
}

.int.carte .carteInteractive, .int.carte .carteInteractive > div:nth-child(1), .int.carte .mapCtn
{
	width:100%;
	height:100%;
	margin:0;
	position:absolute;
}

.home #sliderCtnAll .int.carte #downCtn, .classNoSlider .int.carte #downCtn
{
	left:calc(50% - 20px);
}

.int.carte .seeListing
{
	display:none;
}

/*Filtre version mobile*/
.int.carte #btnFiltreCarte
{
	box-sizing:border-box;
	padding:50px 20px 15px 20px;
	background:#222739;
	text-align:center;
}
.int.carte #btnFiltreCarte > div
{
	width:calc(32% - 3px);
	box-sizing:border-box;
	margin-right:3px;
	display:inline-block;
	background:#FFFFFF;
	border-radius: 2px;
	font-size:13px;
	color:#000000;
	padding:7px 0 7px 0;
	text-align:center;
	cursor:pointer;
	max-width:150px;
}
.int.carte #btnFiltreCarte > div:hover, .int.carte #btnFiltreCarte > div.selected
{
	background:#ed0e2e;
	color:#FFFFFF;
}
.int.carte #btnFiltreCarte > div:nth-child(3)
{
	margin-right:0;
}

.int.carte #btnFiltreCarte > div:before
{
	content:"";
	display:inline-block;
	background-repeat:no-repeat;
	background-position:top left;
	background-size:100% auto;
	margin-right:6px;
	vertical-align:top;
}
.int.carte #btnFiltreCarte > div:nth-child(1):before
{
	background-image:url(/plugin/annuaire/template/images/filtre.svg);
	width:13px;
	height:12px;
	margin-top:3px;
}
.int.carte #btnFiltreCarte > div.selected:nth-child(1):before, .int.carte #btnFiltreCarte > div:hover:nth-child(1):before
{
	background-image:url(/plugin/annuaire/template/images/filtreOn.svg);
}
.int.carte #btnFiltreCarte > div:nth-child(2):before
{
	background-image:url(/plugin/annuaire/template/images/listing.svg);
	width:13px;
	height:14px;
	margin-top:5px;
}
.int.carte #btnFiltreCarte > div.selected:nth-child(2):before, .int.carte #btnFiltreCarte > div:hover:nth-child(2):before
{
	background-image:url(/plugin/annuaire/template/images/listingOn.svg);
}
.int.carte #btnFiltreCarte > div:nth-child(3):before
{
	background-image:url(/plugin/annuaire/template/images/carte.svg);
	width:15px;
	height:15px;
}
.int.carte #btnFiltreCarte > div.selected:nth-child(3):before, .int.carte #btnFiltreCarte > div:hover:nth-child(3):before
{
	background-image:url(/plugin/annuaire/template/images/carteOn.svg);
}
.int.carte #downCtn
{
	display:none;
}

.int.carte .bg.noCarte
{
	border:0;
	height:50px!important;
}
.int.carte .bg.withCarte
{
	border:0;
}

@media only screen and (min-width:900px)
{
	.int.carte .seeListing
	{
		display:block;
		text-align:center;
		padding-top:30px;
		cursor:pointer;
	}
	
	.int.carte #btnFiltreCarte
	{
		display:none;
	}
	
	.int.carte #downCtn
	{
		display:block;
	}
}
/*fin filtre version mobile*/
.int.carte .ctnSearchCarte
{
	display:none;
	position:absolute;
	width:100%;
	box-sizing:border-box;
	background-color:rgb(255,255,255);
	padding:30px 23px 40px 40px;
	z-index:1003;
	left:0;

}
.int.carte .ctnSearchCarte .resultat
{
	background:#222739;
	padding:10px 0 10px 0;
	font-size:15px;
	color:#FFFFFF;
	font-family:robotomedium;	
	text-align:center;
	margin-top:15px;
	cursor:pointer;
}

.int.carte .ctnSearchCarte .resultat .cas2
{
	display:none;
}

.int.carte .ctnSearchCarte .close
{
	position:absolute;
	top:20px;
	right:20px;
	cursor:pointer;
}

.int.carte .ctnSearchCarte .close:before, .int.carte .ctnSearchCarte .close:after
{
	width: 15px;
	height: 2px;
	background-color: #000;
	margin: 0 auto 6px auto;
	transform-origin: center center;
	transition: transform 0.5s;
	display: block;
	content: '';
	position: relative;
	border-radius:0px;
	
}
.int.carte .ctnSearchCarte .close:before {
	transform: rotateZ(45deg) translate(5px, 2px);
	width:15px;
}

.int.carte .ctnSearchCarte .close:after {
	transform: rotateZ(-45deg) translate(3px, -1px);
	width:15px;
	
}

.int.carte .ctnSearchCarte .titre
{
	font-size:23px;
	margin-bottom:25px;
}

.int.carte .ctnSearchCarte > div >  .annuaire, .int.carte .ctnSearchCarte > div >  .parcours
{
	font-size:14px;
	border-bottom:1px solid #e2e2e2;
	padding:8px 0 8px 0
}

.FR .int.carte .ctnSearchCarte > div > .annuaire, .FR .int.carte .ctnSearchCarte > div >  .parcours
{
	text-transform:lowercase;
}

.int.carte .ctnSearchCarte a, .int.carte .ctnSearchCarte span
{
	display:inline-block;
	vertical-align:top;
}

.int.carte .ctnSearchCarte span
{
	width: calc(100% - 30px);
}

.sousCat
{
	display:none;
}
.sousCat > div
{
	padding:10px 0 0 27px;
}

.int.carte .ctnSearchCarte input[type=checkbox]
{
	border:0;
	background-color:transparent;
}

.int.carte .ctnSearchCarte .checkbox a {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 15px;
    height: 15px;
	border:1px solid #494949;
    border-radius: 2px;
    background: #fffff;
	margin-right:10px;
}
.int.carte .ctnSearchCarte .checkbox a.checked
{
	border:1px solid #ed0e2e;
}
.int.carte .ctnSearchCarte .checkbox a.checked:before
{
	content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	
    background: url(/plugin/annuaire/template/images/vu.svg) no-repeat center center #ed0e2e;
    background-size: 8px 6px;
}

.int.carte #annuaireListCtn
{
	margin-top:90px;
}

@media only screen and (min-width:900px)
{
	.int.carte .ctnSearchCarte
	{
		display:block;
		margin:80px 0 0 5px;
		width:315px;
		background-color:rgba(255,255,255,0.9);
		max-height:500px;
		overflow:auto;	
	}
	
	.int.carte .ctnSearchCarte .resultat
	{
		display:none;
	}
	
	.int.carte .ctnSearchCarte .close
	{
		display:none;
	}
	
}/*
Style pour le calendrier
*/
#calendriers 
{
	display:none;
}
@media only screen and (min-width:900px)
{
	#calendriers 
	{
		display:block;
		margin:20px 0 20px 8px;
	}
	
	#calendriers .fondCalendrier, #calendriers .fondCalendrier6Lignes
	{
		width:100%;
		padding-top:12px;
		margin-bottom:30px;
		
	}
	
	#calendriers .fondCalendrier .bold
	{
		font-weight:bold;
	}
	
	/* 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: 12px;
	}
	
	/* 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:left;
		width: 100%;
		border-bottom:1px solid #d3d3d3;
		margin-bottom:7px;
	}
	
	#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: #000000;
		font-weight: normal;
		font-size:17px;
		text-decoration: none;
	}
	
	/* 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 {
		
	}
	
	/* 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 {

	}
	
	/* 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 img {
		display: none;
	}
	#calendriers .arrowNavig
	{
		text-align:right;
		border-top:1px solid #d3d3d3;		
	}
	#calendriers .arrowNavig > div
	{
		display:inline-block;
		
	}
	#calendriers .calendar_title_left_arrow_clickable, #calendriers .calendar_title_right_arrow_clickable
	{
		display:block;
		position:relative;
		margin-top:15px;
	}
	#calendriers .calendar_title_left_arrow_clickable:before, #calendriers .calendar_title_right_arrow_clickable:before
	{
		font-family: 'cms_icons' !important;
	  speak: none;
		content:"\e904";
		  /* Better Font Rendering =========== */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
		display:block;
		font-size:10px;
		color:#000000;
		
		transform: rotate(180deg);
		margin-right:10px;
	}
	
	#calendriers .calendar_title_right_arrow_clickable:before
	{
		transform: rotate(0deg);
		margin-left:10px;
		top:1px;
	}
	
	/* 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 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:#000000;
		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: 12px;
		padding-left:6px;
		padding-right:6px;
		padding-top:7px;
		padding-bottom:8px;
		/*border:1px solid #d0d4d9;*/
		color: #000000;
	}
	#calendriers .calendar_table td.calendar_other_month {
		color: #91a0ad;
	}
	
	/*Pour IE 9*/
	#calendriers .calendar_tableIE9 td {
		text-align: left;
		font-size:12px;
		padding-left:11px;
		padding-right:11px;
		padding-top:12px;
		padding-bottom:13px;
		/*border:1px solid #d0d4d9;*/
		color: #000000;
	}
	
	/* 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 
	{
		color:#000000;
		font-weight:bold;
		text-align: center !important;
		font-size:12px;
		padding-left:10px;
		padding-right:10px;
		padding-top:12px;
		padding-bottom:13px;
		border:0;
		background:#f3f3f3;
	
	}
	
	/* 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: #91a0ad;
	}
	
	/* 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: #91a0ad;
		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: #FFFFFF;
		font-weight:normal;
		text-decoration: none;
		background: #222739;
	}
	#calendriers td.calendar_today{
		background: #222739;
		color: #FFFFFF;
	}
	
	/* Style of today's link                              */
	/* Style du lien sur le jour representant aujourd'hui */
	#calendriers .calendar_today_clickable {
		color:#FFFFFF;
		font-weight:bold;
		text-decoration: none;
		
		/*background:url(/plugin/calendrier/template/image/todayClic.gif) no-repeat top right #ffffff;*/
	}
	#calendriers .calendar_today_clickable a
	{
		color:#FFFFFF;
		background: #222739;
		padding:5px;
		display:block;
	}
	#calendriers td.calendar_today_clickable {
		color:#FFFFFF;
		font-weight:bold;
	}
	
	#calendriers .calendar_todaycontinues_clickable a
	{
		color: #ed0e2e;
		font-weight:bold;
		text-decoration: none;
	}
	
	#calendriers .calendar_todaycontinues_clickable {
		color: #ed0e2e;
		font-weight:bold;
		text-decoration: none;
		
	}
	#calendriers td.calendar_todaycontinues_clickable {
		color:#ed0e2e;
		text-decoration:none;
		font-weight:bold;
	}
	
	/* 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:#ed0e2e;
		text-decoration:none;
		font-weight:bold;
		/*background: url(/plugin/calendrier/template/image/dayClic.gif) no-repeat top right;*/
		
	}
	#calendriers .calendar_day_clickable a
	{
		color:#FFFFFF;
		background: #222739;
		display:block;
		padding:5px;
	}

	
	#calendriers .calendar_daycontinues_clickable {
		
		color:#ed0e2e;
		text-decoration:none;
		font-weight:bold;
		/*background:url(/plugin/calendrier/template/image/daycontinuesClic.gif) no-repeat top right;*/
		
		
	}
	
	#calendriers .calendar_daycontinues_clickable a
	{
		color:#ed0e2e;
		text-decoration:none;
		font-weight:bold;

	}
	
	#calendriers .calendar_day {
		color:#3b3b3b;
		text-decoration:none;
		font-weight:normal;
	}
}
/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha { float:left;margin-top:20px;width:224px;}
.QapTcha .clr{ clear:both; }
.QapTcha .bgSlider { 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; }/* CARTOUCHE GENERIQUE */
.cartoucheCtn
{
	position:relative;
	margin-bottom:65px;		
}
.home .cartoucheCtn
{
	margin-bottom:0;
}
.cartoucheCtn h5
{
	margin:20px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:bold;
}

.cartoucheCtn .more
{
	display:block;
	color:#000000;
	text-decoration:none;
	text-align:right;
	font-weight:normal;
	font-size:14px;
	margin-top:-10px;
}

.cartoucheCtn .archive
{
	display:block;
	color:#000000;
	text-decoration:none;
	padding:5px 0px 5px 0px;
}
.cartoucheCtn .archive > a
{
	margin-left:3px;
	text-decoration:none;
	color:grey;
}

.cartoucheElementCtn
{
	position:relative;
}

.home .cartoucheElementCtn
{
	height:620px;
}

.home #cartoucheHomeAgenda .cartoucheElementCtn
{
	height:450px;
}

.cartoucheElement
{
	position:relative;
	display:block;
	text-decoration:none;
	margin:0 0 30px 0;
	float:none;
	width:100%;
	background:#f3f3f3;
	box-sizing:border-box;
}


.home #cartoucheHomeAgenda .divImg
{
	width:300px;
	margin:0 auto 0 auto;
	text-align:center;
}

.home #cartoucheAgendaCartoucheCtn .cartoucheElement
{
	text-align:center;
	padding:0;
}

.home #cartoucheAgendaCartoucheCtn .img
{
	margin:0 auto 0 auto;
}

.home .cartoucheElement
{
	background:none;
}

@media only screen and (min-width:641px)
{
	.home .cartoucheElementCtn
	{
		height:auto;
	}
	
	.home #cartoucheHomeAgenda .cartoucheElementCtn
	{
		height:auto;
	}
	.home #cartoucheHomeAgenda .divImg
	{
		width:auto;
		margin:0;
		text-align:left;
	}
	
	.home #cartoucheAgendaCartoucheCtn .cartoucheElement
	{
		text-align:left;
	}
	
	.home #cartoucheAgendaCartoucheCtn .img
	{
		margin:0;
	}
}

.cartoucheElement .img
{
	display:none;
}

.cartoucheElement .txt
{
	display:block;
	position:relative;
	padding:30px 25px 50px 30px;
	overflow:hidden;
	line-height:1.6;
}

.home .cartoucheElement .txt
{
	padding:50px 10px 10px 10px;
	box-sizing:border-box;
}

.cartoucheElement h6
{
	margin:0px 0px 25px 0px;
	font-weight:bold;
	color:#000000;
	font-size:20px;	
}

.home .cartoucheElement h6
{
	margin:0px 0px 20px 0px;
	font-weight:normal;
	font-size:25px;
	line-height:normal;
}
.cartoucheElement .resume
{
	display:block;
	color:#000000;	
	font-weight:normal;
}

.home .cartoucheElement .resume
{
	line-height:1.6;
}

.cartoucheElement .date
{
	color:#000000;	
	font-weight:normal;
	font-size:12px;
}

.cartoucheElement .carreFleche
{
	left:auto;
	right:20px;
	position:absolute;
	bottom:0;
	
}

.home .cartoucheElement .carreFleche
{
	display:none;
}

.cartoucheElement:after
{
	content:"";
	display:block;
	background:#000000;
	height:6px;
	width:71px;
	bottom:-6px;
	right:59px;
	position:absolute;
}

/*Cartouche pour la homepage*/
.home .titreCartoucheHolder
{
	display:none;
}

.home .ctnHome
{
	position:relative;
	max-width:1330px;
	margin: 0 auto 0 auto;
	padding:0 10px 0 10px;
}

#cartoucheNews > .more{
	display:none;
}
.home #cartoucheHomeNews .cartoucheCtn .more, .home #cartoucheHomeAgenda .cartoucheCtn .more
{
	display:none!important;
}
.home #cartoucheHomeNews 
{
	position:relative;
	margin-bottom:45px;
	margin-top:40px;
}
.home #cartoucheHomeNews .more
{
	display:block!important;
	position:relative;
	padding-left:50px;
	float:left;
	margin-bottom:30px;
	width:80%;
	box-sizing: border-box;
}

.int #cartoucheholder > .more
{
	display:none;
}

.home #cartoucheHomeNews .more:before
{
	content:"";
	display:block;
	position:absolute;
	right:-40px;
	width:27px;
	height:27px;
	background-size:100%;
	background:url(/template/image/pictos_plus.svg) no-repeat;
	vertical-align:middle;
	transition:all 0.5s;
}

.home #cartoucheHomeNews .more:hover:before
{
	transform:rotateZ(90deg);
}

.home #cartoucheHomeNews .more:after
{
	content:"";
	display:block;
	height:1px;
	background:#d3d3d3;
	width:100%;
	position:absolute;
	bottom:-10px;
	left:0;
}

.home #cartoucheHomeNews .more span
{
	display:inline-block;
	vertical-align:middle;
	color:#000000;
	font-size:13px;
	font-weight:normal;
}

.home #cartoucheHomeNews .more:hover span
{
	color:#ed0e2e;
}

#cartoucheNews .more.onlyhome{
	display:none;
	text-transform: lowercase;
}
.home .ctnHome{

	padding-bottom: 20px;
	margin-bottom:20px;
	background:#ffffff;
}
@media only screen and (min-width:641px)
{
	.home .ctnHome{
		margin-bottom:0;
		padding-bottom:55px;
	}
	.home #cartoucheHomeNews .more
	{
		position:absolute;
		bottom:0;
		left:5%;
		width:45%;
		height:55px;
		padding-left:0;
		margin-bottom:0;
	}
	.home #cartoucheHomeNews > #cartoucheNews .more{
		bottom:-130px; /*en admin*/
	}
	.home #cartoucheHomeNews .more.onlyhome{
		display:block;
		left:55%;
		width:45%;

	}
	.home #cartoucheHomeNews .more:before
	{
		display:inline-block;
		position:relative;
		right:auto;
		width:55px;
		height:55px;
		margin-right:13px;
	}

	.home #cartoucheHomeNews .more:after
	{
		width:calc(100% - 68px);
		bottom:10px;
		left:68px;
	}
}
@media only screen and (min-width:1340px)
{
	.home .ctnHome{
		padding-bottom:0;
	}
	.home #cartoucheHomeNews .more
	{
		left:50%;
		width:18%;
	}
	.home #cartoucheHomeNews .more.onlyhome {
		left: 70%;
		width: 30%;
	}
}
.home .cartoucheElement
{
	float:none;
	width:100%;
	background:#FFFFFF;
	padding:0 40px 0 40px;
	box-sizing:border-box;
}

.home #cartoucheNewsCartoucheCtn .cartoucheElement, .home #cartoucheAgendaCartoucheCtn .cartoucheElement
{
	margin:0;
	padding-bottom:0;
	position:absolute;
	top:0;
	left:107%;
	width:100%;
	height:100%;
	z-index:0;
}

#cartoucheNewsCartoucheCtn,  #cartoucheAgendaCartoucheCtn
{
	overflow:hidden;
}


.home .cartoucheElement .img
{
	position:relative;
	display:block;
	overflow:hidden;	
}
.home .cartoucheElement .divImg
{
	position:relative;
}
.home .cartoucheElement .divImg .carreFleche
{
	top:auto;
	bottom:-21px;
	display:block;
	position:absolute;
}


.home .cartoucheElement .divImg:after 
{
    content: "";
    display: block;
    background: #000000;
    height: 6px;
    width: calc(100% - 36px);
    bottom: -6pxpx;
    right: 0px;
    position: absolute;
}

.home .cartoucheElement:after
{
	display:none;
}

.home .cartoucheElement .img > div:not(.carreFleche)
{
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
	transition:all 0.5s;
	
}


.home .cartoucheElement .img > div:not(.carreFleche):before
{
	content:"";
	display:block;
	padding-top:100%;
}


.home .cartoucheElement .carreFleche {
    left: auto;
    right: 22px;
    position: absolute;
    bottom: auto;
	top:269px;
	z-index:1;
}

.home .cartoucheElement .date
{
	display:none;
}

/*Cartouche agenda de la home*/


.home #cartoucheHomeAgenda .cartoucheElement h6
{
	margin:0px 0px 20px 0px;
	font-size:30px;
	line-height:1.2;
}

.home #cartoucheHomeAgenda .cartoucheElement .txt
{
	padding:50px 0 10px 20px;
	box-sizing:border-box;
	
}

.home #cartoucheHomeAgenda .cartoucheElement .img
{
	width:220px;
	height:220px;
	background:#222739;
	position:relative;
}

.home #cartoucheHomeAgenda .cartoucheElement .img > div:not(.carreFleche)
{
	background:none;
}

.home #cartoucheHomeAgenda .cartoucheElement .img > div:not(.carreFleche):before
{
	display:none;
}

.home #cartoucheHomeAgenda .cartoucheElement .carreFleche
{
	bottom:0;
	right:1px;
	transition:all 0.5s;
}

.home #cartoucheHomeAgenda .divImg:after
{
	background:#ed0e2e;
	right:40px;
	width:71px;
	bottom:-6px;
	transition:all 0.5s;
}
.home #cartoucheHomeAgenda .cartoucheElement:hover .divImg:after
{
	width:calc(100% - 40px);
}

.home #cartoucheHomeAgenda .img:before
{
	content:"";
	width:1px;
	height:100%;
	display:inline-block;
	vertical-align:middle;
}


.home #cartoucheHomeAgenda .cartoucheElement:hover .img > div:not(.carreFleche)
{
	transform: none;
}

/*Gestion des flèches*/
.cartoucheElementCtn .arrowPrev, .cartoucheElementCtn .arrowNext
{
	display:none;
}

.home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowPrev, .home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowNext,
.home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowPrev, .home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowNext
{
	display:block;
	color:#000000;
	font-size:18px;
	left:0;
	top:20%;
	z-index:2;
	position:absolute;
	box-sizing:border-box;
	cursor:pointer;
	width:10px;
	height:30px;
}


.home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowPrev:before,
.home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowPrev:before
{
	transform:rotateZ(-180deg);
	display:block;
	position:relative;
}


.home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowNext:before,
.home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowNext:before
{
	display:block;
	position:relative;
}


.home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowNext,
.home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowNext
{
	left:auto;
	right:0;
}

@media only screen and (min-width:641px)
{
	.home #cartoucheHomeNews 
	{
		margin-top:100px;
		padding-bottom:130px;
		margin-bottom:140px;
	}
	
	.home .cartoucheElementCtn
	{
		height:auto;
	}
	
	.home .cartoucheElement
	{
		padding:0;
	}
	
	.home .cartoucheElement, .home #cartoucheNewsCartoucheCtn .cartoucheElement
	{
		float:left;
		width:42.2%;
		margin-bottom:30px;
		margin-right:5.2%;
		background:none;
		position:relative;
		top:auto;
		left:auto;
	}

	.home #cartoucheNewsCartoucheCtn .cartoucheElement:nth-of-type(2n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}	
	
	.home .cartoucheElement .img
	{
		height:100%;
	}
	
	.home .cartoucheElement:hover .img > div:not(.carreFleche)
	{
		transform: scale(1.5);
	}
	

	.home #cartoucheHomeAgenda .cartoucheElement, .home #cartoucheAgendaCartoucheCtn .cartoucheElement
	{
		float:left;
		width:36%;
		margin-right:7%;
		margin-left:7%;
		margin-bottom:85px;
		position:relative;
		top:auto;
		left:auto;
		max-width:260px;
	}	
	
	.home #cartoucheAgendaCartoucheCtn .cartoucheElement:nth-of-type(2n+1)
	{
		clear:both;
	}

	
	#cartoucheNewsCartoucheCtn,  #cartoucheAgendaCartoucheCtn
	{
		overflow:visible;
	}

	.home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowPrev, .home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowNext,
	.home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowPrev, .home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowNext
	{
		display:none;
	}
	
	.home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowNext,
	.home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowNext
	{
		display:none;
	}
}

@media only screen and (min-width:960px)
{
	.home #cartoucheHomeAgenda .cartoucheElement, .home #cartoucheAgendaCartoucheCtn .cartoucheElement
		{
			width:260px;
		}
	
	.home #cartoucheHomeAgenda .cartoucheElement, .home #cartoucheAgendaCartoucheCtn .cartoucheElement
	{
		margin-left:0;

	}	
	.home #cartoucheHomeNews 
	{
		margin-top:260px;
	}
	
	.home #cartoucheNewsCartoucheCtn .cartoucheElement:nth-of-type(2n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:5.2%;
	}	
	
	.home #cartoucheNewsCartoucheCtn .cartoucheElement:nth-of-type(4n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}	
	
	.home .cartoucheElement, .home #cartoucheNewsCartoucheCtn .cartoucheElement
	{

		width:21.1%;
		margin-bottom:0;
	}
}

#cartoucheholder .titreCartoucheHolder
{
	margin:0 0 35px 0;
    font-weight: bold;
    font-size:16px;
	color:#ed0e2e;
}
/* COVID19 */
#covid19Holder
{
	position:relative;
	display:block;
	background:#ed0e2e;
	padding:40px 10px 40px 10px;
	text-align:left;
}
#covid19Holder .msg
{
	position:relative;
	display:inline-block;
	font-family:roboto;
	font-weight:bold;
	font-size:21px;
	color:#ffffff;	
	padding-left:64px;	
	margin-top:40px;
}
#covid19Holder .msg:before
{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:36px;
	height:32px;
	background:url(/plugin/design/template/image/warning.svg) no-repeat center bottom;
	background-size:contain;
}
#covid19Holder .msg span
{
	display:block;
	margin-top:10px;
	font-weight:normal;
	font-size:16px;
}

#covid19Holder .close
{
	position:absolute;
	right: 20px;
	top:20px;
	width:30px;
	height:30px;
	background:url(/plugin/design/template/image/fermeture.svg) no-repeat center center;
	background-size:contain;
}

@media only screen and (min-width:800px)
{
	#covid19Holder
	{
		text-align:center;
	}	
	
	#covid19Holder .msg
	{
		margin-top:0;
	}	
	
	
	#covid19Holder .close
	{
		right: 2%;
		top:50%;
		transform:translateY(-50%);
		width:20px;
		height:20px;
	}
}

@media only screen and (min-width:960px)
{
	#covid19Holder .msg
	{
		font-size:27px;
	}
	#covid19Holder .msg span
	{
		font-size:20px;
		margin-top:0;
	}

	#covid19Holder .close
	{
		right: 4%;
	}
}

/* FIN COVID19 */
#cartoucheHome
{
	position:absolute;
	z-index:6;
	top:9.5%;
	width:100%;
	left:0;
	padding:0 20px 0 20px;
	box-sizing:border-box;
}


#cartoucheHome > div > span
{
	font-family:robotothin;
	color:#FFFFFF;
	font-size:60px;
	display:block;
	text-align:right;
	line-height:1;
	margin:10px 30px 30px 0;
}

#cartoucheHome > div:nth-child(2) > span
{
	display:none;
}

@media only screen and (min-width:641px)
{
	#cartoucheHome > div > span
	{
		margin:25px 0 50px 50px;
		font-size:102px;
		width: 70%;
	}
}



@media only screen and (min-width:900px)
{
	#cartoucheHome > div > span
	{
		margin:25px 0 50px 0;
		width: 59.3%;
	}
}

@media only screen and (min-width:1200px)
{
	#cartoucheHome
	{
		padding:0;
	}
	
	#cartoucheHome > div > span
	{
		
		width:auto;
	}

	#cartoucheHome > div:nth-child(1)
	{
		float:left;
		width:59.3%;
		
	}
	
	#cartoucheHome > div:nth-child(2)
	{
		float:left;
		width:40.7%;
	}
	
	#cartoucheHome > div:nth-child(2) > span
	{
		display:block;
	}
}

/*Les démarches*/
.home .demarchesCtn
{
	max-width:700px;
	margin:0 auto 0 auto;
}
.home .demarchesCtn span.txt
{
	display:none;
}

.home .demarchesCtn > div
{
	float:left;
	width:50%;
	background:#FFFFFF;
	padding:14px;
	box-sizing:border-box;
}

.home .demarchesCtn > div:nth-child(2)
{
	background:#f3f3f3;
}

.home .FormSearch
{
	padding: 0;
	margin:0;
}

.FormSearch .combo
{
	padding:0 12px 0 0 ;
	height:0;
	border:0;
	background-color:#f3f3f3;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}

.FormSearch .combo.blanc
{
	background:#FFFFFF;
}

.FormSearch .combo .carreFleche
{
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	height:28px;
	width:28px;
	cursor:pointer;
	z-index:0;
}

.FormSearch .combo .carreFleche:before
{
	font-size:10px;
	top:8px;
	left:11px;
}

.firefox .FormSearch .combo .carreFleche:before
{
	left:12px;
	top:7px;
}

.FormSearch .combo.Visible
{
	height: 28px;
	border: 1px solid #dedede;
}

.FormSearch select
{
	display: block;
	width: 120%!important;
	padding:0 14px 0 12px ;
	height: 28px;
	color: #000000;
	font-size: 15px;
	background:transparent;	
	z-index: 1;
	position: relative;
	cursor:pointer;
}

.FormSearch select::-ms-expand {
    display: none;
}

.FormSearch select
{
	max-width:none;
}

@media only screen and (min-width:1200px)
{
	.home .demarchesCtn
	{
		padding-left:36.85%;
		width:63.15%;
		max-width:none;
		margin:0;
	}
	
	.home .demarchesCtn > div
	{
		padding:50px 47px 47px 47px;
	}
	
	.home .demarchesCtn span.txt
	{
		font-family:roboto;
		font-size:22px;
		color:#000000;
		padding-bottom:10px;
		display:block;
	}
	
	
}

/*Fin démarches*/

/*Pages les plus recherchées*/
#cartoucheHome #pagePlusCtn
{
	position:relative;
	max-width:700px;
	margin:0 auto 0 auto;
}
#cartoucheHome #pagePlusCtn .bleue
{
	background-color:rgba(34, 39, 57,0.9);
	padding:18px;
	text-align:center;
}
#cartoucheHome #pagePlusCtn .bleue span
{
	display:inline-block;
	vertical-align:middle;
	color:#FFFFFF;
	font-size:17px;
	position:relative;
	cursor:pointer;

}

#cartoucheHome #pagePlusCtn .bleue span:hover:before
{
	transform:rotateZ(90deg);
}
#cartoucheHome #pagePlusCtn .bleue span:before
{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:28px;
	height:28px;
	background-size:100%;
	background:url(/template/image/pictos_plusBlanc.svg) no-repeat;
	padding-right:10px;
	transition:all 0.5s;
	
}
#cartoucheHome #pagePlusCtn .rouge
{
	margin-top:6px;
	background-color:rgba(237, 14, 46,0.9);
	padding:60px 60px 40px 60px;
	position:relative;
	opacity:0;
	position:absolute;
	top:70px;
	left:0;
	width:100%;
	box-sizing:border-box;
	display:none;
}
#cartoucheHome #pagePlusCtn .rouge .close
{
	position:absolute;
	top:21px;
	left:21px;
	cursor:pointer;
}
#cartoucheHome #pagePlusCtn .rouge .close:before
{
	
	font-family: 'cms_icons' !important;
  speak: none;
	content:"\e908";
	  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	display:inline-block;
	font-size:19px;
	color:#ffffff;
	
}

#cartoucheHome #pagePlusCtn .rouge a
{
	display:block;
	color:#FFFFFF;
	font-weight:normal;
	padding-bottom:19px;
	visibility:hidden;
}

#cartoucheHome #pagePlusCtn .rouge a:hover
{
	padding-left:20px;
}
#cartoucheHome #pagePlusCtn .rouge a:hover:before
{
font-family: 'cms_icons' !important;
  speak: none;
	content:"\e904";
	  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	display:inline-block;
	font-size:12px;
	color:#ffffff;
	margin-right:5px;
}

@media only screen and (min-width:1200px)
{
	#cartoucheHome #pagePlusCtn
	{
		max-width:none;
		margin:0;		
	}
	#cartoucheHome #pagePlusCtn .bleue
	{
		padding:32px 110px 30px 110px;
		margin-top:6px;
		text-align:left;
	}
	
	#cartoucheHome #pagePlusCtn .bleue span
	{
		display:block;
		float:left;	
	}
	#cartoucheHome #pagePlusCtn .bleue span:before
	{
		display:block;
		margin:0 auto 18px auto;
		width:64px;
		height:64px;
		padding-right:0;
		
	}
	#cartoucheHome #pagePlusCtn .rouge
	{
		padding:60px 110px 40px 110px;
		bottom:172px;
		top:auto;
		/*width:calc(100% - 220px);	*/
		width:100%;
	}
	
}
/*Find Pages les plus recherchées*/

.int
{
	padding:40px 0 50px 0;
	
}

.classNoSlider .int
{
	padding:0 0 50px 0;
}

.int .colDroite
{
	padding-top:40px;
}

.int .barre
{
	position:relative;
	width:100%;
	height:100%;
}

.int h2, .admin .int.projet .headCtn h2
{
	margin:0 0 40px 0;
	font-size:20px;
	font-weight: normal;
  	overflow:hidden;
	font-family:robotomedium;
}

@media only screen and (min-width:900px)
{
	.int
	{
		padding:0 0 120px 0;
	}

	.int .barre:before
	{
		display:block;
		content:"";
		width:1px;
		height:100%;
		background:#d3d3d3;
		position:absolute;
		top:0;
		bottom:0;
		left:71.2%;
	}	
	
	.int h2, .admin .int.projet .headCtn h2
	{
		width:71.2%;
		margin:0 0 80px 0;
	    font-size:25px;
	}
	

	.int .colGauche
	{
		float:left;
		width:71.2%;
		box-sizing:border-box;
		padding-right:50px;
	}
	
	.int .colDroite
	{
		float:left;
		width:28.8%;
		box-sizing:border-box;
		position:relative;
		padding-left:42px;
		padding-top:0;
	}
	
	.int .colDroite:before
	{
		display:block;
		content:"";
		width:3px;
		height:100px;
		background:#ed0e2e;
		position:absolute;
		left:-1px;
	}	
}
/*Template des listes*/
.int .zoneListe
{
	background:#f3f3f3;
	position:relative;
	margin-bottom:20px;
	padding-bottom:50px;
}

.int .zoneListe.white
{
	background:#FFFFFF;
}

.int .zoneListe:before
{
	content:"";
	display:block;
	height:78px;
	width:100%;
	background:#FFFFFF;
	position:absolute;
	top:0;
	left:0;
}

#cartoucheHomeAgenda
{
	background-image:url(/template/image/agenda.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	padding-top:220px;
	background-size: auto 180px;
}


#cartoucheHomeAgenda .colGauche span
{
	display:block;
	text-align:left;
	font-size:45px;
	font-family:robotothin;
	color:#000000;
	line-height: 1.2;
	padding:0 50px 50px 50px;
}

#cartoucheHomeAgenda .colGauche span:before
{
	content:"Ça se passe\aà Sierre";
	display:block;
}

.DE #cartoucheHomeAgenda .colGauche span:before
{
	content:"Ça se passe\aà Sierre";
	display:block;
}
#cartoucheHomeAgenda .more
{
	display:block;
	position:relative;
	padding-left:50px;
	float:left;
}


.home #cartoucheHomeAgenda .more:after
{
	content:"";
	display:block;
	right:-40px;
	width:27px;
	height:27px;
	background-size:100%;
	background:url(/template/image/pictos_plus.svg) no-repeat;
	vertical-align:middle;
	position:absolute;
	top:0;
	transition:all 0.5s;
}

.home #cartoucheHomeAgenda .more:hover:after
{
	transform:rotateZ(90deg);
}

.home #cartoucheHomeAgenda .more:before
{
	content:"";
	display:block;
	height:1px;
	background:#d3d3d3;
	width:100%;
	position:absolute;
	bottom:-10px;
	left:0;
}

.home #cartoucheHomeAgenda .more span
{
	display:inline-block;
	vertical-align:middle;
	color:#000000;
	font-size:13px;
	font-weight:normal;
	
}

.home #cartoucheHomeAgenda .more:hover span
{
	color:#ed0e2e;
}

@media only screen and (min-width:641px)
{
	.int .zoneListe
	{
		padding-bottom:0;		
	}
	
	#cartoucheHomeAgenda .colGauche span
	{
		text-align:center;
	}
}

@media only screen and (min-width:960px)
{
	#cartoucheHomeAgenda .colGauche span
	{
		text-align:left;
	}
	
	#cartoucheHomeAgenda .colGauche
	{
		float:left;
		width:33.33%;
		box-sizing:border-box;
	}
	
	#cartoucheHomeAgenda
	{
		padding-top:248px;
		background-size:auto;
	}
	
	#cartoucheHomeAgenda .colDroite
	{
		float:left;
		width:66.67%;
		box-sizing:border-box;
	}
	
	#cartoucheHomeAgenda .colGauche span
	{
		font-size:70px;
		padding:170px 0 0 0;
	}
	
	#cartoucheHomeAgenda .colGauche span:before
	{
		content:"Ça se\apasse\aà Sierre";
	}
	
	.DE #cartoucheHomeAgenda .colGauche span:before
	{
		content:"Ça se\apasse\aà Sierre";
	}
	
	#cartoucheHomeAgenda .more
	{
		width:calc(50% - 222px);
		left:0;
		margin-right:222px;
		position:absolute;
		height:55px;
		text-align:right;
		margin-top:50px;
		top:750px;
		padding-left:0;
		float:none;
	}
	
	
	.home #cartoucheHomeAgenda .more:after
	{

		display:inline-block;
		width:55px;
		height:55px;
		right:auto;
		margin-left:20px;
		position:relative;
		top:auto;
	}
	
	.home #cartoucheHomeAgenda .more:before
	{
		width:calc(100% - 76px);
		bottom:10px;
		right:76px;
		left:auto;
	}
}

@media only screen and (min-width:1200px)
{
	#cartoucheHomeAgenda .colGauche span
	{
		font-size:97px;
	}
	
	#cartoucheHomeAgenda .more
	{
		width:calc(50% - 322px);
		margin-right:322px;
	}
}

@media only screen and (min-width:1000px )
{
	/*Effet d'apparition de la home*/
	.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;
	}
}#documentListCtn 
{
	margin-top:30px;
	margin-bottom:65px;
}

#documentListCtn .titreCartoucheHolder
{
	display:none;
}

.colDroite #documentListCtn .titreCartoucheHolder, .projetCtn #documentListCtn .titreCartoucheHolder
{
	display:block;
}
#documentListCtn .listElement
{
	/*width:auto;
	float:none;*/
	margin:0 0 20px 0;
	overflow:visible;
	float:none;
	width:100%;
	
}

.colDroite #documentListCtn .listElement, .projetCtn #documentListCtn .listElement
{
	margin:0 0 15px 0;
}

#documentListCtn .listElement h5
{
	font-weight:bold;
	padding-bottom:0;
	margin-bottom:5px;
	font-size:18px;
}

#documentListCtn .listElement:hover h5
{
	color:#ed0e2e;
}

.colDroite #documentListCtn .listElement:hover h5, .projetCtn #documentListCtn .listElement:hover h5
{
	color:#000000;
}

.colDroite #documentListCtn .listElement h5, .projetCtn #documentListCtn .listElement h5
{
	font-weight:normal;
	font-size:16px;
}

.colDroite #documentListCtn .listElement h5, .projetCtn #documentListCtn .listElement h5
{
	border-bottom:1px solid #d3d3d3;
	padding-bottom:10px;
	margin-bottom:0;
}

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

#documentListCtn .listElement > a:before /*icone*/
{
	content:"";
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:30px;
	height:30px;
	background-size:100%;
}

#documentListCtn .listElement .txt
{
	padding:0 0 0 25px;
	height:auto;
}

#documentListCtn .listElement .txt:before
{
	display:none;
}

.colDroite #documentListCtn .listElement .resume, .projetCtn #documentListCtn .listElement .resume
{
	display:none;
}

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

#documentListCtn a.doc_file:before, .docastbl .line .name.doc_file:before
{
	background:url(/plugin/document/template/images/picto_file.svg) no-repeat;
}

#documentListCtn a.doc_html:before, .docastbl .line .name.doc_html:before
{
	background:url(/plugin/document/template/images/picto_html.svg) no-repeat;
}

#documentListCtn a.doc_pdf:before, .docastbl .line .name.doc_pdf:before
{
	background:url(/plugin/document/template/images/picto_pdf.svg) no-repeat;
}

#documentListCtn a.doc_ppt:before, .docastbl .line .name.doc_ppt:before
{
	background:url(/plugin/document/template/images/picto_ppt.svg) no-repeat;
}

#documentListCtn a.doc_word:before, .docastbl .line .name.doc_word:before
{
	background:url(/plugin/document/template/images/picto_word.svg) no-repeat;
}

#documentListCtn a.doc_xls:before, .docastbl .line .name.doc_xls:before
{
	background:url(/plugin/document/template/images/picto_xls.svg) no-repeat;
}

#documentListCtn a.doc_zip:before, .docastbl .line .name.doc_zip:before
{
	background:url(/plugin/document/template/images/picto_zip.svg) no-repeat;
}#faqListCtn .listElement
{
	width:auto;
	float:none;
	border:0px;
	margin:0px 0px 10px 0px;
	
	-webkit-box-shadow: none;
  -moz-box-shadow: none;	
  box-shadow: none;
	 border-radius: 2px;
}

#faqListCtn .listElement.open
{
	border:1px solid #d3d3d3;
}


#faqListCtn .listElement:before
{
	display:none;
}

#faqListCtn .listElement .question
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:20px 40px 20px 20px;
	background-color:#222739;
	transition:all 0.5s;
}

#faqListCtn .listElement .question:before
{
	position:absolute;
	right:25px;
	top:calc(50% - 4px);
	color:#FFFFFF;
	font-size:14px;
	transform: rotate(90deg);
}

#faqListCtn .listElement .question h5
{
	color:#FFFFFF;
	text-transform:uppercase;
	margin:0px;
	font-size:16px;
	font-weight:normal;
}

#faqListCtn .listElement .question.open h5
{
	color:#ed0e2e;
	font-weight:bold;
}

#faqListCtn .listElement .question.open h5:after
{
	content:"";
	display:block;
	height:1px;
	width:calc(100% - 50px);
	background:#d3d3d3;
	margin-top:12px;
}

#faqListCtn .listElement .question.open
{
	background-color:#FFFFFF;
	
}

#faqListCtn .listElement .question.open:before
{
	content:"\e908";
	right: 20px;
	top:calc(50% - 10px);
	color:#000000;
}

#faqListCtn .listElement .answer
{
	display:none;
	padding:15px 25px 50px 55px;
	overflow:hidden; /*pour pas que le html déborde*/
}

#bodyprint #faqListCtn .listElement .answer
{
	display:block;
}#galleryimageList
{
	padding:0;
}
#galleryimageListCtn
{
	width:100%;
	overflow:hidden;
	padding:0;
	max-width:965px;
	margin-top:20px;
}

#galleryimageListCtn .listElement
{
	overflow:visible;
	margin-bottom:20px;
}

#galleryimageListCtn .listElement .texte
{
	display:none
}

.animated #galleryimageListCtn:before
{
	content:"";
	display:block;
	padding-top:66.09%;/*100 AVANT*/
}

.animated #galleryimageListCtn.onlyElement:before
{
	content:"";
	display:block;
	padding-top:49.21%;
}

#galleryimageListCtn .listElement:before
{
	content:"";
	display:block;
	padding-top:100%;
}

#galleryimageListCtn .listElement:after
{
	display:none;
}

.animated  #galleryimageListCtn .listElement:before
{
	display:none;
}

.animated #galleryimageListCtn .listElement
{
	position:absolute;
	left:102%;
	padding:0;
	margin:0;
	border:0;
	visibility:hidden;
	width:100%;
	height:100%;
	bottom:0;
	z-index:1;
}

.animated #galleryimageListCtn .listElement[rel="1"]/*la grande*/
{
	left:0;
	top:0;
	width:100%;
	height:100%; 
	visibility:visible;
	
}
.animated #galleryimageListCtn .listElement[rel="0"] /*1ere vignette*/
{
	left:-102%;
	z-index:0;
}

#galleryimageListCtn .listElement .img
{
	position:absolute;
	display:block;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:0;
	margin:0;
	width:auto;
	background-size:cover;
	background-position:top center;
	transition: none;

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

#galleryimageListCtn .listElement .img:before
{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:rgba(237,14,46,0.5);
}
#galleryimageListCtn .listElement[rel="1"] .img:before
{
	display:none;
}
#galleryNext, #galleryPrev
{
	display:none;
}

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


#galleryimageListCtn .listElement .admin
{
	position:absolute;
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	bottom:0;
	background:#ffffff;
}

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

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

/* MEDIA QUERIES*/ 
@media only screen and (min-width:641px)
{
	#gallerywithfancybox
	{
		display:block; /*use fancybox if element is visible*/ 
	}	
	
	#galleryimageListCtn
	{
		margin-top:60px;
	}
	.animated #galleryimageListCtn:before
	{
		content:"";
		display:block;
		padding-top:56.25%;
	}
	
	.animated #galleryimageListCtn.onlyElement:before
	{
		content:"";
		display:block;
		padding-top:49.21%;
	}

	.animated #galleryimageListCtn .listElement
	{
		width:25.83%;
		height:45.92%;
		transition:all 0.5s;
		
	}
	
	.animated #galleryimageListCtn .listElement[rel="1"]/*La grande*/
	{
		width:74.3%;
		height:100%;
	}
	.animated #galleryimageListCtn .listElement[rel="0"]/*1ere vignette*/
	{
		left:74.3%;
		visibility:visible;	
		top:0;
		width:25.83%;
		height:45.92%;
	}
	.animated #galleryimageListCtn .listElement[rel="2"]
	{
		left:74.3%;
		visibility:visible;
		top:45.92%;	
		width:25.83%;
		height:45.92%;
	}
	
	.animated #galleryNext, .animated #galleryPrev
	{
		left:74.3%;
		margin:0;
		bottom:0;
		width:33px;
		height:33px;
		background:#ed0e2e;
		position:absolute;
		display:block;
	}
	.animated #galleryNext:before, .animated #galleryPrev:before
	{
		font-family: 'cms_icons' !important;
	  speak: none;
		content:"\e904";
		  /* Better Font Rendering =========== */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
		display:block;
		font-size:12px;
		color:#FFFFFF;
		left:12px;
		position:absolute;
		top:10px;
		transform: rotate(180deg);
	}
	.animated #galleryNext:before
	{
		left:14px;
		transform: rotate(0deg);
	}
	.animated #galleryNext
	{
		left:calc(74.3% + 33px);
	}
}

/*style pour la galerie des projets*/
.admin .int.projet #galleryimageListCtn
{
	margin-top:50px;
}
.int.projet #galleryimageListCtn
{
	margin-top:0;
	overflow:visible;
	margin-bottom:100px;
}

.int.projet #galleryimageListCtn .listElement
{
	margin-bottom:0;
}

.int.projet .animated #galleryimageListCtn:before
{
	content:"";
	display:block;
	padding-top:56%;
}

.int.projet .animated #galleryimageListCtn.onlyElement:before
{
	content:"";
	display:block;
	padding-top:56%;
}

.int.projet #galleryimageListCtn .listElement:before
{
	content:"";
	display:block;
	padding-top:56%;
}

.int.projet #galleryimageListCtn .listElement:after
{
	display:none;
}

.int.projet .animated  #galleryimageListCtn .listElement:before
{
	display:none;
}

.int.projet .animated #galleryimageListCtn .listElement
{
	position:absolute;
	left:102%;
	padding:0;
	margin:0;
	border:0;
	visibility:hidden;
	width:100%;
	bottom:0;
	z-index:1;
}

.int.projet .animated #galleryimageListCtn .listElement[rel="1"]/*la grande*/
{
	left:0;
	top:0;
	width:100%;
	visibility:visible;
	
}
.int.projet .animated #galleryimageListCtn .listElement[rel="0"] /*1ere vignette*/
{
	left:-102%;
	z-index:0;
}

.int.projet #galleryimageListCtn .listElement .img
{
	position:absolute;
	display:block;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:0;
	margin:0;
	width:auto;
	background-size:cover;
	background-position:center center;
	transition: none;

}
.int.projet #galleryimageListCtn .listElement .img:after, .int.projet #galleryimageListCtn .listElement .img:before
{
	content:"";
	display:none;
}

.int.projet #galleryimageListCtn .listElement .img:before
{
	display:none;
}
.int.projet #galleryimageListCtn .listElement[rel="1"] .img:before
{
	display:none;
}
.int.projet #galleryNext, .int.projet #galleryPrev
{
	display:none;
}

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


.int.projet #galleryimageListCtn .listElement .admin
{
	position:absolute;
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	bottom:0;
	background:#ffffff;
}

.int.projet #galleryimageListCtn .listElement .admin > a
{
	color:#000000;
	text-decoration:none;	
}

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

.int.projet .animated #galleryNext, .int.projet .animated #galleryPrev
{
	z-index:2;
	left:0;
	margin:0;
	bottom:0;
	width:33px;
	height:33px;
	background:#ed0e2e;
	position:absolute;
	display:block;
}
.int.projet .animated #galleryNext:before, .int.projet .animated #galleryPrev:before
{
	font-family: 'cms_icons' !important;
  speak: none;
	content:"\e904";
	  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	display:block;
	font-size:12px;
	color:#FFFFFF;
	left:12px;
	position:absolute;
	top:10px;
	transform: rotate(180deg);
}
.int.projet .animated #galleryNext:before
{
	left:14px;
	transform: rotate(0deg);
}
.int.projet .animated #galleryNext
{
	left:auto;
	right:0;
	bottom:0;
}

.int.projet .animated #galleryimageListCtn .listElement[rel="1"] .texte
{
	display:block;
	z-index:1;
	position:relative;	
	top:100%;
	background-color:rgba(34,39,57,0.6);
	padding:10px;
	color:#FFFFFF;
	width:100%;
	box-sizing:border-box;
}

#galleryimageListCtn .listElement .texte span
{
	display:block;
}

#galleryimageListCtn .listElement .texte span:nth-child(1)
{
	font-weight:bold;
}

/* MEDIA QUERIES*/ 
@media only screen and (min-width:641px)
{
	.int.projet #galleryimageListCtn
	{
		max-width: none;		
	}
	.int.projet #gallerywithfancybox
	{
		display:block; /*use fancybox if element is visible*/ 
	}	

	.int.projet .animated #galleryimageListCtn:before
	{
		content:"";
		display:block;
		padding-top:56.11%;
	}
	
	.int.projet .animated #galleryimageListCtn.onlyElement:before
	{
		content:"";
		display:block;
		padding-top:56.11%;
	}

	.int.projet .animated #galleryimageListCtn .listElement
	{
		transition:all 0.5s;
		width:100%;
		top:0;
		bottom:0;
		opacity:0;
	}
	
	.int.projet .animated #galleryimageListCtn .listElement[rel="1"]/*L'img du centre*/
	{
		left:0;
		width:100%;
		opacity:1;
	}
	.int.projet .animated #galleryimageListCtn .listElement[rel="0"]/*l'image de gauche*/
	{
		left:-100%;
		visibility:visible;	
		opacity:0.2;
		height:calc(100% - 80px);
		box-sizing:border-box;
		margin:50px 0 30px 0;
		
	}
	.int.projet .animated #galleryimageListCtn .listElement[rel="2"]/*l'image de droite*/
	{
		left:100%;
		visibility:visible;
		opacity:0.2;
		height:calc(100% - 83px);
		box-sizing:border-box;
		margin:50px 0 33px 0;
	}
	.admin .int.projet .animated #galleryimageListCtn .listElement[rel="1"] .texte
	{
		display:none;		
	}

	.int.projet .animated #galleryNext, .int.projet .animated #galleryPrev
	{
		left:auto;
		right:0;
		bottom:33px;
	}
	
	.int.projet .animated #galleryNext
	{
		right:-33px;
		bottom:0;
	}
	
	.int.projet .animated #galleryimageListCtn .listElement[rel="1"] .texte
	{
		position:absolute;
		bottom:0;
		right:0;
		padding:57px 60px 68px 44px;	
		width:36%;
		top:auto;
	}

}

/* Style pour plugin langsite */
#head .lngCtn
{
	display:none;
}

.lngCtn
{
	padding-bottom:30px;
}

.lngCtn .langsite, .lngCtn .langsiteActiv
{
	display:inline-block;
	box-sizing:Border-box;
	padding:0 0 0 0;
	color:#000000;
	font-weight:normal;
	font-size:13px;
	box-sizing:Border-box;
	padding:2px 7px 2px 0;
}

.lngCtn .langsiteActiv
{
	cursor:default;
	font-weight:bold;
}


@media only screen and (min-width:1200px)
{
	#head .lngCtn
	{
		display:block;
	}
	.lngCtn
	{
		overflow:hidden;
		display:block;
		margin-bottom:0;
		width:47px;
		height:20px;
		position:relative;
		transition:all 0.5s;
		padding-bottom:0;
	}
	
	.lngCtnOpen
	{
		position:absolute;
		width:47px;
		right:0;
		z-index:2;
		background-color:#FFFFFF;
		padding-right:20px;
		box-sizing:border-box;
	}
	
	#leftPanel .lngCtn
	{
		display:none;
	}
	
	.lngCtn .langsite, .lngCtn .langsiteActiv
	{
		display:block;
		font-weight:normal;
		padding:2px 0px 2px 20px;
	}
	
	.lngCtn a
	{
		opacity:0;
		transition:opacity 0.5s;
		text-align:right;
		background:#ffffff;
		
	}
	
	.lngCtn .langsiteActiv
	{
		opacity:1;
		background:none;
	}
	
	.lngCtn:before
	{
		content:"\e903";
		font-family: 'cms_icons' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		text-decoration: none;
		display:block;
		position:absolute;
		top:6px;
		left:2px;
		font-size:8px;
		color:#ed0e2e;
		transform:rotateZ(90deg);
		z-index:30;
	}
	
	.lngCtn:hover .lngCtnOpen
	{
		height:35px;
	}
	
	.admin .lngCtn:hover .lngCtnOpen
	{
		height:70px;		
	}
	
	.lngCtn:hover
	{
		overflow:visible;
	}
	
	.lngCtn:hover a
	{
		opacity:1;
	}
	

}#linksCtn
{
	position:relative;
	margin-bottom:65px;	
}

#linksCtn h5
{
	margin:20px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:bold;
}

.linksElementCtn
{
	position:relative;
}


.linksElement
{
	position:relative;
	display:block;
	margin:0 0 50px 0;
	text-decoration:none;
	float:none;
	width:100%;
	background:#f3f3f3;
	box-sizing:border-box;
	transition:all 0.5s;
}

.linksElement a
{
	position:relative;
	display:block;
	color:#000000;
	text-decoration:none;
	z-index:2;
}
.linksElement a:hover
{
	color:#ed0e2e;
}
.linksElement a.linksElementA
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	z-index:1;	
} 

.linksElement .img
{
	display:none;
}

.linksElement .txt
{
	display:block;
	position:relative;
	padding:30px 25px 50px 30px;
	overflow:hidden;
	line-height:1.6;
	height:auto;
	
}

.linksElement .txt:before
{
	display:none;
}

.linksElement h6
{
	margin:0px 0px 25px 0px;
	font-weight:bold;
	color:#000000;
	font-size:20px;
	
}
.linksElement .resume
{
	display:block;
	color:#000000;	
	font-weight:normal;
}

.linksElement .carreFleche
{
	left:auto;
	right:20px;
	position:absolute;
	bottom:0;
	
}

.linksElement:after
{
	content:"";
	display:block;
	background:#000000;
	height:6px;
	width:71px;
	bottom:-6px;
	right:59px;
	position:absolute;
	transition:all 0.5s;
	left:auto;
	
}

.linksElement:hover:after
{
	--left:0;
	right:0;
	width:100%;
}
/*Info bulle*/
#infoWindowForMobile
{
	position:absolute;
	bottom:50px;
	width:100%;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	transition:all 0.5s;
	z-index:1;
	
}
#infoWindowForMobile.on
{
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition:all 0.5s;
}
.gmInfoBox
{
	position:relative;
	box-sizing:border-box;
	padding:20px 20px 20px 20px;
	background-color:rgba(255,255,255,0.9);
	width:calc(100% - 40px);
	margin:0 20px 0 20px;
	height:170px;
}

.gmInfoBox .closebtn
{
	width:28px;
	height:28px;
	text-decoration:none;
}
.gmInfoBox .closebtn:after
{
	content:"X";
	position:absolute;
	top:15px;
	right:15px;
	font-weight:normal;
	font-size:16px;
	color:#000000;
	text-decoration:none;
}

.gmInfoBox h5
{
	margin:0;
	padding:0 0 5px 0;
	font-size:16px;
	font-weight:bold;
	color:#000000;
}

.gmInfoBox .infos, .gmInfoBox .infos a
{
	font-size:13px;
	color:#000000;	
	font-weight:normal;
	line-height:1.5;
}

.gmInfoBox .infos .adr:empty,
.gmInfoBox .infos .infos:empty
{
	display:none;
}

.infoBox > img /*redefini le button close*/ 
{
	display:none;
}

.gmInfoBox .infos .more
{
	display:block;
	color:#ed0e2e;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
}

@media only screen and (min-width:900px)
{
	#infoWindowForMobile
	{
		display:none;
		z-index:0;
	}
	
	.gmInfoBox
	{
		top:-50px;
		left:0;
		padding:15px 40px 40px 40px;
		width:255px;
		margin:0;
		height:auto;
	}
	
	.gmInfoBox .infos .adr
	{
		padding-bottom:20px;
	}

	.gmInfoBox .infos .more
	{
		margin:10px 0 0 0;
	}
}
/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}

#disclaimerCtn
{
	position:fixed;
	display:block;
	left:0;bottom:0;right:0;
	max-height:500px;
	opacity:1;
	background:#656464;
	z-index:1004;
	overflow:hidden;
	transition:max-height .5s;
}
#disclaimerCtn.hide
{
	max-height:0;
}
#disclaimerCtn .disclaimer
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:20px 10px 20px 10px;
	margin:0 auto 0 auto;
	color:#ffffff;
	font-size:.9em;
	line-height:1.5em;
}

#disclaimerCtn .disclaimer .txt
{
	/*margin-bottom:10px; attente validation */
	margin-bottom:20px;
}
#disclaimerCtn .disclaimer a.read
{
	position:relative;
	display:block;
	color:#ffffff;
	text-decoration:none;
	opacity:.75;
	transition:opacity .5s;
	margin-bottom:20px;
}
#disclaimerCtn .disclaimer a.read:before
{
	content:">";
	margin-right:5px;
}
#disclaimerCtn .disclaimer a.read:hover
{
	opacity:1;
}

#disclaimerCtn .disclaimer .close
{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:7px 10px 7px 10px;
	text-align:center;
	background:#a0a0a0;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	transition:background .5s;
	text-transform:uppercase;
}

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

	#disclaimerCtn
	{
		max-height:200px;
	}
	#disclaimerCtn .disclaimer
	{
		max-width:1280px;
		padding:20px 170px 20px 10px;
		font-size:1em;
	}
	
	#disclaimerCtn .disclaimer .txt
	{
		/*margin-bottom:5px; attente validation*/
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer a.read
	{
		display:inline-block;
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer .close
	{
		position:absolute;
		width:120px;
		top:50%;
		right:10px;
		padding:10px;
		transform:translateY(-50%);
	}
}/* Gestion des panels pour le menu */
#mainPanel
{
	position:relative;
	transition: left 0.2s linear;
}
#mainPanel.open
{
	width:100%;
	height:100%;
	left:0;
}

#mainPanel.open #leftPanel .mainContainer
{
	padding:0;
}

#leftPanel
{
	display:block;
	position:absolute;
	box-sizing:border-box;
	top:0px;
	right:100%;
	width:100%;
	min-width:240px;
	height:100%;
	background-color:#FFFFFF;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:1003;
	

}
#leftPanel.scrolling
{
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
#leftPanel .menuHolder .mainctn
{
	padding:0;
}

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

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

#menuIconeClose
{
	cursor:pointer;
	display:block;
	top:25px;
	right:15px;
}

#menuIcone
{		
	display:inline-block;
	color:#000000;
	text-decoration:none;
	width:26px;
	height:20px;
	vertical-align:top;
	padding:0;
	box-sizing:border-box;
	cursor:pointer;
	z-index:1002;
	position:absolute;
	top:14px;
	right:14px;
}

.menuIcone .line, .menuIcone:before, .menuIcone:after {
	width: 26px;
	height: 2px;
	background-color: #000;
	margin: 0 auto 6px auto;
	transform-origin: center center;
	transition: transform 0.5s;
	display: block;
	content: '';
	position: relative;
	border-radius:0px;
}

.zoneMenuCtn .txt
{
	display:none;
}

.menuIcone .line
{
	width:21px;
	margin: 0 auto 6px 0;
}

body.nooverflow #menuIcone
{
	position:absolute;
	left:-70px;
	top:25px;
	z-index:1005;
}


body.nooverflow .menuIcone:before {
	transform: rotateZ(45deg) translate(4px, 2px);
	width:26px;
}
body.nooverflow .menuIcone .line {
	transform: scaleX(0);
	width:26px;
}
body.nooverflow .menuIcone:after {
	transform: rotateZ(-45deg) translate(9px, -7px);
	width:26px;
	
}

@media only screen and (min-width:1200px)
{
	body.nooverflow .menuIcone
	{
		right:0;
		top:0;
		left:auto;
	}
}

/* FIN Effet ouverture et fermeture icone menu */


#leftPanel a.copy
{
	display:none;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
#menuMain
{
	position:relative;
}
#menuMain ul
{
	margin:0px;
	padding:10px 0 0 10px;
	color:#000000;
	font-size:20px;
	display:none;
	font-family:robotoregular;
}

#menuMain li
{
	position:relative;
	list-style-type: none;
	padding:0px; /*compense le li de base*/
	background:none;
	width:80%;
}
#menuMain li > a
{
	display:block;
	position:relative;
	color:#000000;
	text-decoration:none;
	padding:0px 10px 0px 0;
	font-weight:normal;
	
}

#menuMain ul.menu0
{
	display:block;	
	padding:0 0 0 10px;
	margin:0 15px;
}


#menuMain a.menu0
{
	font-size:19px;
	font-weight:normal;
	color:#000000;
	font-family:robotoblack;
	padding:0px 30px 10px 0;
	text-transform:lowercase;
	border-bottom:1px solid #eaeaea;
}

#menuMain a.menu0:after
{
	content:"a";
	display:block;
	position:absolute;
	top:0;
	right:-35px;
	font-family: 'cms_icons' !important;
  speak: none;
	content:"\e904";
	  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
width:31px;
	height:31px;
	box-sizing:border-box;
	padding:8px 0 0 12px;
	font-size:15px;
	color:#000000;
	transform: rotate(90deg);
	
}
#menuMain a.menu0.menuselected:after
{
	background:#ed0e2e;
	color:#FFFFFF;

}
#menuMain li.menu0 > ul
{
	border-bottom:1px solid #eaeaea;
	padding-bottom:10px;
	padding-left:0px;
}

.DE #menuMain a.menu0
{
	text-transform:none;
}

#menuMain ul.menu0 li
{
	padding:4px 0 4px 0;
}

#menuMain li.menu0.withAfter > a:after
{
	content:"+";
	display:block;
	position:absolute;
	top:5px;
	right:20px;
	font-size:30px;
	color:#000000;
	cursor:pointer!important;
}	

#menuMain li.menu0.withAfter > a.menuselected:after, #menuMain li.menu0.withAfter.isOpen > a:after
{
	content:"";
	height:1px;
	background:#FFFFFF;
	width:15px;
	margin-top:12px;
}
#menuMain .menu1 a
{
	font-size:15px;
	color:#000000;
	
}

#menuMain ul.menu2 li > a
{
	padding:0 10px 0 14px;
}

#menuMain ul.menu2 li > a:before
{
	left:14px;
}
#menuMain ul.menu3 li > a
{
	padding:0 10px 0 14px;
}

#menuMain ul.menu3 li > a:before
{
	left:24px;
}


/**************************************************/
/*Style pour le menuBottom */
/**************************************************/
#menuFondMain ul
{
	display:none;
	position:absolute;
	padding:0px 0 5px 0;
	color:#000000;
	font-size:14px;
	font-weight:normal;
	z-index:2;
	margin:10px 0 0 0;
}


#menuFondMain ul.menu0
{
	display:inline-block;
	width:100%;
	position:relative;
	font-size:0;
	padding:0;
	background:none;
	
}

#menuFondMain li
{
	display:block;
	position:relative;
	list-style-type:none;
	background:none;
	padding:0 10px 0 10px;
	margin-bottom:10px;
}

#menuFondMain li.menu0:first-child
{
	padding:0 10px 0 0;
}

#menuFondMain li.menu0
{
	display:inline-block;
	vertical-align:middle;
}

#menuFondMain li > a
{
	display:block;
	position:relative;
	color:#000000;
	text-decoration:none;
	line-height:12px;
	font-weight:normal;
	text-transform:lowercase;
}

.DE #menuFondMain li > a
{
	text-transform:none;
}

#menuFondMain li.menu0:last-of-type > a
{
	padding-right:0;
}

#menuFondMain ul.menu1
{
	text-align:left;
	margin:10px 0 0 0;
}
#menuFondMain ul.menu1 li > a
{
	min-width:140px;
	padding:5px;
	color:#000000;
}

#menuFondMain a.menu0
{
	font-size:14px;
}

#menuFondMain ul li > a:hover, #menuFondMain ul li > a.menuselected:not(.parent)
{
	color:#ed0e2e;
}

/**************************************************/
/*Style pour le menu d'admin*/
/**************************************************/
div.styleMenuAdmin 
{
	display:none; 
	position:absolute;
	padding: 0px;
	background-color:#f5f5f5;
	border:1px solid #999999;
	z-index:200;
	font-size:11px;
	line-height:normal;
	font-weight:normal;
}

div.styleMenuAdmin div
{
	padding:2px 5px 2px 5px;
}

div.styleMenuAdmin div:hover
{
	background-color:#dddddd;
}

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

.myArrowAdmin
{
	cursor:pointer;
}

.styleDivArrowAdmin
{
	display:none;
	position:absolute;
	padding-right:5px;
	padding-top:0px;
	left:-10px;
	top:3px;
	text-align:left;
}

li.menu0 > .styleDivArrowAdmin
{
	top:10px;
}

#menuFondMain .styleDivArrowAdmin
{
	position:absolute;
	z-index:2;
}

.styleDivArrowAdmin.first
{
	float:none!important;
}

/*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 only screen and (min-width:640px)
{

	#menuFondMain ul
	{
		margin:0;
	}
	
	#menuFondMain ul.menu0
	{
		display:block;
		width:auto;	
	}
	
	#menuFondMain li
	{
		padding:0 5px 0 5px;
		margin-bottom:0;
	}

}

/* MEDIA QUERIES */
@media only screen and (min-width:1200px)
{
	.zoneMenuCtn .txt
	{
		display:inline-block;
		color:#000000;
		font-size:13px;
		padding-left:23px;
		vertical-align:top;
		padding-top:2px;
		cursor:pointer;
	}
	
	#menuIconeClose
	{
		display:none;
	}

	#menuIcone
	{		
		position:relative;
		top:auto;
		right:auto;
	}
	
	body.nooverflow #menuIcone
	{
		position:absolute;
		right:15px;
		top:88px;	
		left:auto;	
	}
	
	.styleDivArrowAdmin
	{
		display:block;
	}
	#mainPanel.open
	{
		left:0!important;
	}
	#leftPanel
	{
		position:absolute;
		top:0px;
		left:0;
		right:0;
		transition:max-height 0.5s;
		width:auto;
		height:auto;
		max-height:0;
		background-color:none;
		background-size:100% 100%;
		z-index:1004;
	}

	#mainPanel.open #leftPanel
	{
		height:100%;
		max-height:100%;
	}
	
	#leftPanel .menuHolder, #mainPanel.open #leftPanel .mainContainer
	{
		padding:187px 0 140px 10px;
		text-align:left;
	}
	
	#leftPanel .menuHolder
	{
		padding:0
	}
	
	#leftPanel a.copy
	{
		display:block;
	}
	
	/**************************************************/
	/*Style pour le menu simple horizontal et vertical*/
	/**************************************************/
	#menuMain ul
	{
		display:block!important;
		padding:15px 0 0 0;
	}
	
	#menuMain ul.menu0
	{
		text-align:left;
		font-size:0;
		padding:0 60px 0 23px;
		margin:0;
	}
	

	
	#menuMain a.menu0:after
	{
		display:none;		
	}
	
	#menuMain li
	{
		display:block;
	}
	
	#menuMain li.menu0
	{
		margin-bottom:75px;
	}
	#menuMain li.menu0
	{
		display:inline-block;
		vertical-align:top;
		--width:278px;
		width:20%;
		margin-right:0px;
	}
	
	#menuMain ul.menu1 li > a:hover, #menuMain ul.menu1 li > a.menuselected:not(.parent)
	{
		color:#ed0e2e;
	}
	
	#menuMain a.menu0
	{
		padding:0;
		font-size:25px;
		border:0;
	}

	#menuMain li.menu0 > ul
	{
		border:0;
	}


	#menuMain li.menu0.withAfter > a:after
	{
		display:none;
	}	
	
	#menuMain .menu1 a
	{
		font-size:14px;
		color:#000000;
		
	}

}

/*Style pour le cartouche*/
#meteoCartouche .ctn .icon
{
	display:block;
	width:30px;
	height:25px;
	margin:0 auto 0 auto;
	background-size:100%;
	background-repeat:no-repeat;
}
#meteoCartouche .ctn > div
{
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	margin-right:13px;
}

#meteoCartouche .ctn .titre
{
	color:#000000;
	font-size:13px;
	font-weight:normal;
}

#meteoCartouche .ctn .icon.hpw_img_code_1, #meteoCartouche .ctn .icon.hpw_img_code_26,#meteoCartouche .ctn .icon.hpw_img_code_27,#meteoCartouche .ctn .icon.hpw_img_code_126, #meteoCartouche .ctn .icon.hpw_img_code_127,
#meteoCartouche .ctn .icon.hpw_img_code_101,#meteoCartouche .ctn .icon.hpw_img_code_102,#meteoCartouche .ctn .icon.hpw_img_code_103
{
	background-image: url("/plugin/meteo/template/images/cartouches/1.png");
	margin:3px auto 0 auto;
	
}
#meteoCartouche .ctn .icon.hpw_img_code_2, #meteoCartouche .ctn .icon.hpw_img_code_28, #meteoCartouche .ctn .icon.hpw_img_code_128
{
	background-image: url("/plugin/meteo/template/images/cartouches/2.png");
	margin:3px auto 0 auto;
}
#meteoCartouche .ctn .icon.hpw_img_code_3
{
	background-image: url("/plugin/meteo/template/images/cartouches/3.png");
	margin:3px auto 0 auto;
}

#meteoCartouche .ctn .icon.hpw_img_code_4,#meteoCartouche .ctn .icon.hpw_img_code_104
{
	background-image: url("/plugin/meteo/template/images/cartouches/4.png");
	margin:3px auto 0 auto;
}

#meteoCartouche .ctn .icon.hpw_img_code_5, #meteoCartouche .ctn .icon.hpw_img_code_105,
#meteoCartouche .ctn .icon.hpw_img_code_35, #meteoCartouche .ctn .icon.hpw_img_code_135
{
	background-image: url("/plugin/meteo/template/images/cartouches/5.png");
	margin:2px auto 0 auto;
}

#meteoCartouche .ctn .icon.hpw_img_code_6, #meteoCartouche .ctn .icon.hpw_img_code_106,
#meteoCartouche .ctn .icon.hpw_img_code_29, #meteoCartouche .ctn .icon.hpw_img_code_129
{
	background-image: url("/plugin/meteo/template/images/cartouches/6.png");
}

#meteoCartouche .ctn .icon.hpw_img_code_7, #meteoCartouche .ctn .icon.hpw_img_code_107,
#meteoCartouche .ctn .icon.hpw_img_code_31, #meteoCartouche .ctn .icon.hpw_img_code_131
{
	background-image: url("/plugin/meteo/template/images/cartouches/7.png");
}
#meteoCartouche .ctn .icon.hpw_img_code_8, #meteoCartouche .ctn .icon.hpw_img_code_108,
#meteoCartouche .ctn .icon.hpw_img_code_30, #meteoCartouche .ctn .icon.hpw_img_code_130
{
	background-image: url("/plugin/meteo/template/images/cartouches/8.png");
}
#meteoCartouche .ctn .icon.hpw_img_code_9, #meteoCartouche .ctn .icon.hpw_img_code_109,
#meteoCartouche .ctn .icon.hpw_img_code_32, #meteoCartouche .ctn .icon.hpw_img_code_132
{
	background-image: url("/plugin/meteo/template/images/cartouches/9.png");
}
#meteoCartouche .ctn .icon.hpw_img_code_10, #meteoCartouche .ctn .icon.hpw_img_code_110
{
	background-image: url("/plugin/meteo/template/images/cartouches/10.png");
}
#meteoCartouche .ctn .icon.hpw_img_code_11, #meteoCartouche .ctn .icon.hpw_img_code_111,
#meteoCartouche .ctn .icon.hpw_img_code_34, #meteoCartouche .ctn .icon.hpw_img_code_134
{
	background-image: url("/plugin/meteo/template/images/cartouches/11.png");
}
#meteoCartouche .ctn .icon.hpw_img_code_12, #meteoCartouche .ctn .icon.hpw_img_code_112
{
	background-image: url("/plugin/meteo/template/images/cartouches/12.png");
}
#meteoCartouche .ctn .icon.hpw_img_code_13, #meteoCartouche .ctn .icon.hpw_img_code_23, #meteoCartouche .ctn .icon.hpw_img_code_123, #meteoCartouche .ctn .icon.hpw_img_code_124, #meteoCartouche .ctn .icon.hpw_img_code_125, 
#meteoCartouche .ctn .icon.hpw_img_code_24,#meteoCartouche .ctn .icon.hpw_img_code_25, #meteoCartouche .ctn .icon.hpw_img_code_113,
#meteoCartouche .ctn .icon.hpw_img_code_36, #meteoCartouche .ctn .icon.hpw_img_code_37, #meteoCartouche .ctn .icon.hpw_img_code_38, #meteoCartouche .ctn .icon.hpw_img_code_39,
#meteoCartouche .ctn .icon.hpw_img_code_40, #meteoCartouche .ctn .icon.hpw_img_code_41,#meteoCartouche .ctn .icon.hpw_img_code_42,
#meteoCartouche .ctn .icon.hpw_img_code_136, #meteoCartouche .ctn .icon.hpw_img_code_137, #meteoCartouche .ctn .icon.hpw_img_code_138, #meteoCartouche .ctn .icon.hpw_img_code_139,
#meteoCartouche .ctn .icon.hpw_img_code_140, #meteoCartouche .ctn .icon.hpw_img_code_141,#meteoCartouche .ctn .icon.hpw_img_code_142
{
	background-image: url("/plugin/meteo/template/images/cartouches/13.png");
}

#meteoCartouche .ctn .icon.hpw_img_code_14, #meteoCartouche .ctn .icon.hpw_img_code_114
{
	background-image: url("/plugin/meteo/template/images/cartouches/14.png");
}
#meteoCartouche .ctn .icon.hpw_img_code_15, #meteoCartouche .ctn .icon.hpw_img_code_115
{
	background-image: url("/plugin/meteo/template/images/cartouches/15.png");
}
#meteoCartouche .ctn .icon.hpw_img_code_16, #meteoCartouche .ctn .icon.hpw_img_code_116
{
	background-image: url("/plugin/meteo/template/images/cartouches/16.png");
}
#meteoCartouche .ctn .icon.hpw_img_code_17, #meteoCartouche .ctn .icon.hpw_img_code_117,
#meteoCartouche .ctn .icon.hpw_img_code_33, #meteoCartouche .ctn .icon.hpw_img_code_133
{
	background-image: url("/plugin/meteo/template/images/cartouches/17.png");
}
#meteoCartouche .ctn .icon.hpw_img_code_18, #meteoCartouche .ctn .icon.hpw_img_code_21, #meteoCartouche .ctn .icon.hpw_img_code_118,#meteoCartouche .ctn .icon.hpw_img_code_121
{
	background-image: url("/plugin/meteo/template/images/cartouches/18.png");
}
#meteoCartouche .ctn .icon.hpw_img_code_19, #meteoCartouche .ctn .icon.hpw_img_code_22, #meteoCartouche .ctn .icon.hpw_img_code_119, #meteoCartouche .ctn .icon.hpw_img_code_122
{
	background-image: url("/plugin/meteo/template/images/cartouches/19.png");
}
#meteoCartouche .ctn .icon.hpw_img_code_20, #meteoCartouche .ctn .icon.hpw_img_code_120
{
	background-image: url("/plugin/meteo/template/images/cartouches/20.png");
}

/*fin style cartouche*/

.hpw_img_code_1 {
   background-image: url("/plugin/meteo/template/images/tiny/1.png");
   }

.hpw_img_code_2 {
   background-image: url("/plugin/meteo/template/images/tiny/2.png");
   }

.hpw_img_code_3 {
   background-image: url("/plugin/meteo/template/images/tiny/3.png");
   }

.hpw_img_code_4 {
   background-image: url("/plugin/meteo/template/images/tiny/4.png");
   }

.hpw_img_code_5 {
   background-image: url("/plugin/meteo/template/images/tiny/5.png");
   }

.hpw_img_code_6 {
   background-image: url("/plugin/meteo/template/images/tiny/6.png");
   }

.hpw_img_code_7 {
   background-image: url("/plugin/meteo/template/images/tiny/7.png");
   }

.hpw_img_code_8 {
   background-image: url("/plugin/meteo/template/images/tiny/8.png");
   }

.hpw_img_code_9 {
   background-image: url("/plugin/meteo/template/images/tiny/9.png");
   }

.hpw_img_code_10 {
   background-image: url("/plugin/meteo/template/images/tiny/10.png");
   }

.hpw_img_code_11 {
   background-image: url("/plugin/meteo/template/images/tiny/11.png");
   }

.hpw_img_code_12 {
   background-image: url("/plugin/meteo/template/images/tiny/12.png");
   }

.hpw_img_code_13 {
   background-image: url("/plugin/meteo/template/images/tiny/13.png");
   }

.hpw_img_code_14 {
   background-image: url("/plugin/meteo/template/images/tiny/14.png");
   }

.hpw_img_code_15 {
   background-image: url("/plugin/meteo/template/images/tiny/15.png");
   }

.hpw_img_code_16 {
   background-image: url("/plugin/meteo/template/images/tiny/16.png");
   }

.hpw_img_code_17 {
   background-image: url("/plugin/meteo/template/images/tiny/17.png");
   }

.hpw_img_code_18 {
   background-image: url("/plugin/meteo/template/images/tiny/18.png");
   }

.hpw_img_code_19 {
   background-image: url("/plugin/meteo/template/images/tiny/19.png");
   }

.hpw_img_code_20 {
   background-image: url("/plugin/meteo/template/images/tiny/20.png");
   }

.hpw_img_code_21 {
   background-image: url("/plugin/meteo/template/images/tiny/21.png");
   }

.hpw_img_code_22 {
   background-image: url("/plugin/meteo/template/images/tiny/22.png");
   }

.hpw_img_code_23 {
   background-image: url("/plugin/meteo/template/images/tiny/23.png");
   }

.hpw_img_code_24 {
   background-image: url("/plugin/meteo/template/images/tiny/24.png");
   }

.hpw_img_code_25 {
   background-image: url("/plugin/meteo/template/images/tiny/25.png");
   }

.hpw_img_code_26 {
   background-image: url("/plugin/meteo/template/images/tiny/26.png");
   }

.hpw_img_code_27 {
   background-image: url("/plugin/meteo/template/images/tiny/27.png");
   }

.hpw_img_code_28 {
   background-image: url("/plugin/meteo/template/images/tiny/28.png");
   }

.hpw_img_code_29 {
   background-image: url("/plugin/meteo/template/images/tiny/29.png");
   }

.hpw_img_code_30 {
   background-image: url("/plugin/meteo/template/images/tiny/30.png");
   }

.hpw_img_code_31 {
   background-image: url("/plugin/meteo/template/images/tiny/31.png");
   }

.hpw_img_code_32 {
   background-image: url("/plugin/meteo/template/images/tiny/32.png");
   }

.hpw_img_code_33 {
   background-image: url("/plugin/meteo/template/images/tiny/33.png");
   }

.hpw_img_code_34 {
   background-image: url("/plugin/meteo/template/images/tiny/34.png");
   }

.hpw_img_code_35 {
   background-image: url("/plugin/meteo/template/images/tiny/35.png");
   }
.hpw_img_code_36 {
	background-image: url("/plugin/meteo/template/images/tiny/36.png");
}
.hpw_img_code_37 {
	background-image: url("/plugin/meteo/template/images/tiny/37.png");
}
.hpw_img_code_38 {
	background-image: url("/plugin/meteo/template/images/tiny/38.png");
}
.hpw_img_code_39 {
	background-image: url("/plugin/meteo/template/images/tiny/39.png");
}
.hpw_img_code_40 {
	background-image: url("/plugin/meteo/template/images/tiny/40.png");
}
.hpw_img_code_41 {
	background-image: url("/plugin/meteo/template/images/tiny/41.png");
}
.hpw_img_code_42 {
	background-image: url("/plugin/meteo/template/images/tiny/42.png");
}
.hpw_img_code_101 {
   background-image: url("/plugin/meteo/template/images/tiny/101.png");
   }

.hpw_img_code_102 {
   background-image: url("/plugin/meteo/template/images/tiny/102.png");
   }

.hpw_img_code_103 {
   background-image: url("/plugin/meteo/template/images/tiny/103.png");
   }

.hpw_img_code_104 {
   background-image: url("/plugin/meteo/template/images/tiny/104.png");
   }

.hpw_img_code_105 {
   background-image: url("/plugin/meteo/template/images/tiny/105.png");
   }

.hpw_img_code_106 {
   background-image: url("/plugin/meteo/template/images/tiny/106.png");
   }

.hpw_img_code_107 {
   background-image: url("/plugin/meteo/template/images/tiny/107.png");
   }

.hpw_img_code_108 {
   background-image: url("/plugin/meteo/template/images/tiny/108.png");
   }

.hpw_img_code_109 {
   background-image: url("/plugin/meteo/template/images/tiny/109.png");
   }

.hpw_img_code_110 {
   background-image: url("/plugin/meteo/template/images/tiny/110.png");
   }

.hpw_img_code_111 {
   background-image: url("/plugin/meteo/template/images/tiny/111.png");
   }

.hpw_img_code_112 {
   background-image: url("/plugin/meteo/template/images/tiny/112.png");
   }

.hpw_img_code_113 {
   background-image: url("/plugin/meteo/template/images/tiny/113.png");
   }

.hpw_img_code_114 {
   background-image: url("/plugin/meteo/template/images/tiny/114.png");
   }

.hpw_img_code_115 {
   background-image: url("/plugin/meteo/template/images/tiny/115.png");
   }

.hpw_img_code_116 {
   background-image: url("/plugin/meteo/template/images/tiny/116.png");
   }

.hpw_img_code_117 {
   background-image: url("/plugin/meteo/template/images/tiny/117.png");
   }

.hpw_img_code_118 {
   background-image: url("/plugin/meteo/template/images/tiny/118.png");
   }

.hpw_img_code_119 {
   background-image: url("/plugin/meteo/template/images/tiny/119.png");
   }

.hpw_img_code_120 {
   background-image: url("/plugin/meteo/template/images/tiny/120.png");
   }

.hpw_img_code_121 {
   background-image: url("/plugin/meteo/template/images/tiny/121.png");
   }

.hpw_img_code_122 {
   background-image: url("/plugin/meteo/template/images/tiny/122.png");
   }

.hpw_img_code_123 {
   background-image: url("/plugin/meteo/template/images/tiny/123.png");
   }

.hpw_img_code_124 {
   background-image: url("/plugin/meteo/template/images/tiny/124.png");
   }

.hpw_img_code_125 {
   background-image: url("/plugin/meteo/template/images/tiny/125.png");
   }

.hpw_img_code_126 {
   background-image: url("/plugin/meteo/template/images/tiny/126.png");
   }

.hpw_img_code_127 {
   background-image: url("/plugin/meteo/template/images/tiny/127.png");
   }

.hpw_img_code_128 {
   background-image: url("/plugin/meteo/template/images/tiny/128.png");
   }

.hpw_img_code_129 {
   background-image: url("/plugin/meteo/template/images/tiny/129.png");
   }
   
.hpw_img_code_130 {
   background-image: url("/plugin/meteo/template/images/tiny/130.png");
   }
   
.hpw_img_code_131 {
   background-image: url("/plugin/meteo/template/images/tiny/131.png");
   }
   
.hpw_img_code_132 {
   background-image: url("/plugin/meteo/template/images/tiny/132.png");
   }
   
.hpw_img_code_133 {
   background-image: url("/plugin/meteo/template/images/tiny/133.png");
   }
   
.hpw_img_code_134 {
   background-image: url("/plugin/meteo/template/images/tiny/134.png");
   }
   
.hpw_img_code_135 {
   background-image: url("/plugin/meteo/template/images/tiny/135.png");
   }
.hpw_img_code_136 {
	background-image: url("/plugin/meteo/template/images/tiny/136.png");
}
.hpw_img_code_137 {
	background-image: url("/plugin/meteo/template/images/tiny/137.png");
}
.hpw_img_code_138 {
	background-image: url("/plugin/meteo/template/images/tiny/138.png");
}
.hpw_img_code_139 {
	background-image: url("/plugin/meteo/template/images/tiny/139.png");
}
.hpw_img_code_140 {
	background-image: url("/plugin/meteo/template/images/tiny/140.png");
}
.hpw_img_code_141 {
	background-image: url("/plugin/meteo/template/images/tiny/141.png");
}
.hpw_img_code_142 {
	background-image: url("/plugin/meteo/template/images/tiny/142.png");
}
   
   /*************  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)
{
	#meteoCartouche .ctn .icon.hpw_img_code_1, #meteoCartouche .ctn .icon.hpw_img_code_26,#meteoCartouche .ctn .icon.hpw_img_code_27,#meteoCartouche .ctn .icon.hpw_img_code_126, #meteoCartouche .ctn .icon.hpw_img_code_127,
	#meteoCartouche .ctn .icon.hpw_img_code_101,#meteoCartouche .ctn .icon.hpw_img_code_102,#meteoCartouche .ctn .icon.hpw_img_code_103
	{
		background-image: url("/plugin/meteo/template/images/cartouches/1@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_2, #meteoCartouche .ctn .icon.hpw_img_code_28, #meteoCartouche .ctn .icon.hpw_img_code_128
	{
		background-image: url("/plugin/meteo/template/images/cartouches/2@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_3
	{
		background-image: url("/plugin/meteo/template/images/cartouches/3@x2.png");
	}
	
	#meteoCartouche .ctn .icon.hpw_img_code_4 , #meteoCartouche .ctn .icon.hpw_img_code_104
	{
		background-image: url("/plugin/meteo/template/images/cartouches/4@x2.png");
	}
	
	#meteoCartouche .ctn .icon.hpw_img_code_5, #meteoCartouche .ctn .icon.hpw_img_code_105,
	#meteoCartouche .ctn .icon.hpw_img_code_35,#meteoCartouche .ctn .icon.hpw_img_code_135
	{
		background-image: url("/plugin/meteo/template/images/cartouches/5@x2.png");
	}
	
	#meteoCartouche .ctn .icon.hpw_img_code_6, #meteoCartouche .ctn .icon.hpw_img_code_106,
	#meteoCartouche .ctn .icon.hpw_img_code_29, #meteoCartouche .ctn .icon.hpw_img_code_129
	{
		background-image: url("/plugin/meteo/template/images/cartouches/6@x2.png");
	}
	
	#meteoCartouche .ctn .icon.hpw_img_code_7, #meteoCartouche .ctn .icon.hpw_img_code_107,
	#meteoCartouche .ctn .icon.hpw_img_code_31, #meteoCartouche .ctn .icon.hpw_img_code_131
	{
		background-image: url("/plugin/meteo/template/images/cartouches/7@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_8, #meteoCartouche .ctn .icon.hpw_img_code_108,
	#meteoCartouche .ctn .icon.hpw_img_code_30, #meteoCartouche .ctn .icon.hpw_img_code_130
	{
		background-image: url("/plugin/meteo/template/images/cartouches/8@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_9, #meteoCartouche .ctn .icon.hpw_img_code_109,
	#meteoCartouche .ctn .icon.hpw_img_code_32, #meteoCartouche .ctn .icon.hpw_img_code_132
	{
		background-image: url("/plugin/meteo/template/images/cartouches/9@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_10, #meteoCartouche .ctn .icon.hpw_img_code_110
	{
		background-image: url("/plugin/meteo/template/images/cartouches/10@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_11, #meteoCartouche .ctn .icon.hpw_img_code_111,
	#meteoCartouche .ctn .icon.hpw_img_code_34, #meteoCartouche .ctn .icon.hpw_img_code_134
	{
		background-image: url("/plugin/meteo/template/images/cartouches/11@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_12, #meteoCartouche .ctn .icon.hpw_img_code_112
	{
		background-image: url("/plugin/meteo/template/images/cartouches/12@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_13, #meteoCartouche .ctn .icon.hpw_img_code_23, #meteoCartouche .ctn .icon.hpw_img_code_123, #meteoCartouche .ctn .icon.hpw_img_code_124, #meteoCartouche .ctn .icon.hpw_img_code_125,
	#meteoCartouche .ctn .icon.hpw_img_code_24,#meteoCartouche .ctn .icon.hpw_img_code_25, #meteoCartouche .ctn .icon.hpw_img_code_113,
	#meteoCartouche .ctn .icon.hpw_img_code_36, #meteoCartouche .ctn .icon.hpw_img_code_37, #meteoCartouche .ctn .icon.hpw_img_code_38, #meteoCartouche .ctn .icon.hpw_img_code_39,
	#meteoCartouche .ctn .icon.hpw_img_code_40, #meteoCartouche .ctn .icon.hpw_img_code_41,#meteoCartouche .ctn .icon.hpw_img_code_42,
	#meteoCartouche .ctn .icon.hpw_img_code_136, #meteoCartouche .ctn .icon.hpw_img_code_137, #meteoCartouche .ctn .icon.hpw_img_code_138, #meteoCartouche .ctn .icon.hpw_img_code_139,
	#meteoCartouche .ctn .icon.hpw_img_code_140, #meteoCartouche .ctn .icon.hpw_img_code_141,#meteoCartouche .ctn .icon.hpw_img_code_142
	{
		background-image: url("/plugin/meteo/template/images/cartouches/13@x2.png");
	}
	
	#meteoCartouche .ctn .icon.hpw_img_code_14, #meteoCartouche .ctn .icon.hpw_img_code_114
	{
		background-image: url("/plugin/meteo/template/images/cartouches/14@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_15, #meteoCartouche .ctn .icon.hpw_img_code_115
	{
		background-image: url("/plugin/meteo/template/images/cartouches/15@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_16, #meteoCartouche .ctn .icon.hpw_img_code_116
	{
		background-image: url("/plugin/meteo/template/images/cartouches/16@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_17, #meteoCartouche .ctn .icon.hpw_img_code_117,
	#meteoCartouche .ctn .icon.hpw_img_code_33, #meteoCartouche .ctn .icon.hpw_img_code_133
	{
		background-image: url("/plugin/meteo/template/images/cartouches/17@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_18, #meteoCartouche .ctn .icon.hpw_img_code_21, #meteoCartouche .ctn .icon.hpw_img_code_118,#meteoCartouche .ctn .icon.hpw_img_code_121
	{
		background-image: url("/plugin/meteo/template/images/cartouches/18@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_19, #meteoCartouche .ctn .icon.hpw_img_code_22, #meteoCartouche .ctn .icon.hpw_img_code_119, #meteoCartouche .ctn .icon.hpw_img_code_122
	{
		background-image: url("/plugin/meteo/template/images/cartouches/19@x2.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_20, #meteoCartouche .ctn .icon.hpw_img_code_120
	{
		background-image: url("/plugin/meteo/template/images/cartouches/20@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)
{
	#meteoCartouche .ctn .icon.hpw_img_code_1, #meteoCartouche .ctn .icon.hpw_img_code_26,#meteoCartouche .ctn .icon.hpw_img_code_27,#meteoCartouche .ctn .icon.hpw_img_code_126, #meteoCartouche .ctn .icon.hpw_img_code_127,
	#meteoCartouche .ctn .icon.hpw_img_code_101,#meteoCartouche .ctn .icon.hpw_img_code_102,#meteoCartouche .ctn .icon.hpw_img_code_103
	{
		background-image: url("/plugin/meteo/template/images/cartouches/1@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_2, #meteoCartouche .ctn .icon.hpw_img_code_28, #meteoCartouche .ctn .icon.hpw_img_code_128
	{
		background-image: url("/plugin/meteo/template/images/cartouches/2@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_3
	{
		background-image: url("/plugin/meteo/template/images/cartouches/3@x3.png");
	}
	
	#meteoCartouche .ctn .icon.hpw_img_code_4, #meteoCartouche .ctn .icon.hpw_img_code_104
	{
		background-image: url("/plugin/meteo/template/images/cartouches/4@x3.png");
	}
	
	#meteoCartouche .ctn .icon.hpw_img_code_5, #meteoCartouche .ctn .icon.hpw_img_code_105,
	#meteoCartouche .ctn .icon.hpw_img_code_35, #meteoCartouche .ctn .icon.hpw_img_code_135
	{
		background-image: url("/plugin/meteo/template/images/cartouches/5@x3.png");
	}
	
	#meteoCartouche .ctn .icon.hpw_img_code_6, #meteoCartouche .ctn .icon.hpw_img_code_106,
	#meteoCartouche .ctn .icon.hpw_img_code_29, #meteoCartouche .ctn .icon.hpw_img_code_129
	{
		background-image: url("/plugin/meteo/template/images/cartouches/6@x3.png");
	}
	
	#meteoCartouche .ctn .icon.hpw_img_code_7, #meteoCartouche .ctn .icon.hpw_img_code_107,
	#meteoCartouche .ctn .icon.hpw_img_code_31, #meteoCartouche .ctn .icon.hpw_img_code_131
	{
		background-image: url("/plugin/meteo/template/images/cartouches/7@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_8, #meteoCartouche .ctn .icon.hpw_img_code_108,
	#meteoCartouche .ctn .icon.hpw_img_code_30, #meteoCartouche .ctn .icon.hpw_img_code_130
	{
		background-image: url("/plugin/meteo/template/images/cartouches/8@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_9, #meteoCartouche .ctn .icon.hpw_img_code_109,
	#meteoCartouche .ctn .icon.hpw_img_code_32, #meteoCartouche .ctn .icon.hpw_img_code_132
	{
		background-image: url("/plugin/meteo/template/images/cartouches/9@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_10, #meteoCartouche .ctn .icon.hpw_img_code_110
	{
		background-image: url("/plugin/meteo/template/images/cartouches/10@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_11, #meteoCartouche .ctn .icon.hpw_img_code_111,
	#meteoCartouche .ctn .icon.hpw_img_code_34, #meteoCartouche .ctn .icon.hpw_img_code_134
	{
		background-image: url("/plugin/meteo/template/images/cartouches/11@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_12, #meteoCartouche .ctn .icon.hpw_img_code_112
	{
		background-image: url("/plugin/meteo/template/images/cartouches/12@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_13, #meteoCartouche .ctn .icon.hpw_img_code_23, #meteoCartouche .ctn .icon.hpw_img_code_123, #meteoCartouche .ctn .icon.hpw_img_code_124, #meteoCartouche .ctn .icon.hpw_img_code_125, 
	#meteoCartouche .ctn .icon.hpw_img_code_24,#meteoCartouche .ctn .icon.hpw_img_code_25, #meteoCartouche .ctn .icon.hpw_img_code_113,
	#meteoCartouche .ctn .icon.hpw_img_code_36, #meteoCartouche .ctn .icon.hpw_img_code_37, #meteoCartouche .ctn .icon.hpw_img_code_38, #meteoCartouche .ctn .icon.hpw_img_code_39,
	#meteoCartouche .ctn .icon.hpw_img_code_40, #meteoCartouche .ctn .icon.hpw_img_code_41,#meteoCartouche .ctn .icon.hpw_img_code_42,
	#meteoCartouche .ctn .icon.hpw_img_code_136, #meteoCartouche .ctn .icon.hpw_img_code_137, #meteoCartouche .ctn .icon.hpw_img_code_138, #meteoCartouche .ctn .icon.hpw_img_code_139,
	#meteoCartouche .ctn .icon.hpw_img_code_140, #meteoCartouche .ctn .icon.hpw_img_code_141,#meteoCartouche .ctn .icon.hpw_img_code_142
	{
		background-image: url("/plugin/meteo/template/images/cartouches/13@x3.png");
	}
	
	#meteoCartouche .ctn .icon.hpw_img_code_14, #meteoCartouche .ctn .icon.hpw_img_code_114
	{
		background-image: url("/plugin/meteo/template/images/cartouches/14@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_15, #meteoCartouche .ctn .icon.hpw_img_code_115
	{
		background-image: url("/plugin/meteo/template/images/cartouches/15@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_16, #meteoCartouche .ctn .icon.hpw_img_code_116
	{
		background-image: url("/plugin/meteo/template/images/cartouches/16@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_17, #meteoCartouche .ctn .icon.hpw_img_code_117,
	#meteoCartouche .ctn .icon.hpw_img_code_33, #meteoCartouche .ctn .icon.hpw_img_code_133
	{
		background-image: url("/plugin/meteo/template/images/cartouches/17@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_18, #meteoCartouche .ctn .icon.hpw_img_code_21, #meteoCartouche .ctn .icon.hpw_img_code_118,#meteoCartouche .ctn .icon.hpw_img_code_121
	{
		background-image: url("/plugin/meteo/template/images/cartouches/18@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_19, #meteoCartouche .ctn .icon.hpw_img_code_22, #meteoCartouche .ctn .icon.hpw_img_code_119, #meteoCartouche .ctn .icon.hpw_img_code_122
	{
		background-image: url("/plugin/meteo/template/images/cartouches/19@x3.png");
	}
	#meteoCartouche .ctn .icon.hpw_img_code_20, #meteoCartouche .ctn .icon.hpw_img_code_120
	{
		background-image: url("/plugin/meteo/template/images/cartouches/20@x3.png");
	}
}#myaccountCtn
{
	display:none;
}
@media only screen and (min-width:1200px)
{
	#myaccountCtn
	{
		display:block;
		position:absolute;
		top:40px;
		right:0;
		z-index: 1004;
	}
	#myaccountCtn h5
	{
		margin:0px;
		padding:0px;
		font-size:16px;
		font-weight:bold;
		color:#ffffff;
		background:#000000;
		width:14px;
		padding:10px;
		text-align:center;
		word-break:break-all;
		float:left;
	}
	
	#myaccountCtn .infos
	{
		background:#dcdcdc;
		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
	{
		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:#000000;
		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
{
	font-weight:normal;
	font-size:12px;
	text-align:right;
	display:block;
	padding:0 20px 10px 0;
	color:#000000;
}

#newsListCtn .listElement .txt
{
	margin-bottom:10px;
}

.heurectn
{
	display:block;
	margin-top:5px;
	margin-bottom:15px;
}
.heurectn span
{
	display:inline;
	vertical-align:middle;
	margin:0 10px 0 5px; 
}
.heurectn input[rel=minute], .heurectn input[rel=hour]
{
	display:inline;
	vertical-align:middle;
	width:40px;
}/*Styles spécifiques du plugin page en T1 */#pagehtmlcontent .htmlcontent input[type=text], .bgEditor input[type=text],
#pagehtmlcontent .htmlcontent input[type=email], .bgEditor input[type=email],
#pagehtmlcontent .htmlcontent textarea, .bgEditor textarea,
#pagehtmlcontent .htmlcontent select, .bgEditor select
{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	max-width:600px;
	padding:5px 5px 5px 10px;
	margin:0 0 10px 0;
	border:1px solid #dedede;
	font-family: roboto;
	font-weight:normal;
	font-size:16px;
	line-height:1.5;
	color:#000000;
	background-color:#ffffff;
	height:auto;
	outline:none;
}
#pagehtmlcontent .htmlcontent select, .bgEditor select
{
	background:url(/template/image/select.png) no-repeat right center;
	background-size:28px auto;
	padding-right:35px;
	border-right:transparent;
}
#pagehtmlcontent .htmlcontent select::-ms-expand, .bgEditor select::-ms-expand
{
    display: none;
}
#pagehtmlcontent .htmlcontent textarea, .bgEditor textarea
{
	height:10em;
}

#pagehtmlcontent .htmlcontent input[type=text].mandatory, .bgEditor input[type=text].mandatory,
#pagehtmlcontent .htmlcontent input[type=email].mandatory, .bgEditor input[type=email].mandatory,
#pagehtmlcontent .htmlcontent textarea.mandatory, .bgEditor textarea.mandatory,
#pagehtmlcontent .htmlcontent select.mandatory, .bgEditor select.mandatory
{
	background-color:#ffffff;	
}
#pagehtmlcontent .htmlcontent input[type=text].mandatoryFailed, .bgEditor input[type=text].mandatoryFailed,
#pagehtmlcontent .htmlcontent input[type=email].mandatoryFailed, .bgEditor input[type=email].mandatoryFailed,
#pagehtmlcontent .htmlcontent textarea.mandatoryFailed, .bgEditor textarea.mandatoryFailed,
#pagehtmlcontent .htmlcontent select.mandatoryFailed, .bgEditor select.mandatoryFailed
{
  background-color: #FFE3E8;
  border:1px dotted red;
}

#pagehtmlcontent .htmlcontent input[type=submit], .bgEditor input[type=submit],
#pagehtmlcontent .htmlcontent input[type=reset], .bgEditor input[type=reset]
{
	display:block;
	width:100%;
	margin:30px 10px 10px 0;
	box-sizing:border-box;
	opacity:1;
}
@media only screen and (min-width:480px)
{
	#pagehtmlcontent .htmlcontent input[type=submit], .bgEditor input[type=submit],
	#pagehtmlcontent .htmlcontent input[type=reset], .bgEditor input[type=reset]
	{
		display:inline-block;
		width:calc(50% - 10px);
		max-width:295px;
	}
}
#pagehtmlcontent .htmlcontent input[type=submit]:disabled, .bgEditor input[type=submit]:disabled
{
	opacity:.5;
	cursor:default;
}

/*************  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)
{
	#pagehtmlcontent .htmlcontent select, .bgEditor select
	{
		background-image:url(/template/image/select@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)
{
	#pagehtmlcontent .htmlcontent select, .bgEditor select
	{
		background-image:url(/template/image/select@x3.png);
	}
}#parcoursHeadCtn h2
{
	display:none;
}
/*Configuration*/
#zoneConfigParcours
{
	margin:20px 0 0 0;
}
#zoneConfigParcours a.page
{
	display:block;
	padding:5px 0 5px 10px;
}

#parcours .mapCtn
{
	margin-bottom:50px;
}

#parcours .headCtn .img
{
	display:none;
}#printsendCtn
{
	position:relative;
	display:block;
	padding:8.8% 0 0 4px;
}
#printsendCtn:after
{
	content:"";
	display:block;
	clear:both;
}

#printsendCtn > a
{
	display:inline-block;
	float:left;
	margin-right:17px;
	color:#ffffff;
	transition:all .5s;
	width:23px;
	height:23px;
	border:1px solid #FFFFFF;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg) ;
	transform: rotate(45deg) ;
	box-sizing:border-box;
	margin-top:10px;
}
#printsendCtn > a:hover
{
	border:1px solid #ed0e2e;
}

#printsendCtn > a:hover svg
{
	color:#ed0e2e;
}

#printsendCtn > a svg
{
	transform: rotate(-45deg) ;
	color:#FFFFFF;
	width:55%;
	padding:3px 0 0 3px;
	transition:all 0.5s;
}
#printsendCtn .doc_pdf
{
	font-size:32px;
	border:0;
	margin-top:0px;
}

#printsendCtn a:hover.doc_pdf
{
	border:0;
}

#printsendCtn .doc_pdf svg
{
	width:1em;
}

.classNoSlider .bg
{
	width:100%;
	height:100%;
	background-image:url(/plugin/projets/template/image/bgsetransformeSmall.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:top center;
	border-bottom:1px solid #ed0e2e;
	position:relative;
}

.classNoSlider .headCtn
{
	margin:0;
}

.classNoSlider .bg h1
{
	text-align:center;
	font-weight:normal;
	font-size:36px;
	color:#000000;
	font-family:robotothin;
	padding:0 0 30px 0;
	margin:0;
}

.classNoSlider .zoneTitleForMobile
{
	display:none;
}

#projetsList
{
	margin-top:30px;
}
@media only screen and (min-width:850px)
{
	#projetsList
	{
		margin-top:170px;
	}
	#projetsListCtn .listElement:nth-child(3n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:8%;
	}
	
	.classNoSlider .bg
	{
		background-image:url(/plugin/projets/template/image/bgsetransforme.jpg);
		background-size:cover;
	}
	
	.classNoSlider .bg h1
	{
		font-size:97px;
	}
}

/*Style pour la page intérieure de projet*/
.classNoSlider .int.projet .headCtn h1, .classNoSlider .int.projet .headCtn h2,
.admin.classNoSlider .int.projet .headCtn h1, .admin.classNoSlider .int.projet .headCtn h2
{
	display:block;
	color:#000000;
	width:100%;
	height:auto;
	margin:0;
	padding:40px 0 30px 0;
}

.classNoSlider .int.projet .headCtn h2, .admin.classNoSlider .int.projet .headCtn h2
{
	font-family:robotoregular;
	padding:0 0 30px 0;
}


.classNoSlider .int.projet .headCtn .img
{
	margin: 0 0 50px 0;
	min-height:185px;
}  

.classNoSlider .int.projet .headCtn .img:before, .classNoSlider .int.projet .imgcropctn.accroche:before
{
	padding-top:31.25%;
}

.classNoSlider .int.projet .ctnGalerie
{
	overflow:hidden;
}

.classNoSlider .int.projet .ctnGalerie .mainContainer
{
	padding:0;
}

.projetCtn > div
{
	box-sizing:border-box;
	line-height: 1.8;
	padding-bottom:85px;
}

.projetCtn span.titre
{
	font-weight:bold;
	color:#ed0e2e;
	display:block;
}

.projetCtn span.titreNoir
{
	font-weight:bold;
	color:#000000;
	font-size:21px;
	display:block;
	padding-bottom:28px;
}

.projetCtn div.txt
{
	padding:33px 0 33px 0;
}

.projetCtn #documentListCtn .titreCartoucheHolder
{
	display:block;
	font-weight:bold;
	color:#ed0e2e;
	padding-bottom:33px;
}

.projetCtn .noDisplay
{
	display:none;
}

.zoneTxtHtmlProjet
{
	border-top:1px solid #d3d3d3;
	padding:40px 0 30px 0;
}
.zoneTxtHtmlProjet:empty
{
	display:none;
}

@media only screen and (min-width:850px)
{
	.classNoSlider .int.projet .headCtn .img
	{
		margin: 0 0 110px 0;
	}  

	.classNoSlider .int.projet .headCtn h1, .classNoSlider .int.projet .headCtn h2,
	.admin.classNoSlider .int.projet .headCtn h1, .admin.classNoSlider .int.projet .headCtn h2
	{
		padding:120px 0 60px 0;
	}
	
	.classNoSlider .int.projet .headCtn h2, .admin.classNoSlider .int.projet .headCtn h2
	{
		padding:0 0 110px 0;
	}
	
	.projetCtn > div
	{
		float:left;
		width:50%;
	}
	.projetCtn > div:nth-child(1)
	{
		padding-right:76px;	
	}
	
	.zoneTxtHtmlProjet
	{
		padding:90px 0 120px 0;
	}
}

/*La recherche*/
#projetFormSearch.FormSearch .combo .carreFleche
{
	background-color:#222739;
}

#projetFormSearch span
{
	font-size:19px;
	display:inline-block;
	width:27%;
	vertical-align:top;
}

#projetFormSearch #zoneCombos > div:nth-child(2)
{
	margin:20px 0 30px 0;
}

#projetFormSearch .combo
{
	display:inline-block;
	width:73%;
	vertical-align:top;
}

#projetFormSearch .statut
{
	width:73%;
	margin-left:27%;
	border:1px solid #d3d3d3;
	background:#FFFFFF;
	height:46px;
	box-sizing:border-box;
	text-align:center;
	padding-top:10px;
	display:block;
	border-radius: 2px;
	cursor:pointer;
	margin-bottom:6px;
	
}
/*#projetFormSearch .statut:hover, */#projetFormSearch .statut.mySelect
{
	background:#222739;
	color:#FFFFFF;
	font-weight:bold;
}
#projetFormSearch .statut.last
{
	margin-right:0;
}

#projetFormSearch #zoneCombos
{
	box-sizing:border-box;
	display:block;
	vertical-align:middle;
	margin:0 auto 0 auto;
}

#projetFormSearch #carteQuartier
{
	display:none;
}

@media only screen and (min-width:850px)
{
	#projetFormSearch .statut
	{
		width:32%;
		margin:0;
		margin-right:2%;
		display:inline-block;
		
	}
	
	#projetFormSearch #zoneCombos
	{
		width:calc(47.7% - 4px);
		padding-left:50px;
		display:inline-block;
	}
	
	#projetFormSearch #carteQuartier
	{
		
		width:52.3%;
		display:inline-block;
		vertical-align:middle;
	}
	

	#projetFormSearch #carteQuartier
	{
		background-image:url(/plugin/projets/template/image/carte_interactive_secteur_0.svg) ;
		background-repeat:no-repeat;
		background-position: top left;
	}
	
	#projetFormSearch #carteQuartier area
	{
		position:relative;
	}
	
	#projetFormSearch #carteQuartier area span
	{
		width:50px;
		height:50px;
		background:yellow;
		position:absolute;
		top:50%;
		left:50%;
	}	
}


.faqprojet
{
	margin-top:60px;
}

.faqprojet span.titreNoir
{
	font-weight:bold;
	color:#000000;
	font-size:21px;
	display:block;
	margin-bottom:28px;
	padding-bottom:10px;
	border-bottom:1px solid #d3d3d3;
}

.askquestionprojet
{
	position:relative;
	display:block;
	margin:60px 0 40px 0;
}
.faqprojet + .askquestionprojet
{
	margin-top:40px;
}

.askquestionprojet > .askbtn
{
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	padding:10px 10px 10px 10px;
	font-weight: bold;
	color: #FFFFFF;
	background: #222739;
	max-width:100%;
	border: 1px solid #222739;
	transition:all .5s;
}
.askquestionprojet.open > .askbtn
{
	border-color:#d3d3d3;
	border-bottom:none;
    background: #FFFFFF;
	color:#000000;
	z-index:2;
}
.askquestionprojet > form
{
	position:relative;
	display:block;
	overflow:hidden;
	margin:-1px 0 0 0;
	padding:0;
	z-index:1;
}
.askquestionprojet > form.masked:before
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background:#ffffff;
	z-index:10;
	opacity:.4;
}
.askquestionprojet > form > .askholder
{
	position:relative;
	display:block;
	border: 1px solid #d3d3d3;
	padding:20px 10px 20px 10px;
}
@media only screen and (min-width:480px)
{
	.askquestionprojet > .askbtn
	{
		padding:10px 20px 10px 20px;
	}
	.askquestionprojet > form > .askholder
	{
		padding:20px 20px 20px 20px;
	}	
}
@media only screen and (min-width:640px)
{
	.askquestionprojet > .askbtn
	{
		padding:10px 40px 10px 40px;
	}
	.askquestionprojet > form > .askholder
	{
		padding:20px 40px 20px 40px;
	}	
}

.askquestionprojet > form > .askholder .fieldctn
{
	display:block;
	margin:0 0 15px 0;
}
.askquestionprojet > form > .askholder .fieldctn > label
{
	display:block;
	margin-bottom:5px;
	line-height:normal;
}
.askquestionprojet > form > .askholder .fieldctn > label.mandatory
{
	background:none;
}
.askquestionprojet > form > .askholder .fieldctn > label.mandatory:after
{
	content:"*";
}

.askquestionprojet > form > .askholder .fieldctn > input[type=text], 
.askquestionprojet > form > .askholder .fieldctn > textarea
{
	display:block;
	width:100%;
	box-sizing:border-box;
	font-family:roboto;
	font-size:16px;
	font-weight:normal;
	color:#000000;
	background:#ffffff;
	border:1px solid #000000;
	border-radius:5px;
	padding:5px;
}

.askquestionprojet > form > .askholder input[type=submit]
{
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	margin-top:10px;
	padding:10px 40px 10px 40px;
	font-size:16px;
	font-weight: normal;
	color: #FFFFFF;
	background: #222739;
	max-width:100%;
	border: 1px solid #222739;
	transition:all .5s;
}
.askquestionprojet > form > .askholder input[type=submit]:disabled
{
	opacity:.5;
}
.askquestionprojet > form > .askholder input[type=submit]:not(:disabled):hover
{
	border-color:#d3d3d3;
	background: #FFFFFF;
	color:#000000;
}

.askquestionprojet > form > .askholder .fieldctn > textarea
{
	height:15em;
}

.askquestionprojet > form > .askholder input[type=text].mandatoryFailed,
.askquestionprojet > form > .askholder textarea.mandatoryFailed
{
	background-color: #FFE3E8;
  	border:1px dotted red;
}
.askquestionprojet > form > .askholder .buttonfrmaskctn
{
	margin-top:40px;
}

/*gestion*/
.frmaskquestionmailctn
{
	display:none;
	margin:10px 0 10px 0;
}
.frmaskquestionmailctn label
{
	display:block;
	margin-bottom:5px;
	font-weight:normal;
}
#aProjets_frmquestionmailto_error
{
	display:block;
	color:red;
	margin-top:3px;
}.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;	
}



.lngSearchCtn
{
	background:#F6F6F6;
	padding:20px 10px 16px 20px;
	margin:0 0 10px 0;
}
/*STYLE POUR LA ZONE DE RECHERCHE*/
.wSearchAPI
{
	width:100%;
	max-width:100%;
}
#searchCtnAPI
{
	position:relative;
	height:45px;
	overflow:hidden;
	z-index:101;/*passé sur le menu*/
}

#cse-search-box-api
{
	display:block;
	position:relative;
	width:310px;
	max-width:100%;
}


#cse-search-box-api input[type=text]
{
	display:block;
	box-sizing:border-box;
	outline:0;	
	float:left;
	height:45px;
	width:100%;
	margin:0px;
	background-color:#f3f3f3;
	font-size:14px;
	border:0;
	color:#000000;
	padding-left:20px;
	border:1px solid #d3d3d3;
}
	
#cse-search-box-api input[type=text].placeholder
{
	color:#565656;
}	

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

#cse-search-box-api .submit
{
	padding:0;
	margin:0;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	width:50px;
	height:45px;
	box-sizing:border-box;
	padding:14px 16px 14px 17px;
	border:1px solid #FFFFFF;
	background:#FFFFFF;
	
}
/*La position de départ ne joue pas sur les diff. navigateurs..*/
.firefox #cse-search-box-api .submit
{
	padding:10px 16px 14px 17px;
}
#cse-search-box-api input[type=submit]
{
	
	width:17px;
	height:17px;
	border:0px;
	cursor:pointer;
	background-image:url(/plugin/searchapi/template/image/loupeOver.svg) ;
	background-repeat:no-repeat;
	background-size:100%;
	background-color:transparent;
}


#searchCtnAPI #cse-search-box-api .submit
{
	background-color:#222739;
	border:1px solid #222739;
}

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

#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:1.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:#ed0e2e;
	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:1000px)
{
	.wSearchAPI
	{
		width:50px;	
		float:right;	
	}
	
	.lngSearchCtn
	{
		background:transparent;
		padding:0;
		margin:0;
	}
	
	#searchCtnAPI
	{
		width:50px;
		float:right;
	}
	
	#cse-search-box-api
	{
		max-width:none;		
		float:right;
	}
	
	#searchCtnAPI.over #cse-search-box-api input[type=submit]
	{
		background-image:url(/plugin/searchapi/template/image/loupeOver.svg) ;
	}
	
	#searchCtnAPI #cse-search-box-api .submit
	{
		background-color:#FFFFFF;
		border:1px solid #FFFFFF;		
	}
	#cse-search-box-api input[type=submit]
	{
		background-image:url(/plugin/searchapi/template/image/loupe.svg) ;
	}

	#searchCtnAPI.over #cse-search-box-api .submit
	{
		background-color:#222739;
		border:1px solid #222739;
	}
}
/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5E0404;
	text-decoration:none;
}

/* Style pour le plan du site */
.sm0
{
    FONT-SIZE: 16px;
    COLOR: #ed0e2e;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
	font-weight:normal;

}

.sm1
{
    FONT-SIZE: 16px;
    COLOR: #ed0e2e;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;
font-weight:normal;
}

.sm2
{
    FONT-SIZE: 14px;
    COLOR: #ed0e2e;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;
font-weight:normal;
}

.sm3
{
    FONT-SIZE: 14px;
    COLOR: #ed0e2e;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
	font-weight:normal;
}/*Style pour le montage*/
#sliderCtn
{
	position:relative;
	width:100%;
	overflow:hidden;	
}

#sliderCtnAll
{
	position:relative;
	height:100%;
}

#sliderCtnAll #downCtn, .classNoSlider #downCtn
{
	display:none;
}
.home #sliderCtnAll #downCtn, .classNoSlider #downCtn
{
	display:block;
	position:absolute;
	z-index:5;
	bottom:0;
	left:calc(50% - 100px);

}

#sliderCtnAll #downCtn > div:not(.carreFleche), .classNoSlider #downCtn > div:not(.carreFleche),
#sliderCtnAll #downCtn > div:not(.carreFleche) a, .classNoSlider #downCtn > div:not(.carreFleche) a
{
	color:#FFFFFF;
	font-family:robotothin;
	font-size:20px;
	text-align:center;
	width:200px;
	line-height:1.2;
	font-weight:normal;
}

.classNoSlider #downCtn > div:not(.carreFleche)
{
	font-size:17px;
	color:#000000;
	font-family:roboto;
}

#sliderCtnAll #downCtn > div.carreFleche, .classNoSlider #downCtn > div.carreFleche
{
	margin:20px auto 0 auto;
	cursor:pointer;
}

#sliderCtn:before
{
	content:"";
	display:block;
	padding-top:51%;
		
}

body.home #sliderCtn
{
    position: absolute;
    z-index: 0;
    margin-bottom: inherit;
    height: 100%;
}

.home #sliderCtn:before
{
	content:"";
	display:block;
	padding-top:135%;
}

.home .videoCtn .sliderElementCtn .sliderElement {
	display: block !important;
}
.home .videoCtn .sliderElementCtn .sliderElement video {
	position: absolute;
	top: 50%; 
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	z-index: -1000; 
	overflow: hidden;
}
.helpVideo
{
	color:green;
	padding:0 0 20px 0;
	--font-style:italic;
	max-width:80%;
}
@media only screen and (min-width:641px)
{
	#sliderCtnAll #downCtn > div:not(.carreFleche),
	#sliderCtnAll #downCtn > div:not(.carreFleche) a
	{
		font-size:33px;
		display:block;
	}
	
	#sliderCtnAll #downCtn > div.carreFleche
	{
		margin:50px auto 0 auto;
	}
	
	.classNoSlider #downCtn > div.carreFleche
	{
		margin:30px auto 0 auto;
	}

	.home #sliderCtn:before
	{
		padding-top:65%;
	}
	
	#sliderCtn:before
	{
		padding-top:21.45%;
			
	}
}

@media only screen and (max-height:884px) and (min-width:641px)
{
	#sliderCtnAll #downCtn > div:not(.carreFleche)
	{
		display:none;
	}
}

#sliderCtn .sliderElementCtn
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	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;
}
#sliderCtnAll #navigSlider
{
	display:none;
}
/*Style pour les puces de navigation*/
#sliderCtn #bullets 
{
	display:none;
}

#sliderCtn .titreCtn, #sliderCtn #bandebleue
{
	display:none;
}

.home .zoneTitleForMobile
{
	display:none;
}
.zoneTitleForMobile
{
	background:#222739;
	height:131px;
	box-sizing:border-box;
}
.zoneTitleForMobile .zoneTitrePrincipal, .zoneTitleForMobile .mainContainer
{
	position:relative;
	height:100%;
}
.zoneTitleForMobile .zoneTitrePrincipal:before
{
	content:"";
	height:100%;
	display:inline-block;
	width:1px;
	vertical-align:middle;
}

.zoneTitleForMobile h1
{
	display:inline-block;
	 vertical-align: middle;
	margin-bottom:0;
	height:auto;
}

/*style pour la page projet*/
.classNoSlider #sliderCtn #ombre
{
	display:none;
}

.classNoSlider #sliderCtn #bandeBleue
{
	width:100%!important;
}

.classNoSlider #sliderCtn .pente:before
{
	display:none;
}

.classNoSlider #sliderCtn .zoneTitrePrincipal
{
	display:none;
}

.classNoSlider #sliderCtn:before
{
	display:none;
}

.classNoSlider #sliderCtn .pente
{
	height:80px!important;
}

.classNoSlider #sliderCtn .titreCtn
{
	position:relative;
}

.classNoSlider #printsendCtn
{
	padding-top:22px;
}

.classNoSlider #sliderCtnAll #navigSlider
{
	display:none;
}

	
@media only screen and (min-width:1200px)
{
	.zoneTitleForMobile
	{
		display:none;
	}
	/*Style pour la zone bleu du texte*/
	#sliderCtn #bandeBleue,#sliderCtn .titreCtn
	{
		display:block;		
	}
	.home #sliderCtn #bandeBleue,.home #sliderCtn .titreCtn
	{
		display:none;
	}
	#sliderCtn #bandeBleue
	{
		display:block;
		background:#222739;
		top:0;
		left:0;
		height:100%;
		position:absolute;
		z-index:1; 
	}
	#sliderCtn #ombre
	{
		display:block;
		top:0;
		left:0;
		height:100%;
		width:100%;
		position:absolute;
		z-index:1; 
	
		
		/*version haut -> bas*/
 /* background-image:linear-gradient(
    to bottom,
    hsl(0, 0%, 0%) 0%,
    hsla(0, 0%, 0%, 0.813) 2.8%,
    hsla(0, 0%, 0%, 0.651) 6.5%,
    hsla(0, 0%, 0%, 0.512) 11%,
    hsla(0, 0%, 0%, 0.394) 16.1%,
    hsla(0, 0%, 0%, 0.296) 21.9%,
    hsla(0, 0%, 0%, 0.216) 28.3%,
    hsla(0, 0%, 0%, 0.152) 35.2%,
    hsla(0, 0%, 0%, 0.102) 42.4%,
    hsla(0, 0%, 0%, 0.064) 50.1%,
    hsla(0, 0%, 0%, 0.037) 58.1%,
    hsla(0, 0%, 0%, 0.019) 66.3%,
    hsla(0, 0%, 0%, 0.008) 74.6%,
    hsla(0, 0%, 0%, 0.002) 83.1%,
    hsla(0, 0%, 0%, 0) 91.6%,
    hsla(0, 0%, 0%, 0) 100%
  );*/

 /*background-image:linear-gradient(
    to bottom,
    hsl(330, 0.98%, 40%) 0%,
    hsla(330, 0.98%, 40%, 0.813) 0.9%,
    hsla(330, 0.98%, 40%, 0.651) 1.9%,
    hsla(330, 0.98%, 40%, 0.512) 3%,
    hsla(330, 0.98%, 40%, 0.394) 4.5%,
    hsla(330, 0.98%, 40%, 0.296) 6.6%,
    hsla(330, 0.98%, 40%, 0.216) 9.4%,
    hsla(330, 0.98%, 40%, 0.152) 13.2%,
    hsla(330, 0.98%, 40%, 0.102) 18.1%,
    hsla(330, 0.98%, 40%, 0.064) 24.3%,
    hsla(330, 0.98%, 40%, 0.037) 32.1%,
    hsla(330, 0.98%, 40%, 0.019) 41.5%,
    hsla(330, 0.98%, 40%, 0.008) 52.8%,
    hsla(330, 0.98%, 40%, 0.002) 66.2%,
    hsla(330, 0.98%, 40%, 0) 81.9%,
    hsla(330, 0.98%, 40%, 0) 100%
  );
		*/
	}

	/*Il a été décidé d'enlever l'ombre avec MOJO*/
	/*.home #sliderCtn #ombre
{
	
  background-image:linear-gradient(
    to bottom,
    hsl(330, 0.98%, 40%) 0%,
    hsla(330, 0.98%, 40%, 0.813) 0.9%,
    hsla(330, 0.98%, 40%, 0.651) 1.9%,
    hsla(330, 0.98%, 40%, 0.512) 3%,
    hsla(330, 0.98%, 40%, 0.394) 4.5%,
    hsla(330, 0.98%, 40%, 0.296) 6.6%,
    hsla(330, 0.98%, 40%, 0.216) 9.4%,
    hsla(330, 0.98%, 40%, 0.152) 13.2%,
    hsla(330, 0.98%, 40%, 0.102) 18.1%,
    hsla(330, 0.98%, 40%, 0.064) 24.3%,
    hsla(330, 0.98%, 40%, 0.037) 32.1%,
    hsla(330, 0.98%, 40%, 0.019) 41.5%,
    hsla(330, 0.98%, 40%, 0.008) 52.8%,
    hsla(330, 0.98%, 40%, 0.002) 66.2%,
    hsla(330, 0.98%, 40%, 0) 81.9%,
    hsla(330, 0.98%, 40%, 0) 100%
  );

}*/

.home #sliderCtn #ombre:after
{
	content:"";
	display:block;
	width:100%;
	height:100%;
	
		
/*version bas -> haut*/
  background-image:linear-gradient(
    to top,
    hsl(0, 0%, 0%) 0%,
    hsla(0, 0%, 0%, 0.883) 0%,
    hsla(0, 0%, 0%, 0.771) 0.2%,
    hsla(0, 0%, 0%, 0.666) 0.8%,
    hsla(0, 0%, 0%, 0.566) 1.9%,
    hsla(0, 0%, 0%, 0.474) 3.7%,
    hsla(0, 0%, 0%, 0.389) 6.4%,
    hsla(0, 0%, 0%, 0.311) 10.2%,
    hsla(0, 0%, 0%, 0.241) 15.2%,
    hsla(0, 0%, 0%, 0.179) 21.6%,
    hsla(0, 0%, 0%, 0.126) 29.6%,
    hsla(0, 0%, 0%, 0.082) 39.4%,
    hsla(0, 0%, 0%, 0.046) 51.2%,
    hsla(0, 0%, 0%, 0.021) 65.1%,
    hsla(0, 0%, 0%, 0.005) 81.3%,
    hsla(0, 0%, 0%, 0) 100%
  );



}
	#sliderCtn .titreCtn
	{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		display:block;
		

	}
	#sliderCtn .mainContainer
	{
		height:100%;		
	}
	#sliderCtn .pente
	{
		width:66.75%;
		position:relative;
		height:100%;
		overflow:hidden;
	}
	#sliderCtn .pente:before {
	  	position: absolute;
	    z-index: 0;
	    top: 0px;
	  	left:0;
	    display: block;
	    width: 100%;
	    height: 500px;
	    content: '';
	    -webkit-transform: skewY(45deg) translateY(10%);
	    -ms-transform: skewY(45deg) translateY(10%);
	    transform: skewY(45deg) translateY(10%);
	    background-color: #222739; 
		border-bottom: 500px solid #222739;
		
		}
		
	#sliderCtn .mainContainer .zoneTitrePrincipal
	{
		z-index:1;
		position:absolute;
		width:100%;
		left:0;
		top:45%;
		
	}
	
	/*Style pour les slogan*/
	#sliderCtn .slogan
	{
		display:block;
		position:absolute;
		width:100%;
		box-sizing:border-box;
		height:auto;
		bottom:5%;
		left:0;
		padding:5px 15px 5px 15px ;
		overflow:hidden;
		background:rgb(0,0,0);
		background:rgba(0,0,0,0.5);
		z-index:3;
	}
	#sliderCtn .slogan span
	{
		font-style:italic;
		font-size:19px;
		color:#ffffff;
		text-decoration:none;
		display:block;
	}
	#sliderCtn .slogan span .FirstLine
	{
		display:block;
		font-weight:bold;
		font-style:normal;
		font-size:30px;
	}
	#sliderCtn .slogan span .SecondLine
	{
		display:block;
	}

	/*Style pour les puces de navigation*/
	#sliderCtn #bullets {
		display:block;	
		position:absolute;
		bottom:20px;
		right:20px;
		z-index:4;
	}
	#sliderCtn #bullets a {
		display:block;
		width:12px;
		height:12px;
		background: #fff;
		border-radius: 6px;
		text-indent:-9999px;
		border:0;
		margin-right:0px;
		float:left;
		margin-right: 6px;
	}
	#sliderCtn #bullets a:last-child {
		margin-right: 0;
	}
	#sliderCtn #bullets a.active {
		background-color: #988985;
	}
	
	/*Style pour les flèches*/
	#sliderCtnAll #navigSlider
	{
		display:block;
		position:absolute;
		top:52%;
		right:4%;
		z-index:5;
	}
	.home #sliderCtnAll #navigSlider
	{
		top:40%;
	}
	#sliderCtnAll .barre
	{
		height:1px;
		width:30px;
		background:#FFFFFF;	
		visibility:visible;
	}
	#sliderCtnAll .arrow
	{
		display:block;
		font-size: 30px;
		color: #FFFFFF;
		cursor:pointer;
		transition:all .5s;
		border:0;
		cursor:pointer;
		opacity:1;
		visibility:visible;
		font-size:13px;
	}
	#sliderCtnAll:hover .arrow
	{
		visibility:visible;
		opacity:1;
		text-decoration:none;
	}

	#sliderCtnAll .sliderCtnNext
	{
		transform: rotateZ(-90deg);
		padding-left:20px;
	}
	#sliderCtnAll .sliderCtnPrev {
		transform: rotateZ(90deg);
		padding-left:20px;
	}

}

#formSlider img:not(.myArrowAdmin)
{
	max-width:80%;
}

/*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 .img
{
	display:none;
}

#weblinksListCtn 
{
	margin-bottom:65px;
}
#weblinksListCtn .listElement
{
	margin:0 0 30px 0;
	overflow:visible;
	float:none;
	width:100%;
	
}

#weblinksListCtn .titreCartoucheHolder
{
	display:none;
}

.colDroite #weblinksListCtn .titreCartoucheHolder
{
	display:block;
}

.colDroite #weblinksListCtn .listElement
{
	margin:0 0 10px 0;
}
#weblinksListCtn .listElement h5
{
	font-weight:bold;
	padding-bottom:0;
	font-size:18px;
	margin-bottom:5px;
}

.colDroite #weblinksListCtn .listElement h5
{
	font-size:16px;
	font-weight:normaL;
	border-bottom:1px solid #d3d3d3;
	padding-bottom:10px;
}

#weblinksListCtn .listElement:hover h5
{
	color:#ed0e2e;
}

.colDroite #weblinksListCtn .listElement:hover h5
{
	color:#000000;
}

#weblinksListCtn > a
{
	display:block;
	text-decoration:none;
	padding-left:20px;
	
}

#weblinksListCtn > a:before /*icone*/
{
	content:"";
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:30px;
	height:30px;
	background-size:100%;
	background:url(/template/image/pictos_plus.svg) no-repeat;
}

#weblinksListCtn .listElement .txt
{
	padding:0 0 0 25px;
	height:auto;
}

#weblinksListCtn .listElement .txt:before
{
	display:none;
}

#weblinksListCtn .listElement .resume
{
	display:block;
}

.colDroite #weblinksListCtn .listElement .resume
{
	display:none;
}#youarehereCtn
{
	display:none;
}
@media only screen and (min-width:900px)
{

	#youarehereCtn
	{
		margin:33px 0 25px 0;
		font-size:12px;
		color:#000000;
		display:inline-block;
		text-align:right;
		width:100%;
	}
	
	#youarehereCtn .header
	{
		position:relative;
		display:inline-block;
		vertical-align: middle;
		font-size:12px;
		color:#000000;
	}
	
	#youarehereCtn a
	{
		margin-bottom:3px;
	}
	#youarehereCtn a, #youarehereCtn span
	{
		display:inline-block;
		vertical-align: middle;
		color:#000000;
		text-decoration:none;
		font-weight:normal;
	}
	.FR #youarehereCtn a, .FR #youarehereCtn span
	{
		text-transform:lowercase;		
	}
	#youarehereCtn .separator
	{
		display:inline-block;
		vertical-align: middle;
		font-size:7px;
		color:#000000;
		margin: 0 4px 0 4px;
		
	}
	
	#youarehereCtn > :last-child
	{
		color:#ed0e2e;
	}
	
}.docastblctn
{
	position:relative;
	display:block;
	margin:40px 0 40px 0;
}

.docastblctn .head, .docastblctn .list, .docastblctn .docastbl
{
	position:relative;
	display:block;
}

.docastblctn .line
{
	display:block;
	color:#000000;
	text-decoration:none;
}

.docastblctn .list .line:hover
{
	background:#e1e1e1;
}
.docastblctn .head .line
{
	display:block;
	color:#ffffff;
	background:#ed0e2e;
	margin-bottom:20px;
}

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

.docastblctn .line span
{
	position:relative;
	display:block;
	float:left;
	box-sizing:border-box;
	padding:10px 10px 10px 10px;
	overflow:hidden;
}

.docastblctn .line span.name
{
	width:70%;
	padding-left:45px;
}
.docastblctn .line span.date
{
	width:30%;
}
.docastblctn .line span.keyword
{
	display:none;
}
@media only screen and (min-width: 641px)
{

	.docastblctn .line span.name
	{
		width:40%;
		padding-left:45px;
	}
	.docastblctn .line span.date
	{
		width:110px;
	}
	
	.docastblctn .line span.keyword
	{
	 	display:block;
		width:calc(100% - 40% - 110px);
		padding:0;
	}
}


.docastblctn .line span.domaine
{
	display:none;
}

.docastblctn .docastbl .line .name:before /*icone*/
{
	content:"";
	position:absolute;
	display:block;
	left:2px;
	top:50%;
	transform:translateY(-50%);
	width:30px;
	height:30px;
	background-size:100%;
}

.docastblctn .list .docastbl .admin
{
	position:absolute;
	display:block;
	top:50%;
	left:-12px;
	transform:translateY(-50%);
}
.docastblctn .list .docastbl:hover .admin
{
	z-index:2;
}

.docastblctn .list.waiting > :not(.waitingprogress)
{
 	opacity:.4
}
.docastblctn .list.waiting .waitingprogress
{
	display:none;
	background:url(/template/image/loading.gif) no-repeat center center;
}
.docastblctn .list.waiting .waitingprogress
{
	display:block;
	position:absolute;
	left:0;right:0;
	height:80px;
	z-index:3;
}


/*frm de recherche*/
.doclistsearchfrm
{
	display:block;
	padding: 25px 15px 5px 15px;
	border: 1px solid #dcdcdc;
	background-color: #f3f3f3;
}
.doclistsearchfrm:after
{
	content:"";
	display:block;
	clear:both;
}
.doclistsearchfrm .combo, .doclistsearchfrm .input
{
	box-sizing:border-box;
	margin:0 0 20px 0; 
}

@media only screen and (min-width: 641px)
{
	.doclistsearchfrm .combo, .doclistsearchfrm .input
	{
		box-sizing:border-box;
		float:left;
		width:calc(50% - 20px);
		margin:0 10px 20px 10px; 
	}
	
	.doclistsearchfrm > div.visiblepart > div:nth-child(odd):last-child
	{
		width:calc(100% - 20px);
	}	
}

.doclistsearchfrm input[type=text]
{
	display:block;
	margin-right: 0;
	font-size:15px;
	color:#000000!important;
	border:1px solid #d3d3d3;
	padding:0 12px 0 12px ;
	height:28px;
	width:100%;
	box-sizing:border-box;
	background-color:#ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}

.docastblctn .head .line span:not(.keyword)
{
	cursor:pointer;
}
.docastblctn .head .line span.orderbyasc:after, .docastblctn .head .line span.orderbydesc:after
{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	margin-top:-3px;
	box-sizing:border-box;
	width:8px;
	height:6px;
	display:block;
	border-top:6px solid #ffffff;
	border-right:4px solid transparent;
	border-bottom:0;
	border-left:4px solid transparent;
}
.docastblctn .head .line span.orderbydesc:after
{
	border-bottom:6px solid #ffffff;
	border-right:4px solid transparent;
	border-top:0;
	border-left:4px solid transparent;
}
.docastblctn .head .line span.name.orderbyasc:after, .docastblctn .head .line span.name.orderbydesc:after
{
	left:35px;
}#documentreglementListCtn.docastblctn .line span.date
{
	display:none;
}

#documentreglementListCtn.docastblctn .line span.name
{
	width:100%;
}

@media only screen and (min-width: 641px)
{
	#documentreglementListCtn.docastblctn .line span.name
	{
		width:50%;
	}
	#documentreglementListCtn.docastblctn .line span.keyword
	{
		width:50%;
	}
}#weblinksmediasList h3
{
	font-weight: normal;
	font-family: robotomedium;
	font-size: 25px;
}
#weblinksmediasListCtn .listElement
{
	box-sizing:border-box;
	padding:20px 0 20px 70px;
	margin:0;
	box-shadow:none;
	border-top:1px solid #d3d3d3;
	float: none;
	width: 100%;
}
#weblinksmediasListCtn .listElement:nth-last-child(1)
{
	border-bottom:1px solid #d3d3d3;
}
#weblinksmediasListCtn a .txt:before
{
	content:none;
}
#weblinksmediasListCtn .listElement .txt
{
	height:auto;
	padding:0;
}
#weblinksmediasListCtn h5
{
	float:none;
	width:auto;
	margin:0 0 3px 0;
	padding:0;
	font-weight:normal;
	font-family: robotomedium;
	font-size:18px;
	text-transform:none;
}

#weblinksmediasListCtn .resume
{
	float:none;
	width:auto;
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:18px;
	text-transform:none;
	line-height:1.2em;
}

#weblinksmediasListCtn .date
{
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
}
#weblinksmediasListCtn .date .day, #weblinksmediasListCtn .date .month
{
	display:block;
	font-weight:normal;
	font-family: robotomedium;
	font-size:16px;
	color:#000000;
	text-transform:uppercase;
	margin-bottom:3px;
	line-height:1.2em;
	text-align: center;
	width:70px;
	color:#ed0e2e;
}

@media only screen and (min-width:1200px)
{
	#homeweblinksHolder h3
	{
		padding:60px 0 0 0;
		font-size:30px;
	}
	#homeweblinksHolder h3:after
	{
		width:80px;
		height:6px;
		margin:30px 0 70px 0;
	}

	#homeweblinksHolder
	{
		padding:0 0 100px 0;
	}
	#homeweblinksHolder h3
	{
		text-align:center;
	}
	#homeweblinksHolder h3:after
	{
		margin:30px auto 70px auto;
	}
	#weblinksmediasListCtn .listElement
	{
		padding:40px 100px 40px 100px;
	}
	#weblinksmediasListCtn .listElement:nth-last-child(2)
	{
		border-bottom:1px solid #d3d3d3;
	}

	#weblinksmediasListCtn .listElement:before
	{
		left:80px;
		right:80px;
	}
	#weblinksmediasListCtn .listElement:after
	{
		content:"";
		display:block;
		position:absolute;
		top:50%;
		right:7px;
		margin-top:-8px;
		width:16px;
		height:16px;
		border-top:3px solid #ed0e2e;
		border-right:3px solid #ed0e2e;
		-ms-transform:rotate(45deg);
    	-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}

	#weblinksmediasListCtn h5
	{
		font-size:25px;
	}

	#weblinksmediasListCtn .resume
	{
		font-size:25px;
	}
	#weblinksmediasListCtn .date .day, #weblinksmediasListCtn .date .month
	{
		font-size:25px;
	}
}iframe.goog-te-banner-frame{ display: none !important; }
body { position: static !important; top:0px !important; }

#google_translate_element > div:nth-child(1)
{
	color:#000000;
}

#google_translate_element > div:nth-child(1) > div:nth-child(1)
{
	padding:0 0 0 0;
	color:#000000;
	overflow:hidden;
	position:relative;
	margin:0 auto 6px auto;
}

#google_translate_element > div:nth-child(1) > div:nth-child(1):after
{
	content: "\e924";
	display:block;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	right:6px;
	font-size:16px;
	color:#ed0e2e;
	font-family: 'cms_icons' !important;
	speak: none;
	text-transform: none;
	line-height: 1;
	z-index:0;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


#google_translate_element select
{
	position: relative;
	background:transparent;
	color:#000000;
	font-family: roboto;
	font-size:14px;
	font-weight:normal;
	width:150%;
	position:relative;
	padding:5px 0 5px 5px;
	cursor:pointer;
	z-index:1;
	outline:none;
	border:1px solid #d3d3d3;
}

#google_translate_element option
{
	color:#ffffff;
	background:#222739;
}