/********************************************/
/************** Style général****************/
/********************************************/


body {
	font: normal 14px "Trebuchet MS", tahoma, verdana, sans-serif;
	/*background: url(../images/fond_ciel.jpg) repeat-x ;*/
	background-color : #85CEF8;
}

.corpsdusite {
  width : 900px;
  margin-left : auto; 
  margin-right : auto;
 }

/************************************************************/
/************** Centrage ************/
/************************************************************/
.centrage {
  text-align : center;
}
/************************************************************/
/************** écriture Arabe ************/
/************************************************************/

.arabic { font-family: arial;  font-size: 14pt; direction:rtl; text-align: justify; }

/************************************************************/
/************** Styles du cotenu et mise en page ************/
/************************************************************/
.conthome {		
	padding : 0 ;
	width: 750px;
	margin-top : auto;
	margin-right : auto;
	margin-left: 150px;			
}

.contenu {		
  padding : 0 ;
	width: 750px;
	margin-top : auto;
	margin-left: 140px;			
	border: 1px solid #198DCF;	
	background-color : #FDFDDD;
}

.conthome {				
	float: left;
	padding : 0 ;
	width: 750px;
	margin-top : auto;
	margin-right : auto;
	margin-left: 20px;		
}

.contenu p { 
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	text-indent: 10px;
	line-height: 200%;		/*interligne*/
	text-align: justify;
}

.contenu h2 { 
	padding-left: 50px;		/*espacement à gauche suffisant pour l'image*/
	padding-right : 20px; /*pour que l'ecriture arabe s'éloigne un peu de la bordure de droite*/
	line-height: 250%;		/*hauteur de la ligne assez grande pour afficher l'image*/
	font-size: 24px;
	color: #000066;			
	text-align: justify;
} 

.contenu h3 {
	margin-left: 15px;
	margin-bottom: 10px;
	padding-left: 5px;
	margin-right: 0;
	font-size: 20px;
	color:#000066;
	text-align: justify;
}

.contenu h4 {
	margin-left: 25px;
	margin-bottom: 25px;	/*pour espacer verticalement entre les images icônes*/
	padding-left: 20px;
	margin-right: 10px;
	font-size: 14px;
	text-align: justify;
	font-weight : bold;
	color:#000066;
	text-align: justify;
}

.contenu h5 {
  margin-right: 10px;
  font-size : 70%;
  text-align : right;
  text-align: justify;
}

hr{
width: 500px;
height: 5px;
border: 5px red ridge;
}



.coran{		/* la classe pour affichier l'image du coran à côté de son titre*/
	background: url(../images/titre_coran.png) no-repeat left center;
}
.hadith {
	background: url(../images/titre_hadith.png) no-repeat left center;
}
.activites {
	background: url(../images/titre_activites.png) no-repeat left center;
}
.islam {
	background: url(../images/titre_islam.png) no-repeat left center;
}

.amis {
	background: url(../images/titre_amis.png) no-repeat left center;
}

.arabe {
	background: url(../images/titre_arabe.png) no-repeat left center;
}

.calligraphie {
	background: url(../images/titre_calligraphie.png) no-repeat left center;
}

/************************************************************/
/************** Tableaux ************/
/************************************************************/
table, td {
	border-collapse : collapse;
	background : #F6F6F5;
	border : 1px solid #000066;
}

/************************************************************/
/************** liste à puces ************/
/************************************************************/

ul {
line-height : 200%;
}


ol {
line-height : 200%;
}

li {
text-align: justify;
margin-right: 10px;

}

/************************************************************/
/************** mises en formes et couleurs ************/
/************************************************************/

.grasbleu {
	font-weight : bold;
	color : #3157A6;
}

.gras {
	font-weight : bold;
}

.grasrouge {
	font-weight : bold;
	color : #B9140C;
}
.rouge {
	color : #B9140C;
}

.message {
	font-weight : bold;
	text-align: center;
}

.rose {
  color : #cc66cc;
}

.rosegras {
  font-weight : bold;
  color : #cc66cc;
}

