/* pour IE */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main {
    display: block;
}

/**/

/*GENERIQUE*/
body {
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

a img {
    border: 0;
}

a {
    color: black;
}

a:hover {
    text-decoration: none;
}

.fancybox {
}

.fancyboxAjax {
}

#popup {
    padding: 0 10px;
}

.mce-content-body {
    background: #fff;
}

.hack {
/ height: 120 px !important /*Hack IE7*/
}

.hidden {
    display: none !important;
}

.clear {
    clear: both
}

.error {
    border: 1px solid #DF7B7B;
    background-color: #FFE6E6;
}

.conf {
    border: 1px solid #72CB67;
    background-color: #DFFAD3;
}

.conf, .error {
    color: #383838;
    font-weight: 700;
    margin: 0 0 2% 0;
    line-height: auto;
    padding: 2% 3%;
}

/* SMARTPHONES */
@media only screen and (min-width: 320px) {
    body {
        background: #253246 ;
        background-size: cover;
    }

    #page {
        margin: auto;
        background: url('../img/bg-2.jpg') no-repeat scroll center top;
        background-size: cover;
    }

    #header {
        position: relative;
        background: transparent;
        width: 100%;
        z-index: 9;
    }

    #header-image {
      display: none;
    }

    #header a#home {
        background: url("../img/logo.png") no-repeat center;
        background-size: contain;
        display: block;
        width: 150px;
        height: 150px;
        //margin-top: 100px;
    }

    #header p#slogan, .nivo-controlNav {
        display: none;
    }

    #columns {
        clear: both;
        display: flex;
        justify-content: center;
        align-content: center;
        color: #fff;
    }

    #center_column {
        width: 100%;
        padding: 1%;
    }

    #center_column h1:after {
        content: "";
        position: relative;
        display: block;
        background: url("../img/fanions.png") no-repeat center;
        background-size: contain;
        width: 113px;
        height: 12px;
        bottom: -10px;
        margin: auto;
        left: 0;
        right: 0;
    }

    #breadcrumb {
        margin: 5px 0;
        color: #eeee;
        font-size: 0.8em;
    }

    #breadcrumb a {
        color: #eeee;
        text-decoration: none;
    }

    #center_column, #left_column, #right_column {
        float: none
    }

    #left_column {
        width: 90%;
        padding: 5%;
    }

    #right_column {
        width: 200px;
        padding-right: 40px;
    }

    #footer {
        height: 100%;

    }

    #footer p.address {
        margin: 5px 0;
    }

    #footer p.address a {
        color: #333333;
    }

    #footer #incomm, #footer #seone {
        width: 100%;
        text-align: center;
        margin: 10px 0 5px 0;
        float: left;
        font-size: 0.7em;
    }

    #footer #incomm a, #footer #seone a {
        color: #333333;
        text-decoration: none;
    }

    .column .block {
        margin-bottom: 1em;
        border: 1px solid #cccccc;
    }

    .column .block p {
        margin: 0 0 1% 0;
    }

    .column .block header, article header, aside header {
        text-align: center;
        border-bottom: 0;
        padding: 3px 0;
    }

    .column .block .block_content {
        padding: 2%;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    iframe {
        max-width: 100%;
    }

    .no_image, .hidden-320 {
        display: none;
    }

    #footer .encart {
        display: flex;
        justify-content: space-between;
        align-content: center;
        flex-direction: column;
        width: 100%;
    }

    .encart div {
        width: 100%;
        margin: 10px 0;
    }

    .encart a {
        display: block;
        padding: 10px;
        width: 140px;
        text-align: center;
        border-radius: 25px;
        text-decoration: none;
        font-family: 'Lato', Arial, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        position: fixed;
    }

    .encart .facebook a {
        background: #ea4641;
        color: #ffd347;
        left: 35%;
        margin-top: -70px;
    }

    .encart .facebook a:hover {
        background: #fff;
        color: #ea4641;
    }

    .encart .anniversaire a {
        background: #ffd347;
        color: #e2443f;
        left: 12%;
        margin-top: -70px;
    }

    .encart .anniversaire a:hover {
        background: #fff;
        color: #ea4641;
    }

    #footer h1:after {
        content: "";
        position: relative;
        display: block;
        background: url("../img/fanions.png") no-repeat center;
        background-size: contain;
        width: 113px;
        height: 12px;
        bottom: -20px;
        margin: auto;
    }

    #footer .action {
        background: url("../img/action.jpg") no-repeat center;
        background-size: cover;
        height: 505px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        font-family: 'Lato', Arial, sans-serif;
    }

    #footer .action a {
        text-decoration: none;
        color: #fff;
        display: inline-block;
        width: 150px;
        text-align: center;
        padding: 10px;
        border-radius: 25px;
        font-family: 'Lato', Arial, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        position: relative;
        margin-top: 20px;
    }

    #footer p {
        text-align: center;
        margin-bottom: 20px;
    }

    #footer .phone {
        background: #ffd347;
        color: #e2443f;
        margin-right: 25px;
    }

    #footer .us {
        background: #e2443f;
        color: #ffd347;
        margin-left: 25px;
    }

    #footer .us:hover {
        background: #fff;
        color: #e2443f;
    }

    #footer .btn-action {
        display: flex;
        justify-content: center;
    }

    #footer .map {
        display: block;
        background: url("../img/map.jpg") no-repeat center;
        background-size: cover;
        height: 262px;
    }
    #footer a{
        text-decoration: none;
    }
    #footer .map p {
        color: #e2443f;
        font-family: 'Lato', Arial, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        position: relative;
        top: 10px;
        left: 0;
        text-align: center;
        font-size: 30px;
        width: 300px;
    }

    #footer-bottom a.logo-footer {
        background: url("../img/logo-footer.png") no-repeat center;
        display: none;
        width: 221px;
        height: 221px;
    }

    #footer-bottom {
        display: flex;
        justify-content: space-around;
        align-content: center;
        width: 100%;
        background: #ed4742;
        font-family: 'Lato', Arial, sans-serif;
        flex-direction: column;
    }

    #footer-bottom a {
        text-decoration: none;
        color: #fff;
    }

    #footer-bottom p {
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
    }

    .contact #info {
        line-height: 30px;
        text-align: center;
    }
    #footer-bottom .social {
        text-align: center;
    }

    .contact .pin {
        background: url("../img/pin.png");
        background-size: contain;
        width: 12px;
        height: 18px;
        display: inline-block;
        margin-right: 5px;
    }

    .contact #codePostal {
        margin-left: 22px;
    }

    .contact .phones {
        background: url("../img/phone.png");
        background-size: contain;
        width: 16px;
        height: 17px;
        display: inline-block;
        margin-right: 5px;
    }

    .contact .envelope {
        background: url("../img/envelope.png");
        background-size: contain;
        width: 17px;
        height: 13px;
        display: inline-block;
        margin-right: 5px;
    }

    .contact #mail {
        text-transform: lowercase;
    }

    #top {
        background: url("../img/top.png") no-repeat;
        background-size: contain;
        width: 66px;
        height: 66px;
        margin-top: 30px;
    }

    #face {
        background: url("../img/fb.png") no-repeat;
        background-size: contain;
        width: 41px;
        height: 41px;
        display: inline-block;
    }

    .footer-link .link_footer {
        text-transform: uppercase;
        font-size: 13px;
    }
}

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

    .encart div {
        width: 100%;
    }
    .encart a {
        padding: 15px;
        width: 160px;
        font-size: 17px;
    }
    #footer .action a {
        padding: 15px;
        width: 160px;
    }
    .encart .facebook a, .encart .anniversaire a{
        margin-top: -100px;
    }

}

