html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	padding: 0;

}
/*
a:link,
a:hover,
a:visited,
a:active{
	background-color:  inherit!important;
}*/

a,
a:hover,
a:link,
a:visited,
a:active {
	text-decoration: none;
	outline:none !important;
	-webkit-appearance: none;
}

/* ==> SITE FONTS */

body {
	font-family: 'Titillium Web', Tahoma, sans-serif !important;
	font-size: 14px !important;
	line-height: 18px;
}

.form-main-titlecss{
	font-size: 36px;
	line-height: 36px;
	font-weight: 300;
}


h1,
h1 span,
.form-title-text {
	font-size: 22px !important;
	line-height: 24px;
	font-weight: 700;
}

h2,
h2 span {
	font-size: 18px !important;
	line-height: 20px;
	font-weight: 700;
	
}

h3,
h3 span {
	font-size: 18px !important;
	line-height: 20px;
	font-weight: 400;
}

.header-user {
	font-size: 16px;
	height: 70px;/**/
}

.header-support,
.header-clubu,
.content-categoryLabel,
.content-quote-title,
.list-paging,
.form-field-modified,
.form-field-save{
	font-weight: 700;
}

.content-categoryLabel{
	font-size:14px !important;
} 

.form-title-button,
.form-button-cancel,
.form-button-validate{
	font-size: 12px !important;
	line-height: 15px;
}

.breadcrumb,
.list-paging,
.list-banner-description {
	font-size: 18px;
}

.list-banner-title{
	font-size: 30px;
	padding-top: 40px;
}

.content_row1 p,
.content_row2 p,
.content_row3 p,
.content_row1 li,
.content_row2 li,
.content_row3 li {
	font-size: 16px !important;
	line-height: 18px;
}

.navigation4-search,
.content-quote-content {
	font-weight: 300;
	font-style: italic;
}

.content-quote-content{
	font-size: 16px;
	line-height: 18px;
	text-align: left;
}

.footer-copyright,
.footer-dp,
.footer-cg{
	font-weight: 200;
}

@media (max-width: 768px){
	
	.navigation-1:nth-child(2) .linkMenu1 p ,
	.navigation-1:nth-child(3) .linkMenu1 p ,
	.navigation-1:nth-child(4) .linkMenu1 p {
		font-weight: 700;
	}

}

@media (min-width: 768px){
	
	.navigation-1:nth-child(1) .linkMenu1 p ,
	.navigation-1:nth-child(2) .linkMenu1 p ,
	.navigation-1:nth-child(3) .linkMenu1 p {
		font-weight: 700;
	}

}
 
 /* Pour avoir "Paroles d'experts" au lieu de "Paroles D'experts"
.navigation-1:nth-child(2) div:nth-child(2) { 
	text-transform: lowercase; 
}

.navigation-1:nth-child(2)  div:nth-child(2)::first-letter {
  text-transform: capitalize;
}

.footer-list ul div:nth-child(2) a { 
	text-transform: lowercase; 
}

.footer-list ul div:nth-child(2) a::first-letter {
  text-transform: capitalize;
}*/

/* <== SITE FONTS */

/* ==> SITE COLORS */

/* white and text color */


/* white background */

body,
.wrapper,
.content,
.header-fixed,
.header,
.chapter,
.breadcrumb,
.navigation-wrapper,
.navigation,
.content-categoryLabel-white {
	background-color: #FFF;
	color:#333 !important;
}


/* white text */

.chapter,
.chapter-title,
.chapter-title a,
.chapter-button,
.chapter-button a,
.content-categoryLabel,
.quote-title,
.content-col3 .content-tag a,
.content-col3 .content-date,
.list-filter-red,
.list-filter-orange,
.list-filter-purple,
.list-filter-gray,
.list-filter-red a,
.list-filter-orange a,
.list-filter-purple a,
.list-filter-gray a,
.form-button-validate,
.linkMenu1:hover,
.selected .linkMenu1,
.footer-list a,
.footer-siteweb a,
.footer-contact a,
.footer-left a,
.footerResponsive a {
	color: #FFF !important;
}

@media (max-width: 768px){
	
	.navigationChild a{
		color: #FFF !important;
	}
}

@media (min-width: 768px){
	.navigationChild:hover a,
	.navigationChild a	{
		color: #333 !important;
	}
}


/* site text color */

.content_row1 h1,
.content_row2 h1,
.content_row3 h1,
.content_row1 h3,
.content_row2 h3,
.content_row3 h3,
.list-filter,
.list-filter a,
.content-tag,
.header-user,
.content-tag a,
.form-field a {
	color: #333;
}


.content,
.list-paging,
.list-paging a{
    color: #333 !important;
}


/* red */

.chapter-title-1,
.chapter-button-1,
.content-categoryLabel-red,
.list-filter-red,
.form-button-validate,
.form-button-validate:active{
	background-color: #da202d !important;	
}

@media (max-width: 768px){
	.navigation-1:nth-child(2) .linkMenu1 p {
		color: #da202d !important;
	}
	.navigation-1:nth-child(2):hover, 
	.navigation-1:nth-child(2).selected {
		background-color: #da202d !important;
	}
	.navigation-1:nth-child(2):hover  .linkMenu1 p , 
	.navigation-1:nth-child(2).selected   .linkMenu1 p {
		color: #FFF !important;
	}
}

@media (min-width: 768px){
	.navigation-1:nth-child(1) .linkMenu1 p {
		color: #da202d !important;
	}
	.navigation-1:nth-child(1):hover, 
	.navigation-1:nth-child(1).selected {
		background-color: #da202d !important;
	}
	.navigation-1:nth-child(1):hover  .linkMenu1 p , 
	.navigation-1:nth-child(1).selected   .linkMenu1 p {
		color: #FFF !important;
	}
}




.content_row1 h2,
.content_row2 h2,
.content_row3 h2,
.list-paging-number-selected,
.form-field-error  {
	color:#da202d;
}

.form-field-error, 
.errorColor   {
	font-weight: bold;
}

.errorColor  {
	color:#da202d !important;
}

.navigation-1 {
	border-bottom: 4px solid #da202d;	 
	cursor: context-menu;
}





 /* orange */
 
.chapter-title-2,
.chapter-button-2,
.content-categoryLabel-orange,
.list-filter-orange  {
	background-color: #f58220 !important;	
}

@media (max-width: 768px){
	.navigation-1:nth-child(3):hover, 
	.navigation-1:nth-child(3).selected{
		background-color: #f58220 !important;
	}
	.navigation-1:nth-child(3):hover .linkMenu1 p, 
	.navigation-1:nth-child(3).selected .linkMenu1 p{
		color: #FFF !important;
	}
	.navigation-1:nth-child(3) {
		border-bottom: 4px solid #f58220;	
	}
	.navigation-1:nth-child(3) .linkMenu1 p {
		color: #f58220 !important;
	}
}

@media (min-width: 768px){
	.navigation-1:nth-child(2):hover, 
	.navigation-1:nth-child(2).selected{
		background-color: #f58220 !important;
	}
	.navigation-1:nth-child(2):hover .linkMenu1 p, 
	.navigation-1:nth-child(2).selected .linkMenu1 p{
		color: #FFF !important;
	}
	.navigation-1:nth-child(2) {
		border-bottom: 4px solid #f58220;	
	}
	.navigation-1:nth-child(2) .linkMenu1 p {
		color: #f58220 !important;
	}
}


/* purple */
 
.chapter-title-3,
.chapter-button-3,
.content-categoryLabel-purple,
.content-col3,
.list-filter-purple {
	background-color: #862557 !important;	
}

