/* CSS Document */
html {
font-size : 62.5%;
}
body {
font-family : Verdana, Arial, Helvetica;
font-size : 14px;
margin : 0;
padding : 0;
color : black;
background-color : #ffffff;
background-attachment : fixed;
background-image : url(img/site/plage.jpg);
background-repeat : no-repeat;
background-position : bottom;
text-align : center;
}
p {
margin : 0 0 10px 0;
}
.firstletter:first-letter {
font-size : 20px;
color : #003366;
float : left;
padding-right : 2px;
}
#header {
height : 112px;
background-color : #ffffff;
}
#haut {
height : 30px;
background-color : #ffffff;
}
#conteneur {
width : 900px;
margin : 0 auto;
text-align : left;
}
#centre {
margin-left : 185px;
margin-right : 0;
font-size : 11px;
z-index : 1;
}
#gauche {
float : left;
width : 180px;
z-index : 2;
}
#pied {
clear : both;
height : 38px;
background-color : #ffffff;
border : 1px solid #ddd;
}
#menuhaut {
list-style-type : none;
margin : 0;
padding : 0;
font-weight : 100;
border : 1px solid #ddd;
}
#menuhaut li {
display : inline;
}
#menuhaut a {
margin : 0 2px;
color : #5885c2;
text-decoration : none;
}
#menuhaut a:hover {
color : #000;
text-decoration : underline;
}
#menuhaut td:hover {
background : #eaf0f7;
}
.texte1 {
font-family : Arial, Helvetica, sans-serif;
color : black;
}
.texte2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : red;
}
.texte3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : black;
text-decoration : underline;
}
.texte2bold {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
}
.texte3bold {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : red;
}
.texte4bold {
font-family : Arial, Helvetica, sans-serif;
font-size : 10pt;
font-weight : bold;
color : #5885c2;
}
a.info {
position : relative;
z-index : 24;
color : #5885c2;
font-size : 10px;
text-decoration : underline;
}
a.info:hover {
z-index : 25;
background-color : #fff;
}
a.info span {
display : none;
}
a.info:hover span {
display : block;
position : absolute;
top : 2em;
left : 2em;
width : 15em;
border : 1px solid #ddd;
background-color : #fff;
color : #000;
font-family : Verdana, Arial, Helvetica;
font-size : 10px;
text-align : left;
font-weight : normal;
padding : 5px;
}
a.infotexte {
position : relative;
z-index : 24;
color : #5885c2;
font-size : 10px;
text-decoration : underline;
}
a.infotexte:hover {
z-index : 25;
background-color : #fff;
}
a.infotexte span {
display : none;
}
a.infotexte:hover span {
display : block;
position : absolute;
top : 2em;
left : 2em;
width : 30em;
border : 1px solid #ddd;
background-color : #fff;
color : #000;
font-family : Verdana, Arial, Helvetica;
font-size : 10px;
text-align : left;
font-weight : normal;
padding : 5px;
}
.floatstop {
clear : both;
}
.copyright {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
color : black;
text-align : center;
}