@charset "iso-8859-1";

/* -------------- GÉNÉRAL -------------- */
body {
margin: 0px;
padding: 0px;
line-height: 1.25em;
background: #fafafa;     /* fond defaut -  F2F3F4 mars 2008: remplacé par FaFaFa plus pâle IMPORTANT:pour changer le fond du texte aller plus bas dans General  texte .texte background */
font-family:   'Gill Sans', "Trebuchet ms", Arial, Verdana, Helvetica, sans-serif, "MS sans serif";    /* caractères  par défaut   */
color: #1f1f1f;     /* couleur texte  défaut 444444 mars 2008 remplacé par 1F1F1F plus foncé   */
text-align:center;       /*  Centrage des boites intérieures   */
scrollbar-face-color: #336699;   /*  Couleurs des barres de défilements   */
scrollbar-highlight-color: #6699cc;  /*  Valide seulement pour IE  */
scrollbar-shadow-color: #003366;
scrollbar-arrow-color: #ff9900;
scrollbar-base-color: #003366;
scrollbar-3d-light-color: #336699;
scrollbar-dark-shadow-color: #003366
}
  
 .canvas {                           /* CONTENEUR PRINCIPAL   */
  width:760px;                 /*  Largeur fixe du conteneur à 750px centré sur le body   */
  margin:0 auto;
  border:solid #fff;                 /*  bordure blanches...  */
  border-width:0 1px;              /*  ...à droite et à gauche seulement   */
  text-align:left;       /* réaligne le texte à gauche de  la boite  */
  color:#1f1f1f;         /* couleur texte  défaut 444444 mars 2008 remplacé par 1F1F1F plus foncé   */
  position:relative;                 
  }  
  
body.accueil {
background-image:url("../images/bg_pg_vert.gif");
}
body.voyages {
background-image:url("../images/bg_pg_tan.gif");
}
body.voyages p {
text-align: justify;
}

body.genealogie {
background-image:url("../images/bg_pg_bleu3.gif");
}
body.etsi {
background-image:url("../images/bg_pg_mauve.gif");
}
body.internet {
background-image:url("../images/bg_pg_vert.gif");
}
body.galeries {
background-image:url("../images/bg_pg_tan.gif");
}
body.gazette {
background-image:url("../images/bg_pg_rouge.gif");
}
body.contacts {
background-image:url("../images/bg_pg_bleu3.gif");
}
body.pratiques {
background-image:url("../images/bg_pg_rouge.gif");
}
body.bio {
background-image:url("../images/bg_pg_noir.gif");
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 8px 12px; 
	font-family: "Trebuchet MS", "Gill Sans", Arial,  Verdana, Geneva, Helvetica, sans-serif, "MS sans serif"; 
	}

h1.bio, h2.bio, h3.bio, h4.bio, h5.bio, h6.bio {
	color: #cc9966;
	}
	
h3, h4, h5, h6 {
   color: #444444; 
	}
	
h1 {
	font-size: 1.8em; 
	color: #9C2203; 
	text-transform: uppercase; 
	letter-spacing: 0.5em; 
	text-align: center;
}

h2 {
	font-size:  1.5em; 
	font-style: italic; 
	color: #9C2203; 
	letter-spacing: 0.2em; 
}

h3 {
	font-size:  1.2em; 
	letter-spacing: 0.1em; 
	color: #9C2203; 
}

h4 {
	font-size: 1em;  
	font-style: italic; 
}

h5 {
	font-size: 0.9em; 
}

h6 {
	font-size: 0.8em; 
	font-style: italic; 
	color: #9C2203; 
}

p {
	font-size: 0.8em; 
	line-height: 1.5em;
	margin: 12px; 
	font-family:   'Gill Sans', "Trebuchet ms", Arial, Verdana, Helvetica, sans-serif, "MS sans serif";
}

p.bio {
	color: #A49E80; 
}

ul, ol, li {
   padding-top: 2px; 
   color: #444444; 
   font-family: Arial, Helvetica, Verdana, sans-serif, "MS sans serif";
}

ul {
	margin-left: 15px; 
	padding: 0 0 0 15px;
	font-size: 0.9em; 
	}


ol {
	padding-left:  20px; 
	padding-right: 8px; 
	line-height: 1.2em;
}

li {
    margin-left: 8px; 
	padding-left:  0px; 
	padding-right: 20px; 
	margin-bottom: 1px;
	line-height: 1.3em; 
	font-size: 0.9em; 
}

ul.evol {      /*  Liste dans Evolution  */
 padding-bottom: 12px;   /*  Ajouter de l'espace dans Firefox  */
}

ul.noir, ol.noir, li.noir {
   padding-top:2px; 
   padding-right: 0px; 
}

ul.noir {
	margin-left: 20px; 
	padding-left: 20px; 
	color: #191970; 
	font-size: 1em; 
	line-height: 1.5em; 
}

ol.noir {
	padding-left: 0px; 
	color: #a49e80; 
	font-size: 0.7em; 
	line-height: 1.1em;
}

li.noir {
	padding-left: 0px; 
	color:  #a49e80; 
	font-size: 0.75em; 
	line-height: 1.2em; 
}

/* -------------- GÉNÉRAL TEXTE-------------- */
.menu {background:#000000
}
.texte {background: #fafafa /* fond defaut -  F2F3F4 mars 2008: remplacé par FaFaFa plus pâle */
}

.evoltitre {              /* Utilisé dans INTERNET - ÉVOLUTION pour les titres en rouge des LISTES */
font-weight: bold; 
color: #9c2203;      /* Titres en rouge */
padding-left: 14px;  
}

.verspage {      /* Utilisé pour PAGES SUIVANTES en haut et en bas des vieilles pages du site */
font-weight: normal;
color: #444;  
}

.evoltitre, .verspage { 
font-size: 0.75em; 
line-height: 1.2em; 
margin:12px; 
padding-left: 14px;  
font-family: Arial, Verdana, Helvetica, sans-serif, "MS sans serif";
}

