/*************/
/*** RESET ***/
/*************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {background: transparent;	border: 0; margin: 0;	padding: 0;	vertical-align: baseline;}
body{line-height: 1;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
ol, ul{list-style: none;}
blockquote{quotes: none;}
blockquote:before, blockquote:after{content: ''; content: none;}
del{text-decoration: line-through;}
table{border-collapse: collapse; border-spacing: 0;}
a img{border: none;}

/*************/
/*** CORPS ***/
/*************/
body{
	font:normal 0.75em/1.4em Verdana,sans-serif;
	background-color:#6b655a;
	color:#f6f4ea;
}

/***************/
/*** ANCRAGE ***/
/***************/
a{
	text-decoration:none;
	color:#eed0a2;
}
/* NAVIGATION */
a#accueil{background-position:0 -120px;;}
a#texte{background-position:0 -144px;}
a#expositions{background-position:0 -168px;}
a#contact{background-position:0 -192px;}
a#liens{background-position:0 -216px;}
a#accueil:hover,#menu ul li.active a#accueil{background-position:0 0;}
a#texte:hover,#menu ul li.active a#texte{background-position:0 -24px;}
a#expositions:hover,#menu ul li.active a#expositions{background-position:0 -48px;}
a#contact:hover,#menu ul li.active a#contact{background-position:0 -72px;}
a#liens:hover,#menu ul li.active a#liens{background-position:0 -96px;}


/*********************/
/*** OMBRAGES CSS3 ***/
/*********************/
#cadre h1,#cadre h2,dt,li.nav2 a:hover,li.active>a,.lettrine{
	text-shadow: 0px 1px 2px #3c3932;
	filter: dropshadow(color=#3c3932, offx=0, offy=1); 
}
#slider a,#minislider a,#galerie a{
	-webkit-box-shadow: 1px 1px 2px #3c3932;
	-moz-box-shadow: 1px 1px 2px #3c3932;
	box-shadow: 1px 1px 2px #3c3932;
}

/***************/
/*** TITRAGE ***/
/***************/
h1{padding:0 0 14px 0; line-height:1em;}
h2{padding:0 0 4px 0; line-height:1.2em;}

/****************************/
/*** PARAGRAPHES & LISTES ***/
/****************************/
p,dl{
	margin:0 0 14px 0;
	text-align:left;
}
dt{
	line-height:1em;
	font-weight:bold;
}
dd{
	margin-bottom:14px;
}
ul{list-style:none;}
li.nav1{margin:0 0 40px 0;}
li.nav2{margin:6px 0 6px 10px;}
li.nav1>a{
	display:block;
	text-indent:500000px;
	width:120px;
	height:24px;
	line-height:40px;
	overflow:hidden;
	outline:0;
	background:url(../images/nav.png) no-repeat 0 0 scroll;
}
li.nav2 a:hover,li.active>a{
	color:#f6f4ea;
}
li.active a#accueil,li.active a#texte,li.active a#expositions,li.active a#contact,li.active a#liens{cursor:default;}

/******************/
/*** FORMULAIRE ***/
/******************/
form,fieldset,legend,label,input,dl.colonnade,div.colonnade{width:256px;}
label{line-height:20px;}
input,textarea{
	background-color:#f6f4ea;
	border:1px solid #3c3932;
	border-top:none;
	border-left:none;
	color:#6b655a;
}
input{
	padding-top:3px;
	margin-bottom:14px;
}
textarea{
	margin-bottom:16px;
	padding-left:5px;
	padding-top:3px;
	height:120px;
	width:251px
}
legend{
	margin-bottom:20px;
	display:inline-block;
	white-space:normal;
}

/****************/
/*** OSSATURE ***/
/****************/
#wrap{
	margin:0 auto;
	width:900px;
}
#header{
	height:130px;
}
#header a{
	display:block;
	text-indent:-500000px;
	width:320px;
	height:120px;
	margin-left:130px;
	background:#6b655a url(../images/logo.png) no-repeat scroll 0 -20px;
	overflow:hidden;
	outline:0;
}
#menu{
	float:left;
	text-align:right;
}
#cadre{
	float: left;
	margin: 0 0 0 42px;
	width: 700px;
}
#slider,#minislider{
	float:left;
	margin: 0;
}
#slider a{
	display:block;
	width:150px;
	height:350px;
	overflow:hidden;
	outline:0;
	background:url(../images/galeries.jpg) no-repeat scroll 0 0;
}
#slider a#portraits{background-position:0 0;}
#slider a#projets{background-position:-150px 0;}
#slider a#paysages{background-position:-300px 0;}
#slider a#portraits:hover{background-position:0 -350px;}
#slider a#projets:hover{background-position:-150px -350px;}
#slider a#paysages:hover{background-position:-300px -350px;}
#slider dl{
	display:block;
	width:150px;
	float:left;
	margin:0 42px 0 0;
}
#slider dt{
	font-size:1.4em;
	font-weight:normal;
	text-align:center;
	display:block;
	height:3em;
	color:#f6f4ea;
}
#minislider a{
	display:block;
	width:75px;
	height:175px;
	overflow:hidden;
	outline:0;
	background:url(../images/minislider.jpg) no-repeat scroll 0 0;
}
#minislider a#portraits{background-position:0 0;}
#minislider a#projets{background-position:-75px 0;}
#minislider a#paysages{background-position:-150px 0;}
#minislider a#portraits:hover{background-position:0 -175px;}
#minislider a#projets:hover{background-position:-75px -175px;}
#minislider a#paysages:hover{background-position:-150px -175px;}
#minislider h1{
	margin:0 0 0 42px;
}
#minislider dl{
	display:block;
	width:75px;
	float:left;
	margin:0 0 0 42px;
}
#minislider dt{
	font-size:1em;
	font-weight:normal;
	text-align:center;
	display:block;
	height:3em;
	color:#f6f4ea;
}
#galerie{
	float:right;
	width:420px;
	margin:4px 0 18px 24px;
}
#galerie li{
	float:left;
}
#galerie a{
	display:block;
	width:80px;
	height:80px;
	margin:0 4px 4px 0;
}
#footer{
	padding:10px 0 0 160px;
	clear:both;
	float:none;
	font-size:10px;
	color:#eed0a2;
}
#footer a{font-size:10px;}
#footer a:hover{text-decoration:underline;}

/***************/
/*** CLASSES ***/
/***************/
.colonnade{
	width:256px;
	float:left;
}
.bio{margin:0;}
.auteur{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	/*border-bottom:1px dotted #f6f4ea;*/
}
.txtl{
	text-align:left;
}
.lettrine{
	float: left;
	font-size: 4em;
	line-height:0.85em;
	padding:0 2px 2px 0;
}
.lieu{
	font-weight:bold; 
}
.subm{
	color:#6b655a;
	width:100px;
	font-weight:bold;
	margin:0 0 0 75px;
	cursor:pointer;
}
.red{
	color:#e1905f;
	font-weight:bold;
}