/*
  Bleu MW rgb(33,100,174)
*/


body {
	font-family: 'Exo', sans-serif;
	background:  url(../img/bg.png)
	}

#accueil {
	background: none;
	}

.row.full-width {
	width:     100%;
	max-width: 100%;
	}

p {
	margin-bottom: 6px;
	}

iframe {
	border: 0;
	margin: 10px auto;
	width:  480px;
	height: 300px;
	/*   height: 310px; */
	}

/* HEADER
********************************************************************************/
#header {
	padding:             0;
	width:               100vw;
	height:              100px;
	
	
	/* OLD UI */
	/*background: white;*/
	
	/* NEW UI */
	background:          url(../img/ui/header.jpg);
	background-position: top center;
	background-size:     contain;
	background-repeat:   no-repeat;
	}

#header #home {
	
	height:          100px;
	display:         block;
	float:           left;
	
	/* OLD UI */
	/*width: 550px;*/
	/*background: url(../img/logo-mw-f.png) no-repeat;*/
	/*background-size: contain;*/
	/*margin-top: 8px;*/
	
	/* NEW UI */
	width:           25vw;
	background:      url(../img/ui/logo-mw-f.png) no-repeat;
	background-size: contain;
	margin-top:      18px;
	}

.d #header #home {
	background:      url(../img/logo-mw-d.png) no-repeat;
	background-size: contain;
	}

#header #home h1, #header #home h2 {
	display: none;
	}

#header h1 {
	font-family: 'Exo', sans-serif;
	}

#lang {
	text-align: right;
	padding:    20px 20px 0 0;
	}

#lang a {
	display:       block;
	float:         right;
	margin:        4px 4px 0 0;
	color:         rgba(8, 69, 119, .5);
	width:         20px;
	height:        18px;
	text-align:    center;
	border-radius: 3px;
	}

#lang #f {
	background:          url(../img/f.png) no-repeat;
	background-size:     contain;
	background-position: center center;
	text-indent:         -9999px;
	}

#lang #d {
	background:          url(../img/d.png) no-repeat;
	background-size:     contain;
	background-position: center center;
	text-indent:         -9999px;
	}

#lang #e {
	background:          url(../img/e.png) no-repeat;
	background-size:     contain;
	background-position: center center;
	text-indent:         -9999px;
	}

#lang #f {
	background:          url(../img/f-on.png) no-repeat;
	background-size:     contain;
	background-position: center center;
	text-indent:         -9999px;
	}

#lang #d {
	background:          url(../img/d-on.png) no-repeat;
	background-size:     contain;
	background-position: center center;
	text-indent:         -9999px;
	}

#lang #e {
	background:          url(../img/e-on.png) no-repeat;
	background-size:     contain;
	background-position: center center;
	text-indent:         -9999px;
	}


.f #f, .d #d, .e #e {
	background:  rgba(128, 167, 202, 1);
	color:       white;
	font-weight: bold;
	}


#m-espace-client {
	margin-top:  22px;
	display:     block;
	text-align:  right;
	font-size:   80%;
	font-weight: bold;
	}


#m-espace-client a {
	
	
	border-radius: 3px;
	height:        44px;
	
	
	/* OLD UI */
	/*   padding: 8px 16px; */
	/*color:maroon;*/
	/*background: rgba(128,167,202,1);*/
	/*color:white;*/
	/*font-size: 120% */
	
	/* NEW UI */
	color:         #3AC6EF;
	font-size: 120%
	}

#espace_client #m-espace-client a {
	background: rgb(33, 100, 174);
	color:      white;
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 568px) {
	
	#lang {
		width:    100px;
		position: absolute;
		top:      10px;
		right:    0px;
		}
	
	#header #home {
		margin: -2px 0 0 -6px;
		}
	
	#header .columns {
		margin:  0;
		padding: 0;
		}
	
	#m-espace-client {
		margin-top: 32px;
		}
	
	#m-espace-client a {
		padding: 4px 8px;
		
		}
		
	}


/* CONTENT
********************************************************************************/
.columns.home {
	padding-right: 0;
	margin-right:  0;
	}

#content {
	min-height:  48vw;
	margin:      80px auto 0;
	z-index:     -1000;
	font-family: Helvetica, Arial, sans-serif;
	}


#content p a {
	color:         rgb(33, 100, 174);
	border-bottom: 1px dotted rgba(33, 100, 174, .2);
	}

#content p a:hover {
	border-bottom: 1px dotted rgba(33, 100, 174, .8);
	}

#content li {
	list-style: none;
	}

#content li:before {
	content:    '\25A0';
	display:    block;
	position:   relative;
	max-width:  0;
	max-height: 0;
	left:       -14px;
	top:        2px;
	color:      rgb(33, 100, 174);
	font-size:  10px;
	
	}

#contact #content, #accueil #content, #news #content, #emploi #content, #evenement #content {
	margin-top: 40px;
	}

#content .columns {
	padding: 40px 20px;
	}

