body{
			background-color: rgb(218, 228, 237);
			font-size:.8em;line-height: 1.5em;			
		}
		a{color : rgb(237,79,44);}
		a:hover{background-color: rgb(134, 204, 239);}
		body, input, select {color : rgb(46, 57, 77);}
		h2{
			font-size:1.4em;
			font-weight: normal;
			font-variant: small-caps;
			margin: 0.5em 0 0.2em 0;
		}
		
		s{opacity:0.50}
		
		.map {
			position: absolute;	
			height: 100%;
			left:520px;
			right:0px;
		}
		#map_interface_bas_gauche {
			position: absolute;
			left: 680px;
			bottom: 8px;			
		}
		#map_select {
			position: absolute;
			right: 8px;
			top: 8px;
		}
		#map_select select{
			background-color:rgba(255, 255, 255, 0.7);
			border:0;
		}
		.ol-mouse-position {
			top: inherit;
			bottom: 25px;
			background-color:rgba(255, 255, 255, 0.7);
		}
		
		section {
			position: absolute;
			height: 100%;
			width:520px;
			overflow-y : auto;

		}
		
		header{
			background-color:rgb(46, 57, 77);
			text-align:center;
		}
		
		img{vertical-align:top;}
		
		.base2geo, .geo2base{height:28px;width:104px;vertical-align:.03em;margin:.25em 0 0 0}
		.base2geo{background:url("img/oca2geo.png")left top no-repeat}
		.geo2base{background:url("img/geo2oca.png")left top no-repeat}
		
		
		
		section input[type=submit]{
			height:24px;
			border-style:outset;
			border-color: rgb(134, 204, 239);
			background-color: rgb(134, 204, 239);
			/* color:rgb(134, 204, 239); */
		}
		
		
		
		img.gauche{
			float:left;
			margin: 1em 1em 1em 0;
		}
		.clear {
			clear: both;
			height: 0; overflow: hidden; /* Précaution pour IE 7 */
			padding:0; margin:0;
		}
		
		header img{margin: 0}
		header a:hover{background-color: transparent;}
			
		section div{
			padding : 0.7em 5%;		
		}
		
		section article{
			background-color: rgb(63, 84,126);
			color : rgb(218, 228, 237);
			padding : 0.1em 5%;		
		}
		
		section article.miseEnGarde{
			background-color: rgb(237,79,44);
			color : rgb(218, 228, 237);	
		}

		section article.miseEnGarde a{
			color : rgb(46, 57, 77);	
		}		
		
		p{margin: 1em 0;}
		section article b{
			color : rgb(134, 204, 239);		
		}

		section input[type=text],section span.r, section span.m, section span.l, section span.info{
			display : inline-block;
			font-size: .9em;
		}
		
		section .saisi{
			display : inline-block;
			margin: 2px 0 ;padding: 0;
			height:22px;
			border:1px solid rgb(85, 118, 166);
			font-size:1.2em;
			font-family: "Lucida Console", Monaco, monospace;
			background-color: white;
			
		}
		

		
		section span.info{
			width: 70px;
		}

		

		section .lectureSeule input[type=text], section .lectureSeule .saisi{
			background-color: rgb(46, 57, 77);
			color: rgb(134, 204, 239);
		}		
		
		section span.r, section span.m, section span.l{
			color :  rgb(85, 118, 166);
		}
				
		section span.r{
			width:1em;
			border-left:0;
			padding-right:0.1em;
			padding-left:0.1em;
		}

		section span.m{
			border-left:0;
			border-right:0;
			padding-right:0.2em;
			padding-left:0.1em;
			width:auto;
		}
		

		section span.l{
			padding-right:0.2em;
			border-right:0;
			padding-left:0.2em;			
		}		
		

		section input[type=text]{
			border-width: 0;
			text-align:right;
			margin:0;
			line-height: 1;
			width:110px;
		}

		section input[type=text].long2{width:2em;}			
		section input[type=text].long3{width:2.5em;}		
		section input[type=text].long4{width:2.5em;}
		section input[type=text].long4d{width:2.75em;}
		section input[type=text].long6{width:3.75em;}
		section input[type=text].long6d{width:3.25em;}
		section input[type=text].long7{width:3.5em;}
		section input[type=text].long7d{width:4.25em;}
		section input[type=text].long8{width:4.25em;}
		section input[type=text].long8d{width:4.5em;}
		section input[type=text].long10d{width:5.5em;}
		section input[type=text].long12d{width:6.5em;}
		section input[type=text].long14d{width:7.5em;}
		
		div.adroite{ text-align:right}
		section span{text-align:left}
		
		input[type="checkbox"].gratswitsh {
			display:none;
		}
		input[type="checkbox"].gratswitsh  + label{
			display:inline-block;
			height: 24px;
			width: 40px;
			padding: 1px 0 0 0; margin: 2px 0;
			background:url("img/gratoff.png")left top no-repeat;
		}
		
			input[type="checkbox"]:checked.gratswitsh  + label{
			background-image:url("img/graton.png")
		}