@charset "utf-8";

*    { outline: none!important; }
div.clear, span.clear    { display: block; overflow: hidden; height: 0; clear: both; }

/* :::::::::::::::::: */
/* ::::: common ::::: */
/* :::::::::::::::::: */

html
{
    background: #fff url(../img/borders-repeat.gif) repeat-y center 0;
}

.common
{
    background: url(../img/borders.jpg) no-repeat center 75px;
}

.common #global-container
{
    width: 1002px;
    margin: 0 auto;
    position: relative;
    padding-top: 40px;
}

.common #header-layer
{
    background: #fff;
}

.common #header-container
{
    height: 75px;
    position: relative;
    margin: 0 auto;
    width: 1002px;
}

.common #header-container h1
{
    position: absolute;
    left: 20px;
    top: 10px;
    margin: 0;
    background: url(../img/logo-mecachrome.png) no-repeat 0 0;
    height: 53px;
    width: 282px;
}

.common #header-container h1 a
{
    display: block;
    height: 0;
    width: 282px;
    padding-top: 53px;
    overflow: hidden;
    line-height: 10em;
}

.common #search-box-container
{
    position: absolute;
    right: 20px;
    top: 25px;
}

.common #search-box-container form
{
    margin: 0;
}

.common #search-box-container form label
{
    display: none;
}

.common #search-box-container form input[type=text]
{
    float: left;
    display: block;
    padding: 0 3px;
    border: 1px solid #616160;
    background: #fff;
    height: 15px;
    width: 115px;
    line-height: 15px;
    font-size: .85em;
}

.common #search-box-container form input[type=hidden]
{
    display: none;
}

.common #search-box-container form button
{
    float: left;
    cursor: pointer;
    display: block;
    background: #e0dfdf url(../img/search-button.gif) no-repeat center center;
    height: 17px;
    width: 17px;
    text-indent: -1000000px;
    border: 1px solid #616160;
    border-left: none; 
}

