/*DEBUT STYLE MODULE Main*/
/**Lasgleizes**//*** Fonts ***/
@import url('https://fonts.googleapis.com/css?family=Bitter%7CFira+Sans%7CHeebo%7CLato%7CLora%7CMontserrat%7CMuli%7CNoto+Sans%7CNunito%7COpen+Sans%7CPT+Sans%7CPT+Serif%7CPlayfair+Display%7CRaleway%7CRoboto%7CRubik%7CSlabo+27px%7CSource+Sans+Pro%7CTitillium+Web%7CUbuntu');

@media (min-width: 768px)
{
    .sidebar-mini.sidebar-collapse .main-header .logo
    {
        padding-left: 5px;
        padding-right: 5px;
    }
}


.sidebar-menu>li
{
	color :#B8C7CE;
	font-size : 14px;
    border-bottom: 1px solid grey;
}

header.main-header a.logo .collapse-show img.img-responsive 
{
    margin-left: 0;
    margin-top: 5px;
}

.content [data-fichier] {
    font-size: 16px;
    font-family: 'Lato', sans-serif !important;
}

.in_dev:before,.in_preprod:before {
	opacity:0.9;
	display: block;
  content: "SITE EN DEVELOPPEMENT";
  font-weight: bold;
	position: fixed;
	z-index: 1337;
	top: 50px;
	right: 20px;
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #EED3D7;
	border-radius: 5px;
	box-shadow: 1px 1px 1px 1px #00000033;
	padding:0.5em;
	width: 20em;
  text-align: center;
  animation: op_anim infinite 3s 2s;
  animation-iteration-count: 2;
 
  
}
.in_preprod:before {
  content: "SITE EN PREPROD";
}
@keyframes op_anim {
  0%{
    opacity: 0.9;
  }
  50%{
    opacity: 0.1;
  }
  100% {
    opacity:0.9;
  }
}

/*** Générique ***/
p{
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
.font-6 {
    font-size: 1.6em;
}
.font-5 {
    font-size: 1.5em;
}
.font-2 {
    font-size: 1.2em;
}
.font-1 {
    font-size: 1.1em;
}
.font-bold {
	font-weight:bold;
}
.d-flex{
	display:flex;
	display: -ms-flexbox;
	-ms-flex-direction: row;
	-ms-flex: 1 1 auto
}
/* .d-flex > *{ */
	/* -ms-flex: 1 1 auto */
/* } */
.flex-column{
	flex-direction: column;
}
.flex-wrap{flex-wrap: wrap;-ms-flex-wrap:wrap;}

.flex_center{place-content: space-around space-evenly;}

.justify-content-between{
    justify-content: space-between;
}
.align-items-center{
	align-items: center;
}
    

.r-45{ transform: rotate(-45deg);}

.align-self-center{
    align-self: center;
}
.align-items-center{
    align-items: center;
}
.justify-content-center
{
  justify-content:center; 
}
.ml-auto
{
  margin-left: auto;
}
.mt-auto
{
  margin-top: auto;
}
.mr-auto
{
  margin-right:auto;
}
.mb-auto
{
  margin-bottom:auto;
}
.mx-auto
{
  margin-left:auto;
  margin-right:auto;
}
.my-auto
{
  margin-top:auto;
  margin-bottom:auto;
}
.txt-black {
    color: black;
}
.txt-white {
    color: white;
}
.txt-upper{
	text-transform:uppercase;
}

.lato{
 font-family: 'Lato', sans-serif!important;
}
.raleway{
 font-family: 'Raleway'!important;
}
/* 
.roboto{
 font-family: 'Roboto', sans-serif!important;
}
.open-sans{
 font-family: 'Open Sans', sans-serif!important;
}

.source-sans-pro{
 font-family: 'Source Sans Pro', sans-serif!important;
}
.pt-sans{
 font-family: 'PT Sans', sans-serif!important;
}
.pt-serif{
 font-family: 'PT Serif', serif!important;
}
.slabo{
 font-family: 'Slabo 27px', serif!important;
}
.noto-sans{
 font-family: 'Noto Sans', sans-serif!important;
}
.ubuntu{
 font-family: 'Ubuntu', sans-serif!important;
}
.heebo{
 font-family: 'Heebo', sans-serif!important;
}
.playfair-display{
 font-family: 'Playfair Display', serif!important;
}
.lora{
 font-family: 'Lora', serif!important;
}
.muli{
 font-family: 'Muli', sans-serif!important;
}
.titillium-web{
 font-family: 'Titillium Web', sans-serif!important;
}
.nunito{
 font-family: 'Nunito', sans-serif!important;
}
.fira-sans{
 font-family: 'Fira Sans', sans-serif!important;
}
.rubik{
 font-family: 'Rubik', sans-serif!important;
}
.roboto{
 font-family: 'Roboto', sans-serif!important;
}
.bitter{
 font-family: 'Bitter', serif!important;
} */

@-webkit-keyframes slidein {
    from { transform:translateX(-15px);opacity:1;}
      to { transform:translateX(0px);opacity:1;}
}  
@keyframes slidein {
     from { transform:translateX(-15px);opacity:1; }
      to { transform:translateX(0px);opacity:1; }
}

.active_ancre {
    position: relative;
}
.active_ancre:before {
    content: "\e080";
    position: absolute;
    color: rgba(0, 145, 165);
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    /*  left: -16px;
	top: 4px; */
	font-size: 24px;
	left: -28px;
	top: -2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	opacity:0;
	 -webkit-animation: slidein 1s; 
	animation: slidein 1s; 
	animation-delay: 500ms;
	animation-fill-mode: forwards;
}

[data-fichier] a.active_ancre {
    font-size: 18px!important;
    margin-right: 4px;
}

.spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.panel-primary
{
	/* margin-bottom: 0 !important; */
	border-color: #ddd;
}

.panel-primary >.panel-heading
{
	background-color: #0091A5;
	border-color: #ddd;
	color: white;
}

.panel-secondary
{
	margin-bottom: 0 !important;
	border-color: #ddd;
	border-radius:0px;
}

.panel-secondary >.panel-heading
{
	background-color: #017282;
	border-color: #ddd;
	border-radius:0px;
	color: white;
	position:relative;
}

.text-secondary {
    color: #0091A5;
}
.panel-title .pyricon:first-child,
.panel-title .glyphicon:first-child{
	margin-right:10px;
}

/*** selecteur ***/
[data-toggle="buttons"]  .glyphicon-g-check{
	margin-right:10px;
}
[data-toggle="buttons"]  .glyphicon-g-check:before{
	content: "\e157";
}
[data-toggle="buttons"] .active  .glyphicon-g-check:before{
	content: "\e067";
}

.select-option {
    display: block;
    text-align: left;
    margin: 5px 0px;
    text-transform: uppercase;
}

/** datepicker **/
.ui-datepicker-month, .ui-datepicker-year {
    color: black;
}

/*** Surcharge bootstrap ***/
.btn-info,
.btn-action-2,
.btn-warning,
.btn-danger,
.btn-success,
.btn-secondary {
    transition: all 0.2s ease;
}

.btn-warning:hover, 
.btn-action-2:hover, 
.btn-success:hover, 
.btn-danger:hover, 
.btn-info:hover, 
.btn-secondary:hover {
    border-color: #fff;
}

.btn-action-2{
    background-color: #605ca8;
	color: #fff;
}
.btn-action-2:hover,
.btn-action-2:focus,
.btn-action-2.active{
    background-color: #fff;
	color: #605ca8;
}

/* .form-group.has-success .form-control:after{
	position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e013";
} */

.has-feedback{
	position:relative;
}
.form-control-feedback,.help-block{
	display:none;
}

.has-feedback .form-control-feedback,
.has-feedback  .help-block{
	display:block;
}

.has-feedback.has-error .form-control-feedback:before{
	content: "\e014";
}
.has-feedback.has-success .form-control-feedback:before{
	content: "\e013";
}

/*** Menu haut ***/
.skin-black .btn-deconnexion {
    color: black;
}

/*** Menu gauche ***/
.sidebar-menu .menu-open>a>.pyricon-chevron-left, .sidebar-menu .menu-open>a>.pull-right-container>.pyricon-chevron-left{
	-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


/*** Accueil ***/
.attach-bottom {
 /*    display: block;
    width: 65%;
    margin: auto;
    margin-top: 70px; */
	position: absolute;
    width: 60%;
    left: 20%;
    bottom: 10px;
    margin: auto;
}

.attach-bottom2 {
 /*    display: block;
    width: 65%;
    margin: auto;
    margin-top: 70px; */
	position: absolute;
    width: 60%;
    left: 20%;
    bottom: 50px;
    bottom: 50px;
    margin: auto;
}

.padding-panel-body
{
  padding: 38px !important;
}

.home > .row > div{
	margin-bottom:30px;
	position:relative;
}
.btn-transparent{
    background-color: rgba(223,223,223,0.8);
    border: none;
}
.home-titre{
    font-family: 'Raleway';
    /*font-size: 25px;*/
    color: #888888;
    border-bottom: 1px solid #888888;
    padding: 10px 0px;
}
.home-titre-white{
    font-family: 'Raleway';
    /*font-size: 25px;*/
    color: white;
    border-bottom: 1px solid white;
    padding: 10px 0px;
}
.contract.home-part {
	padding: 40px 10px 10px 10px;
    background-image: none;
}


/*FIN STYLE MODULE Main*/

/*DEBUT STYLE MODULE Actualites*/
/**defaut**/.actu h3, .actu h3 a {
	color: ;
	border-color: ;
}
.actu p, .actu a {
	color: ;
	border-color: ;
}
.actu .hoverlay p {
	background-color: ;
}
/*FIN STYLE MODULE Actualites*/

/*DEBUT STYLE MODULE Agenda*/
/**defaut**/.nopadding {
    padding: 0px!important;
}
/**** CALENDAR CIRCULAR ***/
span[data-cal-date] {
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	opacity: 0.5;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	margin-top: 10px;
	margin-right: 15px;
}
.cal-month-day {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid transparent;
    padding: 6px;
    border-radius: 50%;
	cursor:default!important;
	color:;
}
.cal-day-weekend span[data-cal-date]{
	color:!important;
}
.cal-month-day .day{
	cursor:default!important;
}
.with-events .day{cursor:pointer!important;}
.cal-month-day.active {
	background: !important; /* calendrier general*/
	color:!important;/* calendrier general*/
}
.cal-month-day.with-events{
	 border-color: !important;/* calendrier general*/
	 cursor:pointer!important;
}

.events-list {
    max-height: inherit!important;
    padding-left: 0px!important;
    margin-bottom: 0px;
    height: 100%;
}
.cal-day-today{
	 background:  !important; /* calendrier general*/
	 color:!important;/* calendrier general*/
}
.cal-day-today .day{
	 color:white!important;
}
[class*="cal-cell"]:hover ,[class*="cal-cell"],.cal-year-box .row-fluid:hover, .cal-row-fluid:hover,.cal-row-fluid,.row-fluid {
    background-color: transparent!important;
	border: 0px!important;
}
.cal-month-first-row,.cal-day-outmonth,#cal-day-tick {
	display:none!important;
}
.cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
     border-right: 0px!important;
	 margin-top:4%;
}
.cal-month-box, .cal-year-box, .cal-week-box{border:0px!important;}

