/*
NAME : Julien Picouleau
Date : 02/14/2017;
Project : Project Name;
*/

/*RESET*/

html, body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    display: block;
    position: relative;
}

h1,
h2,
h3,
h4 {
    margin-top: 0;
}

#content .page-content,
#content .entry-content,
#content .entry-summary {
    margin: 0;
}

.entry-content p {
    margin: 0em;
}

.hentry {
    margin: 0 !important;
}

figure {
    margin: 0;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    /*font-size: 14px;*/
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/*THEME*/

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

.taj {
    text-align: justify;
}

/*--------------------
// BLOC SPACING
--------------------*/

/*MARGIN*/

.sma {
    margin: 15px;
}

.mma {
    margin: 30px;
}

.lma {
    margin: 60px;
}

.smt {
    margin-top: 15px;
}

.mmt {
    margin-top: 30px;
}

.lmt {
    margin-top: 60px;
}

.smb {
    margin-bottom: 15px;
}

.mmb {
    margin-bottom: 30px;
}

.lmb {
    margin-bottom: 60px;
}

.smr {
    margin-right: 15px;
}

.mmr {
    margin-right: 30px;
}

.lmr {
    margin-right: 60px;
}

.sml {
    margin-left: 15px;
}

.mml {
    margin-left: 30px;
}

.lml {
    margin-left: 60px;
}

.noMargin {
    margin: 0;
}

/*PADDING*/

.spa {
    padding: 15px;
}

.mpa {
    padding: 30px;
}

.lpa {
    padding: 60px;
}

.spt {
    padding-top: 15px;
}

.mpt {
    padding-top: 30px;
}

.lpt {
    padding-top: 60px;
}

.spb {
    padding-bottom: 15px;
}

.mpb {
    padding-bottom: 30px;
}

.lpb {
    padding-bottom: 60px;
}

.spr {
    padding-right: 15px;
}

.mpr {
    padding-right: 30px;
}

.lpr {
    padding-right: 60px;
}

.spl {
    padding-left: 15px;
}

.mpl {
    padding-left: 30px;
}

.lpl {
    padding-left: 60px;
}

/*IMG*/
img {
    display: block;
}

img.contain {
    object-fit: contain;
}

img.cover {
    object-fit: cover;
}

img.circle {
    border-radius: 5px;
}

img.fullCircle {
    border-radius: 100px;
}

/*LOGO*/

#masthead .site-branding {
    display: none;
}

/*TYPO*/

h1,
h2,
h3,
h4 {
    /*font-family: 'Lato', sans-serif;*/
  /*  color: rgb(65, 65, 65);*/
}

h2{
    /*font-weight: 400;*/
}

p,
a,
input,
span,
li{
    /*font-family: 'Lato', sans-serif;*/
}

strong {
    /*font-family: 'Lato', sans-serif;*/
}

/*
em,
i {
    font-family: 'Lato', sans-serif;
    font-size: 1.2em;
    line-height: 1.7em;
}
*/
/*
.menuItem a {
    font-size: 1.4em;
}
*/
/*
a {
    color: #6F6F71;
    text-decoration: none;
}

a:hover, .selected {
    text-decoration: none;
    color: #24B663;
}
*/
/*
p {
    font-size: 1em;
    line-height: 1.5em;
    color: rgb(65, 65, 65);
}

*/
.bigTxt {
    font-size: 2.5em;
}

.siteInfoContent p {
    font-size: 1em;
}

.lineOnTxt {
    text-decoration: line-through;
}

.minTxt{
    font-size: 0.85em;
}

/* COLOR */

.imgGray{
    filter: grayscale(100%);
}

.whiteTxt {
    color: #fff;
}

.blueTxt {
    color: #334c75;
}

.greenTxt {
    color: #24B663;
}

.lightCream {
    background-color: #e8e6e6;
}

.whiteBg {
    background-color: #fff;
}

.lightWhite {
    background-color: #fafafa;
}

