@import url('https://fonts.googleapis.com/css?family=Montserrat|Playfair+Display&display=swap');
@import url("/include/fonts/font-awesome/styles-font-awesome.css");

@font-face
{
  font-family: 'Source-sans-pro-bold';
  src: url('police-source-sans-pro/SourceSansPro-Bold.ttf');
}

.police1
{
  font-family: 'Source-sans-pro-bold';
}

@font-face
{
  font-family: 'Source-sans-pro-semibold';
  src: url('police-source-sans-pro/SourceSansPro-SemiBold.ttf');
}

.police2
{
  font-family: 'Source-sans-pro-semibold';
}

@font-face
{
  font-family: 'Source-sans-pro-regular';
  src: url('police-source-sans-pro/SourceSansPro-Regular.ttf');
}

.police3
{
  font-family: 'Source-sans-pro-regular';
}

body,label
{
  margin: 0;
  padding: 0;
  color: #4f4e4e;
  overflow-x: hidden;
	 font-family: 'Source-sans-pro-regular';
}

*
{
  margin: 0;
  padding: 0;
}

.cc-color-override-688238583.cc-window
{
  z-index: 200000000000;
}


img {
  vertical-align: middle;
}

.fb-ai-flex-end
{
  align-items: flex-end;
}

.fb-jc-space-evenly
{
  justify-content: space-evenly;
}
.img100 {
    height: auto!important;
}
.ascenseur
{
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s;
  position: fixed;
  right: 25px;
  bottom: 5%;
  z-index: 1000;
  background-color: #8e8e8e;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ascenseur a, .lienpanier a
{
  color: #212026;
  padding: 10px 15px;
}

.display-sm,
.display-md,
.display-xs
{
  display: none;
}
.logo.display-sm img {
	max-width: 60%!important;
}
.logo.display-sm a {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.relative
{
  position: relative;
}

.absolute
{
  position: absolute;
}

.noneline
{
  text-decoration:none;
}

.uppercase
{
  text-transform: uppercase;
}

.borderBottom
{
  border-bottom: 1px solid #4f4e4e;
  padding: 3px 0;
}

.center
{
  text-align: center;
}

.fs1
{
  font-size: 14px;
}

.fs2
{
  font-size: 15px;
}

.fs3,
h2
{
  font-size: 24px;
}

.fs4
{
  font-size: 13px;
}

.fs5
{
  font-size: 18px;
}

.fs5
{
  font-size: 16px;
}

.bg1 /* gris clair */
{
  background: #d0cece ;
}

.bg2 /* gris très foncé */
{
  background: #4f4e4e;
}

.bg3  /* bleu foncé */
{
  background: #1717e6 ;
}

.bg4   /* bleu clair */
{
  background: #4f81bd;
}

.bg5  /* gris foncé */
{
  background: #939393;
}

.bg6 /* gris très clair - bg du footer copy */
{
  background: #e6e4e4;
}

.color1 /* gris foncé */
{
  color: #4f4e4e;
}

.color2, .color2 .divMobile a 
{
  color: #fff!important;
}
.viewTel .divMobile {
    padding: 5px!important;
}
.color4 /* bleu clair */
{
  color: #4f81bd;
}

.pdbt1
{
  padding: 20px 0;
}

.pdt1
{
  padding-top: 20px;
}

.pdbt2
{
  padding: 7px 0 7px 0;
}
.pd2
{
  padding: 7px;
}

.pdr1
{
  padding-right: 2px;
}

.pdb3
{
  padding-bottom: 35px;
}

.pdbt4
{
  padding: 40px 0;
}

.mgb1
{
  margin-bottom: 30px;
}

.mgb2
{
  margin-bottom: 80px;
}

.mgb3
{
  margin-bottom: 20px;
}

.mgb4
{
  margin-bottom: 105px;
}

.lineHeight
{
  line-height: 10px;
}

h1,
h3
{
   font-size: 30px;
}

h1
{
  color: #4f81bd;
}

h1,
h2,
h3
{
  text-transform: uppercase;
}

h2,
h3,
main p
{
  color: #4f4e4e;
}

.visibilityHidden
{
  visibility: hidden;
}
h3 a {
	text-decoration: none;
	color: #4f4e4e;
}
.hidden {
	display: none;
}

/*Panier general*/
.separateur {
	background-color:#CDDBE6;
	height:2px;
	margin:0px;
	padding:0px;
}
.titrecolpanier {
	background-color:#5D7077;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
#paniergeneral td {
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 5px;
padding-right: 5px;
}
.total {
	background-color:#94A5AB;
	color:#000000;
	font-weight:bold;
	padding:2px;
}

*[class^="ral"]{
	border: thin solid black;
}
*[class^="volume_benne"]{
	border: thin solid black;
}
*[class^="ral"] label{
   color : #fff!important;
	display: flex;
	height: 30px;
	align-items: center;
}
.ral0 label,.ral9010 label ,.ral9006 label ,.ral9002 label ,.ral7032 label ,.ral7035 label ,.ral1015 label ,.ral6021 label {
	color: #000!important;

}
.ral9010 {
	background-color: #f4f4ed;
}
.ral2004 {
	background-color: #e8540d;
}
.ral9006 {
	background-color: #d4d5d0;
}
.ral9007 {
	background-color: #959695;
}
.ral9005 {
	background-color: #1a181a;
}
.ral9002 {
	background-color: #dbddd7;
}
.ral8024 {
	background-color: #944e2e;
}
.ral8012 {
	background-color: #732d26;
}
.ral8014 {
	background-color: #4c3d28;
}
.ral7042 {
	background-color: #929b9b;
}
.ral7037 {
	background-color: #7f8284;
}
.ral7024 {
	background-color: #454a51;
}
.ral7032 {
	background-color: #b5b7a9;
}
.ral7015 {
	background-color: #494f57;
}
.ral7016 {
	background-color: #363d43;
}
.ral7022 {
	background-color: #454342;
}
.ral7006 {
	background-color: #7c6b5d;
}
.ral7035 {
	background-color: #c3caca;
}
.ral5008 {
	background-color: #203642;
}
.ral3000 {
	background-color: #bb2426;
}
.ral3020 {
	background-color: #bf111b;
}
.ral5010 {
	background-color: #00427f;
}
.ral1015 {
	background-color: #f1e4ca;
}
.ral6021 {
	background-color: #7da381;
}
.ral6005 {
	background-color: #0e4438;
}
.ral6011 {
	background-color: #5b835e;
}
.ral6018 {
	background-color: #4b9b3e;
}

.titre_tab_fiche {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	background-color: #999999;
	padding-left: 5px;
}
/* AJOUT COORD */
.bloc-ident {
	
}
.dn-sm {
	display:none;
}
.dn {
	display:none;
}
.bloc-ident > div:first-child {
	background-color: #5D7077;

	color: #fff;
	font-weight: bold;
}

.bloc-ident > div
{
	border: thin solid #5D7077;
	padding: 5px;
}
.bloc-ident input,.bloc-ident textarea ,.bloc-ident select {
		padding: 5px;
	margin-top: 5px;
}
.bloc-ident input:not([type='checkbox']),.bloc-ident textarea,.bloc-ident select   {

	width: 90%;
}

#devis.bloc-ident input:not([type='checkbox']),#devis.bloc-ident textarea,#devis.bloc-ident select   {

	width: 100%;
}

.bloc-ident input[type=submit],.btnsubmit {
	background-color: #5D7077;
	color: #fff;
	text-transform: uppercase;
}
.btnsubmit {
	display: inline-block;
	width: 90%;
	padding: 5px;
	
}
a.btnsubmit {
	margin-top: 5px;
	text-decoration: none;
	color: #fff;
}
a.nodec {
	text-decoration: none;color: #5D7077;
}
.btnvoircarac 
	 {
    background-color: #4f81bd;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    text-transform: none;
    color: white;
    font-weight: normal;
    margin-top: 10px;
		 margin-right: 5px;
		 margin-left: 5px;
}

/*----------------------------------------------------*/
/*---------------------- HEADER ----------------------*/
header a {
	text-decoration: none;
}
nav .logo
{
  margin-top: 25px;
  margin-bottom: 20px;
  background: #fff;
}

nav
{
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  /*height: 100vh;*/
}

nav ul
{
  padding-left: 0px;
}

nav li
{
  list-style-type: none;
  width: 100%;
}

nav ul li ul li ul li:not(:last-child)
{
  border-bottom: 1px solid #4f4e4e;
  padding: 3px 0;
}

nav a,
nav span
{
  text-decoration: none;
  color: #4f4e4e;
}

.li1
{
  font-family: 'Source-sans-pro-bold';
  font-size: 24px;
  margin-top: 30px;
  margin-bottom: 40px;
  display: inline-block;
}

.li2,
nav ul li ul li ul li,
.noteInfo
{
  font-size: 18px;
}

.li2
{
  font-family: 'Source-sans-pro-semibold';
  cursor: pointer;
}

nav ul li ul li ul li
{
  font-family: 'Source-sans-pro-regular';
}

/*.li3::after
{
  content: "\25BC";
  padding: 0 7px;
  width: 8px;
  text-align: center;
  transition: all 0.35s;
}*/

.noteInfo
{
  margin-top: 50px;
}


*[class^="ssMenu"]
{
  transition: all 1s;
  max-height: 0;  
  overflow: hidden;
  z-index: 10000000;
}

*[class^="flecheBas"]
{
  display: inline-block;
  width: 15px!important;
  height: 13px!important;
}



header .ssHeader1
{
  max-width: 33%;
}

header .ssHeader2
{
	min-width: 100%;
/*
  min-width: 67%;
  margin-bottom: 7px;
*/
}

header .header2 a
{
  padding: 0 0 0 10px;
}

header .header2 a:not(:last-child):after
{
  content: '|';
	padding: 0 0 0 10px;
}



header .divIconeDevis
{
  width: 30%;
}

header .divDevisContact
{
  width: 70%;
}

header .flag
{
  margin: 0 2px;
}

header .panier
{
  padding: 0;
}
header .panier > div
 {
    /*position: fixed;*/
    padding: 10px;
    border-radius: 10px;
    background-color: #d0cece;
	 right: 10px;
}
.panierdetails {
position: absolute;
top: 50px;
background-color: #DFDEDE;
	padding: 10px;
width: 300px;
right: 0px;
border-radius: 20px;
	display: none;
}

.h100 {
	height: 100%;
}


/*----------------------------------------------------*/
/*---------------------- HEADER / FOOTER ----------------------*/

header .ssHeader2 .divIconeTel,
footer .divIconeTel
{
  width: 20%;
}

header .ssHeader2 .divIconeTel i,
footer .divIconeTel i
{
  font-size: 28px;
}

header .ssHeader2 .divTelContact,
footer .divTelContact
{
  width: 80%;
}



/*----------------------------------------------------*/
/*---------------------- FOOTER ----------------------*/
footer .footer p
{
  font-size: 16px;  
}

footer .ssFooter
{
  border-right: 1px solid #fff;
}

footer #copy
{
  font-size: 16px;
}

footer #copy img
{
  margin-left: 10px;
}


/*----------------------------------------------------*/
/*---------------------- INDEX ----------------------*/

.divSlide
{
  padding: 0 10px;
}

.produit {
	padding: 20px 45px;
}

.bloc_produit {
	background-color: #e6e4e4;
	font-size: 18px;
	height: 100%;
}
.bloc_produit img {
	text-align: center;
}
.bloc_produit .nom_prod {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
}
.bloc_produit h4 {
	text-transform: uppercase;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	color: black;
}
.bloc_produit h4 a{

	color: #4f4e4e;
}
.bloc_produit .prix {
	text-transform: uppercase;
	text-align: center;
	color: #4f81bd;
	font-weight: bold;
	font-size: 24px;
		padding-top: 10px;
	padding-bottom: 10px;
}
.prix label {
	font-size: 16px;
}
.prix label input, .val input {
	height: 20px;
	width: 40px;
	text-align: center;
}

.rouleauxar label input, .val .rouleauxar input {
	height: 20px;
	width: initial;
	text-align: center;
}
.rouleauxar label  {
	white-space: nowrap;
}

.bloc_produit .btn a {
	text-decoration: none;
	color: #fff;
}
.btn button {
	border: none;
	background-color: transparent;
	
  cursor: pointer;
}
.bloc_produit .btn a .panier,.bloc_produit .btn a .devis, .bloc_produit .btn button .panier,.bloc_produit .btn button .devis {

	border-radius: 5px;
	margin-bottom: 7px;
	
}
.bloc_produit .btn a .panier, .bloc_produit .btn button .panier {
	background-color: #fff;
	color: #393939!important;
	
}
.bloc_produit .btn a .devis,.bloc_produit .btn button .devis {
	color: #fff;
}

.bloc_produit .btn a .divIconeDevis {
	padding-right: 10px;
}






 /* Style the tab */
.tab {
  overflow: hidden;
  
}

/* Style the buttons that are used to open the tab content */
.tab button {
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
	margin-right: 20px;
	border: 1px solid #ccc;
  background-color: #f1f1f1;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
	width: 100%;
  
	margin-top: 20px;
  border: 1px solid #ccc;
} 
.tabcontent h3 {
	text-align: center;
	font-size: 18px;
	padding: 10px 12px;
}
.tabcontent > p {
	padding: 10px 12px;
}
.tabcontent > p:nth-child(odd),#caracteristiques > div> div:nth-child(odd), #options > div:nth-child(odd) {
	background-color: #f0f0f0;
}
.tabcontent > p:nth-child(even),#caracteristiques > div> div:nth-child(even) ,#options > div:nth-child(odd)  {
	background-color: #f6f6f6;
}
#caracteristiques > div{
	text-align: center;
	
}
#caracteristiques .lib {
	font-weight: bold;
}
#caracteristiques > div > div, #options > div > div{
padding: 10px 12px;
	
}
.no_result {
	font-size: 14px;
	font-weight: bold;
}
#texte_total {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
.img50 {
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
 /* cookie consent */
.cc-window.cc-banner.cc-type-info 
{

    z-index: 10000000000000!important;
}
select.ral, select.ral option,select.volume_benne, select.volume_benne option {
	height: 30px;
	line-height: 30px;
}

.entete_message {
	background-color: #CCCCCC;
	color: #333333;
}
.tab_message_int {
	border: thin solid #CCCCCC;
	color: #333333;
}
.texte_entete_msg {
	margin-right: 5px;
	margin-left: 5px;
}
.error {
	font-weight: bold;
	color: #FF0000;
	display: block;
}
.libel_tab {
	padding-top: 3px;
}

iframe.video1 {
	max-width: 560px;
	height: 315px;
	width: 100%;
}
.hiddenfr {
	display: none;
}
:not(:lang(fr)) .hiddenfr {
	display: flex;
}
:not(:lang(fr)) .cacheautrefr {
	display: none;
}
h1.ficheprodh1 {
	color: #4f4e4e;
text-align: center;
padding: 0 10px;
text-transform: initial;
font-size: 18px;
display: block;
width: 100%;
}

/* SERVICE EXPORT */

#service-export-h1 {
	font-size: 2.5rem;
	margin: 3rem 0;
}

h2.contactez-nous, a.contactez-nous {
	display: block;
	margin: 3rem 0;
	color: #4f81bd;
	font-size: 1.8rem;
}

#text-service-export-container {
	padding: 0 8rem;
	text-align: justify;
	flex: 1;
}

#bg-container-service-export {
	background-image: url('../images/bg-europe.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	flex: 1;
}

.p-service-export {
	margin-bottom: 2rem;
}
.mgphoto{
margin : 10px;
}
.pointer {
	cursor : pointer;
}