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

}

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

}

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

}

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

}

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

}

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

}

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

}


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

.bgEditor
{
    background-color: #f5f5f5;
}

.videoctn{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
}
.videoctn:before{
	content:"";
	display:block;
	padding-top:56.25%;
}
.videoctn > video{
	position:absolute;
	display:block;
	width:100%;
	height:auto;
	inset:0
}

/* CONTAINERS PRINCIPAUX */
.mainHolder
{
}

.sizeContainer
{
	position:relative;
	max-width:1012px;
	margin: 0 auto 0 auto;
	padding:0 10px 0 10px;
	position:relative;
}
audio, img[_wpro_media_data*='.mp3'].wproFilePlugin
{
	display:block;
	width:100%;
	box-sizing:border-box;
	height:40px;
}

#zoneBandeau
{
	position:relative;
	z-index:0;
	overflow:hidden;
}

.zoneFixed
{
	position:absolute;
	top:0;
	right:0;
	z-index:3;
	width:100%;
	
}

.slogan
{
	top:70px;
	position:absolute;
	display:block;
	left:14%;
	right:auto;
	opacity:1;
	z-index:1000;
}


.home .slogan
{
	top:110px;
	position:absolute;
	display:block;
	left:14%;
	right:auto;
	opacity:1;
	z-index:1000;
}

.slogan.hide
{
	display:none;
}

.slogan a
{
	font-size: 45px;/*55px;*/
	font-family: museo300;
	text-transform:uppercase;
	color: rgb(254, 249, 241);
	line-height: 0.929;
	text-decoration:none;
}

 .sloganPrint
{
	font-size: 40px;
	font-family: museo300;
	text-transform:uppercase;
	line-height: 0.929;
	text-decoration:none;
}

.derborence
{
	display:none;
}
@media only screen and (min-width:640px)
{
	.home .derborence
	{
		display:block;
		position:absolute;
		right:20px;
		top:144px;
		width:200px;
		background:url(/template/image/derborence.svg) no-repeat center center;
		background-size:contain;
		z-index:1001;
		opacity:0;
		transition:all 1s;
	}
	.home .derborence:before
	{
		content:"";
		display:block;
		padding-top:56%
	}
	.home .derborence.show
	{
		opacity:1;
	}
}

.lang
{
	display:none;
}

#leftPanel .lngHolder
{
	padding:10px 0 0 25px;
}

#zoneDesign
{
	margin-top:-127px;
	position:relative;
	z-index:1;
}

#zoneMenuBottom
{
	background:#FFFFFF;
	margin:18px 0 18px 0;
	box-sizing:Border-box;
}

#footer
{
	max-width:1919px;
	background:url(/template/image/footer.jpg) no-repeat top center;
	height:824px;
}

#footer .sizeContainer
{
	margin-top:260px;
	padding-top:50px;
	max-width:780px;
}
#footer .sizeContainer:before{
	content:"";
	position:absolute;
	left:50%;
	top:-220px;
	transform: translateX(-50%);
	width:171px;
	height:200px;
	background:url(/template/image/logo-2024v1-black.png) no-repeat center center;
	background-size: contain;
}

#footer .adresse
{
	font-family:museo300;
	font-size:15px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}

#footer .adresse > div:nth-child(1):before
{
	content:"";
	display:block;
	background:url(/template/image/footer/map.png) no-repeat;
	background-size:100% auto;
	width:20px;
	height:28px;
	margin:0 auto 22px auto;
	
}

#footer .adresse > div:nth-child(2)
{
	text-align:center;
	margin-top:30px;
}
#footer .adresse > div:nth-child(2):before
{
	content:"";
	display:block;
	background:url(/template/image/footer/phone.png) no-repeat;
	background-size:100% auto;
	width:24px;
	height:24px;
	margin:2px auto 25px auto;
	
}
#footer .adresse > div:nth-child(3)
{
	text-align:center;
	margin-top:30px;
}
#footer .adresse > div:nth-child(3):before
{
	content:"";
	display:block;
	background:url(/template/image/footer/horaire.png) no-repeat;
	background-size:100% auto;
	width:23px;
	height:23px;
	margin:0 auto 20px auto;
}

#footer .reseaux
{
	width:78px;
	height:29px;
	margin:45px auto 60px auto;
	text-align: center;
	font-size: 0;
}

#footer .reseaux a.facebook
{
	display:inline-block;
	width:29px;
	height:29px;
	margin-right: 20px;
	background:url(/template/image/footer/facebook.png) no-repeat;
	background-size:100%;
}


#footer .reseaux a.instagram
{
	display:inline-block;
	width:29px;
	height:29px;
	background:url(/template/image/footer/instagram.png) no-repeat;
	background-size:100%;
}

#footer .communes
{
	text-align:center;
}
#footer .communes a
{
	display:inline-block;
	vertical-align:bottom;
}

#footer .communes a:nth-child(1)
{
	background:url(/template/image/footer/communeConthey.png) no-repeat;
	background-size:100% auto;
	width:83px;
	height:99px;
	margin-right:30px;

}

/*#footer .communes a:nth-child(2)
{
	background:url(/template/image/footer/communeVetroz.png) no-repeat;
	background-size:100% auto;
	width:81px;
	height:94px;
	margin-right:30px;
	margin-bottom:4px;
}*/

#footer .communes a:nth-child(2)
{
	background:url(/template/image/footer/communeArdon.png) no-repeat;
	background-size:100% auto;
	width:58px;
	height:76px;
	margin-bottom:10px;
	margin-left:30px;
}

#footer .poweredContainer
{
	position:relative;
	max-width:1032px;
	margin: 0 auto 0 auto;
	padding:0 10px 0 10px;
	text-align:right;
}

#footer .powered
{
	margin-top:130px;
	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
{
	overflow:hidden; /*fait office de divwrapper*/
	
}
.headCtn h1
{
	margin:10px 0 30px 0;
	font-size:40px;
	font-weight: normal;
	font-family:museo300;
	color:#7a7a7a;
	line-height: 0.909;
}

.home .headCtn h1
{
	font-size:45px;
	text-transform:uppercase;
	color:#5b5b5b;
}

.headCtn h2 /*resume of the page*/
{
	margin:0;
    font-size:20px;
	font-weight: normal;
  	overflow:hidden;
	font-family:open_sanslight;
	margin-bottom:32px;
}

.headCtn .img
{
	width:100%;
	background:no-repeat center center;
	background-size:cover;
	margin:60px 0 80px 0;
}
.headCtn .img:before
{
	content:"";
	display:block;
	padding-top:51.86%;
}
.imgCopyright, .bgEditor pre, .htmlcontent pre
{
	font-family: OpenSans;
	font-weight: normal;
	font-style: italic;
	color:#696969;
	margin:0;
	font-size: 14px;
}
.bgEditor pre, .htmlcontent pre
{
	margin-top:-7px;
	margin-bottom:20px;
}
.imgCopyright:before, .bgEditor pre:before, .htmlcontent pre:before
{
	content:"\00a9";/*&copy*/
	margin-right:4px;
}
.headCtn .img + .imgCopyright:not(:empty){
	margin-top:-75px;
	margin-bottom:80px;
}
.imgCopyright:empty
{
	display:none;
}

.headCtn h2:empty
{
	display:none;
}

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

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

.listElement .img
{
	position:relative;
	display:block;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
	transition:opacity 0.5s;
	margin-bottom:10px;
	
}
.listElement .img:after
{
	content:"";
	display:block;
	opacity:0;
	width:100%;
	background-color:rgba(237, 168 ,2 ,0.62);
	padding-top:49.55%;
	position:absolute;
	top:0;
	transition:all 0.5s;
}

.listElement .img:before
{
	content:"";
	display:block;
	padding-top:49.55%;
}
.listElement:hover .img:after
{
	opacity:1;
}

.listElement:hover .txt
{
	background:#a6a6a6;
	
}

.listElement .txt
{
	display:block;
	position:relative;
	padding:14px 14px 14px 14px;
	overflow:hidden;
	background:#808080;
	height:107px;
	box-sizing:border-box;
	transition:all 0.5s;
	text-align:left;
}

.listElement h5, #linksCtn h6
{
	margin:0px 0px 13px 0px;
	font-weight:normal;
	color:#cac9c8;
	font-family:museo700;
	font-size:17px;
	text-transform:uppercase;
	
}
.listElement .resume
{
	display:block;
	color:#fffefc;
	font-size:14px;	
	height:40px;
	overflow:hidden;
}

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

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

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

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


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

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

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


#pagehtmlcontent ul li:before, .bgEditor ul li:before, #pointinteret ul li:before {
    content: "•";
    color: #545454;
    margin-left: -15px;
    margin-right: 8px;
    font-size: 16px;
	font-family:opensans;
}


