/* CSS Document */
body {
font-family:Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
border: 0;
background-color: #FFFFFF;
font-size:12px;
color:#636363;
}
body#pagesite
{
background-color:#DDDDDD;
}

h1
{
color:#8B668F;
font-size:1.5em;
text-align:center;
}
.bandeau
{
visibility:hidden;
}

h2
{
text-align:center;
font-size:14px;
font-weight:bold;
font-style:italic;
margin:5px;
}
p
{
text-align:justify;
}

#compte p
{
margin:0 5px;
text-align:left;
padding:0;
}
form{
margin: 0px;
padding: 0px;
}
form table
{
border:0;
font-size:12px;
border-collapse:collapse;
}
form.td
{
text-align:center;
}
form td.gauche
{
text-align:right;
padding:0;
}
form td.droite
{
text-align:left;
}
table{
padding: 0px;
border: 0px;
/*border-collapse:collapse;*/
margin: 0 auto;
}
tr{
margin: 0px;
padding: 0px;
border: 0px;
}

td{
margin: 0px;
padding: 0px;
border: 0px;
text-align:left;
}
td.nombre
{
width:90px;
text-align:right;
}
td.qte
{
width:200px;
text-align:right;
}
td.texte
{
text-align:left;
width:400px;
}
td.texte_total
{
text-align:right;
width:400px;
}
td.grandeligne
{
text-align:center;
width:800px;
}
dl, dfn
{
font-style:normal;
}
dt
{
font-weight:bold;
}
dd
{
margin:0;
font-weight:normal;
}


dfn:after{
content:" :";
}
dfn.cache{
display:none;
}
a{
color:#8B668F;
text-decoration:underline;
}

a:hover{
text-decoration:underline;
color:#B1CA00;
}
p.centrage{
text-align:center;
margin:10px auto;
text-indent:0;
}
#actualites p.centrage{
margin-bottom:40px;
}

/*---------------------------------------------------------------------------------------------------------*/
/*                                                 Général                                                 */
/*---------------------------------------------------------------------------------------------------------*/

div#conteneur{
width:990px;
background-color:#FFFFFF;
margin: 0 auto;
}
span.latin{
font-style:italic;
}
strong.glossaire{
cursor:help;
}
.bouton, .bouton:hover{
font-size:11px;
padding:2px 2px;
background-repeat:repeat-x;
text-decoration:underline;
text-align:center;
border:0;
cursor:pointer;
font-weight:normal;
}
.boutonbordure, .boutonbordure:hover{
color:#FFFFFF;
font-weight:bold;
border:1px solid #FFFFFF;
text-decoration:none;
background-color:#A583A9;
background-image:url("./images/bouton1.gif");
cursor:pointer;
}
.boutonclair, .boutonclair:hover{
color:#8B668F;
background-color:#DDD8DD;
background-image:url("./images/bouton3.gif");
cursor:pointer;
}
.bouton1, .bouton1:hover{
color:#FFFFFF;
background-color:#A583A9;
background-image:url("./images/bouton1.gif");
cursor:pointer;
}
.bouton2, .bouton2:hover{
color:#FFFFFF;
background-color:#7780B6;
background-image:url("./images/bouton2.gif");
}

.bouton_modif {
margin:2px 0;
padding:2px;
border:1px solid #921B5C;
color:#FFFFFF;
font-size:12px;
background-color:#A9577B;
cursor:pointer;
}

.bouton_modif:hover{
border:1px solid #921B5C;
color:#FFF;
font-size:12px;
background-color:#921B5C;
cursor:pointer;
}

.bouton_supp {
font-weight:bold;
padding:2px 0 2px 0;
color:#FFF;
text-decoration:none;
background-color:#C00418;
border:1px solid #C00418;
text-align:center;
}

.bouton_supp:hover{
padding-bottom:2px;
color:#FFF;
text-decoration:none;
background-color:#E08F71;
cursor:pointer;
}




p.centrage{
text-align:center;
}

/*---------------------------------------------------------------------------------------------------------*/
/*                                                 Bandeau                                                 */
/*---------------------------------------------------------------------------------------------------------*/

div#haut{
height:120px;
background-color:#FFFFFF;
background-image: url('images/bandeau-total1.png');
background-repeat:no-repeat;
margin-bottom:20px;
}

/*---------------------------------------------------------------------------------------------------------*/
/*                                                 Menu (gauche)                                           */
/*---------------------------------------------------------------------------------------------------------*/

