body 
{
	background-color: #FFF;
	color: #595959;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	-webkit-text-size-adjust: none;
	padding: 0;
	margin: 0;
}

.tdTitle
{
	display: none;
}

.hamburger
{
	color: white !important;
}

.logitudLogo
{
    background-size: contain;
    margin-left: 45px;
    width: 150px !important;
    height: 100%;
	background-position: center;
}

.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before 
{
    border-color: rgb(255 255 255);
}

.picto_cimetiere_2
{
	width: 40px;
	height: 40px;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 15px;
}

.picto_cimetiere_1
{	
	width: 40px;
	height: 40px;
	margin-top: 15px;
	margin-right: 10px;
}

@media screen and (max-width: 900px) 
{
	.homeContainer
	{
		padding: 32px 16px !important;
		display: block !important;
	}

	.homeHeader,
	.homeCeremonies
	{
		width: 100% !important;
	}

	.homeCeremonies
	{
		margin-left: 0 !important;
		margin-top: 16px;
	}

	#accueil
	{
		padding: 0 !important;
	}
}

@media screen and (min-width: 900px) and (max-width: 1600px) 
{
	.homeContainer
	{
		padding: 32px !important;
	}

	.homeHeader,
	.homeCeremonies
	{
		width: 45% !important;
		height: 100% !important;
	}
}

.homeTitle,
.accueilTitre
{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-align: center;
}

.accueilTitre
{
	margin-bottom: 32px;
}
	
.homeIntroduction
{
	font-size: 16px;
	line-height: 24px;
	color: #000;
	padding-top: 45px;
	text-align: center !important;
}
	
#menu
{ 
	color: white !important;
	display: none; /* initial value to avoid seeing during load */
}

.mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list 
{
    padding-top: 100px;
    color: white !important;
}

#page 
{
	min-width: 0px !important;
	width: 100%!important;
	height: 100vh !important;
	max-height: 100vh !important;
	overflow-y: scroll !important;
}

#accueil
{
	background-image: url('images/background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-width: 0px !important;
	width: 100%;
	height: 100vh;
	margin-left: 0px !important;
	padding: 32px;
	box-sizing: border-box;
}

@media screen and (max-width: 940px) 
{
	#accueil
	{
		margin-top: 50px !important;
	}
}

.homeContainer
{
	height: 100%;
	max-height: 100%;
	position: relative;
	padding: 64px 32px;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
}

.homeHeader,
.homeCeremonies
{
	background-color: rgba(255, 255, 255, 0.8);
	padding: 32px;
	width: 30%;
	height: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: scroll;
	box-sizing: border-box;
}

.homeHeader::-webkit-scrollbar,
.homeCeremonies::-webkit-scrollbar
{
	display: none;
}

.homeCeremonies
{
	margin-left: 32px;
}

.homeCeremoniesContent
{
	max-height: 100%;
}

ol, ul 
{
	list-style: none;
	padding: 0px;
}

.mm-list::-webkit-scrollbar
{
	display: none;
}

#hamburger 
{
	z-index: 1000 !important;
	display: none !important;
}

#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: white !important;
	border-radius: 5px;
	content: '';
	display: block;
	width: 30px;
	height: 1px;
	position: absolute;
	left: 5px;
	overflow: hidden;
	z-index: 1000;
}

.topTitle 
{
	display: none !important;
	margin-bottom: 15px;
	width: 100%;
	z-index: 999;
	height: 45px;
	padding-left: 60px;
	padding-top: 5px;
	top: 0;	
	left: 0;
	position: fixed;
}

.bottomTitle 
{
	background-color: #D2D9DF;
	display: block;
	width: 100%;
	z-index: 999;
	padding-left: 10px;
	padding-top: 5px;
	border: 1px solid #CCC;
	bottom: 0;	
	left: 0;
	position: fixed;
}

.bottomTitle.alone 
{
	height: 45px;
}

.bottomTitle.multi 
{
	min-height: 45px;
}

.bottomActionButton 
{
	width: 56px;
    height: 56px;
    border-radius: 56px;
    position: absolute;
    right: 30px; 
    top: -28px;
    background-color: #2196F3;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3)!important;
    border: 1px solid #999;
}

