/*! 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;}

body {
	background:#96775b;background:radial-gradient(circle, #96775b 33%, #57432f 100%);
	font-family:"Open Sans","Droid Sans","Verdana",sans serif;
	padding-top:55px;
	color:#fff;
}

main {max-width:900px;margin: 0 auto;padding-bottom:50px}
aside {background-color:#FFFCF3;padding:10px;margin:10px;border:2px dashed #EAE1C7}

/*--pour la page provisoire--*/
p {margin:0 0 10px 0;color:#F3EBDB;line-height:1.4em}
a, a:visited {text-decoration:none;color:#FFE093;}
a:hover {text-decoration:underline;color:#fff;}
a.external {background:url('external.png') right center no-repeat; padding-right:15px;margin-right:5px}
a.wiki {color:#416EB7 !important;background:url('wiki.png') right center no-repeat; padding-right:12px;}

h1 {text-align:center;border-bottom-style:double;border-color:#aaa;font-family:Georgia,"Times New Roman",serif;color:#555;font-weight:400;font-variant:small-caps;text-shadow:0 1px 2px #ddd;margin-top:0;padding-bottom:0.3em;}
h2 {font-family:Georgia,"Times New Roman",serif;font-weight:400;font-variant:small-caps;margin-top:1em;margin-bottom:0.5em;border-bottom:8px solid #eee;}
h3,h4 {font-family:open_sansregular,"Droid Sans","Verdana",sans serif;}
h3 {margin-top:0.6em;margin-bottom:0.1em;color:#888;font-size:1.2em;}
h4,h5,h6 {margin-top:0.2em;margin-bottom:0.1em;}

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

img {max-width:100%}
.ot {text-align:center}
.ot h1 {font-size:2.5em;margin:0;}
.ot, footer, #kwds {color:#F3EBDB;line-height:2}
#kwds {max-width:750px;margin:20px auto;}
#kwds span {color:#96775b;background:#F3EBDB;padding:2px;border-radius:6px;}
#kwds span:hover {background:#FFDE00;color:#333}
#apache {background:#fff;padding:20px;margin:20px auto;max-width:750px;border-radius:9px;font-family:serif;color:#000}
#apache a {color:#2020DF}
.planche {max-width:500px;margin:auto}
.planche a {border:1px solid #b78642;border-radius:4px;height:65px;max-width:115px;display:block;float:left;margin-right:7px;margin-bottom:6px;margin-top:2px}
.planche a:hover {border-color:#fff;margin-bottom:8px;margin-top:0}
.nettoyeur {clear:both;}
.centre {text-align:center;}
/*--------------------------*/


/*======================================================================
                           < H E A D E R >
======================================================================*/
/*--bannière à naviguer--*/
@media only screen and (max-width: 1269px) {header{display:none}}
@media only screen and (min-width: 1270px) {
#mainBanner {
	width:100%;height:50px;
	border-bottom:1px solid #000;
	background:linear-gradient(to top, #222, #333);
	box-shadow: 0 0 50px 10px rgba(255, 180, 100, 0.4);
	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:700px;}
#extraMenu {width:280px;}
#extraMenu::after {content:"";display:table;clear:both;}

#mainMenu > li {float:left;width:20%;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 {padding-left:50px !important;background:url(../inc/icons/32x32/monviolon.png) no-repeat 15px}
#headerShop {padding-left:60px !important;background:url(../inc/icons/32x32/cart.png) no-repeat 16px 6px}

.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 {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 {box-shadow:none}
#headerSearch button {width:30px;height:32px;font:0/0 a;border:0;padding:0;background:transparent url(../inc/icons/32x32/search.png) no-repeat -2px 0;float:left}
#headerSearch button:hover {cursor:pointer}
}

/*--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;}

/*---------------------*/

/*======================================================================
                       F O R M U L A I R E S
======================================================================*/

input, textarea, select {
 padding:2px;
 color:#998470; background:#fff;
 border: 1px solid #CCB9A8;border-radius:3px;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .2s;
}

input {
 height:28px;
}

input[type="text"],input[type="password"]{
 font-size:16px;
}

input:focus, textarea:focus {
 border-color: #FF9600;
 color:#66513D;
 outline: 0;
 box-shadow: 0 0 8px rgba(255, 150, 233, .6);
}

label {
color:#897664;font-weight:bold;
}
input[type="submit"], button {
height:34px;
color:#90857A;
background: linear-gradient(#fff,#ECE5DE);
border: 1px solid #CCB9A8;border-radius:4px;
box-shadow: inset 0 -1px 1px rgba(70,60,50,.3), 0 0 8px rgba(255, 150, 233, 0);
}
input[type="submit"]:hover, button:hover {
color:#816549;border-color:#A18972;background: linear-gradient(#F6EDE5,#DFD0C2);
cursor:pointer;
}
input[type="checkbox"] {
height:1em;
}

/*======================================================================
                         T A B L E A U X
======================================================================*/

.grille td {padding:2px;border:1px solid #625b3d;}
.grille_titre td, .grille_titre th {padding:2px;background-color:#625b3d;color:#fcffcf;border-color:#bfb36b;}
.grille_norm td, .grille_norm th {padding:5px;border:1px solid #D2D2D2;text-align:center}
.grille_norm td:hover {background: #eee;color:#000;}
.aere td {padding:0.5em;vertical-align:top}

/*======================================================================
                          T E X T E S
======================================================================*/

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

.ref_bas_de_page 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}

/*======================================================================
                           < F O O T E R >
======================================================================*/

footer {display: inline-block;width:100%;height:7em;font-size:0.8em;text-align:center;padding:20px 0;background:linear-gradient(to top, #111, #222);color:#ccc;border-top:1px solid #222;box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.4)}
footer a,#footer a:active, #footer a:visited {color:#ccc !important;}
footer a:hover{color:#eee;}
footer b {font-size:1.2em;}
footer ul {list-style: outside none none;padding:0;}
footer .col {float:left;width:12em;min-height:11em;margin:1em;line-height:1.5em;text-align:left;}