/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    SG
    created:    2012-06-01
    author:     www.kreatia.es


----------------------------------------------------------------------------- */


/*  =RESET
----------------------------------------------------------------------------- */

* { margin:0; padding:0; vertical-align:baseline; }

body {
    font-family:Helvetica, Arial, Verdana, Helvetica, sans-serif;
    font-size:62.5%; /* :INFO:1em = 11px */
    text-align:center;
    margin:0;
    height:100%;
    color:#000;
    background:#f5f5f5;
}

input { height:auto; }
a img, fieldset, form { border:0; }
ins, abbr, acronym { text-decoration:none; border:0; font-style:normal; }
a:hover ins, a:hover abbr, a:hover acronym { text-decoration:underline; }
address { font-style:normal; }
ul { list-style:none; }
q:before, q:after { content:''; }
small { font-size:0.9em; }
input, select, textarea, button { font:1em Arial, Verdana, Helvetica, sans-serif; }
textarea { overflow:auto; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }/*ie7*/
.clearfix { display:block; }
* html .clearfix { height:1%; }


hr,
.accessibility { 
    position:absolute;
    left:-9999em;
}

button {
    width:auto;
    overflow:visible;
    border:0;
    background:none;
    cursor:pointer;
}

input.submit {
    width:auto !important;
    height:auto !important;
    cursor:pointer !important;
    border:0 !important;
    overflow:visible;
}


/* = WEBFONTS
----------------------------------------------------------------------------- */
@font-face {
	 font-family: 'NimbusSanNov-Lig';
 	 src: url('../webfonts/238310_0_0.eot');
	 src: url('../webfonts/238310_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/238310_0_0.woff') format('woff'),url('../webfonts/238310_0_0.ttf') format('truetype');
}

/*  =GENERIC
----------------------------------------------------------------------------- */

#content {
/*    border-right:1px solid #d8d8d8;
    border-left:1px solid #d8d8d8;*/
    text-align:left;
    background:#fff;
}

#container{
    margin:0 auto;
    width:960px;
    position:relative;
    border-right:1px solid #d8d8d8;
    border-left:1px solid #d8d8d8;
}

a {
    color:#666;
    cursor:pointer;
}

#footer:after,
#nav:after,
#nav .menu:after,
#footer:after,
#header>.inner:after {
    content:"."; display:block; height:0; clear:both; visibility:hidden;width:938px;
}

/* =HEADER
----------------------------------------------------------------------------- */

#header {
    background:#fff;
    z-index:5;
    position:absolute;
    left:0;
    top:0;
    height:170px;
}

#header .top {
    background:#d4d4d4;
    height:18px;
    padding:2px 0 0 0;
    width:960px;
}

#header .top .stock {
    color:#000;
    display:block;
    float:left;
    width:520px;
    padding:0 10px 0 0;
    text-align:right;
}

#header .top .stock .up {
    color:#328500;
}

#header .top .links {
    float:right;
    overflow:hidden;
}

#header .top .links li {
    padding:0 10px;
    float:left;
    background:url(../img/skin/pictos.png) left 3px no-repeat;
}

#header .top .links li:first-child {
    background:none;
}

#header .top .links li a {
    text-decoration:none;
    color:#000;
}

#header .top .links li a:hover {
    text-decoration:underline;
}

#header .block-search {
    float:right;
    margin:0 12px 0 0;
}

#header .block-search label {
    position:absolute;
    left:-99999px;
}

#header .bloc-label-input {
    border:1px solid #e4e4e4;
    background:#e4e4e4;
    width:137px;
    overflow:hidden;
}

#header .block-search input[type="text"] {
    width:112px;
    height:14px;
    border:0;
    padding:0 5px;
    color:#8d8d8d;
    background:#fff;
    display:block;
    float:left;
    margin:0 1px 0 0;
}

#header .block-search input[type="submit"] {
    background:url(../img/skin/btn-search.png) left top no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    border:0;
    width:14px;
    height:14px;
    float:left;
    cursor:pointer;
    line-height:10em;
}

