@charset "UTF-8";
/* CSS Document */
.p_nodesGroup .block-local-actions-block li:first-child,
.type-agenda .webform-submission-form .webform-submission-navigation,
.roleM #edit-certificat-de-l-autorite-territoriale-ou-du-fonctionnaire-ayant-,
.roleM #edit-partie-reservee-aux-services-de-la-direction-des-ressources-huma {
	display: none !important;
}
.vueTags .chapoLienBas,
.sideBar .menuOpen,
.path-search .h1Title,
.node-42 .roleElu .paraTextImg.hauteurLarge .mediaBloc img {
	display: none;
}
.paraTextImg.hauteurLarge .mediaBloc,
.paraTextImg.hauteurLarge .mediaBloc img {
    max-height:none !important;
    max-width:none !important;
	width: 100% !important;
}
.para {
    margin: 15px auto !important;
    padding: 0px;
}
.footer {
    padding: 0px 0px 40px 0px !important
}
.art {
	position: relative;
}
.main {
	width:100%;
	margin:0px auto;
}
.mainTable {
	display: flex;
	justify-content: space-between;
}
.mainSide {
	width:153px;
	flex-shrink: 0;
	position: relative;
	z-index: 11;
}
/* ----------------*/
.node-2 .nodeActions,
.node-5 .nodeActions,
.user-login-form label,
.sPublic #block-karyans-account-menu,
.bRs .rsb span {
	display: none !important;
}
.bod {
	background: #FFFFFF;
}
.bod.public {
	background:#3AC6EF;
}
.mainTable,
.main {
	position: relative;
	z-index: 10;
	padding-top:1px;
}
.site,
.site2 {
	width: 100%;
	margin:0 auto;
}
.site {
	max-width:980px;
}
.path-user .site,
.nod .site {
	max-width:960px;
}
.hr {
	max-width: 1320px;
	width: 94%;
	margin-left:auto;
	margin-right: auto;
}
.nodT2 .site2 {
	max-width:1080px;
	position: relative;
}
.site .site,
.site2 .site2 {
	width: 100% !important;
	max-width: none;
}
.bBack {
	position: fixed;
	left:10px;
	top:10px;
}
.toTop {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	z-index: 100;
	transition: 0.6s;
	background:#FFF url('../images/icons/fleche_up.png') no-repeat center;
	background-size:70%;
	border-radius:4px;
	border:1px solid #ccc;
	height:45px;
	width:45px;
	bottom:30px;
	right:30px;
}
.toTop.active {
	visibility:visible;
	opacity: 0.6;
}
.toTop.active:hover {
	opacity: 1;
	background-size:85%;
	cursor: pointer
}
.footer {
	text-align: center;
	padding:40px 0px;
	position: relative;
	z-index: 12;
}
.menuBas {
	display: inline-block;
}
.footer li {
	display: inline-block;
}
.footer a {
	display:inline-block;
	padding:15px 10px;
	color:#333;
	font-size:0.9em;
}
.footer a:hover {
	color:#F09328;
}
.zRech {
	padding:15px;
}
.bRech form {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bRech form input.form-search {
	-webkit-appearance:none;
	display: block;
	font-size: 18px;
	color:#FFF;
	background: none;
	border:0px;
	border-left:3px solid #76CCE7;
	padding:13px 25px 13px 25px;
	min-width: 337px;
	font-weight: 700;
}
.bRech form input.form-search::placeholder {
	color:#FFF;
	opacity: 0.5;
}
.bRech form input.form-search:focus,
.bRech form input.form-search:hover {
	box-shadow: none;
	border-color:#FFF;
}
@media all and (min-width:990px) {
.bRech form input[type="submit"] {
	font-size: 0px;
	background: url('../images/icons/ic_rech.png') no-repeat center;
	background-size:45px auto;
	height: 55px;
	width:55px;
	padding:0px;
	margin:0px;
	box-shadow: none;
	border-radius: 50px;
	opacity: 0.7;
}
	}
.bRech form input[type="submit"]:hover {
	background-color:rgba(255,255,255,0.2) !important;
	opacity: 1;
}
.head1 img {
   display: block;
}
.zUser {
	background-color:#F09429;
	width:155px;
	padding:0px;
}
.zUser .int {
	padding:0px;
}
.zUser li a {
	display: block;
	color:#FFF;
	padding:10px 15px;
	border-top:1px solid rgba(255,255,255,0.2);
	font-size: 15px;
	line-height: 1em;
	text-align: right;
	font-weight: 700;
}
.zUser li:last-child a:not(.tab) {
	background-image: url('../images/icons/logout.png');
	background-repeat: no-repeat;
	background-position: right 5px center;
	padding-right: 23px;
}
.zUser li a:hover,
.zUser li a.active {
	background-color: rgba(255,255,255,0.15);
}

.zFoot div {
	display: inline-block;
}
.icUser {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
    background:#3AC6EF;
	height: 153px;
	width:153px;
	padding:1px; 
}
.icUser:hover {
	cursor: auto !important;
}
.userPhoto {
	display: block;
	height: 110px;
	width:110px;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/photo.png');
	background-size: cover;
	flex-shrink: 0;
}
.userTexte {
	display: block;
	text-align: center;
	margin-top: 3px;
}
.tabHead .pop {
    position: absolute;
    padding: 20px 40px;
    width: 390px;
    background-color: #FFF;
	box-shadow: 3px 3px 8px rgba(0,40,80,0.5);
    right: 20px;
    text-align: left;
	z-index: 150;
}
.tabHead .zone .js-form-item input  {
	width: 96%;
	padding:8px 2%;
	margin: 10px 0px;
	-webkit-appearance: none;
}
.tabHead .zone .form-actions {
	text-align: right;
}
.tabHead .zone .form-actions input {
	margin:10px 0px;
}
.bMenuNav .act:hover,
.bMenuNav.actif .act {
	background-color:#F09429;
}
.bMenuNav .act:hover {
	background-color: #F2A449 !important;
}
.bUser .icBorne:hover {
	cursor: pointer !important;
}
.boxLoginPage {
	padding:40px 50px;
	background-color: #FFF;
	max-width: 500px;
	margin:0px auto;
	border:1px solid #3AC6EF;
	box-shadow: 10px 12px 0px rgba(0,120,160,0.2);
}
.boxLoginPage form {
	position: relative;
}
.boxLoginPage .js-form-item {
	margin:15px 0px;
}
.boxLoginPage .js-form-type-password {
	width:300px;
}
.boxLoginTrue .form-actions input {
	position: absolute;
	right:0px;
	top:38px;
}
.boxLoginPage li a {
	color:#666;
	text-decoration: underline;
	font-size: 14px;
	margin: 15px;
	display: block;
}
.boxLoginPage li a:hover {
	color:#0D9FD4;
}
.boxLoginPage #edit-ip-login {
	position: absolute;
	left:0px;
	bottom: -105px;
	width:96%;
	padding-left:1%;
	padding-right: 1%;
	margin:0px;
	border:5px solid #FFF;
}
.ariane .li-parent.active span.menu-icon,
.ariane ul li.li-parent.active a,
.intAriane > span,
.ariane a {
	display: inline-block;
	font-size: 0.85em;
	color:#666666;
	background: url('../images/icons/ic_retour.png') no-repeat left center;
	background-size: 10px auto;
	padding:2px 5px 2px 12px;
}
.ariane .li-parent.active span.menu-icon,
.intAriane > span {
	background-image: url('../images/icons/trait.png');
}
.ariane a:hover {
	text-decoration: underline;
}
.dateF {
    font-weight:700;
	color:#7F88A4;
}
.arianeBack {
	position: relative;
	margin-right:4px !important;
	padding-right: 12px !important;
}
.arianeBack:after {
	display: block;
	content:"";
	position: absolute;
	top:5px;
	right: 0px;
	height: 14px;
	background-color:#C3C3C3;
	width:1px;
}
.popLegend {
	padding:5px 15px;
	width:auto;
	font-size: 1em;
	white-space: nowrap;
}
.squareIcon {
	background-image: url('../images/bons_plan.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 83% auto;
	width: 80px;
	height: 80px;
}
.squareIcon.bg_violet {
	background-image: url('../images/aide.png');
}
.typeH1 {
	display: flex;
	align-items: center;
	margin:35px 0px;
}
.typeH1 h1 {
	margin:0px 0px 0px 25px;
}
.nodT3 h1 {
	margin:0px 0px 35px 0px;
}
/* DOC LIEN */
.nod .boxDoc,
.nod .boxLien {
	text-align: center;
}
.nod .boxDoc .dName, .nod .boxLien .dName {
    text-align:left;
}
.boxDocs {
	justify-content: flex-start;
	flex-direction: column;
}
.boxDoc .docB {
	text-align: center;
	margin:auto;
	display: inline-flex;
}
.docB {
	position: relative;
}
.lienBloc,
.docLien {
	display: inline-flex;
	max-width:600px;
	margin:5px auto;
	background-color: #FFF;
	border:1px solid #ccc;
	color:#000;
	box-shadow: 5px 4px 0px rgba(0,0,0,0.12);
	border-radius: 2px;
	padding:3px 35px 3px 20px;
}
.boxDocs .docLien {
	margin:8px 0px;
}
.dIconLabel,
.docInt {
	display: flex;
	align-items: center;
}
.lienBloc .lienIcon,
.dIcon {
	display: block;
	width:60px;
	height: 60px;
	background: url('../images/icons/doc_txt.png') no-repeat center;
	background-size: 85%;
	
}
.docSansName .dName {
	display: none;
}
.docLien:hover {
	color:#000;
	box-shadow: 5px 4px 0px rgba(0,0,0,0.6);
}
.dIconLabel {
	margin-right: 15px;
}
.lienBloc {
	display: inline-flex;
	align-items: center;
}
.lienBloc .lienIcon {
	background-image: url('../images/icons/fleche_next.png');
}
.dLabel {
	text-transform: uppercase;
	color:#7F88A4;
	font-size: 13px;
}
.docSimple .dLabel {
	display: none;
}
/* FIN DOC LIEN */

.popOverlay {
	position: fixed;
	z-index: 300;
	top:150px;
	left:50%;
	margin-left:-200px;
	width:400px;
	background-color:#FFF;
	box-shadow: 13px 16px 0px rgba(0,0,0,0.2);
}
.typeCal {
	display: inline-block;
	background: #42B4DC;
	background-size: 45px auto;
padding:1px 10px;
	font-size: 13px;
font-weight: 600;
color: #FFF;
	border-radius: 35px;
	position: relative;
	float: right;
}
.type_92 {
	background:#F09429;
}
.typeTag {
	display: flex;
	align-items: center;
	margin-top: 3px;
}
.typeManif {
	position: relative;
	color:#7F88A4;
	display: flex;
	margin-right: 5px;
	align-items: center;
	font-size: 14px;
}
.typeManif:before {
	display: block;
	content:"";
	height: 12px;
	width:12px;
	border-radius: 25px;
	margin-right: 5px;
}
.type_119:before {
	background:#28B3D0;
}
.type_120:before {
	background:#7BCA55;
}
.type_82:before {
	background:#63A0DE;
}
.type_83:before {
	background:#2DCCAC;
}
.typeCarnet {
	display: inline-block;
	background: #3AC6EF url('../images/icons/fleche.png') no-repeat 5px center;
	background-size: auto 95%;
padding:3px 12px 3px 60px;
	font-size: 14px;
font-weight: 600;
color: #FFF;
	border-radius: 35px;
	position: relative;
}
.flexRub .typeCarnet {
	margin-left: 15px;
	font-size: 1.15em;
	padding-left: 40px;
}
.itCarnet .typeCarnet {
	position: absolute;
	right: 2px;
	top:2px;
	background-size: 30px auto;
	padding-left: 35px;
}
.type_133 {
	background-color:#D5AC50;
	background-image:  url('../images/carnet_medaille.png');
}
.c_133 {
	color:#D5AC50;
}
.type_95 {
	background-color:#F09429;
	background-image:  url('../images/carnet_mobilite.png');
}
.c_95 {
	color:#F09429;
}
.type_131 {
	background-color:#4EB8A8;
	background-image:  url('../images/carnet_retraite.png');
}
.c_131 {
	color:#4EB8A8;
}
.type_130 {
	background-color:#3AC6EF;
	background-image:  url('../images/carnet_entree.png');
}
.c_130 {
	color:#3AC6EF;
}
.type_96 {
	background-color:#738DCC;
	background-image:  url('../images/carnet_stage.png');
}
.c_96 {
	color:#738DCC;
}
.type_98 {
	background-color:#D385C8;
	background-image:  url('../images/carnet_laureats.png');
}
.c_98 {
	color:#D385C8;
}
.type_97 {
	background-color:#004567;
	background-image:  url('../images/carnet_deces.png');
}
.c_97 {
	color:#004567;
}
.typeCarnet:hover {
	box-shadow: 5px 5px 0px rgba(0,0,0,0.12);
color: #FFF;
}
.views-data-export-feed .feed-icon {
	display: flex;
	font-size: 1.3em;
	padding:7px 15px;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	box-shadow: 5px 5px 0px rgba(0,0,0,0.3);
	position: relative;
	background-image:url('../images/export_excel.png');
	background-position: center;
	background-color:#515971;
	width:180px !important;
	margin:-40px 0px 0px 0px;
}
.views-data-export-feed .feed-icon:hover {
	background-color: #3AC6EF;
}
/* filesBox */
.filesBox {
	display: flex;
	flex-wrap: wrap;
}
.itFile {
	width:262px;
	margin:0px 20px 20px 0px;
	background-color: #FFF;
	border:1px solid #ccc;
	box-shadow: 10px 8px 0px rgba(0,0,0,0.12);
	padding:11px;
	position: relative;
}
.itFile .mediaBloc {
	height:150px;
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
.itFile .mediaBloc img {
	max-width: 100%;
	max-height: 100%;
	width:auto;
	height: auto;
}
.itFile .mediaBloc audio {
	position: absolute;
	bottom: 0;
	left:0px;
	width:100%;
}
.mediaName {
	padding:10px 7px;
	font-weight: 600;
	font-size: 1.1em;
	color:#000;
}
.dName,
.itFile .mediaName {
	word-break: break-word;
}
.btBlack {
	background: rgba(0,0,0,0.8) url('../images/icons/bb_tele.png') no-repeat left center;
	padding:3px 10px 3px 30px;
	position: absolute;
	right: -11px;
	top: 105px;
	color:#FFF;
	box-shadow: 2px 2px 0px rgba(0,0,0,0.12);
	z-index: 20;
	font-weight: 600;
	font-size: 14px;
}
.btBlack:hover {
	background-color:#000
}
.bbZoom {
	background-image: url('../images/icons/bb_zoom.png') ;
}
/* fin filesBox */
.icGroupe {
	display: inline-flex;
	background: url('../images/icons/ic_groupe2.png') no-repeat left center;
	background-size: 60px auto;
	padding:3px 10px 3px 70px;
	color:#515971;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	flex-direction: column;
	margin:20px 10px 20px 25px;
	line-height: 0.9em;
}
.icGroupe span:first-child {
	display: block;
	font-size: 21px;
	color:#7F88A4;
}
.icGroupe.icGroupeSmall {
	font-size: 21px;
	background-size: 40px auto;
	padding:3px 10px 3px 48px;
}
.icGroupe.icGroupeSmall span:first-child {
	font-size: 13px;
}
.vueGroupes .item {
	border:1px solid #ccc;
	box-shadow: 7px 7px 0px rgba(0,0,0,0.12);
	background-color: #FFF;
}
.intG {
	padding:25px;
}
.itGroupe img {
	max-width: 100%;
	height: auto;
}
.itGroupe h3 {
	margin:10px 0px;
	font-size: 1.2em;
}
.groupTexte a {
	color:#000;
	text-decoration: underline;
}
.itGroupe h3 a {
	text-decoration: none;
}
.groupTexte a:hover {
	color:#F09429;
}
.block-views-blockactualite-actu-groupes,
.block-views-blockcalendar-reunions-groupes {
	width: 48%;
		flex-shrink: 0;
}
.flexCalActu {
	justify-content: space-between;
}
.groupVueFlex h2 {
	text-transform: uppercase;
	font-weight: 900;
}
.block-views-blockdocument-doc-groupes > h2 {
	color:#686F84;
}
.block-views-blockcalendar-reunions-groupes > h2 {
	color:#2DCCAC;
}
.block-views-blockactualite-actu-groupes > h2 {
	color:#0066A9;
}
.block-views-blockannuaire-membres-groupes > h2 {
	color:#3AC6EF
}
.groupVueFlex .fc-header-toolbar h2 {
    font-size: 15px;
}
.docColl {
	text-transform: uppercase;
	color:#9A9EAD;
	font-size: 13px;
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 10px;
}
.docColl:before {
	display: block;
	content:"";
	height: 28px;
	width:28px;
	border-radius: 30px;
	background:#F09429 url('../images/icons/ic_team2.png')  no-repeat center;
	background-size: 90%;
	margin-right: 5px;
}
.groupVueFlex .js-drupal-fullcalendar {
    padding: 0px;
}
.groupVueFlex .fc-scroller {
	height:385px !important;
	}
.group .paraNivA h2.titre::after {
    background-color: #A8ACB8;
}
.dropbutton a {
	background-color: #FFF;
	border:1px solid #ccc;
	border-radius: 2px;
	color:#666;
	padding:1px 3px;
}
.boxMesBp td.views-field-operations {
	width:6%;
	padding-right:5px;
	padding-left:5px;
}
.boxMesBp td.views-field-operations .dropbutton-multiple {
    padding-right: 0 !important;
}
li.menu-icon-calendar > span, li.menu-icon-calendar > a {
    background-image: url(/sites/all/themes/karyans/images/ic_calendar.png);
}
li.menu-icon-fonds > span, li.menu-icon-fonds > a {
    background-image: url(/sites/all/themes/karyans/images/ic_fonds.png);
}
.block-local-actions-block li {
	list-style-type: none;
}