543kfe

  /*** Set globals ***/
  :root {
    --color-button-primary: rgba(242, 243, 246, 1);
    --color-button-primary-text: rgba(133, 43, 101, 1);
    --color-public-button-primary: #4473CF;
    --color-public-button-primary-text: #FFFFFF;
    --color-focus: rgba(242, 243, 246, 1);
    --color-filters: rgba(242, 243, 246, 1);
    --color-public-links: #4473CF!important;
    --color-public-links-hover: #2c56aa !important;
  }
  
  /*Public header dynamic color*/
  
  .header--menu__submenus li a, .rslides_tabs .rslides_here a {
    background-color: rgba(255, 255, 255, 1)!important;
  }
  
  .header__menu li a, .mobile__menu a, .dropdown-more-menu a {
    color: rgba(133, 43, 101, 1)!important;
  }
  
  /*Public top html-block section dynamic color*/
  .html-block--top .cover-color {
    background-color: rgba(133, 43, 101, 1)!important;
  }
  
  /*Public bottom html-block section dynamic color*/
  .html-block--bottom .cover-color {
    background-color: #FFFFFF!important;
  }
  
  /*Public news section dynamic color*/
  .news .section-title {
    background-color: ;
  }
  .news .section-title h2 {
    color: ;
  }
  .news .btn {
    color: ;
    background-color: ;
  }
  .news .cover-color {
    background-color: ;
  }
  .news .swiper-button {
    background: ;
    color: ;
    background: ;
    color: ;
  }
  .news .swiper-container:before {
    background: ;
    background: ;
  }
  .news .swiper-container:after {
    background: ;
    background: ;
  }
  
  /*Public events section dynamic color*/
  .events h2 {
    color: #FFFFFF!important;
  }
  .events .btn {
    color: #FFFFFF!important;
    background-color: rgba(94, 7, 138, 1)!important;
  }
  .events .cover-color {
    background-color: rgba(241, 153, 60, 1)!important;
  }
  .events .swiper-button {
    background: #FFFFFF!important;
    color: rgba(241, 153, 60, 1)!important;
    background: ;
    color: ;
  }
  .events .swiper-container:before {
    background: linear-gradient(to right, rgba(241, 153, 60, 1), rgba(241, 153, 60, 0)) !important;
    background: ;
  }
  .events .swiper-container:after {
    background: linear-gradient(to left, rgba(241, 153, 60, 1), rgba(241, 153, 60, 0)) !important;
    background: ;
  }
  
  /*Public partners section dynamic color*/
  .partners .section-title {
    background-color: ;
  }
  .partners .section-title h2 {
    color: ;
  }
  .partners .cover-color {
    background-color: ;
  }
  
  /*Public header menu item dynamic color*/
  .header__menu > li a:after, .dropdown-more-menu .dropdown-menu li a:after {
    background-color: rgba(253, 137, 11, 1)!important;
  }
  
  .mobile__menu > ul li a.active {
    border-left: 2px solid rgba(253, 137, 11, 1);
  }
  
  
  /*Public header menu dynamic height*/
  body > .header-container--nav {
    height: 65px;
  }
  body .header__menu > li > a, body .header__buttons--right a, body .js-dropdown-more-menu > a {
    line-height: 65px;
    height: 65px;
  }
  body .header__logo {
    height: 65px;
  }
  body .homepage-network__container {
    padding-top: 65px;
  }
  body .homepage-network__container--more-padding {
    padding-top: 95.0px;
  }
  body .homepage-notif {
    top: 65px !important;
  }
  body .homepage-notif--top-shifted {
    top: 95.0px !important;
  }
  
  /*Public header menu sticky or not*/
  body > .header-container {
    position: absolute;
  }
  
  /*Slider dynamic color*/
  .homepage__header-sider .legend h4, .homepage__header-sider .legend p {
    color: #FFFFFF!important;
    background-color: rgba(0, 0, 0, 0.3)!important;
  }
  .rslides li .legend {
    top: 46%;
    text-align: left;
  }
  
  /*** Custom class for dynamic color ***/
  /*color_header_public*/
  .custom-color-header-public {
    color: rgba(255, 255, 255, 1)!important;
  }
  .custom-bg-color-header-public {
    background-color: rgba(255, 255, 255, 1)!important;
  }
  .custom-border-color-header-public {
    border-color: rgba(255, 255, 255, 1)!important;
  }
  
  /*color_mobile_header_public*/
  .custom-color-mobile-header-public {
    color: rgba(255, 255, 255, 1)!important;
  }
  .custom-bg-color-mobile-header-public {
    background-color: rgba(255, 255, 255, 1)!important;
  }
  @media (max-width: 44.9375em) {
    .custom-bg-color-mobile-header-public-if-mobile {
      background-color: rgba(255, 255, 255, 1)!important;
    }
  }
  .custom-border-color-mobile-header-public {
    border-color: rgba(255, 255, 255, 1)!important;
  }
  
  /*color_header_links_public*/
  .custom-color-header-links-public {
    color: rgba(133, 43, 101, 1)!important;
  }
  .custom-bg-color-header-links-public {
    background-color: rgba(133, 43, 101, 1)!important;
  }
  .custom-border-color-header-links-public {
    border-color: rgba(133, 43, 101, 1)!important;
  }
  
  /*color_outline_navigation_public*/
  .custom-color-outline-navigation-public {
    color: rgba(253, 137, 11, 1)!important;
  }
  .custom-bg-color-outline-navigation-public {
    background-color: rgba(253, 137, 11, 1)!important;
  }
  .custom-border-color-outline-navigation-public {
    border-color: rgba(253, 137, 11, 1)!important;
  }
  
  /*color_public_links*/
  .custom-color-public-links {
    color: #4473CF!important;
  }
  .custom-color-public-links:hover {
    color: #2c56aa !important;
  }
  
  /*color_public_button_primary*/
  .custom-color-public-button-primary {
    color: var(--color-public-button-primary) !important;
  }
  .custom-bg-color-public-button-primary {
    background-color: var(--color-public-button-primary) !important;
  }
  .custom-bg-color-public-button-primary-transparentize {
    background-color: rgba(68, 115, 207, 0.8)!important;
  }
  .custom-border-color-public-button-primary {
    border-color: var(--color-public-button-primary) !important;
  }
  
  /*color_login_button*/
  .custom-color-login-button {
    color: rgba(242, 243, 246, 1)!important;
  }
  .custom-bg-color-login-button {
    background-color: rgba(242, 243, 246, 1)!important;
  }
  .custom-border-color-login-button {
    border-color: rgba(242, 243, 246, 1)!important;
  }
  
  /*color_header_social_icons_public*/
  .custom-color-header-social-icons-public {
    color: rgba(19, 191, 203, 1)!important;
  }
  .custom-bg-color-header-social-icons-public {
    background-color: rgba(19, 191, 203, 1)!important;
  }
  .custom-border-color-header-social-icons-public {
    border-color: rgba(19, 191, 203, 1)!important;
  }
  
  /*color_footer*/
  .custom-color-footer {
    color: rgba(255, 255, 255, 1)!important;
  }
  .custom-bg-color-footer {
    background-color: rgba(255, 255, 255, 1)!important;
  }
  .custom-border-color-footer {
    border-color: rgba(255, 255, 255, 1)!important;
  }
  
  /*color_footer_links*/
  .custom-color-footer-links {
    color: rgba(133, 41, 101, 1)!important;
  }
  .custom-bg-color-footer-links {
    background-color: rgba(133, 41, 101, 1)!important;
  }
  .custom-border-color-footer-links {
    border-color: rgba(133, 41, 101, 1)!important;
  }