@media (max-width: 768px){
	.navigation-1:nth-child(4):hover, 
	.navigation-1:nth-child(4).selected {
		background-color: #862557 !important;
	}
	.navigation-1:nth-child(4):hover .linkMenu1 p, 
	.navigation-1:nth-child(4).selected  .linkMenu1 p{
		color: #FFF !important;
	}
	.navigation-1:nth-child(4) {
		border-bottom: 4px solid #862557;	
	}
	.navigation-1:nth-child(4) .linkMenu1 p {
		color: #862557 !important;
	}
}

@media (min-width: 768px){
	.navigation-1:nth-child(3):hover, 
	.navigation-1:nth-child(3).selected {
		background-color: #862557 !important;
	}
	.navigation-1:nth-child(3):hover .linkMenu1 p, 
	.navigation-1:nth-child(3).selected  .linkMenu1 p{
		color: #FFF !important;
	}
	.navigation-1:nth-child(3) {
		border-bottom: 4px solid #862557;	
	}
	.navigation-1:nth-child(3) .linkMenu1 p {
		color: #862557 !important;
	}
}


/* light purple*/

.content-col3-button {
	border-top: 1px solid #93446D; 
}	

/* white on purple to check*/

.content-categoryLabel-white,
.content-col3 .content-categoryLabel {
	background-color: #FFF !important;
	color: #862557 !important;
}

.content-col3 .content-tag ,
.content-col3 .content-button,
.content-button-evenements {
	background-color: #6C284B;
	color: #FFF;
}

/* blue (social link) */

.social-link {
	color: #5FB0EE;
}

/* brown (footer) */
.sf_cols.row.footerDesktop.version2
{
	display : flex;
	align-items: center;
}
.footerDesktop-wrapper,
.footerNavigation-wrapper,
.footerNavigation,
.footerResponsive,
.footerDesktop,
.form-main-titlecss{
	color: #FFF;
	background-color: #323031;
}

.list-filter-gray{
	background-color: #323031 !important;
}

.content-button:hover,
.form-detail-contact-button button:hover,
.content-tag:hover {
	background-color: #323031 !important;
	color: #FFF !important;
}

/* Darken color of chapter buttons when hover */
.chapter-button.chapter-button-1:hover {
	background-color: #82131b !important;
}
.chapter-button.chapter-button-2:hover {
	background-color: #934e13 !important;
}
.chapter-button.chapter-button-3:hover,
.content-button-evenements:hover,
.content-col3 .content-button:hover  {
	background-color: #501634 !important;
}

.content-button a,
.content-button-evenements a,
.content-col3 .content-button a,
.content-tag a,
.content a,
.banner a {
	background-color: transparent;
	color: inherit;
}

/**/

/* black (footer button) */
.footerNavigation .footer-button{
	color: #FFF;
	background-color: black;
}

.footer-button:hover {
	color: #000 !important;
	background-color: #FFF !important;
}

.footer-button a {
	background-color: transparent;
	color: inherit;
	text-decoration: none;
}


.footerResponsive,
.footerDesktop-wrapper {
	border-top: 1px solid #838080;
}

/* gray site */

.navigation-4,
.content-tag,
.content-button,
.content-quote,
.social,
.banner-slogan-title-gray,
.list-filter,
.form-title-button,
.form-button-cancel,
.compte-button,
.brick--beta,
.content-form-detail textarea,
.form-detail-contact-button button  {
	background-color: #e4e9ed;
}

.content-categoryLabel-gray {
	background-color: gray;
}

/* gray borders */

.chapter2,
.chapter3,
.chapter-extra,
.list-categories {
	border-top: 1px solid #e7e6e6;
}

.chapter1,
.chapter2,
.chapter3,
.chapter-extra,
.list-paging,
.list-categories ,
.form-main-title {
	border-bottom: 1px solid #e7e6e6;
}
	
@media (min-width: 768px){	
	.content-left,
	.form-left	{
		border-right: 1px solid #e7e6e6; 
	}
	.content-col2 {
		border-bottom: 1px solid #e7e6e6;
	}
	.content-col3 {
		border-top: 1px solid #e7e6e6;
	}
	.form-identity,
	.form-assistant,
	.form-preferences,
	.form-contact,
	.form-compte	{
		border-bottom: 1px solid #e7e6e6;
	}
}

@media (max-width: 768px){
	.content {
		border-bottom: 1px solid #e7e6e6;
	}
	
	.banner-img .sfimageWrp img {
    height: 152px;
    }
}

.content-col1 {
	border-right: 1px solid #e7e6e6; 
}

/* gray banner slogan */

.banner-slogan .banner-date,
.banner-slogan .banner-title {
	color: #FFF;
	
	/* OPACITY Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.4 opacity */
    background-color: rgba(0, 0, 0, 0.3);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}


/* <== GESTION DES COULEURS DU SITE */

/* ===> SCREEN SIZE MAX 1920 / 1280px */
.banner,
.chapter,
.navigation-wrapper,
.footerNavigation-wrapper,
.footerDesktop-wrapper,
.brick--beta,
.cookie_head{
	width: 100%;
	max-width: 1900px; 
}

.header,
.header-mobile,
.navigation,
.breadcrumb,
.social,
.content,
.mainContent,
.footerNavigation,
.footerDesktop,
.list-categories,
.list-paging,
.wrapper-form,
.form-subscribe,
.form-subscribe-formations,
.form-contactmail,
.form-suppcompte,
.brick-wrap ,
.content-form-detail  {
	width: 100% !important;
	max-width: 1280px; 
}

.content_row1,
.content_row2,
.content_row3,
.content_row4{
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	max-width: 1280px; 
}

.content_row7 {
   height:60px;
}

.content_rowTags {
max-width: 940px;
margin:0 auto;
}


.content_rowTags.active:before {
    content: "Mots-clés:";
    padding-right: 15px;
    font-weight: bold;
}


/* <=== SCREEN SIZE*/

.mainContent,
.form-subscribe,
.form-subscribe-formations  {
	padding: 20px;
}

.mainContent {
	min-height: 500px;
}

@media (max-width: 768px){
	.mainContent,
	.form-subscribe,
	.form-subscribe-formations{
		margin-top: 50px !important; /*due to fixed header */
	}
}

@media (min-width: 768px){
	.mainContent,
	.form-subscribe,
	.form-subscribe-formations	{
		margin: auto !important;
		margin-top: 120px !important; /*due to fixed header */
	}
}


/* ==> HEADER ==> */

a.linkMenu1:hover,
a.linkMenu1:link,
a.linkMenu1:visited,
a.linkMenu1:active{
	background-color:  inherit!important;
}

.header-fixed{
	position: fixed;
    z-index: 1000;
    width: 100%;
	top: 0;
	left: 0;
}

.header-fixed .col-sm-12 {
	padding: 0 !important;
	margin: 0 !important;
}

@media (min-width: 768px){
	.header-fixed {
		height: 120px; /* 70 + 50 */ 
	}
}

@media (max-width: 768px){
	.header-fixed {
		height: 70px;
	}
	.header-menu p{
	    margin: 0 0 0px;
	}
	
}


.wrapper {
	margin: auto;
	max-width: 1920px;
	height: auto;
	/*---background-color: #FFF;*/
	/*width: 100% !important;
	height: 500px; */
}

.header {
	margin: auto !important;
	/*---background-color: #FFF;*/
}

.header-desktop {
	height: 70px;
}

.header-mobile {
	position: relative;
	height: 213px;
}

.header-club,
.header-connexion {
	display: inline-block;
	padding: 0 !important;	
	height: 70px;
}

.header-clubu,
.header-support {
	width: 50%;
	text-transform: uppercase;
}

.header-user {
	width: 60% !important;
}


.header-user .sf_colsIn{
	margin-top: 18px;
	margin-left: 20px;
	
}

.header-user span{
	text-align: left !important;
	line-height: 18px;
}

