/*************** STYLE DE BASE  *******************/
audio, img[_wpro_media_data*='.mp3'].wproFilePlugin 
{
               display:block;
                width:100%;
                box-sizing:border-box;
                height:40px;
}
/* CONTAINERS PRINCIPAUX */
.mainHolder
{
	background:#f1f1f1;
}

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

.headerContainer
{
	position:relative;
}
.headerContainer .slider
{
	position:relative;
	z-index:0;
	background:#032f3e;
}

.headerContainer .entete
{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	max-height:290px;
	width:100%;
}

.T1 .headerContainer .col1
{
	float:left;
	padding:12px 0 0 14px; 
}

.T1 .headerContainer .col1 img, .T2 .headerContainer .col1 img
{
	display:none;
}
.T1 .headerContainer .logoT1
{
	position:absolute;
	top:30px;
	right:0;
	text-align:right;
	padding-right:20px;
	background:url(/template/image/logoMobileT1.png) no-repeat;
	background-size:77px auto;
	width:77px;
	height:77px;
}

.T2 .headerContainer .logoT2
{
	position:absolute;
	top:10%;
	left:calc(50% - 58px);
	width:110px;
	background:url(/template/image/logoMobileT2.png) no-repeat;
	background-size:110px auto;
	height:110px;
}

.T2 .headerContainer .col1
{
	float:left;
	padding:78px 0 0 10px; 
}

.headerContainer .col2
{
	float:right;
}

.headerContainer .col2 > div:nth-child(1)
{
	padding-top:0px;
	float:right;
	padding-right:10px;
}

.home .headerContainer .col2 > div:nth-child(1)
{
	padding-right:12px;
}

.T1 .headerContainer .col2 > div:nth-child(3), .T2 .headerContainer .col2 > div:nth-child(3)
{
	display:none;
}

/*.T2 .headerContainer .col2 > div:nth-child(3) img
{
	width:70%;
	padding:10px 0 0 20px;
}*/

.headerContainer .searchHolder
{
	float:left;
	position:relative;
	z-index:200;
	margin:0 10px 0 57px;
}

/*Ancienne version avec les bg par saisons*/
/*.T1 .headerContainer .allContainer.paddingMenu
{
	padding-top:193px;
}
.T2 .headerContainer .allContainer.paddingMenu
{
	padding-top:208px;
}*/

.mainContainer
{
	position:relative;
	max-width:1180px;
	margin: 0 auto 0 auto;
	padding:0 10px 0 10px;
	background:#ffffff;
}

/*Style pour les pages intérieures*/
.intzone1
{
	background:#FFFFFF;
}
.intzone1 .allContainer.padding
{
	padding:14px 10px 30px 10px;
}
.intzone1 .accesDirect
{
	display:none;
}
.intzone1 .youarehere
{
	display:none;
}

.intzone1 .printsend
{
	width:28.5%;
	float:left;
	padding-top:150px;
}

.withListe .intzone1 .printsend
{
	width:25.6%;
}

.T1 .intzone2
{
	background:url(/template/image/theatre/fondContenu.jpg) no-repeat top center #f1f1f1;
	min-height:537px;
}

.T2 .intzone2
{
	background:#f2f2f2;
}

.withListe .intzone2 .col2
{
	display:none;
}

.intzone2 .allContainer.padding
{
	padding:25px 10px 50px 10px;
}
/*Fin style pour les pages intérieures*/

/* ENTETE DES PAGES*/
.headCtn
{
	overflow:hidden; /*fait office de divwrapper*/
	margin:50px 0 30px 0; 
}

.T2 .headCtn
{
	margin:20px 0 30px 0;
}

.home .headCtn
{
	margin:0; 
}
.headCtn h1
{
	margin:10px 0 0 0;
	font-size:35px;
}

.intzone2 .imgAccroche
{
	width:100%;
	background:no-repeat center center;
	background-size:cover;
	margin:0 0 50px 0;
}
.intzone2 .imgAccroche:before
{
	content:"";
	display:block;
	padding-top:83.3%;
}

.headCtn .resume:empty
{
	display:none;
}

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

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

.T2 .listElement
{
	margin:0 0 20px 0;
}

.T1 .listElement .img
{
	position:relative;
	display:block;
	width:100%;
	background:url(/template/image/defaultListT1.jpg) no-repeat center center;
	background-size:cover;
}
.T2 .listElement .img
{
	position:relative;
	display:block;
	width:100%;
	background:url(/template/image/defaultListT2.jpg) no-repeat center center;
	background-size:cover;
}
.listElement .img:before
{
	content:"";
	display:block;
	padding-top:77.8%;
}
.T1 .listElement .puce
{
	position:absolute;
	bottom:0;
	left:0;
	z-index:2; 
	width:100%;
	height:13px;
	background:url(/template/image/theatre/cache.png) no-repeat center;
}

.T2 .listElement .puce
{
	position:absolute;
	bottom:-9px;
	left:calc(50% - 9px);
	z-index:2; 
	width:18px;
	height:18px;
	background:url(/template/image/commune/puce.png) no-repeat;
}
.listElement:hover .hover:before
{
	content:"";
	display:block;
	width:100%;
	height:100%;
	bottom:0;
	position:absolute;
	z-index:1;
	background:url(/template/image/commune/over.png) no-repeat bottom center;
	background-size:100%;
}

.T1 .listElement:hover .hover:before
{
	background:url(/template/image/theatre/over.png) no-repeat bottom center;
}

.listElement .txt
{	
	box-sizing:border-box;
	display:block;
	position:relative;
	padding:25px 21px 26px 23px;
	height:195px;
	overflow:hidden;
	text-align:center;
	background:#FFFFFF;
	box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.2);
}

.T2 .listElement .txt
{
	height:105px;	
}

.T1 .listElement .txt
{
	padding:15px 21px 26px 23px;
}

.listElement h5
{
	text-transform:uppercase;
	font-weight:bold;
	color:#383838;
	font-family:work_sansregular;
	font-size:14px;
	width:135px;
	display:inline-block;
	margin:0 0 37px 0;
	
}
.T1 .listElement h5
{
	font-weight:normal;
	font-family:brandon_grotesqueblack;
	font-size:14px;
	margin:0 0 20px 0;
}
.listElement .resume
{
	display:block;
	color:#58595b;	
	font-size:14px;
	font-family:work_sansregular;
	overflow:hidden;
	height:70px;
}
.T1 .listElement .resume
{
	font-family:charterroman;
	text-transform:uppercase;
	height:90px;
}

.T2 .listElement .resume
{
	display:none;
}
/* ZONE HTML */
.htmlcontent
{
	overflow:hidden;
	line-height:25px;
}
.htmlcontent img
{
	max-width:100%;
	height:auto!important;
}
	
.htmlcontent iframe
{
	max-width:100%;
}

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

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)
{
	.headCtn h1
	{
		margin:10px 0 30px 0;
		font-size:35px;
	}

	.headCtn .img
	{
		width:40%;
		float:left;
		margin-right:20px;
	}
	.T1 .headerContainer .logoT1
	{
		top:30px;
		padding-right:40px;
	}

	.T2 .headerContainer .logoT2
	{
		top:20%;
		left:calc(50% - 67px);
		width:135px;
	}
	.T1 .headerContainer .col2 > div
	{
		display:inline-block;
		vertical-align:top;
	}
	.T1 .headerContainer .col2 > div:nth-child(1)
	{
		padding-top:0px;
		float:right;
		padding-right:30px;
	}

	/*Listes*/
	.T1 .listElement
	{
		float:left;
		width:45.5%;
		margin-right:9%;
	}
	.T1 .listElement:nth-child(2n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}
	
	.T2 .listElement
	{
		float:left;
		width:30%;
		margin-right:3%;
	}
	.T2 .listElement:nth-child(3n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}

	.listElement .img
	{
		float:none;
		width:100%;
	}
	
	/*Page intérieure*/
	.withListe .intzone1 .entete, .withListe .intzone2 .col1
	{
		width:74.4%;
		padding-right:0;
	}
	.intzone1 .entete
	{
		width:64.8%;
		padding-right:6.7%;
		float:left;
	}
	.intzone1 .allContainer.padding
	{
		padding:14px 40px 30px 46px;
	}
	.intzone2 .allContainer.padding
	{
		padding:50px 40px 150px 46px;
	}
	.T2 .intzone2 .allContainer.padding
	{
		padding:30px 40px 150px 46px;
	}
	.intzone2 .col1
	{
		width:64.8%;
		padding-right:6.7%;
		float:left;
		min-height:200px;
	}
	.intzone2 .col2
	{
		width:28.5%;
		float:left;
	}
	
}

@media only screen and (min-width:800px)
{
	.headerContainer .col2 > div:nth-child(1)
	{
		padding-top:0px;
		float:right;
		padding-right:80px;
	}
}

@media only screen and (min-width:900px)
{
	
	.headerContainer .col2 > div:nth-child(1)
	{
		float:none;
	}	
	.T2 .headerContainer .col2 > div:nth-child(3)
	{
		display:block;
	}

	.T2 .headerContainer .col2 > div:nth-child(3) img
	{
		width:auto;		
		padding:10px 0 0 0;
	}	
	
	.T2 .headerContainer .col1 img
	{
		width:100%;
		display:block;
	}
	.T2 .headerContainer .logoT2
	{
		display:none;		
	}	
	
	.T1 .listCtn
	{
		margin-left:23%;
	}
	
	.T2 .listCtn
	{
		margin-left:0;
	}
}

@media only screen and (min-width:1200px)
{
	.intzone1 .accesDirect
	{
		background:url(/template/image/commune/fondAccesDirect.png) no-repeat;
		min-width:80px;
		height:498px;
		position:absolute;
		top:204px;
		left:-60px;
		z-index:1;
		display:block;
	}
	
	.intzone1 .youarehere
	{
		display:block;
		padding-bottom:48px;
	}	
	.T1 .headerContainer .col1 img
	{
		width:100%;
		display:block;
	}
	.T1 .headerContainer .logoT1
	{
		display:none;		
	}
	.T2 .headerContainer .col2 > div
	{
		display:inline-block;
		vertical-align:top;
	}
	.T2 .headerContainer .col2 > div:nth-child(1)
	{
		padding-top:0px;
		float:right;
		padding-right:30px;
	}
	.T1 .headerContainer .col2 > div:nth-child(1), .T2 .headerContainer .col2 > div:nth-child(1)
	{
		padding-top:13px;
		padding-right:0!important;
		float:none;
	}
	.T2 .headerContainer .col2 > div:nth-child(3)
	{
		display:inline-block;
	}
	
	.headerContainer .allContainer.paddingMenu
	{
		padding-top:25px;
	}
}

@media only screen and (min-width:1400px)
{
	.intzone1 .accesDirect
	{
		left:-135px;
	}
}


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

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:800px)
{
	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=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;
	font-family:Tahoma;
	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*/	
	
}
.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;
	padding-bottom:5px;
}

.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);
	padding-bottom:5px;
}

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

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

