@charset "UTF-8";
/* moved by compressor */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
/* moved by compressor */
/**************************************/
/* Default styles for news extension */
/**************************************/
.news .clear {
	clear: both;
}

.news .nav ul {
	float: left;
	display: inline;
	margin: 0;
}

.news .nav li {
	float: left;
}

.news .nav a {
	float: left;
	display: block;
}

.news .nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article {
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.news .article:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

.news .article:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article .news-img-wrap {
	float: left;
	margin: 3px 12px 5px 0;
	background: #fff;
}

.news .article .news-img-wrap a {
	display: block;
	float: left;
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
}

.news .article .news-img-wrap img {
	float: left;
	height: auto;
	width: auto;
}

.news .article .teaser-text {
	margin: 0 0 10px 0;
}

.news .article h3 {
	margin-bottom: 0;
}

.news .footer {
	clear: both;
	padding: 10px 0 0 0;
	border-top: 1px solid #eee;
	margin-top: 15px;
	color: #888;
}

.news .footer p {
	line-height: 1em;
}

.news .footer span {
	display: inline-block;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #ddd;
}

.news .footer span:last-child {
	border-right: 0;
}

.news .footer .news-category a {
	text-transform: uppercase;
}

.news .no-news-found {
	color: #DB0202;
	font-style: italic;
}

.news .page-navigation p {
	float: left;
}

.news .page-navigation ul {
	float: right;
}

.news .page-navigation ul li {
	float: left;
	display: block;
	padding: 0 2px;
	background: none;
}

.news .page-navigation ul li a {
	display: block;
}

/* category menu view */
.news-category-view ul li {
	padding: 5px 8px;
}

.news-category-view ul li li {
	padding: 2px 8px 2px 12px;
}

.news-category-view > ul > li:nth-child(even) {
	background: #f9f9f9;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.news-category-view .category-desc {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #ddd;
}

/* single view */
.news-single .footer {
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 10px 0 0 0;
	border-bottom: 0;
	border-top: 1px solid #eee;
}

.news-single .article .news-img-wrap {
	float: right;
	width: 282px;
	margin: 0 0 0 25px;
}

.news-single .article .news-img-wrap img {
	float: none;
}

.news-single .teaser-text {
	font-size: 15px;
	color: #888;
}

.news-text-wrap {
	margin-bottom: 10px;
}

.news-img-caption {
	color: #888;
}

/* related news + files */
.news-related-wrap {
	display: table;
	margin-top: 20px;
	width: 100%;
}

.news-related {
	width: 50%;
	padding: 15px;
	border: 1px solid #eee;
	display: table-cell;
}

.news-related ul li {
	line-height: 1em;
	margin-bottom: 12px;
}

.news-related ul li span {
	border-right: 1px solid #DDDDDD;
	display: inline-block;
	margin-right: 8px;
	padding-right: 8px;
	color: #888;
}

.news-related ul li span:last-child {
	border-right: 0;
	padding-right: 0;
}

.news-related h4 {
	margin-bottom: 10px;
}

.news-related-files ul li {
	margin-bottom: 20px;
}

.news-related-files .news-related-files-link .jpg {
	background-position: 0 0;
}

.news-clear {
	clear: both;
}

/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
/* default styles for extension "tx_eannuaires" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-e-annuaires table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-e-annuaires table th {
		font-weight:bold;
	}

	.tx-e-annuaires table td {
		vertical-align:top;
	}

.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}
/*
tympanus.net/Development/SelectInspiration/index3.html
*/
div.cs-select{display:inline-block;vertical-align:middle;position:relative;text-align:left;background:#fff;z-index:100;width:100%;max-width:500px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.cs-select:focus{outline:0}.cs-select select{display:none}.cs-select span{display:block;position:relative;cursor:pointer;padding:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-select>span{padding-right:3em}.cs-select .cs-selected span::after,.cs-select>span::after{speak:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cs-select>span::after{content:'\25BE';right:1em}.cs-select .cs-selected span::after{content:'\2713';margin-left:1em}.cs-select.cs-active>span::after{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.cs-select .cs-options{position:absolute;overflow:hidden;width:100%;background:#fff;visibility:hidden}.cs-select.cs-active .cs-options{visibility:visible}.cs-select ul{list-style:none;margin:0;padding:0;width:100%}.cs-select ul span{padding:1em}.cs-select ul li.cs-focus span{background-color:#ddd}.cs-select li.cs-optgroup ul{padding-left:1em}.cs-select li.cs-optgroup>span{cursor:default}div.cs-skin-elastic{background:0 0;font-size:1.5em;font-weight:700;color:#5b8583}@media screen and (max-width:30em){div.cs-skin-elastic{font-size:1em}}.cs-skin-elastic>span{background-color:#fff;z-index:100}.cs-skin-elastic>span::after{font-family:icomoon;content:'\e005';-webkit-backface-visibility:hidden;backface-visibility:hidden}.cs-skin-elastic .cs-options .cs-selected span::after,.cs-skin-elastic .cs-options>ul::before{content:''}.cs-skin-elastic .cs-options{overflow:visible;background:0 0;opacity:1;visibility:visible;padding-bottom:1.25em;pointer-events:none}.cs-skin-elastic.cs-active .cs-options{pointer-events:auto}.cs-skin-elastic .cs-options>ul::before{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transform:scale3d(1,0,1);transform:scale3d(1,0,1);background:#fff;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.cs-skin-elastic.cs-active .cs-options>ul::before{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:none;transition:none;-webkit-animation:expand .6s ease-out;animation:expand .6s ease-out}.cs-skin-elastic .cs-options ul li{opacity:0;-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0);-webkit-transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,transform .15s}.cs-skin-elastic.cs-active .cs-options ul li{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;-webkit-transition:none;transition:none;-webkit-animation:bounce .6s ease-out;animation:bounce .6s ease-out}.cs-skin-elastic .cs-options span{background-repeat:no-repeat;background-position:1.5em 50%;background-size:2em auto;padding:.8em 1em .8em 4em}.cs-skin-elastic .cs-options .cs-selected span,.cs-skin-elastic .cs-options li.cs-focus span,.cs-skin-elastic .cs-options span:hover{color:#1e4c4a}.cs-skin-elastic .cs-options li.flag-france span{background-image:url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/img/france.svg')}.cs-skin-elastic .cs-options li.flag-brazil span{background-image:url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/img/brazil.svg')}.cs-skin-elastic .cs-options li.flag-safrica span{background-image:url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/img/south-africa.svg')}.cs-skin-elastic .cs-options li.flag-argentina span{background-image:url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/img/argentina.svg')}@-webkit-keyframes expand{0%{-webkit-transform:scale3d(1,0,1)}25%{-webkit-transform:scale3d(1,1.2,1)}50%{-webkit-transform:scale3d(1,.85,1)}75%{-webkit-transform:scale3d(1,1.05,1)}100%{-webkit-transform:scale3d(1,1,1)}}@keyframes expand{0%{-webkit-transform:scale3d(1,0,1);transform:scale3d(1,0,1)}25%{-webkit-transform:scale3d(1,1.2,1);transform:scale3d(1,1.2,1)}50%{-webkit-transform:scale3d(1,.85,1);transform:scale3d(1,.85,1)}75%{-webkit-transform:scale3d(1,1.05,1);transform:scale3d(1,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes bounce{0%{-webkit-transform:translate3d(0,-25px,0);opacity:0}25%{-webkit-transform:translate3d(0,10px,0)}50%{-webkit-transform:translate3d(0,-6px,0)}75%{-webkit-transform:translate3d(0,2px,0)}100%{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes bounce{0%{-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0);opacity:0}25%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}50%{-webkit-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}75%{-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}


/*Les Variables */
/* colors */
/* breakpoints*/
/* Grid breakpoints*/
/**/
/* Define the minimum dimensions at which your layout will change,*/
/* adapting to different screen sizes, for use in media queries.*/
/* Grid containers*/
/**/
/* Define the maximum width of `.container` for different screen sizes.*/
/* Grid columns*/
/**/
/*Container avec max-width uniquement(div class="container-max"></div>)*/
/* Set the number of columns and specify the width of the gutters.*/
/* Utilities*/
/* Breakpoint viewport sizes and media queries.*/
/**/
/* Breakpoints are defined as a map of (name: minimum width), order from small to large:*/
/**/
/*    (xs: 0, sm: 576px, md: 768px)*/
/**/
/* The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.*/
/* Name of the next breakpoint, or null for the last breakpoint.*/
/**/
/*    >> breakpoint-next(sm)*/
/*    md*/
/*    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px))*/
/*    md*/
/*    >> breakpoint-next(sm, $breakpoint-names: (xs sm md))*/
/*    md*/
/* Minimum breakpoint width. Null for the smallest (first) breakpoint.*/
/**/
/*    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px))*/
/*    576px*/
/* Maximum breakpoint width. Null for the largest (last) breakpoint.*/
/* The maximum value is calculated as the minimum of the next one less 0.1.*/
/**/
/*    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px))*/
/*    767px*/
/* Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.*/
/* Useful for making responsive utilities.*/
/**/
/*    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px))*/
/*    ""  (Returns a blank string)*/
/*    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px))*/
/*    "-sm"*/
/* Media of at least the minimum breakpoint width. No query for the smallest breakpoint.*/
/* Makes the @content apply to the given breakpoint and wider.*/
/* Media of at most the maximum breakpoint width. No query for the largest breakpoint.*/
/* Makes the @content apply to the given breakpoint and narrower.*/
/* Media that spans multiple breakpoint widths.*/
/* Makes the @content apply between the min and max breakpoints*/
/* Media between the breakpoint's minimum and maximum widths.*/
/* No minimum for the smallest breakpoint, and no maximum for the largest one.*/
/* Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.*/
/* // Layout*/
/* Framework grid generation*/
/**/
/* Used only by Bootstrap to generate the correct number of grid classes given*/
/* any value of `$grid-columns`.*/
/*/ Grid system*/
/**/
/* Generate semantic grid columns with these mixins.*/
/* For each breakpoint, define the maximum width of the container in a media query*/
/*Structure commune */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
*, *:after, *:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, footer, header, nav, section {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

figcaption, figure, main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active, a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: inherit; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details, menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }
/* Container widths*/
/**/
/* Set the container width, and override it for fixed navbars in media queries.*/
.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 576px) {
    .container {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 768px) {
    .container {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 992px) {
    .container {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 1200px) {
    .container {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 576px) {
    .container {
      width: 540px;
      max-width: 100%; } }
  @media (min-width: 768px) {
    .container {
      width: 720px;
      max-width: 100%; } }
  @media (min-width: 992px) {
    .container {
      width: 960px;
      max-width: 100%; } }
  @media (min-width: 1200px) {
    .container {
      width: 1140px;
      max-width: 100%; } }
/*container avec un max-width sans prise en compte des breakpoints*/
.container-max {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1260px; }
/* Fluid container*/
/**/
/* Utilizes the mixin meant for fixed width containers, but without any defined*/
/* width for fluid, full width layouts.*/
.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 576px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 768px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 992px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 1200px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }
/* Row*/
/**/
/* Rows contain and clear the floats of your columns.*/
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 576px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 768px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 992px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 1200px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }
/* Remove the negative margin from default .row, then the horizontal padding*/
/* from all immediate children columns (to prevent runaway style inheritance).*/
.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }
/* Columns*/
/**/
/* Common styles for small and large grid columns*/
/* Common properties for all breakpoints*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  /* Prevent columns from collapsing when empty*/
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 576px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 768px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 992px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 1200px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
      padding-right: 15px;
      padding-left: 15px; } }

