@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,800&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Satisfy&display=swap');
body{font-family: 'Montserrat', sans-serif;font-size:0.9em}
b{font-weight:normal}
#hsit{background:#34758c;width:100%;z-index:11}
#hsit h1 a{color:#fff;font-size:1.5em}
#hsite{float:left;margin-left:10px;}
#hsite h1{margin-top:28px;margin-bottom:0;font-size:1.2em}
#hsite h1 span{font-weight:normal}
#hsite span.stitre{font-size:0.9em}
#mnusmart{position:absolute;top: 55px;right: 20px;}
nav{clear:both;text-align:center}
nav ul{margin:0;padding:0;background:#34758c;position:relative;height:auto;display:none}
nav img{width:22px;cursor:pointer}
nav ul li{display:block;height:40px;line-height:40px;width:100%;margin:10px 0;}
nav ul li a{display:block;height:100%;width:100%;text-align:center}
.lsmu{background: url(../img/chevbb.png) center no-repeat;display: block;position: absolute;height: 8px;width:15px;line-height: 10px;margin-top: -38px;margin-left:90px}
.mnusep{margin: -2px auto;width:80px;height:2px;background:#fff}
nav ul li ul {line-height:25px;position:absolute;}
nav ul li ul li{display:block;line-height:50px;height:50px}
nav ul li ul li:hover{font-weight:bold}
img{max-width:100%}
footer{background:#163844;color:#fff;}
footer div {/*margin: 30px auto 0 auto;*/
    text-align: left;
    vertical-align: top;
    display: inline-block;
    margin: auto;
    width: 300px;
    height: auto;
    font-size: 0.9em;
}
td{border: 1px solid}
footer .titre{font-size:1.1em;font-weight:bold;padding-top:40px}
#prenom, #nom{font-size:1.3em}
#nom{font-weight:bold}	
footer a{color:#fff}
footer div p{max-width:230px;margin-top:0}
footer div img{margin: 0 15px 270px 0;float:left}
.minisep{display:table-caption;margin:0;color:#fff;width: 32px;background:#fff;height:1px;margin:10px 0 20px 0}
div.img{position:relative}#img2{width:100%;margin-top:40px} #img1{top:17%;width:50%;left:25%;position:absolute}
.fond{padding: 70px 0;background: #EFEFEF;clear:both}
.infos{margin-top:30px;-moz-border-radius: 17px; -webkit-border-radius:170px; border-radius: 17px;padding:30px;background:#EFEFEF;color:#34758C}
.tinfos{font-weight:bold}
#hsite , nav ul li a{color:#fff;letter-spacing:1px}
main{clear:both}
a{text-decoration:none}
article h2{text-align:center;color:#040404;font-weight:normal}
article.page h2{color:#040404;font-weight:normal;margin-top: 50px}
article .sep{color:#34758C;width: 190px;background:#34758C;height:2px;margin-bottom:50px}
article.page .sep{color:#34758C;width: 100px;background:#34758C;height:2px;margin-bottom:30px;margin-left:0!important}
#proc .sep{width: 80px;height:4px;margin-left:0}
.rch1{display:block;font-size:1.5em;font-weight:bold}
p.btn{text-align:center}
p.btn.contact{text-align:left;}
p.btn.contact button{width:250px}
button{margin-top:30px;cursor:pointer;border: 3px solid #34758C;color:#34758C;-moz-border-radius: 17px; -webkit-border-radius:170px; border-radius: 17px;height:50px;width: 300px;background:#fff;font-weight:bold;font-size:1.1em;letter-spacing:1px}
button:hover{border: 1px solid #34758C;color:#fff;background:#34758C;}
.faq h2{
	margin:30px auto;cursor:pointer;color:#34758C;-moz-border-radius: 17px; -webkit-border-radius:170px; border-radius: 17px;/*height:50px;line-height:50px;*/width: 80%;background:#EFEFEF;font-weight:bold;font-size:1em;padding-left:30px;text-align:left
}
/*.faq h2:after{content: url(/img/chevron-faq.png); margin-right: 30px; margin-top: 10px;float:right}
.faq h2.actif:after{content: url(/img/chevron-faq1.png); margin-right: 10px; margin-top: 10px;float:right}*/
main .faq div{display:none;margin:30px auto;width: 80%;padding-left:30px}
article.page header{margin-bottom:70px}
article.page header,article .faq header{background:#163844;color:#fff}
article.page header h1,article.faq header h1{margin:0 auto;width:60%;font-weight:500;font-size:1.7em}
article.page header h1:after, article.faq header h1:after{display:block;content:"________";padding-bottom:50px}
article.page header h1:before, article.faq header h1:before{display:block;content:" ";padding-top:50px}
.page h2{text-align:left}
.cache{display:none}
.imp{font-weight:600}
.citation{font-style:italic}
.imp.bord{border-left: 3px solid #34758c;padding-left:20px;margin-top:30px}
.listeimp{font-weight:500}
.margb{margin-bottom:70px}
.chevl{width:12px}
.procmaries article header{background: url(../img/procedure-de-divorce.jpg) no-repeat;text-align:center }
section a{color:#34758c;font-weight:bold}
section a:hover{color:#163844}
article.contact h1{text-align:center;color: #040404;font-weight: normal;}
section article.contact {
	background:#fff;
	padding:60px;
	max-width:700px;
	margin:auto;
	box-shadow: 0px 0px 10px 7px rgba(206, 206, 206, 0.75);
	-moz-box-shadow: 0px 0px 10px 7px rgba(206, 206, 206, 0.75);
	-webkit-box-shadow: 0px 0px 10px 7px rgba(206, 206, 206, 0.75);
	-moz-border-radius: 35px; 
	-webkit-border-radius:350px; 
	border-radius: 35px;
}
article.procmaries h1{height:500px;padding-top:50px!important;font-size:2em!important}
/*.procmaries h2:after{font-size:2.5em;text-align:center;display:block;content:"______";padding-bottom:50px;color:#34758C}*/
#proc{text-align:center}
#proc div span{display:block;height: 85px;font-size:1.2em;font-weight:800;text-align:left}
#proc div{
	display:inline-block; width: 240px;margin: -200px 3% 70px 3%;background:#fff;
	-moz-border-radius: 30px;
	-webkit-border-radius:300px;
	border-radius: 30px;
/*	box-shadow: 0px 0px 10px 7px rgba(206, 206, 206, 0.75);
	-moz-box-shadow: 0px 0px 10px 7px rgba(206, 206, 206, 0.75);
	-webkit-box-shadow: 0px 0px 10px 7px rgba(206, 206, 206, 0.75);*/
	padding:20px;border: 5px solid #34758c;height:300px;vertical-align:top;text-align:left;
}
#proc div {text-align:left}
#proc div p{text-align:left;min-height:110px}
#proc div p.lien{min-height:auto}
#proc a{font-weight:800;color:#34758C}
body.contact{background:#EFEFEF}
#contact button{width:200px}
.contact input, .contact textarea{background:#EFEFEF;-moz-border-radius: 17px; -webkit-border-radius:170px; border-radius: 17px;border:0}
.contact label, .contact input{display:block;width:300px;margin-bottom:10px}
.contact input{width:300px;margin-bottom:30px;height:20px;padding:10px;outline:transparent}
.contact .email{float:right}
.contact textarea{width:96%;padding:2%;height:150px;outline:transparent}
.pictos{color:#34758c;font-weight:500;font-size:1.1em;text-align:center;margin-top:50px}
.pictos div{width:49%;margin:25px auto;display:inline-block}
.pictos img{width:100px}
.marg{margin-top:70px}
	#homecontact{height:700px;background-image: url(../img/contact-s-besson.jpg);position:relative;background-position:center}
	#homecontact div{height:25%;position: absolute;bottom:0;width:100%;opacity: 0.82;background-color:#34758c;color:#fff;font-family:'Satisfy', cursive; text-align:center;font-size:2em }
	#homecontact div p{margin-top:50px}
	#homecontact div button{color:#fff;background:#34758c;border:3px solid #fff;font-size:0.7em}
	#homecontact div button:hover{color:#34758c;background:#fff;border:3px solid #fff;font-size:0.7em}
	#temoignage{text-align:center}
	#temoignage div{display:inline-block;margin:auto;width:290px;padding:30px}
	#temoignage img{display:block;margin:0 auto 25px auto;width:40px}
	.btn.faq.lienc{margin-bottom:90px}
	footer{padding:20px}
	.btn.faq,.btn.honoraires, .lien{cursor:pointer}
.err{border:1px solid red!important}
.msgerr{color:red}
article.contact{margin-bottom:100px}
article.contact h1{margin-top:70px}

article li{margin-bottom:10px}
@media screen and (max-width: 800px) {
	.contact .email{float:none}
	input {width:96%!important}
}
#proc {margin: -200px auto auto auto;}
@media screen and (max-width: 1440px) {
body{margin:0}
article p, article h1, article h2 {padding:0 10px}
#hsit{min-height:110px;}
nav{clear:both;text-align:left}
nav ul{margin:0 0 80px 0;padding:0;background:#fff;position:relative;height:auto;display:none;top:30px}
nav ul li{display:block;height:40px;line-height:40px;width:auto;margin:10px 0;border-bottom:1px solid #34758c;padding-left:20px}
nav ul li a{display:block;height:100%;width:100%;text-align:left;color:#34758c}
.lsmu{background: url(../img/chevd.png) center no-repeat;display: block;position: absolute;height: 20px;width:15px;line-height: 40px;right: 20px;margin-top:-30px}
.mnusep{display:none}
nav ul li ul {line-height:25px;width:auto;background:#EFEFEF;left:0;position:relative;margin-top: -55px;margin-left: -20px;}
nav ul li ul li{display:block;line-height:50px;height:50px;border:0}
nav ul li ul li:hover{font-weight:bold}
#proc div{width: 240px;margin: auto 10% 50px 10%;}
}
@media screen and (min-width: 800px) {
	#proc {margin: auto;}
	#proc div{width: 240px;/*margin: -200px 3% 70px 3%;*/}
	#hsit{position:fixed;left:0;top:0}
	main{padding-top:100px}
	body{margin:0}
	.fond{padding: 70px;}
	.pictos div{width:199px;margin:auto;}
}

@media screen and (min-width: 1440px) {
	.rch1{margin-left:50px;}
	.pictos div{width:300px;}
	#hsite span.stitre{display:block}
	#hsit{background:#34758c;width:100%;height:100px}
	#hsite{float:left;margin-left:50px}
	#hsite h1{margin-bottom:0;font-size:1.2em}
	#hsite h1 span{font-weight:normal}
	#mnusmart{display:none}
	nav {float:right;clear:none}
	nav ul{display:block}
	nav ul li{display:inline-block;height:100px;line-height:100px;width:190px;text-align:center;margin:0}
	.fond{padding: 70px 300px;background: #EFEFEF;clear:both}
	article.home header h1{margin-top:100px;margin-left:200px;font-size:2.5em;font-weight:normal}
	article.home header h1:after{margin-left: 50px;display: block;content: "______";padding-bottom: 50px;color:#34758c}	
	.marg{margin-top:90px}
	section.home h1{margin-left:150px;font-weight:600}
	section.home {/*margin-top:120px;*/}
	section.home article.home{min-height:480px;}
	section.page{margin:auto;width:60%}
	.btn.faq{margin: 50px 0}
	footer .titre{padding-top:0px}
	footer{text-align:center;height:380px;}
	footer div{text-align:left;vertical-align:top;display:inline-block;margin:30px auto 0 auto;width:18%;height:380px;font-size:0.9em}
	article .txt{width: 320px;margin-left: 150px}
	div.img img{margin-top: -650px; float: right; right: 10px;}
	div.img{position:inherit}
	#img2{width:auto;margin-top: -550px;max-width:50%}
	#img1{top:980px;width:auto;left:35%;z-index:1}
	.faq h2{height:50px;line-height:50px;font-size:1.1em;}
.faq h2:after{content: url(/img/chevron-faq.png); margin-right: 30px; margin-top: 10px;float:right}
.faq h2.actif:after{content: url(/img/chevron-faq1.png); margin-right: 30px; margin-top: 10px;float:right}
}

@media screen and (min-width: 1600px) {
	#proc div{width: 240px;margin: -200px 3% 70px 3%;}
	#img1{position:relative;z-index:10;top:auto;width:auto;left:auto;margin-right:-200px;margin-top:-500px}
	#img2{width:auto;margin-top: -650px;max-width:50%}
	article .txt{width: 320px;margin-left: 250px}
	section.home h1{margin-left:250px;}
	article .home header h1{margin-top:200px;margin-left:200px;font-size:2.5em;font-weight:normal}
}