body 
{
   background-image:url("image/font.png");
   margin: 0;
	font-family : 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	font-size : 0.8em;   

   
    background-repeat: no-repeat;
	color: black;
	background-position : 0px 550px;
	   background-color: #f6f5fb;
   
   
}
#haut
{
	background-color:#dfe9f3;
	width: 100%;
	border: 0 ;
	text-align: center;
	

}
#afficher_image
{
position: absolute;
right: 40%;
top: 44%;

}
.coin_hd
{
	background: url('image/slach.gif') right top no-repeat;
        padding-right: 11px; /* Remplacez par votre valeur à vous */
		
			
	
	}
	
	

	
.menuhaut_gauche
{
position: absolute;
left: 17%;
height: 33px;
width: 17px;
background-image: url("image/haut_debut.png");

 display : inline;

}
.menuhaut_droite
{
position: absolute;
right: 19%;
height: 33px;
width: 17px;
background-image: url("image/haut_fin.png");

display : inline;
}


ul#onglets
{ 
	margin-bottom: 0;
	margin-left: 18%;
	margin-right: 20%;
	margin-top : 0;
	
	padding : 0;
	
	height: 33px;
	
	list-style-type : none;  
	
    font : bold 13px Batang, arial, serif;
   background-image: url("image/haut_milieu.png");
   
	list-style-type : none;
	
	text-align: center;
		
}

ul#onglets li
{
padding-top: 2px;
   display : inline; 
}


#onglets a
{
	padding-top: 2px;
    color : #666;
    text-decoration : none;
    padding : 4px;

}
#onglets a:hover
{
    color: green;
}

#menuhaut
{       
        padding-bottom : 25px;

	}
	




	
	
.menugauche
{
	
	
float : left;
width: 14%;
margin-left : 5px;
margin-right : 5px;
margin-bottom: 5px;

margin-top:5px;



	
}
.ligne_menu
{
	margin-top: 5px;
	margin-bottom: 5px;

	background-image: url("image/ligne_menu.gif");
	width: 100%;
	height: 1px;
	}
.menua	
{
	color: #641c1c;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.1em;
	
	
}
.haut {
        height: 28px; /*Ici on indique que le haut fera 28px de longueur, vous pouvez changer cela si votre fenêtre a un design différent*/
		width : 100%;
		background-image: url("image/fond_menu.gif");
		background-repeat: no-repeat;
		background-color: #f6f5fb;
		
		font-weight: bold;
	font-size: 1.2em;
			margin: 0;
		
}
.menu_haut
{
	
	font-weight: bold;
	font-size: 1.2em;
	text-align:center;
	color: #e9eaea;
	padding-left: 23px; 
	font-family : 'Trebuchet MS', Arial, 'Times new roman', Times, serif;
	border-right: 2px solid #804554; 
	
margin: 0;

}



.elementmenu1ul
{
margin: 0;

	list-style-image: url("image/baremenu.jpg");





	
	}
	
.elementmenu1ul2

{

	
	padding-top: 8px;
	list-style-image: url("image/baremenu.jpg");


	}
	


.elementmenu1
{
background-color: #c19199;

	border-left : 2px solid #840101; 
	border-right : 2px solid #840101; 
	border-bottom : 2px solid #840101; 
	
	margin: 0;
	-moz-opacity: 0.60;

opacity: 0.60;

filter:alpha(opacity=60);

}



