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

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

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

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

/* CONTAINERS PRINCIPAUX */
.mainHolder
{
}

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

/* Montage Evionnaz */
#header .mainContainer {
	padding: 22px 0;
	z-index: 3;
}
#logo {
	display: inline-block;
	height: 41px;
	background: url(/template/image/evionnaz_m_x1.png) no-repeat 15px top;
	padding-left: 60px;
	font-size: 13px;
	line-height: 13px;
	float: left;
	margin-right: 60px;
	opacity: 1;
	transition: opacity 0.3s;
	background-size: 33px;
}
#logo .l1 {
	color: #000;
	margin-bottom: 5px;
	margin-top: 9px;
}
#logo .l2 {
	color: #000;
	font-family: montserratregular;
	margin-top: 5px;
}
body.nooverflow #logo {
	opacity: 0;
}
#header .menuHolder, #header .searchHolder {
	float: left;
}
#header .menuHolder {
	max-width: 650px;
}
body:not(.admin) #header .menuHolder {
	max-height: 102px;
}
#header .searchHolder {
	max-width: 230px;
	width: 100%;
}

#footer {
	margin-top: 188px;
	background-color: #008ccf;
	color: #fff;
	font-family: montserratregular;
	font-size: 16px;
	line-height: 25px;
	position: relative;
	padding-top: 60px;
	padding-bottom: 150px;
}
#footer:before {
	display: block;
	content: '';
	min-height: 50px;
	padding-top: 9.6%;
	background: url(/template/image/vagueFond.png) no-repeat top center;
	background-size: contain;
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: -4.8%;
}
#footer .infos > div {
	display: block;
	vertical-align: top;
	width: 100% !important;
	max-width: 350px;
	margin: 0 auto;
	margin-top: 30px;
}
#footer .infos > div.horaires {
	width: 42%;
}

#footer .adresse a, #footer .horaires a {
	color: #fff;
}
#footer .horaires .title, #footer .menu {
	margin-bottom: 20px;
	padding-top:20px;
	border-top:1px solid #FFFFFF;
}
#footer .horaires .title.telephone
{
	border-top:1px solid #FFFFFF;
	margin-top:20px;
	padding-top:0;
}
#footer .horaires .label {
	display: block;
}
#footer .horaires .value {
	display: block;
	font-family: montserratlight;
}
#powered {
	position: absolute;
	bottom: -130px;
	right: 10px;
	font-family: montserratlight;
	font-size: 12px;
}
#powered a {
	background-image:url(/template/image/boomerang-marketing.svg);
	background-repeat: no-repeat;
	background-size:100% auto;
	display:block;
	width:125px;
	height:10px;
}
#footer .styleMenuAdmin {
	line-height: 15px;
}
#titleHome {
	display: none;
	position: absolute;
	width: 100%;
	padding: 250px 30px 0 30px;
	box-sizing: border-box;
	top: 0;
	z-index: 1;
	text-align: center;
	color: #fff;
	font-size: 32px;
	font-family: montserratregular;
	text-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
body.home #titleHome {
	display: block;
}
#scrollHome {
	display: none;
	position: absolute;
	top: 0;
	margin-top: 36%;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-color: #228dca;
	z-index: 1;
}
#scrollHome:before {
	color: #fff;
	font-size: 30px;
	width: 100%;
	text-align: center;
	display: block;
    height: 50px;
    line-height: 50px;
	cursor: pointer;
}

#homeleft, #homeright {
	width: 100%;
	vertical-align: top;
}

#homeleft .img {
	position:relative;
	max-width: 860px;
	padding-top: 48%;
	width: 100%;
	background: url(/template/image/imghome.jpg) no-repeat right top;
	background-size: cover;
	margin: 0 auto;
}
#homeleft .img > div /*webcam*/
{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#homeleft .img > div > a /*webcam*/
{
	display:block;
	width:100%;
	height:100%;
}
#homeleft .img > div > a > img /*webcam*/
{
	height:100%!important;
}



#homeright {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 860px;
	margin-top: 20px;
	padding: 0 10px;
}
#leftContent, #rightContent {
	vertical-align: top;
}
#leftContent {
/* 	width: 360px; */
/* 	margin-right: 80px; */
}
#rightContent {
/* 	width: calc(100% - 450px); */
}
body:not(.home) #rightContent {
	padding-top: 30px;
}
#content .top {
	margin-bottom: 60px;
}



