@import"reset.css";
@import"grid.css";
@import"prettyPhoto.css";
@import"superfish.css";
@import url(http://fonts.googleapis.com/css?family=Sansita+One);
body {
	font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#acacac;
	position:relative;
	min-width:1020px;
	background:url(../images/tail-body.gif) 50% 0 #dfdcda;
}
html, body {
	height:100%;
}
/* Global Structure---------------------------------------- */
.main, .main-1 {
	margin:0 auto;
	width:940px;
	position:relative;
}
.main-1 {
	width:1000px;
}
.main-glow {
	background:url(../images/tail-main-glow.png) repeat-x 0 0;
	padding-top:48px
}
.container_12 {
	position:relative;
}
/*----- txt,links,lines,titles -----*/
	

h1, h2, h3, h4, h5, h6 {
	font-family: 'Sansita One', cursive;
	color:#1f1f1f;
	padding-bottom:20px;
	position:relative;
	font-weight:normal;
}
h1 {
	font-size:28px;
	line-height:30px;
}
h2 {
	font-size:24px;
	line-height:26px;
	padding-bottom:16px;
}
h3 {
	font-size:20px;
	line-height:24px;
	padding-bottom:12px
}
.extra-h3 {
	background:url(../images/img-h3.png) no-repeat 0 8px;
	padding:0 0 7px 20px;
	border-bottom:1px solid #dcd9d7;
	margin-bottom:23px
}
h4 {
	font-size:20px;
	line-height:22px;
}
h5 {
	font-size:18px;
	line-height:20px;
}
h6 {
	font-size:13px;
	line-height:16px;
}
a {
	color:#212121;
	text-decoration:none;
	cursor:pointer
}
a:focus {
	outline:none;
}
a:hover {
	text-decoration:underline
}
.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
	margin:0;
	padding:0;
	display:block;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}
p {
	padding-bottom:20px;
}
.p0 {
	padding-bottom:0 !important;
}
.p01 {
	padding-top:0 !important;
}
.p {
	padding-top:1px
}
.p1 {
	padding-top:2px
}
.p2 {
	padding-top:3px
}
.p3 {
	padding-top:4px
}
.p4 {
	padding-top:5px
}
.p5 {
	padding-top:6px
}
.p6 {
	padding-top:7px
}
.p7 {
	padding-top:8px
}
.p8 {
	padding-top:9px
}
.p9 {
	padding-top:10px
}
.p10 {
	padding-top:11px
}
.p11 {
	padding-top:12px
}
.p12 {
	padding-top:13px
}
.p13 {
	padding-top:14px
}
.p14 {
	padding-top:15px
}
.p15 {
	padding-top:18px
}
.p16 {
	padding-top:20px
}
.p17 {
	padding-top:21px
}
.p18 {
	padding-top:25px
}
.p19 {
	padding-top:26px
}
.p20 {
	padding-top:32px
}
.padd-1 {
	padding-top:82px;
}
.padd-2 {
	padding-top:64px;
}
.padd-3 {
	padding-top:36px;
}
.m0 {
	margin:0 !important
}
.m1 {
	margin-top:-1px
}
.m2 {
	margin-top:-2px
}
.m3 {
	margin-top:-3px
}
.m4 {
	margin-top:-4px
}
.m5 {
	margin-top:-5px
}
.m6 {
	margin-top:-8px
}
.fleft {
	float:left
}
.fright {
	float:right
}
.alignright {
	text-align:right
}
.aligncenter {
	text-align:center
}
.overflow {
	overflow:hidden
}
.line-h {
	line-height:20px;
}
.color-1 {
	color:#bebab6 !important
}
.color-2 {
	color:#5e5e5e !important
}
.text-t {
	text-transform:uppercase
}
.d-block {
	display:block
}
.d-in-block {
	display:inline-block
}
.z1 {
	z-index:1
}
.z2 {
	z-index:2
}
.z3 {
	z-index:3
}
.relative {
	position:relative;
}
/*********************************spacers**********************************/
.img-indent {
	float:left;
	margin:0 18px 0 0;
}
.img-indent1 {
	float:left;
	margin:0px 10px 0 0;
}
.img-indent2 {
	float:left;
	margin:0px 10px 0 0;
}
.img-indent3 {
	margin:0px 20px 0 0;
	float:left
}
.img-indent4 {
	margin:0 21px 0 0;
	float:left
}
/*********************************header*************************************/

