/*
	Theme Name: Collège des administrateurs de sociétés - Version 2
	Theme URI: http://www.cas.ulaval.ca
	Description: Site web du CAS
	Version: 2.7.1

/*------------------------------------*\
    MAIN
\*------------------------------------*/

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

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?12267247#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-cancel:before { content: '\e800'; } /* '' */
.icon-search:before { content: '\e801'; } /* '' */
.icon-minus:before { content: '\e802'; } /* '' */
.icon-plus:before { content: '\e803'; } /* '' */
.icon-mail:before { content: '\e804'; } /* '' */
.icon-location:before { content: '\e805'; } /* '' */
.icon-user:before { content: '\e806'; } /* '' */
.icon-calendar:before { content: '\e807'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */
.icon-file-word:before { content: '\f1c2'; } /* '' */
.icon-file-excel:before { content: '\f1c3'; } /* '' */
.icon-file-powerpoint:before { content: '\f1c4'; } /* '' */
.icon-file-archive:before { content: '\f1c6'; } /* '' */
.icon-file-audio:before { content: '\f1c7'; } /* '' */
.icon-file-video:before { content: '\f1c8'; } /* '' */
.icon-flickr:before { content: '\f303'; } /* '' */

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */

body {
	font-family: 'futura-pt', sans-serif;
	color:#273b4c;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}

.clear {
    *zoom:1;
}

img {
	max-width:100%;
	vertical-align:bottom;
	height:auto;
}

main a, .main a {
	color:#00aaa7;
	text-decoration:none;
}

main a:hover {
	color:#00aaa7;
	text-decoration:underline;
}

a:hover {
	color:#444;
}

a:focus {
	outline:0;
}

a:hover,
a:active {
	outline:0;
}

b, strong {
	font-weight:500;
}

.evenement-complet b, .evenement-complet strong {
	font-weight:500;
}

input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

.search-input {
	border: 1px solid #04A4CC;
}

main {
	padding: 20px 0px;
}

p {
	font-size: 1em;
    letter-spacing: 0.8px;
    line-height: 1.5;
    font-weight: 400;
}

main ul {
	font-size: 1em;
	padding-left:20px;
	list-style:none;
}

main li {
	padding-bottom:5px;
	list-style: none;
	margin-left:10px;
	letter-spacing: 1px;
}

textarea {
	max-width: 100%;
}

section ul {
	list-style:none;
}

section li::before {
	content: "\2022";  
	color: #00aaa7; 
	display: inline-block;
	margin-left: -15px;
	margin-right:10px;
}

sup {
	top:0;
}

figcaption {
	margin:10px 0;
	font-size:0.8em;
}

/*------------------------------------*\
    CONTENU COMMUN
\*------------------------------------*/


.bouton-blanc {
	font-size: 1em;
    color: #00aaa7;
    background-color: white;
    border: 1px solid #00aaa7;
    padding: 15px;
    width: 100%;
    text-align: center;
	display:inline-block;
	letter-spacing: 1px;
}

.bouton-blanc:hover {
	color:white;
	text-decoration:none;
	background-color:#00aaa7;
}

.bouton-blanc-a {
	text-decoration:none;	
	display:table;
	margin:15px 0;
	width: fit-content;
	text-align: center;
	text-indent: 0;
	text-transform:uppercase;
}

.bouton-blanc-a:hover{
	text-decoration:none;
	background-color:#00aaa7;
}

.bouton-bleu {
	font-size: 1em;
    color: #fff;
    border: 1px solid #00aaa7;
    padding: 15px;
    width: 100%;
    text-align: center;
    display: inline-block;
	letter-spacing: 1px;
}

.bouton-bleu-a{
	text-decoration:none;	
	display:table;
	margin:15px 0;
	width: fit-content;
	background-color: #00aaa7;
	text-align: center;
	text-indent: 0;
	text-transform:uppercase;
	transition-duration: 0.2s;
}

.bouton-bleu-a:hover { 
	text-decoration:none;
	background-color:white;
	color:#00aaa7;
	text-decoration:none;
	color:#00aaa7;
	transition-duration: 0.2s;
}

.bouton-bleu-a:hover .bouton-bleu {
	color:#00aaa7;
	border: 1px solid #00aaa7;
	transition-duration: 0.2s;
}

.info-gouvernance-taxonomy .bouton-bleu-a, .evenement-contenu .bouton-bleu-a {
	color:white;
	transition-duration: 0.2s;
}

.info-gouvernance-taxonomy .bouton-bleu-a:hover,.evenement-contenu .bouton-bleu-a:hover {
	color:#00aaa7;
	transition-duration: 0.2s;
}

.breadcrumb {
    padding-bottom: 15px;
    list-style: none;
	font-size: 0.85em;
}

.breadcrumb a {
    color: #e30613;
    text-decoration: none;
}

.breadcrumb a:hover {
	text-decoration:underline;
}

iframe {
	max-width:100%;
}

.calendrier-detaille-bouton a {
	text-decoration:none;
	transition-duration: 0.2s;
}

.evenement-texte-admission {
    font-size: 0.8em;
}

.evenement-detaillee a {
	text-decoration:none;
}

.footer a {
	text-decoration:none;
	color:#fff;
	transition-duration: 0.2s;
}

.footer a:hover {
	color:#00aaa7;
	text-decoration:underline;
	transition-duration: 0.2s;
}

.iframe {
	background-color:#fff;
	overflow:hidden;
}

.menu-normal a{
	color:#273b4c;
	text-decoration: none;
	width: 100%;
    display: block;
	transition-duration: 0.2s;
}

.page-404 {
	margin:50px 0px;
}

.page-404-no {
	font-size:10em;
	text-align:center;
	color:#00aaa7;
}

.page-404 h1 {
	text-align:center;
	font-size:4em;
	color:#273b4c;
}

.page-404 h2 {
	text-align:center;
	font-size:3em;
}

.page-404 h2 a:hover {
	color:#00aaa7;
	transition-duration: 0.2s;
}

.tuile-grise a {
	text-decoration:none;
}

.tuile-grise a:hover {
	text-decoration:none;
	transition-duration: 0.2s;
}

.tuile-grise .tuile-titre, .cas-tuile-image-txt {
	color:#273b4c;
}

.wpcf7-submit {
	font-size: 1em;
    color: #fff;
    background-color: #00aaa7;
    border: 1px solid #fff;
    width: 125px;
    text-align: center;
    line-height: 50px;
	text-transform: uppercase;
    font-weight: 500;
}

.wpcf7-submit:hover {
	color: #00aaa7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #00aaa7;
}

.wpcf7-text {
	height:40px;
}

.page-accueil {
	padding:0;
}

.wrapper-content .gsc-control-cse {
	padding:0;
}

/*------------------------------------*\
    Bouton 2 Colonnes
\*------------------------------------*/

@media only screen and (min-width:800px) { 

	.colonnes-2 {
		display:flex;
		display:-ms-flexbox;
	}

	.colonnes-2-1 {
		flex:1 0 50%;
		padding-right:10px;
	}

	.colonnes-2-2 {
		flex:1 0 50%;
		padding-left:10px;
	}
	
	.colonnes-2-tier {
		display:flex;
		display:-ms-flexbox;
	}
	
	.colonnes-2-tier-1 {
		flex:1 0 66.66%;
		padding-right:10px;
	}

	.colonnes-2-tier-2 {
		flex:1 0 33.33%;
		padding-left:10px;
	}
	
		
	.colonnes-2-tier2 {
		display:flex;
		display:-ms-flexbox;
	}
	
	.colonnes-2-tier-2-1 {
		flex:1 0 33.33%;
		padding-left:10px;
		padding-right:10px;
	}

	.colonnes-2-tier-2-2 {
		flex:1 0 66.66%;
		padding-right:10px;
		padding-left:10px;
	}
	
	.colonnes-3 {
		display:flex;
		display:-ms-flexbox;
	}

	.colonnes-3-1 {
		flex:1 0 33.33%;
		padding-right:10px;
	}

	.colonnes-3-2 {
		flex:1 0 33.33%;
		padding-left:10px;
		padding-right:10px;
	}
	
	.colonnes-3-3 {
		flex:1 0 33.33%;
		padding-left:10px;
	}
	
	
	.colonnes-4 {
		display:flex;
		display:-ms-flexbox;
	}

	.colonnes-4-1 {
		flex:1 0 25%;
		padding-right:10px;
	}

	.colonnes-4-2 {
		flex:1 0 25%;
		padding-left:10px;
		padding-right:10px;
	}
	
	.colonnes-4-3 {
		flex:1 0 25%;
		padding-left:10px;
		padding-right:10px;
	}
	
	.colonnes-4-4 {
		flex:1 0 25%;
		padding-left:10px;
	}
	
}

.colonnes-2-1,.colonnes-2-2, .colonnes-3-1, .colonnes-3-2, .colonnes-3-3, .colonnes-4-1,.colonnes-4-2,.colonnes-4-3,.colonnes-4-4, .colonnes-2-tier-1, .colonnes-2-tier-2, .colonnes-2-tier2{
	margin-bottom:15px;
}

.colonne-pair-impair .colonnes-2-tier2:nth-child(odd){
	background-color:#fff;
	padding:10px;
}

.colonnes-2.avec-image .colonnes-2-1, .colonnes-2.avec-image .colonnes-2-2 {
	display:flow-root;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/


.top-header{
	position:relative;
}

/* footer */
@media screen and (min-width: 650px){
	.footer {
		padding-top:50px;
	}
}

.footer {
	border-top:1px solid #e6e6e5;
	background-color:#273b4c;
}

@media screen and (max-width: 1025px){ 
	.footer .footer-grid {
		padding-bottom:30px;
	}
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/


.accueil-gouvernance p {
	color:#273b4c;
	
}

.accueil-gouvernance .lire-plus {
	margin-top:30px;
	color:#e30613;
}
	
.accueil-titre-calendrier img {
	vertical-align: text-top;
	padding-right:10px;
	width:40px;
}

.accueil-gouvernance article a:hover {
	text-decoration:none;
	background-color:#fcf2f3;
}

.accueil-gouvernance .auteur {
	color:#666;
}


.actualite-partager {
	margin-top:15px;
	background-color:#e3e7ea;
	padding:10px;
	text-align:right;
}

.actualite-partager span {
	font-size:1.3em;
	margin-right:20px;
	text-transform:uppercase;
}

.actualite-partager a {
	padding:5px;
	background-color:#00aaa7;
	color:#fff;
	border:1px solid #00aaa7;
}

.actualite-partager a:hover {
	padding:5px;
	background-color:#fff;
	color:#00aaa7;
	border:1px solid #00aaa7;
}


.actualite-detail, .evenement-detail {
	font-family: 'futura-pt', sans-serif;
	color: #273b4c;
    font-weight: 400;
	text-transform:uppercase;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-bottom: 10px;
	font-size:2em;
	flex:1 0 auto;
	letter-spacing: 1px;
}

.actualite-filtre .asideCategories {
	width:250px;
}

.actualite-voir-plus {
    padding: 15px;
    width: 190px;
    margin-top: 20px;
	background-color:#fff;
	color:#00aaa7;
	margin-bottom:30px;
	border: 1px solid #00aaa7;
	width:100%;
	text-align:center;
}

.actualite hr {
	margin-block-start: 0;
}

.actualite a .actualite-1:hover, .actualite a .actualite-2:hover, .actualite a .actualite-3:hover {
	background: linear-gradient(to right, #e6f8ff, white);
}

.actualite a:hover h3 {
		color:#00aaa7;
}

.actualite img {
	width:100%;
}

.actualite .actualite-date, .actualite .actualite-resume {
	display:none;
}

.asideCategories select {
	height:45px;
	width: 300px;
	max-width: 100%;
	background-color: white;
}

.article-bottomlinks a:hover {
	text-decoration:underline;
	color:#00aaa7;
}

.article-bottomlinks {
	color:#00aaa7;
}

.auteur {
	font-weight:500;
}

.bandeau-actualite-1, .bandeau-actualite-2 {
	padding-bottom:15px;
}

.bandeau-actualite-image img{
	width:100%;
	height: 100%;
}

.bandeau-actualite .featured {
	padding-bottom:15px;
	background-color:#f7f7f7;
}

.bouton-voir-plus {
	font-size:1em;
	color:#e30613;
	background-color: white;
    border: 1px solid #e30613;
    padding: 15px;
    width: 100%;
    text-align: center;
	text-transform: uppercase;
    font-weight: 500;
	letter-spacing:1px;
}

.bouton-voir-plus:hover {
	background-color:#e30613;
	color:white;
	text-decoration:none;
}

.voir-plus-actualite a:hover, .voir-plus a:hover, .voir-plus-formation a:hover {
	text-decoration:none;
}

.catList{
    font-size: 0.9em;
    font-weight: 500;
    margin-bottom: 30px;
}

.catList a {
	color:#5c5c5c;
	text-decoration:none;
}

.catList a:hover {
	color:#00aaa7;
}

.catTitle {
	margin: 20px 0 10px 0;
	color:#919191;
	border-top: 1px solid #e6e6e5;
    padding-top: 15px;
	font-size: 1.1em;
}

.featured-info {
	text-align:center;
	color:#00aaa7;
	font-size:18px;
	font-family: 'futura-pt', sans-serif;
	height:20px;
}

.info-bouton-closeflash-checkbox {
	display:none;
}

.info-college {
    padding: 15px;
}

.info-flash-bouton:after {
	font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e800';
    font-size: 150%;
    padding: 5px;
    width: 40px;
    color: #00aaa7;
}


.info-flash-news {		
	background-color: #fcf2f3;
	margin-bottom: 15px;
	padding: 15px;
	text-align: center;
	box-shadow: 2px 2px #e4e4e4;
	position:relative;
}

.info-flash-news-titre {
	font-size: 1.6em;
	font-weight: 300;
	color: #273b4c;
	margin: 10px 0;
}

.info-flash-news-description {
	word-wrap: break-word;
	margin: auto;
	padding-bottom: 10px;
}

.info-flash-news.info-flash-close { 
	display:none;
}

.info-gouvernance-categorie {
	margin:15px 0;
}

	
.info-gouvernance-infos h1 a{
	color:#00aaa7;
	text-decoration:none;
	font-weight: 400;
}

.info-gouvernance-a{
	color:#00aaa7;
	text-decoration:none;
}

.info-gouvernance-a:hover{
	color:#00aaa7;
	text-decoration:underline;
}


.info-gouvernance-resume {
	margin-top:15px;
	margin-bottom:15px;
}

.info-gouvernance-category {
	margin-top:30px;
}

.info-gouvernance-choisir {
	font-weight:500;
	font-size:0.9em;
	line-height:40px;
}
	

.linkback {
	border-right:1px solid #e6e6e5;
	color:#00aaa7;
	padding:10px 20px 10px 0px;
	text-decoration:none;
}

.linktous {
	color:#00aaa7;
	padding:10px 0px 10px 20px;
	text-decoration:none;
}


#openMenu, #openSearch {
	display: none;
}

.plus-bleu {
    color: #00aaa7;
    font-weight: bold;
    line-height: 0;
    font-size: 1.5em;
}

.shareHead-datebox {
    border-bottom: 1px solid #e6e6e5;
    width: 150px;
    padding-bottom: 10px;
    font-size: 0.8em;
    font-weight: bold;
    margin-bottom: 20px;
}

.shareHead-datebox-event {
	border-bottom: 1px solid #e6e6e5;
    width: 200px;
    padding-bottom: 10px;
    font-size: 0.8em;
    font-weight: bold;
    margin-bottom: 20px;
	margin-top: 0;
}

/*------------------------------------*\
    ACCORDÉONS
\*------------------------------------*/

.toggler,.toggler-title-wrap {
	border-top:1px solid #e6e6e5;
	font-size: 1.4em;
    font-weight: 500;
}

.toggler:last-child {
	border-bottom:1px solid #e6e6e5;
}

.toToggle {
    padding: 0 18px;
    background-color: #f4faff;
    max-height: 0;
    overflow: hidden;
	transition-property: all;
    transition-timing-function: cubic-bezier(0.5, 1, 0.5, 1);
}

main .toToggle ul li::before {
	color:#273b4c;
}

.toToggle.show {
	max-height:9999px;
}

.toggler>a:after {
    content: '\e803'; 
	font-family:"fontello";
    font-size: 1em;
	font-weight:100;
    color: #fff;
	margin:2px 0 0 5px;
	align-self: center;
	margin-left: auto;
}

.toggler>a:hover:after {
	color:#273b4c;
}

.toggler>a:active:after{
    content: '\e802';
    font-family: "fontello";
    font-size: 1em;
    color: #273b4c;
}

.toggler>a.minus:after{
    content: '\e802';
    font-family: "fontello";
    font-size: 1em;
    color: #fff;
}

.wrapper-content .togglerActive>a.minus:after  {
    content: '\e802';
    font-family: "fontello";
    font-size: 1em;
    color: #fff;
}

.wrapper-content .togglerActive a{
	background-color:#273b4c;
	border:1px solid #273b4c;
	text-decoration:none;
	color:#fff;
}

.wrapper-content .toggler-title-wrap button.toggler-button {
	font-family: 'Futura-pt', sans-serif;
}


.toggler-title-wrap button.toggler-button[aria-expanded='true'] {
	background-color:#273b4c;
	border:1px solid #273b4c;
	text-decoration:none;
	color:#fff;
}

.wrapper-content .toggler-title-wrap button.toggler-button:after, .wrapper-content .toggler-title-wrap button.toggler-button[aria-expanded='true']:after {
	color:white;
	transition-duration: 0.2s;
}

.toggler-title-wrap button:hover.toggler-button:after , .toggler-title-wrap button:hover.toggler-button[aria-expanded='true']:after {
	color:#273b4c;
}

.wrapper-content .togglerActive>a:hover.minus:after{
	color:#273b4c;
	transition-duration: 0.2s;
}

.toggler>a:hover{
	background-color:#fff;
	border:1px solid #273b4c;
	text-decoration:none;
	color:#273b4c;
	transition-duration: 0.2s;
}

.toggler>a {
    color: #fff;
	background-color:#273b4c;
	border:1px solid #273b4c;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
	display:flex;
	text-decoration:none;
	transition-duration: 0.2s;
}


.page .page-contenu .wrapper-content .toggler-title-wrap>button {
    color: #fff;
	background-color:#273b4c;
	border:1px solid #273b4c;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
	display:flex;
	text-decoration:none;
	transition-duration: 0.2s;
	font-size:1.7em;
}

.page .page-contenu .wrapper-content .toggler-title-wrap>button:hover {
	background-color:#fff;
	color:#273b4c;
	transition-duration: 0.2s;
}

.voir-plus-a:hover .actualite-voir-plus {
    background-color: #00aaa7;
	color: #fff;
	border: 1px solid #00aaa7;
	transition-duration: 0.2s;
}

.voir-plus-a {
	margin-left:0;
	margin-right:0;
	text-decoration:none;
}

/*------------------------------------*\
    TUILES
\*------------------------------------*/

@media only screen and (min-width:855px) {
	.tuile-grise {
		display:flex;
		display: -ms-flexbox; 
	}
	
	.tuile-grise {
		 margin: 30px 0;
	}
	
	.tuile-grise:last-child {
		margin-bottom:0;
	}
	
	.tuile-1 {
		margin-right: 15px; 
	}
	
	.tuile-2 {
		margin:0 15px;
	}
	
	.tuile-3 {
		margin-left: 15px; 
	}
	
	.tuile-1, .tuile-2, .tuile-3 { 
		height: 200px;
		position:relative;
		flex:1 0 auto;
	}
	
	.tuile-plus {
		font-size: 3em; 
	}

	.tuile-titre, .cas-tuile-image-txt {
		font-size: 1.3em;
	}
	
}

@media only screen and (min-width:500px) and (max-width:854px) {
	.tuile-grise {
		position:relative;
		margin: 30px 0;
	}
	
	.tuile-1, .tuile-2, .tuile-3 {
		margin-bottom:10px;
		position:relative;
		height:180px;
	}

	.tuile-plus {
		font-size: 3em; 
	}

	.tuile-titre, .cas-tuile-image-txt {
		font-size: 1.3em;
	}
		
	.tuile-invisible {
		display:none;
	}

}

@media only screen and (max-width:499px) {
	.tuile-grise {
		position:relative;
		margin: 30px 0;
	}
	
	.tuile-1, .tuile-2, .tuile-3 { 
		margin-bottom:10px;
		position:relative;
		height:170px;
	}

	.tuile-description, .cas-tuile-image-sousTitre {
		font-size:1em;
	}

	.tuile-plus {
		font-size: 2em; 
	}

	.tuile-titre, .cas-tuile-image-txt {
		font-size: 1em;
	}

	.tuile-invisible {
		display:none;
	}
	
}

.tuile-1>a, .tuile-2>a, .tuile-3>a{ 
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: #e3e7ea; 
	display: table;
    width: 100%;
    height: 100%;
    transition-duration: 0.2s;
}

.cas-tuile-image { 
	position:relative;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: #e3e7ea; 
	display: table;
    width: 100%;
    height: 200px;
}

.tuile-contenu,.cas-tuile-image-txt-container {
	display:table-cell;
    padding: 20px 20px 0px 20px;
	text-align: center;
	vertical-align:middle;
}

.cas-tuile-image-txt-container span {
	display:block;
}

.tuile-description, .cas-tuile-image-sousTitre  {
	color:#00aaa7;
	transition-duration: 0.2s;
}

.tuile-plus {
	vertical-align: bottom; 
	color:#00aaa7;
	transition-duration: 0.2s;
}

.tuile-titre, .cas-tuile-image-txt {
    font-weight: 300;
	margin-bottom:10px;
	text-transform:uppercase;
	transition-duration: 0.2s;
}

.tuile-grise>div>a:hover, .cas-tuile-image:hover { 
	background-color:#273b4c;
	text-decoration: none;
	transition-duration: 0.2s;
}

.tuile-grise>div>a:hover span, .cas-tuile-image:hover span {
	color:#fff;
	transition-duration: 0.2s;
}

.tuile-grise>div>a>span>span{ 
	display:block;
	text-align:center;
}

/*------------------------------------*\
    CARROUSEL
\*------------------------------------*/

.home_head section.accueil_carrousel{
    width:100%;
	padding-top: 60%;
    position:relative;
}

.home_head section.accueil_carrousel .accueil_carrousel_wrap{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
}

.home_head section.accueil_carrousel .accueil_carrousel_nav{
    position:absolute;
    bottom:15px;
    left:0;
    right:0;
    z-index:4;
    text-align:center;
}

.home_head section.accueil_carrousel .accueil_carrousel_nav input[type="radio"]{
    opacity: 0;
    width: 0;
  height: 0;
}

.home_head section.accueil_carrousel .accueil_carrousel_nav label{
    display:inline-block;
    width:12px;
    height:12px;
    background-color:#f4f4f4;
    border-radius:6px;
    margin-right:0.5em;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
}

.home_head section.accueil_carrousel .accueil_carrousel_nav input[type="radio"]:checked+label{
	background-color:#00aaa7;
}

.home_head section.accueil_carrousel .accueil_carrousel_nav label:last-child{
    margin-right:0;
}

.home_head section.accueil_carrousel article{
    width:100%;
    position:absolute;
    top:0;
    left:100px;
    visibility:hidden;
    transition:left 1s;
    z-index:1;
}

.home_head section.accueil_carrousel article img{
    width:100%;
    display:block;
    line-height:1;
}

.home_head section.accueil_carrousel article.current{
    left:0;
    visibility:visible;
    z-index:2;
}

.home_head section.accueil_carrousel article.previous{
    left:-100%;
    visibility:visible;
    z-index:3;
}
.home_head section.accueil_carrousel article.rewind{
    left:100%;
    visibility:visible;
    z-index:1;
}

@media screen and (min-width: 1200px){
    .home_head section.accueil_carrousel{
        height:469px;
    }
	
	.home_head section.accueil_carrousel article div .carrousel-texte{
		font-size:1.4em;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1199px){
    .home_head section.accueil_carrousel{
        height:458px;
        overflow-x:hidden;
        position:relative;
        float:right;
    }

    .home_head section.accueil_carrousel article{
        left:100px;
    }
	.home_head section.accueil_carrousel article div .carrousel-texte{
		font-size:1.4em;
	}
	.home_head section.accueil_carrousel article div .carrousel-texte{
		font-size:1.4em;
	}
}

@media screen and (min-width: 1025px){
    .home_head section.accueil_carrousel{
        padding-top:0;
        overflow:hidden;
        position:relative;
        float:right;
    }
    .home_head section.accueil_carrousel article{
        width:776px;
		height:470px;
        }

    .home_head section.accueil_carrousel article.previous{
        left:-776px;
    }
    .home_head section.accueil_carrousel article.rewind{
        left:776px;
    }
}

.home_head section.accueil_carrousel article div{
    position:absolute;
    bottom:50px;
    left:120px;
    transition:left 1s;
    background-color:#ffffff;
    padding:22px;
    text-transform:uppercase;
    max-width:calc(100% - 110px);
}

.home_head section.accueil_carrousel article.current div{
    left:50px;    
}

.home_head section.accueil_carrousel article.previous div{
    left:10px;    
}

.home_head section.accueil_carrousel article div .carrousel-texte{
    margin:0;
    padding:0;
    color:#273b4c;
    font-weight:400;
}

.home_head section.accueil_carrousel article div .carrousel-bouton>a{
    text-decoration: none;
    color: #00aaa7;
    display: inline-block;
    font-size: 0.45em;
    font-weight: 500;
	letter-spacing:1px;
    background-color: #fff;
	border:1px solid #00aaa7;
	
}

.home_head section.accueil_carrousel article div p>a:hover{
    background-color:#00aaa7;
	color:#fff;
}

@media screen and (min-width:450px) and (max-width: 600px){
    .home_head section.accueil_carrousel article div,
    .home_head section.accueil_carrousel article.current div,
    .home_head section.accueil_carrousel article.previous div{
        left:0;
        bottom:-15px;
        width:100%;
        padding:10px 5px 30px 5px;
        max-width:none;
    }

    .home_head section.accueil_carrousel article div .carrousel-texte{
        font-size:1em;
    }

    .home_head section.accueil_carrousel .accueil_carrousel_nav{
        bottom:0;
    }
}


@media screen and (max-width:449px){
    .home_head section.accueil_carrousel article div,
    .home_head section.accueil_carrousel article.current div,
    .home_head section.accueil_carrousel article.previous div{
        left:0;
        bottom:-30px;
        width:100%;
        padding:10px 5px 30px 5px;
        max-width:none;
    }

    .home_head section.accueil_carrousel article div .carrousel-texte{
        font-size:1em;
    }

    .home_head section.accueil_carrousel .accueil_carrousel_nav{
        bottom:5px;
    }
}



/*------------------------------------*\
    ÉTAPES À SUIVRE
\*------------------------------------*/

.etape-info span {
	color: #fff;
    text-transform: uppercase;
}

.etape-1 div, .etape-2 div, .etape-3 div, .etape-info div {
	display: table;
    vertical-align: middle;
	height:60px;
}

.etape-1 div table, .etape-2 div table, .etape-3 div table, .etape-info div table{
	display:table-cell;
	vertical-align:middle;
}


.etape-info {
	width:150px;
}

.etape-texte {
	color:#273b4c;
	font-weight:500;
}

.etape-texte-petit {
	color:#273b4c;
}

.etape-1 {
	background-color:#e3e7ea;
	color:white;
	padding:15px;
}

.etape-2 {
	background-color:#e3e7ea;
	color:white;
	padding:15px;
}

.etape-3 {
	background-color:#e3e7ea;
	color:white;
	padding: 15px 0 15px 15px;
}

.etape-1-cercle, .etape-2-cercle, .etape-3-cercle {
	background: #cccccc;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #273b4c;
    display: inline-block;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em;
    font-size: 1.3em;
    font-weight: 400;
}

@media only screen and (min-width:855px) {
		
	.etape-1, .etape-2, .etape-3, .etape-info {
		height: 90px;
	}
	
	.etapes {
		margin-bottom:30px;
		display:flex;
		display:-ms-flexbox;
		align-items:center;
	}

	.etape-info {
		padding: 15px 30px;
		background: #273b4c url('img/page/etapes_triangle.png') right no-repeat;
		background-size: contain;
	}
	
	.etape-info div {
		width:100px;
	}
	
	.etape-info span {
		font-size:1em;
	}
	
	.etape-1 {
		background: #e3e7ea url(img/page/etapes_triangle_gris.png) right no-repeat;
		background-size: contain;
		flex: 1 0 140px;
		padding-left: 0;
	}

	.etape-2 {
		background: #e3e7ea url(img/page/etapes_triangle_gris.png) right no-repeat;
		background-size: contain;
		flex:1 0 200px;
		padding-left: 0;
	}

	.etape-3 {
		background: #e3e7ea;
		background-size: contain;
		flex:1 0 250px;
		padding-left: 0;
	}

	.etape-texte {
		font-size:1em;
		text-transform:uppercase;
		font-weight:500;
	}

	.etape-texte-petit {
		font-size:0.8em;
		color:#273b4c;
		font-weight:500;
	}

}

@media only screen and (max-width:854px) { 

	.etapes {
		margin-bottom:30px;
	}
	
	.etape-info {
		background-color: #273b4c;
		width: 100%;
		padding-left: 20px;
	}
	
	.etape-1, .etape-2 {
			border-bottom:1px solid #273b4c;
	}
	
	.etape-info span {
		font-size:1.2em;
	}
	
	.etape-texte-petit {
		font-size:0.8em;
	}
	
	
	.etape-texte {
		font-size:1em;
		text-transform:uppercase;
		font-weight:300;
	}
}



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/



h1, h2, h3, h4, h5, h6{
	font-family: 'Futura-pt', sans-serif;
	color: #273b4c;
	text-transform:uppercase;
	letter-spacing:1px;
}

h1{
	font-weight:400;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-bottom: 10px;
	margin:0;
	text-transform:uppercase;
}

h2 {
	font-weight: 400;
	margin-block-end:0;
	margin-block-start:0;
	margin:0;
}

h3 {
	font-weight: 600;
    margin: 0;
    text-transform: uppercase;
	padding: 10px 0;
	font-size:1.3em;
	color:#00aaa7;
}

h4 {
	font-weight: 600;
    margin: 0;
	padding: 10px 0;
	font-size:1.2em;
}

h5 {
	margin:0;
	font-size:1.1em;
	font-weight: 600;	
}

h6 {
	margin:0;
	font-size:1em;
	font-weight: 600;	
}

hr {
	border: 1px solid #e6e6e5;
	color:#e6e6e5;
	background-color:#e6e6e5;
	margin: 10px 0px;
}

/*------------------------------------*\
    CALENDRIER
\*------------------------------------*/

@media screen and (max-width: 992px) {
	.main .calendrier_evenements {
    -webkit-transition: max-height 0.4s ease-out;
    -moz-transition: max-height 0.4s ease-out;
    -o-transition: max-height 0.4s ease-out;
    transition: max-height 0.4s ease-out;
    overflow-y: hidden;
    max-height: 0;
    max-width: 100%;
    width: 450px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 993px) {
  .main .calendrier_evenements {
	flex: 0 0 300px;
    width: 300px;
	margin-top:15px;
  }
}
@media screen and (max-width: 992px) {
	.main .calendrier_evenements.show {
		max-height: 2000px;
	}
}
.main .calendrier_evenements table {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1em;
	color: #414141;
	font-weight: 400;
	width: 100%;
	table-layout: fixed;
}

@media screen and (max-width: 992px) {
	
	.main .calendrier_evenements table {
		margin: 0 0 1em;
	}
  
}

.calendar_days {
	height:25px;
}

.main .calendrier_evenements table caption {
	font-size: 1.5em;
	text-transform: uppercase;
	background-color: #f4f4f4;
	font-weight: 300;
	padding: 13px 0;
	position: relative;
	height:58px;
	font-family: 'Futura-pt', sans-serif;
	letter-spacing:1px;
}

.main .calendrier_evenements table caption a.calendar_month_next {
	position: absolute;
	padding: 5px 18px;
	top: 0;
	bottom: 0;
	right: 0;
	border-left: 1px #fff solid;
}

.main .calendrier_evenements table caption a.calendar_month_next:hover {
	background-color: #d4d4d4;
}

.main .calendrier_evenements table caption a.calendar_month_prev {
	left: 0;
	border-right: 1px #fff solid;
	position: absolute;
	padding: 5px 18px;
	top: 0;
	bottom: 0;
}

.main .calendrier_evenements table caption a.calendar_month_prev:hover {
	background-color: #d4d4d4;
}

.main .calendrier_evenements table tr th {
	font-size: 0.8125em;
	font-weight: 400;
	border-bottom: 1px #f4f4f4 solid;
	text-align: center;
	padding: 0;
}

.main .calendrier_evenements table tr td {
	border-bottom: 1px #f4f4f4 solid;
	text-align: center;
	padding: 0;
	line-height: 1.25em;
	position:relative;
	height:50px;
}

.main .calendrier_evenements table tr td span.calendar_empty_date {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 50px;
	color: #414141;
	padding-bottom: 10px;
	padding-top: 15px;
}

.main .calendrier_evenements table tr td span.calendar_empty_date:hover {
	background: #e6f8ff;
}

.main .calendrier_evenements table tr td a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	color: #414141;
	padding-bottom: 10px;
	padding-top: 10px;
}

.main .calendrier_evenements table tr td.calendar_highlight a {
	text-decoration: none;
	color: #273b4c;
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1em;
}

.main .calendrier_evenements table tr td.calendar_highlight a:hover {
	background: #e6f8ff;
	text-decoration: none;
	color: #273b4c;
}

.main .calendrier_evenements table tr td.calendar_highlight.calendar_highlight_module a, .main .calendrier_evenements table tr td.calendar_highlight.calendar_highlight_module a:hover {
	color: #273b4c;
}
.main .calendrier_evenements table tr td.calendar_highlight.calendar_highlight_formation a, .main .calendrier_evenements table tr td.calendar_highlight.calendar_highlight_formation a:hover {
	color: #00aaa7;
}
.main .calendrier_evenements table tr td.calendar_highlight.calendar_highlight_perfectionnement a, .main .calendrier_evenements table tr td.calendar_highlight.calendar_highlight_perfectionnement a:hover {
	color: #747474;
}

.main .calendrier_evenements table tr td.calendar_selected a, .main .calendrier_evenements table tr td.calendar_selected a.hover, .main .calendrier_evenements table tr td.calendar_selected.calendar_today a, .main .calendrier_evenements table tr td.calendar_selected.calendar_today a:hover {
	color: #fff;
	background: #c3c3c3;
	font-size: 1.25em;
	line-height: 1em;
}

.main .calendrier_evenements table tr td.calendar_today a, .main .calendrier_evenements table tr td.calendar_today a.hover, .main .calendrier_evenements table tr td.calendar_today span.calendar_empty_date, .main .calendrier_evenements table tr td.calendar_today span:hover {
	background: #ececec;
	font-weight: 700;
}

.main .calendrier_evenements table tr td span.calendar_pucks{
	position:absolute;
	left:0;
	right:0;
	bottom:10px;
	text-align:center;
	height:10px;
	z-index:2;
}

.main .calendrier_evenements table tr td span.calendar_pucks span.calendar_puck{
	height: 10px;
    width: 10px;
    border-radius: 50%;
	display: inline-block;
	
}
.main .calendrier_evenements table tr td span.calendar_pucks span.calendar_puck_module{
	background-color: #273b4c;
}
.main .calendrier_evenements table tr td span.calendar_pucks span.calendar_puck_formation{
	background-color: #00aaa7;
}
.main .calendrier_evenements table tr td span.calendar_pucks span.calendar_puck_perfectionnement{
	background-color: #747474;
}


/*------------------------------------*\
    ÉVÈNEMENTS
\*------------------------------------*/

.evenement-calendrier {
	margin-bottom:20px;
}

.evenement-complet {
	background-color: #00aaa7;
	color:#fff;
	padding: 3px 10px;
	width: 170px;
	text-align: center;
	font-weight: bold;
	font-size: 0.75em;
	margin-left:15px;
}

.evenement-complet.evenement-accueil {
	width:150px;
}

.evenement-complet-detail {
	background-color: #f3d630;
	color:#806f11;
	padding: 3px 10px;
	width: 70px;
	text-align: center;
	font-weight: bold;
	font-size: 0.75em;
}

.evenement-groupe a:hover .evenement-description, .evenement-groupe a:hover .evenement-plus {
	background-color:#e6f8ff;
}

.evenement-groupe a:hover span, .evenement-groupe a:hover h1 {
	color:#00aaa7;
}

.evenement-titre-precision {
	font-weight:300;
}

.evenement-titre-section-module {
	margin-top:15px;
	margin-bottom:15px;
	color:#fff;
	padding:15px;
	background-color:#273b4c;
	font-weight: 300;
}

.evenement-titre-section-formation {
	margin-top:15px;
	margin-bottom:15px;
	color:#fff;
	padding:15px;
	background-color:#00aaa7;
	font-weight: 300;
}

.evenement-titre-section-perfectionnement {
	margin-top:15px;
	margin-bottom:15px;
	color:#fff;
	padding:15px;
	background-color:#747474;
	font-weight: 300;
}

.evenement-module-titre{
	font-size: 1.5em;
	color:#273b4c;
	font-weight: 400;
	border-bottom: 1px solid #e6e6e5;
    padding-bottom: 15px;
	margin-bottom:15px;
}

.evenement-formation-titre {
	font-size: 1.5em;
	font-weight: 400;
	border-bottom: 1px solid #e6e6e5;
    padding-bottom: 15px;
	margin-bottom: 15px;
}

.evenement-perfectionnement-titre {
	font-size: 1.5em;
	color:#747474;
	font-weight: 400;
	border-bottom: 1px solid #e6e6e5;
    padding-bottom: 15px;
	margin-bottom: 15px;
}

.evenement-boutons .evenement-url-admission {
	background-color: #00aaa7;
	width: 180px;
	color: #fff;
	font-size: 0.6em;
	border: 1px solid #00aaa7;
	text-align:center;
	text-transform:uppercase;
	font-size:0.8em;
	display: inline-block;
	padding:5px;
	transition-duration: 0.2s;
}

.evenement-boutons .evenement-url-admission:hover {
	background-color: #fff;
    border-bottom: none;
    border: 1px solid #00aaa7;
	color:#00aaa7;
	transition-duration: 0.2s;
}

.evenement-boutons  .evenement-url-specialise {
	background-color: #273b4c;
	width: 130px;
	color: white;
	text-transform:uppercase;
	border: 1px solid #273b4c;
	text-align:center;
	font-size:0.8em;
	display: inline-block;
	transition-duration: 0.2s;
}

.evenement-boutons  .evenement-url-specialise:hover {
	background-color: #fff;
    border-bottom: none;
    border: 1px solid #273b4c;
	color:#273b4c;
	transition-duration: 0.2s;	
}


.evenement-boutons  .evenement-url-perfectionnement {
	background-color: #273b4c;
	width: 130px;
	color: white;
	text-transform:uppercase;
    margin-bottom: 2px;
	border-bottom: 1px solid #273b4c;
	text-align:center;
	font-size:0.8em;
	display: inline-block;	
}

.evenement-boutons  .evenement-url-perfectionnement:hover {
	background-color: #125671;
    border-bottom: none;
    border: 1px solid #273b4c;
	color:#273b4c;
}

.evenement-contenu .evenement-url-admission div {
	width:200px;
	padding:10px;
}

.evenement-url-admission:hover {
	text-decoration:none;
}

.evenement-boutons  .evenement-url-inscription {
	background-color: #273b4c;
	width: 135px;
	color: #fff;
	margin-bottom: 2px;
	border: 1px solid #273b4c;
	text-align:center;
	font-size:0.8em;
	text-transform:uppercase;
	display:inline-block;
}

.evenement-boutons  .evenement-url-inscription:hover {
	background-color: #fff;
    border-bottom: none;
    border: 1px solid #273b4c;
	color:#273b4c;
}

.evenement-boutons  .evenement-url-inscription-cdir {
	background-color: #273b4c;
	width: 175px;
	color: #fff;
	margin-bottom: 2px;
	border: 1px solid #273b4c;
	text-align:center;
	font-size:0.8em;
	text-transform:uppercase;
	display: inline-block;
}

.evenement-boutons  .evenement-url-inscription-cdir:hover {
	background-color: #fff;
    border-bottom: none;
    border: 1px solid #273b4c;
	color:#273b4c;
}

.evenement-contenu .evenement-url-inscription, .evenement-contenu .evenement-url-liste-attente, .evenement-contenu .evenement-url-admission, .evenement-contenu .evenement-url-specialise, .evenement-contenu .evenement-url-perfectionnement  {
    font-size: 1em;
    display: inline-block;
    padding: 5px 15px;
    color: white;
    margin-bottom: 10px;
    text-align: center;
	max-width:100%;
	text-transform:uppercase;
}

.evenement-contenu .evenement-url-admission {
	background-color:#00aaa7;
	border:1px solid #00aaa7;
	padding:15px;
}


.evenement-contenu .evenement-url-admission:hover {
	background-color:#fff;
	color:#00aaa7;
	border:1px solid #00aaa7;
}

.evenement-contenu .evenement-url-inscription {
	background-color:#273b4c;
	padding:10px 15px;
}

.evenement-contenu .evenement-url-inscription:hover {
	background-color:#fff;
	color:#273b4c;
	border:1px solid #273b4c;
}

.evenement-boutons .evenement-single-url-liste-attente {
	background-color: #f3d630;
	width: 130px;
	color: #806f11;
	border-radius: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #273b4c;
	text-align:center;
	display: inline-block;
}

.evenement-single-url-liste-attente b {
	color: #806f11;
}

.evenement-boutons  .evenement-single-url-liste-attente:hover {
	background-color: #e0c526;
    border-bottom: none;
	padding-bottom:4px;
    border-top: 1px solid #273b4c;
}

.evenement-contenu .evenement-single-url-liste-attente {
	width: 230px;
    padding: 10px;
    display: block;
	background-color: #00aaa7;
    color: #fff;
	text-align:center;
	border:1px solid #00aaa7;
}

.evenement-contenu .evenement-single-url-liste-attente:hover {
	background-color: #fff;
    color:#00aaa7 ;
	border:1px solid #00aaa7;
}


.evenement-boutons .evenement-url-liste-attente {
	background-color: #00aaa7;
	width: 130px;
	color: #fff;
	margin-bottom: 2px;
	border: 1px solid #00aaa7;
	text-align:center;
	font-size:0.8em;
	text-transform:uppercase;
	display:inline-block;
	transition-duration: 0.2s;
}

.evenement-url-liste-attente:hover  {
	background-color: #fff;
    border-bottom: none;
    border: 1px solid #00aaa7;
	color:#00aaa7;
	transition-duration: 0.2s;
}

.evenement-contenu .evenement-url-liste-attente div {
	width:200px;
	padding:10px;
}

.evenement-url-inscription:hover {
	text-decoration:none;	
	transition-duration: 0.2s;
}

.page-accueil .evenement-url-detail:hover .date{
	background-color:#fcf2f3;
	transition-duration: 0.2s;
}

.evenement-calendrier .evenement-url-detail:hover .evenement-titre{
	background-color:#fcf2f3;
	transition-duration: 0.2s;
}

.evenement-calendrier .evenement-url-detail .evenement-titre,.evenement-calendrier .evenement-url-detail:hover .evenement-titre{
	color:#273b4c;
	transition-duration: 0.2s;
}

.evenement-calendrier .evenement-url-detail .evenement-titre-calendrier {
	color:#e30613;
	transition-duration: 0.2s;
}

.evenement-calendrier .evenement-url-detail:hover .evenement-titre-calendrier {
	color:#e30613;
	transition-duration: 0.2s;
}

.evenement-url-detail:hover{
	text-decoration:none;
	transition-duration: 0.2s;
}

.evenement-url-detail:hover .evenement-titre-calendrier {
	color:#00aaa7;
}

.evenement-complet-calendrier {
    color: #00aaa7;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 0.8em;
    margin-top: 1px;
    font-weight: 500;
	align-self:center;
}

@media only screen and (min-width:1226px) { 

	.evenement-calendrier .evenement-bloc-1{
		display:flex;
		display:-ms-flexbox;
	}

	.evenement-calendrier .evenement-bloc-1 .evenement-url-detail{
		flex:1 0 60%;
		align-self:center;
	}
	
	.evenement-calendrier .evenement-bloc-1 .evenement-boutons {
		flex:1 0 40%;
		display:flex;
		display:-ms-flexbox;
		justify-content: flex-end;
		align-self: center;
	}
	
	.evenement-boutons .evenement-url-admission-span {
		flex: 0 0 25%;
	}
	
	.evenement-boutons .evenement-url-inscription-span {
		flex: 0 0 30%;
	}
	
	.evenement-boutons .evenement-url-inscription-cdir-span {
		flex: 0 0 35%;
		margin-left:5px;
	}
	
	.evenement-calendrier .evenement-url-detail .evenement-titre  {
		display:flex;
		display:-ms-flexbox;
		padding: 10px 0px;
	}
	
	.evenement-calendrier .evenements-page article .date {
		font-size: 1em;
		flex:0 0 30%;
		align-self:center;
	}
	
	.evenement-calendrier .evenement-titre-precision {
		flex:0 0 20%;
		align-self:center;
	}
}


@media only screen and (min-width:625px) and (max-width:1225px) { 
	
	.evenement-calendrier .evenements-page article .date {
		display:block;
	}
	
	.evenement-bloc-2 {
		margin-top:15px;
	}
	
	.evenement-bloc-2 a {
		display:inline-block;
		margin-right:10px;
	}
	
	.evenement-bloc-2 .evenement-bouton-plus {
		display:none;
	}
	
	.evenement-bloc-1 {
		display:flex;
		display:-ms-flexbox;
	}
	
	.evenement-bloc-1 .evenement-url-detail {
		flex:0 0 50%;
		align-self:center;
	}
	
	.evenement-bloc-1 .evenement-boutons {
		flex:0 0 50%;
		display:flex;
		display:-ms-flexbox;
		justify-content:flex-end;
		align-self: center;
		height:20px;
	}
	
	.evenement-calendrier .evenements-page article {
		margin-bottom:30px;
		height:auto;
	}
	
	.evenement-calendrier .evenement-titre-precision {
		display:block;
	}
	
	.evenement-boutons .evenement-url-admission-span, .evenement-boutons .evenement-url-inscription-span, .evenement-boutons .evenement-url-inscription-cdir-span{
		margin-left:10px;
		display:inline-block;
	}
}


@media only screen and (max-width:624px) { 
	
	.evenement-bloc-1 {
		margin-bottom:20px;
	}
	
	.evenement-boutons {
		margin-top:10px;
	}
	
	.evenement-boutons .evenement-url-admission-span, .evenement-boutons .evenement-url-inscription-span, .evenement-boutons .evenement-url-inscription-cdir-span{
		margin-bottom:10px;
		display:block;
	}
	
}

@media only screen and (min-width:1024px) { 


	.page-accueil .evenement-bloc-1 {
		flex: 1 1 85%;
	}
	
	.evenement-bloc-1 a:hover .evenement-titre {
		color:#00aaa7;
	}
	
	.evenement-bloc-2 a:hover {
		text-decoration:none;
	}
	
	.evenement-calendrier .evenement-bloc-2 {
		 margin-top:-34px;
		 float:right;
	}
	
	.evenement-calendrier .evenement-bloc-2 a {
		display: inline-block;
		margin-right: 10px;
	}
	
	.page-accueil .evenement-bloc-2 .evenement-bouton-plus {
		font-size: 3em;
		text-align: right;
		color: #00aaa7;
	}
	
	.evenement-calendrier .evenement-bouton-plus {
		font-size: 3em;
		float:right;
		line-height:0.5em;
	}
	
	.evenement-categorie {
		margin-right:30px;
	}
	
	.evenement-contenu-boutons {
		display:flex;
		display:-ms-flex;
		margin:30px 0;
	}
	
	.page-accueil .evenements-page article .evenement-bloc-1, .page-accueil .evenements-page article .evenement-bloc-2 {
		border-bottom:1px solid #e6e6e5;
		padding-bottom:10px;
	}
	
	.evenements-page article:last-child .evenement-bloc-1, .evenements-page article:last-child .evenement-bloc-2 {
		border:none;
	}
	
	.page-accueil .evenements-page article .date {
		padding-left: 15px;
		font-size: 1.2em;
		font-weight: 500;
		color: #273b4c;
		width: 270px;
		flex: 0 0 200px;
		display: flex;
		display: -ms-flexboxflex;
		align-self: center;
	}
	
	.evenement-texte-admission {
		margin-right:30px;
		font-size:1em;
	}
	
	.evenement-description {
		padding-left:10px;
	}
	
	.evenement-description span, .evenement-titre-calendrier {
		font-size:1em;
		color:#273b4c;
		flex: 0 0 50%;
		align-self:center;
	}
	
	.evenement {
		background-color:#f4f4f4;
		padding:5px 0px;
		margin:15px 0px;
	}

	.evenement-detaillee {
		display:flex;
		display:-ms-flexbox;
	}
	
	.evenement-detaillee section {
		 flex: 1 1 auto;
	}
	
	.evenement-groupe {
		margin:15px 0px;
	}
	
	.evenement-navigation {
		display:flex;
		display:-ms-flexbox;
		border-bottom: 1px solid #e6e6e5;
		padding-bottom: 15px;
	}
	
	.evenement-navigation h1 {
		flex:1 0 auto;
	}
	
	.evenement-navigation div{
		flex:1 0 auto;
	}
	
	.evenement-calendrier .evenement-navigation div{
		flex:auto;
	}

	.evenement-plus {
		font-size: 40px;
		text-align: center;
		padding-top: 10px; 
		color:#00aaa7;
	}
	
	.evenement-detaillee .evenements-page {
		margin-right:30px;
		margin-bottom:40px;
	}
	
	.page-accueil .evenements-page{
		margin-bottom:14px;
	}
	
	.page-accueil .evenements-page article {
		display:flex;
		display:-ms-flexbox;
		height:123px;
	}
	
	.page-accueil .evenements-page article .evenement-url-detail {
		height: 65px;
		background-color: #f9f9f9;
		display: table;
		text-decoration:none;
	}
	
	.page-accueil .evenements-page .evenement-titre-calendrier {
		margin-left:15px;
		padding-bottom: 0;
		flex:1 1 auto;
	}
	
	.evenement-titre-calendrier .evenement-titre-nom {
		display:block;
		font-weight: 500;
	}
	
	.evenement-titre-calendrier .evenement-titre-precision {
		display:block;
	}
	
	.page-accueil .evenements-page .evenement-fleche {
		flex:0 0 30px;
		align-self: center;
		color: #e30613;
		padding-right:10px;
	}
	
	.page-accueil .evenements-page .evenement-fleche span {
		font-size:2em;
	}


	
	.evenement-points {
		padding-left: 25px;
		margin: 30px 0px;
	}
	
	.evenement-point-bleu-fonce {
		height: 10px;
		width: 10px;
		background-color: #273b4c;
		border-radius: 50%;
		display: inline-block;
	}
	
	.evenement-point-bleu-pale {
		height: 10px;
		width: 10px;
		background-color: #00aaa7;
		border-radius: 50%;
		display: inline-block;
	}
	
	.evenement-point-gris {
		height: 10px;
		width: 10px;
		background-color: #747474;
		border-radius: 50%;
		display: inline-block;
	}
	
	.page-accueil .evenement-titre {
		height: 65px;
		display: table-cell;
		vertical-align: middle;
		background-color: white;
	}
	
	.evenement-url-inscription div, .evenement-url-liste-attente div, .evenement-url-admission div, .evenement-url-specialise div, .evenement-url-perfectionnement div  {
		margin-left: 10px;		
	}
}

@media only screen and (min-width:480px) and (max-width:1023px) { 

	.accueil-evenement .evenements-page {
		margin-bottom:20px;
	}
	
	
	
	.evenement-date {
		background-color:#f9f9f9;
		padding:10px;
		font-size:1.2em;
		font-weight:bold;
		color:#00aaa7;
	}
	
	.evenement-complet {
		background-color: #00aaa7;
		color: #fff;
		padding: 3px 10px;
		width: 170px;
		text-align: center;
		font-weight: bold;
		font-size: 0.75em;
		margin-left: 15px;
		position: absolute;
		right: 0px;
		top: 15px;
	}
	
	.evenement-accueil-a {
		display: flex;
		display: -ms-flexbox;
		width: 100%;
		position: relative;
		border-bottom: 1px solid #273b4c;
		height:130px;
	}
	
	.evenement-accueil-div {
		display: flex;
		display: -ms-flexbox;
		width: 100%;
	}

	.evenement-description span, .evenement-titre-calendrier {
		font-size: 1em;
		color: #273b4c;
		flex: 0 0 40%;
		align-self: center;
	}
	
	.evenement-titre-calendrier .evenement-titre-nom {
		display: block;
		font-weight: 500;
	}
	
	.evenement-titre-calendrier .evenement-titre-precision {
		display: block;
	}
	
	.page-accueil .evenements-page .evenement-fleche {
		flex: 0 0 20%;
		align-self: center;
		color: #e30613;
		font-size: 1.5em;
		justify-content:flex-end;
		text-align: end;
	}
			
	.evenement-groupe .voir-plus {
		margin-top:10px;
	}

	.evenements-page article .date {
		font-weight: 500;
		color: #273b4c;
		flex:0 0 40%;	
		align-self: center;	
		display: block;		
	}
	
		
	.evenement-calendrier .evenement-bouton-plus {
		font-size: 3em;
		float:right;
		line-height:0.5em;
	}
	
	.evenement-plus {
		font-size: 40px;
		text-align: center;
		padding-top: 5px; 
		color:#00aaa7
	}
	
}

@media only screen and (max-width:479px) { 

	.evenement-bloc-2 {
		margin-top:15px;
		width:200px;
	}
	
	.evenement-bloc-2 a {
		display:inline-block;
		margin-right:10px;
	}
	
	.evenement-bloc-2 .evenement-bouton-plus {
		display:none;
	}
	
	.evenement-complet {
		background-color: #00aaa7;
		padding: 2px 5px;
		width: 140px;
		height: 15px;
		font-weight: bold;
		font-size: 0.6em;
		margin: 0 0 5px 0px;
		vertical-align: middle;
	}
	
	.evenement-description span, .evenement-titre-calendrier {
		font-size: 1em;
		color: #273b4c;
		align-self: center;
	}
	
	.page-accueil .evenements-page .evenement-fleche {
		flex: 0 0 auto;
		align-self: center;
		color: #e30613;
		font-size: 1.5em;
	}
	
	.evenement-groupe .voir-plus {
		margin-top:10px;
	}
	
	.evenements-page article .date {
		font-size: 1em;
		font-weight: 500;
		color: #273b4c;
		width: 270px;
		flex: 0 0 190px;
		display: flex;
		display: -ms-flexboxflex;
		align-self: center;
	}
		
	.evenement-plus {
		font-size: 40px;
		text-align: center;
		padding-top: 5px; 
		color:#00aaa7
	}
	
	.evenement-titre {
		margin-top:10px;
	}
}

/*------------------------------------*\
	MENU / MENU-MOBILE / BOUTON RECHERCHE
\*------------------------------------*/

.btn-recherche:after {
	font-family: "fontello";
	content: '\e801';	
	font-size:150%;
	width:40px;
	color:#273b4c;
}

.menu-search-open:after {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e801';
	font-size:150%;
	vertical-align:bottom;
	position:relative;
	border:1px solid #00aaa7;
	padding:5px;
	height:40px;
	width:40px;
	color:#00aaa7;
	transition-duration:0.2s;
}

.normes-ul-recherche{
    background: #273b4c;
    color: #fff;
    display: none;
    width: 100%;
}

.normes-ul-recherche.searchShown {
	display:block;
	height:60px;
}

.normes-ul-recherche form {
	width:100%;
}

.normes-ul-recherche .champ-recherche {
    background: #fff;
    box-sizing: border-box;
	border:none;
    color: #a4a3a2;
    height: 40px;
    padding: 0 50px 0 15px;
	margin-top:9px;
	float: right;
}

.normes-ul-recherche .btn-recherche {
    background: none;
    border: none;
    cursor: pointer;
    height: 40px;
    padding: 1px 7px 1px 5px;
    width: 40px;
}

#openSearch:checked ~ label:after {
	content: '\e800';
	width:40px;
}


.trouver-asc div {
    color: #fff;
    text-decoration: none;
    padding: 18px 18px;
    font-size: 1em;
    background-color: #00aaa7;
    width: 250px;
    display: block;
    height: 82px;
}

.trouver-asc a {
	text-decoration:none;
}

.trouver-asc a div{
	transition-duration:0.2s;
}

.trouver-asc a:hover div {
	background-color: #fff;
	color:#00aaa7;
	-webkit-box-shadow:inset 0px 0px 0px 1px #00aaa7;
	-moz-box-shadow:inset 0px 0px 0px 1px #00aaa7;
	box-shadow:inset 0px 0px 0px 1px #00aaa7;
	transition-duration:0.2s;
}


@media only screen and (min-width:1024px) { 
		
	.logo-img {
		padding:20px 0px;
		width:250px;
	}
		
	.menu-top-nav {
		padding-right:45px;
	}
	
	.top-nav .current-menu-item a {
		color:#00aaa7;
	}
	
	.menu-bleu a {
		color:#00aaa7;
		font-weight: 300;
		text-decoration: none;
	}
	
	.menu-normal {
		font-weight: 600;
	}
	
	.menu-mobile-open {
		display:none;
	}

	
	#menu-menu-primaire-1 {
		margin-right:15px;
		width:60%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#menu-menu-primaire-1 .current-menu-item,#menu-menu-primaire-1 .current-page-ancestor {
		background-color:#e3e7ea;
	}
	
	
	.menu-search-open:hover:after{
		background-color:#00aaa7;
		color:#fff;
		border:1px solid #00aaa7;
		cursor: pointer; 
		transition-duration: 0.2s;
	}
	
	.nav {
		clear:both;
		background-color:#273b4c;
	}
	
	.nav ul {
		display: inline-flex;   
		display: -webkit-inline-flex;
		flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		padding: 0;
		background-color:#f7f7f7;
	}

	.nav li {
		flex: 1 0 160px;
		font-family:  'Futura-pt', sans-serif;
		display: flex;
		display: -ms-flexbox;
		border-left: 1px solid #fff;
	}

	.nav li a {
		color:#fff;
		font-size:1.3em;
		text-decoration: none;
		background-color: #273b4c;
		flex-direction: column;
		padding: 5px 5px 5px 10px;
		width: 100%;
		font-weight:500;
		transition-duration: 0.2s;
	}

	.nav li a:hover {
		transition-duration: 0.2s;
		background-color: #00aaa7;
		color:white;
	}
	
	.normes-ul-recherche .champ-recherche {
		width:50%;
	}
	
	.normes-ul-recherche .btn-recherche {
		position: absolute;
		right: 15px;
		top: 9px;
		width: 40px;
	}
	/*
	#openSearch:checked ~ label:after {
		border-bottom: 15px solid #919191;
	}
	*/
	.top-nav {
		margin-left: auto;
		margin-right:15px;
		position:absolute;
		top: -130px;
		right:0;
	}

	.top-nav.searchShown{
		top:-190px;
	}
	
	.top-nav ul {
		display:flex;
		flex-wrap:no-wrap;
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: #fff;
		margin-top:8px;
	}

	.top-nav  li {
		flex: 1 0 auto;
		font-size: 1.1em;
		font-family: 'futura-pt', sans-serif;
		margin-right: 15px;
		font-weight:500;
	}

	.top-nav  li a {
		color: #273b4c;
		text-align: center;
		padding: 5px;
		text-decoration: none;
		margin-right:10px;
		font-size: 0.90em;
		transition-duration:0.2s;
	}

	.top-nav  li a:hover {
		color:#00aaa7;
		border-radius:5px;
		transition-duration:0.2s;
	}

	.trouver-asc {
		margin-left: auto;
		position: absolute;
		right: 0;
		top: 48px;
		font-weight:500;
	}
	
	.trouver-asc b {
		font-weight:600;
		font-size: 1.3em;
	}
	
	.trouver-asc.searchShown {
		top: 107px;
	}
	
}

@media only screen and (max-width:1023px) {

	.menu-mobile-open:after{
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		display: inline-block;
		text-decoration: inherit;
		font-variant: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: '\f0c9';
		font-size: 150%;
		width: 40px;
		height: 40px;
		color:#fff;
		text-align:center;
		padding-top:7px;
		background-color: #00aaa7;
	}

	
	.normes-ul-recherche .champ-recherche {		
		margin-right:5px;
		width:100%;
	}
		
	.navigations{
		overflow-y: hidden;
		max-height: 0;
		transition-property: all;
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(0.5, 1, 0.5, 1);
		background-color:#f9f9f9;
	}
	
	.navigations .top-nav {
		background-color:#f4f4f4;
	}
	
	.navigations .top-nav ul{
		list-style: none;
		padding-left: 10px;
		display: inline-flex;
		margin:0;
		flex-flow:wrap;
	}
	
	.navigations .top-nav ul li {
		padding: 10px;
		width: 150px;
		color: #919191;
		border-left: 1px solid #00aaa7;
		margin: 10px 0;
	}
	
	.navigations .nav ul {
		font-size:1em;
		padding-left:10px;
		display:inline-flex;
		flex-flow:wrap;
		margin: 0;
	}
	
	.navigations .nav ul li {
		list-style: none;
		padding-left: 10px;
		margin-right: 10px;
		border-left: 1px solid #273b4c;
		height: 40px;
		width:150px;
		font-weight:500;
		margin:10px 0;
	}
	
	.navigations .nav ul .menu-bleu a{
		color:#00aaa7;
		text-decoration: none;
	}
	
	.navigation .nav ul li a {
		padding:10px 5px;
	}
	
	.navigations .nav ul li a:hover {
		text-decoration:underline;
	}

	#openMenu:checked ~ div.navigations {
		max-height: 500px;
		border-top:5px solid #00aaa7;
	}
	
	#openMenu:checked ~ label:after {
		content: '\e800';
		color: white;
		background-color: #273b4c;
		border:1px solid #273b4c;
		padding-top:5px;
	}
	
	#openSearch:checked ~ label:after {
		/**border-bottom: 10px solid #919191;**/
		color:#fff;
		background-color: #273b4c;
		border:1px solid #273b4c;
	}	
	
	#section-recherche .wrapper-content {
		padding-left:10px;
	}
	
	.trouver-asc div {
		padding: 5px;
		background-color: #00aaa7;
		color: white;
		height: 40px;
		width: 135px;
		font-size: 0.6em;
	}
		
	.trouver-asc b {
		font-size:1.3em;
	}
	
}

