/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 8, 2017 */
@font-face {
    font-family: 'dosis';
    src: url('/fonts/dosis-bold-webfont.eot');
    src: url('/fonts/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/dosis-bold-webfont.woff2') format('woff2'),
         url('/fonts/dosis-bold-webfont.woff') format('woff'),
         url('/fonts/dosis-bold-webfont.ttf') format('truetype'),
         url('/fonts/dosis-bold-webfont.svg#dosisbold') format('svg');
    font-weight: bold;/*700*/
    font-style: normal;
}

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

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

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

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

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

}

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

}
/*************** STYLE DE BASE  *******************/
body
{
	position:relative;
	margin:0px;
	padding:0px;
	font-family: dosis;
    font-size: 20px;
	font-weight:normal;
	color:#474747;
	background:#ffffff;
}

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


/* CONTAINERS PRINCIPAUX */
.mainholder
{
	position:relative;
}

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

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

#preTopHolder, #topHolder
{
	display:none;
}

#sliderHolder
{
	border-bottom:5px solid #c10075;	
}
#sliderHolder .scrollDown
{
	display:none;
}
.home #sliderHolder .scrollDown
{
	position:absolute;
	display:block;
	box-sizing:border-box;
	bottom:7.7%;
	left:50%;
	margin-left:-18px;
	width:36px;
	height:36px;
	border:2px solid #ffffff;
	border-radius:18px;
	z-index:5;
	-webkit-animation: turn 2s linear infinite;
	-moz-animation: turn 2s linear infinite;
	animation: turn 2s linear infinite;
}
@-webkit-keyframes turn {
	0%  { transform:scale(1); }
    50% { transform:scale(.85);  }
	100%  { transform:scale(1); }
}
@-moz-keyframes turn {
	0%  { transform:scale(1); }
    50% { transform:scale(.85);  }
	100%  { transform:scale(1); }
}
@keyframes turn {
	0%  { transform:scale(1); }
    50% { transform:scale(.85);  }
	100%  { transform:scale(1); }
}

.home #sliderHolder .scrollDown:before, .home #sliderHolder .scrollDown:after
{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-5px;
	width:2px;
	height:10px;
	background:#ffffff;
	transform-origin:bottom center;
	
}
.home #sliderHolder .scrollDown:before
{
	transform:skew(40deg);
}
.home #sliderHolder .scrollDown:after
{
	transform:skew(-40deg);
}

#sliderHolder > .topholderresponsive
{
	position:absolute;
	display:block;
	top:0;
	left:0;right:0;
	height:0;
	z-index:5;
}
#sliderHolder > .topholderresponsive > .mainctn > .psv
{
	position:absolute;
	top:20px;
	left:10px;
	width:215px;
	height:43px;
	background:url(/template/image/psv-white.png) no-repeat center center;
}

#homeHolder{
	padding:60px 0 30px 0;
}

#homeHolder .domainectn{
	position: relative;
	display: block;
	background:#ffffff;
	box-shadow:-1px 3px 10px #cccccc, 1px -3px 10px #cccccc;
	margin-bottom:30px;
	overflow: hidden;
}
#homeHolder .domainectn > div{
	position: relative;
	display: block;
	margin-right: -1px;
}
#homeHolder .domainectn > div > a{
	position: relative;
	display: block;
	float:left;
	box-sizing: border-box;
	width:50%;
	border-right:1px solid #cbcbcb;
	color:#052b40;
	font-weight: 500;
	font-size: 16px;
}
@media only screen and (min-width:641px){
	#homeHolder .domainectn > div > a{
		position: relative;
		display: block;
		float:left;
		box-sizing: border-box;
		width:25%;
		border-right:1px solid #cbcbcb;
		color:#052b40;
		font-weight: 500;
		font-size: 16px;
	}
}
@media only screen and (min-width:961px){
	#homeHolder .domainectn > div > a{
		font-size: 20px;
	}
}

#homeHolder .domainectn > div > a:before{
	content:"";
	display:block;
	padding-top: 96%;
}
#homeHolder .domainectn > div > a > span.img{
	position:absolute;
	display:block;
	top:16%;left:0;right:0;
	bottom:46%;
	background-size: contain;
	background-position: bottom center;
	background-repeat: no-repeat;

}
#homeHolder .domainectn > div > a > span.img:after{
	content:"";
	position:absolute;
	display:block;
	inset: 0;
	background-size: contain;
	background-position: bottom center;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity .5s;
}
#homeHolder .domainectn > div > a:hover > span.img:after{
	opacity: 1;
}
#homeHolder .domainectn > div > a > span.txt{
	position: absolute;
	top:62%;
	left:29%;right:29%;
	text-align: center;
}
#homeHolder .domainectn > div > a.domaine_3 > span.txt{
	left:10%;right:10%;
}
@media only screen and (min-width:961px){
	#homeHolder .domainectn > div > a.domaine_3 > span.txt{
		left:18%;right:18%;
	}
}
@media only screen and (min-width:1024px){
	#homeHolder .domainectn > div > a.domaine_3 > span.txt{
		left:20%;right:20%;
	}
}
.DE #homeHolder .domainectn > div > a > span.txt,
.DE #homeHolder .domainectn > div > a.domaine_3 > span.txt{
	left:5px;right:5px;
}

#homeHolder .domainectn > div > a.domaine_1{
	border-bottom: 6px solid #dd2476;
}
#homeHolder .domainectn > div > a.domaine_1 > span.img{
	background-image: url(/template/image/domaines/Depistage-Cancer-Gris.svg);
}
#homeHolder .domainectn > div > a.domaine_1 > span.img:after{
	background-image: url(/template/image/domaines/Depistage-Cancer-Gris-Fonce.svg);
}
#homeHolder .domainectn > div > a.domaine_2{
	border-bottom: 6px solid #88c425;
}
#homeHolder .domainectn > div > a.domaine_2 > span.img{
	background-image: url(/template/image/domaines/Ligue-Pulmonaire-Gris.svg);
}
#homeHolder .domainectn > div > a.domaine_2 > span.img:after{
	background-image: url(/template/image/domaines/Ligue-Pulmonaire-Gris-Fonce.svg);
}
#homeHolder .domainectn > div > a.domaine_3{
	border-bottom: 6px solid #c4161c;
}
#homeHolder .domainectn > div > a.domaine_3 > span.img{
	background-image: url(/template/image/domaines/Promotion-Sante-Gris.svg);
}
#homeHolder .domainectn > div > a.domaine_3 > span.img:after{
	background-image: url(/template/image/domaines/Promotion-Sante-Gris-Fonce.svg);
}
#homeHolder .domainectn > div > a.domaine_4{
	border-bottom: 6px solid #f9d423;
}
#homeHolder .domainectn > div > a.domaine_4 > span.img{
	background-image: url(/template/image/domaines/Sante-Scolaire-Gris.svg);
}
#homeHolder .domainectn > div > a.domaine_4 > span.img:after{
	background-image: url(/template/image/domaines/Sante-Scolaire-Gris-Fonce.svg);
}

#homeHolder .cartouchemoteurprestation{
	position: relative;
	display: block;
	background:#ffffff;
	margin: 30px 0 30px 0;
	padding: 30px;
	box-shadow:-1px 3px 10px #cccccc, 1px -3px 10px #cccccc;
	text-align: center;
	color:#052b40;
	text-decoration: none;
	transition: box-shadow .5s;
}
@media only screen and (min-width:481px){
	#homeHolder .cartouchemoteurprestation{
		padding: 30px 60px 30px 60px;
	}
}
#homeHolder .cartouchemoteurprestation:hover{
	box-shadow:-1px 3px 10px #999999, 1px -3px 10px #999999;
}
#homeHolder .cartouchemoteurprestation h5{
	display:block;
	margin:0 0 10px 0;
	padding:0;
	font-weight: bold;
	font-size: 25px;
}
#homeHolder .cartouchemoteurprestation .resume{
	 display:block;
	 margin:0;
	 padding:0;
	 font-weight: 500;
 }
#homeHolder .cartouchemoteurprestation .arrow
{
	position:absolute;
	width:28px;
	height:2px;
	bottom:20px;
	right:20px;
	transform: translateY(-50%);
	transition: right .5s;
}
@media only screen and (min-width:481px){
	#homeHolder .cartouchemoteurprestation .arrow
	{
		bottom:auto;
		top:50%;
		transform: translateY(-50%);
	}
}
#homeHolder .cartouchemoteurprestation:hover .arrow{
	right:10px;
}
#homeHolder .cartouchemoteurprestation .arrow:before, #homeHolder .cartouchemoteurprestation .arrow:after
{
	content:"";
	position:absolute;
	display:block;
	right:-2px;
	width:2px;
	height:10px;
}
#homeHolder .cartouchemoteurprestation .arrow:before
{
	bottom:1px;
	transform:skew(45deg);
	transform-origin:bottom right;
}
#homeHolder .cartouchemoteurprestation .arrow:after
{
	top:1px;
	transform:skew(-45deg);
	transform-origin:top right;
}

