body, html, :root{
	padding:0;
	margin:0;
	 --main-color: #01527e;
}

body, html, label, td, input, button, select, textarea{	
	font-size:14px;
	font-family: 'ralewayregular', "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

#contenu {
	width: 100%;
	transition: margin-left .5s;/*, filter .5s;*/
	box-sizing:border-box;
}

#contenu.fondFlouLeft{
	margin-left:-9%;
	/*filter: blur(2px) contrast(30%) brightness(130%);*/
}


#contenu.fondFlou{
	/*filter: blur(2px) contrast(30%) brightness(130%);*/
}


.bold{
	font-weight:bold;
}



.italic{
	font-style:italic;
}

hr{
    border:none;
    border-top:1px solid #eee;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////

	O V E R L A Y


///////////////////////////////////////////////////////////////////////////////////////////////////*/
#fond {
	width: 100vw;
	height: 0vh;
	position: fixed;
	top: 0;
	left: 0;
	transition: height 0s 1s, visibility 0s 1s;
	z-index:15;
	overflow:hidden;
	visibility:hidden;
}

.affFond #fond{
	height: 100vh;
	transition: height 0s, visibility 0s;
	visibility:visible;
}

#fond .fondBg {
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0);
	
	transition: background-color .5s;
}
.affFond #fond .fondBg {
	background-color:rgba(0,0,0,.5);
}


.bt-closeFond{	
	position:absolute;
	top:-.8em;
	right:-.8em;
	text-decoration:none;
	
}
.bt-closeFond::before{
	font-family:'pictos';
	content:"\f00d"; /*'x'*/
	display:block;
	width:1.5em;
	height:1.5em;
	border-radius:50%;
	text-align:center;
	vertical-align:middle;
	line-height:1.5em;
	background-color:#fff;
	border:.3em solid var(--main-color);
	color: var(--main-color);
}



.bt-closeFondFleche{	
	position:absolute;
	bottom:3em;
	left:3em;
	text-decoration:none;
	
}

.bt-closeFondFleche::before{
	font-family:'pictos';
	content:"\f061"; /*MULT*/
	display:block;
	width:3em;
	height:3em;
	border-radius:50%;
	text-align:center;
	vertical-align:middle;
	line-height:3em;
	border:3px solid #fff;
	font-weight:bold;
	color:#fff;
}




.overlayDr{
	position: fixed;
	right: 0;
	height: 100vh;
	top: 0;
	width: 0%;
	background-color: var(--main-color);
	transition: width .5s;
	box-shadow: 0px 0px 5px rgba(0,0,0,1.00);
	box-sizing: border-box;
}

.affFond #fond .overlayDr {
	width: 33%;
}

.dOverlay{
	position: fixed;
	left: 50%;
	top:50%;
	background-color: #fff;
	transition: opacity .5s;
	opacity:0;
	box-sizing: border-box;
	transform:translate(-50%, -50%);
	border-radius:.3em;
}

.affFond #fond .dOverlay{
	opacity:1;
}

.dOverlay .overlayDr{
	overflow:hidden;	
}

.fondInt{
	padding:1em;
	
}



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

T R U C S

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


.tmp-demi,.tmp-quart{
	display: inline-block;
	overflow:hidden;
}
.tmp-demi{
	width:50%;
}

.tmp-quart{	
	display: inline-block;
	width:25%;
}




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

D E S I G N

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



.largSite, nav>ul{
	width:90%;
	max-width:1600px;
	margin:auto;
	position:relative;
}


.m-larg .largSite, .m-larg nav>ul{
	width:94%;
	max-width: none;
}

.extraLarge .largSite, .extraLarge nav>ul{
    width:96%;
	max-width:100%;
}

.bg-gris{
    background-color:#f6f6f6;
}
    
.paddingV{
	padding-top:2em;
	padding-bottom:2em;
}

