/*
Theme Name: Mac 2
Theme URI: http://www.menuiseriecordier.be
Description: Theme cree pour la Menuiserie Artisanale Cordier - version 2: plus petites maisons
Author: ORVO
Author-URI: http://www.orvo.be
Version: 2.0
.
Ce thème a été créé pour la Menuiserie Artisanale Cordier. Tous droits réservés Menuiserie Artisanale Cordier SPRL.
.
*/

/* backgrounds and general styling */
body {
	background: #332C28;
	font: "Lucida Grande", Verdana, sans-serif;
	font-size: 1em;
	color: #B64926; 
}

p {
	letter-spacing: 0.1em;
}

a {
	text-decoration: none;
	color: #dfb476;
}

a:hover {
	color: #B64926;
}

h2 {
	font-size: 1.5em;
	margin: 0 0 0 0;
	font-variant: normal;
	font-weight: normal;
}

img {
	border:0;
}

/**************************************************************************/
/* position & size of divs */
/**************************************************************************/
#wrapper {
	width: auto;
	height: auto;
}

#header {
	width: 100%;
	height: 80px;
}

#treerings {
	display: block;
	width: 130px;
	height: 75px;
	float: left;
	margin-left: 10px;
	margin-top: 3px;
}

#logo {
	margin-left: 20px;
}

#sidebar {
	float: left;
	width: auto;
	height: auto;
	overflow: hidden;
}

#banner-contact {
	background: #5D917D;
	width: auto;
	height: 50px;
}

#menu1 {
	width: 140px;
}
#menu2 {
	width: 190px;
}

#menu1, #menu2 {
	height: auto;
	float: left;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

#language-chooser {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 5px;
	border: 1px dotted #B64926;
}

#banner-internorm {
	position: absolute;
	top: 10px;
	right: 60px;
	padding: 5px;
	border: 1px dotted #B64926;
}

#banner-renson {
	position: absolute;
	top: 10px;
	right: 210px;
	padding: 5px;
	border: 1px dotted #B64926;
	height: 35px;
}

#banner-soudal {
	position: absolute;
	top: 10px;
	right: 395px;
	padding: 5px;
	border: 1px dotted #B64926;
	height: 35px;
}

#linkespaceclients {
	position: absolute;
	top: 20px;
	right: 505px;
	font-size: 20px;
	text-align: right;
}

#content {
	width: auto;
	height: auto;
	overflow: hidden;
	padding-top: 5px;
}

#footer	{	
	clear: both;
	margin-top: 10px;
}

/**************************************************************************/
/* styling */
/**************************************************************************/
#header {
	padding-bottom: 10px;
	border-bottom: 1px dotted #B64926;
}

#treerings {
	background-image: url('img/banner-charpente2.png');
/*	border: 1px solid #dfb476;*/
}

#logo-internorm {
	position: absolute;
	top: 10px;
	left: 475px;
	padding: 5px;
	border: 1px dotted #B64926;
}
#sidebar {
	padding-top: 5px;
}

#menu1 ul, #menu2 ul {
	padding: 0;
	margin: 0;
}

#menu1 ul, #menu2 ul {
	background:	transparent;
	list-style-type: none;
	margin: 0;
	padding: 0;
/*	font-variant: small-caps;*/
}

#menu1 li, #menu2 li {
	margin-bottom: 0.4em;
}

#menu1 li a, #menu2 li a {
	font-size: 1.2em;
	color: #dfb476;
}

#menu1 a:hover, #menu2 a:hover, #footer a:hover {
/*	color: #8198B5;*/
	color: #B64926;
/*	background: #3F3C2D;*/
/*	border-bottom: 2px solid #8198B5;*/
/*	color: #FCD6B1; */
}

#menu1 a:hover, #menu1 .current_page_item {
	background-image: url('img/raquo.png');
	background-repeat: no-repeat;
	background-position: center left;
}

#menu2 a:hover, #menu2 .current_page_item {
	background-image: url('img/laquo.png');
	background-repeat: no-repeat;
	background-position: center right;
}

#menu1 {
	text-align: right;
	padding-right: 10px;
}

#menu2 {
	padding: 0 10px 0 10px;
	border-left: 1px dotted #B64926;
}

#footer {
	border-top: 1px dotted #B64926;
	color: #B64926;
	font-size: 1em;
	padding-left: 150px;
}
#footer a {
	color: #dfb476;	
	text-decoration: none;
}

/*************************************/
/* Full hover on links in menu */
#menu2 li a, #menu1 li a {
	display: block;
	width: 100%;
}

html>body #menu1 li a {
	width: auto;
}
html>body #menu2 li a {
	width: auto;
}
/*************************************/



#content h2 a {
	color: #dfb476;
	font-size: 1em;
	margin: 0 0 0 0;
	font-variant: normal;
	font-weight: normal;
}
#content h2 a:hover {
	color: #B64926;
}

