Le chemin actuel est : /Sougou-Mondiale/Sous_Menu_Boutique/rd.php
<script src="jquery-3.5.1.js"></script>
<script type="text/JavaScript">




/*function load(){
	document.getElementById("pass").setAttribute("placeholder","");
	}*/
	
	/*window.addEventListener("load",function(){
	document.getElementById("pass").setAttribute("placeholder","");
	document.getElementById("span").style.color='green';
	});
	
	document.getElementById("pass").onfocus=function(){
	document.getElementById("span").style.color='red';
	}*/
	
	/*document.getElementById("pass").onblur=function(){
	//note.innerHTML='SORTIR !';
	document.getElementById("span").style.visibility='visible';
	document.getElementById("pass").setAttribute("placeholder","");
	}
	
	document.getElementById("pass").onfocus=function(){
	//note.innerHTML='Rentrer';
	document.getElementById("span").style.visibility='hidden';
	document.getElementById("pass").setAttribute("placeholder","RAMADANE DIALLO");
	}*/
	
	$(document).ready(function(){
		
		$('.input_field').each(function(){
		var label = $(this).find('label');
		var input = $(this).find('input');
		//alert(input);
				/*if(input.val()!=''){
				//label.hide();
				}*/
				label.fadeTo(500,0);
				
				input.focus(function(){
				if(input.val()==''){
				//label.hide();
				label.fadeTo(500,1);
				}
				else
				{
				//label.show;
				label.fadeTo(500,0);
				}
				});
				
				input.blur(function(){
				label.fadeTo(500,0);
				//label.hide();
				//alert(default_value);
				});
				
			input.keyup(function(){
			
				if(input.val()==''){
				//label.hide();
				label.fadeTo(500,1);
				}
				else
				{
				//label.show;
				label.fadeTo(500,0);
				}
				
				//label.fadeTo(500,0.5);
			});
			
			/*input.keyup(function(){
			let text_label=document.getElementById('text_label')
				if(input.val()!=''){
				text_label.style.color='green';
				}
				else
				if(input.val()==''){
				text_label.style.color='red';
				}
			});*/	
				
			
		});
	
 });
</script>
<style>
.disppear{
  animation: vanish 1s forwards;
}
@keyframes vanish {
  100%{
    opacity: 0;
    visibility: hidden;
  }
}

#titre_tbody_page_infos_et_paiement{
position:absolute;
overflow-y:auto;
background:cyan;
left:5px;
right:5px;
top:115px;
height:30px;
padding:1px;
text-align:center;
font-size:20px;
color:#F442A3;
border:2px solid cyan;

}
.label_separation{
display:block;
background:white;
left:5px;
right:5px;
top:115px;
height:30px;
padding:1px;
text-align:center;
font-size:17px;
color:blue;
border:2px solid cyan;
}

#tbody_page_infos_et_paiement{
position:absolute;
overflow-y:auto;
background:cyan;
left:5px;
right:5px;
top:140px;
bottom:48px;
padding:1px;

border:2px solid cyan;
border-radius:10px;
}

.b_changer_options_paiement{
position:absolute;
overflow-y:auto;
background:white;
right:10px;
top:8px;
height:40px;
width:40px;
padding:1px;
text-align:center;
font-size:22px;
color:green;
border:2px solid cyan;
border-radius:50%;
cursor:pointer;
}

.div_options_paiement{
position:absolute;
display:none;
overflow-y:auto;
background:white;
right:10px;
top:48px;
height:85px;
width:60px;
padding:3px;
text-align:center;
font-size:22px;
color:green;
border:2px solid #F442A3;
cursor:pointer;
}

.b_options_paiement{
background:white;
margin-bottom:7px;
height:30px;
width:30px;
left:50%;
padding:1px;
text-align:center;
font-size:20px;
color:green;
border:2px solid cyan;
border-radius:50%;
cursor:pointer;
}

#titre_tbody_page_infos_et_livraison{
position:absolute;
overflow-y:auto;
background:cyan;
left:5px;
right:5px;
top:115px;
height:30px;
padding:1px;
text-align:center;
font-size:20px;
color:#F442A3;
border:2px solid cyan;

}
.label_separation{
display:block;
background:white;
left:5px;
right:5px;
top:115px;
height:30px;
padding:1px;
text-align:center;
font-size:17px;
color:blue;
border:2px solid cyan;
}

#tbody_page_infos_et_livraison{
position:absolute;
overflow-y:auto;
background:cyan;
left:5px;
right:5px;
top:140px;
bottom:48px;
padding:1px;

border:2px solid cyan;
border-radius:10px;
}
.b_changer_options_livraison{
position:absolute;
overflow-y:auto;
background:white;
right:10px;
top:8px;
height:40px;
width:40px;
padding:1px;
text-align:center;
font-size:22px;
color:green;
border:2px solid cyan;
border-radius:50%;
cursor:pointer;
}

.div_options_livraison{
position:absolute;
display:none;
overflow-y:auto;
background:white;
right:10px;
top:48px;
height:85px;
width:60px;
padding:3px;
text-align:center;
font-size:22px;
color:green;
border:2px solid #F442A3;
cursor:pointer;
}

.b_options_livraison{

background:white;
margin-bottom:7px;
height:30px;
width:30px;
left:50%;
padding:1px;
text-align:center;
font-size:20px;
color:green;
border:2px solid cyan;
border-radius:50%;
cursor:pointer;
}

.menu_contenu_produits_boutiquier{
display: none;
top:115px;
 position:absolute;
 left: 5px;
 right: 35px;
 background:cyan;
 height:45px;
 }

