/*
Mise en page générale
*/

body
{
background: #000000;
font-family:Arial, Sans-Serif;

scrollbar-face-color:#3A6115;
scrollbar-darkshadow-color:#311EA5;
scrollbar-shadow-color:#3E3EA5;
scrollbar-highlight-color:#3A1EA5;
scrollbar-3dlight-color:#390EA5;
scrollbar-track-color:#3A89A5;
scrollbar-arrow-color:#3A89A5;
}

img {
border: 0px;
}

.button {
BORDER-RIGHT: #dfdfdf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f5f5f5 1px
solid; PADDING-LEFT: 5px; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px
3px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 115px;
COLOR: #464646; PADDING-TOP: 0px; BORDER-BOTTOM: #858585 1px solid;
FONT-FAMILY: verdana, arial, geneva,  sans-serif; BACKGROUND-COLOR:#3A89A5;
}

/* Contenu des pages (cadre) */

#contenu {
position: absolute;
left: 50px;
top: 50px;
padding: 10px;
width : 550px;
height: 374px;
autoflush: true;
overflow: auto;
border: 2px outset #3A89A5;
}


.contenu a{
/* font-size: 19px; */
text-decoration: none;
color: #25596C;
}


/* DIV Retour  (a:hover changement de couleur) */

#toBack a {
position: absolute;
right: 8px;
bottom: 8px;
text-align: right;
font-size: large;
color: #41576B;
text-decoration : none;
}

#toBack a:hover {
position: absolute;
color: #7A9DBF;
}

/* Titre des pages */

#title {
position: absolute;
left: 10px;
top: 20px;
width : 600px;
height: 50px;
text-align: center;
font-size: large;
color: #3A89A5;

}

a {
	text-decoration: none;	
}

/*
Mise en page / section
/*/


/* Image de fond pour index */

#image_index {
position:absolute;
left:50%;
top:10%;
margin-left: -325px;
width : 650px;
height: 488px;
background: url(../pictures/xav_web.jpg) top left no-repeat;
}


/*  Effet de transparence blanc pour index */

#image3 {
position: absolute;
width : 650px;
height: 488px;
background-color: white;
filter: alpha(opacity=87);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
-moz-opacity: 0.87;
opacity: 0.87;
}


/* Image de fond pour musique */

#image {
position:absolute;
left:50%;
top:10%;
margin-left: -325px;
width : 650px;
height: 488px;
background: url(../pictures/semaine.jpg) top left no-repeat;
}


/* Effet de transparence blanc pour musique */

#image2 {
position: absolute;
width : 650px;
height: 488px;
background-color: white;
filter: alpha(opacity=84);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=84);
-moz-opacity: 0.84;
opacity: 0.84;
}



/*
Mise en page / page
/-->

/* Page AGENDA */

.agenda {
text-decoration: none;
font-size: 17px;
color: #25596C;
}

.agenda a{
text-decoration: none;
font-size: 17px;
color: #25596C;
}

/* Page INDEX - effets images */

/*
EXEMPLE:
#zone1 {
position: absolute;
width : 150px;
height: 100px;
left: 220px;
bottom: 30px;
}

#zone1:hover {
position: absolute;
width : 300px;
height: 200px;
left: 220px;
bottom: 30px;
background: url(../pictures/zone2.jpg) top left no-repeat;
z-index: 100;

}
*/

#zone_tete {
position: absolute;
width : 100px;
height: 100px;
left: 220px;
top: 37px;
}

#zone_tete:hover {
position: absolute;
width : 121px;
height: 142px;
left: 203px;
top: 37px;
background: url(../pictures/tete.jpg) top left no-repeat;
z-index: 100;
}

#zone_musique {
position: absolute;
width : 125px;
height: 205px;
left: 175px;
bottom: 50px;
}

#zone_musique:hover {
position: absolute;
width : 173px;
height: 252px;
left: 155px;
bottom: 36px;
background: url(../pictures/guitare.jpg) top left no-repeat;
z-index: 100;
}

#zone_passport {
position: absolute;
width : 59px;
height: 65px;
right: 287px;
top: 140px;
}

#zone_passport:hover {
position: absolute;
width : 59px;
height: 65px;
right: 287px;
top: 140px;
background: url(../pictures/passport.jpg) top left no-repeat;
z-index: 100;
}

