/*



Theme Name: ecommerce



Theme URI: http://copier-coller.com/202



Author: Matthieu Solente



Author URI: http://copier-coller.com



Description: Description



Version: 1.0.0



License: GNU General Public License v2 or later



License URI: http://www.gnu.org/licenses/gpl-2.0.html



Text Domain: ecommerce



Tags:







This theme, like WordPress, is licensed under the cGPL.



Use it to make something cool, have fun, and share what you've learned with others.







ecommerce is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.



Underscores is distributed under the terms of the GNU GPL v2 or later.







Normalizing styles have been helped along thanks to the fine work of



Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/



*/







/*--------------------------------------------------------------



>>> TABLE OF CONTENTS:



----------------------------------------------------------------



# Normalize



# Typography



# Elements



# Forms



# Navigation



    ## Links



    ## Menus



# Accessibility



# Alignments



# Clearings



# Widgets



# Content



    ## Posts and pages



    ## Asides



    ## Comments



# Infinite scroll



# Media



    ## Captions



    ## Galleries



--------------------------------------------------------------*/







/* ============================================================



  FONTS



============================================================ */



@import url(https://fonts.googleapis.com/css?family=Lobster);











@font-face {



    font-family: 'steelfishregular';



    src: url('fonts/steelfish_rg-webfont.eot');



    src: url('fonts/steelfish_rg-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/steelfish_rg-webfont.woff2') format('woff2'),



         url('fonts/steelfish_rg-webfont.woff') format('woff'),



         url('fonts/steelfish_rg-webfont.ttf') format('truetype'),



         url('fonts/steelfish_rg-webfont.svg#steelfishregular') format('svg');



    font-weight: normal;



    font-style: normal;







}







@font-face {



    font-family: 'lobster_twoitalic';



    src: url('fonts/lobstertwo-italic-webfont.eot');



    src: url('fonts/lobstertwo-italic-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/lobstertwo-italic-webfont.woff2') format('woff2'),



         url('fonts/lobstertwo-italic-webfont.woff') format('woff'),



         url('fonts/lobstertwo-italic-webfont.ttf') format('truetype'),



         url('fonts/lobstertwo-italic-webfont.svg#lobster_twoitalic') format('svg');



    font-weight: normal;



    font-style: normal;







}



@font-face {



    font-family: 'mohave';



    src: url('fonts/mohave-webfont.eot');



    src: url('fonts/mohave-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/mohave-webfont.woff2') format('woff2'),



         url('fonts/mohave-webfont.woff') format('woff'),



         url('fonts/mohave-webfont.ttf') format('truetype'),



         url('fonts/mohave-webfont.svg#mohave') format('svg');



    font-weight: normal;



    font-style: normal;







}



@font-face {



    font-family: 'latoblack';



    src: url('fonts/lato-black-webfont.eot');



    src: url('fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/lato-black-webfont.woff2') format('woff2'),



         url('fonts/lato-black-webfont.woff') format('woff'),



         url('fonts/lato-black-webfont.ttf') format('truetype'),



         url('fonts/lato-black-webfont.svg#latoblack') format('svg');



    font-weight: normal;



    font-style: normal;







}







@font-face {



    font-family: 'latobold';



    src: url('fonts/lato-bold-webfont.eot');



    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/lato-bold-webfont.woff2') format('woff2'),



         url('fonts/lato-bold-webfont.woff') format('woff'),



         url('fonts/lato-bold-webfont.ttf') format('truetype'),



         url('fonts/lato-bold-webfont.svg#latobold') format('svg');



    font-weight: normal;



    font-style: normal;







}



@font-face {



    font-family: 'latoregular';



    src: url('fonts/lato-regular-webfont.eot');



    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/lato-regular-webfont.woff2') format('woff2'),



         url('fonts/lato-regular-webfont.woff') format('woff'),



         url('fonts/lato-regular-webfont.ttf') format('truetype'),



         url('fonts/lato-regular-webfont.svg#latoregular') format('svg');



    font-weight: normal;



    font-style: normal;







}







@font-face {



    font-family: 'lobster_tworegular';



    src: url('fonts/lobster-two.regular-webfont.eot');



    src: url('fonts/lobster-two.regular-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/lobster-two.regular-webfont.woff2') format('woff2'),



         url('fonts/lobster-two.regular-webfont.woff') format('woff'),



         url('fonts/lobster-two.regular-webfont.ttf') format('truetype'),



         url('fonts/lobster-two.regular-webfont.svg#lobster_tworegular') format('svg');



    font-weight: normal;



    font-style: normal;







}







@font-face {



    font-family: 'loraitalic';



    src: url('fonts/lora-italic-webfont.eot');



    src: url('fonts/lora-italic-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/lora-italic-webfont.woff2') format('woff2'),



         url('fonts/lora-italic-webfont.woff') format('woff'),



         url('fonts/lora-italic-webfont.ttf') format('truetype'),



         url('fonts/lora-italic-webfont.svg#loraitalic') format('svg');



    font-weight: normal;



    font-style: normal;







}



/* ============================================================



  SITE



============================================================ */







html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;}



body {margin-top:0 !important;font-family: "latoregular",Helvetica,Arial,sans-serif;font-size: 15px;line-height: 1.42857143;color: #333;}



/*body.logged-in .navbar-fixed-top{ top: 28px !important; }*/



article,



aside,



details,



figcaption,



figure,



footer,



header,



main,



menu,



nav,



section,



summary {display: block;}



audio,



canvas,



progress,



video {display: inline-block;vertical-align: baseline;}



audio:not([controls]) {display: none;height: 0;}



[hidden],



template {display: none;}



a {background-color: transparent; color:black;}



.archive .entry-title a:focus, .archive .entry-title a:hover {color: #9f957a;text-decoration: none;}



a:active,a:hover {outline: 0;}



abbr[title] {border-bottom: 1px dotted;}



b,



strong {font-weight: bold;}



dfn {font-style: italic;}



mark {background: #ff0;color: #000;}



small {font-size: 80%;}



sub,



sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}



sup {top: -0.5em;}



sub {bottom: -0.25em;}



img {border: 0;}



svg:not(:root) {overflow: hidden;}



figure {margin: 1em 40px;}



hr {box-sizing: content-box;height: 0;}



pre {overflow: auto;}



code,



kbd,



pre,



samp {font-family: monospace, monospace;font-size: 1em;}







button,



input,



optgroup,



select,



textarea {color: inherit;font: inherit;margin: 0;}



button {overflow: visible;}







button,



select {text-transform: none;}







button,



html input[type="button"],



input[type="reset"],



input[type="submit"] {-webkit-appearance: button;cursor: pointer;}











button[disabled],



html input[disabled] {cursor: default;}



button::-moz-focus-inner,



input::-moz-focus-inner {border: 0;padding: 0;}



input {line-height: normal;}



input[type="checkbox"],



input[type="radio"] {box-sizing: border-box;    padding: 0;}



input[type="number"]::-webkit-inner-spin-button,



input[type="number"]::-webkit-outer-spin-button {height: auto;}



input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}



input[type="search"]::-webkit-search-cancel-button,



input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}







fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}



legend {border: 0;padding: 0;}



textarea {overflow: auto;}



optgroup {font-weight: bold;}



table {border-collapse: collapse;border-spacing: 0;}



td,



th {padding: 0;}







/* ============================================================



  TYPOGRAPHY



============================================================ */







p {margin-bottom: 1.5em;}



dfn,



em,



i {font-style: italic;}



blockquote {margin: 0 1.5em;}







.titres-services  {color:black;}



/* ============================================================



  ELEMENTS



============================================================ */



html {box-sizing: border-box;}



*,



*:before,



*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */



    box-sizing: inherit;}