.copyright, .copyright2  { 
font-size: 0.65em; 
line-height: 1.2em; 
font-weight: normal;  
margin: 5px 10px;  
}
.copyright {
 color: black; 
}
.copyright2 {
 color: #999999; 
}

.titrecadre { 
font-size: 0.85em; 
line-height: 1.3em; 
font-weight: bold; 
color: white; 
text-decoration: none; 
}

.gen {
 font-size: 12px; 
 line-height: 14px; 
 font-weight: normal; 
 color: #444444;  
 font-family: Arial, Verdana, Helvetica, sans-serif, "MS sans serif";
}
.gen1 { 
font-size: 10px; 
line-height: 12px; 
font-weight: normal; 
color: #444444;  
font-family: Arial, Verdana, Helvetica, sans-serif, "MS sans serif";
}
.gen2 { 
font-size: 12px; 
line-height: 13px; 
font-weight: bold; 
color: #9c2203;  
font-family: Arial, Verdana, Helvetica, sans-serif, "MS sans serif";
}
.gen3 { 
font-size: 11px; 
line-height: 13px; 
font-weight: normal; 
color: #444444;   
font-family: Arial, Verdana, Helvetica, sans-serif, "MS sans serif";
}

.help {
	cursor: help; 
	background: #fff; 
	color: #108a10; 
	font-weight:  bold;
	border-bottom: #333 1px dotted
}
.code {
    background: #FFFFEF;
    border: #336699 1px solid; 
    margin: 0 5;
    padding: 0 5px;
	color:#336699; 
	font-size: 0.9 em; 
}

/**************************************************************
   Classes d'affichage génériques
 **************************************************************/

 .center {
    text-align: center;
}
	
.clear {
  clear: both;
}

.hide {
display:none;
}

.block {
  display: block;
}

b {
	font-weight:  bold
}
strong {
	font-weight:  bold
}
i {
	
}
em {
	
}

acronym {
	cursor: help; 
	background: #fff; 
	color: #ff7f50;
	font-weight:  bold;
	border-bottom: #333 1px dotted
}

blockquote {
	text-indent: -1.5em;
}

blockquote p {
	color: #790909;
	font-size: 0.7em; 
	line-height: 1.4em;
}

sup {
   vertical-align: super;
    font-size: 0.9em; 
}

xmp {
    background: #FFF;
    border: #108a10 1px solid; 
    margin: 0 10;
    padding-left: 5px;
	color:#108a10; 
}

input, textarea, input.menu   {
  border: #333 1px solid; 
  padding: 0px; 
  margin: 0px; 
}

input {
  	color: #0099cc; 
	font-weight:  bold; 
	background-color: #fff;
}

textarea {
   color:  #108a10; 
	margin: 0px; 
	background: rgb(255,255,255) none repeat scroll 0%; 
	overflow: scroll; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; 
}
input.menu {
	font-size: 0.65em; 
	color:  #cccccc; 
	background-color:  #444444
}

input.button {
	border: #999999 2px outset; 
	background-color:  #cccccc
}

p.subhead {
	padding-right: 0px; padding-left: 0px; 	font-weight: bold; 	font-size: 12px; 	padding-bottom: 0px; 	margin: 8px 20px; 	color: black; 	line-height: 18px; 	padding-top: 10px; 	font-family: Arial, Verdana, Helvetica, sans-serif, "MS sans serif"; 	text-align: right
}

#menuHolder {
	width: 125px; position: absolute
}
#fixItDiv {
	Z-INDEX: 1; left: 0px; width: 1px; position: absolute; top: 0px; height: 1px
}
#toolbar {
	left: 20px; margin: 0px; width: 200px; position: absolute; top: -131px; height: 161px
}
#toolbarContent {
	left: 0px; margin: 0px; width: 200px; position: absolute; top: 0px; height: 131px
}
#activeBar {
	left: 0px; margin: 0px; width: 30px; position: absolute; top: 131px; height: 30px
}
#leftImg {
	left: 0px; margin: 0px; width: 30px; position: absolute; top: 0px; height: 30px
}


/* ---------- ENCARTS  - CONTENEURS - BORDURES ----------- */

/*GALERIE DE PHOTOS 
affichant un conteneur de mini-photos avec cadres et couleur
de fond modifiables sur la page-mère. 
Les cadres sont pré-établis dans la feuille de style.
Source: http://realworldstyle.com/thumb_float.html#ex3/	
*/
div.container {
	margin-left: 2%;
	border: 2px solid #B5C1CF; 
	padding-top: 5px; 
	padding-left: 10px; 
	width: 98%; 
	w\idth: 94%; 
	background-color: #FAFAD2;
}
div.float {
	margin-right: 3px; 
	margin-bottom: 3px; 
	padding: 1px; 
	float: left; 
	border: 1px silver solid; 
	width: 138px;  
	height: 164px; 
	background-color: #ffe
}
div.spacer {
	clear: both
}
div.float img {
	margin-left: 3px;
	display: inline;
}
div.float p {
	font-size: 10px; 
	line-height: 11px; 
	margin: 0 1 0 1;
	padding: 0;
	text-align: center; 
	font-family: arial
}
     
 /*Encart PHOTO affichant une seule photo avec légende centrée,
bordure et fond colorés. */
div.encart-photo{
width: 140px;  
W\IDTH: 156px;
margin: 5px;
border: 1px silver solid; 
background-color: #ffe
}
div.encart-photo p {
font-style: normal;
font-size: .65em;
line-height: .85em;
font-family:arial;
text-indent: 0;
text-align: center;
}
 
 /*Encarts  aux couleurs des SECTIONS de Mitan
 ORANGE, CORAIL, VERT, VIOLET, BLEU, POURPRE, TURQUOISE, ROUGE, JAUNE  */
 div.enc-orange, div.enc-corail, div.enc-vert, div.enc-violet, div.enc-bleu, div.enc-pourpre, div.enc-turquoise, div.enc-rouge, div.enc-jaune  {
 	width: 600px; 
	margin: 3 7px; 
	padding: 4px; 
	text-align: left;
	float: left;
 } 
