/*---------------------------------------------------------
/*      =TAGS
/*      =STRUCTURE
/*        @Header
/*        @Container
/*        @Footer
/*      =MODULES
/*        @Outils
/*        @Data-Live
/*        @Aside
/*        @MainNav
/*        @CarouselBestCase
/*        @BestCase
/*        @Misc
/*        @Forms
-------------------------------------------------------- */

@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('fonts/ColabThi-webfont.eot');
	src: local('?'), url('fonts/ColabThi-webfont.woff') format('woff'), url('fonts/ColabThi-webfont.ttf') format('truetype'), url('fonts/ColabThi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*---------------------------------------------------------
        =TAGS
-------------------------------------------------------- */

html, body {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

body {
    background: #141414;
    color: #717171;
    font: 12px/1em arial, helvetica, sans-serif;
    text-align: left;
}

abbr, article, aside, audio, bb, canvas,
datagrid, datalist, details, dialog, eventsource,
figure, footer, header, hgroup, mark, menu,
meter, nav, output, progress, section, time, video {
    display: block;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    padding: 0;
}

p {
    font-size: 1em;
    line-height: 1.2em;
    margin: 0;
    padding: 0 0 1em 0;
}

ul {
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ol {
    list-style: decimal;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

li {
    font-size: 1em;
    line-height: 1.2em;
    margin: 0;
    padding: 0 0 3px 0;
}

a {
    color: #323232;
    text-decoration: none;
}

a:hover, a:focus {
    color: #B42D14;
    text-decoration: none;
}

img {
    border: 0;
}

hr {
    background: #f4f4f4;
    border: none;
    border-bottom: 1px dotted #CECECE;
    color: #f4f4f4;
    height: 0;
    margin: 4px 0;
    padding: 0;
}

form {
    display: inline;
    margin: 0;
    padding: 0;
}

textarea {
    line-height: 1.2em;
}

label {
    cursor: pointer;
}

strong {
    color: #323232;
}

table {
    border: 0;
    border-collapse: collapse;
    margin: 0 0 1em 0;
    padding: 0;
}

th, td {
    font-size: 1em;
    margin: 0;
    padding: 1em 1em;
}

address  {
    font-style: normal;
}

blockquote {
    margin: 0.5em 1.5em;
    padding: 0;
}

kbd {
    border: 1px solid #000;
    padding: 1px 2px;
}

acronym, abbr {
    border-bottom: 1px dashed;
    cursor: help;
    letter-spacing: 1px;
}


/*---------------------------------------------------------
        =STRUCTURE
-------------------------------------------------------- */

/*      @Header
------------------------------------ */

#branding {
    background: #f4f4f4;
    min-width: 960px;
}

#fastLinks {
    background: #e5e5e5;
    color: #8e8e8e;
    font-size: 11px;
}

#fastLinks a {
    color: #676767;
    padding: 2px 3px;
}

#fastLinks .right a:hover,
#fastLinks .right a:focus {
    background: #f4f4f4;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #8e8e8e;
}

#sFastLinks {
    display: table;
    margin: 0 auto;
    width: 960px;
}

#fastLinks .left,
#fastLinks .right {
    display: table-cell;
    padding: 6px 10px 4px 10px;
    vertical-align: top;
}

#fastLinks .left a {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -53px;
    display: inline-block;
    margin-right: 20px;
    padding: 0 0 0 12px;
}

#fastLinks .left a:hover,
#fastLinks .left a:focus {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -223px;
    color: #B42D14;
}

#fastLinks .right  {
    text-align: right;
}

#fastLinks .follow  {
    background: url(/images/theme/bg/pictos.png) no-repeat 64px -53px;
    display: inline-block;
    margin-right: 8px;
    padding: 0 12px 0 0;
}

#fastLinks .separator  {
    padding: 0 4px;
}

#fastLinks img  {
    padding: 0 2px;
    vertical-align: middle;
}

