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

body, h1, h2, h3, h4, h5{font-family:'Times','arial', sans-serif}

.vcenter {display: table-cell; float: none; vertical-align: middle; padding: 0px 5px;}
.center-block{float:none}

.bg-black{background-color:#000} .text-black{color:#000}
.bg-white{background-color:#fff} .text-white{color:#fff}
.bg-opacity{background: rgba(255,255,255,0.3); padding-bottom: 30px}
.bg-quote{background-color: #000;padding:15px;color:#fff}
.border-black-bottom{border:2px solid #000;margin-top: 40px;margin-bottom:40px}

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

.border-black{display: inline-block; width: 100%; background-color: #000; padding: 15px; margin-top: -3px;z-index: 1;position: relative;}

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

/**** header ****/
#header{background-color: #fff; padding: 15px;}
#header img{margin:0 auto;text-align: center;width: 40%;margin-top:5px}

/**** footer ****/
#footer{background: #000 url("../../images/bg-footer.jpg");background-repeat: no-repeat;max-width: 1280px;padding-bottom: 40px;margin:0 auto}
#footer a{color: #fff}

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


/* conditions générales */
#box #content #conditions-generales *{line-height: 1.1}
#box #content #conditions-generales h1{font-size:25px;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;}

.tab-cookies td {padding: 10px;}

/*** FOOTER ***/
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {color: #ffffff;margin: 0 0 2rem;}
footer p {font-size: 1.2rem;line-height: 1.5;color:#ffffff;padding:5px}
.footer .footer-column-wrap, .footer .footer-logo-wrapper {background-color: #333;}
.footer .footer-column-wrap .footer-column-1, .footer .footer-column-wrap .footer-column-2, .footer .footer-column-wrap .footer-column-3 {padding-top: 5rem;}
footer .button {background: transparent none repeat scroll 0 0;border: 1px solid #d39c93;color: #d39c93;font-weight: bold;padding: 0.5rem 2.5rem;}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {color: #d39c93;margin: 0 0 2rem}
.footer .footer-menu {background: #f9e2af;}
.footer .footer-menu ul li a {color: #333;display: block;font-family: "Montserrat",sans-serif;font-size: 1.6rem;padding: 1.2rem;text-decoration: none;}
.list-unstyled a{color:#FFF}
footer .list-inline{margin-bottom:0}



/* RESPONSIVE */

@media (min-width:768px){
	#header img{width: 14%}
  .form-container{width:400px;}

  /* mail content reponse */
  #reponse #box .container{width: 620px}
  #reponse #content .container #content-mailing{border:2px solid #000;border-bottom: 0}
  #reponse #content #footer-mailing{border:2px solid #000;border-top:0}
}
@media (min-width:992px){
	#landing h1{font-size: 40px;padding-top: 25px}
	#landing h3{font-size: 28px;}
	#landing #content .container{width: 750px}
  .margin-top-130{margin-top: 130px}
  #reponse #header img{width: 25%}
}
@media (min-width:1281px){}
@media (max-width:500px){
  #footer{min-height: inherit;padding-top: 20px;padding-bottom: 20px;}
}
@media (max-width:414px){
  .no-margin-resp{margin-left: 0;margin-right: 0;}
  .no-padding-resp{padding-left: 0;padding-right: 0;}
}