@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i');
.clear{
	clear: both;
}

:focus {
outline: 0;
}

#mobile_menu:not( .mm-menu ) {
   display: none;
}


a{
	color: inherit;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

body, html{
	height: 100%;
	min-height: 100%;
	min-width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	color:#666666;
	background-color: #f3f3f3;
	line-height: 1.4em;
	-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

body{
	margin-top: 108px;
}

[data-animatecss]:not(.animated){
	visibility: hidden !important;
}

[data-animatecss].animated){
	visibility: visible !important;
}

/*h1{
	font-family: 'Droid Serif', serif;
	font-weight: normal;
	color:#be0d0d;
	font-size: 40px;
	margin: 0px;
}

h1.inverted{
	color:#fff;
}

h1:after{
	content:"";
	display: block;
	width:20px;
	border-bottom: 1px solid #be0d0d;
	margin-bottom: 1em;
	margin-top: .5em;
}

h1.inverted:after{
	border-bottom: 1px solid #fff;
}

h2{
	font-size: 22px;
	margin: 0px;
}

h3{
	font-family: 'Droid Serif', serif;
	font-weight: normal;
	color:#be0d0d;
	font-size: 18px;
	margin: 0px;
}*/

.page #content ul, ul > li,  #content .page ul{
	list-style: none;
	padding-left: 0px;
}

.page #content ul > li ,  #content .page ul > li {
	padding-left: .6em;
	position: relative;
}

.page  #content  ul  li:before,   #content .page ul   li:before {
    content: "";
    width:3px;
    height:3px;
    background-color: #666666;
    display: block;
	position: absolute;
	left:0px;
	top:10px;
	border-radius: 50%;
}
.mainnav ul li:before, .annexnav  ul li:before, .toolsnav  ul li:before{
    width:0px !important;
    height:0px !important;
 
}

#mm-blocker{
	z-index: 4000000;
}

#my-hamburger{
	outline: none;
	color:#fff;
	position: absolute;
	right:20px;
	top:50%;
	transform: translateY(-50%);
	background-color: #fff;
	border-radius: 50%;
	width:70px;
	height: 70px;
	display: none;
}

.moveUp, .moveDown{
	display: inline-block;
	width:20px;
	height:12px;
	background-position: center center;
	background-repeat: no-repeat;
}

.moveUp{
	background-image: url(../img/home_fleche_haut.svg);
}

.moveDown{
	bottom:20px;
	background-image: url(../img/home_fleche_bas.svg);
}

.moveDownContainer, .moveUpContainer{
	position: absolute;
	text-align: center;
	width:100%;
	z-index: 4000;
 }
 
 .moveUpContainer{
	top:10px; 
 }
 
 .moveDownContainer{
	bottom:10px; 
 }

.section:not(.fp-auto-height) .inside{
	min-height:100%;
	max-height: 100%;
}

.section:not(.fp-auto-height) .fp-scroller{
	min-height:100%;
	max-height: 100%;
}

.section{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 0px !important;
}

.section:not(.home_page):not(.homefooter) h1{
	position: absolute;
	left:0px;
	top:10%;
}

.section h1{
	font-family: 'Droid Serif', serif;
	font-weight: normal;
	color:#be0d0d;
	font-size: 2.222em;
	margin: 0px;
	line-height:1.1em;
	letter-spacing: -0.03em;
}

.section h1:after{
	content:"";
	display: block;
	width:20px;
	border-bottom: 1px solid #be0d0d;
	margin-bottom: 1em;
	margin-top: .5em;
}

.section h1.inverted{
	color:#fff;
}
.section h1.inverted:after{
	border-bottom: 1px solid #fff;
}


.section.home_page h1{
	padding-top:10%;
}

.section.home_page  .inside.fullheight{
	min-height: calc(100vh - 370px);
}



#fullpage:not(.fullpage-wrapper){
	display:none;
}

.boutons{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width:100%;
}

.section a.homebouton{
	display: block;
	float: left;
	position: relative;
	width: calc((100%/3) - 0.2px - 32px);
	max-width: 298px;
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration: none;
	margin-right: 32px;
	margin-bottom: 52px;
}

.section.home_boutons a.homebouton h1{
	color:#fff;
	position: absolute;
	width:100%;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .2em;
}

.section a.homebouton h1:after{
	content:none;
}

.section a.homebouton:after{
	content: "";
	display: block;
	padding-top: 84.2281879%;
}


a.linkbtn, button{
	display: inline-block;
	font-size: 1em;
	border: 1px solid #be0d0d;
	text-decoration: none;
	color:#be0d0d;
	/*line-height:56px;*/
	padding-top:12px;
	padding-bottom:12px;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom:1em;
	width:auto;
}

a.linkbtn:disabled, button:disabled{
	opacity:.4;
}

a.linkbtn:hover, button:hover{
	color:#fff;
	background-color: #be0d0d;
}

a.linkbtn.inverted, button.inverted{
	border: 1px solid #fff;
	color:#fff;
}

a.linkbtn.inverted:hover, button.inverted:hover{
	color:#be0d0d;
	background-color: #fff;
}


