@font-face{
	font-family:corbertregular;
	src:url(Corbert-Regular-webfont.woff2) format('woff2'),url(Corbert-Regular-webfont.woff) format('woff');
	font-weight:400;
	font-style:normal
}

.bande{
	position:fixed;
	top:0;
	right:0;
	text-align:right;
	vertical-align:middle
}
#menu{
	position:fixed;
	display:block;
	top:0;
	width:100%;
	z-index:1
}
#petit_menu_volet{
	display:none;
	position:fixed;
	top:0;
	width:100%;
	background-color:#fff
}
#menu_mobile{
	display:none;
	position:fixed;
	top:0;
	width:100%;
	background-color:#fff
}
.logo_mobile{
	min-height:100%;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:cover
}
.ombre_menu{
	box-shadow:0 7px 10px 0 rgba(0,0,0,.16),0 5px 15px 0 rgba(0,0,0,.12)
}
#titre_déroulant{
	color:#fff;
	font-family:corbertregular;
	font-size:4em;
	white-space:pre-wrap;
	font-weight:700;
	text-shadow:0 0 1em #000;
	display:block;
	margin-left:auto;
	margin-right:auto
}
#titre_déroulant_mobile{
	color:#fff;
	font-family:corbertregular;
	font-size:2.5em;
	font-weight:700;
	text-shadow:0 0 1em #000;
	display:block
}
#logo_anim{
	max-height:40vh;
	display:block;
	margin-left:auto;
	margin-right:auto
}
#fond_livres{
	background-image:url(/web_images/par1.jpg);
	background-size:cover;
	top:0;
	position:fixed;
	z-index:-3;
	display:block;
	content:"";
	height:100%;
	width:100%
}
#fond_livres_flou{
	background-image:url(/web_images/par1flou.jpg);
	background-size:cover;
	top:0;
	position:fixed;
	z-index:-3;
	display:block;
	content:"";
	height:100%;
	width:100%
}
#fond_livres_flou_contact{
	background-image:url(/web_images/par1flou2.jpg);
	background-size:cover;
	top:0;
	position:fixed;
	z-index:-3;
	display:block;
	content:"";
	height:100%;
	width:100%
}
#fond_livres_mobile{
	background-image:url(/web_images/par1.jpg);
	background-size:cover;
	bottom:0;
	position:fixed;
	z-index:-3;
	display:block;
	content:"";
	height:90vh;
	width:100vw
}
#fond_livres_mobile_flou{
	background-image:url(/web_images/par1flou.jpg);
	background-size:cover;
	bottom:0;
	position:fixed;
	z-index:-3;
	display:block;
	content:"";
	height:90vh;
	width:100vw
}
#bouton_remonter{
	display:none;
	position:sticky!important;
	position:-webkit-sticky!important;
	bottom:0;
	z-index:99!important;
	border:none;
	outline:0;
	cursor:pointer;
	background-color:transparent;
	float:right
}
.contact{
	background-color:transparent;
	text-decoration:none;
	color:#fff
}
.fond3{
	background-color:rgba(0,0,0,.6);
	display:table
}
.fond3contact{
	display:table
}
.flou{
	opacity:0
}
.fleche{
	display:block;
	max-height: 100%;
	margin-left:auto;
	margin-right:auto;
	z-index:-2;
	cursor:pointer
}
.flecheup{
	display:block;
	max-height:3vw;
	margin-left:auto;
	margin-right:auto;
	z-index:99;
	cursor:pointer
}
.flecheupmobile{
	display:block;
	max-height:1.8em;
	margin-left:auto;
	right:0;
	z-index:99;
	cursor:pointer;
	position:fixed;
	bottom:20px;
	right:0;
	text-align:right;
	vertical-align:middle
}
.rebond{
	animation:bounce 1s infinite alternate;
	-webkit-animation:bounce 1s infinite alternate
}
@keyframes bounce{
	from{
		transform:translateY(0)
}
	to{
		transform:translateY(-15px)
}
}
@-webkit-keyframes bounce{
	from{
		transform:translateY(0)
}
	to{
		transform:translateY(-15px)
}
}
.sidebar{
	height:100%;
	width:200px;
	background-color:#fff;
	position:fixed!important;
	z-index:1;
	overflow:auto
}
.sidebar.collapse{
	display:none
}
html{
	box-sizing:border-box
}
*,:after,:before{
	box-sizing:inherit
}
html{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body{
	margin:0
}
article,aside,details,figcaption,figure,footer,header,menu,nav,section,summary{
	display:block
}
audio,canvas,progress,video{
	display:inline-block
}
progress{
	vertical-align:baseline
}
audio:not([controls]){
	display:none;
	height:0
}
[hidden]{
	display:none
}
a{
	background-color:#fff;
	-webkit-text-decoration-skip:objects
}
a:active,a:hover{
	outline-width:0
}
abbr[title]{
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted
}
mark{
	background:#ff0;
	color:#000
}
figure{
	margin:1em 40px
}
img{
	border-style:none
}
svg:not(:root){
	overflow:hidden
}
code{
	font-family:monospace,monospace;
	font-size:1em
}
hr{
	box-sizing:content-box;
	height:0;
	overflow:visible
}
button,input,select,textarea{
	font:inherit;
	margin:0
}
optgroup{
	font-weight:700
}
button,input{
	overflow:visible
}
button,select{
	text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
	-webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
	border-style:none;
	padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
	outline:1px dotted ButtonText
}
fieldset{
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend{
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
textarea{
	overflow:auto
}
[type=checkbox],[type=radio]{
	padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
	height:auto
}
[type=search]{
	-webkit-appearance:textfield;
	outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
	-webkit-appearance:none
}
::-webkit-input-placeholder{
	color:inherit;
	opacity:.54
}
::-webkit-file-upload-button{
	-webkit-appearance:button;
	font:inherit
}
.tableau{
	position:relative
}
.colgauche{
	width:75%;
	min-height:100%;
	float:left;
	padding-left:25%;

}
.coldroite{
	max-width:25%;
	max-height:100%;
	position:absolute;
	bottom:0;
	right:0;
	display:table-column
}

.colgauche2{
	width:25%;
	min-height:100%;
	position:absolute;
	float:left;
	display:table-column;
	background-image:url(/web_images/olivier_chouinard_notaire_de_famille_roberval_badge.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:80%;
}
.coldroite2{
	width:75%;
	min-height:100%;
	float:left;
	padding-right:25%;
	margin-left:25%
}
.colgauche3{
	width:40%;
	min-height:100%;
	position:absolute;
	float:left;
	display:table-column;
	margin-left:20%;
}
.coldroite3{
	width:20%;
	min-height:100%;
	float:left;
	margin-left:60%
}

body,html{
	font-family:corbertregular;
	font-size:1em;
	color:#777;
	text-align:justify;
	height:100%
}
html{
	overflow-x:hidden
}
h1,h2,h3,h4,h5,h6{
	font-family:corbertregular
}
h1{
	font-size:1vw;
	text-align:left
}
h2{
	font-size:2em;
	text-align:left;
	font-weight:bold;
}
h3{
	font-size:1.2em;
	text-align: justify;
}
h4{
	font-size:0.9em;
	text-align:justify
}

img{
	display:block
}
.table,.table-all{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	display:table
}
.table-all{
	border:1px solid #ccc
}
.table-all tr{
	border-bottom:1px solid #ddd
}
.table-all tr:nth-child(odd){
	background-color:#fff
}
.table-all tr:nth-child(even){
	background-color:#f1f1f1
}
.table td,.table th,.table-all td,.table-all th{
	padding:8px 8px;
	display:table-cell;
	text-align:left;
	vertical-align:top
}
.table td:first-child,.table th:first-child,.table-all td:first-child,.table-all th:first-child{
	padding-left:16px
}
.button{
	border:none;
	display:inline-block;
	padding:8px 16px;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	cursor:pointer;
	white-space:normal
}
.button-mobile{
	border:none;
	display:block;
	padding:8px 16px;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	cursor:pointer;
	white-space:normal
}
.button{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.button:disabled,.disabled{
	cursor:not-allowed;
	opacity:.3
}
.disabled *,:disabled *{
	pointer-events:none
}
.tag{
	background-color:#000;
	color:#fff;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	text-align:center
}
.input{
	padding:8px;
	display:block;
	border:none;
	border-bottom:1px solid #ccc;
	width:100%
}
.select{
	padding:9px 0;
	width:100%;
	border:none;
	border-bottom:1px solid #ccc
}
.dropdown-click,.dropdown-hover{
	position:relative;
	display:inline-block;
	cursor:pointer
}
.dropdown-hover:hover .dropdown-content{
	display:block
}
.dropdown-click:hover,.dropdown-hover:first-child{
	background-color:#ccc;
	color:#000
}
.dropdown-click:hover>.button:first-child,.dropdown-hover:hover>.button:first-child{
	background-color:#ccc;
	color:#000
}
.dropdown-content{
	cursor:auto;
	color:#000;
	background-color:#fff;
	display:none;
	position:absolute;
	min-width:160px;
	margin:0;
	padding:0;
	z-index:1
}
.radio{
	width:24px;
	height:24px;
	position:relative;
	top:6px
}
.bar-block .dropdown-click,.bar-block .dropdown-hover{
	width:100%
}
.bar-block .dropdown-click .dropdown-content,.bar-block .dropdown-hover .dropdown-content{
	min-width:100%
}
.bar-block .dropdown-click .button,.bar-block .dropdown-hover .button{
	width:100%;
	text-align:center;
	padding:1em 1em
}
.bar{
	width:100%;
	overflow:hidden
}
.center .bar{
	display:inline;
	width:auto
}
.foot{
	position:static;
	display:table;
	left:0;
	bottom:0;
	width:100%;
	background-color:#006a31;
	color:#fff;
	text-align:center;
	vertical-align:bottom;
	padding-left:2%!important;
	padding-right:2%!important
}
.bar-block.center .bar-item{
	text-align:center
}
.block{
	display:block;
	width:100%
}
.bar:after,.bar:before{
	content:"";
	display:table;
	clear:both
}
.col{
	float:left;
	width:100%
}
.content{
	max-width:980px;
	margin:auto
}
.hide{
	display:none!important
}
.show,.show-block{
	display:block!important
}
.show-inline-block{
	display:inline-block!important
}
@media (max-width:600px){
	.dropdown-click.mobile .dropdown-content,.dropdown-hover.mobile .dropdown-content{
		position:relative
}
	.mobile{
		display:block;
		width:100%!important
}
	.bar-item.mobile,.dropdown-click.mobile,.dropdown-hover.mobile{
		text-align:center
}
	.dropdown-click.mobile,.dropdown-click.mobile .button,.dropdown-hover.mobile,.dropdown-hover.mobile .button{
		width:100%
}
}
.bottom,.top{
	position:fixed;
	width:100%;
	z-index:1
}
.top{
	top:0
}
.bottom{
	bottom:0
}
.display-left{
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0,-50%);
	-ms-transform:translate(0,-50%)
}
.display-right{
	position:absolute;
	top:50%;
	right:0;
	transform:translate(0,-50%);
	-ms-transform:translate(0,-50%)
}
.display-hover{
	display:none
}
.display-position{
	position:absolute
}
.round{
	border-radius:4px
}
.round-large{
	border-radius:8px
}
.round-xlarge{
	border-radius:16px
}
.code{
	font-family:Consolas,"courier new";
	font-size:1em
}
.code{
	width:auto;
	background-color:#fff;
	padding:8px 12px;
	border-left:4px solid #4caf50;
	word-wrap:break-word
}
@keyframes spin{
	0%{
		transform:rotate(0)
}
	100%{
		transform:rotate(359deg)
}
}
@keyframes fading{
	0%{
		opacity:0
}
	50%{
		opacity:1
}
	100%{
		opacity:0
}
}
.animate-opacity{
	animation:opac .8s
}
@keyframes opac{
	from{
		opacity:0
}
	to{
		opacity:1
}
}
.animate-top{
	position:relative;
	animation:animatetop .4s
}
@keyframes animatetop{
	from{
		top:-300px;
		opacity:0
}
	to{
		top:0;
		opacity:1
}
}
.animate-left{
	position:relative;
	animation:animateleft .4s
}
@keyframes animateleft{
	from{
		left:-300px;
		opacity:0
}
	to{
		left:0;
		opacity:1
}
}
.animate-right{
	position:relative;
	animation:animateright .4s
}
@keyframes animateright{
	from{
		right:-300px;
		opacity:0
}
	to{
		right:0;
		opacity:1
}
}
.animate-bottom{
	position:relative;
	animation:animatebottom .4s
}
@keyframes animatebottom{
	from{
		bottom:-300px;
		opacity:0
}
	to{
		bottom:0;
		opacity:1
}
}
.animate-zoom{
	animation:animatezoom .6s
}
@keyframes animatezoom{
	from{
		transform:scale(0)
}
	to{
		transform:scale(1)
}
}
.animate-input{
	transition:width .4s ease-in-out
}
.animate-input:focus{
	width:100%!important
}
.hover-opacity:hover,.opacity{
	opacity:.6
}
.hover-opacity-off:hover,.opacity-off{
	opacity:1
}
.opacity-max{
	opacity:.25
}
.opacity-min{
	opacity:.75
}
.greyscale-max,.hover-greyscale:hover{
	filter:grayscale(100%)
}
.greyscale{
	filter:grayscale(75%)
}
.greyscale-min{
	filter:grayscale(50%)
}
.large{
	font-size:2em!important
}
.xlarge{
	font-size:2.2em!important
}
.left-align{
	text-align:left!important
}
.right-align{
	text-align:right!important
}
.justify{
	text-align:justify!important
}
.center{
	text-align:center!important
}
.border-0{
	border:0!important
}
.border{
	border:1px solid #ccc!important
}
.border-top{
	border-top:1px solid #ccc!important
}
.border-bottom{
	border-bottom:1px solid #ccc!important
}
.border-left{
	border-left:1px solid #ccc!important
}
.border-right{
	border-right:1px solid #ccc!important;
}
.code,.section{
	margin-top:16px!important;
	margin-bottom:16px!important;
}
.margin{
	margin:16px!important;
}
.margin-top{
	margin-top:16px!important;
}
.margin-bottom{
	margin-bottom:16px!important;
}
.margin-left{
	margin-left:128px!important;
}
.margin-right{
	margin-right:5%!important;
}
.margesh{
	padding-left:25%!important;
	padding-right:25%!important;
}
.margesv{
	padding-top:1%!important;
	padding-bottom:1%!important;
}
.margesh-mince{
	padding-left:3vh!important;
	padding-right:3vh!important;
}
.margesh-mobile{
	padding-left:2.2em!important;
	padding-right:2.2em!important;
}
.padbot{
	padding-bottom:1em
}
.padding{
	padding:8px 16px!important
}
.padding-large{
	padding:12px 24px!important
}
.padding-4{
	padding-top:4px!important;
	padding-bottom:4px!important
}
.padding-16{
	padding-top:16px!important;
	padding-bottom:16px!important
}
.padding-24{
	padding-top:24px!important;
	padding-bottom:24px!important
}
.padding-32{
	padding-top:32px!important;
	padding-bottom:32px!important
}
.padding-48{
	padding-top:48px!important;
	padding-bottom:48px!important
}
.padding-64{
	padding-top:64px!important;
	padding-bottom:64px!important
}
.left{
	float:left!important
}
.right{
	float:right!important
}
.button:hover{
	color:#000!important;
	background-color:#ccc!important
}
.hover-none:hover,.transparent{
	background-color:transparent!important
}
.hover-none:hover{
	box-shadow:none!important
}
.green,.hover-green:hover{
	color:#fff!important;
	background-color:#006a31!important
}
.hover-white:hover,.white{
	color:#000!important;
	background-color:#fff!important
}
.black,.hover-black:hover{
	color:#fff!important;
	background-color:#000!important
}
.grey,.hover-grey:hover{
	color:#000!important;
	background-color:#9e9e9e!important
}
.hover-text-green:hover,.text-green{
	color:#4caf50!important
}
.hover-text-white:hover,.text-white{
	color:#fff!important
}
.hover-text-black:hover,.text-black{
	color:#000!important
}
.hover-text-grey:hover,.text-grey{
	color:#757575!important
}
.border-green,.hover-border-green:hover{
	border-color:#4caf50!important
}
.border-white,.hover-border-white:hover{
	border-color:#fff!important
}
.border-black,.hover-border-black:hover{
	border-color:#000!important
}
.border-grey,.hover-border-grey:hover{
	border-color:#9e9e9e!important
}
.heure1{
	font-size:2vw;
	font-weight:bold;
}
.heure2{
	font-size:1.5vw;
	font-weight:bold;
}
.heure3{
	font-size:1vw;
}
@media (max-width:1300px){
			.coldroite{
				display:none
			}
			.colgauche{
				width: 100%;
				padding-right:10%;
				padding-left: 10%;
			}
			#menu{
				display:none;
			}
			#petit_menu{
				display:block!important;
				font-size:4em!important;
				cursor: pointer!important;
				z-index: 3!important;
			}
			#petit_menu_volet{
				width:450px;
				right:0;
				cursor: pointer!important;
			}
			#x_petit_menu{
				font-size:4em!important;
			}
			.colgauche2{
				display:none!important;
			}
			.coldroite2{
				padding-right:10%;
				margin-left:0%;
				padding-left:10%;
				width:100%;
			}
			.margesh{
				padding-left:10%!important;
				padding-right:10%!important;
			}
			#bouton_remonter{
				padding-right:1%!important;
			}
			.flecheup{
				max-height:3em!important;
				cursor:pointer!important;
			}
			#infos{
				display:none!important;
			}
			#infos_1{
				display:none!important;
			}
			#infos_2{
				display:none!important;
			}
			#infos_3{
				height:10%!important;
			}
			#infos_petit_ecran{
				display:block!important;
			}
			.colgauche3{
				width:60%;
				min-height:100%;
				position:absolute;
				float:left;
				display:table-column;
				margin-left:10%;
			}
			.coldroite3{
				width:20%;
				min-height:100%;
				float:left;
				margin-left:70%;
			}
			.heure1{
				font-size:1.8em;
				font-weight:bold;
			}
			.heure2{
				font-size:1.2em;
				font-weight:bold;
			}
			.heure3{
				font-size:1em;
			}
}