@media only screen and (min-width:450px) and (max-width:1023px) {
	
	.logo-img {
	    padding: 0px 0px 10px 0px;
		width: 200px;
	}
		
	.normes-ul-recherche .btn-recherche {
		position: absolute;
		right: 15px;
		top: 75px;
	}
		
	.menu-mobile-open {
		position: absolute;
		right: 10px;
		top: 20px;
	}
	
	.menu-search-open {
		position: absolute;
		top: 20px;
		right: 55px;
	}
		
	.trouver-asc {
		margin-left: auto;
		position: absolute;
		right: 100px;
		top: 20px;
	}
}

@media only screen and (max-width:449px){
	
	.logo-img {
	    padding: 10px 0px;
		width: 125px;
	}
	
	.normes-ul-recherche .btn-recherche {
		position: absolute;
		right: 5px;
		top: 52px;
	}
	
		.menu-mobile-open {
		position: absolute;
		right: 10px;
		top: 15px;
	}
	
	.menu-search-open {
		position: absolute;
		top: 15px;
		right: 55px;
	}
			
	.trouver-asc {
		margin-left: auto;
		position: absolute;
		right: 100px;
		top: 15px;
	}
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/


.footer-social-grid-1 div {
	width:25px;
}

.footer-bulletin {
	font-size: 1em;
	color:#273b4c;
	font-weight:600;
}

.footer-bulletin-bouton {
	text-transform: uppercase;
	padding:10px;
	background-color:#00aaa7;
	color:white;
	font-weight:500;
	text-align:center;
	font-size:0.7em;
	margin-top:15px;
}

.footer-bulletin-bouton:hover {
	background-color:#fff;
	color:#00aaa7;
	-webkit-box-shadow:inset 0px 0px 0px 1px #00aaa7;
    -moz-box-shadow:inset 0px 0px 0px 1px #00aaa7;
    box-shadow:inset 0px 0px 0px 1px #00aaa7;
}

.footer-social-bulletin a:hover {
	text-decoration:none;
}

.footer-adresse-1, .footer-adresse-2 {
	color:#fff;
	font-weight:400;
}

.footer-adresse-2 a {
	color:#00aaa7;
}

.footer-adresse-2 a:hover {
	text-decoration:underline;
}
.footer-adress-flex-1 {
	line-height:1.5;
}
.footer-adress-flex-2 {
	font-weight:500;
	font-size:1.1em;
}

.footer-adress-flex-2 img {
	width:20px;
	vertical-align: middle;
}

.footer-adress-flex-2 a {
	vertical-align:middle;
	padding-left:10px;
}

.footer-adress-flex-2 span {
	display:block;
	line-height:1.4;
	padding-left:10px;
}
	
.footer-title {
	font-size:1.4em;
	color:#fff;
	font-weight:500;
	margin-bottom:15px;

}

.footer-title img {
	width:250px;
}

.footer-bouton {
	margin-top:40px;
}

.footer-grid-3 .footer-bouton a ,.footer-social .footer-bouton-abonnement a {
    background-color: #fff;
    color: #273b4c;
    display: block;
    padding: 15px 25px;
    max-width: 100%;
    font-weight: 500;
	margin-bottom:20px;
	text-align: center;
	transition-duration:0.2s;
	font-size:1.3em;
	max-width:375px;
	border-radius:10px;
}

.footer-social-logos,.footer-bouton-abonnement {
	margin-top: 40px;
}

.footer-social-logos div a {
	padding: 10px;
    background-color: #fff;
    color: #273b4c;
    border-radius: 20px;
	margin-right:10px;
	transition-duration:0.2s;
}

.footer-social-logos div a:hover {
	background-color: #00aaa7;
    color: #fff;
	text-decoration:none;
	transition-duration:0.2s;
}


.footer-grid-3 .footer-bouton a:hover,.footer-social .footer-bouton-abonnement a:hover {
	background-color:#00aaa7;
	color:#fff;
	text-decoration:none;
	transition-duration:0.2s;
}

.footer-copyright a {
	color:#00aaa7;
}

@media only screen and (min-width:1024px) { 
	
	.footer-grid {
		display:flex;
		display:-ms-flexbox;
	}
	
	.footer-adresse{
		display:flex;
		justify-content:flex-end;
	}
	
	.footer-adress-flex {
		display:flex;
	}

	.footer-adresse-1 {
		align-self: end;
		height:100%;
	}
	
	.footer-adresse-2 {
		font-size: 0.8em;
		line-height: 1.3;
		margin-left: 25px;
	}
	
	.footer-adresse-2 table tr td {
		width:30px;
	}
	
	.footer-adresse-2 table .deuxiemeligne {
		height: 35px;
		vertical-align: bottom;
	}
	
	.footer-copyright {
		margin-top: 15px;
		text-align:center;
		font-size: 0.7em;
		color:#95989a;
	}
	
	.footer-grid-1{
		flex:1 0 33%;
		display:flex;
		display:-ms-flexbox;
		border-right:1px solid #00aaa7;
	}
	
	.footer-grid-2 {
		flex:1 0 33%;
		padding-left:30px;
		padding-right:30px;
		border-right:1px solid #00aaa7;
	}
	
	.footer-grid-3 {
		flex:1 0 33%;
		padding-left:30px;
	}
	
	
	
	.footer-logos {
		display: inline-flex;
		display: -ms-flexbox;
	}
	
	.footer-logo-1, .footer-logo-2, .footer-logo-3, .footer-logo-4 {
		flex:1 1 25%;
		flex-wrap:wrap;
	}
	
	.footer-map {
		width:250px;
	}
	
	.footer-partenaires-fondateurs {
		padding: 25px 0px 25px 0px;
		text-align:center;
		background-color:#f9f9f9;
		margin-top: 50px;
		border-top: 1px solid #00aaa7;
	}
	
	.footer-partenaires-fondateurs-notice {
		margin-bottom:15px;
		font-size: 0.7em;
		color:#444;
	}
	
	.footer-social-grid {
		display:flex;
		display:-ms-flexbox;
	}

	.footer-social-grid-1 .linkedin {
		height:45px;
	}

	.footer-social-grid-1 .premiere-ligne {
		height:50px;
	}
	
	.footer-social-grid-2 {
		margin-left:25px;
	}
	
	.footer-social-grid-2 .premiereligne {
		height:35px;
		vertical-align: top;
	}
	
	.footer-social-bulletin {

		padding-left:20px;
	}
	
	.footer-social-logos {
		display:flex;
		display:-ms-flexbox;
	}
	
	.footer-social-logos img {
		width:30px;
	}
	
	.footer-social-logos-row-1 div, .footer-social-logos-row-2 div {
		padding: 0 10px 10px 10px;
	}
}

@media only screen and (min-width:650px) and (max-width:1023px) { 

	.footer-adresse-2 {
		font-size: 0.7em;
		line-height: 1.5;
		margin-top: 20px;
	}
	
	.footer-adresse-2 table .deuxiemeligne {
		height: 35px;
		vertical-align: bottom;
	}
	
	.footer-copyright {
		margin: 10px 0 0 0;
		text-align: center;
		font-size: 0.7em;
		color: #95989a;
	}

	.footer-adresse {
		margin-bottom:30px;
	}

	.footer-contact {
		margin-top:15px;
		padding-top:30px;
		
	}	
	
	.footer-logos {
		display:flex;
	}
	
	.footer-logos div {
		flex:1 1 25%;
	}
	
	.footer-map {
		margin:0px 20px 20px 0px;
	}
	
	.footer-map img {
		width: 350px;
	}

	.footer-social-bulletin {
		margin-top:15px;
	}
	
	.footer-social-logos {
		display: flex;
		display: -ms-flexbox;
	}
	
	.footer-social-logos img {
		width:30px;
	}
	
	.footer-social-logos-row-1, .footer-social-logos-row-2 {
		display:inline-flex;
	}
	
	.footer-social-logos-row-1 div, .footer-social-logos-row-1 div {
		margin-right:10px;
	}

	.footer-social-grid {
		margin-top:10px;
	}
	
	.footer-grid-1 {
		display:flex;
		display:-ms-flexbox;
	}
	
	.footer-social-grid-2 {
		margin-top:15px;
	}
	
	.footer-social {
		margin-top:30px;
		margin-bottom:50px;
	}
		
	.footer-social-grid-1 div {
		display:inline-block;
		margin-right: 10px;
	}
	
	.footer-partenaires-fondateurs {
		margin-top:30px;
		padding:25px 0px;
		text-align:center;
		background-color:#f9f9f9;
	}
	
	.footer-partenaires-fondateurs img {
		height:50px;
	}
	
		
	.footer-partenaires-fondateurs-notice {
		font-size: 0.7em;
		color:#444;
	}
	
	.footer-bouton-abonnement,.footer-bouton {
		margin-top: 30px;
	}
}

@media only screen and (max-width:649px) { 
	
	.footer-grid-1, .footer-grid-2 {
		flex:1 0 50%;
	}
	
	.footer-adresse{
		margin-top:15px;
	}
	
	.footer-adresse-2 table .deuxiemeligne {
		height: 35px;
		vertical-align: bottom;
	}
		
	.footer-title {
		margin-top:40px;
	}
	
	.footer-adresse-1{
		line-height: 1.5;
	}
	
	.footer-adresse-2{
		margin-top:15px;
	}
		
	.footer-copyright {
		text-align:center;
		font-size: 0.7em;
		color: #95989a;
	}	
	
	.footer-logos {
		display:flex;
	}
	
	.footer-logos div {
		flex:1 1 25%;
	}
	
	.footer-map img {
		width:100%;
	}
	
	.footer-social-bulletin {
		margin-top:15px;
	}
				
	.footer-social-logos {
		display: flex;
		display: -ms-flexbox;
	}
	
	.footer-social-logos img {
		width:30px;
	}
	
	.footer-social-logos-row-1, .footer-social-logos-row-2 {
		display:inline-flex;
	}
	
	.footer-social-logos-row-1 div, .footer-social-logos-row-1 div {
		margin-right:10px;
	}

	.footer-social-grid-1 div {
		display:inline-block;
		margin-right: 10px;
	}
	
	.footer-social-grid-2 {
		margin-top:15px;
	}
	
	.footer-partenaires-fondateurs {
		margin-top:30px;
		padding:25px 0px;
		text-align:center;
		background-color:#f9f9f9;
	}
	
	.footer-partenaires-fondateurs img {
		height:50px;
	}
	
	.footer-partenaires-fondateurs-notice {
		font-size: 0.7em;
		color:#444;
	}
	
	.footer-title {
		font-weight:500;
	}
	
	.footer-bouton-abonnement,.footer-bouton {
		margin-top: 20px;
	}
	
	.footer-social-logos {
		margin-top:30px;
	}
	
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:1024px) and (max-width:1250px) {	
	.actualite .actualite-infos p {
		font-size:0.8em;
	}
}

@media only screen and (min-width:1024px) { 

	h1 {
		font-size:2em;
	}

	h2 {
		font-size:1.7em;
	}
	
	.page-accueil .accueil-h1 {
		font-size:2em;
		text-align:left;
		padding: 0;
	}
	
	.page-accueil h2 {
		font-size:2em;
	}
	
	
	.accueil-gouvernance article {
		margin-top: 15px;
	}
	
	
	.accueil-gouvernance article a {
		display: flex;
		display: -ms-flexbox;
	}
	
	.accueil-gouvernance article a .info-gouvernance-infos {
		margin-top:10px;
		align-self: center;
	}
	
	.actualite img {
		display: block;
		max-width: 180px;
	}
	
	.actualite article a{
		display:flex;
		display:-ms-flexbox;
		align-items:center;
		margin-bottom:10px;
		text-decoration:none;
	}
	
	.accueil-gouvernance article .info-gouvernance-img {
		flex: 1 0 185px;
	}
	
	.accueil-gouvernance article .info-gouvernance-infos {
		flex: 1 1 350px;
		padding-right:10px;
	}
	
	.actualite article a:hover div{
		background-color:#fcf2f3;
	}
	
	.actualite article a:hover h1{
		color:#00aaa7;
	}
	
	.actualite-detail, .evenement-detail {
		font-size:2em;
		flex:1 0 auto;
	}
	
	.actualite-1, .actualite-2, .actualite-3 {
		margin-top:15px;
	}

	.actualite-bloc div {
		padding: 0px 20px;
		align-self: center;
	}

	.actualite h3 {
		color:#747474;
		font-size:1.2em;
		font-weight: 200;
		margin-block-start: 0;
		margin-block-end: 0;
		line-height:1.2em;
	}
	
	.actualite-contenu, .evenement-contenu {
		background-color:white;
	}
	
	.actualite-contenu-grid {
		display:flex;
		display:-ms-flexbox;
		flex-direction:row-reverse;
	}
	
	.actualite-contenu-image {
		width:40%;
		text-align:right;
	}
	
	.actualite-contenu-texte {
		flex:1;
		padding-right: 30px;
	}
	
	.accueil-info-cas {
		margin-top:30px;
		display:flex;
		display:-ms-flexbox;
	}
	
	.accueil-gouvernance {
		flex: 1 1 42%;
		margin-right:15px;
		margin-bottom:10px;
	}
	
	.accueil-gouvernance h2 {
		border-top:1px solid #00aaa7;
		padding-bottom:10px;
		font-weight: 400;
	}
	
	.accueil-gouvernance-article-titre {
		font-size: 1.1em;
		font-weight: 400;
		letter-spacing: 1px;
	}
	
	.accueil-evenement {
		flex: 1 1 58%;
		margin-bottom:10px;
	}

	.accueil-evenement h2 {
		border-top:1px solid #00aaa7;
		padding-bottom:10px;		
		font-weight: 400;
	}
	
	.accueil-evenement a:hover span {
		color:#273b4c;
	}
	
	.actualite-1, .actualite-2, .actualite-3 {
		height:100px;
	}
	
	.actualite-date {
		font-weight: bold;
		font-size: 0.8em;
		border-bottom: 1px solid #e6e6e5;
		width: 125px;
		padding-bottom: 10px;
	}
	
	.actualite .actualite-infos p{
		padding: 0 10px;
	}
	
	.actualite .actualite-infos .actualite-infos-titre {
		padding: 0 10px 0 0;
		margin:0;
		color: #273b4c;
	}
	
	.actualite-infos {
		flex:1 1;
		margin-left:30px;
	}
	
	.actualite .actualite-infos {
		flex: 1 1 370px;
		height: 108px;
		display: flex;
		padding: 0 10px;
		margin-left: 0;
		align-items: center;
	}
	
	.actualite .actualite-infos div {
		display:table-cell;
		vertical-align:middle;
	}

	.actualite .actualite-img {
		margin-right:0;
		width:180px;
		flex:0 0 180px;
	}

	.actualite-filtre-bouton {
		display:flex;
		display:-ms-flex;
	}
	
	.actualite-img {
		margin-right:25px;
	}
	
	.actualite-infos .actualite-infos-titre {
		font-weight: 200;
		font-size: 1.4em;
	}
	
	.actualite .actualite-infos .actualite-infos-titre {
		font-size: 1.1em;
		font-weight: 400;
		font-family: 'futura-pt';
		margin-left: 15px;
		letter-spacing: 1px;
		display: block;
	}
	
	.actualite-infos .actualite-infos-titre a {
		color: #95989a;
		text-decoration: none;
	}
	
	.actualite-infos .plusButton {
		text-decoration:none;
	}
	
	.actualite-infos .actualite-infos-titre a:hover {
		color: #00aaa7;
	}
	
	.actualite-list {
		padding:15px;
	}
	
	.actualite-list article {
		display:flex;
		display:-ms-flexbox;
		margin:30px 0;
	}
	
	.actualite-list article a{
		width:270px;
		flex:0 0 270px;
	}
	
	.actualite-list article:nth-child(odd) {
		background-color:#fff;
	}
	
	.actualite-list article:nth-child(even) {
		background-color:#fff;
	}
	
	.actualite-list img {
		width:250px;
	}
		
	.actualite-navigation {
		display:flex;
		display:-ms-flexbox;
		padding-bottom:10px;
		position:relative;
	}
	
	.actualite-navigation .actualite-filtre {
		flex:1 0 auto;
	}
	
	.actualite-navigation .calendrier-detaille-bouton {
		position: absolute;
		right: 0;
	}
	
	.actualite-titre {
		flex: 0 0 300px;
		width:300px;
	}
	
	.actualite-titre h1 {
		margin:0;
		padding:0;
	}
	
	.actualite-resume {
		font-size: 0.85em;
		line-height: 1.5;
		letter-spacing: normal;
		font-weight: 500;
	}
	
	.bandeau {
		margin-bottom: 40px;
	}
	
	.background-bleu {
		background-color:#fff;
		padding:20px 0px;
	}
	
	.bandeau-grid {
		background-color:white;
		display: flex;
		display:-ms-flexbox;
		flex-flow: row-reverse;
	}
	
	.bandeau-actualite {	
	    flex: 1 1 42%;
		margin-right:15px;
	}
	
	.actualite-contenu-texte hr, .evenement-contenu hr {
		margin-top:50px;
	}
	
	.bandeau-actualite-image {
		flex: 1 0 58%;
	}
	
	.bandeau-actualite-titre {
		margin-bottom:10px;
	}
	
	.bandeau-actualite-titre h2 {
		margin:0;
		padding-bottom: 10px;
		border-top: 1px solid #00aaa7;
		font-weight: 400;
	}
	
	.calendrier-detaille-bouton div {
		padding: 10px 10px;
		background-color: #e30613;
		font-weight: 500;
		color: #fff;
		width: 310px;
		display: flex;
		text-transform: uppercase;
		align-items: center;
		letter-spacing: 1px;
		transition-duration: 0.2s;
	}
	
	.calendrier-detaille-bouton a:hover div {
		background-color: #fff;
		-webkit-box-shadow: inset 0px 0px 0px 1px #e30613;
		color: #e30613;
		-moz-box-shadow: inset 0px 0px 0px 1px #f3d630;
		box-shadow: inset 0px 0px 0px 1px #e30613;
		transition-duration: 0.2s;
	}
	
	.calendrier-detaille-bouton a div img, .calendrier-detaille-bouton a div span {
		display:table-cell;
		vertical-align:middle;
	}
	
	.evenement-accueil-a {
		display:flex;
		display:-ms-flexbox;
		width: 100%;
		position:relative;
		border-bottom: 1px solid #273b4c;
	}
	
	.evenement-accueil-div {
		display: flex;
		width: 100%;
	}
	
	.evenement-accueil-a:hover .evenement-accueil-div {
		background-color:#fcf2f3;
	}
	
	.evenement-accueil-a:hover {
		text-decoration:none;
	}
	
	.evenement-accueil-a .evenement-complet {
		position:absolute;
		left: 200px;
		top: 10px;
	}
		
	.info-college {
		margin: 20px 0;
		padding: 15px 0;
	}
		
	.info-college-description {
		max-width: 90%;
		word-wrap: break-word;
		margin:auto;
		font-size: 0.9em;
		padding-bottom:10px;
		line-height:1.5em;
	}
	
	.info-flash-news-description {
		max-width: 75%;
		font-size: 0.8em;
	}
	
	
	.info-flash-bouton:after {
		position: absolute;
		right: 0;
		top: 5px;
	}
	
	.info-gouvernance {
		padding:20px 0;
	}
		
	.info-gouvernance-1 {
		margin-top:15px;
		height: 235px;
		width: 100%;
	}
	
	.info-gouvernance-2 {
		margin-top: 20px;
		margin-bottom: 15px;
		height: 240px;
		width: 100%;
	}
	
	.info-gouvernance-grid {
		display:flex;
		display:-ms-flex;
		flex-wrap:wrap;
	}
	
	.info-gouvernance-header .wrapper-content {
		display: flex;
		display:-ms-flexbox;
		margin-bottom: 10px;
	}
	
	.info-gouvernance-titre {
		flex:1 0 auto;
	}
	
	.info-gouvernance-img img{
		max-width: inherit;
	}
	
	.info-gouvernance-infos {
		float:left;
		margin: 0 15px;
	}
	
	.info-gouvernance-grid article {
		margin-bottom:30px;
		border:1px solid #e6e6e5;
	}
	
	.info-gouvernance-grid article:nth-child(2n+1) {
		width:49%;
		margin-right:1%;
		display:flex;
	}
	
	.info-gouvernance-grid article:nth-child(2n+2) {
		width:49%;
		margin-left:1%;
		display:flex;
	}
	
	
	.info-gouvernance-taxonomy {
		background-color:#fff; 
	}
	
	.info-gouvernance-taxonomy h2 {
		color:#273b4c;
		text-transform:uppercase;
		font-weight:500;
		font-size:1.3em;
		border-bottom: 1px solid #e6e6e5;
		margin-bottom:30px;
	}
		
	.info-gouvernance-taxonomy .info-gouvernance-titre {
		display:block;
		color: #00aaa7;
		text-decoration: none;
		font-weight: 400;
		font-size:1.2em;
		padding-bottom:10px;
	}
	
	.info-gouvernance-taxonomy .en-vedette article {
		display: flex;
		display:-ms-flexbox;
		margin-bottom:30px;		
		border: 1px solid #e6e6e5;
	}
	
	.info-gouvernance-taxonomy .en-vedette article .info-gouvernance-img {
		flex:0 0 auto;
		float:none;
	}
	
	.info-gouvernance-taxonomy .en-vedette article .info-gouvernance-img img {
		width:300px;
	}
	
	.info-gouvernance-taxonomy article {
		display: block;
	}
	
	.info-gouvernance-taxonomy .en-vedette {
		margin-bottom:20px;
	}
	
	.info-gouvernance-contenu {
		background-color:#fff;
	}
	
	.info-gouvernance-contenu section {
		padding-top:20px;
		padding-bottom:20px;
	}
	
	.image-entete {
		margin-top:15px;
	}
	
	.page-contenu article {
		background-color:white;
	}
	
	.partenaires-fondateurs-header {
		text-align:center;
		background-color:#f9f9f9;
	}
	
    .footer-partenaires-fondateurs img {
		height:75px;
	}
	
	.partenaires-fondateurs-header .nos-partenaires {
		display:inline-block;
		height: 38px;
		color: #95989a;
		font-size: 0.8em;
	}

	.partenaires-fondateurs-header-logos img {
		flex:auto;
		height:60px;
		margin:0 20px;
	}
	
	.post-header {
		background-color:white;
		margin-top:20px;
	}
	
	.post-header-grid {
		display: flex;
		display:-ms-flexbox;
		margin-bottom:10px;
		border-bottom:1px solid #00aaa7;
	}
	
	.post-header-grid h1 {
		flex:1 1 auto;
	}
	
	.post-header-grid .page-titre {
		flex:1 1 auto;
		padding-right:10px;
	}
	
	.post-header-grid .calendrier-detaille-bouton {
		flex:0 0 auto;
	}
	
	.calendrier-detaille-bouton {
		margin-bottom:10px;
	}
	
	.search input {
		width:125px;
		font-size: 0.7em;
	}
	
	
	.search-form {
		display:flex;
		align-items:center;
		margin-top:0px;
		clear:both;
	}

	.search-input {
		border-radius:5px;
		height:30px;
	}

	.search-submit {
		background-color: white;
		border: none;
	}
	
	.texte-intro {
		background-color:white;
		padding:30px;
		margin-bottom:30px;
	}


	.bandeau-actualite .voir-plus {
		max-width:100%;
	}
	
	.voir-plus {
		max-width:100%;
		margin-top:15px;
	}
	
	.voir-plus-actualite {
		max-width:100%;
		margin-top:10px;
	}
	
	.voir-plus-formation {
		max-width:100%;
		margin-top:0;
	}

	.wrapper {
		max-width:1365px;
		width:95%;
		margin:0 auto;
		position:relative;
		padding:0 15px;
	}
	
	.wrapper-content {
		max-width:1365px;
		margin:0 auto;
		position:relative;
		width:100%;
		padding: 0px 15px;
	}
}

@media only screen and (min-width:480px) and (max-width:1023px) {
	
	.wrapper-content {
		padding:10px 10px 0px 10px;
	}
	
	.top-header .wrapper-content {
		padding:0;
	}
	
	h1 {
		font-size:1.7em;
	}

	h2 {
		font-size:1.7em;
	}
	
	main {
		padding:0;
	}
	
	.top-header {
		padding: 10px 10px 0px 10px;
	}

	.accueil-info-cas {
		margin-bottom:50px;
	}

	.accueil-gouvernance article {
		margin-top:15px;
	}
	
	.accueil-gouvernance article a {
		display:flex;
		display:-ms-flexbox;
	}
	
	.accueil-gouvernance .voir-plus {
		margin-top:20px;
	}
	
		
	.accueil-gouvernance-article-titre {
		font-size:1.4em;
	}
	
	.accueil-gouvernance h2, .accueil-evenement h2, .bandeau-actualite-titre h2 {
		border-top: 1px solid #00aaa7;
		padding-bottom: 20px;
		margin-top: 50px;
		font-weight: 400;
		padding-top: 5px;
	}
	
	
	.actualite-infos p {
		margin:10px 0 20px 0;
	}
	
	.actualite-contenu, .evenement-contenu {
		background-color:white;
	}
	
	.actualite-contenu-texte {
		margin:30px 0;
	}
	
	.actualite-filtre {
		padding-bottom:10px;
	}
	
	.actualite-filtre-bouton {
		display:flex;    
		border-bottom: 1px solid #e6e6e5;
	}
		
	.actualite-list article {
		margin-bottom:30px;
	}
	
	
	.accueil-evenement {
		margin-top:30px;
	}
	
	.accueil-gouvernance, .accueil-calendrier {
		margin:15px 0 0 0;
	}
	
	.actualite {
		display: flex;
		display:-ms-flexbox;
		margin-top:10px;
		margin-bottom: 20px;
	}
	
	.actualite article:nth-child(1) {
		margin-right:10px;
		flex:1 1 33%;
	}
	
	.actualite article:nth-child(2) {
		margin-left:5px;
		margin-right:5px;
		flex:1 1 33%;
	}
	
	.actualite article:nth-child(3) {
		margin-left:10px;
		flex:1 1 33%;
	}
	
	.actualite h2 {		
		margin-block-end: 0;
		margin-block-start: 0;
	}
	
	.actualite h3 {
		font-size:1.3em;
		padding-left:0;
		color:#747474;
		font-weight: 200; 
	}
		
	.actualite-bloc {
		padding-right:10px;
	}

	.actualite-date {
		font-weight: bold;
		font-size: 0.8em;
		border-bottom: 1px solid #e6e6e5;
		width: 125px;
		padding-bottom: 10px; 
	}
	
	.actualite-infos {
		margin-top:10px;
	}
	
	.actualite .actualite-infos .actualite-infos-titre {
		color:#273b4c;
		font-size: 1em;
		font-weight: 400;
	}
	
	.actualite-infos .actualite-infos-titre {
		font-size: 1.3em;
		margin-top: 10px;
		font-weight: 200;
	}
	
	.actualite-infos .actualite-infos-titre a {
		color:#95989a;
	}
	
	.actualite-list article {
		display: flex;
		display: -ms-flexbox;
		margin: 20px 0;
	}
	
	.actualite-list article .actualite-img {
		width:270px;
	}
	
	.actualite-list article:nth-child(odd) {
		background-color: #fff;
	}
	
	.actualite-list article:nth-child(even) {
		background-color: #fff;
	}
	
	.actualite-navigation {
		position:relative;
	}
	
		
	.actualite-resume {
		font-size: 0.85em;
		line-height: 1.5;
		letter-spacing: normal;
		font-weight: 400;
	}
	
	.bandeau-actualite a:hover {
		text-decoration:none;
	}

	.bandeau-actualite {	
		padding: 30px 0px 15px 0px;
	}
	
	.bandeau-actualite-1 {	
		padding:15px 7px 15px 15px;
	}
	
	.bandeau-actualite-2 {
		padding:15px 15px 15px 7px;
	}
	
	.bandeau-actualite img {
		max-width: 100%;
		height:auto;
	}
	
	.bandeau-actualite .voir-plus {
		margin-top:15px;
	}

	.breadcrumb {
		font-size:0.85em;
	}
	
	.calendrier-detaille-bouton div {
		padding: 10px 10px;
		background-color: #e30613;
		font-weight: bold;
		color: #fff;
		width: 40px;
		float: right;
	}
	
	.actualite-archive .calendrier-detaille-bouton {
		position: absolute;
		right: 0;
	}
		
	.calendrier-detaille-bouton a:hover div {
		background-color: #fff;
		-webkit-box-shadow: inset 0px 0px 0px 1px #e30613;
		color: #e30613;
		-moz-box-shadow: inset 0px 0px 0px 1px #f3d630;
		box-shadow: inset 0px 0px 0px 1px #e30613;
	}
	
	.evenements-page article a:hover {
		text-decoration:none;
		background-color:#fcf2f3;
	}
	
	.evenements-page article a:hover div, .evenements-page article a:hover span {
		color:#273b4c;
	}
	
	.calendrier-detaille-bouton span {
		display:none;
	}

	.info-college {
		margin-bottom:10px;
	}
	
	
	
	.info-college .wrapper-content h1 {
		font-size:2em;
	}

	.info-college .wrapper-content div {
		word-wrap: break-word;
		margin:auto;
		font-size:1.3em;
		line-height:1.2em;
		padding-bottom:10px;
	}
	
	.info-college-description {
		font-size:0.8em;
	}
	
	.info-flash-bouton:after {
		position: absolute;
		right: 0px;
		top: 5px;
	}
	
	.info-flash-news-description {
		font-size: 0.8em;
	}
	
		
	.info-gouvernance-header .wrapper-content{
		display: flex;
		display:-ms-flexbox;
		margin-bottom: 10px;
		border-bottom: 1px solid #fff;
		padding-bottom: 20px;
	}
	
	.info-gouvernance-header .info-gouvernance-titre {
		flex:1 0 auto;
	}
	
	.info-gouvernance-1{
		margin: 10px 5px 15px 0px;
	}
	
	.info-gouvernance-2  {
		margin: 10px 0px 15px 5px;
	}
	
	.info-gouvernance-infos {
		padding-left:20px;
	}
	
		
	.info-gouvernance-img img{
		max-width: inherit;
	}
	
	.info-gouvernance-taxonomy h2 {
		color:#273b4c;
		text-transform:uppercase;
		font-weight:500;
		font-size:1.3em;
		border-bottom: 1px solid #e6e6e5;
		margin-bottom:20px;
	}
		
	
	.info-gouvernance-taxonomy article {
		display: flex;
		display: -ms-flexbox;
		margin-bottom: 20px;
		border:1px solid #e6e6e5;
	}
	
	.info-gouvernance-taxonomy .en-vedette article .info-gouvernance-img {
		flex:0 0 30%;
	}
	
	.info-gouvernance-taxonomy .en-vedette article .info-gouvernance-img img{
		 width:300px;
	}
	
	.info-gouvernance-taxonomy .info-gouvernance-titre {
		display:block;
		color: #00aaa7;
		text-decoration: none;
		font-weight: 400;
		font-size:1.3em;
	}
	
	#menu-menu-secondaire a {
		text-decoration:none;
		color:#273b4c;
	}
	
	#menu-menu-secondaire a:hover {
		text-decoration:underline;
		color:#00aaa7;
	}
		
	.page-titre {
		flex:1 0 auto;
	}
	
	.partenaires-fondateurs-header {
		display:none;
	}
	
	.post-header {
		background-color: white;
		margin: 20px 0;
	}
	
	.post-header-grid {
		display: flex;
		display:-ms-flexbox;
		margin-bottom: 10px;
		border-bottom: 1px solid #00aaa7;
		padding-bottom: 20px;
	}
	
	.post-header-grid h1 {
		flex:1 1 auto;
	}

	.search-form {
		margin-left:15px;
		margin-bottom: 20px;
	}
	
	.search-form input {
		height:25px;
	}
	
	.search-submit {
		background-color:#e6f8ff;
		border: none;
	}

	
}

