/************* Reset CSS - Eric Meyer ********************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/************ style **************/
html, body{
	background: #c63a80;
}
#contener{
	position: absolute;
	left: 50%; 
	top: 50%;
	width: 780px;
	height: 440px;
	margin-top: -238px; /* half of the height */
	margin-left: -390px; /* half of the width */
	font-family: Arial, Helvetica, sans-serif;
}

#main{
	background-color: #cdd943;
	height: 382px;
	padding-top: 60px;
	font-size: 13px;
	color: #3E6627;
}
#contenu{
	padding: 0 20px 20px 20px;
}

#menu{
	position: absolute;
	bottom: -34px;
	left: 0;
	background: #72a63a;
	width: 780px;
	height: 34px;
	text-align: center;
}
#scroll{
	width: 620px;
	height: 350px;
	overflow: auto;
}

#presentation{
	padding: 20px 160px 0 160px;
}

#logo{
	position: absolute;
	top: -22px;
	left: -23px;
	height: 80px;
}
#compteur{
	position: absolute;
	bottom: -62px;
	left: 0px;
	color: #fff;
	font-size: 11px;
}
#compteur img{
	vertical-align: middle;
	margin-right: 6px;
}
h1{
	position: absolute;
	top: 20px;
	left: 160px;
	text-align: right;
	letter-spacing: 1px;
	font-size: 27px;
	font-weight: normal;
	line-height: 27px;
	height: 26px;
	width: 460px;
	color: #fff;
	background: url(../images/h1bk.gif) repeat-x bottom left;
}
h1 span{
	position: absolute;
	top: 3px;
	right: 0px;
	background: #cdd943;
	padding-left: 5px;
}
h1.normal{
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
	background: none;
	margin-bottom : 15px;
	font-size: 24px;
}
h1.long{
	width: 595px;
}
h1.court{
	width: 400px;
}
h2{
	position: relative;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 3px 0;
	height: 26px;
	width: auto;
	line-height: 14px;
}

h2 span{
	font-size: 13px;
	background: url(../images/sous_titre_bk.gif) no-repeat left top;
	padding: 6px 10px 6px 26px;
	position: absolute;
	top:0px;
	left: -14px;
}
form h2{
	color: #DE3587;
}
h3{
	font-size: 14px;
	margin: 12px 0 4px 0;
	font-weight: bold;
	text-transform: uppercase;
}

a{
	font-family: Arial, Helvetica, sans-serif;;
	color: #DE3587;
}
a:hover{
	color: #72A63A;
}
p{
	margin: 6px 0 12px 0;
	text-align: justify;
}

ul.liste{
	list-style: square;
	margin-left: 20px;
}
ul.liste li{
	list-style: square;
	margin-bottom: 2px;
}

/********** Navigation **********/
#menu ul{
	list-style: none;
	margin: 9px auto;
}
#menu ul li{
	display: inline;
	border-left: 1px solid #cdd943;
	margin: 0;
	padding-left: 4px;
}
#menu ul li.first{
	border: none;
}
#menu ul li a, #menu ul li span{
	display: inline;
	font-weight: bold;
	color: #cdd943;
	text-decoration: none;
	font-size: 13px;
	padding: 7px 7px;
}
#menu ul li a:hover, #menu ul li span{
	color: #DE3587;
}
/******** menu evenement *********/
#menu_evenement{
	position: absolute;
	top: 0;
	right: 0;
	color: #cdd943;
	color: #ebb;
	background: url(../images/bk_evenement.gif) no-repeat left top;
	text-decoration: none;
	width: 210px;
	height: 80px;
	text-align: right;
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
}
#menu_evenement b{
	line-height: 18px;
	font-size: 16px;
	color: #fff;
	font-style: normal;
}
#menu_evenement .small{
	line-height: 11px;
	font-size: 9px;
	text-decoration: underline;
}
#menu_evenement .accroche{
	display: block;
	padding: 4px 0 10px 0;
}
/********* accueil *********/
#accueil_logo{
	width: 454px;
	height: 473px;
	position: absolute;
	top: -33px;
	left: -97px;
	background: url(../images/accueil_logo.gif) no-repeat left top;
}
#accueil_logo h1{
	position: absolute;
	top: 150px;
	left: 150px;
	border: none;
	font-size: 12px;
	text-align: left;
}
#accueil_logo img{
	position: absolute;
	top: 88px;
	left: 107px;
}
#accueil_restaurant{
	width: 264px;
	height: 300px;
	position: absolute;
	top: 124px;
	left: 357px;
}
#accueil_restaurant img{
	position: absolute;
	top: 0px;
	left: 0px;
}
#accueil_restaurant p.first{
	margin-top: 82px;
	width: 180px;
}
#accueil_restaurant p{
	margin: 18px;
}
#accueil_restaurant p.adresse{
	border-top: 1px solid #72a63a;
	padding-top: 12px;
}
/********* présentation ****************/
div.presentation{
	width: 340px;
	margin-left: 10px;
}
div.reception{
	width: 200px;
	height: 300px;
	background: #C63A80 url(../images/trombone.gif) no-repeat left top;
	position: absolute;
	top: 75px;
	left: 410px;
	color: #fff;
}
div.reception h2{
	margin: 60px 10px 10px 10px;
}
div.reception p{
	margin: 10px;
	text-align: left;
	font-size: 12px;
}
div.reception a{
	color: #fff;
}
div.reception strong{
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 14px;
}

