/*@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Catamaran:300,400,500,600');


* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	list-style: none;
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	color: #5e5e5e;
	text-decoration: none;
}
*/


/* Top Bar */
#sp-top-bar {
	background: #511223 !important;
	padding: 0;
}


/* Nom : Top 1 */
#sp-top1 p {
	height: 44px;
	line-height: 44px;
	padding-right: 75px;
	margin-bottom: 0;
	color: #fff;
	font-size: 18px;
}


/* Module de recherche */
#sp-top-bar .sp-module {
    display: block;
    overflow: hidden;
    margin: 0;
}

#sp-top-bar .search {
	display: table;
	float: right;
	font-size: 0;
}

#sp-top-bar .search label {
	display: none;
}

#sp-top-bar .search input,
#sp-top-bar .search .button {
	display: inline-block;
	vertical-align: top;
}

#sp-top-bar .search input {
	border: none;
	border-radius: 0px;
	background: #efefef;
	font-size: 16px;
	padding: 6px 20px;
	width: 250px;
	height: 44px;
	box-shadow: none !important;
}

#sp-top-bar .search .button {
	height: 44px;
	width: 44px;
	font-size: 0;
	background: #009d9e;
	border-radius: 0;
	border: none;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

#sp-top-bar .search .button:hover {
	background: #71384b;
}

#sp-top-bar .search .button::before {
	content: "\f00e";
	font-size: 20px;
	font-family: 'FontAwesome';
	color: #fff;
}





/* Page de résultats de recherche */
.view-search #searchForm .btn-group {
	float: none !important;
	vertical-align: bottom;
}

.view-search #searchForm .phrases,
.view-search #searchForm .only,
.view-search #searchForm .form-limit {
	display: none;
}

.view-search #searchForm #search-searchword {
	box-shadow: none !important;
}

.view-search #searchForm #search-searchword:focus {
	border-color: #71384b;
}

.view-search .result-title a {
	color: #71384b !important;
}

.view-search .result-title a:hover {
	color: #511223 !important;
}

.view-search .result-created {
	display: none;
}

.view-search #searchForm button {
	background: #71384b !important;
}

.view-search #searchForm button:hover {
	background: #511223 !important;
}

.pagination > li > a {
	font-weight: 400 !important;
	color: #888 !important;
}

.pagination > .active > a,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > span {
    border-color: #71384b !important;
	background-color: #71384b !important;
	color: #fff !important;
	cursor: pointer !important;
	-webkit-transition:400ms ease;
	-moz-transition:400ms ease;
	-o-transition:400ms ease;
	transition:400ms ease;
}

.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    border-color: #511223 !important;
	background-color: #511223 !important;
}








/* Header */

/* Logo */
#sp-header #sp-logo {
    width: 22%;
}

#sp-header .logo {
	/*position: absolute;*/
	z-index: 999;
	width: 90px;
	top: -44px;
	padding: 4px 4px 0;
	background: #fff;
    box-sizing: border-box;
}

#sp-header .logo a {/**/
	display: block;
}

/*#sp-header.menu-fixed .logo {
	top: 0px;
	width: 70px;
	padding: 2px 4px 2px;
}*/

#sp-logo {
	position: relative;
}

#sp-logo::after {
	content: '';
	background: url('../images/gamme.png') no-repeat;
	background-size: contain;
	width: 100px;
	height: 60px;
	position: absolute;
	left: 130px;
	top: 20px;
	-webkit-transition:400ms ease;
	-moz-transition:400ms ease;
	-o-transition:400ms ease;
	transition:400ms ease;
}

#sp-header.menu-fixed #sp-logo::after {
	width: 75px;
	height: 45px;
	left: 105px;
	top: 27px;
}





/* Menu */
#sp-header #sp-menu {
    width: 78%;
}

.sp-megamenu-parent {
    position: relative;
    width: 100%;
}

.sp-megamenu-parent > li {
	vertical-align: top;
    display: table-cell;
    padding: 0 9px !important;
}

.sp-megamenu-parent > li:first-child > a {
	font-size: 0;
	width: 20px;
	line-height: 40px;
}