@media only screen and (max-width:479px) {
	
	.wrapper-content {
		padding:10px 10px 0px 10px;
	}
	
	h1{
		font-size:1.3em;
		font-weight:400;
	}
	
	h2 {
		font-size:1.2em;
	}
	
	h3 {
		font-size:1.1em;
	}
		
	main {
		padding-top:0; 
	}
	
	.accueil-gouvernance article {
		margin-top: 15px;
		margin-bottom:15px;
	}
	
	.accueil-gouvernance .auteur {
		font-size:0.8em;
	}
			
	.accueil-gouvernance-article-titre {
		font-size:1em;
	}
	
	.accueil-info-cas {
		margin-bottom:50px;
	}

	.accueil-evenement {
		margin-top:30px;
	}
	
	.accueil-evenement h2 {
		margin-bottom:15px;
	}
		
	.actualite {
		font-size:1em;
	}
	
	.evenement-accueil-a {
		display: flex;
		display: -ms-flexbox;
		align-items: center;
		width: 100%;
		position: relative;
		border-bottom: 1px solid #273b4c;
		height: 130px;
		padding-top: 15px;
	}
	
	.accueil-gouvernance h2, .accueil-evenement h2, .bandeau-actualite-titre h2 {
		border-top: 1px solid #00aaa7;
		margin-top: 50px;
		font-weight: 500;
		padding-top: 5px;
	}
	
	.actualite-contenu-texte {
		margin:30px 0;
	}
	
	.actualite-date {
		font-weight: bold;
		font-size: 0.8em;
		border-bottom: 1px solid #e6e6e5;
		width: 125px;
		padding-bottom: 10px;
	}
	
	.actualite-filtre {
		padding-bottom:10px;
	}	
	
	.actualite-filtre-bouton {
		display:flex;
		display:-ms-flex;
		border-bottom:1px solid #e6e6e5;
		margin-bottom:20px;
	}
	
	.actualite .actualite-infos .actualite-infos-titre {
		color: #273b4c;
		margin-bottom: 30px;
		font-weight: 400;
		font-size:1em;
	}
	
	.actualite-infos .actualite-infos-titre  {
		font-size: 1.3em;
		font-weight: 200;
		margin-top: 10px;
	}
		
	.actualite-infos .actualite-infos-titre a {
		color:#95989a;
	}
	
	.actualite-resume {
		font-size: 0.85em;
		line-height: 1.5;
		letter-spacing: normal;
		font-weight: 400;
	}
	
	.actualite-list article {
		margin-bottom:30px;
	}
	
	.actualite-list article .actualite-img {
		width:100%;
	}
	
	.actualite-list article .actualite-infos {
		margin-top:10px;
	}
	
	.actualite-navigation {
		position:relative;
	}
	
	.bouton-voir-plus {
		font-size:1em;
	}

	.bandeau-actualite {
		margin-top: 15px;
	}
	
	.bandeau-actualite a:hover {
		text-decoration:none;
	}
	
	.bandeau-actualite .actualite-img {
		flex:0 0 125px;
	}
	
	.bandeau-actualite .actualite-infos {
		margin-left:15px;
		align-self: center;
	}
	
	.bandeau-actualite .actualite-infos p {
		margin:0;
	}
	
	.bandeau-actualite .actualite article {
		margin-bottom:15px;
	}
	
	.bandeau-actualite-titre {
		margin-bottom:15px;
	}
	
	.breadcrumb {
		font-size: 0.75em;
	}
		
	.calendrier-detaille-bouton div {
		padding: 8px 8px;
		background-color: #e30613;
		font-weight: bold;
		color: #fff;
		width: 40px;
	}
		
	.actualite-navigation .calendrier-detaille-bouton {
		position: absolute;
		right: 0;
	}
	
	.calendrier-detaille-bouton span {
		display:none;
	}
	
	.calendrier-detaille-bouton a:hover div {
		background-color: #fff;
		-webkit-box-shadow: inset 0px 0px 0px 1px #e30613;
		color: #e30613;
		-moz-box-shadow: inset 0px 0px 0px 1px #f3d630;
		box-shadow: inset 0px 0px 0px 1px #e30613;
	}
	
	.evenements-page {
		margin-bottom:20px;
	}
	
	.evenements-page article a:hover {
		text-decoration:none;
		background-color:#fcf2f3;
	}
	
	.evenements-page article a:hover div, .evenements-page article a:hover span {
		color:#273b4c;
	}

	.info-college {
		padding:0;
		margin-bottom:0;
	}

	.info-college-description {
		font-size:0.8em;
	}
	
	.info-gouvernance-header .wrapper-content {
		display: flex;
		display:-ms-flexbox;
		margin-bottom: 10px;
		border-bottom: 1px solid #fff;
		padding-bottom: 20px;
	}
	
	.info-gouvernance-header .info-gouvernance-titre {
		flex:1 0 auto;
	}
	
	.info-flash-bouton:after {
		position: absolute;
		right: 0px;
		top: 5px;
	}
	
	.info-flash-news-description {
		font-size: 0.8em;
	}
	
	.info-gouvernance-1 {
		margin:15px 0px 15px 0px;
	}	
	
		
	.info-gouvernance-img img{
		max-width: 125px;
	}
	
	.info-gouvernance-infos {
		padding-left:0px;
	}
	
	.info-gouvernance-taxonomy h2 {
		color:#273b4c;
		text-transform:uppercase;
		font-weight:500;
		font-size:1.3em;
		border-bottom: 1px solid #e6e6e5;
		margin-bottom:20px;
	}
		
	
	.info-gouvernance-taxonomy article {
		display: flex;
		display: -ms-flexbox;
		margin-bottom: 20px;
		border:1px solid #e6e6e5;
	}
	
	.info-gouvernance-taxonomy article .info-gouvernance-img {
		width:125px;
	}
	
	.info-gouvernance-taxonomy .en-vedette article {
		display:block;
	}
	
	.info-gouvernance-taxonomy .en-vedette article .info-gouvernance-img, .info-gouvernance-taxonomy .en-vedette article .info-gouvernance-img img {
		width:100%;
	}
	
	.info-gouvernance-taxonomy .info-gouvernance-titre {
		display:block;
		color: #00aaa7;
		text-decoration: none;
		font-weight: 400;
		font-size:1.3em;
	}
	
	
	#menu-menu-secondaire a {
		text-decoration:none;
		color:#273b4c;
	}
	
	#menu-menu-secondaire a:hover {
		text-decoration:underline;
		color:#00aaa7;
	}	
		
	.page-titre {
		flex:1 0 auto;
	}	
		
	.partenaires-fondateurs-header {
		display:none;
	}
	
	.post-header {
		background-color: white;
		margin: 20px 0;
		position: relative;
	}
	
	.post-header-grid {
		display: flex;
		display:-ms-flexbox;
		margin-bottom: 10px;
		border-bottom: 1px solid #00aaa7;
		padding-bottom: 20px;
	}
	
	.post-header-grid h1 {
		flex:1 1 auto;
	}
	
	.search-form {
		margin-left:15px;
		margin-bottom: 20px;
	}
	
	.search-form input {
		height:25px;
	}
	
	.search-submit {
		background-color:#e6f8ff;
		border: none;
	}
	
	.voir-plus {
		margin-top:15px;
	}
	
	.voir-plus-formation {
		margin-bottom:20px;
	}
}

