@font-face {
  font-family: 'picto';
  src:  url('../fonts/ceff-picto.eot?V9');
  src:  url('../fonts/ceff-picto.eot?V9#iefix') format('embedded-opentype'),
    url('../fonts/ceff-picto.ttf?V9') format('truetype'),
    url('../fonts/ceff-picto.woff?V9') format('woff');
  font-weight: normal;
  font-style: normal;
}



@font-face {
	font-family: 'SFUIDisplay';
	src: url('../fonts/SFUIDisplay-Bold.eot');
	src: local('☺'), url('../fonts/SFUIDisplay-Bold.woff') format('woff'),
		url('../fonts/SFUIDisplay-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}



            * {
				box-sizing: border-box;	
 			}
			body {
				margin: 0;
				background-color: #f8f8f8;
				height: 100%;
				font-family: 'Open Sans', sans-serif;
				font-size: 0.9vw;
			}

			a:link, a:active, a:hover, a:visited {
				color: #5b5b5b;
				text-decoration: none;
			}

			.frame-fondrouge a:link, .frame-fondrouge a:active, .frame-fondrouge a:hover, .frame-fondrouge a:visited,
			.frame-blocsansmargerouge a:link, .frame-blocsansmargerouge a:active, .frame-blocsansmargerouge a:hover, .frame-blocsansmargerouge a:visited {
				color: #cccccc;
			}
			
			a:hover {
				text-decoration: underline;
			}


			nav, 
			#NavContent .footer {
				width: 25vw;
			}

			nav {
				position: fixed;
				left: 0;
				top: 0;
				height: 100%;
			}

			#NavContent {
				position: relative;
				width: 100%;
				height: calc( 100vh - 3vw );
				background-color: #ffffff;
			}

			#NavClose {
				display: none;
			}

			#NavClose img {
				width: 25px;
				height: auto;
			}

			#NavHeader {
				width: 100%;
				overflow: hidden;
			}


			body.ceff .logo {
				border-right: 1px solid grey;
				border-bottom: 1px solid grey;
			}

			body.ceff #Domains .ceff,
			body.artisanat #Domains .artisanat,
			body.commerce #Domains .commerce,
			body.industrie #Domains .industrie,
			body.sante #Domains .sante {
				display: none;
			}
			
			#NavHeader .domain {
				float: left;
				width: 25%;
				display: table;
			}
			
			#NavHeader .domain span {
				display: table-cell;
				vertical-align: middle;
				text-align: center;
			}
			
			#Domains .domain {
				color: #ffffff;
/*				font-size: 0.97vw; avant mise en majuscule */
				font-size: 0.85vw;
				background-color: #898B8d;
                text-transform: uppercase;
			}

			#Domains .ceff {
                text-transform: none;
                font-size: 1vw;
            }
			#Domains .artisanat {
				background-color: #6259a4;
			}
			#Domains .commerce {
				background-color: #0598cc;
			}
			#Domains .industrie {
				background-color: #46C7f4;
			}
			#Domains .sante {
				background-color: #6ec396;
			}
			
			
			#LogoBox {
				position: relative;
				clear: both;
				height: 10.3vw;
				background-size: cover;
				background-position: bottom;
			}
			
			body.home #LogoBox {
				height: 17.5vw;
			}
			
			#LogoBox #Illustration {
				display: none;
			}

			body.ceff.home #LogoBox #Illustration {
				position: relative;
				display: block;
				height: 7.2vw;
				width: auto;
			}	
			
			#LogoBox #Logo {
				position: absolute; 
/*				height: 10.3vw; */
				width: 100%; 
/*				bottom: 0; 
				padding: 1.3vw 3.125vw; */
			}

			body.ceff #LogoBox #Logo {
				border-right: 1px solid #d9d9d9;  
				border-bottom: 1px solid #d9d9d9;
			}


			#NavMenu {
				padding-top: 1.3vw;
				padding-bottom: 1.3vw;
			}
			
			#LogoBox #Logo,
			#NavMenu,
			#NavAddress,
            .socialnetworks {
				padding-left: 2vw;
				padding-right: 2vw;
			}
			
			#LogoBox #Illustration .domain {
				height: 100%;
				background-size: cover;
				background-position: center;
			}
			
			#LogoBox #Illustration .artisanat {
				background-image: url(/fileadmin/media/domaine/artisanat-portrait.jpg);
			}
			#LogoBox #Illustration .commerce {
				background-image: url(/fileadmin/media/domaine/commerce-portrait.jpg);
			}
			#LogoBox #Illustration .industrie {
				background-image: url(/fileadmin/media/domaine/industrie-portrait.jpg);
			}
			#LogoBox #Illustration .sante {
				width: calc( 100% - ( 3 * 25% ) );
				background-image: url(/fileadmin/media/domaine/sante-portrait.jpg);
			}

			#LogoBox #Logo {
				height: 100%;
				padding-top: 1.2vw;
				background-size: cover;
				background-position:bottom;
			}
			body.home #LogoBox #Logo {
				padding-top: 8.5vw;
			}
			#LogoBox #Logo img {
				height: 7.7vw;
				width:auto;
			}


			#NavMenu,
			#NavAddress,
            #NavNewsletter {
				border-right: 1px solid #d9d9d9;
			}
			
			#NavMenu {
				position: fixed;
				top: calc( 3vw + 10.3vw );		
				height: calc( 100vh - 3vw - 10.3vw - 5.7vw - 3vw - 2vw + 1px );
				width: 25%;
				overflow-y: auto;
			}

			body.home #NavMenu {
				top: calc( 3vw + 10.3vw + 7.2vw );		
				height: calc( 100vh - 3vw - 10.3vw - 7.2vw - 5.7vw - 3vw - 2.8vw + 1px );
			}

			#NavMenu a:link, #NavMenu a:active, #NavMenu a:hover, #NavMenu a:visited {
				color: #919190;
			}
			
			#NavMenu a:hover,
			#NavMenu li.active > a, 
			#NavMenu li.current > a, 
			#NavMenu li.active li.current > a {
				color: black;
//				color: #5b5b5b;
//				font-weight: bold;
			}

			#NavMenu li.active > a, 
			#NavMenu li.current > a, 
			#NavMenu li.active li.current > a {
                font-weight: bold;
            }

			#NavMenu li.active > a,
			#NavMenu li.active li.current > a { text-decoration: none;}


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

			#NavMenu ul li {
				padding: 0 0 1.15vw 0;
			}

			#NavMenu ul li.separator {
				border-top: 1px solid #919190;
			}

			#NavMenu ul li ul {
				display: none;
			}

/*			#NavMenu ul li.active ul,
            #NavMenu ul li.current ul,
			#NavMenu ul li:hover a + ul { */
			#NavMenu ul li.active ul,
            #NavMenu ul li.current ul {
				display: block;
			}

			
			#NavMenu ul ul li {
				padding: 0;
			}

			
			#NavMenu ul ul {
				padding-left: 1.875vw;
			}
			
			#NavAddress {
				position: fixed;
				bottom: 3vw;
				width: 25%;
				height: 5.7vw;
				padding-top: 1.042vw;
				padding-right: 0;
				padding-bottom: 1.042vw;
				color: #979797;
				border-top: 1px solid #f2f2f2;
				background-color: #fcfcfc;
			}

			#NavAddress .container,
			nav .footer .container {
				width: 100%;
				padding: 0;
			}


			#NavAddress a:link, #NavAddress a:active, #NavAddress a:hover, #NavAddress a:visited {
				color: #5b5b5b;
			}

			#NavAddress div.col-lg-7,
			#NavAddress div.col-lg-5,
			#NavAddress div.col-md-7,
			#NavAddress div.col-md-5,
			#NavAddress div.col-sm-7,
			#NavAddress div.col-sm-5,
			#NavAddress div.col-xs-7,
			#NavAddress div.col-xs-5 {
				padding-right: 0;
			}

			@media (min-width: 1200px){
				#NavAddress .container { width: 100%; }
			}
			@media (min-width: 992px){
				#NavAddress .container { width: 100%; }
			}
			@media (min-width: 768px){
				#NavAddress .container { width: 100%; }
			}

			#NavAddress h5 {
				margin: 0;
				font-size: 0.9vw;
				font-weight: bold;
			}

			nav .footer img.img-responsive {
                display: inline-block;
				max-width: none;
				max-height: 2vw;
				width: auto;
				margin: auto;
				margin-top: .57vw;
				opacity: 0.4;
			}

.certif_item { float: left; width: 50%; text-align: right; }

.socialnetworks,
.social_list { height: 100%; }
.social_list { display: table; list-style: none; padding: 0; }
.social_list .social_item { display: table-cell; vertical-align: middle; padding-right: .5vw; }
.social_list .social_item>a::before { font-family: picto; color: #ffffff; opacity: 0.4; font-size: 1.1vw; padding-left: 1px; padding-top: 1px; }
.social_list .social_item>a[href*="facebook.com"]::before { content: '\e908'; }
.social_list .social_item>a[href*="instagram.com"]::before { content: '\e909'; }
.social_list .social_item>a[href*="linkedin.com"]::before { content: '\e90a'; }


@media (max-width: 1199px) {

    .social_list .social_item>a::before {
        font-size: 18px;
        padding-left: 0;
        padding-right: 7px
    }                    

    .social_list .social_item {
        padding-right: 5px;
    }
}
/*
@media (max-width: 1024px) {

    .social_list .social_item>a::before {
        font-size: 2vw;
        padding-left: 0;
        padding-right: 1vw
    }                    

}
@media (max-width: 767px) {

    .social_list .social_item>a::before {
        font-size: 4vw;
        padding-left: 0;
        padding-right: 2vw
    }                    

}
*/


.screen-reader-text {
clip: rect(1px,1px,1px,1px);
position: absolute!important;
height: 1px;
width: 1px;
overflow: hidden;
}

			.bar {
				height: 3vw;
			}

			.main {
				position: fixed;
				width: 70.8333vw;
				left: 27.1%;
			}

/* HEADER */
			header.header {
				top: 0;
				background-color: #898B8d;
				padding: 0 1vw;
				z-index: 10;
			}

			header.header,
			header.header a:link, header.header a:active, header.header a:visited, header.header a:hover {
				color: #ffffff;
			}

			header.header a:hover {
				text-decoration: none;
			}

			header.header div {
				float: left;
			}

			
header.header .header_content {
	display: table; 
	height: 100%
}

header.header .header_content .element {
	display: table-cell; 
	vertical-align: middle; 
	float: none; 
	padding-bottom: .15vw;
}

#HeaderLeft, #HeaderCenter, #HeaderRight {
	height: 100%;
}
			#HeaderLeft {
				display: none;
				float: left;
			}

#HeaderCenter {
	float: left;
	/* Avant ajout PO width: 50%; */
    width: 69%;
}

			#HeaderRight {
				float: right;
				text-align: right;
                /* Avant ajout PO width: 50%; */
				width: 30%;
			}
			
#HeaderRight .header_content {
	float: right;
}

#Search {
	padding-right: 2.8vw;
}

			#HeaderCenter {
				text-transform: uppercase;
			}

			#HeaderCenter .element {
				font-size: 1.14vw;
			}

#Education {
	/* avant ajout PO padding-right: 4.53vw; */
	padding-right: 2.53vw;
}

#Registration {
	padding-right: 2.53vw;
}

header.header .picto {
	vertical-align: middle;
	width: auto;
}

header.header .element,
.cover_close {
	cursor: pointer;
}

header.header.inactive .element {
	visibility: hidden;
	cursor: pointer;
}

header.header.inactive .element.active {
	visibility: visible;
}


#PictoCeff {
	padding-right: 3vw;
}




#HeaderLeft .picto {
	height: 1.5vw;
}

#HeaderRight .picto {
	height: 1.25vw;
	margin-right: .5vw;
}

#HeaderRight span {
	font-size: 1vw;
}

/* /HEADER */

