html body.phone header, html body.phone .container_wrapper > .container, html body.phone .container_wrapper > .container section {
	min-width:auto;
}



a.peugeoID {
	background:url("../../img/common/form/Logo_PeugeotID.jpg") no-repeat scroll -106px -134px / 261px 160px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 34px;
    line-height: 23px;
    padding: 0 15px 0 5px;
    width: 138px;
	margin-top: 7px;
}

header a.peugeoID {
	display: none;
}

header .peugeotID_connected {
    display: none;
}

/* -------------------- */
/* Smartphones Portrait */
/* -------------------- */
body.phone header{
    background: none;
    margin-bottom: 4%;

    background: #136e99;
    background: -moz-linear-gradient(top,  #136e99 0%, #2ba9d3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#136e99), color-stop(100%,#2ba9d3));
    background: -webkit-linear-gradient(top,  #136e99 0%,#2ba9d3 100%);
    background: -o-linear-gradient(top,  #136e99 0%,#2ba9d3 100%);
    background: -ms-linear-gradient(top,  #136e99 0%,#2ba9d3 100%);
    background: linear-gradient(to bottom,  #136e99 0%,#2ba9d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#136e99', endColorstr='#2ba9d3',GradientType=0 );
}
body.phone header.active{
    background: url('../../img/common/header/menu_vert_bg_on.png') repeat 0 0 #136E99;
}
    body.phone #header_wrapper{
        /*margin-bottom: -6%;*/
        background: url('../../img/common/header/header_bg_mobile.png') no-repeat 0 0 transparent;
        background-size: 100%;
    }
	body.phone.portrait .newHeader #header_wrapper{
        background: #142032;
    }
    body.phone.portrait #header_annex{
        line-height:3;
    }
        body.phone #header_logo {
            position: relative;
            display: inline-block;
            margin: 0 0 0 9.5%;
            padding-bottom: 20%;
            max-width: 18%;
            width: 18%;
            height: 0;
        }
		body.phone  .newHeader #header_logo {
            margin: 0;
			width: 100%;
			text-align:center;
			max-width: 100%;
			height: auto;
        }
		body.phone .newHeader #header_logo img {
			max-width: 5%;
        }
		body.phone .newHeader #header_logo img ~ img{
			top: -6px;
			max-width: none;
			width: auto;
			height: 9px;
		}
        body.phone #header_middle{
            position: relative;
            display: inline-block;
            margin-left: 0;
            padding-bottom:11%;
            width: 66%;
            height: 0;
        }
		body.phone .newHeader #header_middle{
            width: 100%;
        }
		body.phone .newHeader #header_middle #header_title,
		body.tablet .newHeader #header_middle #header_title{
			width: 100%;
        }
		body.tablet .newHeader #header_middle #header_title{
			top: -25px;
        }
		#header_title_mobile_newHeader{
			display: none;
		}
		body.phone .newHeader #header_title_mobile_newHeader{
			background-color: #E6E7E8;
			color: #000000;
			display: none;
			font-size: 15px;
			font-weight: bold;
			font-family: 'PeugeotLight',Arial,Helvetica,sans-serif;
			padding-top: 5px;
			text-align: center;
			vertical-align: middle;
		}
		body.tablet .newHeader #header_title_mobile_newHeader{
			color: #000000;
			display: none;
			font-size: 15px;
			font-weight: bold;
			font-family: 'PeugeotLight','PeugeotBold',Arial,Helvetica,sans-serif;
			padding-top: 5px;
			text-align: center;
			vertical-align: middle;
		}
        body.phone #menu_button{
            margin: 0 -4% 0 0;
            padding-bottom:20%;
            width: 12.5%;
            height: 0;
            background:url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
            background-size: 100%;
            vertical-align: middle;
            /*float: right;*/
        }
		
		body.phone.portrait .newHeader #menu_button{
            width: 6%;
			margin: 0;
			position : absolute;
			left : 4%;
			top: 25%;
        }
		
        body.phone #menu_button.active{
            background:url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
            background-size: 100%;
        }
        body.phone header #header_mobile{
            display: none;
        }
        /* Main nav */
        body.phone #header_nav{
            display: none;
            margin-bottom: 6%;
        }
        body.phone #header_nav.active{
            display: block;

            background: #136e99;
            background: -moz-linear-gradient(top,  #136e99 0%, #2ba9d3 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#136e99), color-stop(100%,#2ba9d3));
            background: -webkit-linear-gradient(top,  #136e99 0%,#2ba9d3 100%);
            background: -o-linear-gradient(top,  #136e99 0%,#2ba9d3 100%);
            background: -ms-linear-gradient(top,  #136e99 0%,#2ba9d3 100%);
            background: linear-gradient(to bottom,  #136e99 0%,#2ba9d3 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#136e99', endColorstr='#2ba9d3',GradientType=0 );
        }
            body.phone #header_nav > ul{
                position: relative;
                display: block;
            }
                body.phone .menu_item{
                    position: relative;
                    display: block;
                    font-size: medium;
                    line-height: 45px;
                }
                body.phone .menu_item.nav_tab > p:after,
                body.phone .menu_item.nav_nosub > p:after{
                    position: absolute;
                    top: 0;
                    right: 4.5%;
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: url('../../img/common/fleches/fleche_blanche_right_2x.png') no-repeat right center transparent;
                    content: '';
                }
                body.phone .menu_item > p:after{
                    position: absolute;
                    top: 0;
                    right: 4.5%;
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: url('../../img/common/fleches/fleche_blanche_right_2x.png') no-repeat right 16px transparent;
                    content: '';
                }
                body.phone .menu_item.active > p:after{
                    position: absolute;
                    top: 0;
                    right: 4.5%;
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: url('../../img/common/fleches/fleche_blanche_bas.png') no-repeat right 16px transparent;
                    content: '';
                }
                body.phone .menu_item > p{
                    display: block;
                    padding-left: 5.5%;
                    color: white;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-size: medium;
                    font-family: 'PeugeotLight', Arial, Helvetica, sans-serif;
                    line-height: 45px;

                    background: rgba(255, 255, 255, 0.2);
                    background: -moz-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%, #ffffff 21%, #ffffff 81%, rgba(255, 255, 255, 0.2) 100%);
                    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0.2)), color-stop(21%,#ffffff), color-stop(81%,#ffffff), color-stop(100%,rgba(255, 255, 255, 0.2)));
                    background: -webkit-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: -o-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: -ms-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: linear-gradient(to right,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background-size:100% 1px;
                    background-position: bottom;
                    background-repeat : no-repeat;
                }
                body.phone .menu_item:hover > p,
                body.phone .menu_item:active > p,
                body.phone .menu_item.active > p{
                    color: #a8c7d9;
                }
                body.phone .menu_item.active > p{
                    background: url('../../img/common/header/menu_vert_bg_on.png') repeat left bottom transparent;
                }
                /* Elements à masquer */
                body.phone .menu_item.nav_nosub{
                    background: none;
                }
                body.phone .menu_item.nosquare,
                body.phone .nav_submenu{
                    display: none;
                }
                body.phone .menu_item.active .nav_submenu{
                    display: block;
                }

                body.phone .menu_item.nav_nosub > p.blue_button{
                    background: url('../../img/common/header/menu/menu_usefull.png') repeat-x left bottom;
                    background-size: 100% 100%;
                    color: #ffffff;
                }
                body.phone .menu_item:hover > p.blue_button:hover,
                body.phone .menu_item.active > p.blue_button{
                    background: #22a0ca;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                }
                body.phone .nav_submenu{
                    background: rgba(255, 255, 255, 0.2);
                    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, #ffffff 21%, #ffffff 81%, rgba(255, 255, 255, 0.2) 100%);
                    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0.2)), color-stop(21%,#ffffff), color-stop(81%,#ffffff), color-stop(100%,rgba(255, 255, 255, 0.2)));
                    background: -webkit-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: -o-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%));
                    background: -ms-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: linear-gradient(to right,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background-size:100% 1px;
                    background-position: bottom;
                    background-repeat: no-repeat;
                }
				
				body.phone .newHeader .nav_submenu{
                    background: rgba(0, 0, 0, 0.2);
                    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, #000000 21%, #000000 81%, rgba(0, 0, 0, 0.2) 100%);
                    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0, 0, 0, 0.2)), color-stop(21%,#000000), color-stop(81%,#000000), color-stop(100%,rgba(0, 0, 0, 0.2)));
                    background: -webkit-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%);
                    background: -o-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%));
                    background: -ms-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%);
                    background: linear-gradient(to right,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%);
                    background-size:100% 1px;
                    background-position: bottom;
                    background-repeat: no-repeat;
                }

                /* Submenu blocs */
                body.phone .nav_submenu .column{
                    padding-bottom: 2%;
                }
                    body.phone .nav_submenu .column p{
                        position: relative;
                        padding-left: 11%;
                        color: #ffffff;
                        text-transform: uppercase;
                        font: 13px/42px Arial, Helvetica, sans-serif;
                    }
                    body.phone .nav_submenu .column ul li{
                        position: relative;
                        display: block;
                        margin-left: 5.5%;
                        background: url('../../img/common/header/menu/arrow_white.png') no-repeat left center transparent;
                        line-height: 30px;
                    }
                        body.phone .nav_submenu .column ul li a{
                            position: relative;
                            display: inline-block;
                            color: #ffffff;
                            text-decoration: none;
                            padding-left : 10px;
                            font: 14px/16px Arial, Helvetica, sans-serif;

                            background : transparent url('../../img/common/fleches/fleche_blanche.png') no-repeat left center;
                        }

