/*****   FONT   *****/
@font-face {
font-family:'RalewayRegular';
src:url('/RessourcesCentrales/fonts/Raleway/Regular/raleway-regular-webfont.eot');
src:url('/RessourcesCentrales/fonts/Raleway/Regular/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Raleway/Regular/raleway-regular-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Raleway/Regular/raleway-regular-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Raleway/Regular/raleway-regular-webfont.svg#RalewayRegular') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'RalewayBold';
src:url('/RessourcesCentrales/fonts/Raleway/Bold/raleway-bold-webfont.eot');
src:url('/RessourcesCentrales/fonts/Raleway/Bold/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Raleway/Bold/raleway-bold-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Raleway/Bold/raleway-bold-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Raleway/Bold/raleway-bold-webfont.svg#RalewayBold') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'RalewayBlack';
src:url('/RessourcesCentrales/fonts/Raleway/Black/raleway-black-webfont.eot');
src:url('/RessourcesCentrales/fonts/Raleway/Black/raleway-black-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Raleway/Black/raleway-black-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Raleway/Black/raleway-black-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Raleway/Black/raleway-black-webfont.svg#RalewayBlack') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'RalewayLight';
src:url('/RessourcesCentrales/fonts/Raleway/Light/raleway-light-webfont.eot');
src:url('/RessourcesCentrales/fonts/Raleway/Light/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Raleway/Light/raleway-light-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Raleway/Light/raleway-light-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Raleway/Light/raleway-light-webfont.svg#RalewayLight') format('svg');
font-weight:normal;
font-style:normal;
}

html{
font-size:16px;
}

body {
margin:0;
padding:0;
background-color:#FFFFFF;
font-family:RalewayBold, Verdana, Geneva, sans-serif;
color:#231f20;
}

h1, h2, h3, h4, h5, h6 {
font-family:RalewayBlack, Verdana, Geneva, sans-serif;
text-transform:uppercase;
line-height:1;
margin-top:1rem;
color:#005696;
}

h1 {
font-size:4.5rem;
}

h2 {
font-size:2.5rem;
}

h3 {
font-size:2rem;
}

h4 {
font-size:1.75rem;
}

h5 {
font-size:1.5rem;
}

h6 {
font-size:1.25rem;
}

a {
color:#005696;
text-decoration:none;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a:hover, a:focus, a:active {
color:#0071C8;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a.noLink {
text-decoration:none !important;
}

.bouton {
font-family:RalewayBold, Verdana, Geneva, sans-serif;
background-color:#005696;
border:3px solid #005696;
color:#FFFFFF;
font-size:1.25rem;
text-transform:uppercase;
padding:0.75rem 2.625rem;
display:inline-block;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}

.bouton:hover, .bouton:focus, .bouton:active  {
background-color:#0071C8;
border:3px solid #005696;
color:#FFFFFF;	
}

.bouton2 {
font-family:RalewayBold, Verdana, Geneva, sans-serif;
background-color:#FFFFFF;
border:3px solid #231f20;
color:#231f20;
font-size:1.25rem;
text-transform:uppercase;
padding:0.75rem 1.625rem;
display:inline-block;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}

.bouton2:hover, .bouton2:focus, .bouton2:active  {
background-color:#FFFFFF;
border:3px solid #005696;
color:#005696;	
}

.bouton3 {
font-family:RalewayBold, Verdana, Geneva, sans-serif;
background-color:#FFFFFF;
border:3px solid #005696;
color:#005696;
font-size:1.25rem;
text-transform:uppercase;
padding:0.75rem 1.625rem;
margin-bottom:2rem;
display:inline-block;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}

.bouton3:hover, .bouton3:focus, .bouton3:active  {
background-color:#FFFFFF;
border:3px solid #231f20;
color:#231f20;	
}

ul {
margin:0;
padding:0;
list-style:none;
}

p {
line-height:1.4;
}

div.clear {
clear:both;
height:0;
font-size:0;
line-height:0;
margin:0;
padding:0;
border:0;
}

.gauche {
text-align:left;
}

.droite {
text-align:right;
}

.centrer {
text-align:center;
}

label {
font-weight:bold;	
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float:left;
}

.relative {
position:relative;
}

.flottant {
position:relative;
float:left;
}

.espacementTop {
margin-top:2rem;
}

.espacementBottom {
margin-bottom:1rem;
}

.miniEspacementTop {
margin-top:1rem;
}

.ra-pagination ul {
list-style-type:none;
margin:0.75rem 0;
padding:0;
}

.ra-pagination ul li {
position:relative;
float:left;
padding:0 0.25rem;
}

li.iconefichier img {
vertical-align:bottom;
padding-right:0.5rem;
}

iframe {
max-width:100%;
}

/******************************************************/
/*******************     Header     *******************/
/******************************************************/
div#header {
padding:1.25rem 0;
}

