/* RESPONSIVE SMARTPHONE */
@media screen and (max-width: 479px){
    .site {width: 300px;}
    .page-template-home #slidehome{display: none;}
    #masthead-sticky-wrapper{display: none;}
    #headmobile{display: block;}
    #section1{margin: 50px auto;}
    #section1 h3, #section2 h3, #section3 h3, #section4 h3{
        font-size: 24px;
        line-height: 30px;
    }
    #section1 h4, #section2 h4, #section3 h4, #section4 h4{
        font-size: 16px;
        line-height: 20px;
        margin: 0 auto 20px;
    }
    #section1 ul#bestsale li {
        margin: 0 10px 30px;
        width: 130px;
    }
      #lacet{text-align: center;
margin-top: -10px;
margin-bottom: 0px;
float: left;
width: 100%;}
    #section1 ul#bestsale li:nth-child(1){margin: 0 10px 30px;}
    #section1 ul#bestsale li a#thumbprod {height: 130px;}
    #section1 ul#bestsale li .titprod {
        font-size: 14px;
        line-height: 18px;
        margin: 10px auto 0;
    }
    #bestsale .extrait, #section1 ul#bestsale li .borderprod{display: none;}
    #section1 ul#bestsale li a#moreprod{
        font-size: 12px;
        line-height: 12px;
        margin: 10px auto 0;
    }
    #section2{padding: 50px 0;}
    #presentation{
        border: 0 solid rgba(120,180,60,0.5);
        padding: 0;
    }
    .presentation{padding: 20px 20px 50px 20px;}
    #section3{padding: 50px 0;}
    ul#marquehome li{width: 150px;}
    #section4{padding: 50px 0;}
    ul#actus li {
        margin: 0 0 20px 0;
        width: 300px;
    }
    ul#actus li:nth-child(1) {
        width: 300px;
        margin: 0 0 20px 0;
    }
    ul#actus li:nth-child(5) {margin: 0;}
    ul#actus li a > img {
        margin: 0 10px 0 0;
        width: 140px;
    }
    ul#actus li a > h5{
        font-size: 14px;
        line-height: 20px;
        width: 150px;
        height: 80px;
        overflow: hidden;
    }
    ul#actus li:nth-child(1) a > h5{
        margin: 10px auto 0;
        font-size: 16px;
        line-height: 22px;
    }
    #bloc6 h5,#bloc7 h5,
#bloc8 h5{font-size: 19px;}
    ul#actus li a > .Texte{display: none;}
    ul#actus li:nth-child(1) .borderactu{display: none;}
    ul#actus li a > .Texte{display: none;}
    .site-footer {padding: 50px 0;}
    #bofoot{
        font-size: 11px;
        line-height: 11px;
        padding: 16px 0;
    }
    #bloc1{margin: 0;}
    #bloc3{width: 300px;}
    #borderfoot{display: none;}
    #bloc1 p{display: none;}
    #bloc2{display: none;}
    #bloc3 h2{display: none;}
    #bloc4{
        width: 100%;
        margin: 0 0 30px 0;
    }
    #bloc5{
        width: 100%;
        margin: 0;
    }
    #image1{
        display: none;
    }
    #block-droite{
        width: 100%;
        padding: 20px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
    }
    a.jkit-carousel-next{right: 0; top:210px;}
    a.jkit-carousel-prev{left: 0; top:210px;}
    .carousel-item {
        margin: 0;
        width: 100%;
        padding: 0 40px;
    }
    .carousel {
        overflow: hidden;
        height: 270px;
    }
    ul#actualite li{
        margin: 0 0 60px 0;
        width: 300px;
    }
    ul#actualite li:nth-child(4n+1) {
        margin: 0 0 60px;
    }
    .hentry {
        margin: 50px auto;
        padding: 0;
    }
    .postthumb{
        width: 100%;
        margin:0 0 10px 0;
    }
    #postinfo{width: 100%;}
    #postinfo h3{
        font-size: 30px;
        line-height: 36px;
    }
    #sectionprod, #sectionmark, #sectioncredit{margin: 50px auto 0;}
    #prodlist .hentry, #marklist .hentry{
        margin: 0 0 40px 0;
        width: 300px;
    }
    #prodlist .hentry:nth-child(5n+1), #marklist .hentry:nth-child(5n+1){margin: 0 0 40px;}
    #prodlist .hentry a#thumbprod{
        width: 50%;
        height: 150px;
    }
    #prodlist .hentry .titprod{
        margin: 0 0 0 10px;
        width: 140px;
        font-size: 16px;
        line-height: 20px;
    }
    #prodlist .hentry .borderprod{margin: 4px 0 10px 10px;}
    #prodlist .hentry .extrait p{
        font-size: 11px;
        line-height: 16px;
        margin: 0 0 0 10px;
        width: 140px;
    }
    #prodlist .hentry a#moreprod{margin: 10px auto 0;}
    #marklist .hentry a#thumbmark{margin:0 50px;}
    #marklist .hentry a#moremark{
        margin: 20px 50px 0;
        width: 200px;
    }
    .formu{
        width: 100%;
        padding: 30px 0 0 0;
        margin: 30px 0 0 0;
        border-left: none;
        border-top: 2px #c8c8c8 solid;
    }
    .infoaddr{width: 300px;}
}