#content h3 {
	font-family:   'Exo', sans-serif;
	font-weight:   600;
	font-size:     200%;
	margin-bottom: 24px;
	line-height:   1.2em;
	}

#content h4 {
	font-family:   'Exo', sans-serif;
	font-weight:   400;
	font-size:     120%;
	margin-bottom: 20px;
	}

#content img {
	margin: 10px 0;
	/*   border:1px solid  rgba(33,100,174,.1); */
	}

#content .button, #emploi .button {
	font-family: 'Exo', sans-serif;
	margin-top:  20px;
	font-weight: 600
	
	}

#content h3.title {
	text-transform: uppercase;
	font-weight:    100;
	color:          rgb(33, 100, 174);
	}

.info {
	min-height: 70vh;
	background: rgba(255, 255, 255, .8);
	margin:     0;
	}

.left-col button {
	float: right;
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 568px) {
	
	#content {
		min-height: 50vh;
		margin:     20px auto 0;
		}
	
	#content h3 {
		font-family: 'Exo', sans-serif;
		font-weight: bold;
		font-size:   120%;
		line-height: 1.1em;
		}
	
	.column.image {
		min-height: auto;
		}
	
	.info {
		min-height: auto;
		}
	}

/* Mobile */


#content iframe {
	z-index: -100000
	}

/* NAVIGATION
********************************************************************************/
#mobile-menu {
	display: none;
	}

#nav {
	height: 80px;
	width:  100%;
	
	}

#nav li {
	list-style: none;
	}

#nav li a {
	text-align:  center;
	line-height: 2.3em;
	color:       white;
	}

#m-accueil, #m-contact {
	width: 40px;
	}

.first.level > li > a:hover, .second.level > li > a:hover {
	background:                 rgba(0, 0, 0, .2);
	height:                     32px;
	border-bottom-left-radius:  5px;
	border-bottom-right-radius: 5px;
	
	}

#accueil #m-accueil, #contact #m-contact {
	background:                 rgb(33, 100, 174);
	height:                     32px;
	border-bottom-left-radius:  5px;
	border-bottom-right-radius: 5px;
	}

.first.level > li > a.selected:hover {
	height:                     40px;
	border-bottom-left-radius:  0px;
	border-bottom-right-radius: 0px;
	}

.first.level {
	height:     40px;
	
	width:      100%;
	display:    block;
	left:       0;
	margin:     0;
	position:   absolute;
	top:        100px;
	
	/* OLD UI */
	/*background: rgba(128,167,202,1);*/
	
	/* NEW UI */
	background: #001C35;
	}


.first.level > li {
	display: inline
	}

.first.level > li > a {
	display:                 block;
	/*width: 100px;*/
	padding:                 0 1em;
	margin:                  0 4px;
	height:                  36px;
	margin-top:              4px;
	float:                   left;
	border-top-right-radius: 5px;
	border-top-left-radius:  5px;
	transform:               0.5s all ease;
	-webkit-transform:       0.5s all ease;
	-ms-transform:           0.5s all ease;
	-moz-transform:          0.5s all ease;
	}

.first.level > li > a.unique {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius:  5px;
	height:                     32px;
	}

.second.level {
	height:     40px;
	background: gray;
	width:      100%;
	display:    block;
	position:   absolute;
	top:        40px;
	background: rgba(8, 69, 119, .7);
	margin:     0;
	display:    none;
	}

.second.level.selected {
	display: block;
	}


.second.level > li {
	min-height: 40px;
	display:    block;
	float:      left;
	}

/**/

.second.level a {
	min-width:  130px;
	margin:     0 8px;
	padding:    0 4px;
	display:    block;
	text-align: center;
	}

.third.level {
	opacity: 0;
	display: none;
	}

.second.level > li:hover > .third.level {
	opacity: 1;
	display: block;
	}


.second.level > li > a {
	font-size:     90%;
	display:       block;
	padding: 0 1em;
	min-width:     100px;
	margin:        0 4px;
	height:        36px;
	margin-top:    4px;
	float:         left;
	border-radius: 5px;
	}


.second.level > li.selected a, .second.level > li.has-sub-sub.selected a {
	background:                 rgba(0, 0, 0, .2);
	height:                     32px;
	border-bottom-left-radius:  5px;
	border-bottom-right-radius: 5px;
	}

.second.level > li.has-sub-sub > a, .second.level > li.has-sub-sub.selected a:hover {
	height:                     32px;
	border-bottom-left-radius:  0;
	border-bottom-right-radius: 0;
	}


.second.level li:hover a {
	background: rgba(0, 0, 0, .2);
	}

.second.level li:hover .third.level {
	opacity: 1;
	}

.drop-down {
	color:       rgba(255, 255, 255, .7);
	font-size:   50%;
	line-height: .2
	}

.drop-down-mobile {
	display: none;
	}

.third.level {
	opacity: 0;
	}


.third.level {
	width:     220px;
	margin:    0px 0 0 4px;
	float:     left;
	clear:     both;
	font-size: 80%;
	}

#nav .third.level > li {
	float: left;
	}