.icone_b_menu_3_points{
position:absolute;
    width:15px;height:26px;
    background:white;
 right:10px;
 top:50%;
 transform:translateY(-50%);
    border-radius:5px;
    align-items:center;
   justify-content: center;
   text-align:center;
   cursor:pointer;
   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
   border:2px solid white;
 }
 
 .icone_b_menu_3_points_2{
position:absolute;
    width:15px;height:26px;
    background:white;
 right:10px;
 }
 
#valeur_panier_boutiquier{
        position:absolute;
            width:33px;
            
            color:white;background:#F442A3;font-size:12px;
            top: 90%;
            left: 48%;
           transform: translate(-50%, -50%);
           cursor:pointer;
        }
        
.contenu_produits_boutiquier,.contenu_produits_boutiquier_2,.contenu_produits_boutiquier_3{
	position:absolute;
	display: none;
	flex-wrap:wrap;
	align-items:center;
	justify-content: center;
	overflow:auto;
	background:white;
	top:160px;
	bottom:50px;
 	left: 5px;
 	right: 35px;
 	overflow:auto;
 	padding: 2px 1px;
 	
	
 	
}

.div_contact{
position:relative;
   display: none;
 	align-items:center;
	flex-wrap-wrap;
	flex-direction:column;
	align-self:normal;
 	margin-bottom: 10px;
 	margin-right: 10px;

 	border:3px solid cyan;
	font-size:18px;
	padding: 5px 5px;
	border-radius:20px;
 	background:white;
 	
 	height:270px;
 	width: 300px;
 	overflow:none;
 	}
 
 .td_div_contact{
position:relative;
width:100%;
height:60px;
}
.b_div_contact{
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
margin-bottom: 5px;
border:3px solid cyan;
font-size:18px;
padding: 5px 5px;
border-radius:5px;
background:white;
}

.contact{
position: absolute;
display: block;
width:82%;
color:#F442A3; 
padding-bottom: 5px; 
font-size: 13px;font-weight: bold;left: 1%;top:23px;
padding:1px;
z-index:99999;
background:rgb(255 255 255 1);	
 }
 
.nom_contact{
position: absolute;
display: block;
width:82%;
color:black; 
padding-bottom: 5px; 
font-size: 15px;font-weight: bold;left: 1%;
padding:1px;
z-index:99999;
background:rgb(255 255 255 1);	
 }
 
 .b_resau_sociaux_2{
 	position: absolute;
 	right:-5px;
 	top:-10px;
 	border:3px solid white;
 	margin: 15px 5px;
 	padding: 5px 5px;
	border-radius:20px;
	/*background: url("Fond Application.png");*/
	cursor:pointer;
	align-items:center;
	z-index:99999;
	background:rgb(255 255 255 1);	
	
 }
 
 .titre_div{display: block;
  width: 100%; border:none; background:#00FFFF; color:#F442A3; 
 padding: 3px;
 font-size: 14px;font-weight: bold;height:22px;
 } 
 
 .div_nb{
position:relative;
width:100%;
top:0px;
left:0px;
font-size:11px;
padding: 2px 2px;
border-radius:5px;
background:red;
text-align:left; 
}

.titre_div_nb{
position:relative;
width:100%;
top:0px;
left:0px;
font-size:11px;
padding: 5px 5px;
border-radius:5px;
background:white;
color:black; 
}
.contenu_div_nb{
position:relative;
width:100%;
top:-8px;
left:0px;
font-size:10px;
border-radius:5px;
background:white;
color:red; 
text-align:left;
}
.contenu_div_sm_55{
position:relative;
width:100%;
top:-8px;
left:0px;
font-size:11px;
border-radius:5px;
background:white;
color:blue; 
text-align:left;
}
.cadre_div_contact{
position:relative;
overflow-y:auto;
background:white;
height:60%;
width:100%;

}
.cadre_detail_etat_comm{
position:absolute;
width:250px;height:193px;
background:#F442A3;
display:none;
right:10px;
bottom:45px;
border-radius:5px;
align-items:center;
justify-content: center;
text-align:center;
overflow:auto;
box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
border:2px solid #F442A3;

}  

.cadre_detail_etat_paiement_comm{
position:absolute;
width:250px;height:150px;
background:#F442A3;
display:none;
right:10px;
bottom:45px;
border-radius:5px;
align-items:center;
justify-content: center;
text-align:center;
overflow:auto;
box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
border:2px solid #F442A3;

}  
 
    
.Tittre_diminuer_taille_2{display: block;
  width: 100%; border:none; background:#00FFFF; color:#F442A3; 
 padding-bottom: 2px; padding-left: 2px;padding-right: 2px;border-bottom:2px solid #FFF;
 font-size: 12px;font-weight: bold;
 } 

.valeur_icone_menu_pied{
position:absolute;
 height:5px;
 width:5px;
 border:3px solid #F442A3;
 border-radius:50%;
 background:#F442A3;
 
 cursor:pointer;
    
}

.icone_b_menu_pied{
position:absolute;
    width:15px;height:26px;
    background:white;
 right:5px;
    border-radius:5px;
    align-items:center;
   justify-content: center;
   text-align:center;
   cursor:pointer;
   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
   border:2px solid white;
 }
 
 .cadre_icone_b_menu_pied_2{
            position:relative;
            width:40px;height:40px;
            background:cyan;
            border:1px solid white;
            border-radius:50%;
            margin-bottom:5px;
            top:5%;
	    align-items:center;
	   justify-content: center;
	   text-align:center;
        }
        
 .icone_b_menu_pied_2{
	position:absolute;
	width:15px;height:26px;
	background:white;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -50%);


	border-radius:5px;
	align-items:center;
	justify-content: center;
	text-align:center;
	cursor:pointer;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
	border:2px solid white;
 }

