/**
mise en page
**/

/**
	bloc général (edito)
**/
img{
	border:0;
	padding:0;
	margin:0;
}
#content{
	background-color:white;
	width:960px;
	background: white url('../_img/fond_03.jpg') no-repeat top left;
	/* min-height:800px; */
	
}
#content  .sectionImages  #contentvisio {
	padding-left: 120px;
	width: 315px;
	height: 350px;
	float: left;
	background:transparent;
}
#content  .sectionImages  h1 {
	font-family : Arial; 
	text-align:left;
	font-size:18px;
	margin:0px 40px 0px 0px;
	padding-left:22px;
	color:#333333;
	font-weight: normal;
	background:url('../_img/carres_visio08.gif') no-repeat top left;	
}
#content  .sectionImages  p {
	font-family : Arial; 
	text-align:left;
	font-size:12px;
	margin-top:20px;
	padding:0px 20px 40px 0px;
	color:#4D4D4D;
	font-weight: normal;
	height:277px;
	overflow: auto;
}
#content  .sectionImages  a {
	color:gray;
}
#content  .sectionImages  a:hover {
	color:#9DCF16;
}
#content  .sectionImages  #contentvisio #content{
	font-family : Arial; 
	text-align:left;
	font-size:18px;
	margin:40px 40px 0px 40px;
	padding-left:22px;
	color:#333333;
	font-weight: normal;
	background:url('../_img/carres_08.gif') no-repeat top left;	
}
.sectionImages {
	/*  width:520px; */
	height: 507px;
	height: 420px;
	padding-top: 15px;
	padding-bottom: 10px;
}
#content .sectionImages #petite_visio {
	float:right;
}
#content .sectionImages #pictures_visio {
	float: left;
	/* height: 180px; */
	height: 80px;
	/* _width: 370px;
	_width:expression(this.scrollWidht>300?"300px":"auto");  */
	/* width: 815px; */
	background: url('../_img/fond_visionneuse.gif') no-repeat top left;
	/* margin:20px 25px 60px 120px; */
}
#content .sectionImages #pictures_visiolocal {
	float: left;
	height: 155px;
	width: 815px;
	background: url('../_img/fond_visiolocal.gif') no-repeat top left;
	margin:20px 25px 60px 120px;
}
#content .sectionImages #pictures_visiomaison {
	float: left;
	height: 170px;
	width: 815px;
	background: url('../_img/fond_visiomaison.gif') no-repeat top left;
	margin:20px 25px 60px 120px;
}
#content .sectionImages #pictures_visioclinique{
	float: left;
	height: 155px;
	width: 815px;
	background: url('../_img/fond_visioclinique.gif') no-repeat top left;
	margin:20px 25px 60px 120px;
}
#content #legendes {
	font-family : Arial;
	font-size:11px;
	width:507px;
	height:50px;
	margin-top:150px;
	margin-left:308px;
	background-color:white;
	
}
#content #legendes ul li{
	display: inline;
	margin: 2px;
	font-size:11px;
}
	
	
/**
Bleu-vert : #9DCF16;
Gris : #F2F2F2;
visionneuse
**/

/* visionneuse avec une seule image */
#visionneuseUnique{	
	background: white;
	width:410px;
	height:320px;
	padding:10px 0px 0px 0px;
}
	
#visionneuseUnique #bigimageContainer {
	float: right;
	/* width:350px; */
	width:318px;
	height:238px;
	position: relative;
	/* padding-bottom:15px; */
	margin-bottom: 5px;
	margin-right: 10px;
	border: solid 1px #666763;
}
#visionneuseUnique #bigimageTxt{
	height:20px;
	text-align:left;
	padding-left:78px;
	font-family : Arial; 
	font-size:10px;
	color:#4D4D4D;
	font-weight: normal;
}


