/* les fiches (=fiche) : =annuaireksup, =annuaireetudiants, =annuaireanciensetudiants, =defautstructureksup, =formation, =ueup, =cours, =associationetudiant, =offresstagesemplois */

/*** surcharge =Annuaireksup  ***/
body.annuaireksup h2 {
border-bottom: 1px solid #CBADB5;
padding-bottom: 8px;
margin-bottom: 0;
}


/* *** Listes d'affichage *** */
ul.liste-offresstagesemplois li {
margin: 0;
padding: 10px 0;
clear: left;
border-top: 1px solid #CBADB5;
list-style-type: none;
}

ul.liste-offresstagesemplois li a {
padding-left: 0;
}

ul.liste-offresstagesemplois li span {
display: block;
}

ul.liste-offresstagesemplois em {
font-size: 1.1em;
font-weight: 700;
font-style: normal;
margin: 0;
padding: 0;
}

ul.liste-offresstagesemplois span.date-liste {
color: #222e44;
}

ul.liste-offresstagesemplois p {
font-size: 1em;
margin: 0;
padding: 0;
}


/**********************
	=Fiche =Annuaireksup =Annuaire
***********************/
body.annuaireksup #fonction {
padding: 8px 32px 8px 0;
border-bottom: 1px solid #cbadb5;
}

body.annuaireksup #type_personnel {
font-size: xx-small;
color: #778aaa;
padding: 2px 0;
margin-top: 3px;
border-top: 1px solid #cbadb5;
border-bottom: 1px solid #cbadb5;
}

body.annuaireksup .photo {
float: right;
background: #fff;
text-align: right;
margin-left: 10px;
}

body.annuaireksup dl.type_2 {
border-top: 0;
background-color: transparent;
}


/**********************
	=Fiche =Annuaireetudiants =Annuaire
***********************/
body.annuaireetudiants #date_naissance {
color: #778aaa;
margin: 8px 0;
font-size: xx-small;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
border-top: 1px solid #CBADB5;
border-bottom: 1px solid #CBADB5;
}

body.annuaireetudiants .photo {
float: right;
background: #fff;
text-align: right;
margin-left: 10px;
position: relative;
z-index: 5;
}

body.annuaireetudiants dl.type_2 {
background-color: transparent;
}


/**********************
	=Fiche =Annuaireanciensetudiants =Annuaire
***********************/
body.annuaireanciensetudiants #date_naissance {
color: #778aaa;
margin: 8px 0;
font-size: xx-small;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
border-top: 1px solid #CBADB5;
border-bottom: 1px solid #CBADB5;
}

body.annuaireanciensetudiants .photo {
float: right;
background: #fff;
text-align: right;
margin-left: 10px;
}

body.annuaireanciensetudiants dl.type_2 {
background-color: transparent;
}


/******************************************
	=Fiche =DefautStructureksup =Structure
******************************************/
body.defaultstructureksup .photo {
float: right;
margin: 1em 10px 0 0;
}

body.defaultstructureksup p#type_structure {
color: #778aaa;
margin: 8px 0;
font-size: xx-small;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
border-top: 1px solid #CBADB5;
border-bottom: 1px solid #CBADB5;
}


/******************************************
	=Fiche =Laboratoire =Structure
******************************************/
body.laboratoire .photo {
float: right;
margin: 1em 0 10px;
}

body.laboratoire p#type_laboratoire {
color: gray;
margin: 8px 0;
font-size: small;
font-weight: bold; 
font-family: verdana, arial, sans-serif;
border-top: 1px solid #CBADB5;
border-bottom: 1px solid #CBADB5;
}

body.laboratoire .encadre_recherche,
body.laboratoire .encadre_recherche h4{
display:block;
} 
body.laboratoire .encadre_recherche fieldset{
padding-left:15px;
}
body.laboratoire .button{
padding-left:15px;
}
body.laboratoire .encadre_recherche #TYPE_LABORATOIRE,
body.laboratoire .encadre_recherche #AXE_RECHERCHE_ETABLISSEMENT,
body.laboratoire .encadre_recherche #TYPE_LABORATOIRE,
body.laboratoire .encadre_recherche #DOMAINE_APPLICATION{
display:none;
}


/******************************************
	=Fiche =Formation
******************************************/
body.formation .stage_important {
color:#ff6120;
}

/* Classes pour les onglets */
body.formation .onglets {
clear: left;
float: left;
margin-bottom: 1em;
width: 530px;
list-style:none;
}

/* TODO : virer ça dans un ie_objets_specifiques.css */
*>html .onglets {
	c\lear:none;
}