.rosegrand {
  color : #cc66cc;
  font-weight : bold;
  font-size : 150%;
}
.violet {
  color : #9933cc;
}

.violetgras {
  color : #9933cc;
  font-weight : bold;
}

.violetgrand {
  color : #9933cc;
  font-weight : bold;
  font-size : 150%;
}

.vert {
  color : #009933;
}

.vertgras {
  color : #009933;
  font-weight : bold;
}

.vertgrand {
  color : #009933;
  font-weight : bold;
  font-size : 150%;
}


div.centrer {
	text-align : center;
	padding-bottom: 15px;
}
.puce_text {
list-style-type: disc;
padding-left: 10px;
font: normal 85% "Trebuchet MS", tahoma, verdana, sans-serif;
text-align: justify;
}
.histoire {
	color: #333399;
}

.exercice{
color: #330000;
}
/*aligner les images à gauche d'un texte*/
.contimage {
	width : 85%;
	height : 150px;
	margin : 0 5% 0 2%;
	padding : 0;
}

.image {
	float : left;
	margin-left : 2%;
	margin-right : 2%;
}

.imagedroite {
	float : right;
	margin-left : 2%;
	margin-right : 2%;
}

/************************************************************/
/************** liens ************/
/************************************************************/
a { text-decoration: none; }