body.phone #pgt_wrapper_subheader_main{
    display: none;
}


/* --------------------- */
/* Smartphones Landscape */
/* --------------------- */
    body.phone.landscape #header_wrapper{
        background: url('../../img/common/header/header_bg_mobile_2x.png') repeat-x left top transparent;
        background-size: 100%;
    }
	body.phone.landscape .newHeader #header_wrapper{
        background: #142032;
    }
    body.phone.landscape #header_annex{
        line-height: 3;
    }
        body.phone.landscape #header_logo {
            margin: 0 0 0 8.5%;
            padding-bottom: 20%;
            max-width: 100%;
            width: 20%;
            height: 0;
        }
		
		body.phone.landscape .newHeader #header_logo {
            margin: 0;
			width: 100%;
			text-align:center;
			padding-bottom: 18%;
			height: auto;
        }
            body.phone.landscape #header_logo img{
                max-width: 85%;
            }
			body.phone.landscape .newHeader #header_logo img{
                max-width: 5%;
            }
			body.phone.landscape .newHeader #header_logo img ~ img{
                max-width: none;
            }
        body.phone.landscape #header_middle{
            position: relative;
            display: inline-block;
            padding-bottom: 9%;
            width: 71%;
            height: 0;
        }
		body.phone.landscape .newHeader #header_middle{
            width: 100%;
			height: auto;
			padding-bottom: 0;
        }
		body.phone #header_title{
			vertical-align:top;
			margin-top:0px;
			line-height:1.8 !important;
		}
        body.phone.landscape #header_title{
            width:81%;
        }
		body.phone.landscape .newHeader #header_title{
            width:100%;
        }
        body.phone.landscape #menu_button{
            margin:-2% 4% 0 0;
            padding-bottom: 9%;
            width: 9.5%;
        }
		body.phone.landscape .newHeader #menu_button{
            width: 6%;
			margin: 0;
			position : absolute;
			left : 4%;
			top: 25%;
        }
        body.phone.landscape #menu_button.active{
            background:url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
            background-size: 100%;
        }
        body.phone.landscape #header_nav{
            display: none;
            margin-bottom: 6%;
        }
        body.phone.landscape #header_nav.active{
            display: block;
            margin-bottom: 3%;
        }
            body.phone.landscape #header_nav > ul{
                position: relative;
                display: block;
            }
                body.phone.landscape .menu_item{
                    position: relative;
                    display: block;
                    font-size: medium;
                    line-height: 45px;
                }
                body.phone.landscape .menu_item > p{
                    display: block;
                    padding-left: 5.5%;
                    color: white;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-size: medium;
                    font-family: 'PeugeotLight', Arial, Helvetica, sans-serif;
                    line-height: 45px;

                    background: rgba(255, 255, 255, 0.2);
                    background: -moz-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%, #ffffff 21%, #ffffff 81%, rgba(255, 255, 255, 0.2) 100%);
                    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0.2)), color-stop(21%,#ffffff), color-stop(81%,#ffffff), color-stop(100%,rgba(255, 255, 255, 0.2)));
                    background: -webkit-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: -o-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: -ms-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: linear-gradient(to right,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background-size:100% 1px;
                    background-position: bottom;
                    background-repeat : no-repeat;
                }
                body.phone.landscape .menu_item:hover > p,
                body.phone.landscape .menu_item:active > p,
                body.phone.landscape .menu_item.active > p{
                    color: #ffffff;
                }
                body.phone.landscape .menu_item.active > p{
                    background: url('../../img/common/header/menu_vert_bg_on.png') repeat left bottom transparent;
                }
                /* Elements à masquer */
                body.phone.landscape .menu_item.nav_nosub{
                    background: none;
                }
                body.phone.landscape .menu_item.nosquare,
                .nav_submenu{
                    display: none;
                }
                body.phone.landscape .menu_item.active .nav_submenu{
                    display: block;
                }
                body.phone.landscape .menu_item.nav_nosub > p.blue_button{
                    background: url('../../img/common/header/menu/menu_usefull.png') repeat-x left bottom;
                    background-size: 100% 100%;
                    color: #ffffff;
                }
                body.phone.landscape .menu_item:hover > p.blue_button:hover,
                body.phone.landscape .menu_item.active > p.blue_button{
                    background: #22a0ca;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                }
                /* Submenu blocs */
                body.phone.landscape .nav_submenu{
                    background: rgba(255, 255, 255, 0.2);
                    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, #ffffff 21%, #ffffff 81%, rgba(255, 255, 255, 0.2) 100%);
                    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0.2)), color-stop(21%,#ffffff), color-stop(81%,#ffffff), color-stop(100%,rgba(255, 255, 255, 0.2)));
                    background: -webkit-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: -o-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%));
                    background: -ms-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: linear-gradient(to right,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background-size:100% 1px;
                    background-position: bottom;
                    background-repeat: no-repeat;
                }
                body.phone.landscape .nav_submenu .column{
                    padding-bottom: 2%;
                }
                    body.phone.landscape .nav_submenu .column p{
                        position: relative;
                        padding-left: 11%;
                        color: #ffffff;
                        text-transform: uppercase;
                        font: 13px/42px Arial, Helvetica, sans-serif;
                    }
                    body.phone.landscape .nav_submenu .column ul li{
                        position: relative;
                        display: block;
                        margin-left: 5.5%;
                        background: url('../../img/common/header/menu/arrow_white.png') no-repeat left center transparent;
                        line-height: 30px;
                    }
                        body.phone.landscape .nav_submenu .column ul li a{
                            position: relative;
                            display: inline-block;
                            color: #ffffff;
                            text-decoration: none;
                            padding-left : 10px;
                            font: 14px/16px Arial, Helvetica, sans-serif;

                            background : transparent url('../../img/common/fleches/fleche_blanche.png') no-repeat left center;
                        }