/* Allow columns to stretch full width below their breakpoints*/
  /* Provide basic `.col-{bp}` classes for equal-width flexbox columns*/
  .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto; }
  .col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    /* width: percentage($size / $columns);*/
    /* Add a `max-width` to ensure content within each column does not blow out*/
    /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
    /* do not appear to require this.*/
    max-width: 8.3333333333%; }
  .col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    /* width: percentage($size / $columns);*/
    /* Add a `max-width` to ensure content within each column does not blow out*/
    /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
    /* do not appear to require this.*/
    max-width: 16.6666666667%; }
  .col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    /* width: percentage($size / $columns);*/
    /* Add a `max-width` to ensure content within each column does not blow out*/
    /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
    /* do not appear to require this.*/
    max-width: 25%; }
  .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    /* width: percentage($size / $columns);*/
    /* Add a `max-width` to ensure content within each column does not blow out*/
    /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
    /* do not appear to require this.*/
    max-width: 33.3333333333%; }
  .col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    /* width: percentage($size / $columns);*/
    /* Add a `max-width` to ensure content within each column does not blow out*/
    /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
    /* do not appear to require this.*/
    max-width: 41.6666666667%; }
  .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /* width: percentage($size / $columns);*/
    /* Add a `max-width` to ensure content within each column does not blow out*/
    /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
    /* do not appear to require this.*/
    max-width: 50%; }
  .col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    /* width: percentage($size / $columns);*/
    /* Add a `max-width` to ensure content within each column does not blow out*/
    /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
    /* do not appear to require this.*/
    max-width: 58.3333333333%; }
  .col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    /* width: percentage($size / $columns);*/
    /* Add a `max-width` to ensure content within each column does not blow out*/
    /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
    /* do not appear to require this.*/
    max-width: 66.6666666667%; }
  .col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    /* width: percentage($size / $columns);*/
    /* Add a `max-width` to ensure content within each column does not blow out*/
    /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
    /* do not appear to require this.*/
    max-width: 75%; }
  .col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    /* width: percentage($size / $columns);*/
    /* Add a `max-width` to ensure content within each column does not blow out*/
    /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
    /* do not appear to require this.*/
    max-width: 83.3333333333%; }
  .col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    /* width: percentage($size / $columns);*/
    /* Add a `max-width` to ensure content within each column does not blow out*/
    /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
    /* do not appear to require this.*/
    max-width: 91.6666666667%; }
  .col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /* width: percentage($size / $columns);*/
    /* Add a `max-width` to ensure content within each column does not blow out*/
    /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
    /* do not appear to require this.*/
    max-width: 100%; }
  .pull-0 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    right: auto; }
  .pull-1 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    right: 8.3333333333%; }
  .pull-2 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    right: 16.6666666667%; }
  .pull-3 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    right: 25%; }
  .pull-4 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    right: 33.3333333333%; }
  .pull-5 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    right: 41.6666666667%; }
  .pull-6 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    right: 50%; }
  .pull-7 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    right: 58.3333333333%; }
  .pull-8 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    right: 66.6666666667%; }
  .pull-9 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    right: 75%; }
  .pull-10 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    right: 83.3333333333%; }
  .pull-11 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    right: 91.6666666667%; }
  .pull-12 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    right: 100%; }
  .push-0 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    left: auto; }
  .push-1 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    left: 8.3333333333%; }
  .push-2 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    left: 16.6666666667%; }
  .push-3 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    left: 25%; }
  .push-4 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    left: 33.3333333333%; }
  .push-5 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    left: 41.6666666667%; }
  .push-6 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    left: 50%; }
  .push-7 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    left: 58.3333333333%; }
  .push-8 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    left: 66.6666666667%; }
  .push-9 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    left: 75%; }
  .push-10 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    left: 83.3333333333%; }
  .push-11 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    left: 91.6666666667%; }
  .push-12 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    left: 100%; }

/* `$columns - 1` because offsetting by the width of an entire row isn't possible*/

/* Avoid emitting useless .offset-xs-0*/

/* Avoid emitting useless .offset-xs-0*/
  .offset-1 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    margin-left: 8.3333333333%; }

/* Avoid emitting useless .offset-xs-0*/
  .offset-2 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    margin-left: 16.6666666667%; }

/* Avoid emitting useless .offset-xs-0*/
  .offset-3 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    margin-left: 25%; }

/* Avoid emitting useless .offset-xs-0*/
  .offset-4 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    margin-left: 33.3333333333%; }

/* Avoid emitting useless .offset-xs-0*/
  .offset-5 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    margin-left: 41.6666666667%; }

/* Avoid emitting useless .offset-xs-0*/
  .offset-6 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    margin-left: 50%; }

/* Avoid emitting useless .offset-xs-0*/
  .offset-7 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    margin-left: 58.3333333333%; }

/* Avoid emitting useless .offset-xs-0*/
  .offset-8 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    margin-left: 66.6666666667%; }

/* Avoid emitting useless .offset-xs-0*/
  .offset-9 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    margin-left: 75%; }

/* Avoid emitting useless .offset-xs-0*/
  .offset-10 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    margin-left: 83.3333333333%; }

/* Avoid emitting useless .offset-xs-0*/
  .offset-11 {
    /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
    margin-left: 91.6666666667%; }

