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

}

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

}

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

}

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

}

/*************** STYLE DE BASE  *******************/
body
{
	margin:0px;
	padding:0px;
	font-family: SBBWeb;
    font-size: 15px;
    color:#2c2c2c;
	background:#ffffff;
	position:relative;
	font-weight: normal;
	font-style: normal;
}

svg
{
	backface-visibility:hidden;
}
audio, img[_wpro_media_data*='.mp3'].wproFilePlugin
{
	display:block;
	width:100%;
	box-sizing:border-box;
	height:40px;
}

.bgEditor
{
    background-color: #FFFFFF;
}

/* CONTAINERS PRINCIPAUX */
.mainHolder
{
	background:#ffffff;
}


.mainHolder .inputLogin.txt
{
	font-size:20px;
	font-family:SBBWebLight;
	display:inline-block;
	padding-bottom:10px;
}
.mainHolder .inputLogin
{
	float:none;
	width:100%;
	padding-bottom:10px;
}

.mainHolder #zoneLoginInput #login, .mainHolder #zoneLoginInput #password
{
	width:100%;
	margin:0;
}

.mainHolder .Loginmembre
{
	display:none;
	height:auto;
	padding:75px 8.6% 0 8.6%;
}


#zoneTop
{
	position:fixed;
	height:69px;
	background:#FFFFFF;
	border-bottom:1px solid #e5e5e5;
	width:100%;
	padding:0 5.4% 0 5.4%;
	box-sizing:border-box;
	transition:height 0.3s ease;
	z-index:2;
}

#zoneTop .relZone
{
	position:relative;
}

#zoneTop .relZone .indexLogo
{
	z-index:1000;
}

#zoneTop .relZone .indexLogo a
{
	display:block;
	background:url(/template/image/RegionalpsFR.png) no-repeat;
	background-size:100%;
	width:163px;
	height:52px;
}

#zoneTop .relZone .indexLogo.DE a
{
	background:url(/template/image/RegionalpsDE.png) no-repeat;
	background-size:100%;
}

#zoneTop .relZone > div
{
	transition: all 0.5s ease;
}


#zoneTop .menuService
{
	text-align:right;
	padding-top:27px;
	height:79px;
	box-sizing:border-box;
}
#zoneTop .menuService a
{
	display:inline-block;
	vertical-align:top;
	text-decoration:none;
	color:#7d7d7d;
	font-size:14px;
	margin-left:10px;
}

#zoneTop .menuService a:nth-child(3)
{
	display:none;
}

#zoneTop .menuService .icone
{
	width:24px;
	height:24px;
	fill:currentColor;
}

#zoneTop .menuService svg, #zoneTop .menuService span
{
	display:inline-block;
	vertical-align:middle;
}

#zoneTop .menuService span
{
	display:none;
}

#zoneTop .menuService :hover 
{
	color:#c60018;
}

#zoneTop .relZone > div:nth-child(1)
{
	opacity:1;
	position:absolute;
	top:8px;
	left:57px;
}

/*Style page intérieure*/
#intCtn, #homeCtn
{
	padding-top:40px;
	padding-bottom:50px;
}

.withList #intCtn, .withList #homeCtn, .withListExtranet #intCtn, .withListExtranet #homeCtn
{
	padding-top:130px;
}

#homeCtn .paddingZoneNews
{
	padding: 0 12.5% 0 12.5%;
}

#intCtn #accrocheImg
{
	/*Courcircuite les anciennes accroche*/
	display:none;
}

.withList #intCtn:not(.T2) .accrocheCtn, .withListExtranet #intCtn .accrocheCtn
{
	display:none;
}

#intCtn .accrocheCtn
{
	background:#e5e5e5;
	margin-top:29px;
}
#intCtn .accrocheImg
{
	background:url(/template/image/defaultAccroche.jpg) no-repeat center center;
	background-size:cover;
	transition: opacity .45s ease-in;
	opacity:0;
}

#intCtn .accrocheImg:before
{
	content:"";
	display:block;
	padding-top:56.25%;
}


.withList #intCtn:not(.T2) .Zonetxt .colGauche,
.withListExtranet #intCtn .Zonetxt .colGauche
{
	width:100%;
	float:none;
	padding-right:0;
}

#intCtn .Zonetxt .colDroite
{
	margin-top:50px;
}

.withList #intCtn:not(.T2) .Zonetxt .colDroite,
.withListExtranet #intCtn .Zonetxt .colDroite
{
	display:none;
}

#intCtn .Zonetxt .colDroite .cartouche
{
	border:1px solid #dcdcdc;
	box-sizing:border-box;
	width:100%;
	padding:20px 25px 24px 23px;
	margin-bottom:30px;
	
}

#intCtn .Zonetxt .colDroite .cartouche:empty
{
	display:none;
}

.cartoucheExtensible .cartoucheElement
{
	border-bottom:1px solid #dcdcdc;    
	margin-bottom: 20px;
	display:block;
}

.cartoucheExtensible .cartoucheElement .txt span:nth-child(1)
{
	display:block;
}

#cartoucheOffreEmploi .cartoucheElement, #cartoucheNewsExtra .cartoucheElement
{
	border-bottom:0!important;
}

#cartoucheNouveaute .withArrow:hover .arrow.RightRed,
#cartoucheValidation .withArrow:hover .arrow.RightRed,
#cartoucheMesEvent  .withArrow:hover .arrow.RightRed,
#cartouchesAnnoncesAviser  .withArrow:hover .arrow.RightRed
{
	right:0;
	opacity:1;
}

.cartouche .cartoucheExtensible .txt
{
	padding:5px 30px 5px 0!important;
}

.cartouche .cartoucheExtensible .cartoucheElement:hover .txt .resume
{
	color:#c60018;
}
.cartouche .cartoucheExtensible .txt .statut
{
	color:#c60018;
}

.cartouche .cartoucheExtensible .txt .statut.nonlu
{
	background:#c60018;
	color:#FFFFFF;
	padding:0 5px 0 5px;
}

.cartouche .archive
{
	display:block;
	text-decoration:none;
	padding:30px 0px 5px 0px;
	font-weight:bold;
	color: #767676;
}
.cartouche .archive > a
{
	margin-left:3px;
	text-decoration:none;
	font-weight:normal;
	    color: #767676!important;
}

.cartouche .archive > a:hover
{
	color:#c60018!important;
}

/*Fin style page intérieure*/

#footer .zone1
{
	background:#e5e5e5;
	box-sizing:border-box;
	position:relative;
}

#footer .zone1 .adresse > span:not(.nobloc)
{
	display:block;
}

#footer .zone1 .titre
{
	border-bottom:1px solid #c6c6c6;
	color:#767676;
	font-size:16px;
	display:block;
	margin-bottom:17px;
	padding:23px 63px 28px 19px;
}

#footer .zone1 .txt, #footer .zone1 .txt a
{
	color:#5c5c5c;
	font-size:14px;
	text-decoration:none;
	line-height:23px;
}
#footer .zone1 .txt a
{
	display:block;
}

#footer .zone1 .txt a
{
	display:inline-block;
}
#footer .zone1 a.txt
{
	margin-top:20px;
	display:inline-block;
}

/*Style pour l'effet des flèches au hover*/
.withArrow
{
	position:relative;
	padding-right:30px;
	transition: padding 0.3s ease;
}

.listElement.withArrow, .cartoucheElement.withArrow
{
	padding-right:0px;
	padding-left:auto;
}
.withArrow:hover .move
{
	padding-right:0;
	padding-left:30px!important;
}

.withArrow:hover .move
{
	color:#c60018;
}

.withArrow:hover
{
	padding-right:0;
	padding-left:0!important;
}

#footer .withArrow:hover
{
	padding-right:0;
	padding-left:30px!important;
}

.noArrow .arrow
{
	display:none;
}
.withArrow:hover .arrow.Left
{
	left:0;
	opacity:1;
	transition: all 0.3s ease;
}

.withArrow:hover .arrow.Right, .withArrow:hover .arrow.RightRed
{
	right:-50px;
	opacity:0;
	transition: all 0.3s ease;
}

.arrow
{
	height:25px;
	width:25px;
	position:absolute;
	bottom:calc(50% - 12px);	
}

.arrow.Right
{
	fill:#666666;
	right:0;
	opacity:1;
	transition: all 0.3s ease;
}

.arrow.RightRed
{
	fill:#ed2c2c;
	right:0;
	opacity:1;
	transition: all 0.3s ease;
}

.arrow.Left
{
	fill:#ed2c2c;
	left:-50px;
	opacity:0;
	transition: all 0.3s ease;
}

/*FIN de style pour l'effet des flèches au hover*/

#footer .facebook, #footer .twitter, #footer .instagram
{
	width:40px;
	height:40px;
	background:#666666;
	border-radius:50%;
	text-align:center;
	padding-top:5px;
	box-sizing:border-box;
	transition: background 0.8s ease;
	display:block;
	margin-top: 20px;
	float:left;
	margin-right:7px;
}

#footer .facebook:hover, #footer .twitter:hover, #footer .instagram:hover
{
	background:#c60018;
}

#footer .facebook .icone, #footer .twitter .icone, #footer .instagram .icone
{
	fill:#FFFFFF;
	height:30px;
	width:30px;
	position:relative;
	top:auto;
	right:auto;
	border:0;
}

#footer .zone1 .logos
{	
	display:none;
}

#footer .zone2 > div:nth-child(2) .logos
{
	float:right;
	margin-top: 20px;
	padding: 0;
}

#footer .valaisExcellence
{
	background:url(/template/image/valaisExcellence.png) no-repeat;
	background-size:100%;
	width:61px;
	height:60px;
	display:inline-block;
	vertical-align:middle;
	transition: background 0.8s ease;
	margin-right:23px;
}

#footer .valaisExcellence:hover
{
	background:url(/template/image/valaisExcellenceOn.png) no-repeat;
	background-size:100%;
}

#footer .swissPass
{
	background:url(/template/image/SwissPass.png) no-repeat;
	background-size:100%;
	width:55px;
	height:54px;
	display:inline-block;
	vertical-align:middle;
	transition: background 0.8s ease;
}

#footer .swissPass:hover
{
	background:url(/template/image/SwissPassOn.png) no-repeat;
	background-size:100%;
}

#footer .zone2
{
	background:#ffffff;
	height:96px;
}

#footer .zone2 > div:nth-child(1) 
{
	width:100%;
	
}

#footer .zone2 > div:nth-child(2) 
{
	padding: 23px 19px 28px 19px;
}
#footer .zone2 > div:nth-child(2) > div:nth-child(1)
{
	float:left;
	width:50px;
	height:50px;
	margin-top:28px;
}

#footer .zone2 > div:nth-child(2) > div:nth-child(2)
{
	float:left;
	width:92px;
	padding:46px 0 0 32px;
	box-sizing:border-box;
}

/*Menu du fond*/
#footer .zone2 > div:nth-child(1) > div:nth-child(2)
{
	padding-top:20px;
	width:100%;
}

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

#footer .zone2 .logos
{
	float:right;
	padding:0 19px 20px 0;
}

#footer .zone2 .logos a
{
	display:inline-block;
	vertical-align:top;
}

#footer .zone2 .logos a:nth-child(1)
{
	margin-right:10px;
}
.headCtn, .Zonetxt .first, .paddingHTML, .paddingPDF, #infosrando
{
	 padding:0 5% 0 5%;
}
/* ENTETE DES PAGES*/
.headCtn
{
	overflow:hidden; /*fait office de divwrapper*/
}

