html,body{margin:0;padding:0;} body{ background-color:#FFF; font-size:10px !important; font-size:10px; font-family: Verdana, Arial, Tahoma, Helvetica, Sans-Serif;} h1{display:none;} .accessibilite {display:none} /* a, a:link {text-decoration: none; color: #F00;} a:visited { color: #8C8C8C; } a:hover { color: #000; text-decoration: none; } a:active { color: #8C8C8C; } */ a img, img {border: none;} #page {position:absolute; width: 955px; height: 600px; left: 50%; top: 50%; margin-top: -300px; margin-left: -478px; border-color:#8C8C8C; border-width:1px; border-style:solid; background-color:#FFF;} /* #page {position:relative; width: 955px; height: 600px; margin: 10px auto; border-color:#8C8C8C; border-width:1px; border-style:solid; background-color:#FFF;} */ #page #header {position:absolute}; #logo-flash{position:absolute; top:0px; left:0px; width:153px; height:108px; background-color:#0066FF} /*/////////////// BOUTON ACCUEIL */ #page #navigation #retour-accueil {position:absolute; top:11px; left:842px; display:block; width:54px; height:14px; background-color:#FFF; margin-top:0px;z-index:100} #page #navigation #retour-accueil a{background:transparent url(images/lien-accueil-off.gif) 0 0 no-repeat; display:block; width:54px; height:14px;} #page #navigation #retour-accueil a:hover {background:transparent url(images/lien-accueil-on.gif) 0px 0 no-repeat;width:54px; height:14px; } #page #navigation #retour-accueil a span{display:none} /*/////////////// PRE HOME */ #page #content #pre-home {position:absolute; width: 955px; height: 600px; background:transparent url(images/fond-accueil.jpg) 0 0 no-repeat; } #page #content #pre-home #entrer {position:absolute; top:257px; left:302px; display:block; width:100px; height:30px; background-color:#FFF; margin-top:0px;z-index:100} #page #content #pre-home #entrer a{background:transparent url(images/pre-entrer-off.gif) 0 0 no-repeat; display:block; width:100px; height:30px;} #page #content #pre-home #entrer a:hover {background:transparent url(images/pre-entrer-on.gif) 0px 0 no-repeat;width:100px; height:30px; } #page #content #pre-home #entrer a span{display:none} #page #content #pre-home #player {position:absolute; top:257px; left:430px; display:block; width:230px; height:24px; background-color:#FFF; margin-top:0px;z-index:100} #page #content #pre-home #player a{background:transparent url(images/pre-player-off.gif) 0 0 no-repeat; display:block; width:230px; height:24px;} #page #content #pre-home #player a:hover {background:transparent url(images/pre-player-on.gif) 0px 0 no-repeat;width:230px; height:24px; } #page #content #pre-home #player a span{display:none} /*////////////// MENU NIV 1 */ #page #navigation #menu-niv-1 { position:absolute; top: 106px; display:block; width:200px; height:78px; background-color:#FFF; margin-top:0px;z-index:101} #page #navigation #menu-niv-1 ul {margin:0; padding:0; list-style-type:none;} #page #navigation #menu-niv-1 li {} #page #navigation #menu-niv-1 li a {display:block;overflow: hidden; padding:0; margin:0px; height:0; color:#CCC; text-decoration:none;text-indent: -5000px; } * html #menu-niv-1 a:link, * html #menu-niv-1 a:visited {height:26px; he\ight:0;} #page #navigation #menu-niv-1 li#item2 a, #page #navigation #menu-niv-1 li#item2.active a, #page #navigation #menu-niv-1 li#item2 a:hover {width:200px; height:26px;} #page #navigation #menu-niv-1 li#item3 a, #page #navigation #menu-niv-1 li#item3.active a, #page #navigation #menu-niv-1 li#item3 a:hover {width:200px; height:26px;} #page #navigation #menu-niv-1 li#item4 a, #page #navigation #menu-niv-1 li#item4.active a, #page #navigation #menu-niv-1 li#item4 a:hover {width:200px; height:26px;} #page #navigation #menu-niv-1 li#item2 a {background:transparent url(images/menu-actualites-off.gif) 0 0 no-repeat;} #page #navigation #menu-niv-1 li#item3 a {background:transparent url(images/menu-agence-off.gif) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item4 a {background:transparent url(images/menu-realisations-off.gif) 0 0 no-repeat;} #page #navigation #menu-niv-1 li#item2.active a{background:transparent url(images/menu-actualites-actif.gif) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item3.active a{background:transparent url(images/menu-agence-actif.gif) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item4.active a{background:transparent url(images/menu-realisations-actif.gif) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item2 a:hover {background:transparent url(images/menu-actualites-on.gif) 0 0 no-repeat;} #page #navigation #menu-niv-1 li#item3 a:hover {background:transparent url(images/menu-agence-on.gif) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item4 a:hover {background:transparent url(images/menu-realisations-on.gif) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item2.active a:hover {background:transparent url(images/menu-actualites-actif.gif) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item3.active a:hover {background:transparent url(images/menu-agence-actif.gif) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item4.active a:hover {background:transparent url(images/menu-realisations-actif.gif) 0 0 no-repeat; } * html #menu-niv-1 a:hover {height:26px; he\ight:0;} /*////////////// MENU NIV 2 */ #page #navigation #menu-niv-2 {position:absolute; top:198px; left:0; display:block; width:130px; background-color:#FFF; margin-top:0px; background:url(images/rond-gris-vertical.gif) 1px 0px repeat-y; margin: 0 0 0 20px;z-index:102} #page #navigation #menu-niv-2 ul {margin: 0px 0 0px 4px; padding:0; list-style-type:none; font-size:11px;} #page #navigation #menu-niv-2 li {margin: 2px 0 5px 0; padding:0; list-style-type:none; } #page #navigation #menu-niv-2 li.last {margin: 1px 0 2px 0; padding:0; list-style-type:none;} #page #navigation #menu-niv-2 li a {padding-left: 13px; display:block; height:auto;} * html #page #navigation #menu-niv-2 li a { height:1%;} #page #navigation #menu-niv-2 li a, #page #navigation #menu-niv-2 li a:link { text-decoration:none; color:#666;} #page #navigation #menu-niv-2 li a:visited {color: #666; } #page #navigation #menu-niv-2 li.active a {color: #F00; background: url(images/puce-rouge.gif) 1px 1px no-repeat; } #page #navigation #menu-niv-2 li a:hover {color: #000; background: url(images/puce-noire.gif) 1px 1px no-repeat; } #page #navigation #menu-niv-2 li.active a:hover {color: #F00; background: url(images/puce-rouge.gif) 1px 1px no-repeat;} /*////////////// MENU NIV 3 */ #page #navigation #menu-niv-3 {position:absolute; top:198px; left:130px; display:block; width:153px; background-color:#FFF; margin-top:0px; background:url(images/rond-gris-vertical.gif) 1px 0px repeat-y; margin: 0 0 0 20px; z-index:103} #page #navigation #menu-niv-3 ul {margin: 0px 0 0px 4px; padding:0; list-style-type:none; font-size:11px; } #page #navigation #menu-niv-3 li {margin: 2px 0 5px 0; padding:0; list-style-type:none; } #page #navigation #menu-niv-3 li.last {margin: 1px 0 2px 0; padding:0; list-style-type:none;} #page #navigation #menu-niv-3 li a {padding-left: 13px; display:block} * html #page #navigation #menu-niv-3 li a { height:1%;} #page #navigation #menu-niv-3 li a, #page #navigation #menu-niv-3 li a:link { text-decoration:none; color:#666;} #page #navigation #menu-niv-3 li a:visited {color: #666; } #page #navigation #menu-niv-3 li.active a {color: #F00; background: url(images/puce-rouge.gif) 1px 1px no-repeat; } #page #navigation #menu-niv-3 li a:hover {color: #000; background: url(images/puce-noire.gif) 1px 1px no-repeat; } #page #navigation #menu-niv-3 li.active a:hover {color: #F00; background: url(images/puce-rouge.gif) 1px 1px no-repeat;} /*/////////////// CONTENT /////////*/ #content { position:absolute; top:0; left:0; display:block; width:589px;} #content p{text-align:left; margin-right:16px; font-size:1em;} #content p span {color: #F00;} /*/////// REALISATIONS ///////////*/ #page #content #hr {position:absolute; top:475px; left:0; display:block; width:589px;} #page #content #hr h4 {background: url(images/hr-realisation.gif) 0 0 no-repeat; width: 589px; height:3px; margin:3px 0;padding:0} #page #content #hr h4 span {display:none} #page #content #menu-niv-4 { position:absolute; top:463px; left:0; display:block; width:587px; z-index:303} #page #content #menu-niv-4 p { text-align:right; font-size:9px; margin:0; padding:0 ; } #page #content #menu-niv-4 p span {color:#999} #page #content #menu-niv-4 p a.fleche-droite { background: url(images/fleche-droite-off.gif) 1px 2px no-repeat;width:11px; height:9px; } #page #content #menu-niv-4 p a.fleche-droite:hover {background: url(images/fleche-droite-on.gif) 1px 2px no-repeat; width:11px; height:9px;} #page #content #menu-niv-4 p a.fleche-gauche { background: url(images/fleche-gauche-off.gif) 0px 2px no-repeat; margin-right:2px; width:11px; height:9px; } #page #content #menu-niv-4 p a.fleche-gauche:hover {background: url(images/fleche-gauche-on.gif) 0px 2px no-repeat;margin-right:2px; width:11px; height:9px;} #page #content #menu-niv-4 p a.fleche-droite span, #page #content #menu-niv-4 p a.fleche-gauche span{color:#FFF} #page #content #menu-niv-4 a, #page #content #menu-niv-4 a:link { color:#666; text-decoration:none;} #page #content #menu-niv-4 a:visited {color: #666; text-decoration:none; } #page #content #menu-niv-4 a:hover {color: #000; text-decoration:none;} /*/////// REALISATION IMAGE //////*/ #page #content #realisation-image {position:absolute; top:33px; left:340px; display:block; width:589px; height:565px; background-color:#FFF; z-index:3} #page #content #realisation-image #texte { position:absolute; top:485px; left:0; display:block; width:589px;} #page #content #realisation-image #texte h5 {background-color:#FFF; font-size:12px; color:#F00; font-weight:normal; margin : 0; padding:0} #page #content #realisation-image #texte p {background-color:#FFF; font-size:12px; color:#000; margin : 0; padding:0} #page #content #realisation-image img{position:relative; display:block; width:589px; height:460px;} /*/////// REALISATION WEB //////*/ #page #content #realisation-web {position:absolute; top:33px; left:340px; display:block; width:589px; height:565px; background-color:#FFF; z-index:3} #page #content #realisation-web #texte { position:absolute; top:485px; left:0; display:block; width:589px;} #page #content #realisation-web #texte h5 {background-color:#FFF; font-size:12px; color:#F00; font-weight:normal; margin : 0; padding:0} #page #content #realisation-web #texte p {background-color:#FFF; font-size:12px; color:#000; margin : 0; padding:0} #page #content #realisation-web #texte-url { position:absolute; top:461px; left:0; display:block; width:200px; z-index:309} #page #content #realisation-web #texte-url p {font-size:10px; color:#000; margin : 0; padding:0} #page #content #realisation-web #texte-url p a, a:link { color: #000; text-decoration:underline;} #page #content #realisation-web #texte-url p a:visited { color: #000; } #page #content #realisation-web #texte-url p a:hover { color: #F00; } #page #content #realisation-web #texte-url p a:active { color: #000; } #page #content #realisation-web #fond-web{position:relative; display:block; width:589px; height:355px; top:65px; background: url(images/fond-web.jpg) 0 0 no-repeat; } #page #content #realisation-web #fond-web img{position:relative; display:block; width:580px; height:346px; top:3px; left:4px} /*/////// REALISATION VIDEO //////*/ #page #content #realisation-video {position:absolute; top:33px; left:340px; display:block; width:589px; height:565px; background-color:#FFF; z-index:3} #page #content #realisation-video #texte { position:absolute; top:485px; left:0; display:block; width:589px;} #page #content #realisation-video #texte h5 {background-color:#FFF; font-size:12px; color:#F00; font-weight:normal; margin : 0; padding:0} #page #content #realisation-video #texte p {background-color:#FFF; font-size:12px; color:#000; margin : 0; padding:0} #page #content #realisation-video #fond-video{position:relative; display:block; width:589px; height:355px; top:65px; background: url(images/fond-web.jpg) 0 0 no-repeat; } #page #content #realisation-video #fond-video object{position:relative; display:block; /*width:580px; height:346px;*/ top:4px; } #page #content #realisation-video #player {position:absolute; top:422px; left:426px; display:block; width:50px; z-index:309} #page #content #realisation-video #player .button {width: 165px;height: 20px;background-repeat: no-repeat;background-position: 2px 2px;float: left;} #page #content #realisation-video #player .button a {display: block;height: 20px;text-indent: -5000px;overflow: hidden;} #page #content #realisation-video #player .play {background-image: url(images/control_play-off.gif);} #page #content #realisation-video #player .play:hover {background-image: url(images/control_play-on.gif);} #page #content #realisation-video #player .pause {background-image: url(images/control_pause-off.gif);display: none;} #page #content #realisation-video #player .pause:hover {background-image: url(images/control_pause-on.gif);} /*/////// REALISATION FLASH //////*/ #page #content #realisation-flash {position:absolute; top:33px; left:340px; display:block; width:589px; height:565px; background-color:#FFF; z-index:3} #page #content #realisation-flash #texte { position:absolute; top:485px; left:0; display:block; width:589px;} #page #content #realisation-flash #texte h5 {background-color:#FFF; font-size:12px; color:#F00; font-weight:normal; margin : 0; padding:0} #page #content #realisation-flash #texte p {background-color:#FFF; font-size:12px; color:#000; margin : 0; padding:0} #page #content #realisation-flash #fond-flash{position:relative; display:block; width:589px; height:380px; top:62px; } /*/////// REALISATION TEXTE //////*/ #page #content #realisation-texte {position:absolute; top:33px; left:340px; display:block; width:589px; height:565px; background-color:#FFF; z-index:3} #page #content #realisation-texte #texte { position:absolute; top:280px; left:0; display:block; width:589px;} #page #content #realisation-texte #texte h5 {background-color:#FFF; font-size:12px; color:#F00; font-weight:normal; margin : 0 0 8px; padding:0} #page #content #realisation-texte #texte p {background-color:#FFF; font-size:12px; color:#000; margin : 0 0 6px 0; padding: 0 70px 0 0} #page #content #realisation-texte img{position:relative; display:block; width:589px; height:260px;} /*/////// REALISATION MAGAZINE //////*/ #page #content #realisation-magazine {position:absolute; top:33px; left:340px; display:block; width:589px; height:565px; background-color:#FFF; z-index:3} #page #content #realisation-magazine #texte { position:absolute; top:485px; left:0; display:block; width:589px;} #page #content #realisation-magazine #texte h5 {background-color:#FFF; font-size:12px; color:#F00; font-weight:normal; margin : 0; padding:0} #page #content #realisation-magazine #texte p {background-color:#FFF; font-size:12px; color:#000; margin : 0; padding:0} #page #content #realisation-magazine object{position:relative; display:block; width:589px; height:460px;} /*/////////////// FONDS FLASH */ #page #content #fonds-flash{position:absolute; top:7px; left:357px; display:block; width:589px; height:548px; background-color:#CCC; z-index:3} /*/////// AGENCE //////*/ /*/////// AGENCE CONTENT//////*/ #content-agence { position:absolute; top:0; left:0; display:block; width:661px;} #content-agence p{text-align:left; margin-right:16px; font-size:1em;} #content-agence p span {color: #F00;} /*/////// AGENCE MENU /////////*/ #page #content-agence #menu-niv-2 {position:absolute; display:block; left:3px; top:5px; width:651px; height:30px; margin-top:0px;z-index:101} #page #content-agence #menu-niv-2 ul {margin:0; padding:0; list-style-type:none;} #page #content-agence #menu-niv-2 li { float:left} #page #content-agence #menu-niv-2 li a {display:block; overflow: hidden; padding:0; margin:0px; height:0; color:#CCC; text-decoration:none;text-indent: -5000px;} * html #page #content-agence #menu-niv-2 a:link, * html #menu-niv-1 a:visited {height:30px; he\ight:0;} #page #content-agence #menu-niv-2 li#item48 a, #page #content-agence #menu-niv-2 li#item48.active a, #page #content-agence #menu-niv-2 li#item48 a:hover {width:145px; height:30px; margin-left:0px} #page #content-agence #menu-niv-2 li#item49 a, #page #content-agence #menu-niv-2 li#item49.active a, #page #content-agence #menu-niv-2 li#item49 a:hover {width:145px; height:30px; margin-left:0px} #page #content-agence #menu-niv-2 li#item50 a, #page #content-agence #menu-niv-2 li#item50.active a, #page #content-agence #menu-niv-2 li#item50 a:hover {width:145px; height:30px; margin-left:8px } #page #content-agence #menu-niv-2 li#item51 a, #page #content-agence #menu-niv-2 li#item51.active a, #page #content-agence #menu-niv-2 li#item51 a:hover {width:145px; height:30px; margin-left:18px } #page #content-agence #menu-niv-2 li#item48 a {background:transparent url(images/menu-etat-off.gif) 0 0 no-repeat; } #page #content-agence #menu-niv-2 li#item49 a {background:transparent url(images/menu-savoir-off.gif) 0 0 no-repeat;} #page #content-agence #menu-niv-2 li#item50 a {background:transparent url(images/menu-contacter-off.gif) 0 0 no-repeat;} #page #content-agence #menu-niv-2 li#item51 a {background:transparent url(images/menu-telechargements-off.gif) 0 0 no-repeat;} #page #content-agence #menu-niv-2 li#item48.active a{background:transparent url(images/menu-etat-actif.gif) 0 0 no-repeat; } #page #content-agence #menu-niv-2 li#item49.active a{background:transparent url(images/menu-savoir-actif.gif) 0 0 no-repeat; } #page #content-agence #menu-niv-2 li#item50.active a{background:transparent url(images/menu-contacter-actif.gif) 0 0 no-repeat; } #page #content-agence #menu-niv-2 li#item51.active a{background:transparent url(images/menu-telechargements-actif.gif) 0 0 no-repeat; } #page #content-agence #menu-niv-2 li#item48 a:hover {background:transparent url(images/menu-etat-on.gif) 0 0 no-repeat; } #page #content-agence #menu-niv-2 li#item49 a:hover {background:transparent url(images/menu-savoir-on.gif) 0 0 no-repeat; } #page #content-agence #menu-niv-2 li#item50 a:hover {background:transparent url(images/menu-contacter-on.gif) 0 0 no-repeat;} #page #content-agence #menu-niv-2 li#item51 a:hover {background:transparent url(images/menu-telechargements-on.gif) 0 0 no-repeat;} #page #content-agence #menu-niv-2 li#item48.active a:hover {background:transparent url(images/menu-etat-actif.gif) 0 0 no-repeat; } #page #content-agence #menu-niv-2 li#item49.active a:hover {background:transparent url(images/menu-savoir-actif.gif) 0 0 no-repeat; } #page #content-agence #menu-niv-2 li#item50.active a:hover {background:transparent url(images/menu-contacter-actif.gif) 0 0 no-repeat; } #page #content-agence #menu-niv-2 li#item51.active a:hover {background:transparent url(images/menu-telechargements-actif.gif) 0 0 no-repeat; } * html #menu-niv-1 a:hover {height:30px; he\ight:0;} /*/////// AGENCE ACCEUIL //////*/ #page #content-agence #agence {position:absolute; top:25px; left:262px; display:block; width:661px; height:567px; background-color:#FFF; z-index:3} #page #content-agence #agence #texte { position:absolute; top:60px; left:34px; display:block; width:589px;} #page #content-agence #agence #texte h5 {background-color:#FFF; font-size:12px; color:#F00; font-weight:normal; margin : 0; padding:0} #page #content-agence #agence #texte p {background-color:#FFF; display:block; font-size:12px; width:559px; color:#000; margin : 0 0 10px 0; padding:0 0 0 0px} #page #content-agence #agence #texte ul, #page #content-agence #agence #texte-telechargement1 ul, #page #content-agence #agence #texte-telechargement2 ul {margin : 0; padding:0; width:230px} #page #content-agence #agence #texte li, #page #content-agence #agence #texte-telechargement1 ul li, #page #content-agence #agence #texte-telechargement2 ul li {background:transparent url(images/puce-rond-gris.gif) 0 0 no-repeat; display:block; font-size:12px; color:#000; margin : 0 0 8px 0; padding:0 0 0 14px} #page #content-agence #agence #texte li {width:560px; } #page #content-agence #agence #texte-telechargement1 ul li, #page #content-agence #agence #texte-telechargement2 ul li {width:230px} #page #content-agence #agence #texte li em, #page #content-agence #agence #texte-telechargement1 li em, #page #content-agence #agence #texte-telechargement2 li em {color:#999; font-style:normal} #page #content-agence #agence #texte img{position:relative; display:block;} #page #content-agence #agence #texte a, #page #content-agence #agence #texte a:link { color: #000; text-decoration:underline;} #page #content-agence #agence #texte a:visited { color: #000; } #page #content-agence #agence #texte a:hover { color: #F00; } #page #content-agence #agence #texte a:active { color: #000; } #page #content-agence #agence #texte-telechargement1 a, #page #content-agence #agence #texte-telechargement1 a:link { color: #000; text-decoration:underline;} #page #content-agence #agence #texte-telechargement1 a:visited { color: #000; } #page #content-agence #agence #texte-telechargement1 a:hover { color: #F00; } #page #content-agence #agence #texte-telechargement1 a:active { color: #000; } #page #content-agence #agence #texte-telechargement2 a, #page #content-agence #agence #texte-telechargement2 a:link { color: #000; text-decoration:underline;} #page #content-agence #agence #texte-telechargement2 a:visited { color: #000; } #page #content-agence #agence #texte-telechargement2 a:hover { color: #F00; } #page #content-agence #agence #texte-telechargement2 a:active { color: #000; } #page #content-agence #agence #texte-telechargement1 { position:absolute; top:60px; left:34px; display:block; width:280px;} #page #content-agence #agence #texte-telechargement2 { position:absolute; top:60px; left:334px; display:block; width:280px;} #page #content-agence #agence #fond-agence{position:relative; display:block; width:661px; height:275px; top:35px; background: url(images/fond-agence.gif) 0 0 no-repeat; } #page #content-agence #flash-agence {position:absolute; top:339px; left:0px; display:block; width:955px; height:261px; background-color:#FFF; z-index:3} /*/////// AGENCE CONTACTER //////*/ #page #content-agence #agence #texte-contacter { position:absolute; top:60px; left:34px; display:block; width:589px;} #page #content-agence #agence #texte-contacter p {background-color:#FFF; display:block; font-size:12px; width:169px; color:#000; margin : 0 0 10px 0; padding:0 0 0 0px} #page #content-agence #agence #texte-contacter p.metro {background-color:#FFF; color:#006; font-style:normal } #page #content-agence #agence #texte-contacter img{position:relative; display:block;} #page #content-agence #agence #texte-contacter a, a:link { color: #000; text-decoration:underline;} #page #content-agence #agence #texte-contacter a:visited { color: #000; } #page #content-agence #agence #texte-contacter a:hover { color: #F00; } #page #content-agence #agence #texte-contacter a:active { color: #000; } #page #content-agence #agence #texte-contacter img{ position:absolute; top:0px; left:145px; display:block; width:429px; border-color:#999; border-style:solid; border-width:1px} /*//////////// FOOTER */ #footer {position:absolute; display:block; left:0px; top:574px; width:953px;} #footer p { text-align:right; margin-right:16px; font-size:9px;} *+html #footer {top:580px; width:953px;} * html #footer {top:583px; width:953px;} #footer p span { color: #F00; } #footer a, a:link { color: #000; text-decoration:underline;} #footer a:visited { color: #000; } /* hack FF pour masquer les contours pointillé sur les liens -------------------------------------------------------*/ a{outline: none; color:#000000} :focus{-moz-outline-style: none;} #footer a:hover { color: #F00; } #footer a:active { color: #000; } #visuel-une {width: 644px; height: 458px; background-color:#933;} body.template29 #page #content #fonds-flash{background-color:#FFF; margin-top:60px; height:500px }