/* Allow columns to stretch full width below their breakpoints*/
  @media (min-width: 576px) {
  /* Provide basic `.col-{bp}` classes for equal-width flexbox columns*/
  /* `$columns - 1` because offsetting by the width of an entire row isn't possible*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
    .col-sm {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%; }

    .col-sm-auto {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto; }

    .col-sm-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
      flex: 0 0 8.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 8.3333333333%; }

    .col-sm-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
      flex: 0 0 16.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 16.6666666667%; }

    .col-sm-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 25%; }

    .col-sm-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
      flex: 0 0 33.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 33.3333333333%; }

    .col-sm-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
      flex: 0 0 41.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 41.6666666667%; }

    .col-sm-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 50%; }

    .col-sm-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
      flex: 0 0 58.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 58.3333333333%; }

    .col-sm-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
      flex: 0 0 66.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 66.6666666667%; }

    .col-sm-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 75%; }

    .col-sm-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
      flex: 0 0 83.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 83.3333333333%; }

    .col-sm-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
      flex: 0 0 91.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 91.6666666667%; }

    .col-sm-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 100%; }
      .pull-sm-0 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: auto; }
      .pull-sm-1 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 8.3333333333%; }
      .pull-sm-2 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 16.6666666667%; }
      .pull-sm-3 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 25%; }
      .pull-sm-4 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 33.3333333333%; }
      .pull-sm-5 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 41.6666666667%; }
      .pull-sm-6 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 50%; }
      .pull-sm-7 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 58.3333333333%; }
      .pull-sm-8 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 66.6666666667%; }
      .pull-sm-9 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 75%; }
      .pull-sm-10 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 83.3333333333%; }
      .pull-sm-11 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 91.6666666667%; }
      .pull-sm-12 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 100%; }
      .push-sm-0 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: auto; }
      .push-sm-1 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 8.3333333333%; }
      .push-sm-2 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 16.6666666667%; }
      .push-sm-3 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 25%; }
      .push-sm-4 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 33.3333333333%; }
      .push-sm-5 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 41.6666666667%; }
      .push-sm-6 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 50%; }
      .push-sm-7 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 58.3333333333%; }
      .push-sm-8 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 66.6666666667%; }
      .push-sm-9 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 75%; }
      .push-sm-10 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 83.3333333333%; }
      .push-sm-11 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 91.6666666667%; }
      .push-sm-12 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 100%; }

    .offset-sm-0 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 0%; }

    .offset-sm-1 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 8.3333333333%; }

    .offset-sm-2 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 16.6666666667%; }

    .offset-sm-3 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 25%; }

    .offset-sm-4 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 33.3333333333%; }

    .offset-sm-5 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 41.6666666667%; }

    .offset-sm-6 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 50%; }

    .offset-sm-7 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 58.3333333333%; }

    .offset-sm-8 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 66.6666666667%; }

    .offset-sm-9 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 75%; }

    .offset-sm-10 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 83.3333333333%; }

    .offset-sm-11 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 91.6666666667%; } }

/* Allow columns to stretch full width below their breakpoints*/
  @media (min-width: 768px) {
  /* Provide basic `.col-{bp}` classes for equal-width flexbox columns*/
  /* `$columns - 1` because offsetting by the width of an entire row isn't possible*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
    .col-md {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%; }

    .col-md-auto {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto; }

    .col-md-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
      flex: 0 0 8.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 8.3333333333%; }

    .col-md-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
      flex: 0 0 16.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 16.6666666667%; }

    .col-md-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 25%; }

    .col-md-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
      flex: 0 0 33.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 33.3333333333%; }

    .col-md-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
      flex: 0 0 41.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 41.6666666667%; }

    .col-md-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 50%; }

    .col-md-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
      flex: 0 0 58.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 58.3333333333%; }

    .col-md-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
      flex: 0 0 66.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 66.6666666667%; }

    .col-md-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 75%; }

    .col-md-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
      flex: 0 0 83.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 83.3333333333%; }

    .col-md-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
      flex: 0 0 91.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 91.6666666667%; }

    .col-md-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 100%; }
      .pull-md-0 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: auto; }
      .pull-md-1 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 8.3333333333%; }
      .pull-md-2 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 16.6666666667%; }
      .pull-md-3 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 25%; }
      .pull-md-4 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 33.3333333333%; }
      .pull-md-5 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 41.6666666667%; }
      .pull-md-6 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 50%; }
      .pull-md-7 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 58.3333333333%; }
      .pull-md-8 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 66.6666666667%; }
      .pull-md-9 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 75%; }
      .pull-md-10 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 83.3333333333%; }
      .pull-md-11 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 91.6666666667%; }
      .pull-md-12 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 100%; }
      .push-md-0 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: auto; }
      .push-md-1 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 8.3333333333%; }
      .push-md-2 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 16.6666666667%; }
      .push-md-3 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 25%; }
      .push-md-4 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 33.3333333333%; }
      .push-md-5 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 41.6666666667%; }
      .push-md-6 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 50%; }
      .push-md-7 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 58.3333333333%; }
      .push-md-8 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 66.6666666667%; }
      .push-md-9 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 75%; }
      .push-md-10 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 83.3333333333%; }
      .push-md-11 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 91.6666666667%; }
      .push-md-12 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 100%; }

    .offset-md-0 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 0%; }

    .offset-md-1 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 8.3333333333%; }

    .offset-md-2 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 16.6666666667%; }

    .offset-md-3 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 25%; }

    .offset-md-4 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 33.3333333333%; }

    .offset-md-5 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 41.6666666667%; }

    .offset-md-6 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 50%; }

    .offset-md-7 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 58.3333333333%; }

    .offset-md-8 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 66.6666666667%; }

    .offset-md-9 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 75%; }

    .offset-md-10 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 83.3333333333%; }

    .offset-md-11 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 91.6666666667%; } }

/* Allow columns to stretch full width below their breakpoints*/
  @media (min-width: 992px) {
  /* Provide basic `.col-{bp}` classes for equal-width flexbox columns*/
  /* `$columns - 1` because offsetting by the width of an entire row isn't possible*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
    .col-lg {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%; }

    .col-lg-auto {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto; }

    .col-lg-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
      flex: 0 0 8.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 8.3333333333%; }

    .col-lg-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
      flex: 0 0 16.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 16.6666666667%; }

    .col-lg-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 25%; }

    .col-lg-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
      flex: 0 0 33.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 33.3333333333%; }

    .col-lg-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
      flex: 0 0 41.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 41.6666666667%; }

    .col-lg-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 50%; }

    .col-lg-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
      flex: 0 0 58.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 58.3333333333%; }

    .col-lg-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
      flex: 0 0 66.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 66.6666666667%; }

    .col-lg-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 75%; }

    .col-lg-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
      flex: 0 0 83.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 83.3333333333%; }

    .col-lg-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
      flex: 0 0 91.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 91.6666666667%; }

    .col-lg-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 100%; }
      .pull-lg-0 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: auto; }
      .pull-lg-1 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 8.3333333333%; }
      .pull-lg-2 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 16.6666666667%; }
      .pull-lg-3 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 25%; }
      .pull-lg-4 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 33.3333333333%; }
      .pull-lg-5 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 41.6666666667%; }
      .pull-lg-6 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 50%; }
      .pull-lg-7 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 58.3333333333%; }
      .pull-lg-8 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 66.6666666667%; }
      .pull-lg-9 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 75%; }
      .pull-lg-10 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 83.3333333333%; }
      .pull-lg-11 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 91.6666666667%; }
      .pull-lg-12 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 100%; }
      .push-lg-0 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: auto; }
      .push-lg-1 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 8.3333333333%; }
      .push-lg-2 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 16.6666666667%; }
      .push-lg-3 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 25%; }
      .push-lg-4 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 33.3333333333%; }
      .push-lg-5 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 41.6666666667%; }
      .push-lg-6 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 50%; }
      .push-lg-7 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 58.3333333333%; }
      .push-lg-8 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 66.6666666667%; }
      .push-lg-9 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 75%; }
      .push-lg-10 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 83.3333333333%; }
      .push-lg-11 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 91.6666666667%; }
      .push-lg-12 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 100%; }

    .offset-lg-0 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 0%; }

    .offset-lg-1 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 8.3333333333%; }

    .offset-lg-2 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 16.6666666667%; }

    .offset-lg-3 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 25%; }

    .offset-lg-4 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 33.3333333333%; }

    .offset-lg-5 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 41.6666666667%; }

    .offset-lg-6 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 50%; }

    .offset-lg-7 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 58.3333333333%; }

    .offset-lg-8 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 66.6666666667%; }

    .offset-lg-9 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 75%; }

    .offset-lg-10 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 83.3333333333%; }

    .offset-lg-11 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 91.6666666667%; } }

/* Allow columns to stretch full width below their breakpoints*/
  @media (min-width: 1200px) {
  /* Provide basic `.col-{bp}` classes for equal-width flexbox columns*/
  /* `$columns - 1` because offsetting by the width of an entire row isn't possible*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
  /* Avoid emitting useless .offset-xs-0*/
    .col-xl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%; }

    .col-xl-auto {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto; }

    .col-xl-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
      flex: 0 0 8.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 8.3333333333%; }

    .col-xl-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
      flex: 0 0 16.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 16.6666666667%; }

    .col-xl-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 25%; }

    .col-xl-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
      flex: 0 0 33.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 33.3333333333%; }

    .col-xl-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
      flex: 0 0 41.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 41.6666666667%; }

    .col-xl-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 50%; }

    .col-xl-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
      flex: 0 0 58.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 58.3333333333%; }

    .col-xl-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
      flex: 0 0 66.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 66.6666666667%; }

    .col-xl-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 75%; }

    .col-xl-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
      flex: 0 0 83.3333333333%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 83.3333333333%; }

    .col-xl-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
      flex: 0 0 91.6666666667%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 91.6666666667%; }

    .col-xl-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      /* width: percentage($size / $columns);*/
      /* Add a `max-width` to ensure content within each column does not blow out*/
      /* the width of the column. Applies to IE10+ and Firefox. Chrome and Safari*/
      /* do not appear to require this.*/
      max-width: 100%; }
      .pull-xl-0 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: auto; }
      .pull-xl-1 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 8.3333333333%; }
      .pull-xl-2 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 16.6666666667%; }
      .pull-xl-3 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 25%; }
      .pull-xl-4 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 33.3333333333%; }
      .pull-xl-5 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 41.6666666667%; }
      .pull-xl-6 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 50%; }
      .pull-xl-7 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 58.3333333333%; }
      .pull-xl-8 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 66.6666666667%; }
      .pull-xl-9 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 75%; }
      .pull-xl-10 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 83.3333333333%; }
      .pull-xl-11 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 91.6666666667%; }
      .pull-xl-12 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        right: 100%; }
      .push-xl-0 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: auto; }
      .push-xl-1 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 8.3333333333%; }
      .push-xl-2 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 16.6666666667%; }
      .push-xl-3 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 25%; }
      .push-xl-4 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 33.3333333333%; }
      .push-xl-5 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 41.6666666667%; }
      .push-xl-6 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 50%; }
      .push-xl-7 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 58.3333333333%; }
      .push-xl-8 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 66.6666666667%; }
      .push-xl-9 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 75%; }
      .push-xl-10 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 83.3333333333%; }
      .push-xl-11 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 91.6666666667%; }
      .push-xl-12 {
        /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
        left: 100%; }

    .offset-xl-0 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 0%; }

    .offset-xl-1 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 8.3333333333%; }

    .offset-xl-2 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 16.6666666667%; }

    .offset-xl-3 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 25%; }

    .offset-xl-4 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 33.3333333333%; }

    .offset-xl-5 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 41.6666666667%; }

    .offset-xl-6 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 50%; }

    .offset-xl-7 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 58.3333333333%; }

    .offset-xl-8 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 66.6666666667%; }

    .offset-xl-9 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 75%; }

    .offset-xl-10 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 83.3333333333%; }

    .offset-xl-11 {
      /* Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)*/
      margin-left: 91.6666666667%; } }
