html {
	height: 100%;
	width: 100%;
}

body {
    color: #000000;
    font-family: "Roboto",sans-serif;
	font-weight: 300;
    font-size: 15px;
}


* {
    border: 0 none;
    list-style-type: none;
    outline: medium none;
    text-decoration: none;
}

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

a:hover, a:focus {
  color: #000000;
  text-decoration: underline;
}

a:focus {
  outline: none;
}

img {
	border: 0;
}

a img {
    border: 0 none;
}


h1, h2, h3, h4, h5 {
    font-weight: normal;
}

p, ul, ol {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.1px;
}
@media (max-width: 768px) {
p, ul, ol {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.1px;
}
}

ul, ol, li {
    margin: 0;
}

ul {
    padding: 0;
}

ul, ol {
    list-style: outside none none;
}

strong {
	font-family: "Roboto",sans-serif;
	font-weight: 700;
}

i {
	font-family: "Roboto",sans-serif;
	font-weight: 400i;
	font-style: normal;
}

a[href^=tel]{
     color:inherit; 
	 text-decoration: inherit; 
	 font-size:inherit; 
	 font-style:inherit; 
	 font-weight:inherit;
}

mark {
  background-color: #d60023;
  padding: 3px;
}



.red {
	color:#d60023;
}

.underline {
  text-decoration: underline;
}

.js-hiraku-offcanvas-body-left #page {
    margin-left: -250px;
}

#page {
    width: auto;
}

#page {
    position: relative;
}

#top-mobile {
	display:none;
}
@media (max-width: 768px) {
#top-mobile {
    left: 0;
    top: 0;
	position: fixed;
    width: 45px;
    z-index: 3;
	display:block;
}
}

#top-mobile i.bt {
    cursor: pointer;
}
#top-mobile i {
    color: #000000;
    float: left;
    font-size: 27px;
    line-height: 22px;
    padding: 7px 10px;
}
#top-mobile .tel {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 22px;
    line-height: 22px;
    padding: 7px 0 0;
    position: relative;
    text-align: center;
    width: calc(100% - 91px);
}



.js-hiraku-offcanvas-active {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar {
  width: 350px;
}

.js-offcanvas-left #menu {
    display: none;
}
@media (max-width: 768px) {
.js-offcanvas-left #menu {
    display: block;
}
}

.js-offcanvas-left #menu ul.menu {
    margin: 5px 0;
    padding: 0 0 0 10px;
    width: 350px;
}

.js-offcanvas-left #menu ul.menu li {
    border-bottom: 1px dotted #999999;
    color: #000000;
    display: block;
    font-family: "Roboto condensed",sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    list-style-type: none;
    margin: 0 15px 0 0;
    padding: 7px;
}

.js-offcanvas-left #menu ul.menu li.open {
    padding-bottom: 0;
}

.js-offcanvas-left #menu ul.menu li.last {
    border-bottom: medium none;
}

.js-offcanvas-left .menu a {
	font-family: "Roboto condensed",sans-serif;
    color: #000000;
    cursor: default;
    text-decoration: none;
}

.js-offcanvas-left .menu a.select, 
.js-offcanvas-left .menu a.select:hover, 
.js-offcanvas-left .menu a:hover {
	font-family: "Roboto condensed",sans-serif;
    color: #000000;
    cursor: pointer;
    text-decoration: underline;
}

.js-offcanvas-left #menu .logo {
    margin: 20px auto;
    text-align: center;
    width: 90%;
}

.js-offcanvas-left #menu .logo img {
    width: 200px;
}










#header {
}
@media (max-width: 768px) {
#header {
	margin: 0 0 10px;
	position: relative;
}
}

@media (min-width: 769px) {
  #header_content.height {
    position: relative;
	height: 460px;
  }
}

.img-header {
    width: 100%;
	height: 405px;
}

.img-header.home {
    background: url("/img/img-header-home.jpg");
	background-repeat:no-repeat;
	background-position: center center;
	background-attachment:scroll;
	background-size: 100% auto;
}

.img-header.punaise {
    background: url("/img/img-header-punaise.jpg");
	background-repeat:no-repeat;
	background-position: center center;
	background-attachment:scroll;
	background-size: 100% auto;
}

.img-header.cafard {
    background: url("/img/img-header-cafard.jpg");
	background-repeat:no-repeat;
	background-position: center center;
	background-attachment:scroll;
	background-size: 100% auto;
}

.img-header.puce {
    background: url("/img/img-header-puce.jpg");
	background-repeat:no-repeat;
	background-position: center center;
	background-attachment:scroll;
	background-size: 100% auto;
}

.img-header.souris {
    background: url("/img/img-header-souris.jpg");
	background-repeat:no-repeat;
	background-position: center center;
	background-attachment:scroll;
	background-size: 100% auto;
}
@media (max-width: 1200px) {
.img-header.home, .img-header.punaise, .img-header.cafard, .img-header.puce, .img-header.souris {
    background-size: 120% auto;
}
}
@media (max-width: 930px) {
.img-header.home, .img-header.punaise, .img-header.cafard, .img-header.puce, .img-header.souris {
    background-size: 140% auto;
}
}


@media (max-width: 768px) {
.img-header {
    width: 100%;
    height: 300px;
	position: absolute;
}
.img-header.home {
	background-position: -170px top;
    background-size: auto 400px;
}
.img-header.punaise {
	background-position: 0 center;
    background-size: auto 300px;
}
.img-header.cafard {
	background-position: -50px top;
    background-size: auto 350px;
}
.img-header.puce {
	background-position: 0 top;
    background-size: auto 290px;
}
.img-header.souris {
	background-position: -50px top;
    background-size: auto 350px;
}
}


