/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-size: 14px;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6C6C6C;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: justify;
}

.text1 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.text2 {
	font-size: 15px;
	color: #606060;
}

.text3 {
	font-size: 11px;
}

.text4 {
	color: #7EA800;
}

.text5 {
	text-align: center;
	color: #DAE4F2;
}

/** LISTS */

.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.list1 a {
	padding-left: 11px;
	background: url(images/homepage19.gif) no-repeat 0px 6px;
	text-decoration: none;
	color: #545454;
}

.list1 a:hover {
	text-decoration: underline;
}

.list2 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.list2 li {
	margin-bottom: 5px;
}

.list2 a {
	padding-left: 11px;
	background: url(images/homepage17.gif) no-repeat 0px 6px;
}

/** LINKS */

a {
	color: #7EA800;
}

a:hover {
	text-decoration: none;
}

.link1 {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.link1:hover {
	text-decoration: underline;
}

.link2 {
}

.link3 {
	padding-right: 14px;
	background: url(images/homepage21.gif) no-repeat right center; 
}

/** STYLES */

.style1 {
}

.style1 a {
}

.style1 a:hover {
}

/** BACKGROUNDS */

.bg1 { background: url(images/homepage01.gif) repeat left top; }
.bg2 { background: url(images/homepage03.gif) repeat-x left top; }
.bg3 { background: url(images/homepage04.gif) repeat-x left top; }
.bg4 { background-color: #FFFFFF; }
.bg5 { background: url(images/homepage09.gif) repeat-y left top; }
.bg6 { background: url(images/homepage10.gif) repeat-y right top; }
.bg7 { background: url(images/homepage15.gif) repeat-x left bottom; }
.bg8 { background: url(images/homepage20.gif) repeat-y left top; }
.bg9 { background: url(images/homepage22.jpg) no-repeat left top; }

/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

.img1 {
	float: left;
	margin: 3px 10px 0px 0px;
}

.img2 {
	float: right;
	margin: 3px 0px 0px 10px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}

/** rajouté par moi **/

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 10px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 10px;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 12px;
}
/* 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: 736px;
	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; }