/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

/*	margin et padding :H D B G; */

html {
	font-family: 'Source Sans Pro', sans-serif;
	color: #818181;
	background:#fff;
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%;
/*	background: url('../img/grille.png') repeat-y 0px 0px;*/
}


body {
	font-family: 'Source Sans Pro', sans-serif;
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

#footer {
	border:none;
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background-color: transparent;
	color:#000;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: underline;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:hover,
a:focus {
    text-decoration: none;
	color:#000;
  outline: 0;
}

.link_bk {
	color:#818181;
}
.link_bk:hover,
.link_bk:focus {
	color:#818181;
}


/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1, h2, h3, h4, h5 {
	font-family: 'Source Sans Pro', sans-serif;
}

h1 {
  /*font-size: 2em;
  margin: 0.67em 0;*/
	font-size: 30px;
	font-weight:300;
	color:#818181;
}
h2 {
  font-size: 14px;
  font-weight:300;
  text-align:right;
}
h3 {
  font-size: 12px;
  font-weight:300;
  text-align:right;
}
h4 {
  font-size: 12px;
}
h5 {
  font-size: 11px;
  display:none;
}
.texte_std {
  font-size: 12px;
  color:#818181;
}
.white {
	color:#FFF;
}
.txt_14 {
	font-size:12px;
}


@media(min-width:767px) {
	h1, h2, h3, h4, h5 {
		font-family: 'Source Sans Pro', sans-serif;
	}
	h1 {
	  font-size: 36px;
	  font-weight:300;
	  color:#818181;
	}
	h2 {
	  font-size: 15px;
	  font-weight:300;
	  text-align:right;
	}
	h3 {
	  font-size: 13px;
	  font-weight:300;
	  text-align:right;
	}
	h4 {
	  font-size: 16px;
	}
	h5 {
	  font-size: 14px;
	}
	.texte_std {
		font-size: 13px;
		color:#818181;
	}
	.txt_14 {
		font-size:14px;
	}
	
}
@media(min-width:992px) {
	h1, h2, h3, h4, h5 {
		font-family: 'Source Sans Pro', sans-serif;
	}
	h1 {
	  font-size: 36px;
	  font-weight:300;
	  color:#818181;
	}
	h2 {
	  font-size: 20px;
	  font-weight:300;
	  text-align:right;
	}
	h3 {
	  font-size: 14px;
	  font-weight:300;
	  text-align:right;
	}
	h4 {
	  font-size: 18px;
	}
	h5 {
	  font-size: 16px;
	}
	.texte_std {
		font-size: 14px;
		color:#818181;
	}
	.txt_14 {
		font-size:14px;
	}
}

.bk_vignette {
	height:500px;
	float:left;
}
.vignette { 
	height:371px;
	display:block;
}

.legende {
	display:none;
	height:130px;
	text-align:center;
/*background-color:#f00';*/
}

 
 
.rail_leg {
/*	display:none;*/
	position:absolute;
	left:0;
	top:150px;
	width:auto;
	max-height:40px;
	overflow:hidden;
	z-index:2000;
	
	line-height:10px;
}
.rail_leg .leg {
	color:#000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	text-align:left;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**********************/




/*-NAV-*/
/**********************/

/* BOUTON MENU PETIT ECRAN*/
.fa {
  color:#fff;
}

.navbar {
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
font-size:13px;
/*	background:#2a2927 url('../images/logo-small.png') no-repeat 5% 0px;*/
	padding: 77px 0;
	border-bottom: 0;
}

.navbar-brand {
    font-weight: 700;
	opacity:1;
}

.navbar-brand:focus {
    outline: 0;
}

.navbar-custom a {
    color: #242427;
}
.navbar-custom .nav  {
}

.navbar-custom .nav li a {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	font-family: 'Roboto Slab', serif;
	color: #fff;
	text-decoration: none;

	height: 30px;
	padding:0px;
	padding:5px 10px 0px 10px;
	margin-left:5px;
	margin-right:5px;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
	color: #f6f6f6;
	background-color: rgba(0, 0, 0, .3);
}
/*
.navbar-custom .nav > li a:active {
    outline: 0;
    background-color: #f00; 
}*/

.navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}


@media(min-width:768px) {
    .navbar {
		font-family: 'Source Sans Pro', sans-serif;
		padding: 77px 0;
		border-bottom: 0;
		-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
		transition: background .5s ease-in-out,padding .5s ease-in-out;
		width: 100%;
    }
	.navbar-custom a {
		color: #333;
	}
    .top-nav-collapse {
        background-color: #c2d3d4;
		background-color:transparent;
		box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 3px 2px rgba(0, 0, 0, 0);
    }

    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255,255,255,.3);
		border-bottom: 1px solid rgba(255,255,255,0);
		background-color:transparent;
    }
