/*
@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }
*/
/***********************************************************
   over bostrap
 **********************************************************/
.form-control {
	box-shadow   : none !important;
	border-radius: 3px;
}

* {
	outline: none ! important;
}

.container-fluid,
header,
footer,
section {
	padding : 0;
	margin  : 0;
	width   : 100%;
	position: relative;
}

.container {
	position : relative;
	width    : 1200px !important;
	max-width: 100% !important;
	padding  : 0;
	margin   : 0 auto;
}

.fw-normal {
	font-weight: 400 !important;
}

.fw-medium {
	font-weight: 600;
}

hr {
	margin-top   : .5rem;
	margin-bottom: 2rem;
	border       : 0;
	border-top   : 1px solid rgba(0, 0, 0, 0.2);
}

ul li {
	list-style: none;
}

ul {
	padding: 0;
	margin : 0 0 1rem 0;
}

video,
img {
	max-width: 100%;
	height   : auto !important;
}

.content_video {
	position      : relative;
	padding-bottom: 56.25%;
	padding-top   : 30px;
	height        : 0;
	overflow      : hidden;
	max-width     : 100%;
}

video {
	max-width: 100%;
}

.content_video iframe,
.content_video object,
.content_video embed {
	position: absolute;
	top     : 0;
	left    : 0;
	width   : 100%;
	height  : 100%;
}

a {
	font-family: 'Open Sans', sans-serif;
}


.fs60 {
	font-size: 3.75rem;
}

.fs40 {
	font-size: 2.5rem;
}

.fs30 {
	font-size: 1.875rem;
}

.fs28 {
	font-size: 1.75rem;
}

.fs26 {
	font-size: 1.625rem;
}

.fs24 {
	font-size: 1.5rem;
}

.fs22 {
	font-size: 1.375rem;
}

.fs20 {
	font-size: 1.25rem;
}

.fs18 {
	font-size: 1.125rem;
}

.fs15 {
	font-size: 0.937rem;
}

.fs14 {
	font-size: 0.875rem;
}

.fs13 {
	font-size: 0.813rem;
}

.fs12 {
	font-size: 0.75rem;
}

.fs10 {
	font-size: 0.425rem;
}

strong {
	font-weight: 700;
}

body {
	background : #00465e;
	font-family: 'Open Sans', sans-serif;
	font-size  : .95rem;
	line-height: 1.6rem;
	color      : #555;
}

body.modalbody {
	background: #fff;
}

body,
html {
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600;
}

h3 {
	font-size  : 1.2rem;
	color      : #00465e;
	font-weight: 700;
}

h3 {
	font-size  : 1rem;
	color      : #00465e;
	font-weight: 700;
}

h4 {
	font-size: 1rem;
}

a,
a:hover {
	color: #00465e;
}

.bg_bleu {
	background: #00465e;
	color     : #fff;
}

.bg_gris {
	background: #efefef;
}

.brun {
	color: #615542;
}

/***********************************************************
 *  Header
 **********************************************************/
#wrapper {
	position  : relative;
	background: #fff;
}
search
#surhead_content {
	height: 60px;
}

#searchform_wrapper {
	display: none;
}

#foot_contact,
#surhead_contact {
	padding     : 0 10px 0 5px;
	margin      : 0 5px 0 10px;
	border-right: 1px solid #00465e;
	border-left : 1px solid #00465e;
}

#foot_contact a,
#surhead_contact a {
	font-weight   : 700;
	font-size     : .85rem;
	color         : #00465e;
	text-transform: uppercase;
}

#surheadnaem p {
	font-size: 1.2rem;
	margin   : 0;
}

#foot_soc a,
#surhead_content a {
	display    : inline-block;
	margin-left: 5px;
	color      : #00465e;
}

#head_deco div {
	height: 10px;
}

@media (min-width: 768px) {
	#surheadnaem p {
		font-size: 1.5rem;
	}
}

.main_nav {
	padding: 15px 0;
}

.main_nav_deco {
	height    : 10px;
	display   : block;
	background: #ededed;
}

#wrapper.home .main_nav_deco {
	display: none;
}