/******** CLASS POUR LA FANCYBOY *******************/
.fancybox-container.fbx-nopadding .fancybox-content
{
	padding:0!important;
}
.fancybox-slide{
	font-size: 0;
}
.fancybox-slide:before {
	max-height: 100vh;
}
.fancybox-slide .fancybox-content {
	font-size: 16px;
}
/******** FIN CLASS POUR LA FANCYBOY ****************//*****************//*ADMIN*/
#agendaEdit .tdAdmin
{
	width:170px;
}
/*PAGE DE DETAIL*/
#agendaDetails
{
	position:relative;
	margin:30px 0 30px 0;
}

#agendaDetails .agendaDetailsElement 
{
	position:relative;
	display: block;
	margin:0 0 20px 0;
	font-weight:normal;
	line-height:1.5;
}
#agendaDetails .agendaDetailsElement:after
{
	content:"";
	display:block;
	clear:both;
}

#agendaDetails .agendaDetailsElement .label 
{
	position:relative;
	display: block;
	font-weight:bold;
	margin-bottom:5px;
}

#agendaDetails .agendaDetailsElement .value 
{
	position:relative;
	display: block;
}

/********* LIST **************/
#agendaListHolder
{
	position:relative;
	display:block;
	width:auto;
}
#agendaInfoCtn
{
	display:block;
	position:relative;
	margin:0 -10px 20px -10px;
	padding: 0px 10px 0 10px;
	border:1px solid transparent;
	border-left:0;
	border-right:0;
}

#annoncerManif
{
	display:block;
	box-sizing:border-box;
	background:#565757;
	color:#ffffff;
	padding:5px 20px 5px 20px;
	margin:5px 0 30px 0;
	font-size:14px;
	font-weight: normal;
	text-align:center;
	border-radius:5px;
}
#nbrResults 
{
	display:block;
	font-weight: bold;
}

#agendaListCtn
{
	margin:0 0 40px 0;
}
.noactivity
{
	margin:20px 0 40px 0;
	font-size:17px;
	font-weight:bold;
	color:#4a4a49;
}
#agendaListCtn .listElement 
{
	position:relative;
	display:block;
	height:auto;
	width: auto;
	float:none;
	border:none;
	border-bottom: 1px solid #d0d2d4;
	margin:0;
	padding:30px 0 30px 0;
	background:none;
	white-space:nowrap; /*a cause du inline-block à l'interieur*/
	font-size:0;
}
#agendaListCtn .listElement:first-child 
{
	border-top: 1px solid #d0d2d4;
}

#agendaListCtn .listElement .date 
{
	position:relative;
	display: inline-block;
	font-weight:500;
	color: #ff9008;
	text-align: center;
	text-transform: uppercase;
	box-sizing:border-box;
	width: 27%;
	border-right:1px solid #d0d2d4;
	vertical-align:middle;
}

#agendaListCtn .listElement .date .jusquauListe
{
	font-size:12px;
	color:#082f3d;
}

#agendaListCtn .listElement .date .moisListe
{
	font-size:16px;
	/*color:#3b3b3b;*/
	color:#082f3d;
}

#agendaListCtn .listElement .date .jourListe
{
	font-size:40px;
	line-height:1em;
}

#agendaList .listElement .txt
{
	position:relative;
	display: inline-block;
	box-sizing:border-box;
	left:0;
	width: 73%;
	margin:0;
	padding:0 5px 0 15px;
	vertical-align:middle;
	
	height:auto;
	text-align:left;
	background:none;
	box-shadow:none;
}
#agendaList .listElement .txt h5
{
	display:block;
	width:auto;
	margin:0 0 15px 0;
	white-space:normal; 
	overflow:hidden;
	font-size:17px;
	font-weight:bold;
}
#agendaList .listElement .txt span.info, .carrouselElement .txt span.info
{
	position:relative;
	display:block;
	margin-bottom:10px;
	font-size:14px;
	font-weight:normal;
	line-height:normal;
	color:#383838;
	padding:0 5px 0 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left;
}
.carrouselElement .txt span.info
{
	color:#58595b;
	font-size:14px;
	font-family:work_sansregular;
}
#agendaList .listElement .txt span.info:empty, .carrouselElement .txt span.info:empty
{
	display:none;
}
#agendaList .listElement .txt span.info:before, .carrouselElement .txt span.info:before
{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:14px;
	height:15px;
	background:url(/template/image/commune/agendasprite.png) no-repeat left top;
	background-size:100% auto;
}

#agendaList .listElement .txt span.dateListeAgenda:before, .carrouselElement .txt span.dateListeAgenda:before
{
	background-position:left -22px;
}

#agendaList .listElement .txt span.catListeAgenda:before, .carrouselElement .txt span.catListeAgenda:before
{
	background-position:left bottom;
}

#agendaList .listElement span.cms_icons-fleche_2
{
	display:none;
}

@media only screen and (min-width:641px)
{
	#agendaListHolder
	{
		width:150%;
	}

	#agendaInfoCtn
	{
		border:1px solid transparent;
		margin:40px 25px 20px 25px;
		padding:0;
	}
	
	#annoncerManif
	{
		float:right;
		width:48%;
		margin:0
	}
	#nbrResults 
	{
		float:left;
		width:50%;
	}	

	#agendaListCtn .listElement:after
	{
		content:"";
		position:absolute;
		top:0;left:0;right:0;bottom:0;
		box-shadow: 15px 15px 25px rgba(0,0,0,0.18);
		opacity:0;
		transition:opacity .5s;
	}
	#agendaListCtn .listElement:hover:after
	{
		opacity:1; 
	}
	
	#agendaListCtn .listElement .date 
	{
		width: 20%;
		margin-right:3%;
	}
	
	#agendaListCtn .listElement .date .jusquauListe
	{
		font-size:13px;
	}
	
	#agendaListCtn .listElement .date .moisListe
	{
		font-size:20px;
	}
	
	#agendaListCtn .listElement .date .jourListe
	{
		font-size:52px;
	}
	
	#agendaList .listElement .txt
	{
		width: 77%;
		padding:0 0 0 30px;
		vertical-align:middle;
	}
	#agendaList .listElement .txt span.info
	{
		padding:0 70px 0 30px;
		text-overflow:clip;
		white-space:normal;
	}
	
	#agendaList .listElement span.cms_icons-fleche_2
	{
		position:absolute;
		bottom:0;
		right:50px;
	}
}
@media only screen and (min-width:800px)
{
	#agendaListHolder
	{
		width:auto;
	}
}


/* RECHERCHE */
#divSearchAgenda
{
	margin:0 -10px 20px -10px;
	padding: 25px 10px 0 10px;
	border: 1px solid #d0d2d4;
	border-left:0;
	border-right:0;
	background-color:none;
	font-size:0;
}
	
#searchKeywords, #searchCategorie
{
	display:block;
	margin-bottom: 15px;
}
	
#searchFrom, #searchTo 
{
	width: 49%;
	display: inline-block;
	margin-bottom: 15px;
}
	
#divBtnSubmitSearch
{
	display: block;
	margin-bottom: 15px;
}
#divSearchAgenda .sep 
{
	display: inline-block;
	width: 2%;
	text-align: center;
	font-size:17px;
}
	
input[type=submit].btnSubmitSearch
{
	display: inline-block;
	border:0px;
	margin:0px;
	padding:0px;
	height: 36px;
	width: 100%;
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
	line-height:normal;
	text-transform: uppercase;
	cursor:pointer;
	background-color:#ff9008;
	border-radius:5px;
	letter-spacing:1px;
}
	
.cbxSearch, input[type=text].txtSearch
{
	width: 100%;
	padding-left:10px;
	height: 36px;
	border: 2px solid #dedede;
	background-color:#ffffff;
	font-size:14px;
	color:#6f6f6f;
	border-radius:5px;
}

/*FORMULAIR ANNONCE */
#agendaAnnonceFrm
{
	position:relative;
	display:block;
	margin:40px 0 40px 0px;
}
@media only screen and (min-width:796px)
{
	#agendaAnnonceFrm
	{
		margin-left:70px;
	}	
}
#agendaAnnonceFrm .fieldctn
{
	display:block;
	margin-bottom:15px;
	line-height:normal;
}
#agendaAnnonceFrm .fieldctn label
{
	display:block;
	margin-bottom:5px;
	font-size:16px;
	font-weight:500;
}
#agendaAnnonceFrm .fieldctn.mymandatory label:after
{
	content:"*";
}
#agendaAnnonceFrm .fieldctn input, #agendaAnnonceFrm .fieldctn select
{
	display:block;
	box-sizing:border-box;
	width:100%;
	max-width:500px;
	background:#ffffff;
	border:1px solid #cacaca;
	border-radius:5px;
	font-size:17px;
	font-weight:normal;
	padding:5px;
}
#agendaAnnonceFrm .fieldctn.mymandatory input.failed
{
	background-color: #FFE3E8;
  	border:1px dotted red;
}
#agendaAnnonceFrm .fieldctn input[type=submit]
{
	max-width:200px;
	padding:5px 20px 5px 20px;
	margin:40px 0 40px 0;
	background:#ff9008;
	border:1px solid #ff9008;
	text-align:center;
	color:#ffffff;
	font-size: 15px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
	opacity:1;
}
#agendaAnnonceFrm .fieldctn input[type=submit]:disabled
{
	opacity:.5;
}
#agendaAnnonceFrm .fields2col
{
	display:block;
	max-width:500px;
}
#agendaAnnonceFrm .fields2col .fieldctn
{
	float:left;
	width:48%;
	margin-right:4%;
}
#agendaAnnonceFrm .fields2col .fieldctn:last-child
{
	margin-right:0;
}

#agendaAnnonceFrm .fields2col .fieldctn input
{
	display:block;
	float:left;
}
#agendaAnnonceFrm .fields2col.withcal .fieldctn input
{
	width:calc(100% - 30px);
}

#agendaAnnonceFrm .fields2col .fieldctn .cms_icons-agenda_2
{
	display:block;
	float:left;
	font-size:17px;
	margin:7px 0 0 5px;
	cursor:default;
}


#agendaAnnonceFrm .fieldctn .radioctn
{
	display:block;
	margin:10px 0 5px 0;
}
#agendaAnnonceFrm .fieldctn .radioctn input[type=radio]
{
	width:auto;
	display:inline-block;
	vertical-align:middle;
	margin:0 5px 5px 0;
}
#agendaAnnonceFrm .fieldctn .radioctn input[type=radio] + input
{
	display:none;
	margin:10px 0 0 0;
}
#agendaAnnonceFrm .fieldctn .radioctn input[type=radio] + input + span
{
	display:none;
}
#agendaAnnonceFrm .fieldctn .radioctn input[type=radio]:checked + input
{
	display:block;
}
#agendaAnnonceFrm .fieldctn .radioctn input[type=radio]:checked + input + span, #agendaAnnonceFrm .fieldctn .imgctn .img + span
{
	display:block;
	font-size:14px;
	margin:5px 0 5px 5px;
}
#agendaAnnonceFrm .title
{
	display:block;
	margin:30px 0 20px 0;
	font-size:16px;
	font-weight:500;
	text-transform:uppercase;
}

