/*   
Theme Name: MMDWC
Author: MATTIEU MOREAU DOMECQ WEB CONCEPTION
Author URI: http://www.mattieumoreaudomecq.com
*/

/* 
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									


@font-face {
	font-family: 'Oswald-Regular';
	src: 
	url('_/fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),  
	url('_/fonts/Oswald-Regular.woff') format('woff'), 
	url('_/fonts/Oswald-Regular.ttf')  format('truetype'), 
	url('_/fonts/Oswald-Regular.svg#Oswald-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Oswald-SemiBold';
	src: 
	url('_/fonts/Oswald-SemiBold.eot?#iefix') format('embedded-opentype'),  
	url('_/fonts/Oswald-SemiBold.woff') format('woff'), 
	url('_/fonts/Oswald-SemiBold.ttf')  format('truetype'), 
	url('_/fonts/Oswald-SemiBold.svg#Oswald-SemiBold') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Oswald-Bold';
	src: 
	url('_/fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),  
	url('_/fonts/Oswald-Bold.woff') format('woff'), 
	url('_/fonts/Oswald-Bold.ttf')  format('truetype'), 
	url('_/fonts/Oswald-Bold.svg#Oswald-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Roboto-Medium';
	src: 
	url('_/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  
	url('_/fonts/Roboto-Medium.woff') format('woff'), 
	url('_/fonts/Roboto-Medium.ttf')  format('truetype'), 
	url('_/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'MemphisLTStd-Medium';
	src: 
	url('_/fonts/MemphisLTStd-Medium.eot?#iefix') format('embedded-opentype'),  
	url('_/fonts/MemphisLTStd-Medium.otf')  format('opentype'),
	url('_/fonts/MemphisLTStd-Medium.woff') format('woff'),
	url('_/fonts/MemphisLTStd-Medium.ttf')  format('truetype'), 
	url('_/fonts/MemphisLTStd-Medium.svg#MemphisLTStd-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*-------------------------------------------------------------------------------*/

/* CSS
-------------------------------------------------------------------------------*/


html,body {
	width:100%;
	height:100%;
	padding:0;
	margin:0
}

body {
	color: black;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;	
}

body.loading {
	opacity: 0;
}

body.menu_opened {
	overflow: hidden;
}

* {
    -webkit-overflow-scrolling: touch;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*:focus {
  outline: none!important;
  box-shadow: none!important;
  border-color: transparent!important;
  text-decoration: none!important;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

a:focus {
    outline: none!important;
    outline: none!important;
    outline-offset: 0!important;
}

#wrapper {
    width: 100%;
    height: 100%;
    padding-top: 148px;
}

section {
	margin-top: 40px;
}

section .container-fluid {
    max-width: 1200px;
    margin: 0 auto;
}

.home #wrapper {
    padding-top: 250px;
}

.home .logo_link {
	/*pointer-events: none;*/
}

.container-fluid {
    padding-right: 40px;
    padding-left: 40px;
    position: relative;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.row.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    align-items: center;
}

.yellow {
	background-color: #fffe94;
}

.blue {
	background-color: #86fffe;
}

.purple {
	background-color: #ccbbfa;
}

h1, h2 {
	font-family: 'Oswald-SemiBold';
	font-weight: normal;
}

button {
    font-family: 'Oswald-SemiBold';
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
    background-color: rgb(255, 255, 110);
    display: inline-block;
    padding: 5px 10px 7px 10px;
    border: none;
    color: black!important;
    text-decoration: none!important;
}

input,
button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
}

.etiquette {
	margin-bottom: 5px;
}

*::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 1!important;
  color: black!important;
}

*::-moz-placeholder { /* Firefox 19+ */
  opacity: 1!important;
  color: black!important;
}

*:-ms-input-placeholder { /* IE 10+ */
  opacity: 1!important;
  color: black!important;
}

*:-moz-placeholder { /* Firefox 18- */
  opacity: 1!important;
  color: black!important;
}

p {
	font-size: 15px;
	line-height: 21px;
	font-family: 'MemphisLTStd-Medium';
	margin-bottom: 21px;
	text-align: left !important;
	padding-left: 0px !important;
}