a.linkbtn.red, button.red{
	background-color: #be0d0d;
	border-color: #be0d0d;
}

button.small{
	height:38px;
	line-height: 38px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 1em;
	padding-right: 1em;
	margin-left: 2em;
}


div.subrub h1{
	width: 280px;
	float: left;
	box-sizing: border-box;
	padding-right: 30px;
	margin: 0px;
}

div.subrub h1:after{
	content: none;
}
	

div.subrubmenu{
	width:calc(100% - 280px);
	float: left;
}

div.subrubmenu a:not(.linkbtn), a.bulletinlisting, .agendalisting, .morecontent a:not(.linkbtn){
	text-decoration: none;
	color: inherit;
	margin-bottom: 1em;
}

div.subrubmenu a:not(.linkbtn):after, a.bulletinlisting:after, .agendalisting:after, .morecontent a:not(.linkbtn):after{
	content:"";
	display: block;
	width:20px;
	border-bottom: 1px solid #666666;
	margin-bottom: 1em;
	margin-top: .5em;
}

div.odd{
	background-color: #f3f3f3;
	padding-top: 50px;
	padding-bottom: 65px;
}
div.even{
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 65px;
}

tr.odd td{
	background-color: #f3f3f3;
	
}
tr.even td{
	background-color: #fff;
	
}

h4{
	margin-bottom:.2em;
}

h4 + p{
	margin-top: 0px;
}

#header{
	background-image: url(../img/header_general_back.svg);
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	height:108px;
	width:100%;
	top:0px;
	left:0px;
	position: fixed;
}


body.home #header{
	position: absolute;
	top:0px;
	left:0px;
	z-index: 200;
}


#header .inside{
	height: 100%;
	background-image: url(../img/header_back.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	
}

.extranet #header .inside{
	background-image: url(../img/header_back_extranet.svg);
}

#header #logo{
	width:145px;
	height: 91px;
	overflow: hidden;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 0px;
	background-image: url(../img/logo_notaires.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -4000px;
}

#header #logo h1:after{
	content: none;
}

#content{
	min-height: calc(100vh - 108px - 370px);
}

#footer{
	min-height: 370px;
	background-color: #be0d0d;
	color:#fff;
	font-size: 14px;
	box-sizing: border-box;
	padding-top: 60px;
	padding-bottom: 40px;
}

#footer h1{
	font-size: 1.111em;
	color: inherit;
	padding-top: 0px;
	font-family: 'Droid Serif', serif;
	line-height:1.1em;
	letter-spacing: -0.03em;
	font-weight: normal;
}

#newsletterfooter{
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #8f0000;
}

#newsletterfooter .intronewsletter{
	font-family: 'Droid Serif', serif;
	color:#fff;
	font-size: 1.111em;
	padding-top: 12px;
    padding-bottom: 12px;
    display: inline-block;
}

#newsletterfooter a.linkbtn{
	margin-bottom: 0px;
	margin-left: 1em;
}

.inside{
	max-width: 964px;
	margin: auto;
	position: relative;
	box-sizing: border-box;
}

#header ul, #header ul li, #footer ul, #footer ul li{
	padding: 0px;
	margin: 0px;
	display: inline-block;
	list-style: none;
	position: relative;
	vertical-align: middle;
}

#header ul li a, #footer ul li a{
	text-decoration: none;
	color:#fff;
}

#header ul li a:hover, #header ul li.active a, #footer ul li a:hover, #footer ul li.active a{
	opacity: .7;
}

#header .toolsnav{
	font-size: 0.611em;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	position: absolute;
	right:0px;
	top: 10px;
}

#footer .toolsnav ul li.active a{
	opacity: 1;
}

#header .toolsnav li{
	margin-left: 1.111em;
	vertical-align: middle;
}

#header .toolsnav li a{
	display: inline-block;
	padding-left: 38px;
	position: relative;
}

li.frais, li.taux, li.extranet_preferences, li.extranet, li.creasocietas, li.logout{
	padding-left: 38px;
	position: relative;
}

#mobile_menu li.frais, #mobile_menu li.taux, #mobile_menu li.extranet_preferences, #mobile_menu li.creasocietas, #mobile_menu li.extranet, #mobile_menu li.logout{
	padding-left: 0px;
	position: relative;
}



li.frais a:before{
	content: "";
	display: inline-block;
	width:15px;
	height: 17px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/icon_frais.svg);
	position: absolute;
	top:50%;
	left:13px;
	transform: translateY(-50%);
	
}

li.taux a:before{
	content: "";
	display: inline-block;
	width:22px;
	height: 17px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/icon_taux.svg);
	position: absolute;
	top:50%;
	left:10px;
	transform: translateY(-50%);
	
}

li.extranet_preferences a:before{
	content: "";
	display: inline-block;
	width:22px;
	height: 17px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/icon_extranet_preferences.svg);
	position: absolute;
	top:50%;
	left:10px;
	transform: translateY(-50%);
	
}

li.creasocietas a:before{
	content: "";
	display: inline-block;
	width:21px;
	height: 21px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/icon_creasocietas.svg);
	position: absolute;
	top:50%;
	left:10px;
	transform: translateY(-50%);
	
}