div#header div.row {
width:85%;
max-width:85%;
}

div#header a {
text-decoration:underline;
}

div#header a img {
opacity:1;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div#header a:hover img, div#header a:focus img, div#header a:active img {
opacity:0.8;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div#header img {
width:212px;
}

div#header div.large-10 {
text-align:right;
}

div#header div.infoFiche {
position:relative;
float:right;
text-align:left;
margin:1.5rem 0 0 2.375rem;
}

div#header div.infoFiche:not(:first-child) {
padding-top:0.5rem;
}

div#header div.infoFiche i {
position:relative;
float:left;
color:#005696;
display:block;
font-size:1.5rem;
padding:0.5rem 2rem 0 0;
}

div#header div.infoFiche p {
position:relative;
float:left;
font-size:1.125rem;
}

div#header div.infoFiche a.bouton2 {
font-size:1rem;
padding:1rem;
text-decoration:none;
}


/******************************************************/
/********************     Menu     ********************/
/******************************************************/
div#menu {
position:relative;
z-index:9999;
background-color:#005696;
}

div#menu div.row {
width:85%;
max-width:85%;
}

div#menu ul li a {
font-size:1rem;
text-transform:uppercase;
padding:1.25rem 1rem;
color:#FFFFFF;
}

div#menu ul li a:hover, div#menu ul li a:focus, div#menu ul li a:active {
background-color:#0071C8;
}

div#menu div#menuSupplementaire {
position:absolute;
top:0;
right:0;
font-size:1rem;
}

div#menu div#menuSupplementaire div {
position:relative;
float:left;
}

div#menu div#menuSupplementaire div a {
color:#FFFFFF;
padding:1.125rem 1.5rem 1.125rem 1.5rem;
display:inline-block;
}

div#menu div#menuSupplementaire div a img {
margin-right:0.625rem;
}

div#menu div#menuSupplementaire div a:hover, div#menu div#menuSupplementaire div a:focus, div#menu div#menuSupplementaire div a:active {
background-color:#0071C8;
}

div#menu div#menuSupplementaire div a.bouton {
font-size:1rem;
background-color:#FFFFFF;
color:#005696;
padding:1.125rem 1.5rem 1.125rem 1.5rem;
border-radius:inherit;
}

div#menu div#menuSupplementaire div a.bouton:hover, div#menu div#menuSupplementaire div a.bouton:focus, div#menu div#menuSupplementaire div a.bouton:active {
background-color:#0071C8;
color:#FFFFFF;
}

div#menu div#menuSupplementaireMobile {
font-size:1rem;
}

div#menu div#menuSupplementaireMobile div {
position:relative;
float:left;
width:50%;
}

div#menu div#menuSupplementaireMobile div a {
color:#FFFFFF;
display:block;
padding:1.125rem 0;
text-align:center;
}

div#menu div#menuSupplementaireMobile div a img {
margin-right:0.625rem;
}

div#menu div#menuSupplementaireMobile div a:hover, div#menu div#menuSupplementaireMobile div a:focus, div#menu div#menuSupplementaireMobile div a:active {
background-color:#0071C8;
}

div#menu div#menuSupplementaireMobile div a.bouton {
font-size:0.875rem;
background-color:#FFFFFF;
color:#005696;
padding:1.125rem 0;
border-radius:inherit;
}