/*Reset style par défaut */
form fieldset {
  border: none; }

.form-group {
  margin-bottom: 10px; }

legend {
  color: #d1347e;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 10px; }

label {
  width: 20%;
  display: block;
  margin-bottom: 5px; }

input, select, textarea {
  padding: 5px;
  border: 1px solid #008bd2;
  clear: both;
  margin-bottom: 10px;
  font-size: 1.3rem; }
  input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
    opacity: 1; }
  input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    opacity: 1; }
  input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
    opacity: 1; }
  input:placeholder, select:placeholder, textarea:placeholder {
    /* Firefox 18- */
    color: #000;
    opacity: 1; }

textarea {
  width: 70%; }

input[type="submit"], input[type="button"], input[type="file"], input[type="reset"], button {
  border: none;
  background-color: #008bd2;
  color: #fff;
  padding: 10px;
  margin: 5px;
  cursor: pointer; }
  input[type="submit"]:hover, input[type="button"]:hover, input[type="file"]:hover, input[type="reset"]:hover, button:hover {
    background-color: #84d0f5; }

.nolabel > h3, .nolabel > legend {
  display: none; }

.powermail_fieldwrap {
  clear: both; }
  .powermail_fieldwrap.col-md-6, .powermail_fieldwrap.col-md-8, .powermail_fieldwrap.col-md-4 {
    display: inline-block; }
  .powermail_fieldwrap.col-md-6 label, .powermail_fieldwrap.col-md-8 label, .powermail_fieldwrap.col-md-4 label {
    float: none; }

.powermail_fieldwrap_type_text {
  margin-bottom: 10px; }

.powermail_fieldwrap_type_html {
  margin-bottom: 5px; }

.parsley-errors-list {
  margin-left: 0; }
  .parsley-errors-list li {
    color: red;
    font-style: italic;
    font-size: 1.2rem; }
  .parsley-errors-list li:before {
    display: none; }

.btn-group {
  margin: 20px auto;
  width: 200px;
  display: block; }
  .btn-group form {
    display: inline-block;
    margin: 0 auto; }
/*-------------------------Style radio et checkbox-----------------------*/
.powermail_fieldwrap_type_radio, .powermail_fieldwrap_type_check {
  margin-bottom: 10px; }
  .powermail_fieldwrap_type_radio .powermail_field label, .powermail_fieldwrap_type_check .powermail_field label {
    display: inline-block; }

.checkbox {
  text-align: left;
  margin-bottom: 15px; }
  .checkbox div {
    width: 100%; }
  .checkbox input[type="checkbox"] {
    visibility: hidden;
    min-height: 0; }
  .checkbox .check {
    width: 22px;
    height: 22px;
    position: relative;
    display: inline-block; }
  .checkbox .check label {
    cursor: pointer;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: 0;
    border: 1px solid #008bd2; }
  .checkbox .check label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #008bd2;
    top: 2px;
    left: 2px; }
  .checkbox .check input[type=checkbox]:checked + label:after {
    opacity: 1; }

.radiobtn input[type="radio"] {
  visibility: hidden;
  min-height: 0; }
  .radiobtn .radio {
    width: 22px;
    height: 22px;
    position: relative;
    display: inline-block;
    margin-top: 5px; }
  .radiobtn .radio label {
    cursor: pointer;
    position: absolute;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    border-radius: 14px;
    left: 0;
    top: 0;
    border: 1px solid #008bd2; }
  .radiobtn .radio label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    border-radius: 14px;
    background: #008bd2;
    top: 2px;
    left: 2px; }
  .radiobtn .radio input[type=radio]:checked + label:after {
    opacity: 1; }
/*-------------------------Style input file -----------------------*/
.powermail_fieldwrap_type_file .powermail_field {
  position: relative;
  margin: 5px; }
  .powermail_fieldwrap_type_file .powermail_field input {
    position: absolute;
    top: 0;
    width: 129px;
    padding: 9px 0;
    opacity: 0;
    cursor: pointer; }
  .powermail_fieldwrap_type_file .powermail_field:after {
    display: inline-block;
    content: "Parcourir";
    color: #fff;
    text-align: center;
    width: 129px;
    padding: 9px;
    cursor: pointer;
    background-color: #008bd2; }
  .powermail_fieldwrap_type_file .powermail_field .file-return {
    display: block;
    position: absolute;
    top: 25%;
    left: 150px;
    font-size: 0.89em; }
/*Fichiers principaux*/
@font-face {
  font-family: 'markheavy';
  src: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Fonts/mark_-heavy1-webfont.eot');
  src: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Fonts/mark_-heavy1-webfont.eot?#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Fonts/mark_-heavy1-webfont.woff2') format('woff2'), url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Fonts/mark_-heavy1-webfont.woff') format('woff'), url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Fonts/mark_-heavy1-webfont.ttf') format('truetype'), url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Fonts/mark_-heavy1-webfont.svg#markheavy') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'markmedium';
  src: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Fonts/mark_-medium1-webfont.eot');
  src: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Fonts/mark_-medium1-webfont.eot?#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Fonts/mark_-medium1-webfont.woff2') format('woff2'), url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Fonts/mark_-medium1-webfont.woff') format('woff'), url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Fonts/mark_-medium1-webfont.ttf') format('truetype'), url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Fonts/mark_-medium1-webfont.svg#markmedium') format('svg');
  font-weight: normal;
  font-style: normal; }

html {
  font-size: 10px; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'markheavy'; }

h1, h1 a {
  font-size: 3rem; }

h2, h2 a {
  font-size: 3rem; }

h3, h3 a {
  font-size: 1.8rem;
  font-weight: normal; }

h4, h4 a {
  font-size: 1.6rem;
  font-weight: normal; }

h5, h5 a {
  font-size: 1.5rem;
  font-weight: normal; }

h6, h6 a {
  font-size: 1.4rem;
  font-weight: normal; }

p, a, li, span, div {
  font-family: 'Roboto';
  font-size: 1.4rem; }

ul, ol {
  margin-bottom: 10px;
  margin-left: 5px; }

ul ul, ol ol {
  margin-bottom: 0; }

ul li {
  list-style: none; }
  ul li ul {
    padding: 0 0 0 20px; }

a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

iframe {
  width: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }
  table thead th {
    background: #d1347e;
    color: #fff;
    border: 1px solid #d1347e;
    padding: 10px; }
  table tbody th {
    background: #d1347e;
    color: #fff;
    padding: 10px;
    border: 1px solid #d1347e; }
  table tbody td {
    border: 1px solid #d1347e;
    padding: 10px; }
  table tbody tr:nth-of-type(even) {
    background: #e6e6e6; }

blockquote {
  position: relative;
  background: #d1347e;
  padding: 50px;
  font-size: 2.4rem; }
  blockquote p {
    color: #fff;
    font-weight: 700;
    font-size: 2.6rem; }
  blockquote::after, blockquote::before {
    position: absolute;
    content: "\"";
    color: #008bd2;
    height: 80px;
    font-weight: 700;
    font-size: 10rem; }
  blockquote::before {
    top: 15px;
    left: 15px;
    height: 40px;
    transform: rotate(180deg); }
  blockquote::after {
    bottom: 0px;
    right: 15px; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.bloc_fond1 {
  padding: 20px;
  margin-bottom: 10px;
  background: #008bd2;
  color: #fff; }

.bloc_fond2 {
  padding: 20px;
  margin-bottom: 10px;
  background: #d1347e;
  color: #fff; }

.externallink {
  margin-right: 10px;
  padding-right: 15px;
  background: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Images/externallink.png') center right no-repeat; }

.showmobile {
  display: none; }

.hidemobile {
  display: block; }

header a {
  color: #fff; }
  header .container {
    position: initial;
    height: 100%;
    padding: 0; }
  header .bloc_contenu {
    display: inline-block;
    height: 100%;
    float: left; }
  header div.cs-select {
    float: left;
    color: #333;
    font-weight: 300;
    font-size: 1rem;
    display: block;
    max-width: 1000px;
    width: 70%; }
  header .cs-select .cs-placeholder {
    padding: 0px 0px 0px 30px;
    font-size: 1.4rem;
    line-height: 50px;
    background-size: auto 50%;
    background-position: 0 center;
    background-repeat: no-repeat;
    color: #fff; }
  header .cs-select.profil .cs-placeholder {
    background-image: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Images/profil.png'); }
  header .cs-select .cs-options span {
    font-size: 1.4rem;
    line-height: 1.2;
    color: #fff;
    background: #84d0f5;
    padding: 0.8em 1em 0.8em 3em; }
  header .cs-skin-elastic .cs-options > ul::before {
    background: #84d0f5; }
  header .cs-select .cs-options span:hover, header .cs-select .cs-options span:focus {
    color: #fff;
    background: #d1347e; }
  header .cs-select > span::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #fff; }
  header .cs-skin-elastic > span {
    background-color: #84d0f5;
    z-index: 100; }
  header #topheader {
    height: 50px;
    background: #84d0f5; }
  header #topheader #topProfil {
    width: 220px; }
    header #topheader #topProfil select {
      border: none;
      background: #84d0f5;
      padding: 5px;
      color: #fff; }
  header #topheader .menuHeader {
    display: inline-block;
    height: 100%;
    width: 50%; }
    header #topheader .menuHeader div {
      height: 100%;
      width: 100%; }
      header #topheader .menuHeader div ul {
        height: 100%; }
        header #topheader .menuHeader div ul li {
          display: inline-block;
          height: 100%;
          list-style: none;
          margin: 0 5%; }
          header #topheader .menuHeader div ul li a {
            position: relative;
            top: 30%; }
            header #topheader .menuHeader div ul li a:hover {
              color: #008bd2; }
  header #topheader .menuPictoSocial {
    float: right;
    height: 100%; }
    header #topheader .menuPictoSocial .topSocial, header #topheader .menuPictoSocial .pictoLink {
      position: relative;
      display: inline-block;
      height: 100%;
      border-left: 2px solid #00b1eb;
      border-right: 2px solid #00b1eb; }
      header #topheader .menuPictoSocial .topSocial div, header #topheader .menuPictoSocial .pictoLink div, header #topheader .menuPictoSocial .topSocial .image, header #topheader .menuPictoSocial .pictoLink .image {
        height: 100%; }
      header #topheader .menuPictoSocial .topSocial .ce-column, header #topheader .menuPictoSocial .pictoLink .ce-column {
        margin: 0; }
      header #topheader .menuPictoSocial .topSocial a, header #topheader .menuPictoSocial .pictoLink a {
        position: relative;
        display: inline-block;
        height: 50px;
        width: 100%;
        padding: 10px 15px 0 15px; }
        header #topheader .menuPictoSocial .topSocial a:hover, header #topheader .menuPictoSocial .pictoLink a:hover {
          background: #00b1eb; }
        header #topheader .menuPictoSocial .topSocial a img, header #topheader .menuPictoSocial .pictoLink a img {
          max-width: 25px;
          height: auto; }
    header #topheader .menuPictoSocial .pictoLink {
      border: none; }
  header #searchbar, header #searchmobil {
    float: right; }
  header #searchbar .tx-solr-q, header #searchmobil .tx-solr-q {
    padding: 5px;
    background: #e6e6e6;
    clear: both;
    width: auto;
    margin-bottom: 10px;
    float: left;
    border: none;
    padding: 10px; }
  header #searchbar #inputButton, header #searchmobil #inputButton, header #searchbar #inputButtonMobil, header #searchmobil #inputButtonMobil {
    background: #d1347e;
    border: none;
    padding: 5px;
    height: 36px;
    width: 36px; }
  header #searchbar {
    margin-bottom: 10px; }
  header #headerMobil {
    display: none;
    position: fixed;
    background: #fff;
    width: 100%;
    height: 60px;
    z-index: 500;
    margin-bottom: 20px;
    text-align: center; }
  header #headerMobil .burger {
    margin: 0px auto;
    width: 50px;
    height: 100%;
    position: relative;
    display: block;
    padding: 20px; }
    header #headerMobil .burger span {
      position: absolute;
      left: 15%;
      top: 15px;
      display: block;
      height: 4px;
      width: 70%;
      background-color: #008bd2;
      transition: all 0.25s ease-out; }
    header #headerMobil .burger span.slice2 {
      top: 24px; }
    header #headerMobil .burger span.slice3 {
      top: 33px;
      width: 55%; }
  header #headerMobil .burger.open .slice1 {
    transform: rotate(45deg);
    top: 25px;
    width: 55%; }
    header #headerMobil .burger.open .slice2 {
      opacity: 0; }
    header #headerMobil .burger.open .slice3 {
      transform: rotate(-45deg);
      top: 25px; }
  header #headerMobil .lerowburger {
    float: left;
    width: 50px;
    height: 50px;
    display: inline-block; }
  header #headerMobil .lerowburger.close {
    display: none; }
  header #headerMobil .lerowmenu.open {
    display: block; }
  header #headerMobil .lerowmenu {
    display: none;
    position: absolute;
    background: #008bd2;
    z-index: 200;
    top: 50px;
    width: 100%; }
  header #headerMobil p, header #headerMobil a {
    color: #fff;
    font-size: 1.8rem; }
  header #headerMobil li {
    min-height: 50px;
    width: 100%;
    margin-bottom: -4px;
    display: block;
    border-bottom: 1px solid #fff; }
    header #headerMobil li br {
      display: none; }
  header #headerMobil .deploimobile {
    display: inline-block;
    float: right;
    width: 50px;
    color: #fff;
    font-size: 2.4rem; }
  header #headerMobil ul.niveau1 {
    margin-bottom: 0;
    margin-left: 0; }
    header #headerMobil ul.niveau1 > li {
      display: inline-block;
      width: 100%; }
      header #headerMobil ul.niveau1 > li:hover > p {
        background: none;
        border: none; }
      header #headerMobil ul.niveau1 > li:focus > p {
        background: none;
        border: none; }
      header #headerMobil ul.niveau1 > li > p {
        text-align: left;
        float: left;
        padding: 20px 0 20px 20px;
        display: inline-block;
        width: 100%; }
    header #headerMobil ul.niveau1 > li.active > p {
      background: none; }
  header #headerMobil .mainMenuSub, header #headerMobil .mainMenuSub2 {
    display: none;
    clear: both;
    position: static;
    background: #fff;
    padding-bottom: 0;
    border: none;
    text-align: left; }
    header #headerMobil .mainMenuSub .row, header #headerMobil .mainMenuSub2 .row {
      margin: 0;
      padding: 0;
      width: 100%; }
      header #headerMobil .mainMenuSub .row .mainMenuCol, header #headerMobil .mainMenuSub2 .row .mainMenuCol {
        width: 100%;
        float: none; }
  header #headerMobil .mainMenuSub2 {
    margin: 0; }
  header #headerMobil ul.niveau2 {
    margin: 0;
    padding: 0; }
    header #headerMobil ul.niveau2 > li {
      margin-bottom: 5px;
      padding-bottom: 5px;
      line-height: 1.5;
      min-height: 0;
      padding: 15px;
      border-bottom: 1px solid #606060; }
      header #headerMobil ul.niveau2 > li > a {
        font-size: 16px;
        font-weight: 700;
        color: #d1347e;
        width: 90%;
        display: inline-block; }
      header #headerMobil ul.niveau2 > li span.borderniv2 {
        display: none;
        border-top: 2px solid #d1347e;
        margin-bottom: 10px;
        width: 100px; }
      header #headerMobil ul.niveau2 > li .deploimobile {
        display: inline-block;
        float: right;
        width: 10%;
        height: auto;
        color: #606060;
        padding: 0;
        font-size: 1.8rem;
        text-align: center; }
  header #headerMobil ul.niveau3 {
    padding: 0; }
    header #headerMobil ul.niveau3 > li {
      margin-bottom: 0px;
      line-height: 1.5;
      padding: 0;
      min-height: 0; }
      header #headerMobil ul.niveau3 > li > a {
        font-size: 16px;
        color: #000; }
  header #headerMobil #logo {
    height: 100%; }
    header #headerMobil #logo a {
      color: #fff;
      margin: 0 auto;
      font-size: 1.8rem;
      display: block;
      width: 40%;
      height: 100%; }
    header #headerMobil #logo img {
      margin-top: 5%;
      height: 80%; }
  header #bottomheader {
    position: relative;
    margin: 20px auto;
    padding: 0; }
  header #bottomheader #logo, header #bottomheader #logo a {
    display: inline-block;
    width: 30%;
    float: left; }
  header #bottomheader #logo a, header #bottomheader #logo h1 {
    margin: 0;
    font-size: 3.4rem;
    font-family: 'markheavy'; }
  header #bottomheader .deploimobile {
    display: none; }
  header #bottomheader nav {
    display: inline-block;
    width: 70%; }
    header #bottomheader nav ul.niveau1 > li {
      display: inline-block;
      margin-left: 2%;
      width: 23%;
      line-height: 20px;
      font-family: 'markheavy';
      font-weight: 700;
      text-align: center;
      float: left; }
      header #bottomheader nav ul.niveau1 > li:first-child p {
        line-height: 200%; }
      header #bottomheader nav ul.niveau1 > li > p {
        display: block;
        background: #00b1eb;
        color: #fff;
        font-size: 1.8rem;
        height: 85px;
        padding: 20px;
        margin-bottom: 20px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      header #bottomheader nav ul.niveau1 > li:hover > p {
        margin-bottom: 0;
        height: 105px; }
      header #bottomheader nav ul.niveau1 > li:hover > p, header #bottomheader nav ul.niveau1 > li.active > p {
        background: #d1347e; }
      header #bottomheader nav ul.niveau1 .mainMenuSub {
        position: absolute;
        display: none;
        z-index: 100;
        width: 100%;
        left: 0;
        background: #00b1eb; }
      header #bottomheader nav ul.niveau1 .mainMenuSub .row {
        background: #fff;
        padding: 30px;
        overflow: hidden;
        min-height: 300px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 10px;
        text-align: left;
        border-top: 30px solid #00b1eb;
        border-bottom: 30px solid #00b1eb; }
        header #bottomheader nav ul.niveau1 .mainMenuSub .row .mainMenuCol {
          width: 33.33%;
          float: left;
          padding-right: 10px;
          box-sizing: border-box; }
      header #bottomheader nav ul.niveau1 ul.niveau2 > li {
        margin-bottom: 0px;
        line-height: 1.5;
        list-style: none;
        padding-bottom: 10px; }
        header #bottomheader nav ul.niveau1 ul.niveau2 > li > a {
          color: #d1347e;
          font-size: 1.4em; }
      header #bottomheader nav ul.niveau1 span.borderniv2 {
        display: block;
        border-top: 2px solid #d1347e;
        margin-bottom: 10px;
        width: 100px; }
      header #bottomheader nav ul.niveau1 ul.niveau3 {
        margin: 5px 5% 0 0;
        padding: 0; }
      header #bottomheader nav ul.niveau1 ul.niveau3 > li {
        margin-bottom: 0px;
        line-height: 1.3;
        margin-bottom: 10px; }
        header #bottomheader nav ul.niveau1 ul.niveau3 > li > a {
          color: #606060;
          font-size: 1.3em;
          font-weight: normal; }
  header #bottomheader #navlogo {
    padding-top: 4em; }
  header #bottomheader .tx-solr {
    position: absolute;
    right: 0; }