#mainHeader {
    margin: 0 auto;
    padding: 28px 10px 0 10px;
    position: relative;
    width: 940px;
}

#mainHeader .logo img{
    vertical-align: middle;
}

#sMainHeader {
    position: absolute;
    right: 10px;
    top: 25px;
}

#sMainHeader {
    border-bottom: 1px solid #cecece;
}

#nav  {
    margin-right: 270px;
}

#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#nav li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#nav a {
    display: block;
    padding-left: 2px;
}

#nav .item1 a:hover,
#nav .item1 a:focus,
#nav .item1 a.active {
    background: url(/images/theme/bg/nav-hover.png) no-repeat 0 0;
}

#nav .item2 a:hover,
#nav .item2 a:focus,
#nav .item2 a.active {
    background: url(/images/theme/bg/nav-hover.png) no-repeat 0 -97px;
}

#nav .item3 a:hover,
#nav .item3 a:focus,
#nav .item3 a.active {
    background: url(/images/theme/bg/nav-hover.png) no-repeat 0 -194px;
}

#nav .item4 a:hover,
#nav .item4 a:focus,
#nav .item4 a.active {
    background: url(/images/theme/bg/nav-hover.png) no-repeat 0 -291px;
}

#nav .item5 a:hover,
#nav .item5 a:focus,
#nav .item5 a.active {
    background: url(/images/theme/bg/nav-hover.png) no-repeat 0 -388px;
}

#newsletter {
    color: #898989;
    display: block;
    font-size: 9px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 240px;
}

#newsletter label {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -168px;
    padding-left: 8px;
}

#newsletter input {
    font-size: 11px;
    margin: 6px 0 12px 0;
}

#newsletter input#inputNewsletter {
    left: 0;
    height: 14px;
    position: absolute;
    top: 12px;
    width: 205px;
}

#newsletter input#submitNewsletter {
    height: 18px;
    left: 219px;
    padding: 0;
    position: absolute;
    top: 12px;
    width: 18px;
}

#newsletter input#submitNewsletter.active {
    padding: 1px;
    width: auto;
}

#breadcrumb {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -53px;
    font-size: 10px;
    left: 0;
    padding-left: 10px;
    position: absolute;
    top: 66px;
}

#breadcrumb a {
    color: #717171;
    padding: 0 2px;
}

#breadcrumb a:hover,
#breadcrumb a:focus {
    color: #323232;
}


/*      @Container
------------------------------------ */

#container {
    background: #f4f4f4;
    border-bottom: 1px solid #111111;
    min-width: 960px;
    padding: 0 0 20px 0;
}

#sContainer {
    display: table;
    margin: 0 auto;
    width: 960px;
}

#content {
    display: table-cell;
    padding: 63px 15px 0 10px;
    vertical-align: top;
    width: 685px;
}

aside {
    display: table-cell;
    padding-right: 5px;
    vertical-align: top;
    width: 245px;
}


/*      @Footer
------------------------------------ */

#footer {
    background: #e5e5e5;
    background: url(/images/theme/bg/footer.png) no-repeat center top;
    border-top: 1px solid #3b3b3d;
    min-width: 960px;
    padding-bottom: 36px;
}

#sFooter {
    margin: 0 auto;
    position: relative;
    width: 960px;
}

#sFooter div {
    border-bottom: 1px solid #41474e;
    margin: 0 10px;
    padding: 26px 0 8px 0;
}

#sFooter nav {
    bottom: 13px;
    font-size: 11px;
    position: absolute;
    right: 10px;
}

#sFooter nav a {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -168px;
    color: #717171;
    display: inline-block;
    margin-left: 8px;
    padding-left: 8px;
}

#sFooter .contact {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 2px;
    color: #b42d14;
}

#sFooter .contact:hover,
#sFooter .contact:focus {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -168px;
}

#sFooter a:hover,
#sFooter a:focus {
    color: #bababa;
}


