.clear {
  clear: both;
  }
  
  
.container {
  position: relative;
  width: 50%;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}

.text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
  
										  
				
  
  
		.fieldset3 a{

		display: block;
		padding: 4px 2px;
		background: #FEFD56;
		color: #000000;
		margin-right: 5px;
		text-decoration: none;
		border-radius : 25px;
		border:5px solid black;
		font: bold 13px Arial;
		}
    .fieldset3 a:hover, .tabsmenuclass a.selected{
                                 background-color: #000000;
                                 border-radius : 25px;
                                 color: white;
                                 font: bold 13px Arial;
                                              }

      .fieldset2 a{
                display: block;
                padding: 4px 0px;
                background: pink;
				color: #2F62FC;
				margin-right: 0px;
				text-decoration: none;
				font: bold 13px Arial;
             }

.fieldset2 a:hover, .tabsmenuclass a.selected{
                                      background-color: #000000;
                                      color: #2F62FC;
                                     font: bold 13px Arial;

                                            }
  
  
   @media  (min-width: 1050px) { 

    body{ 
	       background-image:url('https://dakiraa.com/img/index/back.jpg');
           width : 90%;
           margin : auto;	
       }
  

/* header pc */
            header  {
                        margin-bottom: 20px;
                     }

			        header  article:nth-child(1)  {
                                            display:block;
                                            width: 100%;
	                                        height : 420px;
                                            background-color : white;
                                            border:3px solid #000000;
                                            border-radius : 25px;
                                            margin-bottom: 15px;
                                            float:center;
                                          }
				    header article:nth-child(1) p1 {
													text-align: justify;
													 margin-left: 5px;
													font-weight : 800;
													float:center;
                                              }
							   header  article:nth-child(1) img {
															 border-radius : 25px;
															 width: 87%;
															 height : 280px;
															 padding : 30px 50px;
															float:center;
													  }
			 
			    header  article:nth-child(2)  { display : none;}
			    header  article:nth-child(3)  { display : none; }
				
				header  article:nth-child(4)  {
                                            display:block;
                                            width: 100%;
	                                        height : 90px;
                                            background-color : #FEFD56;
                                            border:3px solid #000000;
                                            border-radius : 25px;
                                            margin-bottom: 15px;
                                            float:center;
                                          }
							   header  article : table {
															 border-radius : 25px;
															 border:5px solid #000000;
															 width: 30%;
															 height : 75px;
															  margin-top: 5px;
															  margin-bottom: 5px;
															 margin-left: 90px;
															  background-color : #000000;
															float:right;
													  }
													  
								 header  article : table1 {
															 border-radius : 25px;
															 border:5px solid #000000;
															  background-color : black;
													  }					  
													  
													  
													  
							  header article:nth-child(4) p1 {
														    text-align: justify;
														    color : #000000;
															padding : 20px 20px;
														     margin-left: 20px;
															font-weight : 800;
															font_size : 30;
															float:right;
                                              }
							 header article:nth-child(4)  a{
															
															 text-decoration : none;
															 color: #000000;
															font-weight : bold;	   
															}
			 
			    header  article:nth-child(5)  { display : none;}
			    header  article:nth-child(6)  { display : none; }
			    header  article:nth-child(7)  {
												display:block;
												width: 100%;
												height: 600px;
												background-color : white;
												border:3px solid #000000;
												border-radius : 25px;
												margin-bottom: 15px;
												float:center;
                                               }
			            header  article:nth-child(7) img {
	                                                       border-radius : 25px;
                                                         }
			 
			             header  article:nth-child(8)  {display : none;}
			             header  article:nth-child(9)  { display : none; }
			             header  article:nth-child(10)  { display : none;}
				 header nav {
							background-color : white;
							border:3px solid blue;
							border-radius : 25px;
							height : 500px;
							margin-bottom: 20px;
						  }
				header nav img {
							     border-radius : 25px;
								}
                header nav  ul li {
									list-style-type : none;
									display : inline;
									line-height : 35px;
									margin-right : 15px;
									font-weight : bold;
									}
              header nav  ul li a{
									text-decoration : none;
									color: white;
								   }
                 header nav  ul li  a:hover {
                                                  color: black;
                                             }
/* fin header pc*/



/*  section pc */

			 section {
								 width: 100%;
								float: center;
				  }

				    section  article:nth-child(1)  { display:block;
														width: 100%;
														height: 1600px;
														background-color : #FFFFFF;
														border:3px solid #000000;
														border-radius : 25px;
														margin-bottom: 15px;
														float:center;
                                               }
					section article:nth-child(2) { display:block;
														width: 100%;
														height: 2500px;
														background-color : #FFFFFF;
														border:3px solid #000000;
														border-radius : 25px;
														margin-bottom: 15px;
														float:center; }
				    section article:nth-child(3) { display : none; }							
												
					
							
					
							
				
							
				section article img {
										 border-radius : 25px;
										 width: 75%;
										  height : 400px;
										  border:3px solid #000000;
										   margin-left: 10px; 
										float:center;	
                                     }		 							
			
		           
					section article table {
											border-collapse: collapse;
											border-radius : 25px;
											width: 90%;
											height : 80px;
											background-color : #F3F0F0;
											margin-bottom: 3px;
											margin-right: 20px;
											margin-left: 20px;
											margin-top: 3px;
											 }
						section article table1 {
											border-collapse: collapse;
											border-radius : 25px;
											width: 90%;
											height : 80px;
											background-color : #red;
											margin-bottom: 3px;
											margin-right: 20px;
											margin-left: 20px;
											margin-top: 3px;
											 }			  
						      table1  tr:nth-child(even) {
			                       background-color : C6D0F9;
			                      }
			                  table1 tr:nth-child(add) {
			                        background-color : 8199F9;
			                     }
						  
						  section article input {
										    border-radius : 25px;
											width: 98%;
											height : 560px;
											background-color : #FFFFFF;
											font-size: 40px;
											 }
						  
						  
						  
						  
					 section article  a{
										 text-decoration : none;
										 color: #000000;
										font-weight : bold;	
                                         size : 7;										
								    	}
                   								
									  
               	

                 section article p {
									text-align: justify;
									 margin-left: 5px;
									font-weight : 800;
									font-size: 60px;
									float:center;
									color: blue;
									
                                     }
				 section article p1 {
									text-align: justify;
									 margin-left: 5px;
									font-weight : 800;
									float:left;
									font-size: 25px;
									font-color: #000000;
                                     }
                section article p2 {  
									text-align: justify;
									font-color: #FF0707;
									margin-left: 10px;
									font-weight : bold;
									font-size: 35px;
									float:center;
									}
			   section article p3 {                                                                           
									   text-align: justify;
									font-color: #000000;
									margin-left: 10px;
									font-weight : bold;
									font-size: 15px;
									float:center;
										}	
                  section article p4 {                                                                           
									   text-align: justify;
									   color: #000000;
									margin-left: 10px;
									font-weight : bold;
									font-size: 17px;
									float:center;
										}	
                    section article p5 {                                                                           
									       text-align: justify;
											color: #FF0404;
											margin-left: 13px;
											font-weight : bold;
											font-size: 15px;
											float:center;
										}										
  
/* fin section */



/* aside */
               aside {
			          display: none;
			        
                    }

/* /aside */

/* footer pc*/
                footer {
	                width: 100%;
                    }
				 
			         footer  article  {
										display:block;
										width: 100%;
										height : 220px;
										background-color : #F7FE2E;
										border:3px solid #000000;
										border-radius : 25px;
										margin-bottom: 15px;
										float:center;
									   }
					
					
					   footer p1 {
								   padding : 20px 20px;
								   text-align: justify;
								   float:left;
								   font-weight : bold;
								   color : #000000;
								   font-size: 50px;
                                  }
					
					 footer p2 {
                        padding : 100px 160px;
                        text-align: justify;
						float:center;
						   color : #000000;
						  
                           }
						   
						    footer p3 {
										padding : 0px 20px;
										text-align: justify;
										float:right;
										   color : #000000;
										    font-size: 30px;
                                      }
			footer article font {
							  
										font-weight : bold;
										font-size : 20px;
										float:center;
									   }
					
					
/* fin footer pc */

   }



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







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











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










      /***********************************************************/
      /***********************************************************/
      /***********************************************************/
      /********************affichage pour téléphone****************/
      /***********************************************************/
      /***********************************************************/










