@charset "utf-8";
/*@import
url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);*/


@charset "utf-8";
.box {
	border: 1px solid;
	padding: 4px;
	box-shadow: 3px 3px #646161f6;
  }
  
  .container {
    display: inline-block;
    position: relative;
}
.container .text {
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
    position: absolute;
    text-align: center;
    font-family: Georgia;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 30%;
    color: white;
    width: 70%;
}
  
  .contenant {
  position: relative;
  text-align: center;
  color: red;
}

.texte_centrer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
  
  

.hmelieu .cadrg {
	width:29%;
	height:auto;
	margin:0;
	padding:0;
	background: #ffffff;
	float: right;
	text-align: right;
	/*background:#eee458;*/
	/* border-top: #9c0909 solid 5px;
	border-left: #9c0909 solid 1px;
	border-right: #9c0909 solid 1px;
	border-bottom: #9c0909 solid 5px; */
	
}



.cadrg .statc {

	width:95%;
	height:315px;
	background: #dbd9d9;
	text-align: center;
	margin-top:5px;
	border-top: #ffd001 solid 3px;
	border:solid 1px #474747;
	margin-right: 5px;
	border-bottom: #ffd001 solid 3px;

}

 .statc p {
	text-align: center;
	color:#010620;
	line-height: 25px;
	/*background: #ffffff;*/
	font-family: 'Droid Arabic Kufi', serif;
} 
.statc .tb0 p {
	padding-top: 15px;
	font-size: 20px;
	font-family: 'Droid Arabic Kufi', serif;


	
}
.statc .tb1 p {
	padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight: bold;
	color:#000;
}
.statc .tb2 p {
	padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight: bold;
	color:#000;
}
.statc .titrc { 
	width: 100%;
	height: 60px;
	background: #cacaca;
	float:right;
}
.statc .titrc p {
	padding-top: 15px;
}
.statc .titrc p strong{
	text-align: center;
	color:#050000;
	
	margin-top: 20px;
	/*line-height:60px;*/
	
	font-family: 'Droid Arabic Kufi', serif;
	/*background: #c0c0bf;*/
	font-size: 18px;
}
.statc .ts1{
 width: 39%;
 height:50px;

 background: #ffffff;
 float: right;
 margin-top:10px;
 border-top: transparent solid 2px;
 border-bottom: #474747 solid 1px;
 border-left: #474747 solid 1px;;




}
.statc .ts4{
	width: 24%;
	height:50px;
	
	background: #ffffff;
	float: right;
	margin-top:10px;
	border-top: #f1e107 solid 2px;
	border-bottom: #474747 solid 1px;


   }

   .statc .tts{
	width: 59%;
	height:50px;
	background: #ffffff;
	float: right;
	margin-top:10px;
	border-top: #f1e107 solid 2px;
	border-bottom: #474747 solid 1px;
	

   }
   .statc .tts .tts1{
	width: 100%;
	height:25px;
	background: #ffffff;
	float: right;
	border-bottom: #646262 solid 1px;

   }
   .statc .tts .tts2{
	width: 50%;
	height:24px;
	background: #ffffff;
	float: right;
	font-weight: bold;
	color:coral;
	border-left: #646262 solid 1px;
	border-bottom: #646262 solid 1px;
	
	
	
   }
   .statc .tts .tts3 p{
	   width:100%;
	  /* background:#ffd001 ;*/
   }
   .statc .tts .tts3{
	width: 49%;
	height:24px;
	background: #ffffff;
	float: right;
	color:coral;
	border-right: #646262 solid 1px;
	border-bottom: #646262 solid 1px;


   }



 .statc .tb0 {
	 width:39%;
	 height:60px;
	 line-height: 50px;
	 background: #ffffff;
	 float: right;
	 border-bottom: #474747 solid 1px;
	 border-left: #474747 solid 1px;

 }
 .statc .tb1 {
	width:30%;
	height:60px;
	background: #ffffff;
	float: right;
	border-bottom: #474747 solid 1px;
	border-left: #474747 solid 1px;
	

}