/********* mariage *********/
.mariage_presentation{
	margin: 10px;
	width: 180px;
}
.mariage_suggestion{
	background: #fff url(../images/mariage-header.gif) no-repeat left top;
	height: 380px;
	width: 400px;
	position: absolute;
	top: 50px;
	left: 230px;
}

.mariage_suggestion .tab{
	xbackground: #ccc;
	font-size : 11px;
	text-align: center;
	width: 390px;
	height: 356px;
	padding: 0;
	margin: 18px 5px 5px 5px;
	overflow: auto;
}
	
.mariage_suggestion .tab p{
	font-style: normal;
	margin: 0;
	font-size: 13px;
	margin: 0 7px;
}
.mariage_suggestion h3{
color:#C63A80;
	font-size : 20px;
	margin: 10px 0;
}
.mariage_suggestion h4{
	font-size: 17px;
	font-weight: bold;
	margin: 10px 0 0 0;
}
.mariage_suggestion hr{
background-color:#C63A80;
color:#C63A80;
width: 20%;
}
.mariage_suggestion span.prix2{
	font-size : 11px;
	padding: 12px 0 24px 0;
	display: block;
}
.mariage_suggestion span.prix2 b{
	background: #C63A80;
	color: #fff;
	padding: 2px 5px;
}
.mariage_suggestion span.small{
	font-size: 10px;
}
.mariage_suggestion p.italic{
	margin: 10px 10px;
	font-size: 10px;
	text-align: left;
	color: #6c6c6c;
}
ul.nosmenus{
	margin: 5px 0; 
}
ul.nosmenus li{
	font-weight: bold;
	margin: 2px 0;
	padding-left: 12px;
	background: url(../images/puce.gif) no-repeat 2px 5px;
}
ul.nosmenus li a{
	text-decoration: none;
}
/***************** galerie **********/
div.gal {
	width: 98%;
	margin:  0 auto;
	padding-top: 40px;
	position: relative;
}
div.tab{
	text-align: center;
	width: 400px;
	height: 312px;
	padding: 0;
	margin-left: 25px;
}
div.tab img{
	border: 4px solid #fff;
	margin: 0 auto;
}
div.tab p{
	margin:0 0 5px 0;
	padding: 4px 0;
	text-align: center;
	font-style: italic;
	color: #3E6627;
}
div.tab p a{
	color: #900;
	text-decoration: underline;
}
div.tab p a:hover{
	color: #c00;
}
div.galerie_navigation{
	position: absolute;
	top: 10px;
	right: 35px;
	width: 232px;
}
div.galerie_navigation span.next{
	display: block;
	clear: both;
	float: none;
	margin: 0 auto;
	padding-top: 5px;
	text-align: center;
}
div.galerie_navigation span.next a{
	font-family: verdana;
	color: #DE3587;
	margin: 0 5px;
	font-size: 10px;
	font-weight: bold;
}
div.galerie_navigation span.next a:hover{
	color: #72A63A;
}
div.galerie_navigation span.next a.sui{
	padding-right: 8px;
	background: url(../images/suivant.gif) no-repeat right 5px;
}
div.galerie_navigation span.next a.pre{
	padding-left: 8px;
	background: url(../images/precedent.gif) no-repeat left 5px;
}

ul.gal {
	list-style-type: none;
	width: 240px;
	margin: 3px 0 0 0;
	padding: 0;
}
ul.gal li {
	margin: 1px;
	float: left;
	display: inline;
	font-size: 1px;
}
ul.gal li a{
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
	display: block;
}
ul.gal li a img{
	border: none;
}
ul.gal li a:hover{
	background: #3E6627;
}