div.enc-orange {
	background-color: #FFF6E8;
	border: 2px solid #FF9900; 
}
div.enc-corail {
    background-color: #FFEEE8;
	border: 2px solid #FF7F50; 
}
div.enc-vert {
  background-color: #F2FCF8;
  border: 2px solid #33CC99; 
}
div.enc-violet {
  background-color: #FFF5F6;
  border: 2px solid #DB7093; 
}
div.enc-bleu {
  background-color: #F5FBFF;
  border: 2px solid #0099CC; 
}
div.enc-pourpre {
  background-color: #FCFAFD;
  border: 2px solid #9966CC; 
}
div.enc-turquoise {
  background-color: #E7F7F6;
  border: 2px solid #20B2AA; 
}
div.enc-rouge {
  background-color: #FFFFEF;
  border: 2px solid #CC3333; 
}
div.enc-jaune {
	background-color: #FEFFEC;
	border: 2px solid #EBCB68; 
}

 /*Encarts  H3  ORANGE, CORAIL, VERT, VIOLET, BLEU, POURPRE, TURQUOISE, ROUGE, JAUNE    */
  div.enc-orange h3, div.enc-corail h3, div.enc-vert  h3, div.enc-violet h3, div.enc-bleu h3, div.enc-pourpre h3, div.enc-turquoise h3, div.enc-rouge h3, div.enc-jaune h3 {
   margin: 0;
   padding: 3px;
   font-family:  "Trebuchet ms", 'Gill Sans', Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
   text-align: center;
   font-style: normal;
   color: white; 
} 
div.enc-orange h3 {
    background:  #FF9900;  
}
 div.enc-corail h3 {
    background: #FF7f50;	
}
div.enc-vert h3 {
    background:  #33cc99;
}
div.enc-violet h3 {
    background:  #db7093;
}
div.enc-bleu h3 {
    background: #0099CC;
}
div.enc-pourpre h3 {
    background: #9966CC;
}
div.enc-turquoise h3 {
    background: #20B2AA;
}
div.enc-rouge h3 {
    background: #CC3333;
}
div.enc-jaune h3 {
    background: #FFD700;
}
 /*Encarts  H3  H5  ORANGE, CORAIL, VERT, VIOLET, BLEU, POURPRE, TURQUOISE, ROUGE, JAUNE  */
  div.enc-orange h4, div.enc-corail h4, div.enc-vert  h4, div.enc-violet h4, div.enc-bleu h4, div.enc-pourpre h4, div.enc-turquoise h4, div.enc-rouge h4, div.enc-jaune h4 {
   font-style: oblique;
  color: #9C2203; 
}
div.enc-orange h5, div.enc-corail h5, div.enc-vert  h5, div.enc-violet h5, div.enc-bleu h5, div.enc-pourpre h5, div.enc-turquoise h5, div.enc-rouge h5, div.enc-jaune h5 {
  text-align: center;
 }

 /*Encarts ANECDOTE - HISTOIRE - CITATION - SOMMAIRE...
 affichant un texte entouré d'une bordure colorée et d'une couleur de  fond */
div.anecdote, div.aqua, div.choco, div.citation, div.depenses, div.framboise, div.histoire, div.lecon, div.melba, div.menthe, div.moka, div.mousse, div.nenane, div.popcorn, div.pub, div.raisin, div.sapin, div.vanille, div.sommaire, div.tangerine, div.recherche  {
    width: 220px; 
    margin: 3 7px;
	padding: 4px;
	text-align: justify;
 } 
 div.anecdote h3, div.aqua h3, div.choco h3, div.citation h3, div.depenses h3, div.depenses h4, div.framboise h3, div.histoire h3, div.lecon h3,  div.melba h3, div.menthe h3, div.moka h3, div.mousse h3, div.nenane h3,  div.popcorn h3,  div.pub h3, div.raisin h3, div.sapin h3, div.vanille h3, div.sommaire h3, div.tangerine h3, div.recherche h3 {   
   margin: 0;
   padding: 3px;
   font-family:  "Trebuchet ms", 'Gill Sans', Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
   font-style: normal;
   text-align: center;
 }
div.anecdote p, div.aqua p, div.choco p, div.citation p, div.framboise p, div.histoire p, div.humour p, div.lecon p, div.melba p, div.menthe p, div.moka p, div.mousse p, div.nenane p,  div.popcorn p,  div.pub p, div.raisin p, div.sapin p, div.vanille p,  div.sommaire p, div.sommaire  li, div.tangerine p, div.recherche p  {
   margin: 5 4;
   font-style: normal;
   font-size: 0.75em;
   line-height: 1.15em;
   font-family:  "Trebuchet ms", 'Gill Sans', Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
   text-indent: 0;
 }   
  /*Encart  ANECDOTE */
div.anecdote {
background:  #ECF8FF;
border: 2px solid #336699;
 }
div.anecdote h3 {
background: #336699;
color:#FFF; 
 }
/*Encart  AQUA */
div.aqua {
background:  #F5F7FA;
border: 2px solid #99AACC;
 }
div.aqua h3 {
background: #99AACC;
color:#FFF; 
 }
  /*Encart  CHOCO */
div.choco {
background:  #FDF2DA;
border: 2px solid #8B4513;
 }
div.choco h3 {
background: #8B4513;
color:#FFF; 
 }
  /* Encart CITATION: texte en italique entre gros guillemets */
div.citation {
	background: #FFF5F6;
	border: 2px solid  #db7093;
 }
  div.citation h3 {
  background: #F2CBD8;
  color: #cc3333;
 }