.greyBg {
    background-color: rgb(111, 111, 113);
}

.darkBlue {
    background-color: #334c74;
}

.lightBlueBg {
    background-color: #F0F4F7;
}

.blackTxt{
    color: #000;
}

/* BLOC */
.borderTop {
    border-top: 1px solid #dcdada;
}

.borderBottom {
    border-bottom: 1px solid #dcdada;
}

.bloc-radius-25 {
    border-radius: 25px;
}

.max-width-view {
    width: 980px;
}

.full-height {
    height: 100%;
}

.auto-height {
    height: auto;
}

.full-width-xl {
    width: 100%;
}

.nine-ten-width-xl {
    width: 90%;
}

.half-width-xl {
    width: 50%;
}

.half-width-xl-space {
    width: 45%;
}

.third-width-xl {
    width: 33.33%;
}

.two-third-xl {
    width: 66.66%;
}

.three-four-width-xl {
    width: 75%;
}

.one-four-width-xl {
    width: 25%;
}

.four-fifth-width-xl {
    width: 85%;
}

.one-fifth-width-xl {
    width: 15%;
}

/*-------
    FLEX
-------*/
.flex {
    display: flex;
    position: relative;
}

.flexRow {
    flex-direction: row;
}

.flexColumn {
    flex-direction: column;
}

.startSpace {
    justify-content: flex-start;
}

.centerSpace {
    justify-content: center;
}

.equalSpace {
    justify-content: space-between;
}

.endSpace {
    justify-content: flex-end;
}

.centerContent {
    align-items: center;
}

.topContent {
    align-items: flex-start;
}

.stretchContent {
    align-items: stretch;
}

.selfEnd {
    align-self: flex-end;
}

.selfStart {
    align-self: flex-start;
}

.flexWrap {
    flex-wrap: wrap;
}

/*HELPER*/

.link {
    display: inline-table;
}
.btn-clipboard{
    color: #666;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.btn-clipboard:hover {
	/*
    color: #24B663;
    */
    cursor: pointer;
}

/*
.btn-primary {
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 10px 15px;
    border-radius: 50px;
    border: 1px solid #24B663;
    display: inline-table;
    cursor: pointer;
    background-color: #24B663;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #fff;
    color: #24B663;
    cursor: pointer;
    border: 1px solid #24B663;
}
*/
.btn-secondary {
    text-decoration: none;
    color: #24B663;
    text-align: center;
    padding: 10px 15px;
    border-radius: 50px;
    border: 1px solid #24B663;
    display: inline-table;
    background-color: transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
	/*
    background-color: #24B663;
    color: #fff;
    */
}

.transition {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.boxShadow {
    box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.1);
}

.boxShadowIn {
    box-shadow: inset 1px 1px 10px 2px rgba(0, 0, 0, 0.1);
}

/*MENU*/
.burgermenu {
    display: none;
}

nav #primary-menu {
    display: flex;
    justify-content: center;
    margin: 0 0%;
}

#site-navigation.main-navigation li {
    float: none;
    position: relative;
    margin: 15px 0;
    border-right: 1px solid #cc9966;
    padding: 0 60px;
}

#site-navigation.main-navigation li:last-child {
    border-right: none;
}

#site-navigation.main-navigation ul li a {
    color: #f5f5f5;
    font-family: 'caviar_dreamsregular', sans-serif;
    font-weight: 300;
    font-size: 1.3em;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}

#site-navigation.main-navigation li a:hover {
	/*
    color: #cc9966;
    */
}

/*RESPONSIVE MENU*/
#responsiveLogo {
    display: none;
}

.menuReponsive {
    display: none;
}

/* Footer */

/* MEDIA QUERY */

/* 1919 */
@media only screen and (max-width: 1919px) {

}

/* 1440 */
@media only screen and (max-width: 1441px) {

}