.statc .tb2 {
	width:29%;
	height:60px;
	background: #ffffff;
	float: right;
	border-bottom: #474747 solid 1px;

}
.statc .tb3 {
	width:24%;
	height:60px;
	background: #ffffff;
	float: right;
	border-bottom: #474747 solid 1px;


}


/* fin de style corona   *********************************************  */


.cadrg{
	/*width:380px;*/
 

	float:right;
	/*border-right:#666 solid 0px;*/
	margin-top:10px;

	
}
.cadrg .prier .tit{
	width: 100%;
	height:50px;
	background: #dfdddd;
}
.cadrg .prier .tit a{
	font-size:20px;
         color:#000000;
         text-decoration: none;
         width: 80%;
         padding-right:25px;
         font-weight: bolder;
		 font-family: 'Droid Arabic Kufi', serif;

}

.cadrg .prier {
	width:95%;
	height:450px;
	border: #500443 solid 1px;
	text-align: center;
	float: right;
	background: #c7c5c4;
	margin-right: 10px;
	margin-bottom: 25px;
}

.cadrg .meteo1 {
	width: 95%;
	height: 420px;
	border: #500443 solid 1px;
	text-align: center;
	float: right;
	background: #ff7f50;
}

.cadrg .bart1 {
background: #ffffff;
border-right: 2px solid #eeeeee;
border-left:2px solid #eeeeee;
border-bottom:5px solid #eeeeee ;
border-top: #eeeeee solid 5px;
height:520px;
width:92% ;
margin-top:40px;
margin-right:10px;
margin-bottom:10px;
float: right;


}
.cadrg .bart1 .titr1 {
	width: 100%;
	height: 50px;
    text-align: right;
	background:#e4e4e0c4;;
	margin-top: 0;
	line-height: 50px;
	/*background: #9ddfba;*/

}

.cadrg .bart1 .titr1 p  {
font-size:20px;
color:#000000;
text-decoration: none;
width: 80%;
padding-right:10px;
font-weight: bolder;
font-family: 'Droid Arabic Kufi', serif;


}

.cadrg .bart1 .glob1 {
	text-align:center;
	overflow-y:auto;
	height:500px;
	background:#ebe8e8;
	width: 100%;
}


.cadrg .bart1 .glob1 .art p {
	margin-top:5px;
	width:95%;
	float:right;
	text-align:right;
	height:80px;
	background: #ffffff;
	margin-right: 5px;
}
.cadrg .bart1 .glob1 .art p a {
	margin-top:1px;
	line-height:25px;
	width:100%;
	float:right;
	text-align:right;
	height:80px ;
	text-decoration: none;
	color:#0a0101;
	font-family: 'Droid Arabic Kufi', serif;
	font-size: 100%;
	
}

.cadrg .bart1 .glob1 .art p a:hover {

	background: #050f1f;
	color:#ff7f50;
}



.cadrg .meteo {

	width:370px;
	height:400px;
	text-align:center;
/* background: #d5ec9f;*/
	float: right;
	margin-top: 35px;
}





.cadrg .bar2 {


	width:90%;
	height:450px;
	text-align:center;
	margin-right:auto;
	margin-left: auto;
	margin-top:25px;
	
	/*background: #C00;*/



	/* width:90%;
	height:450px;
	text-align: center;
	margin-right:auto;
	margin-left: auto;
	margin-top: 100px; */
}

.cadrg .bar2 img {

	width:100%;
	height:280px;
	margin-top:25px;
	border-bottom:#646262 solid 1px;
	border-right: #646262 solid 1px;
	

	 
 /*  width: 100%;
  height:280px;
  margin-top:7px; */

} 

