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


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

}

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

}

/*Open sans*/
@font-face {
    font-family: 'opensans';
    src: url('/fonts/OpenSans/opensans-light-webfont.eot');
    src: url('/fonts/OpenSans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans/opensans-light-webfont.woff2') format('woff2'),
         url('/fonts/OpenSans/opensans-light-webfont.woff') format('woff'),
         url('/fonts/OpenSans/opensans-light-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

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

}

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

}

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

.bgEditor
{
    background-color: #ffffff;
}

/* CONTAINERS PRINCIPAUX */
.mainHolder
{
	background:#FFFFFF;
}
.nooverflow
{
	overflow:hidden;
	width:100%;
	height:100%;
}

#panel
{
	position:relative;
	z-index:0;
}


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

#menuFondCtn
{
	text-align:center;
	width:100%;
	padding-top:30px;
	box-sizing:border-box;
	height:74px;
	border-top:1px solid #dbdbdb;
}

#zoneTop
{
	background:#FFFFFF;
	height:71px;
	width:100%;
	position:relative;
	z-index:1;
	box-sizing:border-box;
}

#zoneTop .mainContainer > div:nth-child(1)
{
	display:none;
}

#zoneTop .logo
{
	background-image:url(/template/image/logoMobile.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:180px;
	height:31px;
	display:block;
}


#zoneTop .mainContainer > div:nth-child(2)
{
	float:left;
	width:80%;
	padding-top:20px;
}


#zoneTop .mainContainer > div:nth-child(3)
{
	float:left;
	width:20%;
}

#zoneTop .mainContainer .btnCtn
{
	padding-top:15px;
}


#zoneTop .mainContainer .btnCtn > div
{
	float:right;
}

#zoneTop .mainContainer .btnCtn > div:nth-child(3)
{
	display:none;
}

#zoneTop .mainContainer .btnCtn > div:nth-child(2)
{
	display:none;
}

#zoneTop .mainContainer .btnCtn > div:nth-child(1)
{
	width:100px;
	max-width:100%;
	height:37px;
}

#footerCtn
{
	padding:57px 0 47px 0;
	background:#f6f6f6;
	border-top:1px solid #dbdbdb;
}

#footerCtn .mainContainer .padding
{
	box-sizing:border-box;
	font-size:15px;
}

#footerCtn .mainContainer .padding > div:not(.powered)
{
	box-sizing:border-box;
}

#footerCtn .mainContainer .padding > div:nth-child(2),
#footerCtn .mainContainer .padding > div:nth-child(3),
#footerCtn .mainContainer .padding > div:nth-child(4)
{
	box-sizing:border-box;
}

#footerCtn .mainContainer .padding > div:nth-child(5)
{
	text-align:right;
}

#footerCtn .adresse span
{
	display:inline-block;
}

#footerCtn .adresse > div > div
{
	padding-bottom:4px;
}

#footerCtn .adresse > div:nth-child(2) > div:nth-child(3)
{
	padding-bottom:26px;
}

#footerCtn .adresse a
{
	color:#565656;
}

#footerCtn .adresse .titre
{
	font-size:20px;
	font-family:merriweatherregular;
	padding-bottom:26px;
	margin-bottom:30px;
	border-bottom:1px solid #7d7d7d;
	padding-top:62px;
}

#footerCtn .logo
{
	display:block;
	background-image:url(/template/image/footer/logoFond.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:229px;
	height:39px;
	margin:0 auto 0 auto;
}

#footerCtn  .powered
{
	margin-top:60px;
	padding-top:29px;
	border-top:1px solid #dbdbdb;
	font-size:10px;
	text-align:center;
}

#footerCtn  .powered a
{
	color:#565656;
}

#footerCtn .logosPartenaires
{
	position:relative;
	box-sizing:border-box;
}
#footerCtn .logosPartenaires a:nth-child(1)
{
	display:block;
	background-image:url(/template/image/footer/cliniqueGenerale.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top left;
	width:270px;
	height:71px;
	margin:50px auto 50px auto;
}

#footerCtn .logosPartenaires a:hover:nth-child(1)
{
	background-position:bottom left;
}

#footerCtn .logosPartenaires a:nth-child(2)
{
	display:block;
	background-image:url(/template/image/footer/montchoisi.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:161px;
	height:69px;
	margin:50px auto 50px auto;
	background-position:top left;
	
}

#footerCtn .logosPartenaires a:hover:nth-child(2)
{
	background-position:bottom left;
}

#footerCtn .logosPartenaires a:nth-child(3)
{
	display:block;
	background-image:url(/template/image/footer/cliniqueSiloah.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:99px;
	height:70px;
	margin:50px auto 50px auto;
	background-position:top left;

}
#footerCtn .logosPartenaires a:hover:nth-child(3)
{
	background-position:bottom left;
}

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


/* ENTETE DES PAGES*/
.headCtn
{
	overflow:hidden; /*fait office de divwrapper*/
	margin:0 0 30px 0; 
}
.headCtn h1
{
	margin:20px 0 20px 0;
	font-size:42px;
	font-weight: normal;
	color:#000000;
	line-height:1.5;
	font-family:opensans;
}

.headCtn h2 /*resume of the page*/
{
	margin:0;
	font-size:17px;
	font-weight: normal;
	color:#000000;
	font-family:merriweatherbold;
  	overflow:hidden;
	line-height: 1.7;
}


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

.headCtn h2:empty
{
	display:none;
}

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

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

.listElement:hover
{
	text-decoration:none;
}

.listElement .img
{
	display:None;
}


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

.listElement h5
{
	margin:10px 0px 25px 0px;
	font-weight:normal;
	font-family:merriweatherbold;
	color:#000000;
	font-size:21px;
	padding:10px 10px 0 10px;
	height:44px;
	box-sizing:border-box;
		white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition:all 0.5s;
	
	
}

.listElement:hover h5
{
	background:#77b0ca;
	color:#FFFFFF;
	border-radius:20px;
}


.listElement .resume
{
	display:block;
	color:#000000;	
}

.listElement .more
{
	display:block;
	background-image:url(/template/image/arrow.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:20px;
	height:20px;
	margin:0 auto 0 auto;
	transition:height 0.5s;
}

/* ZONE HTML */
.htmlcontent
{
	overflow:hidden;
}
.htmlcontent strong, .htmlcontent b,
.bgEditor strong, .bgEditor b
{
	font-family:open_sanssemibold;
}

.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 20px 0;
    font-weight: normal;
    font-size:28px;
	font-family:merriweatherbold;
	color:#000000;
}

H4, H5, H6 /*H4 in html content // H5,H6 in case someone try to use this level in html content */
{
    margin:40px 0 20px 0;
    font-weight: normal;
    font-size:23px;
	font-family:merriweatherbold;
	color:#77b0ca;
}


A
{
	color:#0073ab;
    text-decoration:none;
}

A:hover
{
	text-decoration:underline;
}

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

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


#pagehtmlcontent ul li:before, .bgEditor ul li:before {
    content: "";
	display:inline-block;
    background: #0073ab;
    margin-left: -25px;
    margin-right: 12px;
    width:10px;
	height:10px;
	border-radius:50%;

}

@media only screen and (min-width:400px)
{
	
	#footerCtn .adresse > div:not(.titre)
	{
		width:50%;
		float:left;		
	}
	
	/*#footerCtn .logosPartenaires a:nth-child(1), #footerCtn .logosPartenaires a:nth-child(2)
	{
		margin:20px auto 0 auto;
	}*/
}

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:641px)
{
	#zoneTop
	{
		height:71px;
		border-bottom:1px solid #dfdfdf;
	}
	
	.home #zoneTop
	{
		height:222px;
	}

	#zoneTop .logo
	{
		background-image:url(/template/image/logoSmall.png);
		width:229px;
		height:39px;
		margin:0 auto 0 auto;
	}
	
	.home #zoneTop .logo
	{
		background-image:url(/template/image/logo.png);
		width:283px;
		height:153px;
	}
	
	#zoneTop .mainContainer > div:nth-child(2)
	{
		width:calc(100% - 50px);
		padding-top:23px;
	}
	
	#zoneTop .mainContainer > div:nth-child(3)
	{
		width:50px;
	}
	
	.listElement
	{
		float:left;
		width:50%;
		margin-right:0%;
		box-sizing:Border-box;
	}
	.listElement:nth-child(2n+0) .txt /*adapter selon nbre de colonne*/
	{
		border-right:0;
	}
	
	.listElement .txt
	{
		box-sizing:Border-box;
		height:325px;
		border-right:1px solid #dbdbdb;
		padding:14px 41px 14px 34px;
	}
	
	.listElement h5
	{
		margin:56px 0px 25px 0px;
		padding:10px 20px 0 20px;		
	}
	
	
	.listElement:after
	{
		content:"";
		display:block;
		margin-top:18px;
		height:1px;
		background:#dbdbdb;
		width:calc(100% - 38px);		
		margin:19px 19px 0 19px;
	}

	

}

@media only screen and (min-width:800px)
{
	
	/*Footer*/
	#footerCtn .mainContainer .padding
	{
		padding:0 4% 0 4%;
	}
	
	#footerCtn .mainContainer .padding > div:not(.powered)
	{
		float:left;
	}

	#footerCtn .mainContainer .padding > div:not(.powered):nth-child(1)
	{
		float:none;
		margin-bottom:50px;
	}
	#footerCtn .logo{
		margin-left:0;
	}

	#footerCtn .mainContainer .padding > div:nth-child(2),
	#footerCtn .mainContainer .padding > div:nth-child(3),
	#footerCtn .mainContainer .padding > div:nth-child(4)
	{
		width:33.3%;
		padding-right:4%;
	}

	#footerCtn .mainContainer .padding > div:nth-child(5)
	{
		width:100%;
	}

	#footerCtn .adresse > div:not(.titre)
	{
		width:auto;
		float:none;		
	}
	
	/*#footerCtn .logosPartenaires a:nth-child(1)
	{
		margin:50px auto 0 auto;
	}
	
	#footerCtn .logosPartenaires a:nth-child(2)
	{
		margin: 68px auto 0 auto;
	}*/

	#footerCtn .adresse .titre
	{
		padding-top:0;
	}
	
	/*#footerCtn .logo
	{
		margin:0;
	}*/
	
	/*#footerCtn .logosPartenaires
	{
		padding-left:10%;
		padding-right:2.5%;
	}**/
}

@media only screen and (min-width:900px)
{
	.listElement .more
	{
		bottom:47px;
		position:absolute;
		left:calc(50% - 10px);
	}
	
	.listElement:hover .more
	{
		width:75px;
		height:75px;
		border-radius:50%;
		background-color:#77b0ca;
		background-image:none;
		padding:20px 0 0 20px;
		box-sizing:border-box;
		bottom:12px;
		left:calc(50% - 37px);
	}
	
	.listElement:hover .more:before
	{
		content:"";
		display:block;
		background-image:url(/template/image/arrowOn.png);
		background-size:100%;
		width:35px;
		height:35px;
		
		
	}
}

@media only screen and (min-width:1000px)
{
	#zoneTop
	{
		height:100px;
	}
	
	.home #zoneTop
	{
		height:322px;
	}
	
	#zoneTop .logo
	{
		margin:0;
	}

	
	#zoneTop .mainContainer > div:nth-child(2)
	{
		width:27.36%;
		padding-top:40px;
	}
	
	.home #zoneTop .mainContainer > div:nth-child(2)
	{
		padding-top:73px;
	}
	
	#zoneTop .mainContainer > div:nth-child(3)
	{
		width:32%;
	}
	
	
	#zoneTop .mainContainer .btnCtn
	{
		padding-top:39px;
	}
	
	.home #zoneTop .mainContainer .btnCtn
	{
		padding-top:175px;
	}
	
		
	#zoneTop .mainContainer .btnCtn > div:nth-child(3)
	{
		min-width:87px;
		height:36px;
		display:block;
	}	
	
	#zoneTop .mainContainer .btnCtn > div:nth-child(1)
	{
		position:relative;
	}
	
	#zoneTop .mainContainer .btnCtn > div:nth-child(2)
	{
		width:36px;
		margin:0 55px 0 24px;
		display:block;
	}
	
	#zoneTop .mainContainer > div:nth-child(1)
	{
		float:left;
		width:40.64%;
		padding-top:50px;
		display:block;
	}
	
	.home #zoneTop .mainContainer > div:nth-child(1)
	{
		padding-top:187px;
	}
	
	#zoneTop.fixed
	{
		position: fixed;
		/*height:150px;*/
		height:100px;
		z-index:1;
	}	

	#zoneTop.fixed .mainContainer > div:nth-child(1)
	{
		/*padding-top:75px;*/
		padding-top:50px;
	}	
			
	#zoneTop.fixed .logo
	{
		background-image:url(/template/image/logoSmall.png);
		width:229px;
		height:39px;
	}
	
	#zoneTop.fixed .mainContainer > div:nth-child(2)
	{
		/*padding-top:65px;*/
		padding-top:40px;
	}

	#zoneTop.fixed .mainContainer .btnCtn
	{
		/*padding-top:64px;	*/
		padding-top:39px;
	}
	
	.headCtn h1
	{
		margin:0 0 60px 0;
		font-size:50px;
	}
	
	.headCtn h2 /*resume of the page*/
	{
	    font-size:23px;
	}
}
@media only screen and (min-width:1200px){
	#footerCtn .mainContainer .padding > div:nth-child(2),
	#footerCtn .mainContainer .padding > div:nth-child(3),
	#footerCtn .mainContainer .padding > div:nth-child(4)
	{
		width:23%;
		padding-right:4%;
	}

	#footerCtn .mainContainer .padding > div:nth-child(5)
	{
		width:31%;
		margin-top:-90px;
	}

	#footerCtn .logosPartenaires a:nth-child(1), #footerCtn .logosPartenaires a:nth-child(2), #footerCtn .logosPartenaires a:nth-child(3)
	{
		margin-left:auto;
		margin-right:auto;
	}
}
@media only screen and (min-width:1260px)
{
	/*Footer*/
	
	/*#footerCtn .mainContainer .padding > div:not(.powered):nth-child(1)
	{
		float:left;
		margin-bottom:0;
	}*/
	
	/*#footerCtn .mainContainer .padding > div:not(.powered):nth-child(1)
	{
		width:24.84%;
		margin-bottom:0;
	}*/
	
	
	#footerCtn .mainContainer .padding > div:nth-child(2),
	#footerCtn .mainContainer .padding > div:nth-child(3),
	#footerCtn .mainContainer .padding > div:nth-child(4)
	{
		width:21%;
	}
	
	#footerCtn .mainContainer .padding > div:nth-child(5)
	{
		width:37%;
	}
}


@media only screen and (min-width:1400px)
{
	.headCtn h1
	{
		font-size:62px;
	}
	
	.listElement .more
	{
		bottom:47px;
	}
	
	.listElement:hover .more
	{
		bottom:12px;
	}
}


@media only screen and (min-width:1500px)
{
	#footerCtn .mainContainer .padding
	{
		padding:0 9% 0 9%;
	}

}

@media only screen and (min-width:1650px)
{
	
	.listElement .more
	{
		bottom:67px;
	}
	
	.listElement:hover .more
	{
		bottom:32px;
	}
}


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

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

table th
{
	text-align:left;
	vertical-align:top;
}

.htmlcontent table th, .bgEditor table th
{
	text-align:left;
	font-family:open_sanssemibold;
	font-weight:normal;
	background:#77b0ca;
	color:#ffffff;
	
}

.htmlcontent table, .bgEditor table
{
	border:1px solid #dbdbdb;
}


.htmlcontent table tr:nth-child(odd)
{
	background:#f6f6f6;
}
.htmlcontent table.nostyle td, .htmlcontent table.nostyle th, .htmlcontent table.nostyle,
.bgEditor table.nostyle td, .bgEditor table.nostyle th, .bgEditor table.nostyle
{
	border:0;
	padding:0;
	background:none;
	color:#565656;
}

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

.htmlcontent table.nostyle tr:nth-child(odd)
{
	background:none;
}

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


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

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

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

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

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

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

.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;
	text-align:left;
	line-height:normal;
}

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

.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%;
	text-align:left;
}

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