/* Media queries pour le montage */
@media only screen and (min-width:400px)
{
	#footer .horaires .label {
		display: inline-block;
		width: 50%;
		margin-right: 5%;
	}
	#footer .horaires .value {
		display: inline-block;
		width: 40%;
		font-family: montserratlight;
	}
}
@media only screen and (min-width:840px)
{
	body.home .headCtn h1 {
		font-size: 48px !important;
		line-height: 48px !important;		
	}	
	#footer .infos > div {
		display: inline-block;
		width: 24% !important;
		margin-right: 3%;
		vertical-align: top;
		margin-top: 0 !important;
	}
	#footer .infos > div.horaires {
		width: 42% !important;
		margin-right: 5%;
	}
	#footer .infos > div:last-child {
		margin-right: 0;
	}
	#footer .horaires .title, #footer .menu {
		border-top:0;
		padding-top:0;
	}
}
@media only screen and (min-width:1000px)
{
	body.home #scrollHome {
		display: block;
		margin-top: 32%;
	}
	#titleHome {
		font-size: 80px;
		padding-top: 20%;
	}
	#homeleft, #homeright {
		width: 49%;
		display: inline-block;
	}
	#homeleft .img {
		float: right;
	}
	#homeright {
		max-width: 650px;
		padding-left: 20px;
		margin-top: 0;
	}
	body.home .headCtn h1 {
		max-width: 75% !important;
	}
	#footer .infos > div {
		margin-right: 4%;
	}
	#footer .infos > div.horaires {
		margin-right: 8%;
	}
}
@media only screen and (min-width:1220px)
{
	#leftContent {
		width: 360px;
		margin-right: 80px;
		display: inline-block;
	}
	#rightContent {
		width: calc(100% - 450px);
		display: inline-block;
		padding-top: 0 !important;
	}
	body:not(.home) #rightContent {
		float: right;
		margin-top: 0;
	}
	#scrollHome {
		margin-top: 30%;
	}
	#titleHome {
		padding-top: 20%;
	}
	#logo {
		height: 102px;
		background-image: url(/template/image/evionnaz_x1.png);
		background-size: 81px;
		font-size: 25px;
		line-height: 25px;
		padding-left: 115px;
	}
	#logo .l1 {
		margin-bottom: 5px;
		margin-top: 24px;
	}
	#logo .l2 {
		margin-top: 5px;
	}
	.headCtn
	{
		margin-top: 0 !important;
	}
	.headCtn h1
	{
		margin-top: 0 !important;
	}
}

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



/* ENTETE DES PAGES*/
.headCtn
{
/* 	overflow:hidden; fait office de divwrapper */
	margin:50px 0 30px 0; 
}
body.home .headCtn {
	margin-top: 0;
	margin-bottom: 0;
}
.headCtn h1
{
	margin:10px 0 30px 0;
	font-size:48px;
	line-height: 48px;
	font-weight: normal;
}
body.home .headCtn h1 {
	font-size: 24px;
	line-height: 24px;
}
.headCtn h2 /*resume of the page*/
{
	margin:0;
    font-size:20px;
	font-weight: normal;
  	overflow:hidden;
	margin-bottom: 40px;
}
body.home .headCtn h2 {
	font-family: montserratlight;
	font-size: 16px;
	line-height: 21px;
}

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

.headCtn h2:empty
{
	display:none;
}


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

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

.listElement .img
{
	position:relative;
	display:block;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
	transition:opacity 0.5s;
}
.listElement .img:before
{
	content: '';
	display:block;
	padding-top:75%;
	background-color: rgba(0, 140, 207, 0);
	transition: all 0.5s;
}
.listElement:hover .img:before {
	background-color: rgba(0, 140, 207, 0.64);
}
.listElement .img:after {
	font-family: cms_icons;
	color: transparent;
	content:"\e907";
	transition: all 0.5s;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -16px;
	margin-top: -16px;
	font-size: 32px;
	transform: rotateZ(45deg);
}
.listElement:hover .img:after {
	color: #fff;
}

.listElement .txt
{
	display:block;
	position:relative;
	padding:30px 20px;
	overflow:hidden;
	background-color: #f2f2f2;
	height: 200px;
	box-sizing: border-box;
}

.listElement h5
{
	margin:10px 0px 20px 0px;
	font-weight: normal;
	font-family: montserratregular;
	font-size: 24px;
	color:#000000;
	text-transform: none;
}
.listElement .resume
{
	display:block;
	color:#000000;	
}

/* ZONE HTML */
.htmlcontent
{
	overflow:hidden;
}
body.home .htmlcontent p {
	margin: 0;
	line-height: 21px;
}
.htmlcontent img
{
	max-width:100%;
	height:auto!important;
}
	
.htmlcontent iframe
{
	max-width:100%;
}

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

H1, H2, H3 /*H3 in html content // H1,H2 in case someone try to use this level in html content */
{
    margin:25px 0 15px 0;
    font-weight: normal;
    font-size:24px;
	font-family: montserratregular;
}

H4, H5, H6 /*H4 in html content // H5,H6 in case someone try to use this level in html content */
{
    margin:20px 0 10px 0;
    font-weight: normal;
    font-size:16px;
	text-transform: uppercase;
	font-family: montserratregular;
}


A
{
	color:#02408c;
    text-decoration:none;
}

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

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

.htmlcontent li, .bgEditor li {
	line-height: 24px;
    padding-left: 20px;
    text-indent: -10px;
}
.htmlcontent li:before, .bgEditor li:before {
    content: "•";
    color: #44abdc;
    margin-left: 0px;
    margin-right: 8px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    line-height: 0.5;
}
ol {
	padding-left: 25px;
}
ol li {
	padding-left: 10px !important;
	text-indent: 0 !important;
}
ol li:before {
	display: none !important;
}

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:641px)
{
	.listElement
	{
		float:left;
		width:46%;
		margin-right:7%;
	}
	.listElement:nth-child(2n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}

	.listElement .img
	{
		float:none;
		width:100%;
	}
}
@media only screen and (min-width:1000px)
{
	
}


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

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

table th
{
	text-align:left;
}

table.stylized {
	border: 0 !important;
}
table.stylized th {
	background-color: #008ccf;
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	font-family: montserratregular;
	padding: 25px 25px;
	border-right: 1px solid #fff !important;
	border-bottom: 0;
	border-top: 0;
}
table.stylized tr th:last-child {
	border: 0 !important;
}
table.stylized td {
	border: 0;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	padding: 20px 25px;
	background-color: #f2f2f2;
}
table.stylized tr:last-child td {
	border-bottom: 0;
}

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:1220px)
{
	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;
}
.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 ********************/


