/* CSS issu des tutoriels css.alsacreations.com */ body { font-family:Arial, Helvetica, sans-serif;font-size: 0.8em;margin: 0;padding: 0; } /* liens */ a { text-decoration:underline; color:#03679F; font-weight:normal; } a:visited {color:#000; } a:hover { color:#F58220;} .invisible {display:none} /* header -------------------------------------------------*/ #header {position:relative; height: 145px; background:transparent url(images/logo.png) top left no-repeat;} #header h1 {position:relative; display:none; margin:0; padding:0} #header #weblogin{position:absolute; display:block; width:287px; height:60px; left:200px; background-color:#F58220; overflow:hidden} #header #weblogin p {margin:10px; color:#FFF} #header #weblogin p a { text-decoration:underline; color:#FFF; font-weight:normal; } #header #weblogin p a:visited {color:#FFF; } #header #weblogin p a:hover { color:#FFF; text-decoration:none} #header #weblogin table{display:block; position:relative; color:#FFF; margin:1px 0 0 5px} #header #weblogin table input{margin:4px 0 0 5px} *+html #header #weblogin table input, * html #header #weblogin table input{margin:1px 0 0 5px; } * html #header #weblogin table {top:-4px} #header #pub{position:absolute; display:block; width:468px; height:60px; left:487px; top:0px; background-color:#F58220; overflow:hidden} #header h2 {position:absolute; display:block;width:603px; height:85px; left:200px; top:60px ; margin:0; padding:0 } * html #header h2 {top:60px} #header h2#titre1 { background:transparent url(images/h2-le-service-telephonie.png) 0 0 no-repeat} #header h2#titre2 { background:transparent url(images/h2-la-telephonie-et-altadis-distribution-france.png) 0 0 no-repeat} #header h2#titre3 { background:transparent url(images/h2-produits.png) 0 0 no-repeat} #header h2#titre4 { background:transparent url(images/h2-solutions-techniques.png) 0 0 no-repeat} #header h2#titre5 { background:transparent url(images/h2-actions-commerciales.png) 0 0 no-repeat} #header h2#titre6 { background:transparent url(images/h2-actualites.png) 0 0 no-repeat} #header h2#titre57 { background:transparent url(images/h2-contact.png) 0 0 no-repeat} #header h2 span {display:none; } #header #contact {position:absolute; top:60px; left:810px; display:block; width:120px; height:85px; background-color:#FFF; margin-top:0px} #header #contact a{background:transparent url(images/contact-off.png) 0 0 no-repeat; display:block; width:120px; height:85px;} #header #contact a:hover {background:transparent url(images/contact-on.png) 0px 0 no-repeat;width:120px; height:85px; } #header #contact a span{display:none} /* conteneur -------------------------------------------------*/ #conteneur {position:absolute; width: 955px; height: 600px; left: 50%; top: 50%; margin-top: -300px; margin-left: -478px; border-color:#000; border-width:1px; border-style:solid; background-color:#FFF;} /* centre -------------------------------------------------*/ #centre {position:relative; background-color:#FFF; margin-left: 200px;} #centre h3 {width:443px; height:40px; margin:0; padding:0; text-indent:-5000px} #centre h3#titre8 { background:transparent url(images/h3-tickets-telephones.png) 0 0 no-repeat; } #centre h3#titre9 { background:transparent url(images/h3-telecartes.png) 0 0 no-repeat; } #centre h3#titre10 { background:transparent url(images/h3-cartes-cabines.png) 0 0 no-repeat; } #centre h3#titre11 { background:transparent url(images/h3-orange.png) 0 0 no-repeat;} #centre h3#titre12 { background:transparent url(images/h3-strator.png) 0 0 no-repeat;} #centre h3#titre13 { background:transparent url(images/h3-tpe-atos.png) 0 0 no-repeat;} #centre h3#titre34 { background:transparent url(images/h3-presentation.png) 0 0 no-repeat;} #centre h3#titre37 { background:transparent url(images/h3-presentation.png) 0 0 no-repeat;} #centre h4#titre33 { background:transparent url(images/h4-cartes-cabines.png) 0 0 no-repeat; width:443px; height:60px; margin:0; padding:0; text-indent:-5000px} #centre #flashcontent {margin:2px 0 0 0; padding:0;} /* centre menu niv 3 -------------------------------------------------*/ #centre #menu-niv-3 {position:absolute; top:10px; left:440px; height:23px; background-color:#FFF; overflow:hidden} #centre #menu-niv-3 ul {list-style-type: none; margin:0; padding-left:0px; padding-bottom:0px; padding-top:0px; height:23px;} #centre #menu-niv-3 li {display:block; float: left; height:23px; margin:0; height:30px; font-size:10px; text-align:center; border-right-color:#000; border-right-width:2px; border-right-style:solid; padding: 0 5px ; padding-top:0px } #centre #menu-niv-3 li a { text-decoration:none; color:#000; font-weight:normal; } #centre #menu-niv-3 li a:visited {color:#000; } #centre #menu-niv-3 li a:hover { color:#F58220;} #centre #menu-niv-3 li.active a { color:#03679F;} #centre #menu-niv-3 li.last { border-right-width:0px; border-right-style:solid; padding: 0 0 0 5px } #centre #menu-niv-3 li#item18 { padding-top:5px } #centre #menu-niv-3 li#item19 { padding-top:5px } #centre #menu-niv-3 li#item20 { padding-top:5px } #centre #menu-niv-3 li#item21 { padding-top:5px } #centre #menu-niv-3 li#item33 { padding-top:0px ; border-right-width:2px; border-left-width:2px ; border-left-color:#000; border-left-style:solid} #centre #menu-niv-3 li#item35 { padding-top:5px } #centre #menu-niv-3 li#item36 { padding-top:5px } #centre #menu-niv-3 li#item38 { padding-top:5px } #centre #menu-niv-3 li#item39 { padding-top:5px } #centre #menu-niv-3 li#item40 { padding-top:5px ; border-right-width:2px; border-left-width:2px ; border-left-color:#000; border-left-style:solid } #centre #menu-niv-3 li#item67 { padding-top:5px ; border-right-width:2px; border-left-width:2px ; border-left-color:#000; border-left-style:solid } #centre #menu-niv-3 li#item68 { padding-top:5px ; border-right-width:2px; border-left-width:2px ; border-left-color:#000; border-left-style:solid } #centre #menu-niv-3-news {position:absolute; top:10px; left:406px; height:23px; background-color:#FFF; overflow:hidden} #centre #menu-niv-3-news ul {list-style-type: none; margin:0; padding-left:0px; padding-bottom:0px; padding-top:0px; height:23px;} #centre #menu-niv-3-news li {display:block; float: left; height:23px; margin:0; height:30px; font-size:10px; text-align:center; border-right-color:#000; border-right-width:2px; border-right-style:solid; padding: 0 5px ; padding-top:0px } #centre #menu-niv-3-news li a { text-decoration:none; color:#000; font-weight:normal; } #centre #menu-niv-3-news li a:visited {color:#000; } #centre #menu-niv-3-news li a:hover { color:#F58220;} #centre #menu-niv-3-news li.active a { color:#03679F;} #centre #menu-niv-3-news li.last { border-right-width:0px; border-right-style:solid; padding: 0 0 0 5px } #centre #menu-niv-3-news li#item61 { padding-top:5px } #centre #menu-niv-3-news li#item62 { padding-top:5px } #centre #menu-niv-3-news li#item63 { padding-top:5px } /* centre content-txt -------------------------------------------------*/ #centre #content-txt {position:absolute; top:45px; left:55px; height:210px; width:400px; z-index:10;} #centre #content-txt img {padding:0; margin:0} #centre #content-txt p {color:#03679F; font-size:10px; font-weight:bold;} #centre #content-txt ul {color:#03679F; font-size:10px; margin:0 0 10px 0px; padding:0; list-style-type:disc} #centre #content-txt ul li{color:#03679F; font-size:10px; padding:0; margin:0px 0 0 12px; font-weight:bold} #centre #content-txt h4 {color:#03679F; font-size:12px; font-weight:borld; margin:0; padding:0} #centre #content-txt em, #centre #content-txt strong {color:#F58220; font-size:10px; font-weight:bold; margin:0; padding:0} #centre #content-txt-v2 {position:absolute; top:50px; left:55px; height:210px; width:400px; z-index:10;} #centre #content-txt-v2 img {padding:0; margin:0} #centre #content-txt-v2 p {color:#03679F; font-size:11px; font-weight:normal; line-height:16px} #centre #content-txt-v2 p.note {color:#AAA; font-size:10px; font-weight:normal; line-height:14px} #centre #content-txt-v2 ul {color:#03679F; font-size:11px; margin:0 0 10px 0px; padding:0; list-style-type:disc} #centre #content-txt-v2 ul li{color:#03679F; font-size:11px; padding:0; margin:4px 0 0 12px; font-weight:normal} #centre #content-txt-v2 h4 {color:#03679F; font-size:13px; font-weight:bold; margin:0 0 5px 0; padding:0; text-transform:uppercase} #centre #content-txt-v2 h5 {color:#03679F; font-size:13px; font-weight:bold; margin:5px 0; padding:0; list-style-type:circle} #centre #content-txt-v2 h6 {color:#03679F; font-size:13px; font-weight:bold; margin:5px 0; padding:0; list-style-type:circle} #centre #content-txt-v2 em, #centre #content-txt-v2 strong {color:#F58220; font-size:11px; font-weight:bold; margin:0; padding:0} #centre #content-txt-v2-1-colonne {position:absolute; top:50px; left:55px; width:330px; z-index:10;} #centre #content-txt-v2-1-colonne img {padding:0; margin:0} #centre #content-txt-v2-1-colonne p {color:#03679F; font-size:11px; font-weight:normal; line-height:16px} #centre #content-txt-v2-1-colonne p.note {color:#AAA; font-size:10px; font-weight:normal; line-height:14px} #centre #content-txt-v2-1-colonne ul {color:#03679F; font-size:11px; margin:0 0 10px 0px; padding:0; list-style-type:disc} #centre #content-txt-v2-1-colonne ul li{color:#03679F; font-size:11px; padding:0; margin:4px 0 0 12px; font-weight:normal} #centre #content-txt-v2-1-colonne h4 {color:#03679F; font-size:13px; font-weight:bold; margin:0 0 5px 0; padding:0; text-transform:uppercase} #centre #content-txt-v2-1-colonne h5 {color:#03679F; font-size:13px; font-weight:bold; margin:5px 0; padding:0; list-style-type:circle} #centre #content-txt-v2-1-colonne h6 {color:#F58220; font-size:13px; font-weight:bold; margin:10px 0; padding:0; list-style-type:circle} #centre #content-txt-v2-1-colonne em, #centre #content-txt-v2-1-colonne strong {color:#F58220; font-size:11px; font-weight:bold; margin:0; padding:0} #centre #content-txt-v2-2-colonne {position:absolute; top:50px; left:410px; width:330px; z-index:10;} #centre #content-txt-v2-2-colonne img {padding:0; margin:0} #centre #content-txt-v2-2-colonne p {color:#03679F; font-size:11px; font-weight:normal; line-height:16px} #centre #content-txt-v2-2-colonne p.note {color:#AAA; font-size:10px; font-weight:normal; line-height:14px} #centre #content-txt-v2-2-colonne ul {color:#03679F; font-size:11px; margin:0 0 10px 0px; padding:0; list-style-type:disc} #centre #content-txt-v2-2-colonne ul li{color:#03679F; font-size:11px; padding:0; margin:4px 0 0 12px; font-weight:normal} #centre #content-txt-v2-2-colonne h4 {color:#03679F; font-size:13px; font-weight:bold; margin:0 0 5px 0; padding:0} #centre #content-txt-v2-2-colonne h5 {color:#03679F; font-size:13px; font-weight:bold; margin:5px 0; padding:0; list-style-type:circle} #centre #content-txt-v2-2-colonne h6 {color:#F58220; font-size:13px; font-weight:bold; margin:10px 0; padding:0; list-style-type:circle} #centre #content-txt-v2-2-colonne em, #centre #content-txt-v2-2-colonne strong {color:#F58220; font-size:11px; font-weight:bold; margin:0; padding:0} #centre #content-txt-v2-2-colonne a, #centre #content-txt-v2-2-colonne a:link { text-decoration:underline; color:#F58220; } #centre #content-txt-v2-2-colonne a:visited {color:#F58220; } #centre #content-txt-v2-2-colonne a:hover { color:#03679F;} #centre #content-txt-v4 {position:absolute; top:110px; left:50px; z-index:10;} #centre #content-txt-v4 td p{color:#AF9ECD; font-size:10px; font-weight:normal; width:180px} #centre #content-txt-v4 td em, #centre #content-txt-v4 td a {font-weight:bold; color:#AF9ECD;} /* centre illu -------------------------------------------------*/ #centre #content-illustration {position:absolute; display:block; top:267px; left:0px; height:163px; width:260px; background-color:#FFF; z-index:9 } #centre #content-illustration-grande {position:absolute; display:block; top:267px; left:0px; height:188px; width:730px; background-color:#FFF; z-index:9 } #centre #content-illustration-droite {position:absolute; display:block; top:67px; left:400px; height:380px; width:345px; background-color:#FFF; z-index:9 } /* centre benefices -------------------------------------------------*/ #centre #content-benefices {position:absolute; top:267px; left:260px; height:163px; width:493px; background-color:#CFF; z-index:9 } #centre #content-benefices #menu-niv-3bis {position:relative; top:0px; left:0px; display:block; background-color:#FFF; height:20px; width:493px; overflow:hidden} #centre #content-benefices #menu-niv-3bis ul li.first {position:absolute; top:0px; left:46px; display:block; width:200px; height:22px; background-color:#FFF; margin-top:0px;} #centre #content-benefices #menu-niv-3bis ul li.first a{background:transparent url(images/benefices-clients-off.gif) 0 0 no-repeat; display:block; width:200px; height:22px;} #centre #content-benefices #menu-niv-3bis ul li.first a:hover {background:transparent url(images/benefices-clients-on.gif) 0px 0 no-repeat; display:block; width:200px; height:22px; } #centre #content-benefices #menu-niv-3bis ul li.first a { text-indent:-5000px} #centre #content-benefices #menu-niv-3bis ul li.first a.active {background:transparent url(images/benefices-clients-on.gif) 0px 0 no-repeat; display:block; width:200px; height:22px; } #centre #content-benefices #menu-niv-3bis ul li.last {position:absolute; top:0px; left:273px; display:block; width:200px; height:22px; background-color:#FFF; margin-top:0px;} #centre #content-benefices #menu-niv-3bis ul li.last a{background:transparent url(images/benefices-detaillants-off.gif) 0 0 no-repeat; display:block; width:200px; height:22px;} #centre #content-benefices #menu-niv-3bis ul li.last a:hover {background:transparent url(images/benefices-detaillants-on.gif) 0px 0 no-repeat; display:block; width:200px; height:22px; } #centre #content-benefices #menu-niv-3bis ul li.last a { text-indent:-5000px} #centre #content-benefices #menu-niv-3bis ul li.last a.active {background:transparent url(images/benefices-detaillants-on.gif) 0px 0 no-repeat; display:block; width:200px; height:22px; } /* centre cadre couleur -------------------------------------------------*/ #centre #cadre-couleur {position:absolute; top:55px; left:50px; display:block; width:676px; height:376px; background-color:#CCC; } #centre #cadre-couleur.couleur-17 {background:transparent url(images/fond-cadre-17.png) 0px 0 no-repeat; color:#4B3D93} #centre #cadre-couleur.couleur-18 {background:transparent url(images/fond-cadre-18.png) 0px 0 no-repeat; color:#0085C4} #centre #cadre-couleur.couleur-19 {background:transparent url(images/fond-cadre-19.png) 0px 0 no-repeat; color:#629ED0} #centre #cadre-couleur.couleur-20 {background:transparent url(images/fond-cadre-20.png) 0px 0 no-repeat; color:#27C4F4} #centre #cadre-couleur.couleur-21 {background:transparent url(images/fond-cadre-21.png) 0px 0 no-repeat; color:#0088C6} #centre #cadre-couleur.couleur-22 {background:transparent url(images/fond-cadre-22.png) 0px 0 no-repeat; color:#F58220} #centre #cadre-couleur.couleur-40 {background:transparent url(images/fond-cadre-40.png) 0px 0 no-repeat; color:#817E8B} #centre #content-txt-v3 {position:absolute; top:73px; left:54px; height:210px; width:235px; z-index:10; } #centre #content-txt-v3 img {padding:0; margin:0} #centre #content-txt-v3 p {font-size:11px; font-weight:normal; line-height:16px; padding-left:46px} #centre #content-txt-v3 ul { font-size:11px; margin:0 0 10px 0px; padding:0; list-style-type:disc; padding-left:46px} #centre #content-txt-v3 ul li{ font-size:11px; padding:0; margin:4px 0 0 12px; font-weight:normal;} #centre #content-txt-v3 h4 { font-size:13px; font-weight:borld; margin:0; padding:0; padding-left:46px} #centre #content-txt-v3 em, #centre #content-txt-v3 strong {font-size:11px; font-weight:bold; margin:0; padding:0; } #centre #content-txt-v3 .puce-ligne {background:transparent url(images/puce-ligne.png) 0 6px no-repeat;} #centre #content-txt-v3 h4 {background:transparent url(images/puce-ligne.png) 0 6px no-repeat;} #centre #cadre-couleur #content-illustrations img { position:absolute; right:1px; top:188px} #centre #cadre-couleur #content-illustrations #flashcontent3 { position:absolute; right:1px; top:1px} /* gauche -------------------------------------------------*/ #gauche { position: absolute; left:0;width: 198px; height:455px; border-right-color:#c9cacc; border-right-style:solid; border-right-width:2px; font-size:10px; font-weight:normal} /* menu-niv1 menu-niv2 -------------------------------------------------*/ #gauche ul {margin:0; padding:0; list-style-type:none;} #gauche li a{} #gauche li a {display:block;overflow: hidden; padding:0; margin:0px; height:0; color:#CCC; text-decoration:none;text-indent: -5000px;} /* html a:link, * html #menu-niv-1 a:visited {height:26px; he\ight:0;}*/ #gauche ul li a#item2, #gauche ul li a#item2.active, #gauche ul li a#item2:hover {width:198px; height:60px;} #gauche ul li a#item3, #gauche ul li a#item3.active, #gauche ul li a#item3:hover {width:198px; height:36px;} #gauche ul li a#item4, #gauche ul li a#item4.active, #gauche ul li a#item4:hover {width:198px; height:60px;} #gauche ul li a#item5, #gauche ul li a#item5.active, #gauche ul li a#item5:hover {width:198px; height:60px;} #gauche ul li a#item6, #gauche ul li a#item6.active, #gauche ul li a#item6:hover {width:198px; height:32px;} #gauche ul li a#item7, #gauche ul li a#item7.active, #gauche ul li a#item7:hover {width:198px; height:60px;} #gauche ul li a#item2 {background:transparent url(images/li-item2-off.png) 0 0 no-repeat;} #gauche ul li a#item3 {background:transparent url(images/li-item3-off.png) 0 0 no-repeat; } #gauche ul li a#item4 {background:transparent url(images/li-item4-off.png) 0 0 no-repeat;} #gauche ul li a#item5 {background:transparent url(images/li-item5-off.png) 0 0 no-repeat;} #gauche ul li a#item6 {background:transparent url(images/li-item6-off.png) 0 0 no-repeat; } #gauche ul li a#item7 {background:transparent url(images/li-item7-off.png) 0 0 no-repeat;} #gauche ul li a#item2.active {background:transparent url(images/li-item2-on.png) 0 0 no-repeat; } #gauche ul li a#item3.active {background:transparent url(images/li-item3-on.png) 0 0 no-repeat; } #gauche ul li a#item4.active {background:transparent url(images/li-item4-on.png) 0 0 no-repeat; } #gauche ul li a#item5.active {background:transparent url(images/li-item5-on.png) 0 0 no-repeat; } #gauche ul li a#item6.active {background:transparent url(images/li-item6-on.png) 0 0 no-repeat; } #gauche ul li a#item7.active {background:transparent url(images/li-item7-on.png) 0 0 no-repeat; } #gauche ul li a#item2:hover {background:transparent url(images/li-item2-on.png) 0 0 no-repeat;} #gauche ul li a#item3:hover {background:transparent url(images/li-item3-on.png) 0 0 no-repeat; } #gauche ul li a#item4:hover {background:transparent url(images/li-item4-on.png) 0 0 no-repeat; } #gauche ul li a#item5:hover {background:transparent url(images/li-item5-on.png) 0 0 no-repeat;} #gauche ul li a#item6:hover {background:transparent url(images/li-item6-on.png) 0 0 no-repeat; } #gauche ul li a#item7:hover {background:transparent url(images/li-item7-on.png) 0 0 no-repeat; } #gauche ul li a#item2.active:hover {background:transparent url(images/li-item2-on.png) 0 0 no-repeat; } #gauche ul li a#item3.active:hover {background:transparent url(images/li-item3-on.png) 0 0 no-repeat; } #gauche ul li a#item4.active:hover {background:transparent url(images/li-item4-on.png) 0 0 no-repeat; } #gauche ul li a#item5.active:hover {background:transparent url(images/li-item5-on.png) 0 0 no-repeat; } #gauche ul li a#item6.active:hover {background:transparent url(images/li-item6-on.png) 0 0 no-repeat; } #gauche ul li a#item7.active:hover {background:transparent url(images/li-item7-on.png) 0 0 no-repeat; } #gauche ul ul {margin:0 0 0 26px; padding:0; } #gauche ul ul li { background:none; list-style-type:disk; margin: 0px 0 3px 0; padding:0; font-weight:normal} *+html #gauche ul ul li, * html #gauche ul ul li { margin: 0px 0 1px 0} #gauche ul ul li a {display:block;overflow: hidden; padding:0; margin:0px; text-decoration:none;text-indent:0; background:none} #gauche ul ul li a {height:11px; padding-left:10px;} #gauche ul ul li a, #gauche ul ul li a:link { text-decoration:none; color:#000;list-style-type:none;} #gauche ul ul li a:visited {color: #000; } #gauche ul ul li a.active {color: #F58220; background:transparent url(images/puce-orange.png) 0px 3px no-repeat; } #gauche ul ul li a:hover {color: #000; list-style-type:disc; text-decoration:none; background:transparent url(images/puce-orange.png) 0px 3px no-repeat; } #gauche ul ul li a.active:hover {color: #F58220; } /* html #menu-niv-1 a:hover {height:26px; he\ight:0;}*/ p {margin: 0 0 10px 0;} /* pied -------------------------------------------------*/ #pied {height: 0px;background-color: #99CC99; } /* hack FF pour masquer les contours pointillé sur les liens -------------------------------------------------------*/ a{outline: none;} :focus{-moz-outline-style: none;} div#EmailForm{border:none;} /* E form -------------------------------------------------*/ EmailForm#fieldsets{border:none; margin-left:0px;} #EmailForm .label{margin-left:5px; font-family:Arial;font-size:11px;color:#000; } #EmailForm .text{border-color:#F58220; border-style:solid; border-width:1px; width:180px; margin-top:5px; margin-left:0px;} #EmailForm .text2{border-color:#F58220; border-style:solid; border-width:1px; width:330px; margin-left:0px;} #EmailForm .img{posiotion:relative;margin-left:5px; margin-top:-10px;} #EmailForm .required{border-color:#FF0000; border-width:2px}