#ligne_1_point_2_menu_pied{
position:absolute;
margin:2px;
top:0px;
left:0px;
}

#ligne_2_point_2_menu_pied{
position:absolute;
margin:2px;
top:7px;
left:0px;
}

#ligne_3_point_2_menu_pied{
position:absolue;
margin:2px;
top:14px;
left:0px;
}

.cadre_contenu_menu_pied{
position:fixed;
width:80px;height:130px;
background:white;
display:none;
right:10px;
bottom:45px;
border-radius:5px;
align-items:center;
justify-content: center;
text-align:center;
overflow-y:auto;
box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
border:2px solid #F442A3;
z-index:99999;
background:rgb(255 255 255 1);
}


.cadre_contenu_menu_pied_2{
position:fixed;
width:80px;height:102px;
background:white;
display:none;
right:10px;
top:0px;
border-radius:5px;
align-items:center;
justify-content: center;
text-align:center;
overflow-y:auto;
box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
border:2px solid #F442A3;
z-index:99999;
background:rgb(255 255 255 1);
}
 

.icone_b_chat,.icone_b_partager{
position:relative;
    width:30px;height:30px;
    background:white;
    
 transform:translateY(1%);
 
    border-radius:50%;
    align-items:center;
   justify-content: center;
   text-align:center;
   cursor:pointer;
   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
   border:2px solid white;
 }
 

.cadre_contenu_menu_page_droite{
position:fixed;
width:140px;height:130px;
background:white;
display:none;
padding:5px;
right:45px;
top:50%;
border-radius:5px;
align-items:center;
justify-content: center;
text-align:center;
overflow-y:auto;
box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
border:5px solid #F442A3;
background:cyan;
}

#tbody{
position:relative;
overflow-y:auto;
background:cyan;
height:65%;
width:100%;
}

#tbody_page_identification{
position:relative;
overflow-y:auto;
background:cyan;
height:73%;
width:100%;
}




#tbody_left{
position:absolute;
overflow-y:auto;
background:cyan;
height:50%;
width:96%;
top:50px;
left:6px;

}

#tbody_left_four{
position:absolute;
overflow-y:auto;
background:cyan;
height:70%;
width:96%;
top:50px;
left:6px;

}


.cadre_tout{
 	position:fixed;
 	display:none;
 	top:100px;
  	height:;
 	width: ;
 	overflow:auto;
 	background:url("Fond Application.png");
	border:5px solid white;
 	border-radius:30px;
 	z-index:100000;
 }
 .cadre_tout_2{
 	position:relative;
  	height:100%;
 	width: 100%;
 	overflow:hidden;
 	background: url("Fond Application.png");
	border:5px solid cyan;
 	border-radius:30px;
 	padding-top:40px;
 	
 }
 
 .cadre_en_tete_cadre_tout{
 	position:relative;
  	height:20%;
 	width: 100%;
 	overflow:hidden;
 	background: green;

 }
 
 
 .cadre_tout_form{
 	position:relative;
  	height:100%;
 	width: 100%;
 	overflow:auto;
 	background:url("Fond Application.png");
 	color:white;
     	font-weight:500;
	font-size:18px;
	padding:10px;
	text-align:left;
 }
 
 .cadre_pied_message_non_erreur{
 	position:relative;
  	height:15%;
 	width: 100%;
 	overflow:hidden;
 	background: white;

 }

.fermer{
 position:absolute;
 align-items:center;
 justify-content: center;
 text-align:center;
 width:35px;
 height:35px;
 top:3px;
 right:5px;
 font-weight:500;
 font-size:40px;
 color:white;
 background:red;
 padding:5px;
 border-radius:40%;
 cursor:pointer;
 }
 
 .fermer_apps{
 position:absolute;
 align-items:center;
 justify-content: center;
 text-align:center;
 width:42px;
 height:42px;
 top:0px;
 right:130px;
 font-weight:500;
 font-size:40px;
 color:white;
 background:red;
 padding:5px;
 border:3px solid cyan;
 padding:3px;
 border-radius:50%;
 cursor:pointer;
 }
 
 .valeur_fermer{
 position:absolute;
 transform:translateX(-50%) translateY(-31%);
 }
 
 

.info_1{background:white; top:0%; font-size:16px; color:red; font-weight: bold; text-align: center; height:40px; }