/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	#logo
	{
		background-image: url(/template/image/evionnaz_x2.png);
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width:1220px),  
       only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width:1220px),  
       only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width:1220px),  
       only screen and (min-device-pixel-ratio: 1.5) and (max-width:1220px)
{
	#logo
	{
		background-image: url(/template/image/evionnaz_m_x2.png);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	#logo
	{
		background-image: url(/template/image/evionnaz_x3.png);
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2.5) and (max-width:1220px),  
       only screen and (-o-min-device-pixel-ratio: 5/2) and (max-width:1220px),  
       only screen and (min--moz-device-pixel-ratio: 2.5) and (max-width:1220px),  
       only screen and (min-device-pixel-ratio: 2.5) and (max-width:1220px)
{
	#logo
	{
		background-image: url(/template/image/evionnaz_m_x3.png);
	}
}#agendaListCtn .listElement .date
{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
	padding:10px;
	color:#ffffff;
	z-index:1;
	font-size: 22px;
	background:rgba(0,140,207, .75);
	font-family: montserratregular;
}

#agendaHeadCtn h1 .date
{
	display:block;
	font-size:16px;
	margin-bottom:5px;
}/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha { float:left;margin-top:20px;width:224px;}
.QapTcha .clr{ clear:both; }
.QapTcha .bgSlider { width:202px;height:22px;float:left;background:url('/plugin/captcha/template/images/fondcaptcha.png') no-repeat; }
.QapTcha .Slider { width:47px;height:22px;background:url('/plugin/captcha/template/images/btncaptcha.png') no-repeat;cursor:e-resize;position:relative;top:0;left:0; }
.QapTcha .TxtStatus { width:282px;padding:3px;margin-top:7px;text-align:left;color:#787878;font-family:Verdana;font-size:10px;clear:both; }
.QapTcha .dropSuccess {  background:transparent;color:#4e8b37; }
.QapTcha .dropError { color:#787878; }
.QapTcha .Lock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top left;width:15px;height:17px; }
.QapTcha .unLock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top right;width:16px;height:17px; }
.QapTcha .divError { background:red;color:#FFFFFF;width:230px; }/* CARTOUCHE GENERIQUE */
.cartoucheCtn
{
	position:relative;	
}

.cartoucheCtn h5
{
	margin:20px 0px 10px 0px;
}

.cartoucheCtn .more
{
	display:block;
	color:#000000;
	text-decoration:none;
	text-align:right;
}

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

.cartoucheElementCtn
{
	position:relative;
}

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

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

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

.cartoucheElement h6
{
	margin:0px 0px 10px 0px;
	font-weight:normal;
	color:#000000;
	text-transform: none;
	font-size: 24px;
	font-weight: normal;
}
.cartoucheElement .resume
{
	display:block;
	color:#000000;
	margin-top: 30px;
}

/* CARTOUCHE NEWS */
#cartoucheNewsCartoucheCtn {
	max-width: 360px;
	margin: 50px auto 50px auto;
}
#cartoucheNewsCartoucheCtn h5 {
	background-color: #f2f2f2;
	padding: 25px 20px;
	font-size: 24px;
	text-transform: none;
}

#cartoucheNewsCartoucheCtn .cartoucheElement
{
	margin-bottom: 0;
}
#cartoucheNewsCartoucheCtn .cartoucheElement .txt {
	padding: 20px;
	border-bottom: 1px solid #008ccf;
}
#cartoucheNewsCartoucheCtn .cartoucheElement:last-child .txt {
	border-bottom: 0;
}

#cartoucheNewsCartoucheCtn .more
{
    position: relative;
	font-family: montserratregular;
}
#cartoucheNewsCartoucheCtn .more:after {
	font-family: cms_icons;
	margin-left: 8px;
	content: "\e904";
	color: #0a90d1;
	font-size: 12px;
}
body:not(.home) #cartoucheNewsCartoucheCtn h5 {
	margin-top: 100px;
}
body:not(.home) #cartoucheNewsCartoucheCtn .more {
	position: relative;
	top: 0;
}


