html, body {margin: 0; color: #2d2d2d; font: 13px Arial, Helvetica, sans-serif; background: #f1f1f1}
#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: 4px 0 15px 0; color : #a4cab5; float: left; font-weight: bold}
#lienpopup {padding: 10px 0 0; text-align: center; font-weight: bold}
#bouton {width: 19px; height: 19px; float: right; background: #a4cab5; margin: 2px 0 0 0; padding: 4px 3px 3px 4px; border-radius: 50%; color: #fff; text-align: center; font-size: 17px; line-height: 17px; cursor: pointer; font-weight: bold}
#popup iframe {box-shadow: none; margin: 0 auto; min-width: 500px}
#content {width: 100%; height: auto; margin: 0 auto 0}
a, a:active, img, img:active, input img, input img:hover, iframe {outline: none}
iframe {border: 0}
a, a:visited {text-decoration: none; color: #ef4933}
a:hover {text-decoration: underline; color: #ef4933}
h1, h2, h3, h4, h5, h6 {color: #2d2d2d; line-height: 130%}
h1, h1.home, h2, h3 {font-weight: bold; margin: 0}
h1 {font-size: 26px; margin-bottom: 10px; line-height: 34px}
h1.home {font-size: 26px; margin-bottom: 10px; line-height: 34px}
h2 {font-size: 20px; margin: 10px 0 10px 0}
h3 {font-size: 15px;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}
h6 {font-size: 100%;}
h3, h4, h5, h6 {padding: 0}
table {width: 100%; font-size: 13px}
table td {vertical-align: text-top}
table {margin-bottom: 15px}
#calendrier table {border: 1px solid #ccc; margin: 0 auto; margin-bottom: 15px}
#calendrier table td {border: 1px solid #ccc; padding: 4px; vertical-align: middle}
.ariane {font-size: 11px; margin: 10px 0 10px 0; width: 638px; color: #999}
.clear {clear: both}
ul, li {margin: 0 0 0 16px; padding: 0}
ul {margin: 6px 6px 16px 6px}
figure {margin: 10px 0 0 0}
figcaption {font-size: 10px; text-align: center; font-style: italic}
/* Connexion */
#connexion {width: 1100px; height: 4px; text-align: right; padding: 4px 14px 4px 0; background: #fff}
/* Header */
#header {width: 100%; height: 80px; margin: 0 auto; background: #a4cab5; overflow: hidden}
#logo {text-align: center; padding: 0}
.pub-h {}
/* Menu */
nav {display: block; width: 100%; height: 34px; background: #a4cab5; margin: 0 auto 15px; padding: 2px 0 0 0; border-top: #fff 1px solid; font-size: 14px; font-weight: bold}
nav a.mobile_handle {display: none}
nav ul {display: block; margin: 0 auto; padding: 0; width: 1100px;}
nav ul li {display: inline; position: relative; float: left; list-style: none; height: 34px; margin: 0; padding: 0}
nav ul a, nav ul a:link, nav ul a:visited {display: block; float: left; margin: 0; color: #fff; list-style: none; height: 20px; line-height: 18px; padding: 7px 12px}
nav ul a:hover, nav ul a:active {text-decoration: underline; color: #fff}
nav ul ul {display: none; position: absolute; top: 34px; left: 0; width: 190px; border: 1px solid #fff; border-bottom: none; background: none}
nav ul ul li {display: block; float: none; clear: both; background: #fff; border-bottom: 1px solid #fff; width: 100%; height: auto; margin: 0; padding: 0}
nav ul ul a, nav ul ul a:link, nav ul ul a:visited {display: block; float: none; padding: 7px 5px; border-right: none; margin: 0; color: #fff; text-align: left; text-decoration: none; height: auto}
nav ul ul a:hover, nav ul ul a:active {text-decoration: underline; color: #fff}
nav ul ul ul {top: -1px; left: 190px; width: 190px}
nav ul ul ul li {display: block; float: none; clear: both; background: #fff; margin: 0; padding: 0}
nav ul ul ul a, nav ul ul ul a:link, nav ul ul ul a:visited {display: block; float: none; border: 0; padding: 3px 5px 5px; margin: 0; color: #fff; text-decoration: none}
nav ul ul ul a:hover, nav ul ul ul a:active {text-decoration: underline; color: #fff}
nav ul li.trait {float: left; list-style: none; margin: 0; width: auto; height: 34px; line-height: 30px; color: #fff}
/* Pub */
.pub-menu {text-align: center; padding: 15px 0 15px 0; background: #fff; width: 1100px; margin: 15px auto 0}
#pub-menu-inside {width: 1000px; margin: 0 auto; padding: 10px 0 0 0}
.box-pub1, .box-pub2 {text-align: center; padding: 0 0 15px 0}
.box-pub3 {text-align: center; padding: 0 0 300px 0}
.pub-dossier {text-align: center}
.banniere_footer {text-align: center; padding: 5px 0 15px 0; background: #fff; width: 1100px; margin: 0 auto}
#banniere_footer_inside {text-align: center; width: 1000px; margin: 0 auto; padding: 0}
/* Contenant */
#contenu {width: 1100px; height: auto; margin: 0 auto; background: #fff; display: table}
#left {float: left; width: 650px; background: #fff; height: auto; padding: 15px 25px 20px 50px; height: auto; display: table-cell}
#right {float: right; width: 300px; padding: 25px 50px 20px 25px; background: #fff; display: table-cell}
/* Colonne */
.box {width: 300px; padding: 0 0 20px 0; font-size: 13px}
.box2 {font-size: 16px; font-weight: bold; text-align: center; padding: 15px 0 0 0}
.titre-col {font-weight: bold; padding-bottom: 6px; margin-bottom: 4px; border-bottom: 5px solid #a4cab5; font-size: 14px; color: #222}
.rec {border: 1px #ccc solid; line-height: 18px; color: #2d2d2d; padding: 4px; margin: 10px 0 0 0; width: 204px}
#social-col {text-align: left; padding: 10px 0 0 0; width: 300px}
#social-col-top {text-align: right; padding: 20px 0 0 0}
.soc {padding: 0 16px 0 0}
.soc-top {padding: 0 10px}
ul.cat-col {margin: 12px 0 0 -4px}
ul.cat-col li.rouge a, ul.cat-col li.rouge a:visited {color: #a4cab5; text-decoration: none}
ul.cat-col li.rouge a:hover {color: #a4cab5; text-decoration: underline}
ul.com-col {margin: 10px 0 6px -4px; font-size: 13px}
ul.com-col li {padding-bottom: 10px}
.rec-region {font-weight: bold; padding-top: 4px}
.rec-region a, .rec-region a:visited {text-decoration: none; color: #ef4933}
.rec-region a:hover {text-decoration: underline; color: #ef4933}
/* Sondages */
.titre-son {background: #a4cab5; color: #fff; text-align: center; padding: 6px; margin-bottom: 10px}
.radio {margin-bottom: 8px}
.img-vote {height: 10px}
/* Contenu */
.g-box, .p-box {background: #fff; width: 650px; overflow: hidden; margin-top: 10px}
.p-box {width: 728px; padding: 2px 0px 6px 2px}
.g-box ul {margin-left: 12px}
.g-box p {line-height: 18px}
.devis {text-align: center; margin: 0 0 10px; padding: 0}
/* Box modules */
.box-texte, .box-cat {width: 650px; height: auto; margin: -10px 0 10px 0; padding: 0; overflow: auto}
.box-texte h2 {font-size: 20px; padding-bottom:0; border: none}
.box-texte h3 {font-size: 16px; padding: 0; margin: 10px 0 0 0; border: none}
.box-cat {padding: 0}
.box-g {float: left; width: 420px; height: auto; margin: 0; padding: 0}
.box-d {float: right; width: 200px; height: auto; padding: 10px 10px 0px 10px; background: #f1f1f1; margin: 10px 0 0 6px; font-size: 14px}
.pubexp {font-size: 11px; color: #999}
/* Nouveau bloc A style Vert */
.bloca-vert {width: 650px; height: auto; margin: 10px 0 10px 0}
.bloca-vert .chapo {width: 650px; height: 26px; top: 0; margin: 0; border-bottom: 5px solid #a4cab5; padding-bottom: 0}
.bloca-vert .chapo-l {float: left; width: 325px; height: 26px; line-height: 26px}
.bloca-vert .chapo-l h2 {margin: 0; font-size: 14px; height: 24px; line-height: 21px; padding: 4px 10px 0; display:inline-block; background: #a4cab5; color: #fff; border: none}
.bloca-vert .chapo-r {float: right; width: 325px; height: 12px; line-height: 26px; padding-top: 0; color: #999; text-align: right; vertical-align: middle; font-size: 13px}
.bloca-vert .chapo-r a, .bloca-vert .chapo-r a:visited {color: #999; text-decoration: none}
.bloca-vert .chapo-r a:hover {color: #999; text-decoration: underline}
/* Bloc A */
.bloca-vert .str-a {width: 650px; height: auto; margin-top: 10px; overflow: auto}
.bloca-vert .str-a-l {float: left; width: 310px; padding-right: 15px}
.bloca-vert .str-a-l .img {width: 310px}
.bloca-vert .str-a-l .titre {margin-top: 10px; width: 310px; font-size: 13px; font-weight: bold}
.bloca-vert .str-a-l .titre a, .bloca-vert .str-a-l .titre a:visited {text-decoration: none}
.bloca-vert .str-a-l .titre a:hover {text-decoration: underline}
.bloca-vert .str-a-l .stitre {margin-top: 10px; width: 310px; font-size: 11px}
.bloca-vert .str-a-l .texte {margin-top: 10px; width: 310px; font-size: 13px}
.bloca-vert .str-a-l .lien {margin-top: 6px; font-size: 11px; color: #999; font-style: italic}
.bloca-vert .str-a-l .lien a, .lien a:visited {color: #999; text-decoration: none}
.bloca-vert .str-a-l .lien a:hover {color: #999; text-decoration: underline}
.bloca-vert .str-a-r {float: right; width: 310px; padding-left: 15px}
.bloca-vert .str-a-r .zone {width: 310px; height: 90px; overflow: auto}
.bloca-vert .str-a-r .zone .zone-l {float: left; width: 100px; padding-right: 10px}
.bloca-vert .str-a-r .zone .zone-l .img {width: 100px}
.bloca-vert .str-a-r .zone .zone-r {float: right; width: 200px}
.bloca-vert .str-a-r .zone .zone-r .titre {width: 200px; font-size: 13px; font-weight: bold}
.bloca-vert .str-a-r .zone .zone-r .titre a, .bloca-vert .str-a-r .zone .zone-r .titre a:visited {text-decoration: none}
.bloca-vert .str-a-r .zone .zone-r .titre a:hover {text-decoration: underline}
.bloca-vert .str-a-r .zone .zone-r .stitre {margin-top: 10px; width: 200px; font-size: 11px}
.bloca-vert .str-a-r .zone .zone-r .texte {margin-top: 10px; width: 200px; font-size: 13px}
.bloca-vert .str-a-r .lien {margin-top: 6px; font-size: 11px; color: #999; font-style: italic}
.bloca-vert .str-a-r .lien a, .lien a:visited {color: #999; text-decoration: none}
.bloca-vert .str-a-r .lien a:hover {color: #999; text-decoration: underline}
/* Nouveau bloc B style Vert */
.blocb-vert {width: 650px; height: auto; margin: 0 0 20px 0}
.blocb-vert .chapo {width: 650px; height: 26px; top: 0; margin: 0; border-bottom: 5px solid #a4cab5; padding-bottom: 0}
.blocb-vert .chapo-l {float: left; width: 325px; height: 26px; line-height: 26px}
.blocb-vert .chapo-l h2 {margin: 0; font-size: 14px; height: 24px; line-height: 21px; padding: 4px 10px 0; display:inline-block; background: #a4cab5; color: #fff; border: none}
.blocb-vert .chapo-r {float: right; width: 325px; height: 12px; line-height: 26px; padding-top: 0; color: #999; text-align: right; vertical-align: middle; font-size: 13px}
.blocb-vert .chapo-r a, .blocb-vert .chapo-r a:visited {color: #999; text-decoration: none}
.blocb-vert .chapo-r a:hover {color: #999; text-decoration: underline}
/* Bloc B */
.blocb-vert .str-b {width: 650px; height: auto; margin-top: 10px; overflow: auto}
.blocb-vert .str-b ul.zone {width: 650px; height: auto; margin: 0; padding: 0; overflow: auto; list-style: none; display: inline-block}
.blocb-vert .str-b ul.zone li {width: 310px; float: left; margin: 0; padding: 0}
.blocb-vert .str-b ul.zone li:first-child {float: left}
.blocb-vert .str-b ul.zone li:last-child {float: right}
.blocb-vert .str-b ul.zone li .titre {width: 310px; font-size: 13px; font-weight: bold; margin-top: 6px; display: block}
.blocb-vert .str-b ul.zone li .titre a, .blocb-vert .str-b ul.zone li .titre a:visited {text-decoration: none}
.blocb-vert .str-b ul.zone li .titre a:hover {text-decoration: underline}
.blocb-vert .str-b ul.zone li .stitre {width: 310px; font-size: 11px; margin-top: 6px; display: block}
.blocb-vert .str-b ul.zone li .texte {width: 310px; font-size: 13px; margin: 6px 0 10px; display: block}
.blocb-vert .str-b ul.zone li .lien {width: 310px; margin-top: 6px; font-size: 11px; color: #999; font-style: italic}
.blocb-vert .str-b ul.zone li .lien a, ul.zone li .lien a:visited {color: #999; text-decoration: none}
.blocb-vert .str-b ul.zone li .lien a:hover {color: #999; text-decoration: underline}
.blocb-vert .str-b ul.zone2 {width: 650px; height: auto; margin: 10px 0 0; padding: 0; overflow: auto; list-style: none; display: inline-block}
.blocb-vert .str-b ul.zone2 li {width: 310px; height: auto; float: left; margin: 0; padding: 0}
.blocb-vert .str-b ul.zone2 li:first-child {float: left}
.blocb-vert .str-b ul.zone2 li:last-child {float: right}
.blocb-vert .str-b ul.zone2 li img {float: left; width: 100px}
.blocb-vert .str-b ul.zone2 li .titre {float: right; width: 200px; font-size: 13px; font-weight: bold; display: block}
.blocb-vert .str-b ul.zone2 li .titre a, .blocb-vert .str-b ul.zone2 li .titre a:visited {text-decoration: none}
.blocb-vert .str-b ul.zone2 li .titre a:hover {text-decoration: underline}
.blocb-vert .str-b ul.zone2 li .stitre {float: right; width: 200px; font-size: 11px; margin-top: 6px; display: block}
.blocb-vert .str-b ul.zone2 li .texte {float: right; width: 200px; font-size: 13px; margin: 6px 0 10px; display: block}
.blocb-vert .str-b ul.zone2 li .lien {float: right; width: 200px; margin-top: 6px; font-size: 11px; color: #999; font-style: italic}
.blocb-vert .str-b ul.zone2 li .lien a, ul.zone2 li .lien a:visited {color: #999; text-decoration: none}
.blocb-vert .str-b ul.zone2 li .lien a:hover {color: #999; text-decoration: underline}
/* Nouveau bloc C style Vert */
.blocc-vert {width: 650px; height: auto; margin: 0 0 10px 0}
.blocc-vert .chapo {width: 650px; height: 26px; top: 0; margin: 0; border-bottom: 5px solid #a4cab5; padding-bottom: 0}
.blocc-vert .chapo-l {float: left; width: 325px; height: 26px; line-height: 26px}
.blocc-vert .chapo-l h2 {margin: 0; font-size: 14px; height: 24px; line-height: 21px; padding: 4px 10px 0; display:inline-block; background: #a4cab5; color: #fff; border: none}
.blocc-vert .chapo-r {float: right; width: 325px; height: 12px; line-height: 26px; padding-top: 0; color: #999; text-align: right; vertical-align: middle; font-size: 13px}
.blocc-vert .chapo-r a, .blocc-vert .chapo-r a:visited {color: #999; text-decoration: none}
.blocc-vert .chapo-r a:hover {color: #999; text-decoration: underline}
/* Bloc C */
.blocc-vert .str-c {width: 650px; height: auto; margin-top: 10px; overflow: auto}
.blocc-vert .str-c ul.zone {width: 650px; height: auto; margin: 0; padding: 0; overflow: auto; list-style: none; display: inline-block}
.blocc-vert .str-c ul.zone li {width: 210px; height: auto; float: left; margin: 0; padding: 0}
.blocc-vert .str-c ul.zone li:first-child {float: left; padding-right: 10px}
.blocc-vert .str-c ul.zone li:last-child {float: right}
.blocc-vert .str-c ul.zone li .titre {float: right; width: 210px; font-size: 13px; font-weight: bold; display: block; margin-bottom: 10px}
.blocc-vert .str-c ul.zone li .titre a, .blocc-vert .str-c ul.zone li .titre a:visited {color: #a4cab5; text-decoration: none}
.blocc-vert .str-c ul.zone li .titre a:hover {color: #a4cab5; text-decoration: underline}
/* Nouveau bloc D style Vert */
.blocd-vert {width: 650px; height: auto; margin: 0 0 10px 0}
.blocd-vert .chapo {width: 650px; height: 26px; top: 0; margin: 0; border-bottom: 5px solid #a4cab5; padding-bottom: 0}
.blocd-vert .chapo-l {float: left; width: 325px; height: 26px; line-height: 26px}
.blocd-vert .chapo-l h2 {margin: 0; font-size: 14px; height: 24px; line-height: 21px; padding: 4px 10px 0; display:inline-block; background: #a4cab5; color: #fff; border: none}
.blocd-vert .chapo-r {float: right; width: 325px; height: 12px; line-height: 26px; padding-top: 0; color: #999; text-align: right; vertical-align: middle; font-size: 13px}
.blocd-vert .chapo-r a, .blocd-vert .chapo-r a:visited {color: #999; text-decoration: none}
.blocd-vert .chapo-r a:hover {color: #999; text-decoration: underline}
/* Bloc D */
.blocd-vert .str-d {width: 650px; height: auto; margin-top: 10px; overflow: auto}
.blocd-vert .str-d .zone {width: 650px; height: auto; overflow: auto; padding-bottom: 10px}
.blocd-vert .str-d .zone .zone-l {float: left; width: 210px; padding-right: 10px}
.blocd-vert .str-d .zone .zone-l .img {width: 210px}
.blocd-vert .str-d .zone .zone-r {float: right; width: 430px}
.blocd-vert .str-d .zone .zone-r .titre {width: 430px; font-size: 13px; font-weight: bold}
.blocd-vert .str-d .zone .zone-r .titre a, .blocd-vert .str-d .zone .zone-r .titre a:visited {text-decoration: none}
.blocd-vert .str-d .zone .zone-r .titre a:hover {text-decoration: underline}
.blocd-vert .str-d .zone .zone-r .stitre {margin-top: 10px; width: 430px; font-size: 11px}
.blocd-vert .str-d .zone .zone-r .texte {margin-top: 10px; width: 430px; font-size: 13px}
.blocd-vert .str-d .zone .zone-r .lien {margin-top: 6px; font-size: 11px; color: #999; font-style: italic}
.blocd-vert .str-d .zone .zone-r .lien a, .lien a:visited {color: #999; text-decoration: none}
.blocd-vert .str-d .zone .zone-r .lien a:hover {color: #999; text-decoration: underline}
/* Nouveau bloc E style Vert */
.bloce-vert {width: 650px; height: auto; margin: 0 0 10px 0; font-size: 13px}
.bloce-vert .chapo {width: 650px; height: 26px; top: 0; margin: 0; border-bottom: 5px solid #a4cab5; padding-bottom: 0}
.bloce-vert .chapo-l {float: left; width: 325px; height: 26px; line-height: 26px}
.bloce-vert .chapo-l h2 {margin: 0; font-size: 14px; height: 24px; line-height: 21px; padding: 4px 10px 0; display:inline-block; background: #a4cab5; color: #fff; border: none}
.bloce-vert .chapo-r {float: right; width: 325px; height: 12px; line-height: 26px; padding-top: 0; color: #999; text-align: right; vertical-align: middle; font-size: 13px}
.bloce-vert .chapo-r a, .bloce-vert .chapo-r a:visited {color: #999; text-decoration: none}
.bloce-vert .chapo-r a:hover {color: #999; text-decoration: underline}
/* Nouveau bloc F style Vert */
.blocf-vert {width: 650px; height: auto; margin: 0 0 10px 0}
.blocf-vert .chapo {width: 650px; height: 26px; top: 0; margin: 0; border-bottom: 5px solid #a4cab5; padding-bottom: 0}
.blocf-vert .chapo-l {float: left; width: 325px; height: 26px; line-height: 26px}
.blocf-vert .chapo-l h2 {margin: 0; font-size: 14px; height: 24px; line-height: 21px; padding: 4px 10px 0; display:inline-block; background: #a4cab5; color: #fff; border: none}
.blocf-vert .chapo-r {float: right; width: 325px; height: 12px; line-height: 26px; padding-top: 0; color: #999; text-align: right; vertical-align: middle; font-size: 13px}
.blocf-vert .chapo-r a, .blocf-vert .chapo-r a:visited {color: #999; text-decoration: none}
.blocf-vert .chapo-r a:hover {color: #999; text-decoration: underline}
/* Bloc F */
.blocf-vert .str-f {width: 650px; height: auto; margin-top: 10px; overflow: auto}
.blocf-vert .str-f ul.zone {width: 650px; height: auto; margin: 0; padding: 0; overflow: auto; list-style: none; display: inline-block}
.blocf-vert .str-f ul.zone li {width: 210px; height: auto; float: left; margin: 0; padding: 0}
.blocf-vert .str-f ul.zone li:first-child {float: left; padding-right: 10px}
.blocf-vert .str-f ul.zone li:last-child {float: right}
.blocf-vert .str-f ul.zone li .titre {float: right; width: 210px; font-size: 13px; font-weight: bold; display: block; margin-bottom: 10px}
.blocf-vert .str-f ul.zone li .titre a, .blocf-vert .str-f ul.zone li .titre a:visited {text-decoration: none}
.blocf-vert .str-f ul.zone li .titre a:hover {text-decoration: underline}
/* Nouveau bloc G style Vert */
.blocg-vert {width: 650px; height: auto; margin: 0 0 10px 0}
.blocg-vert .chapo {width: 650px; height: 26px; top: 0; margin: 0; border-bottom: 5px solid #a4cab5; padding-bottom: 0}
.blocg-vert .chapo-l {float: left; width: 325px; height: 26px; line-height: 26px}
.blocg-vert .chapo-l h2 {margin: 0; font-size: 14px; height: 24px; line-height: 21px; padding: 4px 10px 0; display:inline-block; background: #a4cab5; color: #fff; border: none}
.blocg-vert .chapo-r {float: right; width: 325px; height: 12px; line-height: 26px; padding-top: 0; color: #999; text-align: right; vertical-align: middle; font-size: 13px}
.blocg-vert .chapo-r a, .blocg-vert .chapo-r a:visited {color: #999; text-decoration: none}
.blocg-vert .chapo-r a:hover {color: #999; text-decoration: underline}
/* Bloc G */
.blocg-vert .str-g {width: 650px; height: auto; margin-top: 10px; overflow: auto}
.blocg-vert .str-g .zone {width: 650px; height: auto; overflow: auto; padding-bottom: 10px}
.blocg-vert .str-g .zone .zone-l {float: left; width: 210px; padding-right: 10px}
.blocg-vert .str-g .zone .zone-l .img {width: 210px}
.blocg-vert .str-g .zone .zone-r {float: right; width: 430px}
.blocg-vert .str-g .zone .zone-r .titre {width: 430px; font-size: 13px; font-weight: bold}
.blocg-vert .str-g .zone .zone-r .titre a, .blocg-vert .str-g .zone .zone-r .titre a:visited {text-decoration: none}
.blocg-vert .str-g .zone .zone-r .titre a:hover {text-decoration: underline}
.blocg-vert .str-g .zone .zone-r .stitre {margin-top: 10px; width: 430px; font-size: 11px}
.blocg-vert .str-g .zone .zone-r .texte {margin-top: 10px; width: 430px; font-size: 13px}
.blocg-vert .str-g .zone .zone-r .lien {margin-top: 6px; font-size: 11px; color: #999; font-style: italic}
.blocg-vert .str-g .zone .zone-r .lien a, .lien a:visited {color: #999; text-decoration: none}
.blocg-vert .str-g .zone .zone-r .lien a:hover {color: #999; text-decoration: underline}
/* Bloc neutre */
.neutre .str-b {width: 650px; height: auto; margin: 10px 0 0; overflow: hidden}
.neutre .str-b ul.zone {width: 650px; height: auto; margin: 0 0 20px; padding: 0; list-style: none; display: inline-block}
.neutre .str-b ul.zone li {width: 310px; float: left; margin: 0; padding: 0}
.neutre .str-b ul.zone li:first-child, .neutre .str-b tr.zone td:first-child {float: left}
.neutre .str-b ul.zone li:last-child, .neutre .str-b tr.zone td:last-child {float: right}
.neutre .str-b ul.zone li .titre {width: 310px; font-size: 13px; font-weight: bold; margin-top: 6px; display: block}
.neutre .str-b ul.zone li .titre a, .neutre .str-b ul.zone li .titre a:visited {text-decoration: none}
.neutre .str-b ul.zone li .titre a:hover, .neutre .str-b tr.zone td .titre a:hover {text-decoration: underline}
.neutre .str-b ul.zone li .stitre {width: 310px; font-size: 11px; margin-top: 6px; display: block}
.neutre .str-b ul.zone li .texte {width: 310px; font-size: 13px; margin: 6px 0 6px; display: block; overflow: hidden}
.neutre .str-b ul.zone li .lien {width: 310px; margin-top: 6px; font-size: 11px; color: #999; font-style: italic}
.neutre .str-b ul.zone li .lien a, ul.zone li .lien a:visited {text-decoration: none; color: #a4cab5}
.neutre .str-b ul.zone li .lien a:hover {text-decoration: underline; color: #a4cab5}
/* Bloc neutre table */
.neutre .str-t {width: 630px; height: auto; margin: 10px 0 0; overflow: hidden}
.neutre .str-t ul.zone, .neutre .str-t tr.zone {width: 630px; height: auto; margin: 0 0 20px; padding: 0; list-style: none; display: inline-block}
.neutre .str-t tr.zone td {width: 310px; float: left; margin: 0; padding: 0; font-size: 13px; margin-top: 6px; display: block}
.neutre .str-t tr.zone td:first-child {float: left}
.neutre .str-t tr.zone td:last-child {float: right}
.neutre .str-t tr.zone td .titre a, .neutre .str-t tr.zone td .titre a:visited {text-decoration: none; font-weight: bold}
.neutre .str-t tr.zone td .titre a:hover {text-decoration: underline}
.neutre .str-t tr.zone td .texte {width: 310px; font-size: 13px; margin: 6px 0 10px; display: block; overflow: hidden}
.neutre .str-t tr.zone td .lien {width: 310px; margin-top: 6px; font-size: 11px; color: #999; font-style: italic}
.neutre .str-t tr.zone td .lien a, tr.zone td .lien a:visited {text-decoration: none; color: #a4cab5}
.neutre .str-t tr.zone td .lien a:hover {text-decoration: underline; color: #a4cab5}
/* Liste images horizontales */
.liste-neutre {height: auto; margin-top: 10px; overflow: auto}
.liste-100, .liste-120, .liste-150, .liste-160 {width: 650px; margin: 4px 0; min-height: 100px; height: auto; overflow: auto}
.liste-120 {min-height: 90px}
.liste-150 {min-height: 150px}
.liste-160 {min-height: 124px}
.home-img-100, .home-img-100-75, .home-img-120, .home-img-150, .home-img-160, .home-img-210-140, .home-img-1, .home-img-2, .home-img-3 {float: left; width: 100px; height: 100px; margin: 0 10px 2px 0; padding: 4px; border: 1px solid #ccc}
.home-img-100-75 {float: left; width: 100px; height: 75px; border: none; padding: 0 6px 0 0}
.home-img-120 {width: 120px; height: 90px}
.home-img-150 {width: 150px; height: 150px}
.home-img-160 {width: 160px; height: 120px}
.home-img-210-140 {width: 210px; height: 140px; border: none; padding: 0 6px 0 0}
.home-img-1 {width: 100px; height: 75px; border: none; padding: 0 6px 0 0}
.home-img-2 {width: 210px; height: 140px; border: none; padding: 0 6px 0 0}
.home-img-3 {width: 310px; height: 160px; border: none; padding: 0 6px 0 0}
.img-marge {margin: 7px 10px 4px 3px}
.overflow {overflow: auto}
.home-titre {color: #a4cab5; font-weight: bold}
.home-lien {margin-top: 6px; font-size: 11px; color: #999; font-style: italic}
.page-lien {text-align: right; margin-top: 4px}
.home-lien a, .home-lien a:visited, .page-lien a, .page-lien a:visited {color: #a4cab5; text-decoration: none}
.home-lien a:hover, .page-lien a:hover {color: #a4cab5; text-decoration: underline}
.home-texte {margin-top: 20px}
.agenda-lien {margin-top: 4px; font-weight: bold}
.padding-rec {padding-right: 4px}
.h-video {padding: 4px; border: 1px solid #ccc}
.img-100, .img-120, .img-150, .img-160, .img-240, .img-310, .img-650 {float: right; width: 100px; min-height: 100px; height: auto; margin: 0 0 4px 20px; padding: 4px; border: 1px solid #ccc; font-size: 11px; text-align: center}
.img-120 {width: 120px; min-height: 90px}
.img-150 {width: 150px; min-height: 150px}
.img-160 {width: 160px; min-height: 120px}
.img-240 {width: 240px; min-height: 180px}
.img-310 {width: 310px; min-height: 160px}
.img-650 {display: none}
.img-650-agen {float: none; width: 650px; min-height: 325px; text-align: center; font-size: 11px; margin: 20px 0 0 0}
.pad-img {padding-bottom: 4px}
.align-l {float: left; width: 450px; font-size: 11px; color: #999; margin: 10px 0 0 0}
.align-r {float: right; width: 200px; text-align: right; margin: 10px 0 0 0}
.center {text-align: center}
.suite {float: right}
.sondage {border: 1px solid #a4cab5; padding: 3px; margin-top: 15px}
.box-sondage {padding-top: 10px; padding-bottom: 6px; text-align: center}
.box-sondage a, .box-sondage a:visited {}
.box-sondage a:hover {}
/* Liste images verticales */
.img-v {margin: 0; padding: 4px; border: 1px solid #ccc}
.ordre {padding: 0; margin: 0; width: 650px}
.liste-h-100 {width: 110px; margin-right: 8px}
.liste-h-120 {width: 130px; margin-right: 12px}
.liste-h-150 {width: 160px; margin-right: 16px}
.liste-h-160 {width: 170px; margin-right: 6px}
.td-annonce {width: 178px; text-align: center}
/* Liste Mon compte */
ul.compte {width: 650px; height: auto; margin: 0; padding: 0}
ul.compte li {float: left; list-style: none; min-height: 20px; height: auto; margin: 0; padding: 0 0 4px; text-align: center}
ul.compte li.cola {width: 314px; text-align: left}
ul.compte li.colb {width: 80px}
ul.compte li.colc {width: 80px}
ul.compte li.cold {width: 80px}
ul.compte li.cole {width: 80px}
ul.compte li.colf {width: 80px}
ul.compte li.colg {width: 650px}
/* Appels d'offres & annonces */
.tr-fond {background: #a4cab5; margin: 0; padding: 0}
/* Altenance ligne Annonces */
.tr-fond-bas {background: #fff; margin: 0; padding: 0}
.tr-fond-bas2 {background: #eee; margin: 0; padding: 0}
.b_titre, .b_titre2 {float: left; width: 320px; margin: 0; padding: 6px 0 6px 4px; color: #fff; height: 16px}
.b_titre2 {width: 400px}
.b_budget {float: left; width: 80px; margin: 0; padding: 6px 0; color: #fff; height: 16px; text-align: center}
.b_ville {float: left; width: 160px; margin: 0; padding: 6px 0; color: #fff; height: 16px; text-align: left}
.b_vote {float: left; width: 80px; margin: 0; padding: 6px 0; color: #fff; height: 16px; text-align: center}
.b_date {float: left; width: 80px; padding: 6px 0; color: #fff; height: 16px; text-align: left}
.f_titre, .f_titre2 {float: left; width: 320px; padding: 2px 0 2px 4px}
.f_titre2 {width: 400px}
.f_titre a, .f_titre a:visited, .f_titre2 a, .f_titre2 a:visited {text-decoration: none}
.f_titre a:hover, .f_titre2 a:hover {text-decoration: underline}
.f_budget {float: left; width: 80px; padding: 2px 0; text-align: center}
.f_ville {float: left; width: 160px; padding: 2px 0; text-align: left}
.f_vote {float: left; width: 80px; padding: 2px 0; text-align: center}
.f_date {float: left; width: 80px; padding: 2px 0; text-align: left}
.abo {font-weight: bold}
.abo2 {font-size: 16px; font-weight: bold; text-align: center}
ul.abo {}
ul.abo li {}
/* Forum */
ul.forum {width: 650px; list-style: none; margin: 0}
ul.forum li.b_date {float: left; width: 98px; background: #a4cab5; padding: 6px 4px; color: #fff; height: 16px}
ul.forum li.b_titre {float: left; width: 606px; background: #a4cab5; padding: 6px 2px 6px 0; color: #fff; height: 16px}
ul.forum li.f_date {float: left; width: 100px; padding: 6px 2px; height: 12px}
ul.forum li.f_titre {float: left; width: 606px; padding: 6px 2px; height: 12px}
/* Panier */
#panier { clear: both; width: 650px; height: 30px; margin: 10px 0 }
#panier ul { margin: 0; padding: 0}
#panier li { list-style: none; float: left; width: 210px; margin-right: 20px; text-transform: uppercase; font-weight: bold; font-size: 13px; padding: 0; margin: 0 20px 0 0}
#panier li.pause { color: #999; border-bottom: 5px solid #999; padding-bottom: 3px; width: 210px; margin-right: 20px}
#panier li.actif { color: #a4cab5; border-bottom: 5px solid #a4cab5; padding-bottom: 3px; width: 210px; margin-right: 20px}
#panier li a, #panier li a:visited { color: #999; border-bottom: 5px solid #999; text-decoration: none; width: 210px; display: block; padding-bottom: 3px}
#panier li a:hover { border-bottom: none; color: #a4cab5; border-bottom: 5px solid #a4cab5; text-decoration: none}
/* Devis par regions */
ul.devis {margin: 0; padding: 0 0 10px 40px; list-style: disc; width: 570px}
ul.devis li {margin: 0; padding: 0; float: left; width: 285px; text-align: left; font-size: 14px; font-weight: bold; line-height: 20px}
ul.devis li ul {margin: 0; list-style: none}
ul.devis li ul li {margin: 0; float: none; font-size: 14px; font-weight: normal; line-height: 18px; height: auto}
ul.devis li a, ul.devis li a:visited {color: #a4cab5; text-decoration: none}
ul.devis li a:hover {color: #a4cab5; text-decoration: underline}
#regions {width: 650px; height: auto; overflow: auto; margin-bottom: 10px}
.regions-l {height: auto; margin: 0; padding: 0}
.regions-r {height: auto; margin: 0; padding: 0}
ul.regions {margin-top: 10px; list-style: none; color: #a4cab5}
ul.regions li {margin: 0; text-align: left; font-weight: bold}
ul.regions li ul, ul.regions-pays {margin: 0; list-style: none; margin: 0 0 0 12px;}
ul.regions li ul li, ul.regions-pays li {list-style: disc; float: none; font-size: 14px; font-weight: normal; height: auto}
ul.regions li a, ul.regions li a:visited, ul.regions-pays li a, ul.regions-pays li a:visited {color: #ef4933; text-decoration: none}
ul.regions li a:hover, ul.regions-pays li a:hover {color: #ef4933; text-decoration: underline}
.titre-region {font-weight: bold}
.etoile {background: url(../images/site/etoile.png) no-repeat; padding-left: 24px; line-height: 16px; margin-bottom: 10px}
.etoile-g {background: url(../images/site/etoile-g.png) no-repeat; padding-left: 24px; line-height: 16px; margin-bottom: 10px}
.trombo {background: url(../images/site/attach.gif) no-repeat; padding-left: 24px; line-height: 15px}
.paper {background: url(../images/site/newspaper.png) no-repeat; padding-left: 24px; line-height: 16px}
.cart {background: url(../images/site/cart.png) no-repeat; padding-left: 24px; line-height: 16px}
.contact {background: url(../images/site/email.png) no-repeat; padding-left: 24px; line-height: 16px}
.savoir {background: url(../images/site/site.png) no-repeat; padding-left: 28px; line-height: 16px; font-weight: bold}
.alerte {color: #a4cab5}
.prez {padding: 10px 0}
.info-bas {width: 650px; margin: 10px 0 0 0}
.une {text-align: center}
ul.fiche {margin: 0; padding: 0; list-style: disc; width: 736px; height: 30px}
ul.fiche li {margin: 0 0 0 12px; padding: 0; float: left; width: 356px; text-align: left}
ul.fiche2 {margin: 0 0 10px; padding: 0; list-style: disc; width: 736px; height: auto}
ul.fiche2 li {margin: 0 0 0 12px; padding: 0; text-align: left; height: 16px; line-height: 16px}
ul.fiche li a, ul.fiche li a:visited, ul.fiche2 li a, ul.fiche2 li a:visited {color: #ef4933; text-decoration: none}
ul.fiche li a:hover, ul.fiche2 li a:hover {color: #ef4933; text-decoration: underline}
.vide {list-style: none}
/* Onglets */
#tabs ul {margin: 0; padding: 0; float: left; list-style: none; height: 30px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; width: 650px; font-weight: bold}
#tabs ul li {font-size: 11px; 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}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: left; text-decoration: none; padding: 0 8px}
.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 {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: 630px; background: #fff; margin: 0; padding: 10px 9px; margin-bottom: 15px}
/* Reseaux sociaux */
.box-reseaux {clear: both; padding: 10px 0 20px 0}
.box-reseaux h2 {margin: 0; font-size: 12px; padding-bottom: 4px; border-bottom: 1px solid #999; margin-bottom: 4px;}
.btns {}
.btns img {width: 214px; border: 0; display: inline; vertical-align: middle}
/* Listes commandes-factures */
.contenant, .contenant-form, .contenant-liste { clear: both; margin: 10px 0; padding: 0; height: auto; width: 650px}
.contenant-liste { margin-top: -12px; padding: 12px 0 0 0}
#entete-fac, #entete-adr {width: 650px; height: 20px; border-bottom: 1px solid #999; padding-bottom: 10px}
#entete-fac li.sup, ul.detail-fac li.sup {list-style: none; width: 50px; float: left; text-align: center}
#entete-fac li.libelle, ul.detail-fac li.libelle { list-style: none; width: 382px; float: left; padding-left: 4px}
#entete-fac li.libelle2, ul.detail-fac li.libelle2, ul.detail-mois li.libelle2, ul.total-mois li.libelle2 { list-style: none; width: 332px; float: left; padding-left: 4px}
#entete-fac li.libelle3, ul.detail-fac li.libelle3 { list-style: none; width: 330px; float: left; padding-left: 4px}
#entete-fac li.libelle4, ul.detail-fac li.libelle4 { list-style: none; width: 340px; float: left; padding-left: 4px}
#entete-fac li.libelle5, ul.detail-fac li.libelle5 { list-style: none; width: 360px; float: left; padding-left: 4px}
#entete-fac li.libelle6, ul.detail-fac li.libelle6 { list-style: none; width: 460px; float: left; padding-left: 4px}
#entete-fac li.fin, ul.detail-fac li.fin { list-style: none; width: 100px; float: left; text-align: center}
#entete-fac li.qte, ul.detail-fac li.qte, ul.total-mois li.qte { list-style: none; width: 70px; float: left; text-align: center}
#entete-fac li.unitaire, ul.detail-fac li.unitaire { list-style: none; width: 96px; float: left; text-align: right; padding-right: 4px}
#entete-fac li.montant, ul.detail-fac li.montant { list-style: none; width: 80px; float: left; text-align: right; padding-right: 4px}
#entete-fac li.montant2, ul.detail-fac li.montant2 { list-style: none; width: 116px; float: left; text-align: center}
#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: 650px; height: auto}
ul.detail-fac, ul.detail-mois, ul.total-mois { list-style: none; width: 650px; margin: 0; padding: 0; float: left; padding: 3px 0}
ul.detail-mois { background: #ecf8ff; height: 22px; line-height: 22px; color: #1a83bc; font-weight: bold}
ul.total-mois { background: #eee; height: 22px; line-height: 22px; color: #2d2d2d}
ul.detail-adr { list-style: none; width: 650px; margin: 0; padding: 0; float: left}
ul.detail-adr2 { list-style: none; width: 622px; 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; padding-left: 4px}
ul.detail-adr li { list-style: none; min-height: 22px; height: auto; line-height: 22px; margin: 0; padding: 0; float: left; padding-left: 4px}
#total-fac { width: 650px; height: auto}
#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: 560px; text-align: right}
#total-fac li.montant { list-style: none; float: left; width: 130px; text-align: right }
/* Footer */
#footer {width: 100%; font-size: 11px; background: #a4cab5; margin: 0 auto}
#zone-footer {margin: 0 auto; padding: 12px 10px 10px 10px; text-align: center; color: #fff}
#zone-footer a, #zone-footer a:visited {color: #fff; text-decoration: none}
#zone-footer a:hover {color: #fff; text-decoration: underline}
/* Formulaires */
.form-z {width: 648px; min-height: 60px; height: auto; margin: 10px 0 0; font-size: 14px}
.form-l {float: left; width: 305px; font-size: 14px}
.form-r {float: right; width: 305px; font-size: 14px}
input[type=submit] {-webkit-appearance: none; border-radius: 0}
input[type=text], textarea, textarea2 {-webkit-appearance: none}
option:disabled {background:#eee}
.option1 {padding-left: 10px}
.option2 {padding-left: 20px}
.input, .textarea, .select, .file, .input2, .select2, .file2, .idee {border: 1px #ccc solid; line-height: 16px; color: #2d2d2d; border-radius: 3px; padding: 6px 5px; margin: 4px 0 0 0; width: 295px}
.slug {border: none; height: 1px; color: #fff; padding: 0; margin: 0; width: 10px; background: #fff}
.input2 {width: 325px}
.textarea {width: 638px; height: 350px; margin: 6px 0 8px 0}
.select {width: 305px; margin: 4px 0 8px 0; height: 30px; padding: 4px 5px}
.select2 {width: 618px; margin: 4px 0 8px 0; padding: 5px}
.file {padding: 3px 5px}
.file2 {width: 638px; padding: 3px 5px}
.sqte {width: 54px; margin-top: -4px; line-height: 10px; padding: 3px 5px}
.maxwidth {font-size: 14px}
.indevis {}
.erreur {position: absolute; top: 300px; left: 26%; display: none; opacity: 0; z-index: 100; width: 600px; height: auto; color: #fff; padding: 10px; background: #ef4933}
.ok {position: absolute; top: 300px; left: 26%; display: none; opacity: 0; z-index: 99; width: 600px; height: auto; color: #fff; padding: 10px; background: #ef4933}
.erreur p, .ok p {display: inline}
.navigateur {width: 600px; height: auto; color: #fff; padding: 6px 8px; background: #a4cab5}
hr {width: 650px; height: 1px; border: 0; color: #999; background: #999}
small {font-size: 12px}
small.obli {margin-left: 10px}
#contact {float: right; line-height: 80px; text-align: right}
.bouton, .bouton2, .btn-qte, .bouton3, .bouton4 {margin: 0; background: #ef4933; padding: 6px 8px; color: #fff; text-decoration: none; display: inline-block; line-height: 16px; cursor: pointer; border: none}
a.bouton3 {margin: 0; background: #ef4933; padding: 6px 8px; color: #fff; text-decoration: none; display: inline-block; line-height: 16px; cursor: pointer; border: none}
.bouton2 {padding: 6px 8px}
.bouton3 {width: 500px; padding: 14px 0; font-size: 20px; background: #ef4933; line-height: 24px; text-align: center; border-radius: 2px}
a.bouton3 {width: 500px; padding: 14px 0; font-size: 20px; background: #ef4933; line-height: 24px; text-align: center; border-radius: 2px}
.bouton4 {padding: 6px 8px; font-size: 18px; background: #ef4933; line-height: 20px}
.bouton:hover, .bouton:focus, .bouton2:hover, .bouton2:focus, .btn-qte:hover, .bouton3:hover, .bouton3:focus, .bouton4:hover, .bouton4:focus {text-decoration: none; background: #a4cab5}
a.bouton3:hover, a.bouton3:focus {text-decoration: none; background: #a4cab5}
.btn-qte {padding: 2px 6px}
.idee {border: none; padding: 6px 0; color: #029a1b; font-weight: bold}
.tags {width: 100%; margin: 10px 0}
a.bouton-tag, a.bouton-tag:visited {margin: 0 10px 0 0; background: #e1e1e1; padding: 6px 8px; color: #333333; text-decoration: none; display: inline-block; cursor: pointer; border: none; border-radius: 10px}
a.bouton-tag:hover {text-decoration: none; background: #f1f1f1}
/* new formulaire */
.form-new, #form-new {width: 90%; padding: 6px 5%; margin: 0 0 1rem 0; background: #f1f1f1; overflow: auto}
.form-new2 {width: 98%; padding: 0 1% 0 1%; margin: 0 0 1rem 0; background: #fff; overflow: auto}
.form-new3 {width: 96%; padding: 6px 2% 0 2%; margin: 0 0 1rem 0; background: #f1f1f1; border-radius: 3px; overflow: auto}
.form-header {width: 100%; padding: 0; margin: 0 0 6px}
.form-navigation {width: 100%; display: block; margin: 2rem 0}
.progress-container {margin-top: 1rem; margin-bottom: 1rem}
.steps-indicator {display: flex; justify-content: space-between; margin-bottom: 1rem; position: relative}
.step-item {flex: 1; text-align: center; position: relative}
.step-circle {width: 3rem; height: 3rem; background-color: #e5e7eb; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem; color: #6b7280; font-weight: 500; position: relative; z-index: 2; transition: all 0.3s ease}
.step-text {font-size: 0.875rem; color: #6b7280; display: block}
.step-item.active .step-circle {background-color: #ef4933; color: #fff}
.step-item.completed .step-circle {background-color: #22c55e; color: #fff}
.progress-bar {height: 0.25rem; background-color: #e5e7eb; border-radius: 0.375rem; margin-top: 0.350rem; position: relative; z-index: 1}
.progress {height: 100%; background-color: #ef4933; border-radius: 0.375rem; width: 0; transition: all 0.3s ease}
.form-step {display: none; animation: fadeIn 0.4s ease-in-out}
.form-step.active {display: block}
.input-group {margin-bottom: 1.5rem}
.error-message, #error-message {color: #ef4444; font-size: 14px; margin: 10px 0; display: none}
input.invalid, textarea.invalid, select.invalid {border-color: #ef4444}
input.valid, textarea.valid, select.valid {border-color: #22c55e}
.btn {flex: 1; padding: 0.75rem 1.5rem; border: none; border-radius: 0.375rem; font-size: 1.2rem; font-weight: 500; cursor: pointer; transition: all 0.3s ease; margin-bottom: 1rem}
.btn-prev {background-color: #f9fafb; color: #1f2937 float: left}
.btn-next, .btn-submit {background-color: #ef4933; color: #fff; float: right}
.btn-prev:hover {background-color: #e5e7eb}
.btn-next:hover,
.btn-submit:hover {background-color: #a4cab5}
.btn:disabled {opacity: 0.5; cursor: not-allowed}
.form-ok {position: absolute; top: 100px; left: 25%; font-size: 20px; text-align: center; display: none; opacity: 0; z-index: 99; width: 40%; height: auto; color: #2a7d2e; padding: 20px; background: #D7F5D8; border: 1px solid #2a7d2e; border-radius: 3px}
.form-ko {position: absolute; top: 100px; left: 25%; font-size: 20px; text-align: center; display: none; opacity: 0; z-index: 99; width: 40%; height: auto; color: #ef372a; padding: 20px; background: #f5ded8; border: 1px solid #ef372a; border-radius: 3px}
.label-form {width: 100%}
.form-new p, .form-new label, #form-new p, #form-new label, .form-new2 label, .form-new3 label {font-size: 13px; line-height: 15px}
.form-new label, #form-new label, .form-new2 label, .form-new3 label {margin-top: 12px; display:inline-block}
.input-obli, .input-form {display: block; width: 96%; padding: 1% 2%; margin: 6px 0; border: 1px #ccc solid; font: 13px Arial, Helvetica, sans-serif; line-height: 24px; color: #444; border-radius: 3px; background: #fff}
input:focus, textarea:focus, select:focus {outline: solid 0.1rem #80bdff; background: #ffffff}
.select-form {min-width: 100%; width: 100%; margin: 6px 0; height: 38px; padding: 5px 5px; display: block}
.bouton-form, .next, .prev {margin: 0; background: #2a7d2e; padding: 6px 12px; font-size: 18px; color: #fff; text-decoration: none; display: inline-block; cursor: pointer; border: none; border-radius: 3px}
.bouton-form:hover, .bouton-form:focus {text-decoration: none; background: #990000}
.bouton-float {float: right}
.titre-form, .stitre-form, .titre-form2 {width: 100%; font-size: 20px; font-weignt: bold; margin: 6px 0; text-align: center}
.stitre-form {font-size: 14px}
.titre-form2 {text-align: left}
.marge {margin-top: 16px}
.hidden {display:none}
/* Animations */
@keyframes fadeIn {
from {opacity: 0; transform: translateY(10px)}
to {opacity: 1; transform: translateY(0)}
}
/* Responsive */
@media (max-width: 640px) {
.form-card {padding: 1.5rem}
.form-navigation {flex-direction: column}
.btn {width: 100%}
}
/* Commentaires */
.coms {margin-bottom:24px}
.avatar {border:1px solid #ddd; padding:3px; float:left; margin-right:14px}
.coms-arrow {background: url(../images/site/coms-arrow.png) no-repeat; width:8px; height:15px; float:left; margin-top:16px; margin-right:-1px}
.coms-box {border: 1px solid #ddd; background-color: #f9f9f9; padding:14px; overflow:hidden}
.coms-auteur {margin-bottom:10px}
.coms-auteur small {font-size: 100%}
.coms-texte {line-height:18px}
.coms-auteur a, .coms-auteur a:visited {color:#a4cab5; text-decoration: none}
.coms-auteur a:hover {color:#a4cab5; text-decoration: underline}
/* Pager */
#pager {position: relative; margin: 10px 0 10px; padding: 0; height: 24px}
#pager ul.np {margin: 0; padding: 0; display: block; font-size: 14px; font-weight: bold; color: #2d2d2d; text-align: center; list-style-type: none; border: 0 }
#pager ul.np li {margin: 0 5px 0 0; padding: 0; float: left; list-style-type: none; background: none; font-weight: normal}
#pager ul.np li.encours {margin: 0 5px 0 0; padding: 5px 8px; background: #a4cab5; color: #fff; border: none; text-align: center}
#pager ul.np li a, #pager ul.np li a:visited {margin: 0; padding: 4px 6px; background: #fff; color: #a4cab5; border: 1px solid #a4cab5; text-align: center; display: block; text-decoration: none}
#pager ul.np li a:hover {margin: 0; background: #a4cab5; color: #fff; text-decoration: none}
/* Redactor */
.redactor_toolbar li a.re-wordcount {background: url(../images/site/picto-count.png) no-repeat center}
.redactor_toolbar li a.re-wordcount:hover {background: #1f78d8 url(../images/site/picto-count-hover.png) no-repeat center; outline: none}
#redactor_modal_content {padding: 20px 30px}
/* Agenda */
#agenda {width: 650px; padding-bottom: 10px; overflow: auto}
.entete-centre {margin: 0 auto; padding: 0; width: 500px; height: 30px; line-height: 30px; text-align: center; font-size: 18px}
.entete-centre a, .entete-centre a:visited {color: #a4cab5; text-decoration: none}
.entete-centre a:hover {color: #a4cab5; text-decoration: none}
.entete-jour ul {margin: 0 auto; padding: 0; list-style-type: none; width: 500px; text-align: center}
.entete-jour ul li {margin: 0; padding: 0; list-style-type: none; float: left; display: block; border: 1px solid #ccc; background: #a4cab5; color: #fff; padding: 2px; width: 65px; height: 20px; line-height: 18px; text-align: center}
.entete-jour ul li:first-child {border-left: 2px solid #999}
#liste-jour ul {margin: 0 auto; padding: 0; list-style-type: none; width: 500px; height: auto}
#liste-jour ul li {margin: 0; list-style-type: none; float: left; display: block; padding: 2px; width: 66px; border: 1px solid #ccc; border-top: none; border-left: none}
#liste-jour ul li:first-child {border-left: 1px solid #999}
#liste-jour ul li.jour {margin: 0; color: #7a7a7c; width: 66px; height: 50px}
#liste-jour ul li.jour-actif {margin: 0; color: #fff; width: 66px; height: 50px; background: #c77474}
#liste-jour ul li.jour-lien {margin: 0; color: #fff; width: 66px; height: 50px; background: #c77474}
#liste-jour ul li.we {margin: 0; background: #e3eed8; color: #7a7a7c; width: 66px; height: 50px}
#liste-jour ul li.we-actif {margin: 0; background: #477694; color: #fff; width: 66px; height: 50px}
#liste-jour ul li.we-lien {margin: 0; background: #c77474; color: #fff; width: 66px; height: 50px}
#liste-jour ul li.jour-actif a, #liste-jour ul li.jour-actif a:visited, #liste-jour ul li.jour-lien a, #liste-jour ul li.jour-lien a:visited, #liste-jour ul li.we-lien a,
#liste-jour ul li.we-lien a:visited, #liste-jour ul li.we-actif a, #liste-jour ul li.we-actif a:visited {color: #fff; text-decoration: none}
#liste-jour li a {display: block; width: auto; height: 48px}
#liste-jour ul li.jour-actif a:hover, #liste-jour ul li.jour-lien a:hover, #liste-jour ul li.we-lien a:hover, #liste-jour ul li.we-actif a:hover {color: #fff; text-decoration: none}
.centre {text-align: center}
/* Publicité */
.lapub {}
/* Compteur */
.originalTextareaInfo {font-size: 12px; color: #a4cab5; text-align: right}
.warningTextareaInfo {font-size: 12px; color: #a4cab5; text-align: right}
/* Liste en tableaux */
.liste-tbl {width: 100%; margin: 0; padding: 0}
.liste-tbl2 {width: 100%; margin: 10px 0 0 0; padding: 0}
.liste-td {width: 50%; padding-bottom: 20px}
.liste-td-blo {width: 48%; padding: 0 2% 10px 0}
.liste-td a, .liste-td-blo a {font-weight: bold}
.td-prod-l {float: left; padding: 0; margin: 0}
.td-prod-r {float: right; padding: 0; margin: 0}
/* Box spéciales */
#formdp {background: #937047; padding: 10px; margin: 20px 0 20px 0}
#titledp {color: #fff; font-weight: bold; font-size: 22px; text-align: center; padding: 10px 20px 20px 20px}
#bgdp {background: #fff; padding: 10px}
/* Rédactor */
.redactor-toolbar li a.re-compteur {background: url(../images/site/picto-count.png) no-repeat center}
.redactor-toolbar li a.re-compteur:hover {background: #1f78d8 url(../images/site/picto-count-hover.png) no-repeat center; outline: none}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.redactor-toolbar li a.re-compteur {background: url(../images/site/picto-count@2x.png) no-repeat center; background-size: 14px 14px}
.redactor-toolbar li a.re-compteur:hover {background: #1f78d8 url(../images/site/picto-count-hover@2x.png) no-repeat center; outline: none; background-size: 14px 14px}
}
/* Payplug */
.errpay {color: #cc0000}
/* Redacteurs */
.redac {width: 100%; height: auto; margin-bottom: 16px}
.redac-haut {width: 100%; height: 50px; overflow: hidden; vertical-align: middle}
.redac-haut-l {float: left; width: 7%; padding-right: 1%; height: 60px}
.redac-haut-r {float: right; width: 92%; height: 50px; padding-top: 10px}
.redac-bas {width: 100%}
@media only screen and (min-width: 280px) and (max-width: 999px) {
body {margin-top: 28px; background: #fff}
#header {background-image: none; width:100%; height: auto}
#logo {float: none; width: 100%; text-align: center; padding: 10px 0 0 0}
.pub-h {display: none}
#content {width: 100%; border-top: none; border-left: none; border-right: none}
#connexion {width: 98%; padding: 4px 2% 4px 0}
nav {position: fixed; float: none; margin: 0; padding: 0; top: 0; left: 0; width: 100%; z-index: 999999; border-top: none; border-bottom: none}
nav a.mobile_handle {display: block; padding: 6px 10px 0; background: #a4cab5; text-align: left; margin: 0; height: 28px}
nav ul {display: none}
nav ul li {display: block; position: relative; float: none; background: #a4cab5; border-bottom: 1px solid #fff; height: 28px; line-height: 28px; margin: 0}
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: 22px; padding: 4px 2% 2px}
nav ul a:hover {color: #fff; background: none; text-decoration: underline}
nav ul ul {display: none; position: relative; width: 100%; top: 0; left: 0; margin: 0; padding: 0; background: #a4cab5; 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: #fff; background: none; text-decoration: underline}
nav ul ul ul {top: 0; left: 0; z-index: 999999; width: 100%; margin: 0; padding: 0; background: #a4cab5; height: 28px; line-height: 28px; border: 0}
nav ul ul ul a, nav ul ul ul a:link, nav ul ul ul a:visited {color: #fff; padding: 3px 6%}
nav ul ul ul a:hover {color: #fff; background: none; text-decoration: underline}
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 #fff}
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 #fff}
nav ul li.trait {display: none}
#contenu {width: 100%; margin: 0}
#left {width: 68%; padding: 15px 1% 0 1%; margin: 0}
#right {width: 28%; padding: 15px 1% 0 0; margin: 0}
#footer {margin: 0 auto; width: 100%}
#zone-footer {width: 96%; padding: 2%}
#social-col {width: 100%; margin-bottom: 0}
.recherche {text-align: center}
.rec-region {display: none}
.ariane {width: 100%; margin: 0 0 10px 0}
.box {width: 96%; padding: 0 2% 10px 2%}
.g-box {width: 100%; margin-bottom: 2%}
.p-box {width: 99%; padding: 2px 0px 6px 1%}
.box-texte, .box-cat {width: 100%}
.box-g {width: 66%}
.box-d {width: 28%; padding: 2%; margin: 10px 0 0 2%}
.btns {text-align: center}
.bloca-vert, .blocb-vert, .blocc-vert, .blocd-vert, .bloce-vert, .blocf-vert, .blocg-vert {width: 100%; margin: 0}
.bloca-vert .chapo, .blocb-vert .chapo, .blocc-vert .chapo, .blocd-vert .chapo, .bloce-vert .chapo, .blocf-vert .chapo, .blocg-vert .chapo {width: 100%}
.bloca-vert .chapo-l, .blocb-vert .chapo-l, .blocc-vert .chapo-l, .blocd-vert .chapo-l, .bloce-vert .chapo-l, .blocf-vert .chapo-l, .blocg-vert .chapo-l {width: 100%}
.bloca-vert .chapo-r, .blocb-vert .chapo-r, .blocc-vert .chapo-r, .blocd-vert .chapo-r, .bloce-vert .chapo-r, .blocf-vert .chapo-r, .blocg-vert .chapo-r {display: none}
.bloca-vert .str-a {width: 100%}
.bloca-vert .str-a-l {width: 100%; padding: 0 0 2%}
.bloca-vert .str-a-l .img, .bloca-vert .str-a-l .titre, .bloca-vert .str-a-l .stitre, .bloca-vert .str-a-l .texte {width: 100%}
.bloca-vert .str-a-r {width: 100%; padding: 0; margin: 0}
.bloca-vert .str-a-r .zone {width: 100%; height: auto; padding: 0 0 2%}
.bloca-vert .str-a-r .zone .zone-r {width: 100%; padding: 0; margin: 0}
.bloca-vert .str-a-r .zone .zone-r .titre, .bloca-vert .str-a-r .zone .zone-r .stitre, .bloca-vert .str-a-r .zone .zone-r .texte, .bloca-vert .str-a-r .lien {width: 100%}
.bloca-vert .str-a-r .zone .zone-l {width: 100%; padding: 0; margin: 0}
.bloca-vert .str-a-r .zone .zone-l .img {width: 100%; height: auto}
.blocb-vert .str-b {width: 100%}
.blocb-vert .str-b ul.zone {width: 100%; padding: 10px 0 0 0}
.blocb-vert .str-b ul.zone li {width: 100%}
.blocb-vert .str-b ul.zone li:first-child {width: 100%; padding: 0 0 2% 0; margin: 0}
.blocb-vert .str-b ul.zone li:last-child {width: 100%; padding: 0 0 2% 0; margin: 0}
.blocb-vert .str-b ul.zone li .titre, .blocb-vert .str-b ul.zone li .stitre, .blocb-vert .str-b ul.zone li .texte, .blocb-vert .str-b ul.zone li .lien, .blocb-vert .str-b ul.zone li img {width: 100%}
.blocb-vert .str-b ul.zone2 {width: 100%; padding: 0; margin: 0}
.blocb-vert .str-b ul.zone2 li {width: 100%}
.blocb-vert .str-b ul.zone2 li:first-child {width: 100%; padding: 0 0 2% 0; margin: 0}
.blocb-vert .str-b ul.zone2 li:last-child {width: 100%; padding: 0 0 2% 0; margin: 0}
.blocb-vert .str-b ul.zone2 li img {width: 100%; padding: 0 0 2% 0}
.blocb-vert .str-b ul.zone2 li .titre, .blocb-vert .str-b ul.zone2 li .stitre, .blocb-vert .str-b ul.zone2 li .texte, .blocb-vert .str-b ul.zone2 li .lien {width: 100%}
.blocc-vert .str-c, .blocc-vert .str-c ul.zone {width: 100%}
.blocc-vert .str-c ul.zone li {width: 100%}
.blocc-vert .str-c ul.zone li:first-child {padding: 0}
.blocc-vert .str-c ul.zone li:last-child {padding: 0}
.blocc-vert .str-c ul.zone li .titre {width: 100%}
.blocd-vert .str-d, .blocd-vert .str-d .zone {width: 100%}
.blocd-vert .str-d .zone .zone-l {width: 100%; padding: 0}
.blocd-vert .str-d .zone .zone-l .img {width: 100%}
.blocd-vert .str-d .zone .zone-r {width: 100%}
.blocd-vert .str-d .zone .zone-r .titre, .blocd-vert .str-d .zone .zone-r .stitre, .blocd-vert .str-d .zone .zone-r .texte, .blocd-vert .str-d .zone .zone-r .lien {width: 100%}
.blocf-vert .str-f, .blocf-vert .str-f ul.zone {width: 100%}
.blocf-vert .str-f ul.zone li {width: 100%}
.blocf-vert .str-f ul.zone li:first-child {padding: 0}
.blocf-vert .str-f ul.zone li:last-child {padding: 0}
.blocf-vert .str-f ul.zone li .titre {width: 100%}
.blocg-vert .str-g, .blocg-vert .str-g .zone {width: 100%}
.blocg-vert .str-g .zone .zone-l {width: 100%; padding: 0}
.blocg-vert .str-g .zone .zone-l .img {width: 100%}
.blocg-vert .str-g .zone .zone-r {width: 100%}
.blocg-vert .str-g .zone .zone-r .titre, .blocg-vert .str-g .zone .zone-r .stitre, .blocg-vert .str-g .zone .zone-r .texte, .blocg-vert .str-g .zone .zone-r .lien {width: 100%}
#panier {width: 100%}
#panier li {width: 31%; margin-right: 2%}
#panier li.pause {width: 31%; margin-right: 2%}
#panier li.actif {width: 31%; margin-right: 2%}
#panier li a, #panier li a:visited {width: 100%}
.contenant, .contenant-form, .contenant-liste {width: 100%}
#entete-fac, #entete-adr {width: 100%}
#entete-fac li.sup, ul.detail-fac li.sup {width: 8%}
#entete-fac li.libelle, ul.detail-fac li.libelle {width: 27%; padding-left: 0}
#entete-fac li.libelle2, ul.detail-fac li.libelle2, ul.detail-mois li.libelle2, ul.total-mois li.libelle2 {width: 26%; padding-left: 0}
#entete-fac li.libelle3, ul.detail-fac li.libelle3 {width: 34%; padding-left: 0}
#entete-fac li.libelle4, ul.detail-fac li.libelle4 {width: 44%; padding-left: 0}
#entete-fac li.libelle5, ul.detail-fac li.libelle5 {width: 47%; padding-left: 0}
#entete-fac li.libelle6, ul.detail-fac li.libelle6 {width: 63%; padding-left: 0}
#entete-fac li.fin, ul.detail-fac li.fin {width: 15%}
#entete-fac li.qte, ul.detail-fac li.qte, ul.total-mois li.qte {width: 13%; padding-left: 2%}
#entete-fac li.qte2, ul.detail-fac li.qte2 {width: 13%; padding-left: 2%}
#entete-fac li.unitaire, ul.detail-fac li.unitaire {width: 16%; padding-right: 0}
#entete-fac li.montant, ul.detail-fac li.montant {width: 18%; padding-right: 0}
#entete-fac li.montant2, ul.detail-fac li.montant2 {width: 18%}
#entete-adr li {padding-left: 0}
#detail-fac, #detail-adr {width: 100%}
ul.detail-fac, ul.detail-mois, ul.total-mois {width: 100%}
ul.detail-adr {width: 100%}
ul.detail-adr2 {width: 100%}
ul.detail-pay li {padding-left: 0}
ul.detail-adr li {padding-left: 0}
#total-fac {width: 100%}
#total-fac li.libelle {width: 80%}
#total-fac li.montant {width: 18%}
.b_titre {width: 60%; padding: 6px 1%}
.b_titre2 {width: 70%; padding: 6px 1%}
.b_budget {width: 12%}
.b_ville {width: 24%}
.b_date {display: none}
.b_vote {width: 14%}
.f_titre {width: 60%; padding: 1%}
.f_titre2 {width: 70%; padding: 1%}
.f_budget {width: 12%}
.f_ville {width: 24%}
.f_date {display: none}
.f_vote {width: 14%}
img {max-width: 100%; height: auto}
.iframe {position: relative; margin: 0; padding: 0}
.navigateur {width: 96%; padding: 6px 2%}
hr {width: 100%}
.ordre {width: 100%}
ul.compte {width: 100%}
ul.compte li {padding: 0}
ul.compte li.cola {width: 40%}
ul.compte li.colb {width: 12%}
ul.compte li.colc {width: 12%}
ul.compte li.cold {width: 12%}
ul.compte li.cole {width: 12%}
ul.compte li.colf {width: 12%}
ul.compte li.colg {width: 100%}
.form-z {width: 98%; min-height: 60px}
.form-l {float: left; width: 48%}
.form-r {float: right; width: 48%}
.input, .textarea, .select, .file, .input2, .select2, .file2, .idee {width: 94%}
.textarea {width: 97%}
.select {width: 100%}
.select2 {width: 96%; padding: 5px 1%}
.file2 {width: 96%; padding: 3px 1%}
.sqte {width: 46px; padding: 3px 2px 3px 0}
.maxwidth {}
.pub-menu {padding: 10px 0 0 0; width: 100%}
#pub-menu-inside {width: 100%}
.box-pub1, .box-pub2 {width: 100%}
.box-pub3 {}
.pub-dossier {}
.info-bas {width: 100%}
.align-l {width: 80%}
.align-r {display: none}
.bouton3 {width: 80%; padding: 2%}
.box-reseaux {display: none}
ul.devis {width: 100%}
ul.devis li {width: 100%}
ul.fiche {width: 100%; margin-bottom: 2%}
ul.fiche2 {width: 100%}
ul.fiche li {width: 100%}
ul.fiche2 li {width: 100%}
.img-310-res {display: block; text-align: center; padding-bottom: 4%}
.img-310-res img {width: 100%}
.img-650-agen {width: 100%}
.home-img-2 {display: block; width: 50%; height: auto}
#regions {width: 100%}
.liste-tbl td {width: 49%}
.liste-tbl .tr-fond .b_titre {width: 100%}
.liste-tbl .tr-fond .b_budget {display: none}
.liste-tbl .tr-fond .b_ville {display: none}
.liste-tbl .tr-fond .b_date {display: none}
.liste-tbl .tr-fond-bas .f_titre, .liste-tbl .tr-fond-bas2 .f_titre {width: 99%; text-align: left; padding-left: 1%}
.liste-tbl .tr-fond-bas .f_budget, .liste-tbl .tr-fond-bas2 .f_budget {width: 99%; text-align: left; padding-left: 1%}
.liste-tbl .tr-fond-bas .f_ville, .liste-tbl .tr-fond-bas2 .f_ville {width: 99%; text-align: left; padding-left: 1%}
.liste-tbl .tr-fond-bas .f_date, .liste-tbl .tr-fond-bas2 .f_date {display: none}
.ordre .liste-td-blo {display: block; width: 100%}
.ordre .liste-td-blo .home-img-1 {width: 100%; height: auto}
.neutre .str-b {width: 100%}
.neutre .str-b ul.zone {width: 100%; padding: 0; margin: 0}
.neutre .str-b ul.zone li {width: 100%; padding-bottom: 4%}
.neutre .str-b ul.zone li:first-child, .neutre .str-b tr.zone td:first-child {float: none; width: 100%}
.neutre .str-b ul.zone li:last-child, .neutre .str-b tr.zone td:last-child {float: none; width: 100%}
.neutre .str-b ul.zone li .titre, .neutre .str-b ul.zone li .stitre, .neutre .str-b ul.zone li .texte {width: 100%}
.neutre .str-b ul.zone li .lien {width: 100%}
.neutre .str-b ul.zone li img {display: block; margin: 0 auto; width: 100%}
.neutre .str-t {width: 100%; margin: 0}
.neutre .str-t ul.zone, .neutre .str-t tr.zone {width: 100%; margin: 0; padding: 0}
.neutre .str-t tr.zone td {width: 100%; margin: 0 0 20px 0; padding: 0}
.neutre .str-t tr.zone td:first-child {float: none}
.neutre .str-t tr.zone td:last-child {float: none}
.neutre .str-t tr.zone td .texte {width: 100%; margin: 0}
.neutre .str-t tr.zone td .lien {width: 100%; margin: 0}
#tabs ul {margin: 0 0 15px 0; padding: 0; border: none; width: 100%; height: auto}
#tabs ul li {margin: 0; padding: 0; border: none; width: 100%}
.ui-tabs .ui-tabs-nav li {margin: 0; padding: 0; border: none; width: 100%; background: #fff}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {margin: 0; padding: 0; border: none; width: 100%; background: #fff}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin: 0; padding: 0; border: none; width: 100%; border: none}
.ui-tabs .ui-tabs-panel {margin: 0; padding: 0; border: none; width: 100%}
.bloce-vert .liste-tbl2 .tr-fond .b_titre {width: 100%}
.bloce-vert .liste-tbl2 .tr-fond .b_budget {display: none}
.bloce-vert .liste-tbl2 .tr-fond .b_ville {display: none}
.bloce-vert .liste-tbl2 .tr-fond .b_date {display: none}
.bloce-vert .liste-tbl2 .tr-fond-bas .f_titre, .bloce-vert .liste-tbl2 .tr-fond-bas2 .f_titre {width: 99%; text-align: left; padding-left: 1%}
.bloce-vert .liste-tbl2 .tr-fond-bas .f_budget, .bloce-vert .liste-tbl2 .tr-fond-bas2 .f_budget {width: 99%; text-align: left; padding-left: 1%}
.bloce-vert .liste-tbl2 .tr-fond-bas .f_ville, .bloce-vert .liste-tbl2 .tr-fond-bas2 .f_ville {width: 99%; text-align: left; padding-left: 1%}
.bloce-vert .liste-tbl2 .tr-fond-bas .f_date, .bloce-vert .liste-tbl2 .tr-fond-bas2 .f_date {display: none}
.form-new p, .form-new label, #form-new p, #form-new label, .form-new2 label, .form-new3 label {font-size: 13px; line-height: 15px}
.form-new label, #form-new label, .form-new2 label, .form-new3 label {margin-top: 12px; display:inline-block}
.input-obli, .input-form {line-height: 30px}
.step-circle {width: 3rem; height: 3rem}
.step-text {font-size: 1rem}
.input-group {margin-bottom: 2.5rem}
.btn {line-height: 20px}
}
@media only screen and (min-width: 280px) and (max-width: 750px) {
#left {float: none; width: 96%; padding: 15px 2% 10px 2%; display: block}
#right {float: none; width: 100%; padding: 15px 0 10px 0; display: block}
.region-agenda {display: none}
}
@media only screen and (min-width: 751px) and (max-width: 999px) {
.rec {margin-bottom: 2%; width: 95%}
}
@media only screen and (max-width: 600px) {
#agenda {display: none}
.tr-fond {display: none}
.b_titre {width: 70%; padding: 6px 1%}
.b_titre2 {width: 80%; padding: 6px 1%}
.b_budget {display: none}
.b_ville {display: none}
.b_date {display: none}
.b_vote {display: none}
.f_titre {width: 98%; padding: 1%}
.f_titre2 {width: 80%; padding: 1%}
.f_budget {width: 98%; font-weight: bold; font-size: 90%; padding: 1%; text-align: left}
.f_ville {width: 98%; font-weight: bold; font-size: 90%; padding: 1%}
.f_date {display: none}
.f_vote {display: none}
}