/* @group Global */ * { padding: 0; margin: 0; border: none; } body { height: 100%; font: 11px Verdana, Helvetica, sans-serif; color: #FFF; background: #434343 url(../images/common/bg_body.gif) repeat 0 0; } a img,:link img,:visited img { border: none; } a { color: #FFF; text-decoration: none; } a:hover { color: #FFF; text-decoration: underline; } h2 { font-size: 16px; font-weight: bold; } h4 { font-size: 12px; font-weight: bold; } h3 { font-size: 14px; font-weight: bold; } h6 { font-size: 10px; font-weight: normal; text-align: center; margin: 2em 0; color: #666; } h6 a, h6 a:hover { color: #666; } .orange { color: #E97114; } p.readmore { text-align: right; padding-top: 2px; color: #e97114; } p.readmore a { color: #e97114; text-decoration: none; } p.readmore a:hover { color: #e97114; text-decoration: underline; } .submit { border: none; padding: 3px 0; font: 10px Verdana, Helvetica, sans-serif; font-weight: bold; color: #FFF; background: url(../images/common/bg_footer.gif) repeat-x 0 50%; text-transform: uppercase; } #global { position: relative; width: 955px; height: auto; margin: 0 auto; text-align: left; background: url(../images/common/bg_main.jpg) no-repeat 0 0; } /* @end */ /* @group Header */ #header { position: absolute; width: 955px; height: 295px; z-index: 10; background: url(../images/common/bg_header.jpg) no-repeat 0 0; } h1#logo { float: left; width: 300px; height: 80px; } #logo #btn-tohome { display: block; width: 250px; height: 50px; margin-top: 20px; margin-left: 25px; } #logo #btn-tohome:hover { text-decoration: none; } div#search { float: right; width: 445px; height: 22px; padding: 3px 0 0 5px; background: #111111; } div#search .textInput { border: 0; } div#search .submit-search { height: 16px; border: 0; padding: 0 2px; margin: 0; font: 10px Verdana, Helvetica, sans-serif; color: #FFF; background: url(../images/common/bg_footer.gif) repeat-x 0 50%; } div#search .chgLang { display: inline; padding: 0; margin: 0; } div#search a { cursor: pointer; } /* @end */ /* @group Menu */ #navigation { clear: both; width: 955px; height: 25px; background: url(../images/common/bg_navigation.gif) repeat-x 0 0; } #navigation ul { list-style: none; } #navigation li { float: left; display: block; width: 118.3px; padding-top: 6px; text-align: center; text-transform: uppercase; font-weight: bold; font: 11px Arial, Verdana, sans-serif; border-right: 1px solid #000; } #navigation li a { display: block; text-decoration: none; } #navigation li a:hover { display: block; color: #FF6600; text-decoration: none; } /* @end */ /* @group Footer */ #breadcrumb { margin: 0 0 1em 0; padding: 0 1em; } #footer { width: 955px; background: url(../images/common/bg_footer.gif) repeat-x 0 0; overflow: hidden; } #supp-nav { float: left; height: 25px; line-height: 25px; overflow: hidden; } #supp-nav li { display: inline; padding: 0 0.4em; border-right: 1px solid #FFF; } #supp-nav li.last { border-right: 0; } #supp-nav li a { color: #FFF; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; } #supp-nav li a:hover { color: #000; } #supp-nav li.tax a { color: #000; } #social { float: right; } #social li { float: left; list-style: none; margin: 0.4em 0.5em 0 0; } /* @end */ /* @group Main */ #main { height: auto !important; height: 400px; min-height: 400px; padding-top: 105px; } #main #banner { height: 190px; font: 22px 'Arial Black', Arial, sans-serif; text-transform: uppercase; } #main #opacity { height: auto !important; height: 300px; min-height: 300px; margin-left: 25px; margin-bottom: 50px; padding-bottom: 20px; background: url(../images/common/bg_opacity.png) !important; background: url(../images/common/bg_opacity_ie.jpg) repeat-y 0 0; } /*#main #opacity { height: auto !important; height: 300px; min-height: 300px; margin-left: 25px; margin-bottom: 50px; padding-bottom: 20px; background: #000; opacity: 0.5; filter:alpha(opacity=50); z-index: 0; }*/ #main #parchemin { height: auto !important; height: 320px; min-height: 320px; margin-left: 25px; margin-bottom: 50px; padding-bottom: 20px; background: url(../images/common/parchemin.jpg) no-repeat 0 0 !important; background: url(../images/common/bg_opacity_ie.jpg) repeat-y 0 0; } #main #pager { clear: both; text-align: center; cursor: default; } #main #pager a { text-decoration: none; } #main #pager a:hover { text-decoration: none; } #main #pager span { color: #E97114; font-weight: bold; } /* opacity: 0.5; filter:alpha(opacity=50); */ /* @end */ /* @group Home */ #home #main { height: auto !important; height: 600px; overflow: hidden; background: url(../images/common/bg_main3.png) no-repeat 0 290px; } #main #editorial { float: left; width: 455px; height: 380px; padding: 10px; margin: 0 0 0 85px !important; margin: 0 0 20px 42px; background: url(../images/common/editorial.png) repeat 0 0 !important; background: #343434; } #main #headlines { float: right; width: 350px; height: 380px; padding: 10px; margin-bottom: 30px; background: url(../images/common/bg_opacity.png) !important; background: url(../images/common/bg_headlines.jpg) no-repeat 0 0; } #main #headlines ul { list-style-image: url(../images/common/arrow01.gif); padding-left: 20px; } #main #headlines li { padding: 2px 0 5px 0; } #main #headlines ul li a { color: #e97114; text-decoration: none; font-family: "Arial"; text-transform: uppercase; } #main #headlines ul li a:hover { color: #e97114; text-decoration: underline; } #shortcuts { height: 70px; overflow: hidden; margin-top: 3em; } #shortcuts li { float: left; list-style: none; width: 145px; height: 70px; margin: 0 10px; background: url(../images/buttons/homepage.gif) no-repeat 50% -70px; } #shortcuts li a { display: block; width: 145px; height: 0; padding-top: 70px; overflow: hidden; } #shortcuts li.first { margin: 0; background-position: 50% 0; } #shortcuts li.last { margin: 0; background-position: 50% -140px; } /* @end */ #main #pricelist { width: 100%; border-collapse: collapse; } #main #pricelist th { text-align: left; padding: 5px; color: #e97114; border-bottom: 1px solid #3C3C3C; } #main #pricelist td { padding: 4px 5px; text-align: left; border-bottom: 1px solid #3C3C3C; } #main #pricelist .divider { margin-top: 5px; padding: 7px 5px; text-align: left; color: #e97114; background: #3C3C3C; } #main .pricelist { width: 100%; border-collapse: collapse; } #main .pricelist th { text-align: left; padding: 5px; color: #e97114; } #main .pricelist td { padding: 4px 5px; text-align: left; border-bottom: 1px solid #3C3C3C; } #main .pricelist .divider { margin-top: 5px; padding: 7px 5px; text-align: left; color: #e97114; background: #3C3C3C; } /* @group Blog & Forums */ #blog { width: 955px; border: none; text-align: left; overflow: hidden; padding: 0; margin: 0; background: none; } #forums { width: 955px; border: none; text-align: left; overflow: hidden; padding: 0; margin: 0; background: none; } /* @end */ #sf_guard_auth_form { margin: 0 20px; padding: 50px 0 0 0; } #sf_guard_auth_form .title { background: #E97114; padding: 3px 5px; } #sf_guard_auth_form form { padding: 30px 10px; background: url(../images/common/bg_opacity.png) !important; background: #000; } #sf_guard_auth_form .form-row { float: left; padding: 5px; } #sf_guard_auth_form fieldset { border: 1px solid #666; padding: 10px; } #sf_guard_auth_form input { border: none; } #sf_guard_auth_form label { text-align: left; font-weight: bold; } /* @group News */ #main #contentNews { float: left; width: 420px; padding: 30px; text-align: justify; z-index: 10; } #main #contentNews img { border: 1px solid #FFF; } #main #listeNews { float: left; width: 410px; padding: 25px 0 20px 40px; background: #3C3C3C url(../images/common/arrow02.gif) no-repeat 15px 20px; } #main #listeNews h3 { color: #e97114; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #listeNews ul { list-style-image: url(../images/common/arrow01.gif); padding-left: 3px; } #main #listeNews li { width: 90%; } #main #listeNews li a { display: block; text-decoration: none; padding: 3px 0; } #main #listeNews li a:hover { display: block; text-decoration: none; padding: 3px 0; background: #666; } #main #listeNews li.active a { color: #FFF; background: #e97114; } /* @end */ /* @group Exchange */ #main #infosExchange { float: left; width: 420px; padding: 30px; text-align: justify; } #main #infosExchange ul { list-style-position: inside; list-style-type: disc; margin: 5px 0 10px 0; } #main #infosExchange li { padding-left: 10px; } #main #introExchange { float: left; width: 470px; padding: 30px 0 30px 10px; } #main #introExchange .university { float: left; width: 200px; height: 120px; padding: 10px; margin: 5px; background: url(../images/common/bg_opacity.png); } #main #introExchange .university h3 { color: #f9fc08; } #main #introExchange .image, #infosExchange .image { float: left; width: 80px; } #main #introExchange .image img, #infosExchange .image img { border: 1px solid #FFF; } #main #introExchange h3 { text-transform: uppercase; margin-bottom: 10px; } #main #menuExchange { float: left; width: 450px; background: #666; } #main #listeExchange { float: left; width: 410px; padding: 23px 0 20px 40px; background: #3C3C3C url(../images/common/arrow02.png) no-repeat 15px 15px; } #main #listeExchange h3 { color: #e97114; margin-bottom: 5px; text-transform: uppercase; } #main #listeExchange ul { list-style: none; } #main #listeExchange li { width: 90%; } #main #listeExchange li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; } #main #listeExchange li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #666; } #main #listeExchange li.active a { color: #FFF; background: #e97114; } #main #listeExchange .column { float: left; width: 150px; } #main #menuExchange #listeAction { clear: both; width: 410px; padding: 23px 0 20px 40px; background: #666 url(../images/common/arrow02.png) no-repeat 15px 15px; } #main #menuExchange #listeAction h3 { color: #e97114; margin-bottom: 5px; text-transform: uppercase; } #main #menuExchange #listeAction ul { list-style: none; } #main #menuExchange #listeAction li { width: 96%; } #main #menuExchange #listeAction li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; } #main #menuExchange #listeAction li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #3C3C3C; } /* @end */ /* @group Formations */ #main #introFormation { float: left; width: 420px; padding: 30px; text-align: justify; } #main #listeFormation { float: left; width: 450px; padding: 10px 0; background: #3C3C3C; height: auto !important; height: 150px; min-height: 150px; } #main #listeFormation .column { float: left; width: 150px; } #main #listeFormation .column h2 { line-height: 25px; color: #e97114; padding-left: 30px; background: url(../images/common/arrow01.gif) no-repeat 15px 60%; } #main #listeFormation .column h4 { font-size: 11px; color: #e97114; padding: 10px 0 0 30px; } #main #listeFormation .column ul { list-style: none; padding: 0 10px 0 30px; } #main #listeFormation .column li { padding: 3px 0; } #main #popupFormations { position: absolute; z-index: 100; top: 340px; left: 250px; width: 500px; padding: 5px; border: 1px solid #e97114; background: #4d4d4d; } #main #popupFormations table { width: 100%; border-collapse: collapse; } #main #popupFormations h4 { font-size: 10px; color: #e97114; padding-top: 10px; border: none; } #main #popupFormations th { width: 33%; padding: 2px 10px; text-align: left; font-size: 12px; } #main #popupFormations td { width: 33%; padding: 2px 10px; vertical-align: top; } #main #popupFormations ul { list-style: none; } #main #popupFormations li { padding: 2px 0; } #main #popupFormations input { border: none; } #main #popupFormations .submit { border: none; padding: 3px 0; font: 10px Verdana, Helvetica, sans-serif; font-weight: bold; color: #FFF; background: url(../images/common/bg_footer.gif) repeat-x 0 50%; text-transform: uppercase; } #main #formation { height: auto !important; height: 250px; min-height: 250px; margin-left: 25px; margin-bottom: 50px; padding-bottom: 0px; background: url(../images/common/bg_formations.png) !important; background: url(../images/common/bg_opacity_ie.jpg) repeat-y 0 0; } #main #formation #description { float: left; width: 325px; padding: 20px 20px 20px 70px; background: url(../images/common/formations.gif) no-repeat 25px 20px; height: auto !important; height: 170px; min-height: 170px; } #main #formation #description h1.orange { font: 26px 'Arial Black', Arial, sans-serif; text-transform: uppercase; color: #E97114; padding: 0; } #main #formation #description h1.white { font: 26px 'Arial Black', Arial, sans-serif; text-transform: uppercase; padding: 0 0 10px 0; color: #FFF; line-height: 28px; } #main #formation #description p { text-align: justify; } #main #formation .background { float: left; width: 415px; padding: 20px 0; } #main #formation #content { float: left; width: 215px; padding: 20px 20px 20px 20px; color: #FFF; } #main #formation #content h4 { padding-bottom: 10px; } #main #formation #content ul { list-style-position: outside; margin-left: 15px; } #main #formation #submenu { float: left; width: 260px; background: #3C3C3C; } #main #formation #submenu ul { list-style: none; padding: 20px; } #main #formation #submenu li { width: 100%; } #main #formation #submenu li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; } #main #formation #submenu li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #666; } /* @end */ /* @group Trades */ #main #infoTrades { float: left; width: 420px; padding: 30px; } #main #infoTrades h3 { text-transform: uppercase; } #main #menuTrades { float: left; width: 450px; background: #3C3C3C; } #main #menuTrades #listeGroups { float: left; width: 185px; margin-top: 15px; padding: 5px 0 20px 40px; background: #3C3C3C url(../images/common/arrow02.gif) no-repeat 15px 0; } #main #menuTrades #listeGroups h3 { color: #e97114; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #menuTrades #listeGroups ul { list-style: none; } #main #menuTrades #listeGroups li { width: 90%; text-transform: uppercase; } #main #menuTrades #listeGroups li a { display: block; text-decoration: none; padding: 2px 0; } #main #menuTrades #listeGroups li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #666; } #main #menuTrades #listeGroups li.active a { color: #FFF; background: #e97114; } #main #menuTrades #listeGroupsOff { float: left; width: 185px; margin-top: 15px; padding: 5px 0 20px 40px; background: #3C3C3C url(../images/common/arrow03.gif) no-repeat 15px 0; } #main #menuTrades #listeGroupsOff h3 { color: #7E7D7D; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #menuTrades #listeGroupsOff ul { list-style: none; } #main #menuTrades #listeGroupsOff li { width: 90%; } #main #menuTrades #listeGroupsOff li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; color: #7e7d7d; } #main #menuTrades #listeGroupsOff li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #666; } #main #menuTrades #listeGroupsOff li.active a { color: #FFF; background: #e97114; } #main #menuTrades #listeTrades { float: left; width: 180px; padding: 20px 5px 20px 40px; background: #666 url(../images/common/arrow02.gif) no-repeat 15px 15px; } #main #menuTrades #listeTrades h3 { color: #e97114; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #menuTrades #listeTrades ul { list-style: none; } #main #menuTrades #listeTrades li { width: 90%; } #main #menuTrades #listeTrades li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; } #main #menuTrades #listeTrades li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #3C3C3C; } #main #menuTrades #listeTradesOff { float: left; width: 180px; padding: 20px 5px 20px 40px; background: #3C3C3C url(../images/common/arrow03.gif) no-repeat 15px 15px; } #main #menuTrades #listeTradesOff h3 { color: #7E7D7D; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #menuTrades #listeTradesOff ul { list-style: none; } #main #menuTrades #listeTradesOff li { width: 90%; } #main #menuTrades #listeTradesOff li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; color: #7e7d7d; } #main #menuTrades #listeTradesOff li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #666; } #main #menuTrades #listeTradesOff li.active a { color: #FFF; background: #e97114; } #main #menuTrades #listeAction { clear: both; width: 410px; padding: 20px 0 20px 40px; background: #666 url(../images/common/arrow02.gif) no-repeat 15px 15px; } #main #menuTrades #listeAction h3 { color: #e97114; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #menuTrades #listeAction ul { list-style: none; } #main #menuTrades #listeAction li { width: 96%; } #main #menuTrades #listeAction li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; } #main #menuTrades #listeAction li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #3C3C3C; } /* @end */ /* @group Schools */ #main #introSchools { padding: 30px; } #main #introSchools h3 { text-transform: uppercase; margin-bottom: 10px; } #main #listeSchools { float: right; width: 410px; padding: 25px 0 20px 40px; margin-left: 20px; background: #3C3C3C url(../images/common/arrow02.gif) no-repeat 15px 20px; } #main #listeSchools h3 { color: #e97114; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #listeSchools ul { list-style: none; } #main #listeSchools li { width: 90%; } #main #listeSchools li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; } #main #listeSchools li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #666; } #main #listeSchools li.active a { color: #FFF; background: #e97114; } #main #introSchools .links { margin-top: 15px; } #main #introSchools .links p { margin: 5px 0; } /* @end */ /* @group Students */ #main #newsStudents { float: left; width: 420px; padding: 30px; } #main #newsStudents h3 { text-transform: uppercase; margin-bottom: 10px; } #main #newsStudents img { display: block; float: left; padding: 0 10px 10px 0; } #main #newsStudents p { padding: 4px 0; } #main #contentStudents { float: left; width: 420px; padding: 30px; } #main #contentStudents h3 { text-transform: uppercase; margin-bottom: 10px; } #main #contentStudents p { padding: 4px 0; } #main #contentStudents table { width: 420px; border-collapse: collapse; } #main #contentStudents label { display: block; margin-top: 8px; font-weight: bold; color: #e97114; } #main #contentStudents td { padding: 0 2.5px 5px 2.5px; vertical-align: top; text-align: left; } #main #contentStudents .textInput { width: 200px; border: none; padding: 2px 0; font: 10px Verdana, Helvetica, sans-serif; } #main #contentStudents .longInput { width: 410px; border: none; padding: 2px 0; font: 10px Verdana, Helvetica, sans-serif; } #main #contentStudents textarea { width: 410px; border: 1px solid #666; height: 100px; padding: 2px 0; font: 10px Verdana, Helvetica, sans-serif; } #main .curriculum { width: 420px; margin-bottom: 20px; } #main .curriculum th { background: #e97114; color: #FFF; font-weight: bold; padding: 3px 5px; text-align: left; } #main .curriculum td { padding: 3px 0; } #main .curriculum label { color: #e97114; font-weight: normal; } #main .curriculum td.help { padding: 5px 0; } #main .curriculum td.info { width: 40%; } #main .curriculum button { margin-left: 5px; } #main #galleryStudents { float: left; width: 420px; padding: 30px; text-align: justify; } #main #galleryStudents h3 { text-transform: uppercase; margin-bottom: 10px; } #main #galleryStudents a { display: block; float: left; padding: 10px 2px; } #main #menuStudents { float: left; width: 450px; } #main #infosStudents { width: 410px; padding: 25px 0 20px 40px; background: #666; } #main #navigStudents { width: 410px; padding: 25px 0 20px 40px; background: #3C3C3C url(../images/common/arrow02.gif) no-repeat 15px 20px; } #main #navigStudents h3 { color: #e97114; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #navigStudents ul { list-style: none; } #main #navigStudents li { width: 90%; } #main #navigStudents li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; } #main #navigStudents li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #666; } #main #navigStudents li.active a { color: #FFF; background: #e97114; } /* @end */ /* @group Professionals */ #main #contentPro { float: left; width: 440px; padding: 30px 10px 0 30px; } #main #contentPro h3 { text-transform: uppercase; margin-bottom: 10px; } #main #contentPro .submit { border: none; padding: 3px 0; font: 10px Verdana, Helvetica, sans-serif; font-weight: bold; color: #FFF; background: url(../images/common/bg_footer.gif) repeat-x 0 50%; text-transform: uppercase; } #main #contentPro table { border-collapse: collapse; } #main #contentPro label { display: block; margin-top: 8px; font-weight: bold; color: #e97114; } #main #contentPro td { padding: 0 2.5px 5px 2.5px; vertical-align: top; text-align: left; } #main #contentPro .textInput { width: 200px; border: none; padding: 2px 0; font: 10px Verdana, Helvetica, sans-serif; } #main #contentPro .longInput { width: 415px; border: none; padding: 2px 0; font: 10px Verdana, Helvetica, sans-serif; } #main #contentPro .submit { border: none; padding: 3px 0; font: 10px Verdana, Helvetica, sans-serif; font-weight: bold; color: #FFF; background: url(../images/common/bg_footer.gif) repeat-x 0 50%; text-transform: uppercase; } #main #contentPro select { border: 1px solid #666; } #main #contentPro textarea { width: 420px; border: 1px solid #666; height: 100px; padding: 2px 0; font: 10px Verdana, Helvetica, sans-serif; } #main #menuPro { float: left; width: 410px; padding: 25px 0 20px 40px; background: #3C3C3C url(../images/common/arrow02.gif) no-repeat 15px 20px; } #main #menuPro h3 { color: #e97114; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #menuPro ul { list-style: none; } #main #menuPro li { width: 90%; } #main #menuPro li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; } #main #menuPro li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #666; } #main #menuPro li.active a { color: #FFF; background: #e97114; } /* @end */ /* @group Admissions */ #main #introAdmissions { float: left; width: 420px; padding: 30px; } #main #introAdmissions h3 { text-transform: uppercase; margin-bottom: 20px; } #main #listeAdmissions { float: left; width: 450px; } #main #menuAdmissions { width: 410px; padding: 25px 0 20px 40px; background: #3C3C3C url(../images/common/arrow02.gif) no-repeat 15px 20px; } #main #menuAdmissions h3 { color: #e97114; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #menuAdmissions ul { list-style: none; } #main #menuAdmissions li { width: 90%; } #main #menuAdmissions li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; } #main #menuAdmissions li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #666; } #main #menuAdmissions li.active a { color: #FFF; background: #e97114; } #main #menuAdmissionsOff { width: 410px; padding: 25px 0 20px 40px; background: #3C3C3C url(../images/common/arrow03.gif) no-repeat 15px 20px; } #main #menuAdmissionsOff h3 { color: #7E7D7D; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #menuAdmissionsOff ul { list-style: none; } #main #menuAdmissionsOff li { width: 90%; } #main #menuAdmissionsOff li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; color: #7e7d7d; } #main #menuAdmissionsOff li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #666; } #main #menuAdmissionsOff li.active a { color: #FFF; background: #e97114; } #main #submAdmissions { width: 410px; padding: 25px 0 20px 40px; background: #666 url(../images/common/arrow02.gif) no-repeat 15px 20px; } #main #submAdmissions h3 { color: #e97114; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #submAdmissions ul { list-style: none; } #main #submAdmissions li { width: 90%; } #main #submAdmissions li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; } #main #submAdmissions li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #3C3C3C; } #main #submAdmissions li.active a { color: #FFF; background: #e97114; } /* @end */ /* @group Partners */ #main #introPartners { float: left; width: 420px; padding: 30px; } #main #listePartners { float: left; width: 410px; padding: 40px 0 0 40px; background: #3C3C3C url(../images/common/arrow02.gif) no-repeat 15px 15px; } #main #introPartners .photo { float: left; width: 100px; height: 100px; text-align: center; } /* @end */ /* @group Teachers */ #main #galleryTeacher { float: left; width: 460px; padding: 10px; margin-top: 40px; } #main #galleryTeacher .photo { float: left; width: 75px; height: 75px; text-align: center; } #main #galleryTeacher .photo img { border: 1px solid #FFF; } #main #infosTeacher { float: left; width: 450px; } #main #infosTeacher #sortMenu { padding: 10px; background: #202020; text-align: left; } #main #infosTeacher #sortMenu form { display: inline; } #main #infosTeacher #sortMenu select { width: 140px; color: #FFF; border: 1px solid #CCC; background: #333; } #main #infosTeacher #details { height: auto !important; height: 170px; min-height: 170px; padding: 50px 20px 15px 20px; background: #3C3C3C; } #main #infosTeacher #details h3 { color: #e97114; } #main #infosTeacher #details .photo { float: left; width: 80px; height: 75px; } #main #infosTeacher #details .photo img { border: 1px solid #FFF; } #main #teacherPostulate { margin: 0 0 50px 505px; text-align: left; padding: 8px 0 8px 40px; text-transform: uppercase; font-weight: bold; background: #666 url(../images/common/arrow02.gif) no-repeat 10px 50%; } #main #menuTeacher { float: left; width: 410px; padding: 25px 0 20px 40px; background: #3C3C3C url(../images/common/arrow02.gif) no-repeat 15px 20px; } #main #menuTeacher h3 { color: #e97114; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #menuTeacher ul { list-style: none; } #main #menuTeacher li { width: 70%; } #main #menuTeacher li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; } #main #menuTeacher li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #666; } #main #menuTeacher li.active a { color: #FFF; background: #e97114; } /* @end */ /* @group Contact */ #main #infosContact { float: left; width: 440px; padding: 30px 10px 0 30px; } #main #infosContact h3 { font-size: 12px; text-transform: uppercase; margin-bottom: 20px; } #main #infosContact h4 { color: #e97114; text-transform: uppercase; margin-bottom: 10px; border-bottom: 1px solid #e97114; } #main #infosContact ul { list-style: none; } #main #infosContact li { padding: 2px 0; } #main #infosContact .blocStaff { float: left; width: 200px; margin: 0 10px 10px 0; } #main #infosContact .photoStaff { float: left; width: 75px; } #main #infosContact .photoStaff img { border: 1px solid #FFF; } #main #infosContact .infosStaff h3 { font-size: 11px; text-transform: uppercase; margin-bottom: 5px; } #main #listeContact { float: left; width: 450px; } #main #listeContact #menuContact { width: 410px; padding: 20px 0 20px 40px; background: #666 url(../images/common/arrow02.gif) no-repeat 15px 15px; } #main #listeContact #menuContact h3 { color: #e97114; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } #main #listeContact #menuContact ul { list-style: none; } #main #listeContact #menuContact li { width: 90%; } #main #listeContact #menuContact li a { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; } #main #listeContact #menuContact li a:hover { display: block; text-transform: uppercase; text-decoration: none; padding: 2px 0; background: #3C3C3C; } #main #listeContact #menuContact li.active a { color: #FFF; background: #e97114; } #main #listeContact #schoolContact { background: #3C3C3C; padding-bottom: 20px; } #main #listeContact #schoolContact .column { float: left; width: 185px; padding-left: 40px; margin-top: 20px; } #main #listeContact #schoolContact .column h3 { font-size: 12px; color: #e97114; } #main #listeContact .phones { border-collapse: collapse; width: 410px; margin: 20px 0 20px 40px; } #main #listeContact .phones tr td { padding: 2px 0; } #main #listeContact .phones tr.email td { padding-top: 20px; } #main #listeContact .addresses { border-collapse: collapse; width: 390px; margin: 0 0 0 40px; } #main #listeContact .addresses .first { width: 55%; } #main #listeContact .addresses th { font-size: 12px; text-transform: uppercase; color: #e97114; border-bottom: 1px solid #e97114; } #main #listeContact .addresses tr.even td { padding-bottom: 20px; } #main #infosContact table { width: 420px; border-collapse: collapse; } #main #infosContact label { display: block; margin-top: 8px; font-weight: bold; color: #e97114; } #main #infosContact td { padding: 0 2.5px 5px 2.5px; vertical-align: top; text-align: left; } #main #infosContact .textInput { width: 200px; border: none; padding: 2px 0; font: 10px Verdana, Helvetica, sans-serif; } #main #infosContact .longInput { width: 415px; border: none; padding: 2px 0; font: 10px Verdana, Helvetica, sans-serif; } #main #infosContact textarea { width: 420px; border: 1px solid #666; height: 100px; padding: 2px 0; font: 10px Verdana, Helvetica, sans-serif; } #main #infosContact p { padding-top: 3px; } /* @end */ /* @group Search */ #main #searchResults { float: left; width: 420px; padding: 30px; } #main #searchRight { float: left; width: 450px; } #main #searchForm { width: 390px; padding: 22px 20px 20px 40px; background: #3C3C3C url(../images/common/arrow02.gif) no-repeat 15px 15px; } #main #searchForm .textInput { border: none; width: 90%; padding: 2px 0; font: 11px Verdana, Helvetica, sans-serif; } #main #searchForm .submit { border: 1px solid #FF9800; padding: 1px 2px; font: 10px Verdana, Helvetica, sans-serif; font-weight: bold; color: #FFF; background: url(../images/common/bg_footer.gif) repeat-x 0 50%; text-transform: uppercase; } /* @end */ /* @group Media */ #main #listeVideo { float: left; width: 435px; padding: 20px 0 0 20px; } #main #listeVideo table { width: 435px; border-collapse: separate; border: 0; } #main #listeVideo table td { width: 120px; text-align: center; vertical-align: bottom; } #main #listeVideo table th { font-size: 10px; padding: 3px 11px 20px 11px; vertical-align: top; } #main #listeVideo table th a { font-weight: normal; } #main #listeVideo #carousel-wrapper { width: 435px; overflow: hidden; } #main #listeVideo #carousel-content { width: 50000px; } #main #listeVideo #carousel-content .slide { float: left; width: 435px; } #main #pager { width: 435px; clear: both; padding: 0 132px; } #main #pager #pager-wrapper { float: left; overflow: hidden; width: 100px; } #main #pager #pager-content { float: left; width: 5000px; } #main #pager #pager-content .pager-slide { float: left; width: 100px; } #main #pager #pager-content .pager-slide a.current { font-weight: bolder; color: #FF6600; } #main #pager .carousel-control { cursor: pointer; float: left; color: #FF6600; } #main #lecteurVideo { float: right; width: 465px; text-align: center; background-color: #434343; padding: 20px 0; } #main #lecteurVideo #player { width: 400px; height: 320px; overflow: hidden; } /* @end */