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

	BASIC
	
-------------------------------------------------------------------------------------*/

@-ms-viewport {
width: device-width;
}
body {
-ms-overflow-style: scrollbar;
}

@media screen and (max-width: 480px) {

	html, body {
	min-width: 300px;
	}

}

body {
background: #fff;
}
body.is-loading *, body.is-loading *:before, body.is-loading *:after {
-moz-animation: none !important;
-webkit-animation: none !important;
-ms-animation: none !important;
animation: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}

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

	TYPE
	
-------------------------------------------------------------------------------------*/

body {
background-color: #F3F3F5;
color: #212121;
margin:0;
padding:0;
}

body, input, select, textarea {
font-family: "Roboto", Helvetica, sans-serif;
font-size: 14pt;
font-weight: 400;
line-height: 2em;
}

@media screen and (max-width: 1680px) {

body, input, select, textarea {
font-size: 13pt;
}

}

@media screen and (max-width: 1280px) {

body, input, select, textarea {
font-size: 12pt;
}

}

@media screen and (max-width: 980px) {

body, input, select, textarea {
font-size: 11pt;
}

}

@media screen and (max-width: 736px) {

body, input, select, textarea {
font-size: 12pt;
}

}

@media screen and (max-width: 480px) {

body, input, select, textarea {
font-size: 12pt;
}

}

a {
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

strong, b {
font-weight: 700;
}

em, i {
font-style: italic;
}

u {
text-decoration:none;
border-bottom:1px solid rgba(145,147,150,.7);
}
u.double {
border-bottom-width:3px;
border-bottom-style:double;
}
u.dotted {
border-bottom-style:dotted;
}
u.dashed {
border-bottom-style:dashed;
}
u.groove{
border-bottom-width:2px;
border-bottom-style:groove;
}
u.inset{
border-bottom-width:2px;
border-bottom-style:inset;
}
u.outset{
border-bottom-width:2px;
border-bottom-style:outset;
}
u.ridge{
border-bottom-width:2px;
border-bottom-style:ridge;
}
u.barre {
text-decoration:line-through;
border-bottom:none;
}
u.cadre,
*.cadre {
border:1px solid rgba(145,147,150,.7);
}
del {
opacity:.6;
}

mark,
u.cadre {
padding-left:5px;
padding-right:5px;
}
mark.important {
background-color:#e9615e;
color:#fff;
font-weight:500;
}

p {
margin: 0 0 2em 0;
}
@media screen and (max-width: 736px) {
	p{
	margin-bottom:1em;
	}
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
line-height: 1em;
margin: 0 0 1em 0;
text-transform: uppercase;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
}

h2 {
font-size: 1.7em;
line-height: 1.5em;
}

h3 {
font-size: 1.5em;
line-height: 1.5em;
}

h4 {
font-size: 1.3em;
line-height: 1.5em;
}

h5 {
font-size: 1.1em;
line-height: 1.5em;
}

h6 {
font-size: 0.9em;
line-height: 1.5em;
}

h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
font-weight: 900;
}

h2.major {
font-size: 2.5em;
line-height: 1.5em;
}

h3.major {
font-size: 2.2em;
line-height: 1.5em;
}

h4.major {
font-size: 1.9em;
line-height: 1.5em;
}

h5.major {
font-size: 1.6em;
line-height: 1.5em;
}

h6.major {
font-size: 1.2em;
line-height: 1.4em;
}

h1.special, h2.special, h3.special, h4.special, h5.special, h6.special {
padding:1em 1.125em;
}

sub {
font-size: 0.8em;
position: relative;
top: 0.5em;
}

sup {
font-size: 0.8em;
position: relative;
top: -0.5em;
}