/*---------------------------------------------------------
        =MODULES
-------------------------------------------------------- */

#content section {
    background: url(/images/theme/bg/article.png) no-repeat bottom right;
    padding-bottom: 39px;
}

#content section h1 {
    background: url(/images/theme/bg/title.png) no-repeat left center;
    color: 3C3C3C;
    font-family: 'Colaborate-ThinRegular', sans-serif;
    font-size: 40px;
    line-height: 34px;
    margin-bottom: 18px;
    min-height: 60px;
    padding-left: 40px;
    text-transform: uppercase;
}

#content section .chapo {
    background: #eaeaea;
    font-weight: bold;
    margin-bottom: 12px;
    padding: 10px 10px 9px 0;
}

#content section .chapo p {
    background: url(/images/theme/bg/chapo.png) no-repeat 10px 6px;
    padding: 0 0 0 24px;
}

#content section .chapo ul {
    margin: 0;
    padding: 0 0 0 24px;
}

#content section .chapo li {
    background: url(/images/theme/bg/chapo.png) no-repeat 0 -50px;
    list-style-image: none;
    margin: 4px 0 0 0;
    padding: 0 0 0 10px;
}

#content section .chapo .follow  {
    background: url(/images/theme/bg/pictos.png) no-repeat 72px -50px;
    display: inline-block;
    margin-right: 8px;
    padding: 0 12px 0 0;
}

#content section .chapo .separator  {
    padding: 0 4px;
}

#content section .chapo a {
    color: #676767;
    padding: 2px 3px;
}

#content section .chapo a:hover,
#content section .chapo a:focus {
    background: #f4f4f4;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #8e8e8e;
}

#content section .chapo img  {
    padding: 0 2px;
    vertical-align: middle;
}

#content #multiple {
    min-height: 340px;
    position: relative;
    width: 100%;
}

#content #anchors {
    left: 0;
    padding: 0 10px 0 0;
    position: absolute;
    top: 0;
    width: 170px;
}

#content #anchors ul {
    margin: 0 0 6px 0;
    padding: 0;
}

#content #anchors li {
    background: none;
    list-style-image: none;
    padding: 0 0 8px 0;
}

#content #anchors a {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -51px;
    color: #717171;
    padding-right: 14px;
}

#content #anchors a:hover,
#content #anchors a:focus,
#content #anchors a.active {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -221px;
    color: #323232;
}

#js #content #anchors li ul {
    display: none;
}

#content #anchors li ul {
    font-size: 11px;
    padding: 10px 0 0 10px;
}

#content #anchors li li {
    padding: 1px 0;
}

#content #anchors li li a {
    background: none;
    padding: 0;
}

#content #anchors li li a:hover,
#content #anchors li li a:focus,
#content #anchors li li a.active {
    background: none;
    color: #323232;
}

#sections {
    border-left: 1px dotted #CECECE;
    margin-left: 180px;
    min-height: 250px;
    padding-left: 10px;
}

#js #sections section {
    display: none;
}

#js #sections section:first-child {
    display: block;
}

#content section section {
    background: none;
    clear: both;
    padding-bottom: 0;
}

#content section hr {
    clear: both;
}

#content section h2 {
    color: #b42d14;
    font-size: 13px;
    margin-bottom: 12px;
}

#content section h3 {
    color: #323232;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 6px 24px;
}

#content section p {
    line-height:1.4em
}

#content section p,
#content section ul {
    padding-bottom: 18px;
    padding-left: 24px;
}

#content section li {
    height: auto;
    list-style-position: outside;
    list-style-image: url(/images/theme/bg/li.png);
}

.block {
    background: #e5e5e5;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    clear: left;
    padding: 10px;
}


/*      @Outils
------------------------------------ */

#content section .outils section {
    border-bottom: none;
}

#content section .outils section > div {
    border-bottom: none;
}

#content section .outils .block {
    float: right;
    margin: 0 0 15px 20px;
}