.elementmenu2,.elementmenu3
{

border : 2px solid #7abffb; 
}
.haut3 {
        height: 28px; /*Ici on indique que le haut fera 28px de longueur, vous pouvez changer cela si votre fenêtre a un design différent*/
		width : 100%;
		background-image: url("image/fond_menu3.gif");
		background-repeat: no-repeat;
		background-color: #f6f5fb;
		
		font-weight: bold;
	font-size: 1.2em;
			margin: 0;
		
}
.menu_haut3
{
	
	
	text-align:center;
	color: #e9eaea;
	font-family : 'Trebuchet MS', Arial, 'Times new roman', Times, serif;
	border-right: 2px solid #095677; 
	
margin: 0;

}
.menua3	
{
	color: #055458;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
	
	
}
.elementmenu3
{

background-color: #6dacd7;
	border-left : 2px solid #588670; 
	border-right : 2px solid #588670; 
	border-bottom : 2px solid #588670; 
	
	margin: 0;
	-moz-opacity: 0.60;

opacity: 0.60;

filter:alpha(opacity=60);
}
.haut2 {
        height: 28px; /*Ici on indique que le haut fera 28px de longueur, vous pouvez changer cela si votre fenêtre a un design différent*/
		width : 100%;
		background-image: url("image/fond_menu2.gif");
		
		background-repeat: no-repeat;
		background-color: #f6f5fb;
		
		font-weight: bold;
	font-size: 1.2em;
			margin: 0;
		
}
.menu_haut2
{
	
	
	text-align:center;
	color: #e9eaea;
	font-family : 'Trebuchet MS', Arial, 'Times new roman', Times, serif;
	border-right: 2px solid #3a6857; 
	
margin: 0;

}
.menua2	
{
	color: #055458;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
	
	
}
.elementmenu4
{
background-color: #6ba49f;

	border-left : 2px solid #588670; 
	border-right : 2px solid #588670; 
	border-bottom : 2px solid #588670; 
	
	
	margin: 0;
	-moz-opacity: 0.60;

opacity: 0.60;

filter:alpha(opacity=60);
}


.elementmenu4 label 
{
color: #003e2f;
font-weight: bold;
}
.acc2:hover, .acc2:active, .acc2:focus
{
	background-color: #db7332;
	
	}
.actu2:hover, .actu2:focus, .actu2:active
{
	background-color: #edd903;
	}
.tru2:hover, .tru2:focus, .tru2:active
{
	background-color: #50beee;
	}
.act2:hover, .act2:focus, .act2:active
{
	background-color:#62cb41;
	}
.esp2:hover, .esp2:focus, .esp2:active
{
	background-color: #680a5b;
	}
.plansite_c
{
border: 5px inset #186ba7;
	border-style: outset;

}
.tchat
{
border: 5px inset #680a5b;
	border-style: outset;

}
.acc
{
	border: 5px inset #ff733b;
	border-style: outset;
	
	}
.actu
{
	border: 5px inset #edd903;
	border-style: outset;
	}
.tru
{
	border: 5px inset #50beee;
	border-style: outset;
	}
.art
{
	border: 5px inset #62cb41;
	border-style: outset;
	}
.esp
{
	border: 5px inset #680a5b;
	border-style: outset;
	}
 #corps
{
	width : 82%;
	max-width : 82%; 
	
	padding-bottom : 25px;
	padding : 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */

	
	
	
	overflow : hidden;
	
	float : right;
	
	margin-right : 5px;
	
	margin-top:0;
	
	
	
	background-color: #e8f0f4;
	color: #B3B3B3;
	z-index : 50;
	
	

}
.h_d
{
	float: right;
	width: 110px;
	height: 110px;
	background-image: url("image/corps_hd.png");
	}
	
	
#corps_bienvenue	
{
margin: 2%;
margin-right: 40%;

padding: 2%;

border: 2px solid #cacaca;
		background-color: #f0f0f0;
		
		

}

.corps_menu {
        /*On place notre fenêtre en position absolute car celle-ci pourra être bougée*/
		
		margin-top: 1.5%;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 0;
		font-size: 1.2em;
		 width: 25%; 
       
		
		padding: 3%;
		
		border: 2px solid #cacaca;
		background-color: #f0f0f0;
		
		-moz-opacity: 0.60;

opacity: 0.60;

filter:alpha(opacity=60);
}