@media (max-width: 667px) {
.img-header {
    width: 100%;
    height: 310px;
}
.img-header.home {
    background-position: -50px top;
    background-size: auto 250px;
}
.img-header.punaise {
    background-position: -60px top;
    background-size: auto 300px;
}
.img-header.cafard {
    background-position: -30px top;
    background-size: auto 250px;
}
.img-header.puce {
    background-position: 0 top;
    background-size: auto 280px;
}
.img-header.souris {
    background-position: -10px top;
    background-size: auto 280px;
}
}

@media (max-width: 450px) {
.img-header {
    width: 100%;
    height: 330px;
}
}

@media (max-width: 375px) {
.img-header {
    width: 100%;
    height: 250px;
}
.img-header.home {
    background-position: -50px top;
    background-size: auto 200px;
}
.img-header.punaise {
    background-position: 0 -40px;
    background-size: auto 300px;
}
.img-header.cafard {
    background-position: -100px top;
    background-size: auto 200px;
}
.img-header.puce {
    background-position: -150px top;
    background-size: auto 250px;
}
.img-header.souris {
    background-position: 0 center;
    background-size: auto 290px;
}
}

@media (max-width: 304px) {
.img-header {
    width: 100%;
    height: 275px;
}
}

/*
@media (max-width: 375px) {
.img-header, .img-header.home, .img-header.punaise, .img-header.cafard, .img-header.puce, .img-header.souris {
    width: 100%;
    height: 500px;
	background-position: -60px 0;
    background-size: auto 500px;
}
}
*/

.container-header {
    left: 0;
    top: 0;
	position:absolute;
	width:100%;
}
@media (max-width: 768px) {
.container-header {
    padding-top: 20px;
	position: relative;
}
}
@media (max-width: 375px) {
.container-header {
    padding-top: 10px;
}
}

.logo-header {
	position:relative;
	width:1170px;
	margin:0 auto;
	text-align:center;
}
@media (max-width: 1170px) {
.logo-header {
    width: 100%;
}
}
@media (max-width: 667px) {
.logo-header {
	text-align:center;
}
}

.logo-header img {
    position: relative;
    width: 350px;
	height: auto;
	margin: 25px;
}
@media (max-width: 667px) {
.logo-header img {
	margin: 25px 0 0 30px;
	width: 300px;
}
}
@media (max-width: 375px) {
.logo-header img {
    margin: 0 0 0 5px;
    width: 215px;
}
}


.carter-header {
    margin: 95px auto 0;
    position: relative;
    width: 100%;
}
@media (max-width: 1024px) {
.carter-header {
	width:90%;
}
}
@media (max-width: 768px) {
.carter-header {
	width:100%;
	margin-top: 90px;
    position: relative;
}
}
@media (max-width: 375px) {
.carter-header {
	width:100%;
	margin-top: 110px;
    position: relative;
}
}



.carter-header .background {
    background: none repeat scroll 0 0 rgba(27, 37, 55, 0.3);
    margin: 0;
    padding: 10px;
    position: relative;
	width:100%;
}
@media (max-width: 1024px) {
.carter-header .background {
    margin: 0;
	width:100%;
}
}
@media (max-width: 768px) {
.carter-header .background {
    background: #d60023 none repeat scroll 0 0;
    padding: 20px;
    position: relative;
}
}
@media (max-width: 667px) {
.carter-header .background {
	padding:7px;
}
}



.carter-header .txt {
    color: white;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}

.carter-header .txt h1 {
    font-family: "Roboto Condensed",sans-serif;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
}
@media (max-width: 667px) {
.carter-header .txt h1 {
    font-size: 30px;
    text-align: center;
}
}
@media (max-width: 450px) {
.carter-header .txt h1 {
    font-size: 22px;
    margin-bottom: 5px;
    text-align: center;
}
}


.carter-header .txt h2 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0;
}
@media (max-width: 667px) {
.carter-header .txt h2 {
	font-size:17px;
	text-align:center;
	margin-top: 0;
}
}
@media (max-width: 375px) {
.carter-header .txt h2 {
	font-size:15px;
	text-align:center;
	margin-top: 0;
}
}



.carter-header .garantie {
    position: absolute;
    right: -110px;
    top: 15px;
	z-index: 1;
	display: none;
}
@media (max-width: 1024px) {
.carter-header .garantie {
    position: absolute;
    right: -70px;
    top: -80px;
}
}
@media (max-width: 768px) {
.carter-header .garantie {
    right: -50px;
    top: 80px;
    display: none;
}
}
}
@media (max-width: 667px) {
.carter-header .garantie {
    right: -45px;
    top: 90px;
}
}

.carter-header .garantie img {
    width: 145px;
}
@media (max-width: 726px) {
.carter-header .garantie img {
    width: 120px;
}
}
@media (max-width: 667px) {
.carter-header .garantie img {
    width: 90px;
}
}



#tel {
	position: relative;
	height: 55px;
}
@media (min-width: 769px) {
#tel {
    display: none;
}
}

.container-header .container-tel {
    background-image: url("/img/ombre_header.png");
    background-position: center -290px;
    background-repeat: no-repeat;
    height: 55px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 2;
}

.container-header .container-tel .tel {
    border-bottom: 1px dotted #777777;
    color: #000000;
    font-size: 25px;
    font-weight: 700;
	height: 42px;
    padding: 3px 0 0;
    position: relative;
    text-align: center;
	background-color: #ffffff;
}

.container-header .container-tel.fixed {
    position: fixed;
    top: 0;
}



.row.paragraphe.home {
    padding: 30px 5px;
}

.row.paragraphe.home p {
    display: block;
    float: left;
    font-family: "Lora",serif;
    font-style: italic;
	font-size:15px;
	color: #202e36;
}