/* visionneuse avec plusieurs images*/
#visionneuse{	
	/* background:#F2F2F2;	 */
	background-color:transparent;	
	width:410px;
	width:375px;
	height:320px;
	padding:0px 0px 0px;
}
#thumbs {
	overflow: hidden;
	position: relative;
	
	/**/
	/* overflow: visible; */
}		
#pageContainer {
	width: 538px;
	width: 3980px;
	/* _width:810px; */
}		
#pagerContainer {
	float: left;
	width: 58px;
	width: 57px;
	
	overflow-x:hidden;
	overflow-y:hidden;
	overflow:hidden;
	
		/**/
	/* overflow: visible; */
}		
.page {
	float: left;
	width: 58px;
	width: 105px;
	
}		
.thumbnail {
	float: left;
	margin: 0px 8px 6px 0px;
	width: 48px;
	height: 48px;
}	
/* this is for the loading.gif */
.thumbnail div img {
	margin: 9px 15px;
}		
.thumbnail a img {
	width: 48px;
	height: 48px;
	border: solid 1px #fff;
	border: solid 2px #fff;
}		
#bigimageContainer {
	position: relative;
	float: left;
	/* width:350px; */
	
	width:314px;
	height:315px;
	
	/* padding-bottom:15px; */
	margin-bottom: 5px;
	border: solid 2px #fff;
}
#bigimageTxt{
	height:20px;
	text-align:left;
	padding-left:78px;
	font-family : Arial; 
	font-size:10px;
	color:#4D4D4D;
	font-weight: normal;
}		
#prev {
	float: left;
	outline: none;
}		
#next {
	float: right;
	outline: none;
}

/***
Slider
border-bottom:5px #9DCF16 solid;
***/

#SlideItMoo_outer {  
	/* width:960px; */ 
	/* margin:10px auto 10px;  */
	width: 410px;
	_width: 370px;
	
	width: 350px;
	/* width: 400px; */
	display:block; 
	position:relative;
	float:right;
	/* border:solid 1px red; */
	padding-left:25px;
}
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	width:35px; 
	height:200px; 
	height:100%; 
/* 	top:-45px;  */
	right:0px; 
	background:url('../_img/next.gif') no-repeat center; 
	background:url('../_img/imagesFlecheDroite.gif') no-repeat center; 
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:0px; 
	background:url('../_img/prev.gif') no-repeat center;  
	background:url('../_img/imagesFlecheGauche.gif') no-repeat center; 
}
#SlideItMoo_outer .SlideItMoo_forward.noShow, #SlideItMoo_outer .SlideItMoo_back.noShow{ 
	cursor:default;
	background:none;  
	display:none;
}

#SlideItMoo_inner{ 
	float:right;
	position:relative ; 
	overflow:hidden ; 
	/* width:330px ;  
	_width: 300px; */
	
	width:330px ; 
	margin:0px auto 0px;
	/* margin-right:35px; */
	margin-right:0px;
	padding:10px 0px;
	/* border:solid 1px blue; */
}
#SlideItMoo_items { 
	float:right;
	display:block; 
	position:relative; 
}
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	/* float:right;  */
	margin:0px 0px 0px 13px; 
	font-size:11px; 
	width:94px; 
	text-align:center; 
	color:#FFFFFF;
	/* border: solid 1px #666763; */
	border: solid 1px #AEC700;
}
#SlideItMoo_items a { 
	padding:0px; 
	clear:both; 
	display:block; 
	
}
#SlideItMoo_items a img{ border:none; }


.clear{
	clear:both;
}

/**
	bloc baches remorque
**/

#remorque #visionneuse{	
	background:none;	
	width:340px;
	height:230px;
	padding:0 0 0 6px;
}

#remorque #bigimageContainer {
	float: left;
	width:242px;
	height:181px;
}

#remorque #bigimageTxt{
	padding-left:17px;
	margin-right: 5px;
}

#remorque #SlideItMoo_outer {
	width: 340px;
	_top: -20px;
	_zoom: 1;
	_overflow: hidden;
	padding-left:25px;
	
}