div.citation span {
   font-size: 0.65em; 
   line-height: 1em;
   color: #946F4A;  
   float: right;
   font-family: "Gill Sans", Verdana, Geneva, Arial, Helvetica, sans-serif, "MS sans serif";
   text-align: right; 
   padding: 2px;
 }
  /*Encart  DÉPENSES */
div.depenses {
background: #EEF0F4;
border: 2px solid #B5C1CF;
 }
 div.depenses h3, div.depenses h4 {
background:  #C9D2DC;
color: #174674; 
 }
 div.depenses table {
font-size: 0.7em; 
line-height:1em; 
font-weight: normal; 
color: #444444;   
}
/*Encart  FRAMBOISE */
div.framboise {
background:  #FCF4F4;
border: 2px solid #DA7A7A;
 }
 div.framboise h3 {
background: #DA7A7A;
color:#FFF; 
 }
 /*Encart  HISTOIRE */
div.histoire {
background: #F2F4F4;
border: 2px solid #577878;
 }
div.histoire h3 {
background: #577878;
color: #FFF; 
 }
 /*Encart  LECON*/
div.lecon {
background: #ECF8F4;
border: 2px solid #466B6B;
 }
 div.lecon h3 {
background: #B5E2D2;
color: #466B6B; 
 }
 /*Encart  MELBA */
div.melba {
background:  #FDF2DA;
border: 2px solid #FF4500;
 }
div.melba h3 {
background: #FF4500;
color:#FFF; 
 }
  /*Encart  MENTHE */
div.menthe {
background:  #FFF;
border: 2px solid #B4D0DC;
 }
div.menthe h3 {
background: #B4D0DC;
color:#FFF; 
 }
 /*Encart  MOKA */
div.moka {
background:  #FEFFEC;
border: 2px solid #AB7853;
 }
div.moka h3 {
background: #AB7853;
color:#FFF; 
 }
 /*Encart  MOUSSE */
div.mousse {
background:  #FEFFEC;
border: 2px solid #BDB76B;
 }
div.mousse h3 {
background: #BDB76B;
color:#FFF; 
 }
 /*Encart  NENANE */
div.nenane {
background:  #FAF6FA;
border: 2px solid #B986B9;
 }
div.nenane h3 {
background: #B986B9;
color:#FFF; 
 }
 /*Encart  POPCORN */
div.popcorn {
background:  #FBF6EA;
border: 2px solid #E2C58F;
 }
div.popcorn h3 {
background: #E2C58F;
color:#FFF; 
 }
 /*Encart  RAISIN */
div.raisin {
background:  #FCF9F5;
border: 2px solid #8D688D;
 }
div.raisin h3 {
background: #8D688D;
color:#FFF; 
 }
  /*Encart  SAPIN */
div.sapin {
background:  #FFFFE6;
border: 2px solid #669966;
 }
div.sapin h3 {
background: #669966;
color:#FFF; 
 }
 /*Encart SOMMAIRE */
div.sommaire  { 
border: 2px solid  #FFBF9F; 
background-color: #FFEEE5;
}
div.sommaire h3 {
background:  #FFD0B9;
color: #9C2203; 
}
div.sommaire  ul{ 
margin: 2 0 2 20;
padding: 0; 
}
div.sommaire  li{ 
margin: 0 0 0 7;
padding:0; 
line-height: 1.3em; 
}
 /*Encart  TANGERINE - Gen */
div.tangerine {
background:  #FFEBD4;
border: 2px solid #B5C1CF;
 }
 div.tangerine h3 {
background: #FF7f50;
color:#FFF; 
 }
 /*Encart  VANILLE  */
div.vanille {
background:  #FFF9E0;
border: 2px solid #DE7008;
 }
div.vanille h3 {
background: #DE7008;
color:#FFF; 
 }
 /*Encart  PUB */
div.pub {
background:  #EEEEF2;
border: 2px solid #C2C2D1;
text-align: center;
 }
div.pub h3 {
background: #797999;
color:#FFF; 
 }
 /*Encart  RECHERCHE */
div.recherche {
background:  #FFF;
border: 2px solid #797999;
text-align: center;
 }
div.recherche h3 {
background: #797999;
color:#FFF; 
 }
/*BORD: ligne verticale rouge en retrait dans la marge à gauche - Texte italic	
*/
div.bord, p.bord {
    padding-left: 12px;
	margin-left: 20px;
    border-left: 1px solid red;
	border-right: none;
    border-top: none;
    border-bottom: none;
	font-size: 0.8em;
    line-height: 1.5em;
    font-family: "Trebuchet MS", Geneva, Helvetica, sans-serif, "MS sans serif";
	font-style: italic;
 }
 
  /*BORD1: met une ligne verticale orange 
  dans la marge d'un div justifié à droite	*/
div.bord1 {
   width: 160px;  
   W\IDTH: 176px;
    padding-left: 2px;
	margin-left: 6px;
	margin-bottom: 3px;
	border-left: 2px solid  #ff7f50;
	border-right: none;
    border-top: none;
    border-bottom: none;
	float: right; 
  }
div.bord1 p {
   margin: 3px;
   padding: 0px;
   font-style: normal;
   font-size: 1em;
   line-height: 1.2em;
   color: #6F5338;
   font-family: "Trebuchet MS", "Gill Sans", Verdana, Geneva, Arial, Helvetica, sans-serif, "MS sans serif";
   text-align: left;
 }
div.bord1 h3 {
   margin: 3px;
   color: #cc3333;
   font-style: normal;
   font-family: "Trebuchet MS", "Gill Sans", Verdana, Geneva,Arial, Helvetica, sans-serif, "MS sans serif";
   letter-spacing: 0.2em;
   text-align: center; 
 }
		
/*BORDURE: met une bordure coloré autour d'une photo
 au passage de la souri dans un lien	*/
.bordure{
border:1px solid #fafafa;
}
	
