@charset "UTF-8";
/* CSS Document */
/* color : #18CFF8 */
html {
  font-family: Helvetica, Arial, "sans-serif";
	font-family: 'Open Sans', 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:#444;
}
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;
}
*:active,
*:focus {
	outline-style:none;
}
.para:after,
.clearfix:after,
.header:after,
.navi:after,
.main:after,
.text:after,
.contenu:after,
.footer:after {
	display:block;
	content:"";
	height:0px;
	visibility: hidden;
	clear:both;
}
.lire-article,
.legend,
.xLien,
.dateT,
.icOpen.withTextDeplier,
.bouton,
.submit,
input[type="submit"],
input[type="button"],
.numberListe,
.bMenuNav .act,
h1, h2, h3, h4, h5 {
	font-family: "Montserrat", sans-serif;
}
.titre,
h1, h2, h3, h4, h5 {
	line-height: 1.2em;
	color:#000;
	font-weight: 700;
	text-rendering: optimizeLegibility;
}
.h1,
h1 {
	margin:40px 0px;
	padding:0;
	color:#18CFF8;
	font-size:1.9em;
}
h2 {
	margin:80px 0 35px 0;
	font-size:1.52em;
}
.itDiapo .titre,
.vit .titre,
h4.titre,
div.titre {
	font-family: 'Open Sans', sans-serif;
	text-transform: none;
}
.nod .vit h2.titre,
.vit h2.titre,
.item h2.titre {
	font-size:1.45em;
}
h3 {
	margin:45px 0 25px 0;
	font-size:1.32em;
}
.nod .vit h3.titre,
.vit h3.titre,
.item h3.titre {
	font-size:1.25em;
}
h4 {
	margin:35px 0 17px 0;
	font-size:1.25em;
}
.nod .vit h4.titre,
.vit h4.titre,
.item h4.titre {
	font-size:1.15em;
}
h5 {
	margin:25px 0 13px 0;
	font-size:1.12em;
}
.nod .vit h5.titre,
.vit h5.titre,
.item h5.titre {
	font-size:1.06em;
}
/* GENERAL */
hr {
	display: block;
	height:7px;
	background: #EAEBEC;
	border:0px;
	margin:2em 0;
}
.imgBg {
	background-repeat: no-repeat;
	background-size:cover;
}
.sideL {
	float:left;
	width:20%;
}
.sideR {
	float:right;
	width:20%;
}
.withSideL .art {
	float:right;
	width:70%;
}
p {
	margin:1.1em 0px;
}
.box,
.margTB,
.msg {
	margin:50px 0px;
}
.box {
	position:relative;
}
.attention {
	border:1px solid gray;
	padding:15px 25px;
}
.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 {
	white-space: nowrap;
}
.flex {
	display: flex;
	position: relative;
}
.flexAlignCenter,
.fAlignCenter {
	align-items: center;
}
.flexCenter,
.fCenter {
	justify-content: center;
}
.flexBetween,
.fBetween {
	justify-content: space-between;
}
.flexAround,
.fAround {
	justify-content: space-around;
}
.flexWrap,
.fWrap {
	flex-wrap: wrap;
}
.table {
	display: table;
	border-collapse: collapse;
}
.w100 {
	width:100%;
}
.td {
	display: table-cell;
	vertical-align: top;
}
.td50 {
	width:50%;
}
.padL {
	padding-left:45px;
}
.padR {
	padding-right:45px;
}
/* FIN GENERAL */
/* article */
.art .f_field-introduction {
	font-size:1.2em;
	font-weight:600;
}
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:31px auto;
        text-align: left;
        position: relative;
        background-color: #D9F4F7;
        color:#1D5561;
        border-radius:4px;
	transition: 0.2s;
	max-width: 800px;
}
div[role='contentinfo'],
.front div[role='contentinfo'],
.node-type div[role='contentinfo'] {
        position:absolute;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	z-index: 300;
}
.msgSuccess {
	border-color:#97DF95;
        background-color:#E1FFE1;
        color:#1C6648;
}
.msgWarning {
	border-color:#FFB17D;
        background-color:#FFE8D9;
        color:#CF5836;
}
div[aria-label="Message d'erreur"],
.msgError {
	border-color:#F57670;
        background-color:#FFE1E1;
        color:#650103;
}
.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: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	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 */
/*
.exempleScrollbar {
	scrollbar-width: 10px;
	scrollbar-color:#A0BAD3; 
}*/
.cke_editable .imgCenter,
.imgCenter {
	margin-left:auto;
	margin-right: auto;
}
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background:none;
}
::-webkit-scrollbar-button {
	color:#0066A9;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background:#A0BAD3;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#0066A9;
}
/* UL LI */
div[role='contentinfo'] li {
	list-style-type: disc;
	margin:5px 10px;
}
ul,
ol {
	margin:0px;
	padding:0px;
}
ul li {
	list-style-type: none;
	padding:0px;
	margin:0px;
}
.cke_editable ul,
.texte ul,
.texte ol,
ul.texte,
ol.texte {
  margin:20px 60px;
  padding:0px;
}
.cke_editable ul li,
.texte ul li,
.texte ol li,
ul.texte li,
ol.texte li {
  list-style-type:none;
  position:relative;
  margin:10px 0px 10px 23px;
}
.texte ul li:before,
.cke_editable ul li:before,
ul.bullet li:before {
	display:block;
	content:"";
	position:absolute;
	height:10px;
	width:10px;
	border-radius:30px;
	/*transform: rotate(-20deg); */
	background-color:#18CFF8;
	margin:7px 0px 0px -23px;
	padding:0px;
}
.texte ol,
.cke_editable ol,
ol.texte {
    counter-reset: item;
}
.texte ol li,
.cke_editable ol li,
ol.texte li {
	display:block;
	list-style-type:none;
	padding:0px;
	margin:1.2em 20px;
	position:relative;
}
.texte ol > li:before,
.cke_editable ol > li:before,
ol.texte > li:before {
	display:block;
	position:absolute;
	left:-46px;
	top:-1px;
	padding:0px 0px 0px 13px;
    content: counter(item); 
	counter-increment: item;
	font-weight:700;
	color:#18CFF8;
	font-size:1.3em;
}
/* FIN UL LI */
/* COULEURS */
.cb_blanc {
	border-color:white;
}
.cb_noir {
	border-color:black;
}
.cb_gris {
	border-color:#989A9E;
}
.cb_couleur,
.cb_bleu {
	border-color:#18CFF8;
}
.main .nod_gallery h1,
.cb_bleu-clair {
	border-color: #82D2EA;
}
.main .nod_video h1,
.cb_bleu-fonce {
	border-color:#0066A9;
}
.cb_rouge {
	border-color:#F34366;
}
.main .nod_publication h1,
.cb_rose {
	border-color:#F6447E;
}
.main .nod_actualite h1,
.cb_orange {
	border-color:#F09429;
}
.main .nod_agenda h1,
.cb_vert {
	border-color:#2ECCAC;
}
.cb_anis {
	border-color: #AFBD41;
}
.blanc {
	color:white;
}
.noir {
	color:black;
}
.gris {
	color:#989A9E;
}
.couleur,
.bleu {
	color:#18CFF8;
}
.bleu-clair {
	color: #82D2EA;
}
.bleu-fonce {
	color:#0066A9;
}
.rouge {
	color:#F34366;
}
.rose {
	color:#F6447E;
}
.orange {
	color:#F09429;
}
.vert {
	color:#2ECCAC;
}
.anis {
	color:#AFBD41;
}
.bg_blanc {
	background-color:white;
}
.bg_noir {
	background-color:black;
}
.bg_gris {
	background-color:#989A9E;
}
.bg_gris_clair {
	background-color:#EAEBEC;
}
.itTag_page .typeName,
.bg_couleur,
.bg_bleu {
	background-color:#18CFF8;
}
.itTag_gallery .typeName,
.tag_gallery .cat,
.bg_bleu-clair {
	background-color: #82D2EA;
}
.itTag_media .typeName,
.tag_media .cat,
.bg_bleu-fonce {
	background-color:#0066A9;
}
.itTag_article .typeName,
.bg_rouge {
	background-color:#F34366;
}
.itTag_publication .typeName,
.tag_publication .cat,
.bg_rose,
.submit.bg_rose {
	background-color:#F6447E;
}
.itTag_acutalite .typeName,
.tag_acutalite .cat,
.bg_orange {
	background-color:#F09429;
}
.itTag_rendez_vous .typeName,
.tag_rendez_vous .cat,
.bg_vert {
	background-color:#2ECCAC;
}
.bg_anis {
	background-color: #AFBD41;
}
/* FIN COULEURS */
/* ckeditor */
.pageUser .responsive-enabled,
.tableau,
.tableau2 {
	border-collapse:collapse;
	border:0px;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 15px;
	color:#191919;
	width:100%;
	margin:35px 0;
}
.pageUser .responsive-enabled,
.tableau {
	border-top:1px solid #0066A9;
}
.tableau2 {
	border-left:1px solid #0066A9;
}
.cke_editable .tableau ul,
.texte .tableau ul,
.texte .tableau ol,
.tableau ul.texte,
.tableau ol.texte,
.cke_editable .tableau2 ul,
.texte .tableau2 ul,
.texte .tableau2 ol,
.tableau2 ul.texte,
.tableau2 ol.texte {
  margin:5px 0px;
  padding:0px;
}
.pageUser .responsive-enabled td,
.pageUser .responsive-enabled th,
.tableau td,
.tableau th,
.tableau2 td,
.tableau2 th {
	border: 0px;
	padding:10px 20px;
	width: 13%;
}
.tableau2[border="1"] td {
	border-bottom: 1px solid #C6D9DF;
}
.tableau[border="1"] td {
	border-right: 1px solid #C6D9DF;
}
.pageUser .responsive-enabled td,
.tableau td,
.tableau2 td {
	background-color:#EBF4F7;
	vertical-align: top;
}
.tableau tr:nth-child(even) td {
	background-color:#FFF;
}
.pageUser .responsive-enabled th,
.tableau th,
.tableau2 th{
	font-weight: 600;
	text-align: left;
}
.pageUser .responsive-enabled th[scope=row],
.tableau th[scope=row],
.tableau2 th[scope=col]{
	background-color:#0066A9;
	color:#FFF;
	font-size: 15px;
}
.pageUser .responsive-enabled th[scope=col],
.tableau th[scope=col],
.tableau2 th[scope=row]{
	color:#003F68;
	text-transform: uppercase;
}
.pageUser .responsive-enabled th[scope=col],
.tableau th[scope=col]{
	padding-top:30px;
	padding-bottom:20px;
}
.pageUser .responsive-enabled th.text-align-center,
.tableau2 th.text-align-center,
.tableau th.text-align-center {
	text-align: center;
}
.pageUser .responsive-enabled thead th[scope=row],
.tableau thead th[scope=row] {
	background-color:transparent;
}
.pageUser .responsive-enabled tr,
.tableau tr {
	border-bottom:1px solid #C6D9DF;
}
.pageUser .responsive-enabled tr td,
.tableau2 tr th[scope=col],
.tableau2 tr td {
	border-left:1px solid #C6D9DF;
}
@media all and (max-width:989px) {
	.pageUser .responsive-enabled,
	.tableau, 
	.tableau2 {
		overflow-x: auto;
		display: block;
		margin: 25px 0px;
		width: auto;
		height: inherit;
	}
}
.phrase {
	font-style: italic;
	color:#0D9FD4;
	font-size:1.25em;
}
.attention {
	border:2px dotted red;
	font-size: 1.25em;
	color:#000;
}
/* legend */
figure[role="group"] {
	margin:15px 0px;
}
figure[role="group"] > article > .js-media-library-item-preview + div {
	display: none;
}

