/* General Styles */

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

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

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

@font-face {
  font-family: 'FaktPro-Normal';
  src: url('../../assets/fonts/FaktPro-Normal.eot?#iefix') format('embedded-opentype'),  url('../../assets/fonts/FaktPro-Normal.otf')  format('opentype'),
	     url('../../assets/fonts/FaktPro-Normal.woff') format('woff'), url('../../assets/fonts/FaktPro-Normal.ttf')  format('truetype'), url('../../assets/fonts/FaktPro-Normal.svg#FaktPro-Normal') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'Pe-icon-7-stroke';
	src:url('fonts/Pe-icon-7-stroke.eot?d7yf1v');
	src:url('fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
		url('fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
		url('fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
		url('fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
	font-weight: normal;
	font-style: normal;
}

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


body { font-family:"Roboto", arial; font-size:14px; color:#312783; margin:0; padding-bottom:0; background:#fff; transition:0.2s all ease-out; }

.tiny-body { padding-top:149px; }
a { color:#a3195b; }
a:hover { color:#be266f; }
.bg-whitegrey { background:#f5f5f5; }



.h1, h1 { font-size:2.7rem; font-family:'FaktPro-Bold', arial; position:relative; padding-bottom:20px; margin-bottom:20px; text-align:center; color:#a3195b; text-transform:uppercase; }
.h2, h2 { font-size:2.2rem; font-family:'FaktPro-Bold', arial; position:relative; padding-bottom:10px; color:#a3195b; text-transform:uppercase; }

h3, .h3 {
    font-size: 1.65rem; font-family:'FaktPro-Bold', arial;
}

h3, h4, h5, h6, h7 { font-family:'FaktPro-Bold', arial; text-transform:uppercase; }


.btn { border-radius:0; border:none; background:#a3195b; color:#fff; text-transform:uppercase; }
.btn:hover { color:#a28228; border:none; background:#811549; color:#fff; }
.btn-primary { background:#fff; }
.btn-primary:hover { background:#c3a140; color:#fff; }
.btn-grey { background:#fff; color:#2a2a2a; border:1px solid #2a2a2a; }
.btn-bleu { background: #312783; border:none; color:#fff; transition:0.2s all ease-out; }
.btn-bleu:hover { border:none; color:#fff; background:#231c58; }
.btn-degrade { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a3195b+0,312783+100 */
background: rgb(163,25,91); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(163,25,91,1) 0%, rgba(49,39,131,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(163,25,91,1) 0%,rgba(49,39,131,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(163,25,91,1) 0%,rgba(49,39,131,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3195b', endColorstr='#312783',GradientType=1 ); /* IE6-9 */ border:none; color:#fff; }
.big-btn { font-size:20px; }
.btn-fillwhite { background: transparent; border:2px solid #fff; color:#fff; transition:0.2s all ease-out; }
.btn-fillwhite:hover { border:2px solid #fff; }

.bg-bleu-marine { background-color:#231c58; }
.bg-bleu { background-color:#312783; }
.bg-rose { background-color:#a3195b; }
.bg-gris { background-color:#adadad; }

.txt-rose { color:#a3195b; }


.faktNormal { font-family:"FaktPro-Normal", arial; }
.roboto { font-family:"Roboto", arial; }

.size-12 { font-size:12px; }
.size-14 { font-size:14px; }
.size-16 { font-size:16px; }
.size-18 { font-size:18px; }
.size-20 { font-size:20px; }
.size-24 { font-size:24px; }
.size-30 { font-size:30px; }

.fill-bleu { padding:10px 10px 5px; border:2px solid #312783; margin-bottom:1rem; }
.fill-blanc { padding:10px; border:2px solid #fff; margin-bottom:1rem; }
.fill-rose { padding:10px; border:2px solid #a3195b; margin-bottom:1rem; }


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: bold;
  font-style: normal;
  font-size: 100px;
  line-height: 1;
	color:#fff;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
