body {
	background: url(../img/RUFSAC-BOLONG.jpg);
	background-attachment: fixed;
	background-size: cover;
  	background-position: center center;
  
  	font-family: "Catamaran", Arial, Helvetica, sans-serif;
  	font-weight: 400;
  	font-size: 17px ;
  	
  	color: #67615a ;
}

a {
  }
  /** HEADER **/
    
  header {
	background-color: #0554a2;
  }
  /* header .navbar {
	background-color: #0554a2;
  } */

 
  .navbar-brand{
    padding: 0;
  }

  .navbar{
    padding: 0;
  }
  .tknav-nav{
    display: flex;
    align-items: flex-start;
  }

  .tknav-div{
    justify-content: flex-end;
  }

  .nav-item:not(:last-child){
    padding-right: 52px;
  }
 
  .nav-link{
    text-transform: uppercase;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 1rem;

    border-top-width: 3px;
    border-top-style: solid;
    border-color: transparent;
 
    letter-spacing: 0.5px;
    font-style: normal;

    transition-property: color,background-color,border-color;
    transition-duration: .2s;
    transition-timing-function: linear;
  }
  .nav-link:hover,
  .active .nav-link {
	border-color: #ffffff;
    color: white;
  }
  .navbar-toggler {
    font-size: 2rem;
    color: rgb(255 255 255);
  }

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }

  header a, header .dropdown-item {
	color: #ffffff;
  }
  
  header a:hover {
	color: #cfcfcf;
  }
  
  header .dropdown-menu {
	background-color: #0554a2;
	border-top: 3px solid #ffffff;
  }
  
  header .dropdown-item:hover,
  header .active .dropdown-item.active {
	background-color: rgb(111, 169, 45);
	color: #ffffff;
  }
  
  .logo {
	max-height: 80px;
	height: auto;
  }

  /* OPEN DROPDOWN ON HOVER */
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
 }

  /** BUTTON **/
  
  .btn-primary {
	background-color: #0554a2 !important;
	color: #ffffff !important;
	border-radius: 0 !important;
	border: 1px solid #0554a2 !important;
	padding: 8px 16px !important;
  }
  
  .btn-primary:hover {
	background-color: #ffffff !important;
	color: #0554a2 !important;
	border-radius: 0 !important;
	border: 1px solid #0554a2 !important;
	padding: 8px 16px !important;
  }
  
  /** MAIN **/
  
  .card {
	border-radius: 0;
  }
  
  .card-img, .card-img-top {
	border-radius: 0;
	max-width: 100%;
	height: auto;
  }
  
  .section-title {
    background-color: transparent;
    border: none;
  }
  .section-title h1 {
	color: rgb(255 255 255);
	font-weight: bold;
	font-size: 2.8em ;
	text-shadow: 2px 2px #757575;
	font-family: 'PT Sans';
	
  }
  
  .section-title p {
	border-bottom: 1px solid #0554a2;
	display: none;
  }
  
  .section-card {
	background-color: #ffffffd2;
	border-top: 16px solid rgb(111, 169, 45);
  }
  
  .row-card {
	position: relative;
  	margin-top: -45px;
  }
  
  .row-card .fa {
	color: rgb(111, 169, 45);
  }
  
  .section-card-title {
	background-color: #ffffff;
	border-top: 9px solid rgb(111, 169, 45);
  }
  
  .section-card-contact {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	border-top: 12px solid rgb(111, 169, 45);
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 20px 0px;
	padding: 80px 10%;
	background-image: url(../img/sac-papier-personnalise.png);
	min-height: 0px;
  }
  
  .section-card h5, .section-card-title h1 {
	color: #0554a2;
  }
  .section-card h5 {
  	font-familly: "PT Sans" ;
  	font-size: 1.4em ;
  }
  .main-header {
        background-color: #0554a2;
	background: url(../img/grande-sacherie-3-scaled.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: top center;
	width: 100%;
        min-height: 55vh;
        padding-bottom: 100px;
    	padding-top: 25px;
	color: #ffffff;
  }
  
  .main-header-2 {
        background-color: #0554a2;
	background: url(../img/contact.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: top center;
	width: 100%;
    	min-height: 55vh;
    	padding-bottom: 100px;
    	padding-top: 25px;
	color: #ffffff;
  }
  
  .main-header-diapo {
    background-color: #0554a2;
    background: url(../img/photo_diapo.jpg);
    background-color: black;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 50vh;
    padding-bottom: 100px;
    padding-top: 25px;
    color: #ffffff;
    /* animate cycle */
    transition: background 1s linear;
  }

  .row-services {
	background-color: #ffffff9c;
  }
  
  /* .row-services .card {
	border-bottom: 2px solid rgb(111, 169, 45);
  }
   */
  .row-secteurs {
	background-color: #ffffff;
  }
  
  .row-newsletter {
    background: url(../img/RUFSAC-BAOBAB-scaled.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    padding: 80px 0px;
  }
  
  .row-newsletter h1 {
	color: #0554a2;
  }
  
  .row-newsletter p {
	color: #303030;
  }
  
  .row-newsletter #email {
	width: 400px;
	height: 50px;
	/* font-size: 1.2rem; */
  }
  
  .row-newsletter #submit {
	height: 50px;
	font-size: 1.2rem;
  }
  
  /** FOOTER **/
  
  footer {
	background-color: #ffffff;
  }
  
  	footer .navbar-brand {
		display : none ;
	}
	footer .navbar-nav {
		display: block ;
	}
	footer .sitemap li {
		margin : 0 ;
	}
  	footer .active .nav-link {
  		color: #0554a2;
  		text-decoration: underline ;
  	}
  	footer .tknav-div {
    	justify-content: space-around;
	}
  footer .sitemap h2 {
	color: rgb(111, 169, 45);
  }
  
  footer .sitemap a {
	color: #585858;
	text-decoration: none;
  }
  
  footer .sitemap a:hover {
	color: #0554a2;
  }
  
  footer .infos h3 {
    color: #0554a2;
    font-size: 1rem;
    font-weight: bold;
  }
  
  footer .infos li, footer .infos a {
	color: #585858;
	text-decoration: none;
  }
  
  footer .infos a:hover {
	color: rgb(111, 169, 45);
  }
  
  footer .copyright {
	background-color: #f5f5f1;
	border-top: 1px solid #b6b6b6;
  }
  
  footer .copyright p {
	font-size: 14px;
  }
  
  footer .copyright p a {
	color: #c58134;
  }
  
  footer .copyright p a:hover {
	color: rgb(111, 169, 45);
  }
  
  footer .fa {
	font-size: 21px;
	color: rgb(111, 169, 45);
  }
  
  .social-network .btn-secondary {
	background-color: #ffffff;
	border: none;
	color: rgb(111, 169, 45);
  }
  
  .social-network-2 .btn-secondary {
	background-color:  rgb(111, 169, 45);
	border: none;
	color: #ffffff;
  }
  
  .social-network-2 .fa {
	color: #ffffff;
  }

  /* MANSORY */
  .grid .grid-sizer,
  .grid .grid-item { width: 50%; }
  .grid .grid-item--width2 { width: 100%; }

/* //////////// */
.grid .grid-item h1, .grid .grid-item a{
  display: none;
  /* transition: all linear 2s;
  transition: all .3s ease-in-out; */
}

.grid  .grid-item p{
  margin: 0px;
}

.grid .grid-item:hover h1:before{
  /* position: absolute; */
  /* left: 50%;
  top: 50%; */
  /* transform: translate(-50%,-50%); */
  /* text-indent: 0; */
  /* top: 10%; */

  /* display: contents; */

  font-family: FontAwesome;
  content: "\f0c1";
  font-size: 14px;
  color: #0554a2;
  line-height: 2.41;

  width: calc((14px) * 2.41);
  height: calc((14px) * 2.41);
  background-color: #ffffff;
  letter-spacing: 0.2px;
  opacity: .9;
  border-radius: 20px;

  /* white-space: pre; */
  /* width: 100%; */

}
.grid .grid-item:hover h1{
  display: flex;
  flex-direction: column;  
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  background-image: linear-gradient(to top,rgba(111,169,45,0.57) 0,rgba(111,169,45,0.84) 100%);
  margin: 0;
  font-size: medium;
  color: white;
  text-align: center;
  justify-content: center;  
  /*
  width: 100%;
  height: 100%;
  line-height: normal;
  transform: translateX(-100%);  
  -webkit-transform-style: preserve-3d; */
}

.page-diapo .section-row-right{
  background-color: #ffffff;
  background-color: #ffffffd7;
  margin-left: 30px;
  margin-right: -30px;
}
@media (max-width: 767.98px){
 .page-diapo .section-row-right{
  background-color: #ffffff;
  background-color: #ffffffd7;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 30px;
  margin-bottom: 30px;
 }
}

.page-diapo .section-card-contact{
  background-image: none;
}
.page-diapo .row-newsletter{
  /* background-image: none; */
}

.page-diapo .divmultiarticle, .page-pharmacie .divmultiarticle{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  place-content: center;
}

.section-title-blue {
  color: #0554a2;
  font-size: 32px;
}
.section-title-white {
  color: #0554a2;
  font-size: 32px;
}
.section-sub-title-green {
  color: rgb(111, 169, 45);
  font-weight: bold;
  /* margin: 0px; color: rgb(5, 84, 162); font-size: 32px; line-height: 1.61; */
}

.card-stat{
  text-align: center;
  height: 220px; 
  background-color: rgb(111, 169, 45);
  border: 1px solid #6fa92d;
  padding: 3rem 5px;
  margin: 10px;
  font-family: Catamaran, Arial, Helvetica, sans-serif;
}
.card-stat h5{
  color: #ffffff; 
  font-size: 60px; 
  line-height: normal;
}
.card-stat p{
  color: #ffffff; 
  font-size: 16px;
}

.card-team{
  border-top: 10px solid #6fa92d;
  padding: 1.5rem;
  text-align: center;
  margin: 1rem;
}
.card-team p{
  font-size: 22px;
  line-height: 1.27;
}

.card-newsletter {
  background-color: rgba(1, 54, 119, 0.83);
  border-top: 10px solid #6fa92d;
  color: #ffffff;
  padding: 3rem;
  text-align: center;
}
@media (max-width: 767.98px){
 .card-newsletter {
  padding: 1rem;
 }
 .card-newsletter .w-100>div{
	width: 90%;
 }
}

.card-newsletter h5 {
  color: #ffffff;
}
.card-newsletter h6 {
  margin: 0px;
  font-size: 1em;
  color: rgb(245, 245, 241);
  font-size: 22px;
  line-height: 1.4;
}
.card-newsletter p {
  color: #ffffff;
}


.main-header-actu {
  background-color: #0554a2;
  background-attachment: fixed;
  background-size: cover;
  background-position: top center;
  width: 100%;
  min-height: 450px;
  height: 40vh;
  padding-bottom: 100px;
  padding-top: 25px;
  color: #ffffff;
}

.actualite-body{
  background-image: none;
  background-color: rgba(245,245,241,1);
  background-blend-mode: overlay;
}

.actualite-actus{
  /* clear: both;
  overflow: hidden; */
  margin: 20px -15px 10px -15px;
  padding: 5px 0;
  border-top: 1px solid #e7e6e6;
  border-bottom: 1px solid #e7e6e6; 

  /* border-top: 1px solid #e0dede; 
  border-bottom: 1px solid #e0dede; 
  padding: 5px 0px; */
}
@media (max-width: 767.98px){
.actualite-actus{
  margin: 20px 0px 10px 0px;
}

}

.main-header-pharmacie{
        background-color: #0554a2;
        background: url(../img/pharmacies.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: top center;
	width: 100%;
	min-height: 40vh;
	padding-bottom: 100px;	
	padding-top: 25px;
	color: #ffffff;
}

.row-card-new {
  position: relative;
  margin-top: -100px;
}

.sacCard{
  margin-left: auto;
  margin-right: auto;

  background-color: rgba(233, 233, 226, 0.87);
  border-top: 6px solid rgb(111, 169, 45);
  box-shadow: rgba(0, 0, 0, 0.41) 10px 10px 33px -21px;
  padding: 0px;
  min-height: 25rem;
  height: auto;
}
.paddingRow{
  padding: 0 25px 25px;
}

.btn-col3{
  margin-left:5%;
  margin-right:5%;
  margin-bottom:15px;
  font-size: 14px;
}

.titleCol3{
  margin: 0px;
  font-size: 1em;
  text-align: center;
  color: rgb(5, 84, 162);
  --fontSize: 16;
  line-height: 1.61;
  --minFontSize: 16;
}

.page-pharmacie .section-card-title h1 {
  color: #6fa92d;
}


.divmultiarticle.tk-flex-row{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  place-content: center;
}

.catalogue{
  text-align: center;
}

.divmultiarticle .catalogue{
  margin: 5px auto;
  background-color: rgba(233, 233, 226, 0.87);
  border-top: 6px solid rgb(111, 169, 45);
  box-shadow: rgba(0, 0, 0, 0.41) 10px 10px 33px -21px;
  min-height: 25rem;
  height: auto;
  padding: 10px 20px
}
.catalogue img{
  /* height: 250px;*/
}

.catalogue h1 {
  margin: 0px;
  font-size: 1em;
  text-align: center;
  color: rgb(5, 84, 162);
  --fontSize: 16;
  line-height: 1.61;
  --minFontSize: 16;
}

.row-services .row>div{
  width: 100%;
}

img:hover{
  transform: scale(1.05);
  transition: transform 1s
}
.grid .grid-item img:hover{
  transform: none ;
  transition: none ;
  cursor: pointer ;
}



.section-product-card {
  text-align: center
}

.section-product-card iframe {
  width: 100%
}


.product-title > .intro{
  display: none;
}

.main-header-product{
  background-color: #0554a2;
	background-size: cover;
	background-position: center  center;
	width: 100%;
	min-height: 40vh;
	padding-bottom: 100px;
 	padding-top: 25px;
	color: #ffffff;
}

@media (min-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1200px;
  }
}




/* same width for catalogue item */

.divmultiarticle .catalogue {
  margin: 5px auto;
  background-color: rgba(233, 233, 226, 0.87);
  border-top: 6px solid rgb(111, 169, 45);
  box-shadow: rgba(0, 0, 0, 0.41) 10px 10px 33px -21px;
  min-height: 25rem;
  height: auto;
  padding: 10px 20px;
  flex-basis: 250px;
  flex-grow: 1;
  margin: 5px;
}

.divmultiarticle .catalogue h1 {
  display: flex;
  flex-direction: row;
  place-content: center;
}

/* css petite sacherie */

  .divmultiarticle.card-deck-articles{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    place-content: center;
  }
  .divmultiarticle .card-deck-article {
    background-color: #fff;
    min-height: 25rem;
    height: auto;
    padding: 10px 20px;
    flex-basis: 45%;
    flex-grow: 1;
    margin: 15px;
    overflow: hidden;
    text-align: center;
  }

  .card-deck-article img{
    max-width: 100%;
    height: auto;
    transform: scale(1.2);
    margin-bottom: 25px;
  }

/*  css page devis */

.devis_tbl {
	overflow-x:auto; 
	padding: 2px 0 2px 1px ;
	text-align:left;
}
table.devis_tbl {
	width:100%;
	border:3px solid rgb(111, 169, 45) ;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	margin-top:10px;
}
.devis_tbl th {
	padding:0 5px 0 5px; 
	background-color:#F1F0EF;
	white-space: nowrap;
}	
.devis_tbl tr {
	 border:1px solid rgb(111, 169, 45) ;
	 padding-left:3px;
	 padding-right:3px;
	 line-height:25px;
	 background-color:white; 	 
	 text-align:left ;
}
.devis_tbl td {
	 border:1px dotted rgb(111, 169, 45) ;
	 padding: 10px 3px;
	 font-size:18px;
	 font-weight: bold ;	 
}


.cinquante_pc {
	width: 50% ;
}

* {
	margin: 0;
	padding: 0;
	outline: none;
}

 .divarticle_titre {
    font-size: 36px;
    font-weight: bold;
    color: white;
    margin: 0 0 30px 0px;
    text-shadow: 0.08em 0.08em 0.15em #000;
}
.texture_accueil {
	background-color: #ffffffd2;
}	

.texture {
	background-color: #ffffffd2;
}

#global-main {
	text-align: left ;
}