.corps_menu_hautg {
        width: 30px; /*On indique la largeur du coin haut gauche*/
        height: 100%; /*On lui indique de prendre toute la longueur possible.*/
        background-image: url(image/corps_menu_hautg.png);
		
        float: left; /*On le positionne à gauche*/
}
.corps_menu_hautd { /*On fait de même avec le coin haut droit*/
        width: 30px;
        height: 100%;
        background-image: url(image/corps_menu_hautd.png);
        float: right;
}
.corps_menu_hautc {
        height:100%;
	
        margin-left: 30px; /*On fait cela pour que le centre ne se retrouve pas sous les coins*/
        margin-right: 30px;
		
        background-image: url(image/corps_menu_hautc.png);
		
}
.corps_menu_hautc p
{
	color: #e9eaea;
	
	text-align: center;
	font-weight: bold;
	}
	#der_news {

width: 20%;
height: 100px;
margin-top:0;
margin-bottom: 5%;
margin-left: 7%;
background-color: #69bfca;
border-right: 2px solid #c32f30;
border-left: 2px solid #c32f30;
border-bottom:2px solid #c32f30;

padding-top: 5px;

}
.der_news_p {

font-size: 0.9em;
color: #244e32;
}

#corps_menu2 {
        /*On place notre fenêtre en position absolute car celle-ci pourra être bougée*/
		
		float: right;
		
		margin-top: 0%;
		margin-right: 5%;
		margin-bottom: 0;
		
		font-size: 1.2em;
		
        width: 25%; 
        
		
		padding: 3%;
		
		border: 2px solid #cacaca;
		background-color: #f0f0f0;
		
		-moz-opacity: 0.60;

opacity: 0.60;

filter:alpha(opacity=60);
}



.corps_menu_hautg2 {
        width: 30px; /*On indique la largeur du coin haut gauche*/
        height: 100%; /*On lui indique de prendre toute la longueur possible.*/
        background-image: url(image/corps_menu_hautg2.png);
		
        float: left; /*On le positionne à gauche*/
}
.corps_menu_hautd2 { /*On fait de même avec le coin haut droit*/
        width: 30px;
        height: 100%;
        background-image: url(image/corps_menu_hautd2.png);
        float: right;
}
.corps_menu_hautc2 {
        height:100%;
	
        margin-left: 30px; /*On fait cela pour que le centre ne se retrouve pas sous les coins*/
        margin-right: 30px;
		
        background-image: url(image/corps_menu_hautc2.png);
		
}
.corps_menu_hautc2 p
{
	color: #e9eaea;
	
	text-align: center;
	font-weight: bold;
	
}
.corps_accueil
{
width: 150px;
height: 137px;

float: right;
right: 20%;
top: 8%;


background-image: url("image/corps_accueil.png");

}

#dl_plusdl
{
	width: 50%;
	
	margin-left:0;
	
		
	border-right: 2px dotted  #9d9d9f;
	border-bottom: 2px dotted  #9d9d9f;
	
	
}
.dl_h2
{
	margin-left: 10%;
	margin-top: 0 ;
	
}
#dl_plusrec
{
	width: 50%;
	
	
	
	margin-right: 0;
	float: right;
	
	border-bottom: 2px dotted  #9d9d9f;
	}
	
.dl_nom_dl
{
	margin-left: 2%;
	width: 75%;
	

}
.dl_para
{
	border: 2px dashed #c1c3be;
	background-color: #eff1f3;
margin-left: 2%;
	width: 75%;


}
.dl_info_nom
{
	font-weight: bold;
	color: #949f81;
	
}
.dl_titre
{
	font-size: 1.2em;
	font-weight: bold;
	
	color:#4d7935;


}



#dl_internet
{
	float: left;
	width: 50%;
	padding: 2%;

}

#dl_utilitaire
{
float: left;
width: 50%;
padding: 2%;
}

#dl_bureautique
{
float: left;
width: 50%;
padding: 2%;
}

#dl_secu
{
float: left;
width: 50%;
padding: 2%;
}
#dl_tutovideo
{
	float: right;
width: 50%;
padding: 2%;
}

#der_video
{
float: right;

margin-top:0;

margin-right: 0;

padding: 1%;
font-size: 1.2em;

border: 2px solid #cacaca;
background-color: #f0f0f0;
-moz-opacity: 0.60;

opacity: 0.60;

filter:alpha(opacity=60);

}

