/* pour IE */

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

/**/



/*GENERIQUE*/

body{

    /*background: #000000 url("../img/fond-h.jpg") no-repeat scroll center top;*/

    color: #000;

    font-family: 'EB Garamond', serif;

    font-size: 14px;

    margin: 0;

}



a img{

    border:0;

}



a{ color: #ffffff;
    text-decoration:none;
 }



a:hover{

    text-decoration:none;

}



.fancybox{

}



.fancyboxAjax{

}



#popup{

    padding:0 10px;

}



.mce-content-body {

    background:#fff;

}



.hack{

    /height:120px!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: #c8c4b8;}

    #page {

        margin:auto;

        width:100%;
        color:#000;

    }
    #header{
      background: url(../img/m-fond-h.jpg) no-repeat scroll top center;
    color: #000000;
        height: auto;

    }

 
    
      
        #header a#home{

    background: url(../img/m-logo-top.png) no-repeat scroll center center;
    display: block;
    height: 205px;
    margin: 0 auto;
    width: 100%;
        

    }



    #pres1{
display: none;
    }

    #pres2{
display: none;
    }
    #pres3{

display: none;
    }
#pres4{display: none;}
    

    #header p#slogan{

        display: none;

    }

    

    #columns{

        clear:both;

        /*background:#ffffff url('../img/index_04.jpg') no-repeat scroll left top;  */

    }

    

    #center_column{

        width: 90%;

        padding: 5%;

    }

    

    #breadcrumb{

        margin:5px 0;

        color:#000;

        font-size: 0.8em;

    }

    

    #breadcrumb a{

        color:#000;

    }

    

    #center_column, #left_column, #right_column {

        float: none

    }

    

    #left_column{

        width: 90%;

        /*padding: 0 5%;*/

        display: block;

    }

 #left_column{

        width: 90%;

        /*padding: 0 5%;*/

        display: none;

    }


    #right_column{

        width:200px;

        padding-right:40px;

    }

    





    #footer_big {

background:url(../img/footer3.jpg) no-repeat scroll center top;

clear: both;

margin: 0px;

padding-top: 252px;

color: #000000;

min-height: 200px;

float: left;

width: 100%;

font-weight: 400;
}

#footer {

   /* background: url("../img/footer-fond.pnj") no-repeat scroll center top; */
width: 320px;
        margin: auto;

    position: relative;

    

}

    

    #footer p.address{

        margin:5px 0;

    }

    

    #footer p.address a{

        color:#fff;

    }

    

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

    }

    #footer #incomm a, #footer #seone a{

        color:#fff;

        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{ display: none; } 
    #mob a {color: #fff;}
#slid{display: none;}
#encart{display: none;}
.img_acc{width: 100%; margin: 0;}
.encart{
    display: none;
    margin: 0 auto;
    width: 320px;
    margin-top: 0px;
    float: none;
    height: 335px;
}

   



    #cms1 #slid,#cms5 #slid,#cms7 #slid{    
width: 100%;
    display: block;
    float: left;
    position: relative;
    z-index: -1;
    height: auto;
}
.bloc_acc {
    float: left;
    width: 98%;
    min-height: 50px;
    margin: 1%;
    padding: 1%;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #330170;
}
    .bloc_prest{
    float: left;
    width: 98%;
    min-height: 50px;
    border-radius: 10px;
    border: 1px solid #56250a;
    padding: 1%;
    margin: 1%;
    box-sizing: border-box;
}


.encart3 {
    width: 320px;
    margin: 0 auto;
    height: 175px;
    display: none;
    float: none;
    margin-top: 0px;
}
.encart2{
    display: none;
    margin: 0 auto;
    width: 320px;
    margin-top: -141px;
    float: none;
    height: 123px;
    z-index: 9999999999999999;
}
.encart {
    display: none;
    margin: 0 auto;
    width: 320px;
    margin-top: 60px;
    float: none;
    height: 106px;
    z-index: 9999999999999999;
    background: transparent;
}
#cont4 {
display: none;
}
#cont3 {
display: none;
}
#cont2,#liresuite {
display: none;
}
#cont1,#cont5 {
display: none;
}
.bloc_traifs{
    float: left;
    width: 98%;
    padding: 1%;
    box-sizing: border-box;
    border:1px solid #9f0005;
    background-color: #9f0005;
    margin: 1%;
    border-radius: 20px;
}

.bloc_table{
    width: 100%;
        font-size: 70%;
}

