/*
 * Espace Education
 * CSS principal utilisé sur toutes les pages
 * @author berge
 */


/* Utils */

.clear{
   clear: both;
   display: block;
   height: 0;
   font-size: 0;
   line-height: 0;
   margin: 0;
   padding: 0;
}

/* Général */

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


/* Liens */

a, a:link, a:visited{
   outline: none;
   text-decoration: none;
}


/* Generic */

.educ-space{
   color: #f88222;
}

.arrow{
   padding-left: 10px;
   background: url(/medias/www/img/education/space/design/main/arrow.png) no-repeat scroll 0 3px transparent;
}

h2 a, h3 a{
   color:#0045A3;
}


/* Container */

#container{
   background: #fff;
   margin: 0 auto;
   padding: 20px 0 0;
   width: 1000px;
   text-align: left;
}


/* Chargement ajax */

.ajax-loading{
   margin: 50px auto;
   padding: 20px 0 0 0;
   width: 220px;
   height: 40px;
   background: url(/medias/www/img/education/space/design/main/ajax_loading.gif) no-repeat;
   text-align: center;
   font-size: 12px;
}


/* Haut de page */

#header{
   margin: 0 0 15px 0;
   padding: 0 10px;
}

#header h1{
   background: url(/medias/www/img/education/space/logo/logo_education_space.gif) no-repeat;
   font: bold 28px/28px helvetica, arial, sans-serif;
   width: 48%;
   float: left;
}

#header h1 a{
   display: block;
   text-indent: -9999px;
   height: 68px;
}

#header-infos{
   width: 50%;
   float: right;
   margin-top: 25px;
}

#header-infos p{
   width: 370px;
   float: left;
   font-size: 13px;
}

#header-infos p span.welcome{
   display: block;
   font-weight: bold;
}

#header-infos p span.login strong{
   font-weight: bold;
}

#header-infos .logout{
   display: block;
   float: right;
   margin-top: 10px;
   width: 109px;
   height: 24px;
   background: url(/medias/www/img/education/space/design/main/button_logout.png) no-repeat;
   text-indent: -9999px; 
   cursor: pointer;
}


/* Barre d'outil */

#toolbar{
   padding: 5px 10px 5px 0;
   border: solid #e5e5e5;
   border-width: 1px 0 0 0;
   font-size: 13px;
}

#toolbar a {
   margin-left: 15px;
   line-height: 16px;
   color: #1a171b;
}

#toolbar a.back{
   padding-left: 13px;
   background: url(/medias/www/img/education/space/design/main/toolbar/arrow_back_active.png) left 4px no-repeat;
}

#toolbar a.search{
   padding-left: 16px;
   background: url(/medias/www/img/education/space/design/main/toolbar/icon_search.png) left 2px no-repeat;
}

#toolbar a.doc{
   padding-left: 16px;
   background: url(/medias/www/img/education/space/design/main/toolbar/icon_doc.gif) left 3px no-repeat;
}

#toolbar a.print{
   padding-left: 23px;
   background: url(/medias/www/img/education/space/design/main/toolbar/icon_print.gif) left 2px no-repeat;
}

/* Colonnes */

.shadow{
   background: url(/medias/www/img/education/space/design/main/shadow_container.png) repeat-x scroll 0 0 transparent;
   padding-top: 20px; 
}

#col-left{
   float: left;
   padding-left: 10px;
   width: 650px;
}

#col-right{
   float: right;
   padding-right: 10px;
   width: 320px;
} 


/* Colonne droite */

#col-right .bordered-block{
   border: solid #d5d5d5;
   border-width: 0 1px 1px 1px;
}

#col-right .block{
   margin-bottom: 15px;
   padding: 15px 13px 20px;
   background: url(/medias/www/img/education/space/design/main/border_block_top.png) repeat-x;
}

#col-right .block h2{
   display: block;
   margin-bottom: 15px;
   font-weight: bold;
   font-size: 16px;
}

#col-right .block ul a{
   color: #222;
   font-weigt: bold;
}

#col-right .block .cover-right{
   margin: 0 0 0 140px;
}

#col-right .block .cover-right ul a{
   font: bold 12px helvetica,arial,sans-serif;
   color: #222222;
}

#col-right .block a:hover{
   text-decoration: underline;
}

#col-right .block .cover{
   float: left;
   margin-right: 10px;
   width: 133px;
}

#col-right .block h4{
   font-size: 16px;
   font-weight: bold;
}

#col-right .block span.date{
   display: block;
   margin-bottom: 10px;
   color: #979797;
   font-size: 12px;
   font-weight: normal;
}

#col-right .cover img{
   border: 1px solid #eee;   
}

#col-right a.arrow{
   display: block;   
}


/* Colonne droite - Newsletter */

#col-right a.newsletter{
   display: block;
   margin: 15px 0;
   padding: 20px 10px 10px 150px;
   width: 158px;
   height: 50px;
   background: url(/medias/www/img/education/space/design/main/bg_newsletter_box.jpg) left top no-repeat;
   border: 1px solid #ccc;
   color: #000;
}

#col-right a.newsletter:hover{
   text-decoration: none;
   cursor: pointer;
}

#col-right a.newsletter span{
   display: block;
   font-weight: bold;
}

#col-right a.newsletter .date{
   display: block;
   margin-bottom: 10px;
   color: #979797;
   font-size: 12px;
   font-weight: normal;
}


/* Pied de page */

#footer {
   clear: both;
   margin-top: 40px;
   padding: 9px;
   background:none repeat scroll 0 0 #222222;
   color:#FFFFFF;
   font-size:12px;
}

#footer .left{
   float: left;
   display: block;
}

#footer .right{
   float: right;
   display: block;   
}

#footer a, #footer a:link, #footer a:hover, #footer a:visited{
   color: #fff;
}

#footer a:hover{
   text-decoration: underline;   
}