/* Variables (ajout de AL) */
:root {
  --link-color: #f16260; 
  --hover-color: #d81613;
}

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block;
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

/* Ajout AL pour ajustement des vidéos YouTube */

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fin ajout AL */

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html,button,input,select,textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active,a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

h2 {
    font-size: 1.5em;
    margin: .83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: .83em;
    margin: 1.67em 0;
}

h6 {
    font-size: .67em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,strong {
    font-weight: 700;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

p,pre {
    margin: 1em 0;
}

code,kbd,pre,samp {
    font-family: monospace,serif;
    _font-family: 'courier new',monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,q:after {
    content: '';
    content: none;
}

small {
    font-size: 80%;
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

dl,menu,ol,ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu,ol,ul {
    padding: 0 0 0 40px;
}

nav ul,nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,input {
    line-height: normal;
}

button,select {
    text-transform: none;
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled],html input[disabled] {
    cursor: default;
}

input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear {
    clear: both;
}

.jshide {
    display: none;
}

.goUP {
    background-image: url(../images/layout/goUP.png);
    width: 50px;
    height: 50px;
    display: block;
}

.goUP:hover {
    opocity: .8;
}

a,a:active {
    color: var(--link-color);
    -webkit-transition: color .5s ease-in;
    transition: color .5s ease-in;
    text-decoration: none;
}

a:hover {
    color: var(--hover-color);
    -webkit-transition: color .1s ease-in;
    transition: color .1s ease-in;
    text-decoration: none;
}

address {
    font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
    color: #333;
    font-size: 16px;
}

hr {
    background-color: #999;
    height: 1px;
    width: 100%;
    border: none;
}

.hr {
    margin: 10px 0;
    height: 1px;
    border-bottom: 1px solid #e0e1e1;
    width: 100%;
    display: block;
}

table thead tr th {
    min-height: 25px;
    padding: 5px;
    text-align: left;
}

table tr td,table tr th {
    min-height: 25px;
    padding: 5px;
    text-align: left;
}

#content ul {
    margin: 0;
    display: block;
    padding: 0 0 0 20px;
}

#content ul li {
    list-style-type: disc;
}

#content ul li>ul {
    margin-left: 10px;
    padding: 0;
}

#content ul li>ul>li {
    list-style-type: none;
    line-height: 20px;
    margin-left: 20px;
}

ol {
    margin: 0;
    display: block;
    padding: 0 0 0 40px;
}

ol li {
    list-style-type: decimal;
}

ol li ol {
    margin-left: 10px;
    padding: 0;
}

ol li ol li {
    line-height: 20px;
    margin-left: 20px;
}

blockquote {
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-style: italic;
    line-height: 28px;
    width: 100%;
    margin: 0;
    padding: 0;
    text-transform: none;
    text-align: left;
    clear: both;
    *zoom: 1;
}

blockquote:before,blockquote:after {
    content: "";
    display: table;
}

blockquote:after {
    clear: both;
}

blockquote:before {
    content: url(../images/layout/blockquote-aside-left.png);
    position: relative;
    top: 3px;
    width: 26px;
    height: 19px;
    display: inline-block;
}

blockquote:after {
    content: url(../images/layout/blockquote-aside-right.png);
    position: relative;
    top: 3px;
    width: 30px;
    height: 19px;
    display: inline-block;
}

form {
    border: none;
    padding: 0;
}

input,textarea,select,option,label,fieldset,legend {
    vertical-align: bottom;
}

label {
    font-weight: bold;
    display: block;
	margin-top: 8px;
}

input,textarea,select {
    padding: 8px;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #bbbcbc;
    color: #333;
    border: none;
}

button,.button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    background-color: var(--link-color);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 40px;
    display: inline-block;
    padding: 0 20px;
    text-align: center;
	border-radius: 4px;
	transition: background-color 0.3s ease-in;
}

button:hover,.button:hover {
    background-color: var(--hover-color);
    color: #fff;
	transition: background-color 0.3s ease-in;
}

::-webkit-input-placeholder {
    color: gray;
}

::-moz-placeholder {
    color: gray;
}

:-ms-input-placeholder {
    color: gray;
}

html {
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: 100%;
    background-color: #fff;
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    html {
        background: url(../images/layout/bgLarge.png) center top no-repeat;
    }
}

body {
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    line-height: 18px;
    color: #333;
    margin: 0;
}

#cssMediaQuery {
    display: none;
}

@media print,(min-width:0) and (max-width:999px) {
    #cssMediaQuery {
        width: 0;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #cssMediaQuery {
        width: 1px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #cssMediaQuery {
        width: 2px;
    }
}

#websafe {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    *zoom: 1;
    position: relative;
}

@media print,(min-width:0) and (max-width:999px) {
    #websafe {
        width: 100%;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #websafe {
        width: 960px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #websafe {
        width: 1600px;
    }
}

#websafe:before,#websafe:after {
    content: "";
    display: table;
}

#websafe:after {
    clear: both;
}

@media print,(min-width:0) and (max-width:999px) {
    #websafe {
        width: 100%;
        max-width: 550px;
    }
}

#megaTitle {
    background-color: #e0e1e1;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    display: table;
}

@media print,(min-width:0) and (max-width:999px) {
    #megaTitle {
        width: 100%;
        height: 70px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #megaTitle {
        width: 700px;
        height: 81px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #megaTitle {
        width: 925px;
        height: 105px;
        margin-top: -105px;
    }
}

#megaTitle>h1 {
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
}

@media print,(min-width:0) and (max-width:999px) {
    #megaTitle>h1 {
        font-size: 20px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #megaTitle>h1 {
        font-size: 25px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #megaTitle>h1 {
        font-size: 30px;
    }
}

#content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
    min-height: 420px;
}

#content:before,#content:after {
    content: "";
    display: table;
}

#content:after {
    clear: both;
}

@media print,(min-width:0) and (max-width:999px) {
    #content {
        width: 100%;
        max-width: 550px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #content {
        float: left;
        width: 700px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #content {
        float: left;
        width: 925px;
    }
}

#content.full {
    width: 100%;
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #content.semifull {
        width: 100%;
    }
}

#extraContentRight {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
}

#extraContentRight:before,#extraContentRight:after {
    content: "";
    display: table;
}

#extraContentRight:after {
    clear: both;
}

#extraContentRight.nopad {
    padding: 0;
}

@media print,(min-width:0) and (max-width:999px) {
    #extraContentRight {
        width: 100%;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #extraContentRight {
        position: absolute;
        right: 0;
        top: 190px;
        width: 240px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #extraContentRight {
        float: left;
        width: 675px;
    }
}

#extraContentRight>.padContent {
    *zoom: 1;
    width: 100%;
    float: left;
    padding-left: 20px;
}

#extraContentRight>.padContent:before,#extraContentRight>.padContent:after {
    content: "";
    display: table;
}

#extraContentRight>.padContent:after {
    clear: both;
}

#extraContentRight>.nopadContent {
    *zoom: 1;
    width: 100%;
    float: left;
}

#extraContentRight>.nopadContent:before,#extraContentRight>.nopadContent:after {
    content: "";
    display: table;
}

#extraContentRight>.nopadContent:after {
    clear: both;
}

#extraContentRight>.leftContent {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media print,(min-width:0) and (max-width:999px) {
    #extraContentRight>.leftContent {
        display: none;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #extraContentRight>.leftContent {
        display: none;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #extraContentRight>.leftContent {
        padding: 0 20px;
        float: left;
        width: 435px;
    }
}

#extraContentRight>.rightContent {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media print,(min-width:0) and (max-width:999px) {
    #extraContentRight>.rightContent {
        display: none;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #extraContentRight>.rightContent {
        width: 240px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #extraContentRight>.rightContent {
        float: left;
        width: 240px;
    }
}

#extraContentBottom {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
    clear: left;
}

#extraContentBottom:before,#extraContentBottom:after {
    content: "";
    display: table;
}

#extraContentBottom:after {
    clear: both;
}

@media print,(min-width:0) and (max-width:999px) {
    #extraContentBottom {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #extraContentBottom {
        width: 700px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #extraContentBottom {
        display: none;
    }
}

#extraContentBottom.full {
    width: 100%;
}

@media print,(min-width:0) and (max-width:999px),screen and (min-width:1000px) and (max-width:1639px) {
    .defaultPage #extraContentBottom {
        display: none;
    }
}

#header {
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #header {
        height: 230px;
    }
}

#header #mainMenuToggle {
    width: 62px;
    height: 124px;
    position: absolute;
    cursor: pointer;
}

@media print,(min-width:0) and (max-width:999px) {
    #header #mainMenuToggle {
        top: 0;
        right: 62px;
        background: #333 url(../images/layout/icon_hamburger.png) center no-repeat;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px),screen and (min-width:1640px) and (max-width:999999px) {
    #header #mainMenuToggle {
        display: none;
    }
}