ul.gal li a.active{
	background: #DE3587;	
}
/**************** pagination *****************/
div.pagination{
	float: none;
	clear: both;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 600px;
	height: 25px;
	padding-top: 5px;
	color : #DE3587;
	font-weight: bold;
	font-family: verdana;
}
div.pagination span.bouton, div.pagination span.page{
	width: 232px;
	display: block;
	float: left;
	margin: 0 5px;
	padding: 5px;
	font-size: 11px;
	display: inline;
}
div.pagination span.page{
	width: 75px;
	text-align: center;
}
div.pagination a{
	padding: 5px;
	font-size: 11px;
	color : #DE3587;
	font-weight: bold;
}
div.pagination a.sui{
	padding-right: 10px;
	background: url(../images/suivant.gif) no-repeat center right;
}
div.pagination a.pre{
	padding-left: 10px;
	background: url(../images/precedent.gif) no-repeat center left;
}
div.pagination a:hover{
	color: #72A63A;
}
/*********** formulaire **********/
form.formulaire p{
	margin: 15px 0 20px 0;
}
#form_ok, #form_error, #form_message{
	font-family: verdana, arial;
	font-size:12px;
	margin:12px 0 ;
	padding:10px;
	float:none;
	clear:both;
	display:block;
	line-height:17px;
	text-align:justify;
}
#form_ok{
	font-weight:bold;
	background:#efe;
	border:2px solid #9ED200;
	color: #6a0;
}
#form_error{
	color:#ff0000;
	background: #fee;
	border:2px solid #ff0000;
	font-weight:bold;
}
form.formulaire{
	font-family: arial;
	background: #fff;
	padding: 15px 20px 10px 20px;
	width: 420px;
	height: 380px;
	position: absolute;
	top: 17px;
	right: 17px;
}
form.formulaire span.alerte{
	font-family: verdana, arial;
	font-size:11px;
	color:#ff0000;
	margin-left:76px;
	line-height:15px;
	display:block;
}
.formItem{
	position:relative;
	margin:6px 0;
	padding:0 0 0 20px;
}
.sanslabel{
	position:relative;
	margin:6px 0;
	padding:10px 0 0 94px;
}
.formItem a.aide{
	position:absolute;
	top:0;
	margin-left:5px;
}
form.formulaire span.legende{
	font-family: verdana, arial;
	font-size:10px;
	color:#999999;
	margin-left:74px;
	line-height:15px;
	display:block;
}
.formButton{
	text-align:center;
	padding:10px 0 0 0;
}
.formButton p{
	margin:0 0 12px 0;
}
.formObligatoire, .formObligatoireb{
	text-align:right;
	font-size:11px;
	color:#FF009A;
	padding:0 72px 0 0;
	margin:0;
}
.formObligatoireb{
	padding:0 162px 0 0;
}
label{
	float: left;
	width: 68px;
	font-weight:bold;
	text-align:right;
	font-size:12px;
	margin:0 6px 2px 0;
	padding:7px 0 0 0;
}
input.text, textarea{
	color:#333333;
	border:1px solid #cbb;
	padding:2px 4px;
	width:310px; 
}
textarea{height:80px;}

p.important{
	width: 600px;
	color: #a00;
	font-weight: bold;
	margin-top: 10px;
}
/***************** ancien style ***************/
.texte-vert {
	font-size: 10px;
	font-weight: bold;
	color: #3E6627;
}
/*************** mention **************/
#mention{
	position: absolute;
	top: 490px;
	left: 0;
	width: 780px;
	text-align: center;
	font-size: 11px;
	color: #ebb;
}
#mention span.important{
	font-size: 12px;
	display: block;
	margin-bottom: 5px;
}
#mention a{
	color: #ebb;
}
#mention a.logo{
	font-weight: bold;
	text-decoration: none;
}
#mention a.partenaire{
	font-size: 11px;
	line-height: 18px;
	color: #c99;
}
/****************** plat ************/
p.description{
	font-style: italic;
}
ul.plat li{
	xpadding-left: 12px;
	xmargin-bottom: 3px;
	xbackground: url(../images/puce.gif) no-repeat 2px 3px;
	xfont-style: italic;
}
span.prix{
	display: block;
	margin: 16px 0;
}
span.prix b{
	font-size: 11px;
	background: #DE3587;
	color: #fff;
	padding: 2px 4px;
}
hr{
background-color:#7CAA00;
border:0;
color:#7CAA00;
height:1px;
margin:10px auto;
padding:0;
width: 50%;

}
/********** livre d'or ***********/
#scroll.les_messages{
	height: 345px;
	background: #fff;
	width: 430px;
	
	position: absolute;
	top: 65px;
	left: 190px;
}