.common #search-box-container form input[type=text]:focus
{
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.common #search-box-container form input[type=text]:focus + button
{
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.common #language-selector
{
    position: absolute;
    right: 190px;
    top: 21px;
    background: url(../img/lng-bg.png) no-repeat 0 center;
    padding-left: 50px;
    padding-top: 3px;
    height: 25px;
}

.common #language-selector ul
{
    margin: 0;
    list-style: none;
}

.common #language-selector ul li
{
    float: left;
    padding-left: 10px;
}

.common #language-selector ul li a
{
    display: block;
    font-size: .85em;
    color: #d2d4d0;
    font-weight: bold;
    text-decoration: none;
}

.common #language-selector ul li a:hover
{
    color: #666;
}

/* ::::::::::::::::::: */
/* ::::: primary ::::: */
/* ::::::::::::::::::: */

.common #primary-links-layer
{
    background-color: #616160;
    position: relative;
}

.common #primary-links-container
{
    margin: 0 auto;
    width: 1002px;
}

.common #primary-links-container ul
{
    margin: 0;
    list-style: none;
    overflow: hidden;
    padding-left: 15px;
}

.common #primary-links-container ul li
{
    float: left;
    border-left: 1px solid #fff;
}

.common #primary-links-container ul li:first-child
{
    border-left: none;
}

.common #primary-links-container ul li a
{
    display: block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .9em;
    line-height: 1.3em;
    padding: 2px 5px;
}

.common #primary-links-container ul li a:hover,
.common #primary-links-container ul li a.selected
{
    background-color: #003b7c;
}

.common #primary-links-container ul ul
{
    display: none;
}

/* ::::::::::::::::::: */
/* ::::: machine ::::: */
/* ::::::::::::::::::: */

.common #machine-container
{
    position: relative;
    height: 370px;
    overflow: hidden;
    background: #666;
    margin-bottom: 5px;
}

.common #machine-container var
{
    display: none;
}

.common div.palette
{
    position: absolute;
    height: 370px;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    background-image: url(../img/bg-fff-50.png);
    background-color: #003560;
}

.common div.palette div.title
{
    position: absolute;
    left: 0;
    top: 0;
    width: 370px;
    cursor: pointer;
    padding-top: 2px;
    
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    
    -moz-transform-origin: right top;
    -webkit-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.common div.palette div.title h2
{
    margin: 0;
    font-weight: normal;
    text-align: right;
    color: #fff;
    height: 53px;
    line-height: 50px;
    padding: 0 45px 0 0;
    font-size: 1.9em;
    background-color: #003560;
    background-image: url(../img/machine-gradient.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    
    _background-image: none;
}

.common div.palette div.tab
{
    position: absolute;
    left: 0;
    top: 0;
    height: 370px;
    width: 55px;
    background-color: #003560;
    background-image: url(../img/bg-fff-50.png);
    background-position: -254px 0;
    background-repeat: repeat-y;
    
    _background-image: none;
}

.common div.palette div.tab-bg
{
    position: absolute;
    left: 0;
    top: 0;
    height: 370px;
    width: 68px;
    background: url(../img/machine-tab-bg.png) no-repeat right 0;
    
    _display: none;
}

.common div.corner
{
    border-color: transparent transparent transparent #003560;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    top: 45px;
    left: 55px;
    z-index: 1;
    
    _display: none;
}

.common div.palette div.content
{
    overflow: hidden;
    margin-left: 70px;
    position: absolute;
    left: 56%;
    padding: 0 20px;
    width: 210px;
    height: 370px;
    color: #fff;
    background: url(../img/machine-content-bg.png);
    text-align: justify;
    line-height: 1.3em;
}

.common div.palette div.content a
{
    color: #fff;
}

.common div.palette div.background
{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.common div.palette div.background img
{
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -501px;
    visibility: hidden;
}

.common div.palette div.background p
{
    margin: 0;
}

.common div.palette span.palette-name
{
    position: absolute;
    left: 80px;
    top: 20px;
    color: #fff;
    font-size: 5em;
    line-height: 1em;
}

.common #main-container
{
}

.common #content-container
{
    float: left;
    width: 429px;
    padding: 0 40px 0 40px;
    line-height: 1.3em;
}

.common #content-container h2.titre-accueil
{
    background: url(../img/line-01.gif) repeat-x 0 center;
}

.common #content-container div.keywords span.mise-en-valeur-01
{
    display: block;
    background: url(../img/line-01.gif) repeat-x 0 center;
}

.common #content-container div.keywords span.mise-en-valeur-01 + br
{
    display: none;
}

.common #content-container div.keywords a
{
    text-decoration: none;
}

.common #content-container div.keywords a:hover
{
    text-decoration: underline;
}

.common #right-container
{
    float: left;
    width: 488px;
}

/* ::::::::::::::::: */
/* ::::: blocs ::::: */
/* ::::::::::::::::: */

.common div.bloc
{
    border: 1px solid #d0cecd;
    background: #d0cecd url(../img/bloc-bg.gif) repeat-x 0 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    min-height: 110px;
    margin: 1em 0;
    padding: 10px;
    position: relative;
}

.common #right-container div.bloc
{
    float: left;
    width: 207px;
    margin: 15px 15px 0 0;
    padding-top: 3px;
    padding-bottom: 3px;
}

.common #right-container div.bloc
{
    cursor: pointer;
}

.common #right-container div.bloc:hover
{
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.25);
    box-shadow: 0 0 20px rgba(0,0,0,.25);
}

.common #right-container div.bloc h2.titre-bloc-accueil
{
    margin: 0;
    font-family: din-bold, Arial, Helvetica, sans-serif;
}

.common #right-container div.bloc h2.titre-bloc-accueil strong
{
    font-weight: normal;
    color: #323883;
}

.common #right-container #bloc-events h2.titre-bloc-accueil strong
{
    color: #7db130;
}

.common #right-container #bloc-rd h2.titre-bloc-accueil strong
{
    color: #b70f56;
}

.common #right-container #bloc-recruite h2.titre-bloc-accueil strong
{
    color: #f08a00;
}

.common #right-container div.bloc p
{
    margin: 5px 0;
    line-height: 1.1em;
}

.common #right-container div.bloc a
{
    display: block;
    background: url(../img/arrow-01.png) no-repeat right bottom;
    padding-right: 15px;
    text-decoration: none;
}

.common div.border
{
    position: absolute;
    display: none;
}

.common div.border.left
{
    left: 0;
    right: 50%;
    margin-right: 501px;
    background: url(../img/border-left.jpg) no-repeat right 0;
}

.common div.border.right
{
    right: 0;
    left: 50%;
    margin-left: 501px;
    background: url(../img/border-right.jpg) no-repeat 0 0;
}

.common span.corner
{
    background: url(../img/ie-corners.png) no-repeat 0 0;
    height: 10px;
    width: 10px;
    display: block;
    position: absolute;
}

.common span.corner.top            { top: -1px; }
.common span.corner.bottom        { bottom: -1px; }
.common span.corner.left        { left: -1px; }
.common span.corner.right        { right: -1px; }

.common span.corner.top.left        { background-position: 0 0; }
.common span.corner.top.right        { background-position: right 0; }
.common span.corner.bottom.left        { background-position: 0 bottom; }
.common span.corner.bottom.right    { background-position: right bottom; }

/* :::::::::::::::::::::::: */
/* ::::: bottom links ::::: */
/* :::::::::::::::::::::::: */

.common #bottom-links-container
{
    margin-top: 27px;
    border-top: 2px solid #004a99;
    zoom: 1;
}

.common #bottom-links-container ul
{
    list-style: none;
    margin: -7px 0 0 0;
    overflow: hidden;
    background: #fff;
    float: left;
}

.common #bottom-links-container ul li
{
    float: left;
    padding: 0 12px;
    line-height: 1em;
}

.common #bottom-links-container ul li a
{
    display: block;
    font-weight: bold;
    text-decoration: none;
    font-size: .85em;
    color: #004a99;
}

.common #bottom-links-container ul li a:hover
{
    color: #555;
}

.common #bottom-links-container ul ul
{
    padding-top: 5px;
    margin-top: 0;
    float: none;
}

.common #bottom-links-container ul ul li
{
    float: none;
    padding: 0;
}

.common #bottom-links-container ul ul li a
{
    font-weight: normal;
    color: #afb1ae;
}

/* :::::::::::::::::: */
/* ::::: footer ::::: */
/* :::::::::::::::::: */

.common #footer-container
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.common #footer-container ul
{
    margin: 0;
    list-style: none;
    float: left;
}

.common #footer-container ul li
{
    float: left;
    padding: 0 7px 0 10px;
    font-weight: bold;
    font-size: .85em;
    color: #afb1ae;
    background: url(../img/footer-sep.gif) no-repeat 0 center;
    line-height: 1em;
}

.common #footer-container ul li:first-child
{
    background: none;
}

.common #footer-container ul li a
{
    color: #afb1ae;
    text-decoration: none;
}

.common #footer-container ul li a:hover
{
    color: #555;
}

/* :::::::::::::::: */
/* ::::: page ::::: */
/* :::::::::::::::: */

.page #global-container
{
    padding-top: 10px;
}

.page #breadcrumb-container
{
    color: #b6b5b5;
    text-transform: uppercase;
    font-size: .85em;
    padding-left: 20px;
    margin-bottom: 10px;
}

.page #breadcrumb-container a
{
    color: #b6b5b5;
    text-decoration: none;
}

.page #breadcrumb-container a:hover
{
    color: #555;
}

.page #breadcrumb-container strong
{
    font-weight: normal;    
}

.page #breadcrumb-container span.sep
{
    padding: 0 5px;
}

.page #left-container
{
    float: left;
    width: 180px;
    padding-right: 13px;
}

.page #submenu-container
{
    margin-bottom: 50px;
}

.page #submenu-container ul
{
    margin: 0;
    list-style: none;
    padding-left: 20px;
}

.page #submenu-container ul li
{
}

.page #submenu-container ul li a
{
    display: block;
    border-bottom: 1px solid #dddede;
    text-decoration: none;
    font-size: 1.1em;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.page #submenu-container ul li a:hover,
.page #submenu-container ul li a.selected
{
    background-color: #003b7c;
    color: #fff;
}

.page #submenu-container ul ul
{
    padding-left: 0;
}

.page #submenu-container ul ul li a
{
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.page #submenu-container ul ul li a:hover,
.page #submenu-container ul ul li a.selected
{
    background-color: #d9d9d9;
    color: #003b7c;
}

.page #tools-container ul
{
    margin: 0;
    list-style: none;
    padding-left: 20px;
}

.page #tools-container ul li
{
    border-bottom: 1px solid #dddede;
}

.page #tools-container ul li:first-child
{
    padding-top: 5px;
    padding-bottom: 7px;
    border-top: 1px solid #dddede;
}

.page #tools-container ul li a
{
    display: block;
    text-decoration: none;
    font-size: .9em;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 25px;
    padding-right: 5px;
}

.page #tools-container ul li a:hover,
.page #tools-container ul li a.selected
{
    color: #003b7c;
}

.page #content-container
{
    padding: 0 5px 0 0;
    width: 572px;
}

.page #theme-container
{
    height: 70px;
}

.page #content-container h2
{
    color: #004a99;
}

.page #right-container
{
    width: 227px;
}

.page #right-container div.bloc
{
    float: none;
    width: auto;
    margin: 0 0 15px 0;
}

.page #to-top
{
    padding-left: 193px;
}

.page #to-top p
{
    margin: 0;
}

.page #to-top a
{
    display: block;
    float: left;
    text-decoration: none;
    background: url(../img/ico-top.gif) no-repeat 0 center;
    padding-left: 10px;
}

.page #to-top a:hover
{
    color: #666;
}

/* ::::::::::::::::: */
/* ::::: stuff ::::: */
/* ::::::::::::::::: */

span.paintlayer
{
    background: #fff;
    padding-right: 10px;
}

span.mag-less,
span.mag-more
{
    display: block;
    float: left;
    background: url(../img/ico-lessmore.gif) no-repeat 0 0;
    width: 11px;
    height: 0;
    padding-top: 11px;
    overflow: hidden;
    cursor: pointer;
    margin-top: 5px;
}

span.mag-less
{
    background-position: 0 0;
    margin-right: 5px;
}

span.mag-more
{
    background-position: -11px 0;
    margin-left: 5px;
}

span.mag-reset
{
    background: url(../img/ico-reset.gif) no-repeat 0 0;
    height: 0;
    padding-top: 17px;
    display: block;
    cursor: pointer;
    width: 24px;
    float: left;
    overflow: hidden;
}

.v-fr #language-selector li.fr
{
    display: none;
}

table.implantation a
{     
}

div.news-item
{
    border: 1px solid #ddd;
    padding: 10px;
    background: #fafafa;
    margin: 1em 0;
}

div.news-item img
{
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    display: block;
}

div.news-item h3.titre-paragraphe-03
{
    margin-top: 0;
}