@charset "UTF-8"; 
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600'); 
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*:before,*:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after { content:" "; display:table; }
.clearfix:after,.container:after,.container-fluid:after,.row:after { clear:both; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block; }
html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; font-size:10px; -webkit-tap-highlight-color:rgba(0,0,0,0); }
body { margin:0; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; line-height:1.42857143; color:#333; background-color:#ddd; }
a { background-color:transparent; text-decoration:none; transition:all .25s ease-in-out 0s; color:#333; }
a:hover { color:#ec008c; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
p { margin:0 0 20px 0; }

.container { margin-right:auto; margin-left:auto; padding-left:16px; padding-right:16px; width:100%; max-width:1600px; }
.row { margin-left:-8px; margin-right:-8px; display:flex; flex-wrap:wrap; }
.col { position:relative; width:100%; padding-right:8px; padding-left:8px; max-width:100%; }
@media (min-width:768px) {
    .col { flex-basis:0; flex-grow:1; }
}
/* common / layout */
main { position:relative; }
.custom { position:absolute; top:0; left:0; width:100%; height:320px; background-color:#25223f; }
.custom svg { position:absolute; bottom:0; left:0; width:100%; }
.custom svg path { fill:#ddd; }
.bloc { background:#fff; padding:16px; flex-grow:1; border-radius:4px; margin-bottom:32px; }
.bl h3 { text-transform:uppercase; color:#ec008c; font-size:13px; font-size:1.3rem; font-weight:600; margin-bottom:4px; padding-left:16px; position:relative; cursor:pointer; }
.bl h3:before { display:block; height:0; width:0; position:absolute; top:7px; left:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:none; border-bottom:5px solid #ec008c; content:''; transition:all .25s ease-in-out 0s; }
.bl.open h3:before { transform:rotate(180deg); }
.bl ul { list-style:none; padding:0; margin:0; }
.bl ul li { padding:2px 0 2px 16px; position:relative; }
.bl ul li:before { content:''; position:absolute; top:8px; left:0; width:6px; height:6px; border-radius:50%; background-color:#333; }
.bl-title { text-transform:uppercase; font-size:24px; font-size:2.4rem; margin-bottom:16px; color:#ec008c; font-weight:600; vertical-align:baseline; line-height:20px; }
.bl-title strong { position:relative; top:-3px; display:inline; padding:.2em .6em .3em; font-size:10px; font-size:1rem; font-weight:600; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25em; margin-right:5px; }
.bl-title strong:empty { display:none; }
.bl-i { display:none; }
.bl.open .bl-i { display:block; }
.linklist { padding:0 0 12px 0; margin:0 0 12px 0; list-style:none; border-bottom:1px dotted #777; }
.linkitem { padding:0 0 0 12px; position:relative; }
.linkitem:before { content:''; position:absolute; top:8px; left:0; width:4px; height:4px; border-radius:50%; background-color:#333; }
.zone-western { background-color:#79ba59; }
.zone-southern { background-color:#d9684d; }
.zone-central {  background-color:#3976bc; }
.zone-north { background-color:#5cbede; }
.zone-east { background-color:#ecd83b; }
.zone-uki { background-color:#b97bdc; }

/* header */
.header { padding:30px 0; color:#ec008c; ; }
.header h1 { font-size:20px; font-size:2rem; font-weight:400; text-transform:uppercase; }
.header span { color:#fff; ; }

/* onglets */
.tabs { position:relative; }
.tab-nav { list-style:none; margin:0; padding:0; width:100%; }
.tab-item { display:block; float:left; position:relative; width:auto; text-align:center; margin-right:1px; }
.tab-item.last { margin-right:10px; }
.tab-link { border-radius:4px 4px 0 0; position:relative; padding:18px 0 6px 0; background-color:transparent; text-transform:uppercase; color:#fff; transition:all .25s ease-in-out 0s; display:block; width:100%; text-align:center; width:50px; color:#3e4551; background-color:#ccc; overflow:hidden; }
.tab-link:hover, .tab-link.current { color:#ec008c; background-color:#fff; opacity:1 !important; }
.tab-link span { position:absolute; top:0; left:0; width:100%; display:block; height:12px; font-size:8px; font-weight:bold; line-height:12px; color:#fff; text-align:center; }
.tab-item.last { margin-right:10px; }

/* tabs */
.section-tabs { margin-bottom:16px; }
.tab-data { display:none; transition:all .25s ease-in-out 0s; }
.tab-data.current { display:block; }
.tab-data-i { padding:24px 16px 16px 16px; background:#fff; border-bottom-right-radius:4px; border-bottom-left-radius:4px; }
.entete { margin-bottom:20px; }
.entete h2 { margin:0; }
.flag { float:left; margin-right:12px; }
.env-o { padding:40px 16px 16px 16px; background-color:#eee; border-radius:4px; position:relative; margin-bottom:20px;}
.env-title { margin-bottom:5px; text-align:center; display:inline-block; background-color:#25223f; color:#fff; top:0; left:50%; transform:translateX(-50%); padding:4px 12px; border-radius:0 0 4px 4px; position:absolute; text-transform:uppercase; font-size:14px; line-height:14px; }
.release { font-size:9px; display:block; line-height:9px; }
.env-dev { background-color:#e9ecef; }
.env-int { background-color:#dee2e6; }
.env-ppr { background-color:#ced4da; }
.env-prd { background-color:#adb5bd; }
.account { position:relative; padding:0 0 0 52px; margin:0 0 12px 0; line-height:20px; }
.account svg { fill:#333; width:40px; height:40px; position:absolute; left:0; top:0; }
.env-common { background-color:#f0f0f0; margin-bottom:0; text-align:center; padding-top:16px; }
.env-common a { color:#333; transition:all .25s ease-in-out 0s; }
.env-common a:before { content:'/ '; }
.env-common a:first-child:before { content:''; }

/* footer */
.footer { text-align:center; color:#333; opacity:.5; margin-bottom:32px; }
.footer a { text-decoration:underline; }