/*
    Document   : administration
    Created on : 23 nov. 2012, 10:49:07
    Author     : Tchecko
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
    margin:0;
    padding:0;
    background: url(../images/BLEU/BACKGROUND.png) no-repeat center fixed;
   -webkit-background-size: cover; /* pour Chrome et Safari */
   -moz-background-size: cover; /* pour Firefox */
   -o-background-size: cover; /* pour Opera */
    background-size: cover; /* version standardisée */
    /*color: #c9c9c9;*/
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
.zone_connexion{
    background-image: url(../images/BLEU/MILIEU-CONNEXION.png);
    background-repeat: repeat-y;
    background-position: center;
    width:100%;
}
.zone_parametresconnexion{
    background-image: url(../images/BLEU/MILIEU-PARAMETRES-DE-CONNEXION.png);
    background-repeat: repeat-y;
    background-position: center;
    width:100%;
    opacity:0.8;
    /*filter:alpha(opacity=80);*/
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
}
.zone_creationcompte{
    background-image: url(../images/BLEU/MILIEU-PARAMETRES-DE-CONNEXION.png);
    background-repeat: repeat-y;
    background-position: center;
    width:100%;
    opacity:0.8;
    /*filter:alpha(opacity=80);*/
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
}
.bout_image{
    opacity:0.8;
    /*filter:alpha(opacity=80);*/
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
}
a{
    text-decoration:none;
}
.retour_site table{
    color:#ffffff;
    font-size:14px;
    text-decoration: underline;
}
.retour_site table td:hover{
    color:#ffff00;
    text-decoration: underline;
}
.etablissement{
    color:#ffff00;
    font-size:17px;
    font-weight:bold;
}
.separateur_entete_barremenu{
    color: #b1b1b1;
    text-decoration:line-through;
}
.password-container{
    background-image:url(../images/icon-password.png);
    background-position: left center;
}
.input-field-login.icon{
    width:200px;
    height:32px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-box-shadow:inset 0 10px 10px #e9e9e9;
    -webkit-box-shadow:inset 0 10px 10px #e9e9e9;
    box-shadow:inset 0 10px 10px #e9e9e9;
    border:1px solid #bebebe;
    background-color:#fff;
    background-repeat:no-repeat;
    text-indent: 20px;
}
.input-field-login.icon_error{
    width:200px;
    height:32px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-box-shadow:inset 0 10px 10px #ffb196;
    -webkit-box-shadow:inset 0 10px 10px #ffb196;
    box-shadow:inset 0 10px 10px #ffb196;
    border:1px solid #ffb196;
    background-color:#ffffff;
    background-repeat:no-repeat;
    text-indent: 20px;
}
.username-container {
    background-image:url(../images/icon-username.png);
    background-position: left center;
}
.label-connexion{
    font-size: 14px;
    color: #ffffff;
    padding-right:5px;
}
.champ-connexion {
    font-size: 12px;
    width: 250px;
    height: 30px;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
    color: #525252;
    font-style: italic;
    font-weight: lighter;
    text-indent: 2px;
    -moz-box-shadow:inset 0 10px 10px #e9e9e9;
    -webkit-box-shadow:inset 0 10px 10px #e9e9e9;
    box-shadow:inset 0 10px 10px #e9e9e9;
    border:2px solid #bebebe;
    background-color:#fff;
    background-repeat:no-repeat
}
#Authentification{
    font-family: Arial,Helvetica,sans-serif;
    font-size: small;
    background-color:#67c5e8;
    background-image:-moz-linear-gradient(#67c5e8,#5cb0d0);
    background-image:-o-linear-gradient(#67c5e8,#5cb0d0);
    background-image:-ms-linear-gradient(#67c5e8,#5cb0d0);
    -cp-background-image:linear-gradient(#67c5e8,#5cb0d0);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#67c5e8),to(#5cb0d0));
    /*filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#F78E1E',EndColorStr='#E47513',GradientType=0);*/
    border:1px solid #67c5e8;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;color:#fff;
    font-weight:bold;
    padding:0px 10px;
    width:310px;
    overflow:visible;
    margin-bottom:30px;
    box-shadow: 2px 4px 3px #aaa;
    -moz-box-shadow: 2px 4px 3px #aaa;
    -webkit-box-shadow: 2px 4px 3px #aaa;
}
#EchecConnexion{
    font-family: Arial,Helvetica,sans-serif;
    font-size: small;
    background-color:#cc3300;
    background-image:-moz-linear-gradient(#cc3300,#e63a00);
    background-image:-o-linear-gradient(#cc3300,#e63a00);
    background-image:-ms-linear-gradient(#cc3300,#e63a00);
    -cp-background-image:linear-gradient(#cc3300,#e63a00);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#cc3300),to(#e63a00));
    /*filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#F78E1E',EndColorStr='#E47513',GradientType=0);*/
    border:1px solid #cc3300;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;color:#fff;
    font-weight:bold;
    padding:0px 10px;
    width:310px;
    overflow:visible;
    margin-bottom:30px;
    box-shadow: 2px 4px 3px #aaa;
    -moz-box-shadow: 2px 4px 3px #aaa;
    -webkit-box-shadow: 2px 4px 3px #aaa;
}
#SuccesConnexion{
    font-family: Arial,Helvetica,sans-serif;
    font-size: small;
    background-color:#4a9102;
    background-image:-moz-linear-gradient(#4a9102,#60bd03);
    background-image:-o-linear-gradient(#4a9102,#60bd03);
    background-image:-ms-linear-gradient(#4a9102,#60bd03);
    -cp-background-image:linear-gradient(#4a9102,#60bd03);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#4a9102),to(#60bd03));
    /*filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#F78E1E',EndColorStr='#E47513',GradientType=0);*/
    border:1px solid #4a9102;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;color:#fff;
    font-weight:bold;
    padding:0px 10px;
    width:310px;
    overflow:visible;
    margin-bottom:30px;
    box-shadow: 2px 4px 3px #aaa;
    -moz-box-shadow: 2px 4px 3px #aaa;
    -webkit-box-shadow: 2px 4px 3px #aaa;
}
.titre{
    font-family: sans-serif,Trebuchet MS;
    margin:0px;
    width:200px;
    padding:3px;
    color:#292929;
    font-size: 15px;
    font-weight: bold;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;

    box-shadow: 2px 4px 3px #aaa;
    -moz-box-shadow: 2px 4px 3px #aaa;
    -webkit-box-shadow: 2px 4px 3px #aaa;

}
.txt_certification{
    line-height: 1.5;
    text-align: justify;
    font-style: italic;
}
.champ {
    font-family: Trebuchet MS,Verdana,Arial;
    font-size: 11px;
    width: 250px;
    height: 22px;
    margin-bottom:5px;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
    color: #292929;
    text-indent: 2px;
    -moz-box-shadow:inset 0 10px 10px #e9e9e9;
    -webkit-box-shadow:inset 0 10px 10px #e9e9e9;
    box-shadow:inset 0 10px 10px #e9e9e9;
    border:1px solid #c7c7c7;
    background-color:#fff;
    background-repeat:no-repeat;
}
.btn_active{
    height:30px;
    width:150px;
    background-color:#dedede;
    background-image:-moz-linear-gradient(#ffffff,#dedede);
    background-image:-o-linear-gradient(#ffffff,#dedede);
    background-image:-ms-linear-gradient(#ffffff,#dedede);
    -cp-background-image:linear-gradient(#ffffff,#dedede);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#dedede));
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #dedede;
    cursor:pointer;
    font-size:13px;
    padding:0px 10px;
    color:#292929;
}
.btn_active:hover{
    background-color:#c9c9c9;
    background-image:-moz-linear-gradient(#ffffff,#bdbdbd);
    background-image:-o-linear-gradient(#ffffff,#bdbdbd);
    background-image:-ms-linear-gradient(#ffffff,#bdbdbd);
    -cp-background-image:linear-gradient(#ffffff,#bdbdbd);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#bdbdbd));
    border:1px solid #bdbdbd;
    color:#292929;
}
.btn_desactive{
    height:30px;
    width:150px;
    background-color:#cccccc;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #cccccc;
    color:#292929;
}
.echec{
    font-size: 12px;
    background-color:#e63a00;
    background-image:-moz-linear-gradient(#e63a00,#cc3300);
    background-image:-o-linear-gradient(#e63a00,#cc3300);
    background-image:-ms-linear-gradient(#e63a00,#cc3300);
    -cp-background-image:linear-gradient(#e63a00,#cc3300);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#e63a00),to(#cc3300));
    /*filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#F78E1E',EndColorStr='#E47513',GradientType=0);*/
    border:1px solid #cc3300;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    color:#ffffff;
    padding:0px 10px;
    overflow:visible;
    margin-bottom:30px;
}
.champ_erreur {
    font-size: 12px;
    width: 250px;
    height: 22px;
    margin-bottom:5px;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
    text-indent: 2px;
    -moz-box-shadow:inset 0 10px 10px #ffb196;
    -webkit-box-shadow:inset 0 10px 10px #ffb196;
    box-shadow:inset 0 10px 10px #ffb196;
    border:1px solid #ffb196;
    background-color:#ffffff;
    background-repeat:no-repeat;
}
.motpasse_oublie{
    font-size:13px;
    color:#cc881f;
}
.motpasse_oublie:hover{
    color:#ffff00;
}
.btn{
    width:120px;
    padding:5px;
    color:#292929;
    border-width:0px;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    font-family: sans-serif,Trebuchet MS;
    font-size: 13px;
    font-weight:bold;
    background-color:#c9c9c9;
    background-image:-moz-linear-gradient(#ffffff,#d1d1d1);
    background-image:-o-linear-gradient(#ffffff,#d1d1d1);
    background-image:-ms-linear-gradient(#ffffff,#d1d1d1);
    -cp-background-image:linear-gradient(#ffffff,#d1d1d1);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#d1d1d1));
    border:1px solid #b3b3b3;
}
.btn:hover{
    cursor:pointer;
    background-color:#b3b3b3;
    background-image:-moz-linear-gradient(#ffffff,#b3b3b3);
    background-image:-o-linear-gradient(#ffffff,#b3b3b3);
    background-image:-ms-linear-gradient(#ffffff,#b3b3b3);
    -cp-background-image:linear-gradient(#ffffff,#b3b3b3);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#b3b3b3));
}

.creer_compte{
    width:200px;
    padding:5px;
    color:#ffffff;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    font-family: sans-serif,Trebuchet MS;
    font-size: 13px;
    font-weight:bold;
    background-color:#005eba;
    background-image:-moz-linear-gradient(#005eba,#0080ff);
    background-image:-o-linear-gradient(#005eba,#0080ff);
    background-image:-ms-linear-gradient(#005eba,#0080ff);
    -cp-background-image:linear-gradient(#005eba,#0080ff);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#005eba),to(#0080ff));
}
.creer_compte:hover{
    background-color:#005eba;
    background-image:-moz-linear-gradient(#005eba,#0074e6);
    background-image:-o-linear-gradient(#005eba,#0074e6);
    background-image:-ms-linear-gradient(#005eba,#0074e6);
    -cp-background-image:linear-gradient(#005eba,#0074e6);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#005eba),to(#0074e6));
}
#piedpage{
    width:100%;
    height:20px;
    color:#ffffff;
}
.separateur_entete{
    height:1px;
    -moz-box-shadow:inset 0 10px 10px #e9e9e9;
    -webkit-box-shadow:inset 0 10px 10px #e9e9e9;
    box-shadow:inset 0 10px 10px #e9e9e9;
}
.panneau{
    padding:5px;
    color:#ffffff;
}
.panneau td{
    font-size:small;
    color:#ffffff;
}