.bloc_acc1{
    float: left;
    width: 98%;
    min-height: 200px;
    border-radius: 10px;
    border: 1px solid #234625;
    margin: 1%;
    padding: 1%;
    box-sizing: border-box;
}
.bloc_image{
    float: left;
    margin: 1%;
    width: 98%;
    min-height: 200px;
    display: block;
}
.bloc_vignette {
    float: left;
    width: 98%;
    min-height: 50px;
    border-radius: 10px;
    border: 1px solid #6f4c36;
    padding: 1%;
    margin: 1%;
    box-sizing: border-box;
}
}



/* TABLETTES */

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



    #header a#home{

    background:url(../img/m-logo-top.png) no-repeat scroll center center;
    display: block;
    height: 205px;
    margin: 0 auto;
    width: 50%;


    

    }

    .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; }



    #footer_big {

background: url("../img/footer2.jpg") no-repeat scroll center top;

clear: both;

margin: 0px;

padding-top: 0px;

color: #060606;

float: left;

width: 100%;

/* height: 444px; */
}
#mob a {color: #000;}


    #footer {

   /* background: url("../img/footer-fond.pnj") no-repeat scroll center top; */
width: 768px;
        margin: auto;

        position: relative;

        padding-top: 120px;

    }



    #footer #incomm, #footer #seone{

        width:100%;

        text-align:center;

        margin: 90px 0 5px 0;

        float: left;

        font-size: 0.7em;

        color: #000;

    }


.bloc_vignette {
    float: left;
    width: 23%;
    min-height: 50px;
    border-radius: 10px;
    border: 1px solid #6f4c36;
    padding: 1%;
    margin: 1%;
    box-sizing: border-box;
}

    #cms1 #slid,#cms5 #slid,#cms7 #slid{    
    width: 100%;
    display: block;
    float: left;
    position: relative;
    z-index: -1;
    height: auto;
    margin-top: 0px;
}
.bloc_acc {
    float: left;
    width: 48%;
    min-height: 59px;
    margin: 1%;
    padding: 1%;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #6f4c36;
}
    .bloc_prest{
    float: left;
    width: 23%;
    min-height: 249px;
    border-radius: 10px;
    border: 1px solid #56250a;
    padding: 1%;
    margin: 1%;
    box-sizing: border-box;
}


.encart3 {
    width: 768px;
    margin: 0 auto;
    height: 175px;
    display: none;
    float: none;
    margin-top: 0px;
}
 .encart2{
    display: none;
    margin: 0 auto;
    width: 768px;
    margin-top: -155px;
    float: none;
    height: 123px;
    z-index: 9999999999999999
}
.encart {
    display: none;
    margin: 0 auto;
    width: 768px;
    margin-top: 0px;
    float: none;
    height: 248px;
    z-index: 9999999999999999;
    background: transparent;
}
#cont3,#cont4{
    display: none;
}


.bloc_table{
    width: 100%;
    font-size: 100%;
}
.bloc_acc1{
    float: left;
    width: 48%;
    min-height: 500px;
    border-radius: 10px;
    border: 1px solid #234625;
    margin: 1%;
    padding: 1%;
    box-sizing: border-box;
}
.bloc_image{
    float: left;
    margin: 1%;
    width: 48%;
    min-height: 200px;
    display: block;
}
#cont1 {
color: #fff;
    float: left;
    font-size: 15px;
    height: 46px;
    line-height: 22px;
    margin-left: 0;
    padding-top: 0px;
    text-align: center;
    width: 66%;
    display: block;
    font-weight: 700;
    background: transparent;
    text-shadow: 2px 5px 25px #000;
    text-transform: none;
    margin-top: 4%;
    font-family: 'Eb gaRamond', serif;
}
#cont2 {
    color: #000;
    float: left;
    font-size: 32px;
    height: 49px;
    line-height: 24px;
    margin-left: 0;
    padding-top: 0;
    text-align: center;
    width: 81%;
    display: block;
    font-weight: 400;
    background: transparent;
    text-shadow: 1px 5px 1px transparent;
    text-transform: none;
    margin-top: 23px;
    font-family: 'Eb garamond', serif;
}
}





/* ORDINATEURS */

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

    body{

color: #000000;

background: #c9c5b9;
}
 
  .content{
    max-width: 1024px;
    margin: 0 auto;
  }

    #page {

        margin:auto;

        width:1000px;
    background: transparent;
    }

#slideshow{display: none;}
#cms1 #slideshow{display: block;}

#header {
    background:url(../img/fond-h.jpg) no-repeat scroll top center;
    position: relative;
    min-height: 302px;
}


#header a#home{
    background: url(../img/logo-top.png) no-repeat scroll center center;
    height: 222px;
    float: none;
    width: 52%;
    position: relative;
    z-index: 999999;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    background-size: contain;
    }
