@charset "utf-8";

html { font-size: 100%; /* Évite un bug d'IE 6-7 */ }


/* corps */
body { font-family: Verdana, Trebuchet, sans-serif; background: #C1AD79; height: 100%; color: #000; font-size: 90%}

/*div {border: 1px solid red; }  */

/* éléments */
img { border: 0; }
abbr {border-bottom: 1px dotted #000000; cursor: help; }

h1 { font-size: 140%; color: #003181; margin-top: 0; padding-top: 5px}
h2 { font-size: 110%; color: #371b00; }
h3 { font-size: 110%; color: #C1AD79; }

a { color: #371b00; }
a:hover { color: #003181; }

.barre { text-decoration: line-through; color: #E16239; }
.centre { text-align: center; margin: auto; }


#conteneur { width: 951px; margin: auto; background: #fff; }

/* ------------------------------- ACCUEIL  --------------------------------------------*/

/* bandeaux page d'accueil */
#accueil #header1 { width: 951px; height: 105px; background: #C1AD79 }
#accueil #header2 { width: 951px; height: 55px; background: #C1AD79 }

/* menu images page d'accueil */
#accueil .menu a { color: #FFF; text-decoration: none; font-size: 90%; font-weight: bold;  }
#accueil .menu a:hover { color: #fff; }

#hotel { float: left; width: 92px; height: 136px; background: #FFF url(/img/vivier-hotel.jpg) left top no-repeat; text-align: center; padding-top: 10px; }
#hotel:hover { background: #FFF url(/img/vivier-hotel.jpg) right top no-repeat; }

#restaurant { float: left; width: 92px; height: 136px; background: #FFF url(/img/vivier-restaurant.jpg) left top no-repeat; text-align: center; padding-top: 10px; }
#restaurant:hover { background: #FFF url(/img/vivier-restaurant.jpg) right top no-repeat; }

#carte { float: left; width: 92px; height: 136px; background: #FFF url(/img/vivier-carte.jpg) left top no-repeat; text-align: center; padding-top: 10px; }
#carte:hover { background: #FFF url(/img/vivier-carte.jpg) right top no-repeat; }

#tourisme { float: left; width: 92px; height: 136px; background: #FFF url(/img/vivier-tourisme.jpg) left top no-repeat; text-align: center; padding-top: 10px; }
#tourisme:hover { background: #FFF url(/img/vivier-tourisme.jpg) right top no-repeat; }

#mer { float: right; width: 564px; height: 146px; background: url(/img/vivier-accueil4.jpg); }

#accueil #slogan { clear: both; width: 951px; height: 29px; background: url(/img/levivier-slogan.jpg); }

#accueil #contenu1 { float: left; width: 436px; text-align: center; font-size: 90%; font-weight: bold; background: #f5ecd2 url(/img/fond-contenu1.png) repeat-y; height: 1% /*bug hasLayout IE */; }
#accueil #contenu2 { float: right; width: 485px; text-align: justify; font-size: 90%; padding: 15px; background: #fff url(/img/fond-contenu2.jpg) no-repeat; height: 1% /*bug hasLayout IE */; }

/* encadré bas */
#accueil #footer { background: #FFF url(/img/levivier-accueil-bas.jpg); height: 30px; line-height: 30px; clear: both; }

#accueil #mentions { float: left; font-weight: bold; font-size: 70%; padding-left: 20px; }
#accueil #mentions a { color: #FFF; text-decoration: none; }
#accueil #mentions a:hover { text-decoration: underline; }


/* ------------------------------- CONTENU --------------------------------------------*/

/* bandeau entete contenus */
#contenu #header0 { float: left; width: 333px; height: 153px; background: #f5ecd2; }
#contenu #header1 { float: left; width: 206px; height: 150px; background: #f5ecd2 url(/img/vivier-contenu_02.jpg) no-repeat; padding-top: 3px; }
#contenu #header2 { float: left; width: 206px; height: 150px; background: #f5ecd2 url(/img/vivier-contenu_03.jpg) no-repeat; padding-top: 3px; }
#contenu #header3 { float: left; width: 206px; height: 150px; background: #f5ecd2 url(/img/vivier-contenu_04.jpg) no-repeat; padding-top: 3px; }

#contenu #slogan { clear: both; width: 951px; height: 26px; line-height: 26px; text-align: right; background: url(/img/levivier-degrade.png); }
#contenu #slogan a { color: #FFF; font-weight: bold; text-decoration: none; font-size: 90%;  }
#contenu #slogan a:hover { text-decoration: underline }

/* colonnes */
#contenu #colonnegauche { width: 151px; float: left; background: url(/img/fond-menu.png); }
#contenu #colonnedroite { width: 172px; float: right; background: #371b00; text-align: center; }
#contenu #colonnedroite #space { width: 172px; height: 5px; background: #FFF }
#contenu #colonnedroite a { color: #FFF; font-size: 85%;}
#contenu #colonnedroite a:hover { color: #f5ecd2; }

#contenu #centre { margin-left: 161px; margin-right: 182px; padding: 10px 20px 20px 20px; font-size: 90%; color: #5d6263; height: 1% /*bug hasLayout IE */; }

/* menu */
#contenu #menugauche ul { list-style: none; margin: 0; padding: 0; padding-top: 10px; }
#contenu #menugauche li { padding-top: 5px; font-size: 90%; height: 20px; }
#contenu #menugauche a { display: block; color: #371b00; text-decoration: none; padding-left: 8px; line-height: 20px; }
#contenu #menugauche a:hover { background: url(/img/menu-rollover.png) no-repeat; color: #371b00; }
#contenu #menugauche #gaucheselected { background: url(/img/menu-rollover.png) no-repeat; color: #371b00; font-weight: bold; }

/* encadré actualités */
#contenu #cadreactu { background: #371b00; color: #fff; width: 172px; text-align: center; padding-top: 10px; padding-bottom: 6px; font-weight: bold}
#contenu #cadreactu a { text-decoration: none; color: #fff; }
#contenu #cadreactu a:hover { color: #f5ecd2; text-decoration: none; }

#contenu #cadreactu div { border: 1px solid #fff; padding: 5px; text-align: left; margin: 5px; font-weight: normal; font-size: 90%}
#contenu #cadreactu div a { text-decoration: none; color: #fff; }
#contenu #cadreactu div a:hover { color: #f5ecd2; text-decoration: none; }

#contenu .activites { border-left: 1px solid #371b00; padding-left: 10px; text-align: justify; margin-left: 20px; }

/* encadré actualités */
#contenu #cadrephotos { color: #fff; width: 172px; text-align: center; padding-top: 10px; font-weight: bold; }
#contenu #plusphoto { margin-top: 15px }
#contenu #plusphoto a { text-decoration: none; color: #fff; }
#contenu #plusphoto a:hover { color: #f5ecd2; text-decoration: none; }

/* photos */
#contenu .album { float: left; width: 140px; margin-right: 40px; margin-top: 15px; text-align: center; font-size: 100%; }
#contenu .titre_album { font-weight: bold; margin-bottom: 10px; font-size: 110%; }
#contenu .photo { float: left; width: 125px; margin-left: 8px; margin-right: 8px; margin-bottom: 5px; text-align: center; font-size: 80%; }
#contenu .photo a { color: #666; text-decoration: none;  }

/* encadré bas */
#contenu #footer { background: #FFF url(/img/vivier-contenu_bas.png); height: 22px; line-height: 22px; clear: both; }

#contenu #mentions { float: left; font-weight: bold; font-size: 70%; padding-left: 140px; }
#contenu #mentions a { color: #FFF; text-decoration: none; }
#contenu #mentions a:hover { text-decoration: underline; }

/* sélections vins */ 
#contenu .cave ul { padding: 0; margin: 0; }
#contenu .cave li { padding-bottom: 15px; list-style-image: url(/img/carre.png); text-align: justify; }

/* plats de la carte */
.plat { border-bottom: 1px solid #EEE; padding: 3px; padding-left: 0; margin-left: 0; line-height: 22px; width: 555px; }
.photoplat { width: 16px; float: left; padding-top: 2px; }
.nomplat { width: 470px; color: #371b00; float: left; }
.nomplat a { text-decoration: none; }
.prixplat { color: #666; text-align: right; }

/* ------------------------------- COMMUN --------------------------------------------*/

#coord { text-align: right; font-weight: bold; font-size: 70%; padding-right: 20px; }
#coord a { color: #003181; text-decoration: none; }
#coord a:hover { color: #0077ea; text-decoration: none; }

/* bas de page */
#copy { clear: both; color: #003181; font-size: 70%; width: 951px; text-align: center; margin: auto; }
#copy a { color: #003181; text-decoration: none; }
#copy a:hover { color: #0077ea; text-decoration: none; }

/* lignes de formulaire */
.ligne { border-bottom: 1px solid #CCC; padding: 3px; margin-left: 20px; line-height: 22px; width: 500px; }
.entete { width: 100px; color: #111; float: left;}

/* boutons et forms */
input { font-family: Arial, sans-serif; }
.form { font-size: 95%; background : #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; }
.formc { font-size: 95%; background : #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; text-align: center; }
.form_petit { font-size: 80%; }
.bouton	{ color: #FFF; font-size: 100%; background-color: #003181; }

input, button, select { vertical-align: middle; }

/* backoffice */
#admin { font-family: Arial, Verdana, sans-serif; font-size: 70%; background: #FFF; margin-top: 10px; }
#admin .bouton	{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 85%; background: #003181; }
span.disabled { color: #CCC; }
.colonneadmin,.colonneadmin a { background-color: #003181; color: #FFF; height: 25px; }
td.admin { color: #FFF; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; border: 1px solid #ddd; visibility: hidden; float: left; padding: 5px; width: 0px; height: 0px; margin: 5px; background: #F3EECC; z-index: 1; margin-left: 60px;}
.masque { vertical-align: middle; -moz-opacity:0.3;filter:alpha(opacity=30); }
.fondrouge { background: #F9BD3B; color: #000; padding: 5px; }
.fondvert  { background: #7EC65F; color: #FFF; padding: 5px; }
.titre { font-size: 18px; font-weight: bold; letter-spacing: 2px; color: #333; }
.vert { color: #7EC65F; }
.rouge { color: #FF0000; }