h1.first, .withList .T2 h1.first, .withList .T2 .headCtn h2
{
	font-weight: normal;
	font-family:SBBWebThin;
	font-size:30px;
	color:#2c2c2c;
	margin:20px 0 30px 0;
	text-align:left;
}

.withList h1.first, .withList .headCtn h2,
.withListExtranet h1.first, .withListExtranet .headCtn h2
{
	margin:0px 0 30px 0;
}

.headCtn h1
{
	display:none;
}
.home .headCtn h1
{
	display:block;
	font-weight: normal;
	font-family:SBBWebThin;
	font-size:29px;
	color:#000000;
	
}

.home .headCtn
{
	margin-bottom:30px;
}


.headCtn h2 /*resume of the page*/
{
	margin:0;
    font-size:21px;
	font-weight: normal;
  	overflow:hidden;
	color:#2c2c2c;
	font-family:SBBWebLight;
}

.withList .headCtn h2, .withListExtranet .headCtn h2
{
	margin:0 0 30px 0;
}

.headCtn h2:empty
{
	display:none;
}

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

.listElement
{
	position:relative!important;
	display:block;
	margin:0 0 20px 0;
	text-decoration:none;
	overflow:hidden;
	background:#f6f6f6;
	box-sizing:border-box;
}

.listElement:hover
{
	background:#e5e5e5;	
}

.ctnImg 
{
	overflow:hidden;
}

.listElement .img, .cartoucheElement .img
{
	position:relative;
	display:block;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
	transition:all 0.5s;
}
.listElement .img:before, .cartoucheElement .img:before
{
	content:"";
	display:block;
	padding-top:60.53%;
}
.listElement:hover .img, .cartoucheElement:hover .img
{
	transform: scale(1.2);
}

.listElement h5, #intCtn .cartouche h5
{
	font-family:SBBWebLight;
	font-weight:normal;
	font-size:21px;
	color:#2c2c2c;
	margin:0 0 20px 0;
}

.listElement .resume, #intCtn .Zonetxt .colDroite .cartouche .content a
{
	color:#000000;
	font-size:15px;
	text-decoration:none;
	
}

#intCtn .Zonetxt .colDroite .cartouche .content
{
	transition : all 0.3s ease;
}

#homeCtn .listElement .resume
{
	display:none;
}
.listElement .resume
{
	padding:6px 0 20px 0;	
}

.listElement .txt, #intCtn .Zonetxt .colDroite .cartouche .txt
{
	display:block;
	position:relative;
	padding:8.3% 8.3% 11.16% 4.4%;
	overflow:hidden;
	text-align:left;
}

#intCtn .Zonetxt .colDroite .cartouche .txt
{
	padding:33px 0 10% 0;
	
}

#intCtn .Zonetxt .colDroite .cartouche .withArrow .move
{
	position:relative!important;
	left:0;
}

.withArrow .move
{
	position:absolute!important;
	bottom:5px;
	left: 4.4%;
	transition: padding 0.3s ease;
	padding-right:30px;

}

.enfocus {
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    color: #0099ff;
	font-family: SBBWeb;
}

.echu {
    font-size: 14px;
	font-family: SBBWeb;
    font-style: italic;
    font-weight: normal;
    color: #ff9900;
}

/* ZONE HTML */
.htmlcontent, .withList .T2 .htmlcontent 
{
	/*overflow:hidden;*/
	padding:0 5% 30px 5%;
}
.htmlcontent input[type!=button]
{
	width:100%;
}

.paddingHTML .htmlcontent
{
	padding:0;
}

.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 25px 0;
    font-weight: normal;
    font-size:21px;
	color:#c60018; 
	font-family:SBBWebLight;
}

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


A
{
    text-decoration: underline;
	 color:#2c2c2c;
}

A:hover
{
	color:#c60018;
}

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

UL
{
	padding: 0px 0px 7px 13px;
	margin:0px 0px 0px 3px;
}

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:641px)
{
	#intCtn, #homeCtn
	{
		padding-top:130px;
		padding-bottom:105px;
	}
	

	
	.withList #intCtn:not(.T2) .Zonetxt, .withListExtranet #intCtn .Zonetxt
	{
		padding:0 12.5% 0 12.5%
	}
	
	.withArrow .move
	{
		bottom:10%;	
	}
	
	#intCtn .accrocheImg:before
	{
		padding-top:35.98%;
	}
	
	#intCtn .Zonetxt
	{
		padding:0 8.3% 0 8.3%
	}
	
	#intCtn .Zonetxt .colGauche
	{
		padding-right:11.8%;
		width:70.66%;
		box-sizing:border-box;
		float:left;
	}
	
	#intCtn .Zonetxt .colDroite
	{
		width:29.34%;
		float:left;
		margin-top:0;
	}
	
	.headCtn, .Zonetxt .first, .paddingHTML, .paddingPDF, #infosrando
	{
		padding:0;
	}
	
	.home .headCtn
	{
		margin-bottom:77px;
	}
	
	.home .headCtn h2
	{
		text-align:center;
	}
	
	h1.first, .withList .T2 h1.first, .withList .T2 .headCtn h2
	{
		font-size:39px;
		width:58.74%;
		margin:77px 0 30px 0;
	}
	
	.withList h1.first, .withList .headCtn h2,
	.withListExtranet h1.first, .withListExtranet .headCtn h2
	{
		text-align:center;
		width:100%;
		/*margin:0;*/
	}
	
	.htmlcontent, .withList .T2 .htmlcontent 
	{
		padding:0 0 30px 0;
	}
	.withList .htmlcontent, .withListExtranet .htmlcontent
	{
		padding:50px 0 30px 0;
	}
	
	
	.home .headCtn h1
	{
		font-size:37.5px;	
		text-align:center;
	}

	.headCtn .img
	{
		width:40%;
		float:left;
		margin-right:20px;
	}

	.listElement
	{
		float:left;
		width:33%;
		height:532px;
		margin:0 0.43% 7px 0;
	}
	.listElement:nth-child(3n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}

	.listElement .img
	{
		float:none;
		width:100%;
	}
	
	.listElement .resume, #homeCtn .listElement .resume
	{
		display:block;
		padding:6px 0 20px 0;	
	}
	
	#intCtn .cartouche .listElement
	{
		width:100%;
		margin:0;
	}

	
	#intCtn .cartouche .listElement .txt
	{
		padding:0;
		margin-top:29px;
	}
	
	#intCtn .cartouche .date, .listElement .date
	{
		font-size:13px;
		color:#767676;		
		display:block;
		padding-top:5px;
	}
	
	#intCtn .cartouche a.more
	{
		display:inline-block;
		padding-top:30px;	
		text-align:right;
		width:100%;	
		text-decoration:underline!important;
	}
	
}

@media only screen and (min-width:1000px)
{
	.paddingSite
	{
		padding:0 8.6% 0 8.6%;
	}
	
	#intCtn .Zonetxt
	{
		padding:0;
	}
		
	/*Style footer*/
	#footer .zone1 .txt
	{
		display:block;		
	}
	#footer .zone1 .txt a
	{
		display:inline-block;
	}
	#footer .zone1
	{
		height:422px;
		padding-top:77px;
	}
	
	#footer .zone1 > div:not(.divwrapper)
	{
		float:left;
		width:23.32%;
		margin-right:2.8%;
		box-sizing:border-box;
	}
	
	#footer .zone1 .titre
	{
		padding:0 0 28px 0;
	}
	
	#footer .zone1 .logos
	{
		position:absolute;
		right:8.6%;
		margin-right:10px!important;
		top:210px;
		width:auto!important;
		float:none!important;
		display:block;	
	}
	
	#footer .zone1 .minus, #footer .zone1 .plus
	{
		display:none;
	}
	
	#footer .zone1 .answer
	{
		display:block;
		margin:0;
		padding:0;
		overflow:visible;
	}
	/*Fin style footer*/
}

@media only screen and (min-width:1400px)
{
	#intCtn .Zonetxt
	{
		padding:0 8.3% 0 8.3%
	}
	
	/*Style footer*/
	
	#footer .zone2 > div:nth-child(1) 
	{
		float:right;
		width:calc(100% - 142px);
		
	}
	
	#footer .zone2 > div:nth-child(2) 
	{
		float:left;
		width:142px;
		padding: 0;
	}
	
	#footer .zone2 > div:nth-child(2) .logos, #footer .zone2 > .logos
	{
		display:none;
	}
	
	#footer .zone2 .logos
	{
		padding:0;
	}
	
	/*Menu du fond*/
	#footer .zone2 > div:nth-child(1) > div:nth-child(2)
	{
		float:right;
		padding-top:44px;
		width:calc(100% - 142px - 220px);
	}
	
	#footer .zone2 > div:nth-child(1) > div:nth-child(1)
	{
		float:right;
		padding-top:46px;
		width:220px;
		display:block;
	}

	/*Fin style footer*/
	
}

@media only screen and (min-width:1560px)
{
	#zoneTop
	{
		height:130px;
	}

	#zoneTop .menuService a
	{
		margin-left:19px;
	}
	
	#zoneTop .menuService a:nth-child(3)
	{
		display:inline-block;
	}
	
	#zoneTop .menuService span
	{
		display:inline-block;
	}
	
	#zoneTop .relZone > div:nth-child(1)
	{
		top:47px;
	}
}


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

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

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; /*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[type=text], input[type=password], textarea, select, input[type=file], input
{
   	border:2px solid #cacaca;
	background:#FFFFFF;
	padding:5px;
	width:100%;
	margin-bottom:10px;
	font-family: SBBWeb;
    font-size: 15px;
    color:#2c2c2c;
	box-sizing:border-box;
}
/* Pour contrer le style IOS par défaut des boutons et champs texte, si il manque des types d'input les rajouter */
input[type=text], input[type=password], input[type=submit] {
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

button[type=submit], input[type=submit]
{
	background:#eb0000;
	font-size:15px;
	color:#FFFFFF;
	border:0;
	padding:15px;
	width:100%;
	margin-bottom:10px;
	cursor:pointer;
	overflow: hidden;
	transition: all 0.3s ease;
}

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

.htmlcontent button[type=submit], .htmlcontent input[type=submit]
{
	width:50%
}

button[type=submit]:hover
{
	background:#c60018!important;
	transition: all 0.3s ease;
}

button[type=submit] .arrow.Right
{
	fill:#ffffff;
	right: 16%;
	opacity:1;
	transition: all 0.3s ease;
}

button[type=submit] .arrow.Left
{
	fill:#ffffff;
	left:-50px;
	opacity:0;
	transition: all 0.3s ease;
}

button[type=submit].withArrow:hover .arrow.Left
{
	left: 16%;
	opacity:1;
	transition: all 0.3s ease;
}

button[type=submit].withArrow:hover .arrow.Right
{
	right:-50px;
	opacity:0;
	transition: all 0.3s ease;
}



input[type=checkbox], input[type=radio]
{ 
  border: none; 
  background-color:transparent;
	width:auto;
	padding:0;
	margin:0;	

}
/*-- 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;
	box-sizing: border-box;
}

.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;
	box-sizing: border-box;
}

.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;
	box-sizing: border-box;
}
	
.zoneMenu
{
	margin:0px ;
	padding: 0px ;	
	position:absolute; 
	top:-35px;
	left:-1px;
	width:100%;
	box-sizing: border-box;
}

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

.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*/
	box-sizing: border-box;
}

