body {behavior:url("lib/csshover.htc");}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
}
#body-rouge{background:url(../images/bkg-rouge.gif) repeat-x #d0d0d0;}
#body-bleu{background:url(../images/bkg-bleu.gif) repeat-x #d0d0d0;}
#body-vert{background:url(../images/bkg-vert.gif) repeat-x #d0d0d0;}
#body-orange{background:url(../images/bkg-orange.gif) repeat-x #d0d0d0;}
#body-violet{background:url(../images/bkg-violet.gif) repeat-x #d0d0d0;}
#body-rose{background:url(../images/bkg-rose.gif) repeat-x #d0d0d0;}

#container {position: relative;width: 910px;margin: 0 auto 20px auto; padding:5px 6px 4px 6px;background-color:#fff;border-left:1px solid #515151;border-right:1px solid #515151;border-bottom:1px solid #515151;}
#header {height:80px;width:910px;}
#logo {float:left;height:76px;width:294px;margin:0;padding:0;}
#centre {float:left;width:650px;margin-bottom:15px;margin-top:10px;}
#centre ul{padding-left:20px;}
#centre li{list-style-type:none;background:url(../images/puce_grise.gif) no-repeat 0px 3px;padding-left:15px;}
#centre li p{margin-top:0;}

#droite {float:left;width:232px;min-height:370px;margin-bottom:10px;margin-left:25px;margin-top:10px;background:url(../images/droite.gif) no-repeat;}
#droite p{width:180px;margin:0 0 2px 16px;}
#droite a, #droite a:visited {text-decoration:none;color:#0792d8;font-style:italic;}
#droite a:hover, #droite a:visited:hover {text-decoration:underline;color:#000000;font-style:italic;}
#droite h2{padding:0 26px 0 20px;}

