@import url(http://fonts.googleapis.com/css?family=Amiri&subset=arabic,latin);
@import url(//fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

@charset "utf-8";
/* CSS Document */
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}


.btn{
	text-decoration: none;
	background: linear-gradient(#fae4b6,#fbefdb,#fbefdb);
	color: #fff;
	padding: 5px 20px;
	border-radius: 5px; 
}

.btn_bar{
	background: linear-gradient(#fce1a9,#fbeedb);
	/*background: linear-gradient(red, yellow);*/
}

.btn:hover{
	background: linear-gradient(#fae4b6,#fbefdb,#fbefdb);
}
.boutant_serche{
	background:url(../images/serche.jpg);
	border: 1px solid #be6815;
	border-radius: 8px;
	transition: all 0.8s;
	width:55px;
	height:29px;
}
.boutant_serche:hover {
	cursor: pointer;
	box-shadow: 0px 0px 5px #be6815;
}


.boutant{
	background: linear-gradient( #faeacd, #ecbd67);
	border: 1px solid #f4ab6e;
	border-radius: 8px;
	color: #6c3302;
	font-weight: bold;
	font-size:18px;
	text-align: center;
	font-family: "Times New Roman", "Traditional Arabic";
	transition: all 0.8s;
	padding: 2px 15px;
}

.boutant:hover {
	background: linear-gradient( #fbf1e3, #ff9416);
	cursor: pointer;
	box-shadow: 0px 0px 2px #000;
}

.input_serche{
	border: 1px solid #be6815;
	border-radius: 10px;
	color: #693401;
	font-weight: bold;
	font-size:15px;
	font-family: "Times New Roman";
	padding: 5px 10px;
	text-align:right;
	width: 250px;
	box-shadow: 0px 0px 5px #be6815 inset  
}
.input_texte
{
	font-family: 'Amiri','droidarabicnaskh', 'Lateef',serif;
	font-size: 14px;
	background: #fff7ea;
	border-top: 1px solid #fac163;
	border-right: 1px solid #fac163;
	border-left: 1px solid #fac163;
	border-bottom: 1px solid #fac163;
	border-radius: 5px 5px  5px 5px ;
	color: #363636;
	width: 160px;
	padding-right:5px;
	padding-left:5px;
	height: 25px;
}


.degradation
{
	background: linear-gradient(#fce1a6,#fbf1e3);
/*	text-decoration: none;
	padding: 10px 50px;
	border: 0px solid transparent;
	border-radius: 10px; 
	font-size: 30px;
	text-align: center;
	transition: all 0.5s;
	padding: 20px 20px;
*/
}
.degradation2
{
	background: linear-gradient(#fae4b6,#fbefdb,#fbefdb);
/* 	border-radius: 15px 15px 0  0;
	border: 6px solid #be6613;
*/}
.slaider
{
/*	background-color: #f5ebe3;
	border: 6px solid #be6613;
 	border-radius: 20px;
	box-shadow: 0px 0px 10px #000;
	height: 400px;
	width: 700px;
*/	margin-top:40px;
	margin-bottom:00px;
}
.awmAnchor
{
	margin-top:20px;
}
.imagesindex
{
 	/*border: 2px solid #000000;*/
	border-radius: 30px 30px 0  0;
}


.articleindex
{
	background: linear-gradient(#fcf3e2,#fcf3e2,#fce1a6);
	border: 2px solid #f9f2ea;
 	border-radius: 30px;
	box-shadow: 0px 0px 5px #9f5107;
	height: 200px;
	width: 206px;
	margin-top:15px;
	margin-bottom:20px;
	padding: 5px 00px;
}
.articleindex_stat
{
	background: linear-gradient(#fcf3e2,#fcf3e2,#fcf3e2);
	border: 2px solid #f9f2ea;
 	border-radius: 30px;
	box-shadow: 0px 0px 5px #9f5107;
	height: 200px;
	width: 206px;
	margin-top:15px;
	margin-bottom:20px;
	padding: 5px 00px;
}

.articleindex_admin
{
	background: linear-gradient(#fcf3e2,#fcf3e2,#fcf3e2);
	border: 2px solid #f9f2ea;
 	border-radius: 15px;
	box-shadow: 0px 0px 5px #9f5107;
	height: 200px;
	width: 206px;
	margin-top:15px;
	margin-bottom:20px;
	padding: 5px 00px;
}
.texte1 {
    text-align:center;
	font-family: "Times New Roman", "Traditional Arabic", "Traditional Arabic";
	font-size: 20px;
	font-weight: bold;
	color: #990000;
	/*text-shadow: 0px 2px 5px #6c3302; */
}
.texte_href {
 	text-decoration: none;
    text-align:center;
	font-family: "Times New Roman", "Traditional Arabic", "Traditional Arabic";
	font-size: 20px;
	font-weight: bold;
	color: #990000;
	text-shadow: 0px 0px 0px #6c3302; 
	transition: all 0.8s;
}
.texte_href:hover {
	text-shadow: 0px 4px 5px #6c3302; 
}
.nwesite {
    text-align:center;
	font-weight: bold;
	font-family: "Traditional Arabic";
	font-size: 24px;
	color: #ffffff;
}
.texte_nwesite {
    text-align:center;
	font-weight: bold;
	font-family: "Traditional Arabic";
	font-size: 24px;
	color: #853f00;
}
.texte_titer1 {
	font-weight: bold;
	font-family: "Traditional Arabic";
	font-size: 22px;
	color: #853f00;
}
.boutton {
	background: #fcf3e2 !important;
	border-radius: 5px;
	box-shadow: 0px 5px 5px rgba(0,0,0,.3); 
 	border-radius: 5px 5px 5px 5px ;
	border: 1px solid #6c3302;
	cursor: pointer; 
	height:30px;
	width:auto;
	font-weight: bold;
	text-align: center;
}
.text_14_red {
	vertical-align: middle;
	font-family: "Traditional Arabic", "Times New Roman";
	font-size: 20px;
	color: red;	/*font-weight: bold;*/
	font-weight: bold;
}
.text_14_white {
	vertical-align: middle;
	font-family: "Traditional Arabic", "Times New Roman";
	font-size: 20px;
	color: #984B03;	/*white font-weight: bold;*/
	font-weight: bold;
}
.text_14_blue {
	vertical-align: middle;
	font-family: "Traditional Arabic", "Times New Roman";
	font-size: 20px;
	color: #000066;	/*font-weight: bold;*/
	font-weight: bold;
}
.text_12_blue {
	vertical-align: middle;
	font-family: "Traditional Arabic", "Times New Roman";
	font-size: 18px;
	color: #000066;	/*font-weight: bold;*/
	font-weight: bold;
}
.text_12_black {
	vertical-align: middle;
	font-family: "Traditional Arabic", "Times New Roman";
	font-size: 18px;
	color: black;	/*font-weight: bold;*/
	font-weight: bold;
}
.text_10_blue {
	vertical-align: middle;
	font-family: "Traditional Arabic", "Times New Roman";
	font-size: 16px;
	color: #000066;	/*font-weight: bold;*/
	font-weight: bold;
}
.text_12_red {
	vertical-align: middle;
	font-family: "Traditional Arabic", "Times New Roman";
	font-size: 18px;
	color: red ;	/*font-weight: bold;*/
	font-weight: bold;
}
.style_images {
	border-radius: 10px;
	box-shadow: 0px 5px 5px rgba(0,0,0,.3); 
	border: 2px solid #ffffff;
	cursor: pointer; 
}
.div_text {
	width: 90%;
	vertical-align:middle;
	text-align:justify;
	position: absolute;
}
.check_box
{
	width:20px;
	height:20px;
}
.active_boutant {
	transition: all 0.8s;
	cursor: pointer;
	background: #fbf2e9 !important;
	border-bottom: 4px solid #fbf2e9 !important;
	border:1px solid #fbf2e9;
	font-family: "Traditional Arabic";
	font-size: 20px;
	height:40px;
	width: 150px;
	color: #733600;
	font-weight: bold;
 	border-radius: 10px 10px 0  0;
}
 
.button_non
{
 	border:hidden;
	width: 30px;
	height: 30px;
	background: url(../img/non.png);
}
.button_oknon
{
 	border:hidden;
	width: 30px;
	height: 30px;
	background: url(../img/oknon.png);
}
.button_ok
{
 	border:hidden;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background: url(../img/ok.png);
}
.button_edit
{
 	transition: all 0.8s;
	cursor: pointer;
	border:hidden;
	width: 45px;
	height: 45px;
	background:url(../img/edit.png);
}

.button_sign_out
{
 	transition: all 0.8s;
	cursor: pointer;
	border:hidden;
	width: 45px;
	height: 45px;
	background:url(../img/sign_out.png);
}
.button_ajoute
{
 	transition: all 0.8s;
	border:hidden;
	width: 50px;
	height: 50px;
	background:url(../img/add.png);
	
}
.button_ajoute:hover
{
	cursor: pointer;
	background:url(../img/add_actif.png);
}
.button_sup
{
 	transition: all 0.8s;
 	border:hidden;
	width: 45px;
	height: 45px;
	background:url(../img/delete.png);
}
.button_sup:hover
{
	cursor: pointer;
	background:url(../img/deleteactiv.png);
}

.button_help
{
 	transition: all 0.8s;
 	border:hidden;
	width: 50px;
	height: 43px;
	background:url(../img/help.png);
}
.button_help:hover
{
	cursor: pointer;
	background:url(../img/helpactif.png);
}
.images
{
	transition: all 0.8s;
	opacity: 0.5;
	border-radius: 10px;
}
.images:hover{
	opacity: 1;
	cursor: pointer;
}

.text_Droid {
	vertical-align: middle;
	font-family: 'Droid Arabic Naskh';
	font-size: 14px;
	color: #000000;	 
}