/* CSS Document */
/********************/
/*     GENERAL      */
/********************/
body {background-color: #e6e6e6;
	margin : 0;
	padding : 0;
	color: #000;
	font-family: Verdana, Arial, "Times New Roman", sans-serif;
	font-size:12px;
	/*IE fix pour centrage de la page*/
	text-align:center;}
p { margin :0; text-align:justify;}
img { border: #ccc solid 5px; margin:0; }
legend {background-color:transparent;
color: #ccc;}

/********************/
/*     MAIN         */
/********************/
#main
{
background-color:#fff;
width: 740px;
padding: 0;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#corpsdepage
{
background-color:#fff;
}

p
{
padding:5px 0;
}



#imglegend, #imglegend1, #imglegend2
{
background: #ccc;
display:block;
text-align:center;
padding:0;
margin:8px;

}

#imglegend3
{
background:#e7cab7;
display:block;
font-size: 0.9em;
text-align:center;
width:720px;
}

#imglegend3 p
{
margin:5px;
}

#imglegend, #imglegend1
{
float:left;
width:200px;
}

#imglegend2
{
width:500px;
}


#imglegend img, #imglegend1 img, #imglegend2 img, #imglegend3 img
{
border: #ccc solid 5px;
}


.legend, .legend2, .legend3
{
background: #e7cab7;
padding:0 5px;
font-size: 0.9em;
text-align:center;
}

.legend
{width:200px;
}
.legend2
{
width:500px;
margin: 0 105px;
}

.legend3
{
width:700px;
}
/********************/
/*     NAVIGATION   */
/********************/



#navcontainer
{
height: 40px;
padding: 140px 0 0 0;
float:right;

}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
background:#e7cab7;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;

}

#navcontainer ul li a
{
padding: 0;
margin: 0;
}

/*navigation par ligne*/

li.accueilnav a, li.vignoblesnav a, li.domainesnav a, li.famillenav a, li.vinsnav a, li.contactnav a

{
height: 40px;
display: block;
padding:0;
margin:0;
}

li.accueilnav span, li.vignoblesnav span, li.domainesnav span, li.famillenav span, li.vinsnav span, li.contactnav span
{
        display: none;
}

li.accueilnav a {
        background:url(pix_laplace/nav_accueil_ht.png) no-repeat 0px 0px;
        width: 93px;
}

li.accueilnav a:hover {
        background: url(pix_laplace/nav_accueil_ht.png) no-repeat 0px -50px;
}

li.vignoblesnav a {
        background:url(pix_laplace/nav_vignobles_ht.png) no-repeat 0px 0px;
        width: 106px;

}

li.vignoblesnav a:hover {
        background: url(pix_laplace/nav_vignobles_ht.png) no-repeat 0px -50px;
}


li.domainesnav a {
        background:url(pix_laplace/nav_domaines_ht.png) no-repeat 0px 0px;
        width: 99px;
}

li.domainesnav a:hover {
        background: url(pix_laplace/nav_domaines_ht.png) no-repeat 0px -50px;
}

li.famillenav a {
        background:url(pix_laplace/nav_famille_ht.png) no-repeat 0px 0px;
        width: 84px;
}

li.famillenav a:hover {
        background: url(pix_laplace/nav_famille_ht.png) no-repeat 0px -50px;
}

li.vinsnav a {
        background:url(pix_laplace/nav_vins_ht.png) no-repeat 0px 0px;
        width: 60px;
}

li.vinsnav a:hover {
        background: url(pix_laplace/nav_vins_ht.png) no-repeat 0px -50px;
}

li.contactnav a {
        background:url(pix_laplace/nav_contact_ht.png) no-repeat 0px 0px;
        width: 97px;
}

li.contactnav a:hover {
        background: url(pix_laplace/nav_contact_ht.png) no-repeat 0px -50px;
}

/*Source: http://css.maxdesign.com.au/listamatic/horizontal09.htm */
/*Menu haut*/

/*Navigation par page, changement de fond*/
#top
{
display: block;
width:740px;
height:180px;
margin:0;
padding:0;
}


.accueil
{
background: url(pix_laplace/img_accueil.jpg) no-repeat right 0;
}
.legal
{
background: url(pix_laplace/img_legal.jpg) no-repeat right 0;
}

.terroir
{
background: url(pix_laplace/img_vignobles.jpg) no-repeat right 0;
}


.domaine
{
background: url(pix_laplace/img_domaines.jpg) no-repeat right 0;
}

.famille
{
background: url(pix_laplace/img_famille.jpg) no-repeat right 0;
}

.vins
{
background: url(pix_laplace/img_vins.jpg) no-repeat right 0;
}

.contact
{
background: url(pix_laplace/img_contact.jpg) no-repeat right 0;
}

/*logo */

#toplogo a
{
display:block;
width:200px;
height:180px;
float:left;
background: url(pix_laplace/logo_haut.png) no-repeat 0 0;
text-indent:-5000px;
padding:0;
margin:0;
}

#homedisplay
{
padding:10px;
background:#e7cab7;
display:block;
float:left;
}

.lefthome
{
width:340px;
float:left;
padding:5px;
}


.righthome
{
width:340px;
float:right;
padding:5px;
}
/********************/
/*     STYLES       */
/********************/

/*HEADERS*/

h1 { font-size : 1.6em; margin : 0.67em 0; color:#b04d0f; font-family: Arial, serif; }
h2 { font-size : 1.4em; margin : 0.83em 0;  }
h3 { font-size : 1.17em; margin : 1em 0; }
h4 { font-size : 1em; margin : 1.33em 0; }
h5 { font-size : 0.83em; margin : 1.67em 0; }
h6 { font-size : 0.67em; margin : 2.33em 0; }


/*LINKS*/
a:link {
color:#b04d0f;
text-decoration: none;
font-weight: bold;
}

a:visited {
color: #b04d0f;
text-decoration: underline;
}

a:hover {
text-decoration: underline
}



#actualites a:link, #actualites a:visited
{
color: #fff/*#e7cab7*/;
text-decoration:none;
font-weight:bold;
}

#actualites a:hover
{
text-decoration:underline;
}

/********************/
/*     IMAGES       */
/********************/


.left {
float:left;
}
.center {
text-align:center;}

.left /*img, .left span*/
{
display:block;
padding: 0px 8px 0px 0px;
}

.right {
float:right;
}

.right /*img, .right span*/ {
display:block;
padding: 0px 0px 0px 8px;
}

.basicright {
float:right;
display:block;
padding: 0;
}


.right span, .left span{
font-size:50%;
font-weight:bold;
text-align:center;
}
/********************/
/*     NEWS         */
/********************/

.newsteaser img
{
float: right;
border:none;
}
/*.newsteaser h2
{background-image: none;
}*/
.news img
{
float: right;
border:none;
}

/*news styles*/
.ndate
{display:none;}

#actualites

{
display:block;
width: 300px;
background: #b04d0f url(pix_laplace/haut_actus.png) no-repeat;
float:right;
margin:10px 0 10px 10px;
font-size:1em;
padding-top:20px;
color:#fff;

}

#actualites h1
{
display:none;
}

#actualites h2
{
padding-top:3px;
font-size:1.3em;
}
.newsbox
{
padding:10px;
}
.newsteaser
{
/*padding:10px;*/
}
/********************/
/*  CORPS DE PAGE   */
/********************/
#corpsdepage
{
padding:10px;
}

.citation
{
background: #e0d6bc url(pix_laplace/apostrophe.png) 0 0 no-repeat;
padding:10px;
margin:10px;
font-size: 1.2em;
font-weight: bold;
text-align:center;
}
/********************/
/*  FOOTER          */
/********************/

#footer
{
clear:both;
border-top: 1px solid #ccc;
text-align:center;
padding:5px;
}

#footer p
{
text-align:center;
}
/********************/
/*  FORMULAIRE      */
/********************/

 form.formulaire fieldset
  {
  padding: 1em;
background:#e7cab7;
  }
form.formulaire label
  {
  display: inline;
  float: left;
  width: 110px;
  }


 input, select, textarea {
	background-color: white;
	border: none;
	border: 1px solid #999999;

}
 input[type="submit"], input[type="reset"] {
	background-color: white;
	border: 1px solid #999999;
	-moz-border-radius: 5px;
}

input.bouton {
border:1px outset #CCCCCC;
font-weight:bold;
cursor:pointer;
}
input.bouton:hover {
background-color:#CCCCCC;
color:#333333;
}

input.bouton:active {
border:1px inset #CCCCCC;
background-color:#999999;
color:white;
}

p .warning
{
color:white;
}


/********************/
/*  FICHES VINS     */
/********************/

#vintext img
{
float:right;
padding: 0px 0px 0px 20px;
background-color: #fff;
text-align:center;
border:none;
}

#corpsdepagevins
{
padding:20px;
}

#corpsdepagevins h1
{
text-align:left;
padding-bottom:20px;
}

.text
{
text-align:justify;
}

.label {
	font-weight: bold;
}


/********************/
/*       TRICKS     */
/********************/
div.clear
 {
 clear:both;
 }

div#separateur
{
padding:10px;
}

br {
clear: left;
}

