html,
body {
	background-color:#373737;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #373737;
}
header {
	padding-top: 2em;
	background: url(../images/header.jpg) repeat-x top;
}
header h1 {
	padding: .5em;
}
header img {
	display: block;
	margin: auto;
}
#main {
	display: block;
	padding-bottom: 2em;
	background: url(../images/bg.jpg) repeat;
}
#site {
	margin: auto;
	max-width: 920px;
}
img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.discret a{
	color:#434343 !important;
	text-decoration:none !important
}

/*******/
/* NAV */
/*******/

nav {
	margin: 3em auto 0;
	max-width: 920px;
	height: 41px;
	background: url(../images/border-nav.png) repeat-x;
}
nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
nav ul li {
	display: inline;
}
nav ul li a {
	display: inline-block;
	padding: 0 2em;
	height: 41px;
	line-height: 37px;
}
nav ul li a:link,
nav ul li a:visited {
	font-size: 0.8em;
	font-weight: bold;
	color: #898989;
}
nav ul li a:hover,
nav ul li a:focus {
	color: #c95531;
}

/***********/
/* CONTENT */
/***********/

#content {
	margin: auto;
	margin-top: 40px;
	max-width: 370px;
}
#content h1 {
	margin: 1em 0;
	padding: .5em 0;
	background: #F2F2F2;
	border: 1px solid #D9D9D9;
	text-align: center;
	font-size: 1.3em;
	color: #373737;
}
#content h2 {
	text-align: center;
	font-size: 1.5em;
	font-style: italic;
	line-height: 40px;
	color: #373737;
}
#content .indications {
	margin-bottom: 1em;
	font-size: 1.2em;
	line-height: 30px;
}
#content .top {
	margin: 1em 0;
}
#content h2 span {
	color: #8B26A0;
}
#content p {
	margin: .5em 0;
}
#content .sep {
	margin: 30px auto;
	width: 330px;
	height: 2px;
	background: url(../images/sep.jpg) no-repeat;
}
#address {
	width: 378px;
	height: 210px;
	background: url(../images/address-veronique-mussard.jpg) no-repeat;
}
#address p {
	margin-bottom: 2em;
	padding-left: 106px;
	font-style: italic;
	font-size: 1.2em;
	color: #576F7C;
}
#address p:first-child {
	padding-top: 20px;
	font-style: normal;
	color: #373737;
}
#address p:last-child {
	font-style: normal;
	color: #8B26A0;
}
#adeli {
	font-size: 1.2em;
	text-align: center;
	color: #373737;
}
#content ul {
	margin-left: 20px;
	font-size: 1em;
	font-weight: bold;
	color: #494949;
}
#content ul li {
	margin: .5em 0;
	line-height: 1.2em;
	list-style: circle;
}
#content a:link,
#content a:visited {
	display: block;
	margin-top: 10px;
	padding: 10px;
	background: #F2F2F2;
	border: 1px solid #D9D9D9;
	color: #B14C2D;
	font-size: 0.9em;
}
#content a:hover,
#content a:focus {
	background: #D6D6D6;
	border: 1px solid #AFAFAF;
}

/**********/
/* FOOTER */
/**********/

footer {
	padding: 0 1em;
	border-top: 1px solid #FFFFFF;
}
footer p {
	margin: .5em 0;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: center;
	color: #9F9F9F;
}
footer p a:link,
footer p a:visited {
	color: #B14C2D;
}
footer p a:hover,
footer p a:focus {
	color: #ef5816;
	text-decoration: underline;
}
footer .copy {
	color: #9F9F9F !important;
	text-decoration: none !important;
}


@media screen and (max-width: 640px) {
	header {
		padding-top: 1em;
	}
	nav {
		margin-top: 1em;
		background: none;
		max-width: auto;
		height: auto;
	}
	nav ul li {
		display: block;
		margin-bottom: 1px;
		background: #FFFFFF;
	}
	nav ul li a {
		display: block;
		text-decoration: none;
	}
	nav ul li a:link,
	nav ul li a:visited {
		font-size: 1em;
		font-weight: bold;
		color: #545454;
	}
	footer {
		border: 0;
	}
}