.header-user span:before{
	content: "Bonjour\A";
	white-space: pre;
    line-height: 18px;
	text-align: left;
}

.header-user .sf_colsIn:before{
	content: "";
    display: block;
    background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/header-user-icon.png") no-repeat;
    float: left;
    height: 30px;
    width: 30px;
    margin: 5px -5px 10px -10px;/*5px -15px 10px 0;*/
}

.header-user:hover .sf_colsIn:before{
	content: "";
    display: block;
    background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/header-user-icon-hover.png") no-repeat;
    float: left;
    height: 30px;
    width: 30px;
    margin: 5px -5px 10px -10px;
}


.header-lock-icon img{
	width: 30px;
	height: 30px;
}

.header-lock-icon:hover img{
	width: 30px;
	height: 30px;
}

@-moz-document url-prefix() {
	.header-lock {
		padding-top: 10px !important;
	}
}
.header-lock {
	padding-top: 20px;
	width: 40%;
	vertical-align:top;
}

.header-logo,
.header-clubu,
.header-support,
.header-user,
.header-user p,
.header-lock,
.header-lock  p {
	display: inline-block;
	margin: 0;
	height: 70px;
	line-height: 70px; /* Centrage vertical */
}

.header-logo {
	padding-top: 10px;
}

.header-clubu,
.header-support,
.header-user,
.header-user p,
.header-lock,
.header-lock  div {
	text-align: center; /* Centrage horizontal */
}

.header-logo .sf_colsIn,
.header-logo .sfContentBlock,
.header-logo img,
.header-clubu .sf_colsIn,
.header-clubu .sfContentBlock,
.header-support .sf_colsIn,
.header-support .sfContentBlock,
.header-user .sf_colsIn,
.header-user .sfContentBlock,
.header-user img,
.header-lock .sf_colsIn,
.header-lock  .sfimageWrp,
.header-lock img
 {
	max-height: 100%;
}

.header-logo,
.header-clubu,
.header-user {
	border-right: 1px solid #e7e6e6;
}

.header-clubu:hover,
.header-support:hover,
.header-user:hover,
.header-lock:hover {
	background-color: #000 !important;
	color: #FFF !important;
}
/*
.header-clubu a,
.header-support a,
.header-user a,
.header-lock a,*/
.header a {
	background-color: transparent;
	color: inherit;
	text-decoration: none;
}

.header-menu {
	display: inline-block;
	position: absolute;
	right: 10px;
	bottom: 15px;
}

.header-logo {
    display: inline-block;
    margin: 0;
	vertical-align: top;
}

.header-user-left {
	margin-right: 10px !important;
}

.header-user-right {
	height: 100%;
	line-height: 100%; /* centrage vertical */
	text-align:center; /* centrage horizontal */ 
}

.header-user-right span { 
	vertical-align: middle;
	display: inline-block;
	line-height: 1.2; /* on rétablit le line-height */
	text-align: left; /* ... et l'alignement du texte */ 
}

.header-user img  {
	vertical-align: middle;
}  

.header-lock img  {
	vertical-align: middle;
	margin-bottom: 20px;
	padding-top: 0;
	height: 30px;
	width: 30px;
}  

.header-row2{
	height: 70px;
}

@media (min-width: 768px){
	.header-support {
		border-right: 1px solid #e7e6e6;
	}
}

@media (max-width: 768px){
	.header-logo {
		border-right: none;
	}
	.header-logo img {
		width: 150px;
		padding: 10px;
	}
	.header-lock {
		position: static !important;
	}
	.header-user{
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
}

	/* pour la version mobile */
.header-row1,
.header-row2,
.header-row3 {
	width: 100% !important;
	padding: 0 !important;
}
.header-row1,
.header-row2 {
	border-bottom: 1px solid #e7e6e6;	
}
	/*----------------------*/
	
/* <== HEADER <== */


/* ==> NAVIGATION ==> */

.navigation-wrapper {
	border-top: 1px solid #e7e6e6;
	border-bottom: 1px solid #e7e6e6;
	padding: 0 !important;
	margin: auto !important;
}

.navigation {
	margin: auto !important;
	/*---background-color: #FFF;*/
	/*border-top: 1px solid #e7e6e6;*/
}

.linkMenu1 p{
	margin-top: 7px;
}

/* AJOUT DES ICONES DE MENU AVANT LES TITRES */

@media (max-width: 768px){
	.navigation-1:nth-child(2) .linkMenu1:before{
		content: "";
		display: block;
		background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/navigation-solutions-icon-red.png") no-repeat;
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 6px 0 0;
	}
	.navigation-1:nth-child(2) .toWhiteIcon:before {
		content: "";
		display: block;
		background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/navigation-solutions-icon-white.png") no-repeat;
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 6px 0 0;
	}

	.navigation-1:nth-child(3) .linkMenu1:before{
		content: "";
		display: block;
		background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/navigation-tendances-icon-yellow.png") no-repeat;
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 6px 0 0;
	}
	.navigation-1:nth-child(3) .toWhiteIcon:before{
		content: "";
		display: block;
		background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/navigation-tendances-icon-white.png") no-repeat;
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 6px 0 0;
	}

	.navigation-1:nth-child(4) .linkMenu1:before{
		content: "";
		display: block;
		background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/navigation-calendar-icon-purple.png") no-repeat;
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 6px 0 0;
	}
	.navigation-1:nth-child(4) .toWhiteIcon:before{
		content: "";
		display: block;
		background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/navigation-calendar-icon-white.png") no-repeat;
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 6px 0 0;
	}
}

@media (min-width: 768px){
	.navigation-1:nth-child(1) .linkMenu1:before{
		content: "";
		display: block;
		background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/navigation-solutions-icon-red.png") no-repeat;
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 6px 0 0;
	}
	.navigation-1:nth-child(1) .toWhiteIcon:before {
		content: "";
		display: block;
		background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/navigation-solutions-icon-white.png") no-repeat;
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 6px 0 0;
	}

	.navigation-1:nth-child(2) .linkMenu1:before{
		content: "";
		display: block;
		background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/navigation-tendances-icon-yellow.png") no-repeat;
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 6px 0 0;
	}
	.navigation-1:nth-child(2) .toWhiteIcon:before{
		content: "";
		display: block;
		background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/navigation-tendances-icon-white.png") no-repeat;
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 6px 0 0;
	}

	.navigation-1:nth-child(3) .linkMenu1:before{
		content: "";
		display: block;
		background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/navigation-calendar-icon-purple.png") no-repeat;
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 6px 0 0;
	}
	.navigation-1:nth-child(3) .toWhiteIcon:before{
		content: "";
		display: block;
		background: url("/Sitefinity/WebsiteTemplates/App_Themes/Sopra_ExtranetHR/img/navigation-calendar-icon-white.png") no-repeat;
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 6px 0 0;
	}
}

@media (max-width: 768px){
	.navigation {
		height: 100% !important;
	}
	.navigation-4 {
		height: 47px !important;
	}
}

@media (min-width: 785px){
	.navigation{
		height: 70px;
	}
	.navigation-1,
	.navigation-1:nth-child(2) {
		border-right: 1px solid #e7e6e6;
	}
}


@media (min-width: 1024px){
	.navigation{
		height: 50px;
	}
	
}

.navigation-1,
.navigation-1:nth-child(2),
.navigation-1:nth-child(3), 
.navigation-4 {
	height: 100%;
}

.navigation-4 {
	padding-top: 10px;
}

.navigation4-search img,
.navigation4-search span,
.navigation-icon {
	display: inline-block;
}

.navigation4-search {
	position: relative;
	height: 100%;
	line-height: calc(100% - 10px);
}
.navigation4-search span,
.navigation4-search img {
	vertical-align: middle;
}
.navigation4-search span {
	position: absolute;
    left: 10px;
    top: 12px;
}
.navigation4-search img {
	position: absolute;
	right: 0;
	top:0;
}

.navigation-1:nth-child(1):hover, 
.navigation-1:nth-child(1).selected {
	background-color: #da202d !important;
}

.navigation .navigationChild {
    top: 50px;
    display: none;
	font-size: 16px;
	width: 100%;
	/*text-transform: capitalize !important;*/
}

@media (max-width: 768px){
	.navigation-1 {
		padding: 0 !important;
	}
	
	.navigation .navigationChild {
		top: 50px;
		font-size: 16px;
		width: 100%;
		/*padding: 10px 0px 15px 20px;*/
		/*text-transform: capitalize !important;*/
		line-height: 40px;
	}

}

@media (min-width: 768px){
	.navigation .navigationChild {
		position: absolute;
		z-index: 999;
		top: 50px;
		background: rgba(235,235,235,0.9);
		font-size: 16px;
		width: 100%;
		margin-left: -15px;
		/*padding: 10px 0px 15px 20px;*/
		/*text-transform: capitalize !important;*/
	}
}

.navigation .navigationChild div{
padding: 5px 5px 5px 50px !important;
}

.navigation .navigationChild{
	padding:0 !important;
}

.navigation-1:hover .navigationChild{
	display: block  !important;	
}

.navigation .navigationChild div:hover{
	background-color:rgba(150,150,150,0.2);
    width: 100%;
}

.navigation .navigationChild div{
    margin-top: 5px;
	padding: 5px 5px 5px 5px;
}

.linkMenu1{
	color: #333;
	display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
	padding-top: 10px !important;
	padding-left: 20px;
	text-transform: uppercase;
	
}


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


/* Recherche */

.u-visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: .06rem;
    width: .06rem;
    margin: -.06rem;
    padding: 0;
    border: 0;
}



