/*----------------------------------------------------------------------------------page d'accueil-----------------------------------------------------------------*/
.fondPA {
background: #F9FCE6;
height: 445px;
position: relative;
width: 800px;
}
.bloclien {
position: absolute;
top: 71px;
}
.topsite {
position: absolute;
right: 274px;
letter-spacing: 7px;
top: 390px;
}
.topsitetxt {
color: #BE4029;
font-size: 9px;
font-weight: 700;
line-height: 12px;
position: absolute;
right: 142px;
text-align: center;
text-transform: uppercase;
top: 373px;
width: 127px;
z-index: 999;
}
.bloctoppartenaires {
position: absolute;
top: 360px;
}
.blocminiinfos {
background: #F1E7BF;
font-size: 8px;
height: 50px;
left: 462px;
padding-left: 73px;
padding-right: 4px;
padding-top: 4px;
position: absolute;
text-align: justify;
top: 300px;
width: 104px;
line-height: 8px;
color: #648DDE;
text-transform: uppercase;
font-weight: bold;
}
.bloctemps {
background: #E5F6CC;
color: #68802A;
font-size: 9px;
font-weight: 700;
height: 36px;
left: 647px;
line-height: 10px;
padding-left: 4px;
padding-right: 4px;
padding-top: 18px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 300px;
width: 90px;
}
.imgtylton {
height: 84px;
position: absolute;
right: -73px;
top: 263px;
transform: rotate(-30deg);
width: 150px;
z-index: 999;
}
.lien_u {
background: #F1E7BF;
height: 20px;
text-align: left;
margin-bottom: 5px;
border-left: 4px solid #BE4029;
width: 350px;
padding-left: 36px;
padding-top: 4px;
padding-bottom: 3px;
text-transform: uppercase;
font-size: 18px;
font-family: serif;
}
.fondcontexte {
background: url(https://i.imgur.com/uBVbbiK.png);
border-radius: 150px;
height: 300px;
overflow: hidden;
position: absolute;
z-index: 9;
top: 66px;
left: 248px;
width: 300px;
border: 5px solid #FFECB4;
}
.fondcontexte p{
color: #648dde;
font-size: 11px;
height: 216px;
margin-top: 28px;
opacity: 0;
overflow: auto;
background: #fff;
padding: 16px;
text-align: justify;
transition: all .3s linear;
width: 216px;
line-height: 11px;
}
.fondcontexte p:hover{
color: #648dde;
font-size: 11px;
height: 216px;
margin-top: 28px;
background: #fff;
opacity: 0.9;
overflow: auto;
padding: 16px;
text-align: justify;
transition: all .3s linear;
width: 216px;
line-height: 11px;
}
.imgfondstaff {
position: absolute;
right: 0;
top: 0;
width: 421px;
overflow: hidden;
}


.slideshow,
.slide {
width: 350px;
height: 220px;
}

.slideshow {
margin: 0;
background-color: #F1E7BF;
border: 4px double #fff;
margin: 0;
position: absolute;
overflow: hidden;
left: 444px;
top: 70px;
}

.slideshow div {
position: relative;
top: 0;
left: 0;
}

.slide {
margin: 0;
overflow: auto;

display: inline-block;
vertical-align: middle;

text-align: center;
color: white;
}




/*!
* Code proposé par Damudo No Kyoku
* Corrigé par Espeon
* Pour CSSActif - http://www.css-actif.com
*/
.staffbase1 {
display: inline-block;
position: absolute;
left: 0;
}

.staffbase1 > div {
margin-top: -20px;
opacity: 0;
left: 379px;
position: absolute;
top: 20px;
transform: scale(0.1);
transition: all .1s linear;
visibility: hidden;
}

.staffbase1:hover > div {
opacity: 1;
visibility: visible;
top: 20px;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}

.staff1 {
background: rgba(255,255,255,0.7);
color: #81C2EB;
margin: auto;
padding: 5px;
text-align: center;
width: 411px;
height: 50px;
}

.staff1 a {
padding: 5px;
margin: 5px 0 0 0;
display: inline-block;
background-color: #000000;
color: #666666;
text-decoration: none;

-webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.staff1 a:hover {
color: #ffffff;
}

.staff1 h1 {
font-size: 24px;
margin-top: -4px;
color: #BD3F28;
font-family: 'Lora', serif;
margin-bottom: -2px;
}

.staff1 p {
margin-top: 0;
text-align: center;
color: #6AA0DB;
}
.staff1 hr {
-webkit-box-shadow: 0 0 3px #666666;
-moz-box-shadow: 0 0 3px #666666;
-o-box-shadow: 0 0 3px #666666;
box-shadow: 0 0 3px #666666;
}
.staffbase2 {
display: inline-block;
position: absolute;
left: 95px;
}

.staffbase2 > div {
margin-top: -20px;
opacity: 0;
left: 284px;
position: absolute;
top: 20px;
transform: scale(0.1);
transition: all .1s linear;
visibility: hidden;
}

.staffbase2:hover > div {
opacity: 1;
visibility: visible;
top: 20px;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}

.staff2 {
background: rgba(255,255,255,0.7);
color: #81C2EB;
margin: auto;
padding: 5px;
text-align: center;
width: 411px;
height: 50px;
}

.staff2 a {
padding: 5px;
margin: 5px 0 0 0;
display: inline-block;
background-color: #000000;
color: #666666;
text-decoration: none;

-webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.staff2 a:hover {
color: #ffffff;
}

.staff2 h1 {
font-family: Lora, serif;
font-size: 24px;
margin-top: -4px;
color: #BD3F28;
margin-bottom: -2px;
}

.staff2 p {
margin-top: 0;
text-align: center;
color: #6AA0DB;
}

.staff2 hr {
-webkit-box-shadow: 0 0 3px #666666;
-moz-box-shadow: 0 0 3px #666666;
-o-box-shadow: 0 0 3px #666666;
box-shadow: 0 0 3px #666666;
}
.staffbase3 {
display: inline-block;
position: absolute;
left: 190px;
}

.staffbase3 > div {
margin-top: -20px;
opacity: 0;
left: 189px;;
position: absolute;
top: 20px;
transform: scale(0.1);
transition: all .1s linear;
visibility: hidden;
}

.staffbase3:hover > div {
opacity: 1;
visibility: visible;
top: 20px;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}

.staff3 {
background: rgba(255,255,255,0.7);
color: #81C2EB;
margin: auto;
padding: 5px;
text-align: center;
width: 411px;
height: 50px;
}

.staff3 a {
padding: 5px;
margin: 5px 0 0 0;
display: inline-block;
background-color: #000000;
color: #666666;
text-decoration: none;

-webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.staff3 a:hover {
color: #ffffff;
}

.staff3 h1 {
font-family: Lora, serif;
font-size: 24px;
margin-top: -4px;
color: #BD3F28;
margin-bottom: -2px;
}

.staff3 p {
margin-top: 0;
text-align: center;
color: #6AA0DB;
}

.bouh hr {
-webkit-box-shadow: 0 0 3px #666666;
-moz-box-shadow: 0 0 3px #666666;
-o-box-shadow: 0 0 3px #666666;
box-shadow: 0 0 3px #666666;
}
.staffbase4 {
display: inline-block;
position: absolute;
left: 284px;
}

.staffbase4 > div {
margin-top: -20px;
opacity: 0;
left: 95px;
position: absolute;
top: 20px;
transform: scale(0.1);
transition: all .1s linear;
visibility: hidden;
}

.staffbase4:hover > div {
opacity: 1;
visibility: visible;
top: 20px;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}

.staff4 {
background: rgba(255,255,255,0.7);
color: #81C2EB;
margin: auto;
padding: 5px;
text-align: center;
width: 411px;
height: 50px;
}

.staff4 a {
padding: 5px;
margin: 5px 0 0 0;
display: inline-block;
background-color: #000000;
color: #666666;
text-decoration: none;

-webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.staff4 a:hover {
color: #ffffff;
}

.staff4 h1 {
font-family: Lora, serif;
font-size: 24px;
margin-top: -4px;
margin-bottom: -2px;
color: #BD3F28;
}

.staff4 p {
margin-top: 0;
text-align: center;
color: #6AA0DB;
}

.staff4 hr {
-webkit-box-shadow: 0 0 3px #666666;
-moz-box-shadow: 0 0 3px #666666;
-o-box-shadow: 0 0 3px #666666;
box-shadow: 0 0 3px #666666;
}
.membremois {
display: inline-block;
left: 662px;
position: absolute;
top: 357px;
}

.membremois > div {
left: 0px;
margin-top: -20px;
opacity: 0;
position: absolute;
top: 20px;
transform: scale(0.1);
transition: all .3s linear;
visibility: hidden;
}

.membremois:hover > div {
opacity: 1;
visibility: visible;
top: 20px;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}

.mmbrms {
background: rgba(255,255,255,0.9);
color: #81C2EB;
height: 76px;
margin: auto;
padding: 5px;
text-align: center;
width: 124px;
}

.mmbrms a {
padding: 5px;
margin: 5px 0 0 0;
display: inline-block;
background-color: #000000;
color: #666666;
text-decoration: none;

-webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.mmbrms a:hover {
color: #ffffff;
}

.mmbrms h1 {
color: #EAAF56;
font-family: Lora, serif;
font-size: 13px;
margin-bottom: -2px;
margin-top: -4px;
}

.mmbrms p {
color: #6AA0DB;
margin-top: 8px;
text-align: justify;
font-size: 10px;
}

.mmbrms hr {
-webkit-box-shadow: 0 0 3px #666666;
-moz-box-shadow: 0 0 3px #666666;
-o-box-shadow: 0 0 3px #666666;
box-shadow: 0 0 3px #666666;
}
/*----------------------------------------------------------------------------- fin page d'accueil-----------------------------------------------------------------*/