/* ********************************************** */
/* CCS document for site: www.design-and-arts.com */
/* ********************************************** */


/* Styles for Elements */
/* ******************* */

html {
margin: 0;
padding: 0;
height: 100%;
}

/* 1em should be the default font size of most win browsers, that is 16px */
/* using 'relative' em and percentages instead of 'fixed' px is done for accessibility reasons */
body {
background-color: #000000;
color: #000000;
text-align: center;
margin: 0;
padding: 0;
font: 1em/1.4 Arial, Verdana, Helvetica, sans-serif;
height: 100%;
min-height: 560px;
min-width: 750px;
}

h1 {
color: #3399cc;
font-size: 100%;
font-weight: bold;
margin: 0 0 15px 0;
padding: 10px 10px 0 0;
text-align: left;
}

h2 {
color: #ffffff;
font-size: 100%;
font-weight: bold;
margin: 10px 0 15px 0;
padding: 0 10px 0 0;
text-align: left;
}

h3 {
color: #ffcc33;
font-size: 120%;
margin: 10px 0 15px 0;
padding: 0 10px 0 0;
text-align: left;
}

h4 {
color: #ffffff;
font-size: 90%;
margin: 10px 0 15px 0;
padding: 0 10px 0 0;
text-align: justify;
}

h5 {
color: #ffcc33;
font-size: 100%;
font-weight: bold;
margin: 10px 0 15px 0;
padding: 0 10px 0 0;
text-align: left;
}

h6 {
color: #ffcc66;
font-size: 160%;
font-weight: bold;
margin: 10px 0 15px 0;
padding: 0 10px 0 0;
text-align: left;
}

p {
font-size: 75%;
margin: 0 0 10px 0;
padding: 0 10px 0 0;
}

p.error {
font-size: 75%;
margin: 200px 0 0 0;
padding: 0;
font-weight: bold;
color: #ff0000;
text-align: center;
}

ul.content {
font-size: 75%;
margin: 0 0 10px 25px;
padding: 0;
}

ul.content li {
margin: 10px 0 0 0;
padding: 0;
}

ul.linklist {
padding: 0;
margin: 10px 0 0 20px;
list-style: disc;
}

ul.linklist li {
padding: 0;
margin: 0;
line-height: 1.6em;
}