/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:641px)
{	

	/*Contenu*/
	.home .headCtn h1
	{
		font-size:60px;
	}
	
	.headCtn h1 span.first
	{
		display:block;
	}
	/*Fin contenu*/
	
	/*Footer*/
	
	#footer .sizeContainer
	{
		margin-top:0px;
		padding-top:296px;
	}
	#footer .sizeContainer:before{
		content:"";
		position:absolute;
		left:50%;
		top:60px;
		transform: translateX(-50%);
		width:171px;
		height:200px;
		background:url(/template/image/logo-2024v1.png) no-repeat center center;
		background-size: contain;
	}

	#footer .adresse
	{
		text-align:left;
	}

	#footer .adresse > div:not(.divwrapper)
	{
		float:left;
		width:33.33%;
	}
	
	#footer .adresse > div:nth-child(1):before
	{
		margin:0 0 22px 41px;		
	}
	
	#footer .adresse > div:nth-child(1)
	{
		text-align:left;
	}
	
	#footer .adresse > div:nth-child(2)
	{
		margin-top:0;
	}

	#footer .adresse > div:nth-child(3)
	{
		text-align:right;
		margin-top:0;
	}
	
	#footer .adresse > div:nth-child(3):before
	{
		margin:0 auto 0 auto;
		margin-left:calc(100% - 23px);
		margin-bottom:25px;
	}
	
	#footer .communes a:nth-child(1)
	{
		margin-right:40px;
	}
	
	/*#footer .communes a:nth-child(2)
	{
		margin-right:80px;
	}*/
	
	#footer .communes a:nth-child(2)
	{
		margin-left:40px;
	}
	
	/*Fin footer*/
	
	.listElement
	{
		float:left;
		width:49%;
		margin-right:1%;
		
	}
	.listElement:nth-child(2n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}
	
}

@media only screen and (min-width:900px)
{
	/*Entete*/
	.home .slogan
	{
		opacity:0;
		right:-80%;
		left:auto;
		z-index:1001;
		display:initial;
	}
	.home .derborence
		{
			top:123px;
			width:235px;
		}
	#zoneMenuBottom
	{
		height:32px;
		margin:18px 0 0 0;
	}
	
	.listElement
	{
		width:32%;
		
	}
	.listElement:nth-child(2n+0)
	{
		margin-right:1%;
	}
	.listElement:nth-child(3n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}
}

@media only screen and (min-width:1120px)
{
		
	.slogan a
		{
			font-size: 62px;/*72px;*/
		}
	.home .derborence
		{
			top:167px;
			width:235px;
		}
}

@media only screen and (min-width:1250px)
{
	/*Entete*/	
	.lang
	{
		display:block;
		position:absolute;
		right:75px;
		top:89px;
		display:block;
	}
	
	#leftPanel .lngHolder
	{
		display:none;
	}
	/*Fin entête*/
	.slogan
		{	
			top:110px;
		}
		
			
	.slogan a
		{
			font-size: 62px;/*82px;*/
		}
	.home .derborence
		{
			top:193px;
			width:235px;
		}
}

@media only screen and (min-width:1450px)
{
	.slogan a
		{
			font-size: 92px;/*102px;*/
		}
	.home .derborence
	{
		top:245px;
		width:235px;
	}
}



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

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

.htmlcontent table th
{
	text-align:left;
	font-family:museo700;
	color:#FFFFFF;
	text-transform:uppercase;
	background:#eda802;
	
}

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

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

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

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

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

.helpMsg
{
	color:green;
}

/*-- END MANDATORY FIELD --*/

/*-- FIELDSET --*/

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

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

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

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

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

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

.tableListAdmin
{
	margin:10px;
}
/*-- FORM --*/
form
{
	margin:0px;
	padding:0px;
}

input, textarea
{
    border: 1px solid #bbb7b7;
   	padding-left:5px;
    background-color:#eeeeee ;
	box-sizing:border-box;
    max-width:100%;
	font-family: OpenSans;
    font-size: 16px;
    color:#545454;
}
/* 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;
	font-family: OpenSans;
    font-size: 16px;
    color:#545454;
}
input[type=file]{
	width:420px;
}
input[type=submit], input[type=button]
{
	background:#f7b20d;
	color:#FFFFFF;
	border:0;
	font-family: museo700;
    font-size: 17px;
    text-transform: uppercase;
	padding:5px 10px 5px 10px;
	cursor:pointer;
}

input[type=submit]:disabled, input[type=button]:disabled
{
	opacity:0.5;
}
select
{
	border:0px;
    background-color:#eeeeee ;
    box-sizing:border-box;
    max-width:100%;
	font-family: OpenSans;
    font-size: 16px;
    color:#545454;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

.hilightTextContextMenu
{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
	color: #AB0404;
	font-size: 11px;
}
/*************** FIN ADMIN ZONE ********************/
/*************  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)
{
	#footer .adresse > div:nth-child(1):before
	{
		background:url(/template/image/footer/map@x2.png) no-repeat;
		background-size:100% auto;
	}
	
	#footer .adresse > div:nth-child(2):before
	{
		background:url(/template/image/footer/phone@x2.png) no-repeat;
		background-size:100% auto;		
	}
	
	#footer .adresse > div:nth-child(3):before
	{
		background:url(/template/image/footer/horaire@x2.png) no-repeat;
		background-size:100% auto;
	}
	
	#footer .reseaux a.facebook
	{
		background:url(/template/image/footer/facebook@x2.png) no-repeat;
		background-size:100%;
	}
	#footer .reseaux a.instagram
	{
		background:url(/template/image/footer/instagram@x2.png) no-repeat;
		background-size:100%;
	}
	
	#footer .communes a:nth-child(1)
	{
		background:url(/template/image/footer/communeConthey@x2.png) no-repeat;
		background-size:100% auto;
	
	}
	
	/*#footer .communes a:nth-child(2)
	{
		background:url(/template/image/footer/communeVetroz@x2.png) no-repeat;
		background-size:100% auto;
	}*/
	
	#footer .communes a:nth-child(2)
	{
		background:url(/template/image/footer/communeArdon@x2.png) no-repeat;
		background-size:100% auto;
	}
}

