@charset"UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap");

/* MATERIAL ICONS EN LOCAL */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('inc/assets/fonts/MaterialIcons-Regular.woff2') format('woff2'),
    url('inc/assets/fonts/MaterialIcons-Regular.woff') format('woff'),
    url('inc/assets/fonts/MaterialIcons-Regular.ttf') format('truetype');
	font-display: swap;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* SOCIAL ICONS EN LOCAL */
@font-face {
  font-family: 'Socicon';
  src:  url('inc/assets/fonts/socicon.eot');
  src:  local(''),
    url('inc/assets/fonts/socicon.eot#iefix') format('embedded-opentype'),
    url('inc/assets/fonts/socicon.woff2') format('woff2'),
    url('inc/assets/fonts/socicon.ttf') format('truetype'),
    url('inc/assets/fonts/socicon.woff') format('woff'),
    url('inc/assets/fonts/socicon.svg#socicon') format('svg');
  font-weight: normal;
  font-style: normal;
    font-display: swap;
}
[class^="socicon-"], [class*=" socicon-"] {
  font-family: 'Socicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.socicon-facebook:before {
  content: "\e028";
}
.socicon-twitter:before {
  content: "\e08d";
}
.socicon-linkedin:before {
  content: "\e04c";
}
.socicon-googleplus:before {
  content: "\e038";
}
html, body {
	font-family: 'Roboto', sans-serif;
}

/********** MTLINKS ******************/
.mel2{
    font-size: 15px;
    font-weight: 600;
	color:inherit;
}
.mel2 :hover{
cursor:pointer;
}
.mel{
	display: inline-flex;
    vertical-align: middle;

}
.mel:before {
	content: attr(data-ma);
	/*unicode-bidi: bidi-override;
	direction: rtl;*/
}
.mel-ico{
    font-size: inherit;
    font-weight: inherit;	
}
.mel:after {
	content:attr(data-il) "\002E" attr(data-to);
	/*unicode-bidi: bidi-override;
	direction: rtl;*/
}


