/*html, body, div, span,h1, h2, h3, p,a, em, img, strong, center, ol, ul, li,
fieldset, form, label, table, caption, tbody, tr, th, td, article, aside,
canvas,footer, header, menu, nav, section, 
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}*/
body {line-height: 1;}
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;}
*{box-sizing: border-box;}
/*@font-face {
font-family: Ben;
	src: url('../fonts/Bentham.otf');		
}*/
/*----------------------------general--------------width:1024px;margin:auto;---*/
body{margin-top:1em;font-size:100%;color:#4e3805;text-align:center;font-family: Verdana, Cambria, Candara ;background-image:linear-gradient(to right,#fffefc, #c2bdb2 );}/*#322300, #221800background-image:linear-gradient(to right, #404040, #202020);*/
section,  footer {background:#DDCBA6;box-shadow: 10px 10px 5px #a0a0a0;border-radius: 10px;}

section{
	width:65em;margin:auto;
	padding-top:.5em;
	padding-bottom:.5em;
}
nav, header, footer{
	width:100%;
}
a{
	text-decoration: none;
	color:#4e3805;
	cursor:pointer;
} 
img{
	width:100%;
	border-radius: 5px;
}
.clearboth{
	height:10px;
	clear:both;
	width:100%;
}
header{
	box-shadow: 10px 10px 5px #a0a0a0;
	border-radius: 5px 5px 5px 5px;
	padding:.5em;
	display: inline-table;
	background:#735c27;
	color:#d2cdc1;
	width:98%;margin:auto;
}
header .logo{
	display: table-cell;
	vertical-align: middle;	
	border-right:1px solid #4e3805;
	width:25%;	
}
.logo img{	
	min-width:150px;
}
img.marque_article{
	min-width:80px;
	max-width: 160px;
}
header h1{
	font-size:120%;
	font-weight: 700;
	display: table-cell;
	vertical-align: middle;
	border-left:1px solid #4e3805;

}
header a{
	color:#d2cdc1;
}
header h2{
	font-size:100%;
	font-weight: 600;
	display: table-cell;
	vertical-align: middle;
	border-left:1px solid #4e3805;

}
.container{
	display: inline-table;	
}
aside{
	width:25%;
	display: table-cell;
	vertical-align: middle;

}
aside img{
	width:50%;
	padding:.2em;
	cursor:zoom-in;
	min-width:83px;
}
#image_principale{
	width:75%;
	min-width:375px;
	margin:auto;
}

#photo_principale{	
	width:76%;
	display: table-cell;
  vertical-align: middle;
}
#lp{
	width:9%;
	position:relative;
	left:12.2%;
	top:2.9em;
	z-index:-4;
}
nav{
	width:75%;
	margin:auto;
	height:2em;
	display: inline-table;
}
.boutonmoins,.boutonplus,#back,#home,.bouton{
	border-radius:5px;
	border:1px inset #4e3805;
	-moz-box-shadow: 2px 2px 2px 2px grey;
	-webkit-box-shadow: 2px 2px 2px 2px grey;
	box-shadow: 2px 2px 2px 2px grey;
	padding:.7em;
	padding-right:.5em;
	padding-left:.5em;
	background:#e8e3d9;
	cursor:pointer;
	display:table-cell;
}
.boutonmoins:hover,.boutonplus:hover,#back:hover,#home:hover{
	border:1px outset #4e3805;
}
div.bouton_art{
	width:50%;
	margin:auto;
	padding-top:1em;

	display:none;
}
.bouton{
	margin-left:10%;
	float:left;
	background:#fffefc;
}

