/*@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,600,600i');*/
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:300,300i,400,400i,500,500i,600,600i|Fira+Sans:400,400i,600,600i,800,800i');

/* TEMPORAIRE */
.row [class^="col"] {
    /*background: rgba(200,0,0,0.1);*/
}



/*********************************************
 * GLOBAL STYLES
 *********************************************/

.reveal {
  color:#41555C;
  font-size: 16px;
  font-family: 'Fira Sans', sans-serif;
  font-weight:400;
}

.slides {
	/*border:1px solid #000!important;*/
}

.intro {
  /*height:100%;*/
  /*margin-top:-5em!important;*/
}

.reveal h1 {
  font-family: 'Fira Sans Condensed', sans-serif;
  font-size: 64px;
  font-weight:300;
  line-height:100%;
  margin:2em auto 0;
  text-transform: uppercase;
  width:auto;
}

.reveal h1 strong {
  font-family: 'Fira Sans Condensed', sans-serif;
  font-weight:500;
}

.reveal h2 {
  font-size:28px;
}

.reveal h2 strong {
  font-weight:800;
}

.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  font-family: 'Fira Sans', sans-serif;
  font-weight:600;
}

strong {
  font-weight:600;
}

sup, sub {
  vertical-align: baseline!important;
  position: relative;
  top: -0.4em;
  font-size:0.7em;
}
sub { 
  top: 0.4em; 
}

.box {
  color:#fff;
  font-family: 'Fira Sans Condensed', sans-serif!important;
  font-weight: 600!important;
  padding: 0.3em 0.3em 0.35em!important;
}

.box.green {
	background: #A2B829;
}
.box.blue {
  background: #2FA7D5;
}
.box.red {
  background: #D1000A;
}

.inline-block {
	display: inline-block;
}

.no-margin {
  margin-top: -10px!important;
  margin-bottom:-10px!important;
}

.no-padding {
  padding:0!important;
}

#overview {
  padding-top:13%!important;
}

#overview .overview-bloc span {
  display: block;
  position: absolute;
  bottom:3px;
  right:3px;
  color:#fff;
  font-weight:600;
  font-family: 'Fira Sans', sans-serif;
  padding-top:1px;
  font-size:16px;
  background-image:url(../../img/_memoire4/overview-cut-corner.svg);
  background-size:48px 21px;
  width:48px;
  height:21px;
}

/* Bordered box & couleurs */

.bordered-box {
  border:1px solid #D1000A!important;
  background:#fff;
}

.bordered-box.has-picto, .box.has-picto {
  margin-left:5px!important;
  margin-right:5px!important;
  position: relative;
  z-index:0;
}

.bordered-box .picto, .box .picto {
  position: absolute;
  top:-20px;
  left:-20px;
  width:40px;
  height:40px;
  border:2px solid #D1000A;
  border-radius: 100%;
  background:#fff;
  z-index:1;
}

.bordered-box .picto img, .box .picto img {
  width:40px;
  height:40px;
}

.bordered-box .header {
  background:#D1000A;
  color:#fff;
  font-family: 'Fira Sans Condensed', sans-serif;
  font-weight: 600!important;
  padding: 0.3em 0.3em 0.35em;
  margin : -1px -1px;
}

.bordered-box.green {
  border:1px solid #A4BA29!important;
}

.bordered-box.green .picto, .box.green .picto {
  border:2px solid #A4BA29;
}

.bordered-box.green .header {
  background:#A4BA29;
}

.bordered-box.blue {
  border:1px solid #2FA7D5!important;
}

.bordered-box.blue .picto, .box.blue .picto {
  border:2px solid #2FA7D5;
}

.bordered-box.blue .header {
  background:#2FA7D5;
}

.bordered-box .content {
  font-family: 'Fira Sans Condensed', sans-serif;
  padding: 0.5em;
  font-weight:400;
}


/* FLASHCARD pour pictos */

/* FLASHCARD */
.has-picto {
  /*-webkit-perspective: 1000!important; */
}

.picto .front, .picto .back {
  border-radius:100%;
}

.bordered-box.green .picto .front, .box.green .picto .front,
.bordered-box.green .picto .back, .box.green .picto .back {
  border:2px solid #A4BA29;
}

.bordered-box.red .picto .front, .box.red .picto .front,
.bordered-box.red .picto .back, .box.red .picto .back {
  border:2px solid #D1000A;
}

