/*menu horizontal*/
.horizontal {
  height : 50px;
	margin-top : 0;
	margin-left : auto;
	margin-right : auto;
	list-style : none;
	text-align : center;
}
.horizontal li {
	list-style : none;
	display : inline;
	margin-left : 20px;
}

.horizontal li a {
	background: #D3EDFC ; /*fond du menu haut*/
	color : #000000;
	font: 16px "Trebuchet MS",Arial,sans-serif ;
	padding-left : 5px;
	padding-right : 5px;
}

.horizontal li a:hover {
	color : #B62E04;
}

.horizontal li a:visited {
	color : #000000;
}

/*menu de gauche*/
.menu {				/*partie contenant les boutons du menu de gauche*/
	float: left;
	width: 120px;
	padding: 0;
	margin : 0;
	text-align: center;
}

h2#vivre_islam {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #000000 ;
	background: url(../images/vivre_islam_n.png) no-repeat center center;
}
h2#vivre_islam a {
	color: #000000 ;
}
h2#vivre_islam a:hover {
	color : #B62E04;
}

h2#vivre_islam_on {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #FF9933 ;
	background: url(../images/vivre_islam_n_on.png) no-repeat center center;
}
h2#vivre_islam_on a {
	color: #000000 ;
}
h2#vivre_islam_on a:hover {
	color : #B62E04;
}

h2#langue_arabe {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #000000 ;
	background: url(../images/langue_arabe_n.png) no-repeat center center;
}
h2#langue_arabe a {
	color: #000000 ;
}
h2#langue_arabe a:hover {
	color : #B62E04;
}

h2#langue_arabe_on {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #000000 ;
	background: url(../images/langue_arabe_n_on.png) no-repeat center center;
}
h2#langue_arabe_on a {
	color: #000000 ;
}
h2#langue_arabe_on a:hover {
	color : #B62E04;
}

h2#histoires {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #000000 ;
	background: url(../images/histoires_n.png) no-repeat center center;
}
h2#histoires a {
	color: #000000 ;
}
h2#histoires a:hover {
	color : #B62E04;
}

h2#histoires_on {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #000000 ;
	background: url(../images/histoires_n_on.png) no-repeat center center;
}
h2#histoires_on a {
	color: #000000 ;
}
h2#histoires_on a:hover {
	color : #B62E04;
}

h2#activites {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #000000 ;
	background: url(../images/activites_n.png) no-repeat center center;
}
h2#activites a {
	color: #000000 ;
}
h2#activites a:hover {
	color : #B62E04;
}

h2#activites_on {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #000000 ;
	background: url(../images/activites_n_on.png) no-repeat center center;
}
h2#activites_on a {
	color: #000000 ;
}
h2#activites_on a:hover {
	color : #B62E04;
}

h2#jeux {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #000000 ;
	background: url(../images/jeux_n.png) no-repeat center center;
}
h2#jeux a {
	color: #000000 ;
}
h2#jeux a:hover {
	color : #B62E04;
}


h2#jeux_on {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #000000 ;
	background: url(../images/jeux_n_on.png) no-repeat center center;
}
h2#jeux_on a {
	color: #000000 ;
}
h2#jeux_on a:hover {
	color : #B62E04;
}

h2#calligraphie {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #000000 ;
	background: url(../images/calligraphie_n.png) no-repeat center center;
}
h2#calligraphie a {
	color: #000000 ;
}
h2#calligraphie a:hover {
	color : #B62E04;
}

h2#calligraphie_on {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #000000 ;
	background: url(../images/calligraphie_n_on.png) no-repeat center center;
}
h2#calligraphie_on a {
	color: #000000 ;
}
h2#calligraphie_on a:hover {
	color : #B62E04;
}

h2#coran {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #000000 ;
	background: url(../images/coran_n.png) no-repeat center center;
}
h2#coran a {
	color: #000000 ;
}
h2#coran a:hover {
	color : #B62E04;
}

h2#coran_on {
	height : 56px;
	width : 120px;
	padding-top : 15px;
	margin: 0;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	color: #000000 ;
	background: url(../images/coran_n_on.png) no-repeat center center;
}
h2#coran_on a {
	color: #000000 ;
}
h2#coran_on a:hover {
	color : #B62E04;
}



.menu h5 {
	color: black;
	font: normal 11px "Trebuchet MS", tahoma, Verdana, sans-serif;
	margin-top : 20px;
	text-align: center;
}


/*menu de droite*/
.droite {
	float : right;
	width : 15%;
	margin-left : 0;
	margin-right : 0;
	padding : 0;
	height : 100%;
	text-align : left;
	background : #FDFDDD; /*couleur de fond derrière la liste des liens*/
	font-weight : bold;
	border: 1px solid #833D1A;	/*bordure de la liste du menu de droite*/
}
.droite h2 {
	margin-left: 0;
	margin-bottom: 10px;
	padding-bottom : 10px;
	padding-left: 5px;
	text-align : center;
	font-size: 14px;
	color:#833D1A; /*couleur du titre*/
	border-bottom: 1px solid #833D1A;	/*bordure du titre h3 menu de gauche*/
}

.droite h3 {
	display : block;
	color : #833D1A; /*couleur des liens textuels : la police*/
	padding : 0;
	margin : 0;
	font-weight : bold;
	font: 13px "Trebuchet MS",Arial,sans-serif ;
	background :#FDFDDD ;  /*fond des liens textuels : le même que celui de la page*/

}
.droite h3 a {
	color : #833D1A; /*couleur des liens textuels : la police*/
	background :#FDFDDD ;  /*fond des liens textuels : le même que celui de la page*/
}

.droite h3 a:hover {
	color : #FDFDDD; /*quand le lien est survolé : couleur de fond et de police s'inversent*/
	background : #833D1A; /*la même couleur que le background général de la page*/
}
.droite h4 {
	font-size: 14px;
	font-weight : bold;
	margin: 0;
	padding : 0;
}