.bottomActionButton img 
{
	margin: 12px;
	border: none;
}

.actionLocalize 
{
	top: -82px;
    background-color: white;
   	width: 38px;
    height: 38px;
    margin: 9px; 
}

.actionLocalize.multi 
{
	top: -60px;
}
.gps 
{
    background: url(data:image/png;base64,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) 0 0/300px 30px no-repeat;
    display: block;
    position: absolute;
    height: 30px;
    width: 30px;
    left: 4px;
    top: 4px;
    margin: 0;
    padding: 0; 
    background-position: 0 0;
}

.gps-button-0 { background-position: 0px 0; }
.gps-button-1 { background-position: -30px 0; }
.gps-button-2 { background-position: -60px 0; }
.gps-button-3 { background-position: -90px 0; }
.gps-button-4 { background-position: -120px 0; }
.gps-button-5 { background-position: -150px 0; }
.gps-button-6 { background-position: -180px 0; }
.gps-button-7 { background-position: -210px 0; }
.gps-button-8 { background-position: -240px 0; }
.gps-button-9 { background-position: -270px 0; }

.bottomActionButton.actionLocalize img 
{
	margin: 7px;
	border: none;
}

.bottomTitleDivMulti 
{
	float: left;
	margin-right: 10px;
}

.bottomTitleDivMulti a 
{
	color: rgba(0, 0, 0, 0.6);
}

div.infosClose2col 
{
	display: flex;
	align-items: center;
	padding: 12px 0;
	line-height: 17px;
}

div.infosClose2col a 
{
	color: #379dd4 !important;
	font-size: 12px;
}

div.infosClose2col a::before 
{
	content: '\e2ea';
	font-family: 'Material Icons';
	margin-right: 12px;
	font-size: 12px;
}

@media screen and (max-width: 940px) 
{
	.topTitle 
	{
		display: block !important;
	}
}

@media all and (min-width: 900px)
{
    .topTitle 
	{
		margin-left: 250px;
		padding-left: 50px;
    }

    .bottomTitle 
	{
    	margin-left: 250px;
    }

    .bottomActionButton 
	{
    	right: 280px;
    }

    .gps:hover 
	{
		background-position:-120px
	}
}

.col1 
{ 
	float: left;
	border-left: 1px solid #FF2200;
	padding: 0 0 3px 10px;
}

.col2 
{ 
	float: left;
	padding: 0 0 3px 10px;
	display: none;
}

#cimetieres .col1,
#cimetieres .col2
{
	float: none !important;
	padding: 0;
	border-left: none;
}

#cimetieres .col1
{
	padding: 16px;
}

#cimetieres .col1 > *
{
	margin-bottom: 16px;
}

#oper, #tarifs 
{
	border-left: 1px solid #FF2200;
	margin-left: 5px;
	margin-top: 65px;
}

#oper table, #tarifs table, #annuaire table 
{
    border-collapse: separate;
    border-spacing: 0px;
}

#oper td,  #search td, #annuaire td
{
	border-bottom: 1px solid #228AAC;
	padding: 5px 5px 5px 5px;
}

.tourismeDetailsTitle td
{
	border-bottom: none !important;
}

#tarifs .tarifsLine 
{
	float: left;
	width: 400px;
	overflow-y: auto;
	margin: 0 10px 10px 0;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #D8D8D8;
	padding: 16px;
	box-sizing: border-box;
}

#tarifs .tarifsLine table 
{
	width: 100%;
}

#tarifs .tarifsLineLeft 
{
    font-style: italic;
}
#tarifs .tarifsLineRight 
{
	text-align: right;
	font-weight: bold;
}

#tarifs td, #tarifs tr 
{
	vertical-align: top;
}

@media all and (max-width: 1072px)
{
	#tarifs .col1 
	{
		clear: both !important;
		width: 100%;
	}

	#tarifs .tarifsLine
	{
		clear: both;
		width: 98%;
	}
}

@media all and (max-width: 900px)
{
	#hamburger 
	{
		display: block !important;
	}
}