.error {font-weight: bold; color: #ff0000;}
.bold {font-weight: bold;}
.justify {text-align: justify;}
.center {text-align: center;}

a.main:link {font-size: 87.5%; font-weight: bold; text-decoration: none; color: #000000;}
a.main:visited {font-size: 87.5%; font-weight: bold; text-decoration: none; color: #333333;}
a.main:hover {font-size: 87.5%; font-weight: bold; text-decoration: underline overline; color: #666666;}
a.main:active {font-size: 87.5%; font-weight: bold; text-decoration: underline overline; color: #666666;}

a.sub:link {font-size: 75%; font-weight: bold; text-decoration: none; color: #000000;}
a.sub:visited {font-size: 75%; font-weight: bold; text-decoration: none; color: #333333;}
a.sub:hover {font-size: 75%; font-weight: bold; text-decoration: underline overline; color: #666666;}
a.sub:active {font-size: 75%; font-weight: bold; text-decoration: underline overline; color: #666666;}

a.main.nav-highlight:link {text-decoration: underline overline;}
a.main.nav-highlight:visited {text-decoration: underline overline;}
a.sub.nav-highlight:link {text-decoration: underline overline;}
a.sub.nav-highlight:visited {text-decoration: underline overline;}

a img {
border: 0;
margin: 0;
padding: 0;
}


/* Background and Navigation */
/* ************************* */

/* containing div for vertical centering */
div#center-site {
position: relative; /* gain stacking context for absolutely placed element */
height: 100%;
min-height: 598px;
width: 720px;
margin-left: auto; /* center for compliant browsers */
margin-right: auto; /* center for compliant browsers */
}


/* Background */
/**************/
/*
div#fond {position:absolute; left: 0; top:50%; margin: -299px auto 0 auto; width:720px; height:598px; z-index:1; overflow: hidden; border: 0;}
div#fondflash {position:absolute; left: 0px; top:322px; margin: -299px auto 0 auto; width:720px; height:575px; z-index:1; overflow: hidden; border: 0;}
*/
/* Position Logo */
div#logo {position: absolute; width: 400px; height: 200px; top: 127px; left: 154px; background: transparent; border: 0; z-index: 1;}

/* Position Diaporama */
div#diapo {position: absolute; width: 200px; height: 140px; top: 369px; left: 264px; background: transparent; border: 0; z-index: 1;}
div#diapoflash {position:absolute; left: 0px; top:620px; margin: -299px auto 0 auto; width:550px; height:400px; z-index:1; overflow: hidden; border: 0;}

/* Position haut-parleur */
div#son {position: absolute; width: 48px; height: 33px; top: 193px; left: 546px; background: transparent; border: 0; z-index: 1;}


/* Content */
/* ******* */

/* General */
/*---------*/


/* INDEX */
/*-------*/
/* ACCUEIL */
div#img1 {position:absolute; left:50px; top:89px; width:17px; height:17px; z-index:2; overflow: hidden; border: 0;}
div#imgover1 {position:absolute; left:50px; top:89px; width:17px; height:17px; z-index:2; overflow: hidden; border: 0; display: none;}
div#text1 {position:absolute; left:68px; top:75px; width:61px; height:33px; z-index:3; overflow: hidden;}
div#textover1 {position:absolute; left:68px; top:75px; width:75px; height:33px; z-index:4; overflow: hidden; display: none;}

/* CLUB */
div#img2 {position:absolute; left:141px; top:89px; width:17px; height:17px; z-index:2; overflow: hidden; border: 0;}
div#imgover2 {position:absolute; left:141px; top:89px; width:17px; height:17px; z-index:2; overflow: hidden; border: 0; display: none;}
div#text2 {position:absolute; left:159px; top:75px; width:76px; height:36px; z-index:3; overflow: hidden;}
div#textover2 {position:absolute; left:159px; top:75px; width:76px; height:36px; z-index:4; overflow: hidden; display: none;}

/* PHOTOGRAPHIES */
div#img3 {position:absolute; left:238px; top:89px; width:17px; height:17px; z-index:2; overflow: hidden; border: 0;}
div#imgover3 {position:absolute; left:238px; top:89px; width:17px; height:17px; z-index:2; border: 0; display: none;}
div#text3 {position:absolute; left:256px; top:75px; width:130px; height:36px; overflow: hidden;}
div#textover3 {position:absolute; left:256px; top:75px; width:130px; height:36px; z-index:4; overflow: hidden; display: none;}

/* EXPOSITIONS */
div#img4 {position:absolute; left:388px; top:89px; width:17px; height:17px; z-index:2; overflow: hidden; border: 0;}
div#imgover4 {position:absolute; left:388px; top:89px; width:17px; height:17px; z-index:2; border: 0; display: none;}
div#text4 {position:absolute; left:406px; top:75px; width:90px; height:36px; z-index:3; overflow: hidden;}
div#textover4 {position:absolute; left:406px; top:75px; width:90px; height:36px; z-index:4; overflow: hidden; display: none;}

/* CONTACT */
div#img5 {position:absolute; left:514px; top:89px; width:17px; height:17px; z-index:2; overflow: hidden; border: 0;}
div#imgover5 {position:absolute; left:514px; top:89px; width:17px; height:17px; z-index:2; border: 0; display: none;}
div#text5 {position:absolute; left:532px; top:75px; width:72px; height:36px; z-index:3; overflow: hidden;}
div#textover5 {position:absolute; left:532px; top:75px; width:72px; height:36px; z-index:4; overflow: hidden; display: none;}

/* LIENS */
div#img6 {position:absolute; left:610px; top:89px; width:17px; height:17px; z-index:2; overflow: hidden; border: 0;}
div#imgover6 {position:absolute; left:610px; top:89px; width:17px; height:17px; z-index:2; border: 0; display: none;}
div#text6 {position:absolute; left:630px; top:75px; width:48px; height:36px; z-index:3; overflow: hidden;}
div#textover6 {position:absolute; left:630px; top:75px; width:48px; height:36px; z-index:4; overflow: hidden; display: none;}

/* COPYRIGHT */
div#text7 {position:absolute; left:30px; top:120px; width:146px; height:137px; z-index:3; overflow: hidden;}
div#textover7 {position:absolute; left:30px; top:120px; width:146px; height:137px; z-index:4; overflow: hidden; display: none;}



/* Page club */
/*-----------*/
div#logoclub {position: absolute; width: 240px; height: 137px; top: 127px; left: 234px; background: transparent; border: 0; z-index: 1;}



/* Page expositions */
/*------------------*/
div#logoexpo {position: absolute; width: 411px; height: 137px; top: 127px; left: 164px; background: transparent; border: 0; z-index: 1;}



/* Page photographies */
/*--------------------*/
div#logophotos {position: absolute; width: 384px; height: 137px; top: 127px; left: 164px; background: transparent; border: 0; z-index: 1;}

/* Dany COLOMBANI */
div#photimg1 {
	position:absolute; 
	left:50px; top:290px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0;
}
div#photimgover1 {
	position:absolute; 
	left:50px; top:290px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0; 
	display: none;
}
div#phottext1 {
	position:absolute; 
	left:120px; top:285px; 
	width:160px; height:33px; 
	z-index:3; 
	overflow: hidden;
}
div#phottextover1 {
	position:absolute; 
	left:120px; top:285px; 
	width:160px; height:33px; 
	z-index:4; 
	overflow: hidden; 
	display: none;
}

/* Cecile et Michel FERRIER */
div#photimg2 {
	position:absolute; 
	left:50px; top:340px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0;
}
div#photimgover2 {
	position:absolute; 
	left:50px; top:340px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0; 
	display: none;
}
div#phottext2 {
	position:absolute; 
	left:120px; top:335px; 
	width:210px; height:33px; 
	z-index:3; 
	overflow: hidden;
}
div#phottextover2 {
	position:absolute; 
	left:120px; top:335px; 
	width:210px; height:33px; 
	z-index:4; 
	overflow: hidden; 
	display: none;
}

