/* CSS Document */
/* Site : FRANFINANCE */
/* Date : 19/06/2006 */
/* Objet : Feuille de style générale, univers bleu */
/* Commentaires : 1 feuille de style par univers de couleurs pour la mise en page générale et pour le menu. Chaque feuille de style est à choisir en fonction des besoins dans le code source HTML */

/*********/
/* LOGIN */
/*********/

/* === GENERAL === */
/* Ne pas modifier, unifie les mises en formes des différents navigateurs */

*{margin:0;padding:0;} /* Place les marges et bordures de toutes les balises HTML à 0 */
body {background: url("../images/ff_bg.gif") repeat-x #DEDEDE;text-align:center;}
img{border:0;} /* enlèves les bordures sur les images, utile pour images avec lien. Par contre, il faut mettre les bordures sur les images ou l'on veux une bordure */

/* === BLOCS === */
/* Mise en forme des diverses zones composant la page */

/* Conteneur principal, définit la page : sa taille et son positionnement */
#page{width:762px;margin:0 auto 40px auto;text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;background:  url("../images/ff_bg_page_log.gif") repeat-y #fff;position:relative;}

/* Conteneur Login, définit la zone de login : sa taille et son positionnement ainsi que les éléments à l'intérieur de la zone */
#login{background: url("../images/ff_login_bg_noir.png") no-repeat bottom;height:20px;font-size:10px;color:#868686;padding-left:20px;padding-right:10px;padding-top:13px;}
#login p{display:inline;}
#login img{vertical-align:middle;}

/* Conteneur Header, définit la zone en tête de la page et son positionnement */
#header{background: url("../images/ff_header_bg_bleu760.png") no-repeat #FFFFFF;height:113px;border-left:1px solid #A1A1A1;border-right:1px solid #A1A1A1;margin-bottom:-12px;}
#header .coords{position:absolute;top:90px;left:575px;width:60px;}
#header .mail{color:#FFF;font-size:10px;background:url("../images/ff_picto_mail.gif") no-repeat 0px 1px;padding-left:15px;}
#header .tel{color:#FFF;font-size:10px;background:url("../images/ff_picto_tel.gif") no-repeat 0px 1px;padding-left:15px;white-space:nowrap;margin-top:3px;}

/* Conteneur content, définit la zone de contenu de la page et son positionnement ainsi que les éléments à l'intérieur de la zone */
/* --- Présentation des contenus de la zone content --- */
#content{background:#FFFFFF;border-bottom:1px solid #FFFFFF;padding-bottom:20px;position:relative;margin:1px}
#content form{margin:0 31px 0 29px;padding:90px 0 140px 0;;font-size:11px;text-align:center;}
#content fieldset{border:none;text-align:left;}
#content fieldset.logbox{width:340px;height:114px;background:url("../images/login_bg.gif") no-repeat;margin:auto;}
#content .boutons{padding-top:5px;text-align:center;clear:both;}
#content p.boutons inputs{margin-right:10px;}
#content label{display:block;float:left;width:85px;padding-right:14px;margin:15px 0 5px 0;vertical-align:middle;text-align:right;line-height:18px;}
#content input{text-align:left;color:#9B9B9B;margin:15px 0 5px 14px;width:202px;font-size:11px;padding:2px;}
#content input.valider{margin:4px 0 0 254px;width:auto;}
#content .alerte{/*background:#F3F3F3;*/color:#FF0000;font-weight:bold;padding:0.8em;margin-bottom:0.8em;}

/* Conteneur footer, définit la zone pied de la page et son positionnement ainsi que les éléments à l'intérieur de la zone*/
#footer{background: url("../images/login/ff_pied_bg.png") no-repeat #FFFFFF;height:35px;text-align:center;clear:both;padding-top: 5px}
#footer li{display:inline;line-height:25px;border-right:1px solid #E6E8E3;padding:0 12px;}
#footer li.last{border-right:0;}
#footer a{font-size:9px;color:#8D8D8D;text-decoration:underline;}
#footer a:hover{text-decoration:underline;}
#footer span{font-size:9px;color:#8D8D8D;text-decoration:none;}