@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

#content .partenaire-content{display: flex; justify-content: center; margin: 25px 0px;}
#content .partenaire-content img{padding: 15px 15px;}
/* FIL D'ARIANE + A VOIR AUSSI + BAS DE PAGE */
#content p a, #content .breadcrumb a{color:#0198cd;font-weight: bold; text-decoration: none; transition: all 0.3s;}
#content .breadcrumb{margin-bottom: 30px; font-size: 14px;}
#content #axo-aVoirAussi { padding: 10px 0; }
#content #axo-aVoirAussi a{font-size: 14px; transition: all 0.4s;background: rgba(0,0,0,0.08);padding: 8px 20px; margin: 5px 10px 10px 0px; display: inline-block; color:#000; border-radius: 30px; text-decoration: none; font-weight: bold;}
#content #axo-aVoirAussi a:hover{background: #0198cd; color: #fff;}
#content #axo-aVoirAussi p {border-left: 10px solid #0198cd; padding-left: 10px; font-weight: bold;}
#content .bottom-page{background: rgba(0,0,0,0.07); border-top: 3px solid #0198cd; margin: 30px 0px; padding:20px 15px;}
#content .bottom-page p{text-align: center; margin-bottom: 0px;}

/* STYLE TEXTE */
#content p a:hover, #content .breadcrumb a:hover{opacity: 0.4;}
#content p{color:#000;letter-spacing:0.5px;font-size:14px;text-align: justify; line-height: 20px;}
#content .center{text-align: center !important;}
#content h1,
#content h2,
#content h3 {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    text-align: left;
}
#content h1{letter-spacing: 1px;font-weight: bold;color:#000;font-size:28px;line-height:30px;margin:0 0 30px;text-align: left; text-transform: uppercase; border-left: 10px solid #0198cd; padding-left: 15px;}
#content h1 span{font-weight: inherit;display: block; font-size: 21px;line-height: 25px; margin-top: 2px; text-align: left; font-weight: 400; text-transform: initial; color: #0198cd;}
/*#content h1:after{content: ''; display: block; height: 10px; width: 80px;background-color:#e99109;margin: 0 auto; margin-top: 10px;}*/
#content h2{font-size:23px; margin-bottom: 15px; margin-top: 30px;}
#content h3{font-size:18px;}
#content ul{font-size:14px;letter-spacing:0.5px; margin-bottom: 15px; margin-left: 25px; color: #000; list-style: none;}
#content ul li{padding: 3px 0px;}
#content ul li::before {
  content: "\2022";
  color: #0198cd;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/* STYLE IMG */
#content .img-C{display: block;margin: 25px auto; max-width: 400px;}
#content .img-G{float: left;margin: 0px 35px 20px 0px; max-width: 400px;}
#content .img-D{float: right;margin: 0px 0px 20px 35px; max-width: 400px;}
#content .clear{clear: both;}


/* BOUTON + LIEN */
#content .bouton-center{display: flex; width: 100%; justify-content: center;}
#content .bouton{font-size: 14px;transition: all 0.4s;display:inline-block;border:2px solid #0198cd; color: #000; text-decoration: none !important; padding: 10px 15px; font-weight: bold; border-radius: 30px; margin:10px 0px;}
#content .bouton:hover{background-color: #0198cd; color: #fff;}
.box-tel{color: inherit !important;text-decoration: none !important;}
.box-tel:hover{color: inherit !important;text-decoration: none !important;}


/* RESPONSIVE */
@media all and (max-width: 767px) {
    #content h1{font-size: 27px;}
    #content h1 span{font-size: 19px; margin-top: 0px;}
    #content h2{font-size: 20px;}
    #content h2 span{font-size: 18px;}
    #content h3{font-size: 16px;}
    #content .img-G, #content .img-D, #content .img-C{
        float: none !important;
        margin: 25px auto !important;
        display: block !important;
        max-width: 90% !important; }
    #content p{letter-spacing: 0px;}
}
body{padding:0px;margin:0px;font-family: 'Open Sans', sans-serif;font-weight:400;overflow-x: hidden;}
ul{padding:0px;margin:0px;}
.header{position:relative;min-height:300px;}
.header img{width:100%;}
.logo{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    left:0Px;
    z-index:2;
    width: 100%;
    top: 0;
    height: 100%;
    padding: 0px 15px;
    }
	
	