#nav .third.level > li a {
	min-height:  40px;
	display:     block;
	float:       left;
	width:       220px;
	line-height: 3em;
	text-align:  left;
	background:  rgba(0, 0, 0, .2);
	border-top:  1px solid rgba(255, 255, 255, 0.2);
	padding:     0 6px;
	margin:      0 0 0 0px;
	font-size:   95%
	
	}

#nav .third.level > li a:hover {
	background: rgba(0, 0, 0, .4);
	}

.third.level > li a:hover, .third.level > li.selected a:hover {
	background: rgba(0, 0, 0, .5);
	}

.third.level > li a, .third.level > li a:hover {
	height: 36px;
	}

.second.level .sub-menu-back, .third.level .sub-sub-menu-back {
	display: none;
	}


/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 568px) {
	
	#header {
		background:        url(../img/ui/header-mobile.jpg);
		background-repeat: no-repeat;
		background-size:   100vw;
		height:            80px;
		}
	
	#header #home, .d #header #home, .e #header #home {
		
		/* OLD UI */
		/*width: 70px;*/
		/*height: 70px;*/
		/*overflow: hidden;*/
		/*margin-top: 18px;*/
		/*background-size: 400px;*/
		
		/* NEW UI */
		background:      url(../img/ui/logo-mw-mobile.png);
		width:           70px;
		height:          60px;
		background-size: cover;
		margin:          0px 0 0 0;
		
		top:             0;
		left:            0;
		}
	
	#b-espace-client {
		
		padding: .2em .5em 1em;
		}
	
	#lang {
		padding: 1em 0 0 0;
		top:     1.4em;
		display: block;
		}
	
	#mobile-menu {
		display:    block;
		
		color:      #ffffff;
		width:      100vw;
		float:      left;
		height:     40px;
		position:   absolute;
		
		padding:    8px;
		
		/* OLD UI */
		/*background: rgba(8,69,119,1);*/
		/*top:80px;*/
		
		/* NEW UI */
		background: #001C35;
		top:        60px
		}
	
	#nav {
		position: absolute;
		top:      -20px;
		z-index:  9999;
		
		}
	
	#nav li a {
		text-align:  left;
		line-height: 2.5em;
		padding:     0 4px;
		}
	
	#nav {
		
		width:   100vw;
		display: none;
		height:  auto;
		}
	
	.first.level, .second.level, .third.level {
		height:     auto;
		width:      100vw;
		background: rgba(8, 69, 119, .8);
		}
	
	.first.level > li > a, .second.level > li > a, #nav .third.level > li > a {
		height:     auto;
		width:      95%;
		font-size:  100%;
		background: none;
		}
	
	.first.level > li > a:hover, .second.level > li > a:hover, #nav .third.level > li > a:hover {
		background: none;
		}
	
	.first.level {
		position: absolute;
		top:      140px;
		}
	
	.second.level {
		position: absolute;
		top:      0px;
		left:     100vw;
		/*     z-index:9000 */
		}
	
	.second.level li {
		float:   none;
		z-index: 1000
		}
	
	.sub-menu-back {
		font-size: 80%;
		left:      0;
		}
	
	.third.level {
		position: absolute;
		top:      0px;
		left:     100vw;
		display:  block;
		
		width:    100vw;
		margin:   0;
		z-index:  10000;
		}
	
	.second.level, .third.level {
		display: none;
		}
	
	.second.level li a, .third.level > li {
		width: 100vw
		}
	
	.first.level li {
		display:       block;
		height:        44px;
		border-bottom: 1px solid black;
		}
	
	
	.first.level.show {
		display: block;
		}
	
	.second.level.selected {
		display: none;
		}
	
	
	.second.level .sub-menu-back, .third.level .sub-sub-menu-back {
		display:       block;
		color:         white;
		margin:        8px 0 0 8px;
		border-bottom: 0;
		}
	
	.second.level.show {
		display: block;
		}
	
	.third.level {
		font-size:  100%;
		border-top: 0;
		padding:    4px;
		opacity:    1;
		}
	
	.third.level.show {
		display: block;
		z-index: 100000
		}
	
	.gutter {
		-webkit-transition: all 0.2s ease;
		float:              left;
		}
	
	.sub-scroll {
		position:    absolute;
		margin-left: -100vw;
		}
	
	.sub-scroll-back {
		position:    absolute;
		margin-left: 0vw;
		}
	
	.sub-sub-scroll {
		position:    absolute;
		margin-left: -200vw;
		z-index:     10000;
		}
	
	.sub-sub-scroll-back {
		position:    absolute;
		margin-left: -100vw;
		}
	
	.drop-down {
		display: none;
		}
	
	.drop-down-mobile {
		position:    absolute;
		right:       10px;
		display:     block;
		color:       white;
		font-size:   200%;
		font-weight: 100
		}
		
	}

/* ACCUEIL
********************************************************************************/
#accueil #content {
	min-height: 70vh;
	margin:     00px auto 0;
	z-index:    -1000;
	padding:    0 50px;
	}

