/* CSS Document */

body
{
margin:0 0 0 0px;
}
a:link {
	text-decoration: none;outline:none;
}
a:visited {
	text-decoration: none;outline:none;
}
a:hover {
	text-decoration: none;
	outline:none;
}
.outertable
{
width:1000px;
margin-left:auto;
margin-right:auto;
}
.innertable
{
width:876px;
margin-left:auto;
margin-right:auto;
}
.top-bg
{
background-image:url(../images/banner-bg.jpg);
background-repeat:no-repeat;
height:287px;
}
.pink-bg
{
background-color:#fbdfee;
}
.rect-middle-bg
{
background-image:url(../images/rect-mid.jpg);
background-repeat:repeat-x;
height:9px;
}
.white-bg
{
background-color:#FFFFFF;
}
.heading1
{
font-family:"Times New Roman", Times, serif;
font-size:20px;
color:#9cbb36;
text-decoration:none;
font-weight:bold;
line-height:24px;outline:none;
}
.heading2
{
font-family:"Times New Roman", Times, serif;
font-size:24px;
color:#ffc100;
text-decoration:none;
font-weight:bold;
line-height:20px;outline:none;
}
.border
{
border:1px solid #d0d0d0;
}
.link-bg
{
background-image:url(../images/link-bg.jpg);
background-repeat:no-repeat;
width:88px;
height:22px;
}
.link1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#f74fa4;
text-decoration:none;outline:none;
}
.link1:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#f74fa4;
text-decoration:underline;outline:none;
}
.link2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;outline:none;
}
a.link2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;outline:none;
}
a.link2:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:underline;outline:none;
}
.link3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6e6a6c;
text-decoration:none;outline:none;
}
.link3 :hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6e6a6c;
text-decoration:underline;outline:none;
}
.text1
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#6e6a6c;
text-decoration:none;
line-height:20px;
text-align:justify;outline:none;
}
.text2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;outline:none;
}
.footer-mid-bg
{
background-image:url(../images/footer-mid.jpg);
background-repeat:repeat-x;
height:34px;
}
/* pied de page sur trois colonnes
   La barre laterale de ce site etait une cellule de tableau. Son
   contenu est ici, reparti sur trois colonnes qui se replient l'une
   sous l'autre quand la place manque. */
.pied-3col {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0 26px;
	width: 960px;
	max-width: 100%;
	margin: 18px auto;
	text-align: left;
}
.pied-col { flex: 1 1 200px; min-width: 0; }
.pied-col > *:first-child { margin-top: 0; }
.pied-col img { max-width: 100%; height: auto; }
@media screen and (max-width: 760px) {
	.pied-col { flex: 1 1 100%; }
}

/* Ce qui peut l'etre se replie.
   La mise en page est un tableau a largeurs fixes : on ne la rend pas
   fluide sans la refaire. On borne au moins les images, les cadres et
   les tableaux a la largeur de la fenetre, et l'on pose la balise
   « viewport » — sans elle, aucune regle d'ecran ne s'applique sur
   telephone. */
img, iframe, video, table { max-width: 100%; }
img { height: auto; }