/* CSS Document */

body{ background:#878141; margin:0; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:1em;}
#conteneur{ width:100%; background:url(images/bg.jpg) repeat-x #a29f41; border-bottom:5px solid #777134; padding:0 0 5px 0; float:left;}
#header{ width:955px; margin:0 auto; position:relative; height:160px;}

#header h1{ position:absolute; left:207px; top:0; float:left; margin:0; padding:0; background:url(images/logo-lentillere.png) no-repeat top center; width:460px; height:113px; text-indent:-5000px;}
#header #logisFrance{ position:absolute; top:15px; right:10px; width:71px; height:64px; display:block; text-indent:-5000px; background:url(images/logis-france.jpg) no-repeat;}

#header #menuTop{position:absolute; top:5px; left:10px; margin:0; padding:0; list-style:none; float:left; width:955px;}
#header #menuTop li{ margin:0; padding:0 5px; list-style:none; float:left; border-right: 1px solid #cac663;}
#header #menuTop li a{ color:#cac663; text-decoration:none; }
#header #menuTop li a:hover{ color:#f8f7dd; text-decoration:underline;}

#header #menuMain{ margin: 113px auto 0 auto; display:table; /* pour les besoins de centrage , optionnel */ border-collapse : collapse; border-spacing : 0 0 ; list-style:none; background:url(images/bg-menuMain.gif) no-repeat top center; height:37px;}

    
#header #menuMain li{position: relative; float:left; text-align:center; margin:6px 0 0 0; padding:0 15px; list-style:none; border-right: 1px solid #8d8267; }
#header #menuMain li a{ color:#f6ecbf; text-decoration:none; font-size:1.1em; font-weight:normal;}
#header #menuMain li a:hover{ color:#f8f7dd; text-decoration:underline;}

#header ul li#noBorder{ border:none;}

#centre{ width:955px; margin:0 auto; position:relative; height:auto;}
#centre #flash{ width:745px; height:300px; margin:10px auto; padding:5px; background:#f6ecbf;}
#centre #zoneTexte{ width:955px; margin:0 auto; min-height:270px; height:auto; }

#centre #zoneTexte #txtAccueil{ width:500px; margin:0 0 0 60px; float:left; display:inline; padding:0;}
#centre #zoneTexte #txtAccueil h2{ margin:0; background:url(images/bg-titreAccueil.gif) no-repeat; height:45px; text-indent:-5000px; width:500px;}
#centre #zoneTexte #txtAccueil p{ margin:10px 0 0 50px; padding:0;  color:#3d2c17; font-size:0.9em;}

#centre #zoneTexte #packActu{ width:307px; margin:0 0 0 25px; display:inline; float:left;}
#centre #zoneTexte #packActu h3{width:307px; background:url(images/bg-titreActu.gif) no-repeat; height:47px; text-indent:-5000px; margin:0; padding:0;}
#centre #zoneTexte #packActu #lesActus { background:url(images/bg-actu.gif) repeat-x; margin:0 35px; padding:5px;}
#centre #zoneTexte #packActu #lesActus h4 {margin:0; padding:0px; color:#3d2c17; font-size:1em;}
#centre #zoneTexte #packActu #lesActus h4 a { text-decoration:none; color:#3d2c17;}
#centre #zoneTexte #packActu #lesActus p{ margin:0px; padding:0 0 15px 0; color:#3d2c17; font-size:0.9em;}
#centre #zoneTexte #packActu #lesActus a {color:#5a5221;}

#centre h2{ width:825px; height:236px; margin:10px auto; text-indent:-5000px;}
#centre #restau{ background:url(images/titre-restaurant.jpg) no-repeat;}
#centre #hotel{ background:url(images/titre-hotel.jpg) no-repeat;}
#centre #parc{ background:url(images/titre-parc.jpg) no-repeat;}
#centre #banquet{ background:url(images/titre-banquet.jpg) no-repeat;}
#centre #tourisme{ background:url(images/titre-tourisme.jpg) no-repeat;}
#centre #contact{ background:url(images/titre-contact.jpg) no-repeat;}
#centre #actualites{ background:url(images/titre-actualites.jpg) no-repeat;}

#centre #colTexte {float:left; padding:0; margin:0 0 0 100px; width:500px;  display:inline;}
#centre #colFich {float:left; padding:0; margin:0 0 0 5px; width:250px; }
#centre #colFich #pdf {float:left; padding:32px 0 0 34px; margin:10px 0 0 0; width:250px; background:url(images/btn-telecharger.gif) no-repeat; height:54px; color:#5a5221; text-decoration:none; font-size:14px; display:inline;}
#centre h3.titreActu { clear:left; float:left; margin:0; padding:0 0 10px 0; color:#5a5221; font-size:1.1em; width:500px;}
#centre .txtActu{ margin:0px; padding:0 0 10px 0; width:500px; float:left;}
#centre #colTexte p{ margin:0px; padding:0; clear:left;display:inline;}

#centre h3 { clear:left; margin:0 auto; padding:0 0 10px 0; color:#5a5221; font-size:1.1em; width:755px;}
#centre .txtContenu{ margin:0 auto; padding:0 0 10px 0; width:755px;}
#centre p{ margin:0 0 0 100px; padding:0 0 10px 0;}
#centre .monoLigne {float:left; padding:0; margin:0 0 10px 100px; width:750px;}
#centre ul { margin:0 100px 0 100px; padding:0 0 0 50px;  list-style:circle;}
#centre a {color:#544f1e;}

#centre .contenuGauche{ clear:left; width:569px; margin:0 0 0 100px; float:left; padding:0; display:inline;}
#centre .contenuGauche h3{ width:569px; color:#5a5221; font-size:1.1em; border-bottom:1px solid #5a5221; padding:0; margin:0 0 5px 0;}
#centre .contenuGauche p{ margin:0 0 15px 0; width:569px; padding:0; display:inline;}

#centre #galerie{ margin:10px 0; padding:0; list-style:none;}
#centre #galerie li{ float:left; margin:0 7px 0 0;}
#centre #galerie li a img{ padding:3px; background:#f6ecbf;}

#formContact{ width:375px; margin:0 0 0 100px; padding:0 0 20px 0; float:left;}
#mapGoogle{float:left; width:360px; margin:10px 0 0 15px;}
#centre .chpCourt{ float:left; padding:0; margin:8px 0 0 0; display:inline; width:375px;}
#centre label {display:block; width:110px; float:left; padding:0; margin:0;}
#centre .message {text-align:center; color:#5a5221; font-size:1.1em;}
#centre .chpCourt input, #centre .chpCourt textarea { background:#e8e597; border:1px solid #b9b661;}

#btnGastro{text-indent:-5000px; display:block; margin:10px 0 0 0; padding:0; width:310px; height:57px; background:url(images/btn-gastronomique.gif) no-repeat;}
#btnMultonne{text-indent:-5000px; display:block; margin:10px 0 0 0; padding:0; width:310px; height:57px; background:url(images/btn-multonne.gif) no-repeat;}
#btnBistro{text-indent:-5000px; display:block; margin:10px 0 0 0; padding:0; width:338px; height:57px; background:url(images/btn-bistro.gif) no-repeat;}
#btnTarifs{text-indent:-5000px; display:block; margin:10px 0 0 0; padding:0; width:338px; height:57px; background:url(images/btn-tarifs.gif) no-repeat;}
#btnBanquet{text-indent:-5000px; display:block; margin:10px 0 0 0; padding:0; width:338px; height:57px; background:url(images/btn-banquets.gif) no-repeat;}
#btnVins{text-indent:-5000px; display:block; margin:10px 0 0 0; padding:0; width:338px; height:57px; background:url(images/btn-vins.gif) no-repeat;}

#conteneurBloc{margin:0; float:left; width:750px;}
#conteneurBloc2{margin:0 auto; float:left; width:380px;}
.colonne{ width:370px; float:left; margin:0; padding:0; display:inline;}

div.blocTourisme{ width:350px; margin:10px; float:left; display:inline;}
div.blocTourisme h3{width:350px; margin:0 0 5px 0; padding:0; font-size:1em; border-bottom:1px solid #5a5221;}
div.blocTourisme p{width:350px; margin:0; padding:0; font-size:0.9em;}
div.blocTourisme p img{ border:3px solid #5A5221; margin:0 0 5px 0;}

div.blocTourisme form{ width:370px; margin:0px; float:left; display:inline;}
div.blocTourisme .chp{ float:left; padding:0; margin:8px 0 0 0; display:inline; width:370px;}
div.blocTourisme label {display:block; width:140px; float:left; padding:0; margin:0;}
div.blocTourisme .message {text-align:center; color:#5a5221; font-size:1.1em;}

#centre .photoDroite{ width:186px; float:left; padding:0; margin:0;}

#footer{ width:100%; margin:0; padding:0; border-top:1px solid #a29f41; float:left; position:relative;}
#contenuFooter{ width:740px; margin:0 auto; height:50px;}
#contenuFooter p{ width:450px; margin:5px 0 0 0; color:#e3e083; font-size:0.9em; float:left;}
#contenuFooter p span{ color:#f8f7dd; font-weight:bold; font-size:1.1em; display:block; padding:10px 0 0 0;}
#contenuFooter #droite{ width:257px; float:left; margin:5px 0 0 30px; text-align:center;}
#contenuFooter a{ color:#f8f7dd; font-size:0.9em;}