header {
	position:relative;
	z-index:20;
	padding:0;
	background: #f1f0ef;
}
.row-logo {
	text-align:center;
	width:100%;
	border-bottom:1px solid #e4e0de;
	padding-bottom:43px;
	background:url(../images/pattern-top.jpg) repeat-x 0 0 #edeae8;
	padding:73px 0 43px;
}
header h1 {
	z-index:10;
	display:inline-block;
	padding:0 53px;
	position:relative;
}
header h1:after, header h1:before {
	background:url(../images/patt-logo-right.png) no-repeat 0 0;
	width:30px;
	height:8px;
	content:"";
	position:absolute;
	right:2px;
	top:15px
}
header h1:before {
	background:url(../images/patt-logo-left.png) no-repeat 0 0;
	right:auto;
	left:0;
}
header h1 a {
	background:url(../images/logo.png) no-repeat 0 0;
	width:182px;
	height:53px;
	display:block;
	text-indent:-5000px
}
/******************* gallery *************/
#simple_gallery1 {
	width:1000px;
	height:auto;
	position:relative;
	overflow:visible;
	display:block;
	background:#f1f0ef
}
.simple_gallery1 {
	width:1000px !important;
	height:auto;
	position:relative;
	overflow:visible;
}
.simple_gallery1 .pic {
	width:1000px !important;
	height:auto;
}
.simple_gallery1 .items img {
	width:1000px;
	height:auto;
}
#simple_gallery1 .pag {
	position:absolute;
	width:100%;
	height:750px;
	bottom:0;
	left:0;
	margin:0;
	z-index:10;
	text-align:center
}
#simple_gallery1 .img-pags1 {
	height:750px;
	width:100%
}
#simple_gallery1 .img-pags1 ul {
	margin:0;
	width:100%;
}
#simple_gallery1 .img-pags1 li {
	height:47px;
	width:750px;
	position:relative;
	display:inline-block;
	margin:0 1px;
	padding-top:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#simple_gallery1 .img-pags1 li.current, #simple_gallery1 .img-pags1 li:hover {
	padding-top:29px !important;
}
#simple_gallery1 .numStatus {
	box-shadow:none;
}
/********************** Content style ************************/


section#content {
	padding:44px 0 65px;
	position:relative;
	z-index:5;
	border-bottom:1px solid #d8d4d2;
	background:#f1f0ef;
}
#page1 section#content {
	padding:49px 0 65px
}
#page4 section#content {
	padding:44px 0 38px
}
.txt-1 {
	color:#212121
}
.inner-1 {
	padding:0 20px 0 0
}
.border-horiz, .border-horiz1 {
	height:1px;
	width:100%;
	background:#dcd9d7;
}
.border-horiz1 {
	margin:29px 0
}
.quote-1 {
	padding:0;
	background:none;
	margin:-4px 0 23px;
	line-height:20px
}
.quote-1 span {
	display:block;
	color:#212121
}
.date-1 {
	width:58px;
	float:left;
	background:#edeae7;
	text-align:center;
	margin: 0 20px 0 0;
	color:#1f1f1f;
	font-family: 'Sansita One', cursive;
	font-size:18px;
	line-height:20px;
	padding:10px 0 14px;
	border:1px solid #e6e3e1
}
.date-1 span {
	display:block;
	margin-top:-6px
}
.box-comments {
	overflow:hidden;
	padding-right:20px
}
.box-comments a {
	color:#acacac;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.posted {
	float:left;
	width:286px
}
.comment {
	float:right;
	width:200px;
	text-align:right
}
.box-comments a:hover {
	color:#000;
	text-decoration:none
}
.box-img {
	display:inline-block;
	padding:5px;
	border:1px solid #dcd9d7
}
/********************** aside ************************/
aside {
	background:#edeae7;
	padding:49px 0 41px;
	border-bottom:1px solid #e4e0dd
}
aside h3 {
	color:#bebab6;
	padding-bottom:20px
}
.tweet {
	padding-top:7px;
	width:259px;
	margin-bottom:40px
}
.tweet .tweet_list li {
	background:#f1f0ef;
	padding:20px 20px 18px 23px;
	color:#acacac;
	border:1px solid #e4e0dd;
	line-height:20px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	position:relative
}
.tweet .tweet_list li:before {
	background:url(../images/tweeet-angle.png) no-repeat 0 0;
	width:19px;
	height:12px;
	content:"";
	left:30px;
	bottom:-12px;
	display:block;
	position:absolute
}
.tweet_time {
	position:absolute;
	left:0;
	bottom:-36px;
	color:#63615e;
	font-size:10px;
	line-height:12px;
	text-transform:uppercase
}
.tweet .tweet_list li a {
	color:#63615e
}
/********************** carousel ************************/
.carousel {
	height: 441px;
	width: 940px !important;
	position:relative;
	overflow:hidden;
}
#carousel {
	height: 441px !important;
	width: 940px;
	padding-bottom:7px
}
#carousel ul {
	overflow:hidden
}
#carousel ul li {
	width: 460px;
	height:441px;
	margin-right:20px
}
#carousel ul li a img {
	display:block;
	width: 448px;
	height:429px;
}
.control {
	display:block;
	width:19px;
	height:14px;
	position:absolute;
	top:2px;
	right:0
}
.car-button-1 {
	position:absolute;
	right:0px;
	top:0px;
	width:8px;
	height:14px;
	cursor:pointer;
	background-repeat:no-repeat;
	z-index:10;
	background-position:0 0;
}
.next-1 {
	right:0;
	background-image:url(../images/next.png);
}
.prev-1 {
	right:12px;
	background-image:url(../images/prev.png)
}
.prev-1:hover, .next-1:hover {
	background-position:0 bottom;
}
/********************** links ************************/

