.MainArea {
min-height: initial;
}

section {
padding-top: 16px;
}

article {
margin-top: 80px;
}

.SocialBLock {
margin-top:40px;
}

#Social {
display: inline-block;
width: 50%;
vertical-align: top;
text-align: center;
border-top: 1px solid #F3F1F1;
border-bottom: 1px solid #F3F1F1;
text-decoration: none;
}

@media (max-width: 500px) {

#Social {
width: 100%;
border-top: none;
}

}

#Social span {
text-transform: uppercase;
height: 64px;
line-height: 64px;
color: #695E5C;
font-weight: bold;
font-size: 16px;
}

#Social span::after {
content: "";
display: inline-block;
vertical-align: top;
width: 64px;
height: 64px;
background-repeat: no-repeat;
background-image: url('../img/social.fb.64x64.30x30.svg');
background-position: right;
background-size: 64px 64px;
}

#Others > h1 {
text-transform: uppercase;
color: #695E5C;
font-size: 16px;
height: 64px;
line-height: 64px;
}

#Others > div > div {
position: relative;
display: inline-block;
width: 33%;
vertical-align: top;
overflow: hidden;
}

#Others > div > div > article {
border-top: 3px solid #A69695;
margin-left: 12px;
margin-right: 12px;
}

#Others > div > div > article:hover {
border-top: 3px solid #7C6F6E;
}

#Others > div > div:first-child > article {
margin-left: 0;
}

#Others > div > div:last-child > article {
margin-right: 0;
}

article.Mini > h1 {
padding-top: 8px;
font-size: 16px;
line-height: 20px;
color: #7C6F6E;
}

article.Mini > .Details {
font-size: 10px;
}

article.Mini > h2 { /**/
font-size: 12px;
line-height: 14px;
}

article.Mini > .Pict {
height: 100px;
}

article.Mini p:last-child::after {
width: 14px;
height: 14px;
}

article ul {
padding-left: 16px;
}

article ul * {
text-align: justify;
}

#Ref {
margin-top: 20px;
padding-bottom: 40px;
border-top: 1px solid #F3F1F1;
border-bottom: 1px solid #F3F1F1;
}

#Ref h1 {
text-transform: uppercase;
color: #695E5C;
font-size: 16px;
height: 64px;
line-height: 64px;
}

#Ref h2 {
text-transform: uppercase;
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #A69695;
}

#Ref h2 {
margin-top: 8px;
}

#Ref p {
margin-top: 4px;
}

#Ref h1+h2 {
margin-top: 0;
}

#Ref a,
#Ref p {
font-size: 12px;
line-height: 16px;
color: #A69695;
}

#Ref a {
text-decoration: underline;
}

#Cta {
padding: 30px;
margin-top: 40px;
background-color: #EDE9E9;
text-align: center;
}
#Cta h1 {
font-size: 22px;
line-height: 20px;
text-transform: uppercase;
font-weight: bold;
color: #695E5C;
}

#Cta {
text-align: center;
}

#Cta div:first-child::before {
content: "";
display: inline-block;
height: 56px;
width: 100%;
background-image: url('../img/cta-testjm.56x56.svg');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

#Cta h1 {
font-size: 22px;
line-height: 20px;
text-transform: uppercase;
font-weight: bold;
color: #695E5C;
margin-top: 8px;
}

#Cta p {
margin-top: 6px;
text-align: center;
font-size: 12px;
color: #7C6F6E;
}

#Cta a {
margin-top: 6px;
text-decoration: underline;
margin-top: 6px;
color: #7C6F6E;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

#Cta .Bt1 {
margin-top: 20px;
width: 160px;
margin-left: auto;
margin-right: auto;
font-size: 14px;
background-color: #F8AF03;
height: 40px;
line-height: 40px;
}

#Cta .Bt1:hover {
background-color: #EA6F0A;
}

article .NavBt {
text-align: center;
margin-top: 40px;
}

@media (max-width: 800px) {

  #Others > div > div {
  display: block;
  width: auto;
  }

  #Others > div > div > article.Mini {
  margin-left: 0;
  margin-right: 0;
  }

  #Others > div > div:not(:first-child) {
  margin-top: 16px;
  }
}

/* todo: remove when fb ok*/

#Others {
border-top: 1px solid #F3F1F1;
margin-top: 64px;
}

.AddToAny {
border-top: 1px solid #F3F1F1;
border-bottom: 1px solid #F3F1F1;
display: inline-block;
vertical-align: top;
width: 50%;
text-align: center;
}

@media (max-width: 500px) {

.AddToAny {
width: 100%;
}

}

.AddToAny > div {
padding-top: 15px;
padding-bottom: 15px;
}

.AddToAny > div > div {
display: inline-block;
vertical-align: top;
}

.AddToAny a {
margin-top: 1px;
display: inline-block;
height: 32px;
line-height: 32px;
vertical-align: middle;
}

.AddToAny a {
margin-left: .5em;
}

.AddToAny * {
text-transform: uppercase;
color: #695E5C;
font-weight: bold;
font-size: 12px;
}

.BD h1, .BD .Details {
display: none;
}

.BD .BDItem img {
max-width: 100%;
}

.BD .BDItem+a {
width: 100%;
height: 143px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.BD .Chapters {
text-align: center;
margin-bottom: 60px;
}

.BD .Chapters:last-child {
margin-top: 40px;
}

.BD .Chapters a {
text-decoration: none;
display: inline-block;
width: 150px;
height: 150px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.BD .Chapters a:nth-child(1) {
background-image: url('/img/BD/buttons/LCC-boutonBD1.jpg');
}

.BD .Chapters a:nth-child(1):hover {
background-image: url('/img/BD/buttons/LCC-boutonBD1-roll.gif');
}

.BD .Chapters a:nth-child(2) {
background-image: url('/img/BD/buttons/LCC-boutonBD2.jpg');
}

.BD .Chapters a:nth-child(2):hover {
background-image: url('/img/BD/buttons/LCC-boutonBD2-roll.gif');
}

.BD .Chapters a:nth-child(3) {
background-image: url('/img/BD/buttons/LCC-boutonBD3.jpg');
}

.BD .Chapters a:nth-child(3):hover {
background-image: url('/img/BD/buttons/LCC-boutonBD3-roll.gif');
}

.BD .Chapters a[disabled="disabled"] {
cursor: default;
}

.BD .Chapters a[disabled="disabled"]:nth-child(1) {
background-image: url('/img/BD/buttons/LCC-boutonBD1-inactif.jpg');
}

.BD .Chapters a[disabled="disabled"]:nth-child(2) {
background-image: url('/img/BD/buttons/LCC-boutonBD2-inactif.jpg');
}

.BD .Chapters a[disabled="disabled"]:nth-child(3) {
background-image: url('/img/BD/buttons/LCC-boutonBD3-inactif.jpg');
}

.BD #BDNext2,
.BD #BDNext3 {
display: inline-block;
max-width: 570px;;
height: 143px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
text-decoration: none;
}

.BD #BDNext2 {
background-image: url('/img/BD/buttons/LCC-boutonSuite2.jpg');
}

.BD #BDNext3 {
background-image: url('/img/BD/buttons/LCC-boutonSuite3.jpg');
}

.BD #BDNext2:hover {
background-image: url('/img/BD/buttons/LCC-boutonSuite2-roll.gif');
}

.BD #BDNext3:hover {
background-image: url('/img/BD/buttons/LCC-boutonSuite3-roll.gif');
}