@charset "utf-8";

/* CSS Document */
html, body{
	height: 100%;
}

body{
	font-family: 'Titillium Web', sans-serif;
	color: #46505A;
	background-color: #F3F3F3;
	overflow-x: hidden;
}

body.home, .um-page-password-reset{
	background-image: url("../images/bghome.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.wraploginform{
	width: 350px;
}

.wraploginform .um-field-checkbox-state i, .wraploginform .um-field-radio-state i, .wraploginform a.um-link-alt, .wraploginform .um .um-field-label, .wraploginform .um-field-checkbox-option, .wraploginform .um-field-radio-option{
	/*color: #FFFFFF !important;*/
}

.um-page-password-reset .um-password .um-field-block{
	/*color: #FFFFFF;*/
}

@media all and (min-width: 1600px) {
	.container{
		max-width: 1500px;
	}
}

a{
	color: #46505A;
	text-decoration: none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}



h1, h2{
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
}



h2{
	color: #A0328C;
	position: relative;
	margin-bottom: 2rem;
	z-index: 1;
}

h2:before{
	content: '';
	position: absolute;
	top: -16px;
	left: -26px;
	width: 64px;
	height: 64px;
	background-image: url("../images/icon-titre.png");
	z-index: -1;
}

h2.accordion-header:before, .wrapblocpictos h2:before{
	content: none;
}

h3{
	color: #A0328C;
	font-weight: 300;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.color-default{
	color: #46505A !important;
}

.color-blue{
	color: #32B9C8 !important;
}

.color-purple{
	color: #A0328C !important;
}

.lh-text{
	line-height: 1.2 !important;
}

.btn{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: .5rem 1rem;
	font-size: 1.1rem;
	font-weight: 700;
    border-radius: 1rem;
}

.btn-blue{ color: white; background-color: #32B9C8 !important; border: 1px solid #32B9C8 !important; }
.btn-blue:hover{ color: #32B9C8 !important; background-color: white !important; }

.btn-blue-ghost{ color: #32B9C8; background-color: white !important; border: 1px solid white !important; }
.btn-blue-ghost:hover{ color: white !important; background-color: #32B9C8 !important; }

.btn-purple{ color: white; background-color: #A0328C !important; border: 1px solid #A0328C !important; }
.btn-purple:hover{ color: #A0328C !important; background-color: white !important; }

.btn-grey{ color: white; background-color: #46505A !important; border: 1px solid #46505A !important; }
.btn-grey:hover{ color: #46505A !important; background-color: white !important; }

.btn.btn-sm{
	padding: .35rem .75rem !important;
    font-size: .85rem !important;
}

.btn.btn-link{
	padding: .5rem .75rem;
	color: #32B9C8;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	z-index: 0;
}

.btn.btn-link:hover{
	color: white;
}

.btn.btn-link:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background-color: #32B9C8;
	transition: all 0.3s ease;
	z-index: -1;
}

.btn.btn-link:hover:after{
	width: 100%;
}

/* Animation de rotation pour le loader SVG dans le bouton */
@keyframes crmRotate {
    100% {
        transform: rotate(360deg);
    }
}
/* Optionnel : effet visuel sur bouton désactivé */
#crm-email-form button[disabled] {
    opacity: 0.7;
    cursor: not-allowed;
}

header{
	-webkit-box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.2);
	z-index: 1;
}
.wrapper{ display: flex; flex-direction: column; min-height: 100vh; }
.ctn { flex-grow: 1; display: flex; }
.wrapnav{
	/*flex: 0 0 5%;
	max-width: 20%;*/
	position: relative;
	background: #A0328C;
	background: -webkit-linear-gradient(top, rgba(160,50,140,1) 0%, rgba(50,185,200,1) 100%);
	background: -o-linear-gradient(top, rgba(160,50,140,1) 0%, rgba(50,185,200,1) 100%);
	background: linear-gradient(to bottom, rgba(160,50,140,1) 0%, rgba(50,185,200,1) 100%);
}

.wrapnav:after{
	content: '';
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(160,50,140,1) 0%, rgba(50,185,200,1) 100%);
	background: -o-linear-gradient(top, rgba(160,50,140,1) 0%, rgba(50,185,200,1) 100%);
	background: linear-gradient(to bottom, rgba(160,50,140,1) 0%, rgba(50,185,200,1) 100%);
	/*right: -45px;
	width: 90px;
	border-radius: 0 100% 100% 0;*/
	opacity: .8;
	z-index: 0;
}

.wrapctn{
	flex-basis: 0;
	flex-grow: 1;
	min-width: 0;
	max-width: 100%;
	background-color: #F3F3F3;
}
.nav{
	position: relative;
	z-index: 2;
	/*transform: translateX(15px);*/
}
.nav .itemnav:first-child{
	margin-top: 3rem;
}
.itemnav{
	margin: 1rem 1rem;
}
.itemnav a {
	display: flex;
	align-items: center;
	text-decoration: none;
}
.itemnav span{
	margin-left: .75rem;
	color: #FFFFFF;
}
.itemnav i{
	color: #46505A;
	background-color: white;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
.itemnav.active i{
	color: white;
	background-color: #46505A;
}
.itemnav.active span{
	font-style: italic;
}

#expandMenu{
	position: fixed;
	bottom: 0;
	/*left: 15px;*/
	z-index: 2;
}
#expandMenu.rotate i{
	transform: rotate(180deg);
}
.wrapnav.sizemenu{
	min-width: 200px;
}

.fiche, .fichetitre{
	height: 100%;
	border-top-left-radius: 3rem;
	border-bottom-right-radius: 3rem;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 15px -2px rgb(0 0 0 / 20%);
	-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px -2px rgb(0 0 0 / 20%);
}

.fichetitre h3{
	background-color: #46505A;
    border-top-left-radius: 3rem;
    color: #fff;
    font-weight: 400;
    font-size: 1.2rem;
    margin-bottom: 0;
    padding: 0.75rem 1rem 0.75rem 2rem;
}

.actu .fiche {
    width: 85%;
    margin-top: -4rem;
    position: relative;
}
.fiche-actu {
    width: 90% !important;
}

.padd{
    padding: 1.5rem 3rem;
}

@media all and (max-width: 1399px) {
	.padd{
		padding: 1.5rem 1.5rem;
	}
}

/*
.padd ul{
	line-height: 1.5em;
	margin: 5px 0 15px;
	padding: 0;
}
.padd ul li{
	list-style: none;
	position: relative;
	padding: 0 0 0 20px;
	margin-bottom: .75rem;
}

.padd ul li:before{
	content: "";
	position: absolute;
	left: 0;
	top: .65rem;
	height: 5px;
	width: 5px;
	border: 1px solid #46505A;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
}
*/
.padd ul.collapse{
	margin-top: 1rem;
	list-style: none;
}
.padd ul.collapse li{
	margin-bottom: .5rem;
}
.padd ul.collapse li:last-child{
	margin-bottom: 0;
}

.myCollapsible.collapsed i{
	transform: rotate(0deg);
}
.myCollapsible:not(.collapsed) i{
	transform: rotate(180deg);
}

table.table td{
	padding: .5rem;
}
table.table td.break{
	overflow-wrap: anywhere;
}
.table-sie thead tr th{
	background-color: #46505A;
	color: white;
}
.table-cs thead th{
	background-color: #A0328C;
	color: white;
}

@media all and (max-width: 991px) {
	.table-sie{
		table-layout: fixed;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
}

.picto-user{
	font-size: 1.5rem;
	width: 50px;
	height: 50px;
	background-color: #E5E5E5;
	color: #46505A;
	border-radius: 50%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.um-account-name .um-account-profile-link{
	display: none;
}

#user_switching_switch_on{
	padding: 1rem !important;
	background-color: red;
}
#user_switching_switch_on a{
	color: white;
}

.icon-video{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 2.5rem;
	margin-top: -1.25rem;
}

.orga-syndicat i {
	font-size: 2rem;
}

.orga-syndicat .orga-name {
	font-size: 1rem;
	color: white !important;
	margin: 1rem;
	margin-bottom: 0.3rem;
	border-radius: 1rem;
}
.orga-syndicat .orga-desc {
	font-style: italic;
}

.orga-syndicat .bureau {
	color: #A0328C;
}

.orga-syndicat .bureau .orga-name {
	background-color: #A0328C;
}

.orga-syndicat .comite {
	color: #32B9C8;
}

.orga-syndicat .comite .orga-name {
	background-color: #32B9C8;
}

.orga-syndicat .gris-f {
	color: #46505a;
}

.orga-syndicat .gris-f .orga-name {
	background-color: #46505a;
}

.orga-syndicat .gris-m {
	color: #72777d;
}

.orga-syndicat .gris-m .orga-name {
	background-color: #72777d;
}

.orga-syndicat .gris-c {
	color: #a5b0b5;
}

.orga-syndicat .gris-c .orga-name {
	background-color: #a5b0b5;
}

.orga-syndicat .fleche-col {
	position: relative;
}

.orga-syndicat .fleche-col img {
	width: 60px;
	height: 80px;
	position: relative;
	left: 50%;
	top: -6%;
	transform: translateX(-50%);
}

.orga-syndicat .fleche {
	position: relative;
	height: 78% !important;
	width: 2px;
	left: 50%;
	top: 5%;
	transform: translateX(-50%);
	margin-bottom: 27px;
	border-radius: 1rem;
}

.orga-syndicat .fleche.gris-m {
	position: relative;
	background-color: #72777d;
}
.orga-syndicat .fleche.gris-m:after{
	position: absolute;
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f078";
	bottom: -20px;
    font-size: 2.1rem;
    left: 50%;
    transform: translateX(-50%);
}

.orga-syndicat .fleche.gris-c {
	background-color: #a5b0b5;
	background-color: #72777d;
}
.orga-syndicat .fleche.gris-c:after{
	position: absolute;
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f078";
	bottom: -20px;
    font-size: 2.1rem;
    left: 50%;
    transform: translateX(-50%);
}

.equipes .person {
	font-size: 1rem
}

.equipes .semelec-orga {
	color: #A0328C;
}

.equipes .te63-orga {
	color: #32B9C8;
}




.wpdevart_org_chart_container li .wpda_tree_item_container > div {
	min-height: auto !important;
	min-width: auto !important;
	padding: 0.75rem !important;
}


.color-legend {
	min-width: 60px;
	aspect-ratio: 2 / 1;
}



.orga-te63  .statut  {
	margin-bottom: 0;
}

.orga-te63  .nom  {
	margin-bottom: 0;
}

.orga-te63 .directeur .nom  {
	font-weight: 600;
	font-size: 1.5rem;
}

.orga-te63 .niv1 .nom {
	font-size: 1.25rem;
	font-weight: 500;
}

.orga-te63 .pole-finances {
	font-size: 1.25rem;
	font-weight: 400;
	background-color: #32B9C8;
}

.orga-te63 #pole-finances .nom {
	color: #32B9C8;
}

.orga-te63 .pole-direction {
	font-size: 1.25rem;
	font-weight: 400;
	background-color: #A0328C;
}

.orga-te63 #pole-direction .nom {
	color: #A0328C;
}

.orga-te63 .pole-transition {
	font-size: 1.25rem;
	font-weight: 400;
	background-color: #649a3e;
}

.orga-te63 #pole-transition .nom {
	color: #649a3e;
}

.orga-te63 .pole-administratif {
	font-size: 1.25rem;
	font-weight: 400;
	background-color: #46505A;
}

.orga-te63 #pole-administratif .nom {
	color: #46505A;
}