.main_nav .navlink a {
	display       : inline-block;
	color         : #00465e;
	font-size     : .9rem;
	text-transform: uppercase;
	font-weight   : 600;
	padding       : 0 20px;
	border-right  : 1px solid #545454;
}

.main_nav .abolink {
	display       : inline-block;
	color         : #00465e;
	font-size     : .9rem;
	text-transform: uppercase;
	font-weight   : 600;
}

.main_nav .navlink:first-child a {
	border-left: 1px solid #545454;
}

.main_nav .abolink:hover,
.main_nav .navlink a:hover,
.main_nav .navlink a.active {
	color: #af3d2b;
}

@media (min-width: 1200px) {
	.main_nav .navlink a {
		padding: 0 30px;
	}
}

/***********************************************************
 *  Footer
 **********************************************************/
footer {
	padding: 50px 0 10px 0;
}

#foot_contact {
	border-right: 1px solid #fff;
}

@media (max-width: 768px) {
	#foot_contact {
		margin-left: 0;
		padding-left: 0;
	}
}

#foot_contact,
#foot_soc a,
#foot_contact a {
	color: #fff;
}

#footer_nav a {
	display       : block;
	color         : white !important;
	text-transform: uppercase;
	font-weight   : 600;
}

.sousfooter {
	color    : rgba(255, 255, 255, .5);
	font-size: .8rem;
}

.sousfooter a {
	display: inline-block;
	margin : 0 3px;
	color  : rgba(255, 255, 255, .5) !important;
}

#totop {
	width     : 40px;
	height    : 40px;
	position  : fixed;
	right     : 20px;
	bottom    : 20px;
	background: #ededed;
	color     : #00465e;
	opacity   : .3;
	transition: opacity .8s;
	font-size : 1.5rem;
	padding   : 5px;
	text-align: center;
	cursor    : pointer;
	display   : none;
}

#totop:hover {
	opacity: 1;
}

.footabo {
	border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.footabo a {
	font-size: 1rem;
	color    : white !important;
}

/***********************************************************
 *  home
 **********************************************************/
#homeimg {
	/*height    : 150px;*/
	aspect-ratio       : 1600 / 500;
	background         : url(/assets/images/home/banniere_blog_5g.jpg);
	position           : relative;
	overflow           : hidden;
	background-size    : auto 100%;
	background-repeat  : no-repeat !important;
	background-position: right center;
}

h1 span.fgg {
	color: rgba(255, 255, 255, 0);
}

#home_voile {
	position: absolute;
}

#homeimg_txt {
	position    : relative;
	z-index     : 5;
	width       : 60%;
	margin      : 0;
	padding-left: 8%;
	overflow-x  : visible !important;
}

#hnaemdeco {
	width   : 100%;
	position: absolute;
	left    : 0;
	top     : 0;
}

#home_quote {
	font-size  : 1.6rem;
	line-height: 1.5em;
	font-weight: 600;
}

@keyframes charAnim {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/*
#home_livre img {
	mix-blend-mode: multiply;
}
*/
footer h1,
#homeimg_txt h1 {
	position     : relative;
	font-size    : 3rem;
	font-weight  : 400;
	margin-bottom: 0 !important;
	line-height  : 1.1em;
}

#bandeau_txt h1,
#homeimg_txt h1 {
	font-size: 1rem;
	color    : #9b4996;
}

#bandeau_txt h2,
footer h2,
#homeimg_txt h2 {
	font-weight: 300;
	font-style : italic;
	font-size  : 1rem;
	margin     : 2px 0 0 0;
}

#homeimg_txt h2 {
	font-size: .8rem !important;
	margin   : 2px 0 10px 0;
	color    : #9b4996;
}

#bandeau_txt h2 {
	color    : #9b4996;
	font-size: .8rem;
}

.actuplus,
.home_all {
	display        : block;
	text-align     : center;
	max-width      : 250px;
	margin         : 25px auto;
	background     : #00465e;
	padding        : 5px 20px;
	color          : #fff !important;
	text-decoration: none !important;
	text-transform : uppercase;
	font-size      : .85rem;
	font-weight    : 600;
	border-radius  : 4px;
}

.actuplus:hover,
.home_all:hover {
	background: #af3d2b;
}

