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

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

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

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

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

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



/*************** STYLE DE BASE  *******************/
html{
	height:100%;
	max-width: 100%;
}
body
{
	margin:0px;
	padding:0px;
	font-family: Arial;
    font-size: 12px;
    color:black;
	background:#ffffff;
	position:relative;

	max-width: 100%;
    overflow-x: hidden;
}

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

/* CONTAINERS PRINCIPAUX */
.mainHolder
{
	overflow-x: hidden;
}

.mainContainer, .headerContainer
{
	position:relative;
	max-width:1300px;
	margin: 0 auto 0 auto;
	background:transparent;
}


/* ENTETE DES PAGES*/
.headCtn
{
	overflow:visible; /*fait office de divwrapper*/
	margin:50px 0 30px 0;
}
.headCtn h1
{
	margin:10px 0 30px 0;
	font-size: 50px;
	font-family: roboto_condensed_bold;
	text-transform: uppercase;
	color: #3C3C3B;
	margin-bottom: 70px;
}
.home .headCtn h1{
	margin: 10px 0 10px 0;
}
.home .headCtn{
	margin: 50px 0 10px 0;
}
.headCtn h2 /*resume of the page*/
{
	font-weight: normal;
	margin:0;
	font-size: 20px;
	font-family: roboto_bold;
	color: #3C3C3B;
	text-transform: none;
  	overflow:hidden;
}

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

.headCtn h2:empty
{
	display:none;
}

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

.listElement
{
	position:relative;
	display:block;
	margin:0 0 20px 0;
	text-decoration:none;
	overflow:hidden;
	border-bottom: 1px solid #707070;
}

.listElement .img
{
	position:relative;
	display:block;

	background:url(/template/image/defaultList_FR.jpg) no-repeat center center;
	background-size:cover;
	transition:opacity 0.5s;
}
.DE .listElement .img
{
	background-image:url(/template/image/defaultList_DE.jpg);
}
.listElement .img:before
{
	content:"";
	display:block;
	padding-top:71%;
}
.listElement:hover .img
{
	opacity:0.75;
}

.listElement .txt
{
	display:block;
	position:relative;
	padding:14px 14px 14px 14px;
	overflow:hidden;
}

.listElement h5
{
	margin:0px 0px 10px 0px;
	font-weight:normal;
	font-family: roboto_bold;
	font-size: 25px;
	color:#3C3C3B;

}
.listElement .resume
{
	display:block;
	font-family: roboto_bold;
	font-size: 17px;
	color:#3C3C3B;
	padding-bottom: 30px;
}

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

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

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

H1, H2, H3 /*H3 in html content // H1,H2 in case someone try to use this level in html content */
{
    margin: 85px 0 30px 0;
	font-family: roboto_condensed_bold;
	font-weight: normal;
	font-size: 30px;
	color: #3C3C3B;
	text-transform: uppercase;
	page-break-inside:avoid;
}
H1:first-child, H2:first-child, H3:first-child
{
	margin-top: 0;
}

H4, H5, H6 /*H4 in html content // H5,H6 in case someone try to use this level in html content */
{
    margin:30px 0 20px 0;
	font-family: roboto_bold;
	font-weight: normal;
	font-size: 17px;
	color: #5D99AE;
	text-transform: uppercase;
	page-break-inside:avoid;
}

@media only screen and (max-width:640px){
	H1, H2, H3{
		margin: 20px 0 20px 0;
	}
	H4, H5, H6{
		margin:20px 0 10px 0;
	}
}


A
{
	color:#5D99AE;
    text-decoration:none;
}

P
{
    margin-top: 25px;
    margin-bottom: 7px;
	font-family: roboto_light;
	font-size: 17px;
}

UL, OL
{
	padding: 0px 0px 8px 15px;
	margin:0px 0px 0px 6px;
}

.htmlcontent li{
	font-family: roboto_light;
	font-size: 17px;
}

.bgEditor li{
	font-family: roboto_light;
	font-size: 17px;
}
ul > li
{
	margin-bottom:10px;
}

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:641px)
{
	.headCtn .img
	{
		width:71vw;
		min-width: 100%;

		margin-top: 90px;
	}

	.listElement
	{
		float:left;
		width:100%;
		margin-right:2%;
		margin-bottom: 90px;
	}
	.listElement:nth-child(1n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}

	.listElement .img
	{
		float:left;
		width:420px;
	}
}
@media only screen and (max-width:640px)
{
	.listElement .img
	{
		float:none;
		width:100%;
	}
}


/* TABLES */
.htmlcontent table, .bgEditor table
{
	table-layout:fixed;
	border-color: #5D99AE;
}
.htmlcontent table th, .bgEditor table th
{
	border-color: white;
}

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

table th
{
	text-align:left;
	background-color: #5D99AE;
	color: #FFF;

}
table th p{
	font-family: roboto_bold;
	font-weight: normal;
}

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

.helpMsg
{
	color:green;
}

/*-- END MANDATORY FIELD --*/

/*-- FIELDSET --*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zoneMenu
{
	margin:0px ;
	padding: 0px ;
	position:absolute;
	top:-35px;
	left:-1px;
	width:100%;
}

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

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

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

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

.stdContextMenu
{
	margin:0px ;
	padding: 0px ;
	border:0px;
	height:19px;
}

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


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

}

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

.hilightTextContextMenu
{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
	color: #AB0404;
	font-size: 11px;
}
/*************** FIN ADMIN ZONE ********************/
/*************** CROP IMG ZONE ********************/
.admimgcropholder
{
	margin:10px 0 10px 0;
	position:relative;
	min-width:404px;/* 400 + 4 de bordure */
}
.imgcropctn
{
	position:relative;
	display:block;
	width:400px;
	margin:0 auto 0 auto;
	border:2px solid #000000;
	overflow:hidden;
}
.imgcropctn.landscape
{
	cursor:ew-resize;
}
.imgcropctn.portrait
{
	cursor:ns-resize;
}
.imgcropctn:before
{
	content:"";
	display:block;
	padding-top:100%;
}
.imgcropctn > img
{
	position:absolute;
	display:block;
	opacity:0;
}
.imgcropctn.landscape > img
{
	width:auto;
	height:100%;
}
.imgcropctn.portrait > img
{
	width:100%;
	height:auto;
}

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

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

/*************** FIN CROP IMG ZONE ********************/














a.btnRed{
	display: inline-block;
	padding: 5px 15px 5px 15px;
	background-color: #F08179;
	border-radius: 50px;
	color: white;
	font-family: roboto_bold;
	font-weight: normal;
	font-size: 20px;
	transition: all 0.2s;
	cursor: pointer;
	text-transform: uppercase;
}
.home a.btnRed{
	text-transform: none;
	text-align: center;
}
@media only screen and (max-width:641px){
	.home a.btnRed{
		min-width: 190px;
	}
	a.btnRed#backbutton{
		width: calc(100% - 30px);
		text-align:center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
a.btnRed:hover{
	transform: scale(1.1);
}


#mainPanel{
	min-height: 100%;
}

.overHeaderHolder{
	height: 36px;
	background-color: #5D99AE;
}
.overHeaderContainer{
	max-width: 1300px;
	margin: 0 auto;
}
.overHeaderContainer #menuSuperieurMain{
	float:right;
}

.headerHolder{
	height: 124px;
}

.home .sliderHolder{
	height: auto;
	background-color: #DDE;
}
.homeContainer h1 , .homeContainer h3{
	font-family: roboto_condensed_bold;
	font-size: 40px;
}

.homeContainer{
	margin: 10px;
}
.homeContainer .labelContainer{
	padding-bottom: 100px;
	border-bottom: 1px solid #a2a2a1;
}
.homeContainer .labelContainer .labelLeftCol{
	float: none;
	margin-right: 550px;

}
.homeContainer .labelContainer .labelRightCol{
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}
.homeContainer .labelContainer .labelRightCol img{
	margin-top: -40px;
	width: 425px;
	height: 425px;
}

.homeContainer .moosaicContainer
{
	position: relative;
	width: 100%;
	margin-top: 75px;
	padding-bottom: 60px;
	border-bottom: 1px solid #a2a2a1;
}
.DE .homeContainer .moosaicContainer
{
	display:none;
}
.homeContainer .moosaicContainer .moosaicInner
{
	position:relative;
	display:block;
	width:100%;
	min-height:calc(100vh - 50px);
}

.homeContainer .moosaicContainer .moosaicInner iframe
{
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	border:0;
}
@media only screen and (min-width:641px)
{
	.homeContainer .moosaicContainer
	{
		padding-bottom: 100px;
	}
	.homeContainer .moosaicContainer .moosaicInner
	{
		position:relative;
		display:block;
		width:100%;
		min-height:calc(100vh - 100px);
	}
}



.homeContainer .beneficesContainer{
	position: relative;
	width: 100%;
	height: 510px;

	margin-top: 75px;
}

.homeContainer .beneficesContainer::after{
  	content: "";
  	clear: both;
  	display: table;
}

.homeContainer .beneficesContainer .beneficesInner{
	margin-top: 45px;
}
.homeContainer .beneficesContainer .beneficesInner:after{
	content:"";
	display:block;
	clear:both;
}

.homeContainer .beneficesContainer .beneficesItem{
	float: left;
	width: 20%;
	position:relative;
	display: inline-block;

}
.homeContainer .beneficesContainer .beneficesItem img{
	max-width: 140px;
	max-height: 140px;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	transition: all 0.1s;
}


.homeContainer .beneficesContainer .beneficesItem p{
	text-align: center;
	max-width: 200px;
	margin: auto;
	margin-top: 25px;
	font-family: roboto;
	color: #3C3C3B;
}

.homeContainer .beneficesContainer .beneficesButtons{
	text-align: center;
}

.homeContainer .beneficesContainer .beneficesButtons a{
	display: inline-block;
	margin: 0 10px 0 10px;
}

.homeContainer .communesContainer{
	margin-top:95px;
	padding-bottom:95px;
	border-bottom: 1px solid #a2a2a1;
}
.homeContainer .communesContainer h3{
	margin-bottom:70px;
}

@media only screen and (min-width:550px){
	.homeContainer .beneficesContainer .beneficesButtons a{
		display: inline-block;
		margin: 40px 10px 0 10px;
	}
}

@media only screen and (max-width:641px){
	.homeContainer .communesContainer h3{
		margin-bottom:20px;
	}
	.homeContainer .communesContainer{
		margin-top:35px;
		padding-bottom:40px;
		border-bottom: 1px solid #a2a2a1;
	}
}

@media only screen and (max-width:740px) and (min-width:401px){
	.homeContainer .beneficesContainer .beneficesItem{
		width: 50%;
	}
	.homeContainer .beneficesContainer .beneficesItem:last-child{
		width: 100%;
	}
	.homeContainer .beneficesContainer{
		height: 930px;
	}
	.homeContainer .beneficesContainer .beneficesItem p{
		margin-bottom: 20px;
	}
	.homeContainer .beneficesContainer .beneficesButtons a{
		margin-bottom: 10px;
	}
}

@media only screen and (max-width:400px){
	.homeContainer .beneficesContainer .beneficesItem{
		width: 100%;
	}
	.homeContainer .beneficesContainer{
		height: 1360px;
	}
	.homeContainer .beneficesContainer .beneficesItem p{
		margin-bottom: 20px;
	}
	.homeContainer .beneficesContainer .beneficesButtons a{
		margin-bottom: 10px;
	}
}

.sliderHolder{
	height: 0px;
	background-color: #DDE;
}

.mainHolder{
	padding-top: 80px;
	padding-bottom: 200px;
}
.home .mainHolder{
	padding-top: 65px;
	padding-bottom: 200px;
}
.intColumnLeft{
	width: 280px;
	float:left;
}
.intColumnRight{
	padding: 10px 10px 10px 50px;
	margin-left: 280px;
}
.footerHolder{
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	right: 0;
	height:56px;
	background-color: #5D99AE;
}
.footerContainer{
	max-width: 1300px;
	margin: 0 auto;
	/*overflow: hidden;*/
}
.footerContainer #menuInferieurMain{
	float: left;
	margin-top: 10px;
}
.footerContainer #powered{
	float: right;
	padding:10px;
	margin-right: 110px;
	margin-top: 10px;
}

.footerContainer #powered a {
	background-image:url(/template/image/boomerang-marketing-white.svg);
	background-repeat: no-repeat;
	background-size:100% auto;
	display:block;
	width:125px;
	height:10px;
}

#feuille{
	position: absolute;
	background-image: url(/template/image/feuille.svg);
	background-repeat: no-repeat;
	width: 900px;
	height: 900px;
	bottom: 20px;
	right: 0;
	z-index: -10;
}

.sliderContainer{
	position: relative;
}

#feuilleslider{
	position: absolute;
	background-image: url(/template/image/feuille.svg);
	background-repeat: no-repeat;
	width: 912px;
	height: 925px;
	bottom: -59px;
	right: -247px;
	z-index: 1;
	pointer-events: none;

  display: none;
}
@media only screen and (max-width:640px){
	#feuilleslider{
		width: 375px;
		height: 570px;
		bottom: 0;
		right: 0;
		background-size:contain;
		margin-bottom: -209px;
		margin-left: -20px;
	}
}


#feuilleleftpanel{
	position: absolute;
	background-image: url(/template/image/feuille_menu.svg);
	background-repeat: no-repeat;
	width: 100%;
	height: 100vw;
	bottom: 0;
	right: 0;
	z-index: 1;
	pointer-events: none;
	float: left;
	background-size: cover;
}

.footerContainer #gotoTop{

}

.responsivemenuicon{
	position: absolute;
	top: 30px;
	right: 22px;
	z-index:1;
}

#brand{
	position: absolute;
	z-index: 100;
	width: 180px;
	height: 181px;
	top: -20px;
	background-image: url(/template/image/logo_FR.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.DE #brand{
	background-image: url(/template/image/logo_DE.svg);
}

.gotoDownContainer{
	margin: 0 auto;
	position: relative;
	max-width: 1300px;
	z-index: 100;
	display: none;
}

.home .gotoDownContainer{
	display: block;
}

.gotoDown{
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	background-color: white;
	right: 0;
	bottom: 20px;
}

.gotoDown > div{
	position: absolute;
	top: 27px;
	left: 17px;
	content: "";
	width: 45px;
	height: 28px;
	background-image: url(/template/image/chevron_grey.svg);
	background-repeat: no-repeat;
	background-size: contain;
	transition: all 0.2s;
}

.gotoDown:hover > div{
	transform: scale(1.2);
}

.gotoUpContainer{
	margin: 0 auto;
	position: relative;
	max-width: 1300px;
	z-index: 100;
}
.gotoUp{
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	background-color: #5D99AE;
	right: 0;
	top: -80px;
}

.gotoUp > div{
	display: block;
	position: absolute;
	top: 27px;
	left: 18px;
	content: "";
	width: 43px;
	height: 28px;
	background-image: url(/template/image/chevron_toup.svg);
	background-repeat: no-repeat;
	background-size: contain;
	transition: all 0.2s;
}