/* TABLETTES */
@media only screen and (min-width: 768px) {

    #cms2 #page{
        background: url("../img/bg.jpg") no-repeat scroll center top;
        background-size: 100% 50%;
    }

    #page{
        background: url("../img/bg-2.jpg") no-repeat scroll center top;
        background-size: contain;
    }

    #cms2 #header {
        background: transparent;
        position: relative;
    }

    .column .block {
        float: left;
        width: 47%;
        margin: 1%;
    }

    .column .block p {
        margin: 0 0 2% 0;
    }

    #center_column, #left_column, #right_column {
        float: left;
    }

    .no_image {
        display: block;
    }

/*    #cms2 #header a#home {
        background: url("../img/logo.png") no-repeat center;
        background-size: contain;
        display: block;
        width: 125px;
        height: 125px;
        margin-top: 54px;
    }*/
    #cms2 #columns {
        margin-top: 248px;
    }
    #cms2 #header-image {
        background: url("../img/index.html") no-repeat center;
        background-size: cover;
        height: 909px;
    }

    #header-image {
        background: url("../img/header.jpg") no-repeat center;
        background-size: cover;
        height: 232px;
    }

    .show-md{display: block}

    .encart div {
        width: 100%;
    }


    .encart .facebook a, .encart .anniversaire a{
        margin-top: -150px;
    }


    #footer .map p {
        text-align: left;
        top: 120px;
        left: 50px;
    }
    #footer-bottom {
        flex-direction: row;
    }
    #footer-bottom .contact p, #footer-bottom #info,#footer-bottom .social {
        text-align: left;
    }
    #footer-bottom a.logo-footer{
        display: block;
    }

}
@media only screen and (min-width: 992px) {
	#columns {margin-top: 270px;}
	#cms2 #columns {margin-top: 100px;}
	#header a#home {margin-top: -92px}
}
/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
    #cms2 #page{
        background-size: cover;
    }

    #page{
        background-size: cover;
    }
    #page {
        margin: auto;
    }


