/* default-theme.css (c) 2007-10 by iUI Project Members, see LICENSE.txt for license */
body {
    color: #000000;
}

li > a[selected], li > a:active {
    background-image: url(listArrowSel.png) !important;
    background-color : #009DC5!important;
}

li > a[selected="progress"] {
    background-image: url(../default/loading.gif) !important;
    background-color : #009DC5!important;
}

/************************************************************************************************/

body > .toolbar {
    /*background: url(toolbar.png) #6d84a2 repeat-x;*/
    background: transparent no-repeat;
}

.button {
    -webkit-border-imfage: url(toolButton.png) 0 5 0 5;
    -moz-border-image: url(toolButton.png) 0 5 0 5;
}

.blueButton {
    -webkit-border-image: url(blueButton.png) 0 5 0 5;
    -moz-border-image: url(blueButton.png) 0 5 0 5;
}

#backButton {
    padding-left: 25px;
    padding-right: 10px;
    background: url(backIcon.png);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;

    left:2px;
    top:4px;
}


.whiteButton {
    border: 1px solid white;
    color: #756666;
    background-color: #FDD16C;
    cursor: pointer;
    width: 100%;
    padding: 0.2em 0.5em;
    text-align: center;
    margin:auto;
}

.redButton {
    -webkit-border-image: url(redButton.png) 0 12 0 12;
    -moz-border-image: url(redButton.png) 0 12 0 12;
}

.grayButton {
    -webkit-border-image: url(grayButton.png) 0 12 0 12;
    -moz-border-image: url(grayButton.png) 0 12 0 12;
    color: #FFFFFF;
}

/************************************************************************************************/

body > ul > li.group {
	opacity:0.7;
    background: url(listGroup.png) repeat-x;
}

body > ul > li > a {
    background: url(listArrow.png) no-repeat right center;
}

/************************************************************************************************/
    
.dialog > fieldset {
    background: url(toolbar.png) #7388a5 repeat-x;
}

/************************************************************************************************/

body > .panel {
    /*background: #deedf3;*/
    background: #FFFFFF;
    /*background: #fefeee url(pinstripes.png);*/
    padding:0;
    padding-top:10px;
}

.toggle {
    border: 1px solid #888888;
    background: #FFFFFF url(toggle.png) repeat-x;
}

.toggle[toggled="true"] {
    background: #194fdb url(toggleOn.png) repeat-x;
}

.thumb {
    background: #ffffff url(thumb.png) repeat-x;
}

/************************************************************************************************/
#preloader {
    display: none;
    background-image: url(loading.gif), url(selection.png),
        url(blueButton.png), url(listArrowSel.png), url(listGroup.png);
}

.toolbar > h1.titleImg {
  background: url(title-img.png) no-repeat top center;
  color: rgba(0,0,0,0);
}

.toolbar h1 {
 color: #009DC5;
}
.backButtonImg {
  width: 50px;
  background: url(back-img.png) no-repeat center left,
              url(backButtonBack.png) repeat-x top left !important;
  color: rgba(0,0,0,0);
}

.panel > fieldset {
    position: relative;
    margin: 0 0 20px 0;
    padding: 10px;
    background: White;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 0px;
    text-align: right;
    font-size: 16px;
    color: #58585A;
}


.whiteButton:disabled{
	opacity: 0.5;

}
.error{
	color: #ea0000;
	font-weight: bold;
	text-align: center;
	font-size: 1.4em;
	bottom: 10px;
	margin: 0;
	padding: 10px;
}

/******* footer **********/

/*body > .footer {
    position: relative;
    background: #dbf2fc no-repeat;
}*/

/*body > .footer {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    border-top: 1px solid #6d84a2;
    padding: 380px 1px 10px 10px;
    height: 45px;
    background: #dbf2fc no-repeat;
}*/
/*
.footer > h1 {
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin: 1px 0 0 -75px;
    padding-top: 10px;
    height: 45px;
    font-size: 20px;
    width: 150px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #FFFFFF;
}

body[orient="landscape"] > .footer > h1 {
    margin-left: -125px;
    width: 250px;
}
*/


.maarchLogo {
    -webkit-border-image: url(maarch_box.gif) 0 5 0 5;
    -moz-border-image: url(maarch_box.gif) 0 5 0 5;
    position: absolute;
    overflow: hidden;
    top: 8px;
    right: 6px;
    margin: 0;
    border-width: 0 5px;
    padding: 0 3px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    color: #dbf2fc;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
}

span.bubble {
    background-color: none;
    border-radius: 10px 10px 10px 10px;
    color: #009DC5;
    display: block;
    float: right;
    font-size: 12px;
    margin-top: 1px;
    padding: 4px 10px;
}

span.details_index {
    background-color: #FFC200;
    color: #FFFFFF;
}

/************************************************************************************************/
/* Affichage optimisé du logo sur la page hello.php */
.panel > fieldset img{
    max-width: 100%;
}
/* Affichage optimisé des formulaires de connexion */
.panel > fieldset > table{
    margin:auto;
}