.texte ul, 
.texte li {
	font-size: 15px;
	line-height: 21px;
	font-family: 'MemphisLTStd-Medium';
	margin-bottom: 21px;
	text-align: left !important;
	padding-left: 0px !important;
}

/* HEADER */

header {
    width: 100%;
    background-color: white;
    background-color: white;
    z-index: 2;
    top: 0px;
    position: fixed;
	-webkit-transition: top 0.6s ease-in-out;
	-moz-transition: top 0.6s ease-in-out;
	-o-transition: top 0.6s ease-in-out;
	transition: top 0.6s ease-in-out;	
}

header.nav-up {
    top: -160px;
}

.z_index_up {
	background-color: white;
	position: relative;
	z-index: 100;
}

header .logo_link {
    padding-top: 0px;
    display: block;
    padding-bottom: 11px;
    font-size: 11vw;
    line-height: 11vw;
    color: black;
    font-family: 'Oswald-Bold';
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;	
}

header .logo_link,
header .logo_link:active,
header .logo_link:visited,
header .logo_link:focus,
header .logo_link:hover {
	color: black;
	text-decoration: none !important;
}

/*header .logo {
    width: 100%;
    display: block;
    height: auto;
	-webkit-transition: width 0.6s ease-in-out;
	-moz-transition: width 0.6s ease-in-out;
	-o-transition: width 0.6s ease-in-out;
	transition: width 0.6s ease-in-out;	
}*/

header.active .logo_link {
    display: block;
    padding-bottom: 5px;
    font-size: 42px;
    line-height: 45px;
}

/*header.active .logo {
	width: 300px;
    display: block;
    height: auto;
}*/

header.active .toggle_menu {
    bottom: 8px;
}

header .toggle_menu {
	cursor: pointer;
    width: 28px;
    height: auto;
    position: absolute;
    right: 15px;
    bottom: 15px;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;	
}

header .menu_close {
    display: none;
}

/* BANNER */

.menu_banner_container {
	position: relative;
}

.banner {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid;
    border-bottom: 1px solid;
    font-size: 14px;
    font-family: 'Oswald-Regular';
}

.webTicker_container {
	width: 100%;
	height: 36px;
}

.webTicker li {
	/*display: inline-block;*/
	text-transform: uppercase;
	font-size: 14px;
	line-height: 36px !important;
	font-family: 'Oswald-Regular';
	text-transform: uppercase !important;
	font-weight: normal !important;
	padding: 0px !important;
}

.webTicker li span {
    display: inline-block;
    margin-right: 80px;
}

.webTicker li a {
	color: black;
}

.webTicker li a:hover {
	background : linear-gradient(to bottom, transparent 10%, rgb(255, 255, 110) 10%, rgb(255, 255, 110) 90%, transparent 90%);
	text-decoration:none;
}

/* MENU PAGES */

.menu_pages {
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	font-family: 'Roboto-Medium';
	position: absolute;
	width: 100%;
	top: 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	background-color: white;
	display: none;
	z-index: 1;
}

.menu-menu_pages-container {
	display: none;
}

header .menu_pages {
	padding: 40px 0px 41px 0px;
}

.menu_pages li {
	list-style: none;
	display: inline-block;
	padding: 0px 45px;
}

.menu_pages li a,
.menu_pages li a:active,
.menu_pages li a:visited {
	color: black;
}

.menu_pages li a:hover,
.menu_pages li.current-menu-item a,
.menu_pages li.current-menu-parent a,
.menu_pages li a.active {
	text-decoration: none;
	background : rgb(255, 255, 110) 10%;
}

#menu-item-703 {
	display: none;
}

/* MENU PAGE CONTAINER */

.menu_page_content_container {
    display: none;
    padding-top: 0px;
    background-color: rgb(255, 255, 255);
}

.menu_page_content_container .container-fluid {
    max-width: 1200px;
    margin: 0 auto;
}

.scroll_content_page {
	height: calc(100vh - 300px);
	overflow: auto;
	border-bottom: 1px solid;
}

.menu_page_content #texte {
	margin-bottom: 20px;
}

.menu_page_content {
	padding: 40px 0px;
}