.navigation4-search .search-input {
    width: calc(100% - 2.5rem - .6rem - .32rem);
}
.navigation4-search .search-input, 
.navigation4-search .search-submit {
    background-color: transparent;
    border: none;
    vertical-align: top;
}

.navigation4-search .search-submit {
    height: 2.5rem;
    width: 2.5rem;
    margin: 0 .32rem 0 0;
    padding: .3rem;
    cursor: pointer;
	background-color: transparent;
    border: none;
    vertical-align: top;
}

div .navigation4-search .search-submit {
    float: right;
    background-color: #e4e9ed !important;
    -webkit-appearance: none !important;
}

.navigation4-search input[type=search]{
    background-color: #e4e9ed;
    border: none;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 1.25rem;
	outline:none !important;
	-webkit-appearance: none; 
}

/*
.navigation4-search [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
*/
/* <== NAVIGATION <== */

/* ==> BANNER ==> */

.banner,
.banner .col-sm-12 {
	margin: 0 !important;
	padding:0 !important;
}

.banner-col{
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding:0 !important;
}

/* TO RESOLVE PB LENGHT TEXT IN BANNER */

.banner{
	position: relative;
	z-index:0;
}

.banner-slogan {
	position: absolute;
	width: 100% !important;
	bottom: 0;
	z-index: 2;
}

.banner-title,
.banner-date {
	display:inline-block;
	width: auto;
	max-width:80%;
	white-space: normal;
	word-wrap: break-word;
}

.banner-title {
line-height:5rem;
}

.banner-date {
line-height:2rem;
}

.banner-date:empty {
   display: none;
}

@media (min-width: 768px){
	
	.banner {
		margin-top: 120px !important;
	}
	.banner-title{
		font-size: 40px;
	}
	.banner-date{
		font-size: 20px;
	}
}

@media (max-width: 768px){
	.banner {
		margin-top: 70px !important;
	}
	.banner-slogan {
		padding-right: 0 !important;
	}
	.banner-title {
		font-size: 20px;
	}
	.banner-date{
		font-size: 10px;
		height: 20px !important;
		line-height: 1.5 !important;
	}
	/*.banner-title,
	.banner-date {
		max-width: 400px;
	}*/
}
	
/*=======================*/

.banner-img {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	z-index: 1;
}
.banner-img .sfimageWrp img{
	width: 100%;
	/*overflow: hidden;*/
}

.content-button-notvisible {
	visibility: hidden;
}

@media (max-width: 768px){
	.banner-img img {
		max-height: 200px !important;
	}
}

.banner-slogan .banner-date p,
.banner-slogan .banner-title  p{
	color: #FFF;
	vertical-align: middle;
}

.banner-slogan .banner-date,
.banner-slogan .banner-title {
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
}

/* <== BANNER <== */

/* ==> CHAPTERS ==> */

.chapter{
	position: relative;
	margin: 0 auto !important;
	height: auto;
}



@media (max-width: 768px){
	.chapter-button {
		margin: 0 auto !important;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
}
@media (min-width: 768px){
	.chapter-button {
		position: absolute;
		right: 20px;
		float: right;
	}
}

.chapter-title {
	width: auto !important; 
	height: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -15px;
	padding-left: 10px;
	padding-top: 10px !important;
	padding-bottom: 10px;
	font-size: 24px !important;
}

.chapter-button {
	width: 260px;
	padding: 10px 20px 10px 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 14px !important;
	cursor:pointer;
}

.chapter-button a {
	text-decoration: none;
}

.chapter-button-detail {
	width: 300px !important;
}
.chapter-button-detail img{
	padding-left: 10px;
	padding-bottom: 5px;
}

.chapter-button-share {
	width: 300px !important;
}

.chapter-button-share img {
	margin-left: 10px;
}
 
 /* Remove print button in mobile mode */
 @media (max-width: 415px){
	.content_row7 .chapter-button:nth-child(2),
	.chapter .chapter-button:nth-child(2) {
		display:none;
	}
	
	.content_row7 .chapter-button:nth-child(1),
	.chapter .chapter-button:nth-child(1) {
		float:right;
	}
	
 }
 
/* <== CHAPTERS <==*/

/* ==> BREADCRUMB */
.breadcrumb {
	margin: auto !important;
}
/*<== BREADCRUMB */

/* ==> CONTENTS ==> */

/* To have content left and right of same height for screen larger than 768px (>col-sm) */
@media (min-width: 768px){
	.content{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}	
}

@media (max-width: 768px){
	.content-left,
	.content-right,
	.content-col1,
	.content-col2,
	.content-col3 {
		width: 100% !important;
		
	}	
	.banner .content-categories {
		display: none;
	}
	.banner-slogan .sf_colsIn .row {
		height: 59px;
	}
	.banner-title {
		line-height: 20px !important;
		/*height: 35px !important;*/
		margin-bottom: 4px !important;
	}
	.banner-title p {
		line-height: 30px;
	}
	
}

.content {
	position: relative;
	margin: auto !important;
	font-size: 18px !important;
	font-weight: normal !important;
}

.content-left,
.content-right,
.content-col1,
.content-col2,
.content-col3 {
	padding-top: 10px;
}

.content-col3 {
	color: #FFF;
}

.content-img,
.content-img img {
	width: 100%;
}

.content-col1 .content-img  img,
.content-col2 .content-img img,
.content-col3 .content-img img {
	width: 100%;
}

.content-categories {
	clear: both;
}

.content-categories .col-sm-12 {
	padding: 0 !important;
}

.content-categoryLabel {
	display: inline-block;
	width: 160px !important;
	margin-right: 5px;
	margin-top: 2px;
	padding-left: 10px;
	text-align: left;
	text-transform: uppercase;
	height: 36px;
	line-height: 36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.content-date {
	margin-top: 20px;
	font-weight: bold;
	line-height: 1.5;
	color: #8f6190;
}
/*
.content1 .content-description,
.content2 .content-description {
	margin-top: 20px;
}*/

.content-description {
	/*margin-bottom: 20px;*/
	line-height: 1.5;
	font-weight:bold;
}

.content-tag {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
}

.content-button {
	bottom: 50px;
	display: block;
	width: 150px;
	margin-top: 10px;
	margin-bottom: 50px;
	padding: 10px 20px 10px 20px;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	font-family: Arial;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	padding: 5px 20px 5px 20px;
}

.content-button a,
.content-tag a,
.content-button-evenements a {
	text-decoration: none;
}

.content-col3-button .col-sm-12 {
	padding-top: 20px;
}

.content-button-evenements {
	bottom: 50px;
	display: block;
	width: 150px;
	margin-bottom: 50px;
	padding: 10px 20px 10px 20px;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	font-family: Arial;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	padding: 5px 20px 5px 20px;
	
	margin: 0 auto;
	margin-bottom: 20px;
	width: 200px;
}

/* --- pour avoir la ligne au-dessus du bouton évènements sur le bloc entier */
.content-col3 {
	padding-left: 0;
	padding-right: 0;
}
.content-col3-evt {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
/*--------------*/


/* <== CONTENTS <==*/

/* ==> SOCIAL NETWORKS ==>*/

/*Twitter*/
.brick-wrap {
	margin: 0 auto;
}
.brick-wrap ul {
	margin-bottom: 0 !important;
}

/*Twitter slider*/
#rss-twitter-feeds {
    position: relative;
    padding-top: 20px;
}

#rss-twitter-feeds h2 {
    margin:0;
}

#rss-twitter-feeds h2 a {
  color: white;
  font-size: 16px;
}