.username{
	font-size: 12px;
	text-align: right;
	display: block;
	font-style: normal;
}
div.message{
	font-style: italic;
	margin: 20px 30px 20px 20px;
}
div.message p{
	margin-bottom: 15px;
	line-height: 16px;
	text-align: justify;
	font-size: 13px;
}
div.message p:first-letter {
	font-size: 26px;
}
.ajout_ms{
	display: block;
	width: 160px;
	height: 60px;
	position: absolute;
	top: 120px;
	left: 20px;
}
.ajout_ms p{
	text-align: left;
	margin-left: 10px;
}
a.ajout{
	display: block;
	width: 140px;
	padding: 10px 0;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #DE3587;
	xmargin-top: 20px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
}
a.ajout:hover{
	color: #DE3587;
	background: #fff;
}
div.pagesmall{
	xbackground: #ccc;
	width: 440px;
	margin-left: 180px;
}
div.pagesmall span.bouton{
	width: 145px;
}
div.pagesmall span.page{
	width: 90px;
}
/********** actu *************/
#actu{
	width: 620px;
	height: 350px;
	overflow: auto;
}
#actu div.msga{
    margin: 18px 30px 18px 20px;
}
#actu h2 a{
    color: #fff;
    text-decoration: none;
}
/*
#actu p{
    text-align: justify;
    margin: 5px 0 10px 0;
}
*/
#actu div.username{
    font-size: 11px;
	background: url(../images/hr.gif) repeat-x center left;
}
#actu div.username span {
    background: #cdd943;
    padding-left: 6px;
}
#actu div.message{
	margin: 5px 30px 16px 20px;
}
#actu ul.puce{
	list-style: disc;
	margin-left: 20px;
}
/*************** cck **************/
.content{
    margin: 0 15px;
}
.content p{
    margin: 0 0 12px 0;
    text-align: left;
}
.content ul{
	list-style: disc;
	margin: -12px 0 12px 20px;
}

.content h3.plat{
    text-transform: uppercase;
    font-weight: bold;
    margin: 12px 0 6px 0;
}
div.ou{
    margin: -6px 0 6px 0;
    text-align : center;
    font-size: 10px;
}
.content span.rose{
    color: #DE3587;
}
/********* bloc menu et plat ****************/
div.col1, div.col2{
	float: left;
	width: 280px;
	font-size: 12px;
	display: inline;
	background: #fff;
    text-align: center;
}
div.col1{
	margin-right: 20px;
}
div.col1 h2, div.col2 h2 {
	position: static;
	text-align: center;
    margin: 10px 0;
}
div.col1 h2 span, div.col2 h2 span {
    margin: 0 auto;
    position: static;
    left: -10px;
    line-height: 26px;
    padding: 6px 15px 6px 30px;
    background: url(../images/sous_titre_bk-white.gif) no-repeat left top;
}

div.col1 .content p, div.col2 .content p {
    text-align: center;
}
/*************** diver **************/
.bold{
	font-weight: bold;
}
p.special{
	font-size: 22px;
	font-style: italic;
}
hr.clear{
	clear:both;
	float:none;
	display:block;
	height: 1px;
	margin: 0;
	_margin: -7px 0;
	padding: 0;
	border: 0;
	visibility:hidden;
}
.right{
	text-align: right;
}
.rose{
	color: #DE3587
}
.small{
	font-size: 11px;
}
.big{
	font-size: 13px;
}
.extrat_big{
	font-size: 17px;
}
.bklivreor{
	background: #cdd943 url(../images/background_livreor2.jpg) no-repeat top right;
}
.bkterrasse{
	background: #cdd943 url(../images/background2.jpg) no-repeat top right;
}
.bkmenu{
	background: #cdd943 url(../images/background_menus.jpg) no-repeat top right;
}
.bkmariage{
	background: #cdd943 url(../images/background_livreor.jpg) no-repeat top right;
}
.papillon{
	background: #cdd943 url(../images/papillon.jpg) no-repeat bottom right;
}
strong{
    font-weight: bold;
}

em{
    font-style: italic;
}