@media only screen and (min-width:350px) and (max-width:1023px) {
		
	.accueil-gouvernance article a {
		display: flex;
		display: -ms-flexbox;
	}
		
	.info-gouvernance-infos {
		margin-left:15px;
		align-self: center;
	}
	
	
}

@media only screen and (min-width:350px) and (max-width:479px) {			
	.bandeau-actualite .actualite article a {
		display:flex;
		display:-ms-flexbox;
	}
	
}
	
@media only screen and (max-width:480px) {
	
	.info-gouvernance-infos .lire-plus{
		 margin-bottom:30px;
		 margin-top:0;
	}
	
	#section-recherche .wrapper-content {
		padding:0 0 0 10px;
	}
}


@media only screen and (max-width:449px) {
	.normes-ul-recherche .btn-recherche {
		top:65px;
	}
}

@media only screen and (min-width:350px) and (max-width:479px) { 

}

@media only screen and (max-width:350px) {		
	.bandeau-actualite .actualite-img {
		margin-bottom:20px;
	}
	
	.bandeau-actualite  .actualite-infos {
		margin-left:0;
		margin-bottom:30px;
	}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#00aaa7;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#00aaa7;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#00aaa7;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/*------------------------------------*\
    FENÊTRE MODALE
\*------------------------------------*/


@media only screen and (min-width:1024px) { 
	.modale-bouton-prog{
		font-size: 1.5vw;
		left: 25%;
		bottom: 33%;
		padding: 15px 10px;
	}
}

@media only screen and (min-width:480px) and (max-width:1023px) {
	.modale-bouton-prog{
		font-size: 1.7vw;
		left: 25%;
		bottom: 33%;
		padding: 10px;
	}
}

@media only screen and (max-width:479px) {
	.modale-bouton-prog{
		font-size: 2vw;
		padding: 8px;
		left: 25%;
		bottom: 30%;
	}
}

.modale-bouton-prog{
	width: 40%;
}

.modale-bouton-prog{
    color: white;
    background-color: #67c5eb;
    position: absolute;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
}

.modale-bouton-prog:hover {
	background-color:white;
	color:#67c5eb;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}




/* BANQUE ASC - V2 */



@media screen and (min-width: 1094px){
	
	.banqueasc {
		display:flex;
		display:-ms-flexbox;
	}

	.banqueasc-gauche {
		flex:1 1 auto;	
	}

	.banqueasc-droite {
		flex: 0 0 310px;
	}

}

@media screen and (max-width: 1093px){
	.banqueasc-droite {
		display:none;
	}
}


.banqueasc-gauche {
	position: relative;
	margin-bottom: 10px;
}

.banqueasc-gauche .banqueasc-sous-titre {
	margin:0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	display:block;    
	font-family: 'futura-pt', sans-serif;
    letter-spacing: 1px;
}

.banqueasc-gauche .banqueasc-sous-titre-1 {
	margin:0;
	padding-bottom: 10px;
	display:block;
	border-bottom: 1px solid #ccc;
}

.banqueasc-droite {
	margin-left:20px;
}

.banqueasc-droite a:hover {
	text-decoration:none;
}


@media screen and (min-width: 720px){
	.banqueasc-aide {
		position: absolute;
		right: 0;
		top: 10px;
		border:none;
	}
}

@media screen and (max-width: 719px) {
	.banqueasc-aide {
		position:relative;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
	}
	
	.banqueasc-gauche .banqueasc-sous-titre-1 {
		border:none;	
	}
}


.banqueasc-aide-lien {
	text-decoration:none;
	font-size:1.5rem;
}

.banqueasc-aide-lien:hover{
	text-decoration:none;
}

.banqueasc-ico-help {
    width: 18px;
    height: 18px;
    display: block;
    background-image: url(../cas-v2/img/banqueasc/ico-help.png);
	background-repeat: no-repeat;
	display: inline-block;
	margin-left:10px;
}

.banqueasc-ico-lock {
	width: 15px;
    height: 19px;
    display: block;
    background-image: url(../cas-v2/img/banqueasc/ico-lock.png);
	background-repeat: no-repeat;
	float:right;
}

.banqueasc-data-bookmark-title {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
	padding: 10px 20px 10px 20px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#8C8C8C');
	background: linear-gradient(to right, #555555 0%, #8C8C8C 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #fff;
	height: 40px;
}

.banqueasc h2 {
	font-size: 1.9em;
}

.banqueasc h3 {
	font-size: 1.5em;
	font-weight:400;
}

.banqueasc-data-bookmark-title h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
	font-weight: 500;
	display: inline;
	text-decoration:none;
}



/* DROPDOWN DEXERO */

@media screen and (min-width: 1094px){
	.banqueasc-experience-professionnelle {
		display:flex;
		display:-ms-flexbox;
	}

	.banqueasc-experience-professionnelle-gauche {
		flex: 1 1 50%;
		margin-right: 20px;
		position: relative;
	  }
	
	  .banqueasc-experience-professionnelle-droite {
		flex:1 1 50%;
		margin-left: 20px;
		position: relative;
	  }

	  .banqueasc-autre-experience {
		display:flex;
		display:-ms-flexbox;
		border-top: 1px solid #CCCCCC;
		margin-top: 10px;
	}
	
	.banqueasc-experience-ca {
		flex:1 1 50%;
		padding-right: 20px;
		position: relative;
		border-right:1px solid #CCCCCC;
	  }
	  
	  .banqueasc-autres {
		flex:1 1 50%;
		padding-left: 20px;
		position: relative;
	  }

}


.banqueasc-lancer-recherche {
	text-align:center;
}

.banqueasc-lancer-recherche-a {
    width: 100%;
	background-color: #00aaa7;
	border:1px solid #00aaa7;
    display: block;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
	font-weight: 500;
	margin-top: 20px;
}

.banqueasc-lancer-recherche-a:hover {
	background-color:#fff;
	color:#00aaa7;
	text-decoration: none;
}

.search-form-keyword {
	margin-top:10px;
	display:flex;
	display:-ms-flexbox;
}

.search-form-keyword td {
	margin:0;
	padding:0;
}

.search-form-keyword-options {
    float: left;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    height: 40px;
	width: 54px;
	z-index:900;
}

.search-form-keyword-options i {
    margin-top: 10px;
    margin-left: 10px;
}

.ico-keyword-search {
    width: 34px;
    height: 17px;
    display: block;
    background-image: url(../cas-v2/img/banqueasc/ico-keyword-search.png);
    background-repeat: no-repeat;
}

.button-filter-values {
	display:none;
    background-color: #fff;
    z-index: 1000;
    margin-top: 12px;
    width: 212px;
    margin-left: -1px;
    border: 1px solid #c0c0c0;
}

.button-filter-values fieldset {
	margin-left:0;
	border:none;
	padding: 0;
}

.button-filter-values fieldset .item {
	width: 210px;
    font-family: 'futura-pt', sans-serif;
    letter-spacing: 1px;
    font-size: 0.9em;
    border-bottom: 1px solid #c0c0c0;
    padding: 5px 10px;
}

.button-filter-values fieldset .item input{
	margin-right:10px;
	height: 10px;
}

.button-filter-values.openKeywordSearch {
	display:block;
}

.search-form-keyword-input {
	flex:1 1 auto;
}

.search-form-keyword-input input {
    border: 1px solid #e3e3e3;
    height: 40px;
    width: 100%;
    padding: 8px;
}

.search-form-keyword-button input {
	float: left;
    border: 1px solid #00aaa7;
    background-color: #00aaa7;
    width: 45px;
    height: 40px;
    display: block;
    background-image: url(../cas-v2/img/banqueasc/ico-search-blue.png);
	background-repeat: no-repeat;
	background-position: center;
}

.banqueasc-mots-cles, .banqueasc-lancer-recherche, .banqueasc-alphabetique {
	margin-bottom:30px;
}

#searchByKeywords {
	margin-top:20px;
}


@media screen and (min-width: 665px){
	.search-form-letter {
		display:flex;
		display:-ms-flexbox;
		width: 100%;
	}
}

@media screen and (max-width: 664px){
	.search-form-letter input {
		width:30px;
		margin-bottom:5px;
	}
}

.search-form-letter a, .search-form-letter input {
	background-color: #00aaa7;
    border: 1px solid #00aaa7;
    color: #fff;
    margin-right: 1px;
	text-align: center;
	flex: 1 1 auto;
}

.search-form-letter a, .search-form-letter input.currentLetter {
	background-color: #273b4c;
	border:1px solid #273b4c;
}

.search-form-letter a, .search-form-letter input.currentLetter:hover {
	background-color: #273b4c;
	border:1px solid #273b4c;
	color:#fff;
	cursor:default;
}

.search-form-letter a:hover, .search-form-letter input:hover {
	background-color: #fff;
	color: #00aaa7;
	text-decoration: none;
}

.banqueasc-alphabetique h2 {
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}

.search-form-folders-headers {
	border: 1px solid #ccc;
	margin-top: 25px;
	position: relative
}

.search-form-folders-headers .count {
    width: 38px;
    height: 31px;
    display: inline-block;
    background-image: url(../cas-v2/img/banqueasc/ico-folder-count.png);
    background-repeat: no-repeat;
	margin-right: 10px;
    margin-top: 10px;
    position: absolute;
	right: 5px;
	top: 10px;
}

.search-form-folders-headers .count > div {
    margin: 10px 0px 0px 15px;
    color: #fff;
    font-weight: bold;
    font-size: 0.8em;
}

.search-form-folders-headers .title {
	display:inline-block;
	width: 225px;
	margin-left: 17px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.search-form-folders-headers .title h3 {
	color: #555555;
	margin: 0;
	padding: 0;
	line-height: 25px;
	font-size: 1.2em;
	font-weight:500;
}

.count-number {
	display: block;
    margin-top: 7px;
    text-align: center;
    font-weight: 500;
    color: #fff;
}

.results-list {
	border-top:1px solid #ccc;
	margin-bottom: 60px;
}

.results-list-header {
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
}


.results-list-back {
    padding: 10px;
    background-color: #00aaa7;
    border: 1px solid #00aaa7;
    color: white;
    display: block;
    width: 165px;
    text-align: center;
    margin: 20px 20px 20px 0;
}

.results-list-back:hover {
	background-color:#fff;
	color:#00aaa7;
	text-decoration:none;
}

.tagbox {
    border: 2px solid #e9e9e9;
    padding: 11px 8px;
    font-size: 14px;
    color: #00aaa7;
    margin-bottom: 5px;
	margin-right: 5px;
	display:inline-block;
	margin-right: 10px;
}

.tagbox a {
	float: right;
    margin-left: 10px;
}

.ico-remove {
	width: 18px;
    height: 18px;
    display: block;
    background-image: url(../cas-v2/img/banqueasc/ico-remove.png);
    background-repeat: no-repeat;
}


.nbResultats {
	font-family: 'Futura-pt', sans-serif;
    color: #273b4c;
    text-transform: uppercase;
	letter-spacing: 1px;
	font-size:1.7em;
}

.result-item {
	display:flex;
	display:-ms-flexbox;
	border-bottom: 1px solid #ccc;
}

.result-item-left {
	flex: 1 1 auto;
	max-width: 100%;
	margin-right:20px;
}

.result-item-left .fullname {
    color: #0a3450;
	font-weight: 500;
	margin: 10px 0;
}

.fullname a {
	color:#273b4c;
}

.fullname a:hover {
	color:#273b4c;
}

.result-item-left .function {    
	color: #47667b;
	font-size: 14px;
	margin: 10px 0;
}

.result-item-right {
	align-self: center;
}

.ico-back-blue {
    width: 19px;
    height: 15px;
    display: inline-block;
    background-image: url(../cas-v2/img/banqueasc/ico-back-blue.png);
	background-repeat: no-repeat;
	margin:0 10px;
}

.ico-folder-add {
    width: 25px;
    height: 22px;
    display: inline-block;
    background-image: url(../cas-v2/img/banqueasc/ico-folder-add.png);
    background-repeat: no-repeat;
}

.ico-email-small {
    width: 18px;
    height: 12px;
    display: inline-block;
    background-image: url(../cas-v2/img/banqueasc/ico-email-small.png);
	background-repeat: no-repeat;
	margin-right:10px;
}

.ico-back {
    width: 19px;
    height: 15px;
    display: inline-block;
    background-image: url(../cas-v2/img/banqueasc/ico-back-blue.png);
	background-repeat: no-repeat;
	margin-right:10px;
}

.ico-folder-add-2 {
    width: 25px;
    height: 22px;
    display: inline-block;
    background-image: url(../cas-v2/img/banqueasc/ico-folder-add-2.png);
    background-repeat: no-repeat;
}

.ico-pdf {
    width: 20px;
    height: 22px;
    display: inline-block;
    background-image: url(../cas-v2/img/banqueasc/ico-pdf.png);
	background-repeat: no-repeat;
	margin-right:10px;
}

.ico-email {
    width: 26px;
    height: 22px;
    display: inline-block;
    background-image: url(../cas-v2/img/banqueasc/ico-email.png);
	background-repeat: no-repeat;
}

.ico-phone {
    width: 17px;
    height: 16px;
    display: inline-block;
    background-image: url(../cas-v2/img/banqueasc/ico-phone.png);
    background-repeat: no-repeat;
    margin-right: 10px;
}


.ico-linkedin {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../cas-v2/img/banqueasc/ico-linkedin.png);
    background-repeat: no-repeat;
}

.go-back {
	cursor: pointer;
}

#downloadFolders {
padding:5px 10px;
border: 1px solid #ccc;
}