.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*/	
	box-sizing: border-box;
}
.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 ********************/#tableSearchAvarie legend, #formExportAvarieNina legend
{
	font-family: SBBWeb;
    font-size: 13px;
    color:#2c2c2c;
	text-transform:uppercase;
}

#tableViewAvarie TD,
#tableEditAvarie TD
{
	padding-top:7px;
	padding-bottom:7px;
}

#tableEditAvarie TD.disabled input[type="text"]
{
	color:#666666;
}

#tableViewAvarie TD.etat
{
	font-style:italic;
	font-weight:bold;
}

#tableViewAvarie TD.etat_1		/* Arrêté */
{
	color:#e80a23;
}

#tableViewAvarie TD.etat_2		/* Réparé */
{
	color:#009900;
}

#tableViewAvarie TD.etat_0		/* En exploitation */
{
	color:#ff6633;
}

#tableViewAvarie TR 
{
	vertical-align:top;
}

#tableViewAvarieEtape TD.tdContextMenu
{
	width:20px;	
}

#tableViewAvarieEtape TD.tdDate,
#tableViewAvarieEtape TD.tdUtilisateur,
#tableViewAvarieEtape TD.tdAction
{
	border-bottom:1px solid #999999;
}

#tableViewAvarieEtape TD.tdDate
{
	width:90px;
	font-weight:bold;
	font-size:12px;
}

#tableViewAvarieEtape TD.tdUtilisateur
{
	font-size:11px;
}

#tableViewAvarieEtape TD.tdDescription
{
	padding-top:6px;
	padding-bottom:6px;
}

#tableViewAvarieEtape TD.etatEtape_0,
#tableViewAvarieEtape TD.etatEtape_1,
#tableViewAvarieEtape TD.etatEtape_2,
#tableViewAvarieEtape TD.etatEtape_3
{
	font-weight:bold;
	font-style:italic;
	font-size:11px;
}

#tableViewAvarieEtape TD.etatEtape_3
{
	color:#009900;
}

.divEtat
{
	float:left;
	width:180px;
}

.ui-content.listonly #formSearchAvarie
{
	margin-left:-13px;
	margin-right:-13px;
	padding:7px 12px 7px 12px;
	border:1px solid #000000;
	background:#ffffff;
}

#tableViewAvarieEtape a
{
	float:left;
	text-decoration:none;
}

#tableViewAvarieEtape .icone
{
	width:32px;
	height:32px;
	fill:currentColor;
}

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

	/*New design*/
	#avarieList .ListDesignAvarie > div > div:nth-child(1)
	{
		width: calc(9.62% - 13px);
		padding-right:1%!important;
		padding-left:13px!important;
		height:auto;
		overflow:visible!important;
	}
	
	#avarieList .ListDesignAvarie > div > div:nth-child(2)
	{
		width:10.44%;
		padding-right:1.9%!important;
	}
	
	#avarieList .ListDesignAvarie > div > div:nth-child(3)
	{
		width:20.1%;
		padding-right:1.9%!important;
	}
	
	#avarieList .ListDesignAvarie > div > div:nth-child(4)
	{
		width:29.26%;
		padding-right:1.9%!important;
	}
	
	#avarieList .ListDesignAvarie > div > div:nth-child(5)
	{
		width:8.41%;
		padding-right:1.9%!important;
	}
	
	#avarieList .ListDesignAvarie > div > div:nth-child(6)
	{
		width:8.87%;
		padding-right:1.9%!important;
	}
	
	#avarieList .ListDesignAvarie > div > div:nth-child(7)
	{
		width:1.8%;
	}
	
}

.ListDesignAvarie div.infos.asuivre, .legend.asuivre:before
{
	background: #FFFA83;
}
.ListDesignAvarie div.infos.noetape, .legend.noetape:before
{
	background-color:#ffcccc;
	border-bottom:1px solid white;
}

.legendctn
{
	float:left;
	overflow: auto;
	position:relative;
	margin-top: -30px;
}
.legendctn:after
{
	content: "";
	clear: both;
	display: block;
}
.legendctn .legend
{
	float:left;
	margin-right:20px;
	font-size:14px;
	font-weight:bold;
}
.legendctn .legend:before
{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:14px;
	height:14px;
	border:1px solid #000000;
	margin-right:5px;
}
.legendctn .legend > span
{
	display:inline-block;
	vertical-align:middle;
}

@media only screen and (max-width:640px)
{
	.legendctn
	{
		float:none;
		margin-bottom:50px;
		margin-top:-20px;
	}
	.legendctn .legend
	{
		margin-right:10px;
	}
	.legendctn .legend:before
	{
		margin-right:3px;
	}
}

#formViewAvarie th
{
	padding:7px 0 7px 0;
}
#formExportAvarieDomino legend
{
	font-family: SBBWeb;
    font-size: 13px;
    color:#2c2c2c;
	text-transform:uppercase;
}
#msgAvarie
{
	padding-top:30px;
}
#msgAvarie div.no
{
	display:inline-block;
	width:35%;
	box-sizing:Border-box;
}

#tableSearchAvarie legend
{
	font-family: SBBWeb;
    font-size: 13px;
    color:#2c2c2c;
	text-transform:uppercase;

}
#tableViewAvarie TD,
#tableEditAvarie TD
{
	padding-top:7px;
	padding-bottom:7px;
}

#tableEditAvarie TD.disabled input[type="text"]
{
	color:#666666;
}

#tableViewAvarie TD.etat
{
	font-style:italic;
	font-weight:bold;
}

#tableViewAvarie TD.etat_1		/* Arrêté */
{
	color:#e80a23;
}

#tableViewAvarie TD.etat_2		/* Réparé */
{
	color:#009900;
}

#tableViewAvarie TD.etat_0		/* En exploitation */
{
	color:#ff6633;
}

#tableViewAvarie TR 
{
	vertical-align:top;
}

#tableViewAvarieEtape TD.tdContextMenu
{
	width:20px;	
}

#tableViewAvarieEtape TD.tdDate,
#tableViewAvarieEtape TD.tdUtilisateur
{
	border-bottom:1px solid #999999;
}

#tableViewAvarieEtape TD.tdDate
{
	width:90px;
	font-weight:bold;
	font-size:12px;
}

#tableViewAvarieEtape TD.tdUtilisateur
{
	font-size:11px;
}

#tableViewAvarieEtape TD.tdDescription
{
	padding-top:6px;
	padding-bottom:6px;
}

#tableViewAvarieEtape TD.etatEtape_0,
#tableViewAvarieEtape TD.etatEtape_1,
#tableViewAvarieEtape TD.etatEtape_2,
#tableViewAvarieEtape TD.etatEtape_3
{
	font-weight:bold;
	font-style:italic;
	font-size:11px;
}

#tableViewAvarieEtape TD.etatEtape_3
{
	color:#009900;
}

.divEtat
{
	width:100%;
}

#btnBackToList, #btnFilter, #btnAnnoncer, #btnExport
{
	width:100%;
}

#avarieList, #avariedominoList
{
	width:95%;
}

#msgDerangementDetail
{
	padding-top:5px;
	margin-left:5px;
	color:#e80a23;
	font-weight:bold;
	display:block;
}

@media only screen and (min-width:641px)
{
	.divEtat
	{
		float:left;
		width:50%;
	}
	
	#btnBackToList, #btnFilter, #btnAnnoncer, #btnExport
	{
		width:40%;
	}
	
	#avarieList, #avariedominoList
	{
		width:100%;
	}
	
}


#tableListEvenement a, #tableViewAvarieEtape a
{
	float:left;
	text-decoration:none;
}