/* COVER */

	.cover {
		position: fixed; 
		top: -100%; 
		height: 100%;
		background-color: #898B8d;
		transition: top .3s  ease-out;
	}

	body.ceff #EducationCover, 
	body.ceff #RegistrationCover {
		left: 0;
		width: 100vw;
	}

	.cover.active {
		top: 0;
	}

	.cover_close {
		position: absolute; 
		right: 0; 
		top: 0;
	}

	.cover_close img {
		width: 25px;
		height: 25px;
	}


/* /COVER */

/* FOOTER */
			.footer {
				position: fixed;
				bottom: 0;
				background-color: #5b5b5b;
			}

			footer.footer {
				left: 25%;
				width: 75vw;
				padding: 1vw 3vw;
			}

			footer.footer a:link, footer.footer a:active, footer.footer a:visited, footer.footer a:hover,
			footer.footer #FooterRight ul li {
				color: #a6a6a6;
			}

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

			footer.footer ul li {
				float: left;
				padding: 0 .5vw;
				line-height: .9vw;
			}

			footer.footer #FooterLeft ul li {
				border-right: 1px solid #a6a6a6;
			}

			footer.footer #FooterLeft li:first-child {
				padding-left: 0;
			}

			footer.footer #FooterLeft li:last-child {
				border: none;
			}


			footer.footer #FooterLeft {
				 float: left;
			}

			footer.footer #FooterRight {
				 float: right;
			}

			footer.footer #FooterRight ul li {
				padding: 0;
			}

			footer.footer #FooterRight ul li:after {
			  content: "\00a0-\00a0"; 
			}

			footer.footer #FooterRight li:last-child:after {
			  content: ""; 
			}

/* /FOOTER */

/* CONTENT */
			section.content,
            .cover_main{
				width: 72.8333vw;
				padding-right: 2vw;
			}
			section.content {
				top: 3vw;
				height: calc( 100vh - 6vw );
				padding: 0;
				overflow-y: auto;
				overflow-x: hidden;
			}

section.content .wrapper-outer,
section.content .title {
	width: 70.8333vw;
}

section.content h1 {
    font-family: SFUIDisplay, Helvetica, Arial, "sans-serif";
	font-size: 5.2vw;
	margin: 0 -15px -1.33vw 0;
	font-weight: bold;
	text-transform: uppercase;
	opacity: .3;
}

.cover h2,
section.content h2 {
	font-size: 1.875vw;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 2.6vw;
}

section.content h2:after,
.cover h2:after {
     content: "";
     background-color: #898888;
     bottom: -1vw;
     display: block;
     height: 0.26vw;
     position: relative;
     width: 2.6vw;
}

.cover h2:after {
      background-color: #ffffff;
}
.cover .card-content h2:after {
    display: none;
}

section.content h3 {
    clear: both;
	font-size: 1.35vw;
	font-weight: bold;
    margin-top: .7vw;
}



section.content .card,
.cover .card,
section.content article,
/*section.content article.multi .frame { */
section.content article.multi .col > .frame {
	background-color: #ffffff;
	-moz-box-shadow: 0px 0px 7px 0px #e5e5e5;
	-webkit-box-shadow: 0px 0px 7px 0px #e5e5e5;
	-o-box-shadow: 0px 0px 7px 0px #e5e5e5;
	box-shadow: 0px 0px 7px 0px #e5e5e5;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#e5e5e5, Direction=NaN, Strength=7);
	
	margin-top: -1.5vw; /* plusieurs blocs assemblés verticalement */
}

/*
section.content article.multi .col > .frame-fondrouge {
	-moz-box-shadow: 0px 0px 7px 0px #bbbbbb;
	-webkit-box-shadow: 0px 0px 7px 0px #bbbbbb;
	-o-box-shadow: 0px 0px 7px 0px #bbbbbb;
	box-shadow: 0px 0px 7px 0px #bbbbbb;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb, Direction=NaN, Strength=7);
}
*/

section.content .card:hover,
.cover .card:hover{
	-moz-box-shadow: 0px 0px 10px 0px #999999;
	-webkit-box-shadow: 0px 0px 10px 0px #999999;
	-o-box-shadow: 0px 0px 10px 0px #999999;
	box-shadow: 0px 0px 10px 0px #999999;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=NaN, Strength=10);
    transform: translate(0,-1px);
}

section.content .fs-media-gallery article { margin-top: -2vw; }

section.content article.multi .col > .frame-blocsansmarge,
section.content article.multi .col > .frame-blocsansmargerouge {
    margin-top: -1.5vw;
    margin-bottom: -1.6vw;
}

.cover .card {
	background-color: #ffffff;
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,.4);
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,.4);
	-o-box-shadow: 0px 0px 7px 0px rgba(0,0,0,.4);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,.4);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,.4), Direction=NaN, Strength=7);
    
    margin-top: 0;
    margin-bottom: 2vw;
}

section.content .title + .wrapper-outer article.multi{ margin-top: 0; }
section.content .title + .wrapper-outer .ligne-contact article.multi { margin-top: -4vw; }

section.content .fusion article { margin-top: -2.14vw; }

section.content .card { margin-top: 0; margin-bottom: 2vw; }
section.content .card a:hover { text-decoration: none; }
section.content .card a:hover .card-content h2 { text-decoration: none; }
section.content .card .card-image .picture { width: 100%; background-size: cover; }


section.content article.multi .col > .frame .frame {
	padding: 0;
}


section.content article .frame::after,
section.content article.multi .frame::before,
section.content .wrapper-outer.fusion article::before { /* plusieurs blocs assemblés verticalement */
	position: absolute;
	top: -7px;
	left: 0;
	width: 100%;
	border-top: 7px solid #ffffff;
	content: '';
}

section.content .ligne-contact article .frame::after,
section.content .ligne-contact article.multi .frame::before { border-top: none; top: 0; }


section.content article.multi:first-child { /* plusieurs blocs assemblés verticalement */
	margin-top: 0; 
}

section.content .title + .wrapper-outer article { margin-top: 0; padding-top: 2vw; } /* plusieurs blocs assemblés verticalement */
section.content .title + .wrapper-outer.fusion article { margin-top: .4vw; } /* plusieurs blocs assemblés section.content .title + .wrapper-outer article.multi .row { margin-top: 4.54vw; } /* plusieurs blocs assemblés verticalement */
section.content .wrapper-outer { margin-top: 3.14vw; } /* plusieurs blocs assemblés verticalement */
section.content .wrapper-outer:nth-child(2) { margin-top: -1vw; } /* plusieurs blocs assemblés verticalement */
section.content .copyRef .wrapper-outer { margin-top: 1.54vw; } /* copié par référence */


section.content .fs-media-gallery .wrapper-outer { margin-top: 2.14vw; }

section.content .wrapper-outer.cards-line,
section.content .wrapper-outer.cards-grid { 
    margin-top: 2vw; 
}

@media (max-width: 767px) {
    section.content .card,
    .cover .card,
    section.content article,
    /*section.content article.multi .frame { */
    section.content article.multi .col > .frame { margin-top: 0; }
}



section.content .title + .wrapper-outer .ligne-contact article.multi .row { margin-top: calc(4vw - 7px); }


section.content .ligne-contact .col div { background-size: cover; }
section.content .ligne-contact .col .frame { margin-bottom: 0; }
section.content .ligne-contact { margin-top: -.5vw;  margin-bottom: 4vw; }
section.content .wrapper-outer:last-child .ligne-contact { margin-bottom: 2vw; }
section.content .ligne-contact .adresse { overflow: hidden; }
section.content .ligne-contact .adresse p { margin-bottom: 0; }
section.content .ligne-contact .adresse p:last-child { margin-bottom: 1.3vw; }
section.content .ligne-contact article .adresse td { padding: 0; border-bottom: none; }
section.content .ligne-contact .photo { position: relative; margin: -2vw -1.77vw 1vw -2.4vw; width: calc(100% + 2 * 2.2vw + 1px); background-color: grey; }
section.content .ligne-contact .plan { padding: 0; }
section.content .ligne-contact .plan img { width: 100%; height: 100%; }


section.content .wrapper-outer.fusion { margin-top: 1vw; }

section.content article,
section.content article.multi .frame {
	position: relative;
	padding: 2.3vw 1.77vw 0.1vw 2.33vw;
	margin-bottom: 1.04vw;
}

section.content .fusion article,
section.content article.multi .frame {
	padding-top: 0;
}

section.content article.multi .frame:nth-child(1) {
	padding-top: 2vw;
}

section.content article.multi,
section.content article.title {
	padding: 0;
	margin-bottom: 0;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	filter:none;
}

section.content article {
	font-size: 0.9375vw;
	line-height: 1.6vw;
	color: #898888;
    overflow: hidden;
}

section.content .fusion article,
section.content article.multi {
    overflow: initial;
}


section.content article .csc-textpic-image {
	margin-bottom: 1.3vw;
}

section.content article .csc-textpic-image table {
    caption-side: bottom;
}

section.content article .csc-textpic-image table td {
    border: none;
    padding-bottom: 5px;
}

section.content article .csc-textpic-image table caption,
.ce-gallery figcaption { 
    font-size: 0.7vw;
    line-height: 1.5;
    color: #898888;
    margin-bottom: 1.3vw;
    padding-top: 0px;
    width: 100%;
}

@media (max-width: 1199px) {
    section.content article .csc-textpic-image table caption,
    .ce-gallery figcaption { font-size: .85vw; }  
}
@media (max-width: 1023px) {
    section.content article .csc-textpic-image table caption,
    .ce-gallery figcaption { font-size: 1.4vw; }  
}
@media (max-width: 767px) {
    section.content article .csc-textpic-image table caption,
    .ce-gallery figcaption { font-size: 9px; }  
}

section.content article p { 
    margin-bottom: 2vw; 
}

section.content article a {
	text-decoration: underline;
}

section.content article ul,
.EducationDescriptionText ul {
	list-style: none;
	padding-left: 1vw;
	margin-top: 0;
	margin-bottom: 2vw;
/*    margin-bottom: 0; */     
    overflow: hidden;
}

section.content article ol {
    padding-left: 2vw;
	margin-top: 0;
	margin-bottom: 2vw;
}

section.content article p + ul,
section.content article p + ol {
    margin-top: -2vw;
}

section.content article ul li,
.EducationDescriptionText ul li {
	text-indent: -1.45em;
}
section.content article ul li p,
section.content article ul li h3,
.EducationDescriptionText ul li p,
.EducationDescriptionText ul li h3 {
	text-indent: 0;
}


section.content article ul li:before,
.EducationDescriptionText ul li:before{
	content: '\00a0\00a0-\00a0\00a0';
}

section.content article th {
	border-bottom: 1px solid;
	white-space: nowrap;
}

section.content article td {
	vertical-align: top;
	padding: 10px 0;
	border-bottom: 1px solid #eeeeee;
}

section.content article table.bordureblanche {
    border-collapse: separate;
    border-spacing: 4px;
    padding: 4px;
}

section.content article table.bordureblanche td {
    padding: 8px;
    border-bottom: none;
}

section.content article table.bordureblanche td p {
    margin: 0;
}

section.content article table.sansseparation td {
    border-bottom: none;
    padding: 0;
}

section.content article img {
	max-width: 100%;
	height: auto;
}

section.content article .espacevertical {
    padding: 1.2vw 1.2vw;
    margin-bottom: 5px;
}

section.content article .espacevertical + .frame{
    padding-top: 2vw;
}