/* AGENDA */
#cartoucheAgendaCartoucheCtn {
	max-width: 360px;
	margin: 100px auto 0 auto;
}
#cartoucheAgendaCartoucheCtn h5 {
	text-transform: none;
	font-family: montserratregular;
	font-size: 24px;
	margin-top: 100px;
	margin-bottom: 30px;
}
body:not(.home) #cartoucheAgendaCartoucheCtn h5 {
	margin-top: 60px;
}
#cartoucheAgendaCartoucheCtn .more {
	font-family: montserratregular;
}
#cartoucheAgendaCartoucheCtn .more:after {
    font-family: cms_icons;
    margin-left: 8px;
    content: "\e904";
    color: #0a90d1;
    font-size: 12px;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement h6 {
	font-size: 16px;
	text-transform: uppercase;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement .resume {
	margin-top: 15px;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement .date {
	display: inline-block;
	width: 85px;
	padding-right: 15px;
	color: #008ccf;
	vertical-align: top;
	border-right: 1px solid #008ccf;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement .date .jour {
	font-family: montserratsemibold;
	font-size: 72px;
	line-height: 72px;
	display: block;
	text-align: center;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement .date .mois {
	font-family: montserratregular;
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	display: block;
	text-align: center;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement .txt {
	display: inline-block;
	padding-right: 15px;
	width: calc(100% - 110px);
	box-sizing: border-box;
	vertical-align: top;
}

/* MEDIA QUERIES */
@media only screen and (min-width:500px)
{
	#cartoucheNewsCartoucheCtn h5 {
		font-size: 48px;
		padding: 45px 40px;
	}
	#cartoucheAgendaCartoucheCtn h5 {
		font-size: 48px;
	}
	#cartoucheNewsCartoucheCtn .cartoucheElement .txt {
		padding: 40px;
	}
}
@media only screen and (min-width:641px)
{
	.cartoucheElement .img
	{
		float:none;
		width:100%;
	}
}
@media only screen and (min-width:1220px)
{
	body.home #cartoucheNewsCartoucheCtn, body.home #cartoucheNewsCartoucheCtn h5 {
		margin-top: 0;
	}
	#cartoucheAgendaCartoucheCtn {
		max-width: 100%;
	}
	#cartoucheNewsCartoucheCtn {
		max-width: 100%;
	}
	#cartoucheNewsCartoucheCtn .more {
		position:absolute;
		right: 40px;
		top: 60px;
	}
	body:not(.home) #cartoucheNewsCartoucheCtn .more {
		right: 0;
	}
}/* Class design */
#accesDirects {
	background-color: #008ccf;
	padding: 20px 0;
	max-height: 60px;
	box-sizing: border-box;
	overflow: hidden;
	transition: all 0.3s;
	max-width: 360px;
	margin: 0 auto 0 auto;
}
body:not(.home) #accesDirects {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -152px;
	z-index: 1;
}
#accesDirects.open {
	max-height: 1000px;
}
#accesDirects .toggle {
	text-align: center;
	color: #fff;
	margin-bottom: 25px;
	cursor: pointer;
}
#accesDirects .toggle:before {
	font-size: 16px;
	margin-right: 20px;
	transition: transform 0.3s;
	display: inline-block;
}
#accesDirects.open .toggle:before {
	transform: rotateZ(90deg);
}
#accesDirects .acces {
	padding: 20px 30px;
	display: block;
	border-top: 1px solid #4dafdd;
	transition: background-color 0.5s;
}
#accesDirects .acces .icon {
	display: inline-block;
	width: 38px;
	height: 37px;
	vertical-align: middle;
	background: url(/template/image/accesdirects.png) no-repeat left top;
	background-size: 163px;
	margin-right: 12px;
}
#accesDirects .acces .txt {
	font-family: montserratregular;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	transition: color 0.3s;
}
#accesDirects .acces:hover {
	background-color: #02408c;
}
#accesDirects .acces:hover .txt {
/* 	color: #02408c; */
}

#accesDirects .acces:hover .icon {
/* 	background-position: 0 -37px; */
}
#accesDirects .acces:nth-child(2) .icon {
	background-position: -39px 0;
	width: 26px;
	margin-left: 6px;
	margin-right: 18px;
}
#accesDirects .acces:nth-child(2):hover .icon {
/* 	background-position: -39px -37px; */
}
#accesDirects .acces:nth-child(3) .icon {
	background-position: -66px 0;
	width: 33px;
	margin-left: 3px;
	margin-right: 14px;
}
#accesDirects .acces:nth-child(3):hover .icon {
/* 	background-position: -66px -37px; */
}
#accesDirects .acces:nth-child(4) .icon {
	background-position: -100px 0;
	width: 26px;
	margin-left: 6px;
	margin-right: 18px;
}
#accesDirects .acces:nth-child(4):hover .icon {
/* 	background-position: -100px -37px; */
}
#accesDirects .acces:nth-child(5) .icon {
	background-position: -128px 0;
	width: 35px;
	margin-left: 2px;
	margin-right: 13px;
}
#accesDirects .acces:nth-child(5):hover .icon {
/* 	background-position: -128px -37px; */
}


#homeAccesDirect {
	
}
#homeAccesDirect .bloc {
	position: relative;
	padding-bottom: 40px;
}
#homeAccesDirect .bloc:last-child {
	padding-bottom: 0;
}
#homeAccesDirect .bloc .img {
	width: 100%;
	height: 300px;
	max-width: 450px;
	margin: 0 auto;
	display: block;
	background: url(/template/image/homeacces1.jpg) no-repeat center center;
	background-size: cover;
}
#homeAccesDirect .bloc .liens {
	margin: 0 auto;
	max-width: 450px;
	padding: 40px;
	box-sizing: border-box;
	background-color: #f2f2f2;
}
#homeAccesDirect .bloc .liens a {
	display: block;
	color: #000;
	line-height: 40px;
}
#homeAccesDirect .bloc .liens a:before {
	font-family: cms_icons;
    content: "\e904";
    color: #0a90d1;
    font-size: 12px;
	max-width: 0;
	overflow: hidden;
	transition: all 0.3s;
	margin-right: 0;
	display: inline-block;
	vertical-align: top;
}
#homeAccesDirect .bloc .liens a:hover:before {
	max-width: 100px;
	margin-right: 10px;
} 
#homeAccesDirect .bloc h6 {
	margin-top: 0;
	font-family: montserratregular;
	font-size: 30px;
	text-transform: none;
	margin-bottom: 20px;
}
#homeAccesDirect .bloc:nth-child(2) .img {
	right: 0;
	background-image: url(/template/image/homeacces2.jpg);
}