@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)
{
	#footer .adresse > div:nth-child(1):before
	{
		background:url(/template/image/footer/map@x3.png) no-repeat;
		background-size:100% auto;
	}
	
	#footer .adresse > div:nth-child(2):before
	{
		background:url(/template/image/footer/phone@x3.png) no-repeat;
		background-size:100% auto;		
	}
	
	#footer .adresse > div:nth-child(3):before
	{
		background:url(/template/image/footer/horaire@x3.png) no-repeat;
		background-size:100% auto;
	}
	
	#footer .reseaux a.facebook
	{
		background:url(/template/image/footer/facebook@x3.png) no-repeat;
		background-size:100%;
	}
	#footer .reseaux a.instagram
	{
		background:url(/template/image/footer/instagram@x3.png) no-repeat;
		background-size:100%;
	}
	
	#footer .communes a:nth-child(1)
	{
		background:url(/template/image/footer/communeConthey@x3.png) no-repeat;
		background-size:100% auto;
	
	}
	
	/*#footer .communes a:nth-child(2)
	{
		background:url(/template/image/footer/communeVetroz@x3.png) no-repeat;
		background-size:100% auto;
	}*/
	
	#footer .communes a:nth-child(2)
	{
		background:url(/template/image/footer/communeArdon@x3.png) no-repeat;
		background-size:100% auto;
	}
}/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha { float:left;margin-top:20px;width:224px;}
.QapTcha .clr{ clear:both; }
.QapTcha .bgSlider { width:202px;height:22px;float:left;background:url('/plugin/captcha/template/images/fondcaptcha.png') no-repeat; }
.QapTcha .Slider { width:47px;height:22px;background:url('/plugin/captcha/template/images/btncaptcha.png') no-repeat;cursor:e-resize;position:relative;top:0;left:0; }
.QapTcha .TxtStatus { width:282px;padding:3px;margin-top:7px;text-align:left;color:#787878;font-family:Verdana;font-size:10px;clear:both; }
.QapTcha .dropSuccess {  background:transparent;color:#4e8b37; }
.QapTcha .dropError { color:#787878; }
.QapTcha .Lock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top left;width:15px;height:17px; }
.QapTcha .unLock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top right;width:16px;height:17px; }
.QapTcha .divError { background:red;color:#FFFFFF;width:230px; }/* CARTOUCHE GENERIQUE */
.cartoucheCtn
{
	position:relative;	
	padding-top:90px;
	box-sizing:border-box;
}

.cartoucheCtn h5
{
	margin:20px 0px 25px 0px;
	font-size:33px;
	font-family:museo300;
	font-weight:normal;
	color: rgba(3, 3, 3, 0.51);
	vertical-align:top;
	
}

#cartoucheNewsCartoucheCtn.cartoucheCtn h5
{
	margin-left:15px;
}

#manifestationCartouche.cartoucheCtn h5
{
	color: rgba(255, 255, 255, 0.51);
	margin-left:15px;
}

.cartoucheCtn h5:before
{
	content:"";
	display:inline-block;
	vertical-align:top;
	width:32px;
	height:32px;
	background:url(/template/image/home/sonnette.png) no-repeat;
	background-size:100%;
	margin-right:10px;
}

#manifestationCartouche a:nth-child(2):not(.more), #manifestationCartouche a:nth-child(3):not(.more),
#cartoucheNewsCartoucheCtn a:nth-child(2):not(.more), #cartoucheNewsCartoucheCtn a:nth-child(3):not(.more)
{
	display:none;
}

#manifestationCartouche.cartoucheCtn h5:before
{
	width:25px;
	height:25px;
	background:url(/template/image/home/livre.png) no-repeat;
	background-size:100%;
	margin:7px 16px 0 0;
} 

.cartoucheCtn .more
{
	display:block;
	width:36px;
	height:36px;
	background:url(/template/image/croixNoire.png) no-repeat;
	background-size:100%;
	margin-left:80%;
}

#manifestationCartouche.cartoucheCtn .more
{
	background:url(/template/image/croixBlanche.png) no-repeat;
}

.cartoucheElementCtn
{
	position:relative;
}

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

.cartoucheElementCtn > a:nth-child(3)
{
	margin:30px 0 52px 0!important;
}
.cartoucheElement:before
{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:50px;
	background:url(/template/image/home/arrowBlack.png) no-repeat;
	background-size:100%;
	width:17px;
	height:30px;
}

#manifestationCartouche .cartoucheElement:before
{
	display:none;
}

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

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

#cartoucheNewsCartoucheCtn .cartoucheElement .txt
{
	margin-left:25%;
	padding-left:20px;
}

.cartoucheElement h6
{
	margin:0px;
	font-weight:bold;
	color:#020202;
	font-size:16px;
}

#manifestationCartouche .cartoucheElement h6
{
	color:#FFFFFF;
}

.cartoucheElement .resume
{
	display:block;
	color:#020202;	
	font-style:italic;
	font-size:16px;
}

#manifestationCartouche .cartoucheElement .resume
{
	color:#FFFFFF;
}

/* CARTOUCHE NEWS */
#cartoucheNewsCartoucheCtn.cartoucheCtn
{
	padding-top:0;
}

#cartoucheNewsCartoucheCtn .more
{
	display:block!important;
}

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

/*Cartouche des manifestations*/
#manifestationCartouche .date
{
	display:block;
	float:left;
	width:25%;
	text-align:center;
	color:#FFFFFF;
	font-family:museo300;
}

#manifestationCartouche .date > span
{
	text-align:center;
	display:block;
	line-height:auto;
}

#manifestationCartouche .date > span:nth-child(1)
{
	font-size:18px;
	height:20px;
	padding-bottom:5px;
}

.home #manifestationCartouche .date > span:nth-child(1):empty
{
	display:none;
}

#manifestationCartouche .date > span:nth-child(2)
{
	font-size:40px;
	line-height:35px;
}

#manifestationCartouche .date > span:nth-child(3)
{
	font-size:17px;
}


#manifestationCartouche .txt
{
	float:left;
	padding:0 10px 0 20px;
	width:75%;
	box-sizing:border-box;
}

/*Manifestion mais pour la home*/
#zoneAgenda .int .cartoucheCtn
{
	padding-top:60px;
}

#zoneAgenda .int h5, #zoneAgenda .int .resume
{
	display:none;
}

#zoneAgenda .int .more
{
	position:absolute;
	bottom:10px;
	right:0;	
}
#zoneAgenda .int .cartoucheElement
{
	box-sizing:Border-box;
}

#zoneAgenda .int #manifestationCartouche .txt
{
	float:left;
	padding:0 10px 0 10px;
	width:70%;
	box-sizing:border-box;
}

#zoneAgenda .int #manifestationCartouche .txt,
#zoneAgenda .int #manifestationCartouche .date
{
	display:inline-block;
	vertical-align:middle;
	float:none;
}
/* Cartouche des offres de la homepage */

#cartoucheOffreCartoucheCtn.cartoucheCtn
{
	padding-top:0;
}

#cartoucheOffreCartoucheCtn .cartoucheElement
{
	box-sizing:border-box;
	margin:30px 0 0 0;
}

#cartoucheOffreCartoucheCtn .cartoucheElement:before
{
	display:none!important;
}

#cartoucheOffreCartoucheCtn .img
{
	width:100%;
}

#cartoucheOffreCartoucheCtn .img:before
{
	content:"";
	display:block;
	padding-top:49.70%
}

#cartoucheOffreCartoucheCtn .cartoucheElement:hover
{
	opacity:0.7;
}

#cartoucheOffreCartoucheCtn .cartoucheElement .txt
{
	padding:0;
}

#cartoucheOffreCartoucheCtn a:nth-child(3)
{
	margin-right:0;
}

#cartoucheOffreCartoucheCtn .cartoucheElement h6
{
	font-family:museo300;
	font-size:37px;
	color:#7f7f7f;
	font-weight:normal;
	line-height: 0.909;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding:0 0 5px 0;
	height:71px;
	box-sizing:border-box;
}

#cartoucheOffreCartoucheCtn .cartoucheElement h6 span.first
{
	display:block;
}

#cartoucheOffreCartoucheCtn .cartoucheElement .resume
{
	font-size:18px;
	font-style:italic;
	color:#545454;
	line-height:1.2;
	padding-bottom:16px;
	height:58px;
	box-sizing:border-box;
}

@media only screen and (min-width:900px)
{
	#zoneAgenda .int .cartoucheElement
	{
		float:left;
		width:50%;
	}
	
	#zoneAgenda .int #manifestationCartouche .txt
	{
		width:calc(100% - 140px);
	}

	.home #manifestationCartouche a:nth-child(2):not(.more), .home #manifestationCartouche a:nth-child(3):not(.more),
	#cartoucheNewsCartoucheCtn a:nth-child(2):not(.more), #cartoucheNewsCartoucheCtn a:nth-child(3):not(.more)
	{
		display:block;
	}
	
	.int #manifestationCartouche a:nth-child(2):not(.more)
	{
		display:block;
	}
	
	#cartoucheOffreCartoucheCtn .cartoucheElement
	{
		float:left;
		width:32%;
		margin-right:1%;
	}
	
	#cartoucheNewsCartoucheCtn.cartoucheCtn h5
	{
		margin-left:0;
	}
	
	#cartoucheNewsCartoucheCtn .more
	{
		display:initial!important;
	}
	
	.cartoucheCtn .more
	{
		margin-left:0;
	}
	
	#manifestationCartouche.cartoucheCtn .more
	{
		margin-left:170px;
	}
	
	.cartoucheElement:before
	{
		left:0;
	}
	
	#cartoucheNewsCartoucheCtn .cartoucheElement .txt
	{
		margin-left:initial;
		padding-left:67px;
	}
	
	.cartoucheElement h6
	{
		font-size:17px;
	}
	
	#cartoucheNewsCartoucheCtn
	{
		margin-left:80px;	
	}
	
	#cartoucheNewsCartoucheCtn.cartoucheCtn
	{
		padding-top:90px;
	}
	
	#manifestationCartouche .cartoucheElement,
	#cartoucheNewsCartoucheCtn .cartoucheElement
	{
		margin:0 0 33px 0;	
	}
	
	#manifestationCartouche .date
	{
		width:120px;
	}
	
	#manifestationCartouche .date > span:nth-child(2)
	{
		font-size:70px;
		line-height:60px;
	}
	
	#manifestationCartouche .date > span:nth-child(3)
	{
		font-size:20px;
	}
	
	#manifestationCartouche .txt
	{
		padding:0 0 0 40px;
		width:305px;
	}
	
	.cartoucheElementCtn > a:nth-child(3)
	{
		margin:0 0 52px 0!important;
	}
	
	#cartoucheOffreCartoucheCtn .cartoucheElement
	{
		margin-top:0;
	}
}

@media only screen and (min-width:1000px)
{
	#manifestationCartouche .txt
	{
		padding:0 0 0 40px;
		width:345px;
	}
}

@media only screen and (min-width:1100px)
{
	.int #manifestationCartouche a:nth-child(3):not(.more)
	{
		display:block;
	}
	
	#zoneAgenda .int .cartoucheElement
	{
		width:33%;
	}
}

/*************  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)
{
	.cartoucheCtn h5:before
	{
		background:url(/template/image/home/sonnette@x2.png) no-repeat;
		background-size:100%;
	}
	
	#manifestationCartouche.cartoucheCtn h5:before
	{
		background:url(/template/image/home/livre@x2.png) no-repeat;
		background-size:100%;
	} 
	
	.cartoucheCtn .more
	{
		background:url(/template/image/croixNoire@x2.png) no-repeat;
		background-size:100%;
	}
	
	#manifestationCartouche.cartoucheCtn .more
	{
		background:url(/template/image/croixBlanche@x2.png) no-repeat;
		background-size:100%;
	}
	
	.cartoucheElement:before
	{
		background:url(/template/image/home/arrowBlack@x2.png) no-repeat;
		background-size:100%;
	}
}

@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)
{
	.cartoucheCtn h5:before
	{
		background:url(/template/image/home/sonnette@x3.png) no-repeat;
		background-size:100%;
	}
	
	#manifestationCartouche.cartoucheCtn h5:before
	{
		background:url(/template/image/home/livre@x3.png) no-repeat;
		background-size:100%;
	} 
	
	.cartoucheCtn .more
	{
		background:url(/template/image/croixNoire@x3.png) no-repeat;
		background-size:100%;
	}
	
	#manifestationCartouche.cartoucheCtn .more
	{
		background:url(/template/image/croixBlanche@x3.png) no-repeat;
		background-size:100%;
	}
	
	.cartoucheElement:before
	{
		background:url(/template/image/home/arrowBlack@x3.png) no-repeat;
		background-size:100%;
	}
}#down
{
	width:50px;
	height:50px;
	display:block;
	background:url(/template/image/home/down.png) no-repeat ;
	margin:0 auto 0 auto;
	top:20px;
	cursor:pointer;

}

.home #zoneAgenda
{
	background:url(/template/image/home/bgAgenda.png) no-repeat top center ;
	max-width:1920px;
	height:737px;
	position:relative;
	margin-bottom:0;
	
}

#zoneAgenda
{
	background:url(/template/image/bgAgenda.jpg) no-repeat top center ;
	max-width:1920px;
	height:225px;
}


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


#zone3Cartouches a
{
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
	max-height:400px;
}

#zone3Cartouches:after
{
	content:"";
	display:block;
	clear:both;
}

#zone3Cartouches a:hover
{
	background-size:120%!important;
	transition:all 0.5s;
}

#zone3Cartouches a .arrow
{
	display:block;
	width:20px;
	height:20px;
	background:url(/template/image/home/arrowWhite.png) no-repeat center center;
	background-size:100%;
	position:absolute;
	left:calc(50% - 10px);
	bottom:10%;
}

#zone3Cartouches a .content
{
	position:absolute;
	top:24%;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
}

#zone3Cartouches a h3
{
	color:#fef9f1;
	font-size:50px;
	margin-top:40px;
	font-family:museo300;
	text-transform:uppercase;
}

#zone3Cartouches a .txt
{
	color:#fef9f1;
	font-size:16px;
	font-style:italic;
}

#zone3Cartouches a .picto
{
	position:absolute;
	top:20%;
}

#zone3Cartouches a:nth-child(1)
{
	background:url(/template/image/home/terroir.jpg) no-repeat center center;
	background-size:100%;
}

#zone3Cartouches a:nth-child(1) .picto
{
	display:block;
	width:41px;
	height:54px;
	background:url(/template/image/home/verre.png) no-repeat center center;
	background-size:100%;
	left:calc(50% - 20px);
	top:17%;
}

#zone3Cartouches a:nth-child(2)
{
	background:url(/template/image/home/nature.jpg) no-repeat center center;
	background-size:100%;
}

#zone3Cartouches a:nth-child(2) .picto
{
	display:block;
	width:69px;
	height:37px;
	background:url(/template/image/home/montagne.png) no-repeat center center;
	background-size:100%;
	left:calc(50% - 35px);
}

#zone3Cartouches a:nth-child(3)
{
	background:url(/template/image/home/patrimoine.jpg) no-repeat center center;
	background-size:100%;
}

#zone3Cartouches a:nth-child(3) .picto
{
	display:block;
	width:67px;
	height:48px;
	background:url(/template/image/home/maison.png) no-repeat center center;
	background-size:100%;
	left:calc(50% - 34px);
	top:18%;
}

#zone3Cartouches a:before
{
	content:"";
	display:block;
	padding-top:88.5%;
}

#zoneOffre
{
	background:#ffffff;
	padding-top:0;
}

#zoneContenu
{
	background:url(/template/image/home/bgSoleil.jpg) no-repeat bottom center #eeeff4;
	
}

#zoneContenu > .sizeContainer:after, #zoneContenu > .sizeContainer > a:after
{
	content:"";
	display:block;
	clear:both;
}
#zoneContenu > .sizeContainer > a
{
	position:relative;
	display:block;
	box-sizing:border-box;
	text-decoration:none;
	color:#545454;
	padding:40px 0 40px 0;
}

#zoneContenu > .sizeContainer > a > .plus
{
	position:relative;
	display:block;
	float:right;
	width:52px;
	height:52px;
	border:2px solid #575656;
	border-radius:50%;
}
#zoneContenu > .sizeContainer > a:hover > .plus
{
	border-color:#eda802;
}
#zoneContenu > .sizeContainer > a > .plus:before,
#zoneContenu > .sizeContainer > a > .plus:after
{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:32px;
	height:2px;
	background:#575656;
	transform:translate(-50%,-50%);
}
#zoneContenu > .sizeContainer > a > .plus:after
{
	transform:translate(-50%,-50%) rotate(90deg);
}
#zoneContenu > .sizeContainer > a:hover> .plus:before,
#zoneContenu > .sizeContainer > a:hover > .plus:after
{
	background-color:#eda802;	
}

#zoneContenu > .sizeContainer > a .headCtn h1
{
	font-size:40px;
	margin:0 0 20px 0;
}
#zoneContenu > .sizeContainer > a .headCtn h2
{
	font-size:20px;
	color:#545454;
	margin:0 0 20px 0;
}
#zoneContenu > .sizeContainer > a .headCtn .img
{
	display:block;
	margin:0 0 20px 0;
}
#zoneContenu > .sizeContainer > a .headCtn .img:before
{
	content:"";
	display:block;
	padding-top:50%;
}

#zoneContenu > .sizeContainer > a + a .headCtn .img
{
	background-image:url(/template/image/defaultDerborence.jpg);
}

@media only screen and (min-width:900px)
{
	#zoneContenu > .sizeContainer > a
	{
		position:relative;
		display:block;
		box-sizing:border-box;
		float:left;
		width:44%;
		text-decoration:none;
		color:#545454;
		padding:20px 0 0 0;
	}
	#zoneContenu > .sizeContainer > a + a
	{
		float:right;
	}
	#zoneContenu > .sizeContainer > a .headCtn h1
	{
		font-size:50px;
		min-height:2em;
	}
}

/*Page Intérieur*/

#youAreHere
{
	float:left;
	width:85%;
	margin:15px 0 65px 0;
}
#printSend
{
	float:left;
	width:15%;
	margin-top:15px;
}
#zoneTopInt
{
	background:url(/template/image/decoupe.png) no-repeat bottom center;
	max-width:1920px;
	height:127px;
	width:100%;
	display:block;	
}

.bgGris
{
	background:#f5f5f5;
	line-height:1.5;
}

#zoneListeLinks
{
	background:#FFFFFF;
	padding:97px 0 91px 0;
}

.withCarte #zoneListeLinks
{
	padding:0 0 91px 0;
}

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

	
	#zoneAgenda
	{
		margin-bottom:130px;
	}
	
	.bgGris .padding
	{
		padding:0 155px 140px 90px;
	}
	
	.withCarte .bgGris .padding
	{
		padding:0 155px 80px 90px;
	}
}

@media only screen and (min-width:900px)
{
	.home #zoneAgenda .sizeContainer > div:not(.divwrapper)
	{
		float:left;
		width:50%;
	}
	
	#zone3Cartouches a
	{
		float:left;
		width:33.33%;
		max-height:none;
	}
	
	#zone3Cartouches a h3
	{
		font-size:50px;
	}
	
	#zoneOffre
	{
		height:372px;
		padding-top:90px;
	}
	
	#zoneContenu > .sizeContainer > a
	{
		padding:70px 0 130px 0;
	}
}

@media only screen and (min-width:1300px)
{
	#zone3Cartouches a h3
	{
		font-size:70px;
	}
}

/*************  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)
{
	#down
	{
		background:url(/template/image/home/down@x2.png) no-repeat ;
		background-size:100%;
	}
	
	#zone3Cartouches a .arrow
	{
		background:url(/template/image/home/arrowWhite@x2.png) no-repeat center center;
		background-size:100%;
	}
	
	#zone3Cartouches a:nth-child(1) .picto
	{
		background:url(/template/image/home/verre@x2.png) no-repeat center center;
		background-size:100%;
		
	}
	
	#zone3Cartouches a:nth-child(2) .picto
	{
		background:url(/template/image/home/montagne@x2.png) no-repeat center center;
		background-size:100%;
	}
	
	#zone3Cartouches a:nth-child(3) .picto
	{
		background:url(/template/image/home/maison@x2.png) no-repeat center center;
		background-size:100%;
	}
}

@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)
{
	#down
	{
		background:url(/template/image/home/down@x3.png) no-repeat ;
		background-size:100%;
	}
	
	#zone3Cartouches a .arrow
	{
		background:url(/template/image/home/arrowWhite@x3.png) no-repeat center center;
		background-size:100%;
	}
	
	#zone3Cartouches a:nth-child(1) .picto
	{
		background:url(/template/image/home/verre@x3.png) no-repeat center center;
		background-size:100%;
		
	}
	
	#zone3Cartouches a:nth-child(2) .picto
	{
		background:url(/template/image/home/montagne@x3.png) no-repeat center center;
		background-size:100%;
	}
	
	#zone3Cartouches a:nth-child(3) .picto
	{
		background:url(/template/image/home/maison@x3.png) no-repeat center center;
		background-size:100%;
	}
}
#documentListCtn .listElement
{
	/*width:auto;
	float:none;*/
	margin:0 0 10px 0;
	overflow:visible;
	width:100%;
}