/* RESPONSIVE TABLETTE 1 */
@media screen and (min-width: 480px) and (max-width: 739px){
    .site {width: 460px;}
        #bloc6 h5,#bloc7 h5,
#bloc8 h5{font-size: 30px;}
    .page-template-home #slidehome{display: none;}
    #masthead-sticky-wrapper{display: none;}
    #headmobile{display: block;}
    #section1{margin: 50px auto;}
    #section1 h3, #section2 h3, #section3 h3, #section4 h3{
        font-size: 36px;
        line-height: 40px;
    }
    #section1 h4, #section2 h4, #section3 h4, #section4 h4{
        font-size: 24px;
        line-height: 28px;
        margin: 0 auto 40px;
    }
    #section1 ul#bestsale li{
        margin: 0 10px 40px;
        width: 208px;
    }
    #lacet{text-align: center;
margin-top: -30px;
margin-bottom: 0px;
float: left;
width: 100%;}
    #section1 ul#bestsale li:nth-child(1){margin: 0 10px 40px;}
    #section1 ul#bestsale li a#thumbprod {height: 208px;}
    #section1 ul#bestsale li .titprod {
        font-size: 20px;
        line-height: 24px;
        margin: 20px auto 0;
    }
    #bestsale .extrait, #section1 ul#bestsale li .borderprod{display: block;}
    #section1 ul#bestsale li a#moreprod{
        font-size: 14px;
        line-height: 14px;
        margin: 30px auto 0;
    }
    #section2{padding: 100px 0;}
    #presentation{
        border: 10px solid rgba(120,180,60,0.5);
        padding: 15px;
    }
    .presentation{padding: 50px;}
    #section3{padding: 100px 0;}
    ul#marquehome li{width: 230px;}
    #section4{padding: 100px 0;}
    ul#actus li {
        margin: 40px 0 20px 0;
    width: 460px;
    }
    ul#actus li:nth-child(1) {
        width: 460px;
        margin: 0;
    }
    ul#actus li:nth-child(5) {margin: 40px 0 20px;}
    ul#actus li a > img {
        margin: 0 20px 0 0;
        width: 148px;
    }
    ul#actus li a > h5{
        font-size: 18px;
        height: auto;
        line-height: 20px;
        overflow: inherit;
        width: 292px;
    }
    ul#actus li:nth-child(1) a > h5{
        margin: 20px auto 0;
        font-size: 20px;
        line-height: 26px;
    }
    ul#actus li a > .Texte{display: none;}
    ul#actus li:nth-child(1) .borderactu{display: block; margin: 10px auto;}
    ul#actus li:nth-child(1) a > .Texte{display: block;}
    .site-footer {padding: 50px 0;}
    #bofoot{
        font-size: 11px;
        line-height: 11px;
        padding: 16px 0;
    }
    #bloc1{margin: 0 80px;}
    #bloc3{width: 100%;}
    #borderfoot{display: none;}
    #bloc1 p{display: none;}
    #bloc2{display: none;}
    #bloc3 h2{display: none;}
    #bloc4{
        width: 47%;
        margin: 0 3% 0 0;
    }
    #bloc5{
        width: 47%;
        margin: 0 0 0 3%;
    }
    #image1{
        display: none;
    }
    #block-droite{
        width: 100%;
        padding: 20px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
    }
    a.jkit-carousel-next{right: 0; top:340px;}
    a.jkit-carousel-prev{left: 0; top:340px;}
    .carousel-item {
        margin: 0;
        width: 100%;
        padding: 0 40px;
    }
    .carousel {
        overflow: hidden;
        height: 300px;
    }
    ul#actualite li{
        margin: 0 20px 50px;
        width: 190px;
    }
    ul#actualite li:nth-child(4n+1) {
        margin: 0 20px 50px;
    }
    .hentry {
        margin: 50px auto;
        padding: 0;
    }
    .postthumb{
        margin: 0 0 20px;
        width: 460px;
    }
    #postinfo{width: 460px;}
    #postinfo h3{
        font-size: 40px;
        line-height: 46px;
    }
    #sectionprod, #sectionmark, #sectioncredit{margin: 50px auto 0;}
    #prodlist .hentry, #marklist .hentry{
        margin: 0 11px 60px;
        width: 208px;
    }
    #prodlist .hentry:nth-child(5n+1), #marklist .hentry:nth-child(5n+1){margin: 0 11px 60px;}
    #prodlist .hentry a#thumbprod{
        width: 100%;
        height: 208px;
    }
    #prodlist .hentry .titprod{
        margin: 20px auto 0;
        width: 100%;
        font-size: 20px;
        line-height: 24px;
    }
    #prodlist .hentry .borderprod{margin: 8px auto 18px;}
    #prodlist .hentry .extrait p{
        font-size: 13px;
        line-height: 20px;
        margin: 0 auto;
        width: 100%;
    }
    #prodlist .hentry a#moreprod{margin: 30px auto 0;}
    #marklist .hentry a#thumbmark{margin:0 4px;}
    #marklist .hentry a#moremark{
        margin: 30px auto 0;
        width: 100%;
    }
    .formu{
        width: 100%;
        padding: 30px 0 0 0;
        margin: 30px 0 0 0;
        border-left: none;
        border-top: 2px #c8c8c8 solid;
    }
    .infoaddr{width: 460px;}
}



