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

@font-face {
    font-family: 'interface';
    src: url('/fonts/Interface/if_lt-webfont.eot');
    src: url('/fonts/Interface/if_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Interface/if_lt-webfont.woff2') format('woff2'),
         url('/fonts/Interface/if_lt-webfont.woff') format('woff'),
         url('/fonts/Interface/if_lt-webfont.ttf') format('truetype'),
         url('/fonts/Interface/if_lt-webfont.svg#interfacelight') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'interface';
    src: url('/fonts/Interface/if_rg-webfont.eot');
    src: url('/fonts/Interface/if_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Interface/if_rg-webfont.woff2') format('woff2'),
         url('/fonts/Interface/if_rg-webfont.woff') format('woff'),
         url('/fonts/Interface/if_rg-webfont.ttf') format('truetype'),
         url('/fonts/Interface/if_rg-webfont.svg#interfaceregular') format('svg');
    font-weight: bold;
    font-style: normal;

}


@font-face {
    font-family: 'interfacebold';
    src: url('/fonts/Interface/inter-ui-bold-webfont.eot');
    src: url('/fonts/Interface/inter-ui-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Interface/inter-ui-bold-webfont.woff2') format('woff2'),
         url('/fonts/Interface/inter-ui-bold-webfont.woff') format('woff'),
         url('/fonts/Interface/inter-ui-bold-webfont.ttf') format('truetype'),
         url('/fonts/Interface/inter-ui-bold-webfont.svg#inter_uibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'HelveticaCdBd';
    src: url('/fonts/Helvetica/HelveticaCdBd.eot');
    src: url('/fonts/Helvetica/HelveticaCdBd.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Helvetica/HelveticaCdBd.woff2') format('woff2'),
         url('/fonts/Helvetica/HelveticaCdBd.woff') format('woff'),
         url('/fonts/Helvetica/HelveticaCdBd.ttf') format('truetype'),
         url('/fonts/Helvetica/HelveticaCdBd.svg#Helvetica-CondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaCdLight';
    src: url('/fonts/Helvetica/HelveticaCdLt.eot');
    src: url('/fonts/Helvetica/HelveticaCdLt.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Helvetica/HelveticaCdLt.woff2') format('woff2'),
         url('/fonts/Helvetica/HelveticaCdLt.woff') format('woff'),
         url('/fonts/Helvetica/HelveticaCdLt.ttf') format('truetype'),
         url('/fonts/Helvetica/HelveticaCdLt.svg#Helvetica-CondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}



/*************** STYLE DE BASE  *******************/
body
{
	margin:0px;
	padding:0px;
	font-family: interface;
    font-size: 18px;
    color:#4a4d4e;
	background:#ffffff;
	position:relative;
}

.bgEditor
{
    background-color: #FFFFFF;
}

audio, img[_wpro_media_data*='.mp3'].wproFilePlugin 
{
      display:block;
      width:100%;
      box-sizing:border-box;
      height:40px;
}


/*Zone du bandeau*/
.sliderHolder
{
	position:relative;
}

 
#accesDirect
{
	display:none;
}


#leftPanel #accesDirect
{
	display:block;
}

#mainPanel.open #accesDirect
{
	z-index:1;
}

/*La recheche*/
#accesDirect .accesCtn > div:nth-child(1)
{
	top:0;
	background:#e53138;
	display:block;
	width:100%;
	height:79px;
	border-bottom:1px solid #FFFFFF;
	box-sizing:border-box;
	transition:all 0.5s;
	overflow:hidden;
	padding-top:15px;
	cursor:pointer;
}

#accesDirect .accesCtn > div:nth-child(1) .ctn > div:nth-child(1):before
{
	content:"";
	display:block;
	width:30px;
	height:30px;
	margin:0 auto 8px auto;
	background-image:url(/plugin/searchapi/template/images/loupe.png);
	background-size:100%;
	background-repeat:no-repeat;
}

#accesDirect .accesCtn > div:nth-child(1) .ctn > div
{
	display:block;
	vertical-align:top;
	float:left;
}

#accesDirect .accesCtn > div:nth-child(1) .ctn > div:nth-child(1)
{
	width:77px;
}

#accesDirect .accesCtn > div:nth-child(1) .ctn > div:nth-child(2)
{
	width:227px;
	padding-top:3px;
}

#accesDirect .accesCtn > div:nth-child(1) .ctn
{
	width:304px;
}

#accesDirect .accesCtn > div:nth-child(1):hover
{
	width:304px;
}

/*Fin recherche*/

 #accesDirect .accesCtn a
{
	display:block;
	width:100%;
	height:79px;
	background:#31c5c6;
	border-bottom:1px solid #FFFFFF;
	box-sizing:border-box;
	transition:all 0.5s;
	overflow:hidden;
}

#accesDirect .accesCtn a:nth-child(2)
{
	padding: 10px 0 10px 0;
    height: 99px;
}


#accesDirect .accesCtn a:nth-child(3) .ctn > div
{
	display:block;
	vertical-align:top;
	float:left;
}
#accesDirect .accesCtn a:nth-child(3) .ctn > div:nth-child(1)
{
	padding-top:20px;
	padding-left:10px;
}

/*Icone webcam*/
#accesDirect .accesCtn a:nth-child(3) .ctn > div:nth-child(1):before
{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:26px;
	height:33px;
	background-image:url(/template/image/icones/webcam.png);
	background-size:100%;
	background-repeat:no-repeat;
	margin:0 10px 8px auto;
	
}

#accesDirect .accesCtn a:nth-child(3) .ctn > div:nth-child(2)
{
	display:none;
}

#accesDirect .titre
{
	font-family:interfacebold;
	font-size:11px;
	text-transform:uppercase;
	color:#FFFFFF;
	text-align:center;
}

#mainPanel.open .topHolder
{
	position:relative;
	width:100%;
	position: fixed;
    z-index: 1002;
    left: 0;
	top:0;
}

#leftPanel .mainContainer
{
	max-width:1410px;
}

#bandeau 
{
	position:absolute;
	top:0;
	left:0;
	z-index:1002;
	width:100%;
}

#bandeau .mainContainer, #accesDirect .mainContainer
{
	padding:0;	
}

#bandeau .logo
{
	width:calc(100% - 84px);
	height:75px;
	background:#FFFFFF;
	display:inline-block;
	vertical-align:top;
	padding:14px 0 0 20px;
	box-sizing:border-box;
}

#bandeau .logo a
{
	display:block;
	background-image:url(/template/image/logo.png);
	background-repeat:no-repeat;
	width:192px;
	height:53px;
	background-size:90%;
}

.open #bandeau .logo a
{
	background-image:url(/template/image/logovert.png);
}

#leftPanel .searchHolder
{
	display:none;
}


/* CONTAINERS PRINCIPAUX */
.mainHolder
{
	background:#FFFFFF;
	position:relative;
	z-index:1;
}

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

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

#footerCtn > div:nth-child(1)
{
	background:#7c7c7c;
	padding-top:18px;
	box-sizing:border-box;
	padding-bottom:45px;
}
#footerCtn > div:nth-child(1) .mainContainer
{
	text-align:center;
}

#footerCtn > div:nth-child(2)
{
	background:#3b3b3b;
	color:#FFFFFF;
	font-size: 16px;
	font-family:HelveticaCdLight;
	padding-top:53px;
	box-sizing:border-box;
	line-height:1.5;
	text-align:center;
}

#footerCtn > div:nth-child(2) a
{
	color:#FFFFFF;
	font-size: 16px;
	font-family:HelveticaCdLight;
	text-decoration:none;
}

#footerCtn .adresse > span
{
	display:block;
}
#footerCtn > div:nth-child(2) .mainContainer
{
	padding:0;
}

#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(1)
{
	box-sizing:border-box;
	padding:0 10px 0 10px;	
}

#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2)
{
	box-sizing:border-box;
	border-top:1px solid #7c7c7c;
	padding-top:20px;
	margin-top:20px;
}

#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2) >:nth-child(1),
#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2) >:nth-child(2),
#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2) >:nth-child(3),
#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2) >:nth-child(4)
{
	padding:0 10px 0 10px;
}

#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2) > div:nth-child(5)
{
	border-top:1px solid #7c7c7c;
	border-bottom:1px solid #7c7c7c;
	margin-top:30px;
	margin-bottom:30px;
	padding-bottom:25px;
}

#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2) > div:nth-child(3)
{
	margin-top:30px;
}


#footerCtn .logoVilleMartigny
{
	display:block;
	background-image:url(/template/image/ville-martigny.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:80%;
	width:290px;
	height:80px;
	margin:0 auto 20px auto;
}

#footerCtn .titre
{

	text-transform:uppercase;
	font-family:HelveticaCdBd;
	font-size:16px;
	padding-bottom:15px;
}

#footerCtn .logos a
{
	background-repeat:no-repeat;
	background-size:100%;
	display:block;
	margin:0 auto 0 auto;
	padding-bottom:40px;
}

#footerCtn .logos div:nth-child(1) a:nth-child(1)
{
	background-image:url(/template/image/martigny-tourisme.png);
	width:155px;
	height:111px;
}

#footerCtn .logos div:nth-child(1) a:nth-child(2)
{
	background-image:url(/template/image/commune-sante.png);
	width:170px;
	height:84px;
}

#footerCtn .logos div:nth-child(1) a:nth-child(3)
{
	background-image:url(/template/image/cite-energie.png);
	width:220px;
	height:63px;
}


#footerCtn .logos div:nth-child(2) a:nth-child(1)
{
	background-image:url(/template/image/confederation-suisse.png);
	width:212px;
	height:52px;
}

#footerCtn .logos div:nth-child(2) a:nth-child(2)
{
	background-image:url(/template/image/valais.png);
	width:162px;
	height:74px;
}

#footerCtn > div:nth-child(3)
{
	background:#2d2d2d;
	font-family:interface;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	padding-top:30px;
	box-sizing:border-box;
}

#footerCtn > div:nth-child(3) a
{
	font-family:interface;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
}

#footerCtn > div:nth-child(3) .mainContainer > div
{
	text-align:center;
}


#footerCtn > div:nth-child(3) .mainContainer > div:nth-child(2)
{
	max-width:200px;
	margin:0 auto 0 auto;
	padding:20px 0 20px 0;
}

#footerCtn > div:nth-child(3) .mainContainer > div:nth-child(1) span
{
	display:inline-block;
}

#footerCtn > div:nth-child(3) .mainContainer > div:nth-child(1) span:nth-child(1),
#footerCtn > div:nth-child(3) .mainContainer > div:nth-child(1) span:nth-child(2)
{
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #FFFFFF;
}


/* ENTETE DES PAGES*/
.headCtn
{
	overflow:hidden; /*fait office de divwrapper*/
	margin:50px 0 30px 0; 
}
.headCtn h1
{
	margin:10px 0 30px 0;
	font-size:44px;
	color:#31c5c6;
	text-transform:uppercase;
	font-weight: normal;
	
}
.headCtn h2 /*resume of the page*/
{
	margin:0;
    font-size:17px;
	font-family:interfacebold;
	font-weight: normal;
  	overflow:hidden;
}

.headCtn .img
{
	width:100%;
	background:no-repeat center center;
	background-size:cover;
	margin:35px 0 20px 0;
}
.headCtn .img:before
{
	content:"";
	display:block;
	padding-top:66.84%;
}

.headCtn h2:empty
{
	display:none;
}

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

.listElement
{
	position:relative;
	display:block;
	margin:0 0 20px 0;
	text-decoration:none;
	overflow:hidden;
	background:#31c5c7;
	
}

.listElement .img
{
	display:none;
}

.listElement .txt
{
	display:block;
	position:relative;
	padding:30px 20px 60px 30px;
	overflow:hidden;
	min-height:140px;
}

.listElement h5
{
	margin:0px 0px 14px 0px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:28px;	
	line-height:28px;
}
.listElement .resume
{
	display:block;
	color:#FFFFFF;	
	font-weight:normal;
}

.listElement .more
{
	width:40px;
	height:40px;
	background:#FFFFFF;
	position:absolute;
	box-sizing:border-box;
	right:17px;
	bottom:18px;
	transition:all 0.5s;
}

.listElement .more:before
{
	font-size:20px;
	position:absolute;
	top:10px;
	left:10px;
	transform:rotateZ(-45deg);
	
}

.listElement:hover .more
{
	transform:rotateZ(-45deg);
	background:#4a4d4e;
	color:#FFFFFF;
}

/* ZONE HTML */
.htmlcontent
{
	overflow:hidden;
	margin-bottom:30px;
}

.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:25px 0 15px 0;
    font-weight: bold;
    font-size:30px;
}

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


A
{
	color:#31c5c6;
	/*color:#e53138;*/
    text-decoration:none;
}

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

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

.htmlcontent ul li,
.bgEditor ul li
{
	position:relative;
	padding:5px 0 5px 10px; 
}

.htmlcontent ul li:before, .bgEditor ul li:before {
    content: "";
	display:block;
	position:absolute;
	top:10px;
	left:0;
    background:#31c5c7;
	width:10px;
	height:10px;
	margin-left:-15px;
}

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:641px)
{
	/*Bandeau*/
	#bandeau .mainContainer, #accesDirect .mainContainer
	{
		--max-width:1700px;
		max-width:1920px;
		padding:60px 10px 0 0;
	}
	#bandeau .logo
	{
		width:271px;
		padding:14px 0 0 60px;
	}
	
	#bandeau .logo a
	{
		background-size:100%;
	}
	
	/*fin bandeau*/


	
	.listElement
	{
		float:left;
		width:48%;
		margin-right:4%;
		height:258px;
		padding-bottom:75px;
		box-sizing:border-box;
	}
	
	.listElement .txt
	{

		padding:30px 20px 20px 30px;
		height:140px;
		min-height:auto;
	}

	.listElement:nth-child(2n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}
	
	.listElement.divwrapper
	{
		clear:none;
	}
	
	.listElement.lastcol
	{
		margin-right:4%!important;
	}

	/*Footer*/
	
	#footerCtn > div:nth-child(1)
	{
		height:83px;
		padding-bottom:0;
	}
	
	#footerCtn > div:nth-child(1) .mainContainer > div
	{
		display:inline-block;
		vertical-align:top;
	}
	
	#footerCtn .logoVilleMartigny
	{
		background-size:100%;
	}
	
	#footerCtn .logos a
	{
		display:inline-block;
		vertical-align:bottom;
	}
	
	#footerCtn .logos div:nth-child(2) a:nth-child(2), #footerCtn .logos div:nth-child(1) a:nth-child(3)
	{
		margin-left:30px;		
	}
}

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

		/*Acces direct*/
	#accesDirect
	{
		display:block;
		position:absolute;
		top:40px;
		right:0;
		z-index:1003;
	}
	
	#leftPanel #accesDirect
	{
		display:none;
	}
	
	#accesDirect .accesCtn
	{
		text-align:right;
		position:relative;
		height:340px;
	}

	#accesDirect .accesCtn > div:nth-child(1)
	{
		width:77px;
		margin-bottom:2px;
		border-bottom:0;
		position:absolute;
		right:0;
	}
	
	 #accesDirect .accesCtn a
	{
		width:77px;
		margin-bottom:2px;
		border-bottom:0;
		position:absolute;
		top:81px;
		right:0;
	}
	
	#accesDirect .accesCtn a:nth-child(2)
	{
		height:79px;
		padding:0;
	}
	

	#accesDirect .accesCtn a:nth-child(3)
	{
		top:162px;
	}
	
	 #accesDirect .accesCtn a:hover, #accesDirect .accesCtn a:nth-child(3) .ctn
	{
		width:304px;
	}
	
	#accesDirect .accesCtn a:nth-child(3):hover
	{
		height:186px;
	}	
	
	#accesDirect .accesCtn a:nth-child(3) .ctn > div:nth-child(1)
	{
		width:77px;
		padding-top:12px;
		padding-left:0;
	}
	
	#accesDirect .accesCtn a:nth-child(3) .ctn > div:nth-child(1):before
	{
		display:block;
		margin:0 auto 8px auto;
		
	}
	
	#accesDirect .accesCtn a:nth-child(3) .ctn > div:nth-child(2)
	{
		display:block;
		width:227px;
		text-align:center;
		padding-top:16px;
	}

	#accesDirect .accesCtn a:nth-child(3) .ctn > div:nth-child(2) img
	{
		width:207px;
	}
	
	/*fin accès*/
	
	
	.listElement
	{
		width:30.75%;
		margin-right:3.875%;
	}

	.listElement:nth-child(2n+0)
	{
		margin-right:3.875%;
	} 
	
	.listElement:nth-child(3n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}
	
	.listElement.divwrapper
	{
		clear:both;
	}
	
	.listElement.lastcol
	{
		margin-right:0!important;
	}
	
	/*footer*/
	
	#footerCtn > div:nth-child(2)
	{
		text-align:left;
		padding-bottom:50px;
	}
	
	#footerCtn > div:nth-child(2) .mainContainer
	{
		padding:0 10px 0 10px;	
	}
	
	#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(1)
	{
		float:left;
		width:50%;
		padding-right:7%;
		padding-left:5%;
	}
	
	#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2)
	{
		float:left;
		width:50%;
		padding-top:0;
		border-top:0;
		margin-top:0;
	}
	
	#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2) >:nth-child(1),
	#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2) >:nth-child(2),
	#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2) >:nth-child(3),
	#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2) >:nth-child(4)
	{
		padding:0;
	}
	
	#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2) > div:nth-child(5)
	{
		border:0px;
		margin:0;
		padding:0;
	}

	
	#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(3):before
	{
		content:"";
		display:block;
		clear:both;
		border-bottom:1px solid #FFFFFF;
		margin-bottom:30px;
		padding-top:30px;
	}
	
	#footerCtn .logoVilleMartigny
	{
		background-position:top left;
		margin:0 0 38px 0;
	}
	
	#footerCtn > div:nth-child(3)
	{
		height:77px;
	}
	
	#footerCtn > div:nth-child(3) .mainContainer > div
	{
		float:left;
		width:50%;
		text-align:left;
	}
	
	#footerCtn > div:nth-child(3) .mainContainer > div:nth-child(1)
	{
		float:right;
		text-align:right;
	}
	
	#footerCtn > div:nth-child(3) .mainContainer > div:nth-child(2)
	{
		float:left;
		max-width:none;
		margin:0;
		padding:0;
	}
	
	#footerCtn .logos
	{
		text-align:center;
	}
	/*fin footer*/
	
}



@media only screen and (min-width:960px)
{
	#accesDirect
	{
		top:60px;
	}
}

@media only screen and (min-width:1310px)
{
	
	#footerCtn .logos div:nth-child(1)
	{
		float:left;
		text-align:center;
		width:50%;
		padding-top:60px;
	}	
	
	#footerCtn .logos div:nth-child(1) a:nth-child(1)
	{
		margin-right:25px;
	}
	
	#footerCtn .logos div:nth-child(1) a:nth-child(2)
	{
		margin-right:20px;
	}


	#footerCtn .logos div:nth-child(2)
	{
		float:left;
		text-align:center;
		width:50%;
		padding-top:90px;
	}	
	
	#footerCtn .logos div:nth-child(2) a:nth-child(1)
	{
		margin-right:115px;
	}
	
	#footerCtn .logos div:nth-child(1) a:nth-child(3)
	{
		margin-left:40px;		
	}	

}

@media only screen and (min-width:1600px)
{
	#footerCtn .logos div:nth-child(1)
	{
		margin:0 0 95px 50px;
		float:none;
		width:auto;
		text-align:Left;
		padding-top:0;
	}	
	
	#footerCtn .logos div:nth-child(2)
	{
		margin:0 0 0 57px;
		float:none;
		width:auto;
		text-align:Left;
		padding-top:0;
	}	
	
	#footerCtn .logos div:nth-child(2) a:nth-child(1)
	{
		margin-right:115px;
	}
	
	#footerCtn .logos div:nth-child(2) a:nth-child(2), #footerCtn .logos div:nth-child(1) a:nth-child(3)
	{	
		margin-left:0;
	}
	
	#footerCtn > div:nth-child(2)
	{
		height:411px;
		padding-bottom:0;
	}
	
	#footerCtn .logos a
	{
		padding-bottom:0;
		margin:0;
	}
	
	#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(1)
	{
		width:27.38%;
		padding-left:0;
	}
	
	#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(2)
	{
		width:31.21%;
		border-right:1px solid #ffffff;
	}
	
	#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(3)
	{
		float:left;
		width:41.41%;
	}	
	
	#footerCtn > div:nth-child(2) .mainContainer > div:nth-child(3):before
	{
		display:none;
	}
	
	
	#footerCtn .logos
	{
		text-align:left;
	}
}


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

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

table th
{
	text-align:left;
	border:0;
}

.htmlcontent th, .bgEditor th
{
	background:#dcdcdc;
	font-weight:normal;
	border:0;
}

.htmlcontent td, .bgEditor td
{
	border:0;
}

.htmlcontent table.nostyle td, .htmlcontent table.nostyle th, .htmlcontent table.nostyle,
.bgEditor table.nostyle td, .bgEditor table.nostyle th, .bgEditor table.nostyle
{
	border:0;
	padding:0;
	background:none;
	color:#434343;
}

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

.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)
{
	table
	{
		width:100%!important;
		table-layout:fixed;
	}
	table td
	{ 
		width:auto!important;
	}
	table img
	{	
		max-width:100%;
		height:auto!important;
	}
	
	table.responsived, table.responsived tbody, table.responsived tr, table.responsived td
	{
		display:block;
		width:100%!important;
	}
	
	table tbody.originaltbody
	{
		display:none;
	}
	
	table.responsived th p, table.responsived td p
	{
		text-align:left;
	}
		
	table tbody.responsivedtbody div.tr
	{
		display:block;
		margin-bottom:20px;
	}
	
	table tbody.responsivedtbody div.tr:after
	{
		content:"";
		display:block;
		padding-top:20px;
		border-bottom:1px dashed #999999;
	}
	table tbody.responsivedtbody div.tr.noth
	{
		margin-bottom:0;
	}
	table tbody.responsivedtbody div.tr.noth:after
	{
		content:none;
	}
	
	table tbody.responsivedtbody div.td
	{
		margin-bottom:5px;
	}
	table tbody.responsivedtbody div.td:after
	{
		content:"";
		display:block;
		clear:both;
	}
	table tbody.responsivedtbody div.td .tdlabel
	{
		display:block;
		float:left;
		clear:both;
		box-sizing:border-box;
		overflow:hidden;
		width:40%;
		padding-right:10px;
		max-width:120px;
		font-weight:bold;
	}
	table tbody.responsivedtbody div.td .tdlabel.asline
	{
		float:none;
		width:auto;
		padding:0;
		max-width:none;
	}
	table tbody.responsivedtbody div.td + div.td .tdlabel.asline
	{
		margin-top:20px;
		padding-top:20px;
		border-top:1px dashed #999999;
	}
	
	table tbody.responsivedtbody div.td .tdlabel.firstlevel, table tbody.responsivedtbody div.td .tdlabel.firstlevel + .tdlabel
	{
		float:none;
		width:auto;
		padding:0;
		max-width:none;
		margin-bottom:10px;
		text-transform:uppercase;
	}
	 
	table tbody.responsivedtbody div.td .tdlabel.firstlevel:empty
	{
		display:none;
	}
	table tbody.responsivedtbody div.td .tdlabel:not(.firstlevel):after
	{
		content:" : ";
	}
	table tbody.responsivedtbody div.td .tdlabel:not(.firstlevel):empty:after
	{
		content:"\00a0";/* */
	}
	
	table tbody.responsivedtbody div.td .tddata
	{
		display:block;
		overflow:hidden;
	}
}

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

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

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

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

h5 .error, h1 .error
{
	font-size:15px;
	font-style:italic;
	padding-left:10px;	
}

.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%;
	font-family: interface;
    font-size: 18px;
    color:#4a4d4e;
}
/* 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], input[type=button] {
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

input[disabled=disabled]
{
	opacity:0.5;
	cursor:default!important;
}

input[type=submit], input[type=button]
{
	background:#e53138;
	border:0;
	padding:5px 20px 5px 20px;
	color:#FFFFFF;
	cursor:pointer;
}

select
{
	border:0px;
    background-color:#eeeeee ;
    box-sizing:border-box;
    max-width:100%;
	font-family: interface;
    font-size: 18px;
    color:#4a4d4e;
}

textarea
{
	font-family: interface;
    font-size: 18px;
    color:#4a4d4e;
}
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:13px;
	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:13px;
}
.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: 13px;
}

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

   /*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	#accesDirect .accesCtn a:nth-child(3) .ctn > div:nth-child(1):before
	{
		background-image:url(/template/image/icones/webcam@x2.png);
		
	}	
	
	#bandeau .logo a
	{
		background-image:url(/template/image/logo@x2.png);
	}
	
	.open #bandeau .logo a
	{
		background-image:url(/template/image/logovert@x2.png);
	}	
	
	#footerCtn .logoVilleMartigny
	{
		background-image:url(/template/image/ville-martigny@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)
{
	#accesDirect .accesCtn a:nth-child(3) .ctn > div:nth-child(1):before
	{
		background-image:url(/template/image/icones/webcam@x3.png);
		
	}	
	
	#bandeau .logo a
	{
		background-image:url(/template/image/logo@x3.png);
	}
	
	.open #bandeau .logo a
	{
		background-image:url(/template/image/logovert@x3.png);
	}
	
	#footerCtn .logoVilleMartigny
	{
		background-image:url(/template/image/ville-martigny@x3.png);
	}
}


.alert {
  overflow: hidden;
}
.alert::after {
  display: block;
  content:"";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999;
  bottom: 0;
  background-color: rgba(0,0,0,.6);
}
.popup {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 320px;
  width: 100%;
  background-color: #e53138;
  padding: 20px 50px 20px 20px;
}
.popup.visible {
  display: block;
}
.popup__close {
  position: absolute;
  right: -10px;
  top: -10px;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: flex; 
  justify-content: center;
  align-items: center;
  color: #000;
  font-weight: 600;
  cursor: pointer;
}
.popup__title {
  color: #fff;
  font-size: 25px;
  margin-bottom: 20px;
}
.popup__resume {
  color: #fff;
}
.popup__resume a {
  color: #000;
}
#annonceEdit input[type=text], #annonceEdit select
{
	width:100%;
}
.searchAnnonce
{
	margin-top:30px;
	border-bottom:1px solid #4a4d4e;
}

.searchAnnonce .zoneInfos > div
{
	margin:20px 0 10px 0;
}

.searchAnnonce .insertAnnonce
{
	background:#e53138;
	border:0;
	padding:5px 20px 5px 20px;
	cursor:pointer;
	margin:20px 0 20px 0;

}

.searchAnnonce .insertAnnonce a
{
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
	width:100%;
	display:block;
}

.searchAnnonce input, .searchAnnonce select
{
	width:100%;
}

.searchAnnonce form > div
{
	padding:10px 0 10px 0;
	box-sizing:border-box;
}

.searchAnnonce form > div span
{
	display:block;
}

.searchAnnonce form > div span:nth-child(1)
{
	font-family:interfacebold;
	font-size:16px;
}

#formSubmitAnnonce div > div
{
	padding:5px 0 5px 0;
}
#formSubmitAnnonce div > div > span:nth-child(1)
{
	font-family:interfacebold;
	font-size:16px;
}

#formSubmitAnnonce div > div > span
{
	display:block;
}

#formSubmitAnnonce select, #formSubmitAnnonce input[type=submit], #formSubmitAnnonce input[type=text]
{
	width:100%;
}

.searchAnnonce form > div span:nth-child(2)
{
	width:100%;
}


#annonceListCtn .echuClass
{
	border:1px solid red;
}

/*Liste élément*/
#annonceListCtn .listElement 
{
	height:auto;
	background:none;
	padding-bottom:30px;
	float:none;
	width:100%;
}

