body {
padding : 0;
margin : 0;
font-size : 10px;
font-weight : normal;
font-family : "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
background : #000;
}
img {
border : 0;
}
h1 {
font-weight : bold;
font-size : 1.4em;
font-family : Geneva, Helvetica, sans-serif;
margin-left : -2px;
padding : 0;
margin : 0;
}
h2 {
font-weight : bold;
font-size : 1em;
font-family : Verdana, Geneva, Helvetica, sans-serif;
padding : 0;
margin : 0;
}
ul {
margin-bottom : 20px;
font-size:1.2em;
}
em {
font-weight : bold;
font-size : 1.1em;
font-family : Helvetica, sans-serif;
}
/* --------------------------------------------------------- */
#conteneur {
position : absolute;
left : 10%;
top : 10px;
width : 750px;
height : 1017px;
background : #000 url(../images/interface/fond_page.jpg) no-repeat;
padding : 13px 10px 0 0px;
z-index : 1;
}
/* --------------------------------------------------------- */
#bandeau {
width : 700px;
height : 263px;
padding-left:30px;
}
.pipou {
width : 250px;
float : right;
text-align : center;
}
.pepone {
width : 250px;
float : left;
text-align : center;
}
#menu {
position:relative;
top:10px;
left:15px;
font-size : 1.8em;
font-family : cursive, "Trebuchet MS", Tahoma, Arial, sans-serif;
font-weight : bold;
}
#menu a {
text-decoration : none;
}
#menu a:link {
color : #000;
}
#menu a:visited {
color : #000;
}
#menu a:hover {
color : #d2691e;
}
#menu a.courant:link {
color : #003;
}
#menu a.courant:visited {
color : #003;
}
#menu a.courant:hover {
color : #003;
}
/* --------------------------------------------------------- */
#contenu {
position:relative;
left:10px;
top:43px;
width : 700px;
height : 466px;
overflow : visible;
font-size : 1.4em;
padding:20px 15px 5px 15px;
text-align : left;
background : url(../images/interface/contenu_bis.jpg) no-repeat;
z-index : 2;
}
#contenu_sans_fond {
position:relative;
left:10px;
top:0px;
width : 300px;
height : 466px;
overflow : visible;
font-size : 1.4em;
text-align : left;
z-index : 2;
}
#contenu h1 {
margin : 10px 10px 10px 5px;
}
#contenu h2 {
margin : 5px;
}
#accueil, #randonnees, #liens, .album {
padding : 10px;
}
#accueil {
position:relative;
left:10px;
top:410px;
width : 675px;
height : 100px;
color:#ffc;
font-size : 1.4em;
padding:10px 35px 5px 35px;
text-align : left;
z-index : 2;
}
#photos a {
font-size : 1.2em;
}
#randonnees h2 {
padding-left : 5px;
}
#randonnees img {vertical-align:bottom}
#contact {font-size : 1.4em;padding-top:15px}
#contact p {font-size:1.4em}
#liens {line-height:21px;font-size:0.9em}
#liens a.www {font-size:1.2em;}