/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/* scrollbar */
html::-webkit-scrollbar {background-color: #624831;}
html::-webkit-scrollbar-thumb {background: #333;}
html {scrollbar-color: #333 #624831;}

/* sélection */
::-moz-selection {color:#fff; background:#b78642;}
::selection {color:#fff; background:#b78642;}

/*--
░█▀▄░█▀█░█▀▄░█░█
░█▀▄░█░█░█░█░░█░
░▀▀░░▀▀▀░▀▀░░░▀░
--*/

body {
  font-family:"Open Sans","Droid Sans","Verdana",sans serif;
  background:#DED3BE;
  color:#483421;
}

img {max-width:100%;}

.nofont {font:0/0 a;}
.invisible {display:none;}
.nettoyeur {clear:both;}
.left {text-align:left;}
.centre, .center {text-align:center;}
.right {text-align:right;}
.container {max-width:900px;margin:auto;}


/*--
░█▄█░█▀▀░█▀█░█░█░░░█▀▄░█▀█░█▀▄
░█░█░█▀▀░█░█░█░█░░░█▀▄░█▀█░█▀▄
░▀░▀░▀▀▀░▀░▀░▀▀▀░░░▀▀░░▀░▀░▀░▀ 
--*/

/* à factoriser ! */

@media only screen and (max-width: 1299px) {
#menuBar {
	width:100%;height:106px;
	background:linear-gradient(to top, #222, #333);
	font-size:14px;
	line-height:50px;
	position:absolute;top:0;left:0;z-index:100;
}

/* Menu téléphones */
@media (max-width: 599px) {
#extraMenu, .sous {display:none;}

#mainMenu {
  display:block;height:50px;
  position:absolute;top:5px;left:0;
  list-style:outside none none;
  margin:0;padding:0;
}
#extraMenu {
  display:block;height:50px;
  position:absolute;top:5px;right:130px;
  list-style:outside none none;
  margin:0;padding:0;
}
#mainMenu > li, #extraMenu > li {display:none;}

#headerHome {display:block !important;width:200px !important;}
#headerHome  a {display:block !important;height:50px;background:url(ico1.png) no-repeat 10px 0;opacity:0.9;border:none !important;}
#headerHome  a:hover {background:url(ico1.png) no-repeat 10px 0;opacity:1}

#headerShop {
  display:block !important;
  position:absolute;top:0;left:0;
}
#headerShop a {
  display:block;text-decoration:none;
  padding-left:50px !important;width:60px;background:url(ico1.png) no-repeat -140px -50px;color:#fff !important;opacity:0.8;}
#headerShop a:hover {opacity:1;}

#headerSearch {position:absolute;top:55px;left:10px;right:60px;margin:8px 0;background:#aaa;border-radius:4px;}
#headerSearch:hover {background:#ccc;}
#headerSearch input {width:90%;color:#444;outline:0;border:0;line-height:18px;padding:7px; background:transparent;float:left;}
@media (max-width: 370px) {#headerSearch input {width:85%;}}
#headerSearch button {width:30px;height:32px;font:0/0 a;border:0;padding:0;background:transparent url(ico1.png) no-repeat -102px -59px;float:left;}
#headerSearch button:hover {cursor:pointer;}

}

/* Menu petits ordis, tablettes */

@media (min-width: 600px) {
#menuBarContainer{position:relative;width:590px;margin:auto;}

#mainMenu {
  display:block;height:50px;
  position:absolute;top:55px;left:-50px;
  list-style:outside none none;
  margin:0;
}
#extraMenu {
  display:block;height:50px;width:150px;text-align:center;
  position:absolute;top:55px;left:400px;
  list-style:outside none none;
  margin:0;}
#mainMenu > li {float:left;width:150px;text-align:center;}
#mainMenu > li > a, #mainMenu li > a:visited, #extraMenu > li > a, #extraMenu li > a:visited {display:block;padding:0 10px;color:#ccc;text-decoration:none;}
#mainMenu > li > a, #mainMenu li > a:visited {border-right:1px solid #111;}
#mainMenu > li > a:hover, #extraMenu li > a:hover {color:#fff;background-color:#2d2922;}

#headerHome {
position:absolute;top:-50px;left:50px;
width:200px !important;
}
#headerHome  a {height:50px;background:url(ico1.png) no-repeat 10px 0;opacity:0.9;border:none !important;}
#headerHome  a:hover {background:url(ico1.png) no-repeat 10px 0;opacity:1}

#headerSearch {position:absolute;top:5px;left:190px;width:260px;margin:8px 10px;background:#aaa;border-radius:4px;}
#headerSearch:hover {background:#ccc;}
#headerSearch input {width:230px;color:#444;outline:0;border:0;line-height:18px;padding:7px; background:transparent;float:left;}
#headerSearch button {width:30px;height:32px;font:0/0 a;border:0;padding:0;background:transparent url(ico1.png) no-repeat -102px -59px;float:left;}
#headerSearch button:hover {cursor:pointer;}

#headerShop a {
  display:block !important;
  position:absolute;top:-50px;left:65px;
  padding-left:50px !important;width:60px;background:url(ico1.png) no-repeat -140px -50px #d29134;color:#fff !important;
  border-radius:6px;}
#headerShop a:hover {opacity:1;background:url(ico1.png) no-repeat -140px -50px #d29134 !important;}

.sous {background:linear-gradient(to bottom, #FFDAA9 0,#ffc578 15px,#d38002 100px);border:1px solid #644918;border-radius:0 0 6px 6px;padding:0;margin:0;box-shadow: 0 0px 5px #333;display:none;}
#mainMenu > li:hover .sous, #extraMenu > li:hover .sous  {display:block;}
.sous > li {list-style:outside none none;text-align:left;}
.sous > li a, .sous > li a:visited {display:block;color:#111 !important;text-decoration:none;padding-left:10px;list-style:outside none none;}
.sous > li a:hover {background-color:#FFFFFF50 !important;border-radius:6px;}

}
}

/* Menu grands Ordis */

@media only screen and (min-width: 1300px) {
#menuBarContainer{width:1300px;margin:auto;}
#menuBar {
	width:100%;height:50px;
	border-bottom:1px solid #000;
	background:linear-gradient(to top, #222, #333);
	font-size:14px;
	line-height:50px;
	position:absolute;top:0;left:0;z-index:100;
}
#mainMenu, #extraMenu {display:block;height:50px;float:left;list-style:outside none none;margin:0;padding:0;}
#mainMenu {width:770px;}
#extraMenu {width:250px;}
#extraMenu::after {content:"";display:table;clear:both;}

#mainMenu > li {float:left;width:140px;text-align:center;}
#extraMenu > li {float:left;width:50%;text-align:center;}
#mainMenu > li > a, #extraMenu li > a, #mainMenu li > a:visited , #extraMenu li > a:visited {display:block;padding:0 10px;color:#ccc;text-decoration:none;border-right:1px solid #111;}
#mainMenu > li > a:hover, #extraMenu li > a:hover {color:#fff;background-color:#2d2922;}
#headerHome {width:200px !important;}
#headerHome  a {display:block;height:50px;background:url(ico1.png) no-repeat 10px 0;opacity:0.9;}
#headerHome  a:hover {background:url(ico1.png) no-repeat 10px 0;opacity:1}
#headerShop a {padding-left:50px !important;width:65px;background:url(ico1.png) no-repeat -140px -50px #d29134;color:#fff !important;border-radius:6px;}
#headerShop a:hover {background:url(ico1.png) no-repeat -140px -50px #d29134 !important;}

.sous {background:linear-gradient(to bottom, #FFDAA9 0,#ffc578 15px,#d38002 100px);border:1px solid #644918;border-radius:0 0 6px 6px;padding:0;margin:0;box-shadow: 0 0px 5px #333;display:none;}
#mainMenu > li:hover .sous, #extraMenu > li:hover .sous  {display:block;}
.sous > li {list-style:outside none none;text-align:left;}
.sous > li a, .sous > li a:visited {display:block;color:#111 !important;text-decoration:none;padding-left:10px;list-style:outside none none;}
.sous > li a:hover {background-color:#FFFFFF50 !important;border-radius:6px;}

#headerSearch {width:260px;float:left;margin:8px 10px;background:#aaa;border-radius:4px;}
#headerSearch:hover {background:#ccc;}
#headerSearch input {width:230px;color:#444;outline:0;border:0;line-height:18px;padding:7px; background:transparent;float:left;}
#headerSearch button {width:30px;height:32px;font:0/0 a;border:0;padding:0;background:transparent url(ico1.png) no-repeat -102px -59px;float:left;}
#headerSearch button:hover {cursor:pointer;}
}
/*---------------------*/

/*--Choix de la langue--*/
#selectLang {position:absolute;top:60px;right:20px;}
/*------- tels ---------*/
@media (max-width: 1299px) {
#selectLang {top:120px;}
}
#selectLang a, #selectlang a:visited {
  color:#fff;text-decoration:none;
  padding:6px;
}
#selectLang b, #selectlang a:hover {
  background:rgba(255,255,255,0.4);font-weight:normal;border-radius:5px;padding:6px;
  cursor:pointer;transition: background 0.4s ease-in-out;  
  }

/*--Fil d'Ariane--*/
#fildariane {width:100%;margin:0;padding:0.2em;list-style: outside none none;font-family:"Ropa Sans",sans serif;font-size:0.9em;height:1.4em;color:#8E7C62;}
#fildariane li {float:left;}
#fildariane a, #fildariane a:active, #fildariane a:visited {padding:0.3em;color:#8E7C62;border-radius:0.8em;transition: all 0.2s linear;}
#fildariane a:hover {background:#B7A691;color:#fff;text-decoration:none;}
#fildariane .encours, #fildariane a .encours {color:#fff;background:#D8CEC4;border-radius:0.8em;padding:0 0.3em;margin-left:0.2em;}

/*
░█░█░█▀▀░█▀█░█▀▄░█▀▀░█▀▄
░█▀█░█▀▀░█▀█░█░█░█▀▀░█▀▄
░▀░▀░▀▀▀░▀░▀░▀▀░░▀▀▀░▀░▀
*/

header {height:50px;padding-top:350px}
#logorond {
  display:block;
  width:150px;height:150px;border-radius:50%;
  position:absolute;top:300px;left:10px;
}
#shortcuts {min-height:50px;background:#2d2319;font-size:20px}
#shortcuts ul {padding:0;margin-top:-10px;list-style:outside none none;}
#shortcuts li {height:50px;float:left;padding:0 20px}
#shortcuts a {color:#EAE0D5;line-height:46px;padding:4px;}
#shortcuts a:hover {color:#fff;background:#f29a1c;border-radius:6px;text-decoration:none;}

@media (max-width: 1000px) {
header {background:url('banner-shop-main.jpg') no-repeat -500px 50px #867360;}
#shortcuts ul {padding:0;margin-left:170px;}
}
@media (min-width: 1001px) {
header {background:url('banner-shop-main.jpg') no-repeat center 50px #867360;}
#logorond {width:300px;height:300px;top:225px;left:100px;}
#shortcuts ul {padding:0;margin-left:450px;}
}

/*--
░█▄█░█▀█░▀█▀░█▀█
░█░█░█▀█░░█░░█░█
░▀░▀░▀░▀░▀▀▀░▀░▀
--*/

main {max-width:1100px;margin:0 auto;padding:50px 0 50px 0;}

h1, h2, h3, h4 {
  font-family: Courier, FreeMono, monospace;
  color:#7b5c3d;font-weight:bold;
  }
h1 {
  clear:both;
  font-size:1.8em;
  max-width:500px;
  margin:auto;
  text-align:center
}
@media only screen and (max-width: 1250px) {
	h1 {max-width:300px;}
	@media (max-width: 1230px) {
		h1{margin-top:50px;}
		@media (max-width: 600px) {
		h1{margin-top:100px;}
		}
	}
}
h2 {
  font-variant: small-caps;
  margin-bottom: .5em;
  border-bottom: 8px solid #c4b5a7;
}

a, a:visited, a b {text-decoration:none;color:#c70;}
a:hover {text-decoration:underline;color:#FF9600;}
a.external {background:url('external.png') right center no-repeat; padding-right:15px;margin-right:5px}
a.wiki {color:#416EB7;background:url('wiki.png') right center no-repeat; padding-right:12px;}

em {font-style: italic;}
hr {background-color:#bbb;color:#bbb;height:1px;border:0;}

.separateur {
    display:block;border:0px;
    height:7px;margin:40px 0;
    background:url('../images/separateur_01.png') no-repeat center transparent;
}

p {line-height:1.5em;margin-bottom:1em;margin-top:0.5em;}
p a {text-decoration:underline;}

@media (max-width: 1299px) {
.optional {display:none;}
article {margin:10px;}
}

.footnotes {
  margin-top:2em;
  padding:0.5em;
  font-size:0.9em;
  background:#F6F6F4;
  border-top:4px dotted #D9D3B8;
}

.footnotes h2 {font-size:1em;color:#96775b;}

/*======================================================================
                          A L B U M S
======================================================================*/

.album {float:left;margin: 5px 35px;width:220px;min-height:285px;text-align:center;line-height:1em}
.album a {color:#333;}
.album img {box-shadow: 1px 1px 3px #888;margin: 2px 0 5px 0;max-width:200px;max-height:200px;border-radius:6px}
.album img:hover {margin: 0 0 7px 0;}
.album small {color:#aaa}

/*======================================================================
                  L I S T E   D' A R T I C L E S
======================================================================*/
.articles_list{width: fit-content;margin:auto;}
.articles_list, .article_list a, .article_list a:hover, .article_list a:visited{
  color:#fff;
}
.articles_list p {
  float: left;
  margin: 5px 35px 5px 0;
  padding:5px;
  width: 320px;
  min-height: 385px;
  text-align: center;
  background:#3e2f20;
  border-radius:8px;
}
.articles_list p:hover {
  background:#4D3722;
}
.articles_list img {
  border-radius:6px;
  margin:10px;
}
.articles_list img:hover {
  border-radius:6px;
  margin:8px 10px 12px 10px;
}
.model {background-color:#000 !important;}
.status_on, .status_off {border-radius:4px;padding:3px}
.status_on {background:#244F11;}
.status_off {background:#6F0C09;}

/*--
░█▀▀░█▀█░█▀█░▀█▀░█▀▀░█▀▄
░█▀▀░█░█░█░█░░█░░█▀▀░█▀▄
░▀░░░▀▀▀░▀▀▀░░▀░░▀▀▀░▀░▀
*/

@media only screen and (min-width: 1120px) {
#footContainer {width:fit-content;margin:0 auto;}
}
@media only screen and (max-width: 1119px) {
#footContainer {width:fit-content;margin:0 auto;}
	@media (max-width: 759px) {
	#footContainer {width:fit-content;}
		@media (max-width: 499px) {
		#footContainer {width:230px;}
		}
	}
}

footer{
  width:100%;padding:10px 0 50px 0;
  border-top:1px solid #000;
  color:#ccc;
  background:#2d2319;
  line-height:1.7em;
}
footer a, footer a:visited {color:#ccc;text-decoration:none;}
footer a:hover {color:#fff;}
footer p {text-align: left;color:#ccc;}
.foot-block{
  width:200px;margin:5px 15px; 
  float:left;
}
.foot-block ul {padding:0;margin:0;}
.foot-block li {
  list-style:outside none none;
  line-height:1.7em;
}
#dispOpentrad {display:block;width:200px;height:48px;margin:auto;background:url(ico1.png) no-repeat 10px 0;opacity:0.9}
#dispOpentrad:hover {background:url(ico1.png) no-repeat 10px 0;opacity:1}
#socialMed li {float:left;margin-left:-10px;}
#socialMed a, #socialMed a:visited {
  display:inline-block;
  width:50px;height:50px;
  border:none;
  margin:0 20px 2px 0;
  opacity:0.8;
}
#socialMed a:hover { opacity:1;}
#icoMasto {background:url(ico1.png) no-repeat -140px -150px;}
#icoPeertube {background:url(ico1.png) no-repeat -50px -150px;}
#icoDogmazik {background:url(ico1.png) no-repeat 0 -150px;}
#siteAutor {text-align:center;margin:30px auto;padding-top:30px;max-width:300px;border-top:1px solid #ccc;}