#cookie-banner, #inform-and-ask {
  background: #000 none repeat scroll 0 0;
  border: 2px solid #fff;
  bottom: 30px;
  float: left;
  position: fixed;
  right: 20%;
  width: 400px;
  z-index: 200;
  border-radius: 5px;
  color: #fff;
  font-size: 0.9em;
  padding: 10px;
  text-align: center; }
  #cookie-banner a, #inform-and-ask a {
    color: #fff; }

#inform-and-consent button {
  margin: 5px;
  padding: 5px;
  background: none;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer; }

footer {
  background-color: #d3ecfc;
  color: #008bd2;
  min-height: 280px;
  margin-top: 120px;
  padding-bottom: 30px; }
  footer .container-fluid h2, footer .container-fluid a {
    font-size: 1.6rem;
    margin: 20px 0 0 0;
    color: #008bd2;
    text-transform: none;
    text-align: left; }
    footer .container-fluid h2::after, footer .container-fluid a::after {
      display: none; }
  footer .container-fluid p {
    font-size: 1.6rem;
    color: #606060;
    font-weight: 700; }
  footer .container-fluid .row .col-md-4:last-child p {
    margin-top: 10px;
    font-weight: normal;
    font-size: 1.6rem; }
  footer #socialfooter {
    position: relative;
    top: -80px;
    background: #d1347e;
    font-weight: 700;
    padding: 50px 70px; }
  footer #socialfooter p {
    font-size: 2.6rem;
    color: #fff; }
  footer #socialfooter .col-md-6:last-child .ce-gallery .ce-outer, footer #socialfooter .col-md-6:last-child .ce-gallery .ce-inner {
    width: 100%; }
    footer #socialfooter .col-md-6:last-child .ce-gallery .ce-outer .ce-row .ce-column, footer #socialfooter .col-md-6:last-child .ce-gallery .ce-inner .ce-row .ce-column {
      text-align: right;
      margin: 0 5%; }
  footer .menu_piedpage {
    display: block;
    padding-top: 10px; }
  footer .menu_piedpage li {
    display: block;
    margin-top: 10px;
    list-style: none; }
    footer .menu_piedpage li a {
      font-family: 'markheavy';
      font-weight: 700;
      color: #008bd2; }
    footer .menu_piedpage li a:hover {
      color: #fff; }

#main .bx-wrapper {
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  margin: 0 auto; }
  #main .bx-wrapper .bx-viewport {
    height: auto !important; }
  #main .bx-wrapper .bx-controls-direction a {
    position: absolute;
    display: block;
    text-indent: -9999px;
    z-index: 20;
    height: 56px;
    width: 56px; }
    #main .bx-wrapper .bx-controls-direction a.bx-prev {
      left: -21%;
      background: #d1347e url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Images/flechesLeft.png') center center no-repeat; }
    #main .bx-wrapper .bx-controls-direction a.bx-prev:hover {
      background-position-x: left; }
    #main .bx-wrapper .bx-controls-direction a.bx-next {
      right: -21%;
      background: #d1347e url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Images/fleches.png') center center no-repeat; }
    #main .bx-wrapper .bx-controls-direction a.bx-next:hover {
      background-position-x: right; }