div#menu{
width:175px;
background-color:#FFFFFF;
color:#636363;
font-style:italic;
padding:5px 5px 19px 5px;
float:left;
background-image:url("./images/demi-pot.jpg");
background-repeat:no-repeat;
background-position:bottom left;
}

#menu div{
padding:0.8em 0;
font-weight:bold;
margin:0;
}

form#recherche{
border: solid 1px #636363;
background:#FFFFFF;
text-align:center;
margin: 20px 0;
padding:1em;
}
form#recherche h2
{
font-size:1em;
width:100%;
}
div#menu_accueil{
background-color:#FFFFFF;
}

div#menu-varietes{
background-color:#FFFFFF;
padding-bottom:0;
}

#menu hr{
border: 1px solid #FFFFFF;
}
.tiret1
{
background-image:url(images/tiret1.gif);
background-repeat:no-repeat;
}
.tiret2
{
background-image:url(images/tiret2.gif);
background-repeat:no-repeat;
}
.tiret3
{
background-image:url(images/tiret3.gif);
background-repeat:no-repeat;
}
.tiret4
{
background-image:url(images/tiret4.gif);
background-repeat:no-repeat;
}
#menu ul li, #menu ol li{
display:block;
padding:5px 0 5px 15px;
width:160px;
font-family: Arial, Verdana, sans-serif;
}
#menu ul li a, #menu ol li a{
text-decoration:none;
color:#636363;

}
div#menu ul, div#menu ol{
margin:0;
text-indent:0;
padding:0;
font-weight:bold;
border-left:solid 2px #B1CA00;
}

#menu input.champ{
border:1px solid #636363;
color:#636363;
padding:2px;
}

#menu input.boutonok{
border:0;
color:#636363;
background:none;
font-weight:bold;
padding:0;
cursor:pointer;
}
#menu p
{
text-align:center;
}
.cellule_recherche{
border:solid 1px #636363;
}

/*Menu principal*/
#menu ul{
list-style-type:none;
font-size:10px;
font-family: Arial, Verdana, sans-serif;
}
#menu ul a{
font-size:12px;
text-align:left;
padding-top:5px;
padding-bottom:5px;
}

#menu ul a:hover, #menu ul li:hover{
color:#727CB5;
}

/*Liste des variétés*/
#menu ol{
font-family:"Times New Roman", Times, serif;
color:#636363;
text-indent:0;
list-style-type:none;
font-size:11px;
}

#menu ol a{
font-size:11px;
padding-top:2px;
padding-bottom:2px;
}

#menu ol a:hover, #menu ol li:hover{
color:#D62680;
}

/*---------------------------------------------------------------------------------------------------------*/
/*                                                 MILIEU                                                  */
/*---------------------------------------------------------------------------------------------------------*/

#milieu{
float:left;
width:580px;
/*_width:590px;*/
text-align:center;
float:left;
background-color:#FFFFFF;
}
#milieucourt{
float:left;
width:530px;
margin-left:25px;
/*margin-left:35px;*/
margin-right:25px;
/*margin-right:35px;*/
float:left;
background-color:#FFFFFF;
}

#tableaucentral{
width:480px;
height:480px;
border-collapse:collapse;
}

#tableaucentral img{
height:120px;
width:120px;
}

a img{
border: 0;
}

#tableaucentral td{
border:2px solid #FFFFFF;
}
#centre{
background: url('images/categorie-web/vide.png');
background-repeat:no-repeat;
background-position: center;
text-align:left;
color: #FFFFFF;
background-color:#FFFFFF;
font-size:12px;
font-weight:bold;
vertical-align:bottom;
}
#centre p{
margin:5px;
background-color:#A586A8;
padding:3px;
display:none;
}
span.liresuite
{
font-style:italic;
}
div#detailvariete
{
text-align:left;
overflow:hidden;
border:1px solid #727CB5;
padding:0;
}
div#definition
{
text-align:left;
overflow:hidden;
height:100px;
border:1px solid #727CB5;
padding:5px;
}
div#definition h1
{
font-size:1.5em;
color:#AAAED3;
text-align:left;
}

div#definition h2
{
text-align:left;
margin-left:0;
color:#AAAED3;
}

div#definition h3
{
font-size:12px;
font-weight:bold;
font-style:italic;
text-align:left;
margin-left:0;
color:#A586A8;
}

