/* CSS Document */

/*--------------------------GENERIQUE------------------------------*/	
	*{				margin: 0px;
					padding:0px;
					outline:none;
					font-family:Arial, Helvetica, sans-serif;}	
									
	body {			background-color:rgb(0,25,65);
					text-decoration:none;
					list-style-type:none;
					/*scrollbar-3dlight-color:rgb(255,255,255);
					scrollbar-arrow-color:rgb(0,25,65);
					scrollbar-base-color:rgb(195,205,220);
					scrollbar-darkshadow-color:rgb(0,15,45);
					scrollbar-face-color:rgb(195,205,220);
					scrollbar-highlight-color:rgb(255,255,255);
					scrollbar-shadow-color:rgb(0,25,65);*/
					}
				
	img	{			border: none;}
	
	div#page {		width:964px;
					/*height:686px;*/
					height:100%;
					margin:40px auto;
					padding:12px;
					background-color:rgb(245,235,170);}
					
	#cadre {		border-left:2px solid;
					border-top:2px solid;
					border-right:2px solid;
					border-color:rgb(125,10,20);
					padding-top:12px;
					
					overflow:hidden;
					/*zoom:1;*/
					}

	a {list-style-type:none;}
	.imgleft { margin-left:10px; }
/*----------------------COLONNE GAUCHE------------------------------*/	
#navcontainer_bleu{	width:191px;
					height:684px;
					margin-left:12px !important;
					margin-left:6px;
					background-color:rgb(126,10,22);
					font-size: 11px;
					text-align: right;
					list-style: none;
					float:left;}
	
	ul#navgauche{		text-align: right;
						list-style: none;
						padding: 0;
						margin: 2px 2px 2px 2px;}
				
	ul#navgauche li{	display: block;
						margin-bottom:8px;
						padding: 0;}			
				
ul#navgauche li a{	display: block;
					width:159px;
					height:12px;
					padding: 0.5em 2.1em 0.7em 0em;
					border-width: 1px;
					border-color: rgb(170,55,70) rgb(126,10,22) rgb(60,5,10) rgb(126,10,22);
					border-style: solid;
					color:rgb(255,255,255);
					text-decoration: none;
					background-color:rgb(126,10,22);
						
					background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bts_inactifB.jpg);
						
					background-repeat:no-repeat;
					background-position:right;}
				
	#navcontainer_bleu>ul#navgauche li a { width: 159px;}
				
.activebt0		{color:rgb(255,255,255); background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif0.jpg);}
.activebt1		{color:rgb(250,130,0); background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif1.jpg);}
.activebt2  	{color:rgb(10,195,250); background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif2.jpg);}
.activebt3   	{color:rgb(60,210,35); background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif3.jpg);}
.activebt4    	{color:rgb(255,250,10); background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif4.jpg);}
.activebt5    	{color:rgb(170,190,125); background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif5.jpg);}
.activebt6    	{color:rgb(255,70,240); background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif6.jpg);}
	
.activebt0, .activebt1, .activebt2, .activebt3, .activebt4, .activebt5, .activebt6  {			
					display: block;
					width:159px;
					height:12px;
					padding: 0.5em 2.1em 0.7em 0em;
					border-width: 1px;
					border-color: rgb(170,55,70) rgb(126,10,22) rgb(60,5,10) rgb(126,10,22);
					border-style: solid;
					text-decoration: none;
					background-repeat:no-repeat;
					background-position:right;}
				
ul#navgauche li#bt0 a:hover, li#bt1 a:hover, li#bt2 a:hover, li#bt3 a:hover, li#bt4 a:hover, li#bt5 a:hover, li#bt6 a:hover {	
								color:rgb(225,85,100);
								border-top-color: rgb(225,85,100);
								background-repeat:no-repeat;
								background-position:right;}		
				
	ul#navgauche li#bt0 a:hover { background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif0.jpg);}			
				
	ul#navgauche li#bt1 a:hover { background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif1.jpg);}
	
	ul#navgauche li#bt2 a:hover { background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif2.jpg);}
	
	ul#navgauche li#bt3 a:hover { background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif3.jpg);}
									
	ul#navgauche li#bt4 a:hover { background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif4.jpg);}
									
	ul#navgauche li#bt5 a:hover { background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif5.jpg);}
	
	ul#navgauche li#bt6 a:hover { background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/bt_actif6.jpg);}
		
												
							
/*--------------------------COLONNE CENTRE------------------------------*/	
	#center {		margin-left:18px !important;
					margin-left:9px;
					width:520px;
					float:left;}
					
	#cadre_ext {	border-left:2px solid;
					border-top:2px solid;
					border-right:2px solid;
					border-color:rgb(125,10,20);
					float:left;
					overflow:hidden;}
			
	#content {		margin:8px 8px 0 8px;
					background-color:#FFFFFF;
					min-height:548px;
					width:470px;
					padding:0 15px 0 15px;
					height:100%;
					/*height:482px;*/
					float:left;
					}
	#content img { margin-left:-15px; }				
	#contentC {		margin:8px 8px 0 8px;
					background-color:#FFFFFF;
					min-height:548px;
					/*height:482px;*/
					float:left;}				
					
	.francbord {	margin-top:8px;}

