/*************** FONTS  *******************/
@font-face 
{
    font-family: 'montserrat';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont-1.eot') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face 
{
    font-family: 'montserrat';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont-1.eot') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

/*************** STYLE DE BASE  *******************/
html, body
{
	min-height:100%;
}
body
{
	position:relative;
	margin:0px;
	padding:0px;
	font-family: montserrat;
	font-weight:normal;
    font-size: 20px;
    color:#1e396f;
	background:url(../template/image/bgbody.jpg) no-repeat center bottom;
	background-size:100% auto;
}

.bgEditor
{
    background: #ffffff;
}

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

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

.flocon
{
	position:absolute;
	width:20px;
	height:20px;
	background:url(../template/image/flocon.png) no-repeat center center;
	background-size:cover;
	top:-20px;
	left:0;
	-webkit-animation: floconmove 2s linear infinite alternate;
	-moz-animation: floconmove 2s linear infinite alternate;
	animation: floconmove 2s linear infinite alternate;
}
@-webkit-keyframes floconmove 
{
	0% {transform:translate(-10px);}
	100% {transform:translate(10px);}
}
@-moz-keyframes floconmove 
{
	0% {transform:translate(-10px);}
	100% {transform:translate(10px);}
}
@keyframes floconmove 
{
	0% {transform:translate(-10px);}
	100% {transform:translate(10px);}
}

#logoHolder
{
	max-height:300px;
	min-height:150px;
	background:url(../template/image/bglogo.jpg) no-repeat center center;
	background-size:cover;
}
#logoHolder:before
{
	content:"";
	display:block;
	padding-top:15.625%;
}

#logoHolder .absctn
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
}

#logoHolder .logo
{
	position:absolute;
	display:block;
	width:103px;
	right:10px;
	top:50%;
	margin-top:-44px;
	background:url(../template/image/nuit-des-neiges@x3.png) no-repeat center center;
	background-size:contain;
}

#logoHolder .logo:before
{
	content:"";
	display:block;
	padding-top:86.4%;
}

#logoHolder .menuctn
{
	display:none;
}

#sliderHolder
{
	max-height:450px;
	min-height:200px;
	transition:max-height 1s;
}
#sliderHolder:before
{
	content:"";
	display:block;
	padding-top:23.4375%;
}
.home #sliderHolder
{
	max-height:980px;
	min-height:300px;
}
.home #sliderHolder:before
{
	content:"";
	display:block;
	padding-top:51%;
}

#sliderHolder .sloganasres
{
	display:none;
}
.home #sliderHolder .sloganasres
{
	position:absolute;
	display:block;
	bottom:10%;
	left:0;right:0;
	z-index:10;
	font-weight:normal;
	font-size:35px;
	color:#ffffff;
	text-align:center;
}
.home #sliderHolder .sloganasres > span
{
	display:block;
	font-weight:bold;
}

#footerHolder
{
	margin-top:60px;
}
#footerHolder .menubottom
{
	margin-bottom:20px;
}
#footerHolder .powered
{
	margin-top:20px;
	margin-bottom:10px;
	font-size:12px;
	color:#9a9a9a;
	text-align:center;	
}
#footerHolder .powered a
{
	color:#9a9a9a;
}
#footerHolder .footer:after
{
	content:"";
	display:block;
	clear:both;
}

#footerHolder .footer .adr, #footerHolder .footer .fb, #footerHolder .footer .partner
{
	margin-bottom:40px;
	text-align:left;
}
#footerHolder .footer .partner
{
	max-width:310px;
	margin:0 -5px 0 -5px;
}
#footerHolder .footer .adr
{
	font-weight:normal;
	font-size:15px;
	color:#1e396f;
}
#footerHolder .footer .adr a
{
	color:#1e396f;
}

#footerHolder .footer .adr span
{
	display:block;
	line-height:1.4em;
}
#footerHolder .footer .adr span.line > span
{
	display:inline-block;
}

#footerHolder .footer .fb
{
	font-weight:normal;
	font-size:15px;
	color:#1e396f;
}
#footerHolder .footer .fb a
{
	position:relative;
	display:inline-block;
	max-width:140px;
	padding-left:45px;
	color:#1e396f;
	text-align:left;
}
#footerHolder .footer .fb a:before
{
	content:"";
	position:absolute;
	display:block;
	width:33px;
	height:34px;
	top:0;
	left:0;
	background:url(../template/image/facebook.png) no-repeat center center;
}

#footerHolder .partner:after
{
	content:"";
	display:block;
	clear:both;
}
#footerHolder .partner a
{
	position:relative;
	display:block;
	float:right;
	height:47px;
	margin-bottom:18px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
#footerHolder .partner a.omega
{
	width:65px;
	margin-left:30px;
	margin-right:18px;
	background-image:url(../template/image/omega.png);
}
/*#footerHolder .partner a.credit-suisse
{
	width:124px;
	margin-left:23px;
	background-image:url(/template/image/credit-suisse.png);
}*/
#footerHolder .partner a.bcvs
{
	width:109px;
	margin-left:34px;
	background-image:url(../template/image/bcvs.png);
}
/*#footerHolder .partner a.bmw
{
	width:38px;
	background-image:url(/template/image/bmw.png);
}*/
/*#footerHolder .partner a.greenp-events
{
	width:214px;
	background-image:url(/template/image/greenp-events.png);
}*/
#footerHolder .partner a.cemede
{
	width:124px;
	height:68px;
	background-image:url(../template/image/cemede.png);
}

#footerHolder .partner a.crans-montana
{
	width:102px;
	margin-left:30px;
	background-image:url(../template/image/crans-montana.png);
}
#footerHolder .partner a.le-regent
{
	width:86px;
	margin-left:30px;
	background-image:url(../template/image/le-regent.png);
}
/*#footerHolder .partner a.crans-ambassador
{
	width:61px;
	background-image:url(/template/image/crans-ambassador.png);
}*/
#footerHolder .partner a.swiss-event-manufacture
{
	width:84px;
	background-image:url(../template/image/Swiss-Event-Manufacture.png);
}

/* ENTETE DES PAGES*/
.headCtn
{
	overflow:hidden; /*fait office de divwrapper*/
	margin:0; 
}
.headCtn h1
{
	margin:50px 0 40px 0;
	font-size:30px;
	font-weight: bold;
	color:#1e396f;
}
.headCtn h2 /*resume of the page*/
{
	margin:40px 0 20px 0;
    font-size:20px;
	font-weight:normal;
  	overflow:hidden;
}

.headCtn .img
{	
	display:block;
	max-height:462px;
	background:no-repeat center center;
	background-size:cover;
	margin:40px 0 40px 0;
}
.headCtn .img:before
{
	content:"";
	display:block;
	padding-top:49.625%;
}

.headCtn h2:empty
{
	display:none;
}

/* LISTES */
.listCtn
{
	position:relative;
	margin-top:40px;
}

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

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

.listElement .txtctn
{
	position:relative;
	display:block;
	overflow:hidden;
}

.listElement .txtctn .txt
{
	position:relative;
	display:block;
}

.listElement h5
{
	margin:0px 0px 20px 0px;
	font-weight:bold;
	font-size:25px;
	color:#1e396f;
}
.listElement .resume
{
	display:block;
	color:#1e396f;	
	font-size:18px;
	line-height:1.5em;
}

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

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

H1, H2, H3 /*H3 in html content // H1,H2 in case someone try to use this level in html content */
{
    margin:40px 0 30px 0;
    font-weight: bold;
	color:#1e396f;
    font-size:25px;
	
	
}

H4, H5, H6 /*H4 in html content // H5,H6 in case someone try to use this level in html content */
{
	margin:40px 0 30px 0;
    font-weight: bold;
	color:#1e396f;
    font-size:20px;
}


A
{
	color:#8e8e8e;
    text-decoration:none;
}

P
{
    margin-top: 20px;
    margin-bottom: 20px;
	line-height:1.4em;
}

ul
{
	padding:0;
	margin:0;
	list-style-type:none;
}
ul > li
{
	padding:0 0 0 20px;
	text-indent:-20px;
	margin:0 0 10px 0; 
	line-height:1.4em;
}

ul > li:before 
{
    content: "";
	display:inline-block;
	vertical-align:middle;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#1e396f;
	margin-right:15px;
	margin-top:-7px;
}

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

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:641px)
{
	body
	{
	    font-size: 25px;
	}
	.headCtn h1
	{
		font-size:40px;
	}
	.headCtn h2 /*resume of the page*/
	{
	    font-size:25px;
	}
	
	H1, H2, H3 
	{
	  font-size:30px;
	}
	
	H4, H5, H6 
	{
	    font-size:24px;
	}
	
	.home #sliderHolder .sloganasres
	{
		font-size:45px;
	}
	#footerHolder .footer .adr, #footerHolder .footer .fb
	{
		float:left;
		width:50%;
	}
	#footerHolder .footer .fb
	{
		text-align:right;
	}
	#footerHolder .footer .partner
	{
		max-width:310px;
		margin:0 auto 0 auto;
		clear:both;
	}
	
	.listElement:after
	{
		content:"";
		display:block;
		clear:both;
	}
	.listElement .img
	{
		float:left;
		width:30.4%;
		margin:0;
	}
	
	.listElement .txtctn
	{
		float:right;
		width:65.3%;
		transition:margin .5s;
	}
	
	.listElement:hover .txtctn
	{
		margin-right:2%;
		transition:margin .75s;
	}
	
	.listElement .txtctn:before
	{
		content:"";
		position:relative;
		display:inline-block;
		vertical-align:middle;
		padding-top:38.48%;
		width:0;
	}
	.listElement .txtctn .txt
	{
		display:inline-block;
		width:100%;
		vertical-align:middle;
	}
	
	.listElement h5
	{
		font-size:30px;
	}
	.listElement .resume
	{
		font-size:20px;
	}
	
	.listElement:nth-child(odd) .img
	{
		float:right;
	}
	
	.listElement:nth-child(odd) .txtctn
	{
		float:left;
	}
	.listElement:nth-child(odd):hover .txtctn
	{
		margin-left:2%;
		margin-right:0;
	}
}

@media only screen and (min-width:951px)
{
	#logoHolder
	{
		min-height:200px;
	}
	#logoHolder .logo
	{
		position:relative;
		top:auto;right:auto;
		margin:1.82% auto 0 auto;
		width:10.73%;
		max-width:206px;
		max-height:178px;
	}
	#logoHolder .menuctn
	{
		position:absolute;
		display:block;
		bottom:0;
		left:0;right:0;
		/*height:50px;*/
		background:rgba(255,255,255,.5);
	}	
	
	.home #sliderHolder .sloganasres
	{
		bottom:190px;
		font-size:50px;
	}
	
	#footerHolder .footer .adr, #footerHolder .footer .fb, #footerHolder .footer .partner
	{
		float:left;
		width:33.33%;
		margin:0;
		clear:none;
	}
	#footerHolder .footer .fb
	{
		text-align:center;
	}
}

/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	.flocon
	{
		background-image:url(../template/image/flocon@x2.png);
	}
	#logoHolder .logo
	{
		background-image:url(../template/image/nuit-des-neiges@x2.png);
	}
	
	#footerHolder .partner a.omega
	{
		background-image:url(../template/image/omega@x2.png);
	}
	/*#footerHolder .partner a.credit-suisse
	{
		background-image:url(/template/image/credit-suisse@x2.png);
	}*/
	#footerHolder .partner a.bcvs
	{
		background-image:url(../template/image/bcvs@x2.png);
	}
	/*#footerHolder .partner a.bmw
	{
		background-image:url(/template/image/bmw@x2.png);
	}*/
	#footerHolder .partner a.greenp-events
	{
		background-image:url(../template/image/greenp-events@x2.png);
	}
	#footerHolder .partner a.crans-montana
	{
		background-image:url(../template/image/crans-montana@x2.png);
	}
	#footerHolder .partner a.le-regent
	{
		background-image:url(../template/image/le-regent@x2.png);
	}
	/*#footerHolder .partner a.crans-ambassador
	{
		background-image:url(/template/image/crans-ambassador@x2.png);
	}*/
	#footerHolder .partner a.swiss-event-manufacture
	{
		background-image:url(../template/image/Swiss-Event-Manufacture@x2.png);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	.flocon
	{
		background-image:url(../template/image/flocon@x3.png);
	}
	
	#logoHolder .logo
	{
		background-image:url(../template/image/nuit-des-neiges@x3.png);
	}
	
	#footerHolder .partner a.omega
	{
		background-image:url(../template/image/omega@x3.png);
	}
	/*#footerHolder .partner a.credit-suisse
	{
		background-image:url(/template/image/credit-suisse@x3.png);
	}*/
	#footerHolder .partner a.bcvs
	{
		background-image:url(../template/image/bcvs@x3.png);
	}
	/*#footerHolder .partner a.bmw
	{
		background-image:url(/template/image/bmw@x3.png);
	}*/
	#footerHolder .partner a.greenp-events
	{
		background-image:url(../template/image/greenp-events@x3.png);
	}
	#footerHolder .partner a.crans-montana
	{
		background-image:url(../template/image/crans-montana@x3.png);
	}
	#footerHolder .partner a.le-regent
	{
		background-image:url(../template/image/le-regent@x3.png);
	}
	/*#footerHolder .partner a.crans-ambassador
	{
		background-image:url(/template/image/crans-ambassador@x3.png);
	}*/
	#footerHolder .partner a.swiss-event-manufacture
	{
		background-image:url(../template/image/Swiss-Event-Manufacture@x3.png);
	}
}
/*************  FIN RETINA ****************************/


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

table th
{
	text-align:left;
}

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:951px)
{
	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;
	/**********************************/
	font-size:16px;
	color:#000000;
}

