/* GENERAL : boutons, clear, marges, couleurs... */
a{
color:#693;
text-decoration:none;
}
a:visited{color:#906;}
a:hover{
color:#060;
text-decoration:underline;
}

h1{
margin:0px;
margin-top:5px;
margin-bottom:5px;
color:#000;
text-align:center;
/* width:720px; */
font-size:16pt;
}

h2{
margin:0px;
margin-top:0px;
margin-bottom:5px;
color:#39f;
font-size:14pt;
font-weight:normal;
text-align:left;
}
h3{
margin:0px;
font-size:11pt;
text-align:left;
}
h4{
margin:0px;
font-size:10pt;
text-align:left;
}

.clear{
clear:both;
margin:0px;
padding:0px;
}
.left{float:left;}
.right{float:right;}

.margin0{margin:0px;}
.margin5{margin:5px;}
.margin10{margin:10px;}
.margin15{margin:15px;}
.margin20{margin:20px;}

.margin-L5{margin-left:5px;}
.margin-L10{margin-left:10px;}
.margin-L15{margin-left:15px;}
.margin-L20{margin-left:20px;}
.margin-L30{margin-left:30px;}
.margin-L40{margin-left:40px;}
.margin-L50{margin-left:50px;}

.margin-R5{margin-right:5px;}
.margin-R10{margin-right:10px;}
.margin-R15{margin-right:15px;}
.margin-R20{margin-right:20px;}

.padding0{padding:0px;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:20px;}

.padding-L5{padding-left:5px;}
.padding-L10{padding-left:10px;}
.padding-L15{padding-left:15px;}
.padding-L20{padding-left:20px;}

.padding-R5{padding-right:5px;}
.padding-R10{padding-right:10px;}
.padding-R15{padding-right:15px;}
.padding-R20{padding-right:20px;}


.couleur01{color:#060;}
.couleur02{color:#39f;}
.couleur03{color:#fff;}
.couleur04{color:#888;}
.couleur05{color:#000;}

.centrehauteur{position:absolute;top:50%;transform:translateY(-50%);}

tr.ligne00{
background-color:#669933;
}
tr.ligne01{
background-color:#eee;
}
tr.ligne02{
background-color:#ddd;
}
tr.ligne03{
background-color:#ccc;
}
tr.ligne04{
background-color:#ff3;
}
tr.ligne05{
background-color:#ffffcc;
}
tr.ligne06{
background-color:#fff;
}
td.ligne04{
background-color:#ff3;
}
td.ligne05{
background-color:#ffffcc;
}
.size8{font-size:8pt;}
.size9{font-size:9pt;}
.size10{font-size:10pt;}
.size11{font-size:11pt;}
.size12{font-size:12pt;}
.size14{font-size:14pt;}
.size16{font-size:16pt;}
.size18{font-size:18pt;}
.size20{font-size:20pt;}

.bold{font-weight:bold;}
.italic{font-style:italic;margin:0px;padding:0px;}

.rouge{color:#f00;}

.aere-Top5{margin-top:5px;}
.aere-Top10{margin-top:10px;}
.aere-Top15{margin-top:15px;}
.aere-Top20{margin-top:20px;}
.aere5{margin:5px;}
.aere10{margin:10px;}
.aere15{margin:15px;}
.aere20{margin:20px;}

.separation{
height:18px;
background-image:url('../img/decole-bas-petit.jpg');
background-repeat:no-repeat;
background-position:bottom;
}
.separation-2{
height:10px;
margin:5px;
/*border-bottom:solid 1px #ccc; */
}

/* SITE */

body {
    /* background-image: url('../img/body-bg-noel-2021.jpg'); */
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-color: #ececec;
    color: #000;
    font-size: 10pt;
    font-family: "Arial", Helvetica, sans-serif;
    margin: 0px;
    text-align: center;
}
#site {
    margin: 0 auto;
	margin-bottom: 50px;
    padding: auto;
    width: 1200px;
    background-color: #fff;
    border: solid 1px #fff;
        border-top-color: rgb(255, 255, 255);
        border-top-style: solid;
        border-top-width: 1px;
    border-top: none;
    text-align: left;
    padding-top: 0px;
    overflow: hidden;
    font-size: 10pt;
    font-family: "Arial", Helvetica, sans-serif;
}

div#html{
margin-bottom:5px;
}
/* HEADER */
#zone-gauche {
    float: left;
    width: 290px;
    height: 80px;
}

#logo {
    width: 290px;
    text-align: center;
    float: left;
    margin-top: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    background-color: #fff;
}
#zone-centre{
margin-top:5px;
}
#zone-news{
float:left;
background-image:url('../img/cadre-newsletter02.gif');
background-repeat:no-repeat;
background-position:top;
width:283px;
height:62px;
padding-top:7px;
line-height:24px;
margin-top:7px;
text-align:center;
}
#zone-news input{
cursor:pointer;
}
#navigation{
margin:0px;
padding:0px;
margin-top:3px;
}
#btn{
width:107px;
height:31px;
overflow:hidden;
text-align:center;
}
#btn a{
color:#690;
width:107px;
line-height:31px;
font-weight:bold;
}
#btn a:hover{
color:#060;
text-decoration:none;
}
#btn:hover{
}
.btn-normal{
position:relative;
z-index:0; 
}
#btn-ligne-double{
width:107px;
height:31px;
overflow:hidden;
text-align:center;
}
#btn-ligne-double a{
color:#690;
width:99px;
line-height:14px;
font-weight:bold;
font-size:9pt;
padding-top:2px;
}
#btn-ligne-double a:hover{
color:#060;
text-decoration:none;
}
#btn-ligne-double:hover{
}
input.btn-recherche-top{
	background: url("../img/icone-loupe-recheche.png");
	background-repeat: no-repeat;
    border: 0 solid #fff;
    cursor: pointer;
    height: 31px;
    width: 37px;
}
input.btn-recherche-top:hover {
    background-position: -37px center;
}
.div-zone-recherche-top {
    border-color: #693;
    border-radius: 5px 0 0 5px;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    height: 31px;
    padding: 0 2px;
    width: 520px;
}
.FormEncadre2{
border:0px solid #fff;
padding:6px;
width:515px;
}

