/************/
/* GENERAL */

.center-block{float:none}
.bold{font-weight:bold}
.text-black{color:#000}
.text-white{color:#fff}
.capitalize{text-transform: capitalize;}

.pad-0{padding:0} .margin-0{margin:0}
.padding-left{padding-left: 15px} .padding-right{padding-right: 15px} .padding-top{padding-top: 15px} .padding-bottom{padding-bottom: 15px}
.margin-left{margin-left:15px} .margin-right{margin-right:15px} .margin-top{margin-top:15px} .margin-bottom{margin-bottom:15px}

.pad-5{padding:5px}.pad-left-5{padding-left:5px}
.pad-10{padding:10px}.pad-top-10{padding-top:10px}.pad-bottom-10{padding-bottom:10px}
.pad-20{padding:20px}.pad-top-20{padding-top:20px}
.pad-top-50{padding-top:50px} .pad-top-5{padding-top:5px}
.pad-bottom-50{padding-bottom:50px}
.marg-bottom-15x{margin-bottom:15px}
.margin-bottom-30{margin-bottom:30px}

.gradient-bar{width: 100%;height:4px;background: linear-gradient(to right, black 10%, #EDD6B4 25%, #FFFEFD 50%, #EDD6B4 75%, black 90%);}


/* header */
.blk-title {background: #000 url("../../images/bg-title.jpg") no-repeat scroll center center;background-size: cover}

/************/

/**** landing texte ****/
#box #content h2, #box #content h3, #box #content h4{color:#fff;background-color: #0086cd;}
#box #content p{font-size: 16px}
#box #content h4{margin-left:15px}

/************/
/* FOOTER */
footer {background-color: #000;}
footer * {color:#FFF}
footer p{padding:15px 0;margin:0;font-size:15px}

/* page RGPD */
.tab-cookies td{padding:10px}
.rgpd h2{padding:5px}
.rgpd h3{padding:5px}
.rgpd p{padding:5px}

/* conditions générales */
#box #content #conditions-generales *{line-height: 1.1}
#box #content #conditions-generales h1{font-size:11px;color:#333;font-weight:normal;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;background-color: inherit;padding:0;color:#0086CD;font-weight:bold;}
#box #content #conditions-generales h2, #box #content #conditions-generales h3, #box #content #conditions-generales h4{margin:7px 0 0;font-size: 11px;color:#333;font-weight:normal;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;background-color: inherit;padding:0}
#box #content #conditions-generales p{margin-bottom: .5rem;font-size: 11px}
#box #content #conditions-generales p.subtitle{margin:7px 0 0;font-weight:normal}
#box #content #conditions-generales a, #box #content #conditions-generales a:hover{color:#333;text-decoration: none;}
#box #content #conditions-generales a.text-black{color:#333;text-decoration: none;}
#box #content #conditions-generales a.underline{text-decoration: underline;}
#box #content #conditions-generales .table>thead>tr>th,  #box #content #conditions-generales .table>thead>tr>td, #box #content #conditions-generales .table>tbody>tr>th, #box #content #conditions-generales .table>tbody>tr>td, #box #content #conditions-generales .table>tfoot>tr>th, #box #content #conditions-generales .table>tfoot>tr>td{font-size:11px}
#box #content #conditions-generales ul{font-size: 11px}
#box #content #conditions-generales b, #box #content #conditions-generales strong, #box #content #conditions-generales .bold{font-weight: normal}
#box #content #conditions-generales .table-striped>tbody>tr:nth-child(odd)>td, #box #content #conditions-generales .table-striped>tbody>tr:nth-child(odd)>th{background-color: transparent}
#conditions-generales a.bold-underline, #conditions-generales .bold-underline{font-weight:bold;text-decoration: underline;}

/************************/
/* RESPONSIVE */
/* resp tablets >= 360 */
@media (min-width: 360px){
  /* header , footer */
  #header-title, #footer-title{padding-top:10px;padding-bottom:10px}
}

/* resp tablets >= 375 */
@media (min-width: 375px){
}

/* resp tablets >= 410 */
@media (min-width: 410px){
  /* header , footer */
  #header-title, #footer-title{padding-top:15px;padding-bottom:15px}
}

/* resp tablets >= 414 */
@media (min-width: 415px) and (max-width: 767px){
}

/* resp tablets >= 768 */
@media (min-width: 768px){
  .gradient-bar{height:10px;}
}

/* resp large tablets & descktop >= 991 */
@media (min-width:991px){
	/* header */
	#header-title{min-height:207px;padding-top:50px}
}

/* resp descktop >= 1200 */
@media (min-width:1200px){
}