.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;
	line-height:normal;
	table-layout:auto!important; /*contré le fixed setté pour le responsive*/
	text-align:left;
}

.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;
	line-height:normal;
	text-align:left;
}
.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;
	text-align:left;
}

.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;
	line-height:normal;
	text-align:left;
}

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

/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	
	
	.home #zoneTop .logo
	{
		background-image:url(/template/image/logo@x2.png);
	}
	
	#zoneTop.fixed .logo, #zoneTop .logo
	{
		background-image:url(/template/image/logoSmall@x2.png);
	}

	
	.listElement .more
	{
		background-image:url(/template/image/arrow@x2.png);
	}
	
	.listElement:hover .more:before, .cartoucheElement:hover .more:before
	{
		background-image:url(/template/image/arrowOn@x2.png);
	}

	#footerCtn .logo
	{
		background-image:url(/template/image/footer/logoFond@x2.png);
	}
	
	#footerCtn .logosPartenaires a:nth-child(1)
	{
		background-image:url(/template/image/footer/cliniqueGenerale@x2.png);
	}
	
	#footerCtn .logosPartenaires a:nth-child(2)
	{
		background-image:url(/template/image/footer/montchoisi@x2.png);	
	}

	#footerCtn .logosPartenaires a:nth-child(3)
	{
		background-image:url(/template/image/footer/cliniqueSiloah@x2.png);
	}
}