/* Claude HERVE */
div#photimg3 {
	position:absolute; 
	left:50px; top:390px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0;
}
div#photimgover3 {
	position:absolute; 
	left:50px; top:390px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0; 
	display: none;
}
div#phottext3 {
	position:absolute; 
	left:120px; top:385px; 
	width:130px; height:33px; 
	z-index:3; 
	overflow: hidden;
}
div#phottextover3 {
	position:absolute; 
	left:120px; top:385px; 
	width:130px; height:33px; 
	z-index:4; 
	overflow: hidden; 
	display: none;
}

/* Patricia HUILLET */
div#photimg4 {
	position:absolute; 
	left:50px; top:440px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0;
}
div#photimgover4 {
	position:absolute; 
	left:50px; top:440px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0; 
	display: none;
}
div#phottext4 {
	position:absolute; 
	left:120px; top:435px; 
	width:140px; height:33px; 
	z-index:3; 
	overflow: hidden;
}
div#phottextover4 {
	position:absolute; 
	left:120px; top:435px; 
	width:140px; height:33px; 
	z-index:4; 
	overflow: hidden; 
	display: none;
}

/* Yves MARCHAIS */
div#photimg5 {
	position:absolute; 
	left:450px; top:290px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0;
}
div#photimgover5 {
	position:absolute; 
	left:450px; top:290px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0; 
	display: none;
}
div#phottext5 {
	position:absolute; 
	left:520px; top:285px; 
	width:160px; height:33px; 
	z-index:3; 
	overflow: hidden;
}
div#phottextover5 {
	position:absolute; 
	left:520px; top:285px; 
	width:160px; height:33px; 
	z-index:4; 
	overflow: hidden; 
	display: none;
}

