|
@@ -87,15 +87,14 @@ input {
|
|
|
#header h2 {
|
|
|
font-size: 2em; } }
|
|
|
|
|
|
-@media only screen and (min-width: 62.5625em) {
|
|
|
- #main {
|
|
|
- padding-top: 400px; } }
|
|
|
-
|
|
|
-#main > .region {
|
|
|
+#main {
|
|
|
width: 95%;
|
|
|
margin: 0 auto; }
|
|
|
@media only screen and (min-width: 62.5625em) {
|
|
|
- #main > .region {
|
|
|
+ #main {
|
|
|
+ padding-top: 400px; } }
|
|
|
+ @media only screen and (min-width: 62.5625em) {
|
|
|
+ #main {
|
|
|
max-width: 1000px; } }
|
|
|
|
|
|
#node-63 {
|
|
@@ -191,8 +190,7 @@ input {
|
|
|
cursor: default; }
|
|
|
|
|
|
.node-thematique {
|
|
|
- min-height: 766px;
|
|
|
- margin-bottom: 10em;
|
|
|
+ margin-bottom: 7em;
|
|
|
position: relative; }
|
|
|
.node-thematique::before {
|
|
|
position: absolute;
|
|
@@ -212,128 +210,71 @@ input {
|
|
|
height: 110%;
|
|
|
top: -5%;
|
|
|
left: -5%; } }
|
|
|
+ .node-thematique.en_attente::before {
|
|
|
+ background-size: contain;
|
|
|
+ background-position: left; }
|
|
|
.node-thematique.node-32::before {
|
|
|
background-image: url(../../images/fond-theme-0-flat.png); }
|
|
|
- .node-thematique.node-32.en_attente::before {
|
|
|
- background-image: url(../../images/fond-theme-0-flat-nb.jpg); }
|
|
|
- .node-thematique.node-32.en_attente > h2,
|
|
|
- .node-thematique.node-32.en_attente .group-video .field-name-field-description h3,
|
|
|
- .node-thematique.node-32.en_attente .group-description .field-name-field-ecouter,
|
|
|
- .node-thematique.node-32.en_attente .node-documentair .field-name-field-doc,
|
|
|
- .node-thematique.node-32.en_attente .node-documentair .field-name-title-field,
|
|
|
- .node-thematique.node-32.en_attente .field-name-field-episodes .field-label,
|
|
|
- .node-thematique.node-32.en_attente .node-episode .field-name-title-field {
|
|
|
- color: #aaa; }
|
|
|
- .node-thematique.node-32:not(.en_attente) > h2,
|
|
|
- .node-thematique.node-32:not(.en_attente) .group-video .field-name-field-description h3,
|
|
|
- .node-thematique.node-32:not(.en_attente) .group-description .field-name-field-ecouter,
|
|
|
- .node-thematique.node-32:not(.en_attente) .node-documentair .field-name-field-doc,
|
|
|
- .node-thematique.node-32:not(.en_attente) .node-documentair .field-name-title-field,
|
|
|
- .node-thematique.node-32:not(.en_attente) .field-name-field-episodes .field-label,
|
|
|
- .node-thematique.node-32:not(.en_attente) .node-episode .field-name-title-field {
|
|
|
+ .node-thematique.node-32 > h2,
|
|
|
+ .node-thematique.node-32 .group-video .field-name-field-description h3,
|
|
|
+ .node-thematique.node-32 .group-description .field-name-field-ecouter,
|
|
|
+ .node-thematique.node-32 .node-documentair .field-name-field-doc,
|
|
|
+ .node-thematique.node-32 .node-documentair .field-name-title-field,
|
|
|
+ .node-thematique.node-32 .field-name-field-episodes .field-label,
|
|
|
+ .node-thematique.node-32 .node-episode .field-name-title-field {
|
|
|
color: #2f82ff; }
|
|
|
.node-thematique.node-14::before {
|
|
|
background-image: url(../../images/fond-theme-1-flat.png); }
|
|
|
- .node-thematique.node-14.en_attente::before {
|
|
|
- background-image: url(../../images/fond-theme-1-flat-nb.jpg); }
|
|
|
- .node-thematique.node-14.en_attente > h2,
|
|
|
- .node-thematique.node-14.en_attente .group-video .field-name-field-description h3,
|
|
|
- .node-thematique.node-14.en_attente .group-description .field-name-field-ecouter,
|
|
|
- .node-thematique.node-14.en_attente .node-documentair .field-name-field-doc,
|
|
|
- .node-thematique.node-14.en_attente .node-documentair .field-name-title-field,
|
|
|
- .node-thematique.node-14.en_attente .field-name-field-episodes .field-label,
|
|
|
- .node-thematique.node-14.en_attente .node-episode .field-name-title-field {
|
|
|
- color: #aaa; }
|
|
|
- .node-thematique.node-14:not(.en_attente) > h2,
|
|
|
- .node-thematique.node-14:not(.en_attente) .group-video .field-name-field-description h3,
|
|
|
- .node-thematique.node-14:not(.en_attente) .group-description .field-name-field-ecouter,
|
|
|
- .node-thematique.node-14:not(.en_attente) .node-documentair .field-name-field-doc,
|
|
|
- .node-thematique.node-14:not(.en_attente) .node-documentair .field-name-title-field,
|
|
|
- .node-thematique.node-14:not(.en_attente) .field-name-field-episodes .field-label,
|
|
|
- .node-thematique.node-14:not(.en_attente) .node-episode .field-name-title-field {
|
|
|
+ .node-thematique.node-14 > h2,
|
|
|
+ .node-thematique.node-14 .group-video .field-name-field-description h3,
|
|
|
+ .node-thematique.node-14 .group-description .field-name-field-ecouter,
|
|
|
+ .node-thematique.node-14 .node-documentair .field-name-field-doc,
|
|
|
+ .node-thematique.node-14 .node-documentair .field-name-title-field,
|
|
|
+ .node-thematique.node-14 .field-name-field-episodes .field-label,
|
|
|
+ .node-thematique.node-14 .node-episode .field-name-title-field {
|
|
|
color: #ff0000; }
|
|
|
.node-thematique.node-38::before {
|
|
|
background-image: url(../../images/fond-theme-2-flat.png); }
|
|
|
- .node-thematique.node-38.en_attente::before {
|
|
|
- background-image: url(../../images/fond-theme-2-flat-nb.jpg); }
|
|
|
- .node-thematique.node-38.en_attente > h2,
|
|
|
- .node-thematique.node-38.en_attente .group-video .field-name-field-description h3,
|
|
|
- .node-thematique.node-38.en_attente .group-description .field-name-field-ecouter,
|
|
|
- .node-thematique.node-38.en_attente .node-documentair .field-name-field-doc,
|
|
|
- .node-thematique.node-38.en_attente .node-documentair .field-name-title-field,
|
|
|
- .node-thematique.node-38.en_attente .field-name-field-episodes .field-label,
|
|
|
- .node-thematique.node-38.en_attente .node-episode .field-name-title-field {
|
|
|
- color: #aaa; }
|
|
|
- .node-thematique.node-38:not(.en_attente) > h2,
|
|
|
- .node-thematique.node-38:not(.en_attente) .group-video .field-name-field-description h3,
|
|
|
- .node-thematique.node-38:not(.en_attente) .group-description .field-name-field-ecouter,
|
|
|
- .node-thematique.node-38:not(.en_attente) .node-documentair .field-name-field-doc,
|
|
|
- .node-thematique.node-38:not(.en_attente) .node-documentair .field-name-title-field,
|
|
|
- .node-thematique.node-38:not(.en_attente) .field-name-field-episodes .field-label,
|
|
|
- .node-thematique.node-38:not(.en_attente) .node-episode .field-name-title-field {
|
|
|
+ .node-thematique.node-38 > h2,
|
|
|
+ .node-thematique.node-38 .group-video .field-name-field-description h3,
|
|
|
+ .node-thematique.node-38 .group-description .field-name-field-ecouter,
|
|
|
+ .node-thematique.node-38 .node-documentair .field-name-field-doc,
|
|
|
+ .node-thematique.node-38 .node-documentair .field-name-title-field,
|
|
|
+ .node-thematique.node-38 .field-name-field-episodes .field-label,
|
|
|
+ .node-thematique.node-38 .node-episode .field-name-title-field {
|
|
|
color: #88aa00; }
|
|
|
.node-thematique.node-3::before {
|
|
|
background-image: url(../../images/fond-theme-3-flat.png); }
|
|
|
- .node-thematique.node-3.en_attente::before {
|
|
|
- background-image: url(../../images/fond-theme-3-flat-nb.jpg); }
|
|
|
- .node-thematique.node-3.en_attente > h2,
|
|
|
- .node-thematique.node-3.en_attente .group-video .field-name-field-description h3,
|
|
|
- .node-thematique.node-3.en_attente .group-description .field-name-field-ecouter,
|
|
|
- .node-thematique.node-3.en_attente .node-documentair .field-name-field-doc,
|
|
|
- .node-thematique.node-3.en_attente .node-documentair .field-name-title-field,
|
|
|
- .node-thematique.node-3.en_attente .field-name-field-episodes .field-label,
|
|
|
- .node-thematique.node-3.en_attente .node-episode .field-name-title-field {
|
|
|
- color: #aaa; }
|
|
|
- .node-thematique.node-3:not(.en_attente) > h2,
|
|
|
- .node-thematique.node-3:not(.en_attente) .group-video .field-name-field-description h3,
|
|
|
- .node-thematique.node-3:not(.en_attente) .group-description .field-name-field-ecouter,
|
|
|
- .node-thematique.node-3:not(.en_attente) .node-documentair .field-name-field-doc,
|
|
|
- .node-thematique.node-3:not(.en_attente) .node-documentair .field-name-title-field,
|
|
|
- .node-thematique.node-3:not(.en_attente) .field-name-field-episodes .field-label,
|
|
|
- .node-thematique.node-3:not(.en_attente) .node-episode .field-name-title-field {
|
|
|
+ .node-thematique.node-3 > h2,
|
|
|
+ .node-thematique.node-3 .group-video .field-name-field-description h3,
|
|
|
+ .node-thematique.node-3 .group-description .field-name-field-ecouter,
|
|
|
+ .node-thematique.node-3 .node-documentair .field-name-field-doc,
|
|
|
+ .node-thematique.node-3 .node-documentair .field-name-title-field,
|
|
|
+ .node-thematique.node-3 .field-name-field-episodes .field-label,
|
|
|
+ .node-thematique.node-3 .node-episode .field-name-title-field {
|
|
|
color: #ff6600; }
|
|
|
.node-thematique.node-20::before {
|
|
|
background-image: url(../../images/fond-theme-4-flat.png); }
|
|
|
- .node-thematique.node-20.en_attente::before {
|
|
|
- background-image: url(../../images/fond-theme-4-flat-nb.jpg); }
|
|
|
- .node-thematique.node-20.en_attente > h2,
|
|
|
- .node-thematique.node-20.en_attente .group-video .field-name-field-description h3,
|
|
|
- .node-thematique.node-20.en_attente .group-description .field-name-field-ecouter,
|
|
|
- .node-thematique.node-20.en_attente .node-documentair .field-name-field-doc,
|
|
|
- .node-thematique.node-20.en_attente .node-documentair .field-name-title-field,
|
|
|
- .node-thematique.node-20.en_attente .field-name-field-episodes .field-label,
|
|
|
- .node-thematique.node-20.en_attente .node-episode .field-name-title-field {
|
|
|
- color: #aaa; }
|
|
|
- .node-thematique.node-20:not(.en_attente) > h2,
|
|
|
- .node-thematique.node-20:not(.en_attente) .group-video .field-name-field-description h3,
|
|
|
- .node-thematique.node-20:not(.en_attente) .group-description .field-name-field-ecouter,
|
|
|
- .node-thematique.node-20:not(.en_attente) .node-documentair .field-name-field-doc,
|
|
|
- .node-thematique.node-20:not(.en_attente) .node-documentair .field-name-title-field,
|
|
|
- .node-thematique.node-20:not(.en_attente) .field-name-field-episodes .field-label,
|
|
|
- .node-thematique.node-20:not(.en_attente) .node-episode .field-name-title-field {
|
|
|
+ .node-thematique.node-20 > h2,
|
|
|
+ .node-thematique.node-20 .group-video .field-name-field-description h3,
|
|
|
+ .node-thematique.node-20 .group-description .field-name-field-ecouter,
|
|
|
+ .node-thematique.node-20 .node-documentair .field-name-field-doc,
|
|
|
+ .node-thematique.node-20 .node-documentair .field-name-title-field,
|
|
|
+ .node-thematique.node-20 .field-name-field-episodes .field-label,
|
|
|
+ .node-thematique.node-20 .node-episode .field-name-title-field {
|
|
|
color: #ff2ad4; }
|
|
|
.node-thematique.node-26::before {
|
|
|
background-image: url(../../images/fond-theme-5-flat.png); }
|
|
|
- .node-thematique.node-26.en_attente::before {
|
|
|
- background-image: url(../../images/fond-theme-5-flat-nb.jpg); }
|
|
|
- .node-thematique.node-26.en_attente > h2,
|
|
|
- .node-thematique.node-26.en_attente .group-video .field-name-field-description h3,
|
|
|
- .node-thematique.node-26.en_attente .group-description .field-name-field-ecouter,
|
|
|
- .node-thematique.node-26.en_attente .node-documentair .field-name-field-doc,
|
|
|
- .node-thematique.node-26.en_attente .node-documentair .field-name-title-field,
|
|
|
- .node-thematique.node-26.en_attente .field-name-field-episodes .field-label,
|
|
|
- .node-thematique.node-26.en_attente .node-episode .field-name-title-field {
|
|
|
- color: #aaa; }
|
|
|
- .node-thematique.node-26:not(.en_attente) > h2,
|
|
|
- .node-thematique.node-26:not(.en_attente) .group-video .field-name-field-description h3,
|
|
|
- .node-thematique.node-26:not(.en_attente) .group-description .field-name-field-ecouter,
|
|
|
- .node-thematique.node-26:not(.en_attente) .node-documentair .field-name-field-doc,
|
|
|
- .node-thematique.node-26:not(.en_attente) .node-documentair .field-name-title-field,
|
|
|
- .node-thematique.node-26:not(.en_attente) .field-name-field-episodes .field-label,
|
|
|
- .node-thematique.node-26:not(.en_attente) .node-episode .field-name-title-field {
|
|
|
+ .node-thematique.node-26 > h2,
|
|
|
+ .node-thematique.node-26 .group-video .field-name-field-description h3,
|
|
|
+ .node-thematique.node-26 .group-description .field-name-field-ecouter,
|
|
|
+ .node-thematique.node-26 .node-documentair .field-name-field-doc,
|
|
|
+ .node-thematique.node-26 .node-documentair .field-name-title-field,
|
|
|
+ .node-thematique.node-26 .field-name-field-episodes .field-label,
|
|
|
+ .node-thematique.node-26 .node-episode .field-name-title-field {
|
|
|
color: #8800aa; }
|
|
|
.node-thematique > h2 {
|
|
|
- font-size: 3em;
|
|
|
+ font-size: 4em;
|
|
|
font-weight: 400;
|
|
|
position: relative;
|
|
|
margin: 2em 0 0;
|
|
@@ -341,9 +282,12 @@ input {
|
|
|
@media only screen and (min-width: 62.5625em) {
|
|
|
.node-thematique > h2 {
|
|
|
padding: 0; } }
|
|
|
- .node-thematique > h2 span {
|
|
|
+ .node-thematique > h2 span.target {
|
|
|
position: absolute;
|
|
|
top: -170px; }
|
|
|
+ .node-thematique > h2 span.date {
|
|
|
+ font-size: 0.3em;
|
|
|
+ font-weight: 600; }
|
|
|
.node-thematique .content {
|
|
|
letter-spacing: -0.25em; }
|
|
|
.node-thematique .content > * {
|
|
@@ -362,7 +306,6 @@ input {
|
|
|
padding: 0 1em 0 0; }
|
|
|
.node-thematique .content article.main .field-name-body .summary {
|
|
|
position: relative;
|
|
|
- background-color: rgba(255, 255, 255, 0.7);
|
|
|
transition: background-color 0.5 ease-in-out; }
|
|
|
@media only screen and (min-width: 62.5625em) {
|
|
|
.node-thematique .content article.main .field-name-body .summary {
|
|
@@ -391,8 +334,6 @@ input {
|
|
|
margin: 0;
|
|
|
background-color: #fff; }
|
|
|
@media only screen and (min-width: 62.5625em) {
|
|
|
- .node-thematique .content article.main .field-name-body:hover .summary {
|
|
|
- background-color: #fff; }
|
|
|
.node-thematique .content article.main .field-name-body:hover .value {
|
|
|
height: 700px; } }
|
|
|
.node-thematique .content article.main .group-video {
|
|
@@ -579,18 +520,6 @@ input {
|
|
|
z-index: 10;
|
|
|
background-color: #fff;
|
|
|
opacity: 0.8; }
|
|
|
- .node-thematique.en_attente .content > .main {
|
|
|
- position: relative; }
|
|
|
- .node-thematique.en_attente .content > .main::before {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- content: " ";
|
|
|
- z-index: 10;
|
|
|
- background-color: #fff;
|
|
|
- opacity: 0.8; }
|
|
|
|
|
|
#DOMWindow .embedded-video, #DOMWindow .player, #DOMWindow iframe {
|
|
|
width: 100%;
|