/*
Theme Name:	skt-hotel-lite-child
Theme URI: https://www.sktthemes.net/shop/hotel-lite/
Description: skt-hotel-lite-child Theme
Author: SKT Themes
Template: skt-hotel-lite 
Version: 1.7
*/

/*
DARK	= 333 331   #000001 
LIGHT	= 02A EE7   #02AEE7  
*/

/* Nos Ajouts */
#login h1 a {}
#login h1 a {background-image:url("") !important; background-size: 100%; width: 320px; height: 300px; background-color: #ffffff; box-shadow: 0px 0px 35px #333;}

body				{font-size: 14px; font-family: 'Roboto', sans-serif;}
#content a			{color: #02AEE7 !Important;} /* #02AEE7 */
#content a:hover	{color: #000000 !Important;}
#content a:visited  {color: #02AEE7 !Important;}

a					{color: #02AEE7 !Important;}
strong, b			{font-weight: bold; }

h5			{color: #02AEE7; background-color: #333333; font-size: 1.5em; padding: 20px; line-height: 1.5em; }
h5 a		{color: #ffffff !Important;}
h5 a:hover	{color: #000000 !Important;}

h6			{color: #ffffff; background-color: #02AEE7; font-size: 1.5em; padding: 20px; line-height: 1.5em; }
h6 a		{color: #ffffff  !Important;}
h6 a:hover	{color: #000000 !Important;}

ol, ul	{margin: 0 0 20px 50px;}
li		{line-height: 25px; xpadding-bottom: 15px;}

img.alignleft, .alignleft						{border: 0px solid #cccccc;}
img.aligncenter									{margin: auto !Important; padding: auto !Important;}
.aligncenter, div.aligncenter, p.aligncenter	{display: block; margin-left: auto; margin-right: auto;}
.alignnone  {width: inherit !important;}

.copyright-txt {position: relative; padding: 10px 0px 0px 0px; float: none; text-align: center; font-size: 17px; line-height: 1.9em; color: #bcbbbb; z-index: 99;}

.bandeDeCouleur {background-color: #02AEE7; height: 10px;}

.blog-post {
  margin: 50px 0px 0px 0px;
}

/* PC PC  PC  PC  PC  PC  PC  PC PC PC  PC  PC  PC  PC  PC  PC PC PC  PC  PC  PC  PC  PC  PC PC PC  PC  PC  PC  PC  PC  PC  */
@media screen and (min-width: 1101px) {

	.site-main				{width: 1100px; margin: 0; padding: 0; float: left;} /* <== Si enlever la Sidebar dans page.php et dans single.php ==> Alors changer de 770px à 1100px dans style.css ==> .site-main {width: 1100px;...} */
	.inner-banner-thumb		{max-width: 1120px; position: relative; width: 100%; background-color: #ffffff00 !Important; margin: 5px auto; min-height: 100px !Important; height: 100px !Important; text-align: center;  overflow: hidden;}  /* DESSOUS la bandeDeCouleur (dans header.php) :: Espace blanc avec le titre de la page */
	.banner-container H1	{color: #aaaaaa !Important; text-align: right; font-size: 1.0em !Important; padding-right: 0px !Important;}  /* HAUT de page (dans header.php) :: Le titre de la page - Dans l'espace blanc */
	.header					{background-color: #000001;}   /* MENU TOP :: Couleur de fond */
	.site-description, a.site-description { color: #000000 !Important; font-size: 12px; padding-bottom: 15px; margin-top: 5px;} /* SLOGAN sous le logo */
	
	.logo				{position:absolute; top: 10px; bottom: auto; float: left; text-align: center; z-index: 999999; height: auto; min-height: 120px; background-color: #ffffff !Important; border: 5px solid #000001;  max-width: 300px; width:auto; color:#ffffff00; padding: 0px 20px 0px 20px; -moz-border-radius-topleft: 25px; -webkit-border-top-left-radius: 25px; border-top-left-radius: 25px; -moz-border-radius-bottomright: 25px; -webkit-border-bottom-right-radius: 25px; border-bottom-right-radius: 25px; xborder-width: 5px; xborder-style: solid; xbackground: linear-gradient(to bottom, transparent, #aaaaaa); xborder-image:linear-gradient(to bottom, #02AEE7, #333333) 1 40%;}	/* BORDER ou BOX :: Dégradé de couleurs */
	#logo-main			{margin-left: 0; margin-right: 0; xtext-align: center;}
	.logo h2			{font-size: 1.8em; color: #000001; font-weight:bold; text-align: center; line-height: 36px; word-wrap: break-word; padding: 15px !Important; margin: 0px; font-family:'Arial';}
	.logo p				{float: none; color: #000000; text-align: center; font-size: 12px; font-weight: bold;}
	.logo img			{max-height: 112px; max-width: 214px; height: auto; width: auto;          height: 112px !Important;}   /* LOGO TOP :: Taille du logo */
	.XXXlogoSize img	{max-height: 150px; max-width: 250px; height: auto; width: auto;          height: 150px !Important;}   /* LOGOSIZE TOP :: Taille du logo */
	
	.main-navigation							{background-color: #00000000 !Important; font-size: 1.0em; font-family: 'Assistant';}
	.main-navigation ul li						{line-height: 25px; padding-bottom: 0px;}
.main-navigation ul li a					{background-color: #FFFFFF15 !Important; line-height: 50px; color: #ffffff !Important; text-decoration: none; font-weight: bold; margin: 3px; padding: 1px 8px !Important; position: relative; display:block; z-index: 99; transition: all ease 0.23s; }
	.main-navigation ul li a:hover				{background-color: #FFFFFF35 !Important;}
	.main-navigation ul li:last-child a			{padding-right: 12px;} /* MENU:: Le dernier élément du Menu */
	.main-navigation a							{background-color: #333333 !Important; color: #ffffff !Important; font-weight: bold; }
	.main-navigation ul li.current_page_item a	{color: #02AEE7 !Important;}/* NAV - Couleurs */
	.main-navigation ul li:hover > ul			{background-color:#333333 !Important; display:block; width:200px; position:absolute; left:0; text-align:left; xbox-shadow:0 2px 2px #333;}
	.main-navigation ul li ul					{display:none; position:relative; z-index:9999999; min-width: 250px;} /* SOUS-MENU :: */
	.main-navigation ul li ul li a				{background-color: #FFFFFF15 !Important; color: #ffffff !Important; display:block; margin: 5px; padding: 1px 20px !Important; font-weight: bold;}
.main-navigation li.menu-item-has-children > a::after {width: 8px !Important;}

	
	#wrapsecond .container { background-color: transparent !Important; text-align: center; padding: 0px 0px 0px 0px !Important; box-sizing: content-box; } /* Bande de couleur entre le SliderTop et le main (textes) du site */
	#content_navigator p {margin-bottom: 4px; }

#XXXcontent				{padding-bottom: 50px;} /* Distance entre le main (textes) du site et le Footer */
.XXXpage_content			{padding: 0px; margin-top: 90px !Important; margin-bottom: 20px !Important;}
.XXXpage_content p		{margin-bottom: 20px; line-height: 28px; }
.XXXwp-block-image img	{max-width: 100%; }


.topPhoneBox		{width: 100%; background-color: #ffffff; text-align: center; margin-left: auto; margin-right: auto; padding-left: auto; padding-right: auto;}
.topPhone			{width: 1100px; background-color: #ffffff; padding: 25px 0px 25px 0px; margin-left: auto; margin-right: auto; color: #AFAFAF; color: #000000; font-size: 1.7em; font-weight: Bold;}
.topPhone H1		{font-size: 0.5em; font-weight: Bold;}

.topPhone a			{color: #02AEE7 !Important; font-size: 1.3em !Important;}
.topPhone a:hover	{color: #FF0000 !Important;}

/* PARALLAX */	
.parallax {background: url("") center center no-repeat fixed; background-size: cover; margin-left: -450px; margin-right:-450px; margin-bottom: 400px; xheight: 100%; margin-bottom: 20px !Important;} 
.parallax-content-dark {background-color: #000000cc; width: 100%; }
.parallax-content {width: 50%; margin:0 auto; color: #FFFFFF; padding: 100px 20px 100px 20px;}
/* END :: PARALLAX */
}
/* END :: PC PC  PC  PC  PC  PC  PC  PC PC PC  PC  PC  PC  PC  PC  PC PC PC  PC  PC  PC  PC  PC  PC PC PC  PC  PC  PC  PC  PC  PC  */


/* PHONE  PHONE  PHONE  PHONE  PHONE  PHONE PHONE  PHONE  PHONE  PHONE  PHONE  PHONE PHONE  PHONE  PHONE  PHONE  PHONE  PHONE */
@media screen and (max-width: 1100px) {
	#wrapsecond .container { background-color: rgba(0, 0, 0, 0.8) !Important; padding: 0px !Important;} /* Bande de couleur - largeur du Main - entre le SliderTop et le main (textes) du site */
	.header {background-color: #ffffff;}
	.nav a {color: #02AEE7 !Important; font-size: 1.3em; font-weight: bold; }
	.nav ul li.current_page_item a {color: #000000 !Important;}/* NAV - Couleurs */

	.logo   {position:absolute; top: 10px; width:auto; float: left; z-index: 1; background-color: #ffffff !Important; padding: 20px; border: 1px solid #ffffff; color:#fff; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-topleft: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; margin-bottom: 20px !Important;}

	#xlogo-main			{margin-left: 0; margin-right: 0; xtext-align: center;}
	.logo h2			{font-size: 2.2em; font-weight:bold; color: #000000; text-align: left; line-height: 36px; word-wrap: break-word; padding: 15px !Important; margin: 0px;}
.logo p				{color: #000000; text-align: center; font-size: 12px; font-weight: 600; float: none; }
	.logo img			{max-height: 112px; max-width: 214px; height: auto; width: auto;      height: 112px !Important;}   /* LOGO TOP :: Taille du logo */
	.XXXlogoSize img		{max-height: 150px; max-width: 250px; height: auto; width: auto;      height: 150px !Important;}   /* LOGOSIZE TOP :: Taille du logo */


	.main-navigation					{background-color: #E6E6E6  !Important;}
	.main-navigation button.menu-toggle {position: relative; width: 140px; text-align: right !Important; margin: 0 auto; background-color: #000000 !Important; border: 1px; color: #ffffff; padding: 10px; height: 40px; cursor: pointer;}

	.inner-banner-thumb		{position: relative; width: 100%; margin-top: 5px; min-height: 35px !Important; height: 35px !Important; background-color: #0000ff; text-align: center; overflow: hidden;}  /* DESSOUS la bandeDeCouleur (dans header.php) :: Espace blanc avec le titre de la page */

	.ma-inner-banner-thumb	{background-color: #E6E6E6; margin: 0px !Important; }

	.inner-banner-thumb h1	{top: 10px !Important; text-align: center; }

	.banner-container H1	{color: #000000 !Important; text-align: center; font-weight: Bold; font-size: 20px !Important; }  /* HAUT de page (dans header.php) :: Le titre de la page - Dans l'espace blanc */
	.page_content{padding: 0px; margin-top: 20px;}


	.topPhoneBox {width: 100%; background-color: #ffffff; text-align: center; margin-left: auto; margin-right: auto; padding-left: auto; padding-right: auto;}
	.topPhone    {width: 100%; background-color: #ffffff; padding: 25px 0px 0px 0px; margin-left: auto; margin-right: auto; color: #AFAFAF;}
	.topPhone a  {color: #AFAFAF !Important; }
	.topPhone a:hover  {color: #FF0000 !Important;}

/* PARALLAX */	
	.parallax {background-image: url(""); height: 100%; background-attachment: fixed; background-position: center;background-repeat: no-repeat; background-size: cover; margin-left: -450px; margin-right:-450px;} 
	.parallax-content-dark {background-color: #00000088; width: 100%; }
	.parallax-content {background-color: #ffffff; width: 25%; margin:0 auto; color:#000000; padding: 20px 20px 20px 20px}
/* END :: PARALLAX */
}
/* END :: PHONE  PHONE  PHONE  PHONE  PHONE  PHONE PHONE  PHONE  PHONE  PHONE  PHONE  PHONE PHONE  PHONE  PHONE  PHONE  PHONE  PHONE */





/*  ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2  */

@media screen and (max-width: 767px) {
  #navigation {float: none; width: 100%; padding: 20px 0 0 0 !Important; text-align: center;}
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
}
/* END :: ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 ENTRE 2 */




























/* ARTICLES ::  */
/* BOUTON ::   */
.bookbtn { background-color: #02AEE7 !Important; font-weight: bold !Important; border: 1px solid #03cbe9; color: #ffffff !Important; font:300 28px/28px 'Roboto',san-serif;  position:absolute; padding:10px 30px; display:inline-block; top:-49px; z-index:999; text-transform:uppercase; border-bottom:none !important; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor:pointer;}
.bookbtn b{font-weight:700;}
.bookbtn span{ margin-left:15px;}
.bookbtn:hover {color: #ff0000 !Important;}
/* END :: BOUTON  */

/* Date + commentaires des ARTICLES */
.postmeta {}
.post-date {display: none;}
.post-comment {display: none;}
/* END :: Date + commentaires */
/* END :: ARTICLES */





/* CONTENT VIEWS */
.pt-cv-wrapper .btn-success {color: #fff; background-color: #aaaaaa !Important; border-color: #cccccc;}
/* END :: CONTENT VIEWS */









/* FOOTER  */
	.copyright-wrapper			{position: relative; display: block; padding: 0px; background-color: #000001 !Important; color: #bcbbbb; text-align: center;}
	.copyright-txt				{float: none;}
	.design-by, .design-by a	{float: none; color: rgba(255, 255, 255, 0.5) !Important; background-color: transparent !Important; padding: 10px 0px 10px 0px;}
	.design-by a:hover			{float: none; color: #02AEE7 !Important;}
/* END :: FOOTER */





/* NOS AJOUTS */










/* PC PC  PC  PC  PC  PC  PC  PC PC PC  PC  PC  PC  PC  PC  PC PC PC  PC  PC  PC  PC  PC  PC PC PC  PC  PC  PC  PC  PC  PC  */
@media screen and (min-width: 401px) {
	#section01 {background-color: #eeeeee; display: flex; flex-wrap: wrap; justify-content:left ; }
	.myMain		{display:inline-block; width: 70%; background-color: #979797; padding: 10px; box-sizing: border-box; margin: 10px; }
	.mySidebar	{display:inline-block; width: 25%; background-color: #eeeeee; padding: 10px; box-sizing: border-box; margin: 10px; text-align: left; }
	.myMainPub		{display:inline-block; width: 70%; background-color: #eeeeee; padding: 10px; box-sizing: border-box; margin: 10px; }
	.mySidebarPub	{display:inline-block; width: 100%; background-color: #eeeeee; padding: 10px; box-sizing: border-box; margin: 10px; text-align: left; }
}

/* PHONE  PHONE  PHONE  PHONE  PHONE  PHONE PHONE  PHONE  PHONE  PHONE  PHONE  PHONE PHONE  PHONE  PHONE  PHONE  PHONE  PHONE */
@media screen and (max-width: 400px) {
	#section01 {background-color: #eeeeee; display: block;}
	.myMain		{display:inline-block; width: 100%; background-color: #dddddd33; padding: 0px 0px 0px 0px; box-sizing: border-box; margin: 0px 10px 10px 0px; }
	.mySidebar	{display:inline-block; width: 100%; background-color: #eeeeee; padding: 0px 10px 0px 10px; box-sizing: border-box; margin: 10px 10px 0px 0px; text-align: left; }
	.myMainPub		{display:inline-block; width: 100%; background-color: #dddddd33; padding: 0px 0px 0px 0px; box-sizing: border-box; margin: 0px 10px 10px 0px; }
	.mySidebarPub	{display:inline-block; width: 100%; background-color: #eeeeee; padding: 0px 10px 0px 10px; box-sizing: border-box; margin: 10px 10px 0px 0px; text-align: left; }
}



/* DIAPORAMA */
	.monDiapo { display:flex; position: relative; margin:0; padding:1rem; width: 100%; height: auto; align-items:center; box-sizing: border-box; }
	img{max-width: 100%; height:auto; }
	.target{display:none; }
	.cadre_diapo{max-width: 100%; margin:2rem auto; overflow:hidden; }
	.interieur_diapo{display: flex; width: 400%; transition: transform .6s ease-in-out;	}
	#votre_id1:target ~ .cadre_diapo .interieur_diapo{transform:translatex(0); }		/*image 1*/
	#votre_id2:target ~ .cadre_diapo .interieur_diapo{transform:translatex(-25%); }		/*image 2*/
	#votre_id3:target ~ .cadre_diapo .interieur_diapo{transform:translatex(-50%); }		/*image 3*/
	#votre_id4:target ~ .cadre_diapo .interieur_diapo{transform:translatex(-75%); }		/*image 4*/
	/*navigation avec images miniatures*/
	.navigation_diapo		{display: flex; list-style-type: none; margin: 0; padding: 0; }
	.navigation_diapo li	{padding: .25rem; }
	.navigation_diapo img	{border: 3px solid white; xbox-shadow:0 0 5px hsla(0,0%,0%,.4); }
/* END::DIAPORAMA */





/* FORMULAIRE */
	.wpcf7						{background-color: #D2D4D533; border: 5px solid #D2D4D533; padding: 20px 20px 0px 20px !important;}
	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border-color: #ffb900; background-color: red; color: #fff; font-weight: bold; padding: 50px 10px 50px 10px; text-align: center;}
	.wpcf7 input[type="submit"] {background-color: #134f8e !Important; font-weight: bold; margin-top: 25px;}	
	.wpcf7-form p				{margin-bottom: 20px; line-height: 20px !important;}
	input.wpcf7-text			{width: 100% !important; color:#000000 !Important; font-weight: bold; padding: 0px 0px 20px 0px; }
	textarea.wpcf7-form-control.wpcf7-textarea {width: 100% !important; color:#000000 !Important; font-weight: bold; font-size: 1.0em; }

	.formLabel					{padding: 0px 0px 20px 0px; }
	.formRemerciements			{background-color: #333332; padding: 20px;}

	.priseContact {}
	.priseContact input[type=checkbox] {width: auto !important; }
	.priseContact input, .priseContact textarea, .priseContact input[type="submit"] {width: 100% !important; }
	.priseContact label {color: #000000 !Important; padding: 0px 0px 20px 0px;}
/* END :: FORMULAIRES */





/* ACCUEIL */
.bannerTopLiens				{}		
.bannerTopLiens a::before	{content: "< ";}
.bannerTopLiens a::after	{content: " >";}
/* END:: ACCUEIL */

/* pt-cv-content */
.pt-cv-content:nth-child(1)		{color: #0000ff !Important;}
.pt-cv-content strong::before	{content: " "; display: block;}
.pt-cv-content strong::after	{content: " "; display: block;}
.pt-cv-thumbnail 				{} 
.post-thumb 					{text-align: center;}
/* END:: */






/* SPECIAL :: Content Views */
	/* 
	.pt-cv-ifield		{}
	.pt-cv-ifield img	{width: 300px; height: 200px; border: 10px solid #eeeeee !Important; object-fit: cover;} /* object-fit: cover; ==> Permet d'ajuster l'image à la taille carrée par exemple 

	.pt-cv-ifield		{display: flex; flex-wrap: wrap; justify-content: center; background-color: #ffffff; padding: 10px;}
	.pt-cv-ifield:hover {background-color: #fcfcfc;}
	.pt-cv-ifield ul	{list-style-type: none;}
	.entry-date			{display: none;}

	.pt-cv-ifield H2 a	{font-size: 0.5em !Important;}
	.single_title		{font-weight: bold;}
	img					{display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic;}
	*/
.pt-cv-ifield			{background-color: #ffffff;border: 1px solid #e1e1e1; min-height: 300px; padding: 22px;}
.pt-cv-ifield::after	{position: absolute; content: 'entreprise'; text-transform: capitalize; box-sizing: inherit; left: -26px; top: 34px; transform: rotate(-90deg); width: 75px; height: 30px; color: #ffffff; background-color: blueviolet; padding: 5px; }
/* SPECIAL :: Float - flex-wrap: wrap; justify-content:space-between;       */





/* SPECIAL :: Float - Chaudiere*/
	.myFloatBox01 {display: flex; flex-wrap: wrap; justify-content:space-around;}
	.myBox01 {display: flex; flex-wrap: wrap; justify-content:space-between; background-color: #ffff55; border: 3px solid #ff0000; margin:50px 0; padding: 10px;}
	.myBox02 {background-color: #00ff00; border: 3px solid #ff0000; margin:50px 0; padding: 20px; display: flex; flex-wrap: wrap; justify-content:space-between;}
	.myBox02 div {display: inline-block;}
	.myBoxDiv2 {max-width: 500px;}
/* END :: SPECIAL :: Float - Chaudiere*/


/* IMMO */
	.immoDemo .pt-cv-title {display: block !Important; text-align:center !Important;}
	h4 .pt-cv-title a {font-size: 0.5em !Important; color:#A6826F !Important;}
/* END :: IMMO */






/* MOTOS Page */
	.motosPage		{color: #333333; Font-size: 1.5em;}
	.motosPage p	{line-height: 1.0em !Important;}
	.motosPage p:first-child {background-color: #B7B7B7; color: #000000; font-weight: Bold; padding: 20px;}
	.motosPage p:nth-child(n+2){background-color: #ffffff; padding: 10px;}
	.motosPageField {background-color: #efefef !important; color: #aaaaaa; }
	.motosPage h1	{color: #000000; Font-size: 1.0em !Important;}
	.motosPage img	{}
	.pt-cv-wrapper .btn {background-color: #f0f0f0 !important; text-decoration: none !important; outline: 0 !important; font-style: normal; }
/* END :: MOTOS Page */



/* PHARMA : */
	.pharmaArticles {}
	.pharmaArticles p:nth-child(1) {color: #000000; font-size: 1.5em; font-weight: bold;}
	.pharmaArticles p:nth-child(2) {color: #0000ff; font-size: 0.8em;}
	.pharmaArticles p:nth-child(3) {color: #555555; font-size: 0.8em; font-weight: bold;}
/* END :: PHARMA : */



/* Petites Annonces Immo*/
	.bienInteresse {font-size: 1.3em;}
	/*
	.immoCarateristiques {background-color: #eeeeee; width: 100%;}
	.immoCarateristiques table {width: 100%; border:0;}
	.immoCarateristiques td {width: 50%; text-align: right; padding: 20px;}
	.immoCarateristiques td:first-child {font-weight: bold;}
	*/
/* END :: Petites Annonces Immo */


/* IMMOBILIER */
	.containerimmopage {100%}
	.immoTable {width: 96%;}
	.immoTable table, .immoTable th, .immoTable td {border:2px;}
	.immoTable td {height: 55px;}
	.immoTable td:nth-child(1) {width: 100px; background-color: #eeeeee; padding: 10px;}
	.immoTable td:nth-child(2) {width: 10px; background-color: #eeeeee;}
	.immoTable td:nth-child(3) {font-weight: bold; text-align: center;}
	.immoTable td:nth-child(4) {}
	.elementor-widget-container h5 {background-color: #aaaaaa; color: #ffffff; font-weight: bold;}
	.immoDetails li {list-style-type: none;}
	.immoDetails li::before {position: absolute; content: ''; box-sizing: inherit; border-color: #BA9A68; border-style: solid; border-width: 0 0.3em 0.25em 0; left: 1.2em;  transform: rotate(45deg); width: 0.5em; height: 1.0em; }
/* END :: IMMOBILIER */