/* RESPONSIVE TABLETTE 2 */
@media screen and (min-width: 740px) and (max-width: 959px){
    .site {width: 720px;}
     #bloc6 h5,#bloc7 h5,
#bloc8 h5{font-size: 30px;}
    .page-template-home #slidehome{display: block;}
    #masthead-sticky-wrapper{display: block;}
    #headmobile{display: none;}
    #section1{margin: 100px auto;}
    #section1 h3, #section2 h3, #section3 h3, #section4 h3{
        font-size: 36px;
        line-height: 40px;
    }
    #section1 h4, #section2 h4, #section3 h4, #section4 h4{
        font-size: 24px;
        line-height: 28px;
        margin: 0 auto 40px;
    }
     #lacet{text-align: center;
margin-top: -30px;
margin-bottom: 0px;
float: left;
width: 100%;}
    #section1 ul#bestsale li{
        margin: 0 16px 60px;
        width: 208px;
    }
    #section1 ul#bestsale li:nth-child(1){margin: 0 16px 60px;}
    #section1 ul#bestsale li a#thumbprod {height: 208px;}
    #section1 ul#bestsale li .titprod {
        font-size: 20px;
        line-height: 24px;
        margin: 20px auto 0;
    }
    #bestsale .extrait, #section1 ul#bestsale li .borderprod{display: block;}
    #section1 ul#bestsale li a#moreprod{
        font-size: 14px;
        line-height: 14px;
        margin: 30px auto 0;
    }
    #section2{padding: 100px 0;}
    #presentation{
        border: 10px solid rgba(120,180,60,0.5);
        padding: 15px;
    }
    .presentation{padding: 50px;}
    #section3{padding: 100px 0;}
    ul#marquehome li{width: 240px;}
    #section4{padding: 100px 0;}
    ul#actus li {
        margin: 0 0 40px 30px;
        width: 330px;
    }
    ul#actus li:nth-child(1) {
        width: 360px;
        margin: 0 0 140px;
    }
    ul#actus li:nth-child(5) {margin: 0 0 40px 30px;}
    ul#actus li a > img {
        margin: 0 10px 5px 0;
        width: 140px;
    }
    ul#actus li a > h5{
        font-size: 18px;
        height: 72px;
        line-height: 18px;
        overflow: hidden;
        width: 180px;
    }
    ul#actus li:nth-child(1) a > h5{
        margin: 20px auto 0;
        font-size: 20px;
        line-height: 26px;
    }
    ul#actus li a > .Texte{display: block; width: 100%;}
    ul#actus li:nth-child(1) .borderactu{display: block; margin: 10px auto;}
    .site-footer {padding: 100px 0;}
    #bofoot{
        font-size: 14px;
        line-height: 14px;
        padding: 23px 0;
    }
    #bloc1{margin: 0; width: 250px;}
    #bloc3{width: 200px;}
    #borderfoot{display: block; margin: 30px 20px;}
    #bloc1 p{display: block;}
    #bloc2{display: block;}
    #bloc3 h2{display: block;}
    #bloc4{
        width: 47%;
        margin: 0 3% 0 0;
    }
    #bloc5{
        width: 47%;
        margin: 0 0 0 3%;
    }
    #image1{
        display: none;
    }
    #block-droite{
        width: 100%;
        padding: 20px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
    }
    a.jkit-carousel-next{right: 0; top: 295px;}
    a.jkit-carousel-prev{left: 0; top: 295px;}
    .carousel-item {
        margin: 0 2%;
        padding: 0;
        width: 46%;
    }
    .carousel {
        height: 282px;
        overflow: hidden;
    }
    ul#actualite li{
        margin: 0 30px 60px;
        width: 300px;
    }
    ul#actualite li:nth-child(4n+1) {
        margin: 0 30px 60px;
    }
    .hentry {
        margin: 50px auto;
        padding: 0;
    }
    .postthumb{
        margin: 0 0 20px;
        width: 500px;
    }
    #postinfo{width: 100%;}
    #postinfo h3{
        font-size: 40px;
        line-height: 46px;
    }
    #sectionprod, #sectionmark, #sectioncredit{margin: 50px auto 0;}
    #prodlist .hentry, #marklist .hentry{
        margin: 0 16px 40px;
        width: 208px;
    }
    #prodlist .hentry:nth-child(5n+1), #marklist .hentry:nth-child(5n+1){margin: 0 16px 40px;}
    #prodlist .hentry a#thumbprod{
        width: 100%;
        height: 208px;
    }
    #prodlist .hentry .titprod{
        margin: 20px auto 0;
        width: 100%;
        font-size: 20px;
        line-height: 24px;
    }
    #prodlist .hentry .borderprod{margin: 8px auto 18px;}
    #prodlist .hentry .extrait p{
        font-size: 13px;
        line-height: 20px;
        margin: 0 auto;
        width: 100%;
    }
    #prodlist .hentry a#moreprod{margin: 30px auto 0;}
    #marklist .hentry a#thumbmark{margin:0 4px;}
    #marklist .hentry a#moremark{
        margin: 30px auto 0;
        width: 100%;
    }
    .formu{
         border-left: 2px solid #c8c8c8;
        border-top: medium none;
        margin: 0 0 0 30px;
        padding: 0 0 0 30px;
        width: 430px;
    }
    .infoaddr{width: 260px;}
    .logoslide {
        height: 200px;
        left: calc(50% - 150px);
        top: 40px;
        width: 300px;
    }
    .villeslide{top: 240px;}
    #slidehome .tp-bullets{bottom: 40px !important;}
    #slidehome .tp-leftarrow.default{top: 80px !important;}
    #slidehome .tp-rightarrow.default{top: 80px !important;}
    .navbar {
        margin: 26px auto;
        width: 520px;
    }
    .nav-menu li {margin: 0 8px;}
    .nav-menu li a {
        font-size: 12px;
        line-height: 12px;
    }
}