#header .block-search-result {
    border:2px solid #b2b2b2;
    background:#fff;
    padding:8px 0 0 0;
    position:absolute;
    width:476px;
    z-index:5;
    display:none;
}

#header .block-search-result .title {
    text-transform:uppercase;
    color:#e60028;
    font-size:0.95em;
    padding:0 0 8px 10px;
}

#header .block-search-result table {
    border-collapse:collapse;
    width:100%;
    margin:0 0 20px 0;
}

#header .block-search-result table caption {
    text-align:left;
}

#header .block-search-result table th {
    background:#b3b3b3;
    color:#fff;
    height:16px;
    vertical-align:middle;
}

#header .block-search-result table th:first-child {
    padding:0 0 0 10px;
}

#header .block-search-result table td:first-child {
    padding:0 0 0 10px;
}

#header .block-search-result table td {
    color:#252525;
    font-size:0.95em;
    height:20px;
    vertical-align:middle;
    text-transform:uppercase;
}

#header .block-search-result table td a {
    color:#252525;
    text-decoration:none;
}

#header .block-search-result table td a:hover {
    text-decoration:underline;
}

#header .block-search-result table .odd td {
    background:#eeeeee;
}

#header .block-search-result table .col-1 {
    width:155px;
}

#header .block-search-result table .col-2 {
    width:100px;
}

#header .block-search-result table .col-3 {
    width:60px;
}

#header .block-search-result table .col-5 {
    width:75px;
}

#header .block-search-result table .col-6 {
    width:70px;
}

#header .block-search-result ul li {
    padding:5px 0 5px 10px;
}

#header .block-search-result ul li.odd {
    background:#eeeeee;
}

#header .block-search-result ul li a {
    text-decoration:none;
}

#header .block-search-result ul li a:hover {
    text-decoration:underline;
}

#header>.inner {
    height:145px;
    padding:0 11px;
    display:inline-block;
    display:block;
}

#header .inner .logo {
    height:115px;
    float:left;
    display:block;
}

#header .inner .logo a {
    display:block;
    padding:25px 0 0 1px;
}

#header .inner .logo a img {
    display:block;
}

#header .lang {
    float:right;
    padding:0 10px 0 0;
}

#header .logo-brand {
    float:left;
    width:225px;
    text-align:center;
    display:block;
    padding:20px 0 0 60px;
}

#header .logo-brand img {
    display:inline;
}

#header .no-login .logo-brand {
    float:right;
}

#header .btn-type-02 {
    margin:40px 30px 0 0;
    float:right;
}

/* =NAV
----------------------------------------------------------------------------- */

#nav {
    height:40px;
    position:relative;
    display:inline-block;
    display:block;
    background:url(../img/skin/bg-nav.png) left top repeat-x;
    clear:both;
    width:100%;
}

#nav .menu {
    float:left;
    display:inline-block;
    display:block;
    position:relative;
}

#nav .menu>li {
    background:url(../img/skin/pictos.png) right -392px no-repeat;
    display:block;
    float:left;
}

#nav .menu>li:first-child {
    padding-left:0;
}

#nav .menu>li>a {
    color:#000000;
    text-decoration:none;
    font-size:1.25em;
    text-transform:uppercase;
    display:block;
    padding:7px 7px 15px;
    margin:0 2px;
    border-top:2px solid #dadada;
}

#nav .menu>li>a.active {
    font-weight:bold;
    background:url(../img/skin/picto-uparrow.png) center 26px no-repeat;

}

#nav .menu>li a:hover {
    text-decoration:underline;
    color:#000;
}

#nav .menu>li li a:hover {
    color:#f05d3b;
}

#nav .menu>li .home {
    background:url(../img/skin/pictos.png) left -300px no-repeat;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    width:10px;
    height:10px;
    border:0;
    margin:11px 0 0 10px;
}

#nav .menu>li.sub:hover {
    border:2px solid #afafaf;
    border-bottom:0;
    background:none;
    margin-left:-2px;
    
}