/* -------------------- */
/* Tablettes - Portrait */
/* -------------------- */
body.tablet.portrait header{
    background: none;
}
body.tablet.portrait header.active{
    background: url('../../img/common/header/menu_vert_bg_on.png') repeat 0 0 transparent;
}
    body.tablet.portrait #header_wrapper{
        background: url('../../img/common/header/header_bg_tablet.png') no-repeat 0 0 transparent;
        background-size: 100%;
    }
	body.tablet.portrait .newHeader #header_wrapper{
        background: #142032;
    }
        body.tablet.portrait #header_logo {
            position: relative;
            display: inline-block;
            margin: 0 0 0 5.5%;
            padding-bottom: 15.7%;
            min-width: 14%;
            max-height: 100%;
            height: 0;
        }
		body.tablet.portrait .newHeader #header_logo {
            margin: 0;
			width: 100%;
			text-align:center;
			padding-bottom: 0;
			height: auto;
        }
            body.tablet.portrait #header_logo img{
                max-width: 100%;
                padding-top: 2%;
            }
			body.tablet.portrait .newHeader #header_logo img{
			padding-top:5px;
			display: inherit;
			height: 30px;
			max-width: none;
			width: auto;
			}
			body.tablet.portrait .newHeader #header_logo img ~ img{
                max-width: none;
				width: auto;
				height: 9px;
				top: -10px;
            }
        body.tablet.portrait #header_middle{
            position: relative;
            display: inline-block;
            padding-bottom: 8%;
            width: 80%;
            height: 0;
            margin: 0;
        }
		body.tablet.portrait .newHeader #header_middle{
            width: 100%;
			height: auto;
			padding-bottom: 0;
        }
            body.tablet.portrait #header_annex{
                line-height: 3;
            }
			body.tablet.portrait .newHeader #header_annex{
                line-height: 4;
            }
        body.tablet.portrait #menu_button{
            padding-bottom: 7%;
            width: 6%;
            height: 0;
            background: url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
            background-size: 100%;
            vertical-align: middle;
        }
		body.tablet.portrait .newHeader #menu_button{
            width: 6%;
			margin: 0;
			position : absolute;
			left : 4%;
			top: 25%;
        }
        body.tablet.portrait .header #menu_button.active{
            background: url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
            background-size: 100%;
        }
        body.tablet.portrait #header_mobile{
            display: none;
        }
        body.tablet.portrait #header_nav{
            display: none;
        }
        body.tablet.portrait #header_nav.active{
            display: block;
            margin-bottom: 4%;

            background: #136e99;
            background: -moz-linear-gradient(top,  #136e99 0%, #2ba9d3 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#136e99), color-stop(100%,#2ba9d3));
            background: -webkit-linear-gradient(top,  #136e99 0%,#2ba9d3 100%);
            background: -o-linear-gradient(top,  #136e99 0%,#2ba9d3 100%);
            background: -ms-linear-gradient(top,  #136e99 0%,#2ba9d3 100%);
            background: linear-gradient(to bottom,  #136e99 0%,#2ba9d3 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#136e99', endColorstr='#2ba9d3',GradientType=0 );
        }
		body.tablet .newHeader #header_nav.active{
			margin-bottom: 0 !important;
		}
		body.phone .newHeader #header_nav.active{
			margin-bottom: 0 !important;
		}
        body.tablet #search_nav{
            text-align:right;
            position: absolute;
            bottom: 0;
            right: 0;
            display: block;
            margin-bottom: 0;
            min-width: 80%;
            height: 0;
            font-size: medium;
            padding-bottom: 5%;
            padding-right:2%;
        }
		body.tablet #search_nav_newHeader{
            text-align:right;
            position: absolute;
			right: 0;
            display: block;
            height: 0;
            font-size: medium;
            padding-bottom: 5%;
            padding-right:2%;
			padding-top:12px;
        }
        body.tablet #header_middle > #search_nav{
            top: 100%;
            bottom: auto;
        }
        body.tablet.landscape header #search_nav{
            padding-bottom: 6%;
        }
        body.tablet.portrait header #search_nav{
            padding-bottom: 9%;
        }

            body.tablet #search_nav a{
                text-transform: uppercase;
                font-family: Peugeot;
                color : #12689f;
                padding-right:25px;
                background : transparent url('../../img/common/header/fleche_recherche_bottom.png') no-repeat center right;

                line-height:42px;
            }
			
			body.tablet #search_nav_newHeader a{
                text-transform: uppercase;
                font-family: Peugeot;
                color : #12689f;
                padding-right:25px;
                background : transparent url('../../img/common/header/fleche_recherche_bottom.png') no-repeat center right;

                line-height:42px;
            }

            body.tablet.portrait #header_nav > ul{
                position: relative;
                display: block;
            }
                body.tablet.portrait .menu_item{
                    position: relative;
                    display: block;
                    font-size: medium;
                    line-height: 45px;
                }
				body.tablet.portrait .newHeader .menu_item{
                    line-height: 34px;
                }
                body.tablet.portrait .menu_item > p{
                    display: block;
                    padding-left: 5.5%;
                    background: url('../../img/common/header/menu_vert_bg_off.png') repeat left bottom transparent;
                    color: white;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-size: medium;
                    font-size: 16px;
                    font-family: 'PeugeotLight', Arial, Helvetica, sans-serif;
                    line-height: normal;
                    line-height: 45px;

                    background: rgba(255, 255, 255, 0.2);
                    background: -moz-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%, #ffffff 21%, #ffffff 81%, rgba(255, 255, 255, 0.2) 100%);
                    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0.2)), color-stop(21%,#ffffff), color-stop(81%,#ffffff), color-stop(100%,rgba(255, 255, 255, 0.2)));
                    background: -webkit-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: -o-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: -ms-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: linear-gradient(to right,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background-size:100% 1px;
                    background-position: bottom;
                    background-repeat : no-repeat;
                }
				body.tablet.portrait .newHeader .menu_item > p,
				body.tablet.landscape .newHeader .menu_item > p,
				body.phone.portrait .newHeader .menu_item > p,
				body.phone.landscape .newHeader .menu_item > p,
				body.tablet.landscape .newHeader.active .menu_item > p,
				body.phone.landscape .newHeader.active .menu_item > p{
					line-height: 34px;
					padding-left: 1.5%;
					background: none;
                    background: -moz-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%, #000000 21%, #000000 81%, rgba(0, 0, 0, 0.2) 100%);
                    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0, 0, 0, 0.2)), color-stop(21%,#000000), color-stop(81%,#000000), color-stop(100%,rgba(0, 0, 0, 0.2)));
                    background: -webkit-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%);
                    background: -o-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%);
                    background: -ms-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%);
                    background: linear-gradient(#000000,#000000);
                    background-size:100% 1px;
                    background-position: bottom;
                    background-repeat : no-repeat;
				}

				body.phone.portrait .newHeader .menu_item.active > p,
				body.phone.landscape .newHeader .menu_item.active > p{
                    background: url('../../img/common/header/menu_vert_bg_on.png') repeat left bottom transparent;
                }
				
                body.tablet.portrait .menu_item:hover > p,
                body.tablet.portrait .menu_item:active > p,
                body.tablet.portrait .menu_item.active > p{
                    color: #a8c7d9;
                }
                body.tablet.portrait .menu_item.active > p{
                    background: url('../../img/common/header/menu_vert_bg_on.png') repeat left bottom transparent;
                }
				
                /* Elements à masquer */
                body.tablet.portrait .menu_item.nav_nosub{
                    background: none;
                }
                body.tablet.portrait .menu_item.nosquare,
                body.tablet.portrait .nav_submenu{
                    display: none;
                }
                body.tablet.portrait .menu_item.active .nav_submenu{
                    display: block;
                }
                body.tablet.portrait .menu_item.nav_nosub > p.blue_button{
                    background: url('../../img/common/header/menu/menu_usefull.png') repeat-x left bottom;
                    background-size: 100% 100%;
                    color: #ffffff;
                }
                body.tablet.portrait .menu_item:hover > p.blue_button:hover,
                body.tablet.portrait .menu_item.active > p.blue_button{
                    background: #22a0ca;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                }
                body.tablet.portrait .menu_item.nav_tab > p:after,
                body.tablet.portrait .menu_item.nav_nosub > p:after{
                    position: absolute;
                    top: 0;
                    right: 4.5%;
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: url('../../img/common/fleches/fleche_blanche_right_2x.png') no-repeat right center transparent;
                    content: '';
                }
                body.tablet.portrait .menu_item > p:after{
                    position: absolute;
                    top: 0;
                    right: 4.5%;
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: url('../../img/common/fleches/fleche_blanche_right_2x.png') no-repeat right 16px transparent;
                    content: '';
                }
				body.tablet.portrait .newHeader .menu_item > p:after,
				body.tablet.landscape .newHeader .menu_item > p:after,
				body.phone.portrait .newHeader .menu_item > p:after,
				body.phone.landscape .newHeader .menu_item > p:after{
                    background: none;
                }
                body.tablet.portrait .menu_item.active > p:after{
                    position: absolute;
                    top: 0;
                    right: 4.5%;
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: url('../../img/common/fleches/fleche_blanche_bas.png') no-repeat right 16px transparent;
                    content: '';
                }
				body.tablet.portrait .newHeader .menu_item.active > p:after,
				body.tablet.landscape .newHeader .menu_item.active > p:after,
				body.phone.portrait .newHeader .menu_item.active > p:after,
				body.phone.landscape .newHeader .menu_item.active > p:after{
                    background: none;
                    content: '';
                }
                /* Submenu blocs */
                body.tablet.portrait .nav_submenu {
                    background: rgba(255, 255, 255, 0.2);
                    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, #ffffff 21%, #ffffff 81%, rgba(255, 255, 255, 0.2) 100%);
                    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0.2)), color-stop(21%,#ffffff), color-stop(81%,#ffffff), color-stop(100%,rgba(255, 255, 255, 0.2)));
                    background: -webkit-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: -o-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%));
                    background: -ms-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: linear-gradient(to right,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background-size:100% 1px;
                    background-position: bottom;
                    background-repeat: no-repeat;
                }
				body.tablet.portrait .newHeader .nav_submenu ,
				body.tablet.landscape .newHeader .nav_submenu ,
				body.phone.portrait .newHeader .nav_submenu ,
				body.phone.landscape .newHeader .nav_submenu {
                    background: rgba(255, 255, 255, 0.2);
                    background: linear-gradient(#000000, #000000);
                    background-size:100% 1px;
                    background-position: bottom;
                    background-repeat: no-repeat;
                }
                body.tablet.portrait .nav_submenu .column{
                    padding-bottom: 2%;
                }
                    body.tablet.portrait .nav_submenu .column p{
                        position: relative;
                        padding-left: 11%;
                        color: #ffffff;
                        text-transform: uppercase;
                        font: 13px/42px Arial, Helvetica, sans-serif;
                    }
                    body.tablet.portrait .nav_submenu .column ul li{
                        position: relative;
                        display: block;
                        margin-left: 5.5%;
                        background: url('../../img/common/header/menu/arrow_white.png') no-repeat left center transparent;
                        line-height: 30px;
                    }
					body.tablet.portrait .newHeader .nav_submenu .column ul li,
					body.tablet.landscape .newHeader .nav_submenu .column ul li,
					body.phone.portrait .newHeader .nav_submenu .column ul li,
					body.phone.landscape .newHeader .nav_submenu .column ul li{
                        margin-left: 0;
						padding-left: 5.5%;
                    }
                        body.tablet.portrait .nav_submenu .column ul li a{
                            position: relative;
                            display: inline-block;
                            color: #ffffff;
                            text-decoration: none;
                            padding-left : 10px;
                            font: 14px/16px Arial, Helvetica, sans-serif;

                            background : transparent url('../../img/common/fleches/fleche_blanche.png') no-repeat left center;
                        }
						body.tablet.portrait .newHeader .nav_submenu .column ul li a,
						body.tablet.landscape .newHeader .nav_submenu .column ul li a,
						body.phone.portrait .newHeader .nav_submenu .column ul li a,
						body.phone.landscape .newHeader .nav_submenu .column ul li a{
                            background : none;
							padding-left : 0;
                        }
        body.tablet.portrait #central_wrapper{
            position: relative;
            display: block;
        }

