/*
 * Espace Education
 * CSS de la page de login
 * @author berge
 */

/* Login */

html, body{
   font: 13px/120% helvetica,arial,sans-serif;
}

strong{
   font-weight: bold;	
}

.teaser {margin-top: 30px}
.teaser h2 {font-size: 20px; font-weight: bold;}

.teaser .col_tiers {width: 210px; height: 200px; float: left; margin: 20px 0; position: relative}
.teaser .centre {margin: 20px 8px 20px}
.teaser .col_tiers .entete {padding-top: 35px; display: block; margin: 0 0 15px 0;  font-weight: bold}
.teaser .lm {background: url(/medias/www/img/education/space/logo/logo_medium_lemonde.png) no-repeat}
.teaser .edu {background: url(/medias/www/img/education/space/logo/logo_medium_lmdeduc.png) no-repeat;}
.teaser .dossiers {background: url(/medias/www/img/education/space/logo/logo_medium_docfolders.png) no-repeat;}
.teaser .col_tiers .texte {position: absolute; top: 90px; left: 0}
 
#col-right .boite {
padding: 15px; 
margin: 0 0 20px 0;
background: #fff;
}

#col-right .ombre{
   behavior: url(/medias/www/css/lib/css3pie/PIE.php);
-webkit-box-shadow: 0 0 4px #b6b6b6;
-moz-box-shadow: 0 0 5px #b6b6b6;
box-shadow: 0 0 14px #f7f6f6;
position: relative;
}

#col-right .boite li{
   list-style-type: square;
   margin: 0 0 5px 20px;
}

#col-right .boite li a:link, #col-right .boite li a:hover, #col-right .boite li a:visited{
   font-style: italic;
   color: #222;
   text-decoration: underline;  
}


#col-right .contact {margin: 20px 0}
#col-right .boite h2 {font: bold 16px arial, sans-serif; color: #FF6E17}
#col-right .boite .entete, #col-right .boite .error {font-size: 13px; color: #666; display: block; margin: 0 0 8px 0;}
#col-right .boite .error {color: #C21B00; font-weight: bold;}
#col-right .boite .entete a {color: #666; text-decoration: underline}
#col-right .boite label {font-weight: bold; display: block; margin: 8px 0 3px 0}
#col-right .boite input.submit {background: #FF6E17; border: none; color: #fff; display: block; margin-top: 10px; font: bold 13px arial, sans-serif; padding: 3px 0; width: 100px; text-align: center; margin: 15px auto 0; cursor: pointer}
#col-right .boite input.text {border: 1px solid #acacac; width: 280px; padding: 4px 3px}
#col-right .boite textarea {border: 1px solid #acacac; width: 280px; height: 100px; padding: 4px 3px}
#col-right span.register {background: url(/medias/www/img/education/space/design/login/text_register.png) no-repeat; display: block; width: 320px; height: 97px; text-indent: -9999px; cursor: pointer;}
#col-right #register_box {
   -webkit-box-shadow: 0 0 4px #b6b6b6;
   -moz-box-shadow: 0 0 5px #b6b6b6;
   box-shadow: 0 0 14px #f7f6f6;
   behavior: url(/medias/www/css/lib/css3pie/PIE.php);
   position: relative;
}

#col-right #register_box .separe {display: block; height: 15px; background-color: #fff;}
#col-right .open span.register {-moz-box-shadow: 0 6px 6px #b6b6b6; margin-bottom: 10px}
#col-right .boite .contact {padding-bottom: 15px; margin: 0 0 5px 0; font: bold 15px helvetica, arial, sans-serif}
#col-right .boite .contact a {color: #0045a3; text-decoration: underline}
#col-right .boite .separe {width: 320px; height: 1px; font-size: 1px; line-height: 1px; display:block; background: #ccc; margin: 0 0 10px -15px}

#col-right .boite label.error{
   font-size: 11px;
}