.gotoUp:hover > div{
	transform: scale(1.2);
}



.leftPanelmenuSuperieur{
	position: absolute;
	bottom: 0;
	padding: 10px;
}

.mapContainer{
	width:100%;
	background-color: #5D99AE;
	z-index: 2;
	padding: 20px 8000px 20px 8000px;
	margin: 0 -8000px 0 -8000px;
	background: #5D99AE url(/template/image/canton_background.svg) no-repeat 47% -190%;
}
.mapContainer h3{
	color: #FFF;
	font-size: 70px;
	line-height: 70px;
	margin-top:50px;
}
.mapContainer .mapLeftCol{
	position:absolute;
	width:60%;
	float:left;
	z-index: 3;
}
.mapContainer .mapRightCol{
	width:50%;
	float:right;
	z-index:4;
}
.mapContainer:after {
  content: ""; /* Important, sinon l'élément n'est pas généré. */
  display: table;
  clear: both;
}

@media only screen and (max-width:640px){
	.mapContainer{
		height: auto;
	    background: #5D99AE url(/template/image/canton_background.svg) no-repeat 50.5% 30%;
	}
	.mapContainer .mapLeftCol{
		position:relative;
		float:none;
		width:100%;
		height: auto;
	}
	.mapContainer h3{;
		line-height: normal;
		margin-top:20px !important;
		margin-bottom:40px;

	}
}

.btnGrey{
	background-color: #D8D6D6 !important;
	color: #3C3C3B !important;
	font-family: roboto_bold !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	width: calc(100% - 30px);
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
@media only screen and (min-width:640px){
	.mapResponsiveCol{
		display: none;
	}
}

.partenairesContainer{
	margin: auto;
	font-size: 0;
	margin-top: 75px;
}

.partenairesContainer > h3{
	margin-bottom: 70px;
}

.partenairesContainer .partenairesItem{
	display: inline-block;
	width: 33.33333%;
	height: 190px;
	border-right: 1px solid #a2a2a1;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.partenairesContainer .partenairesItem a{
    display: block;
    position: relative;
    height: 100%;
}
.partenairesContainer .partenairesItem:nth-child(1n+5){
	/*display: inline-block;
	width: 50%;
	height: 190px;*/
	border-top: 1px solid #a2a2a1;
}

.partenairesContainer .partenairesItem:nth-child(4){
	border-right: 0px solid #a2a2a1;
}
.partenairesContainer .partenairesItem:nth-child(7){
	border-right: 0px solid #a2a2a1;
}

.partenairesContainer .partenairesItem img{
	display: block;
	margin: auto;
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
	transition: all 0.2s;
	max-height: 100px;
  	max-width: 360px;
}
.partenairesContainer .partenairesItem img:hover{
	transform: translateY(-50%) scale(1.1);
}
.backbutton_container{
	margin-top: 100px;
}

@media only screen and (max-width:360px)
{
	.partenairesContainer .partenairesItem img{
		max-width:100%;
	}
}
@media only screen and (max-width:700px){
	.partenairesContainer .partenairesItem, .partenairesContainer .partenairesItem:nth-child(1n+5){
		width: 100%;
		border: 0;
		border-bottom: 1px solid #a2a2a1;
		height: 140px;
	}
	.partenairesContainer .partenairesItem:last-child
	{
		border-bottom: 0;
	}
	
	
}
@media only screen and (max-width:1170px){
.partenairesContainer .partenairesItem img
	{
		max-width:98%;
	}
}





@media only screen and (max-width:641px){
	.home .mainHolder{
		padding-top:0px;
		padding-bottom:100px;
	}
	.mainHolder{
		padding-top:0px;
		padding-bottom:40px;
	}
	.mesureSearchHolder{
		height: 845px;
	}
	.overHeaderHolder{
		display: none;
	}
	.headCtn h1{
		font-size: 25px;
		font-weight: normal;
		margin-bottom: 30px;
	}
	.headCtn h2{
		font-size: 14px;
		padding-bottom: 10px;
	}
	.homeContainer h1 , .homeContainer h3{
		font-family: roboto_condensed_bold;
		font-weight: normal;
		font-size: 25px;
		margin-top: 45px;
	}
	#feuille{
		z-index:-10;
	}
	#brand{
		width: 100px;
		height: 100px;
		background-size: cover;
		top: 15px;
		left:20px;
	}
	.mainHolder{
		padding-top: 0;
		padding-bottom: 100px;
	}
	.menuHolder{
		z-index: 1;
	}
	.headCtn{
		margin: 0;
	}
	.intColumnRight{
		padding: 10px;
	}
	p{
		font-size: 14px;
	}
	h1,h2,h3{
		font-size: 20px;
	}
	.footerHolder{
		height: 90px;
	}
	.homeContainer .labelContainer .labelRightCol img{
		margin-top: 20px !important;
		width: 225px !important;
		height: 225px !important;
	}
	#menuIcone{
		margin-top: -4px !important;
		padding-top: 0 !important;
	}
	.headerHolder{
		margin-bottom: 20px;
	}
	.home .headerHolder{
		margin-bottom: 0px;
	}
	.homeContainer{
		margin: 20px;
	}
	.homeContainer .labelContainer{
		padding-bottom: 60px;
	}
	.gotoUpContainer{
		display: none;
	}
	.gotoDown{
		width: 40px;
		height: 40px;
		right: auto;
		margin: 0 auto;
		left: 50%;
    	transform: translateX(-50%);
	}
	.gotoDown > div{
		top: 14px;
		left: 9px;
		width: 22px;
		height: 14px;
	}
	a.btnRed{
		font-size: 12px;
	}
	.homeContainer h3{
		margin-top: 5px;
	}
	.homeContainer .beneficesContainer{
		margin-top: 45px;
	}
	.partenairesContainer{
		margin-top: 45px;
	}
	.partenairesContainer > h3{
		margin-bottom: 40px;
	}
	.footerContainer #powered{
		margin-right: 0;
	}
	.listElement .resume{
		font-size: 14px;
	}
	/*.partenairesContainer .partenairesItem:nth-child(1n+5){
	border-top: 0px;
	}*/
}

@media only screen and (max-width:1280px){
	.intColumnLeft{
		display: none;
	}
	.intColumnRight{
		margin-left: 0;
	}
	.homeContainer .labelContainer .labelLeftCol{
		float: none;
		margin-right: 0px;
	}
	.homeContainer .labelContainer .labelRightCol{
		float: none;
		position: relative;
	}
	.homeContainer .labelContainer .labelRightCol img{
		margin-top: 0px;
		width: 325px;
		height: 325px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.headerHolder{
		height: 80px;
	}
}

@media only screen and (max-width:1280px) and (min-width:640px){
	.mainHolder{
		padding-top: 0px;
	}
	.headerHolder{
		height: 85px;
	}
	#brand{
		width: 100px;
		height: 100px;
		background-size: cover;
		top: -15px;
		left:20px;
	}
	.gotoUp{
		margin-right: 20px;
	}
	.gotoDown{
		margin-right: 20px;
	}
	.intColumnRight{
		padding-left: 10px;
	}
}
/*****************/
/** 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; }.communeDetailTopBoxLeftItem p{
	margin-top: 7px;
}

#communeListFiltering
{
	position:relative;
	display:block;
	margin:20px 0 40px 0;
	padding:20px 0 20px 0;
	border-bottom:1px solid #5D99AE;
}
#communeListFiltering:before /*icone loupe*/
{
	position:absolute;
	left:100%;
	top:50%;
	margin-left:-30px;
	transform:translateY(-50%);
	font-size:20px;
	color:#5D99AE;
}
#communeListFilter
{
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:5px 40px 5px 10px;
	background:transparent;
	font-family:roboto_light;
	font-size:17px;
	font-weight:normal;
	color:#3C3C3B;
	border:1px solid #3C3C3B;
	border-radius:10px;
	outline:none;
}
@media only screen and (min-width:641px)
{
	#communeListFiltering:before /*icone loupe*/
	{
		left:50%;
	}
	#communeListFilter
	{
		width:50%;
	}	
}

#communeListCtn .listElement .date
{
	display: none;
}
#communeListCtn .listElement .img{
	background-size: contain;
}
#communeListCtn .listElement .resume{
	font-family: roboto_light;
	font-weight: normal;
}

#communeHeadCtn .img{
	display: none !important;
}

.communeLogo{
	margin: 30px;
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}



.communeDetailContainer .communeDetailTopBox
{
	width: 100%;
	height:400px;
	margin-top: 70px;
}
.communeDetailContainer .communeDetailTopBox .communeDetailTopBoxItem
{
	border-radius: 14px;
}
.communeDetailContainer .communeDetailTopBox .communeDetailTopBoxLeft
{
	width: 32%;
	height:380px;
	background-color: #2C444C;
	float:left;
	padding-top: 20px;
	position: relative;
}
.communeDetailContainer .communeDetailTopBox .communeDetailTopBoxLeft .communeDetailTopBoxLeftItem{
	color: white;
	
	font-family: roboto_light;
	font-size: 17px;
	width: auto;
	margin: 0 auto;
	padding: 25px;
	
	overflow-wrap: break-word;
}
.communeDetailContainer .communeDetailTopBox .communeDetailTopBoxInner{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.communeDetailContainer .communeDetailTopBox .communeDetailTopBoxLeft hr{
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid white;
	
    margin: auto;
    padding: 0; 
	width:55%;
	text-align: center;
}

.communeDetailContainer .communeDetailTopBox .communeDetailTopBoxLeft .communeDetailTopBoxLeftItem span{
	font-family: roboto_bold;
	font-size: 30px;
	text-align: center;
	display: block;
}
.communeDetailContainer .communeDetailTopBox .communeDetailTopBoxLeft .communeDetailTopBoxLeftItem span#urlbilan{
	font-size: 25px;
	text-align: center;
	display: block;
}
.communeDetailContainer .communeDetailTopBox .communeDetailTopBoxLeft .communeDetailTopBoxLeftItem p{
	text-align: center;
	display: block;
}
.communeDetailContainer .communeDetailTopBox .communeDetailTopBoxLeft .communeDetailTopBoxLeftItem a{
	color: inherit;
	opacity: 1;
	transition: all 0.5s;
}
.communeDetailContainer .communeDetailTopBox .communeDetailTopBoxLeft .communeDetailTopBoxLeftItem a:hover span{
	opacity: 0.7;
}
.communeDetailContainer .communeDetailTopBox .communeDetailTopBoxRight
{
	width: calc(68% - 30px);
	height:400px;
	background-color: #D8D6D6;
	float:left;
	margin-left: 30px;
}

.communeLinks{
	margin-top: 70px;
}


.star{
	content: "";
	background-image: url(/template/image/star.svg);
	background-repeat: no-repeat;
	width: 40px;
	height: 39px;
	margin: 3px;
	float: left;
}
.starGroup{
	display: inline-block;
}

.starBox{
	position: absolute;
	width: 100%;
	top: -18px;
	text-align: center;
}

@media only screen and (max-width:900px)
{
	.communeDetailContainer .communeDetailTopBox{
		height: 800px;
	}
	.communeDetailContainer .communeDetailTopBox .communeDetailTopBoxLeft{
		width:100%
	}
	.communeDetailContainer .communeDetailTopBox .communeDetailTopBoxRight{
		width:100%;
		margin-left: 0;
		margin-top: 20px;
	}
	.linksMesureContents a{
		width:100% !important;
	}
	.linksMesureTitle h6{
		font-size: 22px !important;
	}
	.linksMesure{
		padding-top: 0px !important;
	}
	.linksMesureContents{
		margin-bottom: 30px !important;
	}
	
}

.communeInternalContainer:after{
  	content: "";
  	clear: both;
  	display: table;
}

.communeItem{
	width: calc(25% - 45px);
	background-color: #F0F0F0;
	float:left;
	height: 280px;
	margin: 0 30px 0 30px;
	box-sizing: margin-box;
	position: relative;
	border-radius: 14px;
}
a:nth-child(4) .communeItem{
	margin: 0 0 0 30px;
}
a:nth-child(1) .communeItem{
	margin: 0 30px 0 0;
}
.communeItem:hover{
	background-color: #d7d7d7;
}

.communeItem::after{
  	content: "";
  	clear: both;
  	display: table;
}
.communeItem .communeImg{
	padding: 10px;
	height: 190px;

}
.communeItem .communeImg img{
	position: relative;
	max-width:100%;
	max-height: 100%;
	top: 50%;
  	transform: translateY(-50%);
	display: block;
	margin:auto;
}
.communeItem .communeText{
	padding: 10px;
	background-color: #2C444C;
	border-radius: 0 0 14px 14px;
	position: absolute;
	bottom: 0;
	width: calc(100% - 20px);
	text-align: center;
}
.communeItem .communeText h5, .communeItem .communeText h6{
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	max-width: 100%;
}
.communeItem .communeText h5{
	font-family: roboto_bold;
	font-weight: normal;
	font-size: 20px;
	text-transform: none;
	padding: 0;
	margin: 0;
	color: #FFF;
}
.communeItem .communeText h6{
	font-family: roboto_light;
	font-weight: normal;
	font-size: 20px;
	text-transform: none;
	padding: 0;
	margin: 0;
	color: #FFF;
}
.communeInternalContainer{
	margin-bottom: 60px;
}



#carteSuisse
{
	display:none;	
}

@media only screen and (min-width:641px)
{
	#carteSuisse
	{
		display:block;
		max-width:940px;
		width:100%;
		max-height:613px;
		position:relative;
		background-image:url(/plugin/commune/template/images/carte/carte.png);
		background-size:100%;
		background-repeat:no-repeat;
		margin:0 auto 20px auto;
	}
	
	#carteSuisse:before
	{
		content:"";
		display:block;
		padding-top:100%;
	}
	
	#carteSuisse div.img
	{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		opacity:0;
		background-size:100%;
		background-repeat:no-repeat;
		transition: all 0.5s;
		z-index:0;
	}
	
	#carteSuisse img
	{
		z-index:3;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	
	#carteSuisse div.img.hover
	{
		opacity:1;
		z-index:2;
	}
}
@media only screen and (max-width:641px)
{
	.communeItem{
		width: calc(100% - 40px);
		background-color: #F0F0F0;
		float:left;
		height: 240px;
		margin: 10px 20px;
		box-sizing: margin-box;
		position: relative;
		border-radius: 14px;
		
	}
	.communeItem .communeText h5, .communeItem .communeText h6 {
		font-size: 15px;
	}
	.communeItem .communeImg{
		height: 160px;
	}
	.communeInternalContainer{
		margin-bottom: 10px;
	}
}
@media only screen and (max-width:1200px) and (min-width: 641px)
{
	.communeItem{
		width: calc(50% - 80px);
		background-color: #F0F0F0;
		float:left;
		height: 280px;
		margin: 10px 40px;
		box-sizing: margin-box;
		position: relative;
		border-radius: 14px;
		
	}
	.communeInternalContainer{
		margin-bottom: 10px;
	}
}#documentListCtn .listElement
{
	width:auto;
	float:none;
	margin:0 0 10px 0;
	overflow:visible;
}

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

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

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

#documentListCtn .listElement .admin
{
	position:absolute;
	display:block;
	top:5px;
	left:-12px;
}/* Style pour plugin langsite */
.langsite
{
   	color: #000000;
   	text-decoration: none;
   	font-family: roboto_condensed;
	color: white;
	font-size: 14px;
}

.langsiteActiv
{
   	color: #888888;
   	text-decoration: none;
   	font-family: roboto_condensed;
	color: white;
	font-size: 14px;
}

.langContainer{
	margin: 8px;
	float:right;
}

#leftPanel .langsite{
	margin: 10px 0 10px 0;
	font-size: 12px;
}