.kiki 
{
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom: 50%;
	border-width: 0 1px 1px 0;
	border-color: #595959;
	border-style: solid;
}

.kikiLeft 
{
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	bottom: 50%;
	border-width: 0 1px 1px 0;
	border-color: #595959;
	border-style: solid;
}

.size36 
{
	width: 18px !important;
	height: 18px !important;
	border-width: 0 2px 2px 0;
}

.infosHeaderOper 
{
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}

.infosHeaderOper:hover 
{
	cursor: pointer;
}

.tdTitle 
{
	height: 36px;
	vertical-align: middle;
	font-size: 18px;
}

.pictureTitle 
{
	display: none;
	background-repeat: no-repeat;
	background-size: 36px 36px;
	width: 35px;
	height: 36px;
	background-position: left center;
}

.pictureList 
{
	background-repeat: no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	padding-left: 28px;
	background-position: left center;
}

.pictureMenu 
{
	background-repeat: no-repeat;
	background-size: 20px 20px;
	margin-right: 8px;
	width: 20px;
	height: 20px;
	background-position: left center;
	display: inline-block !important;
}

.accueilTitle { background-image: url('./images/accueil.png'); }
.cimetiereTitle { background-image: url('./images/cimetieres.png'); }
.operateurTitle { background-image: url('./images/operator.png'); }
.demarchesTitle, .formalitesTitle, .annuaireOfficielTitle { background-image: url('./images/demarches.png'); }
.tarifsTitle { background-image: url('./images/tarifs.png'); }
.tourismeTitle { background-image: url('./images/tourisme.png'); }
.annuaireTitle { background-image: url('./images/annuaire.png'); }
.searchTitle { background-image: url('./images/recherche.png'); }
.mapTitle { background-image: url('./images/carto.png'); }
.mapWayTitle { background-image: url('./images/itineraires.png'); }
.cartoRouteTitle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACJ0lEQVRIS5XVgZFNQRAF0LsRIAIyWBkgAjLYFYEVASKwIkAGRIAMyIAMiIA6r+aq2Vfv/32/q37Vf9PTc7tv3545S/I3x+0sydckj8a2N+P7dZLHt8ULBvAyyfcVzsMkb5MU4FMSaz83AA7GF+BJkmdJzgfIjyQO/DIAevBVkoskv5P8mSo4GD8DKLk0fEviuwCXSe4PMLQ8GP4PgwEAm/GnADhULwD0p2AU7wJAESqYfswUze2R6dMkz8e+AmzGtwLcbjX5etWDu0nQ5TB9qIoOxhfgmFCrosrSXlTtluktY7C4OwdmgL1KQggqOGrNTolKJ9OPgy4zULNmj76sAYCXIme0h0v8WkWGSOn4bcPtE6ix1hlF+a9vqqCi0savd0v8DCDIjyp+jQBD1asBOL9Z4TcDNf+bHL+KAV7MAM0AvzbbxFQ0N3XNP3/vs86H/qj6cgZQ8ovhKI+4tVnJ6JBd6ega8F4lzlClBBcBrJs8897ybbT+Psm9QY0DrEmAX7YAAfhvXvgWgD22lunWVTE3GW2LnTpoc5/mOZh71L7dANjzHtxJ8m40fJapgwDwfx6J65Ur/+qU9wCvqMG/hs+DqB/8JE2ylfwNme55D3o1oKdGtjWV+P3v7973YH6THe5bJX1wHGhurNUW/5qiQ+9BR1/pDnUnkSHpokWcKxywPegCcH7Ke6CJhqyZo6tP6jx0nRuJXJ8iU8qQbTU+A1RJ8ywsVP0D1sXYTXHWRY8AAAAASUVORK5CYII=) }
.noneTitle { background-image: none; }
.reglementsCimTitle{ background-image: url('./images/reglement.png'); }
.contactTitle{ background-image: url('./images/contact.png'); }

.aMenuAnnuaire 
{
	padding-left: 40px !important;	
}

#mapOper.disp2Col, #mapCim.disp2Col 
{
	position: fixed !important;
}