.info_1_mdp{background:white; top:0%; font-size:16px; color:red; font-weight: bold; text-align: center; height:30px; }
 
 .info_1_ajout{background:green; top:0%; font-size:18px; color:white; font-weight: bold; text-align: center; height:80px; }
 
  .info_1_depot{background:white; top:0%; font-size:30px; color:black; font-weight: bold; text-align: center; height:23px; }
  
    
  .Cellule_Actuel{border:1px;border-color:white;border-style:solid;marging:0px;padding:1.5px 2px; font-size:20px;  text-align:left; border-top:2px;}
  
 
 .En_Tete{text-align:center; color:white;}
 .En_Tete_2{text-align:left; color:white;}
 .titre_tableau_1{background:white;font-size:20px; color:black; text-align: center; height:30px;}
 .Liste_0{
width:100%;
 }
 
 .Liste{
width:100%;
 }
 
 .cadre_message_erreur{
 	position:fixed;
 	display:none;
 	top:10px;
  	height:210px;
 	width: 260px;
 	overflow:auto;
 	background:white;
	border:5px solid white;
 	border-radius:30px;
 	
 }
 .cadre_message_erreur_2{
 	position:relative;
  	height:100%;
 	width: 100%;
 	overflow:hidden;
 	background: #F442A3;
	border:5px solid cyan;
 	border-radius:30px;
 	padding-top:40px;
 	
 }
 
 .cadre_en_tete_message_erreur{
 	position:relative;
  	height:20%;
 	width: 100%;
 	overflow:hidden;
 	background: green;

 }
 
 
 .cadre_form_message_erreur{
 	position:relative;
  	height:100%;
 	width: 100%;
 	overflow:auto;
 	background:#F442A3;
 	color:white;
     	font-weight:500;
	font-size:18px;
	padding:10px;
	text-align:left;
 }
 
 .cadre_pied_message_erreur{
 	position:relative;
  	height:15%;
 	width: 100%;
 	overflow:hidden;
 	background: white;

 }

 
 
 .cadre_message_non_erreur{
 	position:fixed;
 	display:none;
 	top:10px;
  	height:;
 	width: ;
 	overflow:auto;
 	background:white;
	border:5px solid white;
 	border-radius:30px;
 	
 }
 .cadre_message_non_erreur_2{
 	position:relative;
  	height:100%;
 	width: 100%;
 	overflow:hidden;
 	background: green;
	border:5px solid cyan;
 	border-radius:30px;
 	padding-top:40px;
 	
 }
 
 .cadre_en_tete_message_non_erreur{
 	position:relative;
  	height:20%;
 	width: 100%;
 	overflow:hidden;
 	background: green;

 }
 
 
 .cadre_form_message_non_erreur{
 	position:relative;
  	height:100%;
 	width: 100%;
 	overflow:auto;
 	background:green;
 	color:white;
     	font-weight:500;
	font-size:18px;
	padding:10px;
	text-align:left;
 }
 
 .cadre_pied_message_non_erreur{
 	position:relative;
  	height:15%;
 	width: 100%;
 	overflow:hidden;
 	background: white;

 }
 </style><style>

#Bars_Menu_0 {background:cyan; text-align:center; position: fixed; top:15% ; bottom:80% ; left: 1% ; right:1%  ; color: blue; font-size:20px;}

#Bars_Menu {background:cyan; text-align:center; position: fixed; top:15% ; bottom:80% ; width:100px right:-5%  ; color: blue; font-size:20px;}