#header #searchBoxToggle {
    width: 62px;
    height: 62px;
    z-index: 2;
    position: absolute;
    background-color: #e0e1e1;
    cursor: pointer;
}

@media print,(min-width:0) and (max-width:999px),screen and (min-width:1000px) and (max-width:1639px) {
    #header #searchBoxToggle {
        top: 0;
        right: 0;
        background-image: url(../images/layout/icon_search.png);
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #header #searchBoxToggle {
        display: none;
    }
}

#header #socialShareToggle {
    width: 62px;
    height: 62px;
    z-index: 2;
    position: absolute;
    background-color: #f7b64b;
    cursor: pointer;
}

@media print,(min-width:0) and (max-width:999px),screen and (min-width:1000px) and (max-width:1639px) {
    #header #socialShareToggle {
        top: 62px;
        right: 0;
        background-image: url(../images/layout/icon_share.png);
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #header #socialShareToggle {
        display: none;
    }
}

#header>.logo {
    display: block;
}

#header>.logo:hover {
    opacity: .8;
}

@media print,(min-width:0) and (max-width:400px) {
    #header>.logo {
        background: #fff url(../images/logo/pleinelune_SM.png) 10px 35px no-repeat; /* retabli comme l'original */
        width: 100%;
        height: 124px;
    }
}

@media print,(min-width:400px) and (max-width:999px) {
    #header>.logo {
        background: #fff url(../images/logo/pleinelune_MD.png) 10px 25px no-repeat; /* etait : SM -- trop petit pour rien */
        width: 100%;
        height: 124px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #header>.logo {
        background: #fff url(../images/logo/pleinelune_MD.png) 10px 25px no-repeat; 
        width: 700px;
        height: 124px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #header>.logo {
        background: #fff url(../images/logo/pleinelune_BG.png) center no-repeat;
        width: 925px;
        height: 124px;
    }
}

#mainMenu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    background-color: #333;
}

@media print,(min-width:0) and (max-width:999px) {
    #mainMenu {
        z-index: 3;
        padding-top: 30px;
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 230px;
    }

    #mainMenu a {
        text-align: center;
    }

    #mainMenu>.closeBtn {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        width: 62px;
        height: 62px;
        background-image: url(../images/layout/icon_x.png);
        background-image: url(../images/layout/icon_x_inverted.png);
    }

    #mainMenu>.closeBtn:hover {
        opacity: .8;
    }
}

@media print,(min-width:0) and (max-width:999px) and screen and (min-width:1640px) and (max-width:999999px) {
    #mainMenu>.closeBtn {
        display: none;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #mainMenu {
        top: 0;
        left: 700px; 
        width: 260px; 
        height: 205px;
        padding-top: 23px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #mainMenu {
        top: 0;
        left: 925px;
        width: 290px;
        height: 230px;
        padding-top: 33px;
    }
}

#mainMenu ul {
    margin: 0;
    padding: 0;
}

#mainMenu ul li {
    margin: 0;
    padding: 0;
}

#mainMenu ul li:before {
    display: none;
}

#mainMenu ul li a {
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 16px;
    line-height: 27px;
    text-transform: uppercase;
    padding-left: 30px;
}

#mainMenu ul li a:hover {
    color: var(--link-color);
}

#mainMenu ul li.active a {
    color: #fff;
}

@media screen and (min-width:1000px) and (max-width:1639px),screen and (min-width:1640px) and (max-width:999999px) {
    #mainMenu ul li.active a {
        background: url(../images/layout/menu_pointo.png) no-repeat left;
    }
}

#searchBox {
    *zoom: 1;
    position: absolute;
    background-color: #e0e1e1;
    z-index: 2;
}

#searchBox:before,#searchBox:after {
    content: "";
    display: table;
}

#searchBox:after {
    clear: both;
}

@media print,(min-width:0) and (max-width:999px) {
    #searchBox {
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 160px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #searchBox {
        display: none;
        top: 0;
        right: 0;
        width: 690px;
        height: 124px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #searchBox {
        top: 0;
        left: 1215px;
        width: 384px;
        height: 160px;
    }
}

#searchBox>.closeBtn {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 62px;
    height: 62px;
    background-image: url(../images/layout/icon_x.png);
}

#searchBox>.closeBtn:hover {
    opacity: .8;
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #searchBox>.closeBtn {
        display: none;
    }
}

#searchBox form {
    *zoom: 1;
}

#searchBox form:before,#searchBox form:after {
    content: "";
    display: table;
}

#searchBox form:after {
    clear: both;
}

@media print,(min-width:0) and (max-width:999px) {
    #searchBox form {
        margin-right: 85px;
        margin-top: 5px;
    }
}

#searchBox form .search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    border: none;
}

@media print,(min-width:0) and (max-width:999px) {
    #searchBox form .search {
        width: 100%;
        height: 40px;
        margin: 5px 20px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #searchBox form .search {
        position: absolute;
        top: 10px;
        left: 110px;
        width: 350px;
        height: 40px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #searchBox form .search {
        position: absolute;
        top: 30px;
        right: 50px;
        width: 310px;
        height: 40px;
    }
}

#searchBox form .searchGO {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    background: #bbbcbc url(../images/layout/icon_input_search.png) no-repeat right 5px top 5px;
}

#searchBox form .searchGO:hover {
    background-color: #a1a3a3;
}

@media print,(min-width:0) and (max-width:999px) {
    #searchBox form .searchGO {
        width: 50px;
        height: 40px;
        position: absolute;
        top: 10px;
        right: 65px;
        border-left: 10px solid #e0e1e1;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #searchBox form .searchGO {
        position: absolute;
        top: 10px;
        left: 470px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #searchBox form .searchGO {
        position: absolute;
        top: 30px;
        right: 0;
    }
}

#searchBox form .dropdowns {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media print,(min-width:0) and (max-width:999px) {
    #searchBox form .dropdowns {
        width: 100%;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #searchBox form .dropdowns {
        position: absolute;
        width: 400px;
        height: 40px;
        left: 110px;
        top: 65px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #searchBox form .dropdowns {
        position: absolute;
        width: 360px;
        height: 40px;
        right: 0;
        top: 92px;
    }
}

#searchBox form .dropdowns .dropdown {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e0e1e1;
    color: #333;
    border: 2px solid #bbbcbc;
}

@media print,(min-width:0) and (max-width:999px) {
    #searchBox form .dropdowns .dropdown {
        width: 100%;
        height: 40px;
        min-width: 100%;
        margin: 5px 20px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px),screen and (min-width:1640px) and (max-width:999999px) {
    #searchBox form .dropdowns .dropdown {
        width: 172px;
        height: 40px;
    }

    #searchBox form .dropdowns .dropdown.title {
        position: absolute;
        right: 0;
    }
}

#searchBox form .dropdowns .dropdown option {
    background-color: #e0e1e1;
    color: #333;
}

#socialShare {
    position: absolute;
    background-color: #f7b64b;
    z-index: 2;
}

@media print,(min-width:0) and (max-width:999px) {
    #socialShare {
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 124px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #socialShare {
        display: none;
        top: 0;
        right: 0;
        width: 690px;
        height: 124px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #socialShare {
        width: 384px;
        height: 70px;
        top: 160px;
        left: 1215px;
    }
}

#socialShare>.closeBtn {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 62px;
    height: 62px;
    background-image: url(../images/layout/icon_x.png);
}

#socialShare>.closeBtn:hover {
    opacity: .8;
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #socialShare>.closeBtn {
        display: none;
    }
}

#socialShare .label {
    font-size: 16px;
}

@media print,(min-width:0) and (max-width:999px) {
    #socialShare .label {
        display: none;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #socialShare .label {
        position: absolute;
        right: 430px;
        top: 25px;
        line-height: 70px;
        width: 70px;
        height: 70px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #socialShare .label {
        margin-left: 28px;
        float: left;
        line-height: 70px;
        width: 70px;
        height: 70px;
    }
}

@media print,(min-width:0) and (max-width:999px) {
    #socialShare .buttons {
        position: absolute;
        right: 50%;
        margin-right: -105px;
        top: 25px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #socialShare .buttons {
        position: absolute;
        right: 200px;
        top: 25px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #socialShare .buttons {
        float: right;
        width: 210px;
    }
}

#socialShare .buttons .share-fb,#socialShare .buttons .share-tw,#socialShare .buttons .share-email {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 70px;
    height: 70px;
    float: left;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#socialShare .buttons .share-fb:hover,#socialShare .buttons .share-tw:hover,#socialShare .buttons .share-email:hover {
    background-color: #507bbe;
}

#socialShare .buttons .share-fb {
    background-image: url(../images/layout/icon_share_fb.png);
}

