@charset "utf-8"; /* FEUILLE CSS DE BASE */ /* Table des matières */ /* ---------------------------------------------------------------------- 1= Enrobage (html, body, page, modele) 2= Éléments de TEXTES et de contenu commun à toute la page 3= PIV et Navigation 4= Corps et colonnes (Accueil générale) 4.1 = Menu accueil 4.2 = Zone promotion accueil 4.2.1 = Contenu texte de la zone promotion 4.2.2 MODÈLES DE PROMOTION 4.2.3 Navigation de la zone promotion 4.3 = Colonnes accueil sous promotion 4.3.1 Cadre installations 4.3.2 Cadre actualités 4.3.3 Cadre activités internationales 4.3.4 Cadre formation continue 4.4 = Éléments de niveau 2 4.5 = Popup professeurs 5= Campus 5.0.1 Cadre calendrier des événements 5.1 Campus de La Pocatière 5.2 Campus de Saint-Hyacinthe 6= Formation continue 6.1 = Menu accueil Formation continue 6.2 = Contenu entete formation 6.3 = Cadre "programmation" 6.3.1 = Boutons titre et photos des programmes 6.4 = Cadre "Babillard" 7= Pied de la page */ /* ------------------------------------------------------------------------ 1= Enrobage (html, body, page, modele) ------------------------------------------------------------------------ */ /* Corps de la page */ /* !! La balise est considérée comme la racine de la page, en lui appliquant un height automatique (100%) il est possible d'ajuster un élément enfant exemple:
à 100% (valeur parent) !! Les balises html, body et form sont à 100% et le reste à auto */ html, body { margin: 0; padding: 0; height: 100%; } form { height: auto; margin: 0; padding: 0; } body { margin: 0; padding: 0; text-align: center; font-size:0.85em; /* équivalent de 11px */ font-family: Arial, Helvetica, sans-serif!important; color: #000; background-color: #FFFFFF; } /* Zone page */ #page { position: relative; /* width: 770px; REM par Nurun 2010-07 */ width:957px; height: auto; min-height: 100%; margin: 0 auto 0 auto; text-align: left; vertical-align: top; } /* Modèle de page "Cultive ton avenir" */ #page #modele_avenir { height: auto; background-image: url(/_layouts/PortailIta/Images/acc_page_fondpages.jpg); background-repeat: no-repeat; background-position: center 138px; padding: 0 5px 0 5px; margin: 0; } /* background-position pour IE6 */ * html #page #modele_avenir { background-position: center 140px; } /* ------------------------------------------------------------------------ 2= Éléments de TEXTES et de contenu commun à toute la page ------------------------------------------------------------------------ */ /* Textes... ----- */ a:link { color: #006ab6; text-decoration: underline; } a:visited { color: #6c94b1; text-decoration: underline; } a:hover, a.auDessus { color: #6dc827; text-decoration: underline; } a:active { color: #6dc827; text-decoration: underline; } a:focus { outline:1px dotted #ccc; } p { margin: 0 0 15px 0; } .date { color: #F7941D; font-weight: bold; display: block; margin-bottom: 15px; } /* H1, H2, H3 etc.. */ h1 { font-size: 1.3em; font-weight: bold; padding: 0 30px 15px 0; margin: 0; color: #424242; } .surTitre { font-size: 1.3em; font-weight: bold; padding: 0 30px 15px 0; margin: 0; color: #46A000; } h1.couleurVerte { color: #46A000; } /*h1 span { font-size: 0.8em; font-weight: bold; color: #f79928; }*/ h2 { font-size: 1.3em; font-weight: bold; padding: 0 0 15px 0; margin: 0; color: #46A000; } h2.noir { font-size: 1.2em; font-weight: bold; padding: 0 0 15px 0; margin: 0; color: #000000; } h2.orange { font-size: 1.3em; font-weight: bold; padding: 0 0 15px 0; margin: 0; color: #F79928; } h2.orange span { font-size: 0.7em; font-weight: bold; color: #767677; } h3 { font-size: 1em; font-weight: bold; color: #000000; padding: 0; margin: 0; } h4 { font-size: 1em; font-weight: bold; color: #424242; padding: 0; margin: 10px 0 0 0; } h4.petit { font-size: 0.9em; font-weight: bold; color: #424242; padding: 0; margin: 0; } h4.noir { font-size: 1em; font-weight: bold; color: #000000; padding: 0; margin: 0; } /* Info en bas d'image ou tableau */ .info { font-size: 0.8em; } /* Titre orange dans les listes */ .titre { font-weight: bold; color: #F7941D; } /* Arrêt du flottement (floating) */ .clear { clear: both; line-height: 0px; } /* Flottement (floating) à gauche */ .float_left { float: left; } span.float_left { float: left; margin: 6px 0 0 0; } /* Flottement (floating) à droite */ .float_right { float: right; } /* Alignement centre */ .centre { text-align: center; } /* Tableau de donnée -------------------------------------- */ /* Tableau bordure grise */ table.data_grise { width: 100%; height: auto; border: 2px #CFCFCF solid; margin: 0 0 13px 0; padding: 0; font-size: 0.9em; } table.data_grise tr td { padding: 7px 7px 7px 7px; margin: 0; border: 1px #CFCFCF solid; } table.data_grise tr.head { background: #F1F1F1; font-weight: bold; text-align: center; } table.data_grise tr.head td { vertical-align: middle; } table.data_grise td.center{ text-align: center; } /* Tableau transparent */ table.data_trans { width: 100%; height: auto; margin: 0 0 13px 0; padding: 0; } table.data_trans tr td { padding: 4px 4px 7px 4px; margin: 0; } table.data_trans tr td { vertical-align: top; } table.data_trans tr.middle td { vertical-align: middle; } table.data_trans td.center { text-align: center; } table.data_trans td.nospace { padding: 0; } table.data_trans .petit { font-size: 0.9em; } /* Images et photos */ img { border: none; } /* Image à gauche dans le contenu niveau 2 */ .img_gauche img { float: left; margin: 3px 15px 10px 0; } /* Formulaires */ input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; } /* Fil d'Ariane modifié par AGRG181 #ariane { margin: 0px; position:absolute; top:50px; font-size: 0.9em; color: #f7941d; padding: 0; } */ #ariane { margin: 40px 0 10px 0px; width: 700px; float:left; color: #000000; font-size: 0.9em; } #ariane ul { padding:0; margin: 0 0 0 25px;} #ariane ul li { list-style: none; display: inline; margin-left: 5px; } #ariane ul li.premier { background: none; padding-left: 0;} #ariane ul li.actif { color: Black; } .filArianeFleche { background-image: url('/_layouts/PortailIta/Images/fleche_fil_ariane.gif'); background-repeat: no-repeat; margin-left: 3px; margin-right: 5px; background-position: 0 3px; !background-position: 0 2px; width:12px; height: 11px; display: inline-block;} /* Hack IE7 */ *:first-child+html .filArianeFleche { background-position: 0 0;} .modele_form_niv2 .filArianeFleche { background-image: url('/_layouts/PortailIta/Images/fleche_fil_ariane_formation.gif'); } .modele_form_niv2 #ariane ul li.premier { background: none; } .modele_form_niv2 #ariane ul li.actif { color: White; } #ariane a:link { color: #f7941d; text-decoration: none; } #ariane a:visited { color: #f7941d; text-decoration: none; } #ariane a:hover { color: #f7941d; text-decoration: underline; } #ariane a:active { color: #f7941d; text-decoration: underline; } #ariane a.actif { color: #000; text-decoration: none; } #ariane a.actif:hover { text-decoration: underline; } /* Haut de page */ .hautpage { padding: 0 0 0 13px; margin: 40px 0 0 0; color: #767677; font-size: 0.75em; background: url(/_layouts/PortailIta/Images/fleche_haut.gif) no-repeat left 5px; } /* Haut de page lorsque lien retour au-dessus */ .hautpage_retour { padding: 0 0 0 13px; margin: 3px 0 0 0; color: #767677; font-size: 0.75em; background: url(/_layouts/PortailIta/Images/fleche_haut.gif) no-repeat left 5px; } /* Retour page précédente */ .retour { padding: 0 0 0 0; margin: 40px 0 15px 0; color: #767677; font-size: 0.9em; } /* Lien gris */ .lien_gris { color: #767677; font-size: 0.9em; } .hautpage a:link, .hautpage_retour a:link, .retour a:link, .lien_gris a:link { color: #767677; text-decoration: none; } .hautpage a:visited, .hautpage_retour a:visited, .retour a:visited, .lien_gris a:visited { color: #767677; text-decoration: none; } .hautpage a:hover, .hautpage_retour a:hover, .retour a:hover, .lien_gris a:hover { color: #767677; text-decoration: underline; } .hautpage a:active, .hautpage_retour a:active, .retour a:active, .lien_gris a:active { color: #767677; text-decoration: underline; } /* (Table des matières des gabarits XHTML) */ #index { font-size: 1.14em; margin: 0 45px 0 45px; padding: 0; background: white; } #index ul { margin: 0 0 0 20px; padding: 0; } #index li { margin: 4px 0 4px 0; padding: 4px 0 15px 13px; list-style: none; line-height: 1.2em; border: 1px solid orange; } #index li li { margin: 10px 10px 4px 0; padding: 4px 0 15px 13px; list-style: none; line-height: 1.2em; border: 1px solid green; } .note { font-size: 0.85em; padding: 4px; margin: 10px 10px 4px 0; border: 1px solid #FFCC33; background: #FFFFCC; } .strong { font-weight: bold; } /* ------------------------------------------------------------------------ 3= PIV et Navigation ------------------------------------------------------------------------ */ /* PIV de l'ITA */ #piv { /* width: 760px; REM par Nurun - 2010-07 */ width:947px; height: 100px; font-size:0.90em; margin:0 auto; padding:0; } #logo { float:left; margin:0; padding:0; width:200px; } #contenant-nav-piv { float:left; margin:0; padding:55px 0 0 0; width:747px; } #nav-piv { float:left; margin:0; padding:0; width:747px; } #piv ul { background-color:#003399; color:#FFFFFF; font-size:91%; list-style:none outside none; margin:0; padding:2px 0; position:relative; } #piv ul li { display:inline; padding:0 7px; } #piv a { color:#FFFFFF; text-decoration:none; } /* NAVIGATION HORIZONTALE */ #nav { /* width: 760px; REM par Nurun - 2010-07 */ width:947px; height: 44px; } #nav ul { list-style:none; margin:0;padding:0; position: relative; /* Add par Nurun JM */ float: left; } #nav ul li { display:inline; float: left; /* Add par Nurun JM * pour que le LI conserve sa largeur */ } #nav ul li ul li { display:block; float: none; /* Add par Nurun JM */ } /* Bouton ITA */ #nav .bt_ita a { float: left; width: 268px; height:0; overflow:hidden; margin-top:2px; padding-top:44px; background: url(/_layouts/PortailIta/Images/nav/nav_bt_ita.gif); } /* Bouton Campus de La Pocatière */ #nav .bt_poc a { float: left; /* width: 96px; REM par Nurun - 2010-07 */ width:116px; /*height:0;*/ overflow:hidden; padding-top:38px; background: url(/_layouts/PortailIta/Images/nav/nav_bt_poc.gif); } #nav .bt_poc a.actif, #nav .bt_hya a.actif:hover, #nav .bt_poc a.actif:hover, #nav .bt_poc a:hover, #nav .bt_hya a.actif, #nav .bt_hya a:hover {padding-top: 0px; z-index: 99; position: absolute; top: 0; left: 0; height: 38px; background-position: 0 -38px;} #nav .bt_poc { height: 38px; width: 116px; position: relative;} #nav .bt_hya { height: 38px; width: 140px; position: relative;} #nav .bt_poc_off { float: left; width: 96px; height: 38px; } /* Bouton Campus de Saint-Hyacinthe */ #nav .bt_hya a { float: left; /* width: 120px; REM par Nurun - 2010-07 */ width: 140px; height:0; overflow:hidden; padding-top: 38px; background: url(/_layouts/PortailIta/Images/nav/nav_bt_hya.gif); } #nav .bt_hya_off { float: left; width: 120px; height: 38px; } /* ZONE DOC */ #nav .zone_doc { float: left; /* width: 159px; REM par Nurun - 2010-07 */ width: 247px; height: 38px; } /* Liste à puce de la zone doc */ #nav .zone_doc ul { font-size: .83em; margin: 4px 0 0 0; padding: 0; } /* !! La valeur "line-height" doit être définit sinon IE7 utilise sa valeur par défaut dans le
  • !! */ #nav .zone_doc li { margin: 0 0 0 11px; padding: 0 0 6px 13px; list-style: none; line-height: 9px; background: transparent url(/_layouts/PortailIta/Images/nav/puce_orange.gif) no-repeat 0 3px; } #nav .zone_doc a:link { color: #000000; text-decoration: none; } #nav .zone_doc a:visited { color: #000000; text-decoration: none; } #nav .zone_doc a:hover, #nav .zone_doc a.auDessus { color: #6dc827; text-decoration: underline; } #nav .zone_doc a:active { color: #6dc827; text-decoration: underline; } /* Zone Recherche */ #nav .zone_rech { float: left; /* width: 117px; REM par Nurun - 2010-07 */ width: 176px; height: 38px; background: url(/_layouts/PortailIta/Images/nav/zone_rech_fond.gif); } /* Champ texte recherche */ #nav .zone_rech input.rech_input { float: left; font-size:0.75em; /* width: 84px; REM par Nurun - 2010-07 */ width: 139px; height: 14px; margin: 5px 0 0 5px; padding: 0; border: 1px solid #e4e4e4; } /* Bouton Recherche (loupe) */ #nav .zone_rech .rech_bt { float: left; background:url(/_layouts/PortailIta/Images/nav/acc_bt_rech_over.png) no-repeat top left; width:19px; height:19px; margin:3px 3px 0 3px; border:0; padding:0; cursor: pointer; } #nav .zone_rech .rech_bt:hover, #nav .zone_rech .rech_bt_auDessus { background:url(/_layouts/PortailIta/Images/nav/acc_bt_rech_over.png) no-repeat top left; } /* Lien de recherche avancée */ #nav .zone_rech a { float: left; width: 140px; margin: 2px 0 0 5px; padding: 0; font-size: 0.75em; color: #FFFFFF; } #nav .zone_rech a:link { color: #FFFFFF; text-decoration: none; } #nav .zone_rech a:visited { color: #FFFFFF; text-decoration: none; } #nav .zone_rech a:hover, #nav .zone_rech a.auDessus { color: #FFFFFF; text-decoration: underline; } #nav .zone_rech a:active { color: #FFFFFF; text-decoration: underline; } /* Bouton "Nous joindre" */ .bt_joindre a { position:absolute; width: 117px; height: 16px; right:5px; top:73px; background: url(/_layouts/PortailIta/Images/promo/bt_joindre.gif) no-repeat; } .bt_joindre a:hover { background: url(/_layouts/PortailIta/Images/promo/bt_joindre_over.gif) no-repeat; } /* ------------------------------------------------------------------------ 4= Corps et colonnes (Accueil générale) ------------------------------------------------------------------------ */ /* !! La propriété "clear: both" arrête le flottement (floating) de la zone de navigation, ce qui permet à l'élément suivant de se positionner normalement !! */ #corps { clear: both; /* width: 760px; REM par Nurun - 2010-07 */ width: 947px; height: auto; overflow:hidden; position:relative; } #corps #espace_gauche { float:left; width:175px; padding: 5px 0 0 19px; } #corps #col_menu { width: 175px; height: auto; min-height: auto; } #corps #col_contenu { float: left; /* width: 566px; REM par Nurun - 2010-07 */ width: 753px; height: auto; } /*#corps #col_pub { float: left; width: 175px; height: auto; top:-10px; min-height: auto; padding: 0 0 0 0; position:relative; } div.CSSphPub { float: left; width: 175px; height: auto; left:-193px; top:368px; min-height: auto; padding: 5px 0 0 18px; position:relative; }*/ div.EspacePub ul li { margin-bottom:2em; } div.EspacePubCampus { position:relative; float: left; margin-left:20px; /*top:-430px; FON */ top:-410px; /* presse */ } div.EspacePub { text-align: center; margin-left: auto; margin-right: auto;} /* ------------------------------------------------------------------------ 4.1 = Menu accueil ------------------------------------------------------------------------ */ /* Cadre du menu */ #menu_acc { width: 175px; margin: 0; font-size: 0.9em; } #menu_acc .entete_ita { /* padding: 56px 0 50px 0; REM par Nurun - 2010-07 */ margin: 0; } #menu_acc .pied_vert { padding: 0 0 60px 0; } #menu_acc .pied_blanc { padding: 0 0 60px 0; background: url(/_layouts/PortailIta/Images/menu_acc/acc_menu_bas_blanc.gif) no-repeat left bottom; } /* Liste à puce du menu */ #menu_acc .row_blanc li { margin: 0 0 0 0; background-color: #FFFFFF; border-bottom: 1px solid #CFCFCF; } #menu_acc .row_jaune li { margin: 0 0 0 0; background-color: #cebf0e; border-bottom: 1px solid #cebf0e; } #menu_acc .row_vert li { margin: 0 0 0 0; background-color: #BAD370; border-bottom: 1px solid #82993f; } /* Liste niveau 1 */ /* !! Le "list-style-position: outside;" doit être défini, car IE prend la valeur "inside" par défaut !! */ #menu_acc ul {margin:0;padding:0;} #menu_acc li { margin: 0 0 0 5px; padding:8px 8px 4px 18px; list-style: none; list-style-position: outside; line-height: 1.2em; } #menu_acc li a { padding: 0 0 4px 0; } #menu_acc li a.selected, #menu_acc li a.AspNet-Menu-Selected { font-weight:bold; } /* Liste niveau 2 */ #menu_acc li ul { margin:4px -8px -4px -18px; } #menu_acc li ul li { list-style: none; list-style-position: outside; line-height: 1.2em; background: white url(/_layouts/PortailIta/Images/nav/puce_orange.gif) no-repeat 18px 8px!important; border-bottom: 1px solid #CFCFCF!important; padding-left:30px; } /* Texte du menu */ #menu_acc a:link { color: #424242; text-decoration: none; } #menu_acc a:visited { color: #424242; text-decoration: none; } #menu_acc a:hover, #menu_acc a.auDessus { color: #727272; text-decoration: none; } #menu_acc a:active { color: #727272; text-decoration: none; } /* ----------------------------------------------------------------------- Menu Principal du haut --------------------------------------------------------------------------*/ .menu-principal li {display:inline;} /* ------------------------------------------------------------------------ 4.1.1 = Menu accueil Campus ------------------------------------------------------------------------ */ #menu_acc .entete_ita_niv2 { padding: 56px 0 50px 0; margin: 0; background: url(/_layouts/PortailIta/Images/menu_acc/acc_menu_haut_campus.gif) no-repeat left top; } #menu_acc .pied_orange { padding: 0 0 60px 0; } #menu_acc .row_orange { padding: 0; margin: 0 0 0 0; /*background-color: #F79928; border-bottom: 1px solid #FFBF73;*/ } #menu_acc .row_orange li { background-color: #F79928; margin: 0; border-bottom: 1px solid #FEC073; } #menu_acc .row_orange_sans_ligne { padding: 3px 0 0 0; margin: 0 0 0 0; background-color: #F79928; border-bottom: 1px solid #F79928; } /* ------------------------------------------------------------------------ 4.1.2 = Menu accueil gris ------------------------------------------------------------------------ */ #menu_acc .entete_gris { width: 175px; padding: 62px 0 50px 0; background: url(/_layouts/PortailIta/Images/menu_acc/acc_menu_haut_gris.gif) no-repeat left top; } #menu_acc .pied_gris { padding: 0 0 60px 0; background: url(/_layouts/PortailIta/Images/menu_acc/acc_menu_bas_gris.gif) no-repeat left bottom; } #menu_acc .row_gris { padding: 3px 0 0 0; margin: 0 0 0 0; background-color: #EFEFEF; border-bottom: 1px solid #A9A9A9; } #menu_acc .row_gris_sans_ligne { padding: 3px 0 0 0; margin: 0 0 0 0; background-color: #EFEFEF; border-bottom: 1px solid #EFEFEF; } /* ------------------------------------------------------------------------ 4.2 = Zone promotion accueil ------------------------------------------------------------------------ */ /* Logo externe */ .logoExterne { float: left; clear: left; width: 100%; } /* Cadre promotion */ #promo { /* width: 559px; REM par Nurun - 2010-07 */ width: 746px; height: 245px; margin: 0 0 0 8px; padding: 0; } /* Titre "Cultive ton avenir" */ #promo .titre { padding: 0; width: 344px; height:0; padding-top:50px; overflow:hidden; margin: 0 auto 20px 115px; background: url(/_layouts/PortailIta/Images/promo/titre_cultive_avenir.gif) no-repeat; } /* 4.2.1 = Contenu texte de la zone promotion */ /* ...................................*/ #promo #contenu_promo { clear: both; /* width: 264px; REM par Nurun - 2010-07 */ width: 420px; height: 126px; margin: 0 25px 0 268px; padding: 0; } #promo #contenu_promo p { clear: both; line-height: 14px; padding: 0 10px 0 0; margin: 0; } #promo #contenu_promo a { color: #000000; text-decoration: none; } #promo #contenu_promo a:link { color: #000000; text-decoration: none; } #promo #contenu_promo a:visited { color: #000000; text-decoration: none; } #promo #contenu_promo a:hover { color: #757575; text-decoration: underline; } #promo #contenu_promo a:active { color: #757575; text-decoration: underline; } /* 4.2.2 MODÈLES DE PROMOTION */ /* ...................................*/ #promo .bt_titre a { padding: 0 0 8px 0; } /* TE */ .modele_te { background: url(/_layouts/PortailIta/Images/promo/promo_te.png) no-repeat top left; } .modele_te .bt_titre a { float: left; width: 241px; height: 46px; background: url(/_layouts/PortailIta/Images/promo/bt_te.gif) no-repeat; } .modele_te .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/promo/bt_te_over.gif) no-repeat; } /* PCHO */ .modele_pcho { background: url(/_layouts/PortailIta/Images/promo/promo_pcho.png) no-repeat top left; } .modele_pcho .bt_titre a { float: left; width: 241px; height: 46px; background: url(/_layouts/PortailIta/Images/promo/bt_pcho.gif) no-repeat; } .modele_pcho .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/promo/bt_pcho_over.gif) no-repeat; } /* TPQA */ .modele_tta { background: url(/_layouts/PortailIta/Images/promo/promo_tpqa.png) no-repeat top left; } .modele_tta .bt_titre a { float: left; width: 241px; height: 46px; background: url(/_layouts/PortailIta/Images/promo/bt_tpqa.gif) no-repeat; } .modele_tta .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/promo/bt_tpqa_over.gif) no-repeat; } /* TGA */ .modele_tga { background: url(/_layouts/PortailIta/Images/promo/promo_tga.png) no-repeat top left; } .modele_tga .bt_titre a { float: left; width: 241px; height: 46px; background: url(/_layouts/PortailIta/Images/promo/bt_tga.gif) no-repeat; } .modele_tga .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/promo/bt_tga_over.gif) no-repeat; } /* TPA */ .modele_tpa { background: url(/_layouts/PortailIta/Images/promo/promo_tpa.png) no-repeat top left; } .modele_tpa .bt_titre a { float: left; width: 241px; height: 46px; background: url(/_layouts/PortailIta/Images/promo/bt_tpa.gif) no-repeat; } .modele_tpa .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/promo/bt_tpa_over.gif) no-repeat; } /* GEEA */ .modele_geea { background: url(/_layouts/PortailIta/Images/promo/promo_geea.png) no-repeat top left; } .modele_geea .bt_titre a { float: left; width: 241px; height: 46px; background: url(/_layouts/PortailIta/Images/promo/bt_geea.gif) no-repeat; } .modele_geea .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/promo/bt_geea_over.gif) no-repeat; } /* TPHE */ .modele_tphe { background:url(/_layouts/PortailIta/Images/promo/promo_tphe.png) no-repeat top left; } .modele_tphe .bt_titre a { float: left; width: 241px; height: 46px; background: url(/_layouts/PortailIta/Images/promo/bt_tphe.gif) no-repeat; } .modele_tphe .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/promo/bt_tphe_over.gif) no-repeat; } /* background-position pour IE6 */ * html .modele_te, * html .modele_pcho, * html .modele_tphe, * html .modele_geea, * html .modele_tpa, * html .modele_tga, * html .modele_tta { background-position: left 6px; } /* 4.2.3 Navigation de la zone promotion */ /* ...................................*/ #promo #nav_promo { clear: both; width: 234px; height: 15px; /* margin: 0 55px 0 268px; REM par Nurun - 2010-07 */ margin: 0 55px 0 298px; padding: 12px 0 0 0; } /* Padding pour IE6 */ * html #promo #nav_promo { padding: 10px 0 0 0; } /* Bouton "Précédent" */ #promo .bt_precedent a { float: left; width: 66px; height: 15px; background: url(/_layouts/PortailIta/Images/promo/bt_precedent.gif) no-repeat; } #promo .bt_precedent a:hover, #promo .bt_precedent a.auDessus { background: url(/_layouts/PortailIta/Images/promo/bt_precedent_over.gif) no-repeat; } /* Bouton "Suivant" */ #promo .bt_suivant a { float: left; width: 53px; height: 15px; background: url(/_layouts/PortailIta/Images/promo/bt_suivant.gif) no-repeat; } #promo .bt_suivant a:hover, #promo .bt_suivant a.auDessus { background: url(/_layouts/PortailIta/Images/promo/bt_suivant_over.gif) no-repeat; } /* Séparateur verticale */ #promo .nav_separ { float: left; width: 13px; height: 15px; background: url(/_layouts/PortailIta/Images/promo/separ_promo.gif) no-repeat center top; } /* ------------------------------------------------------------------------ 4.3 = Colonnes accueil sous promotion ------------------------------------------------------------------------ */ /* Colonne gauche accueil installations et actualites */ .col_g_acc_insta { float: left; /* width: 300px; REM par Nurun - 2010-07 */ width: 392px; height: auto; margin: 250px 0 0 0; padding: 0 0 0 11px; } /* Colonne droite accueil activités et formation */ .col_d_acc_act { float: left; /* width: 214px; REM - par AGRG181*/ width: 307px; height: auto; margin: 250px 17px 0 0px; padding: 0; } /* 4.3.1 Cadre installations */ /* ...................................*/ #cadre_insta { /* width: 300px; background: url(/_layouts/PortailIta/Images/cadre_acc/c_insta_centre.jpg) repeat-y left top; REM par Nurun - 2010-07 */ width:362px; background:none; margin: 8px 0 20px 0; padding: 0 0 0 0; } #cadre_insta .pied { padding: 0 0 10px 0; /* background: url(/_layouts/PortailIta/Images/cadre_acc/c_insta_bas.jpg) no-repeat left bottom; REM par Nurun - 2010-07 */ background: url(/_layouts/PortailIta/Images/cadre_acc/c_insta_bas.gif) no-repeat left bottom; } /* pied pour IE6 */ * html #cadre_insta .pied { padding: 0 0 25px 0; } #cadre_insta .wrap { min-height: 188px; /* background: url(/_layouts/PortailIta/Images/cadre_acc/c_insta_haut.jpg) no-repeat left top; REM par Nurun - 2010-07 */ background: url(/_layouts/PortailIta/Images/cadre_acc/c_insta_haut.gif) no-repeat left top; padding: 20px 10px 7px 158px; } #cadre_insta p , #cadre_insta p a { color: #FFFFFF; font-size: 0.9em; text-decoration: none; margin: 0 0 10px 0; padding: 0; } #cadre_insta a:link { color: #FFFFFF; text-decoration: none; } #cadre_insta a:visited { color: #FFFFFF; text-decoration: none; } #cadre_insta a:hover { color: #FFFFFF; text-decoration: underline; } #cadre_insta a:active { color: #FFFFFF; text-decoration: underline; } #cadre_insta .bt_titre a { display: block; /* width: 138px; REM par Nurun - 2010-07 */ width: 152px; height: 79px; margin: 0 0 8px 0; background: url(/_layouts/PortailIta/Images/cadre_acc/c_insta_bt_titre.gif) no-repeat; } #cadre_insta .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/cadre_acc/c_insta_bt_titre.gif) no-repeat; } #cadre_insta .bt_savoir a { display: block; width: 84px; height: 13px; margin: 0; padding: 0; background: url(/_layouts/PortailIta/Images/cadre_acc/c_insta_bt_savoir.gif) no-repeat; } #cadre_insta .bt_savoir a:hover, #cadre_insta .bt_savoir a.auDessus { background: url(/_layouts/PortailIta/Images/cadre_acc/c_insta_bt_savoir_over.gif) no-repeat; } .logosExternes { clear: left; text-align: center;} /* 4.3.2 Cadre actualités */ /* ...................................*/ #cadre_act { /* width: 278px; REM par Nurun - 2010-07 */ width: 336px; margin: 0 0 20px 22px; padding: 0 0 0 0; background: url(/_layouts/PortailIta/Images/cadre_acc/c_act_centre.gif) repeat-y left top; } .col_g_acc_form #cadre_act{ margin: 10px 0 20px 12px; } #cadre_act .pied { padding: 0 0 10px 0; background: url(/_layouts/PortailIta/Images/cadre_acc/c_act_bas.gif) no-repeat left bottom; } #cadre_act .wrap { min-height: 188px; background: url(/_layouts/PortailIta/Images/cadre_acc/c_act_haut.gif) no-repeat left top; padding: 0 14px 0 13px; } #cadre_act, #cadre_act a { color: #757575; text-decoration: none; } #cadre_act a:link { color: #757575; text-decoration: none; } #cadre_act a:visited { color: #757575; text-decoration: none; } #cadre_act a:hover, #cadre_act a.auDessus { color: #757575; text-decoration: underline; } #cadre_act a:active { color: #757575; text-decoration: underline; } #cadre_act .bt_titre a { position: relative; display: block; width: 193px; height: 19px; margin: 0 0 8px 0; left: -13px; top: 0; background: url(/_layouts/PortailIta/Images/cadre_acc/c_act_bt_titre.gif) no-repeat; } #cadre_act .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/cadre_acc/c_act_bt_titre_over.gif) no-repeat; } /* Liste à puce du cadre actualités */ #cadre_act ul { font-size: 0.9em; margin: 9px 0 0 0; padding: 0; } #cadre_act li { margin: 0 0 0 0; padding: 0 0 15px 13px; list-style: none; line-height: 1.2em; background: transparent url(/_layouts/PortailIta/Images/puce_grise.gif) no-repeat 0 5px; } #cadre_act li.strong { font-weight: bold; padding: 0 0 0 11px; } #cadre_act li span { font-weight: bold; color: #006AB6; } /* 4.3.3 Cadre activités internationales */ /* ...................................*/ #cadre_inter { /* width: 214px; REM par Nurun - 2010-07 */ width: 336px; margin: 8px 0 20px 0; padding: 0 0 0 0; background: url(/_layouts/PortailIta/Images/cadre_acc/c_inter_centre.gif) repeat-y left top; } #cadre_inter .pied { padding: 0 0 10px 0; margin: 0; background: url(/_layouts/PortailIta/Images/cadre_acc/c_inter_bas.gif) no-repeat left bottom; } #cadre_inter .wrap { background: url(/_layouts/PortailIta/Images/cadre_acc/c_inter_haut.gif) no-repeat left top; padding: 8px 10px 0 12px; } #cadre_inter .contenu { /* width: 160px; margin: 10px 10px 0 28px; REM par Nurun - 2010-07 */ width:auto; margin:10px 10px 0 35px; padding: 0; } #cadre_inter p , #cadre_inter p a { color: #000000; font-size: 0.9em; text-decoration: none; margin: 0 0 10px 0; padding: 0; } #cadre_inter a:link { color: #000000; text-decoration: none; } #cadre_inter a:visited { color: #000000; text-decoration: none; } #cadre_inter a:hover { color: #000000; text-decoration: underline; } #cadre_inter a:active { color: #000000; text-decoration: underline; } #cadre_inter .bt_titre a { display: block; /* width: 141px; height: 32px; margin: 0 0 8px 0; REM par Nurun - 2010-07 */ background: url(/_layouts/PortailIta/Images/cadre_acc/c_inter_bt_titre.gif) no-repeat; width:169px; height:45px; margin:25px 0 0 35px; } #cadre_inter .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/cadre_acc/c_inter_bt_titre.gif) no-repeat; } #cadre_inter .bt_savoir a { display: block; width: 84px; height: 13px; margin: 0 0 0 0; padding: 0; background: url(/_layouts/PortailIta/Images/cadre_acc/c_insta_bt_savoir.gif) no-repeat; } #cadre_inter .bt_savoir a:hover, #cadre_inter .bt_savoir a.auDessus { background: url(/_layouts/PortailIta/Images/cadre_acc/c_insta_bt_savoir_over.gif) no-repeat; } /* 4.3.4 Cadre formation continue */ /* ...................................*/ #cadre_form { /* width: 214px; REM par Nurun - 2010-07 */ width: 336px; margin: 0 0 20px 0; padding: 0 0 0 0; background: url(/_layouts/PortailIta/Images/cadre_acc/c_form_centre.gif) repeat-y left top; } #cadre_form .pied { padding: 0 0 15px 0; background: url(/_layouts/PortailIta/Images/cadre_acc/c_form_bas.gif) no-repeat left bottom; } #cadre_form .wrap { min-height: 10px; padding: 0 10px 0 12px; } #cadre_form , #cadre_form a { color: #000000; text-decoration: none; } #cadre_form a:link { color: #006AB6; font-weight: bold; text-decoration: none; } #cadre_form a:visited { color: #006AB6; font-weight: bold; text-decoration: none; } #cadre_form a:hover, #cadre_form a.auDessus { color: #6DC827; font-weight: bold; text-decoration: underline; } #cadre_form a:active { color: #6DC827; font-weight: bold; text-decoration: underline; } /* Liste à puce du cadre formation continue */ #cadre_form ul { font-size: 0.9em; margin: 4px 0 0 0; padding: 0; } #cadre_form li { margin: 0 0 0 0; padding: 0 0 15px 11px; list-style: none; line-height: 1.2em; background: transparent url(/_layouts/PortailIta/Images/puce_grise.gif) no-repeat 0 5px; } #cadre_form li.strong { font-weight: bold; padding: 0 0 0 11px; } /* class "last" à placer sur le dernière élément de la liste (gestion visuel) */ #cadre_form li.last { padding: 0 0 0 11px; } #cadre_form li span { font-weight: bold; color: #006AB6; } /* Bouton titre formation */ #cadre_form .bt_titre a { display: block; /* width: 214px; REM par Nurun - 2010-07 */ width: 336px; height: 44px; margin: 0 0 8px 0; background: url(/_layouts/PortailIta/Images/cadre_acc/c_form_bt_titre.gif) no-repeat; } #cadre_form .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/cadre_acc/c_form_bt_titre_over.gif) no-repeat; } /* ------------------------------------------------------------------------ 4.4 = Éléments de niveau 2 ------------------------------------------------------------------------ */ .modele_niv2 { background: url(/_layouts/PortailIta/Images/campus/niv2_fond.jpg) no-repeat left 12px; } /* Cadre de contenu du niveau 2 */ #cadre_niv2 { float: left; width: 725px; height: auto; background: url(/_layouts/PortailIta/Images/campus/c_niv2_centre.gif) repeat-y left top; margin: 0px 0px 0px 17px; } #cadre_niv2 .entete { background: url(/_layouts/PortailIta/Images/campus/c_niv2_haut.gif) no-repeat 2px top; padding-top: 10px; } #cadre_niv2 .pied { padding: 45px 30px 50px 30px; background: url(/_layouts/PortailIta/Images/campus/c_niv2_bas.gif) no-repeat left bottom; min-height: 180px; } /* Cadre de contenu du niveau 2 (Formation continue) */ .modele_form_niv2 #courbe_verte_g { background-image:none!important; } .modele_form_niv2 #courbe_verte_d { background-image:none!important; } .modele_form_niv2 #courbe_orange_g { position: absolute; width: 9px; height: 72px; left: 215px; top: 236px; background: url(/_layouts/PortailIta/Images/formation/b_org_gauche.gif) no-repeat; } .modele_form_niv2 #courbe_orange_d { position: absolute; width: 18px; height: 84px; left: 920px; top: 224px; background: url(/_layouts/PortailIta/Images/formation/b_org_droite.gif) no-repeat; } .modele_form_niv2 #cadre_niv2 { background:url(/_layouts/PortailIta/Images/campus/c_niv2_centre.gif) repeat-y scroll -5px top; float:left; height:auto; margin:9px 0 0 21px; width:725px; } .modele_form_niv2 #cadre_niv2 .entete { background:url("/_layouts/PortailIta/Images/formation/c_niv2_haut.gif") no-repeat scroll left top; padding:0; } .modele_form_niv2 #cadre_niv2 .pied { padding:66px 30px 50px; background:url(/_layouts/PortailIta/Images/campus/c_niv2_bas.gif) no-repeat scroll -4px bottom; } /* Liste à puce de la zone de contenu du niveau 2 */ #cadre_niv2 ul { font-size: 0.9em; margin: 4px 0 7px 0; padding: 0; } #cadre_niv2 ul li { margin: 0 0 0 2px; padding: 0 0 6px 13px; list-style: none; line-height: 1.2em; background: transparent url(/_layouts/PortailIta/Images/puce_grise.gif) no-repeat 0 5px; } #cadre_niv2 .evenements ul li { padding: 0 0 0 0; list-style: none; line-height: 1.2em; background: none; list-style-type:none } #cadre_niv2 .communique ul li { padding: 0 0 0 0; list-style: none; line-height: 1.2em; background: none; list-style-type:none } #cadre_niv2 ol { font-size: 0.9em; margin: 4px 0 7px 20px; padding: 0 0 0 0; color: #767677; } #cadre_niv2 ol li { margin: 0 0 0 0; padding: 0 0 6px 0; line-height: 1.2em; list-style: none decimal outside; } /* Padding pour IE6 */ *+html #cadre_niv2 ol li { margin: 0 0 0 10px; } #cadre_niv2 ol li span { color: #000000; } /* Espace supplémentaire entre les éléments LI */ #cadre_niv2 ul.vspace li { padding: 0 0 15px 13px; } /* Entête de l'accueil niv2 */ #entete_niv2 { width: 755px; margin: 0; padding: 0; min-height: 259px; margin-top:14px; } /* !! espace vertical réservé au bouton campus dans le niveau 2 des campus (même structure)!! */ #espace_bt_niv2 { position: relative; float: left; width: 96px; height: 48px; } /* Bouton "Nous joindre" */ #entete_niv2 .bt_joindre a { float: right; width: 117px; height: 16px; margin: 0 0 0 0; background: url(/_layouts/PortailIta/Images/promo/bt_joindre.gif) no-repeat; } #entete_niv2 .bt_joindre a:hover { background: url(/_layouts/PortailIta/Images/promo/bt_joindre_over.gif) no-repeat; } /* Habillage ligne courbe verte !! Les deux côtés du cadre_niv2 doivent être ajoutés par dessus le cadre, car celui est étirable verticalement et la position de départ de l'entête peut varier selon le fil d'ariane !! */ #entete_niv2 #courbe_verte_g { position: absolute; float: left; width: 31px; height: 30px; top: 240px; left: 194px; background: url(/_layouts/PortailIta/Images/campus/courbe_vert_g.gif) no-repeat; } /* top pour IE6 */ * html #entete_niv2 #courbe_verte_g { top: 225px; } #entete_niv2 #courbe_verte_d { position: absolute; float: left; width: 15px; height: 27px; left: 921px; top: 225px; background: url(/_layouts/PortailIta/Images/campus/courbe_vert_d.gif) no-repeat; } /* Modèles d'icones petits pour la formation initiale */ .ico_form_pcho { width: 32px; height: 28px; margin: 0 0 6px 0; background: url(/_layouts/PortailIta/Images/campus/icone_form_pcho.gif) no-repeat; } .ico_form_tta { width: 32px; height: 28px; margin: 0 0 6px 0; background: url(/_layouts/PortailIta/Images/campus/icone_form_tta.gif) no-repeat; } .ico_form_tga { width: 32px; height: 28px; margin: 0 0 6px 0; background: url(/_layouts/PortailIta/Images/campus/icone_form_tga.gif) no-repeat; } .ico_form_tpa { width: 32px; height: 28px; margin: 0 0 6px 0; background: url(/_layouts/PortailIta/Images/campus/icone_form_tpa.gif) no-repeat; } .ico_form_geea { width: 32px; height: 28px; margin: 0 0 6px 0; background: url(/_layouts/PortailIta/Images/campus/icone_form_geea.gif) no-repeat; } .ico_form_tphe { width: 32px; height: 28px; margin: 0 0 6px 0; background: url(/_layouts/PortailIta/Images/campus/icone_form_tphe.gif) no-repeat; } .ico_form_te { width: 32px; height: 28px; margin: 0 0 6px 0; background: url(/_layouts/PortailIta/Images/campus/icone_form_te.gif) no-repeat; } /* Image coin gauche qui remplace le menu dans les sections nous joindre, actualités... */ #img_coin_g { width: 175px; height: 243px; background: url(/_layouts/PortailIta/Images/niv2/img_coin_g.gif) no-repeat right 21px; } /* Navigation du niv2 (suivant | précédent) */ /* ...................................*/ #nav_niv2 { clear: both; width: 234px; height: 15px; margin: 25px 0 40px 0; padding: 0 0 0 0; } /* Padding pour IE6 */ * html #nav_niv2 { /* padding: 10px 0 0 0;*/ } /* Bouton "Précédent" */ #nav_niv2 .bt_precedent a { float: left; width: 65px; height: 15px; background: url(/_layouts/PortailIta/Images/niv2/bt_precedent.gif) no-repeat; } #nav_niv2 .bt_precedent a:hover { background: url(/_layouts/PortailIta/Images/niv2/bt_precedent_over.gif) no-repeat; } /* Bouton "Suivant" */ #nav_niv2 .bt_suivant a { float: left; width: 52px; height: 15px; background: url(/_layouts/PortailIta/Images/niv2/bt_suivant.gif) no-repeat; } #nav_niv2 .bt_suivant a:hover { background: url(/_layouts/PortailIta/Images/niv2/bt_suivant_over.gif) no-repeat; } /* Séparateur verticale */ #nav_niv2 .nav_separ { float: left; width: 13px; height: 15px; background: url(/_layouts/PortailIta/Images/niv2/separ_nav_niv2.gif) no-repeat center; } #cadre_niv2 .zone_rech { float: left; margin: 0 0 13px 0; padding: 0; } /* Bouton Recherche (loupe) */ #cadre_niv2 input.rech_bt { float: left; width: 19px; height: 19px; margin: 4px 0 0 5px; padding: 0; } /* Bouton Recherche (fleche ->) */ #cadre_niv2 input.fleche_d_bt { float: left; width: 19px; height: 19px; margin: 4px 0 0 6px; padding: 0; } /* Champ texte recherche */ #cadre_niv2 input.rech_input { float: left; font-size: 10px; width: 170px; height: 17px; margin: 5px 0 0 0; padding: 0; border: 1px solid #999999; } /* Cocher case */ #cadre_niv2 input.cocher { width: 30px; height: 15px; margin: 4px 0 0 0; padding: 0 0 0 0; } /* Select centre de presse */ #cadre_niv2 select.select_presse { float: left; margin: 4px 0 0 6px; padding: 0 0 0 0; border: 1px solid #999999; } /* Cadre événement gris */ .cadre_even { border: 3px solid #CFCFCF; padding: 10px 10px 10px 10px; } .listeEvenements li { list-style-type:none; } /* Exergue */ .exergue { margin: 5px 0 18px 0; padding: 10px; background: #F1F1F1; border: #CFCFCF 1px solid; } /* ------------------------------------------------------------------------ 4.5 = Popup professeurs ------------------------------------------------------------------------ */ /* Modèle de page "popup professeurs" */ #page #modele_popup { height: auto; min-height: 446px; height: auto; background-image: url(/_layouts/PortailIta/Images/niv2/popup_fond.jpg); background-repeat: no-repeat; background-position: center top; padding: 0 5px 0 5px; margin: 0; } /* Entête du popup prof */ .entete_popup { width: 647px; height: auto; padding: 0 71px 0 42px; margin: 0; } /* Menu gris popup */ #menu_acc .entete_gris_popup { width: 175px; padding: 62px 0 50px 0; background: url(/_layouts/PortailIta/Images/menu_acc/acc_menu_haut_popup.gif) no-repeat left top; } /* Couleur liens rollover */ #menu_acc .entete_gris_popup a:link { color: #202020; text-decoration: none; } #menu_acc .entete_gris_popup a:visited { color: #202020; text-decoration: none; } #menu_acc .entete_gris_popup a:hover { color: #727272; text-decoration: none; } #menu_acc .entete_gris_popup a:active { color: #727272; text-decoration: none; } /* Colonnes */ .entete_popup .col_gauche { float: left; width: 534px; padding: 0; margin: 0; } .entete_popup .col_droite { float: left; width: 113px; padding: 0 0 0 0; margin: 0; } .popup_titre-ita { display: block; width: 237px; height: 17px; padding: 0 0 2px 0; margin: 0; background: url(/_layouts/PortailIta/Images/niv2/popup_titre_ita.gif) no-repeat; } .popup_nom { font-size: 1.9em; font-weight: bold; padding: 0 0 15px 0; margin: 0; color: #F79928; } /* Habillage ligne courbe verte !! Les deux côtés du cadre_niv2 doivent être ajoutés par dessus le cadre, car celui est étirable verticalement et la position de départ de l'entête peut varier selon le fil d'ariane !! */ .entete_popup #courbe_verte_g { position: relative; float: left; width: 32px; height: 30px; left: 55px; top: 369px; background: url(/_layouts/PortailIta/Images/campus/courbe_vert_g.gif) no-repeat; } /* top pour IE6 */ /** html .entete_popup #courbe_verte_g { top: 369px; }*/ .entete_popup #courbe_verte_d { position: relative; float: left; width: 13px; height: 26px; left: 565px; top: 361px; background: url(/_layouts/PortailIta/Images/campus/courbe_vert_d.gif) no-repeat; } /* ------------------------------------------------------------------------ 5= Campus ------------------------------------------------------------------------ */ /* Zone entête campus */ .modeEdition #contenu_entete_campus { margin-top: 40px; } #entete_campus, #entete_campus_niv2 { /* width: 567px; - REM par AGRG181 */ width: 753px; margin: 11px 0 0 0; padding: 0; height: 263px; } /* height pour IE7 */ *+html #entete_campus, *+html #entete_campus_niv2 { height: auto; } /* Bouton "Nous joindre" */ #entete_campus .bt_joindre a, #entete_campus_niv2 .bt_joindre a, #entete_form .bt_joindre a { float: right; width: 117px; height: 16px; margin: 0 0 0 0; background: url(/_layouts/PortailIta/Images/promo/bt_joindre.gif) no-repeat; } #entete_campus .bt_joindre a:hover, #entete_campus_niv2 .bt_joindre a:hover, #entete_form .bt_joindre a:hover { background: url(/_layouts/PortailIta/Images/promo/bt_joindre_over.gif) no-repeat; } /* Icones techniques */ #entete_campus #ico_tech { position: relative; clear: both; width: 67px; height: 62px; left: 425px; top: 45px; } /* Modèles d'icones */ .ico_pcho { background: url(/_layouts/PortailIta/Images/campus/icone_pcho.gif) no-repeat; } .ico_tta { background: url(/_layouts/PortailIta/Images/campus/icone_tta.gif) no-repeat; } .ico_tga { background: url(/_layouts/PortailIta/Images/campus/icone_tga.gif) no-repeat; } .ico_tpa { background: url(/_layouts/PortailIta/Images/campus/icone_tpa.gif) no-repeat; } .ico_geea { background: url(/_layouts/PortailIta/Images/campus/icone_geea.gif) no-repeat; } .ico_tphe { background: url(/_layouts/PortailIta/Images/campus/icone_tphe.gif) no-repeat; } .ico_te { background: url(/_layouts/PortailIta/Images/campus/icone_te.gif) no-repeat; } /* Zone contenu de l'entête */ #contenu_entete_campus { float: left; /*width: 567px; - REM par AGRG181 */ width: 754px; height: auto; margin: 0 0 13px 17px; background: url("/_layouts/PortailIta/Images/campus/c_niv2_centre.gif") repeat-y scroll left top transparent; /*background: url(/_layouts/PortailIta/Images/campus/contenu_entete_centre.gif) top left repeat-y; Nurun JM*/ } #contenu_entete_campus .wrap { float: left; /*width: 567px; - REM par AGRG181 */ width: 754px; padding: 0 0 35px 0; background: url("/_layouts/PortailIta/Images/campus/c_niv2_bas.gif") no-repeat scroll left bottom transparent; /*background: url(/_layouts/PortailIta/Images/campus/contenu_entete_bas.gif) bottom left no-repeat; Nurun JM*/ } #contenu_entete_campus .desc { float: left; /* width: 267px; par AGRG181 */ width: 340px; padding: 14px 15px 0 29px; margin: 0; font-size: 1em; } #contenu_entete_campus .desc .bt_savoir a { display: block; width: 84px; height: 13px; margin: 0; padding: 0; background: url(/_layouts/PortailIta/Images/cadre_acc/c_insta_bt_savoir.gif) no-repeat; } #contenu_entete_campus .desc .bt_savoir a:hover { background: url(/_layouts/PortailIta/Images/cadre_acc/c_insta_bt_savoir_over.gif) no-repeat; } #contenu_entete_campus .formation { float: left; /* width: 180px; - REM par AGRG181 */ width: 272px; padding: 10px 36px 0 0; margin: 0; font-size: 0.9em; } /* Liste à puce de la zone formation initiale */ #contenu_entete_campus .formation ul { margin: 0 0 13px 0; padding: 0; color: #006AB6; font-weight: bold; } #contenu_entete_campus .formation li { margin: 0 0 0 0; padding: 0 0 9px 11px; list-style: none; line-height: 1.2em; background: transparent url(/_layouts/PortailIta/Images/puce_grise.gif) no-repeat 0 5px; } /* 5.0.1 Cadre calendrier des événements */ /* ...................................*/ #cadre_caleven { width: 214px; margin: 0 0 20px 0; padding: 0 0 0 0; font-size: 0.9em; background: url(/_layouts/PortailIta/Images/campus/c_caleven_centre.gif) repeat-y left top; } #cadre_caleven .pied { padding: 0 0 10px 0; background: url(/_layouts/PortailIta/Images/campus/c_caleven_bas.gif) no-repeat left bottom; } #cadre_caleven .wrap { min-height: 50px; padding: 0 14px 0 13px; } /* Bouton titre calendrier des événements */ #cadre_caleven .bt_titre a { display: block; width: 214px; height: 19px; margin: 0 0 0px 0; background: url(/_layouts/PortailIta/Images/campus/c_caleven_bt_titre.gif) no-repeat; } #cadre_caleven .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/campus/c_caleven_bt_titre_over.gif) no-repeat; } /* Liste à puce du calendrier des événements */ #cadre_caleven ul { margin: 0; padding: 0; } #cadre_caleven li { margin: 8px 0 0 0; padding: 0 0 8px 13px; list-style: none; line-height: 1.2em; background: transparent url(/_layouts/PortailIta/Images/nav/puce_orange.gif) no-repeat 0 5px; border-bottom: 1px solid #CFC58F; } #cadre_caleven li.sansligne { border-bottom: none; } #cadre_caleven li span { font-weight: bold; color: #000000; } /* ------------------------------------------------------------------------ 5.1 Campus de La Pocatière ------------------------------------------------------------------------ */ #entete_campus .modele_poc { height: 263px; /*background: url(/_layouts/PortailIta/Images/campus/poc_fond.jpg) no-repeat left 12px; REM par AGRG181 - 2010-07*/ } #entete_campus #bt_campus_poc a, #entete_campus_niv2 #bt_campus_poc a { position: relative; float: left; /*width: 96px; REM par Nurun - 2010-07 */ width: 116px; height: 67px; left: 75px; top: -38px; background: url(/_layouts/PortailIta/Images/campus/bt_campus_poc.gif) no-repeat; } #entete_campus #bt_campus_poc a:hover, #entete_campus_niv2 #bt_campus_poc a:hover { background: url(/_layouts/PortailIta/Images/campus/bt_campus_poc_over.gif) no-repeat; } /* ------------------------------------------------------------------------ 5.2 Campus de Saint-Hyacinthe ------------------------------------------------------------------------ */ #entete_campus .modele_hya { height: 263px; /*background: url(/_layouts/PortailIta/Images/campus/hya_fond.png) no-repeat left;*/ background-position: 0px 0px; } #entete_campus #bt_campus_hya a, #entete_campus_niv2 #bt_campus_hya a { position: relative; float: left; width: 120px; height: 67px; left: 171px; top: -38px; background: url(/_layouts/PortailIta/Images/campus/bt_campus_hya.gif) no-repeat; } #entete_campus #bt_campus_hya a:hover, #entete_campus_niv2 #bt_campus_hya a:hover { background: url(/_layouts/PortailIta/Images/campus/bt_campus_hya_over.gif) no-repeat; } /* ------------------------------------------------------------------------ 5.3 Campus niveau 2 ------------------------------------------------------------------------ */ /* Habillage ligne courbe verte !! Les deux côtés du cadre_niv2 doivent être ajoutés par dessus le cadre, car celui est étirable verticalement et la position de départ de l'entête peut varier selon le fil d'ariane !! */ #entete_campus_niv2 #courbe_verte_g { position: relative; float: left; width: 32px; height: 30px; top: 230px;/*modifié par AGRG181 left: -1px; top: 232px; */ background: url(/_layouts/PortailIta/Images/campus/courbe_vert_g.gif) no-repeat; } #entete_campus_niv2 #courbe_verte_d { position: relative; float: left; width: 13px; height: 26px; left: 697px; top: 211px; background: url(/_layouts/PortailIta/Images/campus/courbe_vert_d.gif) no-repeat; } #entete_campus_niv2 #courbe_verte_g_hya { position: relative; float: left; width: 32px; height: 30px; left: -120px; top: 225px; background: url(/_layouts/PortailIta/Images/campus/courbe_vert_g.gif) no-repeat; } #entete_campus_niv2 #courbe_verte_d_hya { position: relative; float: left; width: 13px; height: 26px; left: 390px; top: 217px; background: url(/_layouts/PortailIta/Images/campus/courbe_vert_d.gif) no-repeat; } /* Navigation du contenu niveau 2 -------------------------------------- */ #nav_campus { height: 27px; margin: 0; padding: 0; width:650px; background: url(/_layouts/PortailIta/Images/campus/nav_fond.gif) repeat-x bottom left; } #nav_campus li { padding: 0; margin: 0; display:inline; list-style-image: none; list-style-type: none; } /* Nav Onglet */ #nav_campus .Onglet, #nav_campus .Onglet1 a { padding: 0; margin: 0; float:left; } /*.modeEdition .TitreProgrammeOnglet{width:auto;height:auto;} */ /* Image à droite dans le contenu niveau 2 */ #img_tech { float: right; width: 212px; height: 238px; margin: 5px 0 30px 30px; } .geea { background: url(/_layouts/PortailIta/Images/campus/img_geea.jpg) no-repeat; } .pcho { background: url(/_layouts/PortailIta/Images/campus/img_pcho.jpg) no-repeat; } .te { background: url(/_layouts/PortailIta/Images/campus/img_te.jpg) no-repeat; } .tga { background: url(/_layouts/PortailIta/Images/campus/img_tga.jpg) no-repeat; } .tpa { background: url(/_layouts/PortailIta/Images/campus/img_tpa.jpg) no-repeat; } .tphe { background: url(/_layouts/PortailIta/Images/campus/img_tphe.jpg) no-repeat; } .tta { background: url(/_layouts/PortailIta/Images/campus/img_tpqa.gif) no-repeat; } .tpqa { background: url(/_layouts/PortailIta/Images/campus/img_tpqa.gif) no-repeat; } /* ------------------------------------------------------------------------ 6= Formation continue ------------------------------------------------------------------------ */ /* Modèle de page "Cultive ta passion" */ #page #modele_passion { height: auto; background-image: url(/_layouts/PortailIta/Images/formation/acc_page_fond.jpg); background-repeat: no-repeat; background-position: center 138px; padding: 0 5px 0 5px; margin: 0; } /* background-position pour IE6 */ * html #page #modele_passion { background-position: center 140px; } /* ------------------------------------------------------------------------ 6.1 = Menu accueil Formation continue ------------------------------------------------------------------------ */ #menu_acc .entete_formation { padding: 0 0 50px 0; margin: 0; } #menu_acc .pied_formation { padding: 0 0 60px 0; background: url(/_layouts/PortailIta/Images/menu_acc/acc_menu_bas_formation.gif) no-repeat left bottom; } #menu_acc .bt_entete_formation a { display: block; width: 175px; height: 55px; padding: 0 0 0 0; background: url(/_layouts/PortailIta/Images/formation/bt_menu_haut_formation.gif) no-repeat; } #menu_acc .bt_entete_formation a:hover { background: url(/_layouts/PortailIta/Images/formation/bt_menu_haut_formation_over.gif) no-repeat; } /* ------------------------------------------------------------------------ 6.2 = Contenu entete formation ------------------------------------------------------------------------ */ #entete_form { width: 754px; margin: 0px 0px 0px 0px; padding: 0; height: 256px; } #entete_form #ariane{ padding:0; margin: 36px 0px 0px -140px; width: 465px; float:left; font-size:0.75em; } /* Modèle d'entête "Formation continue" */ .modele_form { width: 754px; margin: 0; padding: 0; float: left; background: url(/_layouts/PortailIta/Images/formation/formation_fond.jpg) no-repeat left 11px; } /* Modèle d'entête "Formation continue" sans le babillard */ .modele_form_sans_babillard { width: 754px; margin: 0; padding: 0; background: url(/_layouts/PortailIta/Images/formation/formation_fond_sans_babillard.jpg) no-repeat left 11px; } /* Modèle d'entête "Formation continue niv2" */ .modele_form_niv2 { background: url(/_layouts/PortailIta/Images/formation/formation_niv2_fond.png) no-repeat left 12px; } #contenu_entete_form { float: left; width: 567px; height: auto; margin: 0 0 13px 0; } /* Colonne gauche accueil */ .col_g_acc_form { float: left; width: 311px; height: auto; margin: 0; padding: 0 0 0 11px; } /* Colonne droite accueil */ .col_d_acc_form { float: left; width: 214px; height: auto; padding: 0 0 0 6px; margin: 0; } /* ------------------------------------------------------------------------ 6.3 = Cadre "programmation" ------------------------------------------------------------------------ */ #prog { width: 365px; padding: 0 0 0 0; font-size: 11px; background: url(/_layouts/PortailIta/Images/formation/c_prog_centre.gif) repeat-y -2px top; } #prog .pied { padding: 0 0 10px 0; margin: 0; background: url(/_layouts/PortailIta/Images/formation/c_prog_bas.gif) no-repeat left bottom; } #prog .wrap { min-height: 170px; height: 170px; background: url(/_layouts/PortailIta/Images/formation/c_prog_haut.gif) no-repeat left -2px; padding: 12px 0 0 32px; } /* Colonnes */ #prog .col_gauche { float: left; width: 105px; padding: 0; margin: 0; } #prog .col_droite { float: left; width: 120px; padding: 0 0 0 8px; margin: 0; } #prog #contenu_prog { height: 146px; margin : 0; padding: 0; } #prog p { width: 135px; padding: 0 0 8px 0; margin: 0; } /* Navigation du cadre prog */ #prog #nav_niv2 { width: 150px; height: 15px; margin: 0 0 0 0; padding: 0 0 0 0; } /* Rollover texte du cadre prog */ #prog, #prog a, #prog a:link, #prog a:visited { color: #000000; text-decoration: none; } #prog a:hover, #prog a:active { color: #000000; text-decoration: underline; } /* ------------------------------------------------------------------------ 6.3.1 = Boutons titre et photos des programmes ------------------------------------------------------------------------ */ #prog .photo { float: left; height: 160px; width: 104px; margin: 0; padding: 0; } #prog .bt_titre a { float: left; width: 140px; margin: 0 0 5px 0; } /* DEP Production laitière */ #prog.dep_pl .bt_titre a { height: 52px; background: url(/_layouts/PortailIta/Images/formation/prog_bt_dep_pl.gif) no-repeat; } #prog.dep_pl .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/prog_bt_dep_pl_over.gif) no-repeat; } #prog.dep_pl .photo { background: url(/_layouts/PortailIta/Images/formation/prog_img_dep_pl.jpg) no-repeat top left; } /* DEP Horticulture ornementale */ #prog.dep_ho .bt_titre a { height: 52px; background: url(/_layouts/PortailIta/Images/formation/prog_bt_dep_ho.gif) no-repeat; } #prog.dep_ho .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/prog_bt_dep_ho_over.gif) no-repeat; } #prog.dep_ho .photo { background: url(/_layouts/PortailIta/Images/formation/prog_img_dep_ho.jpg) no-repeat top left; } /* DEP Production de bovins de boucherie */ #prog.dep_pbb .bt_titre a { height: 52px; background: url(/_layouts/PortailIta/Images/formation/prog_bt_dep_pbb.gif) no-repeat; } #prog.dep_pbb .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/prog_bt_dep_pbb_over.gif) no-repeat; } #prog.dep_pbb .photo { background: url(/_layouts/PortailIta/Images/formation/prog_img_dep_pbb.jpg) no-repeat top left; } /* DEP Réalisation d'aménagements paysagers */ #prog.dep_rap .bt_titre a { height: 74px; background: url(/_layouts/PortailIta/Images/formation/prog_bt_dep_rap.gif) no-repeat; } #prog.dep_rap .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/prog_bt_dep_rap_over.gif) no-repeat; } #prog.dep_rap .photo { background: url(/_layouts/PortailIta/Images/formation/prog_img_dep_rap.jpg) no-repeat top left; } /* AEC Fabrication de produits laitiers */ #prog.aec_fpl .bt_titre a { height: 55px; background: url(/_layouts/PortailIta/Images/formation/prog_bt_aec_fpl.gif) no-repeat; } #prog.aec_fpl .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/prog_bt_aec_fpl_over.gif) no-repeat; } #prog.aec_fpl .photo { background: url(/_layouts/PortailIta/Images/formation/prog_img_aec_fpl.jpg) no-repeat top left; } /* AEC Gestion d'un parcours de golf */ #prog.aec_gpg .bt_titre a { height: 56px; background: url(/_layouts/PortailIta/Images/formation/prog_bt_aec_gpg.gif) no-repeat; } #prog.aec_gpg .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/prog_bt_aec_gpg_over.gif) no-repeat; } #prog.aec_gpg .photo { background: url(/_layouts/PortailIta/Images/formation/prog_img_aec_gpg.jpg) no-repeat top left; } /* AEC Statégies d'intervention en zoothérapie */ #prog.aec_siz .bt_titre a { height: 73px; background: url(/_layouts/PortailIta/Images/formation/prog_bt_aec_siz.gif) no-repeat; } #prog.aec_siz .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/prog_bt_aec_siz_over.gif) no-repeat; } #prog.aec_siz .photo { background: url(/_layouts/PortailIta/Images/formation/prog_img_aec_siz.jpg) no-repeat top left; } /* AEC Propriétaire-gestionnaire d'une entreprise acéricole */ #prog.aec_pgea .bt_titre a { height: 73px; background: url(/_layouts/PortailIta/Images/formation/prog_bt_aec_pgea.gif) no-repeat; } #prog.aec_pgea .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/prog_bt_aec_pgea_over.gif) no-repeat; } #prog.aec_pgea .photo { background: url(/_layouts/PortailIta/Images/formation/prog_img_aec_pgea.jpg) no-repeat top left; } /* AEC Entreprendre en transformation alimentaire */ #prog.aec_eta .bt_titre a { height: 70px; background: url(/_layouts/PortailIta/Images/formation/prog_bt_aec_eta.gif) no-repeat; } #prog.aec_eta .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/prog_bt_aec_eta_over.gif) no-repeat; } #prog.aec_eta .photo { background: url(/_layouts/PortailIta/Images/formation/prog_img_aec_eta.jpg) no-repeat top left; } /* Perfectionnement Alimentaire */ #prog.pa .bt_titre a { height: 34px; background: url(/_layouts/PortailIta/Images/formation/prog_bt_pa.gif) no-repeat; } #prog.pa .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/prog_bt_pa_over.gif) no-repeat; } #prog.pa .photo { background: url(/_layouts/PortailIta/Images/formation/prog_img_pa.jpg) no-repeat top left; } /* Perfectionnement Chevalin */ #prog.pc .bt_titre a { height: 34px; background: url(/_layouts/PortailIta/Images/formation/prog_bt_pc.gif) no-repeat; } #prog.pc .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/prog_bt_pc_over.gif) no-repeat; } #prog.pc .photo { background: url(/_layouts/PortailIta/Images/formation/prog_img_pc.jpg) no-repeat top left; } /* Perfectionnement Gestion en golf */ #prog.phg .bt_titre a { height: 38px; background: url(/_layouts/PortailIta/Images/formation/prog_bt_phg.gif) no-repeat; } #prog.phg .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/prog_bt_phg_over.gif) no-repeat; } #prog.phg .photo { background: url(/_layouts/PortailIta/Images/formation/prog_img_phg.jpg) no-repeat top left; } /* Perfectionnement Agricole */ #prog.pa2 .bt_titre a { height: 38px; background: url(/_layouts/PortailIta/Images/formation/prog_bt_pa2.gif) no-repeat; } #prog.pa2 .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/prog_bt_pa2_over.gif) no-repeat; } #prog.pa2 .photo { background: url(/_layouts/PortailIta/Images/formation/prog_img_pa2.jpg) no-repeat top left; } /* ------------------------------------------------------------------------ 6.4 = Cadre "Babillard" ------------------------------------------------------------------------ */ /* Cadre "Babillard" */ #babillard { position: relative; /*top: -30px; modifié par AGRG181 */ top: 0 px; /*left: -2px; modifié par AGRG181 */ left: -15px; width: 337px; margin: 0 0 20px 0; padding: 0 0 0 0; background: url(/_layouts/PortailIta/Images/formation/c_babillard_centre.gif) repeat-y left top; } #babillard .pied { padding: 0 0 5px 0; margin: 0; background: url(/_layouts/PortailIta/Images/formation/c_babillard_bas.gif) no-repeat left bottom; } #babillard .wrap { min-height: 140px; padding: 10px 11px 0 11px; } /* Bouton titre babillard */ #babillard .bt_titre a { display: block; width: 337px; height: 28px; margin:-10px -11px 0; background: url(/_layouts/PortailIta/Images/formation/c_babillard_bt_titre.gif) no-repeat; } #babillard .bt_titre a:hover { background: url(/_layouts/PortailIta/Images/formation/c_babillard_bt_titre_over.gif) no-repeat; } #babillard, #babillard a { color: #000000; text-decoration: none; } #babillard a:link, #babillard a:visited { color: #006AB6; font-weight: bold; text-decoration: none; } #babillard a:hover, #babillard a:active { color: #6DC827; font-weight: bold; text-decoration: underline; } /* Liste à puce du cadre babillard */ #babillard ul { font-size: 0.9em; margin: 15px 0 0 0; padding: 0; } #babillard li { margin: 0 0 0 0; padding: 0 0 15px 11px; list-style: none; line-height: 1.2em; background: transparent url(/_layouts/PortailIta/Images/puce_grise.gif) no-repeat 0 5px; } #babillard li.strong { font-weight: bold; padding: 0 0 0 11px; } /* class "last" à placer sur le dernière élément de la liste (gestion visuel) */ #babillard li.last { padding: 0 0 0 11px; } #babillard li span { font-weight: bold; color: #006AB6; } /* ------------------------------------------------------------------------ 6.5 = Fil d'Ariane ------------------------------------------------------------------------ */ .modele_form_niv2 #ariane { float: left; margin: 20px 0 0 0; padding: 0 0 0 0px; font-size: 0.9em; color: #FEC179; } .modele_form_niv2 #ariane a:link, .modele_form_niv2 #ariane a:visited { color: #FEC179; text-decoration: none; } .modele_form_niv2 #ariane a:hover, .modele_form_niv2 #ariane a:active { color: #FEC179; text-decoration: underline; } .modele_form_niv2 #ariane a.actif { color: #FFFFFF!important; text-decoration: none; } .modele_form_niv2 #ariane a.actif:hover { text-decoration: underline; } /* ------------------------------------------------------------------------ 7= Pied de page ------------------------------------------------------------------------ */ #pied { clear: both; /* width: 760px; REM par Nurun - 2010-07 */ width: 947px; height: auto; text-align: center; font-size: 0.9em; padding: 15px 0 60px 0; } #pied .copyright a { font-size: 0.9em; color: #000000; text-decoration: none; } #pied .copyright a:link, #pied .copyright a:visited { color: #000000; text-decoration: none; } #pied .copyright a:hover, #pied .copyright a.auDessus, #pied .copyright a:active { color: #000000; text-decoration: underline; } #pied ul { list-style:none; } #pied ul li { display:inline; background:url(/_layouts/PortailIta/Images/ligne-verticale.gif) right center no-repeat; padding:0 5px; } #pied ul li.dernier { background:none; } /* Dernière mise à jour */ .maj { color: #424242; margin: 30px 0 35px 0; } /* ITA Installations */ #nav_ITA_Inst_Photo { clear: both; width: 142px; height: 15px; margin-left: auto; margin-right: auto; text-align:center; } #nav_ITA_Inst_Photo .bt_precedent a { float: left; width: 65px; height: 15px; background: url(/_layouts/PortailIta/Images/niv2/bt_precedent.gif) no-repeat; text-align:center; } #nav_ITA_Inst_Photo .bt_precedent a:hover { background: url(/_layouts/PortailIta/Images/niv2/bt_precedent_over.gif) no-repeat; } #nav_ITA_Inst_Photo .bt_suivant a { float: left; width: 52px; height: 15px; background: url(/_layouts/PortailIta/Images/niv2/bt_suivant.gif) no-repeat; text-align:center; } #nav_ITA_Inst_Photo .bt_suivant a:hover { background: url(/_layouts/PortailIta/Images/niv2/bt_suivant_over.gif) no-repeat; } #nav_ITA_Inst_Photo .nav_separ { float: left; width: 13px; height: 15px; background: url(/_layouts/PortailIta/Images/niv2/separ_nav_niv2.gif) no-repeat center; } /* Pour controles d'edition Sharepoint */ .conteneurAuthoring {width:947px;margin:0 auto} .conteneurAuthoring .boutonSiteAction {float:right} .conteneurAuthoring .consolePublication {clear:both;text-align:left;} .conteneurAuthoring .consolePublication td, .conteneurAuthoring .consolePublication th {text-align:left;} .conteneurAuthoring table {height:auto !important;} /* Styles additionnels pour accessibilite */ .hors-champ{display:block;width:0;height:0;overflow:hidden;margin:0;padding:0;} .listeSemantique {list-style:none; padding-left:0} ul.listeHorizontale {margin-left:0 ;list-style-type: none} ul.listeHorizontale li {display: inline;list-style-type: none; background-color:Black } .clear-fix{overflow:hidden; clear:both;} .lnkMoisHorizontale ul li {list-style-type: none;} .iconeLienExterne {background:url(/_layouts/PortailIta/Images/LienExterne.gif) center right no-repeat; width : 12px; height : 12px; display: inline-block; margin-left : 3px;} /*.iconeLienExterne[class=iconeLienExterne] { display: table-cell; }*/ .flotanteGauche { float : left;} a.lienExterne { text-decoration: none; cursor: pointer;} a.lienExterne .flotanteGauche { cursor: pointer; text-decoration: underline; float: none; display: inline-block;} /* Un champ avec bouton OK graphique */ .champAvecOK {display:block;line-height:2.2em;overflow:hidden;margin-bottom:1em;} .champAvecOK a, .champAvecOK input, .champAvecOK select, .champAvecOK label {display:block;float:left;overflow:hidden;margin-right:0.5em;} .champAvecOK a.boutonOK {background:url("/_layouts/PortailIta/Images/nav/acc_bt_rech_over.png") no-repeat scroll left top transparent;height:0;padding-top:21px;width:36px;} /*.champAvecOK a.boutonOK {background-image:url(/_layouts/PortailIta/Images/nav/acc_bt_rech_over.png)}*/ fieldset {border:0} legend {float:left;height:0;overflow:hidden;} /* Titre orange dans les listes */ .titreFloat { font-weight: bold; color: #F7941D; float:left } .modeEdition .contenu3, .modeEdition #spanContenu2, .modeEdition #spanDate { clear: both; } #spanDate { padding-left: 3px;} /* Espace supplémentaire entre les éléments LI */ .vspace {padding: 0 0 15px 13px;} /* Pour contenu affiches sur deux colonnes */ .contenuAlterneGaucheDroite {width:50%} .appuiGauche {float:left;overflow:hidden} .appuiDroite {float:right;overflow:hidden} .retourChariot {clear:left;overflow:hidden} .appuiGauche50 {float:left;overflow:hidden;width:50% } .appuiDroite50 {float:right;overflow:hidden;width:50%} /* Styles propres à l'aide contextuelle */ .labelAide { font-size:11px; color:#000; font-weight:bold; border:1px solid #bbbbbb; background:#f6fdfd url(/_layouts/PortailIta/Images/aide.gif) no-repeat 99% center; padding:5px; margin:5px 0px 5px 4px; display:block; } #CadreImage, #CadreTitreImage { text-align: center; } .CadreInstallations { position: relative; overflow:hidden; } .Installation1 { float:left; width:48%; margin-top: 10px; text-align: justify; } .Installation2 { overflow:hidden; position: relative; padding-left:30px; margin-top: 10px; text-align: justify; } #CadreTitreImage .lblTitre, #CadreTitreImage .lblLieu, .TitreInstallation1, .TitreInstallation2, .labelFormGarderContact, .JourChoixDisponibilite, .labelAnneeCommuniques, .labelFormEleveUnJour, .DisponibiliteEleve { font-weight: bold; } .FormulaireEleveUnJour .Jour { width:126px; } .FormulaireEleveUnJour .Heure { width:40px; } .FormulaireEleveUnJour .Coordonnees .textBoxCoordonnees { left:140px; } .FormulaireEleveUnJour .section { padding: 10 0 10 0; } .FormulaireEleveUnJour .txtEtablissementEnseignement { width:300px; } .FormulaireEleveUnJour .chkInfoVisite .chkAutre { width:100px; } .FormulaireEleveUnJour .chkInfoVisite .Autre { position:relative; left:105px; } /* JMC - Nurun */ .legendStyleH2 { color:#607091; font-size:1.2em; font-weight:bold; height:19.85px; margin:0 0 5px; } .tirroirOuvert { background-image:url("/_layouts/PortailIta/Images/icoMoins.gif"); background-repeat:no-repeat; cursor:pointer; padding-left:22px; } .tirroirFermer { background-image:url("/_layouts/PortailIta/Images/icoPlus.gif"); padding-left: 22px; background-repeat: no-repeat; cursor: pointer; } .modeEdition .tirroirFermer { padding-left: 0; background: none; cursor: auto;} .accordeonContenu {padding:1em; clear: both; /* JM */} /* Styles de base pour formulaire simple */ .zoneFormulaire {padding:1em 0; clear: both; /* JM */} .zoneFormulaire label {display:inline-block;width:40%;margin-bottom:0.7em;} /* Pour masquer un bloc de facon accessible. Garder cette regle en bas de la feuille */ .masque, .masque * {display:block;height:0;padding:0;overflow:hidden;float:none;clear:both; display: none;} .messageErreur { color:Red} .lienBabillardCache { position: absolute; width: 337px; height: 28px; top: 226px; left: 582px; z-index: 99; } .lienBabillardCache:hover {background-image: url("/_layouts/PortailIta/Images/formation/c_babillard_bt_titre_over.gif");} /* Styles pour le RTE */ .ms-rteCustom-MotGlossaire {text-decoration:none; border-bottom:1px dotted #788C5F; cursor: pointer;} .ms-rteCustom-NoteImportante {font-weight:bold;color:#800000;font-size:1.18em} .ms-rteCustom-ImageAGauche {float:left;margin-right:10px;} .ms-rteCustom-ImageADroite {float:right;margin-left:10px;} .ms-rteCustom-ImageAuCentre {text-align:center} .ms-rteCustom-tableContenu {margin-bottom:1.4em} .tableContenu, .ms-rteCustom-tableContenu {border:3px solid #BFC6D3;border-collapse:collapse} .tableContenu td, .tableContenu th, .ms-rteCustom-tableContenu td, .ms-rteCustom-tableContenu th {border:1px solid #BFC6D3;padding:0.5em;text-align:left;vertical-align:top} .tableContenu th, .ms-rteCustom-tableContenu th {background:#eceef2;color:#607091} .ms-MenuUIPopupBody { z-index: 9999; } .ms-rteCustom-boiteVerte, .boiteVerte { background-color: #e0eec4;} .ms-rteCustom-retourChariot, .clearLeft { clear: left; } .ms-rteCustom-texteCentre, .texteCentre { text-align: center; } .ms-rteCustom-numeroPage { clear: left; text-align: center;} .ms-rteCustom-OrangeGras { color: #ff8c00; font-weight: bold;} .ms-rteCustom-ImageAvecLegendeDroite {float:right;margin: 10px 10px; font-size:80%;background:#dedede;padding:10px; text-align: center;} .ms-rteCustom-ImageAvecLegendeGauche {float:left; margin: 10px 10px; background:#dedede; font-size:80%;padding:10px; text-align: center;} .ms-rteCustom-ImageAvecLegendeCentre {margin: 10px 10px; background:#dedede; font-size:80%;padding:10px; text-align: center; margin-left: auto; margin-right: auto;} .ms-rteCustom-ImageAvecLegendeCentre span, .ms-rteCustom-ImageAvecLegendeDroite skpan, .ms-rteCustom-ImageAvecLegendeGauche span { display: block;} .autreCheckbox { display:inline-block; }