@font-face { font-family: 'BookmanOldStyle'; src: url('BookmanOldStyle.eot?#iefix') format('embedded-opentype'),  url('BookmanOldStyle.woff') format('woff'), url('BookmanOldStyle.ttf')  format('truetype'), url('BookmanOldStyle.svg#BookmanOldStyle') format('svg'); font-weight: normal; font-style: normal;}
.center{ text-align:center;}

/*CONTACT*/
.form-group{ margin:0 0 10px 0;}
.form-group label, .form-group input.form-input, textarea.form-textarea{ width:99%; display:block; margin:0 auto;}
.form-group input[type="text"], .form-group textarea, input[name="usc"]{ font-size:14px;}
.btn-form{ margin:10px 0 0 0;}
.btn-submit-1, .btn-submit-2{  background: #00a0d2; border-color: #0073aa; -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15); color: #fff; text-decoration: none; width:200px; padding: 10px 16px; font-size: 15px; border:1px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin:10px 0 0 0; cursor:pointer; text-transform:capitalize;}
/*PLAN D'ACCES*/
.map-google{ width:98%; margin:0 auto;}
.map-google iframe{ margin:0; padding:0; border:none; width:100%; height:400px;}
#smartnav{ display:none;}

/* ---- CSS Document ---- */
body{ background:#fff; margin:0; padding:0;} 
img { border:none; }
div, td { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; color:#2b2730;}
.clear { clear: both;}
h1 { margin: 2px 0; padding: 0; font-style: normal; font-size: 30px; color: #57a613; font-weight: normal; line-height: 30px; text-transform: uppercase;}
h2{ font-size: 14px;color: #A52A2A;}
span{ margin:0px; padding:0px; display:inline;}
a{ text-decoration:none; color:#1babbc; font-weight:bold;}
#pageweb{  width:1172px ; margin:0 auto; }

/* ---- Header ---- */
#top{margin:10px 0; border:2px solid #339966; border-radius:20px;}
#header{ margin:2px; padding:2px; border:5px solid #339966;  border-radius:15px;}
header{ border:2px solid #339966;  border-radius:10px; padding: 0 3px;}
#cont-logo{ width:468px; float:left;}
.cont-logo{}
#logo{ float:left; width:210px; height:140px;}
.slog{ height:140px; line-height:140px; float: right; width:242px;}
.slog p{ line-height:28px; display: inline-block; vertical-align:middle; font-family: 'BookmanOldStyle'; font-size:21px; }
.cont-coord{ padding:3px 0 0 12px;}
.coord{ float:left; width:292px;}
.coord p{ margin:0; padding:2px 0; }
.nom{ font-size:16px; font-weight: bold;}
.cp{ font-size:20px; font-weight:bold;}
.tel{ background: url(../images/fd_tel.png) left center no-repeat; }
.tel a{ font-family: 'BookmanOldStyle'; font-size:30px; color:#339966; line-height:34px; padding-left:36px; text-decoration:none;}
#cont-fla{ width:640px; height:260px; float:right; position:relative;}
.masque{ position:absolute; top:0; left:0; height:260px; z-index:999}
#fla{ position:relative; z-index:10;}
.mn{ border-bottom:1px solid #339966; padding-bottom:25px; position:relative;}
.mn::after{ height:5px; width:100%; content:""; position:absolute; display: block; bottom:5px; left:0; background:#339966;}
.mn ul{ margin:0; padding:0; font-size:0; text-align:center;}
.mn ul li{ display: inline-block; margin:0 10px; background:#339966;}
.mn ul li a{  font-family: 'BookmanOldStyle'; font-size:14px; text-transform: uppercase; line-height:30px; padding:10px 20px; display: block; color:#fff; -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s  ease-in-out;
    -o-transition: all 0.6s  ease-in-out;
    -ms-transition: all 0.6s  ease-in-out;
    transition: all 0.6s  ease-in-out;}
.mn ul li a:hover{ background:#339966;}
#dl-menu{ display:none;}
.navigation{padding: 10px 0px;}

/* ---- Contenu ---- */
#contenu{ background:url(../images/fd_contenu.PNG) no-repeat; background-size: 20%; background-position:48% 48%; min-height:320px; margin-top:18px; padding-bottom:20px;}
#intro{ margin-bottom:20px; position:relative; min-height: 95px; border-bottom: 1px dashed #57A613;}
.social{ width:390px; float: right; margin-bottom:20px; position:relative;}
.extSite{ background: url(../images/bg_extsite.jpg) repeat-x bottom; width: 250px; float: left;}
.addthis_sharing_toolbox{ position: absolute; right: 0; top: 40px;}
#cont-1{ float:left; width:540px;}
#titre { width: 100%;}
#titre h2 { font-size: 20px; color: #57a613; font-weight: normal; margin: 0; line-height: 18px; padding: 3px 0;}
#titre span{ display:inline;padding-left:7px; color:#57a613;font-size:12px;}
#titre span:first-letter{ text-transform:uppercase; }
.cont-1 { float: left;width: 540px;}
blockquote{ margin:0; padding:0;}
#cont-2{ float: right; width:490px;}
.photos{ margin-top:20px; margin-left:2px;margin-bottom: 15px;}
.photos a{ display:block; }
.photos ul{ margin:0; padding:0;}
.photos li { list-style: none; display: inline-block; margin-right: 8px; width: 23.6%;}
.photos li:nth-child(4){ margin:0;}
.photos li:last-child{ list-style:none; display:inline-block; margin-right:0;}
.photos li img{ width:90%; height:auto; border:6px solid #fff; box-shadow: inset 0px 0px 50px 4px #ABABAB, 0px 0px 1px 1px #242424;-webkit-box-shadow:inset 0px 0px 50px 4px #ABABAB,0px 0px 1px 1px #242424;-moz-box-shadow: inset 0px 0px 50px 4px #ABABAB,0px 0px 1px 1px #242424;-o-box-shadow: inset 0px 0px 50px 4px #ABABAB,0px 0px 1px 1px #242424;}
.pub1{ float:left; width:232px; color:#474747; font-weight:bold; font-size:12px; }
.pub1 ul{ margin:0 0 0 25px;; padding:0;}
.pub1 ul li{ margin:0; padding:0 0 0 6px; list-style-image:url(../images/puce.png); height:22px;}
.pub2{ float:left; padding-top:18px;}
.pub2 ul{ margin:0; padding:0;}
.pub2 li{ list-style:none; display:inline-block; margin-right: 10px;}
.pub2 li:last-child{ margin-right:0;}
#contact{ width:960px; padding-top:20px; text-align:left;}
#coord{ width:200px; float:left; padding-right:40px; }
#formul{ width:450px; padding-right:40px; float:left;}
.texte{ line-height:20px; font-size:14px; margin-bottom: 30px;}
#central{ padding-top:10px;}
.deces{ max-height: 710px; overflow:overlay;}
.page-pompes-funebres .deces{ max-height: inherit !important; overflow:inherit !important;}
.container-page-10 p:first-of-type{ font-size: 28px; font-weight: bold; color: #396; line-height: 30px; text-align: center; margin-top: 0; border-bottom: 1px #57a629 dashed; padding-bottom:12px;}
.deces iframe{ border: none;width: 100% !important;}
p.rgtMrg {text-align: right; background: url(../images/pic_site.png) no-repeat;background-position: 15px 100%;margin: 0;font-size: 16px;padding: 4px 30px 22px 0;}
p.topMoins{ margin:0; font-size:16px;padding: 5px;text-align: center;}
p.topMoins a{font-weight:normal;}
.coords{float: left;margin-right: 50px;padding: 5px 25px;background: #F1F1F1;border-top: 3px solid #57A613; width:201px;}
.form-content{display: inline-block;width: 65%;}
.photos2 li{ list-style:none; display:inline-block; position:relative; margin-right:6px;}
.photos2 span.abs{position: absolute;background: #333;top: 0;border-top-right-radius:7px;color: #57A613;font-size: 12px;padding: 0;width: 100%;text-indent: 5px;}
.photos2 li img {border-top-right-radius:7px;}
.photos2 li:last-child{ margin-right:0;}

/* --- Footer ---- */
#footer{ margin:0 auto; width:960px;}
#wrap2{ background:url(../images/fd_wrap.png) repeat-x; clear: both; margin-bottom:5px;}
.foot{ float:left; width:800px;}
.foot ul{ margin:0; padding:0; }
.foot ul li{ margin:0; padding:0; list-style:none;}
.foot ul li a{ display:block; float:left; padding-right:20px; padding-top:28px; color:#FFF; font-weight:normal;}
.foot ul li a:first-letter{ text-transform: uppercase;}
.foot ul li a:hover{ color:#57a613;}
.com{ float:right; padding-top:7px; width:80px;}

/* ---- RESPONSIVE ---- */
@media only screen and (max-width:1365px){
	#wrap2{ margin-bottom:0;}
}
@media only screen and (max-width:1279px){
	#pageweb{ width:auto; padding:0 10px;}
	.masque{ height:auto;}
	#fla img, .masque img{ width:100%; height:auto;}
	#cont-fla{ width:50%; height:auto;}
}
@media only screen and (max-width:1151px){
	.cont-1 { width: 49%;}
	#cont-2 {width: 49%;padding-left: 20px;}
}
@media only screen and (max-width:1059px){
}
@media only screen and (max-width:1023px){
	#cont-logo{ width:50%;}
	.cont-1 { width: 48%;}
	.photos2 ul{ margin:0; padding:0; clear:both;}
}
@media only screen and (max-width:979px){
	#cont-fla{ display:none;}
	#footer, #cont-logo{ width:auto; float:none;}
	.cont-coord, .cont-logo{ text-align:center;}
	.hor, .coord, .slog, #logo{ display:inline-block; float:none; vertical-align:middle;}
	.slog{ margin-left:50px; text-align:left;}
	.extSite { width: 265px;}
	.coord{ text-align:right;}
	.coord{ margin-right:50px;}
	#footer footer{ padding:0 10px;}
	p.rgtMrg{ padding:4px 30px 22px 90px; text-align:left;}
	.deces{ max-height: inherit !important; overflow:overlay;}
	.page-pompes-funebres .deces{ max-height: inherit !important; overflow:inherit !important;}
	.photos li { width: 38%;}
	#contenu{ background:none;}
}
@media only screen and (max-width:899px){
	.mn ul li{ margin:0 4px;}
	.photos li{ width:40%; margin:4px !important;}
	#footer{ background:#2b2b2b;}
	.foot{ width:auto; float:none;}
	.foot ul li a{ float:none; padding:10px;}
	.foot ul{ text-align:center;}
	.foot ul li{ display:inline-block;}
	.com{ float:none; margin:0 auto;}
	.form-content { width: 60%;}
}
@media only screen and (max-width:799px){
	.mn ul li a{ padding:10px;}
	.form-content { width: 58%;}
	.social { float: none; margin: 0 auto;}
	.extSite { width: 265px; float: none;}
}
@media only screen and (max-width:767px){
	.form-content { width: 56%;}
}
@media only screen and (max-width:719px){
	#smartnav{ display:block;}
	.foot, .mn{ display:none;}
	#cont-2, .cont-1{ width:auto; float:none; padding:0;}
	.photos2{ float:right;}
	.extSite{ clear:both;}
	.form-content{ width:100%; height:auto;}
	.coords{ float:none; width:80%; margin:0 auto;}
}
@media only screen and (max-width:639px){

}
@media only screen and (max-width:599px){
	.slog{ margin:0;}
	.slog p{ margin:0;}
	.coord{ margin:0;}
}
@media only screen and (max-width:532px){
	.slog, .coord{ text-align:center; width:auto;}
	.photos2{ float:none; text-align:center;}
	.tel a{ font-size:26px;}
}
@media only screen and (max-width:479px){
	.form-group{ font-size:12px;}
	.social { width: 100%;}
	.addthis_sharing_toolbox { position: relative; right: 0; top: 0; text-align: center;}
	.extSite { margin: 0 auto;}
}
@media only screen and (max-width:359px){
	
}