#thanksAdminTitle
{
	margin:70px 0 20px 70px;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	border-bottom:1px solid #d0d2d4;
}
/* MEDIA QUERIES*/
@media only screen and (min-width:641px)
{
	#agendaDetails .agendaDetailsElement 
	{
		margin-bottom:10px;
	}
	
	#agendaDetails .agendaDetailsElement .label 
	{
		float:left;
		width:120px;
		margin-bottom:0;
	}
	
	#agendaDetails .agendaDetailsElement .value 
	{
		float:left;
		width:calc(100% - 120px);
	}	
	
	#divSearchAgenda
	{
		padding: 25px 25px 0 25px;
		border: 1px solid #d0d2d4;
		margin:0 0 20px 0;
	}
	
	#searchKeywords, #searchCategorie
	{
		display:inline-block;
		width: 48%;
		margin-right:4%;
		margin-bottom: 25px;
	}
	#searchKeywords
	{
		margin-right:0;
	}
	
	#searchFrom, #searchTo {
		width: 23%;
		display: inline-block;
		margin-bottom: 25px;
	}
	
	#divBtnSubmitSearch
	{
		display: inline-block;
		margin-bottom: 25px;
		margin-left: 4%;
		width: 48%;
	}
}

/* STYLE POUR ZONE UPLOAD*/
#agendaAnnonceFrm .imgctn
{
	position:relative;
	display:block;
	margin-bottom:15px;
	line-height:normal;
}
#agendaAnnonceFrm .imgctn .img
{
	position:relative;
	width:500px;
	background:#ffffff;
	outline:1px dotted #22274D;
}
#agendaAnnonceFrm .imgctn .img:before
{
	content:"";
	display:block;
	padding-top:77.8%; /*format du carrousel*/
}
.uploadzone
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	overflow:hidden;
	cursor:pointer;
}
.uploadzone:before
{
	content:"";
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	background:no-repeat top center #ffffff;
	background-size:cover;
	background-position:50% 0;
	z-index:1;
	opacity:1;
}
.uploadzone.filled:before
{
	content:none;
}
.uploadzone > input[type=file]
{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	z-index:1;
}
.uploadzone > .uploadtxt
{
	position:absolute;
	display:block;
	top:50%;left:20px;right:20px;
	transform:translateY(-50%);
	text-align:center;
	z-index:1;
	font-weight:normal;
	font-size:16px;
	color:#15284a;
	line-height:1.5;
}

.uploadzone.filled > .uploadtxt
{
	display:none;
}
.uploadzone > .uploaddropzone
{
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	z-index:2;
}


/*************  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)
{
	#agendaList .listElement .txt span.info:before
	{
		background-image:url(/template/image/commune/agendasprite@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)
{
	#agendaList .listElement .txt span.info:before
	{
		background-image:url(/template/image/commune/agendasprite@x3.png);
	}
}/*
Style pour le calendrier
*/
#calendriers 
{
	display:none;
}

@media only screen and (min-width:800px)
{
	#calendriers 
	{
		display:block;
		margin:20px 0 20px 0px;
	}
	
	#calendriers .fondCalendrier, #calendriers .fondCalendrier6Lignes
	{
		background: #565757;
		width:102%;
		padding-top:12px;
		margin-bottom:30px;
	}
	
	/* Style de la table principale contenant le calendrier */
	/* Style de la table principale contenant le calendrier */
	#calendriers table.calendar_main {
		width: 100%;
		height:199px;
		margin-left: 0px;
		margin-top:0px;
		padding-top:0px;
		background-color: #ffffff;
		font-weight: bold;
		font-size: 14px;
	}
	
	/* Style for the calendar header (<< month year >>) */
	/* Style du titre du calendrier (<< mois annee >>)  */
	#calendriers .calendar_title {
		color: #ffffff;
		text-align: center;
	}
	
	/* Style of the cell "month year" of the header */
	/* Style de la cellule "mois annee" du titre    */
	#calendriers .calendar_title_month {
		padding-bottom: 12px;
		text-align:center;
		width: 84%;
		letter-spacing:1px;
	}

	#calendriers .calendar_title_monthIE7 {
	text-align:center;
	width: 84%;
	line-height:13px;
	}
	
	/* Style of the link "month year" of the header */
	/* Style du lien "mois annee" du titre          */
	#calendriers .calendar_title_month_clickable, #calendriers .calendar_title_monthIE7_clickable {
		color: #ffffff;
		font-weight: normal;
		font-size:15px;
		text-decoration: none;
		text-transform:uppercase;
	}
	
	/* Style of the cell that contains the link "<<" in the header */
	/* Style de la cellule contenant le lien "<<" du titre         */
	#calendriers .calendar_title_left_arrow {
		text-align: left;
		padding-left: 3% !important;
		width: 5%;
		margin-top:-2px;
	}
	
	/* Style of the cell that contains the link ">>" in the header */
	/* Style de la cellule contenant le lien ">>" du titre         */
	#calendriers .calendar_title_right_arrow {
		text-align: right;
		padding-right: 3% !important;
		width: 5%;
		margin-top:-2px;
	}
	
	/* Style of the link "<<" of the header */
	/* Style du lien "<<" du titre          */
	#calendriers .calendar_title_left_arrow_clickable {
		text-decoration: none;
	}
	#calendriers .calendar_title_left_arrow_clickable:before {
		content: '<';
		color: #ffffff;
		font-weight: 500;
		font-size: 20px;
	}
	#calendriers .calendar_title_left_arrow_clickable:hover:before {
		color: #ffffff;
	}
	#calendriers .calendar_title_left_arrow_clickable img {
		display: none;
	}
	
	/* Style of the link ">>" of the header */
	/* Style du lien ">>" du titre          */
	#calendriers .calendar_title_right_arrow_clickable {
		text-decoration: none;
	}
	#calendriers .calendar_title_right_arrow_clickable:before {
		content: '>';
		color: #ffffff;
		font-weight: 500;
		font-size: 20px;
	}
	#calendriers .calendar_title_right_arrow_clickable:hover:before {
		color: #ffffff;
	}
	#calendriers .calendar_title_right_arrow_clickable img {
		display: none;
	}
	
	/* Global style of the main calendar table */
	/* Style global de la table du calendrier  */
	#calendriers .calendar_table, .calendar_tableIE9 {
		border: none;
		border-collapse: collapse;
		color:#565757;
		width: 100%;
	}
	
	/* Generic style of the calendar table cells              */
	/* Style generique des cellules de la table du calendrier */
	#calendriers .calendar_table td {
		text-align: center !important;
		font-size: 14px;
		padding-left:10px;
		padding-right:11px;
		padding-top:12px;
		padding-bottom:13px;
		border:1px solid #d0d4d9;
		color: #565757;
	}
	#calendriers .calendar_table td.calendar_other_month {
		color: #cccccc;
	}
	
	/*Pour IE 9*/
	#calendriers .calendar_tableIE9 td {
		text-align: left;
		font-size:16px;
		padding-left:11px;
		padding-right:11px;
		padding-top:12px;
		padding-bottom:13px;
		border:1px solid #d0d4d9;
		color: #565757;
	}
	
	/* Style of the table header cells that contains the days                   */
	/* Style des cellules d'en-tete la table du calendrier, contenant les jours */
	#calendriers .calendar_table th, #calendriers .calendar_tableIE9 th 
	{
		display:none;
		/*color:#0076BA;
		text-align: center !important;
		font-size:12px;
		padding-left:10px;
		padding-right:10px;
		padding-top:12px;
		padding-bottom:13px;
		border:1px solid #c6cfd6;
		font-weight: normal;*/
	
	}
	
	/* Style of the calendar cells the contains the week-end days (saturday and */
	/* sunday)                                                                  */
	/* Style des cellules de la table contenant les jours du week-end (samedi et*/
	/* dimanche)                                                                */
	#calendriers .calendar_weekend {
		/*background-color: #cccccc;*/
	}
	
	/* Style of the table cells that contains the days that are not part of the */
	/* monthly currently displayed                                              */
	/* Style des cellules contenant des jours ne faisant pas partie du mois en  */
	/* cours d'affichage                                                        */
	#calendriers .calendar_other_month {
		color: #cccccc;
	}
	
	/* Style for the links of days not part of the month currently displayed */
	/* Style des liens des jours ne faisant pas partie du mois en cours      */
	/* d'affichage                                                           */
	#calendriers .calendar_other_month_clickable {
		color: #cccccc;
		text-decoration: none;
		font-weight:normal;
	}
	
	/* Style for today's day (non-clickable)                  */
	/* Style du jour (non cliquable) representant aujourd'hui */
	#calendriers .calendar_today {
		color: #032f3e;
		font-weight:normal;
		text-decoration: none;
		background: #f2f2f2;
	}
	#calendriers td.calendar_today{
		border: 2px dotted #032f3e;
		color: #032f3e;
	}
	
	/* Style of today's link                              */
	/* Style du lien sur le jour representant aujourd'hui */
	#calendriers .calendar_today_clickable {
		color: #032f3e;
		font-weight:normal;
		text-decoration: none;
		background: #f2f2f2;
		background:url(/plugin/calendrier/template/image/todayClic.gif) no-repeat top right #f2f2f2;
	}
	#calendriers td.calendar_today_clickable {
		border: 2px dotted #032f3e;
		color: #032f3e;
	}
	
	#calendriers .calendar_today_clickable a, #calendriers .calendar_todaycontinues_clickable a
	{
		color: #032f3e;
		font-weight:normal;
		text-decoration: none;
	}
	
	#calendriers .calendar_todaycontinues_clickable {
		color: #032f3e;
		font-weight:normal;
		text-decoration: none;
		background:url(/plugin/calendrier/template/image/todayClic.gif) no-repeat top right #eef1f5;
	}
	#calendriers td.calendar_todaycontinues_clickable {
		border: 2px dotted #032f3e;
		color: #032f3e;
	}
	
	/* Style for the links of days part of the month currently displayed     */
	/* Style des liens des jours faisant partie du mois en cours d'affichage */
	#calendriers .calendar_day_clickable  {
		/*color: #357555;*/
	
		color:#565757;
		text-decoration:none;
		font-weight:normal;
		background: url(/plugin/calendrier/template/image/dayClic.gif) no-repeat top right;
		
	}
	
	#calendriers .calendar_daycontinues_clickable {
		
		color:#565757;
		text-decoration:none;
		font-weight:normal;
		background:url(/plugin/calendrier/template/image/daycontinuesClic.gif) no-repeat top right;
		
		
	}
	
	#calendriers .calendar_daycontinues_clickable a, #calendriers .calendar_day_clickable a
	{
		color:#565757;
		text-decoration:none;
	}
	
	#calendriers .calendar_day {
		color:#565757;
		text-decoration:none;
		font-weight:normal;
	}
}
/*****************/
/** 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; }/*************************************
Style pour les cartouches du carrousel
**************************************/
.T1 .carrouselCtn
{
	max-width:370px;
	overflow:hidden;	
	margin:0 auto 0 auto;
	padding:0 auto 0 auto;
}

.T2 .carrouselCtn
{
	max-width:370px;
	overflow:hidden;	
	margin:0 auto 0 auto;
	padding:0 auto 0 auto;
}