.toolsnav li.extranet a:before, .toolsnav li.logout a:before{
	content: "";
	display: inline-block;
	width:18px;
	height: 17px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/icon_extranet.svg);
	position: absolute;
	top:50%;
	left:12px;
	transform: translateY(-50%);
}

#header .mainnav, #footer .mainnav{
	position: absolute;
	right:0px;
	bottom: 10px;
	font-family: 'Droid Serif', serif;
	font-size: 1.111em;
	line-height:1.1em;
	letter-spacing: -0.03em;
}

#header .mainnav li, #footer .mainnav li, #footer .annexnav li{
	margin-left: 30px;
}

#footer #coordonnees{
	position: relative;
	float: left;
}

#footer #navs{
	position: relative;
	float: right;
}

#footer .mainnav{
	position: relative;
	top:0px;
}

#footer .toolsnav{
	position:relative;
	text-align: right;
	margin-top: 2em;
}

#footer .toolsnav li{
	margin-left: 25px;
	padding-right: 5px;
	margin-right: -5px;
}

#footer .toolsnav li > a{
	width:150px;
	height:150px;
	display: block;
	background-color: #fff;
	color: #be0d0d;
	box-sizing: border-box;
	padding: 10px;
	text-align: left;
	font-family: 'Droid Serif', serif;
	position: relative;
	z-index: 200;
	line-height:1.1em;
	letter-spacing: -0.03em;
	font-size: 1.3em;
}

#footer .toolsnav li > a:hover{
	opacity: 1;
}

#footer .toolsnav li > a.linkbtn{
	display: none;
}
	

#footer .toolsnav li:after{
	content: "";
	background-color: #fff;
	width: 30px;
	height:30px;
	display: block;
	position: absolute;
	top:50%;
	right: 0px;
	transform: translate(-2px, -50%) rotate(45deg);
	-ms-transform: translate(-2px, -50%) rotate(45deg);
	-webkit-transform: translate(-2px, -50%) rotate(45deg);
	border-radius: 2px;
}


.section .contentbottom:before{
	content: "";
	background-color: #be0d0d;
	width: 60px;
	height:60px;
	display: block;
	position: absolute;
	top:0px;
	left: 50%;
	transform: translate(-50%, -10px) rotate(45deg);
	-ms-transform: translate(-50%, -10px) rotate(45deg);
	-webkit-transform: translate(-50%, -10px) rotate(45deg);
	border-radius: 6px;
}



.section.home_image_text .contentbottom, .section.home_image_text_notaires .contentbottom{
	background-color: #be0d0d;
	color:#fff;
	position: absolute;
	left:0px;
	bottom:0px;
	display: block;
	width:100%;
	font-size: 1.222em;
	padding-top: 2em;
	padding-bottom: 1em;
	z-index: 300;
}

.section.home_image_text_notaires .contentbottom .linkbtn{
	width:100%;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	height:32px;
	line-height: 32px;
}

.section.home_image_text .contentbottom h1, .section.home_image_text_notaires .contentbottom h1{
	position: relative;
	color: #fff;
	top:auto;
	left: auto;
	font-family: 'Droid Serif', serif;
	font-weight: normal;
	font-size: 1.818em;
	line-height:1.1em;
	letter-spacing: -0.03em;
}

.section.home_image_text .contentbottom h1:after, .section.home_image_text_notaires .contentbottom h1:after{
	content: none;
}


.section.home_image_text_notaires .cycle-slideshow{
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.section.home_image_text_notaires .cycle-slideshow .notairehome{
	width:100%;
	height:100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

}

.section1.home_page h1{
	padding-top: 190px;

}


.home_tools .toolsnav{
	position: absolute;
	bottom:5%;
}

.home_tools .toolsnav ul, .home_tools .toolsnav li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.home_tools .toolsnav li{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-right:25px;
	padding-right: 15px;
}

.home_tools .toolsnav li > a:not(.linkbtn){
	width:280px;
	height:280px;
	display: block;
	background-color: #be0d0d;
	color: #fff;
	box-sizing: border-box;
	padding: 10px;
	text-align: left;
	font-family: 'Droid Serif', serif;
	position: relative;
	z-index: 200;
	font-size: 28px;
	text-decoration: none;
	line-height:1.1em;
	letter-spacing: -0.03em;
}

.home_tools .toolsnav li > a.linkbtn{
	position: absolute;
	bottom:10px;
	left:10px;
	padding-right:0px;
	padding-left: 0px;
	width:100%;
	text-align: center;
	z-index: 200;
	width:calc(100% - 40px);
	margin-bottom: 0px;
}

.home_tools .toolsnav li:after{
	content: "";
	background-color: #be0d0d;
	width: 30px;
	height:30px;
	display: block;
	position: absolute;
	top:50%;
	right: 0px;
	transform: translate(-2px, -50%) rotate(45deg);
	-ms-transform: translate(-2px, -50%) rotate(45deg);
	-webkit-transform: translate(-2px, -50%) rotate(45deg);
	border-radius: 2px;
}

#footer .annexnav{
	position:absolute;
	right:0px;
	bottom:5px;
	text-align: right;
	margin-bottom: 1em;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .2em;
}