#Haut {background:cyan; text-align:right; position: fixed; top:0% ; bottom: 85% ; left: 1% ; right:1%  ;}

 #Menu_Principale {background:cyan; text-align:right; position: fixed; top:19% ; height:85px ; left: 1% ; right:1%  ;overflow-x:auto;}

 #Gauche {background:cyan;  position:fixed; top:27% ; bottom: 16% ; left: 1%; right: 93% ;}
 #Bas {background:#00FFFF; text-align:center;position:fixed; top:85% ; bottom: 1% ; left: 1% ; right: 1%;font-size: 20px; overflow:auto;}
 input[name="Sous_Menu"]{width: 98%; border:none; background:#2A265E; color: white;
 padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 20px;margin-left: 1%;margin-right: 1%;height: 45px;
 
 }
 
  .page_index{width: 98%; border:none; background:#2A265E; color: white;
 padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 20px;margin-left: 1%;margin-right: 1%;height: 45px;
 
 }
 
 input[name="Sous_Menu"]:hover{cursor: pointer; background:#AA2828; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF; text-transform: uppercase;}
 
 .l_a_fr{width: 98%; border:none; background:#2A265E; color: white;
 padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 20px;margin-left: 1%;margin-right: 1%;height: 45px;
 }
 
 .l_a_fr:hover{cursor: pointer; background:#AA2828; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF; text-transform: uppercase;}
 
 .l_a_ar{width: 98%; border:none; background:#2A265E; color: white;
 padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 20px;margin-left: 1%;margin-right: 1%;height: 45px;
 }
 
 .l_a_ar:hover{cursor: pointer; background:#AA2828; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF; text-transform: uppercase;}
 
 .l_i_fr{width: 98%; border:none; background:#2A265E; color: white;
 padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 20px;margin-left: 1%;margin-right: 1%;height: 45px;
 }
 
 .l_i_fr:hover{cursor: pointer; background:#AA2828; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF; text-transform: uppercase;}
 
 .l_i_ar{width: 98%; border:none; background:#2A265E; color: white;
 padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 20px;margin-left: 1%;margin-right: 1%;height: 45px;
 }
 
 .l_i_ar:hover{cursor: pointer; background:#AA2828; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF; text-transform: uppercase;}
 
 
 
#Droite_Accueil {background:#00FFFF;  position: fixed; top:32% ; bottom: 10% ; left: 78% ; right:1% ;overflow:auto;}

#Espace_Utilisateur_1 {background:cyan;  position: fixed; top:0%; bottom: 85% ; left: 1% ; right:60% ;overflow:auto; color:black; font-size:16px;}

#Droite_Accueil_2 {background:#00FFFF;  position: fixed; top:25% ; bottom: 70% ; left: 78% ; right:1%}
.Lien{width: 100%;height: 100%;}

 #Cote_Gauche {background:yellow; position:fixed; left: 8% ;top:30% ; width: 34% ; height: 60%;}
 #Cote_Gauche_0 {background:white; position:relative; left: 1% ;top:-4% ; width: 98% ; height: 7%;}
 #Cote_Gauche_Logo {background:blue; position:relative; left: 25% ;top:-7% ; width: 51% ; height: 34%;}
  #Cote_Gauche_Plus_Info {background:violet; position:relative; left: 1% ;top:-6% ; width: 98% ; height: 5%;}
  #Cote_Gauche_1 {background:black; position:relative; left: 1% ;top:-1% ; width: 48% ; height: 45%;}
 #Cote_Gauche_2 {background:blue; position:relative; left: 51% ;top:-46% ; width: 48% ; height: 45%;}
 #Cote_Gauche_3 {background:none; position:relative; left: 1% ;top:-45% ; width: 49% ; height: 5%;}
 #Cote_Gauche_4 {background:none; position:relative; left: 51% ;top:-50% ; width: 48% ; height: 5%;}
 
 #Cote_Droite{background:green;  position:fixed; top:30% ; left: 43% ; width:34%;height: 60%;}
 #Cote_Droite_1 {background:black; position:relative; left: 1% ;top:1% ; width: 98% ; height: 48%;}
 #Cote_Droite_2 {background:blue; position:relative; left: 1% ;top:3% ; width: 98% ; height: 48%;}
 


input[name="Plus_Info"]{width: 100%; border:2px solid #FFF; background:#00FFFF; color: black;
 padding-bottom: 5px; padding-top: 5px;
 font-size: 18px;}
 
 input[name="Plus_Info"]:hover{cursor: pointer; background:#00FFFF;}
 
 .Bien_Venue{margin-left: 33%;width: 40%; background:none; color: black;font-size: 20px; font-weight: bold;}
 .Label_Titre_Apps{margin-left: 33%;width: 35%; background:none; color: black;font-size: 15px;}
 #Label_Logo{background:#AA2828;margin-left: 1%; margin-top: 1%; width: 18%; color: white;font-size: 12px;font-weight: bold;}
 .2Logo_Apps{background:none;margin-left: 1%; margin-right: 1%;margin-top: -3%;}


 /*DEBUT FORMULAIRE*/
 #Label_Logo {background:#AA2828;height:16px; font-size: 12px;font-weight: bold;
 margin-left:151px;color: white; text-align: center;}
 #Info_1 {background:#AA2828;height:16px; font-size: 30px;font-weight: bold;
 margin-left:151px;color: white; text-align: center;}
.valeur_1 {color:black; font-size: 16px;font-weight: bold;}
.valeur_2 {color:black; font-size: 16px;font-weight: bold;}

 
 #Logo{margin-top: 10%;}
 
 #Tableau_1{margin-top: 1%;margin-left:1%;}
 #Tableau_2{margin-left:1%;}
 #Tableau_3{margin-left:1%;}
 #Tableau{margin-top: 0%;margin-left:1%; }
 
 #Label_Donnees{font-size: 17px; color: blue;}
 #Input_Donnees{font-size: 40px; color: black;height:100%;width:100%; }

 #Input_Donnees_montant{font-size: 40px; color: black;height:100%;width:72%; }
 #search{font-size: 17px; color: black; }
 .devise{font-size: 40px; color: blue; }
 #Titre_Donnees{font-size: 17px; color: black;}
 .espace{width:50px;}
 </style><style>

  .Sous_Menu{width: 98%; border:none; background:#00FFFF; color:#F442A3; 
 padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 20px;font-weight: bold;margin-left: 1%;margin-right: 1%;
 }
 
 .total{width: 98%; border:none; color:#F442A3; 
 padding-bottom: 5px; padding-top: 5px;
 font-size: 16px;font-weight: bold;margin-left: 1%;margin-right: 1%;
 }
 
 .ajoutee{width: 98%; border:none; background:#785E2F; color:#F442A3; 
 padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 20px;font-weight: bold;margin-left: 1%;margin-right: 1%;color:white;
 }
 
 .Tittre_produit{width: 98%; border:none; background:#00FFFF; color:#F442A3; 
 padding-bottom: 2px; padding-left: 2px;border-bottom:2px solid #FFF;
 font-size: 14px;font-weight: bold;margin-left: 1%;margin-right: 1%;height:40px;
 }
 
 .Tittre_produit_sans_fixer_height{width: 98%; border:none; background:#00FFFF; color:#F442A3; 
 padding-bottom: 2px; padding-left: 2px;border-bottom:2px solid #FFF;
 font-size: 14px;font-weight: bold;margin-left: 1%;margin-right: 1%;
 }
 
 .Tittre_diminuer_taille_1{width: 98%; border:none; background:#00FFFF; color:#F442A3; 
 padding-bottom: 2px; padding-left: 2px;border-bottom:2px solid #FFF;
 font-size: 12px;font-weight: bold;margin-left: 1%;margin-right: 1%;height:40px;
 }
 
 
 
 
 
 .detail_vendeur{font-size: 11px;}
 #logo_vendeur:hover{cursor:pointer;}
 
 .Sous_Menu:hover{cursor:pointer
 }
 
 .Ajouter_Panier{position:relative;width: 98%; height: 100%; border:none; background:white; color:green; border-bottom:2px solid #FFF;
 font-size: 11px;font-weight: bold;margin-left: 1%;margin-right: 1%;
 }
 
 
 .label_ajouter_panier{
 position:relative;width: 98%; 
 height: 100%; border:none; background:white; 
 color:green; border-bottom:2px solid #FFF;
 font-size: 11px;font-weight: bold;margin-left: 
 1%;margin-right: 1%;top:12px;cursor:not-allowed
        
            
        }
 .Ajouter_Panier:hover{cursor:pointer
 }
 
 #icone_color_green{
            position:absolute;
            color:green;background:white;font-size:28px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           
            
        }
        
#icone_color_red{
    position:absolute;
    color:red;background:white;font-size:28px;
    top: 50%;
left: 50%;
   transform: translate(-50%, -50%);
    
}

.cadre_icone_chat_fournisseur_produit{
            position:relative;
            width:30px;height:30px;
            background:white;
            left:10px;top:0px;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid white;
        }
        
.cadre_icone_modifier_panier{
            position:relative;
            width:30px;height:30px;
            background:white;
            left:10px;top:0px;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid white;
        }
#icone_modifier_panier{
            position:absolute;
            color:green;background:white;font-size:22px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           
            
        }


.cadre_icone_supprimer_panier{
            position:relative;
            width:30px;height:30px;
            background:white;
            left:10px;top:0px;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid white;
        }
#icone_supprimer_panier{
    position:absolute;
    color:red;background:white;font-size:22px;
    top: 50%;
left: 50%;
   transform: translate(-50%, -50%);
    
}