#der_tuto
{
float: right;

width: 80%;
height: 100px;
margin-top:0;
margin-bottom: 5%;
margin-right: 9%;

padding-top: 5px;


background-color: #957ccc;

border-right: 2px solid #c32f30;
border-left: 2px solid #c32f30;
border-bottom:2px solid #c32f30;


	}
	.news, #chat
{

	color: black;
	border: 3px solid #d9dec1;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
	padding:2%;
	background-color: #ffffff;
	
	
	margin-top:0;
	background-image:url("image/news.png");
	background-position: 95% 80px;
	background-repeat: no-repeat;
	font-size: 1.15em;
	
	
}
.intro_news
{
	font-size: 0.9em;
	color: #294b8f;
	font-style: italic;
	
	}
#bandedroitecorps
{
	float: right;
	
	}
	

p
{
	color: black;
	font-size: 110%
}
h1
{
	font-size: 140%;
	text-align: center;
	font-size: bold;
	color: black;
	
	}
#bienvenue, h3 , h2, .h3 
{
	text-align: center;
	font-family: Arial,"Times New Roman",sans-serif;
	color:#000066; 
	
	text-decoration: none;
	font: bold 25px/25px verdana, sans-serif;
}

h3
{
	font-size: 145%;
	content: attr(title);
}
#bienvenue, h2
{
	font-size: 180%;
	
}
h4
{
	font-size: 165%;
	color: #3f526f;
	font-weight: bolder;
	text-align: center;
	
	
}
.h4news
{
	font-size: 1.55em;
	color: #e9eaea;
	font-weight:bold;
	background-image: url("image/fond_news.png");
	background-repeat: no-repeat;
	margin-left: 7%;
	margin-right: 35%;
	margin-bottom: 0;
	height: 33px;
	padding-left: 30px;
	
	
	
	
	}
h5
{
	text-align:center;
	font-size: 125%;
	color: black;
	font-style: italic;
}
.titre 
{
			text-align: center;
			font-family : Eurostile, Consolas, Cambria, 'Arial Rounded MT Bold', 'Times New Roman', serif;
			font-size: 2.4em;
			color: #376791;
			
			
			
			}
.titre2
{

	color: #8098ae;
	font-weight: bold;
	font-size: 1.4em;
	margin-left: 10%;
	}
.titre3
{
	text-align:center;
	font-size: 125%;
	color: #486b88;
	font-style: italic;
}
.titre4
{
	margin-left: 5%;
	color: #8098ae;
	font-weight: bold;
	font-size: 1.4em;
	margin-left: 3%;
	text-decoration: none;
	}
.info
 {
	font-style: italic;
	color: green;
}
.important
{
	color: red;
	font-style: italic;
}
.attention
{
	color: #eaa518;
	font-style: italic;
}
.center
{
	text-align: center;
}

.italic
{
	font-style: italic;
	color:black;
}
.souligner
{
	text-decoration: underline;
}	
.positionvideo
{
	
	float: right;
	right: 1%;
	top: 5%;
	text-align: center;
	font-family: Arial,"Times New Roman",sans-serif;
	font-size: large;
	color:#384e6e;
	background-color: #fbfcfe;
	border: 1px groove #034b78;
	border-style: inset;
	
	z-index:20;
}

	
	
	
.bleu
{
	color: blue;
}
#float
{
	float: left;
}

#none
{
	text-decoration: none;
}
#petit
{
	font-size: 0.7em;
}

.article
{

	color: black;
	border: 1px groove #034b78;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 5%;
	padding:2%;
	background-color: #ffffff;
	border-style: inset;
	background-image:url("image/fond_tuto.png");
	background-repeat: no-repeat;
	font-size: 1.15em;



}
#lexique
{
	float: right;
	background-color: #cbdbf5;
	border: 2px dashed #9daeab;
	padding: 3px;
	width : 15%;
	font-size:0.8em;
	
	
	}