#tableListEvenement .icone, #tableViewAvarieEtape .icone
{
	width:32px;
	height:32px;
	fill:currentColor;
}

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

	/*New design*/
	#avariedominoList .ListDesignAvarie > div > div:nth-child(1)
	{
		width: calc(8.22% - 13px);
		padding-right:1%!important;
		padding-left:13px!important;
		height:auto;
		overflow:visible!important;
	}
	
	#avariedominoList .ListDesignAvarie > div > div:nth-child(2)
	{
		width:11.84%;
		padding-right:1.9%!important;
	}
	
	#avariedominoList .ListDesignAvarie > div > div:nth-child(3)
	{
		width:7%;
		padding-right:1.9%!important;
	}
	
	#avariedominoList .ListDesignAvarie > div > div:nth-child(4)
	{
		width:20.1%;
		padding-right:1.9%!important;
	}
	
	#avariedominoList .ListDesignAvarie > div > div:nth-child(5)
	{
		width:20.36%;
		padding-right:1.9%!important;
	}
	
	#avariedominoList .ListDesignAvarie > div > div:nth-child(6)
	{
		width:8.41%;
		padding-right:1.9%!important;
	}
	
	#avariedominoList .ListDesignAvarie > div > div:nth-child(7)
	{
		width:8.87%;
		padding-right:1.9%!important;
	}
	
	#avariedominoList .ListDesignAvarie > div > div:nth-child(8)
	{
		width:1.8%;
	}
	
}
/*****************/
/** 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; }#homeCtn
{
	position:relative;
	z-index:0;
}

#homeCtn .paddingSite > div:nth-child(1), #homeCtn .paddingSite > div:nth-child(2),#homeCtn .paddingSite > div:nth-child(4),#homeCtn .paddingSite > div:nth-child(5)
{
	padding:0 8.6% 0 8.6%;
}
#homeCtn .titreChoix
{
	text-align:center;	
	margin-top:68px;
}

#homeCtn .titreChoix span
{
	font-size:26px;
	color:#000000;
	font-family:SBBWebLight;
	display:inline-block;
	padding-bottom:10px;
	cursor:pointer;
	
}

#homeCtn .titreChoix span:nth-child(1)
{
	border-bottom:1px solid #000000;
	margin-bottom:20px;
}

#homeCtn .titreChoix span:hover
{
	border-bottom:1px solid #000000;
}

#homeCtn .choix2 
{
	display:none
}

#newsHome .withArrow .move
{
	bottom:5%;
}

#loisirHome .titreLoisirHome
{
	text-align:center;
	font-weight: normal;
	font-family:SBBWebThin;
	font-size:30px;
	color:#000000;	
	margin:80px 0 55px 0;
}

#loisirHome .titreLoisirHome span:nth-child(1)
{
	display:block;
	font-size:80px;
	line-height:80px;
	
}

#loisirHome .listElement
{
	margin-right:0;
	width:100%;
	margin:0;
	height:auto;	
	transition: all 0.5s ease;
}

#loisirHome .listElement .img:before
{
	padding-top:61.39%;
}

#loisirHome .listElement .black
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#000000;
	opacity:0.2;
	z-index:1;
	
}

#loisirHome .listElement:hover .black
{
	opacity:0.6;
}

#loisirHome .listElement:hover .img
{
	filter: blur(10px)  ;
      -webkit-filter: blur(10px) ;
      -moz-filter: blur(10px);
      -o-filter: blur(10px);
      -ms-filter: blur(10px);[/i];
	
}

#loisirHome .listElement .txt
{
	position:absolute;
	z-index:2;
	top:45%;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	padding:0 5% 0 5%;
	box-sizing:border-box;
	vertical-align:middle;	
	transition: all 0.5s ease;
}

#loisirHome .listElement .txt h5
{
	font-weight:bold;
	font-size:22px;
	color:#FFFFFF;
}

#loisirHome .listElement .txt .resume
{
	opacity:0;
	color:#FFFFFF;
	transition: all 0.5s ease;
}

#loisirHome .listElement:hover .txt
{
	top:40%;
}

#loisirHome .listElement:hover .txt .resume
{
	opacity:1;
}

@media only screen and (min-width:641px)
{
	#homeCtn .titreChoix span:nth-child(1)
	{
		margin-right:48px;
		margin-bottom:0;
	}
	
	#homeCtn .ctnChoix
	{
		height:127px;
	} 

	#loisirHome .titreLoisirHome span:nth-child(1)
	{
		font-size:119px;
		line-height:120px;
	}
	
	#loisirHome .titreLoisirHome
	{
		font-size:40px;
	}

	#loisirHome .listElement
	{
		width:50%;
	}
	
	#homeCtn .paddingSite > div:nth-child(1), #homeCtn .paddingSite > div:nth-child(2),#homeCtn .paddingSite > div:nth-child(4),#homeCtn .paddingSite > div:nth-child(5)
	{
		padding:0;
	}
	
}

@media only screen and (min-width:1000px)
{
	#loisirHome .listElement
	{
		width:33.33%;
	}
}

#documentList
{
	padding-top:62px;
	position:relative;
}

#documentList .documents
{
	position:absolute;
	top:0;
	left:15px;
	z-index:1;
}

#documentListCtn
{
	position:relative;
	display:block;
	text-decoration:none;
	overflow:hidden;
	border:0;	
	width:85%;
	margin:0;
}


#documentListCtn .listElement
{
	margin:0 0 20px 0!important;
	overflow:visible;
	position:relative;
	display:block;
	float:none;
	width:auto;
	height:auto;
	padding:0;
	background:none;
}

#documentListCtn .listElement h5
{
	margin:0;
}

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

#documentListCtn .listElement .icone
{
	display:block;
	height:42px;
	float:left;
	
}

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

#documentListCtn .listElement .icone.Pdf
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat;
	width:37px;
	margin-right:19px;
}

#documentListCtn .listElement .icone.PdfOver
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat -44px 0px;
}

#documentListCtn .listElement .icone.Excel
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat -116px 0px;
	width:36px;
	margin-right:20px;
}

#documentListCtn .listElement .icone.ExcelOver
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat -157px 0px;
}

#documentListCtn .listElement .icone.File
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat -228px 0px;
	width:31px;
	margin-right:25px;
}

#documentListCtn .listElement .icone.FileOver
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat -267px 0px;
}

#documentListCtn .listElement .icone.Html
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat -334px 0px;
	width:39px;
	margin-right:17px;
}

#documentListCtn .listElement .icone.HtmlOver
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat -384px 0px;
}

#documentListCtn .listElement .icone.PPT
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat -454px 0px;
	width:36px;
	margin-right:20px;
}

#documentListCtn .listElement .icone.PPTOver
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat -499px 0px;
}

#documentListCtn .listElement .icone.Word
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat -571px 0px;
	width:37px;
	margin-right:19px;
}

#documentListCtn .listElement .icone.WordOver
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat -617px 0px;
}

#documentListCtn .listElement .icone.Zip
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat -695px 0px;
	width:32px;
	margin-right:24px;
}

#documentListCtn .listElement .icone.ZipOver
{
	background:url(/plugin/document/template/image/pictos.gif) no-repeat -741px 0px;
}

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

#faqListCtn .listElement, .listElementDetail
{
	width:auto;
	float:none;
	margin:0px 0px 4px 0px;
	background:none;
	height:auto;
	box-sizing:border-box;
}

#footer .listElementDetail
{
	margin:0;
}

#faqListCtn .listElement .icone, .listElementDetail .icone, .cartouche .icone
{
	border:1px solid #a8a8a8;
	border-radius:60%;
	fill:#a8a8a8;
	width:19px;
	height:19px;
	position:absolute;
	right:33px;
	top:calc(50% - 10px);
}

.cartouche .content .icone
{
	border:0;
	border-radius:0;
}

.cartouche .icone
{
	top:0px;
	right:0px;
}

#faqListCtn .listElement .question, .listElementDetail .question
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:23px 63px 28px 19px;
	background:#f6f6f6;

}

#footer .listElementDetail .question
{
	background:none;
	padding:0;
}

#faqListCtn .listElement .question .minus, #faqListCtn .listElement .question.open .plus,
.listElementDetail .question .minus, .listElementDetail .question.open .plus
{
	display:none;
}

#faqListCtn .listElement .question.open .minus, .listElementDetail .question.open .minus
{
	display:block;
}

#faqListCtn .listElement .question h5, .listElementDetail .question h5
{
	color:#2c2c2c;
	font-size:21px;
	font-family:SBBWebLight;
	margin:0px;
	font-weight:normal;
}

#faqListCtn .listElement .question.open, #bodyprint #faqListCtn .listElement .question,
.listElementDetail .question.open, #bodyprint .listElementDetail .question
{
	background:#FFFFFF;
}

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

#faqListCtn .listElement .answer, .listElementDetail .answer
{
	display:none;
	margin:0 63px 18px 33px;
	padding-top:23px;
	overflow:hidden; /*pour pas que le html déborde*/
}

.listElementDetail .answer.carte
{
	margin:0;
}

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

@media only screen and (min-width:641px)
{
	.listElementDetail .answer.carte
	{
		margin:0 63px 18px 33px;
	}
}
#galleryimageListCtn
{
	margin-top:20px;	
}

#galleryimageListCtn .listElement
{
	width:auto;
	height:auto;
	box-sizing:border-box;
	padding:5px;
	border:0px;
	background:#eceded;
	margin:0 0 10px 0;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	overflow:visible;
}

#galleryimageListCtn .listElement:hover .img
{
	transform:none;
}