.ajax_content.loading {
	opacity: 0;
}

.ajax_content {
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;	
}

.menu_page_content .row_bloc {

}

.menu_page_content .bloc_equipe {

}

.menu_page_content .image_equipe_container {

	position: relative;
}

.menu_page_content .image_equipe_container a {
	color: black!important;
}

.menu_page_content .nom {
	top: 0px;
}

.menu_page_content .fonction {
	bottom: 0px;
}

.image_equipe_container .masque {
    background-color: rgba(255, 255, 110, 1);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.image_equipe_container:hover .masque,
.image_equipe_container:hover .nom,
.image_equipe_container:hover .fonction {
	opacity: 1;
}

.menu_page_content .fonction,
.menu_page_content .nom {
	position: absolute;
	bottom: 0px;
	font-size: 11px;
	line-height: 13px;
	font-family: 'Roboto-Medium';
	padding: 10px 20px 10px 10px;
	z-index: 2;
	opacity: 0;
}

.menu_page_content h1 {
	font-size: 35px;
	line-height: 42px;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-family: 'Oswald-SemiBold';
}

.menu_page_content p:last-child {
	margin-top: 0px;
}

.menu_page_content p a {
	text-decoration: none;
	background : rgb(255, 255, 110) 10%;
	color: black;
}

.menu_page_content img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px;
}

._2_columns {
	-moz-column-count:2;
	-webkit-column-count:2;
	-o-column-count:2;
	column-count:2;
	-moz-column-gap:30px;
	-webkit-column-gap:30px;
	-o-column-gap:30px;
	column-gap:30px;
}

._2_columns p {
	break-inside: avoid-column;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
}

button a, 
button a:active, 
button a:visited, 
button a:hover {
    color: black;
    text-decoration: none;
}

/* NEWSLETTER */

#mailchimp {

}

#mailchimp #pfb-signup-box-email {
    width: 100%;
    border: none;
    border-radius: 0px !important;
    margin-bottom: 10px;
    padding: 5px 10px;
    background-color: rgb(255, 255, 110);
    color: black;
    font-family: 'Oswald-SemiBold';
    font-size: 17px;
    line-height: 20px;
}

#mailchimp button {

}

#mailchimp #pfb-signup-result {
    margin-top: 10px;
}

/* MENU SEARCH */

.toggle_search_container {
	position: absolute;
	bottom: 1px;
	right: 0px;
	height: calc(100% - 2px);
	background-color: rgb(255, 255, 255);
	width: 50px;
}

.open_search {
    position: absolute;
    bottom: 8px;
    right: 5px;
    height: 18px;
    cursor: pointer;
}

#close_search {
    position: absolute;
    bottom: 10px;
    right: 3px;
    height: 15px;
    cursor: pointer;
}

.menu_search {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
    position: absolute;
    width: 100%;
    top: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    background-color: rgb(255, 255, 255);
    z-index: 3;
    text-align: right;
    display: none;
}

header .menu_search {
    height: 38px;
}

#searchform {
    position: relative;
    right: 5px;
    top: 0px;
    display: block;
}

#searchform #s {
    border: none;
    font-size: 14px;
    line-height: 14px;
    font-family: 'Oswald-Regular';
    text-transform: uppercase;
    position: relative;
    top: 0px;
    width: 250px;
    height: 36px;
}

#searchform #searchsubmit,
#searchform #close_search {
	background-color: transparent;
	border: none;
	padding: 0px;
}

#searchform #searchsubmit img,
#searchform #close_search img {
	height: 18px;
}

#searchform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 1!important;
  color: black!important;
}

#searchform ::-moz-placeholder { /* Firefox 19+ */
  opacity: 1!important;
  color: black!important;
}

#searchform :-ms-input-placeholder { /* IE 10+ */
  opacity: 1!important;
  color: black!important;
}

#searchform :-moz-placeholder { /* Firefox 18- */
  opacity: 1!important;
  color: black!important;
}

/* MENU CATEGORY */

.menu_category {
	font-size: 25px;
	line-height: 30px;
	text-transform: uppercase;
	border-bottom: 1px solid;
	padding: 17px 0px 13px 0px;
	font-family: 'Roboto-Medium';
}