#annonceListCtn .listElement .more
{
	background:#31c5c7;
	color:#FFFFFF;
	width:25px;
	height:25px;
}

#annonceListCtn .listElement .more:before
{
	font-size:12px;
	top:7px;
	left:7px;
}


#annonceListCtn .listElement:hover h5
{
	color:#31c5c7;
}

#annonceListCtn .listElement h5, #annonceListCtn .listElement .resume
{
	color:#4a4d4e;
}

#annonceListCtn .listElement .txt
{
	height:auto;
	padding:0 0 0 25px;
	min-height:auto;
}

#annonceListCtn h5:before {
    content: "";
	display:block;
	position:absolute;
	top:10px;
	left:0;
    background:#31c5c7;
	width:10px;
	height:10px;

}

#annonceListCtn .listElement .resume
{
	padding:0 0 10px 0;
}

#annonceListCtn .listElement .resume span
{
	display:block;
}

#annonceListCtn .listElement .resume span:nth-child(1)
{
	font-family:interfacebold;
	font-size:16px;
}


#annonceHeadCtn h2
{
	font-family: interface;
    font-size: 18px;
    color: #4a4d4e;
	margin:0;
}
.annonceHeadCtn
{
	width:100%;
	margin:0;
	padding:0;
}

.annonceHeadCtn > div > span
{
	display:block;
	width:100%;
	padding:5px 0 5px 0;
	box-sizing:border-box;
}

.annonceHeadCtn > div > span:nth-child(1)
{

	font-family:interfacebold;
	font-size:16px;
}

#divDelete form > div input
{
	padding:5px 20px 5px 20px;
	margin-top:10px;
}

#divDelete > div
{
	padding-bottom:20px;
}


#annonceEdit span:nth-child(1)
{
	display:inline-block;
	width:20%;
}

#annonceEdit  span:nth-child(2)
{
	width:60%;
	display:inline-block;
}

@media only screen and (min-width:641px)
{
	
	#formSubmitAnnonce div > div > span:nth-child(1)
	{
		width:20%;

	}
	
	#formSubmitAnnonce div > div > span:nth-child(2)
	{
		width:60%;
	}
	
	#formSubmitAnnonce div > div > span
	{
		display:inline-block;
		vertical-align:top;
	}

	.annonceHeadCtn > div > span
	{
		display:inline-block;
		vertical-align:top;
		
	}
	
	.annonceHeadCtn > div > span:nth-child(1)
	{
		width:30%;
	}
	
	.annonceHeadCtn > div > span:nth-child(2)
	{
		width:60%;
	}
	

	#divDelete form > div:nth-child(1), #divDelete form > div:nth-child(2)
	{
		float:Left;
		width:50%;
	}	
	
	#divDelete form > div:nth-child(2)
	{
		width:50%;
	}

	
	#divDelete form > div input
	{
		margin-top:0;
	}
	
	/*Recherche et liste*/
	.searchAnnonce .insertAnnonce
	{
		width:200px;
		margin:0 0 30px 0;
	}
	
	.searchAnnonce input, .searchAnnonce select
	{
		width:80%;
	}
	
	
	.searchAnnonce form > div span
	{
		display:inline-block;
		vertical-align:top;	
	}
	
	.searchAnnonce form > div span:nth-child(1)
	{
		width:15%;
	}
	
	.searchAnnonce form > div span:nth-child(2)
	{
		width:50%;
	}
	
	.searchAnnonce form > div span:nth-child(3)
	{
		width:25%;
	}	
	
	#annonceListCtn .listElement .resume span
	{
		display:inline-block;
		vertical-align:top;
	}
	
	#annonceListCtn .listElement .resume span:nth-child(1)
	{
		width:15%;
	}
	

	#annonceListCtn .listElement .resume span:nth-child(2)
	{
		width:60%;
	}
	
}

@media only screen and (min-width:1100px)
{
	#divDelete form > div:nth-child(1)
	{
		width:30%;
	}	
	
	#divDelete form > div:nth-child(2)
	{
		width:60%;
	}
	
}/*****************/
/** 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 */
.colDroite .cartoucheCtn
{
	display:none;
}

.cartoucheCtn
{
	position:relative;	
	padding:32px 17px 70px 24px;
	margin-bottom:28px;
	
}

.cartoucheCtn.color1, #intCtn #cartoucheAgendaCartoucheCtn.cartoucheCtn .cartoucheElement.color1
{
	background:#e53138;/*rouge*/
}

.cartoucheCtn.color2, #intCtn #cartoucheAgendaCartoucheCtn.cartoucheCtn .cartoucheElement.color2
{
	background:#31c5c6;/*vert*/
}

.cartoucheCtn.color3, #intCtn #cartoucheAgendaCartoucheCtn.cartoucheCtn .cartoucheElement.color3
{
	background:#4a4d4e;/*gris*/
}