@media (min-width: 420px) {
	#homeimg {
		background-size: auto 100%;
	}

	#homeimg_txt h1 {
		font-size: 1.3rem;
	}

	#homeimg_txt h2 {
		font-size: .9rem !important;
	}

	#bandeau_txt h2 {
		font-size: .8rem !important;
	}

	footer h2,
	#homeimg_txt h2 {
		font-size: 1.4rem;
		margin   : 0;
	}
}

@media (min-width: 550px) {
	#homeimg {
		background-size: auto 100%;
	}

	#bandeau_txt h1 {
		font-size: 1.5rem;
	}

	#homeimg_txt h1 {
		font-size: 1.8rem;
	}

	footer h2 {
		font-size: 1.6rem !important;
		;
		margin: 0;
	}
}

@media (min-width: 768px) {

	/*
	#hnaemdeco {
		width   : 100%;
		height  : 100%;
		display : block;
	}
	*/
	#homeimg {
		background-size: auto 100%;
	}

	#homeimg_txt {
		padding-bottom: 3.5%;
	}

	#bandeau_txt h1,
	#homeimg_txt h1 {
		font-size: 2rem;
	}

	#bandeau_txt h2,
	#homeimg_txt h2 {
		font-size: 1.2rem !important;
	}

	footer h1 {
		font-size: 4rem;
	}

	footer h2 {
		font-size: 1.5rem !important;
		;
	}
}

@media (min-width: 890px) {
	#homeimg_txt {
		padding-bottom: 3.5%;
	}

	#homeimg_txt h1 {
		font-size: 2rem;
	}

	#homeimg_txt h2 {
		font-size: 1.2rem !important;
	}

	#homeimg {
		aspect-ratio   : 1920/500;
		background-size: auto 100%;
	}
}

@media (min-width: 992px) {
	#homeimg_txt {
		padding-bottom: 1.5%;
	}

	#homeimg {
		background-size: auto 100%;
	}

	#bandeau_txt h1,
	#homeimg_txt h1 {
		font-size: 2.5rem;
	}

	#bandeau_txt h2,
	#homeimg_txt h2 {
		font-size: 1.8rem !important;
	}

	footer h2,
	#homeimg_txt h2 {
		font-size: 1.8rem;
	}
}

@media (min-width: 1200px) {
	#homeimg {
		background-size: auto 100%;
	}

	#homeimg_txt {
		width : 900px;
		margin: 0 auto;
	}

	#bandeau_txt h1,
	#homeimg_txt h1 {
		font-size: 3.5rem;
	}

	#bandeau_txt h2,
	#homeimg_txt h2 {
		font-size: 2rem !important;
	}

	footer h2 {
		font-size: 2rem;
	}
}

@media (min-width: 1400px) {
	#homeimg_txt {
		width  : 900px;
		margin : 0 auto;
		padding: 0 0 30px 0;
	}
}

.hrub_titre {
	font-weight   : 700;
	color         : #615542;
	padding-bottom: 4px;
	border-bottom : 1px solid #615542;
}

#home_naem {
	border-top: 2px solid #fff;
}

/***********************************************************
 *  commun
 **********************************************************/
.container.abomodal {
	width    : 500px !important;
	max-width: 95%;
}

.tooltip-inner {
	background: #00465e;
}

.bs-tooltip-top .arrow::before {
	border-top-color: #00465e !important;
}

.bs-tooltip-bottom .arrow::before {
	border-bottom-color: #00465e !important;
}

blockquote {
	display      : block;
	padding      : .9rem 1.2rem .5rem 1.2rem;
	border-top   : 1px solid #ddd;
	border-bottom: 1px solid #ddd;

}

blockquote p {
	font-family: 'Open Sans', sans-serif;
	font-size  : 1rem;
	font-style : italic;
	font-weight: 600;
	color      : #00465e;
}

#topbandeau {
	height             : 80px;
	background         : url(/assets/img/bandeau_page_livre.jpg);
	background-size    : auto 100%;
	background-position: right center;
	position           : relative;
	overflow           : hidden;
}

#bandeau_txt {
	width       : 60%;
	margin      : 0;
	padding-left: 8%;
	overflow-x  : visible !important;
}