/************************************************************************************************/
/* Affichage optimal des classes font-awesome dans welcome.php, my_baskets.php et generic_profil_colleagues.php*/
#home > li > a > span,
.basket_elem > li > a > .fa,
#settings > h2 > span,
#modifyContact > h2 > span{
    font-size:25px;
    margin-right: 10px;
}

/************************************************************************************************/
/* Optimisation de l'affichage des logos présents dans about.php et info.php */
#logo img{
    max-width: 60%;
}

/************************************************************************************************/
/* Optimisation de l'affichage des formulaires de recherches */
#search > form > fieldset > .row > table{
    margin:auto;
}

/************************************************************************************************/
/* Affichage des inputs avec un design plus récents */
input{
    border-radius: 0px;
}

/************************************************************************************************/
/* Optimisation de l'affichage de la page details.php */
#details > h2,
#details > fieldset > .row,
#details > fieldset > .row > input{
    text-align:center;
}
#details > fieldset > .row > input{
    margin-bottom: 10px;
}

/************************************************************************************************/
/* Modification de l'affichage du bouton "notes" */
.panel > ul,
.panel > ul > li a{
    border-radius: 0!important;
    background-color:transparent!important;
}
.panel > ul > li a{
    border: 0!important;
}

/************************************************************************************************/
/* Font responsive */
a, a:link, a:visited, a:hover{
    font-size:16px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {  /* Smartphone */
    a, a:link, a:visited, a:hover{
        font-size:14px;
    }
}
@media only screen and (min-device-width : 280px) and (max-device-width : 319px) {  /* Smartphone petit écran*/
    a, a:link, a:visited, a:hover{
        font-size:11px;
    }
}


/************************************************************************************************/
/* Modification de la font correspondant au bouton retour  */
#backButton{
    font-size:10px;
}
#backButton:hover,
#backButton:active,
#backButton:focus,
#backButton:link{
    color:#666!important;
}



/************************************************************************************************/
/* Optimisation de l'affichage de la page liste_results.php */
#list{
    padding:21px 0 0 0!important;
}
#list li{
    padding: 21px 10px!important;
}

/************************************************************************************************/
/* Optimisation de l'affichage des résultats de recherche */
#about{
    padding: 0px!important;
    border:0!important;
}
#about ul{
    border:0!important;
}

/************************************************************************************************/
/* Optimisation de l'affichage de la page my_colleagues.php */

#colleagues input{
    text-align: center;
    width: 50%;
    margin-left: 25%;
}

/************************************************************************************************/
/* Optimisation de l'affichage de la page generic_profil_contacts.php */

#settings > fieldset > .row > table > tbody > tr > td > input,
#settings > fieldset > .row > table > tbody > tr > td > textarea{
    width: 110%;
    float: left ;
    margin-left: -40px;
}
#contacts > #contact{
    text-align: center;
    width: 50%;
    margin-left: 25%;
    margin-top: 20px;
}
#settings table{
    margin:auto;
}

/************************************************************************************************/
/* Rajout des informations Edissyum dans la page info.php */

.maarch{
    width:50%;
    float:right!important;
}
.edissyum fieldset{
    border-right: 1px solid black;
    border-radius:0!important;
    padding-bottom:100px;
}
.maarch #logo,
.edissyum #logo{
    float:none;
    margin-bottom: 30px;
}
.edissyum{
    width:50%;
    float:left!important;
    border-radius:0!important;
}
.edissyum b,
.edissyum a:hover{
    color:#78B51B;
}
#info hr{
    display: none;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {  /* Smartphone */
    .maarch,
    .edissyum{
        width:100%;
    }
    .edissyum fieldset{
        border:0;
        padding-bottom: 0;
    }
    .maarch > fieldset > .row > table > tbody > tr > td,
    .edissyum > fieldset > .row > table > tbody > tr > td{
        text-align: center;
    }
    .edissyum{
        margin-bottom: 20px;
    }
    #info hr{
        display: block;
        width:70%;
        margin-bottom: 20px;
        margin-top: 20px;
        background-color: black;
    }
}

/************************************************************************************************/
/* Optimisation affichage de la apge add_contact.php  */

#addContact span{
    font-size: 25px;
    margin-right: 10px;
}
#addContact select{
    width: 100%;
}

/************************************************************************************************/
/* Optimisation de l'affichage de la page generic_profil_colleagues.php */

.profil_colleagues > fieldset > .row > table > tbody > tr > td > input,
.profil_colleagues > fieldset > .row > table > tbody > tr > td > textarea{
    width: 100% !important;
    float: none !important;
    margin-left: 0px !important
}

/************************************************************************************************/
/* Optimisation de l'affichage de la page about.php */

#about p:not(#logo){
    width:80%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    text-align: justify;
}
#about #logo{
    margin-top: 20px;
    margin-bottom: 20px;
    float:none!important;
}