.notairelistingcontainer{
	margin: -8px;
	margin-top: 50px;
}

.notairelisting{
	width: calc((100%/3) - 0.2px - 16px);
	margin: 8px;
	display: block;
	float: left;
	color: inherit;
	text-decoration: none;
}



.notairelisting .notairepicture{
	position: relative;
	overflow: hidden;
	min-height: 30px;
}

.notairelisting .notairepicture img{
	top:0px;
	left:0px;
	position: absolute;
	height:100%;
}

.notairelisting .notaireinfos{
	background-color: #be0d0d;
	color:#fff;
	box-sizing: border-box;
	padding: 10px;
	position: relative;
}

.notairelisting .notairepicture:after{
	content: "";
	background-color: #be0d0d;
	width: 30px;
	height:30px;
	display: block;
	position: absolute;
	bottom:0px;
	left: 50%;
	transform: translate(-50%, 20px) rotate(45deg);
	-ms-transform: translate(-50%, 20px) rotate(45deg);
	-webkit-transform: translate(-50%, 20px) rotate(45deg);
	border-radius: 2px;
}

.notairelisting.actif .notairepicture:before{
	content: "";
	padding-top: 100%;
	display: block;
}

.notairelisting .notaireinfos h1{
	color: #fff;
}

.notairelisting .notaireinfos h3{
	color: #fff;
	font-family: 'Droid Serif', serif;
	font-weight: normal;
	margin: 0px;
	font-size: .778em;
	line-height: 1.1em;
}

.notairelisting img{
	width:100%;
}

.notairelisting.ancien .notaireinfos, .notairelisting.ancien .notairepicture:after{
	background-color: #747474;
}




.notairedetails .notairepicture{
	width:486px;
	float: left;
}

.etudedetails .etudemap, .contactsdetails .contactmap{
	width:486px;
	float: left;
}

.etudedetails .etudemap:after, .contactsdetails .contactmap:after{
	content: "";
	display: block;
	padding-top: 100%;
}


.notairedetails .notairepicture img{
	width: 100%;
}

.notairedetails .notaireinfos, .etudedetails .etudeinfos, .contactsdetails .contactinfos{
	width:calc(100% - 486px);
	box-sizing: border-box;
	padding-left:30px;
	float: right;
}

.contactsformdetails .contactform, .contactsformdetails .contactconfirm{
	width:calc(100% - 350px);
	box-sizing: border-box;
	padding-right:30px;
	float: left;
}

.contactsformdetails .contactconfirm{
	display: none;
}

.contactsformdetails .contactinfos{
	width:350px;
	float:right;
}

a.explicationlink{
	font-size: .9em;
	color:#3b3b3a;
}

.fraisexplications{
	display: none;
	background-color: #f3f3f3;
	padding: 20px;
	box-sizing: border-box;
}

.resultitem{
	padding-top: .2em;
	padding-bottom: .2em;
	border-bottom: 1px solid #ccc;
}

.soustotal{
	font-weight: bold;
	border-bottom: 0px;
}

.total{
	font-weight: bold;
	border-bottom: 0px;
	margin-top: 1em;
	color:#3b3b3a;
	border-top: 2px solid #3b3b3a;
	border-bottom: 2px solid #3b3b3a;
}

.resultlabel{
	float: left;
	max-width: 50%;
}

.resultvalue{
	float: right;
	max-width: 50%;
}

.morecontent:before{
	content:"";
	display: block;
	padding-top: 130px;
	background-image: url(../img/fleche.svg);
	background-position: left center;
	background-repeat: no-repeat;
}

[data-bulletinannee]{
	display: none;
}


/* Calendrier */
/* Month header */

#eventlist{
	width: calc(100% - 320px);
	float:left;
	box-sizing: border-box;
	padding-right: 40px;
}

#calendar{
	width: 320px;
	float:right;
}

#calendar a.linkbtn{
	font-size: 14px;
	line-height:46px;
	box-sizing: border-box;
	width:100%;
	padding: 0px;
	text-align: center;
}

#calendar ul {list-style-type: none;}

#calendar .month {
    padding:10px 15px;
    width: 100%;
    background: #be0d0d;
    box-sizing: border-box;
}

/* Month list */
#calendar .month ul {
    margin: 0;
    padding: 0;
}

#calendar .month ul li {
    color: white;
    font-size: 1em;
    text-transform: uppercase;
    text-align: center;
}

/* Previous button inside month header */
#calendar .month .prev {
    float: left;
    /* padding-top: 10px; */
}

/* Next button */
#calendar .month .next {
    float: right;
   /* padding-top: 10px; */
}

#calendar .month .prev a, #calendar .month .next a{
	color: inherit;
	text-decoration: none;
}

/* Weekdays (Mon-Sun) */
#calendar .weekdays {
    margin: 0;
    padding: 10px 0;
    background-color:#ddd;
    font-size: 0px;
}

#calendar .weekdays li {
    display: inline-block;
    width: 13.6%;
    color: #666;
    text-align: center;
    font-size: 10px;
}