#contenu-site {
    background-image: url('../img/menu-gauche-bg.gif');
    background-repeat: repeat-y;
    background-position: left;
    background-position-x: left;
    background-position-x: 70px;
}

/* MENU GAUCHE */
#menu-gauche {
    float: left;
    width: 290px;
    margin-top: -5px;
    margin-bottom: 352px;
    position: relative;
    z-index: 10;
}

#menu-gauche input{
cursor:pointer;
margin:0px;
padding:0px;
}
#titre-menu-gauche {
    background-color: #690;
    width: 292px;
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.titre-menu-gauche-class {
    background-color: #690;
    width: 292px;
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#menu-gauche-contenu{
margin-left:4px;
margin-right:0px;
}
#menu-gauche-contenu .avismenugauche{
text-align:left !important;
}
/* LISTE-SCROLLINDEX */
#liste-plantes-scrollindex {
    margin-top: 5px;
    height: 224px;
    overflow: auto;
    width: 280px;
    border: solid 1px #ddd;
    background-color: #cf9;
    padding-left: 0px;
    font-size: 8pt;
}
#liste-scrollindex {
margin-top:5px;
height:400px;
overflow:auto;
width:202px;
border:solid 1px #ddd;
background-color:#cf9;
padding-left:3px;
font-size:8pt;
}
#liste-scrollindex p{
overflow:hidden;
/*height:16px;*/
margin:0px;
padding:0px;
font-size:8pt;
}
#liste-scrollindex p a{
color:#060;
padding-left:17px;
display:block;
}
#liste-scrollindex p a:visited{
/*font-weight:normal;*/
color:#906;
}
#liste-scrollindex p a:hover{
font-weight:bold;
color:#690;
}
#liste-scrollindex p.famille-scrollindex a{
color:#060;
background-image:url('../img/menu-gauche-puce02.gif');
background-repeat:no-repeat;
background-position:left top;
padding-left:17px;
display:block;
}
/* CONTENU PAGE */
#contenu-page {
    float: left;
    width: 850px;
    text-align: center;
    margin-bottom: 5px;
    margin-left: 30px;
}