/* 1366 */
@media only screen and (max-width: 1367px) {
    #masthead .site-title a {
        display: block;
        height: auto;
        width: 50%;
        margin: 0 auto;
    }

    #site-navigation.main-navigation ul li a {
        font-size: 1.3em;
    }

    .full-width-l {
        width: 100%;
    }

    .nine-ten-width-l {
        width: 90%;
    }

    .half-width-l {
        width: 50%;
    }

    .half-width-l-space {
        width: 45%;
    }

    .third-width-l {
        width: 33.33%;
    }

    .two-third-l {
        width: 66.66%;
    }

    .three-four-width-l {
        width: 75%;
    }

    .one-four-width-l {
        width: 25%;
    }

    .four-fifth-width-l {
        width: 85%;
    }

    .one-fifth-width-l {
        width: 15%;
    }
}

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

}

/* BREAKPOINT MENU */

@media only screen and (max-width: 1239px) {
    #Logo {
        display: none;
    }

    #responsiveLogo {
        display: block;
    }

    .menuReponsive {
        display: flex;
    }

    #navList {
        display: none;
    }

    .burgermenu {
        width: 50px;
        height: 45px;
        position: relative;
        display: block !important;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        margin: 0 10px;
        cursor: pointer;
        z-index: 999;
        align-self: center;
    }

    .burgermenu span {
        display: block;
        position: relative;
        height: 3px;
        width: 100%;
        background: #404040;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .burgermenu p {
        text-align: center !important;
        font-size: 1em;
    }

    .burgermenu span:nth-child(1) {
        margin-bottom: 5px;
    }

    .burgermenu span:nth-child(2) {
        margin-bottom: 5px;
    }

    .menuItem {
        margin: 0px 30px;
        padding: 20px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    .menuItem:last-child {
        border-bottom: none;
    }

    h2 {
        font-size: 2em;
    }

    h3 {
        font-size: 1.5em;
    }

    p {
        font-size: 1.4em;
    }

    .flexColumn-m {
        flex-direction: column;
    }

    .centerContent-m {
        align-items: center;
    }

    .topContent-m {
        align-items: flex-start;
    }

    .stretchContent-m {
        align-items: stretch;
    }

    .mmb-m {
        margin-bottom: 30px;
    }

    .mpt-m {
        padding-top: 30px;
    }

    .mpb-m {
        padding-bottom: 30px;
    }

    .mpr-m {
        padding-right: 30px;
    }

    .mpl-m {
        padding-left: 30px;
    }

    .spt-m {
        padding-top: 15px;
    }

    .spb-m {
        padding-bottom: 15px;
    }

    .spr-m {
        padding-right: 15px;
    }

    .spl-m {
        padding-left: 15px;
    }

    .npl {
        padding-left: 0px;
    }

    .npr {
        padding-right: 0px;
    }

    .nml {
        margin-left: 0px;
    }

    .nmr {
        margin-right: 0px;
    }

    .full-width-m {
        width: auto !important;
    }

    .nine-ten-width-m {
        width: 90%;
    }

    .half-width-m {
        width: 50%;
    }

    .half-width-m-space {
        width: 45%;
    }

    .third-width-m {
        width: 33.33%;
    }

    .two-third-m {
        width: 66.66%;
    }

    .three-four-width-m {
        width: 75%;
    }

    .one-four-width-m {
        width: 25%;
    }

    .four-fifth-width-m {
        width: 85%;
    }

    .one-fifth-width-m {
        width: 15%;
    }
}

/* TABLETTE Wide */
@media only screen and (max-width: 1025px) {
    .max-width-view {
        width: 770px;
    }
    .footerBloc {
        flex-direction: column;
    }
    h2 {
        font-size: 1.5em;
    }
    h3 {
        font-size: 1.2em;
    }
    p {
        font-size: 1.1em;
    }
}

