@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
.droid-arabic-kufi{font-family: 'Droid Arabic Kufi', serif }*/

/* style image exemble 
div.polaroid {
	width: 400px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
  }
  
  div.container {
	padding: 5px;
  }



   fin style image   */






/*     debut des cadre droit et guache   **********************************  */

.hmelieu .cad1 {
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	background: rgb(86, 228, 221);
	float: right;
}

/*       **************************************  */


.hmelieu .cadr1 {
     width: 69%;
	 text-align:right;
	 float: right;
	 background: #ffffff;	
	/*background: #fff;*/
	 margin-right: 10px;
	/* border-top: #9c0909 solid 5px;*/
	border-left: #9c0909 solid 1px;/*
	border-right: #9c0909 solid 1px;*/
	border-bottom: #9c0909 solid 5px;
	margin-bottom: 5px;



	
}
/* ********************************************************* */

/*
.cadr1 {
	height:auto;
	margin:0;
	border-left:#999 solid 1px;
	margin-left: auto;
	margin-right: auto;
	background: rgba(101, 104, 104, 0.877)

}
*/

/* ****      css debut de donne cote droit ****************** */

/* cote droit */

.hmelieu .cadr1 .info {
	width: 95%;
	height:600px;
	background: #ffffff;
	float: right;
	margin-top: 30px;
	border: #049fe7 solid 1px;
}
.cadr1 .info p strong {
	width: 90%;
	line-height: 50px;
 	/*background: #b2a9c5;*/
	color: #990d0d;
	font-size: 20px;
	margin-top: 30px;
	margin-right: 30px;
	padding-top: 25px;
	font-family:'Droid Arabic Kufi', serif;
	

}

.cadr1 .info p {
	width: 90%;
	height:auto;
	line-height: 50px;
	margin-right: 30px;
	padding-top: 10px;
/*background: #fafafa;*/
	color: #020a36;
	font-size: 18px;
	font-family:'Droid Arabic Kufi', serif;

}
.cadr1 .part1 {
	width:100%;
/*	height:560px;*/height:1000px;
	margin-bottom:5px;
	margin-top:3px;
	/*background:#ebaadd;*/
	text-align:right;
	float: right;
}
.cadr1 .part2 {
	width:100%;
	height:560px;/*height:1060px;*/
	margin-bottom:5px;
	margin-top:3px;
	/*background:#e475d5;*/
	text-align:right;
	float: right;
	
}
.cadr1 .artp {
	width:49%;
	height:450px;
	text-align:center;
	float:right;
	padding-right:2px;
	padding-left:2px ;
	margin-right:5px;
	

	/*word-wrap:break-word;*/
	/*border: #1846db solid 1px;*/
	/*background: #71c3d8b2;*/
}

.cadr1 .artp .art{
width: 100%;
text-align:center;
/*background:#daf10a;*/
/*float:right;*/
/*border:#eed70b solid 1px;*/
}
.cadr1 .artp:hover { 
	background: #ebe7e7;
}

.cadr1 .artp .art p  a {
	height:168px;
	width: 99%;
	float:right;
	font-size:100% ;
	/*background: #161a31;*/
	color:#ffffff;
	/*margin-top:3px;*/
  	text-align: right;
	/*padding:2px 2px;*/

}


.cadr1 .artp .art a {
	text-decoration:none;
	line-height:25px;
	font-family:'Droid Arabic Kufi', serif;
	font-size:100%;
	
	
		
}
.artp .art a:hover{
	color:#9c0909;
}

/* ************* text sou le titre****************** */
/*.artp .art p a {
	/*color:#000;
	
}*/
.artp .art p a:hover {
	color:#990d0d;
	
}


.cadr1 .artp .art p strong a{
	height:130px;
	width:100%;
	/*float:right;*/
	font-size:110%;
	background:rgba(255, 255, 255, 0.904);
	color:#050530;
	/*padding:2px 2px;*/
	text-align:right;
	line-height:35px ;
	/*border:#a79f9f solid 0px;*/
	border-top: khaki solid 1px;
	margin-top:0px;
	border-bottom: #666 solid 1px;
	border-right: #666 solid 1px ;
	padding-right: 2px;
	/*font-variant: small-caps;*/
}
.cadr1 .artp .art p strong a:hover{
	color:coral;
	background: #010920;
}

.cadr1 .artp .art img {
	width:100%;
	height:300px;
	margin-top:7px ;
	/*margin-top:5px;*/
	/*margin-right:5px;*/
	/*padding:2px 2px;*/
	/*border:#ccc  solid 1px; */
	/*margin-top: 2px; */
	border-right: #000 solid 1px;
}

.cadr1 .artp .art img:hover{
	
	/*
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);

filter: blur(5px);	
*/
/*-webkit-filter: brightness(0.2);
-moz-filter: brightness(0.2);
-o-filter: brightness(0.2);
-ms-filter: brightness(0.2);

filter: brightness(0.2);
*/
-webkit-filter: saturate(50%);
-moz-filter: saturate(50%);
-o-filter: saturate(50%);
-ms-filter: saturate(50%);

filter: saturate(30%);
		
}