a.resultlink {
	text-decoration: none !important;
}

a.resultlink:hover {
	text-decoration: none !important;
	color          : #af3d2b;
}

a.liresuite {
	font-size : .75rem;
	font-style: italic;
	color     : #555 !important;
}

a.liresuite:before {
	display      : inline-block;
	padding-right: 5px;
	content      : "\25B6";
	font-style   : normal;
	color        : #8d8d90;
}

.citation {
	font-size  : 1rem;
	font-style : italic;
	quotes     : "\201C""\201D""\2018""\2019";
	padding    : 10px 20px;
	line-height: 1.8rem;
}

.citation:before,
.citation:after {
	font-family: Georgia, serif;
	font-style : normal;
	content    : open-quote;
	display    : inline;
	height     : 0;
	line-height: 0;
	left       : -10px;
	position   : relative;
	top        : 35px;
	color      : #00465e;
	font-size  : 4rem;
}

.citation:after {
	content: close-quote;
	left   : 10px;
	top    : 35px;
}

.art_content a.modal_video.surimg img {
	max-width    : 100% !important;
	padding      : 0;
	border       : 1px solid #ededed;
	margin-bottom: 0;
}

a.modal_video.surimg {
	display : block;
	position: relative;
	margin  : 0 auto;
}

.linkpictovideo {
	position       : absolute;
	left           : 0;
	top            : 0;
	width          : 100%;
	height         : 100%;
	z-index        : 1;
	background     : url(/assets/img/pictoplay.svg) no-repeat center center;
	background-size: 80px 80px;
	opacity        : .5;
	transition     : opacity .5s;
}

.linkpictovideo:hover {
	opacity: 1;
}

.video16x9,
.video4x3 {
	margin-bottom: 20px;
}

@media (min-width: 420px) {
	#topbandeau {
		background-size: auto 100%;
	}
}

@media (min-width: 550px) {
	#topbandeau {
		height         : 100px;
		background-size: auto 100%;
	}

}

@media (min-width: 768px) {
	#topbandeau {
		height         : 135px;
		background-size: auto 100%;
	}

}

@media (min-width: 992px) {
	#topbandeau {
		background-size: auto 100%;
		height         : 200px;
	}
}

@media (min-width: 1200px) {
	#topbandeau {
		background-size: auto 100%;
	}

	#bandeau_txt {
		width  : 900px;
		margin : 0 auto;
		padding: 0;
	}
}

/***********************************************************
 *  blog
 **********************************************************/
.topblog_img img,
.topblog_img span {
	display: block;
}

.topblog_img img {
	border: 1px solid #ededed;
}

.art_tags {
	font-size     : .875rem;
	text-transform: uppercase;
}

.art_top {
	background         : linear-gradient(to right, rgb(150, 150, 150) 0, rgb(150, 150, 150) 100%);
	background-repeat  : no-repeat !important;
	background-position: bottom left !important;
	background-size    : 100px 1px !important;
}

.art_top h2 {
	color      : #00465e;
	font-weight: 700;

}

.art_meta {
	margin: 0 0 5px 0;
}

.art_content img {
	max-width    : 100% !important;
	padding      : 10px;
	border       : 1px solid #ededed;
	margin-bottom: 0;
}

.art_content .un_press_art img {
	padding: 0;
}

.art_content img+br {
	display: none;
}

p.legende,
span.legende {
	font-size : .8rem;
	font-style: italic;
}

.blog_sidebar {
	background: #fff;
}

.rwidget_top {
	background : #00465e;
	color      : #fff;
	font-weight: 600;
	font-size  : 1rem;
	padding    : 20px;
}

.typedoss .rwidget_top {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size  : 1.2rem;
}

.typedoss .rwidget_top span {
	display       : block;
	font-weight   : 700;
	font-size     : 1.5rem;
	line-height   : 1.1em;
	padding-bottom: 4px;
}

.rwidget_content {
	padding   : 0 12px;
	background: #ededed;
}

.rwidget_elem {
	padding      : 30px 0;
	border-bottom: 1px solid #d0d0d0;
}

.rwidget_elem:last-child {
	border-bottom: none;
}