@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	
	
	.home #zoneTop .logo
	{
		background-image:url(/template/image/logo@x3.png);
	}
	
	#zoneTop.fixed .logo, #zoneTop .logo
	{
		background-image:url(/template/image/logoSmall@x3.png);
	}

	
	.listElement .more
	{
		background-image:url(/template/image/arrow@x3.png);
	}
	
	.listElement:hover .more:before, .cartoucheElement:hover .more:before
	{
		background-image:url(/template/image/arrowOn@x3.png);
	}

	#footerCtn .logo
	{
		background-image:url(/template/image/footer/logoFond@x3.png);
	}
	
	#footerCtn .logosPartenaires a:nth-child(1)
	{
		background-image:url(/template/image/footer/cliniqueGenerale@x3.png);
	}
	
	#footerCtn .logosPartenaires a:nth-child(2)
	{
		background-image:url(/template/image/footer/montchoisi@x3.png);	
	}
	#footerCtn .logosPartenaires a:nth-child(3)
	{
		background-image:url(/template/image/footer/cliniqueSiloah@x3.png);
	}
}


/*Taille 641px*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width:641px),  
       only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width:641px),  
       only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width:641px),  
       only screen and (min-device-pixel-ratio: 1.5) and (max-width:641px)
{
	#zoneTop .logo, .home #zoneTop .logo
	{
		background-image:url(/template/image/logoMobile@x2.png);
		background-size:100%;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5) and (max-width:641px),  
       only screen and (-o-min-device-pixel-ratio: 5/2) and (max-width:641px),  
       only screen and (min--moz-device-pixel-ratio: 2.5) and (max-width:641px),  
       only screen and (min-device-pixel-ratio: 2.5) and (max-width:641px)
{
	#zoneTop .logo, .home #zoneTop .logo
	{
		background-image:url(/template/image/logoMobile@x3.png);
		background-size:100%;
	}
}/*****************/
/** 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;	
}

.cartoucheElementCtn
{
	position:relative;
}

.cartoucheElement
{
	position:relative;
	display:block;
	margin:10px 10px 40px 10px;
	text-decoration:none;
	overflow:hidden;
	border-bottom:1px solid #565656;
	padding-bottom:30px;
}

.cartoucheElement:nth-child(2)
{
	border:0;
	margin-bottom:0;
}

.cartoucheElement:hover
{
	text-decoration:none;
}

.cartoucheElement .img
{
	display:None;
}

.cartoucheElement .txt
{
	display:block;
	position:relative;
	padding:10px 0 0 0;
	overflow:hidden;
	text-align:center;
	
}

.cartoucheElement h6
{
	margin:34px 0px 25px 0px;
	font-weight:normal;
	font-family:merriweatherbold;
	color:#000000;
	font-size:20px;
	box-sizing:border-box;
	transition:all 0.5s;
	line-height:1.4;
	
}
.cartoucheElement .resume
{
	display:block;
	color:#000000;
}

.cartoucheElement .more
{
	display:block;
	background-image:url(/template/image/arrow.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:20px;
	height:20px;
	margin:0 auto 0 auto;
	margin:20px auto 0 auto;
	transition:height 0.5s;
}

/* CARTOUCHE NEWS */
#cartoucheNewsCartoucheCtn .cartoucheElement .date
{

	font-weight:Bold;
	font-size:12px;
	background:#77b0ca;
	color:#FFFFFF;
	border-radius:20px;
	padding:10px 20px 10px 20px;
	text-transform:uppercase;
}

@media only screen and (min-width:641px)
{
	
	.cartoucheElement
	{
		float:left;
		width:50%;
		box-sizing:Border-box;
		margin:0 0 20px 0;
		border:0;
		padding-bottom:0;
	}
	
	.cartoucheElement h6
	{
		font-size:29px;		
	}
	
	.cartoucheElement .txt
	{
		box-sizing:Border-box;
		height:340px;
		padding:0 15.45% 0 19.24%;
		
	}
	
	.cartoucheElement .resume
	{
		display:none;
	}

	.cartoucheElementCtn:before
	{
		content:"";
		display:block;
		width:1px;
		height:200px;
		position:absolute;
		left:50%;
		top:58px;
		background:#565656;
	}

	
	#cartoucheNewsCartoucheCtn .cartoucheElement .date
	{
		font-size:10px;
		padding:6px 20px 8px 20px;
	}
	

}