#homeHolder .cartouchehomeholder
{
	position:relative;
	background:#ededed;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #ededed,#ffffff);
	background-image: -moz-linear-gradient(top, #ededed,#ffffff);
	background-image: -ms-linear-gradient(top, #ededed,#ffffff);
	background-image: -o-linear-gradient(top, #ededed,#ffffff);
	background-image: linear-gradient(top, #ededed,#ffffff);
}
#homeHolder .cartouchehome
{
	margin-top:30px;
}

#homeHolder .cartouchehome > h5
{
	margin:0px 0 30px 0;
	padding:60px 0 0 0;
	border:none;
	color:#0b486b;
	font-weight: bold;
	font-size:30px;
}
@media only screen and (min-width:641px){
	#homeHolder .cartouchehome > h5{
		font-size:35px;
	}
}

#homeHolder .cartouchehome > a
{
	position:relative;
	display:block;
}

#homeHolder .cartouchehome > a .img
{
	display:block;
	margin:0 -10px 0 -10px;
	background:url(/template/image/home1_v2022.jpg) no-repeat center center;
	background-size:cover;
}
#homeHolder .cartouchehome > a:nth-child(2) .img
{
	background-image:url(/template/image/home2_v2022.jpg);
}
#homeHolder .cartouchehome > a:nth-child(3) .img
{
	background-image:url(/template/image/home3_v2022.jpg);
}
#homeHolder .cartouchehome > a:nth-child(4) .img
{
	background-image:url(/template/image/home4_v2022.jpg);
}

#homeHolder .cartouchehome > a .img:before
{
	content:"";
	display:block;
	padding-top:56%;
}
#homeHolder .cartouchehome > a .txtctn
{
	position:relative;
	display:block;
	background:#ffffff;
	margin:0-10px 0 -10px;
	padding:20px 10px 60px 10px;
}

#homeHolder .cartouchehome > a .txtctn:after
{
	content:"";
	position:absolute;
	box-sizing:border-box;
	bottom:100%;
	margin-right:-18px;
	right:50%;
	width:36px;
	height:18px;
	border-bottom:18px solid #ffffff;
	border-left:18px solid transparent;
	border-right:18px solid transparent;
}

#homeHolder .cartouchehome > a .txtctn .txt
{
	display:block;
	box-sizing:border-box;
	width:100%;
}

#homeHolder .cartouchehome > a .txtctn .txt h5
{
	margin:0 0 10px 0;
	font-weight:600;
	font-size:22px;
	color:#0b486b;
}
#homeHolder .cartouchehome > a .txtctn .txt .resume
{
	font-weight:normal;
	font-size:18px;
	color:#474747;
}

#homeHolder .cartouchehome > a .arrow
{
	position:absolute;
	width:28px;
	height:2px;
	bottom:30px;
	right:10px;
}
#homeHolder .cartouchehome > a .arrow:before, #homeHolder .cartouchehome > a .arrow:after
{
	content:"";
	position:absolute;
	display:block;
	right:-2px;
	width:2px;
	height:10px;
}
#homeHolder .cartouchehome > a .arrow:before
{
	bottom:1px;
	transform:skew(45deg);
	transform-origin:bottom right;
}
#homeHolder .cartouchehome > a .arrow:after
{
	top:1px;
	transform:skew(-45deg);
	transform-origin:top right;
}

#pageCtn
{
	position:relative;
	margin-top:50px;
}

#logoTheme
{
	display:none;
}
	
#pageCtn .mainCol
{
	position:relative;
	margin-bottom:50px;
}

#pageCtn .rightCol
{
	position:relative;
}

#pageCtn.withlist .rightCol, body.pagelarge #pageCtn .rightCol
{
	display:none;
}

#footerHolder
{
	margin-top:30px;
	background:url(/template/image/bgfooter.png) no-repeat center right;
}
#footerHolder:before
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	z-index:-1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f0f0f0));
	background-image: -webkit-linear-gradient(top, #f6f6f6,#f0f0f0);
	background-image: -moz-linear-gradient(top, #f6f6f6,#f0f0f0);
	background-image: -ms-linear-gradient(top, #f6f6f6,#f0f0f0);
	background-image: -o-linear-gradient(top, #f6f6f6,#f0f0f0);
	background-image: linear-gradient(top, #f6f6f6,#f0f0f0);
}

#footerHolder > .mainctn
{
	padding-top:0;
}
#footerHolder > .linectn
{
	font-size:0;
}
#footerHolder > .linectn > span
{
	position:relative;
	display:none;
	height:4px;
	width:25%;
}
#footerHolder > .linectn > span:nth-child(-n+4)
{
	display:inline-block;
}
#footerHolder > .linectn > span:before
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	opacity:.7;
	z-index:1;
}
#footerHolder > .linectn > span:after
{
	content:"";
	position:absolute;
	top:1px;left:1px;right:1px;bottom:1px;
	opacity:1;
	z-index:2;
}
#footerHolder > .linectn > span:nth-child(4n+1):before, #footerHolder > .linectn > span:nth-child(4n+1):after
{
	background:#f9d423;
}
#footerHolder > .linectn > span:nth-child(4n+2):before, #footerHolder > .linectn > span:nth-child(4n+2):after
{
	background:#dd2476;
}
#footerHolder > .linectn > span:nth-child(4n+3):before, #footerHolder > .linectn > span:nth-child(4n+3):after
{
	background:#88c425;
}
#footerHolder > .linectn > span:nth-child(4n):before, #footerHolder > .linectn > span:nth-child(4n):after
{
	background:#c4161c;
}

#footerHolder > .mainctn > .footermenu
{
	position:relative;
	text-align:center;
	margin-bottom:30px;
}
#footerHolder > .mainctn > .footercol
{
	position:relative;
	box-sizing:border-box;
	font-weight:normal;
	font-size:16px;
	color:#474747;
	margin-bottom:30px;
}

#footerHolder > .mainctn > .footercol a
{
	color:#474747;
}
#footerHolder > .mainctn > .footercol h6
{
	margin:0 0  15px 0;
	padding:0 0 10px 0;
	font-weight:500;
	font-size:16px;
	color:#474747;
	border-bottom:1px solid #c5c5c5;
}

#footerHolder > .mainctn > .footercol.adresse span
{
	display:block;
	position:relative;
	padding-left:30px;
	margin-bottom:5px;
}
#footerHolder > .mainctn > .footercol.adresse > span:before
{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:15px;
	height:18px;
	background:url(/template/image/coord.png) no-repeat;
	background-size:100% auto;
}
#footerHolder > .mainctn > .footercol.adresse > .adr
{
	margin:0 0  15px 0;
	padding:0 0 36px 0;
	border-bottom:1px solid #c5c5c5;
}
#footerHolder > .mainctn > .footercol.adresse > .adr:before
{
	bacground-position:left top;
}
#footerHolder > .mainctn > .footercol.adresse > .adr > [itemprop=postalCode]
{
	display:inline-block;
}
#footerHolder > .mainctn > .footercol.adresse > .adr > [itemprop=addressLocality]
{
	display:inline-block;
	padding:0;	
}
#footerHolder > .mainctn > .footercol.adresse > [itemprop=telephone]:before
{
	background-position:left -30px;
}
#footerHolder > .mainctn > .footercol.adresse > [itemprop=faxNumber]:before
{
	background-position:left -55px;
}
#footerHolder > .mainctn > .footercol.adresse > .mail:before
{
	background-position:left bottom;
}

#footerHolder > .mainctn > .footercol.newsletter > a
{
	display:block;
	padding:5px 14px 5px 14px;
	margin-top:25px;
	border:1px solid #dbdbdb;
	border-radius:10px; 
	background:#ececec;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec));
	background-image: -webkit-linear-gradient(top, #ffffff,#ececec);
	background-image: -moz-linear-gradient(top, #ffffff,#ececec);
	background-image: -ms-linear-gradient(top, #ffffff,#ececec);
	background-image: -o-linear-gradient(top, #ffffff,#ececec);
	background-image: linear-gradient(top, #ffffff,#ececec);
	transition:color .2s, background .5s;
}
#footerHolder > .mainctn > .footercol.newsletter > a:hover
{
	background:#0b486b;
	color:#ffffff;
}

#footerHolder > .mainctn > .footercol.newsletter > .certifications{
	display: block;
	position: relative;
	margin-top:40px;
}
#footerHolder > .mainctn > .footercol.newsletter > .certifications > a{
	display: block;
	position: relative;
	width: 80px;
}
#footerHolder > .mainctn > .footercol.newsletter > .certifications > a > img{
	display: block;
	width: 100%;
	object-fit: contain;
	border:none;
}


#footerHolder > .mainctn > .footercol.reseaux > a
{
	display:inline-block;
	margin:10px 5px 0 0; 
	width:38px;
	height:38px;
	background:url(/template/image/reseaux@x2.png) no-repeat;
	background-size:auto 100%;
	transition:transform .3s;
}
#footerHolder > .mainctn > .footercol.reseaux > a:hover
{
	transform:scale(1.5,1.5);
}
#footerHolder > .mainctn > .footercol.reseaux > a.twitter
{
	background-position:left top;
}
#footerHolder > .mainctn > .footercol.reseaux > a.linkedin
{
	background-position:-44px top;
}
#footerHolder > .mainctn > .footercol.reseaux > a.facebook
{
	background-position:-88px top;
}
#footerHolder > .mainctn > .footercol.reseaux > a.rss
{
	background-position:-132px top;
}
#footerHolder > .mainctn > .footercol.reseaux > a.youtube
{
	background-position:right top;
}
#footerHolder > .mainctn > .footercol.reseaux > a.instagram{
	background-image:url(/template/image/instagram.svg);
}

#footerHolder > .poweredholder
{
	padding:10px 0 10px 0;
	background:rgb(130,130,130);
	background:rgba(130, 130, 130, .2);
	text-align:right;
}
#footerHolder > .poweredholder > .mainctn > a
{
	background-image:url(/template/image/boomerang-marketing.svg);
	background-repeat: no-repeat;
	background-size:100% auto;
	display:inline-block;
	width:125px;
	height:10px;
}

/* ENTETE DES PAGES*/
.headCtn h1
{
	margin:0px 0 30px 0;
	padding:0;
	border:none;
	font-weight: normal;
	font-size:39px;
	color:#0b486b;
}
.home .headCtn h1{
	font-weight: bold;
	font-size:30px;
}
@media only screen and (min-width:641px){
	.home .headCtn h1{
		font-size:35px;
	}
}
.headCtn h2 /*resume of the page*/
{
	margin:0;
	padding:0 0 30px 0;
    border:none;
	font-weight: normal;
	font-size:20px;
	color:#474747;
}

.headCtn .txtctn
{
	position:relative;
	border-bottom:1px solid transparent; /*pour prise en compte des margins*/
}
.headCtn .txtctn:after
{
	content:attr(rel);
	position:absolute;
	bottom:-10px;
	left:-10px;right:0;
	font-weight:bold;
	font-size:100px;
	color:#f5f5f5;
	line-height:.75em;
	z-index:-1;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.home .headCtn .txtctn:after{
	content:none;
}


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

.headCtn h2:empty, #pageCtn.withlist .headCtn .img
{
	display:none;
}

/* LISTES */
.listCtn
{
	position:relative;
}
#pageCtn.withlist .mainCol .listCtn
{
	clear:both;
}

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

.listElement .img
{
	position:relative;
	display:block;
	margin:0 -10px 0 -10px;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
}
.listElement .img:before
{
	content:"";
	display:block;
	padding-top:64%;
}

.listElement .txt
{
	display:block;
	position:relative;
	padding:30px 0px 0px 0px;
	background:#ffffff;
	overflow:hidden;
}

.listElement h5, .listElement h6
{
	margin:0px 0px 20px 0px;
	font-weight:600;
	font-size:22px;
	color:#0b486b;
	
}
.listElement .resume
{
	display:block;
	font-weight:normal;
	font-size:18px;
	color:#474747;	
}

.listElement .arrow
{
	position:absolute;
	display:block;
	bottom:0;
	right:5px;
	width:28px;
	height:2px;
}
.listElement .arrow:before, .listElement .arrow:after
{
	content:"";
	position:absolute;
	display:block;
	right:-2px;
	width:2px;
	height:10px;
}
.listElement .arrow:before
{
	bottom:1px;
	transform:skew(45deg);
	transform-origin:bottom right;
}
.listElement .arrow:after
{
	top:1px;
	transform:skew(-45deg);
	transform-origin:top right;
}

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

/* STYLE GENERIQUE*/
.divwrapper
{
	clear:both;
}
.clear:after
{
	content:"";
	display:block;
	clear:both;
}
.lastcol
{
	margin-right:0px!important;
}
.arrow, .arrow:before, .arrow:after
{
	background:#ca0b7f;
}

.newshidden
{
	color:red;  /*#c10075;*/
	font-size:16px;
	display:block;
	position:absolute;
	top:3px;
	right:3px;
}

H1, H2, H3 /*H3 in html content // H1,H2 in case someone try to use this level in html content */
{
    margin:50px 0 30px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #e5e5e5;
    font-weight: normal;
    font-size:28px;
	color:#0b486b;
}

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: 500;
    font-size:23px;
	color:#4e5b78;
}

A
{
    text-decoration:none;
	color:#ca0b7f;
}

P, .standard_p P
{
    margin-top: 20px;
    margin-bottom: 20px;
}


ul
{
	padding:0;
	margin:0;
	list-style-type:none;
}
ul > ul
{
	margin-left:20px;
}

ul > li
{
	padding:0 0 0 25px;
	text-indent:-25px;
	margin:0 0 15px 0; 
}

ul > li:before 
{
    content: "";
	display:inline-block;
	vertical-align:middle;
	width:5px;
	height:5px;
	border-radius:50%;
	margin-right:20px;
	margin-top:-5px;
 	background:#ca0b7f;
}

p + ul
{
	margin-top:-10px;
}
table p + ul
{
	margin-top:10px;
}

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:641px)
{
	.headCtn h1
	{
		font-size:49px;
	}
	
	.headCtn .txtctn:after
	{
		font-size:169px;
	}
	/*#pageCtn.withlist .headCtn
	{
		max-width:71%;
	}*/
	#pageCtn .headCtn .txtctn
	{
		min-height:140px;
	}
	
	#logoTheme
	{
		position:absolute;
		display:block;
		max-width:265px;
		max-height:98px;
		top:0;
		right:0;
		background-position:right center;
		background-size:contain;
		background-repeat:no-repeat;
	}
	#logoTheme > img
	{
		display:block;
		width:auto;
		height:auto;
		max-width:100%;
		max-height:100%;
		visibility:hidden;
	}
	
	H1, H2, H3
	{
	    font-size:31px;
	}
	
	H4, H5, H6
	{
	    font-size:24px;
	}
	
	#homeHolder .cartouchehome
	{
		margin-top:0;
	}
	
	#homeHolder .cartouchehome > a
	{
		overflow:hidden;
	}
	#homeHolder .cartouchehome > a .img
	{
		width:50%;
		margin:0;
		transition:transform .5s;
	}
	#homeHolder .cartouchehome > a:nth-child(even) .img
	{
		margin-left:50%;
	}

	#homeHolder .cartouchehome > a:hover .img
	{
		transform:scale(1.1,1.1);
	}
	
	#homeHolder .cartouchehome > a .txtctn
	{
		position:absolute;
		top:0;
		bottom:0;
		left:50%;
		right:0;
		font-size:0;
		margin:0;
		padding:0;
	}

	#homeHolder .cartouchehome > a .txtctn:after
	{
		bottom:auto;
		top:50%;
		margin-top:-24px;
		right:100%;
		margin-right:0;
		width:24px;
		height:48px;
		border-right:24px solid #ffffff;
		border-top:24px solid transparent;
		border-bottom:24px solid transparent;
		border-left:none
	}

	#homeHolder .cartouchehome > a .txtctn:before
	{
		content:"";
		display:inline-block;
		vertical-align:middle;
		height:100%;
		width:0;
	}
	#homeHolder .cartouchehome > a .txtctn .txt
	{
		display:inline-block;
		vertical-align:middle;
		padding:10px 80px 10px 20px;
	}

	#homeHolder .cartouchehome > a .txtctn .txt h5
	{
		font-size:22px;
	}

	#homeHolder .cartouchehome > a:nth-child(even) .img
	{
		margin-left:50%;
	}
	#homeHolder .cartouchehome > a:nth-child(even) .txtctn
	{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:50%;
		background:#ffffff;
		font-size:0;
	}
	#homeHolder .cartouchehome > a:nth-child(even) .txtctn:after
	{
		content:"";
		position:absolute;
		box-sizing:border-box;
		top:50%;
		margin-top:-24px;
		right:auto;
		left:100%;
		width:24px;
		height:48px;
		border-right:none;
		border-left:24px solid #ffffff;
		border-top:24px solid transparent;
		border-bottom:24px solid transparent;
	}
	
	#homeHolder .cartouchehome > a .arrow
	{
		position:absolute;
		width:28px;
		height:2px;
		bottom:40px;
		right:40px;
		transition:right .5s;
	}	
	
	#homeHolder .cartouchehome > a:hover .arrow
	{
		right:20px;
	}
		
	.listElement
	{
		float:left;
		width:47.5%;
		margin-right:5%;
		padding:0;
	}
	.listElement:after
	{
		content:"";
		display:block;
		clear:both;
	}
	.listElement:nth-child(2n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}

	.listElement .img
	{
		margin:0;
		z-index:2;
	}
	
	.listElement .txt
	{
		box-sizing:border-box;
		padding:25px 20px 40px 25px;
		box-shadow:-1px 3px 10px #cccccc, 1px -3px 10px #cccccc;
		z-index:1;
		transition:all .5s;
	}
	.listElement h5, .listElement h6
	{
		font-size:25px;
	}
	.listElement .arrow
	{
		bottom:20px;
		right:20px;
		z-index:4;
	}
	
	.listElement:hover .txt
	{
		margin:-10px;
		padding:35px 30px 50px 35px;
		z-index:3;
	}
	
	#footerHolder > .linectn > span
	{
		width:12.5%;
	}
	#footerHolder > .linectn > span:nth-child(-n+8)
	{
		display:inline-block;
	}

	#footerHolder > .mainctn
	{
		padding-top:30px;
	}
	
	#footerHolder > .mainctn > .footercol
	{
		float:left;
		width:50%;
	}
	#footerHolder > .mainctn > .footercol.adresse
	{
		padding-right: 4%;
	}
	#footerHolder > .mainctn > .footercol.newsletter, #footerHolder > .mainctn > .footercol.reseaux
	{
		padding-left: 4%;
	}
}
@media only screen and (min-width:961px)
{
	#homeHolder .cartouchehome > a .txtctn .txt
	{
		padding:20px 100px 20px 40px;
	}

	#homeHolder .cartouchehome > a .txtctn .txt h5
	{
		font-size:25px;
	}
	
	.listElement .img
	{
		width:45%;
	}
	.listElement .img:before
	{
		padding-top:128.65%;
	}
	.listElement .txt
	{
		position:absolute;
		top:0;right:0;bottom:0;left:45%;
		padding:25px 20px 0 25px;
	}
	
	#footerHolder > .mainctn
	{
		padding-top:30px;
		padding-bottom:40px;	
	}
	#footerHolder > .linectn > span
	{
		width:8.333%;
		display:inline-block;
	}
	
	#footerHolder > .mainctn > .footercol
	{
		width:33.33%;
		border-right:1px solid #c5c5c5;
		min-height:230px;
	}

	#footerHolder > .mainctn > .footermenu
	{
		z-index:2;
		margin-bottom:50px;
	}	
	#footerHolder > .mainctn > .footercol.adresse
	{
		padding-right: 8%;
	}
	#footerHolder > .mainctn > .footercol.newsletter{
		padding-right: 4%;
		padding-left: 4%;
	}
	#footerHolder > .mainctn > .footercol.reseaux
	{
		padding-left: 4%;
		border:none;
	}
}
@media only screen and (min-width:1020px)
{
	#preTopHolder
	{
		display:block;
	}
	
	#preTopHolder > .mainctn
	{
		
		padding:14px 10px 14px 10px;
		font-size:0;
		text-align:right;	
	}
	#preTopHolder > .mainctn > a
	{
		position:relative;
		display:inline-block;
		padding:0 20px 0 12px;
		font-size:15px;
		font-weight:500;
		color:#526d7b;
		text-decoration:none;
	}
	#preTopHolder > .mainctn > a:after
	{
		content:"";
		display:block;
		position:absolute;
		width:13px;
		height:10px;
		right:0;
		top:50%;
		margin-top:-5px;
		background:url(/template/image/pretop.png) no-repeat top right;
		background-size: auto 100%;
	}
	#preTopHolder > .mainctn > a:first-child
	{
		padding-left:0;
		padding-right:26px;
		border-right:1px solid #c3c3c3;
	}
	#preTopHolder > .mainctn > a:first-child:after
	{
		right:8px;
		background-position:top left;
		background:none;	/* ne pas afficher le '?' en allemand */
	}
	
	#topHolder
	{
		display:block;
		background:#ededed;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
		background-image: -webkit-linear-gradient(top, #ffffff,#ededed);
		background-image: -moz-linear-gradient(top, #ffffff,#ededed);
		background-image: -ms-linear-gradient(top, #ffffff,#ededed);
		background-image: -o-linear-gradient(top, #ffffff,#ededed);
		background-image: linear-gradient(top, #ffffff,#ededed);
	}
	#topHolder:before
	{
		content:"";
		position:absolute;
		top:0;left:0;right:0;
		height:10px;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff));
		background-image: -webkit-linear-gradient(top, #f2f2f2,#ffffff);
		background-image: -moz-linear-gradient(top, #f2f2f2,#ffffff);
		background-image: -ms-linear-gradient(top, #f2f2f2,#ffffff);
		background-image: -o-linear-gradient(top, #f2f2f2,#ffffff);
		background-image: linear-gradient(top, #f2f2f2,#ffffff);
	}
	
	#topHolder > .mainctn
	{
		height:135px; /*135px*/
	}
	#topHolder > .mainctn > .psv
	{
		position:absolute;
		display:block;
		width:26.6%;/*266px;*/
		/*height:50px;*/
		top:0;left:10px;
		margin-top:4%;
		background:url(/template/image/psv@x2.png) no-repeat center center;
		background-size:cover;
		
	}
	#topHolder > .mainctn > .psv:before
	{
		content:"";
		display:block;
		padding-top:18.797%;
	}
	
	#topHolder > .mainctn > .menuSimulator
	{
		position:absolute;
		top:0;right:0;bottom:0;
		width:67.2%;/*672px;*/
		z-index:201;
	}

	#topHolder > .mainctn > .menuSimulator > a
	{
		position:relative;
		display:flex;
		justify-content: center; /* align horizontal */
		align-items: center;
		float:left;
		box-sizing:border-box;
		width:25%;
		height:135px;
		background:#eeeeee;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#f9f9f9));
		background-image: -webkit-linear-gradient(top, #eeeeee,#f9f9f9);
		background-image: -moz-linear-gradient(top, #eeeeee,#f9f9f9);
		background-image: -ms-linear-gradient(top, #eeeeee,#f9f9f9);
		background-image: -o-linear-gradient(top, #eeeeee,#f9f9f9);
		background-image: linear-gradient(top, #eeeeee,#f9f9f9);
		text-align:center;
		border-right:1px solid #e4e4e4;
		font-weight:500;
		font-size:18px;
		color:#052b40;
		padding:0 40px 0 40px;
	}
	#topHolder > .mainctn > .menuSimulator > a:before
	{
		content:none;
	}
	#topHolder > .mainctn > .menuSimulator > a.selected:before, #topHolder > .mainctn > .menuSimulator > a:hover:before
	{
		opacity:1;
	}
	#topHolder > .mainctn > .menuSimulator > a:nth-child(3){
		padding:0 10px 0 10px;
	}

	
	#topHolder > .mainctn > .menuSimulator > a:after
	{
		content:"";
		position:absolute;
		box-sizing:border-box;
		top:100%;
		left:50%;
		margin-left:-11px;
		width:22px;
		height:14px;
		border-left:11px solid transparent;
		border-right:11px solid transparent;
		border-top:14px solid transparent;
		opacity:0;
		transition:opacity .75s;
	}
	#topHolder > .mainctn > .menuSimulator > a.selected:after
	{
		opacity:1;
	}

	#topHolder > .mainctn > .menuSimulator > a:first-child
	{
		border-left:1px solid #e4e4e4;
	}
	#topHolder > .mainctn > .menuSimulator > a:nth-child(4n+1)
	{
		border-bottom:3px solid #dd2476;
	}
	#topHolder > .mainctn > .menuSimulator > a:nth-child(4n+1):after
	{
		border-top-color:#dd2476;
	}
	#topHolder > .mainctn > .menuSimulator > a:nth-child(4n+1):before
	{
		background-position:-180px top;
	}
	#topHolder > .mainctn > .menuSimulator > a:nth-child(4n+2)
	{
		border-bottom:3px solid #88c425;
	}
	#topHolder > .mainctn > .menuSimulator > a:nth-child(4n+2):after
	{
		border-top-color:#88c425;
	}
	#topHolder > .mainctn > .menuSimulator > a:nth-child(4n+2):before
	{
		background-position:right 15px top;
	}
	#topHolder > .mainctn > .menuSimulator > a:nth-child(4n+3)
	{
		border-bottom:3px solid #c4161c;
	}
	#topHolder > .mainctn > .menuSimulator > a:nth-child(4n+3):after
	{
		border-top-color:#c4161c;
	}
	#topHolder > .mainctn > .menuSimulator > a:nth-child(4n+3):before
	{
		background-position:14px top;
	}
	#topHolder > .mainctn > .menuSimulator > a:nth-child(4n)
	{
		border-bottom:3px solid #f9d423;
	}
	#topHolder > .mainctn > .menuSimulator > a:nth-child(4n):after
	{
		border-top-color:#f9d423;
	}
	#topHolder > .mainctn > .menuSimulator > a:nth-child(4n+4):before
	{
		background-position:-80px top;
	}
	
	#sliderHolder > .topholderresponsive
	{
		display:none;
	}
	
	
	/*#pageCtn.withlist .headCtn
	{
		width:67.5%;/675px;/
	}*/
	#pageCtn .headCtn .txtctn
	{
		min-height:0;
	}
	#pageCtn.withlist .headCtn .txtctn
	{
		min-height:140px;	
	}
	
	#pageCtn .mainCol
	{
		position:relative;
		float:left;
		width:67.5%;/*675px;*/
		margin-bottom:0;
	}
	
	#pageCtn .rightCol
	{
		position:relative;
		float:right;
		width:26.5%; /*265px;*/
	}
	#pageCtn .rightCol:before
	{
		content:"";
		position:absolute;
		top:0;
		bottom:10%;
		left:-11.5%;
		width:2px;
		background:#e5e5e5;
	}
	
	#pageCtn.withlist .mainCol, body.pagelarge #pageCtn .mainCol
	{
		float:none;
		width:auto;	
	}
	#pageCtn.withlist .rightCol, body.pagelarge #pageCtn .rightCol
	{
		display:none;
	}	
}

/*************  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)
{
	#topHolder > .mainctn > .psv
	{
		background-image:url(/template/image/psv@x2.png);
	}
	
	#footerHolder > .mainctn > .footercol.reseaux > a
	{
		background-image:url(/template/image/reseaux@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)
{
	#topHolder > .mainctn > .psv
	{
		background-image:url(/template/image/psv@x3.png);
	}
	
	#footerHolder > .mainctn > .footercol.reseaux > a
	{
		background-image:url(/template/image/reseaux@x3.png);
	}
}



/* TABLES */
table P
{
	margin:0px;
	padding:0px;
}

table th
{
	text-align:left;
	font-weight:500;
	color:#4e5b78;
	background:#f0f0f0;
	border-color:#e7e7e7;
}
table td
{
	border-color:#e7e7e7;
}

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:695px)/*675 + 20 de padding*/
{
	table
	{
		width:100%!important;
		table-layout:fixed; /*pour que les images suivent*/
	}
	table td
	{ 
		width:auto!important;
	}
	table img
	{	
		max-width:100%;
		height:auto!important;
	}
	
	table tbody.originaltbody
	{
		display:none;
	}
	table tbody.responsivedtbody
	{
		display:table-row-group;
	}
	
	table.responsived th, table.responsived td
	{
		display:block;
		width:100%!important;
		margin:0px!important;
		padding:0px!important;
		text-align:left;
	}
	
	table.responsived th p, table.responsived td p
	{
		text-align:left;
	}
	
	table tbody.responsivedtbody th, table.responsived th
	{
		border-top:5px solid transparent;
		border-bottom:5px solid transparent;
		margin-bottom:50;
	}	
	
	table tbody.responsivedtbody .thmain
	{	
		text-transform:uppercase;
		border-top:10px solid transparent!important;
		border-bottom:10px solid transparent!important;
	}
	
	table tbody.responsivedtbody .thspan
	{
		display:block!important;
		font-weight:bold;
		margin:10px 0px 5px 0px;
	}
}

/* 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;
}
/*-- 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]{
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

.htmlcontent input[type=submit], .htmlcontent input[type=reset], .btn
{
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    padding:5px 10px 5px 10px;
	background:#0b486b;
	color:#ffffff;
	min-width:120px;
	font-size:16px;
	border-radius:10px;
	cursor: pointer;
}
.htmlcontent input[type=submit]:disabled, .htmlcontent input[type=reset]:disabled, .btn:disabled
{
	opacity:.3;
	cursor: default;
}

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*/
	font-family:arial;
	font-size:11px;
}

.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-family:arial;
	font-size:12px;
	
}
.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 ********************/#agendaListCtn .listElement, #agendaListCtn .listElement:before
{
	background:#3f4c6b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b));
	background-image: -webkit-linear-gradient(top, #606c88,#3f4c6b);
	background-image: -moz-linear-gradient(top, #606c88,#3f4c6b);
	background-image: -ms-linear-gradient(top, #606c88,#3f4c6b);
	background-image: -o-linear-gradient(top, #606c88,#3f4c6b);
	background-image: linear-gradient(top, #606c88,#3f4c6b);
}
#agendaListCtn .listElement
{
	margin:0 -10px 20px -10px;
	padding:0;
	font-size:0;
	background:#3f4c6b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b));
	background-image: -webkit-linear-gradient(top, #606c88,#3f4c6b);
	background-image: -moz-linear-gradient(top, #606c88,#3f4c6b);
	background-image: -ms-linear-gradient(top, #606c88,#3f4c6b);
	background-image: -o-linear-gradient(top, #606c88,#3f4c6b);
	background-image: linear-gradient(top, #606c88,#3f4c6b);
}
#agendaListCtn .listElement:before
{
	content:"";
	position:absolute;
	top:0;right:0;bottom:0;left:35%;
		transition:all .5s;
	z-index:-1;
}
#agendaListCtn .listElement .img
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	width:35%;
	margin:0;
	padding:20px 0 20px 0;
	background:none!important;
}
#agendaListCtn .listElement .txt
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	width:65%;
	margin:0;
	padding:20px;
	left:0;
	background:none;
	box-shadow:none;
}
#agendaListCtn .listElement .img:before
{
	content:none;
}
#agendaListCtn .listElement .img:after
{
	content:"";
	position:absolute;
	right:0;
	top:20px;bottom:20px;
	width:1px;
	background:#717b92;
}

#agendaListCtn .listElement h5, #agendaListCtn .listElement h6
{
	margin:0 0 10px 0;
	color:#ffffff;
	font-size:20px;
}

#agendaListCtn .listElement .resume
{
	color:#ffffff;
	font-size:16px;
}
#agendaListCtn .listElement .img .day
{
	position:relative;
	display:block;
	text-align:center;
	line-height:1em;
	font-weight:500;
	font-size:80px;
	color:#ffffff;
}

#agendaListCtn .listElement .img .month
{
	position:relative;
	display:block;
	text-align:center;
	font-weight:500;
	font-size:20px;
	color:#ffffff;
	text-transform:lowercase;
}
.DE #agendaListCtn .listElement .img .month{
	text-transform: none;
}

.headCtn h1 span.date
{
	position:absolute;
	display:block;
	font-size:18px;
	top:-30px;
	left:0;
	padding:5px 15px 5px 15px;
	background:#3f4c6b;
	color:#ffffff;
}
.hilightZone .headCtn h1 span.date
{
	display:none;
}

@media only screen and (min-width:641px)
{
	#agendaListCtn .listElement
	{
		float:left;
		width:47.5%;
		margin:0 5% 35px 0;
		padding:0;
	}
	#agendaListCtn .listElement:nth-child(2n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}
	#agendaListCtn .listElement:hover:before
	{
		content:"";
		top:-10px;right:-10px;bottom:-10px;left:35%;
		margin-left:-10px;
	}
}

@media only screen and (min-width:961px)
{
	#agendaListCtn .listElement
	{
		margin-bottom:50px;
	}
	#agendaListCtn .listElement h5, #agendaListCtn .listElement h6
	{
		margin:0 0 20px 0;
		font-size:25px;
	}
	#agendaListCtn .listElement .resume
	{
		font-size:18px;
		padding-bottom:25px;
	}
	#agendaListCtn .listElement .img .day
	{
		font-size:119px;
	}
	
	#agendaListCtn .listElement .img .month
	{
		font-size:25px;
	}
}/*****************/
/** 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 */
#pageHolder .cartoucheCtn
{
	position:relative;
	margin-bottom:50px;	
}

#pageHolder .cartoucheCtn h5
{
	margin:0px 0px 30px 0px;
	padding-bottom:15px;
	padding-left:5px;
	border-bottom:1px solid #e5e5e5;
	font-weight:normal;
	font-size:25px;
	color:#0b486b;
}

.cartoucheCtn .more
{
	position:relative;
	display:block;
	font-weight:normal;
	font-size:17px;
	color:#474747;
	text-align:right;
}
.cartoucheCtn .more:after
{
	content:">";
	display:inline-block;
	padding-left:5px;
	font-weight:bold;
	color:#0b486b;
}

#homeHolder .cartoucheCtn h5
{
	position:relative;
	display:block;
	margin:60px 0 30px 0;
	color:#0b486b;
	font-weight: bold;
	font-size:30px;
	line-height:.75em;
	z-index:0;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;

}

@media only screen and (min-width:641px){
	#homeHolder .cartoucheCtn h5{
		font-size:35px;
	}
}


/* CARTOUCHE NEWS */
#cartoucheNewsCartoucheCtn .cartoucheElement
{
	position:relative;
	display:block;
	margin:0 0 20px 0;
	padding:0;
	text-decoration:none;
}

#cartoucheNewsCartoucheCtn .cartoucheElement .img
{
	position:relative;
	display:block;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
	z-index:2;
}
#cartoucheNewsCartoucheCtn .cartoucheElement .img:before
{
	content:"";
	display:block;
	padding-top:64%;
}

#cartoucheNewsCartoucheCtn .cartoucheElement .txt
{
	display:block;
	position:relative;
	box-sizing:border-box;
	padding:25px 20px 40px 20px;
	background:#ffffff;
	overflow:hidden;
	box-shadow:-1px 3px 10px #cccccc, 1px -3px 10px #cccccc;
	z-index:1;
	transition:all .5s;
}

#cartoucheNewsCartoucheCtn .cartoucheElement h6
{
	margin:0px 0px 20px 0px;
	font-weight:600;
	font-size:22px;
	color:#0b486b;
	
}
#cartoucheNewsCartoucheCtn .cartoucheElement .resume
{
	display:block;
	font-weight:normal;
	font-size:18px;
	color:#474747;	
}

#cartoucheNewsCartoucheCtn .cartoucheElement .arrow
{
	position:absolute;
	display:block;
	bottom:20px;
	right:20px;
	width:28px;
	height:2px;
	z-index:4;
	transition:all .5s;
}

#cartoucheNewsCartoucheCtn .cartoucheElement .arrow:before, #cartoucheNewsCartoucheCtn .cartoucheElement .arrow:after
{
	content:"";
	position:absolute;
	display:block;
	right:-2px;
	width:2px;
	height:10px;
}
#cartoucheNewsCartoucheCtn .cartoucheElement .arrow:before
{
	bottom:1px;
	transform:skew(45deg);
	transform-origin:bottom right;
}
#cartoucheNewsCartoucheCtn .cartoucheElement .arrow:after
{
	top:1px;
	transform:skew(-45deg);
	transform-origin:top right;
}

/* CARTOUCHE AGENDA */
#cartoucheAgendaCartoucheCtn .cartoucheElement
{
	position:relative;
	display:block;
	margin:0 0 20px 0;
	padding:0;
	text-decoration:none;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement .alignerctn
{
	position:relative;
	display:block;
	font-size:0;
	border-bottom:1px solid #868ea3;
	background:#3f4c6b!important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#515e7b))!important;
	background-image: -webkit-linear-gradient(top, #606c88,#515e7b)!important;
	background-image: -moz-linear-gradient(top, #606c88,#515e7b)!important;
	background-image: -ms-linear-gradient(top, #606c88,#515e7b)!important;
	background-image: -o-linear-gradient(top, #606c88,#515e7b)!important;
	background-image: linear-gradient(top, #606c88,#515e7b)!important;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement .alignerctn:before
{
	content:"";
	position:absolute;
	top:0;bottom:0;
	left:37%;
	width:1px;
	background:#868ea3;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement .alignerctn .img
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	width:37%;
	padding:5px 0 5px 0;
	background:none!important;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement .alignerctn .img .day
{
	position:relative;
	display:block;
	text-align:center;
	line-height:1em;
	font-weight:500;
	font-size:50px;
	color:#ffffff;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement .alignerctn .img .month
{
	position:relative;
	display:block;
	text-align:center;
	font-weight:500;
	font-size:18px;
	color:#ffffff;
	text-transform:lowercase;
}
#cartoucheAgendaCartoucheCtn .cartoucheElement .alignerctn h6
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	width:63%;
	padding:5px 10px 10px 10px;
	background:none;
	font-weight:500;
	font-size:18px;
	color:#ffffff;
}

#cartoucheAgendaCartoucheCtn .cartoucheElement .resume
{
	position:relative;
	display:block;
	padding:10px 10px 20px 10px;
	font-weight:normal;
	font-size:17px;
	color:#ffffff;
	background:#3f4c6b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#515e7b), to(#3f4c6b));
	background-image: -webkit-linear-gradient(top, #515e7b,#3f4c6b);
	background-image: -moz-linear-gradient(top, #515e7b,#3f4c6b);
	background-image: -ms-linear-gradient(top, #515e7b,#3f4c6b);
	background-image: -o-linear-gradient(top, #515e7b,#3f4c6b);
	background-image: linear-gradient(top, #515e7b,#3f4c6b);
	transition:all .5s;
}

#homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn 
{
	position:relative;
}
#homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn:before
{
	content:"";
	position:absolute;
	top:0;bottom:0;left:0;right:50%;
}
#homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn .mainctn, #homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn:before
{
	background:#3f4c6b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#515e7b), to(#3f4c6b));
	background-image: -webkit-linear-gradient(top, #515e7b,#3f4c6b);
	background-image: -moz-linear-gradient(top, #515e7b,#3f4c6b);
	background-image: -ms-linear-gradient(top, #515e7b,#3f4c6b);
	background-image: -o-linear-gradient(top, #515e7b,#3f4c6b);
	background-image: linear-gradient(top, #515e7b,#3f4c6b);	
} 

#homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn .listCtn .listElement, #homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn .listCtn .listElement:before
{
	background:transparent;
	margin-bottom:10px;
}

#homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn h5
{
	position:relative;
	display:block;
	margin:120px 0 30px 0;
	color:#0b486b;
	font-weight: bold;
	font-size:30px;
	opacity: 1;
	transform:translateY(-70px);
	line-height:1.2em;
}
#homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn h5 + .listCtn{
	margin-top:-35px;
}
#homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn h5:after
{
	content:none;
}
@media only screen and (min-width:641px){
	#homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn h5{
		font-size:35px;
		margin-left:10px;
	}
}
@media only screen and (min-width:1020px){
	#homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn h5{
		margin-left:0;
	}
}


#homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn .more
{
	color:#9ca3b3;
	padding-bottom:10px;
}
#homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn .more:after
{
	color:#9ca3b3;
}

@media only screen and (min-width:641px)
{
	#pageHolder .cartoucheCtn
	{
		float:left;
		width:47.5%;
		margin-right:5%;
		margin-top:30px;
	}
	
	#pageHolder .cartoucheCtn:nth-child(2n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}
	
	#pageHolder .cartoucheCtn h5
	{
		font-size:25px;
	}

	#cartoucheNewsCartoucheCtn .cartoucheElement:hover .txt
	{
		margin:-10px;
		padding:35px 30px 50px 30px;
		z-index:3;
	}
	
	#cartoucheNewsCartoucheCtn .cartoucheElement:hover .arrow
	{
		bottom:30px;
	}
	
	#cartoucheNewsCartoucheCtn .cartoucheElement h6
	{
		font-size:25px;
	}
	
	#cartoucheAgendaCartoucheCtn .cartoucheElement .alignerctn h6
	{
		font-size:21px;
		padding:10px 15px 10px 15px;
	}
	
	#cartoucheAgendaCartoucheCtn .cartoucheElement .alignerctn .img
	{
		padding:10px 0 10px 0;
	}	
	#cartoucheAgendaCartoucheCtn .cartoucheElement .alignerctn .img .day
	{
		font-size:70px;
	}
	#cartoucheAgendaCartoucheCtn .cartoucheElement .alignerctn .img .month
	{
		font-size:20px;
	}
	#cartoucheAgendaCartoucheCtn .cartoucheElement .resume
	{
		padding:20px 20px 30px 20px;
	}
	/*#cartoucheAgendaCartoucheCtn .cartoucheElement:hover .resume
	{
		margin:-10px;
		padding:30px 30px 40px 30px;
	}*/
	#homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn .mainctn
	{
		padding:0;
	}
	#homeHolder #cartoucheAgendaCartoucheCtn.cartoucheCtn .more
	{
		margin-right:50px;
	}

}
@media only screen and (min-width:1020px)
{
	#pageHolder .cartoucheCtn
	{
		float:none;
		width:auto;
		margin:0 0 50px 0;	
	}
	
	#pageHolder .cartoucheCtn h5
	{
		display:none;
	}
}#documentListCtn .listElement
{
	/*width:auto;
	float:none;*/
	margin-bottom:20px;
	padding:0;
}

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

#documentListCtn .listElement .txt
{
	display:block;
	position:relative;
	left:auto;
	background:none;
	margin:0;
	padding:5px 5px 5px 30px;
}

#documentListCtn .listElement h5
{
	font-weight:500;
	font-size:20px;
	margin-bottom:0;
}

#documentListCtn .listElement .icone
{
	position:absolute;
	display:block;
	top:7px;
	left:0px;
	width:22px;
	height:20px;
}

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

@media only screen and (min-width:641px)
{
	#documentListCtn .listElement .txt
	{
		box-shadow: 1px 3px 10px #cccccc;
	}
	
	#documentListCtn .listElement:hover .txt
	{
		margin:-10px;
		padding:15px 15px 15px 40px;
		z-index:3;
	}
	
	.hilightZone #documentListCtn .listElement:hover .txt
	{
		margin:0;
		padding:5px 5px 5px 30px;
	}
}#faqListCtn .listElement
{
	width:auto;
	float:none;
	border:0px;
	margin:0px 0px 15px 0px;
	padding:0;
}

#faqListCtn .listElement .question
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:12px 20px 12px 10px;
	background:#3f4c6b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b));
	background-image: -webkit-linear-gradient(top, #606c88,#3f4c6b);
	background-image: -moz-linear-gradient(top, #606c88,#3f4c6b);
	background-image: -ms-linear-gradient(top, #606c88,#3f4c6b);
	background-image: -o-linear-gradient(top, #606c88,#3f4c6b);
	background-image: linear-gradient(top, #606c88,#3f4c6b);
}

#faqListCtn .listElement .question:before
{
	content:"";
	position:absolute;
	box-sizing:border-box;
	width:10px;
	height:12px;
	border-left:10px solid #ffffff;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	top:50%;
	margin-top:-6px;
	right:10px;
	transition:transform .5s;
}

#faqListCtn .listElement .question h5
{
	font-weight:500;
	font-size:18px;
	color:#ffffff;
	text-transform:uppercase;
	margin:0px;
}

#faqListCtn .listElement .question.open:before, #bodyprint #faqListCtn .listElement .question:before
{
	transform:rotate(90deg);
}


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

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

@media only screen and (min-width:641px)
{
	#faqListCtn .listElement .question
	{
		padding:12px 40px 12px 20px;
	}
	
	#faqListCtn .listElement .question:before
	{
		right:20px;
	}	
	#faqListCtn .listElement .question h5
	{
		font-size:20px;
	}
}#galleryimageListCtn .listElement
{
	width:auto;
	height:auto;
	box-sizing:border-box;
	padding:0;
	border:0;
	margin:0 0 20px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow:-1px 3px 10px #cccccc, 1px -3px 10px #cccccc;
	overflow:visible;
}

#galleryimageListCtn .listElement .img
{
	width:100%;
	float:none;
	margin:0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

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

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

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

#galleryimageListCtn .listElement .admin > a
{
	display:block;
	margin:0 auto 0 auto;
	color:#474747;
	text-decoration:none;	
	width:87%;
}

#galleryimageListCtn .listElement .admin .myArrowAdmin
{
	position:absolute;
	top:10px;
	left:0;
}

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

/* MEDIA QUERIES */
@media only screen and (min-width:481px)
{
	#galleryimageListCtn .listElement
	{
		float:left;
		margin-right:2%;
		width:48%;
	}
	#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 */
	}
	
	#galleryimageListCtn .listElement, #galleryimageListCtn .listElement:nth-child(2n+0)
	{
		width:32%;
		margin-right:2%;
		z-index:1;
		transition:transform .5s;
	}
	#galleryimageListCtn .listElement:nth-child(3n+0)
	{
		margin-right:0;
	}
	
	#galleryimageListCtn .listElement:hover
	{
		transform:scale(1.2,1.2);
		z-index:2;
	}
	
	.hilightZone #galleryimageListCtn .listElement:hover
	{
		transform:scale(1.0,1.0);
		z-index:1;
	}
}#langsiteCtn
{
	position:absolute;
	top:22px;right:0;
	height:0;
	z-index:5;
}
.langsite
{
	display:block;
	position:relative;
	font-weight:bold;
	font-size:15px;	
	color: #ffffff;
   	text-decoration: none;
	padding-left:10px
}
.langsite:before
{
	content:"";
	position:absolute;
	box-sizing:border-box;
	top:50%;
	margin-top:-4px;
	left:0;
	width:6px;
	height:8px;
	border-left:6px solid #a1a6b6;
	border-bottom:4px solid transparent;
	border-top:4px solid transparent;
}
.langsiteActiv
{
   	display:none;
}
@media only screen and (min-width:1020px)
{
	/* Style pour plugin langsite */
	#langsiteCtn
	{
		position:absolute;
		top:0;left:0;right:10px;
		text-align:right;
		height:0;
		z-index:5;
	}
	#langsiteCtn > .mainctn > div
	{
		position:absolute;
		top:15px;
		right:0;
		font-size:0;
		border-left:1px solid #ffffff;
	}
	.langsite
	{
		display:inline-block;
		margin-left:10px;
		font-weight:500;
		font-size:14px;	
		color: #ffffff;
	   	text-decoration: none;
		padding-left:0;
	}
	.langsite:before
	{
		content:none;
	}
	
	.langsiteActiv
	{
	   	display:inline-block;
		margin-left:10px;
		font-weight:bold;
		font-size:14px;	
		color: #ffffff;
	   	text-decoration: none;
	}
}#linksCtn, .linksElementCtn
{
	position:relative;	
}

#linksCtn h5
{
	margin:50px 0px 40px 0px;
	padding-bottom:15px;
	border-bottom:1px solid #e5e5e5;
	font-weight:normal;
	font-size:28px;
	color:#0b486b;
}

@media only screen and (min-width:641px)
{
	#linksCtn h5
	{
		font-size:38px;
	}	
}#myaccountCtn
{
	display:none;
}
@media (min-width:1020px)
{
	#myaccountCtn
	{
		display:block;
		position:absolute;
		top:20px;
		right:0;
		z-index:5;
	}
	#myaccountCtn h5
	{
		margin:0px;
		padding:0px;
		font-size:18px;
		font-weight:600;
		color:#ffffff;
		background:#0b486b;
		width:14px;
		padding:8px;
		text-align:center;
		word-break:break-all;
		float:left;
	}
	
	#myaccountCtn .infos
	{
		background:#f3f3f3;
		float:left;
		font-size:16px;
		max-width:0;
		max-height:214px;
		overflow:hidden;
		transition:max-width 0.3s, max-height 0.5s;
	}
	#myaccountCtn:hover .infos
	{
		max-width:300px;
		max-height:500px;
		padding:10px;
		border:1px solid #0b486b;
	}
	
	#myaccountCtn .infos .myAccountPart
	{
		margin-bottom:7px;
	}
	
	#myaccountCtn .infos .myAccountPart.first .title
	{
		font-weight:normal;
	}
	
	#myaccountCtn .infos .title
	{
		font-weight:600;
	}
	
	#myaccountCtn .infos a
	{
		display:block;
		margin:5px 0 5px 0px;
		text-decoration:none;
	}
	#myaccountCtn .infos a:hover
	{
		text-decoration:underline;
	}
	#myaccountCtn .infos a:before
	{
		content:"-";
		margin-right:5px;
	}
}

/*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;
}/* 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%;
	overflow-x:hidden;
	overflow-y:auto;
	background:#3f4c6b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b));
	background-image: -webkit-linear-gradient(top, #606c88,#3f4c6b);
	background-image: -moz-linear-gradient(top, #606c88,#3f4c6b);
	background-image: -ms-linear-gradient(top, #606c88,#3f4c6b);
	background-image: -o-linear-gradient(top, #606c88,#3f4c6b);
	background-image: linear-gradient(top, #606c88,#3f4c6b);
}
#leftPanel:before
{
	content:"";
	position:absolute;
	top:10px;
	left:10px;
	width:215px;
	height:43px;
	background:url(/template/image/psv-white.png) no-repeat center center;
	opacity:.05;
}
#leftPanel.scrolling
{
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

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

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

#menuIcone
{
	position:absolute;
	top:29px;
	right:10px;
	width:39px;
	height:38px;
	cursor:pointer;
	background:url(/template/image/menuIcone.png) top left;
	background-size:cover;
}

#mainPanel.open #menuIcone
{
	right:auto;
	left:10px;
	background-position:bottom left;
}
#mainPanel.open .psv
{
	display:none;
}

#leftPanel a.copy
{
	display:none;
}

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

div.styleMenuAdmin, .myArrowAdmin 
{
	display:none; 
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
#menuMain ul
{
	margin:0px;
	padding:0px;
	font-weight:600;
	font-size:16px;
	color:#e9e9e9;
}

#menuMain ul.menu0
{
	margin:20px 10px 10px 10px;
}

#menuMain li
{
	position:relative;
	display:block;
	list-style-type: none;
	padding:0;
	margin:0;
	text-indent:0;
}
#menuMain li:before
{
	content:none;
}
#menuMain li > a
{
	position:relative;
	display:block;
	padding-right:20px;
	color:#e9e9e9;
	text-decoration:none;
}
#menuMain li > a:after
{
	content:">";
	position:absolute;
	right:0;
	top:50%;
	margin-top:-13px;
	font-size:22px;
	color:#81879d;
	line-height:1em;
}

#menuMain li > a:hover, #menuMain li > a.menuselected:not(.parent)
{
	color:#ffffff;
}
#menuMain li > a:hover:after, #menuMain li > a.menuselected:not(.parent):after
{
	color:#ffffff;
}

#menuMain ul.menu0 ul
{
	display:none;	
}
#menuMain ul.menu0 ul
{
	margin-top:-14px;
	margin-bottom:14px;
	padding-left:10px;
	padding-top:7px;
	border-top:1px solid #7c8398;
	border-bottom:1px solid #7c8398;
}
#menuMain ul.menu1 ul
{
	margin-top:0;
	padding-top:0;
}

#menuMain a.menu0
{
	margin-bottom:14px;
	font-size:18px;
	color:#ffffff;
	text-transform:uppercase;
}

#menuMain .menu0 a
{
	padding:8px 0 8px 0;
}

/**************************************************/
/*Style pour le menuBottom */
/**************************************************/
#menuBottomMain ul
{
	position:relative;
	display:block;
	margin:0;
	padding:0px;
	font-weight:500;
	font-size:17px;
	color:#0b486b;
	text-align:left;
}
#menuBottomMain ul.menu0
{
	display:block;
	margin:0 -10px 0 -10px;
	padding:0;
}

#menuBottomMain li
{
	position:relative;
	list-style-type: none;
	background:none;
	padding:0;
	margin:0;
	text-indent:0;
}
#menuBottomMain li:before
{
	content:none;
}
#menuBottomMain li.menu0
{
	padding:0 10px 0 10px;
	border-bottom:1px solid #dedede;
}
#menuBottomMain li.menu0 ul
{
	margin-bottom:14px;
}
#menuBottomMain li.menu1 ul
{
	margin-bottom:0px;
}
#menuBottomMain li > a
{
	display:block;
	position:relative;
	color:#0b486b;
	text-decoration:none;
	padding:7px 20px 7px 0;
}
#menuBottomMain li > a:after
{
	content:">";
	position:absolute;
	right:0;
	top:50%;
	margin-top:-12px;
	font-size:22px;
	color:#81a0b1;
	line-height:1em;
}
#menuBottomMain li > a:hover, #menuBottomMain li > a.menuselected:not(.parent), #menuBottomMain li > a:hover:after, #menuBottomMain li > a.menuselected:not(.parent):after
{
	color:#474747;
}

#menuBottomMain a.menu0
{
	padding-top:14px;
	padding-bottom:14px;
}

#menuBottomMain a.menu1
{
	padding-left:10px;
	font-size:15px;
}
#menuBottomMain a.menu2
{
	padding-left:20px;
	font-size:15px;
}

/* MEDIA QUERIES */
@media only screen and (min-width:1020px)
{
	#leftPanel, #menuIcone
	{
		display:none;
	}
	
	/**************************************************/
	/*Style pour le menu simple horizontal et vertical*/
	/**************************************************/
	#menuMain ul
	{
		display:block;
		position:relative;
		margin:0px;
		padding:0px;
	}

	#menuMain ul.menu0
	{
		position:absolute;
		display:block;
		max-height:0;
		top:100%; 
		left:0; right:0;
		margin:0;
		padding:0;
		overflow:hidden;
		background:#3f4c6b;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b));
		background-image: -webkit-linear-gradient(top, #606c88,#3f4c6b);
		background-image: -moz-linear-gradient(top, #606c88,#3f4c6b);
		background-image: -ms-linear-gradient(top, #606c88,#3f4c6b);
		background-image: -o-linear-gradient(top, #606c88,#3f4c6b);
		background-image: linear-gradient(top, #606c88,#3f4c6b);
		transition:max-height .5s, padding-bottom .5s;
		z-index:200;
	}
	#menuMain ul.menu0:before
	{
		content:"";
		position:absolute;
		top:0;left:0;right:0;bottom:0;
		background:url(/template/image/heart.png) no-repeat 12% bottom;
		opacity:.05;
	}	
	
	#menuMain li.menu0
	{
		position:relative;
		display:none;
		max-width:1000px;
		margin: 0 auto 0 auto;
		padding:0 10px 0 10px;
	}
	
	#menuMain li.menu0 ul
	{
		display:block;
		position:relative;
		padding:0;
		margin:0 0 0 -20px;
		border:none;
	}
	#menuMain li.menu0 ul li
	{
		display:block;
		position:relative;
		float:left;
		box-sizing:border-box;
		width:25%;
		padding:0 0 0 20px;
		margin:0;
	}
	
	#menuMain li.menu0 ul:after, #menuMain li.menu0 ul li:nth-child(4n+1)
	{
		content:"";
		display:block;
		clear:both;
	}
	
	#menuMain li.menu1 ul
	{
		padding:0;
		margin:0 0 30px 0;
	}
	#menuMain li.menu1 ul li
	{
		display:block;
		position:relative;
		float:none;
		box-sizing:border-box;
		width:auto;
		padding:0 0 0 10px;
		margin:0;
	}
	
	#menuMain li > a, #menuMain a.menu0, #menuMain .menu0 a
	{
		margin:0;
		padding:0;
	}
	#menuMain li > a:after
	{
		content:none;
	}
	
	#menuMain li.menu0 > a
	{
		font-weight:normal;
		font-size:35px;
		color:#ffffff;
		text-transform:none;
		margin:40px 0 30px 0;
		padding-bottom:10px;
		padding-right:50px;
		border-bottom:1px solid #8a8fa3;
		
	}
	#menuMain li.menu0 > a.close
	{
		display:block;
		position:absolute;
		top:10px;
		right:10px;
		margin:0;
		padding:0;
		border:1px solid #ffffff;
		border-radius:50%;
		width:31px;
		height:31px;
		opacity:.5;
	}
	#menuMain li.menu0 > a.close:before,#menuMain li.menu0 > a.close:after
	{
		content:"";
		position:absolute;
		top:50%;
		left:50%;
		margin:-1px 0 0 -9px;
		width:18px;
		height:2px;
		background:#ffffff;
	}
	#menuMain li.menu0 > a.close:before
	{
		transform:rotate(45deg);
	}
	#menuMain li.menu0 > a.close:after
	{
		transform:rotate(-45deg);
	}
	
	#menuMain li.menu1 > a
	{
		font-weight:600;
		font-size:25px;
		color:#ffffff;
		margin:0 0 15px 0;
	}
	#menuMain li.menu2 > a
	{
		font-weight:normal;
		font-size:18px;
		color:#cdd0d9;
		margin:0 0 10px 0;
	}
	#menuMain li.menu3 > a
	{
		color:#cdd0d9;
	}
	#menuMain li.menu2 > a:hover, #menuMain li.menu2 > a.menuselected, #menuMain li.menu3 > a:hover, #menuMain li.menu3 > a.menuselected
	{
		color:#ffffff;
	}
	
	/**************************************************/
	/*Style pour le menu d'admin*/
	/**************************************************/
	div.styleMenuAdmin 
	{
		display:none; 
		position:absolute;
		padding: 0px;
		background-color:#f5f5f5;
		border:1px solid #999999;
		z-index:200;
		font-size:11px;
	}
	
	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
	{
		display:block;
		cursor:pointer;
	}
	
	.styleDivArrowAdmin
	{
		display:block;
		position:absolute;
	}
	
	#menuMain .styleDivArrowAdmin
	{
		top:7px;
		left:-10px;
	}
	#menuMain .menu1 > .styleDivArrowAdmin
	{
		top:10px;
		left:2px;
	}
	
	#menuMain .menu0 > .styleDivArrowAdmin
	{
		top:19px;
		left:-4px;
	}
	
	#menuBottomMain .styleDivArrowAdmin
	{
		top:17px;
		left:-14px;
	}
	#menuBottomMain .menu0 > .styleDivArrowAdmin
	{
		top:8px;
	}
}
/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{	
	/**************************************************/
	/*Style pour le menu bottom*/
	/**************************************************/
	#menuBottomMain ul
	{	
		display:none;
		color:#0b486b;
		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
	}
	
	#menuBottomMain ul.menu0
	{
		display:inline-block;
		margin:0;
		padding:0;
		border:none;
		color:#0b486b;
		font-size:0;
	}
	
	#menuBottomMain li
	{
		padding:0;
		margin:0;
		text-align:left;
	}
	
	/*permet de définir tous les a même s'ils ne sont pas mentionnés*/
	#menuBottomMain ul li > a
	{
		color:#0b486b;
		text-decoration:none;
		outline:none;
		margin:0;
		padding:0;
	}
	
	#menuBottomMain li.menu0
	{
		display:inline-block;
		font-weight:500;
		font-size:17px;
		border:none;
		margin:0 0 0 30px;
		padding:0;
	}
	#menuBottomMain li.menu0:first-child
	{
		margin:0;
	}
	
	#menuBottomMain li > a:after
	{
		content:none;
	}
	#menuBottomMain a.menu0
	{
		color:#0b486b;
		padding:0;
	}
	
	/*1er niveau: Effet rollover et actif des liens*/
	#menuBottomMain li > a.menu0.menuHover, #menuBottomMain li > a.menu0.menuselected
	{
		color:#474747;
	}

	/*2ème niveau: Couleur des ul*/
	#menuBottomMain li.menu0 ul
	{
		position:absolute;
		margin-top:0;
		padding:10px 20px 10px 20px; 
		background: rgb(236,236,236);
		background: rgba(236,236,236, .95);	
		border-radius:10px;
	}
	#menuBottomMain li.menu0 ul:before
	{
		content:"";
		position:absolute;
		top:-8px;
		width:16px;
		height:8px;
		background:url(/template/image/arrowtopmenu.png) no-repeat;
	}
	#menuBottomMain li.menu0 ul:after
	{
		content:"";
		position:absolute;
		display:block;
		top:-4px;
		left:-4px;
		right:-4px;
		bottom:-4px;
		border:4px solid #ffffff;
		border-radius:10px;
		opacity:.15;
		z-index:-1;
	}
	
	/*2ème niveau: style des li*/
	#menuBottomMain li.menu0 ul li
	{
		border-top:1px solid #d4d4d4;
	}
	#menuBottomMain li.menu0 ul li:first-child
	{
		border:none;
	}
	
	/*2ème niveau : Style des liens "off" */
	#menuBottomMain li.menu0 ul li > a
	{
		color:#0b486b;
		padding:10px 0 10px 0;
		min-width:140px;
	}
	
	/*2ème niveau: Style des liens "on" */
	#menuBottomMain ul.menu1 li > a.menuHover, #menuFooterMain ul.menu1 li > a.menuselected
	{
		color:#474747;
	}
	/*3ème niveau: style de sous-menu*/
	#menuBottomMain li.menu1 ul:before
	{
		content:none;
	}
}
/*STYLE POUR LE CARTOUCHE*/
.inputNewsletter
{
	background-color: transparent;
	border:0px;
	color:#9F9F9F;
	Font-size:11px;
	font-family:arial;
	height:18px;
	width:67px;
}

.inputNewsletterError

{
	background-color: #FFE3E8;
	color:#9F9F9F;
	Font-size:11px;
	font-family:arial;
	height:18px;
	width:67px;
}

.btnnewsletter
{
	background-color: transparent;
	border:0px;
	color:#9F9F9F;
	Font-size:11px;
	font-family:arial;
	height:18px;
	width:20px;
	cursor:pointer;
}/* Theme T17 */
#logoTheme
{
	
	background-image:url("/data/images/contents/logo_etat_vs_DSSC_SSP_banner.png");
}

#pageCtn .headCtn .txtctn, #pageCtn.withlist .headCtn .txtctn
{
	
}

#sliderHolder
{
	border-bottom-color:#B22222;	
}

ul > li:before 
{
 	background:#B22222;
}

A
{
	color:#B22222;
}

.arrow, .arrow:before, .arrow:after
{
	
	background:#B22222;	
}/*CSS T17 pour intervention manuel sur le theme*/.htmlcontent input[type=text], .bgEditor input[type=text],
.htmlcontent input[type=email], .bgEditor input[type=email],
.htmlcontent textarea, .bgEditor textarea,
.htmlcontent select, .bgEditor select
{
	display:inline-block;
	width:100%;
	max-width:600px;
	padding:3px 10px 3px 10px;
	border:1px solid #000000;
	border-radius:5px;
	font-family: dosis;
	font-weight:normal;
	font-size:20px;
	color:#000000;
	background-color:#ffffff;
}

.htmlcontent input[data-frmformat=date], .bgEditor input[data-frmformat=date]
{
	background-image:url(/template/image/calendar.svg);
	background-repeat:no-repeat;
	background-position:right 2px center;
	background-size:auto 70%;
}

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

.htmlcontent span.error
{
	display:block;
	font-size:.8em;
	margin:2px 0 5px 0;
	font-weight:normal;
}

#aPageFormConfig_issendmail ~ div
{
	display:none;
}
#aPageFormConfig_issendmail:checked ~ div
{
	display:block;
	margin-top:5px;
}#printsendCtn
{
	display:none;
}

@media only screen and (min-width:641px)
{
	#printsendCtn
	{
		position:relative;
		display:block;
		margin:20px 0 50px 0;
		font-size:0;
		text-align:right;
	}

	#printsendCtn a
	{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		margin-left:10px;
		width:15px;
		height:15px;
		background:url(/template/image/share@x2.png) no-repeat;
		background-size:auto 100%;
		transition:transform .3s;
	}
	#printsendCtn a:hover
	{
		transform:scale(1.5,1.5);	
	}
	#printsendCtn a.print
	{
		background-position:left top;
	}
	#printsendCtn a.print:hover
	{
		background-position:-100px top;
	}
	#printsendCtn a.pdf
	{
		background-position:-20px top;
	}
	#printsendCtn a.pdf:hover
	{
		background-position:-120px top;
	}
	#printsendCtn a.send
	{
		background-position:-40px top;
	}
	#printsendCtn a.send:hover
	{
		background-position:-140px top;
	}
	#printsendCtn a.addthis_button_facebook
	{
		background-position:-60px top;
	}
	#printsendCtn a.addthis_button_facebook:hover
	{
		background-position:-160px top;
	}
	#printsendCtn a.addthis_button_twitter
	{
		background-position:-80px top;
	}
	#printsendCtn a.addthis_button_twitter:hover
	{
		background-position:-180px top;
	}
}
/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (min-width:641px) and  (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (min-width:641px) and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min-width:641px) and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-width:641px) and (min-device-pixel-ratio: 1.5)
{
	#printsendCtn a
	{
		background-image:url(/template/image/share@x2.png);
	}
}

@media only screen and (min-width:641px) and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (min-width:641px) and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min-width:641px) and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-width:641px) and (min-device-pixel-ratio: 2.5)
{
	#printsendCtn a
	{
		background-image:url(/template/image/share@x3.png);
	}

}.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

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

.ressourceBtnSearch
{
	height:20px;	
}



/* Style pour le plan du site */
.sm0
{
    FONT-SIZE: 20px;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;

}

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

}

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

}

.sm3
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}
.sm4
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 80px;
}
.sm5
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 100px;
}
.sm6
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 120px;
}

.sm7
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 140px;
}

.sm7 a
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 140px;
}

.sm8
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 160px;
}

.sm8 a
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 160px;
}

.sm9
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 180px;
}

.sm9 a
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 180px;
}

.sm10
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 200px;
}

.sm10 a
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 200px;
}

.sm11
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 220px;
}

.sm11 a
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 220px;
}/*Style pour le montage*/
#sliderCtn, #sliderDefault
{
	position:relative;
	width:100%;
	max-height:416px;
	min-height:208px;
	overflow:hidden;
}
.home #sliderCtn, .home #sliderDefault
{
	max-height:662px;
	min-height:331px;
}
#sliderCtn:before, #sliderDefault:before
{
	content:"";
	display:block;
	padding-top:21.666%;
}
.home #sliderCtn:before, .home #sliderDefault:before
{
	content:"";
	display:block;
	padding-top:34.48%;
}

#sliderDefault
{
	background:url(/plugin/slider/template/images/default.jpg) no-repeat center center;
	background-size:cover;
}
.home #sliderDefault
{
	background:url(/plugin/slider/template/images/defaultHome.jpg) no-repeat center center;
	background-size:cover;
}


#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;
		top:0;left:55%;right:0;bottom:0;
		padding:20px 20px 20px 25px;
		box-sizing:border-box;
		overflow:hidden;
		z-index:3;
		opacity:0;
		transition:all 2s;
	}
	#sliderCtn .slogan.animslogan
	{
		left:50%;
		opacity:1;
	}
	#sliderCtn .slogan:before
	{
		content:"";
		position:relative;
		display:inline-block;
		vertical-align:middle;
		box-sizing:border-box;
		height:100%;
		width:0;
	}
	#sliderCtn .slogan span
	{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		width:auto;
		font-weight:100;
		font-size:50px;
		color:#ffffff;
		text-decoration:none;
		line-height:1.1em;
	}
	#sliderCtn .slogan span .FirstLine
	{
		display:block;
		text-align:right;
	}
	#sliderCtn .slogan span .SecondLine
	{
		display:block;
		font-weight:500;
		text-align:right;
	}
}
@media only screen and (min-width:961px)
{
	#sliderCtn .slogan
	{
		padding-left:40px;
	}
	#sliderCtn .slogan span
	{
		font-size:70px;
	}
}
@media only screen and (min-width:1121px)
{
	#sliderCtn .slogan
	{
		padding-left:70px;
	}
	#sliderCtn .slogan span
	{
		font-size:79px;
	}
}/*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
{
	margin-bottom:20px;
	padding:0;
}

#weblinksListCtn .listElement .img
{
	display:none
}

#weblinksListCtn .listElement .txt
{
	display:block;
	position:relative;
	left:auto;
	background:none;
	margin:0;
	padding:5px 5px 5px 10px;
}

#weblinksListCtn .listElement h5
{
	font-weight:500;
	font-size:20px;
	margin-bottom:0;
}


@media only screen and (min-width:641px)
{
	#weblinksListCtn .listElement .txt
	{
		box-shadow: 1px 3px 10px #cccccc;
	}
	#weblinksListCtn .listElement:hover .txt
	{
		margin:-10px;
		padding:15px 15px 15px 20px;
		z-index:3;
	}
	.hilightZone #weblinksListCtn .listElement:hover .txt
	{
		margin:0;
		padding:5px 5px 5px 10px;
	}
}#youarehereCtn
{
	display:none;
}

@media only screen and (min-width:641px)
{
	#youarehereCtn
	{
		display:block;
		margin:20px 0 50px 0;
		padding-bottom:10px;
		border-bottom:1px solid #e5e5e5;
		font-weight:normal;
		font-size:15px;
		color:#000000;
	}
	
	#youarehereCtn .header
	{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		width:21px;
		height:21px;
		background:url(/template/image/home.png) no-repeat center center;
		background-size:cover;
		margin-bottom:4px;
	}
	#youarehereCtn .header:before
	{
		content:"";
		position:absolute;
		top:-1px;left:-1px;right:-1px;bottom:-1px;
		border:2px solid #0b486b;
		border-radius:50%;
	}
	#youarehereCtn .header > a
	{
		display: block;
		width: 23px;
		height: 23px;
		z-index: 1;
		position: relative;
	}
	
	#youarehereCtn a
	{
		color:#000000;
		text-decoration:none;
	}
	#youarehereCtn .separator
	{
		font-weight:500;
		color:#0b486b;
		padding:0 5px 0 5px;
		font-size:17px;
	}
}/*admin*/
.brochlangchk > div
{
	float:left;
	box-sizing:border-box;
	width:100%;
	padding-right:10px;
}

.brochlangchk > div > span
{
	display:inline-block;
	margin-left:5px;
	width:85%;
	padding-top:3px;
	vertical-align:top;
}
/*fin admin*/

#brochureFilter
{
	display:block;
	margin:20px -10px 40px -10px;
	padding:30px 10px 30px 10px;
	background:#ffffff;
	box-shadow:0px 0px 15px 10px #e5e5e5;
	
}
#brochureFilter label
{
	display:none; /*placehodler in mobile always work */
}

#brochureFilter .legende
{
	margin-top:20px;
	font-size:25px;
	font-weight: 500;
	color:#787878;
}
#brochureFilter select, #brochureFilter input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:100%;
	margin-right:20px;
	margin-top:25px;
	margin-bottom:25px;
	font-family:arial;
	font-weight:normal;
	font-size:14px;
	color:#787878;
	background:#ffffff;
	/*padding:5px;*/
	border:1px solid #797979;
	font-family:Dosis;
	font-wdith:500;
	font-size:18px;
}

#brochureFilter input[type=text]::placeholder
{
	font-family:Dosis;
	font-wdith:500;
	font-size:18px;
	color:#787878;
}

#brochureFilter input[type=text]::-webkit-input-placeholder, 
#brochureFilter input[type=text]::-moz-placeholder,
#brochureFilter input[type=text]::-ms-input-placeholder,
#brochureFilter input[type=text]:-moz-placeholder
{
	font-family:Dosis;
	font-wdith:500;
	font-size:18px;
	color:#787878;
}

#brochureFrmCmd input[type=text]:-webkit-input-placeholder, #brochureFrmCmd textarea:-webkit-input-placeholder
{
    color: #6c6c6c;
}
#brochureFrmCmd input[type=text]:-moz-placeholder, #brochureFrmCmd textarea:-moz-placeholder  
{
    color: #6c6c6c;
}
#brochureFrmCmd input[type=text]:-ms-input-placeholder, #brochureFrmCmd textarea:-ms-input-placeholder
{
    color: #6c6c6c;
}

#brochureListCtn .listElement, #brochureListCtn .listElement:nth-child(2n)
{
	padding:0 0 20px 0;
	border:none;
	border-bottom:1px solid #0b486b;
	margin-bottom:25px;
	background:none;
}


#brochureListCtn .listElement .edition
{
	position:absolute;
	top:10px;
	right:10px;
	z-index:100;
}

#brochureListCtn .listElement h5, #brochureListCtn .listElement:nth-child(2n) h5
{
	display:block;
	color:#0b486b;
	text-align:left;
	margin:25px 0px 7px 0px;
	padding:0;
}
#brochureListCtn .listElement h5:after
{
	content:none;
}
#brochureListCtn .listElement .resume
{
	display:block;
	float:none;
	width:auto;
}
#brochureListCtn .listElement .img
{
	display:none;
}

#brochureListCtn .listElement .img:before
{
	padding-top:0;
}

#brochureListCtn .listElement .noref
{
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}
#brochureListCtn .listElement .noref:before
{
	content:"No:";
	display:inline-block;
	margin-right:5px;
}
#brochureListCtn .listElement .categories, #brochureListCtn .listElement .prix
{
	margin-top:5px;
	margin-bottom:5px;
}

#brochureListCtn .listElement .categories span
{
	font-weight:bold;
	margin-right:5px;
}

#brochureListCtn .listElement .prix
{
	margin-left:0px;
	display:block;
	margin-bottom:25px;
	float:left;
}

#brochureListCtn .listElement .langue
{
	margin-left:0px;
	margin-right:25px;
	padding-bottom:10px;
	--border-bottom:1px solid #e1e1e1;
	float:right;
	color:#0b486b;
}

#brochureListCtn .listElement .langue > span
{
	margin-right:30px;
	text-transform:uppercase;
	color:#052b40;
	font-size:16px;
}

#brochureListCtn .listElement .langue select
{
	background:#ffffff;
	border:1px solid #797979;
	font-family:Dosis;
	font-size:16px;
	text-transform:uppercase;
}

#brochureListCtn .listElement .noref:empty, #brochureListCtn .listElement .categories:empty
{
	display:none;
}

#brochureListCtn .listElement .btnctn
{
	font-size:0;
	padding-left:25px;
	padding-right:25px;
}

#brochureListCtn .listElement .btnctn .btn
{
	position:relative;
	box-sizing:border-box;
	display:inline-block;
	float:left;
	padding-top:50px;
	font-size:0px;
	background-color:#ffffff;
	width:50%;
	border-right:1px solid #e1e1e1;
	border-radius:0px !important;
	text-align:center;
	min-width:auto;
	border-top:1px solid #e1e1e1;	
}

#brochureListCtn .listElement .btnctn .btn:last-of-type
{
	border-right:1px solid #ffffff;
}

#brochureListCtn .listElement .btnctn .btn:hover
{
	/*color:#379897;*/
}
#brochureListCtn .listElement .btnctn .btn:before
{
	content:"";
	position:absolute;
	display:block;
	left:37%;
	top:5%;
	width:44px;
	height:44px;
	background:url(/plugin/brochure/template/image/brochures.png) no-repeat left top;
	background-size:100% auto;
}
/*
#brochureListCtn .listElement .btnctn .btn.voir:before
{
	background-position:left top;
}
*/
#brochureListCtn .listElement .btnctn .btn.telecharger:before
{
	background-position:left top;
}
#brochureListCtn .listElement .btnctn .btn.commander:before
{
	background-position:left 100%;
}
/*
#brochureListCtn .listElement .btnctn .btn.voir:hover:before
{
	background-position:left 20%;
}
#brochureListCtn .listElement .btnctn .btn.telecharger:hover:before
{
	background-position:left 60%;
}
#brochureListCtn .listElement .btnctn .btn.commander:hover:before
{
	background-position:left 100%;
}
*/
#brochureListCtn .listElement .btnctn .btn.commander.hidden, #brochureListCtn .listElement .btnctn input[type=checkbox]
{
	display:none;
}

.movingbrochureeffect /*STYLE POUR LE DEPLACEMENT DE IMAGE DE LA LISTE VERS LE PANIER DE COMMANDE*/
{
	display:block;
	position:absolute;
	width:115px;
	height:144px;
	z-index:1000;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	opacity:.75;
}
.movingbrochureeffect.cart
{
	font-size:0;
	width:40px;
	height:40px;
	opacity:1;
	background:url(/plugin/brochure/template/image/brochuresprite.png) no-repeat left 100%;
	background-size:100% auto;
}


.brochurefrmCtn
{
	position:relative;
	display:none;
	
	padding:0px 10px 0 10px;
	margin:0 -10px 10px -10px;
	background:#787878;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#787878), to(#4d4d4d));
	background-image: -webkit-linear-gradient(top, #787878,#4d4d4d);
	background-image: -moz-linear-gradient(top, #787878,#4d4d4d);
	background-image: -ms-linear-gradient(top, #787878,#4d4d4d);
	background-image: -o-linear-gradient(top, #787878,#4d4d4d);
	background-image: linear-gradient(top, #787878,#4d4d4d);
}

.brochurefrmCtn h3, .brochurefrmCtn h4
{
	margin:0px;
	padding:10px 25px 10px 10px;
	font-weight:500;
	font-size: 21px;
	color:#ffffff;
	border-bottom:1px solid #787878;
	text-transform:uppercase;
}

.brochurefrmCtn h4
{
	margin-top:20px;
	margin-bottom:0px;
	font-size:15px;
	border:0;
	border-top:1px solid #787878;
}

.brochurefrmCtn  .brochureselected > div
{
	position:relative;
	padding:15px 25px 15px 55px;
	font-size:15px;
	color:#ffffff;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.brochurefrmCtn  .brochureselected > div > a
{
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	right:0px;
	top:50%;
	margin-top:-10px;
	background:url(/plugin/brochure/template/image/del.png) no-repeat center center;
	background-size:contain;
}
.brochurefrmCtn  .brochureselected > div > input[type=text].small, .brochurefrmCtn  .brochureselected > div > select
{
	position:absolute;
	display:block;
	box-sizing:border-box;
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#858585;
	background:#ffffff;
	width:50px !important;
	--top:0;
	margin-top:14px;
	left:0;
}

.brochurefrmCtn input[type=submit]
{
	display:block;
	box-sizing:border-box;
	width:100%;
	margin:20px 0 0 0;
	padding:10px 5px 10px 5px;
	margin-top:20px;
	border:1px solid #ffffff;
	font-size:14px;
	font-weight:500;
	color:#ffffff;
	background:transparent;
	text-transform:uppercase;
}
.brochurefrmCtn input[type=submit]:disabled
{
	opacity:.4;
	cursor:not-allowed;
}

.brochurefrmCtn .thanks
{
	margin-top:20px;	
	padding-bottom:10px;
	color:#ffffff;
}

#brochureFrmCmd label
{
	display:block;
	margin-bottom:3px;
}

#brochureFrmCmd input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:100%;
	margin-bottom:10px;
	font-size:14px;
	background-color:#ffffff;
	color:#6c6c6c;
	padding:3px 3px 3px 7px;
}

#brochureFrmCmd input[type=text]:-webkit-input-placeholder, #brochureFrmCmd textarea:-webkit-input-placeholder
{
    color: #858585;
}
#brochureFrmCmd input[type=text]:-moz-placeholder, #brochureFrmCmd textarea:-moz-placeholder  
{
    color: #858585;
}
#brochureFrmCmd input[type=text]:-ms-input-placeholder, #brochureFrmCmd textarea:-ms-input-placeholder
{
    color: #858585;
}

#brochureFrmCmd input[type=text].mandatoryFailed, #brochureFrmCmd textarea.mandatoryFailed
{
	background-color: #FFE3E8;
  	border:1px dotted red;
}

@media only screen and (min-width:480px)
{
	/*
	#brochureListCtn .listElement .btnctn
	{
		margin-top:25px;
	}
	*/
	#brochureListCtn .listElement .btnctn .btn
	{
		font-size:16px;
		font-weight:500;
		text-transform:uppercase;
		font-family:Dosis;
		color:#052b40;
	}		
}
@media only screen and (min-width:640px)
{
	#brochureFilter select, #brochureFilter input[type=text], #brochureFilter .legende
	{
		float:left;
		width:33%;
	}
	
	#brochureFilter .legende
	{
		width:20%;
	}

	#brochureListCtn .listElement
	{
		box-shadow:0px 0px 20px 5px #e5e5e5;
		border:0 !important;
	}
	
	#brochureListCtn .listElement:nth-child(2n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:5%;
	}
	
	
	#brochureListCtn .listElement .img
	{
		display:block;
		width:100%;
		height:143px;
	}
	
	#brochureListCtn .listElement .prix, #brochureListCtn .listElement .langue
	{
		float:none;
	}
	
	#brochureListCtn .listElement h5, #brochureListCtn .listElement:nth-child(2n) h5 , #brochureListCtn .listElement .resume, #brochureListCtn .listElement .noref, #brochureListCtn .listElement .categories, #brochureListCtn .listElement .btnctn
	{
		display:block;
		width:100%;
		margin-right:30px;
		padding-left:25px;
		padding-right:25px;
		box-sizing:border-box;
	}
	
	#brochureListCtn .listElement h5, #brochureListCtn .listElement:nth-child(2n) h5
	{
		height:132px;
	}
	
	#brochureListCtn .listElement .prix
	{
		margin-left:25px;
		margin-bottom:15px;
	}
	
	#brochureListCtn .listElement .langue
	{
		margin-left:25px;
	}
	
	#brochureListCtn .listElement .btnctn
	{
		padding-left:0px !important;
		margin-right:0px !important;
		box-sizing:content-box !important;
	}
}
@media only screen and (min-width:980px)
{
	#brochureFilter
	{
		margin:20px 0px 40px 0px;
		padding:0px 20px 0px 20px;
	}	
	
	.brochurefrmCtn
	{
		padding:20px 20px 0px 15px;
	}
	
	.brochurefrmCtn h3
	{
		padding-top:0px;
	}
	
	.brochurefrmCtn  .brochureselected > div
	{
		padding-right:40px;
	}
	.brochurefrmCtn  .brochureselected > div > a
	{
		width:26px;
		height:26px;
		margin-top:-7px;
	}
}/*STYLE POUR LE TEMPLATE*/
#searchCtnAPI
{
}

/*STYLE BOX DE RECHERCHE GOOGLE */
#leftPanel #cse-search-box-api
{
	display:block;
	position:relative;
	border-bottom:2px solid #7b8297;
	padding:20px 40px 20px 16px;
} 
#leftPanel #cse-search-box-api input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:25px;
	font-weight:normal;
	font-size:15px;
	color:#ffffff;
	border:none;
	outline:0;
	background:none;
	padding:0 0 0 10px;
}
#leftPanel #cse-search-box-api input[type=text].placeholder
{
	color:#a3aaba;
}
#cse-search-box-api input[type=text]::-ms-clear{ display: none; width:0; height:0; }

#cse-search-box-api input[type=submit]
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	box-sizing:border-box;
	width:16px;
	height:25px;
	background:#cccccc;
	border:none;
	cursor:pointer;
	outline:0;
	background:url(/template/image/loupe.png) no-repeat center top 3px;
}
#leftPanel #cse-search-box-api input[type=submit]
{
	top:20px;
	right:20px;
} 


@media only screen and (min-width:1020px)
{
	#searchCtnAPI
	{
		position:absolute;
		top:0;left:0;right:0;
		text-align:right;
		height:0;
		z-index:5;
	}
	#searchCtnAPI > .mainctn > div
	{
		position:absolute;
		top:14px;
		right:70px;
	}
	
	#cse-search-box-api
	{
		display:block;
		position:relative;
		padding:0;
		font-size:0;
		white-space:nowrap;
	}
	
	#cse-search-box-api input[type=submit]
	{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		top:0;
		right:0;
		box-sizing:border-box;
		width:16px;
		height:16px;
		border:none;
		border-radius:0;
		cursor:pointer;
		outline:0;
		background:url(/template/image/loupe.png) no-repeat center center;
		background-size:cover;
	}
	
	#cse-search-box-api input[type=text]
	{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		box-sizing:border-box;
		width:0;
		height:20px;
		font-weight:normal;
		font-size:14px;
		color:#474747;
		border:0;
		background:#ffffff;
		border-radius:5px;
		outline:0;
		padding:0;
		transition:all .5s;
		margin-right:10px;
	}
	#searchCtnAPI > .mainctn > div:hover:before /*zone de securite pour par fermer tous de suite l'élement si je sort du champs avec la souris*/
	{
		content:"";
		position:absolute;
		top:-50px;
		bottom:-150px;
		left:-150px;
		right:-150px;
	}
	#searchCtnAPI > .mainctn > div:hover > #cse-search-box-api input[type=text]
	{
		width:250px;
		padding:0px 10px 0 10px;
		border:1px solid #474747;
	}
}

/*************  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(/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(/template/image/loupe@x3.png);
	}

}

/*Search Results*/
#searchapiResultsCtn
{
	position:relative;
	display:block;
}
#searchapiResultsCtn .headCtn
{
	display:block;
	padding-bottom:10px;
	margin-bottom:40px;
	border-bottom:1px solid #e5e5e5;
}
#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;
	text-decoration:none;
	line-height:normal;
}

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

#searchapiResultsCtn .results .result .data .img
{
	display:block;
	float:left;
	width:20%;
	margin-right:5%;
}
#searchapiResultsCtn .results .result .data .txt
{
	display:block;
	box-sizing:border-box;
	float:left;
	width:75%;
}
#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;
}#zoneQuestionnaire
{
	margin:50px 0 100px 0;
}

#zoneQuestionnaire .numerotation
{
	font-weight:Bold;
}
#zoneQuestionnaire .btnGo
{
	background:#5f6b87;
	padding:5px 20px;
	color:#FFFFFF;
	display:inline-block;
	position:relative;
	cursor:pointer;
}

#zoneQuestionnaire .btnGo:hover .arrow
{
	margin:0 0 10px 20px;
}


#zoneQuestionnaire .btnGo .arrow
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:25px;
	height:2px;
	background:#FFFFFF;
	margin:0 0 10px 10px;
	transition:all 0.5s;
}


#zoneQuestionnaire .btnGo .arrow:before, #zoneQuestionnaire .btnGo .arrow:after
{
	content:"";
	position:absolute;
	display:block;
	right:-2px;
	width:2px;
	height:8px;
	background:#FFFFFF;
}
#zoneQuestionnaire .btnGo .arrow:before
{
	bottom:1px;
	transform:skew(45deg);
	transform-origin:bottom right;
}
#zoneQuestionnaire .btnGo .arrow:after
{
	top:1px;
	transform:skew(-45deg);
	transform-origin:top right;
}

#questionCtn
{
	transition:all 0.5s;
	display:none;
}

#questionCtn.open
{
	display:block;
}

#questionCtn .option
{

	display:block;
	margin-bottom:10px;
	background:#5f6b87;
	padding:10px 20px ;
	box-sizing:border-box;
	text-align:center;
	color:#FFFFFF;
	cursor:pointer;
	transition: all 0.5s;
}
#longQuest #questionCtn .option
{
	text-align:left;
	margin-bottom:20px;
	padding:10px 20px 16px 20px;
}
#questionCtn .option span
{
	vertical-align:middle;
	display:inline-block;
	width:100%;
}

#questionCtn .option:hover
{
	opacity:0.5;
}


#questionCtn h3
{
	border:0;
	margin-top:10px;
}

#zoneQuestionnaire .result
{
	font-weight:bold;
	margin-bottom:20px;
}

@media only screen and (min-width:641px)
{
	#questionCtn .option
	{
		display:inline-block;
		margin-right:9px;
		margin-bottom:10px;
		width:158px;
		height:86px;
		overflow:hidden;
	}
	#longQuest #questionCtn .option
	{
		display:block;
		width:auto;
		height:auto;
		margin-right:0;
	}
	
	#questionCtn .option:before
	{
		content:"";
		height:100%;
		width:0px;
		display:inline-block;
		vertical-align:middle;
	}
	

	#questionCtn .option:last-child
	{
		margin-right:0;
	}	
}
/* FORMULAIRE */
.frm_questionnaire{
	position: relative;
	display:block;
	margin:40px 0 40px 0;
}
.frm_questionnaire .field{
	position: relative;
	display:block;
	margin-bottom:20px;
}
.frm_questionnaire .field:after{
	content:"";
	display:block;
	clear: both;
}
.frm_questionnaire .field > label:not(.standard){
	position: relative;
	display:block;
	float:left;
	width:180px;
	margin-right:20px;
}
.frm_questionnaire .field > label:not(.standard):empty{
	display:block;
	height:1px;
}
.frm_questionnaire .field input[type=text], .frm_questionnaire .field input[type=email], .frm_questionnaire .field textarea, .frm_questionnaire .field select
{
	position: relative;
	display:block;
	float:left;
	width:calc(100% - 200px);
}
.frm_questionnaire .field textarea{
	height:5em;
}/*ADMIN CBO*/
/** ADMIN **/
.chkctnascbo
{
    position:relative;
    cursor:default;
}
.chkctnascbo > .txt
{
    width:100%;
    box-sizing:border-box;
    background:#eeeeee;
    border:1px solid #bbb7b7;
    padding:0 5px 0 5px;
    font-family:verdana;
    font-size:12px;
    color:#000000;
}
.chkctnascbo > .txt:empty:before
{
    content:"---------";
}
.chkctnascbo > .chkctn
{
    position:absolute;
    top:0;
    left:0;
    width:100%; /*150%*/
    max-height:0;
    overflow:hidden;
    z-index:10;
    background:#d7d5d5;
    transition:max-height .75s;
}
.chkctnascbo:hover > .chkctn
{
    max-height:1000px;
    z-index:11;
}

.chkctnascbo > .chkctn > span
{
    display:block;
    position:relative;
    float:left;
    width:50%;
    box-sizing:border-box;
    padding:5px 5px 5px 25px;
    font-family:verdana;
    font-size:12px;
    color:#000000;
}
.chkctnascbo > .chkctn > span > input[type=checkbox]
{
    position:absolute;
    display:block;
    top:3px;left:0;
}

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

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

/*ADMIN domaine*/
#prestationEdit{
    width:675px;
}
#prestationEdit fieldset table, #prestationEdit textarea, #prestationEdit select, #prestationEdit input[type=text]{
    width:100%!important;
}
#prestationEdit #aPage\[accrocheimg\]{
    width:490px!important;
}
#prestationEdit textarea{
    height:15em;
}
.tbldomaine{
    margin:0 0 20px 0;
    width: 100%;
}
.tdTitle{
    font-weight:bold;
}
.admin_domaine ~ table{
    display:none;
    border: 1px solid #000000;
    margin:5px 0 10px 0;
    background:#ffffff;
    font-size:16px;
    width: 100%;
}
.admin_domaine ~ table .tdAdmin{
    width:130px;
}
.admin_domaine:checked ~ table{
    display:table;
}
/*FIN ADMIN domaine*/

/*DETAIL DE PRESTATION */
.prestationdata_ctn{
    position: relative;
    display:block;
    margin:20px 0 40px 0;
}
.prestationdata{
    position: relative;
    display:block;
    margin-bottom:14px;
}
.prestationdata > label{
    display:block;
    font-weight:bold;
    margin-right:5px;
}
.prestationdata > label:after{
    content:" :";
}
.DE .prestationdata > label:after{
    content:":";
}
.prestationdata > div{
    display:block;
    font-weight:normal;
}
@media only screen and (min-width:961px){
    .prestationdata > label{
        float:left;
    }
    .prestationdata > div{
        overflow:hidden;/*pour rester sur la droite du label sinon passe en dessous*/
    }
}

.prestationcontactctn{
    position: relative;
    display:block;
}
.prestationcontactctn .nomcontact{
    position: relative;
    display:block;
    font-weight: bold;
    margin-bottom:5px;
}
.prestationcontactctn .phonecontact{
    position: relative;
    display:block;
    margin-bottom:5px;
}
.prestationcontactctn .mailcontact{
    position: relative;
    display:block;
    margin-bottom:5px;
}

.listasli{
    position: relative;
    display:block;
}
.listasli #documentListCtn .listElement,
.listasli #weblinksListCtn .listElement{
    position: relative;
    display:block;
    float:none;
    width:auto;
    margin:0 0 15px 0;
    padding:0;
}
.listasli #documentListCtn .listElement > a,
.listasli #weblinksListCtn .listElement{
    display:block;
    /*float:left;
    clear:both;*/
}
.listasli #documentListCtn .listElement > a > .icone{
    display:none;
}
.listasli #documentListCtn .listElement > a > .txt, .listasli #documentListCtn .listElement:hover .txt,
.listasli #weblinksListCtn .listElement > .txt, .listasli #weblinksListCtn .listElement .txt:hover, .listasli .hilightZone #weblinksListCtn .listElement:hover .txt{
    background:none;
    box-shadow: none;
    margin:0;
    padding:0;
}
.listasli #documentListCtn .listElement > a > .txt > h5,
.listasli #weblinksListCtn .listElement > .txt > h5{
    position: relative;
    font-weight:normal;
    color:#ca0b7f;
    padding-left: 25px;
    transition: padding .5s;
}

.listasli #documentListCtn .listElement > a > .txt > h5:before,
.listasli #weblinksListCtn .listElement > .txt > h5:before{
    content: "";
    position:absolute;
    display:block;
    top:50%;
    left:0;
    width:5px;
    height:5px;
    border-radius:50%;
    transform:translateY(-50%);
    background:#ca0b7f;
}
.listasli #documentListCtn .listElement > a > .txt > .resume,
.listasli #weblinksListCtn .listElement > .txt > .resume{
    padding-left: 25px;
    margin-top:5px;
    transition: padding .5s;
}
.listasli #documentListCtn .listElement > a > .txt > .resume:empty,
.listasli #weblinksListCtn .listElement > .txt > .resume:empty{
    display:none;
}
.listasli #documentListCtn .listElement > a:hover > .txt > h5, .listasli #documentListCtn .listElement > a:hover > .txt > .resume,
.listasli #weblinksListCtn .listElement:hover > .txt > h5, .listasli #weblinksListCtn .listElement:hover > .txt > .resume{
    padding-left:35px;
}
/*FIN DETAIL DE PRESTATION */

/* LIST DE PRESTATION */
#prestationListCtn .listElement .resume .prestationdata{
    margin-bottom:10px;
}

#prestationListCtn .listElement .resume .prestationdata > div{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media only screen and (min-width:481px){
    #prestationListCtn .prestationdata > label{
        float:left;
    }
}
@media only screen and (min-width:641px){
    #prestationListCtn .prestationdata > label{
        float:none;
    }
}
@media only screen and (min-width:961px){
    #prestationListCtn .listElement
    {
        float:none;
        width:auto;
        margin-right:0;
    }

    #prestationListCtn .listElement .img
    {
        width:40%;
    }
    #prestationListCtn .listElement .img:before
    {
        padding-top:70%;
    }
    #prestationListCtn .listElement .txt
    {
        left:40%;
    }
    #prestationListCtn .prestationdata > label{
        float:left;
    }
}
/* FIN LIST DE PRESTATION */

/* SEARCH PRESTATION*/
#prestationSearchCtn{
    position: relative;
    display: block;
    padding:30px 10px 30px 10px;
    background:#ffffff;
    box-shadow:-1px 3px 10px #cccccc, 1px -3px 10px #cccccc;
    margin-bottom:60px;
}
@media only screen and (min-width:641px){
    #prestationSearchCtn{
        padding:30px 20px 30px 20px;
    }
}
@media only screen and (min-width:961px){
    #prestationSearchCtn{
        padding:60px 10% 60px 10%;
    }
}