.rwidget_elem.unright_doss a,
.rwidget_elem.unelast_actu a {
	display        : inline-block;
	color          : #00465e;
	text-decoration: none !important;
	padding        : 0 10px;
	border-left    : 10px solid #00465e;
	font-size      : .8rem;
	line-height    : 1.4em;
	font-weight    : 600;
}

.rwidget_elem.unright_doss a:hover,
.rwidget_elem.unelast_actu a:hover {
	color: #af3d2b;
}

.rwidget_elem.unright_doss a {
	border-left: 10px solid #af3d2b;
}

.rwidget_elem.un_rdoss {
	padding: 20px 0;
}

.rwidget_elem.un_rdoss a {
	font-family    : 'Roboto Slab', serif;
	display        : inline-block;
	padding        : 0 15px;
	font-size      : 1rem;
	color          : #00465e;
	font-weight    : 700;
	line-height    : 1.2em;
	text-decoration: none !important;
}

.rwidget_elem.unelast_actu a:hover {
	color      : #af3d2b;
	border-left: 10px solid #af3d2b;
}

.rwidget_elem.un_rdoss a:hover {
	color: #af3d2b;
}

a.actu_acc_link {
	display        : block;
	position       : relative !important;
	overflow       : hidden;
	text-decoration: none !important;
}

a.actu_acc_link .une_actu_acc_img {
	transition: all 1s ease;
	position  : absolute;
	top       : 0;
	left      : 0;
	z-index   : 2;
	width     : 100%;
	height    : 100%;
}

a.actu_acc_link:hover .une_actu_acc_img {
	left  : -10%;
	top   : -10%;
	width : 120%;
	height: 120%;
}

.actu_acc_date {
	position   : absolute;
	right      : 15px;
	top        : 15px;
	z-index    : 6;
	padding    : 0 8px;
	background : rgba(255, 255, 255, 1);
	font-weight: 700;
	color      : #00465e !important;
}

.actu_acc_type {
	position      : absolute;
	left          : 15px;
	top           : 15px;
	z-index       : 5;
	color         : #fff;
	background    : rgba(0, 70, 94, .7);
	font-size     : 11px;
	padding       : 3px 12px;
	text-transform: uppercase;
}

.typedoss .actu_acc_type {
	background: rgba(175, 61, 43, .8);
}

.actu_acc_voile {
	position: absolute;
	left    : 0;
	top     : 0;
	z-index : 3;
	width   : 100%;
	height  : 100%;
}

.actu_acc_txt {
	width     : 100%;
	background: rgba(0, 70, 94, .6);
	padding   : 10px 65px 3px 10px;
	color     : #fff;
}

.typedoss .actu_acc_txt {
	background: rgba(175, 61, 43, .8);
}

.actu_acc_txt h3 {
	font-weight: 700;
	color      : #fff !important;
	font-size  : .9rem;
}

.actu_acc_txt p {
	color      : #fff !important;
	font-size  : .9rem;
	line-height: 1.2em;
	margin     : 0 0 8px 0;
}

.actu_acc_txt p {
	color      : #fff !important;
	font-size  : .85rem;
	line-height: 1.1em;
	margin     : 0 0 8px 0;
	font-weight: 600;
}

.actu_acc_suite {
	font-weight: 600;
	font-size  : .7rem;
}

p.actu_acc_suite:after {
	display     : inline-block;
	padding-left: 7px;
	content     : "\25B6";
	font-style  : normal;
	font-size   : .7rem;
	color       : #fff;
}

.actu_acc_date span {
	line-height: 30px;
}

.actu_acc_date span.datej {
	padding-bottom: 3px;
}

.actu_acc_date .datem,
.actu_acc_date .datey {
	border-top: 2px solid #22bcf0;
}

.encadre {
	padding   : 20px 25px;
	background: #ededed;
	color     : #00465e;
}

@media (min-width: 576px) {
	.actu_acc_txt h3 {
		font-size: 1rem;
	}

	.actu_acc_txt p {
		font-size: .9rem;
	}
}

@media (min-width: 768px) {
	.typedoss .rwidget_top span {
		font-size: 2rem;
	}
}

