/**
* CSS

*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 0.7em;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(http://baptiste-ferrier.fr/header/);
	line-height:1.4em;
	color:#2c2621;
	background-color: #ffffff; /* couleur arriere plan global*/
}


body.section-1 { }
body.section-2 { }
body.section-3 { }



a { text-decoration:none; color:#464348; }
a:link { text-decoration: none; }
a:active { color: #2c2621; text-decoration: none;}
a:visited { text-decoration: none; color: #2c2621; }
a:hover { color: #00c8e6; text-decoration: none; }

a img { border: none; }

.nav a{ text-decoration:none; background-color:#FFFFFF; color:#231F20; }
.nav a:hover{ background-color:#231F20; color:#FFFFFF;}

.thickbox { background-color:#FFFFFF; }

.highlight {
	background:black;
	color:white;
	padding:1px;
}

/* PRE NAV TEXT - Can be accessed in the Exhibit Settings */
#top-section {
position: fixed;
z-index : 900;
left : 0;
width: auto;
margin: 25px 40px 0px 0px;
font-size: 11px;
font-weight: bold;
line-height : 170%;
color: #1a1a1a;
font-family: Arial, Helvetica, sans-serif;
}
#top-section a { /* this is the link property inside the Top-Section */
text-decoration: none;
color: black;
font-weight: 100;
}
#top-section a:hover { /* link property inside the Top-Section when the cursor is over */
color: black;
}
#top-section p {
text-align: left;
}

#menu {
	
width: 220px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	padding:10px 0px 10px 10px; 
	background-color: #OOOFFF; /* couleur */

	
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
	


}

#menu ul li.section-title 
{font-weight: bold;

 }

#content {
   height: 100%;
	width: 700px;
	padding:10px 10px 10px 10px; 
    margin: 0 0 0 220px;
    top: 0;
	background-color: #ffffff;/* couleur Arri¸re plan contenu seul */
}

.container {
    padding: 20px 20px 20px 20px;
	background-color: #FFFFFF; /* couleur menu + contenu */

}

#content p { margin-bottom: 0px;
	
}

p {
    margin: 0 0 9px 0;
}
#bgrd{
	position: fixed;
	width:100%; 
	height:100%;
	left: 0;
	top: 0;
	z-index: 1;

}

h1 { font-size: 32px; line-height:36px; color:#6D6E71;}
h2 { font-size: 24px; line-height:30px;}
h3 { font-size: 11px; line-height:0px; text-transform:uppercase; font-weight:normal;line-height:18px; }
h4 { font-size: 13px; line-height: 18px; font-weight:strong;}
h5 { font-size: 12px; color: #464348; line-height: 18px; font-weight: normal; margin-bottom: 10px; width:500px; }
h6 { font-size: 12px; color: #a1a2a2; line-height: 18px; font-weight: normal; margin-bottom: 10px; width:500px;}
body {color:#464348;}

#item {
border-bottom: 1px solid #5b686b;
padding-bottom:10px;
margin-bottom:10px;
}

#item2 {
border-bottom: 1px solid #c41313;
padding-bottom:20px;
margin-bottom:10px;
}

#item3 {
border-bottom: 1px solid #ff00c6;
padding-bottom:10px;
margin-bottom:10px;
}
#item4 {
border-top: 1px solid #ff00c6;
padding-top:20px;
margin-top:20px;
}


#img-container	{ margin: 0; padding: 0; background-color:#FFF; height:900px;}
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }