* {
margin: 0;
padding: 0;
}

.spacer{
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
}

.erreur{
border: 1px solid #CC0002;
}

li.erreur{
color:#CC0002;
border:none;
}

li.erreur label{
color:#CC0002;
}

li.erreur strong{
color:#CC0002;
}


#msg_erreur{
color:#CC0000;
}

body {
padding:0;
margin:0;
background:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6A6A6A;
}

#general{
margin: 0 auto;
width:1000px;
min-height:700px;
background:#E3E3E3;
}

#page {
width:1000px;
mi,-height:700px;
border:1px solid #3E1484;
}

/* Header__________________________________*/ 

#header {
height:210px;
width:1000px;
}

a#logo{
display:block;
float:left;
background: url(images/logo_gastronomia.gif) no-repeat;
width:155px;
height:210px;
text-indent:-5000px;
text-decoration:none;
color:#3E1484;
}

#header ul{
list-style: none;
display:block;
float:left;
height:210px;
width:432px;
background:url(images/goutdusurmesure.jpg) no-repeat;
}

#header li {
float:left;
margin-top:182px;
text-align:right;
}

#header a#devis {
padding-left:67px;
display:block;
height:28px;
width:100px;
background:url(images/demande_devis.gif) no-repeat right 0;
text-indent:-5000px;
text-decoration:none;
text-align:left;
color:#EEEEEE;
}

#header a#newsletter {
display:block;
height:28px;
width:95px;
background:url(images/newsletter.gif) no-repeat right 0;
text-indent:-5000px;
text-decoration:none;
color:#E7E7E7;
}

#header a#contact {
display:block;
height:28px;
width:69px;
background:url(images/contact.gif) no-repeat right 0;
text-indent:-5000px;
text-decoration:none;
color:#E4E4E4;
margin-right:30px;
}

#header a:hover#contact, #header a:hover#newsletter, #header a:hover#devis{
background-position: right -28px;
}

/* Menu__________________________________*/ 

#menu {
height:490px;
width:203px;
background:#3E1484 url(images/table-fleurs.jpg) no-repeat left bottom;
float:left;
}

#menu_devis {
height:775px;
width:203px;
background:#3E1484 url(images/table-fleurs.jpg) no-repeat left bottom;
float:left;
}

#menu ul, #menu_devis ul {
list-style: none;
}

#menu ul a, #menu_devis ul a{
display:block;
width:203px;
text-indent:-5000px;
text-decoration:none;
color:#3E1484;
}

#menu li, #menu_devis li{
line-height:6px;
}

ul a#gastronomia {
background:url(images/gastronomia-traiteur.gif) no-repeat 0 0;
height:24px;
}

ul a:hover#gastronomia {
background-position: right -24px;
}

ul a#historique {
background:url(images/historique.gif) no-repeat 0 0;
height:19px;
}

ul a:hover#historique, ul a:hover#dejeuners, ul a:hover#entreprises {
background-position: right -19px;
}

ul a#concept {
background:url(images/notre-concept.gif) no-repeat 0 0;
height:21px;
}

ul a:hover#concept, ul a:hover#seminaires {
background-position: right -21px;
}

ul a#savoir {
background:url(images/notre-savoir-faire.gif) no-repeat 0 0;
height:23px;
}

ul a:hover#savoir, ul a:hover#menus {
background-position: right -23px;
}

ul a#cocktail {
background:url(images/cocktail.gif) no-repeat 0 0;
height:18px;
}

ul a:hover#cocktail {
background-position: right -18px;
}

ul a#dejeuners {
background:url(images/dejeuners-diners.gif) no-repeat 0 0;
height:19px;
}

ul a#buffet {
background:url(images/buffet.gif) no-repeat 0 0;
height:22px;
}

ul a:hover#buffet {
background-position: right -22px;
}

ul a#temoignages {
background:url(images/temoignages.gif) no-repeat 0 0;
height:30px;
}

ul a:hover#temoignages {
background-position: right -30px;
}

ul a#menus {
background:url(images/menus.gif) no-repeat 0 0;
height:23px;
}

ul a#mariages {
background:url(images/receptions-mariages.gif) no-repeat 0 0;
height:20px;
}

ul a:hover#mariages {
background-position: right -20px;
}

ul a#entreprises {
background:url(images/traiteur-entreprise.gif) no-repeat 0 0;
height:19px;
}

ul a#seminaires {
background:url(images/receptions-seminaires.gif) no-repeat 0 0;
height:21px;
}

ul a#galerie {
background:url(images/galerie-photos-videos.gif) no-repeat 0 0;
height:29px;
}

ul a:hover#galerie {
background-position: right -29px;
}

ul a#references {
background:url(images/references.gif) no-repeat 0 0;
height:27px;
}

ul a:hover#references {
background-position: right -27px;
}


/* contenu__________________________________*/ 

img#rubrique {
float:left;
}

#contenu {
background:#E3E3E3;
width:1000px;
}

object {
float:left;
}

#texte {
height:490px;
width:325px;
background:#FFF url(images/bas-contenu.jpg) no-repeat bottom;
float:left;
}

#texte_page {
position:relative;
height:490px;
width:481px;
background:#FFF url(images/bas-contenu-2.jpg) no-repeat bottom;
float:left;
}

#texte_grand {
position:relative;
height:490px;
width:746px;
background:#FFF url(images/bas-contenu-5.jpg) no-repeat bottom;
float:left;
padding:0px 0 0 30px;
}

#texte_devis {
height:775px;
width:746px;
background:#FFF url(images/bas-contenu-5.jpg) no-repeat bottom;
float:left;
padding:0px 0 0 30px;
}

#texte_devis h1#demande-devis {
background:url(images/t-demande-devis.gif) no-repeat left;
} 

#texte_grand h1#mentions {
background:url(images/t-mentions-legales.gif) no-repeat left;
}

#texte_grand h1#plansite {
background:url(images/t-plan-site.gif) no-repeat left;
}

#texte_grand h1#menu_entreprise {
background:url(images/t-menu-entreprise.gif) no-repeat left;
}

#texte_grand h1#menu_mariages {
background:url(images/t-menu-mariages.gif) no-repeat left;
}

#texte_grand h1#menu_seminaires {
background:url(images/t-menu-seminaires.gif) no-repeat left;
}
#texte_grand h1#sites {
background:url(images/t-sites-partenaires.gif) no-repeat left;
}

#texte_page2 {
position:relative;
height:490px;
width:481px;
background:#FFF url(images/bas-contenu-3.jpg) no-repeat bottom;
float:left;
}

#texte_page p, #texte_page2 p{
text-align:justify;
display:block;
width:430px;
line-height:16px;
margin:10px 0 15px 20px;
}

#texte_page h3, #texte_page2 h3{
display:block;
width:430px;
margin:15px 0 15px 20px;
font-size:12px;
font-weight:normal;
color:#331173;
}

#texte_page h1, #texte_page2 h1{
display:block;
width:430px;
margin:15px 0 15px 20px;
font-size:12px;
color:#331173;
}

#texte_page h2, #texte_page2 h2{
display:block;
width:430px;
margin:15px 0 15px 20px;
font-size:12px;
color:#331173;
font-weight:normal;
}

#texte_page2 p.temoignages{
text-align:justify;
display:block;
width:450px;
line-height:14px;
margin:10px 0 0 15px;
}

p#long{
text-align:justify;
display:block;
width:380px;
line-height:16px;
margin:15px 0 10px 50px;
}

p#petit{
text-align:justify;
display:block;
width:430px;
line-height:13px;
font-size:9px;
margin:10px 0 15px 20px;
color:#331173;
}

p#petit strong{
line-height:12px;
font-size:11px;
}

p#lien_bas{
position:absolute;
height:30px;
width:430px;
text-align:right;
display:block;
margin:0;
bottom:25px;
color:#FFF;
font-size:10px;
}

p#lien_bas a{
font-weight:bold;
text-decoration:none;
color:#FFF;
font-size:11px;
}

#texte p{
display:block;
width:295px;
line-height:15px;
margin:0 0 15px 15px;
}

#texte a{
font-weight:normal;
color:#331173;
text-decoration:none;
}

#texte_page a{
font-weight:normal;
color:#331173;
text-decoration:none;
}

#texte h3{
display:block;
width:295px;
margin:15px 0 15px 15px;
font-size:12px;
font-weight:normal;
color:#331173;
}

#texte h2{
display:block;
width:295px;
margin:15px 0 15px 15px;
font-size:12px;
font-weight:normal;
color:#331173;
}

#texte h1{
display:block;
width:295px;
margin:15px 0 15px 15px;
font-size:12px;
color:#331173;
}

#texte strong, #texte_page strong, #texte_page2 strong, #texte_grand strong, #texte_devis strong{
font-weight:normal;
color:#331173;
}

#texte strong#visite{
margin-top:10px;
display:block;
height:44px;
width:198px;
text-indent:-5000px;
font-weight:normal;
color:#FFF;
background:url(images/bonne-visite.gif) no-repeat;

}

#colonne {
float:left;
height:490px;
width:177px;
background:#FFF url(images/fond-colonne-droite.jpg) no-repeat;
}

#colonne img#video {
margin:7px;
}

#colonne img.videos {
margin:10px;
}
#colonne dd{
display:block;
width:156px;
border-bottom:1px solid #ACACD6;
height:36px;
}

#colonne dd.lien_video{
height:20px;
}

#colonne dd a{
display:block;
margin-left:7px;
text-decoration:none;
color:#FFF;
width:100px;
}

#colonne dd a:hover{
color:#C8D4FB;
} 

