* {
margin : 0;
padding : 0;
}
body {
width : 100%;
padding : 0;
margin : 0;
}
#site {
position : absolute;
width : 100%;
}
#menu, #photos {
position : absolute;
top : 0;
}
#menu {
left : 0;
width : 200px;
}
#photos {
right : 0;
width : 200px;
}
#contenu {
margin : 0 200px;
}
textarea {
width : 360px;
}
a .vis {
border-width : 2px;
border-color : #4da3fe;
}
a .vis:hover {
border-color : #fff;
}
#contenu_d a {
color : #4da3fe;
text-decoration : none;
font-weight : bold;
}
#contenu_d a:hover {
color : #4da3fe;
text-decoration : underline;
}
#contenu_d h4 {
color : #10aae4;
font-family : Verdana, sans-serif;
font-size : medium;
margin-left : 30px;
}
#contenu_d h1 {
color : #ee7733;
font-family : Verdana, sans-serif;
font-size : medium;
margin-left : 50px;
}
#contenu_d h4 a {
text-decoration : underline;
color : #4da3fe;
}
#contenu_d h4 a:hover {
text-decoration : none;
color : #4da3fe;
}
#contenu_d h2 {
color : #10aae4;
font-family : Verdana, sans-serif;
font-size : medium;
margin-left : 30px;
border-bottom : 1px dashed #10aae4;
padding-bottom : 5px;
width : 60%;
}
#contenu_d h3 {
color : #cc6600;
font-family : Verdana, sans-serif;
font-style : italic;
font-size : x-small;
font-weight : normal;
margin-left : 60px;
margin-bottom : 30px;
margin-top : 10px;
}
#contenu_d h3 span {
border-bottom : 1px dashed #cc6600;
}
#contenu_d p {
text-indent : 30px;
text-align : justify;
}
#contenu_d p:first-letter {
font-weight : bold;
}
#contenu_d h2:hover {
border-bottom : 1px dashed #fff;
}
#contenu_d {
padding-left : 20px;
padding-right : 20px;
}
#menu h1 {
border-bottom : 1px dashed #dddddd;
color : #ee7733;
font-size : medium;
height : 20px;
padding-bottom : 5px;
padding-left : 10px;
}
#menu ul {
margin : 0;
padding : 0;
position : relative;
left : 5px;
}
#menu li {
border-bottom : 1px dashed #eeeeee;
list-style : none;
margin : 0;
display : block;
}
#menu li a {
color : #777777;
font-size : small;
padding : 3px 6px 3px 18px;
text-decoration : none;
}
#menu li a:hover {
color : #111111;
background-image : url("../img/menu.PNG");
background-repeat : no-repeat;
}
#photos .images {
position : relative;
left : 19px;
margin-bottom : 15px;
}
#menu_e {
color : #fff;
text-align : left;
padding-left : 5px;
font-size : small;
height : 92px;
background-color : #0068af;
background-image : url("../img/haut.PNG");
background-repeat : repeat-x;
}
#menu_e a {
color : #fffffe;
text-decoration : underline;
}
#menu_e a:hover {
color : #fffffe;
text-decoration : none;
}
#contenu_e {
color : #fff;
text-align : center;
padding-left : 5px;
font-size : small;
height : 92px;
background-color : #0068af;
background-image : url("../img/haut.PNG");
background-repeat : repeat-x;
}
#contenu_e a {
color : #fffffe;
text-decoration : none;
}
#contenu_e a:hover {
color : #fffffe;
text-decoration : underline;
}
#contenu_e h1 {
position : relative;
top : 17px;
color : #fffffe;
font-size : xx-large;
font-family : Verdana, sans-serif;
font-weight : normal;
}
#photos_e {
color : #fffffe;
text-align : right;
font-size : small;
height : 92px;
background-color : #0068af;
background-image : url("../img/haut.PNG");
background-repeat : repeat-x;
}
#photos_d {
background-color : #fff;
background-image : url("../img/droite.PNG");
background-repeat : no-repeat;
background-position : right top;
}