/* ========================================
 * $ = HEADER MAIN
 * ======================================== */
header.main {
    position: relative;
    z-index: 100;
    width: 100%;
}

header.main .top {
    height: 79px;
    border-bottom: 1px solid #cad2da;
    background: url('../images/header/f_header_main.gif') left top repeat-x #fff;	
}

header.main .bottom {
    height: 36px;
    background: url('../images/header/f_header_main_bottom.gif') left top repeat-x #fff;	
}

header.main .main {
    position: relative;
}

.str_right {
    float: right;
}

.str_left {
    float: left;
}

.str_middle {
    float: left;
}

.ie6 header.main,
.no-fixed-position header.main {
    position: relative;
}

header.main h1 {
    padding: 17px 0 0 0;
    width: 159px;
    float: left;
}

header.main h1 a {
    display: block;
    height: 46px;
    text-indent: -5000px;
    background: url('../images/header/v_logo-vichy.gif') left bottom no-repeat;
}

header.main h1 a img {
    display: none;
}

header.main .str_right {
    padding: 32px 25px 0 0;
}

header.main .zoneover {
    height: 47px;
}

.ie6 header.main .str_right {
    width: 755px;
}

header.main nav {
    float: right;
}

header.main li {
    float: left;
    margin: 0 0 0 30px;
}

header.main .str_right a {
    color: #4b575f;
    font-size: 14px;
    text-transform: uppercase;
}

header.main nav a {
    text-decoration: none;
}

header.main nav a.skin {
    color: #4f73a5;
}

header.main .str_right a.niv1:hover,
header.main .str_right a.on {
    padding-bottom: 8px;
    border-bottom: 2px solid #6e8cb6;
}

header.main .str_right nav a.skin:hover,
header.main .str_right nav a.skin.on {
    border-color: #6b767e;
}
/* $ sous navigation */
header.main .sub-nav {
    display: none;
    position: absolute;
    top: 79px;
    width: 920px;
    padding: 16px 0;
    box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    -o-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    -o-border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -o-border-bottom-right-radius: 2px;
    background: url('../images/header/pix2.gif') left top repeat-x, linear-gradient(bottom, rgb(245,250,255) 0%, rgb(255,255,255) 100%);
    background: url('../images/header/pix2.gif') left top repeat-x, -o-linear-gradient(bottom, rgb(245,250,255) 0%, rgb(255,255,255) 100%);
    background: url('../images/header/pix2.gif') left top repeat-x, -moz-linear-gradient(bottom, rgb(245,250,255) 0%, rgb(255,255,255) 100%);
    background: url('../images/header/pix2.gif') left top repeat-x, -webkit-linear-gradient(bottom, rgb(245,250,255) 0%, rgb(255,255,255) 100%);
    background: url('../images/header/pix2.gif') left top repeat-x, -webkit-gradient(linear,left bottom,left top,color-stop(0.0, rgb(245,250,255)),color-stop(0.1, rgb(255,255,255)));
    background: url('../images/header/pix2.gif') left top repeat-x, -ms-linear-gradient(bottom, rgb(245,250,255) 0%, rgb(255,255,255) 100%);
}

.ie header.main .sub-nav,
.lt-ie9 header.main .sub-nav,
.js header.main .sub-nav {
    background-color: #fff;
}

header.main .sub-nav h4 {
    font-size: 14px;
    font-family: 'CamphorW02-Bold',arial;
    color: #4b575f;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #cad2da;
}

header.main .sub-nav li {
    float: none;
    margin: 0 0 5px 0;
}

header.main .sub-nav a {
    font-size: 12px;
    font-family: arial;
    text-transform: none;
    color: #6e7f8a;
}

header.main .sub-nav a:hover {
    color: #444f56;
}
/* $ sous nav produits */
header.main .sub-navProduits {
    left: 0;
    padding: 15px 10px;
    width: 900px;
}

.ie header.main .sub-navProduits {
    background: url('../images/header/pix2.gif') left top repeat-x #fff;
}

header.main .sub-navProduits .str_left {
    width: 210px;
    margin: 0 15px 0 0;
}

header.main .sub-navProduits .str_middle {
    width: 210px;
}

header.main .sub-navProduits .str_right {
    width: 460px;
    padding: 0;
}

header.main .sub-navProduits .str_right ul {
    float: left;
    width: 50%;
}

header.main .sub-navProduits .str_right ul li {
    padding: 0 10px 0 0;
}

header.main .sub-navProduits .str_right a {
    text-transform: uppercase;
}