/*Encart  PAGE SUIVANTE - HAUT
Encart PAGE SUIVANTE - BAS
Encart  VOUSICI - Bas de la page
Encart  top - inclus dans PAGE SUIVANTE - BAS et VERStop
*/
div.psuiv-d,  div.psuiv-g, div.psuiv-b {
background:  #fafafa;
}
div.psuiv-g, div.vousici, div.top {
float: left;
text-align: left;
margin: 0  0  0  34;
display: inline
}
div.psuiv-d {
float: right;
text-align: right;
margin: 0  24  0  0;
}
div.psuiv-b {
float: right;
text-align: left;
margin: 0  30  0  0;
display: inline
}
div.psuiv-d span {
font-weight: bold; 
color: red;
}
div.psuiv-b span {
font-weight: bold; 
color: #9c2203;
padding-right: 8px;
}
div.psuiv-g p,  div.psuiv-d p, div.psuiv-b p, div.vousici p  {
font-style: normal;
font-size: 0.75em;
line-height: 1.5em;
font-weight: bold; 
color:#666;
font-family: Arial, Verdana, Helvetica, sans-serif, "MS sans serif";
text-indent: 0;
margin: 0;
padding: 0;
 }
div.top p  {
text-indent: 0;
margin: 0;
padding: 0;
 }
 
  /*Encart  VOUSICI   */
div.vousici p {
font-size: 0.7em; 
line-height: 1.4em;
margin: 2 0 0 0;
}
div.vousici span {
color: #9c2203;
padding-right: 4;
}
 
  /*Encart  BAS DE PAGE   */
div.basdepage {
float: center;
}
div.basdepage p {
font-size: 0.6em; 
color: black; 
margin: 0;
text-align:center;
}

 /*Encart  PARTICIPANTS */
div.participants {
float: left;
margin: 0 5;
padding: 0 4;
 }
div.participants span {
font-weight: bold; 
color:#108a10;
 }
 div.participants p {
text-align: left;
 }
   
 /*ENCARTS DE DÉMONSTRATION SEULEMENT
Ces codes mettent une photo sans bordure à gauche ou 
à droite avec une légende centrée en dessous. 
Figure1g s'affiche à gauche
Figure1d s'affiche à droite
P.caption centre la légende
*/
div.figure1g {
 float: left;
 width: 18%;
 text-align: center;
    }

div.figure1d {
 float: right;
 width: 18%;
 text-align: center;
    }
	
p.caption {
font-style: normal;
font-size: 12px;
line-height:12px;
font-family:arial narrow;
text-indent: 0;
}
	
/*Ces codes mettent un cadre gris autour d'une photo
et on peut mettre une légende centrée en dessous. 
Figure2g s'affiche à gauche
Figure2d s'affiche à droite
*/
div.figure2g {
 float: left;
 width: 18%;
 margin: 3px;
 border: thin silver solid;
 text-align: center;
    }
	
div.figure2d {
 float: right;
 width: 18%;
 margin: 3px;
 border: thin silver solid;
 text-align: center;
    }
	
/*Ces codes affichent un encart avec une bordure colorée
*/
div.boite {
border: solid; 
border-width: thin; 
border-color: #db7093; 
width: 100%; 
padding-left: 10px; 
padding-right: 10px;
padding-top: 15px; 
padding-bottom: 15px;
}

/* ---------- ICONES DEVANT LES LIENS ----------- */
.voirpage:link, .voirpage:visited,  .voirsite:link, .voirsite:visited, 
.voirphoto:link, .voirphoto:visited, .liretexte:link, .liretexte:visited, 
 .audio:link, .audio:visited,   .voirarbre:link, .voirarbre:visited, 
 .lirebio:link, .lirebio:visited,.zoomin:link, .zoomin:visited   { 
   border-width: 0px; 
   background-position: left;
   white-space:nowrap; /* L'icône et le texte restent ensemble et ne sont pas séparés en fin de ligne  */
 }
 .voirpage:link, .voirpage:visited {   /* Icône page windows devant le lien pour voir un site intérieur  */
   background:url("../picto/pagesite.gif") no-repeat 0px 50%;  /* 0px = distance de la gauche, 50%= au milieu de la ligne, verticalement  */
   padding-left:18px;    /* Distance entre l'icône et le texte du lien  */ 
 }
 .voirsite:link, .voirsite:visited {   /* Icône page et fleche devant le lien pour voir un site extérieur  */
  background:url("../picto/site-ext.gif") no-repeat 0px 50%; 
   padding-left:18px;    /* Distance entre l'icône et le texte du lien  */ 
 }
.voirphoto:link, .voirphoto:visited {   /* Icône caméra devant le lien pour voir une photo  */
   background:url("../picto/pagephoto.gif") no-repeat 0px 50%; 
   padding-left:18px;    /* Distance entre l'icône et le texte du lien  */ 
 }
.liretexte:link, .liretexte:visited {   /* Icône de texte devant le lien pour aller lire ce texte  */
  background:url("../picto/pagetexte.gif") no-repeat 0px 50%; 
   padding-left:18px;    /* Distance entre l'icône et le texte du lien  */ 
 }
 .audio:link, .audio:visited {   /* Icône d'une tête  devant un lien indiquant une biographie  */
  background:url("../picto/pageaudio.gif") no-repeat 0px 50%; 
   padding-left:18px;    /* Distance entre l'icône et le texte du lien  */ 
 }
 .voirarbre:link, .voirarbre:visited {   /* Icône d'un arbre de généalogie devant le lien pour voir l'arbre de la personne  */
  background:url("../picto/pagearbre.gif") no-repeat 0px 50%; 
    padding-left:18px;    /* Distance entre l'icône et le texte du lien  */ 
 }
.lirebio:link, .lirebio:visited {   /* Icône d'une tête  devant un lien indiquant une biographie  */
  background:url("../picto/picto_tete.gif") no-repeat 0px 50%; 
   padding-left:18px;    /* Distance entre l'icône et le texte du lien  */ 
 }