/*--------------------------COLONNE DROITE------------------------------*/			
#right {			margin-right:10px /*!important;
					margin-right:5px*/;
					width:191px;
					height:684px;
					/*height:618px;*/
					padding-top:-280px;
					background-color:rgb(195,185,125);
					float:right;
					}
					
	ul#navright{	
					height:150px;
					font-size: 11px;
					text-align: right;
					list-style: none;
					text-align:left;
					color:rgb(255,255,255);
					padding-left:10px;
					line-height:1.8em;
					margin-left:26px;
					margin-right: 10px;
					/*margin-top:-280px;*/
					margin-bottom:20px;
					}
				
	ul#navright li{	display: block;
					text-decoration: none;
					margin-bottom:1px;
					padding: 0.5em 0em 0.7em 0em;
					border-bottom:1px dotted;}
				
ul#navright li a{	display: block;
					text-decoration: none;
					color:rgb(95,115,135);}
				
	ul#navright li#btmain1 a:hover, 
	li#btmain2 a:hover, li#btmonde a:hover, 
	li#btenv a:hover {		color:rgb(126,10,22);
							background-repeat:no-repeat;
							background-position:right;}	
									
	ul#navright li#btmain1 a:hover { background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/main1B.jpg);}
	ul#navright li#btmain2 a:hover { background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/main2B.jpg);}
	ul#navright li#btmonde a:hover { background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/globeB.jpg);}
	ul#navright li#btenv a:hover { background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/enveB.jpg);}
	
	.activebtmain1, .activebtmain2, .activebtmonde, .activebtenv { 
							color:rgb(195,205,220);
							background-repeat:no-repeat;
							background-position:right;
							display: block;}
							
	.activebtmain1 {background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/main1B.jpg);}
	.activebtmain2 {background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/main2B.jpg);}
	.activebtmonde {background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/globeB.jpg);}
	.activebtenv {	background-image:url(http://www.lescaleinfo.ch/lescale_boutique/images/enveB.jpg);}
										
	.alignement { margin:20px 10px 2px 10px;}		
	
		
/*--------------------------ELEMENTS TEXTES------------------------------*/	

h1 {		font-size:28px;
				text-align:left;
				color:rgb(125,10,20);
				margin-top:10px;
				margin-bottom:10px;
				padding-left:0px;
				padding-right:10px;
				line-height:1.2em;}
				
				
	#titre_formu {margin-left:6px;
				color:rgb(195,205,220);
				font-size:24px;
				font-weight:bold;
				}			
				
	h2 {		font-size:15px;
				margin-top:80px;
				/*margin-top:80px;*/
				letter-spacing:0.13em;
				text-align:center;
				color:rgb(125,10,20);
				padding-bottom:29px;
				font-weight:lighter;
				letter-spacing:-0.005em;}
				
				
	h3 {		font-size:18px;
				text-align:left;
				color:rgb(125,10,20);
				margin-top:15px;
				margin-bottom:4px;
				padding-left:0px;
				padding-right:15px;
				line-height:1.2em;}
				
	.h3 {		font-size:11px;
				text-align:left;
				color:rgb(125,10,20);
				margin-top:2px;
				padding-bottom:-2px;
				/*text-decoration:none;*/
				text-transform:uppercase;
				/*font-weight:bold;*/}
										
				
	h4 {		font-size:16px;
				text-align:left;
				color:rgb(85,10,20);
				margin-left:24px;
				padding-left:10px;
				padding-right:10px;
				line-height:1.2em;}
				
	.h4 { 		/*margin-top:175px;*/
				margin-bottom:20px;}
				
				
	.h42 { 		margin-top:150px;
				margin-bottom:20px;}
				
	.h4b { 		margin-top:10px;
				margin-bottom:20px;
				color:rgb(95,115,135)}
				
	.h4Petit { font-size:13px;}
	
	h5 {		font-size:13px;
				text-align:left;
				color:rgb(125,10,20);
				padding-left:15px;
				padding-right:10px;
				line-height:1.2em}
				
	h6 {		font-size:16px;
				text-align:left;
				color:rgb(125,10,20);
				padding-left:15px;
				padding-right:15px;
				line-height:1.2em}	
				
	p {			font-size:13px;
				color:rgb(85,10,20);
				text-align:justify;
				padding-left:15px;
				padding-right:10px;
				line-height:1.5em;
				margin-bottom:10px;}
				
	p#legende { font-size:11px;
				text-align:right;
				color:rgb(85,10,20);
				padding-left:2px;
				padding-right:16px;
				line-height:1.6em;
				margin-right:8px;
				margin-top:60px;}
				
	.visible {		color:rgb(205,20,35);}
	
	.visibleplus {	color:rgb(205,20,35);
					font-weight:bold;}
					
	.visibleplus_gris {	color:rgb(120,120,120);
						/*font-weight:bold;*/}
					
	.visibleBlanc {	color:rgb(255,255,255);
					margin-top:150px;
					margin-bottom:20px;}	
					
	.positionPlan {	padding-top:200px;
					margin-bottom:0px;}
					
	.visiblePlan {	color:rgb(255,255,255);}								
					
	.petitext {	text-align:left;}			
	
	.lienext { margin-left:-2px;}
	