#icone_panier_color_green{
            position:absolute;
            color:green;background:white;font-size:20px;
            top: 30%;
        left: 50%;
           transform: translate(-50%, -50%);
           cursor:pointer;
            
        }

#icone_panier_color_red{
            position:absolute;
            color:red;background:white;font-size:20px;
            top: 30%;
        left: 50%;
           transform: translate(-50%, -50%);
           cursor:pointer;
            
        }
        
.icone_valeur_div_panier{
            position:relative;
            width:35px;height:35px;
            background:white;
            border:1px solid cyan;
        }
     
        #valeur_panier{
            position:absolute;
            width:33px;
            
            color:white;background:#F442A3;font-size:12px;
            top: 90%;
            left: 48%;
           transform: translate(-50%, -50%);
           cursor:pointer;
           
        }
        
  
  .b_icone_panier{
            position:absolute;
            top:50px;
            left:45%;
            transform:translateY(-100%);
            width:35px;height:35px;
            background:white;
            border:1px solid cyan;
        }      
 #icone_panier,#icone_money{
            position:absolute;
            color:#F442A3;background:white;font-size:28px;
            top: 30px;
            left:44%;
            transform:translateY(-100%);
           cursor:pointer;
            
        }       
        
        .icone_div_b_options_publier{
            position:relative;
            width:70px;height:70px;
            background:white;
            border:1px solid white;
            border-radius:50%;
            margin-bottom:25px;
            top:30%;
	    align-items:center;
	   justify-content: center;
	   text-align:center;
        }
     
        #valeur_b_options_publier{
            position:absolute;
            width:80px;
            color:#F442A3;background:cyan;font-size:12px;
            top: 120%;
            left: 50%;
           transform: translate(-50%, -50%);
           cursor:pointer;
           font-weight: bold;
           
        }
        
        #valeur_b_options_publier_2{
            position:absolute;
            width:100px;
            color:#F442A3;background:cyan;font-size:12px;
            top: 120%;
            left: 50%;
           transform: translate(-50%, -50%);
           cursor:pointer;
           font-weight: bold;
           
        }
        
        #icone_b_options_publier{
            position:absolute;
            color:#F442A3;background:white;font-size:45px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           cursor:pointer;
            
        }
        
        
        .icone_div_b_four_comm{
            position:relative;
            width:40px;height:40px;
            background:white;
            border:1px solid white;
            border-radius:50%;
            margin-bottom:5px;
            top:5%;
	    align-items:center;
	   justify-content: center;
	   text-align:center;
        }
        
        #icone_b_four_comm{
            position:absolute;
            color:#F442A3;background:white;font-size:35px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           cursor:pointer;
            
        }
        
        #icone_b_argent{
            position:absolute;
            color:green;background:white;font-size:23px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           cursor:pointer;
            
        }
        
        #icone_b_argent_2{
            position:absolute;
            color:green;background:white;font-size:18px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           cursor:pointer;
            
        }
        
        #icone_b_non_argent{
            position:absolute;
            color:red;background:white;font-size:23px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           cursor:pointer;
            
        }
        
        #icone_b_non_argent_2{
            position:absolute;
            color:red;background:white;font-size:18px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           cursor:pointer;
            
        }
        
        
 
 
 #icone_b_detail_produit{
position:absolute;
    width:30px;height:30px;
    background:#F442A3;
    top:15%;
 transform:translateY(-50%);
 right:7px;
    border-radius:50%;
    align-items:center;
   justify-content: center;
   text-align:center;
   cursor:pointer;
   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
   border:2px solid #F442A3;
 }
 
 
 
 .img_loader{
 display:none;
position:absolute;
    width:150px;height:150px;
    background:white;
 top:50%;
 transform:translateY(-50%);
 
    
   cursor:pointer;
   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
   border:2px solid cyan;
   border-radius:50%;
 }
 
  
 .cadre_message_erreur_fixed{
        display: none;
        position:fixed;
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        z-index:99999;
        background:rgb(15 10 10 /59%);
      }
      
      .cadre_message_erreur_fixed_m_2{
        display: none;
        position:fixed;
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        z-index:99999;
        background:rgb(15 10 10 /59%);
      }
      
 .contenu_cadre_message_erreur_fixed{
 position:absolute;
 align-items:center;
 justify-content: center;
 text-align:center;
 width:290px;height:140px;
 top:40px;
 font-weight:500;
 font-size:30px;
 color:white;
 background:white;
 padding:2px;
 
 cursor:pointer;
 }
 
 .contenu_cadre_message_erreur_fixed_m_2{
 position:absolute;
 align-items:center;
 justify-content: center;
 text-align:center;
 width:290px;height:140px;
 top:40px;
 font-weight:500;
 font-size:30px;
 color:white;
 background:white;
 padding:2px;
 
 cursor:pointer;
 }
 
 .cadre_img_loader_fixed{
        display: none;
        position:fixed;
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        z-index:99999;
        background:rgb(15 10 10 /59%);
      }
      