/* RESPONSIVE DESKTOP 1 */
@media screen and (min-width: 960px) and (max-width: 1199px){
    .site {width: 940px;}
     #bloc6 h5,#bloc7 h5,
#bloc8 h5{font-size: 30px;}
     #lacet{text-align: center;
margin-top: -30px;
margin-bottom: 0px;
float: left;
width: 100%;}
    .page-template-home #slidehome{display: block;}
    #masthead-sticky-wrapper{display: block;}
    #headmobile{display: none;}
    #section1{margin: 100px auto;}
    #section1 h3, #section2 h3, #section3 h3, #section4 h3{
        font-size: 36px;
        line-height: 40px;
    }
    #section1 h4, #section2 h4, #section3 h4, #section4 h4{
        font-size: 24px;
        line-height: 28px;
        margin: 0 auto 40px;
    }
    #section1 ul#bestsale li{
        margin: 0 15px 60px;
        width: 205px;
    }
    #section1 ul#bestsale li:nth-child(1){margin: 0 15px 60px;}
    #section1 ul#bestsale li a#thumbprod {height: 205px;}
    #section1 ul#bestsale li .titprod {
        font-size: 20px;
        line-height: 24px;
        margin: 20px auto 0;
    }
    #bestsale .extrait, #section1 ul#bestsale li .borderprod{display: block;}
    #section1 ul#bestsale li a#moreprod{
        font-size: 14px;
        line-height: 14px;
        margin: 30px auto 0;
    }
    #section2{padding: 100px 0;}
    #presentation{
        border: 10px solid rgba(120,180,60,0.5);
        padding: 15px;
    }
    .presentation{padding: 50px;}
    #section3{padding: 100px 0;}
    ul#marquehome li{width: 235px;}
    #section4{padding: 100px 0;}
    ul#actus li {
        margin: 0 0 40px 30px;
        width: 510px;
    }
    ul#actus li:nth-child(1) {
        width: 400px;
        margin: 0 0 140px;
    }
    ul#actus li:nth-child(5) {margin: 0 0 40px 30px;}
    ul#actus li a > img {
        margin: 0 10px 5px 0;
        width: 140px;
    }
    ul#actus li a > h5{
        font-size: 14px;
        height: 48px;
        line-height: 18px;
        overflow: hidden;
        width: 360px;
    }
    ul#actus li:nth-child(1) a > h5{
        margin: 20px auto 0;
        font-size: 20px;
        line-height: 26px;
    }
    ul#actus li a > .Texte{display: block; width: 360px;}
    ul#actus li:nth-child(1) .borderactu{display: block; margin: 10px 360px 10px 0px;}
    .site-footer {padding: 100px 0;}
    #bofoot{
        font-size: 14px;
        line-height: 14px;
        padding: 23px 0;
    }
    #bloc1{margin: 0 0 0 56px; width: 300px;}
    #bloc3{width: 200px;}
    #borderfoot{display: block; margin: 30px 40px;}
    #bloc1 p{display: block;}
    #bloc2{display: block;}
    #bloc3 h2{display: block;}
    #bloc4{
        width: 47%;
        margin: 0 3% 0 0;
    }
    #bloc5{
        width: 47%;
        margin: 0 0 0 3%;
    }
    #image1{
        display: block;
    }
    #block-droite{
        width: 700px;
        padding: 50px;
        border-radius: 0 10px 10px 0;
        -webkit-border-radius: 0 10px 10px 0;
        -moz-border-radius: 0 10px 10px 0;
        -o-border-radius: 0 10px 10px 0;
        -ms-border-radius: 0 10px 10px 0;
    }
    a.jkit-carousel-next{right: 15%; top: 290px;}
    a.jkit-carousel-prev{left: 15%; top: 290px;}
    .carousel-item {
        width: 27%;
        margin: 0 3%;
        padding: 0;
    }
    .carousel {
        overflow: inherit;
        height: auto;
    }
    ul#actualite li{
        margin: 0 0 60px 60px;
        width: 255px;
    }
    ul#actualite li:nth-child(4n+1) {
        margin: 0 0 60px;
    }
    .hentry {
        margin: 100px auto;
        padding: 0;
    }
    .postthumb{
        width: 500px;
        margin:0 20px 0 0;
    }
    #postinfo{width: 420px;}
    #postinfo h3{
        font-size: 36px;
        line-height: 40px;
    }
    #sectionprod, #sectionmark, #sectioncredit{margin: 100px auto 20px;}
    #prodlist .hentry, #marklist .hentry{
        margin: 0 15px 60px;
        width: 205px;
    }
    #prodlist .hentry:nth-child(5n+1), #marklist .hentry:nth-child(5n+1){margin: 0 15px 60px;}
    #prodlist .hentry a#thumbprod{
        width: 100%;
        height: 205px;
    }
    #prodlist .hentry .titprod{
        margin: 20px auto 0;
        width: 100%;
        font-size: 20px;
        line-height: 24px;
    }
    #prodlist .hentry .borderprod{margin: 8px auto 18px;}
    #prodlist .hentry .extrait p{
        font-size: 13px;
        line-height: 20px;
        margin: 0 auto;
        width: 100%;
    }
    #prodlist .hentry a#moreprod{margin: 30px auto 0;}
    #marklist .hentry a#thumbmark{margin:0 4px;}
    #marklist .hentry a#moremark{
        margin: 30px auto 0;
        width: 100%;
    }
    .formu{
        border-left: 2px solid #c8c8c8;
        border-top: medium none;
        margin: 0 0 0 30px;
        padding: 0 0 0 30px;
        width: 650px;
    }
    .infoaddr{width: 260px;}
    .logoslide {
        height: 20%;
        left: 30%;
        top: 5%;
        width: 40%;
    }
    .villeslide{top: 65%;}
    #slidehome .tp-bullets{bottom: 40px !important;}
    #slidehome .tp-leftarrow.default{top: 27% !important;}
    #slidehome .tp-rightarrow.default{top: 27% !important;}
    .navbar {
        margin: 24px auto;
        width: 740px;
    }
    .nav-menu li {margin: 0 13px;}
    .nav-menu li a {
        font-size: 16px;
        line-height: 16px;
    }
}