#splash {
	margin-top: 5vh
	}

.item {
	border-top: 1px dotted rgba(8, 69, 119, .5);
	}

.flash, h5.news {
	border-bottom: 1px dotted maroon;
	}

.flash-content, .flash-content h4 {
	color: maroon;
	}

#content .flash-content h4 {
	padding-top:   12px;
	margin-bottom: 0px;
	}

.flash-content {
	margin-bottom: 18px;
	}

#content .flash-content a {
	font-weight:   bold;
	border-bottom: 1px dotted maroon;
	color:         maroon;
	}

.columns.ticker h4 {
	font-size:      100%;
	font-weight:    normal;
	font-family:    'Exo', sans-serif;
	font-weight:    bold;
	text-transform: uppercase;
	}


.item .date {
	width:       100%;
	font-size:   70%;
	font-weight: 400
	}

#evenement .button.date {
	margin-left: 10px;
	background:  gray;
	height:      32px;
	}


#evenement .button.date i {
	font-size: 24px;
	}

.columns.ticker h5 {
	font-family:    'Exo', sans-serif;
	font-weight:    bold;
	text-transform: uppercase;
	margin-top:     40px;
	color:          rgb(33, 100, 174);
	}

.columns.ticker h5.flash, .columns.ticker h5.news {
	color: maroon;
	}

.item p {
	margin-bottom: 6px;
	}


.item, .item a {
	width:   100%;
	display: block;
	}

.item a {
	padding:            2px;
	margin:             4px auto;
	-webkit-transition: 0.5s all ease
	}

.item a:hover {
	background: rgba(33, 100, 174, .1);
	}

.item h4 a span {
	float: right;
	}

.item.events a {
	padding-bottom: 12px;
	}

.columns.ticker a {
	color: black;
	}

.item.news {
	border-top: 0;
	}

.item.flash, .item.flash h4, .item.flash a,
.item.news, .item.news h4, .item.news a {
	color: maroon;
	}

/* EMPLOI
********************************************************************************/
#emploi .button {
	background: silver;
	color:      #333;
	}

/* EVENEMENT
********************************************************************************/
#evenement .button {
	background: silver;
	color:      #333;
	}


/* NEWS
********************************************************************************/
.image {
	margin: 20px auto;
	}

#news .button {
	background: silver;
	color:      #333;
	}

/* contact
********************************************************************************/
.map {
	width:      100%;
	height:     450px;
	background: url(../img/ajax-loader.gif) center center no-repeat;
	}


/* FOOTER
********************************************************************************/
#footer {
	
	
	/* OLD UI */
	/*min-height:      20vh;*/
	/*border-top:      8px solid rgba(8, 69, 119, .8);;*/
	/*background:      rgb(33, 100, 174);*/
	
	/* NEW UI */
	width:             100vw;
	min-height:        22vh;
	background:        url(../img/ui/footer.jpg);
	background-size:   cover;
	background-position:  center right;
	background-repeat: no-repeat;
	}


#footer, #footer h3, #footer a {
	
	/* OLD UI */
	/*color:white;*/
	
	/* NEW UI */
	/*color: #3AC6EF;*/
	color:       white;
	font-family: 'Exo', sans-serif;
	}

#footer #mc-embedded-subscribe {
	background: transparent;
	color:      #3AC6EF;
	margin:     0;
	padding:    0;
	}

#footer .columns {
	padding: 10px 20px;
	}

#footer h3 {
	font-size:   120%;
	font-weight: bold;
	}

#footer p {
	margin: 0 0 2px 0;
	}

#footer .credits, #footer .credits a {
	font-size:  70%;
	color:      rgba(255, 255, 255, .5);
	text-align: right;
	padding:    12px 0 32px;
	}

#footer .maj {
	font-size:  70%;
	color:      rgba(255, 255, 255, .5);
	text-align: right;
	padding:    12px 0 0;
	}

#footer .fb {
	/*font-size: 300%;*/
	margin: 40px 0 0 4px;;
	float:  right;
	}

#footer .fb img {
	width: 2em;
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 568px) {
	
	#footer {
		
		background:          url(../img/ui/footer.jpg);
		background-size:     cover;
		background-position: right center;
		background-repeat:   no-repeat;
		}
	
	#footer h3 {
		font-size: 12px;
		}
	
	#footer p {
		font-size: 9px;
		}
	}

/* CAROUSEL
********************************************************************************/
.owl-theme .owl-controls .owl-page span {
	background: rgba(33, 100, 174, .5);
	}

.owl-page.active span {
	background: rgba(33, 100, 174, .5);
	}

/* PARTENAIRES
********************************************************************************/
#content .no-bullet li:before {
	content: '';
	}

.partenaires.thumbs {
	height:     120px;
	background: white;
	}

.partenaires.thumbs {
	border-radius: 5px;
	border:        1px solid rgba(33, 100, 174, 0.2);
	display:       block;
	padding:       10px;
	margin:        10px;
	width:         140px;
	float:         left;
	min-height:    140px;
	transition:    0.5s all ease;
	text-align:    center;
	}

