/* Feuille de style pour les div */

body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-image: url(../images/fond.jpg);
	background-repeat: repeat-y;
}

#logo{
	position: absolute;
	width: 185px;
	height: 446px;
	top: 0;
	left: 0;
}

#birius{
	position : absolute;
	width: 255px;
	height: 153px;
	top: 0;
	left: 185px;
}

/* Tout ce qui concerne le menu */
#menu{
	position: absolute;
	width: 330px;
	height: 124px;
	top: 0;
	left: 440px;
	background-image: url(../images/modele_03.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	z-index:50;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dt {
cursor: pointer;
background-color: transparent;
height: 20px;
margin-left: 25px;
padding-bottom: 3px;
text-align: left;
font-size: 10pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #996600;
}

#menu dd {
display: none;
position: absolute;
z-index: 100;
left: 130px;
margin-top: -20px; 
width: 185px; 
background-color: #f2d8aa;
border: 1px solid #e79637;
}

#menu ul {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 2px;
}

#menu li {
text-indent: 15px;
font-size: 9pt;
}

#menu li a, #menu dt a {
text-decoration: none;
display: block;
color:#996600;
}

#menu li a:hover {
color:#f1eed4;
background-color: #e79637;
}

/* Fin du menu */


#onglet{
	position: absolute;
	width: 330px;
	height:29px;
	top: 124px;
	left: 440px;
}

h1{
	position: absolute;
	width: 575px; /* 585px de long - 10px de padding */
/*	height: 24px; /* 26px de long - 3px de padding */
	top: 153px;
	left: 185px;
	background-image: url(../images/modele_06.jpg);

	color: #F1EED4;
	font-size: 13pt;
	font-weight: bold;
	margin-top:0;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom:2px;
}	

#contenu{
	position: absolute;
	width: 431px; /* 454px de long - 15px padding */
	height: auto;
	top: 179px;
	left: 185px;
	
	padding-top: 15px;
	padding-left: 15px;
}

/* Début des actualités */

#actus{
	position: absolute;
	width: 111px;
	height: 163px;
	top: 179px;
	left: 639px;
	background-image: url(../images/modele_08.jpg);
	background-repeat: no-repeat;
	z-index: 1;
}

.actus{
	padding-left: 5px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#actus a{
	color: #996600;
	text-decoration: none;
}

#actus a:hover{
	text-decoration: underline;
}

/* Fin des actualités */

#copyright{
	position: absolute;
	width: 185px;
	bottom:0;
	left:0;
	font-size: 7pt;
}
#copyright a{
	color: #000;
}

#lienscotes{
	position: absolute;
	width:131px;
	top: 342px;
	left: 639px;
}
#lienscotes a{
	color: #996600;
	text-decoration: none;
}

#lienscotes a:hover{
	text-decoration: underline;
}

.barre{
	color: #996600;
	text-align: center;
}

h3{
	color: #996600;
	font-size: 10pt;
	font-weight: bold;
	
}

.produit{
	border: 1px solid #996600;
	margin-bottom: 20px;
}

.cgv{
	list-style-image: url(../images/puce.jpg);
}
.cgv li{
	padding-bottom: 5px;
	padding-top: 5px;
	list-style-position: inside;
}

#tarifs th.case {
	background-color: #996600;
	border: 1px solid #f1eed4;
	padding: 10px;
	vertical-align: top;
	color: #f1eed4;
	font-size: 8pt;
	font-weight: bold;
}

#tarifs td.case{
	background-color: #f1eed4;
	border: 1px solid #996600;
	padding: 10px;
	vertical-align: top;
	color: #996600;
	font-size: 8pt;

}
.submit{
	border: 1px solid #996600;
	background-color: #f1eed4;
	padding: 5px;
	color: #996600;
	font-weight: bold;
}

input{
	border-top:0;
	border-left:0;
	border-bottom: 1px solid #996600;
	border-right: 0;
	background-color: transparent;
}

div .separe{
	border-bottom: 1px solid #996600;
	width: 555px;
}

#intro {
	background-color: #f1eed4;
	border: 1px solid #996600;
	padding: 10px;
	vertical-align: top;
	color: #996600;
	font-size: 8pt;
	font-weight: bold;
	width: 409px;
}

a{
	color:red;
}