@media only screen and (min-width:900px)
{
.cartoucheElement .resume
	{
		display:block;
	}
}

@media only screen and (min-width:1450px)
{
	
	.cartoucheElement .more
	{
		bottom:43px;
		position:absolute;
		left:calc(50% - 10px);
	}
	
	.cartoucheElement:hover .more
	{
		width:75px;
		height:75px;
		border-radius:50%;
		background-color:#77b0ca;
		background-image:none;
		padding:20px 0 0 20px;
		box-sizing:border-box;
		bottom:2px;
		left:calc(50% - 37px);
	}
	
	.cartoucheElement:hover .more:before
	{
		content:"";
		display:block;
		background-image:url(/template/image/arrowOn.png);
		background-size:100%;
		width:35px;
		height:35px;

	}

}

/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	.cartoucheElement .more
	{
		background-image:url(/template/image/arrow@x2.png);
	}
	
	.cartoucheElement:hover .more:before
	{
		background-image:url(/template/image/arrowOn@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)
{
	.cartoucheElement .more
	{
		background-image:url(/template/image/arrow@x3.png);
	}
	
	.cartoucheElement:hover .more:before
	{
		background-image:url(/template/image/arrowOn@x3.png);

	}
}	
/*Homepage*/
#zoneNews
{
	margin-top:40px;
	background:#f6f6f6;
}

#zoneNews .mainContainer.padding
{
	padding:59px 0 25px 0;
	box-sizing:border-box;
}

#zoneLieux a
{
	display:block;
	max-width:960px;
	background-repeat:no-repeat;
	position:relative;
	background-size:cover;
}

#zoneLieux a:before
{
	content:"";
	display:block;
	padding-top:52.76%;
}

#zoneLieux a:nth-child(1)
{
	background-position:top right;
	background-image:url(/template/image/home/fribourg.jpg);
}

#zoneLieux a:nth-child(2)
{
	background-position:top left;
	background-image:url(/template/image/home/lausanne.jpg);
}

#zoneLieux .prestations
{
	position:absolute;
	top:0;
	text-align:center;
	width:100%;
}

#zoneLieux .symbole
{
	background-image:url(/template/image/home/symbole.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:43px;
	height:43px;
	margin:10.4% auto 0 auto;
}

#zoneLieux .prestations span
{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

#zoneLieux .prestations span:nth-child(2)
{
	font-size:38px;
}

#zoneLieux .prestations span:nth-child(3)
{
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:1px;
	
}

#zoneTxt
{
	background-color:#FFFFFF;
	margin:6.8% 0 11% 0;
	position:relative;
}

#zoneTxt:before
{
	content:"";
	display:block;
	background-image:url(/template/image/home/a.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:80%;
	width:540px;
	height:548px;
	max-width:calc(100% - 20px);
	position:absolute;
	top:130px;
	left:20px;
	right:0;
}
#zoneTxt .mainContainer.padding
{
	box-sizing:border-box;
	text-align:center;
}

#zoneTxt .symbole
{
	display:block;
	background-image:url(/template/image/home/symboleBleu.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:43px;
	height:43px;
	margin:0 auto 0 auto;
}

.home h1
{
	margin-top:20px;
	margin-bottom:40px;
	font-size:32px;
	font-weight:normal;
	color:#000000;
}

.home h2
{
	font-weight:normal;
	font-size:16px;
	color:#565656;
	font-family:opensans;
}

#zoneActivites .mainContainer.padding
{
	box-sizing:border-box;
}

#zoneActivites .titrePrincipal
{
	margin-top:47px;
	margin-bottom:64px;
	font-size:32px;
	font-weight:normal;
	color:#000000;
	text-align:center;
	
}

#zoneActivites a > div
{
	box-sizing:border-box;
}

#zoneActivites a .img
{
	background-repeat:no-repeat;
	background-size:264px 263px;
	position:relative;
	height:263px;
}

#zoneActivites a .img:after
{
	content:"";
	display:block;
	position:absolute;
	bottom:-17px;
	width:116px;
	height:116px;
	background-image:url(/template/image/home/arrow.png);
	background-position:30px 30px;
	background-repeat:no-repeat;
	background-size:56px 56px;
	background-color:rgba(0,115,167,0.5);	
	border-radius:50%;
	right:170px;
	transition:all 0.5s;
	
}
#zoneActivites a:hover
{
	text-decoration:none;
}

#zoneActivites a:hover .titre
{
	color:#77b0ca;
}

#zoneActivites a:hover .img:after
{
	transform:rotateZ(90deg);
}

#zoneActivites a:nth-child(3) .img:after
{
	left:170px;
	right:auto;
	transform:rotateZ(180deg);
}

#zoneActivites a:nth-child(3):hover .img:after
{
	transform:rotateZ(90deg);
}


#zoneActivites a:nth-child(2) .img
{
	background-image:url(/template/image/home/anesthesie.jpg);
	background-position:top center;
}

#zoneActivites a:nth-child(3) .img
{
	background-image:url(/template/image/home/antalgie.jpg);
	background-position:top center;
	margin-top:30px;
}

#zoneActivites .titre
{
	font-family:merriweatherregular;
	font-size:29px;
	color:#000000;
	margin-bottom:30px;
	margin-top:70px;
}

#zoneActivites .txt
{
	color:#565656;
	font-family:16px;
	line-height:1.7;
	padding-bottom:0;
	padding-bottom:40px;
}

#zoneActivites a span
{
	display:block;
}
/*Page intérieur*/
#intCtn .mainContainer .padding
{
	box-sizing:border-box;
}

#intCtn .colZone
{
	position:relative;
	line-height:30px;
}

#intCtn .colGauche
{
	box-sizing:border-box;
}

#intCtn .colDroite
{
	box-sizing:border-box;
	padding-top:30px;
}


/*Page de liste*/

#intCtn.withList .colGauche, #intCtn.withList .colDroite
{
	float:none;
	width:100%;
	padding:0;
}

#intCtn.withList .ligne
{
	display:none;
}

#intCtn.withList, #intCtn.withList h1, #intCtn.withList h2
{
	text-align:center;
}

#intCtn.withList h2
{
	margin-bottom:27px;
}

@media only screen and (min-width:480px)
{
	#zoneTxt:before
	{
		background-size:50%;
	}
}

@media only screen and (min-width:641px)
{
	.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;
	}
	
	#zoneTxt:before
	{
		background-size:65%;
	}
	
	#zoneNews
	{
		margin-top:50px;
	}
	
	#zoneNews .mainContainer.padding
	{
		padding:59px 0 25px 0;
	}

	
	.home h1
	{
		font-size:61px;
	}
	
	.home h2
	{
		font-size:17px;
	}
	
	#zoneActivites .mainContainer.padding
	{	
		padding:0 0 158px 0;
	}
	
	#zoneActivites .titrePrincipal
	{
		margin-top:87px;
		font-size:61px;		
	}
	
	#zoneActivites a > div
	{
		float:left;
		width:50%;
		height:263px;
	}
	
	#zoneActivites a:nth-child(3)
	{
		text-align:right;
	}
	
	#zoneActivites a:nth-child(2) .img
	{
		background-position:top right;
		margin-right:30px;
		width:calc(50% - 30px);
	}
	
	#zoneActivites a:nth-child(3) .img
	{
		float:right;
		background-position:top left;
		margin-left:30px;
		width:calc(50% - 30px);
	}
	
	#zoneActivites a:nth-child(2) .txt, #zoneActivites a:nth-child(2) .titre
	{
		padding-left:53px;
	}
	
	#zoneActivites a:nth-child(3) .txt, #zoneActivites a:nth-child(3) .titre
	{
		padding-right:53px;
	}
	

}

@media only screen and (min-width:800px)
{
	#zoneNews .mainContainer.padding
	{
		padding:59px 9% 25px 9%;
	}
	
	#zoneTxt:before
	{
		background-position:top left;
		background-size:100%;
		top:0;
		left:calc(50% - 220px);
		right:auto;
	}
	
	#zoneTxt .mainContainer.padding
	{
		padding:60px 25.9% 0 25.9%;
	}
	
	#zoneLieux a
	{
		float:left;
		width:50%;
	}
	
	#zoneLieux a:before
	{
		padding-top:39.68%;
	}

	
	/*Page intérieur*/
	#intCtn .mainContainer .padding
	{
		padding:27px 10px 200px 10px;
	}
	
	#intCtn .colGauche
	{
		float:left;
		width:40.66%;
		text-align:right;
		padding-right:4.5%;
	}
	
	#intCtn .colDroite
	{
		float:left;
		width:59.34%;
		padding-left:4.5%;
	}
	
	
	#intCtn .ligne
	{
		position:absolute;
		top:30px;
		bottom:0;
		width:1px;
		left:40.66%;
		background:#dbdbdb;
	}	

}

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

	#intCtn .mainContainer .padding
	{
		padding:27px 4% 200px 4%;
	}
	
	#zoneLieux .prestations span:nth-child(2)
	{
		font-size:62px;
	}
	
	#zoneActivites .mainContainer.padding
	{
		padding:0 21% 158px 21%;		
	}
	
	#zoneActivites a:nth-child(2) .img
	{
		margin-right:54px;
		width:calc(50% - 54px);
	}
	
	#zoneActivites a:nth-child(3) .img
	{
		margin-left:54px;
		width:calc(50% - 54px);
	}

}


@media only screen and (min-width:1400px)
{
	#intCtn .mainContainer .padding
	{
		padding:27px 9% 200px 9%;
	}
	
	/*Page de liste*/
	#intCtn.withList .colZone
	{
		padding:0 14.4% 0 14.4%;
	}
}

@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)
{
	#zoneTxt:before
	{
		background-image:url(/template/image/home/a@x2.png);
	}
	
	#zoneActivites a .img:after
	{
		background-image:url(/template/image/home/arrow@x2.png);
	}
	
	#zoneLieux .symbole
	{
		background-image:url(/template/image/home/symbole@x2.png);
	}
	
	#zoneTxt .symbole
	{
		background-image:url(/template/image/home/symboleBleu@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)
{
	#zoneTxt:before
	{
		background-image:url(/template/image/home/a@x3.png);
	}	
	
	#zoneActivites a .img:after
	{
		background-image:url(/template/image/home/arrow@x3.png);
	}
	
	#zoneLieux .symbole
	{
		background-image:url(/template/image/home/symbole@x3.png);
	}
	
	#zoneTxt .symbole
	{
		background-image:url(/template/image/home/symboleBleu@x3.png);
	}
}

#documentListCtn .listElement 
{
	height:auto;
	background:none;
	padding-bottom:0;
	float:none;
	width:100%;
	margin-bottom:25px;
	transition:all 0.5s;
}

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

#documentListCtn .listElement .txt
{
	height:auto;
	padding:0 0 0 35px;
	min-height:auto;
	border:0;
}

#documentListCtn .listElement:hover
{
	padding:0 0 0 20px;
}

#documentListCtn h5
{
	padding:0;
	margin:0 0 0 0;
	height:auto;
}

#documentListCtn .listElement:hover h5
{
	background:none;
	color:#0073ab;
}



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

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


#documentListCtn .listElement .admin
{
	position:absolute;
	display:block;
	top:0;
	left:18px;
}/* Style pour plugin langsite */
.lngCtn
{
	display:none;
	height:36px;
	overflow:hidden;
	transition:all 0.5s;
	margin-bottom:15px;
}

#leftPanel .lngCtn
{
	display:block;
}

.lngChoice, .lngCtn .langsite, .lngCtn .langsiteActiv
{
	display:inline-block;
	width:36px;
	height:36px;
	border-radius:50%;
	border:1px solid transparent;
	box-sizing:Border-box;
	padding:0 0 0 0;
	margin-bottom:9px;
	background:#FFFFFF;
}

#leftPanel .lngChoice
{
	display:none;
}
.lngCtn .langsite, .lngCtn .langsiteActiv
{
	color:#565656;
	font-weight:bold;
	font-size:11px;
	letter-spacing:2px;
	padding:9px 0 0 8px;
	box-sizing:Border-box;
}

.lngCtn .langsite
{
	border:1px solid #565656;
	text-decoration:none;
}

.lngCtn .langsiteActiv
{
	background-color:#0073ab;
	border:1px solid #0073ab;
	color:#FFFFFF;
	text-decoration:none;
}


@media only screen and (min-width:1000px)
{
	.lngCtn
	{
		display:block;
		margin-bottom:0;
		width:36px;
		height:auto;
		
		min-height:36px;
		position:relative;
		transition:all 0.5s;
		
	}
	
	.lngCtnOpen
	{
		position:absolute;
	}
	
	#leftPanel .lngCtn
	{
		display:none;
	}
	
	.lngChoice, .lngCtn .langsite, .lngCtn .langsiteActiv
	{
		display:block;
	}
	
	
	.lngChoice > span
	{
		display:block;
		background-image:url(/plugin/langsite/template/image/map.png);
		background-repeat:no-repeat;
		background-size:100%;
		width:18px;
		height:18px;
		margin:8px 0 0 8px;
		
	}
	
	.lngCtn a
	{
		opacity:0;
		transition:opacity 0.5s;
	}
	
	.lngCtn:hover .lngCtnOpen
	{
		height:126px;
	}
	
	.lngCtn:hover
	{
		overflow:visible;
	}
	
	.lngCtn:hover .lngChoice
	{
		border:1px solid #565656;
	}
	
	.lngCtn:hover a
	{
		opacity:1;
	}
	

}

/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	
	.lngChoice > span
	{
		background-image:url(/plugin/langsite/template/image/map@x2.png);
	}
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	.lngChoice > span
	{
		background-image:url(/plugin/langsite/template/image/map@x3.png);
	}
}/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}/* 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: #ffffff;
	overflow-x:hidden;
	overflow-y:auto;
	padding-top: 0;
	z-index:1;
}
#leftPanel #menuMain, #leftPanel #menuTopMain  
{
	padding: 0 10px 0 20px;
}

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

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

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

#mainPanel.open #menuIcone
{
	left:10px;
	box-sizing:Border-box;
}


#menuIconeDesktop, #menuIcone
{
	display:block;
	position:absolute;
	text-decoration:none;
	right:10px;
	z-index:3;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	cursor:pointer;
}


#menuIconeDesktop > span, #menuIconeDesktop > .nav-icon,
#menuIcone > span, #menuIcone > .nav-icon
{
	display:inline-block;
	cursor:pointer;
}


.nav-icon {

  position: relative;
	display:block;

  cursor: pointer;
  /* to center */
  margin: 0 auto;
  float: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: 36px;
	height: 36px;
	background:#0073ab;
	border-radius:50%;
}

#mainPanel.open #menuIcone .nav-icon
{
	border-radius:50%;
	width:36px;
	height:36px;
	box-sizing:Border-box;
}


.nav-icon > span {

  top: 16px;
  display: block;
  position: absolute;
  height: 2px;
  width: 17px;
  background: #FFFFFF;
  opacity: 1;
  left: 10px;
}

.nav-icon > span:before,
.nav-icon > span:after {
  content: "";
  position: absolute;
   height: 2px;
  width: 100%;
  background-color: #ffffff;
  -webkit-transition: all 0.3s;
transition: all 0.3s;
}

.nav-icon > span:after
{
	left:auto;
	right:0;
}

#mainPanel.open #menuIcone .nav-icon > span,
#mainPanel.open #menuIcone .nav-icon > span:before,
#mainPanel.open #menuIcone .nav-icon > span:after
{
	background-color:#0073ab;
}


.nav-icon > span:before {
  -webkit-transform: translateY(-1em);
	        transform: translateY(-1em);
	top:10px;
}

#menuIcone .nav-icon > span:before
{
	top:10px;
}

.nav-icon > span:after {
  -webkit-transform: translateY(1em);
	        transform: translateY(1em);
	top:-10px;
}

#menuIcone .nav-icon > span:after
{
	top:-10px;
}

/* OPENED */
.nav-icon.open, #mainPanel.open #menuIcone .nav-icon {
  -webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
		border:1px solid #0073ab;
	background:#FFFFFF;
}