.partenaires.thumbs a {
	display:    block;
	width:      120px;
	float:      left;
	min-height: 100px;
	}

.partenaires.thumbs:hover {
	border: 1px solid rgba(33, 100, 174, 1);
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 568px) {
	.partenaires.thumbs {
		width:      145px;
		height:     145px;
		min-height: 120px;
		}
	
	.partenaires.thumbs a {
		width:  110px;
		height: 110px;
		
		}
	}

/* ESPACE CLIENT
********************************************************************************/
.error > label > small {
	text-transform: none;
	}

#espace_client .button, #espace_client button {
	background: rgb(33, 100, 174);
	color:      white;
	}

#espace_client .accueil .columns {
	padding: 0 10px;
	}

#content #menu li:before {
	
	content: '';
	}

#menu a {
	display:            block;
	float:              left;
	padding:            4px 8px;
	border-radius:      5px;
	background:         rgba(33, 100, 174, .2);
	color:              rgba(33, 100, 174, .8);
	margin:             0px 16px 10px 0;
	transition:         0.5s all ease;
	-webkit-transition: 0.5s all ease;
	width:              100%;
	font-size:          90%
	
	}

#menu form {
	float:        left;
	margin-right: 10px;
	}

#menu form input[type='text'] {
	height: 42px;
	width:  90px;
	}

#menu a:hover {
	background: rgba(33, 100, 174, .5);
	}

#menu a.selected {
	background: rgba(33, 100, 174, 1);
	color:      white;
	}

columns.menu {
	margin:  0;
	padding: 0;
	width:   100%;
	}

input[type="text"]#website { width:0px; height: 0px ; border:0; opacity: 0}

#espace_client .item {
	display:         block;
	color:           rgba(33, 100, 174, 1);
	/*   margin-bottom: 24px; */
	padding:         12px 6px;
	/*   border-bottom:1px dotted rgba(33,100,174,.5);   */
	border-collapse: collapse;
	margin-top:      10px;
	}

#espace_client #content .columns {
	padding: 0 auto;
	}

#espace_client .item:hover {
	background: rgba(33, 100, 174, .1);
	
	}

#espace_client .item h5, .category, .item.kb.list {
	color:       rgba(33, 100, 174, 1);
	font-weight: bold;
	font-family: 'Exo', sans-serif;
	font-size:   120%;
	}

#kb-nav {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	}

.kb.date {
	text-align: right;
	font-size: 75%;
	}

.kb-toggle {
	background: rgba(33, 100, 174, .5);
	border-radius: 8px;
	overflow: hidden;
	color:silver;
	display: inline-block;
	}

.kb-toggle a {
	display: inline-block;
	color:white;
	padding: .5em 2em;
font-size: 90%;
	}

.kb-toggle a.active {
	background: rgba(8, 69, 119);;
	}

#espace_client .category {
	border-top: 1px dotted rgba(8, 69, 119, .5);
	padding:    12px 6px;
	margin:     12px 0 0 0;
	}

#espace_client a.subcategory {
	color:       rgba(33, 100, 174, 1);
	margin:      0 6px;
	line-height: 2em;
	}

.subcategory em {
	font-style: none;
	color:      rgba(33, 100, 174, 0.5);
	}

#espace_client a.subcategory:hover {
	border-bottom: 1px dotted rgba(8, 69, 119, .5);
	}

#espace_client em {
	font-style:  normal;
	color:       rgba(33, 100, 174, 0.5);
	font-weight: normal
	}

.breadcrumb {
	font-size: 90%;
	margin:    10px 6px 20px;
	}

.telechargements .breadcrumb {
	
	margin-left: -10px;
	}

.breadcrumb a {
	color: rgba(33, 100, 174, 1);
	}

.breadcrumb .button {
	float: right;
	top:   -30px;
	}


.item.kb {
	padding: 0 12px;
	}

#kb-content {
	background:    white;
	padding:       40px;
	margin:        6px;
	border-radius: 5px;
	box-shadow:    1px 1px 5px silver;
	width:         100%;
	float:         left;
	
	}

#espace_client.base_des_connaissances iframe {
	width: 100%;
	/*   height: 600px; */
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 568px) {
	#espace_client.base_des_connaissances iframe {
		height: 300px;
		}
	
	#kb-nav {
		flex-direction: column;
		}
	
	.kb-toggle a {
		width: 50%;
		text-align: center;
		
		}
	
	#kb-nav>div {
		margin: 2px;
		}
	}




#KBDownload {
	width: 100%;
	float: left;
	
	}

.frmKBDownload button {
	float:   left;
	display: block;
	margin:  10px;
	}

#kb-similar {
	margin-top:  20px;
	padding-top: 20px;
	border-top:  1px solid silver;
	font-size:   80%;
	width:       100%;
	float:       left;
	}

#kb-similar h4 {
	font-weight: bold;
	}