.zoomin:link, .zoomin:visited {   /* Icône devant le lien pour voir une photo aérienne de Google */
  background:url("../picto/zoomin_12x12.gif") no-repeat 0px 50%;
  padding-left: 18px;
  }
  
 /* Icône FLÈCHES À DROITE pour PAGE SUIVANTE  */ 
.fleche:link, .fleche:visited, .fleche:hover, .fleche:active   {   
     border-width: 0px;
     padding-right: 30px;   /* Distance entre l'icône et le texte du lien  */
	 white-space: nowrap; /* L'icône et le texte restent ensemble et ne sont pas séparés en fin de ligne  */
	 }
.fleche:link {   /* Icône flèches à droite du texte pour  page suivante  */
    background:url("../images/fleches_bleu.gif") no-repeat 0px 50%;
	background-position: right;
}
.fleche:visited {   /* Icône flèches à droite du texte pour  page suivante  */
    background:url("../images/fleches_mauve.gif") no-repeat 0px 50%;
	background-position: right;
}
.fleche:hover {   /* Icône flèches à droite du texte pour  page suivante  */
    background:url("../images/fleches_vert.gif") no-repeat 0px 50%;
	background-position: right;
}
.fleche:active {   /* Icône flèches à droite du texte pour  page suivante  */
    background:url("../images/fleches_rouge.gif") no-repeat 0px 50%;
	background-position: right;
}

 /* Icône FLÈCHES À GAUCHE pour PAGE PRÉCÉDENTE  */ 
.fleche-g:link, .fleche-g:visited, .fleche-g:hover, .fleche-g:active   {  
     border-width: 0px;
	 padding-left: 30px;    /* Distance entre l'icône et le texte du lien  */
   	 white-space: nowrap; /* L'icône et le texte restent ensemble et ne sont pas séparés en fin de ligne  */
 }
.fleche-g:link {   /* Icône flèches à gauche du texte pour  page suivante  */
    background:url("../images/fleches-g_bleu.gif") no-repeat 0px 50%;
	background-position: left;
}
.fleche-g:visited {   /* Icône flèches à gauche du texte pour  page suivante  */
    background:url("../images/fleches-g_mauve.gif") no-repeat 0px 50%;
		background-position: left
}
.fleche-g:hover {   /* Icône flèches à gauche du texte pour  page suivante  */
    background:url("../images/fleches-g_vert.gif") no-repeat 0px 50%;
	background-position: left
}
.fleche-g:active {   /* Icône flèches à gauche du texte pour  page suivante  */
    background:url("../images/fleches-g_rouge.gif") no-repeat 0px 50%;
		background-position: left
}

 /* Icône FLÈCHE VERS LE HAUT vers le haut de la page 
  inclus aussi dans  DIV.top  dans encart PAGE SUIVANTE - BAS     */
.vertop:link, .vertop:visited, .vertop:hover, .vertop:active   {  
     border-width: 0px;
	 width: 1px; /* Nécessaire pour IE sinon l'icône n'apparaît pas */
     padding: 1 1 1 15px;    /* Distance entre l'icône et le texte du lien. Le 15 élargie la zone de pointage */
	 white-space: nowrap; /* L'icône et le texte restent ensemble et ne sont pas séparés en fin de ligne  */
	 font-size: 0.7em;
	 font-weight: normal;
	 font-style: normal;
 }
.vertop:link {   /* Icône flèches vers le haut de la page  */
    background:url("../images/verstop_bleu-02.gif") no-repeat 0px 50%;
	background-position: left;
}
.vertop:visited {    /* Icône flèches vers le haut de la page  */
    background:url("../images/verstop_bleu-02.gif") no-repeat 0px 50%;
	background-position: left;
}
.vertop:hover {    /* Icône flèches vers le haut de la page  */
    background:url("../images/verstop_vert-02.gif") no-repeat 0px 50%;
	background-position: left;
}
.vertop:active {    /* Icône flèches vers le haut de la page  */
    background:url("../images/verstop_rouge-02.gif") no-repeat 0px 50%;
	background-position: left;
}

 /* Icône COPYright placé dans BAS DE PAGE */
 .ans:link, .ans:visited {  
   background:url("../images/copyright.gif") no-repeat; 
   background-position: 0px 50%; /* 0px = distance de la gauche, 60%= au milieu de la ligne, verticalement  */
   border-width:0; 
   padding-left:70px;    /* Distance entre l'icône et le texte du lien  */ 
   white-space:nowrap; /* L'icône et le texte restent ensemble et ne sont pas séparés en fin de ligne  */
  }
  
  /* Icônes NOUVEAU !  REVISÉ !  et  EN LIGNE ! */
   .neo, .rev, .enligne {   
   background-position: 0px 0%; /* 0px = distance de la gauche, 60%= au milieu de la ligne, verticalement  */
   border-width: 0; 
   padding-left: 70px;    /* Distance entre l'icône et le texte du lien  */ 
   white-space:nowrap; /* L'icône et le texte restent ensemble et ne sont pas séparés en fin de ligne  */
  }
     .neo {   /* Icône NOUVEAU !  */
   background:url("../images/nouveau.gif") no-repeat; 
  }
    .rev {   /* Icône REVISÉ !  */
   background:url("../images/revise.gif") no-repeat; 
  }
   .enligne {   /* Icône EN LIGNE !  */
   background:url("../images/enligne.gif") no-repeat; 
  }

/* ---------- GÉNÉRAL LIENS ----------- */
a:link {
 	font-weight: bold; 
	color: #0099CC; 
	text-decoration: none;
}
a:visited {
	font-weight:  bold; 
	color: #9966cc; 	
	text-decoration:  none;
}
a:hover {
	font-weight:  bold; 
	color: #33cc99; 	
	text-decoration:  underline;
}
a:active {
	font-weight:  bold; 
	color: #cc3333;    
	text-decoration: none;
}