.row.paragraphe.home p.first {
    width: calc(100% - 50px);
}

.row.paragraphe.home p.guillmet1, .row.paragraphe.home p.guillmet2 {
    color: #d60023;
    font-size: 100px;
    height: 10px;
    line-height: 75px;
    padding: 0 10px 0 0;
}

.row.paragraphe.home p.guillmet2 {
    float: right;
    margin: -15px;
}



.row.picto {
    margin-bottom: 35px;
}

.row.picto div {
    font-size: 12px;
    height: 410px;
    line-height: 20px;
    margin: 10px 0;
}
@media (max-width: 1199px) {
.row.picto div {
    height: 485px;
}
}
@media (max-width: 991px) {
.row.picto div {
    height: 390px;
}
}
@media (max-width: 768px) {
.row.picto div {
    height: auto;
}
}


.row.picto div.carter {
	margin:0;
	padding:0;
	float:left;
}

@media (max-width: 670px) {
.row.picto div.carter {
	margin:0 0 30px 0;
}
}


.row.picto img {
	padding:10px;
}

.row.picto img.punaise {
	width:95px;
	padding: 10px 10px 25px;
}

.row.picto img.cafard {
	width:110px;
}

.row.picto img.puce {
	width:110px;
}

.row.picto img.souris {
	width:122px;
	padding: 10px 10px 0;
}

.row.picto div h3 {
    color: #000000;
    font-family: "Roboto Condensed",arial,sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
}

.row.picto div.puce h3 {
	margin-bottom:15px;
}

.row.picto div h4 {
    border-bottom: 1px dotted #545c69;
    border-top: 1px dotted #545c69;
    color: #000000;
    font-size: 11px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
	bottom:0;
	position:absolute;
	width:90%;
}
@media (max-width: 768px) {
.row.picto div h4 {
    position: relative;
}
}

.row.picto div h4 a {
    color: #000000;
}
.row.picto div h4 a:hover {
    color: #d60023;
	text-decoration:none;
}

.row.picto div h4 .fa {
    display: inline-block;
    float: left;
    font-size: 18px;
    margin: 3px 0 0;
	color:#d60023;
}





.intro {
    font-size: 13px;
    line-height: 20px;
	padding: 20px 5px 30px;
}

.intro img {
    padding: 5px 20px 10px 0;
}
@media (max-width: 385px) {
.intro img {
    width: 40%;
}
}

.intro p {
    letter-spacing: -0.5px;
}

.intro .tel {
    font-size: 27px;
    letter-spacing: -1px;
}

@media (max-width: 768px) {
.intro{
    font-size: 13px;
    line-height: 20px;
}
.intro .tel {
    font-size: 22px;
    letter-spacing: -1px;
    line-height: 27px;
}
}

@media (max-width: 385px) {
.intro .tel span {
	display:block;
}
}



.paragraphe {
    margin-top: 0;
    margin-bottom: 20px;
}

.paragraphe.first {
    margin-top: 25px;
}

.paragraphe h2 {
    font-family: "Roboto Condensed",sans-serif;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: -0.5px;
    margin-top: 0;
    text-transform: uppercase;
}
@media (max-width: 768px) {
.paragraphe h2{
	text-align:center;
}
}

.paragraphe h2 strong{
	font-family: "Roboto Condensed",sans-serif;
	font-weight: 300;
}

.paragraphe.garantie p {
	font-size:17px;
}

.paragraphe .fa-chevron-right {
	color:#d60023;
}



.fa-chevron-circle-right {
	font-size:30px;
	color:#d60023;
}
@media (max-width: 768px) {
.paragraphe .fleche{
	text-align:center;
}

.fa-chevron-circle-right:before {
	content: "\f13a";
}
}



.contenu {
	margin-top: 30px;
}

.contenu h2 {
	font-family: "Roboto Condensed",sans-serif;
	font-size: 22px;
	font-weight: 300;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	padding-left: 10px;
	border-left: 5px solid #d60023;
	position: relative;
	margin: 30px 0 10px 0;
}

.contenu h3 {
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline 1px #d60023;
  color: #d60023;
  margin-top: 20px;
  margin-bottom: 7px;
  text-underline-offset: 3.5px;
  line-height: 22px;
}



.contenu a {
  color: #d60023;
  font-weight: 700;
  text-decoration: none;
}

.contenu a:hover {
  text-decoration: underline;
}

.contenu .underline, .contenu .underline:hover {
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  text-decoration-line: underline;
}



.contenu .portrait {
	float: left;
	width: 135px;
	margin-right: 10px;
}


.contenu ul {
  padding: 0 0 0 13px;
}

.contenu ul.padding-0 {
  padding: 0;
}


.contenu ul li {
  list-style-type: disc;
  margin-bottom: 10px;
}


.contenu ul.none {
  padding: 0;
}

.contenu ul.none li {
  list-style-type: none;
}


.contenu ol {
  padding: 0 0 0 13px;
}

.contenu ol li {
  list-style-type: decimal;
  margin-bottom: 10px;
}



.contenu p .post, .contenu ol li .post {
    font-size: 12px;
    font-style: italic;
}



/*! TABLE CENTER  */
.contenu table { 
  width: 100%; 
  border-collapse: 
  collapse; margin: 20px 0; 
  }

.contenu th, td { 
  border: 1px solid #ddd; 
  padding: 10px; 
  text-align: left;
  font-size: 14px;
  }

.contenu th { 
  background: aliceblue; 
  }
/*! TABLE CENTER  */



/*! IMAGE */
.corps .row.img {
    margin: 0 0 20px;
	text-align:center;
}

.corps .row.img .col-img1, .corps .row.img .col-img2 {
    padding: 0;
}

.corps .row.img .img-responsive {
    padding: 5px;
}
/*! IMAGE */