.sp-megamenu-parent > li:first-child > a::before {
	content: "\f015";
	font-family: 'FontAwesome';
	font-size: 20px;
	color: #71384b;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

.sp-megamenu-parent > li:first-child > a:hover::before {
	color: #511223;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
	font-size: 14px;
	color: #444;
	position: relative;
    text-transform: none;
    text-align: center;
	line-height: normal;
	height: 60px;
	margin-top: 30px;
	padding: 0;
}

/*.sp-megamenu-parent > li:not(:first-child) > a::before {
	content: '';
	height: 1px;
	background: #71384b;
	width: 0;
	position: absolute;
	left: 0;
	bottom: 25px;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

.sp-megamenu-parent > li:not(:first-child) a:hover::before {
	width: 100%;
	background: #511223;
}*/

.sp-megamenu-parent > li.active > a {
	color: #71384b;
}

.sp-megamenu-parent > li:not(:first-child).active > a::before {
	background: #511223;
}

.sp-megamenu-parent > li:hover > a {
	color: #009d9e;
}




/* Sous-menu */
.sp-megamenu-parent .sp-dropdown {
	-webkit-animation: none !important;
	animation: none !important;
	box-shadow: 1px 1px 3px #666;
}

.sp-megamenu-parent > li > .sp-dropdown {
	width: auto !important;
	min-width: 260px !important;
}

.sp-megamenu-parent > li > .sp-dropdown > .sp-dropdown-inner {
	padding: 0 !important;
	box-shadow: none !important;
}

/*.sp-megamenu-parent > li > .sp-dropdown > div > ul > li {
	padding: 0 20px !important;
}
*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	background: #f4f4f4 !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	display: block;
	padding: 8px 20px 6px;
	/*margin: 4px 0 2px;*/
	position: relative;
	font-size: 15px;
	color: #444;
	font-weight: 400;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:not(:last-child) > a {
	border-bottom: solid 1px #e5e5e5;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	background: #71384b !important;
	color: #fff !important;
}

/*.sp-megamenu-parent > li:nth-child(3) {
	position: static !important;
}*/

/*.sp-megamenu-parent > li:nth-child(3) > .sp-dropdown {
	min-width: 1140px !important;
	display: block;
	right: -32px !important;
	left: auto !important;
}*/

/*.sp-megamenu-parent > li:nth-child(3) > .sp-dropdown > div > ul > li {
	display: inline-block !important;
	vertical-align: top;
	max-width: none;
	width: calc(100% * 1/5);
	box-sizing: border-box;
	padding: 0 10px !important;
}*/



.sp-megamenu-parent > li:nth-child(3) > .sp-dropdown > div > ul > li > .sp-dropdown {
	/*height: 0;
	margin-bottom: 0;
	opacity: 0;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;*/
}

.sp-megamenu-parent > li:nth-child(3) > .sp-dropdown > div > ul > li:hover >.sp-dropdown {
	/*height: auto;
	opacity: 1;
	margin-bottom: 15px;*/
}


/*.sp-megamenu-parent .sp-dropdown li.sp-has-child > a::after {
	display: none !important;
}*/

.sp-megamenu-parent .sp-dropdown li > a[href="#"]::before {
	display: none !important;
}

.sp-megamenu-parent .sp-dropdown li.active > a {
	color: #444 !important;
}

/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: none;
    color: #511223 !important;
}*/

/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a[href="#"]:hover {
    color: #444 !important;
}*/

/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a::before {
	bottom: 0;
}*/



/* Sous sous-menu */
.sp-megamenu-parent > li:not(:nth-child(3)) > .sp-dropdown .sp-dropdown {
	display: block !important;
}

/*.sp-megamenu-parent > li:nth-child(3) li:hover .sp-dropdown {
	display: none !important;
}*/

.sp-megamenu-parent .sp-dropdown .sp-dropdown {
	/*position: static !important;*/
	width: auto !important;
	padding: 0 !important;
	box-shadow: 1px 1px 3px #666;
	/*margin-bottom: 15px;*/
}

/*.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown {
	position: static;
}*/

.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown-inner {
	padding: 0 !important;
	box-shadow: none !important;
	background: #f7f7f7 !important;
	width: 260px;
}


/*.sp-megamenu-parent > li > .sp-dropdown > div > ul > li .sp-dropdown li {
    padding: 0 20px !important;
}*/

.sp-megamenu-parent .sp-dropdown .sp-dropdown li.sp-menu-item > a {
	font-weight: 300;
}




/* Sous sous sous-menu */
/*.sp-megamenu-parent .sp-dropdown .sp-dropdown  .sp-dropdown li.sp-menu-item > a {
	padding-left: 25px;
	line-height: 20px;
}*/