#leftPanel .langsiteActiv{

	margin: 10px 0 10px 0;
	font-size: 12px;
}

#leftPanel .langContainer{
	margin: 35px 0px 0px 20px;
	float:none;
}

.langSiteCurrent{
	color: #FFF;
	font-family: roboto_condensed;
	font-size: 14px;
	z-index: 10;
}


.langSiteCurrent:after{
	content: "";
	padding-left: 11px;
	margin-left: 6px;
	padding-bottom: 2px;
	background: url(/template/image/chevron_lang.svg) no-repeat;
	    background-position-x: 0%;
	    background-position-y: 0%;
	    background-size: auto;
	background-size: contain;
	background-position: right;
}

.langDropdown{

}

.langDropdown ul{
	padding: 0;
	margin-left: -10px;
	margin-top: -200px;
	display: block;
	position: absolute;
	background: #5D99AE;
	list-style-type: none;
	z-index: 5;
	opacity: 0;
	transition: opacity 0.6s ease;
}

.langDropdown ul li{
	padding: 10px 0 0 0;
	background: #5D99AE;	
	margin:0;
}

.langDropdown ul li a{
	padding-right: 26px;
	padding: 10px;
	display:block;
}

.langDropdown:hover ul{
	display: block;
	opacity: 1;
	margin-top: 0px;
}

a.langsite:after{
	content: "|";
	margin-left: 10px;
	margin-right: 8px;
	margin-top: 13px;

	font-size: 12px;
	color: #053C5B;
}
a.langsite:last-child:after{
	content: "";
}


#linksCtn
{
	position:relative;	
}

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

.linksElementCtn
{
	position:relative;
}

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

.linksElement .img
{
	position:relative;
	display:block;
	float:left;
	width:30%;
	background:url(/template/image/defaultList_FR.jpg) no-repeat center center;
	background-size:cover;
}
.DE .linksElement .img
{
	background-image:url(/template/image/defaultList_DE.jpg);
}
.linksElement .img:before
{
	content:"";
	display:block;
	padding-top:75%;
}
.linksElement:hover .img
{
	opacity:0.75;
}

.linksElement .txt
{
	display:block;
	position:relative;
	padding:14px 14px 14px 14px;
	overflow:hidden;
}

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

/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{
	.linksElement
	{
		float:left;
		width:20%;
		margin-right:6.666%;
	}
	.linksElement:nth-child(4n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}

	.linksElement .img
	{
		float:none;
		width:100%;
	}
}

.linksCommuneTitle{
	font-size: 17px;
	font-family: roboto_bold;
	color: #5D99AE;
}
.linksCommuneTitle::after{
	content: " — "	
}

.linksCommuneContents a{
	font-size: 17px;
	font-family: roboto_light;
	color: #3C3C3B;	
}
.linksCommuneContents a:after{
	content: ", ";
}
.linksCommuneContents a:last-child:after{
	content: "";
}

.linksMesure{
	border-bottom: 1px solid #707070;
	padding-top: 60px;
}
.linksMesure:last-child{
	border-bottom: 0px solid transparent;
}

.linksMesureTitle{
	padding-left: 110px;
	height: 80px;
	position: relative;
	display: block;
}
.linksMesureTitle h6{
	position: relative;
	text-transform: uppercase;
	color: #3C3C3B;
	font-size: 30px;
	font-family: roboto_condensed_bold;
	
	display: block;
	top: 50%;
 	transform: translateY(-50%);
}
span.linksMesureTitle:before{
	display:inline-block;
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0px;
	margin-top: 0px;
	height: 100%;
	vertical-align: middle;
	background-image: url(/template/image/mesures/domaine.svg);
}

span.linksMesureTitle.linksMesure_domainepolitiquecommunale:before
	{background-image: url(/template/image/mesures/politiquecommunale.svg);}
span.linksMesureTitle.linksMesure_domaineoffreloisirs:before
	{background-image: url(/template/image/mesures/offreloisirs.svg);}
span.linksMesureTitle.linksMesure_domainefamille:before
	{background-image: url(/template/image/mesures/famille.svg);}
span.linksMesureTitle.linksMesure_domaineecole:before
	{background-image: url(/template/image/mesures/ecole.svg);}
span.linksMesureTitle.linksMesure_domainesantetravail:before
	{background-image: url(/template/image/mesures/santetravail.svg);}
span.linksMesureTitle.linksMesure_domaineespacepublic:before
	{background-image: url(/template/image/mesures/escapepublic.svg);}


.linksMesureContents{
	display: block;
	padding-left: 110px;
	margin-top: 30px;
	margin-bottom: 70px;
	position: relative;
	overflow: auto;

}
.linksMesureContents a{
	font-size: 17px;
	font-family: roboto_light;
	color: #3C3C3B;
	display: block;
	float: left;
	width: 50%;
	padding-bottom: 10px;
	
}/*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:#5D99AE;
	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;
	font-family: roboto_light;
}

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

#disclaimerCtn .disclaimer .close
{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:7px 10px 7px 10px;
	text-align:center;
	background:#FFF;
	color:#333;
	font-weight:normal;
	text-decoration:none;
	transition:all .5s;
	text-transform:uppercase;
	opacity: 1;
	
	font-family: roboto_condensed_bold;
	font-size:20px;
	border-radius: 50px;
}

#disclaimerCtn .disclaimer .close:hover
{
	opacity: 0.8;
	transform: scale(1.1) translateY(-18px);
}
@media only screen and (min-width:640px)
{

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

#leftPanel
{
	display:block;
	position:absolute;
	box-sizing:border-box;
	top:0px;
	right:100%;
	width:100%;
	min-width:240px;
	height:100%;
	background:#5D99AE;
	overflow-x:hidden;
	overflow-y:hidden;

}

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

.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;
	vertical-align:top;
	width:52px;
	height:34px;
	cursor:pointer;
	background:white;
	background-size:cover;
	padding-top: 8px;
	margin-top: 10px;
}
.nooverflow #menuIcone{
	background-color:transparent;
}
.menuIcone .line, .menuIcone:before, .menuIcone:after {
	width: 36px;
	height: 3px;
	background-color: #707070;
	margin: 0 auto 8px auto;
	transform-origin: center center;
	transition: transform 0.5s;
	display: block;
	content: '';
	position: relative;
		
}
.nooverflow .menuIcone .line, .nooverflow .menuIcone:before, .nooverflow .menuIcone:after {
		background-color:white;
}
	
body.nooverflow .menuIcone:before {
	transform: rotateZ(45deg) translate(8px, 8px);
}
body.nooverflow .menuIcone .line {
	transform: scaleX(0);
}
body.nooverflow .menuIcone:after {
	transform: rotateZ(-45deg) translate(8px, -7px);
}



#leftPanel a.copy
{
	display:none;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/

#menuMain ul
{
	margin:0px;
	padding:0px;

}

#menuMain li
{

	list-style-type: none;
	padding-bottom:0px; /*compense le li de base*/
}
#menuMain li > a
{
	display:block;
	color:#ffffff;
	text-decoration:none;
	padding:7px 0px 7px 20px;
	margin-bottom:2px;
}
#menuMain li > a:hover, #menuMain li > a.menuselected:not(.parent)
{

}

#menuMain ul.menu0 ul
{
	display:none;	
}

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

#menuMain a.menu1
{
	/*text-transform:lowercase;*/
}
#menuMain a.menu2
{
	font-size:16px;
	
}

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

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: 0px;
	padding-top: 3px;
	margin-left: 7px;
}

#menuMain li.menu0 > .styleDivArrowAdmin
{
	position:absolute;
	margin-top: 23px;
	margin-left: 3px;
	
}

/*#menuMain li.menu0:nth-child(n+7) > .styleDivArrowAdmin
{
	position:absolute;
	margin-top: 7px;
	margin-left: 3px;
	
}*/

#menuMain li.menu1 > .styleDivArrowAdmin
{
	position:absolute;
	margin-top: 12px;
	margin-left: 7px;
	
}

#menuMain li.menu2 > .styleDivArrowAdmin
{
	position:absolute;
	margin-top: 10px;
	margin-left: 7px;
	
}

#leftPanel li.menu0 > .styleDivArrowAdmin{
	position:relative;
	margin-top: 0px;
}
#leftPanel li.menu1 > .styleDivArrowAdmin{
	position:relative;
	margin-top: 0px;
}
#leftPanel li.menu2 > .styleDivArrowAdmin{
	position:relative;
	margin-top: 0px;
}





.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 QUERIES */
@media only screen and (min-width:1280px)
{
	#leftPanel, #menuIcone
	{
		display:none;
	}

	/**************************************************/
	/*Style pour le menu simple horizontal et vertical*/
	/**************************************************/
	/*REMARQUE: la notion ">" est indiquée dans les styles pour que les menu d'admin ne prenne pas le style des ul/li qui les contiennent */
	
	#menuMain{
		position:relative;
		height: 124px;
		z-index: 2;
		
	}

	#menuMain ul
	{
		margin:0px;
		padding:0px;
		display:none;

		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
		position:relative;
	}
	
	#menuMain ul.menu0
	{
		display:block;
		min-height:50px;
		
		left: 220px;
		
		position: absolute;
	}
	#menuMain ul.menu0:after
	{
		content:"";
		display:block;
		clear:both;
	}
	
	#menuMain li
	{
		list-style-type: none;
		padding-bottom:0px; /*compense le li de base*/
	}
	
	/*permet de définir tous les a même s'ils ne sont pas mentionnés*/
	#menuMain ul li > a
	{
		font-size:20px;
		font-family: roboto_condensed_bold;
		color:#3C3C3B;
		text-decoration:none;
		text-transform:uppercase;
		outline:none;
		transition: all 0.5s;
		padding-right: 15px;
	}
	#menuMain ul li a.menu0{
		height:124px;
		padding: 0 16px 0 16px;
		display: table-cell;
		vertical-align: middle;
		background-color: #FFF;
	}
	/*#menuMain ul li:nth-child(1n+7) a.menu0{
		height:30px !important;
	}*/
	.admin #menuMain ul li a.menu0
	{
		height:62px;
	}
	#menuMain ul li a.menu0::after{
		content: "";
		padding-left: 15px;
		margin-left: 5px;
		background: url(/template/image/chevron_grey.svg) no-repeat;
		background-size: contain;
		background-position: right;
	}
	#menuMain ul li a.menu0:hover, #menuMain ul li a.menu0.menuselected{
		background-color: #D8D6D6;
	}
	
	#menuMain li.menu0
	{
		display:block;
		float:left;

	}
	
	
	#menuMain a.menu0
	{
		padding-bottom:7px;
	}
	
	/*1er niveau: Effet rollover et actif des liens*/
	#menuMain a.menu0.menuHover, #menuMain a.menu0.menuselected
	{
		background-color: #D8D6D6;
	}
	
	
	/*2ème niveau: Couleur des ul*/
	#menuMain li.menu0 ul
	{
		
		/*margin-top:36px;
		padding:20px 15px 30px 31px; */
		background: #D8D6D6;	
		position:absolute;
	}
	
	/*2ème niveau: style des li*/
	#menuMain li.menu1
	{
		display:block;
		float:left;
		width:320px;/*obligatoire si on veut que tout le li soit cliquable*/
		margin:0;
	}
	
	/*2ème niveau : Style des liens "off" */
	#menuMain li.menu0 ul li > a
	{
		color:#3C3C3B;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
		text-transform: none;
		/*border-bottom: solid 1px #FFF; */
		margin: 0;
		font-family: roboto_light;
	}
	
	/*2ème niveau: Style des liens "on" */
	#menuMain ul.menu1 li > a.menuHover, #menuMain ul.menu1 li > a.menuselected
	{
		color:#3C3C3B;
		text-decoration:none;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
	}
	
	/*3ème niveau: style de sous-menu*/
	#menuMain li.menu1 ul
	{
		
	}
	
	/*3ème niveau: style des li*/
	#menuMain li.menu1 ul li
	{
		width:140px;
		
	}
	
	/*3ème niveau: style des liens "off" */
	#menuMain li.menu1 ul li > a 
	{
		display:block;
		text-decoration:none;
		color:#3C3C3B;
	}
	
	/*3ème niveau: style des liens "on" */
	#menuMain li.menu1 ul li > a.menuHover, #menuMain li.menu1 ul li > a.menuselected 
	{
		display:block;
		text-decoration:none;
		color:#3C3C3B;
	}
	
	
	/*********************************************************************************************************************/
	
	/**************************************************/
	/*Style pour le menu clic vertical                */
	/**************************************************/
	
	#menuClickMain ul li {list-style: none;}            
	#menuClickMain ul li.contentClic{display: none;}
	
	#menuClickMain
	{
		
	}
	/*Style de base*/
	
	/*Couleur de tous les ul*/
	#menuClickMain ul
	{
		margin:0px;
		padding:0px;
		font-family: roboto_light;
		font-size:20px;
		color:#3C3C3B;
		list-style: none;
	}
	
	/*Style des lien "off" dans les ul. Utilisé si le style n'est pas redéfini plus bas*/
	#menuClickMain ul li > a
	{
		color:black;
		text-decoration:none;
		text-transform:uppercase;
		display:block;
		outline:none;
	}
	
	/*Style des lien "on" dans les ul. Utilisé si le style n'est pas redéfini plus bas*/
	#menuClickMain ul li > a:hover, #menuClickMain ul li > a.menuselected 
	{
		color:black;
		text-decoration:underline;
		text-transform:uppercase;
		display:block;
	}
	
	/*Style de tous les li*/
	#menuClickMain li
	{
		list-style-type: none;
		padding-bottom:0px; /*compense le li de base*/
		width:auto;
	
	}
	
	
	/*Style pour le niveau 0 -> main*/
	
	#menuClickMain li.menu0
	{
		
		width:auto;
		display: none;
	}
	
	/*Style du texte*/
	#menuClickMain a.menu0
	{
		padding-bottom:7px;
	}
	
	/*Style du hover et du selected*/
	#menuClickMain .menu0:hover, #menuClickMain .menu0.menuselected
	{
		background-color:yellow;
		text-decoration:none;
	}
	
	#menuClickMain a.menu0:hover, #menuClickMain a.menu0.menuselected
	{
		background-color:transparent;
		text-decoration:none;
	}
	
	
	#menuClickMain li.menu1
	{
		background-color:#D8D6D6;
		width:280px;
		transition: all 0.4s;
	}
	#menuClickMain li.menu2{
		background-color:#D8D6D6;
		width:280px;
		transition: all 0.4s;
	}
	
	#menuClickMain li.menu1 a{
		padding: 15px 15px 15px 25px;
		text-transform:none;
		
	}
	#menuClickMain li.menu2 a{
		padding: 15px 15px 15px 45px;
		text-decoration:none;
		font-size: 15px;
		text-transform:none;
	}
	
	
	/*Style du hover et du selected pour les liens*/
	#menuClickMain li.menu1:hover, #menuClickMain li.menu1.menuselected, #menuClickMain li.menu2:hover, #menuClickMain li.menu2.menuselected
	{
		background-color:#5D99AE;
		text-decoration:none;
		text-transform:none;
		
	}
	
	/*1er niveau: Style du hover et du selected pour les liens*/
	#menuClickMain li.menu1 a:hover, #menuClickMain li.menu1 a.menuselected,  #menuClickMain li.menu2 a:hover, #menuClickMain li.menu2 a.menuselected
	{
		color:white;
		text-decoration:none;
		text-transform:none;
	}
	
	#menuClickMain .styleDivArrowAdmin{
		display: none;
	}
	
	
	/***************************************************************************************************************/
	
	/**************************************************/
	/*Style pour le menu 2 niveaux -> menu Top*/
	/**************************************************/
	
	#menu2niveauxMain ul
	{
		margin:0px;
		padding:0px;
		display:none;
		font-family:Miso;
		font-size:20px;
		color:#ffffff;
		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
	}
	
	#menu2niveauxMain ul.menu0
	{
		background-color:red; 	
		height:50px;
		position:relative;
	}
	
	/*Permet de récupérer uniquement le premier niveau de ul*/
	/*#menu2niveauxMain ul.menu0 > li > div > ul*/
	#menu2niveauxMain ul.menu0 > li > ul
	{
		position:absolute;
		border:5px solid yellow;
	}
	
	#menu2niveauxMain li
	{
		list-style-type: none;
		padding-bottom:0px; /*compense le li de base*/
	}
	
	/*permet de définir tous les a même s'ils ne sont pas mentionnés*/
	#menu2niveauxMain ul li > a
	{
		color:#000;
		text-decoration:none;
		outline:none;
	}
	
	#menu2niveauxMain ul.menu0 
	{
		display:block;
	}
	
	#menu2niveauxMain li.menu0
	{
		display:block;
		float:left;
	}
	
	#menu2niveauxMain a.menu0
	{
		text-transform:uppercase;
	}
	
	/*1er niveau: Effet rollover et actif des liens*/
	#menu2niveauxMain a.menu0.menuHover, #menu2niveauxMain a.menu0.menuselected
	{
		background:pink;
	}
	
	
	/*2ème niveau: Couleur des ul*/
	#menu2niveauxMain li.menu0 ul
	{
		
		margin-top:36px;
		padding:20px 15px 30px 31px; 
		background: green;	
	
	}
	
	/*2ème niveau: style des li*/
	#menu2niveauxMain li.menu1
	{
		display:block;
		float:left;
		width:140px;/*obligatoire si on veut que tout le li soit cliquable*/
		margin-right:20px;
		margin-bottom:7px;
	}
	
	/*2ème niveau : Style des liens "off" */
	#menu2niveauxMain li.menu0 ul li > a
	{
		color:#013b75;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
		border-bottom:1px solid #4a98c7;
		text-transform:uppercase;
	}
	
	/*2ème niveau: Style des liens "on" */
	#menu2niveauxMain ul.menu1 li > a.menuHover, #menu2niveauxMain ul.menu1 li > a.menuselected
	{
		color:#013b75;
		text-decoration:none;
		border-bottom:1px solid #ffffff;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
	}
	
	/*3ème niveau: style de sous-menu*/
	#menu2niveauxMain li.menu1 ul
	{
		display:block;
		margin:0px;
		padding:0px;
		padding-top:10px;
		
		
	}
	
	/*3ème niveau: style des li*/
	#menu2niveauxMain li.menu1 ul li
	{
		width:120px;
		margin-bottom:7px;
		background-color:purple;
		margin-left:20px;
		
	}
	
	/*3ème niveau: style des liens "off" */
	#menu2niveauxMain li.menu1 ul li > a 
	{
		display:block;
		text-decoration:none;
		text-transform:lowercase;
		color:yellow;
	}
	
	/*3ème niveau: style des liens "on" */
	#menu2niveauxMain li.menu1 ul li > a.menuHover, #menu2niveauxMain li.menu1 ul li > a.menuselected 
	{
		display:block;
		text-decoration:none;
		text-transform:uppercase;
		color:grey;
	}
}


