/*******************************
* GENERIQUE
**********************************/
body {font-size:14px;}

a {color:#F01A54; }

a:hover{
  color:#F01A54;
  text-decoration:underline;
}

strong {font-weight:700;}

.navbar-default { position: fixed; width: 100%; background-color: #ffffff; border-color: #cccccc; min-height: 72px; }

.nav a{
  color: #00a2a9;
}
.nav a:hover{
  color: #000000!important;
}

.navbar-default .navbar-nav > li > a {
  color: #00a2a9;
}

#login-btn {
border: 2px solid #00a2a9;
border-radius: 20px;
padding: 4px 20px !important;
margin: 21px 0 !important;
}

#login-btn:hover {
  background: #00a2a9;
  color:#ffffff!important;
  }

.navbar-default .navbar-toggle {
    border-color: #00A2A9;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color:#00A2A9;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  border-color: #000000;
  background-color:#ffffff;
}

.navbar-default .navbar-toggle:hover > .icon-bar, .navbar-default .navbar-toggle:focus > .icon-bar {
  background-color:#000000;
}

.navbar-brand {
  float: left;
  padding: 10px 15px;
  font-size: 20px;
  line-height: 25px;
  height: 72px;
}




.button_bleu:hover {
    color: black!important;
}

.secondary-nav {
    position: fixed;
    height : 26px;
    width: 100%;
    z-index: 999;
}
.navbar-inverse {
    position: fixed;
    width: 100%;
    margin-top: 26px;
}

.secondary-nav-inverse {
    position: fixed;
    height : 26px;
    width: 100%;
    z-index: 999;
}

.section .container{
  margin-top: 40px;
}

.btn-primary:hover {color:#ffffff!important;}

.modal a:hover{
    color:#00595d;
}

footer a:hover{
    color:#ffffff;
}

.btn:hover{
  color: #ffffff;
}

.index-page .btn.adhererModal:hover{
  color: #ffffff;
}

.index-page .qsn a:hover{
  color: #ffffff;
}

.navbar-right .social {
    margin-bottom: -4px;
}
.fa-stack-1x {
    color:white;
}
.icon-facebook {
   color:#3b5998;
}

.icon-twitter {
    color:#00aced;
}

.icon-linkedin {
  color:rgb(10, 102, 194);
}

.icon-instagram {
  color:#F01A54;
}


.modal-title {
    color: #222;
}

.communaute-page .modal {
  color: #222;
}

.cat-link {
  height: 106px !important;
}

.thumb-img {
    max-height: 70%;
   /* margin: 10% 3%;  */
}

.thumb-img-small {
    max-height: 70%;
    margin: 10% -11%;
}
.thumb-img-small-pack {
    max-height: 70%;
    margin: 20% -11%;
}
.thumb-img-small-pack-castle {
    max-height: 55%;
    margin: 26% -11%;
}
.thumb-img-small-pack-fourniteures {
    max-height: 79%;
    margin: 10% -12%;
}
.thumb-img-small-pack-transat {
    max-height: 65%;
    margin: 20% -11%;
}
.thumb-img-small-pack-voiture {
    max-height: 59%;
    margin: 14% -11%;
}
.thumb-img-small-clef {
    max-height: 70%;
    margin: 18% -11%;
}
.thumb-img-small-maison {
    max-height: 70%;
    margin: 10% -16%;
}
.thumb-img-small-casque {
    max-height: 70%;
    margin: 10% 8%;
}

.carousel-caption {
   /* left: 32%; */
}

.cat-assurance-bientotmodal a:hover {
  cursor:default;
}

.btn_modal:hover {
  cursor:not-allowed;
}

.breadcrumb {font-size:14px; margin-bottom: 15px;}


.breadcrumb-communaute a{
    color: #ffffff;
}
.breadcrumb-communaute a:hover{
    color: #ffffff!important;
}

.img-thumbnail {
  border:0px; background:none;
}
.cat-link .thumbnail{
            transform: scale(1);
            -webkit-transition:  .3s; /* Safari */
            transition:  .3s;
            position:relative;
        }

        .cat-link .thumbnail:before{
            content:"";
            display: block;
            width:100%;
            height:5%;
            background-color: rgba(255,255,255,0);
            position: absolute;
            top:0;
            left:20px;
            -webkit-transition:  .3s; /* Safari */
            transition:  .3s;
            transform: rotate(5deg);
            border-radius: 20px;
        }

        .cat-link .thumbnail:hover{
            transform: scale(1.05);
        }

        .cat-link .thumbnail:hover:before{
            height:40%;
            background-color: rgba(255,255,255,0.15);
        }


.cat-link .thumbnail-2{
            margin:15px;
            transform: scale(1);
            -webkit-transition:  .3s; /* Safari */
            transition:  .3s;
            position:relative;
}

.cat-link .thumbnail-2:hover{
            transform: scale(1.05);
}

.cat-page .thumbnail-2{
            margin:0px 30px 30px 0px;
            transform: scale(1);
            -webkit-transition:  .3s; /* Safari */
            transition:  .3s;
            position:relative;
}





.thumbnail-2 .thumb-img{
    border-radius:5px;
    display:block;
    max-width:100%;
    height:auto;
    margin-left: auto;
    margin-right: auto;
    box-shadow: #c6c6c6 6px 7px 17px;
}


.ref-legals {font-size:12px; margin-top:15px; margin-bottom:30px;}

/************************************
* Generique
************************************/
.txtcenter {text-align:center;}
  h1,
        .h1,
        h2,
        .h2,
        .comfortaa {
           /* font-family: 'Comfortaa', cursive !important;*/
            font-weight: 700;
        }
        .modal legend{margin-bottom:0px;}
        .modal .modal-header{border-bottom:0px!important;}
        .carousel-indicators{ cursor: default; }
        .carousel-indicators li{ cursor: default!important; }

.bg-pattern {display:block; background-image:none;}
.footer-main {background-color:rgb(0, 162, 169); padding-top:20px!important;}
.marginTB30 {margin:30px 0px;}
.breadcrumb > .active { color:#000000; }
/************************************
* connexion / signin
************************************/
.connexion h2 {margin-top:0px;}
.connexion .small.mpd {line-height:40px;}
.connexion .signin {margin-top:30px; font-weight:500; font-size: 20px;}
.connexion .signin.top {margin:10px 0px 20px 0px;}

.connexion .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;}

.connexion .form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem;
  }

  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0;
  }

