body {
background: url(../images/bg-body.jpg) top center repeat-y #827074;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font: 10pt Arial;
line-height: 14pt;
}

body, h1, h2, h3, p, ul, li {
margin: 0px;
padding: 0px;
}

input, select, textarea {
border: 1px solid #a27c5d;
font-size: 8pt;
}

p {

}

p span {
color : #dc6b43;
font-weight: bold;
}

p.center {
text-align: center;
}

a {
color: #dc6b43;
text-decoration: none;
}

a:hover {
color: #dc6b43;
text-decoration: underline;
}

a.rouge{
color: #dc6b43;
font-weight:bold;
text-decoration: none;
}

a.rouge:hover {
color: #ffffff;
text-decoration: underline;
}




a img {
border: none;
}

img.vignette {
border: 6px solid #ccbda0; -moz-border-radius:10px;
}

img.logo {
border: 2px solid #d6d6d6;
}

#list li { 
list-style-type: square; 
line-height: 30px;
font: 14px arial;
color: #d6d6d6;
}
#li a.envies { 
font: 12px arial;
}

.clearboth {
clear:both;
height: 0px;
}

h1, h3 {
color: #dc6b43;
font-size: 13pt;
line-height: 14pt;
}

h1 a, h3 a {
color: #dc6b43;
}

h2 {
color: #dc6b43;
font-size: 11pt;
line-height: 16pt;
text-align: left;
}

h3 {
font-size: 9pt;
line-height: 10pt;
}

ul {
list-style: disc;
list-style-position: inside;
}


div#pagecontainer {
position: relative;
background: url(../images/bg-page-container.jpg) top center no-repeat;
margin: 0 auto;
width: 980px;
text-align: center;
}

div#header {
background: url(../images/bg-header-traiteur.jpg) bottom right no-repeat;
position: relative;
margin: auto;
width: 980px;
height: 150px;
text-align: left;
}


div#navcontainer {
background: url(../images/bg-nav-container-traiteur.jpg) bottom left no-repeat;
position: relative;
margin: 0px auto;
width: 980px;
height: 50px;
line-height: 50px;
text-align: right;
}

div#navcontainer p.slogan {
padding-top: 4px;
padding-left: 25px;
height: 34px;
line-height: 34px;
width: 200px;
float: left;
color: #ab9595;
font: 600 8pt arial;
text-align: left;

font-style: oblique;
}

div#navcontainer ul,
div#navcontainer ul li {
margin: 0px;
padding: 0px;
list-style-type : none;
}
div#navcontainer ul li {
float: left;
display: inline;
height: 38px;
line-height: 38px;
width: 120px;
text-align: center;
margin-left: 25px;
}


div#navcontainer a {

display: block;
width: 120px;
padding-top: 3px;
height: 37px;
text-align: center;
color: #ab9595;
font: 600 14px arial;
text-decoration: none;
}

div#navcontainer a:hover, div#navcontainer a.selected  {
color: #dc6b43;
background:url(../images/navcontaineraover.gif) center bottom no-repeat;
}

div#navcontainer a.envies {
display: block;
width: 120px;
padding-top: 4px;
height: 34px;
text-align: center;
color: #ab9595;
font: 600 12px arial;
text-decoration: none;
margin-left: 0px;
}
div#navcontainer a.envies:hover, div#navcontainer a.selected  {
color: #dc6b43;
background:url(../images/navcontaineraover.gif) center bottom no-repeat;
}

div#navcontainer a.small{
font-size:10px;
}
div#navcontainer a.small:hover, div#navcontainer a.selected  {
color: #dc6b43;
background:url(../images/navcontaineraover.gif) center 50% no-repeat;
}

div#footer {
position: relative;
margin: 0px auto;
width: 980px;
text-align: center;
background: #513621;
letter-spacing: 1px;
}

div#footer p {
margin: 0px;
padding: 10px;
font-size: 9pt;
font-weight: 600;
text-align: center;
line-height: 20px;
color: #FFFFFF;
}

div#content {
position: relative;
margin: 0px auto;
width: 980px;
text-align: left;
}

div#content h1, div#content h2, div#content h3, div#content p {
padding: 5px 0px;
}

div#content div.formulaire {
float: left;
width: 450px;
padding: 20px;
margin: 0px;
}

.msgerror {
color: #c73e28;
}

div#content div.formulaire div.clearboth {
margin-top: 10px;
}

div#content div.formulaire label {
float: left;
width: 100px;
padding-right: 5px;
text-align: right;
}

p.enconstruction {
margin: 25px;
font: 500 11pt Arial;
color: #FFFFFF;
}

p.enconstruction span {
color: #dc6b43;
font-weight: 600;
}

p.enconstruction span.accroche {
color: #d2af99;
font: 600 12pt arial;
line-height: 18pt;
}

div.cartepdf {
margin-right: 20px;
float: right;
width: 150px;
height: 265px;
display: block;
text-align: center;
border: 1px solid #d2af99;
}

div.cartepdf:hover {
border: 1px solid #dc6b43;
}

div#content div.descriptif {
margin: 10px 25px;
color: #ffffff;
font: 10pt Arial;
line-height: 14pt;
text-align: justify;
}

div#content div.descriptif-entreprise{

