/* CSS Document */




/* général */

html {
	overflow:auto;
	}

	
body {
	background-color: #353533;
	background-image: url(../images/fond-page.jpg);
	background-repeat: repeat;
	background-position: center top;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	line-height: 120%;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	}
	
	
	
h1 {
	margin: 20px 0 15px 0;
	color:#e0e297;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 220%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}	


h2 {
	margin: 30px 0 15px 0;
	color:#86d2eb;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 220%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}



h3 {
	margin: 30px 0 15px 0;
	color:#e774a4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 220%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}


.bleu {
	color:#86d2eb;
}


.dore {
	color:#c6c6a1;
	font-weight: bold;
}


.new {
	color:#e774a4;
	font-size: 90%;
	font-family: helvetica, arial, sans-serif;
}



	
img {
	border:0;
	outline:0;
}


p {
margin:0;
padding:0;
}



.separation {
width: 840px;
height: 0px;
clear: both;
visibility: hidden;
margin: 0;
	}


	
/* --------------------------- */








/* gabarit de page centré. gestion bords page, header et footer */

#menu, #polaroid, #montexte {
	width: 840px;
	margin: 0 auto 0 auto;
	}
	
	
#montexte p {
	font-size: 110%;
	line-height: 140%;
	text-align: justify;
	margin: 0 0 30px 0;
}


#header {
	width: 840px;
	height: 250px;
	margin: 0 auto 0 auto;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#raccordHeader {
	width: 100%;
	height: 250px;
	background-image: url(../images/raccord-header.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	}
	
	
.contact {
float: left;
position : relative;
width: 420px;
top: 176px;
color: #c6c6a1;

}


.florent {
float: left;
text-align: right;
position : relative;
width: 420px;
top: 176px;
color: #c6c6a1;

}



a:link {
	color: #c6c6A1;
	text-decoration: none;

}
a:visited {
	color: #c6c6a1;
    text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: none;
}

a:active {
	color: #fff;
	text-decoration: none;
}



/* CAROUSEL */

.slideshow { float:left; height: 640px; width: 840px; margin: 0; }
.slideshowFlash {background-color: #000000; height: 580px; width: 840px; margin: 0 auto 0 auto; padding-top:15px; }
.slideshow img {padding: 0; margin: 0;}

#prev1 { width:80px; height:40px; float:left; outline:0; margin:285px 0 0 0;}
#next1 { width:80px; height:40px; float:left; outline:0; margin:285px 0 0 0;}
#prev1 img, #next1 img{ margin:0; padding:0; border:0;}

#carousel {margin: auto; width: 1000px; height:640px;}

.ecran {height: 640px; width: 840px; }
h5 {
	float:left;
	width: 600px;
	height: 40px;
	margin:0;
	padding:0;
	border:0;
	color:#c6c7a2;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 95%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}


h5.flash, h6.flash {
margin-top:10px;
}


h6 {
	float:left;
	width:240px;
	height: 40px;
	margin:0;
	padding:0;
	border:0;
	color:#fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 95%;
	font-style: normal;
	font-weight: normal;
	text-align: right;
}


.blanc {
	color:#fff;
}



/* MENU */

ul#web {
float:left;
width:177px;
margin: 0 20px 30px 0;
padding:0 0 0 0;
list-style-type:none;
line-height: 140%;
text-align: left;

}


ul#print {
float:left;
width:177px;
margin: 0 95px 30px 0;
padding:0;
list-style-type:none;
line-height: 140%;
text-align: left;


}

ul#identite {
float:left;
width:177px;
margin: 0 18px 30px 0;
padding:0;
list-style-type:none;
line-height: 140%;
text-align: left;

}


ul#artworks {
float:left;
width:174px;
margin: 0 0 30px 0;
padding:0;
list-style-type:none;
line-height: 140%;
text-align: left;

}


a.type1:link {
	color: #fff;
	text-decoration: none;

}
a.type1:visited {
	color: #fff;
    text-decoration: none;
}
a.type1:hover {
	color:#000;
	background-color: #c6c6A1;
	text-decoration: none;
	
}

a.type1:active {
	color:#000;
	background-color: #c6c6A1;
	text-decoration: none;
}






/* RETOUR */
.invisible {
	visibility: hidden;	
}


.retour {
	width: 380px;
	margin: 0 0 0 230px;
	}
	
p.retour a {
	display: block;
	height: 120px;
	}
	
	

/* Polaroid */
#polaroid img{
	float:left;
	}

.polaroidOne {
    margin: 30px 63px 30px 5px;
}


.polaroidTwo {
    margin: 30px 64px 30px 0;
}


.polaroidThree {
    margin: 30px 0 30px 0;
}



/* footer */
#footerTop{
	background-image: url(../images/pic-footer.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: 100%;
	}
	
	
#footerGen{
	background-image: url(../images/fond-footer.jpg);
	background-repeat: repeat;
	background-position: left top;
	margin: 0 0 0 0;
	width: 100%;
	
	}
	
	
#footerContenu{
	width: 840px;
	margin: 0 auto 0 auto;
	padding: 50px 0 0 0;
	
	}	

	
#footerLeft{
	width: 450px;
	float: left;
	}
	
	
#footerLeft p {
line-height: 130%;
padding: 0 0 30px 2px;
}


.small {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 85%;
	line-height: 125%;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-align: left;
}


#espace {
width: 840px;
height:200px;
clear: both;
margin:0;
}


#espace2 {
width: 340px;
height:100px;
margin:0;
}

	

#footerRight{
	width: 390px;
	float:left;
	text-align: Right;
	
	}
	
#urlSites {
list-style-type:none;
line-height: 140%;
}


#urlSites2 {
list-style-type:none;
line-height: 140%;
padding-top:20px;
}	


#partenaires {
list-style-type:none;
line-height: 140%;
color: #999;
}