header{
	width:100%;
	background-color:#bbbbbb;
	height:30vh;
	min-height:15em;
	background-image: url(../TMPFILES/AdobeStock_164049555_Preview.jpg);
	background-size: cover;
	background-position: center;
	position:relative;
	z-index: 10;
}


h1, .m-h1{
	color:#009adb;
	font-size:250%;
}


h2{
    padding: 1.5em 0 1em 0;
    font-size:180%;
    color:#01527e;
}
/*MENUS*/

nav.menuM{	
	position: absolute;
	/*background-color:rgba(1,82,126,.7);	
    background-color:rgba(0,154,219,.7);
   background-color:rgba(0,154,219,1);*/
   
	bottom:0;	
	
	width:100%;
}

nav.menuM::before{
    content: "";
    position: absolute;
    display: block;
    width:100%;
    height:100%;
    top:0;
    left:0;
      background-color:rgba(0,154,219,.8);
    mix-blend-mode: multiply;
}

nav.menuM>ul{
	display: flex;
	align-items:stretch;
	font-size:80%;
	padding:0;	
	height:4em;
}

nav.menuM ul, nav.menuM a{
	color:#fff;
	text-transform: uppercase;
	font-family: 'ralewaybold', "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-decoration:none;
	white-space: nowrap;
}
nav.menuM a:hover{
	color:#fff;
}
nav.menuM>ul>li{	
	flex-grow:2;
	margin:0;
	padding:0;
	padding-top:.3em;
	box-sizing: content-box;
	display: inline-block;
	position: relative;	
	text-align: center;
}

nav.menuM>ul>li:hover, nav.menuM>ul>li.m-aff{
		background-color:rgb(1,82,126);	
}
nav.menuM ul ul{
	display:none;
	position: absolute;
	background-color:#01527e;
	text-align: left;
	margin:0;
	padding:0;
	box-shadow: 0 .2em .2em rgba(0,0,0,0.50);
	min-width: 100%;
	top: 100%;
}

nav.menuM ul li:last-child ul{
	right:0;
}
nav.menuM ul ul li a{
	padding:0 1em;	
    box-sizing:border-box; 
}
nav.menuM ul li.m-aff ul{
	display:block;
	
}
nav.menuM ul ul>li{
	display:block;
}


nav.menuM ul ul>li a:hover{
	background-color:#009adb;
}


nav.menuM>ul>li:first-child{
	text-align: left;
	flex-grow:1;
}


nav.menuM>ul>li:last-child{
	text-align: right;
	flex-grow:1;
}

nav.menuM>ul>li a{
	display: block;
	width: 100%;
	vertical-align:middle;
}
nav.menuM>ul>li a::before{
	content: "";
	display: inline-block;
	height:4em;
	vertical-align:middle;
}
nav.menuM>ul>li.m-ssCat>a::after, nav.menuM>ul>li.m-menuMembre.m-ssCat:hover>a::after, nav.menuM>ul>li.m-menuMembre.m-ssCat.m-aff>a::after{
	content:'';
	display: inline-block;
	width:2em;
	height:2em;
	margin-bottom:.4em;
	margin-left:1em;
	vertical-align:middle;
	text-align: center;
	background-image:url(../graph/fleche.svg);
	background-position: center;
	background-size: 60%;
	background-repeat: no-repeat;
	transition:transform .3s;
}

nav>ul>li.m-ssCat.m-aff>a::after{
	transform:rotate(90deg);	
}

nav>ul li.m-menuMembre a{
	color:#ff0000;
}


nav>ul li.m-menuMembre.m-aff li, nav>ul li.m-menuMembre.m-aff, nav>ul li.m-menuMembre:hover{
	background-color:#ff0000;
}
nav>ul li.m-menuMembre.m-aff li a, nav>ul li.m-menuMembre.m-aff a, nav>ul li.m-menuMembre:hover a{
	color:#ffffff;
}

nav>ul>li.m-menuMembre.m-ssCat>a::after{
	background-image:url(../graph/flecherouge.svg);
}
	