.toggler{padding:5px;cursor:pointer;margin:1px 0 0 0;}
.accordion{overflow:hidden;opacity:0;visibility:hidden;height:0px;background-color:#f7f7f7;padding-left:20px;}
.accordion .legende{font-size:10px;color:#999;}
.toggler .tarif{float:right;font-size:10px;}

#toggler_plateau_1{background-color:#73c6f0;font-size:12px;font-weight:bold;}
#toggler_plateau_2{background-color:#ea8b82;font-size:12px;font-weight:bold;}
#toggler_plateau_3{background-color:#dcb071;font-size:12px;font-weight:bold;}

#toggler_traiteur_1{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_2{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_3{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_4{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_5{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_6{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_7{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_8{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_9{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_10{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_11{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_12{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_13{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_14{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_15{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_16{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_17{background-color:#c9eeff;font-size:12px;font-weight:bold;}
#toggler_traiteur_18{background-color:#c9eeff;font-size:12px;font-weight:bold;}

#droite1{background-color:#9f5ab8;padding:9px 5px 9px 5px;}
#droite2{background-color:#0792d8;padding:9px 5px 9px 5px;}


#pied {height:10px;background:url(../images/footer.gif) repeat-y;}
#pied_conserverie {height:10px;background:url(../images/footer-conserverie.gif) repeat-y;}

#alaune{text-align:left;margin:20px 0 20px 0;background:#d3d3d3;color:#fff;padding:5px;font-size:13px;border:1px solid #797979;}
#alaune p{text-align:left;margin:0;padding:0;}
#alaune a{color:#fff;text-decoration:underline;}

p{margin:10px 0 10px 0;padding:0;text-align:justify;}
img {border: 0 none;}
.clear{clear:both;}
.aligndroite{text-align:right;}
a, a:visited {text-decoration:none;}
#centre a, #centre a:visited {text-decoration:none;color:#0792d8;font-style:italic;}
#centre a:hover, #centre a:visited:hover {text-decoration:underline;color:#000000;font-style:italic;}
.link{background:url(../images/fleche.gif) no-repeat 0px 2px;padding-left:18px;}
.succes {font-weight:bold;color:#009933;}
.echec {font-weight:bold;color:#FF0000;}
.imgleft{float:left;margin:0 10px 10px 0;}

/**************** MENU ****************/
#menu {float:none;margin:0px auto;width:612px;float:right;margin-top:47px;background: #fff;height:25px;}
#menu ul {margin:0;padding:0;}
#menu li {float:left;background-position:left top;background-repeat:no-repeat;list-style-type:none;}
#menu li span {display:block;height:22px;font-weight:bold;text-transform:uppercase;text-align:center;padding-top:8px;cursor:default;}
#menu li a:link span, #menu li a:visited span, #menu li a:hover span, #menu li a:active span {cursor:pointer;color:#fff;}

#menu li#traiteur {width:111px;background-color:#0792D8;color:#fff;}
#menu li:hover#traiteur{color:#fff;}

#menu li#services{width:110px;background-color:#A82B20;color:#fff;}
#menu li:hover#services{color:#fff;}

#menu li#plateauxrepas{width:100px;background-color:#8AB804;color:#fff;}
#menu li:hover#plateauxrepas{color:#fff;}

#menu li#references{width:100px;background-color:#f6700e;color:#fff;}
#menu li:hover#references{color:#fff;}

#menu li#mariages{width:98px;background-color:#f40d69;color:#fff;}
#menu li:hover#mariages{color:#fff;}

#menu li#contact{width:93px;background-color:#9f5ab8;color:#fff;}
#menu li:hover#contact{color:#fff;}

#menu li#conserverie{width:120px;background-color:#ce5c52;color:#fff;}
#menu li:hover#conserverie{color:#fff;}

#menu li#gammes{width:120px;background-color:#911e14;color:#fff;}
#menu li:hover#gammes{color:#fff;}

#menu li#pointdevente{width:152px;background-color:#a82b20;color:#fff;}
#menu li:hover#pointdevente{color:#fff;}

#menu li#emploi{width:110px;background-color:#ce5c52;color:#fff;}
#menu li:hover#emploi{color:#fff;}

#menu li#ccontact{width:110px;background-color:#911e14;color:#fff;}
#menu li:hover#ccontact{color:#fff;}


/* actif */
#menu ul li.actif { background-position : right top; }
#menu ul li ul.hover { display : block; }
#menu ul li:hover ul { display : block; }

#traiteur ul {
	display : none;
	position : absolute;
	z-index : 10000;
	width : 140px;
	height : auto;
	background : #0792D8;
	padding-bottom:5px;
	-moz-opacity:.93;
	filter:alpha(opacity=93);
	opacity:.93;
}
#traiteur ul li {float :none;border-bottom:1px dashed #13B0FF;}
#services ul {
	display : none;
	position : absolute;
	z-index : 10000;
	width : 140px;
	height : auto;
	background : #A82B20;
	padding-bottom:5px;
	-moz-opacity:.93;
	filter:alpha(opacity=93);
	opacity:.93;
}
#services ul li {float :none;border-bottom:1px dashed #ca564c;}

#mariages ul {
	display : none;
	position : absolute;
	z-index : 10000;
	width : 180px;
	height : auto;
	background : #f40d69;
	padding-bottom:5px;
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90;
}
#mariages ul li {float:none;border-bottom:1px dashed #d71663;}


#contact ul {
	display : none;
	position : absolute;
	z-index : 10000;
	width : 93px;
	height : auto;
	background : #9f5ab8;
	padding-bottom:5px;
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90;
}
#contact ul li {float:none;border-bottom:1px dashed #E787FF;}

#menu ul ul a {color:#fff;display:block;padding:2px 1px 2px 15px;width:auto;text-decoration:none;}
#menu ul ul a:hover {color:#000;}

/**** PLAN DU SITE ****/

#plan_du_site {clear:both;height:80px;background-image:url(../images/bkg_plan_du_site.gif);padding:0;margin:0 0 3px 0;}
#plan_du_site ul{margin:0;padding:0;}
#plan_du_site ul.navpied li.colonne {float:left;margin:4px 23px 0 4px;}
#plan_du_site ul li{list-style-type:none;}
#plan_du_site ul.navpied li.colonne span {font-size:9px;font-weight:bold;color:#fff;}
#plan_du_site ul.navpied li.colonne a {font-size:9px;text-decoration:none;color:#C8C8C8;}

#mentions li {color:#fff;}
#eliacom {margin-top:10px;}

img.imgdroite{float:right;margin:10x 0 10px 10px;}
.imggauche{float:left;margin-left:10x;}