div#menu div#menuSupplementaireMobile div a.bouton:hover, div#menu div#menuSupplementaireMobile div a.bouton:focus, div#menu div#menuSupplementaireMobile div a.bouton:active {
background-color:#0071C8;
color:#FFFFFF;
}

/* Menu mobile */ 
#header .row.mobile-menu {
max-width:100%;
padding:0;
margin-top:1.25rem;
}

div#header .row.mobile-menu .column {
padding:0;
}

div#mobile-menu {
text-align:left;
}

div#mobile-menu .slicknav_menu {
background-color:#005696;
}

div#mobile-menu  .slicknav_btn {    
background-color:#005696;
padding:0.375rem;
margin:0;
}

div#mobile-menu .slicknav_menu .slicknav_menutxt {
text-shadow:none;
}

div#mobile-menu ul.slicknav_nav ul {
margin-left:1rem;
}

div#mobile-menu ul.slicknav_nav ul li {
width:100%;	
}

div#mobile-menu ul.slicknav_nav a {
color:#FFFFFF;
text-transform:uppercase;
margin-left:0;
padding:0.375rem 0.75rem;
display:inline-block;	
}

div#mobile-menu .slicknav_nav a:hover, div#mobile-menu .slicknav_nav a:focus, div#mobile-menu .slicknav_nav a:active {
background-color:rgba(255,255,255,0.4);	
}


/*******************************************************/
/*******************     Bandeau     *******************/
/*******************************************************/
div#bandeau h1 {
font-family:RalewayRegular, Verdana, Geneva, sans-serif;
font-size:2.5rem;
color:#FFFFFF;
margin-left:1rem;
}

div#bandeau p {
font-family:RalewayBlack, Verdana, Geneva, sans-serif;
font-size:5.25rem;
color:#FFFFFF;
line-height:1;
letter-spacing:1px;
padding:0.5rem 1rem;
text-transform:uppercase;
background-color:#005696;
}

div#bandeau div.ms-layer {
width:43%;
left:20% !important;
top:70% !important;
}

div#bandeau a.bouton {
background-color:#FFFFFF;
color:#231f20;
border:3px solid #231f20;
margin:0.5rem 0 0 1rem;
}


/******************************************************/
/******************     Secteurs     ******************/
/******************************************************/
div#secteurs {
position:relative;
z-index:9999;
}

div#secteurs div.row {
width:100%;
max-width:100%;
}

div#secteurs div.small-12 {
height:500px;
text-align:center;
}

div#secteurs div.small-12:nth-child(1) {
background:url(../images/design/secteur-minier3.jpg) no-repeat top center;
background-size:cover;
}

div#secteurs div.small-12:nth-child(2) {
background:url(../images/design/secteur-usine3.jpg) no-repeat top center;
background-size:cover;
}

div#secteurs div.small-12:nth-child(3) {
background:url(../images/design/secteur-chantiers3.jpg) no-repeat top center;
background-size:cover;
}

div#secteurs h1 {
margin-top:0;
margin-bottom:0;
}

div#secteurs h2 {
font-family:RalewayRegular, Verdana, Geneva, sans-serif;
font-size:2.25rem;
color:#231f20;
padding:4.25rem 0 0 0;
margin-top:0;
margin-bottom:0;
}

div#secteurs a.bouton {
margin:6rem 0 0.875rem 0;
}


/******************************************************/
/*******************     Wizard     *******************/
/******************************************************/
div#main-content ul.wizard {
list-style-type:none;
margin:0;
padding:0;
}

div#main-content ul.wizard li {
background-color:#d1d2d4;
width:33.15%;
float:left;
color:#0071C8;
border:1px solid #d1d2d4;
margin:0 0.125rem 0.125rem 0;
font-weight:bold;
font-size:1.25rem;
}

div#main-content ul.wizard li:last-child {
margin:0;
}

div#main-content ul.wizard li.active {
color:#FFFFFF;
background-color:#005696;
}

