:root {
--fond:#fff;
--fond2:#fff;
--txt1:#000;
--titre:#345BAC;
--overlay: rgba( 255, 255, 255, 0.65);
--clr3:#2C60B0;
--clr2:#1978A9;
--clr1:#515CAB;
--btmstroke:#bebebe;
--bgbtnmail:#fff;
--txtbtnmail:#147bfc;
--bgbtntel:#fff;
--txtbtntel:#147bfc;
--clrcold:#525456;
--clrlien:#4A4E51;
}
@media (prefers-color-scheme: dark) {
:root {
--fond:#121212;
--fond2:#242424;
--txt1:#fff;
--titre:#4f81e9;
--overlay: rgba( 0, 0, 0, 0.7);
--clr3:#3c84f3;
--clr2:#22aef6;
--clr1:#7181f3;
--btmstroke:#323232;
--bgbtnmail:#147bfc;
--txtbtnmail:#fff;
--bgbtntel:#72cc0b;
--txtbtntel:#fff;
--clrcold:#aaaeb3;
--clrlien:#b7bec4;
}
}
@media (prefers-color-scheme: dark) {
:root {
--fond:#121212;
--txt1:#fff;
}
}
* {
margin: 0;
padding: 0;
font-weight: 200;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
font-family:  Helvetica, -apple-system, Arial, sans-serif;
font-size:1em;
}
body {
text-align: center;
background-color:var(--fond);
}
.hid p {
position: absolute !important;
top: -9999px !important;
left: -9999px !important;

}
#pxp {
margin: 0 auto;
padding-top: 65px;
overflow: hidden;
width: 960px;
text-align: left;

}
#pxh {
	width:940px;
	margin-left:20px;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	height:50px;
	margin-bottom:20px;
}
.log img {
width:500px;
transform:translatey(18px);
}
.log {

}
#pxp a {
color: #4A4E51;
color:var(--clrlien);
text-decoration: none;
}
#pxp a:hover {
color: var(--titre);
}
#pxlang {
font-size:1rem;
color: var(--titre);
width:230px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica, Arial," "Lucida Grande", sans-serif;

}
#pxlang a {
text-decoration:none;
color: var(--titre);
padding:2px 2px 0px 2px;
border-radius:2px;
opacity:.5;
}
#pxlang a:hover {
color: var(--titre);
}
#pxlang .active {
opacity:1;
}
.pipe {
opacity:.5;
font-size:.7rem;
vertical-align:2.5px;
}
#pxp #colg {
float: left;
width: 660px;
padding-left: 20px;
padding-right: 0px;

}
#pxp #colg .pxm {
display: block;
margin-top: 20px;
height:488px;
}
#pxp #colg .pxm h2 {
font-family:-apple-system, "HelveticaNeue-Light",  "Helvetica Neue Light","Helvetica Neue",  "Segoe UI Light", "Lucida Grande", sans-serif;
font-size: 37.5px;
letter-spacing:-.01;
line-height: 38px;
color: var(--titre);
margin-top: 10px;
cursor: pointer;
font-weight:200;
font-weight:light;

}
#pxp #colg .pxm .pxb {
margin-top: 20px;
}
#pxp #colg .pxm #pxbc1, #pxp #colg .pxm #pxbj1 {
margin-top: 10px;
}
#pxp #colg .pxm h4 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
padding-left: 10;
font-size: 24px;
color: var(--titre);
background-image: url('/img/bulletpoint.png');
background-size:2.5px;
background-position: 0px 9px;
background-repeat: no-repeat;
line-height:100%;
}

#pxp #colg .pxm .hid h4 {
color: var(--txt1);

}
#pxp #colg .pxm .pxb .pg {
color: #838A90;
font-size: 14px;
line-height:160%;
width: 580px;
padding-left:20px;
margin-top:10px;
color:#000;
color: var(--txt1);
}
#pxp #colg .pxm .pxb .mea {
color: #4A4E51;
margin-top:0;
color:red;
color:var(--clrcold);
}
#pxp #colg #pxd .log {
float: left;
width: 186px;
height: 74px;
}
.pxgdc {
display:block;
position:relative;
z-index:0;
height:4.5rem;
width:100%;
margin-bottom:10px;
font-size:1.5rem;
line-height:100%;
font-family: "Futura-Light", "Avenir-Light", "Roboto-Light", sans-serif; 
/*background-image:linear-gradient(to right bottom, #1bf1ff, #0079ff);*/
background-color:#007AFF;
border-radius:3px;
border:none;
outline:none;
color: var(--titre);
box-shadow:4px 4px 10px rgba(0,0,255,.1);
transition:transform .1s;
padding-top:7px;
}
.pxgdc::before {
content:'';
position:absolute;
inset:1px;
border-radius:0px;
background-color:var(--fond);
border-radius:2px;
/*background-image:linear-gradient(#fff 50%, rgba(0, 121, 255,.05));*/
z-index:-1;
}
.pxgdc:hover {
cursor:pointer;
transform:scale(1.025);
transition:transform .1s;
}
.pxgdc:active {
transform:scale(1);
transition:transform .1s;
}
#pxp #pxf {
text-align: center;
color: #949A9F;
font-size: 12px;
width: 940px;
padding-left: 20px;
float: left;
height: 45px;
margin-top:40px;
}
#pxp #pxf .pxit {
font-size: 11px;
font-style: italic;
}
#pxp #cold {
float: right;
width: 230px;
}
#pxp #cold .lng {
float: right;
width: 230px;
height: 0px;
line-height: 0px;
text-align: left;
display: table;
}
#pxp #cold .lng div {
display: table-cell;
vertical-align: middle;
line-height: normal;
}
#pxp #cold .pxm {
font-size: 14px;
line-height: 168%;
color: #525456;
color:var(--clrcold);
float: left;
}
#pxp #cold .pxm h2 {
font-family: -apple-system, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Segoe UI Light", "Lucida Grande", sans-serif;
font-size: 50px;
line-height: 100%;
color: var(--clr1);
margin-bottom:6px;
margin-top:12px;
font-weight:100;
}
#pxp #cold .pxm #pxf2be h2 {
margin-top: 40px;
color: #1978A9;
color:var(--clr2);
}
#pxp #cold .pxm #pxf2bi h2 {
margin-top: 40px;
color: var(--clr3);
}
.pxpict {
width:1.625rem;
vertical-align:bottom;
margin-left:2px;
margin-bottom:1px;
}
.pxm h2:hover {
color:red;
}
small {
line-height:150%;
font-size:70%;
}
.pxgdc small {
font-weight:bold;
}