#menu1 li.current_page_item a, #menu2 li.current_page_item a {
	color: #B64926;
	text-decoration:none;
}

/**/
.post-edit-link {
	color: #dfb476;
	font-size: 10px;
}

/* House Floor */

dl#housefloor{
	margin: 0 0 0 10px;
	padding: 0;
	background: transparent url('img/house-map3a.png') top left no-repeat;
	height: 560px;
	width: 700px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/*Amenagements de grenier*/
dd#amenagementsdegrenierdef { top: 20px; left: 400px; } /*position du coin top/left du cadre*/
dd#amenagementsdegrenierdef a { position: absolute; width: 220px; height: 65px; text-decoration: none; } /*taille du cadre hover*/
dd#amenagementsdegrenierdef a span{ display: none; } /**/
dd#amenagementsdegrenierdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -400px -20px no-repeat; top: 0px; left: 0px; }/* placement de l'image hover*/
dd#amenagementsdegrenierdef a:hover span{ display: none; }

/* Bardages */
dd#bardagesdef { top: 170px; left: 290px; } /*position du coin top/left du cadre hover*/
dd#bardagesdef a { position: absolute; width: 110px; height: 75px; text-decoration: none; } /*taille du cadre hover*/
dd#bardagesdef a span{ display: none; } /**/
dd#bardagesdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -290px -170px no-repeat; top: 0px; left: 0px; }/* placement de l'image hover*/
dd#bardagesdef a:hover span{ display: none; }

/*Charpentes*/
dd#charpentesdef { top: 242px; left: 260px; } /*position du coin top/left du cadre hover*/
dd#charpentesdef a { position: absolute; width: 180px; height: 108px; text-decoration: none; } /*taille du cadre hover*/
dd#charpentesdef a span{ display: none; } /**/
dd#charpentesdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -260px -242px no-repeat; top: 0px; left: 0px; }/* placement de l'image hover*/
dd#charpentesdef a:hover span{ display: none; }

/*Chassis et portes*/
dd#chassisetportesdef { top: 205px; left: 460px; } /*position du coin top/left du cadre hover*/
dd#chassisetportesdef a { position: absolute; width: 130px; height: 55px; text-decoration: none; } /*taille du cadre hover*/
dd#chassisetportesdef a span{ display: none; } /**/
dd#chassisetportesdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -460px -205px no-repeat; top: 0px; left: 0px; }/* placement de l'image hover*/
dd#chassisetportesdef a:hover span{ display: none; }

/*Chassis Internorm*/
dd#chassisinternormdef { top: 85px; left: 305px; } /*position du coin top/left du cadre hover*/
dd#chassisinternormdef a { position: absolute; width: 140px; height: 55px; text-decoration: none; } /*taille du cadre hover*/
dd#chassisinternormdef a span{ display: none; } /**/
dd#chassisinternormdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -305px -85px no-repeat; top: 0px; left: 0px; }/* placement de l'image hover*/
dd#chassisinternormdef a:hover span{ display: none; }

/* Cuisines */
dd#cuisinesdef { top: 70px; left: 120px; } /*position du coin top/left du cadre hover*/
dd#cuisinesdef a { position: absolute; width: 150px; height: 75px; text-decoration: none; } /*taille du cadre hover*/
dd#cuisinesdef a span{ display: none; } /**/
dd#cuisinesdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -120px -70px no-repeat; top: 0px; left: 0px; }/* placement de l'image hover*/
dd#cuisinesdef a:hover span{ display: none; }

/* Escaliers */
dd#escaliersdef { top: 360px; left: 220px; } /*position du coin top/left du cadre hover*/
dd#escaliersdef a { position: absolute; width: 180px; height: 110px; text-decoration: none; } /*taille du cadre hover*/
dd#escaliersdef a span{ display: none; } /**/
dd#escaliersdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -220px -360px no-repeat; top: 0px; left: 0px; }
dd#escaliersdef a:hover span{ display: none; }

/* Mobilier */
dd#mobilierdef { top: 152px; left: 518px; } /*position du coin top/left du cadre hover*/
dd#mobilierdef a { position: absolute; width: 110px; height: 52px; text-decoration: none; } /*taille du cadre hover*/
dd#mobilierdef a span{ display: none; } /**/
dd#mobilierdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -518px -152px no-repeat; top: 0px; left: 0px; }
dd#mobilierdef a:hover span{ display: none; }

/* Ossatures bois */
dd#ossaturesboisdef { top: 360px; left: 90px; } /*position du coin top/left du cadre hover*/
dd#ossaturesboisdef a { position: absolute; width: 130px; height: 130px; text-decoration: none; } /*taille du cadre hover*/
dd#ossaturesboisdef a span{ display: none; } /**/
dd#ossaturesboisdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -90px -360px no-repeat; top: 0px; left: 0px; }
dd#ossaturesboisdef a:hover span{ display: none; }

