/* = ELEMENTS SMARTPHONE 
 ------------------------------- */

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

/*
    @content Framework yui cssgrids-responsive
*/
.yui3-g-r > [class ^= "yui3-u"] {
    width: 100%;
}


/*
    @content Style commun
*/

#site {
    margin: inherit;
    width: inherit;
}

#main {
    margin: 0.625em;
}

label, .label {
	float: left;
    text-align: left;
}

tooltip, .tooltip{
	float: left;
}

.labelWithTooltip .tooltip{
	padding-top:0px;
}

input[type="checkbox"],
input[type="radio"] {}

input[type="text"],
input[type="password"],
textarea,
select {
    width: auto;
}

input[type=text], input[type=password], select {
    padding: 1em 0;
}

.breve {
    padding: 0.2em;
    margin-bottom: 0.5em;
}

/* ICONES */
.agenda {
    padding: 10px;
    margin: 0;
}

[class^="icon_"], [class*=" icon_"] {
    display: inline-block;
}

#main .agenda + div .yui-dialog {
    left: 0 !important;
}

#main .yui-button a,
#main .yui-button button {
    font-size: 120%;
}

#main .yui-button {
    min-width: 9em;
}

#main .yui-calendar td.calcell {
    padding: 1em;
}

#main .yui-calendar .calnavright, #main .yui-calendar .calnavleft {
    padding: 4px 8px;
    height: 11px;
}

#main .yui-calendar .calnavright {
    background: url("../images/yui_sprite.png") no-repeat 0 -600px;
}

#main .yui-calendar .calnavleft {
    background: url("../images/yui_sprite.png") no-repeat 0 -550px;
}
/*
    @content Bandeau haut, chemin de fer
*/

/*#a11y { display: none; }*/

#bandeau_appli {}
#bandeau_appli h1 img {
    position:absolute;
    left:-10000px;
    top:auto;
    height: 1px; 
    width: 1px; 
    overflow:hidden;
}
#bandeau_appli h1 a {
    display: inline-block;
    height: 40px; 
    width: 142px; 
    background-image: url("../images/logo_ariane_142x40.png");
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}
#bandeau_appli h1 {
    position: absolute; 
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
}

#infos {
    margin: 0.1em;
    margin-left: 0.625em;
}

#menu_access { 
    position: fixed; 
    width: 100%; 
    z-index: 20; 
    bottom: 0;
    padding: 2px 5px; 
    border-top: 1px solid #999999;
    background-color: #CCCCCC;
}
#pied_de_page { margin-bottom: 2.92em; }

/* masquage du lien "aller au contenu" */
#access_liens li + li + li {
    position:absolute;
    left:-10000px;
    top:auto;
    height: 1px; 
    width: 1px; 
    overflow:hidden;	
}
#access_liens li {
    display: inline-block;
}
		
#links {
    display: block;
}

#links .deconnexionGauche,
#links .deconnexionDroite {
    position:absolute;
    left:-10000px;
    top:auto;
    height: 1px; 
    width: 1px; 
    overflow:hidden;
}

#links .deconnexionBouton a {
    background: #999999;
    color: #FFFFFF;
    display: inline-block;
    width: 9em;
    text-align: center;
    height: 2.5em;
    line-height: 2.5em;
    text-decoration: none;
    margin: 0 0.5em;
}

#path {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #FFFFFF;
    display: block;
    clear: both;
    overflow: hidden;
    padding: 0;
}

#path .filArianeElement,
#path .filArianePremier,
#path .filArianeDernier,
#path .filArianeChevron,
#path a {
    font-size: 90%; 
    background: #336699;
    color: #FFFFFF;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    height: 2.78em;
    line-height: 2.78em;
    padding: 0;
}

#path .filArianeElement,
#path .filArianePremier,
#path .filArianeDernier {
    padding: 0 1em;
}

#path .filArianePremier {
    padding-left: 1em;
}

#path .filArianeElement:before,
#path .filArianePremier:before {
    width: 5px;
    content: " ";
    position: absolute;
    left: 0;
    height: 2.78em;
    background: url("../images/charte/debut_fil_ariane.png") no-repeat scroll 100% 0 #336699;
}
#path .filArianeElement:after,
#path .filArianePremier:after {
    width: 5px;
    content: " ";
    position: absolute;
    right: 0;
    height: 2.78em;
    background: url("../images/charte/fleche_fil_ariane_fin_mobile.png") no-repeat scroll 100% 0 #FFFFFF;

}