a.nav:link, a.nav:visited, a.nav:hover, a.nav:active,  
a.subnav:link, a.subnav:visited, a.subnav:hover, a.subnav:active, 
a.subnav1:link, a.subnav1:visited, a.subnav1:hover, a.subnav1:active, 
a.subnav2:link, a.subnav2:visited, a.subnav2:hover, a.subnav2:active   {
	margin: 0px; 
	font-size: 0.9em; 
	line-height: 1.3em; 
}
.nav, .subnav, .subnav1, .subnav2 {
    font-size: 0.8em;   
	line-height: 1.3em; 
	font-weight: bold; 
	text-decoration: none;
	font-family: arial, verdana, helvetica; 
}
a.nav:link, a.nav:visited, a.nav:hover, a.nav:active  {
	font-weight: bold; 
}
.nav {
	padding-left: 10px; 
	color:  white; 
}
.nav0 {
	padding-left: 10px; 
	 font-size: 0.9em;   
	line-height: 1.3em; 
	font-weight: bold; 
	color:  #ffc; 
}
a.nav:link {
	padding-left: 0px; 
	color:  #ffc; 
	text-decoration: none;
}
a.nav:visited {
	padding-left: 0px;  
	color:  #ffc; 
	text-decoration: none;
}
a.nav:hover {
	padding-left: 0px; 
	color:  white; 
	text-decoration: underline;
}
a.nav:active {
	padding-left: 0px; 
	color:  #ffc; 
	text-decoration: none;
}
a.subnav:link, a.subnav:visited, a.subnav:hover, a.subnav:active  {
	font-weight: bold; 
}
.subnav {
    padding-left: 15px; 
	color:  #cccccc; 
}
a.subnav:link {
	padding-left: 0px; 
	color: #cccccc; 
	text-decoration:  none;
}
a.subnav:visited {
	padding-left: 0px; 
	color: #cccccc; 
	text-decoration:  none;
}
a.subnav:hover {
	padding-left: 0px; 
	color: white; 
	text-decoration: underline;
}
a.subnav:active {
	padding-left: 0px; 
	color:  #cccccc; 
	text-decoration:  none;
}
a.subnav1:link, a.subnav1:visited, a.subnav1:hover, a.subnav1:active  {
	font-weight: bold; 
	color: #fff; 
}
.subnav1 {
   	padding-left: 15px; 
	color: #fff; 
}
a.subnav1:link {
	padding-left: 0px; 
	text-decoration: none;
}
a.subnav1:visited {
	padding-left: 0px; 
	text-decoration:  none;
}
a.subnav1:hover {
	padding-left: 0px; 
	text-decoration:  underline;
}
a.subnav1:active {
	padding-left: 0px; 
	text-decoration:  none;
}
a.subnav2:link, a.subnav2:visited, a.subnav2:hover, a.subnav2:active  {
	font-weight: normal; 
    color: #fff; 
}
.subnav2 {
	padding-left: 20px; 
	color:#cccccc; 
}
a.subnav2:link {
	padding-left: 0px; 
	color: #cccccc; 
	text-decoration: none;
}
a.subnav2:visited {
	padding-left: 0px; 
	color:#cccccc; 
	text-decoration: none
}
a.subnav2:hover {
	padding-left: 0px; 
	color:white; 
	text-decoration:  underline;
}
a.subnav2:active {
	padding-left: 0px; 
	color: #cc3333; 
	text-decoration:  none;
}
 