section.content article.multi .frame-type-div { padding-top: .4vw; padding-bottom: 1.4vw; }
hr { border-top: 1px solid #898B8d; }


section.content article a.btnplay {
    display: inline-block;
    position: relative;
	float: left;
}

section.content article a.btnplay::after { 
    position:absolute; 
    top: calc(50% - 30px); 
    left: calc(50% - 30px);
    font-family: picto;
    font-size: 60px;
    line-height: 60px;
    content:'\e900'; 
    color: white; 
}

section.content article a.btnplay::after { opacity: .8; -moz-text-shadow: 1px 1px 10px #999999; 
  -webkit-text-shadow: 1px 1px 10px #999999; 
  text-shadow: 1px 1px 10px #999999; }
section.content article a.btnplay.white::after { color: white; }
section.content article a.btnplay.couleurda::after { color: #6259a4; }
section.content article a.btnplay.couleurdc::after { color: #0598cc; }
section.content article a.btnplay.couleurdi::after { color: #46C7f4; }
section.content article a.btnplay.couleurds::after { color: #6ec396; }

section.content article a.btnplay:hover::after { 
    opacity: 1;
}


section.content article span.couleurorange,
.cover_main article span.couleurorange{ color: #e54242; }
section.content article span.couleurblanc { color: #ffffff; }


section.content article a.btnlink {
    display: inline-block;
    padding: 4px 10px 5px 10px;
    background-color: #898B8d;;
    color: white;
    text-decoration: none;
    border-radius: 3px;
}

section.content article a.btnlink.couleurrouge,
body.artisanat section.content article a.btnlink.couleurrouge,
body.commerce section.content article a.btnlink.couleurrouge,
body.industrie section.content article a.btnlink.couleurrouge,
body.sante section.content article a.btnlink.couleurrouge { background-color: #e54242; }
section.content article a.btnlink.couleurceff { background-color: #898B8d; }
section.content article a.btnlink.couleurda { background-color: #6259a4; }
section.content article a.btnlink.couleurdc { background-color: #0598cc; }
section.content article a.btnlink.couleurdi { background-color: #46C7f4; }
section.content article a.btnlink.couleurds { background-color: #6ec396; }

section.content article a.btnlink.btnfullwidth { margin-top: 20px; width: 100%; text-align: center; }


section.content article img.habillee {
    display: inline-block;
 	float: left;
    padding: 0.4vw 20px 20px 0;
}

section.content article img.larg100 { width: 100%; height: auto; }

@media (max-width: 767px) {
    section.content article img,
    section.content article img.larg50,
    section.content article img.larg75 { width: 100%; margin-bottom: 10px; }
    section.content article img.taillefixe { width: initial; }
}


/**** bloc_content ****/    
    
    .bloc_content { overflow: hidden; }
    
/**** /bloc_content ****/    
    
/* /CONTENT */

/* CARD */

.cards-line .container,
.cards-grid .container {
    padding-right: 0;
    padding-left: 0;
}


					.card_list {
						position:relative; 
						width: calc(70.833vw + 30px + 1px); /* + 1px pour absorber les arrondis */ 
						height: auto; 
						overflow: hidden; 
						margin-bottom: 1.3vw;
                        margin-left: -15px;
                        padding-right: 15px;
                        padding-left: 15px;
                        margin-top: -2vw;
					}
					
					.cards-line .card_list {
						height: 25vw;
                        
					}
					
					.card_slider {
						position: relative; 
						margin-top: -10px; 
						padding-top: 10px; 
						overflow-x: visible;
					}
					
                    .cards-line .card_slider {
                        overflow-x: auto;
                        overflow-y: none;
						height: 28vw; 
                    }

                    .card_list .card_slider_arrow { 
                        display: none; 
                        -webkit-user-select: none;
                        user-select: none;
                    }

					.card_container {
						width: 100%;
 /*                       overflow: hidden; */
                        padding-top: 0.7vw;
					}
					
					.cards-line .card_container {
						width: 2000px;
					}
					
					.card {
						position: relative;
						float: left;
						width:calc( ( 70.833vw - 120px ) / 4 ); 
						margin-left: 15px;  /* ATTENTION a aussi changer dans js */
						margin-right: 15px; /* ATTENTION a aussi changer dans js */
						height: 23.4vw; 
					}
					
                    .card a:link { text-decoration: none; }

                    .card-image {
                        height: calc( ( 70.833vw - 20px ) / 6.896 );
                        background-size: cover;
                        background-position: center center;
                        background-repeat: no-repeat no-repeat;
                    }

                    .card-image .picture { height: 140%; }

					.card-domain {
						position: absolute; absolute; 
						top: calc( ( 70.833vw - 120px ) / 6.896 ); /* 4 disvisé par 0.58 */
						left: 1vw; 
						background-color: #898B8d; 
						color: #ffffff; 
						padding: 0.26vw 0.52vw;
                        font-size: 0.9vw;
                        text-transform: uppercase;
					}

                    .card-tous .card-domain,
                    .card-all .card-domain,
                    .card-ceff .card-domain {
                        text-transform: none;
                    }

                    .card-date {
                        position: absolute;
                        right: 1vw;
                        /* top: 150px; */
                        top: calc( ( 70.833vw - 20px ) / 6.896 );
                        font-size: .8vw;
                        line-height: 1.7;
                        color: #898888;
                    }

					.card-more {
						position: absolute; 
						bottom: 1vw; 
						left: 1vw;
                        color: transparent;
					}

					.card-more a:link, .card-more a:active, .card-more a:visited, .card-more a:hover {
						padding-bottom: 4px; border-bottom: 1px solid;
						text-decoration: none;
					}

					.card-content {
						position: relative; 
						padding: 2vw 1vw 0 1vw;
						height: calc( ( 70.833vw - 120px ) / 6 ); 
						overflow: hidden;
						color: #898888;
						font-size: 0.8vw;
                        line-height: 1.4;
					}

                    section.content .card-warning,
                    .cover .card-warning {
                        font-size: 1.55vw;
                        line-height: 1.5;
                        color: white;
                        background-color: #e44345;
                    }


@media (max-width: 1199px) {
    section.content .card-warning,
    section.content .card-warning p,
    .cover .card-warning { font-size: 2.3vw; }
}

@media (max-width: 901px) {
    section.content .card-warning,
    section.content .card-warning p,
    .cover .card-warning { font-size: 3vw; }
}

@media (max-width: 767px) {
    section.content .card-warning,
    section.content .card-warning p,
    .cover .card-warning { font-size: 4.8vw; }
}



                    section.content .card-warning div.bodytext,
                    .cover .card-warning div.bodytext {
                        padding: 2vw;
                    }

					.card-content.withoutlink {
						height: calc( ( 70.833vw ) / 6 ); 
					}

					.cover .card-content h2,
                    section.content .card-content h2 {
						font-size: 0.9vw;
                        line-height: 1.2vw;
						font-weight: bold;
						margin-bottom: .7vw;
						color: #000000
					}

					section.content .card-content h2:after {
						bottom: 0;
						height: 0;
					}

					section.content .card-content p {
						margin-bottom: 0;
					}

.card_slider_arrow {
    display: none;
    position: absolute;
    top: 0;
    width: 5vw;
    height: 27vw;
    cursor: pointer;
}

.card_slider_next {
    right: 15px;
    background: linear-gradient(to right, rgba(249,249,249,0), rgba(249,249,249,1) 80%);
}

.card_slider_previous {
    left: 15px;
    background: linear-gradient(to left, rgba(249,249,249,0), rgba(249,249,249,1) 80%);
}

.card_slider_arrow:after { 
    position: absolute;
    display: block;
    top: calc(50% - 2.5vw); 
    font-family: picto;
    font-size: 5vw; 
    color: #898B8d; 
}
.card_slider_arrow.visible:after { 
    display: block;
}
.card_slider_next:after { 
    right: 2px;
    content:'\e901'; 
}
.card_slider_previous:after { 
    left: 2px;
    content:'\e902'; 
}

					@media (max-width: 1199px) {
						.card_list {
                            width: calc(100% + 60px + 1px); /* 1px pour absorber tolérance de calcul... */
                        }
                        .cards-line .card_list {
							/*width: 101.8%;*/
                           width: calc(100% + 30px + 1px);  /* 1px pour absorber tolérance de calcul... */
							height: 33vw;
 						}
						
                        .card_list {
                        /*    margin-left: -5px; */
                        }
                        
						.cards-line .card_slider{
							height: 35vw;
						}
						
						.card {
							width: calc(( 100% - 120px) / 4 );
							height: 31vw;
						    margin-left: 12px;  /* ATTENTION aussi changer dans js */
						    margin-right: 12px; /* ATTENTION aussi changer dans js */
						}
                        
                        .card-image {
                            height: calc( ( 70.833vw - 20px ) / 5.5 );
                        }
                        
                        .card-domain {
                            top: calc( ( 70.833vw - 120px ) / 5.2 );
                        }
                        .card-date {
                            top: calc( ( 70.833vw - 20px ) / 5.5 );
                        }
                        
                        
                        
                        
                        .card_slider_arrow {
                            height: 33vw;
                            width: 10vw;
                        }
                        
                        .card_slider_arrow:after {
                            font-size: 10vw;
                            top: calc(50% - 7vw);
                        }
                        
                        .card_slider_previous {
                            left: 15px;
                        }
                        
                        .card-content {
                            height: calc( ( 70.833vw - 120px ) / 4 );
                        }
                        .card-content.withoutlink {
                            height: calc( ( 70.833vw ) / 4 );
                        }
                       
                        .card-domain,
                        .card-content,
                        section.content .card-content h2,
                        .cover .card-content h2 {
                            font-size: 1.2vw;
                        }
                        .card-content,
                        .cover .card-content h2,
                        section.content .card-content h2 {
                            line-height: 1.5;
                        }
                        .card-more {
                            bottom: 1.3vw;
                        }
					}
					@media (max-width: 1024px) {
 						.card {
						    margin-left: 9px;  /* ATTENTION aussi changer dans js */
						    margin-right: 9px; /* ATTENTION aussi changer dans js */
						}
                    }
					@media (max-width: 901px) {
                        
                        .cards-line .card_list {
                            height: 47vw;
                        }
                        .cards-line .card_slider {
                            height: 50vw;
                        }
                        section.content article {
                            font-size: 1.7vw;
                        }
                        .card {
                            height: 45vw;
                        }
                        .card-image {
                            height: calc( ( 70.833vw - 20px ) / 3.7 );
                        }
                        .card-domain {
                            top: calc( ( 70.833vw - 120px ) / 3.35 );
                            left: 1.5vw;
                        }
                        .card-domain, .card-content, section.content .card-content h2, .cover .card-content h2 {
                            font-size: 1.7vw;
                        }
                        .card-date {
                            top: calc( ( 70.833vw - 20px ) / 3.7 );
                            right: 1.5vw;
                            font-size: 1.3vw;
                        }
                        
                       .card-content {
                            height: calc( ( 70.833vw - 120px ) / 3 );
                            padding: 3vw 1.5vw 0 1.5vw;
                        }
                         .card-content.withoutlink {
                            height: calc( ( 70.833vw ) / 3 );
                        }
                       .card-more {
                            font-size: 1.6vw;
                            left: 1.5vw;
                            bottom: 1.8vw;    
                        }
                        
                        .card_slider_arrow {
                            height: 47vw;
                        }
                   }
					@media (max-width: 767px) {
                        
                        .cards-line .container,
                        .cards-grid .container {
                            padding-right: 0;
                            padding-left: 0;
                        }
                        
                        .cards-line .card_list {
                            height: 70vw;
                        }
                        
                        .cards-line .card_list.touchdevice {
                            height: 118vw;
                        }
                        
                        .cards-line .card_slider {
                            height: 75vw;
                        }
                        
                        .cards-line .touchdevice .card_slider {
                            height: 123vw;
                        }
                        
						.card {
                   		    margin-left: 7px;  /* ATTENTION aussi changer dans js */
						    margin-right: 7px; /* ATTENTION aussi changer dans js */
                            height: 67vw;
						}
	                   
						.touchdevice .card {
                            height: 115vw;
						}
                       .card-content {
                            padding: 4.5vw 1.5vw 0 1.5vw;
                           font-size: 2vw;
                        }

                        .card-image {
                            height: 25vw;
                        }
                        
                        .touchdevice .card-image {
                            height: 35vw;
                        }
                        
                        .card-domain {
                            top: 23vw;
                        }
                         .card-date {
                            top: 35vw;
                            font-size: 3vw;
                             
                        }
                        
                        .cards-grid .card-date {
                            top: 40vw;
                            left: 2.5vw;
                        }
                       
                        .touchdevice .card-domain {
                            font-size: 3.6vw; 
                            top: 31vw;
                            left: 2.5vw;
                            padding: 1vw 2vw;
                        }
                        
                        .card-domain, section.content .card-content p, section.content .card-content h2, .cover .card-content h2 {
                            font-size: 2.5vw;
                        }
                        
                        .touchdevice .card-domain, section.content .touchdevice .card-content p, section.content .touchdevice .card-content h2 {
                            font-size: 3.6vw;
                        }
                        
                        section.content .card-content h2, .cover .card-content h2 {
                            margin-bottom: 2vw;
                        }
                        section.content .touchdevice .card-content h2 {
                            margin-bottom: 4vw;
                        }
                        
                        .card-content {
                            height: 30vw;
                        }
                        
                        .touchdevice .card-content {
                            height: 67vw;
                            padding: 7vw 2.5vw 0 2.5vw;
                        }
                        
                        .cards-grid .touchdevice .card-content {
                            padding-top: 10vw;
                        }
                        
                        .card-more {
                            font-size: 2.3vw;
                            bottom: 2.5vw;
                        }

                        .touchdevice .card-more {
                            font-size: 4vw;
                            bottom: 4vw;
                            left: 2.5vw;
                        }
                        
                        
                        
                        .card_slider_arrow {
                            height: 66vw;
                            width: 20vw;
                        }
                        
                        .card_slider_arrow:after {
                            top: calc(50% - 12vw);
                            font-size: 15vw;
                        }
				}

/* /CARD */

.powermail_fieldwrap .powermail_field { background-color: #e8e8e8; }
section.content article tr.clickable:hover td { background-color: #eeeeee; }



/* Calendrier */

section.content article .dom-calendar-display-bloc { margin-bottom: 2vw; }
section.content article .dom-calendar-display-bloc table { width: 100%; }
section.content article .dom-calendar-display-bloc table td{ padding-top: 25px; }
section.content article .dom-calendar-display-bloc table tr:first-child td { padding-top: 0; }
section.content article .dom-calendar-display-bloc td.event_date { white-space: nowrap; padding-right: 30px; }
section.content article .dom-calendar-display-bloc .event_date_separator { display: none; }
section.content article .dom-calendar-display-bloc td .event_title { font-weight: bold; }
section.content article .dom-calendar-display-bloc td .event_detail { font-size: 0.82vw; line-height: 1.2vw; border-top: 1px solid #eeeeee; margin-top: 10px; padding: 10px 0; }
section.content article .dom-calendar-display-bloc td .event_detail p { margin-bottom: 0; }
section.content article .dom-calendar-display-bloc td .event_detail ul,
section.content article .dom-calendar-display-bloc td .event_detail p + ul, 
section.content article .dom-calendar-display-bloc td .event_detail ol,
section.content article .dom-calendar-display-bloc td .event_detail p + ol { margin-top: 0; margin-bottom: 1vw; }
section.content article .dom-calendar-display-bloc td .event_detail ul { list-style: none !important; }

@media (max-width: 1023px){
    section.content article .dom-calendar-display-bloc td .event_detail { font-size: 1.1vw; line-height: 1.5; }   
}
    
/* /Calendrier */

/* Déclinaisons domaines */

            section.content h1,
            section.content article h1 { color: #898B8D; }

    /* spécial */
            section.content article.multi .col.rouge > .frame,
            section.content article.multi .col > .frame.frame-fondrouge,
            section.content article.multi .col > .frame.frame-blocsansmargerouge { background-color: #e54242; }
            section.content article .col.rouge .frame::before, section.content article.multi .col.rouge .frame::before,
            section.content article .col .frame.frame-fondrouge::before, section.content article.multi col .frame.frame-fondrouge::before, section.content article.multi .frame.frame-fondrouge::after, section.content article .col .frame.frame-blocsansmargerouge::before, section.content article.multi col .frame.frame-blocsansmargerouge::before, section.content article.multi .frame-blocsansmargerouge::after { border-top-color: #e54242; }
            section.content article.multi .col.rouge,
            section.content article .col .frame.frame-fondrouge,
            section.content article .col .frame.frame-blocsansmargerouge { color: #ffffff; }
            section.content article.multi .col.rouge h2:after,
            section.content article .col .frame.frame-fondrouge h2:after,
            section.content article .col .frame.frame-blocsansmargerouge h2:after {background-color: #ffffff; }

            body.artisanat section.content .card-tous a:link, body.artisanat section.content .card-tous a:visited, body.artisanat section.content .card-tous a:hover,
            body.commerce section.content .card-tous a:link, body.commerce section.content .card-tous a:visited, body.commerce section.content .card-tous a:hover,
            body.industrie section.content .card-tous a:link, body.industrie section.content .card-tous a:visited, body.industrie section.content .card-tous a:hover,
            body.sante section.content .card-tous a:link, body.sante section.content .card-tous a:visited, body.sante section.content .card-tous a:hover { color: #898B8d; }

    /* /spécial */

    /* CEFF */
            section.content article.frame-fondceff,
            section.content article.multi .col.ceff > .frame,
            section.content article.multi .col > .frame.frame-fondceff { background-color: #eeeeee; }
            section.content article .col.ceff .frame::before, section.content article.multi .col.ceff .frame::before,
            section.content article .col .frame.frame-fondceff::before, section.content article .frame.frame-fondceff::after, section.content article.multi .frame.frame-fondceff::after, #horaire-form { border-top-color: #eeeeee; }
            section.content .card-warning.card-allnews { background-color: #bbbbbb; }

    /* /CEFF */

	/* ARTISANAT */
			body.artisanat #LogoBox,
			body.artisanat header.header,
			body.artisanat .cover,
			body.artisanat section.content h2:after,
            article.artisanat h2:after,
			.card-artisanat .card-domain,
            body.artisanat section.content article a.btnlink { background-color: #6259a4; }
            body.artisanat section.content article a.btnlink { color: #ffffff; }

			body.artisanat #LogoBox { background-image: url(/fileadmin/media/domaine/artisanat-fond.jpg); }

			body.artisanat #LogoBox #Logo { background-image:url(/typo3conf/ext/site_builder/Resources/Public/img/logo-degrade-artisanat.png); }

			body.artisanat #NavAddress { border-top-color: #e0deed; background-color: #fafafc; }

			body.artisanat #NavAddress a:link, body.artisanat #NavAddress a:active, body.artisanat #NavAddress a:hover, body.artisanat #NavAddress a:visited,
			body.artisanat section.content a:link, body.artisanat section.content a:active, body.artisanat section.content a:hover, body.artisanat section.content a:visited,
			body.artisanat #NavMenu a:hover,
			body.artisanat #NavMenu li.active > a,
			body.artisanat #NavMenu li.active li.current > a,
			body.artisanat section.content h1,
            body.artisanat section.content article h1,
			body.artisanat section.content h2,
			body.artisanat section.content h3, 
			body.artisanat section.content th,
            body.artisanat section.content article .dom-calendar-display-bloc td .event_title,
            article.artisanat h2,
            article.artisanat h3,
            article.artisanat a:link, article.artisanat a:active, article.artisanat a:hover, article.artisanat a:visited,
            section.content span.couleurda,
             section.content span.couleurda a:link, section.content span.couleurda a:active, section.content span.couleurda a:hover, section.content span.couleurda a:visited,
			.card-artisanat .card-more a:link, .card-artisanat .card-more a:active, .card-artisanat .card-more a:visited, .card-artisanat .card-more a:hover { color: #6259a4; }

            body.artisanat section.content a.btnlink:link, body.artisanat section.content a.btnlink:active, body.artisanat section.content a.btnlink:hover, body.artisanat section.content a.btnlink:visited { color: #ffffff; }

			body.artisanat section.content th,
            body.artisanat .divider hr,
            body.artisanat section.content article .dom-calendar-display-bloc td { border-color: #6259a4; }

            body.artisanat .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field,
            #EducationCover.artisanat, #RegistrationCover.artisanat, header.header.artisanat { background-color: #6259a4; }

            .cover_domain_item.domain_artisanat .back { background-image: linear-gradient(#6259a4, transparent);}
            .cover_domain_item.domain_artisanat:hover .back,
            .cover_domain_item.domain_artisanat.activ .back{ background-color:#6259a4; }


            body.artisanat section.content article tr.clickable:hover td { color: #6259a4; background-color: #fafafc; }

            section.content article.frame-fondartisanat,
            section.content article.multi .col.artisanat > .frame,
            section.content article.multi .col > .frame.frame-fondartisanat { background-color: #e0deed; }
            section.content article .col.artisanat .frame::before, section.content article.multi col.artisanat .frame::before,
            section.content article .col .frame.frame-fondartisanat::before, section.content article .frame.frame-fondartisanat::after, section.content article.multi .col .frame.frame-fondartisanat::after, body.artisanat #horaire-form { border-color: #e0deed; }

           body.artisanat section.content .card-warning.card-allnews { background-color: #8983bb; }
	/* /ARTISANAT */

	/* COMMERCE */
			body.commerce #LogoBox,
			body.commerce header.header,
			body.commerce .cover,
			body.commerce section.content h2:after,
            article.commerce h2:after,
			.card-commerce .card-domain,
            body.commerce section.content article a.btnlink { background-color: #0598cc; }
            body.commerce section.content article a.btnlink { color: #ffffff; }

			body.commerce #LogoBox { background-image: url(/fileadmin/media/domaine/commerce-fond.jpg); }

			body.commerce #LogoBox #Logo { background-image:url(/typo3conf/ext/site_builder/Resources/Public/img/logo-degrade-commerce.png); }

			body.commerce #NavAddress { border-top-color: #cce4f2; background-color: #f7fbfd; }

			body.commerce #NavAddress a:link, body.commerce #NavAddress a:active, body.commerce #NavAddress a:hover, body.commerce #NavAddress a:visited,
			body.commerce section.content a:link, body.commerce section.content a:active, body.commerce section.content a:hover, body.commerce section.content a:visited,
			body.commerce #NavMenu a:hover,
			body.commerce #NavMenu li.active > a,
			body.commerce #NavMenu li.active li.current > a,
			body.commerce section.content h1,
            body.commerce section.content article h1,
			body.commerce section.content h2,
			body.commerce section.content h3, 
			body.commerce section.content th,
            body.commerce section.content article .dom-calendar-display-bloc td .event_title,
            article.commerce h2,
            article.commerce h3,
            article.commerce a:link, article.commerce a:active, article.commerce a:hover, article.commerce a:visited,
            section.content span.couleurdc,
            section.content span.couleurdc a:link, section.content span.couleurdc a:active, section.content span.couleurdc a:hover, section.content span.couleurdc a:visited,
			.card-commerce .card-more a:link, .card-commerce .card-more a:active, .card-commerce .card-more a:visited, .card-commerce .card-more a:hover { color: #0598cc; }

			body.commerce section.content th,
            body.commerce .divider hr,
            body.commerce section.content article .dom-calendar-display-bloc td { border-color: #0598cc; }
 
            body.commerce .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field,
            #EducationCover.commerce, #RegistrationCover.commerce, header.header.commerce { background-color: #0598cc; }

            .cover_domain_item.domain_commerce .back { background-image: linear-gradient(#0598cc, transparent);}
            .cover_domain_item.domain_commerce:hover .back,
            .cover_domain_item.domain_commerce.activ .back{ background-color:#0598cc; }

            body.commerce section.content article tr.clickable:hover td { color: #0598cc; background-color: #fafafc; }

            section.content article.frame-fondcommerce,
            section.content article.multi .col.commerce > .frame,
            section.content article.multi .col > .frame.frame-fondcommerce { background-color: #cce4f2; }
            section.content article .col.commerce .frame::before, section.content article.multi col.commerce .frame::before,
            section.content article .col .frame.frame-fondcommerce::before, section.content article .frame.frame-fondcommerce::after, section.content article.multi .col .frame.frame-fondcommerce::after, body.commerce #horaire-form { border-color: #cce4f2; }

            body.commerce section.content .card-warning.card-allnews { background-color: #44b2d9; }
	/* /COMMERCE */

	/* INDUSTRIE */
			body.industrie #LogoBox,
			body.industrie header.header,
			body.industrie .cover,
			body.industrie section.content h2:after,
            article.industrie h2:after,
			.card-industrie .card-domain,
            body.industrie section.content article a.btnlink,
            body.industrie .card-allnews { background-color: #46C7f4; }
            body.industrie section.content article a.btnlink { color: #ffffff; }

			body.industrie #LogoBox { background-image: url(/fileadmin/media/domaine/industrie-fond.jpg); }

			body.industrie #LogoBox #Logo { background-image:url(/typo3conf/ext/site_builder/Resources/Public/img/logo-degrade-industrie.png); }

			body.industrie #NavAddress { border-top-color: #f3f9fd; background-color: #fafdfe; }

			body.industrie #NavAddress a:link, body.industrie #NavAddress a:active, body.industrie #NavAddress a:hover, body.industrie #NavAddress a:visited,
			body.industrie section.content a:link, body.industrie section.content a:active, body.industrie section.content a:hover, body.industrie section.content a:visited,
			body.industrie #NavMenu a:hover,
			body.industrie #NavMenu li.active > a,
			body.industrie #NavMenu li.active li.current > a,
			body.industrie section.content h1,
            body.industrie section.content article h1,
			body.industrie section.content h2,
			body.industrie section.content h3,
			body.industrie section.content th,
            body.industrie section.content article .dom-calendar-display-bloc td .event_title,
            article.industrie h2,
            article.industrie h3,
            article.industrie a:link, article.industrie a:active, article.industrie a:hover, article.industrie a:visited,
            section.content span.couleurdi,
            section.content span.couleurdi a:link, section.content span.couleurdi a:active, section.content span.couleurdi a:hover, section.content span.couleurdi a:visited,
			.card-industrie .card-more a:link, .card-industrie .card-more a:active, .card-industrie .card-more a:visited, .card-industrie .card-more a:hover { color: #46C7f4; }

			body.industrie section.content th,
            body.industrie .divider hr,
            body.industrie section.content article .dom-calendar-display-bloc td { border-color: #46C7f4; }

            body.industrie .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field,
            #EducationCover.industrie, #RegistrationCover.industrie, header.header.industrie { background-color: #46C7f4; }

            .cover_domain_item.domain_industrie .back { background-image: linear-gradient(#46C7f4, transparent);}
            .cover_domain_item.domain_industrie:hover .back,
            .cover_domain_item.domain_industrie.activ .back{ background-color:#46C7f4; }


            body.industrie section.content article tr.clickable:hover td { color: #46C7f4; background-color: #fafafc; }

            section.content article.frame-fondindustrie,
            section.content article.multi .col.industrie > .frame,
            section.content article.multi .col > .frame.frame-fondindustrie { background-color: #f3f9fd; }
            section.content article.multi .frame.frame-fondindustrie::before,
            section.content article .col.industrie .frame::before, 
            section.content article.multi col.industrie .frame::before,
            section.content article .frame.frame-fondindustrie::after,
            section.content article .col .frame.frame-fondindustrie::before, section.content article .frame.frame-fondindustrie::after, section.content article.multi .col .frame.frame-fondindustrie::after, body.industrie #horaire-form { border-color: #f3f9fd; }

            body.industrie section.content .card-warning.card-allnews { background-color: #74d5f7; }

	/* /INDUSTRIE */

	/* SANTE */

			body.sante #LogoBox,
			body.sante header.header,
			body.sante .cover,
			body.sante section.content h2:after,
            article.sante h2:after,
			.card-sante .card-domain,
            body.sante section.content article a.btnlink { background-color: #6ec396; }
            body.sante section.content article a.btnlink { color: #ffffff; }

			body.sante #LogoBox { background-image: url(/fileadmin/media/domaine/sante-fond.jpg); }

			body.sante #LogoBox #Logo { background-image:url(/typo3conf/ext/site_builder/Resources/Public/img/logo-degrade-sante.png); }

			body.sante #NavAddress { border-top-color: #eff6f3; background-color: #fcfdfc; }

			body.sante #NavAddress a:link, body.sante #NavAddress a:active, body.sante #NavAddress a:hover, body.sante #NavAddress a:visited,
			body.sante section.content a:link, body.sante section.content a:active, body.sante section.content a:hover, body.sante section.content a:visited,
			body.sante #NavMenu a:hover,
			body.sante #NavMenu li.active > a,
			body.sante #NavMenu li.active li.current > a,
			body.sante section.content h1,
            body.sante section.content article h1,
			body.sante section.content h2,
			body.sante section.content h3,
			body.sante section.content th,
            body.sante section.content article .dom-calendar-display-bloc td .event_title,
            article.sante h2,
            article.sante h3,
            article.sante a:link, article.sante a:active, article.sante a:hover, article.sante a:visited,
            section.content span.couleurds,
            section.content span.couleurds a:link, section.content span.couleurds a:active, section.content span.couleurds a:hover, section.content span.couleurds a:visited,
			.card-sante .card-more a:link, .card-sante .card-more a:active, .card-sante .card-more a:visited, .card-sante .card-more a:hover { color: #6ec396; }

			body.sante section.content th,
            body.sante .divider hr,
            body.sante section.content article .dom-calendar-display-bloc td { border-color: #6ec396; }

            body.sante .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field,
            #EducationCover.sante, #RegistrationCover.sante, header.header.sante { background-color: #6ec396; }

            .cover_domain_item.domain_sante .back { background-image: linear-gradient(#6ec396, transparent);}
            .cover_domain_item.domain_sante:hover .back,
            .cover_domain_item.domain_sante.activ .back{ background-color:#6ec396; }


            body.sante section.content article tr.clickable:hover td { color: #6ec396; background-color: #fafafc; }

            section.content article.frame-fondsante,
            section.content article.multi .col.sante > .frame,
            section.content article.multi .col > .frame.frame-fondsante{ background-color: #eff6f3; }
            section.content article .col.sante .frame::before, section.content article.multi col.sante .frame::before,
            section.content article .col .frame.frame-fondsante::before, section.content article .frame.frame-fondsante::after, section.content article.multi .col .frame.frame-fondsante::after, body.sante #horaire-form { border-color: #eff6f3; }

            body.sante section.content .card-warning.card-allnews { background-color: #92d2b0; }
	/* /SANTE */


section.content .card-ceff .card-more a:link, section.content .card-ceff .card-more a:active, section.content .card-ceff .card-more a:visited, section.content .card-ceff .card-more a:hover,
section.content .card-ceff .card-content h2,
section.content .card-tous .card-content h2{ color:#000000; }


section.content article a.btnlink { color: white; }

section.content h2.invisible, section.content h3.invisible {
	color: transparent;
}

section.content h2.invisible:after {
     background-color: transparent;
}



/* /Déclinaison domaines */

			@media (max-width: 1199px) {
				
				body, #NavAddress h5 {
					font-size: 12px;
				}
				
				.bar, .header {
					height: 36px;
				}
				nav {
					display: none;
					position: fixed;
					top: 0;
					left: 0;
					width: 100%;
					z-index: 1000;
					background-color: rgba(0,0,0,0);
					transition: background .5s  ease-out;
				}

				#LogoBox #Logo,
				#NavMenu {
					padding-top: 20px;
					padding-bottom: 20px;
				}

				#LogoBox #Logo,
				#NavMenu,
				#NavAddress,
                .socialnetworks {
					padding-left: 30px;
					padding-right: 25px;
					border-right: none; 
				}

				#LogoBox #Logo {
					height: 123px; 
				}

				body.home #LogoBox #Logo {
					padding-top: 100px;
					height: 210px;
				}
				#LogoBox #Logo img {
					height: 83px;
				}
				
				
				#NavMenu ul li {
					padding-bottom: 10px;
				}
				
				#NavMenu ul ul {
					padding-left: 19px;
				}
				
				#NavAddress {
					padding-top: 10px;
					padding-bottom: 3px;
					bottom: 36px;
					height: auto;
				}
				
				#Domains .domain.ceff {
					font-size: 13px;
				}
				
				#Domains .domain {
					font-size: 10px;
				}
				
				#NavContent {
					margin-left: -300px;
					transition: margin .4s ease-out;
					height: 100%;
				}

				#LogoBox {
					height: calc( 210px - 87px );
				}

				body.home #LogoBox {
					height: 210px;
				}

				body.ceff.home #LogoBox #Illustration {
					height: 87px;
				}	
				
				nav.visible {
					display: block;
				}

				nav.visible.opacity {
					background-color: rgba(0,0,0,0.80);
				}

				nav.visible #NavContent,
				nav.visible #NavAddress,
				nav.visible #NavMenu,
				nav.visible #NavContent .footer {
					width: 300px;
				}

				#NavMenu {
					height: calc( 100vh - 159px - 5.7vw - 3vw + 1px );
				}

				body.home #NavMenu {
					height: calc( 100vh - 246px - 5.7vw - 3vw + 1px - 48px );
				}

				#NavContent {
					height: 100%;
				}
				
				#NavMenu, #NavAddress, #NavContent .footer {
					position: absolute;
				}

				
				#NavContent.visible {
					margin-left: 0;
				}

				
				nav .footer img.img-responsive {
					max-height: 20px;
					margin-top: 8px;
				}
				
				
				
				#NavClose {
					position: absolute;
					display: none;
					top: 0;
					left: 300px;
					width: calc( 100% - 300px );
					height: 100vh;
					cursor:pointer;
				}

				#NavClose.visible {
					display: block;
				}

				header.header,
				footer.footer {
					left: 0;
					width: 100%;
					margin: 0;
				}

				header.header {
					padding: 0 2.083vw;
				}
				
				header.header.down {
					z-index: -1;
				}
				
				#HeaderLeft { /* avant ajout PO width: 25%; */ width: 15%; } 
				#HeaderCenter { /* avant ajout PO width: 45%; */width: 59%; }
				#HeaderRight { /* avant ajout PO width: 30%; */width: 25%; }

				#HeaderLeft {
					display: block;
				}

#HeaderLeft .picto {
	height: 18px;
}

#HeaderRight .picto {
	height: 15px;
	margin-right: 6px;
}

#Search {
	padding-right: 33px;
}
				
#Education {
	/* avant ajout PO padding-right: 54px; */
}
				
				
			#HeaderCenter .element {
				font-size: 14px;
			}


#HeaderRight span {
	font-size: 12px;
}
				
	.cover {
		height: calc( 100% - 36px ); 
	}
				
	.cover.active {
		top: 36px;
	}
	.cover_close {
		top: -36px;
	}	
				section.content,
                .cover_main {
					width: 100%;
					top: 36px;
					left: 0;
					padding: 1vw 1.8% 0 1.8%;
					height: calc( 100% - 72px );
				}

				section.content .wrapper-outer,
                section.content .title {
					width: 100%;
				}
				
				section.content .wrapper-outer { margin-top: 6.14vw; } /* plusieurs blocs assemblés verticalement */
                section.content .copyRef .wrapper-outer { margin-top: 1.6vw; }
				section.content .col-md-3, section.content .col-md-4, section.content .col-md-6, section.content .col-md-8 { margin-top: /*8vw*/ 0.54vw; } /* plusieurs blocs assemblés verticalement */

				
section.content h1 {
	font-size: 60px;
	margin: 0 -15px -15px 0;
}

section.content h2 {
	font-size: 22px;
	margin-bottom: 30px;
}

section.content h2:after {
     bottom: -12px;
     height: 3px;
     width: 30px;
}

section.content h3 {
	font-size: 16px;
}

section.content article .frame {
/* V9	padding: 42px 21px;
	margin-bottom: 12px; */
}

section.content article .card_container .frame {
	padding: 0;
	margin-bottom: 0;
}

section.content article {
	font-size: 1.2vw;
	line-height: 1.5;
	color: #898888;
}

section.content article p {
	margin-bottom: 16px;
}

section.content article.multi .col > .frame-blocsansmarge,
section.content article.multi .col > .frame-blocsansmargerouge{
/*     margin-bottom: calc(-1.2vw - 16px); */
     margin-bottom: 10px;
}
            
				
				footer.footer {
					padding-top: 14px;
				}
}	

@media (max-width: 1023px) {

    section.content article {
        font-size: 2vw;
    }
}

@media (max-width: 850px) {
/* Suite ajout PO */
    #HeaderCenter .element {
        font-size: 1.6vw;
    }
/* /Suite ajout PO */
}

@media (max-width: 767px) {
				#PhoneScrollBox {
					position: fixed;
					top: 72px; /* height header.header */
					left: 0;
					width: 100%;
					height: calc( 100% - 72px );
					overflow: auto;
				}
				
				#NavContent {
					overflow-y: auto;
					position: absolute;
					height: calc(100% - 36px);
				}
				
				#NavHeader, #NavMenu, body.home #NavMenu, #NavAddress {
					position: relative;
					top: 0;
					height: auto;
				}
				
				#Domains {
					position: fixed;
					height: 36px;
					width: 300px;
					z-index: 1000;
				}
				
				#LogoBox {
					margin-top: 36px;
				}
				
				#NavContent .footer {
					position: fixed;
					bottom: 0;
					height: 36px;
				}
				
				header.header {
					height: 72px;
				}
				
				#HeaderLeft,
				#HeaderRight,
				#HeaderCenter {
					height: 50%;
				}
				
				#HeaderLeft,
				#HeaderRight {
					width: 50%;
				}
				
				#HeaderCenter {
					width: 100%;
				}
				
				#HeaderCenter .header_content {
					width: 100%;
				}
				
				#HeaderCenter .header_content .element {
					padding-top: 5px;
				}
				
				#Education,
				#Registration,
                #OpenDoors {
					float: left;
				}
				
				#HeaderRight span {
					display: none;
				}

				.cover {
					height: calc( 100% - 72px ); 
				}
				
				.cover.active {
					top: 72px;
				}
				
		.cover_close {
		top: -72px;
	}	
			section.content h1 {
	            font-size: 29px;
				margin-bottom: -8px;
}

    section.content p,
    section.content ul li,
    section.content article a.btnlink{
	font-size: 13px;
}
    section.content article ul li,
    .EducationDescriptionText ul li {
        text-indent: -7px;
    }

                
    section.content article .dom-calendar-display-bloc td .event_detail,
    section.content article .dom-calendar-display-bloc td .event_detail p,
    section.content article .dom-calendar-display-bloc td .event_detail ul li { font-size: 12px; line-height: 17px; }
    section.content article .dom-calendar-display-bloc td { display: block; }
    section.content article .dom-calendar-display-bloc td.event_date { border: none; }
    section.content article .dom-calendar-display-bloc td.event_info { padding-top: 0; }
    section.content article .dom-calendar-display-bloc .event_date_bloc { display: inline-block }
    section.content article .dom-calendar-display-bloc .event_date_separator { display: inline-block; }        
                
                
				.row {
					margin-left: -30px;
					margin-right: -30px;
					margin-bottom: 15px;
				}

    #NavAddress .row { margin: 0 -15px; }
    
			section.content article {
margin-left: -15px;
				margin-right: -15px;
				}
			section.content article.title,
				section.content article.multi{
margin-left: 0;
				margin-right: 0;
				}
				
    
    section.content .wrapper-outer:nth-child(2) { margin-top: .5vw; }
    section.content .copyRef .wrapper-outer { margin-top: -1.3vw; }
    
    
				section.content,
				footer.footer {
					position: relative;
					top: 0;
					left: 0;
					height: auto;
					width: 100%;
					margin: 0;
					overflow: hidden;
				}
				
				footer.footer ul {
					margin-top: 12px;
					margin-bottom: 12px;
				}
				
				footer.footer ul li {
					line-height: 18px;
					margin-top: 0;
					margin-bottom: 0;
					padding: 0;
				}
				
				footer.footer #FooterLeft,
				footer.footer #FooterRight {
					display: block;
					float: none;
					overflow: hidden;
				}

				footer.footer #FooterLeft ul li {
					float: none;
					border: none;
				}

				
				footer.footer #FooterRight {
					margin-bottom: 12px;
				}
			}


@media (min-width: 1200px){
	section.content .container { width: 100%; }
}

@media (min-width: 992px){
	section.content .container { width: 100%; }
}

@media (min-width: 768px){
	section.content .container { width: 100%; }
}

/* ------------------------- */

.csc-textpic-intext-left,
.csc-textpic-intext-right { overflow: hidden; }
/* .csc-textpic-intext-left .csc-textpic-imagewrap { display: inline-block; float: left; margin: 0 20px 0 0; } */
.csc-textpic-intext-left .csc-textpic-imagewrap { display: inline-block; float: left; margin: 0 1.04vw 0 0; }
.csc-textpic-intext-right .csc-textpic-imagewrap { display: inline-block; float: right; margin: 0 0 0 20px; }
.csc-textpic-center .csc-textpic-imagewrap { text-align: center; }
.csc-textpic-right .csc-textpic-imagewrap { text-align: right; }
.csc-textpic-left .csc-textpic-imagewrap { text-align: left; }
/* .csc-textpic-intext-left .csc-textpic-imagewrap img { padding-bottom: 20px; } */
.csc-textpic-center .csc-textpic-imagewrap div,
.csc-textpic-right .csc-textpic-imagewrap div,
.csc-textpic-left .csc-textpic-imagewrap div { display: inline-block; }


.ce-intext.ce-left .ce-gallery,
.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-center .ce-gallery { margin: 0; }

.ce-textpic .ce-gallery figure img { 
    margin-bottom: .5vw;
    margin-top: .4vw; /* CB ajouté le 2020.07.27 */
}
/* CB supprimé le 2020.07.27 .ce-textpic.ce-left,
.ce-textpic.ce-right,
.ce-textpic.ce-center { overflow: hidden; } */

.ce-textpic.ce-center .ce-gallery figure { margin: 0; }

.ce-textpic.ce-left .ce-gallery figure { display: inline-block; float: left; margin: 0 1.04vw 0 0; }
.ce-textpic.ce-right .ce-gallery figure { display: inline-block; float: right; margin: 0 0 0 20px; }
.ce-textpic.ce-center .ce-gallery figure { text-align: center; }
.ce-textpic.ce-right .ce-gallery figure { text-align: right; }
.ce-textpic.ce-left .ce-gallery figure { text-align: left; }
.ce-textpic.ce-center .ce-gallery figure div,
.ce-textpic.ce-right .ce-gallery figure div,
.ce-textpic.ce-left .ce-gallery figure div { display: inline-block; }


.ce-textpic { overflow: initial; }
.ce-textpic .ce-bodytext { margin-top: -.4vw; }
/*.ce-gallery { margin-top: .4vw; }*/

/* Correction VECTOR - 2020-11-3 */
.ce-image { overflow: hidden; margin-bottom: 1em; }
.ce-image figure { margin: 0; }
/* /correction VECTOR */

table.pleinelargeur,
/* Ajout VECTOR - 2022-04-20 */
table.standard,
/* /Ajout VECTOR - 2022-04-20 */
table.talerte { width: 100%; }

table

section.content article table.talerte td { background-color:#e54242; padding: 10px 14px 12px; }

/* Ajout VECTOR - 2022-04-20 */
section.content article table.standard td { padding: 10px; border: 1px solid #eeeeee; }
/* /Ajout VECTOR - 2022-04-20 */

div.tablewrapper { width: 100%; overflow-y: auto; overflow-x: auto; }
@media (max-width: 767px) {
    div.tablewrapper table { width: 1024px; }
}

.fancybox-opened .fancybox-title { display: none; }

section.content .wrapper-outer.ce-block { margin-top: 2.54vw; }
section.content #CE-DetailContainer, section.content #CE-FormContainer { margin-top: 2vw; }
section.content #CE-FormContainer

.ce-detail table { width: 100%; }
.ce-detail td.info_label { padding-right: 0.35vw; white-space: nowrap; font-weight: bold; }
.ce-detail .registration_alert  { padding-top: 10px; color: red; }

#CE-FormIntroduction { margin: -1vw 0 1vw 0; }
#CE-FormIntroduction .ce-class { font-weight: bold; }

section.content article tr.clickable { cursor:pointer; }

section.content article #ListeFormationsContinues { margin-bottom: 2vw; }
section.content article table.ce-coursetable { width: 100%; }
section.content article table.ce-coursetable th, .ce-coursetable td { padding-right: 20px; }
section.content article table.ce-coursetable th:last-child , .ce-coursetable     td:last-child { padding-right: 0; }
section.content article table.ce-coursetable td.ce-class-statdate,
section.content article table.ce-coursetable td.ce-class-name,
section.content article table.ce-coursetable td.ce-class-place,
section.content article table.ce-coursetable td.ce-info { white-space: nowrap; }
section.content article table.ce-coursetable td.ce-course-name,
section.content article table.ce-coursetable td.ce-class-statdate,
section.content article table.ce-coursetable td.ce-class-place,
section.content article table.ce-coursetable td.ce-class-name { padding-right: 10px; }
section.content article table.ce-coursetable td.ce-course-name { font-weight: bold; }

@media (max-width: 767px) {
    section.content article table.ce-coursetable .ce-class-name { display: none; }
    section.content article table.ce-coursetable td.ce-course-name,
    section.content article table.ce-coursetable th.ce-course-name { width: 50%; }
}


#content .wrapper-outer { display: none; }


#content article .csc-textmedia-inside-left { overflow: hidden; }

/* #content article .csc-textmedia-gallery-media.video-larg75 { width: 75%; padding: 0.4vw 20px 20px 0; }
#content article .csc-textmedia-gallery-media.video-larg50 { width: 50%; padding: 0.4vw 20px 20px 0; } */

#content article .csc-textmedia-inside-left .csc-textmedia-gallery { float: left; }
#content article .csc-textmedia-gallery.video-larg75 { width: 75%; padding: 0.4vw 20px 20px 0; }
#content article .csc-textmedia-gallery.video-larg50 { width: 50%; padding: 0.4vw 20px 20px 0; }

/* #content article .csc-textmedia-inside-left .csc-textmedia-gallery.video-larg75 .csc-textmedia-gallery-media.video-larg75,
#content article .csc-textmedia-inside-left .csc-textmedia-gallery.video-larg50 .csc-textmedia-gallery-media.video-larg50 { width: 100%; } */

#content article .csc-textmedia-gallery.habillee {
    float: left;
    padding-bottom: 0;
}




@media (max-width: 767px) {
    #content article .csc-textmedia-gallery-media.video-larg75, 
    #content article .csc-textmedia-gallery-media.video-larg50 { width: 100%; }
}

/**** Vignettes conteneur ****/

section.content .wrapper-outer.cards-grid article,
section.content .wrapper-outer.cards-line article{
    background-color: transparent;
	-moz-box-shadow: 0px 0px 0px 0px transparent;
	-webkit-box-shadow: 0px 0px 0px 0px transparent;
	-o-box-shadow: 0px 0px 0px 0px transparent;
	box-shadow: 0px 0px 0px 0px transparent;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=transparent, Direction=NaN, Strength=0);
	
	padding: 0;
    margin-top: -2.14vw;
}

@media (max-width: 768px) {

    section.content .wrapper-outer.cards-grid article,
    section.content .wrapper-outer.cards-line article {
        padding-left: 15px;
        padding-right: 15px;
    }
    section.content .wrapper-outer.cards-grid article.title,
    section.content .wrapper-outer.cards-line article.title {
        padding-left: 0;
        padding-right: 0;
    }
}

/**** /Vignettes conteneur ****/


/**** Cover ****/

.cover_content { position: relative; height: calc( 100vh - 8vw ); padding-right: 1vw; overflow: auto; }

.cover { padding-top: 3vw; color: white; }

@media (max-width: 1199px) {
    .cover { padding-top: 0; }
}

@media (max-width: 1023px) {
    .cover { padding-top: 0; }
    .cover_content { height: calc( 100% - 72px ); }
}

@media (max-width: 768px) {
    .cover_content { height: calc( 100vh - 200px ); }
}

.cover_domains { display: none;  float: left; }
body.ceff .cover_domains { position: absolute; top: 0; left: 0; display: block;  }
.cover_main { float: right; padding-right: 0; }

@media (max-width: 1199px) {
body.ceff .cover_domains { display: none; }
}

.cover_domains ul { position: absolute; top: 0; left: 0; list-style: none;  margin: 0; padding: 0; width: 100%; }
.cover_domain_item { height: 25vh; position: relative; background-size: cover; }
.cover_domain_item.domain_artisanat{ background-image: url(/fileadmin/media/domaine/artisanat-fond.jpg); }
.cover_domain_item.domain_commerce{ background-image: url(/fileadmin/media/domaine/commerce-fond.jpg); }
.cover_domain_item.domain_industrie{ background-image: url(/fileadmin/media/domaine/industrie-fond.jpg); }
.cover_domain_item.domain_sante{ background-image: url(/fileadmin/media/domaine/sante-fond.jpg); }
.cover_domain_item .back,
.cover_domain_item .domain_content { position: absolute; top: 0; left: 0; width:100%; height: 100%; }


.cover_domain_item .domain_content { padding: 1vw; }
.cover_domain_item .domain_content h2 { font-size: 1.875vw; margin: 0 0 1.25vw 0; text-transform: uppercase; font-weight: normal; }
.cover_domain_item .domain_content h2::after { bottom: -.5vw; display: none; }
.cover_domain_item .domain_content:hover h2::after,
.cover_domain_item.activ .domain_content h2::after{ display: block; }

.cover_domain_item .domain_content p { display: none; font-size: .8vw; line-height: 1.7; }
.cover_domain_item .domain_content:hover p { display: block; }
.cover_domain_item.activ .domain_content p { display: block; }

.cover_domain_item .back { opacity:.8; background-color: transparent; }

.cover_domain_item:hover .back,
.cover_domain_item.activ .back { display: block; }



.cover_navigation { position: relative; overflow: hidden; margin-bottom: 2vw; margin-right: 2vw; border-bottom: 1px solid white; }
.cover_navigation ul { margin: 0; padding: 0; list-style: none; }
.cover_navigation li { float: left; margin-right: 2vw; padding-bottom: 2px; }
.cover_navigation li a { color: rgba(255,255,255,.5); text-transform: uppercase; }
.cover_navigation li a.activ,
.cover_navigation li a:hover { color: rgba(255,255,255,1); text-decoration: none; }
.cover_navigation li a.activ { border-bottom: 4px solid white; }


@media (max-width: 1199px) {
    .cover_navigation, .cover_content { margin-left:  1.07vw; } 
}


@media (max-width: 768px) {
    .cover_navigation li a.activ { border-bottom: none; }
}


.cover .container { width: 100%; }

.card { display: none; }
body.artisanat .card-artisanat, body.artisanat .card-all, body.artisanat .card-tous, body.artisanat .fs-media-gallery .card { display: block; }
body.commerce .card-commerce, body.commerce .card-all, body.commerce .card-tous, body.commerce .fs-media-gallery .card { display: block; }
body.industrie .card-industrie, body.industrie .card-all, body.industrie .card-tous, body.industrie .fs-media-gallery .card { display: block; }
body.sante .card-sante, body.sante .card-all, body.sante .card-tous, body.sante .fs-media-gallery .card { display: block; }
body.ceff .card { display: block; }

#RegistrationCover .cover_navigation { margin-left: calc(1vw - 3px); margin-right: calc(3vw + 3px); }


#EducationCover .cover_main { padding-left: 1vw; }
#EducationCoverContent { overflow: hidden; padding-right: 0; }
#EducationCoverContent .EducationList, #EducationCoverContent .EducationDescriptionWrapper { padding-right: calc(50% + 2vw); height: 100%; overflow: auto; }

#EducationCoverContent .EducationList a { color: white; }
#EducationCoverContent .EducationList a:hover { text-decoration: underline; }
#EducationCoverContent .EducationList ul { list-style: none; padding: 0; }
#EducationCoverContent .EducationList ul ul { padding: 0 1vw; }
#EducationCoverContent .EducationList li { margin-bottom: .3vw; }

#EducationCoverContent .EducationDescriptionWrapper { position: absolute; top: 0; width: 50%; right: 0; padding-right: 2vw; }
#EducationCoverContent .EducationDescriptionWrapper h2 { text-transform: uppercase; }
#EducationCoverContent .EducationDescription { display:none; }
#EducationCoverContent .EducationItem { display: none; }
#EducationCoverContent .EducationItem .EducationName { display: inline-block; }
#EducationListContent { display: none; }

@media (max-width: 767px) {
    #EducationCoverContent .EducationList { padding-right: 0; width: 100%; }
    #EducationCoverContent .EducationDescriptionWrapper { width: 0; padding-right: 0; } 
}

/***** Cover Login ****/

.BoxesWrapper {
    margin: auto;
    padding-top: 4vw;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
    justify-content: center;
    width: 100%;
    height: calc(100vh - 6vw);
    overflow: auto;
}

.box {
    float: left;
    margin: 0 4vw;
    width: 22vw;
    margin-bottom: 4vw;
}

.box a { color: white; text-decoration: underline; }

.box_title { 
    border-radius: 1.4vw 1.4vw 0 0;
    padding: .8vw 1.4vw 0.5vw 1.4vw;
    text-align: center;
    font-size: 1.45vw;
    background-color: rgba(255,255,255,.6);
    border-bottom: 1px solid white;
}

.box_main { 
    position: relative;
    padding: 1.2vw 2.9vw 0 2.9vw;
    background-color: rgba(255,255,255,.35);
}

.box_content { min-height: 11vw; padding-bottom: 1vw; }
.box_intro { position: relative;padding-left: .6vw; margin-bottom: 1vw; }
.box_intro::before{ position: absolute; top: 0; left: 0; content:'*'; }

.box_field { position: relative; border: 1px solid white; text-align: right; }

.box_field::before { position: absolute; top:0; left: 0; width: 14%; text-align: center; font-family: 'picto'; font-size: 1.7vw; margin-right: .5vw; }

.box_field.error { border-color: red; }
.box_field.error::before { color: red; }

.box_field.email { border-radius: 4px 4px 0 0; border-bottom: none; }
.box_field.email.fieldalone { border-radius: 4px 4px 4px 4px; border-bottom: 1px solid white; }
.box_field.email.fieldalone.error { border-color: red; }
.box_field.email::before { content: '\e906'; } 
.box_field.password { border-radius: 0 0 4px 4px; border-top: none; }
.box_field.password::before { content: '\e905'; } 

.box_field input {width: 85%;
background: transparent;
border: none;
padding: .5vw;}


.box_field input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255,255,255,.5);
  opacity: 1; /* Firefox */
}

.box_field input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255,255,255,.5);;
}

.box_field input::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(255,255,255,.5);;
}

.box_fieldseparator { border-bottom: 1px solid white; }
.box_fieldseparator.error { border-color: red; }
.box_fieldmessage { display: none; color: red; text-align: left; padding-left: calc(15% + .5vw); margin-top: -.5vw; padding-bottom: .5vw; }

.box a.box_intranetlink { display: block; padding-right: .5vw; text-decoration: none; font-size: 1.5vw; text-align: center;}
.box_intranetlink::before { font-family: 'picto'; content: '\e904'; font-size: 2.2vw; margin-right: 1vw; }

.box_actions .invisible { display: none; }

.box_button { color: #919191; width: 100%; padding: 0.5vw; font-weight: bold; font-size: 1vw; text-align: center; background-color: white; border-radius: .3vw; cursor: pointer; }

.box_button.send:before { content: 'envoyer'; }
.box_button.change:before { content: 'changer de mot de passe'; }

.box_button.standby { background-color: #d3d3d3; cursor:default;  }
.box_button.standby:before { content: 'veuillez patienter...'; }

.box_link { text-align: right;  margin-top: .5vw; }

.box_bottom { 
    border-radius: 0 0 1.4vw 1.4vw;
    height: 1.4vw;
    background-color: rgba(255,255,255,.35);
}

.box_remark {
    font-size: .8vw;
    padding-top: .5vw;
    text-align: justify;
}

.box_message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    padding: 4vw 2vw;
    border-radius: 0 0 1.4vw 1.4vw;
    cursor: pointer;
}

.box_message:after { 
    position: absolute;
    top: .3vw;
    right: .5vw;
    font-family: 'picto';
    font-size: 1.5vw;
    content: '\e907';
}

.box_message.ERROR {
    background-color: red;
}

.box_message.WARNING {
    background-color: #f69804;
}

.box_message.SUCCESS {
    background-color: #009203;
}


@media (max-width: 1199px) {
    .box { width: 25vw; }
    .box_title { font-size: 1.75vw; }
    .box_button { font-size: 1.5vw; }
}

@media (max-width: 1023px) {
    .box { width: 30vw; }
    .box_title { font-size: 2.1vw; }
    .box_button { font-size: 1.8vw; }
    .box a.box_intranetlink { font-size: 2vw; }
    .box_intranetlink::before { font-size: 3vw; }
    .box_content { min-height: 18vw; }
    .box_field::before { font-size: 2.3vw; }
    .box_remark { font-size: 1.2vw; }
}

@media (max-width: 767px) {
    .BoxesWrapper { margin-top: -30px; }
    .box { width: 70vw; }
    .box_title { font-size: 4vw; border-radius: 3.4vw 3.4vw 0 0; }
    .box_bottom, .box_message { border-radius: 0 0 3.4vw 3.4vw; }
    .box_bottom { height: 3.4vw; }
    .box_main { padding: 4vw 6vw 0 6vw; }
    .box_intro { padding-left: 2vw; margin-bottom: 4vw; }
    .box_content { padding-bottom: 4vw; }
    .box_field input { padding: 1vw;  }
    .box_field::before { font-size: 4vw; }
    .box_button {font-size: 3.5vw; }
    .box a.box_intranetlink { font-size: 5vw; line-height: 5vw; }
    .box_intranetlink::before { font-size: 6.5vw; margin-right: 2vw; }
    .box_remark { font-size: 2vw; }
}


/***** /Cover Login ****/


/**** /Cover ****/


/**** Galeries photo ****/

.fs-media-gallery .pagination {
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%
}

.fs-media-gallery .pagination ul { list-style: none; }
.fs-media-gallery .pagination ul li { float: left; margin-right: 15px; }
.fs-media-gallery .pagination ul li.active { font-weight: bold; }

/**** Galeries photos ****/


/**** Moteur de recerche ****/


section.content .tx-indexedsearch-searchbox {
    display: none;
}

section.content .tx-indexedsearch-res {
    margin: 0;
}

section.content .tx-indexedsearch-icon img {
    width: 0;
    margin-right: -5px;
    vertical-align: top;
    margin-top: 2px;
}

ul.tx-indexedsearch-browsebox li {
    display: inline;
    margin-right: 5px;
}
.tx-indexedsearch-searchbox legend, .tx-indexedsearch-info, .tx-indexedsearch-percent {
    display: none;
}

section.content article ul.tx-indexedsearch-browsebox { padding-left: 0; }

section.content article ul.tx-indexedsearch-browsebox li { margin-right: 1vw; }

section.content article ul.tx-indexedsearch-browsebox li:before { content: ''; }

/** Cover **/

#SearchCover .tx-indexedsearch-browsebox, #SearchCover .tx-indexedsearch-res { display: none; }

#searchbox { color: transparent; width: 50%; margin: auto; margin-top: 35vh; }


#SearchCover  .tx-indexedsearch-searchbox fieldset {
    position: relative;
    border: none;
    padding: 0;
    margin: 0;
    padding-left: 2.2vw;
}

#SearchCover  .tx-indexedsearch-searchbox fieldset::before {
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    font-family: picto;
    content: '\e903';
    font-size: 1.9vw;
}

#SearchCover  .tx-indexedsearch-searchbox fieldset label {
    display: none;
}

#SearchCover  .tx-indexedsearch-searchbox fieldset input {
    border: none;
    border-bottom: 1px solid rgba(255,255,255,.5);
    color: white;
    background-color: transparent;
    width: 100%;
    font-size: 1.5vw;
}

#SearchCover  .tx-indexedsearch-searchbox fieldset .tx-indexedsearch-search-submit {
    display: none;
}

/** /Cover **/

/**** /Moteur de recherche ****/

/**** FORMULAIRES ****/

button:focus { outline:0; }

textarea, input.text, input[type="text"], input.tel, input[type="tel"], input.email, input[type="email"], input[type="button"], input[type="submit"], input.select:focus, input[type="select"]:focus, input[type="password"]:focus, select, select:focus, .input-checkbox { outline: none; -webkit-appearance: none; }

section.content .tx-powermail {
	margin-bottom: 2vw;
}
section.content .tx-powermail .container-fluid {
	padding-left:0;
	padding-right:0;
}

/**** CB - modification 2022-04-21 ****/
fieldset.powermail_fieldset { border: none; margin: 0; padding: 0; }
legend.powermail_legend { display: none; }
/**** CB - /modification 2022-04-21 ****/

.powermail_fieldwrap { display: table; width: 100%; margin: 0 0 1px 0; }
.powermail_fieldwrap.layout1,
.powermail_fieldwrap.layout2 { float: left; }
.powermail_fieldwrap.layout1 { width: 300px; margin-right: 1px; }
.powermail_fieldwrap.layout2 { width: calc(100% - 301px); }
.powermail_fieldwrap.layout3 div { height: 15px; }

.powermail_fieldwrap .powermail_label,
.powermail_fieldwrap .powermail_field  { display: table-cell; height: 30px; font-weight: normal; vertical-align: middle; }
.powermail_fieldwrap .powermail_label { width: 200px; padding: 4px 7px; vertical-align: top; color: #ffffff; background-color: #bcbcbc; }
.powermail_fieldwrap .powermail_field { width: calc( 100% - 200px); padding: 0 7px; background-color: #e8e8e8; }
.powermail_fieldwrap .powermail_field textarea,
.powermail_fieldwrap .powermail_field input { color: #898988; width: 100%; border: none; background-color: transparent; }
.powermail_fieldwrap .powermail_field input { height: 30px; }
.powermail_fieldwrap .powermail_field input.submit { color: #ffffff; }

.powermail_fieldwrap iframe { margin-left: 200px; margin-top: 15px; }
@media (max-width: 767px) {
    .powermail_fieldwrap iframe { margin-left: 0; }
}


.powermail_fieldwrap.layout1 .powermail_field { width: 100px; }


.powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field ,
.powermail_fieldwrap.powermail_fieldwrap_type_html .powermail_field { background-color: transparent }

.powermail_fieldwrap.powermail_fieldwrap_type_html { padding-left: 18px; }

.powermail_fieldwrap.powermail_fieldwrap_type_submit { margin-top: 15px; }
.powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field { border-radius: 5px; text-align: center; }
.powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field .powermail_submit { color: #ffffff; }

.powermail_fieldwrap select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
    border: none;
    border-radius : 0;
/*    height: 30px; */
    height: auto;
    width: 100%;
    background-color: transparent;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(/typo3conf/ext/site_builder/Resources/Public/img/arrow-down.png);
}

.powermail_fieldwrap select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}

.powermail_fieldwrap .checkbox { margin-bottom: 0; }
.powermail_fieldwrap .checkbox input[type=checkbox] { left: 0; top: 0.4vw; width: 1vw; height: 1vw; margin-left: -0.2vw; margin-top: 0; }


.powermail_fieldwrap .powermail_field input.parsley-error,
.powermail_fieldwrap .powermail_field select.parsley-error { background-color: #eeaeae; }
li.parsley-required { color: #ff0000; }

.powermail_fieldwrap.powermail_fieldwrap_type_html.powermail_fieldwrap_studenttitle,
.powermail_fieldwrap.powermail_fieldwrap_type_html.powermail_fieldwrap_companytitle { padding: 3px 0 3px 7px; background-color: #bcbcbc; }
.powermail_fieldwrap.powermail_fieldwrap_type_html.powermail_fieldwrap_companytitle div,
.powermail_fieldwrap.powermail_fieldwrap_type_html.powermail_fieldwrap_studenttitle div{ padding: 3px 0; color: white; font-weight: bold; }
.powermail_fieldwrap_companytitle,
.powermail_fieldwrap_companyname,
.powermail_fieldwrap_companyaddress,
.powermail_fieldwrap_companypostbox,
.powermail_fieldwrap_companynpa,
.powermail_fieldwrap_companyplace { display: none; }


.powermail_fieldwrap_type_submit.disabled {
    opacity: .5;
}


/***** /FORMULAIRES ****/


/**** NS GALLERY *****/

ul.f3-widget-paginator {
    overflow: auto;
    width: 100%;
    float: none;
}
.fs-media-gallery .thumb img{
	width:100%;
	max-width:180px;
	height:auto;
}

/**** /NS GALLERY *****/

/**** HORAIRES *****/

#horaire-form {
    padding-bottom: 2vw;
    margin-bottom: 2vw;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#horaire-form table td {
    border: none;
}

#horaire-form label {
    font-weight: bold;
    margin: 0 .5vw 0 0;
}

#horaire-form select {
    border-radius: 0;
    border-color: #8a8888;
    padding-right: 2vw;
    padding-left: .5vw;
    padding-top: 0; 
    background-color: transparent;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(/typo3conf/ext/site_builder/Resources/Public/img/select-arrow-down.png?3);
    -moz-appearance: none;
    border-width: 1px;
}

#horaire-form #type { display: none; }


#horaire-content {
    margin-bottom: 2vw;
}

#horaire-content table {
    color: black;
    background-color: #E7E7E7;
}

#horaire-content table table {
    background-color: transparent;
}

section.content article #horaire-content table td {
    vertical-align: middle;
    padding: 2px;
    border-bottom: none;
}

.TSinvisible, #c3189,#c3197,#c3200{
position:absolute;
width:1;
height:1;
left:-9999px;
}



/**** /HORAIRES ****/


/**** NEWSLETTER ****/

#NavNewsletter { position: fixed; bottom: 8.7vw; height: 2.8vw; padding-top: .4vw; text-align: center; }

a.NewsletterSubscriptionButton {
    display: inline-block;
    width: calc(100% - 4vw);
    background-color: #e44345;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    color: white;
}

.NewsletterSubscriptionButton:hover {
    text-decoration: none;
}

.NewsletterSubscriptionButton::before {
    font-family: picto;
    content: '\e90c';
    font-size: .75vw;
    margin-right: .5vw;
}

section.content article .frame .NewsletterSubscriptionBloc {
    cursor: pointer;
}

section.content article .frame .NewsletterSubscriptionBloc a:link,
section.content article .frame .NewsletterSubscriptionBloc a:visited {
    width: 100%;
    padding: 0;
    color: white;
    text-align: center;
    text-decoration: none;
    margin-top: 1vw;
    border: 1px solid white;
}


@media (max-width: 1199px) {
    #NavNewsletter { position: absolute; bottom: 110px; height: auto; }
    
    a.NewsletterSubscriptionButton { width: 245px; margin-left: 2px; font-size: 12px; padding: 3px 6px 3px 6px; border-radius: 3px; }
    a.NewsletterSubscriptionButton::before { font-size: 9px; martgin-right: 8px; }

}

@media (max-width: 767px) {
    #NavNewsletter { position: relative; top: 0; margin-bottom: 5px; }
}

.ceff-newsletter_message { padding: 0 0 0 3%; }

#ceff_PopupContent #mc_embed_signup{ background:transparent; clear:left; font-size:14px; color: white; }

#ceff_PopupContent #mc_embed_signup .mc-field-group { width: 100%; }
#ceff_PopupContent #mc_embed_signup .mc-field-group label { display: inline-block; width: 80px; font-weight: normal; }
#ceff_PopupContent #mc_embed_signup .mc-field-group input { display: inline-block; width: calc(100% - 85px); background-color: transparent; border: 1px solid white; colopr white;  }
#ceff_PopupContent #mc_embed_signup .mc-field-group.input-group label,
#ceff_PopupContent #mc_embed_signup .mc-field-group.input-group input { width: auto;  }
#ceff_PopupContent #mc_embed_signup .mc-field-group.input-group label { margin-left: 10px; }

#ceff_PopupContent #mc_embed_signup .mc-field-group.input-group ul li {  margin-left: 3%; }

#ceff_PopupContent #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{ 
    margin-left: 80px;
    margin-bottom: 0;
    padding-top: 0;
    background-color: transparent;
}

#ceff_PopupContent #mc_embed_signup .indicates-required { margin-bottom: 10px; margin-right: 5px; }


#ceff_PopupContent .clear { text-align: center; }
#ceff_PopupContent #mc-embedded-subscribe { width: 100%; background-color: white; color: #919191; margin: 0; }
#ceff_PopupContent #mc-embedded-subscribe:hover { background-color: #888b8d; color: white; }
#ceff_PopupContent #mc_embed_signup div.response { width: 100%; text-align: left; }

#ceff_PopupContent #mc_embed_signup #mce-success-response { color: white; }

        .ceff-newsletter-message{ display: none; color: #e85c41; margin: 3px 0 0 10px; }
        .ceff-newsletter-erreur{ border: 2px solid #e85c41; padding: 10px; }


/**** /NEWSLETTER ****/


/**** POPUP ****/

#ceff_PopupFond {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .75);
    width: 100%;
    height: 100%;
    z-index: 9999;
    
    display: none;
    align-items: center;
    justify-content: center;
}

#ceff_Popup {
    position: relative;
    -moz-box-shadow: 0 0 1vw #000; 
    -webkit-box-shadow: 0 0 1vw #000; 
    box-shadow: 0 0 1vw #000; 
    background-color: #b2b3b6;
    padding: 10px 20px 20px 20px;
}

#ceff_Popup {
    width: auto;
    min-width: 500px;
    max-width: 550px;
    height: auto;
    max-height: 80%;
   overflow: auto;
}

#ceff_PopupContent {
    overflow: auto;
 }
#ceff_PopupClose {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 30px;
    color: white;
    cursor: pointer;
}

#ceff_PopupClose:hover {
    color: #888b8d;
}

 #ceff_PopupClose::after {
    font-family: picto;
    content: '\e907';
}

#ceff_PopupClose a:link, #ceff_PopupClose a:active, #ceff_PopupClose a:visited, #ceff_PopupClose a:hover {
    color: #000000;
    text-decoration: none;
}

@media (max-width: 768px) {
    #ceff_Popup {
        width: 99%;
        min-width: 99%;
        max-width: 99%;
        max-height: 100%;
        height: 100%;
    }
}



/**** /POPUP ****/

/**** TO TOP ****/

#BoutonTop {
    font-family: picto;
    display: none;
    position: fixed;
    bottom: calc(3vw + 4px);
    right: 1.5vw;
    z-index: 1200;
    border: none;
    outline: none;
    background-color: #5b5b5b;
    color: white;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 0;
}

#BoutonTop:before {
      content: "\e90b";
}

@media (max-width: 1199px) {

    #BoutonTop { bottom: 40px; }
}

/**** /TO TOP ****/


/**** NS GALLERY ****/

.ns-gallery-album-item {
    padding: 0 2px 0 0;
    margin-bottom: 2px;
}

.ns-gallery-album-item a,
.ns-gallery-album-item picture,
.ns-gallery-album-item img {
    width: 100%;
}

.ns-gallery-album-view {
    margin-bottom: 10px;
}

@media (min-width: 993px) {
    .ns-gallery-album-view {
        margin-bottom: 10px;
    }
}

.ns-gallery-album-view .card_grid {
    width: 100%;
}

.ns-gallery-album-view .card {
    display: block;
}

.ns-gallery-album-view .card.ns-gallery-album-item {
    padding: 0;
}

section.content .ns-gallery-album-view .card .card-image .picture {
    background-position: center;
}

section.content ul.f3-widget-paginator {
    padding-left: 2vw    
}

section.content ul.f3-widget-paginator li {
    display: inline-block;
    text-indent: 0;
    line-height: 0;
}

section.content ul.f3-widget-paginator li:before {
    content: '';
}

.ns-back-button {
    margin-bottom: 10px;
}


/**** /NS GALLERY ****/