@font-face{font-family:'Titillium Web';src:url(fonts/TitilliumWeb-Regular.ttf) format('truetype');font-weight:400;font-style:normal}html{margin:0;padding:0;font-size:62.5%;background:#fff}body{margin:0;padding:0;font-family:Helvetica,Arial,sans-serif;line-height:1.6;font-size:1.6rem;background:#fff url(general-bg.png);color:rgba(0,0,0,.8)}article,footer,header,main,nav,section{margin:0;padding:0;display:block}*{-webkit-box-sizing:border-box;box-sizing:border-box}.submit input,article dt,article ul.buttons li a strong,footer h4,header h1,main .user-contact a,main h2,nav a{font-family:'Titillium Web',Tahoma,sans-serif;font-stretch:extra-expanded}img{max-width:100%}a.with-img,a.with-img:hover{border:none}#easy-access{display:none}.description{font-size:1.2rem;color:#f0f0f0;margin:0;padding:.8rem;text-align:center;background:#37141a}header{background:#000;background:rgba(0,0,0,.8)}header h1{margin:0;padding:0 0 0 2rem;font-size:7.5rem}header h1 a{color:#fff;text-decoration:none}header h1 span{display:inline-block;background:#37141a;background:rgba(55,20,26,.8);border-radius:3px;color:#fff;font-size:1.8rem;padding:0 1rem}nav ul{margin:-5rem 0 auto;padding:1rem 2rem;text-align:right}nav ul li{margin:0;padding:0;display:inline}nav a:link,nav a:visited{display:inline-block;margin:0 0 0 .2rem;padding:.5rem .8rem;text-decoration:none;background:#37141a;background:rgba(55,20,26,.8);color:#f0f0f0;font-size:2rem}nav a.active,nav a:active,nav a:focus,nav a:hover{background:#fff;background:rgba(255,255,255,.9);color:#37141a}main h2{font-size:5rem;margin:0;padding:5.5rem 2rem;text-align:right;background:#fff url(ecran_main_menton_l.jpg) no-repeat center;background-size:cover;color:#37141a;border-bottom:#37141a dotted 1px}.gallery main h2{background-image:url(bras_ordi_livre_l.jpg)}.translation main h2{background-image:url(livres_main_l.jpg)}.code main h2{background-image:url(ordi_mains_l.jpg)}.contact main h2{background-image:url(tete_lunettes_l.jpg)}.advices main h2{background-image:url(ecran_touchpad_main_bras_l.jpg)}.content{max-width:940px;margin:0 auto;padding:0 0 2rem 0}article h3{display:none}article p{margin:2rem 0 0 0;padding:0;text-align:justify}article .logo{float:left;margin:0 1.5rem 0 0;max-width:25%;border:#37141a 1px dotted}article ul.buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:0}article ul.buttons li{display:inline-block;vertical-align:top;list-style-type:none;border:none;margin:2rem 0 0 0;padding:0;width:49%;background:#fff url(code-img.jpg) no-repeat center;background-size:cover}article ul.buttons li#code{background-image:url(code-img.jpg)}article ul.buttons li#conseils{background-image:url(adv-img.jpg)}article ul.buttons li#traductions{background-image:url(trans-img.jpg)}article ul.buttons li#galerie{background-image:url(gal-img.jpg)}article ul.buttons li a{display:inline-block;vertical-align:bottom;width:100%;text-align:center;font-size:1.3rem;padding:1.5rem 0;background:#37141a;background:rgba(55,20,26,.8);color:#fff;border:#37141a 1px dotted}article ul.buttons li .buttons-title{display:inline-block;text-align:center;padding:0 1rem;width:100%}article ul.buttons li a strong{font-size:2.5rem;padding:1rem 0 .2rem 0}article ul.buttons li a:hover{background:0 0;color:#37141a}article ul.buttons li a:hover img{opacity:.4}article ul.buttons li a:hover .buttons-title{background:#f0f0f0;background:rgba(240,240,240,.8);width:100%}main .user-contact{background:#fff url(contact-img.jpg) no-repeat center;background-size:cover}main .user-contact a{display:inline-block;width:100%;margin:0;padding:1.5rem 1rem 1.5rem 12rem;text-decoration:none;color:#fff;font-style:italic;font-size:2.5rem;background:rgba(55,20,26,.8) url(user-contact-bg.png) no-repeat left center;border-top:#37141a 1px dotted}main .user-contact a:hover{background-color:rgba(255,255,255,.8);color:#37141a}main .user-contact strong{display:inline-block}article dl{margin:2rem 0 0 0;padding:1rem 11rem 1rem 1rem;color:#fff;background-color:#37141a;background-repeat:no-repeat;background-position:right center;border:#37141a 1px dotted}article dd{margin:0 1rem;padding:.2rem 0;line-height:2.4rem}article dt{font-size:3rem;font-weight:700;margin:0;padding:0 0 1rem 0;line-height:3rem}article a{color:#37141a;text-decoration:none;font-style:italic;border-bottom:#37141a 1px dotted}article a:hover{border-bottom:#900 1px solid;color:#900}article a img{border:none}article dl a{color:#fff;border-color:#fff}article dl a:hover{color:#fff;border-bottom:#fff 1px solid}img{max-width:100%}article figure{margin:1.5rem 0;padding:0}article figure img{border-left:1px dotted #37141a;border-top:1px dotted #37141a;border-right:1px dotted #37141a;vertical-align:bottom;width:940px}article figcaption{margin:0;padding:0 0 2rem 0;border-top:#000 1rem solid}article figcaption dl{margin:0}article figcaption ul.li-inline li{display:inline;padding:.2rem .8rem}dl.alsacreations{background-image:url(alsa-bg.png)}dl.jojaba-perso{background-image:url(website-bg.png)}dl.languages{background-image:url(code-bg.png)}#ba-erp dl,dl.cms{background-image:url(cms-bg.png)}dl.forums{background-image:url(forum-bg.png)}dl.collaborate{background-image:url(collaborate-bg.png)}dl.books{background-image:url(book-bg.png)}dl.sites,figcaption dl{background-image:url(website-bg.png)}dl.translation{background-image:url(trans-bg.png)}dl.contact{background-image:url(contact-bg.png)}.slideshow{position:relative;width:940px;height:500px;overflow:hidden}.sContent{position:absolute;top:0;left:0;width:3760px;margin:0;padding:0;-webkit-animation-name:AutoSlide;animation-name:AutoSlide;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.sContent li{display:inline}figure a>img:hover{cursor:-webkit-zoom-in;cursor:zoom-in}article.contact{display:flex}.jjbaddress,.jjbform{margin:0;padding:1rem;width:50%}article.contact div.messagesent,article.contact form{margin:0;padding:0 2rem 0 0}article.contact fieldset{border:none;margin:0;padding:0}article.contact legend{display:none}article.contact p{text-align:left}article.contact .usernickname{display:none}article.contact .submit input,article.contact .usermail input,article.contact .username input,article.contact textarea{width:100%;background:#fff;background:rgba(255,255,255,.8);padding:1.5rem 2rem;margin:0;border:none;border:#37141a 1px dotted}article.contact input:focus,article.contact textarea:focus{background:#fff}article.contact .rgpd{font-size:1.3rem;line-height:1.4rem}article.contact .submit input{font-size:2.5rem;color:#fff;background-color:#37141a;border-top:#000 1px dotted;border-bottom:#000 1px dotted}article.contact .submit input:hover{background:#fff;color:#858585;cursor:pointer}article.contact blockquote{border:#fff 1px solid;padding:0 2rem 2rem 2rem;margin:0;font-style:italic;color:#fff;background-color:#37141a}article.contact p.warning{background:#fff;color:#ff4500}article.contact p.ok{background:#fff;color:#006400}article.contact .help{font-size:1.2rem;text-align:right}article.jjbaddress a{color:#fff;border:none}footer{margin:0;padding:2rem 0;background:#000;background:rgba(0,0,0,.8);font-size:.9em;line-height:1.4;color:#f0f0f0}.main-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}footer #a-propos,footer #favoris,footer #mentions-legales{display:inline-block;vertical-align:top;max-width:400px;padding:1rem}footer h4{font-size:2.5rem;margin:0;padding:0 0 1rem 0;font-weight:400}footer ul{margin:0;padding:0 1.5rem}footer ul li{margin:0;padding:0;list-style-type:square;line-height:1.8rem}footer p{margin:2rem 1rem 0 1rem;padding:0;font-size:1em;text-align:center}footer a{color:#fff;text-decoration:none;font-style:italic;border-bottom:#fff 1px dotted}footer a:hover{border-bottom:#fff 1px solid}article ul.buttons li a:hover,article.contact .submit input:hover,nav li a:hover{box-shadow:0 2px 3px #000;-moz-box-shadow:0 2px 3px #000;-webkit-box-shadow:0 2px 3px #000;-o-box-shadow:0 2px 3px #000}article.contact blockquote,article.contact dl,p.contactlink a:hover{box-shadow:0 0 10px #fff;-moz-box-shadow:0 0 10px #fff;-webkit-box-shadow:0 0 10px #fff;-o-box-shadow:0 0 10px #fff}header h1{text-shadow:1px 1px 0 #000,2px 2px 1px rgba(55,20,26,.8)}main h2{text-shadow:1px 1px 0 #fff,2px 2px 1px rgba(55,20,26,.8)}header h1 span{-webkit-transform:translate(-1.4rem,-3rem);transform:translate(-1.4rem,-3rem)}nav a{-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}nav a.active,nav a:hover{-webkit-transform:rotate(-50deg) scale(1.2);transform:rotate(-50deg) scale(1.2)}.buttons img,.buttons-title,.user-contact strong,a,a:hover,article.contact .submit input,article.contact .submit input:hover{-webkit-transition:all .5s;transition:all .5s}article ul.buttons li#code a:hover .buttons-title{-webkit-transform:rotate(-5deg) scale(1.1) translate(0,-100%);transform:rotate(-5deg) scale(1.1) translate(0,-100%)}article ul.buttons li#traductions a:hover .buttons-title{-webkit-transform:rotate(3deg) scale(1.1) translate(0,-100%);transform:rotate(3deg) scale(1.1) translate(0,-100%)}article ul.buttons li#conseils a:hover .buttons-title{-webkit-transform:rotate(4deg) scale(1.1) translate(0,-100%);transform:rotate(4deg) scale(1.1) translate(0,-100%)}article ul.buttons li#galerie a:hover .buttons-title{-webkit-transform:rotate(-2deg) scale(1.1) translate(0,-100%);transform:rotate(-2deg) scale(1.1) translate(0,-100%)}article ul.buttons li#code a:hover img,article ul.buttons li#galerie a:hover img{-webkit-transform:scale(.5) translate(250%,150%);transform:scale(.5) translate(250%,150%)}article ul.buttons li#conseils a:hover img,article ul.buttons li#traductions a:hover img{-webkit-transform:scale(.5) translate(-250%,150%);transform:scale(.5) translate(-250%,150%)}main .user-contact a:hover strong{-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes AutoSlide{0%,100%,15%{left:0}35%,50%{left:-100%}70%,85%{left:-200%}}@keyframes AutoSlide{0%,100%,15%{left:0}35%,50%{left:-100%}70%,85%{left:-200%}}@media screen and (max-width:1024px){.content{padding:0 1rem 1rem 1rem}dl.contact{background-image:none;padding:1rem}.slideshow{position:static;width:100%;height:100%;overflow:hidden}.sContent{position:static;width:auto;-webkit-animation-duration:0;animation-duration:0}.sContent li{display:inline}}@media screen and (max-width:600px){header h1{margin:0;padding:.8rem .2rem;text-align:center;font-size:5.8rem}nav ul{margin:0;padding:.5rem;text-align:center;background:#37141a}header h1 span{font-size:1.2rem;padding:0 .5rem;-webkit-transform:translate(-1rem,-2.6rem);transform:translate(-1rem,-2.6rem)}nav li a.active,nav li a:hover,nav li a:link{margin:.5rem;padding:0 .5rem;-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);-webkit-box-shadow:none;box-shadow:none;font-size:1.6rem;background:0 0}nav li a.active,nav li a:hover{background:#fff}main h2{font-size:2.5rem;padding:1.5rem 1rem}article dl,article ul{margin:.5rem}article ul.buttons{margin:0}article ul.buttons li{width:100%}article figure img{padding:1rem}.jjbaddress,.jjbform{width:98%}article.contact div.messagesent,article.contact form{border:none;padding:0}#ba-erp dl,dl.alsacreations,dl.books,dl.cms,dl.collaborate,dl.forums,dl.jojaba-perso,dl.languages,dl.sites,dl.translation,figcaption dl{background-image:none;padding:1rem}footer #a-propos,footer #favoris,footer #mentions-legales{width:auto;padding:2rem 1rem}}