#prestationSearchCtn .domainectn a{
    display:none;
}
@media only screen and (min-width:641px){
    #prestationSearchCtn .domainectn{
        position: relative;
        display: block;
        margin-bottom: 30px;
    }
    #prestationSearchCtn .domainectn select{
        display:none;
    }
    #prestationSearchCtn .domainectn a{
        position:relative;
        display:block;
        float: left;
        color:#0b486b;
        font-size:18px;
        font-weight:500;
        width:19%;
        margin-right:1.25%;
        text-align: center;
        transition: color .5s;
    }

    #prestationSearchCtn .domainectn a:last-of-type{
        margin-right: 0;
    }
    #prestationSearchCtn .domainectn a:before, #prestationSearchCtn .domainectn a:after{
        content:"";
        display:block;
        width:100%;
        padding-top:40%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }
    #prestationSearchCtn .domainectn a:after{
        position:absolute;
        top:0;left:0;
        z-index: 1;
        opacity:0;
        transition: opacity .5s;
    }
    #prestationSearchCtn .domainectn a.selected:after, #prestationSearchCtn .domainectn a:hover:after{
        opacity: 1;
    }

    #prestationSearchCtn .domainectn a.domaine_all:before{
        background-image:url(/template/image/domaines/Domaines-Gris.svg);
    }
    #prestationSearchCtn .domainectn a.domaine_all:after{
        background-image:url(/template/image/domaines/Domaines-Rose.svg);
    }
    #prestationSearchCtn .domainectn a.domaine_1:before{
        background-image:url(/template/image/domaines/Depistage-Cancer-Gris.svg);
    }
    #prestationSearchCtn .domainectn a.domaine_1:after{
        background-image:url(/template/image/domaines/Depistage-Cancer-Rose.svg);
    }
    #prestationSearchCtn .domainectn a.domaine_2:before{
        background-image:url(/template/image/domaines/Ligue-Pulmonaire-Gris.svg);
    }
    #prestationSearchCtn .domainectn a.domaine_2:after{
        background-image:url(/template/image/domaines/Ligue-Pulmonaire-Rose.svg);
    }
    #prestationSearchCtn .domainectn a.domaine_3:before{
        background-image:url(/template/image/domaines/Promotion-Sante-Gris.svg);
    }
    #prestationSearchCtn .domainectn a.domaine_3:after{
        background-image:url(/template/image/domaines/Promotion-Sante-Rose.svg);
    }
    #prestationSearchCtn .domainectn a.domaine_4:before{
        background-image:url(/template/image/domaines/Sante-Scolaire-Gris.svg);
    }
    #prestationSearchCtn .domainectn a.domaine_4:after{
        background-image:url(/template/image/domaines/Sante-Scolaire-Rose.svg);
    }

    #prestationSearchCtn .domainectn a > span{
        display:block;
        margin:15px auto 0 auto;
    }
    #prestationSearchCtn .domainectn a.domaine_all > span,
    #prestationSearchCtn .domainectn a.domaine_2 > span,
    #prestationSearchCtn .domainectn a.domaine_4 > span{
        width:65%;
    }

    #prestationSearchCtn .domainectn a.selected{
        color:#ca0b7f;
    }
}
@media only screen and (min-width:961px){
    #prestationSearchCtn .domainectn a{
        width:17.5%;
        margin-right:3.125%;
    }
}
#prestationSearchCtn input[type=text], #prestationSearchCtn select{
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding:10px;
    margin:0 0 30px 0;
    font-family: dosis;
    font-weight: normal;
    font-size: 18px;
    box-shadow:-1px 3px 10px #dddddd, 1px -3px 10px #dddddd;
    border: 0;
    background:#ffffff;
    color:#474747;
    outline: none;
}
#prestationSearchCtn input[type=submit] {
    position: relative;
    display: block;
    box-sizing: border-box;
    float:right;
    padding:10px 40px 10px 40px;
    margin:0;
    font-family: dosis;
    font-weight: 500;
    font-size: 18px;
    border:0;
    outline: none;
    background:#ca0b7f;
    color:#ffffff;
    transition: background-color .5s;
}
@media only screen and (min-width:641px){
    #prestationSearchCtn input[type=submit]:hover{
        background:#0b486b;
    }
}