div#definition p
{
margin:0 0 0.2em 0;
text-align:justify;
color:#636363;
}
div#definition ul
{
color:#636363;
}
p#agrandir, p#reduire
{
float:right;
font-weight:bold;
font-style:italic;
cursor:pointer;
color:#636363;
}
p#reduire
{
display:none;
}
div#dernierenews
{
border:1px solid #A586A8;
margin:1em auto;;
padding:10px;
width:460px;
min-height:130px;

}
div#dernierenews h1
{
font-size:1em;
font-weight:bold;
text-align:left;
color:#8B668F;
margin-top:0;
}
div#dernierenews img
{
float:left;
max-width:110px;
max-height:110px;
margin: 0 1em 1em 0;
}
div#dernierenews p
{
margin-bottom:0.4em;
margin-top:0.4em;
color: #8B668F;
}
div#dernierenews a
{
color:#8B668F;
}
/*---------------------------------------------------------------------------------------------------------*/
/*                                                 MILIEU                                                  */
/*---------------------------------------------------------------------------------------------------------*/

#droite{
width:195px;
margin-right:5px;
float:right;
background-color:#FFFFFF;
}
div#dernierenews a
{
text-decoration:none;
}
#droite td
{
color:#FFFFFF;
}
#vmarquee a{
text-decoration:none;
}

#compte{
background-color:#A586A8;
padding:0.5em 0;
color: #FFFFFF;
text-align:left;
font-size:11px;
color: #FFFFFF;
line-height:2em;
}
#compte hr{
border: 1px solid #FFFFFF;
margin: 0.2em 1em;
}
div#compte input{
padding: 1px;
}
div#compte a.comptedetail{
text-decoration:none;
font-weight:bold;
font-family: Arial, Verdana, sans-serif;
color:#FFFFFF;
}
div#compte ul
{
padding:0;
list-style-type:none;
}
div#compte li, div#compte p{
font-size:12px;
text-align:center;
line-height:2em;
margin:0;
}

div#actualites, div#promotions
{
margin-top:20px;
border: 1px solid #A586A8;
width:193px;
font-size:12px;
color:#8B668F;
}
div#actualites
{
background-image: url('images/actus/actus-fleur.png');
background-repeat:no-repeat;
background-position: bottom right;
}
div#promotions hr
{
border: 1px solid #A586A8;
margin: 0 1em;
}
div#actualites img, div#promotions img
{
display:block;
max-width:150px;
max-height:150px;
margin:1em auto;
}
div#actualites h2, div#promotions h2{
text-align:center;
color:#8B668F;
margin:10px;
}
div#actualites p, div#promotions p
{
margin:0.5em 5px;
}
#actualites hr{
border: 1px solid #A586A8;
}
#actualites dl{
margin: 0;
padding: 10px;
width: 180px;
}

#actualites dt{
padding: 0;
font-weight:bold;
}

#actualites dd {
text-align: left;
padding: 4px 8px 0 0;
margin:0;
}
#droite dl a, #droite dl a:visited {
color: #8B668F;
}

#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 300px; /*marquee height */
overflow: hidden;
padding: 0px;
padding-left: 0px;
}

/*Pied de page*/
div#piedpage{
background-color:#636363;
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
line-height:2em;
}
div#piedpage ul
{
padding:0;
list-style-type:none;

}
div#piedpage ul li
{
display:inline;
}
div#piedpage a
{
color:#FFFFFF;
text-decoration:none;
}
/* page infos */

h1.haut{
margin:0;
border:0;
height:22px;
background-color:#636363;
color:#FFFFFF;
font-weight:bold;
font-size:13px;
text-align:center;
line-height:2em;
vertical-align:middle;
}

#infos dl{
margin: 0;
padding: 10px;
}
#infos a, #infos a:hover{
color:#8B668F;
text-decoration:none;
}
#infos dt{
padding: 0;
color:#8B668F;
font-weight:bold;
}

#infos dd {
text-align: left;
padding: 4px 8px 0 0;
color:#8B668F;
margin:0;
}

div#infoimg{
padding-top:5px;
background-image: url('images/actus/actus-fleur.png');
background-repeat:no-repeat;
background-position: bottom right;
text-align:center;
height:34px;
}
div#infoimg img{
text-align:center;
left: 432px;
top:8px;}

dl.info-def{
color:#8B668F;
margin:0;
font-size: 12px;
}
dl.info-def dd{
text-align: left;
padding: 4px 0 0 0;
margin:0;
}

dl.info-def dd div{
height:276px;
color:#8B668F;

}

div#piedpage_infos{
background-color:#636363;
text-align:center;
color:#FFFFFF;
font-size:11px;
height:15px;
}

#infos hr, #infoimg hr{
border: 1px solid #A586A8;
}

