@charset"UTF-8";

/* 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');
}
.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;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* GOOGLE FONT ROBOTO EN LOCAL */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('inc/assets/fonts/roboto-ext.woff2') format('woff2');
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('inc/assets/fonts/roboto.woff2') format('woff2');
}

/* SOCIAL ICONS EN LOCAL */
@font-face {
  font-family: 'Socicon';
  src:  url('inc/assets/fonts/socicon.eot');
  src:  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;
}

html, body {
	/*font-family: 'Roboto', 'Helvetica', sans-serif;*/
	font-family: 'Changa', sans-serif;
	font-size: 10px;
	line-height: 22px;
	margin: 0;
	height:100%;
	background-color: #111;
}
h1, h2 {
	font-family: 'Changa', sans-serif;
    font-weight: 600;
}
[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";
}

/************ LAYOUT *****************/ 
.mdl-layout__content {
    opacity: 1;
    transition: 1s opacity;
}
.mdl-layout__content.fade-out {
    opacity: 0;
    transition: none;
}

.mdl-grid.articles  {
max-width: 1280px;
}

/**********CONTENT*********/

.articles > .mdl-card {
background: transparent;
min-height: unset;
}

.articles > .mdl-grid > .mdl-card {
background: transparent;
min-height: unset;
}

.article.mdl-card__supporting-text  {
padding: 0 16px 16px 16px;
line-height: 20px;
color: #fff;
font-size: 16px;
}
.article.mdl-card__supporting-text * {
color: #fff;

}
p {
font-size: unset;
text-align: justify;
margin: 0 0 0 4px;	
}
/**********SOCIAL*********/
.social {
  float:right;
}
.social > ul {
  display: flex;
}

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

.social > ul li a {
  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;
}

/*********************************/
.mdl-layout__header-row .mdl-navigation__link{
color: #4e4e4e;
    line-height: 48px;
    padding: 0 24px;
	background-color: #fff;
}
.mdl-layout__header {
background: url(../../img/titre-trium.png) center no-repeat; 
background-color: #111;
}

.mdl-layout__content {

}
.mdl-layout__title {
  font-size: 20px;
  text-align: center;
  font-weight: 300;
}

.is-compact .mdl-layout__title span {
  display: none;
}

.mdl-layout__header.is-compact {
    max-height: 90px;
}

.mdl-layout__header-row{
/*background: #111 url(img/logo5.jpg) no-repeat center;*/
height: 185px;
}

@media screen and (max-width: 1024px){
.mdl-layout__header {
    display: block;
}
.mdl-layout__header-row {
    background: #111 url(img/titre-trium-small.png) no-repeat center;
	background-size: contain;
	height: 62px;
    border-bottom: 3px solid #8a1c1c;
}
}

@media screen and (max-width: 1024px){
.mdl-layout__drawer-button {
    margin: 4px;
    color: rgba(255,255,255,1);
}}

.mdl-layout__drawer {
background-color: #3f3f3f;
border: none;
box-shadow: none;
padding-top: 50px;
}

/**************** TAB BAR ************************/
.mdl-layout__tab-bar-container {
  overflow: visible !important;
  height: 48px;
  width: 100%;
    margin: 0;
 }
 
.menubar.mdl-layout__tab-bar{
overflow-x: hidden;
height:48px;
background-color: transparent;
overflow: visible !important;
}

.menubar > .mdl-layout__tab {
font-size: 24px;
text-transform: lowercase;
color: rgba(255,255,255,.6);
}

.menubar > .mdl-layout__tab:hover {
color: #fff;
}

.menubar > .mdl-menu__container > .mdl-menu__outline {
	outline: none;
    background: #7e1818;
    border-top: none;
	border-radius: unset;
}
.menubar > .mdl-menu__container > .mdl-menu > .mdl-menu__item a {
color: rgba(255,255,255,.6);
font-size: 18px;
text-transform: lowercase;
}
.menubar > .mdl-menu__container > .mdl-menu > .mdl-menu__item:hover {
    background-color: transparent;
}
.menubar > .mdl-menu__container > .mdl-menu > .mdl-menu__item:hover a{
color: #fff;
}