.cadre_img_loader_fixed_2{
	display:block;
	position:absolute;
	width:300px;height:200px;
	background:white;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);


	cursor:pointer;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
	border:4px solid cyan;
	border-radius:20px;
 }
      
 .img_loader_fixed{
 display:block;
position:absolute;
    width:150px;height:150px;
    background:white;
 top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
 
    
   cursor:pointer;
   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
   border:2px solid cyan;
   border-radius:50%;
 }
 
 
 #icone_b_se_connecter_services{
position:absolute;
    width:40px;height:40px;
    background:white;
    top:19px;
 transform:translateY(-50%);
 right:3px;
    border-radius:50%;
    align-items:center;
   justify-content: center;
   text-align:center;
   cursor:pointer;
   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
   border:2px solid white;
 }
 
 #b_se_connecter_services{
            position:absolute;
            color:#F442A3;background:white;font-size:25px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           
        }
        

        
#b_publier{
position:relative;
    width:30px;height:30px;
    background:#F442A3;
    padding:5px;
    margin:5px;
 
    border-radius:50%;
    align-items:center;
   justify-content: center;
   text-align:center;
   cursor:pointer;
   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
   border:2px solid #F442A3;
 }
 
#b_plus{
            position:absolute;
            color:white;background:#F442A3;font-size:22px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           
        }  
        
 #b_fermer{
            position:absolute;
            color:white;background:red;font-size:22px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           
        }       
 
.icone_menu_racourci{
    position:relative;
    width:30px;height:30px;
    background:#F442A3;
    padding:5px;
    margin:5px;

    border-radius:50%;
    align-items:center;
   justify-content: center;
   text-align:center;
   cursor:pointer;
   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
   border:2px solid #F442A3;
   
}

#icone_menu_racourci{
    position:absolute;
    color:white;background:#F442A3;font-size:22px;
    top: 50%;
left: 50%;
   transform: translate(-50%, -50%);
   
}

.icone_menu_apps{
    position:relative;
    width:30px;height:30px;
    background:#F442A3;
    padding:5px;
    margin:5px;
 
 
    border-radius:50%;
    align-items:center;
   justify-content: center;
   text-align:center;
   cursor:pointer;
   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
   border:2px solid #F442A3;
   
}

#icone_menu_apps{
width:30px;height:30px;
    position:absolute;
    color:white;background:#F442A3;font-size:22px;
    top: 50%;
left: 50%;
   transform: translate(-50%, -50%);
   
}

.valeur_icone_menu_apps{
position:absolute;
 height:4px;
 width:4px;
 border:2px solid white;
 border-radius:50%;
 background:white;
 
 cursor:pointer;
}



#ligne_1_point_1_menu_apps{
position:absolute;
margin:2px;
top:3px;
left:0px;
}

#ligne_1_point_2_menu_apps{
position:absolute;
margin:2px;
top:3px;
left:8px;
}

#ligne_1_point_3_menu_apps{
position:absolute;
margin:2px;
top:3px;
left:16px;
}

#ligne_2_point_1_menu_apps{
position:absolute;
margin:2px;
top:9px;
left:0px;
}

#ligne_2_point_2_menu_apps{
position:absolute;
margin:2px;
top:9px;
left:8px;
}

#ligne_2_point_3_menu_apps{
position:absolute;
margin:2px;
top:9px;
left:16px;
}

#ligne_3_point_1_menu_apps{
position:absolute;
margin:2px;
top:15px;
left:0px;
}

#ligne_3_point_2_menu_apps{
position:absolute;
margin:2px;
top:15px;
left:8px;
}

#ligne_3_point_3_menu_apps{
position:absolute;
margin:2px;
top:15px;
left:16px;
}

 #Notification{
 position:absolute;
 width:25px;
 height:25px;
 padding:3px;
 background:cyan;
 top:23%;

 right:80px;
  cursor:pointer;
  
 }
 
        #fo_2{
            position:absolute;
            color:#F442A3;background:cyan;font-size:28px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           
        }
        
        .valeur_notif{
            position:absolute;
            
            color:white;background:red;font-size:14px;
            top: -15px;
            right: -20px;
           
           padding:2px;
           border-radius:30px;
           
        }
        
        #B_Retour{
            position:absolute;
            color:white;background:#F442A3;font-size:28px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           
        }
        
        .arriere{
 	position:absolute;
            width:35px;height:35px;
            background:#F442A3;
            left:0px;top:1px;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid #F442A3;
 	   margin:5px;
 }
 
 #b_avancer{
            position:absolute;
            color:white;background:#F442A3;font-size:25px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           
        }
        
        .avancer{
 	position:relative;
            width:30px;height:30px;
            background:#F442A3;
            left:-10%;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid #F442A3;
 	   margin:5px;
 }
 
 
 #b_right_avancer{
            position:absolute;
            color:#F442A3;background:white;font-size:25px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           
        }
        
 .right_avancer{
 	position:relative;
            width:25px;height:25px;
            background:white;
            left:0%;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid white;
 	   margin:5px;
 }
 
 
 #b_arriere_pied_page{
            position:absolute;
            color:white;background:#F442A3;font-size:25px;
            top: 50%;
       
           transform: translate(-50%, -50%);
           
        }
        
        .arriere_pied_page{
 	position:absolute;
            width:30px;height:30px;
            background:#F442A3;
            right:-4px;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid #F442A3;
 	   margin:5px;
 }
 
 .b_menu_page_droite{
 	position:absolute;
            width:27px;height:27px;
            background:#F442A3;
            right:-4px;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid #F442A3;
 	   margin:5px;
 }
 
 .valeur_icone_menu_page_droite{
position:absolute;
 height:5px;
 width:5px;
 border:3px solid white;
 border-radius:50%;
 background:white;
 
 cursor:pointer;
    
}

 #ligne_1_point_2_menu_page_droite{