blockquote.quote {
border-left-style: solid;
border-left-width: 7px;
font-style: normal;
margin: 0 0 2em 0;
padding: 0.2em 0 0.2em 2em;
}
blockquote.minor {
font-size:.9em;
line-height:1.25em;
font-style:normal;
padding:0 0 0 2em;
margin-bottom:2em;
}
blockquote.minor.pad {
padding:1em 2em !important;
}
blockquote.minor.pad p,
blockquote.minor.pad ul {
margin:1em 0;
}
blockquote.right {
border-left:none;
padding-left:0;
}
blockquote.right,
blockquote.double {
border-right-style:solid;
border-right-width:7px;
padding-right:2em;
}
blockquote.quote {
border-left-color: rgba(152,152,152, 0.5);
}
blockquote.blue {
background-color:rgba(244,247,249,1);
border-left-color:rgba(39,95,148,1);
color:rgba(39,95,148,1);
}
blockquote.lightblue {
background-color:rgba(250,251,253,1);
border-left-color:rgba(165,194,223,1);
color:rgba(165,194,223,1);
}
blockquote.orange {
background-color:#f6a73e;
border-left-color:rgba(24,17,7,1);
color:#fefefe;
}
blockquote.pale {
background-color:rgba(239,206,197,1);
border-left-color:rgba(173,136,124,1);
color:#212121;
}
blockquote.grey {
background-color:#d8d8d8;
border-left-color:#6a6a6a;
color:#212121;
}
blockquote.green {
background-color:#70A300;
border-left-color:#3e4b2f;
color:#fefefe;
}
blockquote.green.fcgreen {
color:#29321f;
}
blockquote.red {
background-color:#F74643;
border-left-color:#aeb7c2;
color:#fefefe;
}
blockquote.right,
blockquote.double {
border-right-color: rgba(152,152,152, 0.5);
}
blockquote.style {
position: relative;
padding-left: 1.2em;
padding-right:0;
margin:2.5em auto;
line-height:1em;
font-family:'Alex Brush';
font-style:normal;
font-size:2em;
font-weight:500;
color:#414141;
}

blockquote.it {
font-style:italic;
}
blockquote.style::before {
content: "\201C";
position: absolute;
left: -.075em;
top: -16px;
font-family: georgia, serif;
font-size: 1.95em;
font-weight:bold;
line-height: 0.9;
color: rgba(0, 0, 0, 0.4);
}

blockquote.style.bluequote::before {
color:#325E93;
}
blockquote.style.bluequote.orange::before {
color:#EC5D36;
}
blockquote.style.bluequote.black::before {
color:#1f2021;
}
blockquote.style.bluequote.light::before {
color:#c0c1c3;
}
blockquote cite {
color: #919396;
font-size: .45em;
font-family:'Roboto', arial, serif;
font-weight:400;
font-style:normal;
display: block;
margin-top: 3px;
}

blockquote cite:before {
content: "\2014 \2009 \2009";
}
blockquote > footer,
.authorname {
margin-top: .3em;
font-size: 0.8em;
font-style:normal;
color: rgba(0, 0, 0, 0.4); }

blockquote > footer::before,
.authorname.l-line::before {
content: "\2014 \0020"; }
.authorname.r-line::after {
content: "\0020 \2014"; }

@media screen and (max-width : 980px) {
blockquote.quote {
border-left-width: 4px;
margin: 0 0 1.75em 0;
padding: 0.1em 0 0.1em 1em;
}
blockquote.minor {
padding:0 0 0 1em;
margin-bottom:1.75em;
}
blockquote.minor.pad {
padding:.5em 1.5em !important;
}
blockquote.minor.pad p,
blockquote.minor.pad ul {
margin:.5em 0;
}
}

q {
font-style: normal; }

q,
.q {
quotes: "“\00a0" "\00a0”"; }

q:lang(fr),
.q:lang(fr) {
quotes: "«\00a0" "\00a0»"; }

code {
border-radius: 4px;
border-style: solid;
border-width: 1px;
font-family: "Courier New", monospace;
font-size: 0.9em;
margin: 0 0.25em;
padding: 0.25em 0.65em;
}

pre {
-webkit-overflow-scrolling: touch;
font-family: "Courier New", monospace;
font-size: 0.9em;
margin: 0 0 2em 0;
}

pre code {
display: block;
line-height: 1.75em;
padding: 1em 1.5em;
overflow-x: auto;
}

hr {
border: 0;
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 2em 0;
}
hr.nomarge {
margin:0;
}

hr.null {
border-bottom-color:rgba(255,255,255,0);
}
hr.major {
margin: 3em 0;
}

hr.major.large {
border-bottom-width: 7px;
}
hr.mini {
width:40%;
margin:auto;
}
.align-left {
text-align: left;
}

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

.align-right {
text-align: right;
}

input, select, textarea {
color: #0c4c8a;
}

a {
color: #5481ad;
text-decoration:none;
}
a:active,
a:hover {
color:#FC4949;
}
.container a {
border-bottom:1px solid #ccc;
}
.container a:active,
.container a:hover {
border-bottom-color:#FC4949;
}

b.major {
color: #212121;
}
strong {
color:#cf4040;
}

h1, h2, h3, h4, h5, h6 {
color: #212121;
}


code {
background: rgba(152,152,152, 0.075);
border-color: rgba(152,152,152, 0.25);
}

hr {
border-bottom-color: rgba(152,152,152, 0.25);
}