/* *************** titre de cote droit*********** */
/*
.artp .art p strong a {
	padding:5px;
	text-align:right;
	float:right;
	text-decoration:none;
	line-height:25px;
	color: #f03434;
	
}
.artp .art strong a:hover {
	color:#39F;
}
*/
/*    fin de cote droit titre et text sou titre */


  /* ************ cote gauche de droit*************  */ 

    
.cadr1 .arts {
	width:48%;
	height:445px;
	text-align:center;
	float:right;
	padding-right:2px;
	padding-left:2px ;
	margin-right:5px;
	margin-top: 5px;


	/* width:48%;
	height:440px;
	float:right;
	/*word-wrap:break-word;*/
	/*border: #ca4949 solid 2px;
	background: #585757;
	 margin-right:5px;
	 margin-top:5px;
	  */


}

/* .cadr1 .arts:hover {
 
 border-bottom: #aeb1b4 solid 3px;
 border-right: #aeb1b4 solid 1px;
 border-top: #aeb1b4 solid 3px;
 border-left: #aeb1b4 solid 1px;

} */
.cadr1 .arts .art {
                 	 width: 98%;
                     background:#ffffff;
                     float:right;
                     margin-left:5px ;
                     margin-right:5px;
                     text-align:center;
	                 height:103px;
	                 margin-top: 2px;
                 	 margin-bottom:3px;
                 	 border-bottom:#000 solid 1px;
	
	}

	/* .cadr1 .arts .art:hover {
		border: 1px solid;
		padding: 4px;
		box-shadow: 3px 3px #e21818f6;

	} */

.cadr1 .arts .art a {
   	text-decoration:none;
	line-height:24px;
	font-family: 'Droid Arabic Kufi', serif;
	font-size:95%;
	}




.cadr1 .arts .art img:hover {
-webkit-filter: saturate(50%);
-moz-filter: saturate(50%);
-o-filter: saturate(50%);
-ms-filter: saturate(50%);
filter: saturate(30%);

}
	

.cadr1 .arts .art a:hover{
	color:coral;
	background: #010920;
}
.cadr1 .arts .art p a {
   width:74%;
   height:97px ;
   float:right;
   line-height:24px;
   text-align:right;
   color:#010308;
   background:#ffffff;
   margin-top:3px;
   margin-right: 3px;
  	
}

.cadr1 .arts .art img {
                        width:24%;
                        height:95px;
                        font:right;
                        vertical-align:top;
						float:right;
						padding-left:1px;
						padding-right:1px;
						padding-top:1px;
						padding-bottom:1px;
}


/* cadre1  d de artwg style ***************************************** */




.cadr1 .article  .d {
	text-align:right;
	font-style:normal;
	color:#000;
	float:right;
	height:190px;
	border:#666 0px solid;
	width:98%;
	float:right;
	margin-top: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	box-shadow: 3px 3px #b49595f6;
	margin-bottom: 3px;
	background:#f5f2fc;  /*couleur jaune */
}

	

.cadr1 .article  .d .d1{
                height:185px;
	            width:25%;
	            float:right;
				 margin-top:2px;
				 margin-right: 3px;
	         /*   background:#F90964; /* couleur wardi */
	
}
.cadr1 .article .d .d1 img{
	width:97%;
	height:183px;
	border:#575454 solid 0px;
	margin:auto;
	top:0;
	padding:2px 2px;
	
}

.cadr1 .article  .d .d2 {
	                    width:72%;
	                    height:185px;
	                    float:right;
	                  /* background:#3920B4;  /*coleur bleu */

	
}
.cadr1 .article .d .d2 a p {
	                        /*  width:95%;
	                         text-align:right;
	                         color:#F00;
	                         font-size:16px; */
}
.cadr1 .article .d .d2 a h1{
	                         font-size:14px;
							 clear: both;
							 color:#191970 /*coral*/;
}
.cadr1 .article  .d /*.d2*/ a p{
	margin-top:2px;
    color:#191970 /*coral*/ ;
	font-family: 'Droid Arabic Kufi', serif;
    font-size:20px;
    float:right;
    font-weight:bold;
   	line-height:30px;
	width:95%;
	text-align: right;
	font-weight:bold;
}
.cadr1 .article  .d .d2 a {
	width:97%;
/*font-family: 'Droid Arabic Kufi', serif;*/
    float:right;
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
	margin-top:3px;
	margin-right:5px;
	color:#191970 /*coral*/ ;

}

.cadr1 .article  .d .d2 a p strong{
	font-size: 15px;
	color:#000000;
	font-family: 'Droid Arabic Kufi', serif;
	line-height: 25px;
}
.cadr1 .article  .d a p:hover{
	color:#ff0000;
}
.cadr1 .article  .d a p strong:hover{
	color:coral;
}


/*  fin cadre1 d de artwg style ***************************************** */