.adminzone
{
	font-size:16px;
	color:#000000;
}

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;
	font-size:14px;
	color:#000000;
}
/*-- FORM --*/
form
{
	margin:0px;
	padding:0px;
}

input, textarea
{
    border: 1px solid #bbb7b7;
   	padding-left:5px;
    background-color:#eeeeee ;
	box-sizing:border-box;
    max-width:100%;
}
/* Pour contrer le style IOS par défaut des boutons et champs texte, si il manque des types d'input les rajouter */
input[type=text], input[type=password], input[type=submit] {
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

select
{
	border:0px;
    background-color:#eeeeee ;
    box-sizing:border-box;
    max-width:100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

.cartoucheCtn h5
{
	font-size:30px;
	text-align:center;
	margin:0 0 30px 0;
}

.cartoucheCtn .more
{
	display:none;
}

.cartoucheElementCtn
{
	position:relative;
}

.cartoucheElement
{
	position:relative;
	display:block;
	margin:0 0 40px 0;
	text-decoration:none;
	background:#e8e8f4;
	overflow:hidden;
}

.cartoucheElement .img
{
	display:none;
}

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

.cartoucheElement h6
{
	margin:0px 0px 20px 0px;
	font-weight:bold;
	font-size:20px;
	color:#1e396f;
	
}
.cartoucheElement .resume
{
	display:block;
	font-weight:normal;
	font-size:15px;
	color:#1e396f;	
}

/* CARTOUCHE NEWS */
#cartoucheNewsCartoucheCtn .cartoucheElement .date
{
	display:none;
}

/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{
	.cartoucheCtn h5
	{
		font-size:40px;
	}
	.cartoucheElement
	{
		float:left;
		width:47.875%;
		margin:0 4.25% 0 0;
	}
	.cartoucheElement:nth-child(2n+2)
	{
		margin-right:0;
	}
}/*Styles HOMEPAGE */
#home3Cart, #home2Cart
{
	position:relative;
	margin:50px 0 40px 0;
}

#home3Cart h1
{
	font-size:30px;
	text-align:center;
	margin:0 0 30px 0;
}

.home .cartctn
{
	position:relative;
}
.home .cartctn:after
{
	content:"";
	display:block;
	clear:both;
}
.home .cartctn > a
{
	display:block;
	overflow:hidden;
	margin-bottom:40px;
}

.home .cartctn > a > h2
{
	display:block;
	margin:1px 0 0 0;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	font-size:20px;
	color:#ffffff;
	text-align:center;
	background:#1e396f;
}

.home .cartctn > a:before
{
	content:"";
	display:block;
	padding-top:70.5%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	margin:0;
	transition:margin .5s;
}

#home3Cart .cartctn > a:nth-child(1):before
{
	background-image:url(../template/image/homecart1.jpg);
}
#home3Cart .cartctn > a:nth-child(2):before
{
	background-image:url(../template/image/homecart2.jpg);
}
#home3Cart .cartctn > a:nth-child(3):before
{
	background-image:url(../template/image/homecart3.jpg);
}

#home2Cart .cartctn > a:nth-child(1):before
{
	background-image:url(../template/image/homecart4.jpg);
}
#home2Cart .cartctn > a:nth-child(2):before
{
	background-image:url(../template/image/homecart5.jpg);
}

#donCtn
{
	position:relative;
	margin:40px 0 40px 0;
}


#donCtn .video
{
	display:none;
}

#donCtn .don
{
	position:relative;
	display:block;
}

#donCtn .don .citation
{
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	font-size:16px;
	color:#1e396f;
}
#donCtn .don .citation > span
{
	display:block;
	font-size:20px;
	text-transform:none;
	padding-bottom:10px;
}

#donCtn .don .btn
{
	display:block;
	font-weight:normal;
	font-size:20px;
	margin-top:20px;
	color:#ffffff;
	text-align:center;
	padding:10px;
	background:rgb(30,57,111);
	background:rgba(30,57,111,.5);
	border:1px solid #77777f;
}


@media only screen and (min-width:641px)
{
	#home3Cart h1
	{
		font-size:40px;
	}
	
	#home3Cart .cartctn > a
	{
		display:block;
		float:left;
		width:30.5%;
		margin-bottom:0;
		margin-right:4.25%;
		overflow:hidden;
	}
	.home #home2Cart .cartctn > a
	{
		display:block;
		float:left;
		width:47.875%;
		margin-bottom:0;
		margin-right:4.25%;
		overflow:hidden;
	}
	.home .cartctn > a:last-child
	{
		margin-right:0!important;
	}
	.home .cartctn > a:hover:before
	{
		margin:0 -20px 0 -20px;
	}
	
	#donCtn
	{
		position:relative;
		margin:40px 0 60px 0;
	}
	
	#donCtn .don
	{
		margin-right:54.25%;
	}
	
	#donCtn .video
	{
		position:absolute;
		display:block;
		top:0; bottom:0;
		right:10px;
		width:47.875%;
		background:url(../template/image/homevideo.jpg) no-repeat center center;
		background-size:cover;
	}
	
	#donCtn .video:after
	{
		content:"";
		position:absolute;
		top:50%;
		left:50%;
		margin:-37px 0 0 -37px;
		width:74px;
		height:74px;
		background:url(../template/image/play.png) no-repeat center center;
		background-size:contain;
		transition:all .5s;
	}
	#donCtn .video:hover:after
	{
		margin:-27px 0 0 -27px;
		width:54px;
		height:54px;
	}
}
@media only screen and (min-width:951px)
{
	#donCtn
	{
		position:absolute;
		left:0;right:0;
		margin:-160px 0 0 0;
		height:160px;
		overflow:hidden;
		z-index:1;
		background:rgba(255,255,255,.5);
	}
	#donCtn .mainctn
	{
		height:100%;
	}
	
	#donCtn .video
	{
		right:0;
		max-width:284px;
		width:30.5%;
	}
	
	#donCtn .don
	{
		position:absolute;
		margin:0;
		left:0;top:0;bottom:0;
		height:160px;
		max-width:607px;
		width:62.25%;
		background:rgba(255,255,255,.5);
		font-size:0;
	}
	#donCtn .don:before
	{
		content:"";
		display:inline-block;
		vertical-align:middle;
		width:0;
		height:100%;
	}
	
	#donCtn .don .citation
	{
		display:inline-block;
		box-sizing:border-box;
		width:100%;
		vertical-align:middle;
		font-size:30px;
		padding:10px;
		line-height:1.35em;
	}
	
	#donCtn .don .citation > span
	{
		font-size:37px;
	}
	
	#donCtn .don .btn
	{
		position:absolute;
		margin:0;
		bottom:10px;right:10px;
		font-size:20px;
	}
}#galleryimageListCtn .listElement
{
	width:auto;
	height:auto;
	box-sizing:border-box;
	padding:0px;
	border:0px;
	background:none;
	margin:0 0 10px 0;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	overflow:visible;
}

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

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

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

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

#galleryimageListCtn .listElement .admin > a
{
	/*color:#ffffff;*/
	text-decoration:none;	
	font-size:16px;
}

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

/* MEDIA QUERIES */
@media only screen and (min-width:481px)
{
	#galleryimageListCtn .listElement
	{
		float:left;
		margin:0 2% 20px 0;
		width:49%;
	}
}
@media only screen and (min-width:481px) and (max-width:640px)
{
	#galleryimageListCtn .listElement:nth-child(2n+0)
	{
		margin-right:0;
	}
}

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

	#galleryimageListCtn .listElement
	{
		width:32%;
	}
	#galleryimageListCtn .listElement:nth-child(3n+0)
	{
		margin-right:0;
	}
}/* Style pour plugin langsite */
.langsite
{
   color:#5d5a7e;
   text-decoration: none;
}

.langsiteActiv
{
   color:#1e396f;
   text-decoration: none;
}	
@media only screen and (max-width:950px)
{
	#langsiteCtn
	{
		position:relative;
		margin:20px 10px 20px 10px;
		font-weight:normal;
		font-size:20px;
		text-transform:uppercase;
		color:#1e396f;
	}
	.langsite.sep
	{
		display:inline-block;
		margin:0 10px 0 10px;
	}
}
@media only screen and (min-width:951px)
{
	#langsiteCtn
	{
		position:absolute;
		right:0;
		top:50%;
		margin-top:-.5em;
		line-height:1em;
		font-weight:normal;
		font-size:20px;
		text-transform:uppercase;
		color:#1e396f;
	}
	.langsite.sep
	{
		display:inline-block;
		margin:0 5px 0 5px;
	}
}/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}/* Gestion des panels pour le menu */
#mainPanel
{
	position:relative;
	transition: left 0.2s linear;
}
#mainPanel.open
{
	width:100%;
	height:100%;
	left:0;
}