#texte_grand strong.attention {
color:red;
font-weight:bold;
font-size:12px;
}

#texte_grand a#menu_traiteur, #texte_grand a#menu_mariages, #texte_grand a#menu_seminaires {
display:block;
float:right;
background:url(images/menu-traiteur-entreprise.jpg) no-repeat;
width:500px;
height:424px;
text-indent:-5000px;
color:#FFF;
text-decoration:none;
}


#texte_grand #texte_menu {
float:left;
display:block;
width:220px;
line-height:15px;
}


#texte_grand #texte_menu h3{
display:block;
width:220px;
font-size:11px;
color:#331173;
}


#texte_grand #texte_menu h2{
display:block;
width:220px;
font-size:11px;
color:#331173;
}



#texte_grand a#menu_mariages {
background:url(images/menu-receptions-mariages.jpg) no-repeat;
}

#texte_grand a#menu_seminaires {
background:url(images/menu-receptions-seminaires.jpg) no-repeat;
}

/* Galerie_photo__________________________________*/

#texte_photo {
height:490px;
width:590px;
background:#FFF url(images/bas-contenu-4.jpg) no-repeat bottom;
float:left;
padding:0px 0 0 30px;
}

#texte_photo div.photo {
height:133px;
width:133px;
border:1px solid #DDDDDD;
margin: 0 7px 7px 0;
float:left;
display: table-cell;
text-align: center;
vertical-align: middle;
} 

#texte_photo div.photo * {
vertical-align: middle;
}

#texte_photo div.photo span {
display: inline-block;
height: 100%;
}

#texte_photo h1, #texte_grand h1, #texte_grand_contact h1, #texte_devis h1 {
display:block;
height:35px;
width:250px;
background:url(images/t-galerie-photos-videos.gif) no-repeat left;
text-indent:-5000px;
color:#FFF;
float:left;
} 

div#lien_photos {
float:right;
padding:10px 30px 0 0;
}

div#lien_photos a{
text-decoration:none;
color:#331173;
}


/* devis_contact__newletter_______________________________*/



#texte_grand ul, #texte_grand_contact ul, #texte_devis ul {
list-style:none;
} 

#texte_grand p {
text-align:justify;
line-height:20px;
} 

div#left {
width:360px;
float:left;
}

div#right {
margin-top:-25px;
width:360px;
float:right;
margin-right:10px;
}

ul#form_left{
width:172px;
float:left;
}

ul#form_right{
width:172px;
float:right;
}

li.filet {
display:block;
width:360px;
border-top:1px solid #DDDDDD;
margin:10px 0 5px;
}

label.largeur {
display:block;
width:58px;
float:left;
}

label.largeur_grand {
display:block;
width:180px;
float:left;
}

#texte_devis a.bouton, #texte_grand_contact a.bouton{
display:block;
width:55px;
margin: 9px 0 0;
padding:5px 0;
background:#331173;
text-decoration:none;
color:#FFF;
font-weight:bold;
text-align:center;
}

#texte_grand a{
color:#6A6A6A;
text-decoration:none;
}

#texte_devis a.bouton:hover, #texte_grand_contact a.bouton:hover{
background:#DDD;
color:#331173;
}

div#left_contact {
width:286px;
float:left;
}

div#right_contact {
width:450px;
float:right;
}

div#right_contact label.largeur {
display:block;
width:150px;
float:left;
}

div#right_contact li {
display:block;
margin:3px 0;
}

ul#plan li{
display:block;
height:30px;
line-height:25px;
}

ul#plan li.retrait{
padding-left:20px;
height:20px;
line-height:15px;
}

/* contact__________________________________*/

#texte_grand_contact {
height:490px;
width:776px;
background:#FFF url(images/bas-contenu-5.jpg) no-repeat bottom;
float:left;
padding:0;
}

#texte_grand_contact h1#demande-contact {
margin-left:30px;
background:url(images/t-contact.gif) no-repeat left;
}

#texte_grand_contact h1#inscription-newsletter {
margin-left:30px;
background:url(images/t-newsletter.gif) no-repeat left;
}

p#carte-adresse{
display:block;
width:286px;
height:424px;
background:url(images/adresse-contact.jpg) no-repeat;
font-size:1px;
color:#FFF;
margin-left:9px;
}

p#mail_newsletter{
display:block;
width:286px;
height:424px;
background:url(images/newsletter-gastronomia.jpg) no-repeat;
text-indent:-5000px;
color:#FFF;
margin-left:9px;
}

/* Partenaires__________________________________*/

.gauche {
float:left;
width:360px;
}
.droite {
float:right;
width:360px;
}

/* Footer__________________________________*/

#footer {
text-align:center;
color:#888888;
background:#FFF;
} 

#footer a{
text-decoration:none;
color:#888888;
} 

#footer a:hover{
color:#3E1484;
} 