#nav .menu>li.sub:hover>a {
    color:#f05d3b;
    text-decoration:none;
    border:0;
    margin:0;
    position:relative;
    z-index:5;
    padding-left:9px;
    background:url(../img/skin/picto-arrow.png) center 31px no-repeat;
}

#nav .menu>li.sub:hover .sub-menu {
    display:block;
}

#nav .menu>li.sub:hover .sub-menu.small {
    margin-left:-1px;
}

#nav .menu>li.last {
    background:none;
}

.sub-menu {
    border:2px solid #b0b0b0;
    width:958px;
    z-index:4;
    overflow:hidden;
    position:absolute;
    left:-11px;
    top:33px;
}

.sub-menu.big {
    width:958px;
    left:-11px;
}

.sub-menu.small {
    background:#fff;
    width:auto;
    padding:26px 23px 18px;
}

.sub-menu .main {
    background:#fff;
    width:622px;
    height:239px;
    border-right:2px solid #e6e6e6;
    float:left;
    padding:25px 0 0 60px;
}

.sub-menu .aside {
    background:#f5f5f5;
    width:274px;
    height:264px;
    float:left;
}

.sub-menu .category {
    border-right:1px solid #e9e9e9;
    margin:0 38px 30px 0;
    float:left;
    width:150px;
    padding:0 20px 0 0;
}

.sub-menu.small .category {
    border:0;
    padding:0;
    width:auto;
    margin:0;
}

.sub-menu .category.last {
    margin-right:0;
    border:0;
}

.sub-menu .category .title {
    color:#252525;
    font-size:1.25em;
    text-transform:uppercase;
    padding:0 0 10px 0;
}

.sub-menu .category ul {
    padding:0 0 0 5px;
}

.sub-menu .category ul li a {
    color:#252525;
    font-size:1.15em;
    text-decoration:none;
    background:url(../img/skin/pictos.png) left -694px no-repeat;
    padding:0 0 0 15px;
}

#nav .job {
    float:right;
    overflow:hidden;
    padding:10px 0 0 0;
}

#nav .job li {
    float:left;
    margin:0 0 0 16px;
}

#nav .job li:first-child {
    margin:0;
}

#nav .job a {
    font-size:1.1em;
    color:#000000;
    text-decoration:none;
    padding:0 0 0 10px;
    background:url(../img/skin/pictos.png) left -495px no-repeat;
}

#nav .job a:hover {
    text-decoration:underline;
}


/* =PAGE
----------------------------------------------------------------------------- */

#page {
    position:relative;
    z-index:0;
    padding:170px 0 0 0;
    width:960px;
}

.page-login #popin {
    display:block;
}

/*.page-login #cache {
    display:block;
    height:502px;
    opacity:0.5;
    filter: alpha(opacity=50);
}*/

/* =BLOCKS
----------------------------------------------------------------------------- */

.block-quick-links {
    background:#e9e9e9;
    overflow:hidden;
    padding:12px 0 15px 0;
}

.block-quick-links .block {
    float:left;
    width:160px;
    padding:0 20px 0 60px;
}

.block-quick-links .block .title {
    color:#484848;
    text-transform:uppercase;
    padding:0 0 10px 0;
    font-weight:bold;
}

.block-quick-links .block ul li {
    background:url(../img/skin/pictos.png) left -595px no-repeat;
    padding:0 0 2px 10px;
}

.block-quick-links .block ul li a {
    color:#484848;
    text-decoration:none;
}

.block-quick-links .block ul li a:hover {
    text-decoration:underline;
}

.block-central-01 {
    width:939px;
    height:502px;
    margin:8px auto 8px auto;
    overflow:hidden;
    position:relative;
    z-index:0;
}

.block-central-01 #big-carousel {
    position:absolute;
    z-index:0;
    left:0;
    top:0;
    height:502px!important;
}

.block-central-01 #big-carousel li {
    height:502px;
}

.block-central-01 #pager {
    position:absolute;
    right:0;
    top:0;
    z-index:5;
}


.block-central-01 #pager a:hover,
.block-central-01 #pager a.activeSlide {
    background:#000;
    color:#fff;
}

