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%;
}