.encart{
    display: block;
    margin: 0 auto;
    width: 51%;
    margin-top: 0;
    float: left;
    height: 40px;
    z-index: 9999999999999999;
    background: transparent;
    margin-left: 17%;
}

.bloc_image{
    float: left;
    margin: 1%;
    width: 48%;
    min-height: 200px;
    display: block;
}

 #pres1{    
    color: #000;
    float: left;
    font-size: 20px;
    height: auto;
    line-height: 31px;
    margin-left: 0;
    padding-top: 0;
    text-align: center;
    width: 100%;
    display: inline;
    background: transparent;
    text-shadow: 1px 5px 1px transparent;
    text-transform: none;
    margin-top: 43px;
    font-weight: 700;
    font-family: 'Eb garaMond', serif;

    }
    #pres1 a{    
    color: #000;
}
#pres2{    
color: #000;
    float: left;
    font-size: 15px;
    height: 158px;
    line-height: 26px;
    margin-left: 22px;
    padding-top: 0;
    text-align: center;
    width: 87%;
    display: block;
    font-weight: normal;
    background: transparent;
    text-shadow: 1px 5px 1px transparent;
    text-transform: none;
    margin-top: 66%;
    font-family: 'Eb garaMond', serif;
    }
#pres2 strong{
    font-size: 18px;
    color: #fff;
    text-align: center;
}
#pres2 a{
    font-size: 16px;
    color: #000;
    text-align: center;
}
    #pres3 {    
    color: #3a2b28;
    float: left;
    font-size: 18px;
    font-weight: 200;
    height: auto;
    line-height: 5px;
    margin-left: 36px;
    padding-top: 0px;
    text-align: left;
    width: 21%;
    display: inline;
    text-transform: none;
    margin-top: 0px;
    font-family: 'Eb gaRamond', serif;
    font-style: italic;


    }
    #pres4 {    
    color: #3a2b28;
    float: left;
    font-size: 18px;
    font-weight: 200;
    height: auto;
    line-height: 18px;
    margin-left: 27px;
    padding-top: 3px;
    text-align: center;
    width: 25%;
    display: block;
    text-transform: none;
    margin-top: 0px;
    font-family: 'Eb gaRamond', serif;
    font-style: italic;

    }
        #pres5 {    
    color: #000;
    float: left;
    font-size: 18px;
    font-weight: 200;
    height: auto;
    line-height: 5px;
    margin-left: 0px;
    padding-top: 13px;
    text-align: left;
    width: 15%;
    display: inline;
    text-transform: none;
    margin-top: 0px;
    font-family: 'Eb gaRamond', serif;
    font-style: italic;


    }
#cont6{
color: #3a2b28;
    display: inline;
    font-size: 18px;
    height: 24px;
    padding-top: 0px;
    text-align: left;
    text-transform: none;
    width: 40%;
    margin-left: 0;
    line-height: 27px;
    font-weight: 700;
    background-color: transparent;
    font-style: normal;
    float: left;
    margin-top: 0;
    font-family: 'Eb gaRamond', serif;
}

#cont6 a {
  color: #3a2b28;  
}


    #lien1{
       background: url(../img/encart1.png) no-repeat scroll top center;
    display: block;
    height: 492px;
    float: left;
    position: relative;
    width: 31%;
    padding-top: 0;
    z-index: 99999999999;
    margin-left: 22px;
   margin-top: 100px;

    }


 #cont1 {
    color: #3a2b28;
    float: left;
    font-size: 36px;
    height: 22px;
    line-height: 22px;
    padding-top: 0px;
    text-align: right;
    width: 100%;
    display: block;
    font-weight: 700;
    background: transparent;
    text-shadow: 2px 5px 25px transparent;
    text-transform: none;
    margin-top: 0%;
    margin-left: 6%;
    font-family: 'Eb garaMond', serif;
}
.encart2{
    display: block;
    margin: 0 auto;
    width: 1000px;
    float: none;
    height: auto;
    z-index: 9999999;
}

    #lien2{
     background: url(../img/encart2.png) no-repeat scroll top center;
    display: block;
    height: 492px;
    float: left;
    position: relative;
    width: 31%;
    padding-top: 0;
    z-index: 99999999999;
    margin-left: 22px;
margin-top: 100px;
    }