/* ul {
  margin: 0 0 0 75px;
} */

#rufsac_contact_form li, #rufsac_devis_form li {
  margin: 10px 0 0 0;
}
h2 {
	font-size: 200% ;
	font-weight: bold ;
	margin: 15px 0 15px 0 ;
}
#rufsac_contact_form ul, #rufsac_devis_form ul {
  list-style: none;
  margin: 0 0 0 0;
}
#rufsac_contact_form label, #rufsac_devis_form label {
  font-weight: bold;
}
#rufsac_contact_form textarea,
#rufsac_devis_form textarea {
	width: 450px ;
	height: 340px;
	resize: vertical ;
}
.contact_addr {
	border-top: 2px solid rgb(111, 169, 45); ;
}
.contact_addr h1 {
	font-size: 22px ;
	margin: 0 0 5px 20px ;
}
.contact_addr h2 {
	font-size: 16px ;
	margin: 0 0 0 20px ;
}
#rufsac_contact_form input#tkparams_rufsac_contact_form_submit,
#rufsac_devis_form input#tkparams_rufsac_devis_form_submit,
#rufsac_devis_form input#tkparams_rufsac_devis_form_continue {
	/* float: right ;
	height: 36px ;
	width: 200px ; */
	/* background: #0021be ; */
	/* border: none ; */
  /* color: white ; */
  

  background-color: #0554a2 !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  border: 1px solid #0554a2 !important;
  padding: 8px 16px !important;
}