#bdTop{
	background:rgba(193,194,194,.7);
	background: linear-gradient(90deg, rgba(193,194,194,.9) 32%, rgba(193,194,194,0.6) 60%, rgba(193,194,194,0.8) 80%);
	height:5em;
	position:relative;
}


.d-logotop{
	position: absolute;
	z-index: 5;
	background-image:url(../graph/logogris.png);
	background-size: 70% auto;
	background-repeat:no-repeat;
	background-position: center;
	width:10em;
	height:5em;	
	top:0;
	left:0;
	display: block;
}



.bt-espaceMembres{
	position: absolute;
	top:2em;
	right:0;
	font-size:80%;
	color:#fff;
	white-space: nowrap;
}


.bt-espaceMembres a{
	color:#fff;
	text-decoration:none;
}

.bt-espaceMembres a.l-logoMembre::before, .a-userPicto::after{
	content: "";
	display: inline-block;
	width:2em;
	height:2em;
	vertical-align: middle;
	margin:0 1em;
	background-image:url(../graph/membre.svg);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: top;
}

.bt-espaceMembres a:hover{
	color:rgba(1,82,126);	
}

.bt-espaceMembres a.l-logoMembre:hover::before{
	background-position: bottom;
}

.a-userPicto::after{
	width:2.7em;
	height:2.7em;
}

.a-userNom{
	display:block;
	font-size:130%;
}

.d-userMembre>*{
	vertical-align: middle;
	display: inline-block;
	text-align: right;
}

.d-userMembre a{
	display: inline-block;
	margin-left:.5em;
	padding-left:.5em;
	border-left:1px solid #fff;
}

.d-userMembre a:first-child{	
	margin-left:.0;
	padding-left:0;
	border-left:none;
}

.a-userPicto{
	width:3em;
	height:3em;
}


nav>ul>li.bt-home{
	width:4em;
	text-indent:-500em;
	flex-grow: 0;
}

.bt-home a::after{
	content: "";
	width:4em;
	height:4em;
	background-size: 40%;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	background-image:url(../graph/home.svg);
	position: absolute;
	top:0;
	left:0;
}



main{
	min-height:68vh;
}

.d-grid{
	display: flex;
	flex-wrap: wrap;
}

	
.d-grid>*{
	width:28%;
	padding:3% 1.5%;
	display: inline-block;
}



.d-grid>*:nth-child(3n+1){
	padding-left:5%;	
}


.d-grid>*:nth-child(3n){
	padding-right:5%;	
}

.d-grid>*:nth-child(6n+4), .d-grid>*:nth-child(6n+5), .d-grid>*:nth-child(6n+6){
	background-color:rgba(1,82,126,.3);	;
	background-color:rgba(1,82,126,.1);	
}


.d-case, .d-case:hover{
    color:#000;
    text-decoration: none;
}


.d-case>div{
	background-color:#fff;
	height:100%;
	box-sizing: border-box;
	position: relative;
    background-repeat: no-repeat;
    background-size:cover;
}

.d-case>div h1, .d-case>div h2, .d-case>div h3{
	box-sizing: border-box;

}
.d-case .m-imageCase{
    padding-top:100%
}


.d-case .m-caseGrosBouton{
    min-height:100%;
    position: relative;
    padding-bottom:7em;
    box-sizing: border-box;
}

.d-case .m-caseGrosBouton.m-txtApresImg{
     min-height:calc(100% - 14em);
}

.d-case .m-caseGrosBouton .bt-grosBouton{
    position: absolute;
    bottom: 0;
    width: calc(100% - 9em);
}

.d-caseTxtInt{
	padding:2em;
}


.m-mesInfos>div{
    padding:10% 0;
    text-align: center;
}
.d-case .d-mesinfosLogo{
    padding-top:30%;
    background-image:url(../graph/membre.svg);
    width:30%;
    margin:10% 35%;
    background-size:100%;
    background-position: left top;
}


.d-case .sepa{
    height:2em;
}