/***** Uniquement la premiere lettre ^^ ****/
.cal-row-head .cal-cell1{
	font-size:0px;
}
.cal-row-head .cal-cell1:first-letter{
	font-size:32px;
}

/**liste event ***/
#agenda .list .block_img {
    background-color: white;
	display:table;
}
#agenda .list .block_img img {
	display: table-cell;
    width: 100%;
}
#agenda .list .block_img .date {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    float: none!important;
    position: initial;
}
#agenda .list {
    background-color: ;
	float: left;
}
#agenda .list .block_corps h3 {
    border-bottom:1px solid #00344D;
	margin-top: 5px;
	margin-right: 37px;
	color:;
	font-size:px;
	
}
#agenda .list .block_corps .heure {
	font-style: italic;
	display: block;
	margin-top: -8px;
	font-size:px; /*14px*/
}
#agenda .list .block_corps{
	font-size:px;
	
	
}
#agenda ul{
	list-style-type: none;
	-webkit-padding-start: 0px;
}

/* #agenda .block_corps{font-size:0.5em;} */

#agenda .block_corps .glyphicon.more{
    top: -28px;
    font-size: 1.2em;
    z-index: 2;
    color: ;
    background-color: ;
    border: 2px solid #0080BE;
    padding: 7px;
    border-radius: 50%;
}
#agenda .date{
	color: ; /* calendrier general*/
	background-color: ; /* calendrier general*/
	font-family:px;/*16*/
	font-size:px;/*16*/
	text-align: center;
	height:50px;
	margin-bottom:0px;
}
#agenda .date.date-md span {
    display: block;
}
#agenda .date .jour{	font-size:px;}/* 34 */
#agenda .date .mois{	font-size:px;}/* 16 */
#agenda .date .annee{font-size:px;}/* 14 */

#agenda [data-event-id]{
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
}
#agenda.liste [data-event-id]{
	padding:10px;
}
@media (max-width: 767px) { 
	#agenda.liste [data-event-id]{
		padding: 10px 0px;
	}
}

#agenda #mois_courant{
	/* font-size:1.4em; */
	font-size:px;
	margin-bottom:25px;
	font-family:;
}

#agenda .not_a_venir {
	text-align:center;
	font-size:1.4em;
}
.accueil #agenda {
	background-color:;
}
.accueil #agenda #titre_ou_date{
	color: ; /* accueil */
	font-size: px; /* accueil */
	font-family: ; /* accueil */
	border-bottom:1px solid #00334C;
	padding-bottom: 5px;
	text-align:center;
}

.accueil #agenda #tous_event{
	margin-top:10px;
	background: #00334C;
	color:white;
	text-align:center;
	padding: 6px 12px;
}
.accueil #agenda #tous_event:hover{
	text-decoration:none;
}