div#main-content ul.wizard li div {
padding:0.75rem 1rem;
}

div#main-content ul.wizard li a, div#main-content ul.wizard li a:link, div#main-content ul.wizard li a:visited, div#main-content ul.wizard li a:focus, div#main-content ul.wizard li a:active {
color:#0071C8;
display:block;
padding:0.75rem 1rem;
}

div#main-content ul.wizard li a:hover {
color:#FFFFFF;
background-color:#0071C8;
}

#btnPiecesJointes {
margin:1rem 0 0 0;
}

div.infoPoste {
font-family:RalewayRegular, Verdana, Geneva, sans-serif;
font-size:1rem;
margin:0 0 0 1rem;
}

div#main-content div.infoPoste ul {
list-style-type:none;
margin:0;
padding:0;
}

div.infoPoste i {
color:#005696;
}

[type="checkbox"], [type="file"], [type="radio"] {
margin:0;
}

button {
padding:0.5rem 1rem;
color:#FFFFFF;
cursor:pointer;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

button:hover, button:focus, button:active {
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}



/******************************************************/
/****************     Main-content     ****************/
/******************************************************/
div#main-content {
font-family:RalewayRegular, Verdana, Geneva, sans-serif;
min-height:400px;
font-size:1.125rem;
padding:0 0 9rem 0;
}

div#main-content div.espacementTitrePrincipal {
padding:10rem 0 0 0;
}

div#main-content div.positionnementTitre {
position:absolute;
top:0;
left:-210px;
}

div#main-content h1#titrePage {
position:relative;
margin-top:0;
margin-bottom:0;
}

div#main-content h1#titrePage span {
color:#231f20;
}

div#main-content h1#titrePage:before {
content:"";
position:absolute;
left:0;
top:-130px;
background:url(../images/design/flash-titre.png) no-repeat top center;
width:469px;
height:347px;
}

div#main-content h1#titrePage + h3 {
color:#231f20;
}

div#main-content div.backgroundTitre {
background:url(../images/design/backgroundTitre.jpg) no-repeat top center;
background-size:cover;
padding:3rem 1rem;
margin:0 0 2rem 0;
}

div#main-content div.backgroundTitre div.row {
width:85%;
max-width:85%;
}

div#main-content div.backgroundTitre h1 {
color:#FFFFFF;
margin-top:0;
margin-bottom:0;
}

div#main-content div.backgroundTitre h3 {
margin-top:0;
margin-bottom:0;
text-shadow:1px 1px 1px #FFFFFF;
}

div#main-content h3,
div#main-content h4,
div#main-content h5,
div#main-content h6 {
margin-top:2rem;
margin-bottom:1rem;
}

div#main-content h2,
div#main-content h3,
div#main-content h4,
div#main-content h5,
div#main-content h6 {
margin-bottom:1rem;
}

div#main-content a img {
opacity:1;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div#main-content a:hover img, div#main-content a:focus img, div#main-content a:active img {
opacity:0.8;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div#main-content ul {
list-style-type:disc;
list-style-position:outside;
margin:0 0 0 2rem;
}

div#main-content ul.listeElement {
list-style-type:none;
margin:0;
}

div#main-content ul.listeElement i {
color:#005696;
font-size:1.5rem;
margin:0 0.75rem 0.75rem 0;
}

div.contenuPageEspacement {
padding-top:218px;
}

div#main-content .emphaseTexte {
font-family:RalewayBold, Verdana, Geneva, sans-serif;
font-size:2rem;
color:#005696;
}

div#main-content .miniEmphaseTexte {
font-size:1.25rem;
font-family:RalewayBold, Verdana, Geneva, sans-serif;
}

div#main-content div.large-4 div.backgroundColonneSecondaire {
text-align:center;
background:url(../images/design/backSecondaire.jpg) no-repeat top center;
background-size:cover;
padding:1rem 1rem 0.25rem 1rem;
color:#FFFFFF;
}