.d-contWidgLiens a{
    display: block;
    padding:1em 1em;
    border:1px solid #fff;
    text-decoration: none;
}

.d-case.m-bleu .d-contWidgLiens a:hover{
    background-color:#fff;
    color:#01527e;
}

.d-contWidgLiens a+a{
     border-top-width:0;   
}

.d-bdImaTop>img{
	max-width: 80%;
	max-height: 80%;
	height:auto;
	width: auto;
	padding:0em;
}

.d-bdImaTop{
	width:100%;
	max-width:100%;
	padding:2em;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
.m-ima{
	height:14em;
	padding:0;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}
.m-ima.m-logo{
    background-size:90%;
}

.m-ima>img{
	max-width:none;
	max-height:none;
	width:100%;
	padding:0;
}

.d-case>div.d-caseApl{
	background-image:url(../graph/logoposransparent.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80%;
	padding-top:100%;
}


/*PARTENAIRES*/

.d-contMiniLogos{
    display: flex;
    width: 100%;
    padding:.2em;
     text-align:center;
    align-items:center;
}

.d-contMiniLogos.m-vertical{
    flex-direction: column;
}

.d-contMiniLogos>*{
     flex:1;   
    text-align: center;
    display:inline-block;
    max-width:50%;
    vertical-align:middle;
   
}

.d-contMiniLogos>*>img{
    width:80%;
}


.d-contMiniLogos.m-vertical>*{
     max-width:100%;
    padding:2em;
}


.d-contMiniLogos.m-vertical>*>img{
    width:90%;
}

.d-case h2 a{
    text-decoration: none;
}

/* A G E E N D A */

.d-agendaUneDate{
	margin-bottom:1em;
    display: block;
}
.d-agendaUneDate>*{
	display: inline-block;
	vertical-align: middle;
	max-width:calc(100% - 7.5em);
	
}
a.d-agendaUneDate{
	color:#000;
	
}
.d-agendaUneDate>div:first-child{
	display: inline-block;
	width:6em;
	height:6em;
	margin-right:1em;
	background-color:#c1c2c2;
	background-image:url(../graph/logoblancTransparent.png);
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	overflow:hidden;
}

.d-agendaUneDate>div:first-child img{
	width:100%;
	height:100%;
    background-color:#fff;
    border:1px solid #eee;
    box-sizing: border-box;
    
}
.d-dateAgenda{
	color:#01527e;
	text-transform: uppercase;
	font-family: 'ralewaylight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
}


.d-case.m-cadreBleu>div{
	border:1em solid #01527e;
}

.d-case.m-bleu>div{
	background-color:#01527e;
	color:#fff;
}

.d-case.m-bleu h2, .d-case.m-bleu a{
	color:#fff;
}

.d-case.m-grisClair>div{
	background-color:#eee;
}

.d-case.m-bleu a:hover{
    color:#ff0000;
}
.centrV{
	display: flex;
}


.centrV>div{
	margin:auto;
	height:auto;
	width:100%;
}


a{
	color:#01527e;
}

a:hover{
	color:#ff0000;
}

.bt-grosBouton{
	display: block;
	font-family: 'ralewayblack', "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color:#ff0000;
	margin:2.5em auto;
	padding:1em 2em;
	width:auto;
	border:1px solid #ff0000;
	text-align:center;
	text-transform: uppercase;
	text-decoration: none;
	
}


a.bt-grosBouton:hover, a:hover .bt-grosBouton{
	color:#ffffff;
	background-color:#01527e;
	border-color:#01527e;
}

.m-bleu .bt-grosBouton{
	border-color:#fff;
	color:#fff;
}

.m-bleu a.bt-grosBouton:hover, .m-bleu:hover .bt-grosBouton{
	color:#01527e;
	background-color:#ffffff;
	border-color:#ffffff;
}


footer{
	background-color:#333;
	color:#fff;
	padding:1em 0;
	font-size:80%;
}


footer a{
	color:#fff;
}

footer>div>div{
	display: inline-block;
	width: 40%;
	vertical-align:top;
	box-sizing: border-box;
	padding-right:2em;
	padding-left:2em;
}
footer>div>div:first-child{
	width:20%;
	font-size: 80%;
	border-right:1px solid #fff;
	padding-left:0;
}
footer ul, 
footer ul li{
	display: block;
	margin:0;
	padding:0;
}

footer ul li a{
	display: block;
	padding:.5em 0;
	text-decoration:none;
}


footer ul li a::before{
	content: "";
	width:2em;
	height:2em;
	display: inline-block;
	vertical-align: middle;
	margin-right:1em;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom:.5em;
}
.pic-contact a::before{
	background-image:url(../graph/mail-02.svg);
}
.pic-loc a::before{
	background-image:url(../graph/pictoloc-03.svg);
}
.pic-map a::before{
	background-image:url(../graph/pictositemap.svg);
}

.d-pdpCopyright{
	text-align:right;
	padding-right:0;
}

#d-logoPdp{
	width:100%;
	height:5em;
	background-image: url(../graph/logoblancTransparent.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	display: inline-block;
}


.d-cookie{
    background-color:#ff0000;
    color:#fff;
    line-height:5em;
    text-align: center;
}


.d-cookie a{
     display: inline-block;
    vertical-align: middle;
 
    padding:1em;
    margin-left:1em;
    border:1px solid #fff;
    color:#fff;
    line-height: 1em;
    text-decoration: none;
}

.d-cookie a:hover{
    color:#ff0000;
    background-color: #fff;
}


@media all and (max-width: 800px) {


    .d-cookie{
        line-height:normal;
        padding:.5em;
    }


    .d-cookie a{
         display: block;
        margin:1em;
    }
}

.l-ssRub{
    display:block;
    padding:.5em 0;
}

.l-ssRub::before{
        content: "";
        display: inline-block;
    margin-right:1em;
    border:.3em solid currentColor;
    transform:rotate(45deg);
    border-bottom-color:transparent;
    border-left-color:transparent;
}

@media screen and (min-width: 1760px){ /* XXXXXXXX
	
	/*3 cols bloqué 1600px*/
	
	.d-grid>*{
		max-width:497.76px; /*1600 /90 * 28%*/
		width:497.7776px; /*1600 /90 * 28%*/
		padding:48px 26.65px;
	}
	

	.d-grid>*:nth-child(3n+1){
		padding-left:calc(50% - 800px); /*1600 / 2*/

	}
	.d-grid>*:nth-child(3n){
		padding-right:calc(50% - 800px);
	}

}


@media screen and (max-width: 85em){
	/*2 cols*/
	

	
	.d-grid>*:nth-child(n){
		background-color:#fff;
		width:43.5%;
		padding:3% 1.5%;
	}
	
	.d-grid>*:nth-child(2n+1){/*G*/
		padding-left:5%;
	}
	.d-grid>*:nth-child(2n){/*D*/
		padding-right:5%;
	}
	
	.d-grid>*:nth-child(2n+1):last-child{/*G*/
		padding-right:51.5%;
	}
	
	.d-grid>*:nth-child(4n+3), .d-grid>*:nth-child(4n+4){
		background-color:rgba(1,82,126,.3);	;
	}
}

@media screen and (max-width: 35em){
	.d-grid{
		flex-direction: column;
        flex-wrap: nowrap;
	}
	
	.d-caseApl{
		min-height:18em;
	}
	
	.d-grid>*:nth-child(n){
		background-color:#fff;
		padding:2em 1em;
		width:auto;
	}
	
	.d-case > div.d-caseApl{
		padding-top:50%;
	}
	
	footer ul{
		display: flex;
		justify-content: space-between;
	}
	footer ul li{
		display: inline-block;
	}
	footer>div>div, footer>div>div:first-child, .d-pdpCopyright{
		text-align:center;
		display: block;
		margin:0;
		padding:1em;
		width:100%;
		border:none;
	}
	
	#d-logoPdp{
		background-position: center;
	}
}


.bt-hamburger{
	display: none;
	position:absolute;
	right:0;
	top:0;
	width:5em;
	height:5em;
		
	background-image: url(../graph/hamlignes.svg);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
}

.bt-hamburger.affBtHam{
	background-color:rgba(1,82,126,.7);		
}

@media screen and (max-width: 75em){
	
	
	#bdTop{
		width:100%;
		position: fixed;
		transition:top .3s, background-color .3s;
		top:0;
	}
	
	header.bdGris #bdTop{
			top:-5em;
	}
	header.bdGris.bdMonter #bdTop{
		
		background-color:#fff;
		top:0;
	}
	
	header.bdGris.bdMonter #bdTop{
		box-shadow: 0 0 .5em rgba(0,0,0.6);	
	}
	
	#bdTop .largSite{
		width:100%;
		
	}
	.bt-hamburger{
		display: inline-block;
	}
	
	.d-logotop{
		left:50%;
		margin-left:-5em;
	}
	
	.bt-espaceMembres{		
		display:block;
		width:5em;
		height:5em;
		left:0;
		top:0;
		position: absolute;
		font-size:100%;
	}
	.bt-espaceMembres a>span{
		display:none;
	}
	.bt-espaceMembres a::before{
		position: absolute;
		top:1.5em;
		left:1em;
		width:2em;
		height:2em;
	}
	
	nav#navA{
		bottom:auto;
		top:5em;
		width: auto;
		right: 0;
		min-width:16em;
		position:absolute;
	}
	
	nav#navA>ul{
		display:none;
		flex-direction: column;
		height:auto;
		min-width:100%;
		padding:0;
		margin:0;
	}
	
	nav#navA.affHam>ul{
		display:flex;
	}
	nav#navA a{
		text-align:right;
		display: block;
		padding:1em;
		padding-right:3em;
		box-sizing: border-box;
	}
	
	nav#navA>ul>li.m-ssCat>a{
		padding-right:1em;
	}
	
	nav#navA>ul>li.bt-home{
		width:auto;
		text-indent:0;
		flex-grow: 2;
	}
    
    nav#navA ul ul{
		position: relative;
		top:0;
		box-shadow: none;
	}
        
	.bt-home::after{
		display: none;
	}
	
	.d-userMembre{
		
		position: relative;
	}
	
	.d-userMembre .a-userPicto{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	
	
	.a-userPicto::after{
		position: absolute;
		width:60%;
		height:60%;
		top:20%;
		left:20%;
		background-position: top;
		margin:0;
	}
	.d-userLogMenu{
		display:none;
		position: absolute;
		background-color:#009adb;
		top:100%;
	}
	
	.d-userLogMenu a, .d-userLogMenu a:first-child, .a-userNom{
		display:block;
		margin-left:.0;
		padding-left:0;
		border-left:none;
		padding:.5em 1em;
	}
	
	.d-userMembre>div>*{
		text-align:left;
		
	}
	
	.d-userMembre.m-aff{
		background-color:#009adb;
	}
	.d-userMembre.m-aff .d-userLogMenu{
		display:block;
	}
}




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

