@font-face {
    font-family: 'BrushScriptStd';
    src: url('BrushScriptStd.otf');
}
#body
{
	width:100%;
	margin:0px;
	padding:0px;
	background-color: #eeeeee;
}
#Apropos{
	padding-bottom: 50px;
	padding-top:50px;
}
#Contact
{
	padding-bottom: 50px;
	padding-top:50px;
	font-size: 20px;
}
#logo
{
	height:48px;
}
.li_margin
{
	padding:0px;
}
#li_margin1,
#li_margin2,
#li_margin3
{
	padding:0px;
}

.lien_menu
{
	color: #822e16;
    font-family: 'Calibri';
	font-size: 23px;
	text-decoration: none;
	padding-top:15px;
	padding-bottom:20px;
}
.lien_menu:hover
{
	background-color: rgba(0,0,0,0.1);
}
section
{
	display: block;
	background-color: #ffffff; 
	border-bottom: 1px solid #aaaaaa;
}
#Client
{
	background-color: rgba(0,0,0,0.1);
	padding-bottom: 50px;
	padding-top:50px;
}
.bloc_section
{
	margin-bottom:50px;
	margin-right:5%;
	margin-left:5%;
}
.bloc_section.client
{
	text-align: center;
}
#diapo
{
	background-image: url('diapo.jpg');
	background-position: center;
	height:300px;
}
@media (min-width: 992px){
	#diapo
	{
		background-size: 100% 100%;
	}
}

.image
{
	border-radius: 50%;
	background-color: #000000;
}
.sous-block_client{
	margin:15px;
	background-color: #ffffff;
	border-radius: 4px;
	padding:15px;
	min-height: 400px;
}
@media (min-width: 992px){
	.sous-block_client
	{
		padding-top:50px;
	}
}
.ul_client
{
	text-align: left;
	margin-top:10px;
}
.ul_contact
{
	list-style-type: none;
}