@media (min-width: 992px) {
	.actu_acc_txt_bot {
		display: none;
	}

	.rwidget_elem.un_rdoss a {
		font-size: 1.3rem;
	}

	.typedoss .rwidget_top span {
		font-size: 2.5rem;
	}
}

/***********************************************************
 *  dossiers
 **********************************************************/
.unaccdoss {
	border-top: 10px solid #00465e;
}

.unaccdosstop {
	background: #ededed;
	padding   : 25px 0;
}

.unaccdosstop h2,
.unaccdosstop h3 {
	font-family: 'Roboto Slab', serif !important;
	color      : #00465e;
	font-weight: 700;
	font-size  : 2rem;
}

.unaccdosstop h3 {
	font-size: 1rem;
}

.unaccdosslist {
	padding: 40px 0;
}

.unlist_doss {
	background: #ededed;
	padding   : 20px;
}

.unlist_doss a {
	display        : block;
	color          : #00465e;
	padding        : 0 0 0 10px;
	border-left    : 10px solid #af3d2b;
	text-decoration: none !important;
	line-height    : 1.2rem;
}

.unlist_doss a:hover {
	color: #af3d2b;
}

.dosstoplink {
	display            : inline-block;
	font-family        : 'Roboto Slab', serif;
	font-weight        : 700;
	background-image   : linear-gradient(to right, #00465e, #00465e 50%, transparent 50%, transparent);
	background-size    : 200% 100%;
	background-position: 100% 0;
	color              : #00465e;
	border             : 1px solid #00465e;
	transition         : all ease .5s;
	text-decoration    : none !important;
	overflow           : hidden;
}

.dosstoplink:hover {
	background-position: 0 0;
	color              : #fff;
	text-decoration    : none;
}

/*
.dosstoplink_cont {
	background    : #ededed;
	padding       : 10px;
	min-height    : 65px !important;
	flex-direction: row;
}
.dosstoplink a {
	font-family    : 'Roboto Slab', serif;
	display        : block;
	font-size      : 2rem;
	color          : #00465e;
	font-weight    : 700;
	line-height    : 1.2em;
	text-decoration: none !important;
}
.dosstoplink a:hover {
	color          : #af3d2b;
}
*/
@media (min-width: 992px) {
	.unaccdosstop h2 {
		font-size: 2.8rem;
	}
}

/***********************************************************
 *  contact
 **********************************************************/
#comp_fields {
	font-size: .85rem;
	color    : #dc3545;
}

input[type=submit] {
	display      : inline-block;
	background   : #00465e !important;
	color        : white;
	font-family  : 'Open Sans', sans-serif;
	font-size    : 1rem;
	font-weight  : 600;
	padding      : 7px 30px;
	border       : 1px solid #00465e;
	border-radius: 3px;
}

input[type=submit]:hover {
	background: #af3d2b !important;
	border    : 1px solid #af3d2b;
	;
}

input[type=text].is-valid,
textarea.is-valid,
input[type=text]:required:valid,
textarea:required:valid {
	border-color: green;
}

input[type=text].is-invalid,
textarea.is-invalid {
	border-color: red;
}

/***********************************************************
 *  presse
 **********************************************************/
.press_ongs {
	border-bottom: 1px solid #00465e;
}

.un_press_ong {
	cursor             : pointer;
	line-height        : 3rem;
	font-size          : 1.2rem;
	background-image   : linear-gradient(to bottom, #00465e, #00465e 50%, transparent 50%, transparent);
	background-size    : 100% 200%;
	background-position: 0 -100%;
	color              : #00465e;
	transition         : all ease .3s;
	text-decoration    : none !important;
	overflow           : hidden;
}

.un_press_ong:hover {
	background-position: 0 0;
	color              : #fff;
	text-decoration    : none;
}

.un_press_ong.selectong {
	cursor     : pointer;
	line-height: 3rem;
	background : #00465e;
	color      : #fff;
	font-size  : 1.2rem;
}

.presse_ong_cont {
	display: none;
}

.presse_ong_cont.selectong {
	display: block;
}

.un_press_art {
	border-bottom: 1px solid #00465e;
}

.un_press_art p {
	margin-bottom: .1rem;
}

.un_press_art .art_cont {
	background : #eee;
	line-height: 1.3rem;
}

/***********************************************************
 *  spécial hamburger
 **********************************************************/
#mobile_trig {
	position: relative;
	z-index : 100;
}