@media only screen and (min-width:500px)
{
	#homeAccesDirect .bloc h6 {
		font-size: 48px;
	}
}
@media only screen and (min-width:800px)
{
	#homeAccesDirect .bloc {
		background-color: #f2f2f2;
	}
	#homeAccesDirect .bloc .img {
		width: 312px;
		position: absolute;
		top: 0;
		bottom: 0;
		height: auto;
	}
	#homeAccesDirect .bloc .liens {
		width: calc(100% - 312px);
		float: right;
		max-width: 100%;
	}
	#homeAccesDirect .bloc:nth-child(2) .liens {
		float: left;
	}
}
@media only screen and (min-width:1000px)
{
	
}
@media only screen and (min-width:1220px)
{
	#accesDirects {
		max-height: 1000px;
		max-width: 100%;
	}
	#accesDirects {
		position: relative !important;
		left: auto !important;
		margin-left: 0 !important;
	}
	#accesDirects .toggle {
		display: none;
	}
	#accesDirects .acces {
		border-top: 0;
	}
}#documentListCtn .listElement
{
	/*width:auto;
	float:none;*/
/* 	margin:0 7% 7% 0; */
	overflow:visible;
}
#documentListCtn .listElement:nth-child(2n) {
	margin-right: 0;
}

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

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

#documentListCtn .listElement .txt
{
	padding:20px 10px 0 45px;
	height: 110px;
}
#documentListCtn .listElement .txt .resume {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#documentListCtn .listElement .admin
{
	position:absolute;
	display:block;
	top:5px;
	left:-12px;
}
#faqListCtn .listElement
{
	width:auto;
	float:none;
	border:0px;
	margin:0px 0px 10px 0px;
}

#faqListCtn .listElement .question
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:25px 25px 25px 25px;
	background: #008ccf;
}
#faqListCtn .listElement .question h5
{
	color:#ffffff;
	text-transform:uppercase;
	margin:0px;
}
#faqListCtn .listElement .question:after {
	content: "\e904";
	color: #fff;
	font-size: 22px;
	font-family: cms_icons;
	position: absolute;
	right: 25px;
	top: 50%;
	margin-top: -11px;
	transition: transform 0.3s;
	transform-origin: center center;
}
#faqListCtn .listElement .question.open:after {
	transform: rotateZ(90deg);
}

#faqListCtn .listElement .question.open, #bodyprint #faqListCtn .listElement .question
{
	
}

#faqListCtn .listElement .question.open h5, #bodyprint #faqListCtn .listElement .question h5
{

}

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

#bodyprint #faqListCtn .listElement .answer
{
	display:block;
}#galleryimageListCtn .listElement
{
	width:auto;
	height:auto;
	box-sizing:border-box;
	padding:5px;
	border:0px;
	background:#ddd;
	margin:0 0 10px 0;
	overflow:visible;
}

#galleryimageListCtn .listElement .img
{
	width:100%;
	float:none;
}

#galleryimageListCtn .listElement .img:before, .imgcropctn.gallery:before
{
	padding-top:60%;
}

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

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

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

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

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

@media only screen and (min-width:801px)
{
	#galleryimageListCtn .listElement
	{
		width:23.5%;
	}
	#galleryimageListCtn .listElement:nth-child(4n+0)
	{
		margin-right:0;
	}
}/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}

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

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

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

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

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

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

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

#leftPanel #menuMain {
	padding-top: 30px;
}

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

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

#menuIconeOuter {
	position: absolute;
	right: 20px;
	top: 28px;
	font-family: montserratregular;
	font-size: 11px;
	line-height: 30px;
	vertical-align: middle;
	transition: color 0.3s;
}
body.nooverflow #menuIconeOuter {
	position: fixed;
	color: transparent;
}
#menuIcone
{
	display:inline-block;
	vertical-align:top;
	width: 30px;
	height: 30px;
	cursor:pointer;
	background: #fff;
	background-size:cover;
	padding-top: 8px;
	box-sizing: border-box;
	border-radius: 15px;
}
body.nooverflow #menuIcone {
	background-color: #008ccf;
}
body.nooverflow #menuIcone .line, body.nooverflow #menuIcone:before, body.nooverflow #menuIcone:after {
	background-color: #fff !important;
}
.menuIcone .line, .menuIcone:before, .menuIcone:after {
	width: 20px;
	height: 2px;
	background-color: #000;
	margin: 0 auto 4px auto;
	transform-origin: center center;
	transition: transform 0.5s;
	display: block;
	content: '';
	position: relative;
}
body.nooverflow .menuIcone:before {
	transform: rotateZ(45deg) translate(4px, 4px);
}
body.nooverflow .menuIcone .line {
	transform: scaleX(0);
}
body.nooverflow .menuIcone:after {
	transform: rotateZ(-45deg) translate(4px, -5px);
}



#leftPanel a.copy
{
	display:none;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
#menuMain ul
{
	margin:0px;
	padding:0px;
	font-size:18px;
	color:#ffffff;
}

#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 10px 7px 20px;
	margin-bottom:2px;
}
#menuMain li > a:hover, #menuMain li > a.menuselected:not(.parent)
{
}

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

#leftPanel #menuMain li.menu0 {
	border-bottom: 1px solid #4dafdd;
}
#leftPanel #menuMain a.menu0
{
	font-family: montserratregular;
	font-size: 15px;
	padding:15px 10px 15px 15px;
}
#leftPanel #menuMain ul.menu1 {
	border-bottom: 1px solid #4dafdd;
}
#leftPanel #menuMain li.menu0:last-child a.menu0 {
	border-bottom: 0;
}
#leftPanel #menuMain a.menu1
{
	font-family: montserratregular;
	font-size: 11px;
	padding: 10px 10px 10px 25px;
}
#leftPanel #menuMain a.menu2
{
	font-family: montserratregular;
	font-size: 11px;
	padding-left: 40px;
}