.menu_category li {
	list-style: none;
	display: inline-block;
	padding: 0px 35px;
}

.menu_category li a,
.menu_category li a:active,
.menu_category li a:visited {
	color: black;
	padding: 0px 10px 0px 10px;
}

.menu_category li a:hover,
.menu_category li.current-menu-item a,
.menu_category li.current-menu-parent a {
	text-decoration: none;
	background : rgb(255, 255, 110) 10%;
	padding: 0px 10px 0px 10px;
}

/* HOME & ARCHIVES */

/*.load-more-manual {
	display: none;
}*/

.loader {
	display: none;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

.loader.active {
	display: block;
}

#grid.loading {
	opacity: 0;
}

#grid .container_h1 {
	font-size: 0px;
	line-height: 0px;
}

#grid h1 {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 22px;
	display: inline;
}

#grid a,
#grid a:active,
#grid a:visited {
	color: black;
	text-decoration: none;
}

#grid a:hover h1 {
background : linear-gradient(to bottom, transparent 10%, rgb(255, 255, 110) 10%, rgb(255, 255, 110) 90%, transparent 90%)
}

#grid a:hover .masque {
	opacity: 1;
}

.grid_masonry .grid-item.loading {
	opacity: 0;
}

.grid_masonry .grid-sizer,
.grid_masonry .grid-item {
	width: 50%;
	padding: 0px 20px;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;	
}

.grid_archive .grid-sizer,
.grid_archive .grid-item {
	width: 100%;
	padding: 0px 20px;
}

.grid-item {
	margin-bottom: 40px;
}

.grid-item .image_container {
	position: relative;
	background-color: rgb(255, 254, 133);
}

.grid-item img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 7px;
}