body.formation .onglets li {
float: left;
border-bottom: 1px solid #332e44;
font-size: 130%;
line-height: 1;
}

/* TODO : virer ça dans un ie_objets_specifiques.css */
*>html .onglets li {
wid\th: 100px;
te\xt-align: center;
}

body.formation .onglets a { 
font-family: arial, verdana, sans-serif; 
font-weight: bold;
color: #332e44;
text-decoration: none;
font-size: 85%;
margin: 0 10px;
}

/* Onglets allumés */
body.formation .onglets li.onfirst,
body.formation .onglets li.on,
body.formation .onglets li.onlast {
background: url(img/formation/onglet-onfirst.gif) no-repeat;
padding-left: 8px;
border: 0;
}

body.formation .onglets li.onfirst a,
body.formation .onglets li.on a,
body.formation .onglets li.onlast a {
display: block;
padding: 8px 20px 0 5px;
}

body.formation .onglets li.onfirst a {
background: url(img/formation/onglet-on.gif) no-repeat 100% 0;
}

body.formation .onglets li.on a {
background: url(img/formation/onglet-on.gif) no-repeat 100% 0;
}

body.formation .onglets li.onlast a {
background: url(img/formation/onglet-onlast.gif) no-repeat 100% 0; 
}

body.formation .onglets li.onfirst a,
body.formation .onglets li.on a,
body.formation .onglets li.onlast a {
margin:0;
}

/* Onglets éteints */
body.formation .onglets li.offfirst {
background: url(img/formation/onglet-offfirst.gif) no-repeat;
}

body.formation .onglets li.offfirst a {
display: block;
background: url(img/formation/onglet-off.gif) no-repeat 100% 0;
padding: 8px 20px 0 5px;
margin-left: 8px;
margin-right: 0;
}

body.formation .onglets li.offonfirst {
background: url(img/formation/onglet-offfirst.gif) no-repeat;
}

body.formation .onglets li.offonfirst a {
display: block;
background: url(img/formation/onglet-offon.gif) no-repeat 100% 0;
padding: 8px 20px 0 5px;
margin-right: 0;
margin-left: 8px;
}

body.formation .onglets li.off {
background: url(img/formation/onglet-off.gif) no-repeat 100% 0;
padding: 5px 15px 0 0;
}

body.formation .onglets li.offlast {
background: url(img/formation/onglet-offlast.gif) no-repeat 100% 0;
padding: 5px 15px 0 0;
}

body.formation .onglets li.offon {
background: url(img/formation/onglet-offon.gif) no-repeat 100% 0;
padding: 5px 5px 0 0;
}

body.formation .onglets li.offonfirst a,
body.formation .onglets li.offfirst a{
margin:0;
}

/* TODO : virer ça dans un ie_objets_specifiques.css */
/* \*/
* html body.formation .onglets a { margin:0 5px; }
* html body.formation li.off, * html body.formation li.offlast, * html body.formation li.offon { padding-bottom: 2px; }

* html body.formation li.onfirst a, * html body.formation li.on a, * html body.formation li.onlast a, * html body.formation li.offfirst a, * html body.formation li.offonfirst a { padding: 8px 20px 2px 5px; margin:0; }
* html body.formation li.offonfirst a { padding: 8px 20px 2px 10px; margin:0; }
* html body.formation li.offfirst a { padding: 8px 20px 2px 10px; margin:0; }
/* */

body.formation h3.presentation {
display: inline;
color : #262546;
font-size: 1em;
margin: 0 0 0 0.5em;
padding-left: 0.5em;
border-left: 1px solid #262546;
}

body.formation dl.presentation {
float: left;
margin-top: 0;
padding-left: 0.5em;
margin-left: 0.5em;
border-left: 1px solid #262546;
}


body.formation h3.premier_bloc {
border-left: 0;
margin: 0;
padding-left: 0;
}

body.formation dl.premier_bloc {
padding-right: 0.5em;
margin-right: 0.5em;
border-left: 0;
margin-left: 0;
padding-left: 0;
}


body.formation dl.presentation dt {
color : #262546;
font-weight: bold;
}

body.formation dl.presentation dd {
color: #ff6120;
margin : 0;
}

dl.type_1 .liste_def_continue,
dl.type_1 .liste_def_alternance,
dl.type_1 .liste_def_apprentissage,
dl.type_1 .liste_def_distance,
dl.type_1 .liste_def_poursuite_etudes,
dl.type_1 .liste_def_debouches,
dl.type_1 .liste_def_secteurs_activites,
dl.type_1 .liste_def_metiers,
dl.type_1 .liste_def_echanges_internationaux,
dl.type_1 .liste_def_domaines_erasmus,
dl.type_1 .liste_def_langues_enseignement {
border-top: 1px solid #cbadb5;
}