.col-right {
	margin-top:-15px;
}


.col-right .contact-titre {
    background-color: #d60023;
    color: white;
    font-size: 20px;
    line-height: 22px;
    padding: 20px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.col-right .contact-fleche {
    text-align: center;
	width:100%;
}

.col-right .contact-fleche img {
	width:100%;
}

.col-right .contact-tel {
	font-size:25px;
	text-align:center;
}

.col-right .contact-txt-top {
	font-size:15px;
	text-align:center;
}


@media (max-width: 991px) {
.col-right .contact-titre {
    width: 360px;
	margin:0 auto;
}

.col-right .contact-fleche {
	width: 360px;
	margin:0 auto;
}

.col-right .contact-fleche img {
	width: 360px;
}
}



@media (max-width: 406px) {
.col-right .contact-titre {
    width: calc(100% + 30px);
	margin:0 0 0 -15px;
}

.col-right .contact-fleche {
	width: calc(100% + 30px);
	margin:0 0 0 -15px;
}

.col-right .contact-fleche img {
	width: 100%;
}
}



.col-right .certification h3 {
    border-bottom: 1px solid #999;
    color: #202e36;
    display: block;
    font-family: "Lora",serif;
    font-size: 22px;
    font-style: italic;
    margin: 10px 15%;
    padding: 0 0 7px;
    text-align: center;
}

.col-right .certification img {
    padding-bottom: 15px;
}




.block-bottom {
    background-color: #d60023;
    width: 100%;
}

.block-bottom .txt {
    width: 1065px;
	color:#FFFFFF;
	padding:15px;
	font-size:27px;
	margin:0 auto;
	text-align:center;
	font-family: "Lora", serif;
	font-style:italic;
	line-height: 33px;
}

@media (max-width: 1024px) {
.block-bottom .txt {
	width:90%;
}
}

@media (max-width: 667px) {
.block-bottom .txt {
	font-size:22px;
	line-height: 27px;
}
}



/*! NAV ARIANE  */
.nav_prestaDept {
	font-size: 11px;
	margin:0 0 10px 0;
	text-align:center;
}

.nav_prestaDept #breadcrumb div {
	display: inline;
}
/*! NAV ARIANE  */



/*! ADRESSE AGENCE PROCHE  */
.agence_adresse {
    border-bottom: 1px dotted #777777;
    border-top: 1px dotted #777777;
    margin: 20px auto 0;
    padding: 10px 0 0;
    width: 80%;
	text-align: center;
}
@media (max-width: 768px) {
.agence_adresse {
	margin: 0 auto 0;
	width: 98%;
}
}
@media (max-width: 375px) {
.agence_adresse {
	width: 95%;
}
}

.agence_adresse .principal {
    font-size: 17px;
    text-transform: uppercase;
}
/*! ADRESSE AGENCE PROCHE  */



/*! ZONE INTER DEPT  */
.zoneInter {
  width: 100%;
  margin: 25px 0;
  text-align: center;
}
@media (max-width: 768px) {
.zoneInter {
	width: auto;
}
}

.zoneInter h3 {
    font-family: "Roboto Condensed",sans-serif;
    font-size: 16px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

.zoneInter .col-xs-12 {
  margin: 0;
  padding: 0;
}

.zoneInter .btn-info {
    background: #000000;
    border-color: #000000;
    font-size: 14px;
    margin: 0 0 15px;
    padding: 3px 10px 2px;
}

.zoneInter #zoneInter nav {
  margin: 0 0 25px 0;
}

.zoneInter ul {
    line-height: 17px;
    text-align: left;
	padding: 0;
}

.zoneInter ul li {
	display:inline;
	margin: 0 10px 0 0;
	font-size: 11px;
}

.zoneInter ul li a {
    text-decoration: none;
}
/*! ZONE INTER DEPT  */



/*! CONTACT FORM*/
button, textarea, input[type="text"], input[type="email"], input[type="reset"], input[type="button"], input[type="submit"]
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
   
   	border-radius: 0;
	border-image: none 0 0 0 0;
}

select {
    box-shadow: none;
    box-sizing: border-box;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
   
   	border-radius: 0;
	border-image: none 0 0 0 0;
}

#contact {
	width: 90%;
	margin: 20px auto;
}

@media (max-width: 1000px) {
#contact {
	width: 85%;
}
}

#contact input, #contact select, #contact textarea, #contact submit {
  font-size: 15px;
  font-weight: 500;
  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 10px 0;
  padding: 12px 20px;
  width: 100%;
  border: none;
  border-radius: 4px;
  
  background-color: #ffffff;
  color: black;
  border: 1px solid #939393;
}

#contact textarea {
	height: 170px;
}

#contact .submit {  
  background-color: #0b57d0;
  color: white;
  cursor: pointer;
  border: none;
}

#contact .submit:hover {  
  background-color: #0e4eb3;
  box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
}

#contact select option {
    margin: 5px;
    padding: 2px 0;
}

#contact input.adresse, 
#contact input.ville, 
#contact input.cp, 
#contact input.check {
    display: none;
}
/*! CONTACT FORM*/



/*! footer */
#footer {
    background: url("/img/bg_section_fade.png") repeat-x scroll 0 0 #eeeeee;
    margin: 0;
    min-height: 150px;
    padding: 25px 0;
    position: relative;
    text-align: center;
    width: 100%;
	border-top: 1px dotted #777777;
}

#footer .logo {
    margin-bottom: 10px;
	float: none;
}

#footer .logo img {
	width:auto;
	padding: 0 0 0 20px;
}

#footer ul {
    font-family: "Roboto Condensed",sans-serif;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 10px;
}

#footer .adresse {
	font-size: 14px;
}