#socialShare .buttons .share-tw {
    background-image: url(../images/layout/icon_share_tw.png);
}

#socialShare .buttons .share-email {
    background-image: url(../images/layout/icon_share_email.png);
}

#footer {
    padding: 0;
    margin: 0;
}

#footer>.footerA {
    background-color: #000;
    position: relative;
}

@media print,(min-width:0) and (max-width:999px) {
    #footer>.footerA {
        padding: 0 75px;
    }
}

#footer>.footerA>.pageTop {
    display: block;
    background: url(../images/layout/pagetop.png) center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: absolute;
}

#footer>.footerA>.pageTop:hover {
    opacity: .7;
}

@media print,(min-width:0) and (max-width:999px) {
    #footer>.footerA>.pageTop {
        width: 65px;
        height: 65px;
        top: 20px;
        right: 5px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #footer>.footerA>.pageTop {
        width: 75px;
        height: 75px;
        top: 30px;
        right: 20px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #footer>.footerA>.pageTop {
        width: 85px;
        height: 85px;
        top: 40px;
        right: 20px;
    }
}

#footer>.footerA>.logo {
    background: url(../images/logo/pleinelune_footer.png) center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin: 0 auto;
}

@media print,(min-width:0) and (max-width:999px) {
    #footer>.footerA>.logo {
        width: 44px;
        height: 44px;
        border: 10px solid rgba(255,255,255,0);
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #footer>.footerA>.logo {
        width: 64px;
        height: 64px;
        border: 15px solid rgba(255,255,255,0);
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #footer>.footerA>.logo {
        width: 84px;
        height: 84px;
        border: 20px solid rgba(255,255,255,0);
    }
}

#footer>.footerA>.copyrights {
    color: #e0e1e1;
    text-align: center;
    font-size: 12px;
    border-bottom: 20px solid rgba(255,255,255,0);
}

#footer>.footerB {
    color: #e0e1e1;
    background-color: #333;
}

#footer>.footerB>.websafe {
    margin: 0 auto;
    position: relative;
    *zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media print,(min-width:0) and (max-width:999px) {
    #footer>.footerB>.websafe {
        width: 100%;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #footer>.footerB>.websafe {
        width: 960px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #footer>.footerB>.websafe {
        width: 1600px;
    }
}

#footer>.footerB>.websafe:before,#footer>.footerB>.websafe:after {
    content: "";
    display: table;
}

#footer>.footerB>.websafe:after {
    clear: both;
}

@media print,(min-width:0) and (max-width:999px) {
    #footer>.footerB>.websafe {
        padding: 20px 20px 10px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #footer>.footerB>.websafe {
        padding: 20px 0 10px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #footer>.footerB>.websafe {
        padding: 40px 100px 10px;
    }
}

#footer>.footerB>.websafe>.followUS {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
    border: 2px solid #f7b64b;
    display: block;
    width: 100%;
    height: 70px;
    position: relative;
}

#footer>.footerB>.websafe>.followUS:before,#footer>.footerB>.websafe>.followUS:after {
    content: "";
    display: table;
}

#footer>.footerB>.websafe>.followUS:after {
    clear: both;
}

@media print,(min-width:0) and (max-width:999px) {
    #footer>.footerB>.websafe>.followUS {
        margin: 20px auto;
        max-width: 420px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #footer>.footerB>.websafe>.followUS {
        max-width: 310px;
        float: left;
        margin-left: 160px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #footer>.footerB>.websafe>.followUS {
        max-width: 310px;
        float: left;
    }
}

#footer>.footerB>.websafe>.followUS>.label {
    color: #f7b64b;
    line-height: 70px;
    width: 165px;
    height: 70px;
    float: left;
    display: block;
    text-align: center;
}

#footer>.footerB>.websafe>.followUS>a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 66px;
    height: 66px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
}

#footer>.footerB>.websafe>.followUS>a:hover {
    background-color: #1a1a1a;
}

#footer>.footerB>.websafe>.followUS>a.facebook {
    background-image: url(../images/logo/follow-facebook.png);
    right: 0;
}

#footer>.footerB>.websafe>.followUS>a.twitter {
    background-image: url(../images/logo/follow-twitter.png);
    right: 66px;
}

#footer>.footerB>.websafe>.newsletter {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
    border: 2px solid #f7b64b;
    color: #f7b64b;
    line-height: 70px;
    width: 100%;
    height: 70px;
    display: block;
    text-align: left;
    text-decoration: none;
    padding-left: 45px;
    background: url(../images/layout/icon_newsletter_arrow.png) no-repeat right;
}

#footer>.footerB>.websafe>.newsletter:before,#footer>.footerB>.websafe>.newsletter:after {
    content: "";
    display: table;
}

#footer>.footerB>.websafe>.newsletter:after {
    clear: both;
}

#footer>.footerB>.websafe>.newsletter:hover {
    background-color: #1a1a1a;
}

@media print,(min-width:0) and (max-width:999px) {
    #footer>.footerB>.websafe>.newsletter {
        margin: 20px auto;
        max-width: 420px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #footer>.footerB>.websafe>.newsletter {
        max-width: 310px;
        float: right;
        margin-right: 160px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #footer>.footerB>.websafe>.newsletter {
        max-width: 310px;
        float: left;
        margin-left: 20px;
    }
}

#footer>.footerB>.websafe>.menu {
    *zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#footer>.footerB>.websafe>.menu:before,#footer>.footerB>.websafe>.menu:after {
    content: "";
    display: table;
}

#footer>.footerB>.websafe>.menu:after {
    clear: both;
}

@media print,(min-width:0) and (max-width:999px) {
    #footer>.footerB>.websafe>.menu {
        /* display: none; */
        margin: 0 auto;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #footer>.footerB>.websafe>.menu {
        clear: both;
        width: 620px;
        margin: 0 auto;
        border-top: 20px solid rgba(255,255,255,0);
        border-bottom: 20px solid rgba(255,255,255,0);
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #footer>.footerB>.websafe>.menu {
        float: right;
        width: 620px;
    }
}

#footer>.footerB>.websafe>.menu>ul {
    margin: 0;
    padding: 0;
    float: left;
}

#footer>.footerB>.websafe>.menu>ul>li {
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 140px;
    margin-bottom: 10px;
}

#footer>.footerB>.websafe>.menu>ul>li:last-child {
    margin-bottom: 0;
}

#footer>.footerB>.websafe>.menu>ul>li>a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

#footer>.footerB>.websafe>.menu>ul>li>a:hover {
    color: #f7b64b;
}

#footer>.footerB>.websafe>.thanks {
    display: block;
}

@media print,(min-width:0) and (max-width:999px) {
    #footer>.footerB>.websafe>.thanks {
        margin: 20px auto;
        max-width: 420px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #footer>.footerB>.websafe>.thanks {
        clear: both;
        width: 375px;
        margin-top: 20px;
        margin-left: 160px;
        float: left;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #footer>.footerB>.websafe>.thanks {
        clear: both;
        width: 375px;
        margin-top: 20px;
        float: left;
    }
}

#footer>.footerB>.websafe>.otherLogos {
    *zoom: 1;
}

#footer>.footerB>.websafe>.otherLogos:before,#footer>.footerB>.websafe>.otherLogos:after {
    content: "";
    display: table;
}

#footer>.footerB>.websafe>.otherLogos:after {
    clear: both;
}

@media print,(min-width:0) and (max-width:999px) {
    #footer>.footerB>.websafe>.otherLogos {
        margin: 20px auto;
        max-width: 420px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #footer>.footerB>.websafe>.otherLogos {
        padding: 20px 0;
        width: 560px;
        margin: 0 auto;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #footer>.footerB>.websafe>.otherLogos {
        position: absolute;
        bottom: 10px;
        left: 575px;
    }
}

#footer>.footerB>.websafe>.otherLogos>a {
    display: block;
}

@media print,(min-width:0) and (max-width:999px) {
    #footer>.footerB>.websafe>.otherLogos>a {
        width: 100%!important;
        margin: 10px 0!important;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px),screen and (min-width:1640px) and (max-width:999999px) {
    #footer>.footerB>.websafe>.otherLogos>a {
        float: left;
    }
}

#footer>.footerB>.websafe>.otherLogos>a:hover {
    opacity: .8;
}

#footer>.footerB>.websafe>.otherLogos>a.canadacouncil {
    width: 214px;
    height: 36px;
    background: url(../images/logo/canadacouncil.png) no-repeat center;
}

#footer>.footerB>.websafe>.otherLogos>a.sodec {
    width: 94px;
    height: 36px;
    margin-left: 20px;
    background: url(../images/logo/sodec.png) no-repeat center;
}

