/*.gifplayer-wrapper { text-align:center; width:100% !important}
.gifplayer-wrapper img { text-align:center; margin:0 auto}*/

.popinContainer { padding:30px; background-color:#FFF}
.parent_niv2_55 h1 { display:none}

#footer .droite h4 { margin-bottom:10px}
#footer .droite h4.search { margin-top:20px}

#footer .droite form { margin-top:20px; margin-bottom:0px}


#footer .droite input { padding:9px 15px 7px}
#footer .droite input#ajaxSearch_submit { display:none}

label.control-label {font-size: 14px; font-size: 1.4rem; line-height: 34px; line-height: 3.4rem; letter-spacing: 1px; color: #595b62;}

.form_input_bootstrap_file label.control-label { line-height: 18px; line-height: 1.8rem; }


select.form-control { height:40px}

label span.text { font-size: 14px;font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; letter-spacing: 1px; color: #595b62;}


.list-profils p.big { margin-top:10px; color: #002673; font-weight:500}

.list-profils p.download { margin:0; padding:0}

.ditto1articleLight { margin-bottom:60px}
div.learnMore { padding-top:30px}

#id218 .wrapper-illustration { display:none}
#id218 #content  { padding:0 }


#id218 #content .col-md-3 {display:none}
#id218 #content .col-md-9 { width:100%; left:0%; text-align:center}
#id218 #content .col-md-9 img { margin:0 auto}

#id218 h3 { display:none}
#id218 #maincontent { padding-bottom: 100px;}
#id218 #footer {margin-top:100px}

#id218 #maincontent img { width:600px}



#id260 .wrapper-illustration { display:none}
#id260 #content  { padding:0 }


#id260 #content .col-md-3 {display:none}
#id260 #content .col-md-9 { width:100%; left:0%; text-align:center}
#id260 #content .col-md-9 img { margin:0 auto}

#id260 h3 { display:none}
#id260 #maincontent { padding-bottom: 100px;}
#id260 #footer {margin-top:100px}

#id260 #maincontent img { width:600px}

.mentions { margin-top:20px}
.mentions p{ font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem;}

/* statistics */

ul.nav-tabs li {
  background: #fff;
  color:#003399;
  display:inline-block;

}
ul.nav-tabs li a, ul.nav-tabs li.active a {
  font-size:15px; font-size:1.5em;
  font-weight:500; text-transform:uppercase;
  padding: 10px 15px;
}
ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover, ul.nav-tabs li.active a:focus {

    color: #fff;
    background: #003399;
    background-color: rgba(0, 51, 153, 0.9);  
}
  
.tab-content { border:#003399 solid 2px}

.tab-content tr th { text-align:right; font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; font-weight: 500; color: #751d7d;}
.tab-content tr > th:first-child { text-align:left} 

.tab-content tr td { text-align:right;font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem; font-weight: 300;}

.tab-content tr > td:first-child { text-align:left; font-weight:500} 
.tab-content tr > td, .tab-content tr > td { width:33%}
 

.tab-content table.dataTable thead th, table.dataTable thead td {padding: 10px 10px 6px 10px}
.tab-content table.dataTable tfoot th, table.dataTable tfoot td {padding: 10px 10px 6px 10px}

.tab-content table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 { background-color:#fff}

.tab-content table.dataTable thead th, 
.tab-content table.dataTable thead td { font-weight:500}

.tab-content .chart { width:100%; min-height: 450px;}
.tab-content .graph { padding:15px}


.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block;     
    height: 0;          
    overflow-y: hidden; 
}

.tab-content > .active,
.pill-content > .active {
    height: auto;       
} 

.tab_statistics ul.nav-tabs li a, ul.nav-tabs li.active a {
  padding: 8px 7px 6px 4px;
}

p.legend { margin-top:1rem; font-style:italic}

.nav-tabs li a span.chart {display: inline-block; position: relative; margin: -3px 3px -2px 0;}
.nav-tabs li a span.chart-bars:before {display: block; width: 20px; height: 18px; content: ""; background: url('images/picto-chart.png') no-repeat 0 0;}
.nav-tabs li.active a span.chart-bars:before,
.nav-tabs li.active a:hover span.chart-bars:before,
.nav-tabs li.active a:focus span.chart-bars:before {background-position: 0 -20px;}

.nav-tabs li a span.chart-pie {top: 2px;}
.nav-tabs li a span.chart-pie:before {display: block; width: 19px; height: 20px; content: ""; background: url('images/picto-chart.png') no-repeat -21px 0;}
.nav-tabs li.active a span.chart-pie:before,
.nav-tabs li.active a:hover span.chart-pie:before,
.nav-tabs li.active a:focus span.chart-pie:before {background-position: -21px -20px;}

.nav-tabs li a span.chart-table {top: 3px;}
.nav-tabs li a span.chart-table:before {display: block; width: 19px; height: 20px; content: ""; background: url('images/picto-chart.png') no-repeat -41px 0;}
.nav-tabs li.active a span.chart-table:before,
.nav-tabs li.active a:hover span.chart-table:before,
.nav-tabs li.active a:focus span.chart-table:before {background-position: -41px -20px;}

.tab_statistics .annee {    text-align: right; font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; font-weight: 500; color: #751d7d;}
.tab_statistics .annee strong { position:relative; bottom:40px; right:40px; }

.legende {margin-top:20px}

.video .mejs-container {background-color:#FFF}

@media only screen and (max-width : 768px) {
#footer .footerNav2 {margin-top:0}
#wrapper-paymentSolutions .col-sm-4 { margin-bottom:60px}
}

/* rgpd */

.modal-content { border-radius:0; box-shadow:none; -webkit-box-shadow:none}
.modal-header {
    padding: 30px;
    border-bottom: 0px
}
.modal-body {
    padding: 30px;
    border-bottom: 0px;
}

#rgpd {position: fixed; z-index: 201; left: 0; top: 0; right: 0; padding: 30px 60px 25px 31px; color: #fff; background: #04094b;}
#rgpd .container {max-width: none;}
#rgpd p {font-size: 12px; font-size: 1.2rem; line-height: 20px; line-height: 2.0rem; text-transform: uppercase; color: #fff; font-weight:500}
#rgpd .close {position: absolute; right: -30px; top: 50%; margin: -12px 0; padding: 0; font-size: 20px; color: #fff;}
#rgpd p a { text-decoration:underline; color:#fff}
#rgpd p a:hover { text-decoration:none; color:inherit}
#rgpd-parametrage .form-group { margin-top:0}  	
#rgpd-parametrage .radio-inline input[type=radio] { margin-top: 0; }
#rgpd-parametrage .radio-inline span, #rgpd-parametrage .radio-inline label {font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; text-transform: uppercase;  font-weight:500}

#rgpd-parametrage h2 { margin-top:20px; margin-right:20px}

#rgpd-parametrage h3 a { text-decoration:none;}
#rgpd-parametrage .h3 { margin-top:35px }

#rgpd-parametrage .btn { margin-top:16px}	

#rgpd-parametrage h4 {}
#rgpd-parametrage h5 {}
#rgpd-parametrage .btn.btn-sm { padding:5px 20px; margin:20px 0; min-width:auto;  text-transform:none }

#rgpd-parametrage .col-radio { padding-top:13px}


#rgpd-parametrage .radio-inline.btn.btn-sm {    padding: 6px 15px 7px 30px; border:none; margin-left:20px}	
#rgpd-parametrage .radio-inline.btn.btn-sm input { /*height:15px ; position: relative; top: -1px; vertical-align: middle;*/}	
#rgpd-parametrage .row-les-services { margin-bottom:30px}
#rgpd-parametrage .row-1-service { margin-bottom:20px}

#rgpd-parametrage .modal-footer { padding:15px 0}
#rgpd-parametrage .modal-footer p {  margin-top:10px}

p.mentions { margin-top:30px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem;}