/* 600 */
@media only screen and (max-width: 900px) {

    .max-width-view {
        width: 700px;
    }
    .bigTxt {
        font-size: 1.5em;
    }
    h3 {
        font-size: 1.2em;
    }
    h2 {
        font-size: 1.8em;
    }
    .paddingRWD {
        padding-left: 30px;
        padding-right: 30px;
    }

    .flex-s{
        display: flex;
        position: relative;
    }
    .flexColumn-s{
        flex-direction: column;
    }
    .flexRow-s{
        flex-direction: row;
    }
    .reverseFlexColumn-s{
        flex-direction: column-reverse;
    }
    .centerContent-s{
        align-items: center;
    }
    .topContent-s{
        align-items: flex-start;
    }
    .startSpace-s{
        justify-content: flex-start;
    }
    .equalSpace-s{
        justify-content: space-between;
    }
    .selfCenter-s{
        align-self: center;
    }
    .tac-s{
        text-align: center;
    }
    .full-height-s{
        height: 100%;
    }

    /*MARGIN*/
    .nmt-s{
        margin-top: 0px;
    }
    .nmb-s{
        margin-bottom: 0px;
    }
    .nmr-s{
        margin-right: 0px;
    }
    .nml-s{
        margin-left: 0px;
    }

    .smt-s{
        margin-top: 10px;
    }
    .mmt-s{
        margin-top: 20px;
    }
    .lmt-s{
        margin-top: 40px;
    }

    .smb-s{
        margin-bottom: 10px;
    }
    .mmb-s{
        margin-bottom: 20px;
    }
    .lmb-s{
        margin-bottom: 40px;
    }

    .smr-s{
        margin-right: 10px;
    }
    .mmr-s{
        margin-right: 20px;
    }
    .lmr-s{
        margin-right: 40px;
    }

    .sml-s{
        margin-left: 10px;
    }
    .mml-s{
        margin-left: 20px;
    }
    .lml-s{
        margin-left: 40px;
    }

    /*PADDING*/
    .npt-s{
        padding-top: 0px;
    }
    .npb-s{
        padding-bottom: 0px;
    }
    .npr-s{
        padding-right: 0px;
    }
    .npl-s{
        padding-left: 0px;
    }

    .spt-s{
        padding-top: 10px;
    }
    .mpt-s{
        padding-top: 20px;
    }
    .lpt-s{
        padding-top: 40px;
    }

    .spb-s{
        padding-bottom: 10px;
    }
    .mpb-s{
        padding-bottom: 20px;
    }
    .lpb-s{
        padding-bottom: 40px;
    }

    .spr-s{
        padding-right: 10px;
    }
    .mpr-s{
        padding-right: 20px;
    }
    .lpr-s{
        padding-right: 40px;
    }

    .spl-s{
        padding-left: 10px;
    }
    .mpl-s{
        padding-left: 20px;
    }
    .lpl-s{
        padding-left: 40px;
    }

    .full-width-s{
        width:100%;
    }
    .nine-ten-width-s{
        width:90%;
    }

    .half-width-s{
        width:50%;
    }
    .half-width-s-space{
        width: 45%;
    }

    .third-width-s{
        width:33.33%;
    }
    .two-third-s{
        width:66.66%;
    }

    .three-four-width-s{
        width:75%;
    }
    .one-four-width-s{
        width:25%;
    }

    .four-fifth-width-s{
        width:85%;
    }
    .one-fifth-width-s{
        width:15%;
    }
}

/* MOBILE */

