/* CSS Document */
/* --css jeanclaudemarignale.com-- */
/* --mars 2008 v1-- */

<style type="text/css">


/* --Informations sur HTML, BODY et scroolbar -- */

body {
	margin-top: 0px;
	background-color: #475ea2;
	background-image: url("images/fond.png");
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: ;
}

/* --Typographie-- */

 
.firstline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:justify;
	margin:0px 0px 5px 0px;
	}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:justify;
	text-indent: 0px;
	margin:0px 0px 15px 0px;
	line-height: 12px;
	}

h1 {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	margin:10px 0px 5px 0px;
}

h2 {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	margin:0px 0px 5px 0px;
	text-decoration: underline;
}

h3 {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color: #FF6600;
}

.texteblanc {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.invisible {
display:none;
}

.rouge {color: #E3004A; font-weight: bold; }


.rougegras {font-size: 12px}


/* --Positionnent des photos dans la page (class styles)-- */

.photo_a_gauche {
	position:relative;
	float:left; 
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid #808000;
}

.photo_a_droite {
	position:relative;
	float:right; 
	margin-left:5px;
	margin-bottom:5px;
	border:2px solid #808000;
}

#flash {
	position:absolute;
	text-align:center;
	padding-top:1px;
	width:505px;
	height:211px;
	top:10px;
	background-color:#FFFFFF;
}


/* --Liens-- */

a {
	font-size: 11px;
	color: #475ea2;
	text-transform: uppercase;
	
}

a:link {
	text-decoration: none;
	text-transform: uppercase;
}
a:visited {
	text-decoration: none;
	color: #475ea2;
}

a:hover {
	text-decoration: none;
	color: #FF0000;
	text-transform: uppercase;
}
a:active {
	text-decoration: none;
	text-transform: uppercase;
}




/* --Mise en page générale du container général-- */

#container {
	top:0px;
	width:889px;
	height:1050px;
	position:relative;
	margin:0px auto 0px auto;
}


/* --Haut de page avec menu. Choix des images de la bannière-- */

#header {
	position:absolute;
	left:2px;
	top:0px;
	width:885px;
	height:220px;
	background-image: url("images/header-bg.png");
}

#headerphotos {
	position:absolute;
	left:0px;
	top:0px;
	width:889px;
	height:424px;
	background-image: url("images/headerphoto-bg.png");
}	


#fond {
	position:absolute;
	padding-bottom:0px;
	left:0px;
	top:221px;
	width:889px;
	height:703px;
	background-image: url("images/blank-bg.png");
}

#fond790 {
	position:absolute;
	padding-bottom:0px;
	left:51px;
	top:221px;
	width:790px;
	height:728px;
	background-image: url("images/fond790.png");
}

#fond790accueil {
	position:absolute;
	padding-bottom:0px;
	left:51px;
	top:221px;
	width:790px;
	height:728px;
	background-image: url("images/fond790accueil.png");
}

#fond790catalogue {
	position:absolute;
	padding-bottom:0px;
	left:51px;
	top:221px;
	width:790px;
	height:728px;
	background-image: url("images/fond790catalogue.png");
}

#fond790creations {
	position:absolute;
	padding-bottom:0px;
	left:51px;
	top:221px;
	width:790px;
	height:728px;
	background-image: url("images/fond790creations.png");
}

#fond790cours {
	position:absolute;
	padding-bottom:0px;
	left:51px;
	top:221px;
	width:790px;
	height:728px;
	background-image: url("images/fond790cours.png");
}

#fond790videos {
	position:absolute;
	padding-bottom:0px;
	left:51px;
	top:221px;
	width:790px;
	height:728px;
	background-image: url("images/fond790videos.png");
}

#fond790photos {
	position:absolute;
	padding-bottom:0px;
	left:51px;
	top:221px;
	width:790px;
	height:728px;
	background-image: url("images/fond790photos.png");
}

#fond790partenaires {
	position:absolute;
	padding-bottom:0px;
	left:51px;
	top:221px;
	width:790px;
	height:728px;
	background-image: url("images/fond790partenaires.png");
}


#footer {
	position:absolute;
	padding-bottom:0px;
	left:0px;
	top:923px;
	width:889px;
	height:25px;
	background-image: url("images/footer-bg.gif");
}



#menu {
	position:absolute;
	left:59px;
	top:187px;
	width:761px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	padding:5px;
}


/* --Bas de page des droits et Xiti-- */

#droits-xiti {
	position:absolute;
	color:#FFFFFF;
	left:1px;
	top:949px;
	width:889px;
	height:60px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:5px;
	visibility: visible;
}

#audio {
	position:absolute;
	left:632px;
	top:920px;
	width:200px;
	height:20px;
	z-index:1;
}


/* --Parametres des sous menus et blocs textes principaux-- */

#blocktextaccueil {
	position:absolute;
	width:400px;
	height:417px;
	padding:10px;
	left: 411px;
	top:243px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
	background-color: none;
}

#blocktextcontacts {
	position:absolute;
	width:309px;
	height:143px;
	padding:10px;
	padding-top:80px;
	left: 502px;
	top:691px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	overflow:auto;
	background-repeat: no-repeat;
	background-image: url("images/contacts.gif");
}

#blocktextcours {
	position:absolute;
	width:400px;
	height:660px;
	padding:10px;
	left: 411px;
	top:243px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
	background-color: none;
}

#blocktextvideo {
	position:absolute;
	width:435px;
	height:184px;
	padding:10px;
	left: 377px;
	top:243px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
	background-color: none;
}

#blocktextphotos {
	position:absolute;
	width:435px;
	height:154px;
	padding:10px;
	left: 377px;
	top:243px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
	background-color: none;
}

#blocktextpartenaires {
	position:absolute;
	width:300px;
	height:660px;
	padding:10px;
	left: 511px;
	top:243px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
	background-color: none;
}

/*#player1 {
	position:absolute;
	top:492px;
	width:775px;
	height:440px;
	left:61px;
	background-color:none;
	z-index:0;
}*/

#player1 {
    height: 440px;
    left: 170px;
    margin: auto;
    position: absolute;
    top: 492px;
    z-index: 0;
}

#flashcontent {
		width:100%;
		height:100%;
}

#slideshowpro {
	position:absolute;
	top:423px;
	width:770px;
	height:510px;
	left:60px;
	background-color:#FFFFFF;
	z-index:1;
}

</style>