/*
Theme Name: Collection Martin Gagnon 2025
Theme URI: http://www.martingagnon.net
Author: Martin Gagnon
Author URI: http://www.martingagnon.net
Description: -
Version: 1.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, grey, responsive, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, mobile, iphone, android, webkit, css3, transitions, custom-fonts, minimalism
*/
@font-face {
    font-family: 'Blanch Caps';
    src: url('https://martingagnon.net/collection/wp-content/themes/bare-responsive-2025/fonts/Blanch-Caps.woff2') format('woff2'),
        url('https://martingagnon.net/collection/wp-content/themes/bare-responsive-2025/fonts/Blanch-Caps.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Knight Brush';
    src: url('https://martingagnon.net/collection/wp-content/themes/bare-responsive-2025/fonts/KnightBrush.woff2') format('woff2'),
        url('https://martingagnon.net/collection/wp-content/themes/bare-responsive-2025/fonts/KnightBrush.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  outline: none;
}
html { height: 101%; }
body { font-size: 62.5%; line-height: 0; font-family: "Oswald", Helvetica, Arial, sans-serif; position:relative; }
body.home {
	background-image: url('images/bg.jpg');
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

header { width: 100%; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }

p { font-size: 1.6em; line-height: 1.75em; color: #565656; margin-bottom: 12px; }

a {
text-decoration: none;
color: #e24926;
transition: color .2s linear;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
}

a:hover {
	text-decoration: underline;
	color: #e24926;
}

/** page wrapping **/
.wrapper { width: 905px; margin: 0 auto; }

#top { margin-bottom: 40px; }
#top h1 { font-family: "Quando", "Trebuchet MS", Tahoma, serif; font-size: 4.0em; letter-spacing: -0.1em; line-height: 1.8em; color: #575757; margin-top: 10px; width: 100%; text-align: center; margin-bottom: 12px; }
#top h1 a { color: #575757; }
#top h1 a:hover { color: #575757; text-decoration: none; }

#mainbody { display: block; z-index: auto; width: 941px; margin: 0 0 0 400px; padding-left: 100px; padding-right: 100px; min-height: 3750px;}

/** full navigation **/
#navbar_wrapper {
	width: 400px;
	margin: 0 auto;
	position: absolute;
	background-image: url('https://martingagnon.net/collection/wp-content/uploads/2025/06/menu_texture2-scaled.jpg');
	height: 100%;
}
.logo {
	width: 380px;
	padding: 10px 0;
}
.home .logo {
	width: 0px;
}
#navbar { 
	display: block; 
	height: 44px;
	background: #302b29;
	background: -moz-linear-gradient(top,  #242424 0%, #2a2a2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242424), color-stop(100%,#2a2a2a));
	background: -webkit-linear-gradient(top,  #242424 0%,#2a2a2a 100%);
	background: -o-linear-gradient(top,  #242424 0%,#2a2a2a 100%);
	background: -ms-linear-gradient(top,  #242424 0%,#2a2a2a 100%);
	background: linear-gradient(to bottom,  #242424 0%,#2a2a2a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#2a2a2a',GradientType=0 );
	width: 50px;
	height: 50px;
	margin-right: auto; 
	position: absolute;
	z-index: 2;
	}
	#navbar a { display: block; line-height: 44px; padding: 0 12px; font-size: 3.2em; color: #e8ddc7; }
	#navbar a:hover { color: white; text-decoration: none; }
	
	#n { 0px; left: 10px; right: 0; position: relative; z-index: 1;  margin-bottom: 4px; }
	
	#n ul li { font-family: 'Blanch Caps'; font-size: 2.5em; width: auto; display: table; clear: both; margin: 0; color: #263a57; font-weight: 400; }
	
	#n ul li ul { display: block; position: static; border: 0; background: #302b29; }
	#n ul li ul li { font-size: 1.1em; margin-left: 22px; width: auto; }
	
	#n ul li a, #n ul li ul li a { display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.1em; line-height: 0.8em; text-shadow: none; width: 100%; padding: 2px; margin: 0;  color: #263a57; }
	#n ul li ul li a { font-size: 1.0em; background: #242424; border: 0; }
	#n ul li a:hover, #n ul li ul li a:hover { color: #302b29; text-decoration: none; }
.current_page_item {
	}
.current_page_item a {
	;
}
.current_page_item a:before {
	content : "";
    background-image: url(images/Pointing_hand.png);
    margin-right: 8px;
    height: 19px;
    width: 33px;
    display: inline-block;
    background-size: 33px;
    margin-bottom: -3px;
}
#menu-item-63 a:before {
	content : "";
    background-image: url(images/enveloppe.png);
    margin-right: 8px;
    height: 21px;
    width: 33px;
    display: inline-block;
    background-size: 33px;
    margin-bottom: -3px;
}

/** posts **/
#content { width: 100%; position: relative; }
#main { display: block; width: auto; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0; }

.groupe { background-image: url(https://martingagnon.net/collection/wp-content/uploads/2025/06/menu_texture2-scaled.jpg);
    padding: 10px 30px;
    border-radius: 25px;
    margin: 50px 0;
}
} 
.post { display: block; margin-bottom: 25px; padding-top: 10px; padding-bottom: 15px; }
.post header { display: block; margin-bottom: 25px; }

.post p { margin-bottom: 0px; line-height: 1.7em; } 

.post header h2, h2 { font-size: 8.4em !important; line-height: 1em; margin-bottom: 4px !important; color: #302b29; width: 100%; display: inline-block; text-align: center;font-weight: 400; padding-top: 30px; font-family: 'Knight Brush'; color: #c24747;}
.post header h2.bigger { font-size: 3.1em !important; }

.post h2 { display: block; font-family: Cambria, Georgia, serif; font-size: 2.4em; color: #434343; line-height: 1.4em; margin-bottom: 15px;}

.post h3 { font-size: 7em;
    color: #263a57;
    padding: 15px 4px;
    margin-bottom: 30px;
    text-align: left;
    letter-spacing: 1px;
    font-weight: 400;
    font-family: 'Blanch Caps';
    border-bottom: 2px solid #263a57;
    line-height: 0.8em; 
}

.sous_titre_small {
	font-size: 39px;
    color: #7e99ae;
}
.post h4 { display: block; font-size: 1.4em; text-transform: uppercase; color: #56b972; line-height: 1.5em; margin-bottom: 3px; font-weight: bold; letter-spacing: 0.15em; text-decoration: none; padding-left: 25px; border-left: 3px solid #56b972; }

.post .meta { font-size: 1.2em; line-height: 1.3em; }
.post .meta i { display: block; margin-bottom: 10px; font-style: normal; color: #666; }

.post blockquote { display: block; box-sizing: border-box; -moz-box-sizing: border-box; background: #fbf0de; padding: 9px 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 18px; }
.post blockquote p { font-style: italic; font-weight: normal; color: #797064; margin-bottom: 3px; font-size: 1.9em; }

.post .postcontent { margin-bottom: 25px; }

.post .more-link { display: block; font-size: 1.6em; font-weight: bold; margin-top: 15px; }
.post p .more-link { font-size: 1.0em; }

.postbrdr { border-bottom: 3px solid #ccc; }

.archiveshead h2 { font-size: 2.2em; color: #454545; font-weight: bold; line-height: 1.55em; }

#navbelow { display: block; width: 100%: padding: 0px; margin-top: -10px; margin-bottom: 15px; }

.nav-prev { float: left; display: block; }
.nav-next { float: right; display: block; }
 
.nav-prev a, .nav-next a { display: block; padding: 3px 5px; font-size: 1.3em; }
.nav-prev a:hover, .nav-next a:hover {  }


/** comments **/
#comments { display: block; margin-top: 15px; } 
.post #comments h3 { font-size: 1.7em; line-height: 1.45em; color: #818181; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; padding: 6px 10px; background: #f5f5f5; }

#comments #respond { margin-left: 0; }
#comments .commentlist .comment #respond { margin-left: 35px; font-size: 1.0em; } 
		/* for the threaded reply comment form styles */
		
#cancel-comment-reply { font-weight: bold; display: block; position: relative; }
#cancel-comment-reply-link { display: block; padding: 0px 4px; font-size: 0.8em; position: absolute; right: 0; top: -12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; } 
#cancel-comment-reply-link:hover { color: #fff; text-decoration: none; background: #5d9de5; }

.commentlist { list-style: none; }
.commentlist .comment { display: block; position: relative; margin-bottom: 28px; }

.commentlist .comment .comment-author { position: relative; }
.commentlist .comment .comment-author .avatar { display: inline-block; padding: 5px; background: #fafafa; border: 1px solid #ccc; margin-right: 15px; }

.commentlist .comment .comment-author .fn { font-weight: bold; font-size: 1.65em; line-height: 1.1em; font-style: normal; position: absolute; top: 2px; color: #535353; }
.commentlist .comment .comment-author .says { display: none; }

.commentlist .comment .comment-meta { position: absolute; top: 25px; margin-left: 60px; font-size: 1.2em; }

.commentlist .comment p { display: block; margin-top: 15px; padding-right: 10px; }

.commentlist .comment .comment-body .reply { font-size: 1.3em; }
.commentlist .comment .comment-body .reply a.comment-reply-link { display: inline-block; padding: 3px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; }

.comment-awaiting-moderation { font-size: 1.2em; color: #444; display: block; text-decoration: underline; text-align: center; margin-top: 4px; margin-bottom: -5px; }

.commentlist .comment ul.children { margin-left: 40px; padding-top: 15px; }

#commentform { display: block; width: 100%; margin-bottom: 0; margin-top: 6px; }
#commentform label { font-size: 1.2em; line-height: 1.6em; display: block; width: 100%; color: #575757; margin-bottom: 2px; font-weight: bold; }
#commentform label small { display: inline; size: 0.9em; font-style: italic; font-weight: normal; color: #7dafe6; }

#commentfields #commentfields { display: block; margin-bottom: 4px; }
#commentfields #commentfields .ibox { display: block; margin-bottom: 10px; width: 100%; }

#commentfields .basicinput { display: block; padding: 7px 6px; font-size: 1.5em; width: 90%; outline: none; border: 1px solid #dbdbdb; color: #487cb7; }

#commentfields textarea { display: block; padding: 5px 4px; font-size: 1.45em; width: 90%; height: 125px; outline: none; border: 1px solid #dbdbdb; color: #487cb7; }

#commentform #comment { display: block; margin-bottom: 8px; color: #565656; font-size: 1.4em; font-family: Arial, Tahoma, sans-serif; line-height: 1.5em; padding: 4px 7px; }

#commentform #submit, .button {
	-moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	box-shadow: inset 0px 1px 0px 0px #cae3fc;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color: #79bbff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #469df5;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	font-size: 1.45em;
	font-weight: bold;
	padding: 6px 24px;
	margin-bottom: 10px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #287ace;
}

#commentform #submit:hover, .button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color: #4197ee;
}

#commentform #submit:active, .button:active {
	position:relative;
	top:1px;
}

/** sidebar **/
#sidebar { display: block; float: right; width: 250px; padding-top: 30px; height: 100%; }
#sidebar-responsive { display: none; }

#sidebar .widget { display: block; margin-bottom: 20px; }
#sidebar .widget h3 { font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; font-weight: normal; text-transform: uppercase; padding: 15px 0px; padding-bottom: 5px; font-size: 1.6em; border-bottom: 1px solid #ddd; color: #898989; margin-bottom: 10px; } 

#sidebar .widget ul { display: block; margin-left: 10px; }
#sidebar .widget ul li { font-size: 1.1em; margin-bottom: 6px; }
#sidebar .widget ul li ul { font-size: 0.9em; }
#sidebar .widget ul li a { display: block; padding: 6px 12px; font-size: 1.2em; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; }

#sidebar .widget ul li a:hover { color: #fff; background: #5d9de5; text-decoration: none; }


/** search **/
#s { padding: 3px 5px; color: #565656; border: 1px solid #bbb; outline: none; width: 66%; font-size: 1.2em; }


/** footer **/
footer { clear: both; text-align: center; font-family: Baskerville, 'Goudy Old Style', 'Book Antiqua', Palatino, serif; font-style: normal; padding: 10px; font-size: 1.4em; color: #434343; padding-bottom: 80px; }

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* Mobile Smartphones ----------- */
@media only screen 
and (min-width : 0) 
and (max-width : 620px) {
	#main { display: block; float: none; width: auto; overflow: hidden; margin: 0; }
	#sidebar { display: none; float: none; }
	
	#sidebar-responsive { display: block; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 12px; margin-bottom: 15px; }
	#sidebar-responsive .widget { display: block; margin-bottom: 15px; }
	#sidebar-responsive .widget h3 { font-family: "Hoefler Text", Garamond, "Times New Roman", serif; font-weight: bold; font-size: 1.5em; line-height: 1.4em; color: #898989; margin-bottom: 8px; text-transform: uppercase; border-bottom: 1px solid #ddd; }
	
	#sidebar-responsive ul li { display: block; }
	#sidebar-responsive ul li a { display: block; padding: 10px 20px; font-size: 1.6em; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: none; -webkit-transition: none; -moz-transition: none; }
	#sidebar-responsive ul li a:hover { text-decoration: none; background: #565656; color: #fff; }
	
	.post header h2 { font-size: 2.75em; }
	
	.post .meta { font-size: 1.1em; line-height: 1.6em; }
	.post .meta i { margin-bottom: 4px; }
	
	#commentform #allowed_tags { display: none; }
}





.bloc_wrapper {
	margin: 0px auto 30px auto;
        width: 881px;
}
.bloc_wrapper img {
	border-radius: 10px;
}
.modele_1_vertical {
	width: 426px;
	height: auto;
}

.modele_2_horizontal {
	height: auto;
	width: 100%;
}
.modele_1_crop {
	overflow: hidden;
	width: 426px;
	height: 410px;	
}
.modele_2_crop {
    height: 400px;
    overflow: hidden;
}
.modele_2_crop_buvard {
    height: 480px;
    overflow: hidden;
}
.modele_2_crop img {
	margin: -100px 0 0 0;
}
.modele_2_crop_buvard img {
	margin: -60px 0 0 0;
}
.modele_2_crop .sssprev, .modele_2_crop .sssnext {
	margin: -100px 0 0 0;
} 
.modele_3_crop, .modele_4_crop {
	width: 273.5px;
	height: 641px;
	overflow: hidden;
}
.modele_3_crop img {
	width: 426px;
}
.modele_3_vertical {
	width: 273.5px;
	height:auto;
}
.modele_4_vertical {
	height: 475px;
	overflow: hidden;
    width: 273.5px;
}
.modele_4_vertical img {
	width: 320px;
}
.gauche {
	float: left;
}
.centre {
	float: left;
	margin-left: 30px;
}
.droite {
	float: right;
}
.titre_bouteille {
    background-color: #9cb6c9;
    color: #263a57;
    font-size: 3em;
    padding: 15px;
    line-height: 0.8em;
    position: relative;
    margin: 0 15px -20px 15px;
    border-radius: 2px;
    border-bottom: 2px #263a57 solid;
    border-right: 2px #263a57 solid;
    font-family: 'Blanch Caps';
    display: inline-block;
	z-index: 9999;
}
.modele_3, .modele_4 {
 
}
.toggle {
	display: none;
	position: absolute;
	z-index: 1;
	background-color: rgba( 48, 43, 41, 0.9);
	color: white;
	padding: 15px;
	width: 396px;
	font-size: 1.4em;
	line-height: 1.5em;
	letter-spacing: 0.5px;
	font-weight: 400;
}
.pleine_largeur {
}
.infos {
	background-color: white;
	color: #302b29;	
	padding: 2px 5px;
	margin-bottom: 5px;
	display: inline-block;
}
input[type=checkbox].plus_moins {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].plus_moins + label.css-label {
							padding-left:20px;
							height:15px; 
							display:inline-block;
							line-height:15px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:15px;
							vertical-align:middle;
							cursor:pointer;
							margin: 0 0 3px 6px;
						}

.css-label.clicked {
    background-position: 0 -15px !important;
}
						label.css-label {
				background-image:url(https://csscheckbox.com/checkboxes/u/csscheckbox_845137eccd6f9ac2355055adf283a248.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
.boite_overlay {
	-webkit-box-shadow: inset 10px 10px 105px -68px rgba(0,0,0,0.83);
	-moz-box-shadow: inset 10px 10px 105px -68px rgba(0,0,0,0.83);
	box-shadow: inset 10px 10px 105px -68px rgba(0,0,0,0.83);
	transition: background-color 0.3s ease-in-out; 
}
.boite_overlay:hover {
	background-color: rgba(0,0,0,0.2);
}
.boite_titre {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	font-size: 40px;
	line-height: 48px;
	text-shadow: 0px 0px 16px black;
}
.boite_titre a {
	color: white;
}
.boite_acc {
	margin: 15px 0;
}
#tpbr_topbar {
	margin-bottom: 30px;	
}
#tpbr_box {
	font-family: "Oswald", Helvetica, Arial, sans-serif !important;	
	letter-spacing:2px;
}

#n ul li.menu_title {
    margin-top: 40px;
	margin-bottom: 8px;
}

#n ul li.menu_title a {
	font-weight: normal;
    font-family: 'Knight Brush';
	color: #c24747;
	cursor: default;
}
.ville {
    font-size: 17px;
    color: #7e99ae;
}
hr {
	border-bottom: 2px solid #263a57;
    margin-bottom: 30px;
}