/* CSS Document */
/************************************************/
/* Creation 10 Octobre 2009 */
/* Par Carlos Alves */
/************************************************/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* supprime le texte-decoration et l'effet encadré des a href */
a { outline:none; text-decoration:none; }

/* idem que pour les href */
object { outline:none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* petite astuce pour les bg qui se repetent*/
.clr { clear: both;overflow: hidden;width: 1px;height: 1px;margin: 0 -1px -1px 0;border: 0;padding: 0;font-size: 0;line-height: 0; visibility:hidden;}
.cache { position: absolute; left: 0; top: -5000px; }
.fleft{ float:left;}
.fright{ float:right;}

/* BODY STYLE */
body{background:#ffffff url(../images/body_bg.jpg) repeat-x scroll center top;}

/* FONT STYLE */
body{ font-family:'trebuchet ms'; font-size:14px; color:#000000;}
a#lien{color:#F8991D; text-decoration:underline; font-weight:bold;}
a#lien:hover{color:#4c0000;}

/* intro page style */
div#intro{width:600px; margin:65px auto 15px auto;}
div#intro p a{ font-size:18px; font-weight:bold; color:#FFF4E3; text-decoration:underline;}
div#intro p a:hover{color:#F8991D;}
div#intro_content{width:930px; margin:55px auto 15px auto;}
div#intro_content p{margin:15px 10px;}
div#intro_content ul{margin:15px 10px;}
div#intro_content ul li{ list-style:square; color:#F8991D; list-style-position:inside;}
div#intro_content ul li a{ color:#F8991D;}
div#intro_content ul li a:hover{ text-decoration:underline;}

/* PLAN DU SITE STYLE */
ul#plandusite{margin:15px 10px;}
ul#plandusite li{list-style:square; color:#F8991D; list-style-position:inside; float:none !important;}
ul#plandusite li a{ color:#F8991D;}
ul#plandusite li a:hover{ color:#4c0000; text-decoration:underline;}

/* CONTENEUR STYLE */
div#conteneur{ width:930px; margin:5px auto 0 auto;}

/* HEADER STYLE */
div#header{ position:relative;}
div#header img#logo{ position:absolute; top:0; left:0;}
div#header blockquote{ background:url(../images/bg_ouvert7j7.png) top left no-repeat; position:absolute; top:20px; left:605px; width:325px; height:75px;}
div#header blockquote a{ color:#4c0000; position:absolute; top:48px; left:188px; font-weight:bold;}
div#header blockquote a:hover{ text-decoration:underline;}

/* NAVIGATION STYLE */
ul#navigation{ background:url(../images/bg_navigation.gif) top left no-repeat; width:930px; height:59px; padding:17px 0 0 20px;}
ul#navigation li{ float:left; color:#fff5e3; letter-spacing:2px; font-size:19px; text-transform:uppercase;}
ul#navigation li a{ color:#fff5e3; margin:0 0 0 7px; line-height:19px; text-transform:uppercase;}
ul#navigation li a:hover{color:#f8991d; text-decoration:underline;}
ul#navigation li span{ color:#f8991d; text-decoration:underline;  margin:0 0 0 7px;}

/* PRESENTATION TEASER STYLE */
div#presentation_teaser{height:304px;}
div#presentation_teaser h1{ color:#fff5e3; font-size:28px;}
div#presentation_teaser h2{ color:#f8991d; font-size:28px; border-bottom:2px dashed #fff5e3; width:357px; margin:0 0 0 564px; padding:0 0 15px 0;}
div#presentation_teaser p{ color:#fff5e3; margin:14px 0 15px 0;}
div#presentation_teaser div{ background:url(../images/bg_photos.gif) top left no-repeat; width:534px; height:304px; float:left; margin:0 30px 0 0; position:relative;}
div#presentation_teaser div object{ position:absolute; top:22px; left:29px;}

/* RUBRIQUES INTRO STYLE */
ul#rubriques_intro{ margin:25px 0 0 0; height:195px;}
ul#rubriques_intro li{ float:left;}
ul#rubriques_intro li.contenu{ width:210px; padding:0 0 0 20px;}
ul#rubriques_intro li.contenu img{ float:right;}
ul#rubriques_intro li h3{ font-size:18px; color:#4c0000; font-weight:bold;}
ul#rubriques_intro li p{ margin:15px 0 20px 0; width:100px;}
ul#rubriques_intro li a{ background:url(../images/bouton_voirlasuite_bg.gif) top left no-repeat; color:#4c0000; font-weight:bold; width:99px; height:22px; display:block; text-indent:11px; padding:2px 0 0 0;}
ul#rubriques_intro li a:hover{ color:#fff4e3;}

/* FOOTER STYLE */
div#footer{ margin:30px 0 20px 0; border-top:5px solid #d2bfbf; height:30px;}
div#footer ul{ margin:15px 0 0 0;}
div#footer ul li{ float:left; color:#4c0000; font-weight:bold; margin:0 5px 0 0;}
div#footer ul li a{ color:#4c0000;}
div#footer ul li a:hover{color:#F8991D;}
div#footer p{ margin:15px 0 0 781px; color:#4c0000; font-weight:bold;}
div#footer p a{ color:#F8991D; text-decoration:underline;}
div#footer p a:hover{ color:#4c0000; text-decoration:underline;}

/* STYLE PAGES INTERNE */
ul#photos_top{ margin:20px 0 49px 0; height:260px;}
ul#photos_top li{ float:left; background:url(../images/bg_photos_page_interne.gif) top left no-repeat; width:454px; height:259px;}
ul#photos_top li img{ margin:15px 0 0 14px;}

div#box{ background:url(../images/bg_box_page_interne.gif) top left no-repeat; width:298px; height:374px; padding:5px 0 0 0;}
.box_paragraphe{background-color:#FFFFFF; width:269px; margin:20px 0 0 10px; padding:5px;}
div#box h3{ color:#ffffff; font-size:18px; margin:0 0 0 10px;}
div#box ul{ margin:20px 0 0 10px;}
div#box ul li{ background-color:#FFFFFF; width:277px; height:127px; margin-bottom:25px; padding:2px 0 0 0;}
div#box ul li h5{color:#4c0000; font-weight:bold; margin:2px 0 8px 9px;}
div#box ul li p{ font-size:12px; margin:0 0 0 9px;}
div#box ul li img{ float:right; margin:5px 6px 0 12px;}

div#contenu_principal{ background-color:#FFFFFF; width:620px; padding:5px 0 0 0 ;}
div#contenu_principal h1{ color:#4c0000; font-size:18px; font-weight:bold; margin:0 0 0 20px;}
div#contenu_principal h2{ color:#F8991D; font-size:17px; font-weight:bold; margin:5px 0 0 20px;}
div#contenu_principal blockquote{ color:#F8991D; margin:10px 0 0 20px; font-weight:bold; font-size:15px; width:560px;}
div#contenu_principal p{ margin:10px 0 0 20px; border-bottom:2px solid #d3c0c0; width:560px; padding:0 0 10px 0;}
div#contenu_principal ul{ margin:10px 0 0 20px;}
div#contenu_principal ul li{ float:left; margin:0 13px 0 0;}
div#contenu_principal ul li ul{ margin:0 0 25px 0;}
div#contenu_principal ul li ul li{margin:0 0 5px 0; float:none;}
div#contenu_principal ul li ul li b{ color:#F8991D;}

/* STYLE FORMULAIRE DE CONTACT */
form#contact_form{ padding:0;}
form#contact_form h2{ margin:0px; font:bold 30px "Arial"; letter-spacing:-3px; border-bottom:1px #aaaaaa dashed; color:#aaaaaa;}
form#contact_form h2 span{ color:#333333;}
form#contact_form ul{ margin:15px 0 0 17px;}
form#contact_form li{ margin-bottom:10px !important; background:none !important; height:auto !important;}
form#contact_form li input{border:1px #F8991D solid; background:#ffffff; }
form#contact_form li textarea{border:1px #F8991D solid; background:#ffffff; }
form#contact_form li label{ display:block; color:#FFFFFF; font-weight:bold; text-transform: uppercase; margin:0 0 5px 0;}
form#contact_form li label span{ color:#d82727; font-size:11px; text-transform:none !important; margin:0 0 0 2px; }
form#contact_form li label span img{margin:-2.7px 3px -2.7px -2.7px; float:none !important;}

/* STYLE EVENEMENTS */
ul#liste_evenements{ margin:5px 0; width:560px;}
ul#liste_evenements li{ float:none !important; margin:10px 0 0 20px !important;}
ul#liste_evenements li p{ margin:0 !important;}
ul#liste_evenements li h6{ color:#4F321A; font-size:14px;}
ul#liste_evenements li h5{ color:#F8991D; font-size:16px; text-transform:uppercase;}

/* STYLE LIVRE D'OR */
div#lelivredor{ margin:10px 0 0 20px; padding:0 10px 0 0;}
div#lelivredor table{ margin:0 0 10px 0; border-bottom:2px solid #d3c0c0; padding:0 0 10px 0; border-collapse:separate;}
div#lelivredor table p{ margin:0 0 10px 0 !important;}
div#lelivredor table p:first-letter{ text-transform:capitalize;}
div#lelivredor table p a{ color:#F8991D; text-decoration:underline; font-weight:bold;}
div#lelivredor table p a:hover{color:#4C0000;}
.paragraphe1{ padding:0 !important; border:none !important;}
.paragraphe2{ font-style:italic; background-color:#4F321A; color:#FFFFFF; padding:5px !important; width:98% !important; border:2px dashed #ffffff !important;}
div#pagination{color:#4F321A; margin:0 0 15px 0;}
div#pagination a{ background-color:#F8991D; padding:0 5px; color:#4C0000; margin:0 3px;}
div#pagination a:hover{color:#ffffff;}
form#form2 h3{ color:#F8991D; font-size:17px; font-weight:bold; margin:5px 0 10px 0;}
form#form2 label{ font-weight:bold; color:#4C0000;}
form#form2 input{border:1px #F8991D solid; background:#ffffff; margin:5px 0;}
form#form2 textarea{border:1px #F8991D solid; background:#ffffff; margin-bottom:5px;}

/* STYLE LA CARTE */
div#lacarte{ position:relative; margin:10px 0 0 0; height:750px;}
div#lacarte a#lacarte_galettes{ position:absolute; top:0; left:15px;}
div#lacarte a#lacarte_salades{ position:absolute; top:10px; left:285px;}
div#lacarte a#lacarte_crepes{ position:absolute; top:290px; left:290px;}
div#lacarte a#lacarte_glaces{ position:absolute; top:250px; left:20px;}
div#lacarte a#lacarte_salon{ position:absolute; top:500px; left:20px;}
div#lacarte a#lacarte_alcools{ position:absolute; top:530px; left:290px;}