#footer>.footerB>.websafe>.otherLogos>a.pch {
    width: 201px;
    height: 36px;
    margin-left: 20px;
    background: url(../images/logo/patrimoine-canadien.png) no-repeat center;
}

#footer>.footerB>.websafe>.mbiance {
    display: block;
    color: #e0e1e1;
    text-decoration: none;
}

@media print,(min-width:0) and (max-width:999px) {
    #footer>.footerB>.websafe>.mbiance {
        margin: 20px auto;
        max-width: 420px;
        text-align: center;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #footer>.footerB>.websafe>.mbiance {
        position: absolute;
        bottom: 10px;
        left: 590px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #footer>.footerB>.websafe>.mbiance {
        position: absolute;
        bottom: 10px;
        left: 1290px;
    }
}

#footer>.footerB>.websafe>.mbiance:hover {
    color: #f7b64b;
}

#footer>.footerB>.websafe>.mbiance:hover>.logo {
    opacity: .7;
}

#footer>.footerB>.websafe>.mbiance>.logo {
    background-image: url(../images/logo/footer-mbiance.png);
    width: 81px;
    height: 17px;
}

@media print,(min-width:0) and (max-width:999px) {
    #footer>.footerB>.websafe>.mbiance>.logo {
        margin: 0 auto;
    }
}

.info {
    margin: 10px 0;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border: #000,1px,solid;
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/knobs-icons/Knob Info.png');
}

.success {
    margin: 10px 0;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border: #000,1px,solid;
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../imagesknobs-icons/Knob Valid Green.png');
}

.success li {
    list-style: decimal;
    margin-left: 50px;
}

.warning {
    margin: 10px 0;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border: #000,1px,solid;
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/knobs-icons/Knob Attention.png');
}

.error {
    margin: 10px 0;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border: #000,1px,solid;
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/knobs-icons/Knob Cancel.png');
}

#partageCourriel form,#partageCourriel .form-box-error {
    padding: 20px;
    margin: 0;
}

#partageCourriel label {
    font-size: 15px;
    padding: 15px 3px 10px;
}

#partageCourriel input,#partageCourriel textarea,#partageCourriel select {
    width: 100%;
    max-width: 400px;
}

#partageCourriel textarea {
    min-height: 100px;
}

#partageCourriel .box-error {
    height: 25px;
    padding-left: 25px;
    line-height: 25px;
}

.form .valid {
    border: 1px green solid;
}

.form .invalid {
    border: 1px red solid;
}

#contact_form>#ct_message {
    width: 50%;
    min-height: 100px;
    margin-bottom: 20px;
}

#contact_form input {
    margin-bottom: 10px;
}

.form-box-error,.form-box-success {
    background-color: #e0e1e1;
    padding: 20px;
    margin-bottom: 20px;
    font-weight: 700;
}

.form-box-error.form-box-error,.form-box-success.form-box-error {
    color: red;
}

.form-box-error.form-box-success,.form-box-success.form-box-success {
    color: green;
}

.galerie-media li {
    float: left;
    width: 33.33%;
}

.galerie-media li:before {
    content: "";
    display: none;
}

.galerie-media li img {
    max-width: 100%;
}

#diaporama {
    display: none; 
    overflow: hidden;
    /* background-color: #404040; */ /* supp. par AL */
    position: relative;
	border-radius: 0;
}

@media screen and (min-width:0) and (max-width:539px) {
    #diaporama {
        width: 100%;
        /* height: 535px; */
		height: 420.35px;
		background-color: #a0a0a0;  /* Ajout de AL */
	}
}

@media screen and (min-width:540px) and (max-width:999px) {
   /* Ajout de AL */
    #diaporama {
        width: 100%;
        /* height: 535px; */
		height: 420.35px;
	}
}


@media screen and (min-width:1000px) and (max-width:1639px) {
    #diaporama {
        width: 700px;
        height: 535px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #diaporama {
        width: 925px;
        height: 706.96px;
        margin-top: -85px;
    }
}

#diaporama>.prev {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 48px;
    height: 48px;
    /* background-color: #e0e1e1; */
    cursor: pointer;
    background-image: url(../images/layout/icon_arrowleft_white.png);
	/* background-position: center; */
    position: absolute;
    bottom: 4px;
    left: 4px;
	opacity: 0.7;
    transition: opacity .3s ease-in;
}

#diaporama>.prev:hover {
    /* background-color: var(--link-color); */
	opacity: 1.0;
    /* transition: background-color .3s ease-in, opacity .3s ease-in; */
	background-image: url(../images/layout/icon_arrowleft_pink.png);
	transition: opacity .3s ease-in;
}

#diaporama>.next {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 48px;
    height: 48px;
    /* background-color: #e0e1e1; */
    cursor: pointer;
    background-image: url(../images/layout/icon_arrowright_white.png);
	/* background-position: center; */
    position: absolute;
    bottom: 4px;
    right: 4px;
	opacity: 0.7;
    transition: opacity .3s ease-in;
}

#diaporama>.next:hover {
    /* background-color: var(--link-color); */
	opacity: 1.0;
    /* transition: background-color .3s ease-in, opacity .3s ease-in; */
	background-image: url(../images/layout/icon_arrowright_pink.png);
	transition: opacity .3s ease-in;
}

#diaporama>.slide {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
}

#carrousel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #404040;
    position: relative;
    margin-bottom: 90px;
}

@media print,(min-width:0) and (max-width:999px) {
    #carrousel {
        width: 100%;
        height: 300px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #carrousel {
        width: 700px;
        height: 393.75px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #carrousel {
        width: 925px;
        height: 520.31px;
    }
}

#carrousel>.prev {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 48px;
    height: 48px;
    /* background-color: #e0e1e1; */
    cursor: pointer;
    background-image: url(../images/layout/icon_arrowleft_white.png);
	/* background-position: center; */
	opacity: 0.7;
    position: absolute;
    bottom: 4px;
    left: 4px;
    transition: opacity .3s ease-in;
}

#carrousel>.prev:hover {
    /* background-color: var(--link-color); */
	opacity: 1.0;
    /* transition: background-color .3s ease-in, opacity .3s ease-in; */
	background-image: url(../images/layout/icon_arrowleft_pink.png);
	transition: opacity .3s ease-in;
}

#carrousel>.next {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 48px;
    height: 48px;
    /* background-color: #e0e1e1; */
    cursor: pointer;
    background-image: url(../images/layout/icon_arrowright_white.png);
	/* background-position: center; */
	opacity: 0.7;
    position: absolute;
    bottom: 4px;
    right: 4px;
    transition: opacity .3s ease-in;
}

#carrousel>.next:hover {
    /* background-color: var(--link-color); */
	opacity: 1.0;
    /* transition: background-color .3s ease-in, opacity .3s ease-in; */
	background-image: url(../images/layout/icon_arrowright_pink.png);
	transition: opacity .3s ease-in;
}

#carrousel>.slide {
    display: none;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    position: relative;
    margin-bottom: 70px;
}

#carrousel>.slide>.vidContainer {
    width: 100%;
    height: 100%;
}

#carrousel>.slide>.vidContainer>iframe {
    width: 100%;
    height: 100%;
}

#carrousel>.slide>.box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    padding: 0 100px;
    height: 70px;
    bottom: -70px;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #eee;
    display: table;
    text-align: center;
}

#carrousel>.slide>.box>.desc {
    font-size: 14px;
    line-height: 16px;
    display: table-cell;
    vertical-align: middle;
}

.carrouselTitle {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media print,(min-width:0) and (max-width:999px) {
    .carrouselTitle {
        text-align: center;
    }
}

.carrouselTitle>h2 {
    display: inline;
    margin: 0;
    font-size: 20px;
    line-height: 34px;
    text-transform: uppercase;
}

#newsList {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
    padding-top: 20px;
    margin-bottom: 20px;
}

#newsList:before,#newsList:after {
    content: "";
    display: table;
}

#newsList:after {
    clear: both;
}

@media print,(min-width:0) and (max-width:999px) {
    #newsList {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
    }
}

#newsList .headlines {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

#newsList .simpleTitle {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media print,(min-width:0) and (max-width:999px) {
    #newsList .simpleTitle {
        text-align: center;
    }
}

#newsList .simpleTitle>h2 {
    display: inline;
    margin: 0;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #newsList .simpleTitle>h2>br {
        display: none;
    }
}

#newsList .listTitle {
    margin: 0;
    padding-top: 40px;
    font-size: 1.5em;
    line-height: 40px;
    text-transform: uppercase;
    clear: left;
    cursor: pointer;
}

#newsList .listTitle:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    width: 35px;
    background: url(../images/layout/arrow_grey.png) no-repeat 0 -16px;
    position: relative;
    top: 5px;
}

#newsList section.open .listTitle:after {
    background: url(../images/layout/arrow_grey.png) no-repeat 0 0;
}