#footer .adresse .dept {
    display: block;
    font-size: 13px;
    margin: 2px 0 5px;
}

#footer .social-icon {
    padding: 15px;
    text-align: center;
}

#footer .social-icon i {
    padding: 7px;
}

#footer .copyright {
	font-size: 13px;
}
/*! footer */






#header_menu_top {
	padding-bottom: 0;
    padding-top: 5px;
    position: fixed;
	top:0;
    width: 100%;
	height:50px;
	background-color: #000000;
	color:#ffffff;
	z-index:1;
	display:none;
}

@media (max-width: 768px) {
#header_menu_top {
	top:-100px;
}
}

#header_menu_top.fixed {
	display:block;
}

#header_menu_top .contener {
    margin: 0 auto;
    width: 1170px;
	text-align: center;
}

#header_menu_top .logo {
    display: inline-block;
    margin: 0;
    position: relative;
    top: -12px;
}

#header_menu_top .logo img {
    height: 47px;
}

#header_menu_top .titre {
    display: inline-block;
    font-family: "Lora",serif;
    font-size: 25px;
    font-style: italic;
    margin: 0 25px;
    position: relative;
    top: -7px;
}

#header_menu_top .texte {
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 200px;
}

#header_menu_top .tel {
    display: inline-block;
    font-size: 35px;
    font-weight: 400;
    letter-spacing: -2px;
    line-height: 38px;
    margin: 0;
    position: relative;
    text-align: center;
    top: -5px;
}




/*! MENU */
#header_menu_content {
    margin: 0 auto;
    position: relative;
    width: 100%;
	height: 55px;
	z-index:1;
	
    background-image: url("/img/ombre_header.png");
    background-position: center -290px;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
#header_menu_content {
	display:none;
}
}

#header_menu_content.fixed {
    position: fixed;
    top: 50px;
}


#header_menu_border {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
	
	-moz-border-image: url("/img/one_pix_black.png") 1 1 1 1 repeat;
    -webkit-border-image:url("/img/one_pix_black.png") 1 1 1 1 repeat; /* Safari 5 */
    -o-border-image:url("/img/one_pix_black.png") 1 1 1 1 repeat; /* Opera */
    border-image:url("/img/one_pix_black.png") 1 1 1 1 repeat;
	
    height: 42px;
    margin: 0 auto;
    position: relative;
    width: 100%;
	z-index: 1;
	background-color: white;
}




#header_menu {
    height: 41px;
    margin: 0 auto;
    position: relative;
    width: 847px;
	z-index: 1;
}

#header_menu ul {
    padding: 0;
	margin:0;
}

#header_menu ul li .fa {
    font-size: 17px;
}

.menu .onglet.first {
    margin-left: 15px;
}

.menu .onglet.last {
    margin-right: 0;
}

.menu .onglet {
    display: block;
    float: left;
    line-height: 42px;
    margin-right: 45px;
    text-transform: none;
	font-family: "Roboto",sans-serif;
	font-weight:700;
    letter-spacing: 0;
	font-size: 14px;
	cursor: pointer;
	color:#000000;
}

.menu .onglet a {
    
}
/*
.menu .onglet:hover, .menu .onglet a:hover, .menu .select  {
	font-family: "CenturyGothicBold";
    letter-spacing: 0;
}
*/

.menu .onglet .Smenu_container .Smenu li, 
.menu .onglet:hover .Smenu_container .Smenu li a, 
.menu .onglet a:hover .Smenu_container .Smenu li a:hover {
    text-decoration: none;
}


.menu .onglet:hover, .menu .onglet a:hover, .menu .select {
    color: black;
    font-family: "Roboto",sans-serif;
	font-weight:700;
    letter-spacing: 0;
}




.menu .select  {
	color: #d60023;
}

.menu a.select, .menu a.select:hover  {
	color: #d60023;
	text-decoration:none;
	cursor:default;
}



.Smenu_container {
    left: -44px;
    padding: 20px;
    position: absolute;
    text-transform: none;
    top: 30px;
	display: none;
}



.Smenu {
    background-color: #ffffff;
    border: 1px solid #b4b4b4;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    width: 405px;
	float: right;
	min-height: 195px;
	cursor: default;
}



.Smenu li {
    color: #d60023;
    display: block;
    font-family: "Roboto",sans-serif;
	font-weight: 400;
	letter-spacing: 0;
    font-size: 13px;
    line-height: 16px;
    padding: 0 0 5px;
    width: 250px;
	
    background-image: url("/img/fleche_menu_red.png");
    background-position: 12px 4px;
    background-repeat: no-repeat;
}

.onglet .Smenu li a {
    padding: 4px 5px 4px 27px;
    display: block;
}

.onglet .Smenu li a:hover {
    background: #d60023;
    color: #FFFFFF;
    font-family: "Roboto",sans-serif;
	letter-spacing: 0;
	
    background-image: url("/img/fleche_menu_white.png");
    background-position: 12px 4px;
    background-repeat: no-repeat;
}


.onglet .Smenu li.Stitre {
    background-image: none;
    color: #c09860;
    font-family: "Roboto",sans-serif;
	font-weight:700;
    font-size: 14px;
    padding: 0 0 5px 10px;
}

.onglet .Smenu li.Stitre.padding {
    padding: 10 0 5px 10px;
}



.Smenu .off {
    background: #000000;
    color: #FFFFFF;
	font-family: "Roboto",sans-serif;
	letter-spacing: 0;
	cursor: default;
	
    background-image: url("/img/fleche_menu_white.png");
    background-position: 12px 4px;
    background-repeat: no-repeat;
	
    padding: 4px 5px 4px 27px;
    display: block;
	width: 218px;
	margin: 0 0 5px 0;
}