.menubox ul {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
}	
.menubox li {
    display: inline-block;
    position: relative;
    text-align: center;
   
}
.menubox li a {
    transition: 0.7s ease all;
    display: block;
    font-size: 19px;
    color: #ffe600;
    overflow: hidden;
    position: relative;
    text-decoration: none !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: capitalize;
    padding: 20px 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.menubox li:hover a{color: #000;background: #ffe600;}	
.dropmenu li{display:block;width: 100%;padding-bottom: 0px !important;text-align: left;}
.dropmenu li a {padding: 6px 10px;display: block;transition: 0.3s ease all;text-align: left;}
.dropmenu li a:before {display:none;}
.dropmenu li a:hover{background: #414141;text-decoration: none;}
.dropmenu{position:absolute;left:0px;background: #343434;top: 100%;padding: 20px;left: 0;transition: 0.3s ease all;transform: scaleX(0);min-width: 300px;z-index: 9;display: block !important;}
.menubox li:hover .dropmenu {
    transform: scaley(1);
}
.menubox{display:flex;align-items:center;background: #1fc5efcf;}
.phone{text-align:right;color:#fff;font-size:28px;display: block;}
.slider_box{
    display: flex;
    align-items: center;
    min-height: 450px;
    background: url(../images/backtext.jpg) no-repeat;
    background-size: cover;
    padding: 40px 0px;
    overflow: hidden;
    max-width: 1200px;
    margin: 20px auto;
}
.textslider>div{padding: 80px 40px;color: #fff;text-align:justify;max-width: 500px;margin: 40px auto;position: relative;}
.textslider>div p{position:relative;z-index:1;font-size: 16px;letter-spacing: 1px;}
.textslider>div:before{content:"";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(73, 208, 242, 0.35);z-index: 0;transform: rotate(11deg);}
.textslider:nth-child(2)>div:before{
    transform: rotate(-38deg);
}
.textslider>div h3{color:#ffe600;font-size: 19px;text-transform: uppercase;display: block;margin-bottom: 20px;position: relative;}
.textslider>div img{display:block;margin: 0 auto 35px;}

.text_home{background-size: 100% 100%;display: block;align-items: center;padding: 40px 15px;text-align: center;border-bottom: 2px solid #e7eff6;margin-bottom: 40px;}
.text_home p {text-align:center;padding: 20px 15px;color: #000;max-width: 980px;margin: 0 auto;font-size: 16px;letter-spacing: 1px;}
.text_home h3{color:#2a88be;font-size:27px;letter-spacing: 1px;}
.citation {
    max-width: 400px;
    margin: 0 auto;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    background:url(../images/forme2.png) no-repeat, url(../images/form.png) no-repeat;
    background-position: top right , bottom left;
    padding: 60px 15px;
}
.contact{height: 100%;display:flex;align-items: flex-end;background: #ffd200;color:#fff;text-align: right;font-size: 23px;flex-direction: column;justify-content: center;padding: 15px 40px;border-top: 20px solid #fff;border-bottom: 20px solid #fff;}
.contactinner{
    padding-right: 60px;
    border-right: 10px solid #fff;
    padding-top: 30px;
    padding-bottom: 60px;
}
.contactinner .phone{font-size:41px}
 .phone1{
    display: block;
    color: #fff;
    font-size: 25px;
    letter-spacing: 1px;
}
.nopadding{padding:0px;}



/****** footer ***/ 
.boxfooter{overflow:hidden;background-size: cover;display: flex;align-items: flex-end;}
.footer{padding: 40px 20px 30px;display: flex;align-items: center;justify-content: space-between;color: #fff;font-size: 14px;margin-bottom: 20px;}
 .footerflex{
    display: flex;
    align-items: center;
    WIDTH: 100%;
    justify-content: space-between;
}
.footer .phonebox{}s
.footerflex p{margin:0px;font-size: 20px;letter-spacing: 2px;}
.footerlink{color: #ffd200;font-size: 10px;font-family:verdana;text-align: right;}
.footerlink ul{list-style:none;margin:0px;padding:0px;display: inline-block;}
.footerlink ul li{display:inline-block;}
.footerlink ul li a{color: #ffd200;text-decoration:none !important;transition:0.3s ease all;}
.footerlink ul li a:hover{color:#fff;}
.inlineblock{display:inline-block;}	
.footerlink  ul{padding:0px;margin:0px;list-style:none;background:none;}
.boxfooter>div{width:100%;}
/****** footer ***/ 
.top p{margin:0px;}
.right{text-align:right}
.top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(../images/top.jpg);
    padding: 10px 15px;
    color: #fff;
    font-size: 18px;
    background-size: cover;
}


.fixedbutton {
    width: 100%;
    position: fixed;
    background: #0198cd;
    height: 50px;
    top: 0px;
    z-index: 11111;
    transition: 0.5s ease transform;
    transform: translateY(-100%);
}
.fixedbutton .btnmenu{top: 12px !important;left: 20px !important;}
.fixedbutton.fixed {
    transform: translateY(0%);
}
.sticky {
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0px;
    width: 100%;
    justify-content: center;
    list-style: none;
    position: relative;
    top: 16px;
}
.sticky li {
    position: relative;
    z-index: 9999;
}
.sticky li a {
    color: #fff;
    text-transform: capitalize;
    font-size: 18px;
    display: block;
    padding: 0px 20px;
}
.sticky .dropmenu {
    transform: scaleX(0);
    background: #0198cd;
    transition: 0.5s ease all;
    top: 100%;
}
.sticky li:hover .dropmenu {
    transform: scaleX(1);
    min-width: 300px;
}

.navphone {
    position: fixed;
    width: 100vw;
    height: 100%;
    TOP: 50px;
    left: 0px;
    transform: translateX(-100%);
    transition: 0.7s ease-in-out all;
    background: #414141;
    z-index: 99;
    padding: 20px;
    height: 100vh;
    overflow: hidden;
}
.navphoneblock {
    transform: translateX(0%);
}
.navphoneblock>div {
    height: 100%;
    overflow: auto;
}
.navphone li {
    display: block;
    text-align: center;
}
.navphone .dropmenu {
    position: relative;
    left: 0px;
    top: 0px;
    padding: 0px;
    transition: 0.3s ease all;
    transform: scaley(1);
    min-width: 100%;
    background: none;
}
.navphone li a {
    transition: 0.7s ease all;
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    overflow: hidden;
    position: relative;
    text-decoration: none !important;
    letter-spacing: 2px;
    padding: 5px;
}

/* end boutton menu responsive */

/* boutton menu responsive */
#nav-toggle {
    cursor: pointer;
    display: block;
    align-items: center;
    text-align: center;
    margin: 0px;
    width: 40px;
    height: 25px;
    left: 0px;
    top: 0px;
    position: relative;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  height: 2px;
  width: 32px;
  background: #fff;
  position: absolute;
  display: block;
  content: '';
  left: 0px;
  bottom: 11px;
}
#nav-toggle span:before {
  top: -7px;
}
#nav-toggle span:after {
  bottom: -7px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 200ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}
#nav-toggle span{width:65%;
-webkit-animation: test linear infinite;
animation: test linear infinite;}


@media (max-width:1500px) {

.menubox li a {
    transition: 0.7s ease all;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none !important;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
}

}
.text{padding-bottom:20px;}
.textdiv{max-width:1500px;margin:15px auto;padding:0px 15px;line-height:23px;font-size:15px;text-align:justify;}
.page .header {
    position: relative;
    min-height: 300px;
    overflow: hidden;
    max-height: 400px;
}
.boxrealisation{position:relative;}
.linkslider{color: #fff !important;font-weight:700;font-size: 22px;position:absolute;right:20px;bottom:20px;z-index:999999;letter-spacing: 1px;text-decoration: none !important;}
@media (max-width:1024px) {

.textslider>div {
    padding: 20px 15px;
    color: #fff;
    text-align: justify;
    max-width: 700px;
    margin: 0 auto;
}
.textslider>div img {
    display: block;
    margin: 0 auto 15px;
}
}
.slider_wrap{display:flex;margin: 0 auto 20px;}
.mg10{margin-bottom:30px;}
@media (max-width:991px) {
  .slider_wrap{flex-direction:column}
  .slider_wrap .col-xs-12{width:100%}
  .fixedbutton{transform:none}
  .top{top: 50px;position: relative;margin-bottom: 50px;flex-direction: column;}
  .partenaire img{margin:10px 10px}
  .partenaire{flex-wrap:wrap;justify-content: center !important;}
	.textslider>div:before{
    transform: none !important;
}
	.header {
    position: relative;
    min-height: 300px;
    background: url(../images/banner.jpg) no-repeat;
}
.header .img{opacity:0;}
.phone {
    width: 100%;
    text-align: right;
    font-size: 30px !important;
}
.slider_box_1 {
    display: flex;
    align-items: center;
    flex-direction: column;
padding-top:15px;
}
.textslider{width:100%;}
}
.partenaire{
    text-align: center;
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 40px;
    padding: 0px 15px;
}
@media (max-width:767px) {
	.contactinner {
    padding-right: 15px;
	}
  .top p{text-align:center}
.contact	{
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
	.slider_box_1 {padding-top:0px;}
	.slider_box{    flex-direction: column;}
	.citation {
    max-width: 400px;
    margin: 15px auto;
	}
	.textslider>div {
    padding: 20px 0px;
	}
	.boxfooter img{margin:0 auto 15px;display:block}
}

.recherches-frequentes{
                border: 1px solid #ffd200;
                padding: 5px;
                margin: 11px;
            }

            .recherches-frequentes p{
                font-size: 17px;
            }