/*****************/
/**** GÉNÉRAL ****/
/*****************/

@font-face {
font-family: 'gothamlightitalic';
src: url('../font/gothamlight_italic-webfont.eot');
src: url('../font/gothamlight_italic-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/gothamlight_italic-webfont.woff2') format('woff2'),
url('../font/gothamlight_italic-webfont.woff') format('woff'),
url('../font/gothamlight_italic-webfont.ttf') format('truetype'),
url('../font/gothamlight_italic-webfont.svg#gothamlightitalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gotham_boldregular';
src: url('../font/ufonts.com_gotham_bold-webfont.eot');
src: url('../font/ufonts.com_gotham_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/ufonts.com_gotham_bold-webfont.woff2') format('woff2'),
url('../font/ufonts.com_gotham_bold-webfont.woff') format('woff'),
url('../font/ufonts.com_gotham_bold-webfont.ttf') format('truetype'),
url('../font/ufonts.com_gotham_bold-webfont.svg#gotham_boldregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gotham_bookregular';
src: url('../font/ufonts.com_gotham_book-webfont.eot');
src: url('../font/ufonts.com_gotham_book-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/ufonts.com_gotham_book-webfont.woff2') format('woff2'),
url('../font/ufonts.com_gotham_book-webfont.woff') format('woff'),
url('../font/ufonts.com_gotham_book-webfont.ttf') format('truetype'),
url('../font/ufonts.com_gotham_book-webfont.svg#gotham_bookregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gotham_mediumregular';
src: url('../font/ufonts.com_gotham-medium-webfont.eot');
src: url('../font/ufonts.com_gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/ufonts.com_gotham-medium-webfont.woff2') format('woff2'),
url('../font/ufonts.com_gotham-medium-webfont.woff') format('woff'),
url('../font/ufonts.com_gotham-medium-webfont.ttf') format('truetype'),
url('../font/ufonts.com_gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'laurenscriptregular';
src: url('../font/laurenscript-webfont.eot');
src: url('../font/laurenscript-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/laurenscript-webfont.woff2') format('woff2'),
url('../font/laurenscript-webfont.woff') format('woff'),
url('../font/laurenscript-webfont.ttf') format('truetype'),
url('../font/laurenscript-webfont.svg#laurenscriptregular') format('svg');
font-weight: normal;
font-style: normal;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
outline: none;
}

html, body{height:100%;}

html{overflow-x:hidden;}

body {
font-family: 'gotham_bookregular', Arial, sans-serif;
font-size:13px;
line-height:16px;
color:#000;
background-color:#fff;
width:100%;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
letter-spacing:1px;
}

input[type=text],input[type=file], input[type=password], button, select, textarea {
font-family: inherit;
font-size: inherit;
font-family: 'gotham_bookregular', Arial, sans-serif;
color:#000;
font-size:13px;
border:none;
}

input {
-webkit-appearance:none;
border-radius:0;
}

textarea{
resize: none;
overflow: auto;
}

input[type=text], textarea{
display:inline-block;
vertical-align:top;
padding:5px 15px;
border:1px solid #000;
background-color:#fff;
}

::-webkit-input-placeholder{
color:#000;
opacity:1;
filter:alpha(opacity=100);
text-transform:uppercase;
font-size:10px;
}

:-moz-placeholder{
color:#000;
opacity:1;
filter:alpha(opacity=100);
text-transform:uppercase;
font-size:10px;
}

::-moz-placeholder{
color:#000;
opacity:1;
filter:alpha(opacity=100);
text-transform:uppercase;
font-size:10px;
}

:-ms-input-placeholder{
color:#000;
opacity:1;
filter:alpha(opacity=100);
text-transform:uppercase;
font-size:10px;
}

input[type=checkbox]{vertical-align:-2px;}

input[type=radio]{vertical-align:-3px;}

button, a{cursor:pointer;}

button{background-color:transparent;}

a, a:hover{
border:0px;
text-decoration:none;
color:#000;
}

textarea, sup, sub{vertical-align:baseline;}

sup{bottom:1ex;}

sub{top:.5ex;}

sup, sub{
position:relative;
height:0;
line-height:1;
}

video{
max-width:100%;
height:auto;
}

table{border-collapse:collapse;}

img{
border:none;
max-width:100%;
}

ul{list-style-type:none;}

ul, ol{list-style-position:inside;}

label{display:block;}

canvas{-ms-touch-action:double-tap-zoom;}

h1, h2, h3, h4, h5{
font-weight:normal;
display:block;
}

header, nav, footer, section, article, aside, figure, figcaption, mark, time{display:block;}

.clrb{clear:both;}

.editor em, .editor i{
font-family: 'gothamlightitalic';
font-style:normal;
}

.editor b, .editor strong{
font-family: 'gotham_mediumregular';
font-weight:normal;
}

.editor a{
color:#000;
text-decoration:underline;
}

.editor .maj_14{
text-transform:uppercase;
font-size:14px;
font-family: 'gotham_mediumregular';
line-height:20px;
letter-spacing:2px;
}

.editor .maj_12{
text-transform:uppercase;
font-size:12px;
letter-spacing:1px;
}

.center{
position:relative;
margin:0 auto;
width:100%;
max-width:980px;
}

.titre_rub{
text-align:center;
padding:50px 0 45px 0;
font-family: 'gotham_boldregular';
font-size:22px;
line-height:24px;
letter-spacing:3px;
text-transform:uppercase;
color:#232124;
}

.bt_noir{
background-color:#3a3940;
border:1px solid #3a3940;
color:#fff;
font-family: 'gotham_boldregular';
font-size:11px;
text-transform:uppercase;
padding:5px 15px;
display:inline-block;
}

.editor a.bt_noir{
color:#fff;
text-decoration:none;
}

.bandeau_page{position:relative;}

.bandeau_page img{
width:100%;
display:block;
}

.bandeau_page .ti{
width:100%;
text-align:center;
}

.bandeau_page .ti.hidden{display:none;}

.bandeau_page h1{
display:inline-block;
vertical-align:middle;
font-family: 'gotham_boldregular';
font-size:20px;
text-transform:uppercase;
line-height:normal;
padding:20px;
}

.bandeau_page img + .ti{
position:absolute;
top:0;
left:0;
height:320px;
line-height:320px;
z-index:100;
}

.bandeau_page img + .ti h1{
color:#fff;
letter-spacing:6px;
text-shadow:-1px 3px 0px rgba(24, 23, 22, 0.2);
}


/***************/
/**** INDEX ****/
/***************/

body > .top{
background-color:#000;
color:#fff;
padding:8px 0;
}

body > .top li{
display:inline-block;
vertical-align:middle;
width:50%;
}

body > .top li + li{
text-align:right;
font-size:13px;
}

body > .top li.hidden{visibility:hidden;}

body > .top li:first-child{
font-size:10px;
position:relative;
cursor:pointer;
}

body > .top li:first-child a, body > .top li:first-child img{
display:inline-block;
vertical-align:middle;
color:#fff;
}

body > .top li:first-child img{margin-right:5px;}

body > .top li:first-child a + a{margin-left:15px;}

body > .site_header > header{
padding:40px 0 25px 0;
text-align:center;
}

body > .site_header > header > a{
display:inline-block;
margin-bottom:40px;
}

body > .site_header > header > a img{display:block;}

body > .site_header > header .menu_resp{
display:none;
vertical-align:bottom;
width:30%;
text-align:right;
}

body > .site_header > header .menu_resp img{cursor:pointer;}

body > .site_header > header nav > span{
display:inline-block;
vertical-align:middle;
position:relative;
margin:0 15px;
font-size:12px;
}

body > .site_header > header nav > span > a{
display:inline-block;
text-transform:uppercase;
font-family: 'gotham_boldregular';
letter-spacing:2px;
padding-bottom:6px;
}

body > .site_header > header nav > span.active > a{
border-bottom:1px solid #000;
padding-bottom:5px;
}

body > .site_header > header nav > span > div{
position:absolute;
top:21px;
left:-8px;
padding:15px 15px 5px 15px;
border:1px solid #000;
background-color:#fff;
text-align:left;
z-index:5000;
display:none;
min-width: 100%;
}

body > .site_header > header nav > span > div a{
display:block;
margin-bottom:10px;
white-space:nowrap;
}

body > .site_pusher > footer{
padding:35px 20px;
text-align:center;
text-transform:uppercase;
color:#6e6e6e;
font-size:10px;
}

body > .site_pusher > footer > a{
display:inline-block;
vertical-align:middle;
color:#6e6e6e;
background:url(../img/separ_footer_menu.jpg) no-repeat left center;
margin-left:13px;
padding-left:15px;
font-family: 'gotham_mediumregular';
}

body > .site_pusher > footer > a.normal{font-family: 'gotham_bookregular';}

body > .site_pusher > footer > a.beseen{padding-left:22px;}

body > .site_pusher > footer > span{
display:inline-block;
vertical-align:middle;
}

body > .site_pusher > footer .sociaux{
font-family: 'gotham_mediumregular';
font-size:13px;
color:#000;
padding-top:30px;
}

body > .site_pusher > footer .sociaux span, body > .site_pusher > footer .sociaux span a{
display:inline-block;
vertical-align:bottom;
}

body > .site_pusher > footer .sociaux span:first-child + span{background:url(../img/separ_footer_sociaux.jpg) no-repeat right center;}

body > .site_pusher > footer .sociaux span a{margin:0 5px;}

body > .site_pusher > footer .sociaux span + span{padding:0 10px;}


/*****************/
/**** ACCUEIL ****/
/*****************/

.home section.diapo{position:relative;}

.home section.diapo .ti{
position:absolute;
top:50%;
left:0;
width:100%;
text-align:center;
z-index:1000;
margin-top:-22px;
}

.home section.diapo .ti h1{
display:inline-block;
border:1px solid #fff;
padding:15px 20px;
font-family: 'gotham_boldregular';
font-size:18px;
text-transform:uppercase;
color:#fff;
background:url(../img/noir_20.png) repeat left top;
letter-spacing:6px;
text-shadow:2px 3px 5px #171715;
}

.home section.diapo .ti h1.hidden{display:none;}

.home section.diapo li img{
display:block;
width:100%;
}

.home section.diapo .bx-pager{
position:absolute;
left:0;
bottom:20px;
z-index:500;
width:100%;
text-align:center;
}

.home section.diapo .bx-pager a{
display:inline-block;
margin:0 6px;
width:11px;
height:11px;
background:url(../img/pager_off.png) no-repeat left top;
}

.home section.diapo .bx-pager a.active{background:url(../img/pager_on.png) no-repeat left top;}

.home section.diapo .bx-controls-direction{
position:absolute;
top:50%;
left:50%;
width:980px;
margin:-12px 0 0 -490px;
}

.home section.diapo .bx-prev, .home section.diapo .bx-next{
position:absolute;
top:0;
width:15px;
height:24px;
display:block;
z-index:3000;
}

.home section.diapo .bx-prev{
left:0;
background:url(../img/diapo_prev_blanc.png) no-repeat left top;
}

.home section.diapo .bx-next{
right:0;
background:url(../img/diapo_next_blanc.png) no-repeat left top;
}

.home .accueil_histoire > article.editor{
position:relative;
text-align:right;
overflow:hidden;
}

.home .accueil_histoire > article.editor div{
display:inline-block;
vertical-align:middle;
}

.home .accueil_histoire > article.editor div:first-child{width:40%;}

.home .accueil_histoire > article.editor div img{
max-width:none;
display:block;
}

.home .accueil_histoire > article.editor div + div{
width:60%;
background-color:#fff;
border:1px solid #000;
padding:40px 35px;
text-align:left;
line-height:18px;
}

.home .accueil_histoire > article.editor div + div a.lien{
font-family: 'gotham_mediumregular';
display:inline-block;
margin-top:20px;
text-decoration:none;
}

.home .accueil_histoire > article.blocs{
background-color:#3a3940;
margin-top:40px;
color:#fff;
text-align:center;
padding-top:35px;
}

.home .accueil_histoire > article.blocs li{
display:inline-block;
vertical-align:top;
width:33%;
padding-bottom:35px;
}

.home .accueil_histoire > article.blocs li.c1{padding-right:30px;}

.home .accueil_histoire > article.blocs li.c2{
width:34%;
padding-left:12px;
padding-right:12px;
}

.home .accueil_histoire > article.blocs li.c3{padding-left:30px;}

.home .accueil_histoire > article.blocs li .img{
display:inline-block;
margin-bottom:15px;
max-height:41px;
}

.home .accueil_histoire > article.blocs li .img img{
display:block;
margin:0 auto;
max-height:100%;
}

.home .accueil_histoire > article.blocs li h3{
text-transform:uppercase;
font-family: 'gotham_boldregular';
margin-bottom:15px;
font-size:13px;
}

.home .accueil_actu{padding-bottom:40px;}

.home .accueil_atouts{padding-bottom:40px;}

.home .accueil_atouts article{
padding-top:120px;
background-position:center center;
background-repeat:no-repeat;
}

.home .accueil_atouts .right{
text-align:right;
margin-top:-15px;
}

.home .accueil_atouts .left ul{
display:inline-block;
width:290px;
max-width:100%;
padding:30px 15px 20px 0;
background-color:#fff;
}

.home .accueil_atouts .right ul{
display:inline-block;
text-align:left;
width:445px;
max-width:100%;
background-color:#fff;
border:1px solid #000;
padding:30px 50px 25px 50px;
}

.home .accueil_atouts ul li{
display:block;
width:100%;
margin-top:20px;
}

.home .accueil_atouts .left ul li{
padding-left:20px;
background:url(../img/puce_noir.png) no-repeat left 6px;
}

.home .accueil_atouts ul li:first-child{margin-top:0;}

.home .accueil_atouts .lien{
margin-top:25px;
text-align:center;
}

.home .actu .diapo{
position:relative;
margin-bottom:80px;
}

.home .actu .diapo li{position:relative;}

.home .actu .diapo li > div{
position:relative;
margin:0 140px;
}

.home .actu .diapo li .img, .home .actu .diapo li .editor{
display:inline-block;
vertical-align:top;
}

.home .actu .diapo li .editor{
padding-bottom:40px;
width:100%;
text-align:center;
}

.home .actu .diapo li .img{
width:40%;
text-align:center;
}

.home .actu .diapo li .img + .editor{
text-align:left;
padding-left:70px;
width:60%;
}

.home .actu .diapo li .editor h3{
font-family: 'gotham_mediumregular';
font-size:13px;
text-transform:uppercase;
padding-bottom:15px;
}

.home .actu .diapo li a.bt_noir{
position:absolute;
bottom:0;
right:0;
}

.home .actu .diapo .bx-prev, .home .actu .diapo .bx-next{
position:absolute;
top:50%;
width:21px;
height:21px;
display:block;
margin-top:-11px;
}

.home .actu .diapo .bx-prev{
left:0;
background:url(../img/diapo_prev_noir.png) no-repeat left top;
}

.home .actu .diapo .bx-next{
right:0;
background:url(../img/diapo_next_noir.png) no-repeat left top;
}

.home .accueil_contact{
padding-bottom:40px;
background-color:#f1f6ff;
}

.home .accueil_contact .center article{
display:inline-block;
vertical-align:top;
width:50%;
padding-right:20px;
border-right:1px solid #3a3940;
}

.home .accueil_contact .center article + article{
padding-right:0;
padding-left:20px;
border-right:none;
text-align:right;
}

.home .accueil_contact .center article ul{
display:table;
width:100%;
max-width:285px;
display:inline-block;
}

.home .accueil_contact .center article li{
display:table-cell;
vertical-align:top;
text-align:left;
}

.home .accueil_contact .center article li:first-child{max-width:10%;}

.home .accueil_contact .center article li + li{
max-width:90%;
padding-left:20px;
}

.home .accueil_contact .center article ul + ul{margin-top:15px;}


/*****************/
/**** SOCIÉTÉ ****/
/*****************/

.societe .societe_histoire article{
text-align:center;
padding:0 55px;
}

.societe .societe_histoire article img{
margin:50px auto 0 auto;
display:block;
}

.societe .societe_savoir_faire{
border-top:1px solid #000;
border-bottom:1px solid #000;
margin-top:40px;
}

.societe .societe_savoir_faire article{margin-bottom:50px;}

.societe .societe_savoir_faire article h3{
padding-bottom:20px;
margin-bottom:40px;
border-bottom:1px solid #000;
text-transform:uppercase;
font-family: 'gotham_boldregular';
font-size:14px;
}

.societe .societe_savoir_faire article h3.hidden{display:none;}

.societe .societe_savoir_faire article .img, .societe .societe_savoir_faire article .editor{
display:inline-block;
vertical-align:middle;
}

.societe .societe_savoir_faire article .img{width:40%;}

.societe .societe_savoir_faire article .editor{width:60%;}

.societe .societe_savoir_faire article .editor + .img{text-align:right;}

.societe .societe_savoir_faire article .editor{padding-right:85px;}

.societe .societe_savoir_faire article .img + .editor{
padding-right:0;
padding-left:85px;
text-align:right;
}

.societe .societe_savoir_faire article .editor.no_img{width:100%;}

.societe section.societe_regles_or{
border-bottom:1px solid #000;
padding-bottom:15px;
text-align:center;
}

.societe section.societe_regles_or article{
padding:0 30px 35px 30px;
display:inline-block;
vertical-align:top;
width:25%;
}

.societe section.societe_regles_or article .img{
margin-bottom:20px;
height:90px;
}

.societe section.societe_regles_or article .img img{
margin:0 auto;
display:block;
}

.societe section.societe_regles_or article h3{
text-transform:uppercase;
font-family: 'gotham_mediumregular';
font-size:13px;
}


/******************/
/**** PRODUITS ****/
/******************/
.produits .produits_marques article{
width:100%;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
-ms-flex-align: flex-end;
-webkit-align-items: flex-end;
-webkit-box-align: flex-end;
align-items: flex-end;
height:70px;
}

.produits .produits_marques article + article{margin-top:20px;}

.produits .produits_marques article div{
    max-width:13%;
    display:inline-block;
    vertical-align:bottom;
}
.produits .produits_marques article div img{
    max-width:100%;
    height:auto;
    vertical-align: bottom;
}
.produits .produits_marques article div .couleur{
    display:none;
}
.produits .produits_marques article div:hover .couleur{
    display:block;
}
.produits .produits_marques article div:hover .netb{
    display:none;
}

.produits .produits_rub{
padding:50px 0 15px 0;
border-bottom:1px solid #000;
}

.produits .produits_rub article{
display:inline-block;
vertical-align:bottom;
width:32%;
text-align:center;
padding-bottom:40px;
}

.produits .produits_rub article.second{margin:0 2%;}

.produits .produits_rub article h3{
font-family: 'gotham_boldregular';
text-transform:uppercase;
margin-bottom:10px;
font-size:13px;
letter-spacing:2px;
}


/*****************/
/**** CONTACT ****/
/*****************/

.contact .contact_equipes{padding-bottom:30px;}

.contact .contact_equipes .titre_rub{padding-bottom:15px;}

.contact .contact_equipes ul{text-align:center;}

.contact .contact_equipes ul li{
display:inline-block;
vertical-align:top;
text-align:left;
width:25%;
margin-top:30px;
}

.contact .contact_equipes ul li > strong{
display:inline-block;
padding:0 10px;
background:url(../img/contact_off.png) no-repeat left center;
font-family: 'gotham_boldregular';
font-size:12px;
font-weight:normal;
}

.contact .contact_equipes ul li > .editor{
margin:10px 10px 0 0;
padding:15px 0 15px 10px;
background-color:#f0f6ff;
font-size:11px;
word-wrap:break-word;
}

.contact .contact_equipes ul li > .editor a{text-decoration:none;}

.contact .contact_localiser{
padding-bottom:35px;
border-bottom:1px solid #000;
}

.contact .contact_localiser .titre_rub + .editor{
text-align:center;
margin-bottom:35px;
}

.contact .contact_localiser .itineraires{
position:relative;
padding-bottom:100px;
}

.contact .contact_localiser .itineraires .picto{
position:absolute;
top:0;
left:25px;
}

.contact .contact_localiser .itineraires .picto > span{
display:block;
text-align:center;
cursor:pointer;
margin-top:30px;
text-transform:uppercase;
color:#393940;
font-size:12px;
font-family: 'gotham_mediumregular';
opacity:0.3;
filter:alpha(opacity=30);
}

.contact .contact_localiser .itineraires .picto > span > span{
display:block;
text-align:center;
margin-bottom:5px;
}

.contact .contact_localiser .itineraires .picto > span > span img{
display:inline-block;
vertical-align:middle;
}

.contact .contact_localiser .itineraires .picto > span.active{
opacity:1;
filter:alpha(opacity=100);
}

.contact .contact_localiser .itineraires .map > div{display:none;}

.contact .contact_localiser .itineraires .map > div.active{display:block;}

.contact .contact_localiser .itineraires .map > div > img{
display:block;
margin:0 auto;
}

.contact .contact_localiser .itineraires .map .liens{padding-right:450px;}

.contact .contact_localiser .itineraires .map .liens a{
display:inline-block;
margin:15px 30px 0 0;
}

.contact .contact_localiser .itineraires .map .liens a:last-child{margin-right:0;}

.contact .contact_localiser .itineraires .coords{
position:absolute;
bottom:0;
right:85px;
width:320px;
}

.contact .contact_localiser .itineraires .coords ul{
width:100%;
background-color:#3a3940;
color:#fff;
border-bottom:15px solid #a8b0bb;
padding:0 20px 30px 20px;
margin-bottom:30px;
}

.contact .contact_localiser .itineraires .coords li{
display:inline-block;
vertical-align:top;
padding-top:30px;
width:10%;
}

.contact .contact_localiser .itineraires .coords li.editor{
width:90%;
padding-left:25px;
color:#fff;
font-size:12px;
}

.contact .contact_localiser .itineraires .coords .tram img, .contact .contact_localiser .itineraires .coords .tram .editor{
display:inline-block;
vertical-align:middle;
}

.contact .contact_localiser .itineraires .coords .tram img{max-width:12%;}

.contact .contact_localiser .itineraires .coords .tram .editor{
width:205px;
max-width:100%;
line-height:20px;
}

.contact .contact_localiser .itineraires .coords .tram img + .editor{
max-width:88%;
padding-left:20px;
}

.contact .contact_localiser .sites{text-align:center;}

.contact .contact_localiser .sites h3{
margin-top:50px;
padding-bottom:20px;
text-transform:uppercase;
border-bottom:1px solid #000;
font-family: 'gotham_boldregular';
font-size:14px;
text-align:left;
letter-spacing:2px;
}

.contact .contact_localiser .sites > div{
display:inline-block;
vertical-align:top;
padding:30px 20px 0 20px;
}

.contact .contact_localiser .sites > div span{
display:inline-block;
padding-left:20px;
background:url(../img/bull.png) no-repeat left center;
}

.contact .contact_localiser .sites > div a{
font-family: 'gotham_mediumregular';
color:#3a3940;
display:inline-block;
margin-top:20px;
}

.contact .contact_localiser .sites > div a:first-child{margin-top:0;}


/*******************/
/**** CARRIÈRES ****/
/*******************/

.carrieres .carrieres_valeurs{
border-bottom:1px solid #000;
padding-bottom:40px;
}

.carrieres .carrieres_valeurs .pictos{
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
margin-bottom:50px;
}

.carrieres .carrieres_valeurs .pictos li{
max-width:20%;
display:inline-block;
vertical-align:top;
text-align:center;
}

.carrieres .carrieres_valeurs .pictos li .img{
display:block;
position:relative;
height:72px;
line-height:72px;
margin-bottom:25px;
}

.carrieres .carrieres_valeurs .pictos li .img img{
display:inline-block;
vertical-align:middle;
}

.carrieres .carrieres_valeurs .pictos li .img > span{
font-family: 'gotham_boldregular';
font-size:30px;
position:absolute;
top:0;
left:0;
width:100%;
height:72px;
line-height:80px;
}

.carrieres .carrieres_valeurs .pictos li h3{
margin-bottom:15px;
font-family: 'gotham_mediumregular';
text-transform:uppercase;
font-size:13px;
letter-spacing:2px;
text-align:center;
}

.carrieres .carrieres_valeurs > article.editor{
padding-top:40px;
text-align:center;
}

.carrieres .carrieres_valeurs > article.editor + img{
display:block;
margin:40px auto 0 auto;
}

.carrieres .carrieres_politiquerh article > div{
display:inline-block;
vertical-align:bottom;
width:49%;
}

.carrieres .carrieres_politiquerh article > div + div{
width:51%;
text-align:right;
}

.carrieres .carrieres_politiquerh article > div:first-child{padding-right:30px;}

.carrieres .carrieres_politiquerh article > div .sociaux{
margin-top:20px;
font-family: 'gotham_mediumregular';
text-transform:uppercase;
font-size:13px;
letter-spacing:2px;
}

.carrieres .carrieres_politiquerh article > div .sociaux span{display:block;}

.carrieres .carrieres_politiquerh article > div .sociaux a{
display:inline-block;
margin-top:5px;
height:30px;
line-height:30px;
color:#fff;
padding:0 25px 0 45px;
text-decoration:none;
}

.carrieres .carrieres_politiquerh article > div .sociaux a.viadeo{
background:url(../img/viadeo_blanc.png) no-repeat 20px 4px;
background-color:#3a3940;
}

.carrieres .carrieres_politiquerh article > div .sociaux a.linkedin{
background:url(../img/linked_in_blanc.png) no-repeat 20px 4px;
background-color:#3a3940;
}

.carrieres .carrieres_politiquerh article > div .sociaux a + a{margin-left:15px;}

.carrieres .carrieres_emploi{
border-top:1px solid #000;
margin-top:40px;
padding-bottom:25px;
}

.carrieres .carrieres_emploi > .editor{
padding-bottom:25px;
text-align:center;
}

.carrieres .carrieres_emploi article{background-color:#f1f6ff;}

.carrieres .carrieres_emploi article .titre{
padding:15px 70px 15px 20px;
position:relative;
cursor:pointer;
}

.carrieres .carrieres_emploi article.pair{background-color:transparent;}

.carrieres .carrieres_emploi article h3{
font-family: 'gotham_mediumregular';
font-size:13px;
margin-bottom:5px;
}

.carrieres .carrieres_emploi article .bt{
position:absolute;
top:50%;
right:25px;
width:19px;
height:5px;
display:block;
background:url(../img/open_emploi.png) no-repeat left top;
cursor:pointer;
}

.carrieres .carrieres_emploi article.open .bt{background:url(../img/close_emploi.png) no-repeat left top;}

.carrieres .carrieres_emploi article .editor{
display:none;
text-align:center;
padding:25px 20px 40px 20px;
}

.carrieres .carrieres_emploi article .editor .bt_noir{cursor:pointer;}

.carrieres .carriere_spontanee{
padding:40px 0;
text-align:center;
border-top:1px solid #000;
border-bottom:1px solid #000;
}

.carrieres .carriere_spontanee.open{
border-bottom:none;
padding-bottom:0;
}

.carrieres .carriere_spontanee h4, .carrieres .carrieres_emploi form h4{
margin-bottom:15px;
font-family: 'gotham_mediumregular';
text-transform:uppercase;
font-size:13px;
letter-spacing:2px;
text-align:center;
}

.carrieres .carrieres_emploi form h4{margin-bottom:30px;}

.carrieres .carriere_spontanee .bt{
padding-bottom:30px;
background:url(../img/open_spontanee.png) no-repeat center bottom;
}

.carrieres .carriere_spontanee.open .bt{
padding-bottom:0;
background:none;
}

.carrieres .carriere_spontanee .bt span{
display:inline-block;
padding:15px 20px;
background-color:#f1f6ff;
font-family: 'gotham_mediumregular';
text-transform:uppercase;
font-size:13px;
border:1px solid #000;
cursor:pointer;
}

.carrieres .form_candidature{
display:none;
width:100%;
padding-top:45px;
text-align:left;
}

.carrieres .form_candidature.open{display:block;}

.carrieres .form_candidature .alerte{
display:block;
font-family: 'gotham_boldregular';
margin-bottom:20px;
color:#edcf92;
font-size:13px;
text-align:center;
}

.carrieres .form_candidature .alerte.hidden{display:none;}

.carrieres .form_candidature .left, .carrieres .form_candidature .right{
display:inline-block;
vertical-align:top;
}

.carrieres .form_candidature .left{
width:45%;
padding:0 50px 0 90px;
}

.carrieres .form_candidature .right{
width:55%;
padding-right:90px;
}

.carrieres .form_candidature input[type=text], .carrieres .form_candidature input[type=file], .carrieres .form_candidature textarea{
display:block;
width:100%;
margin-bottom:20px;
}

.carrieres .form_candidature textarea{height:260px;}

.carrieres .form_candidature .input_file{
position:relative;
text-align:center;
text-transform:uppercase;
font-size:10px;
width:100%;
margin-bottom:20px;
border:1px solid #000;
padding:5px 15px;
}

.carrieres .form_candidature .input_file input{
width:100%;
height:100%;
filter : alpha(opacity=0);
opacity:0;
position:absolute;
top:0;
left:0;
cursor:pointer;
z-index:500;
margin:0;
padding:0;
}

.carrieres .form_candidature .oblig{
text-transform:uppercase;
font-size:10px;
}

.carrieres .form_candidature .close{
width:100%;
height:16px;
background:url(../img/close_spontanee.png) no-repeat center center;
background-color:#a8b0bb;
cursor:pointer;
margin-top:30px;
}

.carrieres .carrieres_temoignages{
padding-bottom:60px;
border-bottom:1px solid #000;
}

.carrieres .carrieres_temoignages .diapo{position:relative;}

.carrieres .carrieres_temoignages .bx-viewport{background-color:#3a3940;}

.carrieres .carrieres_temoignages .diapo li{
color:#fff;
text-align:center;
}

.carrieres .carrieres_temoignages .diapo li > div{padding:25px 70px 30px 70px;}

.carrieres .carrieres_temoignages .diapo li img, .carrieres .carrieres_temoignages .diapo li .editor{
display:inline-block;
vertical-align:middle;
}

.carrieres .carrieres_temoignages .diapo li img{max-width:20%;}

.carrieres .carrieres_temoignages .diapo li .editor{width:100%;}

.carrieres .carrieres_temoignages .diapo li img + .editor{
text-align:left;
padding-left:40px;
max-width:80%;
}

.carrieres .carrieres_temoignages .diapo li .editor h4{
background:url(../img/separ_temoignage.jpg) no-repeat center bottom;
font-size:14px;
text-transform:uppercase;
font-family: 'gotham_mediumregular';
padding-bottom:15px;
margin-bottom:25px;
}

.carrieres .carrieres_temoignages .diapo li .editor h4 span{
text-transform:none;
font-family:'gothamlightitalic';
font-size:13px;
}

.carrieres .carrieres_temoignages .diapo li img +.editor h4{background:url(../img/separ_temoignage.jpg) no-repeat left bottom;}

.carrieres .carrieres_temoignages .diapo li .editor a{color:#fff;}

.carrieres .carrieres_temoignages .diapo .bx-prev, .carrieres .carrieres_temoignages .diapo .bx-next{
position:absolute;
top:50%;
width:15px;
height:24px;
display:block;
margin-top:-12px;
}

.carrieres .carrieres_temoignages .diapo .bx-prev{
left:20px;
background:url(../img/diapo_prev_blanc.png) no-repeat left top;
}

.carrieres .carrieres_temoignages .diapo .bx-next{
right:20px;
background:url(../img/diapo_next_blanc.png) no-repeat left top;
}


/**************************/
/**** CONTENUS (LÉGAL) ****/
/**************************/

section.paragraphes{
padding-bottom:60px;
border-bottom:1px solid #000;
}

section.paragraphes article{margin-top:50px;}

section.paragraphes article h2{
padding-bottom:20px;
margin-bottom:40px;
border-bottom:1px solid #000;
text-transform:uppercase;
font-family: 'gotham_boldregular';
font-size:14px;
}

section.paragraphes article .editor{
padding-right:0;
width:100%;
max-width:700px;
text-align:justify;
}



/**************************/
/**** MENU FIXE (au dessus de 600px) ****/
/**************************/
@media screen and (max-width: 600px) {
	.site_pusher{padding-top:0 !important;}
}

@media screen and (min-width: 600px){
	@keyframes anim_menu {
	0% {opacity:0.7;}
	50% {opacity:0.9;}
	100% {opacity:1;}
	}

	@-webkit-keyframes anim_menu {
	0% {opacity:0.7;}
	50% {opacity:0.9;}
	100% {opacity:1;}
	}

	.site_header_mini{
	position: fixed;
	top:0;
	left:0;
	background:#FFF;
	z-index:9999;
	width:100%;
	height:95px;
	-webkit-box-shadow: 0 2px 15px #E4E9F0;
	-moz-box-shadow: 0 2px 15px #E4E9F0;
	box-shadow: 0 2px 15px #E4E9F0;
	/*animation-name: anim_menu;
	animation-duration: 0.3s;
	-webkit-animation-name: anim_menu;
	-webkit-animation-duration: 0.3s;*/
	}

	body > .site_header_mini > header > a{
	position:absolute;
	left:0;
	top:8px;
	}

	body > .site_header_mini > header > a img{max-height:70px;}

	body > .site_header_mini > header{
	padding-top: 52px;
	padding-bottom:0;
	}
}

@media screen and (min-width: 600px) and (max-width:1006px) {
	body > .site_header_mini > header > a{left:30px;}

	body > .site_header_mini > header nav{
	text-align:center;
	padding-left:150px;
	}
}

@media screen and (min-width: 600px) and (max-width:750px) {
    body > .site_header > header nav > span{margin:0 5px;}
	
	body > .site_header_mini > header > a{left:10px;}
	
	body > .site_header_mini > header nav{padding-left:120px;}
}