body.formation h3.et_apres {
font-size: 1.1em;
color: #332e44;
margin-bottom: 0.3em;
}


/**********************
	=Fiche =Ueup
***********************/
body.ueup table#details, body.ueup table#volumes_horaires {
float: left;
padding-top: 7px;
border-top: 1px solid #CBADB5;
}

body.ueup table#details {
width: 60%;
}

body.ueup table#volumes_horaires {
width: 40%;
}

body.ueup table#details th , body.ueup table#volumes_horaires th {
text-align: right;
width: 50%;
}

body.ueup table#details td, body.ueup table#volumes_horaires td {
padding-left: 0.7em;
color: #b41e1e;
text-align: left;
}


/**********************
	=Fiche =Cours
***********************/
body.cours #disciplines {
color: #778aaa;
margin: 8px 0;
font-size: xx-small;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
border-top: 1px solid #CBADB5;
border-bottom: 1px solid #CBADB5;
}

body.cours table#volumes_horaires, body.cours table#coefs {
float: left;
padding-top: 7px;
border-top: 1px solid #CBADB5;
}
body.cours table#volumes_horaires {
width: 60%;
}

body.cours table#coefs {
width: 40%;
}

body.cours table#volumes_horaires th, body.cours table#coefs th {
text-align: right;
width: 50%;
}

body.cours table#volumes_horaires td, body.cours table#coefs td {
padding-left: 0.7em;
color: #b41e1e;
text-align: left;
}

/**********************
	=Fiche =Associationetudiant
***********************/
body.associationetudiant #types_association {
color: #778aaa;
margin: 8px 0;
font-size: xx-small;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
border-top: 1px solid #CBADB5;
border-bottom: 1px solid #CBADB5;
}

body.associationetudiant #objet {
text-align: left;
margin-bottom: 1.5em;
}

body.associationetudiant .photo {
float: right;
background: #fff;
text-align: right;
margin-left: 10px;
}


/******************************************
	=Fiche =Offresstagesemplois
******************************************/
body.offresstagesemplois #type {
color: #778aaa;
margin: 8px 0;
font-size: xx-small;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
border-top: 1px solid #CBADB5;
border-bottom: 1px solid #CBADB5;
}

body.offresstagesemplois #descriptif {
margin-bottom: 1.5em;
}

body.offresstagesemplois dl.type_1 .liste_def_debut,
body.offresstagesemplois dl.type_1 .liste_def_duree,
body.offresstagesemplois dl.type_1 .liste_def_date_limite {
border-top: 1px solid #cbadb5;
}

/*BARRE DE POURCENTAGE POUR LA PERTINENCE DES RESULTATS DE RECHERCHE*/
.pourcentage, .pourcentage img{
display:block;
height:10px;
}

.pourcentage{
background:#fff;
border:1px solid silver;
overflow:auto;
margin:3px 0 0 0;
width:100px;
}

.pourcentage img{
background:yellow;
}

/**************************/
/*     MEDIATHEQUE        */
/**************************/

div.visionneuse_contenu h3 {
display:none;
}

div.visionneuse_contenu {
position:relative;
}

div.galerie_player {
background-color:#000;
margin:auto;
}

div.galerie_playlist {
margin-top:5px;
}

p.galerie_titre {
font-size:1.4em;
font-weight:700;
}

/******************************************
                ONGLETS                  
******************************************/
div.galerie_onglet h3 {
display:none;
}

div.galerie_onglet ul.galerie_onglets {
background:#fff;
border-bottom:2px solid #999;
font-weight:700;
list-style:none;
margin:0.5em 0 1em;
padding:0 0 0.2em;
}

div.galerie_onglet ul.galerie_onglets li {
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
background:#eee;
border:2px solid;
border-bottom:0;
color:#999;
cursor:pointer;
display:inline;
margin:0 1em 0 0;
padding:0.2em 0.5em;
}

div.galerie_onglet ul.galerie_onglets li.bouton_focus,
div.galerie_onglet ul.galerie_onglets li.bouton_focus:hover,
div.galerie_onglet ul.galerie_onglets li:hover {
background:#fff;
border-color:#999;
color:#000;
padding-bottom:4px;
}

/******************************************
                Liste simple             
******************************************/
div.galerie_playlist ul.visionneuse_pagination {
list-style:none;
margin:0 0 1em;
padding:0;
}

div.galerie_playlist ul.visionneuse_pagination li {
border-bottom:1px dotted #ccc;
margin:0 0 0.7em;
padding:0 0 0.7em;
}

