/*--style for art page--*/
 #wrap{height:3000px;
         border:none;
		 background:#F6F1F1;
         }
		 
 #small-header{width:790px; 
               height:50px; 
			   position:relative;
			   top:3px;left:100px;
			   background: linear-gradient(to top right, red,#333c98 ,red); 
               }
 .title-h3{font:16pt arial;
           margin-top:4px;
		   position:relative;
		   left:-0px;
		   color:white;
           }
 
 #menu3{background:#cecece;width:790px;
        height:35px;
		position:relative;
		left:101px;
		margin-top:-36px;
 }
 #menu12{margin-left:2px;
         margin-top:-10px;
         font:10pt arial;
         }
 #menu12 td a{border:none;
	         height:30px;
			 text-decoration:none;
			 color:white;
			 font: 13pt arial;
			 padding-top:0px;
             }
  #menu12 td a:hover{border-bottom:1px solid white;
                    height:30px;
	                color:white;
					background:;
					}
					
  #menu120{margin-left:2px;
         margin-top:-8px;
         
         }
   #menu120 td a{border:none;
	         height:30px;
			 text-decoration:none;
			 color:black;
			 font: 11pt arial;
			 padding-top:0px;}
   #menu120 td a:hover{border-bottom:1px solid black;
                    height:30px;
	                color:black;
					background:;}


   #menu121{margin-left:2px;
            margin-top:-10px;
            font:10pt arial;}
   #menu121 td a{border:none;
	         height:30px;
			 text-decoration:none;
			 color:white;
			 font: 11pt arial;
			 padding-top:7px; }
  #menu121 td a:hover{border-bottom:1px solid white;
                    height:30px;
	                color:white;}					
					
  .cadre-incones{background:white;
                 width:790px ;
				 height:55px;
				 position:relative;
				 left:100px;
				 margin-top:-10px;
					}
   #border-cadre{width:770px;
                 height:35px;
				 border:1px solid #cecece;
				 margin-left:8px;
		         position:relative;
				 top:8px;
					}
				
	#incones{width:700px;
	         height:20px;
			 margin-left:33px;
		     position:relative;top:0px;
					}
	
	#cadre-incones{
					}	
					
					
 #menu-page-accueil{border:none;
                 width:655px;
		         height:35px;
		         position:relative;
				 
				 left:15px;
		         top:-5px;
	             }
 #menu-page-accueil td a{border-right:none;
                        border-left:1px solid white;
	                    display:block;
	                    height:40px;
					    text-decoration:none;
					    color:white;
					    font: 14pt arial;
					    padding-top:7px;
                        background-color:none;
                        }
 #menu-page-accueil td a:hover{border-right:none;
                              background: linear-gradient(to top right, red,#333c98 ,red);
						      height:40px;
	                          color:yellow;
							  }
 .td-menu-page-accueil{width:60px;
	                   height:28px;
					   background:none;
					   margin-left:-30px;
						  }
 .table-menu-page-accueil{margin-left:79px;
                          margin-top:3px;
						  }
 .commands{margin-top:6px;}
 .send-email{margin-top:6px;}
 .colleagues{margin-top:6px; }
 .paintings-art{margin-top:6px; }
 .gallery{margin-top:6px; }
 		
 .table-menu12{position:relative;top:7px;}
 .td-home p{border-right:1px solid #858181;
            text-align:center;
            }
 .td-D-profil p{border-right:1px solid #858181;
                text-align:center; 
				}
 .td-back p{border-right:1px solid #858181;
            text-align:center;
			margin-top:2px;}
 .td-exit p{border-right:1px solid #858181;
            text-align:center;
			margin-top:2;}
 
 #left-colone{border:none;
              width:60px;
			  height:60px;
			  position:relative;
			  left:0px;
			  top:-105px;
              }
 #my-logo{position:relative;
          left:10px;
		  top:23px}
 .mylogo-art{position:relative;left:10px;top:-52px}
 #sign-out{border:none;
           width:80px;
		   height:20px;
		   position:relative;
           background:#B00E35; 
		   }
 #incones{position:relative;
          top:1px;
		  left:11px;
		  }
 .sign-out{border:none;width:80px;
           height:20px;
		   position:relative;
		   left:10px;
		   top:-65px;
	       background:#B00E35;
		       }
  .incones{position:relative;
           top:1px;
		   left:11px;
		   }
  .incones p{color:white;
             font:12pt arial;
             }
  
  .text-cadre{position:relative;
             top:-70px;
			 left:100px;
			 border:none;
			 width:790px;
			 height:200px;
	         background-color:white;
			 }
  .text-2cadre{width:770px;
              height:180px;
			  border:1px solid #cecece;
			  margin-left:8px;
		      position:relative;
			  top:8px;
			  }
 #cadre-topics2{position:relative;
                 top:-70px;
				 left:101px;
				 border:none;
				 width:800px;
				 height:auto;
				 }
 #topics{border:none;
          width:790px;
		  position:relative;
		  top:-10px;
		  left:3px;
		  background:white;
	      height:auto;
		  }
 #topics2{float:right;
          margin-right:10px;
		  margin-top:25px;
		  border:1px solid white;
		  height:590px;
		  width:250px;
		  background-color:white;
		  }
 #drop-shadow{background:none;
              border:none;
			  width:200px;
			  height:auto;
			  position:relative;
			  left:-20px;top:-20px;
			  }
  .details ul li {list-style:none;
		          font:11pt arial;
				  margin-top:-30px;}
  .details ul li a{color:black;
                   text-decoration:none;}
  .details ul li a:hover{color:#B00E35;
                        } 
  
  .logo-1 {position:relative;
           left:4px;
           }
  .add-comment{position:relative;
               top:-24px;
			   left:35px;}
  .add-comment p{color:#858181;
                 font:11pt arial;
				 }
  .div-visit-paint{margin-top:-15px;	   
			       }   
  .span-visit-paint{position:relative;
                    top:-26px;
					left:35px;	   
			       }   
  .span-visit-paint p{color:#858181;
                      font:11pt arial;	   
			          }   
  .div-all-comments{margin-top:-15px;	   
			        }   
  .logo-3{margin-left:5px	   
			       }   
  .span-all-comments{position:relative;
                     top:-20px;
                     left:35px;
					 }		   
  .span-all-comments p{color:#858181;
                       font:11pt arial;
					   }
  .div-contact-me{margin-top:-15px;}
  .logo4{margin-left:5px}
  .span-contact-me{position:relative;
                   top:-20px;
				   left:35px;
				   }
  .span-contact-me p{color:#858181;
                     font:11pt arial;
					 }
  #bottom-cadre-menu{border-top:1px solid #cecece;
                   width:223px;
				   height:30px;
				   margin-left:11px;
				   margin-top:6px;
				   }
  #2div-bottm-cadre-menu{position:relative;
                         left:5px;
				         }
  .likes{position:relative;
         top:5px;
		 color:#B00E35;				 
         }
  .logo5{position:relative;
         top:7px;				 
         }
  .p-like-user{color:#B00E35;
		       font:11pt arial;
			   margin-top:-15px;
			   padding-left:40px;				 
               }
					 
	/*--css for pait_details page--*/

  #head-topic{border-top:1px solid red;width:792px;height:30px;position:relative;left:0px;top:;background:#F6F1F1;}		   
  #cadre-user-name{background: linear-gradient(to top,white,#cecece) ;width:750px;height:50px;position:relative;left:20px;top:30px;}
  #img-user{border:none;margin-left:10px;margin-top:-3px;}
  
   #img-user img{margin-left:20px;margin-top:-15px;}
   #img-user{border:none;margin-left:10px;margin-top:-3px;}
   #img-user{border:none;margin-left:10px;margin-top:-3px;}
   #img-user img{margin-left:20px;margin-top:-15px;}
  

 #2-img-user{border-bottom:1px solid #cecece;width:749px;height:45px;position:relative;left:20px;top:-10px;}
 #img-user-ID{border:none;margin-left:10px;margin-top:-3px;}
 #img-user-ID img{position:relative;left:30px;top:-45px;}
 .added-date {margin-left:500px;margin-top:-125px;padding-top:-41px;font:12pt arial;}
 #logo-date{position:relative;top:7px;}
 #to-title{position:relative;top:-33px;left:180px;font: 13pt arial;color:#B00E35;font-size:16px;}
 #s2{position:relative;left:-40px;top:-120px;color:black;}
 #s2 h6{font:bold 15pt arial;}
  .to_sa{position:relative;top:-45px;left:25px;font:12pt arial;}
  .a-save{text-decoration:none;color:black;}
  .logo-save{position:relative;top:2px;}
  .share-content{position:relative;top:50px; }
  .lam_paint{position:relative;top:-93px;left:70px;}
  .lam_paint p{font:12pt tahoma;}
  .lam_paint_a{text-decoration:none;color:#858181;}
  .show_painting{position:relative;top:-80px;left:70px;}
  .a_show_paintings{font:12pt arial;color:#858181;text-decoration:none;}
  .ligne-1{position:relative;left:65px;top:-118px;color:#cecece;} 
  .painting_img{position:relative;left:230px;top:-15px;}
  .3-title{position:relative;top:-105px;left:230px;}
  .img-painting{position:relative;left:230px;top:-102px;}
  .share-topic{position:relative;left:230px;top:-125px;color:#858181;}
  .share-topic P{font:13pt tahoma;}
  .a-share-topic{text-decoration:none;color:#858181;}
  .ligne-group{position:relative;left:65px;top:-135px;color:#cecece;}
  .topic-comment{margin-top:-35px;} 
  .topic-or-comment{position:relative;
                     top:-90px;
		             border-left:15px solid white;
					 border-right:35px solid white;
					 font:13pt arial;
	                 }
  .topic-or-comment p{position:relative;
                      top:-160px;
					  color:red;
	                 }
  .2-topic-comment{position:relative;
                   top:-110px;}
  .2topic-or-comment{border-left:25px solid white;
                     border-right:35px solid white;
					 font:13pt arial;}
  .cadre-options{margin-top:-100px;}
  #options-3{width:750px;
             height:35px;
			 border-bottom:none;
			 margin-left:20px;
		     position:relative;top:-5px;
			}
  #options-12{width:700px;
              height:20px;
			  margin-left:33px; 
			  position:relative;
			  top:0px;
			  }
  .opitions-follow{position:relative;
                   left:10px;
				   }
 .td-logo-like2{position:relative;left:10px;top:0px;}
 





                       /*--style page reply--*/




  #reply-cadre-incones{background:white;
                 width:790px ;
				 height:55px;
				 position:relative;
				 left:100px;
				 margin-top:-30px;
          border-bottom-left-radius:10px; 
	      border-bottom-right-radius: 10px;}
		  
		  
		  
  #reply-border-cadre{width:350px;
                 height:35px;
				 border:1px solid #cecece;
				 margin-left:8px;
		         position:relative;
				 top:8px;
		  border-top-left-radius: 20px;
          border-bottom-left-radius: 20px; 
		  border-top-right-radius: 20px;
          border-bottom-right-radius: 20px;}
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
  .a-share-topic{text-decoration:none;color:#858181;}
 		  
		  
		  
  .a-share-topic{text-decoration:none;color:#858181;}
  .ligne-group{position:relative;left:65px;top:-135px;color:#cecece;}
  .topic-comment{margin-top:-35px;} 
 
  #2div-bottm-cadre-menu{
				         }
 
			painting_img
		border-right:1px solid #858181;text-align:center;	
	
			
	


.share-topic P{font:13pt tahoma;}
  .a-share-topic{text-decoration:none;color:#858181;}
  .ligne-group{position:relative;left:65px;top:-135px;color:#cecece;}
  .topic-comment{margin-top:-35px;} 
 
  #2div-bottm-cadre-menu{
				         }
 
			painting_img
		border-right:1px solid #858181;text-align:center;	
	
			
	

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .share-topic P{font:13pt tahoma;}
  .a-share-topic{text-decoration:none;color:#858181;}
  .ligne-group{position:relative;left:65px;top:-135px;color:#cecece;}
  .topic-comment{margin-top:-35px;} 
 
  #2div-bottm-cadre-menu{
				         }
 
			painting_img
		border-right:1px solid #858181;text-align:center;	
	
			
		border-right:1px solid #858181;text-align:center;