.arrow-left,
.arrow-right{
    position: absolute;
    font-size: 40px;
    text-decoration: none;
    vertical-align: middle;
    height: 100%;
    line-height:82px;
}

.arrow-left {
    top: 0;
    left: 0;
}

.arrow-right {
    top: 0;
    right: 0;
}


#rss-twitter-feeds li {
    list-style: none;
}

#rss-twitter-feeds li:before {
    content:'' !important;
}

#rss-twitter-feeds s {
 text-decoration:none !important;
}

.social-header,
.social-icon,
.social-title,
.social-content{
	/*height:80px;*/
}

.social-icon,
.social-title,
.social-content{
	vertical-align: middle;
}


@media (min-width: 768px){
	.social-icon {
		display:block;
		white-space: nowrap;
	}
	.social-icon,
	.social-title,
	.social-content {
		display:inline-block;
		white-space: normal;
	}
	.social-icon {
		width: 5%;
	}
	.social-title {
		width: 10%;
	}
	.social-content {
		width: 80%;
		padding-left: 40px;
	}
}
@media (max-width: 768px){
	.social-header,
	.social-icon,
	.social-title,
	.social-content {
		display:block;
		width:100%;
		height: 100%;
	}
}
	
.social-content {
	padding-bottom: 20px;
}
.social-icon svg {
    display: block;
    fill: #4facf2;
    margin-right: 1.25rem;
    width: 3.75rem;
    height: 3.75rem;
}
/**/

.social{
	margin: auto !important;
	padding-top: 10px !important;
	height: 100%;
}

.social-icon,
.social-identity  {
	display: inline-block;
}

.social-identity  {
	margin-left: 20px;
}

.icons {
	display: none;
}