.lanceur_media {
cursor:pointer;
}

/******************************************
               DEFAUT                   
******************************************/
div.galerie_playlist p.visionneuse_defaut_titre {
border:solid 2px #828282;
margin:0;
padding:3px;
}

div.galerie_playlist ul.visionneuse_defaut {
margin:0;
padding:0;
}

/* === */
div.galerie_playlist ul.visionneuse_defaut li {
background:#828282;
color:#fff;
list-style:none;
margin:0 0 5px;
padding:5px;
}

div.galerie_playlist ul.visionneuse_defaut li:hover {
background:#999;
}

/******************************************
              PAGINATION                 
******************************************/
table.visionneuse_pagination {
left:0;
margin:auto;
top:0;
}

table.visionneuse_pagination td table.pagination_contenu tbody td {
background:#828282;
border:10px solid #fff;
color:#fff;
height:150px;
margin:15px;
text-align:center;
vertical-align:top;
width:150px;
}

table.visionneuse_pagination td table.pagination_contenu tbody td:hover {
background:#999;
}

table.visionneuse_pagination thead td,
table.visionneuse_pagination tfoot td {
text-align:center;
width:100%;
}

table.visionneuse_pagination td.pagination_suivant,
table.visionneuse_pagination td.pagination_precedent,
table.visionneuse_pagination td.pagination_aucune {
border:0;
vertical-align:middle;
width:25px;
}

table.visionneuse_pagination td table.pagination_contenu tbody tr td.pagination_vide {
background:#ddd;
}

table.visionneuse_pagination td.pagination_suivant a,
table.visionneuse_pagination td.pagination_precedent a {
background-color:transparent;
cursor:pointer;
}

table.visionneuse_pagination td.pagination_suivant a:hover,
table.visionneuse_pagination td.pagination_precedent a:hover,
table.visionneuse_pagination td.pagination_aucune a:hover {
background:transparent;
}

/******************************************
     Visionneuse PLAYLIST MODE TELE      
******************************************/
div.visionneuse_tele_player {
text-align:center;
}

div.visionneuse_tele_player div {
margin:auto;
}

/******************************************
                STYLE_1                  
******************************************/
div.style1_media {
font-size:0.9em;
margin:5px;
text-align:left;
}

div.style1_media a.lanceur_media {
background:#000;
color:#fff;
display:block;
text-decoration:none;
}

span.style1_media_vignette {
display:block;
overflow:hidden;
text-align:center;
}

span.style1_media_vignette img {
vertical-align:middle;
}

ul.visionneuse_defaut div.style1_media {
margin:0;
}

ul.visionneuse_defaut li,
ul.visionneuse_defaut span.style1_media_contenu {
overflow:auto;
}

ul.visionneuse_defaut div.style1_media a.lanceur_media {
float:left;
margin:0 10px 0 0;
width:150px;
}

/******************************************
              PLAYER PHOTO               
******************************************/
p.player_photo {
background-color:#000;
}

p.player_photo img {
margin:auto;
}

/******************************************
               PLAYER AUDIO              
******************************************/
div.player_audio {
display:block;
text-align:center;
}

div.player_audio * {
vertical-align:middle;
}

/******************************************
               PLAYER SWF               
******************************************/
div.player_flash {
background-color:#000;
}

div.contenu .showcase {
height:170px;
margin:20px auto 0;
position:relative;
width:500px;
}

div.contenu .showcase a.controls {
border:2px solid #FFF;
font-weight:700;
height:50px;
line-height:50px;
margin-top:-27px;
position:absolute;
text-align:center;
top:50%;
width:20px;
}

div.contenu .showcase a.controls img {
vertical-align:middle;
}

div.contenu .showcase a.previous {
padding-bottom:4px;
}

div.contenu .showcase ul li {
float:left;
height:170px;
list-style-type:none;
width:50px;
}

div.contenu .showcase li a img {
border:0;
}

div.contenu .showcase a.next {
padding-top:4px;
right:0;
}

div.contenu .showcase a.controls:hover {
border-color:#2097FA;
}

div.contenu .showcase ul {
height:170px;
margin:0 auto;
position:relative;
width:290px;
}

#form_saisie_front .submit,
#form_saisie_front .reset{
padding:2px;
background:#fff;
color:#000;

border:1px solid #000;
}

#valider-formulaire .reset{
padding:5px;
background:red;
color:#fff;
margin: 0 5px;
border:1px solid #000;
}

#valider-formulaire .submit{
padding:5px;
background:#00ff0c;
color:#000;
margin: 0 5px;
border:1px solid #000;
}