div#main-content div.large-4 div.backgroundColonneSecondaire h1, 
div#main-content div.large-4 div.backgroundColonneSecondaire h2, 
div#main-content div.large-4 div.backgroundColonneSecondaire h3, 
div#main-content div.large-4 div.backgroundColonneSecondaire h4, 
div#main-content div.large-4 div.backgroundColonneSecondaire h5, 
div#main-content div.large-4 div.backgroundColonneSecondaire h6 {
color:#FFFFFF;
}

div#main-content div.large-4 div.backgroundColonneSecondaire p {
margin-top:1rem;
margin-bottom:1.5rem;
}

div#main-content div.large-4 div.backgroundColonneSecondaire a.bouton {
background-color:#FFFFFF;
border:3px solid #FFFFFF;
color:#005696;
}

div#main-content div.large-4 div.backgroundColonneSecondaire a.bouton:hover, div#main-content div.large-4 div.backgroundColonneSecondaire a.bouton:focus, div#main-content div.large-4 div.backgroundColonneSecondaire a.bouton:active  {
background-color:#FFFFFF;
border:3px solid #231f20;
color:#231f20;	
}

div#main-content div.large-4 div.contenuPageEspacement {
background:none;
padding:0;
}

div#main-content div.large-4 div.contenuPageEspacement a.bouton {
background-color:#005696;
border:3px solid #005696;
color:#FFFFFF;
}

div#main-content div.large-4 div.contenuPageEspacement a.bouton:hover, div#main-content div.large-4 div.contenuPageEspacement a.bouton:focus, div#main-content div.large-4 div.contenuPageEspacement a.bouton:active  {
background-color:#0071C8;
border:3px solid #005696;
color:#FFFFFF;
}

div#main-content div.large-4 a.bouton {
width:100%;
font-size:1.5rem;
text-align:center;
text-transform:inherit;
}

div.listeIcones i {
color:#005696;
font-size:1.5rem;
margin-bottom:0.75rem;
}

div.reseauxSociaux::before {
content:"";
position:absolute;
left:0;
top:0;
height:4px;
width:130px;
border-top:4px solid #005696;
}

div.reseauxSociaux {
position:relative;
padding:1rem 0 0 0;
margin:2rem 0 0 0;
}

div.reseauxSociauxTexte {
position:relative;
float:left;
font-family:RalewayRegular, Verdana, Geneva, sans-serif;
padding:0 0.5rem 0 0;
}

/*-----  Pour voir les autres ratios possible : https://www.pushaune.com/blog/tutoriels/rendre-les-videos-youtube-et-vimeo-responsives/  -----*/
.video-container {
position:relative;
padding-bottom:56.25%; /* ratio 16/9 */
height:0;
overflow:hidden;
clear:both;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


/*------------     Formulaire de contact     ------------*/
/*-------------------------------------------------------*/
/* Erreurs de saisie */
.messages-box.error {
background-color:#de4343;
border-color:#c43d3d;
}

.messages-box {
background-size:2.5rem;
background-image:linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
box-shadow:inset 0 -1px 0 rgba(255,255,255,.4);
width:100%;
border:1px solid;
color:#FFFFFF;
padding:1rem;
text-shadow:0 1px 0 rgba(0,0,0,.5);
animation:animate-bg 5s linear infinite;
margin:0 0 1rem 0;
text-align:left;
}

@keyframes animate-bg {
from {
background-position:0 0;
}

to {
background-position:-5rem 0;
}
}

select.invalid, input[type=text].invalid, textarea.invalid {
border:2px solid #DE4343;
margin-bottom:0;
}

.error-message {
display:inline-block;
background-color:#DE4343;
color:#FFFFFF;
width:100%;
margin-bottom:0.875rem;
padding:0.25rem 0.5rem;
font-size:85%;
}

input#ChampFormulaireVide {
position:absolute;
z-index:-99999999;
top:10%;
left:10%;
width:10%;
margin:auto;
}

select, [type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
border:2px solid #231f20;
}