.link-1 {
	font-size:13px;
	line-height:16px;
	display:inline-block;
	color:#212121;
	background:url(../images/marker-1.png) no-repeat 0 5px;
	padding-left:16px
}
.link-1:hover {
	color:#c4c2c0;
	text-decoration:none
}
.link-2 {
	display:inline-block;
	color:#acacac;
}
.link-2:hover {
	color:#63615e;
	text-decoration:none
}
/*  Lists */

.list-1 li {
	display:block;
	line-height:18px;
	background:url(../images/marker-2.png) no-repeat 0 6px;
	padding:0 0 13px 15px;
}
.list-1 li a {
	display:inline-block;
	color:#63615e;
	font-size:13px;
	position:relative;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.list-1 li a:hover {
	text-decoration:none;
	color:#000
}
.list-wishes {
	padding-top:1px
}
.list-wishes li {
	background:url(../images/marker-2.png) no-repeat 0 7px;
	padding: 0 0 15px 15px
}
.list-wishes li span {
	display:block;
	color:#63615e
}
.list-wishes li a {
	color:#acacac;
}
.list-wishes li a:hover {
	color:#63615e;
	text-decoration:none
}
/*----- map -----*/

.map {
	display:inline-block;
	margin:5px 0 15px
}
.map iframe {
	height:249px;
	overflow: hidden;
	width:348px;
}
/*----- address -----*/
.mail-2 {
	color:#acacac
}
.mail-3 {
	color:#212121
}
dl.address {
	padding-bottom:21px
}
dl.address dt {
	font-style:normal;
	color:#212121;
}
dl.address dd {
	font-weight:normal;
}
dl.address dd span {
	display:inline-block;
	width:83px
}
.policy {
	padding-top:12px
}
.policy p {
	padding-bottom:24px
}
.policy strong {
	display:block;
}
/******************** contact-form ******************/

#contact-form-1 {
	display:block;
	position:relative;
	padding-top:5px
}
#contact-form-1 fieldset {
	display:block;
}
#contact-form-1 label {
	display:block;
	position:relative;
	min-height:46px;
	overflow:hidden;
}
#contact-form-1.label {
	display:block;
	overflow:hidden;
	webkit-background-clip: padding-box;
}
#contact-form-1 label.message {
	min-height:290px;
	margin:0;
}
#contact-form-1 .message .label {
	width:auto;
}
#contact-form-1 input, #contact-form-1 textarea {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:274px;
	font-size:13px;
	color:#acacac;
	padding:8px 12px 9px;
	margin:0;
	outline:none;
	resize:none;
	position:relative;
	background:none;
	-webkit-background-clip:padding-box;
	border:1px solid #e4e0dd;
	float:left;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:none
}
#contact-form-1 input {
	height:17px;
}
#contact-form-1 textarea {
	height:236px;
	overflow:auto;
	width:514px;
}
#contact-form-1 .empty, #contact-form-1 .error {
	display:none;
	color:#F00;
	font-size:11px;
	line-height:12px;
	position:absolute;
	top:2px;
	left:303px;
	width:306px;
}
#contact-form-1 label.message .empty, #contact-form-1 label.message .error {
	margin-left:5px;
	position: relative;
	text-align:left;
	width: 100%;
	left:0
}
#contact-form-1 .success {
	display:none;
	font-size:13px;
	line-height:18px;
	padding:0;
	top:-16px;
	left:5px;
	position:absolute;
	color:#000;
	background:none !important;
	background-image:none !important;
	border:none;
	box-shadow:none
}
.btns {
	position:absolute;
	bottom:0;
	right:0
}
.btns a {
	margin-left:25px;
	font-weight:bold
}
/******************** Footer ******************/
footer {
	padding:16px 0 22px;
	background:url(../images/pattern-bottom.png) repeat-x 0 bottom ;
}
.privacy {
	color:#acacac;
}
.privacy span {
	background:url(../images/paint-privacy.gif) no-repeat 0 0;
	width:4px;
	height:4px;
	display:inline-block;
	margin:9px 1px 0 2px
}
.privacy a {
	color:#63615e;
	text-decoration:none
}
.privacy a:hover {
	text-decoration:underline
}
.spacing-bottom {
	height:80px;
	width:100%
}