.onglet .Smenu .Smenu_price {
    font-family: "Roboto",sans-serif;
    font-size: 17px;
	font-weight:400;
	color: white;
    letter-spacing: 0;
    line-height: 17px;

    padding: 5px 0;
    display: block;
    background: #d60023;
	
    margin: 0;
    text-align: center;
}


.onglet .Smenu .Smenu_price a {
    color: white;
    padding: 7px 0;
}


.onglet .Smenu .Smenu_price a:hover {
	color: white;
    padding: 7px 0;
	background-image:none;
	letter-spacing: -1px;
	font-size: 18px;
	background-color: #0c275a;
}







.Smenu_fleche {
    background: url("/img/smenu_fleche.png") no-repeat scroll 0 0 transparent;
    height: 32px;
    margin: -20px 0 7px 115px;
    position: relative;
    width: 32px;
	padding: 0 0 3px 0;
}


.Smenu_separation {
    background: url("/img/one_pix_black.png") repeat-y scroll -2px 0 transparent;
    float: left;
    height: 165px;
    left: 250px;
    position: relative;
    top: -7px;
    width: 1px;
}

.Smenu_img {
    background: none repeat scroll 0 0 #000000;
    float: right;
    height: 135px;
    position: relative;
    right: 10px;
    top: -9px;
    width: 133px;
}



#btnav1 {
    width: 65px;
	cursor: default;
}

#btnav2 {
    width: 130px;
	cursor: default;
}

#btnav3 {
    width: 125px;
	cursor: default;
}

#btnav4 {
    width: 40px;
	cursor: default;
}

#btnav5 {
    width: 102px;
	cursor: default;
}

#btnav6 {
    width: 140px;
	cursor: default;
}





#snav1 {
    left: -75px;
}

#snav1 .Smenu_fleche {
    margin: -20px 0 7px 100px;
}



#snav2 {
    left: 37px;
}

#snav2 .Smenu_fleche {
    margin: -20px 0 7px 110px;
}



#snav3 {
    left: 195px;
}

#snav3 .Smenu_fleche {
    margin: -20px 0 7px 120px;
}



#snav4 {
    left: 260px;
}

#snav4 .Smenu_fleche {
    margin: -20px 0 7px 175px;
}



#snav5 {
    left: 525px;
}

#snav5 .Smenu_fleche {
    margin: -20px 0 7px 265px;
}




#snav6 {
    left: 595px;
}

#snav6 .Smenu_fleche {
    margin: -20px 0 7px 265px;
}

/*! MENU */




#main-menu, .sidebar-menuicon, #content-wrapper {
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: left;
    transition-timing-function: ease;
}
#content-wrapper {
    left: 0;
    position: relative;
}

/*!
#content {
    margin-left: 0;
}
*/

#content {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}



/*! cookie */
#cookies_block_footer {
    background: #000000;
    bottom: 0;
    opacity: 0.75;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.cookies_bloc_txt {
    color: #ffffff;
    font-size: 13px;
    height: 100%;
    margin: 0 auto;
    padding: 1px;
    position: relative;
    text-align: center;
    width: 100%;
}
@media (max-width: 1024px) {
.cookies_bloc_txt {
    padding: 5px;
}
}

.titre_cookie {
	display: inline-block;
    line-height: 14px;
    margin: 0;
}

.cookies_bloc_txt .cookies_btn {
    border: 2px solid #fff;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 25px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    width: 27px;
	float: none;
}
/*! cookie */



/* BLOG */
  :root{
    --ink:#122420;
    --ink-soft:#3f5750;
    --paper:#f6f3ec;
    --paper-raised:#ffffff;
    --pine:#e2e5f0;
    --pine-deep:#0e2b25;
    --line:#e2e5f0;
	--red:#f00;
	--radius:14px;
  }
  
  /* Category strip */
  .categories{padding:40px 0 8px;}
  .cat-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:16px;
  }
  .cat-card{
    background:var(--paper-raised); 
	border:1px solid var(--line); 
	border-radius:var(--radius);
    overflow:hidden; 
	box-shadow: 0 0.3px 0.4px hsla(0, 0%, 0%, 0.02),0 0.9px 1.5px hsla(0, 0%, 0%, 0.045),0 3.5px 6px hsla(0, 0%, 0%, 0.09);
  	transition: .3s;
  }
 .cat-card:hover {
  	box-shadow: 0 0.9px 1.25px hsla(0, 0%, 0%, 0.025),0 3px 5px hsla(0, 0%, 0%, 0.05),0 12px 20px hsla(0, 0%, 0%, 0.09);
  } 
  
  .cat-thumb{width:100%; height:110px; object-fit:cover; display:block;}
  
  .cat-card .cat-body{padding:18px 22px 10px;}
  
  .cat-count{
  font-size:10px; 
  font-weight:normal;
  text-transform: uppercase;
  }
  
  .cat-card h3{
  font-size:20px; 
  margin:5px 0 6px;
  text-align: center;
  font-weight: 700;
  }
  
 .cat-card p {
  font-size: 13px;
  color: black;
  line-height: 1.4;
  margin: 0 0 14px;
} 
  