position:absolute;
margin:2px;
top:0px;
left:30%;
}

#ligne_2_point_2_menu_page_droite{
position:absolute;
margin:2px;
top:7px;
left:30%;
}

#ligne_3_point_2_menu_page_droite{
position:absolue;
margin:2px;
top:14px;
left:30%;
}
 
 #b_options{
            position:absolute;
            color:#F442A3;background:white;font-size:20px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           
        }
  
  .options{
 	position:relative;
            width:30px;height:30px;
            background:white;
            left:0%;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid white;
 	   margin:5px;
 }
 
 .options_3{
 	position:relative;
            width:35px;height:35px;
            background:white;
            left:0%;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid white;
 	   margin:5px;
 }
 
 .options_2{
 	position:absolute;
            width:30px;height:30px;
            background:white;
            right:5px;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid white;
 	   margin:5px;
 }
 
 .valider{
 	position:absolute;
            width:30px;height:30px;
            background:#F442A3;
            right:5px;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid #F442A3;
 	   margin:5px;
 }
 
.b_partager_page_creer_compte{
 	position:absolute;
            width:30px;height:30px;
            background:white;
            right:5px;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid white;
 	   margin:5px;
 }
 
 .avancer_right{
 	position:absolute;
            width:30px;height:30px;
            background:#F442A3;
            right:5px;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid #F442A3;
 	   margin:5px;
 }
 
 
        
        .plus{
 	position:relative;
	    width:30px;height:30px;
	    background:#F442A3;
	    left:5px;
	    border-radius:50%;
	    align-items:center;
	   justify-content: center;
	   text-align:center;
	   cursor:pointer;
	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
	   border:2px solid #F442A3;
	   margin:5px;
 }
 
 
 
 
 
        
         .icone_b_option_recherche{
            position:relative;
            width:35px;height:35px;
            background:white;
            left:10px;top:0px;
            border-radius:50%;
            align-items:center;
 	   justify-content: center;
 	   text-align:center;
 	   cursor:pointer;
 	   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
 	   border:2px solid white;
 	   
        }
        
        #icone_b_option_recherche{
            position:absolute;
            color:#F442A3;background:white;font-size:28px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           
        }
        
        .icone_option_recherche{
	 width:25px;
	 height:25px;
	 position: absolute;
	 top:50%;
	 right:7px;
	 transform:translateY(-50%);
 	}
 	
 	#icone_option_recherche{
            position:absolute;
            color:#F442A3;background:white;font-size:28px;
            top: 50%;
        left: 50%;
           transform: translate(-50%, -50%);
           cursor:pointer;
           
        }
 </style><style>
.Liste_message{width: 98%;}

.td_message_description:hover{background-color:yellow;cursor:pointer;}

.td_message_date{background-color:#00FFFF;cursor:pointer;padding-top: 5px;font-size: 20px;font-weight: bold;text-align: center;}
.td_message_description{background-color:white;cursor:pointer;padding-top: 5px;font-size: 20px;font-weight: bold;text-align: center;}

 .bmessage:hover{cursor: pointer; background:#008000; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF; text-transform: uppercase;}

 .bmessage{width: 100%; border:none; background:#008000; color: white;padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 17px;margin-left: 1%;margin-right: 1%;
 }

 .bmessage_2:hover{cursor: pointer; background:#00FFFF; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF; text-transform: uppercase;}

 .bmessage_2{width: 100%; border:none; background:#00FFFF; color: black;padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 17px;margin-left: 1%;margin-right: 1%;
 }

 .zmessage:hover{cursor: pointer; background:red; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF; text-transform: uppercase;}

 .zmessage{width: 100%; border:none; background:red; color: white;padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 17px;margin-left: 1%;margin-right: 1%;
 }

 .zmessage_2:hover{cursor: pointer; background:yellow; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF; text-transform: uppercase;}

 .zmessage_2{width: 100%; border:none; background:yellow; color: black;padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 17px;margin-left: 1%;margin-right: 1%;
 }

 .zmessage_3:hover{cursor: pointer; background:white; border-bottom: solid 3px #FFF; border-top: solid 3px #FFF; text-transform: uppercase;}

 .zmessage_3{width: 100%; border:none; background:white; color: black;padding-bottom: 5px; padding-top: 5px;border-bottom:2px solid #FFF;
 font-size: 17px;margin-left: 1%;margin-right: 1%;
 }

.amessage{width: 100%;}
.amessage_2{width: 100%;}
.titre_message{width: 98%; border:2px solid #FFF; background:#00FFFF; color: black;
 padding-bottom: 5px; padding-top: 5px;
 font-size: 18px;}


input[name="options"]{width: 98%; border:2px solid #FFF; background:#00FFFF; color: black;
 padding-bottom: 5px; padding-top: 5px;
 font-size: 15px;}

 #Info_1_Echec {background:#AA2828;height:16px; font-size: 30px;font-weight: bold;
 margin-left:151px;color: white; text-align: center;}

input[name="options"]:hover{cursor:pointer;width: 98%; border:2px solid #FFF; background:#00FFFF; color: black;
 padding-bottom: 5px; padding-top: 5px;
 font-size: 15px;}

input[name="groupes"]:hover{cursor:pointer;width: 50%; border:2px solid #FFF; background:#00FFFF; color: black;
 padding-bottom: 5px; padding-top: 5px;
 font-size: 18px;}

 }
 </style>hghghhghgg