/* Days (1-31) */
#calendar .days {
    padding: 10px 0;
    background: #eee;
    margin: 0;
    font-size: 0px;
}

#calendar .days li {
    list-style-type: none;
    display: inline-block;
    width: 13.6%;
    text-align: center;
    font-size:12px;
    color:#777;
    box-sizing: border-box;
    border: 1px solid #eee;
    position: relative;
}

#calendar .days li:after {
	content: "";
	display: block;
	padding-top: 100%;
}

#calendar .days li.withday {
	background-color: #fff;
}

#calendar .days li a{
	text-decoration: none;
	color: inherit;
	position: absolute;
	width:100%;
	text-align: center;
	height:100%;
	display: block;
	
}

#calendar .days li  span{
	display: block;
	width:100%;
	height:40px;
	line-height: 40px;
	left:0px;
	top:50%;
	position: absolute;
	transform: translateY(-50%);
}

#calendar .days li a div.pastille{
	background-color:#be0d0d;
	display: block;
	width:5px;
	height:5px;
	border-radius:50%;
	position: absolute;
	bottom:5px;
	right:5px;
}


/* Highlight the "current" day */
#calendar .days li.today {
	color: #be0d0d !important;
    border: 3px solid #be0d0d;
}

#calendar .days li.selected {
     background-color: #be0d0d;
    color: #fff !important;
}

#calendar .days li.selected a div.pastille{
	background-color:#fff;
}

/* DOCUMENTS */

#documenttree ul, #documenttree li{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#documenttree li a{
	display: block;
	margin: auto;
	max-width: 964px;
	text-decoration: none;
	color: inherit;
	position: relative;
	padding-top:.5em;
	padding-bottom: .5em;
}


#documenttree li{
	font-size:1.222em;
	font-weight: bold;
	color:inherit;
}

.extranet_home #documenttree li{
	font-size: 1em;
}

.extranet_home #documenttree li:after{
	content:"";
	display: block;
	width:20px;
	border-bottom: 1px solid #666666;
	margin-bottom: 1em;
	margin-top: .5em;
}


#documenttree li a.opened:before{
	content:">";
	position:absolute;
	top:50%;
	left:-5px;
	transform: translate(-100%, -50%) rotate(90deg);
}

#documenttree li.opened{
	padding-bottom: 40px;
}

#documenttree li li{
	font-family: 'Droid Serif', serif;
	font-size: .9em;
	font-weight: normal;
	line-height:1.1em;
	letter-spacing: -0.03em;
}

#documenttree li li.folder{
	color: #be0d0d;
}

#documenttree li.file{
	color: #666666;
}

#documenttree li.file span{
	float:left;
}

#documenttree li.file span.date{
	float:right;
}

#documenttree ul.odd > li{
	background-color: #f3f3f3;
	border-bottom: 1px solid #fff;
}
#documenttree ul.even > li{
	background-color: #fff;
	border-bottom: 1px solid #f3f3f3;
}

.page h1, .extranet h1, .frais h2{
	font-size: 1.222em;
	font-weight: bold;
	margin: 0px;
}

.page h2, .notaires h1, .taux h1, .frais h1, .extranet h2, .morecontent > h2{
	font-size: 2.222em;
	font-family: 'Droid Serif', serif;
	font-weight: normal;
	color:#be0d0d;
	margin: 0px;
	line-height:1.1em;
	letter-spacing: -0.03em;
}

.page h2:after, .notaires h1:after, .taux h1:after, .frais h1:after, .extranet h2:after{
	content:"";
	display: block;
	width:20px;
	border-bottom: 1px solid #be0d0d;
	margin-bottom: 1em;
	margin-top: .5em;
}

.page h3, .frais h3{
	font-size: 1em;
	color:#3b3b3a;
	margin-top: 3em;
}

form.login, form#f_lost{
	width:50%;
}

.input h3{
	font-size: 1em !important;
	margin: auto !important;
	margin-top: 1em !important;
	margin-bottom: 1em !important;
}

.input h3  ~ p{
	margin: 0px;
	padding-top: 0px;
}

div.subrub h1{
	font-size: 2.222em;
	font-family: 'Droid Serif', serif;
	font-weight: normal;
	color:#be0d0d;
	margin: 0px;
	line-height:1.1em;
	letter-spacing: -0.03em;
}

div.subrub .subrubmenu h1, a.bulletinlisting h1, .agendalisting h1, .morecontent a h1{
	font-size: 1.222em;
	font-family: inherit;
	color: inherit;
	font-weight: bold;
	margin: 0px;
	width: auto;
	float: none;
	padding: 0px;
}

a.bulletinlisting h1:after, .agendalisting h1:after, .morecontent a h1:after{
	content: none;
}

.demandeform h1{
	font-size: 1.222em;
	font-family: inherit;
	color: inherit;
	font-weight: bold;
	margin: 0px;
	width: auto;
	float: none;
	padding: 0px;
	margin-top: 1em;
}

.demandeform h1:after{
	content: none;
}

.warningbox{
	color:#be0d0d;
	font-size: 1em;
	border: 1px solid #be0d0d;
	margin-top: 1em;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	box-sizing: border-box;
}