.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown li.sp-menu-item:last-child > a {
	border-bottom: solid 1px #e5e5e5;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown li.sp-menu-item > a:before {
	left: 25px;
} 

.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown li.sp-menu-item > a:hover:before {
	width: calc(100% - 25px);
} 

.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown li.sp-has-child > a::after {
	content: "\f107" !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown {
	box-shadow: 1px 1px 3px #666;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown .sp-dropdown-inner {
	background: #fafafa !important;
}

/*.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown li.sp-menu-item > a:after {
	content: "\f0da";
	font-family: "FontAwesome";
	color: #ddd;
	font-size: 18px;
	position: absolute;
	left: 10px;
	top: 2px;
}*/




/* Sous sous sous sous-menu */
.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown .sp-dropdown {
	position: static;
	display: block;
	box-shadow: none;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown .sp-dropdown .sp-dropdown-inner {
	background: #fdfdfd !important;
}

/*.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown .sp-dropdown li.sp-menu-item > a {
	padding-left: 45px;
}*/

/*.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown .sp-dropdown li.sp-menu-item > a:before {
	left: 45px;
}*/

/*.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown .sp-dropdown li.sp-menu-item > a:hover:before {
	width: calc(100% - 45px);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown .sp-dropdown li.sp-menu-item > a:after {
	font-size: 15px;
	left: 30px;
	top: 1px;
}*/










/* Offcanvas */
#offcanvas-toggler > i::before {
    color: #009d9e;
}

#offcanvas-toggler:hover > i::before {
	color: #71384b;
}

.close-offcanvas:focus > i::before,
.close-offcanvas:hover > i::before {
	color: #009d9e !important;
}



/* Menu responsive */
.offcanvas-menu ul > li {
	display: table;
	margin: auto;
}


.offcanvas-menu ul > li > a::before {
    display: none;
}

/* Ajout pour un bouton de dépliement plus explicite */
.offcanvas-menu ul > li > a .offcanvas-menu-toggler {
	display: block;
	background: rgba(155, 195, 28, 0.75);
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	font-weight: 600;
}

.offcanvas-menu ul > li > .offcanvas-menu-toggler i {
	display: block;
	border: solid 2px rgba(255, 255, 255, 0.75);
	width: 32px;
	height: 32px;
	color: #fff;
	line-height: 30px !important;
	text-align: center;
	border-radius: 50%;
	font-weight: 600;
	font-size: 24px;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

.offcanvas-menu ul > li > .offcanvas-menu-toggler i:hover {
	background: rgba(255, 255, 255, 1);
	color: #222;
}


.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a {
	font-size: 30px !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .open-icon {
	display: inline-block !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler:not(.collapsed) .close-icon {
	display: inline-block !important;
	line-height: 26px !important;
}


/* Niveau 2 */
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a {
    font-size: 20px !important;
}

.offcanvas-menu ul > li > ul > li .offcanvas-menu-toggler i {
	width: 26px;
	height: 26px;
	border: solid 2px rgba(255, 255, 255, 0.75);
	font-size: 18px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li > ul > li .offcanvas-menu-toggler .open-icon {
	line-height: 26px !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li > ul > li .offcanvas-menu-toggler:not(.collapsed) .close-icon {
	line-height: 22px !important;
}


/* Niveau 3 */
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li ul li a {
    font-weight: 300 !important;
    font-size: 18px !important;
}

.offcanvas-menu ul > li > ul > li > ul > li .offcanvas-menu-toggler {
	line-height: 16px !important;
}

.offcanvas-menu ul > li > ul > li > ul > li .offcanvas-menu-toggler i {
	width: 22px;
	height: 22px;
	border: solid 1px rgba(255, 255, 255, 0.75);
	font-size: 16px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li > ul > li > ul > li .offcanvas-menu-toggler .open-icon {
	line-height: 20px !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li > ul > li > ul > li .offcanvas-menu-toggler:not(.collapsed) .close-icon {
	line-height: 18px !important;
}


/* Niveau 4 */
.offcanvas-menu ul > li > ul > li > ul > li > ul > li .offcanvas-menu-toggler {
	line-height: 10px !important;
}

.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li ul li ul li a {
    font-size: 16px !important;
    text-transform: none !important;
    padding: 0 !important;
}













/* Slider */
#sppb-carousel1,
#sppb-carousel1 .sppb-item {
	height: 350px !important;
}

#sppb-carousel1 .sppb-carousel-inner > .sppb-item > a > img,
#sppb-carousel1 .sppb-carousel-inner > .sppb-item > img {
    transform: translateY(-22%);
}

.sppb-carousel-arrow.right {
    right: calc((100% - 1170px) / 2) !important;
}
.sppb-carousel-arrow.left {
    left: calc((100% - 1170px) / 2) !important;
}

#slider h2 {
	width: 400px;
	margin: 20px auto 0 !important;
	padding: 20px !important;
	background: rgba(255, 255, 255, 0.8);
	color: #511223 !important;
	border-radius: 4px;
}







/* Actus */
#actus {
	position: relative;
}

#actus h3 {
	font-size: 24px;
	margin-top: 8px !important;
}

#actus::before {
	content: '';
	position: absolute;
	top: -30px;
	left: 0;
	height: 260px;/* calc(50% - 1px); */
	width: calc((100% - 1140px) / 2);
	background: #511223;
}

#actus::after {
	content: '';
	position: absolute;
	bottom: 20px;
	right: 0;
	height: 306px;
	width: calc((100% - 1140px) / 2);
	background: #71384b;
}