#menuMain a.menu1
{
	font-size: 17px;
}
#menuMain a.menu2
{
	font-size:16px;
	padding-left:60px;
}

/**************************************************/
/*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:5px;
	padding-top:0px;
}
#menuMain .menu0 > .styleDivArrowAdmin {
	margin-right: -12px;
	margin-left: -5px;
	margin-top: 7px;
	z-index: 5;
	position: relative;
}

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

#menuFondMain li > a {
	color: #fff;
}
#menuFondMain li.menu0 ul {
	max-height: 0;
	padding: 0;
	overflow: hidden;
	transition: max-height 0.5s;
	margin-left: 20px;
}
#menuFondMain li.menu0 ul.open {
	max-height: 1000px;
}


/* MEDIA QUERIES */
@media only screen and (min-width:1220px)
{
	#leftPanel, #menuIconeOuter
	{
		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 ul
	{
		margin:0px;
		padding:0px;
		display:none;
		font-family: montserratregular;
		font-size: 18px;
		color:#000;
		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
		position:relative;
	}
	
	#menuMain ul.menu0
	{
		display:block;
		min-height:50px;
		margin-top: 30px;
		margin-bottom: -5px;
	}
	#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
	{
		color:#000;
		text-decoration:none;
		text-transform:none;
		outline:none;
		font-family: montserratregular;
		padding-left: 10px;
	}
	
	#menuMain li.menu0
	{
		display:block;
		float:left;
		height:77px;
	}
	
	#menuMain a.menu0
	{
		padding: 10px 8px 7px 8px;
		text-transform: none;
		font-weight: normal;
		height: 100%;
		line-height: 18px;
	}
	
	
	/*1er niveau: Effet rollover et actif des liens*/
	#menuMain a.menu0.menuHover, #menuMain a.menu0.menuselected
	{
		position: relative;
		color: #fff;
		z-index: 1;
	}
	#menuMain a.menu0.menuHover:before, #menuMain a.menu0.menuselected:before
	{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: #008ccf;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	
	
	/*2ème niveau: Couleur des ul*/
	#menuMain li.menu0 ul
	{
		
		margin-top:-2px;
		position:absolute;
		left: 0;
		right: 0 !important;
		z-index: 3;
		margin-right: -205px;
		max-height: 0;
		padding: 0;
		overflow: hidden;
		display: block;
		background-color: #008ccf;
	}
	#menuMain li.menu0 ul.open {
		max-height: 1000px;
		padding:10px 0 10px 0; 
/* 		display: block; */
		overflow: visible;
		z-index: 6;
	}
	#subMenuBackground {
		display: block;
		position: absolute;
		content: '';
		left: 0;
		right: 0;
		height: 0;
		background: #008ccf;
		z-index: 2;
		transition: height 0.1s;
	}
	
	/*2ème niveau: style des li*/
	#menuMain li.menu1
	{
		display:block;
		float:left;
		width:240px;/*obligatoire si on veut que tout le li soit cliquable*/
		padding: 10px 0;
	}
	
	/*2ème niveau : Style des liens "off" */
	#menuMain li.menu0 ul li > a
	{
		color:#fff;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
		padding-right: 20px;
	}
	#menuMain li.menu0 ul li > a:before {
		content: "\e904";
		font-family: cms_icons;
		font-size: 0;
		color: #01549e;
		padding-right: 0;
		transition: all 0.5s;
	}
	
	/*2ème niveau: Style des liens "on" */
	#menuMain ul.menu1 li > a.menuHover, #menuMain ul.menu1 li > a.menuselected
	{
		color:#fff;
		text-decoration:none;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
		padding-right: 5px;
	}
	#menuMain ul.menu1 li > a.menuHover:before, #menuMain ul.menu1 li > a.menuselected:before {
		font-size: 13px;
		padding-right: 8px;
	}
	
	/*3ème niveau: style de sous-menu*/
	#menuMain li.menu1 ul
	{
/* 		margin:-15px 0px 0px 100px; */
/* 		padding:7px 20px 7px 20px; */
		background: none;
		z-index: 3;
		background: #008ccf;
		padding-left: 15px;
		width: 200px;
	}
	#menuMain li.menu1 ul:before {
		display: none;
		display: block;
	}
	
	/*3ème niveau: style des li*/
	#menuMain li.menu1 ul li
	{
		width:240px;
		margin-bottom:7px;
		
	}
	
	/*3ème niveau: style des liens "off" */
	#menuMain li.menu1 ul li > a 
	{
		display:block;
		text-decoration:none;
		padding-left: 15px;
	}
	
	/*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;
	}
	
	
	/*********************************************************************************************************************/
	
	/**************************************************/
	/*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:Miso;
		font-size:20px;
		color:black;
		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*/
		padding-left:20px;
		width:auto;
	
	}
	
	
	/*Style pour le niveau 0 -> main*/
	
	#menuClickMain li.menu0
	{
		
		width:auto;
		margin-left:7px;
		margin-right:7px;
		background-color:green;
	}
	
	/*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;
	}
	
	
	/*1er niveau: Permet de gérer la taille pour le nombre de colonne*/
	#menuClickMain li.menu1
	{
		margin-right:20px;
		margin-bottom:7px;
		background-color:pink;
		width:203px;
		
	
	}
	
	/*1er niveau: Style du hover et du selected pour les liens*/
	#menuClickMain li.menu1:hover, #menuClickMain li.menu1.menuselected
	{
		width:203px;
		margin-right:20px;
		margin-bottom:7px;
		background-color:blue;
		text-decoration:none;
		
	}
	
	/*1er niveau: Style du hover et du selected pour les liens*/
	#menuClickMain li.menu1 a:hover, #menuClickMain li.menu1 a.menuselected
	{
		color:white;
		text-decoration: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;
		margin-left:7px;
		margin-right:7px;
	
	}
	
	#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;
	}
}#myaccountCtn
{
	display:none;
}
@media only screen and (min-width:1200px)
{
	#myaccountCtn
	{
		display:block;
		position:absolute;
		top:40px;
		right:0;
		z-index:5;
	}
	#myaccountCtn h5
	{
		margin:0px;
		padding:0px;
		font-size:16px;
		font-weight:bold;
		color:#ffffff;
		background:#000000;
		width:14px;
		padding:10px;
		text-align:center;
		word-break:break-all;
		float:left;
	}
	
	#myaccountCtn .infos
	{
		background:#dcdcdc;
		float:left;
		font-size:16px;
		max-width:0;
		max-height:187px;
		overflow:hidden;
		transition:max-width 0.3s, max-height 0.5s;
	}
	#myaccountCtn:hover .infos
	{
		max-width:300px;
		max-height:750px;
		padding:10px;
		border:1px solid #000000;
	}
	
	#myaccountCtn .infos .myAccountPart
	{
		margin-bottom:15px;
	}
	
	#myaccountCtn .infos .myAccountPart.first .title
	{
		font-weight:normal;
	}
	
	#myaccountCtn .infos .title
	{
		font-weight:bold;
		margin-bottom:10px;
	}
	
	#myaccountCtn .infos a
	{
		position:relative;
		display:block;
		margin:7px 0 7px 1px;
		padding-left:10px;
		text-decoration:none;
		color:#000000;
		transition:margin-left .2s;
	}
	#myaccountCtn .infos a:hover
	{
		margin-left:10px;
	}
	#myaccountCtn .infos a:before
	{
		position:absolute;
		display:block;
		left:0;
		top:50%;
		margin-top:-.5em;
		font-size:8px;
	}
}

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

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

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

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