.nav-icon.open > span
{
	background-color:#0073ab;
}

.nav-icon.open > span:before , #mainPanel.open #menuIcone .nav-icon > span:before{
  -webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	top:0;
	background-color:#0073ab;
}

.nav-icon.open > span:after{
  -webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	top:0;
	background-color:#0073ab;
	
}

#mainPanel.open #menuIcone .nav-icon > span:after 
{
	display:none;
}


/* FIN Effet ouverture et fermeture icone menu */

#leftPanel a.copy
{
	display:none !important;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
	
#menuMain ul, #menuTopMain ul
{
	margin:0px;
	padding:0px;
	font-family: opensans;
	font-weight:bold;
	font-size:15px;
	color:#7d7d7d;
	z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
	position:relative;
}

#menuMain li, #menuTopMain li
{
	list-style-type: none;
	padding-bottom:0px; /*compense le li de base*/
}
#menuMain li.menu0, #menuTopMain li.menu0  
{
	display: block;
	padding:11px 0 11px 0;
	border-bottom:1px solid #b3b3b3;
	position:relative;
	
}

#menuMain li.menu0 a.menu0, #menuTopMain li.menu0 a.menu0
{
	font-family: open_sanssemibold;
	font-size:17px;
	color:#0073ab;
	text-transform:uppercase;
}

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

#menuMain li > a, #menuTopMain li > a
{
	color:#7d7d7d;
	text-decoration:none;
	outline:none;
	font-family: opensans;
	font-weight:bold;
	font-size:15px;
	display: inline-block;
}

#menuMain ul.menu0, #menuTopMain ul.menu0  
{
	min-height:50px;
}
#menuMain ul.menu0 ul , #menuMainTop ul.menu0 ul
{
	/*display:none;	*/
}

#menuMain a.menu0, #menuTopMain a.menu0
{
	padding-left: 0;
	padding-bottom: 7px;
 	display: block; /* Corrige le probleme du premier niveau sur IE */
}

/*1er niveau: Effet rollover et actif des liens*/
#menuMain a.menu0:hover, #menuMain a.menu0.menuselected, #menuMain li.open a.menu0
{

}


/*2ème niveau: Couleur des ul*/
#menuMain li.menu0 ul, #menuTopMain li.menu0 ul
{
	padding: 0 15px 0 8px;
	position: relative;
	margin-right: 0;
}

#menuMain li.menu1, #menuTopMain li.menu1  
{
	display: block;
	margin-right:20px;
}
#menuMain li.menu0 ul a, #menuTopMain li.menu0 ul a
{
	display: inline-block;/*Permet que le lien fasse toute la largeur du li*/
	padding: 2px 0;
	margin-bottom: 0;
	
}

#menuMain ul.menu1 li > a:hover, #menuMain ul.menu1 li > a.menuselected,
#menuTopMain ul.menu1 li > a:hover, #menuTopMain ul.menu1 li > a.menuselected
{
	text-decoration:none;
	color:#000000;
	
}

#menuMain ul.menu1 li > a:hover:before, #menuMain ul.menu1 li > a.menuselected:before,
#menuTopMain ul.menu1 li > a:hover:before, #menuTopMain ul.menu1 li > a.menuselected:before
{
	content:">";
	display:inline-block;
	color:#000000;
	padding-right:3px;
	
}


/*3ème niveau: style de sous-menu*/
#menuMain li.menu1 ul, #menuTopMain li.menu1 ul
{
	padding: 0;
}

/*3ème niveau: style des li*/
#menuMain li.menu1 ul li, #menuTopMain li.menu1 ul li
{
	width:100%;
	margin-bottom:7px;
}

#menuMain a.menu2, #menuTopMain a.menu2
{
	display:block;
	text-decoration:none;
	margin-left: 0;
	border-bottom: 0;
	text-transform: none;
	padding: 10px 0;
}

/**************************************************/
/*Style pour le menuBottom */
/**************************************************/
#menuFondMain ul/*, #menuTopMain ul*/
{
	display:block;
	position:relative;
	color:#565656;
	font-size:11px;
	z-index:2;
}
#menuFondMain ul.menu0/*, #menuTopMain ul.menu0*/
{
	display:block;
	position:relative;
	font-size:0;
	text-align:left;
	padding:0;
	background:none;
	text-transform:uppercase;
	width:100%;
	text-align:center;
	font-weight:bold;
}

#menuTopMain ul.menu0
{
	text-align:left;
}

#menuFondMain a:hover, #menuFondMain a.menuselected:not(.parent)/*,
#menuTopMain a:hover, #menuTopMain a.menuselected:not(.parent)*/
{
	color:#000000;
}

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

#menuFondMain li.menu0 ul li
{
	display:none;
}

#menuFondMain li > a/*, #menuTopMain li > a*/
{
	display:block;
	position:relative;
	color:#565656;
	text-decoration:none;
	padding:0 10px 0 10px;
}

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

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

#menuFondMain li.menu0 ul/*, #menuTopMain li.menu0 ul*/
{
	margin-left:20px;
}

#menuFondMain ul.menu1 li > a/*, #menuTopMain ul.menu1 li > a*/
{
	min-width:140px;
	padding:10px 0 0 10px;
}

#menuFondMain a.menu0/*, #menuTopMain a.menu0*/
{
	font-size:11px;
}

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

#documentListCtn div.styleMenuAdmin 
{
	top:0;
}

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

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

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

.myArrowAdmin
{
	cursor:pointer;

}

.styleDivArrowAdmin
{
	float:left;
	padding-right:5px;
	padding-top:0px;
	
}

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

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

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

.mainHolder #fullMenuHoder {
	display: none;
}