#cookie-banner, #inform-and-ask {
  background: #008bd2;
  margin: 0 auto; }

#cookie-banner a, #cookie-banner button {
  text-decoration: underline;
  padding: 5px 2px;
  margin: 0; }
  #cookie-banner a:hover, #cookie-banner button:hover {
    text-decoration: none;
    background-color: transparent; }

#inform-and-ask button:hover {
  background: #d1347e; }
/*--------------- RESPONSIVE --------------*/
@media screen and (max-width: 992px) {
  header #headerMobil {
    border-bottom: 10px solid #e6e6e6; }

  header #bottomheader nav {
    width: 100%;
    margin-top: 20px; } }

@media screen and (max-width: 768px) {
  .showmobile {
    display: block; }

  .hidemobile {
    display: none; }

  header #topheader {
    display: none; }
    header #bottomheader {
      display: none; }
    header #headerMobil {
      display: block;
      margin: 0; }
      header #headerMobil #logo {
        display: inline-block;
        height: 100%;
        margin: 0 auto; }
        header #headerMobil #logo h1 {
          height: 100%;
          display: inline-block;
          margin: 0; }
      header #headerMobil #showsearch {
        float: right;
        height: 50px;
        width: 50px;
        background: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Images/search_rose.png') center center no-repeat; }
      header #headerMobil #searchmobil {
        position: relative;
        display: none;
        float: right;
        height: 50px;
        width: 100%; }
        header #headerMobil #searchmobil div, header #headerMobil #searchmobil form, header #headerMobil #searchmobil #inputText {
          width: 100%;
          height: 100%;
          font-size: 2rem; }
        header #headerMobil #searchmobil .tx-solr-q {
          width: 100%; }
        header #headerMobil #searchmobil #inputButton {
          position: absolute;
          top: 0;
          right: 0;
          height: 50px;
          width: 50px;
          padding: 10px; }

  #main {
    padding-top: 60px; }

  footer {
    clear: both; }
    footer .col-md-4 {
      display: inline-block;
      width: 50%; }
    footer #socialfooter {
      background: #008bd2;
      padding: 50px 20px; }
      footer #socialfooter .col-md-6 {
        width: 50%; }
      footer #socialfooter .col-md-6:last-child .ce-gallery .ce-outer .ce-row .ce-column, footer #socialfooter .col-md-6:last-child .ce-gallery .ce-inner .ce-row .ce-column {
        margin: 0 10%; } }