#cont2  {
     
    color: #000;
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    margin-left: 0;
    padding-top: 252px;
    text-align: center;
    width: 92%;
    display: block;
    font-weight: 400;
    background: transparent;
    text-shadow: 2px 5px 25px transparent;
    text-transform: none;
    margin-top: 0%;
    font-family: 'Eb garaMond', serif;
}
.bloc_acc1{
    float: left;
    width: 48%;
    min-height: 470px;
    border-radius: 10px;
    border: 1px solid #234625;
    margin: 1%;
    padding: 1%;
    box-sizing: border-box;
}


    #lien3{
    background: url(../img/encart3.png) no-repeat scroll top center;
    display: block;
    height: 492px;
    float: left;
    position: relative;
    width: 31%;
    padding-top: 0;
    z-index: 99999999999;
    margin-left: 22px;
 margin-top: 100px;
    }

#cont3{
    color: #000;
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    margin-left: 0;
    padding-top: 252px;
    text-align: center;
    width: 100%;
    display: block;
    font-weight: 400;
    background: transparent;
    text-shadow: 2px 5px 25px transparent;
    text-transform: none;
    margin-top: 0%;
    font-family: 'Eb garaMond', serif;
}
#cont4{
color: #000;
    float: left;
    font-size: 15px;
    height: 100px;
    line-height: 20px;
    margin-left: 0;
    padding-top: 65px;
    text-align: left;
    width: 100%;
    display: block;
    font-weight: 400;
    background: transparent;
    text-shadow: 1px 5px 1px transparent;
    text-transform: none;
    margin-top: 0;
    font-family: 'Eb gaRamond', serif;
}
#liresuite{
color: #fff;
    float: right;
    font-size: 15px;
    height: 24px;
    line-height: 20px;
    margin-left: 0;
    padding-top: 11px;
    text-align: left;
    width: 26%;
    display: block;
    font-weight: 400;
    background: transparent;
    text-shadow: 1px 5px 1px transparent;
    text-transform: none;
    margin-top: 0;
    font-family: 'Eb gaRamond', serif;
}

#lien4{
    background: url(../img/encart4.png) no-repeat scroll center center;
    display: block;
    height: 50px;
    float: left;
    position: relative;
    width: 18%;
    padding-top: 0;
    margin-top: 53px;
    margin-left: 116px;
    }

 #cont5 {
color: #3a2b28;
    display: inline;
    font-size: 18px;
    height: 24px;
    padding-top: 0px;
    text-align: left;
    text-transform: none;
    width: 45%;
    margin-left: 0;
    line-height: 4px;
    font-weight: 700;
    background-color: transparent;
    font-style: normal;
    float: left;
    margin-top: 0;
    font-family: 'Eb gaRamond', serif;
}
 #cont5 a {
    color: #3a2b28;
 }

    .bloc_prest{
    float: left;
    width: 23%;
    min-height: 249px;
    border-radius: 10px;
    border: 1px solid #56250a;
    padding: 1%;
    margin: 1%;
    box-sizing: border-box;
}

    #header p#slogan{

        margin:10px 0 0 10px;

        float:left;

        display: block;

    }

    .bloc_acc{
    float: left;
    width: 48%;
    min-height: 59px;
    margin: 1%;
    padding: 1%;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #6f4c36;

    }

    #columns{

        clear:both;
            width: 1000px;

        

    }

    .bloc_vignette{
    float: left;
    width: 23%;
    min-height: 50px;
    border-radius: 10px;
    border: 1px solid #6f4c36;
    padding: 1%;
    margin: 1%;
    box-sizing: border-box;
    }

    #center_column{
width: 1000px;
    padding: 20px 10px;
    color: #000;
    box-sizing: border-box;
    }

    

    #breadcrumb{

        margin:5px 0;

        color:#000;

        font-size: 0.8em;

    }

    

    #breadcrumb a{

        color:#000;

    }

    

    #center_column, #left_column, #right_column {

        float:left

    }
    #left_column{background: url(../img/encart.jpg) no-repeat scroll top center transparent;display: none;padding-left: 0;width: 100%;margin-top: 0%;height: 445px;}

    

    #right_column{

        width:100%;

        padding-right: 0px;

    }

    #footer_big {

    background:url("../img/footer.jpg") no-repeat scroll center top;

    clear: both;

    margin: 0px;

 

}

    #footer{

height: 141px;

padding-top: 93px;

width: 980px;

}

    

    #footer p.address{

        float:left;

        margin:5px 0;

    }

    

    #footer p.address a{

        color:#000;

    }

    

    #footer #incomm, #footer #seone{

        float:left;

        width:100%;

        text-align:left;

        margin: 0px 0 0 0;

        font-size: 0.8em;


    }

    

    #footer #incomm a, #footer #seone a{

        color:#000;

        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;

    }

    #liensfooter_map {
    float: left;
    height: 194px;
    width: 30%;
    display: block;
    margin-top: 0;
    margin-right: 0;
}

#liensfooter_map a {

    display: block;