.cartoucheCtn h5
{
	margin:0 0px 23px 0px;
	text-transform:uppercase;
	font-weight:normal;
	color:#FFFFFF;
	font-size:24px;
	font-family:interfacexbold;
}

.cartoucheCtn div.more
{
	display:block;
	text-align:right;
	margin:10px 0 10px 0;
}
.cartoucheCtn div.more.both
{
	display:none;
}
@media only screen and (min-width:641px)
{
	.cartoucheCtn div.more
	{
		display:none;
	}
	.cartoucheCtn div.more.both
	{
		display:block;
	}
}
.cartoucheCtn div.more > a.more
{
	display:inline!important;
	color:#e53138;
	font-family:interfacebold;
	font-weight:normal;
	text-transform:uppercase;
	font-size:14px;
	line-height:18px;
	transition:color .5s;
	margin-left:20px;
}
.cartoucheCtn div.more > a.more:before
{
	content:">";
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	line-height:18px;
	margin-right:5px;
	transition:margin .5s;
}
.cartoucheCtn div.more > a.more:hover
{
	color:#31c5c6;
}
.cartoucheCtn div.more > a.more:hover:before
{
	margin-right:0px;
}


.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
{
	width:100%;
	min-height:250px;
}

.home .cartoucheElementCtn:before
{
	content:"";
	display:block;
	padding-top:82.50%;
}

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


.cartoucheElement .img
{
	display:none;
}
.cartoucheElement .txt
{
	display:block;
	position:relative;
	padding:0;
	overflow:hidden;
}

.cartoucheElement h6
{
	margin:0px 0px 0 0px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:30px;
	
}
.cartoucheElement .resume
{
	display:block;
	color:#FFFFFF;
}

/* CARTOUCHE NEWS */
#cartouchesHomeCtn
{
	z-index:1;
}

#cartoucheNewsCartoucheCtn .cartoucheElement
{
	padding-bottom:18px;
}

#cartoucheNewsCartoucheCtn .cartoucheElement .date, #cartoucheNewsCartoucheCtn .cartoucheElement .plus, #cartoucheAgendaCartoucheCtn .cartoucheElement .plus
{
	display:none;
}

/*Cartouches de page "mais encore" + cartoucheNews et Agenda de la home*/
#intCtn .titreEvent
{
	color: #FFFFFF;
    background: none;
    text-align: left;
    display: block!important;
	margin: 0 0px 23px 0px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 24px;
    font-family: interfacexbold;
}	

#intCtn #cartoucheAgendaCartoucheCtn > h5
{
	display:none;
}

#intCtn #cartoucheAgendaCartoucheCtn.cartoucheCtn
{
	margin:0;
	padding:0;
	background:none;
}

#intCtn #cartoucheAgendaCartoucheCtn .cartoucheElement
{
	position: relative;
    padding: 32px 17px 70px 24px;
    margin-bottom: 28px;
}

#intCtn .cartoucheAgendaCartoucheCtn h5
{
	display:none;
}

#intCtn #cartoucheNewsCartoucheCtn a:nth-child(3)
{
	display:none;		
}

#intCtn #cartoucheNewsCartoucheCtn a:nth-child(2)
{
	display:none;
}
.home #cartoucheNewsCartoucheCtn h5, .home #cartoucheAgendaCartoucheCtn h5
{
	display:none;
}

.cartoucheElementCtn .arrowPrev, .cartoucheElementCtn .arrowNext
{
	display:none;
}

.home #cartouchePageCartoucheCtn .cartoucheElementCtn .arrowPrev, .home #cartouchePageCartoucheCtn .cartoucheElementCtn .arrowNext,
.home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowPrev, .home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowNext,
.home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowPrev, .home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowNext
{
	display:block;
	background:rgba(0,0,0,0.5)  ;
	color:#FFFFFF;
	font-size:24px;
	width:46px;
	height:57px;
	left:0;
	bottom:30%;
	z-index:2;
	position:absolute;
	box-sizing:border-box;
	cursor:pointer;
}

.home #cartouchePageCartoucheCtn .cartoucheElementCtn .arrowPrev:before,
.home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowPrev:before,
.home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowPrev:before
{
	transform:rotateZ(-180deg);
	display:block;
	position:absolute;
	top:17px;
	left:12px;
}

.home #cartouchePageCartoucheCtn .cartoucheElementCtn .arrowNext:before,
.home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowNext:before,
.home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowNext:before
{
	position:absolute;
	top:17px;
	right:12px;
}

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

.home #cartouchePageCartoucheCtn .cartoucheElementCtn,
.home #cartoucheNewsCartoucheCtn .cartoucheElementCtn,
.home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn
{
	border-bottom:4px solid #e53138;
}

.home #cartouchesHomeCtn h5
{
	display:none;	
}

.home #cartouchePageCartoucheCtn h5, .home #cartoucheNewsCartoucheCtn h5, .home #cartoucheAgendaCartoucheCtn h5
{
	display:block!important;
	background:#31c5c6;
	color:#FFFFFF;
	font-size:23px;
	font-family:interfacebold;
	text-transform:uppercase;
	text-align:center;
	padding:8px 0 8px 0!important;
	margin:0;
}

#cartouchePageCartoucheCtn.cartoucheCtn, .home #cartoucheNewsCartoucheCtn.cartoucheCtn , .home #cartoucheAgendaCartoucheCtn.cartoucheCtn
{
	padding:0;
	margin:0;
	
	
}

.home #cartoucheNewsCartoucheCtn.cartoucheCtn , .home #cartoucheAgendaCartoucheCtn.cartoucheCtn
{
	margin:0 0 14px 0;
}

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

#cartouchePageCartoucheCtn, #cartoucheNewsCartoucheCtn,  #cartoucheAgendaCartoucheCtn
{
	overflow:hidden;
}

#cartouchePageCartoucheCtn a h6, #cartouchePageCartoucheCtn a .img, #cartouchePageCartoucheCtn a .txt,
.home #cartoucheNewsCartoucheCtn a h6, .home #cartoucheNewsCartoucheCtn a .img, .home #cartoucheNewsCartoucheCtn a .txt,
.home #cartoucheAgendaCartoucheCtn a h6, .home #cartoucheAgendaCartoucheCtn a .img, .home #cartoucheAgendaCartoucheCtn a .txt
{

	width:100%;
	display:block;
	height:100%;
	box-sizing:border-box;
	overflow:hidden;
	transition:all 0.5s;
	position:absolute;
	top:0;
	left:0;
}

.home #cartoucheAgendaCartoucheCtn a .txt,.home #cartoucheNewsCartoucheCtn a .txt, #cartouchePageCartoucheCtn a .txt
{
	display:none;
}

#cartouchePageCartoucheCtn a h6,.home #cartoucheNewsCartoucheCtn a h6, .home #cartoucheAgendaCartoucheCtn a h6
{
	font-weight:bold;
	font-size:24px;
	line-height: 0.833;
	padding:12px 0 10px 0;
	height:auto;
	z-index:1;
	background-color:rgba(0,0,0,0.5)  ;
	color:#FFFFFF;
	text-align:center;
}


.home #cartoucheNewsCartoucheCtn a h6 span:before,
.home #cartoucheAgendaCartoucheCtn a h6 span:before
{
	display:block;
	display:none;
}

#cartouchePageCartoucheCtn a h6 span, .home #cartoucheNewsCartoucheCtn a h6 span, .home #cartoucheAgendaCartoucheCtn a h6 span
{
	display:inline-block;
	vertical-align:middle;
	transition:all 0.1s;
	margin-left:0;
	width:calc(100% - 1px);
	-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
	word-wrap: break-word;
	font-size:100%;
}

#cartouchePageCartoucheCtn a h6:before, .home #cartoucheNewsCartoucheCtn a h6:before, .home #cartoucheAgendaCartoucheCtn a h6:before
{
	content:"";
	display:inline-block;
	width:1px;
	margin-left:-1px;
	height:100%;
	position:relative;
	vertical-align:middle;
}


#cartouchePageCartoucheCtn a .img, .home #cartoucheNewsCartoucheCtn a .img, .home #cartoucheAgendaCartoucheCtn a .img
{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	transition:all 0.5s ;
}

#cartouchePageCartoucheCtn a:nth-child(1) .img, .home #cartoucheNewsCartoucheCtn a:nth-child(1) .img, .home #cartoucheAgendaCartoucheCtn a:nth-child(1) .img
{
		background-image:url(/template/image/defaultList1.jpg) ;
}

#cartouchePageCartoucheCtn a:nth-child(2) .img, .home #cartoucheNewsCartoucheCtn a:nth-child(2) .img, .home #cartoucheAgendaCartoucheCtn a:nth-child(2) .img
{
		background-image:url(/template/image/defaultList2.jpg) ;
}

#cartouchePageCartoucheCtn a:nth-child(3) .img, .home #cartoucheNewsCartoucheCtn a:nth-child(3) .img, .home #cartoucheAgendaCartoucheCtn a:nth-child(3) .img
{
		background-image:url(/template/image/defaultList3.jpg) ;
}

#cartouchePageCartoucheCtn a .txt, .home #cartoucheNewsCartoucheCtn a .txt, .home #cartoucheAgendaCartoucheCtn a .txt
{
	padding:36px 31px 100px 31px;
}

#cartouchePageCartoucheCtn a:nth-child(3) .txt, .home #cartoucheNewsCartoucheCtn a:nth-child(3) .txt, .home #cartoucheAgendaCartoucheCtn a:nth-child(3) .txt
{
	background:#4a4d4e;
}

#cartouchePageCartoucheCtn a:nth-child(3) .resume, .home #cartoucheNewsCartoucheCtn a:nth-child(3) .resume, .home #cartoucheAgendaCartoucheCtn a:nth-child(3) .resume
{
	color:#FFFFFF;	
}

#cartouchePageCartoucheCtn a .resume, .home #cartoucheNewsCartoucheCtn a .resume, .home #cartoucheAgendaCartoucheCtn a .resume
{
	color:#4a4d4e;
	font-size:20px;
	line-height:1.1;
}

#cartouchePageCartoucheCtn a .plus, .home #cartoucheNewsCartoucheCtn a .plus, .home #cartoucheAgendaCartoucheCtn a .plus
{
	position:absolute;
	display:block;
	bottom:0;
	left:calc(50% - 67px);
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	color:#FFFFFF;
	background:#e53138;
	padding:8px 15px 8px 15px;
	transition:all 0.5s;
	width:134px;
	box-sizing:border-box;
	text-align:center;
	z-index:1;
}



/*Fin cartouche*/


@media only screen and (min-width:641px)
{
	#cartouchePageCartoucheCtn h5, .home #cartouchesHomeCtn h5
	{
		color:#31c5c6;
		font-size:55px;
		text-transform:uppercase;
		font-family:interface;
		font-weight:bold;
		padding:50px 10px 9px 10px!important;
		display:block;
		background:none;
		text-align:Left;
	}
	
	.home .cartoucheElementCtn
	{
		min-height:none;
	}
	
	.home .cartoucheElementCtn:before
	{
		display:none;
	}

	#cartouchesHomeCtn
	{
		z-index:2;
	}
	.cartoucheElementCtn
	{
		width:auto;
		height:auto;
	}

	.home .cartoucheElementCtn
	{
		height:auto;		
	}
	
	.home #cartoucheNewsCartoucheCtn.cartoucheCtn , .home #cartoucheAgendaCartoucheCtn.cartoucheCtn
	{
		margin:0;
	}
	
	.home #cartoucheNewsCartoucheCtn a:nth-child(3)
	{
		display:none;		
	}
	
	.home #cartoucheAgendaCartoucheCtn a:nth-child(2), .home #cartoucheAgendaCartoucheCtn a:nth-child(3)
	{
		display:none;		
	}
	
	#intCtn #cartoucheAgendaCartoucheCtn a:nth-child(2)
	{
		display:block;		
	}
	
	.home .titreEvent
	{
		display:none;
	}
	
	.home #cartouchesHomeCtn h5
	{
		padding:70px 0px 9px 0px;
		display:block;	
	}
	

	.home #cartoucheNewsCartoucheCtn h5, .home #cartoucheAgendaCartoucheCtn h5
	{
		display:none!important;
	}
	
	
	
	#intCtn  #cartoucheNewsCartoucheCtn h5
	{
		color:#FFFFFF;
		background:none;
		text-align:left;
		display:block!important;		
	}
	
	.home #cartouchePageCartoucheCtn .cartoucheElementCtn .arrowPrev, .home #cartouchePageCartoucheCtn .cartoucheElementCtn .arrowNext,
	.home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowPrev, .home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowNext,
	.home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowPrev, .home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowNext
	{
		display:none;
	}
	
	.home #cartouchePageCartoucheCtn .cartoucheElementCtn .arrowNext,
	.home #cartoucheNewsCartoucheCtn .cartoucheElementCtn .arrowNext,
	.home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn .arrowNext
	{
		display:none;
	}
	
	.home #cartouchePageCartoucheCtn .cartoucheElementCtn,
	.home #cartoucheNewsCartoucheCtn .cartoucheElementCtn,
	.home #cartoucheAgendaCartoucheCtn .cartoucheElementCtn
	{
		border:0;
	}
	
	#cartouchePageCartoucheCtn .cartoucheElement, .home #cartoucheNewsCartoucheCtn .cartoucheElement, .home #cartoucheAgendaCartoucheCtn .cartoucheElement
	{
		position:relative;
		top:auto;
		left:auto;
		width:auto;
		height:auto;
	}
	
	#cartouchePageCartoucheCtn a h6, #cartouchePageCartoucheCtn a .img, #cartouchePageCartoucheCtn a .txt,
	.home #cartoucheNewsCartoucheCtn a h6, .home #cartoucheNewsCartoucheCtn a .img, .home #cartoucheNewsCartoucheCtn a .txt,
	.home #cartoucheAgendaCartoucheCtn a h6, .home #cartoucheAgendaCartoucheCtn a .img, .home #cartoucheAgendaCartoucheCtn a .txt
	{
		width:50%;
		float:left;
		height:305px;
		position:relative;
	}

	
	.home #cartoucheAgendaCartoucheCtn a .txt,.home #cartoucheNewsCartoucheCtn a .txt, #cartouchePageCartoucheCtn a .txt
	{
		display:none;
	}
	
	#cartouchePageCartoucheCtn a h6,.home #cartoucheNewsCartoucheCtn a h6, .home #cartoucheAgendaCartoucheCtn a h6
	{
		background:#e53138;/*rouge*/
		font-size:40px;/*65px;*/
		line-height:45px;
		padding:5px 10px 5px 27px;
		text-align:left;
	}	

	.home #cartoucheNewsCartoucheCtn a:nth-child(1) h6
	{
		background:#31c5c6;
	}
	
	
	.home #cartoucheNewsCartoucheCtn a:nth-child(1) .plus
	{
		background:#e53138;
	}
	
	.home #cartoucheNewsCartoucheCtn a:nth-child(2) h6
	{
		background:#4a4d4e;
		float:right;
	}	
	
	.home #cartoucheNewsCartoucheCtn a h6 span:before,
	.home #cartoucheAgendaCartoucheCtn a h6 span:before
	{
		content:"Actualité";
		display:block;
		font-size:23px;
		text-transform:uppercase;
		font-weight:normal;
		color:#FFFFFF;
		font-family:interfacebold;
		padding-bottom:15px;
	}
	
	.home #cartoucheAgendaCartoucheCtn a h6 span:before
	{
		content:"événement";
		color:#e53138;
	}
	
	
	.home #cartoucheAgendaCartoucheCtn a:nth-child(1) h6
	{
		color:#e53138;
		background:#FFFFFF;
	}
	
	.home #cartoucheAgendaCartoucheCtn a:nth-child(1) .txt
	{
		background:#31c5c6;
		
	}
	
	.home #cartoucheAgendaCartoucheCtn a:nth-child(1) .resume
	{
		color:#FFFFFF;
	}
	
	.home #cartoucheAgendaCartoucheCtn a:nth-child(1) .plus
	{
		color:#31c5c6;
		background:#FFFFFF;
	}
	
	#cartouchePageCartoucheCtn a:nth-child(2) h6, .home #cartoucheAgendaCartoucheCtn a:nth-child(2) h6
	{
		background:#31c5c6;/*vert*/
		float:right;
	}
	
	#cartouchePageCartoucheCtn a:nth-child(3) h6, .home #cartoucheNewsCartoucheCtn a:nth-child(3) h6, .home #cartoucheAgendaCartoucheCtn a:nth-child(3) h6
	{
		background:#FFFFFF;/*blanc*/
		color:#4a4d4e;
	}
	
	#cartouchePageCartoucheCtn a .plus, .home #cartoucheNewsCartoucheCtn a .plus, .home #cartoucheAgendaCartoucheCtn a .plus
	{
		bottom:20px;
		left:calc(50% + 31px);
		right:20px;	
		font-size:14px;
		background:#31c5c6;
		padding:18px 45px 18px 45px;
		width:250px;
		
	}
	
	#cartouchePageCartoucheCtn a:nth-child(2) .plus, .home #cartoucheNewsCartoucheCtn a:nth-child(2) .plus, .home #cartoucheAgendaCartoucheCtn a:nth-child(2) .plus
	{
		left:31px;
		right:auto;
		background:#e53138;
	}
	
	#cartouchePageCartoucheCtn a:nth-child(3) .plus, .home #cartoucheNewsCartoucheCtn a:nth-child(3) .plus, .home #cartoucheAgendaCartoucheCtn a:nth-child(3) .plus
	{
		background:#FFFFFF;
		color:#4a4d4e;
	}	
	
}

