@charset "UTF-8";
/* CSS Document */
/* color : #3C6BA4 */
@font-face {
    font-family:"Avenir Next Condensed Bold";
    src:url("../fonts/AvenirNextCondensed-Bold-01.woff2") format("woff2"),url("../fonts/AvenirNextCondensed-Bold-01.woff") format("woff"),url("../fonts/AvenirNextCondensed-Bold-01.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Next Condensed Bold Italic";
    src:url("../fonts/AvenirNextCondensed-BoldItalic-02.woff2") format("woff2"),url("../fonts/AvenirNextCondensed-BoldItalic-02.woff") format("woff"),url("../fonts/AvenirNextCondensed-BoldItalic-02.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Next Condensed Demi Bold";
    src:url("../fonts/AvenirNextCondensed-DemiBold-03.woff2") format("woff2"),url("../fonts/AvenirNextCondensed-DemiBold-03.woff") format("woff"),url("../fonts/AvenirNextCondensed-DemiBold-03.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Next Condensed Demi Bold Italic";
    src:url("../fonts/AvenirNextCondensed-DemiBoldItalic-04.woff2") format("woff2"),url("../fonts/AvenirNextCondensed-DemiBoldItalic-04.woff") format("woff"),url("../fonts/AvenirNextCondensed-DemiBoldItalic-04.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Next Condensed Heavy";
    src:url("../fonts/AvenirNextCondensed-Heavy-09.woff2") format("woff2"),url("../fonts/AvenirNextCondensed-Heavy-09.woff") format("woff"),url("../fonts/AvenirNextCondensed-Heavy-09.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Next Condensed Heavy Italic";
    src:url("../fonts/AvenirNextCondensed-HeavyItalic-10.woff2") format("woff2"),url("../fonts/AvenirNextCondensed-HeavyItalic-10.woff") format("woff"),url("../fonts/AvenirNextCondensed-HeavyItalic-10.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Next Condensed Italic";
    src:url("../fonts/AvenirNextCondensed-Italic-05.woff2") format("woff2"),url("../fonts/AvenirNextCondensed-Italic-05.woff") format("woff"),url("../fonts/AvenirNextCondensed-Italic-05.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Next Condensed Medium";
    src:url("../fonts/AvenirNextCondensed-Medium-06.woff2") format("woff2"),url("../fonts/AvenirNextCondensed-Medium-06.woff") format("woff"),url("../fonts/AvenirNextCondensed-Medium-06.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Next Medium Condensed Italic";
    src:url("../fonts/AvenirNextCondensed-MediumItalic-07.woff2") format("woff2"),url("../fonts/AvenirNextCondensed-MediumItalic-07.woff") format("woff"),url("../fonts/AvenirNextCondensed-MediumItalic-07.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Next Condensed Regular";
    src:url("../fonts/AvenirNextCondensed-Regular-08.woff2") format("woff2"),url("../fonts/AvenirNextCondensed-Regular-08.woff") format("woff"),url("../fonts/AvenirNextCondensed-Regular-08.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Next Condensed Ultra Light";
    src:url("../fonts/AvenirNextCondensed-UltraLight-11.woff2") format("woff2"),url("../fonts/AvenirNextCondensed-UltraLight-11.woff") format("woff"),url("../fonts/AvenirNextCondensed-UltraLight-11.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Next Condensed Ultra Light Italic";
    src:url("../fonts/AvenirNextCondensed-UltraLightItalic-12.woff2") format("woff2"),url("../fonts/AvenirNextCondensed-UltraLightItalic-12.woff") format("woff"),url("../fonts/AvenirNextCondensed-UltraLightItalic-12.otf") format("opentype");
    font-style:normal;font-weight:400;
}
html {
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-family: Verdana, "sans-serif";
  font-size: 16px; /* 3 */
  -ms-text-size-adjust: 100%;     /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
	margin:0px;
	padding:0px;
	background:#FFFFFF;
	color:#686868;
}
*:active,
*:focus {
	outline-style:none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
.f_field-paragraphes:before,
.para-energie-plus:before,
.caseBloc .js-form-item:after,
.clearfix:after,
.header:after,
.navi:after,
.main:after,
.text:after,
.contenu:after,
.footer:after {
	display:block;
	content:"";
	height:0px;
	visibility: hidden;
	clear:both;
}
.photoBoutique .h1,
.webform-submission-form .labelH3 legend span,
.siteName,
.titreH2,
.titreH3,
h1, h2, h3, h4, h5 {
	text-transform: uppercase;
	padding:0px;
	font-family:"Avenir Next Condensed Bold";
	color:#191919;
	line-height: 1.1em;
	font-weight:400;
}
.typeH3 {
	font-family:"Avenir Next Condensed Bold";
	color:#191919;
	line-height: 1.1em;
	font-weight:400;
}
.path-search h2 {
	font-family:"Avenir Next Condensed Demi Bold";
}
.photoBoutique .h1,
.path-search h2,
h1 {
	margin:2em 0 1.5em 0;
	font-size:3.750em; /* 60px */
}
.titreH2,
h2 {
	margin:2.2em 0 1.3em 0;
	font-size:2.6em;/* 45px */
}
.userTitre,
h2.titreH2 {
	font-size:2.5em;
	line-height:0.91em;
}

.h3,
.webform-submission-form .labelH3 legend span,
.typeH3,
.titreH3,
h3 {
	margin:1.7em 0 1.1em 0;
	font-size:1.875em; /* 30px */
}
.h4,
h4 {
	margin:1.2em 0 0.9em 0;
	font-size:1.32em;
}
.para h4 {
	font-size: 1.45em;
	margin-top:1.55em;
}
h5 {
	margin:1.1em 0 0.7em 0;
	font-size:1.19em;
}
.avenir {
	 font-family:"Avenir Next Condensed Regular";
}
.titre {
	font-family:"Avenir Next Condensed Bold";
	color:#191919;
	line-height: 1.1em;
}
.demiBold {
	font-family:"Avenir Next Condensed Demi Bold";
}
.titre24 {
	font-size: 1.5em;
}
.bleu {
	color:#00529B;
}

/* GENERAL */
hr {
	display: block;
	background-color: #F1F1F1;
	height: 11px;
	border:0px;
	margin:2em 0;
}
.sideL {
	float:left;
	width:15%;
}
.wSide .art {
	float:right;
	width:70%;
}
p {
	margin:20px 0px;
}
.nodeForm,
.bloc,
.margTB,
.wBorder,
.nodeIntro,
hr,
.msg {
	margin:80px 0px;
}
.nodeIntro {
	margin-bottom:50px;
}
.paraSources,
.paraPub {
	margin:80px 0px;
}
.box {
	position:relative;
}
.attention,
.wBorder {
	border:1px solid gray;
	padding:15px;
}
.indic {
	font-size:0.9em;
	color:#666;
}
h2 .indic {
	font-size:0.7em;
}

.tXS {
	font-size:0.8em;
}
.tS {
	font-size:0.9em;
}
.tL {
	font-size:1.2em;
}
.tXL {
	font-size:1.4em;
}
.tXXL {
	font-size:1.7em;
}
.nowrap {
	word-break:keep-all;
}
.vueFlex,
.flex {
  display: flex;
}
.fWrap {
	flex-wrap: wrap;
}
.fTop {
	vertical-align: top;
}
.fCenter {
	align-content: center;
}
.fTop {
	align-items: flex-start;
}
.fBetween {
	justify-content: space-between;
}
.fAround {
	justify-content: space-around;
}
.fw2 .fitem {
	width: 49.95%;
}
.vue2 .fitem {
	width: 49%;
}
.vue3 .fitem,
.fw3 .fitem {
	width:33.23%;
}
.vue4 .fitem,
.fw4 .fitem {
	width:24.95%;
}
.fw5 .fitem {
	width:19.95%;
}
.table {
	display: table;
	border-collapse: collapse;
}
.w100 {
	width:100%;
}
.row {
	display: table-row;
}
.th {
	display:table-cell;
	vertical-align: middle;
}
.td {
	display: table-cell;
	vertical-align: top;
}
.tab3 .td {
	width: 33%;
}
.padL {
	padding-left:55px;
}
.padR {
	padding-right:55px;
}
/* FIN GENERAL */
/* article */
div[role='contentinfo']{
	z-index: 10;
}
.password-suggestions,
div[role='contentinfo'],
.msg {
	padding:15px 19px;
	border:1px solid #9ACDDC;
	box-shadow:2px 2px 4px rgba(0,0,0,0.25);
        background: #FFF;
        margin:60px auto;
        text-align: left;
        position: relative;
        background-color: #D9F4F7;
        color:#1D5561;
        border-radius:4px;
	transition: 0.2s;
	font-size:13px;
	max-width: 800px;
}
.msgSuccess {
	border-color:#97DF95;
        background-color:#E1FFE1;
        color:#1C6648;
}
.msgWarning {
	border-color:#FFB17D;
        background-color:#FFE8D9;
        color:#CF5836;
}
.path-checkout div[role='contentinfo'],
.msgError {
	border-color:#F57670;
        background-color:#FFF7F5;
        color:#BA3425;
}
.close {
    display: block;
    width:12px;
    height:12px;
	background-size:100% auto;
    position: absolute;
    right:7px;
    top:3px;
	text-align: center;
	transition: 0.2s;
	font-size: 15px;
	font-family: arial, helvetica;
	color:rgba(0,0,0,0.6);
}
.close:before {
	content: "\2612";
}
.close:hover {
	color:rgba(0,0,0,1);
    cursor:pointer;
}
.close:hover:after {
    color:#000;
}
.msg.wAnim {
	animation-name: hideMsg;
	animation-duration: 1s;
	animation-delay: 3s;
	animation-fill-mode: forwards;
	transition-timing-function:ease-in;
	position:fixed;
	width:600px;
	left:50%;
	margin-left:-300px;
	top:200px;
	z-index: 300;
}
@keyframes hideMsg {
  	0%   { opacity: 1; }
	100% {opacity: 0;}
}
/* FIN article */
.navi ul ul ul.ul-2 {
	scrollbar-width: 10px;
	scrollbar-color:#A0BAD3; 
}
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background:none;
}
::-webkit-scrollbar-button {
	color:#005393;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background:#A0BAD3;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#005393;
}
/* UL LI */
.text .block-user ul,
ul,
ol {
	margin:20px 0px;
	padding:0px;
}
.text .block-user ul li,
ul li {
	list-style-type: none;
	padding:0px;
	margin:0px;
	line-height: 1.3em;
}
.text .block-user ul li:before {
	display: none;
}
.cke_editable ol,
.cke_editable ul,
ul.text,
ol.text,
.text ul,
.text ol {
  margin:20px 20px;
  padding:0px;
}
.cke_editable ul li,
ul.text li,
ol.text li,
.text ul li,
.text ol li {
  list-style-type:none;
  position:relative;
  margin:8px 0px 8px 21px;
}
.cke_editable ul li:before,
ul.bullet li:before,
.text ul li:before {
	display:block;
	content:"";
	position:absolute;
	height:8px;
	width:8px;
	border-radius:25px;
	background-color:#3C6BA4;
	margin:7px 0px 0px -21px;
	padding:0px;
}
.cke_editable ol,
.text ol,
ol.text {
    counter-reset: item;
}
.cke_editable ol li,
.text ol li,
ol.text li {
	display:block;
	list-style-type:none;
	padding:0px;
	margin:1.2em 20px;
	position:relative;
}
.cke_editable ol li:before,
.text ol > li:before,
ol.text > li:before {
	display:block;
	position:absolute;
	left:-36px;
	top:-1px;
	padding:0px 0px 0px 13px;
    content: counter(item); 
	counter-increment: item;
	font-weight:700;
	color:#3C6BA4;
	font-size:1.2em;
}
/* FIN UL LI */
/* COULEURS */
.cbBlanc {
	border-color:white;
}
.cbNoir {
	border-color:black;
}
.cbGris {
	border-color:#9AA0A5;
}
.cbBleu {
	border-color:#005393;
}
.cbRouge {
	border-color:#d54358;
}
.cbOrange {
	border-color:orange;
}
.cbVert {
	border-color:#007a45;
}
.cbAnis {
	border-color:#B8D030;
}
.blanc,
.cBlanc {
	color:white;
}
.noir,
.cNoir {
	color:#191919;
}
.gris,
.cGris {
	color:#9AA0A5;
}
.grisF {
	color:#686868;
}
.bleu,
.cBleu {
	color:#005393;
}
.bleu-moyen,
.cBleu-moyen {
	color: #0067a2;
}
.bleu-clair,
.cBleu-clair {
	color:#009bc5;
}
.bleu-vert,
.cBleu-vert {
	color:#00AB96;
}
.vert,
.cvert {
	color:#007a45;
}
.vert-anis,
.cVert-anis {
	color:#c4cf00;
}
.jaune,
.cJaune {
	color:#f2b900;
}
.orange,
.cOrange {
	color:#ee7203;
}
.rouge,
.cRouge {
	color:#d54358;
}


.tableau,
.tableau2 {
	border-collapse:collapse;
	border:0px;
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 13px;
	color:191919;
	width:100%;
}
.tableau {
	border-top:1px solid #005393;
}
.tableau2 {
	border-left:1px solid #005393;
}
.tableau td,
.tableau th,
.tableau2 td,
.tableau2 th {
	border: 0px;
	padding:10px 20px;
	width: 13%;
}
.tableau td,
.tableau2 td {
	background-color: #EEF3F9;
}
.tableau th,
.tableau2 th{
	font-weight: 600;
	text-align: left;
}
.tableau th[scope=row],
.tableau2 th[scope=col]{
	background-color: #005393;
	color:#FFF;
	font-size: 14px;
}
.tableau th[scope=col],
.tableau2 th[scope=row]{
	color:#212851;
	text-transform: uppercase;
}
.tableau th[scope=col]{
	padding-top:30px;
	padding-bottom:20px;
}
.tableau2 th[scope=row]{
	
}
.tableau thead th[scope=row]{
	background-color:transparent;
}
.tableau tr {
	border-bottom:3px solid #FFF;
}
.tableau2 tr th[scope=col],
.tableau2 tr td {
	border-left:3px solid #FFF;
}
@media all and (max-width:989px) {
	.tableau, 
	.tableau2 {
		overflow-x: auto;
		display: block;
		margin: 25px 0px;
		width: auto;
		height: inherit;
	}
}
/* FIN COULEURS */
/* ckeditor */
.phrase {
	font-style: italic;
	color:#3C6BA4;
	font-size:1.2em;
}
.attention {
	border:1px dotted red;
}
/* fin ckeditor */