/*

gris clair : E9E9E0
gris sombre : 6B6B5E
rouge: E50800

*/

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	color: #000;
}

/* BLOCS */

#container {
	width: 730px;
	margin: 5px auto;
	padding: 0;
	position: relative;
}
#page {
	width: 730px;
	clear: both;
	position: absolute; 
	top: 65px;
	left: 0;
}
#page.contact {
	width: 600px;
	margin: 0 auto 0 65px;
}
#pageGauche {
	width: 290px;
	float: left;
	text-align: right;
	margin-top: 20px;
}
#pageDroite {
	width: 400px;
	height: 350px;
	padding: 10px;
	margin-left: 300px;	
	background-image: url(/images/habillage/fond-logo-2.gif);
	background-repeat: no-repeat;
	background-position: 70px 10px;
}
#pageDroite.pasFond {
	background-position: 600px top;
}

/* TYPO */

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E50800;
	text-align: left;
}
p {
	margin: 0 0 1em 0;
	padding: 0;
}

/* HABILLAGE DIVERS */

p.signature {
	text-align: right;
}
.lettrine {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E50800;
	float: left; /* positionnement de la lettrine dans le conteneur*/
	font-size: 42px;
	line-height: 40px;
	margin-right: 5px;
}
img.cadre {
	border: 2px solid #000;
}
.messageContact {
	color: #E50800;
}
.titre {
	color: #E50800;
	font-weight: bold;
}
p.centre {
	text-align: center;
}

/* MENU */

#navigation ul {
	list-style: none; 
	margin: 0; 
	padding: 0;
}
#navigation #nav { 
	width: 730px; 
	height: 60px; 
	margin: 0; 
	padding: 0; 
	position: absolute; 
	top: 0;
	left: 0;
	overflow: hidden; 
	background:url(/images/habillage/menu.gif) no-repeat left top; 
	border-bottom: 1px solid #000;
}
#navigation #nav li { 
	height: 60px; 
	margin: 0; 
	padding: 0; 
	display: block; 
	position: absolute; 
}
#navigation #nav a { 
	height: 60px; 
	display: block; 
	text-indent: -99999px; 
}
#navigation #nav span { 
	text-indent: -99999px; 
}
#navAccueil, #navAccueil a {
	left:120px; 
	width: 147px; 
}
#navGalerie, #navGalerie a {
	left:305px; 
	width: 93px; 
} 
#navExposition, #navExposition a {
	left:438px; 
	width: 123px; 
}
#navContact, #navContact a {
	left:598px; 
	width: 93px; 
}
#navAccueil a.selected, #navAccueil a:hover {
	background:url(/images/habillage/menu.gif) no-repeat -120px -60px; 
}
#navGalerie a.selected, #navGalerie a:hover {
	background:url(/images/habillage/menu.gif) no-repeat -305px -60px; 
}
#navExposition a.selected, #navExposition a:hover {
	background:url(/images/habillage/menu.gif) no-repeat -438px -60px; 
}
#navContact a.selected, #navContact a:hover {
	background:url(/images/habillage/menu.gif) no-repeat -598px -60px; 
}

/* GALERIE */

table#listeGalerie {
	margin: 0;
	padding: 0;
	border-collapse : collapse ;
	margin: 0 0 5px auto;
}
table#listeGalerie td {
	border: 1px solid #6B6B5E;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	height: 93px;
	width: 93px;
}
table#listeGalerie img  {
	border: 0px solid #FFF ; 
	margin: 2px; 
}
table#listeGalerie a:hover img {
	border: 2px solid #000 ; 
	margin: 0; 
}

table#zoomGalerie {
	width: 100%;
	height: 418px;
	border-collapse : collapse ;
	margin: 0;
}
table#zoomGalerie td {
	text-align: center;
	vertical-align: middle;
	padding: 0;
	border-bottom: 1px solid #ccc ; 
}
table#zoomGalerie td img {
	margin: 0;
	border: 2px solid #000;
}

/* NAVIGATION */

p.navigation {
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	padding: 2pt;
	margin: 0;
	text-align: center;
}
div#pageGauche p.navigation {
	width: 283px;
	margin: 0 0 0 auto;
}
div#pageGauche p.navigation a {
	text-decoration: none;
	border: 1px solid #6B6B5E;
	color: #6B6B5E;
	padding: 1px 3px;
}
div#pageDroite p.navigation a {
	text-decoration: none;
	border: 1px solid #6B6B5E;
	color: #6B6B5E;
	padding: 1px 3px;
}
div#pageGauche p.navigation a:hover,
div#pageDroite p.navigation a:hover {
	border: 1px solid #6B6B5E;
	background-color: #6B6B5E;
	color: #FFF;
}
div#pageGauche p.navigation span.pageCourante {
	padding: 1px 3px;
	border: 1px solid #E50800;
	background-color: #E50800;
	color: #FFF;
}

/* CONTACT */

form#contact {
	border: none;
}
form#contact textarea {
	width:80%;
	height:150px;
	margin-left: 10%;
	border: 1px solid #6B6B5E;
}
form#contact fieldset {
	border: 1px solid #E50800;
	margin-bottom: 10px;
	padding: 10px;
}
form#contact legend {
	color: #E50800;
	font-weight: bold;
}
form#contact fieldset#blocCoordonnees label {
	float:left;
	width:30%;
	text-align:right;
}
form#contact fieldset#blocCoordonnees input {
	margin-left:10px;
	width:50%;
	border: 1px solid #6B6B5E;
}
form#contact fieldset#blocCoordonnees p {
	margin: 5px;
}
form#contact input:hover {
	cursor: pointer;
}
form#contact #piedForm {
	text-align: center;
}

/* SIGNATURE */

#piedPage p {
	text-align: right;
	margin-right: 16px;
}
#piedPage p,
#piedPage a {
	color: #6B6B5E;
	font-size: 10px;
}