#zone_telephone {
position: absolute;
width : 80px;
height: 120px;
left: 0px;
bottom: 30px;
}

#zone_telephone:hover {
position: absolute;
width : 119px;
height: 157px;
left: 0px;
bottom: 20px;
background: url(../pictures/telephone.jpg) top left no-repeat;
z-index: 100;
}

/* Page ecriture en construction */

#zone_construction {
position: absolute;
width : 50px;
height: 80px;
right: 210px;
top: 135px;
}
/*
#zone_construction:hover {
position: absolute;
width : 245px;
height: 188px;
right: 31px;
top: 124px;
background: url(../pictures/construction.jpg) top left no-repeat;
z-index: 100;
}
*/
#zone_pied {
position: absolute;
width : 80px;
height: 80px;
right: 230px;
bottom: 50px;
}

#zone_pied:hover {
position: absolute;
width : 130px;
height: 116px;
right: 196px;
bottom: 42px;
background: url(../pictures/pied.jpg) top left no-repeat;
z-index: 100;
}


/* Page MUSIQUE - effets images */


#Zone_tableau {
position: absolute;
width : 150px;
height: 70px;
top: 50px;
right: 50px;
}

#Zone_tableau:hover {
position: absolute;
width : 209px;
height: 140px;
right: 0px;
top: 0px;
background: url(../pictures/zonetableau.jpg) top left no-repeat;
z-index: 100;
}

#Zone_tv {
position: absolute;
width : 130px;
height: 90px;
left: 90px;
top: 100px;
}

#Zone_tv:hover {
position: absolute;
width : 190px;
height: 160px;
left:  82px;
top: 30px;
background: url(../pictures/tvok.jpg) top left no-repeat;
z-index: 100;

}

#Zone_guitare {
position: absolute;
width : 70px;
height: 130px;
left: 360px;
top: 70px;
}

#Zone_guitare:hover {
position: absolute;
width : 129px;
height: 162px;
left: 304px;
top: 46px;
background: url(../pictures/guitarre.jpg) top left no-repeat;
z-index: 100;
}

#Zone_bougie {
position: absolute;
width : 30px;
height: 40px;
left: 40px;
bottom: 210px;
}

#Zone_bougie:hover {
position: absolute;
width : 110px;
height: 182px;
left: 0px;
bottom: 186px;
background: url(../pictures/bougie.jpg) top left no-repeat;
z-index: 100;
}

#Zone_agenda {
position: absolute;
width : 65px;
height: 45px;
right: 25px;
bottom: 30px;
}

#Zone_agenda:hover {
position: absolute;
width : 155px;
height: 146px;
right: 0px;
bottom: 0px;
background: url(../pictures/agenda.jpg) top left no-repeat;
z-index: 100;
}

#Zone_archives {
position: absolute;
width : 120px;
height: 30px;
left: 70px;
bottom: 20px;
}


/* Page EXTRAITS, TEXTES tableau */

/* Cellules principales  */
#contba{
 background-color: #055983;
 color: white;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-top: 5px;
}

/* Cellules secondaires */
#contbb{
 background-color: #D4F1FF;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-top: 5px;
 font-size: 14px;
}


/* Page NEWS */

#newsDynamic{
	font-size:15px;
	font-family: Verdana, Arial, sans-serif;
}

#newsDynamic a{
	color: white;
}

#newsDynamic td{
padding-right: 40px;

}

.newsClass
{
float:left;
margin-right:100px;
width:auto;
text-align:left;
font-size:16px;
font-family:verdana,sans-serif;
}
.newsClass a
{
color:white;
text-decoration:none;
}

#titreNews{
 padding-left: 10px;
 font-size:15px;
 font-family: Verdana, Arial, sans-serif;
 color:black;
}

#zone_pinguin{
position: absolute;
width : 52px;
height: 82px;
right: 160px;
bottom: 10px;
}

#news{
position:absolute;
bottom:5px;
right:5px;
width:185px;
height:170px;
overflow:none;
visibility:hidden;
background:#3588CD;
filter: alpha(opacity=87);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
-moz-opacity: 0.87;
opacity: 0.87;
color: blue;	
}

#news a{
	text-decoration: none;
	color: blue;	
}

#newsText {
	width: 100%;
	height:110px;
	overflow: auto;
}