/* LightBox */
.lightbox-image {position:relative;overflow:hidden;display:inline-block;z-index:99;}
.lightbox-image img {position:relative;z-index:2;background:#f1f1f1;}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/magnifying-glass.png) no-repeat 50% 50%;z-index:1;}

/*========================================================
   PROGRAMME DES OBSÈQUES
========================================================*/

#programme-obseques {
    padding: 35px 0 45px 0;
}

.programme-title {
    text-align: center;
    margin-bottom: 30px;
}

.programme-title .txt-1 {
    margin-bottom: 10px;
}

.programme-title p {
    max-width: 650px;
    margin: 0 auto;
}


/* Pages du programme */

.programme-pages {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 25px;
    margin: 30px auto;
    max-width: 900px;
}


/* Une page A4 */

.programme-page {
    width: 50%;
    background: #fff;
    padding: 8px;
    box-sizing: border-box;

    box-shadow:
        0 3px 12px rgba(0,0,0,0.18);

    transition: all 0.3s ease;
}


/* Effet au survol */

.programme-page:hover {
    transform: translateY(-4px);
    box-shadow:
        0 8px 20px rgba(0,0,0,0.25);
}


/* Image de la page */

.programme-page img {
    display: block;
    width: 100%;
    height: auto;
}


/* Lien vers le PDF */

.programme-link {
    text-align: center;
    margin-top: 25px;
}


/* Téléphone */

@media only screen and (max-width: 767px) {

    .programme-pages {
        display: block;
        width: 90%;
    }

    .programme-page {
        width: 100%;
        margin-bottom: 25px;
    }

}

/*========================================================
   TÉMOIGNAGES - UN PAR LIGNE
========================================================*/

.temoignages {
    width: 100%;
}

.temoignage {
    width: 100%;
    margin-bottom: 40px;
    overflow: hidden;
}


/* Ligne photo + texte */

.temoignage-row {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}


/* Photo */

.temoignage-photo {
    width: 450px;
    min-width: 450px;
    height: 750px;
    margin: 0;
    overflow: hidden;
}

.temoignage-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Texte */

.temoignage-texte {
    flex: 1;
    padding-top: 3px;
}

.temoignage-texte .txt-1 {
    margin-bottom: 10px;
}

.temoignage-texte p {
    margin-bottom: 15px;
}


/* Deuxième témoignage */

.temoignage + .temoignage {
    margin-top: 35px;
}


/* Version téléphone */

@media only screen and (max-width: 767px) {

    .temoignage-row {
        gap: 15px;
    }

    .temoignage-photo {
        width: 120px;
        min-width: 120px;
        height: 120px;
    }

}