/*Fonctionnement normal*/
@media only screen and (min-width:1000px)
{
	
	#cartouchePageCartoucheCtn a h6, #cartouchePageCartoucheCtn a .img, #cartouchePageCartoucheCtn a .txt,
	.home #cartoucheNewsCartoucheCtn a h6, .home #cartoucheNewsCartoucheCtn a .img, .home #cartoucheNewsCartoucheCtn a .txt,
	.home #cartoucheAgendaCartoucheCtn a h6, .home #cartoucheAgendaCartoucheCtn a .img, .home #cartoucheAgendaCartoucheCtn a .txt
	{
		width:33.33%;
	}	
	
	.home #cartoucheAgendaCartoucheCtn a .txt,.home #cartoucheNewsCartoucheCtn a .txt, #cartouchePageCartoucheCtn a .txt
	{
		display:block;
	}
		
	#cartouchePageCartoucheCtn a:hover .plus, .home #cartoucheNewsCartoucheCtn a:hover .plus, .home #cartoucheAgendaCartoucheCtn a:hover .plus
	{
		margin-left:70px;
	}	
	
	#cartouchePageCartoucheCtn a .plus, .home #cartoucheNewsCartoucheCtn a .plus, .home #cartoucheAgendaCartoucheCtn a .plus
	{
		bottom:36px;
		left:calc(66.66% + 31px);
	}
	
	#cartouchePageCartoucheCtn a:nth-child(2) .plus, .home #cartoucheNewsCartoucheCtn a:nth-child(2) .plus, .home #cartoucheAgendaCartoucheCtn a:nth-child(2) .plus
	{
		left:calc(33.33% + 31px);
	}
}

@media only screen and (min-width:1200px)
{
	#cartouchePageCartoucheCtn h5, .home #cartouchesHomeCtn h5
	{
		font-size:80px;
		padding:100px 0px 9px 0px!important;
	}
}

/* CARTOUCHE ALERTE ROUGE */
#blocAlertes
{
	position:relative;
	display:block;
	background:#e53138;
	background: linear-gradient(to right, #e53138 0%, #e53138 50%, #711519 100%);
	margin:0;
}
#blocAlertes #cartoucheInformationsCartoucheCtn
{
	position:relative;
	display:block;
	max-width:1170px;
	margin: 0 auto 0 auto;
	padding:0 10px 0 10px;
}
#blocAlertes #cartoucheInformationsCartoucheCtn > a
{
	display:block;
	padding:20px 0 10px 0;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}
#blocAlertes #cartoucheInformationsCartoucheCtn > a > .alarme
{
	display:none;
}

#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data
{
	position:relative;
	display:block;
	font-size:0;
}

#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data > .col1
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	width:100%;
	padding-right:20px;
}
#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data > .col2
{
	display:none;
}

#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data > .col1 > .titleinfo
{
	display:block;
	font-family:interfacebold;
	font-size:25px;
	font-weight:normal;
	text-transform:uppercase;
}
#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data > .col1 > .title
{
	display:block;
	font-size:25px;
	font-weight:bold;
}
#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data > .col1 > .title:after
{
	content:"";
	display:inline-block;
	vertical-align:bottom;
	margin-left:10px;
	width:18px;
	height:25px;
	background:url(/template/image/alarme-arrow.png) no-repeat center left;
}

#blocAlertes #cartoucheInformationsCartoucheCtn .close
{
	position:absolute;
	top:10px;
	right:10px;
	height:19px;
	width:19px;
	display:block;
	background:url('/template/image/close.png') no-repeat;
	cursor:pointer;
}
@media only screen and (min-width:640px)
{
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data > .col1
	{
		width:50%;
		padding-right:40px;
	}
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data > .col1 > .title:after
	{
		content:none;
	}
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data > .col2
	{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		box-sizing:border-box;
		width:50%;
		padding-left:40px;
		padding-right:20px;
		font-size:20px;
	}	
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data > .col2:after
	{
		content:"";
		display:inline-block;
		vertical-align:bottom;
		margin-left:10px;
		width:18px;
		height:20px;
		background:url(/template/image/alarme-arrow.png) no-repeat center left;
	}
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data > .col1 > .titleinfo
	{
		font-size:35px;
	}
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data > .col1 > .title
	{
		font-size:35px;
	}
}
@media only screen and (min-width:800px)
{
	#blocAlertes #cartoucheInformationsCartoucheCtn > a
	{
		min-height:112px;
	}
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .alarme
	{
		position:absolute;
		display:block;
		width:120px;
		height:112px;
		background:url(/template/image/alarme.png) no-repeat center center;
		background-size:contain;
		left:-10px;
		bottom:0;
	}	
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data
	{
		margin-left:150px;
	}
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data:before
	{
		content:"";
		display:inline-block;
		vertical-align:middle;
		min-height:112px;
	}
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data > .col1
	{
		width:40%;
	}
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data > .col2
	{
		width:60%;
	}
}

@media only screen and (min-width:1200px)
{
	#blocAlertes #cartoucheInformationsCartoucheCtn > a
	{
		min-height:183px;
	}
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .alarme
	{
		width:196px;
		height:183px;
	}	
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data
	{
		margin-left:226px;
	}
	#blocAlertes #cartoucheInformationsCartoucheCtn > a > .data:before
	{
		min-height:183px;
	}
}#formEditConcours div > div
{
	padding:5px 0 5px 0;
}
#formEditConcours div > div > span:nth-child(1)
{
	font-family:interfacebold;
	font-size:16px;
}

#formEditConcours div > div > span
{
	display:block;
}

#formEditConcours input[type=submit], #formEditConcours input[type=text]
{
	width:100%;
}



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

#formEditConcours input[type=text].npa
{
	width:50%;
}

	#formEditConcours > div > span:nth-child(1)
	{
		width:20%;

	}
	
	#formEditConcours > div > span:nth-child(2)
	{
		width:60%;
	}
	
	#formEditConcours > div > span
	{
		display:inline-block;
		vertical-align:top;
		padding-bottom:5px;
	}
	
}
.msgInfo
{
	border:1px solid #c61622;
	text-align:center;
	padding:15px;
	margin-bottom:40px;
}

#formSendContact td
{
	width:75%;
}

#formSendContact td.entete
{
	width:25%;
}

#formSendContact input, #formSendContact textarea
{
	width:100%;
}

#formSendContact .fileuploadctn{
	position:relative;
	display:block;
}
#formSendContact .fileuploadctn img{
	position:absolute;
	z-index:2;
	top:50%;
	right:5px;
	transform: translateY(-50%);
	z-index:2;
}

#formSendContact input[type=file]
{
	font-size:16px;
	padding-left:0;
	padding-right:30px;
}
#contactMsgDoc{
	font-size:.8em;
	margin:10px 0 10px 0;
}
#contactMsgDoc.error{
	color:red;
	font-size:1em;
}

@media only screen and (min-width:641px)
{
	#formSendContact input, #formSendContact textarea
	{
		width:70%;
	}
	#contactMsgDoc{
		width:70%;
	}
	#formSendContact .fileuploadctn img{
		right:calc(30% - 30px);
	}
	#formSendContact input[type=file]{
		padding-right:0;
	}
}

#ContactMsgAdminCtn
{
	position:relative;
	display:block;
	padding:20px;
	margin:60px 0 60px 0;
	background:#eeeeee;
}
#ContactMsgAdminCtn > h4
{
	display:block;
	margin:0 0 20px 0;
}

#ContactMsgAdminCtn > .msg
{
	display:block;
	position:relative;
}

#ContactMsgAdminCtn > .msg > .admin
{
	position:absolute;
	top:0;left:0;
}
#ContactMsgAdminCtn > .msg > p
{
	margin:0 0 0 20px;
}
#intCtn
{
	background:url(/template/image/fondVert.jpg) no-repeat bottom right;
	padding-bottom:200px;
	background-size:200%;
}

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

#intCtn .colGauche
{
	box-sizing:border-box;
	padding-top:10px;
	position:relative;
}

/*Homepage*/
.sloganHome
{
	display:none;
}

.home .sloganHome 
{
	display:none;
}

#sloganExtranet
{
	display:none;
}

.extranet #sloganExtranet
{
	display:block;
	position:absolute;
	left:10px;
	bottom:80px;
	z-index:1;
}

.extranet #sloganExtranet .txt
{
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:30px;
	font-family:interfacebold;
	line-height: 1;
}

#servicesCtn
{
	display:block;
	margin:14px 0 14px 0 ;
}

#sliderCtn #servicesCtn
{
	display:none;
}

#servicesCtn .mainContainer
{
	--max-width:1700px;
	max-width:1920px;
	padding:0;	
}

#servicesCtn .sautLigne
{
	clear:both;
}

#servicesCtn .titre
{
	display:none;
}

#servicesCtn .ctn
{
	margin:0 auto 0 auto;
	max-width:465px;
}

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

#servicesCtn .ctn a
{
	display:block;
	float:left;
	width:33.33%;
	box-sizing:border-box;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	position:relative;
	background:#31c5c6;
	max-width:155px;
}

#servicesCtn .ctn a:hover
{
	background:#e53138;
}

#servicesCtn .ctn a:before
{
	content:"";
	display:block;
	padding-top:100%;
}


#servicesCtn .ctn a span
{
	display:block;
	position:absolute;
}

#servicesCtn .ctn a span.txt
{
	bottom:10%;
	width:100%;
	text-align:center;
}

#servicesCtn .ctn a .icone
{
	background-repeat:no-repeat;
	background-size:100%;
	top:16%;		
}

#servicesCtn .ctn a:nth-child(1) .icone
{
	width:41px;
	height:52px;
	background-image:url(/template/image/icones/on/guichet.png);
	left:calc(50% - 21px);
}

#servicesCtn .ctn a:nth-child(2) .icone
{
	width:53px;
	height:60px;
	background-image:url(/template/image/icones/on/reservation.png);
	left:calc(50% - 27px);
}

#servicesCtn .ctn a:nth-child(3) .icone
{
	width:48px;
	height:48px;
	background-image:url(/template/image/icones/on/cadastre.png);
	left:calc(50% - 24px);
}


#servicesCtn .ctn a:nth-child(5) .icone
{
	width:33px;
	height:52px;
	background-image:url(/template/image/icones/on/annonce.png);
	left:calc(50% - 17px);
}

#servicesCtn .ctn a:nth-child(6) .icone
{
	width:40px;
	height:51px;
	background-image:url(/template/image/icones/on/cff.png);
	left:calc(50% - 20px);
}

#servicesCtn .ctn a:nth-child(7) .icone
{
	width:52px;
	height:52px;
	background-image:url(/template/image/icones/on/integration.png);
	left:calc(50% - 26px);
}

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

.home .titreBgVert
{
	display:block;
	background:#31c5c6;
	color:#FFFFFF;
	font-size:23px;
	font-family:interfacebold;
	text-transform:uppercase;
	text-align:center;
	padding:8px 0 8px 0;
	
}


.home #motCtn .titreBgVert
{
	max-width: 490px;
	margin:0 auto 0 auto;
}

#motCtn .mainContainer
{
	background:url(/template/image/fondGris.jpg) no-repeat bottom right;
	max-width:1680px;	
	padding:12px 0 160px 0;
	background-size:200%;
}

#motCtn .colGauche
{
	max-width:490px;
	background:url(/template/image/presidente.jpg) no-repeat top center;
	background-size:100%;
	border-bottom:4px solid #e53138;
	margin:0 auto 0 auto;
}

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


#motCtn .blanc
{
	display:none;
}

#motCtn .colDroite .bulle
{
	display:none;
}

#motCtn .colDroite h1, #motCtn .colDroite .headCtn
{
	margin:0;
	padding:0;
	font-size:30px;
	color:#7e7e7e;
	font-family:bree_serifregular;
	text-transform:none;
	line-height:1.2;
	padding-top:20px;
	text-align:center;
}

#motCtn .colDroite h2
{
	font-size:16px;
	color:#7e7e7e;
	font-family:bree_serifregular;
	line-height:1.2;
	padding-top:20px;
	
}

@media only screen and (min-width:400px)
{
	#intCtn
	{
		background-size:150%;
	}
}

@media only screen and (min-width:550px)
{
	#intCtn
	{
		background-size:100%;
	}
	
	.extranet #sloganExtranet .txt
	{
		font-size:70px;
	}
}