.lexique_haut
{
	list-style-type: none;

	border-top: 2px groove #9daeab;
	border-bottom: 2px groove #9daeab;
	
	background-color: #e8f0f4;
	text-align: center;
	font-size: 110%;
	margin-top: 3px;
	color: #264c7a;
	height: 25px;
	
	}	
.lexique_texte
{
		font-size : 0.8em;
		font-style: italic;
		}
.lexique_mot
{
	font-size: 0.9em;
	font-weight: bold;
		
		
		}
.mot_lexique
{
		color: #f36667;
		background-color: #f3ff6e;
		text-decoration: none;
		
		}
.mot_lexique:hover
{
	font-weight: bold;
	text-decoration: underline;
	}
.mot_lexique:active
{   font-weight: bold;		}
.mot_lexique:focus
{	font-weight: bold;		}

	.imageintro
{
	float: left;
	
	margin-left : 5px;
	margin-right : 15px;
	margin-top:5px;
	border: 1px groove #034b78;
	padding: 3px;
	 
}
.para:first-letter /* Je veux que la première lettre de mes paragraphes... */
{
   float: left; /* Flotte à gauche */
   font-size: 1.25em; /* Fasse une hauteur de 3 lignes */
   font-family: Arial, Georgia, "Times New Roman", Times, serif; /* Soit mise en Arial si possible*/
   font-weight: bold; /* Soit écrite en gras (c'est plus voyant) */
   margin-right: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
   color: red;
}
.para
{
	font-size: 1.1em;
	}

.introarticle
{
	
	border: 2px dashed #9daeab;
	padding: 2%;
	margin-left : 26%;
	margin-right : 20px;
	margin-top:5px;
	background-color:#f8faf8;
	
	}
a:hover /* Quand le visiteur pointe sur le lien */
{
   
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}
a:active /* Quand le visiteur clique sur le lien */
{
   background-color: #FFCC66;
}
a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color:#FFCC66;
}
.a
{
		text-decoration: none;
		color: #7b96ff;
}
.a:hover
{
	text-decoration: underline;
	color: #7b96ff;
	
}

#questiondujour
{
	font-size: 1.14em;
	color: black;
	font-style: italic;
font-family: Arial,"Times New Roman",sans-serif;

}
#pied_de_page
{
	float : right;
	width : 83%;
	max-width : 83%;
	
	 padding: 5px;
	 margin-top : 8px;
	margin-bottom: 10px;
	bottom: 10px;
	
   text-align: center;
   background-color: #dbe7f4;
   color: #404143;

   
   font-style: italic;
     clear : both;

	
	border: 2px inset #0588da;
	border-style: outset;
}
#elephant
{
	width: 80px;
	height: 49px;
	}
	
	



form
{

    text-align:center;
}
.date
{
	margin-left: 4px;
	margin-top: 3px;
	font-style: italic;
	font-family: "Kristen ITC","Papyrus","Arial Rounded MT Bold","Arno Pro",sans-serif;	
	color: black;
}
#version
{
	position:absolute;
	top: 240px;
	right:4px;
	background-color: #d7d7d7;
	color: red;
	font-style: italic;
	font-family: "Kristen ITC","Papyrus","Arial Rounded MT Bold","Arno Pro",serif;
	width: 4%;
	text-align:center;
	}	
.sitation
{
	border: 1px dashed #a3c0d5;
	font-style: italic;
	background-color: #ffffff;
	color: #0000a0;
	padding: 15px;
	font-size: 1.04em;
}
.citation
{
	border: 1px dashed #a3c0d5;
	font-style: italic;
	background-color: #f8faf8;
	color: #0000a0;
	padding: 15px;
	font-size: 1.04em;
	}
	
img
{
		border: none;
	}
.actualiser
{
	color: #000000;
	font-style: italic;
	text-decoration: none;
	background-position: left; 
	}
	