L O G I N .  B O X

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

.d-loginBox.d-centerMil{
	max-width:20em;
	margin:auto;
	margin-top:10em;
}
.d-loginBox{
	display: block;
}

.d-loginBox label{
	display: none;	
}

.d-loginBox input, .d-loginBox input[type]{
	margin-top:.5em;
	display: block;
	line-height:3em;
	padding:0 1em;
	border:1px solid #009adb;
	width:100%;
	box-sizing: border-box;
	padding-left:4em;
	background-repeat:no-repeat;
	background-size:auto 65%;
	background-position:.5em center;
}


.d-loginBox input.bt-loginFormSubmit{
	background-color: #009adb;
	text-align:center;
	padding:0;
	color:#fff;
}

.d-loginBox input.bt-loginFormLogin{
	background-image:url(../graph/pictomembre.svg);
}

.d-loginBox input.bt-loginFormPass{
	background-image:url(../graph/pictoscadnas.svg);
}

.d-loginBox .bt-loginOublie{
	display: block;
	margin-top:.7em;
	font-size:80%;
}


.d-loginBox input.i-resetPW{
    padding:0 1em;
    text-align: center;
}

.d-alertUser{
	background-color: #009adb;
	text-align:center;
	padding:1em;
	color:#fff;
	margin-bottom:1em;
}

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