#kb-footer {
	margin-top:  20px;
	padding-top: 20px;
	border-top:  1px solid silver;
	font-size:   80%;
	text-align:  right;
	color:       #999;
	width:       100%;
	float:       left;
	}

#kb-footer i {
	margin-left: 20px;
	}

#espace_client .title {
	margin-bottom: 20px;
	}

.frmDownload {
	float:      right;
	margin-top: -40px;
	}

.frmDownload button, a.download {
	width:       100px;
	font-weight: bold;
	font-size:   120%;
	}

#search-field {
	width:        130px;
	float:        left;
	margin-right: 3px;
	height:       34px;
	}

#accueil-client .columns {
	padding: 0;
	}

#accueil-client h3 {
	margin: 24px 0
	}

#download-footer {
	font-size: 80%;
	color:     #999;
	width:     100%;
	float:     left;
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 568px) {
	
	#menu a {
		width: 100%;
		}
	
	.breadcrumb .button {
		float: right;
		top:   -75px;
		}
		
	}

.accueil-item {
	padding-bottom: 12px;
	}

.accueil-item a {
	font-weight: bold;
	}

.accueil-item span {
	display:   block;
	font-size: 80%
	}

#espace_client.cours #oCalendar td.busy {
	background: none;
	}

.cours_item {
	padding:       20px;
	background:    rgba(33, 100, 174, .1);
	width:         100%;
	float:         left;
	margin:        0 0 20px 0;
	border-radius: 10px;
	}

#content .cours_item h4 {
	font-weight: bold;
	}

.cours_item h4 span {
	font-weight: normal;
	float:       right;
	}

.cours_item strong {
	color: rgba(33, 100, 174, 1);
	}

.cours_nav a {
	padding:       4px 8px;
	background:    rgba(33, 100, 174, .1);
	float:         left;
	border-radius: 4px;
	margin:        0 8px;
	}

.cours_nav a.selected {
	background: rgba(33, 100, 174, 1);
	color:      white;
	}

#cours_filter {
	width:      30vw;
	text-align: right;
	float:      right;
	}

#cours_filter select {
	width: 100px;
	}

#cours_search {
	width: calc(30vw - 200px);
	float: left
	}

.empty-dates {
	background:    rgba(128, 0, 0, 0.32);
	width:         100%;
	float:         left;
	padding:       10px;
	border-radius: 8px;
	}

.presold {
	background:    rgba(90, 204, 48, 0.52);
	width:         100%;
	float:         left;
	padding:       10px;
	border-radius: 8px;
	margin:        20px 0;
	}


/* SONDAGE
********************************************************************************/
#sondage input[type=radio] {
	margin: 0 6px 0 20px;
	}

#sondage .button, #sondage button {
	background: rgb(33, 100, 174);
	color:      white;
	}

#sondage label.question {
	border-bottom:  1px dotted rgba(33, 100, 174, 0.5);
	padding-bottom: 12px;
	}

#sondage h4 {
	margin-top: 24px;
	}

/* PRESENTATIONS 2014
********************************************************************************/
#presentations_2014 .breadcrumb {
	margin:      10px 0;
	font-family: 'Exo', sans-serif;
	font-weight: bold;
	}

#presentations_2014 .breadcrumb a {
	color: rgb(33, 100, 174);
	}

#presentations_2014 a.subcategory {
	padding:     0px 0;
	margin:      0px 0;
	display:     block;
	color:       rgb(33, 100, 174);
	font-family: 'Exo', sans-serif;
	font-weight: bold;
	}

#presentations_2014 .item h5 {
	font-family: 'Exo', sans-serif;
	font-weight: bold;
	}

#presentations_2014 .item {
	padding: 10px 0;
	margin:  0 4px;
	}

#presentations_2014 row.head {
	margin-top: 250px;
	}

#presentations_2014 .button {
	background: rgb(33, 100, 174);
	}


/* REVUE DE PRESSE
******************************************************************************************/

.presse.item {
	margin:            0px 0 20px 0;
	padding:           10px 0;
	-webkit-transform: 0.5s all ease;
	-ms-transform:     0.5s all ease;
	-moz-transform:    0.5s all ease;
	transform:         0.5s all ease;
	}

.presse.item:hover {
	background: rgba(33, 100, 174, .2);
	}


.presse h5 {
	font-weight:     bold;
	text-decoration: underline;
	color:           rgb(33, 100, 174)
	}

.presse .detail {
	color:     #999;
	font-size: 85%
	}

/* INSCRIPTIONS
******************************************************************************************/

#inscription-item {
	font-size:     100%;
	background:    rgba(33, 100, 174, .3);
	padding:       20px;
	border-radius: 10px;
	margin-top:    20px;
	}

#inscription-item h2 {
	font-family: 'Exo', sans-serif;
	color:       rgba(33, 100, 174, 1);
	font-size:   24px;
	font-weight: bold;
	}

#inscription-item label, #inscription-item .error label, label {
	font-weight: bold;
	font-family: 'Exo', sans-serif;
	margin:      12px 0 2px;
	color:       black;
	}

