@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Aguafina+Script|Open+Sans:300,400,700);
@import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
* {
    font-family: Arimo, 'Trebuchet MS', Helvetica, sans-serif;
}

html {
    position: relative;
    min-height: 100%;
    font-family: Arimo, 'Trebuchet MS', Helvetica, sans-serif;
}

.couleur-text-primo {
    color: #6d6d6d !important;
}

.couleur-text-secondo {
    color: #FFC000 !important;
}

.couleur-text-terzo {
    color: rgba(40, 40, 40, 0.76) !important;
}

.couleur-text-noir {
    color: black !important;
}

.couleur-text-blanc {
    color: white !important;
}

.couleur-fond-primo {
    background-color: #6d6d6d !important;
}

.couleur-fond-secondo {
    background-color: #FFC000 !important;
}

.couleur-fond-terzo {
    background-color: rgba(40, 40, 40, 0.76) !important;
}

.couleur-fond-noir {
    background-color: black !important;
}

.couleur-fond-blanc {
    background-color: white !important;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

.right-block {
    margin-left: auto;
}

.logoDiv {
    width: 300px;
    margin: auto;
}

.logo-header {
    padding: 15px;
    background-color: white;
}

.collapse.navbar-collapse.navbar-ex1-collapse {
    background-color: white;
    box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
}

.navbar-nav {
    float: none;
    margin: auto;
    width: 30em;
}

.navbar-default .navbar-nav>li>a:hover {
    color: black;
    background-color: #FFC000;
    border-radius: 3px;
}

.navbar-default .navbar-nav>li>a {
    color: #202020;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    font-style: normal;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #FFC000;
    background-color: white;
    border-radius: 3px;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: white;
    background-color: #FFC000;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #FFC000;
    border-color: #FFC000;
}

.panel-primary {
    border-color: #FFC000;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #FFC000;
    border-color: #FFC000;
}

.logo-daquota {
    padding: 15px !important;
}

#carousel {
    padding: 0 !important;
}

header {}

.container-full {
    width: 100%;
    margin: 0 auto;
}

body {
    background-image: url(/Resources/Images/original/156.png);
    background-position: -120px bottom;
    background-repeat: no-repeat;
    font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    background-color: #ededed;
}

#actus {
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #FEFEFE;
    background-color: #88BAE6;
}

#actus .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}

#actus .droite {
    background-color: #88BAE6;
    background-image: url(http://beta.alterne.fr/Resources/Images/original/155.png);
    background-position: left center;
    background-repeat: no-repeat;
}

#actus .droite a {
    padding-left: 25px;
    font-weight: 700;
    color: #FFF;
}

#domaines-intervention h1 {
    padding-bottom: 25px;
    font-weight: 200;
    line-height: 50px;
}

article {
    margin-bottom: 30px;
}

article img {
    border: 1px solid #88BAE6;
}

article img:hover {
    z-index: 10000;
    background-image: -webkit-linear-gradient(270deg, rgba(25, 25, 25, 1.00) 0, #006cb6 100%);
    background-image: -moz-linear-gradient(270deg, rgba(25, 25, 25, 1.00) 0, #006cb6 100%);
    background-image: -o-linear-gradient(270deg, rgba(25, 25, 25, 1.00) 0, #006cb6 100%);
    background-image: linear-gradient(180deg, rgba(25, 25, 25, 1.00) 0, #006cb6 100%);
}

article #drive a:hover {}

#gauche {
    min-height: 400px;
    line-height: 1em;
    color: #88BAE6;
    background-position: right center;
    background-repeat: no-repeat;
}

content h3,
aside h2 {
    text-transform: none;
    font-family: "Montserrat", "Arial Black", sans-serif;
    font-weight: 300;
    color: #006cb6;
}

.list-group .list-group-item.active a {
    font-weight: 600;
    color: rgba(255, 255, 255, 1.00);
}

#gauche .list-group .list-group-item.active {
    background-color: rgba(25, 25, 25, .9);
}

.list-group .list-group-item a {
    color: #006cb6;
}

#demo3 .list-group-item {
    background-color: #FFF !important;
}

.list-group-item-active {
    color: #006cb6 !important;
    background-color: #000 !important;
}

.list-group-item-notactive {
    color: #88BAE6 !important;
    background-color: #006CB6;
}

.list-group-item-notactive:hover {
    color: #FFF !important;
    background-color: #006CB6 !important;
}

.list-group-item-active:hover {
    color: #FFF !important;
    background-color: #000 !important;
}

#demo4 .collapse {
    background-color: red !important;
}

#demo4 .list-group-item,
#demo5 .list-group-item {
    border: 1px solid #DDDDDD;
    border-radius: 0;
    color: #000;
    background-color: #FFFFFF !important;
}

#demo3 a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
    text-decoration: none;
    color: #555555 !important;
    background-color: #F5F5F5 !important;
}

#SubMenu1>.list-group-item {
    border: 1px solid #DDDDDD;
    border-radius: 0;
    color: #000;
    background-color: #EEE !important;
}

#SubSubMenu1 .list-group-item {
    border: 1px solid #DDDDDD;
    border-radius: 0;
    color: #000;
    background-color: #E4E4E4 !important;
}


/*.list-group-item:last-child {
	margin-bottom : -1px !important;
	border-bottom-left-radius : 0;
	border-bottom-right-radius : 0;
}*/


/* Sticky footer styles
-------------------------------------------------- */


/* Effet hover Accueil
------------------------------------------------ */

.noeffect .overlay {
    display: none;
}

.noeffect img {
    margin-left: auto;
    margin-right: auto;
}

.hovereffect img {
    margin-left: auto;
    margin-right: auto;
}

.hovereffect {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    cursor: default;
}

.hovereffect .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    background-color: rgba(25, 25, 25, 0.90);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.hovereffect h2 {
    position: relative;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: #FFF;
    background-color: #006cb6;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translatey(-100px);
    -ms-transform: translatey(-100px);
    transform: translatey(-100px);
}

.hovereffect a.info {
    display: inline-block;
    margin: 50px 0 0;
    padding: 7px 14px;
    border: 1px solid #FFF;
    text-decoration: none;
    text-transform: uppercase;
    color: #FFF;
    opacity: 0;
    background-color: transparent;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    filter: alpha(opacity=0);
}

.hovereffect a.info:hover {
    box-shadow: 0 0 5px #FFF;
}

.hovereffect:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}

.hovereffect:hover h2,
.hovereffect:hover a.info {
    opacity: 1;
    font-size: 30px;
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
    filter: alpha(opacity=100);
}