.title_name a 
{
	color: #595959 !important;
}

.col li .infosHeaderOper:hover a 
{
	color: whitesmoke;
}

.highlight, .col2 .title_name 
{
	font-weight: bold;
}

html.mm-back #hamburger:before
{
	-webkit-transform: rotate(-35deg);
	-moz-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
	transform: rotate(-35deg);
	top: 8px;
}

html.mm-back #hamburger:after
{
	-webkit-transform: rotate(35deg); /* Safari */
	transform: rotate( 35deg );
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	transform: rotate(35deg);
	bottom: 8px;
}

html.mm-back #hamburger span
{
	left: -50px;
	opacity: 0;
}

.doc_container 
{
	height: 100vh !important;
	width: 100%;
	border: none;
	overflow: hidden !important;
}

@media screen and (max-width: 900px) 
{
	.doc_container
	{
		margin-top: 50px;
	}	
}

#accueil, #tourisme, #annuaire, #ceremonie 
{
	margin-left: 10px;
}

#tourisme
{
	height: 100%;
	margin-left: 0;
	padding: 16px;
}

#carto 
{
	margin-left: 0px;
	position: relative;
}

#carto .fermer-carte
{
	position: absolute;
	top: 15px;
	right: 15px;
	width: 50px;
	height: 50px;
	background: #FFF;
	border: 1px solid #D8D8D8;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	cursor: pointer;
}

#cimetieres
{
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr 6fr;
	background: #F9F9F9;
}

