/* Ceci est un fichier css, appelé "lor.css" */

body {
width : 1195px;
margin : auto;
margin-top : 10px;
margin-bottom : 10px;
background-image : url("medias/hivernal.jpg");
}
#en_tete {
width : 1190px;
height : 250px;
background-image : url("medias/banniere.jpg");
}
.image_gauche { /* Titi */
float : left;
margin-left : 85px;
margin-top : 0px;
}
.image_droite { /* Minette */
float : right;
margin-right : 75px;
margin-top : 0px;
}
.image_haut { /* Lapin */
float : left;
margin-left : 150px;
margin-top : -5px;
}
#menu, #menu ul {
margin : auto;
padding : 0;
list-style : none;
line-height : 40px;
text-align : center;
}
#menu {
font-family : Cambria, Verdana, Arial;
font-size : 17px;
}
#menu a {
display : block;
padding : 0;
background-image : url("medias/barremenu.jpg");
color : rgb(114, 7, 17);
text-decoration : none;
width : 170px;
}
#menu li {
float : left;
border-right : 0;
}
html > body #menu li {
border-right : 0;
}
#menu li ul {
position : absolute;
width : 170px;
line-height : 26px;
left : -999em;
z-index: 1;
}
#menu li ul li {
border-top : 1px solid rgb(193,213,250);
}
html > body #menu li ul li {
border-top : 1px solid rgb(193,213,250);
}
#menu li ul ul {
margin : -26px 0 0 170px;
border-left : 1px solid transparent;
}
html > body #menu li ul ul {
border-left : 1px solid transparent;
}
#menu a:hover {
background : rgb(241, 250, 165);
}
#menu li:hover ul ul, #menu li.sfhover ul ul {
left : -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
left : auto;
min-height : 0;
}
#corps {
width : 1150px;
padding : 20px;
margin-bottom : 0;
background-color : rgb(241, 250, 165);
}
h4 {
color : teal;
text-align : center;
font-style : italic;
margin-top: 100px;
margin-bottom: 85px;
font-family : Cambria, verdana;
}
h2{
text-align: center;
padding: 45px;
color: teal;
}
 p {
padding-top : 0;
text-align : center;
font-family : gautami, verdana, serif;
color : teal;
font-size : 13px;
}
.nouveau_message { color: teal; 
 font-size: 16px;
 margin-left: 890px;
font-family : cambria, verdana;
font-style : italic;
font-weight: bold;
text-decoration: none;
border-left : 3px solid green;
border-bottom : 1px solid green;
} 
.ici2 {color: rgb(80,52,209); text-align: center; margin-top: -65px; /* Plus petite page */ }
.haut {
margin-right : -1000px;
color : rgb(80, 52, 209);
}
.haut a {
text-decoration : none;
color : rgb(80, 52, 209);
font-size : 14px;
font-family : verdana;
}
.haut a:hover {
background-color : rgb(208, 200, 221);
}
.dessous {
clear : both;
}
a img {
border : none;
max-width : 100%;
}
span {
font-size: 14px; 
font-family: cambria, verdana;
letter-spacing : 4px;
text-align: center;
color: green;
}
.post {
padding-left: 20px;
float: left;
border-left : 3px solid green;
border-bottom : 1px solid green;
}
.user {
background : url('picturesgif/comment.gif') no-repeat;
padding-left: 28px;
color : blue;
font-size: 15px; 
font-family: cambria, verdana;
font-style : italic;
}
.message {
width: 500px;
font-size : 0.9em;
line-height: 1.5em; /* Espacement entre les lignes des messages */
}
.message em {
display : block;
color : #444;
font-style : normal;
font-size : 0.9em;
padding-top : 2px;
}
#comments {
padding-top : 1em;
}
.comment, .mycomment {
clear: both;
padding : 10px 0; /* espacement entre date et message */
margin-left: 290px; 
}
.mycomment {
background : #f7f7f2;
border : 1px solid #e7e7e2;
}
.postdate {
width: 98px;
float: left;
letter-spacing : 2px;
padding-top : 10px;
font-size: 14px; 
font-family: cambria, verdana;
color: green;
text-align: center;
}
#pied_de_page {
background-image : url("medias/piedepage.jpg");
height : 60px;
width : 1190px;
}