.block-central-01 #pager a {
    background:#fff;
    color:#000;
    text-decoration:none;
    text-align:center;
    display:block;
    width:30px;
    height:30px;
    line-height:30px;
    font-size:1.1em;
    float:left;
    margin:10px 10px 0 0;
}

.block-central-01 .block-container {
    position:absolute;
    left:12px;
    bottom:12px;
    z-index:5;
}

.block-central-01 .block-title {
    background:url(../img/skin/bg-gradient-09.png) left top repeat-x;
    position:absolute;
    right:12px;
    color:#000;
    bottom:160px;
    padding:8px 12px;
}

.block-central-01 .block-title .title {
    font-size:2.65em;
    font-weight:normal;
}

.block-central-01 .block-title p {
    font-size:1.85em;
    display:block;
}

.block-central-01 .block-title a {
    color:#000;
    text-decoration:none;
}

.block-central-01 .block-title a:hover {
    text-decoration:underline;
}

.block-central-01 .block-container>div {
    float:left;
    margin:0 0 0 14px;
}

.block-central-01 .block-container>div:first-child {
    margin:0;
}

.block-type-01 {
    width:214px;
    border:2px solid #fff;
    height:131px;
    background:#fff;
    overflow:hidden;
    position:relative;
}

.block-type-01>.title {
    color:#292929;
    text-transform:uppercase;
    font-size:1.25em;
    border-bottom:2px solid #000;
    margin:0 0 3px 0;
    padding:1px 0 3px 8px;
    font-weight:normal;
}


.block-type-01 .picture {
    float:left;
    width:77px;
    padding:0 5px 0 0;
}

.block-type-01 .picture img {
    display:inline-block;
}

.block-type-01 .links {
    float:left;
    width:132px;
}

.block-type-01 .links li a {
    background:url(../img/skin/bg-gradient-03.png) left top repeat-x;
    color:#fff;
    text-transform:uppercase;
    font-weight:normal;
    text-decoration:none;
    height:24px;
    display:block;
    padding:0 0 0 7px;
    line-height:24px;
}

.block-type-01 .links li a:hover {
    background:url(../img/skin/bg-gradient-04.png) left top repeat-x;
}

.block-type-01 .links li {
    padding:3px 0 0 0;
}

.block-type-01 .links li:first-child {
    padding:0;
}

.block-type-01.type-01b>.title,
.block-type-01.type-01c>.title {
    margin:0 0 10px 0;
}

.block-type-01.type-01b .picture {
    text-align:center;
    padding:0;
    width:87px;
}

.block-type-01.type-01b .content,
.block-type-01.type-01c .content {
    line-height:1.1em;
}

.block-type-01.type-01c .content  {
    padding:0 5px 22px 5px;
}

.block-type-01.type-01b .content>.title,
.block-type-01.type-01c .content>.title  {
    color:#292929;
    font-weight:normal;
    padding:0 0 4px 0;
    font-size:1em;
}

.block-type-01.type-01b .content p,
.block-type-01.type-01c .content p {
    color:#505050;
    padding:0 0 8px 0;
}

.block-type-01.type-01b .content .btn-type-01,
.block-type-01.type-01c .content .btn-type-01 {
    margin:0 2px 0 0;
    position:absolute;
    right:4px;
    bottom:4px;
}

.block-type-01 .tracker-summation-container,
.block-type-01 .tracker-individual-container {
    display:none!important;
}

.carousel-container {
    position:relative;
    margin:0 auto;
}

#carousel-01 {
    height:110px;
    width:300px;
    position:relative;
    z-index:0;
    margin-top:-10px;
    margin-left:-40px;
}
.carousel-image {
    border:0;
    display:block;
}
.carousel-feature {
    position:absolute;
    top:-1000px;
    left:-1000px;
    cursor:pointer;
}

.block-type-02 {
    border:1px solid #dadada;
    border-top:2px solid #f05d3b;
}

.block-type-02 {
    width:204px;
    height:137px;
    margin:33px auto 0 auto;
    background:#fff;
}