#content section .outils .association {
    margin-left: 10px;
}

#content section .outils .link {
    border-bottom: 1px dotted #cecece;
    border-top: 1px dotted #cecece;
    clear: both;
    padding: 4px 0;
}

#content section .outils .link a {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -51px;
    padding-left: 12px;
    padding-right: 14px;
}

#content section .outils .link a:hover,
#content section .outils .link a:focus {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -221px;
}

#content section .outils .listOutils {
    height: 20px;
    margin-top: 12px;
    position: relative;
    text-align: right;
}

#content section .outils .listOutils .prev {
    position: absolute;
    right: 20px;
    top: 0;
}

#content section .outils .listOutils .next {
    position: absolute;
    right: 0;
    top: 0;
}

#content section .outils p, #content .outils section ul {
    padding-left: 0;
}


/*      @Data-Live
------------------------------------ */

#dataLive {
    padding: 0 0 10px 0;
}

#dataLive > header {
    border-bottom: 1px dotted #cecece;
    position: relative;
}

#dataLive .rss {
    bottom: 6px;
    position: absolute;
    right: 10px;
}

#dataLive .rss a {
    background: url(/images/theme/bg/pictos.png) no-repeat 8px -112px;
    display: block;
    padding-top: 12px;
}

#dataLive .rss a:hover,
#dataLive .rss a:focus {
    background: url(/images/theme/bg/pictos.png) no-repeat 8px -110px;
}

#dataLive article a {
    border-bottom: 1px dotted #cecece;
    display: block;
    height: 44px;
    padding: 10px 10px 12px 10px;
}

#content #dataLive article a {
    height: auto;
    padding-bottom: 0;
}

#dataLive article a:hover,
#dataLive article a:focus {
    background: #E5E5E5;
}

#dataLive article header {
    padding-bottom: 4px;
}

#dataLive .pdf header {
    background: url(/images/theme/bg/dl.png) no-repeat 100% -118px;
}

#dataLive .twitter header {
    background: url(/images/theme/bg/dl.png) no-repeat 100% -183px;
}

#dataLive time {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -168px;
    color: #898989;
    font-size: 10px;
    padding-left: 8px;
}

#dataLive h2,
#content #dataLive h2 {
    color: #494949;
    font-size: 12px;
    line-height: 15px;
}

#dataLive a:hover h2,
#dataLive a:focus h2,
#content #dataLive  a:hover h2,
#content #dataLive a:focus h2 {
    color: #3c3c3c;
}

#dataLive .pagination {
    font-size: 10px;
    margin-top: 12px;
    text-align: right;
}

#dataLive .pagination a {
    color: #717171;
    padding: 0 2px;
}

#dataLive .pagination span.active {
    font-weight: bold;
}

#dataLive .pagination a:hover,
#dataLive .pagination a:focus,
#dataLive .pagination span.active {
    color: #3c3c3c;
}

#dataLive .pagination .prev {
    padding: 0 8px 0 14px;
}

#dataLive .pagination .next {
    padding: 0 14px 0 8px;
}

#dataLive .pagination .next {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -393px;
}

#dataLive .pagination .next:hover,
#dataLive .pagination .next:focus {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -223px;
}

#dataLive .pagination .prev {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -336px;
}

#dataLive .pagination .prev:hover,
#dataLive .pagination .prev:focus {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -279px;
}

#article .actuLive,
.article .actuLive {
    float: right;
    margin-left: 20px;
}

#article .bestCase {
    border-bottom: 1px dotted #CECECE;
    margin: 0 0 12px 0;
    padding: 12px 0;
}

.article .bestCase {
    margin: 0 0 12px 0;
    padding: 12px 0;
}

#content #article section > div,
#content .article section > div {
    border: none;
    margin-bottom: 0;
}

#content #article section {
    border-bottom: 1px dotted #CECECE;
    margin: 0;
    padding: 14px 0 0 0;
}

