html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-color: #FFF;*/
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, verdana, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-align: center;
	background-image: url('../images/fondgeneral.jpg');
	background-color:#FFF;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment:fixed;
	height:911px;
}

.clear
{
	clear: both;
}

#body {
	position: relative;
	width: 954px;
	margin: 0 auto 0 auto;
	text-align: left;
}
#central{
	float:left;
	width:954px;
	background-image: url('../images/bandefond.png');
	background-repeat: repeat-y;
	background-position: top left;
}

/* * { margin:0px; padding:0px; } */

#colonnegauche, #colonnegauche #logo, #colonnegauche #infogauche, #colonnegauche #infogauche #recherche { width:187px; }

#colonnegauche { float:left; }
#colonnegauche #logo{ height:217px; }
#colonnegauche #infogauche{ color: #FFFFFF; text-align:right; }
#colonnegauche #infogauche #lestitres{ height:178px;}
#colonnegauche #infogauche #recherche{ float:left; height:135px; margin-top:35px; }
#colonnegauche #infogauche #recherche #champ_chercher{ float:left; width:150px; padding-top:8px;}
#colonnegauche #infogauche #recherche #champ_chercher input { width:123px; }
#colonnegauche #infogauche #recherche #bouton_chercher{ float:left; width:37px; }
#colonnegauche #infogauche #conseiller{ padding-right:10px; }
#colonnegauche #infogauche #conseiller a{ color:#FFFFFF; font-size:11px; text-decoration:none;}
#colonnegauche #infogauche #conseiller a:hover{text-decoration:underline;}
#colonnegauche #infogauche #iphone{ margin-top:25px; height:130px;}
#colonnegauche #infogauche #iphone .imageiPhone{ float: right;}
#colonnegauche #infogauche #iphone .lieniPhone{ display: block; padding-top:35px;}
#colonnegauche #infogauche #boutons_icones{ margin-top:7px;}
#colonnegauche #infogauche #fluxRssGauche{
        background:transparent url(/templates/vitrines/images/flux_rss.png) no-repeat scroll right center;
        color:white;
        display:block;
        font-weight:bold;
        height:37px;
        line-height:37px;
        padding-right:40px;
        text-decoration:none;
}
#colonnegauche #infogauche #nousContacter{ 
        background:transparent url(/templates/vitrines/images/contact.png) no-repeat scroll right center;
        color:white;
        display:block;
        font-weight:bold;
        height:37px;
        line-height:37px;
        padding-right:40px;
        text-decoration:none;
}
#colonnegauche #infogauche #basgauche{ margin-top:8px; margin-bottom:8px; padding-left:10px; padding-right:10px; }
#colonnegauche #infogauche #basgauche ul{ list-style-type:none; padding-left: 0;}
#colonnegauche #infogauche #basgauche li#rub17_fr{ padding:0; }
#colonnegauche #infogauche #basgauche ul a{ color:#FFFFFF; font-size:12px; text-decoration:none;}
#colonnegauche #infogauche #basgauche ul a:hover{ text-decoration:underline; }

#div_generale{ width:741px; float:left; padding-left:13px; overflow:hidden }
#navigation{ width:741px; height:170px; background-color:#000 }
#bandenoire{ width:741px; height:13px; background-color:#000; }
#fil_arianne{ width:725px; height:18px; color:#666; padding-top:4px; margin-left:10px; margin-right:10px; font-size:10px; border-bottom:1px solid #000}
#fil_arianne a{ text-decoration:none; color:#666; text-transform:uppercase;}
#fil_arianne a:hover{ text-decoration:underline; }

/********* menu colonne ************/
#sous_menu ul { list-style-type: none; padding:0; }
#sous_menu li
{
	margin-left:8px;
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 30px;
	font-size:14px;
	color:#000000;
	min-height:27px;
	_height:27px;
	font-weight:bold;
	line-height:20px;
}
#sous_menu li a
{
	color:#000000;
	text-decoration:none;
}
#sous_menu li a:hover
{
	text-decoration:underline;
}



