*{margin:0;padding:0;}

body, a {font-family:sans-serif,'Lucida Grande','Tahoma', Verdana, Arial, Helvetica;font-size:12px;color:#65645B;line-height:160%;}
ul, ol, li{list-style:none;position:relative;}
img, fieldset{border:0;}
a { cursor: pointer; }
a:hover { color: #561412; }

h1,h2,h3,h4,h5 { display: block; }

h4{color:#8E8F47;font-size:13px;margin:15px 0;margin-top:7px;font-weight:bold;}

.clearer{ clear: both; height: 0; float: none !important; }

body { background: #F4F5F7 url(http://www.progtraiteur.fr/img/bg-large.jpg) repeat-x left top; width: 100%; overflow: visible; }

#content {background:transparent url(http://www.progtraiteur.fr/img/background.jpg) no-repeat center top;}

.banner {position: absolute; left: 470px; top: 10px; height: 23px; }
.banner p {font-size: 11px; }
.banner p a  { font-size: 11px; text-decoration: none; }
.banner p a:hover { text-decoration: underline; color:#FFF;}

#logo-menu { height: 145px; position: relative; }
.logo{height: 145px; width: 261px; position: absolute; left: 0; top: 40px; z-index: 1; }
.logo a { height: 145px; width: 145px; display: block; background:url(http://www.progtraiteur.fr/image/prog-traiteur-logo.jpg) no-repeat left top; text-decoration: none;text-indent: -9999px;}
.logo span { display: block; }

#menu-h { clear: both; float: right; height: 60px; padding-top: 100px; }
#menu-h ul { height: 50px; }
#menu-h li { float: left; height: 50px; width: auto; margin: 0; }
#menu-h li a { float: left; height: 35px; padding-top: 8px; padding-right: 10px; padding-left: 15px; text-transform: uppercase; text-decoration: none; color: #D6C64E;font-size: 11px; letter-spacing: 1.2px; font-family: Georgia, sans-serif, Arial; }
#menu-h .menuh-small { letter-spacing: 1px; }
#menu-h li a:hover { background: url(http://www.progtraiteur.fr/img/deco-menuh-hover.png) repeat-x left top; text-decoration: none; color:#2B2A25; }
#menu-h li span { float: left; height: 35px; padding-top: 8px; padding-right: 10px; padding-left: 15px; text-transform: uppercase; color: #D6C64E;font-size: 11px; letter-spacing: 1.2px; font-family: Georgia, sans-serif, Arial; text-decoration: none; cursor: pointer; }

#page { height: auto; }

.menu2{ float:left; width: 210px; margin-top: 62px; margin-bottom: 45px; }
.menu2 ul { position: relative; width: 210px; }
.menu2 li { height: 25px; padding-top: 5px; background: url(http://www.progtraiteur.fr/img/lignemenuh.png) no-repeat left bottom; background-color: #F4F5F7; padding-left: 30px; }
.menu2 li a  { text-decoration: none; }
.menu2 li a:hover { text-decoration: underline; }
.menu2 li span  { text-decoration: underline; cursor: pointer; }

.menu2-traiteur{ float:left; width: 210px; margin-top: 62px; margin-bottom: 45px; }
.menu2-traiteur ul { position: relative; width: 210px; }
.menu2-traiteur li { height: 22px; padding-top: 0px; background: url(http://www.progtraiteur.fr/img/lignemenuh.png) no-repeat left; background-color: #F4F5F7; padding-left: 30px; }
.menu2-traiteur li a  { text-decoration: none; }
.menu2-traiteur li a:hover { text-decoration: underline; }
.menu2-traiteur li span  { text-decoration: underline; cursor: pointer; }

.menu3{ float:right; width: 210px; margin-top: 10px; }
.menu3 ul { position: relative; width: 210px; }
.menu3 li { height: 25px; padding-top: 5px; background: url(http://www.progtraiteur.fr/img/lignemenub.png) no-repeat left bottom; background-color: #DFE4E9; padding-left: 30px; }
.menug3 li a  { text-decoration: none; }
.menug3 li a:hover { text-decoration: underline; }

.menu3-op{ float:right; width: 210px; margin-top: 10px; }
.menu3-op ul { position: relative; width: 210px; }
.menu3-op li { height: 20px; background-color: #DFE4E9; padding-left: 30px; }
.menug3-op li a  { text-decoration: none; }
.menug3-op li a:hover { text-decoration: underline; }

.intro { position: relative; float: left; width: 460px; margin-bottom: 25px; }
.intro .blok-h p { padding-right: 15px; padding-top: 5px; font-size:13px; }

.intro-generik { position: relative; float: left; width: 740px; margin-bottom: 25px; line-height: 1.8; }
.intro-generik.blok-h p { padding-right: 15px; padding-top: 5px; font-size:13px;  }

#titre h1, #titre h2  { height:25px; padding-top:2px; padding-bottom: 5px; color:#2B2A25; font-size:25px; text-transform:uppercase; }
#titre  span { color: #2B2A25; height:22px; font-size:14px; text-transform:uppercase; }

.h3hp { padding-top: 20px; padding-bottom: 10px; font-size: 12px; color: #561412; }
.h3gene { padding-top: 10px; padding-bottom: 5px; font-size: 12px; color: #561412; text-decoration: underline ; }
.h2gene, .h2gene a { padding-top: 10px; padding-bottom: 5px; font-size: 12px; color: #561412; text-decoration: underline ; }

.h2hp { padding-top: 20px; padding-bottom: 10px; font-size: 12px; color: #561412; }
.blok-h a { text-decoration: none; color: #807F73; }
.blok-h a:hover { text-decoration: underline; }

.img { position:absolute; left: 450px; right: 0; bottom: 0; width:320px; height:210px; }
.img-op { position:absolute; left: 450px; top: 0; bottom: 0; right: 0; width:285px; height:248px; }

.barre { width: 100%; background:url(http://www.progtraiteur.fr/img/barre.png) repeat-x left top; height: 10px;}

#contenant-centre { background: #DFE4E9; }

#contenant-centre h3.titolo-prodotto{font:bold 24px Georgia,"Times New Roman", Times, serif;padding-bottom:15px;color:#b7b400;}
.contenant-centre,.corps { margin: 0 auto; width: 960px; }
.contenant-centre.bloc{margin:0 auto;width:960px;background:#DFE4E9;}

.contenu{margin-left:210px;margin-top:15px;padding-left:10px;width:740px;float:left;}


#textecentral { float: left; width: 480px; font-size: 12px; margin-bottom:15px; }
#textecentral h2 { margin-bottom: 10px; font-size: 14px; text-transform:uppercase; color:#561412; }
.h2op { margin-top: 15px; }
.h2menu { margin-top: 15px; margin-bottom: 20px; margin-left: 15px; }
#textecentral a { color: #807F73; text-decoration: none; }
#textecentral a:hover { color: #561412; text-decoration: underline; }
#textecentral ul{padding:0 0 0 1em;}
#textecentral li{margin-bottom:1em;list-style-type:disc;}
#textecentral p {margin-bottom: 10px; line-height: 1.4em; }


#produits { float: left; width: 740px; font-size: 12px; margin-bottom:15px; }
#produits h2 { margin-bottom: 30px; font-size: 14px; text-transform:uppercase; color:#561412; text-decoration: underline; font-weight: bold; display: inline;} 
#produits a { color: #807F73; text-decoration: none; }
#produits a:hover { color: #561412; text-decoration: underline; }
#produits ul{padding:0 0 0 1em;}
#produits li{margin-bottom:1em;list-style-type:disc;}
#produits p {margin-bottom: 10px; line-height: 1.4em; }
#produits table {background-color: rgb(238, 238, 238); border-style: outset; border-color: #2B2A25; width: 550px;} 
#produits p.desc-small { font-size: 11px; color: darkblue; font-weight: bold; margin-bottom: 20px;}
#produits p.desc { font-size: 11px; color: #000; font-weight: bold; margin-bottom: 20px;}

.contacter { font-size:16px; font-weight: bold; margin-top: 40px; text-align: center; color: #561412; }
.contacterbig { font-size:22px; font-weight: bold; margin-top: 25px; text-align: center; color: #561412; }

#menu-b { width: 210px; float: left; margin-left: 20px; padding-left: 30px; }
#menu-b h3 { font-size: 12px; font-weight: bold; text-decoration: underline; margin-bottom: 15px; }


/* BOUTIQUE*/
.contenant-boutique { margin: 0 auto; width: 960px; height: 500px;}
#contenant-boutique { background: #F4F5F7; float: left;}
.contenant-boutique.bloc{margin:0 auto;width:960px;background:#F4F5F7;}
.contenu-boutique{margin-left:80px;margin-top:30px;padding-left:10px;width:840px;float:left;}


#tablePlateau { position: relative; float:left;}

#menu-b-boutique { width: 210px; position: relative; margin-top: 0; margin-left: 0px; float:right;}
#menu-b-boutique p{ margin: 0; font-size: 10px; line-height: 1.2;}
#menu-b-boutique img{ margin-left: 25px; margin-top: 15px; }
#menu-b-boutique h3 { font-size: 12px; font-weight: bold; text-decoration: underline; margin-top: 25px; margin-bottom: 15px; }

.menu-boutique{ float:right; width: 210px; margin-top: 10px; }
.menu-boutique ul { position: relative; width: 210px; }
.menu-boutique li { height: 25px; padding-top: 5px; background: url(http://www.progtraiteur.fr/img/lignemenub.png) no-repeat left bottom; background-color: #F4F5F7; padding-left: 30px; }
.menu-boutique li a  { text-decoration: none; }
.menu-boutique li a:hover { text-decoration: underline; }

/* end BOUTIQUE*/

/* BAS GAUCHE */
.promo { margin-left: -955px; width: 235px; padding-top: 15px; float: left; }
.promo p a { color: #000; text-decoration: none; }

.promo1 { width: 235px; height: 250px; margin-left: -30px; position:relative; }
.promo1 p{ color: #000; font-weight: bold; overflow: hidden; text-align: center; }
/* end BAS GAUCHE */

/* FOOTER */
#footer{height:230px;position:relative;background:url(http://www.progtraiteur.fr/img/bgfooter.jpg) repeat-x left top; }

#footer .menu ul{padding-left:12px;margin-left:-14px;}

#footer .menu li a { color: #DFE4E9; text-decoration: none; }
#footer .menu li a:hover { color: #D6C64E; text-decoration: underline; }

#footer .menu li span { color: #DFE4E9; text-decoration: none; cursor: pointer; }

.infos { margin: 0 auto; width: 960px; position: relative; }

.telephone { height:71px; width:168px; background:url(http://www.progtraiteur.fr/img/telephone.png) no-repeat left top; position:absolute; top:51px; left:0; }

#adresse { position: absolute; width: 260px; color: #DFE4E9; top: 21px; left: 0; }

/*
#blocfooter1,#blocfooter3 { margin-left: 240px; float: left; width: 230px; margin-right: 15px; margin-top: 15px; }
#blocfooter3 { margin-left:0; margin-right: -40px; float: right; }
#blocfooter2 { float: left; width: 230px; margin-left: 20px;  margin-top: 15px; }
*/
#blocfooter1 { padding-left: 240px; padding-right: 0px; margin-left:0; float: left; width: 230px; margin-right: 15px; margin-top: 15px; }
#blocfooter2 { margin-left: 30px;  float: left; width: 230px; margin-top: 15px; }
#blocfooter3 { margin-left:0; margin-right: 0px; float: right; margin-top: 15px;}

#blocfooter1 h2,#blocfooter2 h2,#blocfooter3 h2 { margin-top: 5px; color:#D6C64E; font-size: 12px; }

.addthis_toolbox  a { margin-top: 15px; color:#F4F5F7; font-size: 12px; }
.addthis_toolbox  a:hover { color:#D6C64E; }

#copyright span{ display:block;float:left;padding-top:2px;width:215px;height:20px; color:#DFE4E9; font-weight: bold; font-size: 10px; }
#copyright span a{ text-decoration:none; font-size: 10px; }
#copyright{ margin-top:45px;padding-left:25px;position:relative; }
#copyright  a {text-decoration:none; }
#copyright  a:hover { text-decoration:underline; color: #D6C64E;}

/* end FOOTER */

/* lexique */
a.navi {
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #4c606e;
	text-decoration: underline;
	padding: 5px;
}
a.navi:hover {
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #6c808e;
	text-decoration: underline;
}
a.subnavi {
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #4c606e;
	text-decoration: underline;
	padding-top: 0;
	padding-right: 5px;
}
a.subnavi:hover {
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #6c808e;
	text-decoration: underline;
}
/* end lexique */
a.submenu {
	font-style: normal;
	text-decoration: none;
	color:#65645B;
}
a.submenu:hover {
	text-decoration: underline;
	color:#65645B;
}
a.submenu:visited {
	text-decoration: none;
	color:#65645B;
}