@media only screen and (min-width:641px)
{
	#intCtn
	{
		background:url(/template/image/fondVert.jpg) no-repeat bottom center;
		background-size:inherit;
		padding-bottom:361px;
	}
	

	#motCtn .colDroite
	{
		padding:0 10px 0 10px;
	}	
	
	.home #motCtn .titreBgVert
	{
		margin-top:20px;
		display:block;
	}

	#servicesCtn .ctn a
	{
		font-size:16px;
	}
	

	.extranet #sloganExtranet
	{
		bottom:0;
	}
	
	.extranet #sloganExtranet .txt
	{
		font-size:50px;
	}	
	
}


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


	#intCtn .colGauche
	{
		float:left;
		width:66.67%;
		padding-right:4.4%;
		
	}
	
	#intCtn .colDroite
	{
		float:left;
		width:33.33%;
		margin-top:-73px;
	}
	
	/*On cache la col de droite si il y a des listes*/
	
	#intCtn.withListe .colDroite
	{
		display:none;
	}
	
	#intCtn.withListe .colGauche
	{
		width:100%;
		padding-right:0;
	}
	/*fin withListe*/	
	
	/*Homepage*/
	.home .sloganHome 
	{
		padding:0 0 30px 10px;
		display:block;
		/*text-shadow: 0px 0px 18px rgba(0, 0, 0, 0.66);*/ 
	}
	
	.home .sloganHome div:nth-child(1)
	{
		text-transform:uppercase;
		font-size:50px;
		font-family:interfacebold;
		color:#FFFFFF;
		line-height: 0.554;
	}
	
	.home .sloganHome div:nth-child(2)
	{
		color:#e53138;
		font-size:32px;
		font-weight:bold;
	}
	
	.home .titreBgVert
	{
		display:none;
	}
	

	.home .zoneTextes
	{
		padding:0 0 0 0;
	}

	/*fin homepage */
	
	#servicesCtn
	{
		display:none;
	}
	
	#sliderCtn #servicesCtn
	{
		display:block;
		position:absolute;
		bottom:-1px;
		left:0;
		z-index:1;
		width:100%;
		margin:0;
	}
	
	#servicesCtn .sautLigne
	{
		display:none;
	}
	
	#servicesCtn .titre
	{
		display:block;
		font-family:interface;
		font-size:40px;
		color:#FFFFFF;
		text-transform:uppercase;
		padding:0 0 15px 64px;
	}
	
	
	#servicesCtn .ctn
	{
		max-width:none;
	}
	
	#servicesCtn .ctn a
	{

		width:16.666%;
		background:rgba(0,0,0,0.5)  ;
		max-width:none;
	}
	
	#servicesCtn .ctn a:hover
	{
		background:rgba(229,49,56,0.7)  ;
	}
	
	#servicesCtn .ctn a:before
	{
		padding-top:66.78%;
	}
	

	#servicesCtn .ctn a:nth-child(7)
	{
		border-right:0;
	}	
	
	#servicesCtn .ctn a span.txt
	{
		bottom:5%;
	}
	
	#servicesCtn .ctn a:nth-child(1) .icone
	{
		background-image:url(/template/image/icones/off/guichet.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(1) .icone
	{
		background-image:url(/template/image/icones/on/guichet.png);
	}
	
	#servicesCtn .ctn a:nth-child(2) .icone
	{
		background-image:url(/template/image/icones/off/reservation.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(2) .icone
	{
		background-image:url(/template/image/icones/on/reservation.png);
	}
	
	#servicesCtn .ctn a:nth-child(3) .icone
	{
		background-image:url(/template/image/icones/off/cadastre.png);
	}	

	#servicesCtn .ctn a:hover:nth-child(3) .icone
	{
		background-image:url(/template/image/icones/on/cadastre.png);
	}	
	
	#servicesCtn .ctn a:nth-child(5) .icone
	{
		background-image:url(/template/image/icones/off/annonce.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(5) .icone
	{
		background-image:url(/template/image/icones/on/annonce.png);
	}
	
	#servicesCtn .ctn a:nth-child(6) .icone
	{
		background-image:url(/template/image/icones/off/cff.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(6) .icone
	{
		background-image:url(/template/image/icones/on/cff.png);
	}
	
	#servicesCtn .ctn a:nth-child(7) .icone
	{
		background-image:url(/template/image/icones/off/integration.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(7) .icone
	{
		background-image:url(/template/image/icones/on/integration.png);
	}
	
}

@media only screen and (min-width:945px)
{
	.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;
	}
	
	.home .sloganHome 
	{
		padding:0 0 0 64px;
	}
	
	.home .sloganHome div:nth-child(1)
	{
		font-size:130px;
	}
	
	.home .sloganHome div:nth-child(2)
	{
		font-size:72px;
	}
	
	.home #motCtn .titreBgVert
	{
		display:none;
	}
	#motCtn
{
	background:url(/template/image/fondGris.jpg) no-repeat #dcdcdc top center;
		padding:346px 0 107px 0;
		background-size:inherit;
}
	#motCtn .mainContainer
	{
		--background:url(/template/image/fondGris.jpg) no-repeat #dcdcdc top center;
		--padding:346px 0 107px 0;
		--background-size:inherit;
		background:none;
		padding:0;
	}
	
	#motCtn .mainContainer .zoneTextes:before
	{
		content:"";
		display:block;
		z-index:0;
		padding-top:57.2%;
		width:100%;
	}	
	
	#motCtn .colGauche
	{
		width:42%;
		border-radius:50%;
		float:left;
		position:absolute;
		top:0;
		left:0;
		z-index:0;
		border:0;
	}
	
	
	#motCtn .colDroite, #motCtn .blanc
	{
		width:63.24%;
		float:left;
		position:absolute;
		top:0;
		right:0;
		z-index:1;
		border:10px solid #e53138;
		box-sizing:border-box;
		padding:32px 30px 28px 77px;
		
	}
	
	#motCtn .blanc
	{
		display:block;
		background:#FFFFFF;
		z-index:0;
		border:0;
		box-sizing:border-box;
	}
	
	#motCtn .colDroite .bulle
	{
		display:block;
		position:absolute;
		bottom:-65px;
		left:-10px;
		background:#dcdcdc;
		width:65px;
		height:65px;
		box-sizing:border-box;
		overflow:hidden;
	}
	
	#motCtn .colDroite .bulle:before
	{
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:51px;
		border-left:10px solid #e53138;
		background:#dcdcdc;
		z-index:2;
	}
	
	#motCtn .colDroite .bulle:after
	{
		content:"";
		display:block;
		height:100%;
		position:absolute;
		left:0;
		bottom:0;
		width:300%;
		border-top:65px solid #FFFFFF;
		border-bottom:10px solid #e53138;
		transform-origin:10px 150%;
		transform:rotateZ(-39deg);
		box-sizing:border-box;
		z-index:1;
	}
	
	#motCtn .colDroite h1, #motCtn .colDroite .headCtn
	{

		font-size:40px;
		padding-top:0;
		text-align:left;
	}

		

}

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

	
	.home .sloganHome 
	{
		padding:0 0 50px 64px;
	}
	
	#servicesCtn .ctn a
	{
		font-size:18px;
	}

	#servicesCtn .ctn a:nth-child(1) .icone
	{
		width:55px;
		height:70px;
		left:calc(50% - 27px);
	}
	
	#servicesCtn .ctn a:nth-child(2) .icone
	{
		width:71px;
		height:80px;
		left:calc(50% - 35px);
	}
	
	#servicesCtn .ctn a:nth-child(3) .icone
	{
		width:65px;
		height:65px;
		left:calc(50% - 32px);
	}
	
	
	#servicesCtn .ctn a:nth-child(5) .icone
	{
		width:45px;
		height:70px;
		left:calc(50% - 22px);
	}
	
	#servicesCtn .ctn a:nth-child(6) .icone
	{
		width:54px;
		height:69px;
		left:calc(50% - 27px);
	}
	
	#servicesCtn .ctn a:nth-child(7) .icone
	{
		width:72px;
		height:69px;
		left:calc(50% - 36px);
	}
}

@media only screen and (min-width:1200px)
{
		
	.extranet #sloganExtranet
	{
		top:200px;
		left:10px;
		bottom:auto;
	}
	
	.extranet #sloganExtranet .txt
	{
		font-size:130px;
	}
}

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

	
	#servicesCtn .ctn a span.txt
	{
		bottom:19%;
	}
	
	.home .sloganHome 
	{
		padding:0 0 170px 64px;
	}
	
	.home .sloganHome div:nth-child(1)
	{
		font-size:130px;
	}
	
	.home .sloganHome div:nth-child(2)
	{
		font-size:72px;
	}
	
}

@media only screen and (min-width:1550px)
{
		
	.extranet #sloganExtranet
	{
		top:315px;
		left:70px;
		bottom:auto;
	}
	
	.extranet #sloganExtranet .txt
	{
		font-size:130px;
	}
}

   /*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
/*Version mobile*/
@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)
{
	#servicesCtn .ctn a:nth-child(1) .icone
	{
		background-image:url(/template/image/icones/on/guichet@x2.png);
	}
	
	#servicesCtn .ctn a:nth-child(2) .icone
	{
		background-image:url(/template/image/icones/on/reservation@x2.png);
	}
	
	#servicesCtn .ctn a:nth-child(3) .icone
	{
		background-image:url(/template/image/icones/on/cadastre@x2.png);
	}
		
	#servicesCtn .ctn a:nth-child(5) .icone
	{
		background-image:url(/template/image/icones/on/annonce@x2.png);
	}
	
	#servicesCtn .ctn a:nth-child(6) .icone
	{
		background-image:url(/template/image/icones/on/cff@x2.png);
	}
	
	#servicesCtn .ctn a:nth-child(7) .icone
	{
		background-image:url(/template/image/icones/on/integration@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)
{
	#servicesCtn .ctn a:nth-child(1) .icone
	{
		background-image:url(/template/image/icones/on/guichet@x3.png);
	}
	
	#servicesCtn .ctn a:nth-child(2) .icone
	{
		background-image:url(/template/image/icones/on/reservation@x3.png);
	}
	
	#servicesCtn .ctn a:nth-child(3) .icone
	{
		background-image:url(/template/image/icones/on/cadastre@x3.png);
	}
	
	
	#servicesCtn .ctn a:nth-child(5) .icone
	{
		background-image:url(/template/image/icones/on/annonce@x3.png);
	}
	
	#servicesCtn .ctn a:nth-child(6) .icone
	{
		background-image:url(/template/image/icones/on/cff@x3.png);
	}
	
	#servicesCtn .ctn a:nth-child(7) .icone
	{
		background-image:url(/template/image/icones/on/integration@x3.png);
	}
}

/*Taille 800px*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width:800px),  
       only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width:800px),  
       only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width:800px),  
       only screen and (min-device-pixel-ratio: 1.5) and (min-width:800px)
{
	#servicesCtn .ctn a:nth-child(1) .icone
	{
		background-image:url(/template/image/icones/off/guichet@x2.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(1) .icone
	{
		background-image:url(/template/image/icones/on/guichet@x2.png);
	}
	
	#servicesCtn .ctn a:nth-child(2) .icone
	{
		background-image:url(/template/image/icones/off/reservation@x2.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(2) .icone
	{
		background-image:url(/template/image/icones/on/reservation@x2.png);
	}
	
	#servicesCtn .ctn a:nth-child(3) .icone
	{
		background-image:url(/template/image/icones/off/cadastre@x2.png);
	}	

	#servicesCtn .ctn a:hover:nth-child(3) .icone
	{
		background-image:url(/template/image/icones/on/cadastre@x2.png);
	}	
	
	#servicesCtn .ctn a:nth-child(5) .icone
	{
		background-image:url(/template/image/icones/off/annonce@x2.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(5) .icone
	{
		background-image:url(/template/image/icones/on/annonce@x2.png);
	}
	
	#servicesCtn .ctn a:nth-child(6) .icone
	{
		background-image:url(/template/image/icones/off/cff@x2.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(6) .icone
	{
		background-image:url(/template/image/icones/on/cff@x2.png);
	}
	
	#servicesCtn .ctn a:nth-child(7) .icone
	{
		background-image:url(/template/image/icones/off/integration@x2.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(7) .icone
	{
		background-image:url(/template/image/icones/on/integration@x2.png);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5) and (min-width:800px),  
       only screen and (-o-min-device-pixel-ratio: 5/2) and (min-width:800px),  
       only screen and (min--moz-device-pixel-ratio: 2.5) and (min-width:800px),  
       only screen and (min-device-pixel-ratio: 2.5) and (min-width:800px)
{
	#servicesCtn .ctn a:nth-child(1) .icone
	{
		background-image:url(/template/image/icones/off/guichet@x3.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(1) .icone
	{
		background-image:url(/template/image/icones/on/guichet@x3.png);
	}
	
	#servicesCtn .ctn a:nth-child(2) .icone
	{
		background-image:url(/template/image/icones/off/reservation@x3.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(2) .icone
	{
		background-image:url(/template/image/icones/on/reservation@x3.png);
	}
	
	#servicesCtn .ctn a:nth-child(3) .icone
	{
		background-image:url(/template/image/icones/off/cadastre@x3.png);
	}	

	#servicesCtn .ctn a:hover:nth-child(3) .icone
	{
		background-image:url(/template/image/icones/on/cadastre@x3.png);
	}	
	
	#servicesCtn .ctn a:nth-child(5) .icone
	{
		background-image:url(/template/image/icones/off/annonce@x3.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(5) .icone
	{
		background-image:url(/template/image/icones/on/annonce@x3.png);
	}
	
	#servicesCtn .ctn a:nth-child(6) .icone
	{
		background-image:url(/template/image/icones/off/cff@x3.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(6) .icone
	{
		background-image:url(/template/image/icones/on/cff@x3.png);
	}
	
	#servicesCtn .ctn a:nth-child(7) .icone
	{
		background-image:url(/template/image/icones/off/integration@x3.png);
	}
	
	#servicesCtn .ctn a:hover:nth-child(7) .icone
	{
		background-image:url(/template/image/icones/on/integration@x3.png);
	}
}
#documentListCtn .listElement
{
	/*width:auto;
	float:none;*/
	margin:0 0 10px 0;
	overflow:visible;
	float:none;
	width:100%;
	height:auto;
	padding-bottom:20px;
	background:none;

}

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

#documentListCtn .listElement > a:hover:before, #documentListCtn .listElement > a:hover h5
{
	color:#31c5c6;
}

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

#documentListCtn .listElement h5, #documentListCtn .listElement .resume
{
	color:#4a4d4e;
}
#documentListCtn .listElement .txt
{
	padding:0 0 0 35px;
	height:auto;
	min-height:auto;
}

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

/*Documents dans la colonne de droite*/

.colDroite #documentListCtn
{
	position:relative;	
	padding:32px 17px 70px 24px;
	margin-bottom:28px;
	background:#31c5c6;/*vert*/
}

.colDroite #documentListCtn:before
{
	content:"Documents";
	display:block;
	margin:0 0px 23px 0px;
	text-transform:uppercase;
	font-weight:normal;
	color:#FFFFFF;
	font-size:24px;
	font-family:interfacexbold;
}

.colDroite #documentListCtn .listElement
{
	float:none;
	width:100%;
	height:auto;
	padding-bottom:0;
}

.colDroite #documentListCtn .listElement .txt
{
	padding:0;
	min-height:auto;
}

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

.colDroite #documentListCtn h5
{
	margin:0;
	font-weight:bold;
	color:#FFFFFF;
	font-size:18px;
	display:inline-block;
	padding-left:34px;
	position:relative;
	font-family:interface;
	text-transform:none;
	
}

.colDroite #documentListCtn .listElement > a:hover:before, .colDroite #documentListCtn .listElement > a:hover h5
{
	color:#FFFFFF;
}

.colDroite #documentListCtn .listElement:hover > a:before
{
	margin-left:10px;
}

.colDroite #documentListCtn .listElement > a:before
{
	font-size:18px;
	color:#FFFFFF;
	transition:all 0.5s;
}#faqListCtn
{
	margin-bottom:50px;
}

#faqListCtn .listElement
{
	width:auto;
	float:none;
	border:0px;
	margin:0px 0px 10px 0px;
	height:auto;
	padding-bottom:0;
}

#faqListCtn .listElement .question
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:10px 22px 10px 33px;
	background:#31c5c7;
}
#faqListCtn .listElement .question h5
{
	color:#ffffff;
	margin:0px;
	font-size:24px;
}

#faqListCtn .listElement .question.open, #bodyprint #faqListCtn .listElement .question
{
	background:#31c5c7;
	color:#FFFFFF;
}

#faqListCtn .listElement .question h5:before
{
	font-size:14px;
	color:#FFFFFF;
	transform:rotateZ(90deg);
	position:absolute;
	right:20px;
	top:20px;
}

#faqListCtn .listElement .question.open h5:before
{
	transform:rotateZ(-90deg);
}

#faqListCtn .listElement .question.open h5, #bodyprint #faqListCtn .listElement .question h5
{
	color:#FFFFFF;
}

#faqListCtn .listElement .answer
{
	display:none;
	background:#FFFFFF;
	padding:10px 0px 10px 0px;
	overflow:hidden; /*pour pas que le html déborde*/
}

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

#faqListCtn h3, #faqListCtn h4
{
	background:#dcdcdc;
	color:#4a4d4e;
	font-size:20px;
	font-family:interface;
	font-weight:bold;
	padding:5px 20px 5px 32px;
}

@media only screen and (min-width:641px)
{
	#faqListCtn .listElement .question h5
	{
		font-size:25px;
	}
}#galleryimageListCtn .listElement
{
	width:auto;
	height:auto;
	box-sizing:border-box;
	padding:5px;
	border:0px;
	background:grey;
	margin:0 0 10px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:visible;
}

#galleryimageListCtn .listElement .img
{
	width:100%;
	float:none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display:block;
	background-size:cover;
	background-repeat:no-repeat;
}

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

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

#galleryimageListCtn .listElement .admin
{
	display:block;
	margin:7px 0px 2px 0px;
}

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

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

/* MEDIA QUERIES */
@media only screen and (min-width:321px)
{
	#galleryimageListCtn .listElement
	{
		float:left;
		margin:0 2% 10px 0;
		width:49%;
	}
}
@media only screen and (min-width:321px) and (max-width:640px)
{
	#galleryimageListCtn .listElement:nth-child(2n+0)
	{
		margin-right:0;
	}
}
@media only screen and (min-width:641px)
{
	#gallerywithfancybox
	{
		display:block; /*use fancybox if element is visible */
	}	
}
@media only screen and (min-width:641px) 
{
	#galleryimageListCtn .listElement
	{
		width:32%;
	}
	#galleryimageListCtn .listElement:nth-child(3n+0)
	{
		margin-right:0;
	}
}

iframe.goog-te-banner-frame{ display: none !important; }
body { position: static !important; top:0px !important; }

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

#google_translate_element > div:nth-child(1) > div:nth-child(1)
{
	background:#7c7c7c;
	padding:14px 0 14px 0;
	max-width:250px;
	height:15px;
	color:#FFFFFF;
	overflow:hidden;
	position:relative;
	margin:26px auto 6px auto;
}

#google_translate_element > div:nth-child(1) > div:nth-child(1):after
{
	content: "\e924";
	display:block;
	position:absolute;
	right:27px;
	font-size:18px;
	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
{
	background:transparent;
	color:#FFFFFF;
	font-size: 16px;
	font-family:HelveticaCdLight;
	width:150%;
	position:absolute;
	top:7px;
	left:27px;
	cursor:pointer;
	z-index:1;
}

#google_translate_element option
{
	background:#7c7c7c;
}

@media only screen and (min-width:641px)
{
	#google_translate_element > div:nth-child(1) > div:nth-child(1)
	{
		max-width:300px;
		margin:26px auto 6px auto;
	}
}

@media only screen and (min-width:900px)
{
	#google_translate_element > div:nth-child(1) > div:nth-child(1)
	{
		margin:26px 0 6px 0;
	}
}/* Style pour plugin langsite */
.langsite
{
   color: #000000;
   text-decoration: none;
}

.langsiteActiv
{
   color: #888888;
   text-decoration: none;
}
#linksCtn
{
	position:relative;	
	padding:32px 17px 70px 24px;
	margin-bottom:28px;
	background:#e53138;/*rouge*/
	
}

#linksCtn h5
{
	margin:0 0px 23px 0px;
	text-transform:uppercase;
	font-weight:normal;
	color:#FFFFFF;
	font-size:24px;
	font-family:interfacexbold;
}

.linksElementCtn
{
	position:relative;
}

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

.linksElement .img
{
	display:none;
}


.linksElement .txt, #linksCtn #weblinksListCtn .txt
{
	display:block;
	position:relative;
	padding:0;
	overflow:hidden;
}

.linksElement:hover h6:before
{
	transform:rotateZ(-180deg);
}

.linksElement h6, #linksCtn #weblinksListCtn h5
{
	margin:0;
	font-weight:bold;
	color:#FFFFFF;
	font-size:18px;
	display:inline-block;
	padding-left:34px;
	position:relative;
	font-family:interface;
	text-transform:none;
	
}
.linksElement .resume
{
	display:none;	
}

.linksElement h6:before
{
	display:block;
	position:absolute;
	top:3px;
	margin-left:-34px;
	color:#FFFFFF;
	font-size:13px;
	transition:all 0.5s;

}

/*Partie des liens*/
#linksCtn #weblinksListCtn
{
	margin-top:45px;	
}

#linksCtn #weblinksListCtn .img,
#linksCtn #weblinksListCtn .resume
{
	display:none;
}

#linksCtn #weblinksListCtn .listElement 
{
	float:none;
	width:100%;
}

#linksCtn #weblinksListCtn h5:before
{
	content:"";
	background-image:url(/template/image/map.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:15px;
	height:15px;
	display:block;
	position:absolute;
	top:3px;
	margin-left:-31px;
	color:#FFFFFF;
	font-size:13px;
	transition:all 0.5s;
}

#linksCtn #weblinksListCtn .listElement :hover h5:before
{
	transform:rotateZ(-360deg);
}

@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)
{
	#linksCtn #weblinksListCtn h5:before
	{
		background-image:url(/template/image/map@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)
{
	#linksCtn #weblinksListCtn h5:before
	{
		background-image:url(/template/image/map@x3.png);
	}
}
/*Style pour la recherche*/

#searchManifestation .blocSearch > div:nth-child(2)  > div:nth-child(2) > div
{
	display:inline-block;
	vertical-align:top;
}

#searchManifestation .blocSearch > div
{
	padding-bottom:15px;
}

#searchManifestation .blocSearch > div > div:nth-child(1)
{
	width:15%;
	font-weight:bold;
}

#searchManifestation .blocSearch .inputDate
{
	width:100px;
}

#searchManifestation h2
{
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	margin-bottom:30px;
}

#searchManifestation .btnSearchManif
{

	background:#e53138;
	color:#FFFFFF;
	border:0;
	font-family: interfacebold;
    font-size: 17px;
    text-transform: uppercase;
	padding:5px 10px 5px 10px;
	cursor:pointer;
	display:block;
	margin:20px 0 0 0;
	
}

/*Fin style search*/

.enteteManif
{
	
	vertical-align:top;
	padding-right:10px;
	padding-bottom:5px;
	font-weight:bold;
	padding-top:5px;
}

.enteteManif2Col
{
	vertical-align:top;
	padding-right:10px;
	padding-bottom:5px;
	font-weight:bold;
	padding-left:50px;
	padding-top:5px;
}

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

#zoneDetailEvent
{
	border-top:1px solid #e1e1e1;
	max-width:100%;
	overflow:hidden;
}

#zoneDetailEvent table td
{
	padding-bottom:5px;
}

#zoneDetailEvent .picture
{
	padding:20px 10px 20px 0;
	vertical-align:top;
}

#zoneDetailEvent  .btn
{

	float:left;
	background:#e53138;
	color:#FFFFFF;
	border:0;
	font-family: interfacebold;
    font-size: 17px;
    text-transform: uppercase;
	padding:5px 10px 5px 10px;
	cursor:pointer;
	display:block;
	margin-top:30px;
	margin-bottom:50px;
}


#zoneDetailEvent  .btn .img
{
	float:left;
	width:41px;
	display:block;
}

#manifestationListCtn .listElement
{
	 height: 258px;
}

#manifestationListCtn .listElement .date
{
	position:absolute;
	display:block;
	bottom:0px;
	left:0px;
	padding:5px 10px 5px 10px;
	color:#ffffff;
	z-index:1;
	width:100%;
}

#manifestationListCtn .listElement .img
{
	background-size:cover;
	position:absolute;
	width:100%;
	height:100%;
	display:block;
}

#manifestationListCtn .listElement .txt
{
	padding: 0 0 20px 0;
}

#manifestationListCtn .listElement h5
{
	background:rgba(49,197,198,0.7)  ;
	padding: 30px 20px 20px 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition:all 0.5s;
}

#manifestationListCtn .listElement:hover h5
{
	background:rgba(229,49,56,1)  ;/*rouge*/
}

#manifestationListCtn .listElement .resume
{
	display:None;
}
#manifestationListCtn .date .bg
{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
	background:#000000;
	z-index:-1;
	opacity: .75; 
  	filter: alpha(opacity=75); 
   	-moz-opacity: .75;
}

@media only screen and (min-width:641px)
{
	#searchManifestation .blocSearch > div  div
	{
		display:inline-block;
		vertical-align:top;
	}
	
	#searchManifestation .btnSearchManif
	{
		margin:0 0 0 20px;
	}
}/*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:1000;
	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: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:#000000;
}
@media only screen and (min-width:640px)
{

	#disclaimerCtn
	{
		max-height:200px;
	}
	#disclaimerCtn .disclaimer
	{
		max-width:1280px;
		padding:20px 170px 20px 10px;
		font-size:.9em;
	}
	
	#disclaimerCtn .disclaimer .txt
	{
		margin-bottom:5px;
	}
	#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:80%;
	min-width:240px;
	height:100%;
	background-color:#0fa3a5;
	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;
}

#menuIcone
{		
	display:inline-block;
	font-size:15px;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	z-index:3;
	background:#e53138;
	width:81px;
	height:75px;
	vertical-align:top;
	margin-left:-3px;
	padding:15px 0 0 22px;
	box-sizing:border-box;
	cursor:pointer;
	position:absolute;
	right:0;
	top:0;	
}

#menuIcone > span
{
	margin:0 15px 0 0;
	vertical-align:top;
	display:inline-block;
}

/* Effet ouverture et fermeture icone menu */
#nav-icon {
  width: 38px;
  height: 28px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span{
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 9px;
}

#nav-icon span:nth-child(4) {
  top: 18px;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
/* FIN Effet ouverture et fermeture icone menu */

#mainPanel.open #menuIcone
{
	right:0;
	left:auto;
	padding:25px 0 0 30px;
}

#mainPanel.open #menuIcone > span
{
	display:none;
}


#leftPanel .top
{
	position:relative;
	height:70px;
	background:#32353a;
}

#leftPanel a.copy
{
	display:none;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
#menuMain , #menuExtraMain
{
	position:relative;
}
#menuMain ul, #menuExtraMain ul
{
	margin:0px;
	padding:10px 0 0 14px;
	color:#ffffff;
	font-size:20px;
	display:none;
}

#menuMain li, #menuExtraMain li
{
	position:relative;
	list-style-type: none;
	padding:0px; /*compense le li de base*/
	background:none;
}
#menuMain li > a, #menuExtraMain li > a
{
	display:block;
	position:relative;
	color:#ffffff;
	text-decoration:none;
	padding:3px 10px 3px 0;
	font-family:interface;
	font-weight:bold;
}

#menuMain ul.menu0, #menuExtraMain ul.menu0
{
	display:block;	
	padding:15px 0 0 0;
}

#menuMain a.menu0, #menuExtraMain a.menu0
{
	font-size:18px;
	text-transform:uppercase;
	font-family:interfacebold;
	font-weight:normal;
	color:#ffffff;
	padding:10px 30px 20px 10px;
	border-bottom:1px solid #FFFFFF;
}

#menuMain ul.menu0 li, #menuExtraMain ul.menu0 li
{
	padding:5px 0 5px 0;
}

	
#menuMain .menu1 a, #menuExtraMain .menu1 a
{
	font-size:18px;
	color:#ffffff;
	
}

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

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

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


/**************************************************/
/*Style pour le menuBottom */
/**************************************************/
#menuFondMain ul
{
	display:none;
	position:absolute;
	padding:0px 0 5px 0;
	color:#FFFFFF;
	font-size:18px;
	font-family:interface;
	font-weight:bold;
	z-index:2;
	margin:10px 0 0 0;
}


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

#menuFondMain li
{
	display:block;
	position:relative;
	list-style-type:none;
	padding:0px;
	background:none;
}
#menuFondMain li.menu0
{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	padding:0 0 0 0;
		
}

#menuFondMain li > a
{
	display:block;
	position:relative;
	color:#FFFFFF;
	text-decoration:none;
	margin:0 14px 0 0;
	padding:0;
}

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

#menuFondMain li.menu0:last-child
{
	border-right:0!important;
}

#menuFondMain li.menu0 ul
{
	background:#9e9e9d;
	border:1px solid #FFFFFF;
	margin-left:0;
}

#menuFondMain ul.menu1 li > a
{
	min-width:140px;
	padding:10px 0 0 10px;
	color:#FFFFFF;
}

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

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

/**************************************************/
/*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;
}

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:641px)
{
	#menuFondMain ul.menu0
	{
		display:block;
		width:auto;
		text-align:left;		
	}
	
	#menuFondMain li.menu0
	{
		text-align:left;	
	}
	
	#menuFondMain li > a
	{
		margin:0 34px 0 0;
	}
	
	#menuFondMain a.menu0
	{
		font-size:18px;
	}
}

@media only screen and (min-width:373px)
{
	#menuIcone
	{
		top:0;
		position:relative;
		right:auto;
		margin-left:-4px;
	}	

	#mainPanel.open #menuIcone
	{
		position:absolute;
		right:0;		
		padding:25px 0 0 22px;
	}
}
/* MEDIA QUERIES */
@media only screen and (min-width:900px)
{
	#leftPanel
	{
		z-index:1001;
	}
}
@media only screen and (min-width:1200px)
{
	/*Menu top*/
	#menuMain li.menu0, #menuExtraMain li.menu0
	{
		margin-bottom:30px;
	}
	
	#menuMain ul.menu1 li > a, #menuExtraMain ul.menu1 li > a
	{
		transition:all 0.5s;
	}
	
	#menuMain ul.menu1 li > a:hover, #menuMain ul.menu1 li > a.menuselected:not(.parent),
	#menuExtraMain ul.menu1 li > a:hover, #menuExtraMain ul.menu1 li > a.menuselected:not(.parent)
	{
		padding-left:5px;
	}
	
	#menuMain ul.menu1 li > a:hover:before, #menuMain ul.menu1 li > a.menuselected:not(.parent):before,
	#menuExtraMain ul.menu1 li > a:hover:before, #menuExtraMain ul.menu1 li > a.menuselected:not(.parent):before
	{
		
		content: "\e904";
		display:inline-block;
		font-size:13px;
		font-family: 'cms_icons' !important;
		speak: none;
		line-height: 1;
		color:#FFFFFF;
		z-index:0;
		margin-right:7px;
	
	  /* Better Font Rendering =========== */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}
	
	#menuMain ul.menu0, #menuExtraMain ul.menu0
	{
		padding:40px 0 0 0;
	}
	
	#menuMain a.menu0, #menuExtraMain a.menu0
	{
		font-weight:normal;
		font-size:20px;
		padding:10px 10px 0 10px;
		border-bottom:0;
	}
	
	#menuMain li.menu0:after, #menuExtraMain li.menu0:after
	{
		display:none;
	}

	.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:#0fa3a5;
		opacity:0.93;
		background-size:100% 100%;
		z-index:1001;

	}

	#mainPanel.open #leftPanel
	{
		height:100%;
		max-height:100%;
	}

	
	#mainPanel.open #menuIcone
	{		
		background:#FFFFFF;
		padding:15px 0 0 22px;
		position:relative;
		right:auto;		
		
	}
	
	#mainPanel.open #nav-icon.open span
	{
		background:#0fa3a5;
	}
	
	#mainPanel.open #menuIcone span
	{
		color:#0fa3a5;
		display:block;
	}
	
	#mainPanel #leftPanel .top
	{
		position:absolute;
		top:0;
		left:0;
		right:0;
		height:70px;
		background:#32353a;
		z-index:1002;
	}
	
	#leftPanel .menuHolder, #mainPanel.open #leftPanel .mainContainer
	{
		padding:180px 0 80px 10px;
		text-align:left;
	}
	
	#leftPanel a.copy
	{
		display:block;
	}
	
	/**************************************************/
	/*Style pour le menu simple horizontal et vertical*/
	/**************************************************/
	#menuMain ul, #menuExtraMain ul
	{
		display:block!important;
		padding:10px 0 0 0;
	}
	
	#menuMain ul.menu0, #menuExtraMain ul.menu0
	{
		text-align:left;
		font-size:0;
		padding:20px 0 0 0;
	}
	
	#menuMain li, #menuExtraMain li
	{
		display:block;
	}
	
	#menuMain li.menu0, #menuExtraMain li.menu0
	{
		display:inline-block;
		vertical-align:top;
		width:267px;
		margin-right:15px;
	}
	
	#menuMain a.menu0, #menuExtraMain a.menu0
	{
		padding:0 10px 0 0;
	}
	
}

#myaccountCtn
{
	display:block;
	z-index:1003;
}

#myaccountCtn h5
{
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	background:#31c5c6;
	text-transform:uppercase;
	width:100%;
	padding:10px;
	box-sizing:Border-box;
	text-align:center;
	word-break:break-all;
	cursor:pointer;	
	margin-bottom:5px;
}

#myaccountCtn .infos
{
	background:#dcdcdc;
	width:100%;
	font-size:16px;
	box-sizing:border-box;
	max-height:0;
	overflow:hidden;
	position:absolute;
	top:43px;
	left:0;
	z-index:1003;
	transition:max-width 0.3s, max-height 0.5s;
}
#myaccountCtn.open .infos,#myaccountCtn:hover .infos
{
	max-height:750px;
	border:1px solid #000000;
}

#myaccountCtn .infos > div
{
	padding:0 10px 0 10px;
}

#myaccountCtn .infos .myAccountPart
{
	margin-bottom:15px;
}

#myaccountCtn .infos .myAccountPart.first .title
{
	font-weight:normal;
}

#myaccountCtn .infos .title
{
	font-family:interfacebold;
	font-weight:normal;
	margin-bottom:10px;
	font-size:14px;
}

#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
{
	color:#656578;
	background-color:#DDDC22;
	font-family:Trebuchet MS;
	font-size:14px;
	width:100%;
	padding: 5px 10px 5px 0;
}

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

.txtPopupLoginConchita
{
	color:#4e4e4e;
	font-family:Trebuchet MS;
	font-size:14px;
}

.zonePopupLogin .popupTd
{
	padding:0;
}

.zonePopupLogin
{
	min-width:225px;
	background-color:white;
}
.zonePopupLogin img
{
	max-width:309px;
	width:100%;
}

.zonePopupLogin input
{
	width:100%;
}

.zonePopupLogin .after
{
	clear:none;
}

@media only screen and (min-width:641px)
{
	#myaccountCtn
	{
		top:10px;
		position:absolute;
		right:auto;
	}
	
	#myaccountCtn h5
	{
		background:#e53138;
		width:200px;
		margin-bottom:0;
	}
	
	#myaccountCtn .infos
	{
		width:300px;
	}
	
	.tdLogin
	{
		padding:5px 10px 5px 0;
	}
	
	.zonePopupLogin
	{
		width:309px;
	}
	
	.zonePopupLogin .after
	{
		clear:both;
	}
	
	.zonePopupLogin .after > div
	{
		float:Left;
		box-sizing:Border-box;
	}
	
	.zonePopupLogin .after > div:nth-child(1)
	{
		width:35%;		
	}
	
	.zonePopupLogin .after > div:nth-child(2)
	{
		width:65%;		
	}
	
	.txtPopupLoginConchita > div:nth-child(4):before
	{
		content:"";
		display:block;
		width:35%;
		float:left;
		height:1px;
	}
	
	.txtPopupLoginConchita > div:nth-child(4) > div:nth-child(1)
	{
		width:30%;
	}
	
	.txtPopupLoginConchita > div:nth-child(4) > div:nth-child(2)
	{
		width:30%;
	}
}

#newsListCtn .listElement
{
	padding-bottom:18px;
}

#newsListCtn .listElement .date
{
	position:absolute;
	bottom:5px;
	left:30px;
	color:#FFFFFF;
	font-size:11px;
}/*STYLE POUR LE CARTOUCHE*/

.inputNewsletterError
{
	background-color: #FFE3E8!important;
	
}

#inscriptionMailProLight
{
	padding-top:30px;
}
#inscriptionMailProLight > div
{
	display:inline-block;
	vertical-align:top;
}

#inscriptionMailProLight > div:nth-child(1)
{
	display:none;
}

#inscriptionMailProLight > div:nth-child(2)
{
	background:#dcdcdc;
	padding:0 10px 15px 13px;
	width:197px;
	height:38px;
	box-sizing:border-box;
}

#inscriptionMailProLight > div:nth-child(2) input
{
	background:transparent;
	width:100%;
	height:38px;
	font-family:interface;
	font-weight:bold;
	font-size:18px;
	color:#3b3b3b;
	border:0;
}

#inscriptionMailProLight > div:nth-child(3)
{
	width:44px;
	height:39px;
	background:#3b3b3b;
	position:relative;
	margin-left:-5px;
}

#inscriptionMailProLight > div:nth-child(3) input
{
	background:transparent;
	width:100%;
	height:100%;
	z-index:1;
	position:relative;
	border:0;
}

#inscriptionMailProLight > div:nth-child(3):before
{	
	content: "\e924";
	position:absolute;
	top:12px;
	left:15px;
	display:block;
	font-size:16px;
	font-family: 'cms_icons' !important;
	  speak: none;
	transform:rotateZ(-90deg);
	  line-height: 1;
	color:#FFFFFF;
	z-index:0;

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

@media only screen and (min-width:641px)
{
	#inscriptionMailProLight
	{
		padding-top:0;
	}
}

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

	#inscriptionMailProLight > div:nth-child(1)
	{
		display:inline-block;
		color:#FFFFFF;
		font-size:18px;
		font-family:interface;
		font-weight:bold;
		padding:10px 16px 0 0;
	}
}


/*Styles spécifiques du plugin page en T1 */#printsendCtn
{
	display:block;
	text-align:right;
	position:absolute;
	top:20px;
	right:10px;
}


#printsendCtn > a
{
	display:inline-block;
	margin-right:6px;
	opacity:.5;
	transition:opacity .5s;
	color:#3b3b3b;
}
#printsendCtn > a:hover
{
	opacity:1;
	text-decoration:none;
	color:#31c5c6;
}

#printsendCtn > a:before
{
	font-size:17px;
}

#printsendCtn > a:nth-child(1), #printsendCtn > a:nth-child(2), #printsendCtn > a:nth-child(3)
{
	display:none;
}

@media only screen and (min-width:641px)
{
	#printsendCtn
	{
		position:relative;
		top:auto;
		right:auto;
		padding-bottom:20px;
	}
	
	#printsendCtn > a:nth-child(1), #printsendCtn > a:nth-child(2), #printsendCtn > a:nth-child(3)
	{
		display:inline-block;
	}	
}.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;
}





/*STYLE POUR LA ZONE DE RECHERCHE*/
#searchCtnAPI
{
}

#cse-search-box-api
{
	display:block;
	position:relative;
	padding-right:40px;
}

#leftPanel #cse-search-box-api
{
} 

#cse-search-box-api input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:42px;
	padding-top:2px;
	padding-left:9px;
	box-sizing:border-box;
	font-size:16px;
	color:#FFFFFF;
	background:transparent;
	border:0;
	border-left:solid 1px #FFFFFF;
	margin-left:10px;
	outline:0;
}
#cse-search-box-api input[type=text].placeholder
{
	color:#FFFFFF;
}

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

#cse-search-box-api .submit
{
	display:none;

}
#leftPanel #cse-search-box-api .submit
{
	top:20px;
	right:20px;
} 

#cse-search-box-api .submit:before
{
	position:relative;
	display:inline-block;
	top:50%;
	margin-top:-.5em;
	font-size:16px;
}

#cse-search-box-api input[type=submit]
{
	display:block;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	padding:0;
	margin:0;
	background:none;
	border:none;
}

/*STYPE POUR LES RESULTATS DE RECHERCHE*/
#searchapiResultsCtn
{
	position:relative;
	display:block;
}
#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:#31c5c6;
	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%;
	}
}/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5E0404;
	text-decoration:none;
}

/* Style pour le plan du site */
.sm0
{
    FONT-SIZE: 18px;
    COLOR: #31c5c6;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;

}

.sm1
{
    FONT-SIZE: 18px;
    COLOR: #31c5c6;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;

}

.sm2
{
    FONT-SIZE: 16px;
    COLOR: #31c5c6;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;

}

.sm3
{
    FONT-SIZE: 16px;
    COLOR: #31c5c6;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}#btnDown
{
	display:none;
}
/*Style pour le montage*/
#sliderCtn
{
	position:relative;
	width:100%;
	/*overflow:hidden; enlevé pour que les cartouches de webcam s'ouvre dessus*/
	--max-width:1700px;
	max-width:1920px;
	margin:0 auto 0 auto;
	max-height:500px;
}
#sliderCtn:before
{
	content:"";
	display:block;
	padding-top:91.5%;
}

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

#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;
}
/*Style pour les puces de navigation*/
#sliderCtn #bullets 
{
	display:none;
}

@media only screen and (min-width:641px)
{
	#sliderCtn
	{
		max-height:550px;
	}
	
	.home #sliderCtn
	{
		max-height:none;
	}

	#sliderCtn:before
	{
		padding-top:32.35%;
	}
	
	.home #sliderCtn:before
	{
		padding-top:53.64%;
	}
	/*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*/
	#sliderCtn .arrow
	{
		position:absolute;
		top:45%;
		display:block;
		width:30px;
		height:30px;
		font-size: 30px;
		color: rgba(255, 255, 255, 0.5);
		border:0;
		cursor:pointer;
		z-index:2;
		opacity:0;
		visibility:hidden;
		transition:all .5s;
	}
	#sliderCtn:hover .arrow
	{
		visibility:visible;
		opacity:1;
		text-decoration:none;
	}
	#sliderCtn .arrow:hover {
		color: rgba(255, 255, 255, 0.8);
	}
	#sliderCtn .sliderNext
	{
		right:10px;
		background-position:-30px 0;
	}
	#sliderCtn .sliderPrev {
		transform: rotateZ(180deg);
	}
	#sliderCtn .sliderBack
	{
		left:10px;
	}
}

@media only screen and (min-width:1400px)
{
	.home #btnDown
	{
		display:block;
		position:absolute;
		bottom:-1px;
		z-index:1;
		left:calc(50% - 32px);
	}
	
	.home #btnDown #down
	{
		background-image:url(/template/image/down.png);
		background-size:100%;
		width:64px;
		height:47px;
		cursor:pointer;
		display:block;
	}
	
	.home #btnDown #down span
	{
		background-image:url(/template/image/downArrow.png);
		background-size:100%;
		width:64px;
		height:47px;
		cursor:pointer;
		display:block;
		position:absolute;
		top:-2px;
	}
}


   /*************  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)
{
	.home #btnDown #down
	{
		background-image:url(/template/image/down@x2.png);
		
	}	
	
	.home #btnDown #down span
	{
		background-image:url(/template/image/downArrow@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)
{
	.home #btnDown #down
	{
		background-image:url(/template/image/down@x3.png);
		
	}
	
		.home #btnDown #down span
	{
		background-image:url(/template/image/downArrow@x3.png);
		
	}	
	
}

/*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;
}#PlayerWebcam
{
	max-width:100%;
	width:100%;
	height:240px;
}
   
@media only screen and (min-width:450px)
{
	#PlayerWebcam
	{
		width:450px;
		height:338px;
	}
}


@media only screen and (min-width:641px)
{
	#PlayerWebcam
	{
		width:640px;
		height:480px;
	}

}   
   .colGauche  #weblinksListCtn .listElement 
{
	height:auto;
	background:none;
	padding-bottom:0;
	float:none;
	width:100%;
}

.colGauche  #weblinksListCtn .listElement:hover h5, #weblinksListCtn .listElement:hover .resume
{
	color:#31c5c7;
}

.colGauche  #weblinksListCtn .listElement h5, #weblinksListCtn .listElement .resume
{
	color:#4a4d4e;
}

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

.colGauche #weblinksListCtn h5:before {
    content: "";
	display:block;
	position:absolute;
	top:10px;
	left:0;
    background:#31c5c7;
	width:10px;
	height:10px;

}

.colDroite  #weblinksListCtn .listElement 
{
	height:auto;
	padding-bottom:0;
	background:none;
}

.colDroite #weblinksListCtn .listElement .txt
{
	height:auto;
	min-height:auto;
}
#youarehereCtn
{
	display:none;
}

@media only screen and (min-width:641px)
{
	#youarehereCtn
	{
		font-size:14px;
		display:block;
		color:#434341;
		text-transform:uppercase;
		font-weight:bold;
	}
	
	#youarehereCtn .header
	{
		position:relative;
		display:inline-block;
		vertical-align: middle;
		color:#31c5c6;
		text-transform:uppercase;
		font-family:interfacebold;
	}
	
	#youarehereCtn .header a
	{
		color:#31c5c6;
	}
	
	#youarehereCtn a, #youarehereCtn span
	{
		display:inline-block;
		vertical-align: middle;
		color:#434341;
		text-transform:uppercase;
		font-weight:bold;
		text-decoration:none;
	}
	#youarehereCtn .separator
	{
		display:inline-block;
		vertical-align: middle;
		color:#434341;
		margin: 0 5px 0 5px;
	
	}
}/* Search annuaire */
.clear:after
{
	content:"";
	display:block;
	clear:both;
}
#annuaireFormSearch
{
	padding: 25px 25px 0 25px;
	border: 1px solid #dcdcdc;
	margin-bottom:20px;
	background-color: #f3f3f3;
}

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

#annuaireFormSearch input[type=submit]
{
	display: block;
	margin-bottom: 25px;
	width: 48%;
	float:right;
	
}

/* Media Queries Montage */
@media only screen and (max-width:600px)
{
	#annuaireFormSearch select, #annuaireFormSearch input[type=text] 
	{
		width: 100%;
	}
	
	#annuaireFormSearch input[type=submit] 
	{
		width: 100%;
	}
}
/* List annuaire */
#annuaireListCtn .listElement
{
	border:1px solid #31c5c7;
	background:none;
	padding-bottom:45px;
}
#annuaireListCtn .listElement h5
{
	color:#31c5c7;
}
#annuaireListCtn .listElement .resume
{
	color:#4a4d4e;
}

#annuaireListCtn .listElement .more
{
	background:#31c5c7;
	color:#FFFFFF;
}
#annuaireListCtn .listElement:hover .more
{
	transform:rotateZ(-45deg);
	background:#4a4d4e;
	color:#FFFFFF;
}


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

#annuaireDataCtn
{
	position:relative;
	margin:20px 0 40px 0;
	overflow:hidden;
}
#annuaireDataCtn .dataElement
{
	display:block;
	position:relative;
	margin:0 0 20px 0;
	line-height:1.5em;
}
#annuaireDataCtn .dataElement .label
{
	position:relative;
	box-sizing:border-box;
	font-family:interfacebold;
}
#annuaireDataCtn .dataElement .data
{
	position:relative;
	box-sizing:border-box;
}

/*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%;
	}	
	#annuaireDataCtn .dataElement .label
	{
		float:left;
		width:30%;
		padding-right:20px;
	}
	#annuaireDataCtn .dataElement .data
	{
		float:left;
		width:70%;
	}
}

@media (min-width:641px) 
{
	#annuaireElementList .listElement
	{
		width:48%;
		margin-right:4%;		
	}
	
	#annuaireElementList :nth-child(2n).listElement
	{
		margin-right:0;		
	}
	
	#annuaireElementList .listElement.lastcol
	{
		margin-right:0!important;		
	}
}

/*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;
}/*Edition*/
#zoneMultiple
{
	margin:15px 0 0 0;	
}

#zoneMultiple span
{
	width:20%;
	display:inline-block;
}
/*Fenêtre de réservation*/
#htmlcontentReserved .ctn
{
	padding:0 10px 0 10px;
	box-sizing:border-box;
	font-size:16px;
}

#htmlcontentReserved .ctn .salle
{
	font-weight:bold;
	padding:10px 0 20px 0;
	text-transform:uppercase;
}

#htmlcontentReserved .ctn > div
{
	padding-bottom:5px;
	float:left;
}
#htmlcontentReserved .ctn div.bloc, #reservationEdit div.bloc
{
	float:none;
}
#htmlcontentReserved .ctn .bloc > div, #reservationEdit .bloc > div
{
	float:left;
}

#htmlcontentReserved .ctn .bloc:after, #reservationEdit .bloc:after
{
	content:"";
	display:block;
	clear:both;
}

#htmlcontentReserved .ctn .bloc div.head
{
	font-weight:normal;
	font-family:interfacebold;	
	clear:both;
	width:17%;
}
#reservationEdit .bloc div.head
  {
	clear:both;
	width:17%;
	margin-top:10px;
  }

#htmlcontentReserved .ctn .bloc div.normal, #reservationEdit .bloc div.normal
{
	width:33%;
	padding-right:10px;
	box-sizing:border-box;
}
#reservationEdit .bloc div.normal
{
	width:50%;
}
#reservationEdit select
{
	border:1px solid grey;
}
#htmlcontentReserved .ctn .bloc div.head
{
	clear:none;
}

#htmlcontentReserved .ctn .bloc input.date, #reservationEdit .bloc input.date
{
	width:calc(100% - 25px - 10px);
}

#htmlcontentReserved .ctn .bloc input.npa, #reservationEdit .bloc input.npa
{
	width:28%;
	margin-right:2%
}

#htmlcontentReserved .ctn .bloc input.localite, #reservationEdit .bloc input.localite
{
	width:70%;
}

#htmlcontentReserved .ctn .btn
{
	margin-left:17%;
}
#htmlcontentReserved .ctn .btn > div
{
	display:inline-block;
	text-align:center;
	float:none;
}

#htmlcontentReserved .ctn .btn input
{
	width:100%;
	
}

/*Style du tableau qui contient le reste du calendrier*/
.Reservation
{
	border-collapse:collapse ;	
	width: 100%;
	font-size:15px;
	margin-bottom:30px;
}

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

}

