@charset "iso-8859-1";

html{text-align:center; background-color:#fff;}
body{position:relative; width:770px; margin:0 auto; text-align:left;}
div, hr, ul, li, h1, h2, h3, h4, p, form, input,label, blockquote, th, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, dt, dt, dd{font-size:100%;}
ul{list-style:none;}
img{border:0;}
hr{color:#ccc; background-color:#ccc; height:1px; border:0; margin:10px 0;}

/* Entete */
#entete{position:relative; height:150px;background:url(/images/entete/entete.gif) no-repeat white;}
#entete, #pied{width:100%;}
#entete h1{display:none;}
#entete ul{position:absolute;}
#entete li, #pied li{display:inline;}
#entete blockquote{display:none;}
#entete a#accueil{position:absolute; width:500px; height:90px;}

/* NAVIGATIONS */

/* Nav. principale */
ul#nav_haut {bottom:33px; right:20px; font-size:85%;}
ul#nav_haut a{color:white; font-weight:bold; padding-right:10px; border-right:solid white 1px; margin-left:5px;}
ul#nav_haut a:hover{color:#fc0;}
ul#nav_haut .page_courante{color:yellow;}

/* Nav; annexe */
ul#nav_annexe{bottom:57px; right:20px;}
ul#nav_annexe a{color:black; font-weight:bold; padding-right:5px; border-right:solid black 1px; font-size:80%; margin-left:3px;}
ul#nav_annexe #nav_panier a{border:none;}

/* Nav. produits */
ul#nav_produits {position:relative;}

#nav_produits li{text-align:right;padding-right:3px; margin-bottom:5px; line-height:65%;}
#nav_produits a{display:block; height:20px; font-size:80%; padding-right:25px;}

#nav_cartes{background:url(/images/navigation/puce_carre.gif) no-repeat 95px 0px;}
#nav_cartes a:hover{background:url(/images/navigation/puce_carre_hover.gif) no-repeat 95px 0px;}

#nav_numerique{background:url(/images/navigation/puce_carre.gif) no-repeat 95px -30px;}
#nav_numerique a:hover{background:url(/images/navigation/puce_carre_hover.gif) no-repeat 95px -30px;}

#nav_lettres_enveloppes{background:url(/images/navigation/puce_carre.gif) no-repeat 95px -60px;}
#nav_lettres_enveloppes a:hover{background:url(/images/navigation/puce_carre_hover.gif) no-repeat 95px -60px;}

#nav_recycle{background:url(/images/navigation/puce_carre.gif) no-repeat 95px -90px;}
#nav_recycle a:hover{background:url(/images/navigation/puce_carre_hover.gif) no-repeat 95px -90px;}

#nav_chemises{background:url(/images/navigation/puce_carre.gif) no-repeat 95px -120px;}
#nav_chemises a:hover{background:url(/images/navigation/puce_carre_hover.gif) no-repeat 95px -120px;}

#nav_restaurants{background:url(/images/navigation/puce_carre.gif) no-repeat 95px -150px;}
#nav_restaurants a:hover{background:url(/images/navigation/puce_carre_hover.gif) no-repeat 95px -150px;}

#nav_tickets{background:url(/images/navigation/puce_carre.gif) no-repeat 95px -180px;}
#nav_tickets a:hover{background:url(/images/navigation/puce_carre_hover.gif) no-repeat 95px -180px;}

#nav_fleuristes{background:url(/images/navigation/puce_carre.gif) no-repeat 95px -210px;}
#nav_fleuristes a:hover{background:url(/images/navigation/puce_carre_hover.gif) no-repeat 95px -210px;}

#nav_calendriers{background:url(/images/navigation/puce_carre.gif) no-repeat 95px -240px;}
#nav_calendriers a:hover{background:url(/images/navigation/puce_carre_hover.gif) no-repeat 95px -240px;}

#nav_prospectus{background:url(/images/navigation/puce_carre.gif) no-repeat 95px -270px;}
#nav_prospectus a:hover{background:url(/images/navigation/puce_carre_hover.gif) no-repeat 95px -270px;}

#nav_brochures{background:url(/images/navigation/puce_carre.gif) no-repeat 95px -300px;}
#nav_brochures a:hover{background:url(/images/navigation/puce_carre_hover.gif) no-repeat 95px -300px;}

#nav_liasses{background:url(/images/navigation/puce_carre.gif) no-repeat 95px -330px;}
#nav_liasses a:hover{background:url(/images/navigation/puce_carre_hover.gif) no-repeat 95px -330px;}

/* Nav rubriques */
ul#nav_rubriques{text-align:right; position:relative; right:-5px; width:600px;}
#nav_rubriques li{display:inline;}
#nav_rubriques a{font-size:0.9em; color:black; font-weight:bold; padding-right:5px; border-right:solid black 1px; margin-left:3px;}
#rubrique_courante{font-size:1.1em;}

/* Nav. pied page */
#nav_ours{font-size:80%; position:absolute; right:120px; top:30px;}
#nav_ours a{color:black; font-weight:normal; padding-right:5px; border-right:solid black 1px; margin-left:3px;}
ul#nav_bas a{font-size:80%; font-weight:normal; padding-right:5px; border-right:solid black 1px; margin-left:2px;}

/* Infos légales */
ul#nav_ours li a span{display:none; position:absolute; left:-60%; top:-190px; width:300px; padding:30px; background:#000; text-align:center; font-size:150%; line-height:160%; font-weight:bold; color:white;}
#nav_ours a:hover span{display:block; z-index:10;}

/* Paiement */
#paiement{margin:0; padding:0; width:100%; text-align:right; font-size:70%; line-height:13px; margin-top:25px;}
#paiement a{text-decoration:underline;}
#paiement img{margin:5px 0;}

/* Identification */
form#identification{position:absolute; right:20px; top:10px; width:235px;}
form #etiquette{float:left; width:40%; }
form #etiquette label{font-size:90%; line-height:28px; margin-left:15px;}
form #champ .submit{position:relative; top:5px; margin-left:10px;}
form #champ{float:right; width:60%;  text-align:right;}

/* Fomulaire contact et inscription */
form#contact{text-align:left; width:100%; margin:0px;}
form#contact label{display:inline; float:left; width:250px; font-size:0.9em; text-align:right; font-weight:bold; margin-right:10px; padding-top:5px;} 
form#contact input, form#contact textarea, form#contact select{margin:3px; background-color:#f1f1f1; border:solid 1px #ccc;}
form#contact p{font-size:70%; margin-left:160px;}
form#contact .obli{color:red;}
a#maxemail{position:absolute; display:block; left:75px; top:75px;}

fieldset{padding: 1em; border: 1px solid #ccc; display: block;}
legend{padding:10px; font-weight:bold; font-size:1.2em; color:#666;}
form a{text-decoration:underline;}

/* Pied de page */
#pied{position:relative; height:50px; padding-top:25px; text-align:center; background:url(/images/pied/fond_pied.gif) #fff no-repeat 0 25px;}
ul#nav_bas{padding-top:25px;}

/* Colonnes */
#gauche, #milieu, #milieu_seul, #milieu_seul_paie2, #droite{float:left; display:block;}
#gauche{width:115px; }
#milieu{width:395px; }
#milieu img{margin:0 15px; border:solid 1px #333; width:365px; height:150px;}
#milieu_seul {width:625px; position:relative; margin-left:10px;}
#milieu_seul  h2{font-size:120%; border-bottom:solid 1px #ccc; margin:20px 0 10px 10px;}
#milieu_seul  ul{list-style:square; margin:0 0 10px 20px;}
#milieu_seul  img{padding:10px;}
#droite{width:240px; }

#milieu_seul_paie2 {width:625px; position:relative; margin-left:10px;}
#milieu_seul_paie2  h2{font-size:120%; border-bottom:solid 1px #ccc; margin:20px 0 10px 10px;}
#milieu_seul_paie2  ul{list-style:square; margin:0 0 10px 20px;}
#milieu_seul_paie2  img{padding:10px;}

a{text-decoration:none;}

/* Actualites sur page d'accueil */
ul#actus{position:relative; font-size:80%; line-height:1.2;}
ul#actus li {margin-left:80px; width:160px; margin-bottom:10px;}
ul#actus h3{margin-left:15px; padding:0;}
ul#actus li img{width:60px; height:60px; position:absolute; left:20px; top:auto; margin-top:10px; border:solid 1px black;}
ul#actus li a{display:block; text-decoration:underline;;}

/* page Actualités */
#date{color:#333; font-size:80%;}

/* pages Catalogue */

#barre_etat_catalogue{background:url(/images/navigation/barre_etat_catalogue.gif); height:50px;}
#barre_etat_catalogue.article{background-position:0 0;}
#barre_etat_catalogue.fichier{background-position:0 -50px;}
#barre_etat_catalogue.livraison{background-position:0 -100px;}
#barre_etat_catalogue.paiement{background-position:0 -150px;}
#barre_etat_catalogue.confirmation{background-position:0 -200px;}

ul#nav_catalogue{position:relative; margin:25px; width:300px}
ul#nav_catalogue img{position:absolute; top:-7px; left:220px; width:300px; height:300px;}
ul#nav_catalogue li{display:inline;}
ul#nav_catalogue a{font-size:100%; margin:3px; width:200px; height:18px; display:block; padding:5px; text-align:right; color:white;}
ul#nav_catalogue a:hover{background:#000;}
ul#nav_catalogue a span{display:none;}
ul#nav_catalogue a:hover span{display:inline; position:absolute; top:0px; left:0px;}
ul#nav_catalogue a:hover span img{width:300px; height:300px;}

#cartes{background-color:#00AAAD;}
#numerique{background-color:#3fc1c2;}
#lettres_enveloppes{background-color:#f04c77;}
#recycle{background-color:#da195b;}
#chemises{background-color:#f7932c;}
#restaurants{background-color:#ebc835;}
#tickets{background-color:#bcd75e;}
#fleuristes{background-color:#8cc63e;}
#calendriers{background-color:#5cbb46;}
#prospectus{background-color:#4c4fa1;}
#brochures{background-color:#252161;}
#liasses{background-color:#6D1F80;}

div#catalogue_article{margin:0 20px 20px 20px; padding:0px; border-bottom:solid 1px #ccc;}

ul#liste_catalogue{list-style:square; margin:0;}
ul#liste_catalogue li{ margin-left:50px; margin-top:5px;}
ul#liste_catalogue a{font-size:100%;}
ul#liste_catalogue a:hover{padding-left:10px;}

.bordure{border-bottom:solid 1px #ccc;}

#catalogue_article p{text-align:justify; width:70%;}
/* #catalogue_article img{position:absolute; right:20px; padding:5px; width:100px; height:100px;}*/

#table_detail_article{border:solid 1px black; border-right:none; border-bottom:none; font-size:80%; /*float:left;*/ width:100%; text-align:center;}
#table_detail_article th, #table_detail_article td{margin:0; padding:3px;}
#table_detail_article th{background-color:#333; color:#fff;}
#table_detail_article td{border-right:solid 1px #333; border-bottom: solid 1px #333;}
#table_detail_article td a{text-decoration:underline;}

#table_panier{border:solid 1px black; border-right:none; border-bottom:none; font-size:80%; width:95%; margin:5px 0;}
#table_panier th, #table_detail_article td{margin:0; padding:3px;}
#table_panier th{background-color:#333; color:#fff;}
#table_panier td{border-right:solid 1px #333; border-bottom: solid 1px #333;}

.supprimer{display:block; width:15px; height:15px; background:url(/images/icone_supprimer.gif); text-indent:-9999px;}

ul#affichage{list-style:square;}
ul#affichage li{font-weight:bold; margin:5px 0; margin-left: 25px;}
ul#affichage li span{font-weight:normal;}
ul#affichage_sans_puce{list-style:none;}
ul#affichage_sans_puce li{font-weight:bold; margin:5px 0; margin-left: 25px;}
ul#affichage_sans_puce li span{font-weight:normal;}
ul#affichage_sans_puce li#virement{padding-bottom:70px; background:url(/images/rib.gif) -15px 65px no-repeat;}
.valider{background:url(/images/picto_valide.gif) no-repeat; padding-left:25px;}

.bouton{margin:3px; background-color:#f1f1f1; border:solid 1px #ccc;}
form.bouton_centre{text-align:center; background:none; border:none; margin-top:20px;}
div.bouton_centre{text-align:center; background:none; border:none; margin-top:20px;}

/* TYPOGRAPHIE */
body{font : 80%/1.5 "Trebuchet MS", "Lucide Grande", "Lucida Sans Unicode", Verdana, sans-seriff;}
a, h2, strong{color:#c06; font-weight:bold;}
#gauche a, ul a{color:black;}
#milieu a{text-decoration:underline;}
h1, h2, h3, h4, p{margin:0 15px .75em;}
h1{margin-bottom:.15em; font-size:150%; font-weight:bold; letter-spacing:-1px; padding-left:100px; background:url(/images/cmjn.gif) no-repeat 0px 17px;}
h2.article{margin-bottom:.15em; font-size:50%; font-weight:bold; letter-spacing:-1px; }
h4{text-align:right; font-size:90%;}
p{font-size:100%;}
li > h3{margin:0 20px; font-size:150%;}
h2#adresse{padding:0 20px 20px 20px; margin-left:245px;}
h2#adresse a{text-decoration:underline;}
/* Flash */
div#flash{margin:15px; padding:0; width:365px; height:150px;}

ul#telechargements li{font-weight:bold; font-size:130%; margin:0; padding:0 0 0 15px; font-variant:small-caps; list-style:none; background:url(images/puce_noir.gif) 0px 7px no-repeat; text-decoration:underline;}
ul#telechargements ul li{font-size:90%; font-variant:normal; background:url(images/puce_rouge.gif) 0px 7px no-repeat; text-decoration:none;}
ul#telechargements ul ul li{font-size:90%; font-variant:normal; background:url(images/puce_orange.gif) 0px 7px no-repeat;}
ul#telechargements ul ul a{font-size:90%;}
ul#telechargements ul ul ul li{font-size:90%; font-variant:normal; background:url(images/puce_verte.gif) 0px 7px no-repeat;}
ul#telechargements ul ul ul a{font-size:90%; font-weight:normal; font-style:oblique;}
ul#telechargements a:hover{text-decoration:underline;}