/*** recherche avancée ***/
#recherche_a{
	background:white;
	border-radius:10px;
	position: absolute;
    left: 50%;
    height: 100%;
}
#recherche_a h2{
	color:;
	font-size:px;
	
	text-align:center;
	position:relative;
}
#recherche_a h2:after{
	position:absolute;
	display:block;
	content:"";
	width:90%;
	left:5%;
	height:1px;
	bottom:0;
	background-color:;

}
#agenda.liste #titre_ou_date{
	color:;
	font-size:px;
	
	border-bottom:1px solid;
	margin-top:50px;
}
#block_agenda{position:relative;}
#recherche_a:before{
    display: block;
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 23px solid white;
}
#recherche_a #btn_recherche{
	margin-bottom:20px;
	text-align:center;
}
#recherche_a input{
	margin-bottom:30px;
}
#recherche_a #mot_cle{
	margin-top:20px;
}
@media (max-width: 767px) {	
	#recherche_a{
		position: inherit;
		left: inherit;
		width: 100%;
		background-color: transparent;
	}
	#recherche_a:before{display:none;}
}

/***** Détail *****/
.evenement .titre {
    color: ; /*#D47800*/
    display: inherit;
    font-size: 1.3em;
    margin-bottom: 9px;
}
.evenement .titre ,.evenement .detail, .evenement-seule h2{
	padding-left:10px;
}
 .evenement .photo-event {
	margin: 10px;
	float:left;
	display: inline-block;
    max-width: 40%;
} 
.evenement-seule h2{
	color:; /* 002D42 */
	font-size:px;
	font-family:px;
	border-bottom:1px solid ;
	display: flex;
}
.evenement-seule .docs_liste {
	list-style:none;
}

/***** date accueil et list diff ****/
@media (max-width: 992px) {	
	.accueil .date-xs{
		display:block!important;
	}
	.accueil #agenda .img-responsive{width:100%;}
	.accueil .date-md{
		display:none;
	}
}




/**** MEDIA QUERY ***/
/*XS*/
@media (max-width: 767px){ 

}
/*** SM + MD **/
@media (min-width: 767px) and (max-width:1200px) { 

}
/*** LG **/@media (min-width: 1200px){ #agenda .list .block_corps h3{  font-size: 1.3vw;}}


/*FIN STYLE MODULE Agenda*/

/*DEBUT STYLE MODULE Bandeaux*/
/**defaut**/.parallaxContainer {
	position: relative;
	overflow: hidden;
}
.parallaxContainer .imgContainer {
    height: 100%;
	text-align: center;
}
.parallaxContainer .imgContainer img {
	width: 100%;
	transition: transform 0.35s linear;
}
.parallaxContainer.widthness .imgContainer img {
	width: auto;
	height: 100%;
}
.parallaxContainer.widthness .imgContainer * {
	height: 100%;
}
.parallaxContainer .bandeau {
	position: relative;
	bottom: 65%;
	height: 30%;
	background-color: ;
	background-color: attr('data-couleur');
	
	text-align: center;
	align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.parallaxContainer .bandeau h2 {
    padding: 0;
    margin: 0;
	position: relative;
	
	color: ;
	font-family: ;
	font-size: px;
}
.parallaxContainer .bandeau h2:after {
	content: '';
    display: block;
    background: url() no-repeat center top;
    height: 60%;
    width: 100%;
    position: absolute;
    background-size: auto 100%;
}
.parallaxContainer .carousel-caption {
	bottom: 40%;
}
/*FIN STYLE MODULE Bandeaux*/

/*DEBUT STYLE MODULE Cartes*/
/**defaut**/footer .gmap {
	position: relative;
	height: 100%;
	/*overflow: hidden;*/
}
footer .gmap > iframe {
	height: 100%;
	min-height: 100%;
}
/*FIN STYLE MODULE Cartes*/

/*DEBUT STYLE MODULE Contact*/
/**defaut**/.vcard .pyricon{
	color:;
}
span.postal-code {
    margin-right: 10px;
}
/*FIN STYLE MODULE Contact*/

/*DEBUT STYLE MODULE Droits*/
/**defaut**/#formulaire_inscription label{
	color:white;
}

.txt-warning {
    color: #ff2207 !important;
    font-weight: bold;
}
/*FIN STYLE MODULE Droits*/

/*DEBUT STYLE MODULE FlashInfos*/
/**defaut**/.module_flashinfo .item h4{
	font-size:1em;
}
/*FIN STYLE MODULE FlashInfos*/

/*DEBUT STYLE MODULE FluxRSS*/
/**defaut**/.voir-toutes-flux{
	display: inline-block;
    float: right;
    font-size: px;
}
.voir-toutes-flux a:hover{
	text-decoration:none;
}

.titre-rss {
	color: ;
	padding: 10px;
	background: ;/* #377CC2 */
}
.item-rss:nth-child(odd){padding-left:0px;}
.item-rss:nth-child(even){padding-right:0px;}

 .item-rss{
    /* height: px; */
	margin:px 0px;
} 

.item-rss h4{
    font-size: px;
    color: ;
    font-familly: ;
}
.item-rss .resume{
    font-size: px;
    color: ;
    font-familly: ;
}
.item-rss .savoirplus a{
    font-size: px;
    color: ;
    font-familly: ;
	font-weight:bold;
}
/* @media (min-width: 768px ) and (max-width: 992px ){

	.item-rss{
		height: auto;
	}
} */

@media (max-width: 768px ){
	.item-rss{
		padding-left:0px;
		padding-right:0px;
		height:auto;
		margin-top:15px;
	}
	.voir-toutes-flux{
	    margin-top: 5px;
	}
	.panel-rss{
	    margin-top: 20px;
	}
}
/*FIN STYLE MODULE FluxRSS*/

/*DEBUT STYLE MODULE Galeries*/
/**defaut**/#carousel_Galeries .carousel-control {
	opacity: 1;
}
#carousel_Galeries .carousel-control.right, #carousel_Galeries .carousel-control.left {
	background-image: none;
}
#carousel_Galeries .carousel-caption {
	right:0;
	bottom: 0;
	left:0;
	padding: 1em;
	text-shadow: 0 0 0;
	background-color: rgba(255, 255, 255, 0.8);
}
#carousel_Galeries .carousel-caption h3 {
	margin: 0;	
}
/*FIN STYLE MODULE Galeries*/

/*DEBUT STYLE MODULE LiensRef*/
/**defaut**/#carousel_Galeries .carousel-control {
	opacity: 1;
}
#carousel_Galeries .carousel-control.right, #carousel_Galeries .carousel-control.left {
	background-image: none;
}
#carousel_Galeries .carousel-caption {
	right:0;
	bottom: 0;
	left:0;
	padding: 1em;
	text-shadow: 0 0 0;
	background-color: rgba(255, 255, 255, 0.8);
}
#carousel_Galeries .carousel-caption h3 {
	margin: 0;	
}
/*FIN STYLE MODULE LiensRef*/

