@charset "UTF-8";
@import url("//hello.myfonts.net/count/33c32b");

@font-face {font-family: 'Ciutadella-Medium';src: url('webfonts/33C32B_4_0.eot');src: url('webfonts/33C32B_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/33C32B_4_0.woff2') format('woff2'),url('webfonts/33C32B_4_0.woff') format('woff'),url('webfonts/33C32B_4_0.ttf') format('truetype');} /* Utilisé */
   
@font-face {font-family: 'Ciutadella-SemiBold';src: url('webfonts/33C32B_6_0.eot');src: url('webfonts/33C32B_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/33C32B_6_0.woff2') format('woff2'),url('webfonts/33C32B_6_0.woff') format('woff'),url('webfonts/33C32B_6_0.ttf') format('truetype');}/* Utilisé */
   
@font-face {font-family: 'Ciutadella-Regular';src: url('webfonts/33C32B_9_0.eot');src: url('webfonts/33C32B_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/33C32B_9_0.woff2') format('woff2'),url('webfonts/33C32B_9_0.woff') format('woff'),url('webfonts/33C32B_9_0.ttf') format('truetype');} /* Utilisé */

/*
Theme Name: Quebec Iron Ore
Author: Agence Salto
Author URI: https://agence-salto.com/

*/

body{
	position:relative;
	font-family: 'Ciutadella-Regular', Tahoma, sans-serif;
	color:#3C3D41;
	letter-spacing: 1px;
	font-size:20px;
}
input {
    -webkit-appearance: none;
    border-radius: 0;
}
a, a:focus, a:hover{outline:none;color:#004ea7;}
	#page a{text-decoration:underline;}
button::-moz-focus-inner {border: 0;}
img{max-width:100%; height:auto;}

h1, h2, h3, h4, h5, h6, .gros_titre,
.h1, .h2, .h3, .h4, .h5, .h6, .bt{font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif; text-transform: uppercase;font-weight:normal; line-height: 1;}
strong{font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif; font-weight:normal;}
h1{}
h2, .h2, #sidebar .h2, .single article h2{font-size:20px;}
#page h2 {color:#004EA7; margin-bottom:20px;}
#page h3 {color:#004EA7; border-bottom:1px solid #004EA7; }
#page .bg.bleu h3 { color: white;border-bottom: 1px solid white;}
.h2 strong{color:#3c3d41;}
h3, .h3{font-size:20px;}
h2.sub{margin-bottom:4px;font-size:20px;}

#page p{letter-spacing:0.4px;margin:0 0 14px;}

.clear{clear:both; display:block}

a.cta{}
a.cta:hover, a.cta:focus{}

.nolink, .nolink > a{cursor:default; text-decoration: none !important;}

.bt{
	text-transform: uppercase; 
	display: inline-block; 
	color:#000; 
	border:1px solid #000; 
	font-size:13px;
	letter-spacing: 1.4px;
	padding:10px 15px;
	cursor: pointer;
	will-change:color, background-color;
	-webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
   -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	text-decoration: none !important;
}
.bt:hover, .bt:focus{
	color:#FFF;
	background-color:#000;
}
.bleu .bt, .noir .bt{
	border-color:#FFF;
	color:#FFF;
	background-color:transparent;} 
.bleu .bt:hover, .noir .bt:hover,
.bleu .bt:focus, .noir .bt:focus{
	color:#000;
	background-color:#FFF;
} 


.navbar-default{
	background-color:transparent; 
	border:none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin:0;
}

.cover{
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat; 
	background-position:center 50%;
	/*overflow: hidden;*/
	display: block;
	position: relative;
}
header.cover{background-position:center bottom;}
a.cover *{position:relative; z-index:3;}
.cover img.hover{
	position:absolute;
	width:100%;
	max-width:none;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
	top:50%;
	will-change:width, height;
	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
   -moz-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}

.cover:hover img.hover{
	width:103%;
	}
a.cover img.logo{
	position:absolute;
	width:100%;
	top:50%;
	height:auto;
	max-width:none;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 2;
	opacity:0.03;
}
.home #page h2 {color:#ffffff;}
.home #video a.video{text-decoration:none;}
.home .video img.logo_qio{margin-top:3em}
.video img.play{
	position:absolute;
	width:170px; height:170px;
	top:50%;
	max-width:40%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 2;
	will-change:width, height;
	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
   -moz-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.video:hover img.play{width:180px; height:180px;}

section{padding:34px 15px 20px 15px;}
section.horizontal {padding-top:0px; padding-bottom:0px;}
section.vertical, section.vertical.icone, .liste section.vertical {padding-left:0px; padding-right:0px;}
section.nav_post {padding-top:0px;}


.breadcrumbs{font-size:12px; text-transform: uppercase;padding-top:10px; padding-bottom: 0;font-family: 'Ciutadella-Medium', Tahoma, sans-serif; letter-spacing: 0.4;}
.breadcrumbs strong{ color:#3C3D41; opacity: 0.5;}
.no_photo .breadcrumbs strong{color:#004ea7;font-family: 'Ciutadella-Medium', Tahoma, sans-serif;letter-spacing: 0.4;}


/*


=== Core ===

*/
.bandeau h1 {margin-top: 0px; margin-bottom:0px;}
 #page .bandeau p {margin:20px auto; }
.bandeau p a{text-decoration:underline;}
.bandeau p.date.small{color:#000;margin-top:10px;}
#page article li a, #page article p a {text-decoration:underline;}
#page img.alignright{float:right;margin:8px 0 20px 20px;}
.bg.bleu{background-color:#004ea7;}
.bg.bleuLight{background-color:#DBECFF;}
.bg.noir{background-color:#000;}

.bg.bleu, .bg.noir, .bg.bleu a, .bg.noir a{color:#FFF;}

.bg.gris{background-color:#f7f7f7;}/* default grey (regular) */
.bg.gris.dark{background-color:#f0f0f0; } /* dark grey */
.bg.white{background-color:#ffffff;}/* white */
.bg.gradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left, #ffffff 0%, #f9f9f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ffffff 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ffffff 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 */
}
.bg.gradient.impair{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(right, #ffffff 0%, #f9f9f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right, #ffffff 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #ffffff 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#page ul {padding-left:0px;}
#page ul li {padding-bottom:14px; letter-spacing:0.4px;list-style:none; padding-left:20px; position:relative;}
#page ul li:before {content:""; position:absolute; width:5px; height:5px; left:0px; top:11px; background-color:#004EA7;
-moz-border-radius:100px;
-webkit-border-radius:100px;
border-radius:100px;}

small, .small {font-size:72%;}
#page #projet h2 {font-size:28px;}
#page #projet .bleu p {}
#page #projet .bleu .maxwidth{position:relative; padding-right:80px;}
#page #projet .bleu .maxwidth:after {
	position:absolute; 
	width:70px;
	height:70px; 
	content:""; 
	top:50%; 
	right:0px; 
	margin-top:-35px; 
	background-image:url(images/svg/icon-minerai-de-fer-quebec.svg);
}

.border {padding-bottom:20px; padding-top:20px; border-bottom:1px solid #000000; border-top:1px solid #000000;}
.border.b {border-top:none;}
.border.t {border-bottom:none;}

.bt.big{display:block; color:#FFF; font-size: 18px !important; text-align: center;}
.bt.big:hover{color:#3C3D41; }

/*


=== Header ===

*/
header, footer{position:relative;font-weight:400; }
header ul, header ol{margin:0; padding:0; list-style:none;}
header .logo{margin:0;}
header .nav{text-transform:uppercase; font-weight:400; letter-spacing: 1.5px;}


header .sec{font-size:13px;}
header .main{font-size:15px;font-family: 'Ciutadella-Medium', Tahoma, sans-serif;}

header .main .nav a{
	will-change:color;
	-webkit-transition: color 0.2s ease-in-out;
   -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
	position: relative;
}
header .navbar-brand{height:auto;}
header .main .nav a:hover span, 
header .main .nav a:focus span,
header .main .nav .current-page-ancestor > a span, 
header .main .nav a:focus span,
header .main .nav li.current-menu-item > a span{border-color:#808183;}



.nav > li > a:focus, .nav > li > a:hover{background-color:transparent;}

header .sec{max-height:46px;min-height: 0; display: block;}
header .sec .price{padding-right:0;}
header .sec .price a{padding-left:0;padding-right: 0; position: absolute;}
header .sec .price a{padding-top:0;}
header .sec a{padding:10px 15px;display: block;}
header .sec .menu a{border-left:#d4d5d6 solid 1px;
	will-change:background-color;
	-webkit-transition: background-color 0.2s ease-in-out;
   -moz-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;}
header .sec .menu li:last-child a{border-right:#d4d5d6 solid 1px;}
header .sec .nav li.current-menu-item a, header .sec .nav a:hover{background-color:#d4d5d6;}
header .sec .nav a:hover{text-decoration:underline;}
header .sec li > div{display:block;}
header .sec form{display:block; background-color:#FFF;position:relative;margin:0 0 0 46px;padding:0;}
header .sec form input{border:none;}
header .sec form .screen-reader-text{display:none;}
header .sec form label{display:block; width:100%;margin:0;}
header .sec form .search-field{display:block; padding:10px 46px 10px 15px; width:100%;z-index: 100; position: relative; font-weight:300;}
header .sec form .search-submit{position:absolute; top:0; right:0; display:block;width:46px; padding:10px 15px;background-color:transparent; text-indent: 1000px; overflow: hidden; z-index: 300;}
header .sec form .search-submit:hover{background-color:rgba(255,255,255,0.5);}
header .sec form .ico{position:absolute; right:10px; width:14px; height:14px; top:50%; margin-top:-7px;z-index: 200;}
header .filiale{
	font-size: 11px !important;
    line-height: 1.1;
    text-transform: uppercase;
}
header .sec a, header .filiale a{
		will-change:opacity;
		-webkit-transition: opacity 0.2s ease-out;
	   -moz-transition: opacity 0.2s ease-out;
		transition: opacity 0.2s ease-out;
		text-decoration:none !important;
	}
.single-carrieres header .sec li.news a, 
.tax-poste header .sec li.news a{opacity:1;}
header .sec a:hover, 
header .filiale a:hover, 
header .sec li.current-menu-item a, 
.single header .sec li.current_page_parent a {opacity:0.5;}
header .sec form{color:#000;}

.navbar-collapse{border:none; box-shadow:none;}

/*

=== Footer ===

*/
footer{position:relative; font-size:14px;font-weight:300;  text-transform: uppercase;}
footer ul, footer ol{margin:0; padding:0; list-style:none;}
footer ul li {margin-bottom:8px;}

footer .copyright{
	font-size: 8px;
    letter-spacing: 2px;}
footer .copyright ul {width:100%;}
footer .copyright .nav > li {padding:0px; margin:0px; width:100%; display:inline-block; float:none; text-align:center; vertical-align: middle;}
footer .copyright ul li a {padding-left:0px; padding-right:0px; width:100%; line-height:1.3;}
a.top {text-transform:uppercase; margin:20px 0; opacity:0.6; display:block; text-align:center;font-size:14px;}
a.top:hover, a.top:focus, a.top:active { opacity:1;}
img.arrow-top {height:14px; width:14px; display:inline-block; margin-top:-2px;}
footer .margin {margin-bottom:20px;}
footer .adresse {text-transform:none;}
footer .bg.bleu {padding-bottom:30px;}
footer li.change-up {list-style:none;}
footer .bt {font-weight:500; font-size:12px;}
footer ul.social {display:block;  margin-top:20px; position: absolute; top:0; right:0;}
footer ul.social li a {display:block; height:26px; width:26px; padding:4px;border:1px solid #FFF;}
footer ul.social li a img{position:relative;top:-4px;}
footer form {height:40px; width:100%; display:block;  margin:14px auto 20px; position: relative; max-width:320px;}
footer form p{margin:0;}
footer input {height:40px; border:none; box-shadow:none; padding:none;}
footer .widget_wysija_cont .wysija-submit{margin:0;}
footer input#subscribe_email, footer .wysija-input {padding-left:10px; background-color:transparent; width:70%;position:absolute; top:0; left:0; border:1px solid #fff;}
footer input#Submit, footer .wysija-submit {font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif;  width:30%; color:#004ea7; background-color:#FFF;text-transform:uppercase; font-weight:500;position:absolute; top:0; right:0;}
footer .navbar-nav {margin:0px;}
footer .suscribe {margin-top:40px; text-transform: none;text-align: center;}
footer .suscribe span{text-transform: uppercase;display: block;font-size: 1.4em; }
footer .form-validation-field-0formError{position:absolute !important; top:101% !important; left:0 !important; }
footer .formError .formErrorContent{width:100%;}

/*

=== ACCUEIL ===

*/
.home .h-100 a.bt{margin-top:30px;}
.home .h-50 a.bt{margin-top:15px;}

.home .gris.h-50{color:#3c3d41;}
.home .gris.h-50 h2 strong{color:#f9f9f9;}
#nouvelles.bg.gris{background-color:#f0f0f0}
.home a.next{
	display:block;
	width:42px; 
	height:42px; 
	margin:0 auto;
	border:1px solid #FFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left:50%;
	margin:0 0 0 -21px;
	bottom:40px;
	z-index: 400;}
.home #nouvelles h2, .home #nouvelles .voir{border-top:1px solid #004ea7; color:#004ea7;margin-top:30px;margin-bottom:0;}
.home #nouvelles .voir{margin-top:50px;}
.home #nouvelles h2 span, .home #nouvelles .voir .bt{background-color:#f0f0f0; position: relative; top:-20px;}
.home #nouvelles a.bt{border-color:#004ea7; color:#004ea7;}
.home #nouvelles a.bt:hover{background-color:#004ea7; color:#FFF}
.home #nouvelles h2 span{padding:0 10px;top:-12px;}
.home #nouvelles a{text-decoration:none;color:#000;}
.home #nouvelles .photo{margin-bottom:20px;}
.home #nouvelles .photo img{max-width:65%;}
.home #nouvelles .date{font-size:13px; text-transform: uppercase; font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif; }
.home #nouvelles h3{color:#000; font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif; border:none;}
.home #nouvelles p.lien{font-size: 13px;font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif; margin-top:20px;color:#004ea7;text-transform: uppercase;}


/*

=== EQUIPE ===

*/

.equipe .membre .titre {font-size:18px; color:#000;}
.equipe img.photo{mix-blend-mode:multiply;-webkit-backface-visibility:hidden;}
.equipe > section{padding-top:0;}
.equipe h2{position:relative;font-family: 'Ciutadella-Medium', Tahoma, sans-serif;}
.equipe h2:after{
	display:block;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 6px 0 6px;
	border-color: #004ea7 transparent transparent transparent;
	position: absolute;
	bottom:-20px;
	left:50%;
	margin-left:-6px;
	
}
#page .equipe h3{font-size: 23px;text-transform: none; border:none;font-family: 'Ciutadella-Regular', Tahoma, sans-serif;}

/*

=== TABLE ===

*/
.table {border-collapse: inherit; border:1px solid #3C3D41; text-align:center;}
.table thead {background-color:#3C3D41; color:#ffffff; font-weight:400;}
.table > thead > tr > th {border-bottom:none; border-right:1px solid #ffffff; text-align:center;}
.table > thead > tr th:nth-child(1), .table > tbody > tr td:nth-child(1) {text-align:left; padding-left:20px;}
.table > thead > tr th:last-child, .table > tbody > tr td:last-child {border-right:none;}
.table > tbody > tr > td {font-size:16px; font-weight:400; color:#3C3D41; border-top:none; border-right:1px solid #3C3D41; }
.table-striped > tbody > tr:nth-of-type(2n+1){background-color:#f9f9f9;}
/*

=== SINGLE ===

*/
#sidebar{max-width:297px;padding-top:35px;}
#sidebar ul{list-style:none; padding:0; font-size:14px;max-width:297px; margin-bottom:1.3em;}
#sidebar ul li{position:relative; display: block; padding:0; }
#sidebar ul li:before {display:none;}
#sidebar ul.menu > li{margin-bottom:12px;}
#sidebar ul.menu > li > a{margin-bottom: 8px;border-bottom:1px solid #004EA7; text-transform: uppercase; text-decoration:none;}
#sidebar ul li a{display:block; padding:10px 0;position: relative;}
#sidebar ul li.current-menu-item a{font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif; letter-spacing: 1px;}
#sidebar ul li.current-menu-item a:active:before, #sidebar ul li.current-menu-item a:focus:before,#sidebar ul li.current-menu-item a:before{
	content:"";
	width:8px;
	height:8px;
	position:absolute;
	left:-4px;
	top:50%;
	margin-top:-4px;
	display: block;
	border-top:2px solid #004EA7;
	border-right:2px solid #004EA7;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
	
}
#sidebar p a {text-transform:uppercase; text-decoration:none; font-size:17px;}
#sidebar p.h2 {color:#004EA7;}
#sidebar ul li ul li a{padding:2px 0;}
#sidebar ul.menu > li.current-menu-item a, #sidebar ul li .sub-menu a{padding-left:20px;}
#sidebar ul li .sub-menu li.current-menu-item a:before{margin-top:-6px;}
#sidebar ul li .sub-menu li{border:none;}

.single-post #page .sidebar h3{color:#000;border:none;}
.single-post #page .sidebar a{color:#000;text-decoration:none;}
.single-post .sidebar a p.date{color:#000 !important;margin-bottom:5px;}
.single-post .sidebar a{margin-bottom:2em;display:block;}

.single article{font-weight:300;}
.single article section, .single .nav_post{display:block; max-width:1066px;}

.single article section div.bloc{margin-bottom:30px; padding:20px 0 30px;}
.career p.bt {margin-bottom:0px; font-size:12px;}
.portfolio .cover img.hover, .career .cover img.hover{opacity:0.2;}

.map-pages h2{display:none;}
.map-pages ul.children ul.children{display:none;}
.nav.archive > li.current, .nav.archive > li.current_page_item{text-decoration: underline;}
.nav.archive {padding-top:25px; padding-bottom:25px;}
.nav.archive li a {will-change:opacity;
	-webkit-transition: opacity 0.2s ease-out;
   -moz-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;}
.nav.archive li a:hover,.nav.archive li a:active, .nav.archive li a:focus {text-decoration:underline; opacity:0.6;}
.career section .o h3 {margin:20px 0px;}
.career section .o .text-uppercase {font-size:14px;}
#page .career ul li{padding-left:0;}
.archive .o {padding:60px 0;}
/*.archive .i {color:#004EA7;}*/
.archive .i p {font-size:20px;}
.archive .i p a {font-weight:500;}
.career ul.archive li:before {display:none;}
#page .career ul.archive li a {font-size:20px; text-decoration:none;}
#page .career ul.archive li:last-child a {text-decoration:underline; font-family: 'Ciutadella-Medium', Tahoma, sans-serif;}
#page .career ul.archive li a.nolink {font-size:27px;}
#page .career article.border {padding-bottom:40px;}
#page .career article:first-child {padding-top:0px;}
#page .career article:first-child h2{margin-top:0px;}
.archive #page .career a.bt {font-size:14px;}
#page .career article h2 a {color:#000000; text-decoration:none;}
#page .career article p {font-size:15px; margin-bottom:30px;}
.single-carrieres .i p {font-size:18px; color:#004EA7; text-transform:uppercase; margin-top:20px;}
#page .career .avantages img.icone{margin-bottom:1em;}
/*

=== ENTREPRISE ===

*/
.mot-president h2 {border-bottom:1px solid #004EA7; margin-top:0px;}
section.mission{display:block; max-width:1000px; display: block; margin:0 auto;}
.valeurs .ico{position:relative; padding-left:90px;margin-bottom:10px;}
.valeurs .ico img{
    position: absolute; 
    top:0; 
    left:0;
}
#page .valeurs{margin-top:60px;}
#page .valeurs .ico h3{margin:0; border:none;font-family: 'Ciutadella-Medium';padding:0; font-size:30px;}
#page .valeurs .ico p{font-size:20px;margin-bottom:24px;line-height: 1.2;}

/*

=== EMPLOYÉS ===

*/

#page .liste .item h3, #page .liste li h3 {border-bottom:none; font-size:60px; left:0;line-height:60px; top:50%; margin:-30px 0 0;display:block; position:absolute;  width:auto;}
#page .liste p, #page ol.liste li {display:block; padding-left:50px;margin-bottom:0; position: relative;}

.liste section {padding:20px; display:table; position:relative; width:100%; height:150px;}
.liste section > div {display:table-cell; vertical-align:middle;}

ol.liste{padding:0;margin-bottom: 60px;}
#page ol.liste li p{padding-left:0;}
#page ol.liste li{display:block; padding-bottom: 30px;padding-top:30px;max-width:550px;}
#page .liste li h3{left:0;}

#engagement .item {position:relative; margin-bottom:54px;}
#engagement .item h3{font-size:50px; height:100%; padding-bottom:24px; position:absolute; left:0px; margin:0px; font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif; width:100%; }
#engagement .item p {padding-left:40px;}
#engagement .margin {margin-top:40px;}
/*

=== BLOG ===

*/

.blog h2.page-title {display:none;}
.single h1, .blog h2 {color:#004EA7;}
.single h1{display:block; max-width: 700px; margin:0 auto;}
.single .date {font-size:17px; text-transform:uppercase; font-family: 'Ciutadella-Medium', Tahoma, sans-serif;}
.archive .dark section, .blog .dark section {padding-bottom:50px;}
p.date.small {font-weight:400; text-transform:uppercase;color:#004EA7; font-size:17px;}
.archive h3 a, .blog h3 a {text-transform:none;}
.archive .navigation, .blog .navigation {display:block; text-align: center; text-transform:uppercase; font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif;}
.archive .navigation a, .blog .navigation a {padding:0 4px;}
.archive .navigation h2.screen-reader-text, .blog .navigation h2.screen-reader-text {display:none;}
.archive #primary .bleu ul, .blog #primary .bleu ul {padding-left:0px;}
.archive #primary .bleu ul li, .blog #primary .bleu ul li {margin-bottom:20px; list-style:none; position:relative; padding-left:15px;}
.archive #primary .bleu ul li:before, .blog #primary .bleu ul li:before {content:"»"; position:absolute; left:0px; font-size:26px; font-weight:300; top:0; line-height:26px;}
.archive #primary .bleu ul li a, .blog #primary .bleu ul li a {color:#ffffff; font-weight:300;}
.archive #primary .bleu ul li a:hover, .blog #primary .bleu ul li a:hover, .archive #primary .bleu ul li a:focus, .blog #primary .bleu ul li a:focus {color:#ffffff; text-decoration:underline;}
.archive .dark h2, .blog .dark h2 {margin-top:0px; margin-bottom:20px; color:#ffffff;}
.archive .dark small, .blog .dark small {font-size:18px;}
.archive #primary, .blog #primary {padding-bottom:40px;}
.blog #page .white h3 a {text-decoration:none; color:#000000;font-weight:500;}
.blog #page h3 {border-bottom:none; width:100%;}
.blog #page .bleu h2 {color:#ffffff; text-transform:uppercase;}
.blog p {font-size:16px; font-weight:300;}
.blog a.lien, a p.lien , .single-post .sidebar p.date{font-size:12px;text-transform:uppercase; font-family: 'Ciutadella-Medium', Tahoma, sans-serif; text-decoration:none !important;color:#004ea7;}
.blog a.lien:hover, a p.lien:hover{text-decoration:underline !important;}
.blog #primary .bleu a {text-decoration:none;}
.single-carrieres #page article h3 {border-bottom:none; margin-top:80px; font-size:26px; font-family: 'Ciutadella-Medium', Tahoma, sans-serif;}

.single-carrieres #page article a.bt,
.archive #page .career .bbb .bt{margin-top:50px; margin-bottom:50px; font-size:22px; color:#004EA7; padding:10px; border:1px solid #004EA7; letter-spacing:normal;}
.archive #page .career .bbb .bt{margin-bottom:0;margin-top: 20px; border-width: 2px; letter-spacing: 1.4px;font-family: 'Ciutadella-Medium', Tahoma, sans-serif; }
.single-carrieres #page article a.bt:hover,
#page .career .bbb .bt:hover{color:#ffffff; background-color:#004EA7;}
.single-carrieres #page article h4 {display:inline-block;}
.single-carrieres #page article #st-1 {display:inline-block; padding-left:40px;}
.single-carrieres #page section.vertical > p > a {font-size:20px; text-transform:uppercase; font-weight:300; margin-top:50px; display:block; text-decoration:none; color:#000000;}
#page section p:last-child{margin-bottom:0;}
.blog #primary .bg section {padding: 30px 0 1px;}
.bt.big {margin-bottom:30px;}
.bt.big .collapse, .bt.big.collapsed .not_collapse{display:none;}
.bt.big.collapsed .collapse, .bt.big .not_collapse{display:inline-block;}
.archive #primary .bleu a.videoPlay, .blog #primary .bleu a.videoPlay {margin-bottom: 30px;}
.well {
    background-color: transparent;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 1px 0;
}
.well p:last-child {margin-bottom:0px;}
.bt span.fleche{
	display:inline-block;
	-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
	margin-left:3px;
	position: relative;
    top:0;
}
.bt.collapsed span.fleche{
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	margin-left:5px;
	top: -2px;
}
/*

=== NS ===

*/
#page .ns a{color:#000000;text-decoration:none;}
.ns a section{position:relative;padding:30px 15px;}

.ns a h4{font-weight:500; margin-top:0px; color:#000000;font-family:"Ciutadella-Medium",Tahoma,sans-serif}
.ns a p{font-size:17px; text-transform: uppercase; font-weight:500;margin:0;}

/*

=== CONTACT ===

*/
img.articles-picts {max-width:500px;}
.carte-outer{padding-top:270px;}
.carte-inner{height:260px;display:block; width:100%; position:absolute; top:0; left:0;overflow: hidden;}
.carte{height:320px;display:block; width:100%; position:absolute; left:0;}

.page-template-contact .forcer .sf_field, .sf_type_checkbox{clear:none !important;}
input.wpcf7-text,
input.wpcf7-date {width:100% !important;}
textarea{clear:both !important;}
.page-template-contact #page .forcer .required, .page-template-contact #page .forcer form label {font-size:16px !important; font-weight:400 !important; color:#004ea7; width:100%;}
.page-template-contact #page .bg.bleu.forcer .required, .page-template-contact #page .bg.bleu.forcer form label {color:#fff;}
.page-template-contact #page .forcer form .mailpoet label{width:auto;}
.page-template-contact #page .forcer label {margin:10px 0 4px !important;}
.page-template-contact #page .forcer form textarea {min-height:200px; }
.page-template-contact .forcer form input.wpcf7-text,
.page-template-contact .forcer form input.wpcf7-date,
.page-template-contact .forcer form textarea{border:none;margin-top:0px !important;color:#000000;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);
	width:100%;
	padding: 10px;
}
.page-template-contact p.soustitre{font-size:16px;text-transform:uppercase; text-decoration:none !important;color:#004ea7;}
.page-template-contact form input.wpcf7-mailpoetsignup{height:auto !important;}
.w2llabel.checkbox {margin:0 !important; padding-left:20px;}
.page-template-contact .forcer form input.checkbox {height:inherit !important; margin-top:4px; -webkit-appearance:checkbox !important;}


.banner-2022 {
	font-weight:600;
	padding: 40px 0 10px;

}




@media (max-width: 767px) {
	.form_plainte .col-md-4 {
		margin-bottom: 50px;
	}
}

.form_plainte-intro {
	margin: 35px 0!important;
}

.form_plainte .wpcf7-list-item {
	display: block;
	position: relative;
	margin-left: 30px;
}

.form_plainte h4 {
	border-bottom: 1px solid;
	padding-bottom: 4px;
}

.form_plainte .wpcf7-list-item-label,
.form_plainte .wpcf7-list-item-label:before {
	cursor: pointer;
}

.form_plainte .wpcf7-list-item-label:before {
	content: "";
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	background: white;
	left: -30px;
	border: 1px solid #004ea7;
	top: 50%;
	transform: translateY(-40%);
}

.form_plainte .wpcf7-list-item-label:after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.9 10.8'%3E%3Cpath fill='%23004ea7' d='M4.5 10.8L0 4.7l1.6-1.2 2.8 3.8L9.3 0l1.6 1.1z'/%3E%3C/svg%3E");
	display: none;
	position: absolute;
	left: -28px;
	top: calc(50% + 1px);
	width: 11px;
	transform: translateY(-40%);
	height: 11px;
}

.form_plainte input[type="radio"]:checked + .wpcf7-list-item-label:after,
.form_plainte input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
	display: block;
}
.page-template-contact .form_plainte .textarea_autre_communaute {
	height: 60px!important;
	min-height: 0!important;
	margin-top: 5px!important;
}
.page-template-contact .form_plainte .textarea_description {
	height: 175px!important;
	min-height: 0!important;
}

.page-template-contact .form_plainte .wpcf7 input[type="file"]{
	display:none;
}

.js-fake-file-input-btn {
	margin: 5px 15px 0 0;
}


p.sf_required_fields_msg {font-size:12px; padding-top:20px;}
.page-template-contact .forcer form {margin-top:10px;}
.page-template-contact .carte-outer section{padding:40px;}
.page-template-contact #page h3 {padding-top:0px; margin-top:0px;}
form.wpcf7-form {margin-top:20px;}
.plan-nord section.vertical {padding:80px 0;}
section.champion p {font-size:16px; text-transform:uppercase; margin-bottom:0px;}
section.champion p > img {margin-top:30px; margin-bottom:30px; }
section.champion {padding:50px;}
.page-template-contact .forcer form input.wpcf7-submit{margin-top:30px;}
a.tel, .page-template-contact .forcer form input.wpcf7-submit{
	text-transform: uppercase; 
	display: inline-block; 
	font-family: 'Ciutadella-Medium', Tahoma, sans-serif;
	color:#004ea7; 
	border:1px solid #004ea7; 
	font-size:20px;
	padding:4px 16px;
	cursor: pointer;
	will-change:color, background-color;
	-webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
   -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	text-decoration: none !important;
	background-color:transparent;
}

.page-template-contact .bg.blue.forcer form input.wpcf7-submit {
	color:white; 
	border:1px solid white; 
}

a.tel:hover, a.tel:focus,
.page-template-contact .forcer form input.wpcf7-submit:hover,
.page-template-contact .forcer form input.wpcf7-submit:focus{
	color:#FFF;
	background-color:#004ea7;
}

.page-template-contact .bg.bleu.forcer form input.wpcf7-submit {
	color:white; 
	border:1px solid white; 
}

.page-template-contact .bg.bleu.forcer form input.wpcf7-submit:hover,
.page-template-contact .bg.bleu.forcer form input.wpcf7-submit:focus {
	color:#004ea7;
	background-color: white;
}

.modal .close {
    color: #fff;
    font-size: 60px;
    font-weight: 400;
    opacity: 0.7;
	 margin-left: 10px;
    margin-top: -14px;
	text-shadow: 0 1px 0 #000;
}
.modal .close:hover{opacity:1;}
footer input.wysija-submit {padding: 0;}



	.innu footer form {max-width:100%; height:100%;}
	.innu footer input#subscribe_email, .innu footer .wysija-input {width:100%; position:relative; display:block;}
	.innu footer input#Submit, .innu footer .wysija-submit {position:relative; width:100%; max-width:100%; display:block;}
	
header .wpml-ls-legacy-dropdown {background-color:transparent; color:#ffffff; text-transform:uppercase; width:inherit; display:inline-block; line-height:1.42857143}
header .wpml-ls-legacy-dropdown ul {vertical-align:top;}
.wpml-ls-legacy-dropdown a span {vertical-align:top;}
header .wpml-ls-legacy-dropdown ul li.wpml-ls-first-item a span, .wpml-ls-legacy-dropdown a {line-height:1.42857143;}
header .wpml-ls-legacy-dropdown ul, header .wpml-ls-legacy-dropdown ul li, header .wpml-ls-legacy-dropdown ul li a {background-color:transparent; border:none; outline:none;}
header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {top:4px;}
header .wpml-ls-legacy-dropdown ul li a:hover {background-color:transparent; color:#ffffff;}
.wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:active, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {background-color:transparent; border:none; color:#ffffff; outline:none;}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {border-top:none; outline:none;}
.wpml-ls-link {text-align:left;}
header .navbar-default.sec {width:200%;}
.wpml-ls-legacy-dropdown a:active, .wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus {border:none; outline:none;}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {font-size:12px;}




/* Ajout juillet 2018*/
.engagement2018 .accordion{font-size:18px;}
.engagement2018 .panel {background-color:transparent; border:none; box-shadow:none;}
.engagement2018 .maxwidth {position:relative;}
.engagement2018 .puces {display:block; position:absolute; left:0; height:100px; width:100px; content:"";z-index:800;margin-left:-96px; top:18%; margin-top:-90px;}
.engagement2018 .btn.btn-link {font-family: 'Ciutadella-SemiBold';font-size:18px;background-color:transparent; color:#000000; white-space: normal; text-align:left; outline:none; border:none; padding-left:0px; position:relative;padding-right:0;}
.engagement2018 .btn.btn-link.collapsed::after {transform: rotate(0deg);}
.engagement2018 .btn.btn-link::after{
		content:""; 
	display:inline-block;
	height:12px; 
	width:7px; 
	background-image: url(images/fleche_verte.svg);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat; 
	background-position:center 50%;
	top:14px;
	
	margin-left:6px;
	transform: rotate(90deg);
	will-change:transform;
	-webkit-transition: transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
box-shadow:none;}
.engagement2018 .btn.btn-link:active, .engagement2018 .btn.btn-link:hover, .engagement2018 .btn.btn-link:focus {border:none; box-shadow:none;}
.engagement2018 .green, em.green {color:#8DC63F;}
.engagement2018 .col-sm-pull-5 .puces {margin-left:0px; left:auto; right:0; margin-right:-96px;}
.engagement2018 .mention {width:100%; padding:10px; background-color:#000000; color:#ffffff; text-align:center; bottom:0; position:absolute; left:0;}
.engagement2018 .equal{
	will-change:height;
	-webkit-transition: height 0.4s ease-in-out;
	-moz-transition: height 0.4s ease-in-out;
	transition: height 0.4s ease-in-out;}




/* Ajout Alexis 14 Février 2019 */

#page .liens-gris {color:#999999; line-height:16px;}
#page .liens-gris a:not(.bt){color:#999999;font-size:25px;}
#page .liens-gris a:not(.bt):hover {color:#000000;}
#page .liens-gris em{font-style:normal; font-size:14px; font-weight:300;}

.home .bandeau .o .i {vertical-align:top;}
.home .bandeau .o .i h2 {margin-top:30px;}



.bg.gradient.noir {
	background: #3c3d41;
	background: -moz-linear-gradient(left,  #3c3d41 0%, #000000 100%);
	background: -webkit-linear-gradient(left,  #3c3d41 0%,#000000 100%);
	background: linear-gradient(to right,  #3c3d41 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3d41', endColorstr='#000000',GradientType=1 );
}
.bg.gradient.noir.impair {
	background: #000000;
	background: -moz-linear-gradient(left,  #000000 1%, #3c3d41 99%);
	background: -webkit-linear-gradient(left,  #000000 1%,#3c3d41 99%);
	background: linear-gradient(to right,  #000000 1%,#3c3d41 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3c3d41',GradientType=1 );
}
.equipe .bg.gradient.noir img.photo {mix-blend-mode:normal !important;}
.equipe .bg.gradient.noir.membre .titre, #page .equipe .bg.gradient.noir.membre h3, .equipe .bg.gradient.noir a.bt, .equipe .bg.gradient.noir h2, .equipe .bg.gradient.noir p {color:#ffffff;}
.equipe .bg.gradient.noir h3:before {background-color:#ffffff;}


.virtual-banner hr{max-width:700px; border-color:#666666;}
.virtual-banner p {color:#ffffff;}
#page .virtual-tour h2{color:#ffffff; margin-bottom:30px;}
#page .virtual-tour p {margin-bottom:70px;}
#page .virtual-tour h3 {color:#ffffff;}
#page .virtual-tour .list p {font-size:18px !important; max-width:300px; margin-left:auto; margin-right:auto;}
#page .virtual-tour .list {margin-bottom:40px;}
.iframe-virtual {margin-top:60px;}
.iframe-virtual h3 {position:relative; margin-bottom:20px; font-size:30px;}
.iframe-virtual h3:after {width:100%; position:absolute; top:13px; left:0; height:2px; background-color:#ffffff;content:"";}
.iframe-virtual h3 span {display:inline-block; background-color:#004ea7;position:relative; z-index:1; padding:0 20px;}



/** MAILCHIMP  **/

#mc_embed_signup {background-color:transparent;display:block; width:100%; position:relative;}
#mc_embed_signup  #mc-embedded-subscribe-form {padding:0; width:100%; display:block;}
mc_embed_signup_scroll {position:relative;}
footer #mc_embed_signup .mc-field-group {display:block; width:100%; padding:0; margin:0;position:relative;}
#mc_embed_signup #mce-EMAIL {color:#ffffff;width:70%; padding:0 0 0 10px; border: 1px solid #fff; -webkit-border-radius:0; -moz-border-radius:0;border-radius:0;background-color: transparent;position: absolute;top: 0;left: 0;outline: none; box-shadow: none;}
#mc_embed_signup .button#mc-embedded-subscribe {color: #004ea7;text-transform: uppercase;position: absolute;top: 0;right: 0;background-color: #ffffff; padding:0;width:30%; height:40px;-webkit-border-radius:0; -moz-border-radius:0;border-radius:0;font-size:12px;outline: none; box-shadow: none; margin:0; font-family: 'Ciutadella-SemiBold',Tahoma,sans-serif;text-transform: uppercase;font-weight: 500;}
footer #mc_embed_signup div#mce-responses{position:absolute; width:100%; padding:0; margin:0;float:none;top:50px; overflow:visible; z-index:20;}
footer #mc_embed_signup div.response {padding:10px; width:100%; float:none; margin:0; font-size:12px; background-color: #ffffff; color:#004ea7;}
footer #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {position:absolute; display:block; width:100%;padding:10px; margin:0;float:none;top:50px; overflow:visible; z-index:20;font-size:12px; background-color: #ffffff; color:#004ea7;-webkit-border-radius:0; -moz-border-radius:0;border-radius:0;}
footer #mc_embed_signup #mce-success-response, .newsletter #mc_embed_signup #mce-success-response {color:#004ea7;}


/* DEVELOPPEMENT DURABLE */


#page .developpement-durable .maxwidth {
	max-width:700px;
}


#page .developpement-durable ol.liste li{
	max-width:100%;
	padding-left:60px;
}
#page .developpement-durable ol.liste h3 {
	top:0;
	max-width:50px;
	margin-top:30px;
}

#page .developpement-durable h4 {
	color:#004ea7;
	font-size:25px;
	font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif;
	text-transform:uppercase;
}
#page .developpement-durable .bt {
	color:#004ea7;
	border-color:#004ea7;
}
#page .developpement-durable .bt:hover {
	background-color:#004ea7;
	color:#ffffff;
}

#page .developpement-durable.rapports ol.liste li{
	padding-left:80px;
}
#page .developpement-durable.rapports .fichiers .row {
	padding:20px;
}
#page .developpement-durable.rapports .fichiers h3 {
	font-weight:700;
	border-bottom:none;
	margin-top:0;
}
#page .developpement-durable.rapports .fichiers .bleu h3 {
	color:#ffffff;
}
#page #projet.developpement-durable.rapports .fichiers p {
	font-size:20px;
	color:#004ea7;
}
#page #projet.developpement-durable.rapports .fichiers .bleu p {
	color:#ffffff;
}
#page .developpement-durable.rapports .file_link {
	text-decoration:none;
	text-transform:uppercase;
	font-weight:700;
	font-size:16px;
}

#page .developpement-durable.rapports .file_link img {
	margin-right:10px;
}

.structure-integree .bg.gris p {
	color:#004ea7;
}

#page #projet.structure-integree .schema {
	font-weight:700;
	font-size:25px;
	margin-top:30px;
}

#page .structure-integree .notice {
	font-size:15px; 
	font-family: 'Ciutadella-SemiBold';
	text-transform:uppercase;
	margin:40px 0 10px;
}
.structure-integree .notice span{
	position:relative;
	padding:0 40px;
}
.structure-integree .notice span:before, .structure-integree .notice span:after{
	height:25px;
	width:25px;
	position:absolute;
	top:0;
	left:0;
	content:"";
	background-image: url("images/svg/ico-loupe-2.svg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover; 
}
.structure-integree .notice span:after{
	left:auto;
	right:0;
	transform: scaleX(-1);
}
.pswp__bg {background-color:#f7f7f7;}

.home.fr .bandeau .o {
	position:relative;
	display:block;
}

.home.fr .bandeau .o .i {
	text-align:right;
	display:inline-block;
	width:100%
}
.home.fr .bandeau .o .i .newtext{
	max-width:250px;
	display:inline-block;
}
.home.fr .bandeau .o .i h2 {
	text-align:left;
	position: relative;
display: inline-block;
}
.home.fr .bandeau p {
	margin-right:0;
	margin-left:0;
	text-align:left;
}


/* AJOUT 2021 */


.videos-corporatives .video{position:relative;}
.videos-corporatives .video h2{
	color:#ffffff !important;
	font-weight:bold;
	position:absolute;
	top:calc(50% + 50px);
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
}

.videos-corporatives .video img.play{height:80px;width:80px;}


/* AJOUT SECTION DATA TABLES MAI 2022 - SALTO */

.data-tables-2022 {padding-bottom:70px;}
.data-tables-2022 a {display:flex; text-align:left; justify-content: space-between; margin: 0 0 30px; padding-bottom:6px; border-bottom:1px solid #004ea7; text-decoration:none!important;}
.data-tables-2022 a:hover{text-decoration:none!important;}
.data-tables-2022 a img{max-width:30px; display:block;}
.data-tables-2022 h4{margin-bottom:50px; display:inline-block; color:#004ea7;}
.data-tables-2022 h3 {margin:0!important; padding:0!important; border:none!important;}

.banner-2022 p {color:#004ea7; max-width:656px; margin:0 auto !important;}

.section-news-2022 p{font-size:24px; margin-top:60px!important;}
.logo-news{max-width:428px; margin:30px auto 80px;display:block; position:relative;}

.don-2022 h2{color:white!important;}
.don-2022 .document-icon{max-width:76px;display:block;margin: 30px auto;}
.don-2022 .bt {font-size:19px;line-height:19px;padding:12px 20px; margin-bottom:30px;}

@media (max-width: 767px) {
	/* XS seulement */	
	
	.bandeau .o{padding-top:30px; padding-bottom:30px;}
	.hauteur {min-height:300px;}
	.blog #primary .bg section {padding-left:0px; padding-right:0px;}
	
	header .navbar-header .logo{max-width:230px;}
	.nav-justified > li > a{margin-bottom:0;}
	header .navbar-toggle{border:none; background-color:transparent !important;margin-right:0;}
	header .navbar-default .navbar-toggle .icon-bar{height:4px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;background-color:#e5e6e7;}
	header a.lang {padding: 10px;position: absolute;right: 34px;top: 7px;}
	
	header ul.menu li > ul.sub-menu li a{padding:5px 0;text-align:center; display: block; font-weight:300; font-size:13px; text-transform: none;}
	.nav-justified > li > a{padding-top:5px; padding-bottom: 5px;}
	header ul.nav{margin-bottom:10px;}
	header form{margin:0 30px;}
	header .filiale{margin-top:20px;}
	header form .search-field{color:#000;}
	header form{display:block; background-color:#FFF;position:relative;margin:0 auto;padding:0;max-width:300px; }
	header a.gm{font-size:11px; padding-right:10px; position: relative; display:block;max-width:310px; margin:0 auto;}
	header a.gm:after{
		display: block;
		content:">";
		position: absolute;
		right:0;
		top:50%;
		margin-top:-5px;
		
	}
	header .main .nav a:hover, header .main .nav a:focus, header .main .nav .current-page-ancestor > a, header .main .nav li.current-menu-item > a{opacity:0.5;}
	header form input{border:none;}
	header form .screen-reader-text{display:none;}
	header form label{display:block; width:100%;margin:0;}
	header form .search-field{display:block; padding:10px 46px 10px 15px; width:100%;z-index: 100; position: relative; font-weight:300;}
	header form .search-submit{position:absolute; top:0; right:0; display:block;width:46px; padding:10px 15px;background-color:transparent; text-indent: 1000px; overflow: hidden; z-index: 300;}
	header form .search-submit:hover{background-color:rgba(255,255,255,0.5);}
	header form .ico{position:absolute; right:10px; width:14px; height:14px; top:50%; margin-top:-7px;z-index: 200;}
	footer form {max-width:400px;}
	.list-inline {margin-left:0px;}
	.equipe h2 {margin-top:20px;}
	#page .equipe h3{margin-bottom: 20px;}
	.bandeau p br{display:none;}
	.single #sidebar{padding-bottom:10px;}
	.single article .photo{display:block; max-width:300px; margin:20px auto 0;}
	.home .news section{padding-bottom:30px;}
	.bandeau{min-height: 0;}
	.bandeau h1{font-size:24px;}
	.bandeau .container{padding-top:24px; padding-bottom: 30px;}
	.single h1{font-size:20px;}
	.home .video img.play{height:auto; position:relative; top:auto;transform:translateX(-50%) translateY(-20px);}
	header .logo img{padding:10px;max-width:170px;}
	.home img.michael{position:relative; left:-50px;}
	#engagement .item h3{border:none;}
	#engagement .item{margin-bottom:24px;}
	footer ul li a{text-align:center;display:block;}
	footer .sec{margin-top:20px;}
	footer ul.social{margin-top:0;}
	.page-template-contact .carte-outer section{padding-left:0;padding-right:0;}
	header a.tel{display:inline-block; margin-left:auto; margin-right:auto;border-color:#FFF;}
	.home #nouvelles .row a{margin-bottom:30px;}
	#marque section.text-left{text-align:center;}
	footer ul.social {display:block;  margin-top:20px; position: relative; text-align:center;}
	footer ul.social li {display:inline-block;}
	header .wpml-ls-legacy-dropdown {position:absolute; top:12px; right:34px;}
	header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {top:10px;}
	.home .bandeau .o {padding-bottom:130px;}
	#page #projet.developpement-durable.rapports .fichiers a {
		text-align:center;
		padding:20px 0;
		display:block;
	}
	#page .developpement-durable.rapports .fichiers .row {
		padding:40px 20px;
	}
	.career .video.h-100 {
		height:250px;
	}
	.section-news-2022 p{font-size:22px; margin-top:20px!important;}
	.logo-news{max-width:250px; margin:20px auto 30px;}
	
}
@media (min-width: 768px) {
	/* SMALL */
	section{padding:35px 30px;}
	.h-100{height:300px;}
	.h-75{height:350px;}
	.h-50{height:225px;}
	h3, .h3{font-size:20px;}
	.o{display:table; width:100%;height:100%}
	.h-50 section{padding-top:30px; padding-bottom: 0px;}
	.home .news section.small_margin{display:table; width:100%;}
	.h-100 section{padding-top:60px; padding-bottom: 30px;}
	
	header .navbar-header{max-width:25%;}
	header .main{padding:0px;}
	header ul.menu li {vertical-align: middle;}
	header .tools{padding-right: 0;}
	header .logo a{display:inline-block;}
		header > .padding{padding-top:16px;}
	header .logo{margin:40px auto 20px;}
	header nav.main{margin-top:22px;position:relative;min-height: 42px;}
	header nav.main:before{
		display:block;
		content:"";
		height:100%;
		width:100%;
		border-top:1px solid #448ace; border-bottom:1px solid #448ace;
		position:absolute;
		top:0;
		z-index:50;
	}
	header ul.menu li > ul.sub-menu{padding-top:10px;}
	/*header nav.main:after{
		width:1px;
		border-color:#FFF;
		z-index:100;}*/
	header nav.main .anime{
		height:100%;
		border-top:1px solid #FFF; border-bottom:1px solid #FFF;
		position:absolute;
		top:0;
		display:block; width:1px; opacity:0;
		z-index:100;}
	header .main ul.nav{ z-index: 200; position:relative;}
	header .main ul.nav > li > a{position:relative; padding-top:0; padding-bottom:0;}
	header .main ul.nav > li > a span{display:inline-block; padding:10px 0; }
	header .main ul.nav > li > a:hover span{}
	header .main ul.nav > li > a:before{content:""; display: block; width:1px; height:24px; left:0; top:50%; margin-top:-12px; background-color:#448ace; position:absolute;}
	
	header .main ul.nav > li:first-child a:before{display:none;}
	
	header .lang, header .sec ul, header .ouvrir{display:inline-block !important;}
	header .sec a.ouvrir{padding-right:0;}
	header .sec {
		display: block;
		max-height: 46px;
		min-height: 0;
		position: absolute;
		right: 15px;
		top: 0;
		width: 430px;
	}
	header .sec a{padding-top:0;}
	header ul.menu li > ul.sub-menu li a:hover, 
	header ul.menu li > ul.sub-menu li.current_page_item a{opacity:0.5;}
	header .sec form{position:absolute; top:0; right:35px;margin:0;width:300px;}
	header .recherche{display:none;}
	header .recherche a.fermer{position:absolute; top:0; right:0;}
	
	header.photo ul.menu li > ul.sub-menu{background-color:transparent;}
	header.no_photo ul.menu li > ul.sub-menu,
	header.photo ul.menu li > ul.sub-menu{background:url(images/bg-menu.gif) center top repeat-x ;}
	header .nav > li > a, header .sec a{padding-left:2px; padding-right:2px;}
	
	header ul.menu li{position:relative;}
	header ul.menu li > ul.sub-menu{display:none;position:absolute; left:0; top:100%;background-color:#3c3d41;min-width: 230px;padding-bottom:10px;
		z-index: 999;}
	header ul.menu li.reports > ul.sub-menu{min-width:190px;}
	header ul li:hover > ul.sub-menu{display:block;}
	header ul.menu li > ul.sub-menu li a:after{content:" »"; display:inline;}
	header ul.menu li > ul.sub-menu li a::before{display:none;}
	header ul.menu li > ul.sub-menu li a{padding:5px 20px;font-size: 77%;display:block; line-height: 1;}
	header ul.menu li > ul.sub-menu li a:hover{text-decoration:none;}
	header .recherche a.fermer{font-size:28px;}
	
	#page .career .avantages, .archive #page .career .bbb, #page #marque .liste{font-size:27px;}
	.home #nouvelles .row a{
		will-change:opacity;
		-webkit-transition: opacity 0.2s ease-out;
	   -moz-transition: opacity 0.2s ease-out;
		transition: opacity 0.2s ease-out;}
	.home #nouvelles .row:hover a{opacity:0.5;}
	.home #nouvelles .row:hover a:hover{opacity:1;}
	.home .bandeau img.michael{margin-top:72px;bottom: -2px;position:relative;}
	.home #nouvelles img.camion{width:100%;}
	
	.home .h-100 div.bloc{height:280px;display:table-cell; vertical-align: middle;  width: 100%;}
	.home .h-50 .o{height:100%;}
	.home .h-50 .o section.small_margin, .home .h-100 div.i{display:table-cell; width:100%; height:100%; vertical-align: middle;}
	
	.home #fer .cuillere{position:absolute; right:0; top:50%; max-width:50%;margin-top:-230px;}
	.home #fer{background-position: center bottom;}
	#fer ul li {max-width:70%;}
	
	.bandeau .o{display:table; width:100%; height:385px;}
	.bandeau .o .i{display:table-cell; width:100%; height:100%; vertical-align: middle;padding-bottom:30px;}
	.single .bandeau .o .i{padding-top:30px;}
	.bandeau p{max-width:1000px; margin-left:auto;margin-right:auto; display: block; margin-top:30px; margin-bottom:0px; }
	.home .bandeau p{margin-top:20px;}
	.home .bandeau p .bt{margin-top:10px;}
	
	.page-template-contact .float{display:inline-block;padding-right: 40px;}
	.page-template-contact .float:last-child{padding-right: 0;}
	
	.ns a section{padding:70px 70px 0;}
	.ns a section .bloc{padding-bottom:70px;height:208px;}
	.ns a h4{font-size:22px;}
	.ns a p{position:absolute; bottom:70px;margin-bottom:0 !important;}
	
	footer .copyright .nav > li {width:32%;}
	footer p.text-right {margin:10px 0 60px;}
	
	footer ul.social {margin-top:0px; text-align:left;}
	footer .suscribe {margin-top:0px;text-align: left;}
	input.submit {float:right !important;}
	a.top {text-align: right;}
	footer a.top {position: relative; right: -15px;}
	.bandeau p {font-size:20px;}
	.career section .o {height:200px;}
	.career section .o h3 {font-size:34px; margin-bottom:30px; margin-top:30px;}
	.career section .o .text-uppercase {font-size:18px;}
	.archive #primary .bleu ul li a, .blog #primary .bleu ul li a {font-size:22px;}
	.single #sidebar.fixed {position: fixed;top:0;}
	.single article .photo{position:absolute; width:100%; left:0;}
	.single article section div.bloc{margin-bottom:60px; padding:50px 0 60px;}
	.deux_rangees{padding:0;}
	.deux_rangees table{width:100%;}
	.deux_rangees table tr{display:table-row;}
	#projet section.vertical a.bt {font-size:26px; font-weight:400;}
	.blog #primary .bg section {padding: 30px 50px 0px;}
	#page #projet h2 {font-size:35px;}
	.plan-nord section.vertical {padding:120px 0;}
	.liste section {padding:30px;}
	.liste section {height:250px;}
	#engagement .col-sm-6 .item:last-child h3 {border-bottom:none;}
	#sidebar p.h2 {font-size:30px;}
	.bandeau h2, h2.big{font-size:34px;}
	.bandeau h2{margin-top:0;}
	section.champion p {font-size:20px;}
	.archive .i p {display:block; width:70%; margin-left:auto; margin-right:auto;}
	.equipe img.photo{margin-top:3em;}
	.equipe .membre .titre {position: relative; top: -14px;}
	#page .equipe h3{font-size: 38px;}
	.innu footer .wysija-input {font-size:12px;}
	.innu .ns a h4 {font-size:22px;}
	.engagement2018 .maxwidth h2 {font-size:32px;}
	.home .bandeau .bt {padding:16px 20px;}
	
	#page .developpement-durable ol.liste li{
		padding-left:120px;
	}
	#page .developpement-durable ol.liste h3 {
		max-width:90px;
		top:50%;
		margin-top:-30px;
	}
	#page .developpement-durable.rapports ol.liste h3{
		margin-top:-35px;
	}

	
	#page .developpement-durable h4 {
		font-size:30px;
	}
	#page #projet.developpement-durable .sub-rows h2 {
		font-size:30px;
	}
	#page .developpement-durable.rapports .fichiers h2{
		margin-bottom:30px;
	}
	#page .developpement-durable.rapports .fichiers h3 {
	font-size:30px;
}
	section.fichiers {
    	padding: 35px 30px;
	}
	#page #projet.structure-integree .schema {
		font-size:30px;
		margin-top:60px;
	}
	.videos-corporatives .video h2{	
			top:calc(50% + 75px);
			font-size:36px;
	}

	.videos-corporatives .video img.play{height:120px;width:120px;}

	.banner-2022 {
		font-size:21px;
		padding: 70px 0 35px;
	}
	.section-news-2022 p{font-size:30px;}
	
	.don-2022 h2 {margin-bottom:40px!important;}
	.don-2022 p {font-size:26px;}
}
@media (min-width: 992px) {
	/* MEDIUM */
	section{padding:90px 90px;}
	header nav.main{min-height: 46px;}
	header .main ul.nav{font-size:18px;}
	header .nav > li > a, header .sec a{padding-left:10px; padding-right:10px;}
	h2, .h2{font-size:26px;}
	h3, .h3{font-size:27px;padding-bottom: 4px;}
	.bandeau h2, h2.big{font-size:46px;}
	.bandeau p {font-size:23px;}
	.ns a h4 {font-size:26px;}
	.h-100{height:500px;}
	.h-75{height:520px;}
	.h-50{height:325px;}
	.h-100 section{padding-top:130px; padding-bottom:  100px;}
	
	
	.bandeau .o{height:430px;}
	.bandeau .o.short{height:230px;}
	footer .copyright .nav > li {width:16%;}
	footer .margin {margin-bottom:80px;}
	footer form {margin:0 0 40px;}
	footer ul.social {text-align:right;}
	footer .row.sec, footer p.suscribe, footer ul.social{margin-top:18px;}
	
	.carte-outer{padding-top:370px;}
	.carte-inner{height:360px;}
	.carte{height:420px;}
	.ns a h4 {font-size:32px;}
	section.maxwidth{max-width:752px; display:block;margin-left:auto; margin-right:auto;}
	.home section.maxwidth{padding-right: 50px;}
	
	.plan-nord section.vertical {padding:180px 0;}
	.mot-president section.vertical, .mot-president section {padding:180px 90px;}
	.mot-president section.vertical {padding-left:0px;}
	#page #projet h2 {font-size:42px;}
	.mot-president h2 {margin-bottom:30px;}
		#page #projet .bleu {padding-right:100px;}
	#page .liste p {float:none;}
	.mission p, #page #projet .bleu p {font-size:26px;}
	#page .career article h2 a {font-size:34px;}
	.single-carrieres h1 {font-size:42px;}
	.single-carrieres #page article a.bt {margin-top:100px; margin-bottom:100px;}
	.single-carrieres #page section.vertical > p > a {margin-top:100px;}
	.home #page h2 {font-size:46px;}
	.home #nouvelles h2 span{font-size: 37px;padding: 0 20px; top: -25px;}
	.archive #page .career .bbb .bt{padding:16px 50px;font-size:29px;}
	.innu .ns a h4 {font-size:22px;}
	.engagement2018 .puces {margin-left:-190px; margin-top:-100px; height:169px; width:169px;}
	.engagement2018 .col-sm-pull-5 .puces {margin-right:-190px;}
	
	/* AJUSTEMENT INNU */
	.page-id-5312 .bandeau h2 {font-size:42px;}
	.engagement2018 .maxwidth h2 {font-size:42px;}
	.home .bandeau .o .i h2 {margin-top:100px;}
	.home .bandeau .o {height:540px;}
	.virtual-tour .container {max-width:1060px;}
	#mc_embed_signup .button#mc-embedded-subscribe {font-size:15px;}
	#page .developpement-durable.rapports .fichiers h2{
		margin-bottom:90px;
	}
	#page #projet.structure-integree .schema {
		margin-top:100px;
	}
	#page #projet.structure-integree h2{
		font-size:50px;
	}
.home.fr .bandeau .o .i .newtext{
	max-width:500px;
	}

	.videos-corporatives .video h2{	
			top:calc(50% + 120px);
			font-size:43px;
	}

	.videos-corporatives .video img.play{height:155px;width:155px;}
	
	.banner-2022 {
		padding: 140px 0 0;
	}

}
@media (min-width: 1200px) {
	/* LARGE */
	
	header ul.menu li > ul.sub-menu{width:100%;}
	header .main ul.nav{font-size:22px;}
	header .nav > li > a, header .sec a{padding-left:15px; padding-right:15px;}
	header nav.main{min-height: 50px;}
	footer .copyright .nav li.big {width:18%;}
	footer .bg.bleu {padding-bottom:40px;}
	.equipe img.photo{position:absolute; bottom:0;margin-left: -30px;}
	.innu footer .wysija-input {font-size:14px;}
	.innu .ns a h4 {font-size:22px;}
	
	.home .bandeau .o {height:740px;}
	section.fichiers {
    	padding: 90px;
	}
	#page #projet.developpement-durable.rapports .fichiers .row {
	padding:60px;
}
		.home.fr .bandeau .o .i .newtext{
	max-width:600px;
	}
	
}
@media (min-width: 1480px) {
	/* X-LARGE */
	.bandeau h2{font-size:63px;}
	.home .bandeau h2 {line-height: 1;margin-bottom: 0;margin-top: 120px;}
	.container{width:1450px;}
	.ns a h4{font-size:32px;}
	.equipe img.photo{margin-top:0;}
	.col-sm-8 section .maxwidth{max-width:700px; display:block;margin-left:auto; margin-right:208px;}
	.col-sm-7 section .maxwidth{max-width:700px; display:block;margin-left:auto; margin-right:87px;}
	.col-sm-8 section .maxwidth.right{margin-left:0; margin-right:0;}
	
	/* AJUSTEMENT INNU */
	.page-id-5312 .bandeau h2 {font-size:50px;}
	.innu .ns a h4 {font-size:32px;}
}

.partners-intro {
	font-size: 24px;
	line-height: 1.2;
	margin: 1.15em 0!important;
}

@media (min-width: 768px) {
	.partners-intro {
		font-size: 27px;
	}
}

@media (min-width: 1200px) {
	.partners-intro {
		font-size: 30px;
	}
}

.partners-intro-video-btn {
	padding-top: 10px;
}

.partnersVideo-btn {
	width: 100%;
	text-align: center;
	background: #004ea7;
	border: none;
	color: #fff!important;
	padding: 0.65em;
	font-size: 19px;
	text-transform: uppercase;
	display: block;
  font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif;
	font-weight: normal;
	line-height: 1;
	text-decoration: none!important;
	-webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
   -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
}
@media (min-width: 1200px) {
	.partnersVideo-btn {
		font-size: 24px;
	}
}

.partnersVideo-btn:hover{
	background: #000;
	color: #fff;
} 

.partnersTitle {
	padding-top: 20px;
}

.partnersTitle-stars {
	width: 130px;
	margin-bottom: 35px;
}

@media (min-width: 768px) {
	.partnersTitle-stars {
		margin-bottom: 50px;
	}
}

@media (min-width: 992px) {
	.partnersTitle-stars {
		margin-bottom: 65px;
	}
}

.partners-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.partners-item {
	margin: 0 auto 23px;
	max-width: 340px;
	padding: 15px;
	width: 100%;
	height: 125px;
	font-size: 19px;
}

@media (min-width: 600px) {
	.partners-item {
		max-width: none;
		width: calc(50% - 12px);
		margin: 0 0 24px;
	}
}

@media (min-width: 768px) {
	.partners-item {
		height: 140px;
		font-size: 23px;
	}
}

@media (min-width: 1200px) {
	.partners-item {
		width: calc(33.33% - 16px);
	}
}

@media (min-width: 1480px) {
	.partners-item {
		height: 155px;
		font-size: 28px;
	}
}

.partners-item:nth-child(odd) {
	background: #dbecff;
	background: -webkit-gradient(linear,  left top, left bottom,  from(#dbecff),to(#edf6ff));
	background: -o-linear-gradient(top,  #dbecff 0%,#edf6ff 100%);
	background: linear-gradient(to bottom,  #dbecff 0%,#edf6ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbecff', endColorstr='#edf6ff',GradientType=0 );
}

.partners-item:nth-child(even) {
	background: #dbecff;
	background: -webkit-gradient(linear,  left top, left bottom,  from(#edf6ff),to(#dbecff));
	background: -o-linear-gradient(top,  #edf6ff 0%,#dbecff 100%);
	background: linear-gradient(to bottom,  #edf6ff 0%,#dbecff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbecff', endColorstr='#edf6ff',GradientType=0 );
}

.partners-item > *{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;	
	font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif;
	text-decoration: none!important;
	color:#004ea7;
	line-height: 1.1;
}

.partnersCTA h2 {
	padding-bottom: 1em;
	max-width: 650px;
}

.partnersCTA.titleFullwidth h2 {
	max-width: none;
}

.partnersCTA h2 span {
	font-family: 'Ciutadella-Regular', Tahoma, sans-serif;
}

.partnersCTA a {color:#000}
.partnersCTA a:hover {
	font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif;
}

.partnersCTA .partnersCTA-img {
	margin-top: 55px;
	background: #000;
}
@media (min-width: 768px) {
	.partnersCTA .partnersCTA-img {
		margin-top: 0;
	}
}


section.mfq-message{
	display:block;
	max-width:920px;
	display: block;
	margin: 40px auto 60px;
}

@media (min-width: 1024px) {
	section.mfq-message {
		margin: 60px auto 60px;
	}
}


section.mfq-message h2 {
	color: #fff!important;
	margin-bottom: 1.2em;
}


.plan-columns {
	margin: 60px 0 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.plan-columns > * {
	width: 100%;
	margin-bottom: 35px;
}
@media (min-width: 1200px) {
	.plan-columns > * {
		width: calc(33.33% - 27px);
		margin-bottom: 20px;
	}
}

.plan-icon {
	width: 150px;
	height: 80px;
  margin-bottom: 0px;
}

@media (min-width: 1024px) {
	.plan-icon {
		height: 120px;
		margin-bottom: 20px;
	}
}



#page .plan-title {
	color: #000;
	text-transform: none;
	border: none;
}

@media (min-width: 1200px) {
	#page .plan-title {
		min-height: 2.15em;
		margin-bottom: 0;
    padding-bottom: 0;
	}
}


#page .plan-listItem {
	border-top: 1px solid rgba(0,0,0,0.2);
	color: #000;
	font-size: 18px;
	padding: 0.75em 0.4em;
	max-width: 400px;
	margin: 0 auto;
}

@media (min-width: 768px) {
	#page .plan-listItem {
		font-size: 20px;
		max-width: 425px;
	}
}


@media (min-width: 1024px) {
	#page .plan-listItem {
		font-size: 24px;
		max-width: 575px;
	}
}

@media (min-width: 1200px) {
	#page .plan-listItem {
		max-width: none;
		font-size: 22px;
	}
}

@media (min-width: 1480px) {
	#page .plan-listItem {
		font-size: 27px;
	}
}

#page .plan-listItem:first-child {
	border-top: none;
}

#page .plan-listItem:before {
	display: none;
}

#measures-slider.royalSlider {
	width: 100%;
	max-width: 864px;
	margin: 40px auto 100px;
}

#measures-slider .wrap {
	position: relative;
}

#measures-slider .measures-caption {
	background: #202126;
	width: 100%;
	text-align: left;
	color: #e5e6e7;
	padding: 10px 8px;
	font-size: 12px;
	line-height: 1.2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-transform: uppercase;
}

@media (min-width: 768px) {
	#measures-slider .measures-caption {
		position: absolute;
		bottom: 0;
		padding: 0 20px;
		height: 50px;
		line-height: 1.1;
		font-size: 13px;
	}
}

@media (min-width: 1024px) {
	#measures-slider .measures-caption {
		height: 60px;
		font-size: 15px;
	}
}

.royalSlider .rsNav{
	position:absolute; bottom: -45px; display: block; width:100%; height:20px;text-align: center;padding:0px;
}
.royalSlider .rsNav .rsNavItem{
	display:inline-block; 
	cursor: pointer;
	padding: 3px;
	
	}
.royalSlider .rsNav .rsNavItem span{
	border-radius: 50%;
    border:2px #004ea7 solid;
	width:13px; 
	height: 13px;
	display:block; 
}
.royalSlider .rsNav .rsNavItem:hover span,
.royalSlider .rsNav .rsNavItem.rsNavSelected span{background-color:#004ea7;}
.royalSlider .rsArrow {position:absolute; height:55px; top:50%; margin-top: -28px;}
.royalSlider .rsArrow .rsArrowIcn {
	width:19px;
	height:55px;
	display:none;
	background-repeat: no-repeat;
	background-position:center;
	background-size: contain;
}

@media (min-width: 768px) {
	.royalSlider .rsArrow .rsArrowIcn {
		display: block;
	}
	.royalSlider .rsArrowLeft { left:-35px; }
	.royalSlider .rsArrowRight { right:-35px; }
}

@media (min-width: 992px) {
	.royalSlider .rsArrow .rsArrowIcn {
		width:29px;
	}
	.royalSlider .rsArrowLeft { left:-70px; }
	.royalSlider .rsArrowRight { right:-70px; }
}

@media (min-width: 1024px) {
	.royalSlider .rsArrowLeft { left:-90px; }
	.royalSlider .rsArrowRight { right:-90px; }
}

.royalSlider .rsArrowLeft .rsArrowIcn {
  background-image: url(images/arrow-blue-left.svg);}
.royalSlider .rsArrowRight .rsArrowIcn {
    background-image: url(images/arrow-blue-right.svg);
}


.community-holder {
	margin-bottom: 50px;
}

.community-text {
	font-size: 20px;
	max-width: 600px;
	margin: 0 auto;
}
@media (min-width: 992px) {
	.community-text {
		font-size: 27px;
	}
}


.community-bubbles {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 20px 0;
}

@media (min-width: 992px) {
	.community-bubbles {
		padding: 0 0 25px;	
	}
}

.community-bubble {
	width: 220px;
	height: 220px;
	margin: 10px;
	padding: 20px;
	border-radius: 999px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: #F0F0F0;
}

@media (min-width: 768px) {
	.community-bubble {
		width: 270px;
		height: 270px;
		margin: 20px;
		padding: 25px;
	}
}

@media (min-width: 1024px) {
	.community-bubble {
		width: 320px;
		height: 320px;
		margin: 30px;
		padding: 30px;
	}
}


.community-bubble strong {
	font-size: 50px;
	font-family: 'Ciutadella-Bold', 'Ciutadella-SemiBold', Tahoma, sans-serif;
	line-height: 1;
	color: #004EA7;
}

@media (min-width: 768px) {
	.community-bubble strong {
		font-size: 70px;
	}
}

@media (min-width: 1024px) {
	.community-bubble strong {
		font-size: 87px;
	}
}

.community-bubble span {
	font-size: 18px;
	line-height: 1.1;
	font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif;
}

@media (min-width: 768px) {
	.community-bubble span {
		font-size: 23px;
	}
}

@media (min-width: 1024px) {
	.community-bubble span {
		font-size: 27px;
	}
}

.covid_message {
	padding: 13px 35px 12px;
	text-align: center;
	color: #004ea7;
	background-color: #dbecff;
	font-size: 15px;
	letter-spacing: 0;
	position: relative;
}

@media (min-width: 1024px) {
	.covid_message {
		font-size: 18px;
	}
}

.covid_message a {
	color: #004ea7;
	text-decoration: underline;
	display: inline-block;
}

.covid_message_close {
	position: absolute;
	right: 10px;
	height: 15px;
	width: 15px	;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
}

.covid_message_close:before, .covid_message_close:after {
	content: "";
	background: #004ea7;
	position: absolute;
	display: block;
	height: 1px;
	width: 15px;
}

.covid_message_close:before {
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.covid_message_close:after {
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}


/* NEWS TABLE STYLE (some are imported from Champion)*/
.mfq-news .table_container {
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.mfq-news p {
	word-break: break-word;
}

.mfq-news table p {
	word-break: normal;
}

.mfq-news table {
	width: 100%;
}
.mfq-news table b {
	font-family: 'Ciutadella-SemiBold', Tahoma, sans-serif;
}



.rapport .bandeau em { font-size: 14px; display: block; margin-top: 10px; line-height: 1.1;}


.well {
    background-color: transparent;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 1px 0;
}

.equipe .custom-bt {
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    font-size: 18px;
}

.equipe .custom-bt span.fleche {
    display: inline-block;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-left: 3px;
}

.equipe .custom-bt.collapsed span.fleche {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 5px;
    top: -2px;
    position: relative;
}
.equipe .custom-bt:hover{ text-decoration: underline !important; }
.equipe img.photo { position: relative; bottom: auto;  margin-left: 0; }


@media (min-width: 768px) {
  .equipe section.row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      -moz-align-items: flex-end;
      align-items: flex-end;
  }
}

.page-template-plan-covid-19 .ns a p { position: relative; bottom:0; margin: 20px 0 !important; }

.ns span.disclaimer {
    font-size: 14px;
    font-style: italic;
    margin: 0;
    max-width: 480px;
    line-height: 1.1;
    display: block;
}