body {
background-image : url('images/fond.jpg');
font : 110% Verdana, Tahoma, Arial, Helvetica, sans-serif;
padding : 0;
margin-left : 10%;
text-align : justify;
}
div#contenu {
width : 100%;
height : auto;
margin : auto;
}
ul, li {
margin : 0;
padding : 0;
list-style-type : disc;
}
ol {
margin : 0;
padding : 0;
}
a {
color : #4c4c4b;
text-decoration : none;
font-weight : normal;
}
table, td
{
border :1px solid black;
border-collapse :collapse;
}
a:hover {
color : #666666;
font-weight : bold;
}
a img {
border : 0;
}
h1, h4, h5 {
margin : 0;
font-size : 100%;
font-weight : normal;
}
h6 {
font-size : medium;
font-weight : bold;
color : red;
border : 2px solid black;
text-align : center;
}
h3 {
margin : 0;
font-size : 60%;
font-weight : bold;
color : #ff00ff;
}
p {
margin : 0;
padding : 5px;
font-size : 90%;
}
div.clear {
clear : both;
}
div#header {
background : url('./images/pigne.jpg') no-repeat;
width : 382px;
padding-left : 266px;
height : 120px;
text-transform : uppercase;
margin-bottom : 40px;
}
.typebillet {
text-align : left;
font-size : small;
font-weight : bold;
text-decoration : underline;
color : #008000;
}
.velo {
float : none;
top : 10px;
left : 10%;
}
.nature {
float : none;
top : 50px;
left : 0%;
}
.logo {
position : absolute;
top : 6px;
right : 6%;
}
.vuegolf {
position : absolute;
top : 50%;
right : 25%;
}
h1 {
font-size : 200%;
color : #ff0000;
}
h1 span {
display : block;
font-size : 60%;
color : #ff0000;
letter-spacing : 8px;
}
h2 {
margin : 0;
font-size : 100%;
text-align : center;
}
#menu li {
display : inline;
margin-right : 15px;
}
#menu a {
color : #008000;
font-weight : bold;
padding-bottom : 9px;
}
#menu a:hover {
background : url('./images/top_hover.gif') no-repeat bottom;
color : #8000ff;
text-decoration : none;
}
.billet a {
color : #008000;
text-decoration : none;
font-weight : normal;
padding-bottom : 9px;
}
.billet :hover {
color : #ff0080;
text-decoration : none;
}
a {
color : #8000ff;
text-decoration : none;
}
a:hover {
color : #ff0000;
}
div#nom {
font-size : 120%;
color : #ff0000;
}
div#menu_droite {
width : 15%;
height : auto;
float : left;
text-align : left;
padding : 25px;
border : 2px solid black;
}
div#menu_droite1 {
margin : 1%;
height : auto;
float : none;
text-align : left;
padding : 15px;
border : 2px solid black;
}
a {
color : #0000ff;
text-decoration : none;
}
a:hover {
color : #ff0000;
}
#menu_droite h2 {
width : 50%;
height : auto;
font-size : 100%;
font-weight : bold;
text-transform : uppercase;
color : red;
padding-top : 5px;
padding-left : 10px;
margin-left : 80px;
margin-top : 10px;
margin-bottom : 10px;
}
#menu_droite ul {
margin : 0 auto 50px auto;
}
#menu_droite a {
font-weight : normal;
}
div#menu_gauche {
width : 35%;
height : auto;
float : left;
text-align : left;
padding : 25px;
}
a {
color : #0000ff;
text-decoration : none;
}
a:hover {
color : #ff0000;
}
#menu_gauche h2 {
width : 50%;
height : auto;
font-size : 100%;
font-weight : bold;
text-transform : uppercase;
color : red;
padding-top : 5px;
padding-right : 10px;
margin-right : 20px;
margin-top : 10px;
margin-bottom : 10px;
}
#menu_gauche ul {
margin : 10px auto 10px auto;
}
#menu_gauche a {
font-weight : normal;
}
div#texte {
float : left;
width : 60%;
margin-left : 16px !important ;
margin-left : 8px;
}
div#texte1 {
position : relative;
width : 40%;
margin-left : 350px !important ;
margin-left : 380px;
}
#cadre {
float : left;
width : 60%;
margin-right : 16px !important ;
margin-right : 8px;
border : 2px solid black;
}
#trou {
position : relative;
top : 20px;
}
#fd {
position : absolute;
top : 450px;
left : 450px;
border : 2px solid black;
}
#news {
font-size : small;
font-weight : bold;
color : #008000;
}
.note {
font-size : medium;
font-weight : bold;
text-align : center;
color : #007100;
}
div.post {
margin-bottom : 50px;
}
div.post2 {
margin-bottom : 150px;
}
.post3 {
font-size : medium;
font-weight : bold;
color : #ff0000;
}
.post h2 {
text-transform : uppercase;
color : #8000ff;
font-size : 150%;
}
.post1 h2 {
text-transform : capitalize;
color : #8000ff;
font-size : 100%;
}
p.infos {
color : #ff80ff;
font-size : 80%;
}
.actu {
color : #f91d04;
font-weight : bold;
font-size : 110%;
}


p#footer {
clear : both;
color : #ff80ff;
text-align : center;
}