@media screen and (min-width: 1400px) and (max-width: 1600px) 
{
	#cimetieres
	{
		grid-template-columns: 1fr 3fr;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1400px) 
{
	#cimetieres
	{
		grid-template-columns: 1fr 2fr;
	}
}

@media screen and (max-width: 900px) 
{
	#cimetieres
	{
		grid-template-columns: 1fr;
		row-gap: 16px;
	}

	#cimetieres .col1
	{
		margin-top: 64px;
	}
}

@media screen and (max-width: 940px) 
{
	#tourisme, #annuaire, #ceremonie
	{
		margin-top: 65px;
	}

	#carto
	{
		margin-top: 55px;
	}
}

.accueilDateTitre 
{
	margin: 16px 0; 
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

div.accueilItemDescr 
{
	padding-top: 10px; 
}

div.accueilItemLocation 
{
	color: #55713E;
	padding-top: 2px; 
	border-bottom: 1px solid #969696;
	padding-bottom: 16px;
}


div.accueilCeremonieSeparator 
{
	display: inline-block;
	background: transparent 50% 50% no-repeat url(images/separatorg.png);
	height: 30px;
	width: 100%;
	padding: 20px 0px;
}

#tourisme .col1, #search .col1, #tarifs .col1 
{
	border: none;	
	padding: 0px 0px 20px 0px;
}

#carto .col1 
{
	border: none;
	padding: 0px 0px 0px 0px;
}

#tourisme .col2 
{
	border: none;	
	padding: 5px 0 3px 3px;
	width: 100%;
	overflow-y: auto;
}

#tourisme .col1 .tourismeDetailsTitleTable tr:hover 
{
	cursor: pointer;
}

#tourisme .col1
{
	float: none;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 16px;
	row-gap: 16px;
	padding: 0 !important;
}

@media screen and (max-width: 900px) 
{
	#tourisme .col1
	{
		grid-template-columns: 1fr;
		row-gap: 16px;
	}
}

@media screen and (min-width: 900px) and (max-width: 1400px) 
{
	#tourisme .col1
	{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 1400px) and (max-width: 1700px) 
{
	#tourisme .col1
	{
		grid-template-columns: repeat(3, 1fr);
	}
}

.tourismeLine 
{
	border: 1px solid #D8D8D8;
}

.tourismeDetailsTitle 
{
	color: #000;
	font-weight: 600;
}

.tourismeDetailsDetails,
.tourismeDetailsDetailsImages 
{
	color: #000;
	font-weight: 600;
	border-bottom: 1px solid #D8D8D8;
}

.tourismeDetailsDetailsImages .tourirsmeDetailsInformation
{
	border-bottom: 1px solid #D8D8D8;
}

.tourismeDetailsTitleTable 
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #D8D8D8;
	padding: 12px;
	cursor: pointer;
}

.tourismeDetails 
{
	padding: 12px;
}

.tourirsmeDetailsInformation 
{
	padding: 12px;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tourirsmeDetailsInformation.nospace
{
	justify-content: flex-start;
}

.tourirsmeDetailsInformation span.material-icons
{
	font-size: 17px;
	margin-right: 8px;
}

.tourirsmeDetailsAnnotation 
{
	padding: 0 12px 12px 12px;
	font-weight: 500;
}

.tourirsmeDetailsAnnotation .name_details
{
	font-weight: 600;
	line-height: 12px;
}

.tourirsmeDetailsAnnotation .dates_details
{
	font-size: 12px;
	margin-bottom: 12px;
}

.tourirsmeDetailsAnnotation .label_details
{
	font-size: 12px;
	line-height: 17px;
}

.tourismeDetailsAnnotationTable
{
	display: grid;
	grid-template-columns: 2fr 1fr;
}

td.tdDetailsAnnotation 
{
	vertical-align: top;
	overflow-y: auto;
	width: 66%;
}
.tdFullWidth 
{
	width: 100% !important;
}

.detailsTourisme 
{
	border: 1px solid #D8D8D8;
}

.withoutImg 
{
	width: auto;
	height: auto;
	background: transparent url(images/tombes.png) no-repeat;
}


.images 
{
	margin-left: auto;
	margin-right: auto;
}

.image 
{
	text-align: center;
}

.otherTourism 
{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #D8D8D8;
	margin-bottom: 32px;
}

div.otherTourism a 
{
	text-decoration: none;
	color: inherit;
}

div.otherTourism > *
{
	border-bottom: 1px solid transparent;
	padding: 0 12px 12px 12px;
	display: flex;
	align-items: center;
}

div.otherTourism span.material-icons
{
	font-size: 17px;
	margin-right: 8px;
}

div.otherTourism .current_tourism
{
	border-bottom: 1px solid #2196F3;
	color: #000;
}

div.otherTourism .current_tourism a
{
	font-weight: 600;
	color: #000;
}

div.famous
{
	background-image: url('images/famousp.png');
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position-y: 3px;
}

div.special
{
	background-image: url('images/speciale.png');
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position-y: 3px;
}

div.famous:hover, div.label_details.special:hover 
{
	cursor: pointer;
	text-decoration: underline;
}

.tourismeDetailsDetails .tourirsmeDetailsAnnotation, .tourismeDetailsDetails .tourismeDetailsMaster 
{
	padding: 10px;
}

.detailsTourisme .tourismeDetailsDetailsImages 
{
	min-height: 250px;
}

#carto .col1 
{
	width: 100%;
}

.cartoDetailsFull, .cartoDetailsPrint 
{
	height: 100%;
	width: 100%;
}

.cartoHeaderTitle 
{
	position: absolute;
	right: 20px;
	background-color: #D2D9DF;
}

.cartoHeaderTitlePrint 
{
	position: absolute;
	left: 530px;
	margin-top: 3px;
	background-color: #D2D9DF;
}

.cartoHeaderTitle a, .cartoHeaderTitlePrint a 
{
	color: #595959 !important;
	text-decoration: none !important;
}

.printCartoSpan, .closeCartoSpan 
{
	margin: 3px 10px;
}

.cartoHeaderTitle td, .cartoHeaderTitlePrint td 
{
	margin: 3px 10px;
	border: 1px solid #AAA;
}

.cartoHeaderTitle td:hover, .cartoHeaderTitlePrint td:hover 
{
	color: #000;
	background-color: #FFF;
}

.cartoDetailsPrint 
{
	height: 842px;
	width: 595px;
	padding: 3px;
    overflow: hidden;
}

.printDiv 
{
	position: absolute;
	left: 615px;
	width: 200px;
	border: 1px solid #595959;
	padding: 5px;
}

.cimetieresListLine 
{
	background: #FFF;
	border: 1px solid #D8D8D8;
	border-radius: 8px;
	padding: 8px;
}

.cimetieresListLine .title
{
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	font-weight: 700;
	color: #2b2b2b;
	letter-spacing: -1px;
}

.cimetieresListLine div.title.main:hover 
{
	cursor: pointer;
}

.cimetieresListLine .body 
{
	padding: 8px;
}

.links 
{
	width: 100%;
	margin-top: 8px;
}

.links tbody tr
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.links tbody tr > td
{
	border: 1px solid #D8D8D8 !important;
	border-radius: 8px;
	padding: 12px 8px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.links tbody tr > td a
{
	color: #000;
}

.links tbody tr > td:first-child
{
	margin-left: 0 !important;
}

.links tbody tr > td:last-child
{
	margin-left: 16px;
}

.itineraireCim,
.cartoCim
{
	display: inline-flex;
}

.itineraireCim::before
{
	content: '';
	background: url('./images/itineraires.png');
	width: 20px;
	height: 20px;
	margin-right: 8px;
	display: block;
	background-size: cover;
}

.cartoCim::before
{
	content: '';
	background: url('./images/carto.png');
	width: 20px;
	height: 20px;
	margin-right: 8px;
	display: block;
	background-size: cover;
}

.fullWidth 
{
	width: 100%;
}

.links td 
{
	border-bottom: none !important;
	padding: 5px;
}

.cimetieresListLine div.work 
{
	line-height: 20px;
	background-image: url('images/work.png');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	padding-left: 25px;
}

.cimetieresListLine div.workHeader 
{
	background-position: 5px 5px;
    padding-top: 5px;
    padding-left: 30px !important;
    font-style: italic;
}

.cimetieresListLine div.workInfoText 
{
	padding: 5px 5px 5px 10px;
	overflow-y: auto; 
}

.work
{
	display: none !important; 
}

.workInfoText
{
	display: none !important;
}

.cimetieresListLine .workInfoText ul
{
	margin: 0px !important;
	padding: 0px !important;
}

.cimetieresListLine .cartoDetailsWork li, .cimetieresListLine .workInfoText li 
{
	list-style-type: none !important;
	list-style-position: inside;
	margin: 0px !important;
}

.cimetieresListLine .title td.right
{
	width: 20px;
	position: relative;
}

#mapCim 
{
	width: 100% !important;
	height: 100% !important;
}

.tAnnuaire 
{
	min-width: 280px;
}


.detailsAnnuaire 
{
	border: 1px solid #CCC;
	background-color: #FFF;
	border-width: 1px 1px 0px 1px;
}

.annuaireDetailsCarte 
{
	border: 1px solid #CCC;
	border-width: 0px 1px 1px 1px;
	background-color: #FFF;
	min-height: 200px;
}

.infosDetailsCer 
{
	margin-bottom: 20px !important;
}

.boookLeftWithoutImg 
{
	width: 100%;
	height: 200px;
	background: transparent url(images/tombes.png) no-repeat;
	background-position: center;
	background-size: auto 180px;
}

#lightboxOverlay 
{
	z-index: 9999;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

a:link 
{
	cursor: pointer;
}

/* Test style for annuaire */
.annuaireLine 
{
	width: 250px;
	height: 25px;
	overflow: hidden;
	float: left;
	border-left: 1px solid #FF2200;
	padding-left: 10px;
}

.detailsAnnuaire 
{
	display: none;
}

.annuaireKiki 
{
	float: right;
	margin-right: 20px; 
}

.noBorder 
{
	border: none !important;
}

/* new style for annuaire */
#annuaire .col2 
{
	border-left: 1px solid #FF2200;
	padding: 0px 0px 20px 10px;
	display: block;
	margin-left: 10px;
}

#annuaire tr.selected 
{
	background-color: #E0E4EB;
}

#annuaire .tAnnuaire tr:hover 
{
	cursor: pointer;
}

.annuaireLittleDetails 
{
	border-left: 0px solid #FF2200 !important;
	padding: 0px 0px 10px 10px !important;
	margin-left: 0px !important;
}

#annuaire a.aMaximizeTool 
{
	display: inline-block;
	width: 22px;
	height: 22px;
	background: #FFF;
}

#annuaire div.maximizeTool 
{
	display: inline-block;
	width: 22px;
	height: 22px;
	background-size: 22px;
	opacity: 0.7;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABi0lEQVRIS+1W0VECQQx9oQHtgKMC6QBKoAN1ht3hz7MCpQL9ZLJ8YAeWgB1gBWAH2MA9J4znLAcLO875Z77uZnN5m+Tl5cQ5dwPgSUQu0aKR3AK4F++9PWwAvLYY30KNSHYNgACmqvrYJoD33uI97AE4554BXMVAJKfz+Xx5DNx7b7e8a5y9hxDKFMBSRAbRBy+qaj1Kmvd+AeC6diD5FkIY5gBsVLWXUzbn3EZEuuabBWBOlgnJRQjhNicDkh8GchYAgAVd1KmfAonKsyulvZMskiWaTCbFbDYzyu4sCnDAsrrGAPb65JzrhxBWR3uQYEpZVdWqyaTxeDzsdDp9VTXmHVg2QE6T/wF+VaXsHphjVVXLRJMHqjrN7oFpi6r+qGoOTZtzYuyyyySlAsDaprc5RIlb7nSoBjk7aM65Wuxs2IrmEJ0C+d4pxVmpiNT078Qukt5sscuVaxv7fqMUpWnLiYVTNs5WyYXzK8InPopZtCW5FpFWlz7JkYj0xH5bRMRKc9FmBgA+SZZf1SCaWiPre+4AAAAASUVORK5CYII=');
	background-repeat: no-repeat;
}

#annuaire div.maximizeTool:hover
{
	opacity: 1;
}

#annuaire div.duedate 
{
	margin-top: 12px;
	font-size: 12px;
	color:#C34;
	font-weight: bold;
}

.searchResultDiv 
{
	padding: 64px;
	box-sizing: border-box;
}

.searchCount 
{
	padding-bottom: 16px;
	margin-bottom: 16px;
	font-weight: 700;
	color: #000;
	border-bottom: 1px solid #D8D8D8;
}

.searchResultsContainer
{
	display: grid;
	width: 100%;
	grid-template-columns: repeat(6, 1fr);
	column-gap: 32px;
	row-gap: 32px;
	box-sizing: border-box;
}

@media screen and (max-width: 900px) 
{
	.searchResultDiv 
	{
		padding: 32px 16px;
		margin-top: 64px;
	}

	.searchResultsContainer
	{
		grid-template-columns: 1fr;
		column-gap: 0;
	}
}

@media screen and (min-width: 900px) and (max-width: 1400px) 
{
	.searchResultDiv 
	{
		padding: 32px 16px;
	}

	.searchResultsContainer
	{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (min-width: 1400px) and (max-width: 1700px) 
{
	.searchResultDiv 
	{
		padding: 32px 16px;
	}

	.searchResultsContainer
	{
		grid-template-columns: repeat(4, 1fr);
	}
}

.searchResultDetails 
{
    padding: 12px;
	cursor: pointer;
	border: 1px solid #D8D8D8;
	border-radius: 8px;
}

.searchResultDetails:hover 
{
	background: #F8F8F8;
}


.searchPaginer 
{
	margin-top: 32px;
}

span.searchHighlight 
{
	background-color: rgba(255,255,0,0.5);
}

span.searchHighlightYear 
{
	background-color: rgba(255,150,51,0.5);
	color: #333;
}

@media all and (max-width: 600px)
{
	#search .col1 
	{
		clear: both !important;
		width: 100%;
	}

	.tourismeLine 
	{
		clear: both;
		width: 100%;
	}

	#tourisme .col1 
	{
		clear: both !important;
		width: 100%;
	}

	#annuaire .col1 
	{
		clear: both !important;
		width: 100%;
	}

	#annuaire .col2
	{
		clear: both !important;
		width: 100%;
	}

	#annuaire .col1 .tAnnuaire
	{
		width: 95%;
	}

	#annuaire .col1 .tAnnuaire
	{
		width: 95%;
	}
}