body{
cursor: default;
}

a:link{
cursor: pointer;
}

img {
cursor: pointer;
}

li,ul {
padding:0
}

.pure a,a,td.pn {
text-decoration:none 
}

*{box-sizing:border-box}

body,html {
overflow-x:hidden;
background:#f6f6f6;
font-family:lucida sans unicode;
font-size:12px
}

.menu-btn,.pure {
background:#4B4B4D
}

blockquote,code,embed,iframe,img,input,object,pre,table,td,textarea,video {
max-width:100%
}

ul {
margin:0
}

.menu-btn,.pure ul:first-child {
margin-top:10px
}

li {
margin:10px;
font-size:.9em;
color:#5CFB59
}

a {
color:#000
}

h2, h3, h4, h5 {
margin: 0px;
font-size:1em;
color:#5CFB59;
font-weight:normal
}

.menu-btn {
float:right;
padding:10px;
color:#fff;
text-align:center;
cursor:pointer;
}

.pure a,.pure a:hover {
color:#5CFB59
}

.menu-btn:hover {
opacity:.6
}
.pure {
position:fixed;
width:200px;
height:100%;
top:0;
z-index:9999;
overflow:auto;
visibility:hidden
}

.pure a {
display:block;
padding:15px 0;
outline:0
}

.pure.pure-left {
left:0
}

.pure.pure-right {
right:0
}

.pure-left {
transform:translate3d(-200px,0,0)
}

.pure-open-left #container,.pure-open-left .push,.pure-right {
transform:translate3d(200px,0,0)
}

.pure-open-right #container,.pure-open-right .push {
transform:translate3d(-200px,0,0)
}

.pure-open-left .pure,.pure-open-right .pure {
transform:translate3d(0,0,0)
}

#container,.pure,.push {
transition:transform .2s cubic-bezier(.16,.68,.43,.99)
}

.site-overlay {
display:none
}

.pure-open-left .site-overlay,.pure-open-right .site-overlay {
display:block;
position:fixed;
top:0;right:0;
bottom:0;
left:0;
z-index:9998;
background-color:rgba(0,0,0,.5);
animation:fade .5s
}

.pure-submenu ul {
padding-left:15px;
transition:max-height .2s ease-in-out
}

.drapeau,.presentation,h1,p1 {
padding:0 20px;margin:10px 0
}

.pure-submenu ul .pure-link {
transition:opacity .2s ease-in-out
}

.pure-submenu>a {
position:relative
}

.pure-submenu>a::after{
content:'';
display:block;
height:11px;
width:8px;
position:absolute;
top:50%;
right:15px;
background:url(img/arrow.svg) no-repeat;
transform:translateY(-50%);
transition:transform .2s
}

td.fabricant,td.marquage,td.pn {
width:15%
}

.pure-submenu-closed ul {
max-height:0;overflow:hidden
}

.pure-submenu-closed .pure-link {
opacity:0
}

.pure-submenu-open ul {
max-height:1000px
}

.pure-submenu-open .pure-link {
opacity:1
}

.pure-submenu-open a::after {
transform:translateY(-50%) rotate(90deg)
}

.no-csstransforms3d .pure-submenu-closed ul{
max-height:none;display:none
}

.nav-is-stuck .main-header {
position:fixed;
top:0;
left:0;
right:0;
box-shadow:0 1px 4px rgba(0,0,0,.15);
animation:stickAnim .3s
}

header {
background:#f6f6f6;height:190px
}

.presentation {
font-weight:300;
letter-spacing:.025em;
word-spacing:.025em
}

.lolo1,.lolo2 {
background:#F6F6F6;
font-family:Garamond;
font-size:13px;
Border-width:0
}

h1 {
font-weight:700;
font-size:11px
}

td.categorie,td.categorie1 {
font-size:16px;
color:#fff;
text-align:center;
line-height:4px;
background-color:#F07E01
}

td {
font-family:Arial
}

td.categorie1 {
border-radius:10px 10px 0 0
}

td.pn{
padding:13px;
font-size:12px;
color:#00f;
background:#eee
}

td.description {
width:25%
}

td.DC {
width:5%
}

td.boitier {
width:12%
}

tbody td {
padding:13px;
font-size:11px;
background:#fff;
color:#444;
border:thin solid #ccc
}

tbody tr:not(:last-child){
border-top:1px solid #ddd;
border-bottom:1px solid #ddd
}

@media (max-width:1024px){
.main-header,.presentation,h1,img{
margin:0
}

.menu-btn {
margin-right:0
}

h1 {
font-weight:700;
font-size:14px;
padding-top:10px
}

@media (max-width:768px){

.menu-btn {
margin-right:0
}

table {
margin:0 auto
}

.drapeau,.main-header,.presentation,h1,img,p1 {
margin:0
}

h1 {
font-weight:700;
font-size:14px;
padding-top:10px
}

.lolo1,.lolo2 {
display:none
}

td.DC,td.boitier,td.description,td.fabricant,td.marquage,td.pn {
width:auto
}

tbody td{
display:block;
padding:.6rem
}

tbody td.categorie:first-child {
background:#f68c06;
color:#fff;
text-align:center
}

tbody td.sous-categorie:first-child {
background:#f1f1f1;
color:#000;
text-align:center
}

tbody td.pn{
background:#fef3e6;
color:#00f;
text-align:left
}

@media (min-width:320px)and (max-width:414px){
.menu-btn {
margin-right:15px
}

.drapeau,.main-header,.presentation,h1,img,p1 {
margin:0
}

h1 {
font-weight:700;
font-size:14px;
padding-top:10px
}

tbody td {
display:block;
padding:.6rem;
width:auto
}

tbody td.categorie:first-child {
background:#f68c06;
color:#fff;
text-align:center
}

tbody td.sous-categorie:first-child {
background:#f1f1f1;
color:#000;
text-align:center
}

tbody td.pn{
background:#fef3e6;
color:#00f;
text-align:left
}
}