#documentListCtn .listElement h5
{
	margin:10px 0 10px 0;
}

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

#documentListCtn .listElement .txt
{
	padding:0px 0px 20px 30px;
	background:none;
	height:auto;
	overflow:visible;
	
}

#documentListCtn .listElement .resume
{
	color:#545454;
	height:auto;
}

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

#documentListCtn .listElement .icone.pdf
{
	background:url(/plugin/document/template/image/pdf.png) no-repeat;
	background-size:100%;
}

#documentListCtn .listElement .icone.ppt
{
	background:url(/plugin/document/template/image/ppt.png) no-repeat;
	background-size:100%;
}

#documentListCtn .listElement .icone.htm
{
	background:url(/plugin/document/template/image/htm.png) no-repeat;
	background-size:100%;
	height:20px!important;
}

#documentListCtn .listElement .icone.file
{
	background:url(/plugin/document/template/image/file.png) no-repeat;
	background-size:100%;
	width:15px!important;
	height:21px!important;
}

#documentListCtn .listElement .icone.word
{
	background:url(/plugin/document/template/image/word.png) no-repeat;
	background-size:100%;
	width:25px!important;
}

#documentListCtn .listElement .icone.excel
{
	background:url(/plugin/document/template/image/excel.png) no-repeat;
	background-size:100%;
}