.titre-accueil{
font-weight:bold;
font-size:12pt;
}

/* BOUTONS PANIER */
#boutons_panier ul{
	list-style: none;
	padding: 0;
	margin-top: 30px;
}
#boutons_panier ul li{
	display: inline-block;
	width: 174px;
	margin-left: 10px;
}
#boutons_panier ul li:first-child{
	margin-left: 0;
}
#boutons_panier ul li a{
	font-weight: bold;
	color: #39f;
	/*display: block;*/
	display: inline-table;
	height: 50px;
	/*border-radius: 5px;*/
	/*background: linear-gradient(to bottom, #9c6 10%, #693 66%, #360 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	/*background: url("../Images/bg.png") repeat scroll 0 0 transparent;*/
	border: 1px solid #39f;
	width: 100%;
	text-align:center;
}
#boutons_panier ul li:last-child > a.finaliser {
	color: #fff;
	background-color:#FF9934;
	/*border-radius: 5px;*/
	border: 1px solid #FF9934;
}

/* PAGE COMMANDE */
.savoirplus {
	border: 1px solid #39f;
	text-align: center;
	width: 100%;
}
.savoirplus a{
	color: #39f;
	font-size: 8pt;
	font-weight: bold;
}
#adrliv {
	border: 1px solid #7A835C;
	height:145px;
	align:left;
}
#adrliv .titre{
	background-color:#E3EBDD;
	height:30px;
	border-bottom: 1px solid #7A835C;
	font-size: 15px;
	font-weight: 700;
	text-align:center;
	padding-top:5px;
}
#adrliv .adr{
	margin:5px;
	font-size: 10pt;
	text-align: left;
}
.bouton_modif {
	border: 1px solid #39f;
	text-align: center;
	height:30px;
	margin-top: 3px
}
.bouton_modif a{
	color: #39f;
	font-weight: bold;
}
.modreg {
	margin-top: 15px;
	width: 40%;
	background-color:#FF9934;
	border: 1px solid #FF9934;
	color: #fff;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	cursor:pointer;
}
.modreg a{
	border: 1px solid #39f;
	margin-top: 10px;
	text-align: center;
	width: 35%;
	color: #fff;
	background-color:#FF9934;
	border: 1px solid #FF9934;
}