.grid-item .masque {
	background-color: rgba(255, 255, 110, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
}

.article_court .inside,
.article_long .inside,
.article_video .inside {
	width: 67%;
	margin-left: 33%;
}

.article_court.left .inside,
.article_long.left .inside, 
.article_video.left .inside {
	width: 67%;
	margin-left: auto;
	margin-right: 33%;
}

.grid_archive .article_video .inside {
	margin-left: 0%;
}

.article_long .inside {
	border-top: 12px solid rgb(255, 255, 110);
	padding-top: 10px;
}

/* PLAYER YOUTUBE */

.youtube {
    background-color: rgb(255, 254, 133);
    margin-bottom: 7px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.84%;
    left: 0;
    opacity: 1;
}
.youtube .play-button {
    width: 75px;
    height: 60px;
    background-color: rgb(255, 255, 110);
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 1;
    border-radius: 0px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 25px;
    border-color: transparent transparent transparent black;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

/* FIN PLAYER YOUTUBE */


/*.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 5px;
	background-color: rgb(255, 254, 133);
}

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

/* SINGLE */

.single article {
	margin-bottom: 60px;
}

.single article img {
	width: 100%;
	height: auto;
	display: block;
}

.article-long {
	background-color: rgb(255, 254, 133);
}

.single h1 {
	font-size: 35px;
	line-height: 42px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.single h2 {
	font-size: 17px;
	line-height: 20px;	
	margin-bottom: 20px;
}

.single .youtube {
	margin-bottom: 40px;
}

.lire .youtube {
	margin-bottom: 21px;
}

.article-long h2 {
	margin-bottom: 33px;
}

.single .etiquette {
	margin-bottom: 20px;
}

.texte p:last-child {
	margin-bottom: 0px;
}

.texte strong {
	font-size: 17px;
	line-height: 25px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Oswald-SemiBold';
	padding-top: 5px;
	display: block;
	margin-bottom: 21px;
}

.texte .close_article {
    width: 60px;
    height: auto;
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 10px;
    cursor: pointer;

}

.correction {
	margin-bottom: 20px;
	line-height: 0px;
	cursor: pointer;
}

.correction p {
	background : linear-gradient(to bottom, transparent 10%, rgb(255, 255, 110) 10%, rgb(255, 255, 110) 90%, transparent 90%);
	display: inline;
}

.auteur {
	font-size: 12px;
	line-height: 14px;
	font-family: 'Oswald-SemiBold';
}

/* REFERENCES */

sup {
	font-size: 10px;
	line-height: 10px;
	position: relative;
	left: 2px;	
}

article a {
	cursor: pointer;
}

article a,
article a:active,
article a:visited,
article a:focus {
	color: black;
	text-decoration: none;

}

article .texte a,
article .texte a:active,
article .texte a:visited {
	border-bottom: 1px solid;
}

article h2 a:hover {
	background-color: transparent;
	color: black;
	border-bottom: 1px solid;
}

article a.selected,
.references li.selected,
article a:hover {
	background-color: rgb(255, 255, 110);
	color: black;
	text-decoration: none;
}

.article-court .text-content {
	display: none;
}

body.text_open .text-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.ecouter .text-content,
.regarder .text-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;	
}

.related .title {
	text-transform: uppercase;
	margin-bottom: 14px;
	border-bottom: 1px solid;
	display: inline-block;
}

.references {
	position: absolute;
	padding-right: 15px;
	bottom: 10px;
}

.article-court .related {
	margin-top: -25px;
}

.references,
.related {
	font-size: 12px;
	line-height: 14px;
	font-family: 'Roboto-Medium';
}

.references li {
	display: inline;
}

.references li:after {
    content:"\a";
    white-space: pre;
    display: block;
}

.references li,
.related li {
	list-style: none;
	margin-bottom: 14px;
}

.references a,
.references a:active,
.references a:visited,
.related a,
.related a:active,
.related a:visited {
	color: black;
	text-decoration: none;
	margin-bottom: 14px;
}

.references li:hover,
.related a:hover {
	background-color: rgb(255, 255, 110);
	text-decoration: none;
}

.social_share  {
	margin-top: 20px;
}

.social_share .fa {
	font-size: 20px;
	margin-right: 2px;
}

.social_share a:hover {
	background-color: transparent;
}

#header_mobile {
	display: none;
}

.mots_cles_content {
	display: none;
}

@media(max-width:992px){

header {
	display: none;
}

section {
	margin-top: 0px;
}

sup {
	display: none;
}

#header_mobile {
    display: block;
    position: fixed;
    top: 0;
    z-index: 100;
}

.article-long .header_left,
.article-long #menu_header_mobile,
.article-long .menu_pages,
.article-long .menu_page_content_container {
	background-color: rgb(255, 254, 133);
}

.header_left {
    padding: 15px;
    position: fixed;
    z-index: 100;
    width: 55px;
    height: 105vh;
    background-color: white;
}

.header_left img {
	width: 100%;
	display: block;
}

.logo_mobile {
    margin-bottom: 18px;
}

/*.menu_mobile_open {
	opacity: 0
}*/

.header_left .menu_mobile_close {
	display: none;
}

#menu_header_mobile {
    height: 105vh;
    background-color: rgb(255, 255, 255);
    max-width: calc(50vw);
    width: calc(100vw - 30px);
    position: fixed;
    top: 0;
    z-index: 10;
    padding-left: 55px;
    left: -100vw;
	-webkit-transition: left 0.3s ease-in-out;
	-moz-transition: left 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out;	
    max-width: 450px;
}

#menu_header_mobile.opened {
	left: 0px;
}

#menu_header_mobile .inside {
	height: 105vh;
	border-left: 1px solid;
	border-right: 1px solid;
}

.menu_category {
	padding: 15px 0px 0px 5px;;
	font-size: 20px;
	line-height: 25px;
}

.menu_category li {
    list-style: none;
    display: block;
    padding: 0px;
    margin-bottom: 15px;
}

.menu_pages {
    display: block !important;
    position: relative;
    border-top: 0px;
    margin-top: 15px;
    padding: 0px 15px 0px 15px;
    border-bottom: none;
}

.menu_pages li {
    list-style: none;
    display: block;
    padding: 0px;
    margin-bottom: 15px;
}

#menu-item-703 {
	display: block;
}

.menu_page_content_container {
    display: none;
    padding-top: 0px;
    background-color: rgb(255, 255, 255);
    position: fixed;
    top: 0;
    z-index: 10;
    max-width: calc(50vw);
    width: calc(100vw - 30px);
    padding-left: 55px;
    max-width: 450px;
}