#galleryimageListCtn .listElement .img
{
	width:100%;
	float:none;
	/*-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
{
	display:block;
	margin:7px 0px 2px 0px;
}

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

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

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

#GareView .colLeft, #GareView .colRight
{
	box-sizing:border-box;
}

#GareView .colLeft
{
	font-weight:bold;
}


#GareView .heavy
{
	font-weight:bold;
}


#GareView td, #GareView th
{
	padding:5px;
	border:1px solid #e3e3e3;
	box-sizing:border-box;
}

#GareView #googlemapDisplayContextMenu td, #GareView #googlemapDisplayContextMenu th 
{
	padding:0;
	border:0;
}




 #GareView th
{
	border-bottom:0;
}

#GareView .header
{
	text-align:center;
	padding-bottom:10px;
}

#GareView .tablePRail .responsivedtbody .header
{
	text-align:left;
}

#GareView .margebottom
{
	margin-bottom:10px;
}

#GareView .tablePRail span
{
	display:inline-block;
	width:30%;
	box-sizing:border-box;
	text-align:center;
	
}

#GareView .tablePRail .responsivedtbody span
{
	text-align:left;
}

@media only screen and (min-width:641px)
{
	#GareView .colLeft, #GareView .colRight
	{
		float:left;
	}

	 #GareView .colRight
	{
		width:70%;
	}

	#GareView .colLeft
	{
		width:30%;
		padding-right:20px;
	}
}#googleMapsLink
{
	display:none;
}
.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;
}

@media only screen and (min-width:641px)
{
	#googleMapsLink
	{
		display:block;
	}
}

#btnSearchCorrespondance button
{
	width:100%;	
}

#zoneHoraire .content, #zoneHoraire .content input
{
	color:#565656;
	font-size:16px;
}

#homeCtn #zoneHoraire .content form > div:nth-child(6)
{
	margin:0;
}

#homeCtn #zoneHoraire
{
	padding-top:50px;		
}

#zoneHoraire input
{
	border:2px solid #cacaca;
	background:#FFFFFF;
	padding:14px;
	width:100%;
	margin-bottom:10px;
}

#zoneHoraire input.date, #intCtn #zoneHoraire  .cartouche .date
{
	width: calc(50% - 5px);
	display:inline-block;
	box-sizing:border-box;
	margin-right:10px;
	font-size:16px!important;
}


#zoneHoraire .content  div:nth-child(6)
{
	margin:5px 0 5px 0;
}

#zoneHoraire input[type=radio]
{
	display:inline-block;
	width:auto;
}

#zoneHoraire button[type=submit]
{
	background:#eb0000;
	font-size:15px;
	color:#FFFFFF;
	border:0;
	padding:15px;
	width:100%;
	margin-bottom:10px;
	cursor:pointer;
	overflow: hidden;
}

#homeCtn #zoneHoraire button[type=submit]
{
	padding:16px;
}

#zoneHoraire button.withArrow, .buttonInForm button.withArrow
{
	position:relative;
	transition: padding 0.3s ease;
}
#zoneHoraire button.withArrow:hover, .buttonInForm button.withArrow:hover
{
	padding-right:0;
	padding-left:30px!important;
	background:#c60018!important;
}
.arrow
{
	height:29px;
	width:29px;
	position:absolute;
	bottom:calc(50% - 15px);	
}

#zoneHoraire button.withArrow:hover .arrow.Left, .buttonInForm button.withArrow:hover .arrow.Left
{
	left: 8%;
	opacity:1;
	transition: all 0.3s ease;
}

#zoneHoraire button.withArrow:hover .arrow.Right, .buttonInForm button.withArrow:hover .arrow.Right
{
	right:-50px;
	opacity:0;
	transition: all 0.3s ease;
}

#zoneHoraire .arrow.Right, .buttonInForm .arrow.Right
{
	fill:#ffffff;
	right: 8%;
	opacity:1;
	transition: all 0.3s ease;
}

#zoneHoraire .arrow.Left, .buttonInForm .arrow.Left
{
	fill:#ffffff;
	left:-50px;
	opacity:0;
	transition: all 0.3s ease;
}

@media only screen and (min-width:641px)
{
	#homeCtn #zoneHoraire
	{
		padding-top:0;		
	}
	#homeCtn #zoneHoraire .content
	{
		padding: 67px 0 0 0;
	}
	
	#homeCtn #zoneHoraire .content form > div:not(.divwrapper)
	{
		float:left;
		width:37%;
		margin-right:1.12%;
		box-sizing:border-box;
	}
	
	#homeCtn #zoneHoraire .content form > div:nth-child(6)
	{
		width:23.76%;
		margin:0;
	}
	
	#btnSearchCorrespondance button
	{
		width:70%;	
	}
	
	#horaireForPage select
	{
		margin-left:5px;		
	}
}

@media only screen and (min-width:1200px)
{
	#homeCtn #zoneHoraire .content
	{
		padding: 67px 10.75% 0 10.75%;
	}
}

@media only screen and (min-width:1500px)
{
	#homeCtn #zoneHoraire .content
	{
		padding: 67px 20.75% 0 20.75%;
	}
}

.clock {

  height: 100%;
  width:100%;
  position: relative;

}

.bgClock-container, .minutes-container, .hours-container, .seconds-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
		
}

.bgClock, .hours, .minutes, .seconds {
  height: 100%;
  width: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 50% 50%;
}


.seconds {
  z-index: 1;
  fill:#c71712;
}

@keyframes rotate {
  100% {
    transform: rotateZ(360deg);
  }
}

.hours-container {
  animation: rotate 43200s infinite linear;
}
.minutes-container {
  animation: rotate 3600s infinite linear;
}
.seconds-container {
  animation: rotate 60s infinite linear;
}/* Style pour plugin langsite */
.langsite
{
   color: #5e5e5e;
   text-decoration: none;
   font-size:13px;
	font-weight:normal;
	margin-right:3px;
}

.langsiteActiv
{
   color: #5e5e5e;
   text-decoration: none;
   font-size:13px;
	padding-bottom:5px;
	border-bottom: 1px solid #767676;
	margin-right:3px;
}
#zoneLinks
{
	background:#f6f6f6;
	padding:65px 0 75px 0;
	
}

#linksElementCtn
{
	/*padding:0 3.07% 0 3.07%;*/
	padding:0;
	width:100%;
	box-sizing:border-box;
	text-align:center;
}

#linksElementCtn .listElement
{
	background:#FFFFFF;
	float:none!important;
	display:block;
}

#linksElementCtn .listElement:hover
{
	background:#e5e5e5;	
}

#linksElementCtn .titre
{
	font-weight: normal;
	font-family:SBBWebThin;
	font-size:30px;
	color:#2c2c2c;
	margin:0 0 65px 0;
	text-align:center;
	width:100%;

}

@media only screen and (min-width:641px)
{
	#linksElementCtn
	{
		padding:0;
	}
	
	#linksElementCtn .titre
	{
		padding:0 3.07% 0 3.07%;
		box-sizing:border-box;
	}
	
	#linksElementCtn .listElement
	{
		float:left;
		width:24.50%;
		margin-right:1.44%;
		display:inline-block;
	}
}


@media only screen and (min-width:1200px)
{
	
	#linksElementCtn
	{
		padding:0 3.07% 0 3.07%;
	}
	
	#linksElementCtn .titre
	{
		padding:0;
	}
	
	#linksElementCtn .listElement
	{
		width:22.50%;
	}
	
	#linksElementCtn .listElement:nth-child(4n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}
	
	#linksElementCtn .titre
	{
		font-size:39px;
	}
}/*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;
}

#mainPanel.open #leftPanel
{
	-webkit-box-shadow: 10px 0px 5px 0px rgba(217,217,217,1);
	-moz-box-shadow: 10px 0px 5px 0px rgba(217,217,217,1);
	box-shadow: 10px 0px 5px 0px rgba(217,217,217,1);
}

#leftPanel
{
	display:block;
	position:absolute;
	box-sizing:border-box;
	top:0px;
	right:100%;
	width:80%;
	min-width:240px;
	height:100%;
	background:#FFFFFF;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:3;
	padding:20px 0 0 0;
	
}

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

/*style pour la boite de connexion membre*/
#leftPanel .membre 
{
	padding:0 10px 50px 3px;
	margin: 0px 10px 0 20px;
	overflow:hidden;
}
#leftPanel .membre a
{
	font-size:18px;
    color: #c60018;
    text-decoration: none;
    background: #FFFFFF;
}


/*fin style*/

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

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

#menuIcone
{
	display:inline-block;
	vertical-align:top;
	width:70px;
	height:17px;
	cursor:pointer;
	z-index:1;
}

#zoneTop #menuIcone
{
	position:absolute;
	left:0;
	top:30px;
	display:block;
	opacity:1;
	transition:all 0.5s ease;
	color:#444444;
	font-size:14px;
	text-decoration:none;
	
}

#zoneTop #menuIcone:hover
{
	color:#c60018;	
}


#menuIcone > div
{
	display:inline-block;
	vertical-align:middle;
}

#menuIcone > div:nth-child(2)
{
	display:none!important;
}

#menuIcone > span
{
	margin:0 15px 0 0;
	vertical-align:top;
	display:inline-block;
	
}

/* Effet ouverture et fermeture icone menu */
#nav-icon {
  width: 20px;
  height: 17px;
  position: relative;
	margin-right:10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span{
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #c60018;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 8px;
}

#nav-icon span:nth-child(4) {
  top: 16px;
	right:0;
	left:auto;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* FIN Effet ouverture et fermeture icone menu */

#leftPanel a.copy
{
	display:none;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
#menuMain .close, #menuExtraMain .close
{
	display:none;
}
#menuMain ul, #menuExtraMain ul
{
	margin:0 0 0 23px;
	padding:0px;
	font-size:18px;
	color:#444444;
}

#menuMain li, #menuExtraMain li
{
	list-style-type: none;
	padding-bottom:0px; /*compense le li de base*/
}
#menuMain li > a, #menuExtraMain li > a
{
	display:block;
	color:#444444;
	text-decoration:none;
	margin-bottom:22px;
	background:#FFFFFF;
}
#menuMain li > a:hover, #menuExtraMain li > a:hover,
#menuMain li > a.menuselected:not(.parent), #menuExtraMain li > a.menuselected:not(.parent)
{
	text-decoration:underline;
}

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

#menuMain .arrow, #menuExtraMain .arrow
{
	display:none;
}

/**************************************************/
/*Style pour le menuBottom */
/**************************************************/
#menuFooterMain ul
{
	display:none;
	position:absolute;
	margin:0;
	padding:10px 0 5px 0;
	color:#5e5e5e;
	font-size:12px;
}
#menuFooterMain ul.menu0
{
	display:block;
	position:relative;
	font-size:0;
	text-align:left;
	padding:0;
	background:none;
	
	/*Pour le menu centré*/
	float:none;
	text-align:center;
	width:100%;
}

#menuFooterMain li
{
	display:block;
	position:relative;
	list-style-type:none;
	padding:0px;
	background:none;
}
#menuFooterMain li.menu0
{
	display:inline-block;
	vertical-align:middle;
	padding-top:15px;
	
	/*Pour le menu centré*/
	text-align:center;
	float:none;
}

#menuFooterMain li > a
{
	display:block;
	position:relative;
	color:#5e5e5e;
	font-size:12px;
	text-decoration:none;
	padding:0 0 0 10px;
}

#menuFooterMain li.menu0:first-of-type > a
{
	padding-left:0;
}

#menuFooterMain li.menu0:last-of-type > a
{
	padding-right:41px;
	
}

#menuFooterMain ul.menu1 li > a
{
	min-width:140px;
}

#menuFooterMain ul.menu0 li > a:hover, #menuFooterMain ul.menu0 li > a.menuselected:not(.parent)
{
	color:#c60018
}

/**************************************************/
/*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;
	text-align:left;
}

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

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

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

.myArrowAdmin
{
	cursor:pointer;
	

}

.styleDivArrowAdmin
{
	float:left;
	padding-right:5px;
	padding-top:0px;
	position:relative;
	z-index:1010;
}
.styleDivArrowAdmin:hover{
	z-index:1011;
}

.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 only screen and (min-width:641px)
{
	#menuFooterMain li > a
	{
		padding:0 0 0 41px;
	}
}

/* MEDIA QUERIES */
@media only screen and (min-width:1560px)
{
	#leftPanel, #menuIcone
	{
		display:none;
	}
	
	#menuIcone
	{
		z-index:2;
	}
	
	#nav-icon span
	{
		background:#444444;		
	}
	
	#menuIcone > div:nth-child(2)
	{
		display:inline-block!important;
	}

	#zoneTop #menuIcone
	{
		left:271px;
		opacity:0;	
	}

	#zoneTop #menuIcone:hover span
	{
		background: #c60018;
	}	
	
	#menuIcone > div:nth-child(2)
	{
		display:block;
	}

	/**************************************************/
	/*Style pour le menu simple horizontal et vertical*/
	/**************************************************/
	/*REMARQUE: la notion ">" est indiquée dans les styles pour que les menu d'admin ne prenne pas le style des ul/li qui les contiennent */
	#menuMain .close, #menuExtraMain .close
	{
		display:block;
	}

	#menuMain ul.menu1 .arrow, #menuExtraMain ul.menu1 .arrow
	{
		display:inline-block;
	}

	#menuMain ul, #menuExtraMain ul
	{
		margin:0px;
		padding:0px;
		display:none;
		font-size:18px;
		color:#444444;
		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
		position:relative;
	}
	
	#menuMain ul.menu0, #menuExtraMain ul.menu0
	{
		display:block;
		min-height:43px;
	}
	
	#menuMain li > a, #menuExtraMain li > a
	{
		margin-bottom:2px;
	}

	#menuMain ul.menu0 > li:nth-child(1), #menuExtraMain ul.menu0 > li:nth-child(1)
	{
		margin-left:278px;
	}
	#menuMain ul.menu0:after, #menuExtraMain ul.menu0:after
	{
		content:"";
		display:block;
		clear:both;
	}
	
	#menuMain li, #menuExtraMain li
	{
		list-style-type: none;
		padding-bottom:0px; /*compense le li de base*/
	}
	
	#menuMain li > a:hover, #menuExtraMain li > a:hover,
	#menuMain li > a.menuselected:not(.parent), #menuExtraMain li > a.menuselected:not(.parent)
	{
		color:#c60018;
		text-decoration:none;
	}

	/*permet de définir tous les a même s'ils ne sont pas mentionnés*/
	#menuMain ul li > a, #menuExtraMain ul li > a
	{
		color:#444444;
		text-decoration:none;
		outline:none;
		background:transparent;
	}
	
	#menuMain li.menu0, #menuExtraMain li.menu0
	{
		display:block;
		float:left;
		margin-right:46px;
		height:43px;
		padding:0;
	}
	
	.admin #menuMain li.menu0, .admin #menuExtraMain li.menu0
	{
		
		margin-right:20px;	
		white-space:nowrap;	
	}

	#menuMain a.menu0, #menuExtraMain a.menu0
	{
		padding-bottom:26px;
		position:relative;
	}
	
	#menuMain a.menu0:after, #menuExtraMain a.menu0:after
	{
	   	content: "";
		height: 1px;
	    width: 0;
	    border: 0;
	    top: auto;
	    bottom: 0;
	    left: 50%;
	    position: absolute;
	    opacity: 1;
	    background: currentColor;
	    -webkit-transform: translate(-50%);
	    transform: translate(-50%);
	    -webkit-transition: width .25s ease-out;
	    transition: width .25s ease-out;
		
	}
	
	#menuMain a.menu0:hover:after, #menuExtraMain a.menu0:hover:after
	{
		width:100%;
	}
	
	#menuMain a.menu0.menuselected:after, #menuExtraMain a.menu0.menuselected:after
	{
		width:100%;
	}
	
	/*1er niveau: Effet rollover et actif des liens*/
	#menuMain a.menu0.menuHover, #menuExtraMain a.menu0.menuHover
	{
		color:#c60018;
	}
	
	
	/*2ème niveau: Couleur des ul*/
	#menuMain li.menu0 ul, #menuExtraMain li.menu0 ul
	{
		padding:55px 15px 40px 57px; 
		background: #f6f6f6;	
		position:absolute;
		width:100%;
		box-sizing:border-box;
		border-bottom: 8px solid rgba(0,0,0,.15);
		right:0;
		left:0;
	}
	
	#menuMain .close, #menuExtraMain .close
	{
		
		border-radius:50%;
		width:24px;
		height:24px;
		border:1px solid #666666;
		text-align:center;
		vertical-align:top;
		box-sizing:border-box;
		display:none;
		position:absolute;
		right:25px;
		top:15px;
		cursor:pointer!important;
	}
	
	#menuMain ul.menu0 li ul .close, #menuExtraMain ul.menu0 li ul .close
	{
		display:inline-block;		
	}
	
	#menuMain .close:hover, #menuExtraMain .close:hover
	{
		border:1px solid #c60018;	
	}
	
	#menuMain .close:hover .icone, #menuExtraMain .close:hover .icone
	{
		fill:#c60018;	
	}
	
	#menuMain .close .icone, #menuExtraMain .close .icone
	{
		width:17px;
		height:17px;	
		fill:#666666;	
	}
	
	#menuMain li.menu0 > ul, #menuExtraMain li.menu0 > ul
	{
		min-height:200px;
	}
	
	/*2ème niveau: style des li*/
	#menuMain li.menu1, #menuExtraMain li.menu1
	{
		display:block;
		float:left;
		width:16.71%;/*obligatoire si on veut que tout le li soit cliquable*/
		margin-right:3.8%;
		margin-bottom:0;
		position:relative;
	}
	
	/*2ème niveau : Style des liens "off" */
	#menuMain li.menu0 ul li > a, #menuExtraMain li.menu0 ul li > a
	{
		color:#000000;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
		border-bottom:1px solid #e5e5e5;
		padding:14px 0 11px 0;
		font-size:14px;
	}
	
	#menuMain li.menu0 ul li, #menuExtraMain li.menu0 ul li
	{
		
	}
	
	#menuMain li.menu0 ul li:nth-child(-n+3) > a, #menuExtraMain li.menu0 ul li:nth-child(-n+3) > a
	{
		border-top:1px solid #e5e5e5;
	}
	
	/*2ème niveau: Style des liens "on" */
	#menuMain ul.menu1 li > a.menuHover, #menuMain ul.menu1 li > a.menuselected,
	#menuExtraMain ul.menu1 li > a.menuHover, #menuExtraMain ul.menu1 li > a.menuselected
	{
		color:#000000;
		text-decoration:none;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
	}
	
	/*3ème niveau: style de sous-menu*/
	#menuMain li.menu1 ul, #menuExtraMain li.menu1 ul
	{
		position:relative;
		padding:7px 20px 7px 20px;
		display:block;
		margin-left:0!important;
		top:0!important;
		border:0;
	}
	
	#menuMain li.menu1 ul li a, #menuExtraMain li.menu1 ul li a
	{
		border:0!important;
	}
	
	#menuMain li.menu1 ul li svg, #menuMain li.menu1 ul .close,
	#menuExtraMain li.menu1 ul li svg, #menuExtraMain li.menu1 ul .close
	{
		display:none!important;
	}
	
	#menuMain a.menu1, #menuExtraMain a.menu1
	{
		padding-left:40px;
	}
	#menuMain a.menu2, #menuExtraMain a.menu2
	{
		
		padding-left:60px;
	}
	
	#menuMain .withArrow:hover, #menuExtraMain .withArrow:hover
	{
		padding-right:0;
		padding-left:30px!important;
	}
	
	#menuFooterMain ul.menu0
	{
		/*Pour le menu à droite*/
		text-align:right;
		width:auto;
	}
	
	#menuFooterMain li.menu0
	{
		padding-top:5px;
		
		/*Pour le menu à droite*/
		text-align:right;
	}
	
	
}#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
{
	
	background:#eb0000;
	font-size:15px;
	color:#FFFFFF;
	border:0;
	padding:10px!important;
	width:150px!important;
	margin-bottom:10px;
	cursor:pointer;
	overflow: hidden;
}

.btnConchita:hover
{
	background:#c60018;
}

.tdLogin
{

	vertical-align:top;
}

.txtPopupLoginConchita
{
	width:100%;
}
.newsDateList
{
	display:inline;
	color:grey;
	font-size:10px;
}

.newshidden
{
	color:#666666;
	font-size:10px;
}
/*STYLE POUR LE CARTOUCHE*/
.inputNewsletter

{
	background-color: transparent;
	border:0px;
}

.inputNewsletterError

{
	background-color: #FFE3E8;
}

.btnnewsletter
{
	background-color: transparent;
	border:0px;
	cursor:pointer;
}



.ListDesignAvarie
{
	font-size:13px;
}

#tableSearchNonConformite legend
{
	font-family: SBBWeb;
    font-size: 13px;
    color:#2c2c2c;
	text-transform:uppercase;
}

#tableDeclareEvenement tr,
#tableSearchNonConformite tr,
#tableEditEvenement tr
{
	vertical-align:top;
}

#tableDeclareEvenement td,
#tableSearchNonConformite td,
#tableEditEvenement td
{
	padding:5px;
}

#tableEditEvenement table
{
	margin:10px;
}

#tableEditEvenement textarea,
#tableEditEvenement input[type=text].longField
{
	width:280px;
}

#tableEditEvenement input[type=text].longFieldWithLoop
{
	width:240px;
}

#tableEditEvenement select
{
	width:285px;
}

#loginNonConformite
{
	width:100%;
}

#msgNonConformite
{
	width:100%;
	box-sizing:Border-box;
	padding-top:30px;
}

#msgNonConformite div.no
{
	display:inline-block;
	width:35%;
	box-sizing:Border-box;
}


#loginNonConformite .error
{
	color:red;
	font-size:12px;
}

#aNonConformite_commentaire_error
{
	width:100%;
	text-align:right;
}

.mandatory
{
	background-color:#d4d4d4 !important;
}

.mandatoryError
{
	background-color: #FFE3E8 !important;
  	border:1px dotted red;
}

#btnAnnoncer
{
	width:100%;
}

/*New design*/

.ListDesignAvarie div.entete
{
	display:none;
}
	
.ListDesignAvarie > div > div:nth-child(1)
{
	position:relative;
}

.ListDesignAvarie > div:not(.entete) > div:nth-child(1):before
{
	content:"";
	display:inline-block;
	background: #eb0000;
	width:3px;
	vertical-align:top;
	top:0;
	bottom:0;
	height:100%;
	left:0px;
	position:absolute;
}

.ListDesignAvarie > div:not(.entete) > div.termine:nth-child(1):before
{
	background: #d9d9d9;
}

.ListDesignAvarie div.infos > div:not(.divwrapper)
{
	border-bottom:1px solid #d9d9d9;	
	padding:12px 5% 12px 5%;
}
.ListDesignAvarie > div > div:not(.divwrapper)
{
	transition:all 0.3s ease;	
}


.ListDesignAvarie > div:nth-child(odd)
{
	background:#FFFFFF;
}

.ListDesignAvarie > div:nth-child(even)
{
	background:#f6f6f6;
}

#nonconformiteList.stdZoneFixed, #avarieList.stdZoneFixed, #avariedominoList.stdZoneFixed
{
	background-image:none;
	outline:none;
	border:0;
}

.ListDesignAvarie .btnIcones
{
	display:none;
}

.ListDesignAvarie .icone
{
	border:1px solid #a8a8a8;
	border-radius:60%;
	fill:#a8a8a8;
	width:20px;
	height:20px;
	cursor:pointer;
}

.ListDesignAvarie .icone:hover
{
	fill:#eb0000;
	border:1px solid #eb0000;
}

.ListDesignAvarie .minus
{
	display:none;
}

.ListDesignAvarie .admin .icone
{
	width:25px;
	height:25px;
}

.ListDesignAvarie span
{
	display:block;
	font-weight:bold;		
}

@media only screen and (min-width:1460px)
{
	#btnAnnoncer
	{
		width:50%;
	}	
	
	/*New design*/
	.ListDesignAvarie span
	{
		display:none;
	}

	.ListDesignAvarie div.entete
	{
		display:block;
	}

	.ListDesignAvarie div.entete div
	{
		font-weight:bold;
	}
	
	.ListDesignAvarie .btnIcones
	{
		display:block;
	}
	
	.ListDesignAvarie .admin a
	{
		display:inline-block;
		margin-top:5px;
	}
	
	.ListDesignAvarie .admin
	{
		display:none;
	}
	
	.ListDesignAvarie div.infos:hover .admin
	{
		display:block;
	}
	
	.ListDesignAvarie > div > div:nth-child(1)
	{
		width: calc(7.93% - 13px);
		padding-right:1%!important;
		padding-left:13px!important;
		height:auto;
		overflow:visible!important;
	}
	
	.ListDesignAvarie > div:not(.entete) > div:nth-child(1):before
	{
		height:28px;
		top:-6px;
		bottom:auto;
	}
	
	.ListDesignAvarie > div > div:nth-child(2)
	{
		width:19.88%;
		padding-right:1.9%!important;
	}
	
	.ListDesignAvarie > div > div:nth-child(3)
	{
		width:11.20%;
		padding-right:1.9%!important;
	}
	
	.ListDesignAvarie > div > div:nth-child(4)
	{
		width:10.97%;
		padding-right:1.9%!important;
	}
	
	.ListDesignAvarie > div > div:nth-child(5)
	{
		width:12.13%;
		padding-right:1.9%!important;
	}
	
	.ListDesignAvarie > div > div:nth-child(6)
	{
		width:8.3%;
		padding-right:1.9%!important;
	}
	
	.ListDesignAvarie > div > div:nth-child(7)
	{
		width:14.99%;
		padding-right:1%!important;
	}
	
	.ListDesignAvarie > div > div:nth-child(8)
	{
		width:2.76%;
	}
	
	.ListDesignAvarie div.entete, .ListDesignAvarie div.infos:last-child
	{
		border-bottom:1px solid #d9d9d9;	
	}
	
	.ListDesignAvarie div.infos > div:not(.divwrapper)
	{
		border-bottom:0;
		padding:0;
	}
	
	.ListDesignAvarie > div > div:not(.divwrapper)
	{
		max-height:36px;/*pour l'effet de transition*/
		min-height:36px;
		overflow:hidden;
		float:left;
		margin:27px 0 27px 0;	
	}

	.ListDesignAvarie div.entete > div:not(.divwrapper)
	{
		padding-top:40px;
		margin:0;
		height:50px;
		max-height:none;
	}	
	
	.ListDesignAvarie > div:nth-child(odd)
	{
		background:#f6f6f6;
	}
	
	.ListDesignAvarie > div:nth-child(even)
	{
		background:#FFFFFF;
	}
	
}
/*Style pour la recherche*/
#formSearchOffreSpeciale 
{
	margin:50px 0 20px 0;	
	padding:0 8% 0 8%;
}

#homeCtn #formSearchOffreSpeciale
{
	margin:0 0 20px 0;
	padding:50px 0 0 0;
} 

.centerWait
{
	text-align:center;
}

#formSearchOffreSpeciale #divCategories, #formSearchOffreSpeciale #divRegions, #formSearchOffreSpeciale #divOffres
{
	border:2px solid #cacaca;
	width:100%;
	margin-right:0;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
	padding:11px 10px 11px 10px;
	margin-bottom:10px;
	
}

#formSearchOffreSpeciale select
{
	color:#565656;
	font-size:16px;
	background:transparent;
	min-width:430px;
	z-index:1;
}

#formSearchOffreSpeciale #divCategories select, #formSearchOffreSpeciale #divRegions select, #formSearchOffreSpeciale #divOffres select 
{
	border:0;	
	padding:0;
	margin:0;
	z-index:1;
	position:relative;
}

#formSearchOffreSpeciale #divCategories:after, #formSearchOffreSpeciale #divRegions:after, #formSearchOffreSpeciale #divOffres:after
{
	content:"";
	box-sizing:border-box;
	border-top:7px solid #d1d1d1;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	position:absolute;
	right:15px;
	top:calc(50% - 3px);
	z-index:0;
}

#formSearchOffreSpeciale button[type=submit]
{
	background:#eb0000;
	font-size:15px;
	color:#FFFFFF;
	border:0;
	padding:14px 15px 15px 15px;
	margin-bottom:10px;
	cursor:pointer;
	overflow: hidden;
}

/*Fin Style pour la recherche*/


/*Style pour le view*/
.paddingHTML,.paddingCarte
{
	padding-top:30px;	
	padding-bottom:30px;
}

.paddingCarte:empty
{
	display:none;
}

/*Style pour les horaires*/
#stationboardDepart
{
	margin-bottom:30px;
}

#stationboardDepart th, #stationboardDepart td,
#stationboardArrivee th, #stationboardArrivee td
{
	box-sizing:Border-box;
}

#stationboardDepart .responsivedtbody th.depart, #stationboardArrivee .responsivedtbody th.depart,
#stationboardDepart .responsivedtbody th.train, #stationboardArrivee .responsivedtbody th.train,
#stationboardDepart .responsivedtbody th.voie, #stationboardArrivee .responsivedtbody th.voie,
#stationboardDepart .responsivedtbody th.retard, #stationboardArrivee .responsivedtbody th.retard
{
	color:#c60018;
}

#stationboardArrivee h5, #stationboardDepart h5
{
	color:#2c2c2c;
	font-size:21px;
	font-family:SBBWebLight;
	margin:0px 0px 10px 0px;
	font-weight:normal;
}

#stationboardDepart .title, #stationboardArrivee .title
{
	font-size:18px;
	margin-bottom:12px;
}

#stationboardDepart .direction, #stationboardDepart .depart, #stationboardDepart .train, #stationboardDepart .voie, #stationboardDepart .retard,
#stationboardArrivee .direction, #stationboardArrivee .depart, #stationboardArrivee .train, #stationboardArrivee .voie, #stationboardArrivee .retard 
{
	float:left;
	border-top:1px solid #ddd;
	padding-top:5px;
	padding-bottom:5px;
}

#stationboardDepart  tr:nth-of-type(even), #stationboardArrivee  tr:nth-of-type(even)
{
    background-color: #f9f9f9;
}

#stationboardDepart tr:hover, #stationboardArrivee  tr:hover
{
	background-color: #f3f3f3;
}

#stationboardDepart .noborder, #stationboardArrivee .noborder 
{
	border:0 !important
}

#stationboardDepart .direction, #stationboardArrivee .direction
{
	width:40%;
}

#stationboardDepart .depart, #stationboardArrivee .depart
{
	width:15%;
}

#stationboardDepart .train, #stationboardArrivee .train
{
	width:15%;
}

#stationboardDepart .voie, #stationboardArrivee .voie
{
	width:15%;
}

#stationboardDepart .retard, #stationboardArrivee .retard
{
	width:15%;
}

/*Fin style pour les horaires*/

/*Style pour la carte*/
#sentierMap
{
	position:relative;
	display:block;
	
}

#infosrando .colDroite
{
	margin-top:0!important;
}

#mapReduire
{
	display:none;
	position:fixed;
	left:10px;
	bottom:10px;
}

#mapButtons
{
	position:absolute;
	top:20px;
	right:10px;
}

#MapFullscreen, #LocalizeMe
{
	box-shadow:1px 1px 2px #888888;
}

#mapButtons a
{
	text-decoration:none!important;
}

#mapReduire, #MapFullscreen, #LocalizeMe
{
	border-radius:10px;
	background-color:#e80e23;
	padding:10px;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	z-index:999999;
	cursor:pointer;
}

#MapFullscreen
{
	display:none;
}

/*Fin Style pour la carte*/

/*style pour les picto des randonnées*/
#infosrando
{
	margin-top:15px;
}

#infosrando .randotype, #infosrando .randogare, #infosrando .randodistance, #infosrando .randodenivellation, #infosrando .randoduree
{
	height:40px;
	width:100%;
	box-sizing:border-box;
	margin-bottom:10px;
	padding-left:60px;
	position:relative;
	font-size:14px;
	line-height:40px;
}
#infosrando .randotype:before, #infosrando .randogare:before, #infosrando .randodistance:before, #infosrando .randodenivellation:before, #infosrando .randoduree:before
{
	content:"";
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	height:40px;
	width:40px;
	border-radius:6px;
}

#infosrando .randotype.velo:before
{
	background:url('/plugin/offrespeciale/template/image/velo.jpg') center left no-repeat;
	background-size:contain;	
}

#infosrando .randotype.pied:before
{
	background:url('/plugin/offrespeciale/template/image/pied.jpg') center left no-repeat;
	background-size:contain;	
}

#infosrando .randogare:before
{
	background:url('/plugin/offrespeciale/template/image/train.jpg') center left no-repeat;
	background-size:contain;	
}

#infosrando .randodistance:before
{
	background:url('/plugin/offrespeciale/template/image/distance.jpg') center left no-repeat;
	background-size:contain;	
}

#infosrando .randodenivellation:before
{
	background:url('/plugin/offrespeciale/template/image/denivellation.jpg') center left no-repeat;
	background-size:contain;	
}

#infosrando .randoduree:before
{
	background:url('/plugin/offrespeciale/template/image/duree.jpg') center left no-repeat;
	background-size:contain;	
}

/*Fin style pour les picto des randonnées*/

/*Style pour le PDF*/
.paddingPDF
{
	margin:10px 20px 0 0	
}

.paddingPDF a
{
	text-decoration:none;
}

#urlPDF
{
	display:none;	
}

/*Fin Style pour le PDF*/

@media only screen and (min-width:641px)
{
	#homeCtn #formSearchOffreSpeciale
	{
		padding:50px 0 0 0;
	}
	
	#formSearchOffreSpeciale #divCategories, #formSearchOffreSpeciale #divRegions, #formSearchOffreSpeciale #divOffres
	{
		width:26.17%;
		margin-right:0.8%;
		float:left;	
	}
	
	#formSearchOffreSpeciale button[type=submit]
	{
		width:18.91%;
		min-width:180px;
		padding-left:0;
	}
	
	#urlPDF
	{
		display:inline-block;
		text-align:right;
		border-radius:10px;
		background-color:#e80e23;
		padding:10px;
		font-size:14px;
		font-weight:bold;
		color:#ffffff;
		box-shadow: 1px 1px 2px #888888;
		
	}
	
	#MapFullscreen
	{
		margin-right:10px;
		display:inline-block;
	}
	
	#infosrando .colGauche
	{
		float:none!important;
		width:100%!important;
		padding:0!important;
	}
	
	#infosrando .colDroite
	{
		float:none!important;
		width:100%!important;
	}
}

@media only screen and (min-width:1000px)
{
	#homeCtn #formSearchOffreSpeciale
	{
		padding:50px 8% 0 8%;
	}
	
	#infosrando .colGauche
	{
		float:left!important;
		width:50%!important;
		padding:0!important;
	}
	
	#infosrando .colDroite
	{
		float:left!important;
		width:50%!important;
	}
}
/*Styles spécifiques du plugin page en T1 */#zonePrintSend
{
	display:none;
}


@media only screen and (min-width:641px)
{
	#zonePrintSend
	{
		margin:66px 0 58px 0;
		display:block;
		float:right;
	}
	
	#zonePrintSend a
	{
		display:block;
		float:left;
		height:18px;
		margin-right:12px;
	}
	
	#zonePrintSend a.impression
	{
		width:22px;
		background:url(/plugin/printsend/template/image/icones.png) no-repeat 0px -27px;
	}
	
	#zonePrintSend a.impression:hover
	{
		background:url(/plugin/printsend/template/image/icones.png) no-repeat 0px 0px;
	}
	
	#zonePrintSend a.mail
	{
		width:20px;
		background:url(/plugin/printsend/template/image/icones.png) no-repeat -35px -27px;
		
	}
	
	#zonePrintSend a.mail:hover
	{
		background:url(/plugin/printsend/template/image/icones.png) no-repeat -35px 0px;
	}
	
	a.addthis_button_compact
	{
		width:19px!important;
		height:19px!important;
	}
	.addthis_button_compact
	{
		
		background:url(/plugin/printsend/template/image/icones.png) no-repeat -64px -27px;
		margin-right:5px!important;
	}
	
	.addthis_button_compact:hover
	{
		background:url(/plugin/printsend/template/image/icones.png) no-repeat -64px 0px;
	}
	
	.addthis_button_compact img
	{
		width:19px;
		height:19px;
	}

}#zoneRegioBike button[type=submit]
{
	width:50%;
	margin-top:30px;
}

#zoneRegioBike select
{
	width:50%;
}

.attentionBold
{
	font-weight:bold;
	padding-left:5px;
	background-color:#FFCCCC;
}

.attentionNormal
{
	padding-left:5px;
	background-color:#FFCCCC;
}.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;	
}



#searchfulltext-box
{
	margin-top:30px;	
}

#searchfulltext-box > div:nth-child(1), #searchfulltext-box > div:nth-child(2)
{
	box-sizing:border-box!important;
	width:100%;
}

#searchfulltext-box > div:nth-child(1)
{
	box-sizing:border-box!important;
	
}

#searchfulltext-box button[type=submit]
{
	padding:9px;
	width:100%;
}

#searchLib
{
	font-size:9px;
	color:#777777;
	text-align:left;
	margin-top:3px;
	margin-bottom:3px;
		
}

.searchresult
{
	margin-bottom : 15px;
}

.navigation
{
	text-align:center;
	margin-top:60px;	
}

.navigation select
{
	width:auto;
}

.navigation .previous
{
	padding-right:30px;
}

.navigation .next
{
	padding-left:30px;
}

@media only screen and (min-width:641px)
{
	#searchfulltext-box > div:nth-child(1), #searchfulltext-box > div:nth-child(2)
	{
		float:left;
		width:30%;
	}
	
	#searchfulltext-box > div:nth-child(1)
	{
		width:calc(50% - 10px);
		margin-right:10px;
		
	}
	
	#searchfulltext-box button[type=submit]
	{
		width:100%;
	}
}/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5E0404;
	text-decoration:none;
}

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

}

