.troisD{position:relative;width:635px}
   .messageRotation{
      position:absolute;bottom:0;padding:5px;
      background:url('../img/main.png') 2% 50% no-repeat;
      padding:20px;
      padding-left:50px;
      font-size:14px;   
   }  
  
	    #dialog{overflow: hidden;display:none}

			#gauche {
		    float:left;
        width: 123px;
				height: 570px;
				position: relative;
        background:#f3f1f1;
        overflow: hidden;
			}
			#droit{
       float: left;
       margin-left: 10px;
       width: 645px;
      }
			h1{margin:0}
      h4{margin-top:0;margin-bottom:5px}

      .bx-wrapper {
      	position: relative;
      	margin: 0 auto 60px;
      	padding: 0;
      	top:45px  
      }
      #carousel {
				position: absolute;
			}


			#carousel img {
        border: 0;
        cursor:Pointer;
        border:1px solid #aaaaaa;
        width:119px;
        height:119px        
			}

			#ui-carousel-next a, #ui-carousel-prev a{
				width: 121px;
				height: 50px;
				/* background: url(../img/arrow-bottom.png) #fff center center no-repeat;  */
				display: block;
				position: absolute;
				left: 0
				z-index: 100;
			}

			#ui-carousel-next a{
				top: 0;
        text-decoration: none;
        height: 35px;
				/* background-image: url(../img/arrow-top.png); */
			}

			#ui-carousel-prev a{
      text-decoration: none;
				bottom: 0;
        height:35px
			}
			
			#ui-carousel-next a span,#ui-carousel-prev a span{
				display: block;
        font-size:20px;
        font-weight:bold;
        padding: 0;
			}	

  .ui-tabs .ui-tabs-panel {
    padding: 3px;
    padding-top:5px
  }

		/* these styles are for the demo, but are not required for the plugin */
		.zoom {
			display:inline-block;
			position: relative;
		}
		
    .zoom p,.troisD p{ color:#555; font:bold 13px/1 sans-serif;
			display:block; 
      width: 420px;
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:#ccc url(../img/icon.png) 100%  no-repeat;
      line-height: 30px;
      margin:0;
      padding-left:5px;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
      opacity: 0.8;
		}

		.zoom img {display: block;}
		.zoom img::selection { background-color: transparent; }
		#photo img:hover { cursor: url(../img/grab.cur), default; }
		#photo img:active { cursor: url(../img/grabbed.cur), default; }
    
    
    .loading{
    background: #fff
                url(../img/spinnerBc.gif) 
                50% 50% 
                no-repeat;
                height:570px;
                width:647px;
                top:0;
                position:absolute;
                z-index:1000;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
                opacity: 0.8;
    }
    
    .ulrondfleche, .ulfleche {margin:0.5em;margin-left:1.5em;clear:both}

/*   */ 
body {font-family:Georgia,DejaVu Serif,Norasi;font-style:normal;font-weight:normal;font-size:14px;color:#000;background:#ccc}
* {margin:0;padding:0}
img{border:0}
A {color:#000;text-decoration:none}
h1{margin:0;font-size:18px;} /* popup outils   */ 
h4{margin-top:0;margin-bottom:5px;font-weight:normal;font-size:12px;}

.ui-tabs .ui-tabs-nav li a {
    text-decoration: none;
}