/* page contact */
#milieu h2{
vertical-align:middle;
text-align:center;
font-size:13px;
color:#8B668F;
}
#milieu dt, #milieu dd
{
text-align:left;
}
#milieu dd
{
margin-left:1em;
}
#milieu li
{
text-align:left;
}
dl#adresse
{
display:table;
}
dl#adresse dt{
float:left;
height:100%;
margin-right:150px;
}

dl#listeplans dd
{
float:left;
border:1px solid #A586A8;
text-align:center;
margin: 0 3px 1em 0;
padding:10px;
}
dl#listeplans img
{
display:block;
margin:0 auto;
}
dl#listeplans dfn:after
{
content:""
}
dl#horaires	{clear:left;}
dl#horaires dt, dl#horaires dd{text-align:center;}
/* page plan */
div#plan{
text-align:center;
}


/*Navigation dans les variétés*/

h1.chemin
{
color:#FFFFFF;
background-color:#AAAED3;
text-align:left;
font-style:italic;
margin-top:0;
font-size:1.2em;
padding:2px 5px;
}
h1.chemin a, h1.chemin a:hover
{
text-decoration:none;
color:#FFFFFF;
}
table#listevarietes
{
border-spacing:0 10px;
}
table#listevarietes td.droite p
{
color:#FFFFFF;
font-weight:bold;
text-indent:0;
text-align:center;
}
table#listevarietes span.liresuite a, table#listevarietes span.liresuite a:hover
{
color:#636363;
}
table#listevarietes h3
{
font-size:12px;
margin:5px;
}
table#listevarietes p
{
font-size:12px;
color:#636363;
margin:5px;
text-align:justify;
}
img.variete
{
margin:5px;
}

.souris{
cursor:pointer;
}

div#descriptionarticle
{
font-size:11px;
height:225px;
margin-right:5px;
}
/**/
div#descriptionarticle h3{
font-size:12px;
color:#636363;
margin:5px;
}
/**/
div#prixdetail
{
width:20%;
float:right;
background-color:#AAAED3;
font-weight:bold;
}
div#prixdetail p
{
text-align:center;
color:#FFFFFF;
margin:5px;
}

.ref{
color:#000;
font-size:10px;
}

tr.ligne_1 td
{
border:1px solid #A586A8;
}
tr.ligne_1 td.droite
{
background-color:#D2C0D7;
}
tr.ligne_1 h3
{
color:#A586A8;
}
tr.ligne_2 td
{
border:1px solid #727CB5;
}
tr.ligne_2 td.droite
{
background-color:#AAAED3;
}
tr.ligne_2 h3
{
color:#727CB5;
}
dl#photosarticle
{
background-color:#AAAED3;
width:100%;
color:#FFFFFF;
display:table;
margin:5px 0 0 0;
}
dl#photosarticle dt
{
margin:5px;
}
dl#photosarticle dd
{
float:left;
margin-left:0;
}
ul#listepages
{
text-align:center;
margin:0 auto;
color:#636363;
font-weight:bold;
list-style-type:none;
padding:0;
}
ul#listepages li
{
display:inline;
margin: 0.3em;
}
div#conteneurgrandevariete
{
width:300px;
height:300px;
float:left;
padding:5px 20px 5px 5px;
}

ul#listepages a, ul#listepages a:hover
{
text-decoration:none;
color:#8B668F;
}
dl#diapo
{
margin-bottom:50px;
}
dl#diapo dt, dl#diapo dd
{
text-align:center;
}
a.boutondiapo
{
text-decoration:none;
font-size:20px;
}
ul#diaporama
{
list-style-type:none;
height:100px;
display:table;
float:left;
margin:-50px auto 0 auto;
text-indent:0;
padding:0;
width:500px;
}
ul#diaporama li
{
display:table-cell;
vertical-align:middle;
float:left;
display:none;
margin-right:5px;
margin-left:0;
text-indent:0;
height:100%;
cursor:pointer;
font-size:15px;
text-indent:0;
}


dl#listeadminvarietes
{
float:left;
border:1px solid #A586A8;
padding:2px;
height:100%;
margin:0;
max-width:190px;
}

