/*
	Commun.css
*/

/* GENERAL */
*{
margin:0;
padding:0;
list-style:none
}
body{
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
}
a{
color:#333;
text-decoration:none
}
a:hover{text-decoration:underline}
img{border:none}
.breaker{
clear:both;
overflow:hidden;
height:0
}
#site{background:url(../images/commun/f_site.gif) #fff repeat-x}

/*-- Bandeau --*/
#bandeau{
width:970px;
margin:0 auto
}
#bandeau .logo{
background:url(../images/commun/f_logo.gif) repeat-x;
padding:30px 0 0 23px;
width:122px;
float:left;
height:190px;
border-left:1px solid #e9e9e9;
border-right:1px solid #e9e9e9
}
#bandeau .droite{
width:823px;
float:right
}
#bandeau .baseline{
height:143px;
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
zoom:1;
padding:30px 10px 0 0
}
#bandeau .baseline h2{
height:0;
width:0;
overflow:hidden
}
#bandeau .baseline a{float:right}
#bandeau .menu_bas{
overflow:hidden;
zoom:1
}
#bandeau .menu_haut{
overflow:hidden;
zoom:1;
height:42px
}
#bandeau .recherche{
float:right;
width:157px;
height:31px;
background:url(../images/commun/f_recherche.gif) no-repeat;
padding:11px 10px 0 8px
}
#bandeau .recherche div{
overflow:hidden;
zoom:1
}
#bandeau .recherche input{
float:left;
width:125px;
color:#333;
font-size:12px;
border:1px solid #dadada;
height:15px;
padding:1px 0 4px 2px
}
#bandeau .recherche input.submit{
float:right;
width:auto;
height:auto;
border:none;
padding:0
}

/*-- Menu --*/
#menu{
float:left;
width:648px
}
#menu ul{
overflow:hidden;
zoom:1
}
#menu ul li{
float:left;
padding:0 1px 0 0
}
#bandeau img.puce{display:block}
#bandeau img.m1{padding:0 0 0 47px}
#bandeau img.m2{padding:0 0 0 186px}
#bandeau img.m3{padding:0 0 0 352px}
#bandeau img.m4{padding:0 0 0 478px}
#bandeau img.m5{padding:0 0 0 583px}

/* PIED */
#pied{background:url(../images/commun/f_pied.gif) #fff repeat-x}
#pied .pied{
width:970px;
margin:0 auto;
padding:7px 0 0 0
}
#pied .pied ul{
border:1px solid #e9e9e9;
width:786px;
margin:0 0 0 162px;
overflow:hidden;
zoom:1;
padding:5px 10px 6px 10px
}
#pied .pied ul li{
float:left;
background:url(../images/commun/filet_pied.gif) no-repeat 100% 50%;
padding:0 6px 0 0;
margin:5px 5px 0 0;
font-size:11px
}
#pied .pied ul li.last, #pied .pied ul li.idf{
margin:5px 0 0 0;
padding:0;
background:none
}
#pied .pied ul li.idf{
float:right;
margin:0
}

/*  PAGE  */
#page{
width:970px;
margin:0 auto;
padding:0 0 30px 0
}

/*-- Gauche --*/
#page .gauche{
width:147px;
float:left;
padding:2px 0 0 0
}

/* Chemin */
#page .chemin{
background:url(../images/commun/h_home_gauche.gif) no-repeat top left;
width:500px;
height:27px
}
#page .t{
margin-left:165px;
padding-top:7px;
font-size:10px;
width:100%
}

/*-- Droite --*/
#page .droite{
padding:2px 0 0 0;
width:765px;
float:right;
overflow:hidden;
zoom:1
} 
#page .article{
float:left;
width:575px;
overflow:hidden;
margin:0;
padding:11px 0 0 0;
zoom:1
} 
#page .info{
width:170px;
float:right;
overflow:hidden;
margin:0;
zoom:1
}

/*- Espace -*/
#page .menu_gauche{
margin:10px 10px 0 0;
float:left;
width:177px
}
#page .f_menu{
background:url(../images/commun/f_home_espace.gif) #e9e9e9 repeat-x
}
#page .b_menu{
background:url(../images/commun/b_page_espace.gif) no-repeat bottom left;
padding:0 0 5px 0
}
#page .m_menu{
border-left:1px solid #e9e9e9;
border-right:1px solid #e9e9e9;
padding:0 0 5px 0;
min-height:100px;
_height:165px
}
#page .m_menu ul{
padding:3px 5px 0 9px
}
#page .m_menu ul li {
background:url(../images/commun/puce/puce1.gif) no-repeat 0 2px;
padding:0 0 0 19px;
margin:3px 0;
font-size:13px
}