.cat-card .go {
  font-size: 12px;
  font-weight: 600;
  display: block;
  text-align: center;
}

  /* Feature + sidebar */
  .feature-row{
    display:grid; grid-template-columns:1.7fr 1fr; gap:32px;
    padding:56px 0; border-top:1px solid var(--line); margin-top:40px;
  }
  .feature-card{
    background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius);
    overflow:hidden;
  }
  .feature-img{
    height:220px; position:relative; overflow:hidden;
    display:flex; align-items:flex-end; padding:18px;
  }
  .feature-img img{
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  }
  .feature-img::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(0deg, rgba(14,43,37,.75) 0%, rgba(14,43,37,.05) 55%);
  }
  .tag-pill{
    background:rgba(253,247,238,.9); 
	color:var(--pine-deep); 
	font-size:12px; 
	font-weight:600;
    padding:5px 12px; 
	border-radius:5px; 
	z-index:1; 
	position:relative;
  }
  .feature-body{padding:24px;}
  .feature-body h2{font-size:17px; line-height:1.2; margin-bottom:10px;}
  .feature-body p{color:var(--ink-soft); font-size:13px; line-height:1.6; margin:0 0 16px;}
  
  .meta-row{
    display:flex; 
	gap:14px; 
	font-family:'IBM Plex Mono',monospace; 
	font-size:12px; 
	color:#9c9fa9;
    margin-bottom:16px;
  }
  .read-link{
  font-weight:600; 
  color:var(--red); 
  font-size:13px;
  }
  .read-link:hover{
  text-decoration:underline;
  color:var(--red); 
   }

  .sidebar h2{font-size:15px; margin-bottom:16px;}
  .rank-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px;}
  .rank-list li{
    display:flex; gap:14px; align-items:baseline;
    padding:14px 4px; border-bottom:1px solid var(--line);
  }
  .rank-list li:last-child{border-bottom:none;}
  .rank-num{
    font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:13px; color:var(--red);
    width:22px; flex-shrink:0;
  }
  .rank-list a{font-size:12pxrem; font-weight:500; line-height:1.4;}

  /* Article sections */
  .section-block{padding:44px 0; border-top:1px solid var(--line);}
  .section-head{
    display:flex; align-items:baseline; justify-content:space-between; margin-bottom:24px;
  }
  
  .section-head h2{
  font-size:20px;
  font-weight: 700;
  }
  
  .see-all{
  font-size:12px; 
  font-weight:600; 
  color:black; 
  border-bottom:1px solid black; 
  white-space:nowrap;
  }
  
  .article-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
  }
  
  .article-card{
    background:var(--paper-raised); 
	border:1px solid var(--line); 
	border-radius:var(--radius);
    overflow:hidden; 
	display:flex; 
	flex-direction:column; 
	gap:10px;
	
    box-shadow: 0 0.3px 0.4px hsla(0, 0%, 0%, 0.02),0 0.9px 1.5px hsla(0, 0%, 0%, 0.045),0 3.5px 6px hsla(0, 0%, 0%, 0.09);
  	transition: .3s;
  }
  .article-card:hover{
  border-color:var(--pine); 
  box-shadow: 0 0.9px 1.25px hsla(0, 0%, 0%, 0.025),0 3px 5px hsla(0, 0%, 0%, 0.05),0 12px 20px hsla(0, 0%, 0%, 0.09);
  }
  
  .card-thumb{width:100%; height:140px; object-fit:cover; display:block;}
  .article-card .card-body{padding:0 20px 20px; display:flex; flex-direction:column; gap:10px; flex:1;}
  
  .article-cat{
  font-family:'IBM Plex Mono',monospace; 
  font-size:11px; color:#9c9fa9; 
  text-transform:uppercase; 
  letter-spacing:.05em;
  }
  
  .article-card h3{
  font-size:15px; 
  line-height:1.35;
  margin: 10px 0;
  }
  
  .article-card .meta{
  font-size:10px; 
  color:#9c9fa9; 
  font-family:'IBM Plex Mono',monospace;
  }
  
  .article-card .link{font-size:13px; font-weight:600; color:var(--red); margin-top:auto;}

  @media (max-width:960px){
    .cat-grid{grid-template-columns:repeat(2,1fr);}
    .feature-row{grid-template-columns:1fr;}
    .article-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:600px){
    .cat-grid{grid-template-columns:1fr;}
    .article-grid{grid-template-columns:1fr;}
  }

.pubdate {
  font-size: 10px;
  line-height: 10px;
  margin: 0;
  background: #f0f0f0;
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  position: relative;
  top: 5px;
  border: 1px solid #e9e7e7;
}