.asterisk {
font-size: 75% ;
color: red ;
}
#rufsac_contact_form input,
#rufsac_devis_form input {

  width: 450px ;
  
  display: block;
  /* width: 100%; */
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#rufsac_contact_form textarea,
#rufsac_devis_form textarea {
	width: 450px ;
	height: 340px;
	resize: vertical ;
}

@media (max-width: 767.98px){
   #rufsac_contact_form input,
   #rufsac_devis_form input {
	width: 100%;
   }
   #rufsac_contact_form textarea,
   #rufsac_devis_form textarea {
	width: 100%;
   }
}


.rufsac_devis{
  padding: 25px;
  text-align: left;
}

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

footer li {
	margin-top : 0.5rem;
	margin-bottom : 0.5rem;
}


ul{
	padding-left: 0;
  list-style: none;
}

footer .sitemap h2 {
    color: rgb(111, 169, 45);
    font-size: 1.25rem;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

.button-link-green{
  background-color: rgb(111, 169, 45);
  border: none;
  color: #ffffff;
  margin-left: .25rem;
  margin-right: .25rem;
  padding: .375rem .75rem;
  font-family: "Catamaran" ;
  font-size: 1rem;
  text-transform: uppercase ;
  line-height: 1.5;
  border-radius: .25rem;
}

.button-link-white{
  background-color: #ffffff;
  border: none;
  color: rgb(111, 169, 45);
  margin-left: .25rem;
  margin-right: .25rem;
  padding: .375rem .75rem;
  font-family: "Catamaran" ;
  font-size: 1rem;
  text-transform: uppercase ;
  line-height: 1.5;
  border-radius: .25rem;
}

.button-link{
	cursor: pointer;
	
	display: inline-block;
  	font-weight: 400;

  	text-align: center;
  	vertical-align: middle;
  	user-select: none;

	font-family: "Catamaran" ;
  	font-size: 1rem;
	text-transform: uppercase ;
  	line-height: 1.5;

  	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

  	text-decoration: none;
  	outline: none;

  	background-color: #0554a2 ;
  	color: #ffffff;
  	border-radius: 0;
  	border: 1px solid #0554a2;
  	padding: 8px 16px;
}

.button-link:hover {
  background-color: #ffffff;
  color: #0554a2 ;
  text-decoration: none;	
}

.tk-row-titre{
	background-color: #0554a2;
    margin: 15px 30px;
    color: white;
    text-align: center;	
    font-size: 32px;
    font-family: font-family "PT Sans Caption", Arial;
}

.catalogue img {
    max-height: 250px;
    object-fit: contain;
    max-width: 50%;
}

.catalogue-full-img.catalogue img {
    max-width: 100%;
}


.page-diapo .divmultiarticle, .page-pharmacie .divmultiarticle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    place-content: center;
}