.fieldSetInfo legend
{
    font-size: 16px;
    color:#565757;
}

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

.couleurReservation
{
	padding-bottom: 20px;
}
.couleurReservation select
{
	font-size: 16px;
	border:1px solid grey;
}

/*Boutons de changements de semaine*/
.btnBack
{
	background-color:transparent;
	border:0px;
	background-image:url('/plugin/reservation/template/image/back.gif')!important;
	background-size:100%!important;
	background-repeat:no-repeat!important;
	width:10px;
	height:10px!important;
	cursor:pointer;
	background-color:transparent!important;
	padding:0!important;
	
}

.btnNext
{
	background-color:transparent!important;
	border:0px;
	background-image:url('/plugin/reservation/template/image/next.gif')!important;
	background-repeat:no-repeat!important;
	background-size:100%!important;
	width:10px;
	height:10px!important;
	cursor:pointer;
	background-color:transparent!important;
	padding:0!important;

}

.btnCalendrier
{
	cursor: pointer;
	background: url('/plugin/reservation/template/images/calendrierReservation.png');
	width:18px;
	height:18px;
	border:0px;
	background-repeat:no-repeat;
}

.contourCalendrier
{

}

.separatorLine
{
	margin-bottom:20px;
}

/*Styles de la grilles horaires*/