div#formadminvariete
{
float:right;
width:320px;
}
div#formadminvariete .optionminiature
{
margin-bottom:20px;
list-style-type:none;
}
div#formadminvariete .optionminiature li
{
margin-bottom:20px;
border: 1px solid #636363;
display:table;
padding:5px;
}
.optionminiature dt
{
width:110px;
height:110px;
float:left;
}
.optionminiature dd
{
float:left;
padding:20px 0;
display:table-cell;
vertical-align:bottom;
margin-left:20px;
}
caption
{
margin:2em auto 1em auto;
text-align:center;
color:#8B668F;
font-size:1.5em;
}
table.recapitulatif{
border:1px solid #A586A8;
border-collapse:collapse;
}
table.recapitulatif td{
border:1px solid #A586A8;
padding:2px;
}
table.recapitulatif th{
text-align:center;
color: #8B668F;
padding:2px;
}
table.recapitulatif{
margin-bottom:10px;
}
img.imagecentre{
display:block;
margin:5px auto;
}
#compte input.champ{
width:100px;
}
#compte form p
{
clear:left;
padding-left:85px;
margin:0;
text-align:left;
}
#compte form p+p+p
{
text-align:center;
padding:0;
}
#compte label{
display:block;
margin-left:-85px;
width:80px;
float:left;
padding-top:0.3em;
text-align:right;
line-height:1em;
}
ul.erreur li, p.erreur
{
color: #FF0000;
}
.transaction{
font-size:12px;
text-align:center;
color:#0000CC;
}
.taille_tableau{
width:460px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                  Bon de commande                                                        */
/*-----------------------------------------------------------------------------------------------------------------------------------------*/

table, table tr, table tr td, tr, td, tr td{
margin: 0px;
padding: 0px;
border: 0px;
border-width:0px;
border-spacing:0px;
border-collapse:collapse;
}

.titrecommande{
text-align:center;
font-size:30px;
color:#1a1a1a;
font-family:"Times New Roman", Times, serif;
}

.sitecommande{
text-align:center;
font-size:13px;
color:#5B9E4F;
}

table#bondecommande{
border:1px solid #000;
border-collapse:collapse;
margin:0;
padding:0;
}

table#bondecommande td{
border:1px solid #000;
border-collapse:collapse;
margin:0;
padding:0;
}

td#indexationcommande{
text-align:right;
color:#000000;
}

td#totalcommande {
color:#000;
text-align:right;
font-weight:bold;
border: 1px solid #000;
margin:0;
padding:0;
}

dl#bondecommande{
margin:0;
padding:0px;
}

dl#bondecommande dt{
margin:0;
padding:0px;
}

dl#bondecommande dd{
margin:0;
padding:0px;
}


.titreboncommande{
color:#000;
text-align:center;
font-weight:bold;
font-style:italic;
}

td#commandedesignation{
color:#000000;
text-align:left;
}

td#commandequantite{
color:#000000;
text-align:center;
}

td#commandeprix{
color:#000000;
text-align:right;
}

td#commandeprix_rg{
color:red;
text-align:right;
}

.paiementcommande{
text-align:center;
margin:2px;
}

.paiementcommande2{
margin:2px 0 2px 25px;
}

ul#boncommande li{
marging-bottom:10px;
margin-top:10px;
}

table#tariflivraison{
border:1px solid #000;
border-collapse:collapse;
margin:0;
padding:0;
}

table#tariflivraison td{
border:1px solid #000;
border-collapse:collapse;
text-align:center;
margin:0;
padding:0;
}

td#adressecommande p{
margin-top:0px;
marging-bottom:0px;
}

div#tarifsconteneur{

}

div#tarifsconteneur p{
text-indent:35px;
text-decoration:underline;
font-weight:bold;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                  GALERIES PHOTOS                                                        */
/*-----------------------------------------------------------------------------------------------------------------------------------------*/

#conteneur-toutes-actus{
margin:10px;
}

.separation-actus{
clear:both;
margin-bottom:0px;
padding:0;
height:10px;
}
#conteneur-actualites-centre{
margin-bottom:2px;
padding-bottom:3px;
}

.retour-galerie{
font-size:12px;
}

.retour-galerie a{
text-decoration:none;
color:#8B668F;
}

.retour-galerie a:hover{
color:#B1CA00;
}

.titre-actualites{
font-size:12px;
font-weight:bold;
}

.image-actus{
float:left;
max-width:90px;
margin:2px 5px 5px 0px;
}

.separation-actus{
margin-bottom:1px;
border-top:1px dotted #8B668F;
}

.obligatoire{
color:#F00;
font-size:11px;
font-weight:bold;
margin:5px 0 0 0px;
}

/*Date picker calendrier*/

.fond-calendrier{
background:url(images/fond-calendrier.gif) no-repeat;
width:202px;
height:20px;
cursor:pointer;
border:1px solid #999;
}

div.ui-datepicker {
font-size: 73%;
}

.madate{
font-size:12px;
}