#content .article section {
    border-top: 1px dotted #CECECE;
    margin: 0;
    padding: 14px 0 0 0;
}

#article p, #article ul,
.article p, .article ul {
    padding-left: 0px;
}

#article .infoActu {
    border-bottom: 1px dotted #CECECE;
    padding: 0 0 8px 0;
}

.infoActu {
    position: relative;
    width: 100%;
}

.infoActu time {
    background :url(/images/theme/bg/pictos.png) no-repeat 0 -168px;
    color: #898989;
    font-size: 10px;
    padding-left: 8px;
}

.infoActu .link {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -53px;
    padding-right: 14px;
    position: absolute;
    right: 0;
    top: 0;
}

.infoActu .link:hover,
.infoActu .link:focus {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -223px;
}


/*      @Aside
------------------------------------ */

aside section {
    margin-bottom: 10px;
}

aside strong {
    font-weight: normal;
}

aside .share h1,
aside .contact h1 {
    font-family: 'Colaborate-ThinRegular', sans-serif;
    font-size: 20px;
    margin-bottom: 4px;
    text-align: center;
    text-transform: uppercase;
}

aside .share header {
    border-bottom: 1px dotted #CECECE;
}

aside .share ul {
    border-bottom: 1px dotted #CECECE;
    border-top: 1px dotted #CECECE;
    margin: 4px 0 0 0;
    padding: 4px 0;
}

aside .share li {
    border-bottom: 1px dotted #CECECE;
    list-style-image: none;
    margin: 0;
    padding: 1px 0;
}

aside .share img {
    vertical-align: middle
}

aside .share a {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -51px;
    padding-right: 14px;
}

aside .share a:hover,
aside .share a:focus {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -221px;
}

aside .contact h2 {
    background: #eaeaea;
    margin-bottom: 10px;
    padding: 6px 0;
    text-align: center;
}

aside .contact h2 img {
    vertical-align: middle;
}

#annonces {
    text-align: center;
}

#annonces img {
    vertical-align: middle;
}


/*      @MainNav
------------------------------------ */

#mainNav a {
    display: inline-block;
    position: relative;
}

#mainNav a:first-child .block,
#mainNav a:first-child .infos {
    margin-left: 0;
}

#mainNav .block ,
#mainNav .infos  {
    display: inline-block;
    height: 130px;
    margin-left: 5px;
    width: 200px;
}

#mainNav .infos  {
    background: #191919;
    border: 1px solid #191919;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 2px 2px 3px #cdcdcd;
    -moz-box-shadow: 2px 2px 3px #cdcdcd;
    -webkit-box-shadow: 2px 2px 3px #cdcdcd;
    color: #d7d7d7;
    left: 0;
    opacity: 0.95;
    padding: 10px;
    position: absolute;
    top: 0;
    z-index: 2;
}

#js #mainNav .infos  {
    display: none;
}

#mainNav .infos p  {
    font-size: 11px;
    line-height: 14px;
    padding: 10px;
}

#mainNav .infos strong  {
    color: #FFF;
}

#js #mainNav a.active .infos {
    display: block;
}


/*      @Carousel BestCase
------------------------------------ */

#content #carouselBestCase {
    margin-top: 70px;
    position: relative
}

#content #carouselBestCase h1 {
    background: none;
    left: -10px;
    margin: 0;
    padding :0;
    position: absolute;
    top: -50px;
    z-index: 2;
}

#content #carouselBestCase h2 {
    left: 90px;
    position: absolute;
    top: -20px;
    z-index: 2;
}

#content #carouselBestCase .mask {
    overflow: hidden;
    position: relative;
    width: 662px;
}

#content #carouselBestCase .nav {
    background: url(/images/theme/bg/carousel-nav.png) no-repeat 0 0;
    height: 21px;
    position: absolute;
    right: 16px;
    top: -21px;
    width: 46px;
}

