html,body{
margin:0;
padding:0;
}
body{
background-image:url(/media/interface/fond.jpg);
background-position:left top;
background-repeat:repeat;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
p{
margin-top:0.6em;
margin-bottom:0.6em;
}
.no_display{
display:none;
}
.for_print{
display:none;
}
p.separateur_elt{
clear:both;
margin:0;
padding:0;
height:3em;
}
div.clear, p.clear, p.separateur_clear {
clear:both;
padding:0;
margin:0;
height:1px;
border-width:0;
visibility:hidden;
line-height:1px;
font-size:1px;
}
div.clear hr{
display:none;
}
#conteneur_principal{
position:relative;
}
h1{
background-color:#400;
margin:0;
padding:0;
font-size:22px;
padding-bottom:4px;
color:#e39b47;
padding-right:260px;
font-style:italic;
font-weight:normal;
}
.bloc_erreurs h4{
color:#f00;
font-size:11px;
margin-bottom:0;
padding-bottom:0;
}
.bloc_erreurs ul{
padding:0;
margin:0;
margin-top:0.4em;
margin-bottom:1.5em;
margin-left:1.5em;
color:#f00;
list-style:square;
}
img.left, object.left{
float:left;
margin-right:6px;
margin-bottom:6px;
border:none;
}
img.right, object.right{
float:right;
margin-left:6px;
margin-bottom:6px;
border:none;
}
p.right, h4.right, h5.right, h6.right{
text-align:right;
}
p.center, h4.center, h5.center, h6.center{
text-align:center;
}
*>object{
margin-bottom:-3px;
}
#navigation{
float:left;
width:192px;
}
#contenu{
padding-left:5px;
padding-right:5px;
}
.separation{
margin-bottom:15px;
margin-top:10px;
background-image:url(/media/interface/ligne-v-middle.png);
background-position:left top;
background-repeat:repeat-y;
}
.separation-bottom{
background-image:url(/media/interface/ligne-v-bottom.png);
background-position:left bottom;
background-repeat:no-repeat;
}
.separation-top{
background-image:url(/media/interface/ligne-v-top.png);
background-position:left top;
background-repeat:no-repeat;
}
#menu_principal{
background-color:#000;
width:100%;
}
#menu_principal ul{
padding:0;
margin:0;
}
#menu_principal h2{
display:none;
}
#menu_principal li{
float:left;
margin:0;
padding:0;
font-weight:bold;
list-style:none;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing:1px;
}
#menu_principal a{
display:block;
color:#fff;
text-decoration:none;
padding:7px 10px 6px 9px;
}
* html #menu_principal a{
float:left;
}
#menu_principal a:hover{
color:#fff;
text-decoration:none;
padding-top:4px;
border-top:3px solid #e39b47;
}
#menu_principal a.selected{
color:#fff;
text-decoration:none;
padding-bottom:1px;
border-bottom:5px solid #e39b47;
}
#sous_menu{
border-top:1px solid #440000;
border-bottom:1px solid #440000;
margin-right:10px;
font-size:12px;
margin-bottom:15px;
}
#sous_menu h2{
display:none;
}
#sous_menu ul{
margin:0;
padding:0;
list-style-type:none;
}
#sous_menu li{
text-align:center;
margin-top:2px;
margin-bottom:2px;
}
#sous_menu li a{
display:block;
color:#440000;
padding:2px;
text-decoration:underline;
}
#sous_menu li a:hover{
text-decoration:none;
}
#sous_menu li.selected{
background-color:#440000;
}
#sous_menu li.selected a, #sous_menu li.selected a:hover{
color:#fff;
text-decoration:none;
}
#main{
position:relative;
width:760px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
text-align:left;
}
#header{
background-color:#000;
}
*>object{
margin-bottom:-3px;
}
#footer{
width:760px;
}
#footer h2{
display:none;
}
#footer p{
font-size:10px;
margin:0;
background-color:#E39B47;
padding:3px 3px 2px 3px;
color:#000;
text-align:right;
}
#footer a{
color:#000;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
#footer_bas{
background-image:url(/media/interface/footer.png);
background-position:left top;
background-repeat:no-repeat;
background-color:#440000;
padding-top:60px;
padding-bottom:10px;
}
#footer_bas p{
font-size:10px;
color:#aaa;
margin:0;
padding:0;
text-align:center;
}
#footer_bas a{
color:#fff;
text-decoration:none;
}
#footer_bas a:hover{
text-decoration:underline;
}
p.breadcrumb{
margin:0;
font-size:11px;
margin-bottom:25px;
padding:0;
padding-bottom:3px;
border-bottom:1px solid #999;
}
p.breadcrumb a{
color:#400;
text-decoration:none;
}
p.breadcrumb a:hover{
text-decoration:underline;
}
form .input, form .valider{
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #666;
background-color:#fff;
color: #333;
}
div.bandeau-ombre{
background-image:url(/media/interface/ombre-bandeau-h.png);
background-position:left top;
background-repeat:repeat-x;
background-color : #400;
height:12px;
}
#main .separation{
background-position:497px top;
}
#main .separation-bottom{
background-position:497px bottom;
}
#main .separation-top{
background-position:497px top;
}
#main div.right{
width:250px;
float:right;
}
#main #contenu{
float:left;
width:479px;
}
#main.standard div.bandeau{
height:163px;
background-image:url(/media/interface/templates/standard/top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.ways div.bandeau{
height:163px;
background-image:url(/media/interface/templates/ways/top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.boats div.bandeau{
height:164px;
background-image:url(/media/interface/templates/boats/top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.activities div.bandeau{
height:163px;
background-image:url(/media/interface/templates/activities/top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.activities div.bandeau-bottom{
height:104px;
background-image:url(/media/interface/templates/activities/bottom.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.meal_wines div.bandeau{
height:163px;
background-image:url(/media/interface/templates/meal_wines/top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.wines div.bandeau{
height:163px;
background-image:url(/media/interface/templates/wines/top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.wines div.bandeau-bottom{
height:165px;
background-image:url(/media/interface/templates/wines/bottom.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.conditions div.bandeau{
height:163px;
background-image:url(/media/interface/templates/conditions/top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.conditions #contenu{
float:none;
width:auto;
}
#main.conditions .separation{
background-image:none;
}
#main.testimonies div.bandeau{
height:164px;
background-image:url(/media/interface/templates/testimonies/top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.testimonies div.bandeau-bottom{
height:205px;
background-image:url(/media/interface/templates/testimonies/bottom.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.la-bonne-amie div.bandeau{
height:163px;
background-image:url(/media/interface/templates/bonne_amie/top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.la-bonne-amie div.bandeau-bottom{
height:206px;
background-image:url(/media/interface/templates/bonne_amie/bottom.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.le-bon-vivant div.bandeau{
height:163px;
background-image:url(/media/interface/templates/bon_vivant/top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.le-bon-vivant div.bandeau-bottom{
height:206px;
background-image:url(/media/interface/templates/bon_vivant/bottom.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.alsace div.bandeau{
height:163px;
background-image:url(/media/interface/templates/alsace/top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.champagne div.bandeau{
height:163px;
background-image:url(/media/interface/templates/champagne/top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#main.upper_loire div.bandeau{
height:163px;
background-image:url(/media/interface/templates/upper_loire/top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
.commun p {
margin-top:0.6em;
margin-bottom:0.6em;
}
.commun ul{
list-style-type:square;
margin: 0px;
padding:0;
margin-top:0.6em;
margin-bottom:0.6em;
margin-left:2em;
}
.commun .chapo{
font-size:12px;
color:#555;
font-weight:bold;
margin-top:0.6em;
margin-bottom:0.6em;
}
.commun .corps{
font-size:12px;
margin-top:0.6em;
margin-bottom:0.6em;
color:#333;
}
.commun img{
border: 1px solid #333;
}
div.contenu_droite .commun img{
border:none;
}
.commun h4, .commun h5, .commun h6{
margin:0;
margin-bottom:0.6em;
margin-top:0.8em;
}
.commun h4{
font-size:13px;
}
.commun h5{
font-size:12px;
}
.commun h6{
font-size:11px;
}
.commun a{
color:#440000;
text-decoration:none;
font-weight:bold;
}
.commun a:hover{
text-decoration:underline;
}
.commun  h3.titre {
text-align: left;
font-size: 14px;
color: #333;
font-weight: bold;
margin: 0px;
padding-bottom:3px;
border-bottom:1px solid #333;
}

.plan_site ul {
clear:both;
padding:0;
margin:0;
margin-left:1em;
margin-top:1em;
}
.plan_site ul ul{
margin-top:0;
}
.plan_site li {
margin-top:0.2em;
margin-left:1em;
color:#440000;
list-style-type:square;
}
.plan_site a{
text-decoration:none;
}
.plan_site a:hover{
text-decoration:underline;
}
.form_contact form{
font-size:11px;
margin-bottom:0;
}
.form_contact label.requis{
font-weight:bold;
color:#333;
}
.form_contact textarea, .form_contact fieldset input{
width:99%;
}
.form_contact p{
margin-top:0.4em;
margin-bottom:0.5em;
}
.form_contact fieldset{
margin:0;
padding:0.7em;
border-width:1px;
border-color:#999;
border-style:solid;
margin-bottom:1em;
}
.form_contact fieldset legend{
color:#333;
font-style: italic;
}
.form_contact label{
display:block;
padding-bottom:0.2em;
}
.form_contact .aide{
margin-top:0.5em;
padding-left:0.5em;
font-size:9px;
color:#666;
}
.form_contact form{
margin-top:1.5em;
}
.form_contact .aide p{
margin-top:0;
margin-bottom:0.7em;
}
.form_contact fieldset.small{
width:50%;
}
div.actus{
float:right;
width:160px;
}
div.actus h2{
margin:0;
padding:0;
height:29px;
text-indent:-9999px;
font-size:11px;
}
div.actus div.actu{
font-size:10px;
margin-left:7px;
margin-right:7px;
margin-bottom:1em;
margin-top:0.8em;
color:#333;
}
div.actu h3{
margin:0;
padding:0;
margin-top:0.4em;
margin-bottom:0.2em;
font-size:10px;
}
div.actu p{
margin-top:0.2em;
margin-bottom:0.2em;
}
div.actu a{
color:#fa702a;
text-decoration:none;
}
div.actu a:hover{
text-decoration:underline;
}
.newsletter_box_inscription{
position:absolute;
top:165px;
right:0;
margin-top:1em;
font-size:10px;
margin-left:3px;
margin-right:6px;
width:240px;
}
.newsletter_box_inscription .input, .newsletter_box_inscription .valider{
font-size:10px;
}
.newsletter_box_inscription h2{
display:none;
}
.newsletter_box_inscription p{
text-align:right;
}
.newsletter_box_inscription form{
margin:0;
}
.newsletter_box_inscription label{
color:#fff;
}