body {
background-color: #e1ddd9;
background-image:url(images/mosaique.gif);
font-size: 12px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
text-align: justify;
color:#303030;  
padding:0px;
margin:0px;
}

#content { 	
width:920px;
height:730px;
margin:10px auto;
padding:0;
background-image:url('images/arbre.png');
overflow: hidden;
}

#bottom { 	
width:300px;
margin:0 auto 10px auto;
text-align: center;
padding: 0px;
overflow: auto;
color:#c4dfec;
}

p, h1 {
margin: 0px; 
padding: 10px; 
}

p, h2 {
margin: 0px; 
padding: 5px; 
}

h2 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
color: #303030;
background-color: #fda448;
}

a { 
color:#3e708c;
text-decoration: none; 
}

.bleu {
color:#3e708c;
font-weight:bold;
}

li {
list-style-image: url(images/fleche.gif); 
}

img {
border-style:none;
}

#contact {
margin-top:195px;
margin-left:683px;
height:28px;
width:196px;
position:absolute;
background:url('images/contact.png') no-repeat 0 0;
}

#contact a {
display:block;
height:28px;
width:196px;
}

#contact:hover, #contact.selected, #contact:focus {
background-position:0 -28px;
}


#cv {
margin-top:540px;
margin-left:603px;
height:29px;
width:252px;
position:absolute;
background:url('images/cv.png') no-repeat 0 0;
}

#cv a {
display:block;
height:29px;
width:252px;
}

#cv:hover, #cv.selected, #cv:focus {
background-position:0 -29px;
}


#rp {
margin-top:575px;
margin-left:603px;
height:29px;
width:252px;
position:absolute;
background:url('images/rp.png') no-repeat 0 0;
}

#rp a {
display:block;
height:29px;
width:252px;
}

#rp:hover, #rp.selected, #rp:focus {
background-position:0 -29px;
}


#arbre {
width:676px;
padding-top:263px;
padding-left:244px;
height:380px;
}

#web {
	width:800px;
	margin-left:64px;
	overflow:hidden;
}

/* Les liens web */

.kwicks {
list-style: none;
position: relative;
margin: 0;
padding: 0;
}

.kwicks li{
width: 130px;
height: 75px;
display: block;
overflow: hidden;
padding: 0;
}
.kwicks.horizontal li {
margin-right: 5px;
float: left;
}

#kwick_1 { 
background-image:url(images/defile1.png);
cursor: pointer;
}
#kwick_2 {
background-image:url(images/defile2.png);
cursor: pointer;
}
#kwick_3 {
background-image:url(images/defile3.png);
cursor: pointer;
}

#kwick_4 { 
background-image:url(images/defile4.png);
cursor: pointer;
}

#kwick_5 { 
background-image:url(images/defile5.png);
cursor: pointer;
}

#kwick_6 { 
background-image:url(images/defile6.png);
cursor: pointer;
}