.mdl-layout__tab-bar-button {
    background-color: transparent;
	height: 48px;
}
.mdl-layout__tab-bar-left-button {
    /*left: 0;
	background: #140001 url(img/menu-button-left.png) no-repeat center;*/
}
.mdl-layout__tab-bar-right-button {
    /*left: 0;
	background: #140001 url(img/menu-button-left.png) no-repeat center;
	transform:scaleX(-1);*/
}

.mdl-card.right {
    background: #f9f9f9;
}

.article >.mdl-card__supporting-text > ul  {
padding: 4px;
margin: 2px;
line-height:normal;
}
.article >.mdl-card__supporting-text > li  {
padding: 2px;
font-size: inherit;
}
.rubtitre.is-hidden {
visibility: hidden;
line-height: 0px;
margin: 0px;
}

/****************** CARDS NEWS ******************/
.card-news{
margin: 0px;
padding: 0px;
color: #455a64;
line-height: 16px;
list-style-type: none;
}
.card-news li{
margin: 0;
padding: 0px 12px 0 16px;
color: #455a64;
font-size:12px;
border-bottom: 1px solid #eee;
transition: .2s ease-in-out;
}
.card-news li:hover{
background-color: #ecf5fc;
cursor: pointer;

}
.card-news__sub{
margin: 6px 0 0 0;
font-size:11px;
color: #2d1d86;
line-height: 12px;
padding: 4px 12px;
}
.card-news__title{
font-size: 24px;
color: #68757b;
font-weight: 300;
margin: 0;
padding:12px 8px 12px 30px;
line-height:40px;
text-indent:10px;
border-bottom: 1px solid #eee;
}
.card-news__title-icon{
position:absolute;
top:8px;
left:8px;
font-size: 48px;
margin: 0px;
padding: 0px 8px;
line-height: 48px;
color: #ccc;
}

.card-news .mdl-card__title{
height: 50px;
max-height: 50px;
background-color: rgba(0, 69, 138, 0.66);
}

.card-news .mdl-card__title-text{
padding-top:6px;
font-size: 14px;
font-weight: 600;
color: #68757b;
}
.card-news .mdl-card__supporting-text{
font-size: 14px;
font-weight: 300;
color: #444;
}
.mdl-textfield__input {
    font-size: 22px;

}

.mdl-card__supporting-text small {
	font-size: .9em;
}

/**********************************/
.sondage .mdl-card{
width:100%;
border: 1px solid #eee;
}
 
.sondage .mdl-card:hover{
background-color:#f7f7f7;
}

.sondage .mdl-radio {
	margin: 0 25px 10px 0;
}

.mdl-checkbox {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: auto !important;
    margin: 0 0 10px 0;
    padding: 0;
}

.label {
  display: block;
  position: absolute;
  top: -85px;
  width: 45px;
  height: 45px;
  border-radius: 0 50% 50% 50%;
  background-color: rgb(63, 81, 181);
  transform: rotate(-135deg);
  margin-top: 25px;
}

.label div {
  line-height: 45px; 
  color: #ffffff;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 1px;
  text-align: center;
  transform: rotate(135deg);
}

.label.zeroed {
  top: -85px;
  background-color: rgba(0, 0, 0, 0.3);
}
.multiline {
    line-height: 18px;
    height: auto; 
}
/**********************************/
img.article-image {
  width: 100%;
  height: auto;
}

.no-padding {
  padding: 0;
}

.no-left-padding{
  padding-left: 0;
}

.no-bottom-padding {
  padding-bottom: 0;
}

.padding-top {
  padding: 10px 0 0;
}


