/* CSS Document */ /* ------------------------------- HABILLAGE SPECIAL --------------------------- */ /* Encart Actualités ---------------------------- */ #ZoneEncartActualites {width:215px;margin:0px 0 0 10px;float:right; background-color:#FFF; height:auto; } #ZoneEncartActualites2 {background-color: transparent;color: #003366;font-size:1em; /**/padding:10px 0;border-left:1px solid #BFCBD9;border-right:1px solid #BFCBD9; margin:-15px 0 -5px 0;} #ZoneContenu #ZoneEncartActualites h1 {margin: 10px 0px 10px 10px;padding-left: 0px;background-image: none;color: #003366;font-size:0.8em;font-weight: bold;text-align: left; } #ZoneContenu #ZoneEncartActualites h1 a {color: #003366; text-transform:none;} #ZoneContenu #ZoneEncartActualites h1 a:hover { text-decoration:none;} #ZoneEncartActualites p {margin: 10px 0px 10px 0px; padding:0px;color: #003366;font-size: 0.9em;font-weight: normal;text-align: left;} span.EncartActuHAUT {width:215px; height:36px;display:block;} span.EncartActuBAS { height:9px;background: #FFFFFF url(../images/encart_actualites_bas.png) no-repeat ; display:block; background-position: 0px 0px !important; background-position: 2px 0px;} /* Encart Mot du Président ------------------------------ */ span.EncartPresHAUT {width:215px;height:36px;background: #FFFFFF url(../images/encart_motpresident_haut.png) 0 0 no-repeat ; display:block;} span.EncartPresBAS {width:215px!important;width:218px; height:9px;background: #FFFFFF url(../images/encart_motpresident_bas.png) no-repeat ; display:block; background-position: 0px 0px !important; background-position: 2px 0px;} /* ------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------- */ html, body {margin: 0; padding: 0; height: 100%;background: transparent url(../images/tuile.gif) repeat;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;} /* ------------------------------- STRUCTURE --------------------------- */ div#page {width:776px;margin: 0 auto;padding: 0;min-height: 100%;background:transparent url(../images/ligne_centre.png) scroll repeat-y top left;} div#bandeauhaut {margin-left:19px; height:218px; } div#bandeaubas {height: 55px; width:739px; margin-left:19px;} /* ------------ LOGO ----------------- */ #logo{position:relative;width:170px;top:90px; left:5px;} #logo img{padding:0px ; } #logo a img {border:0px ; } /* ------------ ENTETE ----------------- */ #entete, #entete ul {height : 50px;margin : 0;} #entete{position:absolute;top:-500px;left:30%;} #entete a:active, #entete a:focus{position:absolute;top:502px;left:12%;} #entete ul {width : 400px;margin : 0;padding : 5px;} #entete li {width : 400px;list-style : none;margin : 0;} #entete li a {display : block;padding : 0;text-decoration : none;color : #FFF;background-color:inherit;} #entete li a:hover {text-decoration :underline;} /* ------------------------------- UTILITAIRES --------------------------- */ div#chemin {width:260px; height:60px;/**/position: relative; top:30px; /**/margin-left:180px; font-size:80%;} .drapeau a img{vertical-align:middle; border:none;} .cache{ position:absolute; left:-3972px; top: 795px; } #global {width:758px;/*background-color: #FFCC00; */margin-top:-45px;} #droite { width:/*360pxdisplay:block;*/ 75%;background-color:#ffffff ;float:left; margin:10px 0 0 35px !important;margin:0px 0 0 10px; text-align:justify; } /* Styles a activer pour voir où sont placés les access keys (firefox uniquement) a[accesskey]:after {content: " [" attr(accesskey) "] ";font-size:xx-small ;color: #6699FF ;letter-spacing:0.05em;margin:0px;} */ /* ------------------------------- STYLES TEXTES, LIENS, IMAGES --------------------------- */ a{color: #003366;} a:hover{ text-decoration:none;} /* ------------------------------- OUTILS --------------------------- */ div#outils{width:200px; height:30px; float: right; margin-top:-40px;margin-right:19px;text-align:center;font-size:80%;} html>body a#annuaire, a#liste_messagerie, a#forum, a#webmail, a#ent, a#recherche_avancee, a#dossier_etudiant, a#moteur_recherche, a#sites_utiles, a#nous_contacter, a#espace_communication, a#messagerie, #plan { width:22px; height:22px; float:left; cursor:pointer; display:block; } html>body a#annuaire {background:url(../pictos/annuaire.png) no-repeat;} html>body a:active#annuaire, a:focus#annuaire, a:hover#annuaire {background:url(../pictos/annuaireH.png)no-repeat;} html>body a#liste_messagerie {background:url(../pictos/liste_messagerie.png) no-repeat; } html>body a:hover#liste_messagerie, a:active#liste_messagerie, a:focus#liste_messagerie {background:url(../pictos/liste_messagerieH.png) no-repeat; } html>body a#forum {background:url(../pictos/forum.png) no-repeat; } html>body a:hover#forum, a:active#forum, a:focus#forum {background:url(../pictos/forumH.png) no-repeat; } html>body a#webmail { background:url(../pictos/webmail.png) no-repeat; } html>body a:hover#webmail, a:active#webmail, a:focus#webmail { background:url(../pictos/webmailH.png) no-repeat; } html>body a#ent {background:url(../pictos/ent.png) no-repeat;} html>body a:hover#ent, a:active#ent, a:focus#ent {background:url(../pictos/entH.png) no-repeat;} html>body a#recherche_avancee { background:url(../pictos/recherche_avancee.png) no-repeat;} html>body a:hover#recherche_avancee, a:active#recherche_avancee, a:focus#recherche_avancee { background:url(../pictos/recherche_avanceeH.png) no-repeat;} html>body a#dossier_etudiant { background:url(../pictos/dossier_etudiant.png) no-repeat;} html>body a:hover#dossier_etudiant, a:active#dossier_etudiant, a:focus#dossier_etudiant { background:url(../pictos/dossier_etudiantH.png) no-repeat;} html>body a#moteur_recherche { background:url(../pictos/moteur_recherche.png) no-repeat;} html>body a:hover#moteur_recherche, a:active#moteur_recherche, a:focus#moteur_recherche { background:url(../pictos/moteur_rechercheH.png) no-repeat;} html>body a#sites_utiles { background:url(../pictos/sites_utiles.png) no-repeat;} html>body a:hover#sites_utiles, a:active#sites_utiles, a:focus#sites_utiles { background:url(../pictos/sites_utilesH.png) no-repeat;} html>body a#nous_contacter { background:url(../pictos/nous_contacter.png) no-repeat;} html>body a:hover#nous_contacter, a:active#nous_contacter, a:focus#nous_contacter { background:url(../pictos/nous_contacterH.png) no-repeat;} html>body a#espace_communication {background:url(../pictos/espace_communication.png) no-repeat; } html>body a:hover#espace_communication, a:active#espace_communication, a:focus#espace_communication {background:url(../pictos/espace_communicationH.png) no-repeat; } html>body a#messagerie { background:url(../pictos/messagerie.png) no-repeat;} html>body a:hover#messagerie, a:active#messagerie, a:focus#messagerie { background:url(../pictos/messagerieH.png) no-repeat;} html>body a#plan { background:url(../pictos/plan.png) no-repeat;} html>body a:hover#plan, a:active#plan, a:focus#plan { background:url(../pictos/planH.png) no-repeat;} /* ------------------------------- FORMULAIRE RECHERCHE --------------------------- */ form#frmRechercheDirecte {width:12em; height:50px;margin:0; padding:0;} #ZoneRecherche {position:relative;top:90px;left:0.5em;width:300px;} #ZoneRecherche .champ {border: 1px solid #9A9A9A; color: #333333; background-color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif; } #frmRechercheDirecte fieldset{border:none;width:15em;} #frmRechercheDirecte legend, #frmRechercheDirecte label{display:none;} #ZoneRecherche .image {width:20px; height:21px; border:none; vertical-align:middle;} /*** Mise en avant des champs du formulaire en cours d'utilisation ***/ .focus {background: #D7E4F0;color: Black;border: 1px solid #9A9A9A; color: #333333;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.85em;} /*** Retour a l'etat normal des champs du formulaire apres l'utilisation ***/ .normal {background: white;color: Black;border: 1px solid #9A9A9A; color: #333333;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.85em; } /* ------------------------------- ZONE NAVIGATION : MENU DE GAUCHE --------------------------- */ /**/#ZoneNavigation {width:144px; float:left;/*margin-top:-40px; padding-bottom:2em;height:100%;background:transparent url(../images/slogan.gif) scroll no-repeat bottom left;*/} #ZoneNavigation a{text-decoration:none;} #ZoneNavigation a:hover, #ZoneNavigation a:active, #ZoneNavigation a:focus{text-decoration: underline;} #ZoneNavigation li a{border-top:1px solid silver;height:1em;} #ZoneNavigation li a.first {border-top:0px;} #ZoneNavigation ul{margin-left:0px;padding-left:19px;} #ZoneNavigation .last{border-bottom:1px solid silver; width:144px;} /* NIVEAU 1 ------------------ */ ul.niveau1 li{list-style-type:none;} ul.niveau1 li a{padding: 3px;background-color: #FFFFFF ;color: #003366;font-size:0.8em;font-weight: bold;display:block;/**/width:138px;height:auto !important;text-indent:0px; } ul.niveau1 li a:hover, ul.niveau1 li a:active, ul.niveau1 li a:focus{color:#CC0000; background-color:#FFFFFF;} ul.niveau1 .on, ul.niveau1 a.on , ul.niveau1 a:hover.on, ul.niveau1 a:active.on, ul.niveau1 a:focus.on{padding:3px;background-color: #003366;color: #FFFFFF;font-size:0.8em;font-weight: bold;display:block;width:138px;text-indent:0px;} /* NIVEAU 2 ------------------ */ ul.niveau2 li a, ul.niveau2 li a:hover, ul.niveau2 li a:active, ul.niveau2 li a:focus{padding:3px 3px 3px 12px;background: #FFFFFF url(../images/puce_niveau_02.png) top left no-repeat ;color: #003366/*#666666*/;font-size:0.8em;font-weight: normal;margin-left:-19px;/**/display:block;width:129px;margin-top:-1px;} ul.niveau2 .on, ul.niveau2 a.on , ul.niveau2 a:hover.on, ul.niveau2 a:active.on, ul.niveau2 a:focus.on {padding: 3px;background-color:inherit; background-image:none;color: #003366/*#666666*/;font-size:0.8em;font-weight: bold;display:block;width:138px;text-indent:0px;/**/} /* NIVEAU 3 ------------------ */ ul.niveau3 li a, ul.niveau3 li a:hover, ul.niveau3 li a:active, ul.niveau3 li a:focus{margin-left:-38px;padding:3px 3px 3px 20px;background: #FFFFFF url(../images/puce_niveau_03.png) top left no-repeat ;color:#003366 /*#999999*/;font-size:0.8em;font-weight: normal;display:block;width:121px;} ul.niveau3 .on, ul.niveau3 a.on , ul.niveau3 a:hover.on, ul.niveau3 a:active.on, ul.niveau3 a:focus.on {padding:3px 3px 3px 20px;background: #FFFFFF url(../images/puce_niveau_03.png) top left no-repeat ;color:#003366 /*#999999*/;font-size:0.8em;font-weight: bold;display:block;width:121px;} /* ------------------------------- PIED DE PAGE --------------------------- */ #lastelement {margin-bottom: 0; padding-bottom:80px; clear:both;} div#pied {height:55px;width:776px;margin: -55px auto 0 auto ;padding: 0;background: transparent url(../images/ligne_centre.png) scroll repeat-y top left ; clear:both;} #pied p{margin:0px 0 0 145px;} p#modif{padding:20px 0px 0 20px;background: #FFFFFF url(../images/puce_reference.png) no-repeat 18px 22px;color:#003366;font-size:0.8em;height:13px; text-indent:10px;} p#bas{padding:3px 10px 0 0px;color:#003366;font-size:0.8em;height:auto; /*text-align:right;*/ background-color: transparent ;border-top:1px solid #EAF1F7;} .textebas{float: right ;} /* ------------ STYLES CONTENUS ----------------- */ #ZoneContenu {float: left; width:/*360px100%*/auto;} #ZoneContenu p{ font-size:85%;/**/padding:0 20px; } #ZoneContenu p.centre {text-align: center;} #ZoneContenu p.droite {text-align: right;} #ZoneContenu p.gauche {text-align: left;} #ZoneContenu p.Modif{bottom:0px;padding-left: 20px;margin-top:30px;background: url(../images/puce_reference.png) no-repeat;color:#003366;font-size:0.8em;} #ZoneContenu h1 {margin: 0px 10px 20px 0px;padding-left: 20px;font-size: 0.9em;font-weight: bold;text-align: left;text-transform: uppercase;} #ZoneContenu h2 {margin: 15px 7px 5px 0px;padding:0px 8px 1px 20px;border-bottom: 1px solid;font-size:0.85em;font-weight: bold;text-align: left;text-transform: uppercase;} #ZoneContenu h3 {margin: 8px 15px 5px 20px;font-size:0.85em;font-weight: bold;text-align: left;} #ZoneContenu h4, #ZoneContenu h5, #ZoneContenu h6 {margin: 8px 15px 5px 20px;color: #000000;font-size: 0.85em;font-weight: bold;text-align: left;} #ZoneContenu ul {padding-left:20px;margin-left:5px;} #ZoneContenu li {font-size:0.85em; } #ZoneContenu table {font-size:0.85em;} #ZoneContenu table select.champ {font-size:1em;} #ZoneContenu table td.encadre {font-size:1.2em;} #ZoneContenu table p.descriptif_MAPA {font-size:1.1em;} #ZoneContenu ul.sommaire li {list-style-image: url(/images/puce_01.gif);} #ZoneContenu ul.sommaire ul li {list-style-image: url(/images/puce_02.gif);} #ZoneContenu ul.sommaire ul ul, #ZoneContenu ul.sommaire ul ul ul {list-style-image: url(/images/puce_03.gif);}