.divmultiarticle .catalogue {
	overflow: hidden;
    margin: 5px 10px;
    background-color: rgba(233, 233, 226, 0.87);
    border-top: 6px solid rgb(111, 169, 45);
    box-shadow: rgba(0, 0, 0, 0.41) 10px 10px 33px -21px;
    padding: 0px 0px 20px 0px;
    flex-basis: calc(50% - 20px);
    flex-grow: 0;
}

.divmultiarticle .catalogue h1 {
    display: flex;
    flex-direction: row;
    flex-shrink: 1;
    flex-wrap: wrap;
    justify-content: center;
}

@media (max-width: 767.98px) {
  .divmultiarticle .catalogue {
      flex-basis: 90%;
  }
}

/*============ catalogue jpg================*/


.catalogue_jpg img,
.catalogue_jpg_small img,
.catalogue_jpg_wide img {
    max-height: 325px;
    object-fit: cover;
    max-width: 100%;
    width: 100%;
}
.catalogue_jpg img.img-reset,
.catalogue_jpg_small img.img-reset,
.catalogue_jpg_wide img.img-reset {
    max-height: initial;
    object-fit: initial;
    max-width: initial;
    width: initial;
	transform: initial ;
}

.divmultiarticle .catalogue_jpg {
	overflow: hidden;
    margin: 5px 10px;
    background-color: rgba(233, 233, 226, 0.87);
    border-top: 6px solid rgb(111, 169, 45);
    box-shadow: rgba(0, 0, 0, 0.41) 10px 10px 33px -21px;
    padding: 0px 0px 20px 0px;
    /* padding: 10px 20px; */
    /* flex-basis: 33%; */
    /* flex-basis: 100px; */
    /* max-width: 33%; */
    flex-basis: 30%;
    /* margin: 5px; */
    /* flex: 1 1 33%; */
    flex-grow: 0;
    text-align: center;
}
.divmultiarticle .catalogue_jpg_small {
	overflow: hidden;
    margin: 5px 10px;
    background-color: rgba(233, 233, 226, 0.87);
    border-top: 6px solid rgb(111, 169, 45);
    box-shadow: rgba(0, 0, 0, 0.41) 10px 10px 33px -21px;
    padding: 0px 0px 20px 0px;
    flex-basis: 25%;
    flex-grow: 0;
    text-align: center;
}
.divmultiarticle .catalogue_jpg_wide {
	overflow: hidden;
    margin: 5px 10px;
    background-color: rgba(233, 233, 226, 0.87);
    border-top: 6px solid rgb(111, 169, 45);
    box-shadow: rgba(0, 0, 0, 0.41) 10px 10px 33px -21px;
    padding: 0px 0px 20px 0px;
    flex-basis: 45%;
    flex-grow: 0;
    text-align: center;
}