/*DEBUT STYLE MODULE Menu*/
/**defaut**/header .navbar-default .menu-dynamique, header .navbar-default, .menu-dynamique .dropdown-menu {
	background-color: ;
	background: linear-gradient(to bottom, , );
}
.menu-dynamique>* {
	font-size:em;
}
header .navbar-default, .menu-dynamique .dropdown-menu {
	border-color: ;
	border-top: 1px solid #172C81;
}
header .navbar-default.affix, .menu-dynamique.affix .dropdown-menu {
	background-color: ;
	background: linear-gradient(to bottom, , );
}
.menu-dynamique > li::before {
	background-color: ;
}
.menu-dynamique li, .menu-dynamique a {
	color: ;
	font-family: ;
}
.menu-dynamique>li.open, .menu-dynamique>li:hover, .menu-dynamique>li:focus {
	color: ;
	background-color: !important;
}
.menu-dynamique>li.open>a, .menu-dynamique.nav>li>a:hover, .menu-dynamique.nav>li>a:focus {
	color: ;
	background-color: transparent;
}

.menu-dynamique .open>.dropdown-menu {
    transform: scaleY(1) translateY(0%);
}

.menu-dynamique .dropdown-menu {
    display: block;
    transform-origin: top;
    transform: scaleY(0) translateY(-30%);
    transition: transform ease 0.5s;
}

.menu-bas {
	background-color: ;
	font-family: ;
}
.menu-bas a {
	color: ;
}
.menu-bas > li[class*="col-xs-"]::before {
	background-color: ;
}
.menu-dynamique .soustitre,
.menu-bas .soustitre,
.menu-secondaire .soustitre{
	font-family:;
	font-size:px;
}
.menu-dynamique > li::after{
	border: 1px solid #0F76BC;
}
.menu-dynamique > li:first-child::after{
	display:none;
}
.caret{
	display:none;
}

.menu-dynamique.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
.menu-bas.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background-color: ;
}

.menu-dynamique.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	background-color: ;
	color: ;
}

.menu-dynamique.dropdown-menu>li>a{
	line-height: 2.5;
}

.menu-dynamique.nav > li {
    transition: background 0.3s ease;
}

.menu-dynamique .dropdown-menu {
    padding: 0px;
}
.menu-dynamique.nav-justified>.dropdown .dropdown-menu{
	background:#377D9C;
	color:white;
}
.menu-dynamique .dropdown-menu>li>a{
	color: white;
}

.menu-secondaire li {
	font-size: 1.5em;
}

a .circle{
	background-color: white;
    border-radius: 50%;
    height: 34px;
    width: 34px;
    padding: 10px;
    display: inline-block;
}

a.anchor.affix {
	bottom: 1em;
	opacity: 1;
}
a.anchor.affix-top, a.anchor.affix {
	position:fixed;
	transition: opacity 0.35s ease, bottom 0.35s ease;
}
a.anchor {
	text-decoration:none;
	left: 1em;
	font-size:3em;
	line-height: 0.75em;
	opacity: 0;
	bottom: -2em;
	border-radius: 50%;
	background-color: ;
	color: ;
}
@media (max-width: 767px){
	a.anchor {
		left: 0em;
	}
	a.anchor.affix {
		bottom: 0em;
	}
}
/*FIN STYLE MODULE Menu*/

/*DEBUT STYLE MODULE Pages*/
/**defaut**/.paragraphe .media-legend {
    color: ;
}
.contenu {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.paragraphe_page a {
	text-decoration: underline!important;
}
/*FIN STYLE MODULE Pages*/

/*DEBUT STYLE MODULE Paj*/
/**defaut**/:root {
  --paj-dark-color: #017282;
  --paj-light-color: #0091A5;
  --paj-text-color: #FFFFFF;
  --paj-secondary-color: #203669;
}
/*relever l'ancre pour éviter que la barre static ne la masque*/
/* a[id][name]{ */
	/* display: block; */
  /* position: relative; */
  /* top: -50px; */
  /* visibility: hidden; */
/* } */

a
{
  color: black;
  text-decoration: none;
  cursor: pointer;
}

a:hover
{
  color: black;
}

button {
	cursor: pointer;
}

.home .btn-primary {
  background-color: #018496;
}
.home .btn-primary:focus,
.home .btn-primary:hover {
  background-color: #018496aa;
  border-color: #018496;;
}

.actsMar
{
  background-color: #eeeeee;
  margin-top: 80px;
}

.account
{
	background: url("images/interface/menu/client/background-profil.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #018496;
}

.accountTitle
{
	color: var(--paj-text-color);
}

.contract
{
	background-repeat: no-repeat;
	background-position: center center ;
	background-color: #005279;
	color: var(--paj-text-color);
}

#actChoice
{
  background: 
  linear-gradient(#018496cc, #018496cc),
  url(images/interface/menu/client/background-pratique-des-actes-juridiques.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* background-image: url("images/interface/menu/client/background-pratique-des-actes-juridiques.png"); */
  color: var(--paj-text-color);
  font-size: 25px;
}

#formChoice
{
 /*  background-image: url("images/interface/menu/client/background-liste-des-formalites.png"); */
 background: 
  linear-gradient(#018496cc, #018496cc),
  url(images/interface/menu/client/background-liste-des-formalites.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: var(--paj-text-color);
  font-size: 25px;
  color: var(--paj-text-color);
  font-size: 25px;
}

#searchChoice
{
  background-image: url("images/interface/menu/client/background-recherche.png");
  color: var(--paj-text-color);
  font-size: 25px;
}

#actuality
{
  /* background-image: url("images/interface/menu/client/background-actualites.png"); */
  background:linear-gradient(#018496cc, #018496cc),
   url("images/interface/menu/client/background-actualites.jpg");
  background-size: cover;
  color: var(--paj-text-color);
  font-size: 25px;
}

.acts-part
{
  height: 260px;
  background:#FFF;
  border-radius:0;
}

.titleActs
{
  margin-top: 150px;
  padding-bottom: 120px;
}

.info-paj {
  position: absolute;
  top: 15px;
  font-size: 18px;
  margin: auto;
  left: 0;
  right: 0;
}

.button
{
  padding: 6px 80px 6px 80px !important;
  opacity: 0.6;
}

.buttonForm
{
  padding: 6px 80px 6px 80px !important;
  opacity: 0.6;
  margin-top: 40px;
}

.buttonSearch
{
  padding: 6px 80px 6px 80px !important;
  margin-top: 40px;
}

.titleSearch
{
/*   padding-top: 30px!important; */
  font-size:20px;
  margin-left: 110px;
  color: #018496;
  margin-bottom: 0px!important;
}

.cardContents
{
  font-family: raleway;
  padding-top: 60px;
  margin-bottom: 40px;
  margin-top: 0px;
}

.semibold
{
  font-family: 'Raleway SemiBold', arial;
  margin-bottom: 20px;
}

.consultItalic
{
  font-family: raleway;
  font-style: italic;
}


/* page alphabet actes */

.backTitle
{
  width: 100%;
  background-color:var(--paj-dark-color);
  color: var(--paj-text-color);
  padding-bottom: 10px; 
}

.semibold
{
  font-family: 'Raleway SemiBold', arial;
  margin-bottom: 20px;
}

.ActsItalic
{
  font-family: raleway;
  font-style: italic;
}


.go-to-top,.btnRetour,.go-to-top:focus,.btnRetour:focus
{
  background-color: var(--paj-text-color);
  color: var(--paj-light-color);
  border-color: var(--paj-light-color)!important;
}
.go-to-top:hover,
.btnRetour:hover
{
  background-color:var(--paj-light-color)!important;
  color: var(--paj-text-color);
  border-color: var(--paj-text-color);
} 

.navigation {
  position: fixed;
  top: 95%;
  right: 10px;
  font-size: 25px; 
  z-index: 1;
}

#boxAlphabet .left
{
	background-color: var(--paj-light-color);
	/* width: 400px;
	min-width: 400px; */
	width: 310px;
	min-width: 310px;
	display: flex;
	flex-direction: column;
	transition: width 1s ease;
}

#boxAlphabet.leftReduce .left{
	width: 65px;
}

.left.affix {
    top: 50px;
    bottom: 0px;
}

.left.affix + .right {
    margin-left: 310px;
}


#boxAlphabet .right
{
	background-color: var(--paj-text-color);
	width: 100%;
	transition: width 1s ease;
}

#boxAlphabet.leftReduce .right{
	width: calc(100% - 65px);
}

#boxAlphabet #leftTop
{
	padding:10px;
}

#boxAlphabet #listeActe{
	background-color: var(--paj-dark-color);
	flex-grow:1;
	overflow-y: auto;
}

#boxAlphabet.leftReduce .visible-open,
#boxAlphabet:not(.leftReduce) .hidden-open{
	display:none
}

.toggle-left,
.toggle-left:hover {
    color: var(--paj-text-color);
	transition: font-size 1s ease;
}



#alphabet
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* justify-content: space-around; */
}

#alphabet > li 
{
	/* flex : 0 0 3em; */
	flex : 0 0 2.5em;
	margin:3px;
}
#alphabet .btnLetter 
{
	background-color: var(--paj-text-color);
	color:black;
	padding:5px;
}


#alphabet .active .btnLetter,
#alphabet .active:focus .btnLetter,
#alphabet .active:hover .btnLetter
{
  background-color: var(--paj-dark-color);
  color:var(--paj-text-color);
}

#boxAlphabet #listeActe li.active,
#boxAlphabet #listeActe li:focus,
#boxAlphabet #listeActe li:hover{
  background-color: var(--paj-light-color);
  position:relative;
}

#boxAlphabet #listeActe > div{
  position:relative;
}