.download-folder-link, #downloadFolders a {
	display:flex;
	display:-ms-flexbox;
}

#downloadFoldersIndividuel a, #downloadFoldersIndividuel2 a {
	padding: 0 20px;
    border-right: 1px solid #ccc;
}

#downloadFoldersIndividuel a i, #downloadFoldersIndividuel2 a i {
	margin:0;
}

#downloadFoldersIndividuel a span, #downloadFoldersIndividuel2 a span {
	padding-left:10px;
}

@media screen and (min-width: 470px){ 
	.asc-detail {
		display: flex;
		display: -ms-flexbox;
	}

}

.asc-detail-telephone, .asc-detail-courriel {
	margin-right:20px;
}

.asc-cv {
	margin-bottom:20px;
}

.asc-cv a {
	display:block;
}

.basc-individu {
	display:flex;
	display:-ms-flexbox;
	align-items: center;
	border:1px solid #ccc;
	justify-content:center;
	position:relative;
}

.basc-list, #downloadFolders {
	display:none;
}

.basc-list .ico-remove-a {
	position: absolute;
    right: 15px;
}

.basc-list img {
	width:40px;
	left: 0;
	position:absolute;
}

.basc-list .full-name {
	color: #0a3450;
    font-weight: 500;
}

.asc-info-detail {
	margin:20px 0;
}