.btn-social {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    margin: 0 .2rem;
    padding: .4rem;
    border-radius: 50%;
    background-color: #000;
    border: none;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.btn-social svg {
    width: 100%;
    height: 100%;
    fill: #fff;
}
.btn-linkedin:hover {
  background-color: #0177b5;
}
.btn-twitter:hover {
  background-color: #00aced;
}
.btn-youtube:hover {
  background-color: #cd201f;
}

/* <== SOCIAL NETWORKS <==*/

/* ==> FOOTER NAVIGATION */
.footerNavigation-wrapper {
	margin: auto !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    /*--background-color: #473c3c;*/
	padding: 0 !important;
}
	
.footerNavigation {
	margin: auto !important;
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	/*--color: #FFF;
	background-color: #473c3c;*/
}

.footer-title {
	font-weight: bold;
	text-transform: uppercase;
}


.footerNavigation li ,
.footerNavigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-buttons  a{
	text-decoration: none;
}

@media (max-width: 768px) {
	.footer-list,
	.footer-title  {
		padding-left: 20px;
	}
	.footer-list {
		padding-bottom: 20px;
	}
	.footer-buttons {
		text-align: center;
	}
	.footerNavigation {
		width: 100% !important;
	}
	.footer-button {
		display: inline-block;
	}
}

@media (min-width: 768px) {
	.footer-list {
		padding-left: 0;
	}
}

.footerNavigation li {
	padding-bottom: 4px !important;
}

.footerNavigation .footer-button {
	margin-bottom: 15px;
	margin-left: 20px;
	padding: 10px 20px 10px 20px;
	border-radius: 20px;
	width: 130px;
	text-transform: uppercase;
	text-align: center;
}

/* New Version Button Footer */ 
/* black (footer button) */
.footerNavigation .footer-button-v2{
	color: #FFF;
	background-color: black;
}

.footer-button-v2:hover {
	color: #000 !important;
	background-color: #FFF !important;
}

.footer-button-v2 a {
	background-color: transparent;
	color: inherit;
	text-decoration: none;
}

.footer-buttons-v2  a{
	text-decoration: none;
}

@media (max-width: 768px) {

	.footer-buttons-v2 {
		text-align: center;
	}
	.footer-button-v2 {
		display: inline-block;
	}
}

.footerNavigation .footer-button-v2 {
	margin-bottom: 15px;
	margin-left: 20px;
	padding: 10px 20px 10px 20px;
	border-radius: 2px;
	width: 130px;
	text-transform: uppercase;
	text-align: center;
	display : block;
}


/* <== FOOTER NAVIGATION <==*/

/* ==> FOOTER RESPONSIVE MOBILE */
.footerResponsive {
	margin: auto !important;
	padding-top: 10px !important;
	/*--color: #FFF;
	background-color: #473c3c;
	border-top: 1px solid #838080;*/
	width: 100% !important;
	text-align: right;
}
.footerResponsive .footer-follow ,
.footerResponsive .footer-icons {
	display: inline-block;
}
.footerResponsive .footer-contact,
.footerResponsive .footer-copyright,
.footerResponsive .footer-cg,
.footerResponsive .footer-dp,
.footerResponsive .footer-siteweb {
	display: block;
	margin-bottom: 10px;
}
/* <== FOOTER RESPONSIVE MOBILE */

/* ==> FOOTER BAS DE PAGE */

.footer-icons ul {
	padding-left: 5px !important;
}

.footerDesktop-wrapper {
	margin: auto !important;
	padding: 0 !important;
}

.footerDesktop {
	margin: auto !important;
}

.footerDesktop .footer-copyright,
.footerDesktop .footer-dp,
.footerDesktop .footer-cg {
	position: relative;
	display: inline-block !important;
	padding-right: 10px;
}

.footerDesktop .footer-copyright:after,
.footerDesktop .footer-cg:after {
	position: absolute;
	content: '';
	height:15px;
	top: 15%;
	bottom: 0;
	right: 1px;
	border-right: 1px solid white;
	font-weight: 200;
}

.footerDesktop .footer-left {
	padding-top: 5px;
}

.footerDesktop .footer-right {
	float: right;
	padding-top: 5px;
}

.footerDesktop .footer-siteweb {
	position: relative;
	display: inline-block;
	padding-right: 30px;
}

.footerDesktop .footer-siteweb:after,
.footerDesktop .footer-contact:after{
	position: absolute;
	content: '';
	height:15px;
	top: 15%;
	bottom: 0;
	right: 10px;
	border-right: 1px solid white;
}

.footerDesktop .footer-contact {
	position: relative;
	display: inline-block;
	padding-right: 30px;
}

.footerDesktop .footer-follow {
	display: inline-block;
	text-transform: uppercase;
}
.sf_colsOut.footer-icon-center
{
	text-align : center;
}

.footer-icons.version2
{
	margin-top: 10px!important;
}

img.logo-footer
{
	width: 200px;
	display: flex;
	justify-content: center;
}

@media (min-width: 768px) {
img.logo-footer{
	float:right;
}
}
	
.sf_cols.row.footerNavigation.padding
{
	padding-top: 10px!important;
    padding-bottom: 0px!important;
}
.sf_colsOut.col-sm-3.BSCHcenter
{
	display: flex;
	
}
.footer-icons {
	text-align: center;
	margin-top: 30px; 
}

.footerDesktop .footer-icons {
	display: inline-block;
}

/* pour version mobile et desktop */
.footer-icons ul,
.footer-icons li {
	display: inline-block;
}

/* <== FOOTER BAS DE PAGE <==*/


/* ==> STANDARD PAGE (publi etc.) ==>*/

.content_row1,
.content_row2,
.content_row3,
.content_row4{
	max-width: 940px;
	margin-bottom: 30px;
}

.content_row1,
.content_row3,
.content_row4{
	padding: 10px;
}

.content_row3 img{
	max-width: 940px;
}
.content_row3 {
	overflow:hidden;
}
.content_row1 h1,
.content_row2 h1,
.content_row3 h1 {
	margin-top: 0 !important;
	margin-bottom: 5px !important;
}
.content_row1 h2,
.content_row2 h2,
.content_row3 h2 {
	margin-top: 0 !important;
	margin-bottom: 5px !important;
}
.content_row1 h3,
.content_row2 h3,
.content_row3 h3 {
	margin-bottom: 30px !important;
}


@media (max-width: 768px) {
	.content_row2 {
		padding: 10px;
	}
	.content-row2-left,
	.content-quote	{
		display: block;
		width: 100%;
	}
}

@media (min-width: 768px) {
	.content_row2 {
		padding: 10px 0px 10px 10px;
		white-space: nowrap;
	}
	.content-row2-left {
		display: inline-block;
		vertical-align:top;
		width: 50%;
		white-space: normal;
	}
	.content-row2-left100 {
		display: inline-block;
		vertical-align:top;
		width: 100%;
		white-space: normal;
	}
	.content-quote {
		display: inline-block;
		width: calc(50% - 20px);
		margin-left: 20px;
		vertical-align:top;
		white-space: normal;
	}
}

.content-quote-title {
	width: 200px;
	padding-left: 40px;
	padding-right: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.content-quote-content{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-style: italic;
}

@media (max-width: 768px) {
	
	.content-quote-title,
	.content-quote-content {
		display: block;
		width: 100%;
	}
}

/* Bouton play on video */
.RadMediaPlayer_Default .rmpBigPlayButton, .RadMediaPlayer_Default .rmpBigPauseButton {
    background: rgba(51,51,51,0.8) !important;
}

.rmpButtSet {
	display: none;
}

/* Bouton de téléchargement d'un fichier */
.content_row4,
.content_row5 {
	margin: 0 auto;
	margin-bottom: 30px;
}

.content_row4 a,
.content_row5 a{
	color: #FFF;
}

.content-row4-button,
.content-row5-button {
	width: 260px !important;
	margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    text-transform: uppercase;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    text-align: center;
	background-color: #333;
}


/* <== STANDARD PAGE (publi etc.) <==*/

/* ==> PAGE LISTE */

.list-filter:hover {
    background-color: rgba(0,0,0,0.5);
	color: white;
}

.list-categories,
.list-paging{
	margin: auto;
	margin-top: 20px;
}

.list-banner-title,
.list-banner-description{
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

.list-banner-title {
	margin-top: 40px;
}

.list-banner-description,
.list-banner-title {
	margin: auto;
	max-width: 940px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.list-filter,
.list-paging-left,
.list-paging-right {
	display: inline-block;
}

.list-paging{
	white-space: nowrap;
}

.list-paging-left,
.list-paging-right {
	width: 50%;
	white-space: normal;
}

.list-paging-right {
	text-align: right;
}

.list-filter {
	padding: 5px;
	width: 124px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
}

.list-filter a {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.list-paging{
	line-height: 20px;
	height: 40px;
	padding-left: 15px;
	padding-right: 15px;
}

.list-paging-number,
.list-paging-arrow-right,
.list-paging-arrowdouble-right,
.list-paging-arrow-left,
.list-paging-arrowdouble-left  {
	display: inline-block;
	margin-right: 10px;
}

.list-content .content-categories{
	padding-top: 10px;
}

.list-categories{
	padding: 10px 20px 15px 20px;
	text-transform: uppercase;
}

#list-categories-row1,
#list-categories-row2 {
	display: block;
}


.list-paging-arrow-left,
.list-paging-arrow-right,
.list-paging-arrowdouble-left,
.list-paging-arrowdouble-right {
	letter-spacing: -2px;
}

/* STYLE CAROUSEL FILTERING */
#list-categories-row1,
#list-categories-row2{
	height: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.slick-arrow{
	font-family: "arial";
	
}

.slick-next, .slick-prev{
	font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
}

.slick-next {
	right: -25px;
}

.slick-prev {
	left: -25px;
}

.slick-next:before {
    content: "\2771" !important;  
    color: #1DA1F2 !important;
}

.slick-prev:before {
    content: "\2770" !important;
    color: #1DA1F2 !important;
}

/* <== PAGE LISTE*/

/* ==> FORMULAIRES: propriétés communes ==>*/

input{
	padding-left: 4px !important;
}

/* Autocomplete background to white (else yellow in Chrome) */
input:-webkit-autofill,
textarea:-webkit-autofill, 
select:-webkit-autofill {
    background-color: #FFF !important;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 300;
  color: #bebec9;	
}
/* Style for checkboxes rounded one */

label {
	cursor: pointer;
	font-weight: 400;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label:before {
  border: 1px solid #e4e9ed;
  content: "\00a0"; /* No break space */
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  width: 16px;
  margin: 0 10px 0 0;
  padding: 0;
  vertical-align: top;
}

input[type="checkbox"]:checked + label:before {
  background: #e4e9ed; /*9ab593;*//*#f9d2b1"*/
  color: #666;
  content: "\2713";	/* Checkmark*/
  text-align: center;
}

input[type="checkbox"]:checked + label {
  font-weight: 700 !important;
}

/* Mobile */
@media (max-width: 768px) {
	input[type="checkbox"] + label:before	{
		height: 25px;
		width: 25px;
		font: 25px/1em sans-serif;
	}
	label	{
		line-height: 25px;
	}
}

/* <== FORMULAIRES: propriétés communes <==*/

/* ==> FORMULAIRE CONTACT EN MODE DETAIL ==>*/

.content-form-detail{
	margin: 0 auto !important;
	padding: 20px !important;
}

.content-form-detail textarea,
.content-form-detail label {
	display: block;
}

.content-form-detail textarea{
	margin-bottom: 10px;
	width: 100%;
	height: 70px;
	border: none;
	padding: 20px;
}

.content-form-detail label {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px !important;
	line-height: 20px;
	font-weight: 700;
}

.form-detail-contact-button button{
	display: block;
	border: none;
    outline: none;
	float: right;
	width: 150px;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	font-family: Arial;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	padding: 5px 20px 5px 20px;

}


/* <== FORMULAIRE CONTACT EN MODE DETAIL <==*/

/* ==> FORMULAIRE INSCRIPTION EVENEMENT ==>*/

.form-subscribeevent-title {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 22px !important;
    line-height: 24px;
    font-weight: 700;
}

.form-subscribeevent-disabled input{
	pointer-events: none;
}

.form-subscribeevent-input input,
.form-subscribeevent-message textarea{
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

.form-subscribeevent-message textarea{
	height: 200px;
}

.form-subscribeevent-button button {
	display: block;
    margin: 0 auto;
    width: 250px;
    text-align: center;
    text-transform: uppercase;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    height: 32px;
    font-size: 13px !important;
    background-color: #da202d !important;
    color: #FFF !important;
}

/* <== FORMULAIRE INSCRIPTION EVENEMENT <==*/

/* ==> FORMULAIRE PROFIL ==> */

.wrapper-form,
.wrapper-form .form-title{
	margin: auto;
	display: block;
	margin-top: 5px;
	white-space: nowrap;
}

.form-run{
	margin: auto;
	display: block;
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
}

.wrapper-form .form-title {
	margin-bottom: 20px;
}

.form-field {
	margin: auto;
	display: block;
	margin-top: 10px;
	white-space: nowrap;
}

.form-field a {
	text-decoration: none;
}


.form-main-title {
	display: block;
}

.form-left,
.form-right,
.form-title-text,
.form-field-label,
.form-field-input {
	margin: 0;
	padding: 0;
}

.form-assistant,
.form-identity,
.form-contact,
.form-preferences,
.form-compte,
.form-main-title {
	padding: 0 20px 20px 20px;
}

.form-title-button,
.form-button-cancel,
.form-button-validate {
	text-align: center;
	text-transform: uppercase;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	height: 25px;
}

.form-button-cancel{
	margin-right: 10px;
}

.form-button-validate{
	margin-left: 10px;
}

.form-button-cancel,
.form-button-validate {
	width: 150px;
}

.form-title-button{
	padding: 5px;
	width: 100px;
	vertical-align: middle;
}

.form-title-text {
	display: inline-block;
	white-space: normal;
	vertical-align: middle;
}	

.form-main-titlecss{
	padding: 10px;
}
	
.form-alerts{
	padding: 10px;
	height: 80px;
	border: 1px solid #ccc;
    overflow-y: scroll;
	background-color: #fefeff; 
}
	
.form-field-save,
.form-field-error{
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}

.form-field-event {
	margin-left: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	display: block;
	white-space: nowrap;
}

.form-field-label-event{
	text-align: center;
	cursor: pointer;
	white-space: normal;
	line-height: 18px;
}

.form-field-label-event-singleline{
	text-align: center;
	cursor: pointer;
	white-space: normal;
}

.compte-button{
	display: block;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	text-align: center;
}


/* Mobile */
@media (max-width: 768px) {
	
	/* Due to fixed header */
	.wrapper-form{
		margin-top: 80px;
	}
	
	.form-main-titlecss{
		/*max-width: 300px;*/
		white-space: normal;
	}
	
	.form-left,
	.form-right {
		display: block;
	}
	
	.form-title-text {
		width: 100%;
	}
		
	
	.form-field-label,
	.form-field-input {
		display: block;
	}
	
	.form-field-input,
	.form-field-list{
		height: 30px;
	}
	
	.form-field-label{
		display: none; /*visibility: hidden;*/
	}
	
	.form-field-input,
	.form-field-list,
	.form-field-event,
	.compte-button	{
		width: 100%;
	}
	
	.compte-button{
		margin-top: 20px;
	}
}

/* Desktop */
@media (min-width: 768px) {
	
	/* Due to fixed header */
	.wrapper-form{
		margin-top: 140px;
	}
	
	.form-identity{
		height: 260px;
	}
	
	.form-assistant{
		height: 190px;
	}
	
	.form-contact{
		height: 315px;
	}
	
	.form-preferences{
		height: 200px;
	}
	
	.form-compte{
		height: 180px;
	}
	
	.form-left,
	.form-right	{
		display: inline-block;
		width: 50%;
		white-space: normal;
		vertical-align: top;
	}
	
	.form-field-label,
	.form-field-input,
	.form-alerts,
	.compte-button	{
		display: inline-block;
		white-space: normal;
		vertical-align: middle;
	}
	
	.form-field-input,
	.form-field-list,
	.form-alerts,
	.form-field-event	{
		width: 70%;
	}
	
	.compte-button	{
		width: 70%;
	}
	
	.form-field-label{
		width: 30%;
		text-align: right;
		padding-right: 20px;
	}
	
	.form-main-titlecss{
		max-width: 600px;
		
	}
	
	.form-title-text {
		width: 100%;
	}
		
}

:disabled{
	background-color: #fafbfd;
}


/* <== FORMULAIRE PROFIL <== */

/* ==> FORMULAIRE CREATION COMPTE ==>*/

@media (max-height: 768px){
	.inscription-reponse-block,
	.form-creationcompte	{
		width: 100%;
	}	
}


@media (min-height: 768px){
	.inscription-reponse-block,
	.form-creationcompte	{
		width: 650px;
	}	
}

.form-creationcompte,
.inscription-reponse-block {
	margin: 0 auto;
	padding: 20px;
}

.inscription-reponse-block {
	text-align:center;
}

.form-creationcompte h1 {
	margin-bottom: 50px;
	padding-top: 30px;
}

.form-creationcompte input,
.form-creationcompte textarea,
.form-creationcompte select ,
.form-creationcompte input,
.form-creationcompte textarea,
.form-creationcompte select {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}


/* <== FORMULAIRE CREATION COMPTE <==*/

/* ==> FORMULAIRE CONTACT ==>*/
.form-contactmail sf_1col_1_100, 
.form-suppcompte sf_1col_1_100 {
	display: block;
}

.form-contactmail,
.form-suppcompte {
	padding: 20px;
}

.form-contactmail h1 {
	margin-bottom: 30px;
	padding-top: 30px;
}

.form-contactmail input,
.form-contactmail textarea,
.form-contactmail select ,
.form-suppcompte input,
.form-suppcompte textarea,
.form-suppcompte select {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

.form-contactmail .form-button,
.form-suppcompte .form-button {
	margin-bottom: 50px;
}

.form-contact-object,
.form-contact-message {
	width: 100%;
}

.form-contact-message textarea {
	height: 150px;
}

/* Retrait de la ligne telephone mobile */
.form-contact .form-field:last-child {
	display:none;
}


/* <== FORMULAIRE CONTACT <==*/

/* ==> FORM INSCRIPTION FORMATION */

.form-subscribe-formations h1 {
	margin-bottom: 30px !important;
}

.form-subscribe-catalogs{
	margin-top: 20px;
}

.form-subscribe-address  textarea{
	height: 80px;
}

.form-subscribe-catalogue,
.form-subscribe-calendrier,
.form-subscribe-sectiontitle label,
.form-subscribe-participantTitle{
	font-size: 20px;
}

.form-subscribe-participantTitle{
	margin-bottom: 10px;
	margin-top: 10px;
}
	
.form-subscribe-participants input {
	margin-bottom: 5px !important;
}

.form-subscribe-participants .sf_5cols_1_20 .form-subscribe-participantTitle {
	font-weight: 700;
}
.form-subscribe-participants .sf_5cols_1_20 label {
	font-weight: 700;
}
	
@media (min-width: 768px){
	
	.form-subscribe-formations .sf_2cols_1_50 {
		width: 30%;
	}

	.form-subscribe-formations .sf_2cols_2_50 {
		width: 70%;
	}

	.form-subscribe-formations input,
	.form-subscribe-formations textarea,
	.form-subscribe-formations select {
		display: block;
		width: 80%;
		margin-bottom: 15px;
	}

	.form-subscribe-formations label {
		display: block;
		margin-bottom: 0 !important;
		width: 80%;
	}
	
	.form-subscribe-contact {
		width: 80%;
	}

	.form-subscribe-sectiontitle {
		display: block;
		white-space: nowrap;
		margin-bottom: 20px;
	}
	.form-subscribe-sectiontitle label {
		display: inline-block !important;
		white-space: normal;
		width: 50% !important;
		margin: 0 !important;
		font-size: 20px;
	}
	.form-subscribe-sectiontitle input {
		display: inline-block !important;
		white-space: normal;
		margin: 0 !important;
		width: 47% !important;
	}

	.form-subscribe-catalogs,
	.form-subscribe-calendars,
	.form-subscribe-participants	{
		display: block;
		white-space: nowrap;
	}
	.form-subscribe-catalogs .form-subscribe-catalogue,
	.form-subscribe-calendars .form-subscribe-calendrier	{
		display: inline-block;
		white-space: normal;
		width: 10%;
		margin-right: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.form-subscribe-catalogs .form-subscribe-pdf1,
	.form-subscribe-calendars .form-subscribe-pdf3	{
		display: inline-block;
		white-space: normal;
		width: 30%;
		margin-right: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.form-subscribe-catalogs .form-subscribe-pdf2,
	.form-subscribe-calendars .form-subscribe-pdf4	{
		display: inline-block;
		white-space: normal;
		width: 60%;
		margin-right: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.form-subscribe-formations .sf_5cols_1_20,
	.form-subscribe-formations .sf_5cols_2_20,
	.form-subscribe-formations .sf_5cols_3_20,
	.form-subscribe-formations .sf_5cols_4_20,
	.form-subscribe-formations .sf_5cols_5_20	{
		display:inline-block;
		float: none !important;
		white-space: normal;
		width: 20%;
	}
}

@media (max-width: 768px){
	.form-subscribe-formations .sf_2cols_1_50,
	.form-subscribe-formations .sf_2cols_2_50{
		display: block;
		width: 100%;
	}

	.form-subscribe-formations input,
	.form-subscribe-formations textarea,
	.form-subscribe-formations select {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
	
	.form-subscribe-formations label {
		display: block;
		margin-bottom: 0 !important;
		width: 100%;
	}

	.form-subscribe-contact {
		width: 100%;
	}

	.form-subscribe-catalogs,
	.form-subscribe-calendars,
	.form-subscribe-sectiontitle,
	.form-subscribe-contact{
		display: block;
		margin-bottom: 20px;
	}
	
	.form-subscribe-sectiontitle label,
	.form-subscribe-sectiontitle input,
	.form-subscribe-catalogs .form-subscribe-pdf1,
	.form-subscribe-catalogs .form-subscribe-pdf2,
	.form-subscribe-calendars .form-subscribe-calendrier,
	.form-subscribe-catalogs .form-subscribe-catalogue,
	.form-subscribe-calendars .form-subscribe-pdf3,
	.form-subscribe-calendars .form-subscribe-pdf4  	{	
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	
	.form-subscribe-formations .sf_5cols_1_20,
	.form-subscribe-formations .sf_5cols_2_20,
	.form-subscribe-formations .sf_5cols_3_20,
	.form-subscribe-formations .sf_5cols_4_20,
	.form-subscribe-formations .sf_5cols_5_20	{
		display:block;
		float: none !important;
		width: 100%;
	}
}



.form-actions {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.form-comment{
	display: block;
	margin: 0 auto;
	width: 100%;
}

.form-subscribe-pdf1 button,
.form-subscribe-pdf2 button,
.form-subscribe-pdf3 button,
.form-subscribe-pdf4 button {
	margin-bottom: 10px;
}


.form-button {
	margin-top: 50px;
}

.form-button button{
	display: block;
	margin: 0 auto;
	width: 250px;
	text-align: center;
    text-transform: uppercase;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    height: 32px;
	font-size: 13px !important;
	background-color: #da202d !important;
	color: #FFF !important;
}

.form-subscribe-comment textarea {
	height: 210px;
}

.form-subscribe-participants {
	white-space: nowrap;
}

.form-subscribe-name,
.form-subscribe-firstname,
.form-subscribe-function,
.form-subscribe-email {
	display: inline-block;
	width: 100%;
	white-space: normal;
}

.form-subscribe-function,
.form-subscribe-email {
	margin-top: -10px;
	margin-bottom: 20px;
}

.form-subscribe-box{
		background-color: gray;
}

@media (min-width: 768px){
	.form-subscribe-formations input,
	.form-subscribe-formations textarea,
	.form-subscribe-formations select {
		margin-right: 20px;
	}
}



/* ==> LOGIN ==>*/

@media (max-width: 768px){
	.sf_colsOut.col-lg-8.col-md-10{
		width: 100% !important;
	}
	.cookie_head{
		width: 100% !important;
	}
	.login-logo{
		text-align: center;
		padding: 5px;
		margin-bottom: 10px;
	}
	.sfLostPassword{
		width: 100%
	}
	.sfLostPassword:nth-child(1),
	.sfLostPassword:nth-child(2){
		display: block;
	}
	
}

@media (min-width: 768px){
	.sfLostPassword{
		width: 220px;
	}

	.sfLostPassword:nth-child(1){
		float: right;
	}

	.sfLostPassword:nth-child(2){
		float: left;
	}
}

.login-message  hr{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.login-message img{
	width: 100% !important;
	max-width: 616px;
}

.cookie_head{
	position: fixed;
    z-index: 1000;
    width: 100%;
	bottom: 0;
	margin-top: 40px;
	padding: 10px;
	width: 100%;
	text-align: center;
	background-color: rgba(51, 51, 51, .9); 
	color: #FFF;
	position: fixed;
    bottom: 0px;
	text-align: center;
}

.cookie_head a{
	background-color: transparent !important;
	color: #FFF;
	text-decoration: underline;
	font-weight: 600;
}

.login-logo{
	padding-top: 30px;
}

.login-form label{
	width: 100%;
	margin-top: 20px;
}

.login-form {
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 50px;
}



.login-form input#UserName, .login-form input#Password{
	margin-bottom: 0px;
}

.login-form .sfError {
    color: #FF0000;
}

.login-form input[type=text],
.login-form input[type=password] {
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.login-form .divSubmit , .login-form  a{
margin-top: 20px;
}

.login-form .divSubmit {
	display: inline-block;	
}

.login-form .sfCheckBoxWrapper
{
	display: none;
}

.login-form li
{
	display: block;
}

.login-form ol
{
		padding: 0px;
}

.login-form .sfSubmitBtn{
	/*display: inline-block;*/
	display: block;
	width: 100%;
	/**/
	
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	color: #fff;
    background-color: #5bc0de !important;
    border-color: #46b8da;
	float: left;
}

.login-form a{
	display: inline-block;
	float: right;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.login-form #Wrapper_C014_ctl00_ctl00_ErrorMessageLabel
{
	margin-top: 20px;
	float: left;
}

@media (max-height: 660px){
	.login-cookies{
		position: relative;
	}
}


/* <== LOGIN <==*/

/* ==> SEARCH PAGE ==>*/

.searchPage{
	margin-top: 20px;
}

.searchPage .sfsearchResultTitle {
    font-size: 18px;
	margin-top: 15px;
}

.searchPage .sfsearchResultTitle a{
    color: #323031;
}

.searchPage .sf_pagerNumeric a {
    color: #323031;
    font-size: 18px;
    margin-right: 10px;
}

.searchPage .sfsearchResultUrl
{
	display: none;
}

.searchPage a.sf_PagerCurrent {
    font-weight: bold;
}

.searchPage span.k-widget.k-autocomplete.k-header.sfsearchTxt.k-state-default {
    display: inline-block;
    max-width: 300px;
    width: calc(100% - 80px);
}

/* <== SEARCH PAGE <==*/




/* ==> COLONNES ==> 
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding: 0 !important;
}*/
/* <== COLONNES <== */