/*-----------------------------------------------------------------------------------
CSS INDEX
===================
5.Theme Default CSS
6.Button-Style
7.Helper-Classes
8.MainMenu-Area
9.Home-Area
10.Features-Patient
11.Features-Doctor
12.Profile-Page
13.Org-Page
14.Agenda-Page
15.Ordonnance-Page
16.Analyse-Page
17.Radio-Page
18.Viewer-Page
19.Register-Page
20.Footer-Area
21.Cookie-Consent
-----------------------------------------------------------------------------------*/

/* centered columns styles */
.row {
    
    width: auto;
    height: 100%;
    margin:0;
    padding:0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

a {
    text-decoration:none;    
}

a:hover {
    text-decoration:none;    
}


.row:before, .row:after { 
	content: " "; 
    display: table;
    display: none !important; /*samy fix issue with col bootstrap on safari https://stackoverflow.com/questions/49403391/bootstrap-4-safari-on-mac-grid-issue*/
}

.row:after { 
	clear: both; 
}

.row-footer:before, .row-footer:after { 
	content: " "; 
    display: table;
}


.row-footer:after { 
	clear: both; 
}




.col {
    margin:0;
    padding:0;
    text-align: center;
}

.col > a {
	display: block;
	height: 100%;
	color: #555;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	transition: background 0.2s;
}

.col .img-col {
    /*background-image: url("images/img_b1.png");*/
    background-size: 200px 170px;
    width: 100%;
    height: 250px;
    background-repeat:no-repeat;
    background-position: center center;
}


.cbp-ig-icon {
	padding: 30px 0 0 0;
	display: block;
	-webkit-transition: -webkit-transform 0.4s;
	transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

/* title element */
.row .cbp-ig-title {
	font-size: calc(12px + 1.2vw);
	height: 60px;
	position: relative;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.row .cbp-ig-title:before {
	content: '';
	position: absolute;
	background:  #53D6B7;
	width: 140px;
	height: 6px;
	top: 0px;
	left: 50%;
	margin: -10px 0 0 -70px;
	-webkit-transition: margin-top 0.6s; /* top or translate does not seem to work in Firefox */
	-moz-transition: margin-top 0.6s;
	transition: margin-top 0.6s;
}

.row .cbp-ig-category {
    height: 90px;
    padding: 0 15px 5px 0;
	text-transform: uppercase;
	display: inline-block;
	font-size: calc(8px + 0.4vw)!important;
	letter-spacing: 1px;
	color: black;
	-webkit-transform: translateY(10px);
	-moz-transform: -moz-translateY(10px);
	-ms-transform: -ms-translateY(10px);
	transform: translateY(10px);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	-webkit-transition: transform 0.3s, opacity 0.2s;
}

.row .col:hover .cbp-ig-category, .row .col .cbp-ig-category {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}


.row .col > a:hover {
	background:  #53D6B7;
}

.row .col > a:hover .cbp-ig-icon {
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
}

.row .col > a:hover .cbp-ig-icon:before,
.row .col > a:hover .cbp-ig-title {
	color: #fff;
	text-decoration: none;
}

.row .col > a:hover .cbp-ig-title {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}

.row .col > a:hover .cbp-ig-title:before {
	background: #fff;
	margin-top: 80px;
}


.desc ul {
    padding-left: 15px!important;
}



/*-------------------
2. Theme Default CSS
--------------------*/

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 400;
    line-height: 1.4em;
}

html, body {
    height: 100%
}

body {
    color: #555!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/*-- 3. Button-Style --*/

/*added by Samy button jaune*/
.btn-default, .btn-default:hover:disabled, .btn-default:focus:disabled, .btn-default:hover:disabled .btn-default:active:disabled {
    color: #000;
    background: #F1D600;
    border-color: #F1D600;
    font-weight: 600;
}

.bttn-white {
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-right: 10px;
    border: none;
}

.bttn-white img {
    height: 20px;
    margin-right: 5px;
    margin-top: -5px;
    display: inline-block;
}





.bttn-white:hover {
    color: #F1D600;
}

.bttn-default,
.bttn-white {
    padding: 8px 24px;
    background-color: #555;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    border-radius: 40px;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-size: 14px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border: none;
}

.bttn-default .lnr,
.bttn-white .lnr {
    margin-right: 10px;
}


.bttn-default {
    padding: 12px 40px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#482cbf+0,6ac6f0+100 */
    background: rgb(72, 44, 191);
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(72, 44, 191, 1) 0%, rgba(106, 198, 240, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(45deg, rgba(72, 44, 191, 1) 0%, rgba(106, 198, 240, 1) 100%);
    background: linear-gradient(45deg, rgba(72, 44, 191, 1) 0%, rgba(106, 198, 240, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#482cbf', endColorstr='#6ac6f0', GradientType=1);
    color: #ffffff;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.bttn-default:hover {
    color: #ffffff;
    -webkit-box-shadow: 0 25px 50px -20px rgba(0, 0, 0, 0.6);
    box-shadow: 0 25px 50px -20px rgba(0, 0, 0, 0.6);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.sq {
    border-radius: 3px !important;
}


/*-- 4. Helper-Classes --*/

.section-padding-top {
    padding-top: 150px;
}

.section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-padding-footer {
    padding-top: 100px;
    padding-bottom: 10px;
}


.upper {
    text-transform: uppercase;
}

.angle,
.overlay {
    position: relative;
    z-index: 1;
}

.overlay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#482cbf+0,6ac6f0+100 */
    /* background: rgb(72, 44, 191); */
    /* Old browsers */
    /* FF3.6-15 */
    /* background: -webkit-linear-gradient(45deg, rgba(72, 44, 191, 1) 0%, rgba(106, 198, 240, 1) 100%); */
    /* background: -webkit-linear-gradient(45deg, rgba(72, 44, 191, 1) 0%, rgba(106, 198, 240, 1) 100%); */
    /* Chrome10-25,Safari5.1-6 */
    /* background: -o-linear-gradient(45deg, rgba(72, 44, 191, 1) 0%, rgba(106, 198, 240, 1) 100%); */
    /* background: linear-gradient(45deg, rgba(72, 44, 191, 1) 0%, rgba(106, 198, 240, 1) 100%); */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    opacity: 0.8; 
    /* IE6-9 fallback on horizontal gradient */
    z-index: -2;
}



.dark-color {
    color: #434345
}

.blue-color {
    color: #5e88fc;
}

.white-color {
    color: #ffffff !important;
}

.gray-bg {
    background-color: #f5f6ff;
}

/*-- 8. MainMenu-Area --*/

.mainmenu-area {
    position: static;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    padding: 25px 0px 15px 0;
    background-color:#4b4b4b;
}

.mainmenu-area:before {
    content: '';
    position: static;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
}

.mainmenu-area.affix {
    position: fixed;
    top: 0;
    opacity: 1;
}

.mainmenu-area #primary_menu {
    padding: 0;
    overflow: hidden;
}

.mainmenu-area .right-button {
    position: absolute;
    right: 15px;
    top: 12px;
}

.mainmenu-area .right-button a {
    color: #ffffff;
    padding: 10px 40px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.3);
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-size: 14px;
}

.mainmenu-area .right-button a:hover {
    color: #768ede;
}

.mainmenu-area ul.mainmenu {
    text-align: right;
    float: right;
    display: block;
}

.mainmenu-area ul.mainmenu li {
    float: none;
    display: inline-block;
    text-align: center;
}

.mainmenu-area ul.nav.navbar-nav li>a {
    color: #ffffff;
    text-transform: capitalize;
    background: transparent;
    font-weight: 600;
    margin: 0px;
    padding: 10px 8px;
    
}

.mainmenu-area ul.nav.navbar-nav li ul li a {
    text-align: left;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.mainmenu-area ul.nav.navbar-nav li a:hover,
.mainmenu-area ul.nav.navbar-nav li.active a {
    border-bottom-color: #ffffff;
}

.mainmenu-area .navbar-brand {
    height: auto;
    padding: 0;
}

.mainmenu-area .navbar-brand img {
}
.mainmenu-area .dropdown-menu li a {
    color: #cccccc!important;
}

.mainmenu-area .dropdown-menu {
    padding-bottom: 0;
    padding-top: 0;
    width:fit-content;
    border-radius: 2%;
    border-top-right-radius: 2%!important;
    border-top-left-radius: 2%!important;
}

.dropdown-menu:before {
    background-color: white!important;
    border-radius: 2px 0 0 0!important;
    content:''!important;
    height: 18px!important;
    left: calc(50% - 33%)!important;
    position: absolute!important;
    top: -8px!important;
    transform: rotate(45deg)!important;
    width: 18px!important;
    z-index: -1!important;
}


@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

/*-- 6. Page-Title --*/

.page-title .title {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #8790af;
    font-weight: 600;
}

.text-center.page-title .title:before,
.page-title .title:after {
    content: '';
    width: 50px;
    height: 1px;
    display: inline-block;
    background-color: #e1e1e1;
    margin: 0 15px;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}

/*-- 7. Home-Area --*/

.home-area {
    width: 100%;
    height:auto;
    background: rgb(149, 226, 208);
    color: #333;
}

.home-area .col {
    margin:0;
    padding: 0;
}

/*-- 8. Progress-Area --*/

.progress-area {
    background-image: url('images/progress-bg.jpg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    margin-top: 90px;
    margin-bottom: 220px;
}

.progress-area .mobile-image {
    margin-top: -90px;
    margin-bottom: -153px;
}

/*-- 9. Video-Area --*/

.video-area {
    background-image: url('images/video-bg.jpg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    margin-bottom: 120px;
}

.video-photo {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.video-photo > img {
    width: 100%;
}

.video-area a.video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

/*-- 10. Features-Patient --*/
.features-pat {
    width: 100%;
    height: auto;
    color: whitesmoke;
    background-color: #ccc;
}

/*-- 11. Features-Doctor --*/
.features-doc {
    width: 100%;
    height: auto;
    color: white;
    background-color: whitesmoke;
}

.features-doc .img-col-doc1 {
    /*background-image: url("images/img_b7.png");*/
    background-size: 200px 170px;
    width: 100%;
    height: 250px;
    background-repeat:no-repeat;
    background-position: center center;
}


/*-- 12. Profile-Page --*/
.profile-page {
    width: 100%;
    height: auto;
    background-color: whitesmoke;
}

.profile-page .img-side {
    background: url("images/img_side.jpg")  no-repeat;
    height: 512px;
    background-size: cover;
}

.profile-page .txt-side {
    background-color: whitesmoke;
    height: 512px;
}

/*-- 13. Org-Page --*/
.org-page {
    width: 100%;
    height: auto;
}

.org-page .img-side {
    background: url("images/img_side.jpg")  no-repeat;
    
    background-size: cover;
}

.org-page .txt-side {
    background-color: whitesmoke;
    height: 512px;
}

/*-- 14. Agenda-Page --*/
.agenda-page {
    width: 100%;
    height: auto;
    background-color: whitesmoke;
}

.agenda-page .img-side {
    background: url("images/img_side.jpg")  no-repeat;
    height: 512px;
    background-size: cover;
}

.agenda-page .txt-side {
    background-color: whitesmoke;
    height: 512px;
}


/*-- 15. Ordonnance-Page --*/
.ordonnance-page {
    width: 100%;
    height: auto;
}

.ordonnance-page .img-side {
    background: url("images/img_side.jpg")  no-repeat;
    height: 512px;
    background-size: cover;
}

.ordonnance-page .txt-side {
    background-color: whitesmoke;
    height: 512px;
}


.tarif {
    width: 100%;
    height: auto;
    background-color: whitesmoke;
}

/*-- 16. Analyse-Page --*/
.analyse-page {
    width: 100%;
    height: auto;
    background-color: whitesmoke;
}

.analyse-page .img-side {
    background: url("images/img_side.jpg")  no-repeat;
    height: 512px;
    background-size: cover;
}

.analyse-page .txt-side {
    background-color: whitesmoke;
    height: 412px;
}

/*-- 17. Radio-Page --*/
.radio-page {
    width: 100%;
    height: auto;
    background-color: #ccc;
}

.radio-page .img-side {
    background: url("images/img_side.jpg")  no-repeat;
    height: 512px;
    background-size: cover;
}

.radio-page .txt-side {
    background-color: whitesmoke;
    height: 512px;
}

/*-- 18. Viewer-Page --*/
.viewer-page {
    width: 100%;
    height: auto;
    background-color: whitesmoke;
}

.viewer-page .img-side {
    background: url("images/img_side.jpg")  no-repeat;
    height: 512px;
    background-size: cover;
}

.viewer-page .txt-side {
    background-color: whitesmoke;
    height: 512px;
}

/*-- 19. Register-Page --*/
.register-page {
    width: 100%;
    height: auto;
    background: rgb(149, 226, 208);

}

.register-right ul li a {
    color: #000;
}

/*-- 18. Footer-Area --*/

.footer-area {
    width: 100%;
    height: auto;
    background: #555;
    color: white;
    /*background: rgb(83,214,183);
    background: linear-gradient(90deg, rgba(83,214,183,1) 68%, rgba(72,184,158,1) 100%);
    color: #ffffff;*/
}

.footer-area a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.footer-area ul.quick-links {
    text-align: left;
    padding: 15px;
    width: 100%;
}
.footer-area ul.quick-links li{
    font-size: 14px;
	padding: 8px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
.footer-area ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}

.footer-area ul.quick-links li a i{
	margin-right: 5px;
}
.footer-area ul.quick-links li:hover a i {
    font-weight: 700;
}

/*-- 21. Cookie-Consent --*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}

#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/






.form-control {
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
}


    #nav{
	width:100%;
	margin:0 auto;/*centrage marges automatiques*/
	padding:5px 0;
	text-align:center;/*centre les inline qu'il contient*/
    }
    #nav li {
	display:inline;/*de list-item à inline*/
    }
    #nav a {
    color: #888;   
    font-weight: bold;
    font-size: 12px;
	display:inline-block;
	margin: 0 15px;
	cursor: pointer;
    }
    #nav a:hover, #nav a:focus{
	text-decoration:none;
	
    }
    
    #fixed-footer {
        background-color: #555;
        border-radius: 0px;
    }

    #fixed-footer .navbar-nav {
        width: 100%;
        text-align: center;
      }

    #fixed-footer .navbar-nav > li {
        color: white;
        float: none;
        display: inline-block;
      }
      
    #fixed-footer .navbar-nav  li a {
        color: white;
        font-size: 12px;
      }  
      
    #fixed-footer .navbar-nav > li a:hover {
        background-color: transparent;
        cursor: pointer;
      }  
    
    
    .bd {
        border: 1px solid red!important;
    }
    
    /*samy*/