/* RESPONSIVE DESKTOP 2 */
@media screen and (min-width: 1200px){
    .site {width: 1200px;}
     #bloc6 h5,#bloc7 h5,
#bloc8 h5{font-size: 30px;}
    .page-template-home #slidehome{display: block;}
    #masthead-sticky-wrapper{display: block;}
    #headmobile{display: none;}
    #section1{margin: 100px auto;}
    #section1 h3, #section2 h3, #section3 h3, #section4 h3{
        font-size: 36px;
        line-height: 40px;
    }
    #lacet{text-align: center;
margin-top: -30px;
margin-bottom: 50px;
float: left;
width: 100%;}
    #section1 h4, #section2 h4, #section3 h4, #section4 h4{
        font-size: 24px;
        line-height: 28px;
        margin: 0 auto 40px;
    }
    #section1 ul#bestsale li{
        margin: 0 0 0 40px;
        width: 208px;
    }
    #section1 ul#bestsale li:nth-child(1){margin: 0;}
    #section1 ul#bestsale li a#thumbprod {height: 208px;}
    #section1 ul#bestsale li .titprod {
        font-size: 20px;
        line-height: 24px;
        margin: 20px auto 0;
    }
    #bestsale .extrait, #section1 ul#bestsale li .borderprod{display: block;}
    #section1 ul#bestsale li a#moreprod{
        font-size: 14px;
        line-height: 14px;
        margin: 30px auto 0;
    }
    #section2{padding: 100px 0;}
    #presentation{
        border: 10px solid rgba(120,180,60,0.5);
        padding: 15px;
    }
    .presentation{padding: 50px;}
    #section3{padding: 100px 0;}
    ul#marquehome li{width: 200px;}
    #section4{padding: 100px 0;}
    ul#actus li {
        margin: 0 0 40px 60px;
        width: 640px;
    }
    ul#actus li:nth-child(1) {
        width: 500px;
        margin: 0;
    }
    ul#actus li:nth-child(5) {margin: 0 0 0 60px;}
    ul#actus li a > img {
        margin: 0 20px 0 0;
        width: 148px;
    }
    ul#actus li a > h5{
        font-size: 18px;
        line-height: 22px;
        width: 472px;
        height: 44px;
        overflow: inherit;
        height: auto;
    }
    ul#actus li:nth-child(1) a > h5{
        margin: 20px auto 0;
        font-size: 20px;
        line-height: 26px;
    }
    ul#actus li a > .Texte{display: block; width: 472px;}
    ul#actus li:nth-child(1) .borderactu{display: block; margin: 10px auto;}
    .site-footer {padding: 100px 0;}
    #bofoot{
        font-size: 14px;
        line-height: 14px;
        padding: 23px 0;
    }
    #bloc1{margin: 0 0 0 186px; width: 300px;}
    #bloc3{width: 200px;}
    #borderfoot{display: block; margin: 30px 40px;}
    #bloc1 p{display: block;}
    #bloc2{display: block;}
    #bloc3 h2{display: block;}
    #bloc4{
        width: 47%;
        margin: 0 3% 0 0;
    }
    #bloc5{
        width: 47%;
        margin: 0 0 0 3%;
    }
    #image1{
        display: block;
    }
    #block-droite{
        width: 700px;
        padding: 50px;
        border-radius: 0 10px 10px 0;
        -webkit-border-radius: 0 10px 10px 0;
        -moz-border-radius: 0 10px 10px 0;
        -o-border-radius: 0 10px 10px 0;
        -ms-border-radius: 0 10px 10px 0;
    }
    a.jkit-carousel-next{right: 0; top: 290px;}
    a.jkit-carousel-prev{left: 0; top: 290px;}
    .carousel-item {
        width: 27%;
        margin: 0 3%;
        padding: 0;
    }
    .carousel {
        overflow: inherit;
        height: auto;
    }
    ul#actualite li{
        margin: 0 0 60px 60px;
        width: 255px;
    }
    ul#actualite li:nth-child(4n+1) {
        margin: 0 0 60px;
    }
    .hentry {
        margin: 100px auto;
        padding: 0 100px;
    }
    .postthumb{
        width: 500px;
        margin:0 20px 0 0;
    }
    #postinfo{width: 480px;}
    #postinfo h3{
        font-size: 40px;
        line-height: 46px;
    }
    #sectionprod, #sectionmark, #sectioncredit{margin: 100px auto 20px;}
    #prodlist .hentry, #marklist .hentry{
        margin: 0 0 80px 40px;
        width: 208px;
        height: 468px;
    }
    #prodlist .hentry:nth-child(5n+1), #marklist .hentry:nth-child(5n+1){margin: 0 0 80px;}
    #prodlist .hentry a#thumbprod{
        width: 100%;
        height: 208px;
    }
    #prodlist .hentry .titprod{
        margin: 20px auto 0;
        width: 100%;
        font-size: 20px;
        line-height: 24px;
    }
    #prodlist .hentry .borderprod{margin: 8px auto 18px;}
    #prodlist .hentry .extrait p{
        font-size: 13px;
        line-height: 20px;
        margin: 0 auto;
        width: 100%;
    }
    #prodlist .hentry a#moreprod{margin: 30px auto 0;}
    #marklist .hentry a#thumbmark{margin:0;}
    #marklist .hentry a#moremark{
        margin: 30px auto 0;
        width: 100%;
    }
    .formu{
        width: 800px;
        padding: 0 0 0 50px;
        margin: 0 0 0 50px;
        border-left: 2px #c8c8c8 solid;
        border-top: none;
    }
    .infoaddr{width: 350px;}
    .logoslide {
        height: 20%;
        left: 30%;
        top: 5%;
        width: 40%;
    }
    .villeslide{top: 65%;}
    #slidehome .tp-bullets{bottom: 40px !important;}
    #slidehome .tp-leftarrow.default{top: 27% !important;}
    #slidehome .tp-rightarrow.default{top: 27% !important;}
    .navbar {
        margin: 24px auto;
        width: 1000px;
    }
    .nav-menu li {margin: 0 25px;}
    .nav-menu li a {
        font-size: 16px;
        line-height: 16px;
    }
}