.sm1
{
    FONT-SIZE: 14px;
    /*COLOR: #AB0404;*/
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;

}

.sm2
{
    FONT-SIZE: 13px;
    /*COLOR: #AB0404;*/
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;

}

.sm3
{
    FONT-SIZE: 12px;
    /*COLOR: #AB0404;*/
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}/*Style pour le montage*/
#sliderCtn
{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
	margin-top:40px;
	padding-bottom:40px;
}
#sliderCtn:before
{
	content:"";
	display:block;
	padding-top:67.40%;f
}

#sliderCtn .sliderElementCtn
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:calc(100% - 40px);
	overflow:hidden;
	background:url(/template/image/loading.gif) no-repeat center center;
	z-index:1;
}
#sliderCtn .sliderElementCtn .sliderElement
{
	position:absolute;
	z-index:0;
	width:100%;
	height:100%;
	display:none;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	padding:auto;
	
}
#sliderCtn .sliderElementCtn .sliderElement.sloganFixe
{
	width:428px;
	height:424px;
}
#sliderCtn .sliderElementCtn .sliderElement.current.sloganFixe
{
	z-index:11!important;
	display:block;
	opacity:1;
}
#sliderCtn .sliderElementCtn .sliderElement:not(.sloganFixe).current
{
	display:block;
	top:0;
	left:0;
	opacity:1!important; /*pour éviter de voir le fond pendant animation*/
	transition: all 0.3s ease;
}
#sliderCtn .sliderElementCtn .sliderElement.current:not(.sloganFixe):hover
{
	transform:scale(1.2)
	
}
#sliderCtn .cursor
{
	cursor:default;
}
/*Style pour les slogan*/
#sliderCtn .slogan.empty, #sliderCtn .prix.empty
{
	/*display:none;*/
	opacity:0;

}
 #sliderCtn .moveSlider.empty
{
	display:none;
}