.content_central #tx-solr-search-functions {
  width: 33%;
  float: right; }
  .content_central #tx-solr-search-functions > div {
    margin-bottom: 20px; }
  .content_central #tx-solr-search-functions h3 {
    font-size: 2rem;
    margin: 0;
    background: #d1347e;
    color: #fff;
    padding: 10px; }
  .content_central #tx-solr-search-functions #tx-solr-sorting, .content_central #tx-solr-search-functions #tx-solr-lastsearches, .content_central #tx-solr-search-functions #tx-solr-faceting {
    background: #e6e6e6; }
  .content_central #tx-solr-search-functions ul .facet-option-list {
    padding: 5px 10px; }
    .content_central #tx-solr-search-functions ul.facets li {
      margin-bottom: 10px; }
    .content_central #tx-solr-search-functions ul li::before {
      display: none; }
  .content_central #tx-solr-search-form-pi-results .tx-solr-q {
    border: 1px solid #cfcecf;
    padding: 10px;
    width: 80%; }
  .content_central #tx-solr-search-form-pi-results .tx-solr-submit {
    width: auto;
    padding: 11px; }
  .content_central #tx-solr-search-functions .secondaryContentSection .csc-header {
    padding-left: 0; }
  .content_central #tx-solr-search {
    width: 64%;
    float: left;
    margin-right: 20px; }
  .content_central #tx-solr-search .results-list img {
    max-width: 100%;
    max-height: 200px; }
  .content_central #tx-solr-search .results-entry {
    margin-bottom: 20px; }
    .content_central #tx-solr-search .results-entry hr {
      margin-top: 20px; }
  .content_central #tx-solr-search #results-per-page select {
    margin-left: 10px; }
  .content_central #tx-solr-search .tx-solr-relevance-bar {
    border: none;
    padding: 0; }
/* Ajout d'un fichier par fonctionnalité : news, annuaires, galerie vidéo, galerie photo etc.*/
/*************************************************/
h2 {
  color: #d1347e;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 25px 0; }
  h2::after {
    content: "";
    display: block;
    height: 14px;
    width: 14px;
    background: #d1347e;
    margin: 15px auto 0 auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px; }

#popup_box {
  width: 90%; }

.home_row {
  padding: 30px; }
  .home_row .bgtitlehome {
    position: relative; }
  .home_row .bgtitlehome h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 30;
    background: #d1347e;
    color: #fff;
    padding: 15px 20px;
    margin: 0;
    text-transform: none; }
    .home_row .bgtitlehome h2 a {
      font-size: 2.6rem; }
    .home_row .bgtitlehome h2::before {
      content: "";
      position: relative;
      display: inline-block;
      background: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Images/fleches.png') center center no-repeat;
      height: 25px;
      width: 25px;
      top: 2px;
      margin-right: 20px; }
    .home_row .bgtitlehome h2::after {
      display: none; }

#home_row1 {
  background: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Images/bg_slideActu.jpg') center center no-repeat;
  background-size: cover; }
  #home_row1 .row {
    width: 100%; }
  #home_row1 #home_row1_col1, #home_row1 #home_row1_col2 {
    background: #fff;
    padding: 0; }
  #home_row1 #home_row1_col1 h2, #home_row1 #home_row1_col2 h2 {
    margin: 0;
    padding: 20px 20px 0 20px;
    text-align: left; }
    #home_row1 #home_row1_col1 h2::after, #home_row1 #home_row1_col2 h2::after {
      margin: 15px 0 0 0;
      top: 7px;
      position: relative;
      z-index: 5; }
  #home_row1 #home_row1_col1 {
    padding-right: 30px;
    overflow: hidden;
    background: transparent; }
  #home_row1 #home_row1_col1 .bloc_contenu {
    background: #fff;
    position: relative; }
  #home_row1 #home_row1_col1 .voirtous {
    position: absolute;
    top: 15px;
    right: 40px;
    display: inline-block;
    float: right;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    color: #fff;
    background: #008bd2; }
    #home_row1 #home_row1_col1 .voirtous:hover {
      background: #00b1eb; }
    #home_row1 #home_row1_col1 .voirtous::after {
      content: "";
      display: inline-block;
      position: absolute;
      top: 30%;
      right: -15%;
      height: 14px;
      width: 14px;
      background: #d1347e;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      -o-border-radius: 7px;
      border-radius: 7px; }
    #home_row1 #home_row1_col1 .voirtous::before {
      content: "";
      position: relative;
      display: inline-block;
      background: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Images/fleches.png') center center no-repeat;
      background-size: contain;
      height: 15px;
      width: 15px;
      top: 2px;
      margin-right: 15px; }
  #home_row1 #home_row1_col1 .homebxslider {
    background: #84d0f5;
    margin-left: 0; }
  #home_row1 #home_row1_col1 .pagerplus {
    bottom: 0;
    width: 100%; }
  #home_row1 #home_row1_col1 .teaseItem {
    display: inline-block;
    float: left;
    height: 110px;
    cursor: pointer;
    padding-bottom: 10px;
    background: #fff; }
    #home_row1 #home_row1_col1 .teaseItem a {
      text-decoration: underline; }
    #home_row1 #home_row1_col1 .teaseItem a:hover {
      text-decoration: none !important; }
    #home_row1 #home_row1_col1 .teaseItem.active {
      color: #fff; }
    #home_row1 #home_row1_col1 .teaseItem.active a {
      color: #fff; }
  #home_row1 #home_row1_col1 #bx-pager {
    position: relative;
    top: 0;
    height: 130px; }
    #home_row1 #home_row1_col1 #bx-pager .teaseItem {
      padding: 15px 15px 30px 15px;
      height: 100%; }
    #home_row1 #home_row1_col1 #bx-pager .teaseItem.active {
      background: #d1347e;
      cursor: text; }
    #home_row1 #home_row1_col1 #bx-pager .teaseItem.active .click {
      cursor: pointer; }
    #home_row1 #home_row1_col1 #bx-pager .teaseItem.active h3 {
      color: #fff; }
    #home_row1 #home_row1_col1 #bx-pager .teaseItem h3 {
      color: #008bd2;
      margin-bottom: 10px;
      font-size: inherit; }
    #home_row1 #home_row1_col1 #bx-pager .teaseItem span {
      display: inline-block; }
  #home_row1 #home_row1_col1 .pagerplus {
    position: absolute;
    bottom: 0;
    height: 20px;
    background: transparent; }
  #home_row1 #home_row1_col1 .savoirplus {
    background: transparent; }
  #home_row1 #home_row1_col2 .infostrav {
    border-top: 1px solid #606060;
    padding: 20px 30px; }
    #home_row1 #home_row1_col2 .infostrav li {
      margin-bottom: 30px; }
    #home_row1 #home_row1_col2 .infostrav li:last-child {
      margin-bottom: 0; }
    #home_row1 #home_row1_col2 .infostrav .date {
      color: #008bd2;
      font-size: 1.8rem;
      font-weight: 700;
      border-right: 1px solid #e6e6e6; }
  #home_row1 #home_row1_col2 .voirtous {
    position: relative;
    display: block;
    width: 70%;
    font-weight: 700;
    margin: 0 10%;
    text-align: center;
    padding: 10px;
    color: #fff;
    background: #008bd2; }
    #home_row1 #home_row1_col2 .voirtous:hover {
      background: #00b1eb; }
    #home_row1 #home_row1_col2 .voirtous::after {
      content: "";
      display: inline-block;
      position: absolute;
      top: 30%;
      right: -15%;
      height: 14px;
      width: 14px;
      background: #d1347e;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      -o-border-radius: 7px;
      border-radius: 7px; }
    #home_row1 #home_row1_col2 .voirtous::before {
      content: "";
      position: relative;
      display: inline-block;
      background: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Images/fleches.png') center center no-repeat;
      background-size: contain;
      height: 15px;
      width: 15px;
      top: 2px;
      margin-right: 15px; }