.connexion input[type="text"], .connexion input[type="date"], .connexion input[type="email"], .connexion input[type="password"], .connexion input[type="tel"] {border:1px solid #cccccc; border-radius:20px; width:100%; padding-left:10px; margin:10px 0;  font-size: 16px;}
.connexion input[type="checkbox"] {margin-top: 6px; }
.connexion input[type="date"] {-webkit-appearance: none; -moz-appearance: none; height:30px;}
.connexion input[type="date"]:not(.has-value):before{
  color: lightgray;
  content: attr(placeholder);
}
.connexion input[type="date"]:focus:before{
  color: lightgray;
  content: attr('');
}

.connexion .form-check-label {margin-bottom: 0px; font-weight:100;}
.connexion .checkbox-inline {font-weight:600; font-size:13px;}
.connexion #condition-gen-check {width:auto;}
.connexion .question {margin-bottom:15px;}
.connexion .question .title {font-size:14px;}
.connexion .question label {font-size:14px; font-weight:100;}
.connexion .questionplus {margin-top:25px; text-align:center; font-weight:700; padding:0px 10%;}
.connexion .bday .form-group {margin: 10px 0px;}
.connexion .bday .jour {padding:0px 7px; }
.connexion .bday .mois {-webkit-appearance: none!important;  -moz-appearance: none!important; padding:0px 12px; color:#777;}
.connexion .bday .form-control {
  border-radius:50px; height:31px;
    }

.connexion .bday .downarrow {position:absolute;right:25px; top:2px; color:#777;}
.connexion .custom-control {
  position: relative;
  display: inline-block;
  min-height: 1.5rem;
}

.connexion input[type="radio"] {margin: -3px 2px; }
.connexion input[type='radio'] {
  -webkit-appearance:none;
  width:17px;
  height:17px;
  border-radius:50%;
  border:1px solid #cccccc;
  outline:none;
}

.connexion input[type='radio']:hover {
  box-shadow:0 0 2px 0px rgb(0, 162, 169) inset;
}

.connexion input[type='radio']:before {
  content:'';
  display:block;
  width:100%;
  height:100%;
  margin: 0px auto;    
  border-radius:50%;    
}
.connexion input[type='radio']:checked:before {
  background:rgb(0, 162, 169);
}
.connexion .btn:hover {color:#ffffff!important;}
.connexion h4 span {text-transform: uppercase;}
.connexion .pwdregle div, .connexion .pwdregle span {display:inline-block; font-size:11px;}
.connexion .pwdregle div:after {color:#333333; content:' | ';}
.connexion .pwdregle .last:after {content:''!important;}
.connexion .notok {color: red;}
.connexion .ok {color: green;}
.connexion .adresse {display:none;}

.modal #connexion {background:none!important;}

/************************************
* HOME - footer
************************************/
.text-muted {color:#ffffff; border-top: 1px solid rgb(0, 211, 220); margin-top: 12px; padding-top: 10px;}

/************************************
* HOME - generique
************************************/
/*.section.hero {padding-bottom:145px;} */
.section.hero {
padding-bottom:145px;
background-position-y: 60px;
background-size:cover;
background-repeat: no-repeat;
box-shadow: #e6e1dc 0px 2px 14px;
}

.section.hero .form-inline {margin-bottom: 40px;  background: rgb(255, 255, 255, 0.5); border-radius:10px; padding:15px 10px 10px;}
.phraseSansEngagement{
  color: rgb(255, 88, 91);
  color:#000000;
  font-size:14px!important;
}

.section.actu {padding-top:30px;}
.section.actu .container{ margin-top: 0px;    min-height: 300px;}
.section.nosoffres .container{ margin-top: 0px;}
.lead {font-size:22px;}
.actu .bg-cat {background-color: #FF585B!important; }
.nosoffres .bg-cat {background-color: #FF585B!important; }
.sup-picto { display:none; position: absolute; bottom: 12px;
  font-family: 'Comfortaa', cursive, Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    /*padding: 0px 24px;*/
    color:#ffffff;
    }

.up-picto { position: absolute; transform: rotate(-40deg);
background:#ffffff;
top: 31px; left:-4px;
 font-family: "Open Sans", Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 15px;
    line-height: 16px;

    padding: 4px 25px;
    }


/************************************
* HOME - blockpack
************************************/
.thepack { margin-top: 0px; background: #ffffff; overflow: hidden;}
.thepack .packbasic {background:#ffffff;}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.blockpack {margin:0px 0px;}
.blockpackhead {min-height:150px;}
.packpremium {background:#67223F; color:#ffffff; text-align:center;}
.borderpack { padding:35px 5px 2px; overflow: hidden;}
.borderpack .pack-title {font-weight:700; font-size:24px;}
.borderpack .pack-tag {font-weight:400;}
.borderpack .pack-info {font-weight:400; font-size:18px;}
.borderpack .number {font-size:35px; font-weight: 400;}
.borderpack .marginnumber {margin-top:60px;}

.pack{ padding: 20px; text-align: center; color: #ffffff; margin-bottom: 20px; height: 100%;}
.packbasic .pack, .packpremium .pack {color:inherit;padding:20px 0px 0px; text-align:left; min-height:240px; height: 100%; margin-bottom:0px;}
.thepack .green {color:#00a2a9;}

.pack.green {color:#00a2a9;}
.pack.green a {color:#00a2a9;}

.pack.greenflash {background:#92a158;}
.pack.greenflash a {color:#92a158;}

.pack.purple{background:#9c5d7f;}
.pack.purple a {color:#9c5d7f;}

.pack.dark{background:#383735;}
.pack.dark a {color:#383735;}

.pack .title {font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight:400;}
.pack .title .pack-top {font-size:15px; font-weight:100;}
.pack .title .pack-prehead {font-size:16px; font-weight:700; margin-top: 10px;}
.pack .title .pack-offre {font-size:15px; text-transform:uppercase;     min-height: 49px; margin-top:10px;}

.pack .details  {margin: 5px 0px 20px; min-height: 180px;}

.packbasic .pack .details, .packpremium .pack .details {text-align:left; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight:100; margin:0px 0px 0px; min-height: 155px; font-size:14px;}

.thepack .bg-cat {background-color: #FF585B!important; }
.thepack .btn-default:hover{background:#ffffff;}
.pack.btn {white-space: inherit;     transform: scale(1); -webkit-transition: .3s; transition: .3s; font-weight:100;}
.pack.btn span {font-weight:600;}
.pack.btn:hover { transform: scale(1.05); color:#ffffff!important;}
.pack.blue{background:#5789cd;}
.pack.purpleflash{background:#b548f5;}
.pack.littlered{background:#c26b84;}



/************************************
* HOME - join-community
************************************/
#join-community {width:500px; text-align:center; border-radius:50%; height:500px; padding:125px 80px 0px 84px; background-color: rgba(255,255,255,0.9);}
#join-community h2 {font-size:21px; font-weight:700;}

/************************************
* CAT - Pack
************************************/
.nos-offres h2 {font-size:40px; margin-top:40px; color:#00a2a9;}


/************************************
* CAT - Pack
************************************/
.hero-page { height: 500px; background-position-x: center; background-size:cover; background-repeat: no-repeat; /*box-shadow: #e6e1dc 0px 2px 14px;*/ position:relative; margin-bottom:40px;}
.hero-page.imgtop {padding-top:60px; /*background-position-y: 80px;*/ margin-bottom:0px;}
.hero-page.imgsmall {height:200px;}
.imgcalque:after {height: 100%; content: ''; background-color: #000000; position: absolute; width: 100%; top: 0; left: 0; opacity: .40;}
.textup { z-index:49; color:#ffffff;}
.text-25 {font-size:25px;}
.text-30 {font-size:30px;}

.hero-page .toptitle {font-size: 50px; margin-bottom:0px; text-transform: uppercase;}
.hero-page .subtitle {margin-bottom:20px;}
.hero-page.imgtop .btn {width:200px; margin:10px 30px;}

.lcdi .hero .toptitle {
  font-size:40px; 
  padding-top:80px;
}

.lcdi .hero .btn-offre {
  padding:10px 60px;
}

@media (max-width: 768px){
  .lcdi .hero {
    padding-bottom: 20px;
  }

  .lcdi .hero .toptitle {
    padding-top: 30px;
    font-size: 30px;
    margin-bottom:20px;
    line-height: 40px;
  }

  .lcdi .hero .el-col {
    padding-left:0;
    padding-right:0;
  }

  .lcdi .hero .btn-offre {
    margin:15px 0;
}

}

.displayflex {display:flex;}
.fullcenter {margin:auto;}
.cat-page .btn.inverse {border:2px solid #ffffff; background:transparent;}
.cat-page .btn.inverse:hover {background:rgb(255,255,255, 0.2);}

.headerpage {margin-bottom: 20px;}
.headerpage h1 {text-align:center;  font-size:42px; margin:30px 0px;}
.headerpage .soustitle {text-align:center; margin-bottom:25px;}
.headerpage p {text-align:center; margin-top:20px;}

.cat-page .cacpourmoi h1 {margin-bottom:15px;}
.cat-page .logo-cpourmoi {width:250px; margin:0 auto 30px;}
.cat-page .logo-cpourmoi img {width:100%;}

.cat-page .blockpicto {display: flex; margin-bottom:40px;}
.cat-page .block {display: flex; margin-bottom:40px;}
.cat-page .picto {width:80px; min-width:80px; height:80px; border-radius:50%; padding:15px; text-align:center; display: flex; box-shadow: rgba(0, 0, 0, .16) 5px 9px 28px;}
.cat-page .picto img {width:35px; margin: auto;}
.cat-page .blockpicto p { margin: auto 20px; font-size:16px; font-weight: 700; line-height:18px; text-transform:uppercase;}
.cat-page .blockpicto p small {color:#000000; font-size:11px; text-transform: initial;}

.cat-page .carre {width:100%; height:auto; text-align:center; display: flex; margin-bottom:20px;}
.cat-page .carre img {width:100%; margin: auto;}

.cat-page .bottomblock { padding: 35px 0; color: #ffffff; font-weight: 400; text-align: center; margin-bottom:1px;}
.cat-page .bottomblock span {padding-right:50px;  }
.cat-page .bottomblock a {text-transform: uppercase; font-size:12px; margin:10px 0px; }

.subcat { margin: 10px 0;}
.subcat a {text-decoration: none;}
.subcat a span {font-weight:700;}
.subcat a:hover > .blockpicto p span { text-decoration: underline;}

.btncontactmargin .btn { width: 250px; margin: 10px 50px 40px;}
.cat-page .margin30 {margin:30px 0px;}

.cat-page .avantages ul {margin-bottom:30px;}
.cat-page .avantages ul li {list-style-type: none; line-height:30px;}
.cat-page .avantages ul li::before {
  content: '';
  width: 20px;
  height: 8px;
  margin-top: 11px;
  margin-right: 10px;
  margin-left: -8px;
  float: left;
}

.cat-page .creche ol {margin-bottom:50px; list-style-type: none; counter-reset: licounter; padding-left: 8em; text-indent: -28px;}
.cat-page .creche ol li {margin-bottom:10px;}
.cat-page .creche ol li::before {content: counter(licounter); counter-increment: licounter; color:#ffffff; display: inline-block; width:25px; height:25px; border-radius:50%; font-weight:700; text-align:center; line-height:25px;  position: relative; left: -1.3em; padding-left: 27px;}



.title-line-block{ text-align: center; border-bottom: 1px solid #00A2A9; margin-bottom: 60px; }
.title-line-block .round-title { font-size:50px; font-weight:700; border-radius: 50%; width:80px; height:80px; display: inline-block;
  color: #ffffff;
  position: relative;
  top: 39px;
  background: #00A2A9;
}

@media (max-width: 600px){
  .cat-page .block { display:block;}
.btncontactmargin .btn { width: 250px; margin: 10px auto 40px;}
}

/************************************
* MANAGE COLOR
************************************/
.colormain {color:#F01A54;}
.colorblack {color:#000000;}

.colorbluedark {color:#4E629E;}
.cat-page .picto.colorbluedark, .cat-page .carre.colorbluedark, .cat-page .bottomblock.colorbluedark, .table .tabtitle .bdcolor.colorbluedark {background:#4E629E}

.colorbluelight {color:#008FD2;}
.cat-page .picto.colorbluelight, .cat-page .carre.colorbluelight, .cat-page .bottomblock.colorbluelight, .table .tabtitle .bdcolor.colorbluelight  {background:#008FD2}

.coloryellow {color:#EEDA8B;}
.cat-page .picto.coloryellow, .cat-page .carre.coloryellow, .cat-page .bottomblock.coloryellow, .table .tabtitle .bdcolor.coloryellow  {background:#EEDA8B;}

.colorsaumon {color:#FF7060;}
.cat-page .picto.colorsaumon, .cat-page .carre.colorsaumon, .cat-page .bottomblock.colorsaumon, .table .tabtitle .bdcolor.colorsaumon, .cat-page .creche ol li::before {background:#FF7060;}

.colorcompta {color:#60275C;}
.cat-page .picto.colorcompta, .cat-page .carre.colorcompta, .cat-page .bottomblock.colorcompta, .table .tabtitle .bdcolor.colorcompta, .cat-page .creche ol li::before {background:#60275C;}

.colormission {color:#CE2285;}
.colormission:hover {color:#CE2285;}
.cat-page .picto.colormission, .cat-page .carre.colormission, .cat-page .bottomblock.colormission, .table .tabtitle .bdcolor.colormission, .cat-page .creche ol li::before {background:#CE2285;}

.colorouiboss {color:#FEE236;}
.cat-page .picto.colorouiboss, .cat-page .carre.colorouiboss, .cat-page .bottomblock.colorouiboss, .table .tabtitle .bdcolor.colorouiboss, .cat-page .creche ol li::before {background:#FEE236; color:#000000;}


.colorjobrepublik {color:rgb(23, 67, 147);}
.cat-page .picto.colorjobrepublik, .cat-page .carre.colorjobrepublik, .cat-page .bottomblock.colorjobrepublik, .table .tabtitle .bdcolor.colorjobrepublik, .cat-page .creche ol li::before {background:rgb(23, 67, 147);}


.colorgreen {color:#30AE89;}
.cat-page .picto.colorgreen, .cat-page .carre.colorgreen, .cat-page .bottomblock.colorgreen, .table .tabtitle .bdcolor.colorgreen  {background:#30AE89}

.cat-page .picto.colorgreenflash, .cat-page .carre.colorgreenflash, .cat-page .bottomblock.colorgreenflash, .table .tabtitle .bdcolor.colorgreenflash  {background:#CAD200}


.colordark {color:#313249;}
.cat-page .picto.colordark, .cat-page .carre.colordark, .cat-page .bottomblock.colordark, .table .tabtitle .bdcolor.colordark  {background:#313249}

.colorcdi {color:#00A2A9;}
.cat-page .picto.colorcdi, .cat-page .carre.colorcdi, .cat-page .bottomblock.colorcdi, .table .tabtitle .bdcolor.colorcdi, .avantages ul li::before  {background:#00A2A9}

.colorpurple {color:#67223F;}
.colorwhite {color:#ffffff;}
.colorwhite:hover {color:#ffffff;}

@media (max-width: 640px){
  .ouiboss {overflow: hidden;}
  .ouibosslogo {display:none;}
  .ouiboss .toptitle {font-size:35px!important;}
  .ouiboss .btn-offre {width:285px!important}
}

.block__blue {
  border: 2px solid #CE2285;
  border-radius: 40px;
  padding: 30px;
}

/************************************
* TIRAGE AU SORT
************************************/
.blockcentre {position:relative; display:block;}
.tirageausortou {position:absolute; left: 42%; top: -125px; width: 160px; -webkit-box-shadow: 10px 5px 39px -17px rgba(0, 0, 0, 0.5);
  box-shadow: 10px 5px 39px -17px rgba(0, 0, 0, 0.5);border-radius: 50%; z-index:999;}
#reglement .fullblock {border:3px solid #00a2a9; border-radius:20px; margin-bottom:40px; padding-right:0px;}
#reglement .collapseur {line-height:35px; font-size:18px;}
#reglement .collapseur span {float:right; background:#00a2a9; color:#ffffff; width:35px; border-radius:50%; text-align:center;margin-right: -1px;}
.popupjeux {
  z-index: 99;
  position: fixed;
  width: 320px;
  height: 320px;
  top: 120px;
  right: 20px;
  padding: 85px 10px 10px 10px;
  border-radius: 50%;
  -webkit-box-shadow: 10px 5px 39px -17px rgba(0, 0, 0, 0.5);
  box-shadow: 10px 5px 39px -17px rgba(0, 0, 0, 0.5);
  background: #ffffff;
  text-align: center;
  /* border: 1px solid #eeeeee; */
}

.rondtirageausort img {
  position: absolute;
  top: -50px;
  left: 0px;
  width: 145px;

}

.fermeture {
  position: absolute;
  right: 27px;
  top: 7px;
  cursor: pointer;
}

.fermeture img {
  width: 50px;

}

.popupjeux .title {
  font-size: 22px;
  font-weight: bold;

}

.popupjeux .detail {
  font-size: 16px;
}

.popupjeux .note {
  margin-top: 15px;
  color: #F01A54;
}


.navbar-nav > li > .dropdown-menu {z-index:999;}

/************************************
* TAB OFFRES
************************************/
.table-bordered {border: 1px solid #ccc;}
.tab-offres thead { color:#000000;}
.tab-offres thead th {padding:20px 0px!important;}
.tab-offres thead th small { font-size:12px; font-weight:100!important;}
.tab-offres .content {padding-left:30px!important;}
.tab-offres .tabtitle {font-weight:700; color:#ffffff;}
.tab-offres .bdcolor { width: 70px; height: 12px; margin-top: 5px; margin-right: 5px; margin-left: -8px; float: left;}
.tab-offres .details {float:left; color:#000000; font-size: 12px; font-weight: 100;}
.tab-offres .details span {display:block; font-size: 14px; text-transform: uppercase; font-weight: 700;}
.tab-offres .details a {color:#000000;}
.tab-offres .align-middle {vertical-align:middle;}
.tab-offres .mdi-set {font-size:35px; font-weight:100;}
.tab-offres .blockbutton {text-align:right;}
.tab-offres .blockbutton a {width:265px;}
.tab-offres .blockbutton a:first-child {margin-right:30px;}

@media (max-width: 640px){
  .tab-offres .blockbutton a:first-child { margin-right:0px; margin-top:10px; margin-bottom:0px;}
}
/************************************
* LOISIR CE : adhesion;
************************************/
/* Video responsive */
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 30px;}
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.cat-loisir .pack {border-radius:20px; width:100%;}
.cat-loisir .bg-cat {background-color: #9c5d7f;}
.pack.btn.blue span.btn {background:#ffffff; color:#5789cd; display:block; margin-top:10px;}
.pack.btn.purpleflash span.btn {background:#ffffff; color:#b548f5; display:block; margin-top:10px;}
.pack.btn.littlered span.btn {background:#ffffff; color:#c26b84; display:block; margin-top:10px;}

.picto-reduct {text-align:center;}

.picto-reduct .img-responsive {
   border: none;
   width: 62px;
   display:initial;
 }
.picto-reduct .reduct-price {display:block; text-align:center; font-size:14px; color:#666666; font-weight:100; min-height: 43px;}
.picto-reduct .sub-price {display:block; text-align:center; font-size:15px; font-weight:700; color:#666666; border-bottom:2px solid #dddddd; padding-bottom:5px; padding-top: 6px;}
.picto-reduct .sub-price.red  { border-color:#e92639;}
.picto-reduct .sub-price.yellow  { border-color:#f5b057;}
.picto-reduct .sub-price.green  { border-color:#67c8a5;}
.picto-reduct .sub-price.emer  { border-color:#68cacb;}
.picto-reduct .sub-price.purple  { border-color:#9e005d;}
.picto-reduct .sub-price.blue  { border-color:#365aae;}
.picto-reduct .sub-price.rose  { border-color:#f28683;}
.picto-reduct .sub-price.pink  { border-color:#fc7cac;}


.cat-loisir .carousel-caption h4 {margin-top:3px; margin-bottom:10px;}
.cat-loisir .carousel-control {bottom: inherit;}
.cat-loisir .carousel-control span {margin-top:0px;}

/*formulaire adhesion*/
#form_adhesion .block_title h5 {text-transform:uppercase; color:#9c5d7f; text-decoration:none; width:100%; border-top:1px solid #9c5d7f; padding-top:10px; margin-top:35px;}
#form_adhesion h2 {display:block; margin-top:40px;}
#form_adhesion label {font-weight:100;}
#form_adhesion .details {font-weight:100; font-size:14px;}
#form_adhesion .bold {font-weight:700;}
#form_adhesion .informations_salarie_clone {margin-bottom:10px; overflow:hidden;}
#form_adhesion .informations_salarie_clone label {line-height: 37px;}
#form_adhesion .informations_salarie_clone input {width:100%;}
#form_adhesion .block_facturation .form-group {overflow:hidden;}
#form_adhesion .block_nbsalarie p {font-style: italic;}
#form_adhesion .code_promo {margin-bottom:10px;}
#form_adhesion .total_price p {font-weight:600;}
#form_adhesion .total_price_remise {margin-top:20px;}
#form_adhesion .total_price_final{font-weight:600;}
#form_adhesion .bt-promo {border-radius:10px; padding:3px 12px; font-size:14px; line-height: 25px; margin-top: -3px; margin-left:5px;}
#form_adhesion .promo_msg.error {display:block; margin-left:20px; font-size:12px; color:red;}
#form_adhesion .block_paiement .form-check {margin-bottom:20px;}
#message_retour .loisir {font-size: 17px;}
#message_retour .loisir-abonnement legend {border-bottom:none;}
/************************************
* CAT - coworking
************************************/
 /* .google-maps {
        position: relative;
        padding-bottom: 40%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
        height: 300px!important;
        margin-bottom:40px;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 300px!important;
         margin-bottom:40px;
    } */
 #map { height: 590px; width: 100%; }
  .google-maps.large, .google-maps.large iframe{height: 590px!important; margin-bottom:0px;}

.partnersCarrousel {width:100%; margin:50px 0px;}
.partnersCarrousel .title {width:100%; border-bottom:1px solid #eeeeee; text-transform: uppercase; padding-bottom:5px; font-weight:bold; margin-bottom:20px;}
.partnersCarrousel .partner {width:150px; margin:20px; float:left;/*height:200px;*/}
.partnersCarrousel .middle {display: table-cell; vertical-align: middle; height:150px; width:150px; text-align:center;}
.partnersCarrousel a img {transform: scale(1); -webkit-transition: .3s; transition: .3s;}
.partnersCarrousel a:hover img { transform: scale(1.05); }

/************************************
* communaute
************************************/
.navbar-inverse {background-color:#383735;  border-color:rgb(0, 211, 220);}
.secondary-nav-inverse {background:#1e1d1c;}
.bg-communaute-color {background-color:#1e1d1c;}
.footer-communaute {background-color:#383735;}
.communaute-page .section li:before {color:rgb(0, 211, 220);}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color:rgb(0, 211, 220);}
.communaute-page #login-btn {    border: 2px solid rgb(0, 211, 220);}
.communaute-page .section .social li:before {display:none;}


/************************************
* Modal
************************************/
.modal #connexion {border-radius:10px;}
.modal-header {padding:15px 15px 0px 15px;}
#myModalLabel img {vertical-align:middle; height: 64px;}




@media (max-width: 1199px){
  .cat-page .thumbnail-2{
            margin:0px;

  }
}


@media (max-width: 991px){
  .pack .details {min-height:125px; margin-top:0px;}
}


@media (max-width: 767px){
    .menu-toggle{
        color:#333!important;
    }
    .menuNosOffresDropDown {
      margin-bottom: 0px!important;
      margin-top: 0px!important;
      font-size: 17px;
    }
    .navbar-nav > li > a {font-size:17px;}
    .phraseSansEngagement{
      margin-left:0%!important;
    }
    .navbar-default .navbar-nav .dropdown:hover > .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      display:block;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none;
  }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #00A2A9;
  }
}

@media (max-width: 767px) {

  .pack .details {
    min-height: inherit;
  }

    #actu {
      margin-top: 13px!important;
      margin-bottom: -200px!important;
    }
    article img {
      width:75px;
      height:75px
    }

    .carousel-caption {
      position: initial!important;
    }

    .carousel-caption p {
      font-size: .7em!important;
    }

.informations_salarie_clone {
      border-bottom: #eeeeee 1px solid;
      padding-bottom:30px;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
      margin-left: 0px;
}

}

@media (max-width: 610px){
  .connexion .question .title {font-size:14px; width:100%!important; margin-top:10px;}
    .connexion .question .col-xs-5 {width:100%!important;}
   /* .connexion .question label {margin:0px 20px ;}
    .connexion .radio-inline input[type="radio"] {    margin: 4px 0px 4px -30px;}*/
}

@media (max-width: 530px){
  #join-community {width:100%; border-radius:20px; height:100%; padding:10px 30px 15px 30px; background-color: rgba(255,255,255,0.9);}
}


.dropdown-menu {font-size:14px;}

.menuNosOffresDropDown {
  display: block;
  padding: 10px 15px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.menuNosOffresDropDown .submenu a {padding-left:40px; color:#888; font-style: italic;};


.menuNosOffres {
    color: #ffffff;
    cursor: pointer;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus,.menuNosOffres:hover {
    color: #000000!important;
    background-color: transparent!important;
    text-decoration: none!important;
}
.menuNosOffres:hover:focus:active {
    text-decoration: none!important;
    background-color: transparent!important;
}



@media (min-width: 768px) {
  .drophover:hover .menuNosOffres {
      color: #000000!important;
  }
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
      margin-top: 16px;
      margin-bottom: 15px;
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      line-height:20px;
  }
}

.mon-compte .dropdown-menu {border-radius:0px;}

.toptitle {font-size:23px; font-weight:700; line-height:inherit; color:#ffffff; margin-bottom:30px;}
.subtitle { font-size:16px; color: #ffffff; clear:both;}
.note {font-size:12px; color:#ffffff;}
.btn-offre, .btn-primary {color: rgb(255, 255, 255);
  background-color: #F01A54;
  border-color: #F01A54;
  padding:10px 30px;
  font-weight:400;
  margin:30px 0px;
}

.btn-offre.negatif {color: #F01A54;
  background-color: transparent;
  border-color: #F01A54;
  padding:10px 30px;
  font-weight:400;
}



.btn-grey {color: #000000;
  background-color: #cccccc;
  border-color: #cccccc;
  padding:10px 30px;
  font-weight:400;
  margin:30px 0px;
}

.btn-offre:hover, .btn-primary:hover{background-color: #B50A3F; border-color: #B50A3F; color:#ffffff!important;}
/*.btn-offre:hover, .btn-primary:hover{background-color: #c5404c; border-color: #c5404c; color:#ffffff!important;}*/



.btn-primary-green {color: rgb(255, 255, 255);
  background-color: rgb(0, 162, 169);
  border-color: rgb(0, 162, 169);
  padding:10px 30px;
  font-weight:400;
  margin:0px 0px 30px;
}

.btn-primary-green:hover {background:#008288;}

.contact .fa {color:rgb(0, 162, 169); padding-right:15px; font-size:20px;}
.contact a {color:#333333;}

.contact input, .contact textarea {border:0px solid #eeeeee; background:#eeeeee; border-radius:5px; padding-left:10px; width:100%; margin:10px 0; color:#333333;}
.contact .extra {display:none;}