/* --------------------- */
/* Tablettes - Landscape */
/* --------------------- */
    body.tablet.landscape header{
        /* background: none; */
    }
    body.tablet.landscape header.active{
        background: url('../../img/common/header/header_bg_repeat_2x.png') repeat-x left bottom;
        background-size: 100% 100%;
    }
    body.tablet.landscape #header_wrapper{
        background: url('../../img/common/header/header_bg_tablet_landscape.png') no-repeat 0 0 transparent;
        background-size: 100%;
    }
	body.tablet.landscape .newHeader #header_wrapper{
        background: #142032;
    }
    body.tablet.landscape #header_wrapper:before,
    body.tablet.landscape #header_wrapper:after{
        background: none;
        content:'';
    }
    body.tablet.landscape #header_logo{
        position: relative;
        display: inline-block;
        margin: 0 0 0 4.7%;
        padding-bottom: 11.3%;
        min-width: 10%;
        width: 11%;
        max-height: 100%;
        height: 0;
    }
	body.tablet.portrait .newHeader #header_logo,
	body.tablet.landscape .newHeader #header_logo,
	body.phone.portrait .newHeader #header_logo,
	body.phone.landscape .newHeader #header_logo{
        padding-bottom: 0;
    }
	body.tablet.landscape .newHeader #header_logo {
		margin: 0;
		width: 100%;
		text-align:center;
		height: auto;
	}
        body.tablet.landscape #header_logo img{
            position: relative;
            display: block;
            margin:auto;
            max-width: 83%;
            width: 100%;
            height: auto;
        }
		body.tablet .newHeader #header_logo img{
			padding-top:5px;
			display: inherit;
			height: 30px;
			max-width: none;
			width: auto;
		}
		body.tablet.landscape .newHeader #header_logo img ~ img{
			max-width: none;
			width: auto;
			height: 9px;
			top: -10px;
		}
        body.tablet.landscape #header_middle{
            position: relative;
            display: inline-block;
            margin-left: 0;
            padding-bottom: 6.2%;
            width: 84%;
            height: 0;
        }
		body.tablet.landscape .newHeader #header_middle{
            width: 100%;
			height: auto;
			padding-bottom: 0;
        }
        body.tablet.landscape #header_mobile{
            display: none;
        }
            body.tablet.landscape #menu_button{
                padding-bottom: 5%;
                width: 6%;
                height: 0;
                background:url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
                background-size: 100%;
            }
			body.tablet.landscape .newHeader #menu_button{
				width: 5%;
				margin: 0;
				position: absolute;
				left : 4%;
				top : 20%;
			}
            
        body.tablet.landscape #header_nav{
            display: none;
        }
        body.tablet.landscape header.active #header_nav{
            display: block;
        }
        body.tablet.landscape header.active #header_nav.active{
            margin-bottom: 2%;
        }
        body.tablet.landscape header.active #header_nav{
            display: none;
        }
        body.tablet.landscape header.active #header_nav.active{
            display: block;
            margin-bottom: 4%;

            background: #136e99;
            background: -moz-linear-gradient(top,  #136e99 0%, #2ba9d3 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#136e99), color-stop(100%,#2ba9d3));
            background: -webkit-linear-gradient(top,  #136e99 0%,#2ba9d3 100%);
            background: -o-linear-gradient(top,  #136e99 0%,#2ba9d3 100%);
            background: -ms-linear-gradient(top,  #136e99 0%,#2ba9d3 100%);
            background: linear-gradient(to bottom,  #136e99 0%,#2ba9d3 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#136e99', endColorstr='#2ba9d3',GradientType=0 );
        }
		
            body.tablet.landscape header.active #header_nav > ul{
                position: relative;
                display: block;
            }
                body.tablet.landscape header.newHeader .menu_item{
                    line-height: 34px;
					position: relative;
                }
                body.tablet.landscape header.active .menu_item > p{
                    display: block;
                    padding-left: 5.5%;
                    background: url('../../img/common/header/menu_vert_bg_off.png') repeat left bottom transparent;
                    color: white;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-size: medium;
                    font-size: 16px;
                    font-family: 'PeugeotLight', Arial, Helvetica, sans-serif;
                    line-height: normal;
                    line-height: 45px;

                    background: rgba(255, 255, 255, 0.2);
                    background: -moz-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%, #ffffff 21%, #ffffff 81%, rgba(255, 255, 255, 0.2) 100%);
                    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0.2)), color-stop(21%,#ffffff), color-stop(81%,#ffffff), color-stop(100%,rgba(255, 255, 255, 0.2)));
                    background: -webkit-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: -o-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: -ms-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: linear-gradient(to right,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background-size:100% 1px;
                    background-position: bottom;
                    background-repeat : no-repeat;
                }
				body.tablet.landscape header.newHeader .menu_item > p{
					line-height: 34px;
				}
                body.tablet.landscape header.active .menu_item:hover > p,
                body.tablet.landscape header.active .menu_item:active > p,
                body.tablet.landscape header.active .menu_item.active > p{
                    color: #a8c7d9;
                }
                body.tablet.landscape header.active .menu_item.active > p{
                    background: url('../../images/peugeot_common/header/menu_vert_bg_on.png') repeat left bottom transparent;
                }
                /* Elements à masquer */
                body.tablet.landscape header.active .menu_item.nav_nosub{
                    background: none;
                }
                body.tablet.landscape header.active .menu_item.nosquare,
                body.tablet.landscape header.active .nav_submenu{
                    display: none;
                }
                body.tablet.landscape header.active .menu_item.active .nav_submenu{
                    display: block;
                }
                body.tablet.landscape header.active .menu_item.nav_nosub > p.blue_button{
                    background: url('../../images/peugeot_common/header/menu/menu_usefull.png') repeat-x left bottom;
                    background-size: 100% 100%;
                    color: #ffffff;
                }
        body.tablet.landscape .menu_item:hover > p.blue_button:hover,
        body.tablet.landscape .menu_item.active > p.blue_button{
            background: #22a0ca;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }
        body.tablet.landscape .menu_item.nav_tab > p:after,
        body.tablet.landscape .menu_item.nav_nosub > p:after{
            position: absolute;
            top: 0;
            right: 4.5%;
            display: block;
            width: 100%;
            height: 100%;
            background: url('../../img/common/fleches/fleche_blanche_right_2x.png') no-repeat right center transparent;
            content: '';
        }
        body.tablet.landscape .menu_item > p:after{
            position: absolute;
            top: 0;
            right: 4.5%;
            display: block;
            width: 100%;
            height: 100%;
            background: url('../../img/common/fleches/fleche_blanche_right_2x.png') no-repeat right center transparent;
            content: '';
        }
        body.tablet.landscape .menu_item.active > p:after{
            position: absolute;
            top: 0;
            right: 4.5%;
            display: block;
            width: 100%;
            height: 100%;
            background: url('../../img/common/fleches/fleche_blanche_right_2x.png') no-repeat right 16px transparent;
            content: '';
        }

                /* Submenu blocs */
                body.tablet.landscape .nav_submenu {
                    background: rgba(255, 255, 255, 0.2);
                    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, #ffffff 21%, #ffffff 81%, rgba(255, 255, 255, 0.2) 100%);
                    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0.2)), color-stop(21%,#ffffff), color-stop(81%,#ffffff), color-stop(100%,rgba(255, 255, 255, 0.2)));
                    background: -webkit-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: -o-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%));
                    background: -ms-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background: linear-gradient(to right,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
                    background-size:100% 1px;
                    background-position: bottom;
                    background-repeat: no-repeat;
                }
                body.tablet.landscape .nav_submenu .column{
                    padding-bottom: 2%;
                }
				body.tablet.portrait .newHeader .nav_submenu .column,
				body.tablet.landscape .newHeader .nav_submenu .column,
				body.phone.portrait .newHeader .nav_submenu .column,
				body.phone.landscape .newHeader .nav_submenu .column{
                    padding-bottom: 0;
                }
                    body.tablet.landscape .nav_submenu .column p{
                        position: relative;
                        padding-left: 11%;
                        color: #ffffff;
                        text-transform: uppercase;
                        font: 13px/42px Arial, Helvetica, sans-serif;
                    }
                    body.tablet.landscape .nav_submenu .column ul li{
                        position: relative;
                        display: block;
                        margin-left: 5.5%;
                        background: url('../../img/common/header/menu/arrow_white.png') no-repeat left center transparent;
                        line-height: 30px;
                    }
                        body.tablet.landscape .nav_submenu .column ul li a{
                            position: relative;
                            display: inline-block;
                            color: #ffffff;
                            text-decoration: none;
                            padding-left : 10px;
                            font: 14px/16px Arial, Helvetica, sans-serif;

                            background : transparent url('../../img/common/fleches/fleche_blanche.png') no-repeat left center;
                        }
/* ------ */
/* Common */
/* ------ */
header{
    position: relative;
    z-index: 5000;
    display: block;
    width: 100%;
    height: auto;
}
header.newHeader{
    marign: auto;
}
	
	body.phone .newHeader #menu_button{
		background:url('../../img/common/header/menu_on_btn_mobile_white.png') no-repeat 0 0 transparent;
		background-size: 100%;
		vertical-align: middle;
	}
	body.tablet .newHeader #menu_button{
		background:url('../../img/common/header/menu_on_btn_mobile_white.png') no-repeat 0 0 transparent;
		background-size: 100%;
		vertical-align: middle;
	}
    #header_wrapper{
        position: relative;
        z-index: 2;
        display: block;
        width: 100%;
        height: auto;
        font-size: 0; /* Inline-block white-space fix */
    }
    .ie8 #header_wrapper{
        width: 1024px;
    }
		
		.newHeader #header_top{
			position: relative;
			height: 60px;
			background-color: #142032;
		}
		body.phone .newHeader #header_top{
			height: 80px;
		}
		
			#header_logo{
            position: absolute;
            display: block;
            padding-bottom: 8.5%;
            max-width: 100%;
            max-height: 100%;
            height: 0;
        }

		.newHeader #header_logo{
            margin: 0 0 0 4%;
            width: 19.5%;
        }

		.header #header_logo{
            margin: 0 0 0 7%;
            width: 9.5%;
        }
            #header_logo img{
                position: relative;
                margin:auto;
                max-width: 100%;
                height: auto;
            }
			.newHeader #header_logo img{
                display: inline;
                width: 20%;
                padding-top:7%;
            }
			body.phone .newHeader #header_logo img{
                padding-top:2%;
            }
			.header #header_logo img{
                display: block;
                width: 92.5%;
                padding-top:13%;
            }
			.newHeader #header_logo .textPeugeot{
				width: 66%;
				top: -14px;
				left: 10px;
			}
			
        #header_middle {
            position: relative;
            display: inline-block;
            padding-bottom: 6.2%;
            width: 75%;
            color: white;
            vertical-align:top;
            text-align: left;
            font-size: medium;
        }
		.newHeader #header_middle {
			margin-left: 19%;
			width: 61%;
		}
		.header #header_middle {
			margin-left: 20%;
		}
            #header_annex{
                position: absolute;
                display: block;
                width: 100%;
                height: auto;
                text-align: center;
                line-height: 4;
                padding:1% 0;
                box-sizing: border-box;
            }
			.newHeader #header_annex{
				position: relative;
            }
            #header_title{
                display:inline-block;
                width:85%;
                line-height: 1;
                height: 100%;
				font-size:20px;
            }
			.newHeader #header_title{
				position: relative;
				top: -6px;
            }
            #header_annex span{
                position: relative;
                display: inline-block;
                vertical-align: middle;
                text-transform: uppercase;
                font-family: 'PeugeotLight', Arial,Helvetica, sans-serif;
            }
            .header #header_annex span{
				color: #1c74b9;
			}
            .newHeader #header_annex span{
				font-weight: bold;
			}
			body.phone .newHeader #header_annex span{
				margin-left: 10%;
				margin-right: 10%;
				line-height: 30px;
			}
		header select.select_language{
			position:absolute;
			right:45px;
			top:10px;
		}
		header.newHeader select.select_language{
			right:8px;
			top:19px;
		}
		.computer footer .footer_language{
			display:none;
		}
        #menu_button{
            position: relative;
            display: inline-block;
            background-size: 100%;
            vertical-align: top;
			z-index: 2;
        }
        #header_mobile{
            display: none;
        }
        #search_nav{
            display:none;
        }
		#search_nav_newHeader{
            display:none;
        }
		#search_nav_off{
            display:none;
        }

		body.tablet .newHeader .nav_submenu .column ul li{
			background: rgba(0, 0, 0, 0.2);
			background: -moz-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%, #000000 21%, #000000 81%, rgba(0, 0, 0, 0.2) 100%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0, 0, 0, 0.2)), color-stop(21%,#000000), color-stop(81%,#000000), color-stop(100%,rgba(0, 0, 0, 0.2)));
			background: -webkit-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%);
			background: -o-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%);
			background: -ms-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%);
			background: linear-gradient(#000000,#000000);
			background-size:100% 1px;
			background-position: top;
			background-repeat : no-repeat;
		}
		body.phone .newHeader .nav_submenu .column ul li{
			background: rgba(0, 0, 0, 0.2);
			background: -moz-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%, #000000 21%, #000000 81%, rgba(0, 0, 0, 0.2) 100%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0, 0, 0, 0.2)), color-stop(21%,#000000), color-stop(81%,#000000), color-stop(100%,rgba(0, 0, 0, 0.2)));
			background: -webkit-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%);
			background: -o-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%);
			background: -ms-linear-gradient(left,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%);
			background: linear-gradient(to right,  rgba(0, 0, 0, 0.2) 0%,#000000 21%,#000000 81%,rgba(0, 0, 0, 0.2) 100%);
			background-size:100% 1px;
			background-position: top;
			background-repeat : no-repeat;
		}
		body.tablet header.newHeader.active #header_nav.active{
			background: rgba(20, 32, 50, 0.95);
		}
		body.phone header.newHeader.active #header_nav.active{
			background: rgba(20, 32, 50, 0.95);
		}
		