#boxAlphabet #listeActe li.active::after {
    font-family: 'Glyphicons Halflings';
    display: block;
    position: absolute;
    content: "\e080";
    width: 15px;
    top: 50%;
    right: 10px;
    z-index: 1;
    transform: translateY(-50%);
    color: var(--paj-text-color);
}

/*** Bouton retour dans la partie Right ***/

/*lorsque right est avec la classe accueil masquer le contenu et le bouton*/
.right.accueil #btn_accueil,
.right.accueil .actcontent 
{
    display: none;
}


/*lorsque right est sans la classe accueil masquer allTitle*/

.right:not(.accueil) .allTitle 
{
    display: none;
}

/* #btn_accueil
{
    margin: 10px;
}
 */


/*** Dégradé des entetes des acordéons **/
.accordeon .panel-heading
{
  /* background-color: rgb(0, 145, 165); */
  background-color: rgb(20, 165, 185);
  color:var(--paj-text-color);
} 
.accordeon .panel-heading + .panel-collapse .panel-heading
{
  background-color:rgba(0, 145, 165, 0.8);
} 
.accordeon .panel-heading + .panel-collapse .panel-heading + .panel-collapse .panel-heading
{
  background-color: rgba(0, 145, 165, 0.64)
} 
.accordeon .panel-heading + .panel-collapse .panel-heading + .panel-collapse .panel-heading + .panel-collapse .panel-heading 
{
  background-color: rgba(0, 145, 165, 0.51)
}
.accordeon .panel-heading + .panel-collapse .panel-heading + .panel-collapse .panel-heading + .panel-collapse .panel-heading + .panel-collapse .panel-heading
{
  background-color: rgba(0, 145, 165, 0.41)
}

.accordeon > h2{
	text-align:center;
	color:var(--paj-dark-color);
	font-weight: bold;
}

.accordeon .panel-title{
  position: relative;
  font-weight: bold;
  text-align: left;
}

ul.avec-accordeon {
    margin-top: 1em;
}

.accordeon .lien_actu {
  display: block;
  margin: 5px 0px;
}

/* Titre accordéon niveau 1 */
.panel-group .panel-title {
    font-size: 1.6em;
}

/* Titre accordéon niveau 2 */
.panel-group .panel-group .panel-title {
    font-size: 1.4em;
	text-indent: 1.5em;
}

/* Titre accordéon niveau 3 */
.panel-group .panel-group .panel-group .panel-title {
    font-size: 1.2em;
	text-indent: 2.5em;
}

p.texte_petit a,
p.Titre_page a,
p.texte_petit a span {
    font-weight: normal!important;
    font-size: 12px!important;
    font-style: italic!important;
}
div#accordion p,
div#accordion span:not(.glyphicon) {
    font-family: 'Lato', sans-serif !important;
}
.glyphicon-chevron {
    position: absolute;
    right: 0;
    display: block;
}
.accordeon [aria-expanded="false"] > .panel-title .glyphicon-chevron:before{
  content:"\e080";
}
.accordeon [aria-expanded="true"] > .panel-title .glyphicon-chevron:before{
  content:"\e114";
}

.actcontent{
	padding:10px;
}

.panel-group .panel+.panel {
    margin-top: 2em;
}
.panel-group .panel+.panel .panel-group .panel+.panel {
    margin-top: 1em;
}

.actJurTitle
{
  font-family: raleway;
  text-align: center;
  color: var(--paj-light-color);
}

.actJurSubTitle
{
  font-family: raleway;
  text-align: center;
  font-style: italic;
  color: var(--paj-light-color);
}

.ParagraphTitle
{
  font-family: raleway;
  text-align: center;
}


.accordionMenu
{
  margin-top: 30px;
  width: 70%;
  margin-left: 10%;
}

.arrow
{
  float: right;
}


.titleArise
{
  font-size: 20px;
  color: var(--paj-light-color);
}



.actsList {
    color: var(--paj-text-color);
    display: block;
    width: 100%;
    /* padding: 10px 20px; */
    padding: 5px 15px;
}

.actsList:hover,
.actsList:focus,
.actsList:active {
    color: var(--paj-text-color);
}


.gestion-deroulement > span:hover {
    text-decoration: underline;
}


/* Page Accordeon */
/*
#table_accordeon thead{
	background-color:#00486A;
	color:var(--paj-text-color);
}
#table_accordeon thead th:nth-child(n+2),
#table_accordeon tbody tr td:nth-child(n+2){
	width:65px;
	text-align: center;
}
#table_accordeon tbody .glyphicon{
	cursor:pointer;
}
*/

#head_accordeon{
	background-color:#00486A;
	color:var(--paj-text-color);
}

#liste_accordeon .glyphicon{
	font-size:1.5em;
}

.connectable{
	min-height:0.5em;
}
.highlight{
	border-style:dashed;
	margin-bottom: 10px;
	padding: 15px;
}
.highlight:before {
	content: "Déposer ici";
}


/* CSS de la page accordéons.html */