.block-type-02>.inner {
    padding:15px 15px 0 15px;
}

.block-type-02 p {
    color:#252525;
    font-size:1.45em;
    padding:0 0 14px 0;
}

.block-type-02 .btn {
    text-align:center;
}


.block-central-02 {
    width:939px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    padding:8px 0 8px 0;
}

.block-central-02 #main {
    float:left;
    width:665px;
    margin:0 20px 0 0;
    background:#e9e9e9;
    min-height:480px;
    padding:0 10px 0 10px;
}

.block-central-02 #sidebar {
    float:left;
    width:220px;
    background:#e9e9e9;
    min-height:480px;
}

.breadcrump {
    padding:5px 0 10px 12px;
}

.breadcrump p {
    color:#000;
}

.breadcrump p a {
    color:#000;
    text-decoration:none;
}

.breadcrump p a:hover {
    text-decoration:underline;
}

#page-content p {
    font-size:1.1em;
    color:#000;
    padding:0 0 20px 0;
}

#page-content .uptitle {
    font-size:1.1em;
    font-weight:bold;
    color:#000;
    text-transform:uppercase;
    padding:0 0 10px 0;
}

#page-content h2 {
    /*font-weight:bold;
    font-size:2.25em;*/
    padding:0 0 10px 0;
}

#page-content h3 {
    font-weight:normal;
    font-size:2.25em;
    padding:0 0 10px 0;
}

#page-content .push-01 {
    font-weight:bold;
    text-transform:uppercase;
    font-size:1.85em;
    padding:0 0 10px 0;
}

#page-content .push-02 {
    font-weight:normal;
    text-transform:uppercase;
    font-size:1.85em;
    padding:0 0 10px 0;
    
}

#page-content .intertitle {
    font-weight:bold;
    font-size:1.85em;
    padding:0 0 10px 0;
    
}

#page-content .intertitle-02 {
    font-weight:bold;
    font-size:1.45em;
    padding:0 0 10px 0;
    
}


/* =BUTTONS
----------------------------------------------------------------------------- */

.btn-type-01 {
    text-decoration:none;
    color:#fff;
    background:url(../img/skin/bg-gradient-10.png) left top repeat-x;
    padding:0 5px;
    text-decoration:none;
    height:19px;
    line-height:19px;
    display:inline-block;
    font-weight:bold;
}

.btn-type-01 span {
    background:url(../img/skin/pictos.png) left -792px no-repeat;
    padding:0 0 0 10px;
    display:block;
}

.btn-type-01:hover {
    text-decoration:underline;
}

.btn-type-02 {
    text-decoration:none;
    color:#fff;
    background:url(../img/skin/bg-gradient-07.png) left top repeat-x;
    padding:0 35px 0 20px;
    border-radius:3px;
    text-decoration:none;
    font-size:1.25em;
    text-transform:uppercase;
    height:37px;
    line-height:37px;
    display:inline-block;
}

.btn-type-02:hover {
    text-decoration:underline;
}

.btn-type-02 span {
    background:url(../img/skin/pictos.png) left -889px no-repeat;
    padding:0 0 0 23px;
    display:block;
}

.btn-type-03 {
    text-decoration:none;
    color:#fff;
    background:url(../img/skin/bg-gradient-08.png) left top repeat-x;
    padding:0 10px;
    border-radius:2px;
    font-weight:bold;
    text-decoration:none;
    font-size:1.25em;
    text-transform:uppercase;
    height:25px;
    line-height:25px;
    display:inline-block;
}

.btn-type-03 span {
    background:url(../img/skin/pictos.png) left -1095px no-repeat;
    padding:0 10px;
}

.btn-type-03:hover {
    text-decoration:underline;
}

/* =FORM
----------------------------------------------------------------------------- */

.newListSelected {
    float:left;
    z-index:10;
}

.SSContainerDivWrapper {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
}