a:link { color: #0000CC; }   				

a:visited { color: #0000CC; } 			

a:hover { color: #ff6600; } 

/*******************************************/
/*********** Style tableaux coran***********/
/*******************************************/
.bloc_gche {
    float : left;
    background : #FEFBCF;
    border : 1px solid #F5EF4C;
    width : 340px;
    margin-left : 10px;
}

.bloc_dte {
    background : #EFF6FE;
    border : 1px solid #6AA3E4;    
    width : 340 px;
    margin-left : 360px;
    margin-right : auto;
}

/*******************************************/
/*********** Style fiches douaas***********/
/*******************************************/
.doua_ar {
    font: normal 24px "Trebuchet MS", tahoma, verdana, sans-serif ;
    background : #FFCCCC;
    border-style : ridge ;
    border-color : #990000 ;
    width : 540px;
    margin-left : 100px;
}

.doua_fr {
    font: normal 20px "Trebuchet MS", tahoma, verdana, sans-serif;
    color : #003300;
    background : #FEFBCF;
    border-style : ridge ;
    border-color : #F5EF4C ;
    width : 540px;
    margin-left : 100px;
}

/************************************************************/
/************** Styles des icones ************/
/************************************************************/
a.pdf {
    text-decoration: none;
    background: url(../images/icone_pdf.png) left center no-repeat;
    padding-left: 40px;
}

a.xls {
    text-decoration: none;
    background: url(../images/icone_xls.png) left center no-repeat;
    padding-left: 40px;
}

a:hover.pdf {
    text-decoration: none;
}

a.mp3 {
    text-decoration: none;
    background: url(../images/icone_mp3.png) left center no-repeat;
    padding-left: 40px;
}
a:hover.mp3 {
    text-decoration: none;
}

a.print {
    text-decoration: none;
    background: url(../images/print.gif) left center no-repeat;
    padding-left: 40px;
}
a:print.mp3 {
    text-decoration: none;
}


/*syles icones langue arabe*/
a.ankabout {
    text-decoration: none;
    background: url(../images/icone_ankabout.png) left top no-repeat;/*L44 H41px*/
    padding-left: 50px;		/*texte éloigné de l'image*/
    padding-top: 20px;		/*espacement haut pour placer l'image vers le haut*/
    padding-bottom : 20px;
    line-height : 250%;
}

a.ghazel {
    text-decoration: none;
    background: url(../images/icone_ghazel.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.mots_chiffres {
    text-decoration: none;
    background: url(../images/icone_chiffres_mots.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.mouharrij {
    text-decoration: none;
    background: url(../images/icone_mouharrij.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}
a.lettres_arabes {
    text-decoration: none;
    background: url(../images/icone_lettres_arabes.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}
a.ekoulou {
    text-decoration: none;
    background: url(../images/icone_ekoulou.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}
a.petits {
    text-decoration: none;
    background: url(../images/icone_tout-petits.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.livret_vacances {
    text-decoration: none;
    background: url(../images/icone_livret_vacances.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.chanson_animaux {
    text-decoration: none;
    background: url(../images/icone_chanson_animaux.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.chiffres {
    text-decoration: none;
    background: url(../images/icone_lecon01.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.famille {
    text-decoration: none;
    background: url(../images/icone_lecon02.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.animaux {
    text-decoration: none;
    background: url(../images/icone_lecon03.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.fruits_legumes {
    text-decoration: none;
    background: url(../images/icone_lecon09.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec01_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec01_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec02_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec02_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec03_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec03_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec04_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec04_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec05_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec05_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec06_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec06_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec07_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec07_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec08_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec08_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec09_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec09_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec10_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec10_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec11_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec11_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec12_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec12_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec13_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec13_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec14_niv2 {
    text-decoration: none;
    background: url(../images/icone_lec14_niv2.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec01_niv3 {
    text-decoration: none;
    background: url(../images/icone_lec01_niv3.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec02_niv3 {
    text-decoration: none;
    background: url(../images/icone_lec02_niv3.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec03_niv3 {
    text-decoration: none;
    background: url(../images/icone_lec03_niv3.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec04_niv3 {
    text-decoration: none;
    background: url(../images/icone_lec04_niv3.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec05_niv3 {
    text-decoration: none;
    background: url(../images/icone_lec05_niv3.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec06_niv3 {
    text-decoration: none;
    background: url(../images/icone_lec06_niv3.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec07_niv3 {
    text-decoration: none;
    background: url(../images/icone_lec07_niv3.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec08_niv3 {
    text-decoration: none;
    background: url(../images/icone_lec08_niv3.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}

a.lec09_niv3 {
    text-decoration: none;
    background: url(../images/icone_lec09_niv3.png) left top no-repeat; 
    padding-left: 50px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 250%;
}



a.ecrire_alphabet {
    text-decoration: none;
    background: url(../images/icone_ecrire_alphabet.jpg) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.imagier_alphabet {
    text-decoration: none;
    background: url(../images/icone_imagier_alphabet.jpg) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.lecture {
    text-decoration: none;
    background: url(../images/icone_lecture.jpg) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.classe {
    text-decoration: none;
    background: url(../images/icone_classe.jpg) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.imagier_animaux1 {
    text-decoration: none;
    background: url(../images/icone_imagier_animaux1.jpg) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

/* styles icones histoires */

a.hist_berger {
    text-decoration: none;
    background: url(../images/histoire_petit_berger.jpg) left top no-repeat; 
    padding-left: 60px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 300%;
}

a.hist_nouh {
    text-decoration: none;
    background: url(../images/histoire_nouh.jpg) left top no-repeat; 
    padding-left: 60px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 300%;
}

a.hist_maoulid {
    text-decoration: none;
    background: url(../images/histoire_maoulid.jpg) left top no-repeat; 
    padding-left: 60px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 300%;
}

a.hist_ramadan {
    text-decoration: none;
    background: url(../images/histoire_ramadan.jpg) left top no-repeat; 
    padding-left: 60px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 300%;
}

a.hist_aidaladha {
    text-decoration: none;
    background: url(../images/histoire_aidaladha.jpg) left top no-repeat; 
    padding-left: 60px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 300%;
}

a.hist_vie_prophete{
    text-decoration: none;
    background: url(../images/histoire_vie_prophete.jpg) left top no-repeat; 
    padding-left: 60px;		
    padding-top: 20px;		
    padding-bottom : 20px;
    line-height : 300%;
}

/*styles des icônes activités*/
a.pate_sel {
    text-decoration: none;
    background: url(../images/icone_pate_sel.png) left center no-repeat; /*Taille des icônes 45 45 px*/
    padding-left: 50px;		/*texte éloigné de l'image*/
    padding-top: 22px;		/*espacement haut pour placer l'image vers le haut*/
}
a.araignee {
    text-decoration: none;
    background: url(../images/icone_araignee.png) left center no-repeat;
    padding-left: 50px;		/*texte éloigné de l'image*/
    padding-top: 22px;		/*espacement haut pour placer l'image vers le haut*/
}
a.pochoirs {
    text-decoration: none;
    background: url(../images/icone_pochoirs.png) left center no-repeat;
    padding-left: 50px;		/*texte éloigné de l'image*/
    padding-top: 22px;		/*espacement haut pour placer l'image vers le haut*/
}
a.mouton {
    text-decoration: none;
    background: url(../images/icone_mouton.png) left center no-repeat;
    padding-left: 50px;		/*texte éloigné de l'image*/
    padding-top: 22px;		/*espacement haut pour placer l'image vers le haut*/
}
a.oiseau {
    text-decoration: none;
    background: url(../images/icone_oiseau.png) left center no-repeat;
    padding-left: 50px;		/*texte éloigné de l'image*/
    padding-top: 22px;		/*espacement haut pour placer l'image vers le haut*/
}
a.train {
    text-decoration: none;
    background: url(../images/icone_train.png) left center no-repeat;
    padding-left: 50px;		
    padding-top: 22px;		
}
a.avion {
    text-decoration: none;
    background: url(../images/icone_avion.png) left center no-repeat;
    padding-left: 50px;		
    padding-top: 22px;		
}

a.cristal_neige {
    text-decoration: none;
    background: url(../images/icone_flocon_neige.png) left center no-repeat;
    padding-left: 50px;		
    padding-top: 22px;		
}

a.caroussel {
    text-decoration: none;
    background: url(../images/icone_caroussel.png) left center no-repeat;
    padding-left: 50px;		
    padding-top: 22px;		
}

a.coloriage {
    text-decoration: none;
    background: url(../images/icone_coloriage.png) left center no-repeat;
    padding-left: 50px;		
    padding-top: 22px;		
}

a.cartes_aid {
    text-decoration: none;
    background: url(../images/icone_cartes_aid.png) left center no-repeat;
    padding-left: 50px;		
    padding-top: 22px;		
}

a.aidaladha {
    text-decoration: none;
    background: url(../images/icone_aidaladha.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.boite_bonbons {
    text-decoration: none;
    background: url(../images/icone_boite_bonbons.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.suspension_mouton {
    text-decoration: none;
    background: url(../images/icone_suspension_mouton.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.poutre_temps {
    text-decoration: none;
    background: url(../images/icone_poutre_temps.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.crainte_allah {
    text-decoration: none;
    background: url(../images/icone_crainte_allah.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.puzzle_sourate {
    text-decoration: none;
    background: url(../images/icone_puzzle_sourate.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.aid_fete {
    text-decoration: none;
    background: url(../images/icone_aid_fete.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.livret_invocations {
    text-decoration: none;
    background: url(../images/icone_livret_invocations.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.poster_invocations {
    text-decoration: none;
    background: url(../images/icone_poster_invocations.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.fiches_invocations {
    text-decoration: none;
    background: url(../images/icone_fiches_invocations.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.calendrier_hadith {
    text-decoration: none;
    background: url(../images/icone_calendrier_hadith.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.prophete_aime {
    text-decoration: none;
    background: url(../images/icone_prophete_aime.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.frise_sirah {
    text-decoration: none;
    background: url(../images/icone_frise_sirah.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.boite_parents {
    text-decoration: none;
    background: url(../images/icone_boite_parents.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.apprentissage_coran {
    text-decoration: none;
    background: url(../images/icone_apprentissage_coran.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.aime_sourates {
    text-decoration: none;
    background: url(../images/icone_aime_sourates.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

/*styles des icônes islam*/
a.salim_priere {
    text-decoration: none;
    background: url(../images/icone_salim_priere.png) left center no-repeat; /*H 40px L 40px*/
    padding-left: 50px;		/*texte éloigné de l'image*/
    padding-top: 25px;		/*espacement haut pour placer l'image vers le haut*/
	line-height : 200%;
}

a.je_suismusulman {
    text-decoration: none;
    background: url(../images/icone_jesuismusulman.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}
a.allah {
    text-decoration: none;
    background: url(../images/icone_creatures_allah.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}
a.bonnes_manieres {
    text-decoration: none;
    background: url(../images/icone_bonnes_manieres.png) left center no-repeat;
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}
a.ablutions {
    text-decoration: none;
    background: url(../images/icone_ablutions.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}
a.priere {
    text-decoration: none;
    background: url(../images/icone_priere.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}
a.arrasoul {
    text-decoration: none;
    background: url(../images/icone_arrasoul.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}
a.sabbih {
    text-decoration: none;
    background: url(../images/icone_sabbi7.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.ramadan {
    text-decoration: none;
    background: url(../images/icone_ramadan.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.douas {
    text-decoration: none;
    background: url(../images/icone_douas.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.creatures {
    text-decoration: none;
    background: url(../images/icone_creatures_niveau2.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.aid_sounan {
    text-decoration: none;
    background: url(../images/icone_aid_sounan.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.edeb {
    text-decoration: none;
    background: url(../images/icone_edeb.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.ahadith {
    text-decoration: none;
    background: url(../images/icone_ahadith.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.halal {
    text-decoration: none;
    background: url(../images/icone_halal.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.coranps {
    text-decoration: none;
    background: url(../images/icone_coran_ps.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.piliers {
    text-decoration: none;
    background: url(../images/icone_piliers.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.premiere {
    text-decoration: none;
    background: url(../images/icone_premiere_salet.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.lunaire {
    text-decoration: none;
    background: url(../images/icone_calendrier_lunaire.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.bonnes_manieres_6a7 {
    text-decoration: none;
    background: url(../images/icone_bonnes_manieres_6a7.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.livret_priere_ablutions {
    text-decoration: none;
    background: url(../images/icone_livret_priere_ablutions.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.nourriture_halal {
    text-decoration: none;
    background: url(../images/icone_nourriture_halal.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.depliant_aid_adhha {
    text-decoration: none;
    background: url(../images/icone_depliant_aid_adhha.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

a.alhamdoulilleh {
    text-decoration: none;
    background: url(../images/icone_alhamdoulilleh.png) left center no-repeat; 
    padding-left: 50px;		
    padding-top: 25px;		
    line-height : 200%;
}

/*styles des icônes jeux*/

a.memo_animaux {
    text-decoration: none;
    background: url(../images/icone_memo_animaux.png) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.memo_nature {
    text-decoration: none;
    background: url(../images/icone_memo_nature.png) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.memo_alif_ba {
    text-decoration: none;
    background: url(../images/icone_memo_alif_ba.png) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.memo_alphabet2 {
    text-decoration: none;
    background: url(../images/icone_memo_alphabet2.png) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.memo_alphabet3 {
    text-decoration: none;
    background: url(../images/icone_memo_alphabet3.png) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.memo_alphabet4 {
    text-decoration: none;
    background: url(../images/icone_memo_alphabet4.png) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.memo_alphabet5 {
    text-decoration: none;
    background: url(../images/icone_memo_alphabet5.png) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.intrus_priere {
    text-decoration: none;
    background: url(../images/icone_intrus_priere.png) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.puzzle_ablutions {
    text-decoration: none;
    background: url(../images/icone_puzzle_ablutions.png) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.puzzle_alphabet {
    text-decoration: none;
    background: url(../images/icone_puzzle_alphabet.jpg) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.puzzle_araignee {
    text-decoration: none;
    background: url(../images/icone_puzzle_araignee.png) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.puzzle_clown {
    text-decoration: none;
    background: url(../images/icone_puzzle_clown.png) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.puzzle_petit_berger {
    text-decoration: none;
    background: url(../images/icone_puzzle_berger.png) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}

a.puzzle_salat {
    text-decoration: none;
    background: url(../images/icone_puzle_salat.png) left top no-repeat;
    padding-left: 180px;		
    padding-top: 50px;		
    padding-bottom : 50px;
    line-height : 100px;
}