.glyphicon-chevron-down
{
  float: right;
}

.moreAct
{
  color: var(--paj-light-color);
  font-size: 18px;
}

/**** Pace *****/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #ffffff;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #ffffff, 0 0 5px #ffffff;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}


/*** Volet déroulant ***/
.content-wrapper{
	position:relative;
}
.volet {
  position: fixed;
  right: 0;
  width: 500px;
  top:0px;
  top: 50px;
  height: calc(100% - 50px);
  overflow-y:auto;
  background-color: var(--paj-text-color);
  padding: 10px;
  border-left: 5px solid var(--paj-light-color);
  -webkit-transition: right .3s ease-in-out;
  -o-transition: right .3s ease-in-out;
  transition: right .3s ease-in-out;
}

.volet:not(.open) {
  right: -500px;
}

.close-volet {
    border: 2px solid var(--paj-light-color);
    border-radius: 50px;
    padding: 5px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: bold;
	color: var(--paj-light-color);
}
.close-volet:hover {
    background: var(--paj-light-color);
    color: #fff;
}
.modal-large .modal-dialog{
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
	height:90%;
}
.modal-large .modal-content{
	height:100%;
	overflow-y:auto;
}

.modal-flex .modal-body{
	flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: start;
    min-height: 530px;
	overflow-y:auto;
}

.modal-flex .modal-content{
	display:flex;
	flex-direction:column;
}

label.btn.btn-primary {
    background-color: var(--paj-dark-color);
    border-color: var(--paj-dark-color);
}

label.btn.btn-primary:hover,
label.btn.btn-primary.active {
    background: var(--paj-light-color);
    border-color: var(--paj-light-color);
}

/*Media Query qui permet en xs de ne pas poussé le contenu avec le slider de gauche */

@media (max-width: 767px)
{
	.sidebar-open .content-wrapper, .sidebar-open .main-footer 
	{
		-webkit-transform: translate(0px, 0)!important; 
		-ms-transform: translate(0px, 0)!important;
		-o-transform: translate(0px, 0)!important;
		transform: translate(0px, 0)!important;
	}
}

/* .cke_editor_html .cke_inner .cke_contents {
    min-height: 400px;
}

#liste_accordeon {
    min-height: 450px;
} */

/* .complement_volet:not(.open) {
  left:100%;
  padding:0px;
}
.sidebar-collapse .complement_volet.open{
  left: 50px;
  width:calc(100% - 50px);
}
.complement_volet {
	position: fixed;
	overflow-y:auto;
	top: 50px;
	bottom:0px;
	left: 230px;
	width:calc(100% - 230px);

	z-index:2;
	background-color: lightgrey;
	padding: 20px;
	-webkit-transition: right .3s ease-in-out;
	-o-transition: right .3s ease-in-out;
	transition: right .3s ease-in-out;
	-webkit-transition: left .3s ease-in-out;
	-o-transition: left .3s ease-in-out;
	transition: left .3s ease-in-out;
} */
	/* left: 0px;
	width:100%; */
	/* left: 0px;
	width:100%; */
.btn.btn-secondary,.btn.btn-secondary:focus {
    background-color: var(--paj-light-color);
    color: var(--paj-text-color);
}
.btn.btn-secondary:hover {
    background-color: var(--paj-text-color);
    color: var(--paj-light-color);
}



/* .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: .5;
}

#modal_testament .btn-group{
  display:block;
  float:right;
}

#modal_testament .input-group .form-control{
  height:38px;
  min-width: 700px;
} */

.btn .glyphicon,
.btn .pyricon {
	margin-right: 5px;
}
.pyricon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* CSS logo */

.img-responsive
{
  margin-bottom: -8px;
  margin-left: 30px;
}

.logoAccueilAdmin
{
  margin-bottom: -10px;
}


/* CSS Search Page */


.fontTitle
{
  font-family: raleway;
}
/* 
.boxSearch
{
  padding: 50px 70px 0px 70px;
} 

.contentSearch
{
  padding-bottom: 20%;
  background-color: var(--paj-text-color);
  border: 1px solid lightblue;
}

.backTitleSearch
{
  background-color: var(--paj-dark-color);
  color: var(--paj-text-color);
  padding-bottom: 10px;
  margin-bottom: 50px;
}
*/
.border
{
  padding-bottom: 13px;
  border-bottom: 1px solid lightblue;
}

.textSearch
{
  font-family: Raleway;
  font-size: 1.2em;
} 


.formSearch
{
  width: 80%;
}

.italicTitle
{
  padding-left: 15px;
  font-family: Raleway;
}

input.autocompletable {
    font-size: 1.4em;
    color: var(--paj-dark-color);
    font-weight: bold;
}

.searcheable + .glyphicon-remove {
    position: absolute;
    right: 0;
    font-size: 25px;
    top: 7px;
    color: #c00;
}
.searcheable:placeholder-shown + .glyphicon-remove {
    display: none;
}



#resultAuto {
    /* margin-top: 10px; 
    position: absolute;
    z-index: 1;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;*/
}

#resultAuto .element {
  background-color: var(--paj-dark-color);
  background-image: none!important;
  cursor: pointer;
  padding: 10px;
  color: var(--paj-text-color);
  border: none;
  border-bottom: 1px solid var(--paj-text-color);
}

#resultAuto .element:hover {
	background-color: var(--paj-light-color);
}

#resultAuto ul {
  background: none;
  color: black;
  padding: 0px;
  margin-top: 10px;
  border: none;
  max-height: 500px;
  overflow-y: auto;
}

#resultAuto .element.ui-state-hover, #resultAuto .element.ui-state-focus {
    font-weight: normal;
}
.ui-menu .ui-menu-item.ui-autocomplete-title {
  pointer-events: none;
  background: var(--paj-text-color);
  border-top: 1px solid var(--paj-dark-color);
  border-left: 1px solid var(--paj-dark-color);
  text-align: center;
  padding: 5px;
  font-style: italic;
}
/*.ui-autocomplete-loading {
	background: var(--paj-text-color) url("images/interface/ui-anim_basic_16x16.gif") right center no-repeat;
}*/
.ui-autocomplete-loading + .glyphicon {
	display:none;
}
.ui-autocomplete-loading + span + .glyphicon-refresh-animate {
	display:block;
}

.glyphicon-refresh-animate {
    -animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
    -webkit-animation: spinw 1s infinite linear;
    -moz-animation: spinm 1s infinite linear;
}
.glyphicon-refresh-animate {
    position: absolute;
    right: 0;
    font-size: 25px;
    top: 7px;
	display:none;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}

                                /*** CSS input & icone ***/



.ChangeSearchColor
{
  font-family: Raleway;
  color: var(--paj-light-color);
  padding-right: 20px;
  padding-top: 20px;
}

/* Pour changer la couleur du texte de mon placeHolder sous FireFox*/

.inputColor::-moz-placeholder
{
  color: var(--paj-light-color);
  opacity: .7;
}

/* Pour changer la couleur du texte de mon placeHolder sous Chrome*/

.inputColor::-webkit-input-placeholder
{
  color: var(--paj-light-color);
  opacity: .7;
}

.inputColor:focus
{
  color: var(--paj-light-color);
  border:none;
}