#rouge h1{font-size:16px;color:#A82B20;}
#rouge h2{font-size:12px;color:#A82B20;margin:25px 0 10px 0;}
#rouge h3{font-size:11px;color:#000;margin:0;padding:0;clear:both;}

#bleu h1{font-size:16px;color:#0792D8;margin:15px 0 10px 0;}
#bleu h2{font-size:12px;color:#0792D8;margin:25px 0 10px 0;}

#vert h1{font-size:16px;color:#8AB804;margin:15px 0 10px 0;}
#vert h2{font-size:12px;color:#8AB804;margin:25px 0 10px 0;}

#gris h1{font-size:16px;color:#686868;margin:15px 0 10px 0;}
#gris h2{font-size:12px;color:#686868;margin:25px 0 10px 0;}

#orange h1{font-size:16px;color:#f6700e;margin:15px 0 10px 0;}
#orange h2{font-size:12px;color:#f6700e;margin:25px 0 10px 0;}

#violet h1{font-size:16px;color:#9f5ab8;margin:15px 0 10px 0;}
#violet h2{font-size:12px;color:#9f5ab8;margin:25px 0 10px 0;}

#rose h1{font-size:16px;color:#f80e6b;margin:15px 0 10px 0;}
#rose h2{font-size:12px;color:#f80e6b;margin:25px 0 10px 0;}

/***** CATALOGUE *****/