#newsList .list>.news {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    padding-bottom: 35px;
    margin-bottom: 20px;
    margin-top: 0;
}

#newsList .list>.news>.title {
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #333;
    margin-top: 0;
}

#newsList .list>.news>.imgContainer {
    width: 100%;
    max-width: 450px;
    text-align: center;
    margin-bottom: 10px;
}

#newsList .list>.news>.imgContainer>img {
    width: auto;
    min-width: 100%;
    position: relative;
    left: 100%;
    margin-left: -200%;
}

#newsList .list>.news>a {
    font-size: 15px;
    font-weight: 700;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #bbbcbc;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
}

#newsList.pageListing .list>.news:after {
    content: "";
    /* background: url(../images/layout/whiteDegrad.png) repeat-x bottom; */
    display: block;
    width: 100%;
    height: 58px;
    position: absolute;
    bottom: 32px;
}

@media print,(min-width:0) and (max-width:999px) {
    #newsList.pageListing .list>.news {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #newsList.pageListing .list>.news {
        width: 33.3333333%;
        border-right: 15px solid rgba(1,1,1,0);
    }

    #newsList.pageListing .list>.news:nth-child(3n+0) {
        border-right: none;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #newsList.pageListing .list>.news {
        width: 25%;
        border-right: 20px solid rgba(1,1,1,0);
    }

    #newsList.pageListing .list>.news:nth-child(4n+0) {
        border-right: none;
    }
}

#newsList.pageListing .list>.news>a {
    position: absolute;
    bottom: 0;
}

#newsList>.button {
    float: right;
}

#newsDetail {
    *zoom: 1;
    margin-bottom: 20px;
	/* Ajouts AL : */
	padding: 12px 24px 12px 24px;
	border: 4px #e0e1e1 solid;
}

#newsDetail:before,#newsDetail:after {
    content: "";
    display: table;
}

#newsDetail:after {
    clear: both;
}

#newsDetail>.date {  /* AL */
    margin: 12px 0;
    padding-bottom: 1px;
    font-weight: bold;
    color: #AAA;
    text-align: center; 
}

#newsDetail>img {
    width: 100%;
    height: auto;
}

#newsDetail>.title {
    font-size: 22px;
    line-height: 1.3em;
    /* text-transform: uppercase; */
    display: block;
    text-align: center;
}


#newsDetail>.desc {
    font-size: 17px;
    line-height: 21px;
}

#newsDetail>hr {
    margin: 30px 0 15px;
}

#newsDetail>a.plus {
    float: right;
}

#pubList {
    padding-top: 20px;
	padding-bottom: 36px;
}

@media print,(min-width:0) and (max-width:999px) {
    #pubList {
        max-width: 350px;
        margin: 20px auto 0;
    }
}

#pubList>.pub {
    display: block;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px #00000054 solid;
}

#pubList>.pub>.title {
    font-size: 16px;
    color: #333; 
	color: var(--link-color);
}

#pubList>.pub>img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

#pubList>.pub>.desc {
    color: #333;
}

#pubList>a.pub:hover .title,#pubList>a.pub:hover .desc {
    color: var(--hover-color) /* !important */;
}

#pubList>a.pub:hover img {
    opacity: .9;
}

#bookList {
    *zoom: 1;
}

#bookList:before,#bookList:after {
    content: "";
    display: table;
}

#bookList:after {
    clear: both;
}

#bookList>.titleContainer {
    margin: 20px 0;
    text-align: center;
    position: relative;
}

@media screen and (min-width:1000px) and (max-width:1639px),screen and (min-width:1640px) and (max-width:999999px) {
    #bookList>.titleContainer {
        background: url(../images/layout/greyLine.png) no-repeat 100% 50%;
        height: 50px;
    }
}

#bookList>.titleContainer>.title {
    line-height: 50px;
    background: #fff;
    padding: 0 10px;
    text-transform: uppercase;
    margin: 0;
}

@media print,(min-width:0) and (max-width:999px) {
    #bookList>.titleContainer>.title {
        font-size: 30px;
        display: block;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #bookList>.titleContainer>.title {
        font-size: 20px;
        display: inline-block;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #bookList>.titleContainer>.title {
        font-size: 30px;
        display: inline-block;
    }
}

#bookList .listTitle {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media print,(min-width:0) and (max-width:999px) {
    #bookList .listTitle {
        text-align: center;
    }
}

#bookList .listTitle>h2 {
    display: inline;
    margin: 0;
    font-size: 24px;
    line-height: 40px;
    text-transform: uppercase;
    clear: left;
}

#bookList .listTitle>.goUP {
    float: right;
}

#bookList .listTitle:first-child>.goUP {
    display: none;
}

#bookList .simpleTitle {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media print,(min-width:0) and (max-width:999px) {
    #bookList .simpleTitle {
        text-align: center;
    }
}

#bookList .simpleTitle>h2 {
    display: inline;
    margin: 0;
    font-size: 20px;
    line-height: 34px;
    text-transform: uppercase;
}

#bookList>.list {
    *zoom: 1;
    clear: left;
}

#bookList>.list:first-child {
    margin-top: 40px;
}

#bookList>.list:before,#bookList>.list:after {
    content: "";
    display: table;
}

#bookList>.list:after {
    clear: both;
}

#bookList>.list>.book {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px;
    background-color: #e0e1e1;
    position: relative;
}

@media print,(min-width:0) and (max-width:999px) {
    #bookList>.list>.book {
        width: 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px),screen and (min-width:1640px) and (max-width:999999px) {
    #bookList>.list>.book {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
        float: left;
    }

    #bookList>.list>.book:nth-child(3n+0) {
        margin-right: 0;
    }
}

#bookList>.list>.book>.imgContainer {
    overflow: hidden;
    display: table;
    /* width: 100%; */
    height: 360px;
    border-collapse: collapse;
    padding: 0;
    margin: 0 auto;
}

#bookList>.list>.book>.imgContainer>.imgContainer {
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-spacing: 0;
    font-size: 0;
    line-height: 0;
    height: 360px;
}

#bookList>.list>.book>.imgContainer>.imgContainer>img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

@media print,(min-width:0) and (max-width:999px) {
    #bookList>.list>.book>.imgContainer>.imgContainer>img.higherThan360 {
        /* width: 100%; */ /* Deforme les images ! */
        max-width: 280px;
        max-height: 100%;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #bookList>.list>.book>.imgContainer>.imgContainer>img.higherThan360 {
        width: 100%;
        max-width: 287px;
        max-height: 100%;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #bookList>.list>.book>.imgContainer>.imgContainer>img.higherThan360 {
        width: 100%;
        max-width: 220px;
        max-height: 100%;
    }

    #bookList>.list>.book>.imgContainer>.imgContainer>img.lowerThan360 {
        width: 100%;
        height: auto;
    }
}

#bookList>.list>.book:hover>.hoverInfos {
    opacity: 1;
}

#bookList>.list>.book>.hoverInfos {
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.5);
    box-shadow: 3px 3px 10px rgba(0,0,0,.5);
    z-index: 1;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    min-height: 100%;
    padding: 10px 10px 70px;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #333;
}

#bookList>.list>.book>.hoverInfos>.title {
    color: #e0e1e1;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
}

#bookList>.list>.book>.hoverInfos>.subTitle {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: -10px;
    color: #e0e1e1;
}

#bookList>.list>.book>.hoverInfos>.authors {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#bookList>.list>.book>.hoverInfos>.authors>.author {
    color: #e0e1e1;
    display: inline-block;
}

#bookList>.list>.book>.hoverInfos>.authors>a:hover {
    color: var(--hover-color);
}

#bookList>.list>.book>.hoverInfos>.type {
    color: #e0e1e1;
    font-size: 16px;
    font-weight: bold;
    /* text-transform: uppercase; */
    margin-bottom: 5px;
}

#bookList>.list>.book>.hoverInfos>.type>a {
    color: #fff;
}

#bookList>.list>.book>.hoverInfos>.type>a:hover {
    color: var(--hover-color);
}

#bookList>.list>.book>.hoverInfos>.collection {
    margin-bottom: 10px;
    color: #e0e1e1;
}

#bookList>.list>.book>.hoverInfos>.nbPages {
    color: #e0e1e1;
}

#bookList>.list>.book>.hoverInfos>.date {
    color: #e0e1e1;
}

#bookList>.list>.book>.hoverInfos>.price {
    color: #e0e1e1;
}

#bookList>.list>.book>.hoverInfos>.link {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    margin: 0 auto;
}

#bookList>.list>.book>.hoverInfos>.link>a {
    border: 2px solid var(--link-color) /* #f7b64b */ ;
	border-radius: 4px;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    cursor: pointer;
    /* color: #f7b64b; */
}

