html,body
{
	background: url(../images/fond.gif) repeat #052950;
	font-family:"Lucida Grande", Lucida Sans, Verdana, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	height: 100%;
	
}
	
	div#cadre
	{
	width: 800px;
	
	left: 50%;
	margin-left: -400px;
	top:23px;
	background-color:#032431;
	position: absolute;
	}
	/*haut => bloclogo + hautdroite*/
		div#cadre #haut
		{
			position: relative;
			float: left;
			width: 800px;
			height: 150px;
		}
		/*bloc_logo => logo + signature*/
			div#haut #bloc_logo
			{
				position: relative;
				font-size: 12px;
				width: 374px;
				float: left;
				height: 110px;
				padding-left: 30px;
				padding-top: 50px;
			}
			/*logo*/
				div#bloc_logo #logo
				{
					position: relative;
					float: left;
					width: 324px;
				}
			/*logo*/
			/*signature*/	
				div#bloc_logo #signature
				{
					font-size: 16px;
					width: 324px;
					color: #FFFFFF;
					text-align: center;
					position: relative;
					float: left;
					padding-top: 5px;
				}
			/*signature*/
		/*bloc_logo => logo + signature*/
		
		/*hautdroite => home + telephone*/
			div#haut #hautdroite
			{
				float: right;
				position: relative;
				width: 300px;
				height: 129px;
				padding-right: 29px;
				padding-top: 23px;
			}
			/*home*/
				div#hautdroite #home
				{
					float: right;
					position: relative;
					width: 300px;
					height: 84px;
					font-size: 10px;
					text-decoration:none;
					text-align: right;
				}
			
			/*home*/
			/*telephone*/
				div#hautdroite #telephone
				{
					color: #FD630A;
					font-size: 16px;
					position: relative;
					float: right;
					width: 300px;
					text-align: right;
				}
			/*telephone*/
		/*hautdroite => home + telephone*/
	/*haut => bloclogo + hautdroite*/
/************************************************/
#animation
{
	height: 160px;
	width: 800px;
	position: relative;
	float: left;
}

	#basaccueil
	{
		width: 800px;
		position: relative;
		float: left;
		height: 257px;
	}
/************************************************/	
		/*bas => onglets + chapo + cadretexte*/	
			div#bas
			{
				width: 800px;
				position: relative;
				float: left;
				background-image: url(../images/bg.gif);
				background-repeat: repeat-x;
				background-color: #FFFFFF;
			}
			/*onglets*/
				div#basaccueil #onglets
				{
					width: 750px;
					position: relative;
					float: left;
					top:-3px;
					margin-left: 25px; margin-right: 25px;
				}
				div#bas #onglets
				{
					width: 750px;
					position: relative;
					float: left;
					top:-3px;
					margin-left: 25px; margin-right: 25px;
				}
				
					div#onglets ul
					{
						margin: 0px;
						padding: 0px;
						float:left;
						list-style-type:none;	
					}
					
						div#onglets ul li
						{
							float:left;
							margin-left: 6px;
						}
						
							div#onglets ul li a
							{
								display: block;
								position:relative;
								height: 30px;
								width: 180px;
								background-image: url(../images/ongletorange.png);
								background-repeat: no-repeat;
								text-decoration: none;
								font-size: 11px;
								text-align: center;
								color:  #032431;
								line-height: 25px;
								font-weight: bold;	
							}
														
							div#onglets ul li a:hover
							{
								display: block;
								background-image: url(../images/ongletjaune.png);
							}
			/*onglets*/
							
			/*chapo*/
				div#bas #chapo
				{
					position: relative;
					float: left;
					width: 90%;
					text-align: center;
					padding-left: 30px;
					padding-right: 30px;
				}
			/*chapo*/
			
			/*cadretexte*/					
				div#bas #cadretexte
				{
					width: 800px;
					position: relative;
					float: left;
				}
				
											#tableau1{
											width: 45%;
											/* ne pas mettre height si on veut 100%*/
											position: relative;
											float: left;
											padding-left: 30px;
											padding-top: 50px;
											padding-bottom: 20px;
											}
											#tableau2{
											width: 45%;
											position: relative;
											float: right;
											padding-right: 30px;
											padding-top: 50px;
											padding-bottom: 20px;
												}
											#tableau3{
											width: 800px;
											position: relative;
											float: left;
											padding-right: 0px;
											padding-left: 0px;
											padding-top: 0px;
											padding-bottom: 20px;
												}
											#tableau21{
											width: 43%;
											position: relative;
											float: right;
											padding-top: 50px;
											padding-bottom: 20px;
												}		
											#textonecol{
											position: relative;
											float: left;
											text-align: justify;
											padding-bottom: 10px;
											padding-left: 30px;
											padding-right: 30px;
											font-size: 11px;
											font-style: italic;
											}
											#calculette {
											float: left;
											text-align: center;
											width: 100%;
											padding-bottom: 20px;
											}
											#cartebleue {
											float: right;
											width: 30%;
											padding-top: 20px;
											padding-right: 29px;
											position: relative;
											text-align: right;
											}
											#cartebleue img {
											padding-left: 10px;
											}
			/*cadretexte*/
		/*bas => onglets + chapo + cadretexte*/
		
		/*transport*/
			div#cadre #transport
			{
				color: #0072b6;
				font-size: 12px;
				float: left;
				position: relative;
				letter-spacing: 1.5px;
				padding: 10px;
				padding-left: 29px;
			}
		/*transport*/
		
		/*paris*/
			div#cadre #paris
			{
				color: #0072b6;
				font-size: 12px;
				letter-spacing: 1.5px;
				float: right;
				position: relative;
				padding: 10px;
				padding-right: 29px;
			}
		/*paris*/
/************************************************/	
		
	.legend {
	font-size: 10px;
	font-style: italic;
	text-align: justify;
	}
	.soustitre {
	color:  #0072b6;
	font-size: 1.2em;
	font-weight: bold;
	}
	.txt {
	font-size: 12px;
	text-align: justify;
	}
	.soustitre2 {
	color: #FFCC33;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em;
	text-align: justify;
	
	}
	.txt2 {
	font-size: 1.2em;
	text-align: justify;
	color: #8FC5DF;
	line-height: 1.5em;
	}
	.txt3 {
	font-size: 15px;
	text-align: center;
	color: #0072b6;
	letter-spacing: 0.04em;
	line-height: 2em;
	}
	#calculette a {
	color: #8FC5DF;
	font-size: 11px;
	font-family: Frutiger, Univers, Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 0.1em;
	
	}
	#calculette a:hover {
	color: #FCD90D;
	}
	#home a {
	
	text-decoration: none;
	}
	.txt a {
	color: #0072b6;
	text-decoration: underline;
	}
	.txt a:hover {
	color: #333333;
	text-decoration: underline;
	}
	.txt3 a {
	color: #0072b6;
	text-decoration: underline;
	}
	.txt3 a:hover {
	color: #FCD90D;
	text-decoration: none;
	}
	a img {
	border: 0;
	}