/* AJOUT DOM */
.fondSoce {
	background: url('../images/fond.jpg') no-repeat center;
	background-size: cover;
}

body.api h1 {
	padding:25px 0px;
}
body.headFixe header {
	position: fixed;
}
.contenu {
	max-width: 967px;
	margin:0 auto;
	padding:35px 0px;
}
.toLogo {
	width:24% !important;
}
.header__buttons--right {
	height: 100%;
}
header .boxInfosNom {
	display: flex;
	align-items: center;
	height: 100%;
	position:relative;
	padding-right: 15px;
}
header .boxInfosNom:after {
	display: block;
	content:"";
	 height : 0;
 width : 0;
 border-top : 8px solid #B133F3;
 border-right : 8px solid transparent;
 border-left : 8px solid transparent;
	border-radius: 2px;
	right: -10px;
position: absolute;
}
.imgNom {
	margin-right: 15px;
}
.imgUser {
	width: 50px;
	height: 50px;
	background-repeat: repeat;
	background-position: center;
	background-size: cover;
	background-color: #ccc;
	border-radius: 100%;
}
.boxNom {
	text-align: left;
}
.userNom {
	font-weight: 600;
	font-size: 1.25em;
	padding-bottom: 4px;
}
.user_smenu2 {
	display: none;
	position: absolute;
	background: #FFF;
	border-radius: 2px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 6px 0px;
	padding:15px 0px;
	width:290px;
	top:60px;
	right:0px;
	text-align: left;
}
.boxInfosNom:hover .user_smenu2 {
	display: block;
}
.header__buttons--right .user_smenu2 a {
	display: block;
	color:#000;
	text-align: left;
	height: auto;
	padding:12px 5%;
	line-height: 1em;
}
.header__buttons--right .user_smenu2 a:first-child {
	border-top: 0px;
}
.header__buttons--right .user_smenu2 a:hover {
color: rgb(255, 255, 255);
background: rgb(21, 179, 212) none repeat scroll 0% 0%;
}
.userSmenuBloc {
	position: relative;
}
.userSmenuBloc:after {
	position: relative;
	display: block;
	content:"";
	height: 1px;
	width:90%;
	margin:13px 5%;
	background-color: #CCC;
}
.header__buttons--right .user_smenu2 a.user_bt_profil {
	color:#FFF !important;
	display: inline-block !important;
	border-radius: 4px;
	background-color: rgb(21, 179, 212);
	padding:8px 15px;
	margin:0px 5% !important;
}
.header__buttons--right .user_smenu2 a.user_bt_profil:hover {
	background-color: rgb(17, 143, 170);
}
.contenu input[type="submit"], .submit {
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 2px;
}
.fondSoce .bouton {
	color:#FFF;
	border-width: 1px;
}
.boxAlpha .formAccept {
	color:#FFF;
	font-size: 16px;
}
body.api .pageSoceInscriptionHB {
	max-width: 800px;
	margin:50px auto 35px auto;
}
body.api .pageSoceInscription .box {
	padding:35px ;
}
body.api .pageSoceInscription .boxAlpha {
	background-color: rgba(190,120,160,0.8);
	padding:20px 50px;
}
body.api .pageSoceInscription .boxAlpha h1 {
	color:#FFF;
	margin:20px 0px 0px 0px;
	padding:0px;
	text-transform: uppercase;
	font-weight: 400;
}
.boxAlpha .divForm select,
.boxAlpha textarea,
.boxAlpha input:not([type="checkbox"]):not([type="radio"]) {
	border-color:#FFF;
}
body.api .pageSoceInscription .boxAlpha .obli {
	color:#FFF;
}
body.api .tab_cotis_abonnement .cotis_texte {
    background-image: url("../images/cotisation_mag.png");
}
/* RWD */
header .header__menu-container {
    display: inline-block;
}
header .homepage-container .js-sub_menu_toggle,
.zoneMenu,
.menuRwd {
	display: none;
}
@media all and (max-width:989px) {
	header .boxInfosNom::after,
	header .homepage-container .js-buttons-right-container,
	header .homepage-container .js-menu-container {
		display: none;
	}
	ul.header--menu__submenus.actif,
	header .homepage-container .js-sub_menu_toggle,
	header .homepage-container .menuRwd .js-buttons-right-container,
	header .homepage-container .menuRwd .js-menu-container,
	.menuRwd {
	display: block;
}
	.menuRwd .menuButton:focus .zoneMenu,
	.menuRwd.actif .zoneMenu {
		display: block;
	}
	.colD {
    width: 23%;
    padding-left: 2%;
}
	.colG {
    padding-left: 2%;
}
	body > .header-container {
    position: fixed;
}
	header .header__buttons--right {
    text-align: left !important;
    float: none !important;
}
	.menuButton {
		position: absolute;
		right:20px;
		font-size: 1.6em;
line-height: 65px;
		z-index: 200;
top: 0px;
		display: block;
		transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
	}
	.menuButton:before {
		display: inline-block;
font-family: "KitIconFont";
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
		color: rgba(133, 43, 101, 1) !important;
		vertical-align: middle !important;
		content: "";
		transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
	}
	.menuRwd.actif .menuButton::before {
    transform: rotateZ(45deg);
    font-size: 1.15em;
		transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
		content: "";
}
	.zoneMenu {
    margin-top: 85px;
    background: #FFF;
    font-size: .9230769231rem;
    line-height: 2em;
    position: fixed;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 99999;
    top: 0;
    bottom: 0;
    right: 0;
		width:240px;
		padding-top: 15px;
}
	.zoneMenu .js-buttons-right-container {
		padding-left:20px;
		padding-right: 20px;
	}
	.zoneMenu ul {
		padding:0px 20px !important;
}
	.zoneMenu ul ul {
		padding:0px 10px !important;
}
	.zoneMenu .header__buttons--right a,
	.zoneMenu .header__menu li a {
		display: block;
		text-align: left;
    line-height: 1em;
    height: auto;
    padding: 15px 0px;
    font-size: 1em;
    font-weight: 400;
		margin:0px;
}
	.zoneMenu .inline-block {
    display:block;
}
	.zoneMenu .grid__item {
    display: block;
}
	ul.header--menu__submenus {
		position: relative;
	}
	.zoneMenu .header__menu li {
    position: relative;
}
	.zoneMenu .header__buttons--right li a,
	.zoneMenu .header__menu li li a {
    padding: 10px 0px;
    font-size: 0.9em;
}
	header .homepage-container .js-sub_menu_toggle {
		display: block;
position: absolute;
right: -10px;
top: 13px;
font-size: inherit;
font-weight: 300;
cursor: pointer;
color: #fff;
padding:0px;
text-align: center;
font-family: serif;
background: url('../images/menu_rwd_plus.png') no-repeat center;
border: none;
		width:14px;
		height: 14px;
	}
	header .homepage-container  .js-sub_menu_toggle.actif {
background-image: url('../images/menu_rwd_moins.png');
	}
	footer .toLogo .lap--soft-double--right {
    padding-right: 0px !important;
}
footer .toLogo .push-triple--right {
    margin-right: 0px !important;
	margin-bottom: 15px;
}
	footer .toLogo {
    width:100% !important;
		text-align: center;
}
	footer .toLogo img {
    margin:auto;
		max-height: 70px;
		width:auto;
}
	footer .three-quarters {
		display: flex;
		width:100%;
		align-items: flex-start
	}
	footer .lap--soft-double--top {
    padding-top: 0px !important;
}
	.user_smenu2 {
		position: relative;
		box-shadow: none;
		top:0px;
		display: block !important;
	}
	.header__buttons--right .user_smenu2 a.user_bt_profil {
    margin: 0px 0% !important;
		padding: 8px 5px;
}
	.userSmenuBloc::before, .userSmenuBloc::after {
    width: 90%;
    margin: 7px 0%;
}
	.imgNom {
    margin-right: 0px;
		margin-top: 10px;
}
	body.api .contenu {
    max-width: 90%;
    padding: 25px 0px;
}
	.cotis_texte {
    padding: 5px;
}
	.cotis_prix {
    font-size: 25px;
    width: 65px;
    padding: 10px;
}
	.tab_cotis_total .cotis_prix input {
    font-size: 20px;
    width: 40px;
}
	.tab_cotis_abonnement .cotis_texte {
    background-size: 140px auto;
		padding-right: 140px;
		background-repeat: no-repeat;
}
	.page_cotisation table h2 {
    margin-top: 0px;
		line-height: 1em;
font-size: 1.1em;
}
}
@media all and (max-width:767px) {
	body > .header-container--nav {
    height: 70px !important;
}
	.header__logo {
    margin-top: 30px !important;
}
	.menuButton {
    top: 20px;
}
	footer .three-quarters {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.cotis_check {
    width: 20px;
}
}
@media all and (max-width:639px) {
.cotis_prix {
    font-size: 15px;
    width: 35px;
    padding: 5px;
}
	.tab_cotis_abonnement .cotis_texte {
    background-size: 100px auto;
    padding-right: 100px;
}
	.soft-triple--ends {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
	footer .toLogo img {
    max-height: 50px;
}
	.pageSoceInscription form table thead,
	.pageSoceInscription form table th,
	.pageSoceInscription form table tbody,
	.pageSoceInscription form table tr,
	.pageSoceInscription form table td,
	.pageSoceInscription form table {
		display: block;
		width:auto;
		padding:0px;
	}
	.pageSoceInscription form table td {
		padding-bottom:10px;
	}
	input[type="text"], input[type="password"], textarea, select {
    width: 96%;
}
}
/* fin css */