/* PAGE MODE REGLEMENT */
#apayer {
	margin-top: 15px; 
	margin-left: 19px;
	width: 510px;"
}
#apayer_4btn {
	float: left; 
	margin-top: 140px; 
	margin-left: 60px; 
	width: 300px;"
}
#apayer_3btn {
	float: left; 
	margin-top: 120px; 
	margin-left: 60px; 
	width: 300px;"
}
#sommeapayer {
	border: 1px solid #7A835C;
	height:40px;
	padding-top:15px;
}
#boutons_modreg {
	float: right; 
	margin-top: 35px; 
	margin-right: 160px;"
}
#boutons_modreg ul{
	list-style: none;
	padding: 0;
	/*margin-top: 30px;*/
}
#boutons_modreg ul li{
	display: block;
	width: 169px;
	margin-left: 10px;
	margin-top: 10px;
}
#boutons_modreg ul li a{
	color: #fff;
	background-color:#FF9934;
	border: 1px solid #FF9934;
	font-weight: bold;
	display: inline-table;
	border: 1px solid #FF9934;
	width: 100%;
	text-align:center;
	padding-top: 20px;
	height: 35px;
}
#boutons_modreg ul li:first-child > a{
	color: #fff;
	background-color:#FF9934;
	border: 1px solid #FF9934;
	font-weight: bold;
	display: inline-table;
	border: 1px solid #FF9934;
	width: 100%;
	text-align:center;
	padding-top: 10px;
	height: 48px;
	position:relative;
}
#boutons_modreg .cadenas, #btn_modreg_suite .cadenas {
	background-image: url("../img/cadenas.png") ;
	background-repeat: no-repeat;
	right: 5px;
	position:absolute;
	height:16px;
	width:16px;
}
/* BOUTONS PAIEMENT PAR MODREG */
#btn_modreg_suite ul{
	list-style: none;
	padding: 0;
	margin-top: 30px;
}
#btn_modreg_suite ul li{
	display: inline-block;
	width: 190px;
	margin-left: 10px;
	position:relative;
}
#btn_modreg_suite ul li a{
	font-weight: bold;
	color: #39f;
	display: inline-table;
	height: 50px;
	border: 1px solid #39f;
	width: 100%;
	text-align:center;
	padding-top: 8px;
}
#btn_modreg_suite ul li:last-child > a.finaliser {
	color: #fff;
	background-color:#FF9934;
	border: 1px solid #FF9934;
}

#btn_modreg_suite .finaliser1 {
	color: #fff;
	background-color:#FF9934;
	border: 1px solid #FF9934;
}

/* FOOTER */
#footer{
border-top:solid 1px #060;
}
#footer a{
color:#060;
}
#footer a:hover{
color:#693;
}
#raccourci-conteneur{
float:left;
text-align:center;
padding-left:20px;
}
#raccourci{
float:left;
font-size:8pt;
width:45px;
text-align:center;
}
#blocos{
float:right
}
#bloc-coordonnees{
float:left;
color:#fff;
background-color:#060;
padding:10px;
padding-top:auto;
padding-bottom:auto;
height:60px;
}
#bloc-coordonnees a{
color:#fff;
}
#bloc-coordonneesnew a{
color:#fff;
}
#bloc-coordonneesnew{
float:left;
color:#fff;
background-color:#060;
padding-top:10px;
padding-bottom:10px;
margin-top:10px;
margin-left:-2px;
height:170px;
width:224px;
line-height:20px;
}

#acces-rapide{
float:left;
border-left:solid 1px #060;
border-right:solid 1px #fff;
}
#acces-rapide .titre{
background-color:#060;
color:#fff;
padding-right:2px;
}
#acces-rapide a{
font-size:8pt;
padding-left:2px;
padding-right:5px;
}
#octea{
float:left;
margin-right:5px;
margin-top:60px;
font-size:8pt;
}

/* FOOTER2 */
#footer2 {
    float: left;
    width: 292px;
    z-index: 100;
    margin-top: -319px;
	text-align:center;
}
#footer2 .foot-contener{
background-color:#690;
color:#fff;
padding-top:10px;
padding-bottom:10px;
text-align:left;
}
#footer2 .foot-coordonnee{
margin-right:5px;
padding-left:10px;
}
#footer2 .foot-juridik{
margin-top:10px;
padding:5px;
padding-left:10px;
border-top:solid 1px #fff;
/*border-bottom:solid 1px #fff;*/
}
#footer2 .foot-orga-membr{
text-align:center;
margin-top:10px;
margin-right:5px;
padding-left:10px;
}

/* FICHES */
#la-fiche #footer-la-fiche a{
color:#fff;
}
#la-fiche #footer-la-fiche a:hover{
color:#fff;
text-decoration:underline;
}
#navigation-fiches{
float:right;
font-size:8pt;
background-color:#fff;
}
#navigation-fiches-liens{
width:60px;
float:left;
text-align:center;
}
#navigation-fiches-print{
float:right;
font-size:9pt;
background-color:#fff;
padding-right:5px;
}
#navigation-fiches-print-liens{
width:170px;
float:left;
text-align:center;
margin-top:10px;
}
#navigation-fiches-print-liens2{
width:115px;
float:left;
text-align:center;
margin-top:-5px;
}