.carrouselElement
{
	position:relative;
	display:block;
	text-decoration:none;
}
.T1 .carrouselElement .img
{
	position:relative;
	display:block;
	width:100%;
	background:url(/template/image/defaultListT1.jpg) no-repeat center center;
	background-size:cover;
}
.T2 .carrouselElement .img
{
	position:relative;
	display:block;
	width:100%;
	/*background:url(/template/image/defaultListT2.jpg) no-repeat center center;*/
	background:url(/template/image/defaultListT2.jpg) no-repeat top center;
	background-size:cover;
}
.carrouselElement .img:before
{
	content:"";
	display:block;
	padding-top:77.8%;
}

.T1 .carrouselElement .puce
{
	position:absolute;
	bottom:0;
	left:0;
	z-index:2; 
	width:100%;
	height:13px;
	background:url(/template/image/theatre/cache.png) no-repeat center;
	
}

.T2 .carrouselElement .puce
{
	position:absolute;
	bottom:-9px;
	left:calc(50% - 9px);
	z-index:2; 
	width:18px;
	height:18px;
	background:url(/template/image/commune/puce.png) no-repeat;
}
.carrouselElement:hover .hover:before
{
	content:"";
	display:block;
	width:100%;
	height:100%;
	bottom:0;
	position:absolute;
	z-index:1;
	background:url(/template/image/commune/over.png) no-repeat bottom center;
}

.T1 .carrouselElement:hover .hover:before
{
	background:url(/template/image/theatre/over.png) no-repeat;
	background-position:49.9% bottom;
}

.carrouselElement .txt
{	
	box-sizing:border-box;
	display:block;
	position:relative;
	padding:25px 21px 26px 23px;
	height:195px;
	overflow:hidden;
	text-align:center;
	background:#FFFFFF;
	box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.2);
}
.T1 .carrouselElement .txt
{
	padding:15px 21px 26px 23px;
}

.carrouselElement h5
{
	text-transform:uppercase;
	font-weight:bold;
	color:#383838;
	font-family:work_sansregular;
	font-size:14px;
	width:135px;
	display:inline-block;
	margin:0 0 37px 0;
	
}
.T1 .carrouselElement h5
{
	font-weight:normal;
	font-family:brandon_grotesqueblack;
	font-size:14px;
	margin:0 0 20px 0;
}
.carrouselElement .resume
{
	display:block;
	color:#58595b;	
	font-size:14px;
	font-family:work_sansregular;
	overflow:hidden;
	height:70px;
}
.T1 .carrouselElement .resume
{
	font-family:charterroman;
	text-transform:uppercase;
	height:90px;
}
.carrouselElement .date
{	
	position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
    z-index: 0;
    width: 100%;
	box-sizing:border-box;
	background:url(/plugin/manifestation/template/image/date.png);
	font-size:14px;
}
/*affiche pas les puces*/
.jcarousel-skin li
{
	list-style-type: none;
}

/*Style pour les zone html libre*/
#TableZoneHtml, #TableZoneHtml P
{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}


/***********************
STYLE POUR LE CARROUSEL
************************/
/*Style pour le container du carrousel*/
.jcarousel-skin .jcarousel-container {
	
}

.jcarousel-skin .jcarousel-direction-rtl {
	direction: rtl;
}

/*Style pour le carrousel en lui-même*/
.T1 .jcarousel-skin .jcarousel-container-horizontal, .T2 .jcarousel-skin .jcarousel-container-horizontal  
{ 
	height:390px;
	margin:0 44px 0 51px;
}

.jcarousel-skin .jcarousel-clip {
    overflow: hidden;
}

/*Zone où se trouve l'ensemble des éléments à défiler*/
.jcarousel-skin .jcarousel-clip-horizontal {
    width:100%;
	height:390px
}

/*Tailles des cartouches intérieurs*/
.jcarousel-skin .jcarousel-item {
    width:249px;
	height:390px;
}

.jcarousel-skin .jcarousel-item-horizontal {
	margin-left: 2px;
   	margin-right: 26px;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 30px;
    margin-right: 0;
}

.jcarousel-skin .jcarousel-item-placeholder {
  
}

/*Gestion des flèches*/
.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 47%;
    right: -43px;
    width: 15px;
    height: 23px;
    cursor: pointer;
    background: url(/plugin/carrousel/template/images/right.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/plugin/carrousel/template/images/left);
}

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 47%;
    left: -43px;
    width: 15px;
    height: 23px;
    cursor: pointer;
    background: url(/plugin/carrousel/template/images/left.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/plugin/carrousel/template/images/right.png);
}

@media only screen and (min-width:730px)
{
	.T1 .jcarousel-skin .jcarousel-container-horizontal
	{
		margin:0 74px 0 81px;
	}

	.T1 .carrouselCtn
	{
		max-width:700px;
	}
	

}

@media only screen and (min-width:770px)
{
	
	
	.T2 .carrouselCtn
	{
		max-width:370px;
	}
}



@media only screen and (min-width:1000px)
{
	.T2 .jcarousel-skin .jcarousel-container-horizontal 
	{
		margin:0 74px 0 81px;
	}
	
	.T1 .carrouselCtn, .T2 .carrouselCtn
	{
		max-width:100%;	
	}
}/* CARTOUCHE GENERIQUE */
.cartoucheCtn
{
	position:relative;	
}

.cartoucheCtn h5
{
	margin:20px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:bold;
}

.cartoucheCtn .more
{
	display:block;
	color:#000000;
	text-decoration:none;
	text-align:right;
}

.cartoucheCtn .rss
{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
}
.cartoucheCtn .archive
{
	display:block;
	color:#000000;
	text-decoration:none;
	padding:5px 0px 5px 0px;
}
.cartoucheCtn .archive > a
{
	margin-left:3px;
	text-decoration:none;
	color:grey;
}

.cartoucheElementCtn
{
	position:relative;
}

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

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

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

.cartoucheElement h6
{
	margin:0px 0px 10px 0px;
	font-weight:bold;
	color:#000000;
	
}
.cartoucheElement .resume
{
	display:block;
	color:#000000;	
}

/* CARTOUCHE NEWS */
#cartoucheNewsCartoucheCtn .cartoucheElement
{
	padding-bottom:18px;
}

#cartoucheNewsCartoucheCtn .cartoucheElement .date
{
	position:absolute;
	display:block;
	bottom:5px;
	right:7px;
	color:grey;
	font-size:11px;
}

/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{
	.cartoucheElement .img
	{
		float:none;
		width:100%;
	}
}

/* CARTOUCHE ALERTE ROUGE */
#blocAlertes .cartoucheCtn
{
	position:relative;	
	margin:0 0 0 0;
	padding:30px 10px 10px 10px;
	background:#f5f5f5;
	border:0;
}
#blocAlertes .cartoucheCtn:before
{
	content:"";
	position:absolute;
	top:70px;
	left:0;
	right:0;
	bottom:0;
	opacity:.03;
}


#blocAlertes .cartoucheCtn h5
{
	margin:0 0 25px 0;
	padding:0;
	font-size:22px;
	font-weight:normal;
	color:#454b56;
	text-transform:uppercase;
}


#blocAlertes .cartoucheCtn .more
{
	position:relative;
	display:inline-block;
	width:100%;
	text-align:right;
	font-weight:bold;
	color:#84888f;
	text-decoration:none;
	text-align:right;
	vertical-align:middle;
}
#blocAlertes .cartoucheCtn .more:after
{
	content:">";
	display:inline-block;
	font-size:19px;
	color:#96da47;
	margin-left:10px;
	margin-top:-2px;
	vertical-align:middle;
}

#blocAlertes .cartoucheElementCtn
{
	position:relative;
}

#blocAlertes .cartoucheElement
{
	position:relative;
	display:block;
	margin:0 0 20px 0;
	text-decoration:none;
}

#blocAlertes .cartoucheElement .txt
{
	display:block;
	position:relative;
	padding: 0 0 0 30px;
	overflow:hidden;
}

#blocAlertes .cartoucheElement h6
{
	position:relative;
	margin:7px 0px 8px 0px;
	color:#ffffff;
	border:0;
	padding:0;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
}

#blocAlertes .cartoucheElement h6:before
{
	content:"";
	position:absolute;
	top:50%;
	left:-28px;
	width:11px;
	height:18px;
	margin-top:-9px;
	background:url(/plugin/cartouche/template/images/arrow-big.png) no-repeat center center;
	transition:left .2s;
}
#blocAlertes .cartoucheElement:hover h6:before
{
	left:-18px
}
#blocAlertes .cartoucheElement .resume
{
	display:block;
	color:#e3e3e3;
	line-height:1.5em;	
	font-size: 15px;
}

#blocAlertes .cartoucheElement .plus
{
	display:block;
	color:#ffffff;
	margin:15px 0 0 0;
	line-height:normal;	
	font-size: 13px;
}

@media (min-width:1020px)
{
	#blocAlertes .cartoucheCtn
	{
		margin:0 0 20px 0;
		padding:30px 37px 10px 27px;
	}
	
	#blocAlertes .cartoucheElement .txt
	{
		padding: 0 0 0 50px;
	}
	
}

#blocAlertes
{
	width:100%;
	height:auto;
	position:relative;
	z-index:1100;
}

#blocAlertes #cartoucheInformationsCartoucheCtn
{
	background:rgba(255, 0, 0, 0.8);
	padding-bottom:10px;
	padding-right:30px;
	width:100%;
	box-sizing:border-box;
}
.T1 #blocAlertes #cartoucheInformationsCartoucheCtn
{
	background:rgba(255, 0, 0, 1);
}

#blocAlertes #cartoucheInformationsCartoucheCtn .cartoucheElementCtn .close
{
	position:absolute;
	top:-20px;
	right:-15px;
	height:19px;
	width:19px;
	display:block;
	background:url('/plugin/cartouche/template/images/close.png') no-repeat;
	cursor:pointer;
}

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:1200px)
{
	#blocAlertes
	{
		position:absolute;
		bottom:48px;
		left:0px;
	}
	
	#blocAlertes
	{
		max-width:50%;
	}
}
@media only screen and (min-width:1600px)
{
		
	#blocAlertes
	{
		max-width:33%;
	}
}
#documentListCtn.listCtn
{
	margin-left:0!important;
}

#documentListCtn .listElement
{
	/*width:auto;
	float:none;*/
	margin:0 0 10px 0;
	overflow:visible;
	width:100%;
	float:none;
}

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

#documentListCtn .listElement .txt
{
	height:auto;
	box-shadow:none;
	background:transparent;
	text-align:left;
	padding:0 21px 26px 33px;
}

#documentListCtn .listElement h5
{
	text-transform:uppercase;
	font-weight:normal;
	color:#ff9008;
	font-family:work_sansregular;
	font-size:16px;
	width:auto;
	display:inline-block;
	margin:0 0 10px 0;
}

.T1 #documentListCtn .listElement h5
{
	color:#14d345;
	font-family:brandon_grotesqueblack;
}
#documentListCtn .listElement .resume
{
	display:block;
	color:#58595b;	
	font-size:14px;
	font-family:work_sansregular;
	overflow:visible;
	height:auto;
}

.T1 #documentListCtn .listElement .resume
{
	font-family:charterroman;
	text-transform:uppercase;
}

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

#documentListCtn .listElement .admin
{
	position:absolute;
	display:block;
	top:5px;
	left:-12px;
}#faqListCtn.listCtn
{
	margin-left:0!important;
}

