body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: Black;
	background-image: url(images/fond.gif);
	background-repeat: repeat-y;
	text-align: justify;
	color: #FFFFFF;
}
a:hover {
	color : #00CCCC;
}

a {
		color: #33CCFF;
		text-decoration: none;
}
p {
		text-indent: 25px;
}
div {
		position : absolute;
}
img{
		border-style : none;
}
.page, #menu1, #menu2, #menu3, #menu4, #ssmenu1, #ssmenu2, #ssmenu3, #ssmenu4, #suivant, #precedent, #retour, #ecard {
	border: 1px solid #33CCFF;
	color: #00CCCC;
	z-index: 2;
	line-height: 20px;
	background-repeat : repeat;
	background-color : #CCCCCC;
}
.page, #menu1, #menu2, #menu3, #menu4, #suivant, #precedent, #retour, #ecard {
	height: 25px;
	left: 1px;
	width: 110px;
	clip: rect(0px, 112px, 27px, 0px);
	background-image : url(images/menu1.jpg);
}
#menu1, #ssmenu1 {
	top: 1px;
}
#menu2, #ssmenu2 {
	top: 29px;
}
#menu3, #ssmenu3 {
	top: 57px;
 }
#menu4, #ssmenu4{
	top : 85px;
}
#ssmenu1, #ssmenu2, #ssmenu3,  #ssmenu4 {
	left: 115px;
	width: 200px;
	height: 75px;
	clip: rect(0px, 202px, 77px, 0px);
	visibility: hidden;
	background-image : url(images/menu1.jpg);
	line-height : 25px;
}
.titre, .titre1 {
		z-index: 1;
		margin-left: 10px;
		color: #33CCFF;
		font-style: italic;
		font-weight: bold;
}
.titre{
		font-size: 36px;
}
.titre1{
		font-size: 24px;
		text-align : center;
}
.texte {
		z-index: 1;
		font-style: italic;
		color: #33CCFF;
}
#logo {
		z-index: 2;
		left: 364px;
		top: 0px;
}
#ecard {
		top: 254px;
}
#suivant {
		top: 226px;
}
#precedent {
		top: 198px;
 }
.page, #retour {
		top: 170px;
}
#compteur {
		left: 4px;
		top: 475px;
		height: 33px;
		width: 101px;
}
#xiti
{
		left : 35px;
		top : 127px;
		height : 25px;
		width : 39px;
}
#french
{
	left : 1px;
	top : 131px;
	height : 16px;
	width : 32px;
}
#english
{
	left : 78px;
	top : 131px;
	height : 16px;
	width : 32px;
}
.photos
{
	border-bottom-color : #33CCFF;
	border-bottom-style : ridge ;
	border-bottom-width : 2px ;
	border-left-color : #33CCFF;
	border-left-style : ridge ;
	border-left-width : 2px ;
	border-right-color : #33CCFF;
	border-right-style : ridge ;
	border-right-width : 2px ;
	border-top-color : #33CCFF;
	border-top-style : ridge ;
	border-top-width : 2px ;
}
.barre
{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	color: #473EBF;
	text-decoration: none;
	font-weight: bold;
	background-color: #33CCFF;
	padding: 2px;
}
.barreclair
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	background-color: #E9E9FC;
	vertical-align: middle;
	color: #003366;
	padding: 4px;
}
.barreclair2
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	background-color: #BAE0F3;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #c5ccd2;
}
input
{
	color:#FFFFFF;
	background-color:#666666;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
textarea 
{
	color:#FFFFFF;
	background-color:#666666;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

select
{
	color:#FFFFFF;
	background-color:#666666;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.textecent
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #003333;
	text-align : center;
}
.texte1, .t1, .t2, .t3, .t4
{
	font-family: Arial;
}
.texte1
{
	font-size: 11px;
	text-decoration: none;
	border: #c5ccd2;
	left: 20px;
	text-align: justify;
	color: #333333;
	font-weight : normal;
}
.t1
{
	 font-size: 13px;
	 font-weight: bold;
	 color: #FA3301;
	 text-transform: none;
	 text-align: left;
	 text-indent: 20pt
}
.t2
{
	 font-size: 12px;
	 color: #0099CC;
	 font-weight: normal;
	 margin-right: 35px;
	 margin-left: 40px;
	 vertical-align: middle;
	 padding-top: 3px; 
	padding-bottom: 3px
}
.t3, .t4
{
	color: Black;
	font-weight : normal;
	vertical-align: middle;
	font-size : 12px;
}
.t3
{
		margin-left : 20px;
}
.visit
{
	font-family: Arial;
	font-size: 9px;
	color : Black;
}
.lien, .lien1, .lien2, .lien3
{
	 font-weight: bold;
	 text-decoration: none;
	 font-style: normal;
}
.lien, .lien1, .lien2
{
	 font-family: arial;
	 font-size: 11px;
}
.lien, .lien3
{
	 color: #003366;
}
.lien:hover, .lien3:hover
{
	color : Red;
}
.lien1
{
	color: #473EBF;
}
.lien2
{
	color: #CC0000;
}
.lien1:hover, .lien2:hover
{
	color: #F881A2
}
.tablien
 {
	border: thin solid #88CFFF;
	padding: 2px;
	background-color: #E2F0FE;
}