#path .filArianeDernier {
    background-color: #7BB1DB;
}
#path .filArianeDernier:before {
    width: 5px;
    content: " ";
    position: absolute;
    left: 0;
    height: 2.78em;
    background: url("../images/charte/debut_fil_ariane_last.png") no-repeat scroll 100% 0 #7BB1DB;
}
#path .filArianeDernier:after {
    width: 5px;
    content: " ";
    position: absolute;
    right: 0;
    height: 2.78em;
    background: url("../images/charte/pointe_fil_ariane.png") no-repeat scroll 100% 0 #FFFFFF;

}

#path .filArianeChevron {
    margin: 0;
    text-indent: -1000px;
}


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

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

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

.logo { overflow: hidden }
.logo { display: inline-block; height: 40px; width:100%; background:url(../images/charte/logo_mae_noir_150x40.png) #FFF no-repeat; }
.logo h1 { font-size: 1em; border-bottom: none; margin-top: 0px; }
.logo .logo_title { text-indent: -500em; display: block; height: 40px; }

#header #haut_droit { width: 100%; }
#header { width: 278px; margin-bottom: 10px; }


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

#pied_de_page {
    margin-top: 3em;
}
hr {display: none;}


#pied_content {
    padding: 0.2em;
}

#pied_content h2.mobile{ 
    clear: both;
    padding: .7em;
    border: solid 1px #cccccc;
    margin-bottom:0;
    text-align: center;
}
#pied_content h2.mobile,
#pied_content h2.mobile a {
    cursor: pointer;
    color: #000000;
    font-weight: bold;
}
#pied_content h2.mobile a {
    text-decoration: none;
}
#pied_content.active h2.mobile,
#pied_content.active h2.mobile a {
    background-color: #336699;
    color: #FFFFFF;
}

.pied_haut_lien li a { width: 100%; height: auto; display: block; }
.pied_haut_lien li { background-color: #f4f2f1; }
.pied_haut_lien li, .interministeriel li { list-style: none outside none; }
.pied_haut_lien li, .pied_bas, .interministeriel li { padding: 1em 0; }
.pied_haut, .pied_bas, .interministeriel { width: 100%; text-align: center; }

.pied_haut, .pied_bas, .interministeriel { display: none; }
#pied_content.active .pied_haut, 
#pied_content.active .pied_bas, 
#pied_content.active .interministeriel { 
    display: inherit !important;
}

/* debut erreurs */

.errorBox .titleError+ul, .infoBox .titleInfo+ul {
    margin-left: 1em;
}

.errorBox li {
    margin: 1em 0;
}

.errorBox a {
    text-decoration: underline;
}

/* fin erreurs */



/*
    @content Pages Accueil
*/

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

#login #inscription {
    margin: 0.5em 0;
    margin-bottom: 1em;
}
#login #connexion {
    margin: 0.5em 0;
}

#login .zoneform {
    margin: 1em 10% 0.5em;
}

#login #identifiantOublie a,
#login #motDePasseOublie a {
    margin: 10px 8px;
    display: block;
    color: #336699;
}

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

.checkbox-inline,
.checkbox-inline-block {
    padding-bottom: 10px;
}
.checkbox-inline input[type="checkbox"],
.checkbox-inline-block input[type="checkbox"] {
    margin-right: 0;
}
.checkbox-inline label,
.checkbox-inline-block label {
    padding: 6px;
}
.checkbox-inline-block label {
    display: inline-block;
    min-width: 50%
}

/* accueil connecte */

#profil #gestionCompte .mobile { 
    clear: both;
    padding: .7em;
    border: solid 1px #cccccc;
    margin-bottom:0;
}
#profil #gestionCompte .mobile a {
    cursor: pointer;
    color: inherit;
    font-weight: inherit;
    text-decoration: none;
}

#profil #gestionCompte.active .mobile,
#profil #gestionCompte.active .mobile a {
    background-color: #336699;
    color: #FFFFFF;
}

#profil #gestionCompte ul { text-align: center; margin: 0; }
#profil #gestionCompte li { background: #f4f2f1; padding: 1em 0; margin: 0; }
#profil #gestionCompte li a { width: 100%; height: auto; display: block; }

#profil #gestionCompte ul { display: none; }
#profil #gestionCompte.active ul { display: inherit !important; }

#profil #gestionVoyages {
    margin-left: 10px;
    padding-top: 10px;
}

}