#newsListCtn .listElement .date
{
	position:absolute;
	bottom:5px;
	right:14px;
	color:grey;
	font-size:11px;
}/*Styles spécifiques du plugin page en T1 */#printsendCtn
{
	position:relative;
	display: none;
}
#printsendCtn:after
{
	content:"";
	display:block;
	clear:both;
}

#printsendCtn > a
{
	display:block;
	float:left;
	margin-right:10px;
	transition:color .5s;
	color: #033647;
}
#printsendCtn > a.pdf:before {
	font-size: 22px;
}
#printsendCtn > a:hover
{
	color: #008ccf;
}

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

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

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

.ressourceBtnSearch
{
	height:20px;	
}



/*STYLE POUR LA ZONE DE RECHERCHE*/
#searchCtnAPI
{
	margin-top: 38px;
}
#leftPanel #searchCtnAPI {
	margin-top: 0;
}

#cse-search-box-api
{
	display:block;
	position:relative;
}

#leftPanel #cse-search-box-api
{
	padding: 30px 20px 29px 60px;
	background: #008ccf;
	border-bottom: 1px solid #fff;
} 

#cse-search-box-api input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:25px;
	font-size:12px;
	color:#000000;
	background:#ffffff;
	border:solid 1px #000000;
	border-right:0;
	border-radius:10px 0 0 10px;
	outline:0;
}
#cse-search-box-api input[type=text].placeholder
{
	color:#666666;
}
#leftPanel #cse-search-box-api input[type=text] {
	border: 0;
	background: none;
	color: #fff;
	font-size: 16px;
	font-family: montserratlight;
}
#leftPanel  #cse-search-box-api input[type=text].placeholder {
	color: #fff;
	font-size: 16px;
}

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

#cse-search-box-api .submit
{
	display:block;
	position:absolute;
	top:0;
	right:0;
	box-sizing:border-box;
	width:40px;
	height:25px;
	background:#ffffff;
	border:solid 1px #000000;
	border-left:0;
	border-radius: 0 10px 10px 0;
	cursor:pointer;
	outline:0;
	text-align:center;
	font-size:0; /*to avoid moving the :before position*/
	overflow:hidden;
}
#leftPanel #cse-search-box-api .submit
{
	top:28px;
	left:20px;
	border: 0;
	background: none;
	text-align: left;
	color: #fff;
} 

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width:641px)
{
	#searchapiResultsCtn .results .result .data .img
	{
		width:20%;
		margin-right:2%;
		margin-bottom:0;
	}
	#searchapiResultsCtn .results .result .data .txt
	{
		float:left;
		width:78%;
	}
}
@media only screen and (min-width:1220px)
{
	#cse-search-box-api input[type=text]
	{
		border: 0;
		background-color: #f1f1f1;
		height: 22px;
		line-height: 22px;
		border-radius: 11px;
		margin-left: 10px;
		padding-left: 10px;
		display: inline-block;
		width: calc(100% - 50px);
		box-sizing: border-box;
		vertical-align: top;
	}
	#cse-search-box-api input[type=text].placeholder
	{
		
	}
	#cse-search-box-api .submit
	{
		width: 30px;
		display: inline-block;
		position: relative;
		border: 0;
		vertical-align: top;
	}
	#cse-search-box-api .submit:before
	{
		color: #008ccf;
		font-size: 22px;
	}
	#cse-search-box-api input[type=submit]
	{
		
	}
}/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5E0404;
	text-decoration:none;
}

