/* CSS Document */

/* Auteur : charles patrigeon - August 2006 */

/* GENERAL */
body {
	padding: 0; 
	margin: 0; 
	font-size:1em;
	width: 100%;
	height: 100%;
	background-image:url(images/fond.gif);
	background-position: top left;
	background-repeat:repeat;
}
.fond {
	width: 279px;
	height: 828px;
	background-image:url(images/fondgauche.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
}

.spacer {
	clear: both;
	font-size: 0px;
	height:1px !important;
	visibility:hidden;
	overflow:hidden;

}
/* SQUELETTE */

.conteneur {
height: 100%;
width: 1307px;
}

.col1 {
margin-top:24px;
float:left;
height: 473px;
width: 140px;
background-image:url(images/tofgauche01.jpg);
background-repeat:no-repeat;
}
.col1carnet {
margin-top:24px;
float:left;
height: 473px;
width: 140px;
background-image:url(images/tofgauche03.jpg);
background-repeat:no-repeat;
}
.col1vins {
margin-top:24px;
float:left;
height: 473px;
width: 140px;
background-image:url(images/tofgauche02.jpg);
background-repeat:no-repeat;
}

.col1actu {
margin-top:24px;
float:left;
height: 473px;
width: 140px;
background-image:url(images/tofgauche07.jpg);
background-repeat:no-repeat;
}

.col1bibli {
margin-top:24px;
float:left;
height: 473px;
width: 140px;
background-image:url(images/tofgauche10.jpg);
background-repeat:no-repeat;
}

.col1sites {
margin-top:24px;
float:left;
height: 473px;
width: 140px;
background-image:url(images/tofgauche12.jpg);
background-repeat:no-repeat;
}
.col1contact {
margin-top:24px;
float:left;
height: 473px;
width: 140px;
background-image:url(images/tofgauche09.jpg);
background-repeat:no-repeat;
}
.col1infos{
margin-top:24px;
float:left;
height: 473px;
width: 140px;
background-image:url(images/tofgauche06.jpg);
background-repeat:no-repeat;
}



.col2{
margin-top:0px;
float:left;
height: 493px;
width: 479px;

}
.col3{
float:left;
height: 431px;
width: 601px;
margin-top:42px;
background-image:url(images/tofdroite01.jpg);
background-repeat:no-repeat;
}
.col3carnet{
float:left;
height: 431px;
width: 601px;
margin-top:42px;
background-image:url(images/tofdroite02.jpg);
background-repeat:no-repeat;
}

.col3vins{
float:left;
height: 431px;
width: 601px;
margin-top:42px;
background-image:url(images/tofdroite04.jpg);
background-repeat:no-repeat;
}

.col3actu{
float:left;
height: 431px;
width: 601px;
margin-top:42px;
background-image:url(images/tofdroite05.jpg);
background-repeat:no-repeat;
}

.col3bibli{
float:left;
height: 431px;
width: 601px;
margin-top:42px;
background-image:url(images/tofdroite03.jpg);
background-repeat:no-repeat;
}

.col3sites{
float:left;
height: 431px;
width: 601px;
margin-top:42px;
background-image:url(images/tofdroite08.jpg);
background-repeat:no-repeat;
}
.col3contact{
float:left;
height: 431px;
width: 601px;
margin-top:42px;
background-image:url(images/tofdroite07.jpg);
background-repeat:no-repeat;
}
.col3infos{
float:left;
height: 431px;
width: 601px;
margin-top:42px;
background-image:url(images/tofdroite06.jpg);
background-repeat:no-repeat;
}

.col4{
float:left;
height: 431px;
width: 85px;
margin-top:42px;
background-image:url(images/fonddroit.gif);
background-repeat:no-repeat;
}
/* MENU DE NAVIGATION HAUT */

.topnav {
width: 479px;
height: 42px;
}
.topnavlink1 {
float:left;
width: 121px;
height: 42px;
}
.topnavlink2 {
float:left;
width: 123px;
height: 42px;
}
.topnavlink3 {
float:left;
width: 134px;
height: 42px;
}
.topnavlink4 {
float:left;
width: 100px;
height: 42px;
}

/* MENU DE NAVIGATION BAS */

.navbas {
width: 479px;
height: 81px;
background-image:url(images/fondnavbas.gif);
background-position:left;
}

.navbasBT {
padding-top:21px;
width: 479px;
height: 25px;
}
.navbasBTlink1 {
float:left;
width: 100px;
height: 25px;
}
.navbasBTlink2 {
float:left;
width: 98px;
height: 25px;
}
.navbasBTlink3{
float:left;
width: 63px;
height: 25px;
}
.navbasBTlink4 {
float:left;
width: 77px;
height: 25px;
}
.navbasBTlink5 {
float:left;
width: 140px;
height: 25px;
}

/* MILLIEU */

.frame {
width: 479px;
height: 390px;
overflow: auto;
background-image:url(images/fondtext.gif);
background-repeat:repeat-y;
background-color:#FFFFFF;
}
.frametop {
width:479px;
height:22px;
background-image:url(images/fondtexttop.gif);
background-repeat:repeat-y;
}
.frametoptext {
padding-left:25px;
padding-top:5px;
font-size:0.70em;
color:#663333;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
letter-spacing:0.06em;
}
.frametoptext a {
text-decoration:none;
color:#663333;
}
.frametoptext a:hover {
color:#9F701c;
}

.frametext {
padding-left:30px;
padding-right:17px;
padding-top:2px;
font-size:0.71em;
color:#663333;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
letter-spacing:0.06em;
}

.frametext a {
color:#cc3333;
text-decoration:underline;
}
.frametext a:hover {
text-decoration:none;
color:#663333;
}
.frametext h1 {
font-size:1.6em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
letter-spacing:1px;
color:#d7b577;
}
.frametext h2 {
font-size:1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
letter-spacing:1px;
color:#d7b577;
padding-top:15px;
}
.frametext h3 {
font-size:1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
letter-spacing:1px;
color:#9f701c;
}
.frametext img {
	float:left;
	font-size:1px;
	margin-bottom:9px;
	border: 1px solid #ced9b8; 
}


/* MILLIEU texte sites à visiter */


.frametextlink {
padding-left:30px;
padding-right:17px;
padding-top:2px;
font-size:0.71em;
color:#663333;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.frametextlink a {
color:#cc3333;
text-decoration:underline;
}
.frametextlink a:hover {
text-decoration:none;
color:#663333;
}
.frametextlink h1 {
font-size:1.6em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
letter-spacing:1px;
color:#d7b577;
}
.frametextlink h2 {
font-size:1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
letter-spacing:1px;
color:#d7b577;
}
.frametextlink h3 {
font-size:1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
letter-spacing:1px;
color:#9f701c;
}

/* DIVERS */

ul, li {margin: 0; padding: 0; list-style-type: none;}
ul {margin-top: 60px; margin-left: 20px;}

.moderation {
position:absolute;
width:490px;
height:18px;
z-index:1;
left: 816px;
top: 472px;
margin-top:33px;
font-size:0.6em;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
color:#8a4d14;
}