#leftPanel
{
	display:block;
	position:absolute;
	box-sizing:border-box;
	top:0px;
	right:100%;
	width:80%;
	min-width:240px;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
	background:url(../template/image/bgbody.jpg) bottom center #ffffff;
}

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

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

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

#menuIcone
{
	display:block;
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-20px;
	width:40px;
	height:40px;
	cursor:pointer;
	background:url(../template/image/menuIcone.png) no-repeat top center;
	background-size:100% auto;
	transition:background-position .25s;
}

#mainPanel.open #menuIcone
{
	background-position:bottom center;
}

#leftPanel a.copy
{
	display:none;
}

/**************************************************/
/*Style pour le menu d'admin*/
/**************************************************/
.styleDivArrowAdmin
{
	display:none;
}

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

/**************************************************/
/*Style pour le menu */
/**************************************************/
@media only screen and (max-width:950px)
{
	#menuMain ul
	{
		position:relative;
		display:none;
		margin:0px;
		padding:0px;
	}
	#menuMain ul.menu0
	{
		display:block;	
		margin:20px 0 0 0
	}
	
	#menuMain li
	{
		position:relative;
		display:block;
		list-style-type: none;
		background:none;
		text-indent:0;
		padding:0;
		margin:0;
	}
	#menuMain li:before
	{
		content:none;
	}
	
	#menuMain li > a
	{
		display:block;
		padding:10px 10px 10px 10px;
		font-weight:normal;
		font-size:18px;
		color:#1e396f;
		text-decoration:none;
		margin-top:1px;
	}
	#menuMain a.menu0
	{
		font-size:20px;
		margin-top:0px;
	}
	
	#menuMain li > a:hover, #menuMain li > a.menuselected:not(.parent)
	{
		color:#ffffff;
		background:url(../template/image/bglogo.jpg) no-repeat center center;
		background-size:cover;
	}
	
	#menuMain a.menu1
	{
		padding-left:20px;
	}
	#menuMain a.menu2
	{
		font-size:17px;
		padding-left:40px;
	}
	
	/**************************************************/
	/*Style pour le menuBottom */
	/**************************************************/
	#menuBottomMain ul
	{
		position:absolute;
		display:none;	
		margin:0px;
		padding:0px;
		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
	}
	#menuBottomMain ul.menu0
	{
		position:relative;
		display:block;
		margin:0 -10px 0 -10px;
		text-align:center;
		border-top:1px solid #8e8e8e;
		border-bottom:1px solid #8e8e8e;
		padding:10px 0 10px 0;
		margin-bottom:40px;
	}
	
	#menuBottomMain li
	{
		position:relative;
		display:inline-block;
		list-style-type: none;
		background:none;
		text-indent:0;
		padding:0;
		margin:0;
	}
	#menuBottomMain li:before
	{
		content:none;
	}
	#menuBottomMain li > a
	{
		position:relative;
		display:block;
		font-weight:normal;
		font-size:15px;
		color:#1e396f;
		text-decoration:none;
		margin:0 10px 0 10px;
	}
	#menuBottomMain li > a:hover, #menuBottomMain li > a.menuselected:not(.parent)
	{
	}
	
	#menuBottomMain ul.menu0 ul
	{
		display:none!important;
	}
}