/* affichage pour telephone */
      
	  @media   (max-width: 1050px){
			  body{ 
					   background-image:url('img/back.jpg');
					   width : 100%;
					   float:center;		   
				   }
/* header telephone */
            header  {  width: 100%;
			            margin-bottom: 20px;
                     }
					 header  article:nth-child(1)  { display : none;}
			         header  article:nth-child(2)  { display : none; }
			         header  article:nth-child(3)  {
													display:block;
													width: 98%;
													height : 630px;
													background-color : #FFFFFF;
													border:3px solid #000000;
													border-radius : 25px;
													margin-bottom: 15px;
													float:center;
												   }
							   header  article:nth-child(3) img {
															 border-radius : 25px;
															 width: 100%;
															 height : 380px;
															
															float:center;
														  }
					header  article:nth-child(4)  { display : none;}
					header  article:nth-child(5)  { display : none; }
					header  article:nth-child(6)  {
													display:block;
													width: 98%;
													height : 120px;
													background-color :  yellow;
													border:3px solid #000000;
													border-radius : 25px;
													margin-bottom: 15px;
													float:center;
												  }
							   header  article:nth-child(6) table {
															 border-radius : 25px;
															 width: 60%;
															 height : 130px;
															  margin-top: 5px;
															  margin-bottom: 5px;
															 margin-left: 90px;
															  background-color : #ddd;
															float:right;
													  }
								  header  article : table3 {
															 border-radius : 25px;
															 border:5px solid #000000;
															 width: 30%;
															 height : 120px;
															
															  background-color : #000000;
															float:right;
													  }
							  header article:nth-child(6) p1 {
														    text-align: justify;
														    color : black;
															padding : 20px 20px;
														     margin-left: 20px;
															font-weight : 800;
															float:right;
                                                             }
							 header article:nth-child(6)  a{
															 text-decoration : none;
															color: black;
														     font-weight : bold;	   
															}
			 
			    header  article:nth-child(7)  { display : none;}
												
			            header  article:nth-child(7) img {
	                                                       border-radius : 25px;
														  
                                                         }
			 
			             header  article:nth-child(8)  {display : none;}
			             header  article:nth-child(9)  { display:block;
														width: 98%;
														height: 1900px;
														background-color : #FFFFFF;
														border:3px solid #000000;
														border-radius : 25px;
														margin-bottom: 15px;
														float:center;
                                               }
					 
											 header nav {
														background-color : white;
														border:3px solid blue;
														border-radius : 25px;
														height : 500px;
														margin-bottom: 20px;
													    }
										header nav img {
											             width: 20%;
														 border-radius : 25px;
														  height: 230px;
														}
								    	header nav  ul li {
														list-style-type : none;
														display : inline;
														line-height : 35px;
														margin-right : 15px;
														font-weight : bold;
														}
              header nav  ul li a{
									text-decoration : none;
									color: white;
								   }
                 header nav  ul li  a:hover {
                                                  color: black;
                                             }
/* fin header */


/*  section */

			 section {
				 width: 100%;
				float: center;
				  }
                    section article:nth-child(1){      
													display:block;
													width: 100%;
													height: 1600px;
													background-color : #FFFEFE;
													border:3px solid #000000;
													border-radius : 25px;
													margin-bottom: 15px;
													
											    }
				    section article:nth-child(2) { display : none; }	
				   section article:nth-child(3) {      
												display:block;
													width: 100%;
													height: 3000px;
													background-color : #FFFEFE;
													border:3px solid #000000;
													border-radius : 25px;
													margin-bottom: 15px;
													
											    }
	
					section article img {
										 border-radius : 25px;
										 width: 100%;
										  height : 400px;
										  border:3px solid #000000;
										   margin-left: 10px; 
										float:center;	
                                     }	
                   		section article table {
											border-collapse: collapse;
											border-radius : 25px;
											width: 90%;
											height : 80px;
											background-color : #F3F0F0;
											margin-bottom: 10px;
											margin-right: 20px;
											margin-left: 20px;
											margin-top: 20px;
											 }										 
			
							section article input {
										
											width: 98%;
											height : 560px;
											background-color : #FFFFFF;
											font-size: 40px;
											 } 
		          
						  
					 section article  a{
										 text-decoration : none;
										 color: #000000;
										font-weight : bold;	
      									font-size: 70px;	
								    	}
					 
		  
              	

               section article  p {
                                    text-align: justify;
									 margin-left: 5px;
									font-weight : 800;
									font-size: 40px;
									float:center;
									
                                  }
               section article p1 {
									text-align: justify;
									 margin-left: 5px;
									font-weight : 800;
									font-size: 35px;
									float:center;
                                     }
                section article p2 {  
																  
									color : #000000;
									 text-align: justify;
									 margin-left: 5px;
									font-weight : 800;
									font-size: 30px;
									float:center;
									}
			   section article p3 {                                                                           
									   color : #075FFF ;
									 text-align: justify;
									 margin-left: 5px;
									font-weight : 800;
									font-size: 28px;
									float:center;
										}	
                section article p4 {                                                                           
								   text-align: justify;
								   color: #000000;
									margin-left: 10px;
									font-weight : bold;
									font-size: 35px;
									float:center;
										}	
                    section article p5 {                                                                           
									       text-align: justify;
											color: #FF0404;
											margin-left: 13px;
											font-weight : bold;
											font-size: 28px;
											float:center;
										}
  
  
  
  
  
/* fin section tele*/

/* aside */
               aside {
			          display: none;
			                   
                    }

/* /aside */



/* footer pc*/
                footer {
	                width: 100%;
                    }
				 
			         footer  article  {
										display:block;
										width: 100%;
										height : 220px;
										background-color : #F7FE2E;
										border:3px solid #000000;
										border-radius : 25px;
										margin-bottom: 15px;
										float:center;
									   }
					
					
					   footer p1 {
								   padding : 20px 20px;
								   text-align: justify;
								   float:left;
								   font-weight : bold;
								   color : #000000;
								   font-size: 50px;
                                  }
					
					 footer p2 {
                        padding : 100px 160px;
                        text-align: justify;
						float:center;
						   color : #000000;
						  
                           }
						   
						    footer p3 {
										padding : 0px 20px;
										text-align: justify;
										float:right;
										   color : #000000;
										 font-size: 30px;
                                      }
			footer article font {
							  
										font-weight : bold;
										font-size : 20px;
										float:center;
									   }
					
					
/* fin footer pc */

   }

/* fin affichage pour telephone */