#documentListCtn .listElement .icone.zip
{
	background:url(/plugin/document/template/image/zip.png) no-repeat;
	background-size:100%;
	width:24px!important;
	height:22px!important;
}

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

#galleryimageList
{
	padding:0;
	max-width:778px;
}
#galleryimageListCtn
{
	width:100%;
	overflow:hidden;
	padding:0;
}

.animated #galleryimageListCtn:before
{
	content:"";
	display:block;
	padding-top:64.65%;
}

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

.animated  #galleryimageListCtn .listElement:before
{
	display:none;
}

.animated #galleryimageListCtn .listElement
{
	position:absolute;
	left:102%;
	padding:0;
	margin:0;
	border:0;
	visibility:hidden;
	width:100%;
	height:100%;
	top:0;
	transition:all 0.5s;
	z-index:1;
}

.animated #galleryimageListCtn .listElement[rel="1"]
{
	left:-102%;
	z-index:0;
}
.animated #galleryimageListCtn .listElement[rel="0"]
{
	
	left:0;
	top:0;
	width:100%;
	height:100%; 
	visibility:visible;
}

#galleryimageListCtn .listElement .img
{
	position:absolute;
	display:block;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:0;
	margin:0;
	width:auto;
	background-size:cover;
	background-position:center center;
}
#galleryimageListCtn .listElement .img:after, #galleryimageListCtn .listElement .img:before
{
	content:"";
	display:none;
}

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


#galleryimageListCtn .listElement .admin
{
	position:absolute;
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	bottom:0;
	background:#ffffff;
}

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

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

/* MEDIA QUERIES*/ 
@media only screen and (min-width:641px)
{
	#gallerywithfancybox
	{
		display:block; /*use fancybox if element is visible*/ 
	}	
	
	#galleryimageList
	{
		padding:0;
	}
	
	.animated #galleryimageListCtn .listElement
	{
		width:31%;
		height:25%;
		top:81%;
	}
	/*La grande*/
	.animated #galleryimageListCtn .listElement[rel="0"]
	{
		width:100%;
		height:80%;
		top:0;
		left:0;
		visibility:visible;	
	}
	.animated #galleryimageListCtn .listElement[rel="1"]
	{
		left:0;
		top:81%;
		width:24.5%;
		visibility:visible;	
		height:25%;
	}
	.animated #galleryimageListCtn .listElement[rel="2"]
	{
		left:25.2%;
		top:81%;
		width:24.5%;
		visibility:visible;	
		top:81%;
		height:25%;
	}
	.animated #galleryimageListCtn .listElement[rel="3"]
	{
		left:50.3%;
		width:24.5%;
		visibility:visible;
		top:81%;
		height:25%;
	}
	
	.animated #galleryimageListCtn .listElement[rel="4"]
	{
		left:75.54%;
		width:24.5%;
		visibility:visible;
		top:81%;
		height:25%;
	}
	
	
}
#googlemapDisplay
{
	margin-bottom:50px;	
}


#googlemapDisplay iframe
{
	width:100%;
	height:500px;
}

#googlemapListCtn .listElement
{
	width:340px;
	border:0px;
}

#googlemapListCtn .listElement > a
{
	position:relative;
	display:block;
	min-height:25px;
	text-decoration:none;
}

#googlemapListCtn .listElement .txt
{
	padding:0px 0px 0px 30px;
}

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


.piCategory
{
	padding-top:20px;
	font-style:italic;	
}

div#infoWindowPI
{
	width:278px;
	height:312px;
	padding-top:3px;
	background:url('/plugin/googlemap/template/images/overlay2.png') no-repeat;
	behavior: url('/template/image/iepngfix.htc');
	text-align:left;
}

div#infoWindowPI div#closePI
{
	float:left;
	margin-top:5px;
	height:50px;
	width:23px;
	margin-left:5px;
	background:url('/plugin/googlemap/template/images/close.png') top center no-repeat;
	behavior: url('/template/image/iepngfix.htc');
	cursor:pointer;
}

div#infoWindowPI div#titlePI
{
	float:left;
	font-family:Arial;
	font-weight:Bold;
	font-size:13px;
	color:#52ABE0;
	text-transform:uppercase;
	padding:5px 15px 0px 25px;
	height:50px;
	width:190px;
}

div#infoWindowPI .divTitreAdresse,
div#infoWindowPI .divTitre,
div#infoWindowPI .divText
{
	float:left;
	font-family:Arial;
	font-size:13px;
	color:#8C8C8C;
	width:120px;
}

div#infoWindowPI .divTitre,
div#infoWindowPI .divTitreAdresse
{
	font-weight:bold;
	width:80px;
}

div#infoWindowPI .divText
{
	width:120px;
}

div#infoWindowPI #divPapillon
{
	position:absolute;
	background:url('/template/image/petitPapillon.png') no-repeat;
	behavior: url('/template/image/iepngfix.htc');
	width:55px;
	height:54px;
	bottom:175px;
	right:20px;
}

div#maplegendpng, div#maplegendtxt,
div#maplegendpng2, div#maplegendtxt2
{
	float:left;
	padding-top:15px;
}

div#maplegendpng, div#maplegendpng2
{
	float:left;
	padding-left:20px;
}
div#maplegendtxt, div#maplegendtxt2
{
	padding-left:40px;
}

/* Style pour plugin langsite */
.langsite
{
   color: #FFFFFF;
   text-decoration: none;
	font-size:13px;
	font-family:museo700;
}

.langsiteActiv
{
   color: #FFFFFF;
   text-decoration: underline;
	font-size:13px;
	font-family:museo700;
	
}

@media only screen and (min-width:1250px)
{
	.langsite
	{
		font-size:11px;
		font-family:OpenSans;
	}
	
	.langsiteActiv
	{
		font-size:11px;
		font-family:OpenSans;
	}
}
#linksCtn .linksElementCtn
{
	width:100%;
	text-align:center;
	margin:0 auto 0 auto;
}

.withCarte #linksCtn
{
	margin-top:97px;
}
/*Style pour la recherche*/

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

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

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

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

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

#searchManifestation .btnSearchManif
{
	margin-top:20px;
}

/*Fin style search*/

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

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

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

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

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

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

#zoneDetailEvent  .btn
{

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


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

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

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

@media only screen and (min-width:641px)
{
	#searchManifestation .blocSearch > div  div
	{
		display:inline-block;
		vertical-align:top;
	}
}/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}


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

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

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

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

	#disclaimerCtn
	{
		max-height:200px;
	}
	#disclaimerCtn .disclaimer
	{
		max-width:1280px;
		padding:20px 170px 20px 10px;
		font-size:1em;
	}

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

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


#leftPanel.scrolling
{
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
#leftPanel .menuHolder .mainctn
{
	padding:0;
}

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

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

#menuIcone
{
	display:block;
	position:absolute;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	top:32px;
	left:18px;
	z-index:3;
	text-transform:uppercase;
}

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

#menuIcone > span
{
	margin:0 0 0 12px;
	vertical-align:top;
}

#mainPanel.open #menuIcone > span, #mainPanel.open #menuIcone > #nav-icon
{
	width: 50%;
    height: 50%;
    margin: 7px 0 0 11px;
}

#mainPanel.open #menuIcone > span:nth-child(2)
{
	display:none;
}

#nav-icon {
  width: 28px;
  height: 21px;
  position: relative;
	display:block;

  cursor: pointer;
  /* to center */
  margin: 0 auto;
  float: none;
	font-size:19px;
}

#nav-icon > span {

   top: 11px;
	 display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #FFFFFF;
	
  border-radius: 3px;
  opacity: 1;
  left: 0;
}

#mainPanel.open #nav-icon > span
{
	height:2px;
	background:#eda802;
}

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

#mainPanel.open #nav-icon > span:before,
#mainPanel.open #nav-icon > span:after
{
	height:2px;
	background-color:#eda802;
}

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

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

/* OPENED */