#actus .sppb-row {
	margin-left: -5px;
	margin-right: -5px;
}

#actus .sppb-col-md-3 {
	padding-left: 5px;
	padding-right: 5px;
}



/* Coordonnées */
#actus .coordonnees a {
	display: table;
	padding: 10px 20px;
	font-weight: 400;
	color: #fff;
	border-radius: 4px;
	background: #009d9e;
	margin: 20px 0 0;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

#actus .coordonnees a:hover {
	color: #7D2012;
	background: #fff;
}





/* Les portraits */
#actus .portrait > .sppb-column-overlay {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.4)) !important;
}

#actus .portrait:hover > .sppb-column-overlay {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.8)) !important;
}

#actus .portrait .sppb-addon-text-block {
	opacity: 0;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

#actus .portrait:hover .sppb-addon-text-block {
	opacity: 1;
}

#actus .portrait .clearfix,
#actus .portrait .sppb-addon-text-block {
	height: 100%;
	position: relative;
}

#actus .portrait h3 {
	margin: 0;
	position: absolute;
	top: 50%;
	font-weight: 300;
	transform: translateY(-50%);
	display: block;
	width: 100%;
}




/* Les actus */
#actus .actu {
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

/*#actus .actu:nth-of-type(1) {
	position: relative;
}

#actus .actu:nth-of-type(1)::before {
	content: '';
	width: 10px;
	height: calc(100% + 10px);
	background: #efefef;
	position: absolute;
	left: -10px;
	top: -10px;
}
*/


/* Horaires */
#actus .horaires .picto img {
	width: 60px;
}











/* Acces */
#acces .sppb-addon-content {
	display: flex;
	flex-wrap: wrap;
}

#acces p {
	display: inline-block;
	width: calc(100% * 1/3);
	text-align: center;
	margin-bottom: 0;
	position: relative;
}

#acces p:nth-child(1)::before,
#acces p:nth-child(2)::before {
	content: '';
	height: 140px;
	border-left: dotted 4px #fff;
	position: absolute;
	right: -2px;
	bottom: 0;
}

#acces p a {
	color: #fff;
	font-weight: 400;
	font-size: 22px;
	position: relative;
	padding: 4px 0;
	border-bottom: solid 1px transparent;
}

#acces p a::before {
	content: "";
	color: #511223;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	top: -100px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

#acces p:nth-child(1) a::before {
	background: url('../images/accueil/dossier.png') no-repeat center center;
	background-size: 40%;
    background-color: rgba(255, 255, 255, 0.8);
}

#acces p:nth-child(2) a::before {
	background: url('../images/accueil/menu.png') no-repeat center center;
	background-size: 45%;
    background-color: rgba(255, 255, 255, 0.8);
}

#acces p:nth-child(3) a::before {
	background: url('../images/accueil/programme.png') no-repeat center center;
	background-size: 50%;
    background-color: rgba(255, 255, 255, 0.8);
}

#acces p a:hover::before {
	background-color: rgba(255, 255, 255, 1) !important;
}


#acces p a:hover{
	border-color: #fff;
}














/* Content */
.contenu-page {
	padding-top: 60px !important;
}

