body html {
height: auto;
width: auto;
margin: 0px;
font-size: 16px;
color: black;
}
/* la diffrence des proprits de marge, les valeurs padding d'espacement ne peuvent pas tre ngatives
4 valeurs : haut, droite, bas, gauche ;
3 valeurs : le haut, les cts, le bas
2 valeurs : haut et bas puis droite et gauche ;
1 valeur : partout */
/* J'utilise float pour retirer les photos du flux normal et la placer gauche;
float permet au contenu qui suit de se placer le long de la bote en l'occurence ici du texte*/
img {
border: 3px solid black;
float:left;
}
.banderole {
border: none;
float:none;
}
/* J'ai un div avec un autre block dedans (img) */
#headers {
margin-top: 1%;
border: none;
text-align: center;
}
.element_barre a:hover
{
color: yellow;
}
.element_barre a {
font-size: 1em;
border: 1px solid black;
background-color: rgb(80%,65%,50%);
text-decoration: none;
}
#container {
background-color: #B5FF16;
margin:0; padding:0;
border: 3px solid black;
}
#colonne_gauche {
position: absolute; /* positionner par rapport la bote parente ici container*/
left: 3%;
width: 13%;
padding: 3px;
}
.rss {
font-size: 0.9em;
margin-left:-21%;
padding :8px;
width: 13%;
height: 40%;
}
.rss h4 {
color: #808040;
text-decoration: overline underline;
font-size: 19px;
}
.rss ul li {
font-size: 12pt;
}
.rss ul li ol li{
font-size: 10pt;
}
#corps {
margin: 0 16%;
padding: 10px;
background-color: #CCCCCC;
}
/*Quand on dfinit une classe comme ici, on ne peut pas lui appliquer une balise en plus comme critre;
.linux img {.....} pas correct !!!! */
.linux {
margin-left: 40%;
float: none;
}
#colonne_droite {
position: absolute;
right: 30px;
width: 20%;
padding: 5px;
}
.formulaire {
position: absolute;
left: 1%;
font-size: 14px;
}
#bas_de_page {
border: none;
margin-left:40%;
}