input[type="search"]::-webkit-search-cancel-button 
{
  -webkit-appearance: searchfield-cancel-button;
  color:red;
}



.inputColor,
.inputColor:focus
{
  border: none;
  outline-offset: 0px;
  outline: none;  
  box-shadow: none;
}

.globalInput 
{ 
  position: relative;
  border-bottom: 1px solid var(--paj-light-color);
  width: 100%;
}

.globalInput .SearchIcon 
{
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* Aligement de l'icone search  */
.left-glyph .SearchIcon  
{ 
  left:  0px;
}

.left-glyph input  
{ 
  padding-left:  30px; 
  padding-right:  30px; 
}
.recherche-index {
  display:flex;
  max-width: 700px;
}
.recherche-index > div{
  flex-grow:1;
} 
.recherche-index .btn {
  min-width: 150px;
}


/* Page Results */

.modifyButton
{
  margin-top: 25px;
  border: none;
  color: var(--paj-text-color);
}

.ActButton
{
  background-color: var(--paj-dark-color);
  color: var(--paj-text-color);
  width: 40%;
  border-left: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
}

.formButton
{
  background-color: var(--paj-light-color);
  width: 40%;
  border-bottom: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
}

.nav > .ActButton > a:hover
{
  background-color: var(--paj-dark-color);
  color:var(--paj-text-color);
}

.nav > .formButton > a:hover
{
  background-color: var(--paj-light-color);
  color:var(--paj-text-color);
}

.nav > .ActButton > a
{
  color: var(--paj-text-color);
}

.nav > .formButton > a
{
  color: var(--paj-text-color);
}

#resultat_recherche .tab-content li.header-liste-resultat {
    background-color: var(--paj-dark-color);
    color: var(--paj-text-color);
}
#resultat_recherche .tab-content li.header-liste-resultat >div {
    padding:10px 15px;
}

#resultat_recherche {
    margin-top: 10px;
}
#resultat_recherche .nav li.active a {
    background-color:var(--paj-dark-color);
}
#resultat_recherche .nav li.active a:after {
    display: block;
    position: absolute;
    content: "\e114";
    width: 100%;
    bottom: 0;
    font-family: 'Glyphicons Halflings';
}

#resultat_recherche .nav li a {
    background-color:var(--paj-light-color);
	color:var(--paj-text-color);
}
#resultat_recherche .tab-content li:nth-child(even) {
    background-color: var(--paj-light-color)0d;
}
#resultat_recherche .tab-content li:nth-child(odd):not(.header-liste-resultat) {
    background-color: var(--paj-light-color)26;
}

a.btn.btn-info:hover,
button.btn.btn-info:hover 
{
    background: #fff;
    color: #00acd6;
}


/**** RECHERCHE *****/

.list-resultat {
    margin-top: 10px;
}
.list-resultat .glyphicon {
    font-size: 1.4em;
}
.list-resultat > li.list-group-item{
    background-color: var(--paj-light-color);
    color: var(--paj-text-color);
	margin-right: 0px;
    margin-left: 0px;
	border-color: var(--paj-text-color);
}

/*** Recherche dans menu ***/
#menu-recherche:not(:focus){
	color:#b8c7ce;
}
/*FIN STYLE MODULE Paj*/

/*DEBUT STYLE MODULE Panneaux*/
/**defaut**/.titre_panneau {
	color: ;
	background: ;
	min-height:;

}

.description_panneau {
	color: ;
	background: ;
	min-height:;
	border-bottom:  solid ;
	padding:  ;
}

.plus_info{
	color: ;
	font-size: ;
}
/*FIN STYLE MODULE Panneaux*/

/*DEBUT STYLE MODULE Parallax*/
/**defaut**/.parallaxContainer {
	position: relative;
	overflow: hidden;
}
.parallaxContainer .imgContainer {
    height: 100%;
	text-align: center;
}
.parallaxContainer .imgContainer img {
	width: 100%;
	transition: transform 0.35s linear;
}
.parallaxContainer.widthness .imgContainer img {
	width: auto;
	height: 100%;
}
.parallaxContainer .bandeau {
	position: relative;
	bottom: 65%;
	height: 30%;
	background-color: ;
	background-color: attr('data-couleur');
	
	text-align: center;
	align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.parallaxContainer .bandeau h2 {
    padding: 0;
    margin: 0;
	position: relative;
	
	color: ;
	font-family: ;
	font-size: px;
}
.parallaxContainer .bandeau h2:after {
	content: '';
    display: block;
    background: url() no-repeat center top;
    height: 60%;
    width: 100%;
    position: absolute;
    background-size: auto 100%;
}
/*FIN STYLE MODULE Parallax*/

/*DEBUT STYLE MODULE Partenaires*/
/**defaut**/.vertical-center{
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.carousel-indicators li { text-indent: -9999em; }
.nav > li > a { padding: 15px; transition: background 0.3s ease; }

.liste-partenaires .btn-primary{
  background-color: ;
  border-color: ;
  margin-bottom:10px;
}
.liste-partenaires .btn-primary:hover{
  background-color: ;
  border-color: ;
}

#partenaires .voir-toutes a{
	padding: ;
}
#myCarousel_partenaires .item .vertical-center{
	height:;
	width:90em;
}
#myCarousel_partenaires{
	padding:0px 2.5em;
}
.liste-partenaires .thumbnail{
	background-color:;
	border: 1px solid ;
}
.liste-partenaires figcaption a{
	color:;
}
.liste-partenaires figcaption a:hover{
	color:;
}

.carousel-partenaires .item img{
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: url(#grayscale);
  filter: grayscale(100%);
  filter: gray;
  transition: all 0.2s ease;
    max-width: 100%;
	width:100%
}

/*  Styles for IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .carousel-partenaires .item img{
        width: 100%;
    }
}
.carousel-partenaires .item img:hover{
  -webkit-filter: grayscale(0);
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
}

div[id^="myCarousel_partenaires"] .carousel-control.left,
div[id^="myCarousel_partenaires"] .carousel-control.right
{
	width:  2.5em; 
	background: transparent;
	color: #333;
	filter: none;
	background-repeat: no-repeat;
	background-position: center center;
}
div[id^="myCarousel_partenaires"] .carousel-control.left
{
	left: -80px;
	/* background-image: url(../images/interface/fleche_slide_left.png); */
}
div[id^="myCarousel_partenaires"] .carousel-control.right
{
	right: -40px;
	/* background-image: url(../images/interface/fleche_slide_right.png); */
}
div[id^="myCarousel_partenaires"] .carousel-control span{
    color: white;
    /* font-size: 65px; */
	font-size:2.5em;
	left: 0px;
    top: 35%;
    position: absolute;
}


 .carousel-partenaires .item.next , .carousel-partenaires .item.prev {display:none;}