/* Menu principal pour tablette landscape et desktop */

/*@media screen and (min-width:1024px){*/

	body.desktop header.newHeader,
	body.desktop header.active.newHeader{
		background: #E7E7E9 ;
		background-size: 100% 100%;
		left: -1px;
	}
	body.desktop header.header,
	body.desktop header.active.header{
		background: url('../../img/common/header/background_repeater.png') repeat-x left bottom;
		background-size: 100% 100%;
	}
	body.desktop header.menu_groupe , body.desktop header.active.menu_groupe  {
		background:url("../../img/common/header/background_repeater_nomenu.png") repeat-x scroll left bottom / 100% 100% transparent;
	}
        .desktop #header_wrapper{
            margin: auto;
        }
        .desktop .newHeader #header_wrapper{
			min-height: 92px;
            max-width: 1022px;
			border-color: -moz-use-text-color #CECECE #CECECE;
			border-right: 1px solid #CECECE;
			border-right-style: none solid solid;
			border-left: 1px solid #CECECE;
			border-left-style: none solid solid;
			border-width: medium 1px 1px;
			width: 952px;
			background: url("../../img/common/header/newBackground_repeater.png") repeat-x scroll left bottom / 100% 100% rgba(0, 0, 0, 0);
		}
        .desktop .header #header_wrapper{
            min-height: 108px;
            max-width: 1024px;
            background: url('../../img/common/header/header_bg.png') no-repeat center 0;
            background-size: 100%;			
		}
		.desktop .menu_groupe #header_wrapper{
			background: url('../../img/common/header/header_bg_nomenu.png') no-repeat center 0;
		}
        .computer.desktop #menu_button{
            display:none;
        }
        .desktop #menu_button{
            position: relative;
        }
		
		body.computer.desktop header.newHeader .peugeotID_connected {
			color: #FFFFFF;
			display: inline-block;
			font-family: 'PeugeotLight',Arial,Helvetica,sans-serif;
			font-size: medium;
			line-height: 80px;
			position: relative;
		}

		body.computer.desktop header .peugeotID_connected span {
			font-weight: bold;
			vertical-align: middle;
		}

		body.computer.desktop header.newHeader a.peugeoID {
			background:url("../../img/common/form/logoid.png") ;
			cursor: pointer;
			display: inline-block;
			height: 24px;
			line-height: 23px;
			padding: 0;
			width: 15%;
			margin-top: 2%;
			float: none;
			position: relative;
			right: 15px;
			
		}
		
            .computer.desktop #header_nav,
            .computer.desktop #header_nav.active{
                position: absolute;
                bottom: 0;
                display: block;
                margin-bottom: 0;
                max-height: 35px;
                height: 35px;
                font-size: medium;
                line-height: 40px;
            }
            .computer.desktop .newHeader #header_nav,
            .computer.desktop .newHeader #header_nav.active{
				min-width: 100%;
				background-color: #E6E7E8;
				position: relative;
				border-bottom: 1px solid #B9B9B9;
			}
            .computer.desktop .header #header_nav,
            .computer.desktop .header #header_nav.active{
				left: 155px;
				min-width: 80%;
			}
                .computer.desktop #header_nav > ul{
                    position: relative;
                    display: block;
                    height: 100%;
                    color: white;
                    font-size: 0; /* Inline-block white-space fix */
                    line-height: inherit;
                }
                .computer.desktop .newHeader #header_nav > ul{
					color:#545665;
				}
				.computer.desktop .newHeader #header_nav > ul:hover{
                    color: #C3C4C5;
                }
                    /* Main nav */
                    .computer.desktop .menu_item{
						cursor: pointer;
						display: inline-block;
						font-size: 12px;
						height: 100%;
						line-height: inherit;
						/*margin-left: 2%;*/
						/*padding-left: 1.2%;*/
						/*padding-right: 1.2%;*/
						position: relative;
						vertical-align: top;
                    }
					.computer.desktop .newHeader .menu_item_separator{
						display: inline-block;
						font-size: 12px;
						line-height: inherit;
						background: none repeat scroll 0 0 #C3C4C5;
						content: "";
						height: 55%;
						position: relative;
						top: 9px;
						width: 1px;
                    }
                .computer.desktop .menu_item > p, .computer.desktop .menu_item > a{
                    /* Les pourcentages ne passent pas */
                    padding: 0 10px;
                    position: relative;
                    display: block;
					height:100%;
                    background: none;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-size: 11px;
                    font-weight:bold;
                    font-family: Arial, sans-serif;
                    line-height: 40px;
                    -webkit-transition: color .3s ease;
                    -moz-transition: color .2s ease;
                    -o-transition: color .2s ease;
                    transition: color .2s ease;
                }
                .computer.desktop .header .menu_item > p, .computer.desktop .menu_item > a{
                	color: #545665;
				}
				.computer.desktop .newHeader .menu_item:hover{
					color:#F0F0F0 ;
				}
				.computer.desktop .header .menu_item:hover{
					background: #2ba9d3;
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYTlkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iIzI0N2ViMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDVlOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top,  #2ba9d3 0%, #247eb2 77%, #1d5e9a 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ba9d3), color-stop(77%,#247eb2), color-stop(100%,#1d5e9a));
					background: -webkit-linear-gradient(top,  #2ba9d3 0%,#247eb2 77%,#1d5e9a 100%);
					background: -o-linear-gradient(top,  #2ba9d3 0%,#247eb2 77%,#1d5e9a 100%);
					background: -ms-linear-gradient(top,  #2ba9d3 0%,#247eb2 77%,#1d5e9a 100%);
					background: linear-gradient(to bottom,  #2ba9d3 0%,#247eb2 77%,#1d5e9a 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba9d3', endColorstr='#1d5e9a',GradientType=0 );
					-webkit-box-shadow:  0 4px 7px 0px #CACACA;
					box-shadow:  0 4px 7px 0px #CACACA;
				}
                .computer.desktop .newHeader .menu_item:hover > p,
                .computer.desktop .newHeader .menu_item:active > p{
					color:#545665;
				}
                .computer.desktop .header .menu_item:hover > p,
                .computer.desktop .header .menu_item:active > p{
					color:#FFFFFF;
                }
				.newHeader .arrow-nav-submenu {
					border-bottom: 6px solid rgba(27, 31, 37, 0.95);
					border-left: 6px solid rgba(0, 0, 0, 0);
					border-right: 6px solid rgba(0, 0, 0, 0);
					bottom: 0;
					display: none;
					height: 0;
					left: 50%;
					margin-left: -3px;
					position: absolute;
					width: 0;
				}
				
                /* Home Icon*/
                .computer.desktop .menu_item.nosquare{
                    display: inline-block;
					margin-left:5%;
					background:none repeat scroll 0 0 transparent !important;
                }
				.computer.desktop .newHeader .menu_item.nosquare{
					margin-left:2% !important;
                }
				.computer.desktop  .menu_item.nosquare:hover{
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
					-webkit-box-shadow: none;
					box-shadow: none;
				}
                .computer.desktop .menu_item.nosquare > a{
                    padding: 0;
                    width: 22px;
                }
                .computer.desktop .menu_item.nosquare > a:hover{
                    padding: 0;
                    background: none;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                }
                .computer.desktop .menu_item > .home_icon{
                    height: 100%;
					display:block;
                    background: url('../../img/common/header/home.png') no-repeat center center transparent;
                }
                .computer.desktop .menu_item > .home_icon:hover,
                .computer.desktop .menu_item > .home_icon:active{
                    background: url('../../img/common/header/home_hover.png') no-repeat center center transparent !important;
                }
                /* Blue item no submenu */
                .computer.desktop .menu_item.nav_nosub > p.blue_button{
                    background: url('../../img/common/header/menu/menu_usefull.png') repeat-x left bottom;
                    color: #ffffff;
                }
                .computer.desktop .menu_item:hover > p.blue_button:hover,
                .computer.desktop .menu_item.active > p.blue_button{
                    background: #22a0ca;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }
                /* Models tab */
                .computer.desktop .menu_item.nav_tab > p{
                    padding: 0 32px 0 24px;
                    background: none;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }
                .computer.desktop .nav_tab .middle:before {
                    position: absolute;
                    left: -30px;
                    display: block;
                    width: 30px;
                    height: 40px;
                    background: url('../../img/common/header/menu/menu_tab_left.png') no-repeat right bottom transparent;
                    content: '';
                }
                .computer.desktop .nav_tab .middle {
                    position: relative;
                    display: block;
                    padding: 0 3px;
                    width: auto;
                    height: 40px;
                    background: url('../../img/common/header/menu/menu_tab_middle.png') repeat-x center bottom transparent;
                }
                .computer.desktop .nav_tab .middle:after {
                    position: absolute;
                    top: 0;
                    right: -40px;
                    display: block;
                    width: 40px;
                    height: 40px;
                    background: url('../../img/common/header/menu/menu_tab_right.png') no-repeat left bottom transparent;
                    content:'';
                }
                .computer.desktop .nav_tab > p:hover .middle:after {
                    background: url('../../img/common/header/menu/menu_tab_right_hover.png') no-repeat left bottom transparent;
                }
                .computer.desktop .header .menu_item.nav_tab > p:after,
                .computer.desktop .header .menu_item.nav_nosub > p:after,
                .computer.desktop .header .menu_item > p:after,
                .computer.desktop .header .menu_item.active > p:after{
                    background: none;
                }
                /* Usefull Links - Liens utiles */
                .computer.desktop .menu_item.useful {
                    float: right;
                }
                    .computer.desktop .menu_item.useful > p{
                        background: url('../../img/common/header/menu/menu_usefull.png') repeat-x left bottom;
                        color: #ffffff;
                    }
                    .computer.desktop .menu_item.useful:hover > p,
                    .computer.desktop .menu_item.useful:active > p {
                        background: #22a0ca;
                        -webkit-box-shadow: none;
                        -moz-box-shadow: none;
                        box-shadow: none;
                    }
                        .computer.desktop .menu_item.useful a span{
                            position: relative;
                            display: block;
                            padding: 0 26px 0 12px;
                            height: 40px;
                            background: url('../../img/common/header/menu/menu_usefull_arrow.png') no-repeat 91% 50%;
                        }
                        .computer.desktop .menu_item.useful a:hover span{
                            background: url('../../img/common/header/menu/menu_usefull_arrow_hover.png') no-repeat 91% 50%;
                        }
                /* No submenu */
                .computer.desktop .menu_item.nav_nosub:hover a{
                    background: none;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                }
                /* Submenu */
                .computer.desktop .menu_item .nav_submenu{
                    position: absolute;
                    z-index: -1;
                    display: none;
                    height: auto;
                    top : 34px;
					left:0;
					width:200%;
                }
                .computer.desktop .header .menu_item .nav_submenu{
                    border-top:1px solid #E9EFF2;
                    background: #ffffff;
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 51%, #ededed 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#ededed));
					background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#ededed 100%);
					background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#ededed 100%);
					background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#ededed 100%);
					background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 51%,#ededed 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
					-webkit-box-shadow:  0px 3px 2px 1px #CACACA;
					box-shadow:  0px 3px 2px 1px #CACACA;
				}
                .computer.desktop .newHeader .menu_item .nav_submenu{
					background-color : #1B1F25;
					background: rgba(27, 31, 37, 0.95);
					z-index: 10;
				}
                .computer.desktop .menu_item:hover .nav_submenu,
				.computer.desktop .menu_item:hover .arrow-nav-submenu{
                    display: block;
                }
				
				.newHeader .wrapper-nav-submenu .column-nav .list-nav-submenu li:before {
					border-bottom: 4px solid rgba(0, 0, 0, 0);
					border-left: 4px solid #FFFFFF;
					border-top: 4px solid rgba(0, 0, 0, 0);
					content: "";
					height: 0;
					left: 0;
					position: absolute;
					top: 5px;
					width: 0;
				}
                    .computer.desktop .nav_submenu .column {
                        display: block;
                        height: inherit;
                        border: none;
                    }
					.computer.desktop .header .nav_submenu .column {
						 background: url('../../img/common/header/menu/submenu_divider.png') repeat-y left top transparent;
					}
                    .computer.desktop .nav_submenu .column:first-child {
                        background: none;
                    }
                        .computer.desktop .nav_submenu .column p {
                            margin: 0 0 10px 0;
                            padding-left: 0;
                            height: auto;
                            background-color: none;
                            background-position: left center;
                            background-repeat: no-repeat;
                            text-transform: uppercase;
                            font: 16px/18px 'PeugeotLight', Arial, sans-serif;
                        }
                        .computer.desktop  .header .nav_submenu .column > ul > li {
							line-height: normal;
							margin: auto;
							padding-bottom: 6px;
							padding-top: 6px;
							width: 85%;
							border-top: 1px solid #DBDBDB;
							text-transform: uppercase;
                        }
						.computer.desktop .newHeader .nav_submenu .column > ul > li {
							background: url("../../img/common/fleches/fleche_blanche.png") no-repeat scroll 0 11px transparent;
							line-height: normal;
							margin: auto;
							padding-bottom: 6px;
							padding-top: 6px;
							width: 90%;
                        }

						.computer.desktop .nav_submenu .column > ul > li:first-child{
							border:none;
						}
                            .computer.desktop .nav_submenu .column > ul > li > a {
                                display: block;
                                padding: 2px 0 2px 11px;
                                color: #545665;
                                text-decoration: none;
                                font: 11px Arial, sans-serif;
                                line-height: normal;
								font-weight:bold;
                            }
                            .computer.desktop .header.nav_submenu .column > ul > li > a {
								color: #545665;
                            }
                            .computer.desktop .newHeader .nav_submenu .column > ul > li > a {
								color: #FFFFFF;
                            }
                            .computer.desktop .header .nav_submenu .column > ul > li > a:hover {
                                color: #2caed6;
                            }
							.computer.desktop .newHeader .nav_submenu .column > ul > li > a:hover {
                                text-decoration:underline;
                            }
                /* Useful Layer */
                .computer.desktop .menu_item .useful_layer {
                    position: absolute;
                    right: 0;
                    display: none;
                    width: 961px;
                    height: auto;
                    background: url('../../img/common/header/menu/useful_layer_bg.png') repeat-x left top #0A5985;
                }
                .computer.desktop .menu_item.useful:hover .useful_layer {
                    display: block;
                    -moz-border-radius: 0 0 5px 5px;
                    -webkit-border-radius: 0 0 5px 5px;
                    border-radius: 0 0 5px 5px;
                    -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.50);
                    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.50);
                    box-shadow: 0 5px 5px rgba(0,0,0,0.50);
                }
                .computer.desktop .menu_item .useful_layer .column .picto {
                    position: absolute;
                    margin: 0 0 0 0;
                    padding: 0 0 0 0px;
                    width: 100px;
                    height: 60px;
                    background-color: none;
                    background-position: left top;
                    background-repeat: no-repeat;
                    line-height: 18px;
                }
                .computer.desktop .menu_item .useful_layer .column p {
                    margin: 0 0 10px 0;
                    padding: 0 0 0 82px;
                    height: 30px;
                    background-color: none;
                    background-position: left top;
                    background-repeat: no-repeat;
                    font: 18px 'PeugeotLight', Arial, sans-serif;
                    line-height: 18px;
                }
                .computer.desktop .menu_item .useful_layer .column > ul {
                    margin: 0 0 0 80px;
                }
                    .computer.desktop .menu_item .useful_layer .column > ul > li {
                        line-height: 17px;
                    }
                        .computer.desktop .menu_item .useful_layer .column > ul > li > a {
                            display: block;
                            padding: 2px 0 2px 20px;
                            color: #ffffff;
                            text-decoration: none;
                        }
                        .computer.desktop .menu_item .useful_layer .column > ul > li > a:hover {
                            background: url('../../img/common/header/menu/arrow_white.png') no-repeat 4px 6px;
                            color: #fff;
                            text-decoration: underline;
                        }
            .computer.desktop .menu_item:hover > .nav_submenu {
                display: block;
            }

/*}*/

/* Ecrans à haute densité de pixels */
@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5){

    /* Smartphone */
    body.phone header.active{
        background: url('../../img/common/header/menu_vert_bg_on_2x.png') repeat 0 0 #136E99;
        background-size: auto 50%;
    }
        body.phone #header_wrapper{
            background: url('../../img/common/header/header_bg_mobile_2x.png') no-repeat 0 0 transparent;
            background-size: 100%;
        }
        body.phone #menu_button{
            background:url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
            background-size: 100%;
        }
        body.phone #menu_button.active{
            background:url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
            background-size: 100%;
        }
        body.phone .menu_item > p{
            background: rgba(255, 255, 255, 0.2);
            background: -moz-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%, #ffffff 21%, #ffffff 81%, rgba(255, 255, 255, 0.2) 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0.2)), color-stop(21%,#ffffff), color-stop(81%,#ffffff), color-stop(100%,rgba(255, 255, 255, 0.2)));
            background: -webkit-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
            background: -o-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
            background: -ms-linear-gradient(left,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
            background: linear-gradient(to right,  rgba(255, 255, 255, 0.2) 0%,#ffffff 21%,#ffffff 81%,rgba(255, 255, 255, 0.2) 100%);
            background-size:100% 1px;
            background-position: bottom;
            background-repeat : no-repeat;
        }
        body.phone .menu_item.active > p{
            /*background: url('../../img/common/header/menu_vert_bg_on_2x.png') repeat left bottom transparent;*/
        }
        body.phone .menu_item > p:after{
            background: url('../../img/common/fleches/fleche_blanche_right_2x.png') no-repeat right 16px transparent;
        }
        body.phone .menu_item.active > p:after{
            background: url('../../img/common/fleches/fleche_blanche_bas_2x.png') no-repeat right 16px transparent;
        }

    /* Smartphones Landscape */
        body.phone.landscape #header_wrapper{
            background: url('../../img/common/header/header_bg_mobile_landscape_2x.png') repeat-x left top transparent;
            background-size: 100%;
        }
        body.phone.landscape #header_logo{
            width:13%;
            margin-left:6.5%;
            padding-bottom:14%;
        }
        body.phone.landscape #menu_button{
            background:url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
            background-size: 100%;

            margin-top: -5%;
        }
        body.phone.landscape #menu_button.active{
            background:url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
            background-size: 100%;
        }

    /* Tablettes - Portrait */
    body.tablet.portrait #menu_button{
        background: url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
        background-size: 100%;
    }
    body.tablet.portrait #menu_button.active{
        background: url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
        background-size: 100%;
    }
    /* Tablettes - Landscape */
    body.tablet.landscape #header_wrapper{
        background: url('../../img/common/header/header_bg_tablet_landscape_2x.png') no-repeat 0 0 transparent;
        background-size: 100%;
    }
    body.tablet.landscape #menu_button{
        background: url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
        background-size: 100%;
    }
    body.tablet.landscape #menu_button.active{
        background: url('../../img/common/header/menu_on_btn_tablet_2x.png') no-repeat 0 0 transparent;
        background-size: 100%;
    }
    body.tablet #search_nav a{
        background-image : url('../../img/common/header/fleche_recherche_bottom_2x.png');
        padding-right:35px;
        display: block;
        height: 23px;
        line-height: 23px;
    }
}



body.phone header.newHeader.active #header_nav.active,
body.tablet header.newHeader.active #header_nav.active{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142032', endColorstr='#142032',GradientType=0 );
}