@font-face {
    font-family: avenirmed;
    src: local('Avenir Next Condensed'), url('../fonts/avenirnext/AvenirNextCondensed-Medium.ttf') format('opentype');
}

@font-face {
    font-family: avenirbold;
    src: local('Avenir Next Condensed Demi Bold'), url('../fonts/avenirnext/AvenirNextCondensed-DemiBold.ttf') format('opentype');
}

@font-face {
    font-family: raleway;
    src: local('Raleway Regular'), url('../fonts/raleway/Raleway-Regular.ttf') format('opentype');
}

@font-face {
    font-family: ralewaybold;
    src: local('Raleway Semi Bold'), url('../fonts/raleway/Raleway-SemiBold.ttf') format('opentype');
}



body {
	font-family:raleway;
}

#navbar {
	background: #222222;	
	font-family: ralewaybold;
	height:70px;
}

#navbar a {
    color: white;
}

#navbar a:hover {
    color: #16ade4;
}

footer {
	position:absolute;
	width:100%;
	background: #222222;	
	font-family: ralewaybold;
}

footer a {
	display:block;
	text-decoration: none;
    color: white;
}

 footer a:hover {
	display:block;
	text-decoration: none;
	color:#16ade4;
}

footer h5 {
	color:white;
	font-family: raleway;
	font-weight: 500;
	line-height: 1.1;
	font-size:14px;
}

footer .row {
    margin-right: 0px;
    margin-left: 0px;
}

.contact-info {
	color:#7e7e7e;
}

.partage a {
	display:inline-block;
}

.partage a:hover {
	display:inline-block;
}

.partage a img {
	width: 2em;
	padding-top:5px;
}

.nav-link, .belownav {
	padding-top: 50px;
}

.logo {
	font-family:avenirmed;
	color: white;
	font-size:2em;
}

.logo-on {
	font-weight: bold;
	color: #16ade4;
}

.logo-print {
	font-weight: bold;
	color:white;
}

nav li .btn {
	margin:15px 8px;
}

nav li a, .navbar-brand {
	margin: 10px 0px;
}

.btn {
	font-family: ralewaybold;
}

h1, h2, h3, h4, h5 {
	font-family:avenirmed;
}

.container {
	padding-top: 50px;
	padding-left:50px;
	padding-right:50px;
}

.fullpage {
	padding-bottom:345px;
}

.col-md-4 .card {
	display: block;
	cursor:pointer;
	text-decoration:none;
	background: #16ade4;
	padding:20px;
	margin:0px 10px;
	height: 240px;
	color: white;
}

.card-gray {
	color: #0F789E !important;
	background: transparent !important;
}

.col-md-4 .nolink {
	cursor:auto;
}

.col-md-4 .nolink a {
	text-decoration:none;
	font-weight:bold;
	color: #E6F3F7;
}
.col-md-4 .nolink a:hover {
	color: #9EE8FF;
}

th, td {
    border-bottom: 1px solid #ddd;
	padding: 3px;
}

.toc {
	padding-top: 100px;
}

.toccontent h1,
.toccontent h2 {
	padding-top: 70px;
}

.warning {
	font-weight: bold;
}

.android {
    background-image: url('../static/images/android.png');
    background-repeat: no-repeat;
    background-position: right;
	background-position-x: 120px;
	background-color:#E6F3F7;
}

.ios {
    background-image: url('../static/images/appstore.png');
    background-repeat: no-repeat;
    background-position: right;
	background-position-x: 200px;
	background-color:#E6F3F7;
}

.aired {
	padding-top:50px;
}