#tab_article table{border:1px solid #4e3805;border-radius:4px;border:1px solid #4e3805;box-shadow: 1px 1px 1px 1px grey;-moz-box-shadow: 1px 1px 1px 1px grey;-webkit-box-shadow: 1px 1px 1px 1px grey;box-shadow: 1px 1px 1px 1px grey;}
#tab_article{
	width:98%;
	margin:auto;
	padding:.5em;
	background:#735c27;
	box-shadow: 10px 10px 5px #a0a0a0;
	border-radius: 5px 5px 5px 5px;	
}
#tab_article table{
	margin:auto;
	border:1px solid #4e3805;
	margin-top:0em;
}
#tab_article table th{
	border:1px solid #4e3805;
	padding:.2em;
}
#tab_article table td
{
	border:1px solid #4e3805;
	color:#4e3805;
	background:#d2cdc1;
	padding:.2em;
	text-align:left;
}
input, select{
	cursor:pointer;
}
input[type="submit"]{
	color:#ffffff;
	background:#877651;
	border:2px outset #ffffff;
}
.cel100:nth-child(odd){background:#c9d3c2;}
.detail_article th{
	background:#4e3703;
	color:#d2cdc1;
}
.detail_article td{color:#fffefc;}
.detail_article tr:nth-child(even){background:#877651}
.detail_article tr:nth-child(odd){background:#aaa088}
.detail_articleMoins1000{
	display:none;
	width:96%;
	margin:auto;
	margin-top,margin-bottom:1em;
}
.ligne1000:nth-child(even) {background: #877651}
.ligne1000:nth-child(odd) {background: #aaa088}
.ligne1000{
	margin-top:.5em;
	margin-bottom :.5em;
	padding-top:1em;
	padding-bottom:1em;
}
#article_selection{
	font-style: oblique;
	color:#4f4e4c;
}

.reduc_sur_tout {
  animation: blinker 2s linear infinite;
	color:#ff0000;
	background:#fffefc;
	text-align:center;
	font-size:150%;
	width:98%;
	margin:auto;
	border-radius:5px;
}

@keyframes blinker {  
  50% { opacity: 0.3; }
}

.description{
	color:#4e3805;
	background:#d2cdc1;
	width:98%;
	margin:auto;
	padding:1em;	
	text-align: justify;
	box-shadow: 5px 5px 2px #a0a0a0;
	border-radius: 5px 5px 5px 5px;	
}
.description ul{
	list-style-type: circle;
}
.fleche_retour{
	width:10%;
	display:none;
	
}
/*-------------------------panel---------------------*/
#panel{position:relative;top:50px;z-index:4;width:65em;margin:auto;height:600px;background:#fffefc;display:none;border:2px solid #4e3805;border-radius:10px;box-shadow:0 0 10px #4e3805;}
#small{position: absolute;width:20%;left:2em;top:2em;box-shadow:0 0 10px #4e3805;}
#big{z-index:4;position:relative;width:140em;}
#fen{position: absolute;left:25%;top:2em;width:60%;height:500px;-moz-box-shadow:0 0 10px #4e3805;-webkit-box-shadow:0 0 10px #4e3805;box-shadow:0 0 10px #4e3805;overflow:hidden;}
.envert{color:green;}
.enbleu{color:blue;}
.enrouge{color:red;}
.engras{font-weight:bold;}
.souligne{text-decoration:underline;}
.barre{text-decoration:line-through;}
.font07{font-size:0.7em;}
.font08{font-size:0.8em;}
.font09{font-size:0.9em;}

/* à peu pres 1024 px*/
@media only screen and (max-width: 65em) {
	section{width:100%;}
		#panel{width:100%;}
	#fen{width:75%}
}
@media only screen and (max-width: 45em) {
	#tab_article table{
		display:none;
	}
	.detail_articleMoins1000{
		display:block;
	}
	div.bouton_art{
		width:80%;
	}
	.btn1000{
		width:20%;
	}
}

@media only screen and (max-width: 35em) {
	header{display: inline-block;}
	img.marque_article{
		max-width:80px;
	}
	header .logo{
		border-right:none;	
	}
	header h1{
		border-left:none;
	}
	.container{
		display:block;
	}	
	aside{
		width:100%;
		display:inline-block;
		padding-bottom:.5em;
		padding-top:.5em;		
	}		
	#image_principale{
		min-width:95%;
	}
/*	#article_pf ul li{
		display:inline-block;	
		width:20%
	}
		#article_pf ul li img{
		border:1px solid red;
		padding-left:.5em;
		padding-right:.5em;
	}*/
	#article_pf ul li{
		display:inline;	
		width:10%
	}
		#article_pf ul li img{
			width:20%;
		padding-left:.0em;
		padding-right:.5em;
	}	
	#loupe{display:none;}		
}