.asc-info-detail p {
	margin:0;
}

@media screen and (min-width: 1094px){
	.asc-header {
		display: flex;
		display: -ms-flexbox;
	}
}

.asc-header {
	padding-bottom:20px;
	position:relative;
}

.asc-header .asc-photo {
	width:130px;
	margin-right:20px;
}

.asc-header .asc-titre{
	margin-top:0;
	margin-bottom:0;
}

.asc-fonction {
	margin-top:0;
}

.asc-region-administrative {
	font-weight:500;
	margin:0;
}

.asc-region-administrative span {
	font-weight:400;
}

.asc-region-administrative span:not(:first-child) {
	margin-left: -.3em;  
}

.asc-region-administrative span:empty {
	display: none;
}
  
.asc-region-administrative span:not(:first-child):before {
	content: ", ";
	margin-left: 5px;
}

@media screen and (min-width: 1094px){
	.asc-header .asc-promotion { 
		position: absolute;
		right: 0;
	}	
	.asc-block-droite {
		display:flex;
		display:-ms-flexbox;
	}
 }

.asc-header .asc-promotion {
    width: 90px;
    border: 1px solid #00aaa7;
    padding: 5px 8px;
    text-align: center;
    font-size: 16px;
    color: #00aaa7;
    font-weight: 500;
	height:55px;
	position: absolute;
	right: 0;
}

