#header {
    position: relative;
    min-height:300px;
}

#header .shadow {
    position: absolute;
    background:url("../images/header/bgheader2.png") top center no-repeat;
    height:150px;
    width:100%;
    z-index:1;
    display: none;
}

body.home #header .shadow {
    background:url("../images/header/bgheader.png") top center no-repeat;
    height:450px;
}

#header .imageint {
    overflow:hidden;
    position: absolute;
    top:0;
    left:0;
}

#header .imageint img {
    max-width: 100%;
}

#header .c {
    position: relative;
    z-index: 1;
}

#header #logo {
    height:250px;
    vertical-align: middle;
    margin-left:-100px;
    margin-top:-70px;
    position: relative;
    z-index: 1;
}

#header #logomobile {
    display:none;
}

#header .title {
    font-size: 3em;
    position: relative;
    left:20px;
}

#header .headerright {
    float:right;
    padding:20px;
}

#header .langs {  
    float:left;
    padding:0 5px;
}

#header .langs a {
    text-transform: uppercase;
    display:inline-block;
    padding:2px 5px;
    font-weight:bold;
    color:#292929;  
}

#header .langs a.current {
    text-transform: uppercase;
    background:#3B3B3B;
    color:white;  
}

#header #boxAccount {
    float:left; 
    padding:0 15px;
}

#header .diaporama {
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
}

#header .diaporama .item {
    max-height: 700px;
}

#header .diaporama img {
    max-width: 100%;
}

#header .diaponav {
    position: absolute;
    top:200px;
    cursor:pointer;
    z-index: 2;
}

#header .diaponav.diaponext {
    right:-300px;
}

#header .diaponav.diapoprev {
    left:-300px;
}

#header:hover .diaponav.diaponext {
    right:0;    
}

#header:hover .diaponav.diapoprev {
    left:0;
}

#header .diaporama .content {
    position: absolute;
    bottom: 98px;
    left:0;
    width:100%;
    color:white;
    font-size:1.5em;
    background:url("../images/header/diapotextbg.png") no-repeat top center;
    padding:5px 20px;
    height:155px;
}

#header .diaporama .content .ablock {
    display:block;
    width:550px;
    overflow: hidden;
}

#header .diaporama .content .ablock:hover {
    text-decoration: none;
    opacity: 0.5;
}

#header .diaporama .content .model {
    color:#8C8566;
}

#header .diaporama .content h3 {
    font-size:1.5em;
}

#header .diaporama .content .linkmore {
    float:right;
    margin-top:-10px;
}

#header .headersocial {
    position: absolute;
    top:0;
    right:0;
    z-index: 1;
}

#header .menutop {
    float:right;
    color:white;
    margin-top:20px;
    font-style: italic;
    font-weight: bold;
    font-size:1.1em;
    position: relative;
    z-index: 2;
}

#header .menutop li {
    float:left;
    margin:0 10px;
}

#header .menuburger {
    display: none;
}

#menu {
    margin-top:-150px;
    position: relative;
    z-index:1;
}

#menu .menutop {
    height:82px;
    background:url("../images/header/menutop.png") no-repeat top center;
}

#menu .menumiddle {
    min-height:120px;
    background:url("../images/header/menumiddle.png") repeat-x top center;
}

#menu .menubottom {
    min-height:48px;
    background:url("../images/header/menubottom.png") repeat-x top center;
}

#menu .types {
    position: relative;
    top:-10px;
    border-bottom: 1px solid #CCCCCC;
    height:93px;
    z-index: 1;
}

#menu .types .type {
    width:20%;
    float:left;
}

#menu .types .type:hover {
    text-decoration: none;
}

#menu .types .type .name {
    display: block;
    width:100%;
    text-align: center;
    text-transform: uppercase;
    font-size:1.9em;
    height:59px;
    line-height:59px;
}

#menu .types .type .name span {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

#menu .types .type .legend {
    display: block;
    text-align: center;
    color:#333333;
    font-style: italic;
}

#menu .types .type .bullet {
    display: block;
    margin:auto;
    width:27px;
    height:27px;
    background:url("../images/header/bulletmenu.png") 0 26px;
    margin-top:5px;
}

#menu .types .type:hover {
    cursor:pointer;
}

#menu .types .type:hover .bullet , #menu .types .type.active .bullet {
    background-position: 0 0;
}

#menu .constructors {
    position: relative;
    top:-25px;
}

#menu .constructors .constructorscontent {
    display:none;
}

#menu .constructors ul.listConstructors {
    clear:both;
    position: relative;
}

/* Ajout Thomas centrage menu 04/02/2015 */
#menu .constructors .constructorscontent:nth-child(-n+2) {
    text-align: left;
}
/* Ajout Thomas centrage menu 04/02/2015 */
#menu .constructors .constructorscontent:nth-child(3) {
    text-align: center;
}
/* Ajout Thomas centrage menu 04/02/2015 */
#menu .constructors .constructorscontent:nth-last-child(-n+2) {
    text-align: right;
}
/* Ajout Thomas centrage menu 04/02/2015 */
#menu .constructors .constructor {
    /*float:left;*/
    display: inline-block;
	vertical-align: middle;
}
/* Ajout Thomas centrage menu 04/02/2015 */
#menu #menu-occasion {
    text-align: right;
}

#menu .constructors .constructor:hover {
    background:#EFEFEF;
    cursor: pointer;
}

#menu .constructors .constructor .aconstructor {
    display: block;
    padding:20px 10px;
}

