/*
Theme Name: Auderset
Version: 2.0
Description: Thème graphique du nouveau site Auderset.com - Optimisé pour WordPress 6.8.3
Author: Julien Iseli
Author URI: https://ch.linkedin.com/in/julieniseli
Requires at least: 5.0
Tested up to: 6.8.3
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: auderset
*/
*{
	margin:0;
	padding:0;
}
body{
	/*background:#d3d1c7;*/
	background:#ffffff;
	/*color:#665e4a;*/
	color:black;
	font-family:Arial, Tahoma, sans-serif;
	font-size:14px;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
input, select, textarea{
	background:rgba(102,94,74,0.4);
	border:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color:#665e4a;
	font-family:Geneva, Tahoma, sans-serif;
	font-size:12px;
	margin:5px 0px;
	padding:5px;
}
input:focus, select:focus, textarea:focus{
	background:rgba(102,94,74,0.6);
	outline:none;
}
input[type=text], textarea{
	width:400px;
}
a img{
	border:none;
}

/*
@font-face{
	font-family:'Nobel';
	src:url('Nobel/Nobel-RegularCondensed.otf');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'Nobel';
	src:url('Nobel/Nobel-Bold.otf');
	font-weight:bold;
	font-style:normal;
}
@font-face{
	font-family:'Nobel';
	src:url('Nobel/Nobel-RegularItalic.otf');
	font-weight:normal;
	font-style:italic;
}
*/


a{
	color:#665e4a;
	text-decoration:none;
}
a:hover{
	color:#eebc2f;
	/*text-decoration:underline;*/
}
ul{
	list-style-position:inside;
	list-style-type:none;
}
#top{
	background:url('images/top-nav-bg.png') repeat-x;
	color:#b0b0b0;
	height:29px;
	width:100%;
	z-index:1;
}
#top-wrapper{
	margin:0 auto;
	padding-top:5px;
	width:800px;	
}
#copyright{
	float:left;
}
#qtranslate-chooser{
	float:right;
}
#qtranslate-chooser li{
	float:right;
	margin-left:10px;
}
#qtranslate-chooser li span{
	color:#b0b0b0;
}
#qtranslate-chooser li.active span{
	font-weight:bold;
}
#header{
	height:382px;
	position:relative;
	top:-7px;
	text-align:center;
	width:100%;
	z-index: -1;
}

#header.home{ background-color:#ffffff;
	/*background:url('images/reserve-header-bg.jpg') repeat-x;*/ 
}
#header.news{ background-color:#ffffff;
	/*background:url('images/reserve-header-bg.jpg') repeat-x;*/
	}
#header.month-draw,
#header.archives,
#header.bizarreries{
	background:url('images/news-header-bg.jpg') repeat-x;
}
#header.comics{ background-color:#ffffff;
	/*background:url('images/reserve-header-bg.jpg') repeat-x;*/
}
#header.show{
	background:url('images/show-header-bg.jpg') repeat-x;
}
#header.about{
	/*background:url('images/about-header-bg.jpg') repeat-x;*/
	background-color:#000000;
}
#header.saahsal{
	background-color:#000000;
}
#header.agenda{
	background-color:#ffffff;
}
#header.medias{
	background:url('images/medias-header-bg.jpg') repeat-x;
}
#header.contact{
	background-color:#019de0;
}
#header.blog{
	background:url('images/blog-header-bg.jpg') repeat-x;
}
#header.store{
	background-color:#ffffff;
}
#header.shop{
	background-color:#ffffff;
}
#header-img{
  /*
  position: relative;
  z-index: -1;
  */
}

.youtube-container{
  position: absolute;
  left: 10%;
  top: 45px;
}
.youtube-container iframe{
  border: 10px solid #000 !important;
}
.youtube-container .vye_links{
  display: none;
}

#linkyoutubecomics
{
position:absolute;
left:10px;
top:-110px;
z-index:10;
}

#my-div {
	position:relative;
	top: -23px;
    background-color: rgba(0, 0, 0, 0);
    width: 1200px;
    height: 382px;
}
a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