@media only screen and (max-width: 800px) {
    .bigTxt {
        font-size: 1.2em;
    }
    .max-width-view {
        width: 510px;
    }

    h1 {
        font-size: 1.5em;
    }

    h2 {
        font-size: 1.3em;
    }

    h3 {
        font-size: 1.2em;
    }

    p {
        font-size: 1em;
    }

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

    .lpl {
        padding-left: 30px;
    }

    .lpr {
        padding-right: 30px;
    }

    .lmb {
        margin-bottom: 30px;
    }

    .lmt {
        margin-top: 30px;
    }

    .lpt {
        padding-top: 30px;
    }

    .lpb {
        padding-bottom: 30px;
    }

    .flexColumn-xs{
        flex-direction: column;
    }
    .flexRow-xs{
        flex-direction: row;
    }
    .reverseFlexColumn-xs{
        flex-direction: column-reverse;
    }
    .centerContent-xs{
        align-items: center;
    }
    .topContent-xs{
        align-items: flex-start;
    }
    .centerSpace-xs{
        justify-content: center;
    }
    .startSpace-xs{
        justify-content: flex-start;
    }
    .equalSpace-xs{
        justify-content: space-between;
    }
    .tac-xs{
        text-align: center;
    }
    .full-height-xs{
        height: 100%;
    }

    /*MARGIN*/
    .nmt-xs{
        margin-top: 0px;
    }
    .nmb-xs{
        margin-bottom: 0px;
    }
    .nmr-xs{
        margin-right: 0px;
    }
    .nml-xs{
        margin-left: 0px;
    }

    .smt-xs{
        margin-top: 10px;
    }
    .mmt-xs{
        margin-top: 20px;
    }
    .lmt-xs{
        margin-top: 40px;
    }

    .smb-xs{
        margin-bottom: 10px;
    }
    .mmb-xs{
        margin-bottom: 20px;
    }
    .lmb-xs{
        margin-bottom: 40px;
    }

    .smr-xs{
        margin-right: 10px;
    }
    .mmr-xs{
        margin-right: 20px;
    }
    .lmr-xs{
        margin-right: 40px;
    }

    .sml-xs{
        margin-left: 10px;
    }
    .mml-xs{
        margin-left: 20px;
    }
    .lml-xs{
        margin-left: 40px;
    }

    /*PADDING*/
    .npt-xs{
        padding-top: 0px;
    }
    .npb-xs{
        padding-bottom: 0px;
    }
    .npr-xs{
        padding-right: 0px;
    }
    .npl-xs{
        padding-left: 0px;
    }

    .spt-xs{
        padding-top: 10px;
    }
    .mpt-xs{
        padding-top: 20px;
    }
    .lpt-xs{
        padding-top: 40px;
    }

    .spb-xs{
        padding-bottom: 10px;
    }
    .mpb-xs{
        padding-bottom: 20px;
    }
    .lpb-xs{
        padding-bottom: 40px;
    }

    .spr-xs{
        padding-right: 10px;
    }
    .mpr-xs{
        padding-right: 20px;
    }
    .lpr-xs{
        padding-right: 40px;
    }

    .spl-xs{
        padding-left: 10px;
    }
    .mpl-xs{
        padding-left: 20px;
    }
    .lpl-xs{
        padding-left: 40px;
    }

    .full-width-xs{
        width:100%;
    }
    .nine-ten-width-xs{
        width:90%;
    }

    .half-width-xs{
        width:50%;
    }
    .half-width-xs-space{
        width: 45%;
    }

    .third-width-xs{
        width:33.33%;
    }
    .two-third-xs{
        width:66.66%;
    }

    .three-four-width-xs{
        width:75%;
    }
    .one-four-width-xs{
        width:25%;
    }

    .four-fifth-width-xs{
        width:85%;
    }
    .one-fifth-width-xs{
        width:15%;
    }

    .lma {
        padding: 30px;
    }

    .noPadding {
        padding: 0;
    }
}

@media only screen and (max-width: 479px) {
    .max-width-view {
        width: 350px;
    }

    .lma-xs {
        padding: 30px;
    }

    #site-navigation.main-navigation ul li a {
        font-size: 1.1em;
    }

    .footerBloc {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: 30px 0;
        padding: 0 10%;
    }

    #Footer .site-info p {
        font-size: 3vw;
    }

    #Footer .site-info {
        width: 100%;
    }
}

@media only screen and (max-width: 360px) {
    .max-width-view {
        width: 290px;
    }
}