#menu .constructors .constructor.text .aconstructor {
    display: block;
    max-width: 150px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.3em;
    height: 120px;
    line-height: 70px;
    vertical-align: middle;
}

#menu .constructors .constructor.text .aconstructor span {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

#menu .constructors .constructor .aconstructor img {
    max-height: 80px;
	max-width: 200px;
}

#menu .constructors:hover .constructor .aconstructor img {
    opacity: 0.5;
}

#menu .constructors:hover .constructor:hover .aconstructor img {
    opacity: 1;
}

#menu .constructors:hover .constructor:hover .aconstructor {
    text-decoration: none;
}

#menu .constructors .constructor .models {
    display:none;
    position: absolute;
    top:100px;
    left:0;
    width:100%;
    background:#EFEFEF;
    box-shadow: 0px 2px 3px #BBB;
}

#menu .constructors .constructor:hover .models {
    display:block;
}

#menu .constructors .constructor .models li {
    display: inline-block;
    padding:10px;
}

#menu .constructors .constructor .models li a:hover {
    display: block;
    text-decoration: none;
}

#menu .constructors .constructor .models li .gamme-title {
    display:block;
    text-align: center;
    color:#1B70B7;
    font-size:1.1em;
    font-weight: bold;
}

#menu .constructors .constructor .models li a:hover .gamme-title {
    color:#444;
}

#menu .constructors .constructor .models li img {
    max-height:90px;
    max-width: 100%;
}

/*  ------------------------------------------------
    IDCOOKIE
    ------------------------------------------------ */

#idcookie {
    color:#444444;
    background:white;
    padding:5px 10px;
    text-align: center;
    position: relative;
    z-index:9999;
}

#idcookie .buttoncookie {
    display:inline-block;
    color:white;
    background:#444444;
    margin-left:10px;
    padding:2px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#idcookie .buttoncookie:hover {
    cursor: pointer;
    background:#CCCCCC;
    color:#444444;
    text-decoration: none;
}

@media screen and (max-width: 1200px) {

    #header {
        min-height:0;
    }

    #header #logo {
        height:200px;
        margin-left:-50px;
        margin-top: -50px;
    }

    #header:hover .diaponav.diaponext {
        display:none; 
    }

    #header:hover .diaponav.diapoprev {
        display:none;
    }

    #header .shadow {
        display:none;
    }

    #header .diaporama .content {
        bottom: -30px;
    }

    #header .diaporama .content .ablock {
        width:auto;
    }

    #header .menutop {
        margin-right:70px;
    }

    #menu .menutop {
        height:20px;
    }

    #menu .types {
        position: static;
        height:77px;
    }

    #menu .types .type .name {
        font-size:1.5em;
    }

    #menu .types .type .legend {
        display:none;
    }

}

@media screen and (max-width: 600px) {

    #header .imageint img {
        display:none;
    }

    #header {
        background:#1970B7;
        padding-bottom: 100px;
		box-sizing: content-box;
    }

    #header {
        z-index:2;
    }

    #header .c{
    	background-color: #1970B7;
    }

    #header .diaporama{
    	top: 100px;
    }

    #header .diaporama .content {
        display:none;
    }

    #header #logo {
        display:none;
    }

    #header #logomobile {
        display:block;
        margin:auto;
        height:100px;
        padding-top:20px;
        padding-bottom:20px;
        /*background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2OUKNheDwADpwHAdvvB6AAAAABJRU5ErkJggg==");*/
        background:#1970B7;
    }

    #header .menutop {
        position: fixed;
        top:0;
        left:-200px;
        width:200px;
        height:100%;
        background:#FFF;
        margin-top:0;
        border-right:2px solid #1970B7;
    }

    #header .menu .menutop .menuwrapper {
        height:100%;
        overflow: hidden;
    }

    #header .menu .menuwrapper {
        height:100%;
        overflow: hidden;
    }

    #header .menutop li {
        float:none;
    }

    #header .menutop li a , #header .menutop li .a {
        display:block;
        padding:15px;
        color:#1970B7;
        font-style:normal;
        font-size:1.2em;
        border-bottom:1px solid #1970B7;
    }

    #header .menutop li:last-child a , #header .menutop li:last-child .a {
        border-bottom:none;
    }

    #header .menutop li a .fa , #header .menutop li .a .fa  {
        display:none;
    }

    #header .menuburger {
        display: block;
        position: absolute;
        width:50px;
        height:50px;
        /*top:50px;*/
        top:25px;
        right:-50px;
        /*background:#FFF;*/
        background:#1970B7;
        padding:13px;
        /*color:#1970B7;*/
        color: #FFF;
        /*border:2px solid #1970B7;*/
        border-left:none;
    }

    body.menuopen #header .menutop {
        left:0;
    }

    #menu {
        margin-top:0;
    }

    #menu .menutop {
        display:none;
    }

    #menu .menumiddle {
        background:white;
    }

    #menu .menubottom {
        display:none;
    }

    #menu .types {
        margin-top:10px;
    }

    #menu .types .type .name {
        font-size:0.9em;
        word-break: break-all;
    }

    #menu .constructors {
        top:20px;
    }

    #menu .constructors .constructor {
        float:none;
    }

    #menu .constructors .constructor .aconstructor img {
        opacity: 1;
    }

    #menu .constructors .constructor .models {
        display: block;
        position: static;
    }

    #menu .constructors .constructor .models li {
        width:30%;
    }

}