#faqListCtn .listElement
{
	width:auto;
	float:none;
	border:0px;
	margin:0px 0px 10px 0px;
}

#faqListCtn .listElement .question
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:29px 25px 29px 68px;
	background:url(/plugin/faq/template/image/faqclose.png) no-repeat 38px center #354248;
}

.T2 #faqListCtn .listElement .question
{
	background:url(/plugin/faq/template/image/faqclose.png) no-repeat 38px center #032f3e;
}
#faqListCtn .listElement .question h5
{
	color:#ffffff;
	text-transform:uppercase;
	margin:0px;
	width:auto;
	padding: 0;
	font-weight:normal;
	font-family:brandon_grotesque_regular;
}

.T2 #faqListCtn .listElement .question h5
{
	font-weight:normal;
	font-family:work_sansmedium;
}

#faqListCtn .listElement .question.open, #bodyprint #faqListCtn .listElement .question
{
	background:url(/plugin/faq/template/image/faqopen.png) no-repeat 38px center #354248;
	color:#FFFFFF;
}

.T2 #faqListCtn .listElement .question.open, #bodyprint #faqListCtn .listElement .question
{
	background:url(/plugin/faq/template/image/faqopen.png) no-repeat 38px center #032f3e;
}

#faqListCtn .listElement .question.open h5, #bodyprint #faqListCtn .listElement .question h5
{
	color:#FFFFFF;
}

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

#bodyprint #faqListCtn .listElement .answer
{
	display:block;
}#galleryimageListCtn .listElement
{
	width:auto;
	height:auto;
	box-sizing:border-box;
	padding:5px;
	border:0px;
	/*background:grey;*/
	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;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
}

#galleryimageListCtn .listElement .img:before
{
	content:"";
	padding-top:100%;
}

#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)
{
	.T1 #galleryimageListCtn .listElement
	{
		float:left;
		margin:0 2% 10px 0;
		width:49%;
	}
	
	.T2 #galleryimageListCtn .listElement
	{
		float:left;
		margin:0 2% 10px 0;
		width:32%;
	}
}
@media only screen and (min-width:321px) and (max-width:640px)
{
	.T1 #galleryimageListCtn .listElement:nth-child(2n+0)
	{
		margin-right:0;
	}
	
	.T2 #galleryimageListCtn .listElement:nth-child(3n+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)
{
	.T1 #galleryimageListCtn .listElement
	{
		width:32%;
	}
	
	.T2 #galleryimageListCtn .listElement
	{
		width:24%;
		margin:0 1% 10px 0;
	}
	
	.T1 #galleryimageListCtn .listElement:nth-child(3n+0)
	{
		margin-right:0!important;
	}
	
	.T2 #galleryimageListCtn .listElement:nth-child(4n+0)
	{
		margin-right:0!important;
	}
}
/* Style pour plugin langsite */
.langsite
{
   color: #ffffff;
	font-size:12px;
	font-family:brandon_grotesquemedium;
   text-decoration: none;
}

.langsiteActiv
{
   color: #d6d6d6;
	font-size:12px;
	font-family:brandon_grotesquemedium;
   text-decoration: none;
}
#linksCtn
{
	position:relative;	
}

.T1 #linksCtn h5
{
	color:#383838;
	font-family:brandon_grotesquethin;
	font-size:18px;
	text-transform:uppercase;
}

.T2 #linksCtn h5
{
	color:#032f3e;
	font-family:work_sansregular;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}

.linksElementCtn
{
	position:relative;
	width:100%;
}

.linksElement
{
	position:relative;
	display:block;
	margin:0 0 30px 0;
	text-decoration:none;
	/*overflow:hidden;*/
}

.T1 .linksElement .img
{
	position:relative;
	display:block;
	width:100%;
	background:url(/template/image/defaultListT1.jpg) no-repeat center center;
	background-size:cover;
	margin:0;
}
.T2 .linksElement .img
{
	position:relative;
	display:block;
	width:100%;
	background:url(/template/image/defaultListT2.jpg) no-repeat center center;
	background-size:cover;
	margin:0;
}
.T1 .linksElement .puce
{
	position:absolute;
	bottom:0;
	left:0;
	z-index:2; 
	width:100%;
	height:13px;
	background:url(/template/image/theatre/cache.png) no-repeat center;
}

.T2 .linksElement .puce
{
	position:absolute;
	bottom:-9px;
	left:calc(50% - 9px);
	z-index:2; 
	width:18px;
	height:18px;
	background:url(/template/image/commune/puce.png) no-repeat;
}
.linksElement .img:before
{
	content:"";
	display:block;
	padding-top:77.8%;
}
.T1 .linksElement .img:before
{
	padding-top:83.06%;
}
.linksElement:hover .hover:before
{
	content:"";
	display:block;
	width:100%;
	height:100%;
	bottom:0;
	position:absolute;
	z-index:1;
	background:url(/template/image/commune/over.png) no-repeat bottom center;
}
.T1 .linksElement:hover .hover:before
{
	background:url(/template/image/theatre/over.png) no-repeat bottom center;
}

.linksElement .txt
{
	box-sizing:border-box;
	display:block;
	position:relative;
	padding:25px 21px 26px 23px;
	overflow:hidden;
	text-align:center;
	background:#FFFFFF;
	box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.2);
}

.T1 .linksElement .txt
{
	padding:15px 21px 26px 23px;
}

.linksElement h6
{
	text-transform:uppercase;
	font-weight:bold;
	color:#383838;
	font-family:work_sansregular;
	font-size:14px;
	width:100%;
	display:inline-block;
	margin:0 0 37px 0;
}

.T1 .linksElement h6
{
	font-weight:normal;
	font-family:brandon_grotesqueblack;
	font-size:14px;
	margin:0 0 20px 0;
}
.linksElement .resume
{
	display:block;
	color:#58595b;	
	font-size:14px;
	font-family:work_sansregular;
}

.T1 .linksElement .resume
{
	font-family:charterroman;
	text-transform:uppercase;
}

@media only screen and (min-width:641px)
{
	.linksElementCtn
	{
		width:86.4%;
	}
	
	#linksCtn h5
	{
		display:none;
	}
	
}

@media only screen and (min-width:800px)
{
	.linksElement h6
	{
		width:135px;
	}
}

#manifestationListCtn .listElement .date
{	
	position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
    z-index: 1;
    width: 100%;
	box-sizing:border-box;
	background:url(/plugin/manifestation/template/image/date.png);
	font-size:14px;
}
#zoneSearchManif input[type=text], #zoneSearchManif select
{
	background:white;
}
.enteteSearch
{
	padding-right:20px;
	padding-bottom:10px;
}

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

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

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

#zoneDetailEvent
{
	
}

.T1 #zoneDetailEvent th
{
	color:#2d393f;
	font-weight:bold;
	background:transparent;
	padding:5px 20px 5px 0;
	font-size:20px;
}

.T2 #zoneDetailEvent th
{
	font-family:work_sansregular;
	color:#032f3e;
	font-weight:bold;
	background:transparent;
	padding:5px 20px 5px 0;
}

#zoneDetailEvent  .btn
{
	height:43px;
	position:relative;
	display:block;
	float:left;
	margin-top:50px;
	margin-bottom:30px;
}

#zoneDetailEvent  .btn .titre
{
	float:left;
	color:#565757;
	font-weight:bold;
	text-align:right;
	padding:0 15px 0px 16px;
	font-size:17px;
	height:31px;
}

#zoneDetailEvent  .btn .img
{
	float:left;
	width:11px;
	display:block;
	padding-top:2px;
}/*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:.9em;
	}
	
	#disclaimerCtn .disclaimer .txt
	{
		/*margin-bottom:5px; attente validation*/
		margin-bottom:5px;
	}
	#disclaimerCtn .disclaimer a.read
	{
		display:inline-block;
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer .close
	{
		position:absolute;
		width:120px;
		top:50%;
		right:10px;
		padding:10px;
		transform:translateY(-50%);
	}
}/* Gestion des panels pour le menu */
#mainPanel
{
	position:relative;
	transition: left 0.2s linear;
}
#mainPanel.open
{
	width:100%;
	height:100%;
	left:0;
}

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

.T1 #leftPanel
{
	background:#354248;
}

.T2 #leftPanel
{
	background:#032f3e;
}

#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:inline-block;
	vertical-align:top;
	width:39px;
	height:38px;
	cursor:pointer;
	background:url(/template/image/menuIcone.png) center center;
	background-size:cover;
	position:absolute;
	top:10px;
}
#menuIcone > span
{
	display:none;
}

.T1 #menuIcone
{
	background-color:#14d345;
}

.T2 #menuIcone
{
	background-color:#ff9008;
}

