body { 
background-image: url("images/bckgrnd.gif");
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
 }
#centerfold { 
	position: absolute;
	left: 50%;
	width: 708px;
	margin-left: -354px;
	margin-bottom: 10px;
	margin-top: 10px;
	z-index:2;
 }
 #centerfold808 { 
	position: absolute;
	left: 50%;
	width: 808px;
	margin-left: -404px;
	margin-bottom: 10px;
	margin-top: 10px;
	z-index:2;
 }
#topgauche { 
	position: absolute;
	left: 50%;
	width: 100px;
	margin-left: 0px;
	z-index:3;
 } 
#titrevertical, #titrevertical2 { 
	position: absolute;
	top: 10px;
	height:740px; 
	width: 40px;
	z-index:1;
 } 
#titrevertical { 
	left: 0px;
 } 
#titrevertical2 { 
	right: 0px;
 }

/* ici tous les titres */
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; }
h1 { font-size: 14pt; }
h2 { font-size: 12pt; }
h3 { font-size: 10pt; }
h4 { font-size: 10pt; }
h5 { font-size: 8pt; }
h6 { font-size: 6pt; } 
/* ici tous les paragraphes */
p.gauche, p.droite, p.centre, p.ref, p.thumb, .frame { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
p { text-align: justify; font-size: 8pt; }
p.gauche { text-align: left; }
p.droite { text-align: right; }
p.centre, p.adresse, p.thumb { text-align: center; }
p.ref { text-indent: -14; margin-left: 14; text-align: justify; }
p.thumb { color: #666666; }
p.titre, p.cadre, ul, ol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
p.titre { text-align: justify; }
p.cadre { background: teal; font-weight: bold; font-style: italic; text-align: center; color: #ffffff; }
/* ici toutes les listes */
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
/* ici tous les tableaux */
dt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
/* ici tous les spéciaux */
td.ombre { font-family: georgia, sans-serif; background-color: #f0f8ff; }
td.padded { padding:0; spacing:0; }
li.ombre { font-family: georgia, sans-serif; text-align: justify; font-size: 8pt; }
hr { text-align: center; size: 2px; color: blue; width: 70%; }
.author { text-transform: uppercase; }
/* .author { font-variant: small-caps; } */
.frame { font-weight: bold; 
color: #666666; 
border: 1px solid #666666; 
padding: 1px; 
-moz-border-radius: 20%; }
.fix { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #626278; }
.button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 22px; width: 100px; } /* ici tous les liens */
a.link1 { text-decoration: none; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
a.link1:hover { text-decoration: none; color: #FF6600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
a.link1:active { text-decoration: none; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
a.link2, a.doi { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
a.link2 { color: #0000FF; }
a.doi { color: #999999; }
a.link2:hover, a.doi:hover { text-decoration: none; color: #FF6600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
a.link2:active, a.doi:active { text-decoration: none; color: #0000FF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
a.link2b { text-decoration: none; color: #0000FF; font-family: georgia, sans-serif; font-size: 8pt; }
a.link2b:hover { text-decoration: none; color: #FF6600; font-family: georgia, sans-serif; font-size: 8pt; }
a.link2b:active { text-decoration: none; color: #0000FF; font-family: georgia, sans-serif; font-size: 8pt; }
a.link3 { text-decoration: none; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
a.link3:hover { text-decoration: none; color: #FF6600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
a.link3:active { text-decoration: none; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
a.link4 { text-decoration: none; color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
a.link4:hover { text-decoration: none; color: #0000FF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
a.link4:active { text-decoration: none; color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
a:visited, a.link1:visited, a.link2:visited, a.link2b:visited, a.link3:visited, a.link4:visited { text-decoration: none; }
a.resume, a.resume:hover, a.resume:active, a.resume:visited { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
a.resume, a.resume:active { color: #007CB9; }
a.resume:hover { color: #000033; }

/*---------------------*/
/*       Language       */
/*---------------------*/

a.fr { padding-right: 22px; background: url(icons/fr-icon.gif) no-repeat right; }
a.en { padding-right: 22px; background: url(icons/en-icon.gif) no-repeat right; }
a.es { padding-right: 22px; background: url(icons/es-icon.gif) no-repeat right; }

/*---------------------*/
/*       Marquee       */
/*---------------------*/

#marqueeVerticalcontainer { background-color: #0000ff; }
#marqueeVertical { background-color: #0000ff; font-size: 8pt; color: white; }
#marqueeVertical a { text-decoration: none; color: white; font-size: 8pt; font-weight: bold; }
#marqueeVertical.blurb { padding-top: 10px; };
#marqueeVertical.blurb a { text-decoration: none; color: white; font-weight: bold; }

/*---------------------*/
/*       Thumbs        */
/*---------------------*/

.image_left { 
 margin-bottom:10px;
 float: left;
 margin-right: 15px;
 }
.image_right { 
 margin-bottom:10px;
 float: right;
 margin-left: 15px
 }

.image_centre { 
 margin-bottom:10px;
 display:block;
 margin:0 auto;
 }

/* If the image_caption trickery is applied to an image, 
 we need to control the positioning of the div that magically
 wraps it then, and the effect it has on document flow... */

div.arc90_imgcaption { margin-bottom:10px; }
div.arc90_imgcaption img { margin-bottom:5px; }

div.image_left { padding-right:15px; }
div.image_right { padding-left:15px; }

#content img { padding: 5px; border: 1px solid #aaa; background-color:#f4f4f4; }
#home #content img { padding:0; margin:0; border:0 none; background:none; }

div.arrange_images { 
 margin:0 auto;
 width:auto;
 /*margin-left:80px;*/
 padding:10px 0;
 clear:both;
 }

div.arrange_images img { 
 float:left;
 margin-right:10px;
 }
img.logo { display:none; }