.selectedTxt {
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.lang .newList,
.lang .SSContainerDivWrapper {
    width:130px;
}

.lang .selectedTxt {
    margin:0 0 0 12px;
    width:115px;
}

.lang .selectedTxt:hover {
    text-decoration:underline;
}

.lang .SSContainerDivWrapper {
    top:16px !important;
}

.lang .newListSelected {
    color:#000;
    height:10px;
    width:110px;
    padding:0 15px 0 0;
    background:url(../img/skin/pictos.png) right -995px no-repeat;
}

.lang .newListSelected.open {
    background-position:right -1095px;
}

.lang .newList {
    background:#d4d4d4;
    padding:0 0 2px 0;
}

.lang .newList a {
    color:#000;
    padding:0 0 0 12px;
    text-decoration:none;
}

.lang .newList a:hover {
    text-decoration:underline;
}


/* =FOOTER
----------------------------------------------------------------------------- */

#footer {
    background:#d4d4d4;
    padding:4px 12px;
   /* zoom:1;*/
}

#footer .logo {
    display:block;
    float:left;
    margin:5px 180px 0 0;
}

#footer>ul  {
    float:left;
    padding:5px 0 0 0;
    overflow:hidden;
}

#footer>ul li {
    display:block;
    float:left;
    font-weight:bold;
	font-size:1.1em;
    color:#585858;
    padding:0 6px;
    background:url(../img/skin/pictos.png) left 3px no-repeat;
}

#footer ul li:first-child {
    background:none;
    padding-left:0;
}

#footer ul li a {
    text-decoration:none;
    font-weight:bold;
    color:#585858;
}

#footer ul li a:hover {
    text-decoration:underline;
}

#footer .sites{ border:none; position:absolute; right:12px; z-index:100; width:130px}
#footer .sites a.a1{ background:url(../img/skin/up.png) no-repeat right top;border:1px solid #999; height:11px; display:block;font:normal 11px Arial, Helvetica, sans-serif; padding:4px 20px 4px 10px; cursor:pointer; color:#6C6C6C; }
#footer .sites ul{ display:none;background-color:#D4D4D4; border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #cacaca;}
#footer .sites ul li{}
#footer .sites ul li a{font:normal 11px Arial, Helvetica, sans-serif; padding:4px 20px 4px 10px; color:#484848;}
#footer .sites ul li a:hover{color:#000;}

#cookie-disclaimer {
	height: 101px;
	display: none;
    margin: auto;
}

#cookie-disclaimer-content {
	background: #FFFFFF;
	background: linear-gradient(#FFFFFF, #D8D8D8);
	border: 1px solid #d8d8d8;
    color: #6e6e6e;
    font: 12px Arial,Helvetica,sans-serif;
    height: 55px;
    padding-left: 35px;
    padding-top: 10px;
    position: fixed;
    text-align: left;
    bottom: 15px;
    margin-left: auto;
    margin-right: auto;
	width: 924px;
}

#cookie-disclaimer-content a {
	font-weight: bold;
}

/* cookie disclaimer page info */
.encadre
{
    border: 1px black solid;
    padding: 0.2em;
    text-align: center;
    text-decoration: underline;
}

#containercookie
{
    width: 100%;
}

.titre1
{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    color: #78236e;
    font-size: 1.8em;
    font-style: normal;
    font-family: NimbusSanNov-Lig, Helvetica, Arial;
}
.corps
{
    text-align: justify;
}

.containercookie p
{
    text-align: justify;
    margin: 0.4em 0 0.4em 0;
}

ul.notabene
{
    list-style-type: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
}

.notabene li:before
{
    content: "* ";
}

ul.listecookiestyle2
{
    list-style-type: disc;
    margin-left: 0;
    padding-left: 1em;
}

ul.listecookie
{
    list-style-type: square;
    margin-left: 0;
    padding-left: 1em;
}

.listecookie li
{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}

.tablecookie th, .tablecookie td,.tablecookie{
    border: 1px solid black;
    border-collapse: collapse;
}

.tablecookie th,.tablecookie td {
    padding: 10px;
    width: 30%;
}

.tablecookie th {
    text-align: left;

}


.crossclose {
    cursor: pointer;
    right: 5px;
    position: absolute;
    bottom: 45px;
}