.browsers.modal .logo_ce {
    background: url("../bundles/itcecmscnil/themes/ce_theme/images/cnil_browsers/logo-ce.jpg") no-repeat scroll 0 0px;
    width:155px;
    height:55px;
    margin:-20px auto 30px auto;
}

.browsers.modal {
    position:absolute;
    height:auto;
    z-index: 2500;
}

.browser_mobile .browsers.modal {
    bottom:auto;
}

.ie6 .browsers.modal {
    position:fixed;
    height:auto;
}


.browsers.modal .modal-content{
    padding:40px 40px 30px 40px;
}



.browsers.modal .modal-dialog {
    width:670px;
    height:auto;
    margin-left:-335px;
}

.browser_bloquant .modal-backdrop.in {
    background-color: #fff;
    opacity: .98;
    filter: alpha(opacity=98);
    bottom:auto;
    height:100%;
    z-index: 2000;
}

.browser_partiel .modal-backdrop.in {
    bottom:auto;
    height:100%;
}


@media screen and (max-width: 999px) {
  .modal-backdrop.in {
    display:block;
  }
  .offcanvas-open .modal-backdrop.in {
    display:none;
  }
}

@media screen and (max-width: 767px) {
    .browsers.modal .modal-dialog {
        margin-left:5%;
        margin-right: 5%;
        margin-top:40px;
        width:auto;
    }
}

.browsers.large.modal .modal-dialog {
    width:830px;
    margin-left:-415px;
}

.browsers.large.modal .modal-content{
    padding:40px 120px 30px 120px;
}
.browsers.large.modal .btn {
    margin-top:10px;
}



.browsers.modal .modal-header {
    padding:0 0 44px 0;
}
.browsers.modal .modal-header .modal-title {
    font-size:18px;
}
.browsers.modal .modal-body {
    text-align: center;
    padding:0;
    display:table;
}

.browsers.modal .modal-footer {
    clear:both;
    padding:10px 0 0 0;
    /* si pas d'envoi vers les app mobiles*/
    padding:0 0 25px;
    border:none;
    text-align: center;
}

#browsers.browsers.modal .modal-footer {
    padding-top:20px;
}

.browsers.modal div.navi {
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    float: left;
    height: 145px;
    margin-top: 10px;
    text-align: center;
    width: 135px;
   
}

.ie6 .browsers.modal div.navi:first-child {
     margin-left: 0px;
}
.ie6 .browsers.modal div.navi {
    float:none;
    display: inline;
    *display:inline; zoom:1; /*hack ie7*/
    margin-left: 5px;
}

.browsers.modal div.navi + div.navi {
    margin-left: 15px;
}

.browsers.modal a.link {
   text-decoration: underline;
   color:#333;
}
.browsers.modal  a.link:hover{
  color:#D1005D;
}
.browsers.modal  a.link:focus {
  outline:0;
}
.browsers.modal div.navi > div {
   margin: 1em 0 0;
   font-size:1.1em;
   font-weight:normal;
}

.browsers.modal div.navi a {
   display: block;
   width:75px;
   height:85px;
   margin:0 auto;
}

.browsers.modal div.navi a .img {
   display:block;
   margin: 0 0 8px 0;
   width:75px;
   height:75px;
}
.browsers.modal div.navi.firefox a .img {
    background: url("../bundles/itcecmscnil/themes/ce_theme/images/cnil_browsers/logo-firefox.jpg") no-repeat scroll 0 0;
}
.browsers.modal div.navi.ie a .img {
    background: url("../bundles/itcecmscnil/themes/ce_theme/images/cnil_browsers/logo-ie.jpg") no-repeat scroll 0 0;
}
.browsers.modal div.navi.chrome a .img {
    background: url("../bundles/itcecmscnil/themes/ce_theme/images/cnil_browsers/logo-chrome.jpg") no-repeat scroll 0 0;
}
.browsers.modal div.navi.safari a .img {
    background: url("../bundles/itcecmscnil/themes/ce_theme/images/cnil_browsers/logo-safari.jpg") no-repeat scroll 0 0;
}

/* info banner */
.layout-fluid .cnil_warning.container,
.layout-fluid .browser_warning.container {
    padding:0;
}


.i_infos_wrapper.cnil_warning a, 
.i_infos_wrapper.cnil_warning a:hover {
    text-decoration:underline;
}

/*  cnil cookie */

.cnil_warning .i_infos_wrapper  .picto_infos {
     background: url("../bundles/itcecmscnil/themes/ce_theme/images/cnil_browsers/picto_cookie.png") no-repeat scroll 0 center;
}

.ie8 .layout-fluid .cnil_warning.container .i_infos_wrapper,
.ie8 .layout-fluid .browser_warning.container .i_infos_wrapper {
        margin:0 -10px;
    }