#menu{
	background:url('images/main-nav-bg.png') repeat-x;
	height:68px;
	/*overflow:hidden;*/
	position:relative;
	top:-14px;
	width:100%;
	z-index:100;
}
/*
#menu-mainmenu{
	height:68px;
	margin:0 auto;
	padding-top:7px;
	overflow:hidden;
	width:800px;
}
*/
#menu-mainmenu{
	display:table;
	height:68px;
	margin:0 auto;
	padding-top:7px;
	overflow:hidden;
}
#menu-mainmenu li{
	display:block;
	float:left;
	height:68px;
}
#menu-mainmenu li:hover{
	background:url('images/main-nav-bg-hover.png') repeat-x;
}
#menu-mainmenu li.current-menu-item, #menu-mainmenu li.current-menu-ancestor, #menu-mainmenu li.current-post-ancestor, #menu-mainmenu li.current-menu-parent, #menu-mainmenu li.current-post-parent{
	background:url('images/main-nav-bg-hover.png') repeat-x;
}
#menu-mainmenu li a{
	background:url('images/nav-separator.png') no-repeat left top;
	/*color:#f3cf4f;*/
	color:#eebc2f;
	display:block;
	font-family:'Arial Narrow', Arial, sans-serif;
	font-size:13px;
	height:100%;
	letter-spacing:1px;
	line-height:60px;
	padding:0px 10px;
	text-transform:uppercase;
	text-shadow:3px 3px 3px #000000;
	width:100%;
}




#menu-mainmenu li.menu-item-home a{
	background:none !important;
}
#menu-mainmenu li.menu-item-home{
	background:none !important;
}

#menu-mainmenu li.menu-item-home:hover{
	background:none !important;
}
#menu-mainmenu li.menu-item-home img{
	border:none;
}
ul.sub-menu{
	display:none;
}
#menu-mainmenu li:hover ul.sub-menu{
	background:black;
	background:rgba(0,0,0,0.8);
	display:block;
	margin-top:-7px;
	/*margin-left:-6px;*/
	padding-bottom:10px;
	position:absolute;
}
#menu-mainmenu li:hover ul.sub-menu li{
	background:none;
	display:block;
	float:none;
	height:30px;
	margin:0;
	padding:5px;
}
#menu-mainmenu li:hover ul.sub-menu li a{
	background:none;
	display:block;
	font-family:Geneva, Tahoma, sans-serif;
	font-size:12px;
	font-variant:normal;
	height:100%;
	line-height:30px;
	letter-spacing:1px;
	margin:0;
	
	text-transform:none;
	width:100%;
}
#menu-mainmenu li:hover ul.sub-menu li:hover{
	background:#333;
	background:rgba(0,0,0,1);
}



#wrapper{
	background:#ffffff;
	min-height:407px;
	padding-bottom:100px;
	position:relative;
	top:-14px;
	width:100%;
}
#sub-wrapper{
	clear:left;
	font-size:14px;
	margin:0 auto;
	padding-top:30px;
	width:800px;
	
	position: relative;
}
/* Clearfix */
#sub-wrapper:after{
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#sub-wrapper a.more{
	color:#f3cf4f;
	text-decoration:underline;
}
#sub-wrapper h1.entry-title, #sub-wrapper h1.page-title, h3#reply-title{
	background:url('images/title-bg.png') repeat-x;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color:#ffffff;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	margin-bottom:15px;
	padding-left:3%;
	text-transform:uppercase;
	width:97%;
}
#sub-wrapper p{
	margin:10px 0;
}
h3#reply-title{
	margin-top:30px;
}
#content{
	float:left;
	font-size:14px;
	margin-right:0px;
	width:590px;
}
div#comments{
	margin-top:40px;
}
div#comments div.reply a, div.comment-meta a{
	color:#f3cf4f;
}
div.comment-meta a{
	font-size:9px;
	opacity:0.8;
}
form#commentform input, textarea{
	display:block;
}
#sidebar{
	color:#6d6c65;
	float:right;
	width:190px;
}
div.post{
	margin-bottom:30px;
}


#sidebar input, #sidebar select, #sidebar textarea{
	background:rgba(58,57,50,0.4);
	color:#6d6c65;
}


div.widget-area{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:#d3d1c7;
	padding:5px;
	float:right;
	width:180px;
}
h2.entry-title{
	margin-top:20px;
	margin-bottom:5px;
}
h2.entry-title a{
	color:#f3cf4f;
}
div.entry-meta, div.entry-utility{
	font-size:9px;
	
}



div#month_draw{
	background:#3a3932 no-repeat right;
	color:#ded9cd;
	
	/*border:1px solid #3a3932;*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	box-shadow: 0 0 10px #212121 inset;
    -moz-box-shadow: 0 0 10px #212121 inset;
    -webkit-box-shadow: 0 0 10px #212121 inset;
	
	display:block;
	margin-top:30px;
	padding:5px 3%;
	width:94%;
}
div#month_draw h1{
	color:#e3e3e3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	letter-spacing:2px;
	text-transform:uppercase;
	/*width:100px;*/
}
div#month_draw a{
	color:#e3e3e3;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