margin: 10px 25px;
color: #ffffff;
font: 10pt Arial;
line-height: 16pt;
text-align: justify;
width: 900px;
}

div#content div.visuel-1 {
position: relative;
width: 310px;
height: 330px;
float: left;
margin-right: 15px;
}

div#content div.visuel-1 div.photo {
position: absolute;
top: 44px;
left: 16px;
width: 270px;
height: 270px;
}

div#content div.visuel-2 {
position: relative;
width: 310px;
height: 330px;
float: right;
margin-left: 15px;
}

div#content div.visuel-2 div.photo {
position: absolute;
top: 29px;
left: 15px;
width: 270px;
height: 270px;
}

div#content div.visuel-3 {
position: relative;
width: 230px;
height: 252px;
float: left;
margin-top: 0px;
margin-right: 50px;
}

div#content div.visuel-3 div.photo {
position: absolute;
top: 42px;
left: 15px;
width: 230px;
height: 252px;
}

div#content div.visuel-3 div.masque {
position: absolute;
top: 0px;
left: 0px;
width: 260px;
height: 290px;
}





div#content div.visuel-bande {
position: relative;
float: right;
margin-right: 50px;
width: 530px;
height: 120px;
}



div#content div.visuel-bande div.photo {
position: absolute;
top: 5px;
left: 5px;
width: 530px;
height: 120px;
}
div#content div.visuel-bande div.masque {
position: absolute;
top: 0px;
left: 0px;
width: 530px;
height: 160px;
}

div#content div.visuel-1 div.masque,
div#content div.visuel-2 div.masque {
position: absolute;
top: 0px;
left: 0px;
width: 310px;
height: 330px;
}

div#content p.chapeau {
margin: 15px 0px;
padding-left: 320px;
color: #d2af99;
font: 600 11pt arial;
line-height: 16pt;
text-align: justify;
}

div#content p.rouge {
color: #dc6b43;
font-weight:bold;
font-size: 16px;
text-align: center;
}

div#content div.formulaire {
float: left;
width: 455px;
}

.msgerror {
color: #c73e28;
}

div#content div.formulaire div.clearboth {
margin-top: 10px;
}

div#content div.formulaire label {
float: left;
width: 125px;
padding-right: 5px;
text-align: right;
}

div#content div.plan-situation {
position: relative;
float: left;
width: 432px;
height: 310px;
}

div#content div.accueil_photo {
float: left;
width: 50px;
margin: 10px 25px;
color: #ffffff;
font: 10pt Arial;
line-height: 14pt;
text-align: justify;
}

div#content div.accueil {
float: right;
width: 560px;
margin: 10px 45px;
color: #ffffff;
font: 10pt Arial;
line-height: 14pt;
text-align: center;
}

div#content div.gauche {
float: left;
width: 250px;
}
div#content div.droite {
float: right;
width: 605px;
}

div#content div.engagements {
float: left;
width: 605px;
margin-top: 15px;
}

div#content div.engagements p.rouge {
color: #dc6b43;
font-weight:bold;
}



div#content div.liste_magasin {
margin: 10px 45px;
padding-top: 60px;
color: #ffffff;
font: 10pt Arial;
line-height: 14pt;
text-align: justify;
float: left;
width: 280px;
height: 200px;
background:url(../images/liste-cache.png) no-repeat;
}

div#content div.magasin_photo_sup {
float: left;
width: 240px;
padding: 0px;
margin: 0;
margin-left: 40px;
}

div#content div.magasin {
float: left;
width: 600px;
margin-top: 20px;
color: #ffffff;
font: 10pt Arial;
line-height: 14pt;
text-align: justify;
}

div#content div.magasin div.coordonnees {
float: left;
margin-top: 15px;
margin-right: 20px;
width: 250px;
}

div#content div.magasin div.photo {
float: left;
width: 320px;
}

div#content div.magasin div.plan {
float: left;
margin-left: 0px;
margin-top: 0px;
width: 425px;
}

div#content div.plan_magasin {
float: left;
width:430px;
height:313px;
background:url(../images/plan-situation-magasins-beucher.png) no-repeat;
}

div#content div.plan_magasin .lices {
    display:block;
    position:relative;
    top: 90px;
    left:130px;
    width:15px;
    height:15px;
}

div#content div.plan_magasin .rennes{
    display:block;
    position:relative;
    top: 78px;
    left:148px;
    width:15px;
    height:15px;
	
}

div#content div.plan_magasin .jeanne{
    display:block;
    position:relative;
    top: 60px;
    left:210px;
    width:15px;
    height:15px;
}

div#content div.plan_magasin .therese{
    display:block;
    position:relative;
    top: 80px;
    left:137px;
    width:15px;
    height:15px;
}

div#content div.plan_magasin .landrel{
    display:block;
    position:relative;
    top: 98px;
    left:175px;
    width:15px;
    height:15px;		
}

div#content div.plan_magasin .bruz{
    display:block;
    position:relative;
    top: 206px;
    left:26px;
    width:15px;
    height:15px;
}

div#content div.plan_magasin .vern{
    display:block;
    position:relative;
    top: 165px;
    left:245px;
    width:15px;
    height:15px;	
}

div#content div.plan_magasin .chateaugiron{
    display:block;
    position:relative;
    top: 151px;
    left:395px;
    width:15px;
    height:15px;	
}