#nav-icon.open {
  -webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

#nav-icon.open > span:before {
  -webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	top:0;
}

#nav-icon.open > span:after {
  -webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	top:0;
}
/* FIN Effet ouverture et fermeture icone menu */

#mainPanel.open #menuIcone
{
	top:20px;
	left:20px;
	background:transparent;
	border-radius:25px;
	width:35px;
	height:35px;
	border:2px solid #eda802;

}
#leftPanel .top
{
	display:none;
}

#leftPanel a.copy
{
	display:none;
}

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

#menuMain ul
{
	margin:0px;
	padding:0 30px 0 13px;
	color:#ffffff;
	font-size:19px;
	display:none;
}

#menuMain ul.menu0 ul
{
	padding:0 0 0 13px;
}

#menuMain ul.menu1
{
	margin-bottom:40px;
	margin-left:13px;
}

#menuMain li
{
	position:relative;
	list-style-type: none;
	padding:0px; /*compense le li de base*/
	background:none;
}


#menuMain a.menu0:before
{
	content:"";
	display:inline-block;
	position:absolute;
	right:-5px;
	background:url(/plugin/menu/template/images/close.png) no-repeat;
	background-size:100%;
	width:10px;
	height:16px;
	top:14px;
}

#menuMain a.menu0.menuselected:not(.parent):before
{
	background:url(/plugin/menu/template/images/open.png) no-repeat;
	background-size:100%;
	width:16px;
	height:10px;
	top:16px;
}

#menuMain li > a
{
	display:block;
	position:relative;
	text-decoration:none;
	padding:0 10px 0 0;
	transition:padding 0.3s;
	font-weight:normal;
	color:#ffffff;
	font-family:open_sanslight;
	font-size:17px;
}

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


#menuMain ul.menu0
{
	display:block;	
}

#menuMain a.menu0
{
	font-family:museo700;
	text-transform:uppercase;
	font-size:18px;
	color:#ffffff;
	font-weight:normal;
	padding:15px 10px 10px 10px;
}


#menuMain ul.menu2 li > a
{
	padding:0 10px 0 14px;
}
#menuMain ul.menu2 li > a:hover, #menuMain ul.menu2 li > a.menuselected:not(.parent)
{
	
}

#menuMain ul.menu3 li > a
{
	padding:0 10px 0 14px;
}
#menuMain ul.menu3 li > a:hover, #menuMain ul.menu3 li > a.menuselected:not(.parent)
{
	
}


/**************************************************/
/*Style pour le menuBottom */
/**************************************************/
#menuBottomMain ul
{
	display:block;
	position:relative;
	padding:0 0 0 0;
	font-size:15px;
	z-index:2;
}
#menuBottomMain ul.menu0
{
	display:block;
	position:relative;
	font-size:0;
	text-align:left;
	padding:0;
	background:none;
	padding:0;
	width:100%;
	text-align:center;
}

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

#menuBottomMain li.menu0:last-child
{
	background:none;
}

#menuBottomMain li > a
{
	display:block;
	position:relative;
	color:#eda802;
	text-decoration:none;
	padding:5px 0 5px 0;
	font-family:museo300;
}

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

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

#menuBottomMain li.menu0 ul
{
	padding:10px;
}

#menuBottomMain ul.menu1 li > a
{
	min-width:140px;
	font-style:italic;
}

#menuBottomMain ul.menu0 li > a:hover, #menuBottomMain ul.menu0 li > a.menuselected:not(.parent)
{
	color:#5b5b5b;
}

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

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

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

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

.myArrowAdmin
{
	cursor:pointer;
}

.styleDivArrowAdmin
{
	display:none;
	position:absolute;
	padding-right:5px;
	padding-top:0px;
	left:-10px;
	top:3px;
}

li.menu0 > .styleDivArrowAdmin
{
	top:10px;
}
#menuBottomMain .styleDivArrowAdmin
{
	top:3px;
}
#menuBottomMain li.menu0 > .styleDivArrowAdmin
{
	top:7px;
}

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

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


/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{
	
	/**************************************************/
	/*Style pour le menuBottom */
	/**************************************************/
	#menuBottomMain ul
	{
		display:none;
		position:absolute;
	}
	
	#menuBottomMain ul.menu0
	{
		padding:0;
	}
	
	#menuBottomMain li.menu0
	{
		display:inline-block;
		border-right:1px solid #eda802;
	}
	
	#menuBottomMain li > a
	{
		padding:0 17px 0 17px;
	}
	
	#menuBottomMain li.menu0:first-of-type > a
	{
		padding-left:0;
	}
	
	#menuBottomMain li.menu0 ul
	{
		background:#FFFFFF;
		border:1px solid #FFFFFF;
		margin-left:0;
	}
	
	#menuBottomMain ul.menu1 li > a
	{
		font-style:normal;
		text-align:Left;
		padding:10px 0 0 10px;
	}
	
	#menuBottomMain a.menu0
	{
		font-size:15px;
	}
	
}

@media only screen and (min-width:1250px)
{
	/*Menu du fond*/
	.styleDivArrowAdmin
	{
		display:block;
	}
	#mainPanel.open
	{
		left:0!important;
	}
	#leftPanel
	{
		position:absolute;
		top:162px;
		left:0;
		right:0;
		transition:max-height 0.5s;
		width:100%;
		height:100%;
		max-height:0;
		z-index:1001;
		background:none;
		opacity:1;

	}

	#mainPanel.open #leftPanel
	{
		height:100%;
		max-height:100%;
	}
	
	#menuIcone
	{
		top:89px;
		left:48px;
	}

	
	#mainPanel.open #menuIcone
	{		
		top:195px;
		left:auto;
		right:0;
		background:none;
		border-radius:0;
		width:30px;
		height:30px;
		background:url(/plugin/menu/template/images/croix.png) no-repeat;
		background-size:100%;
		cursor:pointer;
		border:0;
	}
	
	#mainPanel.open #menuIcone > span, #mainPanel.open #menuIcone > #nav-icon
	{
		/*width: 38px;
    	height: 27px;
		margin:0;*/
		display:none;
	}
	
	#mainPanel.open #menuIcone > span
	{
		display:none;		
	}
	#mainPanel #leftPanel .top
	{
		background:url(/plugin/menu/template/images/bg.png) no-repeat;
		background-size:100% 44px;
		height:44px;	
		z-index:1002;
		display:block;
	}
	
	#mainPanel #leftPanel .bgRepeat
	{
		background:url(/plugin/menu/template/images/bgRepeat.png) repeat;	
	}
	
	#leftPanel .menuHolder
	{		
		text-align:left;
		max-width:995px;
		margin: 0 auto 0 auto;
		padding:0 10px 0 10px;
	}
	
	#leftPanel a.copy
	{
		display:block;
	}
	
	#nav-icon {

	  -webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	
	/**************************************************/
	/*Style pour le menu simple horizontal et vertical*/
	/**************************************************/
	#menuMain
	{
		padding:0 0 10px 0;
		
	}
	#menuMain ul
	{
		display:block!important;
		padding:10px 0 0 14px;
		margin-bottom:20px;
	}
	
	#menuMain ul.menu0 ul
	{
		padding:10px 0 0 7px;
	}
	#menuMain ul.menu1
	{
		margin-left:0;
	}
	#menuMain ul.menu0
	{
		text-align:left;
		font-size:0;
		padding:43px 0 0 0;
	}	
	
	#menuMain li
	{
		display:block;
	}
	
	#menuMain li.menu0
	{
		display:inline-block;
		vertical-align:top;
		width:29%;
		margin-right:6.5%;
		
	}
	
	#menuMain li.menu0:nth-child(3n)
	{
		margin-right:0;
	
	}
	
	#menuMain a.menu0
	{
		font-family:museo700;
		color:#ffffff;
		font-size:25px;
		font-weight:normal;
		text-transform:uppercase;
		padding:0;
		
	}
	
	#menuMain a.menu0:before
	{
		display:none;
	}
	
	#menuMain li > a
	{
		font-family:open_sanslight;
		font-size:17px;
		color:#bdbdbd;
	}
	
}

