body 	{
	margin:0px;
	padding:0px;
	overflow:hidden;
	height:100%;
	}

#fixe {
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	}
	
#mobile	{
	height:100%;
	margin-left:200px;
	padding: 12px 12px 12px 12px ;
	overflow:auto;
	}

#barrehaut table {
	width:100%;
	border-style:solid;
	border-width:1px;
	border-color:#226592;
	background : #fbffde;
	margin-bottom:0px;
	}
	
	
#barregauche {
	padding-top:5px;
	z-index:1;
	background : #fbffde;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#226592;
	}

#barregauche table{
	width:100%;
	font-size:12px;
	color:#226592;
	background : #fbffde;
	}
	
.mosaique {
	height:120px;
	}

/* ==============================================================
        3. LES LIENS
/*  ============================================================= */

a 	{
	text-decoration : none;
	border:0;
	}
a:link {
	color:#226592; 
	border:0;
	}
a:visited {
	color:#226592; 
	border:0;
	}
a:hover, a:focus {
	color:#F86164;
	border:0;
/*	background:#f7f7f7;*/
	}

/* =================================================================
	Menu
/* ============================================================= */
#menu dl, dt, dd, ul, li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}


#menu 		{
		padding-left:14px;
		border-spacing:0px;
		width: 169px;
		color: #226592;
		}

#menu dd	{
		position: absolute;
		left: 120px;
		width: 169px;
		margin-top:-20px;
		display:none;
		}

#menu dl 	{
		border-style:solid;
		border-width:1px;
		border-color:#e33838;
		}

#menu dt 	{
		cursor: pointer;
		height:24px;
		
		background-color:#eeeeee;
		background-position:1px;
		background-image:url(/icones/fond_dt.jpg);
		background-repeat:no-repeat;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#ffffff;
		text-indent:30px;
}

#menu ul 	{
		border-style:solid;
		border-color:#e33838;
		border-width:1px;
		}

#menu li 	{
		height:24px;
		background-image:url(/icones/fond_li.jpg);
		background-repeat:repeat-y;
		text-indent:30px;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#ffffff;
		}

/* pour bug IE (CSS meyer p 125) */
#menu  li a	{
		width:169px;
		}

#menu  a	{
		text-decoration: none;
		display: block;
		background-image:url(/icones/closed_folder.gif);
		background-repeat:no-repeat;
		}

#menu a:hover	{
		color:red;
		text-decoration: none;
		background-position:1px;
		background-image:url(/icones/opened_folder.gif);
		background-repeat:no-repeat;
		}



/* =================================================================
        9. TRUCS EN PLUS
/* ============================================================= */

/* des classes supplementaires reutilisables dans les billets :
---------------------------------------------------- */
.petit {
	font-size:0.9em;
	}
.center {
	text-align : center;
	}
.right {
	text-align : right;
	}
.left {
	text-align : left;
	}
.bleu {
	color:#226592;
	}

.gauche 	{
		float: left;
		margin: 0em 2em 1em 0em;
		}

.droite		{
		float: right;
		margin: 0em 0 1em 2em;
		}

.bord 		{border: 1px solid #226592;
		background: #fff;
		}

.saut		{
		clear:both;
		}

.fondnuage 
		{
		color:#303030;
		/*background:#f0f0f0;*/
		padding:12px 12px 12px 12px;
		background:#f2f2f2 url(../images/nuages9_8.jpg) 100% 0 no-repeat;
		background-position:top;

		font: 0.8em Arial Verdana, sans-serif;
		word-spacing:0.3em;
		}

                 /* format de table et td type tarif découverte */
.tabprix
		{
		padding: 0 0 5px 0px;
		margin-left:5%;
		width:90%;
		}
.prix
		{
		font-size: 1.2em;
		line-height: 1.5em;
		text-align: right;
		padding: 0 0 5px 0px;
		color: #226592;
		width:20%;
		}

.lib
		{
		font-size: 1.2em;
		line-height: 1.5em;
		text-align: left;
		padding: 0 0 5px 0px;
		color: #226592;
		}

.com
		{
		font-size: 0.8em;
		line-height: 1em;
		text-align: left;
		padding: 0 0 5px 0px;
		color: #226592;
		}


                 /* format pour pages NCPLANEUR */

.tabimagp
		{
		width:100%;
		background:#f2f2f2 url(../images/gris_094.jpg) 100% 0 repeat;
		background-position:top;
		}

.tabimagp ul
		{
		 margin-left:20%;
		 margin-right:5%;
		}
.tabimagp p
		{
		 margin-left:10%;
		 margin-right:10%;

		}


.imagp
		{
		margin:10px 10px 10px 10px;
		}
		
.descpgris
		{
		width:100%;
		background:#f2f2f2 url(../images/nuages9_16.jpg) 100% 0 no-repeat;
		background-position:top;
		}
		
.descpjaune
		{
		width:100%;
		background:#f2f2f2 url(../images/nuages9_13.jpg) 100% 0 no-repeat;
		background-position:top;
		}
		
.descpvert
		{
		width:100%;
		background:#f2f2f2 url(../images/nuages9_12.jpg) 100% 0 no-repeat;
		background-position:top;
		}
		
.descporange
		{
		width:100%;
		background:#f2f2f2 url(../images/nuages9_10.jpg) 100% 0 no-repeat;
		background-position:top;
		}
.enteteplaneur
		{
		width:100%;
		background:#f2f2f2 url(../images/enteteplaneur.jpg) 100% 0 no-repeat;
		background-position:top;
		}
		
.descpvertclair
		{
		width:100%;
		background:#f2f2f2 url(../images/nuages9_15.jpg) 100% 0 no-repeat;
		background-position:top;
		}
		
.descprose
		{
		width:100%;
		background:#f2f2f2 url(../images/nuages9_14.jpg) 100% 0 no-repeat;
		background-position:top;
		}
		
.descpbleuneg
		{
		width:100%;
		background:#f2f2f2 url(../images/nuages9_11.jpg) 100% 0 no-repeat;
		background-position:top;
		}
		
.descpbleu
		{
		width:100%;
		background:#f2f2f2 url(../images/nuages9_17.jpg) 100% 0 no-repeat;
		background-position:top;
		}
		
.specp
		{
		width:50%;
		}
		
.tabspecp
		{
		width:100%;
		color: #226592;
		}
.titspecp
		{
		font-size: 1.2em;
		line-height: 1.5em;
		}
		
.libspecp
		{
		font-size: 1em;
		line-height: 1.2em;
		}
		
.valspecp
		{
		font-size: 1em;
		line-height: 1.2em;
		text-align: right;
		}
		
.3vues
		{
		width:50%;
		}
		
#cadre1
		{
		border: 1px solid #226592;
		margin:2px 0px 2px 0px
		}