/* definition des polices generiques + couleurs*/
@import url(commun.css);

body, div {margin: 0;padding: 0;}

/* -- gestion entete --*/
#top {
	width:100%;
	padding:0;
	margin:0;
	background:url(../datas/structure/login/header_bg.gif) repeat-x top center;
	height:190px;
}
/* -- Gestion logo -- */
.logo {padding:20px; width:260px;}
.logo img {height:55px; width:260px;}
#telelangue {background:url(../datas/structure/logos/telelangue_t.png) no-repeat center center}
#worldspeaking {background:url(../datas/structure/logos/worldspeaking_t.png) no-repeat center center}

/* nom et titre */
#name {float:right; margin-top:20px}
#name p {font-weight:bold; margin:0 20px;color:#FFFFFF;font-size:12pt}
#title {
    float:right;
    background:url(../datas/structure/logos/log_cyberteachers.png) no-repeat top right;
    width:500px;
    height:143px;
    margin:0;
    overflow:hidden;
}
#title h1 {margin:26px 90px 0 0;color:#FFFFFF}


/* gestion flag */
#flatplan .flag {position:absolute;top:130px; text-align:center;width:100%}
#flatplan .flag ul {list-style:none; padding:0; margin:0 auto;width:600px;}
#flatplan .flag ul li {float:left; line-height:47px; width:50px}
#flatplan .flag ul li img {border:none}

/* -- Gestion des titres -- */

#picto {
    width:100px;
    height:auto;
    margin-top:-7px;
    position:absolute;
    left:1%;
}


#content h1 {
	margin:10px auto 20px auto;
	padding:10px;
	width:90%;
    border-bottom:#c3c8cd solid 1px;
}
#content h1 em {position:absolute; right:5%; font-size:10pt;}
#content {padding:0; margin:5px 0}

/* -- Boites -- */
.boxBig {
	width:90%;
	margin:0 auto;
	padding:10px;
	border:1px solid #dbdbdb;
	background:#ffffff url(../datas/structure/login/boxShadow.png) no-repeat top center;
}

#content .boxBig h3 {margin:2px 2px 20px 0;}


#footer {width:100%;padding-top:10px}
#footer p {color:#414b56; margin:10px 20px; }
#ombre_top {
   position:absolute;
   top:190px;
   background: url(../datas/structure/f_ombre.png) no-repeat center top;
   z-index:100;
   height:20px;
   width:942px;left:50%;
   margin-left:-470px;
   }

.note {
	max-width:90%;
	margin:10px 5% 10px 5%;
	background:url(../datas/structure/listes/warning_on.png) no-repeat 5px 2px #fce0d5;
	border:1px solid #f79879;
	min-height:18px
}
p.note {padding:8px 20px 8px 45px;display:block; color:#d60352;min-height:20px}
.note p {padding:0 20px 0 45px;display:block; color:#d60352;height:30px; margin:8px 0 0 0}

/* Formulaire */
label {padding:0 5px}
input {border:1px solid #d2d2d2;}
input:hover {border:1px solid #414b56;}
input[type=checkbox] {border:none}
input[type=radio] {border:none}
form {margin:0; padding:0}

.formMini {width:350px; margin:3px auto; border:none}
.formMini p {clear:left; margin:0; padding: 0 0 10px 0;}
.formMini label {float:left; margin-left:-140px; width:140px;vertical-align:top;}
.formMini input[type=text], .formMini input[type=password] {width:140px; }
* html .ie6 {margin-left:3px;}

.formclassic {width:60%; margin:5px auto; border:none}
.formclassic p {clear:left; margin:0; padding: 0 0 10px 0;}
.formclassic label {float:right;margin:0; width:320px;}
.formclassic input[type=text], .formMini input[type=password] {width:200px ; vertical-align:top;}
* html .ie6 {margin-left:3px;}