#leftPanel #menuMain{
	position:absolute;
	width:100%;
	margin-top: 30px;
	height: calc(100% - 140px);
	margin-bottom: 100px;
	overflow: auto;
}
#leftPanel #menuMain ul li a.menu0{
	padding: 0px 0px 10px 0px;
	font-family: roboto_condensed_bold;
	font-size: 20px;
	border-bottom: 1px solid #CEE0E7;
	margin: 18px;
}
#leftPanel #menuMain ul li a.menu0::after{
	content: "";
	padding-left: 9px;
	margin: 5px;
	background: url(/template/image/chevron.svg) no-repeat;
	background-size: contain;
	background-position: right;
}
#leftPanel #menuMain ul li a.menuselected::after{
	display: inline-block;
	padding-left: 9px;
	margin: 0;
	margin-bottom: 7px;
	width: 15px;
	height: 15px;
	transform: rotate(90deg);
}
#leftPanel #menuMain ul li a.menu1{
	padding: 0px 0px 10px 0px;
	font-family: roboto_light;
	font-size: 14px;
	margin: 7px 18px 7px 18px;
}

#menuSuperieurMain ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menuSuperieurMain ul li{
	padding: 8px;
	float: left;
}
#menuSuperieurMain > ul > li > a::after{
	content: "|";
	margin-left: 10px;
	margin-top: 13px;

	font-size: 14px;
	color: #053C5B;
}
#leftPanel #menuSuperieurMain > ul > li:last-child > a::after{
	content: "";
}
#menuSuperieurMain ul li > a{
	font-family: roboto_condensed;
	font-size: 14px;
	color: #FFF;
	text-transform: uppercase;
}
#menuSuperieurMain > ul > li > ul{
	display: none;
	background-color: #5D99AE;
	position: absolute;
	z-index: 10;
}
#menuSuperieurMain > ul > li > ul ul{
	display: none;
	position: absolute;
	background-color: #447688;
	width: 100px;
	z-index: 10;
}
#leftPanel #menuSuperieurMain > ul > li > ul{
	bottom: 45px;
}
.topMenuNoOverlap{
s
}
.leftPanelmenuSuperieur{

}


#menuInferieurMain ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menuInferieurMain ul li{
	padding: 8px;
	float: left;
}
#menuInferieurMain > ul > li > a::after{
	content: "|";
	margin-left: 10px;
	margin-top: 13px;

	font-size: 14px;
	color: #053C5B;
}
#menuInferieurMain > ul > li:last-child > a::after{
	content: "";
}
#menuInferieurMain ul li > a{
	font-family: roboto_condensed;
	font-size: 14px;
	color: #FFF;
	text-transform: uppercase;
}
#menuInferieurMain > ul > li > ul{
	display: none;
	background-color: #5D99AE;
	position:absolute;
	bottom: 56px;
}
#menuInferieurMain > ul > li > ul ul{
	display: none;
	position: absolute;
	background-color: #447688;
	width: 100px;
	z-index: 10;
}

@media only screen and (max-width:640px){
	#menuInferieurMain > ul > li > ul{
		bottom: 90px;
	}	
}.mesureContact p{
	margin-top: 7px;
}
.mesureSearchContainer{
	
	background-color: #D8D6D6;
	height:calc(100% - 20px);
	border-radius: 14px;
	padding: 10px;
}

.mesureSearchHolder{
	height: 492px;
	margin-bottom: 110px;

}
.mesureSearchUpper{
	box-sizing:border-box;
	height: 30%;
	position:relative;
	padding-top: 60px;
	padding-right: 30px;
	padding-left: 30px;
}
.mesureSearchUpperGo{
	float:left;
	width: 70px;
	height: 100%;
	background-color: #D8D6D6;
}
.mesureSearchUpperGo .chevron{
	content: "";
	width: 50px;
	height: 50px;
	margin: auto;
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
	transition: ease-in 0.1s;
	cursor: pointer;
}
.mesureSearchUpperGo .chevron:hover{
	content: "";
	width: 50px;
	height: 50px;
	margin: auto;
	position: relative;
  	top: 50%;
  	transform: translateY(-50%) scale(1.2);
}
.mesureSearchUpperGo.Left .chevron{
	background: url( "/template/image/chevron_search_left.svg") no-repeat 50% 50%;
}
.mesureSearchUpperGo.Right .chevron{
	background: url( "/template/image/chevron_search_right.svg") no-repeat 50% 50%;
}
.mesureSearchUpperMiddle{
	float:left;
	position:relative;
	width: calc(100% - 140px);
}
.mesureSearchUpperMiddle .mesureSearchItem{
	float:left;
	position: relative;
	width: calc(25% - 70px);
	font-family: roboto;
	font-size: 17px;
	margin-right: 35px;
	margin-left: 35px;
	transition: all 0.2s;
	cursor: pointer;
}
.mesureSearchUpperMiddle .mesureSearchItem:hover{
	transform: scale(1.1);
}

.mesureSearchUpperMiddle .mesureSearchItem span{
	display: block;
	text-align: center;
	margin: auto;
	margin-top: 10px;
}

.mesureSearchUpperMiddle .mesureSearchDomaine{
	content: "";
	width: 65px;
	height: 65px;
	margin: auto;
}
.mesureSearchUpperMiddle .mesureSearchItem .mesureSearchDomaine_all{
	background: url('/template/image/domaines/tous.svg') no-repeat 50% 50%;
	/* ATTENTION : SUR IE, IL Y A UN BUG DE CHARGEMENT DE CE SVG, 
	J'AI MIS UN LOADER (IMAGE SIMILAIRE TRANSPARENTE) DANS LA PAGE 
	POUR CHARGER L'IMAGE D'UN AUTRE POINT D'APPEL. POUR TOUTE MODIF D'IMAGE,
	CHANGEZ AUSSI LA BAS ! */
}
.mesureSearchUpperMiddle .mesureSearchItem.selected .mesureSearchDomaine_all{
	background: url('/template/image/domaines/tous_selected.svg') no-repeat 50% 50%;
}
.mesureSearchUpperMiddle .mesureSearchItem .mesureSearchDomaine_domainepolitiquecommunale{
	background: url('/template/image/domaines/politiquecommunale.svg') no-repeat 50% 50%;
}
.mesureSearchUpperMiddle .mesureSearchItem.selected .mesureSearchDomaine_domainepolitiquecommunale{
	background: url('/template/image/domaines/politiquecommunale_selected.svg') no-repeat 50% 50%;
}
.mesureSearchUpperMiddle .mesureSearchItem .mesureSearchDomaine_domaineoffreloisirs{
	background: url('/template/image/domaines/offreloisirs.svg') no-repeat 50% 50%;
}
.mesureSearchUpperMiddle .mesureSearchItem.selected .mesureSearchDomaine_domaineoffreloisirs{
	background: url('/template/image/domaines/offreloisirs_selected.svg') no-repeat 50% 50%;
}
.mesureSearchUpperMiddle .mesureSearchItem .mesureSearchDomaine_domainefamille{
	background: url('/template/image/domaines/famille.svg') no-repeat 50% 50%;
}
.mesureSearchUpperMiddle .mesureSearchItem.selected .mesureSearchDomaine_domainefamille{
	background: url('/template/image/domaines/famille_selected.svg') no-repeat 50% 50%;
}
.mesureSearchUpperMiddle .mesureSearchItem .mesureSearchDomaine_domaineecole{
	background: url('/template/image/domaines/ecole.svg') no-repeat 50% 50%;
}
.mesureSearchUpperMiddle .mesureSearchItem.selected .mesureSearchDomaine_domaineecole{
	background: url('/template/image/domaines/ecole_selected.svg') no-repeat 50% 50%;
}
.mesureSearchUpperMiddle .mesureSearchItem .mesureSearchDomaine_domainesantetravail{
	background: url('/template/image/domaines/santetravail.svg') no-repeat 50% 50%;
	background-size: contain;
}
.mesureSearchUpperMiddle .mesureSearchItem.selected .mesureSearchDomaine_domainesantetravail{
	background: url('/template/image/domaines/santetravail_selected.svg') no-repeat 50% 50%;
	background-size: contain;
}
.mesureSearchUpperMiddle .mesureSearchItem .mesureSearchDomaine_domaineespacepublic{
	background: url('/template/image/domaines/espacepublics.svg') no-repeat 50% 50%;
}
.mesureSearchUpperMiddle .mesureSearchItem.selected .mesureSearchDomaine_domaineespacepublic{
	background: url('/template/image/domaines/espacepublics_selected.svg') no-repeat 50% 50%;
}

.mesureSearchLower{
	box-sizing:border-box;
	height: 70%;
	padding-top:20px;
	position:relative;
	padding-right: 30px;
	padding-left: 30px;
}
.mesureSearchInputGroup{
	position:absolute;
	height: auto;
	width: 60%;
	float:left;
	margin-top:95px;
	margin-bottom: 50px;
}
.mesureSearchInputGroup input{
	border: 0;
}
.mesureSearchInputGroupItem{
	width:calc(50% - 20px);
	float:left;
	margin:10px;
	padding-bottom:5px;
}
.mesureSearchInputGroupItem select{
	width:100%;
	height: 35px;
	border-radius:31px;
	padding: 0px 40px 0px 10px;
	
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
	
	background-color: white;
	background: white url( "/template/image/chevron_grey.svg") no-repeat 95% 50%;
	
	font-family: roboto_light;
	font-size: 20px;
	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
	
	overflow: hidden;
	white-space: nowrap; /* Don't forget this one */
	text-overflow: ellipsis;
}

.mesureSearchInputGroupItem select::-ms-expand {
    display: none;
}
.mesureSearchInputGroupItem select option{
	font-family: roboto_light, roboto, arial;
	font-weight: normal;
}
.mesureSearchInputGroupItem select option.first{
	font-family: roboto_bold, roboto, arial;
}

.mesureSearchInputGroupItem.InputGroupItemKeywords{

	width: calc(100% - 10px);
	float: none;
	
}
.mesureSearchInputGroupItem.InputGroupItemKeywords input{
	width: calc(100% - 10px);
	height:38px;
	font-size: 20px;
	font-weight:normal;
	font-family:roboto_light;
	border-radius:31px;
	margin-top:12px;
	padding:5px 15px 5px 15px;
	background-color: white;
}