.hovereffect:hover a.info {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

#domaines-intervention .row {}

.logo-header h5 {}

#carousel .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}

#second_nav {
    height: 50px;
    text-align: left;
    line-height: 50px;
    background-color: #1f3464;
    background-position: right center;
    background-repeat: no-repeat;
}

a {
    color: #FFC000;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #b48803;
}

#second_nav a {
    font-size: 1em;
    font-weight: 600;
    color: #000;
}

#second_nav a .active {
    color: red !important;
}

#gauche {
    padding-top: 20px;
    min-height: 100px;
}

.boucherie {
    text-indent: -9000px;
    background-image: url(/Resources/Images/original/44.png);
    background-position: left top !important;
    background-repeat: no-repeat;
    background-size: 100% !important;
}

content {
    padding: 25px;
}


}

/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
    margin-left: 0 !important;
    padding: 0;
    list-style: none;
}
ul.social-network li {
    display: inline;
    margin: 0 5px;
}

/* footer social icons */
.social-network a.icoRss:hover {
    background-color: #F56505;
}
.social-network a.icoFacebook:hover {
    background-color: #3B5998;
}
.social-network a.icoTwitter:hover {
    background-color: #33CCFF;
}
.social-network a.icoGoogle:hover {
    background-color: #BD3518;
}
.social-network a.icoVimeo:hover {
    background-color: #0590B8;
}
.social-network a.icoLinkedin:hover {
    background-color: #007BB7;
}
.social-network a.icoRss:hover i,
.social-network a.icoFacebook:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoVimeo:hover i,
.social-network a.icoLinkedin:hover i {
    color: #FFF;
}
a.socialIcon:hover,
.socialHoverClass {
    color: #44BCDD;
}
.social-circle li a {
    display: inline-block;
    position: relative;
    width: 34px;
    height: 34px;
    margin: 0 auto 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
}
.social-circle li i {
    margin: 0;
    text-align: center;
    line-height: 34px;
}
.social-circle li a:hover i,
.triggeredHover {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    -ms--transform: rotate(360deg);
}
.social-circle i {
    color: #FFF;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.social-circle a {
    background-color: #006CB6;
}
.footer-big {
    padding-top: 50px;
}
.footer {
    line-height: 20px;
}
.footer-big .copyright {
    margin: 10px 0 20px;
}
.footer .copyright {
    margin: 15px 3px;
    padding: 10px 15px;
    text-align: center;
    line-height: 20px;
    color: #777777;
}
.footer-big hr {
    margin-top: 50px;
    margin-bottom: 0;
}
.footer hr {
    border-color: #DDDDDD;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #EEE;
}
.footer-big .form-group {
    margin-top: 15px;
}
.footer .title {
    color: #006CB6;
}
h5,
.h5 {
    margin-bottom: 15px;
    font-size: 18px;
}
.footer-big nav>ul {
    margin: 0;
    padding: 0;
    font-weight: normal;
    list-style: none;
}
.footer nav>ul {
    margin: 0;
    padding: 0;
    font-weight: normal;
    list-style: none;
}
.footer-big nav>ul li {
    float: none;
}
.footer nav>ul a:not(.btn) {
    display: block;
    color: #88BAE6;
}
.footer-big nav>ul .btn-social.btn-simple {
    padding: 0 0 4px 0;
}
.footer-big nav>ul .btn {
    margin-bottom: 5px;
}
.btn-social.btn-simple {
    padding: 9px 5px;
    font-size: 16px;
}
.btn-facebook {
    border-color: #3B5998;
    color: #3B5998;
}
.btn-social {
    padding: 8px 9px;
    opacity: 0.85;
}
.btn-simple {
    padding: 8px 16px;
    border: 0;
    font-size: 16px;
}
.btn-dribbble {
    border-color: #007BB7;
    color: #007BB7;
}
.btn-twitter {
    border-color: #55ACEE;
    color: #55ACEE;
}
.btn-reddit {
    border-color: #FF4500;
    color: #FF4500;
}
.breadcrumb {
    margin-bottom: 20px;
    padding: 0;
    list-style: none;
    color: #006CB6;
    background-color: transparent;
}
.breadcrumb a {
    color: #006CB6 !important;
}
.breadcrumb a:hover {
    color: #FFF !important;
}
.breadcrumb>.active {
    color: #FFF;
}
.thumbnail {
    padding: 20px;
    min-height: 100px;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
    background-color: #006CB6;
}
.thumbnail:hover {
    color: #FFF;
    background-color: #88BAE6;
    transition: background-color 2s;
    background-blend-mode: multiply;
}
.thumbnail a {
    background-color: red !important;
}
.boucherie {
    text-indent: -9000px;
    background-image: url(/Resources/Images/original/44.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.boucherie:hover {
    background-color: #000;
    background-blend-mode: luminosity;
}
.charcuterie {
    border-left: 30px solid rgba(169, 16, 5, 0.80);
    color: #000;
    background-color: rgba(35, 35, 35, 0.84);
    background-image: url(/contents/images/bg_charcuterie.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: normal;
}
.charcuterie:hover {
    border-left: 20px solid rgba(169, 16, 5, 0.91) !important;
    background-color: #FFF;
}
.boulangerie {
    border-right: 30px solid rgba(169, 16, 5, 0.80);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .7);
    color: #006CB6;
    background-color: #FFF;
    background-image: url(/contents/images/bg_boulangerie.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
}
.boulangerie:hover {
    border-right: 10px solid rgba(169, 16, 5, 0.91) !important;
    border-left: 20px solid rgba(169, 16, 5, 0.91) !important;
    background-color: #88BAE6;
    background-blend-mode: multiply;
}
.cremerie {
    background-color: #006CB6;
    background-image: url(/contents/images/bg_cremerie.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
}
.poissonerie {
    background-color: #006CB6;
    background-image: url(/contents/images/bg_poissonerie.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
}
.fruits {
    background-color: #006CB6;
    background-image: url(/contents/images/bg_fruits.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
}
.fleurs {
    background-color: #006CB6;
    background-image: url(/contents/images/bg_fleurs.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
}
.affix {
    top: 250px;
    background-color: transparent;
}
@media (min-width: 768px) {
    .navbar .navbar-collapse {
        text-align: center;
    }
    
    .navbar-right {
        margin-right: 0px !important;
    }
}
@media(max-width:990px) {
    .affix {
        position: static !important;
    }
}
.well-lg a {
    text-decoration: none;
    color: #006CB6 !important;
}
.text h1 {
    padding: 0px;
    color: #006CB6;
    margin-top: 0;
}
.text h1:after {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid green;
}
.text h1:before {
    padding-top: 25px;
}
.hovereffect1 {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    cursor: default;
}
.hovereffect1 .overlay {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    overflow: hidden;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
}
.hovereffect1:hover .overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=100);
}
.hovereffect1 img {
    display: block;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.hovereffect1:hover img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(0.6);
    -webkit-filter: brightness(0.6);
}
.hovereffect1 h2 {
    position: relative;
    padding: 1em 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: #FFF;
    opacity: 0;
    background-color: transparent;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    filter: alpha(opacity=0);
}
.hovereffect1 a,
hovereffect1 p {
    padding: 1em 0;
    color: #FFF;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    filter: alpha(opacity=0);
}
.hovereffect1:hover a,
.hovereffect1:hover p,
.hovereffect1:hover h2 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    filter: alpha(opacity=100);
}
.hovereffect2 {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    background: -webkit-linear-gradient(45deg, #ff89e9 0, #05ABE0 100%);
    background: linear-gradient(45deg, #ff89e9 0, #05ABE0 100%);
    cursor: default;
}
.hovereffect2 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3em;
    overflow: hidden;
    text-align: left;
}
.hovereffect2 img {
    display: block;
    position: relative;
    width: calc(100% + 60px);
    max-width: none;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}
.hovereffect2 h2 {
    position: relative;
    padding: 15% 0 10px 0;
    text-align: left;
    text-transform: uppercase;
    font-size: 17px;
    color: #FFF;
    background-color: transparent;
}
.hovereffect2 .overlay:before {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid #FFF;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    filter: alpha(opacity=0);
}
.hovereffect2 a,
.hovereffect2 p {
    color: #FFF;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    filter: alpha(opacity=0);
}
.hovereffect2:hover img {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    filter: alpha(opacity=60);
}
.hovereffect2:hover .overlay:before,
.hovereffect2:hover a,
.hovereffect2:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    filter: alpha(opacity=100);
}
.hovereffect3 {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    cursor: default;
}
.hovereffect3 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.2s 0.4s ease-in-out;
    transition: all 0.2s 0.4s ease-in-out;
    -webkit-transform: translate(460px, -100px) rotate(180deg);
    -ms-transform: translate(460px, -100px) rotate(180deg);
    transform: translate(460px, -100px) rotate(180deg);
    filter: alpha(opacity=0);
}
.hovereffect3 img {
    display: block;
    position: relative;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.hovereffect3 h2 {
    position: relative;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    color: #FFF;
    background: rgba(0, 0, 0, 0.6);
}
.hovereffect3 a.info {
    display: inline-block;
    margin: 50px 0 0 0;
    padding: 7px 14px;
    border: 1px solid #FFF;
    text-decoration: none;
    text-transform: uppercase;
    color: #FFF;
    background-color: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
}
.hovereffect3 a.info:hover {
    box-shadow: 0 0 5px #FFF;
}
.hovereffect3:hover .overlay {
    opacity: 1;
    -webkit-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    transform: translate(0px, 0);
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.hovereffect3:hover h2 {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.hovereffect3:hover a.info {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

/* @group hovereffect4 */
.hovereffect4 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect4 .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: rgba(75, 75, 75, 0.1);
    background-blend-mode: normal;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hovereffect4:hover .overlay {
    background-color: rgba(48, 152, 157, 0.4);
}
.hovereffect4 img {
    display: block;
    position: relative;
}
.hovereffect4 h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 12px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: -25px;
}
.hovereffect4:hover h2 {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.hovereffect4 a.info {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #286090;
    opacity: 100;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(00px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-weight: normal;
    margin: 118px 0 0 0;
    padding: 7px 14px;
    position: absolute;
    bottom: 10%;
    left: 10%;
    width: 80%;
}
.hovereffect4:hover a.info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.hovereffect4 a.info:hover {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}
@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }
    
    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

/* @end */

/* @group hovereffect5 */
.hovereffect5 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect5 .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: rgba(75, 75, 75, 0.1);
    background-blend-mode: normal;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hovereffect5:hover .overlay {
    background-color: rgba(48, 152, 157, 0.4);
}
.hovereffect5 img {
    display: block;
    position: relative;
}
.hovereffect5 h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 16px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: -25px;
}
.hovereffect5:hover h2 {
    -webkit-transform: translateX(150%);
    -ms-transform: translateX(150%);
    transform: translateX(150%);
}
.hovereffect5 a.info {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #286090;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-weight: normal;
    margin: 118px 0 0 0;
    padding: 7px 14px;
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 100%;
}
.hovereffect5:hover a.info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.hovereffect5 a.info:hover {
    box-shadow: 0 0 5px #fff;
}

/* @end */

/* @group hovereffect6 */
.hovereffect6 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect6 .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: rgba(75, 75, 75, 0.1);
    background-blend-mode: normal;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hovereffect6:hover .overlay {
    background-color: rgba(48, 152, 157, 0.4);
}
.hovereffect6 img {
    display: block;
    position: relative;
}
.hovereffect6 h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 12px;
    padding: 10px 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: -15px;
}
.hovereffect6:hover h2 {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}
.hovereffect6 a.info {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #286090;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-weight: normal;
    margin: 118px 0 0 0;
    padding: 7px 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.hovereffect6:hover a.info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.hovereffect6 a.info:hover {
    box-shadow: 0 0 5px #fff;
}

/* @end */

/* @group hovereffect7 */
.hovereffect7 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect7 .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: rgba(75, 75, 75, 0.1);
    background-blend-mode: normal;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hovereffect7:hover .overlay {
    background-color: rgba(48, 152, 157, 0.4);
}
.hovereffect7 img {
    display: block;
    position: relative;
}
.hovereffect7 h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 12px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: -15px;
}
.hovereffect7:hover h2 {
    -webkit-transform: translateX(150%);
    -ms-transform: translateX(150%);
    transform: translateX(150%);
}
.hovereffect7 a.info {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #286090;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-weight: normal;
    margin: 118px 0 0 0;
    padding: 7px 14px;
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 100%;
}
.hovereffect7:hover a.info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.hovereffect7 a.info:hover {
    box-shadow: 0 0 5px #fff;
}

/* @end */

/* Menu vertical */
.vertical-menu {
    position: relative;
    /*min-width : 260px;*/
    
    outline: 0;
    margin-top: 10px;
}
.vertical-menu * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    outline: 0;
    font-weight: 300;
}
.vertical-menu .menu-footer {
    float: left;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 6px;
    font-weight: normal;
    line-height: 50px;
    color: #F0F0F0;
    background: #414956;
}
.vertical-menu .menu-header {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    background: #006CB6;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
}
.vertical-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.vertical-menu ul li {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}
.vertical-menu ul li a {
    float: left;
    position: relative;
    width: 100%;
    padding: 14px 22px;
    overflow: hidden;
    text-decoration: none;
    font-size: 13px;
    color: #F0F0F0;
    background: #1f3464;
}
.vertical-menu ul li a i {
    float: left;
    width: 34px;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
}
.vertical-menu ul li .menu-label {
    position: absolute;
    top: 14px;
    right: 18px;
    padding: 1px 2px 1px 1px;
    min-width: 20px;
    border-radius: 100%;
    text-align: center;
    font-size: 11px;
    font-weight: 800;
    line-height: 18px;
    color: #555555;
    background: #F0F0F0;
}
.vertical-menu ul .submenu {
    display: none;
    position: static;
    width: 100%;
}
.vertical-menu ul .submenu .submenu-indicator {
    line-height: 16px;
}
.vertical-menu ul .submenu li {
    clear: both;
    width: 100%;
}
.vertical-menu ul .submenu li ul.submenu {
    display: none;
    position: static;
    width: 100%;
    overflow: hidden;
}
.vertical-menu ul .submenu li a {
    float: left;
    position: relative;
    border-top: none;
    border-left: 0;
    font-size: 11px;
    background: #006CB6;
}
.vertical-menu ul .submenu li:hover>a {
    border-left-color: #414956;
}
.vertical-menu ul .submenu li .menu-label {
    position: absolute;
    top: 12px;
    top: 14px;
    right: 18px;
    padding: 1px 2px 1px 1px;
    min-width: 20px;
    border-radius: 100%;
    text-align: center;
    font-size: 11px;
    font-weight: 800;
    line-height: 18px;
    color: #555555;
    background: #F0F0F0;
}
.vertical-menu ul .submenu>li>a {
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.vertical-menu ul .submenu>li>ul.submenu>li>a {
    padding-left: 45px;
}
.vertical-menu ul .submenu>li>ul.submenu>li>ul.submenu>li>a {
    padding-left: 60px;
}
.vertical-menu ul .submenu>li>ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
    padding-left: 75px;
}
.vertical-menu ul .submenu>li>ul.submenu>li>ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
    padding-left: 90px;
}
.vertical-menu .submenu-indicator {
    float: right;
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 20px;
    line-height: 19px;
    -webkit-transition: "transform .3s linear";
    -moz-transition: "transform .3s linear";
    -o-transition: "transform .3s linear";
    transition: "transform .3s linear";
}
.vertical-menu .submenu-indicator-minus>.submenu-indicator {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.vertical-menu>ul>li.active>a {
    color: #FFFFFF;
    background: #3B424D;
}
.vertical-menu>ul>li:hover>a {
    color: #FFFFFF;
    background: #337ab7 !important;
}
.vertical-menu>ul>li>a {
    border-bottom: solid 1px #3B424D;
}
.ink {
    display: block;
    position: absolute;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.animate-ink {
    -webkit-animation: ripple .3s linear;
    -moz-animation: ripple .3s linear;
    -o-animation: ripple .3s linear;
    animation: ripple .3s linear;
    -ms-animation: ripple .3s linear;
}
span.caret.navbar-toggle.sub-arrow {
    border: none;
}
ul.nav.navbar-nav.sm-collapsible {
    margin-top: 0;
    margin-bottom: 0;
}
@media (max-width: 767px) .collapse.navbar-collapse.navbar-ex1-collapse {
    display: none;
}
.collapse.navbar-collapse.navbar-ex1-collapse.in {
    display: block;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #fff;
    background-color: #FFC000;
}
.level0>li:hover {
    background-color: #FFC000;
}
.sm-collapsible .level1>li {
    background-color: #000;
    margin-top: -5px;
    margin-bottom: -5px;
    padding: 5px 0 !important;
    color: #fff;
}
.sm-collapsible .level1>li a {
    color: #000 !important;
    background-color: #fff;
    margin: -5px 0 !important;
    padding: 15px !important;
}
.sm-collapsible .level1>li a:hover {
    color: #fff !important;
    background-color: #000 !important;
}
a.active.current {
    background-color: white;
    color: #6d6d6d;
    font-weight: 800;
}
a.active.current:hover {
    background-color: white;
    color: #FFC000;
    font-weight: 800;
}
.level1>li {
    margin-top: -5px;
    margin-bottom: -5px;
    padding: 5px 0 !important;
    color: #fff;
}

/* Fin menu vertical */

/* Liste */
.list .listItem {
    border: 0px #000 solid;
    margin-bottom: 30px;
    width: 100%;
    position: relative;
}
.list .listItem .listText h2 {
    padding: 5px;
    color: #006CB6;
    background: #88BAE6;
    margin: 0;
}
.list .listItem .listText p {
    padding: 5px;
    flex-grow: 1;
}
.list .listItem .bottom {
    margin-top: auto;
}
.list .listItem.listItemHorizontal {
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.list .listItem.listItemHorizontal>[class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Fin Liste */
.row.row-flex,
.list.row-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 10px;
}
.row.row-flex>[class*="col-"],
.list.row-flex>[class*="col-"] {
    display: flex;
}
.row.row-flex>[class*="col-"]>[class*="bd-column-"],
.list.row-flex>[class*="col-"]>[class*="bd-column-"] {
    /*width: 100%;*/
    
    flex-grow: 1;
    border: 1px #000 solid;
    padding: 10px;
    margin-bottom: 15px;
}

/* fix 1px bug in Chrome */
.row.row-flex:before,
.row.row-flex:after .list.row-flex:before,
.list.row-flex:after {
    display: none;
}
.mosaicflow__column {
    float: left;
}
#divCaptcha.has-feedback .form-control,
#divCP.has-feedback .form-control {
    padding-right: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    font-weight: 400;
}
h1 {
    font-size: 3rem;
    margin: 1rem 0;
}
h2 {
    font-size: 2.35rem;
    margin: 1rem 0;
}
h3 {
    font-size: 1.95rem;
    margin: 1.313rem 0;
}
h4 {
    font-size: 1.65rem;
    margin: 1.313rem 0;
}
h5 {
    font-size: 1.313rem;
    margin: 1.313rem 0;
}
h6 {
    font-size: 1.125rem;
    margin: 1.313rem 0;
}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
    font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    line-height: 2.3rem;
    font-weight: 400;
}
.text h1 {
    font-size: 3rem;
    line-height: 5rem;
    margin: 1rem 0;
}
.text h2 {
    font-size: 2.35rem;
    margin: 1rem 0;
}
.text h3 {
    font-size: 1.95rem;
    margin: 1.313rem 0;
}
.text h4 {
    font-size: 1.65rem;
    margin: 1.313rem 0;
}
.text h5 {
    font-size: 1.313rem;
    margin: 1.313rem 0;
}
.text h6 {
    font-size: 1.125rem;
    margin: 1.313rem 0;
}

/*
 * Paragraphes
 */
.padding-5px {
    padding: 0.3125rem;
}
.padding-10px {
    padding: 0.625rem;
}
.padding-15px {
    padding: 0.9375rem;
}
.fond-gris {
    background-color: #1f1f1f;
    padding: 0.625rem;
    margin-top: 1.25rem;
}
.fond-bleu-sombre {
    background-color: #1f3464;
    padding: 0.625rem;
    margin-top: 1.25rem;
}
.fond-bleu-puissant {
    background-color: #006cb6;
    padding: 0.625rem;
    margin-top: 1.25rem;
}
.fond-bleu-doux {
    background-color: #88bae6;
    padding: 0.625rem;
    margin-top: 1.25rem;
}
.fond-bleu-gris {
    background-color: #e9f2fa;
    font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    font-style: italic;
    padding: 0.625rem;
    margin-top: 1.25rem;
}
.fond-degrade {
    background: -webkit-linear-gradient(top, #88bae6, #e7f1fa);
    background: -moz-linear-gradient(top, #88bae6, #e7f1fa);
    background: -o-linear-gradient(top, #88bae6, #e7f1fa);
    background: -ms-linear-gradient(top, #88bae6, #e7f1fa);
    background: linear-gradient(to bottom, #88bae6, #e7f1fa);
    padding: 0.625rem;
    margin-top: 1.25rem;
}

/*
 * Contours
 */
.bordure-haut-1px {
    border-top: solid 0.0625rem;
    margin-top: 1.25rem;
}
.bordure-bas-1px {
    border-bottom: solid 0.0625rem;
    margin-top: 1.25rem;
}
.bordure-gauche-1px {
    border-left: solid 0.0625rem;
    margin-top: 1.25rem;
}
.bordure-droite-1px {
    border-right: solid 0.0625rem;
    margin-top: 1.25rem;
}
.bordure-haut-5px {
    border-top: solid 0.3125rem;
    margin-top: 1.25rem;
}
.bordure-bas-5px {
    border-bottom: solid 0.3125rem;
    margin-top: 1.25rem;
}
.bordure-gauche-5px {
    border-left: solid 0.3125rem;
    margin-top: 1.25rem;
}
.bordure-droite-5px {
    border-right: solid 0.3125rem;
    margin-top: 1.25rem;
}
.bordure-gris {
    border-color: #1f1f1f;
}
.bordure-bleu-sombre {
    border-color: #1f3464;
}
.bordure-bleu-puissant {
    border-color: #006cb6;
}
.bordure-bleu-doux {
    border-color: #88bae6;
}
.bordure-bleu-gris {
    border-color: #e9f2fa;
}

/*
 * Textes
 */
.texte-gris {
    color: #1f1f1f;
}
.texte-bleu-sombre {
    color: #1f3464;
}
.texte-bleu-puissant {
    color: #006cb6;
}
.texte-bleu-doux {
    color: #88bae6;
}
.texte-bleu-gris {
    color: #e9f2fa;
}
.texte-petit {
    font-size: 1.125rem;
}
.texte-moyen {
    font-size: 1.4625rem;
}
.texte-grand {
    font-size: 1.9125rem;
}
.tabs,
.accordion {
    margin-top: 15px;
}
.tabs .tab-content {
    padding: 15px;
    border: 1px solid #ddd;
    border-top-color: transparent;
}
.ratio4by3 {
    padding-bottom: 75%;
}
.ratio16by9 {
    padding-bottom: 56.25%;
}
#pied {
    background-color: #E5F3F9;
}

/* Fonds*/
.fond-degrade-Bleu-DG {
    border-radius: 0 20px 20px 20px;
    background-image: -webkit-linear-gradient(-180deg, rgba(0, 108, 182, 0.5) 0, rgba(0, 108, 182, 1) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(0, 108, 182, 0.5) 0, rgba(0, 108, 182, 1) 100%);
    background-image: linear-gradient(270deg, rgba(0, 108, 182, 0.5) 0, rgba(0, 108, 182, 1) 100%);
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
}
.fond-degrade-Bleu {
    border-radius: 0 20px 20px 20px;
    background: -webkit-linear-gradient(top, #5aa0d0, #e7f1fa);
    background: -moz-linear-gradient(top, #5aa0d0, #e7f1fa);
    background: -o-linear-gradient(top, #5aa0d0, #e7f1fa);
    background: -ms-linear-gradient(top, #5aa0d0, #e7f1fa);
    background: linear-gradient(to bottom, #5aa0d0, #e7f1fa);
}
.fond-degrade-orange {
    border-radius: 0 20px 20px 20px;
    background: -webkit-linear-gradient(top, #fad96e, #fff);
    background: -moz-linear-gradient(top, #fad96e, #fff);
    background: -o-linear-gradient(top, #fad96e, #fff);
    background: -ms-linear-gradient(top, #fad96e, #fff);
    background: linear-gradient(to bottom, #fad96e, #fff);
}
.Fond-Gris {
    background: #eee;
}

/* Bordures */
.bordureGrisOmbre .col-content {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #efe9e9;
    -webkit-border-radius: 20px;
    background-image: -webkit-linear-gradient(-180deg, rgba(0, 108, 182, 0.5) 0, rgba(0, 108, 182, 1) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(0, 108, 182, 0.5) 0, rgba(0, 108, 182, 1) 100%);
    background-image: linear-gradient(270deg, rgba(0, 108, 182, 0.5) 0, rgba(0, 108, 182, 1) 100%);
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
}

/* Police*/
.Texte-Script-blanc {
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: none;
    z-index: auto;
    height: auto;
    position: static;
    cursor: default;
    opacity: 1;
    margin: 0;
    padding: 20px;
    overflow: hidden;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-family: 'Aguafina Script', cursive;
    font-size: 3rem;
    color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}
.menu1 .ca-menu {
    padding: 0;
    margin: 20px auto;
}
.menu1 .ca-menu li {
    width: 140px;
    height: 200px;
    overflow: hidden;
    position: relative;
    float: left;
    border: 5px solid #fff;
    background: #e2f0ff;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    margin-right: 4px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.menu1 .ca-menu li:last-child {
    margin-right: 0px;
}
.menu1 .ca-menu li a {
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.menu1 .ca-icon {
    font-family: 'FontAwesome', cursive;
    color: #c5e4f4;
    font-size: 90px;
    text-shadow: 1px 0px 1px rgba(255, 255, 255, 0.7);
    line-height: 150px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 0px;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.menu1 .ca-content {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 50%;
}
.menu1 .ca-main {
    font-size: 14px;
    color: #005382;
    opacity: 0.8;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.menu1 .ca-content .ca-main {
    margin-top: 30px;
}
.menu1 .ca-sub {
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 40px;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.menu1 .ca-menu li:hover {
    background-color: #fff;
}
.menu1 .ca-menu li:hover .ca-icon {
    text-shadow: 0px 0px 20px #c5e4f4;
    color: transparent;
    -webkit-animation: moveFromTop 400ms ease;
    -moz-animation: moveFromTop 400ms ease;
    -ms-animation: moveFromTop 400ms ease;
}
.menu1 .ca-menu li:hover .ca-main {
    color: #000;
    -webkit-animation: moveFromTop 300ms ease;
    -moz-animation: moveFromTop 300ms ease;
    -ms-animation: moveFromTop 300ms ease;
}
.menu1 .ca-menu li:hover .ca-sub {
    color: #000;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-300%);
    }
    
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-300%);
    }
    
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-300%);
    }
    
    to {
        -ms-transform: translateY(0%);
    }
}
@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%);
    }
    
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%);
    }
    
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%);
    }
    
    to {
        -ms-transform: translateY(0%);
    }
}

/* Slideshow Greg */
.slide-buttons {
    position: absolute;
    top: 30rem;
    left: 20rem;
}
.slide-buttons a span {
    display: none;
}
.slide-buttons a {
    display: inline-block;
    font-family: "fontawesome";
    margin: 0rem;
    border: none;
    padding: 1rem 0rem;
    width: 6rem;
    height: 6rem;
    text-align: center;
    line-height: 4rem;
    background-color: rgba(255, 255, 255, 0.85);
    color: black;
    text-decoration: none !important;
}
.slide-buttons a.previous:before {
    content: "\f053";
}
.slide-buttons a.next:before {
    content: "\f054";
}
.slide-buttons a.play:before {
    content: "\f04b";
}
.slide-buttons a.pause:before {
    content: "\f04c";
}
.slide-buttons a.active:before {
    content: "\f111";
}
.slide-buttons a.notactive:before {
    content: "\f10c";
}
@media (max-width: 767px) {
    .w500-500-400-400 {
        height: 300px !important;
    }
    
    .w900-900-800-600 {
        height: 600px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .w500-500-400-400 {
        height: 300px !important;
    }
    
    .w900-900-800-600 {
        height: 800px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .w500-500-400-400 {
        height: 350px !important;
    }
    
    .w900-900-800-600 {
        height: 900px !important;
    }
}
@media (min-width: 1200px) {
    .w500-500-400-400 {
        height: 400px !important;
    }
    
    .w900-900-800-600 {
        height: 900px !important;
    }
}
.noSlideContent .slide-content {
    display: none;
}
.noSlideText .slide-content-body {
    display: none;
}
.noSlideTitle .slide-content-title {
    display: none;
}
.noSlideLink .slide-content-link {
    display: none;
}
.slide-content {
    background: rgba(0, 108, 182, 0.80);
    width: 380px;
    height: auto;
    position: relative;
    cursor: default;
    opacity: 0, 5;
    top: 10rem;
    padding: 3rem;
    margin: 0rem 5rem;
    overflow: visible;
    color: rgba(0, 0, 0, 1);
}
.slide-content-icon {
    font-size: 6rem !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 5rem !important;
    margin-right: 3rem !important;
    animation: pulse 3s ease infinite alternate, nudge 5s linear infinite alternate;
}
.slide-content::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 1px solid gray;
    opacity: 0.9;
    pointer-events: none;
    z-index: 5;
    -webkit-transform: translate(0.5em, 0.5em);
    transform: translate(0.5em, 0.5em);
}
.slide-content a {
    color: black;
}
.slide-content a:hover {
    text-decoration: none !important;
}
.slide-content-title {
    display: inline-block;
    color: white;
    font-size: 4rem !important;
    font-family: "Montserrat";
}
.slide-content-icon {
    /*content: "\f004";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 5rem !important;
    margin-right: 3rem !important;
    animation: 
    pulse 3s ease infinite alternate, 
    nudge 5s linear infinite alternate;*/
}
.slide-content-body {
    box-sizing: content-box;
    overflow: hidden;
    font-size: 1.2rem !important;
}
.slide-content-link {
    background-color: ivory;
    font-size: 1.2rem;
}
.slide-content-icon {
    /* content: "\f004";*/
    
    animation-name: stretch;
    animation-duration: 1s;
    animation-timing-function: ease-in;
    animation-delay: 0.5;
    animation-direction: alternate;
    animation-iteration-count: 2;
    animation-fill-mode: none;
    animation-play-state: running;
}
@keyframes stretch {
    0% {
        color: black;
    }
    
    50% {
        color: red;
    }
    
    100% {
        color: black;
    }
}
.connexionStatus {
    text-align: right;
}

/**** HAMBURGER *****/
.hamburger-menu {
    position: relative;
    float: right;
    width: 50px;
    height: 40px;
    cursor: pointer;
    margin-top: 10px;
}
.bar,
.bar:after,
.bar:before {
    width: 40px;
    height: 5px;
}
.bar {
    position: relative;
    transform: translateY(12px);
    background: white;
    transition: all 0ms 300ms;
}
.bar.animate {
    background: rgba(255, 255, 255, 0);
}
.bar:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 12px;
    background: white;
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    background: white;
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar.animate:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar.animate:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/**** FIN HAMBURGER ****/

/*==========Présentation des actus================*/

/*lignes*/
.lignes .actus-overlay {
    display: none;
}

/*colonnes*/
.colonnes .actus-overlay {
    display: none;
}

/*lignes alternées*/

/*colonnes alternées*/

/*cartes*/
.colonnes.cartes .actus-content {
    display: none;
}
.colonnes.cartes .actus-overlay {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
}
.colonnes.cartes .actus-image-content {
    position: relative;
}
.colonnes.cartes .actus-container .actus-overlay .theme {
    margin-top: 0px;
}
.colonnes.cartes .overlay-text {
    position: absolute;
    bottom: 0;
    right: 15px;
    left: 15px;
}

/*disapo-liste vertical*/
.diapo-list.vertical .item img {
    width: 100%;
}
.diapo-list.vertical .item {
    padding: 0;
    max-height: 400px;
}
.diapo-list.vertical .actus-image-content {
    width: 100% !important;
}
.diapo-list.vertical .actus-content {
    width: 100% !important;
}
.diapo-list.vertical .actus-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    text-shadow: none;
}
.diapo-list.vertical .carousel-inner {
    /*width: 70%;*/
    
    float: left;
}
.diapo-list.vertical .list-group {
    position: relative;
    width: 100%;
    float: left;
}
.diapo-list.vertical .list-group-item {
    border-radius: 0px;
    cursor: pointer;
    max-height: 81px;
    overflow: hidden;
}
.diapo-list.vertical .list-group .active {
    background-color: #eee;
}
@media (min-width: 768px) {
    .diapo-list.vertical {
        /*padding-right:33.3333%;*/
    }
    
    .diapo-list.vertical .carousel-controls {
        display: none;
    }
}
@media (max-width: 767px) {
    .actus-content p,
    .diapo-list.vertical .list-group {
        display: none;
    }
    
    .diapo-list.vertical .actus-inner {
        width: 100%;
    }
}
.diapo-list.vertical .actus-content {
    display: none;
}

/*diapo-liste horizontal*/
.diapo-list.horizontal .item img {
    width: 100%;
}
.diapo-list.horizontal .item {
    padding: 0;
    max-height: 400px;
}
.diapo-list.horizontal .actus-image-content {
    width: 100% !important;
}
.diapo-list.horizontal .actus-content {
    width: 100% !important;
}
.diapo-list.horizontal .actus-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    text-shadow: none;
}
.diapo-list.horizontal .carousel-inner {
    width: 70%;
    float: left;
}
.diapo-list.horizontal .list-group {
    position: relative;
    width: 30%;
    float: left;
}
.diapo-list.horizontal .list-group-item {
    border-radius: 0px;
    cursor: pointer;
    max-height: 81px;
    overflow: hidden;
}
.diapo-list.horizontal .list-group .active {
    background-color: #eee;
}
@media (min-width: 768px) {
    .diapo-list.horizontal {
        /*padding-right:33.3333%;*/
    }
    
    .diapo-list.horizontal .carousel-controls {
        display: none;
    }
}
@media (max-width: 767px) {
    .actus-content p,
    .diapo-list.horizontal .list-group {
        display: none;
    }
    
    .diapo-list.horizontal .actus-inner {
        width: 100%;
    }
}
.diapo-list.horizontal .actus-content {
    display: none;
}

/*diapo normal*/
.diapo.thumbdiap .actus-item img {
    width: 100%;
}
.diapo.thumbdiap .actus-item {
    padding: 0;
    /*max-height: 400px;*/
}
.diapo.thumbdiap .actus-image-content {
    width: 100% !important;
}
.diapo.thumbdiap .actus-content {
    width: 100% !important;
}
.diapo.thumbdiap .actus-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    text-shadow: none;
    color: #fff;
}
.diapo.thumbdiap .carousel-inner {
    /*width: 70%;*/
    
    float: left;
}
.diapo.thumbdiap .list-group {
    /*position: relative;*/
    
    width: auto;
    /*float: left;*/
    
    text-align: center;
    display: block;
    margin: auto;
}
.diapo.thumbdiap .list-group-item {
    border-radius: 50%;
    cursor: pointer;
    height: 10px;
    width: 10px;
    padding: 8px;
    display: inline-block;
    border-color: #337ab7;
    margin: 20px 5px;
}
.diapo.thumbdiap .list-group-item span {
    display: none;
}

/*.diapo.thumbdiap .list-group .active {
	background-color:#eee;	
}*/
@media (min-width: 992px) {
    .diapo.thumbdiap {
        /*padding-right:33.3333%;*/
    }
    
    .diapo.thumbdiap .carousel-controls {
        display: none;
    }
}
@media (max-width: 991px) {
    .actus-content p,
    .diapo.thumbdiap .list-group {
        display: none;
    }
}
.diapo.thumbdiap .actus-content {
    display: none;
}

/*diapo 1 slide*/

/*diapo 2 slides*/

/*diapo 3 slides*/

/*diapo 4 slides*/

/*nos offres*/
.diapo.nosoffres .actus-item img {
    width: auto;
    display: block;
    margin: auto;
    max-height: 700px;
}
.diapo.nosoffres .actus-item {
    padding: 0;
    /*max-height: 400px;*/
}
.diapo.nosoffres .actus-image-content {
    width: 100% !important;
}
.diapo.nosoffres .actus-content {
    width: 100% !important;
}
.diapo.nosoffres .actus-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 10px;
    background: rgba(2, 166, 176, 0.9);
    text-shadow: none;
    color: #fff;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.diapo.nosoffres .actus-inner:hover .actus-overlay {
    opacity: 1;
}
.diapo.nosoffres .actus-overlay .resume,
.diapo.nosoffres .actus-overlay .date,
.diapo.nosoffres .actus-overlay .theme {
    display: none;
}
.diapo.nosoffres .actus-overlay .title {
    fint-size: 5rem;
    text-align: center;
}
.diapo.nosoffres .carousel-inner {
    /*width: 70%;*/
    
    float: left;
}
.diapo.nosoffres .list-group {
    /*position: relative;*/
    
    width: auto;
    /*float: left;*/
    
    text-align: center;
    display: block;
    margin: auto;
}
.diapo.nosoffres .list-group-item {
    border-radius: 50%;
    cursor: pointer;
    height: 10px;
    width: 10px;
    padding: 8px;
    display: inline-block;
    border-color: #02a6b0;
    margin: 20px 5px;
}
.diapo.nosoffres .list-group-item.active {
    background-color: #02a6b0;
}
.diapo.nosoffres .list-group-item span {
    display: none;
}

/*.diapo.nosoffres .list-group .active {
	background-color:#eee;	
}*/
@media (min-width: 992px) {
    .diapo.nosoffres {
        /*padding-right:33.3333%;*/
    }
    
    .diapo.nosoffres .carousel-controls {
        display: none;
    }
}
@media (max-width: 991px) {
    .actus-content p,
    .diapo.nosoffres .list-group {
        display: none;
    }
}
.diapo.nosoffres .actus-content {
    display: none;
}

/*----------feed visaudio-----------*/
.lignes.feed .actus-item {
    border-bottom: 3px dotted #ccc;
    padding: 10px;
    position: relative;
    float: left;
    width: 100%;
}
.lignes.feed .actus-item::after {
    content: "";
    width: 40px;
    height: 5px;
    background: #ccc;
    position: absolute;
    left: 50px;
    bottom: -3.4px;
}
.lignes.feed .actus-content .theme {
    display: inline-block;
    float: left;
    padding: 5px 7px;
    border-radius: 5px;
    background-color: #02a6b0;
    color: #fff;
    margin: 0;
    font-size: 12px;
}
.lignes.feed .actus-content .date {
    float: right;
    color: #aaa;
    font-size: 1.2rem;
    margin-top: 5px;
}
.lignes.feed .actus-content {
    padding: 0;
}
.lignes.feed .actus-image-content {
    padding-left: 0;
}
.lignes.feed .actu-text .resume {
    display: none;
}
.lignes.feed .actu-text {
    float: left;
    width: 100%;
}
.lignes.feed .actu-text .actus-content {
    width: 80%;
    float: right;
    margin-top: -77px;
}
.lignes.feed .actu-text .title {
    color: #333;
    font-size: 1.7rem;
}
.lignes.feed .allnews {
    padding: 10px;
    text-align: center;
    background-color: #aaa;
    margin-top: 20px;
}
.lignes.feed .allnews a {
    color: white;
}

/*----------flexbox anticipée------------*/
.actus-inner.row-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 10px;
}
.actus-inner..row-flex>[class*="col-"] {
    display: flex;
}
.actus-inner..row-flex>[class*="col-"]>[class*="bd-column-"] {
    /*width: 100%;*/
    
    flex-grow: 1;
    border: 1px #000 solid;
    padding: 10px;
    margin-bottom: 15px;
}

/* fix 1px bug in Chrome */
.actus-inner.row-flex:before,
.actus-inner.row-flex:after {
    display: none;
}
.mosaicflow__column {
    float: left;
}

/*----------------------AURAV----------------------*/
.aurav-une .actus-item>div {
    padding: 0;
}
.aurav-une img {
    margin-top: 15px;
}
.aurav-une .actus-overlay {
    display: block;
    position: absolute;
    top: 15px;
    left: 5px;
    /* right: 0;*/
}
.aurav-une .theme {
    padding: 5px 7px;
    border-radius: 5px;
    background-color: #c8006d;
    color: #fff;
    margin: 5px;
    font-size: 12px;
}
.aurav-une .date,
.aurav-une .overlay-text {
    display: none;
}
.aurav-une .actus-content .theme,
.aurav-une .actus-content .date {
    display: none;
}
.aurav-une .resume {
    color: #333;
}
.aurav-une .actu-text {
    color: #c8006d;
}

/*-------------*/
.aurav-actus .actus-overlay {
    display: block;
    position: absolute;
    top: 0;
}
.aurav-actus .actus-overlay .theme {
    padding: 5px 7px;
    border-radius: 5px;
    background-color: #c8006d;
    color: #fff;
    margin: 5px;
    font-size: 12px;
}
.aurav-actus .date,
.aurav-actus .overlay-text,
.aurav-actus .actus-content .theme {
    display: none;
}
.aurav-actus .actu-text {
    color: #333;
    font-size: 14px;
}
.aurav-actus .actu-text .title {
    color: #c8006d;
    font-size: 20px;
}
.aurav-actus .actus-image-content {
    border-bottom: 6px solid #c8006d;
}
.aurav-actus .actus-item {
    padding: 0 7px;
}

/*---------------*/
.aurav-publi .actus-image-content {
    padding: 0;
}
.aurav-publi img {
    margin-top: 1rem;
}
.aurav-publi .actus-overlay {
    display: block;
    position: absolute;
    top: 1rem;
    left: 4px;
}
.aurav-publi .theme {
    padding: 5px 7px;
    border-radius: 5px;
    background-color: #c8006d;
    color: #fff;
    margin: 5px;
    font-size: 12px;
}
.aurav-publi .date,
.aurav-publi .overlay-text,
.aurav-publi .actus-content .theme,
.aurav-publi .actus-content .date {
    display: none;
}

/*actus paginées*/
.actus-paging-container nav {
    text-align: center;
    margin-top: 50px;
}
.actus-paging-container .pagination {
    display: inline-block;
    padding-left: 0;
    margin: auto;
    border-radius: 4px;
}
.actus-paging-container .resume {
    display: none;
}
.actus-paging-container .theme,
.actus-paging-container .date {
    display: none;
}
.actus-paging-container .title {
    color: #333;
    font-size: 1.8rem;
    margin: 0;
}
.actus-paging-container .actus-item {
    margin: 10px 0;
}
.actus-paging-container .actus-item.active .title {
    color: blue;
}

/*article*/
.article .date,
.article .theme {
    font-size: 1.2rem;
}
.article img {
    margin: auto;
}
.article .article-image,
.article .article-embed {
    margin-bottom: 20px;
}
.article .heading {
    margin-bottom: 50px;
}

/*----------les tags-------*/
.actu-tag1 .theme {
    background-color: blue !important;
}
.panel-title-full a {
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
}
.panel-danger>.panel-legend {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    display: inline-block;
}
.panel-legend {
    padding: 5px;
    border-bottom: 1px solid transparent;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-legend.pull-right {
    padding: 5px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 3px;
    margin-bottom: 5px;
}
.form-control.inline {
    display: inline-block;
    width: auto;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-40 {
    margin-top: 40px;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-top-100 {
    margin-top: 100px;
}
.tab-content {
    padding: 15px;
    border: 1px solid #ddd;
    border-top-color: transparent;
    margin-bottom: 15px;
}
.panel-primary .panel-heading a {
    color: #fff;
}
.panel-admin {
    border-style: dashed !important;
    background-color: #f9f0f0 !important;
}
abbr[title],
abbr[data-original-title] {
    text-decoration: none;
}
.pointer {
    cursor: pointer;
}
.cursorMove {
    cursor: move;
}
.fa-badge.text-success {
    color: #5cb85c;
}
#tab-content {
    background-color: #fff;
}


.badge-success {
    background-color: #5cb85c !important;
}