html {
  height: 100%;
}

body {
  background-color: #efefef;
	font-family: 'Open Sans';
	position: relative;
  padding-bottom: 120px; /* pour le footer */
  min-height: 100%;
}

/* Surcharge des règles de bootsrap pour les annuler */
@media (min-width: 992px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 750px;
  }
}

header {
   background-color: white;
}

header div.cf-header {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

header div.cf-flag {
    position: absolute;
    right: 10px;
    bottom: 28px;
}

header div.cf-flag img {
  height: 24px;
}

nav.navbar {
	background-color: #021E4B;
	border-radius: 0px;
  min-height: 0px;
}

.navbar-toggle .icon-bar { /* set the color of the toggle button bars */
  background-color: #81B0EA;
}

div.cf-navbar a {
  text-transform: uppercase;
  font-size: 1em;
  line-height: 1;
  padding: 1em;
  padding-bottom: 1.25em;
  color: #ddd;
}

div.cf-navbar a span {
  padding: 0em 1em;
}

div.cf-navbar li a:hover {
  background-color: transparent;
}

div.cf-navbar li.active a span,
div.cf-navbar li a:hover span {
  color: #fff;
}

div.cf-navbar li.active a span {
  padding-bottom: 0.25em;
  border-bottom: 1px solid #ccc;
}

footer {
  position: absolute;
  width: 100%;
  bottom: 0px;
  font-size: 80%;
  line-height: 1;
}

div.cf-footer {
  background-color: #d7d7d7;
  border-top: 1px solid #888888;
  padding-top: 1.5em;
  padding-bottom: 0.75em;
  color: #666;
  text-shadow: 0px 1px #fff;
}

div.cf-subfooter {
  padding-top: 0.25em;
  padding-bottom: 0.5em;
  background-color: #888;
  color: #666;
}

div.cf-subfooter a {
  color: #666;
}

/* ----------- Page 404 */

div.error404 {
  text-align: center;
  padding: 0.5em 0em;
  margin-bottom: 20px; /* comme le h1 */
  font-size: 10em;
  color: #ddd;
  text-shadow: 1px 1px #fff;
  font-weight: bold;
  letter-spacing: 0.1em;
}

/* ----------- Corps de la page */

div.cf-body {
}

h1 {
	text-transform: uppercase;
	color: #06327d;
	margin-bottom: 0.5em;
  font-weight: 300;
  letter-spacing: 1px;
  margin-left: -2px; /* Parce que ça commence par un P */
}

h2 {
  display: inline-block;
  font-size: 1.25em;
  font-weight: bold;
	color: #06327d;
  border-bottom: 1px dotted #06327d;
  padding-bottom: 0.3em;
}

/*
div.row div h2 {
  font-weight: normal;
}
*/

h3 {
  font-size: 1em;
  font-weight: bold;
}


.cf-chapeau {
	font-weight: bold;
}

img.cf-photo {
  border: 2px solid #021E4B;
}

img.cf-fullwidth {
  max-width: 100%;
  margin-bottom: 1em;
}

img.cf-right {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.75em;
  max-width: 100%;
}

div.cf-body li {
  padding-top: 0.25em;
}

div.cf-body li:first-child {
  padding-top: 0em;
}

input.color-field { /* a fake field used as an anti-captcha */
  position: absolute;
  width: 10px;
  left: -9999px;
}

table.cf-table td {
  white-space: nowrap;
}

table.cf-table td:first-child {
  padding-right: 0.5em;
}

.cf-mail {
  font-family: monospace;
  letter-spacing: -0.5px;
}