/* Style pour le plan du site */
.sm0
{
    font-size:30px;
	font-family: montserratregular;
	color: #000;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;

}

.sm1
{
    font-size:24px;
	font-family: montserratregular;
	color: #000;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;

}

.sm2
{
    font-size:16px;
	text-transform: uppercase;
	font-family: montserratregular;
	color: #000;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;

}

.sm3
{
    font-size:14px;
	font-family: montserratregular;
	color: #cacaca;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}/*Style pour le montage*/
#sliderCtn
{
	position:relative;
	width:100%;
	margin-bottom: 90px;
}
#sliderCtn:before
{
	content:"";
	display:block;
	padding: 0;
	height: 200px;
}
.home #sliderCtn:before
{
	content:"";
	display:block;
	height: 320px;
	padding: 0;
}

#sliderCtn:after {
	width: 100%;
	content: '';
	display: block;
	padding-top: 86px;
	background: url(/template/image/vague.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	z-index: 1;
}
.home #sliderCtn {
/* 	margin-bottom: 5%; */
}
.home #sliderCtn:after {
	bottom: -15%;
}
body:not(.home) #sliderCtn:after {
	bottom: -25%;
}

#sliderCtn .sliderElementCtn
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background:url(/template/image/loading.gif) no-repeat center center;
	z-index:1;
}
#sliderCtn .sliderElementCtn .sliderElement
{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#sliderCtn .sliderElementCtn .sliderElement.current
{
	display:block;
	top:0;
	left:0;
	opacity:1!important; /*pour éviter de voir le fond pendant animation*/
}
#sliderCtn .cursor
{
	cursor:default;
}
/*Style pour les slogan*/
#sliderCtn .slogan, #sliderCtn .slogan.empty
{
	display:none;
}
/*Style pour les flèches*/
#sliderCtn .arrow
{
	display:none;
}
/*Style pour les puces de navigation*/
#sliderCtn #bullets 
{
	display:none;
}

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

	/*Style pour les slogan*/
	#sliderCtn .slogan
	{
		display:block;
		position:absolute;
		width:100%;
		box-sizing:border-box;
		height:auto;
		bottom:5%;
		left:0;
		padding:5px 15px 5px 15px ;
		overflow:hidden;
		background:rgb(0,0,0);
		background:rgba(0,0,0,0.5);
		z-index:3;
	}
	#sliderCtn .slogan span
	{
		font-style:italic;
		font-size:19px;
		color:#ffffff;
		text-decoration:none;
		display:block;
	}
	#sliderCtn .slogan span .FirstLine
	{
		display:block;
		font-weight:bold;
		font-style:normal;
		font-size:30px;
	}
	#sliderCtn .slogan span .SecondLine
	{
		display:block;
	}

	/*Style pour les puces de navigation*/
	#sliderCtn #bullets {
		display:block;	
		position:absolute;
		bottom:20px;
		right:20px;
		z-index:4;
	}
	#sliderCtn #bullets a {
		display:block;
		width:12px;
		height:12px;
		background: #fff;
		border-radius: 6px;
		text-indent:-9999px;
		border:0;
		margin-right:0px;
		float:left;
		margin-right: 6px;
	}
	#sliderCtn #bullets a:last-child {
		margin-right: 0;
	}
	#sliderCtn #bullets a.active {
		background-color: #988985;
	}
	
	/*Style pour les flèches*/
	#sliderCtn .arrow
	{
		position:absolute;
		top:45%;
		display:block;
		width:30px;
		height:30px;
		font-size: 30px;
		color: rgba(255, 255, 255, 0.5);
		border:0;
		cursor:pointer;
		z-index:2;
		opacity:0;
		visibility:hidden;
		transition:all .5s;
	}
	#sliderCtn:hover .arrow
	{
		visibility:visible;
		opacity:1;
		text-decoration:none;
	}
	#sliderCtn .arrow:hover {
		color: rgba(255, 255, 255, 0.8);
	}
	#sliderCtn .sliderNext
	{
		right:10px;
		background-position:-30px 0;
	}
	#sliderCtn .sliderPrev {
		transform: rotateZ(180deg);
	}
	#sliderCtn .sliderBack
	{
		left:10px;
	}
}
@media only screen and (min-width:920px)
{
	#sliderCtn:before
	{
		padding-top:14.7%;
		height: 0;
	}
	.home #sliderCtn:before
	{
		padding-top:35.4%;
		height: 0;
	}
	#sliderCtn {
		margin-bottom: 10%;
	}
	#sliderCtn:after {
		padding-top: 10%;
	}
	body:not(.home) #sliderCtn:after {
		bottom: -40% !important;
	}
	.home #sliderCtn:after {
		bottom: -15%;
	}
}
/*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
{
	width: calc(100% - 105px);
	display: none;
	font-size:16px;
	color:#000;
	font-family: montserratregular;
}

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

#youarehereCtn a
{
	display:inline-block;
	vertical-align: middle;
	color: #000;
	text-decoration:none;
	vertical-align: top;
	line-height: 16px;
}
#youarehereCtn .separator
{
	display:inline-block;
	vertical-align: top;
	color: #000;
	margin: 0 5px 0 5px;
	font-size: 8px;
	line-height: 16px;
	margin-top: 1px;
}
#youarehereCtn a:hover {
	color: #555;
}
@media only screen and (min-width:1220px)
{
	#youarehereCtn {
		display: inline-block;
	}
}