#prestationSearchCtn .cbos{
    display:none;
}
#prestationSearchCtn .cbos.visible{
    display:block;
}
#prestationSearchCtn.waiting .cbos.visible select{
    opacity:.25;
    pointer-events: none;
}
@media only screen and (min-width:641px){
    #prestationSearchCtn .cbos select{
        float: left;
        width:46.875%;
        margin-right: 6.25%;
    }
    #prestationSearchCtn .cbos select:nth-child(2n+2){
        margin-right: 0;
    }
}

#prestationSearchCtn .cbos select option.subopt{
    font-style: italic;
}

#prestationresultCtn{
    position: relative;
}
#prestationresultCtn.waiting:before{
    content:"";
    position: absolute;
    inset: 0;
    z-index:10;
    background:#ffffff;
    opacity:.75;
}

#prestationresultCtn .foundresult{
    position: relative;
    display: block;
    text-transform: lowercase;
    color:#0b486b;
    margin-bottom:30px;
    font-weight: 500;
}
.DE #prestationresultCtn .foundresult{
    text-transform: none;
}
/* FIN SEARCH PRESTATION*/.formMedecins input[type=text], .formMedecins select, .formMedecins textarea, .formMedecins input[type=date]
{
    font-family:Dosis;
    font-weight:500;
    font-size:18px;
    color: #6c6c6c;
    width: 100%;
}
.formMedecins input[type=text].small
{
    width:100px;
}
.formMedecins input[type=date].small
{
    width:130px;
}
.formMedecins > div
{
    padding-bottom: 15px;
}