header.main .sub-navProduits .str_right .ctn_bt {
    padding: 15px 0 0 0;
}

header.main .obj_news {
    margin: 20px 0 0 0;
}

header.main .obj_news h4 {
    color: #4f73a5;
}

header.main .obj_news a {
    color: #95abc9;
    text-transform: uppercase;
}

header.main .obj_news a:hover {
    color: #4f73a5;
}

header.main .sub-navProduits .obj_research {
    padding: 5px 20px 0 0;
    margin: 0 0 10px 0;
    height: 25px;
}

.ie header.main .sub-navProduits .obj_research {
    width: 191px;
}

header.main .sub-navProduits .obj_research input {
    width: 145px;
    height: 19px;
    line-height: 25px;
}

header.main .sub-navProduits .obj_research .b_submit {
    height: 23px;
    line-height: 23px;
    text-indent: -10000px;
    background: url('../images/header/b_research.gif') center center no-repeat;
}

header.main .sub-navProduits .obj_research .obj_autocomplete {
    float: none;
    top: -7px;
}

header.main .sub-navProduits .obj_research .obj_autocomplete .obj_content {
    width: 186px;
}
/* push */
.obj_push-produits {
    float: right;
    width: 706px;
    background: none;
}

header.main .obj_push-produits h4 {
    color: #4f73a5;
    width: 680px;
    padding: 0 0 7px 0;
    margin: 0 0 6px 0;
}

.obj_push-produits .obj_carrousel {
    position: relative;
    left: -6px;
    height: 94px;
    width: 680px;
    padding: 6px;
    overflow: hidden;
}

.obj_push-produits .items {
    position: absolute;
    left: 0px;
    width: 10000px;
    margin: 0 0 0 6px;
}

.obj_push-produits .item {
    float: left;
}

header.main .obj_push-produits .item a {
    position: relative;
    display: inline-block;
    width: 202px;
    height: 86px;
    padding: 4px;
    margin: 0 22px 0 0;
    color: #4b575f;
    font-size: 12px;
    font-family: 'CamphorW02-Regular',arial;
}

header.main .obj_push-produits .item a:hover {
    color: #4b575f;
}

header.main .obj_push-produits .item a.white {
    color: #fff;
}

header.main .obj_push-produits .item a.white:hover {
    color: #fff;
}

.obj_push-produits .item a b {
    font-weight: normal;
    font-family: 'CamphorW02-Bold',arial;
}

.obj_push-produits .item a:hover {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}

