body{background:url(../images/index/fond.gif) scroll 0 0; background-repeat: repeat; padding:0; margin:0;} img {border:0} #portfolio{position:absolute; display:block; width:50px; height:160px; background:url(../images/portfolio.png) no-repeat 0 0; margin-top: 150px;} #portfolio:hover{background:url(../images/portfolio.png) no-repeat -50px 0} #icones{position:absolute; display:block; margin-top: 80px; margin-left: 6px;} #etiket{z-index:999; width:20px; height:88px; background:url(../images/references/etiket.jpg) no-repeat 0 0; } #centered-box {margin:0 auto; text-align:center; width:860px; height:660px; padding:0;} #centered-ref {margin:0 auto; text-align:center; width:1000px; height:660px; padding:0;} #content {clear:both; text-align:left; width:860px; padding:0; margin:0;} a:link{text-decoration:none;} a:visited{text-decoration:none;} a:hover{text-decoration:none;} a:active{text-decoration:none;} a.info {position: relative; text-decoration: none;color: black;} a.info span {display: none;} a.info:hover {background: none; /* correction d'un bug IE */z-index: 500;} a.info:hover span {display: inline;position: absolute;top: 1.2em;left: -11.6em;text-align: center;padding: 2px;} #teltip { position: absolute; z-index: 999; display:none; background:transparent url(../images/header/black_arrow.png); background-repeat: no-repeat; font-family: verdana;font-size: 12px;font-weight: bold; height:175px; width:209px; color:#fff; } .tooltip { position: absolute; z-index: 999; display:none; background:transparent url(../images/header/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff; } .titreRose{font-weight: bold; font-family: georgia; font-size: 18px; color:#FF0099;} .titreVert{font-weight: bold; font-family: georgia; font-size: 18px; color:#66cc00;} .titreBleu{font-weight: bold; font-family: georgia; font-size: 18px; color:#00ccff;} .titreGris{font-weight: bold; font-family: georgia; font-size: 18px; color:#808080;} .titreNoir{font-weight: bold; font-family: georgia; font-size: 18px; color:#000000;} .text{font-family: verdana; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.5em; font-size: 11px; color: #333333;} .textSavoir{font-family: verdana; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.5em; font-size: 0.8em; color: #333333;} #savoirPlusRose{cursor: pointer; padding-top: 5px; padding-left:249px; font-family: verdana; font-size: 11px; color: #FF0099; text-decoration: underline; line-height: 2.5em;} #savoirPlusRose a{color: #FF0099; text-decoration: underline;} #savoirPlusVert{cursor: pointer; padding-top: 5px; padding-left:249px; font-family: verdana; font-size: 11px; color: #66cc00; text-decoration: underline; line-height: 2.5em;} #savoirPlusVert a{color: #66cc00; text-decoration: underline;} #savoirPlusBleu{cursor: pointer; padding-top: 5px; padding-left:249px; font-family: verdana; font-size: 11px; color: #00ccff; text-decoration: underline; line-height: 2.5em;} #savoirPlusBleu a{color: #00ccff; text-decoration: underline;} #savoirPlusGrisF{cursor: pointer; padding-top: 5px; padding-left:249px; font-family: verdana; font-size: 11px; color: #808080; text-decoration: underline; line-height: 2.5em;} #savoirPlusGrisF a{color: #808080; text-decoration: underline;} /* #bloc{position: absolute; float:left;} */ /* HEADER DIV #header{position:relative; width:860px; height:80px; background-color:#ffffff;} #contenerLogin{height:31px; width: 100%; padding-left:299px;} .labelHeader{float: left; font-size:11px; font-family: verdana; padding-top:10px;} .champHeader{float: left; padding-top:8px;} .btnHeader{padding:0; margin:0; float: left; padding-top:5px;} .inputHeader{background-color:#FFFFFF; font-size:11px; font-family: verdana; width:133px; height:14px; border:solid 1px #999999; vertical-align:middle;} .hover-effect {visibility:hidden;} .hover-effect:hover {visibility:visible;} #blocImgHeader{position:absolute; height:49px; width: 100%;} .imgHeader{float:left;} */ /* HEADER */ #header{margin:0 auto; width:850px; padding-top:30px;} #header #logo {} #header #menu {padding-left:1px; text-align:right} #header ul, #header li{list-style-image:none; display: inline; padding-left:20px; text-align:right} #header .menu {text-align: right; padding-top:2px; font-family: georgia; font-size: 12px; font-weight: bold; vertical-align: top;} #header .menu a {color:#999999;} #header .menuS {text-align: right; padding-top:2px; font-family: georgia; font-size: 12px; font-weight: bold; vertical-align: top;} #header .menuS a {color:#000000;} #header .menu a:hover {color:#000000;} #spaceHeader{padding-top:20px; margin:0px;} /* ACCUEIL - NEWS */ #blocIndex {display:block; width:860px; height:143px; background:url(../images/index/actu.png) no-repeat 0 0px;} #blocIndex:hover {background:url(../images/index/actu.png) no-repeat 0 -143px;} /* #blocIndex .N{font-family: georgia; font-size: 14px;} #blocIndex .N .n1{color:#333333} #blocIndex .N .n2{color:#666666} #blocIndex .N .n3{color:#999999} #news {font-family: Verdana;text-decoration: none;word-spacing: normal;text-align: left;letter-spacing: 0;line-height: 1.2em;font-size: 0.6em;padding-right: 440px;padding-top: 15px;} #news .newsDate{color: #666666;} #news .newsText{color: #999999;} #news .newsText a{color: #666666; text-decoration: underline;} */ /* REFERENCES portfolio */ .divRefCache {position: absolute; background-image: url(../images/references/rectangle.png); height:98px; width:860px;} /* STUDIO */ #menuStudio {position:absolute; float:left; padding-top:8px; width:220px;} #menuStudio ul li{color: #999999; font-family: georgia; font-size: 11px; text-decoration: none ; font-weight: bold; cursor: pointer; padding-top: 2px; padding-bottom: 2px; list-style-type: none; border-bottom: 1px dotted #cccccc;} #menuStudio a {color: #999999; margin: 1px; padding: 0;} #menuStudio a:hover{color:#666666;} #menuStudio .vert a{color:#ff0099;} #menuStudio .bleu a{color:#ff0099;} #menuStudio .rose a{color:#ff0099;} #blocTextNarcoziens {float:left; padding-top:23px; padding-right: 40px; padding-left:250px;} #blocTextNarcoziens a{font-family: verdana; font-size: 11px; color: #999999; text-decoration: underline;} #blocTextNarcoziens a:hover{text-decoration: underline; color: #000000;} #blogVert a {padding-top: 5px; padding-left:249px; font-family: verdana; font-size: 11px; color: #66cc00; text-decoration: underline; line-height: 2.5em;} #blogBleu a {padding-top: 5px; padding-left:249px; font-family: verdana; font-size: 11px; color: #00ccff; text-decoration: underline; line-height: 2.5em;} #blogVert a:hover {text-decoration: underline;} #blogBleu a:hover {text-decoration: underline;} #enSavoirPlusNarcoziens{display:none; padding-left: 450px; padding-right: 40px; font-family: verdana; font-size: 11px; color: #999999; background-color: #e8e8e8} #enSavoirPlusNarcoziens a {color: #999999; text-decoration: underline;} #enSavoirPlusNarcoziens a:hover {text-decoration: underline; color: #000000;} /* NARCOZIENS */ #menuNarcoziens {position:absolute; float:left; padding-top:8px; width:220px;} #menuNarcoziens ul li{color: #999999; font-family: georgia; font-size: 11px; text-decoration: none ; font-weight: bold; cursor: pointer; padding-top: 2px; padding-bottom: 2px; list-style-type: none; border-bottom: 1px dotted #cccccc;} #menuNarcoziens a {color: #999999; margin: 1px; padding: 0;} #menuNarcoziens a:hover{color:#666666;} #menuNarcoziens .vert a{color:#66cc00;} #menuNarcoziens .bleu a{color:#00ccff;} #menuNarcoziens .rose a{color:#ff0099;} #blocTextNarcoziens {float:left; padding-top:23px; padding-right: 40px; padding-left:250px;} #blocTextNarcoziens a{font-family: verdana; font-size: 11px; color: #999999; text-decoration: underline;} #blocTextNarcoziens a:hover{text-decoration: underline; color: #000000;} #blogVert a {padding-top: 5px; padding-left:249px; font-family: verdana; font-size: 11px; color: #66cc00; text-decoration: underline; line-height: 2.5em;} #blogBleu a {padding-top: 5px; padding-left:249px; font-family: verdana; font-size: 11px; color: #00ccff; text-decoration: underline; line-height: 2.5em;} #blogVert a:hover {text-decoration: underline;} #blogBleu a:hover {text-decoration: underline;} #enSavoirPlusNarcoziens{display:none; padding-left: 450px; padding-right: 40px; font-family: verdana; font-size: 11px; color: #999999; background-color: #e8e8e8} #enSavoirPlusNarcoziens a {color: #999999; text-decoration: underline;} #enSavoirPlusNarcoziens a:hover {text-decoration: underline; color: #000000;} /* NARCOZIENS */ #menuNarcoziens {position:absolute; float:left; padding-top:8px; width:220px;} #menuNarcoziens ul li{color: #999999; font-family: georgia; font-size: 11px; text-decoration: none ; font-weight: bold; cursor: pointer; padding-top: 2px; padding-bottom: 2px; list-style-type: none; border-bottom: 1px dotted #cccccc;} #menuNarcoziens a {color: #999999; margin: 1px; padding: 0;} #menuNarcoziens a:hover{color:#666666;} #menuNarcoziens .vert a{color:#66cc00;} #menuNarcoziens .bleu a{color:#00ccff;} #menuNarcoziens .rose a{color:#ff0099;} #blocTextNarcoziens {float:left; padding-top:23px; padding-right: 40px; padding-left:250px;} #blocTextNarcoziens a{font-family: verdana; font-size: 11px; color: #999999; text-decoration: underline;} #blocTextNarcoziens a:hover{text-decoration: underline; color: #000000;} #blogVert a {padding-top: 5px; padding-left:249px; font-family: verdana; font-size: 11px; color: #66cc00; text-decoration: underline; line-height: 2.5em;} #blogBleu a {padding-top: 5px; padding-left:249px; font-family: verdana; font-size: 11px; color: #00ccff; text-decoration: underline; line-height: 2.5em;} #blogVert a:hover {text-decoration: underline;} #blogBleu a:hover {text-decoration: underline;} #enSavoirPlusNarcoziens{display:none; padding-left: 450px; padding-right: 40px; font-family: verdana; font-size: 11px; color: #999999; background-color: #e8e8e8} #enSavoirPlusNarcoziens a {color: #999999; text-decoration: underline;} #enSavoirPlusNarcoziens a:hover {text-decoration: underline; color: #000000;} /* EQUIPE */ #menuEquipe {position:absolute; float:left; padding-top:8px; width:220px;} #menuEquipe ul li{color: #999999; font-family: georgia; font-size: 11px; text-decoration: none ; font-weight: bold; cursor: pointer; padding-top: 2px; padding-bottom: 2px; list-style-type: none; border-bottom: 1px dotted #cccccc;} #menuEquipe a {color: #999999; margin: 1px; padding: 0;} #menuEquipe a:hover{color:#666666;} #menuEquipe .vert a{color:#ff0099;} #menuEquipe .bleu a{color:#66cc00;} #menuEquipe .rose a{color:#00ccff;} #blocTextOffline {float:left; padding-top:23px; padding-right: 40px; padding-left:250px;} #blocTextOffline a{font-family: verdana; font-size: 11px; color: #999999; text-decoration: underline;} #blocTextOffline a:hover{text-decoration: underline; color: #000000;} #enSavoirPlusOffline {display:none; padding-left:30px; padding-right: 40px; font-family: verdana; font-size: 11px; color: #999999; } #enSavoirPlusOffline a{ color: #999999; text-decoration: underline;} #enSavoirPlusOffline a:hover{text-decoration: underline; color: #000000;} /* ONLINE */ #menuOnline {position:absolute; float:left; padding-top:8px; width:220px;} #menuOnline ul li{color: #999999; font-family: georgia; font-size: 11px; text-decoration: none ; font-weight: bold; cursor: pointer; padding-top: 2px; padding-bottom: 2px; list-style-type: none; border-bottom: 1px dotted #cccccc;} #menuOnline a {color: #999999; margin: 1px; padding: 0;} #menuOnline a:hover{color:#666666;} #menuOnline .bleu a{color:#00ccff;} #blocTextOnline{float:left; padding-top:23px; padding-right: 40px; padding-left:250px;} #blocTextOnline a{font-family: verdana; font-size: 11px; color: #999999; text-decoration: underline;} #blocTextOnline a:hover{text-decoration: underline; color: #000000;} #enSavoirPlusOnline {display:none; padding-left:30px; padding-right:40px; font-family: verdana; font-size: 11px; color: #999999; } #enSavoirPlusOnline .textSavoirPlus a {text-decoration: underline; color: #999999; font-weight: bold;} #enSavoirPlusOnline .textSavoirPlus a:hover {text-decoration: underline; color: #000000; font-weight: bold;} /* OFFLINE */ #menuOffline {position:absolute; float:left; padding-top:8px; width:220px;} #menuOffline ul li{color: #999999; font-family: georgia; font-size: 11px; text-decoration: none ; font-weight: bold; cursor: pointer; padding-top: 2px; padding-bottom: 2px; list-style-type: none; border-bottom: 1px dotted #cccccc;} #menuOffline a {color: #999999; margin: 1px; padding: 0;} #menuOffline a:hover{color:#666666;} #menuOffline .vert a{color:#66CC00;} #blocTextOnline{float:left; padding-top:23px; padding-right: 40px; padding-left:250px;} #blocTextOnline a{font-family: verdana; font-size: 11px; color: #999999; text-decoration: underline;} #blocTextOnline a:hover{text-decoration: underline; color: #000000;} #enSavoirPlusOnline {display:none; padding-left:30px; padding-right:40px; font-family: verdana; font-size: 11px; color: #999999; } #enSavoirPlusOnline .textSavoirPlus a {text-decoration: underline; color: #999999; font-weight: bold;} #enSavoirPlusOnline .textSavoirPlus a:hover {text-decoration: underline; color: #000000; font-weight: bold;} /* NARCOPACKS */ #menuNarcopacks {position:absolute; float:left; padding-top:8px;width:220px;} #menuNarcopacks ul li{color: #999999; font-family: georgia; font-size: 11px; text-decoration: none ; font-weight: bold; cursor: pointer; padding-top: 2px; padding-bottom: 2px; list-style-type: none; border-bottom: 1px dotted #cccccc;} #menuNarcopacks a {color: #999999; margin: 1px; padding: 0;} #menuNarcopacks a:hover{color:#666666;} #menuNarcopacks .grisF a{color:#666666;} #menuNarcopacks .bleu a{color:#00ccff;} #menuNarcopacks .vert a{color:#66cc00;} #blocTextNarcopacks{float:left; padding-top:23px; padding-right: 40px; padding-left:250px;} #blocTextNarcopacks a{font-family: verdana; font-size: 11px; color: #999999; text-decoration: underline;} #blocTextNarcopacks a:hover{text-decoration: underline; color: #000000;} #enSavoirPlusNarcopacks {display:none; padding-left:30px; padding-right:40px;font-family: verdana; font-size: 11px; color: #333333; } #enSavoirPlusNarcopacks .textSavoirPlus a {text-decoration: underline; color: #999999; font-weight: bold;} #enSavoirPlusNarcopacks .textSavoirPlus a:hover {text-decoration: underline; color: #000000; font-weight: bold;} /* CONTACTS */ #formContact{height: 210px; width:860px; padding-top:10px } #erreurForm .label{width: 135px; padding-top: 2px; font-size:11px; vertical-align: top; font-weight: bold; font-family: georgia; color:#666666; text-align: right;} #erreurForm .input{padding-left: 2px; text-align: left;} #erreurForm .textarea{padding-top: 5px; padding-left: 6px; text-align: left;} #erreurForm .champsObligatoires{vertical-align: top; padding-top:2px; padding-left: 141px;font-family: georgia; font-size: 9px; color:#999999; font-weight: bold;} #erreurForm .btnEnvoyer{text-align:right; padding-top: 4px; padding-right: 58px;} .inputContacts{background-color:#e8e8e8; font-size:11px; font-family: verdana; width:220px; height:14px; border:solid 1px #999999; vertical-align:middle;} .textAreaContacts{background-color:#e8e8e8; font-size:11px; font-family: verdana; height:60px; width:650px; border:solid 1px #999999; vertical-align:middle;} .titreReponse{font-weight: bold; font-family: georgia; font-size: 16px; color:#FF0099;} .textReponse{font-weight: bold; font-family: georgia; font-size: 12px; color:#808080;} /* SOMMAIRE */ #sommaire .row1{width:860px; height:285px;} #sommaire .row2{width:860px; height:285px;} #sommaire .col1{float: left; padding-left: 40px; padding-top: 30px; width: 245px;} #sommaire .col2{float: left; padding-left: 40px; padding-top: 30px; width: 245px;} #sommaire .col3{float: left; padding-left: 40px; padding-top: 30px; width: 244px;} #sommaire .col4{float: left; padding-left: 40px; padding-top: 25px; width: 245px;} #sommaire .col5{float: left; padding-left: 40px; padding-top: 25px; width: 245px;} #sommaire .col6{float: left; padding-left: 40px; padding-top: 25px; width: 244px;} #liens1 a{color: #999999; font-family: georgia;font-size: 11px;padding-left: 55px;} #liens1 a:hover{color: #FF0099;} #liens2 a{color: #999999; font-family: georgia;font-size: 11px;padding-left: 55px;} #liens2 a:hover{color: #CCCCCC;} #liens3 a{color: #999999; font-family: georgia;font-size: 11px;padding-left: 55px;} #liens3 a:hover{color: #66CC00;} #liens4 a{color: #999999; font-family: georgia;font-size: 11px;padding-left: 55px;} #liens4 a:hover{color: #00CCFF;} #liens5 a{color: #999999; font-family: georgia;font-size: 11px;padding-left: 55px;} #liens5 a:hover{color: #808080;} #liens6 a{color: #999999; font-family: georgia;font-size: 11px;padding-left: 55px;} #liens6 a:hover{color: #FF0099;} .num01{font-family: georgia;font-size: 34px;color:#FF0099;} .num02{font-family: georgia;font-size: 34px;color:#CCCCCC;} .num03{font-family: georgia;font-size: 34px;color:#66CC00;} .num04{font-family: georgia;font-size: 34px;color:#00CCFF;} .num05{font-family: georgia;font-size: 34px;color:#808080;} .titreSommaire{font-family: georgia;font-size: 14px; font-weight: bold; color:#808080;} /* MENTIONS LEGALES */ #mls{width:860px; height:570px; font-family: georgia; } .titreMls{font-size: 30px; color:#FF0099; padding-top: 30px; padding-left: 40px;} .ssTitreMls{font-weight: bold; font-size: 14px; color:#808080; padding-top: 0px; padding-left: 40px;} .textMls{text-align:justify; font-family: arial; font-size: 10px; line-height: 1.3; color:#A9A9A9; padding-top: 25px; padding-left: 40px; padding-right: 40px;} .textMls a{color:#A9A9A9} .textMls a:hover{text-decoration: underline;} /* ACCESSIBILITE */ #blocTextAccessibilite{float:left; padding-top:23px; padding-right: 40px; padding-left:250px;} #blocTextAccessibilite a{font-family: verdana; font-size: 11px; color: #999999; text-decoration: underline;} #blocTextAccessibilite a:hover{text-decoration: underline; color: #000000;} /* USERS */ #blocTextUsers{width:350px; } #users{position:relative; font-family: arial; font-size: 11px; height:200px;} #users .thead{color:#cccccc;} #users .tbody{color:#333333;} /* FOOTER #footer{clear:both; position: relative; width:860px; padding-top:15px; margin-left:auto; margin-right:auto; text-align: center;} #menuF{width:860px;position: relative;font-family:verdana;font-size: 10px;color:#ffffff;} #menuF a {color:#ffffff;} #menuFS a {color:#000000;} #menuF a:hover {color:#000000;} #menuF .adresse { color:#ffffff; } #spacer{clear: both;text-align: center;} #somm {width:860px;padding-top:20px;padding-left:40px;margin-left:auto; margin-right:auto; text-align: center;font-family:"trebuchet MS",verdana;font-size: 10px;color:#ffffff;} #somm .rub {text-align: left;padding-right:50px;float:left; font-size: 10px;color:#999999;} #somm .titre {padding-bottom:10px; font-weight: bold; font-size: 10px;color:#999999;} */ #footer { height:160px; width:100%;} #footer .txt{font-family:verdana;padding-bottom:15px; width:800px; margin-left:auto; margin-right:auto;font-size: 10px; text-align: center; color:#999999;} #footer .txt a{cursor: pointer; color:#999999;} #footer .txt a:hover{text-decoration: none; color:#cccccc} #footer .spacer{width:100%; margin-left:auto; margin-right:auto;text-align: center;} #footer .allRight{font-family:"Trebuchet MS", verdana; padding-top:10px;letter-spacing: 1px; width:900px; margin-left:auto; margin-right:auto;font-size: 10px; color:#999999; text-align: center;} #footer .allRight .titre{font-weight: bold; padding-bottom: 5px;} #footer .allRight .r{padding-left:35px;float:left; text-align: left;} #footer .allRight .r a{color:#999999;line-height : 15px;} #footer .allRight .r a:hover{color:#cccccc;} #footer .allRight .b{font-weight: bold; } /* SCROLLABLE REF IMG */ .scrollableRef {position:relative;overflow:hidden;width: 860px;height:350px;} .scrollableRef .items {width:20000em;position:absolute;clear:both;} .scrollableRef img {float:left;width:860px;height:350px;} .scrollableRef .active {border:2px solid #000;position:relative;} /* BUTTONS SCROLLABLE */ /* this makes it possible to add next button beside scrollable */ .scrollableRef {float:left;} /* prev, next, prevPage and nextPage buttons */ a.browseRef {clear:both; /*background:url(http://www.narcoz.fr/2010/images/references/buttonsPreviousNext.png) no-repeat;*/ background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat; display:block; width:430px; height:350px; margin:0px 0px; cursor:pointer; font-size:1px; } /* up and down */ a.upRef, a.downRef { position: absolute; z-index: 9999; /*background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/vert_large.png) no-repeat; */ background:url(http://www.narcoz.fr/images/references/buttonsPreviousNext.png) no-repeat; float: none; } /* down */ a.downRef {margin: 0px 0px; background-position:0px -350px;width:40px;} a.downRef:hover { background-position:0px -350px; } a.downRef:active { background-position:0px -350px; } /* up */ a.upRef {margin: 0px 430px; background-position:0px -700px;} a.upRef:hover { background-position:0px -700px;} a.upRef:active { background-position:0px -700px;} /* disabled navigational button */ /* a.disabled {visibility:hidden !important;} */ #flowpanes {width:860px;height:250px;} #flowpanes {position:relative;overflow:hidden;clear:both;} #flowpanes div {float:left;display:block; width:860px;cursor:pointer; font-size:14px;} #flowpanes .items { width:20000em;position:absolute;clear:both;margin:0;padding:0;} #flowpanes .less, #flowpanes .less a {color:#999 !important;font-size:11px;} /* TXT PLUS */ #txtPlus {padding-top:10px; background-image: url(http://www.narcoz.fr/images/narcopacks/visuelBlanc.jpg); background-repeat:no-repeat; width:860px; height:330px;} #txtPlus div.int{margin-top:15px; margin-left:15px; margin-right:15px; padding-left:10px; padding-right:10px; overflow:auto; height:280px; }