.signature { 	font-size:9px;
					text-align:right;
					margin-right:-4px;
					color:rgb(225,220,195);
					padding-top:274px !important;
					padding-top:264px;}
					
	#newslist table{ 	font-size:13px;
						font-weight:bold;
						color:rgb(0,51,135);}
						
	#newslist table td { background-color:rgb(255,255,255);}
	
	.email { 			font-size:13px;
						font-weight:bold;
						color:rgb(225,220,195);
						text-decoration:none;}
	
	.titreblanc {
		color:white;
		font-size:20px;
		margin:0 0 5px 5px;
		padding:0;
	}
					
/*-----------------------------------ELEMENTS IMAGES--------------------------------------*/		
	.positionD {	margin:4px 8px 0px 0px !important;
					margin:4px 8px -2px 0px;
					float:left;}
					
	.positionG {	margin:4px 0px 0px 8px !important;
					margin:4px 0px -2px 8px;
					float:right;}
					
	.positionPlan{	margin-top:12px;}
	
	.logo {			margin:10px 10px 100px 0px;
					float:left;
					vertical-align:top;}
					
	.visuel	{ 	margin-top:20px;}
				
	.newsHorizontal { 	margin-left:34px;
						margin-top:60px;}				
					
/*-----------------------------------ELEMENTS ANCRE --------------------------------------*/		
	#newslist ul {	font-weight:bold;
					margin:0px 0px 15px 15px;
					list-style:none;
					line-height:1.2em;}	
					
/*-----------------------------------POUR JAVASCRIPT--------------------------------------*/

	#newsbox { 	width:500px; 
				height:386px; 
				position:relative; 
				overflow:auto; 
				margin-top:-4px;
				background-color:rgb(255,255,255);}
					
	#newslist {	position: absolute;
				width: 481px;
				top: -1px;
				/*height: 1040px;*/}
	
	#newsboxright { 	width:160px; 
						/*height:330px; */
						position:relative; 
						overflow:auto; 
						margin-top:-4px;
						background-color:rgb(255,255,255);}
					
	#newslistright {	position: absolute;
						width: 150px;
						top: -1px;
						/*height: 1040px;*/}
	
/*-----------------------------------FORMULAIRE--------------------------------------*/

#formul {	width: 500px;
				margin: 0px 15px 0px 15px;
				display:inline;}
	
.in {		width: 320px;
			border: 1px solid rgb(195,205,220);}
	
.bt{		width:60px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			background-color:rgb(85,120,175);
			color:rgb(255,255,255);
			cursor:pointer;}
				
.radio {	vertical-align:middle;}

.monsieur { margin-left:30px;}

.newslet {	margin-left:26px;}

.newslet2 {	margin-left:26px;}
		
select {	width: 300px;
			height:20px;
			border: 1px solid rgb(20,185,230);}
	
textarea {	width: 320px;
			height: 70px;
			border: 1px solid rgb(195,205,220);}
	
label { 	font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			/*font-weight:bold;*/
			color:rgb(85,120,175);
			text-align:right;}
.labeltxt { 	font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			/*font-weight:bold;*/
			color:rgb(85,120,175);
			text-align:right;}
td {		vertical-align: top;
			padding: 4px;}
			
/*----------------------------info bulle perso------------------------------*/
a.tooltip em {display:none;}
	
a.tooltip {color:rgb(225,220,195);
		margin-left:0px;
		font-weight:normal;}
	
a.tooltip:hover {
		border: 0;
		position: relative;
		z-index: 50;
		text-decoration:none;
		list-style-type:none;}

a.tooltip:hover em { 
		display: block;
		position: absolute;
		top: -40px;
		right: 48px;
		/*text-decoration:none;
		list-style-type:none;*/}
		
/*----------------------------info bulle perso------------------------------
	a.tooltip em {
    	display:none;}
	
	a.tooltip {
		color:rgb(255,255,255);
		margin-left:40px;
		font-weight:normal;}
	
	/*a.tooltip:hover {
		border: 0;
		position: relative;
		z-index: -50;
		text-decoration:none;}

	a.tooltip:hover em {
		font-style: normal;
		display: block;
		position: absolute;
		top: 20px;
		left: -10px;
		padding: 5px;
		color: #fff;
		background: #d01314;
		width:170px;
		border: 1px solid #fff;}
	
	a.tooltip:hover em span {
		position: absolute;
		top: -7px;
		left: 15px;
		height: 7px;
		width: 11px;
		/*background: transparent url(../images/image-infobulle.gif);
		margin:0;
		padding: 0;
		border: 0;*/