@media screen and (min-width: 455px){ 
	.asc-header-options {
		display:flex;
		display:-ms-flexbox;
		position:relative;
	}

	.asc-header-options-boutons {
		position: absolute;
		right: 0;
	}
}

.asc-header-options {
	border-bottom:1px solid #ccc;
	border-top: 1px solid #ccc;
	padding:20px 0;
}


@media screen and (max-width: 455px){ 
	.asc-header-options-boutons {
		margin-top:20px;
	}
}

.asc-header-options-boutons {
	display: flex;
	align-items: center;
}

.asc-header-options-boutons .asc-header-options-boutons-courriel, .asc-header-options-boutons .asc-header-options-boutons-pdf {
	padding-right: 10px;
    border-right: 1px solid #ccc;
	padding-left: 10px;
	height: 25px;
}

.asc-header-options-boutons .asc-header-options-boutons-ajout {
	padding-left:10px;
}

.asc-domaines-expertise {
	margin-top:20px;
}

.asc-secteurs-activite {
	margin-top:20px;
	padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.asc-bibliographie {
	margin-top:35px;
}

@media screen and (min-width: 1094px){ 
	.asc-formation-experience {
		display: flex;
		display: -ms-flexbox;
	}

	.asc-formation {
		flex:1 0 50%;
		padding-right: 20px;
		border-right: 1px solid #ccc;
	}

	.asc-experience {
		flex:1 0 50%;
		padding-left:20px;
	}
	
}

.asc-adhesion-professionelle {

}

.asc-formation {
	padding-top: 20px;
}

.asc-formation .asc-formation-titre, .asc-experience-endroit {
	color: #07324e;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: 500;
}

.asc-formation .asc-formation-ecole, .asc-experience-titre {
	margin-top:0;
	padding-top:0;
}

.asc-experience {
	padding-top: 20px;
}

#searchByLetterForm {
	margin-bottom:15px;
}