body {background: #fff; /* Fallback for when there is no custom background color defined. */}



blockquote:before,blockquote:after,q:before,q:after {content: "";}



blockquote,



q {quotes: "" "";}



blockquote {font-family: 'mohave';font-size: 18px;font-style: italic;width: 450px;margin: 0.25em 0;padding: 0.25em 40px;line-height: 1.45;position: relative;   color: #383838;background:#ececec;}



blockquote:before {display: block;content: "";font-size: 80px;position: absolute;left: -10px;top: -10px;color: #7a7a7a;}



blockquote cite {color: #999999;font-size: 14px;display: block;margin-top: 5px;} 



blockquote cite:before {content: "\2014 \2009";}



hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}



ul {list-style: none;}



ol {list-style: none;}



dt {font-weight: bold;}



img {height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */}



table {margin: 0 0 1.5em;width: 100%;}







/* ============================================================



  FORMS



============================================================ */



.wpcf7-form-control .wpcf7-text,



input[type="text"],



input[type="email"],



input[type="url"],



input[type="password"],



input[type="search"] {    color: #666;



    background-color: #e6e6e6;



    border: 0;



    border-radius: 0;



    padding: 10px;



   }



.wpcf7-form p {



    margin-bottom: 0;



}



textarea {padding-left: 3px;width: 100%;}



 .wpcf7-submit{text-align:center;width:180px; margin: 10px 10px 10px 0px; text-transform:uppercase;padding:10px;border:4px solid   #349840 ;color:#349840 ;background-color: #fff;transition:all 0.2s ease-in-out }



 .wpcf7-submit:hover{color:#fff;text-decoration:none;background-color:  #349840 ;border:4px solid #fff}







/* ============================================================



  NAVIGATION



============================================================ */



.nav-previous a,.nav-next a{text-transform:uppercase;}



.nav-previous a:before{border-color: transparent #349840 transparent transparent;border-image: none;border-style: solid;border-width: 5px;content: "";left: 0; position: absolute;top: 5px;}



.nav-next a:after{border-color: transparent transparent transparent #349840;border-image: none;border-style: solid;border-width: 5px;content: "";right: 0;position: absolute;top: 5px;}



.nav-previous a,.nav-next a,.nav-previous a:hover,.nav-next a:hover{color: #000;font-weight:bold}



.nav-previous,.nav-next {position:relative}



.nav-next{padding-right:20px}



.nav-previous{padding-left:20px}



.site-main .comment-navigation,



.site-main .posts-navigation,



.site-main .post-navigation {margin: 0 0 1.5em;overflow: hidden;}







.comment-navigation .nav-previous,



.posts-navigation .nav-previous,



.post-navigation .nav-previous {float: left;width: 50%;}







.comment-navigation .nav-next,



.posts-navigation .nav-next,



.post-navigation .nav-next {float: right;text-align: right;width: 50%;}







/* ============================================================



  HEADERS AND CONTAINERS



============================================================ */



.single #masthead,.page #masthead{height:80px}



.navbar-fixed-top{top:0}



.container{padding-left:0;padding-right:0;width:1190px;max-width:100%;height: 100%;}



#services .container{padding-left:0 }



#masthead p{margin:0}



.single .container{padding-left:15px;padding-right:15px}



.single #masthead .container{padding-left:0;padding-right:0}



/* ============================================================



  MENU



============================================================ */



/*bootstrap menu*/



.navbar-default { background-color: #fff !important;border-color: #fff !important;}



.nav>li>a{ font-family:'latobold';transition:all 0.2s ease-in-out;   padding: 0px 10px !important;text-transform:uppercase ;font-size:12px  }



.nav>li>a:hover{color:#349840  !important}



.navbar-nav>li>a {line-height: 80px !important;}



.navbar{margin-bottom:0 !important;box-shadow: 0 3px rgba(169,169,169,.7);}



.navbar-nav>li:last-of-type a{font-size:12px;}



.flag img{margin:0 5px}



.flag{float: right;margin-top: -50px;margin-right: 0px;}



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color:#349840 !important;background-color:#fff;}



.navbar-brand{float:none;display:block}



.site-description{margin-top:0}



section#contact  a{color:white;}



section#contact  a:hover{text-decoration: underline; color:white;}



section#services a{color:#33363B;}



section#services a:hover{text-decoration: underline;}







/* ============================================================



  ACCESSIBILITY



============================================================ */



/* Text meant only for screen readers. */



.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;}



.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000; /* Above WP toolbar. */}







/* ============================================================



  ALIGN



============================================================ */



.entry-footer .alignleft {display: inline;text-align: left;}



.entry-footer .alignright {display: inline;float:right;color:#9a917a;font-weight:bold}



.alignright strong{color:#000}



.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}



.alignleft-thumbnail{float:left;margin-right:20px}







/* ============================================================



  CLEAR



============================================================ */



.clear:before,



.clear:after,



.entry-content:before,



.entry-content:after,



.comment-content:before,



.comment-content:after,



.site-header:before,



.site-header:after,



.site-content:before,



.site-content:after,



.site-footer:before,



.site-footer:after {content: "";display: table;}







.clear:after,



.entry-content:after,



.comment-content:after,



.site-header:after,



.site-content:after,



.site-footer:after {clear: both;}



.site{overflow:hidden !important}



/* ============================================================



  WIDGETS



============================================================ */



.widget {margin: 0 0 .5em;}



.widget select {max-width: 100%;}



.widget_search .search-submit {display: none;}



.widget-title{color: #fff; margin-bottom: 0;text-transform: uppercase;min-height: 30px;font-size: 14px !important;}



.widget .menu:last-of-type .menu-item{padding:0}



.widget .menu .menu-item:nth-child(7):after{content:'';display:none}



.widget .menu .menu-item:last-child{display:none}



.widget .menu .menu-item:nth-child(5):after{content:'';}



#secondary a{color:#000;transition:all .2s ease-in-out}



#secondary a:hover{color:#349840;text-decoration:none}



.widget li{ padding: 5px 0 0px 0px; position: relative;  }



.textwidget a {padding: 12px 0 0px 0px;position: relative;}



#contact .textwidget{color:#fff !important}







.site-footer .widget_text .textwidget a{



    padding-top: 0;



}







.site-footer .widget_text .textwidget a:nth-child(1){



    float: left;



    width: 90px;



    margin-left: 50px;



}







.site-footer .widget_text .textwidget a:nth-child(2){



    float: left;



    width: 72px;



    margin: 0 37px 0 20px;



}







.site-footer .widget_text .textwidget a:nth-child(3){



    float: left;



    width: 81px;



    margin: 0px auto;



    display: block;



}







#contact .single-section-heading{



    color:#fff;



}







.textwidget{color:#fff;text-align:center;text-transform:uppercase;}



.textwidget a{list-style-image:url(img/greenarrow.png)}



/*border-color: transparent transparent transparent #349840;border-image: none;border-style: solid;border-width: 5px;content: "";left: 0;position: absolute;top: 10px;}*/   



.DisplayCategoriesWidget .cat-item:last-of-type {margin-bottom:20px}



.wpp-list li{padding: 5px 0 0px 10px;}



.fbf-widget {position: relative;}



.subscribe-form {position: relative;}



#contact .li{display:none}











#contact .subscribe-form .secondary-newsletter{



    color: #666;



    background-color: #e6e6e6;



    border: 0;



    border-radius: 0;



    padding: 10px 50px 10px 10px !important;



    /*margin-left: 30px;*/



    text-align: left;



    width: 79%;



}







#contact .subscribe-form .subscription_btn{



    position: absolute;



    left: 74%;



    top: 8px;



    background-color: transparent !important;



    background: none;



    border: 0;



    color: #000;



    font: bold 12px arial;



    padding: 5px 3px;



    width: 15%;



}



/* ============================================================



  FEED BURNER FORM



============================================================ */



/* FeedBurner-form Styles*/



.fb-container{/* Container widget*/}



.fbf-text{/* intro texto */}



.fbf-widget{/*form */}



.fb-counter-img img{/* counter img*/}



.subscription_email{margin-bottom:20px}



#secondary .subscription_btn { position: absolute;left: 71%;top: 3px;background-color: transparent !important;  background: none;border: 0;color: #000;font: bold 12px arial;padding: 5px 3px;width: 15%}







#secondary .secondary-newsletter {



    color: #666;



    background-color: #e6e6e6;



    border: 0;



    border-radius: 0;



    padding: 10px 50px 10px 10px !important;



    margin-left: 30px;



    text-align: left;



    width: 79%;



}







#secondary .mc4wp-response{







    padding: 0 30px;



}







.mailjet-subscribe { position: absolute;left: 71%;top: 7px;background-color: transparent !important;  background: none;border: 0;color: #000;font: bold 12px arial;padding: 5px 3px;width: 15%}



#secondary #feedburnerformwidget-2 > div > li.li{ display: none;}



#contact .subscription_btn{text-transform:uppercase;color:#349840;border-radius:0;display:bock;padding:10px 0px;text-align:center;margin:auto;width:130px;border:4px solid #349840;transition:all 0.2s ease-in-out;background:none;background-color:rgba(0,0,0,.4) !important;}



#contact .mc4wp-response{padding: 0 40px;color: #fff;}







#contact .subscription_email{margin-left:0}



.subscription_btn:hover{}



.subscription_btn:active{}



p.fb-credits a,.fb-credits{}



img.feed-image{/* the image   */}



.widget_feedburnerformwidget li{margin-left: 30px;}



.subscription_email{   color: #666;background-color: #e6e6e6;border: 0;border-radius: 0;padding: 10px 50px 10px 10px !important;margin-left: 30px;margin-bottom:0; text-align:left}



#email{  width: 79%; color: #666;background-color: #e6e6e6;border: 0;border-radius: 0;padding: 10px 50px 10px 10px !important;margin-left: 10px;margin-bottom:0; text-align:left}



.comment-form-email #email {margin-left: 0px !important;}



/* ============================================================



  SECTION FOOTER CONTACT WIDGET



============================================================ */



#contact .widget{max-height:270px;margin-bottom:30px}



#contact .widget li a{color:#fff;font-family:'Latoregular';}



#contact .widget li:before{border:0}



#contact .textwidget{text-transform:none;font-size: 14px;}



#contact .rss{display:none}



#contact .col-lg-12{padding-right:0;padding-left:0}



section#contact .widget li{ padding: 5px 0 ; position: relative; line-height: 12px; }



section#contact .widget ul{padding-left:0}



section#contact .widget h3 {margin-top:0}



section#contact .wysija-input{width:310px}







/* ============================================================



  Primary block



============================================================ */







/* ============================================================



  SIDEBAR WIDGET



============================================================ */



#secondary .widget-title{font-family:'Latoblack' ;padding: 0 30px;color:#349840;text-transform:uppercase;text-align:center; }



#secondary .widget{background-color:#fff;padding: 20px 0;font-family:'latobold'}



#secondary .textwidget{    padding-left: 40px;padding-right: 40px;text-align:left;text-transform:none}



#secondary .textwidget a{  display: list-item; list-style-image:url(img/greenarrow.png)}



#secondary .widget li{line-height:30px;display: list-item;list-style-image:url(img/greenarrow.png)}



.categorie .widget-title{text-align: center;padding: 0 30px;color:#000;text-transform:uppercase;color:#349840 }



.categorie .widget{background-color:#fff;    padding: 20px 0;}



.categorie .textwidget{    padding-left: 40px;padding-right: 40px;text-align:left;text-transform:none}



.categorie .textwidget a{  display: list-item;}



.categorie .widget li{line-height:30px;display: list-item;list-style-image:url(img/greenarrow.png)}







.search_not_found{



    width:285px;



}







#primary main article.post ul{



    padding-right: 20px;



}







#primary #searchform #s{



    color: #666;



    background-color: #e6e6e6;



    border: 0;



    border-radius: 0;



    padding: 10px 50px 10px 10px !important;



    margin-left: 0px;



    text-align: left;



    width: 86%;



}







#primary #searchform > div{



    position:relative;



}







#primary #searchform #searchsubmit{



    position: absolute;



    left: 71%;



    top: 3px;



    background-color: transparent !important;



    background: none;



    border: 0;



    color: #000;



    padding: 5px 3px;



    width: 15%;



}







#secondary #searchform #s{



    color: #666;



    background-color: #e6e6e6;



    border: 0;



    border-radius: 0;



    padding: 10px 50px 10px 10px !important;



    margin-left: 30px;



    text-align: left;



    width: 79%;



}







#secondary #searchform > div{



    position:relative;



}







#secondary #searchform #searchsubmit{



    position: absolute;



    left: 71%;



    top: 3px;



    background-color: transparent !important;



    background: none;



    border: 0;



    color: #000;



    padding: 5px 3px;



    width: 15%;



}







/* ============================================================



  SECTION SINGLE FOOTER WIDGET



============================================================ */



.last-view,.most-view{position: relative;margin: auto;}



.last-view .widget a,



.most-view .widget a{line-height:10px;font-family:"latobold";position: relative;padding-left: 10px;}







/*



.last-view ul{text-align:right;margin: auto;width: 968px;padding-right:420px;position:relative}



#last-view .widget,#most-view .widget{margin:auto;position:relative}



#last-view,#most-view{height:295px;position:relative;padding: 10px;}



#most-view{background:#fff}*/



/*.most-view .widget a:before{border-color: transparent transparent transparent #349840;border-image: none;border-style: solid;border-width: 5px;content: ""; left: 0;position: absolute;top:10px}  



.most-view .widget ul:before{content: ''; background: url(img/iconflash.png); position: absolute;background-size: cover;width: 100px;height: 100px;left: 100px;top: 10px;margin-left: 195px;}



.most-view ul{margin: auto;width: 968px;padding-left: 425px;position:relative}



*/







.most-view .widget a:before{



    border-color: transparent transparent transparent #349840;



    border-image: none;



    border-style: solid;



    border-width: 5px;



    content: "";



    left: 0;



    position: absolute;



    top:5px;



}







.most-view .widget ul:before{content: '';



    background: url(img/iconflash.png);



    position: absolute;



    background-size: cover;



    width: 100px;



    height: 100px;



}







.most-view{padding-top: 1px;padding-bottom: 30px;background: #fff}



.most-view .wpp-list{width: 590px;margin:0 auto;}







.most-view .wpp-list{padding:0;}



.most-view .wpp-list li {padding: 5px 0 0px 130px;}







.last-view{padding-top: 1px;padding-bottom:30px;}



.last-view ul{width: 590px;padding:0;margin:0 auto; position: relative;}



.last-view .widget a:after{



    border-color: transparent #349840 transparent transparent;



    border-image: none;



    border-style: solid;



    border-width: 5px;



    content: "";



    right: -15px;



    position: absolute;



    top: 6px;



}







.last-view .widget ul:before{



    content:'';



    background:url(img/iconflash.png);



    position:absolute;



    background-size:cover;



    width: 100px;



    height: 100px;



    right: 0;



    top:0;



}







.last-view .widget li{ padding: 5px 130px 0px 0px; position: relative;  }







.last-view ul li{



    text-align: right;



}







/* ============================================================



  CONTENT



============================================================ */







.single #content,.page #content{ background-color: #e6e6e6;}



.home #content{background:#fff}



.single article, .page article{background-color:#fff}



.single .entry-meta,.single .entry-content h1,.single .entry-content h2,.single .entry-content h3,.single .entry-content h4,.single .entry-content p{padding:0 20px 0 20px}



.entry-content table  h2 {font-family:latobold;font-size:30px;}



.entry-content table h3 {font-family:latobold;font-size:21px;}







h1 a,h2 a,h3 a, h4 a{color:#9f957a}



h1 a:hover,h2 a:hover,h3 a:hover, h4 a:hover{color:#9f957a;text-decoration:none}



.single .entry-date{border: 0;font-weight: bold;text-transform: uppercase;font-size: 12px;}



.archive #content{    margin-top: 80px;}



.no-padding {padding: 0 !important;margin: 0 !important;}



.no-gutter > [class*=col-] {padding-right: 0;padding-left: 0;}



/* ============================================================



  POSTS AND PAGES



============================================================ */



.sticky {display: block;}



.hentry {margin: 0 0 1.5em;}



.byline,.updated:not(.published) {display: none;}



.single .byline,.group-blog .byline {display: inline;}



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



.page-links {clear: both;margin: 0 0 1.5em;}



.page .entry-content{padding:20px;box-sizing:border-box;}



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



.page article{background:#fff}



.page-title{font-family: 'lobster_tworegular';font-size:3.7em;text-align:center;margin-top:47px;margin-bottom:0}



.archive-meta{font-family: 'mohave';font-size:22px;text-align:center}



.page-header{padding-bottom:0;margin: 0 !important; border-bottom:none !important; min-height: 90px;}



.single .page-header{padding-bottom:0;margin: 0 !important; border-bottom:none !important; min-height: 50px;}



.home .entry-content p{padding:0px;height: 125px;}



.archive .entry-content{padding:0 20px}



.archive .entry-content p{padding:0}



.archive-thumbnail img  ,.featured-image img{width: 350px;height: 375px}



.entry-content{padding:0}



.entry-meta{margin-top:10px;margin-bottom: 10px;}



.single .entry-footer{  height: 50px;line-height: 50px;padding-left: 20px;padding-right: 20px;}



.readmore{    margin-top: 15px;    font-size: 12px;display:block;text-align:center;width:120px;text-transform:uppercase;padding:10px;border:3px solid #349840 ;color:#349840 ;background-color: #fff;transition:all 0.2s ease-in-out }



.readmore:hover{color:#fff;text-decoration:none;background-color:#349840 ;border:3px solid #fff}



.bread-crumps{height:50px;line-height:50px;}



.bread-crumps a{color:#9f957a}







.link_green{color:#349840;}



.link_green:hover{color:#349840;}







#primary .entry-title,#primary .entry-title a{color:#9f957a}



.cat-links{color:#9f957a;font-weight:bold}



.cat-links a,.cat-links a:hover{color:#000}



.page-template-a-la-une-php .entry-content{padding:0 20px}



.page-template-a-la-une-php.entry-content p{padding:0}



.page-template-a-la-une-php .entry-date{border:0;font-weight:bold;text-transform: uppercase;font-size: 12px;}



.page-template-a-la-une-php #content {background-color: #e6e6e6;}



.page-template-a-la-une-php article{height:375px;max-width:886px;background:#fff}



.page-template-a-la-une-php .entry-content{overflow: hidden;position: relative;height: 100%;}



.page-template-a-la-une-php .entry-footer{ margin-top: 10px;    bottom: 20px;position: absolute;width: 100%;padding-right: 30px;}











/* ============================================================



  ASIDE



============================================================ */



.blog .format-aside .entry-title,



.archive .format-aside .entry-title {display: none;}



/* ============================================================



  COMMENTS



============================================================ */



.comment-content a {word-wrap: break-word;}



.bypostauthor { display: block;}



cite{font-style:normal}



.comments-list, .comments-form{background:#fff;padding:30px 50px 30px 30px;margin:10px 0 50px;}



.comment-list li{margin-bottom:35px;position:relative}



.comment-list{padding-left:50px;position:relative}



.comment-meta{display:inline-block;width:48%;text-align:right}



.comment-meta a{color:#349840 }



.comment-author{display:inline-block;width:48%;}



.comment-header{background:#d6d2c9;padding:10px 20px}



.commentbloc{background:#e6e6e6;padding:20px}



.fn{font-family: 'latoblack'; margin-top: 30px !important;margin-bottom: 0;text-transform: uppercase;min-height: 30px; color: #000;font-size: 12px !important;}



.comments-title{font-size:2.7em;font-family:'mohave';text-align:left;margin-bottom:20px;margin-top:0}



.reply{text-align:right}



.reply a{color:#b1ab9b}



.vcard img{position:absolute;left:-50px;top:0}



.vcard a{text-transform: uppercase;}



#comments input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {color: #666;background-color: #e6e6e6;border:0;border-radius: 0;padding:10px;width:100%}



#comments input[type="email"], input[type="url"]{width:50%}



#comments input[type=submit]{text-align:center;width:210px;font-size: 1.2rem;text-transform:uppercase;padding:10px;border:3px solid #349840 ;color:#349840 ;background-color: #fff;transition:all 0.2s ease-in-out }



#comments input[type=submit]:hover {color:#fff;text-decoration:none;background-color:#349840 ;border:3px solid #fff}



#respond h2{text-align:left;font-size:3.7em;font-family:'mohave';color:#000}



#respond{background:#fff}



.h2{text-align: left;font-size: 3.7em;font-family: 'mohave';color: #000;}







/* ============================================================



  Page SEARCH



============================================================ */







.search #content {



    background-color: #e6e6e6;



}







.search #masthead {



    height: 80px;



}







.search #primary #main article {



    height: 375px;



    max-width: 886px;



    background: #fff;



}







.search #primary #main article .entry-date {



    border: 0;



    font-weight: bold;



    text-transform: uppercase;



    font-size: 12px;



}







.search #primary #main article .entry-content {



    overflow: hidden;



    position: relative;



    height: 100%;



    padding: 20px;



    box-sizing: border-box;



}







.search #primary #main article .entry-footer {



    margin-top: 10px;



    bottom: 20px;



    position: absolute;



    width: 100%;



    padding-right: 30px;



}







/* ============================================================



  INFINITE SCROLL



============================================================ */



/* Globally hidden elements when Infinite Scroll is supported and in use. */



.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */



.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */



    display: none;



}







/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */



.infinity-end.neverending .site-footer {



    display: block;



}











.site-footer .site-description{



    width:329px;



}



/* ============================================================



  MEDIA



============================================================ */



.page-content .wp-smiley,



.entry-content .wp-smiley,



.comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;}







/* Make sure embeds and iframes fit their containers. */



embed,



iframe,



object {max-width: 100%;}



.single .attachment-featured{width:300px;height:375px;}



/* ============================================================



  CAPTIONS



============================================================ */



.wp-caption {/*margin-bottom: 1.5em;width: 100% !important;*/}



.wp-caption img[class*="wp-image-"] {display: block;margin: 0 auto;}



.wp-caption .wp-caption-text {margin: 0.8075em 0;}



.wp-caption {/*background-color:#dffcba;*/width:100%;padding:5px 0;display: block;text-align:center}



.wp-caption-text {text-align: center;background-color:#defcb9;width:100%;padding:5px}



.wp-caption .wp-caption-text{margin:0}



.wp-caption img{/*width:100% !important*/}







/* ============================================================



  GALLERY



============================================================ */



.gallery {margin-bottom: 1.5em;}



.gallery-item {display: inline-block;text-align: center;vertical-align: top;width: 100%;}



.gallery-columns-2 .gallery-item {max-width: 50%;}



.gallery-columns-3 .gallery-item {max-width: 33.33%;}



.gallery-columns-4 .gallery-item {max-width: 25%;}



.gallery-columns-5 .gallery-item {max-width: 20%;}



.gallery-columns-6 .gallery-item {max-width: 16.66%;}



.gallery-columns-7 .gallery-item {max-width: 14.28%;}



.gallery-columns-8 .gallery-item {max-width: 12.5%;}



.gallery-columns-9 .gallery-item {max-width: 11.11%;}



.gallery-caption {display: block;}



/* ============================================================



  TITLES



============================================================ */







h2{font-size:30px;font-family:'latobold';color:#9a917a; font-weight: normal;}



h3{font-family:'latobold';font-size: 21px;text-transform:uppercase; color:#9a917a;    font-weight: normal; }



h4{font-family:'latobold';font-weight: normal;font-size:15px}



.section-heading{margin-top:50px;margin-bottom:50px;color:#33363B;font-size:3.7em;text-align:center; font-family:'lobster_tworegular';}



.single-section-heading{margin-top:35px;margin-bottom:20px;color:#000;font-size:3.7em;text-align:center; font-family:'lobster_tworegular';}



#newsletter .single-section-heading{color:#fff}



#contact .section-heading{color:#fff}



.widget-title{font-family:'Latoblack';font-size:16px !important}



#contact .widget-title{margin-top:0 !important}



.prestation-box .title{font-family:'latoblack';margin-top: 30px !important; margin-bottom: 0;text-transform:uppercase; min-height: 30px;color:#000;font-size: 14px !important;}



.engagement-box .title{font-family:'latoblack';color:#33363B;margin-top: 30px !important; margin-bottom: 0;text-transform:uppercase; min-height: 30px;font-size: 14px !important;}



.prestation-box .prestation-img{



    height: 101px;



}



.blog-title {margin-bottom:10px;color:#fff;color:#000;font-size:3.7em;text-align:center; font-family:'lobster_tworegular';color:#fff !important;width: 100%;display: block;width: 100%;text-decoration: underline;}



/*.blog-title a:after{



    content: '';



    background: url('img/fleche.png')no-repeat;



    color: #fff;



    padding-left: 18px;



    margin-left: 2px;



    background-position: 8px 29px;



}*/



.engagement-box .entry-content h3{padding-left: 0}



.site-description{color:#7c7f84;font-size: 15px;padding-left: 16px;line-height: 1.1;display: block}







/* ============================================================



  SECTION



============================================================ */



section#portfolio{max-height:749px;height:500px;overflow: hidden;



-webkit-transition: height 0.3s;



-o-transition: height 0.3s;



transition: height 0.3s;}



section#services{min-height:458px}



section#blog{background-color:#e6e6e6}



section#temoignages{min-height:465px;padding:0px}



section#newsletter{background-color:#349840 ;min-height:210px}



section#contact{background:url("https://www.202-ecommerce.com/wp-content/uploads/2015/09/back.jpg")center center no-repeat;background-size:100%;background-size:cover;min-height:475px}



section#post{padding: 0 0 50px;}











/* ============================================================



  SECTION SLIDER



============================================================ */



#portfolio .slider-btn{text-align:center;width:210px;text-transform:uppercase;padding:10px;border:3px solid #349840 ;color:#349840 ;background-color: #fff; }



#portfolio .slider-btn:hover{color:#fff;text-decoration:none;background-color:#349840 ;border:3px solid #fff}



/*.ls-l p*/



/* ============================================================



  SECTION PRESTATION



============================================================ */



.prestation-box .entry-content{margin-top:0}



.prestation-box .entry-content{float:left}



/*.prestation-box img{min-height:109px}*/



.prestation-box p{font-family:'lato';color:#000;height: 72px;}



/* ============================================================



  SECTION ENGAGEMENT



============================================================ */



.engagement-box {overflow:hidden;min-height:150px}



.engagement-box img{margin-top:36px}



.engagement-box .entry-content{display: inline-block;padding:0;font-family:'lato'}



.engagement-box .entry-content h4{padding-left:0}



.engagement-box .col-lg-2{padding-right:0}



.engagement-box .col-lg-10{padding-left:0}



#engagement .col-lg-6,



#engagement .col-sm-6,



#engagement .col-md-6,



#engagement  .col-xs-12{padding-right:0 !important;padding-left:0 !important}



/* ============================================================



  SECTION BLOG



============================================================ */



#blog .container{/*width:1052px;*/padding-left:0;padding-right:0}



/*#blog .side{height:336px;width:240px;line-height: 336px;}*/



#blog .side .row{margin-right:0;margin-left:0;}



#blog .blog-follow a{text-transform:uppercase;color:#349840 }



#blog .blog-follow {margin:50px auto;transition:all 0.2s ease-in-out;text-align:center;width:220px;padding:10px;border:4px solid   #349840 ;background-color: #fff; }



#blog .blog-follow:hover{background-color:  #349840 ;border:4px solid #fff}



#blog .blog-follow:hover a{color:#fff;text-decoration:none;}



#blog .blog-col{height: 336px;overflow: hidden;}



.blog-header{max-width: 240px;background-color:#9a917a;margin: 0 auto;}



.blog-header h2{font-size: 1em;margin:0;padding: 0;}



.blog-header h2 a{line-height: 336px;}



.blog-header h2 a:hover{text-decoration:underline}



.blog-header h3{text-align:center}







.post-box {overflow:hidden;min-height:150px}



.post-box .entry-content{margin-top:0}



.post-box h2{  font-family:'latobold'; text-align: left;min-height:48px;text-transform:none;margin-top: 0;margin-bottom:0px;font-size: 21px ;}



.post-box a{color:#9a917a !important;display: block;width: 100%;height: 100%;}



.post-box .entry-meta{margin-top:10px;margin-bottom: 20px;}



.post-box .entry-date{font-family:'latobold';text-transform: uppercase;font-size: 12px;}



.middle-bloc{padding-top:50px;padding-bottom: 50px;}



#blog .side .first .bloc a{top:40%}







.author-info{ font-style: italic; }



.bloc{height:240px;text-align:center;position:relative}



.bloc:last-of-type{height:280px}



.bloc a{font-family: 'mohave';color:#fff;    font-weight: 100;font-size:20px;position: absolute;left: 50%;top: 50%;width: 100%;text-align: center; -ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}



.bloc a:after{    content: '';background: url('img/fleche.png')no-repeat;color: #fff;padding-left: 18px;margin-left: 2px;background-position: 8px 6px}



.blog-box-caption{top:0;max-width:240px;max-height:240px}



.blog-box {max-width: 240px;height: 100%;min-height:auto;width:100%;display: block; position: relative; margin: 0 auto;max-width: 650px;}



.blog-box .blog-box-caption .blog-box-caption-content .blog-category{ padding: 0 15px;}



.blog-box .blog-box-caption .blog-box-caption-content .blog-category { text-transform: uppercase;    font-size: 14px;    font-weight: 600;    display: block;}



.blog-box .blog-box-caption .blog-box-caption-content .blog-name { font-size: 18px;}



.blog-box:hover .blog-box-caption {opacity: 1;}



.blog-box .blog-box-caption {display: block;position: absolute;bottom: 0;width: 100%;height: 100%;text-align: center;color: #fff; opacity: 0;background: rgba(60,77,93,.9);-webkit-transition: opacity .35s;-moz-transition: opacity .35s;transition: opacity .35s;}



.blog-box .blog-box-caption .blog-box-caption-content {position: absolute;left: 50%;top: 50%; width: 100%;text-align: center; -ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}



.text-faded {color: rgba(255,255,255,.7);}



.patchwork-img{display:none}



.blog-box:hover .blog-box-caption {opacity: 1;max-width: 240px;height: auto;width:100%;}



.blog-box .blog-box-caption {top:0} 



.side .first{margin-bottom:66px}



/* ============================================================



  SECTION NEWSLETTER



============================================================ */



#newsletter {text-align:center}



#newsletter .newsbloc a{font-size:12px ;text-transform:uppercase;color:#fff}



#newsletter .newsbloc{color: #fff;padding:10px 35px;text-align:center;margin:auto;width:220px;border:4px solid #fff;transition:all 0.2s ease-in-out;background-color:#94d861; }



#newsletter .textwidget a:before{display:none}



#newsletter .newsbloc:hover{ background-color:#fff;}



#newsletter .newsbloc:hover {text-decoration:none; color:#94d861}



#newsletter .single-section-heading{margin-bottom: 30px;margin-top:33px}







/* ============================================================



  SECTION TEMOIGNAGE



============================================================ */



/*#temoignages .service-box{padding:5px;box-sizing:border-box}*/



#temoignages .service-box .entry-content{font-size:25px; font-family:'loraitalic';color:#000}



.client a{font-family:'latobold';color:#000;text-transform:uppercase;font-size: 13px;}



.light{color: #999}



/* ============================================================



  SECTION CHIFFRES CLES



============================================================ */



section#chiffres-cles img{width:100%}



/* ============================================================



  SECTION CAROUSEL



============================================================ */



#carousel {max-width: 800px;position:relative; margin: auto;}



#carousel ul {list-style: none;display: block;  margin: 0;padding: 0;/*width:100% !important;*/}



#carousel li {background:none !important;font-size: 15px;;text-align: center;max-width: 800px;width:100%;height: 310px;max-height:310px;    padding: 0;margin: 6px;/**/float: left;}



#carousel .prev, #carousel .next {background: transparent url(img/carousel_control.png) no-repeat 0 0;text-indent: -999px;display: block;overflow: hidden;width: 15px;height: 21px;margin-left: 10px;position: absolute;top: 70px;          }



#carousel .prev {background-position: 0 0;left: -30px;}



#carousel .prev:hover { left: -31px;}           



#carousel .next {background-position: -18px 0;right: -20px;}



#carousel .next:hover {right: -21px;}       



#prev,#next {cursor: pointer;}



.clearfix {float: none;clear: both;}



.clear{clear:both}



.hides{display:none}



.author a{color:#000 !important}



.entry-date{border-right:2px solid #349840 ;padding-right:5px;color:#000}



.home .entry-date{border-right:0}



.home .author{display:none}



.single .entry-date{border:0}



.single .by-author{display:none}



.single .entry-title, .single .entry-meta{margin-left:0px}



.single .entry-title{text-align:left;font-size:2em !important;font-family:'latobold'!important;color:#9f957a; font-weight: normal;}



.thumbnail{float:left}



.featured {max-width:350px;margin:0 20px 20px 0}



.featured img{float:left;}







/* ============================================================



  ARCHIVES



============================================================ */







.archive .entry-date{border:0;font-weight:bold;    text-transform: uppercase;font-size: 12px;}



.archive #content {background-color: #e6e6e6;}



.archive article{height:375px;max-width:886px;background:#fff}



.archive .entry-content{overflow: hidden;position: relative;height: 100%;}



.archive .entry-footer{ margin-top: 10px;    bottom: 20px;position: absolute;width: 100%;padding-right: 30px;}



.entry-content ul li{list-style-image:url(img/billet-202ecom-v6.png)}



.oddpost .archive-thumbnail img{float:left;}



.evenpost .archive-thumbnail img{float:right}



.picto{margin-top: 20px;}



.categorie{display:none}



/*IMAGES CAPTION*/



.desktop-footer{display:block}



.mobile-footer{display:none}



.excerpt p{margin-bottom:0}



.page-template-a-la-une-php .entry-date{border:0;font-weight:bold;    text-transform: uppercase;font-size: 12px;}



.page-template-a-la-une-php #content {background-color: #e6e6e6;}



.page-template-a-la-une-php article{height:375px;max-width:886px;background:#fff}



.page-template-a-la-une-php .entry-content{overflow: hidden;position: relative;height: 100%;}



.page-template-a-la-une-php .entry-footer{ margin-top: 10px;    bottom: 20px;position: absolute;width: 100%;padding-right: 30px;}



 .page-template-a-la-une-php .page-header .entry-title{   font-family: 'mohave';font-size: 3.7em;color:#000;text-align: center;margin-top: 20px;margin-bottom: 0;}











/* ============================================================



  BLOG



============================================================ */







.page-template-blog .entry-date{border:0;font-weight:bold;    text-transform: uppercase;font-size: 12px;}



.page-template-blog #content {background-color: #e6e6e6;}



.page-template-blog article{height:375px;max-width:886px;background:#fff}



.page-template-blog article.no-thumb{height:290px;}



.page-template-blog .entry-content{overflow: hidden;position: relative;height: 100%;}



.page-template-blog .entry-footer{ margin-top: 10px;    bottom: 20px;position: absolute;width: 100%;padding-right: 30px;}







/* ============================================================



 FOOTER



============================================================ */



#colophon{ min-height: 130px;background-color: #e6e6e6;padding: 30px;box-sizing: border-box;}



#colophon .textwidget{color:#000;font-size:12px;text-transform:none;margin:auto}



.footer-text .textwidget{text-align:left !important}



.site-info{box-sizing: border-box;}



.site-info .text-center{;padding-right:0;padding-left:0}



#colophon .site-description{padding-left:0;margin-top:0}



.footer-logo{margin-top:10px; display: inline-block;}



/* ============================================================



  PAGINATION ACTUALITES



============================================================ */



.custom-pagination{text-align: center;  margin-top: 2em;margin-bottom:5em;font-family:'latoregular';font-size:16px;margin-top: 0;}



.custom-pagination .span,



.custom-pagination a:hover {color: #349840 ;}



.custom-pagination a {display: inline-block;padding: 0 5px;text-decoration:none!important;}



.custom-pagination .span {border-right:1px solid #349840 !important;color:#000;}



.custom-pagination .span.page-num {margin-right: 10px;padding: 0;}



.custom-pagination .span.dots {padding: 0 2px;color: #000;}



.custom-pagination .current {padding:0 5px;font-weight:bold;text-decoration:none;border-right:1px solid #349840 !important;color:#349840 !important}



.custom-pagination .page-numbers{border-right:1px solid #349840 ;text-transform: uppercase;color:#000}



.custom-pagination .page-numbers:last-of-type {border: 0;text-transform: uppercase;color:#000}



.clear{clear:both}



.custom-pagination .current{height:16px !important}



.custom-pagination .prev{    border-right: 0;}



.nextposts:before{border-color: transparent transparent transparent  #349840;border-image: none;border-style: solid;border-width: 5px;content: "";left: 0; position: absolute;top: 5px;}



.nextposts{padding-left:10px;position:relative;font-family: "latoblack"}



/* ============================================================



  RESPONSIVE MEDIA QUERIES



============================================================ */















/* ============================================================



  IPHONE 5 LANDSCAPE    



============================================================ */



@media only screen and ( min-device-width: 320px )and ( max-device-width: 568px )and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape){



    body.logged-in .navbar-fixed-top{ top: 0px !important; }



    #secondary .widget{margin:10px}



    .comments-list{ background:none}



    .comments-list{ background:none;position:relative}



    .comment-list {padding-left: 50px; position: relative;margin-top:6em}



    .comments-title {font-size: 2.7em;font-family: 'mohave';text-align: left; background-color: #fff;padding: 15px;position: absolute;top: 0;left: 0;width: 100%;display: block;height: 74px;line-height: 42px;overflow: hidden;}



    .commentbloc {background: #eee;padding: 20px;}



    .archive-meta p{padding: 0 20px;}



    .navbar-default .navbar-toggle {color:#eee; background-color: transparent;border: 0;font-size:38px}



    .navbar-nav li:last-of-type{display:none}



    .navbar .nav{box-shadow:-10px 10px 28px 1px rgba(0,0,0,.2);-moz-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);-webkit-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);-o-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);}







    .nav .navbar-nav{width:300px;float:right} 



    .navbar-default .navbar-toggle:hover {background-color:#fff;color: #349840;border-radius:0;box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;-moz-box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;-o-box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;}



    .readmore{padding:4px;width:110px}



    #newsletter .single-section-heading {margin-top:15px;font-size:3em;margin-bottom: 25px;}



    section#newsletter{min-height:175px}



    .site-description {display: block;float: left;margin-top: 0;}



    .most-view ul{padding-left:115px !important}



    .most-view .widget ul:before {left: 0;top: 1em;margin-left: 0px !important;}



    .last-view ul{   margin: auto;width: auto;padding-right:130px;    padding-left: 0;}



    .last-view .widget ul:before{right: 0px;top: 0px;}



    .most-view-section, .last-view {padding: 10px 5px; margin-left: 0;margin-right:0}



    .single-section-heading{margin-top:0;margin-bottom: 0;}



    #blog,#engagement{display:none}



    .caroufredsel_wrapper,.carousel,#carousel,#carousel li{height:480px !important;width:350px !important;font-family:'Latoblack';font-size:12px}



    #temoignages .section-heading{margin-bottom:10px}



    #colophon .site-description {padding-left: 105px;}



    .archive .entry-footer .alignright {margin-left: 0;float: none;display:block}



    .archive .entry-footer .alignleft {margin-right: 0;}



    .flag{margin-top:-20px}



}







/* ============================================================



  IPHONE 5 PORTRAIT



============================================================ */



@media only screen and ( min-device-width: 320px )and ( max-device-width: 568px )and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait){



    body.logged-in .navbar-fixed-top{ top:0px !important; }



    blockquote{width: auto;}



    blockquote:before{display:none}



    .categorie{display:block;  margin: 10px}



    .prestation-box{   width: 270px;margin: auto;}



    .middle-bloc{padding-top:0}



    .archive .alignleft{font-size:9px}



    .archive .alignright{font-size:9px;display: block;float: none;}



    .single .alignleft,.single  .alignright {font-size: 11px;}



    .single section#post {padding: 0;}



    #blog .side{width:100%;height:70px}



    #blog .side .row{display:none}



    .blog-title{padding-top:0px;color:#fff}



    #portfolio .slider-btn{padding :5px 5px;font-size: 6px;



        margin-left: -6px;}



    .revert,.blog-follow{display:none}



    .patchwork-img{display:block}



    section#blog{min-height: 0px;height:231px;}



    section#blog .row .fisrt, section#blog .row .second{display:none}



    section#engagement ,section#chiffres-cles{display:none}



    .caroufredsel_wrapper,.carousel,#carousel,#carousel li{height:410px !important;width:300px !important;font-family:'Latoblack'}



    section h1{font-size: 2em;}



    section h2, .single-section-heading{font-size:2.5em}



    #colophon .textwidget{width:auto;text-align:justify}



    .site-info a >img{    margin-bottom: 0px;}



    .site-info .widget_text img{float:left;width:75px ;    margin-right: 10px;}



    .footer-text{margin-top:10px;padding-left:0;padding-right:0}



    .footer-logo { margin-top: 10px;    margin-bottom: 10px;}



    .excerpt p{font-size:11px}



    .archive .entry-footer{margin-top: 0px;padding-right:30px;padding-left:0;font-size: 10px;}







    .archive article {height: 200px;width: auto;}



    .archive .entry-header { padding-left: 0;}



    .archive .page-header{min-height:80px}







    .archive .entry-meta {margin-top: 0;margin-bottom: 0px !important;}



    .archive .entry-date{font-size:8px}



    .page-template-a-la-une-php .entry-footer{padding-right:0;padding-left:0;font-size: 10px;}







    .page-template-a-la-une-php article {height: 200px;width: auto;}



    .page-template-a-la-une-php .entry-header { padding-left: 0;}



    .page-template-a-la-une-php .page-header{min-height:80px}



    .page-template-a-la-une-php .entry-footer {margin-top: 0px;}



    .page-template-a-la-une-php .entry-meta {margin-top: 0;margin-bottom: 0px !important;}



    .page-template-a-la-une-php .entry-date{font-size:8px}



    .page-title{font-size:2.5em}



    .page-header{min-height:0}







    #temoignages .section-heading{margin-bottom:20px}



    #secondary .widget{margin:10px}



    #secondary  .widget_categories{display:none}



    #newsletter .section-heading{margin-bottom:20px;margin-top:20px}  



    #newsletter .single-section-heading {margin-top:15px;font-size:24px;margin-bottom: 25px;}



    #newsletter .newsbloc {width: 130px;font-size: 10px;padding: 8px 12px;}



    section#newsletter{min-height:150px}



    #contact .section-heading{display:none}



    #contact .subscription_email{margin-left:0!important;margin-left: 0!important; padding-left: 0;width: 295px}



    #contact .subscription_btn{width:125px}



    #contact .widget-title{margin-top:0px}



    #contact .widget{color:#fff !important}



    .categorie .widget{background:#fafafa}



    .DisplayCategoriesWidget #contact .widget-title{margin-top: 0}



    .site-info .container{padding-left:0;padding-right:0}



    #colophon .textwidget{font-size:10px}



    .site-description{   font-size: 11px;padding-left: 30px;}



     .alignleft-thumbnail {display: inline;margin-right: 0;float:none}



    .alignleft-thumbnail img{width:100%}



    .page-content, .entry-content, .entry-summary {padding: 10px;}



    .entry-content p {padding: 0px;}



    .single .entry-footer {height: 130px;}



    .evenpost .archive-thumbnail img,



    .oddpost .archive-thumbnail img{/*height: 200px;*/width: 90px;}



    .hides{display:block}



    h2 {font-size: 1.2em;margin-top:0;}



    .archive h2{margin-bottom:0;margin-top:10px}



    .page-template-a-la-une-php h2{margin-bottom:0;margin-top:10px}



    .navbar-collapse.collapse {display: none !important;}



    .navbar-collapse.collapse.in {display: block !important;}



    .navbar-header .collapse, .navbar-toggle {display:block !important;}



    .navbar-header {float:none;}



    .navbar-nav>li {float: none;border-bottom: 2px solid #fff;text-align: left;}



    .navbar-collapse.collapse.in {float: none;}



    .navbar-default {border:none;height:80px;}



    .navbar-nav{width:300px;margin:auto;background-color:#349840 !important;margin-top: 14px;}



    .navbar-default .navbar-nav>li>a {color: #fff;text-transform:uppercase;font-size:15px;padding:0px 6px 0 20px!important}



    .navbar-default .navbar-nav>li:hover{background:#fff}



    .navbar-default .navbar-nav>li>a:hover{color: #349840;}



    .navbar-default .navbar-nav>.active>a{background:#fff}



    .navbar-collapse{border-top:none}



     .nav .navbar-nav{float:none;margin:auto} 



    .navbar-fixed-top .navbar-collapse{max-height:1000px;overflow:visible}



    .navbar .nav{ box-shadow:-10px 10px 28px 1px rgba(0,0,0,.2);-moz-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);-webkit-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);-o-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);}



    .navbar-brand{padding: 15px 0 0 15px;height:auto}



    .navbar-brand>img {width:250px}



    .navbar-default .navbar-toggle {color:#eee; background-color: transparent;border: 0;font-size:38px}



    .navbar-nav li:last-of-type{display:none}



    .navbar-default .navbar-toggle:hover {background-color:#fff;color: #349840;border-radius:0;box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;-moz-box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;-o-box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;}



    .navbar-nav>li>a {line-height: 55px !important;}



    .navbar-default .navbar-toggle{font-size:30px}



     .navbar-toggle{padding:5px 10px;}



      .nav-links{padding-right: 15px;padding-left: 15px;}



    .comments-list{ background:none;}



    .comments-list{ background:none;position:relative}



    .comment-list {padding-left: 50px; position: relative;margin-top:6em}



    .comments-title {font-size: 2.7em;font-family: 'mohave';text-align: left; background-color: #fff;padding: 15px;position: absolute;top: 0;left: 0;width: 100%;display: block;height: 74px;line-height: 42px;overflow: hidden;}



    .commentbloc {background: #eee;padding: 20px;}



    .custom-pagination{font-size:11px;margin-top: 0;margin-bottom: 0px;}



    .custom-pagination .span,.custom-pagination a{border-right: 1px solid #349840;



        display: inline-block;



        padding: 0 3px;}



    .custom-pagination .current {padding: 0 3px;}



    .nextposts:before{top:3px}



    .wpcf7-text{width:100%}



    .archive-meta p{padding: 0 20px;font-size:17px}



    .flag {top: 75px;position: absolute;margin-top: -19px;right: 0;margin-right: 6px;}



    .readmore{padding:4px;width:110px;margin-bottom:10px}



    .archive .readmore{width: 70px;font-size:8px;margin-top:5px;margin-bottom:7px}



    .page-template-a-la-une-php .readmore{width: 70px;font-size:8px;margin-top:15px;margin-bottom:7px}



    .single #secondary {display:none}



    .single .desktop-footer{display:none}



    .fn,.commentbloc,.comment-meta{font-size:11px}



    .comment-list {padding: 30px 12px 30px 29px;}



    .vcard img{left:-40px}



    .reply {text-align: right;bottom: 0; position: absolute;right: 0; background-color: #e6e6e6;}



    .post-box-mini{padding:0;float:left}



    .patchwork-img{padding-right:0;padding-left:0}



    #services .container {padding-left: 0;background-color: #fff;width: 300px;margin: auto;}



    #services{background-color:#e6e6e6}



    .patchwork-img img{width:55px;height:160px}



    #contact .DisplayCategoriesWidget .widget-title{margin-top:0 !important}



    .widget-title {font-size: 14px !important;}



    #temoignages .service-box .entry-content{font-size:19px}



    .bread-crumps{font-size:11px;text-align:center}



    .single .attachment-featured {width: 100% !important;height: auto;}



    .entry-content ul{    padding: 26px;}



    .page .entry-meta{visibility:hidden}



    .page .page-header{min-height:90px}



    .featured-image {max-width: 100%;}



    .most-view ul, .most-read ul{width:auto}



    .most-view .widget a:before{top:8px}



}



/* ============================================================



  IPHONE 6 PORTRAIT



============================================================ */



@media only screen 



    and (min-device-width : 375px) 



    and (max-device-width : 667px) 



    and (orientation : portrait) 



    and (-webkit-min-device-pixel-ratio : 2){



    body.logged-in .navbar-fixed-top{ top: 0px !important; }



    .single .entry-footer {height: 160px;line-height: 45px;}



    .navbar-brand>img {width:300px !important}



    .navbar .nav{box-shadow:-10px 10px 28px 1px rgba(0,0,0,.2);-moz-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);-webkit-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);-o-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);}







    .navbar-nav li:last-of-type{display:none}



    .navbar-default .navbar-toggle {color:#eee; background-color: transparent;border: 0;font-size:38px}



    .navbar-default .navbar-toggle:hover {background-color:#fff;color: #349840;border-radius:0;box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;-moz-box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;-webkit-box-shadow: -1px 2px 10px 3px rgba(0,background-color:#fff 0, 0, 0.3) inset;-o-box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;}



    .comments-list{ background:none;position:relative}



    .comment-list {padding-left: 50px; position: relative;margin-top:6em}



    .comments-title {font-size: 2.7em;font-family: 'mohave';text-align: left; background-color: #fff;padding: 15px;position: absolute;top: 0;left: 0;width: 100%;display: block;height: 74px;line-height: 42px;overflow: hidden;}



    .commentbloc {background: #eee;padding: 20px;}



    .categorie .widget {background-color: #F5F5F5;padding: 20px 0;}



    .last-view ul{width: 270px; margin: auto;}



    section h2, .single-section-heading{font-size:3em}



    .hides {display:block !important}



    .archive .page-header{min-height:80px}



    .excerpt p{font-size:11px}



    .site-info .widget_text img{float:left;width: 85px;    margin-right: 15px;}



    .site-description {font-size: 13px !important;padding-left: 40px !important;}



    .readmore{   margin-bottom: 10px;}



    /*.entry-footer .alignright{margin-left: 0;display: block;font-family:'latoregular';}*/



    .site-info .widget_text img {float: left;width: 75px;margin-right:20px !important;}



    .page-title {font-size: 2.8em !important;}



    .archive-meta{font-size:18px}



    .comment-list {padding: 30px 12px 30px 29px;}



    .site-info a >img{    margin-bottom: 0px;}



    .patchwork-img{padding-right:0;padding-left:0}



    .patchwork-img{padding-right:0;padding-left:0}



    #services .container {padding-left: 0;background-color: #fff;width: 345px;margin: auto;}



    #services{background-color:#e6e6e6}



    .patchwork-img img{width:66px !important;height:160px}



    .prestation-box:last-of-type .title{margin-top:20px !important}



    .site-info .widget_text img {float: left;width: 85px !important;}



    #colophon .site-description {padding-left:0 !important}



    .archive .entry-footer { margin-top: 0px;}



    .page-template-a-la-une-php .entry-footer { margin-top: 0px;}



     .navbar-toggle{padding:5px 16px;}



     .flag {top: 75px;position: absolute;     margin-top: -16px;margin-left:27px !important}



     .body-logged-in{margin-top:0!important}



     #temoignages .service-box .entry-content{font-size:20px;} 



     .custom-pagination {font-size: 13px !important;}



     .single .attachment-featured {background-color:#e6e6e6;width: 100% !important;height: auto;padding-bottom: 25px;padding-left: 25px;padding-right: 25px;}



    #portfolio .slider-btn{margin-left:5px}



}



/* ============================================================



  IPHONE 6 LANDSCAPE



============================================================ */



@media only screen 



    and (min-device-width : 375px) 



    and (max-device-width : 667px) 



    and (orientation : landscape) 



    and (-webkit-min-device-pixel-ratio : 2)



{



    body.logged-in .navbar-fixed-top{ top: 0px !important; }



    #secondary .widget{margin:10px}



    .comments-list{ background:none;position:relative}



    .comment-list {padding-left: 50px; position: relative;margin-top:6em}



    .comments-title {font-size: 2.7em;font-family: 'mohave';text-align: left; background-color: #fff;padding: 15px;position: absolute;top: 0;left: 0;width: 100%;display: block;height: 74px;line-height: 42px;overflow: hidden;}



    .commentbloc {background: #eee;padding: 20px;}



    .archive-meta p{padding: 0 20px;}



    .navbar-toggle{padding:5px 10px;}



    .hides {display:block}



    .site-description {padding-left:33px}



    .most-view ul{width:auto;padding-left:225px}



    .most-view .widget ul:before {left: 0;top: 1em;margin-left: 105px;}



    .last-view ul{   margin: auto;width: auto;padding-right:200px;    padding-left: 0;}



    .last-view .widget ul:before{right: 67px;top: -10px;}



    .most-view-section, .last-view {padding: 10px 5px; margin-left: 0;margin-right:0}



    .single-section-heading{margin-top:0;margin-bottom: 0;}



    .archive .entry-footer{font-size: 11px}



    .alignleft{margin-right:0}



    .alignright{margin-left:0}



    #blog,#engagement{display:none}



    .caroufredsel_wrapper,.carousel,#carousel,#carousel li{height:480px !important;width:350px !important;font-family:'Latoblack';font-size:12px}



    #temoignages .section-heading{margin-bottom:10px}



    #contact .subscription_email {margin: 10px auto;display: block;}



    .flag{margin-top:-20px}



}







/* ============================================================



IPHONE 6 +



============================================================ */



@media only screen 



    and (min-device-width : 414px) 



    and (max-device-width : 736px)



    and (device-width : 414px)



    and (device-height : 736px)



    and (orientation : portrait) 



    and (-webkit-min-device-pixel-ratio : 3) 



    and (-webkit-device-pixel-ratio : 3)



{ 



.navbar-brand>img {width: 330px !important;}



.site-description {font-size: 14px !important;}



.site-info .widget_text img {float: left; width: 95px !important;}



#colophon .site-description {padding-left:0 !important}



.caroufredsel_wrapper,.carousel,#carousel,#carousel li{height:415px !important;width:350px !important;font-family:'Latoblack';font-size:12px}







}



@media only screen 



    and (min-device-width : 414px) 



    and (max-device-width : 736px) 



    and (orientation : landscape) 



    and (-webkit-min-device-pixel-ratio : 3) 



{



.most-view ul{padding-left:275px}



.most-view .widget ul:before {left: 0;top: 1em;margin-left: 157px;}



.last-view ul{   margin: auto;width: auto;padding-right:200px;    padding-left: 0;}



.last-view .widget ul:before{right: 67px;top: -10px;}



.most-view-section, .last-view {padding: 10px 5px; margin-left: 0;margin-right:0}



.single-section-heading{margin-top:0;margin-bottom: 0;}



.site-description {padding-left:33px}



#contact .subscription_email {margin: 10px auto;display: block;}



#blog,#engagement{display:none}



.caroufredsel_wrapper,.carousel,#carousel,#carousel li{height:480px !important;width:500px !important;font-family:'Latoblack';font-size:12px}



#temoignages .section-heading{margin-bottom:10px}



#contact .subscription_email {margin: 10px auto;display: block;}



.flag{margin-top:-20px}



}



































/* ============================================================



 SAMSUNG GALAXY



============================================================ */



@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){



  .navbar-brand>img {width: 295px;}  



  .site-description {font-size: 13px;padding-left: 38px;}



  .site-info .widget_text img {float: left; width: 90px !important;}



  section#newsletter {min-height: 145px;}



}



@media screen and (device-width: 360px) and (device-height: 640px) {



   .site-info .widget_text img {float: left; width: 90px !important;}  



   



}



















/* ============================================================



 BLACKBERRY



============================================================ */



@media only screen and (max-width: 1000px) and (orientation : portrait) {



.navbar-nav>li>a {line-height: 60px !important;}



.navbar-fixed-top .navbar-collapse {max-height: 600px;}



#last-view .single-section-heading{margin-top: 0px;margin-bottom: 20px;text-align: right; margin-right:30px;}



.last-view, .most-view{position: relative;margin: 0}



.most-view-section{width:auto;background:#fff;height:100%} 



.last-view ul li, .most-view ul li{line-height: 14px;font-size:10px}



.most-view ul{padding-left:70px}



.most-view-section, .last-view {padding: 10px 5px; margin-left: 0;margin-right:0}







.last-view .widget a, .most-view .widget a {font-size: 10px; display: block;}







.site-description{padding-left:35px}  



#engagement{display:none}







}







/* ============================================================



 LG OPTIMUS



============================================================ */



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



.navbar-brand>img {width:295px !important}



.site-description{font-size:13px}



#engagement{display:none}



/*.caroufredsel_wrapper,.carousel,#carousel,#carousel li{height:480px !important;width:350px !important;font-family:'Latoblack';font-size:12px}*/



#temoignages .section-heading{margin-bottom:10px}



}



/* ============================================================



NOKIA LUMIA



============================================================ */







@media screen and (device-width: 320px) {



.navbar-brand>img {width:250px !important}



.site-description{font-size:13px}



body.logged-in .navbar-fixed-top{ top:0px !important; }



 blockquote{width: auto;}



blockquote:before{display:none}



.categorie{display:block;  margin: 10px}



.prestation-box{   width: 270px;margin: auto;}



.middle-bloc{padding-top:0}



.alignleft, .alignright{font-size:8px}



.single .alignleft,.single  .alignright {font-size: 11px;}



.single section#post {padding: 0;}



#blog .side{width:100%;height:70px}



#blog .side .row{display:none}



.blog-title{padding-top:0px;}



.blog-title a{color:#fff}







.revert,.blog-follow{display:none}



.patchwork-img{display:block}



section#blog{min-height: 0px;height:231px;}



section#blog .row .fisrt, section#blog .row .second{display:none}



section#engagement ,section#chiffres-cles{display:none}



.caroufredsel_wrapper,.carousel,#carousel,#carousel li{height:400px !important;width:300px !important;font-family:'Latoblack'}



section h1{font-size: 2em;}



section h2, .single-section-heading{font-size:2.5em}



#colophon .textwidget{width:auto;text-align:justify}



.site-info a >img{    margin-bottom: 0px;}



/*.site-info .widget_text img{float:left;width:75px ;    margin-right: 10px;}*/



.footer-text{margin-top:10px;padding-left:0;padding-right:0}



.excerpt p{font-size:11px}



.archive .entry-footer{font-size: 10px;margin-top: 0px;}







.archive article {height: 200px;width: auto;}



.archive .entry-header { padding-left: 0;}



.archive .page-header{min-height:80px}







.archive .entry-meta {margin-top: 0;margin-bottom: 0px !important;}



.archive .entry-date{font-size:8px}



.page-template-a-la-une-php .entry-footer{padding-right:0;padding-left:0;font-size: 10px;}







.page-template-a-la-une-php article {height: 200px;width: auto;}



.page-template-a-la-une-php .entry-header { padding-left: 0;}



.page-template-a-la-une-php .page-header{min-height:80px}



.page-template-a-la-une-php .entry-footer {margin-top: 0px;}



.page-template-a-la-une-php .entry-meta {margin-top: 0;margin-bottom: 0px !important;}



.page-template-a-la-une-php .entry-date{font-size:8px}



.page-title{font-size:2.5em}



.page-header{min-height:0}







#temoignages .section-heading{margin-bottom:20px}



#secondary .widget{margin:10px}



#secondary .fb-container a.rss{



    display: none;



    opacity: 0;



    color:#fff;



}



#secondary  .widget_categories{display:none}



#newsletter .section-heading{margin-bottom:20px;margin-top:20px}  



#newsletter .single-section-heading {margin-top:15px;font-size:24px;margin-bottom: 25px;}



#newsletter .newsbloc {width: 130px;font-size: 10px;padding: 8px 12px;}



section#newsletter{min-height:150px}



#contact .section-heading{display:none}



#contact .subscription_email{margin-left:0!important;margin-left: 0!important; padding-left: 0;width: 295px}



#contact .subscription_btn{width:125px}



#contact .widget-title{margin-top:0px !important}



#contact .widget{color:#fff !important}



.categorie .widget{background:#fafafa}



.DisplayCategoriesWidget #contact .widget-title{margin-top: 0}



.site-info .container{padding-left:0;padding-right:0}



#colophon .textwidget{font-size:10px}



.site-description{   font-size: 11px;padding-left: 30px;}



.alignleft-thumbnail {display: inline;margin-right: 0;width: 100%;float:none}



.alignleft-thumbnail img{width:100%}



.page-content, .entry-content, .entry-summary {padding: 10px;}



.entry-content p {padding: 0px;}



.single .entry-footer {height: 130px;}



.evenpost .archive-thumbnail img,



.oddpost .archive-thumbnail img{height: 200px;width: 90px;}



.hides{display:block}



h2 {font-size: 1.2em;margin-top:0;}



.archive h2{margin-bottom:0;margin-top:10px}



.page-template-a-la-une-php h2{margin-bottom:0;margin-top:10px}



.navbar-collapse.collapse {display: none !important;}



.navbar-collapse.collapse.in {display: block !important;}



.navbar-header .collapse, .navbar-toggle {display:block !important;}



.navbar-header {float:none;}



.navbar-nav>li {float: none;border-bottom: 2px solid #fff;text-align: left;}



.navbar-collapse.collapse.in {float: none;}



.navbar-default {border:none;height:80px;}



.navbar-nav{width:300px;margin:auto;background-color:#349840 !important;margin-top: 14px;}



.navbar-default .navbar-nav>li>a {color: #fff;text-transform:uppercase;font-size:15px;padding:0px 6px 0 20px!important}



.navbar-default .navbar-nav>li:hover{background:#fff}



.navbar-default .navbar-nav>li>a:hover{color: #349840;}



.navbar-default .navbar-nav>.active>a{background:#fff}



.navbar-collapse{border-top:none}



 .nav .navbar-nav{float:none;margin:auto} 



.navbar-fixed-top .navbar-collapse{max-height:1000px;overflow:visible}



.navbar .nav{box-shadow:-10px 10px 28px 1px rgba(0,0,0,.2);-moz-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);-webkit-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);-o-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);}







.navbar-brand{padding: 15px 0 0 15px;height:auto}



.navbar-brand>img {width:250px}



.navbar-default .navbar-toggle {color:#eee; background-color: transparent;border: 0;font-size:38px}



.navbar-nav li:last-of-type{display:none}



.navbar-default .navbar-toggle:hover {background-color:#fff;color: #349840;border-radius:0;box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;-moz-box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;-o-box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;}



.navbar-nav>li>a {line-height: 50px !important;}



.navbar-default .navbar-toggle{font-size:30px}



.navbar-toggle{padding:5px 10px;}



.nav-links{padding-right: 15px;padding-left: 15px;}



.comments-list{ background:none;}



.comments-list{ background:none;position:relative}



.comment-list {padding-left: 50px; position: relative;margin-top:6em}



.comments-title {font-size: 2.7em;font-family: 'mohave';text-align: left; background-color: #fff;padding: 15px;position: absolute;top: 0;left: 0;width: 100%;display: block;height: 74px;line-height: 42px;overflow: hidden;}



.commentbloc {background: #eee;padding: 20px;}



.custom-pagination{font-size:11px;margin-top: 0;margin-bottom: 0px;}



.custom-pagination .span,.custom-pagination a{border-right: 1px solid #349840;



    display: inline-block;



    padding: 0 3px;}



.custom-pagination .current {padding: 0 3px;}



.nextposts:before{top:3px}



.wpcf7-text{width:100%}



.archive-meta p{padding: 0 20px;font-size:17px}



.flag {top: 75px;position: absolute;margin-top: -19px;right: 0;margin-right: 6px;}



.readmore{padding:4px;width:110px;margin-bottom:10px}



.archive .readmore{width: 70px;font-size:8px;margin-top:5px;margin-bottom:5px}



.page-template-a-la-une-php .readmore{width: 70px;font-size:8px;margin-top:15px;margin-bottom:7px}



.single #secondary {display:none}



.single .desktop-footer{display:none}



.fn,.commentbloc,.comment-meta{font-size:11px}



.comment-list {padding: 30px 12px 30px 29px;}



.vcard img{left:-40px}



.reply {text-align: right;bottom: 0; position: absolute;right: 0; background-color: #e6e6e6;}



.post-box-mini{padding:0;float:left}



.patchwork-img{padding-right:0;padding-left:0}



#services .container {padding-left: 0;background-color: #fff;width: 300px;margin: auto;}



#services{background-color:#e6e6e6}



.patchwork-img img{width:55px;height:160px}



#contact .DisplayCategoriesWidget .widget-title{margin-top:0 !important}



.widget-title {font-size: 14px !important;}



#temoignages .service-box .entry-content{font-size:19px}



.bread-crumps{font-size:11px;text-align:center}



.single .attachment-featured {background-color: #e6e6e6;width: 100% !important;height: auto;padding-left: 25px;padding-right: 25px;}



.entry-content ul{    padding: 26px;}



.page .entry-meta{visibility:hidden}



.page .page-header{min-height:90px}



.featured-image {max-width: 100%;}



.most-view ul, .most-read ul{width:auto}



.most-view .widget a:before{top:8px}



}











/* ============================================================



  Prestations



============================================================ */







.prestations ul {



    width: 660px;



    margin:0 auto;



}







.prestations ul li{



    width: 100%;



    list-style:none;



    margin-bottom: 30px;



}



.prestations ul li h4 a{



    color:black;



}







.prestations ul li h4 a:before{



    background: url(img/billet-202ecom-v6.png);



    display: inline-block;



    content:" ";



    width:5px;



    height:9px;



    margin-right: 5px;



}







.prestations ul li h4 a:hover{



    text-decoration : underline;



}











.prestations ul li .content-left{



    float: left;



}







.prestations ul li .content-left img{



    display: block;



    margin:0 auto;



}







.prestations ul li:nth-child(odd) .content-left:nth-child(1){



    width:60%;



}







.prestations ul li:nth-child(odd) .content-left:nth-child(2){



    width:40%;



}







.prestations ul li:nth-child(even) .content-left:nth-child(1){



    width:40%;



}







.prestations ul li:nth-child(even) .content-left:nth-child(2){



    width:60%;



}











/* ============================================================



  Modules Prestashop



============================================================ */







.ask,



.ask .slide



{



    color:#000;



}







.ask .slide:after{



    width:20px;



    height: 20px;



    display: inline-block;



    background: url(img/fleche.gif) no-repeat center center;



    content:" ";



    vertical-align: middle;



    margin: 0 10px;



    -webkit-transition: 0.3s all;



    -o-transition: 0.3s all;



    transition: 0.3s all;



}







.ask.open .slide:after{



    -ms-transform: rotate(-180deg); /* IE 9 */



    -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */



    transform: rotate(-180deg);



}







.ask .slide{



    font-size: 15px;



    display: inline-block;



    margin-right: 20px;



    cursor:pointer;



}







.ask .answer{



    display: none;



    padding-left: 75px;



}







.ask .answer a {



    color:#000;



}







.ask .answer a:before {



    background: url(img/billet-202ecom-v6.png);



    display: inline-block;



    content: " ";



    width: 5px;



    height: 9px;



    margin-right: 5px;



}







.icon-module-01,



.icon-module-02,



.icon-module-03,



.icon-module-04,



.icon-module-05,



.icon-module-06 {



    background-image: url(img/icon-s9640363b1a.png);



    background-repeat: no-repeat;



    display: inline-block;



    vertical-align: middle;



    margin-right: 20px;



}







.icon-module-01 {



    background-position: 0 0;



    height: 55px;



    width: 55px;



}







.icon-module-02 {



  background-position: 0 -55px;



  height: 55px;



  width: 55px;



}







.icon-module-03 {



  background-position: 0 -110px;



  height: 55px;



  width: 55px;



}







.icon-module-04 {



  background-position: 0 -165px;



  height: 55px;



  width: 55px;



}







.icon-module-05 {



  background-position: 0 -220px;



  height: 55px;



  width: 55px;



}







.icon-module-06 {



  background-position: 0 -275px;



  height: 55px;



  width: 55px;



}







/* ============================================================



  Agences



============================================================ */



.content-agence .agence-bloc .content-left{



    float:left;



}







.content-agence .agence-bloc p{



    line-height: 20px;



}







.content-agence .agence-bloc{



    margin:20px 0 50px;



}







/*.content-agence .agence-bloc:nth-child(1) .content-left:nth-child(2),



.content-agence .agence-bloc:nth-child(2) .content-left:nth-child(1),



.content-agence .agence-bloc:nth-child(3) .content-left:nth-child(2),



.content-agence .agence-bloc:nth-child(4) .content-left:nth-child(1),



.content-agence .agence-bloc:nth-child(5) .content-left:nth-child(2)



{



    width:60%;



}*/







.content-agence .agence-bloc:nth-child(2) .content-left:nth-child(2),



.content-agence .agence-bloc:nth-child(4) .content-left:nth-child(2){



    border-right: 1px solid #9e967a;



}







.content-agence .agence-bloc:nth-child(1) .content-left:nth-child(2),



.content-agence .agence-bloc:nth-child(3) .content-left:nth-child(2),



.content-agence .agence-bloc:nth-child(5) .content-left:nth-child(2){



    border-left: 1px solid #9e967a;



}







.content-agence .agence-bloc:nth-child(1) .content-left:nth-child(1) img{



    margin-top: 30px;



}







.content-agence .agence-bloc:nth-child(2) .content-left:nth-child(2) img,



.content-agence .agence-bloc:nth-child(5) .content-left:nth-child(1) img{



    margin:0 auto;



    display: block;



}







.content-agence .agence-bloc .display-mobile{



    display: none;



}



.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: none;}



/* ============================================================



  IPAD 3&4



============================================================ */



/* ============================================================



  TABLET PORTRAIT



============================================================ */



@media only screen and ( min-device-width: 768px ) and ( max-device-width: 1024px ) and ( orientation: portrait ) and (-webkit-min-device-pixel-ratio: 1) {



    .single #secondary{display:none}



    .single .container {padding-left: 30px;padding-right: 30px;}



    .single #masthead .container{padding-left:15px;padding-right:15px}



    .page .container{padding-left: 15px;padding-right: 15px;}



    .single #masthead .container,.archive #masthead .container,.page #masthead .container,.page-template-a-la-une-php #masthead .container{width:768px !important}



    .page-template-home .container{width:750px !important}



    .page #secondary{display:none}



    #blog .container {padding-left: 15px !important;padding-right: 15px !important;}



    #blog .container{width: 760px;margin: auto;}



    #blog .side {background-color: #9a917a;height:523px;width: 180px;}



    .post-box h2{font-size: 16px !important;}



    #services .col-sm-6{    padding-left: 56px;}



    #services  .row{margin-left:0;margin-right:0}



    .blog-title {padding-top: 0;}



    .blog-title a{color: #fff;}



    .bloc:last-of-type { height:200px;}



    .side .first{margin-bottom:70px}



    .caroufredsel_wrapper,.carousel,#carousel,#carousel li{height:355px !important;width:600px !important;margin:auto;font-family:'Latoblack'}



    #engagement .col-sm-6{padding-left:0px !important;padding-right:0px !important}



    .engagement-box .col-lg-10 {    padding-left: 45px;}



    .single .entry-content p{     padding: 0 20px 0 20px;}



    .excerpt p{font-size:11px}



    .archive .container {padding-left: 15px;padding-right: 15px;}



    .archive article {height: 200px;}



    .archive-meta{font-size:20px}



    .archive-thumbnail img{width:190px;height:200px}



    .archive .entry-date{font-size:8px}



    .archive .entry-meta {margin-top: 0px !important;margin-bottom: 0px !important;}



    .archive .entry-footer {height: auto;margin-top: -4px;}



    .archive .cat-links a{font-family:'mohave';font-size: 11px;}



    .archive .entry-title {font-size: 1em;margin-top: 10px;margin-bottom:0;padding-right: 5px;}



    .archive section h1 {font-size: 3em;}



    .page-template-a-la-une-php .container {padding-left: 15px;padding-right: 15px;}



    .page-template-a-la-une-php  .entry-footer {height: auto;}



    .page-template-a-la-une-php  article {height: 200px;}



    .page-template-a-la-une-php  .entry-date{font-size:8px}



    .page-template-a-la-une-php .entry-meta {margin-top: 0px !important;margin-bottom: 0px !important;}



    .page-template-a-la-une-php  .cat-links a{font-family:'mohave';font-size: 11px;}



    .page-template-a-la-une-php  .entry-title {font-size: 1em;margin-top: 10px;margin-bottom:0;padding-right: 5px;}



    .page-template-a-la-une-php  section h1 {font-size: 3em;}



    .desktop-footer{display:none}



    .mobile-footer{display:block}



    .footer-logo {margin-top: 10px;margin-bottom: 10px;}



    .readmore { margin-top: 5px;font-size: 9px;width: 124px; padding: 3px 0px; margin: 7px 0;}



    section#blog {min-height: 500px;}



    section#most-view,section#most-read{background:#fff;height:210px}



    .fn{font-size:12px !important}



    .single #most-view,.single #last-view{display:none}



    #last-view .single-section-heading{margin-top: 0px;margin-bottom: 0px;text-align: right; margin-right:30px;}



    #most-view .single-section-heading{margin-top: 0px;margin-bottom: 0px;text-align:left}



    .single .alignleft { margin-right: 20px;}



    .single .entry-content h1,.single .entry-content h2,.single .entry-content h3,.single .entry-meta{padding:0 20px 0 20px}



    #most-view {margin-right: 0;margin-left: 0;    height: 100%;width: 546px;}



    #last-view, #most-view {height: 200px;position: relative;padding:0;}



    .last-view, .most-view{position: relative;margin: 0}



    .most-view-section{width:auto;background:#fff;margin-left:15px;margin-right:15px;height:100%} 



    .most-view-section,.last-view-section {width: auto;    padding: 10px;}



    .last-view ul, .most-view ul {line-height: 15px;}



    .most-view ul{padding-left:90px;width:auto}



    .most-view .widget ul:before {content: '';background: url(img/iconflash.png); position: absolute;background-size: cover;    width: 75px;   height: 75px;left: 0;top:1em;margin-left: 0;}



    .last-view ul{   margin: auto;width: auto;padding-right: 120px;}



    .last-view .widget ul:before{ width: 75px;height: 75px;right: 15px;top: 10px;}



    .engagement-box .col-sm-2 {padding-right: 0;padding-left: 0;}



    .engagement-box img { margin-top: 25px; margin-left: 0px;}



    .engagement-box h3{margin-top: 15px !important}



    #secondary .widget li {padding: 5px 5px 0px 0px !important;font-size:11px}



    #secondary{padding-left:0 !important}



    .fbf-text{padding-left:30px}



    .custom-pagination{font-size:14px;margin-top: 0;margin-bottom: 16px;}







    .textwidget a{padding-left:0} 



    .widget a{font-size:11px; max-width: 86px;}



    #contact .widget a{font-size:14px}



    .navbar-nav>li>a {line-height: 60px !important;}



    .archive .navbar-toggle{margin-right:0}



    .flag {right: 100px;position:absolute;    top: 90px;}



    .bread-crumps {height: 30px;line-height: 30px;}



    #colophon .site-description {padding-left: 0;margin-top: 0px;}



    #secondary .widget-title{font-size:14px !important;padding: 0 20px;}



    #newsletter .newsbloc{font-size:12px}



    #secondary .widget ul{padding:30px}



    #services .container {padding-left: 0px;padding-right: 50px;}



    .rss{margin-left:0px}



    .li{margin-left: 13px;}



    .blog-box-caption{top:0;max-width:160px;max-height:140px}



    .blog-box {width: 160px;height: 140px;display: block; position: relative; margin: 0 auto; max-width: 650px;}



    .nextposts:before{top:3px}



}







/* ============================================================



  TABLET LANDSCAPE



============================================================ */



@media only screen and ( min-device-width: 768px ) and ( max-device-width: 1024px ) and ( orientation: landscape ) and (-webkit-min-device-pixel-ratio: 1) {



    .archive .container{padding-right:15px;padding-left:15px}



    .archive article{width:auto;height:375px;}



    .page-template-a-la-une-php .container{padding-right:15px;padding-left:15px}



    .page-template-a-la-une-php article{width:auto;height:375px;}



    .page-template-a-la-une-php .alinright{margin-left:0}



    .page-template-a-la-une-php .alignleft{margin-right:0}



    .archive-thumbnail img{width: 350px;height: 375px}



    .single .container {padding-left: 30px;padding-right: 30px;}



    .page .container{padding-left: 15px;padding-right: 15px;}



    .single #masthead .container{padding-left:15px;padding-right:15px}



    .entry-footer {height: 25px;line-height: 25px;margin-top: 10px;}



    .fbf-text{padding:5px 0 0 10px}



    .post-box h3{font-size: 20px !important;}



    .custom-pagination{margin-bottom:1em}



    .fn {font-size:12px !important}



    #secondary .widget ul{padding-left: 30px;padding-right: 30px;text-align: left;text-transform: none;}



    .engagement-box img{vertical-align: initial;width:62px;height:62px;}



    .engagement-box .entry-content{margin-left:0;width: 85%;}



    .engagement-box .entry-content{padding:0}



    .engagement-box .entry-content {display: inline-block;margin-left: 0;}



    #colophon .widget{margin-bottom:20px}



    #colophon .textwidget{   width: 300px;margin: auto;text-align: left;}



    .footer-logo {margin-top: 10px;margin-bottom: 10px;}



    #blog .container {padding-left: 15px !important;padding-right: 15px !important;}



    #blog .container{width: 1000px;margin: auto;}



    #blog .side {background-color: #9a917a;height: 682px;width: 240px;}



    .blog-box-caption{top:0;max-width:220px;max-height:220px}



    .blog-box {width: 220px;height: 220px;display: block; position: relative; margin: 0 auto;max-width: 650px;}



    .side .first{margin-bottom:105px}



    .bloc:last-of-type {height: 225px;}



    .single-section-heading{text-align:center}



    .single #most-view,.single #last-view{display:none}



    .single .entry-content h1,.single .entry-content h2,.single .entry-content h3,.single .entry-meta{padding:0 20px 0 20px}



    .page-header .archive-meta{padding: 0 100px;}



    .navbar .nav{box-shadow:-10px 10px 28px 1px rgba(0,0,0,.2);-moz-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);-webkit-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);-o-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);}







    .navbar-default .navbar-toggle {color:#eee; background-color: transparent;border: 0;font-size:38px}



    .navbar-nav li:last-of-type{display:none}



    .navbar-default .navbar-toggle:hover {color: #349840;border-radius:0;box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;-moz-box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;-webkit-box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;-o-box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;}



    .navbar-default .navbar-toggle:hover{background-color:#fff}



    .navbar-toggle{padding:5px 16px;}



    .navbar-nav>li>a {line-height: 60px !important;}



    .flag {position:absolute;right: 120px;top: 90px;}







    .archive .entry-content p {padding: 0;}



    .page-template-a-la-une-php .entry-content p {padding: 0;}



    #engagement .col-md-10{padding-left:0} 



    .widget li {padding: 5px 0 0px 0px;}



    .wpp-list li,.rss{padding: 5px 0 0px 10px;}



    .rss{margin-left:-10px}



    .li{   margin-left: 13px;}



}







@media (min-width:880px) and (max-width: 1120px) {







    .site-description{color:#9a917a;font-size: 15px;padding-left: 16px;line-height: 1.1;display: block}



    .navbar-nav > li:last-of-type{display:none}



    .nav>li>a{ font-family:'latobold';padding: 0px 8px !important;text-transform:uppercase ;font-size:12px  }







}



/* ============================================================



 BOOTSTRAP MENU FIX



============================================================ */



@media (min-width:380px) and (max-width: 1000px) {



    .navbar-collapse.collapse { display: none !important;}



    .navbar-collapse.collapse.in {display: block !important;}



    .navbar-header .collapse, .navbar-toggle {display:block !important;}



    .navbar-header {float:none;}



    .navbar-nav>li {float: none;border-bottom: 2px solid #fff;text-align: left;}



    .navbar-default {border:none;height:80px;margin-top:0}



    .navbar-nav{background-color:#349840 !important;float:right;margin:0}



    .navbar-default .navbar-nav>li>a {color: #fff;text-transform:uppercase;font-size:15px;padding:0px 6px 0 20px!important;line-height: 60px !important;}



    .navbar-default .navbar-nav>li:hover{background:#fff}



    .navbar-default .navbar-nav>li>a:hover{color: #349840;}



    .navbar-default .navbar-nav>.active>a{background:#fff}



    .navbar .nav{box-shadow:-10px 10px 28px 1px rgba(0,0,0,.2);-moz-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);-webkit-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);-o-box-shadow: -10px 10px 28px 1px rgba(0,0,0,.2);}







    .navbar-default .navbar-toggle {color:#eee; background-color: transparent;border: 0;font-size:38px}



    .navbar-default .navbar-toggle:hover {background-color:#fff;color: #349840;border-radius:0;box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;-moz-box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;-o-box-shadow:-1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;}



    .navbar-toggle{padding:5px 16px;}



    .nav .navbar-nav{width:300px;float:right} 



    .navbar-nav > li:last-of-type{display:none}



    .flag{position: absolute;top: 30px;right: 80px;margin: 0;}



}











.span.pages-numbers.current{height:14px !important}



/* ============================================================



 SOCIAL ICONS 



============================================================ */



.icon-link {



  width: 60px;



  height: 60px;



  background-color: #666;



  line-height: 60px;



  text-align: center;



  vertical-align: middle;



  display: inline-block;



  cursor: pointer;



  outline: none;



  margin: 5px;



  box-sizing: content-box;



}



.icon-link.fill.facebook {



  background-color: #3b5998;



}



.icon-link.fill.facebook:hover {



  background-color: #fff;



}



.icon-link.fill.facebook:hover .fa-facebook {



  color: #3b5998;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link.fill.tumblr {



  background-color: #32506d;



}



.icon-link.fill.tumblr:hover {



  background-color: #fff;



}



.icon-link.fill.tumblr:hover .fa-tumblr {



  color: #32506d;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link.fill.linkedin {



  background-color: #007bb6;



}



.icon-link.fill.linkedin:hover {



  background-color: #fff;



}



.icon-link.fill.linkedin:hover .fa-linkedin {



  color: #007bb6;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link.fill.twitter {



  background-color: #00aced;



}



.icon-link.fill.twitter:hover {



  background-color: #fff;



}



.icon-link.fill.twitter:hover .fa-twitter {



  color: #00aced;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link.fill.google-plus {



  background-color: #dd4b39;



}



.icon-link.fill.google-plus:hover {



  background-color: #fff;



}



.icon-link.fill.google-plus:hover .fa-google-plus {



  color: #dd4b39;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link.fill.reddit {



  background-color: #8bbbe3;



}



.icon-link.fill.reddit:hover {



  background-color: #fff;



}



.icon-link.fill.reddit:hover .fa-reddit {



  color: #8bbbe3;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link.fill.youtube {



  background-color: #df1c31;



}



.icon-link.fill.youtube:hover {



  background-color: #fff;



}



.icon-link.fill.youtube:hover .fa-youtube {



  color: #df1c31;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link.fill.pinterest {



  background-color: #b81621;



}



.icon-link.fill.pinterest:hover {



  background-color: #fff;



}



.icon-link.fill.pinterest:hover .fa-pinterest {



  color: #b81621;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link.fill.github {



  background-color: #444;



}



.icon-link.fill.github:hover {



  background-color: #fff;



}



.icon-link.fill.github:hover .fa-github {



  color: #444;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link.fill.envelope {



  background-color: #333;



}



.icon-link.fill.envelope:hover {



  background-color: #fff;



}



.icon-link.fill.envelope:hover .fa-envelope {



  color: #333;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link.fill.soundcloud {



  background-color: #f50;



}



.icon-link.fill.soundcloud:hover {



  background-color: #fff;



}



.icon-link.fill.soundcloud:hover .fa-soundcloud {



  color: #f50;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link.brand {



  background-color: #fff;



}



.icon-link.brand .fa {



  color: #006FC2;



}



.icon-link.round {



  border-radius: 50%;



}



.icon-link.round-corner {



  border-radius: 5px;



}



.icon-link:hover {



  -webkit-transition: background-color 150ms ease-in-out;



  transition: background-color 150ms ease-in-out;



  height: 56px;



  line-height: 56px;



  width: 56px;



  background-color: #fff;



}



.icon-link:hover.facebook {



  border: 2px solid #3b5998;



}



.icon-link:hover.tumblr {



  border: 2px solid #32506d;



}



.icon-link:hover.linkedin {



  border: 2px solid #007bb6;



}



.icon-link:hover.twitter {



  border: 2px solid #00aced;



}



.icon-link:hover.google-plus {



  border: 2px solid #dd4b39;



}



.icon-link:hover.reddit {



  border: 2px solid #8bbbe3;



}



.icon-link:hover.youtube {



  border: 2px solid #df1c31;



}



.icon-link:hover.pinterest {



  border: 2px solid #b81621;



}



.icon-link:hover.github {



  border: 2px solid #444;



}



.icon-link:hover.envelope {



  border: 2px solid #333;



}



.icon-link:hover.soundcloud {



  border: 2px solid #f50;



}



.icon-link:hover .fa {



  line-height: 56px;



}



.icon-link:hover .fa-facebook {



  color: #3b5998;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link:hover .fa-tumblr {



  color: #32506d;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link:hover .fa-linkedin {



  color: #007bb6;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link:hover .fa-twitter {



  color: #00aced;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link:hover .fa-google-plus {



  color: #dd4b39;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link:hover .fa-reddit {



  color: #8bbbe3;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link:hover .fa-youtube {



  color: #df1c31;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link:hover .fa-pinterest {



  color: #b81621;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link:hover .fa-github {



  color: #444;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link:hover .fa-envelope {



  color: #333;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link:hover .fa-soundcloud {



  color: #f50;



  -webkit-transition: color 150ms ease-in-out;



  transition: color 150ms ease-in-out;



}



.icon-link .fa {



  color: #fff;



  line-height: 60px;



  font-size: 36px;



}







.brand-icons {



  background-color: #ddd;



  padding: 10px 0;



}



.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{



    background-color: #fff;



    border: none;



}







.dropdown-menu{



    background-color: #349840;



    padding:0;



    border: none;



}







.dropdown-menu > li>a {



    color: #fff;



}







.dropdown-menu .menu-item a:before {



    content: ">";



    margin-right: 5px;



}







.dropdown-menu > li > a:hover {



    color: #d3d3d3;



    text-decoration: none;



    background-color: transparent;



}







.dropdown-menu .custom_menu{



    margin-left: -160px;



    padding-top: 20px;



}







.dropdown-menu>.active>a,



.dropdown-menu>.active>a:focus,



.dropdown-menu>.active>a:hover {



    background-color: transparent;



}







#menu-item-5946 .dropdown-menu,



#menu-item-6050 .dropdown-menu {



    padding: 0;



}







.open .dropdown-menu{



    background-image: url(img/fleche_menu.svg);



    background-repeat: no-repeat;



    background-position: top left 30px;



    padding-top: 20px;



    padding-bottom: 10px;



}







.custom_menu {



    min-width: 500px;



    padding: 10px 0;    



    background-image: url(img/fleche_menu.svg);



    background-repeat: no-repeat;



    background-position: top center;



    background-color: #349840;



}







.custom_menu ul {



    float: left;



    padding:0;



    width: 250px;



}







.custom_menu > ul > li {



    display: block;



}







.custom_menu > ul > li > a{



    color: #fff;



    display: block;



    padding: 3px 10px;



    line-height: 1.42857143;



}







.custom_menu > ul > li > a:hover {



    color: #d3d3d3;



    text-decoration: none;



    background-color: transparent;



}







.custom_menu > ul > li:not(.head_list) > a:before{



    content: ">";



    margin-right: 5px;



}







.custom_menu .head_list{



    font-weight: bold;



    padding-bottom: 5px;



    padding-left: 0px;



    font-size: 18px;



    text-transform: uppercase;



    color:#fff;



    text-align: center;



}







.custom_menu > ul{



    padding:5px;



}







.custom_menu > ul:nth-child(1){



    border-right: 1px solid #fff;



}



















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



    



    .footer-logo img{



        display: block;



        margin: 0 auto;



    }







    .footer-logo p.site-description{



        text-align: center;



        width: 100%;



    }







    #colophon .textwidget{



        width:400px;



        margin:0 auto;



    }



}







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



    



    .site-main .entry-content .entry-title{



        font-size: 25px;



    }



}







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



    .blog-box{



        min-height: 240px;



    }



}







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



    .navbar-nav {



        margin: 7.5px 0;



        /*width: 100%;*/



    }







    .page-template-blog article{



        height:400px;



    }







    .custom_menu ul {



        float: none;



    /*  padding:0;



        width: 250px; */



    }







    .dropdown-menu .custom_menu {



        margin-left: 0px;



        padding-top: 0px;



    }



    .navbar-nav .open .dropdown-menu {



        position: static;



        float: none;



        width: auto;



        margin-top: 0;



        background-color: transparent;



        border: 0;



        -webkit-box-shadow: none;



        box-shadow: none;



    }







    .dropdown-menu > li>a {



        color: #777;



    }







    .dropdown-menu > li>a:hover {



        color: #333;



    }







    .custom_menu {



        min-width: 100%;



        background: #fff;



    }







    .custom_menu > ul > li > a{



        color: #777;



    }







    .custom_menu > ul > li > a:hover {



        color: #333;



    }







    .custom_menu .head_list{



        color: #777;



        text-align: left;



        padding-left: 15px;



    }



    .open .dropdown-menu{



        padding-top: 0px;



    }



    .navbar-default .navbar-nav>li:hover{background:#fff}



    .post-box h2{



        margin-top: 10px;



        font-size: 18px;



        height: 57px;



        overflow: hidden;



    }



    #blog .blog-col{



        /*max-height: 220px;*/



    }



    .blog-box.post_thumbnail a{



        /*min-height: 1px;*/



        width:100%;



        height:100%;



        display: block;



    }



    #blog .blog-follow {



        margin: 20px auto;



    }







    #blog .middle-bloc{



        padding-bottom: 0;



    }







    .archive-thumbnail img {



        width: 40%;



        height: auto;



    }







    .site-main .entry-content .entry-title{



        font-size: 20px;



        margin-top: 10px;



    }







    .site-main .entry-content .excerpt p{



        min-height: 200px;



        overflow: hidden;



    }







    .blog-box .blog-box-caption .blog-box-caption-content .blog-category {



        padding: 0 5px;



        font-size: 12px;



    }



    .navbar-default .navbar-brand {



        color: #777;



        width: 80%;



    }







    .prestations ul {



        width: 100%;



        margin:0 auto;



    }











    .archive article{



        height: 315px;



    }



}  











.content-agence .agence-bloc img{



    display: block;



    margin: 0 auto;



    text-align: center;



}







.content-agence .agence-bloc .display-mobile{



    display: none;



}







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







    .content-agence .agence-bloc .display-mobile img{



        margin: 0 auto 15px;



    }







    .content-agence .agence-bloc p {



        border:none;



    }







    .content-agence .agence-bloc .display-mobile{



        display: block;



    }







    .content-agence .agence-bloc .display-none-mobile{



        display: none;



    }







    .content-agence .agence-bloc img{



        margin-bottom: 15px;



    }







    .content-agence .agence-bloc:nth-child(2) .content-left:nth-child(2),



    .content-agence .agence-bloc:nth-child(4) .content-left:nth-child(2){



        border:none;



    }







    .content-agence .agence-bloc:nth-child(1) .content-left:nth-child(2),



    .content-agence .agence-bloc:nth-child(3) .content-left:nth-child(2),



    .content-agence .agence-bloc:nth-child(5) .content-left:nth-child(2){



        border:none;



    }



}







@media (min-width: 768px) and (max-width: 992px) {



    .home .entry-content{



        padding-left: 5px;



    }



    .home .entry-content p {



        padding: 0px;



        height: 130px;



        margin-bottom: 5px;



    }



}







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



    .engagement-box {



        overflow: hidden;



        min-height: 150px;



        text-align: center;



    }







    .home .entry-content p{



        height: auto;



    }







    #temoignages .service-box .entry-content {



        font-size: 16px;



    }







    .last-view .widget ul:before,



    .most-view .widget ul:before{



        content: none;



    }







    .last-view .widget ul li{



        padding: 5px 0;



        padding-left: 50px;



    }







    .most-view .widget ul li{



        padding: 5px 0;



        padding-right: 50px;



    }



    .most-view .wpp-list{



        width: auto;



    }



    .last-view ul{



        width: auto;



        margin-right: 50px;



    }



    .most-view .widget a:before{



        top:0;



    }



}







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



    .flag{



        display: none;



    }







    .archive-thumbnail{



        padding: 20px 20px 0 20px;



    }







    .archive-thumbnail a {



        display: block;



    }



    .evenpost .archive-thumbnail img,



    .oddpost .archive-thumbnail img,



    .archive-thumbnail img{



        display: block;



        float: none;



        width: 288px;



        padding: 0 20px 0 20px;



        margin:0 auto;



    }







    .page-template-blog article{



        height: auto;



    }







    .page-title{



        font-size: 2.7em;



    }







    .site-footer .site-description{



        width: 260px;



        font-size: 11px;



    } 







    .site-footer .widget_text .textwidget a:nth-child(1){



        float: left;



        margin-left: 0;



    }







    .site-footer .widget_text .textwidget a:nth-child(2){



        float: right;



        margin-right: 0;



    }







    .site-footer .widget_text .textwidget a:nth-child(3){



        float: none; 



        width: 81px;



        margin: 0px auto;



        display: block;



        clear: left;



    }







    #colophon .textwidget{



        width:auto;



        margin:0 auto;



    }







    .site-main .entry-content .excerpt p {



        min-height: 140px;



        overflow: hidden;



    }







}







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



    .blog-header h2 a {



        line-height: 230px;



    }



    #blog .blog-col {



        height: 230px;



        overflow: hidden;



    }



}







/* Social media icons footer*/



#contact .fa {



    width: 35px;



    height: 35px;



    line-height: 37px;



    font-size: 20px;



    background-color: #2e2e2e;



    color: #f2ebe3;



    border-radius: 100%;



    display: inline-block;



    text-align: center;



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



}







#contact .fa:hover {



    color: #94d861;



}







img.alignleft {



    float: left;



    margin-right: 10px;



}







img.alignright {



    float: right;



    margin-left: 10px;



}



#wpcf7-f7078-o1 > form > p.color_333,



#wpcf7-f7078-o2 > form > p.color_333{



margin:1em 0 0 0!important;



color:#333;



height: 60px;



font-size:13px;



}







#wpcf7-f7078-o1 > form input#download_lb, #download_lb{



    font-size: 13px!important;



    margin: 0.5em 0 0 0!important;



    width: 195px!important;



}







div.wpcf7-response-output{



margin:0!important;



color:#333;



}







#text_icl-39 > div.textwidget,#text_icl-41 > div.textwidget{



font-style:italic;



margin-top: 1em;



color:#333;



}







#wpcf7-f7078-o2 > form > p:nth-child(2),



#wpcf7-f7078-o1 > form > p:nth-child(2),



#wpcf7-f7082-o2 > form > p:nth-child(2),



#wpcf7-f7082-o1 > form > p:nth-child(2){



margin-top:1em;



font-style: normal;



}







#wpcf7-f7078-o2 > form > p.color_333 > span > input,#wpcf7-f7078-o1 > form > p.color_333 > span > input,



#download_lb,#wpcf7-f7078-o1 > form > p:nth-child(2),#wpcf7-f7082-o2 > form > div.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{



font-style:normal;



}







#post-7209{



    font-family: "lato"; 



}



#post-7209 ol{



    list-style: inherit;



}



#post-7209 ol li{



    list-style-type:decimal;



    margin: 1em;



}



#gallery-2 img{

    border: 1px solid #e0e0e0!important;

}







#post-3691 .entry-content p > span, #post-3906 .entry-content p span,

.buyAddons {
    text-align: center;
    width: 199px;
    margin: 10px 10px 10px 0px;
    text-transform: uppercase;
    padding: 10px;
    border: 4px solid #349840;
    color: #349840;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
}

.buyAddons:hover {
    color: #fff;
    text-decoration: none;
    background-color: #349840;
    border: 4px solid #fff;
}