/* PAGE ACCUEIL */
.article h2, h1{
color:#06c;
font-style:normal;
font:bold 22px Arial, Helvetica, sans-serif
}
.article h1{margin:0 0 25px 0}
.article h2{font-weight:400}

/* TEXTE */
/* on retabli la norme */
.texte  p{margin:1.12em 0}
.texte h3{
color:#06c;
font-style:normal;
font:bold 14px Arial, Helvetica, sans-serif
}

/*-- Flash --*/
.alt_flash div{
background-color:#fff;
-moz-opacity:0.6;
filter:alpha(opacity=60);
opacity:0.6;
display:block;
color:#000;
text-align:center;
font-size:13px
}
.alt_flash div a{
color:#000;
text-decoration:underline
}
.alt_flash div a:hover{
text-decoration:none
}

/* Contextuel */
#page .info_context{
border-bottom:1px solid #e3e3e3;
margin:10px 0 0 0
}
#page .f_info_right{background:url(../images/commun/f_home_espace.gif) #e9e9e9 repeat-x}
#page  .f_info_right_centre{background:url(../images/commun/f_page_centre.gif) #e9e9e9 repeat-x}
#page .m_info_right,#page .m2_info_right{
border-top:1px solid #e9e9e9;
border-left:1px solid #e9e9e9;
border-right:1px solid #e9e9e9
}
#page .m_info_right{padding:0 0 7px 0}
#page .m2_info_right{padding:0 10px 7px 0}
#page .b_info_right{padding:3px 26px 4px 24px}
#page .i_info_right{padding:7px 0px 7px 28px}
#page .psp .b_info_right{border-bottom:1px solid #e3e3e3}

/* Article */
#page .droite{
padding:2px 0 0 0;
width:765px;
float:right;
overflow:hidden;
zoom:1
} 
#page .article{
float:left;
width:575px;
overflow:hidden;
margin:0;
padding:11px 0 0 0;
zoom:1
} 
.article_fc h2{
color:#be1631;
font-style:normal;
font:normal 22px Arial, Helvetica, sans-serif
}
.article_pa h2{
color:#9c3;
font-style:normal;
font:normal 22px Arial, Helvetica, sans-serif
}
.article_fc h3{
color:#be1631;
font-style:normal;
font:bold 14px Arial, Helvetica, sans-serif
}
.article_pa h3{
color:#9c3;
font-style:normal;
font:bold 14px Arial, Helvetica, sans-serif
}

/* Bloc Plei@d */
.pleiad {margin:4px 0 4px 0}

/* Actualités */
.pagination_actus{text-align:right}
.pagination_actus a{font-weight:700}

