body {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, serif;
	color: black;
	background-color: white;}
		

/* --- LAYOUT --- */
#mainLogo {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 7px 0px 0px 7px;
	width: 200px;
	}

#mainTitle {
	margin: 10px 20% 0 207px;
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #008080;
	font-size: 150%; 
				}
				
#mainCol {margin: 50px 15% 0 260px;
	 	  padding: 5px 5px 0 5px;
		  border:1px solid #999;}
		  
#encart {
	position: absolute;
	top: 80px;
	left: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	line-height: 1.4em;
			}
			
#mainMenu {
	position: absolute;
	top: 180px;
	left: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	line-height: 1.4em;
			}

#footer {
	left: 0px;
	margin: .5em 15% 4em 30px;
	padding-bottom: .2em;
	border-bottom: 1px solid #5C6F90;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .7em;
	clear: both;
	}
#footerIcons {text-align: right}

.contentNoMM-large {margin: 3em 0 .5em 20px;}
.contentNoMM-large700 {margin: 3em 0 .5em 20px; width:700px}

#footerNoMM-large {
	left: 0px;
	margin: .5em 30px 4em 30px;
	padding-bottom: .2em;
	border-bottom: 1px solid #5C6F90;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .7em;
	clear: both;}
	
/* VA align */
.VAtop {Vertical-align:top;}
.VAmiddle {vertical-align:middle}
.VAbottom {Vertical-align:bottom;}
.VAsuper {Vertical-align:super;}

/* images */

a img {border: 0px ;}
.flag {margin-top:.4em;margin-left:.5em}
.flagVAmiddle  {vertical-align:middle}
.navIcon  {Vertical-align:bottom;}

.imgFR  {float:right; margin: .8em}
.imgFL  {float:left; margin: .8em}


/* classes de paragraphe pour images seules sur leur ligne*/
.centeredImg {text-align:center; margin: 1em 0 3em;}
.leftImg {text-align:left; margin: 1em 0 3em;}


/* --- ,ul --- */
.summaryTitle {font-weight:400;
				font-family: Georgia, serif;
                font-size: .8em;
				margin: 0 0 0 80px}		
ul.summary {margin: .5em 0 1.5em 120px;
			padding: 0;
			list-style-image: url(images/a-down.gif);
     		list-style-type: disc;}			
ul.summary li {font-family: Georgia, serif;
				font-size: .9em;
				font-weight:100;
				margin: 0;padding: 0;}

ul	{margin: 1em 0 1em 50px;
     padding: 0;}
li	{font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 140%;
	margin: .4em 0 .4em 0px;padding: 0;}
li p {font-size: 100%;}
li li {font-size: 100%;}


/* --- p , headings --- */
p { font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 140%; 
	margin: .5em 0 1em 11px;	}
h1 {font-family: Helvetica,Arial, sans-serif;
	font-size: 125%;
	font-weight:bold;
	color: #666666;
	text-align:center;
	margin: 0 0 1.5em 0em;  /* H1 n'est utilisé qu'une seule fois, en tête de page */
	}
h2 {font-family: Helvetica, Arial, sans-serif;
	font-size: 115%;
	margin: 1.4em 0 .4em 0;
	font-weight:900; 
	}
h3 {font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	margin: 1.4em 0 .4em 3px;
	font-weight:900; 
	}
h4 {font-family: Helvetica, Arial, sans-serif;
	font-size: 90%; 
	margin: 1.2em 0 .4em 6px;
	font-weight:100;
	font-style:italic;}
h5 {font-family: Helvetica, Arial, sans-serif;
	font-size: 75%; 
	font-variant:small-caps;
	margin: 1.2em 0 .4em 9px;
	font-weight:900;}
h6 {font-family: Helvetica, Arial, sans-serif;
	font-size: 50%; 
	font-variant:small-caps;
	font-style:italic;
	margin: 1.2em 0 .4em 11px;
	font-weight:100;	}
	

table {border: 1px solid #CCCCCC;
		border-spacing:0}
td 	{font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 120%;
	border: 1px solid ;
	border-color:#CCCCCC;
	padding: 0;	}
td p  {margin: .1em .2em; 
	   padding: 0;}
table ul {margin: .1em .1em .1em 1.3em; 
		  padding: 0;}

	
/* --- misc ---  */
.gotoTopSum {margin-left: 2em;
				font-style:normal;
			font-family: Georgia, serif,;				
			font-size: .6em; }
			

.codeL {margin: 0 0 1em 1em;font-size: 90%;}
.codeLSmall{margin: 0 0 1em 1em;font-size: 70%;}
.fontS60 {font-size: 60%}
.fontCode {font-family:"Courier New", Courier, mono; margin: 0 .5em}

.remarques {margin: 1.8em 0 1em 0;font-weight:600}

.smallEmpha {
    margin-top: 0;
    color: black;
	font-size: .5em;
	font-style: italic;
	font-weight:100;}


/* --- LINKololgy --- */

a {text-decoration:none;}

a:link {color:blue;font-weight:600}
a:visited {color:#3399FF;font-weight:600}
a:hover {text-decoration:underline;}
a:active {color:red;font-weight:600}

h1 a:visited {color:blue;font-weight:600}

#mainMenu a:link {color:blue;font-weight:bold}
#mainMenu a:visited {color:#3399FF;font-weight:bold}
#mainMenu a:active {color:red;font-weight:bold}

#footer a:link {color:blue;font-weight:100}
#footer a:visited {color:#3399FF;font-weight:100}
#footer a:active {color:red;font-weight:100}

#footerNoMM-large a:link {color:blue;font-weight:100}
#footerNoMM-large a:visited {color:#3399FF;font-weight:100}
#footerNoMM-large a:active {color:red;font-weight:100}

.gotoTopSum a:link {color:blue;font-weight:100}
.gotoTopSum a:visited {color:blue;font-weight:100}
.gotoTopSum a:active {color:green;font-weight:100}

.summary a:link {color:blue;font-weight:100}
.summary a:visited {color:blue;font-weight:100}
.summary a:active {color:green;font-weight:100}