/*************  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)
{
	
	#mainPanel.open #menuIcone
	{		
		background:url(/plugin/menu/template/images/croix@x2.png) no-repeat;
		background-size:100%;
	}
}

@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)
{
	#mainPanel.open #menuIcone
	{		
		background:url(/plugin/menu/template/images/croix@x3.png) no-repeat;
		background-size:100%;
	}
}


#myaccountCtn
{
	display:none;
}

@media only screen and (min-width:1170px)
{
	
	#myaccountCtn
	{
		display:block;
		position:absolute;
		top:100px;
		right:0;
		z-index:5;
	}
	
	#myaccountCtn a
	{
		font-size:13px;
		display:block;
		padding:3px;
	}
	
	#myaccountCtn h5
	{
		margin:0px;
		padding:3px;
		text-align:center;
		font-size:18px;
		font-weight:normal;
		text-transform:uppercase;
		letter-spacing:1px;
		color:#ffffff;
		background:#333333;
		float:left;
		width:24px;
	}
	
	#myaccountCtn .infos
	{
		background:#f7f7f7;
		float:left;
		min-height:250px;
		max-width:0;
		max-height:160px;
		overflow:hidden;
		transition:max-width 0.3s, max-height 0.5s;
	}
	
	#myaccountCtn:hover .infos
	{
		max-width:300px;
		max-height:800px;
		padding:10px;
		border:1px solid #542b80;
	}
	
	#myaccountCtn .infos .myAccountPart
	{
		margin-bottom:7px;
	}
	
	#myaccountCtn .infos .myAccountPart.first .title
	{
		font-weight:normal;
	}
	
	#myaccountCtn .infos .title
	{
		font-size:15px;
		font-weight:bold;
		padding:3px;
	}
	
	#myaccountCtn .infos a
	{
		text-decoration:none;	
	}
	
}

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

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

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

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

#newsListCtn .listElement .date
{
	position:absolute;
	bottom:23px;
	right:14px;
	color:#FFFFFF;
	font-size:11px;
}

#newsListCtn .listElement .txt
{
	height:140px;
}/*Styles spécifiques du plugin page en T1 */#pointinteretEdit input[type=text]
{
	width:500px;
}

 #pointinteretEdit textarea, #formContactPointInteret input, #formContactPointInteret textarea
{
	width:99%;
}

#pointinteretEdit .tdAdmin
{
	width:110px;
}

#pointinteretEdit .npa
{
	width:145px!important;
	margin-right:5px;
}

#pointinteretEdit .localite
{
	width:350px!important;
}

#pointinteretHeadCtn .img
{
	display:none;
}

#pointinteret .description
{
	margin:0;
    font-size:20px;
	font-weight: normal;
  	overflow:hidden;
	font-family:open_sanslight;
	margin-bottom:32px;
}

#pointinteret h2
{
	margin: 35px 0 35px 0;
}

#pointinteret .prestations,  #pointinteret .langues, #pointinteret .places
{
	padding-left:50px;
	position:relative;
}
#pointinteret .prestations:before
{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:url(/plugin/pointinteret/template/images/prestations.png) no-repeat;
	background-size:100%;
	width:25px;
	height:34px;
}

#pointinteret .langues:before
{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:url(/plugin/pointinteret/template/images/langues.png) no-repeat;
	background-size:100%;
	width:33px;
	height:29px;
}

#pointinteret .places:before
{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:url(/plugin/pointinteret/template/images/places.png) no-repeat;
	background-size:100%;
	width:36px;
	height:37px;
}

#pointinteret .adresseCols > div:nth-child(1)
{
	padding-left:50px;
}

#pointinteret .adresseCols > div:nth-child(2)
{
	padding:30px 0 30px 0	; 
	text-align:center;
}

#pointinteret #galleryimageList
{
	margin-bottom:30px;
}

#pointinteret .adresseCols
{
	padding:60px 0 0 0;
	box-sizing:border-box;
}

#pointinteret .phone, #pointinteret .contact
{
	padding-top:15px;
}

#pointinteret a
{
	color:#545454;
}

#pointinteret .btnContact
{
	background:url(/plugin/pointinteret/template/images/contact.png) no-repeat;
	background-size:100%;
	width:100px;
	height:100px;

}

#formContactPointInteret table
{
	border:0;
}

.htmlcontent #formContactPointInteret table th
{	
    font-family: OpenSans;
    color: #545454;
    text-transform: none;
    background: none;
}

#formContactPointInteret table tbody.responsivedtbody div.tr:after
{
border:0;
}
	
/*Style de la carte*/
#adresseAdminMap
{
	width:100%;
	height:350px;
	margin:15px 0 0 0;
}
.mapCtn
{
	width:100%;
	height:420px;
	margin:0 0 0 0;
	position:relative;
}

.mapCtn.fullscreen
{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1000;
	background:rgba(0,0,0,0.6);
	margin:0;
	padding:50px;
	opacity:0;
	box-sizing:border-box;
}

.mapCtn .closebtn
{
	display:none;
	text-decoration:none;
}

#adresseMap
{
	width:100%;
	height:100%;
}

.mapCtn.fullscreen .closebtn
{
	display:block;
	position:absolute;
	top:30px;
	right:40px;
	width:28px;
	height:28px;
	background:#FFFFFF;
	border-radius:50%;
	text-decoration:none;
	z-index:1;
	
}
.mapCtn .closebtn:after
{
	content:"X";
	position:absolute;
	top:5px;
	left:9px;
	font-weight:bold;
	font-size:15px;
	color:#333333;
	text-decoration:none;
}

@media only screen and (min-width:641px)
{
	#pointinteret .cols > div:nth-child(1), #pointinteret .adresseCols > div:nth-child(1)
	{
		float:left;
		width:60.25%;
		padding-right:6%;
		box-sizing:border-box;
	}

	#pointinteret .cols > div:nth-child(2),  #pointinteret .adresseCols > div:nth-child(2)
	{
		float:left;
		width:39.75%;
	}
	
	#pointinteret .adresseCols > div:nth-child(2)
	{
		padding:0	; 
		text-align:left;
	}

	#pointinteretEdit textarea, #formContactPointInteret input, #formContactPointInteret textarea
	{
		width:500px;
	}
}


@media only screen and (max-width:1200px)
{
	#formContactPointInteret table tbody.responsivedtbody div.td .tdlabel
	{
		float:none;
		width:100%;
	}
	
}

/*************  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)
{
	#pointinteret .prestations:before
	{
		background:url(/plugin/pointinteret/template/images/prestations@x2.png) no-repeat;
		background-size:100%;
	}
	
	#pointinteret .langues:before
	{
		background:url(/plugin/pointinteret/template/images/langues@x2.png) no-repeat;
		background-size:100%;
	}
	
	#pointinteret .places:before
	{
	
		background:url(/plugin/pointinteret/template/images/places@x2.png) no-repeat;
		background-size:100%;
	}
	#pointinteret .btnContact
	{
		background:url(/plugin/pointinteret/template/images/contact@x2.png) no-repeat;
		background-size:100%;
	}
}

@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)
{
	#pointinteret .prestations:before
	{
		background:url(/plugin/pointinteret/template/images/prestations@x3.png) no-repeat;
		background-size:100%;
	}
	
	#pointinteret .langues:before
	{
		background:url(/plugin/pointinteret/template/images/langues@x3.png) no-repeat;
		background-size:100%;
	}
	
	#pointinteret .places:before
	{
	
		background:url(/plugin/pointinteret/template/images/places@x3.png) no-repeat;
		background-size:100%;
	}
	#pointinteret .btnContact
	{
		background:url(/plugin/pointinteret/template/images/contact@x3.png) no-repeat;
		background-size:100%;
	}
}#printSend a
{
	display:inline-block;
	margin-right:8px;
}

#printSend a:last-child
{
	margin-right:0;
}

#printSend a.print, #printSend a.pdf, #printSend a.mail
{
	display:none;
}

#printSend a.addthis_button_facebook
{
	background-image:url(/plugin/printsend/template/image/icones.png);
	background-size:auto 100%;
	width:6px;
	height:15px;
	padding:0;
	margin-bottom:0;
	margin-right:11px;
	background-position:-70px 0;
}

#printSend a.addthis_button_twitter
{
	background-image:url(/plugin/printsend/template/image/icones.png);
	background-size:auto 100%;
	width:14px;
	height:15px;
	padding:0;
	margin:0;
	background-position:top right;
}

#printSend a:hover.print, #printSend a:hover.pdf, #printSend a:hover.mail, #printSend a:hover.addthis_button_twitter, #printSend a:hover.addthis_button_facebook
{
	background-image:url(/plugin/printsend/template/image/iconesOn.png);
}

@media only screen and (min-width:770px)
{
	#printSend a.print
	{
		background-image:url(/plugin/printsend/template/image/icones.png);
		width:14px;
		height:15px;
		background-size:auto 100%;
		display:inline-block;
	}
	
	#printSend a.pdf
	{
		background-image:url(/plugin/printsend/template/image/icones.png);
		width:11px;
		height:15px;
		background-size:auto 100%;
		display:inline-block;
		background-position:-24px 0;
	}
	
	#printSend a.mail
	{
		background-image:url(/plugin/printsend/template/image/icones.png);
		width:15px;
		height:15px;
		background-size:auto 100%;
		display:inline-block;
		background-position:-45px 0;
	}
}


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

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

.ressourceBtnSearch
{
	height:20px;	
}



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

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

}

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

}

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

}

.sm3
{
    FONT-SIZE: 14px;
    COLOR: #eda802;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}/*STYLE POUR LE TEMPLATE*/
#cse-search-box-api
{
	display:block;
	margin-left:23px;
	position:relative;
	
}


#cse-search-box-api > div
{
	border-top:2px solid #666666;
	border-bottom:2px solid #666666;
	padding-bottom:22px;
	margin-bottom:22px;
	margin-top:15px;
	padding-top:22px;
	padding-left:35px;
}

.btnSearch
{
	display:block;
	border:0px;
	width:30px;
	height:31px;
	cursor:pointer;
	background:url(/plugin/searchapi/template/images/loupe.png) no-repeat top left!important;
	background-size:100%!important;
	position: absolute;
	top: 20px;
	left: 0;
	transition:all 0.5s;
	padding:0;
	
}