.vert, .orange, .pourpre, .bleu, .rouge, .jaune, .corail, .turquoise, .violet, .gris, .chocolat, .bleunuit, .beige, .blanc {
	padding-left: 6px; font-weight: bold; font-size: 12px; margin: 0px;  line-height: 12pt; font-family: arial, verdana, helvetica; text-decoration: none
}
span.vert, span.orange, span.pourpre, span.rouge, span.bleu, span.jaune, span.corail, span.turquoise, span.violet, span.gris, span.chocolat, span.bleunuit, span.beige, span.blanc {  
padding: 0px; 
}
.vert { color: #33cc99; }
.orange { color: #ff9900; }
.pourpre { color: #9966cc; }
.bleu { color: #0099cc; }
.rouge { color: #cc3333; }
.jaune { color: gold; }
.corail { color: #ff7f50; }
.turquoise { color: lightseagreen; } 
.violet { color: #db7093; }
.gris { color: #a49e80; }
.chocolat { color: #d2691e; }
.bleunuit { color: #92b5b2; }
.beige { color: #cc9966; }
.blanc { color: #fff0f5;
 }
a.vert:link, a.orange:link, a.pourpre:link, a.bleu:link, a.rouge:link, a.jaune:link, a.corail:link, a.turquoise:link, a.violet:link, a.gris:link, a.chocolat:link, a.bleunuit:link, a.beige:link, a.blanc:link  {
	padding-left: 6px; font-weight: bold; font-size: 12px; margin: 0px;  line-height: 12pt; font-family: arial, verdana, helvetica; text-decoration: none
}
a.vert:link  { color: #33cc99; }
a.orange:link { color: #ff9900; }
a.pourpre:link { color: #9966cc; }
a.bleu:link  { color: #0099cc; }
a.rouge:link  { color: #cc3333; }
a.jaune:link { color: gold; }
a.corail:link { color: #ff7f50; }
a.turquoise:link { color: lightseagreen; } 
a.violet:link  { color: #db7093; }
a.gris:link  { color: #a49e80; }
a.chocolat:link  { color: #d2691e; }
a.bleunuit:link  { color: #92b5b2; }
a.beige:link  { color: #cc9966; }
a.blanc:link  { color: #fff0f5; 
}
a.vert:visited,  a.orange:visited,  a.pourpre:visited, a.bleu:visited, a.rouge:visited, a.jaune:visited, a.corail:visited, a.turquoise:visited, a.violet:visited,  a.gris:visited, a.chocolat:visited,  a.bleunuit:visited,  a.beige:visited, a.blanc:visited {
	padding-left: 6px; font-weight: bold; font-size: 12px; margin: 0px;  line-height: 12pt; font-family: arial, verdana, helvetica; text-decoration: none
}
a.vert:visited { color: #33cc99; }
a.orange:visited  { color: #ff9900; }
a.pourpre:visited  { color: #9966cc; }
a.bleu:visited  { color: #0099cc; }
a.rouge:visited  { color: #cc3333; }
a.jaune:visited  { color: gold; }
a.corail:visited  { color: #ff7f50; }
a.turquoise:visited  { color: lightseagreen; } 
a.violet:visited  { color: #db7093; }
a.gris:visited  { color: #a49e80; }
a.chocolat:visited  { color: #d2691e; }
a.bleunuit:visited  { color: #92b5b2; }
a.beige:visited  { color: #cc9966; }
a.blanc:visited  { color: #fff0f5; 
}
a.vert:hover,  a.orange:hover,   a.pourpre:hover,  a.bleu:hover, a.rouge:hover, a.jaune:hover,  a.corail:hover,  a.turquoise:hover,  a.violet:hover,  a.gris:hover,  a.chocolat:hover,  a.bleunuit:hover,   a.beige:hover,  a.blanc:hover  {
     padding-left: 6px; font-weight: bold; font-size: 12px; margin: 0px;  color: white; line-height: 12pt; font-family: arial, verdana, helvetica; text-decoration: none
}
a.vert:active,  a.orange:active,  a.pourpre:active,  a.bleu:active,  a.rouge:active, a.jaune:active,  a.corail:active,   a.turquoise:active,  a.violet:active,  a.gris:active,  a.chocolat:active,   a.bleunuit:active,  a.beige:active,  a.blanc:active  {
 	padding-left: 6px; font-weight: bold; font-size: 12px; margin: 0px;  line-height: 12pt; font-family: arial, verdana, helvetica; text-decoration: none
}
a.vert:active { color: #33cc99; }
a.orange:active{ color: #ff9900; }
a.pourpre:active { color: #9966cc; }
a.bleu:active  { color: #0099cc; }
a.rouge:active  { color: #cc3333; }
a.jaune:active { color: gold; }
a.corail:active { color: #ff7f50; }
a.turquoise:active { color: lightseagreen; } 
a.violet:active { color: #db7093; }
a.gris:active { color: #a49e80; }
a.chocolat:active{ color: #d2691e; }
a.bleunuit:active  { color: #92b5b2; }
a.beige:active { color: #cc9966; }
a.blanc:active  { color: #fff0f5; 
}

/* ---------- LES COULEURS ----------- */

.red, {
	color: #9C2203; 
}


/* Début CSS POUR PAGES ASCENDANCES*/
 /* Entête de page ASCENDANCE*/
h1.asc, h2.asc, h3.asc{
text-align: center; 
}
h2.asc, h3.asc{
margin:8 0; 
}
 /*h1 GÉNÉALOGIE entête BLEU de page ASCENDANCE*/
h1.asc{
margin: 10 0; 
color:#0099CC; 
font-size:2.1em; 
letter-spacing: 0.5em; 
}
 /*h2 NOM entête ROUGE de page ASCENDANCE*/
h2.asc {
color:#9C2203; 
font-size:1.8em; 
letter-spacing: 0.5em; 
}
 /*h3  RÉSIDENCE entête VERTE de page ASCENDANCE */
h3.asc {
color:#20b2aa; 
font-size:1.5em; 
letter-spacing: 0.2em; 
}

 /*h4  Entête CORAIL de page ASCENDANCE */
h4.asc {
color:#FF7F50; 
font-size:1.2em; 
letter-spacing: 0.1em; 
}


 /* ENCART En France & Au Québec pour page ASCENDANCE */
div.boite-asc {
border: 2px solid #336699;   
width: 35%;   
margin: 3 5px;	
padding: 4px;	
text-align: center; 
}  
div.boite-asc h3 {
 margin: 2 0; 
 padding: 3px; 
 background: #E4E8EE;  
 font-size:1.3em; 
 letter-spacing: 0.3em;
color:#336699; 
font-family:  "Trebuchet ms", 'Gill Sans', Arial, "MS sans serif";  
text-align: center; 
}

 /*Encart BIOGRAPHIE pour page ASCENDANCE */
   div.bio-asc{
    background:  #fff;
    border: 2px solid #336699;
    width: 480px; 
    margin: 3 5px;
	padding: 4px;
	float: center;
	text-align: justify;
 } 
 div.bio-asc h3 { 
   background: #336699;
   color:#FFF; 
   margin: 0;
   padding: 3px;
   font-family:  "Trebuchet ms", 'Gill Sans', Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
   font-style: normal;
   text-align: center;
 }
div.bio-asc p {
   margin: 5 4;
   font-style: normal;
   font-size: 0.75em;
   line-height: 1.15em;
   font-family:   '"MS sans serif", Gill Sans', "trebuchet ms", Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
   text-indent: 0;
 } 
 
/*gen1-asc = generation pour page ASCENDANCE */
.gen1-asc {
color:#9c2203; 
font-size:1.25em; 
font-weight:bold;
 letter-spacing: 0.2em; 
 font-family:windsor 
 }
 /*gen2-asc =  conjoints  pour page ASCENDANCE */
.gen2-asc {
color:#336699; 
font-size:1.1em; 
font-weight:bold; 
font-family:arial 
}
/*gen3-asc = parents pour page ASCENDANCE */
.gen3-asc {
color:#444444; 
font-size:0.75em; 
font-style:italic; 
font-family:arial 
}
/*gen 4-asc =  mariage pour page ASCENDANCE */
.gen4-asc {
color:#20b2aa; 
font-size:1em; 
font-weight:bold;  
font-family:arial 
}
 /*gen5-asc =  enfants  pour page ASCENDANCE */
.gen5-asc {
color:#800080; 
font-size:1em; 
font-weight:bold; 
font-family:arial 
}

/* Fin CSS POUR PAGES ASCENDANCES*/