/*@import url(_elements.css);*/ /* RESET */ /* ----------------------------------------- */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ul,li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} strong { font-weight: bold } em { font-style: italic } a img { border:none } a{outline:0px;} body {font: 0.75em/1.5em Arial, sans-serif;} #accessibility{display:none;} body {margin:0;background:#eaeaea} #page {width:1016px;margin:0 auto;background:#eaeaea url(/images/bg_deg.png) repeat-y center 0;} #wrapper {overflow:hidden;} hr.clear {display:none;clear:both;} #signature {width:1016px;padding:10px 0;height:14px;margin:0 auto;background: url(/images/sprite.png) no-repeat 0 -287px;/*background:#eaeaea url(/images/footer.png) no-repeat center 0;*/} #signature p, #signature p a{text-align:center;color:#7D7D7D;text-decoration: none;} /* ========== */ /* = banner = */ /* ========== */ .rubrique_sommaire_ #banner {margin-bottom:100px;height:250px;} #banner {width:960px;position:relative;margin:0 28px;padding:110px 0 40px 0;background:#fff url(/images/courbe.png) no-repeat center 100%;} #banner img {position:absolute;z-index:9999;top:10px;left:25px;display:block;} #banner #btn_home {position:absolute;top:0px;left:340px;display:block;width:50px;height:40px;text-indent:-9999px;background:#ccc url(/images/btn_home.gif) no-repeat 14px 10px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;} #banner #not_nested {width:625px;width:555px;height:40px;background:#9c5072;position:absolute;top:0;right:0px;-moz-border-radius-bottomleft:4px;} #banner #not_nested ul li {float:left;} #banner #not_nested ul li a{-moz-border-radius:4px;font-size:15px;color:#fff;text-decoration: none;font-weight:bold;margin:10px;padding:2px 5px 2px 5px;display:block;float:left;} #banner #not_nested ul li a:hover, #banner #not_nested ul li.active a{-moz-border-radius:4px;background:#fff;color:#9c5072;} #banner #not_nested ul li.accueil a{ width:22px;height:21px;padding:0;margin:10px 0px 0 15px;text-indent:-9999px;background: url(/images/sprite.png) no-repeat 0 -216px; } #banner .flash {position: absolute; z-index:99;padding:10px 10px 10px ;top:50px;right:0; width:600px;background:#EF732A;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;} #banner .flash h2,#banner .flash a.LinkIn,#banner .flash .date {display:none;} #banner .flash h3 {color:#fff;font-weight: bold;text-transform: uppercase;} #banner .flash p {color:#fff;font-weight: bold;text-transform: uppercase;} #banner .photos h2{display:none;} #banner .photos {position:relative;width:380px;height:253px;height:223px;} #banner .photos img{position:absolute;z-index:9;top:0px;left:0;} #banner .courbe img{position:absolute;top:330px;left:0;z-index:999;} #banner .textes {position:absolute;overflow:auto;top:140px;right:20px;height:200px;padding:0 20px 0 0;width:515px;} #banner .textes .item{clear:both;} #banner .textes h2{text-transform: uppercase;color:#e96a15;font-weight:bold;font-size:22px;margin-bottom:.5em;} #banner .textes h3{text-transform: uppercase;color:#333;font-weight:bold;font-size:15px;margin-bottom:.5em;} #banner .textes p{color:#404040;font-size:16px;margin-bottom:20px;} #banner .textes a.LinkIn {background: url(/images/sprite.png) no-repeat 0 0;display:block;width:112px;height:23px;text-indent:-9999px;float:right;margin:1em 20px 20px 0;} #banner .textes h3 a.LinkIn{background:none;color:#e96a15;font-weight:bold;text-decoration:none;display:inline;/*width:none;height:none;*/text-indent:0px;float:none;} .simpleText {background:#fff;} #banner #tabs{position: absolute;top:300px;left:405px;z-index: 99999;} #banner #tabs a{float:left;margin-right:10px;display:block;width:11px;height:11px;background: url(/images/pager_off.png) no-repeat 0 0;text-indent:-9999px;} #banner #tabs a.activeSlide{background-image: url(/images/pager_on.png);} /* =========== */ /* = leftbar = */ /* =========== */ .rubrique_sommaire_ #leftbar {margin:0 28px;width:960px;overflow:hidden;position:absolute;top:385px;z-index:999;} .rubrique_sommaire_ #leftbar #nested .first_level>li{width:280px;float:left;padding:0 20px;} #leftbar {margin:0 28px 0 -940px;float:left;width:300px;overflow:hidden;} #leftbar #nested .first_level>li{width:280px;padding:0 20px;} #leftbar #nested a {text-decoration: none;} #leftbar #nested .first_level>li>a{text-transform: uppercase;color:#e96a15;font-weight:bold;font-size:18px;} #leftbar #nested ul.second_level {margin-bottom:20px;} #leftbar #nested .first_level>li .second_level li{display:block;margin:5px 0;} #leftbar #nested .first_level>li .second_level a{color:#404040;font-size:14px;background: url(/images/btn_ensavoirplus_small.png) no-repeat right 0;display:block;} #leftbar #nested .first_level>li .second_level a span{background:#fff} .rubrique_sommaire_ #leftbar #nested .third_level{display:none;} #leftbar #nested .first_level .second_level .third_level li{} #leftbar #nested .first_level .second_level .third_level a{padding-left:1em;background:#f6f6f6;font-size:12px;} #leftbar #nested .first_level .second_level .third_level a:hover{background:#E9E9E9;} #leftbar #nested .first_level .second_level .third_level .active a{background:#9c5072;color:#fff;} #leftbar #nested .first_level .second_level .third_level a span{background:none;} #leftbar .first_level .second_level .third_level{display:none;} #leftbar .second_level .active .third_level{display:block;} /*.actualite #leftbar #nested{display:none;}*/ .actualite #leftbar .boxlastelements{ margin:0 0 20px 20px; border-bottom: 1px solid #999; padding-bottom:20px; } .actualite #leftbar .boxlastelements h2{ color:#fff; text-transform: uppercase;color:#8C3E5B;font-weight:bold;font-size:18px; } .actualite #leftbar .boxlastelements .item{ margin:10px 0 0 0; } .actualite #leftbar .boxlastelements .item p, .actualite #leftbar .boxlastelements .item img, .actualite #leftbar .boxlastelements .item a{display:none;} .actualite #leftbar .boxlastelements .item h3 a{display:block;text-transform: uppercase;color:#E95500;font-weight:bold;} /* ============= */ /* = conteneur = */ /* ============= */ #contents {width:600px;float:left;padding-left:370px;padding-bottom:20px;} #contents h1{text-transform: uppercase;color:#e96a15;font-weight:bold;font-size:18px;} #contents h2{text-transform: uppercase;color:#404040;font-weight:bold;font-size:16px;} #contents h3{color:#404040;font-weight:bold;font-size:14px;} #contents img{float:right;margin:0 0 20px 20px;} #contents ol li{list-style:decimal} #contents ul li{list-style:square} #contents li{margin-left:30px} #contents p, #contents dl, #contents hr, #contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6, #contents ol, #contents ul{margin-bottom:1em} .bde #contents h2, .bds #contents h2, .semaine_d_integration #contents h2, .stages_projets #contents h2 {margin-top:2em;} .bde .medias, .bds .medias, .semaine_d_integration .medias, .stages_projets .medias, .bde .medias div, .bds .medias div, .semaine_d_integration .medias div, .stages_projets .medias div {width:600px;height:450px;} .bde .medias img, .bds .medias img, .semaine_d_integration .medias img, .stages_projets .medias img {width:auto;height:auto;} .bde .medias div, .bds .medias div, .semaine_d_integration .medias div, .stages_projets .medias div {right:10px;} .rubrique_sommaire_ #contents #article {position:absolute;overflow:auto;top:120px;margin-left:70px;height:200px;padding:0 20px 0 0;width:510px;} #news #chapo img {display:none;} .chapo_description {font-weight: bold;} .date {font-style: italic;font-size:11px;text-align: right;} .medias div a {width:120px;height:120px;border:1px solid #ddd;display:block;margin:5px;float:left;text-align:center;} #contents .medias div img {margin:0;float:none;padding:5px;} .semaine_d_integration #news .pager, .bureau_des_etudiants #news .pager, .bureau_des_sports #news .pager, .projets #news .pager {display:none;} #galerie {margin-bottom:10px;} .semaine_d_integration .news_event, .bureau_des_etudiants .news_event, .bureau_des_sports .news_event, .projets .news_event {background:#F7F7F7;border:1px solid #CFCFCF;padding:5px;margin:5px;width:550px;} .semaine_d_integration #contents .news_event img, .bureau_des_etudiants #contents .news_event img, .bureau_des_sports #contents .news_event img, .projets #contents .news_event img {margin:0;} .semaine_d_integration #contents .news_event hr, .bureau_des_etudiants #contents .news_event hr, .bureau_des_sports #contents .news_event hr, .projets #contents .news_event hr {margin-bottom:0;} .semaine_d_integration #contents .news_event h2, .bureau_des_etudiants #contents .news_event h2, .bureau_des_sports #contents .news_event h2, .projets #contents .news_event h2 {margin:20px;} .semaine_d_integration #contents .news_event h2 a, .bureau_des_etudiants #contents .news_event h2 a, .bureau_des_sports #contents .news_event h2 a, .projets #contents .news_event h2 a {color:#000;text-decoration:none;} /*.resultats_concours #authentification {background:#FFF;padding:0px 0 20px 50px;margin:0;}*/ .resultats_concours #authentification fieldset {background:#FFF;padding:20px;border:1px solid #CFCFCF;} .resultats_concours #authentification legend {color:#E96A15;font-size:18px;font-weight:bold;text-transform:uppercase;padding:50px 0 10px 0;margin:0;clear:both;} .resultats_concours #authentification .row {margin:10px 0;} /* ========== */ /* = Footer = */ /* ========== */ #footer {width:960px;padding:10px 0;margin:0 28px;overflow:hidden;} #footer .actus {min-height:240px;float:left;width:440px;padding:20px;background:#f7f7f7;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;} #footer .actus .item {padding-bottom:1em;clear:both;margin-top:20px;} #footer .actus .item img{display:none;float:right;} #footer .actus h2{text-transform: uppercase;color:#e96a15;font-weight:bold;font-size:18px;margin-bottom:20px;} #footer .actus h3{text-transform: uppercase;color:#404040;font-weight:bold;font-size:16px;clear:right;} #footer .actus a.LinkIn{background: url(/images/sprite.png) no-repeat 0 -141px;display:block;width:114px;height:25px;text-indent:-9999px;float:right;margin-top:10px;} #footer .actus h3 a.LinkIn{color:#404040;text-decoration: none;background: none;display:inline;width:100%;height:auto;text-indent:0;float:none;} #footer .diaporama {/*min-height:240px;*/float:left;width:480px;padding:20px 0;background:#f7f7f7;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;} #footer .diaporama h2{display:none;} #footer .diaporama img {/*position:absolute;width:338px;height:231px*/} #slideshow img{ padding: 1px; display: block; border: 1px solid #ccc; width:334px;height:227px } #nav { width: 138px; margin: 0px;float:right; } #nav li { width: 50px; float: left; margin: 0 5px 5px 5px; list-style: none } #nav a { width: 50px; padding: 1px; display: block; border: 1px solid #ccc; } #nav a.activeSlide { background: #A1A1A1 } #nav a:focus { outline: none; } #nav img { border: none; display: block } #footer .reseaux {clear:both;float:left;width:350px;padding:0 20px;} #footer .reseaux h2{display:none;} #footer .reseaux h3{margin-top:20px;text-transform: uppercase;color:#e96a15;font-weight:bold;font-size:14px;} #footer .reseaux p{text-transform: uppercase;color:#404040;font-weight:bold;font-size:10px;line-height:11px;} #footer .reseaux img{height:40px;} #footer .sponsors h2{display:none;} #footer .sponsors ul li, #footer .reseaux ul li {float:right;} #footer .reseaux ul li a{float:left;margin:20px 5px 0 5px;} #footer .sponsors ul li a{float:left;margin:20px 20px 0 0;} #footer .sponsors img{height:40px;} /* ======== */ /* = TEST = */ /* ======== */ .rubrique_sommaire_2 #footer, .rubrique_sommaire_2 #banner .flash, .rubrique_sommaire_2 #banner .photos, .rubrique_sommaire_2 #banner .courbe img, .rubrique_sommaire_2 #banner .textes {display:none;} .buttons{ /* clear:both; float:right;*/ } a.buttons, .buttons button, input.buttons{ /* display:block;*/ /* float:left;*/ margin:10px 0; background-color:#f5f5f5; border:1px solid #dedede; border-bottom:1px solid #dedede!important; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ } .buttons button,input.buttons{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } .buttons button[type],input.buttons{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */ } .buttons button img, a.buttons img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } /* STANDARD */ button:hover, a.buttons:hover,input.buttons:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; } a.buttons:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; } /* POSITIVE */ button.positive, a.buttons.positive,input.positive{ color:#529214; } a.buttons.positive:hover, button.positive:hover,input.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; } a.buttons.positive:active{ background-color:#529214; border:1px solid #529214; color:#fff; } /* NEGATIVE */ a.buttons.negative, button.negative,input.negative{ color:#d12f19; } a.buttons.negative:hover, button.negative:hover,input.negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; } a.buttons.negative:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff; } a.print{background:transparent url("/images/icons/printer.png") no-repeat 7px center;padding-left:30px!important;} a.retour{background:transparent url("/images/icons/arrow_undo.png") no-repeat 7px center;padding-left:30px!important;float:right;} a.apercu{display:block;background:transparent url("/images/icons/page_white_acrobat.png") no-repeat 7px center;padding-left:30px!important;float:none;} a.prev{float:left;padding-left:20px;background:transparent url("/images/icons/resultset_previous.png") no-repeat left center;} a.next{float:right;clear:none;padding-right:20px;background:transparent url("/images/icons/resultset_next.png") no-repeat right center;} a.add{float:right;background:transparent url("/images/icons/add.png") no-repeat 7px center;padding-left:30px!important;} a.edit{background:transparent url("/images/icons/page_white_edit.png") no-repeat 7px center;padding-left:30px!important;margin-top:10px;} /* ============= */ /* = IE 6 HACK = */ /* ============= */ * html .rubrique_sommaire_ #leftbar #nested .first_level li{float:left;} * html #leftbar #nested .first_level li{width:280px;padding:0 20px;} * html #leftbar #nested .first_level li a{text-transform: uppercase;color:#e96a15;font-weight:bold;font-size:18px;} * html #leftbar #nested .first_level li .second_level li{display:block;margin:5px 0;padding:0;} * html #leftbar #nested .first_level li .second_level a{text-transform: none;font-weight:normal;color:#404040;font-size:14px;background: url(/images/btn_ensavoirplus_small.png) no-repeat right 0;display:block;} * html #leftbar #nested .first_level li .second_level a span{background:#fff} /** html .rubrique_sommaire_ #banner, * html .rubrique_sommaire_ #footer{margin-left:56px;}*/ * html #banner {height:0px;background-image:url(/images/courbe-2.png);} * html #banner #not_nested ul li a{font-size:15px;margin:10px 5px 10px 5px;} * html #banner #not_nested ul li.accueil a{margin:10px 10px 0 10px; } * html img{ behavior: url(/scripts/iepngfix.htc) } /* ================= */ /* = IE 6 & 7 HACK = */ /* ================= */ * html #banner #not_nested {height:40px;} /* IE 6 */ *+html #banner #not_nested {height:40px;} /* IE 7 */ * html #banner .textes {height:210px;} /* IE 6 */ *+html #banner .textes {height:210px;} /* IE 7 */