#infohaut{ float:left; width:741px; height:75px; }
#menu_haut{ float:left; width:581px; height:33px; }
#meteo{ float:left; width:160px; height:75px; margin-top:3px }
#titre_actu{
	width:581px; 
	height:22px;
	background-image: url('../images/actualites.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-top:20px
}
#titre_actu a { display:block; width:150px; height:17px;}
#titre_agenda{
	width:190px; 
	height:22px;
	background-image: url('../images/agenda.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-top:10px
}
#titre_agenda a { display:block; width:150px; height:17px;}
#titre_hasard_vitrine{
	clear:left;
	width:538px; 
	height:29px;
	background-image: url('../images/hasard-des-vitrines.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}
#zone_centrale{ float:left; width:741px; background-image:url('../images/fondcentral.jpg'); background-repeat:repeat-y; background-position: top left;}
#contenu_gauche{ float:left; width:190px; }
#contenu_central{ float:left; width:539px; margin-left:10px;}
#hazard_vitrine{ float:left; width:300px; height:130px; }
#promo_pub{ float:left; width:224px; height:130px; margin-left:15px; padding-top:10px;}
#couponing-accueil{ width:180px; margin-left:7px; padding-top:15px; }
#cheque_cadeau{ width:180px; margin-left:10px; padding-top:15px; }
#centre_bas{ clear:left; width:741px; float:left; height:50px; margin-top:8px;}
#logo_centregauche{ float:left; width:190px; }
#bandeau_pubbas{ float:left; width:539px; margin-left:12px; }

/************ PARTIE GAUCHE *******************/
#agenda_defil, #actu_defil { width:180px; font-size:11px; margin-left:10px; text-align:justify}
#agenda_defil h2, #container-accueil #agenda_defil li a, #actu_defil h2, #container-accueil #actu_defil li a {color: #000; text-decoration:none; background-color:transparent; background-image:none; padding:0px 0px 10px 0px; }
#agenda_defil li .lirelasuite, #actu_defil li .lirelasuite { padding-top:3px; text-align:right }
#agenda_defil li div.lirelasuite a:hover, #actu_defil li div.lirelasuite a:hover  { text-decoration:underline; }
#agenda_defil h2, #actu_defil h2 { font-size:14px; text-align:left  }
#agenda_defil li a, #actu_defil li a { font-size:11px; text-decoration:none; color:#000; line-height:12px; }
#agenda_defil #aucune-actualite, #actu_defil #aucune-actualite { color:#000000; padding-top:15px;}
#actu_defil img, #agenda_defil img { margin-right:5px; margin-bottom:3px; }


/*********** PAGE INTERIEURE  ******************/
#general_int{
	float:left;
	background-image: url('../images/bandefond_int.png');
	background-repeat: repeat-y;
	background-position: top left;
	width:954px;
}
#contenuinterieur{ float:left; background-image:url('../images/fondcentral_int.jpg'); background-repeat:no-repeat; background-position:top left;}
#titre_page { /*width:575px;*/ height:42px; padding-top:5px; margin-left:6px;}
#titre_page h1 { text-transform:uppercase; font-size:15px; font-weight:bold; padding:0; margin:0; }
h1 span a { color:#FFF; }
h1 span a:hover { color:#FFF; }
h1 span.titre_avec_fond_jaune a, h1 span.titre_avec_fond_orange a, h1 span.titre_avec_fond_beige a { color:#000; }
h1 span.titre_avec_fond_jaune a:hover, h1 span.titre_avec_fond_orange a:hover, h1 span.titre_avec_fond_beige a:hover { color:#000; }
h1 span.titre_avec_fond_rose { background-color:#E2007A; color:#FFF; }
h1 span.titre_avec_fond_jaune { background-color:#FEED00; color:#000; }
h1 span.titre_avec_fond_vert { background-color:#8CB310; color:#FFF; }
h1 span.titre_avec_fond_violet { background-color:#642181; color:#FFF; }
h1 span.titre_avec_fond_bleu { background-color:#009EE0; color:#FFF; }
h1 span.titre_avec_fond_orange { background-color:#F6A600; color:#000; }
h1 span.titre_avec_fond_marron { background-color:#B89411; color:#FFF; }
h1 span.titre_avec_fond_beige { background-color:#EFDF92; color:#000; }
#central_int{ float:left; width:741px; background-image:url('../images/liseret_int.jpg'); background-repeat:repeat-y; background-position:top left;}
#zone_centrale_int{ float:left;  width:741px;}
#contenu_gauche_int{ 
	float:left;
	width:239px;
	min-height:580px;
	_height: 580px;
	padding-right:25px;
}
#contenu_gauche_int_court{ 
	float:left;
	width:239px;
	min-height:320px;
	_height: 320px;
	padding-right:25px;
}
#votre_selection { padding-left:15px; padding-bottom:15px; }
#votre_selection .caddie { font-size:11px; padding-top:5px; margin-top:10px; background-image:url(../images/icone_caddie.png); background-repeat:no-repeat; padding-left:75px; height:75px; }
#votre_selection .caddie a { color:#000; text-decoration:none; }
#votre_selection .caddie a:hover { text-decoration:underline; }

#chequecadeau_int{ width:220px; padding-left:15px; font-weight:bold; }
#chequecadeau_int a{ color:#000000; text-decoration:none; font-size:13px; font-weight:bold; }
#chequecadeau_int a:hover{ color:#ff7616; }
#pub_promo { height:100px; padding-top:20px; padding-left:15px; font-weight:bold; }
#contenu_central_int{ padding-left:10px; width:720px; padding-right:10px; }

#contenu_central_int #colonne-droite { float:left; }
#contenu_central_int #colonne-droite hr { border:0px; border-top:1px solid #666; margin-top:5px; margin-bottom:5px; }
#pagesstatiques { width:450px; }

#centre_bas_int{ clear:left; width:741px; float:left; height:67px; background-color:#FFFFFD; border-top:1px solid #000000; }
#logo_centregauche_int{ float:left; width:182px; border-right:1px solid #000000; height:59px; padding-left:6px; padding-top:8px;}
#bandeau_pubbas_int{ float:left; width:530px; padding-left:11px; padding-top:10px; height:57px;}

/************** tpl-carte **************/
#contenuaccueil #map_canvas { width: 530px; height: 400px; overflow:hidden; }
#carto { padding-top:10px; }
#legende-carte-accueil { padding-top:5px; }
#legende-carte-accueil #parking { padding:3px 0px 0px 23px; height:19px; background:url(/templates/vitrines/images/icones_carte_accueil/parking.png); background-repeat:no-repeat; float:left  }
#legende-carte-accueil #tramway { padding:3px 0px 0px 23px; margin-left:20px; height:19px; background:url(/templates/vitrines/images/icones_carte_accueil/tramway.png); background-repeat:no-repeat; float:left }
#legende-carte-accueil #bus { padding:3px 0px 0px 23px; margin-left:20px; height:19px; background:url(/templates/vitrines/images/icones_carte_accueil/bus.png); background-repeat:no-repeat; float:left }
#legende-carte-accueil #veloplus { padding:3px 0px 0px 23px; margin-left:20px; height:19px; background:url(/templates/vitrines/images/icones_carte_accueil/veloplus.png); background-repeat:no-repeat; float:left }

/************* liste commerces *************/
#contenu-2-colonnes { /*padding-bottom:15px;*/ float:left; }
#liste-commerces { width:720px; /*margin:8px 5px 0px 6px;*/ margin-top:8px; clear:left; float:left; background-color:#FFFFFF; min-height:260px; _height:260px; }
#liste-commerces #ligne-info { line-height:38px; width:720px; font-size:11px; text-align:center; margin-bottom:10px; }
#liste-commerces .grise { background-color: #CCC; color:#000 }
#liste-commerces .rose, #adresse-commerce.rose, #adresse-commerce.rose h1 { background-color: #E2007A; color:#FFF }
#liste-commerces .jaune, #adresse-commerce.jaune { background-color: #FEED00; color:#000 }
#liste-commerces .vert, #adresse-commerce.vert { background-color: #8CB310; color:#000 }
#liste-commerces .violet, #adresse-commerce.violet { background-color: #642181; color:#000 }
#liste-commerces .violet .col_infos { color:#FFF; }
#liste-commerces .bleu, #adresse-commerce.bleu { background-color: #009EE0; color:#000 }
#liste-commerces .orange, #adresse-commerce.orange { background-color: #F6A600; color:#000 }
#liste-commerces .marron, #adresse-commerce.marron { background-color: #B89411; color:#000 }
#liste-commerces .beige, #adresse-commerce.beige { background-color: #EFDF92; color:#000 }
#liste-commerces div { float:left; width:101px; text-align:center; margin-left:5px; margin-right:3px; }
#liste-commerces .col_photo { float:left; width:120px; text-align:center; }
#liste-commerces .ligne-commerce { float:left; width:720px; color:#00000; font-size:11px; padding-bottom:10px; background-color:#FFF; padding-top:5px; }
#liste-commerces .teintefond { background-color:#f4f4f4; }
#liste-commerces #legende-btn { line-height:34px; color:#000000; width:590px; text-align:left; padding-left:130px; }
#liste-commerces #legende-btn .legende { padding-left:20px; }
#liste-commerces div .loupe_details, .ligne-commerce div .loupe_details { width:27px; }
#liste-commerces .aucunresultat { font-weight:bold; text-align:center; padding-top:10px; }
.loupe_details a { width:27px; height:27px; background-repeat:no-repeat; display:block}
.loupe_details a.loupe-rose { background-image:url(../images/puces_commercants/loupe_rose.png); }
.loupe_details a.loupe-jaune { background-image:url(../images/puces_commercants/loupe_jaune.png); }
.loupe_details a.loupe-vert { background-image:url(../images/puces_commercants/loupe_vert.png); }
.loupe_details a.loupe-violet { background-image:url(../images/puces_commercants/loupe_violet.png); }
.loupe_details a.loupe-bleu { background-image:url(../images/puces_commercants/loupe_bleu.png); }
.loupe_details a.loupe-orange { background-image:url(../images/puces_commercants/loupe_orange.png); }
.loupe_details a.loupe-marron { background-image:url(../images/puces_commercants/loupe_marron.png); }
.loupe_details a.loupe-beige { background-image:url(../images/puces_commercants/loupe_beige.png); }

.carouselphoto { list-style-type:none; padding:0; }
.carouselphoto li { padding-bottom:15px; }

/************* fiche commercant ************/
#fiche-gauche{ float:left; width:235px; overflow:hidden;  }
#fiche-gauche h2 { color:#000; }
#fiche-gauche #fiche-menu{ text-align:left; height:27px }
#fiche-gauche #fiche-menu a { background-repeat:no-repeat; padding:3px 0px 0px 27px; /*width:auto;*/ height:27px; /*margin-left: auto; margin-right: auto;*/ display:block; background-position:0px 0px; font-weight:bold; color:#000; text-decoration:none }
#fiche-gauche #fiche-menu a:hover { text-decoration:underline; }
#fiche-gauche #fiche-menu a.retour-rose { background-image:url(/templates/vitrines/images/puces_commercants/fleche_haut_rose.png);  }
#fiche-gauche #fiche-menu a.retour-jaune { background-image:url(/templates/vitrines/images/puces_commercants/fleche_haut_jaune.png);  }
#fiche-gauche #fiche-menu a.retour-vert { background-image:url(/templates/vitrines/images/puces_commercants/fleche_haut_vert.png);  }
#fiche-gauche #fiche-menu a.retour-violet { background-image:url(/templates/vitrines/images/puces_commercants/fleche_haut_violet.png);  }
#fiche-gauche #fiche-menu a.retour-bleu { background-image:url(/templates/vitrines/images/puces_commercants/fleche_haut_bleu.png);  }
#fiche-gauche #fiche-menu a.retour-orange { background-image:url(/templates/vitrines/images/puces_commercants/fleche_haut_orange.png);  }
#fiche-gauche #fiche-menu a.retour-marron { background-image:url(/templates/vitrines/images/puces_commercants/fleche_haut_marron.png);  }
#fiche-gauche #fiche-menu a.retour-beige { background-image:url(/templates/vitrines/images/puces_commercants/fleche_haut_beige.png);  }
#fiche-gauche #carte-boutique{ text-align:center; }
#fiche-gauche #carte-boutique #map_canvas { width: 235px; height: 200px; overflow:hidden; }
#fiche-gauche #arbo { width:100px; float:left; font-weight:bold }
#fiche-gauche #retour { float:left; width:130px; }

#diapos-boutique { text-align:center; margin-top: 10px; }
#diapos-boutique ul {list-style-type: none; margin: 0; padding:0;}
#diapos-boutique li { padding-bottom: 10px; _padding-bottom: 0px;}
#diapos-boutique .photo { text-align:left; position:relative }
#diapos-boutique .photo .plus { position:absolute; bottom:5px; _bottom:25px; left:5px; padding-top:4px; z-index:3; }
#diapos-boutique .video {  text-align:left; position:relative }

#fiche-droite{ float:left; width:477px; padding-left:5px; padding-bottom:10px; overflow:hidden; }
#fiche-detail{ background-image:url('../images/fond-fiche.png'); background-repeat:no-repeat; background-position:top left; padding:0px; margin-left:20px; min-height:463px; _height:463px; }
#fiche-detail .slogan{ font-style:italic; font-weight:bold}
#fiche-detail #infofiche{ padding:15px 0px 0px 0px; }
#fiche-detail #infofiche a.bulle-contact { background-repeat:no-repeat; width:30px; height:30px; display:block; float:left; margin-right:10px;}
#fiche-detail #infofiche a.contact-rose { background-image:url(/templates/vitrines/images/puces_commercants/bulle_contact_rose.png) }
#fiche-detail #infofiche a.contact-jaune { background-image:url(/templates/vitrines/images/puces_commercants/bulle_contact_jaune.png) }
#fiche-detail #infofiche a.contact-vert { background-image:url(/templates/vitrines/images/puces_commercants/bulle_contact_vert.png); }
#fiche-detail #infofiche a.contact-violet { background-image:url(/templates/vitrines/images/puces_commercants/bulle_contact_violet.png) }
#fiche-detail #infofiche a.contact-bleu { background-image:url(/templates/vitrines/images/puces_commercants/bulle_contact_bleu.png) }
#fiche-detail #infofiche a.contact-orange { background-image:url(/templates/vitrines/images/puces_commercants/bulle_contact_orange.png) }
#fiche-detail #infofiche a.contact-marron { background-image:url(/templates/vitrines/images/puces_commercants/bulle_contact_marron.png) }
#fiche-detail #infofiche a.contact-beige { background-image:url(/templates/vitrines/images/puces_commercants/bulle_contact_beige.png) }
#fiche-detail #services{ padding-top:15px; }
#fiche-detail hr { border:1px solid #DDDEDE; margin-bottom:0; margin-top:5px;}
#fiche-detail #fond-gris { float:left; width:255px;  background-color:#dddede; background-image:url('../images/fiche-hautgris.jpg'); background-repeat:no-repeat; background-position:top left; }
#fiche-detail .info-pratique { padding:32px 8px 6px 8px; }
#fiche-detail .info-pratique-trait { padding:6px 8px 6px 8px; border-top:1px solid #FFFFFF; }
#fiche-detail #bas-gris { background-image:url('../images/fiche-basgris.jpg'); background-repeat:no-repeat; background-position:top left; height:17px; }
#fiche-detail #marques-produits { float:left; width:150px; }
#fiche-detail #adresse-mail { line-height:30px;}
#fiche-detail .plaquette a { color:#000; text-decoration:none }
#fiche-detail .plaquette a:hover { text-decoration:underline }
#fiche-detail #marques { padding:0px 10px 20px 18px; }
#fiche-detail #produits { padding:18px 10px 10px 18px; }
#fiche-detail #imprim-conseil { font-size:11px; padding:12px 0px 0px 0px;}
#fiche-detail #imprim-conseil .decal-lien{ padding-left:30px; }
#fiche-detail #imprim-conseil a.lienprint { background-image:url(../../../reg_medias/images/tango/16x16/devices/printer.png);background-repeat:no-repeat;font-size:107%;padding-bottom:2px;padding-left:23px;padding-top:2px;}
#fiche-detail #imprim-conseil a.liensend { background-image:url(../../../reg_medias/images/tango/16x16/actions/mail-forward.png); background-repeat:no-repeat;font-size:107%;padding-bottom:2px;padding-left:23px;padding-top:2px;}
#fiche-detail #imprim-conseil form { width:125px; float:left;  }
#fiche-detail #imprim-conseil form input { border:0; background-color:transparent; font-size:12px; padding:0; margin:0; cursor:pointer; height:14px; width:140px; background-image:url(../../../reg_medias/images/tango/16x16/actions/document-save.png); background-repeat:no-repeat; padding-left:22px; font-family:Arial, Helvetica, sans-serif; }
#fiche-detail #imprim-conseil form input:hover { text-decoration:underline; color:#666 }
#fiche-detail #imprim-conseil a{ color:#000000; text-decoration:none; }
#fiche-detail #imprim-conseil a:hover{ color:#666; }
#titrevitrineprint { position:absolute; text-indent:-5000px; line-height:1px; font-size:1px; }
#adresse-commerce { text-align:left; padding:2px 5px 2px 5px; }
#adresse-commerce h1 { padding:0px 0px 0px 0px; margin:0; font-size:12px}

#onglet-supplementaire { padding-top:10px; }
#onglet-supplementaire hr { display:none; }

#listetouscommercants { width:450px; }
#listetouscommercants a { text-decoration:none; }
#listetouscommercants a:hover { text-decoration:underline; }

/************* couleur *************/
.fleche2-rose, .fleche2-jaune, .fleche2-vert, .fleche2-violet, .fleche2-bleu, .fleche2-orange, .fleche2-marron, .fleche2-beige { height:40px; padding-left:25px; padding-top:4px; }
.fleche2-rose select, .fleche2-jaune select, .fleche2-vert select, .fleche2-violet select, .fleche2-bleu seelct, .fleche2-orange select, .fleche2-marron select, .fleche2-beige select { width:200px; font-size:10px; font-weight:bold; }
.fleche2-rose { background-image:url(../images/puces_commercants/fleche2_rose.png); background-repeat:no-repeat;}
.fleche2-jaune { background-image:url(../images/puces_commercants/fleche2_jaune.png); background-repeat:no-repeat;}
.fleche2-vert { background-image:url(../images/puces_commercants/fleche2_vert.png); background-repeat:no-repeat;}
.fleche2-violet { background-image:url(../images/puces_commercants/fleche2_violet.png); background-repeat:no-repeat;}
.fleche2-bleu { background-image:url(../images/puces_commercants/fleche2_bleu.png); background-repeat:no-repeat;}
.fleche2-orange { background-image:url(../images/puces_commercants/fleche2_orange.png); background-repeat:no-repeat;}
.fleche2-marron { background-image:url(../images/puces_commercants/fleche2_marron.png); background-repeat:no-repeat;}
.fleche2-beige { background-image:url(../images/puces_commercants/fleche2_beige.png); background-repeat:no-repeat;}

/************* template actu ************/
#tpl-actualite { padding-right:4px; width:450px; float:left; }
#tpl-actualite hr { border:1px solid #efc80a; margin-top:10px;}
#tpl-actualite #resume { float:left; width:460px; }
#tpl-actualite #photo { float:right; }
#tpl-actualite .lirelasuite, #tpl-actualite .retour { text-align:right; padding-bottom:5px; }
#tpl-actualite .lirelasuite { padding-bottom:5px; margin-top:5px; }
#tpl-actualite .lirelasuite a{ background-image:url(../images/puceplus.png); color:#000; text-decoration:none; padding-left:20px; background-repeat:no-repeat; padding-top:2px; padding-bottom:2px; }
#tpl-actualite .retour a { background-image:url(../images/puceretour.png); color:#000; text-decoration:none; padding-left:20px; background-repeat:no-repeat; padding-top:2px; padding-bottom:2px; }
#tpl-actualite .lirelasuite a:hover, #tpl-actualite .retour a:hover { text-decoration:underline; }
/*#tpl-actualite h1.tpl-actualite-h1 { color: #333333; font-size: 16px; }*/
.tpl-actualite-h1 { padding-bottom:10px; }

/************* template agenda ************/
#tpl-agenda { padding-right:4px; width:450px; }
#tpl-agenda form select, #tpl-actualite form select { border:1px solid #000; font-size:10px; background-color:#FAE896; width:150px; }
#tpl-agenda form input, #tpl-actualite form input { border:1px solid #000; font-size:10px; background-color:#FAE896; width:80px;  }
#tpl-agenda .liste-evenements { width:450px; }
#contenu_central_int #colonne-droite hr.hrorange { border-top:1px solid #efc80a; }
#tpl-agenda #resume { float:left; width:460px; }
#tpl-agenda #dates_even{ font-weight:bold; color:#000 }
#tpl-agenda #lienplus_even { text-align:left; }
#tpl-agenda #lienplus_even a{ color:#333333; text-decoration:none; font-size:13px;}
#tpl-agenda #lienplus_even a:hover{ text-decoration:underline; }
#tpl-agenda .lirelasuite, #tpl-agenda .retour { text-align:right; padding-bottom:5px; }
#tpl-agenda .lirelasuite { padding-bottom:5px; margin-top:5px;}
#tpl-agenda .lirelasuite a{ background-image:url(../images/puceplus.png); color:#000; text-decoration:none; padding-left:20px; background-repeat:no-repeat; padding-top:2px; padding-bottom:2px; }
#tpl-agenda .retour a{ background-image:url(../images/puceretour.png); color:#000; text-decoration:none; padding-left:20px; background-repeat:no-repeat; padding-top:2px; padding-bottom:2px; }
#tpl-agenda .lirelasuite a:hover, #tpl-agenda .retour a:hover { color:#000000; text-decoration:underline; }
/*#tpl-agenda h1.tpl-agenda-h1 { color: #333333; font-size: 16px; }*/
.tpl-agenda-h1 { padding-bottom:10px; }


/************* abonnement rss **************/
#abonnement-rss{ padding-left:20px; width:400px;}
#abonnement-rss .abonnement { padding-bottom:12px; clear:left; }
#abonnement-rss .logo_rss {float:left; width:50px; height:35px;}
#abonnement-rss .lien_rss {float:left; width:200px; height:35px; padding-top:15px;}
#abonnement-rss h2 { color:#000; font-size:13px;}
#abonnement-rss a { color:#000; text-decoration:none; }
#abonnement-rss a:hover { text-decoration:underline; }

/************* acces restreint ***********/
#liste_docs ul{ list-style-type:disc; padding-left:8px; }
#liste_docs ul li{ margin-left:10px; }
#liste_docs ul a{ color:#000000; text-decoration:none;}
#liste_docs ul a:hover{ text-decoration:underline; }
#intro_accesrestreint {margin-top:20px; margin-bottom:10px; }
#intro_accesrestreint hr { border:1px solid #efc80a; }
#texte_accesrestreint { width:400px; }
#texte_accesrestreint .detail_doc{ padding-bottom:10px; }
#texte_accesrestreint a{ color:#666; }
#texte_accesrestreint a:hover{ color:#000; }

/************* plan du site **************/
#plandusite { padding-left:20px; width:400px;}
#plandusite ul{ margin:5px; }
#plandusite li{ margin:5px; list-style-image:url(../images/puceorange.png); font-weight:bold ; font-size:14px;}
#plandusite li li { font-weight:normal; font-size:12px; list-style-type:none; list-style-image:none; padding-left:10px; }
#plandusite li li li { font-weight:normal; font-size:11px; list-style-type:none; list-style-image:none; padding-left:10px; }
#plandusite a { color:#000; text-decoration:none; }
#plandusite a:hover { text-decoration:underline; }

/************* template recherche **********/
#recherchecomplete #champ_chercher { float:left; width:300px; padding-top:8px; text-align:right; padding-right:10px;}
#recherchecomplete #bouton_chercher { float:left; width:80px; }

/************* conseiller ce site **********/
#conseiller_site { padding-left:50px; }
#conseiller_site p { padding-top:30px; }
/*#conseiller_site .infoform { padding-bottom:15px; }*/
#conseiller_site #validform { padding-top:20px; width:280px; text-align:center;}

/************* template contact **********/
#formcontact, #conseiller_site, #identification { padding-left:10px; width:430px; }
#formcontact p, #conseiller_site p, #identification p { padding-top:30px; }
#formcontact input, #formcontact textarea, #conseiller_site input, #conseiller_site textarea, #identification input, #identification textarea { font-family:Arial, Helvetica, sans-serif; width:300px; font-size:11px; }
#formcontact input.court, #conseiller_site input.court, #identification input.court { width:50px; }
#formcontact input.bouton, #conseiller_site input.bouton, #identification input.bouton { width:auto; }
#formcontact div label, #conseiller_site div label, #identification div label { font-weight:bold; }
#formcontact .infoform, #conseiller_site .infoform, #identification .infoform { clear:left; }
#formcontact .obligatoire, #conseiller_site .obligatoire, #identification .obligatoire, #validform .obligatoire { color:red; }

#formcontact .infoform div, #conseiller_site .infoform div, #identification .infoform div { float:left; width:127px; /*130px;*/ padding-bottom:10px; }
#formcontact .infoform .saisichamp, #conseiller_site .infoform .saisichamp, #identification .infoform .saisichamp { width:280px; }
#formcontact .infoform_g, #conseiller_site .infoform_g, #identification .infoform_g { float:left; width:90px; padding-bottom:15px; }
#formcontact .infoform_d, #conseiller_site .infoform_d, #identification .infoform_d { float:left; width:250px; padding-bottom:15px; }
#formcontact #message, #conseiller_site #message, #identification #message { height:100px; }
#formcontact #validform, #conseiller_site #validform, #identification #validform { clear:left; padding-top:20px; text-align:center; padding-bottom:15px; width:430px;}
#erreursformulaire { border: 1px solid #000; background-color:#FEE264; color:#FF0000; margin-bottom:15px; padding:5px; }
.jolieerreur { margin-top: 10px; margin-bottom: 20px; margin-left: 5px; margin-right: 5px; padding: 10px; padding-left: 30px; background-image: url('/reg_medias/images/tango/16x16/status/dialog-warning.png'); background-repeat: no-repeat; background-position: left center; font-weight: bold; height:auto; background-color: #e9ecef; border: 2px solid red; -moz-border-radius: 5px; color: red; }

#formcontact input#inscritnews { width:30px; }

/************* GENERAL ******************/
a { outline: none; }
acronym { border-bottom: 1px dotted black; }
label { cursor: pointer; }

small { font-size: 9px; }
.jolieerreur {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	padding-left: 30px;
	background-image: url('/reg_medias/images/tango/16x16/status/dialog-warning.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	height:auto;
	background-color: #e9ecef;
	border: 2px solid red;
	-moz-border-radius: 5px;
	color: red;
}
#admindbg { text-align: left; }

/***************** PUBS ********************/
#pubflash { position:relative; }
#pubflash .lienpubflash {z-index:10; display:block; position:absolute; background-color:red;  margin:auto; filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0; }
#pubflash .objetflash { position:relative; }

/* css pour la tooltip lien avec preview */
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip image preview */
#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}

#bloc-meteo {
	float:left;
	width:160px;
	overflow:hidden;
}
#bloc-meteo #temperature {
	float:left;
	width:89px;
	margin-right:5px;
	font-size:10px;
	text-align:right;
	line-height:11px;
	padding-top:3px;
	font-weight:bold;
	text-transform: uppercase;
}
#bloc-meteo #picto {
	float:left;
	margin-right:5px;
	width:47px;
	height:49px;
	background-image:url(../images/meteo/fond.gif);
	background-repeat:no-repeat;
	padding-top:12px;
	padding-left:14px;
}

/* Votre selection */
#tpl-votre-selection { width: 450px; }
#tableauselection { background-color:#FEE264; border:1px solid #FF7F07; float:left; font-size:12px; width:450px; }
#tableauselection #entete { background:#FF7F07 none repeat scroll 0 0; color:white; float:left; font-weight:bold; height:20px; line-height:26px; padding-bottom:5px; width:100%; }
#tableauselection .nomcommercant { float:left; font-weight:bold; padding-left:5px; width:185px; e-height:27px; }
#tableauselection .imprimer { width:70px; float:left; }
#tableauselection .envoyerami { width:110px; float:left; }
#tableauselection .supprimer { width:60px; float:left; }
#tableauselection div.lignecommercant { border-top:1px solid #FF7F07; float:left; padding:5px 0; width:100%;}
#tableauselection .lignecommercant .imprimer,
#tableauselection .lignecommercant .envoyerami,
#tableauselection .lignecommercant .supprimer { text-align: center;}
/* Pas beau mais avec un display none, la carte d'est pas centr�e */
.printselection { visibility:hidden; width:0px; height:0px; top:-200000px; position:absolute }
.map_canvas { height:200px; width:235px; }

#envoyerlaselection input, #imprimerlaselection input, input.continuer, #validform input.bouton, .infoform input.bouton, #passeraupaiement input.bouton, #oublie_passe .bouton { border:1px solid #E0B90B; background-color:#FEE264; font-size:11px; padding:3px; }
#envoyerlaselection, #imprimerlaselection { padding-top:10px;  }
#envoyerlaselection { float:left; clear:left; width:200px; }
#imprimerlaselection { float:left;padding-left:126px; width:62px; }

#btnimprimer { background-image:url(../../../reg_medias/images/tango/22x22/devices/printer.png); width:22px; height:22px; border-width:0px; margin:0; background-color:transparent; cursor:pointer }
#btnsupprimer { 
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background:transparent url(/templates/vitrines/images/deleteSelection.png) no-repeat scroll right center;
        border-width:0;
        cursor:pointer;
        height:22px;
        margin:0;
        width:22px;
    }

/* Ch�ques cadeaux */
#tableau{border: 1px solid #FF7F07;}
#tpl-cheques-cadeaux { width:450px; }
#caddie { font-size:11px; }
#caddie #entete { background:#FF7F07 none repeat scroll 0 0;
color:white;
float:left;
font-weight:bold;
height:25px;
line-height:25px;
margin-bottom:3px;
width:450px;  }
#caddie .designation { float:left;
padding-left:10px;
width:170px; }
/*#caddie .mode { padding-left:10px;}*/
#caddie .prix-unite, #caddie .prix-total { float:left; width:100px; }
#caddie .quantite { float: left; width:65px; }
#caddie input { width:50px; font-size:11px; text-align:right }
#caddie #quantite { width:52px; font-size:11px; }
#caddie #cheque, #caddie #livraison, #caddie #remise { clear:left; }
#caddie #remise { color:red; }
#caddie #livraison { float:left; width:450px; padding-top:10px; }
#caddie #modelivraison { font-size:11px; }
#caddie #livraison .mode { float:left; width:300px; padding-left:10px }
#caddie #livraison .mode select { margin-left:75px; }
#caddie #livraison .prixlivraison { float:left; width:80px; padding-left:60px; }
#etape1 #livraison .prixlivraison { float:left; width:90px; padding-left:35px; }
#lignetotalht, #lignetotaltva, #lignetotalttc { clear:left; width:450px; float:left; padding-top:10px;  } 
#lignetotalht .libelle, #lignetotaltva .libelle, #lignetotalttc .libelle { float:left;
font-weight:bold;
padding-left:10px;
text-align:right;
width:335px; }
#lignetotalht .montant, #lignetotaltva .montant, #lignetotalttc .montant, #cheque .prix-total{ width:90px; float:left; }
#lignetotalht .etape3, #lignetotaltva .etape3, #lignetotalttc .etape3, #cheque .etape3{ text-align: right; width: 55px}
#totallivraison { float:left; }
#eurolivraison { display:none; width:10px; float:left; }
#totalttc, #totallivraison, #montanttotalht, #montanttotaltva, #montanttotalttc { background-color:transparent; border:0px;  }

.infoform { float:left; width:450px; clear:left; padding-top:3px; }
.infoform div { width:180px; float:left; font-size:11px }
.infoform span.obligatoire { color:red; }
.infoform .saisichamp { width:270px; float:left; }
.infoform .saisichamp input { width:230px; }

#inscriptioncheque { display:none; }
#phrase-inscription { padding-top:10px; padding-bottom:10px; cursor:pointer; }
#passeraupaiement {
    background: transparent url(/templates/vitrines/images/logocmcicpaiement.gif) no-repeat left top;
    height: 40px;
}

.jolieerreur { width:360px; }

#mdpoublie { width:450px; }
#mdpoublie hr { margin-top:10px; margin-bottom:10px; }

#accepterconditions, #validform, #paquetCadeau { clear:left; padding-top:10px; }
#accepterconditions input.conditions, input#paquet { width:15px; }
#btncontinuer input.continuer { width:100px; text-align:center; border:1px solid; margin-top:20px;  }

#passeraupaiement input.bouton { margin-top:10px; }

.paginator
{
	clear: both;
	text-align: center;
}

.paginator ul
{
	float: right;
}
.paginator li
{
	float: left;
	list-style-type: none;
	margin-left:0;
}

.paginator li a, .paginator li span
{
	display: block;
	padding: 5px;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	float: left;
	text-align: center;
}

.paginator li span.current
{
	font-size: 14px;
}

/*.paginator .rose li a, .paginator .rose li span
{
	color:#E2007A;
}
.paginator .grise li a, .paginator .grise li span
{
	color:#6F4714;
}
.paginator .jaune li a, .paginator .jaune li span
{
	color:#FEED00;
}
.paginator .vert li a, .paginator .vert li span
{
	color:#8CB310;
}
.paginator .violet li a, .paginator .violet li span
{
	color:#642181;
}
.paginator .bleu li a, .paginator .bleu li span
{
	color:#009EE0;
}
.paginator .orange li a, .paginator .orange li span
{
	color:#F6A600;
}
.paginator .marron li a, .paginator .marron li span
{
	color:#B89411;
}
.paginator .beige li a, .paginator .beige li span
{
	color:#EFDF92;
}*/

#paginatorbas {
	background-color:#FFF;
}

#zone_checkbox_qualif { width:270px; }

#itineraire { position:absolute; top:360px; left:470px; width:457px; height:500px; overflow:auto; display:none; background-color:#FFF; border:1px solid black;filter : alpha(opacity=90); -moz-opacity : 0.9; opacity : 0.9; }
#fermeritineraire { text-align:right; cursor:pointer }
#calculit input, #itineraire input { border:1px solid #CCC; padding:2; font-size:11px;}
#itineraire input { margin-bottom:10px; }
#calculit input.btncalculer { margin-left:49px;}

.coupon-commercant { padding-top:10px; }
.coupon-commercant img { margin-right:8px; }
.coupon-commercant .offre { font-weight:bold; color:#666 }