.morecontent > h2{
	margin-bottom: .7em;
}
.morecontent > h2:after{
	content:none;
}

.morecontent > a.linkbtn{
	margin-top: .7em;
}

div.subrub .subrubmenu h2, a.bulletinlisting h2, .agendalisting h2, .morecontent a h2{
	font-size: 1em;
	font-family: 'Droid Serif', serif;
	font-weight: normal;
	color:#be0d0d;
	margin: 0px;
	line-height:1.4em;
	letter-spacing: -0.03em;
}

.morecontent a h2:after, a.bulletinlisting h2:after, .agendalisting h2:after{
	content: none;
}

.demandeform h2{
	font-size: 1.5em;
	font-family: 'Droid Serif', serif;
	font-weight: normal;
	color:#be0d0d;
	margin: 0px;
	line-height:1.4em;
	letter-spacing: -0.03em;
}

.demandeform h2:after{
	content: none;
}

.morecontent.notaires .notairescolumn{
	width: calc((100%/3) - 0.2px);
	padding-right: 40px;
	box-sizing: border-box;
	float: left;
	font-family: 'Droid Serif', serif;
	line-height:.6em;
	letter-spacing: -0.03em;
}

.morecontent.notaires a{
	display: block;
}
.morecontent.notaires a:after{
	content: none;
}

.notairelisting h1{
	font-size: 1.222em;
	font-weight: normal;
	font-family: 'Droid Serif', serif;
	color: inherit;
	margin-top: .2em;
	margin-bottom: 1.2em;
	line-height:1.1em;
	letter-spacing: -0.03em;
}

.notairelisting h1:after{
	content: none;
}

.notairelisting .notaireinfos h2{
	font-size: 0.778em;
	font-weight: normal;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1.3em;
	letter-spacing: .03em;
}

.notaireinfos h2, .etudeinfos h2, .contactinfos h2{
	font-size: 1em;
	font-weight: normal;
	font-family: 'Droid Serif', serif;
	margin: 0px;
	line-height:2em;
	letter-spacing: -0.03em;
	
}

.demandecalltoaction{
	background-color: #be0d0d;
	color:#fff;
	box-sizing: border-box;
	padding: 10px;
	position: relative;
	padding-bottom: 68px;
}

.demandecalltoaction h1{
	font-size: 2.222em;
}

.demandecalltoaction .linkbtn{
	width:calc(100% - 20px); 
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	bottom:10px;
	left:10px;
	margin-bottom:0px;
}

.contactinfos h2{
	color:#666666;
}

.contactinfos h2:after{
	content: none;
}

.notaireinfos p, .etudeinfos p, .contactinfos p{
	font-weight: bold;
	color:#3b3b3a;
	margin: 0px;
}

.notaireinfos a:not(.linkbtn), .etudeinfos a:not(.linkbtn), .contactinfos a:not(.linkbtn){
	display: block;
}

.notaireinfos p:after, .etudeinfos p:after, .contactinfos p:after{
	content:"";
	display: block;
	width:20px;
	border-bottom: 1px solid #666666;
	margin-bottom: 1em;
	margin-top: .5em;
}

select.simpleselect{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
	background-color: #ddd;
	width: 100%;
	box-sizing: border-box;
	border-radius: 0px;
	padding: 9px 10px;
    line-height: 18px;
    border-right: 10px solid #ddd;
    padding-right: 30px;
    background-image: url(../img/carret_bottom.svg);
    background-repeat: no-repeat;
    background-position: right center;
}

.simpleselect{
	color:#be0d0d;
	font-size: inherit;
	width: 100%;
	box-sizing: border-box;
	display: block;
}

.simpleselect .options{
	width:100%;
	box-sizing: border-box;
}

.simpleselect .placeholder, select{
	padding-right: 40px;
}

.simpleselect .placeholder, .simpleselect .options .option, select{
	background-color: #ddd;
	width: 100%;
	box-sizing: border-box;
	border-radius: 0px;
}

.simpleselect .placeholder:hover{
	background-color: #ddd;
}

.simpleselect .placeholder:after, select.simpleselect:after{
	width:20px;
	height:12px;
	transform: translateY(-50%);
	background-image: url(../img/carret_bottom.svg);
	top:50%;
	background-repeat: no-repeat;
}

input[type=text], input[type=password], input[type=email], input[type=number], textarea{
	    -webkit-appearance: none;
	    background-color: #fff;
	    box-sizing: border-box;
	    width:100%;
	    height:38px;
	   /* line-height: 38px;*/
	    font-size: 1em;
	    border: none;
	    padding: 10px;
	    border: 1px solid #f3f3f3;
}

textarea{
	height: auto;
	line-height: normal;
}

button{
	  -webkit-appearance: none;
}

.notairesearch{
	float:left;
	width:calc(50% - 8px);
	margin-right: 8px;
}
.notaireselecttypes{
	float:right;
	width:calc(30% - 8px);
	margin-left: 8px;
}
.notaireselectlangues{
	float:left;
	width:calc(20% - 16px);
	margin-left: 8px;
	margin-right: 8px;
}

