body {
	background-color: white;
	color: black;
}

#whole{
    position: relative;
    margin: 0 auto;
    /*border: solid 2px #abcdef;*/
    max-width: 62.7em;
    min-width: 47.7em;
    text-align: left;
}

/*** LINKS FRAME ***/
div#frameLinks {
	/*position: fixed;*/ /* Problème du fixed: si page réduite à taille inférieur à min-width de whole, frameLinks vient recouvrir la partie principale - il faudrait un fixed uniquement vertical */
	position: absolute;
	/*top: 0px;
	left: 0px;*/
	
	/*margin: 0 auto;*/
	height: auto;
	width: 12.7em; /* CHANGED FROM 11.5 */
	/*border-right: solid 1px #041082;*/
	/*padding: 0.5em 1em 0.5em 1em;*/
	/*background-color: #ddddff;*/ /* couleur avant fusion avec le cadre principal */
	background-color: #f4f4ff;
	color: #000000;
}

div#menu {
	margin: 0em 0em 0em 0em;
	padding: 0em 1em 0em 0em;
	background: url(img/cadre-h.gif) no-repeat right top;
	/*background: url(img/cadre-hg.gif) no-repeat left top;*/
	/*background: url(img/cadre-g.gif) repeat-y left;*/
}

div#coords {
	position: relative;
	/*border-top: solid 1px #041082;*/
	/*border-bottom: solid 1px #041082;*/
	background: url(img/cadre-hg.gif) no-repeat left top;
	padding: 25px 1em 0.5em 20px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 0.66em;
}

div#coordJob {
	margin-bottom: 0.5em;
}

div#coordOffice {
	margin-bottom: 0.5em;
}

div#coordMel {
	margin-bottom: 0em;
}

div#flags {
	position: relative;
	background: url(img/cadre-g.gif) repeat-y left;
	/*border-bottom: solid 1px #041082;*/
	padding: 0.2em 0.2em 0.2em 20px;
	text-align: center;
}
div#flags a img {
	border: solid 1px #ddddfe;
	background-color: #f4f4ff;
	color: #ddddfe;
}
div#flags a:hover img {
	border: solid 1px #ff8c00;
	background-color: #f4f4ff;
	color: #ff8c00;
}
div#flags a:active img {
	border: solid 1px #ddddfe;
	background-color: #f4f4ff;
	color: #ddddfe;
}

div#links {
	position: relative;
	background: url(img/cadre-g.gif) repeat-y left;
	/*border-bottom: solid 1px #041082;*/
	padding: 0.5em 0.5em 0.5em 20px;
}
div#links a.menu {
	/*border-left: 5px solid #ffffff;*/
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.75em;
	line-height: 1.5em;
	background-color: #f4f4ff;
	/*color: green;*/
	color: #3672a4;
	text-decoration: none;
	}
div#links a.menu:hover {
	background-color: #f4f4ff;
	color: #ff8c00;
	/*background-color: lightblue;*/
	text-decoration: underline;
	/*border-left: 5px solid;*/
}
div#links a.menu:active {
	background-color: #f4f4ff;
	color: red;
}
div#links a.submenu {
	padding: 0em 0em 0em 0.5em;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 0.1%;
	line-height: 1.5em;
	background-color: #f4f4ff;
	color: green;
	text-decoration: none;
	visibility: hidden;
}

div#logos {
	position: relative;
	background: url(img/cadre-g.gif) repeat-y left;
	/*border-bottom: solid 1px #041082;*/
	padding: 0.5em 0.5em 0.5em 20px;
}
div#logos a img {
	border: solid 1px #f4f4ff;
	background-color: #f4f4ff;
	color: #f4f4ff;
}
div#logos a:hover img {
	/*border: solid 1px #ff8c00;
	background-color: #f4f4ff;
	color: #ff8c00;
}
div#logos a:active img {
	border: solid 1px #f4f4ff;
	background-color: #f4f4ff;
	color: #f4f4ff;*/
}
div#logoInstitPrim {
	float:left;
}
div#logoInstitSec {
	float:left;
	padding-left: 5px;
	padding-top: 9px;
}
div#otherSitesLogos {
	padding-top: 1em;
}


div#piedmenu {
	padding: 0em 0em 0em 0em;
	/*background: url(img/cadre-bd.gif) no-repeat right bottom;*/
	/*background: url(img/cadre-b.gif) no-repeat right bottom;*/
	background: url(img/cadre-hd-inv.gif) no-repeat right bottom;
	
}
div#piedmenu p {
	margin: 0;
	padding: 40px 0px 10px 0px;
	background: url(img/cadre-bg2.gif) no-repeat left bottom;
	text-align: right;
	font-size: 0.66em;
}


/*** MAIN FRAME ***/
div#frameMain {
	/*position: absolute;*/
	/*position: relative;*/
	margin-left: 12em;	/* 11.35 - valeur exacte pour que le menu arrive pile contre la page */
	top: 0px;
	right: 0px;
	/*left: 11.25em;*/
	min-height: 20em;
	max-width: 50em;
	min-width: 35em;	/* pas moins, sinon la barre d'ombre en haut "déborde" à droite */
	/*border: 1px solid #041082;*/
	/*padding: 1em 0.5em 1em 0.5em;*/
	
	/*margin: -0.25em 0em 0em -0.25em;*/
	/*margin: 0 auto;*/
	background-color: #f4f4ff;
	color: #000000;
	visibility: visible;
}

div#page {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(img/cadre-g.gif) repeat-y left;
	/*min-width: 600px;
	max-width: 900px;*/
}
	
div#entete {
	/*border: solid 1px cyan;*/
	height: 1%;
	background: url(img/cadre-hd.gif) no-repeat right top;
}
div#entete h1 {
	margin: 0;
	padding: 1em 1em 1em 1em;
	/*background: url(img/cadre-hg.gif) no-repeat left top;*/
	background: url(img/cadre-h.gif) no-repeat left top;
}

div#contenu {
	/*border: solid 1px red;*/
	padding: 1em 1.25em;
	background: url(img/cadre-d.gif) repeat-y right;
}
	
div#piedpage {
	/*border: solid 1px green;*/
	background: url(img/cadre-bd.gif) no-repeat right bottom;
}
div#piedpage p {
	margin: 0;
	padding: 10px 30px 30px 30px;
	background: url(img/cadre-bg.gif) no-repeat left bottom;
	text-align: right;
	font-size: 0.66em;
}

/*** FOOTER FRAME ***/
div#frameFooter {
	/*border: solid 1px green;*/
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-left: 10.8em;	/* la même marge gauche que la main frame */
}
div#legals {
	font-size: 0.66em;
	color: #bbbbbb;
}
div#w3c	{
	
}
div#w3c img {			/* pour ne pas avoir de décalage avec les images n'ayant pas de lien */
	border: solid 1px white;
}	
div#w3c a img {
	border: solid 1px white;
}
div#w3c a:hover img {
	border: solid 1px #ff8c00;
}
div#w3c a:active img {
	border: solid 1px white;
}