/* CSS Document */

html, body {margin: 0; padding: 0;  color: #000; background:#000000;  font-family: Verdana, Arial, sans-serif;}

#global { position:absolute; left: 50%; top:0px; width: 950px; margin-left: -475px; }

#head {position:absolute; left:0px; margin-top:0px; background-image:url(yves-marie-polet-bandeau.jpg); font: Verdana, sans-serif; height:83px; width:950px;}

#head2 {position:absolute; left:75px; margin-top:0px; font: Verdana, sans-serif; height:50px; width:800px;  text-align:left; padding:10px 0 0 0;}

.yves-marie-polet {position: absolute; left: 25px; top:10px; color:#a4bacb; font-style:italic; font-weight:bold; font-size: 36px;}

#photo-centre { position:absolute; width: 800px; margin-left: 75px; top:50px;}

div.pic {float: left; height: 231px; width: 97px; padding: 0; margin: 0; text-decoration:none;}
div.ls img {height: 231px; width: 97px; border: none;}
div.pic ul {margin: 0; padding: 0;}
li {display: block; text-align: center; }


#nav {margin-left: 0; margin: 0; padding: 0px; }
html>body #nav a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a, #album a {float: none;}            /* End IE5-Mac hack */
#nav a:hover, #nav #current a {color:#FF9933; }

#current { background-color:#273ba2; }

#nav li {list-style: none;  margin-left: 0px; padding: 6px 5px 6px 5px; font-size: 12px; line-height: 17px; white-space: nowrap; border-bottom:2px solid #000000; }

#nav a {display: block; padding: 0 16px 0 0; text-decoration:none;  color:#FFFFFF; width: 156px;}

.conteneur {position: absolute; left: 0; width: 156px; top: 85px; background-color:#191a78;}
#conteneur-galerie {position: absolute;left: 204px;width: 700px;top: 93px;background-color:#000000;}

#gauche { position:absolute; margin-left:0px; margin-top:100px; width:352px; height:478;}

#haut {	position:absolute;	left:0px;	top:85px;	width: 950px;	height:174px;}
#bas {	position:absolute;left:0px;margin-top:550px;width:950px;  height:200px; background-image:url(catherine-rochelle-bandeau.jpg); background-repeat:no-repeat;}
.catherine-rochelle{position: absolute; left: 25px; top:2px; color:#e7ac26; font-style:italic; font-weight:200; font-size: 25px;}
.catherine-rochelle-texte{position: absolute; left: 25px; top:45px; color:#afa180; font-weight:200; font-size: 13px;}
.catherine-rochelle-texte a {text-decoration:none; color:#FF9933; }
.catherine-rochelle-texte a:hover {text-decoration: none; color:#0099FF;}
.catherine-rochelle-contact{position: absolute; left: 700px; top:0px; color:#afa180; font-weight:200; font-size: 12px;}

#bas2 {	position:absolute;left:0px;margin-top:640px;width:950px;}

#haut2 { position:absolute; margin-left:200px; margin-top:115px; width: 174px; height:200px;}

#main {position:absolute; margin-left:520px; margin-top:85px; width: 460px; clear: left; }
#main2 {position:absolute; margin-left:511px; margin-top:110px; width: 439px; }
#main-edition {position:absolute; margin-left:220px; margin-top:85px; width: 460px; clear: left; }
#main3 {position:absolute; margin-left:156px; margin-top:85px; width: 793px; clear: left; }

#mainphotos {position:absolute; margin-left:200px; margin-top:110px; width: 750px; clear: left; }
.texte-photos { position:absolute; margin:0px; padding: 10px 30px 0px 20px; width:930px; font-size:13px; color:#FFFFFF; line-height:16px; text-align:left; }

#titrephotos {position:absolute; margin-left:0; margin-top:125px; width: 750px; height:30px; clear:left; font-size:14px; color:#CC9966; }
#retourphotos {position:absolute; margin-left:750px; margin-top:125px; width:150px; height:30px; font-size:16px; color:#FF0000; }
#retourphotos a { text-decoration:none; }
#retourphotos a:hover {color:#0033FF; text-decoration:none; }

#photos {position:absolute; margin-left:0; margin-top:155px; width: 950px; clear: left; }

#commande {position:absolute; margin-left:0px; margin-top:110px; width: 950px; clear: left; background-color:#FFFFFF;}

#main2 {position:absolute; margin-left:0; margin-top:85px; width: 598px; clear: left; background-image:url(fond-bio.png); }
#main3 {position:absolute; margin-left:200; margin-top:85px; width: 398px; clear: left; }
#tableau {
	position:absolute;
	width: 400px;
	left: 390px;
	top: 105px;
}

#tableau2 {
	position:absolute;
	width: 750px;
	left: 200px;
	top: 105px;
}

.galerie-accueil {
	position:absolute;
	width: 319px;
	height:198px;
	left: 0px;
	top: 0px;
	background-repeat:no-repeat;
	background-image:url(galerie-yves-marie-polet.jpg);}
	
.texte-accueil {
	position:absolute;
	padding: 30px 30px 0px 20px;
	width:400px;
	height:169px;
	font-size:12px;
	color:#CC6633;
	line-height:18px;
	text-align:left;
	font-style:italic;
	left: 319px;
	top: 0px;
}

.texte-accueil-galerie {position:absolute;padding: 30px 30px 0px 20px;width:400px;height:335px;font-size:12px;color:#CC6633;line-height:18px;text-align:left;font-style:italic;left: 400px;top: 305px;}

a.solaire-accueil {
	position:absolute;
	width: 168px;
	height:170px;
	left: 30px;
	top: 230px;
	background-image:url(solaire-yves-marie-polet.jpg);
	background-repeat: no-repeat; }
a.solaire-accueil:hover {
	background-image:url(solaire-yves-marie-polet2.jpg);}
	
a.plage-accueil {
	position:absolute;
	width: 168px;
	height:170px;
	left: 228px;
	top: 230px;
	background-image:url(plage-yves-marie-polet.jpg);
	background-repeat: no-repeat; }
a.plage-accueil:hover {
	background-image:url(plage-yves-marie-polet2.jpg);}
	
a.parade-accueil {
	position:absolute;
	width: 168px;
	height:170px;
	left: 416px;
	top: 230px;
	background-image:url(parade1.jpg);
	background-repeat: no-repeat;}
a.parade-accueil:hover {
	background-image:url(parade2.jpg);}
	
a.verre-accueil {
	position:absolute;
	width: 135px;
	height:170px;
	left: 604px;
	top: 230px;
	background-image:url(verre1.jpg);
	background-repeat: no-repeat;}
a.verre-accueil:hover {
	background-image:url(verre2.jpg);}
	
.galerie4 {
	position:absolute;
	width: 403px;
	height:297px;
	left: 0px;
	top: 0px;
	background-image:url(galerie4-yves-marie-polet.jpg);}

.galerie2 {
	position:absolute;
	width: 382px;
	height:297px;
	left: 403px;
	top: 0px;
	background-image:url(galerie2-yves-marie-polet.jpg);}



.galerie3 {
	position:absolute;
	width: 411px;
	height:309px;
	left: 0px;
	top: 297px;
	background-image:url(galerie3-yves-marie-polet.jpg);}




table { width: 100% ; }
th, td { font: verdana, "Andale Mono", "Courier New", Courier, monospace; color:#FFFFFF;}
th { text-align:left; font-weight: bold; color:#999999; font-size:14px;}
td {text-align:left;color:#FFFFFF; font-size:12px; vertical-align:top; }


#pied { position:absolute; margin-left:352px; margin-top:583px; width: 598px; height:5px; background-color:#333333; background-image:url(fond-pied2.gif);}

.menu{ position:absolute; margin-left: 805px; margin-top:2px; width:139px; font-size:12px; font-weight:bold;  color:#FFFFFF;}


.couverture-cd { position:absolute; margin-left:24px; margin-top:20px; width: 260px; height:217; }

.logos { position:absolute; margin-left:295px; margin-top:20px; width: 307px; height:40px; }

.texte-album { position:absolute; margin:0px; padding: 0px 30px 0px 20px; font-size:13px; color:#FFFFFF; line-height:16px; text-align:left; }
.texte-album2 { position:absolute; margin:0px; padding: 10px 30px 0px 20px; width:422px; font-size:13px; color:#FFFFFF; line-height:16px; text-align:left; }


.texte-bio-1 { position:absolute; margin-top:180px; left:0px;  width:220px; height:174px; font-size:12px; color:#FFFFFF; line-height:16px; text-align:left; top: 0px;}

.texte-bio-2 {	position:absolute;	margin-top:180px;	left:250px;	width:220px;height:174px;font-size:12px;color:#FFFFFF;line-height:16px;text-align:left;top: 0px;}

.texte-bio-3 {	position:absolute;margin-top:180px;left:500px;width:220px;height:174px;font-size:12px;color:#FFFFFF;line-height:16px;text-align:left;
	top: 0px;}

.titreblanc { float:left; margin-left: 30px; font-size:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100; color:#FFFFFF;padding:10px 0 10px 10px;  }

.date { font-size:12px; font-weight:bold; color:#ff9933;}
.description { font-size:12px; color:#999999; font-weight:100; }

.programme { font-size:12px; font-style:italic; color:#999999;}


.lien { list-style: none; margin: 0; padding: 0; font-size: 14px; font-weight:bold; line-height: 35px; color:#666666;}
.lien li {padding: 0; line-height: 35px; }
.lien li a {padding: 4px 5px 4px 10px; text-decoration:none; color:#CCCCCC; }
.lien a:hover { background: #000000; text-decoration: none; color:#FF9900; }

.courriel { list-style: none; margin: 0; padding: 0; font-size: 14px; font-weight:bold; line-height: 35px; color:#666666; }
.courriel a {padding: 4px 5px 4px 10px; text-decoration:none; color:#CCCCCC; }
.courriel a:hover { background: #000000; text-decoration: none; color:#CC3300; }

.pic { height: 170px; width: 950px;  padding: 0; margin: 0;}