@font-face { font-family: "gotham"; src: url(fonts/Gotham-Book.otf) format("opentype"); }
@font-face { font-family: "gotham-bold"; src: url(fonts/Gotham-Bold.otf) format("opentype"); }
@font-face { font-family: "gotham-Black"; src: url(fonts/Gotham-Black.ttf) format("truetype"); }
@font-face { font-family: "Gotham-Light"; src: url(fonts/Gotham-Light.otf) format("opentype"); }
@font-face { font-family: "MyriadPro"; src: url(fonts/MyriadPro-Regular.otf) format("opentype"); }
@font-face { font-family: "Oswald-Bold"; src: url(fonts/Oswald-Bold.ttf) format("truetype"); }
@font-face { font-family: "CaviarDreams"; src: url(fonts/CaviarDreams_Bold.ttf) format("truetype"); }
@font-face { font-family: "Oswald-ExtraLight"; src: url(fonts/Oswald-ExtraLight.ttf) format("truetype"); }
@font-face { font-family: "Oswald-Light"; src: url(fonts/Oswald-Light.ttf) format("truetype"); }
@font-face { font-family: "Oswald-Medium"; src: url(fonts/Oswald-Medium.ttf) format("truetype"); }
@font-face { font-family: "Oswald-Regular"; src: url(fonts/Oswald-Regular.ttf) format("truetype"); }
@font-face { font-family: "Oswald-SemiBold"; src: url(fonts/Oswald-SemiBold.ttf) format("truetype"); }
@font-face {    font-family: "robotoregular";    src: url(fonts/Roboto-Regular.ttf) format("truetype");}
@font-face{font-family:'FontAwesome'; src:url("fonts/fontawesome-webfont.eot?v=4.3.0"); src:url("fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); font-weight: normal;  font-style: normal; }
body{font-family:MyriadPro; position:relative; padding:0; margin:0; font-size:14px; background:#f1f6f6; color:#000 ;   overflow-x: hidden; min-height:100vh }
.content {width:1000px; max-width:100%; margin:0 auto;  position: relative; }
.logo{text-align:center}
div.email{color:red}
.clear{display:block; clear:both;}
.logo img{width: 250px;margin-top: -15px;    margin-bottom: 10px;}
.site_recherche{margin-top: 65px;    text-align: center;}
.chosen-container{text-align:left}
.gm-style .gm-style-iw-c {    text-align: left;line-height: 1.5;}
.gm-style .gm-style-iw-d{width: 200px;}
.site_recherche .warning{background: #f419198a;    color: #fff;    padding: 10px;    text-align: left;    border-radius: 5px;    border: 2px solid red;}
.site_recherche .col-md-12 .input-group-addon{    color: #578e79;}
#map{height: 500px;    width: 100%;    border: 3px solid #e26170;    margin-top: 20px;    margin-bottom: 50px;}
#login-panel #map{width: 97% !important;    height: 300px !important;margin: 15px auto;}
.home .getmenumobile{display:none}
.anim-slide .sloganBig {    max-width: 500px;    position: relative;}
.anim-slide .gras {    position: relative;    line-height: 1.4;    font-size: 35px;    color: #578e79;    font-weight: bold;text-align: center;    display: block;}
.slogan {    z-index: 10;    text-align: justify;    top: 45%;    color: #fff;    font-size: 19px;    right: 70px;}
.anim-slide .desc_ban{  position: relative; font-size: 15px;    font-weight: 100;    padding: 15px 0;}
.sloganBig .btn{    font-size: 15px;    background: -webkit-gradient( linear,left top,left bottom,color-stop(0.05,#e26170),color-stop(1,#fc7f99) );
    color: #fff;    padding: 7px 28px;    border-radius: 5px;      margin: 0px 10px;    display: block;    font-weight: 400;
    line-height: 1.25;    text-align: center;    white-space: nowrap;    vertical-align: middle;    cursor: pointer;    -webkit-user-select: none;
    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border-radius: 20px;margin-left: 170px;}
.center { text-align:center}
.home-question .souscat{    padding: 25px 0 25px;}
.pageError .getmenumobile{display:none}
.pageError .warning {text-align: center;    font-size: 25px;    line-height: 2;}
.pageError  .logo img{width: 250px;    margin-bottom: 25px;}
img{border:none; outline:none;}
img:focus,img:blur {outline:none; box-shadow:none;}
a{text-decoration:none; color:#000; cursor:pointer;outline:none;}
*{outline:none}
.membre_style .modal-body{padding: 25px;}
.error{border:1px solid red !important}
header a.btn-primary {float:right}
.souscat{    background: #e4ebeb;    padding: 25px 0 0;}
.btn-primary {    font-size: 13px;    
    background: -webkit-gradient( linear,left top,left bottom,color-stop(0.05,#00955cd4),color-stop(1,#578e79) );
    color: #fff;    padding: 10px 25px;    border-radius: 5px;    font-weight: bold;margin: 10px 10px;display: inline-block;    font-weight: 400;
    line-height: 1.25;    text-align: center;    white-space: nowrap;    vertical-align: middle;    cursor: pointer;    -webkit-user-select: none;
    -moz-user-select: none;    -ms-user-select: none;    user-select: none;       border-radius: 20px;}
.footer-container {    background: #8ed1b7;text-align:center;    padding: 10px;    position: absolute;    width: 100%;    bottom: 0;}
.footer-container .blanc_copyright  a{    padding: 10px;color:#fff}
.flip-container {    text-align: center;     margin-top: 40px;  }
#login-panel {    padding-bottom: 50px;    padding-top: 20px;    padding-top: 60px;text-align: center;}
.flipper {    display: inline-block;    vertical-align: middle;    width: 500px;    margin: 0 auto;}
.flipper:last-child {    background-color: #e26170bd;    border-radius: 10px;}
h1.title {  font-size: 25px;    color: #fff;    position: relative;    font-family:gotham;    padding-bottom: 15px;    margin: 0;
}
.hide{display:none}
.transition.btn  {   font-size: 13px;}
.grand-titre{position: relative;padding-left: 20px;    padding-top: 10px;color: #578e79;    margin-bottom: 35px;    font-size: 40px;    text-align: center;
    display: inline;}
h1.grand-titre:before {    content: "";    background-image: url(papillon.png);    background-size: 75%;    width: 50px;    height: 55px;
    position: absolute;    left: -12px;    top: -20px;background-repeat: no-repeat;}
.front_login {    padding: 20px;}
.form-horizontal .form-group {    margin-right: -15px;    margin-left: -15px;}
.flipper .form-group {    padding-left: 60px;}
.form-group {    text-align: center;    margin-bottom: 15px;}
input.form-control {    border: none;    border: 1px solid #e26170bd;    border-radius: 0px;    -webkit-box-shadow: none;
    box-shadow: none;    height: 35px;    padding: 0px;    font-size: 14px;    color: #000;    font-family: Gotham;    letter-spacing: .28px;    font-size: 14px;    font-family: Gotham;    letter-spacing: .28px;    outline: none;    padding-left: 10px;    width: 80%;
}
#form_login{    padding: 25px;}
.flipper .form-group  label{float: left;    line-height: 2.5;    width: 90px;color: #fff;    text-align: left;}
.front_login .col-lg-8 {    width: calc(100% - 120px);    float: left;}
#login-panel .formgetpw{ cursor:pointer;   position: relative;      padding: 10px 20px;    color: #fff;    font-size: 16px;    text-decoration: none;    text-transform: uppercase;
    overflow: hidden;    transition: .5s;    letter-spacing: 4px;}
#login-panel .formgetpw:hover {    background: #e26170;    color: #fff;    border-radius: 5px;    box-shadow: 0 0 5px #e26170, 0 0 25px #e26170, 0 0 50px #e26170, 0 0 100px #e26170;
}
.col-md-12{width:100%;    margin-bottom: 20px ;}
.col-md-12 .input-group-addon{width:130px;text-align: left;color:#fff; display: block;    float: left;    line-height: 2;}
.col-md-12 input.form-control{width: calc(100% - 150px);
    float: right;}
.profil-panel .col-md-6{margin-bottom: 15px;}
.membre_style .login-panel.profil-panel  {margin-bottom: 55px;}
.profil-panel .input-group-addon{width: 110px;    float: left;    line-height: 3;}
.btnred{background:red;color:#fff;padding: 10px 25px;    border-radius: 5px;    font-weight: bold;    margin: 10px 10px;    display: inline-block;
    font-weight: 400;    line-height: 1.25;    text-align: center;    white-space: nowrap;    vertical-align: middle;    cursor: pointer;
    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border-radius: 0;box-shadow: 1px 1px 2px 0px #b68888;}
.right{float:right}
.star{display: block;    text-align: left;    color: red;}
.input-group-addon .star{display: inline-block; }
.membre_style .content{padding-left: 190px;   width: 1200px;padding-top: 10px;}
.content.grand-titre{padding-left:25px;padding-top:0}
.title-page{line-height:2;padding-left: 80px;}
#toggleMenu{display:none}
.fa-newspaper-o:before {    content: "\f1ea";}
.fa-file-movie-o:before, .fa-file-video-o:before {    content: "\f1c8";}
.border-right{#3d4b9a}
.membre_style .ajouter.content{padding-left:0}
.input-group .form-control{    border: 1px solid #578e79;}
.logo_espace{     text-align: center;         margin-top: 25px;    margin-bottom: 20px;}
.logo_espace a{width: 100%;    display: block;}
.logo_espace img{border-radius: 50%;       width: 160px;}
.titre_espace{margin-top: 15px;    color: #fff;}
.membre_style #nav.nav-vertical {    width: 175px ;}
.membre_style #nav.nav-vertical a{    display: block;}
.membre_style .nav-primary{background-color:#8ed1b7}
.membre_style #js-menu li span{color:#fff;    font-size: 12px;}
.fa{font-family:FontAwesome}
i.fa{font-style:normal}
textarea.form-control{width: 100%;    height: 100px;} 
select.form-control{display: block;
    width: 100%;
    min-width: calc(100% - 40px);
    height: 33px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.reponse-page .col-md-12 .input-group-addon{color: #000;}
.fa-user:before{content: "\f007"; }
.membre_style .membre-fa:before {    content: "\f007";    font-family: FontAwesome;}
.echec{ border: 2px solid red !important; }
.membre_style .navbar{padding-left: 145px;}
.nav.navbar-avatar>li>a.line39 {    width: 35px;    height: 35px;    text-align: center;    padding: 7px;    border-radius: 50%;    background: #fff;    color: #233445;
    margin: 10px;}
.panel-heading.mgb0 {    padding-bottom: 0;    border: 0;    margin: 0;        padding-top: 2px;       font-size: 25px;    float: left}
.membre_style #nav .fa {    font-size: 15px;    width: 20px;}
.membre_style #content{background: #f5f5f5;}
.membre_style .panel{background: transparent;border: transparent;}
.membre_style .panel.planning{    padding-bottom: 80px;}
.bloc{background: #fff;    border: 2px solid #3d4b9a;    margin-top: 40px;    padding: 10px;}
.titre-tab{    margin: 0;    background: #f5f5f5;    padding: 10px 20px 15px;    color: #3d4b9a;}
table{width: 100%;margin-top:15px}
thead {   }
.membre_style table tbody tr{    padding: 9px;    height: 5px;    line-height: 1.5;    text-align: center; }
.membre_style .planning table tbody td{border:1px solid whitesmoke;}
.membre_style table tbody tr td{    padding: 5px; }
.membre_style .login-panel{    background: #fff;    padding: 15px;    border: 2px solid #e26170;}
.membre_style .article_input{height:260px}
.membre_style #nav ul{width:100%}
.membre_style thead th{ text-transform: capitalize;   text-align: center;    padding: 10px;font-size: 13px;    background: #e795a6;    /* margin-left: 5px; */    border: 3px solid #fff;    color: #fff;}
td.aucun_details{padding-top: 15px;}
.bloc footer{    padding: 10px 15px;    background-color: #f5f5f5;    border-top: 1px solid #ddd;    border-bottom-right-radius: 3px;    border-bottom-left-radius: 3px;
}
ul {    list-style: none;    padding: 0;    margin: 0;    display: inline-block;}
.membre_style{background: #f4f7f8;}
.navbar {    border: none;       border-radius: 0;    padding: 0;    margin-bottom: 0;position: relative;    min-height: 60px;    background: #fff;border-bottom:1px solid #8ed1b7}
#nav {    position: relative;    width: 150px;    position: absolute;    z-index: 1000;    left: 0;    top: 0px;    bottom: 0; }
.membre_style #js-menu li span {    color: #fff;    font-size: 15px;}
.nav-primary li.active,.nav-primary li:hover{    background: #40876b;    border-left: 5px solid #e795a6}
.membre_style #nav .fa {    font-size: 15px;    width: 20px;}
#nav .fa {    font-size: 20px;    text-align: center;    width: 30px;    margin: 5px 0;    color: #fff;   }
.nav-primary li {    line-height: 3;    text-align: left;    padding: 7px 15px;    border-bottom: 1px solid #dddd; height: 40px; border-left: 4px solid transparent; }
.btn-success{font-size: 13px;    background: -webkit-gradient( linear,left top,left bottom,color-stop(0.05,#00955cd4),color-stop(1,#40876b) );
    color: #fff;    padding: 10px 25px;    border-radius: 5px;    font-weight: bold;    margin: 8px 10px;}
.btn {    display: inline-block;    font-weight: 400;    line-height: 1.25;    text-align: center;    white-space: nowrap;    vertical-align: middle;    cursor: pointer;
    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border: 1px solid transparent;    padding: .5rem 1rem;    font-size: 1rem;
      border-radius: 20px;}
.historique .col-md-12 {    margin-top: 40px;    text-align: left;}
.historique{text-align:center}
.membre_style .content.typehistorique{padding-left:0}
.col-md-12 .input_grossesse input.form-control{float:none;margin: 0;    width: calc(100% - 10px);}
.menu-trigger{background-color:transparent; position:absolute;    top: 23px; z-index:9999; cursor:pointer; display:block;}
.menu-trigger-inner{-webkit-transition:250ms all; -moz-transition:250ms all; -o-transition:250ms all;transition:250ms all;background:#0a192c;height:2.5px;width:20px;}
.menu-trigger-inner:before{transition:all 250ms; -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -ms-transform:translateY(-5px); -o-transform:translateY(-5px); transform:translateY(-5px);}
.menu-trigger-inner:after{    height: 2px !important;-webkit-transition:all 250ms; -moz-transition:all 250ms; -o-transition:all 250ms; transition:all 250ms; -webkit-transform:translateY(12px);-moz-transform:translateY(3px); -ms-transform:translateY(3px); -o-transform:translateY(3px); transform:translateY(3px);}
.menu-trigger-inner:after, .menu-trigger-inner:before {background: #0e1a35;content: '';display: block; height: 2.5px; width: 20px;}
.menu-trigger-inner:before,.menu-trigger.active{-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;}
.getmenumobile{position: relative;    left: 50px;  
    height: 50px;
    width: 30px;
    float: left;
    cursor: pointer;}
.pagedisplay .getmenumobile{display:none}
.pagedisplay .calcul{background: #e4ebeb; }
.pagedisplay .calcul .content{      text-align: center;    padding: 25px;    line-height: 3;}
.pagedisplay .logo img{width: 250px;    margin-top: -30px;margin-bottom: 10px;}
.calcul {    font-size: 30px;    color: #fff;}
.index-question .item{background: #ffff;  color: #000;}
.bloc_question{padding: 0px 25px 25px 15px;    line-height: 2;    font-size: 15px;    text-align: left;}
.calcul .select-box {  cursor: pointer;  position : relative;margin:0 5px 30px;    width: calc(100%/3 - 10px);    float: left;text-align: left;}
.calcul #form_login{padding:0}
.select,.calcul .label {  color: #414141;  display: block;  font: 400 17px/2em 'Source Sans Pro', sans-serif;}

.select {  width: 100%;  position: absolute;  top: 0;  padding: 5px 0;  height: 40px;  opacity: 0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: none transparent;  border: 0 none;}
.select-box {  background: #ececec;}
.home-article{    text-align: center;    margin-top: 15px;margin-bottom: 60px;}
.owl-prev, .owl-next {      display: inline-block;    height: 35px;    width: 35px;    line-height: 41px;    text-align: center;    -webkit-transition: all 400ms linear 0s;    -o-transition: all 400ms linear 0s;    transition: all 400ms linear 0s;    cursor: pointer;margin: 15px 80px 0;}
.paddingleft{padding-left:0px !important}
.titre_souscat a:hover, .titre_souscat a.active {    color: #fff;    background: #578e79;}
.titre_souscat a {    background-image: linear-gradient(to right,#578e79 50%, #578e79,transparent 50%,transparent );
    background-position: 100% 0;    background-size: 200% 100%;    transition: all .25s ease-in;    border: 1px solid #578e79;    color: #578e79;
    padding: 5px 15px;    font-size: 13px;    border-radius: 25px;    margin-left: 5px;}
.titre_souscat {    float: right;    margin-bottom: 35px;    margin-top: 35px;}	
.categorie_mere {    float: left;    border-left: 3px solid #578e79;    padding: 12px;    font-size: 30px;    color: #000;   margin-bottom: 30px;    margin-top: 30px;}

.membre_style #nav.nav-vertical.inline{display:none;-webkit-transition:all 250ms; -moz-transition:all 250ms; -o-transition:all 250ms; transition:all 250ms;}
.membre_style #nav.nav-vertical.inline > .navbar{padding-left:15px}
.fa-arrow-left {   position: absolute;      bottom:5px;    box-shadow: none;    border: none;     background: #fff !important;
    box-shadow: 1px 1px 1px 1px #ddd;    color: #6eb398;    cursor: pointer;    width: 22px;    height: 22px;    font-size: 13px;    line-height: 1.8;}
	.fa-arrow-left:before {font-family: "Fontawesome";     content: "\f053";}
.fa-arrow-right {        width: 22px;    height: 22px;    font-size: 13px;    line-height: 1.8; position: absolute;    cursor: pointer;    bottom:5px;    box-shadow: none;    border: none;     background: #fff !important;    box-shadow: 1px 1px 1px 1px #ddd;    color: #6eb398;}
	.fa-arrow-right:before {font-family: "Fontawesome";      content: "\f054";}
.calcul .label {  position: relative;  padding: 5px 10px;  cursor: pointer;    border: 1px solid #e9899c;    background: #e9899c26;}
.calcul .open .label::after {   content: "▲";    color: #ec1c46;}
.calcul .label::after {  content: "▼";  font-size: 12px;  position: absolute;  right: 0;  top: 0;  padding: 5px 15px;  border-left: 5px solid #e4ebeb;    color: #ec1c46;}
.index-question .titre_question {    background: #fff;    text-align: center;    color: #000;    padding: 10px;     
    font-size: 20px;padding-top: 20px;}
	.index-article  .item{background:#fff}
.pull-right {    float: right !important;}
.nav.navbar-avatar>li>a.line39 {        width: 25px;    height: 25px;    text-align: center;    padding: 7px;
    border-radius: 50%;    background: #8ed1b7;    color: #fff;    margin: 10px;    display: block;    line-height: 1.7;    font-size: 15px;
}
.home.question{margin-top: 50px;    text-align: center;}
.index-question{margin-top: 30px;}
.home-question{text-align:center;}
.title_article{    text-align: center;    font-size: 15px;    color: #e36271}
.bloc_decouvrir a{color:#000}
.bloc_decouvrir:hover a{color:#8ED1B9;}
.membre_style .panel.planning1 table tbody tr td {    padding: 15px;    text-transform: capitalize;}
.home-article .item:hover .bloc_decouvrir a{color:#8ed1b7}
.home-article .item:hover .bloc_decouvrir{       color: #8ed1b7;    background-size: 200% 100%;    transition: all .25s ease-in;}
.short-description{    font-size: 13px;    text-align: justify;    padding: 10px 10px 30px;    line-height: 1.4;}
.home-article .item {       border: 1px solid #8ed1b7;    position: relative;      margin-bottom: 20px;}
.home-article .item .bloc_decouvrir:hover {border-top: 1px solid #8ED1B9; }
.home-article .item .bloc_decouvrir {     letter-spacing: 1px;font-family: robotoregular;width: calc(100% - 95px);    margin: 0 auto;      font-size: 15px;         color: #fff;    padding: 10px 15px;    font-size: 15px;    text-transform: capitalize;    cursor: pointer; border-top: 1px solid #000;   }
.image-article{    width: calc(100% - 20px);    height: 250px;    overflow: hidden;    margin: 15px auto;padding-top: 10px;}
.detailsactualite img{width: 100%;    margin-top: 10px;}
.detailsactualite .descp_act h1{    color: #e26170;}
.detailsactualite .descp_act h3{    color: #578e79;}
.detailsactualite .descp_act ul{    list-style: circle;    padding-left: 30px;}
.detailsactualite .descp_act ul li{      margin-bottom: 10px;}
.membre-page h1{    color: #6b6e7a;}
.user-fa:before {    content: "\f007";    font-family: FontAwesome;}
.navbar-nav>li>.dropdown-menu {    margin-top: 0;    border-top-left-radius: 0;    border-top-right-radius: 0;}
.dropdown-menu.pull-right {    right: 0;    left: auto;}
.navbar ul {    margin: 0;}
.dropdown-menu {    font-size: 13px;}
.dropdown-menu>li>a {    display: block; padding: 3px 20px;    clear: both; font-weight: normal; line-height: 1.42857143;    color: #333;    white-space: nowrap;    width: 100%;}
.dropdown-menu li {
    padding: 5px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.open>.dropdown-menu {
    display: block;
}
.voir_site a{color:#fff}
.voir_site  span{margin: 5px}
.planning .btn.voir_site{box-shadow: 1px 1px 1px 0px #000;}
.fa-power-off:before {	content: "\f011";}
.fa-calendar:before {	content: "\f073";}
a.connexion  span{    margin-right: 5px;}
.fa-home:before {	content: "\f015";}
.voir_site{background: #e795a6;    padding: 8px 15px;    border-radius: 25px;    /* line-height: 0.5; */    margin-right: 10px;    margin-top: 15px;    color: #fff;}
.pink{color:#e795a6}
.bloc_question .pink,.pub_par{color: #e26170;}
table thead td{    text-align: center;    color: #6b6e7a;padding: 12px;}
table  td{text-align:center;font-size:15px}tbody  {    background: #fff;}
.img_icon{width: 17px;    margin-right: 5px;}
.img_icon1{   width: 5px;   margin-right: 5px;}

tbody td{    }
.voir_plus{    text-align: center;    float: right;    background: #e36271;    height: 28px;    line-height: 2;    width: 75px;    color: #fff;}
.pagination ul{width:100%;display:inline-block;text-align: center;    margin-top: 25px;}
.pagination ul li{display:inline-block;background: #fff;    padding: 5px;    margin: 0 2px;    width: 15px;    height: 15px;    font-size: 13px;    line-height: 1.3;}
.pagination ul li.active a{ color: #e795a6;}
.pagination ul li a{display:block}
.mere_medecin .panel{background: #fff;    padding: 15px;    border: 1px solid #8ed1b7;margin-bottom:60px}
.mere_medecin .col-md-12 .input-group-addon{color: #40876b;}
.btn-group{position:relative;display: inline-block;}
.td_remarque:before{content:"";width: 0px; position: absolute;    bottom: -2px;    right: -15px;    z-index: 1;   height: 0px;    border-left: 23px solid transparent;    border-right: 23px solid transparent;    border-top: 23px solid #e795a6;transform: rotate(315deg);}*
.td_remarque a{position:absolute;    bottom: -1px;    right: 4px;    z-index: 99;    font-weight: bold;    color: #fff;    font-size: 17px;}
.td_remarque{position:relative}
.modal-open {	overflow: hidden;}
.modal {	position: fixed;	top: 0;	right: 0;	bottom: 0;	left: 0;	z-index: 999999;	display: none;	overflow: scroll;	-webkit-overflow-scrolling: touch;
	outline: 0;    margin-bottom: 0 !important;	background: rgba(70, 84, 98, 0.31);}
.modal.fade .modal-dialog {	-webkit-transition: -webkit-transform .3s ease-out;	-o-transition: -o-transform .3s ease-out;	transition: transform .3s ease-out;	-webkit-transform: translate3d(0, -25%, 0);	-o-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);}
.modal.in .modal-dialog {	-webkit-transform: translate3d(0, 0, 0);	-o-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0);}
.modal-open .modal {	overflow-x: hidden;	overflow-y: auto;}
.modal-dialog {	position: relative;	width: auto;	margin: 10px;}
.modal,.modal-box { z-index: 900;}
.modal-sandbox {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: transparent;}
.modal-box {position: relative;width: 80%;max-width: 600px;margin: 100px auto;animation-name: modalbox;animation-duration: .3s;animation-timing-function: ease-out;}
.headerpop {    background: #8ed1b7;    color: #fff;    border: 1px solid #b4a6a6;    border-bottom: 1px solid #e5e5e5;    border-radius: 10px 10px 0px 0px;    height: 40px;}
.modal-body { background: #fff;padding: 60px 40px;border-radius:0px 0px 10px 10px; border-width:5px; border:1px solid #b4a6a6 ; border-top:0; max-height:calc(100vh - 80px);}
@-webkit-keyframes modalbox {  0% { top: -250px; opacity: 0;}  100% {top: 0;opacity: 1;}}
@keyframes modalbox {  0% {top: -250px; opacity: 0;}  100% {top: 0; opacity: 1;}}
.pagedisplay .modal-body div{    font-size: 17px;    margin-bottom: 10px;}
.totop:before {    content: "\f077";    color: #e36271;}
.actualite{padding-bottom: 60px;}
.color_bg {       margin-bottom: 20px; background-color:#e795a6;    background-position: center top;    background-repeat: no-repeat;    padding: 12px 0;    position: relative;    background-color: #e795a6;}
.icon-right-open:before {    font-family: 'FontAwesome';    content: "\f054";}
.breadcrumb li span {    color: #fff;}
.descp_act{    margin: 7px 0;    text-align: justify;}
.titre_act{color: #578e79;    text-align: center;    margin-bottom: 10px;    font-size: 16px;}
.bloc_act{    width: calc(100%/3 - 20px);    overflow: hidden;    margin: 10px; float:left;    background: #e4ebeb;    padding: 10px;    border: 1px solid #96cdcd;}
.bloc_image{    display: block;    overflow: hidden;    height: 170px;    margin-bottom: 10px;}
.pagearticle .getmenumobile,.pagedetailsarticle .getmenumobile{display:none}
.description_bloc{padding: 0 30px;}
.detailsactualite .bloc_right{background: #e4ebeb;    padding: 10px;    border: 1px solid #96cdcd;padding-top: 30px;    text-align: center;}
.detailsactualite {padding-bottom:50px}
.breadcrumb .margin_right {    margin-right: 10px;}
.breadcrumb {    display: inline-block;    width: 100%;}
.breadcrumb li {    display: inline-block;    float: left;    padding-right: 15px;    color: #818285;}
.totop {    font-family: FontAwesome;    position: fixed;    bottom: 17px;    right: 7px;    cursor: pointer;    font-size: 30px;}
.close-modal {text-align: right;cursor: pointer; float:right;margin-right:8px; color:#fff;font-size:18px;line-height: 2;}
.rep{    text-align: center;    font-size: 35px;}
.modal-content {	position: relative;	background-color: #fff;	-webkit-background-clip: padding-box;	background-clip: padding-box;	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);	border-radius: 6px;	outline: 0;	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);	box-shadow: 0 3px 9px rgba(0,0,0,.5);}
.modal-backdrop {	position: fixed;	top: 0;	right: 0;	bottom: 0;	left: 0;	z-index: 1040;	background-color: #000;}
.modal-backdrop.fade {	filter: alpha(opacity=0);	opacity: 0;}
.modal-backdrop.in {	filter: alpha(opacity=50);	opacity: .5;}
.modal-header {	min-height: 16.42857143px;	padding: 15px;	border-bottom: 1px solid #e5e5e5;}
.modal-header .close {	margin-top: -2px;}
.modal-title {	margin: 0;	line-height: 1.42857143;}
.modal-body {	position: relative;padding: 48px;    font-size: 25px;    text-align: center;}
.pagedisplay   .modal-body {padding: 25px;    font-size: 25px;    text-align: justify;}
.modal-footer {	padding: 15px;	text-align: right;	border-top: 1px solid #e5e5e5;}
.membre_style .planning1 table tbody tr.semaine_encour{opacity: 1;    background: rgb(142 209 183 / 10%);}
.membre_style .planning1 table tbody tr{opacity: 0.5;}
.modal h1{margin: 0px 0px 10px;    font-size: 21px;    color: #40876b;}
.modal .bloc1{    padding: 10px;    border: 1px solid #8ed1b7;}
.modal .input-group-addon{font-size: 13px;    width: 60px;    float: left;    display: block;    line-height: 2.5;}
.modal .input-group .form-control {    border: 1px solid #578e79;    width: calc(100% - 90px);    margin-left: 15px;    height: 30px;}
.modal .btn{font-size: 11px;    margin: 10px 0;}
.modal .col-md-6 {    margin: 5px 0;}
.modal #head{    margin: 0;    line-height: 2;    font-size: 20px;    padding-left: 10px;}
.modal .image_echo .input-group-addon{    line-height: 4}
@media (max-width:900px) {
.calcul .select-box{    width: calc(100% - 20px);}
.pagedisplay .logo img {    width: 190px;margin-top: 0;}
.content,.membre_style .content {width: calc(100% - 60px);}
.bloc_act {width: calc(100% - 35px);}
img{    width: 100%;}
.grand-titre{font-size: 21px;}
.flipper{    width: calc(100% - 20px);}
.flipper img{    width: 190px;    margin-bottom: 25px;}
.membre_style table tbody tr td {    padding: 5px;    line-height: 1.5;    font-size: 14px;}
}

@media (max-width:750px) {.sloganBig .btn{    position: absolute;    bottom: -90px;    right: 30px;margin-left: 0;}
.anim-slide .desc_ban{display:none}
.anim-slide .gras{font-size:24px}
.owl-prev, .owl-next{margin: 15px 41px 0;}
.pagedisplay   .modal-body {padding: 15px;    font-size: 25px;    text-align: justify;height: 100%}
.footer-container{    bottom: -40px}
.pagedisplay .modal-body div {font-size: 15px;}.slogan {    top: 115px;left: 310px;}
.getmenumobile{    z-index: 999999;}.membre_style #nav.nav-vertical {    width: 100%;}.membre_style .navbar {    padding-left: 0;}}
@media (max-width:600px) {
.slogan{top:0px;left:0;right:0;margin:0 auto}	
	.image-article {    width: calc(100% - 20px);    height: 190px;}
}