.bordered-box.blue .picto .front, .box.blue .picto .front,
.bordered-box.blue .picto .back, .box.blue .picto .back {
  border:2px solid #2FA7D5;
}
.reveal .slides section .fragment.flashcard {
  opacity: 1;
  visibility: visible;
  -webkit-transform-style: preserve-3d;  
  transition: all 0.5s;               
  -webkit-transition: all 0.5s;
}

.reveal .slides section .fragment.flashcard.current-fragment:not(.is_iPad), 
.reveal .slides section .fragment.flashcard:not(.is_iPad) .back {
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
}

.reveal .slides section .fragment.flashcard.current-fragment.is_iPad {
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
}

.reveal .slides section .fragment.flashcard.is_iPad .back {
  transform: matrix(0, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(0, 0, 0, 1, 0, 0);
  transition: all 0.5s;               
  -webkit-transition: all 0.5s; 
}

.reveal .slides section .fragment.flashcard.visible:not(.revert):not(.is_iPad), 
.reveal .slides section .fragment.flashcard.visible:not(.revert):not(.is_iPad) .back {
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg); 
}

.reveal .slides section .fragment.flashcard.visible:not(.revert).is_iPad {
  transform: matrix(-1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
}

.reveal .slides section .fragment.flashcard.visible:not(.revert).is_iPad .back {
  transform: matrix(-1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
}

.picto .front, .picto .back {
  position: absolute;    
  -webkit-backface-visibility: hidden; 
  width:40px;
  height:40px;
  background:#fff;    
  top:-2px;
  left:-2px;
}


.legende-circle {
    display: inline-block;
    margin-right: 10px!important;
    width: 25px;
    height: 25px;
    border: 1px solid #41555C!important;
    border-radius: 100%;
    vertical-align: middle!important;
    position: relative;
    bottom: 3px;
}

.row.anim-border {
  padding: 0.5em;
}

.vertical-title, .vertical-title-right {
  font-family: 'Fira Sans Condensed', sans-serif;
  font-weight:600!important;
  color:#fff;
}

.vertical-title.red, .vertical-title-right.red {
  background:#D1000A;
}

.vertical-title.green, .vertical-title-right.green {
  background:#A4BA29;
}

.reveal section.fonte-13 {
  font-size:13px;
}
.reveal section.fonte-14 {
  font-size:14px;
}
.reveal section.fonte-15 {
  font-size:15px;
}

.reveal section.fonte-13:not(.comparaison) .vertical-title, .reveal section.fonte-14:not(.comparaison) .vertical-title, .reveal section.fonte-15:not(.comparaison) .vertical-title,
.reveal section.fonte-13:not(.comparaison) .vertical-title-right, .reveal section.fonte-14:not(.comparaison) .vertical-title-right, .reveal section.fonte-15:not(.comparaison) .vertical-title-right {
  font-size:16px;
}


.reveal h2.smaller {
    font-size: 24px;
}


.reveal section.fonte-13.comparaison .vertical-title {
  font-size:13px;
  height: 26px;
  left:26px;
}
.reveal section.fonte-13.comparaison .vertical-title-right {
  font-size:13px;
  height: 26px;
  right:26px;
}

.reveal section.fonte-14.comparaison .vertical-title {
  font-size:14px;
  height: 26px;
  left:26px;
}
.reveal section.fonte-14.comparaison .vertical-title-right {
  font-size:14px;
  height: 26px;
  right:26px;
}

.reveal section.fonte-15.comparaison .vertical-title,
.reveal section.fonte-15.comparaison .vertical-title-right {
  font-size:15px;
}


.reveal section.comparaison.fonte-15 {
  font-size:15px;
}
.reveal section.comparaison.fonte-14 {
  font-size:14px;
}
.reveal section.comparaison.fonte-13 {
  font-size:13px;
}
.reveal section.comparaison .row [class^="col"] {
    margin:5px;
}
.reveal section.comparaison .bordered-box .header {
    padding: 0.15em 0.15em 0.2em;
}
.reveal section.comparaison .bordered-box .content {
    padding: 0.25em 0.25em 0.3em;
}
.reveal section.comparaison .col-1 {
  width:calc(8.33333333% - 10px);
}

.reveal section.comparaison .col-2 {
  width:calc(16.6666666% - 10px);
}

.reveal section.comparaison .col-3 {
    width: calc(25% - 10px);
}

.reveal section.comparaison .col-4 {
    width:calc(33.3333333% - 10px);
}

.reveal section.comparaison .col-5 {
    width:calc(41.66666666% - 10px);
}

.reveal section.comparaison .col-6 {
    width: calc(50% - 10px);
}

.reveal section.comparaison .col-7 {
    width:calc(58.333333333% - 10px);
}

.reveal section.comparaison .col-8 {
    width:calc(66.66666666% - 10px);
}

.reveal section.comparaison .col-9 {
    width: calc(75% - 10px);
}

.reveal section.comparaison .col-10 {
  width:calc(83.3333333% - 10px);
}

.reveal section.comparaison .col-11 {
      width:calc(91.66666666% - 10px);
}

.reveal section.comparaison .col-12 {
    width: calc(100% - 10px);
}

.reveal section.comparaison .no-margin {
  margin-top: -5px!important;
  margin-bottom:-5px!important;
}


/*********************************************
 * ANIMATIONS
 *********************************************/

.reveal .slides section .fragment.box-highlight, .reveal .slides section .fragment.bordered-box-parent .box-highlight {
  opacity: 1;
  visibility: visible;
  transition:all 0.3s ease;
}

/* Box highlight */
.reveal .slides section .fragment.box-highlight.blue.current-fragment {
    background: #D4ECF4;
    color:#2FA7D5;
}
.reveal .slides section .fragment.box-highlight.green.current-fragment {
    background: #E8EDCA;
    color:#769B43;
}
.reveal .slides section .fragment.box-highlight.red.current-fragment {
    background: #F4CED2;
    color:#D1000A;
}

/* Box highlight pour bordered box */
.reveal .slides section .fragment.bordered-box.box-highlight.red.current-fragment,
.reveal .slides section .fragment.bordered-box-parent.box-highlight.current-fragment .bordered-box.red {
    background: #FFF;
    color:#41555C;
    border:1px solid #F4CED2!important;
}
.reveal .slides section .fragment.bordered-box.box-highlight.red.current-fragment .header,
.reveal .slides section .fragment.bordered-box-parent.box-highlight.current-fragment .bordered-box.red .header {
    background: #F4CED2;
    color:#D1000A;
}

.reveal .slides section .fragment.bordered-box.box-highlight.blue.current-fragment,
.reveal .slides section .fragment.bordered-box-parent.box-highlight.current-fragment .bordered-box.blue {
    background: #FFF;
    color:#41555C;
    border:1px solid #D4ECF4!important;
}
.reveal .slides section .fragment.bordered-box.box-highlight.blue.current-fragment .header,
.reveal .slides section .fragment.bordered-box-parent.box-highlight.current-fragment .bordered-box.blue .header {
    background: #D4ECF4;
    color:#2FA7D5;
}

.reveal .slides section .fragment.bordered-box.box-highlight.green.current-fragment,
.reveal .slides section .fragment.bordered-box-parent.box-highlight.current-fragment .bordered-box.green {
    background: #FFF;
    color:#41555C;
    border:1px solid #E8EEC9!important;
}
.reveal .slides section .fragment.bordered-box.box-highlight.green.current-fragment .header,
.reveal .slides section .fragment.bordered-box-parent.box-highlight.current-fragment .bordered-box.green .header {
    background: #E8EEC9;
    color:#769B43;
}

/* Couleurs pour anim-border */


/* Rouge */
.reveal .slides section .fragment.anim-border.red.visible:before {
  border-top-color: #D1000A; /* Make borders visible */
  border-right-color: #D1000A; 
}

.reveal .slides section .fragment.anim-border.red.visible:after {
  border-bottom-color: #D1000A; /* Make borders visible */
  border-left-color: #D1000A;
}

/* Bleu */
.reveal .slides section .fragment.anim-border.blue.visible:before {
  border-top-color: #2FA7D5; /* Make borders visible */
  border-right-color: #2FA7D5; 
}

.reveal .slides section .fragment.anim-border.blue.visible:after {
  border-bottom-color: #2FA7D5; /* Make borders visible */
  border-left-color: #2FA7D5;
}

/* Vert */
.reveal .slides section .fragment.anim-border.green.visible:before {
  border-top-color: #A2B829; /* Make borders visible */
  border-right-color: #A2B829; 
}

.reveal .slides section .fragment.anim-border.green.visible:after {
  border-bottom-color: #A2B829; /* Make borders visible */
  border-left-color: #A2B829;
}

.reveal .slides section .fragment.highlight-current-blue.current-fragment {
    color: #0e9ad0;
}