[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="datetime"]:focus, [type="email"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus {
border:2px solid #005696;
}

input::placeholder, textarea::placeholder {
color:#a2a2a2;
}

div.infoContact i {
color:#005696;
font-size:2rem;
padding:0 1rem 0 0;
}

div.infoContact p {
font-family:RalewayRegular, Verdana, Geneva, sans-serif;
}



/*------------     Pour le contenu dynamique     ------------*/
/*-----------------------------------------------------------*/
/* Pages */
.image-flottante-droite {
border:none;
padding:0 0 0.375rem 0.375rem;
background:none;
float:right;
margin:0 0 0.375rem 0.625rem;
}

.image-flottante-gauche {
border:none;
padding:0 0.375rem 0.375rem 0;
background:none;
float:left;
margin:0 0.625rem 0.375rem 0;
}

table.tableau-invisible, table.tableau-invisible tbody, table.tableau-invisible tr:nth-of-type(even), table.tableau-invisible tr:nth-of-type(odd) {
border:none;
background:none;
}

table {
border:none;
background:none;
margin:0;
padding:0;
border-collapse:collapse;
width:100%;
}

table thead, table th {
color:#FFFFFF !important;
background-color:#005696;
}

table tr:nth-of-type(even) {
background-color:#f1f1f1;
border:none;
margin:0;
padding:0;
}

table tr:nth-of-type(odd) {
background-color:#FFFFFF;
border:none;
margin:0;
padding:0;
}

table tr td {
vertical-align:top;
}

hr {
clear:both;
margin:0 0 0.625rem 0;
padding:0;
height:0;
font-size:0;
border:none;
background-color:#FFFFFF;
}

.texte-discret {
font-size:0.875rem;
color:#888888;	
font-style:italic;
}

td.texte-discret {
font-size:0.625rem;
color:#FFFFFF;	
}

/* documents */
div#main-content ul.liste-documents {
list-style-type:none;	
margin:0 0 2.5rem 0;	
}

div#main-content ul.liste-documents li.document {	
margin-bottom:0.125rem;
margin-top:0;
color:#005696;
}

ul.liste-documents li.description {	
color:#414E56;
line-height:1.25rem;
font-family:RalewayLight, Verdana, Geneva, sans-serif;	
margin-bottom:1rem;
}

/***********************************************************/
/*******************     Page enfant     *******************/
/***********************************************************/
div.row.blocEnfants .columns {
float:none;
display:inline-block;
vertical-align:top;	
}

div.row.blocEnfants {
text-align:center;
}

div.enfant {
text-align:center;
margin:1rem 0;
}

div#main-content div.enfant a h5 {
margin:0.5rem 0 1rem 0;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div.enfant a:hover h4, div.enfant a:focus h4, div.enfant a:active h4 {
color:#000000;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

/* Personnes ressources */
div#main-content div.personnes-ressources div.fiche {
padding:0.125rem 1.25rem;
margin:1.25rem 0;
}

h2.categorie {
text-transform:uppercase;
text-align:center;
}

div#main-content div.personnes-ressources div.fiche h4 {
margin-top:1rem;
}

div#main-content div.personnes-ressources div.fiche p {
font-size:1.25rem;
color:#231f20;
margin-bottom:0.375rem;
}

div#main-content div.personnes-ressources div.fiche ul.coordonnees {
list-style-type:none;
margin:0.75rem 0 0 0;
}

div#main-content div.personnes-ressources div.fiche ul.coordonnees li {
padding-bottom:0.5rem;
color:#231f20;
font-size:1rem;
line-height:1;
}

div#main-content div.personnes-ressources div.fiche .fa {
font-size:1.125rem;
diplay:inline-bloc;
width:1.25rem;
}

/*------------     Page 404     ------------*/
/*------------------------------------------*/
.body-404 {
background-color:#F1F0F8;
text-align:center;
}
.body-404 img {
width:450px;
margin:3.75rem 0 1.25rem 0;
}
.body-404 p {
text-align:center;
font-size:2rem;
color:#1F1F1F;
}
.body-404 a {
color:#1F1F1F;
font-size:1.25rem;
}
.body-404 a:hover, .body-404 a:active, .body-404 a:focus {
color:#687B80;
}