.mesureSearchButtonGroup{
	position:absolute;
	width:35%;
	right:0;
	height:250px;
	bottom: 0;

}
.mesureSearchButtonGroup input{
	border: 0;
}
.mesureSearchButtonGroupInner{
	display: block;
	position:absolute;
	bottom: 35px;
	
	left: 50%;
	transform: translateX(-50%);
	
	
}
.mesureSearchButtonGroup input{
	padding: 5px 40px 5px 40px;
	font-family: roboto_bold;
	font-size: 20px;
	border-radius:31px;
	width:230px;
	
	margin: 11px;
	text-transform: uppercase;
	background-color:#F08179;
	color: white;
	transition: 0.2s;
}
.mesureSearchButtonGroup input:hover{
	transform: scale(1.1);
	background-color:#ea5248;
}

@media only screen and (max-width:800px){
	.mesureSearchInputGroupItem{
		width: calc(100% - 20px);
	}
	.mesureSearchHolder{
		height: 664px;
	}
	.mesureSearchButtonGroup input{
		width: 180px;
		box-sizing: border-box;
		padding: 5px;
	}
	.mesureSearchLower{
		padding-left: 0px;
	}
	.mesureSearchUpper{
		padding-right: 0;
		padding-left: 0;
	}
	.mesureSearchUpperMiddle .mesureSearchItem{
		width: calc(33.3% - 70px);
	}
}

@media only screen and (max-width:641px){
	.mesureSearchInputGroup{
		width: 100%;
		margin-top: 40px;
	}
	.mesureSearchButtonGroup{
		width: 100%;
	}
	.mesureSearchHolder{
		height: 745px;
	}
	.mesureSearchButtonGroupInner{
		width: 100%;
		margin-left:-1px;
	}
	.mesureSearchButtonGroup input{
		width: calc(100% - 20px);
	}
	.mesureSearchLower{
		padding-top: 0;
	}
	.mesureSearchUpperMiddle .mesureSearchItem{
		width: calc(100% - 70px);
	}
	
}

#mesureList .listElement h5{
	font-family: roboto_condensed_bold;
	font-size: 30px;
}

#mesureList .listElement span.img{
	width:300px;
}
#mesureList .listElement span.img:before{
	padding-top:90%;
}
#mesureList .listElement .txt{
	position: relative;
	font-family: roboto_light;
	font-size: 20px;
	color: #3C3C3B;
	padding-left:50px;
}
#mesureList .listElement .txt .nooverflow{
	white-space:nowrap;
    overflow:hidden;
}
#mesureList .listElement .txt .title{
	font-family: roboto_bold;
	font-weight: normal;
	width:auto;
}
#mesureList .listElement .txt span{
	display:inline-block;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	width:100%;
}

@media only screen and (max-width:641px){
	#mesureList .listElement span.img{
		width: 100%;	
	}
	#mesureList .listElement .txt{
		padding-left: 0px;	
		font-size: 15px;
	}	
	#mesureList .listElement h5{
		font-size: 25px;	
	}
	.creditphoto{
		top: -15px !important;
	}
}


.creditphoto
{
	position: relative;
	top: -25px;
	font-family: roboto_light;
	font-size: 12px;
}

.mesureDetailBox
{
	margin-top: 60px;
}

.mesureDetailBox .mesureDetailItem
{
	margin-bottom: 30px;
	position: relative;
	font-family: roboto_light;
	font-size: 17px;
	height: 80px;
}

.mesureDetailBox .mesureDetailItem span
{
	position: relative;
	margin-left: 130px;
	display: inline-block;
	top: 50%;
 	transform: translateY(-50%);
	
} 
.mesureDetailBox .mesureDetailItem:before
{
	display:inline-block;
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0px;
	margin-top: 0px;
	height: 100%;
	vertical-align: middle;
}

.domaineaction:before{background-image: url(/template/image/mesures/domaine.svg);}
.public:before{background-image: url(/template/image/mesures/public.svg);}
.thematique:before{background-image: url(/template/image/mesures/thematique.svg);}

@media only screen and (max-width:641px){
	.mesureDetailBox .mesureDetailItem{
		height: auto;
		min-height:80px;
	}
	.mesureDetailBox .mesureDetailItem span{
		top: 10px;
 		transform: none;
	}
	.mesureDetailBox .mesureDetailItem:before{
		vertical-align:top;
	}
}

.mesureText{
	border-top: 1px solid #707070;
	padding-top: 70px;
	margin-top: 90px;
	font-family: roboto_light;
	font-size: 17px;
}

.mesureText h3{
	margin-top: 85px;
}

.mesureLinks{
	margin-top: 85px;
}


/* CHECKBOXES */

.chkctnascbo
{
	position:relative;
	cursor:default;
	width: 350px;
}
.chkctnascbo > .txt
{
	box-sizing:border-box;
	background:#eeeeee;
	border:1px solid #bbb7b7;
	padding:5px;
	font-family:verdana;
	font-size:12px;
	color:#000000;
}
.chkctnascbo > .txt:empty:before
{
	content:"---------";
}
.chkctnascbo > .chkctn
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-height:0;
	overflow:hidden;
	z-index:10;
	background:#d7d5d5;
	transition:max-height .75s;
}
.chkctnascbo:hover > .chkctn
{
	max-height:500px;
	z-index:11;
}

.chkctnascbo > .chkctn > span
{
	display:block;
	position:relative;
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:5px;
	font-family:verdana;
	font-size:12px;
	color:#000000;
}

.chkctnascbo > .chkctn:after
{
	content:"";
	display:block;
	clear:both;
	padding-bottom:5px;
} 

.chkctnascbo > .chkctn > .checkall
{
	font-size:12px;
	font-family:verdana;
	color:#000000;
	margin:10px 5px 5px 5px;
	border-bottom:1px dotted #000000;
	padding-bottom:2px;
}
.chkctnascbo > .chkctn > .checkall a
{
	color:#000000;
}

.contacts h3
{
	margin-bottom:60px;
}

.contacts tbody tr td{
	padding: 10px;
}

.contacts tbody tr td div:nth-child(2n+1){
	margin-top: 10px;
}
	
.contacts tbody tr:nth-child(n+2) td
{
	border-top:1px solid black;
}	
.contacts input{
	width: 350px;
}
.contacts .cms_icons-croix_3{
	margin-left: 10px;
	color: red;
}
.contacts .cms_icons-croix_3.deletedoc{
	position: absolute;
	margin: 4px;
	color:#666;
}

.pointer{
	cursor: pointer;
}

/** LANG LIMITATION **/
#pagelanglimitation
{
	display:none;
}
input[type=checkbox]:checked + #pagelanglimitation
{
	display:block;
	margin:10px 0 20px 0;
}
#pagelanglimitation:after
{
	content:"";
	display:block;
	clear:both;
}
#pagelanglimitation > span
{
	display:block;
	margin-left:5px;
	margin-bottom:7px;
}
#pagelanglimitation > div
{
	display:block;
	float:left;
	box-sizing:border-box;
	width:80px;
	padding-right:20px;
	margin-bottom:5px;
}
#pagelanglimitation > div > label
{
	margin-left:5px;
}

.inactivebylang
{
	opacity:.6;
	background:#FFE3E8;
}
span.inactivebylangmsg
{
	display:block;
	color:red;
	font-size:10px;
	line-height:10px;
	margin:0 0 5px 0;
	padding:0;
}

.mesureDescription > p:first-child, .mesureDescription > ul:first-child, 
.mesureImplicationInner > p:first-child, .mesureImplicationInner > ul:first-child
{
	margin-top:0;
}#myaccountCtn
{
	display:none;
}
@media only screen and (min-width:1200px)
{
	#myaccountCtn
	{
		display:block;
		position:absolute;
		top:40px;
		right:0;
		z-index:1000;
	}
	#myaccountCtn h5
	{
		margin:0px;
		padding:0px;
		font-size:16px;
		color:#ffffff;
		background:#5D99AE;
		width:14px;
		padding:10px;
		text-align:center;
		word-break:break-all;
		float:left;
		
		font-family: roboto_bold;
	}
	
	#myaccountCtn .infos
	{
		background:#dcdcdc;
		float:left;
		font-size:16px;
		max-width:0;
		max-height:187px;
		overflow:hidden;
		transition:max-width 0.3s, max-height 0.5s;
	}
	#myaccountCtn:hover .infos
	{
		max-width:300px;
		max-height:750px;
		min-height:196px;
		padding:10px;
		border:1px solid #5D99AE;
	}
	
	#myaccountCtn .infos .myAccountPart
	{
		margin-bottom:15px;
	}
	
	#myaccountCtn .infos .myAccountPart.first .title
	{
		font-weight:normal;
	}
	
	#myaccountCtn .infos .title
	{
		font-weight:bold;
		margin-bottom:10px;
	}
	
	#myaccountCtn .infos a
	{
		position:relative;
		display:block;
		margin:7px 0 7px 1px;
		padding-left:10px;
		text-decoration:none;
		color:#000000;
		transition:margin-left .2s;
	}
	#myaccountCtn .infos a:hover
	{
		margin-left:10px;
	}
	#myaccountCtn .infos a:before
	{
		position:absolute;
		display:block;
		left:0;
		top:50%;
		margin-top:-.5em;
		font-size:8px;
	}
}

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

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

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

.txtPopupLoginConchita
{
	color:#000000;
	font-weight: bold;
	font-family:Helvetica!important;
	font-size:12px!important;
}
#newsListCtn .listElement
{

}

#newsListCtn .listElement .date
{
	color: #5D99AE;
	display: block;
	font-family: roboto_bold;
	font-size: 20px;
	margin-bottom: 10px;
}

#newsListCtn .listElement .more{
	display: none;
	font-family: roboto_light;
	font-size: 17px;
	color: #3C3C3B;
}

#newsListCtn .listElement:first-child .img::before
{
	content:"";
	display:block;
	padding-top:100%;
}

#newsListCtn .listElement:first-child .more{
	display: inline;
}/*Styles spécifiques du plugin page en T1 */

.listElement .btn{
	position:absolute;
	bottom:0px;
	right: 0px;
	background-color:#F08179;
	padding: 10px 25px 10px 14px;
	color: white;
	font-family: roboto_bold;
	font-size: 14px;
}

.listElement .btn .chevron{
    display: inline-block;
    position: relative;
    top: 2px;
    left: 2px;
}
.listElement .txt{
	margin-bottom: 30px;
	padding-left: 60px;
}

@media only screen and (max-width:641px){
	.listElement .txt{
		padding-left: 0;
	}		
}

@media only screen and (max-width:1280px) and (min-width:640px){
	.listElement .txt{
		padding-left: 20px;
	}		
}#pagehtmlcontent .htmlcontent input[type=text], .bgEditor input[type=text],
#pagehtmlcontent .htmlcontent textarea, .bgEditor textarea,
#pagehtmlcontent .htmlcontent select, .bgEditor select
{
	display:block;
	box-sizing:border-box;
	width:100%;
	max-width:450px;
	padding:3px 3px 3px 3px;
	border:0;
	border:1px solid #3C3C3B;
	font-family:Arial;
	font-weight:normal;
	font-size:16px;
	background-color:transparent;
	outline:none;
}

#pagehtmlcontent .htmlcontent textarea, .bgEditor textarea
{
	min-height:7.5em;
}

#pagehtmlcontent .htmlcontent td input[type=text], .bgEditor td input[type=text],
#pagehtmlcontent .htmlcontent td textarea, .bgEditor td textarea,
#pagehtmlcontent .htmlcontent td select, .bgEditor td select
#pagehtmlcontent .htmlcontent td textarea, .bgEditor td textarea
{
	width:calc(100% - 10px);
}

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

#pagehtmlcontent .htmlcontent input[type=submit]
{
	position:relative;
	display:inline-block;
	font-family:roboto_bold;
	font-weight:normal;
	font-size:16px;
	color:#ffffff;
	padding:5px 25px 5px 25px;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#5D99AE;
	border:2px solid #5D99AE;
	border-radius:20px;
	transition:background-color .5s, color.5s;
}
#pagehtmlcontent .htmlcontent input[type=submit]:hover
{
	background:#ffffff;
	color:#5D99AE;
}
#pagehtmlcontent .htmlcontent input[type=submit]:disabled
{
	opacity:.5;
}#printsendCtn
{
	position:relative;
	display:block;
}
#printsendCtn:after
{
	content:"";
	display:block;
	clear:both;
}

#printsendCtn > a
{
	display:block;
	float:left;
	margin-right:10px;
	opacity:.5;
	transition:opacity .5s;
}
#printsendCtn > a:hover
{
	opacity:1;
}

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

#printsendCtn .imgItem{
	height: 20px;
	width: 21px;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: contain;
}


#printsendCtn .imgEmail{background-image: url(/template/image/printsend/email.svg);}
#printsendCtn .imgPDF{background-image: url(/template/image/printsend/pdf.svg);}
#printsendCtn .imgShare{background-image: url(/template/image/printsend/share.svg); height: 21px; background-size: contain; }
#printsendCtn .imgPrint{background-image: url(/template/image/printsend/printer.svg);}

@media only screen and (max-width:641px){
	#printsendCtn{
		display: none;
	}
}.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

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

.ressourceBtnSearch
{
	height:20px;	
}



/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5D99AE;
	text-decoration:none;
	font-family: roboto_light;
}

/* Style pour le plan du site */

.sm0
{
    FONT-SIZE: 18px;
    COLOR: #5D99AE;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
	
	font-family: roboto_light;

}

.sm1
{
    FONT-SIZE: 16px;
    COLOR: #5D99AE;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;
	
	font-family: roboto_light;

}

.sm2
{
    FONT-SIZE: 13px;
    COLOR: #5D99AE;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;
	
	font-family: roboto_light;

}

.sm3
{
    FONT-SIZE: 12px;
    COLOR: #5D99AE;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
	
	font-family: roboto_light;
}/*Style pour le montage*/
#sliderCtn
{
	position:relative;
	width:100%;
	min-height: calc(100vh - 130px);
	overflow:hidden;
	margin-bottom:20px;
	z-index:1;
}
#sliderCtn:before
{
	content:"";
	display:block;
	padding-top:30%;
}
.home #sliderCtn:before
{
	content:"";
	display:block;
	padding-top:45%;
}
#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:block;
	position:absolute;
	width:100%;
	box-sizing:border-box;
	height:auto;
	overflow:show;
	z-index:3;
	left: 10px;
	margin-left:10px;
	padding-left:10px;
	max-width: 260px;
		
	top: 50%;
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
#sliderCtn .slogan span.FirstLineSpan
{
	font-family: roboto_condensed_bold;
	font-size:20px;
		
	text-decoration:none;
	text-transform: uppercase;
	color: #3C3C3B;

	display: inline;
  	background: white;
		
	line-height: 34px;
		
	padding: 0;
		
	-webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
		
	/* La répetition et l'ajout de box-shadow supplémentaires est un moyen de régler un bug de IE11 */
	box-shadow: 10px 0 0 white, 9px 0 0 white,  8px 0 0 white, -10px 0 0 white, -9px 0 0 white, -8px 0 0 white, -7px 0 0 white, -6px 0 0 white;
}
/*Style pour les flèches*/
#sliderCtn .arrow
{
	display:none;
}
/*Style pour les puces de navigation*/
#sliderCtn #bullets 
{
	display:none;
}

