/***************************************************************/
/*                             ACCUEIL                         */
/***************************************************************/

/*Général*/
body.front #main-container {
	margin: 0 50px;
}

#bloc-nouveautes {
	background: url(/sites/all/themes/progilone/images/bg_1.jpg);
}
#bloc-selection {
    background: url(/sites/all/themes/progilone/images/bg_2.jpg);
}
#bloc-actualites-newsletters {
    background: url(/sites/all/themes/progilone/images/bg_4.jpg);
}
#bloc-utilisateur {
    background: url(/sites/all/themes/progilone/images/bg_6.jpg);
}
#bloc-agenda {
    background: url(/sites/all/themes/progilone/images/bg_5.jpg);
}
#bloc-nouveautes,
#bloc-selection,
#bloc-utilisateur,
#bloc-agenda,
#bloc-actualites-newsletters {
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-size: cover;
}
#bloc-nouveautes,
#bloc-selection,
#bloc-utilisateur {
    height: 270px;
}
#bloc-actualites-newsletters,
#bloc-agenda {
	height: inherit;
}
#bloc-actualites,
#bloc-newsletters {
    height: inherit;
}
#bloc-nouveautes h3,
#bloc-selection h3,
#bloc-utilisateur h3,
#bloc-agenda h3 {
   margin-top: 0; 	
}
#bloc-utilisateur h3 {
	margin-bottom: 2px;
}
/*Fin Général*/


#nouveautes div {
    padding: 1rem;
}

#nouveautes a {
    color: white;
}

.button-see-more {
    padding: .5rem;
    color: white;
    border-radius: 5px;
    text-decoration: none;
}

body.path-frontpage .views-field-title {
    text-align: center;
}

.region-sidebar-second .block-views > h2 {
    font-size: 1.5rem;
    margin-bottom: 2.5rem;
    margin-top: 0;
}

/** Carousel image center**/
.slick img, .slick iframe {
    margin: auto!important;
}

.slick-list {
    text-align: center;
    width: 95%;
    margin: auto;
}

.slick-slider {
    margin-bottom: 0;
}

.node .field--type-image {
    float: inherit;
    margin: 0 auto;
    display: inline-block;
}

.align-left {
    padding-right: 1rem;
}

.align-right {
    padding-left: 1rem;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .multi-item-carousel .carousel-inner > .item{
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
    }
} 
@media (max-width: 767px) {
	body.front #main-container {
	    margin: 0;
	}
}
/*Fin caroussel*/


/*Bloc connexion/utilisateur*/
#bloc-utilisateur,
#bloc-agenda {
	padding: 10px 15px 10px 15px;
}
#bloc-utilisateur #forgotten-pass,
#bloc-utilisateur #pre-registration {
	display: block;
	width: 100%;
	margin-top: 5px;
	line-height: 16px;
}
#bloc-utilisateur .bonjour-utilisateur {
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 20px;
}
#bloc-utilisateur .info-utilisateur {
	width: 100%;
	    margin-bottom: 10px;
}
#bloc-utilisateur .deconnexion-utilisateur {
	display: inline-block;
    width: 100%;
    vertical-align: middle;
    cursor: pointer;
    	
	color: #fff;
    background-color: #337ab7;
    background-image: none;
    
    border: 1px solid transparent;
    border-radius: 4px;
    border-color: #2e6da4;
    
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    
    padding: 6px 12px;
    margin-top: 10px;
    margin-bottom: 0;
}
#bloc-utilisateur .deconnexion-utilisateur:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
#bloc-utilisateur a {
    color: black;
}

.sidebar .custom-account-anonymous {
    margin-top: 2rem;
}
.sidebar #block-homeuserblock {
    margin-top: 2.5rem;
    padding: 0;
}

.sidebar .block {
    margin: auto;
}

.sidebar {
    padding: .65rem;
}

.sidebar .col-auto {
    padding: 0;
}
/*Fin bloc connexion/utilisateur*/

/* Second menu à côté du logo */
div#block-ultimenuusermenusecond {
    margin: auto;
}