#fullMenuHoder .close, #leftPanel .close {
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 45px;
	top: 50px;
	cursor: pointer;
}
#leftPanel .close {
	right: 20px;
	top: 25px;
}

#menuIconeDesktop {
	display: none;
}

#rightPanel {
	background-image: url(/plugin/menu/template/image/fondRight.png);
	background-repeat:repeat-y;
	background-position:top right;
	width: 100%;
	max-width: 0;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: -323px;
	bottom: 0;
	right: 0;
	z-index: 1002;
	padding: 135px 0 50px 0;

}
#rightPanel.open {
	max-width: 555px;
	box-sizing:border-box;
	padding: 160px 80px 50px 0;
}

#rightPanel.open.fixed
{
	padding: 50px 80px 50px 0;
}

#rightPanel .content {
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
#rightPanel.open .content {
	opacity: 1;
}
#rightPanelClose {
	position: absolute;
	left: 0;
	top: 178px;
	cursor: pointer;
}
#rightPanelClose.fixed
{
	top: 68px;
}

#rightPanelClose span:after{
	display:none;
}

/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{
	/**************************************************/
	/*Style pour le menuTop */
	/**************************************************/
	#menuTopMain ul
	{
		color:#565656;
		font-size:11px;
		display:none;
		position:absolute;
		z-index:1;
		padding:0px 0 5px 0;
	}
	#menuTopMain ul.menu0
	{
		display:block;
		position:relative;
		font-size:0;
		text-align:left;
		padding:0;
		background:none;
		text-transform:uppercase;
		width:100%;
		text-align:center;
		font-weight:bold;
	}
	

	#menuTopMain ul.menu0
	{
		text-align:left;
		text-transform: none;
	}
	
	#menuTopMain a:hover, #menuTopMain a.menuselected:not(.parent)
	{
		color:#000000;
	}
	
	#menuTopMain li
	{
		display:inline-block;
		position:relative;
		list-style-type:none;
		padding:0px;
		background:none;
	}
	#menuTopMain li.menu0
	{
		display:inline-block;
		text-align:left;
		vertical-align:middle;
		border:0;
	}
	
	#menuTopMain li.menu0 a.menu0
	{
		font-family: opensans;
		font-size:11px;
		color:#565656;
	}
	
	#menuTopMain li > a
	{
		display:block;
		position:relative;
		color:#565656;
		text-decoration:none;
		padding:0 10px 0 10px;
	}
	
	#menuTopMain li.menu0:last-of-type > a
	{
		padding-right:0;
	}
	
	#menuTopMain li.menu0:last-child
	{
		border-right:0!important;
	}
	
	#menuTopMain li.menu0 ul
	{
		margin-left:20px;
	}
	
	#menuTopMain ul.menu1 li > a
	{
		min-width:140px;
		padding:10px 0 0 10px;
	}
	
	#menuTopMain a.menu0
	{
		font-size:11px;
	}
	/**************************************************/
	/*Style pour le menuBottom */
	/**************************************************/

	#menuFondMain ul
	{
		display:none;
		position:absolute;
		z-index:1;
		padding:0px 0 5px 0;
	}

	#menuFondMain ul.menu0
	{
		padding:0;
		
	}
	
	#menuFondMain li.menu0, #menuTopMain li.menu0
	{
		display:inline-block;
		padding:0 0 0 0;
		border-top:0;
	}
	
	#menuFondMain li.menu0 ul li
	{
		display:inline-block;
	}
	
	#menuFondMain li.menu0:first-child  > a, #menuTopMain li.menu0:first-child  > a
	{
		margin:0 25px 0 0;
		
	}
	#menuFondMain li.menu0:last-child  > a, #menuTopMain li.menu0:last-child  > a
	{
		margin:0 0 0 25px;
		
	}
	#menuFondMain li.menu0 > a, #menuTopMain li.menu0 > a
	{
		margin:0 25px 0 25px;
		padding:0;
	}
	
	#menuFondMain li.menu0 ul, #menuTopMain li.menu0 ul
	{
		background:#9e9e9d;
		border:1px solid #FFFFFF;
		margin-left:0;
	}
	
	#menuFondMain ul.menu1 li > a, #menuTopMain ul.menu1 li > a
	{
		color:#FFFFFF;
	}
		
	#menuFondMain ul.menu1 li > a:hover, #menuFondMain ul.menu1 li > a.menuselected:not(.parent),
	#menuTopMain ul.menu1 li > a:hover, #menuTopMain ul.menu1 li > a.menuselected:not(.parent)
	{
		color:#FFFFFF;
	}
}



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

	#mainPanel:before
	{
		content:"";
		display:block;
		position:absolute;
		width:0;
		height:100%;
		background:rgba(8,39,53,0.6);
		z-index:10;
		transition:all 0.5s;
	}
	
	#mainPanel.open:before
	{
		width:calc(100% - 555px);
	}

	#leftPanel
	{
		display:none;
		z-index:0;
	}
	#menuIconeDesktop
	{
		display:block;
	}

	#menuIcone
	{
		display:none;
	}

	#zoneTopInt #menuIconeDesktop, #zoneTopInt #menuIcone
	{
		top:70px;		
	}
	
	#menuIconeDesktop > span
	{
		/*margin:11px 15px 0 0;*/
		margin:11px 6px 0 0;
		vertical-align:top;
		display:inline-block;
		/*font-family:opensans;
		font-weight:bold;*/
		font-family:open_sanssemibold;
		text-transform:uppercase;
		/*font-size:10px;*/
		font-size:13px;
		letter-spacing:1px;
		color:#565656;
	}


	/**************************************************/
	/*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.menu0
	{
		margin-left:115px;		
	}
	
	#menuMain a
	{
		max-width:290px;
	}
	
	#menuMain li.menu0
	{
		padding:22px 0 22px 0;
	}
	
	#menuMain li.menu0 a.menu0
	{
		font-size:19px;
	}
	
	#menuMain ul.menu0:after
	{
		content:"";
		display:block;
		clear:both;
	}
	
	#menuMain li
	{
		list-style-type: none;
		padding-bottom:0px; /*compense le li de base*/
	}
	
	#menuMain a.menu0 {
		text-align: left;
	}
	
	
	/*2ème niveau : Style des liens "off" */
	#menuMain li.menu0 ul li > a.menu1
	{
		margin-left: 0;
		position: relative;
	}
	#menuMain li.menu1 ul {
		margin-left: 20px;
	}
}
#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*/