#content #carouselBestCase .prev,
#content #carouselBestCase .next {
    display: inline-block;
    height: 16px;
    padding: 2px;
    width: 18px;
}

#content #carouselBestCase .prev {
    background: url(/images/theme/bg/carousel-nav.png) no-repeat 8px -242px;
}

#content #carouselBestCase .prev:hover,
#content #carouselBestCase .prev:focus {
    background: url(/images/theme/bg/carousel-nav.png) no-repeat 8px -183px;
}

#content #carouselBestCase .next {
    background: url(/images/theme/bg/carousel-nav.png) no-repeat 7px -124px;
}

#content #carouselBestCase .next:hover,
#content #carouselBestCase .next:focus {
    background: url(/images/theme/bg/carousel-nav.png) no-repeat 7px -65px;
}

#content #carouselBestCase .mask {
    height: 240px;
    overflow: hidden;
    position: relative;
    width: 662px;
}

#content #carouselBestCase ul {
    height: 240px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

#content #carouselBestCase li {
    float: left;
    list-style-image: none;
    margin: 0;
    padding: 0 10px 0 0;
}

#content #carouselBestCase a {
    display: block;
}

#content #carouselBestCase img {
    vertical-align: middle;
}


/*      @Bestcase
------------------------------------ */

#bestCase {
    padding: 0 0 10px 0;
}

#bestCase > header {
    border-bottom: 1px dotted #cecece;
    position: relative;
}

#bestCase article a {
    border-bottom: 1px dotted #cecece;
    display: block;
    height: 44px;
    padding: 10px 10px 12px 10px;
}

#content #bestCase article a {
    height: auto;
    padding-bottom: 0;
}

#bestCase article a:hover,
#bestCase article a:focus {
    background: #E5E5E5;
}

#bestCase article header {
    padding-bottom: 4px;
}

#bestCase time {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -168px;
    color: #898989;
    font-size: 10px;
    padding-left: 8px;
}

#bestCase h2,
#content #bestCase h2 {
    color: #494949;
    font-size: 12px;
    line-height: 15px;
}

#bestCase a:hover h2,
#bestCase a:focus h2,
#content #bestCase  a:hover h2,
#content #bestCase a:focus h2 {
    color: #3c3c3c;
}


/*      @Contact
------------------------------------ */

#content #contact .chapo a {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -51px;
    display: inline-bloc;
    margin: 0 30px 0 0;
    padding: 0 14px 0 0;
}

#content #contact .chapo a:hover,
#content #contact .chapo a:focus,
#js #content #contact .chapo a.active {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -221px;
    color: #B42D14;
}

#content #contact .block {
    display: none;
}

#js #content #contact .block {
    display: block;
}

#content #contact #gMap {
    height: 300px;
    width: 100%;
}

#content #contact #gMap p,
#content #contact #gMap li {
    line-height: 1.1em;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#content #contact #gMap p,
#content #contact #gMap li {
    line-height: 1.1em;
    margin: 0;
    padding: 0;
}

#js aside .adresse hr {
    display: none;
}

#js aside .adresse div {
    display: none;
}

#js aside .adresse .active {
    display: block;
}


/*      @Plan
------------------------------------ */

#plan {
    height: 320px;
}

#plan a {
    float: left;
    margin: 0 6px 6px 0;
    position: relative;
}

#plan a:first-child .block,
#plan a:first-child .infos {
    margin-left: 0;
}

#plan .block ,
#plan .infos  {
    display: inline-block;
    height: 130px;
    width: 200px;
}

#plan .infos  {
    background: #191919;
    border: 1px solid #191919;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 2px 2px 3px #cdcdcd;
    -moz-box-shadow: 2px 2px 3px #cdcdcd;
    -webkit-box-shadow: 2px 2px 3px #cdcdcd;
    color: #d7d7d7;
    left: 0;
    opacity: 0.95;
    padding: 10px;
    position: absolute;
    top: 0;
    z-index: 2;
}

#js #plan .infos  {
    display: none;
}

