*{
border:0;
padding:0;
margin:0;
box-sizing:border-box;
}
*:focus{
outline:none;
}
.clean{
clear:both;
font-size:0px;
line-height:0px;
margin:0px;
padding:0px;
border:0px;
height:0px;
}
body.loading *,
.no-transition,
.no-transition *{
-webkit-transition:none!important;
-moz-transition:none!important;
-ms-transition:none!important;
-o-transition:none!important;
transition:none!important;
}
body.loading{
overflow:hidden;
}
body.loading > *{
visibility:hidden;
}
.loading:before{
content:"";
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background:rgba(255,255,255,0.5);
z-index:10;
}
.loading:after{
content:"";
position:fixed;
width:50px;
height:50px;
top:50%;
left:50%;
background:#000000;
-webkit-box-shadow:0 0 5px #000000;
box-shadow:0 0 5px #000000;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
-webkit-animation:rotating 2s linear infinite;
animation:rotating 2s linear infinite;
z-index:11;
}
body,
html{
min-height:100vh;
width:100%;
margin:0px;
padding:0px;
}
body{
position:relative;
color:#333333;
background:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.5;
}
img,
video,
iframe{
display:inline-block;
max-width:100%;
width:auto;
max-height:100%;
height:auto;
margin:0;
vertical-align:top;
}
.video{
position:relative;
display:block;
max-width:600px;
margin:0 auto!important;
}
.video.full{
position:relative;
display:block;
max-width:none;
margin:0!important;
padding:0!important;
width:100%;
}
.video:before,.video.r16_9:before{
content:"";
display:block;
padding-bottom:56.25%;
}
.video.r4_3:before{
content:"";
display:block;
padding-bottom:75%;
}
.video.large:before{
content:"";
display:block;
padding-bottom:41.84%;
}
.video.ultralarge:before{
content:"";
display:block;
padding-bottom:27.77%;
}
.video iframe{
border:0;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
a{
color:#3366ff;
text-decoration:underline;
}
a.pdf{
display:inline-block;
position:relative;
margin:20px 0;
}
a.pdf > *{
vertical-align:middle;
}
a.pdf:before{
content:"";
position:relative;
display:inline-block;
vertical-align:middle;
width:20px;
height:15px;
}
h1,
h2,
h3,
h4,
h5,
p.titre{
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:inherit;
text-transform:uppercase;
margin-bottom:10px;
}
#wrapper main > .content > .contenu > .inner > .bloc .content h1,
#wrapper main > .content > .contenu > .inner > .bloc .content h2,
#wrapper main > .content > .contenu > .inner > .bloc .content h3,
#wrapper main > .content > .contenu > .inner > .bloc .content h4,
#wrapper main > .content > .contenu > .inner > .bloc .content h5,
#wrapper main > .content > .contenu > .inner > .bloc .content p.titre{
/*max-width:calc(100% - 550px);*/
/* margin:0 auto 10px auto; */
}
h1,
#wrapper main > .content > .contenu > .inner > .bloc .content p.titre{
font-size:30px;
text-align:center;
}
h2{
font-size:25px;
}
h3{
font-size:20px;
}
h4{
font-size:18px;
}
h5{
font-size:16px;
}
*+h1,
*+h2,
*+h3,
*+h4,
*+h5{
margin-top:30px;
}
h1.inline,
h2.inline,
h3.inline,
h4.inline,
h5.inline{
display:inline-block;
}
h1.inline:after,
h2.inline:after,
h3.inline:after,
h4.inline:after,
h5.inline:after{
content:":";
display:inline-block;
margin:0 5px 0 2px;
}
h1.inline+*:after,
h2.inline+*:after,
h3.inline+*:after,
h4.inline+*:after,
h5.inline+*:after{
content:"";
display:block;
}
*+p,*+iframe{
margin-top:10px;
}
hr{
background:#808080;
width:10px;
height:5px;
margin:20px 0;
}
hr.vertical{
display:inline-block;
height:20px;
width:2px;
margin:0 10px;
vertical-align:middle;
}
small,
.small{
font-size:0.8em;
}
label+small{
font-size:0.5em;
}
.gauche{
text-align:left;
}
.centre{
text-align:center;
}
.droite{
text-align:right;
}
.w-auto{
width:auto!important;
margin-right:auto;
margin-left:auto;
padding:10px;
}
.max500{
max-width:500px;
margin-left:auto;
margin-right:auto;
}
.hide{
display:none!important;
}
.v-hidden{
visibility:hidden;
}
.upper{
text-transform:uppercase;
}
.lower{
text-transform:lowercase;
}
.bold{
font-weight:bold;
}
.top{
vertical-align:top;
}
.bottom{
vertical-align:bottom;
}
.middle{
vertical-align:middle;
}
.w-auto:not(.table):not(table){
display:inline-block;
}
.stripe{
table-layout:auto;
border:0;
border-collapse:collapse;
text-align:left;
}
table{
margin-right:auto;
margin-left:auto;
width:100%;
}
table th,
table td{
padding:5px;
vertical-align:middle;
}
.table .row.titre,
.table .cell.titre,
table tr.titre,
table td.titre{
font-weight:bold;
text-transform:uppercase;
color:#ffffff;
background:#485769;
}
.table.stripe a,
table.stripe a{
text-decoration:none;
}
.table.stripe .row.odd,
table.stripe tr.odd{
background:#808080;
color:#ffffff;
}
.table{
display:table;
table-layout:fixed;
border-collapse:collapse;
width:100%;
}
*+.table,
*+table{
margin-top:20px;
}
.table.nomargin{
margin:0;
}
.table+.table,
table+table{
margin-top:10px;
}
.table .row{
display:table-row;
vertical-align:top;
}
.table .cell{
display:table-cell;
vertical-align:top;
padding:10px 20px;
}
.table.nopadding .cell,
.table .cell.nopadding{
padding:0;
}
.table .col{
display:table-column;
vertical-align:top;
}
.table.top .cell,
.table.top .row,
.table.top .col,
.table .cell.top,
.table .row.top,
.table .col.top,
table.top td,
table td.top{
vertical-align:top;
}
.table.middle .cell,
.table.middle .row,
.table.middle .col,
.table .cell.middle,
.table .row.middle,
.table .col.middle,
table.middle td,
table td.middle{
vertical-align:middle;
}
.table.bottom .cell,
.table.bottom .row,
.table.bottom .col,
.table .cell.bottom,
.table .row.bottom,
.table .col.bottom,
table.bottom td,
table td.bottom{
vertical-align:bottom;
}
.table .cell.cadre,
.table .row.cadre,
.table .col.cadre,
table.cadre,
table tr.cadre,
table td.cadre{
border-style:solid;
border-width:5px;
}
.table .cell.cell10{
width:10%;
}
.table .cell.cell15{
width:15%;
}
.table .cell.cell20{
width:20%;
}
.table .cell.cell25{
width:25%;
}
.table .cell.cell30{
width:30%;
}
.table .cell.cell35{
width:30%;
}
.table .cell.cell33{
width:33.33%;
}
.table .cell.cell35{
width:35%;
}
.table .cell.cell40{
width:40%;
}
.table .cell.cell45{
width:45%;
}
.table .cell.cell50{
width:50%;
}
.table .cell.cell55{
width:55%;
}
.table .cell.cell60{
width:60%;
}
.table .cell.cell65{
width:60%;
}
.table .cell.cell66{
width:66.66%;
}
.table .cell.cell70{
width:70%;
}
.table .cell.cell75{
width:75%;
}
.table .cell.cell80{
width:80%;
}
.table .cell.cell85{
width:85%;
}
.table .cell.cell90{
width:90%;
}
.table .cell.cell95{
width:95%;
}
.table:not(.noborder) > .cell+.cell,
.table:not(.noborder) > .row:not(.noborder) > .cell+.cell{
border-left:1px solid #000000;
}
.borderTop{
border-top:1px solid #000000;
}
.borderRight{
border-right:1px solid #000000;
}
.borderBottom{
border-bottom:1px solid #000000;
}
.borderLeft{
border-left:1px solid #000000;
}
.noborder{
border:0;
}
.border{
border:1px solid #000000;
}
.form{
text-align:center;
}
form{
position:relative;
display:inline-block;
padding:10px;
margin:20px auto;
max-width:100%;
background:#485769;
color:#ffffff;
-webkit-filter:drop-shadow(0 0 5px #000000);
filter:drop-shadow(0 0 5px #000000);
}
form:before{
content:"";
position:absolute;
left:0;
top:-20px;
width:calc(100% - 20px);
height:1px;
border:1px solid #333333;
border-width:10px;
border-color:transparent transparent #333333 transparent;
overflow:hidden;
}
form a{
color:#ffffff;
}
form label{
display:block;
font-size:15px;
font-weight:bold;
}
form label.required:after{
content:"*";
display:inline-block;
margin-left:5px;
}
form .champ{
position:relative;
display:block;
width:500px;
max-width:100%;
text-align:left;
}
form .champ label{
display:inline-block;
width:auto;
padding:5px;
}
textarea,
select[multiple]{
resize:none;
height:150px;
}
input,
select,
textarea{
display:block;
width:100%;
background:#ffffff;
color:#000000;
padding:5px;
margin-bottom:10px;
border-bottom:2px solid #ffffff;
line-height:1.5;
max-width:500px;
}
input:focus,
select:focus,
textarea:focus,
input:hover,
select:hover,
textarea:hover{
border-color:#000000;
}
input[type="radio"],input[type="checkbox"]{
-webkit-box-shadow:none;
box-shadow:none;
}
select option[value=""]{
font-style:italic;
color:#808080;
}
form table input,
form table select,
form table textarea{
margin-bottom:0;
}
form input[type="checkbox"],
form input[type="radio"]{
display:inline-block;
width:auto;
margin-bottom:0;
}
.checklist span{
display:inline-block;
width:50%;
vertical-align:top;
}
.checklist span label{
display:inline-block;
width:calc(90% - 20px);
vertical-align:top;
margin-left:10px;
padding-top:3px;
}
input.bouton,
a.bouton{
display:inline-block;
text-decoration:none;
font-size:20px;
color:#ffffff;
background:#333333;
width:auto;
padding:5px 10px;
margin:10px auto;
-webkit-box-shadow:0 0 5px #000000;
box-shadow:0 0 5px #000000;
cursor:pointer;
text-shadow:none;
border-bottom:2px solid #000000;
-webkit-transition:-webkit-box-shadow 150ms ease,background 150ms ease,color 150ms ease;
transition:box-shadow 150ms ease,background 150ms ease,color 150ms ease;
}
form input[disabled=disabled],
form input[disabled],
a.bouton.disabled{
cursor:default;
background:#cccccc;
}
.bouton+.bouton{
margin-left:20px;
}
form .champ.erreur input,
form .champ.erreur select,
form .champ.erreur textarea{
background:#f19393;
}
form .champ.erreur label input[type="checkbox"]+span{
color:#c72222;
}
form.step-by-step .ui-tabs,form.step-by-step .ui-widget-header{
position:relative;
background:none;
border:0;
padding:0;
}
form.step-by-step .ui-widget-header{
display:table;
width:100%;
margin:10px 0;
}
form.step-by-step .ui-widget-header.minimize li.ui-tabs-tab:not(.ui-tabs-active){
display:none;
}
form.step-by-step .ui-widget-header.minimize li.ui-tabs-tab.ui-tabs-active .ui-tabs-anchor span sub{
display:inline;
}
form.step-by-step li.ui-tabs-tab{
display:table-cell;
margin:0;
float:none;
text-align:center;
background:none;
border:0;
font-size:0;
opacity:1;
min-width:70px;
}
form.step-by-step li.ui-tabs-tab:before,form.step-by-step li.ui-tabs-tab:after{
content:"";
position:absolute;
top:50%;
width:50%;
height:10px;
background:#485769;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
z-index:0;
}
form.step-by-step li.ui-tabs-tab:before{
left:0;
}
form.step-by-step li.ui-tabs-tab:after{
right:0;
}
form.step-by-step li.ui-tabs-tab:first-child:before,form.step-by-step li.ui-tabs-tab:last-child:after{
display:none;
}
form.step-by-step li.ui-tabs-tab .ui-tabs-anchor{
position:relative;
float:none;
display:inline-block;
padding:0;
width:50px;
height:50px;
font-size:20px;
z-index:1;
}
form.step-by-step li.ui-tabs-tab .ui-tabs-anchor span{
display:inline-block;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
color:#ffffff;
}
form.step-by-step li.ui-tabs-tab .ui-tabs-anchor span sub{
display:none;
}
form.step-by-step li.ui-tabs-tab .ui-tabs-anchor:before{
content:"";
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
background:#485769;
display:block;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-box-shadow:0 0 5px #000000;
box-shadow:0 0 5px #000000;
}
form.step-by-step li.ui-tabs-tab.ui-tabs-active{
margin:0;
padding:0;
}
form.step-by-step li.ui-tabs-tab.ui-tabs-active:after,form.step-by-step li.ui-tabs-tab.ui-tabs-active~.ui-tabs-tab:before,form.step-by-step li.ui-tabs-tab.ui-tabs-active~.ui-tabs-tab:after{
background:#e9e9e9;
}
form.step-by-step li.ui-tabs-tab.ui-tabs-active~.ui-tabs-tab .ui-tabs-anchor:before{
background:#e9e9e9;
-webkit-box-shadow:none;
box-shadow:none;
}
form.step-by-step li.ui-tabs-tab.ui-tabs-active~.ui-tabs-tab .ui-tabs-anchor span{
color:#ffffff;
}
form.step-by-step .step.recapitulatif .content .table{
font-size:14px;
text-align:left;
}
div.valid:not(.step),
p.valid,
div.erreur,
p.erreur,
div.info,
p.info{
text-align:center;
padding:5px 10px;
margin:10px 0;
border:1px solid;
}
div.valid:not(.step),
div.erreur,
div.info{
text-align:left;
}
div.valid:not(.step) > *:first-child,
div.erreur > *:first-child,
div.info > *:first-child{
display:inline-block;
}
p.valid,
p.erreur,
p.info{
font-size:14px;
}
div.info,
p.info{
background:#edb77f;
color:#dc6f00;
border-color:#dc6f00;
}
div.info:before,
p.info:before{
content:"\f05a";
margin-right:10px;
font-family:"Font Awesome 5 Free";
font-weight:900;
}
div.valid:not(.step),
p.valid{
background:#7fb27f;
color:#006600;
border-color:#006600;
}
div.valid:not(.step):before,
p.valid:before{
content:"\f058";
margin-right:10px;
font-family:"Font Awesome 5 Free";
font-weight:900;
}
div.erreur,
p.erreur{
background:#f19393;
color:#c72222;
border-color:#c72222;
}
div.erreur:before,
p.erreur:before{
content:"\f071";
margin-right:10px;
font-family:"Font Awesome 5 Free";
font-weight:900;
}
header{
position:fixed;
top:0;
right:0;
left:0;
height:80px;
z-index:10;
background:#000000;
}
header > .actualites{
position:absolute;
top:-60px;
left:12px;
width:250px;
line-height:1;
padding:150px 10px 0 10px;
z-index:0;
background:#485769;
color:#ffffff;
-webkit-filter:drop-shadow(0 0 5px #000000);
filter:drop-shadow(0 0 5px #000000);
-webkit-transition:top 100ms ease;
transition:top 100ms ease;
}
header > .actualites a{
color:#ffffff;
}
header > .actualites:before{
content:"";
position:absolute;
left:100%;
top:0;
width:1px;
height: calc(100% - 40px);
border:1px solid #333333;
border-width:20px;
border-color:transparent transparent transparent #333333;
overflow:hidden;
}
header > .actualites > .titre{
font-family:'Roboto', Arial, Helvetica, sans-serif;
display:block;
font-size:20px;
font-weight:700;
border-bottom:2px solid #ffffff;
}
header > .actualites > .content{
position:relative;
display:block;
height:175px;
overflow:hidden;
-webkit-transition:height 300ms ease;
transition:height 300ms ease;
}
header > .actualites.close > .content{
height:0;
}
header > .actualites > .reduce{
display:block;
text-align:center;
font-size:20px;
font-weight:700;
border-top:2px solid #ffffff;
line-height:1;
}
header > .actualites > .reduce:before{
content:"\f106";
font-family:"Font Awesome 5 Free";
display:inline-block;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:-webkit-transform 300ms ease;
transition:transform 300ms ease;
}
header > .actualites.close > .reduce:before{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
header > .actualites .actualite{
cursor:pointer;
position:absolute;
display:block;
top:0;
left:0;
opacity:0;
height:100%;
overflow:hidden;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;
transition:opacity 300ms ease,transform 300ms ease;
}
header > .actualites .actualite.show{
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition:opacity 300ms ease 300ms,-webkit-transform 300ms ease 300ms;
transition:opacity 300ms ease 300ms,transform 300ms ease 300ms;
}
header > .actualites .actualite.show > *{
-webkit-transition:opacity 300ms ease;
transition:opacity 300ms ease;
}
header > .actualites .actualite.show:before{
content:"\f0fe";
position:absolute;
font-family:"Font Awesome 5 Free";
font-weight:900;
font-size:30px;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%) scale(0);
transform:translate(-50%,-50%) scale(0);
opacity:0;
text-shadow:0 0 5px #000000;
z-index:1;
-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;
transition:opacity 300ms ease,transform 300ms ease;
}
header > .actualites .actualite > .image{
display:inline-block;
height:80px;
width:auto;
margin:10px 0;
overflow:hidden;
background-repeat:no-repeat;
background-size:cover;
background-position:50% 50%;
}
header > .actualites .actualite > .date{
display:block;
height:20px;
font-weight:700;
line-height:20px;
overflow:hidden;
}
header > .actualites .actualite > .titre{
display:block;
height:20px;
font-size:15px;
font-weight:700;
line-height:20px;
overflow:hidden;
}
header > .actualites .actualite > .content{
display:block;
font-style:italic;
height:30px;
overflow:hidden;
}
header > .content{
position:relative;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
header > .content > *{
vertical-align:middle;
}
header > .content > .top a.logo{
display:inline-block;
height:40px;
padding-top:5px;
}
nav.menuTop{
position:absolute;
top:50%;
right:0;
left:0;
z-index:2;
height:40px;
text-align:center;
}
header a{
text-decoration:none;
}
header a.menu,header a.close,header a.contact{
display:none;
position:absolute;
top:0;
font-size:20px;
font-weight:900;
padding:5px 10px;
background:#000000;
color:#ffffff;
z-index:1;
}
header a.close{
top:-100%;
-webkit-transition:top 300ms ease;
transition:top 300ms ease;
z-index:10;
}
nav.menuTop > ul{
display:inline-block;
white-space:nowrap;
font-size:0;
height:100%;
}
header .top > ul.compte,header .top > a.contact{
display:block;
position:absolute;
top:0;
right:0;
height:40px;
}
header .top > ul.compte{
right:40px;
}
header .top > ul.compte li.hasSousMenu > ul li{
text-align:right;
}
header ul > li{
position:relative;
display:inline-block;
vertical-align:middle;
height:100%;
margin:0;
padding:0;
}
header ul li{
cursor:pointer;
}
header ul > li.hasSousMenu > ul{
position:absolute;
z-index:10;
top:40px;
left:50%;
background:#000000;
max-height:0;
overflow:hidden;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}
header ul > li.hasSousMenu > ul > li{
display:block;
height:40px;
white-space:nowrap;
}
header ul li a,
header ul li span.titre{
display:block;
}
header ul li > a,
header ul li > span.titre{
padding:10px;
font-size:12px;
font-weight:900;
color:#ffffff;
text-transform:uppercase;
height:100%;
}
header ul li .fas{
font-size:20px;
}
header ul li span.icone{
display:none;
}
header.reduce{
height:40px;
}
header.reduce a.menu,header.reduce a.close{
display:block;
}
header.reduce nav.menuTop{
top:0;
right:auto;
}
header.reduce nav.menuTop > ul{
display:block;
padding:40px 0 0 0;
position:absolute;
top:0;
left:0;
width:100%;
overflow:auto;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
-webkit-transition: transform 300ms ease;
transition:transform 300ms ease;
height:100vh;
background:#000000;
z-index:0;
}
header.reduce nav.menuTop ul > li{
display:block;
height:auto;
}
header.reduce nav.menuTop > ul > li.hasSousMenu > ul{
position:relative;
top:auto;
left:auto;
-webkit-transform:none;
transform:none;
min-width:0;
}
header.reduce ul.header li > a, header.reduce ul.header li > span.titre{
text-align:left;
}
header.reduce nav.menuTop > ul > li.hasSousMenu > ul{
padding-left:20px;
}
header.reduce nav.menuTop > ul > li.hasSousMenu > ul > span.border{
display:none;
}
header.reduce.open a.close{
top:0;
-webkit-transition:300ms top 300ms ease;
transition:300ms top 300ms ease;
}
/* header.reduce.open > .content > .logo{
right:20px;
-webkit-transition:right 300ms ease;
transition:right 300ms ease;
}
header.reduce.open > .content > .logo:before{
height:calc(100vh - 40px);
-webkit-transition:300ms height 300ms ease;
transition:300ms height 300ms ease;
} */
header.reduce.open nav.menuTop{
right:0;
}
header.reduce.open nav.menuTop > ul{
-webkit-transform:translateY(0);
transform:translateY(0);
-webkit-transition:300ms -webkit-transform 300ms ease;
transition:300ms transform 300ms ease;
}
#wrapper{
position:relative;
margin:0 auto;
width:100%;
min-height:calc(100vh - 40px);
}
main{
position:relative;
}
#wrapper main > .content > .contenu{
position:relative;
display:inline-block;
vertical-align:middle;
width:100%;
min-height:100vh;
overflow:hidden;
z-index:0;
}
/*header.multiline+#wrapper main > .content > .contenu{
padding-top:152px;
}*/
#wrapper main > .content > .contenu .image{
background-repeat:no-repeat;
background-size:cover;
background-position:50% 50%;
}
#wrapper main > .content > .contenu > .inner{
font-size:16px;
}
#wrapper main > .content > .contenu > .inner ul{
list-style:inside;
}
#wrapper main > .content > .contenu > .inner ul ul{
margin-left:20px;
}
#wrapper main > .content > .contenu > .inner > .bloc:not(.slider):first-child,#wrapper main > .content > .contenu > .inner > .bloc:not(.slider).fullScreen,#wrapper main > .content > .contenu > .inner > .bloc:not(.slider).fullHeight{
padding-top:80px;
}
#wrapper main > .content > .contenu > .inner > .bloc{
position:relative;
max-width:1920px;
width:100%;
margin:0 auto;
}
#wrapper main > .content > .contenu > .inner > .bloc[data-ombre="1"]{
-webkit-box-shadow:0 0 5px #000000;
box-shadow:0 0 5px #000000;
}
#wrapper main > .content > .contenu > .inner > .bloc:not(.slider)[data-ombre_interne="1"]{
-webkit-box-shadow:0 0 5px #000000 inset;
box-shadow:0 0 5px #000000 inset;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider[data-ombre_interne="1"]:before{
content:"";
position:absolute;
background:transparent;
top:0;
right:0;
bottom:0;
left:0;
z-index:50;
pointer-events:none;
-webkit-box-shadow:0 0 5px #000000 inset;
box-shadow:0 0 5px #000000 inset;
}
#wrapper main > .content > .contenu > .inner > .bloc.gris{
background:#333333;
color:#ffffff;
}
#wrapper main > .content > .contenu > .inner > .bloc.image{
color:#ffffff;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
#wrapper main > .content > .contenu > .inner > .bloc.image[data-image_fixe="1"]{
background-attachment:fixed;
}
#wrapper main > .content > .contenu > .inner > .bloc:not(.slider):not(.gris):not(.image) .content h1,
#wrapper main > .content > .contenu > .inner > .bloc:not(.slider):not(.gris):not(.image) .content h2,
#wrapper main > .content > .contenu > .inner > .bloc:not(.slider):not(.gris):not(.image) .content h3,
#wrapper main > .content > .contenu > .inner > .bloc:not(.slider):not(.gris):not(.image) .content h4,
#wrapper main > .content > .contenu > .inner > .bloc:not(.slider):not(.gris):not(.image) .content h5,
#wrapper main > .content > .contenu > .inner > .bloc:not(.slider):not(.gris):not(.image) .content p.titre{
color:#485769;
}
#wrapper main > .content > .contenu > .inner > .bloc > *:not(.swiper){
padding:20px;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullWidth,
#wrapper main > .content > .contenu > .inner > .bloc.fullScreen{
max-width:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullHeight,
#wrapper main > .content > .contenu > .inner > .bloc.fullScreen{
height:100vh;
overflow:hidden;
}
header.multiline+#wrapper main > .content > .contenu > .inner > .bloc.fullHeight,
header.multiline+#wrapper main > .content > .contenu > .inner > .bloc.fullScreen{
height:100vh;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullWidth,#wrapper main > .content > .contenu > .inner > .bloc.fullScreen{
text-align:center;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullHeight,#wrapper main > .content > .contenu > .inner > .bloc.fullScreen{
white-space:nowrap;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullHeight:not(.slider):before
#wrapper main > .content > .contenu > .inner > .bloc.fullScreen:not(.slider):before{
content:"";
display:inline-block;
height:100%;
vertical-align:middle;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullScreen:not(.slider):before,
#wrapper main > .content > .contenu > .inner > .bloc.fullHeight:not(.slider):before{
content:"";
display:inline-block;
height:calc(100% - 80px);
vertical-align:middle;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullWidth > .content,
#wrapper main > .content > .contenu > .inner > .bloc.fullHeight > .content,
#wrapper main > .content > .contenu > .inner > .bloc.fullScreen > .content{
display:inline-block;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullWidth > .content,
#wrapper main > .content > .contenu > .inner > .bloc.fullScreen > .content{
max-width:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc.fullHeight > .content,
#wrapper main > .content > .contenu > .inner > .bloc.fullScreen > .content{
vertical-align:middle;
white-space:normal;
max-height:100%;
overflow:auto;
}
#wrapper main > .content > .contenu > .inner > .bloc form{
text-align:center;
}
#wrapper main > .content > .contenu > .inner > .bloc .table .cell img,
#wrapper main > .content > .contenu > .inner > .bloc .table .cell video,
#wrapper main > .content > .contenu > .inner > .bloc .table .cell iframe{
width:100%;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper{
width:100%;
height:100%;
overflow:hidden;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide{
white-space:nowrap;
width:100%;
height:100%;
overflow:hidden;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide:before{
content:"";
display:inline-block;
height:100%;
vertical-align:middle;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide > .content{
display:inline-block;
vertical-align:middle;
white-space:normal;
padding:48px 20px 20px 20px;
max-width:100%;
max-height:100%;
overflow:auto;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide[data-anim="1"] > .content{
opacity:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:opacity 500ms ease 300ms,-webkit-transform 1000ms ease 300ms;
transition:opacity 500ms ease 300ms,transform 1000ms ease 300ms;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.swiper-slide-active[data-anim="1"] > .content{
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
#wrapper main > .content > .contenu > .inner > .bloc.slider .content h1,
#wrapper main > .content > .contenu > .inner > .bloc.slider .content h2,
#wrapper main > .content > .contenu > .inner > .bloc.slider .content h3,
#wrapper main > .content > .contenu > .inner > .bloc.slider .content h4,
#wrapper main > .content > .contenu > .inner > .bloc.slider .content h5,
#wrapper main > .content > .contenu > .inner > .bloc.slider .content p.titre,
#wrapper main > .content > .contenu > .inner > .bloc.slider .content p.highlight{
display:inline-block;
color:#ffffff;
background:#485769;
padding:0 5px;
max-width:calc(100% - 40px);
-webkit-filter:drop-shadow(0 0 5px #000000);
filter:drop-shadow(0 0 5px #000000);
}
#wrapper main > .content > .contenu > .inner > .bloc.slider .content h1:before,
#wrapper main > .content > .contenu > .inner > .bloc.slider .content h2:before,
#wrapper main > .content > .contenu > .inner > .bloc.slider .content h3:before,
#wrapper main > .content > .contenu > .inner > .bloc.slider .content h4:before,
#wrapper main > .content > .contenu > .inner > .bloc.slider .content h5:before,
#wrapper main > .content > .contenu > .inner > .bloc.slider .content p.titre:before,
#wrapper main > .content > .contenu > .inner > .bloc.slider .content p.highlight:before{
content:"";
position:absolute;
left:0;
top:-20px;
width:calc(100% - 20px);
height:1px;
border:1px solid #333333;
border-width:10px;
border-color:transparent transparent #333333 transparent;
overflow:hidden;
}
#wrapper main > .content > .contenu > .inner > .bloc.slider > .swiper .swiper-slide.gris{
background:#333333;
color:#ffffff;
}
#wrapper main > .content > .contenu > .inner > .bloc .nextBloc{
position:absolute;
z-index:10;
bottom:0;
left:50%;
height:60px;
padding-top:0;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0);
font-size:50px;
-webkit-transition:padding-top 300ms ease;
transition:padding-top 300ms ease;
}
#wrapper main > .content > .contenu > .inner > .bloc .nextBloc > i{
text-shadow:0 0 2px #000000;
}
footer{
position:relative;
color:#ffffff;
-webkit-box-shadow:0 0 5px #000000;
box-shadow:0 0 5px #000000;
}
footer > .content{
padding:10px 20px;
height:100%;
background:#333333;
}
footer > .content .table .cell{
border-color:#808080!important;
}
footer > .content a{
color:#808080;
text-decoration:none;
}
footer > .content iframe{
width:100%;
}
footer > .content ul{
list-style-type:none;
}
footer > .content ul.liens{
display:inline-block;
text-align:center;
}
footer > .content ul.liens li{
display:inline-block;
margin:5px;
}
footer > .content ul.liens li a,
footer > .content ul.liens li .logo{
display:inline-block;
height:80px;
width:auto;
border-radius:10px;
overflow:hidden;
}
footer > .content ul.liens li img{
height:100%;
width:auto;
}
footer > .content ul.liens li .titre{
display:none;
}
footer > .content .map{
margin-top:20px;
}
footer > .content .map iframe{
width:100%;
height:200px;
}
#bgPopup{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background:rgba(0,0,0,0.7);
z-index:50;
display:none;
}
#popup{
position:fixed;
top:50%;
left:50%;
width:90%;
height:90%;
z-index:51;
background:#ffffff;
border-radius:20px;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
display:none;
}
#popup .contenu{
position:relative;
font-size:14px;
display:block;
padding:50px;
}
#popup .contenu .fa-window-close{
position:absolute;
top:10px;
right:10px;
font-size:20px;
cursor:pointer;
}
#popup h4{
font-size:24px;
font-weight:bold;
text-align:center;
}
#popup form{
max-width:90%;
}
@-webkit-keyframes rotating{
from {
-webkit-transform:translate(-50%,-50%) rotate(0deg);
transform:translate(-50%,-50%) rotate(0deg);
}
to {
-webkit-transform:translate(-50%,-50%) rotate(360deg);
transform:translate(-50%,-50%) rotate(360deg);
}
}
@keyframes rotating{
from {
-webkit-transform:translate(-50%,-50%) rotate(0deg);
transform:translate(-50%,-50%) rotate(0deg);
}
to {
-webkit-transform:translate(-50%,-50%) rotate(360deg);
transform:translate(-50%,-50%) rotate(360deg);
}
}
@-webkit-keyframes highlighting{
0% {
background:#ffffff;
}
50% {
background:#485769;
}
100% {
background:#ffffff;
}
}
@keyframes highlighting{
0% {
background:#ffffff;
}
50% {
background:#485769;
}
100% {
background:#ffffff;
}
}
/* ACTUALITES */
#wrapper main.actualites div.actualites.blocs{
font-size:0;
}
#wrapper main.actualites div.actualites.blocs .actualite{
position:relative;
display:inline-block;
width:25%;
max-width:500px;
padding:10px;
font-size:16px;
text-align:left;
}
#wrapper main.actualites div.actualites.blocs .actualite > *{
-webkit-transition:opacity 300ms ease;
transition:opacity 300ms ease;
}
#wrapper main.actualites div.actualites.blocs .actualite:before{
content:"\f0fe";
position:absolute;
font-family:"Font Awesome 5 Free";
font-weight:900;
font-size:50px;
top:100px;
left:50%;
-webkit-transform:translate(-50%,-50%) scale(0);
transform:translate(-50%,-50%) scale(0);
opacity:0;
text-shadow:0 0 5px #000000;
z-index:1;
-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;
transition:opacity 300ms ease,transform 300ms ease;
}
#wrapper main.actualites div.actualites.blocs .actualite > .image{
display:inline-block;
height:200px;
width:100%;
margin-bottom:10px;
overflow:hidden;
background-repeat:no-repeat;
background-size:cover;
background-position:50% 50%;
}
#wrapper main.actualites div.actualites.blocs .actualite > .image > .image-fake{
display:inline-block;
height:100%;
width:100%;
overflow:hidden;
background-repeat:no-repeat;
background-size:cover;
background-position:50% 50%;
}
#wrapper main.actualites div.actualites.blocs .actualite > .date{
display:block;
height:20px;
font-weight:700;
line-height:20px;
overflow:hidden;
}
#wrapper main.actualites div.actualites.blocs .actualite > .titre{
display:block;
height:20px;
font-size:15px;
font-weight:700;
line-height:20px;
overflow:hidden;
}
#wrapper main.actualites div.actualites.blocs .actualite > .content{
display:block;
font-style:italic;
height:100px;
overflow:hidden;
}
#wrapper main.actualites div.actualites.blocs .pagination{
display:none;
}
/* COMMANDES */
#wrapper main.mescommandes div.commandes.blocs .commande{
font-size:0;
text-align:left;
border:2px solid #485769;
}
#wrapper main.mescommandes div.commandes.blocs .commande+.commande{
margin-top:10px;
}
#wrapper main.mescommandes div.commandes .commande .data{
position:relative;
display:inline-block;
width:25%;
max-width:500px;
padding:10px;
font-size:16px;
text-align:left;
vertical-align:top;
}
#wrapper main.mescommandes div.commandes .commande .titre{
font-weight:bold;
text-transform:uppercase;
margin-right:10px;
}
#wrapper main.mescommandes div.commandes.accordion{
margin-top:40px;
width:100vw;
max-width:100%;
background:#485769;
color:#ffffff;
-webkit-filter:drop-shadow(0 0 5px #000000);
filter:drop-shadow(0 0 5px #000000);
}
#wrapper main.mescommandes div.commandes.accordion:before{
content:"";
position:absolute;
left:0;
top:-20px;
width:calc(100% - 20px);
height:1px;
border:1px solid #333333;
border-width:10px;
border-color:transparent transparent #333333 transparent;
overflow:hidden;
}
#wrapper main.mescommandes div.commandes.accordion .commande{
padding:0;
border:10px solid #485769;
border-top:0;
background:#cccccc;
color:#000000;
text-align: left;
-webkit-box-shadow:0 0 5px #000000 inset;
box-shadow:0 0 5px #000000 inset;
}
#wrapper main.mescommandes div.commandes.accordion h3{
background:#485769;
color:#ffffff!important;
font-weight:bold;
text-align:left;
border:0;
}
#wrapper main.mescommandes div.commandes.accordion h3:before{
content:"";
position:absolute;
bottom:0;
left:10px;
right:10px;
border-bottom:2px solid #000000;
}
#wrapper main.mescommandes div.commandes.accordion h3 .ui-icon{
background-image:url("../js/images/ui-icons_ffffff_256x240.png");
}
#wrapper main.mescommandes div.commandes.accordion h3 span.envoyee{
float:right;
text-transform:initial;
margin-right:10px;
}
#wrapper main.mescommandes div.commandes.tableau{
overflow:auto;
}
#wrapper main.mescommandes div.commandes.tableau table tr th{
background:#485769;
color:#ffffff;
}
#wrapper main.mescommandes div.commandes.tableau table tr th,#wrapper main.mescommandes div.commandes.tableau table tr td{
white-space:nowrap
}
#wrapper main.mescommandes div.commandes.tableau table.stripe tr.vert th,#wrapper main.mescommandes div.commandes.tableau table.stripe tr.vert td{
background:#7fb27f;
}
#wrapper main.mescommandes div.commandes.tableau table.stripe tr.vert.odd th,#wrapper main.mescommandes div.commandes.tableau table.stripe tr.vert.odd td{
background:#006600;
}
.titre-depliant{
position:relative;
cursor:pointer;
padding-right:40px;
}
.titre-depliant:after{
content:"\0023F7";
display:inline-block;
position:absolute;
right:0;
bottom:0;
font-size:20px;
padding-left:20px;
}
.titre-depliant.open:after{
content:"\0023F6";
}
.bloc-depliant{
display:none;
}
/* HOVER - CURRENT */
body:not(.mobile) a:hover{
text-decoration:underline;
}
body:not(.mobile) header > .actualites a:hover{
text-decoration:none;
}
body:not(.mobile) .bouton:hover,body:not(.mobile) .bouton:hover{
text-decoration:none;
-webkit-box-shadow:0 0 5px #000000 inset;
box-shadow:0 0 5px #000000 inset;
background:#ffffff;
color:#485769;
}
body:not(.mobile) header > .content ul.reseaux li a:hover{
color:#ffffff;
background:#485769;
}
body:not(.mobile) a.menu:hover,body:not(.mobile) a.close:hover,body:not(.mobile) a.contact:hover,body:not(.mobile) header ul li:hover,body header ul li.current{
background:#333333;
}
body:not(.mobile) header a:hover{
text-decoration:none;
}
body:not(.mobile) header:not(.reduce) ul > li.hasSousMenu:hover ul,
body:not(.mobile) header.reduce .top > ul.compte > li.hasSousMenu:hover ul{
-webkit-box-shadow:0 10px 15px -10px #000000;
box-shadow:0 10px 15px -10px #000000;
max-height:100vh;
}
header nav.menuTop > ul > li.hasSousMenu.current > ul{
-webkit-transition-delay:0ms;
transition-delay:0ms;
}
header.reduce nav.menuTop > ul > li.hasSousMenu.hover > ul{
max-height:none;
}
body:not(.mobile) header > .actualites .actualite.show:hover > *{
opacity:0.5;
}
header > .actualites .actualite.show:hover:before{
opacity:1;
-webkit-transform:translate(-50%, -50%) scale(1);
transform:translate(-50%, -50%) scale(1);
}
body:not(.mobile) #wrapper main > .content > .contenu > .inner > .bloc .nextBloc:hover{
padding-top:10px;
}
body:not(.mobile) #wrapper main.actualites div.actualites.blocs .actualite:hover{
text-decoration:none;
}
body:not(.mobile) #wrapper main.actualites div.actualites.blocs .actualite:hover > *{
opacity:0.5
}
body:not(.mobile) #wrapper main.actualites div.actualites.blocs .actualite:hover:before{
opacity:1;
-webkit-transform:translate(-50%, -50%) scale(1);
transform:translate(-50%, -50%) scale(1);
}
/* RESPONSIVE */
@media(max-width:900px){
.hide900{
display:none;
}
.table .cell{
padding:10px;
}
#wrapper main > .content > .contenu > .inner > .bloc .content .table,#wrapper main > .content > .contenu > .inner > .bloc .content .table .cell{
display:block;
width:100%;
padding:0;
}
#wrapper main > .content > .contenu > .inner > .bloc .content .table .cell{
padding:10px;
}
#wrapper main > .content > .contenu > .inner > .bloc .content .table:not(.noborder) .cell + .cell,#wrapper main > .content > .contenu > .inner > .bloc .content .table .row:not(.noborder) .cell + .cell{
border-left:0;
}
#wrapper main > .content > .contenu > .inner > .bloc .content .table .cell + .cell,#wrapper main > .content > .contenu > .inner > .bloc .content .table .row .cell + .cell{
margin-top:20px;
}
.checklist span{
width:100%;
}
header > .actualites{
top:-100vh;
}
#wrapper main > .content > .contenu > .inner > .bloc:not(.slider):first-child, #wrapper main > .content > .contenu > .inner > .bloc:not(.slider).fullScreen, #wrapper main > .content > .contenu > .inner > .bloc:not(.slider).fullHeight{
padding-top:70px;
}
}
@media(max-width:1200px){
#wrapper main.actualites div.actualites.blocs .actualite{
width:33.33%;
}
#wrapper main.mescommandes div.commandes .commande .data{
width:33.33%;
}
}
@media(max-width:900px){
#wrapper main.actualites div.actualites.blocs .actualite{
width:50%;
}
#wrapper main.mescommandes div.commandes .commande .data{
width:50%;
}
}
@media(max-width:800px){
footer > .content{
padding:10px;
}
footer > .content .table,footer > .content .table .cell{
display:block;
width:100%;
}
footer > .content .table:not(.noborder) .cell+.cell,footer > .content .table .row:not(.noborder) .cell+.cell{
border-left:0;
border-top:1px solid;
}
}
@media(max-width:600px){
#wrapper main.actualites div.actualites.blocs .actualite{
width:100%;
}
#wrapper main.actualites div.actualites.blocs .actualite > .content{
height:auto;
}
#wrapper main.mescommandes div.commandes .commande .data{
width:100%;
}
}