#sliderCtn .slogan span .btnRed{
	display: inline-block;
	padding: 5px 15px 5px 15px;
	background-color: #F08179;
	border-radius: 50px;
	color: white;
	font-family: roboto_bold;
	font-size: 12px;
	transition: all 0.2s;
	
	margin-top: 20px;
	margin-left: -10px;
	
	cursor: pointer;
}
#sliderCtn .slogan span .btnRed:hover{
	transform: scale(1.05);
}

#sliderCtn .sloganBox{
	position: relative;
	max-width: 1300px;
	height: 100%;
	margin: 0 auto;
	z-index: 2;
}

@media only screen and (min-width:641px) and (max-width:1265px){
	#sliderCtn{
		min-height: calc(100vh - 121px);
	}
}
@media only screen and (min-width:1266px){
	#sliderCtn{
		min-height: calc(100vh - 160px);
	}
}

@media only screen and (min-width:641px)
{
	/*Style pour les slogan*/
	#sliderCtn .slogan
	{
		max-width: 640px;
	}
	#sliderCtn .slogan span.FirstLineSpan
	{
		font-size:60px;
		line-height: 90px;
	}

	/*Style pour les puces de navigation*/
	#sliderCtn #bullets {
		display:block;	
		position:absolute;
		right:20px;
		z-index:4;
		
		top: 50%;
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	#sliderCtn #bullets a {
		display:block;
		width:15px;
		height:15px;
		background: transparent;
		border-radius: 11px;
		text-indent:-9999px;
		border:2px solid white;
		margin-right:0px;
		float:none;
		margin-bottom: 35px;

	}
	#sliderCtn #bullets a:last-child {
		margin-right: 0;
	}
	#sliderCtn #bullets a.active {
		background-color: #FFF;
	}
	
	/*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;
	}
	#sliderCtn .slogan span .btnRed
	{
		font-size: 20px;
	}
}

@media only screen and (min-width:641px){
	
}
/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

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

.enteteUser
{
font-weight:bold;
}

#formEditUser .policy
{
	display:block;
	margin:5px 0px 10px 0px;
	font-size:12px;
	font-weight:normal;
	line-height:normal;
	max-width:300px;
	color:#474747;
}
#formEditUser .policy.error
{
	color:red;
}#weblinksListCtn .listElement .img
{
	float:left;
	width:40%;
}#youarehereCtn
{
	font-size:12px;
	font-family: roboto_light;
	color:#3C3C3B;
}

#youarehereCtn .header
{
	position:relative;
	display:inline-block;
	vertical-align: middle;
	color:red;
}
#youarehereCtn .header:before
{
	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	margin-right:5px;
	margin-top:-2px;
}

#youarehereCtn a
{
	display:inline-block;
	color:grey;
	text-decoration:none;
}
#youarehereCtn a:last-child{
	font-family: roboto_bold;
}
#youarehereCtn .separator
{
	display:inline-block;
	vertical-align: middle;
	color:black;
	margin: 0 5px 0 5px;
	font-size: 8px;
}

@media only screen and (max-width:641px){
	#youarehereCtn{
		display: none;
	}
}.waiting{
    position:relative;
}
.waiting:before{
    content:"";
    position:absolute;
    inset:0;
    background:url(/template/image/loading.gif) no-repeat center 20px rgba(255,255,255,.5);
    z-index:500;
}

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

body.largeforlabel .intTopContainer{
    display:none;
}
body.largeforlabel .intColumnLeft{
    display: none;
}
body.largeforlabel .intColumnRight{
    padding: 10px 10px 10px 10px;
    margin-left: 0;
}
body.largeforlabel #fancybox-outer{
    border-radius: 10px;
    border:1px solid #5D99AE;
}
body.largeforlabel #fancybox-outer > .fancybox-bg{
    display:none;
}

#labellisationcommuneNavigCtn{
    position:relative;
    display:block;
    margin:60px 0 60px 0;
}
#labellisationcommuneNavigCtn .btnzone{
    display:block;
    float:right;
    padding: 0;
    margin:0;
}
#labellisationcommuneNavigCtn .btnzone > a{
    display:block;
    float:left;
    margin:0 0 0 5px;
    padding:5px;
    font-family: roboto_condensed_bold;
    font-size: 14px;
}

#labellisationcommuneNavigCtn .btnzone > a.prev,
#labellisationcommuneNavigCtn .btnzone > a.next{
    width:40px;
}
#labellisationcommuneNavigCtn .btnzone > a[href='#']{
    display:none;
}
#labellisationcommuneNavigCtn #navig{
    position:absolute;
    top:-20px;
    right:0;
}
@media only screen and (min-width:641px)
{
    #labellisationcommuneNavigCtn .btnzone > a{
        margin:0 0 0 10px;
    }
    #labellisationcommuneNavigCtn .btnzone > a.back{
        margin-left:20px;
    }
}
#labellisationcommuneHeadCtn{
    position:relative;
    display:block;
    margin-bottom:60px;
}
#labellisationcommuneHeadCtn .imgctn{
    position:relative;
    display:block;
    box-sizing: border-box;
    border:2px solid #f2f2f2;
    border-radius: 10px;
    padding:10px;
    overflow:hidden;
    background: #ffffff;
}
#labellisationcommuneHeadCtn .imgctn .img{
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    background:url(/template/image/defaultList_FR.jpg) no-repeat center center;
    background-size: contain;
}
.DE #labellisationcommuneHeadCtn .imgctn .img
{
    background-image:url(/template/image/defaultList_DE.jpg);
}

#labellisationcommuneHeadCtn .imgctn .img:before{
    padding-top:81.5%;
}

#labellisationcommuneHeadCtn .head{
    position:relative;
    display:block;
    box-sizing: border-box;
}
#labellisationcommuneHeadCtn .head h1{
    font-family: roboto_condensed_bold;
    font-size: 40px;
    text-transform: uppercase;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #3C3C3B;
    margin: 20px 0 40px 0;
}

#labellisationcommuneHeadCtn .head .infos{
    position:relative;
    display:block;
    box-sizing: border-box;
    padding-bottom:30px;
    border-bottom: 1px solid #3C3C3B;
    font-size:17px;
    color:#3C3C3B;
    line-height: 20px;
}
#labellisationcommuneHeadCtn .head .infos .info{
    position:relative;
    display:block;
    box-sizing: border-box;
    padding-right: 20px;
    margin-bottom: 10px;
}
#labellisationcommuneHeadCtn .head .infos .info > label{
    position:relative;
    display:block;
    box-sizing: border-box;
    float: left;
    width: 30%;
    font-family: roboto_condensed_bold;
}
#labellisationcommuneHeadCtn .head .infos .info > div{
    position:relative;
    display:block;
    box-sizing: border-box;
    float: left;
    width: 70%;
}
#labellisationcommuneHeadCtn .btnzone{
    margin:0;
    padding:0;
}
#labellisationcommuneHeadCtn .btnzone > a.asbtn{

    margin:15px 0 0 0;
    padding:5px;
    display: inline-block;
    width:calc(50% - 10px);
}
#labellisationcommuneHeadCtn .btnzone > a.asbtn + a.asbtn{
    margin-left:10px;
}
@media only screen and (min-width:641px)
{
    #labellisationcommuneHeadCtn .imgctn{
        float:left;
        width:20%;
        margin-right: 5%;
    }
    #labellisationcommuneHeadCtn .head{
        float:left;
        width:75%;
    }
    #labellisationcommuneHeadCtn .head h1{
        margin: 0 0 40px 0;
    }
    #labellisationcommuneHeadCtn .head .infos .info{
        float:left;
        width: 50%;
    }

    #labellisationcommuneHeadCtn .btnzone > a.asbtn{
        float:left;
        width:200px;
        display: block;
    }
}
@media only screen and (min-width:1300px)
{
    #labellisationcommuneHeadCtn .btnzone{
        position:absolute;
        top:0;
        right:0;
    }
    #labellisationcommuneHeadCtn .head h1
    {
        padding-right: 420px;
    }
}
#labellisationcommuneHistoryCtn{
    position:relative;
    display:block;
    box-sizing: border-box;
    margin:60px 0 20px 0;
    padding:20px 10px ;
    background:#f2f2f2;
    border-radius: 10px;
    font-family: roboto_light;
    font-size: 15px;
}
#labellisationcommuneHistoryCtn .history{
    position:relative;
    display:block;
    box-sizing: border-box;
    margin:0 0 5px 0;
}
#labellisationcommuneHistoryCtn .history.desktop
{
    display:none;
}
#labellisationcommuneHistoryCtn .history.mobile
{
    display:block;
}
#labellisationcommuneHistoryCtn .history.head{
    font-family: roboto_condensed_bold;
}
#labellisationcommuneHistoryCtn .history > span{
    position:relative;
    display:block;
    box-sizing: border-box;
    float:left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#labellisationcommuneHistoryCtn .history.head.mobile
{
    display: none;
}
#labellisationcommuneHistoryCtn .history.line.mobile > span
{
    width:50%;
}
#labellisationcommuneHistoryCtn .history.line.mobile > span:nth-child(odd)
{
    font-weight: bold;
    padding-right: 10px;
}
#labellisationcommuneHistoryCtn .history.line.mobile
{
    margin: 0 0 20px 0;
}

@media only screen and (min-width:641px)
{
    #labellisationcommuneHistoryCtn{
        padding:20px 20px 20px 40px;
        font-size: 17px;
    }
    #labellisationcommuneHistoryCtn .history > span{
        width: 25%;
        padding-right:20px;
    }
    #labellisationcommuneHistoryCtn .history.desktop
    {
        display:block;
    }
    #labellisationcommuneHistoryCtn .history.mobile
    {
        display:none;
    }
}



.labeladmin{
    display: block;
    position:relative;
    max-width: 100%;
    width:600px;
    box-sizing: border-box;
    font-size:14px;
}
.labeladmin .fieldset, .labeladmin fieldset, .labeladmin .btnzone,
.labellisationctn .fieldset, .labellisationctn fieldset, .labellisationctn .btnzone
{
    display: block;
    position:relative;
    width:auto;
    box-sizing: border-box;
    margin:10px;
}
.labellisationctn .fieldset, .labellisationctn fieldset, .labellisationctn .btnzone{
    margin:10px 0 10px 0;
}
.labeladmin fieldset, .labeladmin .btnzone,
.labellisationctn fieldset, .labellisationctn .btnzone{
    padding:0 10px 0 10px;
    margin-top:20px;
    margin-bottom:20px;
}

.labeladmin .btnzone > input,
.labellisationctn .btnzone > input
{
    display:inline-block;
    vertical-align: middle;
    margin:0 10px 0 10px;
    box-sizing:border-box;
    width:100px;
    padding:5px;
    background:#5D99AE;
    font-family:roboto_light;
    font-size:14px;
    font-weight:normal;
    color:#ffffff;
    border:1px solid #5D99AE;
    border-radius:10px;
    outline:none;
    cursor: pointer;
    transition: all .5s;
}

.labeladmin .btnzone > input:hover,
.labellisationctn .btnzone > input:hover
{
    color:#5D99AE;
    background:#ffffff;
}
.labeladmin .fieldset:after,
.labellisationctn .fieldset:after
{
    content:"";
    display:block;
    clear:both;
}

.labeladmin .fieldset > label,
.labellisationctn .fieldset > label
{
    display: block;
    position:relative;
    font-family: roboto_condensed_bold;
    margin-bottom:5px;
    font-size: 16px;
}
.labeladmin .fieldset > .field,
.labellisationctn .fieldset > .field
{
    display: block;
    position:relative;
    width: 100%;
    box-sizing: border-box;
}

.labeladmin .fieldset > .field input:not([type=radio], [type=checkbox]), .labeladmin .fieldset > .field select, .labeladmin .fieldset > .field textarea,
.labellisationctn .fieldset > .field input:not([type=radio], [type=checkbox]), .labellisationctn .fieldset > .field select, .labellisationctn .fieldset > .field textarea
{
    width: 100%;
    box-sizing: border-box;
    font-family: roboto_light;
    font-size:17px;
    background:#ffffff;
    border:1px solid #3C3C3B;
    border-radius: 5px;
}
.labeladmin .fieldset > .field input.mandatoryFailed, .labeladmin .fieldset > .field textarea.mandatoryFailed,
.labeladmin .fieldset > .field input.mandatoryCustomFailed, .labeladmin .fieldset > .field textarea.mandatoryCustomFailed,
.labellisationctn .fieldset > .field input.mandatoryFailed, .labellisationctn .fieldset > .field textarea.mandatoryFailed,
.labellisationctn .fieldset > .field input.mandatoryCustomFailed, .labellisationctn .fieldset > .field textarea.mandatoryCustomFailed
{
    border:1px solid red;
}
.labeladmin .fieldset > .field > .lngradio{
    display:block;
    margin-bottom:5px;
}

#labellisationcommuneFormEdit .imgcropctn{
    margin:0;
    width:calc(100% - 30px);
    box-sizing: border-box;
}
#labellisationcommuneFormEdit .imgcropctn > .imgcrop{
    background-size:contain;
}
#labellisationcommuneFormEdit .imgcropctn  > .msg{
    display:none!important; /*img en contain car logo*/
}

#labellisationcommuneFormEdit .accrocheLabel
{
    float:left;
    padding-top:3px;
    padding-right:5px;
    width:calc(100% - 30px);
}
#labellisationcommuneFormEdit .admimgcropholder
{
    min-width: auto;
}
#labellisationcommuneFormEdit .btnzone.admin,#labellisationmesureFormEdit .btnzone.admin, #labellisationcontactFormEdit .btnzone.admin
{
    padding:0;
}
#labellisationcommuneFormEdit .btnzone.admin input, #labellisationmesureFormEdit .btnzone.admin input, #labellisationcontactFormEdit .btnzone.admin input
{
    margin:0;
}
#labellisationcommuneFormEdit .btnzone.admin input:nth-child(1), #labellisationmesureFormEdit .btnzone.admin input:nth-child(1), #labellisationcontactFormEdit .btnzone.admin input:nth-child(1)
{
    margin:0 5px 0 0;
}
@media only screen and (min-width:641px)
{
    #labellisationcommuneFormEdit .admimgcropholder
    {
        min-width: 404px;
    }
    #labellisationcommuneFormEdit .btnzone.admin, #labellisationmesureFormEdit .btnzone.admin, #labellisationcontactFormEdit .btnzone.admin
    {
        padding:0 10px 0 10px;
    }
    #labellisationcommuneFormEdit .btnzone.admin input, #labellisationmesureFormEdit .btnzone.admin input, #labellisationcontactFormEdit .btnzone.admin input
    {
        margin:0 10px 0 10px;
    }
    #labellisationcommuneFormEdit .btnzone.admin input:nth-child(1), #labellisationmesureFormEdit .btnzone.admin input:nth-child(1), #labellisationcontactFormEdit .btnzone.admin input:nth-child(1)
    {
        margin:0 10px 0 10px;
    }
}
.labellisationctn{
    font-family:roboto_light;
    font-size:17px;
    font-weight:normal;
    color:#3C3C3B;
}