.video-blog .video-blog__posts {
  max-width: 100%;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.video-blog.mdl-layout .mdl-layout__content {
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.video-blog .mdl-card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 360px;
}
.video-blog .mdl-card__title {
  padding: 16px;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.video-blog .mdl-card__media {
  box-sizing: border-box;
	background-color: unset;
  background-size: cover;
  padding: 24px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  cursor: pointer;
  /*min-height: 280px;*/
}
.video-blog .mdl-card__media a,
.video-blog .mdl-card__title a {
  color: inherit;
}
.video-blog .mdl-card__supporting-text {
  width: 100%;
  padding: 16px;
  min-height: 64px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-blog .mdl-card__supporting-text strong {
color: #114d61a8;
}
.video-blog .mdl-card__media ~ .mdl-card__supporting-text {
  min-height: 64px;
}
.video-blog .mdl-card__supporting-text:not(:last-child) {
  box-sizing: border-box;
  min-height: 76px;
}
.video-blog:not(.video-blog--blogpost) .mdl-card__supporting-text ~ .mdl-card__supporting-text {
  border-top: 1px solid rgba(0,0,0,0.1);
}

.video-blog .mdl-card__actions:first-child {
  margin-left: 0;
}
.video-blog .meta {
  box-sizing: border-box;
  padding: 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: auto;
}
.video-blog .meta > .meta__favorites{
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 8px;
  font-size: 13px;
  font-weight: 500;
    width: 72px;
    height: 52px;
    min-height: 52px;
    border-radius: 50%;

}
.video-blog .meta > .meta__favorites .material-icons {
  font-size: 28px;
  cursor: pointer;
  margin-left: 6px;
}
.video-blog .mdl-card .meta.meta--fill {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.video-blog .commentop > .meta__react{
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 50px;
  /*margin: -25px auto 0;*/
  font-size: 18px;
  font-weight: 600;
}
.video-blog .commentop > .meta__react .material-icons {
  font-size: 48px;
  cursor: pointer;
  color: #114d61;
}

.video-blog .meta > *:first-child {
  margin-right: 16px;
}
.video-blog .meta > * {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.video-blog .video-blog__posts > .up-nav {
  margin: 12px 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  font-weight: 500;
}


.video-blog .mdl-card > a {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}
.video-blog .mdl-card h3 {
  margin: 0;
}
.video-blog .mdl-card h3 a {
  text-decoration: none;
}
.video-blog .mdl-card h3.quote:before, .video-blog .mdl-card h3.quote:after {
  display: block;
  font-size: 3em;
  margin-top: 0.5em;
}
.video-blog .mdl-card h3.quote:before {
  content: '“';
}
.video-blog .mdl-card h3.quote:after {
  content: '”';
}
.video-blog--blogpost .custom-header {
  background-color: transparent;
}
.video-blog--blogpost .video-blog__posts > .mdl-card .mdl-card__media {

}
.video-blog--blogpost .comments {
  background-color: #EEE;
}
.video-blog--blogpost .meta > * {
  -webkit-align-items: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
}

.video-blog--blogpost .meta + .mdl-card__supporting-text {
  border: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.video-blog--blogpost .meta + .mdl-card__supporting-text p {
  max-width: 512px;
  margin: 16px auto;
  font-size: 16px;
  line-height: 28px;
}
.ribbon {
  width: 200px;
  background: rgba(0,0,0,.3);
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  border-radius: 0 0 0 15px;
}
.video-blog--blogpost .comments {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 32px;
  box-sizing: border-box;
}
.video-blog--blogpost .comments > form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 16px;
}
.video-blog--blogpost .comments > form .mdl-textfield {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 16px;
  color: rgb(97, 97, 97);
}

.video-blog--blogpost .comments > form .mdl-textfield .mdl-textfield__input {
  font-family: 'Roboto', 'Helvetica', sans-serif;
}
.video-blog--blogpost .comments > form .mdl-textfield input,
.video-blog--blogpost .comments > form .mdl-textfield textarea {
  resize: none;
}
.video-blog--blogpost .comments > form button {
  margin-top: 20px;
  background-color: rgba(0, 0, 0, 0.24);
  color: white;
}
.video-blog--blogpost .comments .comment {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.video-blog--blogpost .comments .comment > .comment__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.video-blog--blogpost .comments .comment > .comment__header > .material-icons {
  width: 48px;
  height: 48px;
  margin-right: 8px;
	font-size: 50px;
}
.video-blog--blogpost .comments .comment > .comment__header > .comment__author {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
		  font-size: 16px;
}
.video-blog--blogpost .comments .comment > .comment__header > .comment__author span {
font-size:12px;
}
.video-blog--blogpost .comments .comment > .comment__text {
  line-height: 1.5em;
}
.video-blog--blogpost .comments .comment > .comment__actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8em;
  margin-top: 16px;
}
.video-blog--blogpost .comments .comment > .comment__actions button {
  margin-right: 16px;
  color: rgba(0, 0, 0, 0.24);
}
.video-blog--blogpost .comments .comment > .comment__answers {
  padding-top: -10px;
  padding-left: 48px;
}
.com2com {
padding-left: 20px;
}

.video-blog--blogpost .demo-back {
  position: absolute;
  top: 16px;
  left: 16px;
  color: white;
  z-index: 9999;
}
.video-blog .section-spacer {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
		  width:100% !important;
		  height: 10vh;
}

.video-blog .minilogo {
  width: 44px;
  height: 44px;
/*  background-image: url('images/avatar.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 22px;
  background-color: #F5F5F5;*/
}

/* Fix pour IE 10 */
.mdl-grid {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

/**********SOCIAL*********/
.social {
  float:right;
}
.social > ul {
  display: flex;
}

.social > ul li {
  list-style: none;
}

.social > ul li a {
  text-decoration: none;
  width: 30px;
  height: 30px;
  background-color: #fff;
  text-align: center;
  line-height: 32px;
  font-size: 20px;
  margin: 0 10px;
  display: block;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: 2px solid #fff;
  z-index: 1;
}

.social ul li a .icon {
  position: relative;
  color: #262626;
  transition: .5s;
  z-index: 3;
}

.social ul li a:hover .icon {
  display: inline-block;
  color: #fff;
  transform: rotateY(360deg);
}

.social ul li a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f00;
  transition: .5s;
  z-index: 2;
}

.social ul li a:hover:before {
  top: 0;
}

.social ul li:nth-child(1) a:before{
  background: #3b5999;
}

.social ul li:nth-child(2) a:before{
  background: #55acee;
}

.social ul li:nth-child(3) a:before {
  background: #0077b5;
}

.social ul li:nth-child(4) a:before {
  background: #dd4b39;
}
/* Footer */
.video-blog .mdl-mini-footer {
  margin-top: 10px;
  padding: 0px;
  -webkit-align-items: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  background-color: #a71815;
  box-sizing: border-box;
}
.mdl-mini-footer--left-section, .mdl-mini-footer__left-section {
    display: inline-block;
	margin-left: 2%;
	color: #fff;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}
.mdl-mini-footer--right-section, .mdl-mini-footer__right-section {
    display: flex;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.mdl-button .material-icons{ vertical-align: middle; }
.mdl-align_c { text-align: center; }
.mdl-align_r { text-align: right; }
.mdl-valign_t{ vertical-align: top; }
.mdl-valign_c{ vertical-align: middle; }

h6{
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
.no-margin{
margin:0 8px;
}
.mdl-dialog.large-dialog {
	width:80%;
	max-width:1500px;
}
.mdl-dialog.medium-dialog {
	width:80%;
	max-width:1200px;
}
.mdl-dialog.medium-dialog h4{
font-size:2rem;
}
.mdl-dialog__small{
width:550px;	
}

.mdl-dialog__content p {
    color: #0f4557;
    font-size: 18px;
    line-height: 22px;
}
.dialog-titre{
	text-align: center;
}
.dialog-titre h2{
	font-size:38px;
	padding:12px;
	border-radius:8px;
    background-color: #0f4557;
    color: #fff;
	margin-block-start: 0.4em;
    margin-block-end: 0.4em;
}

.dialog-section{
	color: #0f4355;
	font-weight:600;
    margin: 8px 0 0 0;
}
.dialog-fin {
	text-align: center;
    line-height: 3;
    font-weight: 500;
    color: #0f4557;
}
.dialog-intro {
	font-size: 16px;
    font-weight: 400;
    color: #0f4557;
    padding: 4px 0 0 4px;
    text-align:center;	
}

/******************* A MA *********************/  

.mdl-grid.top-grid {
	padding:0px !important;
} 
.top-grid {
	min-height: 70px;
} 

.mdl-navigation__link {
    color: #FFF;
    text-decoration: none;
    margin: 15px 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: .87;
}

.mdl-layout__tab {
    margin: 0;
    border: none;
    padding: 0 24px;
    float: left;
    position: relative;
    display: block;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    color: rgba(255,255,255,.8);
    overflow: hidden;
    background-color: #114d61;	
}
.mdl-layout__tab:hover {
    color: rgba(255,255,255,1);
}

.mdl-layout__tab-bar {
    height: 56px;
}

.pull-right {
  float: right; }

.pull-left {
  float: left; }
 
.au-centre {
text-align: center;
margin: 0 auto;
}

.logo {
position:absolute;
top:10px;
left:100px;
width: 193px;
height: 70px;
background-image: url(images/logo.webp);
background-size: cover;
}

.recherche{
position:absolute;
top:0px;
right:20px;
}

.paroles {
position:absolute;
left:50%;
width: 500px;
height: 60px;
background-image: url(images/paroles.png);
background-size: cover;
}
.sidechoix {
position:relative;
padding:0;
margin:0;	
}
.choixcols{
    position: absolute;
    top: 8px;
    right: 8px;
}
.types{
	border-bottom: solid 8px #f5f5f5;
    padding-bottom: 8px;
    margin-bottom: -8px;
}
.tri {
color: rgba(0,0,0, 0.5);
text-decoration: none;
}
.tri:hover {
color: rgba(0,0,0, 0.8);
}
.triactive {
color: rgba(167,24,21, 1);
}
.tricat {
color: rgb(235,235,235);
font-weight: 300;
}
.navtab{
	position: absolute;
    margin-top: -2px;
	width:calc(100% - 16px);
    z-index: 1;
	display:none;	
}
.navtab .material-icons{
    margin: 0px;
    color: #ffffff78;	
}

.navtab .nav-right{
	float:right;
}

.menumore i{
	line-height: 58px;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
}
.mdl-layout__drawer-button {
    margin: 4px;
    color: rgba(0,0,0,.5);
    background-color: #ffffff82;
    border-radius: 5px;
    border: 2px #ccc;
}

.accueil {
}

.avant{
background-color: #00000005;
max-width:1200px;
align-items: center;		
}
.lastpub{
	background-color: #0C5F64;
	background-color: #0C5F64;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.lastitl{
    color: #fff;
    font-size: clamp( 2rem, 5vw, 4vh);
    text-align: -webkit-center;
    width: 100%;
    line-height: 100%;
}
.accvid{
    padding: 0px ;
}
.acctext{
padding-right: 32px;
color: #ccc;
}
.accsub{
    margin-top: -40px;
    float: right;
}
.video-blog .mdl-card__supporting-text.accomm{
font-size: 20px;
line-height: 30px;
color:#0E4253;
text-align: justify;
}
.mdl-card__title-text.acctitr{
font-size: 45px;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;

}
.iframetop{
	margin-top:0px;
	display: flex;
    align-items: center;
}
.iframetop span {
    display: block;
    width: 100%;
    line-height: 150px;
    text-align: center;
	padding-top: 20px;
	
}
.iframetop span i {
font-size: 82px;
color: #fff;	
}
.top-iframe{
display: none;
}

.mdl-card--expand {
padding-top:56%;
}

.card-image {
  outline: 10px solid transparent;
    outline-offset: -4px;
    min-width: 120px;
	max-width: 120px;
    max-height: 120px;
}

.card-image > .mdl-card__actions {
 text-align: center;
  background: #13797d;
}
.card-image__filename {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  white-space:nowrap;
}

.mdl-layout__drawer{
    border-left: 12px solid #0e508b;
    background-color: #ffffffeb;
}

.drwicon{
    float: left;
    font-size: 48px;
    margin-left: -20px;
    color: #206eb3;
}
.drwtext {
    line-height: 100%;
    vertical-align: middle;
    text-align: left;
    display: flex !important;
    align-items: center;
}
 
  .lastvid {
    position: relative;
	max-width: 120px;
	margin: 10px 20px 40px 0;
  }
  
  .lastvid img:hover {
    transform: translateY(-10px);
  }
  
  .lastvid img {
	object-fit: cover;
    width:100%;
	height:auto;
	max-width: 100%;
	min-height: 120px;
    border-radius: 50%;
    border: 5px solid #f7f7f7;
    filter: drop-shadow(-20px 0 10px rgba(0, 0, 0, 0.1));
    cursor: pointer;
    transition: all 0.3s;
  }

  .lastvid .name {
	position: absolute;
    color: #fff;
    margin: 5px 0 0 0;
    width: 125%;
    white-space: normal;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
	opacity: 80%;
  }
  
  .lastvid a:hover + .name {
	opacity: 100%;
	  text-shadow: 0 0 5px #03e9f4,
              0 0 25px #03e9f4,
              0 0 50px #03e9f4,
              0 0 100px #03e9f4;
	transition: all 0.3s;
  }
 
 .moreitems{
	 text-decoration:none;
	 color:unset;
 }
 #catname {
    padding-left: 34px;
}
.mdl-switch__label {
    position: relative;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    margin: 0;
    left: -36px;
    top: -22px;
    color: #3f51b5;
}
.mr20{
	margin-right:20px;
}
.wi80{
	width:80px;
}
.mdl-switch.is-checked .mdl-switch__thumb {
    background: #29a30b;
}
/****************** @MEDIA ***************************/

@media screen and (max-width:599px) {
	.mdl-dialog__content {
    padding: 4px;
	}
	.mdl-cell {
		margin: 8px;
		width: calc(100% - 16px);
	}
	.top-grid{
	height: max-content;
	}
	.lastvids{
		padding-left:30px;
	}
	.voting_wrapper{
	padding: 0;
    position: absolute;
    bottom: 0;
    right: 0;
	}
	.navtab{
	display:block;	
}
	.mdl-layout__tab-bar {
    display: inline-table;
	text-align: center;
	}

	.mdl-layout__tab-bar .mdl-layout__tab {
	padding: 0 6px;
	font-size: 16px;
	display: inline-flex;
	}
	.recherche{
	right:10px;
    top: -10px;
	left:unset;
	}

	.paroles {
	left: unset;
	right: 20px;
	top: 40px;	
	width: 230px;
	height: 28px;
	}
	
	.choixcols{
	display: none;
	}
	.logo{
	width: 130px;
	height: 45px;
	top:0px;
	left:50px;
	}
	.iframetop{
		margin:0 auto;
	    height: 50px;
	}
	.iframetop span {
		display: block;
		padding:0 0 0 5px;
		width: 100%;
		line-height: 25px;
		text-align: center;
		
	}
	.iframetop span i {
	font-size: 42px;
	color: #fff;	
	}
	.btback {
		position:relative !important;
		left:  0px !important;
		margin: 10px auto;
	}
	.mdl-mini-footer--left-section, .mdl-mini-footer__left-section {
		order: 2;
	}
	.social > ul {
		margin: 4px;
	}
	#formvid-bt {
		position: absolute;
		bottom: 25px;
		left: 4px;
		height: 30px;
	}
	.mdl-card__title-text.acctitr{
	font-size: 30px;
	}
	
	
	
}

@media (min-width:600px) and (max-width: 839px){
	.top-grid{
	height:max-content;
	}
	.recherche{
	left:20px;
	}
	.logo {
	top:30px;
	left:75px;
	}
	.paroles {
	left:10px;
	top: 120px;	
	width: 280px;
	height: 35px;
	}

	.mdl-layout__tab {
    padding: 0 12px;
	font-size: 16px;
	}
	.choixcols{
	display: none;
	}
	.tri {
		margin: 0;
	}
	
}

@media (min-width:840px) and (max-width:1799px) {

	.iframetop{
	margin-top:15px;
	}
	.paroles {
	left:40%;
	top: 5px;	
	width: 450px;
	height: 55px;
	}
}

@media (min-width:1800px) and (max-width:3440px) {


}

@media screen and (max-width: 1024px) {
	#cats{
	display:none;
	}

}

#captcha1 {
    float: left;
    left: 30px;
    bottom: 30px;	
}
.logocontrib {
  width: 100%;
  height: auto;
}
img.contain {
  object-fit: contain;
}
img.cover {
  object-fit: cover;
}
img.scale {
  object-fit: scale-down;
  max-height:100px;
  max-width:fit-content;
}
img.fill {
  object-fit: fill;
}

.videocard {
	padding-top: 10px;
    margin: 0 auto;
    max-width: 950px;	
}
.playspan {
	position: absolute;
    padding-bottom: 25%;
    width: 100%;
    text-align: center;
}

.material-icons.play-icon {
    display: inline;
    margin: 0 auto;
    font-size: 68px;
    -webkit-transform: translate(-34px,-34px);
    transform: translate(-34px,-34px);
    line-height: 68px;
    width: 78px;
	padding: 0 12px;
    background-color: #00000045;
    cursor: pointer;
    border-radius: 5px;
 }
.material-icons.play-icon:hover {
    background-color: #0000008a;
 }
 
.rtl{
direction: rtl;
height: 60px;
}

.btback{
position: absolute;
left: 40px;
top:50%;
}

.mdl-button.back-up{
background-color:#a81815;
z-index:1000;
}
.mdl-button.back-up i{
color: #fff;
}
.mdl-button.back-up:hover {
background-color: #114d61;
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent{
    color: #fff;
    background-color: #114d61;
}
.no-padding {
padding: 0px 0px 0px 0px;
}

.video-blog .mdl-card__media{
padding: 0px;
margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
	
.cachespan { 
overflow:hidden;
opacity: 0;
-webkit-transition-duration: 0.4s;
}
.activespan { 
opacity: 1;
-webkit-transition-duration: 0.4s;
}

.cache { 
	height:0px;
    overflow: hidden;
	opacity: 0;
	-webkit-transition-duration: 0.4s;
}
.active {
    height: 100%;
	opacity: 1;
	-webkit-transition-duration: 0.4s;
}

.mdl-badge.mdl-badge--overlap:after {
    right: -15px;
	top: -15px;
	font-size: 11px;
    width: 24px;
    height: 24px;
}
.mdl-badge.mdl-badge--overlap.catrow:after {
    right: 22px;
    top: -1px;
    width: 24px;
    height: 24px;
	background: #9370db;
}
.mdl-badge.mdl-badge--overlap.catsubrow:after {
    right: 15px;
    top: 1px;
	font-size: 10px;
    width: 20px;
    height: 20px;
    background: #8193d7;
}
.nico-button--grey {
background-color: rgba(238, 238, 238, 0.85);
margin: 10px;
}
.menumore {
height: auto;
}
.bout-cat .mdl-button:hover{
    background-color: transparent!important;
}
.mdl-button--search:hover{
background-color: #a71815;
color: #fff;
}

.mdl-button--red{
background-color:#dc1d13;
color: #fff;
}
.mdl-button--red:hover{
background-color: #f63135;
}

.full-width {
    min-width: 97%;
}
.background-color--grey {
background-color: #eee;
}

.mdl-textfield__label{
color: #444;
}
.mdl-textfield__input{
color: #424242;
}

.mdl-layout__header{
min-height: 48px;
background-color: rgb(245, 245, 245);
}
.mdl-layout__tab-bar-button , .mdl-layout__tab-bar {
background-color: #114d61;
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
background: rgb(168, 24, 21);
height:12px;
}

#vign {
	padding:0 30px 0 30px;
}

input:-webkit-autofill{
background-color: #fff;
}
.com-spacer {
height: 40px;
width: 100%;
}
.snack-mess{
font-size: 15px;
}

.dispo:hover {
background-color: none;
}

.catlist .mdl-list__item {
padding: 4px;
min-height: 20px;
background-color: whitesmoke;
}
.catlist .mdl-list__item:hover {
background-color: rgba(0, 0, 0, 0.11);
}
.small-title .mdl-card__title{
font-size: 16px;
height: 32px;
padding: 4px;
}

.shortlist {
background-color: rgba(17,77,97, 0.06);
padding:2px;
}
.shortlist .mdl-list__item-primary-content .mdl-list__item-icon{
margin-right:8px;
}

.shortlist .mdl-list__item--two-line{
position:relative;
font-size: 14px;
height: 80px;
border-bottom: 1px solid #d3d3d3;
}
.mdl-list__item-sub-title {
	color: rgb(0 99 183);
    position: absolute;
    right: 8px;
    bottom: 2px;
}
.cgucard{
width: 1200px;
    margin: 0 auto;
    padding: 8px;
}
.cgu {
width: calc( 100% - 32px ) !important;
display: block !important ;
    line-height: 20px;
    text-align: justify;	
}
.cgulink{
color: #fff;	
}
.info1{
font-size:12px;
color: #949494;
}
.info2{
position:absolute;
right:5px;
bottom:5px;
    font-size: 13px;
    color: #00000054;
    font-weight: 600;
}
/************ RECHERCHE *****************/
.resultat {
padding:0;
margin:0;
min-height:30px;
}
.trouve .mdl-list__item {
color: #114d61;
padding: 8px 0px 8px 0px;
min-height: 20px;
height: 50px;
}
.trouve .mdl-list__item .mdl-list__item-primary-content{
    height: 46px;
	display: flex;
}
.trouve .mdl-list__item:hover {
background-color: rgb(0 0 0 / 2%);
cursor: pointer;
}
.trouve .mdl-list__item .mdl-list__item-primary-content i{
font-size: 40px;
margin: 0 20px;
}
.trouve .mdl-list__item .mdl-list__item-primary-content span{

}
.trouve a {
	text-decoration: none;
}
.titre-rech{
position: relative;
text-align: center;
margin: 10px 0px 5px 0;
}

.titre-rech button{
margin-left: 20px;
}
.addtitre{
	line-height: 50px;
    font-weight: 600;
}

#loadOverlay{display: none;}