/* Feuille se style CSS réalisé par webink le 02/08/2006 */
/* mail: contact@webink.fr www.webink.fr */
/* copyright Grill de Moirans 2006 */

* {margin:0; padding:0;}

body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; background:#f7f7f7; }

#page{ width:712px; background: url(../images/page.jpg) repeat-y; position: absolute;top: 20px;left: 50%; margin-left: -356px;}

#header{ width:712px; height:174px; background:url(../images/banniere-grill-de-moirans.jpg) no-repeat;}

#logo{height:100px; width:100%;}

#menu {width:150px; float:left; margin-left:10px; margin-top:50px;}
#menu ul{margin-bottom:20px; }
#menu ul li { list-style:none;padding-left:10px;; font-size:0.9em; }
#menu ul li a{ display:block; width:110px; height:20px; padding-top:5px; margin-left:3px;font-weight:bold; text-decoration:none; padding-left:10px; color:#999; border-bottom:#ccc 1px inset;  }
#menu ul li a:hover{color:#900; border-left: #990000 3px solid; margin-left:0px;;}
#menu ul li a:active{color: #FF9900;}
#menu ul li a.actif{ border-left:3px #f90 solid; margin-left:0px; background:#903; color:#fff; border-bottom:#903 1px solid;}
#menu ul li a.actif:hover{ border-left:3px #f90 solid; margin-left:0px; background:#903; color:#fff; border-bottom:#903 1px solid;}

#menu img{padding-top:10px;}
h1{ padding-left:35px; padding-bottom: 10px; margin-top:50px; padding-top:15px;
	color:#333;font-weight:bold; background:url(../images/fleche-titre.png) left no-repeat;font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif;}

#evitement{ width:700px;position: absolute; font-size:0.75em;text-align:right; color:#ccc; font-weight:bold;
			top:5px;; padding-right:30px;}
#evitement a{color: #ccc; text-decoration:none;}
#evitement a:hover{color: #ccc;text-decoration:underline;}


#corps{margin:0; background:url(../images/page.jpg) repeat-y; }

#contenu { float:right; width:480px;  font-size:0.9em; padding-left:25px; padding-right:40px;padding-bottom:25px;;}
#contenu a {color:#333333; text-decoration:underline;}
#contenu a:hover{text-decoration:underline;}
#contenu ul{ margin:10px;}
#contenu ul li{margin:5px;}
#contenu h2 a{color:#990033; text-decoration:none;}
#contenu p{text-align:justify;}
h2{color:#990033; font-size:1.1em; font-weight:bold; margin-bottom:5px; margin-top:20px;}
h2 a:hover{ text-decoration:underline; color:#990033;}
h3{color:#FFCC00; font-size:1em; margin-left:20px;}
h4{font-size:1em; font-weight:bold; margin-top:20px;}

#pied{ clear:both; height:45px; background:url(../images/bas.jpg) no-repeat;color:#999999; font-size:0.8em;font-weight:bold;text-align:center; vertical-align:middle;}
#pied img{margin:5px; vertical-align:middle;}

#mention{color:#CCC;font-size:0.8em; text-align:center; padding-bottom:20px; background:#f7f7f7;}
#mention a{color:#CCC; text-decoration:none;}
#mention a:hover{color:#CCC; text-decoration:underline;}

/*classes*/
.droite{ float:right; margin:5px}
.gauche{ float:left; margin:5px;}
.note{font-style:italic; font-size:0.8em;}

/*style de balises par défaut*/

img{ border:none; vertical-align:middle;}
a{color:#999; text-decoration:underline;}
a:hover{color:#FC0;}
p{line-height:1.5em; margin-top:5px;}	

/*style de formulaires*/
input {display: block;width: 250px;float: left;margin-bottom: 10px;}
label{display: block;width: 150px;float: left;	margin-bottom: 10px;}
textarea{ float:left; width:250px;}
fieldset{width:450px;margin-top:30px;color:#993300; font-weight:bold; padding:20px;}
legend{	font-weight:bold; color:#999; margin-bottom:20px;}

/*styles de tableaux*/
table{ width:100%}
caption {color:#990033;; font-weight:bold; margin-bottom:20px; text-align:left;}
.prix {width:10%}


#map{margin-top:10px;}

/*stykes de la page carte du restaurant*/

.menu-resto h3{color:#FFCC33; text-align:center; margin-top:40px; margin-bottom:20px;}

/*photos*/
.photos{width:400px; margin-left:50px; margin-top:20px; margin-bottom:20px;}

/*style de la page plan d'accès*/
#menumap{margin-top:20px; margin-bottom:20px;}
#menumap ul li {display: inline;}
#menumap ul li a{font-weight:bold;text-decoration:none; color:#999; padding-left:10px; margin-right:20px;}
#menumap img{margin-left:5px;}