﻿@font-face{font-family:"titres";src:url('fonts/Bilbo-Regular.otf')}
@font-face{font-family:"texte";src:url('fonts/Oregano-Regular.ttf')}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr{margin:0;padding:0;border:none;outline:0;vertical-align:baseline;background:transparent}
body{text-align:center;background-position:center;background-color:#02024f;color:white;font-family:"texte",helvetica,arial,sans-serif;font-size:1.5em;padding-bottom:20px;background-image:linear-gradient(to right,rgb(3,2,80),rgb(28,29,135),rgb(3,2,80) 100%);background-image:-o-linear-gradient(to right,rgb(3,2,80),rgb(28,29,135),rgb(3,2,80) 100%);background-image:-moz-linear-gradient(to right,rgb(3,2,80),rgb(28,29,135),rgb(3,2,80) 100%);background-image:-webkit-linear-gradient(to right,rgb(3,2,80),rgb(28,29,135),rgb(3,2,80) 100%);background-image:-ms-linear-gradient(to right,rgb(3,2,80),rgb(28,29,135),rgb(3,2,80) 100%)}
#site{visibility:hidden}
#chargement{position:fixed;top:50%;left:50%;width:200px;height:100px;margin-left:-100px;margin-top:-50px;}
#scroller1,#scroller2,#scroller3,#scroller4{position:fixed;width:100%;height:300px;z-index:-10;}
#scroller1{background:transparent url(images/pagination/cloud.png) 0 0 repeat-x;-webkit-animation:defile 100s infinite;-moz-animation:defile 100s infinite;animation:defile 100s infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear}
#scroller2{background:transparent url(images/pagination/middle.png) 0 92px repeat-x;}
#scroller3{background:transparent url(images/pagination/front.png) 0 0 repeat-x;-webkit-animation:defile3 50s infinite;-moz-animation:defile3 50s infinite;animation:defile3 50s infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear}
#scroller4{background:transparent url(images/pagination/piedepage.png) 0 0 repeat-x;top:100%;margin-top:-270px;height:350px;}
#scroller5{background:transparent url(images/pagination/bandeau.jpg) repeat-x;border-top:1px solid #afaee8;width:100%;height:300px;border-bottom:1px solid #02024f;-webkit-animation:defile5 60s infinite;-moz-animation:defile5 60s infinite;animation:defile5 60s infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear}
#scroller6{background:transparent url(images/pagination/belargus.gif) 100% 100px no-repeat;-webkit-animation:defile6 15s infinite;animation:defile6 15s infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;position:fixed;width:100%;height:300px;z-index:-10;}
.logo{position:absolute;top:40px;right:20px;}
hr{position:absolute;top:40px;width:100%;size:0px;line-height:1px;border-bottom:1px solid white;right:52px;}
.logo img{height:55px}
@-webkit-keyframes defile{
from{background-position:854px 0}
to{background-position:0 0}}
@-moz-keyframes defile{
from{background-position:854px 0}
to{background-position:0 0}}
@keyframes defile{
from{background-position:854px 0}
to{background-position:0 0}}
@-webkit-keyframes defile2{
from{background-position:0 92px}
to{background-position:1000px 92px}}
@-moz-keyframes defile2{
from{background-position:0 92px}
to{background-position:1000px 92px}}
@keyframes defile2{
from{background-position:0 92px}
to{background-position:1000px 92px}}
@-webkit-keyframes defile3{
from{background-position:0 0}
to{background-position:1000px 0}}
@-moz-keyframes defile3{
from{background-position:0 0}
to{background-position:1000px 0}}
@keyframes defile3{
from{background-position:0 0}
to{background-position:1000px 0}}
@-webkit-keyframes defile5{
from{background-position:0 0}
to{background-position:7400px 0}}
@-moz-keyframes defile5{
from{background-position:0 0}
to{background-position:7400px 0}}
@keyframes defile5{
from{background-position:0 0}
to{background-position:7400px 0}}
@-webkit-keyframes defile6{
from{background-position:120% 100px}
to{background-position:-1000px 100px}}
@-moz-keyframes defile6{
from{background-position:120% 100px}
to{background-position:-1000px 100px}}
@keyframes defile6{
from{background-position:120% 100px}
to{background-position:-1000px 100px}}
div,p,span{color:#afaee8;font-size:1em}
li{list-style:none;list-style-type:none}
h1,h2{text-align:center;width:100%;font-family:"titres";font-weight:normal}
h1{font-size:2.5em;color:white;line-height:1em;text-shadow:0 0px 30px white}
h2{font-size:2em;color:#8383d9;line-height:1.2em}
h3{font-size:1.5em;color:white;line-height:1.2em;font-family:"titres";font-weight:normal}
h4{font-size:1.3em;color:white;line-height:2em;font-family:"titres";font-weight:normal}
input[type="text"],input[type="file"],textarea{color:#afaee8;border-top:1px solid rgba(255,255,255,0.2);border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.8);box-shadow:0 2px 8px rgba(2,2,79,0.3),0px -1px 2px rgba(255,255,255,0.4) inset,0px 2px 4px rgba(2,2,79,0.3) inset;-moz-box-shadow:0 2px 8px rgba(2,2,79,0.3),0px -1px 2px rgba(255,255,255,0.4) inset,0px 2px 4px rgba(2,2,79,0.3) inset;-webkit-box-shadow:0 2px 8px rgba(2,2,79,0.3),0px -1px 2px rgba(255,255,255,0.4) inset,0px 2px 4px rgba(2,2,79,0.3) inset;-o-box-shadow:0 2px 8px rgba(2,2,79,0.3),0px -1px 2px rgba(255,255,255,0.4) inset,0px 2px 4px rgba(2,2,79,0.3) inset;-ms-box-shadow:0 2px 8px rgba(2,2,79,0.3),0px -1px 2px rgba(255,255,255,0.4) inset,0px 2px 4px rgba(2,2,79,0.3) inset;background:none}
select,option,optgroup,input[type="button"],input[type="submit"],input[type="password"],input[type="file"],input[type="text"],.onglets2 a{text-align:left;font-family:"texte";margin:5px;padding:5px;outline-style:none;border-radius:5px;font-size:1em;font-weight:normal;height:40px;box-sizing:border-box;display:inline-block;vertical-align:bottom}
textarea{text-align:left;font-family:"texte";margin:5px;padding:5px;outline-style:none;border-radius:5px;font-size:1em;font-weight:normal;box-sizing:border-box}
input[type="button"],input[type="submit"],select,.onglets2 a{text-align:center;color:#afaee8;background-color:rgba(255,255,255,0);border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(2,2,79,0.6);border-top:1px solid rgba(255,255,255,0.2);box-shadow:0 3px 6px rgba(2,2,79,0.6),0px -3px 6px rgba(255,255,255,0.1),0px 4px 2px rgba(255,255,255,0.2) inset,0px -2px 4px rgba(2,2,79,0.2) inset;-moz-box-shadow:0 3px 6px rgba(2,2,79,0.6),0px -3px 6px rgba(255,255,255,0.1),0px 4px 2px rgba(255,255,255,0.2) inset,0px -2px 4px rgba(2,2,79,0.2) inset;-webkit-box-shadow:0 3px 6px rgba(2,2,79,0.6),0px -3px 6px rgba(255,255,255,0.1),0px 4px 2px rgba(255,255,255,0.2) inset,0px -2px 4px rgba(2,2,79,0.2) inset;-o-box-shadow:0 3px 6px rgba(2,2,79,0.6),0px -3px 6px rgba(255,255,255,0.1),0px 4px 2px rgba(255,255,255,0.2) inset,0px -2px 4px rgba(2,2,79,0.2) inset;-ms-box-shadow:0 3px 6px rgba(2,2,79,0.6),0px -3px 6px rgba(255,255,255,0.1),0px 4px 2px rgba(255,255,255,0.2) inset,0px -2px 4px rgba(2,2,79,0.2) inset}
input[type="button"]:hover,input[type="button"].active,input[type="submit"]:hover,select:hover,.onglets2 a:hover,.onglets2 a.active{text-shadow:0 -2px 3px rgba(255,255,255,0.6);box-shadow:0 -3px 6px rgba(255,255,255,0.2);-moz-box-shadow:0 3px 6px rgba(2,2,79,0.6),0px -3px 6px rgba(255,255,255,0.1),0px 8px 2px rgba(255,255,255,0.2) inset,0px -2px 4px rgba(2,2,79,0.2) inset;-webkit-box-shadow:0 3px 6px rgba(2,2,79,0.6),0px -3px 6px rgba(255,255,255,0.1),0px 8px 2px rgba(255,255,255,0.2) inset,0px -2px 4px rgba(2,2,79,0.2) inset;-o-box-shadow:0 3px 6px rgba(2,2,79,0.6),0px -3px 6px rgba(255,255,255,0.1),0px 8px 2px rgba(255,255,255,0.2) inset,0px -2px 4px rgba(2,2,79,0.2) inset;-ms-box-shadow:0 3px 6px rgba(2,2,79,0.6),0px -3px 6px rgba(255,255,255,0.1),0px 8px 2px rgba(255,255,255,0.2) inset,0px -2px 4px rgba(2,2,79,0.2) inset;border-radius:5px;color:white;background-color:rgba(255,255,255,0.2)}
form{color:#afaee8;margin-top:-2px}
a{font-size:1em;color:#cfceef;font-weight:bold;text-decoration:none}
a:hover,.active,input[type="text"]:hover,input[type="text"]:focus,textarea:hover,textarea:focus,input[type="password"]:hover,input[type="password"]:focus{color:white;text-shadow:0 0 10px white}
a img:hover{box-shadow:0 -4px 8px rgba(255,255,255,0.4);-moz-box-shadow:0 -4px 8px rgba(255,255,255,0.4);-webkit-box-shadow:0 -4px 8px rgba(255,255,255,0.4);-o-box-shadow:0 -4px 8px rgba(255,255,255,0.4);-ms-box-shadow:0 -4px 8px rgba(255,255,255,0.4)}
img{border-top:1px solid rgba(255,255,255,0.6);border-bottom:1px solid rgba(0,0,0,0.8);box-shadow:0 6px 12px #02024f;-moz-box-shadow:0 6px 12px #02024f;-webkit-box-shadow:0 6px 12px #02024f;-o-box-shadow:0 6px 12px #02024f;-ms-box-shadow:0 6px 12px #02024f;max-width:100%}
.loader,.ongletmenu,.precharg{display:none}
.entete{height:30px;margin:5px 0 5px 0}
.onglets{padding:10px 0 0 20px;height:130px}
.onglet{display:inline-block;margin:0 3px 0 3px}
.onglet span{display:block;font-size:0.9em}
.onglet img,.boutonmenu{height:40px;width:40px}
.onglet:hover img,.onglet:hover span,.ongletmenu:hover img,.onglets img:hover,.onglets a.active,.boutondiapo:hover,.boutonmenu:hover{filter:brightness(5);-webkit-filter:brightness(5)}
.rotate1{-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-o-transform:rotate(-1deg);-ms-transform:rotate(-1deg)}
.rotate2{-webkit-transform:rotate(1deg);-moz-transform:rotate(1deg);-o-transform:rotate(1deg);-ms-transform:rotate(1deg)}
.rotate3{-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg);-ms-transform:rotate(-2deg)}
.rotate4{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-o-transform:rotate(2deg);-ms-transform:rotate(2deg)}
.rotate5{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg)}
.rotate6{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg)}
.stage{top:220px;left:0;width:100%;height:300px;overflow:hidden;box-shadow:0 4px 8px #02024f,0px -2px 6px rgba(255,255,255,0.4);-moz-box-shadow:0 4px 8px #02024f,0px -2px 6px rgba(255,255,255,0.4);-webkit-box-shadow:0 4px 8px #02024f,0px -2px 6px rgba(255,255,255,0.4);-o-box-shadow:0 4px 8px #02024f,0px -2px 6px rgba(255,255,255,0.4);-ms-box-shadow:0 4px 8px #02024f,0px -2px 6px rgba(255,255,255,0.4)}
.boite{position:relative;padding:20px;margin:0 20px 0 20px;border:1px solid white;border-top:1px solid rgba(255,255,255,0.6);border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.8);box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;-moz-box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;-webkit-box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;-o-box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;-ms-box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;border-radius:5px;background-color:rgba(2,2,79,0.3)}
.boite img{max-width:100%}
.oiseaux:before{content:url(images/pagination/oiseaux.png);position:absolute;left:0;top:-38px;width:100%;color:rgb(28,29,135);box-sizing:border-box}
.colonne_creation{padding:20px;border:1px solid white;border-top:1px solid rgba(255,255,255,0.6);border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.8);box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;-moz-box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;-webkit-box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;-o-box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;-ms-box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;border-radius:5px;background-color:rgba(2,2,79,0.3);margin-top:20px;display:inline-block;vertical-align:top;}
.imgnb{filter:grayscale(1);-webkit-filter: grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);-o-filter:grayscale(1);filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}
.minilist{height:60px;margin-left:5px;margin-right:5px;border:4px solid white}
.miniatures{padding-top:10px;width:185px;margin:10px 5px 20px 5px;display:inline-block}
.boitimg2,.boitimg3,.boitimg4{height:150px}
.boitimg2{background:url(images/pagination/photos1.png) center 0 no-repeat}
.boitimg3{background:url(images/pagination/photos2.png) center 0 no-repeat}
.boitimg4{background:url(images/pagination/photos3.png) center 0 no-repeat}
.alea{-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH"}
.miniatures a{font-weight:normal;position:relative}
.miniatures span{font-size:0.8em}
.miniatures strong{color:white}
.miniatures img{max-width:120px;max-height:120px;margin-top:5px;border:6px solid white}
.miniatures .sansbord{border:none}
.photogrande{position:relative}
.photogrande img{max-width:100%;vertical-align:top;border:10px solid white;box-sizing:border-box}
.photogrande:after{position:absolute;content:url(images/pagination/fullscreen.png);transform:scale(.4);position:absolute;text-align:right;top:-23px;right:-21px;color:rgb(28,29,135);box-sizing:border-box}
.illustr img{border:10px solid white;max-width:100%;}
.illustr h3{border-top:1px solid #afaee8;padding-top:20px}
.flex{display:flex;flex-flow:row wrap;justify-content:center}
.miniatures2{width:120px;margin:20px;display:inline-block;vertical-align:top}
.miniatures3{text-align:left;padding:20px;margin:10px;width:250px;display:inline-block;vertical-align:top;border:1px solid white;border-top:1px solid rgba(255,255,255,0.6);border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.8);box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;-moz-box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;-webkit-box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;-o-box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;-ms-box-shadow:0 2px 8px #02024f,0px -3px 6px rgba(255,255,255,0.2),0px 4px 4px rgba(255,255,255,0.2) inset,0px -4px 4px rgba(2,2,79,0.2) inset;border-radius:5px;background-color:rgba(2,2,79,0.3)}
.miniatures4,.miniatures4 a,.miniatures4 span{font-size:0.8em;font-weight:normal}
.miniatures4{width:300px;margin:0 5px 0 5px;padding-bottom:20px;min-height:160px;display:inline-block}
.miniatures4 input[type="text"],.miniatures4 textearea{width:260px;color:white}
.miniatures4 select{width:280px}
.miniatures4 img{margin:5px;max-width:80px;max-height:80px}
.checkbox_couleurs{background-color:white;padding:5px;text-align:center;display:inline-block}
.checkbox_couleurs div{float:left;display:inline-block;margin:1px 1px 1px 1px}
.checkbox_couleurs input{filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
.bloc span{text-align:left;display:inline-block}
.photo_edit{margin:5px;display:inline-block;vertical-align:top;zoom:1;*display:inline}
.formforum{display:inline-block;margin-right:10px}
.left{background:transparent url(images/pagination/boutons-forum/gauche1.png) center no-repeat;background-color:rgba(255,255,255,0);width:30px}
.left:hover,.left2{background:transparent url(images/pagination/boutons-forum/gauche2.png) center no-repeat;background-color:rgba(255,255,255,0.2);width:30px}
.center{background:transparent url(images/pagination/boutons-forum/milieu1.png) center no-repeat;background-color:rgba(255,255,255,0);width:30px}
.center:hover,.center2{background:transparent url(images/pagination/boutons-forum/milieu2.png) center no-repeat;background-color:rgba(255,255,255,0.2);width:30px}
.right{background:transparent url(images/pagination/boutons-forum/droite1.png) center no-repeat;background-color:rgba(255,255,255,0);width:30px}
.right:hover,.right2{background:transparent url(images/pagination/boutons-forum/droite2.png) center no-repeat;background-color:rgba(255,255,255,0.2);width:30px}
.emoticon{background:transparent url(images/emoticons/bravo.gif) center no-repeat;background-color:rgba(255,255,255,0.2);width:30px}
.diaporama{height:100%;width:100%;position:absolute;display:table;text-align:center}
.diapo{display:table;height:100%;width:100%;background-color:black;background-size:contain;background-repeat:no-repeat;background-position:center center}
.diaposuivante,.diapoprecedente{position:absolute;top:50%;margin:-20px 20px 0 20px}
.diaposuivante{left:0}
.diapoprecedente{right:0}
.diapofermer{position:absolute;top:20px;right:20px}
.boutondiapo{height:40px}
.titrediapo{font-size:1.5em;position:absolute;bottom:20px;width:100%;color:white;text-shadow:1px 1px 0px black,1px -1px 0px black,-1px -1px 0px black,-1px 1px 0px black}
.textverti{text-align:left;writing-mode:tb-rl;filter:flipv fliph;white-space:nowrap;-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);bottom:0px;display:block;width:20px}
.select_criteres{width:306px;border:1px solid #02024f}
#selectcrit{position:absolute;top:45px;left:5px;width:200px;display:none;text-align:left;background-color:#02024f;z-index:2000;padding:10px}
#selectcrit a{padding-left:20px}
#selectcrit li:hover{background-color:rgb(28,29,135)}
.sansbord,.sansbord:hover,.logo,.onglet:hover img,.ongletmenu:hover img,.onglets img:hover,.onglets a.active,.boutondiapo:hover,.boutonmenu:hover,.onglets img,.boutonmenu{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;border:none}
.compil{text-align:center;margin:0 auto;padding:0 20px 0 20px;border-collapse:collapse;}
.compil td,th{text-align:left;padding:0 20px 0 20px;border:1px solid gray;}
.compil input[type="text"]{width:500px;}
.entrerdiapo:after{content:url(images/pagination/suivante.png);position:absolute;top:-50px;width:100%;color:rgb(28,29,135);width:40px;height:40px}
.imgload{position:absolute;max-width:100%;max-height:100%;left:0;top:0;right:0;bottom:0}
.form{width:800px}
.mask{display:none}
.wait{position:fixed;width:32px;height:32px;bottom:15%;left:50%;margin-left:-16px;box-shadow:none;border:none;z-index:1000}

@media(max-width:1100px){
h1{font-size:1.3em;margin-top:10px}
h2{font-size:1.2em}
h3{font-size:1.1em}
h4{font-size:1em}
.entete2{display:none}
.onglets,.onglet,.ongletmenu{width:150px;display:block;text-align:left;position:relative}
.onglets{padding:10px 0 0 20px;height:50px;line-height:30px}
.onglet img,.ongletmenu img{height:30px;width:30px;vertical-align:middle}
.onglet span,.ongletmenu span{display:inline-block;margin-left:10px;vertical-align:middle}
.ongletmenu{margin:0;z-index:2000}
.boutonmenu{height:30px}
.onglet{margin:0 0 5px 0;padding:0 0 0 20px;z-index:1}
.onglet:first-child{z-index:1}
#ongletshid{display:none;position:absolute;top:1px;left:0;padding:70px 0 10px 0;background-color:rgba(2,2,79,0.9);z-index:1}
.formforum{display:block;margin:0}}

@media(max-width:500px){
.titrediapo{font-size:1em}
.entete1,.entete2{display:none}
.form{width:90%}}