.img-blog {
  margin: 20px 0;
}

  .accroche { font-style: italic; color: #3d6b3d; border-left: 4px solid #3d6b3d; padding-left: 14px; }
  
  .cta-box { background: #eef3ee; border: 1px solid #3d6b3d; border-radius: 8px; padding: 24px; margin: 2em 0; text-align: center; }
  .cta-box a { display: inline-block; background: #3d6b3d; color: #fff; padding: 12px 26px; border-radius: 6px; text-decoration: none; font-weight: bold; margin-top: 10px; }
  
  .checklist li { margin-bottom: 6px; }
 
  .cta{background:#f0f7f0;border-left:4px solid #4a8c4a;padding:15px 20px;margin:20px 0}
  
  .faq-item{margin-bottom:18px}
  .faq-item h4 {margin-bottom: 4px; color: #d60023; font-size: 15px;}
  
  .model-letter{background:#fafafa;border:1px solid #ddd;padding:20px;margin:20px 0;font-family:Georgia,serif}

  .do-dont { display: flex; gap: 20px; flex-wrap: wrap; margin: 1.5em 0; }
  .do-dont div { flex: 1; min-width: 260px; padding: 16px; border-radius: 8px; }
  .do-box { background: #eaf6ea; border: 1px solid #3d6b3d; }
  .dont-box { background: #fbeaea; border: 1px solid #a33; }
  
  
  
  h3.mythe-titre{
	text-decoration: none;
  }

  .card{
    background:#fff;
    border-radius:10px;
    padding:10px 22px;
    margin:14px 0;
    box-shadow:0 2px 8px rgba(0,0,0,0.05);
  }
  
  .mythe{
    border-left:5px solid #c0392b;
  }
  .mythe .label{
    color:#c0392b;
    font-weight:bold;
    text-transform:uppercase;
    font-size:15px;
    letter-spacing:0.5px;
	padding: .2em 0 .3em;
  }
  
  .realite{
    border-left:5px solid #2e8b57;
  }
  .realite .label{
    color:#2e8b57;
    font-weight:bold;
    text-transform:uppercase;
    font-size:15px;
    letter-spacing:0.5px;
	padding: .2em 0 .3em;
  }
  
  .conseil{
    background:#f6f5f3;
    border-radius:8px;
    padding:12px 18px;
    margin:10px 0 30px;
    font-size:14px;
  }
  .conseil strong{color:#1b2a4a;}
   
  .vrai-icone{color:#2e8b57; font-weight:bold;}
  .faux-icone{color:#c0392b; font-weight:bold;}
/* BLOG */  



/* ARTICLE SIMILAIRE */
.article-similaire .article-categorie-similaire {
    font-size: 13px;
    margin: 25px 0 10px;
    position: relative;
}

.article-similaire .article-categorie-similaire .titre {
    font-size: 15px;
    margin: 0 0 5px;
    padding: 2px 0 2px 0;
    position: relative;
    text-transform: uppercase;
}

.article-similaire .article-categorie-similaire .content {
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 8px;
    position: relative;
	display: flex;
}
@media (max-width:600px){
.article-similaire .article-categorie-similaire .content {
	display: block;
}
}

.article-similaire .article-categorie-similaire .carter {
    display: inline-block;
	position: relative;
    padding: 15px;
    width: 50%;
}
@media (max-width:600px){
.article-similaire .article-categorie-similaire .carter {
	width: 100%;
}
}

.article-similaire .article-categorie-similaire img {
    object-fit: cover;
    width: 100%;
	display: block;
  	margin-bottom: 7px;
  	height: 170px;
}
@media (max-width:600px){
.article-similaire .article-categorie-similaire img {
	height: 270px;
}
}
@media (max-width:500px){
.article-similaire .article-categorie-similaire img {
	height: 220px;
}
}


.article-similaire .en-savoir-plus {
	font-size: 13px;
}

.article-similaire .en-savoir-plus li {
	margin-bottom: 5px;
}
/* ARTICLE SIMILAIRE */



/*! bootstrap custom */
.navbar-wrapper {
    font-family: "Roboto",sans-serif;
    font-size: 16px;

	width: 100%;
	background-color: #fff;
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;

	-webkit-box-shadow: 0 0.063em 0.25em rgba( 37, 50, 55, .25 ); /* 1 4 */
	box-shadow: 0 0.063em 0.25em rgba( 37, 50, 55, .25 ); /* 1 4 */

	-webkit-transition-duration: .5s;
	transition-duration: .5s;

	-webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
	transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );

	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	
	display:none;
}

.navbar-wrapper--hidden {
	-webkit-transform: translateY( -100% );
	-ms-transform: translateY( -100% );
	transform: translateY( -100% );
}

.navbar {
    margin-bottom: 0;
    min-height: auto;
}

.navbar-toggle {
	z-index:1;
    float: left;
    margin-left: 15px;
}

.navbar-toggle .icon-bar {
    width: 100%;
}

.sr-only {
    font-family: "Roboto",sans-serif;
	font-weight:bold;
	position: relative;
	color:#000000;
}

.navbar-wrapper .container {
	padding-left: 0;
    padding-right: 0;
	width: 100%;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-left: 0;
    margin-right: 0;
}

.navbar-brand {
    background-position: center top;
    background-repeat: no-repeat;
    float: none;
    height: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 7px;
    width: calc(100% - 85px);
	color:#000000;
	text-align:center;
}

.navbar-brand .h1 {
    color: black;
    display: block;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -1px;
    margin: 0;
    padding: 7px 0 0;
    text-transform: uppercase;
}
@media (max-width: 385px) {
.navbar-brand .h1 {
    font-size: 17px;
    letter-spacing: -1px;
    line-height: 19px;
    padding: 0 0 2px;
}
}

.navbar-brand .h2 {
    color: black;
    display: block;
    font-size: 15px;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}
@media (max-width: 385px) {
.navbar-brand .h2 {
    font-size: 12px;
}
}

.logo_header_mobile {
    background-image: url("");
}






.dropdown-menu {
    font-size: 15px;
}

.dropdown-header {
	font-family: "Roboto",sans-serif;
	font-weight:700;
    font-size: 15px;
	color: #000000;
}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #000000;
}
.navbar-default .navbar-nav > li > a {
    color: #000000;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #000000;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000;
}



.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    padding: 0;
}

.navbar-nav li a .fa {
	color: #ee1c24;
}

.navbar-nav li a strong {
	font-size: inherit;
}

.navbar-nav .no-link {
    padding: 10px 15px;
	color:#000000;
}

.navbar-nav .annonce {
    line-height: 20px;
    text-align: center;
}

.navbar-nav .annonce strong {
    display: block;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 17px;
    font-weight: 400;
    padding: 0 0 7px;
    text-transform: uppercase;
}


@media (min-width: 769px) {
.navbar-wrapper {
    display:none;
}
}


@media (max-width: 768px) {
.navbar-collapse {
	max-height: 350px;
}
}
/*! bootstrap custom */




/*! Extend Bootstrap */
@media (max-width: 550px) and (orientation:portrait) {
  .col-xxs-12 {
    width: 100%;
  }
  
.col-xxs-offset-0 {
    margin-left: 0;
}

.col-xxs-push-0 {
    left: 0;
}

.col-xxs-push-1 {
    left: 8.33333%;
}

.col-xxs-push-2 {
    left: 16.6667%;
}

.col-xxs-push-3 {
    left: 25%;
}
}
/*! Extend Bootstrap */