body {
	font-family: Calibri,Arial,helvetica,sans-serif;
	background-color:#F2FFFF;
	text-align:left;
	color : black;
}

p.gauche{
  text-align:left;
  margin-left:7%;
  font-size:11pt;
}
/*------------ la partie haute des pages ------------*/
div#haut {
	position:fixed;
	top:0; left:170px; right:0;  
	height:92px;
	border-bottom:2% solid #FEFEFE;
	background-color:#318CE7;
	color:black;
}

div#haut h1 {
   background-color: #318CE7;
	color: white;
	text-align:center;
	font-size:16pt;
	margin:1px 1px 1px 1px;
	line-height: 90%;
}

div#haut h2 {
	color: white;
	text-align:center;
	font-size:14pt;
	line-height: 90%;
}

div#haut img {
    position:fixed;
	border:none;
    top:0;
	left:0;
	right:0; 
	height: 90px;
	width: 170px; 
	margin:1px 1px 1px 1px;
}

/*------------ la partie gauche des pages ------------*/
div#gauche {
	position: fixed;
	top:92px;	left:0;/* en haut, à gauche */
	bottom: 0;
	width:170px;	/* 200-2px ou 20-0.2% de bordure */
	
	border-right:2% solid #FEFEFE;
	background-color: #318CE7;
	color:#FEFEFE;
	/*overflow: auto;	/* pour avoir un ascenceur quand 
					le contenu est trop long */
}
	/* le menu en liste*/
div#gauche ul {	
   list-style:none;	/* sans puce */
   margin-left:5px;	/* décollée du bord gauche */
   padding-left:0;		/* sans la place des puces */
   padding-bottom:10%;
   font-weight:normal;
   font-size:normal;
   color:#FEFEFE; 
} 

	/* les liens */
div#gauche li a {		
	text-decoration:none;
	color:#FEFEFE;
   background-color: #318CE7;
}

div#gauche a {		
	text-decoration:none;
	color:#FF0000;
	font-size: normal<textarea cols="" rows=""></textarea>;
   background-color: #318CE7;
}

div#gauche li a:hover {	/* quand la souris est sur un lien */
	background-color: #318CE7;
	color:navy;
}
div#gauche img {
     border: none;
     text-align: center;
     margin-left:5px;
	width:150px;
	
}

/*------------ le contenu ------------*/
div#droit {
	position: fixed;
	top: 90px;	left:170px; bottom:0; right:0;
	overflow: auto;	/* pour avoir un ascenceur quand 
					le contenu est trop long */
	padding: 2%;	/*pour que le contenu ne soit 
					pas collé aux bords */
	color: black;
	font-size:11pt;
}
	/* les titres */
div#droit h1 {
    font-size:6;
	color:  #318CE7;
	/*background-color: white;*/
	text-align:left;
}
div#droit h2 {
    font-size:12pt;
    margin-top:5%;
	color: #16B84E;
	text-align:left;
}



div#droit h3 {
    font-size:12pt;
    margin-top:5%;
	color: black;
	text-align:left;	
} 

div#droit img {
     border: none;
     text-align:center;
}

div#droit  a{
    color: blue;
    text-decoration: underline;
}

div#droit .petit {
	font-size: 80%;
	font-weight: normal;
}

div#droit .noir {
	color:black;
	text-decoration:bold;
	font-weight: normal;
}

div#droit ul {	
   margin-left:1%;	/* décollée du bord gauche */
} 

div#droit li {		
	text-decoration:none;
	margin-left:1%;
	color:black;
}

#localisation {
	float:right;
}

table#organisation {
	margin: 0 auto 0 auto;
	border-collapse: collapse;
	background-color: white;
}

table#partenaires {
	margin: 0 auto 0 auto;
	border-collapse: collapse;
	background-color: white;
}

#organisation td {
	border: #F2FFFF solid 10px;
	text-align: center;
	vertical-align: bottom;
	/*padding:1em;*/
}

#partenaires td {
	border: #F2FFFF solid 10px;
	text-align: center;
	vertical-align: bottom;
	/*padding:1em;*/
}