/* Claudie MESNIER */
div#photimg6 {
	position:absolute; 
	left:450px; top:340px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0;
}
div#photimgover6 {
	position:absolute; 
	left:450px; top:340px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0; 
	display: none;
}
div#phottext6 {
	position:absolute; 
	left:520px; top:335px; 
	width:150px; height:33px; 
	z-index:3; 
	overflow: hidden;
}
div#phottextover6 {
	position:absolute; 
	left:520px; top:335px; 
	width:150px; height:33px; 
	z-index:4; 
	overflow: hidden; 
	display: none;
}

/* Philippe REVEL */
div#photimg7 {
	position:absolute; 
	left:450px; top:390px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0;
}
div#photimgover7 {
	position:absolute; 
	left:450px; top:390px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0; 
	display: none;
}
div#phottext7 {
	position:absolute; 
	left:520px; top:385px; 
	width:150px; height:33px; 
	z-index:3; 
	overflow: hidden;
}
div#phottextover7 {
	position:absolute; 
	left:520px; top:385px; 
	width:150px; height:33px; 
	z-index:4; 
	overflow: hidden; 
	display: none;
}


/* Jerome PAOLATI */
div#photimg8 {
	position:absolute; 
	left:450px; top:440px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0;
}
div#photimgover8 {
	position:absolute; 
	left:450px; top:440px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0; 
	display: none;
}
div#phottext8 {
	position:absolute; 
	left:520px; top:435px; 
	width:140px; height:33px; 
	z-index:3; 
	overflow: hidden;
}
div#phottextover8 {
	position:absolute; 
	left:520px; top:435px; 
	width:140px; height:33px; 
	z-index:4; 
	overflow: hidden; 
	display: none;
}


/* Fancine CHICH */
div#photimg9 {
	position:absolute; 
	left:450px; top:490px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0;
}
div#photimgover9 {
	position:absolute; 
	left:450px; top:490px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0; 
	display: none;
}
div#phottext9 {
	position:absolute; 
	left:520px; top:485px; 
	width:140px; height:33px; 
	z-index:3; 
	overflow: hidden;
}
div#phottextover9 {
	position:absolute; 
	left:520px; top:485px; 
	width:140px; height:33px; 
	z-index:4; 
	overflow: hidden; 
	display: none;
}


/* Henri CHICH */
div#photimg10 {
	position:absolute; 
	left:50px; top:490px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0;
}
div#photimgover10 {
	position:absolute; 
	left:50px; top:490px; 
	width:63px; height:40px; 
	z-index:2; 
	overflow: hidden; 
	border: 0; 
	display: none;
}
div#phottext10 {
	position:absolute; 
	left:120px; top:485px; 
	width:140px; height:33px; 
	z-index:3; 
	overflow: hidden;
}
div#phottextover10 {
	position:absolute; 
	left:120px; top:485px; 
	width:140px; height:33px; 
	z-index:4; 
	overflow: hidden; 
	display: none;
}



/* Page contact */
/*--------------*/
div#logocontact {position: absolute; width: 350px; height: 137px; top: 127px; left: 160px; background: transparent; border: 0; z-index: 1;}




/* Page COPYRIGHT */
/*----------------*/
div#logocopyright {position: absolute; width: 350px; height: 137px; top: 127px; left: 200px; background: transparent; border: 0; z-index: 1;}




/* Page LIENS */
/*----------------*/
div#logoliens {position: absolute; width: 350px; height: 137px; top: 127px; left: 160px; background: transparent; border: 0; z-index: 1;}
div#fpflogo {position: absolute; width:126px; height:125px; top: 270px; left: 280px; background: transparent; border: 0; z-index: 1;}
div#steph {position: absolute; width:300px; height:50px; top: 420px; left: 200px; background: transparent; border: 0; z-index: 1;}







/* Navigation Elements */
/* ------------------- */



/* Page-specific Styles */
/* ******************** */

/* Index */
/* ----- */

h1.index {
font-size: 125%;
margin: 25px 0 10px 0;
padding: 0;
text-align: center;
}

p.index {
font-size: 62.5%;
margin: 0 0 10px 0;
padding: 0;
}

/* Sitemap */
/* ------- */


/* Contact Forms */
/* ------------- */