#home_row2 .container {
  padding: 0; }
  #home_row2 .bgimg {
    background: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Images/bg_slideAgenda.jpg') center center no-repeat;
    background-size: cover; }
  #home_row2 .bgblanc {
    padding: 25px; }
  #home_row2 .bloc_contenu {
    background: #fff; }
  #home_row2 h2 {
    margin-top: 0;
    padding-top: 20px; }
  #home_row2 .liens {
    width: 100%;
    text-align: center;
    padding: 20px 20px 20px 0; }
  #home_row2 .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -10%; }
  #home_row2 .bx-wrapper .bx-controls-direction a.bx-next {
    right: -10%; }
  #home_row2 .voirtous {
    position: relative;
    right: 0;
    display: inline-block;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    padding: 10px 25px;
    color: #fff;
    background: #008bd2; }
  #home_row2 .voirtous:hover {
    background: #00b1eb; }
  #home_row2 .voirtous::before {
    content: "";
    position: relative;
    display: inline-block;
    background: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Images/fleches.png') center center no-repeat;
    background-size: contain;
    height: 15px;
    width: 15px;
    top: 2px;
    margin-right: 15px; }
  #home_row2 .voirtous::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 30%;
    right: -15%;
    height: 14px;
    width: 14px;
    background: #d1347e;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px; }

.carouagenda .news-img-carou {
  display: inline-block;
  overflow: hidden;
  height: 200px;
  width: 200px;
  background: #84d0f5;
  margin-bottom: 20px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px; }
  .carouagenda .news-img-carou img {
    min-height: 100%;
    min-width: 100%;
    max-width: 200px;
    height: auto; }
  .carouagenda .dates p {
    color: #84d0f5;
    text-align: center; }
  .carouagenda .titre h3, .carouagenda .titre a {
    font-size: 1.6rem;
    color: #d1347e;
    text-align: center; }

#home_row3 {
  background: #e6e6e6; }
  #home_row3 h2, #home_row3 a {
    color: #008bd2; }
  #home_row3 .homebxslider a {
    display: block;
    width: 100%;
    margin-top: 20px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center; }

#home_row4 {
  background: url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/Images/bg_slideCUA.jpg') center center no-repeat;
  background-size: cover; }
  #home_row4 h2, #home_row4 a {
    color: #606060; }
  #home_row4 .homebxslider a {
    display: block;
    width: 100%;
    margin-top: 20px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center; }

#home_row5 {
  padding: 0;
  clear: both; }
  #home_row5 .bloc_contenu {
    margin-bottom: 25px; }
  #home_row5 .homebxslider {
    width: 100%; }
  #home_row5 .homebxslider li .linkimg {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    max-height: 200px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px; }
    #home_row5 .homebxslider li .linkimg img {
      width: 100%;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    #home_row5 .homebxslider li .linkimg:hover img {
      transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      -moz-transform: scale(1.1); }
    #home_row5 .homebxslider li a {
      display: block;
      width: 100%;
      margin-top: 20px;
      color: #008bd2;
      font-size: 1.6rem;
      font-weight: 700;
      text-align: center; }
    #home_row5 .homebxslider li a:hover {
      color: #d1347e; }
/*--------------- RESPONSIVE --------------*/
@media screen and (max-width: 992px) {
  .home_row {
    padding: 30px 0; }
    .home_row .container {
      width: 100%;
      padding: 0; }

  #home_row1 {
    margin: 0 auto; }
    #home_row1 #home_row1_col1 {
      width: 60%;
      margin: 0; }
    #home_row1 .row {
      margin: 0; }
    #home_row1 #home_row1_col2 .infostrav {
      padding: 20px 0 0 0; }
      #home_row1 #home_row1_col2 .infostrav li {
        margin-bottom: 20px; }

  #home_row2 .bx-wrapper .bx-controls-direction a.bx-next {
    right: -5%; }
    #home_row2 .bx-wrapper .bx-controls-direction a.bx-prev {
      left: -5%; }

  #home_row3 .bx-wrapper .bx-controls-direction a.bx-next, #home_row4 .bx-wrapper .bx-controls-direction a.bx-next, #home_row5 .bx-wrapper .bx-controls-direction a.bx-next {
    right: 0%; }
    #home_row3 .bx-wrapper .bx-controls-direction a.bx-prev, #home_row4 .bx-wrapper .bx-controls-direction a.bx-prev, #home_row5 .bx-wrapper .bx-controls-direction a.bx-prev {
      left: 0%; } }

@media screen and (max-width: 768px) {
  #home_row1 {
    padding-top: 0; }
    #home_row1 #home_row1_col1 {
      margin: 30px 0;
      padding-right: 0;
      width: 100%; }
      #home_row1 #home_row1_col1 .voirtous {
        position: relative;
        width: 100%;
        top: 0;
        right: 0; }
      #home_row1 #home_row1_col1 .savoirplus {
        height: auto;
        margin-bottom: 105px; }
    #home_row1 #home_row1_col2 {
      padding-bottom: 30px; }

  #home_row2, #home_row3 {
    display: inline-block;
    float: left;
    height: 280px;
    width: 50%;
    background: #84d0f5; }
    #home_row2 h2 a, #home_row3 h2 a {
      color: #d1347e;
      font-size: 2rem; }
      #home_row2 h2 a:hover, #home_row3 h2 a:hover, #home_row2 h2 a:focus, #home_row3 h2 a:focus {
        color: #fff; }

  #home_row2 .bgimg, #home_row2 .bloc_contenu {
    background: transparent; }
    #home_row2 .bgblanc {
      padding: 0; }

  #home_row4 .bx-wrapper img {
    max-width: none; }

  .lerowburger {
    display: block; }

  .lerowmenu {
    display: none; }

  .lerowburger.close {
    display: none; }

  .lerowmenu.open {
    display: block; } }

.bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/JavaScript/bxslider/images/bx_loader.gif') center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/JavaScript/bxslider/images/controls.png') 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/JavaScript/bxslider/images/controls.png') -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/JavaScript/bxslider/images/controls.png') -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url('../../../typo3conf/ext/e_magineurs/VilleAlencon/Resources/Public/JavaScript/bxslider/images/controls.png') -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}