#bookList>.list>.book>.hoverInfos>.link>a:hover {
	color: var(--hover-color);
	border-color: var(--hover-color);
	background-color: #1a1a1a;
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #bookList.pageListing .list>.book {
        width: 23.5%;
        margin-right: 2%;
        margin-bottom: 2%;
        float: left;
    }

    #bookList.pageListing .list>.book:nth-child(4n+0) {
        margin-right: 0;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #bookList.pageListing .list>.book {
        width: 18.8%;
        margin-right: 1.5%;
        margin-bottom: 1.5%;
        float: left;
    }

    #bookList.pageListing .list>.book:nth-child(5n+0) {
        margin-right: 0;
    }
}

#bookList>.plusButton {
    display: block;
    clear: left;
    margin: 12px auto;
    float: right;
    background-image: url(../images/layout/icon_plus_white.png);
    background-position: center;
    background-repeat: no-repeat;
}

@media print,(min-width:0) and (max-width:999px) {
    #bookList>.plusButton {
        width: 100%;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #bookList>.plusButton {
        width: 32%;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #bookList>.plusButton {
        width: 32%;
    }
}

#bookList>.allButton {
    display: block;
    /* clear: both; */
    margin: 12px 14px;
    float: right;
}

@media print,(min-width:0) and (max-width:999px) {
    #bookList>.allButton {
        width: 100%;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #bookList>.allButton {
        width: 32%;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #bookList>.allButton {
        width: 32%;
    }
}

#bookDetails {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #bookDetails {
        position: relative;
        top: -105px;
        margin-bottom: -105px;
        z-index: 4;
    }
}

#bookDetails>.mainBlock {
    display: table;
}

#bookDetails>.mainBlock>.colLeft {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 40%;
    vertical-align: top;
}

@media print,(min-width:0) and (max-width:999px) {
    #bookDetails>.mainBlock>.colLeft {
        width: 100%;
        display: block;
    }
}

#bookDetails>.mainBlock>.colLeft>.coverImg {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    display: block;
    border: 3px solid #e0e1e1;
}

#bookDetails>.mainBlock>.colLeft>.extraContainer {
    padding-top: 20px;
    padding-right: 20px;
}

@media print,(min-width:0) and (max-width:999px) {
    #bookDetails>.mainBlock>.colLeft>.extraContainer {
        padding-right: 0;
    }
}

#bookDetails>.mainBlock>.colLeft>.extraContainer>.prixetmentions {
    text-align: center;
}

#bookDetails>.mainBlock>.colLeft>.extraContainer>.prixetmentions>.title {
    font-size: 18px;
    text-transform: uppercase;
	margin-top: 0;
}

#bookDetails>.mainBlock>.colLeft>.extraContainer>.isbn {
    margin-bottom: 5px;
}

@media print,(min-width:0) and (max-width:999px),screen and (min-width:1000px) and (max-width:1639px) {
    #bookDetails>.mainBlock>.colLeft>.extraContainer>.isbn {
        font-size: 12px;
    }
}

#bookDetails>.mainBlock>.colLeft>.extraContainer>.isbn>.price {
    white-space: nowrap;
}

#bookDetails>.mainBlock>.colLeft>.extraContainer .lookInsideBook,#bookDetails>.mainBlock>.colLeft>.extraContainer>.buyBook {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
}

@media print,(min-width:0) and (max-width:999px) {
    #bookDetails>.mainBlock>.colLeft>.extraContainer .lookInsideBook,#bookDetails>.mainBlock>.colLeft>.extraContainer>.buyBook {
        font-size: 14px;
        line-height: 20px;
        padding: 10px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #bookDetails>.mainBlock>.colLeft>.extraContainer .lookInsideBook:before,#bookDetails>.mainBlock>.colLeft>.extraContainer>.buyBook:before {
        content: "";
        width: 37px;
        height: 37px;
        background-image: url(../images/layout/icon_lookInsideBook.png);
        display: inline-block;
        margin-right: 10px;
        position: relative;
        vertical-align: middle;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px),screen and (min-width:1640px) and (max-width:999999px) {
    #bookDetails>.mainBlock>.colLeft>.extraContainer>.buyBook:before {
        background-image: url(../images/layout/icon_buyBook.png);
    }
}

#bookDetails>.mainBlock>.colRight {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
}

@media print,(min-width:0) and (max-width:999px) {
    #bookDetails>.mainBlock>.colRight {
        width: 100%;
        display: block;
    }
}

#bookDetails>.mainBlock>.colRight>.descContainer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 24px;
    background-color: #e0e1e1;
    position: relative;
    overflow: hidden;
}

#bookDetails>.mainBlock>.colRight>.descContainer>.title {
    font-size: 27px;
    line-height: 28px;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
}

#bookDetails>.mainBlock>.colRight>.descContainer>.subTitle {
    font-size: 21px;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: -15px;
}

#bookDetails>.mainBlock>.colRight>.descContainer>.type {
    color: #e0e1e1;
    font-size: 17px;
    margin-top: 5px;
}

#bookDetails>.mainBlock>.colRight>.descContainer>.type>a {
    color: #333;
}

#bookDetails>.mainBlock>.colRight>.descContainer>.type>a:hover {
    color: var(--hover-color);
}

#bookDetails>.mainBlock>.colRight>.descContainer>.collection {
    margin-bottom: 10px;
}

#bookDetails>.mainBlock>.colRight>.descContainer>.description {
    margin-top: 20px;
    font-size: 17px;
    line-height: 21px;
}

#bookDetails>.mainBlock>.colRight>.descContainer>.more {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: url(../images/layout/greyDegrad.png) repeat-x bottom;
    height: 100px;
}

#bookDetails>.mainBlock>.colRight>.descContainer>.more>a {
    font-weight: 700;
    position: absolute;
    bottom: 10px;
}

#bookDetails>.mainBlock>.colRight>.mediaContainer {
    background-color: #FFF2DE;
	padding: 30px 24px;
}

#bookDetails>.mainBlock>.colRight>.mediaContainer>.title {
    font-size: 20px;
    line-height: 34px;
    margin-top: 0;
    text-transform: uppercase;
}

#bookDetails>.mainBlock>.colRight>.mediaContainer>.description {
    font-size: 16px;
    line-height: 20px;
}

#authorList {
    *zoom: 1;
}

#authorList:before,#authorList:after {
    content: "";
    display: table;
}

#authorList:after {
    clear: both;
}

#authorList .listTitle {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media print,(min-width:0) and (max-width:999px) {
    #authorList .listTitle {
        text-align: center;
    }
}

#authorList .listTitle>h2 {
    display: inline;
    margin: 0;
    font-size: 24px;
    line-height: 40px;
    text-transform: uppercase;
    clear: left;
}

#authorList .listTitle>.goUP {
    float: right;
}

#authorList .listTitle:first-child>.goUP {
    display: none;
}

#authorList>.list {
    *zoom: 1;
    clear: left;
}

#authorList>.list:first-child {
    margin-top: 40px;
}

#authorList>.list:before,#authorList>.list:after {
    content: "";
    display: table;
}

#authorList>.list:after {
    clear: both;
}

#authorList>.list>.author {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 200px;
}

@media print,(min-width:0) and (max-width:999px) {
    #authorList>.list>.author {
        width: 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px),screen and (min-width:1640px) and (max-width:999999px) {
    #authorList>.list>.author {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
        float: left;
    }

    #authorList>.list>.author:nth-child(3n+0) {
        margin-right: 0;
    }
}

#authorList>.list>.author>.photo:hover {
    opacity: .9;
}

#authorList>.list>.author>.photo>img {
    width: 100%;
    height: auto;
}

#authorList>.list>.author>.name {
    display: block;
    color: #333;
    margin: 7px 0 15px;
    font-size: 22px;
    line-height: 24px;
    /* text-transform: uppercase; */
    font-weight: bold;
}

#authorList>.list>.author>.name:hover {
    color: var(--link-color);
}

#authorList>.list>.author>.tiltesList .title {
    border-bottom: 1px solid #e0e1e1;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

#authorList>.list>.author>.tiltesList .title>.name {
    display: block;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 3px;
}

#authorList>.list>.author>.tiltesList .title>.type {
    color: #333;
    font-size: 16px;
    line-height: 18px;
    /* text-transform: uppercase; */
    /* font-weight: bold; */
}

#authorList>.list>.author>.tiltesList .title>.type:hover {
    color: var(--link-color);
}

#authorList>.list>.author>.more {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #authorList.pageListing .list>.author {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
        float: left;
    }

    #authorList.pageListing .list>.author:nth-child(3n+0) {
        margin-right: 0;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #authorList.pageListing .list>.author {
        width: 24.25%;
        margin-right: 1%;
        margin-bottom: 1%;
        float: left;
    }

    #authorList.pageListing .list>.author:nth-child(4n+0) {
        margin-right: 0;
    }
}