.catalogue{float:left;margin:5px 8px 25px 0;padding:3px;text-align:center;vertical-align:middle;width:90px;height:60px;background-color:#F4F4F4;border:1px solid #999999;}
.catalogue:hover{background-color:#C6E668;border:1px solid #000;}

/***** ACTUALITES *****/

.actualites_date{color:#979797;font-weight:normal;font-size:10px;}

/**** FORMULAIRE DEVIS ET CONTACT ****/

#form_devis_contact {margin-top:30px;}
#form_devis_contact p {padding:0;margin:5px;}
#form_devis_contact label {float:left;width:140px;text-align:right;margin:0;cursor:pointer;padding:0 .5em 0 0;line-height:1.8;}
#form_devis_contact label:hover {cursor:pointer;}
#form_devis_contact .focus {width:400px;background:#f5eaf9;color:#000;border:1px solid #9f5ab8;}
#form_devis_contact .focus2 {width:150px;background:#f5eaf9;color:#000;border:1px solid #9f5ab8;}
#form_devis_contact .focus3 {width:400px;height:30px;background:#f5eaf9;color:#000;border:1px solid #9f5ab8;}
#form_devis_contact .normal {width:400px;background:#fff;color:#7f4195;border:1px solid #9f5ab8;}
#form_devis_contact .normal2 {width:150px;background:#fff;color:#7f4195;border:1px solid #9f5ab8;}
#form_devis_contact .normal3 {width:400px;height:30px;background:#fff;color:#7f4195;border:1px solid #9f5ab8;}
#form_devis_contact .bouton{width:auto;background-color:#9f5ab8;font-size:11px;color:#fff;border:1px solid #000;cursor:pointer;height:18px;padding:0;}
#form_devis_contact textarea {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;height:150px;padding:2px;}
#form_devis_contact input {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;height:14px;padding:2px;}
#form_devis_contact select {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;height:20px;padding:2px;width:420px;}

/**** FORMULAIRE EMPLOIS ET STAGES ****/

#form_emploi {margin-top:30px;}
#form_emploi p {padding:0;margin:5px;}
#form_emploi label {float:left;width:130px;text-align:right;margin:0;cursor:pointer;padding:0 .5em 0 0;line-height:1.8;}
#form_emploi label:hover {cursor:pointer;}
#form_emploi .focus {width:400px;background:#ffe4d0;color:#000;border:1px solid #f6700e;}
#form_emploi .focus2 {width:150px;background:#ffe4d0;color:#000;border:1px solid #f6700e;}
#form_emploi .normal {width:400px;background:#fff;color:#f6700e;border:1px solid #f6700e;}
#form_emploi .normal2 {width:150px;background:#fff;color:#f6700e;border:1px solid #f6700e;}
#form_emploi .bouton{width:auto;background-color:#f6700e;font-size:11px;color:#fff;border:1px solid #000;cursor:pointer;height:18px;padding:0;}
#form_emploi textarea {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;height:150px;padding:2px;}
#form_emploi input {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;height:14px;padding:2px;}
#form_emploi select {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;height:20px;padding:2px;width:420px;}

/**** FORMULAIRE RESERVATION ****/

#form_reservation {margin-top:30px;}
#form_reservation p {padding:0;margin:5px;}
#form_reservation label {float:left;width:110px;text-align:right;margin:0;cursor:pointer;padding:0 .5em 0 0;line-height:1.8;}
#form_reservation label:hover {cursor:pointer;}
#form_reservation .focus {width:227px;background:#eeffbd;color:#000;border:1px solid #8AB804;}
#form_reservation .focus2 {width:150px;background:#eeffbd;color:#000;border:1px solid #8AB804;}
#form_reservation .focus3 {width:60px;background:#eeffbd;color:#000;border:1px solid #8AB804;}
#form_reservation .normal {width:227px;background:#fff;color:#7f4195;border:1px solid #8AB804;}
#form_reservation .normal2 {width:150px;background:#fff;color:#7f4195;border:1px solid #8AB804;}
#form_reservation .normal3 {width:60px;background:#fff;color:#7f4195;border:1px solid #8AB804;}
#form_reservation .bouton{width:auto;background-color:#8AB804;font-size:11px;color:#fff;border:1px solid #000;cursor:pointer;height:18px;padding:0;}
#form_reservation textarea {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;height:80px;padding:2px;}
#form_reservation input {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;height:14px;padding:2px;}
#form_reservation select {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;height:20px;padding:2px;width:420px;}


/***** TROUVER NOS PRODUITS *****/
.revendeurs{margin-left:20px;}
.boutique{font-weight:bold;width:200px;}
.adresse{width:180px;}
.ville{width:190px;}
.telephone{width:110px;}
.revendeurs .pair{background-color:#f5f5f5;}

/****** TAG CLOUD BOUTIQUES ******/

#tagcloudb {width:180px;margin-left:20px;text-align: center;line-height: 17px;}

#tagcloudb a {text-decoration:none;}
#tagcloudb a:hover {text-decoration:none;}

#tagcloudb a.tag1:hover {background-color:#8ab804;color:#fff;}
#tagcloudb a.tag2:hover {background-color:#f6700e;color:#fff;}
#tagcloudb a.tag3:hover {background-color:#f43f3f;color:#fff;}
#tagcloudb a.tag4:hover {background-color:#f4e53f;color:#fff;}
#tagcloudb a.tag5:hover {background-color:#653ff4;color:#fff;}
#tagcloudb a.tag6:hover {background-color:#f43fae;color:#fff;}
#tagcloudb a.tag7:hover {background-color:#f43f59;color:#fff;}
#tagcloudb a.tag8:hover {background-color:#9eeb30;color:#fff;}
#tagcloudb a.tag9:hover {background-color:#a82b20;color:#fff;}
#tagcloudb .tag1 {color:#8ab804;font-size:18px;}
#tagcloudb .tag2 {color:#f6700e;font-size:12px;}
#tagcloudb .tag3 {color:#f43f3f;font-size:14px;}
#tagcloudb .tag4 {color:#f4e53f;font-size:18px;}
#tagcloudb .tag5 {color:#653ff4;font-size:16px;}
#tagcloudb .tag6 {color:#f43fae;font-size:12px;}
#tagcloudb .tag7 {color:#f43f59;font-size:14px;}
#tagcloudb .tag8 {color:#9eeb30;font-size:10px;}
#tagcloudb .tag9 {color:#a82b20;font-size:18px;}

/************* TRAITEUR FIN ANNEE **************/
#carte-fete{width: 620px;}
#carte-fete li {text-align:right;background: url(../images/point_sommaire.gif) repeat-x;}
#carte-fete span.left {float: left;/* on aligne le texte de gauche à... gauche */
            padding: 0 5px 0 0;/* on laisse un espace entre les points et le texte de gauche */
      }
#carte-fete span.right {padding: 0 0 0 5px; }
#carte-fete span.left, #carte-fete span.right { background: #fff; }