.labellisationctn input[type=text], .labellisationctn select{
    display:block;
    box-sizing:border-box;
    width:100%;
    padding:5px 10px 5px 10px;
    margin:10px 0 10px 0;
    background:transparent;
    font-family:roboto_light;
    font-size:17px;
    font-weight:normal;
    color:#3C3C3B;
    border:1px solid #3C3C3B;
    border-radius:10px;
    outline:none;
}
.labellisationctn input[type=submit], .labellisationctn input[type=reset], .labellisationctn input[type=button],
.labellisationctn a.asbtn, .labellisationctn div.asbtn
{
    display:block;
    box-sizing:border-box;
    width:200px;
    padding:10px 10px 10px 10px;
    margin:10px 0 10px 0;
    background:#5D99AE;
    font-family:roboto_light;
    font-size:17px;
    font-weight:normal;
    color:#ffffff;
    border:1px solid #5D99AE;
    border-radius:10px;
    outline:none;
    cursor: pointer;
    transition: color .5s, background .5s;
}
.labellisationctn a.asbtn, .labellisationctn div.asbtn{
    text-align:center;
}
.labellisationctn div.asbtn *{
    cursor: pointer;
}
.labellisationctn input[type=submit]:hover, .labellisationctn input[type=reset]:hover, .labellisationctn input[type=button]:hover,
.labellisationctn a.asbtn:hover, .labellisationctn div.asbtn:hover{
    color:#5D99AE;
    background:#ffffff;
}
.labellisationctn input[type=submit].reverted, .labellisationctn input[type=reset].reverted, .labellisationctn input[type=button].reverted,
.labellisationctn a.asbtn.reverted, .labellisationctn div.asbtn.reverted{
    color:#5D99AE;
    background:#ffffff;
}
.labellisationctn input[type=submit].reverted:hover, .labellisationctn input[type=reset].reverted:hover, .labellisationctn input[type=button].reverted:hover,
.labellisationctn a.asbtn.reverted:hover, .labellisationctn div.asbtn.reverted:hover{
    color:#ffffff;
    background:#5D99AE;
}


.searchlabellisation{
    display: block;
    margin:40px 0 40px 0;
    padding:20px;
    background:#f2f2f2;
    border-radius: 10px;
}
.searchlabellisation input[type=text], .searchlabellisation select{
    background-color: #ffffff;
    border: 1px solid #3C3C3B;
}

.searchlabellisation input[type=submit], .searchlabellisation input[type=button]{
    margin:20px auto;
}

@media only screen and (min-width:641px)
{
    .searchlabellisation input[type=text], .searchlabellisation select{
        float:left;
        width:48%;
    }
    .searchlabellisation input[type=text]:nth-child(even), .searchlabellisation select:nth-child(even){
        margin-left:4%;
    }
    .searchlabellisation input[type=submit], .searchlabellisation input[type=button]{
        clear:both;
        float:right;
        margin:10px 0;
    }
}

#labellisationcommuneList{
    position:relative;
    display: block;
    margin:40px 0 40px 0;
}
#labellisationcommuneListCtn{
    position:relative;
    display: block;
}

#labellisationcommuneListCtn .listElement{
    display: block;
    float:none;
    width:auto;
    padding:20px 0 20px 0;
    border-bottom: 1px solid #3C3C3B;
    margin: 0;
    font-size: 0;
    transition: background-color .5s;
}
#labellisationcommuneListCtn .listElement:first-child{
    border-top: 1px solid #3C3C3B;
}
#labellisationcommuneListCtn .listElement:hover{
    background:#f2f2f2;
}
#labellisationcommuneListCtn .listElement > *{

    box-sizing: border-box;
    color: #3C3C3B;
    font-size: 17px;
    float:none;
}
#labellisationcommuneListCtn .listElement > .imgctn{
    border:2px solid #f2f2f2;
    border-radius: 10px;
    padding:10px;
    overflow:hidden;
    background: #ffffff;
    transition: border-color .5s;
}
#labellisationcommuneListCtn .listElement:hover > .imgctn{
    border-color:#5D99AE;
}

#labellisationcommuneListCtn .listElement > .imgctn > .img, #labellisationcommuneListCtn .listElement:hover > .imgctn > .img{
    width: 100%;
    background-size: contain;
    opacity:1;
}
#labellisationcommuneListCtn .listElement > .imgctn > .img:before{
    padding-top:81.5%;
}
#labellisationcommuneListCtn .listElement > h5{
    font-family: roboto_condensed_bold;
    font-size: 30px;
    text-transform: uppercase;
    margin:0 5% 20px 0;
    padding:0;
}
#labellisationcommuneListCtn .listElement > .infos{
    margin: 0;
}
#labellisationcommuneListCtn .listElement > .infos > div{
    display: block;
    margin-bottom: 10px;
}
#labellisationcommuneListCtn .listElement > .infos > div > label{
    font-family: roboto_condensed_bold;
    float: left;
    width:50%;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}
#labellisationcommuneListCtn .listElement > .infos > div > span{
    float: left;
    width:50%;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}

@media only screen and (min-width:641px)
{
    #labellisationcommuneListCtn .listElement > *{
        display: inline-block;
        vertical-align: middle;
        margin-right: 5%;
    }
    #labellisationcommuneListCtn .listElement > .imgctn{
        width: 12%;
    }
    #labellisationcommuneListCtn .listElement > h5{
        width: 30%;
        margin:0 5% 0 0;
        font-size: 25px;
    }
    #labellisationcommuneListCtn .listElement > .infos{
        width: 48%;
    }

}
@media only screen and (min-width:1000px)
{
    #labellisationcommuneListCtn .listElement > h5{
        font-size: 30px;
    }
    #labellisationcommuneListCtn .listElement > .infos > div > label{
        width: 30%;
    }
    #labellisationcommuneListCtn .listElement > .infos > div > span{
        width: 70%;
    }
}

#labellisationcommuneList a.asbtn{
    margin:40px 0 40px 0;
    float:right;
}

#labellisationcommuneOngletsCtn{
    position:relative;
    display:block;
}
#labellisationcommuneOngletsCtn .onglets-btn
{
    position:relative;
    display: block;
    margin: 40px 0 0 0;
}
#labellisationcommuneOngletsCtn .onglets-btn > a
{
    display: block;
    box-sizing: border-box;
    width:100%;
    padding: 10px 10px 10px 10px;
    margin: 0 5px 0 0;
    background: #ffffff;
    color: #5D99AE;
    border: none;
    outline: none;
    border: 1px solid #5D99AE;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    border-radius: 10px 10px 0 0;
}
#labellisationcommuneOngletsCtn .onglets-btn > a:nth-child(2), #labellisationcommuneOngletsCtn .onglets-btn > a:nth-child(3)
{
    border-radius: 0;
}

#labellisationcommuneOngletsCtn .onglets-btn > a.selected,
#labellisationcommuneOngletsCtn .onglets-btn > a:hover
{
    background: #5D99AE;
    color: #ffffff;
}

/*#labellisationcommuneOngletsCtn .onglets-btn > a.mesures{
    display:none;
}*/

#labellisationcommuneOngletsCtn .onglets-data{
    position:relative;
    display: block;
    border: 1px solid #3C3C3B;
    padding: 20px;
    margin-bottom: 40px;
    margin-top:-1px;/*pour fusioner la bordure avec les btn des onglets*/
}

@media only screen and (min-width:641px)
{
    #labellisationcommuneOngletsCtn .onglets-btn > a:nth-child(2), #labellisationcommuneOngletsCtn .onglets-btn > a:nth-child(3)
    {
        border-radius: 10px 10px 0 0;
    }
    #labellisationcommuneOngletsCtn .onglets-data{
        border-radius: 0 10px 10px 10px;
    }
    #labellisationcommuneOngletsCtn .onglets-btn > a
    {
        float: left;
        width: 200px;
    }
}


body.largeforlabel  .fieldset.admin .chkctnascbo > .chkctn > span
{
    display:block;
    position:relative;
    box-sizing:border-box;
    padding:5px;
    font-size: 15px;
    font-family: roboto_light;
    color:#000000;
    float: none;
    width: auto;
}
@media only screen and (min-width:641px)
{
    body.largeforlabel  .fieldset.admin .chkctnascbo > .chkctn > span
    {
        float:left;
        width:50%;
    }
}
.btnExport
{
    display: block;
    vertical-align: middle;
    font-size: 14px;
    text-decoration: underline;
    text-align: right;
    margin-bottom: 80px;
}
.btnExport:before
{
    content:"";
    display: inline-block;
    width:22px;
    height:22px;
    background-image:url(/template/image/icon_telechargement.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;

}
#labellisationcontactCtn .contact{
    position: relative;
    display: block;
    margin: 20px 0 20px 0;
    padding: 0 0 20px 0;
}
#labellisationcontactCtn .contact.iscopy{
    opacity: .5;
}
#labellisationcontactCtn .contact.iscopy .btnzone{
    display:none;
    pointer-events: none;
}
#labellisationcontactCtn .contact .type{
    position: relative;
    display: block;
    text-transform: uppercase;
    border-bottom: 2px solid #5D99AE;
    padding-bottom: 5px;
    margin: 20px 0 20px 0;
    color: #5D99AE;
    font-family: roboto_condensed_bold;
    font-size:18px;
}
#labellisationcontactCtn .contact .infos{
    position: relative;
    display: block;
    margin-bottom:20px;
}
#labellisationcontactCtn .contact .infos > div{
    margin-bottom: 5px;
}
#labellisationcontactCtn .contact .infos > div:empty{
    display:none;
}
#labellisationcontactCtn .contact .infos .nomprenomfct .nomprenom{
    font-family: roboto_condensed_bold;
}
#labellisationcontactCtn .contact .infos .nomprenomfct .fct:empty{
    display:none;
}
#labellisationcontactCtn .contact .infos .nomprenomfct .fct:before{
    content:" - ";
}
#labellisationcontactCtn .contact .infos .mail a{
    color:#3C3C3B;
}

#labellisationcontactCtn .contact .btnzone{

    padding:0;
    margin:0;
}
#labellisationcontactCtn .contact .btnzone > a.asbtn{
    float:left;
    margin:0;
    padding:5px;
    font-family: roboto_condensed_bold;
    font-size:14px;
    width:100px;
}
#labellisationcontactCtn .contact .btnzone > a.asbtn.add + a.asbtn.delete,
#labellisationcontactCtn .contact.iscurrent .btnzone > a.asbtn.delete{
    display:none;
}
#labellisationcontactCtn .contact .btnzone > a.asbtn + a.asbtn{
    margin-left:20px;
}
@media only screen and (min-width:641px)
{
    #labellisationcontactCtn .contact .btnzone{
        position:absolute;
        top:50px;
        right:0;
    }
    #labellisationcontactCtn .contact .btnzone > a.asbtn{
        width:auto;
    }
}

#labellisationcontactFormEdit input[type=text][readonly],
#labellisationcontactFormEdit  #is_contact_responsable.chkreadonly,
#labellisationcontactFormEdit  #is_contact_responsable.chkreadonly + label
{
    opacity: .5;
}
#labellisationcontactFormEdit input.npa{
    float:left;
    width:60px;
    margin-right:10px;
}
#labellisationcontactFormEdit input.npa + input{
    float:left;
    width:calc(100% - 60px - 10px);
}
#labellisationcontactFormEdit textarea{
    height:3.5em;
}

#labellisationcontactFormEdit  #is_contact_responsable + label{
    font-family: roboto_condensed_bold;
}

#labellisationcontactFormEdit .policy,
#labellisationcontactFormEdit span.error
{
    display:block;
    box-sizing: border-box;
    padding-left:5px;
    margin:5px 0px 10px 0px;
    font-size:12px;
    font-weight:normal;
    line-height:normal;
    color:#474747;

}
#labellisationcontactFormEdit .policy.error,
#labellisationcontactFormEdit span.error
{
    color:red;
}#labellisationetapeCtn{
    position:relative;
    display: block;
    opacity:.5;
}
#labellisationetapeCtn.encours{
    opacity:1;
}

#labellisationetapeCtn .etape{
    position:relative;
    display: block;
    margin: 0 0 40px 0;
    padding:0 0 20px 0;
    border-bottom: 2px solid #f2f2f2;
}
#labellisationetapeCtn .etape.last-etape{
    border-bottom-color: transparent;
}
#labellisationetapeCtn .etape.waiting:before{
    background-position:center center;
}
#labellisationetapeCtn .etape.validated{
    opacity:.5;
}

#labellisationetapeCtn .etape.level-0{
    text-transform: uppercase;
    border-bottom: 2px solid #5D99AE;
    padding-bottom: 5px;
    margin:60px 0 20px 0;
    color:#5D99AE;
}
#labellisationetapeCtn .etape.level-0:first-child{
    margin-top:20px;
}
#labellisationetapeCtn .etape.level-1{
    margin-left: 0;
}
#labellisationetapeCtn .etape.level-2{
    margin-left: 1.8em;
}
#labellisationetapeCtn .etape .etape-name{
    font-family: roboto_condensed_bold;
    margin-bottom: 10px;
}
#labellisationetapeCtn .etape.level-0 .etape-name{
    font-size:18px;
    margin:0;
}

#labellisationetapeCtn .etape .etape-comments{
    position: relative;
    display:block;
}
#labellisationetapeCtn .etape .etape-comments .etape-comment{
    position: relative;
    display:block;
    margin-bottom: 20px;
}

#labellisationetapeCtn .etape .etape-comments .etape-comment .commentdate{
    display: block;
    box-sizing: border-box;
    width: 150px;
}
#labellisationetapeCtn .etape .etape-comments .etape-comment .commentauteur{
    display: block;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#labellisationetapeCtn .etape.level-2 .etape-comments .etape-comment .commentauteur{
    width: 220px;
}
#labellisationetapeCtn .etape .etape-comments .etape-comment .commentcontent{
    display: block;
    box-sizing: border-box;
}
#labellisationetapeCtn .etape .etape-comments .etape-comment .commentcontent .commenttxt{
    position:relative;
    display:block;
}
#labellisationetapeCtn .etape .etape-comments .etape-comment .commentcontent .commenttxt:empty{
    display:none;
}
#labellisationetapeCtn .etape .etape-comments .etape-comment .commentcontent .commentfiles{
    position:relative;
    display:block;
    margin:5px 0 0 0;
}

#labellisationetapeCtn .etape .etape-comments .etape-comment .commentcontent .commentfiles > a{
    position:relative;
    display:block;
    float:left;
    clear:both;
    margin:0 0 5px 0;
    font-family: roboto_condensed_bold;
    font-size:15px;
}
#labellisationetapeCtn .etape .etape-comments .etape-comment .commentcontent .commentfiles > a:before{
    padding-right:5px;
    font-size:.9em;
}

#labellisationetapeCtn .etape .etape-actions{
    position:relative;
    display: block;
}