#authorList2 {
    *zoom: 1;
    margin-bottom: 20px;
}

#authorList2:before,#authorList2:after {
    content: "";
    display: table;
}

#authorList2:after {
    clear: both;
}

/* Inutile (?)
@media screen and (min-width:1000px) and (max-width:1639px) {
    #authorList2 {
        margin-top: 20px;
    }
}
*/

#authorList2.nopad {
    margin-bottom: 0;
}

#authorList2 .simpleTitle {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media print,(min-width:0) and (max-width:999px) {
    #authorList2 .simpleTitle {
        text-align: center;
    }
}

#authorList2 .simpleTitle>h2 {
    display: inline;
    margin: 0;
    font-size: 20px;
    line-height: 34px;
    text-transform: uppercase;
}

#authorList2.nopad>.list {
    margin-top: 0!important;
}

#authorList2>.list {
    *zoom: 1;
    clear: left;
}

#authorList2>.list:first-child {
    margin-top: 40px;
}

#authorList2>.list:before,#authorList2>.list:after {
    content: "";
    display: table;
}

#authorList2>.list:after {
    clear: both;
}

#authorList2>.list>.author {
    *zoom: 1;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e0e1e1;
    position: relative;
    color: #333;
}

#authorList2>.list>.author:before,#authorList2>.list>.author:after {
    content: "";
    display: table;
}

#authorList2>.list>.author:after {
    clear: both;
}

#authorList2>.list>.author:hover>.photoContainer {
    opacity: .9;
}

#authorList2>.list>.author:hover>.descContainer>.name,#authorList2>.list>.author:hover>.descContainer>.plus {
    color: var(--link-color);
}

#authorList2>.list>.author>.photoContainer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #authorList2>.list>.author>.photoContainer {
        width: 35%;
    }
}

#authorList2>.list>.author>.photoContainer>img {
    width: 100%;
    height: auto;
    display: block;
}

#authorList2>.list>.author:nth-child(2n+0) {
    background-color: #d3d4d4;
}

#authorList2>.list>.author:nth-child(2n+0)>.photoContainer {
    float: right;
}

#authorList2>.list>.author>.descContainer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding: 20px 24px;
}

@media print,(min-width:0) and (max-width:999px) {
    #authorList2>.list>.author>.descContainer {
        padding: 10px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #authorList2>.list>.author>.descContainer {
        width: 65%;
        padding: 20px;
    }
}

#authorList2>.list>.author>.descContainer>.title {
    font-size: 20px;
    line-height: 34px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-top: 0;
}

@media print,(min-width:0) and (max-width:999px) {
    #authorList2>.list>.author>.descContainer>.title {
        margin-bottom: 5px;
    }
}

#authorList2>.list>.author>.descContainer>.name {
    font-size: 21px;
    line-height: 23px;
    font-weight: 700;
    display: block;
}

#authorList2>.list>.author>.descContainer>.desc {
    font-size: 14px;
    line-height: 20px;
    display: block;
}

#authorList2>.list>.author>.descContainer>.plus {
    font-size: 15px;
    line-height: 34px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-top: 10px;
}

#authorDetails {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #authorDetails {
        position: relative;
        top: -105px;
        margin-bottom: -105px;
        z-index: 4;
    }
}

#authorDetails>.mainBlock {
    display: table;
}

#authorDetails>.mainBlock>.colLeft {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 40%;
    vertical-align: top;
}

@media print,(min-width:0) and (max-width:999px) {
    #authorDetails>.mainBlock>.colLeft {
        width: 100%;
        display: block;
    }
}

#authorDetails>.mainBlock>.colLeft>.coverImg {
    width: 100%;
    height: auto;
    display: block;
}

#authorDetails>.mainBlock>.colLeft>.extraContainer {
    padding-top: 0px;
    padding-right: 0px;
}

@media print,(min-width:0) and (max-width:999px) {
    #authorDetails>.mainBlock>.colLeft>.extraContainer {
        padding-right: 0;
    }
}

#authorDetails>.mainBlock>.colLeft>.extraContainer>.creditphoto {
    text-align: left;
    position: relative;
    /* top: -15px; */
	transform: rotate(270deg);
	transform-origin: -10px 10px;
}

#authorDetails>.mainBlock>.colLeft>.extraContainer>.prixetmentions {
    text-align: center;
	margin-bottom: 18px;
}

#authorDetails>.mainBlock>.colLeft>.extraContainer>.prixetmentions>.title {
    font-size: 18px;
    text-transform: uppercase;
	margin-top: 0;
}

#authorDetails>.mainBlock>.colRight {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
}

@media print,(min-width:0) and (max-width:999px) {
    #authorDetails>.mainBlock>.colRight {
        width: 100%;
        display: block;
    }
}

@media print,(min-width:0) and (max-width:999px) {
	#authorDetails>.mainBlock>.colLeft>.extraContainer>.creditphoto {
		transform: none;
		margin-bottom: 8px;
	}
}

#authorDetails>.mainBlock>.colRight>.descContainer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 24px;
    background-color: #e0e1e1;
    position: relative;
    overflow: hidden;
}

#authorDetails>.mainBlock>.colRight>.descContainer>.title {
    font-size: 27px;
    line-height: 28px;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
}

#authorDetails>.mainBlock>.colRight>.descContainer>.description {
    margin-top: 20px;
    font-size: 17px;
    line-height: 21px;
}

#authorDetails>.mainBlock>.colRight>.descContainer>.more {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: url(../images/layout/greyDegrad.png) repeat-x bottom;
    height: 100px;
}

#authorDetails>.mainBlock>.colRight>.descContainer>.more>a {
	font-size: 16px;
    font-weight: 700;
    position: absolute;
    bottom: 10px;
}

#authorDetails>.mainBlock>.colRight>.mediaContainer {
    padding: 30px 24px;
}

#authorDetails>.mainBlock>.colRight>.mediaContainer>.title {
    font-size: 30px;
    line-height: 34px;
    margin-top: 0;
    text-transform: uppercase;
}

#authorDetails>.mainBlock>.colRight>.mediaContainer>.description {
    font-size: 16px;
    line-height: 20px;
}

#searchTools {
    background-color: #333;
    background-image: url(../images/layout/dark_pattern.png);
    color: #e0e1e1;
}

@media print,(min-width:0) and (max-width:999px) {
    #searchTools {
        padding: 0 20px 10px;
        text-align: center;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #searchTools {
        height: 70px;
        padding: 0 0 0 20px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #searchTools {
        height: 100px;
        padding: 0 0 0 20px;
    }
}

#searchTools>select,#searchTools>.selectBox {
    position: relative;
    min-width: 200px;
    display: inline;
    color: #333;
}

@media print,(min-width:0) and (max-width:999px) {
    #searchTools>select,#searchTools>.selectBox {
        top: -3px;
        line-height: 13px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #searchTools>select,#searchTools>.selectBox {
        line-height: 15px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #searchTools>select,#searchTools>.selectBox {
        line-height: 15px;
    }
}

#searchTools>a,#searchTools>span {
    color: #e0e1e1;
}

@media print,(min-width:0) and (max-width:999px) {
    #searchTools>a,#searchTools>span {
        padding: 4px 8px;
        margin: 0 2px;
        font-size: 18px;
        line-height: 50px;
    }

    #searchTools>a.letter,#searchTools>span.letter {
        font-size: 24px;
        line-height: 40px;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px) {
    #searchTools>a,#searchTools>span {
        padding: 3px 4px;
        margin: 0 3px;
        font-size: 13px;
        line-height: 70px;
    }
}

@media screen and (min-width:1640px) and (max-width:999999px) {
    #searchTools>a,#searchTools>span {
        padding: 4px 8px;
        margin: 0 4px;
        font-size: 18px;
        line-height: 100px;
    }
}

#searchTools>a:hover,#searchTools>a.active {
    outline: 2px solid #e0e1e1;
}

#searchTools>a.active {
    background-color: #333;
}

@media print,(min-width:0) and (max-width:999px) {
    #searchTools>.invisibleSep {
        border-bottom: 1px solid rgba(255,255,255,0);
    }
}

@media screen and (min-width:1000px) and (max-width:1639px),screen and (min-width:1640px) and (max-width:999999px) {
    #searchTools>.invisibleSep {
        display: none;
    }
}

#searchTools>span.letter {
    text-decoration: line-through;
    color: #acafaf;
}

#linksList {
    clear: left;
    background-color: #454E56;
    /* background-image: url(../images/layout/dark_pattern.png); */
    padding: 20px 80px 12px 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#linksList>.listTitle {
    display: block;
    margin-top: 0;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

#linksList>.list {
    *zoom: 1;
}