/*Style pour les slogan*/
#sliderCtn .slogan
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	z-index:2;
	background:url(/plugin/slider/template/images/pastilleRouge.png) no-repeat;
	background-size:45%;
	width:428px;
	height:424px;
	box-sizing:border-box;
	padding:8% 60% 0 20px;
	transition:all 0.3s ease;
}

#sliderCtn .slogan span
{
	font-size:20px;
	color:#ffffff;
	font-family:SBBWebLight;
	text-decoration:none;
	display:block;
}
#sliderCtn .withArrow
{
	padding-left:auto;
	
}

#sliderCtn .withArrow .moveSlider
{
	font-size:15px;
	font-family:SBBWeb;
	top:auto;
	left:auto;
	bottom:auto;
	transition:all 0.3s ease;
	position:relative!important;
	margin-top:37px;
}

#sliderCtn .withArrow:hover .moveSlider
{
	padding-right:0;
	padding-left:30px;
	
}
	
#sliderCtn .withArrow .moveSlider .arrow
{
	fill:#ffffff;
	right:auto;
	
}


#sliderCtn .prix
{
	display:block;
	position:absolute;
	--top:30%;
	top:70px;
	--left:35%;
	left:180px;
	overflow:hidden;
	z-index:2;
	background:url(/plugin/slider/template/images/pastilleBlanche.png) no-repeat;
	background-size:45%;
	width:298px;
	height:240px;
	box-sizing:border-box;
	padding:30px 10px 0 10px;
	-webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition-delay: .8s;
    transition: .8s;
	transition:all 0.3s ease;
}