#leftPanel a.copy
{
	display:none;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
#menuT1Main ul
{
	margin:0px;
	padding:0px;
	font-family:brandon_grotesque_regular;
	letter-spacing:1px;
	font-size:16px;
	color:#ffffff;
}

#menuT2Main ul
{
	margin:0px;
	padding:0px;
	font-family:work_sansregular;
	letter-spacing:1px;
	font-size:14px;
	color:#ffffff;
}

#menuT1Main li, #menuT2Main li
{
	list-style-type: none;
	padding-bottom:0px; /*compense le li de base*/
}
#menuT1Main li > a, #menuT2Main li > a
{
	display:block;
	color:#ffffff;
	text-decoration:none;
	padding:7px 10px 7px 20px;
	margin-bottom:2px;
}
#menuT1Main li > a:hover, #menuT1Main li > a.menuselected:not(.parent)
{
	color:#14d345;
}

#menuT2Main li > a:hover, #menuT2Main li > a.menuselected:not(.parent)
{
	color:#ff9008;
}

#menuT1Main ul.menu0 ul, #menuT2Main ul.menu0 ul
{
	display:none;	
	background:#f1f1f1;
}

#menuT1Main a.menu0, #menuT2Main a.menu0
{
	text-transform:uppercase;
}

#menuT1Main a.menu1, #menuT2Main a.menu1
{
	text-transform:uppercase;
	font-size:13px;
	padding-left:40px;
	color:#082f3d;
	border-bottom:1px solid #354248;
}
#menuT1Main li.menu1 > a:hover, #menuT1Main li.menu1 > a.menuselected:not(.parent), #menuT2Main li.menu1 > a:hover, #menuT2Main li.menu1 > a.menuselected:not(.parent)
{
	padding-left:40px;
}
#menuT1Main a.menu2, #menuT2Main a.menu2
{
	text-transform:uppercase;
	font-size:13px;
	padding-left:60px;
	color:#082f3d;
}

/*****************************************************************************************************/
/*STYLE POUR MENU DU FOND*/
#menuT1fondMain ul, #menuT2fondMain ul
{
	margin:0px;
	padding:0px;
	display:none;
	z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
	position:relative;
}

#menuT1fondMain a
{
	color:#ffffff;
	font-size:12px;
	font-family:brandon_grotesquelight;
	text-decoration:none;
	text-transform:uppercase;
}

#menuT2fondMain a
{
	color:#dde3e5;
	font-size:14px;
	font-family:work_sanslight;
	text-decoration:none;
	text-transform:uppercase;
}

#menuT1fondMain li.menu0
{
	display:block;
	float:left;
	margin-right:20px;
}

#menuT2fondMain li.menu0
{
	display:inline-block;
	padding-right:20px;
	
	/*Pour le centrage du menu*/
	display:inline-block;
	text-align:center;
	float:none;
}

#menuT1fondMain ul.menu0, #menuT2fondMain ul.menu0
{
	display:block;
	
	/*Pour le centrage du menu*/
	float:none;
	text-align:center;
	width:100%;
}
#menuT1fondMain ul.menu0:after, #menuT2fondMain ul.menu0:after
{
	content:"";
	display:block;
	clear:both;
}

#menuT1fondMain li, #menuT2fondMain li
{
	list-style-type: none;
	padding-bottom:0px; /*compense le li de base*/
	padding-bottom:3px;
}

/*2ème niveau: Couleur des ul*/
#menuT1fondMain li.menu0 ul
{
	background:#354248;
	padding:20px 15px 10px 10px; 
	border:1px solid #ffffff;
	position:absolute;
}

#menuT2fondMain li.menu0 ul
{
	background:#02303f;
	padding:20px 15px 10px 10px; 
	border:1px solid #dde3e5;
	position:absolute;
}

/**************************************************/
/*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;
	padding:2px 5px 2px 5px!important;
}

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

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

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

.myArrowAdmin
{
	cursor:pointer;

}

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

.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:870px)
{
	/*Menu du fond*/
	#menuT2fondMain li.menu0
	{
		display:block;
		float:left;
		padding-right:0;
		text-align:left;
	}
}

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

	/**************************************************/
	/*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 */
	
	#menuT1Main ul
	{
		margin:0px;
		padding:0px;
		display:none;
		font-family:brandon_grotesque_regular;
		letter-spacing:1px;
		font-size:16px;
		color:#ffffff;
		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
		position:relative;
		text-align:left;
	}
	
	#menuT2Main ul
	{
		margin:0px;
		padding:0px;
		display:none;
		font-family:work_sansregular;
		font-size:14px;
		color:#ffffff;
		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
		position:relative;
		text-align:left;
	}
	
	#menuT1Main ul.menu0, #menuT2Main ul.menu0
	{
		background-color:transparent; 
		display:block;
		
		/*Pour le centrage du menu*/
		float:none;
		text-align:center;
		width:100%;
	}
	
	#menuT1Main ul.menu0:after, #menuT2Main ul.menu0:after
	{
		content:"";
		display:block;
		clear:both;
	}
	
	#menuT1Main li, #menuT2Main li
	{
		list-style-type: none;
		padding-bottom:0px; /*compense le li de base*/
	}
	#menuT1Main li > a, #menuT2Main li > a
	{
		padding:0;
	}
	/*permet de définir tous les a même s'ils ne sont pas mentionnés*/
	#menuT1Main ul li > a, #menuT2Main ul li > a
	{
		color:#ffffff;
		text-decoration:none;
		text-transform:uppercase;
		outline:none;
	}
	
	#menuT1Main li.menu0, #menuT2Main li.menu0
	{
		margin-right:25px;
		
		/*Pour le centrage du menu*/
		display:inline-block;
		text-align:center;
		float:none;
	}
	
	#menuT1Main a.menu0, #menuT2Main a.menu0
	{
		padding-bottom:7px;
	}
	#menuT1Main li > a:hover, #menuT1Main li > a.menuselected:not(.parent), #menuT2Main li > a:hover, #menuT2Main li > a.menuselected:not(.parent)
	{
		background:none;
	}
	#menuT1Main li.menu1 > a:hover, #menuT1Main li.menu1 > a.menuselected:not(.parent), #menuT2Main li.menu1 > a:hover, #menuT2Main li.menu1 > a.menuselected:not(.parent)
	{
		padding-left:0;
	}
	/*1er niveau: Effet rollover et actif des liens*/
	#menuT1Main a.menu0.menuHover, #menuT1Main a.menu0.menuselected
	{
		color:#14d345;
		background:none;
	}
	
	#menuT2Main a.menu0.menuHover, #menuT2Main a.menu0.menuselected
	{
		color:#ff9008;
		background:none;
	}
	
	/*2ème niveau: Couleur des ul*/
	.home #menuT2Main li.menu0 ul
	{
		margin-top:16px;
		padding:55px 15px 60px 44px; 
		background: #ffffff;	
		position:absolute;
	}
	
	#menuT1Main li.menu0 ul
	{
		margin-top:11px;
		padding:55px 15px 60px 44px; 
		background: #354248;	
		position:absolute;
	}
	
	#menuT2Main li.menu0 ul
	{
		margin-top:16px;
		padding:55px 15px 60px 44px; 
		background: #f3f3f3;	
		position:absolute;
	}
	
	
	/*2ème niveau: style des li*/
	#menuT1Main li.menu1, #menuT2Main li.menu1
	{
		display:block;
		float:left;
		width:160px;/*obligatoire si on veut que tout le li soit cliquable*/
		margin-bottom:7px;
		margin-right:40px;
	}
	
	#menuT1Main a.menu1, #menuT2Main a.menu1
	{
		padding:0 0 5px 0;
	}
	
	/*2ème niveau : Style des liens "off" */
	#menuT1Main li.menu0 ul li > a
	{
		color:#ffffff;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
		border-bottom:1px solid #354248;
		text-transform:uppercase;
		font-size:13px;
	}
	
	#menuT2Main li.menu0 ul li > a
	{
		color:#082f3d;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
		border-bottom:1px solid #f3f3f3;
		text-transform:uppercase;
		font-size:13px;
	}

	
	/*2ème niveau: Style des liens "on" */
	#menuT1Main ul.menu1 li > a.menuHover, #menuT1Main ul.menu1 li > a.menuselected
	{
		padding-left:0;
		color:#ffffff;
		text-decoration:none;
		border-bottom:1px solid #ffffff;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
	}
	
	#menuT2Main ul.menu1 li > a.menuHover, #menuT2Main ul.menu1 li > a.menuselected
	{
		color:#082f3d;
		text-decoration:none;
		border-bottom:1px solid #d4d4d4;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
	}
	
	#menuT1Main li.menu1 ul
	{
		background:#354248!important;
		margin:0!important;
		padding:20px!important;
		border:1px solid #d4d4d4;
	}
	#menuT2Main li.menu1 ul
	{
		background:#032f3e!important;
		margin:0!important;
		padding:20px!important;
	}
	
	#menuT1Main li.menu1 ul li > a
	{
		color:#FFFFFF!important;
		padding:0!important;
		margin:0 0 10px 0!important;
		border-bottom:1px solid #354248;
	}
	
	#menuT2Main li.menu1 ul li > a
	{
		color:#FFFFFF!important;
		padding:0!important;
		margin:0 0 10px 0!important;
		border-bottom:1px solid #032f3e;
	}
	
}#myaccountCtn
{
	display:none;
}
@media only screen and (min-width:1100px)
{
	#zoneLoginInput .floatLeft
	{
		float:left;
	}
	#myaccountCtn
	{
		display:block;
		position:absolute;
		top:200px;
		right:0;
		z-index:5;
	}
	
	#myaccountCtn a
	{
		font-size:13px;
		display:block;
		padding:3px;
	}
	
	.T1 #myaccountCtn a
	{
		font-size:16px;
	}
	
	#myaccountCtn h5
	{
		margin:0px;
		padding:3px;
		text-align:center;
		font-size:20px;
		font-weight:normal;
		text-transform:uppercase;
		letter-spacing:1px;
		color:#ffffff;
		background:#ff9008;
		float:left;
		word-break:break-all;
		width:24px;
	}
	
	.T1 #myaccountCtn h5
	{
		background:#14d345;
		width:22px;
	}
		
	#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 #ff9008;
	}
	
	.T1 #myaccountCtn:hover .infos
	{
		border:1px solid #14d345;
	}
	
	#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;
	}
	
	.T1 #myaccountCtn .infos .title
	{
		font-size:17px;		
	}
	
	#myaccountCtn .infos a
	{
		text-decoration:none;	
	}
	
	
}

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

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

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

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

.txtPopupLoginConchita
{
	color:#000000;
	font-weight: bold;
	font-family:Helvetica!important;
	font-size:12px!important;
}
#newsListCtn .listElement .date
{
	position:absolute;
	bottom:5px;
	right:14px;
	color:grey;
	font-size:11px;
}

.T2 #newsListCtn .listElement .txt
{
	height:195px;	
}

.T2 #newsListCtn .listElement .resume
{
	display:block;	
}
/*Styles spécifiques du plugin page en T1 - Théâtre*/
@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('/fonts/theatre/brandon_blk-webfont.eot');
    src: url('/fonts/theatre/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/theatre/brandon_blk-webfont.woff2') format('woff2'),
         url('/fonts/theatre/brandon_blk-webfont.woff') format('woff'),
         url('/fonts/theatre/brandon_blk-webfont.ttf') format('truetype'),
         url('/fonts/theatre/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

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

}

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

}

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

}

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

}



body
{
	margin:0px;
	padding:0px;
	font-family: brandon_grotesque_regular;
    font-size: 18px;
    color:#082f3d;
	background:#ffffff;
	position:relative;
}

/*STYLE DU CONTENU*/
.homezone1
{
	background:#FFFFFF;	
	padding:110px 0 42px 0;
}
.homezone1 .toutesActus
{
	padding:0 51px 0 0;
	margin:15px 80px 0 0;
	float:right;
	height:42px;
	background:url(/template/image/theatre/plusActu.gif) no-repeat right center;
}
.homezone1 .toutesActus a
{
	color:#082f3d;
	font-size:15px;
	font-family:brandon_grotesquemedium;
	text-transform:uppercase;
	padding-top:13px;
	display:block;
}

.homezone2 .couleurFond
{
	background:url(/template/image/theatre/fondContenu.jpg) no-repeat top center #f1f1f1;
	min-height:537px;
	padding:65px  0 50px 0;
	box-sizing:border-box;
}

.intzone1 .accesDirect
{
	display:none;
}


table th
{
	text-align:left;
	color:#2d393f;
	font-weight:bold;
	background:transparent;
	padding:5px 20px 5px 0;
	font-size:20px;
}

H1
{
    margin:0;
	padding-bottom:35px;
	text-transform:uppercase;
	color:#354248;
	font-weight: normal;
	/*font-family:brandon_grotesqueblack;*/
	font-family:brandon_grotesquethin;
    font-size: 39px;
	line-height:35px;
}

H1 span.first
{
	/*font-family:brandon_grotesquethin;*/
	font-family:brandon_grotesqueblack;
	display:block;
	margin-bottom: 5px;
}

H2
{
    margin:15px 0 25px 0;
	color:#032f3e;
	font-weight: normal;
	font-family:brandon_grotesquelight;
    font-size: 30px;
	line-height:35px;
	padding-top:14px;
	
}

H3
{
    margin:10px 0 20px 0;
	color:#032f3e;
	font-weight: normal;
	font-family:brandon_grotesque_regular;
    font-size: 24px;
	padding-top:14px;
	text-transform:uppercase;
}