@media screen and (max-width: 999px) {
    .layout-fluid .cnil_warning.container,
    .layout-fluid .browser_warning.container {
        padding:0;
        width:100%;
        max-width: 100%;
    }
}
@media screen and (min-width: 1000px) {
    .layout-fluid .cnil_warning.container .i_infos_wrapper,
    .layout-fluid .browser_warning.container .i_infos_wrapper {
        margin:0 -2px;
    }
}

@media screen and (max-width: 850px) {
    .browsers.large.modal .modal-dialog {
        width:90%;
        margin-left:5%;
        margin-right: 5%;
        margin-top:40px;
        left:0;
    }
    
    .page-browsers .browsers.modal div.navi {
        float:none;
        display:inline-block;
    }
    .page-browsers .browsers.modal div.navi +  div.navi {
        margin-left: 0;
    }
    
    .browsers.large.modal .modal-content{
        padding:40px 10% 30px 10%;
    }
}
@media screen and (max-width: 767px) {
    .browsers.modal div.navi {
        float:none;
        display:inline-block;
    }
    .browsers.modal div.navi +  div.navi {
        margin-left: 0;
    }
    .browsers.large.modal .modal-content{
        padding:40px 40px 30px 40px;
    }
    
    .browsers.modal .modal-header .modal-title {
        font-size:16px;
    }
    
    .cnil_warning .i_infos {
        padding:0 50px 0 50px;
    }
    
    .cnil_warning .i_infos_wrapper .picto_infos {
        left:11px;
    }
    
    .i_infos_wrapper a.bouton-croix {
        right:6px;
    }
}
@media screen and (max-width: 400px) {
    .browsers.large.modal .modal-dialog {
        width:auto;
        margin-left:10px;
        margin-right: 10px;
        margin-top:30px;
        left:0;
        min-width:280px;
    }
    .browsers.modal .logo_ce {
        margin: -20px auto 20px;
    }
    
    .browsers.large.modal .modal-content{
        padding:40px 20px 20px 20px;
    }
    
    .browsers.modal .modal-header .modal-title {
        font-size:13px;
    }
}

.i_infos_wrapper {
    position:relative;
    background: #f5f5f5;
    padding: 20px 0;
    font-size:13px;
}
.i_infos_wrapper.cnil_warning{
    padding: 10px 0;
}
.i_infos {
    position:relative;
    display:table-cell;
    vertical-align: middle;
    background: none;
    height: 50px;
    padding: 0px 150px 0px 70px;
}
.i_infos h2 {
    margin:0;
    font-size:12px;
    font-weight: bold;
    color: #D1005D;
    line-height:18px;
}

.i_infos_wrapper .picto_infos {
     background: url("../bundles/itcecmscnil/themes/ce_theme/images/cnil_browsers/picto_infos.png") no-repeat scroll 0 0;
     width:28px;
     height:28px;
     position:absolute;
     left:25px;
     top:20px;
     z-index:3;
}

.i_infos_wrapper  a.bouton-croix {
    background: url("../bundles/itcecmscnil/themes/ce_theme/images/cnil_browsers/scheduler-close.png") no-repeat scroll 0 0px;
    cursor: pointer;
    display: block;
    height: 20px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 12px;
    width: 20px;
    z-index: 2;
}

.i_infos_wrapper .btn.grey {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 4;
}

/* grey button */

.btn.grey {
  border-radius: 0;
  border: 0;
  color: #ffffff;
  padding: 3px 16px 4px 17px;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#a4a4a4), to(#8c8c8c));
  background-image: -webkit-linear-gradient(top, #a4a4a4, 0%, #8c8c8c, 100%);
  background-image: -moz-linear-gradient(top, #a4a4a4 0%, #8c8c8c 100%);
  background-image: linear-gradient(to bottom, #a4a4a4 0%, #8c8c8c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa4a4a4', endColorstr='#ff8c8c8c', GradientType=0);
}
.btn.grey:hover {
  border: 0;
  background-color: #a4a4a4;
  background-image: none;
  color: #ffffff;
}

.btn.red {
  border-radius: 0;
  border: 0;
  color: #ffffff;
  padding: 3px 16px 4px 17px;
  background: #db0129;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#db0129), to(#b00021));
  background-image: -webkit-linear-gradient(top, #db0129, 0%, #b00021, 100%);
  background-image: -moz-linear-gradient(top, #db0129 0%, #b00021 100%);
  background-image: linear-gradient(to bottom, #db0129 0%, #b00021 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb0129', endColorstr='#ffb00021', GradientType=0);
}

.btn.red:focus,
.btn.red:hover {
  color: #ffffff;
  text-decoration: none;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ea012c), to(#b00021));
  background-image: -webkit-linear-gradient(top, #ea012c, 0%, #b00021, 100%);
  background-image: -moz-linear-gradient(top, #ea012c 0%, #b00021 100%);
  background-image: linear-gradient(to bottom, #ea012c 0%, #b00021 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffea012c', endColorstr='#ffb00021', GradientType=0);
}