body {
background-color : #a0a0a0;
color : #575757;
font-size : 10px;
margin : 0;
text-align : center;
font-family : Arial, Helvetica, sans-serif, Verdana;
font-weight : bold;
}

.surtitre {
font-family : Arial, Helvetica, sans-serif, Verdana;
color : #575757;
font-weight : bold;
font-size : 17px;
text-align : center;
}


#divcattitre {
float:left;
text-align:center;
width:100%;
margin:auto;
margin-top:15px;
margin-bottom:10px;
}

#divcattitre2 {
float:left;
text-align:left;
width:300px;
}

#divliens {
float:left;
text-align:left;
width:300px;
}


#divphoto {
float:left;
text-align:center;
width:100%;
margin:auto;
position:relative;
}

#divfic {
width:200px;
height:200px;
position:absolute;
left: 0;
}

.divfic {
font-family : Arial, Helvetica, sans-serif, Verdana;
color : #575757;
font-weight : bold;
font-size : 11px;
text-align : left;
}

#divsuite {
float:left;
text-align:center;
width:100%;
margin:auto;
}

.cattitre {
font-family : Arial, Helvetica, sans-serif, Verdana;
color : #575757;
font-weight : bold;
font-size : 15px;
text-align : center;
}
.cattitre2 {
font-family : Arial, Helvetica, sans-serif, Verdana;
color : #575757;
font-weight : bold;
font-size : 11px;
text-align : left;
}
.cattitre3 {
font-family : Arial, Helvetica, sans-serif, Verdana;
color : #575757;
font-weight : bold;
font-size : 11px;
text-align : justify;
}
.cattexte {
font-family : Arial, Helvetica, sans-serif, Verdana;
color : #575757;
font-weight : bold;
font-size : 11px;
text-align : justify;
}
.catlegende {
font-family : Arial, Helvetica, sans-serif, Verdana;
color : #575757;
font-weight : bold;
font-size : 10px;
font-style : italic;
text-align : center;
}
.texte {
font-family : Arial, Helvetica, sans-serif, Verdana;
color : #575757;
font-size : 12px;
font-weight : normal;
text-align : center;
}
.qui {
font-family : Arial, Helvetica, sans-serif, Verdana;
color : #575757;
font-weight : bold;
font-size : 12px;
text-align : justify;
}
.qui li {
list-style-type : none;
padding-left : 30px;
}
.texte2 {
font-family : Arial, Helvetica, sans-serif, Verdana;
color : #575757;
font-size : 11px;
text-align : center;
}
a {
text-decoration : none;
color : #575757;
}
a:hover {
text-decoration : none;
color : #575757;
}
a:visited {
text-decoration : none;
color : #575757;
}
.footer {
color : white;
font-weight : bold;
}
.footer a {
text-decoration : none;
color : white;
}
.footer a:hover {
text-decoration : none;
color : white;
}
.footer a:visited {
text-decoration : none;
color : white;
}
#wrap {
position : relative;
margin : auto;
width : 900px;
}
#haut {
position : absolute;
width : 900px;
height : 100px;
left : 0;
margin : auto;
background-image : url("images/fondhaut.gif");
background-repeat : no-repeat;
background-position : center top;
}
#milieu {
position : absolute;
top : 100px;
left : 0;
width : 900px;
height : 565px;
margin : auto;
background-image : url("images/fondmilieu.gif");
background-position : center top;
}
#bas {
position : absolute;
top : 665px;
left : 0;
width : 900px;
height : 15px;
margin : auto;
background-image : url("images/fondbas.gif");
background-repeat : no-repeat;
background-position : center bottom;
}
#footer {
position : absolute;
top : 680px;
left : 0;
width : 900px;
height : 20px;
margin : auto;
}
#accueil {
position : relative;
margin : auto;
top : 20px;
width : 900px;
height : 540px;
background-image : url("images/accueil.jpg");
background-repeat : no-repeat;
background-position : center top;
overflow : auto;
}
#cadre2 {
position : relative;
width : 880px;
height : 540px;
background-image : url("images/fond_cadre.gif");
background-repeat : no-repeat;
background-position : center top;
background-color : #b4ecb4;
overflow : auto;
text-align : center;
}
#cadre {
position : relative;
top : 20px;
left : 0;
margin : auto;
width : 880px;
height : 540px;
background-image : url("images/fond_cadre.gif");
background-repeat : no-repeat;
background-position : center top;
background-color : #b4ecb4;
overflow : auto;
}
#loco2 {
position : absolute;
top : 20px;
left : 10px;
width : 810px;
margin : auto;
height : 540px;
background-image : url("images/fond_cadre.gif");
background-repeat : no-repeat;
background-position : center top;
background-color : #b4ecb4;
overflow : auto;
margin-left : 40px;
padding-right : 30px;
}
#loco {
position : absolute;
top : 20px;
left : 10px;
width : 880px;
margin : auto;
height : 540px;
background-image : url("images/fond_cadre.gif");
background-repeat : no-repeat;
background-position : center top;
background-color : #b4ecb4;
overflow : auto;
}
dl, dt, dd, ul, li {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu {
position : absolute;
left : 10px;
margin : auto;
z-index : 100;
width : 880px;
font-weight:bold;
font-size:11px;
}
#menu dl {
float : left;
width : 174px;
margin : 0 1px;
}
#menu dt {
cursor : pointer;
text-align : center;
font-weight : bold;
background : #ccc;
border : 1px solid gray;
}
#menu dd {
border : 1px solid gray;
}
#menu li {
text-align : left;
background : #fff;
}
#menu li a {
color : #575757;
text-decoration : none;
display : inline;
border : 0 none;
}
#menu dt a {
color : #575757;
text-decoration : none;
display : block;
border : 0 none;
}
#menu li a:hover, #menu dt a:hover {
background : #eee;
}