/******************************************************/
/**************     Notre engagement     **************/
/******************************************************/
div#engagement {
background:url(../images/design/hockeyeur.jpg) no-repeat top left;
background-color:#005696;
color:#FFFFFF;
padding:4rem 0;
}

div#engagement h1 {
margin-top:0;
margin-bottom:2rem;
color:#FFFFFF;
}

div#engagement h1 span {
color:#d1d2d4;
}

div#engagement a.bouton {
color:#005696;
background-color:#FFFFFF;
border-color:#FFFFFF;
margin-top:1.25rem;
}

div#engagement a.bouton:hover, div#engagement a.bouton:focus, div#engagement a.bouton:active {
color:#FFFFFF;
background-color:#0071C8;
border-color:#FFFFFF;
}


/**************************************************/
/**************     Dépositaires     **************/
/**************************************************/
div#depositaires {
background-color:#5B9ACB;
padding:2rem 0;
text-align:center;
}

div#depositaires h3 {
padding-bottom:1rem;
}

div#depositaires ul {
list-style:none;         /* Retire les puces */
padding:0;
margin:0;
display:flex;            /* Utilise flexbox */
flex-wrap:wrap;          /* Retour à la ligne automatique */
justify-content:center;  /* Centre horizontalement */
gap:20px;                /* Espacement entre les éléments */
}

div#depositaires ul li {
flex:0 0 calc(33.333% - 20px);             /* Chaque élément prend ~33% */
text-align:center;       /* Centre le contenu à l’intérieur */
}

div#depositaires ul li img {
max-width:100%;          /* L’image ne déborde pas */
height:auto;             /* Conserve les proportions */
}

div#depositaires ul li a {
opacity:1;
}

div#depositaires ul li a:hover, div#depositaires ul li a:focus, div#depositaires ul li a:active {
opacity:0.8;
}


/******************************************************/
/*****************     Google map     *****************/
/******************************************************/
div#googleMap {
background:url(../images/design/googlemap2.jpg) no-repeat top center;
font-family:RalewayRegular, Verdana, Geneva, sans-serif;
font-size:1.375rem;
padding:4.75rem 0 3.5rem 0;
}

div#googleMap h1 {
margin-bottom:3rem;
}

div#googleMap h1 span {
color:#231f20;
}

div#googleMap h6 {
font-family:RalewayBold, Verdana, Geneva, sans-serif;
color:#231f20;
margin-top:0;
margin-bottom:0.25rem;
text-transform:inherit;
}

div#googleMap div.ficheCoordonnee div {
position:relative;
float:left;
}

div#googleMap div.ficheCoordonnee div:first-child {
padding:0 3rem 0 0;
margin-bottom:3rem;
}

div#googleMap div.ficheCoordonnee div a.bouton {
margin-top:1.5rem;
}


/******************************************************/
/*******************     Footer     *******************/
/******************************************************/
div#infoFooter {
font-family:RalewayRegular, Verdana, Geneva, sans-serif;
background-color:#231f20;
background-image:url(../images/design/flash.png);
background-repeat:no-repeat;
background-position:top left;
color:#FFFFFF;
padding:4rem 0;
}

div#infoFooter h6 {
font-family:RalewayBold, Verdana, Geneva, sans-serif;
color:#FFFFFF;
text-transform:inherit;
}

div#infoFooter .emphaseTexte {
font-family:RalewayBold, Verdana, Geneva, sans-serif;
font-size:1.5rem;
}

div#infoFooter a {
color:#FFFFFF;
text-decoration:underline;
}

div#infoFooter a:hover, div#infoFooter a:focus, div#infoFooter a:active {
color:#005696;
}

footer {
font-family:RalewayRegular, Verdana, Geneva, sans-serif;
font-size:0.875rem;
background-color:#000000;
color:#FFFFFF;
padding:1.25rem 0;
}

footer div.small-12:last-child {
text-align:right;
}

footer p {
margin-bottom:0;
}

footer a {
color:#FFFFFF;
}

footer a:hover, footer a:focus, footer a:active {
color:#005696;
}