.attach {
 -moz-border-radius: 15px; 
 -webkit-border-radius: 15px; 
 border-radius: 15px; 
 border: 2px solid #808080;
 padding: 3px;
 margin-left : 5px;
 margin-right: 5px;
}
.attach_table {
 width:100%;
 border:5px solid #ffff;
}
.attach_link {
 text-decoration : underline ;
}
#attach_div_menu {
 -moz-border-radius: 15px; 
 -webkit-border-radius: 15px; 
  border-radius: 15px; 
  border: 3px solid #000000;
  position: absolute;
  top: 50%;
	left: 50%; 
	margin-top: -250px;
	margin-left: -300px;  
  text-align: center;
  width: 500px;
  height:400px;
  z-index: 100;
}
.attach_div_cont {
 -moz-border-radius: 15px; 
 -webkit-border-radius: 15px; 
  border-radius: 15px; 
  margin: 5px;
  padding : 10px;
  text-align: left;
  height: 290px;
  overflow: auto;
}
.attach_div_cont a {
  text-decoration: underline;
}

.attach_affiche {
 -moz-border-radius: 15px; 
 -webkit-border-radius: 15px; 
  border-radius: 15px;
  background-color: #f0f0f0; 
  position: fixed;
  right: 2px; 
  border: 2px solid #000000; 
  z-index: 120;
  overflow-y: scroll; 
  padding: 5px; 
}

.attach_public {
  bottom: 15px; 
  top: 40px; 
  left: 252px; 
}

.attach_connect {
  top: 2px; 
  left: 252px; 
  bottom: 2px; 
}

#atta_div_menu {
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
   border-radius: 15px; 
   border: 3px solid #000000;
   position: fixed;
   top: 100px;
   left: 50%; 
   margin-left: -250px;  
   text-align: center;
   width: 400px;
   height:400px;
   max-width: 100%;
   z-index: 150;
}
.atta_div_cont {
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
   border-radius: 15px; 
   margin: 5px;
   padding : 10px;
   text-align: left;
   height: 250px;
   overflow: auto;

}
.atta_div_cont a {
   text-decoration: underline;
}

.atta_col_lime {
  color: #10a010;
}
.atta_col_fushia {
  color: #c02020;
}


@media screen and (max-width:640px) { 

#atta_div_menu {
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
   border-radius: 10px; 
   border: 2px solid #000000;
   position: fixed;
   top: 100px;
   left: 5px;  
   margin-left: 0px;  
   text-align: center;
   width: 400px;
   height:400px;
   max-width: 100%;
   z-index: 150;
}
.atta_div_cont {
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
   border-radius: 10px; 
   padding : 5px;
}
.atta_div_cont a {
   text-decoration: underline;
}
}
@media screen and (max-width:1024px) { 

.attach_public , .attach_connect {
  top: 35px; 
  left:2px; 
}

}