#content h1,
.contenu-page h1 {
	color: #511223;
}

#content h2,
.contenu-page h2 {
	color: #71384b;
	margin-bottom: 18px;
}

#content h3,
.contenu-page h3 {
	color: #511223;
	margin-bottom: 15px;
	margin-top: 0;
}

#content a:not(.sppb-btn-custom),
.contenu-page a:not(.sppb-btn-custom),
.contenu-page a:not(.sppb-btn-custom) strong,
.contenu-page a:not(.sppb-btn-custom) strong {
	color: #71384b !important;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

#content a:not(.sppb-btn-custom):hover,
.contenu-page a:not(.sppb-btn-custom):hover,
.contenu-page a:not(.sppb-btn-custom) strong:hover,
.contenu-page a:not(.sppb-btn-custom) strong:hover {
	color: #009d9e !important;
	border-bottom: solid 1px #009d9e;
}

#content a.wf_file,
.contenu-page a.wf_file {
	background: #009d9e !important;
	color: #fff !important;
	padding: 8px 20px;
	border-radius: 4px;
	margin-top: 12px;
	display: table;
	font-weight: 400;
	border: none !important;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

#content a.wf_file:hover,
.contenu-page a.wf_file:hover {
	background: #511223 !important;
}

#content a.wf_file:hover span,
.contenu-page a.wf_file:hover span {
	color: #fff !important;
}

#content a.wf_file::before,
.contenu-page a.wf_file::before {
    content: "\f019";
    font-family: 'FontAwesome';
    color: #fff;
    position: relative;
    top: 0;
    margin-right: 12px;
    font-size: 18px;
}

#content ul,
#content ol,
.contenu-page ul,
.contenu-page ol {
	padding-left: 0;
	display: flow-root;
}

#content p,
.contenu-page p {
	text-align: justify;
}

#content li,
.contenu-page li {
	padding-left: 15px;
	position: relative;
	list-style: none;
}

#content li::before,
.contenu-page li::before {
	content: "\f0da";
	font-family: "FontAwesome";
	color: #511223;
	font-size: 18px;
	position: absolute;
	left: 0;
	top: 1px;
}

#content strong,
.contenu-page strong {
	font-weight: 500;
	color: #444;
}



/* Blocquotes */
#content blockquote,
.contenu-page blockquote {
	color: #888;
	border-color: #ccc;
	padding: 0 20px;
	margin-top: 20px;
}

#content blockquote strong,
.contenu-page blockquote strong {
	font-weight: 400
	font-size: 17px;
	color: #888;
}





/* Encart */
.contenu-page .encart {
	background: #511223;
	padding: 30px;
}

.contenu-page .encart h2,
.contenu-page .encart h3,
.contenu-page .encart p,
.contenu-page .encart li,
.contenu-page .encart li::before,
.contenu-page .encart a,
.contenu-page .encart strong {
	color: #fff;
}





/*////////////  PAGES  ///////////*/
#sp-page-title .sp-page-title {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 20%;
}

#sp-page-title .sp-page-title::before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
}

#sp-page-title h3 {
	font-size: 40px;
	text-align: center;
	font-weight: 300;
	text-transform: uppercase;
	position: relative;
}




/* Fil d'ariane */
body.itemid-101 .breadcrumb {
  display: none;
}

.breadcrumb {
  padding: 8px 0;
  margin: 10px 0 0 !important;
  background: none !important;
  border-bottom: solid 1px #efefef;
}

.breadcrumb li {
	display: inline-block !important;
	border-bottom: none !important;
}

.breadcrumb li:first-of-type {
	display: none !important;
}

.breadcrumb li::before {
	display: none !important;
}

.breadcrumb li a,
.breadcrumb li > span {
	display: inline-block !important;
	line-height: 36px;
	padding: 0 0 4px;
}

.breadcrumb li .divider {
	padding: 0 10px;
}

.breadcrumb *,
.breadcrumb *:hover {
  color: #888 !important;
}






/* Global */

