/* = ELEMENTS DESKTOP
 -------------------------------------------- */

@media only screen and (min-width: 960px) {

/*
    @content Style commun
    @version desktop
*/

label, .label {
    text-align: right;
    padding: 2px 20px 0 0;
    margin: 5px 0;
    display: block;
}

input[type="text"],
input[type="password"],
textarea,
select {
    margin: 0.33em 0;
    padding: 0.25em;
    width: auto;
}


/*
    @content Bandeau haut, chemin de fer
    @version desktop
*/

#bandeau_appli {
    position: relative;
}
#bandeau_appli h1 {
    font-size: 2em;
    margin: 0px;
}

#bandeau_appli #infos {
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 0.7em;
}

#access_liens {
    background-color: #CCCCCC;
    list-style: none outside none;
    margin: 0;
    padding: 3px 3px 3px 8px;
}
#access_liens li.first {
    padding: 0;
}
#access_liens li {
    border-left: 1px solid #000;
}
#access_liens a {
    color: #000;
    font-size: 90%;
}

#links {
    list-style: none;
    display: inline;
    margin: 0;
    margin-right: 16px;
}
#links li, #access_liens li {
    display: inline;
    padding: 0 0 0 4px;
    *padding: 0;
    border-left: 1px solid;
}

#links .first, #access_liens .first {
    border: 0;
}



#path {
    margin: 0.5em 0;
}

#path span {
    font-size: 90%;
    padding: 0 10px 0 0;
    background: url("../images/charte/Chevron.gif") no-repeat scroll 100% 50% transparent;
    padding: 8px 10px 8px 3px;
}

#path span.filArianeDernier {
    background: none;
}

#path strong {
    font-weight: bold;
}

#path .filArianeChevron {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}


/*
    @content Menu haut, langue, reseau
    @version desktop
*/

#header { background: #000000; color: #FFFFFF; height: 2.92em; }
#header { position: relative; }

#header + .clearfix:before,
#header + .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
#header + .clearfix:after{
    clear: both;
}

#header a { color: #FFFFFF; font-weight: bold; }

#header .langues,
#header .reseaux_sociaux {
    display: none;
}
#header .fermer_langues,
#header .fermer_reseaux_sociaux {
    display: inline-block;
}

#menus { margin-top: 8px; border-bottom: 1px solid #000; width: 100%; height: 90px; }

.logo{overflow: hidden}
#header .logo{ display: inline-block; height: 2.92em; width: 14em; background:url(../images/charte/logo_mae_blanc_130x35.png) #000 no-repeat;}
.logo h1{border-bottom: none; font-size: 1em; margin-top: 0px;}
.logo .logo_title{text-indent: -500em; display:block; height: 35px;}

#haut_droit{ display: inline; position: absolute; right: .2em; margin-top: .6em; }
.fermer_langues,.fermer_reseaux_sociaux{ display: inline-block; margin-right: 1em;vertical-align: middle;}
ul#menu_langues { color: #000000; }
ul#menu_langues li { display: inline-block; padding: 0 5px 0 5px; border-right: solid 1px #000000; }
ul#menu_langues li.no_border { border: none; }
ul#menu_langues li a { color: #ffffff; }


li.retrouvez_nous { display: none; }


/*
    @content Menu bas, bas de page
    @version desktop
*/

hr {margin: 5px 0px 10px 0px;}

.pied_content h2.mobile { display: none; }

.pied_content {
    position: relative;
}
div.pied_haut { 
    display: inline-block;
    margin: auto;
    max-width: 50%;
    width: 490px;
}
div.pied_bas { 
    margin: auto;
    display: inline-block;
    width: 41.67em;
    position: absolute;
    right: 0;
    text-align: right; 
}
.pied_haut_lien li { display: inline; }
.pied_haut_lien li:before { content: "\0007C"; }
.pied_haut_lien li.lepremier:before { content: ""; }
.interministeriel { margin-top: 1em; padding-top: 1.5em; border-top: 2px solid #cccccc; text-align: center; }
.interministeriel li { display: inline; width: 980px; margin-top: 20px; }

.pied_haut_lien li {
    margin-left: 0;
}
.pied_haut_lien a {
    font-size: 100%;
}

.pied_content h2{ font-size:1.2em; }
.pied_content{
    font-size: 90%;
}

.login {
    background: #9BBED4 url("../images/fond_bloc_inscription.jpg") no-repeat;
}
#login label {
    margin-top: 7px;
}

#login #inscription {
    margin: 1em 0 3em 0;
}

#login h2 {
    font-size: 115%;
}

#login #identifiantOublie,
#login #motDePasseOublie {
    margin-top: 20px;
    margin-bottom: 16px;
}

#login #identifiantOublie a,
#login #motDePasseOublie a {
    color: black;
    text-decoration: underline;
    margin: 0 5px;
}

#login h4 {
    margin-bottom: 7px;
}

#login .erreurConnexion {
    opacity: 0.7;
}

.breve_gauche {
    margin-right: 10px;
}
.breve_medium {
    min-height: 17.3em;
}
.breve_big {
    min-height: 26.4em;
}

/* mon profil */

#profil {
    margin-bottom: 20px;
}

#profil #voyages div.boutons {
    text-align: right;
}

#profil #avion {
    background: transparent url("../images/avion_accueil_connecte.png") no-repeat;
    width: 100%;
    height: 104px; 
}

#profil #gestionCompte .mobile a {
    cursor: text;
    color: inherit;
    font-weight: inherit;
    text-decoration: none;
}
    
/* recapitulatif voyage */

#recap #mecontacter {
    min-height: 16.4em;
}

#recap #mecontacter .button-group {
    margin-top: 4.4em;
}

/* voyage */
.finaliserVoy div {
    width: 12.1em;
}

.checkbox-inline label,
.checkbox-inline-block label {
    display: inline-block;
    padding-right: 0;
}
}