/* MEDIA QUERIES */
@media only screen and (min-width:951px)
{
	#leftPanel, #menuIcone
	{
		display:none;
	}

	#menuMain
	{
		margin-right:100px;
	}	
	/**************************************************/
	/*Style pour le menu simple horizontal et vertical*/
	/**************************************************/
	/*REMARQUE: la notion ">" est indiquée dans les styles pour que les menu d'admin ne prenne pas le style des ul/li qui les contiennent */
	
	#menuMain ul
	{
		position:absolute;
		min-width:100%;
		margin:0;
		padding:0;
		display:none;
		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
	}
	
	#menuMain ul.menu0
	{
		position:relative;
		display:block;
		min-height:50px;
		min-width:0;
	}
	#menuMain ul.menu0:after
	{
		content:"";
		display:block;
		clear:both;
	}
	
	#menuMain li
	{
		position:relative;
		display:block;
		list-style-type: none;
		background:none;
		text-indent:0;
		padding:0;
		margin:0;
	}
	#menuMain li:before
	{
		content:none;
	}
	
	/*permet de définir tous les a même s'ils ne sont pas mentionnés*/
	#menuMain ul li > a
	{
		display:block;
		box-sizing:border-box;
		min-width:100%;
		white-space:nowrap;
		padding:7px 25px 7px 25px;
		font-weight:normal;
		font-size:15px;
		color:#ffffff;
		text-decoration:none;
		outline:none;
		background:#5d5a7e;
		text-align:center;
		margin-top:1px;
	}
	#menuMain ul li > a.menu0
	{
		padding:10px 25px 10px 25px;
		font-size:20px;
		color:#1e396f;
		background:none;
		text-align:right;
		margin-top:0;
	}
	
	#menuMain li.menu0
	{
		display:block;
		float:left;
	}
	
	#menuMain a.menu0
	{
		
	}
	
	/*1er niveau: Effet rollover et actif des liens*/
	#menuMain a.menuHover, #menuMain a.menuselected
	{
		background:#30354c;
	}
	#menuMain a.menu0.menuHover, #menuMain a.menu0.menuselected
	{
		background:#30354c;
		color:#ffffff;
	}
	
	/**************************************************/
	/*Style pour le menuBottom */
	/**************************************************/
	#menuBottomMain ul
	{
		position:absolute;
		display:none;	
		margin:0px;
		padding:0px;
		background:#5d5a7e;
		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
	}
	#menuBottomMain ul.menu0
	{
		position:relative;
		display:block;
		margin:0;
		text-align:center;
		padding:15px 0 15px 0;
		background:none;
	}
	
	#menuBottomMain li
	{
		position:relative;
		display:inline-block;
		list-style-type: none;
		background:none;
		text-indent:0;
		padding:0;
		margin:0;
	}
	#menuBottomMain li:before
	{
		content:none;
	}
	#menuBottomMain li > a
	{
		position:relative;
		display:block;
		font-weight:normal;
		font-size:15px;
		color:#ffffff;
		text-decoration:none;
		margin:0 10px 0 10px;
	}
	#menuBottomMain li > a.menu0
	{
		color:#1e396f;
	}
	#menuBottomMain li > a:hover, #menuBottomMain li > a.menuselected:not(.parent)
	{
	}
	
	
	
	/**************************************************/
	/*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;
		line-height:normal;
	}
	
	div.styleMenuAdmin div
	{
		padding:2px 5px 2px 5px;
		text-align:left;
	}
	
	div.styleMenuAdmin div:hover
	{
		background-color:#dddddd;
	}
	
	div.styleMenuAdmin a
	{
		display:block;
		font-family:Arial;
		font-size:11px;
		line-height:0px;
		color:black;
		text-decoration:none;
		text-transform:none;
		white-space:nowrap;
		text-align:left;
		padding:10px 0 10px 0;
	}
	
	.myArrowAdmin
	{
		cursor:pointer;
	
	}
	.styleDivArrowAdmin
	{
		display:block;
		position:absolute;
		top:5px;left:0;
	}
	#menuBottomMain .styleDivArrowAdmin
	{
		top:-2px;
		left:-5px;
	}
}
/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	#menuIcone
	{
		background-image:url(../template/image/menuIcone@x2.png);
	}
		
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	#menuIcone
	{
		background-image:url(../template/image/menuIcone@x3.png);
	}
}
/*************  FIN RETINA ****************************/#myaccountCtn
{
	display:block;
	position:absolute;
	top:50px;
	right:0;
	z-index:101;
}
#myaccountCtn h5
{
	margin:0px;
	padding:0px;
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
	background:#1e396f;
	width:15px;
	padding:8px;
	text-align:center;
	word-break:break-all;
	float:left;
}

#myaccountCtn .infos
{
	float:left;
	font-size:15px;
	color:#ffffff;
	max-width:0;
	max-height:214px;
	overflow:hidden;
	transition:max-width 0.3s, max-height 0.5s;
	background:#1e396f;
}
#myaccountCtn:hover .infos
{
	max-width:300px;
	max-height:800px;
	padding:10px;
}

#myaccountCtn .infos .myAccountPart
{
	margin-bottom:7px;
}

#myaccountCtn .infos .myAccountPart.first .title
{
	font-weight:bold;
}

#myaccountCtn .infos .title
{
	font-weight:bold;
}

#myaccountCtn .infos a
{
	display:block;
	margin:5px 0 5px 0px;
	text-decoration:none;
	color:#ffffff;
}
#myaccountCtn .infos a:hover
{
	text-decoration:underline;
}
#myaccountCtn .infos a:before
{
	content:"-";
	margin-right:5px;
}


/*style pour la fenêtre de login aux couleur de Conchita Plus*/

.btnConchita
{
	height:20px!important;
	color:#FFFFFF!important;
	background-color:#000000!important;
	font-family:Helvetica!important;
	font-size:12px!important;
	font-weight: bold!important;
	border-radius: 10px!important;
	box-sizing: border-box!important;
	padding:0 8px!important;
	border:0!important;
}

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

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

.txtPopupLoginConchita
{
	color:#000000;
	font-weight: bold;
	font-family:Helvetica!important;
	font-size:12px!important;
}#newsListCtn .listElement .date
{
	display:none;
}/*Styles spécifiques du plugin page en T1 */.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

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

.ressourceBtnSearch
{
	height:20px;	
}



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

/* Style pour le plan du site */
.sm0
{
    FONT-SIZE: 25px;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
	color:#1e396f;

}

.sm1
{
    FONT-SIZE: 23px;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;
	color:#1e396f;
}

.sm2
{
    FONT-SIZE: 21px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;
	color:#1e396f;
}

.sm3
{
    FONT-SIZE: 19px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
	color:#1e396f;
}/*Style pour le montage*/
#sliderCtn, #sliderDefault
{
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#sliderDefault
{
	background:url(../plugin/slider/template/images/default.jpg) no-repeat center center;
	background-size:cover;
}
.home #sliderDefault
{
	background-image:url(../plugin/slider/template/images/defaultHome.jpg)
}
#sliderCtn .sliderElementCtn
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background:url(../template/image/loading.gif) no-repeat center center;
	z-index:1;
}
#sliderCtn .sliderElementCtn .sliderElement
{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#sliderCtn .sliderElementCtn .sliderElement.current
{
	display:block;
	top:0;
	left:0;
	opacity:1!important; /*pour éviter de voir le fond pendant animation*/
}
#sliderCtn .cursor
{
	cursor:default;
}
/*Style pour les slogan*/
#sliderCtn .slogan, #sliderCtn .slogan.empty
{
	display:none;
}
/*Style pour les flèches*/
#sliderCtn .arrow
{
	display:none;
}
/*Style pour les puces de navigation*/
#sliderCtn #bullets 
{
	display:none;
}

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

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

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

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

.enteteUser
{
font-weight:bold;
}#weblinksListCtn .listElement .img
{
	float:left;
	width:40%;
}#youarehereCtn
{
	display:none;
}
@media only screen and (min-width:641px)
{
	#youarehereCtn
	{
		display:block;
		margin:20px 0 0 0;
		font-size:15px;
		font-weight:normal;
		color:#9a9a9a;
	}
	
	#youarehereCtn .header
	{
		color:#9a9a9a;
	}
	
	#youarehereCtn a
	{
		color:#9a9a9a;
		text-decoration:none;
	}
	#youarehereCtn a:last-of-type
	{
		color:#1e396f;	
	}
	#youarehereCtn .separator
	{
		color:#9a9a9a;
	}
}