.btn-primary {
	border: none;
	background: #511223;
	padding: 8px 12px 6px;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

.btn-primary:hover {
	background: #7d2012;
}





/* Page Liens utiles --> Partenaires */
.contenu-page .partenaire {
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

.contenu-page .partenaire:hover {
	box-shadow: 1px 1px 10px #aaa !important;
}

.contenu-page .partenaire p {
	text-align: center;
}

.contenu-page .partenaire img {
	max-width: 50%;
	max-height: 200px;
	display: table;
	margin: 20px auto 0;
	line-height: 200px;
}





/* Page de contact */

/* Formulaire */
.chronoforms label {
	color: #444 !important;
	font-size: inherit !important;
}

.chronoforms #message_id {
	height: auto;
}

.chronoforms textarea:focus,
.chronoforms .dropdown.ui.selection.active:focus,
.chronoforms .dropdown.ui.selection.active.visible,
.chronoforms .dropdown.ui.selection.active .menu.transition.visible,
.chronoforms input[type="text"]:focus {
	border-color: #511223 !important;
}

.chronoforms .multifield .icon::before {
	color: #71384b;
}

.chronoforms .multifield .field .checked .icon::before {
	color: #511223;
}

.chronoforms .multifield .field label {
    padding-left: 20px !important;
}

.chronoforms #button7 {
	background: #71384b;
	margin-top: 10px;
	padding: 14px 28px;
	text-transform: uppercase;
	letter-spacing: 2px;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

.chronoforms #button7:hover {
	background: #511223;
}

.chronoforms6_credits {
	display: none;
}








/* Partenaires */
#partenaires {
	background: #efefef;
}

#partenaires .sppb-addon-content {
    position: relative;
    padding: 0 !important;
    height: 100px !important;
    /*width: calc(100% - 50px);*/
    margin: auto;
    overflow: hidden;
    z-index: 6;
}

#partenaires .slide {
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
	-webkit-transition:300ms ease;
	-moz-transition:300ms ease;
	-o-transition:300ms ease;
	transition:300ms ease;
}

#partenaires .slide.visible {
    opacity: 1;
    visibility: visible;
}

#partenaires p {
	display: inline-block;
	width: calc(100% * 1/3);
}

#partenaires a {
	display: block;
	text-align: center;
	line-height: 100px;
}

#partenaires p img {
	display: inline;
	max-height: 100px;
	height: auto;
	width: auto;
	max-width: 200px;
	margin: auto;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

#partenaires p img:hover {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}

/* Navigation */
#partenaires .nav {
	position: absolute;
	width: 1200px;
	left: calc((100% - 1200px) / 2);
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
}

#partenaires .prev,
#partenaires .next {
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background: rgba(102, 147, 146, 0.5);
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	z-index: 99;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

#partenaires .prev:hover,
#partenaires .next:hover {
	background: rgba(102, 147, 146, 0.8);
}

#partenaires .next {
	float: right;
}

#partenaires .prev::before,
#partenaires .next::before {
	font-family: "FontAwesome";
	color: #fff;
	font-size: 20px;
}

#partenaires .prev::before {
	content: "\f0d9";
}

#partenaires .next::before {
	content: "\f0da";
}










/* Cookies */

#cadre_alert_cookies .btn {
	margin: 2px 15px !important;
	-webkit-transition:200ms ease;
	-moz-transition:200ms ease;
	-o-transition:200ms ease;
	transition:200ms ease;
}

#cadre_alert_cookies .btn:hover {
	background: #71384b !important;
}




/* Footer */
#sp-footer {
	background: #71384b;
}

#sp-footer a {
	font-weight: 400;
}

#sp-footer a:hover {
	border-bottom: solid 1px #fff;
}



#sp-footer1 {
	text-align: left;
}

#sp-footer2 p{
	margin-bottom: 0;
}












/*//////////////////////////////////////*/
/*////                              ////*/
/*////         RESPONSIVE           ////*/
/*////                              ////*/
/*//////////////////////////////////////*/

@media screen and (max-width: 1200px) {

	.sp-megamenu-parent {
		display: none;
	}

	#offcanvas-toggler {
	    display: block !important;
	}

	/* Accueil */
	#sppb-carousel1,
	#sppb-carousel1 .sppb-item {
	    height: 300px !important;
	}

	#actus::before {
	    height: 260.4px;
	    width: calc((100% - 940px) / 2);
	}

	#actus::after {
	    height: 354px;
	    width: calc((100% - 940px) / 2);
	}


}