.coinHautGauche
{
	height:45px;	
}

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

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

}

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

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

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

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

.ReservedByMe
{

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

}

.Reserved.prereservation, .ReservedByMe.prereservation
{
	background:#ff871d;
}

	.Entete span {
		display: block;
		margin-top:0;
	}

.Entete span.dayName {
		display: block;
	}

@media only screen and (max-width:500px)
{
	.Reservation {
		font-size: 14px;
	}
		
	.Entete span.dayName {
		display: none;
	}
		
	.Entete span {
		margin-top:10px;
	}
		
	#htmlcontentReserved .ctn > div
	{
		float:none;
	}
	
	#htmlcontentReserved .ctn .btn input
	{
		width:80%;
		
	}
	
	#htmlcontentReserved .ctn .bloc > div
	{
		float:none;
	}	
	
	#htmlcontentReserved .ctn .bloc div.head, #htmlcontentReserved .ctn .bloc div.normal
	{
		width:100%;
	}
	
	#htmlcontentReserved .ctn .btn
	{
		margin-left:0;
	}
	#htmlcontentReserved .ctn .btn > div
	{
		float:none;
		text-align:left;
		width:100%;
	}	
	
	#htmlcontentReserved .ctn .btn > div input
	{
		width:80%;
		margin-right:0;
	}
}


