/****************************************/ /* ------------------------------------- /* CSS2 Style Sheets for : /* ESPACE DU CENTENAIRE - www.espaceducentenaire.com /* ------------------------------------- /* Creation : /* EXCLUSIVE NETWORK, Adrian Buffard /* ------------------------------------- /****************************************/ /* -- GENERAL PARAMETERS -- */ body {margin: 0; padding: 0; background-color: White;font-family: "Arial";font-size: 11px;text-align: center;} a {text-decoration: none; font-family: "Arial";font-size: 11px;} img {border: 0;} a, div, form, input, h1, h2, h3, ul, li, p{ margin: 0;padding: 0; } #main {position:relative;width: 800px;height:600px;margin: auto;padding: 0;text-align:left;} #header {margin: 10px 0 22px 0px;text-align: center;} /* -- MENU -- */ #menu {margin-left: 73px;clear:both;height:38px;} #menu img {width:292px;height:69px;} #menuHome {margin-left: 184px;} a#accueil {background: url(images/menu/menu_01.gif);width: 42px;} a#accueil:hover {background: url(images/menu/menu_01_2.gif);} a#presentation {background: url(images/menu/menu_02.gif);width: 70px;} a#presentation:hover {background: url(images/menu/menu_02_2.gif);} a#prestations {background: url(images/menu/menu_03.gif);width: 63px;} a#prestations:hover {background: url(images/menu/menu_03_2.gif);} a#photos {background: url(images/menu/menu_04.gif);width: 40px;} a#photos:hover {background: url(images/menu/menu_04_2.gif);} a#manifestations {background: url(images/menu/menu_05.gif);width: 84px;} a#manifestations:hover {background: url(images/menu/menu_05_2.gif);} a#references {background: url(images/menu/menu_06.gif);width: 61px;} a#references:hover {background: url(images/menu/menu_06_2.gif);} a#informations {background: url(images/menu/menu_07.gif);width: 132px;} a#informations:hover {background: url(images/menu/menu_07_2.gif);} #menu a {border-left: 1px solid #D93F59;margin-right:20px;padding-left:5px;height:25px;display:block;float:left;background-position:5px 0;background-repeat:no-repeat;} #menu a:hover {height: 38px;border-left-color: #C8AF73;background-position: 5px 5px;background-repeat: no-repeat;} .menuOff {border-left:1px solid Gray;height:41px;display:block;float:left;padding-left:5px;margin-right:25px;} #offaccueil {background: url(images/menu/menu_01_3.gif);width: 42px;} #offpresentation {background: url(images/menu/menu_02_3.gif);width: 70px;} #offprestations {background: url(images/menu/menu_03_3.gif);width: 63px;} #offphotos {background: url(images/menu/menu_04_3.gif);width: 40px;} #offmanifestations {background: url(images/menu/menu_05_3.gif);width: 84px;} #offclients {background: url(images/menu/menu_06_3.gif);width: 61px;} #offinformations {background: url(images/menu/menu_07_3.gif);width: 132px;} #offaccueil, #offpresentation, #offprestations, #offphotos, #offmanifestations, #offclients, #offinformations{ background-repeat:no-repeat;background-position: 5px 5px;margin-right:20px; } /* -- PAGES -- */ .page {height:414px;text-align:center;position:relative;margin: 0px 0 5px 0px;} .page h1 {color: #7F051C;font-size: 1.3em;text-transform: uppercase;background: url(images/arrow_red.gif) no-repeat 0 5px;padding:0 0 0 15px; margin: 0 0 10px 0;} .page h2 {color: #6C6C6C;font-size: 1.2em;font-weight: bold;padding:0 0 2px 7px;margin: 20px 0 5px 0;border-bottom:1px solid #CCCCCC;background: url(images/arrow_red_small.gif) no-repeat 0 5px;} .page h3 {font-size: 1.1em;margin: 10px 0 6px 0; font-weight: normal; text-decoration: underline;} .page p {color:#6C6C6C;font-size: 1.1em;margin: 5px 0 6px 0;text-align: justify;} .page a {color:#B57D83;font-size: 1.1em;} .page a:hover {color: #871C26;text-decoration: none;} .page blockquote {font-size: 1.15em;margin:10px 0 10px 10px;display:block;} .page .blockquoteSign {font-size: 0.9em;color: #871C26; font-weight: bold;} .page ul {color:#6C6C6C;font-size: 1.1em;margin: 0 0 5px 8px;text-align: left; list-style: none;} .page ul li {background: url(images/cross.gif) no-repeat 0 5px;padding-left:9px;margin-bottom:2px;} .page ul.complex li {margin:0 0 15px 0;clear:both;height:30px;} .page ul.mixte li {margin:0 20px 10px 0;padding:75px 0 0px 0px;display:block;float:left;height:45px;width:100px;background: url(images/logos/empty.gif) no-repeat 50% 0;text-align:center;font-weight:bold;} .page ul.mixte {margin-top:5px;font-size:11px;} .page li span {float:left;} .page li .title {display:block;margin-right:9px;font-weight:bold;} .page li .adres {font-style: italic;} .page li .conta {width:100px;} .page li a.www {line-height:normal;padding-bottom:2px;} #backgroundpresentation {background: url(images/centres/centre5.gif) no-repeat 0 0;} #backgroundprestations {background: url(images/centres/centre1.gif) no-repeat 0 0;} #backgroundphotos {background: none;} #backgroundmanifestations {background: url(images/centres/centre3.gif) no-repeat 0 0;} #backgroundclients {background: url(images/centres/centre4.gif) no-repeat 0 0;} #backgroundinformations {background: url(images/centres/centre2.gif) no-repeat 0 0;} #window, #windowcontent, #windowfooter, #windowheader, #windowcadre { width:442px; } #window {position:absolute;top:9px;left:317px;} #windowheader {background: url(images/cadre_top.png) no-repeat 0 0;height:9px;} #windowcadre {background: url(images/cadre_bg.png) repeat-y;padding: 10px 27px 8px 20px;} #windowcontent {color: #6C6C6C;text-align: left;width:387px;height:345px;padding: 0 15px 0px 0;overflow: auto;background-color: White;} #windowfooter {background: url(images/cadre_bot.png) no-repeat 0 0;height:9px;} /* -- HOMEPAGE -- */ #home {width: 515px;height:414px;position:relative;margin:auto;} #home800_01, #home800_33, #home800_34, #home800_35, #home800_38, #home800_39, #home800_40, #home800_41, #home800_42, #home800_43, #home800_44, #home800_45, #home800_46, #home800_47 { position: absolute; } #home800_01 {top:32px;left:0px;} #home800_33 {top:0px;left:100px;} #home800_34 {top:0px;left:156px;} #home800_35 {top:0px;left:186px;} #home800_38 {top:134px;left:186px;} #home800_39 {top:157px;left:186px;} #home800_40 {top:157px;left:338px;} #home800_41 {top:198px;left:100px;} #home800_42 {top:198px;left:129px;} #home800_43 {top:198px;left:254px;} #home800_44 {top:224px;left:254px;} #home800_45 {top:224px;left:383px;} #home800_46 {top:313px;left:383px;} #home800_47 {top:338px;left:100px;} /* -- FORMS -- */ form {margin: 10px 0 25px 0;} input, textarea{ display: block; border: 1px solid #B57D83;margin-bottom:8px; padding:2px 2px 2px 2px; font-size: 1em;font-family: "Arial"; color: #6C6C6C; } input:hover, textarea:hover{ border: 1px solid #7F051C; } textarea {height: 100px;width:350px;} input {width:150px;} .submit {padding:1px; width:100px;color: #7F051C;border: 1px solid #B57D83; background-color: White;cursor: pointer;} /* -- PHOTOS -- **/ .photoplan, #photozoom, #photonav{ position: absolute;height:414px;top:0px;overflow:hidden; } .photoplan {left:0px;width:508px;} #planEntresol{visibility:hidden;} #photozoom {left:0px;width:508px;display:none;background-color: White;} #photonav {left:508px;width:279px;height:404px;border-left: 1px solid gray;padding: 10px 0px 0px 10px;text-align: left;} .photomenu {position: absolute;height:34px;margin:0px 0 10px 0;} .photomenu a {width:120px;height:29px;display:block;} .photomenu a, .photomenu img {float:left;margin-right:5px;} .photomenu a#rdc {background: url(images/diaporama/photomenu1_2.gif) no-repeat 0 0;} .photomenu a#etg {background: url(images/diaporama/photomenu2_2.gif) no-repeat 0 0;} .photomenu a#rdc:hover {background: url(images/diaporama/photomenu1_1.gif) no-repeat 0 0;} .photomenu a#etg:hover {background: url(images/diaporama/photomenu2_1.gif) no-repeat 0 0;} .photopreview {position: absolute;visibility:hidden;top:60px;} .photopreview a {width:81px;height:81px;padding:2px 1px 1px 2px;float:left; margin: 0 4px 4px 0;border: 1px solid #CCCCCC;} .photopreview a:hover {border: 1px solid #871C26;} .photopreview h1 {margin:0 0 45px 0;} p#photoinfos {position: absolute;top:83px;border: 0px solid #871C26;padding:0px;font-style:italic;;visibility:hidden;} #photomenu2 {visibility:hidden;} #previewBlank {visibility:visible;padding:50px 0 0 10px;} .overdiv {border: 0px;} iframe {width:100%;} /* -- REFERENCES -- */ .spacer {clear:both;} li#logo19 {background: url(images/logos/logo-vinci.gif) no-repeat;} li#logo18 {background: url(images/logos/unapei.gif) no-repeat;} li#logo17 {background: url(images/logos/supply-chain-mag.gif) no-repeat;} li#logo16 {background: url(images/logos/manpower.gif) no-repeat;} li#logo15 {background: url(images/logos/opac.gif) no-repeat;} li#logo14 {background: url(images/logos/credit-du-nord.gif) no-repeat;} li#logo13 {background: url(images/logos/caisse-d-epargne.gif) no-repeat;} li#logo12 {background: url(images/logos/Societe-generale.gif) no-repeat;} li#logo11 {background: url(images/logos/spedidam.gif) no-repeat;} li#logo10 {background: url(images/logos/capeb.gif) no-repeat;} li#logo09 {background: url(images/logos/BASF.gif) no-repeat;} li#logo08 {background: url(images/logos/EUROGIP.gif) no-repeat;} li#logo07 {background: url(images/logos/BIOMERIEUX.gif) no-repeat;} li#logo06 {background: url(images/logos/COEFI.gif) no-repeat;} li#logo05 {background: url(images/logos/SANOFI-AVENTIS.gif) no-repeat;} li#logo04 {background: url(images/logos/NATIXIS.gif) no-repeat;} li#logo03 {background: url(images/logos/ratp_.gif) no-repeat;} li#logo02 {background: url(images/logos/modial2007.gif) no-repeat;} li#logo01 {background: url(images/logos/ministere-eco-fin.gif) no-repeat;} /* -- SENDMAIL -- */ #sendmailbg {position:absolute;left:0px;top:129px;z-index:100;width:800px;height:412px;background-color: White ;filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;} #sendmail {position:absolute;left:275px;top:220px;z-index:101;width:250px;height:76px;} #sendmailbox {width: 250px;height:76px;margin:auto;background: url(images/sendmailbox.gif) no-repeat 0 0;} .sendmailtext {position:absolute;left:20px;top:15px;width:150px;height:50px;padding:5px 0 0 50px;text-align:left;font-weight:bold;font-size:11px;color:#666666;} #boxtextblue {background: url(images/alertblue.gif) no-repeat 0 0;} #boxtextred {background: url(images/alertred.gif) no-repeat 0 0;} #sendmailbutton{position:absolute;right:10px;top:8px;width: 13px;height:14px;background: url(images/sendmailbutton.gif) no-repeat 0 0;} /* -- FOOTER -- */ #footer {font-family: Verdana;font-size: 1em;color: Gray;margin: 7px 0 0px 0px;clear: both;text-align: center;} #footer a {font-family: Verdana;font-size: 1em;color: #871C26;} #footer a:hover {color: #871C26;text-decoration: underline;} #footerline {background: url(images/footer.gif) no-repeat 0 0;height:1px;margin-left:377px;} #sedplogo {position:absolute;left:10px;top:550px;width: 60px;height:50px;background: url(images/logos/sedp.gif) no-repeat 0 0;} #ratplogo {position:absolute;left:70px;top:550px;width: 60px;height:50px;background: url(images/logos/logo-groupe-ratp-GF.gif) no-repeat 0 0;} #exclusivelogo {position:absolute;left:740px;top:550px;width: 60px;height:50px;background: url(images/logos/exclusive-network.gif) no-repeat 0 0;} #mentionsLegales {position:absolute;left:0px;top:129px;width: 800px;height:412px;border:1px solid gray;z-index:100; background-color: White;} #mentions {padding:10px 0 10px 0;} #mentionsHeader {margin:25px 0 0px 0;} #mentionsContents {text-align: left;} #mentionsTitle {position:absolute;left:10px;top:5px;width: 200px;height:20px;color: #7F051C;font-size: 12px;text-transform: uppercase;text-align:left;} #mentionsButton {position:absolute;right:5px;top:5px;width: 50px;height:20px;} #mentionsButton a {color:#871C26;} #mentionsButton a:hover {text-decoration:underline;} #mentions blockquote {margin:0 50px 20px 40px;}