H4
{
    margin:10px 0 10px 0;
	color:#032f3e;
	font-weight: normal;
	font-family:brandon_grotesquemedium;
    font-size: 22px;
	padding-top:14px;
	
}
A
{
    text-decoration: none;
	color:#14d345;
}
input[type=button],input[type=submit]
{
	background:#354248;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
}
input, textarea
{
    border: 1px solid #bbb7b7;
   	padding-left:5px;
    background-color:#eeeeee ;
	box-sizing:border-box;
    max-width:100%;
	font-family: brandon_grotesque_regular;
    font-size: 18px;
    color:#082f3d;
}

select
{
	border:0px;
    background-color:#eeeeee ;
    box-sizing:border-box;
    max-width:100%;
	font-family: brandon_grotesque_regular;
    font-size: 18px;
    color:#082f3d;
}
.headCtn .resume h2
{
	color:#082f3d;
	font-size:18px;
	font-family:brandon_grotesque_regular;
	overflow:hidden;
	margin:0;
	padding:0;
	line-height:normal;

}

/*FIN STYLE DU CONTENU*/

/*STYLE DU FOOTER*/
.divFooterLigne1
{
	background:url(/template/image/theatre/bgFooter.jpg) repeat-x bottom #354248;
	height:595px;
	padding:72px 0 0 20px;
}

.divFooterLigne1 .allContainer div
{
	color:#ffffff;
	font-size:14px;
	font-family:brandon_grotesqueblack;
	text-transform:uppercase;
}
.divFooterLigne1 .allContainer > div:nth-child(1) .col1
{
	float:left;
	width:50%;
}

.divFooterLigne1 .allContainer > div:nth-child(1) .col2
{
	float:right;
	text-align:left;
	width:50%;
	box-sizing:border-box;
	padding:18px 0 0 0;
}

.divFooterLigne1 .allContainer > div:nth-child(1) .col2 a
{
	display:inline-block;
	vertical-align:bottom;
}

.divFooterLigne1 .allContainer  > div:nth-child(1) .col2 a:nth-child(1)
{
	padding-right:25px;
}

.divFooterLigne1 .allContainer  > div:nth-child(3) .col2
{
	padding:60px 20px 0 0;
	float:right;
}
.divFooterLigne1 .allContainer  > div:nth-child(3) .col2 div
{
	display:inline-block;
	vertical-align:middle;
	color:#ffffff;
	font-size:13px;
	font-family:brandon_grotesquelight;
	text-decoration:none;
	text-transform:uppercase;
}
.divFooterLigne1 .allContainer  > div:nth-child(3) .col2 img
{
	width:55px;
	margin-right:5px;
}
.divFooterLigne1 .allContainer a
{
	color:#ffffff;
	font-size:14px;
	font-family:brandon_grotesqueblack;
	text-transform:uppercase;
	text-decoration:none;
}
.divFooterLigne1 .allContainer > div:nth-child(2)
{
	padding-top:67px;
}
.divFooterLigne1 .allContainer div:nth-child(2) .floatLeft > div
{
	padding-bottom:16px;
}
.divFooterLigne1 .allContainer > div:nth-child(3)
{
	padding-top:60px;
}


.divFooterLigne1 .allContainer .floatLeft.droite
{
	padding-top:50px;
}
.divFooterLigne2
{
	height:30px;
	padding-top:20px;
}

.divFooterLigne2
{
	background:#000000;
}

.divFooterLigne2 .powered
{
	text-align:left;
	padding-left: 30px;
}

.divFooterLigne2 .powered a
{
	background-image:url(/template/image/boomerang-marketing.svg);
	background-repeat: no-repeat;
	background-size:100% auto;
	display:inline-block;
	width:125px;
	height:10px;
}

.divFooterLigne2 a, .divFooterLigne2 .powered
{

}
.divFooterLigne1 .newsletterCtn
{
	margin-bottom: 30px;
}
.divFooterLigne1 .newsletterCtn div.newsletter
{
	display: block;
	background:#FFFFFF;
	color:#20292E;
	text-decoration: none;
	text-transform: uppercase;
	font-family: brandon_grotesquemedium;
	font-size: 12px;
	width:205px;
	height:42px;
	padding:13px 0 0 15px ;
	box-sizing: border-box;
	transition: all 0.5s;
	border:1px solid #FFFFFF;
	cursor: pointer;
}
.divFooterLigne1 .newsletterCtn div.newsletter:hover
{
	background-color: transparent;
	color:#FFFFFF;
}

@media only screen and (min-width:900px)
{
	.divFooterLigne1 .newsletterCtn
	{
		float:right;
		padding-right: 102px;
	}
}

/*popup de pub (en inline)*/
#popuppubCtn
{
	display:none;
}

#popuppub
{
	display:block;
	max-width:620px;
	margin:0;
	padding:0;
}

#popuppub img
{
	display:block;
	max-width:100%;
	width:auto!important;
	height:auto!important;

}
#popuppub p:first-child
{
	margin:0;
}

/*FIN STYLE DU FOOTER*/
@media only screen and (min-width:641px)
{
	.homezone2 .couleurFond
	{
		padding:65px  0 0 55px;
	}	
	
	.homezone2 .allContainer .padding
	{
		padding:87px 183px 123px 54px;
	}
	
	/*Footer*/
	.divFooterLigne1
	{
		padding:72px 0 0 56px;
	}
	.divFooterLigne1 .allContainer > div:nth-child(1) .col2
	{
		padding:18px 102px 0 0;
		text-align:right;
	}
	.divFooterLigne1 .allContainer > div:nth-child(3)
	{
		padding-top:178px;
	}
	.divFooterLigne1 .allContainer  > div:nth-child(3) .col1
	{
		float:left;
		width:74.5%;
		padding-top:27px;
	}
	.divFooterLigne1 .allContainer  > div:nth-child(3) .col2
	{
		padding:0;
		float:left;
	}
	
	.divFooterLigne1 .allContainer .floatLeft
	{
		float:left;
	}
	.divFooterLigne1 .allContainer .floatLeft.droite
	{
		padding-left:100px;
		padding-top:0;
	}
}


@media only screen and (min-width:1200px)
{
	.headerContainer .bgMenu
	{
		/*height:236px;*/
		height:68px;
		background:url(/template/image/theatre/BGmenu.png) repeat-x bottom;
		position:absolute;
		bottom:0;
		z-index:3;
		width:100%;
	}
	
	
}
.htmlcontent a.btnBilleterie, .bgEditor a.btnBilleterie{
    position: relative;
    display: block;
    margin:40px 0 40px 0;
    max-width: 286px;
    height: 82px;
    box-sizing: border-box;
    background:url(/data/images/contents/btnBilleterie.png) no-repeat left center;
    background-size: contain;
    transition: all .5s;
}
.htmlcontent a.btnBilleterie:hover, .bgEditor a.btnBilleterie:hover{
    background-image: url(/data/images/contents/btnBilleterie_hover-SANS_FNAC.png);
}.printsend
{
	display:none;
}

@media only screen and (min-width:641px)
{
	.printsend > div
	{
		border-bottom:1px solid #bebebe;
		display:inline-block;
		text-align:center;
		
	}
	.printsend
	{
		padding-bottom:8px;
		display:inline-block;
		text-align:center;
	}
	
	.printsend a
	{
		display:block;
		float:left;
		height:16px;
		margin-right:11px;
	}
	
	.printsend a.impression
	{
		width:14px;
		background:url(/plugin/printsend/template/image/pictos.png) no-repeat 0px -22px;
	}
	
	.printsend a.impression:hover
	{
		background:url(/plugin/printsend/template/image/pictos.png) no-repeat 0px -2px;
	}
	
	.T1 .printsend a.impression:hover
	{
		background:url(/plugin/printsend/template/image/pictosVert.png) no-repeat 0px -2px;
	}
	
	.printsend a.pdf
	{
		width:11px;
		background:url(/plugin/printsend/template/image/pictos.png) no-repeat -23px -21px;
		
	}
	
	.printsend a.pdf:hover
	{
		background:url(/plugin/printsend/template/image/pictos.png) no-repeat -23px -1px;
	}
	
	.T1 .printsend a.pdf:hover
	{
		background:url(/plugin/printsend/template/image/pictosVert.png) no-repeat -23px -1px;
	}
	
	.printsend a.mail
	{
		width:15px;
		background:url(/plugin/printsend/template/image/pictos.png) no-repeat -44px -21px;
		
	}
	
	.printsend a.mail:hover
	{
		background:url(/plugin/printsend/template/image/pictos.png) no-repeat -44px -1px;
	}
	
	.T1 .printsend a.mail:hover
	{
		background:url(/plugin/printsend/template/image/pictosVert.png) no-repeat -44px -1px;
	}
	
	.addthis_button_facebook
	{
		width:7px;
		background:url(/plugin/printsend/template/image/pictos.png) no-repeat -68px -20px;
		margin-right:5px!important;
	}
	
	.addthis_button_facebook:hover
	{
		background:url(/plugin/printsend/template/image/pictos.png) no-repeat -68px 0px;
	}
	
	.T1 .addthis_button_facebook:hover
	{
		background:url(/plugin/printsend/template/image/pictosVert.png) no-repeat -68px 0px;
	}
	
	.addthis_button_facebook img
	{
		width:7px;
	}
	
	.addthis_button_twitter
	{
		width:12px;
		background:url(/plugin/printsend/template/image/pictos.png) no-repeat bottom right;
		margin-right:0!important;
		
	}
	
	.addthis_button_twitter:hover
	{
		background:url(/plugin/printsend/template/image/pictos.png) no-repeat top right;
	}
	
	.T1 .addthis_button_twitter:hover
	{
		background:url(/plugin/printsend/template/image/pictosVert.png) no-repeat top right;
	}
	
	.addthis_button_twitter img
	{
		width:12px;
	}
}#grone-map .x-panel, #grone-map .x-panel-body {
	width: 100% !important;
}/*Style du tableau qui contient le reste du calendrier*/
.Reservation
{
	border-collapse:collapse ;	
	width: 100%;
	font-size:15px;
}

/*Fieldset qui contient les infos pour réserver*/
.fieldSetInfo
{
	border: 1px solid  #DDDDDD;
	background-color:transparent;
	width: 100%;
	margin:0px;
	padding:0px;

}

.fieldSetInfo legend
{
    font-size: 16px;
    color:#565757;
}

/*Zone qui contient les boutons et l'entête avec la date de la semaine du au*/
.zoneDateAndNavigation
{
	text-align:center;
	width: 100%;
	
}
.T1 .semaineDuAu
{
	color:#58595b;
}
.T2 .semaineDuAu
{
	color:#ff9008;
}
/*Boutons de changements de semaine*/
.btnBack
{
	background-color:transparent;
	border:0px;
	background-image:url('/plugin/reservation/template/image/commune/back.png')!important;
	background-repeat:no-repeat!important;
	width:20px;
	height:20px!important;
	cursor:pointer;
	background-color:transparent!important;
	padding:0!important;
}
.T1 .btnBack
{
	background-image:url('/plugin/reservation/template/image/theatre/back.png')!important;
	background-repeat:no-repeat!important;
	padding:0!important;
}
.btnNext
{
	background-color:transparent!important;
	border:0px;
	background-image:url('/plugin/reservation/template/image/commune/next.png')!important;
	background-repeat:no-repeat!important;
	width:20px;
	height:20px!important;
	cursor:pointer;
	background-color:transparent!important;
	padding:0!important;
	
}
.T1 .btnNext
{
	background-image:url('/plugin/reservation/template/image/theatre/next.png')!important;
	background-repeat:no-repeat!important;
	padding:0!important;
}