/*Style pour le tooltip qui s'affiche en passant sur les réservations*/
#dhtmltooltip
{
	position: absolute;
	border: 1px solid black;
	padding: 2px;
	background-color: #eeeeee;
	z-index:1000;
	visibility: hidden;
}#salleListCtn .listElement .icone
{
	position:absolute;
	display:block;
	top:15px;
	right:15px;
	color:#FFFFFF;
	font-size:25px;
	z-index:1;
}

#salleListCtn .listElement .icone a
{
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:0;
	left:0;
}

#salleListCtn .listElement .txt
{
	padding:30px 50px 20px 30px;
}

#displayModulable
{
	border:1px solid #DEDEDE;
	padding:10px 20px 10px 20px;
	margin-top:10px;
	width:94%;
}

#displayModulable select
{
	width:150px;
}

#zoneSalles
{
	margin-top:10px;

}

.cms_icons-plus_1
{
	color:green;
	margin-left:10px;
	cursor:pointer;
}

.cms_icons-croix_3
{
	margin-left:10px;
	color:red;
	font-size:12px;
	cursor:pointer;
}

.helpMsgReservation
{
	margin-top:10px;
	color:green;
	font-style:italic;
	font-size:15px;
}

.helpMsgReservation span
{
	display:block;
}

/*Affichage en mode FAQ*/
#salleListCtn.displaySalleInFAQ .listElement
{
	width: auto;
	float: none;
	border: 0px;
	margin: 0px 0px 10px 0px;
	height: auto;
	padding-bottom: 0;
}

#salleListCtn.displaySalleInFAQ .listElement .txt
{
	padding:10px 22px 10px 33px;
	height:auto;
	min-height:auto;
}
#dateinterditeEditTbl a.delete
{
	display:block;
	font-size:24px;
	color:#e53138;
}
#dateinterditeEditTbl a.delete:hover
{
	color:black;
}

#dateinterditeEditTbl th, #dateinterditeList th
{
	background:#31c5c6;
	color:#FFFFFF;
	font-weight:normal;
}/*Style pour le cartouche*/
#meteoCartouche .ctn .icon
{
	display:block;
	width:54px;
	height:45px;
	margin:0 auto 0 auto;
	background-size:100%;
	background-repeat:no-repeat;
}
#meteoCartouche .ctn > div
{
	display:block;
	vertical-align:top;
	float:left;
	width:77px;
	height:79px;
	padding-top:2px;
	box-sizing:border-box;
	margin-right:5px;
}

#meteoCartouche .ctn > div:nth-child(3)
 {
	margin-right:0;
 }

#meteoCartouche .ctn > div > div:nth-child(3)
{
	padding:0;
}
#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");
}
#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");
}
#meteoCartouche .ctn .icon.hpw_img_code_3
{
	background-image: url("/plugin/meteo/template/images/cartouches/3.png");
}

#meteoCartouche .ctn .icon.hpw_img_code_4,#meteoCartouche .ctn .icon.hpw_img_code_104
{
	background-image: url("/plugin/meteo/template/images/cartouches/4.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.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.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
{
	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_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");
   }
   
@media only screen and (min-width:641px)
{
	#meteoCartouche .ctn > div
	{
		margin-right:25px;
	}
}   
   
   /*************  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
	{
		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
	{
		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");
	}
}.tableListAdmin .nom, .tableListAdmin .prenom
{
	width:150px;
}
.tableListAdmin .admin
{
	width:10px;
}
.tableListAdmin .collabo
{
	width:150px;
}

#tplHabitant .tableListAdmin .admin
{
	width:150px;
}


.popupreservation
{
	max-width:533px;
	width:100%;
	box-sizing:border-box;
	background: url(/plugin/cartejournaliere/template/image/fondPopup.jpg) repeat;
	border:5px solid #FFFFFF; 
	/*padding:35px 65px 30px 62px; Version popup*/
	padding:15px 10px 10px 22px; 
	font-family:'interface'!important;
}

.popupreservation input, .popupreservation table
{
	font-family: interface!important;
}

.enteteUser
{
	font-family:interfacebold;
}

.popupreservation h1
{
	padding:0px;
	margin:0px;
	margin-bottom:34px;
	padding-bottom:28px;
	border-bottom:1px solid #cfcfcf;
	width:563px;
	font-size:xx-large;
}

.popupMessage 
{
	width:600px;
	background-color: #DEDEDE; 
	padding:20px;
}

.divMessage #zonebtnClose
{
	display:none;
}

.popupMessage.divMessage #zonebtnClose
{
	display:block!important;
}

.popupMessage .divMessage h1
{
	margin-top:0px!important;
}

.popupreservation #zoneMessage
{
	background:red;
	color:white;
	padding:5px;
	margin-bottom:10px;
}

#zoneCalendrier
{
	padding-bottom:20px;
}

#zoneCarteDispo
{
	border-bottom:1px solid #cfcfcf;
	border-top:1px solid #cfcfcf;
	padding:27px 0px 27px 0px;
}

.admin #zoneCarteDispo
{
	border:0px;
}

#zoneCarteDispo .couleurDate
{
	font-size:20px;
	color:#848484;
	padding-bottom:20px;
}

.couleurDateForAdmin
{
	font-size:20px;
	color:#31c5c6;
	font-weight:normal;
    font-family:interface;
}

#zoneCarteDispo #valueNbreCarte
{
	color:#444444;
	font-size:60px;
	padding-right:23px;
	width:30px;
	display:block;
}

#zoneCarteDispo .txtCarte
{
	color:#444444;
	font-size:25px;
}

.enteteCarteJournaliere td
{
	font-size:16px;
	color:#636363;
	padding-bottom:5px;
	vertical-align:middle;
	
}

.enteteCarteJournaliere td.first
{
	width:182px!important;
}

.popupreservation input[type=text]
{
	width:230px;
	height:31px;
	background:url(/plugin/cartejournaliere/template/image/fondInput.png) no-repeat;
	border:0px;
	font-size:16px;
	color:#8c8c8c;
	padding-left:15px;
}

.popupreservation .mandatoryFailed, .popupreservation .mandatoryCustomFailed
{
	border:1px solid red!important;
}

.popupreservation input[type=submit]
{
	background:url(/plugin/cartejournaliere/template/image/fondButton.jpg) no-repeat;
	width:142px;
	height:41px;
	border:0px;
	color:#666666;
	font-size:14px;
	padding:0px 0px 0px 25px;
	margin:0px;
	text-align:left;
	cursor:pointer;
}

#adminCarteJournaliere td.btnSubmit
{
	text-align:left;
	
}

#adminCarteJournaliere .btnSubmit
{
	background:url(/plugin/cartejournaliere/template/image/fondButtonLong.jpg) no-repeat 20px 0px;
	width:242px;
	height:41px;
	border:0px;
	margin:0px;
}

#adminCarteJournaliere .btnSubmit a
{
	color:#666666;
	font-size:14px;
	text-decoration:none;
	display:block;
	width:217px;
	height:31px;
	margin-left:20px;
	padding:10px 0px 0px 25px;
}

#divAdminCarteJournaliere .btnSubmit
{
	width:262px;
	padding:20px 50px 0px 0px!important;
	background:url(/plugin/cartejournaliere/template/image/fondButtonLong.jpg) no-repeat 10px 20px;
	
}

#divAdminCarteJournaliere .btnSubmit a
{
	color:#666666;
	font-size:14px;
	text-decoration:none;
	display:block;
	width:232px;
	height:31px;
	margin-left:20px;
	padding:10px 0px 0px 10px;
}

.divFondNavig
{
	background:url(/plugin/cartejournaliere/template/image/fondCombo.png) no-repeat;
	width:245px;
	height:31px;
	overflow:hidden;
	
}

.divFondNavig select
{
	background:transparent;
	border:0px;
	color:#666666;
	font-size:14px;
	min-width:265px;
	padding:5px 0px 0px 16px;

}

/*Version DIV pour le responsive*/
#zoneCarteDispo .ctnDate > div div:nth-child(1)
{
	float:left;
	width:53px;
	display:block;
}

#zoneCarteDispo .ctnDate > div div:nth-child(2)
{
	float:left;
	width:calc(100% - 53px);
	display:block;
}

#zoneCarteDispo .ctnDate .couleurDate
{
	padding-bottom:15px;
}

#zoneCarteDispo #valueNbreCarte
{
	line-height:50px;
}

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

/**************************************************/
/*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!important;
}

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

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

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

.myArrowAdmin
{
	cursor:pointer;

}

.styleDivArrowAdmin
{
	float:left;
	padding-right:5px;
	padding-top:0px;
}/*
Style pour le calendrier
*/
/*                                */
/* Calendar style sheet           */
/* Feuille de style du calendrier */
/*                                */


#zoneCalendrierCarteJournaliere .fondCalendrier
{

	background:url('/plugin/cartejournalierecalendrier/template/image/topCalendrier.jpg') no-repeat top left;
	width:218px;
	margin-bottom:10px;
}

#zoneCalendrierCarteJournaliere table
{
	font-family:Arial!important;
	line-height:normal!important;
	
}

/* Style de la table principale contenant le calendrier */
/* Style de la table principale contenant le calendrier */
#zoneCalendrierCarteJournaliere table.calendar_main {
	font-family: Arial;
	width:218px;

}

/* Style for the calendar header (<< month year >>) */
/* Style du titre du calendrier (<< mois annee >>)  */
#zoneCalendrierCarteJournaliere .calendar_title {
	color: #131121;
	text-align: center;
	
}

/* Style of the cell "month year" of the header */
/* Style de la cellule "mois annee" du titre    */
#zoneCalendrierCarteJournaliere .calendar_title_month {

	text-align:center;
	width:172px;
	padding-top:4px;	
}

/* Style of the link "month year" of the header */
/* Style du lien "mois annee" du titre          */
#zoneCalendrierCarteJournaliere .calendar_title_month_clickable {
	color: #525d66;
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8) ; 

}

/* Style of the cell that contains the link "<<" in the header */
/* Style de la cellule contenant le lien "<<" du titre         */
#zoneCalendrierCarteJournaliere .calendar_title_left_arrow {
	padding-left:8px;
	width:15px;
	padding-top:4px;
	cursor:pointer;
}

/* Style of the cell that contains the link ">>" in the header */
/* Style de la cellule contenant le lien ">>" du titre         */
#zoneCalendrierCarteJournaliere .calendar_title_right_arrow {
	padding-right:8px;
	width:15px;
	padding-top:4px;
	cursor:pointer;
}

/* Style of the link "<<" of the header */
/* Style du lien "<<" du titre          */
#zoneCalendrierCarteJournaliere .calendar_title_left_arrow_clickable {
	color: #131121;
	text-decoration: none;
}

/* Style of the link ">>" of the header */
/* Style du lien ">>" du titre          */
#zoneCalendrierCarteJournaliere .calendar_title_right_arrow_clickable {
	color: #131121;
	text-decoration: none;
}

/* Global style of the main calendar table */
/* Style global de la table du calendrier  */
#zoneCalendrierCarteJournaliere .calendar_table {
	border: none;
	border-collapse: collapse;
	color:#4b5459;
	
}

/* Generic style of the calendar table cells              */
/* Style generique des cellules de la table du calendrier */
#zoneCalendrierCarteJournaliere .calendar_table td  {
	text-align: center;
	font-size:12px;
	font-weight:bold;
	height:31px;
	width:31px;
	background:url('/plugin/cartejournalierecalendrier/template/image/fondCalendrier.jpg') repeat;
	margin:0px;
	padding:0px;
}

/* Style of the table header cells that contains the days                   */
/* Style des cellules d'en-tete la table du calendrier, contenant les jours */
#zoneCalendrierCarteJournaliere .calendar_table th {

	color:#9da7af;
	text-align: center;
	font-size:12px;
	font-weight:normal;
	height:29px;
	border:0px;
	margin:0px;
	padding:0px;
	background:none;
	font-family:Arial;
}

#zoneCalendrierCarteJournaliere .calendar_table span
{
	width:31px;
	height:23px;
	display:block;
	padding-top:8px;
	cursor:pointer;
}

/* 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)                                                                */
#zoneCalendrierCarteJournaliere .calendar_weekend {
	
}

/* 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                                                        */
#zoneCalendrierCarteJournaliere .calendar_other_month {
	color: #9da7af;
}

/* 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                                                           */
#zoneCalendrierCarteJournaliere .calendar_other_month_clickable {
	color: #9da7af;
}

/* Style for today's day (non-clickable)                  */
/* Style du jour (non cliquable) representant aujourd'hui */
#zoneCalendrierCarteJournaliere .calendar_today {
	color: #fdfdfc;
	font-weight:bold;
	text-decoration: none;
	background-color:#67b3d4;
}

/* Style of today's link                              */
/* Style du lien sur le jour representant aujourd'hui */
#zoneCalendrierCarteJournaliere .calendar_today_clickable {
	color: #ffffff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.26) !important;
	font-weight:bold;
	text-decoration: none;
	background:url(/plugin/cartejournalierecalendrier/template/image/fondToday.jpg) no-repeat!important;
}

#zoneCalendrierCarteJournaliere .calendar_today_fullReserved
{
	color: #ffffff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.26) !important;
	font-weight:bold;
	text-decoration:Line-Through;
	background:url(/plugin/cartejournalierecalendrier/template/image/fondToday.jpg) no-repeat!important;
} 

#zoneCalendrierCarteJournaliere .calendar_today_clickable a
{
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.26) !important;
}


/* 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 */
#zoneCalendrierCarteJournaliere .calendar_day_clickable  {
	
	text-decoration:none;
	font-weight:bold;
	color:#525d66;
	cursor:pointer;
	
}

#zoneCalendrierCarteJournaliere .calendar_day_fullReserved  {
	
	text-decoration:none;
	font-weight:bold;
	color:#525d66;
	cursor:pointer;
	text-decoration:Line-Through;
	
}

#zoneCalendrierCarteJournaliere .calendar_day_clickable span
{
	color:#4b5459;
	text-decoration:none;
	
	
}

#zoneCalendrierCarteJournaliere .calendar_day {

	color:#4b5459;
	text-decoration:none;
	font-weight:bold;
	
}

@media only screen and (min-width:641px)
{
	#zoneCalendrierCarteJournaliere > div
	{
		float:Left;
		width:50%;
		padding-right:70px;
		box-sizing:border-box;
	}
	
	#zoneCalendrierCarteJournaliere > div:nth-child(2)
	{
		padding-right:0;
	}
}