body{
background-color: #D0F1EF;
}

h1{
	 font-family:Cursive,Impact,serif;text-align:center; 
}
h2{
	font-family:courier,serif;text-align:center; 
}

.Rouge
{
color: Red;
}

.Jaune
{
color: yellow;
} -->
<!--h1:hover
	{
	color:silver;  /*le survol qui modifie la couleur ou autre chose peut se faire sur la balise H1 */
	}
h2:hover
	{
	color:red;   /* le survol qui modifie la couleur ou autre chose peut se faire sur la balise H2 */
	}

#un{
background-color: #7DA13F; 
font-size : 30px;
border-radius: 75px; /* pour arrondir les coins des boutons !*/
border: 8px solid #6495ED; /* épaisseur et couleur du trait externe des bouton div !*/	
height: 300px;  
width: 650px;  
margin: auto;
} -->

#deux{
background-color:grey;
font-size: 10px; 
border-radius: 50px; /* pour arrondir les coins des boutons !*/
border: 8px solid #6495ED; /* épaisseur et couleur du trait externe des bouton div !*/	

}

a:hover

 {
	 color:fuchsia; /* le survol qui modifie la couleur et la grandeur des caractères sur la balise a ou une autre h1,h2,h3 ......etc etc */
	font-size : 150%;
}

h3 {  font-family:courier,serif; color:black;text-align:center; }

div # {
background-color:#DF98ED;
font-size: 15px; 
border-radius: 10px; /* pour arrondir les coins des boutons !*/


}


div {
margin-top:30px;   /*pour que les blocks soient séparés par un espace par le bas */
border: 8px solid #F40031; /* épaisseur et couleur du trait externe des bouton div # ...n'est pas pris en compte dans div # à partir de 3 ????*/	
box-shadow: 12px 12px 0px yellow; /* pour mettre une ombre jaune dans chaque paragraphe*/
padding-left : 7%; /*retrait de 7% du texte dans le cadre conteneur à gauche*/
padding-right: 7%; /*retrait de 7% du texte dans le cadre conteneur à droite*/

}


#LoiDuflot, #République, #Riches, #Foot, #Charlie, #FN, #Raciste, #MoiElecteur, #Réfléchir, #Ecologie 


{
	background:#FAEC7F; /*modif*/
	color: green;
font-family: Comic Sans Ms, Verdana, Arial,  Serif;
     font-size: 18px;


}


.Ent {     /*  class pour entourer  Menu  d'une ellipse en bleu effet 3D avec largeur de  px */

	
    border: 5 px blue outset;
border-radius: 50px / 30px;
	color:red;
}
.imageflottante
{
	float: left;
}
.imgflo
{
	float: Right;
        }
.imgplage
{
	float: Right;
        
	clear:both; /* texte en dessous de l'image */
}
article,p
{ text-align: justify;  */texte en justifié pour les paragraphes ds article */
}
/*#deux
{ margin-right:50%; /* 50% réduire la largeur du menu à 50 % de l'écran */
/*
}
#deuxbis{
	{margin-right: 50% ;}*/
div {
height:auto;   
	width: auto;   
	margin: auto;  
    padding:auto;

    border: 2px solid  #6495ED;

}
#deux {   /* Pour que les deux cadres soient exactement juxtaposés et même si les articles */
/* ont une longueur différentes il faut reprendre les mêmes valeurs pr Width et height */
width: 600px;  
height: 500px;	
background-color:#EACFB8;}

#deuxbis{
	width: 450px;
	height:190 px;
margin-left: 150px;
text-align:	justify; 
font-family: Tahoma, Geneva, sans-serif; /* sans -serif pour la navigateurs qui n'auraient pas les deux premières polices */
background: grey;
overflow: scroll;  /*pour une barre de défilement si texte dépasse*/
}
#deuxtri{
	width: 450px;
	height:350px;
	margin-left:150px;
	margin-top:10px; /* pour espace entre deuxbis et deuxtri */
	text-align:	justify; 
	font-family: Tahoma, Geneva, sans-serif; /* sans -serif pour la navigateurs qui n'auraient pas les deux premières polices */
	background-color: #999087;
	overflow: scroll;  /*pour une barre de défilement si texte dépasse*/
}