/* Font */
.huge {
    font-size: 40px;
}

/* Overflow */
.no-overflow-x {
    overflow-x: hidden !important;
}

/* Background */
.bg-transparent {
    background-color: transparent;
}

.bg-dark {
    background-color: #062343;
    opacity: 0.8;
}

.bg-light {
    background-color: whitesmoke;
    opacity: 0.5;
}

/* Texte */
.text-white {
    color: white !important;
}

.text-black {
    color: black !important;
}

.text-upper {
    text-transform: uppercase;
}

.text-glow:hover {
    -webkit-stroke-width: 5.3px;
    -webkit-stroke-color: #FFFFFF;
    -webkit-fill-color: #FFFFFF;
    text-shadow: 1px 1px 0 white , -1px -1px 1px rgba(0,0,0,0.67) ;
}

.text-h1 {
    font: normal 30px/1 Arial;
    text-shadow: 1px 1px 0 rgba(140,140,140,0.6) , -1px -1px 1px rgba(0,0,0,0.67) ; 
}

.text-h2 {
    font-size: 1.8em;
    font-weight: normal;
    font-family: Verdana,sans-serif;
}
.text-h3 {
    color: #2E659E;
    font: 15px/18px Verdana,sans-serif;
    margin: 0px;
}

/* Alignement */
.text-align-center {
    text-align: center;
}
.text-align-left {
    text-align: left;
}
.text-align-right {
    text-align: right;
}

.centered {
    margin: 0 auto;
}

.inline {
    display: inline-block;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

/* Evenement */
.clickable {
    cursor: pointer;
}

/* Autres */
.blur {
    -webkit-filter: blur(25px);
    -moz-filter: blur(25px);
    -o-filter: blur(25px);
    -ms-filter: blur(25px);
    filter: blur(25px);
}
.mask {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px; 
    left: 0px;
    z-index: -1;
}

.border {
    border: 1px solid black;
}

.border-bottom-dotted {
    border-bottom: 1px dotted #cccccc;
}
.border-right-dotted {
    border-right: 1px dotted #cccccc;
}
.border-top-dotted {
    border-top: 1px dotted #cccccc;
}

.padding-0 {
    padding: 0px;
}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}

.padding-30 {
    padding: 30px;
}