.demo-card-event > .mdl-card__actions {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*-------------- RAJOUTS ------------------*/
a.mdl-js-ripple-effect {
  display: inline-block; 
  position: relative;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.mdl-card__title {
color: #fff;
padding: 10px 46px 8px 16px;
}

.mdl-card, .mdl-card__supporting-text, .mdl-card__actions {
    overflow: inherit !important;
	z-index: inherit !important;
}

.mdl-card:hover {
}

.mdl-chip__text {
font-size: 16px;
}

.mdl-typography--headline {
 color: #e91b1b;
}


a:-webkit-any-link{
text-decoration: none;
}
.sondage >.mdl-card__supporting-text {
    padding: 0 16px 16px 16px;
}

.centrediv {
margin: 20px auto;
}

.lower-button {
    text-transform: lowercase;
}
.fullwidth {
	width:100%
}

#upmycv img{
    margin: 8px;
}

@media screen and (max-width: 1024px){
	#voir {display: none;}
	.mdl-layout__tab-bar-container{display: none;}
	.mdl-layout__header {
	background: none; 
	background-color: #4e99e2;}
	.logo {width: 450px; font-size: 26px;}

}	



@media (max-width: 839px) and (min-width: 480px){
.mdl-cell--3-col, .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: calc(37.5% - 16px);
}
}

@media (min-width: 1280px){

	.mdl-layout__drawer {
		display: none;
	}
	.mdl-grid .mdl-cell--3-col.mdl-cell--4-col-phone.mdl-cell--8-col-tablet.mdl-cell--order-1-phone.mdl-cell--order-1-tablet.col-right{
		position: fixed;
		left: calc(73% - 16px);
		width: 300px;
	}

	.mdl-grid.mdl-cell--9-col.mdl-cell--4-col-phone.mdl-cell--8-col-tablet.mdl-cell--order-2-phone.mdl-cell--order-2-tablet.col-left{
		margin:0 0;
		max-width: calc(75% - 16px);
	}
}

.cache{
display:none;
}
.visible{
display:block;
}

.mdl-menu__item {
max-height: 48px;
line-height: 24px;
height: 24px;
}
.drawer-ssmenu{
padding:10px 0 10px 24px !important;
}

.mdl-card {
    margin: 8px;
	
}
.mdl-card__title-text {

}
.rubtitre{
margin: 10px 0 0 5px;
}

.divider {								/* minor cosmetics */
	display: table; 
	font-size: 24px; 
	text-align: center; 
	width: 85%; 						/* divider width */
	margin: 30px auto 10px;					/* spacing above/below */
}
.divider span { display: table-cell; position: relative; }
.divider span:first-child, .divider span:last-child {
	width: 50%;
	top: 13px;							/* adjust vertical align */
	-moz-background-size: 100% 2px; 	/* line width */
	background-size: 100% 2px; 			/* line width */
	background-position: 0 0, 0 100%;
	background-repeat: no-repeat;
}
.divider span:first-child {				/* color changes in here */
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#3f51b5));
	background-image: -webkit-linear-gradient(180deg, transparent, #3f51b5);
	background-image: -moz-linear-gradient(180deg, transparent, #3f51b5);
	background-image: -o-linear-gradient(180deg, transparent, #3f51b5);
	background-image: linear-gradient(90deg, transparent, #3f51b5);
}
.divider span:nth-child(2) {
	color: #3f51b5; padding: 0px 15px; width: auto; white-space: nowrap;
}
.divider span:last-child {				/* color changes in here */
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3f51b5), to(transparent));
	background-image: -webkit-linear-gradient(180deg, #3f51b5, transparent);
	background-image: -moz-linear-gradient(180deg, #3f51b5, transparent);
	background-image: -o-linear-gradient(180deg, #3f51b5, transparent);
	background-image: linear-gradient(90deg, #3f51b5, transparent);
}

/**************** NAV *************************/
.mdl-menu__item a {
	    color: rgb(2, 2, 2);
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
	    background: rgb(255, 255, 255);
}

/*************** DRAWER ***********************/
.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.accordion li {
	list-style: none;
}

/* Layout & Style */

.accordion li > a {
	display: block;
	position: relative;
	min-width: 110px;
	padding: 0 10px 0 10px;
	height: 42px;
	line-height:42px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.accordion > li:hover > a,
.accordion > li:target > a {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(255,255,255, .2);
	background: #4791da;
}

.accordion li > a span {
	display: block;
	position: absolute;
	top: 7px;
	right: 0;
	padding: 0 10px;
	margin-right: 10px;
}

.accordion > li:hover > a span,
.accordion > li:target > a span {
	color: #444;
	text-shadow: 0px 1px 0px rgba(0,0,0, .35);
}

/* Images */

.accordion > li > a:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 24px;
	height: 24px;
	margin: 4px 8px;

	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.accordion li.files > a:before { background-position: 0px 0px; }
.accordion li.files:hover > a:before,
.accordion li.files:target > a:before { background-position: 0px -24px; }

.accordion li.mail > a:before { background-position: -24px 0px; }
.accordion li.mail:hover > a:before,
.accordion li.mail:target > a:before { background-position: -24px -24px; }

.accordion li.cloud > a:before { background-position: -48px 0px; }
.accordion li.cloud:hover > a:before,
.accordion li.cloud:target > a:before { background-position: -48px -24px; }

.accordion li.sign > a:before { background-position: -72px 0px; }
.accordion li.sign:hover > a:before,
.accordion li.sign:target > a:before { background-position: -72px -24px; }

/* Sub Menu */
.sub-menu{
margin-left: 14px;
}
.sub-menu li a{
height:32px;
line-height: 32px;
padding-left: 25px;
}

.sub-menu li a {
	color: #fff;
	background: #4791da;
	font-weight: 400;
}

.sub-menu li:hover a { background: #efefef; }

.sub-menu li:last-child a { border: none; }

.sub-menu li > a span {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);
	background: transparent;
	border: 1px solid #c9c9c9;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.sub-menu em {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 14px;
	color: #a6a6a6;
	font: normal 10px/32px;
}

/* Functionality */

.accordion li > .sub-menu {
	height: 0;
	overflow: hidden;

	-webkit-transition: height .2s ease-in-out;
	-moz-transition: height .2s ease-in-out;
	-o-transition: height .2s ease-in-out;
	-ms-transition: height .2s ease-in-out;
	transition: height .2s ease-in-out;
}

.accordion li:target > .sub-menu {
	height: fit-content;
}

/************** IMAGE SLIDER *******************/
.nd-slidecard__img {
height: 290px;
width: 100%;
margin: 0;
padding: 0;
background: transparent;
}

.loading{
position: absolute;
height: 40px;
width: 40px;
left:calc(50% - 20px);
top:calc(40% - 20px);
}

.nd-slidecard__img .mdl-card__title {
padding:0px;
}

.nd-slidecard__img .mdl-card__subtitle-text {
padding: 0;
height:69px;
width: 100%;
}

.nd-slidecard__img .mdl-card__subtitle-text ul{
text-align: left;
padding-left: 5px;
}
.nd-slidecard__img .mdl-card__subtitle-text ul li{
padding: 0 5px 0 5px;
font-size: 16px;
color: #eaeaea;
}
.nd-slidecard__img .mdl-card__supporting-text {
padding: 0;
width: 100%;
}
.nd-slidecard__img .mdl-card__actions {
padding: 0;
}

.nav-box {
  width:100%;
  	position: absolute;
	z-index:10;
margin-top: -15px;
}

@media screen and (max-width: 800px) {
  .nav-box {
    /*display: none;*/

  }
}
.box-out {
  display: table;
    width: 100%;
    text-align: center;
	margin-top: -20px;
}

.box-in {
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
}


.slider-wrapper {
  width: 100%;
  max-width: 100%;
  height: 265px;
  overflow: hidden;
  display: inline-block;
}
.slider-wrapper ul {
  width: 0px;
  margin-left: -0px;
  transition: all 1s;
  margin: 0;
  padding: 0;
}
.slider-wrapper li {
  width: 390px;
  height: 265px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
  position: relative;
}
.slider-wrapper li:hover .description {
  opacity: 1;
}
.zone {
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.description {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(56, 29, 21, 0.68); 
  transition: all 0.3s;
  display: block;
  opacity: 0;
}
.description .title {

  color: #dabf69;
  text-align: center;
  font-weight: bold;
  width: calc(50% - 20px);
  margin: 10px auto;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 35px;
    padding: 10px;

    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;  
}
.description .teaser {
  width: calc(50% - 22px);
  margin: 10px auto;
  font-size: 1.3em;
  color: #efefef;
  line-height: 1.5;
  padding-bottom: 10px;
  transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;  
}
.description .buttons-area {
  margin: -5px auto;
   text-align: center;
   
    opacity: 0;
	transition: all 0.2s ease-in-out;   
}

.description:hover .title ,
.description:hover .teaser,
.description:hover .buttons-area {
    opacity: 1;
    transform: translateY(0px);
}
.description:hover .teaser {
    transition-delay: 0.1s;
}
.description:hover .buttons-area {
    transition-delay: 0.2s;
}

.main-wrapper {
position:relative;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.thumbnails {
height: 30px;
}
.thumbnails ul {
  text-align: center;
  padding: 0px;
  margin: 0px;
}
.thumbnails li {
  width: 60px;
  height: 15px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  list-style-type: none;
  margin: 5px 5px;
  border: 2px solid #ddd;
  opacity: 0.8;
  transition: all 0.15s;
  position: relative;
  top: 0;
}
.thumbnails li:hover {
  box-shadow: 0px 0px 5px #999;
  cursor: pointer;
}
.thumbnails .selected, .thumbnails .selected:hover {
  border: 2px solid #999;
  box-shadow: 0px 0px 14px #999;
  opacity: 1;
  top: -5px;
}
.nd-textnails ul{
padding: 0px;
margin: 0px;
}
.nd-textnails li{
font-size: 1.2em;
color: rgb(215, 215, 215);
}
.cache{
display:none;
}
.visible{
display:block;
}
.mdl-card--expand h4 {
    font-size: 24px;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    margin: 16px auto 24px;
  font-family: 'Macondo Swash Caps';
}

/*********************** SOCIAUX ****************************/

/* share article 
.mdl-card__menu{
    width: 32px;
    height: 32px;
    overflow: hidden;
	transform-origin: 50% 0;
	transition: height .4s ease-in-out;
}
.mdl-card__menu:hover {
height: 200px;
}
.mdl-card__menu .mdl-button {
margin-top:5px;
}

#share:hover {color: red}

#social-1 img:last-child{display:none}
#social-1:hover img:first-child{display:none}
#social-1:hover img:last-child{display:inline-block}

#social-2 img:last-child{display:none}
#social-2:hover img:first-child{display:none}
#social-2:hover img:last-child{display:inline-block}

#social-3 img:last-child{display:none}
#social-3:hover img:first-child{display:none}
#social-3:hover img:last-child{display:inline-block}

#bshare:hover {color: red}

#bsocial-1 img:last-child{display:none}
#bsocial-1:hover img:first-child{display:none}
#bsocial-1:hover img:last-child{display:inline-block}

#bsocial-2 img:last-child{display:none}
#bsocial-2:hover img:first-child{display:none}
#bsocial-2:hover img:last-child{display:inline-block}

#bsocial-3 img:last-child{display:none}
#bsocial-3:hover img:first-child{display:none}
#bsocial-3:hover img:last-child{display:inline-block}
*/
/********************** FOOTER ***************************/
.backtop{
    position: absolute;
    top: -30px;
	left: calc(50% - 28px);
}

.btscroll {
background-color:#4e99e2;
}

.mdl-mega-footer {
	margin: 40px 0 0 0 ;
    padding: 16px 40px;
    color: #afafaf;
    background-color: #111;
	position:relative;
}
.mdl-mega-footer--heading, .mdl-mega-footer__heading {
    color: #dcc8c8;
}
.mdl-mega-footer__bottom-section{
padding: 10px;
color: #eee;
}


/********************** ADMIN ***************************/

/**************** LOGIN ***********************/
.login > .mdl-layout__content {
	align-items: center;
    justify-content: center;
    display: flex;
	font-family: 'Roboto', 'Helvetica', sans-serif;
}
.login > .mdl-layout__content > .mdl-card{
width: 550px;
background-color: #fff;
color: #000;
}
.login > .mdl-layout__content > .mdl-card > .mdl-card__supporting-text{
width: calc(100% - 32px);
}
.login .mdl-card__supporting-text span{
color: #4e4e4e;
}
#feedback {
text-align: center;
line-height:16px;
margin-top:5px;
background-color: #eee;
font-size:12px;
color: #8a1c1c;
font-weight: 600;	
}


/*************************************/
.highlight-active {
  pointer-events:  none;
}
.highlight {
  pointer-events:  auto;
}

.ordr-container{
    display: inline-flex;
	align-items: center;
}
.mdl-slider__background-flex {
    background-color: white;
}
.mdl-badge.mdl-badge--overlap:after {
right: -5px;
}

.edition {
-webkit-box-shadow: 0px 0px 18px -2px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 18px -2px rgba(255, 255, 255, 0.7);
    border-radius: 20px;
transition: all 0.2s ease-in-out;	
}

#newcard {
padding: 8px;
}
#newcard > .mdl-card__title {
padding: 10px 46px 8px 0px;
}
#newcard > .mdl-card__title > h2 {
	background-color:rgba(255, 255, 255, 0.1);
	display:block;
	width:90%;
}
#newcard > .mdl-card__supporting-text {
	background-color:rgba(255, 255, 255, 0.1);
	min-height:200px;
	color: #fff;
}
#newcard > .mdl-card__supporting-text * {
	color: #fff;
}

/***********BOUTONS ADMIN******************/

.mdl-button--admin{
margin:4px;
background-color:#3f51b5;
color: #eee;
transition: all 0.2s ease-in-out;
}
.mdl-button--admin:hover{
background-color:#3f51b5;
color: #fff;
box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}
.mdl-button--admin .material-icons {
    vertical-align: middle;
    color: #ddd;
	transition: all 0.2s ease-in-out;

}
.mdl-button--admin:hover .material-icons {
    color: #fff;
}

.rdv-button{
width:100%;
height: 50px;
margin-bottom:40px;
padding:8px;
font-size: large;
}
.mdl-button--admin.rdv-button:hover .material-icons {
    color: #fff;
	transform: scale(1.5);
}
.admin-panel{
display: block;
width:100%;
text-align:left;
margin-left:18px;
color: #fff; 
font-family: 'Roboto', 'Helvetica', sans-serif;
}
.admin-panel a{
display: block;
    position: absolute;
    left: 50%;
    top: 5px; 
}
.articles > .mdl-card > .mdl-card__menu {
font-family: 'Roboto', 'Helvetica', sans-serif;
width:24px;
}

.adm-menu{
position: absolute;
top:0px; 
right: 60px;
}

.mdl-textfield {
width: 100%; 
}
/******************* CHIPS RUBRIQUES MENU ******************************/
.menu {

}
.menus  {
padding:0;
margin: 0;
}
.ssmenus  {
margin: 0 0 4px 10px;
}
.ssmenus > .mdl-list__item--two-line {
height: 20px;
}
.menus > .mdl-list__item--two-line {
    border-bottom: 1px solid #d0c4c0;
    padding: 8px;
    height: auto;
    /* background-color: #fff; */
    margin: 0;
    display: grid;
    align-items: baseline;
	transition: all 0.1s ease-in-out;
}
.menus > .mdl-list__item--two-line:hover {
box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}
.menus > .mdl-list__item--two-line > .mdl-list__item-primary-content  {
	height:40px;
	line-height:20px;
}
.menus > .mdl-list__item--two-line > .mdl-list__item-secondary-content {

}
.ssmenus > .mdl-list__item--two-line {
    margin-bottom: 2px;
    padding: 4px;
    align-items: center;
}
.ssmenus > .mdl-list__item--two-line .mdl-list__item-primary-content  {
	height:30px;
	line-height:20px;
}

.menus > .mdl-list__item--two-line > .mdl-list__item-secondary-content >.mdl-list__item-secondary-action {
    width: 40px;
}
.menus > .mdl-list__item--two-line > .mdl-list__item-primary-content > .mdl-list__item-title {
	font-size: 20px;
    vertical-align: top;
}
.ssmenus > .mdl-list__item--two-line > .mdl-list__item-primary-content > .mdl-list__item-title {
	line-height: 36px;
	font-size: 16px;
    vertical-align: text-bottom;
}
.ssmenus > .mdl-list__item--two-line > .mdl-list__item-primary-content > .mdl-list__item-title {
	line-height: 36px;
	font-size: 16px;
    vertical-align: text-bottom;
}
.ssmenus > .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {

}
.form.mdl-card {
	background-color:#efeeee;
	font-family: 'Roboto', 'Helvetica', sans-serif;
}
.updown {
	display: inline-grid;
    position: absolute;
    right: 15px;
	transition: all 0.1s ease-in-out;
}
.updown i{
cursor: pointer;
color: #9e9e9e; 
}
.updown i:hover{
color: #4e4e4e; 
}
.mdl-chip--contact {
    padding-left: 0;
}
.mdl-chip__small {
    height: 24px;
    
    line-height: 24px;
    padding: 0 8px;
    border: 0;
    border-radius: 20px 0 0 20px;
    background-color: #dedede;
    display: inline-block;
    color: rgba(0,0,0,.87);
    font-size: 0;
    white-space: nowrap;
}
.mdl-chip__small .mdl-chip__action {
    height: 20px;
    width: 20px;
    margin: 0 0 0 -8px;
}
.mdl-chip__small .material-icons {
    font-size: 20px;
}

/*********** BARRE ACTIONS SUR RUBRIQUES *************/
.afterchip{
background-color:transparent;
}
.mdl-button--icon {
color: #444;
}
.mdl-chip__action .onli{
color: #0b6d00;
}
.mdl-chip__action .offli{
color: red;
}
.actions {
    background-color: #dedede87;
    display: inline-flex;
	padding: 0px;
    border-radius: 0 20px 20px 0;
	margin-left:-4px;
}
.actions  .material-icons{
font-size:16px;
color: #3f51b5;
}
.actions .mdl-button--icon {
    font-size: 16px;
    height: 24px;
    min-width: 24px;
    width: 24px;
	margin: 0 5px;
}
.actions .mdl-button--icon:hover i{
font-size:20px;
font-weight:600;
}

.actions .info {
    color: #3f51b5;
    font-size: 11px;
    text-transform: uppercase;
    display: none;
    padding: 0 10px 0 5px;
    background-color: transparent;
	line-height:24px;
	margin: 1px 0 -1px 0;
}
/******************* BOUTON AJOUT MENU *************************/
.newrub  {
border-radius: 20px;
background-color: #3f51b5;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
transition: .1s ease-in-out;
}
.newrub .mdl-chip__text  {
margin:1px 8px 0px 8px;
}
.newrub  .material-icons{
color: #fff;
font-size: 20px;
opacity:1;
margin-left: 4px
}
.newrub .mdl-chip__action  {
width:24px;
}
.newrub:hover {
transform: scale(1.1);
cursor:pointer;
opacity:1;
box-shadow: 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12), 0 3px 5px -1px rgba(0,0,0,.2);
}

.mdl-chip__action {
opacity: .8;
}
.rub{
font-size: 18px;
text-indent: 5px;
}
.ssrub{
font-size: 16px;
text-indent: 5px;
}
.form .mdl-card__title {
background-color: #3f51b5;
color: #fff;
font-size: 24px;
}
.form p{
font-size: 16px;
margin: 30px 0;
}
.form .mdl-radio{
margin:0 4px 0 4px;
}

#listrub li{
    padding: 0;
    margin: 4px 0;
    line-height: 14px;
}
#listrub{
    -webkit-padding-start: 0px;
}
#listrub li ul li:hover .infrub{
color: #257ad2;
font-weight: 500;
}
#listrub li:hover .infrub{
color: #aaa;
}