#cse-search-box-api input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:90%;
	height:30px;
	font-size:20px;
	font-family:OpenSans;
	color:#808080;
	border:0;
	background:none;
	font-weight:normal;	
	font-style:italic;
}
#cse-search-box-api input[type=text].placeholder
{
	color:#3b6f8b;
}
#cse-search-box-api input[type=text]::-ms-clear{ display: none; width:0; height:0; }

/*Search Results*/
#searchapiResultsCtn
{
	position:relative;
	display:block;
}
#searchapiResultsCtn .headCtn
{
	display:block;
	padding-bottom:10px;
	margin-bottom:40px;
	border-bottom:1px solid #e0dfdf;
}
#searchapiResultsCtn .headCtn .count
{
	display:block;
	font-weight:normal;
	margin-top:0px;
}

#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:bold;
	font-size:1.2em;
	color:#888688;
	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:.9em;
	color:#E78F00;
	margin:0 0 10px 0;
}
#searchapiResultsCtn .results .result .data
{
	display:block;
	color:#656464;
}
#searchapiResultsCtn .results .result .data:after
{
	content:"";
	display:block;
	clear:both;
}

#searchapiResultsCtn .results .result .data .img
{
	display:block;
	float:left;
	width:20%;
	margin-right:3%;
}
#searchapiResultsCtn .results .result .data .txt
{
	display:block;
	box-sizing:border-box;
	float:left;
	width:77%;
}
#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;
	font-size:14px;
	text-decoration:none;
}

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

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

	#searchapiResultsCtn .results .result .data .img
	{
		width:20%;
		margin-right:2%;
		margin-bottom:0;
	}
	#searchapiResultsCtn .results .result .data .txt
	{
		float:left;
		width:78%;
	}
}

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

	#cse-search-box-api
	{
		position:absolute;
		right:30px;
		z-index:200;
		width:30px;
		height:31px;
		overflow:hidden;
		transition:all 0.5s;
		top:86px;
		margin-left:0;
	}
	

	#cse-search-box-api:hover
	{
		overflow:visible;
	}	
	
	#cse-search-box-api > div
	{
		display:block;
		position:absolute;
		left:-160px;
		padding-right:10px;
		width:150px;
		border:0;
		margin-bottom:0;
		padding-bottom:12px;
		margin-top:0;
		padding-left:0;
		padding-top:0;
	}
	
	#cse-search-box-api input[type=text]
	{
		width:100%;
		height:25px;
		font-size:11px;
		color:#959595;
		border:1px solid #d8d8d8;
		border-radius:10px 10px 10px 10px;
		outline:0;
		background:#ffffff;
		margin-left:0;
	}
	
	#cse-search-box-api input[type=text].placeholder
	{
		color:#666666;
	}
	
	.btnSearch
	{
		position: relative;
	    top: auto;
	    left: auto;
		padding:0!important;
	}
}

/*************  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)
{
	.btnSearch
	{
		background:url(/plugin/searchapi/template/images/loupe@x2.png) no-repeat top left!important;
		background-size:100%!important;
	}
}

@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)
{
	.btnSearch
	{
		background:url(/plugin/searchapi/template/images/loupe@x3.png) no-repeat top left!important;
		background-size:100%!important;
	}
}/*Style pour le montage*/
.home #sliderCtn
{
	max-height:500px;
}

#sliderCtn
{
	position:relative;
	width:100%;
	overflow:hidden;
	min-height:250px;
}
#sliderCtn:before
{
	content:"";
	display:block;
	padding-top:31.04%;
}
.home #sliderCtn:before
{
	content:"";
	display:block;
	padding-top:129%;
}

#sliderCtn .filtre
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background:url(/plugin/slider/template/images/filtreInt.png) no-repeat center center;
	background-size:cover
}

.home #sliderCtn .filtre
{
	background:url(/plugin/slider/template/images/filtre.png) 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;
		width:100%;
		box-sizing:border-box;
		height:auto;
		bottom:5%;
		left:0;
		padding:5px 15px 5px 15px ;
		overflow:hidden;
		background:rgb(0,0,0);
		background:rgba(0,0,0,0.5);
		z-index:3;
	}
	#sliderCtn .slogan span
	{
		font-style:italic;
		font-size:19px;
		color:#ffffff;
		text-decoration:none;
		display:block;
	}
	#sliderCtn .slogan span .FirstLine
	{
		display:block;
		font-weight:bold;
		font-style:normal;
		font-size:30px;
	}
	#sliderCtn .slogan span .SecondLine
	{
		display:block;
	}

	/*Style pour les puces de navigation*/
	#sliderCtn #bullets {
		display:block;	
		position:absolute;
		bottom:5px;
		right:27px;
		z-index:4;
	}
	#sliderCtn #bullets a {
		display:block;
		width:16px;
		height:22px;
		background:url(/plugin/slider/template/images/bullets.png) no-repeat;
		text-indent:-9999px;
		border:0;
		margin-right:0px;
		float:left;
		
	}
	#sliderCtn #bullets a.active {
		background-position:0 -22px;
	}
	
	/*Style pour les flèches*/
	#sliderCtn .arrow
	{
		position:absolute;
		top:39%;
		display:block;
		width:41px;
		height:30px;
		background:url(/plugin/slider/template/images/arrows.png) no-repeat;
		border:0;
		cursor:pointer;
		z-index:3;
		opacity:0;
		visibility:hidden;
		transition:opacity .5s;
	}
	#sliderCtn:hover .arrow
	{
		visibility:visible;
		opacity:1;
	}
	#sliderCtn .sliderNext
	{
		right:6.2%;
		background-position:-42px 0;
	}
	#sliderCtn .sliderPrev
	{
		left:6.2%;
	}
}

@media only screen and (min-width:900px)
{
	.home #sliderCtn
	{
		max-height:none;
	}
	.home #sliderCtn:before
	{
		padding-top:45.52%;
	}
}

/*************  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)
{
	#sliderCtn .arrow
	{
		background:url(/plugin/slider/template/images/arrows@x2.png) no-repeat;
		background-size:100%;
	}
}

@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)
{
	#sliderCtn .arrow
	{
		background:url(/plugin/slider/template/images/arrows@x3.png) no-repeat;
		background-size:100%;
	}
}
/*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
{
	/*width:auto;
	float:none;*/
	margin:0 0 10px 0;
	overflow:visible;
	width:100%;
}


#weblinksListCtn .listElement:before {
    content: "•";
    color: #eba726;
    display:block;
    font-size: 20px;
	position:absolute;
	top:3px;
	left:0;
	font-family:verdana;
}

#weblinksListCtn .listElement h5
{
	margin:10px 0 10px 0;
}

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

#weblinksListCtn .listElement .txt
{
	padding:0px 0px 20px 25px;
	background:none;
	height:auto;
	overflow:visible;
	
}

#weblinksListCtn .listElement .resume
{
	color:#545454;
	height:auto;
}
#youarehereCtn
{
	display:none;
}

@media only screen and (min-width:770px)
{
	#youarehereCtn
	{
		font-size:13px;
		color:#000000;
		display:block;
	}
	
	#youarehereCtn .header
	{
		font-size:13px;
		color:#000000;
		margin-right:12px;
	}
	
	#youarehereCtn a
	{
		font-size:13px;
		color:#000000;
	}
	#youarehereCtn .separator
	{
		width:6px;
		height:9px;
		background:url(/template/image/separator.png) no-repeat;
		display:inline-block;
		margin:0 4px 1px 4px;
	}
}
/*ADMIN */
#formCartouchehomeEditSearch, #formCartouchehomeEdit
{
	width:700px;
}
#cartouchehomeSearch
{
	display:block;
	box-sizing:border-box;
	margin:10px 0 10px 0;
	width:100%;
	background:url(/template/image/loupe_rouge.png) no-repeat top 3px right 5px #ffffff;
	border:1px solid #000000;
	border-radius:10px;
	padding:5px 30px 5px 10px;
	outline:none;
}

#cartouchehomeEditList
{
	max-height:500px;
	overflow:auto;
}

#cartouchehomeEditList .cartouchehomeelement
{
	display:block;
	margin:0 0 20px 0;
	padding-bottom:20px;
	border-bottom:1px dotted #000000;
	font-size:0;
}

#cartouchehomeEditList .cartouchehomeelement .radio
{
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	padding-right:10px;
	width:5%;
}
#cartouchehomeEditList .cartouchehomeelement label
{
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	width:95%;
}
#cartouchehomeEditList .cartouchehomeelement .img
{
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	width:20%;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
}
#cartouchehomeEditList .cartouchehomeelement .img:before
{
	content:"";
	display:block;
	padding-top:100%;
}
#cartouchehomeEditList .cartouchehomeelement .info
{
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	width:80%;
	padding:0 10px 0 30px;
	font-size:14px;
}
#cartouchehomeEditList .cartouchehomeelement .info .title
{
	display:block;
	font-weight:bold;
}
#cartouchehomeEditList .cartouchehomeelement .info .resume
{
	display:block;
	font-weight:normal;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}