.obj_push-produits a span {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.obj_push-produits .ctn_navi {
    position: relative;
    top: 105px;
    left: 0;
    width: 680px;
    clear: both;
    text-align: center;
}

.obj_push-produits .ctn_navi a {
    display: inline-block;
    float: none;
    width: 6px;
    height: 6px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-indent: -10000px;
    background: url('../images/header/pix.gif') #c3c6c9;
}

.ie7 .obj_push-produits .ctn_navi a {
    display: block;
    float: left;
}

.obj_push-produits .ctn_navi a.active {
    background: #4686df;
}
/* $ sous nav brand */
header.main .sub-navBrand {
    width: 240px;
/* 724 */
    height: 184px;
    padding: 16px 470px 4px 14px;
    right: 0;
    background: url('../images/header/f_nav-pi.jpg') right top no-repeat #fff;
}

header.main .sub-navBrand h4 {
    margin: 0 0 15px 0;
}

header.main .sub-navBrand p {
    font-size: 14px;
    color: #6e7f8a;
    font-family: 'CamphorW02-Regular',arial;
    margin: 0 0 15px 0;
}

/* $ sous nav diagnostics */
header.main .sub-navDiagnostics {
    left: 0;
    padding: 1px 0 0 0;
    background: url('../images/header/pix2.gif') left top repeat-x #fff;
}

header.main .sub-navDiagnostics .ctn_visuel {
    position: relative;
    float: left;
    width: 245px;
    height: 263px;
    background: url('../images/header/v_expert.jpg') left bottom no-repeat;
}
/*
header.main .sub-navDiagnostics .ctn_visuel img{
	display:block;
	border-bottom-left-radius:2px;
		-webkit-border-bottom-left-radius:2px;
		   -moz-border-bottom-left-radius:2px;
		    -o-border-bottom-left-radius:2px;
	}
*/
header.main .sub-navDiagnostics .ctn_visuel p {
    position: absolute;
    left: 10px;
    bottom: 15px;
    color: #6e7f8a;
    font-size: 10px;
}

header.main .sub-navDiagnostics .ctn_visuel p b {
    font-size: 11px;
    color: #4b575f;
}

header.main .sub-navDiagnostics .ctn_texte {
    float: right;
    width: 624px;
 /* 710 - 35 */
    padding: 20px 35px 0 0;
}

header.main .sub-navDiagnostics h3 {
    font-size: 14px;
    font-family: 'CamphorW02-Medium',arial;
    color: #6e7f8a;
    text-transform: uppercase;
    margin: 0 0 25px 0;
}

header.main .sub-navDiagnostics .str_left {
    width: 340px;
}

header.main .sub-navDiagnostics .str_left ul {
    width: 169px;
    float: left;
}

header.main .sub-navDiagnostics .str_left .left_list {
    width: 149px;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    border-right: 1px solid #cad2da;
}

header.main .sub-navDiagnostics .str_right {
    width: 310px;
    padding: 0;
}

header.main .sub-navDiagnostics .obj_research {
    width: 192px;
}
/* $ sous nav blog */
header.main .sub-navBlog {
    right: 0;
    width: 220px;
    height: 188px;
    padding: 16px 17px 0 247px;
    background: url('../images/header/f_nav-blog.jpg') left top no-repeat #fff;
}

header.main .sub-navBlog h4 {
    margin: 0 0 15px 0;
}

header.main .sub-navBlog p {
    font-size: 14px;
    font-family: 'CamphorW02-Regular',arial;
    color: #6e7f8a;
    margin: 0 0 15px 0;
}

header.main .sub-navBlog p b {
    font-size: 18px;
    font-weight: normal;
    color: #4b575f;
}
/* $ sous nav my skin */
header.main ul .obj_MySkin {
    left: 287px;
    width: 620px;
    padding: 15px 30px 15px 50px;
    background: url('../images/header/pix2.gif') left top repeat-x #fff;
}

header.main ul .obj_MySkin .txtError {
    width: auto;
}
/* $ sous nav my skin logged */
header.main .obj_MySkin-logged {
    right: 18px;
    padding: 16px 26px 20px 50px;
    width: 401px;
    background: url('../images/header/pix2.gif') left top repeat-x #fff;
}

header.main .obj_MySkin-logged h3 {
    text-indent: -5000px;
    width: 129px;
    height: 152px;
    float: left;
    background: url('../images/header/v_title-myskin.gif') left top no-repeat;
}

header.main .obj_MySkin-logged .user {
    float: right;
    width: 225px;
}

header.main .obj_MySkin-logged .user p {
    margin: 0 0 5px 0;
}

header.main .obj_MySkin-logged .user p.name {
    font-size: 18px;
    color: #4b575f;
    font-family: 'CamphorW02-Regular',arial;
}

header.main .obj_MySkin-logged .user p.msg {
    font-family: 'CamphorW02-Light',arial;
    font-size: 14px;
    color: #6e7f8a;
    margin: 0 0 10px 0;
}

header.main .obj_MySkin-logged .b_generique {
    text-transform: uppercase;
}
/* $ option */
header.main .options {
    font-family: 'CamphorW02-Light',arial;
    float: left;
}

header.main .options a {
}

header.main .sub-navNewsletter {
    width: 194px;
    left: 757px;
    padding-left: 18px;
    padding-right: 18px;
}

.ie header.main .sub-navNewsletter {
    background: url('../images/header/spix2.gif') left top repeat-x #fff;
}

header.main .sub-navNewsletter .erreur {
    margin: 10px 0 0 0;
    color: #cc0000;
}

header.main .menu_lang a {
    display: block;
    position: absolute;
    top: 0;
    right: 25px;
    padding: 3px 10px 4px 10px;
    text-transform: uppercase;
    font-size: 9px;
    color: #9eafba;
    background: #eff5fb;
    border-bottom-left-radius: 3px;
    -webkit-border-left-bottom-radius: 3px;
    -moz-border-left-bottom-radius: 3px;
    -o-border-left-bottom-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-right-bottom-radius: 3px;
    -moz-border-right-bottom-radius: 3px;
    -o-border-right-bottom-radius: 3px;
}

header.main .menu_lang a:hover {
    background: #e8f0f7;
    color: #4B575F;
}

.b_generique {
    padding: 5px 15px;
    color: #4b575f;
    font-family: arial;
    font-size: 12px;
    text-transform: none;
    display: inline-block;
    text-align: center;
    border: 1px solid #c6cccf;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    background: url('../images/header/f_b_submit.gif') left top repeat-x #e9eced;
}