C O N T A C T

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


.d-contactBoxCont{

    min-height:68vh;
    display: flex;
    padding:3em;
    box-sizing: border-box;
}
.d-contactBox{
    background-color:#fff;
    width:50em;
    border-radius:.5em;
    padding:2em;
    margin:auto;
}

.d-formContact{
    margin-top:2em;
}

.ta-contact{
    padding-top:1em;
    padding-bottom:1em;
    min-height:8em;
}

.d-contactCarte{
    width:100%;
    height:35em;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

T E X T E S

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.d-txtIma{
    text-align:center;
    display: flex;
    flex-wrap: wrap;
    margin:2em 0;
    background-color:#efefef;
    justify-content: center;
    max-height:80vh;
    position: relative;
}

.d-txtIma>*{
     
    max-width: 100%;
    width: auto;
    object-fit: contain;
    margin-right:2em;
    flex:1;
    min-width: 15em;
    
}


.d-txtIma>*[onclick]{
    cursor:pointer;
}

.d-txtIma>*:only-child{
    
    flex: 0 .5 auto;
}

.d-txtIma>*:last-child{
    margin-right:0;
}

.d-txtImaSL{
    background-color:#eee;
    overflow:hidden;
    height:30em;
    height:60vh;
    white-space: nowrap;
    position: relative;
    margin:1em 0;
}

.dv-slFond{
      white-space: nowrap;
      background-color:green;
}
.dv-slCase{
    width:100%;
    height:100%;
    text-align:center;
    position: absolute;
    top:0;
    background-color:#eee;
}

.dv-slCase img{
    max-height:100%;
    max-width: 100%;
    height:100%;
    
    object-fit: contain;
}




.d-caseBlanc{
    background-color:#fff;
    padding:2em;
    border-radius:.3em;
    margin-bottom:2em;
}

.d-caseBlanc h2{
    margin-top:0;
    padding-top:0;
}



.m-deuxCols>div{
    display: inline-block;
    width:30%;
    width:calc(25em);
    vertical-align: top;
    margin-left:3%;
}

.m-deuxCols>div:first-child{
    width:67%;
    width:calc(97% - 25em);
    margin-left:0;
    
}



.c-cats{
    background-color:rgb(0,154,219);
    box-sizing:border-box;
    padding-top:1em 0;
    color:#fff;
     border-radius:.3em;
    overflow:hidden;
}
.c-cats h3{
    padding-left:2rem;
}

.c-cats a{
    color:#fff;
    padding:.8em 2em;    
    padding:.8em 2rem;
    border-top:1px solid rgba(255,255,255,.5);
    display: block;
    text-decoration:none;
}
.c-cats a.sel{
     font-weight:bold;   
}

.c-cats a.m-grosLien{
    border-top-width: 6px;
    border-top-style: double;
}

.c-cats a.sel::before{
     content: "";
    display: inline-block;
    vertical-align: middle;
    width: .3em;
    height:.3em;
    border:3px solid #fff;
    margin: 0 .6em .4em 0;
    transform:rotate(45deg);
    border-bottom-color:transparent;
    border-left-color:transparent;
}

.c-cats a:hover{
     background-color:#01527e;   
}

@media screen and (max-width: 75em){
    
    .m-deuxCols>div:first-child, .m-deuxCols>div{
        display:block;
        width:100%;
        margin-left:0;
        margin-right:0;
    }
    .m-cats .c-cats{
        display: none;
    }
}