/* parquets et planchers */
dd#parquetsetplanchersdef { top: 230px; left: 30px; } /*position du coin top/left du cadre hover*/
dd#parquetsetplanchersdef a { position: absolute; width: 170px; height: 100px; text-decoration: none; } /*taille du cadre hover*/
dd#parquetsetplanchersdef a span{ display: none; } /**/
dd#parquetsetplanchersdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -30px -230px no-repeat; top: 0px; left: 0px; }
dd#parquetsetplanchersdef a:hover span{ display: none; }

/* placards et dressings */
dd#placardsetdressingsdef { top: 85px; left: 485px; } /*position du coin top/left du cadre hover*/
dd#placardsetdressingsdef a { position: absolute; width: 200px; height: 56px; text-decoration: none; } /*taille du cadre hover*/
dd#placardsetdressingsdef a span{ display: none; } /**/
dd#placardsetdressingsdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -485px -85px no-repeat; top: 0px; left: 0px; }
dd#placardsetdressingsdef a:hover span{ display: none; }

/* portes d'interieur */
dd#portesdinterieurdef { top: 140px; left: 400px; } /*position du coin top/left du cadre hover*/
dd#portesdinterieurdef a { position: absolute; width: 119px; height: 62px; text-decoration: none; } /*taille du cadre hover*/
dd#portesdinterieurdef a span{ display: none; } /**/
dd#portesdinterieurdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -400px -140px no-repeat; top: 0px; left: 0px; }
dd#portesdinterieurdef a:hover span{ display: none; }

/* salles de bain */
dd#sallesdebaindef { top: 145px; left: 145px; } /*position du coin top/left du cadre hover*/
dd#sallesdebaindef a { position: absolute; width: 120px; height: 85px; text-decoration: none; } /*taille du cadre hover*/
dd#sallesdebaindef a span{ display: none; } /**/
dd#sallesdebaindef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -145px -145px no-repeat; top: 0px; left: 0px; }
dd#sallesdebaindef a:hover span{ display: none; }

/* terrasses */
dd#terrassesdef { top: 60px; left: 0px; } /*position du coin top/left du cadre hover*/
dd#terrassesdef a { position: absolute; width: 120px; height: 140px; text-decoration: none; } /*taille du cadre hover*/
dd#terrassesdef a span{ display: none; } /**/
dd#terrassesdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') 0px -60px no-repeat; top: 0px; left: 0px; }
dd#terrassesdef a:hover span{ display: none; }

/* travaux exterieurs */
dd#travauxexterieursdef { top: 470px; left: 270px; } /*position du coin top/left du cadre hover*/
dd#travauxexterieursdef a { position: absolute; width: 250px; height: 140px; text-decoration: none; } /*taille du cadre hover*/
dd#travauxexterieursdef a span{ display: none; } /**/
dd#travauxexterieursdef a:hover{ position: absolute; background: transparent url('img/house-map3b.png') -270px -470px no-repeat; top: 0px; left: 0px; }
dd#travauxexterieursdef a:hover span{ display: none; }

/* Guestbook */
/*
Guestbook CSS structure:

.css_form_embedded
	.css_form_textfieldspace
	.css_form_errormessage
	.css_form_successmessage
*/

.css_form_text, .css_post_embedded {
	font: "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	color: #B64926; 
}

/* ChatGPT generated CSS to style WPForms form input field with a border */
.formulaire-de-contact input[type="text"],
.formulaire-de-contact input[type="email"],
.formulaire-de-contact input[type="password"],
.formulaire-de-contact input[type="number"],
.formulaire-de-contact textarea {
    border: 1px solid #D3BEB0 !important; /* Couleur beige clair pour la bordure */
    background-color: #F5F5DC !important; /* Couleur beige clair pour le fond */
    padding: 5px !important; /* Ajoute de l'espace à l'intérieur du champ de texte */
    border-radius: 4px !important; /* Ajoute des coins arrondis */
    box-sizing: border-box !important; /* Assure que le padding est inclus dans la largeur totale */
    width: 100% !important; /* Assure que le champ prend toute la largeur disponible */
    margin-bottom: 10px !important; /* Espace en bas de chaque champ */
    color: #332C28 !important; /* Couleur du texte */
    font-family: "Lucida Grande", Verdana, sans-serif !important; /* Font */
    font-size: 1em !important; /* Taille de la police */
}

.formulaire-de-contact input[type="text"]:focus,
.formulaire-de-contact input[type="email"]:focus,
.formulaire-de-contact input[type="password"]:focus,
.formulaire-de-contact input[type="number"]:focus,
.formulaire-de-contact textarea:focus {
    outline: none !important; /* Retire le contour par défaut lors du focus */
    border-color: #B64926 !important; /* Change la couleur de la bordure lors du focus */
    background-color: #FFFACD !important; /* Couleur jaune clair pour le fond lors du focus */
}