/* Copyright Thot'em Interactif 2008 */ /* global.css */ /* import */ @import "init.css"; @import "reserved.css"; body, div { font: 9pt/1.4em Arial, Liberation Sans, Verdana; } a { font: 9pt/1.4em Arial, Liberation Sans, Verdana; color: #FF3300; text-decoration: none; font-weight: bold; } #global { width: 990px; margin: 0 auto; } #top { width: 990px; height: 100px; } #top-left { width: 540px; height: 100px; float: left; } #top-right { width: 450px; height: 100px; float: left; } #top-menu { float: right; height: 22px; padding-top: 8px; font: 8pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; color: #4E4E4E;} #top-menu a { font: 8pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; color: #4E4E4E; text-decoration: none;} #top-newsletter { width: 450px; height: 62px; } #top-newsletter-left { float: left; width: 14px; height: 62px; background: url("../media/site/newsletter-left.png") no-repeat;} #top-newsletter-content { float: left; width: 420px; height: 62px; background: url("../media/site/newsletter-fond.png") repeat-x; } #top-newsletter-right { float: left; width: 16px; height: 62px; background: url("../media/site/newsletter-right.png") no-repeat;} #top-newsletter-content h1 { padding-top: 7px; padding-bottom: 7px; font: 12pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; color: #4E4E4E; } #top-newsletter-content div { font: 9pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; color: #4E4E4E; } #top-newsletter-content .button { width: 20px; height: 23px; background: url("../media/site/ok.png") no-repeat; border: 0; cursor: pointer;} #topvisuel { position: relative; top: 5px; } #encart { width: 280px; height: 160px; background: url("../media/site/encart_home.gif") no-repeat; position: absolute; top: 40px; left: 60px; padding : 20px; text-align: right; } #encart h2 { font: 14pt/1.3em Arial, Liberation, Sans-Serif; color: #555555; font-weight: bold; } #encart h1 { font: 15pt/1.3em Arial, Liberation, Sans-Serif; color: #555555; } #menu { width: 990px; height: 45px; padding-bottom: 10px; } #menu .menu-left, #menu .menu-center, #menu .menu-right { float: left; z-index: 10;} #menu .menu-left { width: 30px; height: 45px; background: url("../media/site/menu-left.png") no-repeat; } #menu .menu-right { width: 30px; height: 45px; background: url("../media/site/menu-right.png") no-repeat right; } #menu .menu-center { width: 930px; height: 45px; background: url("../media/site/menu-fond.png") repeat-x; } #content { clear: both; height: auto; z-index: 0;} #content-page { width: 990px; height: auto; } #content-left { width: 300px; height: auto; padding-right: 10px; float: left; } #content-middle { width: 440px; height: auto; padding-right: 10px; float: left; } #content-right { width: 230px; height: auto; float: left; } #content-right2 { width: 230px; height: auto; float: left; padding-top: 10px; } .rail { font: 7pt/1em Arial, Liberation, Sans-Serif; color: #100091; } .rail a { font: 7pt/1em Arial, Liberation, Sans-Serif; color: #FF4C00; text-decoration: none; } .rail a:hover { font: 7pt/1em Arial, Liberation, Sans-Serif; color: #100091; } #content-left-top { width: 300px; height: 37px; background: url("../media/site/box300-top.png") no-repeat; } #content-left-center { width: 270px; height: auto; background: url("../media/site/box300-fond.png") repeat-y; padding: 7px 15px 0 15px;} #content-left-bottom { width: 300px; height: 14px; background: url("../media/site/box300-bottom.png") no-repeat; } #content-middle-top { width: 440px; height: 37px; background: url("../media/site/box440-top.png") no-repeat; } #content-middle-center { width: 426px; height: auto; background: url("../media/site/box440-fond.png") repeat-y; padding: 7px; } #content-middle-bottom { width: 440px; height: 14px; background: url("../media/site/box440-bottom.png") no-repeat; } #content-right-top { width: 230px; height: 37px; background: url("../media/site/box230-top.png") no-repeat; } #content-right-center { width: 200px; height: auto; background: url("../media/site/box230-fond.png") repeat-y; padding: 7px 15px 0 15px; } #content-right-bottom { width: 230px; height: 14px; background: url("../media/site/box230-bottom.png") no-repeat; } #content-right-top2 { width: 230px; height: 37px; background: url("../media/site/box230-top.png") no-repeat; } #content-right-center2 { width: 200px; height: auto; background: url("../media/site/box230-fond.png") repeat-y; padding: 7px 15px 0 15px; } #content-right-bottom2 { width: 230px; height: 14px; background: url("../media/site/box230-bottom.png") no-repeat; } #content-page h1 { font: 13pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; color: #FF3300; } #content-page p { text-align: justify; } #content-page ul { padding-left: 40px; } #content-page ul li { list-style-type: disc; } #content-page-top { width: 960px; height: 42px; background: url("../media/site/box990-top.png") no-repeat; padding-top: 5px; padding-left: 15px; padding-right: 15px;} #content_page-top h1 { width: 530px; } #content-page-center { width: 960px; height: auto; background: url("../media/site/box990-fond.png") repeat-y; padding-left: 15px; padding-right: 15px; } #content-page-bottom { width: 990px; height: 9px; background: url("../media/site/box990-bottom.png") no-repeat; } #content-left-top h1, #content-middle-top h1, #content-right-top h1, #content-right-top2 h1 { padding-top: 5px; padding-left: 15px; font: 13pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; color: #FF3300; } .middle-bloc { float: left; width: 395px; height: 51px; background: url("../media/site/box440-bloc-fond.png") repeat-x; padding-bottom: 5px; } .middle-bloc-right { float: left; padding-left: 5px; width: 25px; padding-top: 3px; height: 48px; background: url("../media/site/box440-bloc-right.png") no-repeat; } .middle-bloc-content { width: 322px; padding: 2px 6px;} .middle-bloc-content h2 { font: 12pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; padding-bottom: 5px; color: #656565; } .middle-bloc-content p { font: 9pt/1.2em Arial, Liberation, Sans-Serif; color: #000000; } .icone1 { width: 51px; height: 51px; background: url("../media/site/picto-metier1.png") no-repeat; } .icone2 { width: 51px; height: 51px; background: url("../media/site/picto-metier2.png") no-repeat; } .icone3 { width: 51px; height: 51px; background: url("../media/site/picto-metier3.png") no-repeat; } .icone4 { width: 51px; height: 51px; background: url("../media/site/picto-metier4.png") no-repeat; } .icone5 { width: 51px; height: 51px; background: url("../media/site/picto-metier5.png") no-repeat; } .icone6 { width: 51px; height: 51px; background: url("../media/site/picto-metier6.png") no-repeat; } #content-left-center h2, #content-right-center h2, #content-right-center2 h2 { font: 11pt/1em Arial, Liberation, Sans-Serif; text-decoration: underline; font-weight: bold; padding-bottom: 5px; padding-top: 3px; color: #000000; } #content-left-center p, #content-right-center p, #content-right-center2 p { font: 9pt/1.2em Arial, Liberation, Sans-Serif; color: #000000; padding-bottom: 5px; } #content-right-center hr, #content-right-center2 hr { width: 100%; height: 2px; border: 0px; color: #F18875; background: url("../media/site/little-hr.png") no-repeat;padding-bottom: 5px; } #content-right-center a.linkright, #content-right-center2 a.linkright { float: right; font: 8pt/1.2em Arial, Liberation, Sans-Serif; font-weight: bold; text-decoration: underline; color: #FF3300; padding-bottom: 5px; } #content-left-center img { position: relative; left: -7px; } #content-page-center h2.titre { padding-top: 5px; padding-bottom: 5px; } #content-page-center h2.titre a { font: 10pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; color: #FF6600; text-decoration: none; } #content-page-center h2.titre a:hover { color: #100091; } #content-page-center p { padding-bottom: 5px; } #bottom-menu { padding-top: 5px; font: 8pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; color: #777777; text-align: center; } #bottom-menu a { font: 8pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; color: #777777; text-decoration: none;} #formrecrut { width: 600px; margin: 0 auto; } #formrecrut .form-left { width: 200px; float:left; padding-bottom: 10px; font-weight: bold; } #formrecrut .form-right { width: 380px; float:left; padding-bottom: 10px; } #formrecrut .form-right input, #formrecrut .form-right textarea { width: 100%; } #formcontact { width: 450px; margin: 0 auto; } #formcontact .form-left { width: 100px; float:left; padding-bottom: 10px; font-weight: bold; } #formcontact .form-right { width: 300px; float:left; padding-bottom: 10px; } #formcontact .form-right input, #formcontact .form-right textarea { width: 100%; } #login_box { width: 300px; height: 400px; margin: 0 auto; } #login_box .form-left { width: 150px; float:left; padding-bottom: 10px; font-weight: bold; } #login_box .form-right { width: 150px; float:left; padding-bottom: 10px; } #login_box .form-right input { width: 100%; } #inscription_box { width: 400px; height: 400px; margin: 0 auto;} #inscription_box .form-left { width: 200px; float:left; padding-bottom: 10px; font-weight: bold; } #inscription_box .form-right { width: 200px; float:left; padding-bottom: 10px; } #inscription_box .form-right input { width: 100%; } #bottom-menu { padding-bottom: 5px; } #sitemap ul { list-style-type: none; } #sitemap ul ul { padding-left: 20px; padding-bottom: 5px;} #sitemap ul li a { color: #FF6600; text-decoration: none; font-weight: bold;} #sitemap ul li li a { font-weight: normal;} #sitemap ul li a:hover { color: #100091; } #access { width: 940px; margin: 0 auto; border:1px solid #FF6600; border-bottom:0; border-left:0; border-right:0; } .mi-access { width: 470px; float:left; } .content-2tiers { width: 600px; float:left; padding-right:20px; } .content-1tiers { width: 320px; float:left; } #esope-map { position: relative; width: 450px; height: 372px; background: url("../media/site/carte_france.jpg") center no-repeat; } .map-esope-box { font-weight: bold; background: #FF6600; color: #FFFFFF; } #map-esope-siege { position: absolute; width: 160px; padding: 3px 5px; top: 148px; left: -50px; } #map-esope-com { position: absolute; width: 130px; padding: 3px 5px; top: 112px; left: 360px; } #map-esope-lyon { position: absolute; width: 130px; padding: 3px 5px; top: 221px; left: 360px; } #map-esope-aix { position: absolute; width: 130px; padding: 3px 5px; top: 291px; left: 360px; } .metier-txt { float:left; width: 180px; padding-left: 10px; } .metier-home-spacer { font: 0pt/0em Arial; height: 15px; } a:hover { color: #11018E; } .orangehr { background: #FF6600; color: #FF6600; height: 1px; border: 0; }