body {
margin : 10px 0;
padding : 0;
text-align : center;
font : 1.2em "Trebuchet MS", helvetica, sans-serif;
background : #FFFFFF;
}
div#conteneur {
width : auto;
margin : 0 auto;
text-align : left;
border : #745299 solid 1px;
background : #FCFAE1;
}
h1#header {
height : 227px;
background : url(image/a13logo.JPEG) left top no-repeat;
margin : 0;
}
h1#header a {
width : 400px;
height : 160px;
display : block;
background : url(image/fond.gif) no-repeat;
position : relative;
left : 390px;
top : 15px;
text-indent : -5000px;
}
ul#menu {
height : 35px;
margin : 0;
padding : 0;
background : url(image/test1.gif) 0 -25px repeat-x;
list-style-type : none;
}
ul#menu li {
float : left;
text-align : center;
}
ul#menu li a {
width : 120px;
line-height : 25px;
font-size : 1.2em;
font-weight : bold;
letter-spacing : 2px;
color : #fff;
display : block;
text-decoration : none;
border-right : 2px solid #745299;
}
ul#menu li a:hover {
background : url(image/test1.gif) 0 0 repeat-x;
}
div#contenu {
padding : 0 25px 0 100px;
background : url(image/athanor120.jpg) 15px 15px no-repeat;
}
div#contenu h2 {
padding-left : 25px;
line-height : 25px;
font-size : 1.3em;
background : url(little_apple.gif) left bottom no-repeat;
color : #745299;
border-bottom : 1px solid #745299;
}
div#contenu h3 {
margin-left : 35px;
padding-left : 5px;
font-size : 1em;
border-bottom : 1px solid #745299;
border-left : 0 solid #9b2;
color : #745299;
}
div#contenu p {
text-align : justify;
text-indent : 2em;
line-height : 1.7em;
}
div#contenu a {
color : #8a0;
}
div#contenu a:hover {
color : #9b2;
}
p#footer {
margin : 0;
padding-right : 10px;
line-height : 30px;
text-align : right;
color : #8a0;
}
pre {
overflow : auto;
background : #dea;
border : #9b2 solid 2px;
padding : 5px 0 0 5px;
font-size : 1.2em;
}
pre span {
color : #560;
}
pre span.comment {
color : #b30000;
}
address {
text-align : center;
font-size : 60%;
font-style : normal;
letter-spacing : 2px;
line-height : 1.5em;
}
#validator {
float : right;
}
a img {
border : 0;
}
div#photoflot p {
margin : 0;
padding : 0;
text-align : justify;
}
div#photoflot img {
float : left;
background-color : #fafbfc;
border : #b0b0b0 solid 0;
margin : 0 0 15px 15px;
padding : 5px;
}
hr {
clear : left;
}
* html #container {
height : 470px;
height : 430px;
}
#photo_strip {
width : 630px;
margin : 0 auto 20px auto;
}
#container {
margin : 0;
padding : 0;
height : 430px;
overflow : auto;
color : #222;
background : #fff;
}
#container ul {
margin : 0;
padding : 0;
list-style : none;
white-space : nowrap;
display : table-row;
}
#container ul li {
display : table-cell;
padding : 0 15px;
background : #fff;
border-bottom : 1px solid #888;
vertical-align : top;
}
#container ul li img {
border : #555 solid 1px;
margin : 30px 0 10px 0;
}
#photo_strip h1 {
text-align : center;
padding : 0;
margin : 0;
width : 630px;
height : 38px;
line-height : 35px;
color : #555;
font-weight : normal;
font-size : 20px;
border-bottom : 1px solid #888;
}
#container p {
margin : 0;
padding : 5px 0;
font-size : 11px;
}
@media all {
}
@media all {
}