.nocomments{
	display:none;
}
.entry-date{
	color:#f3cf4f;
}
a.url{
	color:#f3cf4f !important;
}


.widget-area li{
	margin-bottom:30px;
}
.widget-area input[type=text], .widget-area textarea, .widget_search input[type=text]{
	width:95%;
}


#searchform label{
	display:none;
}
#searchsubmit{
	
}

.widget-area li.widget_wp_shopping_cart{
	
}




.cat-links a, .comments-link a, .edit-link a{
	color:#f3cf4f !important;
}




div.productdisplay{
	/*
	float:left;
	width:40%;
	overflow:hidden;
	*/
}
div.textcol{
}

span.edit-link{
}
table.productcart tr.firstrow td{
	background:none;
	border:none;
}
table.productcart tr.total_price td{
	border:none !important;
}
form.adjustform input[type=text]{
	text-align:center;
	width:30px;
}




#shopping-cart p.visitshop a{
	color:#f3cf4f;
}












#footer{
	background:#d3d1c7;
	clear:both;
	color:#ffffff;
	min-height:190px;
	padding-top:10px;
	text-align:center;
}
#footer a{
	color:#ffffff;
}




#character{
	position: absolute;
	left:-280px;
	top:50px;
	z-index:2;
}
#content, #sidebar{
	position:relative;
	/*top:-300px;*/
	z-index: 3;
}



.wpsc_category_grid_item{
	background:none;
	border:none;
	height:140px;
	margin-bottom:40px;
}
.wpsc_category_grid_item img{
	display:block;
}
.wpsc_category_grid_item:after{
	font-size:1.3em;
	content:attr(title);
}
div.wpsc_default_product_list div.imagecol{
}
div.wpsc_default_product_list div.productcol{
	float:left;
	/*width:450px;*/
}
div.wpsc_default_product_list div.wpsc_product_price p{
	line-height:2em;
}

div.wpsc_default_product_list span.pp_price:before{
	content:" ";
}
div.default_product_display{
	border-bottom:2px solid #d3d1c7;
}


/* PRESTASHOP */
.wide-page{
	width: 100%;
}
.shop_frame{
	border: none;
	min-height: 800px;
	overflow: visible;
}
.fblikebutton_button{
	/*height: 30px;*/
}

/* ==========================================================
   📱 Media Queries pour la responsivité (WordPress 6.8.3)
   ========================================================== */

/* Tablettes */
@media screen and (max-width: 1024px) {
	#top-wrapper, #wrapper, #main, #sub-wrapper {
		width: 95%;
		max-width: 100%;
	}
	
	#content {
		width: 100%;
		float: none;
	}
	
	#sidebar {
		width: 100%;
		float: none;
		margin-top: 20px;
	}
}

/* Smartphones */
@media screen and (max-width: 768px) {
	body {
		font-size: 16px; /* Améliore la lisibilité sur mobile */
	}
	
	#top-wrapper {
		padding: 10px;
		text-align: center;
	}
	
	#copyright, #qtranslate-chooser {
		float: none;
		display: block;
		margin: 5px 0;
	}
	
	#header img {
		max-width: 100%;
		height: auto;
	}
	
	input[type=text], textarea {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	
	.menu-header ul {
		flex-direction: column;
	}
	
	.menu-header li {
		margin: 5px 0;
	}
}

/* Très petits écrans */
@media screen and (max-width: 480px) {
	#top-wrapper, #wrapper, #main, #sub-wrapper {
		width: 100%;
		padding: 10px;
	}
	
	#header {
		text-align: center;
	}
	
	#menu {
		padding: 10px;
	}
}

/* ==========================================================
   🎨 Améliorations modernes CSS
   ========================================================== */

/* Support des images responsives */
img {
	max-width: 100%;
	height: auto;
}

/* Amélioration des liens */
a {
	transition: color 0.3s ease;
}

a:hover {
	transition: color 0.3s ease;
}

/* Amélioration des boutons */
button, input[type="submit"], input[type="button"] {
	cursor: pointer;
	transition: all 0.3s ease;
}

/* Support des focus pour l'accessibilité */
a:focus, button:focus, input:focus, select:focus, textarea:focus {
	outline: 2px solid #eebc2f;
	outline-offset: 2px;
}

/* Amélioration de la lisibilité */
p, li {
	line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
	margin-bottom: 0.5em;
}