.liste-formateurs-result-item {
	border-top:1px solid #ccc;
}

.liste-formateurs-result-item a {
	display:flex;
	display:-ms-flexbox;
	padding: 10px 0 10px 10px;
}

.liste-formateurs-result-item a:hover {
	background-color:#f4f4f4;
}


.liste-formateurs-result-item a img {
	width:50px;
}

.liste-formateurs-result-item .fullname {
	margin-left:20px;
}

.liste-formateurs-result-item a .img-grise {
	width:50px;
	background-color:#ccc;
}

.loading {
	display:none;
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99999;
    justify-content: center;
  }

  .loading.showloading {
	  display:flex;
	  display:-ms-flexbox;
  }
  
  .loading-image {
    z-index: 100;
    height: 100px;
    align-self: center;
  }

  #myBtn {
	display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #00aaa7;
    color: white;
    cursor: pointer;
    padding: 5px 10px 0px 10px;
    border-radius: 15px;
  }
  
  #myBtn:hover {
	background-color: #555;
  }


  .page-suivant-precedent {
	  display:flex;
	  display:-ms-flexbox;
  }

  .page-suivant-precedent .precedent {
	width:50%;
	margin-right:10px;
  }

  .page-suivant-precedent .suivant {
	width:50%;
}

/*Multiselect drop-down*/

.dropdown-check-list {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
  }

ul.multiSelectDropdown{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	border-left:1px #eaeaea solid;
	border-right:1px #eaeaea solid;
	overflow-y: hidden;
	max-height: 0;
	transition-property: all;
	transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	background-color:#ffffff;
	position: absolute;
    z-index: 1000;
    /*@include from_tablet_small{
        position:absolute;
        z-index:3;
        overflow-y: scroll;
		background-color:#ffffff;
	}*/
}
ul.multiSelectDropdown.openDropdown{
	max-height: 1400px;
	/*@include from_tablet_small{
		max-height: 200px;
	}*/
}
		
ul.multiSelectDropdown>li{
	display:block;
	margin:0;
	padding:0;
}

ul.multiSelectDropdown>li>label{
	font-size:0.875em;
	color:#333333;
	padding:0.8em;
	border-bottom:1px #eaeaea solid;
	margin-bottom:0 !important;
	position:relative;
	padding-left:2.8em;
	font-weight:400 !important;
	display:block;
	cursor: pointer;
}	
	
ul.multiSelectDropdown>li>label{
	vertical-align:middle;
}

ul.multiSelectDropdown>li>label:before{
	width:20px;
	height:20px;
	content:"";
	display:block;
	position:absolute;
	border:1px #eaeaea solid;
	background-color:#ffffff;
	top:0.8em;
	left:0.8em;
}
            
ul.multiSelectDropdown>li>input[type="checkbox"]{
	display:none;
}
 
ul.multiSelectDropdown>li>input[type="checkbox"]:checked+label{
	background-color:#f2f2f2;
}

ul.multiSelectDropdown>li>input[type="checkbox"]:checked+label:before{
    content:"X";
	color:#0ea0af;
	font-weight:400;
	text-align:center;
}
 

button.multiSelectOpener{
    font-weight: 400;
    line-height: 1.3;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position:relative;
	text-align:left;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #CCCCCC;
	padding: 8px 15px 8px 10px;
	background-color: #f7f7f7;
	text-transform: uppercase;
	font-size: 0.8em;
	color: #273b4c;
}

.multiSelectOpener::after {
	position: absolute;
    content: "";
    border-left: 1px solid #e30613;
    border-top: 1px solid #e30613;
    padding: 4px;
    right: 15px;
    top: 35%;
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.multiSelectOpener.openButton::after {
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
}

.multiSelectOpener.openButton {
	color: #fff;
	background-color:#00aaa7;
  }
  
.button.multiSelectOpener::-ms-expand {
	display: none;
}
.button.multiSelectOpener:hover{
    border-color: #888;
}

.button.multiSelectOpener:focus {
	border-color: #aaa;
	color: #222; 
	outline: none;
}




/* PROJET ASCENSION */ 

.ascension-contenu-header {
	display:flex;
	display:-ms-flexbox;
}

.ascension-contenu-header figure, .ascension-contenu-header img {
	width:100%;
}

.ascension-contenu{
	max-width: 650px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding: 0px 15px;
}

.ascension-contenu .section-dossier {
	display:flex;
	display:-ms-flexbox;
	flex-wrap:wrap;
}

.section-dossier .ascension-article-div article {
	border-bottom:1px solid #ccc;
	height:100%;
}

.section-dossier .ascension-article-a:hover {
	text-decoration:underline;
	color:#00aaa7;
	
}

@media screen and (min-width: 1200px){ 
	.ascension-retour {
		position: absolute;
		left: 15px;
		margin-top: 0;
		width: 340px;
	}
}

.ascension-retour, .ascension-retour-footer {
    border-top: 1px solid #dfdfdf;
    text-transform: uppercase;
} 

.ascension-retour a, .ascension-retour-footer a {
	padding-top: 10px;
    display: inline-block;
}

.ascension-retour a:hover, .ascension-retour-footer a:hover {
	color:#00aaa7;
}

.ascension-retour-fleche {
    width: 25px;
    height: 10px;
    display: inline-block;
    background-image: url(../cas-v2/img/ascension/cas-icon-arrow-back.svg);
    background-repeat: no-repeat;
    margin-right: 15px;
}

.ascension-video {
	width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../cas-v2/img/ascension/cas-icon-tag-video.svg);
    background-repeat: no-repeat;
	margin: 8px 10px 0 0;
}

.ascension-dossier {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../cas-v2/img/ascension/cas-icon-tag-dossier.svg);
    background-repeat: no-repeat;
	margin: 5px 5px 0 0;
}

.ascension-publication {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../cas-v2/img/ascension/cas-icon-tag-publication.svg);
    background-repeat: no-repeat;
	margin: 5px 5px 0 0;
}

.ascension-balado {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../cas-v2/img/ascension/cas-icon-tag-balado.svg);
    background-repeat: no-repeat;
	margin: 5px 5px 0 0;
}

.ascension-contenu-texte {
	margin-bottom:40px;
}

.ascension-contenu-texte h1 {
	font-size: 1.5em;
	text-transform: initial;
	margin-top:10px;
}

.ascension-contenu-texte ul li {
	display:flex;
	display:-ms-flexbox;
	margin-bottom:10px;
}

.ascension-contenu-texte-cat-tag {
	display:flex;
	display:-ms-flexbox;
	font-size:14px;
	margin-top: 15px;
}

.ascension-contenu-texte-cat-tag div {
	margin-top:5px;
}


.ascension-contenu-texte .ascension-tag, .tag_name {
	color:#e30613;
	font-weight: 500;
}

.ascension-contenu-texte .ascension-tag:hover {
	color:#e30613;
	text-decoration: underline;
}

.ascension-tag-separator::after{
	content:" | ";
	color: #ccc;
}

.ascension-tag-separator:last-child::after {
	content:"";
}

.commandite_par {
	display:block;
	color:#e30613;
	font-weight: 500;
}

@media screen and (min-width: 650px){ 
	.ascension-auteur-infos {
		display: flex;
		display: -ms-flexbox;
	}
}


.ascension-auteur-infos {
    align-items: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    position: relative;
    margin: 10px 0;
}

.ascension-auteur-social {
	display:flex;
	display:-ms-flexbox;
}

.ascension-auteur-photo {
	display:flex;
	display:-ms-flexbox;
}

.ascension-auteur-social a {
    font-family: "fontello";
    width: 40px;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    padding: 10px;
    background-color: #a6a8a7;
    color: #fff;
    border-radius: 20px;
    margin-right: 5px;
    border: 1px solid #a6a8a7;
}

.ascension-auteur-social .auteur-linkedin-bouton {
	margin-right:0;
}

.auteur-facebook-bouton span:before {
	content: '\f09a';
}

.auteur-linkedin-bouton span:before {
	content: '\f0e1';
}

.auteur-facebook-bouton:hover, .auteur-linkedin-bouton:hover {
	background-color: #fff;
    color: #a6a8a7;
}
@media screen and (max-width: 450px){
	.ascension-auteur-photo img { 
		width:50px;
	}

	.ascension-auteur-nom-complet {
		font-size:0.8em;
	}
	
	.auteur-facebook-bouton span:before, .auteur-linkedin-bouton span:before {
		font-size:0.8em;
	}
 }

.ascension-auteur-photo img {
	border-radius: 30px;
	border: 1px solid #a6a8a7;
}

@media screen and (max-width: 650px){ 
	.ascension-auteur-infos .ascension-auteur-nom {
		margin:10px 0;
	}
}


.ascension-auteur-nom {
	margin-left:15px;
	letter-spacing: 1px;
	flex: 0 1 75%;
}

.ascension-auteur-nom-complet {
	font-weight: 500;
    color: #a6a8a7;
}

.ascension-auteur-photo-1 {
	display:inline-block;
}

.ascension-auteur-photo-2 {
	margin-left:5px;
	display:inline-block;
}


/* archive-ascension.php*/ 
@media screen and (min-width: 650px){
	.ascension-archives-flex {
		display:flex;
		display:-ms-flexbox;
	}
 }

.ascension-archives-recherche {
	margin-right: 40px;
	width:390px;
	max-width:100%;
}

.ascension-archives-recherche-moteur .ascension-archives-recherche-moteur-sujet, .ascension-archives-recherche-moteur .ascension-archives-recherche-moteur-format {
	border:none;
    margin: 20px 0;
	padding:0;
}

.ascension-archives-recherche-moteur-sujet legend, .ascension-archives-recherche-moteur-format legend {
    border-top: 1px solid #ccc;
    width: 100%;
    font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ascension-trouver-bouton {
	margin-top:20px;
}

#ascension-form-button {
    padding: 15px 20px;
    background-color: #ed1b24;
    display: block;
    width: 100px;
    font-size: 1em;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    border: 1px solid #ed1b24;
}

#ascension-form-button:hover {
	text-decoration: none;
	background-color:#fff;
	color:#ed1b24;
}


#searchField {
    width: 250px;
    height: 55px;
    padding-left: 40px;
    border: none;
    background-color: #f7f7f7;
    font-size: 0.9em;
    color: #283b4c;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    background-image: url(../cas-v2/img/ascension/cas-icon-loupe.svg);
    background-repeat: no-repeat;
    background-position-x: 245px;
    background-size: 25px;
    background-position-y: 15px;
}

.tout-voir {
	font-weight:500;
}

.ascension-resultat-info h3 {
	font-weight:500;
}

.ascension-resultats-article {
	display:flex;
	display:-ms-flexbox;
	flex-wrap: wrap;
}

.ascension-article-div{
    flex: 0 0 auto;
    margin-bottom: 30px;
    margin-right: 30px;
}

.section-dossier .ascension-article-div {
	flex: 1 0 auto;
	margin-bottom: 30px;
	margin-right:0;
}

.ascension-article-div article {
	width:300px;
}

.articles-recommandes {
	border-top:1px solid #ccc;
	margin-top:20px;
	margin-bottom:20px;
	text-transform:inherit;
}

.ascension-resultats-recherche {
	width:100%;
}

.post-type-archive-ascension .breadcrumb {
	margin-bottom:10px;
}

.cat_et_tag {
	display:flex;
	display:-ms-flexbox;
	align-items:center;
	margin-top:10px;
}

.accueil-ascension article a {
	margin: 10px 0;
}

@media screen and (min-width: 650px){
	.accueil-ascension article a {
		display:flex;
		display:-ms-flexbox;
	}
 }

.accueil-ascension article a {
	text-decoration:none;
}

.accueil-ascension article a:hover {
	text-decoration:none;
	background-color:#fcf2f3;
}

.accueil-ascension article a img, .ascension-img {
	margin-right: 20px;
}

@media screen and (min-width: 1025px){ 
	.accueil-evenement.v2 {
		flex: 1 1 42%;
		margin-right: 15px;
	}

	.accueil-ascension {
		flex: 1 0 58%;
		border-left: 1px solid #ccc;
		padding-left: 15px;
	}
}

@media screen and (max-width: 479px){ 
	.accueil-info-cas .accueil-ascension h2 {
		margin-top: 50px;
		font-weight: 500;
		padding-top: 5px;
	}
}

@media only screen and (max-width: 1023px) and (min-width: 480px){
	.accueil-ascension h2 {
		padding-bottom: 20px;
		margin-top: 50px;
		font-weight: 400;
		padding-top: 5px;
	}

	.accueil-ascension .voir-plus {
		margin-top:20px;
	}
}

.accueil-ascension h2 {
	border-top: 1px solid #00aaa7;
    padding-bottom: 10px;
    font-weight: 400;
}

.accueil-ascension article {
	border-bottom:1px solid #ccc;
}

.accueil-ascension .lire-plus span, .ascension-infos .lire-plus span {
	font-size:2em;
}

.liste-des-ascensions {
	margin-top:5px;
}

.accueil-info-cas.v2 {
	padding: 0px 15px 20px 15px;
}

.accueil-evenement.v2 {
	margin-bottom:0;
}

.evenement-groupe.v2 {
	margin: 10px 0px 0px 0px;
}

.ascension-infos{
	position:relative;
	flex: 1 0 auto;
}

.ascension-infos .lire-plus{
	position:absolute;
	right:5px;
	bottom:5px;
	padding: 0;
	margin: 0;
	line-height: 0.5;
}

.ascension-article-div {
	position:relative;
}

.ascension-article-div .lire-plus {
	margin:0;
}

.section-dossier .ascension-article-div .lire-plus, .section-dossier .ascension-article-div .lire-plus-a {
	display:inline-block;
}

.ascension-article-div .lire-plus span {
	font-size:2em;
	color:#00aaa7;
}

.ascension-titre {
	font-size:1.2em;
	text-transform:uppercase;
}

@media screen and (min-width: 650px){ 
	.ascension-auteur {
		position:absolute;
		bottom:0;
		padding:0;
		margin:0;
	}
}

@media screen and (max-width: 650px){ 
	.accueil-ascension article {
		margin-bottom: 15px;
	}
}


.ascension-auteur .auteur {
	color:#a6a8a7;
}

@media screen and (max-width: 650px){ 
	.ascension-infos {
		margin-top:10px;
	}
}

.ascension-info-1 {
	margin:0;
	display:flex;
	display:-ms-flexbox;
}

.ascension-info-2 {
	width: 440px;
	margin-top: 5px;
	max-width:100%;
}

.ascension-publication.ascension-accueil, .ascension-dossier.ascension-accueil, .ascension-balado.ascension-accueil {
	margin-top:2px;
}

.ascension-video.ascension-accueil {
	margin-top:5px;
}

.ascension-info-1 .tag_name {
	margin:0;
}

.voir-plus-formation.v2 {
	margin-top: 15px;
}

.ascension-resultats-filtres {
	font-weight:500;
}

.complet-rouge {
	color:#e30613;
}

.complet-rouge-accueil{
	font-weight: bold;
	font-size: 0.75em;
	color: #e30613;
}

@media only screen and (min-width: 1024px){
	.complet-rouge-accueil{
		position: absolute;
		left: 17px;
		top: 15px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 1023px){
	.complet-rouge-accueil {
		position: absolute;
		left: 0px;
		top: 25px;
	}
}

@media only screen and (max-width: 479px){
	.complet-rouge-accueil {
		position:absolute;
		left:0;
		top:15px;
		font-size: 0.75em;
	}
}