/*    #cms2  #header a#home {
        position: relative;
        top: 170px;
        float: left;
        width: 230px;
        height: 230px;
        background-size: contain;
        margin-top: 0;
    }*/
    #header a#home {
        top: 0px;
        width: 180px;
        height: 180px;
    }
	
	#cms2 #columns {
    margin-top: 190px;
}
	
    #cms2 #nav li:nth-child(5) {
        margin-left: 240px
    }
    #nav li:nth-child(5) {
        margin-left: 200px
    }
    #nav > li {
        position: relative;
        float: left;
        margin: 0 ;
    }
    #cms2  #nav {
        margin-top: 6px;
    }
    #nav {
        margin-top:0;
    }
    
    #cms2 #nav li a {
        height: 110px;
        width: 110px;
    }

    #header p#slogan {
        margin: 10px 0 0 10px;
        float: left;
        display: block;
    }

    #columns{margin-top: 200px;}

/*    #cms2 #center_column {
       padding-top: 248px;
    }*/
    #center_column {
        width: 910px;
        padding: 20px 40px;
    }


    #center_column, #left_column, #right_column {
        float: left
    }

    #left_column {
        width: 200px;
        padding-left: 40px;
    }

    #right_column {
        width: 200px;
        padding-right: 40px;
    }
    .hidden-320{display: block}

    #footer p.address {
        float: left;
        margin: 5px 0;
    }

    #footer p.address a {
        color: #333333;
    }

    #footer #incomm, #footer #seone {
        float: left;
        text-align: center;
        margin: 10px 0 0 0;
        font-size: 0.8em;
    }

    #footer #incomm a, #footer #seone a {
        color: #333333;
        text-decoration: none;
    }

    .column .block {
        width: 198px;
        margin-bottom: 1em;
        border: 1px solid #cccccc;
    }

    .column .block p {
        margin: 0 0 10px 0;
    }

    .column .block header, article header, aside header {
        text-align: center;
        border-bottom: 0;
        padding: 3px 0;
    }

    .column .block .block_content {
        padding: 5px;
    }

    #footer .encart {
        flex-direction: row;
    }

    .encart div {
        width: 50%;
    }

    .encart a {
        margin-top: -105px;
    }
    .encart .facebook {
        margin-right: 5px;
    }

    .encart .facebook a, .encart .anniversaire a {
        margin-top: -110px;
    }

    .encart .anniversaire a {
        right: 28%;
        left: unset;
    }
    .encart .facebook a {
        left: 17%;
    }

    #footer .map p {
        text-align: left;
        top: 120px;
        left: 50px;
    }

    
}


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

/*    #cms2 #header a#home {
        position: relative;
        margin-top: 30px;
        float: left;
        width: 250px;
        height: 250px;
        background-size: contain;
    }*/
    #nav {
        margin-top: 0;
    }
    #cms2 #nav li:nth-child(5) {
        margin-left: 255px
    }
    
    #cms2 #nav li a,#nav li a {
        height: 141px;
        width: 141px;
    }
    #center_column {
        width: 910px;
        padding: 20px 40px;
    }
    #header-image {
        background: url("../img/header.jpg") no-repeat center;
        background-size: cover;
        height: 332px;
    }
    #footer .encart {
        flex-direction: row;
    }
    .encart div {
        width: 50%;
    }
    .encart .facebook a,.encart .anniversaire a{
        margin-top: -9%;
    }
    .encart .anniversaire a{
        left: 56%;
        right: unset;
    }
    #footer .map p {
        text-align: left;
        top: 120px;
        left: 50px;
    }
    #nav > li {
        position: relative;
        float: left;
        margin: 0 15px;
    }
}

@media only screen and (min-width: 1366px) {
    #nav li:nth-child(5) {
        margin-left: 200px
    }

    
}

@media only screen and (min-width: 1600px) {
    #page{
        background-size: 100%;
    }
/*    #cms2 #header a#home {
        margin-top: 20px;
    }*/
/*    #cms2 #center_column {
        margin-top: 30px;
		margin-top: 275px;
    }*/
    #nav {
        margin-top: 0;
    }
	
	#columns {
    margin-top: 90px;
}
   
   
}
@media only screen and (min-width: 1800px) {
    #page{
        background-size: 100%;
    }
/*    #cms2 #header a#home {
        margin-top: 70px;
    }*/
/*    #cms2 #center_column {
        margin-top: 190px;
    }*/
    #footer h1::after {
        left: 47%;
    }
    #nav {
        margin-top: 0;
    }
/*    #cms2 #header a#home {

        width: 313px;
        height: 313px;
        margin-top: 0;
    }*/
    
}