/*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:15px;
	right:19px;
	color:#565656;
	font-size:11px;
}/*Styles spécifiques du plugin page en T1 */.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

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

.ressourceBtnSearch
{
	height:20px;	
}



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

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


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

#cse-search-box-api input[type=text].myBorder
{
	border:1px solid #565656!important;
}

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

#cse-search-box-api input[type=submit]
{
	padding:0;
	margin:0;
	display:block;
	position:absolute;
	right:12px;
	top:8px;
	width:20px;
	height:19px;
	border:0px;
	cursor:pointer;
	background-image:url(/plugin/searchapi/template/image/loupe.png) ;
	background-repeat:no-repeat;
	background-size:100%;
	background-color:transparent;
}

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

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

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

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

#searchapiResultsCtn .results .result .title
{
	display:block;
	font-weight:bold;
	font-size:1.1em;
	padding:0;
	margin:0 0 5px 0;
	border:none;
}
#searchapiResultsCtn .results .result .link
{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:.85em;
	color:#0073ab;
	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;*/
	
	display:none; /*pas d'accroche sur ce site*/
}
#searchapiResultsCtn .results .result .data .txt
{
	display:inline;
}
#searchapiResultsCtn .results .result .data .img img
{
	display:block;
	width:100%;
	height:auto;
	border:none;
}
#searchapiResultsCtn .results .result .data .img:empty
{
	display:none;
}
#searchapiResultsCtn .results .result .data .img:empty + .txt
{
	width:100%;
}

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

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

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

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

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

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