@media (max-width: 767px) {
	div[id^="myCarousel_partenaires"] .carousel-control span{
		top: 0;
	}
	#myCarousel_partenaires .active > div { display:none; }
	#myCarousel_partenaires .active > div:first-child { display:block; }
	
	#myCarousel_partenaires .carousel-inner .active.left { left: -100%!important; }
	#myCarousel_partenaires .carousel-inner .active.right { left: 100%!important; }
	
	#myCarousel_partenaires .carousel-control.left{left: 0px;}
	#myCarousel_partenaires .carousel-control.right{	right: 0px;}
}
@media (min-width: 768px) and (max-width: 991px ) {
/* 	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next     { left:  50%; }
	.carousel-inner .prev	{ left: -50%; } */
	#myCarousel_partenaires .active > div { display:none; }
	#myCarousel_partenaires .active > div:first-child { display:block; }
	#myCarousel_partenaires .active > div:first-child + div { display:block; }
	#myCarousel_partenaires .active > div:first-child + div+ div { display:block; }
	#myCarousel_partenaires .active > div:first-child + div + div + div { display:block; }
	#myCarousel_partenaires .carousel-inner .active.left { left: -25%!important; }
	#myCarousel_partenaires .carousel-inner .active.right { left: 25%!important; }
	.carousel-partenaires .carousel-control.right{ right: 0px!important; }
	 .carousel-partenaires .carousel-control.left{ left: 0px!important; }
	
} 
@media (min-width: 992px ) {
	#myCarousel_partenaires .carousel-inner .active.left { left: -16.666%!important; }
	#myCarousel_partenaires .carousel-inner .active.right { left: 16.666%!important; }
}
#myCarousel_partenaires .carousel-inner .active.left,#myCarousel_partenaires .carousel-inner .active.right{
  -webkit-transform: translate3d(0%,0,0)!important;
  transform: translate3d(0%,0,0)!important;
  transition: left 0.6s ease-in-out 0s;
 }


.liste-partenaires .vertical-center{
	height: 240px;
	width: 30em; /* Pas de dépassement horizontal */
}

/***************/
/*** OLD IE ****/
/***************/

.oldie .carousel-partenaires .item IMG{
	width:100%;
}
.oldie .liste-partenaires .thumbnail{
	background:none;
}
/*FIN STYLE MODULE Partenaires*/

/*DEBUT STYLE MODULE Plans*/
/**defaut**/#container_info{position:relative}
#container_info>img{width:100%}

#container_info .infos{
    position: absolute;
    top: 10%;
    left: 5%;
    width: 28%;
    /* height: 42%; */
	padding:10px;
    background: rgba(255,255,255,0.8);
	z-index:1;
}
#container_info .titre_info{
    color: ;
    font-size: em;
}
#container_info .titre_info .num{
    color: ;
    background-color: ;
    border-radius: 50%;
    margin: 0px -2px;
    font-size: 0.8em;
    border: px solid ;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    padding: 3px 0px;
}
#container_info .infos .lien{
/*     top: 90%;
    position: inherit;
    margin-bottom: 0%;
    width: 100%; */
	margin-top:8px;
    background-color: ;
    color: ;
    text-align: center;
    font-size: 1.2em;
    padding: 8px;
}
#container_info .point{
    width: 40px;
    height: 40px;
    margin: 1%;
	text-align: center;
	padding: 5px 0px;
    background-color:  ;/*#91B93A;*/
    border: 2px solid ;
    border-radius: 50%;
    color: ;
    font-size: 1.2em;
    cursor: pointer;
	/* transform: translate(-100%,-100%); */
}
#container_info .description_info{
    height: 270px;
	margin-top: 8px;
    overflow-y: scroll;
}
#container_info .point:hover{

    background-color:  ;/*#91B93A;*/
    border: 2px solid ;
    color: ;
}

.no-panel{
    margin-bottom: 0px;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
    box-shadow: 0 0px 0px rgba(0,0,0,.05);
}

/******** XS ******/

#accordion_infos .panel-heading{
	background:;
	color:;
}
/*FIN STYLE MODULE Plans*/

/*DEBUT STYLE MODULE Produits*/
/**defaut**/#produit {
	background-color: #F2F2F2;
}
.conteneur_bandeau{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.placeur_bandeau{
	position: absolute;
	width: 140%;
	left: -20%;
	top: 45%;
}
.produit .bandeau{
	transform: rotateZ(-45deg);
	background-color: ;
	color: ;
	text-align: center;
	width: 100%;
	font-size: 4em;
	opacity: 0.5;
}
/*FIN STYLE MODULE Produits*/

/*DEBUT STYLE MODULE ReseauxSociaux*/
/**defaut**/footer .icn-rsx{
	margin-top:10%;
}
.icn-rsx a .pyricon {
	-webkit-transition: background-color 0.25s ease-out;
	transition: background-color 0.25s ease-out;
}
.icn-rsx.icn-neg a .pyricon {
}
.icn-rsx a:hover .pyricon, .icn-rsx a:active .pyricon {
	text-decoration: none;
}
.icn-rsx.icn-neg a:hover .pyricon,  .icn-rsx.icn-neg a:active .pyricon {
}

/*FIN STYLE MODULE ReseauxSociaux*/

/*DEBUT STYLE MODULE Slider*/
/**defaut**/.slider .carousel-caption.large {
	top: 40%;
	left: 10%;
	padding: 1%;
	bottom: auto;
}
.slider .carousel-caption {
	background-color:;
	overflow: hidden;
	border-radius: 1em;
	font-family: cabin;
	text-align: justify;
	text-shadow: none;
}
.slider .carousel-caption p{
	font-size: em;
	color:;
	
}
.slider .carousel-caption.large h3 {
	border-bottom: 1px solid ;
	font-size:em;
	
	color:;
	text-align: left;
	font-weight: bold;
	padding-bottom: 15px;
	margin-top: 0px;
	text-shadow: none;
}
.slider .carousel-caption {
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}

.slider .carousel-indicators {
	display:none;
}

.slider .carousel-caption.large {
	transform: translateX(200%);
	opacity: 0;
	transition: 1s ease;
}

.slider  .active .carousel-caption.large {
	transform: translateX(0%);
	opacity: 1;
	transition: 1s ease;
}
.slider .carousel-inner{
	top:0px;
}
.sliderr-haut{
	margin-top: 25px;
}
/*FIN STYLE MODULE Slider*/

/*DEBUT STYLE MODULE Testament*/
/**defaut**/.apercu-testament div {
  padding-left: 10px;
}
.apercu-testament .operateur:first-of-type,
.apercu-front-testament .operateur:first-of-type {
  display: none;
}
.apercu-testament .operateur {
  /* font-weight: bold; */
  font-style: italic;
  text-decoration: underline;
}
.apercu-front-testament .element h4.selectable {
  cursor: pointer;
  border-bottom: 1px solid;
}
.apercu-front-testament .element h4 input {
  pointer-events: none;
  margin-left:10px;
  margin-right:10px;
}
.apercu-front-testament .element {
  border: 2px dashed rgb(0, 145, 165);
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.sorting-container::after {
	display: block;
	content: " ";
	height: 1em;
}
.sorting-container {
	padding-bottom: 1em;
	clear: both;
	overflow: auto;
}
#liste_accordeon{
	overflow: auto;
}
.sorting-container #liste_accordeon [data-ordre] {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.sorting-container #liste_accordeon .placeholder {
	display: block;
	content: " ";
	height: 2em;
}
/*FIN STYLE MODULE Testament*/