/*	margin et padding :H D B G; */

	.navbar-custom .nav  {
/*		margin-top:-35px;*/
		height: 30px;
	}
	
	.navbar-custom .nav li a {
		-webkit-transition: background .3s ease-in-out;
		-moz-transition: background .3s ease-in-out;
		transition: background .3s ease-in-out;
		font-family: 'Source Sans Pro', sans-serif;
		color: #fff;
font-size:13px;
		text-decoration: none;
		height: 30px;
		padding:0px;
		padding:5px 5px 0px 5px;
		margin-left:10px;
		margin-right:10px;
	}
	
	.navbar-custom .nav li a:hover,
	.navbar-custom .nav li a:focus,
	.navbar-custom .nav li.active {
		outline: 0;
		color: #f6f6f6;
		background-color: rgba(0, 0, 0, .3);
	}
	/*ENLEVE LE BUG DU BOUTON BLANC DU PERE QUAND ON PASSE SUR LES SOUS MENUS*/
	.navbar-custom .nav li.dropdown.open a.dropdown-toggle.js-activated {
		color: #f6f6f6;
		background-color: rgba(0, 0, 0, .3);
/*		clear:inherit;*/
		
	}
	/*SOUS MENU*/
	.navbar-custom .nav .dropdown-menu {
/*		padding: 10px;
		min-width: 220px;*/
		margin-top:0px;
		background-color: rgba(0, 0, 0, .3);
		top:30px;
/*		border: 0;
		border-radius: 0;
		box-shadow: none;
		-webkit-box-shadow: none;
		background-clip: inherit;*/
	}
	.navbar-custom .nav .dropdown-menu > li {
/*		border-left: 3px solid transparent;
		margin-left: -20px;
		padding-left: 17px;*/
/*		margin:10px;*/
		-webit-transition: border-color 400ms;
		transition: border-color 400ms;
		height:30px;
		text-transform:none;
	}
	.navbar-custom .nav .dropdown-menu > li > a {
/*		border-top: 1px solid #404455;*/
		height:30px;
		background-color: rgba(0, 0, 0, .3);
		padding:0px;
		margin:0px;
		padding:5px 15px 0px 15px;
		/*color: #eeeeee;*/
	}
	.navbar-custom .nav .dropdown-menu > li > a:hover {
		background-color: #FFF;
		color:#000;
	}
	.navbar-custom .nav .dropdown-menu > li:first-child > a {
/*		border-top: 0;*/
		height:30px;
	}
	.navbar-custom .nav .dropdown-menu > li.active, .navbar-custom .nav .dropdown-menu > li.open, .navbar-custom .nav .dropdown-menu > li:hover {
		/*border-left-color: #45aed6;*/
/*		background-color: rgba(0, 0, 0, .5);*/
		background-color: #FFF;
		color:#000;
	}
	.navbar-custom .nav .dropdown-menu > li.active > a, .navbar-custom .nav .dropdown-menu > li.open > a, .navbar-custom .nav .dropdown-menu > li:hover > a {
/*		color: #45aed6;
		color:#fff;
		background-color: transparent;*/
	}


}
/*MENU < 990px*/
@media(max-width:990px) {
	.navbar-custom .nav li a {
		-webkit-transition: background .3s ease-in-out;
		-moz-transition: background .3s ease-in-out;
		transition: background .3s ease-in-out;
		font-family: 'Source Sans Pro', sans-serif;
		color: #fff;
font-size:11px;
		text-decoration: none;
		height: 30px;
		padding:5px 5px 0px 5px;
		margin:0px;
		
	}
	.navbar-custom .nav .dropdown-menu > li > a {
/*		border-top: 1px solid #404455;*/
		height:30px;
		background-color: rgba(0, 0, 0, .3);
		padding:5px 5px 0px 5px;
		margin:0px;
	}
	.navbar-custom .nav .dropdown-menu > li > a:hover {
		background-color: #FFF;
		color:#000;
	}
	
}



/*-FIN NAV-*/
/***/

/*SECTION HEADER */
.header {
	height:77px;
	width:100%;
	background: url('../img/fd_home.jpg') left top/cover no-repeat;
	position:fixed;
	z-index:999;
}
/*
.header {
	height:107px;
	background: url('../img/bg_home.png') left top/cover no-repeat;
}
*/

/*MASQUE LES ELEMENTS SUR PETIT ECRAN*/
@media(max-width: 768px) { 
	.masquer {
		display:none;
	}
}

.boxes {
	background:rgba(0,0,0,0.4); 
	width:600px;
	padding:20px;
	position:absolute;
	z-index:400;
	display:none;
	font-size:14px; 
	color:#fff;
}

@media(max-width: 992px) { 
	.boxes {
		background:rgba(0,0,0,0.4); 
		width:550px;
		font-size:12px; 
		padding:20px;
		position:absolute;
		z-index:400;
		display:none;
		color:#fff;
	}
}
/*BLOC ENTETE DE CHAPITRE*/
/*
.bande_titre {
	width:100%;
	height:180px;
	background-color:#FFF;
	margin-top:43px;
	padding-top:55px;
}

.bande_titre span {
	padding: 0 20px;
	background-color: #e2e2e2;
}
*/
.logo {
		background-image:none;
}
@media(min-width:767px) {
	.logo {
		left:0px;
		width:388px;
		height:77px;
		background:url('../img/logo_blanc.png') no-repeat 0px 0px;
		margin-top:-77px;
	}
}
/*FL_G*/
.fl_g{ 					background:url('../img/fl_g.png') left top no-repeat;background-size:48px 77px;width:48px;height:77px;display:inline-block;opacity:0.35;}
.fl_g:hover{			background:url('../img/fl_g.png') left top no-repeat;background-size:48px 77px;width:48px;height:77px;display:inline-block;opacity:1;}
/*FL_D*/
.fl_d{ 					background:url('../img/fl_d.png') left top no-repeat;background-size:48px 77px;width:48px;height:77px;display:inline-block;opacity:0.35;}
.fl_d:hover{			background:url('../img/fl_d.png') left top no-repeat;background-size:48px 77px;width:48px;height:77px;display:inline-block;opacity:1;}

a.roll_50{ 				opacity:1;}
a.roll_50:hover{		opacity:0.5;}


#footer {
	color: #818181;
	background-color: #fff;
	background:url('../img/fresque.png') repeat-x 0px 0px;
	height:220px;
}
/*FORMULAIRE*/
.titre_form {
	background-color:#7c7c7d;
	color:#FFF;
	font-size:25px;
	font-weight:300;
/*	margin:3px 10px 3px 10px;*/
	padding:3px 10px 3px 10px;
	margin-bottom:10px;
	width:250px;
}

label {
  font-weight:400;
  font-size:14px;
}