.divmultiarticle .catalogue_jpg h1,
.divmultiarticle .catalogue_jpg_small h1,
.divmultiarticle .catalogue_jpg_wide h1 {
    display: flex;
    flex-direction: row;
    flex-shrink: 1;
    flex-wrap: wrap;
    /* place-content: center; */
    justify-content: center;
}


@media (max-width: 767.98px) {
  .divmultiarticle .catalogue_jpg,
  .divmultiarticle .catalogue_jpg_small,
  .divmultiarticle .catalogue_jpg_wide {
      flex-basis: 90%;
  }
}


.catalogue_jpg h1,
.catalogue_jpg_small h1,
.catalogue_jpg_wide h1 {
    margin: 0px;
    font-size: 1em;
    text-align: center;
    color: rgb(5, 84, 162);
    --fontSize: 16;
    line-height: 1.61;
    --minFontSize: 16;
}
.divmultiarticle .catalogue.catalogue_team{
 flex-basis: 30%;
 min-height: 10rem;
}

@media (max-width: 767.98px){
    .divmultiarticle .catalogue.catalogue_team {
        flex-basis: 100% ;
    }
    .diapo_clients-group {
	height: 250px ;
	float: none ;
    }
    .diapo_realisations-group {
	height: 250px ;
	float: none ;
    }
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next  {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23000'/%3E%3C/svg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23000'/%3E%3C/svg%3E");
}
.sw4_helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.swiper-wrapper {
	width: 90% ;
}
.diapo_clients {
	height: 200px;
}
.diapo_clients img {
	max-width: 200px ;
}
.diapo_realisations {
	height: 250px;
}
.diapo_realisations img {
	max-width: 250px ;
}
.diapo_clients-group {
	height: 250px ;
	float: left ;
}
.diapo_realisations-group {
	height: 250px ;
	float: left ;
	margin: 0 15px ;
}
/*============================*/

.catalogue_team.divmultiarticle{
  flex-wrap: wrap-reverse;
}

/* --------- FONT ------- */
body, a.nav-link, .sitemap a{
  font-family: "PT Sans", Arial, Helvetica, sans-serif;
}

footer, a {
  font-family: Catamaran, Arial, Helvetica, sans-serif;
}

.nav-item{
  font-size: 16px;  
}

.section-card h5 {
    font-size: 1.3em;
}

.sitemap li {
    margin-top: 20px;
}

.contact-title h1{
	font-size: 60px;
	font-weight: 700;
}

.contact-body h5{
    font-size: 1.3em;
	color: #0554a2;
	margin-bottom: 25px;
}

.main-header-diapo h1, .main-header h1{
	font-size: 3em;
	font-weight: 700;
}

@media (max-width: 767.98px){
  .main-header-diapo h1, .main-header h1{
	font-size: 2.5em;
  }
}

.main-header p{
	font-size: 1.3em;
}

.main-header-diapo h2{
	font-size: 1.6em;
	font-weight: 400;
        line-height: 1.61;
}


.card-deck-article h2{
	font-size: 1.5em;
	font-weight: 400;
	margin-top: 35px;
}


.catalogue.avantages img{
	width: 50%;
	height: auto;
}

.divmultiarticle .catalogue.catalogue_4col{
	flex-basis: calc(25% - 20px);
}

@media (max-width: 767.98px){
	.divmultiarticle .catalogue.catalogue_4col{
		flex-basis: calc(100%);
	}
}

.divmultiarticle .catalogue.catalogue_3col{
	flex-basis: calc(33% - 20px);
}

@media (max-width: 767.98px){
	.divmultiarticle .catalogue.catalogue_3col{
		flex-basis: calc(100%);
	}
}


/*******   CTA ********/
.cta-title .intro{
	display: none;
}

.cta-title{
    display: flex;
    justify-items: center;
    align-items: center;
    color: #0554a2;
    font-size: 1.9em;
}

.cta-wrapper{
    margin: 0px -9px -25px;
    overflow: hidden;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 6% 30px 0px;
    min-height: 400px;
    display: flex;
}

.cta-block{
	align-items: flex-end
}
.cta-block>div{
    min-width: 300px;
	width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: rgb(137, 137, 137) 10px 10px 33px -20px;
    padding: 30px 15px;
    flex-basis: calc(50% - 20px);
    margin: 0px 10px;
    text-align: center;
}

.cta-block>div h3{
    font-size: 1.3em;
    margin-top: 50px;
    margin-bottom: 20px;
}

.cta-block>div li{
    padding: .7em 0;
    border-bottom: 1px solid #67615a2e;
}


@media (max-width: 1200px){
	.cta-wrapper{
		flex-wrap:wrap;
		padding-bottom: 10%;
	}
	.cta-block{
		width:100%;
	}
}

/*@media (max-width: 767.98px){*/
@media (max-width: 1200px){
	.cta-wrapper {
    		background-position: center center;
	}
	.cta-block, .cta-wrapper{
		flex-direction: column;
		align-items: center;
	}
	.cta-block>div{
		margin-top: 10px;
     }
     .cta-title h2{
	font-size: 1.5em;
     }
}

.fa-check { color : #6fa92d;}

/***** FORM ******/
.article_newsletter form.newsletter ul{
    display: flex;
    align-items: center;
    justify-content: center;
}

form.newsletter input[type=text]{
    /*height: calc(1.5em + .75rem + 2px);*/
    height: 60px;
    padding: .375rem .75rem;
    font-size: 1rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    width: 100%;
    width: 30vw;
}

form.newsletter input[type=submit]{
    margin-left: 10px;
    padding: 17px 40px;
    line-height: 21px;
    font-size: 18px;
    width: auto;
    background: #0554a2;
    color: #ffffff;
    border: 1px solid white;
    height: 60px !important;
}

form.newsletter li{
	margin: 10px;
}
@media (max-width: 767.98px){
	form.newsletter ul{
		flex-direction: column;
	}
	form.newsletter li{
	    width: 100%;
	    margin: 0px;
    }
	form.newsletter input[type=text]{
    		width: 100%;
	}
	form.newsletter input[type=submit]{
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
		padding: 0px
	}

	 .article_newsletter form.newsletter li{
	    width: 70%;
    	}

	.article_newsletter form.newsletter input[type=submit]{
		width: 70%;
	}}
.row-newsletter p{
	font-size: 1.2em;
}
.counter {
    color: #ffffff;
    line-height: normal;
    font-size: 60px;
    /*font-size: 4rem;*/
    margin-bottom: .5rem;
    font-weight: 500;
}

.text-blue {
    color: #0554a2;
}

.row > div{
	width: 100%;
}

footer .infos li {
	display: flex;
	margin: 20px 0px;
}

.article.download-catalogue{
	margin: 3em 0px;
}

.article.download-catalogue a{
	width: 100%;
	font-size: 1.3em;
}

.header-personalisation .main-header {
    background: url(../img/personnalisation-2.jpg);
    background-size: cover;
    background-position: center center;
}

/**** responsive ****/
.logo-footer img {
    width: 100%;
}
@media (max-width: 767.98px){
	.logo-footer{
		text-align: center;
	}
	.logo-footer img {
    		width: 60%;
	}
}

@media (min-width: 768px) {
  .w-md-75 {
    width: 75% !important;
  }
 .w-md-50 {
    width: 50% !important;
  }

}

/**** hide menu ****/

@media (max-width: 767.98px){
  .dropdown-menu.tknav-dropdown {
    display: none !important;
  }

  .tknav-a.dropdown-toggle::after{
	display:none;
  }


  .active .nav-link{		
    border-top-width: 0px;
    border-right: 3px solid white;
  }
  
}

.actualite-body .intro{
	display: none;
}

.actualite-body .grid-item .article{
	text-align: center;
}

.main-header-actu h1{
    font-size: 2.9rem;
    font-weight: 700;
}


@media (min-width: 768px) {
	.actualite-body .grid-item .article{
		padding: 3rem;
	}
}

.actualite-body .grid-item .article h2{
	color: #6fa92d;
	font-size: 1.9em;
    	font-weight: 400;
}

.actualite-body .grid-item .article h1{
	font-size: 4rem;
    	font-weight: 700;
	color: #333338;
}

@media (max-width: 767.98px){
  .main-header-actu h1{
    font-size: 2.5rem;
  }

  .actualite-body .grid-item .article h1{
	font-size: 2.8rem;
  }
}

.actualite-body .grid-item .article img{
    max-width: 100%;
    height: auto;
}

.secteur-activite{
    text-align: center;
}
    
    
.secteur-activite img {
    width: 75%;
    height: auto;
}

.list-check>li{
    display: flex;
    border-bottom: 1px solid #e0dede;
    align-items: baseline;
}

.list-check>li>*:nth-child(2) {
    flex-grow: 1;
}

.bg-light {
    /* background-color: #f5f5f1!important; */
}

.row-card .fa.fa-inverse {
    color: #fff;
}

/******* line *******/

.line {
  display: flex;
  flex-direction: row;
}
.line:before, .line:after{
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #000;
  margin: auto;
}
.line:before {
  margin-right: 10px
}
.line:after {
  margin-left: 10px
}

.line.line-white:before,
.line.line-white:after{
	border-bottom-color: #fff;
}

.line.line-blue:before,
.line.line-blue:after{
	border-bottom-color: #0554a230;
}

.line.line-left:before{
	display: none;
}

.secteur-title h1 {
    font-size: 2rem;
}

.main-header-product, .main-header-pharmacie, .main-header-actu, .main-header-diapo, .main-header-2, .main-header{
    min-height: 480px;
  }
  .main-header-product{
    min-height: 280px;
  }
  
  .main-header-actu{
     min-height: 290px;
  }

@media (min-width: 768px) {
  .main-header-pharmacie, .main-header-diapo, .main-header-2, .main-header{
    height: 600px;
  }
  .main-header-product{
    height: 380px;
  }
  .main-header-actu{
     height: 460px;
  }
}

 .divmultiarticle > .catalogue_stats {
     flex-basis: 20%;
 }

@media (max-width: 999px){
 .divmultiarticle > .catalogue_stats {
     flex-basis: 100%;
 }
}

.divmultiarticle.catalogue_stats{
	margin: 0px -15px;
}

header{
	position: fixed;
	width: 100%;
	z-index: 1000;
}
main{
	padding-top: 80px;
}


@media (max-width: 767.98px){
    .diapo_standard {
	height: 325px ;
	float: none ;
    }
}
.diapo_standard {
	height: 325px ;
	float: left ;
}

.remove_fp p:nth-child(1) {display: none}

/* src: https://stackoverflow.com/questions/20443574/fixed-background-image-with-ios7*/
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  .main-header-pharmacie, .main-header-actu, .row-newsletter, .main-header-diapo, .main-header-2, .main-header, body {
       background-attachment: scroll;
   }
}
/*
@media (max-width: 767.98px){
   .main-header-pharmacie, .main-header-actu, .row-newsletter, .main-header-diapo, .main-header-2, .main-header, body {
       background-attachment: scroll;
   }
}*/

table.devis_tbl {
   width: 98%;
   margin: auto;
   display: block;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
}

table.devis_tbl td {
   position: relative;
}

/*table.devis_tbl td input {
   position: absolute;
   right: 6px;
}*/

table.devis_tbl.devis_tbl>tbody{
	width: 100%;
    display: table;
}

@media (max-width: 1200px){
	#rufsac_devis_form > div ,
	#rufsac_devis_form input ,
	#rufsac_devis_form textarea {
		 width: 100%; 
	}
}

/*
@media screen and (max-width: 768px) {
    .section-title img {
      width: 100%
    }
}
  
@media screen and (max-width: 1024px) {
    .section-title .row.no-gutter{
        display: grid;
        grid-template-columns: 25% auto;
        height: 240px;
    } 
    .section-title > div{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .section-title .article > div{
        display: flex;
    align-items: center;
    justify-content: center;
    }
    .section-title img {
      width: 75%
    }
}
*/
@media screen and (min-width: 768px) {
    .section-title img {
      width: 75%
    }
}
  
@media screen and (max-width: 1024px) {
    .section-title .row.no-gutter{
        display: grid;
        grid-template-columns: 25% auto;
        height: 240px;
    } 
    .section-title > div{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .section-title .article > div{
        display: flex;
    align-items: center;
    justify-content: center;
    }
    .section-title img {
      width: 75%
    }
}


@media screen and (max-width: 767.98px) {
    .divmultiarticle.catalogue_team :nth-child(4) {
        order: 1;
    }
}