#sliderCtn .prix.active
{
	-webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);

}

#sliderCtn .prix > span
{
	display:block;
	color:#ca1b22;
	font-family:SBBWebLight;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}

#sliderCtn .prix span:nth-child(2)
{
	text-transform:none;
	font-size:11px;
}

#sliderCtn .prix > span:nth-child(2):before
{
	content:"";
	display:block;
	height:2px;
	background:#ca1b22;
	width:40%;
	margin-top:10px;
}

#sliderCtn .prix span .prixSlider
{
	font-weight:bold;
	font-size:40px;
}

#sliderCtn .prix span.prixSlider, #sliderCtn .prix span.up
{
	display:inline-block!important;
	vertical-align:top;
}

#sliderCtn .prix span.normal
{
	display:inline-block;
	vertical-align:bottom;
	margin:0 10px 15px 0;
}

#sliderCtn .prix span .up
{
	font-size:20px;
	font-weight:bold;
	margin-top:8px;
	margin-left:-5px;
}

/*Style pour les puces de navigation*/

#sliderCtn .haut
{
	position:absolute;
	background:url(/plugin/slider/template/images/triangleHaut.png) no-repeat top left;
	background-size:100% auto;
	top:0;
	left:0;
	z-index:10;
	width:100%;

}

#sliderCtn .bas
{
	position:absolute;
	background:url(/plugin/slider/template/images/triangleBas.png) no-repeat bottom left;
	background-size:100% auto;
	bottom:0;
	left:0;
	z-index:10;
	width:100%;

}
#sliderCtn .bas:before, #sliderCtn .haut:before
{
	content:"";
	display:block;
	padding-top:7.13%;
}

/*Style pour les puces de navigation*/
#sliderCtn #bullets {
	display:block;	
	position:absolute;
	bottom:0;
	z-index:4;
	width:80%;
	text-align:center;
}
#sliderCtn #bullets a {
	display:inline-block;
	width:12px;
	height:12px;
	background:url(/plugin/slider/template/images/bullets.jpg) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:8px;
	
}
#sliderCtn #bullets a:hover
{
	background:url(/plugin/slider/template/images/bulletOn.jpg) no-repeat;		
}
#sliderCtn #bullets a.active, #sliderCtn #bullets a.active:hover  {
	background:url(/plugin/slider/template/images/bullets.jpg) no-repeat;
	background-position:0 -15px;
	cursor:default;
}

@media only screen and (min-width:641px)
{
/*Style du slogan*/
	#sliderCtn .slogan
	{
		background-size:60%;
		padding: 8% 45% 0 20px;
		
	}
	
	#sliderCtn .slogan span
	{
		font-size:36px;
	}
	
	/*Style du prix*/
	#sliderCtn .prix
	{
		left:220px;
		padding:50px 10px 0 10px;
		background-size:60%;
	}
	
	#sliderCtn .prix > span
	{
		font-size:16px;
		
	}

	#sliderCtn .prix span:nth-child(2)
	{
		font-size:13px;
	}
	
	#sliderCtn .prix span .prixSlider
	{
		font-size:50px;
	}
	
	#sliderCtn .prix span .up
	{
		font-size:40px;
	}
	
	#sliderCtn .prix > span:nth-child(2):before
	{
		width:50%;
	}
}

@media only screen and (min-width:800px)
{
/*Style du slogan*/
	#sliderCtn .slogan
	{
		background-size:80%;
		padding: 80px 35% 0 20px;
		
	}
	
	/*Style du prix*/
	#sliderCtn .prix
	{
		left:260px;
		padding:50px 10px 0 10px;
		background-size:70%;
	}
}

@media only screen and (min-width:800px)
{
/*Style du slogan*/
	#sliderCtn .slogan
	{
		background-size:80%;
		padding: 80px 35% 0 20px;
		
	}
	
	/*Style du prix*/
	#sliderCtn .prix
	{
		left:260px;
		padding:50px 10px 0 10px;
		background-size:70%;
	}
}

@media only screen and (min-width:1000px)
{
	/*Style du slogan*/
	#sliderCtn .slogan
	{
		background-size:90%;
		padding: 100px 35% 0 20px;
		
	}
	
	/*Style du prix*/
	#sliderCtn .prix
	{
		top:180px;
		left:303px;
		padding:50px 10px 0 10px;
		background-size:229px auto;
	}
}

@media only screen and (min-width:1300px)
{
	#sliderCtn
	{
		/*padding-bottom:0;*/
		margin-bottom:55px;
		margin-top:90px;
	}

	#sliderCtn:before
	{
		content:"";
		display:block;
		padding-top:43.90%;

	}
	
	#sliderCtn #bullets a {
		margin-right:28px;		
	}
		
	/*Style du slogan*/
	#sliderCtn .slogan
	{
		background-size:100%;
		padding:125px 50px 0 45px;
		
	}
	
	#sliderCtn .slogan span
	{
		font-size:46px;
	}
	
	/*Style du prix*/
	#sliderCtn .prix
	{
		top:220px;
		left:383px;
	}
	
	#sliderCtn .prix > span
	{
		font-size:19px;
		
	}

	#sliderCtn .prix span:nth-child(2)
	{
		font-size:16px;
	}
	
	#sliderCtn .prix span .prixSlider
	{
		font-size:70px;
	}
	
	#sliderCtn .sliderElementCtn
	{
		height:100%;
	}	
	
	#sliderCtn .prix > span:nth-child(2):before
	{
		width:70%;
	}

}

/*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;
}#validation .bordure
{
	margin:30px 0 20px 0;
	height:1px;
	background:#dcdcdc;
}
#validationList
{
	position:relative;
	display:block;
	text-decoration:none;
	--overflow:hidden;
	border:0;	
	width:100%;
	margin:0;
}

#validationList .listElement
{
	margin:0 0 20px 0!important;
	overflow:visible;
	position:relative;
	display:block;
	float:none;
	width:auto;
	height:auto;
	padding:0 0 20px 0;
	background:none;
	border-bottom:1px solid #dcdcdc;    :
}

#validationList .listElement:hover h5, #validationList .listElement:hover .resume
{
	color:#c60018;
}

#validationList .listElement .txt
{
	height:auto;
	width:auto;
	margin:0px;
	text-align:left;
	padding:10px 20px 0 0 ;
}

#validationList h5
{
	margin:0;
}

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

#validationList .listElement .txt .statut
{
	color:#c60018;
}

#validationList .listElement .txt .statut.nonlu
{
	background:#c60018;
	color:#FFFFFF;
	padding:0 5px 0 5px;
}

.titreValidation
{
	font-weight:bold;
	font-size:18px;
	margin:10px 0 30px 0;
}

.tdListValid
{
	padding-top:10px;	
	border-bottom: dotted 1px #cccccc;
}
#weblinksListCtn
{
	position:relative;
	display:block;
	text-decoration:none;
	overflow:hidden;
	border:0;	
	width:100%;
	margin:0;
}

#weblinksListCtn .listElement
{
	margin:0 0 20px 0!important;
	overflow:visible;
	position:relative;
	display:block;
	float:none;
	width:auto;
	height:auto;
	padding:0 0 20px 0;
	background:none;
	border-bottom:1px solid #dcdcdc;    :
}

#weblinksListCtn .listElement:hover h5, #weblinksListCtn .listElement:hover .resume
{
	color:#c60018;
}

#weblinksListCtn .listElement .txt
{
	height:auto;
	width:auto;
	margin:0px;
	text-align:left;
	padding:10px 0 0 0 ;
}

#weblinksListCtn h5
{
	margin:0;
}

#weblinksListCtn .listElement .arrow
{
	--right:80%;
}

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

@media only screen and (min-width:1000px)
{
	#weblinksListCtn
	{
		width:70%;
	}
}


#zoneYouAreHere
{
	display:none;
}

@media only screen and (min-width:641px)
{
	#zoneYouAreHere
	{
		margin-top:-30px;
		display:block;	
		margin-left:25px;
	}
	
	#zoneYouAreHere .icone
	{
		width:22px;
		height:22px;
		fill:#666666;
	}
	#zoneYouAreHere .icone:hover
	{
		fill:#c60018;
	}
	
	#youarehereHeader
	{
		margin-top:-3px;
	}
	
	#youarehereItem
	{
		font-size:12px;
		color:#7d7d7d;
		text-decoration:none;
		padding-top:5px;
	}
	
	#youarehereSeparator .icone
	{
		width:20px;
		height:20px;
		fill:#cdcdcd;
		margin:0 5px 0 5px;
	}
	
	#youarehereLink
	{
		font-size:12px;
		color:#7d7d7d;
		text-decoration:none;
	}
	
	#zoneYouAreHere span, #zoneYouAreHere a
	{
		display:inline-block;
		vertical-align:top;
	}
	
	#zoneYouAreHere a:hover
	{
		color:#c60018;
	}
}

@media only screen and (min-width:1000px)
{
	#zoneYouAreHere
	{
		margin-left:0;	
		margin-top:25px;
	}
}