#mobile_nav {
	position  : absolute !important;
	z-index   : 50;
	background: rgba(255, 255, 255, .9);
	left      : 0;
	top       : 0;
	width     : 100%;
	height    : 100%;
	padding   : 60px 20px;
	display   : none;
}

@media (min-width: 992px) {
	#mobile_nav {
		display: none !important;
	}
}

#mobile_nav .navlink a {
	display       : block;
	color         : #00465e;
	font-size     : .9rem;
	text-transform: uppercase;
	font-weight   : 600;
	padding       : 20px 10px;
	border-bottom : 1px solid #545454;
}

#mobile_nav .navlink:first-child a {
	border-top: 1px solid #545454;
}

#mobile_nav .navlink a:hover,
#mobile_nav .navlink a.active {
	color: #af3d2b;
}

.hamburger {
	padding                   : 0;
	display                   : inline-block;
	cursor                    : pointer;
	transition-property       : opacity, filter;
	transition-duration       : 0.30s;
	transition-timing-function: linear;
	font                      : inherit;
	color                     : inherit;
	text-transform            : none;
	background-color          : transparent;
	border                    : 0;
	margin                    : 0;
	overflow                  : visible;
}

.hamburger:hover {
	opacity: 0.7;
}

.hamburger.is-active:hover {
	opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color: #00465e;
}

.hamburger-box {
	width   : 30px;
	height  : 24px;
	display : inline-block;
	position: relative;
}

.hamburger-inner {
	display   : block;
	top       : 50%;
	margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width                     : 30px;
	height                    : 3px;
	background-color          : #00465e;
	border-radius             : 0;
	position                  : absolute;
	transition-property       : transform;
	transition-duration       : 0.15s;
	transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -10px;
}

.hamburger-inner::after {
	bottom: -10px;
}

.hamburger--3dx .hamburger-box {
	perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
	background-color: transparent !important;
	transform       : rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
	top      : -10px;
}

.hamburger--3dx.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
	bottom   : -10px;
}

.ui-autocomplete {
	z-index: 80;
}

/***********************************************************
 *  notif_navigateur
 **********************************************************/

body .buorg {
	position        : absolute;
	position        : fixed;
	z-index         : 111111;
	width           : 100%;
	top             : 0px;
	left            : 0px;
	border-bottom   : 1px solid #9acf00;
	text-align      : center;
	color           : #666;
	background-color: #e7e7e7 !important;
	font            : .9rem 'Open Sans', sans-serif;
	box-shadow      : 0 0 5px rgba(0, 0, 0, 0.2);
	animation       : 1s ease-out 0s buorgfly
}

.buorg-buttons {
	margin: 10px auto;
}

/* tipee */

#tipee {
	width     : 100%;
	background: #fff;
	text-align: center;
	padding   : 1rem;
	color     : #000;
	font-size : 1.2rem;
	border-top: 1px solid #ededed;
}

#tipee a {
	text-decoration: none;
	color          : #000;
	font-size      : 1.2rem;
}

#tipee a:hover {
	text-decoration: none;
	color          : #D64758;
	font-size      : 1.2rem;
}

/* pour la newsletter */
#surhleft {
	width: 250px;
}
.page_abo a,
#surh_abonn a {
	display        : inline-block;
	padding        : 2px 15px;
	background     : #00465e;
	color          : #fff;
	font-weight    : 600;
	border-radius  : 50rem;
	text-decoration: none !important;
}
.page_abo a:hover,
#surh_abonn a:hover {
	background: darkgreen;
}

.fancybox-slide.fancybox-slide--iframe .fancybox-content {
	width: min(800px, 100%);
	height: 90%;
}

.fancybox-iframe,
.fancybox-video {
	background: transparent;
	border    : 0;
	display   : block;
	height    : 100%;
	margin    : 0;
	overflow  : hidden;
	padding   : 0;
	width     : 100%;
}

.page_abo {
	display: grid;
	place-content: center;
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px solid #666;
}

.page_abo a {
	font-weight: 400;
	border-radius  : 0;
}