/*
 Theme Name:   Maison Millière
 Theme URI:    http://dix-onze.ca/
 Description:  Theme par Dix-Onze inc.
 Author:       Dix-Onze inc.
 Author URI:   http://dix-onze.ca/
 Version:      1.0.0
*/

/* ********** Background ********** */
body { background-color: #ded5ad; font: normal 14px "Georgia", "Times New Roman", Times, serif; color: #000000; }
/* ******************************** */

/* ******************** Contenu ********************* */
#contenant { width: 950px; margin: 0 auto 0 auto; padding: 0; }
/* ************************************************** */

/* ********************* Entete ********************* */
#header_g, #header_g_s { width: 950px; height: 227px; margin: 0; padding: 0; }
#header_g { background: url(medias/images/elements_header.png) no-repeat left top; }
#header_g_s { background: url(medias/images/elements_header_s.png) no-repeat left top; }
#header { width: 950px; height: 227px; margin: 0; padding: 0; background: url(medias/images/bg_header.jpg) no-repeat left top; }
#header p { font: normal 11px "Georgia", "Times New Roman", Times, serif; color: #f5e8cb; margin: 0; padding: 170px 0 0 575px; }
/* ************************************************** */

/* ********************* Corps ********************** */
#main_g, #main_g_s { width: 950px; height: 262px; margin: 0; padding: 0; }
#main_g { background: url(medias/images/elements_main.png) repeat-y left top; }
#main_g_s { background: url(medias/images/elements_main_s.png) no-repeat left top; }
#main { width: 950px; height: auto; margin: 0; min-height: 860px; padding: 0; background: url(medias/images/bg_main.jpg) repeat-y left top; overflow: auto; }
#main p { margin: 0; padding: 0 0 20px 0; font: normal 14px "Georgia", "Times New Roman", Times, serif; color: #000000; }
/* ************************************************** */

/* ***************** Corps - Gauche ***************** */
#gauche { width: 195px; height: auto; margin: 0; padding: 0; float: left; }

#carte_header_1, #carte_header_2 { width: 195px; height: 62px; margin: 0; padding: 0; }
#carte_header_1 { background: url(medias/images/menu_header_1.png) no-repeat left top; }
#carte_header_2 { background: url(medias/images/menu_header_2.png) no-repeat left top; }
#carte_main { width: 125px; height: auto; margin: 0; padding: 0 30px 0 40px; background: url(medias/images/menu_bg.png) repeat-y left top; overflow: auto; }
#carte_main ul { margin: 0; padding: 0 0 20px 0; list-style: none; }
#carte_main ul li { padding-top: 5px; }
#carte_main ul li a { font: bold 12px "Georgia", "Times New Roman", Times, serif; color: #41342f; }
#carte_footer { width: 195px; height: 30px; margin: 0; padding: 0; background: url(medias/images/menu_footer.png) no-repeat left top; }
#carte_main ul li a:hover { color: #a22c1e; }

#cartes { width: 195px; height: 43px; margin: 30px 0 0 0; padding: 0; background: url(medias/images/cartes.gif) no-repeat 28px top; } 

#gargouille { width: 195px; height: 45px; margin: 10px 0 0 0; padding: 0; background: url(medias/images/gargouille.png) no-repeat left top; }
/* ************************************************** */

/* ***************** Corps - Droit ****************** */
#droite { width: 500px; height: auto; margin: 0; padding: 50px 220px 70px 35px; float: left; }
#droite_s { width: 670px; height: auto; margin: 0; padding: 20px 50px 70px 35px; float: left; }

#centre_m { width: 500px; height: auto; margin: 0; padding: 50px 20px 70px 35px; float: left; }
#droite_m { width: 160px; height: auto; margin: 0; padding: 275px 40px 0 0; float: left; }

#centre_m p, #droite p, #droite_s p { line-height:20px;	font-size: 14px; }
#centre_m h1, #droite h1, #droite_s h1 { font-size:20px; }
#centre_m h2, #droite h2, #droite_s h2 { font-size:15px;}
#centre_m h6, #droite h6, #droite_s h6 { font-size:8px;}
#centre_m a, #droite a, #droite_s a { font: 14px "Georgia", "Times New Roman", Times, serif; color: #a0291c; }
#centre_m a:hover, #droite a:hover, #droite_s a:hover { font: 14px "Georgia", "Times New Roman", Times, serif; color:#000;}
#droite_s ul { padding: 0 0 20px 50px; line-height:18px;}

#droite_m a.saintvalentin { width: 160px; height: 20px; padding-top: 5px; background-color: #a43123; text-align: center; color: #fff; text-decoration: none; display: block; }
#droite_m a.saintvalentin:hover { background-color: #c43123; }

#diable { width: 200px; height: 250px; background: url(medias/images/maison_milliere.jpg) no-repeat 30px top; float: left; }
#info_diable { width: 250px; height: 160px; float: left; padding-top:20px;}
#info_diable p { font: bold 14px "Georgia", "Times New Roman", Times, serif; color: #41342f; }
#info_diable a { font: bold 11px "Georgia", "Times New Roman", Times, serif; color: #a0291c; }
#info_diable a:hover { font: bold 11px "Georgia", "Times New Roman", Times, serif; color: #41342f; }

hr { clear: both; }
hr.accueil-haut { width: 500px; height: 36px; margin: 0 0 15px 0; padding: 0; background: url(medias/images/separateur.gif) no-repeat center top; border: 0; }
hr.haut { width: 670px; height: 36px; margin: 0 0 15px 0; padding: 0; background: url(medias/images/separateur.gif) no-repeat center top; border: 0; }
#separateur_haut_s { width: 670px; height: 36px; margin: 0 0 15px 0; padding: 0; background: url(medias/images/separateur.gif) no-repeat center top; }
hr.accueil-bas { width: 500px; height: 32px; margin: 0; padding: 0; background: url(medias/images/separateur_2.gif) no-repeat center top; border: 0; }
hr.bas { width: 670px; height: 32px; margin: 0; padding: 0; background: url(medias/images/separateur_2.gif) no-repeat center top; border: 0; }
#separateur_bas_s { width: 670px; height: 32px; margin: 0; padding: 0; background: url(medias/images/separateur_2.gif) no-repeat center top; }
/* ************************************************** */

/* ****************** Pied de page ****************** */
#footer { width: 950px; height: 94px; margin: 0; padding: 0; background: url(medias/images/bg_footer.jpg) no-repeat left top; }
#footer p { margin: 0; padding: 15px 0 0 230px; font: normal 14px "Georgia", "Times New Roman", Times, serif; color: #000; text-align: left; }
#footer a { color: #000; }
#footer a:hover { color: #a0291c; }
/* ************************************************** */

/* ******************** General ********************* */
.justifie { text-align: justify; }
.spacer { clear: both; }
select, input, option, textarea { font: normal 11px "Georgia", "Times New Roman", Times, serif; color: #41342f; }
/* ************************************************** */

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 14px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 14px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 14px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

.espace-bas {
    padding-bottom: 20px;
}