.align-center .boxLegend,
.align-center + figcaption,
.align-center figcaption {
	text-align: center;
}/*
.align-left .boxLegend,
.align-left + figcaption,
.align-left figcaption {
	text-align: left;
} */
.align-left + figcaption {
	float:left;
	clear: left;
	padding-right: 15px;
	padding-bottom: 10px;
}
/*
.align-right .boxLegend,
.align-right + figcaption,
.align-right figcaption {
	text-align: right;
}*/
img.imgLeft {
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}
img.imgRight {
	margin-left: 20px;
	margin-bottom: 10px;
	float:right;
}
.align-right + figcaption {
	float:right;
	clear: right;
	padding-left: 15px;
	padding-bottom: 10px;
}
.align-center {
	text-align: center;
}
.align-center img {
	margin:auto;
}
.cke_editable h3,
.nod h3 {
	color:#F09429;
}
.node-page-form .cke_editable h2,
.node-page-edit-form .cke_editable h2 {
	background: url('../images/icons/carre_h2.png') no-repeat left top;
	padding-left:65px;
}
.nodT1 h2:before {
	display: inline-block;
content: "";
height: 18px;
width: 18px;
background-color: #F09429;
margin-right: 13px;
margin-top: 8px;
}
.cke_editable .align-left img,
.cke_editable .align-right img {
	max-width:100% ;
	height: auto;
}
.cke_editable .align-left {
	margin-right: 5%;
	max-width: 45%;
}
.cke_editable .align-right {
	margin-left: 5%;
	max-width: 45%;
}
@media all and (min-width:990px) {
.align-left {
	margin-right: 5%;
	max-width: 45%;
}
.align-right {
	margin-left: 5%;
	max-width: 45%;
}
}
.vue_media .boxLegend .legendImg {
	font-size: 13px;
}
.cke_widget_drupalmedia + p:after,
div.align-left + div:after,
div.align-right + div:after,
div.align-left + p:after,
div.align-right + p:after,
.clear {
	clear:both;
	display: block;
	content:"";
	height: 0px;
}
.boxLegend,
figcaption,
.legendImg {
	color:#666;
	font-style: italic;
	font-size: 16px;
	line-height: 1.1em;
	padding:1px 8px;
	text-align: center;
}
.mediaBloc .boxLegend {
	padding:0px;
	display: flex;
	justify-content: center;
}
.editeur .boxLegend,
figcaption {
	padding:5px 0px 15px 0px;
}
.legendImg {
	display: inline-flex;
	background: rgba(255,255,255,0.8);
}
.node_media .boxLegend .legendImg {
	font-size: 15px;
}
.imgCredit {
    position: relative;
	display: inline-flex !important;
	margin: auto;
    justify-content: center;
    align-items: center;
}
.creditPhoto {
    background: rgba(0,0,0,0.4);
    padding: 1px 3px;
    font-size: 13px;
    color: rgba(255,255,255,0.8);
    position: absolute;
    z-index: 10;
    bottom: 0px;
    left: 0px;
	line-height: 1.1em;
}
.creditPhoto:before {
    display: inline-block;
	content:"©";
	padding-right: 2px;
}
/* fin legend */
/* fin ckeditor */