.btnCalendrier
{
	cursor: pointer;
	background: url('/template/image/admin/datepopup.gif');
	width:18px;
	height:18px;
	border:0px;
	background-repeat:no-repeat;
}

.contourCalendrier
{

}

.separatorLine
{
	height:7px;
}

/*Styles de la grilles horaires*/

.coinHautGauche
{
	height:45px;	
}

.Entete
{
	background-color: #032f3e;
	color:#FFFFFF;
	text-align: center;
	width:100%;
	height:45px;
}
.T1 .Entete
{
	background-color:#354248;
}

.celluleHeure
{
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background-color: #032f3e;
	color:#FFFFFF;
	text-align: center;
	padding:1px;

}

.T1 .celluleHeure
{
	background-color:#354248;
}


.colonneReservation
{
	float:left;
	width:12.5%;
	height:auto;
}

.colonneReservation div:last-child
{
	border-bottom: 1px solid #DDDDDD;
}

.celluleVide
{
	
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background-color:#FFFFFF;
	padding:1px;
}

.Reserved
{
	background-color: #666666;	
	color : #FFFFFF ;
	padding:1px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	
}

.ReservedByMe
{

	background-color:#14d345 ;	
	color : #FFFFFF ;
	padding:1px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;

}


@media only screen and (max-width:500px)
{
	.Reservation {
		font-size: 14px;
	}
	.Entete .year {
		display: none;
	}
	
}


/*Style pour le tooltip qui s'affiche en passant sur les réservations*/
#dhtmltooltip
{
	position: absolute;
	border: 1px solid black;
	padding: 2px;
	background-color: #eeeeee;
	z-index:1000;
	visibility: hidden;
}

#reservationEdit table td
{
	@media only screen and (max-width:500px)
	{
		display: block;
	}
}

#reservationEdit table tr td.formatInline
{
	@media only screen and (max-width:500px)
	{
		display: inline-block;
	}
}

#reservationEdit table td input, #reservationEdit table td select
{
	@media only screen and (max-width:500px) {
		width: calc( 100% - 14px);
		box-sizing: border-box;
	}
}

#reservationEdit table td select
{
	border:1px solid #bbb7b7;
	background-color:#d7d5d5;
}

#reservationEdit table td input[type=button], #reservationEdit table td input[type=submit]
{
	@media only screen and (max-width:500px) {
		width: auto;
	}
}

#reservationEdit table td input[name*="npa"]
{
	width: 50%;
	margin-bottom: 10px;
}.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;	
}



#salleListCtn .listElement span.icone
{
	position:absolute;
	bottom:5px;
	right:5px;
	z-index:1;
}

#salleListCtn .listElement .txt
{	
	padding:25px 35px 26px 23px;
}
/*STYLE POUR LE TEMPLATE*/
#searchCtnAPI
{
}

/*STYLE BOX DE RECHERCHE GOOGLE */

.T1 #leftPanel #cse-search-box-api
{
	padding:20px 60px 20px 20px;
	background:#706e6f;

} 

.T2 #leftPanel #cse-search-box-api
{
	padding:20px 60px 20px 20px;
	background:#706e6f;

} 

#cse-search-box-api input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:25px;
	border:0;
	border-radius:10px;
	outline:0;	
	padding-left:15px;
}
.T1 #cse-search-box-api input[type=text]
{
	background-color:#354248;
	font-family:brandon_grotesquelight;
	font-size:17px;
	color:#FFFFFF;
}
.T2 #cse-search-box-api input[type=text]
{
	background-color:#ffffff;
	font-family:work_sansregular;
	color:#032f3e;
}


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

#cse-search-box-api input[type=submit]
{

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

@media only screen and (min-width:1200px) 
{
	#searchCtnAPI
	{
		position:absolute;
		top:0px;
		right:0px;
		width:32px;
		height:57px;
		overflow:hidden;
		z-index:101;/*passé sur le menu*/
	}
	
	#cse-search-box-api
	{
		width:287px;
		float:right;
		padding-left:20px;
		padding-right:0;
	}

	
	#cse-search-box-api input.btnSearch
	{
		display:block;
		float:left;
		width:32px;
		height:31px;
		border:0px;
		cursor:pointer;
		background:url(/template/image/search.png) no-repeat center center;
		margin-top:10px;
	}
	
	#cse-search-box-api input.inputSearch
	{
		display:block;
		float:left;
		height:22px;
		width:230px;
		margin:10px 0px 0px 15px;
		background-color:#ffffff;
		border:0;
		font-size:12px;
		color:#8e9295;
	}
	
	#cse-search-box-api input[type=text]
	{
		display:block;
		box-sizing:border-box;
		height:25px;
		color:#555555;
		border:0;
		border-right:0;
		border-radius:0;
		outline:0;
	}
	
	.T1 #cse-search-box-api input[type=text]
	{
		font-family:brandon_grotesquelight;
		font-size:17px;
	}
	
	.T2 #cse-search-box-api input[type=text]
	{
		font-family:work_sansregular;
		font-size:15px;
	}
}

/*Search Results*/
#searchapiResultsCtn
{
	position:relative;
	display:block;
}

#searchapiResultsCtn .count
{
	display:block;
	font-weight:normal;
	margin-top:20px;
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px solid #989898;
}

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

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

#searchapiResultsCtn .results .result
{
	display:block;
	margin-bottom:40px;
	text-decoration:none;
	line-height:normal;
}

#searchapiResultsCtn .results .result .title
{
	display:block;
	font-weight:normal;
	font-size:1.1em;
	color:#FF9008;
	padding:0;
	margin:0 0 3px 0;
	border:none;
}
.T1 #searchapiResultsCtn .results .result .title
{
	font-weight:bold;
	color:#354248;
}
#searchapiResultsCtn .results .result .link
{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:.8em;
	color:#565757;
	margin:0 0 10px 0;
}
.T1 #searchapiResultsCtn .results .result .link
{
	color:#14D345;
}
#searchapiResultsCtn .results .result .data
{
	display:block;
	color:#565757;
}
.T1 #searchapiResultsCtn .results .result .data
{
	color:#082F3D;
}
#searchapiResultsCtn .results .result .data:after
{
	content:"";
	display:block;
	clear:both;
}

#searchapiResultsCtn .results .result .data .img
{
	display:block;
	float:left;
	width:30%;
	margin-right:5%;
}
#searchapiResultsCtn .results .result .data .txt
{
	display:block;
	box-sizing:border-box;
	float:left;
	width:65%;
}
#searchapiResultsCtn .results .result .data .img img
{
	display:block;
	width:100%;
	height:auto;
	border:none;
}
#searchapiResultsCtn .results .result .data .img:empty
{
	display:none;
}
#searchapiResultsCtn .results .result .data .img:empty + .txt
{
	width:100%;
}

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

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

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

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

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

@media only screen and (min-width:640px) 
{
	#searchapiResultsCtn .results .result .data .img
	{
		width:20%;
		margin-right:5%;
	}
	#searchapiResultsCtn .results .result .data .txt
	{
		width:75%;
	}
}/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5E0404;
	text-decoration:none;
}

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

}

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

}

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

}

.sm3
{
    FONT-SIZE: 14px;
    COLOR: #14d345;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}/*Style pour le montage*/
#sliderCtn
{
	position:relative;
	width:100%;
	overflow:hidden;
}
#sliderCtn:before
{
	content:"";
	display:block;
	padding-top:30.46%;
}
.home #sliderCtn:before
{
	content:"";
	display:block;
	padding-top:36.66%;
}
#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:1200px)
{

	/*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:205px;
		right:27px;*/
		z-index:4;
	}
	.T2 #sliderCtn #bullets a {
		display:block;
		width:15px;
		height:14px;
		background:url(/plugin/slider/template/images/bullets.png) no-repeat;
		text-indent:-9999px;
		border:0;
		margin-bottom:10px;
		
	}
	.T1 #sliderCtn #bullets a {
		display:block;
		width:11px;
		height:11px;
		background:url(/plugin/slider/template/images/bulletsTheatre.png) no-repeat;
		text-indent:-9999px;
		border:0;
		margin-bottom:10px;
		margin-right:3px;
		
	}
	.T1 #sliderCtn #bullets a:last-child
	{
		margin-bottom:0;
	}
	.T2 #sliderCtn #bullets a.active {
		background-position:0 -27px;
	}
	.T1 #sliderCtn #bullets a.active {
		background-position:0 -17px;
	}
	/*Style pour les flèches*/
	#sliderCtn .arrow
	{
		position:absolute;
		/*top:45%;*/
		display:block;
		width:14px;
		height:8px;
		background:url(/plugin/slider/template/images/arrows.png) no-repeat;
		border:0;
		cursor:pointer;
		z-index:4;
		opacity:1;
		visibility:visible;
	}
	#sliderCtn:hover .arrow
	{
		visibility:visible;
		opacity:1;
	}
	#sliderCtn .sliderNext
	{
		/*right:10px;*/
		background-position:0 -11px;
	}
	#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.listCtn
{
	margin-left:0!important;
}

#weblinksListCtn .listElement
{
	margin:0 0 10px 0;
	overflow:visible;
	width:100%;
	float:none;
}

#weblinksListCtn .listElement .txt
{
	height:auto;
	box-shadow:none;
	background:transparent;
	text-align:left;
	padding:0 21px 26px 28px;
	background:url(/template/image/commune/puce.png) no-repeat 0 2px;
}

.T1 #weblinksListCtn .listElement .txt
{
	background:url(/template/image/theatre/puce.gif) no-repeat 0 5px;
}

#weblinksListCtn .listElement h5
{
	text-transform:uppercase;
	font-weight:normal;
	color:#ff9008;
	font-family:work_sansregular;
	font-size:16px;
	width:auto;
	display:inline-block;
	margin:0 0 10px 0;
	
	
}
.T1 #weblinksListCtn .listElement h5
{
	color:#14d345;
	font-family:brandon_grotesqueblack;
}
#weblinksListCtn .listElement .resume
{
	display:block;
	color:#58595b;	
	font-size:14px;
	font-family:work_sansregular;
	overflow:visible;
	height:auto;
}
.T1 #weblinksListCtn .listElement .resume
{
	font-family:charterroman;
	text-transform:uppercase;
}
.T1 #youarehereCtn, .T1 #youarehereCtn .header, .T1 #youarehereCtn a
{
	font-size:13px;
	color:#4f4f4f;
	text-decoration:none;
	font-family:brandon_grotesquelight;
}
.T2 #youarehereCtn, .T2 #youarehereCtn .header, .T2 #youarehereCtn a
{
	font-size:12px;
	color:#4f4f4f;
	text-decoration:none;
	font-family:work_sansregular;
}

#youarehereCtn .separator
{
	color:#ff9008;
	font-size:11px;
}

.T1 #youarehereCtn a:last-child
{
	font-family:brandon_grotesque_regular;
}

.T2 #youarehereCtn a:last-child
{
	font-family:work_sansmedium;
}