html, body {height: 100%}
body {margin: 0; color: #3a3a39; font-family: 'Noto Sans', sans-serif; font-size: 15px; background: url(../images/site/bg.png) repeat}
#fond {background: url(../images/site/fond.png); display: none; height: 100%; width: 100%; position: fixed; top: 0; z-index: 99998}
#popup {width: 500px; background: #fff; padding: 10px; height: auto; z-index: 99999; position: fixed; display: none; top: 200px; right: 0; left: 0; margin: 0 auto; border-radius: 6px}
#titrepopup {font-size: 20px; width: 80%; padding: 2px 0 16px; color : #c40007; float: left; font-weight: bold}
#lienpopup {padding: 10px 0 0; text-align: center}
#bouton {width: 20px; height: 20px; float: right; background: #c40007; border: 3px solid #ccc; margin: 2px 0 0; padding: 3px; border-radius: 50%; color: #fff; text-align: center; font-size: 16px; line-height: 18px; cursor: pointer; font-weight: bold}
#popup iframe {box-shadow: none; margin: 0 auto; min-width: 500px}
#content {width: 100%; min-width: 1200px; min-height: 100%}
#page {overflow: auto; padding: 0 0 40px}
a img:link, a img:visited, a img:hover, a:link img, a:visited img, a:hover img {border:none; background: transparent}
a img:hover, a:hover img {border:none; background: transparent !important}
a, a:active, img, img:active, input img, input img:hover {border: none; outline: none}
a, a:visited {text-decoration: none; color: #c40007}
a:hover {text-decoration: underline; color: #c40007}
img {max-width: 100%; height: auto}
.img-forum {width: auto; max-width: 571px; height: auto; padding: 10px 0}
#cookies{width: 100%; height: auto; ; margin: 0 auto; padding: 6px 0; font-size: 11px; color: #fff; background: #000}
#cookies a, #cookies a:visited {text-decoration: none; color: #fff}
#cookies a:hover {text-decoration: underline; color: #fff}
.cookies{text-align: center}
.cookies-r {padding-left: 20px; font-size: 14px; font-weight: bold}
nav, nav ul, nav li {margin: 0; padding: 0}
#nav {width: 100%; background: #014359; border-bottom: 2px solid #000; position: fixed; left: 0; top: 0; z-index: 98000}
#haut {width: 1200px; height: 50px; margin: 0 auto}
nav {float: left; width: 880px; height: 50px; margin: 0 auto; display: block}
nav a.mobile_handle {display: none}
nav ul {display: block}
nav ul li {display: inline; position: relative; float: left; list-style-type: none}
nav ul a, nav ul a:link, nav ul a:visited {display: block; float: left; margin: 0; padding: 0 12px 6px; color: #fff; list-style-type: none; height: 44px; line-height: 52px; text-transform: uppercase; font-size: 14px; font-family: 'Gloria Hallelujah', cursive}
nav ul a:hover {color: #c40007; background: #dadada; text-decoration: none}
nav ul ul {display: none; position: absolute; top: 50px; left: 0; width: 260px; border: 1px solid #ccc; border-bottom: none; background: #c40007; margin: 0; padding: 0; z-index: 101}
nav ul ul li {display: block; float: none; clear: both; background: #014359; border-bottom: 1px solid #ccc; width: 100%; height: auto}
nav ul ul a, nav ul ul a:link, nav ul ul a:visited {display: block; float: none; padding: 2px 6px; border-right: none; margin: 0; color: #fff; text-align: left; text-decoration: none; min-height: 24px; height: auto; line-height: 30px; text-transform: none; font-family: 'Noto Sans', sans-serif}
nav ul ul a:hover {text-decoration: none; color: #c40007; background: #dadada}
#search {float: right; width: 320px; text-align: right; margin: 0; line-height: 50px}
#terme {background: #fff url(../images/site/picto-loupe.png) no-repeat}
.rech {font-size: 13px; border: 1px solid #014359; line-height: 15px; color: #c40007; padding: 6px 1px 6px 28px; width: 288px}
#header {width: 100%; height: 250px; padding: 0; margin: 0; background: #000; border-bottom: 1px solid #000; position: relative; top: 50px}
#zone-header {width: 1200px; height: 250px; margin: 0 auto; padding: 0}
#bandeaux {width: 100%; padding: 0; margin: 0; overflow: hidden}
#slides {height: 250px; padding: 0; margin: 0}
#logo {position: absolute; z-index: 100; padding: 12px 0 0 12px; width: 25%}
#contenu {width: 100%; height: auto; overflow: auto; margin: 0 auto; padding: 50px 0 0}
#conteneur {width: 1200px; height: auto; margin: 0 auto; padding: 0; overflow: auto}
#left {width: 880px; height: auto; display: table-cell; background: #fff; padding: 0 0 10px}
.boxl {width: 848px; padding: 0 16px; overflow: auto}
.boxli {width: 93%; padding: 0 2%; margin-bottom: 16px; overflow: auto; background: #eaeaea; border: 1px solid #ccc; word-wrap: break-word}
.zone-home {width: 100%; overflow: auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-bottom: 6px}
.liste-home-l {float: left; width: 52%; margin: 0; padding: 0}
.img-home {float: left; width: 27%}
.txt-home {float: right; padding-left: 5%; width: 68%}
.liste-home-r {float: right; width: 46%; margin: 0; padding: 0}
.liste-home-r p {text-align: left}
.infos-art {font-size: 12px; font-weight: normal; text-decoration: none; line-height: 14px}
.infos-art a, .infos-art a:visited {text-decoration: none; color: #c40007}
.infos-art a:hover {text-decoration: underline; color: #c40007}
.cours {width: 858px; min-height: 70px; height: auto; overflow: hidden}
.cours-img {float: left; width: 120px; padding: 15px 15px; clip: rect( )}
.cours-img img {box-shadow: 0 0 8px #555}
.cours-txt {float: right; width: 704px; padding: 6px 0; clip: rect( )}
.txt img {box-shadow: 0 0 8px #555}
audio {display: block; margin: auto}
.ava-acc {width: 100%; height: 60px; padding: 10px 0 0; margin: 0}
.ava {margin: 0; width: 5%; float: left}
.ava-tit {color: #3a3a39; padding: 0 0 0 4%; margin: 0 0 0 4%}
.ava-tit a, .ava-tit a:visited {color: #c40007; text-decoration: none}
.ava-tit a:hover {color: #c40007; text-decoration: underline}
.ava-txt {margin: -16px 0 0 4%; padding: 10px 0 10px 4%; width: 90%; height: auto; color: #3a3a39}
.ava-txt a, .ava-txt a:visited {color: #c40007; text-decoration: none}
.ava-txt a:hover {color: #c40007; text-decoration: none}
.art-res {clear: both; padding: 0; margin: 16px 0 0; width: 100%; height: auto}
pre {width: auto; height: auto; border: 1px solid #ccc; border-left: 7px solid #ccc; color: #222; background: #eaeaea; padding: 16px 10px; overflow: auto}
#right{clear: both; vertical-align: top; width: 320px; height: auto; margin: 0; padding: 0; background: #014359; display: table-cell}
.boxr {width: 320px; padding: 0; margin: 0 0 10px}
.ent {color: #fff; font-size: 19px; background: #000 url(../images/site/mediator.png) left no-repeat; height: 48px; line-height: 48px; padding: 0 0 0 44px; margin: 0; font-family: 'Gloria Hallelujah', cursive}
ul.entxt {margin: 10px 0 0 16px; padding: 0 10px}
ul.entxt li {color: #fff; padding-bottom: 2px; font-size: 14px}
p.entxt, div.entxt, div.entxt-p {color: #fff; padding: 10px 10px 0 10px; font-size: 14px}
div.entxt {overflow: auto; font-size: 14px}
div.entxt-p {overflow: auto; text-align: center; margin-top: 6px}
p.entxt2 {padding: 0; text-align: center}
ul.entxt li a, ul.entxt li a:visited, div.entxt a, div.entxt a:visited {color: #fff; text-decoration: none}
ul.entxt li a:hover, div.entxt a:hover {color: #fff; text-decoration: underline}
.divl {float: left; width: 50%}
.divr {float: right; width: 50%; padding: 4px 0 0}
.divr a, .divr a:visited {color: #fff; font-size: 14px; text-decoration: none}
.divr a:hover {color: #fff; text-decoration: underline}
#footer {width: 100%; min-width: 1200px; position: relative; clear: both; margin-top: -40px; height: 40px; background: #333; color: #fff; font-size: 14px}
#zone-footer {width: 1200px; margin: 0 auto}
#footer-left {float: left; width: 900px; line-height: 40px}
#footer-right {float: right; line-height: 40px}
#footer-left a, #footer-left a:visited, #footer-right a, #footer-right a:visited {color: #fff; text-decoration: none}
#footer-left a:hover, #footer-right a:hover {color: #fff; text-decoration: underline}
.btns {}
.btns img {width: 101px !important; padding: 6px; border: 0; box-shadow: none !important; display: inline !important; vertical-align: middle}
.btns, .btns a {text-decoration:none; background: none; font-size: 20px}
h1, h2, h3, h3.cou {font-weight: normal; font-family: 'Gloria Hallelujah', cursive}
h1 {font-size: 26px; line-height: 28px; color: #c40007}
h2 {font-size: 21px; line-height: 23px; color: #014359}
h3, h3.cou {font-size: 18px; line-height: 20px; color: #c40007}
h3.cou {margin: 0; padding: 0 0 6px; line-height: 17px}
p.site {text-align: left}
.form-z {width: 848px; min-height: 60px; height: auto}
.form-d {width: 100%; min-height: 60px; height: auto}
.d-haut {margin-top: 20px}
.form-l {float: left; width: 410px}
.form-r {float: right; width: 410px; margin-right: 10px}
input[type=submit] {-webkit-appearance: none; border-radius: 5px}
input[type=text], textarea, textarea2 {-webkit-appearance: none}
input[type=checkbox] {vertical-align: text-bottom}
.input, .select, .textarea, .conn, .idee, .radio {border: 1px #c0c0c0 solid; font-size: 14px; line-height: 16px; color: #000; padding: 6px 5px; margin-top: 4px; width: 384px}
.textarea {width: 812px; margin-bottom: 8px; font-size: 15px}
.select { width: 386px; padding: 4px 5px}
.radio {width: 20px; padding: 6px 0; margin-top: 10px; text-align: left; border: none}
.conn {width: 270px}
.idee {border: none; padding: 6px 0; color: #029a1b; font-weight: bold}
.erreur {position: absolute; top: 318px; left: 23%; display: none; opacity: 0; z-index: 100; width: 600px; height: auto; color: #fff; padding: 6px 8px; background: #c40007}
.ok {position: absolute; top: 318px; left: 23%; display: none; opacity: 0; z-index: 99; width: 600px; height: auto; color: #fff; padding: 6px 8px; background: #c40007}
.erreur p, .ok p {display: inline}
.bouton, .bouton-col {margin: 6px 0 0; background: #c40007; padding: 6px 8px 7px; color: #fff; text-decoration: none; display: inline-block; font-size: 14px; line-height: 18px; cursor: pointer; border-radius: 5px; border: none}
.bouton:hover, .bouton:focus {text-decoration: none; background: #7a7a7a}
.bouton-col {background: #000; color: #fff}
.bouton-col:hover, .bouton-col:focus {text-decoration: none; background: #ccc; color: #c40007}
.btn-qte {margin: 0; background: #c40007; padding: 6px 8px 7px; color: #fff; text-decoration: none; display: inline-block; line-height: 16px; cursor: pointer; border: none}
.center {display: block; margin: 0 auto}
.texte, p, .texte li, li {line-height: 20px}
.texte ul {margin-left: -16px}
.texte li {margin-bottom: 6px}
hr {width: 100%; height: 1px; border: 0; color: #ccc; background: #ccc}
small {font-size: 12px}
small.obli {margin-left: 10px}
.pager {margin: 10px 0}
.pager ul.np {display: block; font-size: 14px; line-height: 16px; color: #878789; text-align: center; list-style-type: none; margin: 0 0 20px -40px}
.pager ul.np li {float: left; margin-right: 6px; list-style-type: none}
.pager ul.np li.encours {background: #7a7a7a; width: 30px; height: 30px; line-height: 30px; color: #fff; border: none; text-align: center; padding: 0 1px; border-radius: 5px}
.pager ul.np li a, #pager ul.np li a:visited {background: #c40007; width: 30px; height: 30px; line-height: 30px; color: #fff; border: none; text-align: center; display: block; padding: 0 1px; border-radius: 5px}
.pager ul.np li a:hover {background: #7a7a7a; width: 30px; height: 30px; color: #fff; line-height: 30px; text-decoration: none; padding: 0 1px}
#top {position: fixed; bottom: 70px; right: 20px; cursor: pointer; display:none}
#top span {width: 100px; height: 30px; padding: 6px 10px; color: #fff; background: #c40007; border-radius: 3px; font-size: 14px; border: none; outline: none}
#top span:hover {background: #c40007; color: #fff; cursor: pointer; text-decoration: none}
.td-width {width: 45%; padding-right: 5%}
img.iframe-ratio {box-shadow: none; margin: 0; padding: 0; height: 0; width: 0}
iframe {width: 95%; box-shadow: 0 0 8px #555; display: block; margin: -16px auto 16px; padding: 0; border: 0}
.alerte {width: 96%; height: auto; color: #c40007}
/* Forum */
ul.cat-haut {width: 99.6%; height: 36px; background: #dadada; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-bottom: none}
ul.cat-haut li {display: block; float: left; line-height: 36px; padding: 0 1%; font-weight: bold}
ul.cat-haut li.cat-titre {width: 50%}
ul.cat-haut li.cat-sujet {width: 10%; text-align: center}
ul.cat-haut li.cat-message {width: 10%; text-align: center}
ul.cat-haut li.cat-dernier {width: 22%; text-align: center}
ul.cat-bas {width: 99.6%; height: auto; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-top: none; overflow: auto}
ul.cat-bas li {display: inline-table; float: left; height: auto; line-height: 16px; padding: 10px 1%}
ul.cat-bas li.cat-titre {width: 50%}
ul.cat-bas li.cat-sujet {width: 10%; text-align: center}
ul.cat-bas li.cat-message {width: 10%; text-align: center}
ul.cat-bas li.cat-dernier {width: 21%; text-align: center; line-height: 20px}
ul.sujet-haut {width: 99.6%; height: 36px; background: #dadada; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-bottom: none}
ul.sujet-haut li {display: block; float: left; line-height: 36px; padding: 0 1%; font-weight: bold}
ul.sujet-haut li.sujet-membre {width: 28%}
ul.sujet-haut li.sujet-titre {width: 68%}
ul.sujet-bas {width: 99.6%; height: auto; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-top: none; overflow: auto}
ul.sujet-bas li {display: inline-table; float: left; height: auto; line-height: 16px; padding: 10px 1%}
ul.sujet-bas li.sujet-membre {width: 28%; line-height: 18px}
ul.sujet-bas li.sujet-titre {width: 68%; line-height: 18px; word-wrap: break-word}
ul.forum-haut {width: 99.6%; height: 36px; background: #dadada; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-bottom: none}
ul.forum-haut li {display: block; float: left; line-height: 36px; padding: 0 1%; font-weight: bold}
ul.forum-haut li.forum-picto {width: 3%}
ul.forum-haut li.forum-sujet {width: 43%}
ul.forum-haut li.forum-reponse {width: 10%; text-align: center}
ul.forum-haut li.forum-vue {width: 10%; text-align: center}
ul.forum-haut li.forum-dernier {width: 22%; text-align: center}
ul.forum-bas {width: 99.6%; height: auto; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-top: none; overflow: auto}
ul.forum-bas li {display: inline-table; float: left; height: auto; line-height: 16px; padding: 10px 1%}
ul.forum-bas li.forum-picto {width: 3%}
ul.forum-bas li.forum-sujet {width: 43%}
ul.forum-bas li.forum-reponse {width: 10%; text-align: center}
ul.forum-bas li.forum-vue {width: 10%; text-align: center}
ul.forum-bas li.forum-dernier {width: 21%; text-align: center; line-height: 20px}
ul.prive-haut {width: 99.6%; height: 36px; background: #dadada; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-bottom: none}
ul.prive-haut li {display: block; float: left; line-height: 36px; padding: 0 1%; font-weight: bold}
ul.prive-haut li.prive-picto {width: 3%}
ul.prive-haut li.prive-sujet {width: 41%}
ul.prive-haut li.prive-reponse {width: 12%; text-align: center}
ul.prive-haut li.prive-membre {width: 12%; text-align: center}
ul.prive-haut li.prive-date {width: 18%; text-align: center}
ul.prive-bas {width: 99.6%; height: auto; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-top: none; overflow: auto}
ul.prive-bas li {display: inline-table; float: left; height: auto; line-height: inherit; padding: 10px 1%}
ul.prive-bas li.prive-picto {width: 3%}
ul.prive-bas li.prive-sujet {width: 41%; padding: 12px 1% 10px}
ul.prive-bas li.prive-reponse {width: 12%; text-align: center; padding: 12px 1% 10px}
ul.prive-bas li.prive-membre {width: 12%; text-align: center; padding: 12px 1% 10px}
ul.prive-bas li.prive-date {width: 17%; text-align: center; padding: 12px 1% 10px}
ul.privedhaut {width: 99.6%; height: 36px; background: #dadada; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-bottom: none}
ul.privedhaut li {display: block; float: left; line-height: 36px; padding: 0 1%; font-weight: bold}
ul.privedhaut li.privedmembre {width: 28%}
ul.privedhaut li.privedtitre {width: 68%}
ul.prived-bas {width: 99.6%; height: auto; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-top: none; overflow: auto}
ul.prived-bas li {display: inline-table; float: left; height: auto; line-height: 16px; padding: 10px 1%}
ul.prived-bas li.privedmembre {width: 28%; line-height: 18px}
ul.prived-bas li.privedtitre {width: 68%; line-height: 18px; word-wrap: break-word}
.couleur {background: #f0f0f0}
.signature {font-size: 12px; line-height: 12px; vertical-align: top; padding-top: 30px}
pre {width: 95%; height: auto; border: 1px solid #ccc; color: #222; background: #eaeaea; padding: 16px 2%; overflow: auto; margin-bottom: 16px; white-space: pre-wrap; word-wrap: break-word}
.membre {text-align: center}
ul.sujet-bas li.sujet-titre img, .signature img {vertical-align: middle}
.mediator {vertical-align: middle}
.desc {font-size: 13px}
.img-avatar {box-shadow: 0 0 8px #555; margin-bottom: 6px; width: auto; max-width: 571px}
.img-modo {margin: 10px auto; padding: 0; box-shadow: none; display: block}
.mediator-forum {vertical-align: middle; padding: 3px 0 0}
/* Divers */
.souvenir {margin-top: 6px; color: #fff; font-size: 14px; padding: 0 10px}
p img {box-shadow: 0 0 8px #555; margin-bottom: 6px}
.message {width: 96%; background: #d2d3d4; padding: 6px 2%}
.intro {margin: 0 0 20px; line-height: 26px}
.less.active .read-more, .read-less {display: none}
.less.active .read-less {display: block}
.less {padding: 10px 0; font-size: 12px}
#enveloppe {position: relative; float: right}
/* Suggestion */
.strength_meter{text-align: left; height: 31px; width: 388px}
.button_strength {text-decoration: none; font-size: 15px}
.strength_meter div{width: 0%; height: 31px; color: #3a3a39; line-height: 31px; -webkit-transition: all .3s ease-in-out}
.strength_meter div p{position: absolute; color: #3a3a39; font-size: 15px}
.veryweak{border-bottom: 6px solid #e73303; width:70%!important}
.weak{border-bottom: 6px solid #e79903; width:80%!important}
.medium{border-bottom: 6px solid #e7b903; width:90%!important}
.strong{border-bottom: 6px solid #029a1b; width:100%!important}
.bbcode {padding: 0 0 10px}
/* Onglets */
#tabs ul {margin: 0; padding: 0; float: left; list-style-type: none; height: 30px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%}
#tabs ul li {font-size: 14px; float: left; margin: 0; padding: 0; height: 29px; line-height: 29px; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #f1f1f1}
.ui-tabs {position: relative}
.ui-tabs .ui-tabs-nav {margin: 0}
.ui-tabs .ui-tabs-nav li {float: left; margin: 0; padding: 0; border: 1px solid #ccc; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #f1f1f1; font-weight: bold}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: left; text-decoration: none; padding: 0 16px}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: -1px; padding-bottom: 1px; border-bottom: 1px solid #fff}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {cursor: text; color: #444; background: #fff}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {cursor: pointer}
.ui-tabs .ui-tabs-panel {display: block; border: 1px solid #ccc; border-top: none; overflow: hidden; clear: both; float: left; width: 96%; background: #fff; margin: 0; padding: 0 2%}
#tabs ul.liste-haut {margin: 0; padding: 0; list-style-type: none; border: none; border-bottom: 1px solid #3a3a39; height: 36px; width: 100%; background: none; color: #3a3a39}
#tabs ul.liste-haut a, #tabs ul.liste-haut a:visited {color: #3a3a39; text-decoration: none}
#tabs ul.liste-haut a:hover {color: #3a3a39; text-decoration: underline}
#tabs ul.liste-haut li {float: left; margin: 0; padding: 0; height: 35px; line-height: 35px; overflow: hidden; position: relative; background: none; border: none}
#tabs ul.liste-bas {margin: 0; padding: 0; list-style-type: none; border: none; border-bottom: 1px solid #ccc; height: 36px; width: 100%}
#tabs ul.liste-bas li {display: inline; margin: 0; padding: 0; width: auto; height: 35px; line-height: 35px; overflow: hidden; position: relative; background: none; border: none}
#tabs ul.liste-haut li:first-child, #tabs ul.liste-bas li:first-child {width: 80%}
#tabs ul.liste-haut li:last-child, #tabs ul.liste-bas li:last-child {width: 20%; text-align: right}
#tabs ul.liste-rec {margin: 0; padding: 0; list-style-type: none; border: none; border-bottom: 1px solid #ccc; height: 36px; width: 100%}
#tabs ul.liste-rec li {display: block; width: 100%; margin: 0; padding: 0; height: 35px; line-height: 33px; overflow: hidden; position: relative; background: none; border: none}
/* Sondages */
ul.sondage-haut {width: 99.6%; height: 36px; background: #dadada; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-bottom: none}
ul.sondage-haut li {display: block; float: left; line-height: 36px; padding: 0 1%}
ul.sondage-haut li.sondage-groupe {width: 35%}
ul.sondage-haut li.sondage-titre {width: 35%}
ul.sondage-haut li.sondage-nb {width: 10%; text-align: center}
ul.sondage-haut li.sondage-vote {width: 10%; text-align: center}
ul.sondage-bas {width: 99.6%; height: auto; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-top: none; overflow: auto}
ul.sondage-bas li {display: inline-table; float: left; height: auto; line-height: inherit; padding: 10px 1%}
ul.sondage-bas li.sondage-groupe {width: 35%}
ul.sondage-bas li.sondage-titre {width: 35%}
ul.sondage-bas li.sondage-nb {width: 10%; text-align: center}
ul.sondage-bas li.sondage-vote {width: 10%; text-align: center}
ul.sondage-bas li input {margin-top: 0}
/* Panier */
#panier {clear: both; width: 100%; height: 30px; margin: 10px 0}
#panier ul {width: 100%; margin: 0; padding: 0}
#panier li {list-style: none; float: left; width: 30%; margin: 0 1% 0 0; text-transform: uppercase; font-weight: bold; padding: 0; font-size: 15px}
#panier li.pause {color: #ccc; border-bottom: 5px solid #ccc; padding-bottom: 3px; width: 30%}
#panier li.actif {color: #c40007; border-bottom: 5px solid #c40007; padding-bottom: 3px; width: 30%}
#panier li a, #panier li a:visited {color: #ccc; border-bottom: 5px solid #ccc; text-decoration: none; width: 30%; display: block; padding-bottom: 3px}
#panier li a:hover {color: #c40007; border-bottom: 5px solid #c40007; text-decoration: none}
/* Listes commandes-factures */
.contenant {clear: both; margin: 10px 0; padding: 0; height: auto; width: 100%}
#entete-fac, #entete-adr {width: 100%; height: 20px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px}
#entete-fac li.sup, ul.detail-fac li.sup {list-style: none; width: 6%; float: left; text-align: center}
#entete-fac li.libelle, ul.detail-fac li.libelle {list-style: none; width: 76%; float: left}
#entete-fac li.montant, ul.detail-fac li.montant {list-style: none; width: 18%; float: left; text-align: right}
#entete-fac ul, #entete-adr ul {list-style: none; height: 30px; line-height: 30px; margin: 0; padding: 0; position: relative}
#entete-fac li, #entete-adr li {list-style: none; height: 30px; line-height: 30px; margin: 0; padding: 0; float: left}
#entete-adr li {padding-left: 4px}
#detail-fac, #detail-adr {width: 100%; height: auto}
ul.detail-fac {list-style: none; width: 100%; margin: 0; padding: 0; float: left}
ul.detail-adr {list-style: none; width: 100%; margin: 0; padding: 0; float: left}
ul.detail-fac li {list-style: none; min-height: 20px; height: auto; line-height: 20px; margin: 0; padding: 6px 0; float: left}
ul.detail-pay li {list-style: none; min-height: 36px; height: auto; line-height: 36px; margin: 0; padding: 0; float: left}
ul.detail-adr li {list-style: none; min-height: 30px; height: auto; line-height: 22px; margin: 0; padding: 0; float: left}
#total-fac {width: 100%; height: auto; border-top: 1px solid #ccc; padding-top: 10px}
#total-fac ul, #total-fac li {list-style: none; min-height: 22px; height: auto; line-height: 22px; margin: 0; padding: 0; position: relative}
#total-fac li {float: left}
#total-fac li.libelle {list-style: none; float: left; width: 80%; text-align: right}
#total-fac li.montant {list-style: none; float: left; width: 20%; text-align: right}
.sup {width: 80px; text-align: center; border: 0; height: auto}
@media only screen and (min-width: 320px) and (max-width: 999px) {
.img-forum {max-width: 95%}
body {margin-top: 34px; background: #000}
#content {min-width: 100%}
#haut {width: 100%; height: 50px; margin: 0 auto}
#nav {width: 100%; background: #000; border: none; position: relative}
#search {float: none; width: 100%; margin: 0 auto; padding: 0 0 10px; line-height: 46px; text-align: center}
.rech {padding: 6px 1% 6px 5%; width: 76%}
#header {height: auto; top: 0}
#zone-header {width: 100%; height: auto}
#slides {height: auto; margin: 0; padding: 0}
#logo {padding: 4px 0 0 2%}
nav {position: fixed; float: none; margin: 0; padding: 0; top: 0; left: 0; width: 100%; z-index: 50000; height: 34px}
nav a.mobile_handle {display: block; padding: 6px 10px 0; background: #222; text-align: right; margin: 0; height: 28px}
nav ul {display: none}
nav ul li {display: block; position: relative; float: none; text-align: left; background: #014359; border-bottom: 1px solid #fff}
nav ul a, nav ul a:link, nav ul a:visited {display: block; position: relative; float: none; text-align: left; color: #fff; margin: 0; height: 28px; line-height: 28px; padding: 4px 2% 2px}
nav ul a:hover {color: #c40007; background: #dadada; text-decoration: none }
nav ul ul {display: none; position: relative; width: 100%; top: 0; left: 0; margin: 0; padding: 0; background: #014359; height: 28px; line-height: 28px; border: 0; z-index: 999999}
nav ul ul a, nav ul ul a:link, nav ul ul a:visited {color: #fff; padding: 3px 4%}
nav ul ul a:hover {color: #c40007; background: #dadada; text-decoration: none}
nav .sub_nav {position: absolute; right: 0; top: 0; width: 10%; padding: 10px 5px 6px; margin: 0; cursor: pointer}
nav .arrow_up {float: right; width: 0; height: 0; padding: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #c40007}
nav .arrow_down {float: right; width: 0; height: 0; padding: 1px 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #c40007}
#contenu {clear: both; width: 100%; margin: 10px 0 0; padding: 0; background: none}
#conteneur {width: 100%; margin: 0; padding: 0}
#left {float: none; width: 100%; height: auto; display: block; padding: 0 0 20px}
.cours {width: 100%}
.cours-img {width: 12%}
.cours-txt {width: 84%}
.boxl, .boxli, .art-haut, .art-bas, .ava-acc, .ava-txt {width: 94%; padding: 0 3% 10px}
.art-basl {line-height: 16px}
ul.art-res {width: 100%; height: auto; background: #eaeaea}
ul.art-res li {width: auto; line-height: 40px; padding: 5px 10px 5px 0}
#right {float: none; width: 100%; height: auto; padding: 0; display: block}
.boxr {width: 100%; padding: 0 0 16px; margin: 0}
div.entxt-p {text-align: left}
.bouton {font-size: 14px; line-height: 16px; padding: 4px 6px 6px}
.form-z {width: 98%}
.form-l {width: 48%}
.form-r {width: 48%}
.input, .select, .textarea, .conn, .idee, .radio {width: 94%}
.textarea {width: 95.6%}
.radio {width: 6%}
#footer {min-width: 100%; height: auto}
#zone-footer {width: 96%; margin: 0 auto; padding: 10px 2%}
#footer-left {float: none; width: 100%; line-height: 22px}
#footer-right {float: none; width: 100%; line-height: 22px}
.iframe {position: relative; margin: 0; padding: 0}
.iframe .iframe-ratio {display: block; width: 100%; height: auto}
.iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0}
}
@media only screen and (max-width: 800px) {
#search {float: none; width: 80%; margin: 0 auto; padding: 4px 0; text-align: center}
.img-avatar {box-shadow: 0 0 8px #555; margin-bottom: 6px; width: auto; max-width: 100%}
.tabs-2, .tabs-3, #tabs-2, #tabs-3 {display: none}
ul.cat-haut li.cat-dernier, ul.cat-bas li.cat-dernier {width: 46%}
ul.cat-haut li.cat-sujet, ul.cat-bas li.cat-sujet {display: none}
ul.cat-haut li.cat-message, ul.cat-bas li.cat-message {display: none}
ul.sujet-haut {width: 99.6%; height: 36px; background: #dadada; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-bottom: none}
ul.sujet-haut li {display: block; float: left; line-height: 36px; padding: 0 1%; font-weight: bold}
ul.sujet-haut li.sujet-membre {width: 48%}
ul.sujet-haut li.sujet-titre {width: 48%}
ul.sujet-bas {width: 99.6%; height: auto; color: #000; list-style-type: none; margin: 0; padding: 0; border: 1px solid #dadada; border-top: none; overflow: auto}
ul.sujet-bas li {display: block; float: left; height: auto; line-height: 16px; padding: 10px 1%}
ul.sujet-bas li.sujet-membre {width: 38%; line-height: 18px}
ul.sujet-bas li.sujet-titre {width: 58%; line-height: 18px}
ul.forum-haut li.forum-dernier, ul.forum-bas li.forum-dernier {width: 43%}
ul.forum-haut li.forum-reponse, ul.forum-bas li.forum-reponse {display: none}
ul.forum-haut li.forum-vue, ul.forum-bas li.forum-vue {display: none}
#tabs ul.liste-haut li:first-child, #tabs ul.liste-bas li:first-child {font-size: 15px}
}
@media only screen and (max-width: 560px) {
#fb-root {display: none}
#popup {width: 90% !important; top: 0; padding: 10px 2%}
.fb-page, .fb-page span, .fb-page iframe[style] {width: 100% !important; overflow: hidden}
#search {float: none; width: 100%; margin: 0 auto; padding: 4px 0; text-align: center}
.liste-home-l, .liste-home-r {float: none; width: 100%; overflow: hidden}
ul.sujet-haut li.sujet-membre {display: none}
ul.sujet-haut li.sujet-titre {width: 96%}
ul.sujet-bas li.sujet-membre {width: 34%; padding: 10px 3%}
ul.sujet-bas li.sujet-titre {width: 58%; line-height: 18px}
ul.prive-haut li.prive-picto, ul.prive-haut li.prive-sujet, ul.prive-haut li.prive-reponse, ul.prive-haut li.prive-membre, ul.prive-haut li.prive-date {display: none}
ul.prive-bas {padding: 0 0 10px}
ul.prive-bas li.prive-sujet {width: 80%}
ul.prive-bas li.prive-reponse, ul.prive-bas li.prive-membre, ul.prive-bas li.prive-date {width: 98%; text-align: left; line-height: 14px}
}