.mm-menu{
	background-color: #be0d0d;
	color:#fff;
}

.mm-page{
	min-height: 100%;
}

.mm-listview>li {
	border: none;
}

.mm-listview>li>a{
	padding-left: 38px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.main.mm-listview>li>a{
	padding-top: 12px;
	padding-bottom: 12px;
}

.mm-listview>li:after{
	content: none !important;
} 

ul.main{
	font-family: 'Droid Serif', serif;
	font-weight: normal;
	color:#fff;
	font-size: 1em;
	margin-top: 0px !important;
	line-height:1.1em;
	letter-spacing: -0.03em;
}

ul.tools, ul.annexe{
	padding-top: 21px;
	position: relative;
}
ul.tools:before, ul.annexe:before{
	content: "";
	position: absolute;
	top: 10px;
	left:5px;
	display: block;
	width:40px;
	border-top: 1px solid #fff;
}
.input {
	box-sizing: border-box;
	float: left;
	margin: 5px;
}

.input > .input {
	margin: 0px;
}

.homeform .input{
	margin: 0px;
	position: relative;
}


.homeform .input input{
	height:58px;
	line-height: 58px;
	position: relative;
	padding: 20px;
}

.homeform .input.withtriangle:after{
	content: "";
	background-color: #fff;
	width: 10px;
	height:10px;
	display: block;
	position: absolute;
	top:50%;
	right: 0px;
	transform: translate(71%, -50%) rotate(45deg);
	-ms-transform: translate(71%, -50%) rotate(45deg);
	-webkit-transform: translate(71%, -50%) rotate(45deg);
	border-radius: 3px;
	z-index: 300;
	border-top:4px solid #be0d0d;
	border-right:4px solid #be0d0d;
}

.homeform .input.twothird{
	width:calc(100%/6*5 - 10px);
}

.homeform .input.onethird{
	width:calc(100%/6*1 - 10px);
}

.homeform button{
	border: 0px;
	background-color: #fff;
	height:58px;
	line-height: 58px;
	padding: 0px;
	padding-left:1em;
	padding-right: 1em;
	text-align: center;
	border-left:4px solid #be0d0d;
	margin: 0px;
}

.homeform button:hover{
	color: #fff;
	background-color: #be0d0d;
	/*border: 1px solid #fff;
	border-left:4px solid #fff;*/
}
.input p {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: normal;
	clear: both
}

label{
	font-weight: bold;
}
input.error, input.errormsg {
	border-color: #be0d0d;
}
label.error, label.errormsg {
	color: #be0d0d
}
div.error, div.errormsg, #demandform label.error {
	background-color: #be0d0d;
	color: #fff;
	padding:5px;
	display: block;
	font-weight: normal;
}
input.success, input.success {
	border-color: #00CC00
}
label.success, label.success {
	color: #00CC00
}
div.success, div.success {
	background-color: #00CC00;
	color: #fff;
	padding:5px;
}

a.linkbtn.rdvfixed{
	position: fixed;
	right:0px;
	top:300px;
	z-index: 20;
	box-sizing: border-box;
	padding-left: 65px;
	padding-right: 15px;
	transform: translateX(calc(100% - 50px));
	transition: transform .5s;
	background-color: #fff;
	z-index: 30000;
}

a.linkbtn.rdvfixed:hover{
	transform: translateX(1px);
	background-color: #fff;
	color:#be0d0d;
}

a.linkbtn.rdvfixed:before{
	display: block;
	background-color: #be0d0d;
	color:#fff;
	content: "RDV";
	width:50px;
	text-align: center;
	padding-top:12px;
	padding-bottom: 12px;
	position: absolute;
	top:0px;
	left:0px;
}

.home a.linkbtn.rdvfixed, .demande a.linkbtn.rdvfixed{
	/*display: none;*/
}

.input.full {
	width: calc(100% - 10px)
}
.input.half {
	width: calc(100%/2 - 10px)
}
.input.onethird {
	width: calc(100%/3 - 10px)
}
.input.twothird {
width:calc(100%/3*2 - 10px)
}

#tauxfixes, #tauxvariables{
	box-sizing: border-box;
	width:50%;
	float: left;
}

#tauxvariables table{
	margin-top: 58px;
}

.tauxprogress{
	display: inline-block;
	height: 20px;
	width:50px;
}
.tauxpercent{
	background-color: #be0d0d;
	height:100%;
}

.chartcontainer{
	width:50%;
	float: left;
}

.resultscontainer{
	box-sizing: border-box;
	padding-left: 60px;
	width:50%;
	float: right;
}


.chart-legend{
	margin-top: 50px;
}

.chart-legend ul, .chart-legend ul li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.chart-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

table.searchresult{
	width:100%;
}

table.searchresult td{
	padding:10px;
	padding-left: 0px;
	font-family: 'Droid Serif', serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.1em;
    letter-spacing: -0.03em;
}

table.searchresult td.first{
    border-bottom: 1px solid #666666;
    color:#be0d0d;
}

label.radio{
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}