.formMedecins > div > span
{
    display: block;
    box-sizing: border-box;
}

.formMedecins > div > span.label
{
    font-weight:bold ;
    padding-bottom: 5px;
}
.formMedecins > div > span.label.light
{
    font-weight: normal;
}
.formMedecins > div > span.label.Titre
{
    font-size: 22px;
    padding:20px 0 0 0;
    color:#0b486b;
}
.formMedecins .error
{
    background:red;
    color:white;
    padding:10px 20px;
    margin-bottom: 20px;
}
.formMedecins input[type=submit] {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding:10px 40px 10px 40px;
    margin:0;
    font-family: dosis;
    font-weight: 500;
    font-size: 18px;
    border:0;
    outline: none;
    background:#ca0b7f;
    color:#ffffff;
    transition: background-color .5s;
}

.formMedecins input[type=submit]:disabled{
    background:#0b486b;
}


.formMedecins .placeHolder
{
    opacity:0.5;
    font-style: italic;
    font-weight: normal;
}

.formMedecins .msg
{
    color:green;
}

.formMedecins .infosDateError
{
    display: none;
    font-size: 16px;
}

.formMedecins .infosDateError ul
{
    margin-top:10px;
}
.formMedecins .infosDateError ul li
{
    margin:0;
    color:black;
}