@media only screen and (min-width:1000px)
{
	.wSearchAPI
	{
		width:87px;		
	}

	
	.lngSearchCtn
	{
		background:transparent;
		padding:0;
		margin:0;
	}
	
	#searchCtnAPI
	{
		width:32px;
		float:right;
	}
	
	#cse-search-box-api
	{
		max-width:none;		
		float:right;
	}
	
	#cse-search-box-api input[type=text]
	{
		display:block;
		box-sizing:border-box;
		border-radius:20px;
		outline:0;	
		float:left;
		height:36px;
		width:100%;
		margin:0px;
		background-color:#ffffff;
		font-size:13px;
		border:0;
		color:#565656;
		padding-left:26px;
		border:0;
	}
}


/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	
	#cse-search-box-api input[type=submit]
	{
		background-image:url(/plugin/searchapi/template/image/loupe@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)
{
	#cse-search-box-api input[type=submit]
	{
		background-image:url(/plugin/searchapi/template/image/loupe@x3.png) ;
	}
}/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5E0404;
	text-decoration:none;
}

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

}

.sm1
{
    FONT-SIZE: 16px;
    COLOR: #0073ab;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;

}

.sm2
{
    FONT-SIZE: 14px;
    COLOR: #0073ab;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;

}

.sm3
{
    FONT-SIZE: 14px;
    COLOR: #0073ab;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}/*Style pour le montage*/
#sliderCtn
{
	position:relative;
	width:100%;
	overflow:hidden;
	min-height:100px;
}
#sliderCtn:before
{
	content:"";
	display:block;
	padding-top:18.85%;
}
.home #sliderCtn:before
{
	content:"";
	display:block;
	padding-top:98.8%;
}
#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 puces de navigation*/
#sliderCtn #bullets 
{
	display:none;
}
	
#sliderCtn .cpt, #sliderCtn .cpt span
{
	display:none;
}

#sliderCtn .arrow
{
	display:none;
}
	
/*Style pour les flèches*/
.home #sliderCtn .arrow
{
	position:absolute;
	bottom:20px;
	display:block;
	width:15px;
	height:15px;
	font-size: 11px;
	color: #FFFFFF;
	border:0;
	cursor:pointer;
	z-index:2;
	transition:all .5s;
	text-decoration:none;
}

#sliderCtn .sliderNext
{
	right:35%;
}
#sliderCtn .sliderPrev {
	transform: rotateZ(180deg);
	left:35%;
}

.home #sliderCtn .cpt
{
	display:block;
	position:absolute;
	z-index:2;
	bottom:17px;
	left:calc(50% - 18px);
}
.home  #sliderCtn .cpt span
{
	color:#FFFFFF;
	font-weight:Bold;
	font-size:17px;
	text-decoration:none;
	display:inline-block;
	
}
@media only screen and (min-width:641px)
{
	
	.home #sliderCtn:before
	{
		padding-top:52.08%;
	}
	

}

@media only screen and (min-width:800px)
{
	.home #sliderCtn .arrow
	{
		bottom:53px;
	}
	
	#sliderCtn .sliderNext
	{
		right:44%;
	}
	
	#sliderCtn .sliderPrev {
		left:44%;
	}
	
	.home #sliderCtn .cpt
	{
		bottom:50px;
	}
}

@media only screen and (min-width:800px)
{
	#sliderCtn .sliderNext
	{
		right:46%;
	}
	
	#sliderCtn .sliderPrev {
		left:46%;
	}
}

@media only screen and (min-width:1700px)
{
	#sliderCtn .sliderNext
	{
		right:48%;
	}
	
	#sliderCtn .sliderPrev {
		left:48%;
	}
}
/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

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

.enteteUser
{
font-weight:bold;
}#weblinksListCtn .listElement 
{
	height:auto;
	background:none;
	padding-bottom:0;
	float:none;
	width:100%;
	margin-bottom:25px;
	transition:all 0.5s;
}

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

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

#weblinksListCtn .listElement:hover
{
	padding:0 0 0 20px;
}

#weblinksListCtn h5
{
	padding:0;
	margin:3px 0 0 0;
	height:auto;
}

#weblinksListCtn .listElement:hover h5
{
	background:none;
	color:#0073ab;
}

#weblinksListCtn h5:before {
    content: "";
	display:block;
	position:absolute;
	top:10px;
	left:0;
    background:#0073ab;
	width:10px;
	height:10px;
 	border-radius:50%;

}
#youarehereCtn
{
	display:none;
}

@media only screen and (min-width:641px)
{	
	#youarehereCtn
	{
		display:block;
		font-size:12px;
		color:#565656;
		font-weight:bold;
		padding-bottom:40px;
		padding-top:10px;
		text-align:left;
	}
	
	#youarehereCtn .header
	{
		position:relative;
		display:inline-block;
		vertical-align: middle;
		width:36px;
		height:36px;
		border-radius:50%;
		background:#0073ab;
		margin-right:10px;
	}
	#youarehereCtn .header:before
	{
		content:"";
		display:inline-block;
		vertical-align:middle;
		width:23px;
		height:23px;
		background-image:url(/plugin/youarehere/images/home.png);
		background-size:100%;
		background-repeat:no-repeat;
		margin-left:7px;
		margin-top:6px;
	}
	
	#youarehereCtn a
	{
		display:inline-block;
		vertical-align: middle;
		font-size:12px;
		color:#565656;
		font-weight:bold;
		text-decoration:none;
	}
	#youarehereCtn .separator
	{
		display:inline-block;
		vertical-align: middle;
		color:#565656;
		margin: 2px 5px 0 5px;
		font-size: 8px;
	}
}

@media only screen and (min-width:1000px)
{	
	#youarehereCtn
	{
		padding-bottom:110px;
		padding-top:0;
	}
}
/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	
	#youarehereCtn .header:before
	{
		background-image:url(/plugin/youarehere/images/home@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)
{
	#youarehereCtn .header:before
	{
		background-image:url(/plugin/youarehere/images/home@x3.png);
	}
}