#inscription-item label {
	color: rgba(33, 100, 174, 1);
	}

#inscription-item p {
	font-family: Helvetica, Arial, sans-serif;
	font-size:   14px;
	}

#inscription-item p.error, #inscription-item .error label {
	color:  red;
	margin: 12px 0 2px;
	}

.error input[type='text'], .error input[type='email'] {
	border: 2px red solid;
	}

.checkbox {
	display:   block;
	width:     50%;
	float:     left;
	font-size: 90%;
	
	}

#inscription-item .checkbox.error {
	color: red;
	}

.jauge {
	position:      relative;
	top:           24px;
	height:        32px;
	z-index:       100;
	font-size:     14px;
	border-radius: 100px;
	overflow:      hidden;
	background:    rgba(255, 255, 255, 0.2);
	}

.jauge span {
	padding:    4px 10px;
	text-align: center;
	display:    block;
	color:      rgba(33, 100, 174, .6);
	}

.jauge .percent {
	margin-top: -32px;
	z-index:    50;
	background: rgba(255, 255, 255, 0.5);
	height:     60px;
	}

#inscription-item .row .columns {
	margin:  0;
	padding: 0 14px;
	}

#inscription-item button {
	background: rgba(33, 100, 174, 1);
	float:      right;
	}

#inscription-item .jauge {
	font-family: 'Exo', sans-serif;
	font-weight: bold;
	margin:      12px 0;
	}

.inscription_date {
	margin-top: 14px;
	}

.add_button {
	cursor:        pointer;
	border-radius: 100px;
	color:         rgba(255, 255, 255, .8);
	background:    rgb(33, 100, 174);
	width:         24px;
	height:        24px;
	text-align:    center;
	font-weight:   bold;
	margin-top:    6px;
	}

.add_button:hover {
	color: white;
	}

.hidden {
	display: none;
	}

/* SONDAGES
******************************************************************************************/

#sondage .checkbox {
	
	width:   100%;
	margin:  0 0 0 16px;
	padding: 0;
	
	
	}

#sondage .radio-group .checkbox {
	margin-left: 0px;
	}

#sondage .radio-group.items-1 .checkbox {
	width:   100%;
	padding: 0
	}

#sondage .radio-group.items-2 .checkbox {
	width: 100%;
	}

#sondage .radio-group.items-3 .checkbox {
	width:   100%;;
	padding: 0
	}

#sondage .radio-group.items-4 .checkbox {
	width: 100%;
	}

#sondage .radio-group.items-5 .checkbox {
	width: 100%;
	}

/* 30 ans
********************************************************************************/
#logo-30ans {
	width:           70px;
	height:          70px;
	background:      url(../img/30ans_f.png) no-repeat;
	background-size: contain;
	float:           left;
	position:        absolute;
	top:             10px;
	right:           320px;
	}

.d #logo-30ans {
	background:      url(../img/30ans_d.png) no-repeat;
	background-size: contain;
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 568px) {
	
	#logo-30ans {
		width:  40px;
		height: 40px;
		left:   90px;
		top:    20px;
		}
	
	iframe {
		width: 320px;
		}
		
	}

/* FORMATIONS
********************************************************************************/

.item.formations {
	padding-top:   6px;
	margin-bottom: 20px;
	width:         100%;
	float:         left;
	}

.item.formations a.button {
	width: 150px;
	float: right;
	}

input.participants_details, #participants_societe {
	display: none;
	}

.participants_selection option.label {
	color: gray
	}

#espace_client #content .row.formations .columns {
	margin:  0;
	padding: 10px;
	}

#espace_client #content #cours_filter {
	width:         100%;
	text-align:    left;
	float:         none;
	margin:        0;
	background:    #f0f0f0;
	border-radius: 10px;
	padding:       10px 20px;
	}

#espace_client #content .button {
	margin: 0;
	}

#espace_client #content #cours_filter .columns {
	margin:  0;
	padding: 0px;
	}

#espace_client #content #cours_filter select {
	width: 100%;
	}

#oCalendar {
	border-collapse: collapse;
	width:           100%;
	background:      transparent;
	border:          0;
	}

#oCalendar td {
	width:          20%;
	height:         80px;
	vertical-align: top;
	border:         1px solid silver;
	background:     white;
	
	}

#oCalendar td.busy {
	background: red;
	color:      black
	}

.occupe {
	font-size:   90%;
	font-family: 'Exo', sans-serif;
	line-height: 1.1
	}

.occupe div {
	background: red;
	width:      1em;
	height:     1em;
	float:      left;
	margin:     0 .5em 0 0
	}


#oCalendar th {
	text-align: center;
	font-size:  120%;
	background: transparent;
	border-top: 0;
	}

#oCalendar th a {
	color: black;
	
	}

#oCalendar .oDays {
	font-weight: bold;
	height:      20px;
	border:      0;
	background:  transparent;
	text-align:  center;
	}

#oCalendar td.oWeek {
	width: 2em;

	
	}

