body {
	background-color: #373A41;
	font-family: trebuchet ms, Verdana,  Arial, Tahoma, Helvetica, sans-serif;
	font-size: 0.9em;
	color :#333;
	margin: 0 auto;
	padding: 0;
}

.themes {
	background-color: #fff;
	line-height : 1.3em;
	color : #000;
	padding: 20px;
}

.themes_ar {
	background-color: #fff;
	line-height : 1.3em;
	color : #000;
	font-size: 1.1em;
	padding: 20px;
}

.carav {
	background-color: #fff;
	font-size: 0.8em;
	margin : 2px;
	padding: 10px;
}


.tariqa {
	background : url(../images/t_tariqa.jpg) no-repeat;
	line-height : 1.3em;
	font-size: 1em;
	color : #fff;
	padding: 20px;
}

.tariqa_en {
	background : url(../images/t_tariqa_en.jpg) no-repeat;
	line-height : 1.3em;
	font-size: 1em;
	color : #fff;
	padding: 20px;
}
.tariqa_ar {
	background : url(../images/t_tariqa_ar.jpg) no-repeat;
	line-height : 1.3em;
	font-size: 1.1em;
	color : #fff;
	padding: 20px;
}

.ckbmot {
	line-height : 1.3em;
	font-size: 1em;
	color : #fff;
	padding: 20px;
 
}
.ckbmot_ar {
	line-height : 1.3em;
	font-size: 1.1em;
	color : #fff;
	padding: 20px;
 
}
.carte {
	font-size: 0.8em;
	margin : 2px;
	padding: 10px;
}

a {
	color: #FDF7E1;
	text-decoration: none;
}


	
.fb {
	color: #E16D25;
	text-decoration: underline;
}

a:hover {
	color:#E16D25;
	text-decoration: underline;
}

a:hover.fb {
	font-weight:bold;
}
table#contact {
    background-color:#FFFFFF;
    border: none;
    width: 100%;

} 

.leftcol {
		vertical-align : top;
    width: 20%;
}


h1 {
	font-size: 1.2em;
	color : #111;
	}

h2 {
	font-size: 1.1em;
	color : #333;
	}

h5 {
	font-size: 1.1em;
	color : #333;
	padding:0;
	margin:0;
}

p {
	text-align: justify;
}

#contenu {
  width:620px;
}

#contenu2 {
  width:500px;
}

#contenu_tariqa {
  width:400px; 
	margin : 80px 0px 0 124px;
}

#contenu_tariqa_ar {
  width:300px; 
	margin : 80px 124px 0 0px;
}

#contenu_carav {
  width:200px; 
	margin :-770px 0px 0 384px;
}

#menu {
	margin :-900px 0 0 0;
}

#imag {
	float : left;
	margin : 10px 10px 15px 0;
}

#img_congres {
	margin : -20px 0 -15px -20px;
}

#imag_ckb {
	margin-right:10px;
}

#cpa {
	align : center;
	margin : 10px 10px 15px 0;
}

#portrait {
	float : right;
	margin : 10px 5px 15px 10px;
}

#langue {
  margin:-770px auto;
 	text-align:left;
  width:717px; 
 	position:relative; 
  z-index:3; 
  display:block; 
}

#info {
  margin:0 auto; 
  padding:0; 
  position:relative; 
  width:727px; 
  height:777px; 
  background:#373A41; 
  z-index:1; 
  }
  
.tog1  { cursor:pointer; color:#000; margin: 0; padding:5px; margin-top :10px;  font-size:1.2em; border-bottom: 1px solid #ddd;
}  
.tog1:hover   { background:#eee; }  
.ele1     { padding:0 5px; }  
.tog1_1 {padding:0 0 0 15px;}