<STYLE type="text/css">

BODY{
	 margin: 0;
	 font-family: Arial, Times, "Times New Roman", serif ;
	 font-size: 12pt ;
	 color: "#4A4A4A" ;
	 background-color: maroon ;
}

a:link,a:visited,a:hover,a:active { 
	color:black ;
	border-color:black;
	/*text-decoration:none ;*/
	color: #000000 ;
}

a.SOMMAIRE{
	border:1px;
	border-color:black;
	font-family: Arial, Times, "Times New Roman", serif ;	
	font-size: 16pt ;
	font-weight: bold;
	font-style:normal;	
	text-decoration:none ;
	color: "#000000" ;	
};

a:link.SOMMAIRE{
	border-color:black;
	font-family: Arial, Times, "Times New Roman", serif ;	
	font-size: 12pt ;
	font-weight: normal;
	font-style:normal;	
	text-decoration:Underline ;
	color: "#4A4A4A" ;	
};
a:visited.SOMMAIRE{
	border-color:black;
	font-family: Arial, Times, "Times New Roman", serif ;	
	font-size: 12pt ;
	font-weight: normal;
	font-style:normal;	
	text-decoration:Underline ;
	color: "#4A4A4A" ;	
};
a:hover.SOMMAIRE{
	border-color:black;
	font-family: Arial, Times, "Times New Roman", serif ;
	font-size: 16pt ;
	font-weight: normal;
	font-style:normal;	
	text-decoration:Underline ;
	color: "#4A4A4A" ;	
};
a:active.SOMMAIRE{
	border-color:black;
	font-family: Arial, Times, "Times New Roman", serif ;
	font-size: 16pt ;
	font-weight: normal;
	font-style:normal;	
	text-decoration:none ;
	color: "#4A4A4A" ;	
};

.kaki { 
	font-size: 12pt ;
	color: "c3bd17" ;
}

.noir { 
	font-size: 12pt ;
	color: "#4A4A4A" ;
}

.violet { 
	font-size: 12pt ;
	color: "#6755d4" ;
}

.bleu {
	font-size: 12pt ;
	color:"#4C7DE0" ;
}.bleu2 {	font-size: 12pt ;	color:"#1e5d99" ;}

.vert { 
	font-size: 12pt ;
	color: green ;
}

.rose { 
	font-size: 12pt ;
	color: purple ;
}

.rouge { 
	font-size: 12pt ;
	color: red ;
}


.marron { 
	font-size: 12pt ;
	color: maroon ;
}

.blanc{
	font-size: 12pt ;
	color:white ;	
}

P.CONTACT {
	font-size: 10pt ;
	color:#4C7DE0 ;
	font-weight: bold;
}



/*mise en page avec les div*/

/*paramètre de base, centrage horizontal*/
DIV{
	position: absolute ;
	left: 50%;
	margin-left: -372px;
	padding : 0px ;	
	z-index: 1;
	font-size: 12pt ;
	color: #4C7DE0 ;	
}

/*bandeau de titre*/
DIV.TITRE{
	height: 94px ;
	width: 744px ;
	background-image: url("img-site/titre-haut.jpg");	/*744px de large*/
}

/*petite barre séparant le titre et le reste*/
DIV.BARRETITRE{
	margin-top : 92px ;
	margin-left : 0px ;
	left : 0px;	
	height : 2px ;
	width : 644px ;
	background-image: url("img-site/barre-titre.png");	/*744px de large*/
	z-index : 2;
}

/*cadre des coordonnées contenues dans le titre */
DIV.COORDONNEES{
	margin-top: 60px ;
	margin-left: 180px ;
	height: 70px ;
	width: 225px ;
	text-align: left;
	/*background-color: red ;*/
	z-index : 2;	
}

/*sous-cadre principal*/
DIV.MAINFRAME{
	margin-top : 94px ;
	height : 670px ;
	width : 744px ;
	background-image: url("img-site/background.jpg");	/*744px de large*/		
}

/*grand cadre tarif pen ou kastell*/
DIV.TARIF{
	margin-top : 140px ;
	margin-left: -200px;	
	height : 500px ;
	width : 400px ;
	/*background-color:blue;		*/
}


DIV.ACTU{
	margin-top : 320px ;
	margin-left: 175px;	
	height : 60px ;
	width : 200px ;
	/*background-color:blue;*/
	z-index : 3;	
}