.movli:hover {
background-color: #eee;
cursor: -moz-grab; cursor: -webkit-grab; cursor: grab;
}
.movli:hover .hook{
display: inline-block;
}
.hook{
    position: absolute;
    line-height: 24x;
    height: 24px;
    left: 60%;
    color: #b3b3b3;
	display:none;
}

.mdl-list__short{
background-color: #eee;
color: #444;
font-size: 16px;
font-weight: 600;
padding: 10px 5px 10px 5px;
}
.mdl-list__short li{
color: #444;
line-height:24px;
margin-left: 30px;
}
.infrub {
float: right;
line-height: 24px;
color: #ccc;
font-size:11px;
}

.ordre {
float: right;
margin-right:25%;
}
.ordreart {
font-family: 'Roboto', 'Helvetica', sans-serif;
color: #fff;
width: 100px !important;
margin-left:20px;
}
.ordreart > .mdl-textfield__label {
font-family: 'Roboto', 'Helvetica', sans-serif;
color: #fff !important;

}

.nico-max-width {
	align-items: start;
}

.material-icons.on {
color: green;	
} 

.material-icons.off {
color: red;	
} 
img {
    max-width: 100%;
    height: auto;
}
.mdl-dialog {
    width: fit-content;
    max-width: 800px;
}
.mdl-dialog__content {
    padding: 0;
    color: rgba(0,0,0,.54);
    height: fit-content;
}
.mdl-button--icon.close {
    color: #fff;
margin: 0px 4px 0 -2px;
}
}