#linksList>.list:before,#linksList>.list:after {
    content: "";
    display: table;
}

#linksList>.list:after {
    clear: both;
}

#linksList>.list>a {
    color: #fff;
    font-weight: 700;
    display: table;
    float: left;
    clear: both;
    /* min-height: 37px; */
	height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0 15px 50px;
}

#linksList>.list>a.audio,#linksList>.list>a.video,#linksList>.list>a.texte {
    background-repeat: no-repeat;
    background-position: left;
}

#linksList>.list>a.audio.audio,#linksList>.list>a.video.audio,#linksList>.list>a.texte.audio {
    background-image: url(../images/layout/icon_list_headphone.png);
}

#linksList>.list>a.audio.video,#linksList>.list>a.video.video,#linksList>.list>a.texte.video {
    background-image: url(../images/layout/icon_list_play.png);
}

#linksList>.list>a.audio.texte,#linksList>.list>a.video.texte,#linksList>.list>a.texte.texte {
    background-image: url(../images/layout/icon_list_text.png);
}

#linksList>.list>a:hover {
    color: var(--link-color);
}

#linksList>.list>a>span {
    display: table-cell;
    vertical-align: middle;
}

#commentsBlock {
    margin-bottom: 20px;
    *zoom: 1;
}

#commentsBlock:before,#commentsBlock:after {
    content: "";
    display: table;
}

#commentsBlock:after {
    clear: both;
}

#commentsBlock>.titleContainer {
    position: relative;
}

#commentsBlock>.titleContainer>.title {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

@media print,(min-width:0) and (max-width:999px) {
    #commentsBlock>.titleContainer>.button {
        width: 100%;
    }
}

@media screen and (min-width:1000px) and (max-width:1639px),screen and (min-width:1640px) and (max-width:999999px) {
    #commentsBlock>.titleContainer>.button {
		visibility: hidden;
        position: absolute;
        top: -20px;
        right: 0;
    }
}

#commentsBlock>.commentsList>.comment {
    *zoom: 1;
    background-color: #e0e1e1;
    padding: 20px;
    margin-bottom: 20px;
}

#commentsBlock>.commentsList>.comment:before,#commentsBlock>.commentsList>.comment:after {
    content: "";
    display: table;
}

#commentsBlock>.commentsList>.comment:after {
    clear: both;
}

#commentsBlock>.commentsList>.comment>.title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 8px;
}

#commentsBlock>.commentsList>.comment>.by {
    float: right;
    background-color: #bbbcbc;
    padding: 10px;
    margin-top: 10px;
    min-width: 200px;
}

#commentsBlock>.commentsList>.comment>.by>.name {
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
}

#commentsBlock>.commentsList>.comment>.by>.date {
    display: inline-block;
}

#commentsBlock form {
    /* margin: 0 auto; */
    padding: 20px;
    border: 1px solid #e0e1e1;
    /* max-width: 500px; */
    *zoom: 1;
}

#commentsBlock form:before,#commentsBlock form:after {
    content: "";
    display: table;
}

#commentsBlock form:after {
    clear: both;
}

#commentsBlock form .title {
    margin-top: 0;
    font-size: 20px;
}

#commentsBlock form>.msgSend,#commentsBlock form>.msgFail {
    border: 1px solid #e0e1e1;
    padding: 10px;
    font-weight: 700;
    margin-bottom: 20px;
}

#commentsBlock form>.msgSend {
    color: #3c0;
    border-color: #3c0;
}

#commentsBlock form>.msgFail {
    color: #f33;
    border-color: #f33;
}

#commentsBlock form input {
    width: 100%;
}

#commentsBlock form textarea {
    width: 100%;
    min-height: 100px;
}

#commentsBlock form .submit {
    margin-top: 20px;
    float: right;
}

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message {
    font-family: arial,HelveticaNeue-Light,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
    color: #fff;
}

#sb-container {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 999;
    text-align: left;
    visibility: hidden;
    display: none;
}

#sb-overlay {
    position: relative;
    height: 100%;
    width: 100%;
}

#sb-wrapper {
    position: absolute;
    visibility: hidden;
    width: 100px;
}

#sb-wrapper-inner {
    position: relative;
    border: 1px solid #303030;
    overflow: hidden;
    height: 100px;
    max-height: 880px;
}

#sb-body {
    position: relative;
    height: 100%;
}

#sb-body-inner {
    position: absolute;
    height: 100%;
    width: 100%;
}

#sb-player.html {
    height: 100%;
    overflow: auto;
}

#sb-body img {
    border: none;
}

#sb-loading {
    position: relative;
    height: 100%;
}

#sb-loading-inner {
    position: absolute;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    width: 100%;
    text-align: center;
}

#sb-loading-inner span {
    background: url(/public/projet/js/vendor/shadowbox/loading.gif) no-repeat;
    padding-left: 34px;
    display: inline-block;
}

#sb-body,#sb-loading {
    background-color: #060606;
}

#sb-title,#sb-info {
    position: relative;
    margin: 0;
    padding: 0;
}

#sb-title,#sb-title-inner {
    height: 26px;
    line-height: 26px;
}

#sb-title-inner {
    font-size: 16px;
}

#sb-info,#sb-info-inner {
    height: 20px;
    line-height: 20px;
}

#sb-info-inner {
    font-size: 12px;
}

#sb-nav {
    float: right;
    height: 16px;
    padding: 2px 0;
    width: 45%;
}

#sb-nav a {
    display: block;
    float: right;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    cursor: pointer;
    background-repeat: no-repeat;
}

#sb-nav-close {
    background-image: url(/public/projet/js/vendor/shadowbox/close.png);
}

#sb-nav-next {
    background-image: url(/public/projet/js/vendor/shadowbox/next.png);
}

#sb-nav-previous {
    background-image: url(/public/projet/js/vendor/shadowbox/previous.png);
}

#sb-nav-play {
    background-image: url(/public/projet/js/vendor/shadowbox/play.png);
}

#sb-nav-pause {
    background-image: url(/public/projet/js/vendor/shadowbox/pause.png);
}

#sb-counter {
    float: left;
    width: 45%;
}

#sb-counter a {
    padding: 0 4px 0 0;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

#sb-counter a.sb-counter-current {
    text-decoration: underline;
}

div.sb-message {
    font-size: 12px;
    padding: 10px;
    text-align: center;
}

div.sb-message a:link,div.sb-message a:visited {
    color: #fff;
    text-decoration: underline;
}

#sb-caption {
    background: #1a467b;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    padding: 2px 10px;
    display: block;
}

.selectBox-dropdown {
    min-width: 150px;
    position: relative;
    line-height: 1.5;
    text-decoration: none;
    text-align: left;
    outline: 0;
    vertical-align: middle;
    background: #bbbcbc;
    display: inline-block;
    cursor: default;
}

.selectBox-dropdown .selectBox-label {
    padding: 10px 8px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 100%;
    background: url(../images/layout/icon_input_arrowdown.png) no-repeat right 0 top 5px;
}

.selectBox-dropdown-menu {
    position: absolute;
    z-index: 99999;
    max-height: 400px;
    min-height: 1em;
    border: solid 2px #bbbcbc;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.selectBox-inline {
    min-width: 150px;
    outline: 0;
    border: solid 1px #BBB;
    background: #FFF;
    display: inline-block;
    overflow: auto;
}

.selectBox-inline:focus {
    border-color: #666;
}

.selectBox-options,.selectBox-options LI,.selectBox-options LI A {
    list-style: none;
    display: block;
    cursor: default;
    padding: 0;
    margin: 0;
    outline: 0;
    text-decoration: none;
}

.selectBox-options.selectBox-options-top {
    border-bottom: none;
    margin-top: 1px;
}

.selectBox-options.selectBox-options-bottom {
    border-top: none;
}

.selectBox-options LI A {
    line-height: 1.5;
    padding: 5px .5em;
    overflow: hidden;
    background: 6px center no-repeat;
    background-color: #e0e1e1;
    color: #333;
    border: none;
    outline: 0;
    border-top: 1px solid #bbbcbc;
}

.selectBox-options LI:first-child A {
    display: none;
}

.selectBox-options LI.selectBox-hover A {
    background-color: #bbbcbc;
}

.selectBox-options LI.selectBox-disabled A {
    color: #888;
    background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
    background-color: #bbbcbc;
}

.selectBox-options .selectBox-optgroup {
    font-weight: 700;
    line-height: 1.5;
    padding: 0 .3em;
    white-space: nowrap;
}

.selectBox.selectBox-disabled {
    color: #888!important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
    opacity: .5;
    filter: alpha(opacity=50);
    border-color: #666;
}

.selectBox-inline.selectBox-disabled {
    color: #888!important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
    background-color: transparent!important;
}