/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,
button,
input,
select,
textarea {
color: #222;
}
html {
font-size: 1em;
line-height: 1.4;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
audio,
canvas,
img,
video {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
ul {
list-style-type:none;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/*! Reset */
/*-------------------------------------------------------*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
p,
blockquote,
ul,
ul li,
hr,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
fieldset,
b {
border: 0;
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
}
img { max-width: 100%; }
.grid img { max-width: 100%;width:150% }
.ma-null { margin: 0; }
.pa-null { padding: 0; }
/* thanks to KNACSS http://knacss.com/ */
body > script { display: none !important; }
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child { margin-top: 0; }
li p,
li ul,
li ol {
margin-top: 0;
margin-bottom: 0;
}
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video { max-width: 100%; }
/* module, gains superpower "BFC" Block Formating Context */
.mod { overflow: hidden; }
/* blocks that needs to be placed under floats */
.clear { clear: both; }
.inbl {
display: inline-block;
vertical-align: top;
}
.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }
a {text-decoration:none}
/*! Typo */
/*-------------------------------------------------------*/
@font-face {
font-family: 'yorgoco_typeregular';
src: url('fonts/yorgocotypeweb-regular.eot');
src: url('fonts/yorgocotypeweb-regular.eot?#iefix') format('embedded-opentype'),
url('fonts/yorgocotypeweb-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'yorgoco_typelight';
src: url('fonts/yorgocotypeweb-light.eot');
src: url('fonts/yorgocotypeweb-light.eot?#iefix') format('embedded-opentype'),
url('fonts/yorgocotypeweb-light.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'yorgoco_typebold';
src: url('fonts/yorgocotypeweb-bold.eot');
src: url('fonts/yorgocotypeweb-bold.eot?#iefix') format('embedded-opentype'),
url('fonts/yorgocotypeweb-bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
html {
font-size: 62.5%;
font-size: -webkit-calc(0.625em);
font-size: calc(0.625em);
}
body {
font-family: 'yorgoco_typeregular';
font-size: 12px; font-size: 1.2em;
line-height: 1.26;
}
h1,.h1 { font-size: 1.6em; }
h2,.h2 { font-size: 1.4em; }
h3,.h3 { font-size: 2.4em; }
h4,.h4 { font-size: 2em; }
h5,.h5 { font-size: 1.8em; }
h6,.h6 { font-size: 1.6em; }
.show {
display:block !important;
}
.black {
color:#000 !important;
}
/*! Layout */
/*-------------------------------------------------------*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wrapper {
margin:4px;
padding:30px;
width:100%;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: 100% !important;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.o-embed {
display: block;
overflow: hidden;
position: relative;
width: 100%;
height:100%;
}
.o-embed:before {
content: '';
display: block;
width: 100%;
}
.o-embed--third:before { padding-top : 33.33333%; }
.o-embed--half:before { padding-top : 50%; }
.o-embed--16ninth:before { padding-top : 56.25%; } /* 9:16 = 0.5625 > 56.25% */
.o-embed--4thirds:before { padding-top : 75%; }
.o-embed--equal:before { padding-top : 100%; }
.o-embed iframe,
.o-embed video {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.cadre {
border:2px solid #009de0;
border-bottom:2px solid #009de0;
position:fixed;
top:20px;
left:20px;
width:100%;
z-index:4500;
}
header {
position:fixed;
width: 40px;
z-index: 555000;
}
#page header {
width:200px;
}
#main {
position:relative;
z-index:4700;
width: 100%;
/*max-width: 1300px;*/
padding-left: 30px;
margin-top:-8px;
padding-right: 8px;
}
#videoFrame .vp-player-layout .js-playerLayout {
top:0 !important;
bottom:0 !important;
}
.grilleTexte {
font-family: 'yorgoco_typelight';
padding:8px;
font-size: 1.4rem;
line-height: 1.4em;
height:100%;
padding-bottom:8px;
}
@media only screen and (min-width: 48.001em) {
header { width:200px; }
#main {
padding-left: 200px;
margin-top:0;
}
}
@media only screen and (max-width: 48.001em) {
}
.contenu { width: 100%; }
/* -- Grille -- */
.grid {
position: relative;
width: 100%;
/*overflow: scroll;*/
}
.grid-row {
width: 100%;
height: auto;
/*padding-bottom: 33.3333%;*/
*zoom: 1;
}
.grid-row.trois {
padding-bottom: 22.3333%;
}
.grid-row:before,
.grid-row:after {
content: " ";
display: table;
}
.grid-row:after { clear: both; }
.grid-item {
position: relative;
float: left;
width: auto;
height: 0;
padding-bottom: 33.3333%;
}
.grid-itemtrois {
padding-bottom: 22.3333%;
}
.grid-item--L100 { width: 100%; }
.grid-item--L75 { width: 75%; }
.grid-item--L50 { width: 50%; }
.grid-item--L33 { width: 33.3333%; }
.grid-item--L25 { width: 25%; }
.grid-item--V100 { height: 100%; }
.grid-item--V75 { height: 75%; }
.grid-item--V50 { height: 50%; }
.grid-item--V33 { height: 33.3333%; }
.grid-item--V25 { height: 25%; }
/*.grid-row--x2,*/
.grid-row--x2 .grid-item { padding-bottom: 66.6666%; }
.grid-row--x2 .grid-item--small { padding-bottom: 33.3333%; }
.grid-row--x2 .grid-item.P133 {
padding-bottom: 133.3333%;
}
/*.grid-row--x2 .grid-item.grille-texte {
float: none;
display: table-cell;
padding-bottom: unset;
}
.grid-row--x2 .grid-item.grille-texte figure {
position: relative;
top: auto;
left: auto;
overflow: visible;
bottom: auto;
right: auto;
height:100%;
}
.grid-row--x2 .grid-item--small.grille-texte {
padding-bottom: 33.3333% !important;height:auto;
}
.grid-row--x2 .grid-item.P133.grille-texte {
padding-bottom: 100%;
}*/
.isTable {
display:table;
}
.grille-texte {
display: table-cell;
padding-bottom: 8px !important;
float: none;
vertical-align: top;
}
.grille-texte {
display: table-cell;
padding-bottom: 8px !important;
float: none;
vertical-align: top;
}
.grille-texte > figure {
height:100%;
position: relative;
}
.grille-texte > figure:first-child {
margin-right: 8px;
}
.grid-item.grille-texte {
position: relative;
}
.grille-texte > .grille-texte{
position: relative;
float: left;
height: 0;
padding-bottom: 66.6666% !important;
display:block;
}
.grille-texte > .onborder {
border:0px !important;
}
.grid-item.grille-texte > .grid-item.grille-texte {
}
.grille-texte > .grille-texte > figure:first-child {
margin-right: 0px;
}
.grille-texte > .grille-texte > figure {
position: absolute;
}
.grid-item.grid-item--L100.P133 img {
height:102%;
}
.grid-row--x2 .grid-item.P44 {
padding-bottom: 44.3333%;
}
.grid-row--x2 .grid-item.P266 {
padding-bottom: 266.666%;
}
.grid-itemtrois-shop {
padding-bottom: 25.3333%;
}
.shop-produit-legende {
font-size:1.4rem;
padding:8px;
font-family: 'yorgoco_typelight';
position: absolute;
bottom:-2px;
}
.shop-produit-legende .titre,.shop-produit-detail .titre,.shop-produit-detail .prix,.shop-produit-detail .addCart {
font-family: 'yorgoco_typebold';
}
.shop-produit-detail {
font-size:1.4rem;
padding:8px;
line-height:1.4rem;
}
.addCart {
text-decoration: none;
cursor: pointer;
}
.shop h1 {
font-size: 1.8rem;
line-height: 1.8rem;
margin-bottom:20px;
}
.shop h2 {
font-size: 1.6rem;
line-height: 1.6rem;
margin-bottom:20px;
}
.shop .required, .shop .erreur {
color:#ff571d;
}
.shop .erreur {
margin-top:10px;
}
.shop h2 span
{
box-shadow: inset 0 -1px 0 0 #ff571d;
}
.shop {
margin-top:70px;
font-size: 1.4rem;
line-height: 1.4rem;
}
.shop .valid {
font-family: 'yorgoco_typebold';
margin-top:20px;
cursor: pointer;
}
.Tshop {
width:50%;
font-size: 1.4rem;
line-height: 1.4rem;
}
.account.left .Tshop {
width:100%;
}
.Tshop .product {
width:200px;
}
.Tshop .quantity {
width:70px;
}
.Tshop .price {
width:70px;
}
.Tshop .tools {
width:20px;
}
.Tshop .center {
text-align: center;
}
.Tshop th {
font-family: 'yorgoco_typebold';
text-align: left;
padding-bottom:5px;
}
.Tshop td,.Tshop th {
padding:5px;
padding-top:8px;
}
.Tshop .process {
padding-top:12px;
}
.Tshop .removeCard {
cursor: pointer;
}
.Tshop tr {
border-bottom:1px solid #000;
}
.Tshop .no-border {
border-bottom:0px solid #000 !important;
}
.zoneQuantite, .calQuantite {
display: inline-block;
}
.zoneQuantite {
vertical-align: super;
width:15px;
}
.calQuantite > div {
width:15px;
text-align: center;
cursor: pointer;
}
.shop label {
display:block;
padding-bottom:5px;
}
.shop input, .shop select, .shop textarea {
border:1px solid #000;
border-bottom:2px solid #000;
outline: none;
padding:5px;
width:250px;
}
.shop select {
background-color: #fff;
}
.shop .account > div{
margin-bottom:10px;
}
.shop .account{
margin-bottom:20px;
}
.shop .account.left{
display: inline-block;
}
.shop .account.marge {
margin-right:40px;
}
.hide {
display:none;
}
.shop .zone-adresse ul {
}
.shop .zone-adresse ul li:first-child {
width:20px;
}
.shop .zone-adresse ul li {
display: inline-block;
padding-right:5px;
vertical-align: top;
}
/*! composants */
/*-------------------------------------------------------*/
/* -- Bloc img -- */
.bloc-img {
/*position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px;*/
position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px;
overflow: hidden;
}
@media only screen and (min-width: 30em) {
.bloc-img {
position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px;
/*position: absolute; top: 4px; right: 4px; bottom: 4px; left: 4px;*/
}
}
@media only screen and (max-width: 48em) {
.embed-container {
padding-bottom: 56.25%;
background-color: #000;
}
}
@media only screen and (min-width: 48em) {
.bloc-img {
position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px;
/*position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px;*/
}
}
.bloc-border .bloc-img,.onborder { border: 2px solid #009de0; }
.bloc2 {
border: 2px solid #ef0b36 !important;
}
/*.bloc-border .bloc-img-item { display: none; }*/
.bloc-img-canvas {
position: absolute; top: 0; left: 0;
display: none;
}
.bloc-img-canvas { display: block; }
.legende {
margin-left:10px;
color:#009de0;
}
.legende.client { font-family: 'yorgoco_typebold'; }
.legende.produit { font-family: 'yorgoco_typeregular'; }
/* -- description -- */
.newsletter {
position:fixed;
bottom:40px;
font-family: 'yorgoco_typelight';
line-height: 12px; line-height: 1.2em;
padding:5px;
color:#009de0;
left:24px;
z-index:5000;
background-color: #fff;
font-size: 14px; line-height: 1.4em;
}
.newsletter .description .texte {
font-size: 12px;
font-size: 1.2rem;
padding-left:5px;
}
.newsletter label {
padding-left:5px;
}
.Inputnewsletter {
margin-left:1px;
}
.newsletter p {
margin-bottom:20px;
}
.IsendNewsletter {
margin-bottom:5px !important;
display:block;
}
.IsendNewsletter input {
width:170px;
outline: block;
}
.BsendNewsletter {
text-align: right;
padding-right:5px;
}
.messageNewsletter {
color:#f70b0b;
padding-right:5px;
}
.description_about {
font-family: 'yorgoco_typelight';
line-height: 12px;
line-height: 1.2em;
font-size: 14px;
font-size: 1.4rem;
position:fixed;
top:180px;
background-color: #fff;
padding:5px;
color:#009de0;
left:34px;
z-index:5000;
}
.PressMobile {
display: none;
}
.description_about strong, .contact_mobile strong {
font-family: 'yorgoco_typeregular';
font-weight: normal;
}
.ZoneAbout {
padding-right:20px;
width:190px;
float:left;
overflow: hidden;
}
.description_projet {
position:fixed;
bottom:30px;
font-family: 'yorgoco_typelight';
line-height: 12px; line-height: 1.2em;
background-color: #ededee;
padding:5px;
color:#009de0;
left:24px;
height:auto;
z-index:500000;
max-height:250px;
overflow: hidden;
}
.is-open {
margin-left:0px !important;
}
.description_projet .description {
float: left;
overflow: hidden;
/*text-overflow: ellipsis; */
padding-left:6px;
width:300px;
margin-left:-300px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.description.OpenDescription {
width:180px;
max-width:180px;
}
.description_projet_mobile,.newsletter_mobile,.contact_mobile{
display:none;
}
.description .BlocDescription .texte { display:block;width: 100%;height:auto;word-wrap: break-word; padding-top:5px;padding-right:2px;}
.mCustomScrollBox{ /* contains plugin's markup */
}
nav {
padding-top:20px !important;
}
.description .titre {
position: relative;
text-decoration: none;
color: #000;
font-family: 'yorgoco_typelight';
font-size: 1.4rem;
width:100%;
}
.description .client {
position: relative;
text-decoration: none;
color: #000;
font-size: 1.4rem;
font-family: 'yorgoco_typebold';
}
.description .also {
position: relative;
margin-left: 0px;
text-decoration: none;
color: #009de0;
font-family: 'yorgoco_typebold';
font-size: 1.4rem;
}
.alsobloc .client {
font-family: 'yorgoco_typelight';
}
/*.description .titre:after {
content: '';
width: 100%;
position: absolute;
left: 0;
bottom: 1px;
border-bottom: 1px solid #009de0;
}*/
.description .lien-also {
margin-left: 12px;
text-decoration: none;
color: #009de0;
font-family: 'yorgoco_typeregular';
font-size:14px;font-size:1.4rem;
position: relative;
display: inline-block;
}
.alsobloc {
display: inline;
box-shadow: inset 0 -1px 0 0 #009de0;
color: #009de0;
}
.alsobloc .titre,.alsobloc .client{
color: #009de0;
}
.viewBlocNav {
display: inline-block;
}
.description p { line-height: 12px; line-height: 1.2em; }
.ShowText,.ShowBloc,.ShowBlocNav {
float:left;
margin-left:5px;
margin-right:5px;
width:5px;
font-family: 'yorgoco_typelight';
font-size: 14px; font-size: 1.4em;
color:#000;
height:100%;
}
.ShowText,.ShowBloc,.ShowBlocNav {
margin-right:13px;
}
.ShowBloc,.ShowBlocNav {
margin-left:2px !important;
}
.ShowBlocNav {
display:none;
float: right;
padding:0px;
}
.description .texte { margin-top:4px;font-size: 14px;
font-size: 1.4rem; }
.navMobile {
margin-left:4px;
margin-top:10px;
display:none;
}
/* -- Form -- */
.form {
position: relative;
z-index:1;
float:left;
margin-right:10px;
height:45px;
width:36px;
}
.form img { height:36px; }
/*! Navigations */
/*-------------------------------------------------------*/
#navigation,
.logo {
display:none;
background-color:#ededee;
z-index:9999999999999999;
}
#navigation {
z-index:999999;
background-color: #fff;
}
.logo {
font-family: 'yorgoco_typebold';
font-size: 18px; font-size: 1.8em;
line-height: 9px; line-height: 0.9em;
padding-top:2px;
}
@media only screen and (min-width: 868px) {
#navigation,
.logo {
display:block;
background-color:#ededee;
}
#navigation .home { display:none; }
}
@media only screen and (max-width: 48.000em) {
.form {
margin-right:0;
}
.viewBlocNav {
font-family: 'yorgoco_typebold';
}
.ForAboutBloc {
position:relative;
height:auto;
overflow: hidden;
}
.forAbout {
position:absolute;
right:0;
bottom:0;
}
.ShowTextMobile a {
outline: none;
padding-right:3px;
}
.PressMobile {
display: block;
}
.ShowTextMobile span {
outline: none;
float:right;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.moreOff {
padding-top:0px;
-ms-transform: rotate(270deg) !important;
-webkit-transform: rotate(270deg) !important;
transform: rotate(270deg) !important;
}
/*tito*/
.ZonePress {
width:100% !important;
background-color: transparent;
}
#navigation .home { display:none; }
#navigation {
padding-bottom:3px;
}
#page header { width:35px; }
#page #navigation { display:none; width:20px;}
#page #navigation { padding-bottom:20px; }
nav {
padding-top:0 !important;
}
nav li a {
font-size: 2rem !important;
}
body {
font-size: 16px !important; font-size: 1.6em !important;
/*line-height: 1.46 !important;*/
}
#main {
padding-left: 37px;
}
.ShowBlocNav {
display:block;
}
.description_projet {
display:none;
}
.description_projet_mobile,.newsletter_mobile,.contact_mobile{
display:block;
position:relative;
font-family: 'yorgoco_typelight';
line-height: 12px; line-height: 1.2em;
background-color: transparent;
padding:5px;
color:#009de0;
margin-top:5px;
width:100%;
padding-right:0;
}
.navMobile {
margin-left:4px;
margin-top:10px;
display:none;
}
.description_projet_mobile .ShowTextMobile,.newsletter_mobile .ShowTextMobile,.contact_mobile .ShowTextMobile{
float:right;
width:60px;
text-align: right;
}
.description_projet_mobile .titre,.newsletter_mobile .titre,.contact_mobile .titre {
float:left;
width:auto;
}
.alsobloc .titre{
float:none;
}
.description_projet {
position:fixed;
bottom:30px;
font-family: 'yorgoco_typelight';
line-height: 12px; line-height: 1.2em;
background-color: #ededee;
padding:5px;
color:#009de0;
left:24px;
z-index:500000;
}
.description_projet_mobile .description,.newsletter_mobile .description,.contact_mobile .description {
width:100%;
text-overflow: ellipsis;
padding-left:0;
float: none;
max-width: 100%;
overflow: visible;
}
.description_projet_mobile .titre {
width: calc(100% - 70px);
}
.description .titre {
font-size: 1.6rem !important;
}
.description_about {
font-size: 1.6rem !important;
}
.description .texte {
font-size: 1.6rem !important;
}
.description .client {
font-size: 1.6rem !important;
}
.description .also {
font-size: 1.6rem !important;
}
#navigation .mCustomScrollbar {
width:220px !important;
}
.ZoneAbout {
width:210px;
}
.ZonePress {
width:210px;
}
.BsendNewsletter {
text-align: center;
width:40px;
}
.texte .scrollTexte {
width:190px;
}
.description_projet .description .BlocDescription .texte { display:block;width: 210px;word-wrap: break-word; padding-top:5px;}
.description_projet_mobile .description .BlocDescription .texte,.newsletter_mobile .description .BlocDescription .texte,.contact_mobile .description .BlocDescription .texte { display:block;width: 100%;word-wrap: break-word; padding-top:5px;clear:both;}
.blocTexteMobile {
display:none;
width: 100%;
clear:both;
padding-top:10px;
}
.blocTexteMobile .messageNewsletter {
width:100%;
text-align: left;
}
.blocTexteMobile .BsendNewsletter {
width:80px;
}
.blocTexteMobile #email_newsletter {
width:170px;
}
.description .also, .description .alsobloc .client, .description .alsobloc .titre {
font-family: 'yorgoco_typelight';
color: #009de0;
}
.newsletter, .description_about {
display:none;
}
.newsletter_mobile {
display:block;
width:100%;
}
.newsletter_mobile .description {
width:100%;
max-width:100%;
}
.newsletter_mobile .texte p,.blocTexteMobile div {
padding-bottom:5px;
}
.newsletter_mobile label {
padding-left:5px;
}
.mCustomScrollBox{ /* contains plugin's markup */
height: 150px;
}
}
.viewBlocNav {
display: block;
clear:both;
}
.subnavpage ul {
width:95% !important;
}
.subnavpage li {
width:95% !important;
}
@media only screen and (max-width: 48.000em) {
/*tito*/
.description_about {
top:100px;
}
.grid-row {
height: auto !important;
float: none;
display: block;
clear: both;
padding-bottom: 0%;
}
.grid-row--x2, .grid-row--x2 .grid-item, .grid-row--x2 .grid-item.P133, .grid-row--x2 .grid-item.P44, .grid-row--x2 .grid-item.P266 {
padding-bottom: 0%;
}
.grid-item {
float:none;
display: block;
overflow: visible;
width: 100%;
/*height: 100%;
padding-bottom: 50%;*/
height: auto;
padding-bottom: 0%;
margin-bottom:10px;
}
.grid-item.grille-texte {
height:auto !important;
}
.grille-texte > figure {
height:auto;
}
.grilleTexte {
height:auto !important;
}
.bloc-img {
overflow:visible;
display:block;
position:relative;
}
}
nav[role=navigation].active { max-height: 40em; }
nav .display { display:block; }
nav {
clear:both;
padding-top:20px;
}
nav li {
text-align:left;
font-size: 1.4rem;
}
nav li a {
text-align:left;
font-size: 1.4rem;
position: relative;
display: inline-block;
}
nav li .select,
nav li .langue { color:#cccccc; }
.subnav,
.subnav2,.subnavpage {
margin-left:10px;
display:none;
}
#page .subnavpage {
color:#009de0;
}
/*.subnavpage li:nth-child(2),.reseau {
margin-left:10px;
}*/
.subnavpage li:nth-child(3) {
/*margin-left:20px;*/
}
#navigation { font-family: 'yorgoco_typebold'; }
.subnav,.subnavpage li:nth-child(2) { font-family: 'yorgoco_typeregular'; }
.subnav2,.subnavpage li:last-child { font-family: 'yorgoco_typelight'; }
.subnav {
padding-right:10px;
}
.subnavpage.presse li:nth-child(2) {
margin-left:0px;
font-family: 'yorgoco_typelight';
}
.subnavpage.presse li:nth-child(3) {
margin-left:0px;
font-family: 'yorgoco_typelight';
}
#navigation a.selected, .navMobile a.selected {
text-decoration: none;
position: relative;
font-family: 'yorgoco_typebold';
}
#navigation a.selected span,.navMobile a.selected span {
display: inline;
box-shadow: inset 0 -1px 0 0 #009de0;
}
.navMobile a.selected span {
font-family: 'yorgoco_typebold';
}
#navigation a.selectedNav, .navMobile a.selectedNav {
text-decoration: none;
position: relative;
font-family: 'yorgoco_typeregular';
}
#navigation a.selectedNav span,.navMobile a.selectedNav span {
display: inline;
box-shadow: inset 0 -1px 0 0 #009de0;
}
.navMobile a.selectedNav span {
font-family: 'yorgoco_typeregular';
}
.ZonePress {
width:100% !important;
}
.ZoneAbout .bloc {
margin-bottom:20px;
}
.ss01 {
-moz-font-feature-settings:"ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1, "ss05" 1, "ss06" 1, "ss07" 1;
-moz-font-feature-settings:"ss01=1, ss02=1, ss03=1, ss04=1, ss05=1, ss06=1, ss07=1";
-ms-font-feature-settings:"ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1, "ss05" 1, "ss06" 1, "ss07" 1;
-o-font-feature-settings:"ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1, "ss05" 1, "ss06" 1, "ss07" 1;
-webkit-font-feature-settings:"ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1, "ss05" 1, "ss06" 1, "ss07" 1;
font-feature-settings:"ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1, "ss05" 1, "ss06" 1, "ss07" 1;
}
/*! Couleurs */
/*-------------------------------------------------------*/
/* background
color
border */
body { background-color: #ededee;color:#000 }
a { color:#818183; }
a.selected { text-decoration: underline; }
html,
button,
input,
select,
textarea { color: #222; }
a { color: inherit; }
/* ==========================================================================
Helper classes
========================================================================== */
.left { float: left; }
.right { float: right; }
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.display {
display:block;
}
/* ==========================================================================
Print styles
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
strong, .strong {
font-family: 'yorgoco_typebold' !important;
}
/* ==========================================================================
Test styles
========================================================================== */
#page {
width:100%;
}
.grid-item .legende {
line-height: 1;
position:absolute;
left:-7px;
top:0px;
color:#fff;
font-size: 1.4rem;
z-index:10000000000;
display:none;
}
.grid-item .legende .titre,.grid-item .legende .client {
background-color:#009de0;
padding-right:8px;
padding-left:8px;
display:inline-block;
}
.grid-item .legende .client {
padding-top: 4px;
padding-bottom: 0px;
font-family: 'yorgoco_typebold';
}
.grid-item .legende .titre {
padding-top: 5px;
padding-bottom: 2px;
font-family: 'yorgoco_typelight';
}
.page_about .adresse {
color:#ff571d;
margin-bottom:20px;
padding-left:10px;
}
.page_about .adresse > div {
display: inline-block;
vertical-align: top;
}
.page_about .adresse > div:first-child {
margin-right:70px;
}
.page_about .col-1, .page_about .col-2 {
width:calc(50% - 40px);
display: inline-block;
vertical-align: top;
}
.page_about .col-1 {
margin-right:20px;
font-size: 1.7rem;
line-height: 1.5em;
font-family: 'yorgoco_typeregular';
}
.page_about .col-item {
width:calc(50% - 20px);
display: inline-block;
vertical-align: top;
}
.page_about .col-item:first-child {
margin-right: 20px;
}
.page_about .col-item .item {
display: block;
color:#ff571d;
padding-bottom:10px;
line-height: 1em;
font-family: 'yorgoco_typelight';
}
.page_about .col-item .item strong {
margin-bottom:10px;
display: inline-block;
font-size: 1.7rem;
line-height: 1.5em;
font-family: 'yorgoco_typebold';
}
.page_about .sep {
padding-top:12px;
}
.page_about {
overflow-x: hidden;
}
.page_about.presse .col-item .item {
line-height: 1.3em;
}
@media only screen and (max-width: 1000px) {
.page_about .col-1, .page_about .col-2 {
width:100%;
display: inline-block;
vertical-align: top;
}
.page_about .col-1 {
margin-bottom:20px;
}
.visuelPress {
padding-bottom:0 !important;
}
}
@media only screen and (max-width: 800px) {
.page_about .col-item {
width:calc(100%);
display: inline-block;
vertical-align: top;
padding-bottom:0px;
}
.page_about .col-item:first-child {
margin-right: 0px;
}
.page_about .col-1, .page_about .col-2, .page_about .col-item .item strong {
font-size: 1.8em !important;
font-size: 18px !important;
}
.page_about .col-1 {
margin-right:0px;
}
.page_about .col-item .item
{
font-size: 1.4rem;
line-height: 1.4em;
}
.page_about .adresse > div {
width:calc(50% - 10px);
}
.page_about .adresse {
margin-top:20px;
margin-bottom:20px;
}
.page_about .adresse > div:first-child {
margin-right: 0;
}
.page_about .adresse > div:last-child {
text-align: right;
}
}
@media only screen and (max-width: 480px) {
.page_about .adresse > div {
width:100%;
}
.page_about .adresse > div:first-child {
margin-bottom:10px;
}
.page_about .adresse > div:last-child {
text-align: left;
}
}
@media only screen and (min-width: 1800px) {
.page_about .col-1 {
width:calc(40% - 20px);
}
.page_about .col-2 {
width:calc(60% - 20px);
}
}
.visuelPress {
padding-bottom:66.6666%;
position:relative;
}