body {   /* Tout le contenu */
	background: white;
	font-family: sans-serif;
	font-size: 11pt;
	font-weight: 300;
	color: grey;
}
h1 {   /* Titres des sections */
	font-size: x-large;
	text-align: left;
	margin-top: 130px;
	padding-top: 20px;
	border-top: 1px solid #E3E3E3;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E3E3E3;
}
h2 {   /* Sous-titres des sections */
	font-size: large;
	font-weight: bold;
	color: grey;
}
p {   /* Paragraphe */
	font-size: small !important;
}
mark {   /* Texte important */
	text-transform: uppercase;
	letter-spacing: 0.20em;
	background-color: transparent;
	color: black;
}
img {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.container-fluid { /* Sections */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 80px;
	padding-right: 80px;
	margin-bottom: -100px;
}
.container-fluid a {
	color: #1F5996;
	font-family: sans-serif;
	font-size: 11pt;
}
.container-fluid a:hover {
	color: #1F5996;
	text-decoration: none;
}

.bg1 {   /* Fond blanc */
    background-color: white;
	color: grey;
}

.bg2 {   /* Fond vert */
    background-color: #1F5996;
	color: white;
	height: 4em;
}

.bg3 {   /* Fond blanc */
    background-color: lightgrey;
	color: white;
	height: 6em;
}
.fa {   /* icones Font Awesome */
    color: #1F5996;
    text-decoration: none;
} 
.fa:hover {
    color: #1F5996;
    text-decoration: none;
} 

.navbar {   /* menu */
    background-color: white;
    opacity:1;
    border: 0;
    border-radius: 0;
    font-size: 12px;
    font-family: sans-serif;
    letter-spacing: 2px;
}
.navbar.navbar-default {   /* couleur du menu */
	background-color: white;
    border: 0;
}
.navbar.navbar-default .navbar-collapse {   /* menu qui descend */
	border: 0;
	background-color: white;
}
.navbar-brand {   /* code-barre */
	padding-top: 5px;
	padding-left: 40px;
    z-index: 9999; /* pour qu'il soit au premier plan */
    position:relative;
}

.navbar ul {
	background-color: white;
	padding-right: 40px;
	margin-bottom: 0px;
}
.navbar li a {
	background-color: lightgrey !important;
    color: black !important;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
	background-color: #1F5996 !important;
    color: white !important;
}

.bandeau {   /* bandeau noir */
	height: 2em;
	background-color: #1F5996;
}

.jumbotron {   /* Boîte de couleur */
	margin-top: 150px;
	background-color: lightgrey;
	color: grey;
}

footer {   /* Pied de page */
    padding-top: 40px !important;
	padding-bottom: 80px !important;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.20em;
	font-size: 0.70em;
	margin-top: 100px;
	opacity:0.9;
}