@charset "UTF-8";
/* CSS Document */

/* fond page web */

body {
	background-image: url(photos/fond_page_web2.jpg);
	background-repeat: no-repeat;
	background-color: #000033;
	background-attachment:scroll;
	width: 760px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.boutons
{
border: none;
position: absolute;
top: 0px;
left: 0px;
}	


/*page index*/

.entete
{
position: absolute;
top: 110px;
left: 10px;
border: none;
color: #CCFF00;
font-size: large;
}

.logo
{
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
	}

.adresse
{
position: absolute;
top: 130px;
left: 10px;
border: none;
color: #CCCCCC;
}

.tel
{
position: absolute;
top: 170px;
left: 10px;
border: none;
color: #CCFF00;
}

.mail
{
position: absolute;
top: 170px;
left: 150px;
border: none;
color: #CCFF00;
font-size: large;
}

.photo1
{
	position: absolute;
	top: 210px;
	left: 500px;
	border: none;
	}

.legende1
{
	position: absolute;
	top: 300px;
	left: 85px;
	border: none;
	width: 395px;
	}

.photo2
{
	position: absolute;
	top: 500px;
	left: 30px;
	border: none;
	}
	
.legende2
{
	position: absolute;
	top: 625px;
	left: 475px;
	border: none;
	width: 350px;
	}


/*page sorties*/

.texte
{
	background-color: #66CCCC;
	border: 1px solid blue;
	position: absolute;
	left: 100px;
	top: 221px;
	width: 780px;
	text-align: justify;
	height: 300px;
	overflow: auto;
}

.texte_defilant
{
color: red;
font-weight: bold;
font-size: xx-large;
border: 1px solid blue;
position: absolute;
left: 100px;
top: 640px;
}



.Style1 {
	font-size: x-large;
	color: #CCFF00;
}
.Style2{
font-size: x-large;
color: #000066;
font-weight: bold;
}
.Style3 {color: #CCCCCC}
.Style4 {font-weight: bold; }
.Style5 {background-color: #CC9933 ;}
.Style6{
background-color: #FF0000;
font-weight: bold;
}
.Style7 {color: #CCCCCC; font-size: large; }
.Style8 {color: #CCFF00}
.Style9 {
font-size: large;
color: #000066;
font-weight: bold;
}
p, h1 {
padding-left: 20px;
padding-right: 20px;
}

h1
{
font-size: xx-large;
color: #CCFF00;
position: absolute;
	left: 50px;
	top: 230px;
}


.titre_vertical
{
color: #66CCCC;
font-weight: bold;
font-size: xx-large;
position: absolute;
top: 220px;
left: 70px;
}

.titre
{
color: #66CCCC;
font-weight: bold;
font-size: xx-large;
position: absolute;
top: 160px;
left: 450px;
}

.enconstruction
{
color: #FFFF00;
font-weight: bold;
font-size: x-large;
position: absolute;
top: 250px;
left: 450px
}

.liens
{
color: #CCCCCC;
font-weight: bold;
font-size: x-large;
	position: absolute;
	top: 300px;
	left: 159px;
	border: none;
} 


.diaporama
{
position: absolute;
top: 150px;
left: 160px;
}

.vignettefly
{
	position: absolute;
	top: 140px;
	left: 130px;
	border: none;
	}


		.lecteurvideo
{
	position: absolute;
	top: 130px;
	left: 50px;
	border: none;
	}
		
	.appareilphoto
{
	position: absolute;
	top: 180px;
	left: 635px;
	border: none;
	}
	
	.titre_photo
{
color: #FFFF00;
font-weight: bold;
font-size: large;
position: absolute;
top: 240px;
left: 610px;
}

	.video
{
	position: absolute;
	top: 485px;
	left: 115px;
	border: none;
	}
	
	
	.titre_video
{
color: #FFFF00;
font-weight: bold;
font-size: large;
position: absolute;
top: 460px;
left: 220px;
}