.questiondujour
{
	
border: 1px groove #034b78;
	margin-left: 20%;
	margin-right: 20%;
	margin-bottom: 10%;
	padding:2%;
	background-color: #ffffff;
	background-image:url("image/tchat.png");
	background-repeat: no-repeat;
}
.qjb
{
		
		left: 10%;
		text-decoration: none;
		color: #8692b0;
		text-align: center;
		font-style: italic;
		font-family : Tahoma, Verdana, 'Times New Roman', Times, serif;
			font-size: 1.0em;
	}
#padding5
{
		padding-left: 20px;
		}
.intro
{
		font-style: italic;
		color:#48535d;
		font-family : Tahoma, Verdana, 'Times New Roman', Times, serif;
		font-size: 1.08em;
		
	}
#actu
{
		
		float: right;
	
	
	}
#actuarticle
{
		float: right;
}		
.qjbright
{
		
		text-decoration: none;
		color: #8692b0;
		text-align: center;
		font-style: italic;
		font-family : Tahoma, Verdana, 'Times New Roman', Times, serif;
		font-size: 90%;
	}			
.black
{
				color: #000000;
				}
.floatright
{
				
		float: right;
}
.floatleft
{
				
		float: left;
		margin-right: 1%;
}
.inline
{
		display: inline;
				
				
				}
.menuactu
{
		position: absolute;
		right: 1%;
		}
		
.menuactu2
{
		position: absolute;
		right: 30%;
		}
		
	.menuactu3
{
		position: absolute;
		right: 10%;
		}	
#newsletter
{
		border-top: 1px groove #034b78;
		border-bottom: 1px groove #034b78;
		background-color: #bfd2ea;
		font-style: italic;
		
		
		
		}
.titre_message_erreur
{
margin : 0;

position: absolute;
		top: 20%;
		left: 30%;
font-size: 1.25em;
font-weight: bold;
color : #ffffff;
background-color: #e3887e;
background-image: url("image/erreur.png");
background-position: left;
background-repeat: no-repeat;
text-align: center;
	width: 20%;
	height: 5%;
	border-top: 2px groove #034b78;
border-right: 2px groove #034b78;
border-left: 2px groove #034b78;

}
.titre_message_ok
{
margin : 0;

position: absolute;
		top: 20%;
		left: 30%;
font-size: 1.25em;
font-weight: bold;
color : #ffffff;
background-color: #c6e5cb;
background-image: url("image/info.png");
background-position: left;
background-repeat: no-repeat;
text-align: center;
	width: 20%;
	height: 5%;
	border-top: 2px groove #034b78;
border-right: 2px groove #034b78;
border-left: 2px groove #034b78;

}
.messagevert

{		
		padding: 5%;
		position: absolute;
		top: 25%;
		left: 30%;
		border: 2px groove #034b78;
		background-color: #a7dbac;
		font-style: italic;
		-moz-opacity: 0.60;

opacity: 0.60;

filter:alpha(opacity=60);
			
		}
.messagerouge
{
		
		padding: 5%;
			position: absolute;
		top: 25%;
		left: 30%;
		right: 30%;
		text-align: center;
		border: 2px groove #034b78;
		background-color: #d7757a;
		font-style: italic;
		-moz-opacity: 0.60;

opacity: 0.60;

filter:alpha(opacity=60);
		}

.discret
{
	text-align: center;
	font-style: italic;
	font-family : Tahoma, Verdana, 'Times New Roman', Times, serif;
	color:#98c1c1;

}	

#listearticle
{
			border: 2px groove #9daeab;
			color: black;
			margin-left: 10%;
			margin-right: 10%;
			margin-bottom: 20%;
			
			
			
			
			}
#listearticle caption	
{
			border-top: 2px groove #9daeab;
			border-right: 2px groove #9daeab;
			border-left: 2px groove #9daeab;
			
			background-color: #c1d4ea;
			
			font-size: 1.3em;
			margin-left: 10%;
			margin-right: 10%;
			color: #3b5f7a;
			font-weight: bolder;
			padding: 2%;
		
			}

#listearticle tr td
{
			border-top: 2px groove #e3e3e5;
			border-right:2px groove #e3e3e5;
			background-color: #fafafa;
			
			
			
			padding: 3%;
			
			}
			