.formMedecins .infosDateError.open
{
    display: block;
}

.formMedecins fieldset
{
    border:1px solid red;
    font-size: 16px;
    color:black;
}
.formMedecins fieldset legend
{
    font-family: dosis;
    text-transform: uppercase;
    color:red;
    font-size: 14px;
}/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}/*Style pour la protection des données */
#disclaimerCtn
{
	position:fixed;
	display:block;
	left:0;bottom:0;right:0;
	opacity:1;
	background:rgba(0,0,0,0.6);/*#656464;*/
	z-index:1000;
	overflow:hidden;
	transition:max-height .5s;
	height: 100vh;
}
#disclaimerCtn.hide
{
	max-height:0;
}
#disclaimerCtn .disclaimer
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:20px 30px 20px 30px;
	margin:0 auto 0 auto;
	font-size:.9em;
	line-height:1.5em;
	background: #FFFFFF;
	color:#000000;
	border-radius: 5px;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:90%;
}

#disclaimerCtn .disclaimer h2
{
	font-size: 1.5em;
	margin-top:20px;
}

#disclaimerCtn .disclaimer .txt
{
	margin-bottom:20px;
}

#disclaimerCtn .disclaimer .close, #protectiondonneesContentCtn .save input[type=submit]
{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:7px 10px 7px 10px;
	text-align:center;
	background:#000000;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	transition:background .5s;
	text-transform:uppercase;
	margin-top:20px;
}

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

	#disclaimerCtn .disclaimer
	{
		max-width:1280px;
		padding:10px 50px 50px 50px;
		font-size:1em;
	}
	#disclaimerCtn .disclaimer .txt
	{
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer a.read
	{
		display:inline-block;
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer .close, #protectiondonneesContentCtn .save input[type=submit]
	{
		width:auto;
		display: inline-block;
		margin:40px 20px 0 0;
	}
}

#protectiondonneesContentCtn .save
{
	margin-top:40px;
}

#protectiondonneesContentCtn .save input[type=submit]
{
	padding:10px;
	cursor: pointer;
}

#protectiondonneesContentCtn .sousTitre, #mentionslegalesContentCtn .sousTitre
{
	text-decoration:underline;
	margin-top: 15px;
}
#protectiondonneesContentCtn .activateCookie
{
	padding:15px 0 15px 10px ;
	font-weight: bold;
	text-transform: uppercase;

	margin:30px 0 50px 0;
	border-bottom: 2px solid #DEDEDE;
	background-color: #eeeeee;
}
#protectiondonneesContentCtn .activateCookie input
{
	width:20px;
	height:20px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

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


#protectiondonneesContentCtn ul li:before
{
	content: "•";
	margin-left: -15px;
	margin-right: 8px;
	font-size: 20px;
}*/

#protectiondonneesContentCtn a
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	width:100%;
	box-sizing: border-box;
	text-indent: 0;
}#dateinterditeEditTbl a.delete
{
	display:block;
	font-size:14px;
	background-color:#e53138;
	border-radius: 50%;
	width: 22px;
	height:22px;
	position: relative;
}
#dateinterditeEditTbl a.delete:before
{
	content:"X";
	display: block;
	color:#FFFFFF;
	position: absolute;
	top:2px;
	left:7px;
}
#dateinterditeEditTbl a.delete:hover
{
	color:black;
}

#dateinterditeEditTbl th, #dateinterditeList th
{
	background:#c10075;
	color:#FFFFFF;
	font-weight:normal;
}