.cadrg .bar2 .text {
	                width: 100%;
	                background:#ffffff;
	            
             		height:145px;
	            
	                 margin-bottom:3px;
					border-bottom:#646262 solid 1px;
					border-right: #646262 solid 1px;

					



	/* width:100% ;
	text-align:right;
	background:#fff;
	border-bottom:#050505 solid 1px;
	font-size:100%;
	font-weight:bold;
 */
}
.cadrg .bar2 .text a {
	text-decoration:none;
	line-height:35px;
	font-family: 'Droid Arabic Kufi', serif;
	font-size:95%;
	

	/* margin-bottom: 3px;
	padding-top:0px;
	padding-bottom: 0px;
	height:140px;
	width:100% ; */
}
.cadrg .bar2 .text p a {

	width:100%;
    height:140px ;
    float:right;
    line-height:35px;
    text-align:right;
    color:#010308;
   /* background:#6d3737;*/
    margin-top:3px;
    
	


	/* text-decoration: none;
	color:#000;
	line-height: 30px;
	height:140px;
	width:100%;
	font-family: 'Droid Arabic Kufi', serif;
 */
}
.cadrg .bar2 .text p a:hover{
	color:coral;
	background: #040416;
}
 


	 

/* debut de ain 3 */	
.cadrg .ain3g {
	background: #fffeee;
	border-right: 5px solid #eeeeee;
	border-left:5px solid #eeeeee;
	border-bottom:5px solid #eeeeee ;
	border-top: #eeeeee solid 5px;
	height:1400px;
	width:90% ;
	margin-top:70px;
	margin-right:10px;
	margin-bottom:30px;
	float: right;
	/*background: #77dcf5;*/
	

}

.ain3g .titain {
	width: 100%;
	height: 50px;
    text-align: right;
	background:#ebebeb ;
	margin-top: 0;
	line-height: 50px;

}

.ain3g .titain a strong {
	     font-size:20px;
         color:#000000;
         text-decoration: none;
         width: 80%;
         padding-right:25px;
         font-weight: bolder;
		 font-family: 'Droid Arabic Kufi', serif;
	

}

.cadrg .ain3g .arts {
	margin:auto;
	clear:both;
	width:99%;
	height:1320px;
	margin:auto;
	overflow:auto;
	border: #900 solid 0px;
	background: #ffffff;
	padding-top:10px;

}

.ain3g .arts .art{
	/*background:#bbbb23;*/
	height:300px;
	width:97% ;
	margin-top:2px;
	text-align: center;
	margin-right:5px;
	margin-left:auto;
	margin-bottom:6px;
	/*background: #010308;*/

	/*border:#010308 solid 2px;*/

	
}

.ain3g .arts .art img {
	border-bottom:#666 1px solid;
	width:100%;
	height:200px;
	clear:right;
	border: #900 solid 0px;
	border-bottom: darkgrey solid 2px;
	border-right: darkgrey solid 2px;
	/*padding-right: 3px;*/

	
/*	vertical-align:top;*/
	/*float: right;*/


	
	}


.ain3g .arts .art p {
	clear:right;
	line-height:25px;
	width:100%;
	/*float: right;*/
	height:100px;
	background: #ffffff;
/*	margin-right:10px;*/
	border: #900 solid 0px;
	border-bottom: darkgrey solid 2px;
	border-right: darkgrey solid 2px;
	margin-bottom: 3px;

	
}
 .ain3g .arts .art a {
	
	color:#000000;
	text-align:right;
	float: right;
	width:100%;
	height:100px;
	font-family: 'Droid Arabic Kufi', serif;
} 
.ain3g .arts .art p a {
	/*clear:right;*/
	/*margin-top:1px;*/
	line-height:25px;
	width:100%;
	/*float:right;*/
	text-align:right;
	height:100px;
	text-decoration: none;
	padding-right:3px;



}
.ain3g .arts .art p a:hover {
background: #09133b;
color:coral;

}
/* .ain3g a {
	text-decoration: none;
	font-size:95%;
	color:coral;
	font-family: 'Droid Arabic Kufi', serif;
	text-align-last: right;
	line-height: 30px;
	
}


.ain3g  p a:hover {
	color:#900;

}
  */
/* fin de style de ain 3 */