@media all and (max-width:1004px){
	.inside{
		width:100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	div.subrub h1, div.subrubmenu{
		width: auto;
		float: none;
	}
	#header #logo{
		left:20px;
	}
	#header .mainnav, #header .toolsnav{
		right:20px;
	}
	#footer #navs{
		display: none;
	}
	
	#documenttree li a {
		margin-left: 22px;
		margin-right: 10px;
	}
	
	.section:not(.home_page):not(.homefooter) h1{
		left:20px;
	}
	.section.home_image_text .contentbottom h1, .section.home_image_text_notaires .contentbottom h1{
		left: auto;
	}
	
}

@media all and (max-width:820px){
	.nomobile{
		display: none !important;
	}
	
	
	#header{
		z-index: 3000;
	}
	#my-hamburger{
		display: block;
	}
	.notairesearch{
		float:none;
		width:100%;
		margin-right: 0px;
		margin-bottom: 16px;
	}
	.notaireselecttypes{
		float:right;
		width:calc(50% - 8px);
		margin-left: 8px;
	}
	.notaireselectlangues{
		float:left;
		width:calc(50% - 8px);
		margin-left: 0px;
		margin-right: 8px;
	}
	
	.notairelisting{
		width: calc((100%/2) - 0.2px - 16px);
	}
	
	.notairedetails .notairepicture{
		width:100%;
		float: none;
	}
	
	.etudedetails .etudemap, .contactsdetails .contactmap{
		width:100%;
		float: none;
	}
	
	.notairedetails .notaireinfos, .etudedetails .etudeinfos, .contactsdetails .contactinfos{
		width:100%;
		box-sizing: border-box;
		padding-left:0px;
		float: none;
	}
	
	.contactsformdetails .contactform{
		width:100%;
		box-sizing: border-box;
		padding-right:0px;
		float: none;
	}
	
	.contactsformdetails .contactinfos{
		width:100%;
		float:none;
	}
	
	.morecontent.notaires .notairescolumn{
		width: 100%;
	}
	
	#tauxfixes, #tauxvariables{
		width: 100%;
	}
	
	#documenttree li.file span.date{
		float: left;
		clear: both;
	}
	
	#eventlist, #calendar {
		width:50%;
	}
	
	.chartcontainer{
		width:100%;
		float: none;
	}
	
	.resultscontainer{
		box-sizing: border-box;
		padding-left: 0px;
		width:100%;
		float: none;
	}
	
}

@media all and (max-width:700px){
	.home_tools .toolsnav li{
		display: inline-block;
		vertical-align: middle;
		position: relative;
		margin-right:25px;
		padding-right: 15px;
		width:calc(100% - 25px);
		margin-bottom:25px;
	}
	
	.home_tools .toolsnav li > a:not(.linkbtn) {
		width:100%;
		height: auto;
	}
}

@media all and (max-width:600px){

	#eventlist {
		width:100%;
		float: none;
	}
	
	#calendar {
		width:320px;
		float: none;
	}
	
	.input.full {
		width: calc(100% - 10px)
	}
	.input.half {
		width: calc(100% - 10px)
	}
	.input.onethird {
		width: calc(100% - 10px)
	}
	.input.twothird {
	width:calc(100% - 10px)
	}
	
	.boutons{
		top:auto;
		bottom:20px;
		left:20px;
		width: calc(100% - 20px);
		transform: none;
	}
	
	.section a.homebouton {
		width: calc((100%/2) - 0.2px - 12px);
		margin-right: 12px;
	}
	
	.section a.homebouton:after{
		padding-top:40%;
	}
}

@media all and (max-width:470px){
	
	.section{
		font-size: 11px;
		line-height: 1.2em;
	}
	
	.section a.linkbtn, button{
		padding:5px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.section #header{
		font-size: 1.2em;
	}
	
	.section.home_image_text .contentbottom h1, .section.home_image_text_notaires .contentbottom h1 {
		font-size: 1.4em;
		
	}
	
	.notaireselecttypes{
		float:none;
		width:100%;
		margin-left: 0px;
	}
	.notaireselectlangues{
		float:none;
		width:100%;
		margin-bottom: 16px;
	}
	
	.notairelisting{
		width: calc((100%/1) - 0.2px - 16px);
	}
	
	form.login{
	width:100%;
	}
	
	#header{
		height:78px;
		
	}
	
	#header #logo{
		height:65px;
		left:0px;
	}
	
	#my-hamburger {
		width:60px;
		height: 60px;
	}
	
	.hamburger{
		padding:10px;
	}
	
	
}

@media all and (max-height:960px) and (min-width:470px){
	.section{
		font-size: 11px;
	}
	
	.section #header{
		/*font-size: 1.455em;*/
	}
	
	.section.home_image_text .contentbottom h1, .section.home_image_text_notaires .contentbottom h1 {
		font-size: 1.2em;
	}

	.section.section1.home_page{
		font-size: 16px;
	}
	
	/*.boutons{
		top:auto;
		bottom:20px;
		left:20px;
		width: calc(100% - 20px);
		transform: none;
	}*/
	
	.section a.homebouton {
		width: calc((50%/2) - 0.2px - 12px);
		margin-right: 12px;
	}
	
	/*.section a.homebouton:after{
		padding-top:40%;
	}*/
}