@charset "iso-8859-1";
/* auteur: FORMASERV */
/* Date de création: 27/05/2004 */


.body {background-color: #BCBCBC; padding: 0px; margin: 0px; font-family: Arial, Verdana, Tahoma, Geneva, sans-serif; font-size: 9px; color: white; font-weight: bold; text-align: center; scrollbar-3dlight-color: blue; scrollbar-arrow-color: #000066; scrollbar-base-color: #DDDDFF; scrollbar-darkshadow-color: #000066; background-image: url(images/body.png)}
.form {background-color: #CCCCFF; color: #000066; font-size: 11px; font-family: Verdana; font-weight: bold; text-align: center}
.formhead {background-color: #F9FBFF; color: #000099; font-size: 10px; font-family: Verdana}

span#img1 {background-image: url(images/femelle-icone-7722-32.png) no-repeat; height: 16px; width: 200px}
span#img2{background:url(images/male-icone-4184-32.png) no-repeat}

.text {font-family: Verdana; color: black; font-size: 11px; text-align: justify}
.text2 {font-family: Verdana; color: silver; font-size: 11px; text-align: justify; font-weight: bold}
.text3 {font-family: Verdana; color: black; font-size: 10px; text-align: center; font-style: italic}
.text4 {font-family: Verdana; color: #cccccc; font-size: 10px; text-align: justify}
.text5 {font-family: Verdana; color: red; font-size: 11px; text-align: justify}
.text6 {font-family: Verdana; color: black; font-size: 11px; text-align: justify; font-weight: bold}
.text7 {font-family: Verdana; color: black; font-size: 10px; text-align: center}
.text8 {font-family: Verdana; color: black; font-size: 9px; text-align: justify}
.date {font-family: Verdana; color: black; font-size: 11px; text-align: justify; font-weight: bold}

.h1 {font-family: Verdana; color: white; font-size: 11px; text-align: justify; font-weight: bold}
.h2 {font-family: Arial Black; color: #000099; font-size: 14px; font-weight: bold; vertical-align: top}

/* TITRES */
.titre {height: 22px; background-repeat: repeat-x; font-family: Verdana; font-size: 14px; font-weight: bold; line-height: 30px; text-align: center; color: white; background-color: #CC9900; width: 500px}
.titre2 {height: 22px; font-family: Arial, Verdana, Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; line-height: 22px; text-align: center; color: #CC9900}
.titre3 {background-repeat: repeat-x; font-family: Verdana; font-size: 14px; font-weight: bold; line-height: 30px; text-align: center; color: red; background-color: #CCCCCC; width: 1040px; vertical-align: middle}
.titre4 {height: 15px; background-repeat: repeat-x; font-family: Verdana; font-size: 14px; font-weight: bold; line-height: 15px; text-align: center; color: black; background-color: silver; width: 780px}
.titre5 {font-family: Verdana; font-size: 12px; font-weight: bold; text-align: center; color: black; border: 1px solid black}
.titre6 {background-repeat: repeat-x; font-family: Verdana; font-size: 12px; font-weight: bold; line-height: 20px; text-align: center; color: #EEEEEE; background-color: #737373; width: 100%; vertical-align: middle}
.titreprof {height: 15px; background-repeat: repeat-x; font-family: Verdana; font-size: 14px; font-weight: bold; line-height: 15px; text-align: center; color: white; background-color: dimgray; width: 400px}
.titrecol {background: #CCCCCC; border: thin #999966; font-family: Verdana; font-weight: bold; font-size: 10px; text-align: center; text-shadow: black; color: black; width: 190px; margin-left: 8px; border: 1px solid black}

/* LIENS MENU */
.menu {color: black; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none}
.menu a:link {color: black; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none}
.menu a:hover {color: #999999; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none}
.menu a:visited {color: dimgray; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none}

.menu2 {color: black; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: none; vertical-align: middle; font-style: italic}
.menu2 a:link {color: black; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: none; vertical-align: middle; font-style: italic}
.menu2 a:hover {color: #999999; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: none; vertical-align: middle; font-style: italic}
.menu2 a:visited {color:dimgray; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: none; vertical-align: middle; font-style: italic}

.menu3 {color: black; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none; vertical-align: top}
.menu3 a:link {color: black; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none; vertical-align: top}
.menu3 a:hover {color: #999999; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none; vertical-align: top}
.menu3 a:visited {color: dimgray; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none; vertical-align: top}

.menu4 {color: blue; font-family: Verdana; font-size: 10px; text-decoration: none; vertical-align: middle; font-style: italic}
.menu4 a:link {color: blue; font-family: Verdana; font-size: 10px; text-decoration: none; vertical-align: middle; font-style: italic}
.menu4 a:hover {color: #999999; font-family: Verdana; font-size: 10px; text-decoration: none; vertical-align: middle; font-style: italic}
.menu4 a:visited {color:#CCCCFF; font-family: Verdana; font-size: 10px; text-decoration: none; vertical-align: middle; font-style: italic}

.foot {font-family: Verdana; color: #DDDDFF; font-size: 10px; text-align: center}
.foot a:link {font-family: Verdana; color: #DDDDFF; font-size: 10px; text-align: center}
.foot a:hover {font-family: Verdana; color: #99CCFF; font-size: 10px; text-align: center}
.foot a:visited {font-family: Verdana; color: lime; font-size: 10px; text-align: center}
.foot  a:active {font-family: Verdana; color: #CCCCFF; font-size: 10px; text-align: center}

/*boutons*/
.bout {background-color: silver; background-repeat: repeat; border: medium double black; elevation: 1deg; font: normal  bold 12px Verdana; height: 30px; text-align: center; vertical-align: middle; width: 200px; color: black; text-decoration: none}
.bout a:link {background-color: silver; background-repeat: repeat; elevation: 1deg; font: normal  bold 12px Verdana; height: 30px; text-align: center; vertical-align: middle; width: 200px; color: black; text-decoration: none}
.bout a:hover {background-color: #CCCCCC; background-repeat: repeat; border: medium double #CCCC99; elevation: 1deg; font: normal  bold 12px Verdana; height: 30px; text-align: center; vertical-align: middle; width: 200px; color: black}

.bout1 {background-color: silver; background-repeat: repeat; border: thin solid black; elevation: 1deg; font: normal  bold 20px Arial; height: 40px; text-align: center; vertical-align: middle; width: 350px; color: black; text-decoration: none; background-image: url(images/menu.png)}
.bout1 a:link {background-color: silver; background-repeat: repeat; border: thin solid black; elevation: 1deg; font: normal  bold 20px Arial; height: 40px; text-align: center; vertical-align: middle; width: 350px; color: black; text-decoration: none; background-image: url(images/menu.png)}
.bout1 a:hover {background-color: black; background-repeat: repeat; border: thin solid #EEEEEE; elevation: 1deg; font: normal  bold 20px Arial; height: 40px; text-align: center; vertical-align: middle; width: 350px; color: silver; background-image: url(images/menu.png)}

.bout2 {background-color: silver; background-repeat: repeat; border: thin solid black; elevation: 1deg; font: normal  bold 20px Arial; height: 30px; text-align: center; vertical-align: middle; width: 250px; color: black; text-decoration: none; background-image: url(images/menu.png)}
.bout2 a:link {background-color: silver; background-repeat: repeat; border: thin solid black; elevation: 1deg; font: normal  bold 20px Arial; height: 30px; text-align: center; vertical-align: middle; width: 250px; color: black; text-decoration: none; background-image: url(images/menu.png)}
.bout2 a:hover {background-color: black; background-repeat: repeat; border: thin solid #EEEEEE; elevation: 1deg; font: normal  bold 20px Arial; height: 30px; text-align: center; vertical-align: middle; width: 250px; color: silver; background-image: url(images/menu.png)}

.bout3 {background-color: #CCCCCC; background-repeat: repeat; border: medium double #333333; elevation: 1deg; font: normal  bold 12px Verdana; height: 25px; text-align: center; vertical-align: middle; width: 200px; color: black; text-decoration: none}
.bout3 a:link {background-color: #CCCCCC; background-repeat: repeat; border: medium double #330033; elevation: 1deg; font: normal  bold 12px Verdana; height: 25px; text-align: center; vertical-align: middle; width: 150px; color: black; text-decoration: none}
.bout3 a:hover {background-color: #CCCCFF; background-repeat: repeat; border: medium double #330033; elevation: 1deg; font: normal  bold 12px Verdana; height: 25px; text-align: center; vertical-align: middle; width: 150px; color: black}
.bout3 a:visited {background-color: lime; background-repeat: repeat; border: medium double #330033; elevation: 1deg; font: normal  bold 12px Verdana; height: 25px; text-align: center; vertical-align: middle; width: 150px; color: black; text-decoration: none}
.bout3 a:active {background-color: #330033; background-repeat: repeat; border: medium double #CCCCCC; elevation: 1deg; font: normal  bold 12px Verdana; height: 25px; text-align: center; vertical-align: middle; width: 150px; color: #CCCCCC; text-decoration: none}

.bout4 {font: normal  bold 12px Verdana; text-align: left; vertical-align: middle; background: none; color: #660000; text-decoration: underline; layer-background-color: transparent; background-color: transparent;}

.bout5 {background-color: #660000; background-repeat: repeat; border: medium double #CCCC99; elevation: 1deg; font: normal  bold 12px Verdana; height: 30px; text-align: center; vertical-align: middle; width: 120px; color: yellow; text-decoration: none}
.bout5 a:link {background-color: #660000; background-repeat: repeat; border: medium double #CCCC99; elevation: 1deg; font: normal  bold 12px Verdana; height: 30px; text-align: center; vertical-align: middle; width: 120px; color: yellow; text-decoration: none}
.bout5 a:hover {background-color: yellow; background-repeat: repeat; border: medium double #CCCC99; elevation: 1deg; font: normal  bold 12px Verdana; height: 30px; text-align: center; vertical-align: middle; width: 120px; color: #660000}
.bout5 a:visited {background-color: #660000; background-repeat: repeat; border: medium double #CCCC99; elevation: 1deg; font: normal  bold 12px Verdana; height: 30px; text-align: center; vertical-align: middle; width: 120px; color: yellow; text-decoration: none}
.bout5 a:active {background-color: #660000; background-repeat: repeat; border: medium double #CCCC99; elevation: 1deg; font: normal  bold 12px Verdana; height: 30px; text-align: center; vertical-align: middle; width: 120px; color: yellow; text-decoration: none}

.boutim {background: url(images/lecteur-arretez-vous-icone-7029-32.png); cursor: pointer; width: 20px; height: 20px; border: none; vertical-align: middle}
.search {background: url(images/recherche.png); cursor: pointer; width: 185px; height: 46px; border: none; vertical-align: middle}
.sauve {background: url(images/sauvegarde.png); cursor: pointer; width: 185px; height: 46px; border: none; vertical-align: middle}

.case {cursor: pointer; width: 150px; height: 15px; border: thin solid black; vertical-align: middle; font-size: 10px; text-align: center; font-family: Verdana}
.boutpetit {font-family: Verdana; text-align: center; vertical-align: middle; height: 25px; font-size: 10px}

/* LIENS PETITS */
.Asmall:link, .Asmall:visited {
font-family: Arial, Verdana, Tahoma, Geneva, sans-serif;
font-size: 11px; 
color: #000000;
text-decoration: none;
background-color: transparent;
font-weight: bold;
}
.Asmall:active, .Asmall:hover {
color: #FF00CC;
background-color: transparent;
}

.slideshow {
	float: right;
	text-align: left;
	background-color: #ccc;
	margin-bottom: 5px;
	padding: 0;
	border: 0;
	width: 749px;
	height: 250px;
	}
	.slideshow img {
	display: inline-block;
	position: absolute;
	border: 0;
	width: 749px;
	height: 250px;
	}
    .slideB {
	text-align: center;
	}