/*Bloc agenda*/
#bloc-agenda .view-calendrier-page-d-accueil .pagination {
	margin-top: 0;
}
#bloc-agenda div.calendar-calendar div.month-view {
    border: 1px solid white;
}
#bloc-agenda .calendar-calendar td {
	text-align: center;
}
#bloc-agenda .calendar-calendar td.has-events {
	background-color: darkcyan;
}
#bloc-agenda .calendar-calendar td.has-events a {
    color: white;
    text-decoration: none;
}

.view-evenements-a-venir .views-row {
    line-height: 16px;
    margin-bottom: 5px;
}
.view-evenements-a-venir a {
    color: white;
    margin-left: 5px;
}
/*Fin bloc agenda*/

/*Onglets Actualités et Newsletters*/
#onglets-bloc-actualites-newsletters {
    padding: 10px 15px 10px 15px;
    width: 100%;
    height: 65px;
}
#bloc-actualites-newsletters .pane-actualites-page-d-accueil .pane-title,
#bloc-actualites-newsletters .pane-newsletters-page-d-accueil .pane-title {
    display: none;
}
#bloc-actualites-newsletters div#onglet-actualites.selected, 
#bloc-actualites-newsletters div#onglet-newsletters.selected {
    background-color: #808080;
}
#bloc-actualites-newsletters div#onglet-actualites, 
#bloc-actualites-newsletters div#onglet-newsletters {
    background-color: #d4d4d4;
    border-radius: 0;
    color: white;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    float: left;
    width: 200px;
    height: 45px;
    padding: 15px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
#bloc-actualites-newsletters div#onglet-actualites.selected:hover, 
#bloc-actualites-newsletters div#onglet-newsletters.selected:hover {
    background-color: #808080;
}
#bloc-actualites-newsletters div#onglet-actualites:hover, 
#bloc-actualites-newsletters div#onglet-newsletters:hover {
    background-color: #A6A6A6;
}
@media (max-width: 575px) {
	#bloc-actualites-newsletters div#onglet-actualites, 
	#bloc-actualites-newsletters div#onglet-newsletters {
	   width: 120px;
	}
}
/*Fin onglets Actualités et Newsletters*/

/*Actualités page accueil*/
div.actualite-accueil-page-item {
    padding: 10px;
    background-color: white;
    margin-bottom: 15px;
}
.actualite-page-accueil-content {
    height: 180px;
    overflow: hidden;
    margin-bottom: 10px;
}
.actualites-accueil-title {
    max-height: 40px;
    overflow: hidden;
    margin-bottom: 5px;
}
.actualites-accueil-title a {
    color: black;
    font-size: 18px;
    line-height: 18px;
}
.actualites-accueil-image {
    padding: 0 5px 5px 0;
}
.actualites-accueil-body {
    text-align: justify;
}
/*Fin actualités page accueil*/

/*Newsletters page accueil*/
div.newsletters-accueil-page-item {
    padding: 10px;
    background-color: white;
    margin-bottom: 15px;
}
.newsletters-page-accueil-content {
    height: 180px;
    overflow: hidden;
    margin-bottom: 10px;
}
.view-newsletters-page-d-accueil .block-title {
    margin-top: 0;
}
.newsletters-accueil-title {
    max-height: 40px;
    overflow: hidden;
    margin-bottom: 5px;
}
.newsletters-accueil-title a {
    color: black;
    font-size: 18px;
    line-height: 18px;
}
.newsletters-accueil-body {
    text-align: justify;
}

#highlighted .list-group-item {
    background: transparent;
}

.region-highlighted-second {
    justify-content: center;
    width: 100%;
}

.slick__arrow {
    z-index: 0;
}

.block-views-blockselections-thematiques-carousel-block-1 .field--name-node-link {
    text-align: center;
}

/*Fin Newsletters page accueil*/

/*Responsive accueil*/
@media (min-width: 1200px) {
    #blocs-de-gauche-accueil {
        width: 75%;
    }
    #blocs-de-droite-accueil {
        width: 25%;
    }

    /** Menu de gauche sur page de base fixed **/
    .field--name-field-menu-information-pratiques, .field--name-field-menu {
        position: relative;
    }

    .field--name-field-menu .field__item {
        position: absolute;
        width: fit-content;
    }

    .field--name-field-menu-information-pratiques .field__item {
        position: absolute;
        width: fit-content;
    }
    /*****************************************/
}