/************************/
/* FONTS */

/*@font-face {
    font-family: 'oswalddemibold';
    src: url('fonts/oswald/oswald-demibold-webfont.eot');
    src: url('fonts/oswald/oswald-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald/oswald-demibold-webfont.woff2') format('woff2'),
         url('fonts/oswald/oswald-demibold-webfont.woff') format('woff'),
         url('fonts/oswald/oswald-demibold-webfont.ttf') format('truetype'),
         url('fonts/oswald/oswald-demibold-webfont.svg#oswalddemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/*@font-face {
    font-family: "Mission-Script";
    src: url("fonts/Mission-Script.otf");
}*/

/************/
/* 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}


/**** header ****/
#header{background-color: #fff; padding: 15px}
#header img{margin: 0 auto;width: 65%}
.border-black{display: inline-block; width: 100%; background-color: #000; padding: 15px; margin-top: -3px;z-index: 1;position: relative;}


/**** footer ****/
#footer{background-color: #000;height:auto;padding-top: 40px;padding-bottom: 40px}
#footer a{color: #fff}

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


/* page RGPD */
.tab-cookies td{padding:10px}

/* 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 */

@media (min-width:992px){
	#box #content{background-image: url("../images/bg-voyance-saturne.jpg");background-repeat: no-repeat;border-bottom: 30px solid #000;}
}
@media (min-width:1281px){
	#box #header img{width: 15%;}
	#box #content{background-size: cover;}
	#box #contact .container{width:1170px}
	#box #contact h2.title-contact-1{font-size: 26px}

	#box #content{background-position: 0px -130px;}
}
@media (min-width:768px){
	#header img{width: 20%}
}
@media (max-width:500px){}
@media (max-width:414px){
	.padding-resp-10{padding:10px}
	.padding-resp-20{padding-left: 40px;padding-right: 40px}
	#footer .container img {width: 75%}

	#box .blk-signes .as-3x{font-size: 2em;}
	#box .blk-signes{width:320px;}
	#box #contact h2.title-contact-1{font-size: 25px;padding-top: 10px}
	#box #contact .resp-pad-left{padding-left: 40px}

	#box #contact .title-contact-3{font-size: 24px}
	#box #content #offer h2{font-size: 23px;padding-top:10px;font-family: "arial",sans-serif;}
	#box #content #offer .tel{font-size: 23px;border:1px solid #fff;width: 50%;margin:0 auto;border-radius: 5px}
	#box #content #offer .offre{margin-top: 5px;font-family: "arial", sans-serif;margin-bottom: 5px}

	#box #content .container{padding-left: 0;padding-right: 0;}
	#box #content .no-padding-res{padding-left: 0;padding-right: 0;}
	#box #content .no-margin-resp{margin-left: 0;margin-right: 0;}

}
@media (max-width:375px){
	#box #content h1{font-size: 21px;}
	#box #content h2{font-size: 18px;}
	#box #separator{margin-left: 10px;margin-right: 10px}
	#box #contact h2.title-contact-1{font-size: 20px}
	#box #contact .title-contact-3{font-size: 21px}

}
@media (max-width:360px){

}
@media (max-width:320px){
	#footer .container img {width: 60%}
	#landing #contact h2.title-contact-1, #valide #contact h2.title-contact-1, #interdiction #contact h2.title-contact-1, #reponse #contact h2.title-contact-1{font-size: 17px}
	#tchat-content{width: 320px}
}