#plan .infos h2  {
    color: #f9f8f8;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 16px 0;
    padding: 0;
}

#plan .infos h3  {
    color: #f9f8f8;
    font-weight: bold;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    padding: 0;
}

#plan .infos p  {
    font-size: 11px;
    line-height: 14px;
    margin: 12px 0 0 0;
    padding: 0;
}

#plan .infos strong  {
    color: #FFF;
}

#js #plan a.active .infos {
    display: block;
}


/*      @Misc
------------------------------------ */

.logos img {
    padding-right: 4px;
}

.logosClients img {
    border: 1px solid #E5E5E5;
    box-shadow: 2px 2px 4px #E5E5E5;
    -moz-box-shadow: 2px 2px 4px #E5E5E5;
    -webkit-box-shadow: 2px 2px 4px #E5E5E5;
    display: inline-block;
    margin: 4px;
    opacity: 1;
    padding: 2px;
}

.logosClients a img {
    border: 1px solid #C5C5C5;
    box-shadow: 2px 2px 4px #C5C5C5;
    -moz-box-shadow: 2px 2px 4px #C5C5C5;
    -webkit-box-shadow: 2px 2px 4px #C5C5C5;
    opacity: 1;
}

.logosClients a:hover img,
.logosClients a:focus img {
    border: 1px solid #E5E5E5;
    box-shadow: 2px 2px 4px #E5E5E5;
    -moz-box-shadow: 2px 2px 4px #E5E5E5;
    -webkit-box-shadow: 2px 2px 4px #E5E5E5;
    opacity: 0.9;
}

.doubleNav {
    position: relative;
}

#article .doubleNav .navigation {
    padding-top: 12px;
}

.doubleNav .navigation .prev {
    padding: 0 8px 0 14px;
}

.doubleNav .navigation .prev {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -335px;
}

.doubleNav .navigation .prev:hover,
.doubleNav .navigation .prev:focus {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -278px;
}

.doubleNav .navigation .next {
    padding: 0 14px 0 8px;
}

.doubleNav .navigation .next {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -392px;
}

.doubleNav .navigation .next:hover,
.doubleNav .navigation .next:focus {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -222px;
}

.doubleNav .back {
    border-top: none;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
}

#article .back {
    border-top: none;
    padding: 12px 0 0 0;
}

.back {
    border-top: 1px dotted #CECECE;
    padding: 12px 0 0 0;
    text-align: right;
}

.back a {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -335px;
    padding-left: 14px;
}

.back a:hover,
.back a:focus {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -278px;
}

.pagination {
    font-size: 10px;
    margin-top: 12px;
    text-align: right;
}

.pagination a {
    color: #717171;
    padding: 0 2px;
}

.pagination span.active {
    font-weight: bold;
}

.pagination a:hover,
.pagination a:focus,
.pagination span.active {
    color: #3c3c3c;
}

.pagination .prev {
    padding: 0 8px 0 14px;
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -336px;
}

.pagination .next {
    padding: 0 14px 0 8px;
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -393px;
}

.pagination .next:hover,
.pagination .next:focus {
    background: url(/images/theme/bg/pictos.png) no-repeat 100% -223px;
}

.pagination .prev:hover,
.pagination .prev:focus {
    background: url(/images/theme/bg/pictos.png) no-repeat 0 -279px;
}


/*      @Forms
------------------------------------ */

.required {

}

.error {

}

label, .label {

}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="submit"],
input[type="image"] {
    background: #f4f4f4;
    border: 1px solid #cecece;
    color: #494949;
    padding: 2px;
}

textarea:hover, textarea:focus,
select:hover, select:focus,
input[type="text"]:hover, input[type="text"]:focus,
input[type="password"]:hover, input[type="password"]:focus,
input[type="email"]:hover, input[type="email"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="image"]:hover, input[type="image"]:focus {
    background: #fff;
}

#js .tohide {
  display: none;
}