#oCalendar td.oWeek span {
	display: block;
	width: 2em;
	height: 2em;
	border-radius: 100%;
	background: silver;
	text-align: center;
	line-height: 2em;
	
	font-weight: 900;
	}

.calendar-day .calendar-item h5 {
	font-weight: bold;
	font-size:   11px;
	color:       white
	}

.calendar-item {
	background:    #bb4c4c;
	padding:       4px;
	border-radius: 4px;
	font-size:     11px;
	
	margin-bottom: 2px;
	margin-top:    10px;
	}

#oCalendar td.busy .calendar-item {
	color: white;
	}

.calendar-item.indisponibilite {
	display:       inherit;
	margin:        10px 2px 0 0;
	border-radius: 20px;
	color:         white;
	background:    black;
	font-size:     9px;
	line-height:   1em;
	text-align:    center;
	
	}


.calendar-item.reservation {
	background: #86b890
	}

#btnFormationSubmit {
	background: grey;
	}

#defaultOption, #cours_formations_id:first-child {
	color:red;
	}

select option[value="0"] {
	color:red;
	}

#btnFormationSubmit.active {
	background: rgb(33,100,174);
	}

#content .row.calendrier, #content .row.calendrier .columns {
	margin-top:  0;
	padding-top: 0;
	
	}

#content .columns.navigation {
	margin:  0;
	padding: 0 20px 10px;
	}

#cours_entreprise_form .button {
	font-size:  100%;
	margin-top: 28px;
	}

.complet {
	font-size:   120%;
	font-weight: bold;
	color:       maroon;
	text-align:  right;
	}


.presold-calendar {
	background: rgba(90, 204, 48, 0.52);
	color:      green
	}

.calendar-day .calendar-item.presold-calendar h5 {
	color: green
	}

/* RESERVATION SALLES
********************************************************************************/
#espace_client.salles #formReservations .row .columns {
	padding: 0 10px;
	margin:  0;
	}

#formReservations {
	background:    silver;
	padding:       15px;
	border-radius: 5px;
	}

#espace_client.salles .row.reservation-item .columns {
	padding: 4px 10px;
	margin:  0;
	}

#espace_client.salles .row.reservation-item {
	border-bottom: 1px dotted silver;
	}

/* NEWSLETTER
********************************************************************************/
#mc_embed_signup .button {
	color:         maroon;
	border-radius: 3px;
	font-weight:   bold;
	font-family:   'Exo', sans-serif;
	background:    rgba(128, 167, 202, 1);
	color:         white;
	float:         right;
	}


/* RGPD
********************************************************************************/
#rgpd-box {
	color:         white;
	background:    rgba(7, 48, 92, 1);
	position:      absolute;
	left:          10px;
	bottom:        10px;
	width:         calc(100vw - 40px);
	padding:       1em 10em;
	position:      fixed;
	border-radius: 5px;
	z-index:       500
	}

#rgpd-box .ghost {
	float:         right;
	color:         rgba(7, 48, 92, 1);
	background:    white;
	border:        0;
	border-radius: 4px;
	font-size:     100%;
	padding:       .5em 2em;
	font-weight:   bold;
	margin: 2px;
	line-height: 1em;
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 568px) {
	#rgpd-box {
		padding:   .5em;
		font-size: 14px
		}
	
	#rgpd-box p {
		font-size: 14px
		}
	}


/* MODULES
********************************************************************************/
.modules.thumbs {
	height:     200px;
	background: white;
	}

.modules.thumbs .img {
	display:         flex;
	flex-direction:  column;
	justify-content: center;
	height:          210px;
	}

.modules.thumbs {
	border-radius: 5px;
	border:        1px solid rgba(33, 100, 174, 0.2);
	display:       block;
	padding:       10px;
	margin:        10px 10px 4em;
	width:         220px;
	float:         left;
	min-height:    220px;
	transition:    0.5s all ease;
	text-align:    center;
	}

.modules h6 {
	font-weight: 900;
	}

.modules.thumbs a {
	display:    block;
	width:      200px;
	float:      left;
	min-height: 200px;
	}

.modules.thumbs:hover {
	border: 1px solid rgba(33, 100, 174, 1);
	}

.modules-modal h3 {
	font-family:   'Exo', sans-serif;
	font-weight:   600;
	font-size:     200%;
	margin-bottom: 24px;
	line-height:   1.2em;
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 568px) {

	/*.modal-detail {*/
	/*	overflow-x: auto;*/
	/*}*/

	#societe.concours-alphacam2022 .modal-detail td {
		display: inline-block;
		width: 100%;
		font-size: 80%;
	}

	#modules-list {
		display:        flex;
		flex-wrap:      wrap;
		flex-direction: column;
		align-content:  center;
		}
	
	.modules.thumbs {
		/*width: 35vw;*/
		/*height: 35vw;*/
		margin: 0 auto 10vh;
		
		
		}
	
	.modules.thumbs a {
		/*width: 30vw;*/
		/*height: 30vw;*/
		
		}
	
	.modules-modal iframe {
		width:  95%;
		height: 200px;
		}
	}