/*
 * CSS des profils étudians et personnels
 * 
 * Définir avant l'import les valeurs suivantes :
 * 
 * @profil : etudiant ou personnel
 * 
 * @couleur_principale : couleur dominante du thème
 * @couleur_secondaire 
 */
a,
p#fil_ariane a:hover,
div.encadre_fiche h3,
p.parite_0,
p#commenter a:hover,
p#afficher_masquer_commentaires a:hover,
span#imprimer,
body.formation #onglets {
  color: #f99200;
}
p#commenter a,
p#afficher_masquer_commentaires a,
body.formation #onglets a:hover,
body.formation #onglets li#actif a {
  border-color: #f99200;
  background-color: #f99200;
}
div#connexion,
div#connexion p#personne_dsi,
div#outils_2,
h2,
div.style3 h3,
dl.type_1 dt,
dl.type_2 dt,
p.parite_1,
div.element_deco h3,
body.formation h3.et_apres {
  color: #953061;
}
div#bandeau {
  background-image: url("img_etudiant/bandeau.jpg");
  background-position: 0 -5px;
  height: 158px;
}
body.dsi div#bandeau {
  height: 134px ! important;
}
div#connexion {
  background-image: url("img_etudiant/connexion.png");
  background-position: 1px -14px;
  height: 30px;
}
div#connexion input.ok,
form#services input.ok {
  background-color: #f99200;
  background-image: url("img_etudiant/ok_2.png");
}
form#profil input.ok {
  background-color: #f99200;
  background-image: url("img_etudiant/ok.png");
}
div#menu {
  background-color: #f06b20;
  border-top: 1px solid #ff9d57;
  height: 42px;
}
ul#menu_principal {
  display: inline;
  float: left;
  height: 42px;
  width: 745px ! important;
}
ul#menu_principal a {
  padding: 9px 22px 0 11px;
}
ul#menu_principal .premier_niveau a {
  height: 32px;
}
ul#menu_principal a:hover,
ul#menu_principal em a {
  background-color: #d24608;
  background-image: none;
}
ul#menu_principal ul {
  border: solid #ef560b 1px;
  border-radius: 0 0 5px 5px;
}
ul#menu_principal ul li a {
  color: #ef560b;
}
ul#menu_principal li.premier_item a:hover,
ul#menu_principal li.premier_item em a {
  background-image: url("img_etudiant/menu_principal_hover.png");
}
ul#menu_principal > li {
  border-right: 1px solid #f99200;
  float: left;
  position: relative;
}
ul#menu_principal .chevron {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("img/assets.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 6px;
  width: 9px;
  position: absolute;
  margin: 0;
  right: 6px;
  top: 11px;
}
form#recherche_simple2 .search-button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f99200;
}
form#recherche_simple2 .search-input {
  color: #f99200;
  border: solid #f99200 1px;
}
div#menu_principal_droite {
  display: inline;
  float: right;
  font: 1.25em / 100% "Trebuchet MS";
  height: 42px;
  list-style-type: none;
  padding: 0 5px 0 2px;
  text-transform: uppercase;
}
div#menu_principal_droite div {
  color: #FF0000;
  float: right;
  padding-top: 2px;
  height: 36px;
  padding-right: 5px;
}
div#menu_principal_droite div.search {
  width: 165px;
}
div#menu_principal_droite div.search form#recherche_simple {
  background-image: none;
  color: #000000;
  height: 54px;
  right: 63px;
  width: 165px;
  top: 3px;
}
div#menu_principal_droite div.search form#recherche_simple input#MOTS_CLEFS {
  height: 2em;
  margin-right: 2px;
  margin-top: 0;
  padding-left: 4px;
  vertical-align: middle;
  width: 12px;
}
div#menu_principal_droite div.search form#recherche_simple fieldset {
  height: 54px;
  margin: 2px 0 0 6px;
}
div#menu_principal_droite div.search .search-input {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #EFEFEF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 0 #888888;
  color: #EFEFEF;
  font-size: 12px;
  height: 18px ! important;
  line-height: 14px;
  margin: 0;
  padding: 6px 5px 6px 30px ! important;
  position: relative;
  width: 120px ! important;
  z-index: 1;
}
div#menu_principal_droite div.search .search-input:focus {
  background-color: #ffffff;
  color: #f99200;
}
div#menu_principal_droite div.search .search-input:focus + .search-button {
  background-position: -23px 0px;
}
div#menu_principal_droite div.search .search-input:hover {
  border-color: #ff9d57;
}
div#menu_principal_droite div.search .search-button {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("img/assets.png");
  background-position: -9px 0px;
  background-repeat: no-repeat;
  border: medium none;
  box-shadow: 0 0 0 #888888;
  cursor: pointer;
  float: left;
  height: 14px;
  left: 10px;
  position: absolute;
  text-indent: -9999px;
  top: 10px;
  width: 14px;
  z-index: 8;
}
div#menu_principal_droite div.service {
  width: 39px;
  color: #F8F8FB;
  cursor: pointer;
  border-left: #f99200;
}
div#menu_principal_droite span {
  color: #ffffff;
  size: 30px;
  font-size: 2em;
  cursor: pointer;
  cursor: hand;
}
.icon-settings,
.icon-target,
.icon-cog {
  color: #8E2562 ! important;
  font-size: 1.4em ! important;
  position: relative;
  top: 4px;
}
div#outils_2 {
  background-image: url("img_etudiant/outils_2.png");
}
ul#menu_secondaire ul em a,
ul#menu_secondaire ul em a:hover {
  background-image: url("img_etudiant/menu_secondaire_em2.png");
  color: #d5531d;
}
ul#menu_secondaire em a,
ul#menu_secondaire a:hover {
  color: #d5531d;
}
div.style2 {
  border-color: #dcbbcb;
}
div.style2_deco {
  background-image: url("img_etudiant/style2_deco.png");
}
div.style2 h3 {
  background-color: #ff9900;
  background-image: url("img_etudiant/style2_titre.png");
}
div.commentaires_deco1 h3 {
  background-color: #953061;
  background-image: url("img_etudiant/commentaires_h3.png");
}
li.parite_0 {
  background-image: url("img_etudiant/parite_0.png");
}
li.parite_1 {
  background-image: url("img_etudiant/parite_1.png");
}
div.element_deco h3,
body.formation h3.et_apres {
  background-image: url("img_etudiant/element_deco_h3.png");
}
div.encadre_generique h3,
div.encadre_rubrique h3,
div.encadre_auto_fiche h3,
div.encadre_nav_auto h3 {
  background-color: #ff9900;
  background-image: url("img_etudiant/encadre_generique_titre.png");
}
form#recherche_avancee p.boutons input.valider,
div.encadre_recherche p.button input.valider,
table.objet-formulaire input.bouton {
  background-color: #f28227;
  background-image: url("img_etudiant/recherche_avancee/valider.png");
}
form#recherche_avancee input#parcourir_CODE_RATTACHEMENT,
div.encadre_recherche p.parcourir input.valider {
  background-color: #a16a86;
  background-image: url("img_etudiant/recherche_avancee/parcourir.png");
}
a.zzprecedent {
  background-image: url("img_etudiant/recherche_avancee/precedent.png");
}
a.zzpremier {
  background-image: url("img_etudiant/recherche_avancee/premier.png");
}
a.zzsuivant {
  background-image: url("img_etudiant/recherche_avancee/suivant.png");
}
a.zzdernier {
  background-image: url("img_etudiant/recherche_avancee/dernier.png");
}
.plan-site__2 li {
  background-image: url("img_etudiant/plansite.png");
}
.supprimer_icone,
.repondre_icone {
  background-color: #f99200;
}
#bloc_redacteur_vide {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 10px;
}
#newsletter ul li {
  list-style: disc inside url("img/puce.svg");
}
#newsletter ul li li {
  list-style: disc inside url("img/puce.svg");
}
#popup-services > H2 {
  background: url("img_etudiant/service-button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 26px;
  margin-bottom: 1em;
  padding-left: 30px;
}
#form_saisie_front #valider-formulaire {
  border-top: 1px solid #f99200;
  border-bottom: 1px solid #f99200;
  padding: 1em;
  background-color: #eee;
}
#form_saisie_front #valider-formulaire INPUT {
  border: 1px solid #58585a;
  border-radius: 3px;
  margin-right: 1em;
}
#form_saisie_front #valider-formulaire INPUT:hover {
  color: #f99200;
  cursor: pointer;
  border-color: #f99200;
}
#form_saisie_front LABEL,
#form_saisie_front legend,
#form_saisie_front span.libelle,
#form_saisie_front strong.label {
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}
#form_saisie_front .form_input {
  margin-left: 2em;
}
#form_saisie_front LI {
  list-style: none outside none;
  margin-bottom: 3px;
  margin-top: 3px;
}
#form_saisie_front LI LABEL {
  display: inline;
  font-weight: normal;
}
#menu_modification {
  border-bottom: 1px solid #8e2562;
  border-top: 1px solid #8e2562;
  background-color: #eee;
  padding: 1em;
}
#menu_modification button {
  border: 1px solid #58585a;
  border-radius: 3px;
  margin-right: 1em;
  padding: 1px;
}
#menu_modification button:hover {
  color: #f99200;
  cursor: pointer;
  border-color: #f99200;
}