.menu-menu_pages-container {
	display: block;
}

.scroll_content_page {

    height: 100vh;
    overflow: auto;
    border-bottom: none;
    border-right: 1px solid;
    border-left: 1px solid;

}

.scroll_content_page .container-fluid,
.scroll_content_page [class*=col-] {
	padding-right: 15px;
	padding-left: 15px;
}

#equipe {
	margin-bottom: 10px;
}

#presse {
	margin-bottom: 40px;
}

.menu_page_content {
    padding: 15px 0px 80px 0px;
}

.menu_page_content #texte {
    margin-bottom: 0px;
}

.menu_page_content h1 {
    font-size: 20px;
    line-height: 24px;
}

.menu_page_content .fonction, 
.menu_page_content .nom {
	position: relative;
	opacity: 1;
	padding: 0px;
}

.menu_page_content .image_equipe_container {
	margin-bottom: 30px;
}

.menu_page_content img {
	margin-bottom: 5Px;
}

.image_equipe_container .masque {
	display: none;
}

.mots_cles_content {
	display: block;
}

._2_columns {
    -moz-column-count: 1;
    -webkit-column-count :1;
    -o-column-count: 1;
    column-count: 1;
    -moz-column-gap: 0px;
    -webkit-column-gap: 0px;
    -o-column-gap: 0px;
    column-gap: 0px;
}

.mot_cles ._2_columns {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    -o-column-gap: 15px;
    column-gap: 15px;
    -moz-column-fill: auto;
    column-fill: auto;
    height: calc(100vh - 100px);
}

.mot_cles li {
	font-size: 14px;
	line-height: 22px !important;
	font-family: 'Oswald-Regular';
	text-transform: uppercase !important;
	font-weight: normal !important;
	padding: 0px !important;
	list-style: none;
}

.mot_cles li a {
    color: rgb(0, 0, 0);
}

.mot_cles a:hover {
	background : linear-gradient(to bottom, transparent 10%, rgb(255, 255, 110) 10%, rgb(255, 255, 110) 90%, transparent 90%);
	text-decoration:none;
}

.dons_content .text-center {
	text-align: left;
}

.menu_search {
    display: block!important;
    position: relative;
    border-top: none;
    width: auto;
    border-bottom: none;
    text-align: left;
    padding: 0px 0px 0px 15px;
    background-color: transparent;
}

#searchform {
    position: relative;
    right: auto;
    top: auto;
}

#searchform #s {
    font-family: "Roboto-Medium";
    font-size: 14px;
    line-height: 16px;
    bottom: 0px;
    width: 75%;
    padding: 0px;
    background-color: transparent;
    height: auto;
}

#searchform #searchsubmit, 
#searchform #close_search {
	display: none!important;
}

#wrapper {
	padding-top: 15px!important;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 55px;
    position: relative;
}

.grid_masonry .grid-sizer, 
.grid_masonry .grid-item {
	width: 100%;
	padding: 0px;
}

.article_court .inside, 
.article_long .inside, 
.article_video .inside {
    width: calc(100% * 10 / 12);
    margin-left: 0px;
}

.grid-item {
	margin-bottom: 30px;
}

#grid h1 {
	font-size: 20px;
	line-height: 24px;
}

.single article {
    margin-bottom: 25px;
}

.article-long h1 {

}

.single h1 {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 3px;
}

.single h2 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

button {
    font-size: 21px;
    line-height: 25px;
}

.single .youtube {
    margin-bottom: 10px;
}

.single article img {
	margin-bottom: 5px;
}

.single .etiquette {
    margin-bottom: 10px;
}

p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

.correction {
    margin-bottom: 5px;
}

.auteur {
    font-size: 16px;
    line-height: 20px;
}

body.text_open .text-content {
  display: block!important;
}

/*body .text-content {
	display: none!important;
}*/

.row-eq-height {
	display: block!important;
}

.related, 
.references {
	display: none!important;
}

.texte .close_article {
	margin-top: -7px;
}

.texte strong {
    font-size: 16px;
    line-height: 19px;
    margin-top: -10px;
}

}