@media screen and (max-width: 992px) {

	#sp-top1 .sppb-addon-wrapper {
		margin-bottom: 0 !important;
	}

	#sp-top1 .sppb-addon-wrapper p {
		padding-right: 0 !important;
	}

	#sp-top2 form .search-query {
	    width: calc(100% - 44px);
	}

	.contenu-page {
    	padding-top: 50px !important;
	}

	#content img,
	.contenu-page img {
		max-width: 50% !important;
	}


	/* Accueil */
	#sppb-carousel1,
	#sppb-carousel1 .sppb-item {
	    height: 250px !important;
	}

	/* Horaires */
	#actus .coordonnees *,
	#actus .horaires {
		text-align: center;
	}

	#actus .coordonnees a/*[href*="contact"]*/,
	#actus .horaires .picto img {
		margin: auto;
	}

	#actus::before {
		display: none;
	    /*height: 250.4px;*/
	    width: calc((100% - 720px) / 2);
	}

	#actus::after {
		display: none;
	    /*height: 269.35px;*/
	    width: calc((100% - 720px) / 2);
	}


	/* Accès rapides */
	#acces .sppb-addon-content {
		display: block;
	}


	#acces p:nth-child(1)::before,
	#acces p:nth-child(2)::before {
	    display: none;
	}

	#acces p {
		display: block;
		padding-top: 125px;
		width: 100%;
	}

	#acces p:first-of-type {
		padding-top: 0;
	}

}


@media screen and (max-width: 768px) {


	/* Menu responsive */
	.full-screen .offcanvas-menu .close-offcanvas {
		right: 23px !important;
	}

	.offcanvas-menu .offcanvas-inner .sp-module {
		padding: 15px !important;
	}

	.offcanvas-menu .offcanvas-inner .sp-module ul li {
		text-align: left;
		padding: 0 !important;
		display: block;
		width: 100%;
	}

	.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul > li > a {
		padding: 20px 50px 10px 20px !important;
	}

	.offcanvas-menu .offcanvas-inner .sp-module ul li a {
		padding-right: 60px !important;
		padding-left: 20px !important;
	}

	.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li ul li ul li a {
		padding-right: 60px !important;
		padding-left: 20px !important;
	}

	.offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler {
		right: 0 !important;
	}

	.offcanvas-menu .offcanvas-inner .sp-module ul > li > ul > li .offcanvas-menu-toggler {
		transform: translate(-3px);
	}

	.offcanvas-menu .offcanvas-inner .sp-module ul > li > ul > li > ul > li .offcanvas-menu-toggler {
		transform: translate(-5px);
	}


	/* Taille des titres */
	.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a {
		font-size: 26px !important;
	}	
	.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a {
    	font-size: 18px !important;
	}
	.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li ul li a {
    	font-size: 16px !important;
	}
	.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li ul li ul li a {
	    font-size: 14px !important;
	}



	#sp-top1 p {
		text-align: center;
	}

	#sp-logo::after {
	    left: 100px;
   	}


   	/* Logo */
	#sp-header .logo {
		height: 90px;
		width: 90px;
		top: 0;
	}

	#sp-header .logo img {
		height: 80px;
	}

	#sp-top2 .form-search {
		width: 100%;
	}



	#sp-title h3 {
		font-size: 30px;
	}


	/* Actus - accueil */
	#actus::before {
	    width: 15px;
	}

	#actus::after {
	    width: 15px;
	}


	/* Partenaires */
	#partenaires p {
	    width: calc(100% * 1/2);
	}


	/* Footer */
	#sp-footer1 {
		margin-bottom: 10px;
	}

	#sp-footer1,
	#sp-footer2 p {
		text-align: center;
	}

	#sp-footer2 .clearfix {
		margin-bottom: 0;
	}

	#sp-footer2 .sppb-addon-wrapper {
		margin-bottom: 0 !important;
	}

}


@media screen and (max-width: 640px) {

	#content img,
	.contenu-page img {
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
	}

	#sppb-carousel1,
	#sppb-carousel1 .sppb-item {
	    height: 200px !important;
	}


	/* Menu */
    /* Taille des titres */
    .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a {
        font-size: 22px !important;
    }
    .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a {
        font-size: 18px !important;
    }
    .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li ul li a {
        font-size: 16px !important;
    }
    .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li ul li ul li a {
        font-size: 14px !important;
    }

}



@media screen and (max-width: 480px) {


	#slider h2{
		width: auto;
	}


	#content p,
	.contenu-page p {
		text-align: left !important;
	}


	/* Partenaires */
	#partenaires p {
		display: block;
	    width: 100%;
	}

}