.footer-link-menu li {
    display: inline-block;
    padding: 20px;
    font-size: medium!important;
    color:red!important;
    
}

/*-- Toast--*/

.toast-success {
    background-color: #2F2F2F !important;
    color: #fff;
    font-weight: bold;
    opacity: 1 !important;
}

.toast-success progress-bar {
    background-color: #fff!important;
    opacity: 1 !important;
}

.toast-error {
    z-index: 99999!important;
    opacity: 1 !important;
}


.container {
    /*width: 1170px; default */
    
}

p, ul {
    text-align: justify;
}

/* .col-md-5 {
    width: 45%;
}

.col-md-7 {
    width: 50%;
}

.col-sm-4 {
    width: 33%;
}*/

.image-size {
width: 40%;
} 


/*samy dropdown test*/

#cgu p {
    font-size: 18px!important;
}


#rgpd p {
    font-size: 18px!important;
}

#cookies p {
    font-size: 18px!important;
}

#legal p {
    font-size: 18px!important;
}


/* */

#cgu ul li {
    font-size: 18px!important;
}


#rgpd ul li {
    font-size: 18px!important;
}

#cookies ul li {
    font-size: 18px!important;
}

#legal ul li {
    font-size: 18px!important;
}



/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 767px) { 
    html {
        font-size: 16px;
    }
    
    .container {
        padding: 5px;
    }
    
    .col-md-12 {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .text-xs-center {
        text-align: center;
    } 
    
    .section-padding {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    h1 {
        font-size: 26px;
    }
    
    h2 {
        font-size: 22px;
    }
    
    h3 {
        font-size: 18px;
    }
    
    h4 {
        font-size: 14px;
    }
    
  
}