.cattableau
{
				color: #4c729b;
			font-family: 'Arial Rounded MT Bold', Arial, 'Times New Roman', serif;
			font-size: 1.2em;
			font-weight: lighter;
			text-decoration: none;
			
			
			}
						
.destableau
{
			
			color: #4c729b;
			font-family: 'Times New Roman', serif;
			font-size: 1.2em;
			font-weight: lighter;
			text-decoration: none;
			}
			
#listearticle tr td a:active /* Quand le visiteur clique sur le lien */
{
   background-color: #FFCC66;
}
#listearticle tr td a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color:#FFCC66;
}			
#listearticle tr td a:hover /* Quand le visiteur pointe sur le lien */
{
   
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}			

#listearticlecat
{
			border: 2px groove #9daeab;
			color: black;
			margin-top: 0;
			margin-left: 3%;
			margin-right: 3%;
			margin-bottom: 20%;
			width: 96%;
			
			
			
			
			}
#listearticlecat caption	
{
			border-top: 2px groove #9daeab;
			border-right: 2px groove #9daeab;
			border-left: 2px groove #9daeab;
			
			background-color: #c1d4ea;
			
			font-size: 1.8em;
			
			color: #3b5f7a;
			font-weight: bolder;
			padding: 2%;
			width: 96%;
		
			}

#listearticlecat tr td
{
			border-top: 2px groove #e3e3e5;
			border-right:2px groove #e3e3e5;
			background-color: #fafafa;
			
			
			
			padding: 0.7%;
			
			}
#listearticlecat tr th
{
			text-align:center;
			
			
			
			
			
			}			
			
			
			
.cattableau2
{
			color: #4c729b;
			font-family: 'Times New Roman', serif;
			font-weight: lighter;
			text-decoration: none;
			text-align : center;
			font-size: 1.1em
			
			
			}
					
				
#listearticlecat tr td a:active /* Quand le visiteur clique sur le lien */
{
   background-color: #FFCC66;
}
#listearticlecat tr td a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color:#FFCC66;
}			
#listearticlecat tr td a:hover /* Quand le visiteur pointe sur le lien */
{
   
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}			

label {
display:block;
width:150px;
float:left;
color: #000000;
}

fieldset
{
		color: #4c729b;
		font-style: italic;
		
		
		}
.a
{
		text-decoration: none;
		color: #455d81;
		
		
		
		}
	
#listearticle2
{
			border: 2px groove #9daeab;
			color: black;
			margin-left: 5%;
			margin-right: 5%;
			margin-bottom: 20%;
			width: 90%;
			
			
			
			
			}		
#listearticle2 tr th
{
			border-top: 2px groove #e3e3e5;
			border-right:2px groove #e3e3e5;
			background-color: #bfd2ea;
			color: black;
			
			
			
			padding: 3%;
			
			}

#listearticle2 tr td
{
			border-top: 2px groove #e3e3e5;
			border-right:2px groove #e3e3e5;
			background-color: #fafafa;
			
			
			padding-left:2%;
			padding-right:2%;	
			padding-top: 3%;
			padding-bottom: 3%;
				
			
			}			
	
.plandusite a
{
	color: #bababa;
	text-decoration: none;
	
	}
.plandusite a:hover
{
	font-size: bold;
	color : green;
	}
.plandusite a:focus
	{
	font-size: bold;
	color : green;
	
	}
.plandusite a:active
	{
	font-size: bold;
	color : green;
	}
	
	
.marge3
{
	margin-left: 7%;
	
	}
.marge31
{

	margin-left: 5%;
	color: #000066;
	font-weight: bold;
	font-size: 1.4em;
	margin-left: 7%;
}	
.bordure0
{
		border: 0 ;
		}
.mp_titre { width:65%; }
.mp_expediteur { width:10%; }
.mp_time { width:20%; }		

.rouge { color: red; }	
.bleu { color: blue;}
.jaune{ color: yellow;}
.vert { color: green; }
.orrange { color: #ec861f; } 	
.gris { color: grey; }