#navigation-fiches-print2{
float:right;
font-size:10pt;
}

.rech-av-denom{
width:100px;
float:left;
margin-left:0px;
}
.rech-av-check{
float:left;
margin-right:0px;
}
.compte-client-menu-G{
padding:3px;
margin-right:5px;
}

table.article a{
color:#060;
}
table.article a:hover{
color:#693;
}

#tableauarticles a{
color:#000;
}
/* IMAGE EN "POPUP" */
.popimage {
position:absolute;
visibility:hidden;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
.preview {
	cursor:default;
	}
/* AVIS */
.avismenugauche{
margin-right:10px;
margin-bottom:10px;
}

/* NAVIGATION ANCRE DANS FICHE PRODUIT */
.nav-ancre-fiche-conteneur {
width:100%;
font-family: verdana, arial, sans-serif;
text-align:center;
/* border-bottom:solid 1px #690; */
font-weight:bold;
font-size:10pt;
margin-top:5px;
}
.nav-ancre-fiche {
background-color:#fff;
border:solid 1px #ccc;
/* border-bottom:none; */
padding:5px;
float:left;
margin-right:5px;
}
.nav-ancre-fiche-select {
background-color:#ddd;
border:solid 1px #ccc;
/* border-bottom:none; */
padding:5px;
float:left;
margin-right:5px;
}
.nav-ancre-fiche  a{
color:#690;
}
.nav-ancre-fiche-select  a{
color:#666;
}

/* FICHE DETAILL�E */
.liens-haut-fiche-detail-conteneur {
width:100%;
font-weight:bold;
font-family: verdana, arial, sans-serif;
font-size:10pt;
text-align:center;
}
.liens-haut-fiche-detail {
float:right;
margin-left:5px;
background-color:#fff;
padding:5px;
}
.header-fiche-detail {
padding:2px;
}
.fiche-detail-conteneur {
width:100%;
text-align:justify;
background-color:#fff;
margin-bottom:10px;
}
.fiche-detail-contenu {
margin:10px;
margin-top:20px;
margin-bottom:20px;
}
.footer-fiche-detail {
font-weight:bold;
margin-top:10px;
padding:2px;
text-align:center;
}

/* TRUSTPILOT */
.trustpilot-widget{
margin-top:10px;
margin-bottom:10px;
/* width:290px; */
}

/* BOUTON SOCIAUX ACCUEIL SITE */
#social a{
margin-left:10px;
margin-right:10px;
line-height:65px;
padding:25px;
padding-bottom:10px;
background-position: 0px 0px;
text-decoration:none;
background-color:#fff;
}
#social a#icone-social-googleplus{
background-image:url("../img/accueil-social-googleplus.jpg");
}
#social a#icone-social-facebook{
background-image:url("../img/accueil-social-facebook.jpg");
}
#social a#icone-social-twitter{
background-image:url("../img/accueil-social-twitter.jpg");
}
#social a#icone-social-youtube{
background-image:url("../img/accueil-social-youtube.jpg");
}
#social a#icone-social-instagram{
background-image:url("../img/accueil-social-instagram.jpg");
}
#social a#icone-social-linkedin{
background-image:url("../img/accueil-social-linkedin.jpg");
}
#social a:hover{
background-position: -50px 0px;
text-decoration:none;
}


.bouton-action {
background-color: #690;
border: 0px solid #060;
color: #fff;
padding: 6px 25px;
text-decoration: none;
}
.bouton-action:hover {
background-color: #060;
color: #fff;
text-decoration: none;
cursor:pointer;
}


#imgachatconfpanierpc{display:block !important;}
#imgachatconfpaniermobile{display:none !important;}