/* Planning */
.planning_table{
border-top:1px solid #e9e9e9;
border-left:1px solid #e9e9e9;
text-align:center;
border-spacing:0px;
margin:auto
}
.planning_table td,th{
height:33px;
border-right:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9
}
.planning_table th{background-color:#aaa}
.planning_row1{background-color:#f7f7f7}
.planning_row2{background-color:#fff}
.planning_th{padding-left:2px; padding-right:2px}

/* FAQ */
.hrfaq{
border-width:0 1px 0 0;
border-color:#e3e3e3;
border-style:solid
}
.faq_text{
padding:5px 0 10px 20px;
display:none
}
.faq_title{
font-size:14px;
padding:0 0 8px 0
}
.faq_bloc{padding:0 0 0 15px}

/* PAGES UE/DIPLOME/POLE/SPECIALITE */
#page .sti,#page .sts,#page .eg,#page .stic{
background:url(../images/titre/t_pole_fond.jpg) no-repeat bottom center;
width:276px;
height:139px;
border:1px solid #e9e9e9;
margin:10px 0
}
#page .sti,#page .sts {float:right}
#page .eg,#page .stic {float:left}
#page .code_dip,#page .code_ue{
background:url(../images/titre/t_pole_fond.jpg)  no-repeat bottom center;
width:271px; 
height:60px;
border:1px solid #e9e9e9;
margin:40px 0 10px 0;
padding:10px 0 10px 4px
}
#page .code_ue{float:left}
#page .code_dip{float:right}
#page .special_pole {padding:10px 0 10px 4px}
#page .nom_dipl{
float:left;
width:415px;
font-size:20px
}
#page .etiq_dipl{
float:right;
width:150px;
text-align:right;
margin-bottom:7px
}
#page .refdiplome{
font-size:12px;
font-weight:400;
text-align:right
}
#page .codediplome{
font-size:14px;
font-weight:700;
text-align:right;
color:#069
}
#page .head_dipl{margin-bottom:75px}
#page .droite .article_pa h3{
color:#9c3;
font-style:normal;
font:bold 14px Arial, Helvetica, sans-serif
}
#page .article_pa .contenu_dipl h3{
font-size:14px;
color:#369
}
#page .lieu_form{
border-bottom:1px solid #e3e3e3;
margin:0 5px 0 10px;
width:278px;
float:right
}
#page .f_lieu_form{background:url(../images/commun/f_home_espace.gif) #e9e9e9 repeat-x}
#page .m_lieu_form{
border-top:1px solid #e9e9e9;
border-left:1px solid #e9e9e9;
border-right:1px solid #e9e9e9;
padding:0 0 7px 0;
min-height:100px;
_height:165px
}
#page .b_lieu_form{padding:10px 26px 4px 15px}
#page  .b_lieu_form ul{padding:3px 5px 0 9px}
#page  .b_lieu_form ul li{padding:0 0 6px 0}
#page  .b_lieu_form ul li a{
background:url(../images/commun/puce/puce5.gif) no-repeat 0 2px;
padding:0 0 0 19px;
font-size:12px
}
#page .lien_cursus {
margin:10px 0 10px 0;
min-height:40px
}
#page .lien_cursus a{
background:url(../images/commun/puce/puce1.gif) no-repeat 0 2px;
padding:0 0 0 19px;
font-size:12px;
text-decoration:underline
}
#page .ects_cursus {
margin:10px 0 10px 0;
min-height:40px;
background:url(../images/commun/puce/puce1.gif) no-repeat 0 2px;
padding:0 0 0 19px;
font-size:12px
}
#page .etiq_legende{
float:right;
width:150px;
text-align:right;
margin-bottom:2px
}
#page .type_diplome{
font-size:20px;
font-weight:400;
height:60px
}
#page .b_stage_b{
background:url(../images/titre/t_stagefc_bloc2f.jpg)  no-repeat bottom left;
padding:0 0 5px 0
}
#page .type_ue{
padding:7px 0 0 10px;
height:30px;
background:url(../images/titre/t_stagefc_bloc2.jpg)  no-repeat;
padding-bottom:25px;
margin-top:20px
}
#page .dip{padding-left:3px}
#page .titrediplomeliste{
float:left;
background:url(../images/bouton/bt_listediplome.gif) 0% 18% no-repeat;
padding:5px 10px 5px 25px;
margin-bottom:10px
}
.ue_day{
font-size:9px;
margin-left:20px
}
.rub_select{width:260px}
.rub_select2{width:240px}
.dip_ue{border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9}
.etiq_tab{
padding:5px 5px 0px 5px;
vertical-align:top;
width:36px
}
.etiq_tab_top{
padding:0px 5px 0px 5px;
width:36px
}
#page .article_pa .titrediplomeliste h3{
font-size:14px;
font-weight:400
}
#page .refdiplomeliste{
float:left;
font-size:12px;
font-weight:400;
color:#666
}
#page .specialdipl h1{
color:#699;
font-size:23px
}
#page .droite .article_pa .dip h3{
color:#9c3;
font-style:normal;
font:bold 14px Arial, Helvetica, sans-serif;
background-color:transparent
}
.ue_th{
background:url(../images/titre/t_stagefc_bloc2.jpg)  no-repeat;
text-align:left;
padding-left:30px;
font-size:16px;
font-weight:700;
height:30px;
width:100%
}
#page .droite .article_pa .dip  .ue_th h3{
font-size:16px;
font-weight:700
}
#page .desc_dipl{
font-size:12px;
font-weight:700;
text-align:left;
margin-bottom:10px
}

/* Hack Spip */
.spip_logos{
float:left;
margin:1.78em 0.88em 2pt 0pt
}
a.spip_mail {color:#009}
a.spip_mail:before {content:none} /* liens vers un email */

/* Recherche */
.highlight_search{background-color:#FF0}
.search_h2{
font-size:20px;
padding:0 0 8px 0
}
.search_lines{padding:5px 0 10px 20px}

/* Formulaire de contact */
.formulairecontact{
background:url(../images/commun/f_form.gif) repeat-x bottom center;
border:1px solid #e9e9e9;
padding:30px 0 30px 0;
}
.form_contact{border:0px}
.form_contact2{border:1px solid #999}
.form_contact_textarea{border:2px solid #f60}