#labellisationetapeCtn .etape.level-0 .etape-actions,
#labellisationetapeCtn .etape.level-0 .etape-comments{
    display:none;
}
#labellisationetapeCtn .etape .etape-actions .asbtn,
#labellisationetapeCtn .etape .etape-actions input[type=submit],
#labellisationetapeCtn .etape .etape-actions input[type=button],
#labellisationetapeCtn .etape .etape-actions input[type=reset]
{
    font-size:14px;
    padding-top:5px;
    padding-bottom:5px;
    font-family: roboto_condensed_bold;
}

#labellisationetapeCtn .etape .etape-actions a.addcomment.asbtn{
    position:relative;
    display:block;
    margin:0;
}
#labellisationetapeCtn .etape.validated .etape-actions a.addcomment.asbtn{
    visibility: hidden;
    pointer-events: none;
}

#labellisationetapeCtn .etape .etape-actions form.validetape{
    position:relative;
    display:block;
    float:left;
    pointer-events: none;
    margin-top:10px;
}
@media only screen and (min-width:641px)
{
    #labellisationetapeCtn .etape .etape-comments .etape-comment{
        margin-left: 1.8em;
    }
    #labellisationetapeCtn .etape.level-2 .etape-comments .etape-comment{
        margin-left: 2.8em;
    }
    #labellisationetapeCtn .etape .etape-comments .etape-comment .commentdate{
        float: left;
    }
    #labellisationetapeCtn .etape .etape-comments .etape-comment .commentauteur{
        float: left;
        width: calc(220px + 2.8em);
        padding-right: 20px;
    }
    #labellisationetapeCtn .etape .etape-comments .etape-comment .commentcontent{
        float: left;
        width: calc(100% - 370px - 2.8em);
    }
    #labellisationetapeCtn .etape.level-2 .etape-comments .etape-comment .commentcontent{
        width: calc(100% - 370px);
    }

    #labellisationetapeCtn .etape .etape-actions a.addcomment.asbtn{
        float:left;
    }
    #labellisationetapeCtn .etape .etape-actions form.validetape{
        margin-left:40px;
        margin-top:0;
    }
}
@media only screen and (min-width:1000px)
{
    #labellisationetapeCtn .etape .etape-actions{
        margin-left: calc(370px + 2.8em + 1.8em);
    }
    #labellisationetapeCtn .etape.level-2 .etape-actions{
        margin-left: calc(370px + 2.8em);
    }
}
#labellisationetapeCtn.encours .etape .etape-actions form.validetape{
    pointer-events: auto;
}
#labellisationetapeCtn .etape .etape-actions form.validetape div.asbtn
{
    margin:0;
}
#labellisationetapeCtn .etape .etape-actions form.validetape div.asbtn > label:before{ /*pour prendre toute la place pour declencher le click*/
    content:"";
    position:absolute;
    inset:0;
}
#labellisationetapeCtn .etape .etape-actions form.validetape div.asbtn input[type=checkbox]{
    accent-color:#5D99AE;
}

#labellisationetapeCtn .etape .etape-actions form.addcomment{
    position:relative;
    display:none;
}
#labellisationetapeCtn .etape .etape-actions form.addcomment textarea{
    position:relative;
    display:block;
    width:100%;
    height:8em;
    font-family:roboto_light;
    font-size:17px;
    margin-bottom:10px;
    background:#ffffff;
    border:1px solid #5D99AE;
    border-radius: 10px;
    padding: 10px;
}
#labellisationetapeCtn .etape .etape-actions form.addcomment input[type=file]{
    position:relative;
    display:block;
    width:100%;
    font-family:roboto_light;
    font-size:17px;
    margin-bottom:10px;
    background:#ffffff;
    border:1px solid #5D99AE;
    border-radius: 10px;
    padding: 10px;
}
#labellisationetapeCtn .etape .etape-actions form.addcomment .btnzone{
    position:relative;
    display:block;
    margin-top:10px;
}
#labellisationetapeCtn .etape .etape-actions form.addcomment .btnzone > input{
    position:relative;
    width:100px;
    display: inline-block;
}
@media only screen and (min-width:641px)
{
    #labellisationetapeCtn .etape .etape-actions form.addcomment .btnzone > input{
        float:left;
        display:block;
        width:200px;
    }
    #labellisationetapeCtn .etape .etape-actions form.addcomment .btnzone > input + input{
        margin-left:20px;
    }
}
#labellisationetapeCtn .etape.etape-finalisation{
    border-bottom:none;
    margin-bottom:0;
}
#labellisationetapeCtn form.finalisation{
    position:relative;
    display: block;
    opacity:.5;
    pointer-events: none;
}
#labellisationetapeCtn.encours.all-etapes-validees form.finalisation{
    opacity:1;
    pointer-events: auto;
}

#labellisationetapeCtn form.finalisation .fieldset{
   position:relative;
    display: block;
    box-sizing: border-box;
}
#labellisationetapeCtn form.finalisation .fieldset:first-child{
    margin-left:0;
}
#labellisationetapeCtn form.finalisation .fieldset input{
    /*background: #ffffff;
    border: 1px solid #3C3C3B;*/
    border-radius: 10px;
}
@media only screen and (min-width:641px)
{
    #labellisationetapeCtn form.finalisation .fieldset{
        float:left;
        width:30%;
        margin-left:5%;
    }
}
#labellisationetapeCtn.encours.all-etapes-validees form.finalisation .fieldset input:read-only{
    opacity: .5;
}
#labellisationetapeCtn form.finalisation .btnzone{
    clear:both;
    float:right;
    margin:10px 0 0 0;
    padding:0;
}
#labellisationetapeCtn form.finalisation .btnzone > input[type=submit]{
    font-size:17px;
    margin:0;
}

/*hide some form for respcommunal*/
#labellisationetapeCtn.respcommunal .etape .etape-actions form.validetape,
#labellisationetapeCtn.respcommunal .etape.etape-finalisation
{
    display:none!important;/*important pour pas laisse changer en JS (toggle)*/
}.labeladmin .fieldset > .field > .chkctnascbo{
    width:auto;
}
.labeladmin .fieldset > .field > .chkctnascbo > .txt {
    width: 100%;
    box-sizing: border-box;
    font-family: roboto_light;
    font-size: 17px;
    background: #ffffff;
    color:#000000;
    border: 1px solid #3C3C3B;
    border-radius: 5px;
    padding:1px 5px 1px 5px;
}
.labeladmin .fieldset > .field > .chkctnascbo > .chkctn{
    box-sizing: border-box;
    background:#ffffff;
    border-radius: 5px;
    border: 1px solid #3C3C3B;
    opacity:0;
    transition:max-height .5s, opacity .5s;
}
.labeladmin .fieldset > .field > .chkctnascbo:hover > .chkctn{
    opacity: 1;
}
.labeladmin .fieldset > .field > .chkctnascbo > .chkctn > span,
.labeladmin .fieldset > .field > .chkctnascbo > .chkctn > .checkall{
    font-size: 15px;
    font-family: roboto_light;
}
.labeladmin .fieldset > .field > .chkctnascbo > .chkctn > span > input[type=checkbox]{
    display: inline-block;
    vertical-align: top;
    width: 20px;
    margin-left: 0;
}
.labeladmin .fieldset > .field > .chkctnascbo > .chkctn > span > label{
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 30px);
}

#labellisationmesureFormEdit.labeladmin .fieldset > .field textarea{
    height:14em;
}

#labellisationmesureCtn{
    position:relative;
    display: block;
}
#labellisationmesureCtn .section{
    position: relative;
    display: block;
    margin: 20px 0 20px 0;
    padding: 0 0 20px 0;
}
#labellisationmesureCtn .section .section-title{
    position: relative;
    display: block;
    text-transform: uppercase;
    border-bottom: 2px solid #5D99AE;
    padding-bottom: 5px;
    margin: 20px 0 20px 0;
    color: #5D99AE;
    font-family: roboto_condensed_bold;
    font-size:18px;
}
#labellisationmesureCtn .section .section-data{
    position: relative;
    display: block;
    margin-bottom:20px;
}
#labellisationmesureCtn .section .section-data .mesure{
    position:relative;
    display:block;
    margin: 0 0 40px 0;
    padding: 0 0 20px 0;
    border-bottom: 2px solid #f2f2f2;
}
#labellisationmesureCtn .section .section-data .mesure .titre{
    position:relative;
    display:block;
    margin-bottom:10px;
    font-family: roboto_condensed_bold;
    width:calc(100% - 40px);
}
#labellisationmesureCtn .section .section-data .mesure .description{
    position:relative;
    display:block;
    margin-bottom:10px;
}
#labellisationmesureCtn .section .section-data .mesure .infos{
    position:relative;
    display:block;
    font-size:15px;
}
#labellisationmesureCtn .section .section-data .mesure .infos > div{
    position:relative;
    display:block;
    box-sizing: border-box;
    margin-bottom: 20px;
}

#labellisationmesureCtn .section .section-data .mesure .infos label{
    display:block;
    font-weight:bold;
    font-family:roboto_condensed_bold;
    font-size: 16px;
    margin-bottom:2px;
}
#labellisationmesureCtn .section .section-data .mesure .infos label.noInfos
{
    display: none;
}
#labellisationmesureCtn .section .section-data .mesure .infos .info > div{
    position: relative;
    display: block;
    margin-bottom:0px;
}
#labellisationmesureCtn .section .section-data .mesure .infos .info > div > label{
    display:block;
    float:left;
    box-sizing: border-box;
    padding-right:10px;
    margin-bottom:0;
}
#labellisationmesureCtn .section .section-data .mesure .infos .info > div > span{
    display:block;
    overflow:hidden;
}

#labellisationmesureCtn .section .section-data .mesure .infos .contact > span{
    display:block;
    margin-bottom: 2px;
}

#labellisationmesureCtn .section .section-data .mesure .trafficlights .trafficlight{
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 30px;
    height:30px;
    border-radius: 50%;
    background-color:#5D99AE;
}
#labellisationmesureCtn .section .section-data .mesure .trafficlights .trafficlight.oui{
    background-color: green;
}
#labellisationmesureCtn .section .section-data .mesure .trafficlights .trafficlight.non{
    background-color: red;
}
#labellisationmesureCtn .section .section-data .mesure .trafficlights .trafficlight.peutetre{
    background-color: orange;
}
#labellisationmesureCtn .section .section-data .mesure .evalctn{
    display:none;
}
#labellisationmesureCtn .section .section-data .mesure .evalctn.show{
    display: block;
    padding:20px;
    margin:20px 0 20px 0;
    background:#f2f2f2;
    position: relative;
    min-height: 62px;
    box-sizing: border-box;
}
@media only screen and (min-width:1000px)
{
    #labellisationmesureCtn .section .section-data .mesure .titre{
        width:auto;
    }
    #labellisationmesureCtn .section .section-data .mesure .infos > div{
        float:left;
        width:33.33%;
        margin-bottom:0;
    }
    #labellisationmesureCtn .section .section-data .mesure .infos > div:nth-child(2){
        padding-left:40px;
        padding-right:40px;
    }
}
#labellisationmesureCtn .section .section-data .mesure .evalctn.show .remarque
{
    width: calc( 100% - 150px);
    font-size: 15px;
}
#labellisationmesureCtn .section .section-data .mesure .evalctn.show .remarque label
{
    font-family: roboto_condensed_bold;
    font-size: 16px;
}

#labellisationmesureCtn .section.mesures{
    opacity:.5;
}
#labellisationmesureCtn .section.mesures.encours{
    opacity: 1;
}
#labellisationmesureCtn .section.mesures .section-data .mesure .btnzone,
#labellisationmesureCtn .section.mesures .section-data .mesure .evalctn a.eval{
    display:none;
}
#labellisationmesureCtn .section.mesures.encours .section-data .mesure .btnzone,
#labellisationmesureCtn .section.mesures.encours .section-data .mesure .evalctn a.eval{
    display:inline-block;
}

#labellisationmesureCtn .section > .btnzone{
    float:right;
    padding:0;
}
#labellisationmesureCtn .section.mesures > .btnzone{
    display:none;
}
#labellisationmesureCtn .section.mesures.encours > .btnzone{
    display:block;
}
#labellisationmesureFormEval{
    width:auto;
}
#labellisationmesureCtn .section.mesures .section-data .asbtn,
#labellisationmesureCtn .section.mesures .section-data input[type=submit],
#labellisationmesureCtn .section.mesures .section-data input[type=button],
#labellisationmesureCtn .section.mesures .section-data input[type=reset],
#labellisationmesureCtn .section.propositions-amelioration .section-data .asbtn,
#labellisationmesureCtn .section.propositions-amelioration .section-data input[type=submit],
#labellisationmesureCtn .section.propositions-amelioration .section-data input[type=button],
#labellisationmesureCtn .section.propositions-amelioration .section-data input[type=reset]
{
    font-size:14px;
    padding-top:5px;
    padding-bottom:5px;
    font-family: roboto_condensed_bold;
    width:80px;
}

#labellisationmesureCtn .section.mesures .section-data .trafficlights,
#labellisationmesureCtn .section.propositions-amelioration .section-data .trafficlights
{
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;

}
#labellisationmesureCtn .section.mesures .section-data .btnzone,
#labellisationmesureCtn .section.propositions-amelioration .section-data .btnzone
{
    display: inline-block;
    vertical-align: top;
    margin-top:0;
    text-align: right;
}
#labellisationmesureCtn .section.mesures .section-data .btnzone.admin,
#labellisationmesureCtn .section.propositions-amelioration .section-data .btnzone.admin
{
    width:auto;
}
#labellisationmesureCtn .section.mesures .section-data .btnzone.admin > *,
#labellisationmesureCtn .section.propositions-amelioration .section-data .btnzone.admin > *
{
    display: inline-block;
}
#labellisationmesureCtn .section.mesures .section-data .btnzone a,
#labellisationmesureCtn .section.propositions-amelioration .section-data .btnzone a
{
    display: inline-block;
}
#labellisationmesureCtn .section.mesures .section-data .btnzone a:first-child,
#labellisationmesureCtn .section.propositions-amelioration .section-data .btnzone a:first-child
{
    margin-top:0;
}
@media only screen and (min-width:641px)
{
    #labellisationmesureCtn .section.mesures .section-data .btnzone.admin > *,
    #labellisationmesureCtn .section.propositions-amelioration .section-data .btnzone.admin > *
    {
        width:200px;
    }
}
@media only screen and (min-width:1000px)
{
    #labellisationmesureCtn .section .section-data .mesure .evalctn.show a.eval
    {
        position: absolute;
        right:20px;
        top:8px;
    }
    #labellisationmesureCtn .section.mesures .section-data .infos,
    #labellisationmesureCtn .section.propositions-amelioration .section-data .infos
    {
        display: inline-block;
        vertical-align: top;
        width:85%;
    }
    #labellisationmesureCtn .section.mesures .section-data .trafficlights,
    #labellisationmesureCtn .section.propositions-amelioration .section-data .trafficlights
    {
        width:50px;
        position: relative;
        top:auto;
        right:auto;
    }
    #labellisationmesureCtn .section.mesures .section-data .btnzone,
    #labellisationmesureCtn .section.propositions-amelioration .section-data .btnzone
    {
        width: calc(15% - 70px);
    }
}