TR.BlancBleu{
	background-color:white;
	font-size: 14pt ;
	color:"#4C7DE0" ;
	font-weight: bold;		
}

TR.BleuNoir{
	background-color:"#D9E6F0" ;
	color:black ;	
}

DIV.CadreActiviteHaut{
	margin-top : 160px ;
	margin-left: -200px;	
	height : 265px ;
	width : 217px ;
	/*background-color:blue;*/
}

DIV.CadreActiviteBas{
	margin-top : 480px ;
	margin-left: -200px;	
	height : 265px ;
	width : 217px ;
	/*background-color:red;*/
}



DIV.MOUETTE{
	height : 85px ;
	width : 96px ;
	background-image: url("img-site/mouette_anim2.gif");	
	z-index : 10;
}

DIV.MOUETTE2{
	height : 85px ;
	width : 96px ;
	background-image: url("img-site/mouette_anim3.gif");	
	z-index : 10;
}

DIV.INDEXKASTELL{
	margin-top : 100px ;
	height : 300px ;
	width : 744px ;
	/*background-color: green;	*/
	z-index : 2;
}

DIV.INDEXCADREKASTELL{
	margin-top : 130px ;
	margin-left : 190px ;
	height : 172px ;
	width : 182px ;
	background-image: url("img-site/cadre-kastell.jpg");	
	z-index : 2;
}

DIV.INDEXPEN{
	margin-top : 451px ;
	height : 300px ;
	width : 744px ;
	/*background-color: blue;*/	
	z-index : 2;
}

DIV.INDEXCADREPEN{
	margin-top : 584px ;
	height : 132px ;
	width : 244px ;
	background-image: url("img-site/cadre-pen.jpg");	
	z-index : 2;
}

DIV.BARREBAS{
	margin-top : 764px ;
	height : 40px ;
	width : 744px ;
	/*background-color: blue;*/
	background-image: url("img-site/bas.jpg");	/*744px de large*/	
	background-repeat:	no-repeat;
}

DIV.BARRESOMMAIRE{
	margin-top : 96px ;
	height : 40px ;
	width : 744px ;
}


DIV.BANDEAUCENTRE{	
	 margin-left : -370px ;
	 margin-top : 400px ;
	 width : 740px ;
	 height : 40px ;	 
	 font-size: 13pt ;
	 color: #4C7DE0 ;
	 background-color: #dce6ee ;
	 text-align: center ;	
	 z-index : 2;	 
}

/*cadre de présentation des pieces*/
DIV.CARDREPIECES{
	 width : 300px ;
	 height: 221px ;
	 vertical-align: middle;
	 text-align: center ;
	 background-image: url("img-site/fond-rond.gif");	
}




TABLE.MINIMENU{
	width: 150px;
	height: 46px;
	padding: 0px; 
	/*text-align=left;*/
	vertical-align: middle;	
	/*background-color: #B8CCDD ;*/	
	/*background-image: url("img-site/sousmenu0.gif");*/
}

TABLE.MINIMENUON{
	width: 150px;
	height: 46px;
	padding: 0px;	
	/*text-align=left;*/
	vertical-align: middle;
	background-image: url("img-site/sousmenu.gif");		
}

TABLE.MINIMENUON2{
	width: 150px;
	height: 46px;
	padding: 0px;	
	/*text-align=left;*/
	vertical-align: middle;
	background-image: url("img-site/sousmenu2.gif");		
}


TD.MINIMENUTEXT{
	vertical-align: middle;
}

A.INDEXMENU{
	font-size: 12pt ;
	font-weight: bold ;
}

IMG.MINIMENU{
	margin-top: 5px;
	margin-left: 5px;
	width: 30px;
	height: 30px;
	border-color: black;
	vertical-align: middle;
}

IMG.STONETITREKASTELL{
	margin-left: 250px;	
};

IMG.STONETITREPEN{
	margin-left: 250px;	
};

IMG.STONETITREALL{
	margin-left: 160px;	
};



DIV.popperlink {
	width: 180px;
	height:110px;	
	position:absolute;
	left: 50%;
	margin-left: 0px;	
	visibility:hidden;
	background-image: url("img-site/bulle.gif");
	z-index : 20;
}

</STYLE>
