body {font-family:Arial, Sans serif;background-color:#e6e6e6;color:#4d4d4d;font-size:1em;} a {outline:none;} strong {font-weight:bold;} /* color classes */ .turquoise {color:#00a6c2} .rose {color:#E12962} .roseClair {color:#f59fbc} .vertPomme {color:#669933} .violet {color:#433F92} .violetClair {color:#73076C} .vert {color:#00A28B} .bleu {color:#1959A2} .blanc {color:#fff;} /* color classes pour BG */ .turquoiseBG {background-color:#00a6c2} .roseBG {background-color:#E12962} .vertPommeBG {background-color:#669933} .violetBG {background-color:#433F92} .vertBG {background-color:#00A28B} .bleuBG {background-color:#1959A2} .violetClairBG {background-color:#73076C} /* fantôme pour clear both */ .ghost {clear:both;} .block {display:block;} .none {display:none;} /*barre d'accessibilité*/ #access {min-height:20px;line-height:20px;background-color:#333;position:fixed;width:100%;top:0;left:0;z-index:99999;} #accessInner {width:960px;margin:0 auto;color:#fff;font-size:0.8em;font-weight:bold;} #accessInner a {text-decoration:none;color:#fff;float:left;} .accessRight {float:right;} .accessRight a {margin-left:30px;} #accessInner #zoomText a:hover {text-decoration:underline;} #zoomText {float:left;} #zoomText li {float:left;} #zoomText li a {margin-left:2px;} #zoomText li a.default {font-size:0.8em;padding-top:1px;height:19px;} #zoomText li a.zoom1 {font-size:0.9em;padding-top:1px;height:19px;} /* navigation principale ///fixed/// */ #menu { position:fixed; top:20px; width:100%; min-height:69px; z-index:99999; background-color:#fff; padding-top:1px; } #menuShadow {background:url(../images/menuBG.png)repeat-x left bottom;height:18px;width:100%;position:absolute;bottom:-18px;left:0;} #menuInner {width:960px;margin:0 auto;min-height:70px;} h1 {float:left;margin-left:-100px;height:70px;overflow:hidden;} #menuInner ul {float:left;height:70px;} #menuInner ul li {float:left;margin-left:15px;height:70px;} #menuInner ul li a {display:block;text-decoration:none;text-transform:uppercase;font-weight:bold;color:#4D4D4D;height:30px;padding-top:19px;} #menuInner ul li.lang a {color:#b8b8b8;} #menuInner ul li.lang a:hover, #menuInner ul li.lang a.active {color:#4D4D4D;} #menuInner ul li.dottedUnderline a:hover, #menuInner ul li.dottedUnderline a.current {border-bottom:dotted 2px #4D4D4D;padding-bottom:3px;} #menuInner ul li a span.smaller {display:block;font-size:0.65em;margin-bottom:2px;} /*particularités bouton déposez votre projet*/ #menuInner ul li a.deposezBT {background:url(../images/menu/deposezBT.jpg)repeat-x left top;min-width:107px;padding-left:50px;height:50px;} #menuInner ul li a.deposezBT:hover, #menuInner ul li a.deposezBT.on {background-position:left bottom;color:#fff;} #menuInner ul li a.deposezBT span {padding-bottom:0px;padding-top:3px;} /*particularités bouton Pays de la Loire*/ #menuInner ul li a.paysLoire {height:70px;overflow:hidden;padding-top:0;} #menuInner ul li a.paysLoire img {background:url(http://connectalent.org/public/images/paysLoire.jpg)no-repeat left top;} #menuInner ul li a.paysLoire:hover img {margin-top:-70px;} /*langues*/ #menuInner ul li.lang {margin-left:0;} #menuInner ul li.lang li {float:none;font-size:0.75em;height:20px;} #menuInner ul li.lang li a {height:15px;} #menuInner ul li.lang li a.dottedBorder {border-bottom:dotted 2px #b8b8b8;} /* share block ///fixed/// */ #shareBlock {position:fixed;z-index:999999;top:140px;right:15px;width:153px;height:32px;} #shareIcon {height:33px;width:33px;margin-left:120px;position:relative;z-index:9;cursor:pointer;background:url(../images/bulletNav/share.png)no-repeat left top;} #shareIcon img {} #shareDeroul {background-color:#4d4d4d;height:30px;box-shadow:1px 1px 1px #4D4D4D;position:absolute;top:1px;right:20px;width:115px;padding-right:20px;color:#fff;} #shareDeroul ul {height:30px;} #shareDeroul ul li {float:left;margin-left:10px;height:30px;overflow:hidden;} #shareDeroul ul li a:hover img {margin-top:-30px;} /* navigation droite ///fixed/// */ #bulletNav {width:40px;top:180px;right:0;position:fixed;z-index:9;} #bulletNav ul {} #bulletNav ul li {margin-bottom:5px;} #bulletNav ul li a {background:url(../images/bulletNav/navOff.png)no-repeat left top;cursor:pointer;display:block;width:18px;height:18px;} #bulletNav ul li a span {display:none;} /* différentes couleurs de bullet effet hover et effet actif */ #bulletNav ul li a.one:hover, #bulletNav ul li a.one.on, #bulletNav ul li a.height:hover, #bulletNav ul li a.height.on {background:url(../images/bulletNav/navOnOne.png)no-repeat left top;} #bulletNav ul li a.two:hover, #bulletNav ul li a.two.on, #bulletNav ul li a.nine:hover, #bulletNav ul li a.nine.on {background:url(../images/bulletNav/navOnTwo.png)no-repeat left top;} #bulletNav ul li a.three:hover, #bulletNav ul li a.three.on, #bulletNav ul li a.ten:hover, #bulletNav ul li a.ten.on {background:url(../images/bulletNav/navOnThree.png)no-repeat left top;} #bulletNav ul li a.four:hover, #bulletNav ul li a.four.on, #bulletNav ul li a.eleven:hover, #bulletNav ul li a.eleven.on {background:url(../images/bulletNav/navOnFour.png)no-repeat left top;} #bulletNav ul li a.five:hover, #bulletNav ul li a.five.on, #bulletNav ul li a.twelve:hover, #bulletNav ul li a.twelve.on {background:url(../images/bulletNav/navOnFive.png)no-repeat left top;} #bulletNav ul li a.six:hover, #bulletNav ul li a.six.on, #bulletNav ul li a.thirteen:hover, #bulletNav ul li a.thirteen.on {background:url(../images/bulletNav/navOnSix.png)no-repeat left top;} #bulletNav ul li a.seven:hover, #bulletNav ul li a.seven.on, #bulletNav ul li a.fourteen:hover, #bulletNav ul li a.fourteen.on {background:url(../images/bulletNav/navOnSeven.png)no-repeat left top;} /* bullet spéciale pour last élément */ #bulletNav ul li a.last {background:url(../images/bulletNav/navLast.png)no-repeat left top;} #bulletNav ul li a.last:hover, #bulletNav ul li a.last.on {background:url(../images/bulletNav/navOnLast.png)no-repeat left top;} /* bouton back to top */ #bulletNav ul li a.backTop {background:url(../images/bulletNav/backTop.png)no-repeat left top;width:20px;height:28px;margin-left:-1px;margin-top:15px;} #bulletNav ul li a.backTop:hover {background-position:left bottom;} /* main */ #main {position:relative;padding-bottom:50px;} #main.pageExperts {Padding-top:20px;} /* base commune à tous les blocs */ .sample {width:100%;min-height:600px;padding-top:50px;} .innerSample {margin:0 auto;width:960px;min-height:200px;} .article {float:left;width:417px;position:relative;padding-top:20px;} .article h2 {text-transform:uppercase;font-size:1.5em;width:367px;padding-left:50px;padding-top:20px;background:url(../images/home/h2BGhome.png)no-repeat 50px top;} .resume {background-repeat:no-repeat;background-position:23px top;padding-top:50px;min-height:375px;} /*#home8 .article h2 {height:136px;padding-top:40px;}*/ .article h2 span {font-weight:bold;margin-bottom:5px;} .article p {font-size:0.9em;line-height:1.8em;padding-left:50px;} .article .more, .article .close {display:none;cursor:pointer;position:absolute;bottom:-36px;left:50px;z-index:9;width:33px;height:33px;overflow:hidden;background-position:left top;background-repeat:no-repeat;} .article .more:hover, .article .close:hover {background-position:left bottom;} .article .more span, .article .close span {display:none;} /*différentes couleurs de boutons*/ #home2 .article .more {background-image:url(../images/home/moreHome2.png);} #home2 .article .close {background-image:url(../images/home/closeHome2.png);} #home3 .article .more {background-image:url(../images/home/moreHome3.png);} #home3 .article .close {background-image:url(../images/home/closeHome3.png);} .article ul {font-size:0.8em;line-height:1.5em;padding-left:50px;} .illustration {float:left;width:489px;position:relative;} .article h3 {font-size:0.9em;padding-left:50px;font-weight:bold;margin-bottom:10px;margin-top:28px;} .article h3.noSpace {margin-top:0;} /*color blocks*/ .colorBlock, .colorBlockEcosysteme, .colorBlockSuccess {width:100%;padding:0 0 50px 0;position:relative;z-index:-1;top:18px;} .colorBlockEcosysteme, .colorBlockSuccess {} /*ombres*/ .topShadow {width:100%;background:url(../images/topShadow.png)repeat-x left top;height:18px;position:absolute;top:0;left:0;z-index:1;} .bottomShadow, .formShadow {width:100%;background:url(../images/bottomShadow.png)repeat-x left top;height:18px;position:absolute;bottom:0;left:0;} .formShadow {position:relative;} /*partie intérieure centrée*/ .innerColorBlock {width:960px;margin:0 auto;color:#fff;} .colorBlockEcosysteme .innerColorBlock, .colorBlockSuccess .innerColorBlock {position:relative;padding-top:50px;} .innerColorBlock h3 {margin-left:50px;text-transform:uppercase;padding-top:50px;font-weight:bold;} .innerColorBlock h4 {margin-left:50px;text-transform:uppercase;font-size:0.9em;padding-bottom:20px;font-weight:bold;} .innerColorBlock p {margin:0 50px;font-size:0.8em;line-height:1.2em;padding-bottom:15px;} #home4 .innerColorBlock ul, #home8 .innerColorBlock ul {margin:0 50px 20px 70px;font-size:0.8em;line-height:1.5em;list-style-type:disc;} #home4 .innerColorBlock ul li, #home8 .innerColorBlock ul li {margin-bottom:6px;padding-bottom:0;font-size:0.9em;line-height:1.2em;} #home4 .innerColorBlock .element {padding-top:50px;} /*contenus*/ .articleColorBlock {float:left;width:450px;margin-top:50px;} #home4 .articleColorBlock {margin-top:40px;} /* blocs home */ /*animation*/ #animation {width:890px;min-height:531px;margin-top:20px;} #temps1, #temps2, #temps3 {width:890px;height:531px;position:relative;} #temps1 div, #temps2 div, #temps3 div {width:890px;height:531px;position:absolute;top:0;left:0} /* classes pour h2 différents */ #home2 .resume {background-image:url(../images/home/h2BGhome2.png);} #home3 .resume {background-image:url(../images/home/h2BGhome3.png);background-position:20px top;} #home4 .resume {background-image:url(../images/home/h2BGhome4.png);} #home5 .resume {background-image:url(../images/home/h2BGhome5.png);background-position:14px top;} #home6 .resume {background-image:url(http://connectalent.org/public/images/home/h2BGhome6.png);} #home7 .resume {background-image:url(../images/home/h2BGhome7.png);} #home8 .resume {background-image:url(../images/home/h2BGhome8.png);} #player a {background:url(../images/home/player.png)no-repeat left top;width:180px;height:179px;display:block;position:absolute;top:250px;left:100px;cursor:pointer;} #player a:hover {background-position:left bottom;} #player a span {display:none;} /* callage des images */ #home1 {padding-top:120px;} #home4 .illustration > img {padding-top:10px;} #home5 .illustration img {padding-top:20px;padding-left:30px;} /* home4 - écosystème*/ #home4 {position:relative;} #home4 .illustration {position:relative;} #ecosysteme {float:left;width:489px;position:absolute;top:0;left:0;} #ecosysteme ul {text-transform:uppercase;color:#fff;font-size:0.6em;font-weight:bold;position:relative;margin-top:100px;} #ecosysteme ul li {float:left;} /*différentes positions des légendes*/ li.materiaux {margin-top:40px;margin-left:270px;min-width:140px;} li.numerique {margin-top:20px;margin-left:160px;min-width:66px;} li.genie {margin-top:70px;margin-left:30px;min-width:65px;} li.humaines {margin-top:90px;margin-left:20px;} li.biotherapies {margin-top:0px;margin-left:70px;} li.energies {margin-top:20px;margin-left:50px;} li.vegetal {margin-top:70px;margin-left:50px;} li.alimentation {margin-top:20px;margin-left:100px;} li.mer {margin-top:50px;margin-left:100px;} li span {position:relative} li span a.moreEcosysteme {display:block;width:33px;height:33px;position:absolute;cursor:pointer;background-image:url(../images/home/moreEcosysteme.png);background-repeat:no-repeat;background-position:left top;} li span a.moreEcosysteme span {display:none;} li span a.moreEcosysteme:hover {background-position:left bottom;} /*différentes positions des boutons*/ li.materiaux span a.moreEcosysteme {top:-33px;left:-30px;} li.production span a.moreEcosysteme {top:-33px;left:-30px;} li.numerique span a.moreEcosysteme {top:-33px;left:-30px;} li.genie span a.moreEcosysteme {top:-35px;left:0;} li.biotherapies span a.moreEcosysteme {top:-35px;left:0px;} li.energies span a.moreEcosysteme {top:-35px;left:0;} li.humaines span a.moreEcosysteme {top:-35px;left:0;} li.alimentation span a.moreEcosysteme {top:-35px;left:0;} li.vegetal span a.moreEcosysteme {top:-35px;left:0;} li.mer span a.moreEcosysteme {top:-33px;left:-30px;} .closeEcosysteme {display:none;overflow:hidden;width:33px;height:33px;position:absolute;cursor:pointer;top:-18px;left:0;z-index:999;background:url(../images/home/closeHome4.png)no-repeat left top;} .closeEcosysteme span {display:none;} /* critères sur home 6 */ #home6 .innerSample {min-height:540px;background:url(../images/home/illuHome6.png)no-repeat left top;} .critere {width:150px;padding-left:40px;padding-right:40px;height:190px;padding-top:47px;float:left;position:relative;margin-right:90px;} .criterePatch {width:230px;height:233px;position:absolute;top:0;left:0;} /*#home6 a {display:block}*/ /*deux couleurs différentes*/ .critere.greenDisc {background:url(../images/home/critereVert.png)no-repeat left top;} .critere.whiteDisc {background:url(../images/home/critereBlanc.png)no-repeat left top;} .criterePatch.greenDisc2 {background:url(../images/home/critereVert2.png)no-repeat left top;} .criterePatch.whiteDisc2 {background:url(../images/home/critereBlanc2.png)no-repeat left top;} .critere h3 {text-transform:uppercase;font-size:0.9em;text-align:center;margin-bottom:23px;} .critere h3.vert {background-color:#fff;} .critere h3.blanc {background-color:#00A28B;} .critere h3 span {font-weight:bold;} .critere p {font-size:0.85em;margin-bottom:20px;} .critere .border {z-index:999;position:relative;} .critere .border p {padding-top:7px;padding-bottom:7px;text-align:center;} /*deux couleurs*/ .critere .blanc.border p {border-top:dotted 1px #fff;border-bottom:dotted 1px #fff;background-color:#00A28B;} .critere .vert.border p {border-top:dotted 1px #00A28B;border-bottom:dotted 1px #00A28B;background-color:#fff;} /*bouton plus*/ .lireCacher {width:33px;height:33px;position:relative;margin-left:58px;overflow:hidden;} .critere .lire, .critere .cacher {cursor:pointer;width:33px;height:33px;background-repeat:no-repeat;background-position:left top;position:absolute;top:0;left:0;display:none;} .critere .lire span, .critere .cacher span {display:none;} .critere .lire:hover {background-position:left bottom;} .critere.greenDisc .lire {background-image:url(../images/home/moreCritereBlanc.png);} .critere.whiteDisc .lire {background-image:url(../images/home/moreCritereBlanc.png);} .critere.greenDisc .cacher {background-image:url(../images/home/closeCritereBlanc.png);} .critere.whiteDisc .cacher {background-image:url(../images/home/closeCritereBlanc.png);} /*plug de texte en plus*/ .critere .plug {position:absolute;z-index:1;left:0;top:117px;font-size:0.85em;line-height:1.1em;font-weight:bold;} .critere .innerPlug {width:150px;padding-left:40px;padding-right:40px;padding-top:40px;padding-bottom:20px;min-height:1px;} /*deux couleurs*/ .critereBgVert {background:url(../images/home/critereBgVert.png)repeat-y left top} .critereBgBlanc {background:url(../images/home/critereBgBlanc.png)repeat-y left top;} .bottomCritereShadow {background:url(../images/home/bottomCritereShadow.png)no-repeat left top;height:30px;width:230px;} /* liste sur home7 */ #home7 ul {margin-bottom:40px;} #home7 ul li {background:url(../images/home/blueDottedLine.png)repeat-x left bottom;margin-bottom:10px;padding-bottom:10px;} #home7 ul li.retrait {padding-left:30px;} #home7 ul li.last {background:none;} #home7 ul li p {border-left:solid 5px #1959a2;padding-left:10px;line-height:1.3em;} /* bouton experts sur home7*/ a.btExperts {display:block;cursor:pointer;position:absolute;bottom:-18px;left:50px;z-index:9;min-width:110px;padding-left:40px;height:33px;line-height:33px;background:url(../images/home/btExperts.png);background-repeat:no-repeat;background-position:left top;text-decoration:none;text-transform:uppercase;font-weight:bold;color:#1959A2;font-size:0.9em;} a.btExperts:hover {color:#fff;background-position:left bottom;} a.btExperts span {background-color:#fff;} a.btExperts:hover span {background-color:#2762A7;} /* success stories sur home 8 */ #home8 .innerSample {min-height:520px;background:url(../images/home/illuHome8.png)no-repeat left top;} #home8 {position:relative;} #home8 .illustration {position:relative;width:489px;height:414px;margin-top:20px;} #success {float:left;width:489px;position:absolute;top:0;left:0;} #success ul {font-size:0.9em;position:relative;margin-top:100px;} #success ul li {float:left;} #success ul li .violetClair {text-transform:uppercase;} /*différentes positions des légendes*/ li.technocampus {margin-top:25px;margin-left:205px;min-width:150px;min-height:71px;} li.eurofins {margin-top:20px;margin-left:80px;} li.cyclotron {margin-top:40px;margin-left:35px;} li.vivalis {margin-top:35px;margin-left:160px;} #home8 li span {position:relative;} #home8 li span a.moreSuccess {display:block;background-image:url(../images/home/moreSuccess.png);background-repeat:no-repeat;background-position:left top;width:33px;height:33px;position:absolute;cursor:pointer;} #home8 li span a.moreSuccess span {display:none;} #home8 li span a.moreSuccess:hover {background-position:left bottom;} /*différentes positions des boutons*/ li.technocampus span a.moreSuccess {top:-33px;left:-20px;} li.eurofins span a.moreSuccess {top:-33px;left:-20px;} li.cyclotron span a.moreSuccess {top:-33px;left:-20px;} li.vivalis span a.moreSuccess {top:-35px;left:-30px;} .closeSuccess {display:none;background:url(../images/home/closeHome8.png)no-repeat top left;width:33px;height:33px;position:absolute;cursor:pointer;top:-18px;left:0;z-index:999;} .closeSuccess span {display:none;} #home8 .innerColorBlock .element {padding-top:50px;} /* blocs experts */ #expert1 {padding-top:80px;} .pageExperts .article {margin-bottom:50px;} .pageExperts .article h2 {min-height:31px;padding-top:45px;background:url(../images/experts/h2BGexpert.png)no-repeat 50px 20px;} .pageExperts .article p {font-size:0.75em;line-height:1.4em;margin-bottom:7px;} .pageExperts .illustration {position:relative;} .pageExperts .article .guillemets {position:absolute;width:49px;height:38px;} /*liens sociaux*/ .socials {position:absolute;} .socials ul li {float:left;width:33px;height:33px;overflow:hidden;margin-left:5px;} .socials ul li a:hover img {margin-top:-33px;} /*Placement des liens sociaux*/ #expert1 .socials {bottom:0;left:225px;} #expert2 .socials {bottom:0;left:240px;} #expert3 .socials {bottom:0;left:205px;} #expert4 .socials {bottom:0;left:228px;} #expert5 .socials {bottom:0;left:225px;} #expert6 .socials {bottom:0;left:247px;} #expert7 .socials {bottom:0;left:225px;} #expert8 .socials {bottom:0;left:228px;} #expert9 .socials {bottom:0;left:205px;} #expert10 .socials {bottom:0;left:227px;} #expert11 .socials {bottom:0;left:200px;} #expert12 .socials {bottom:0;left:247px;} #expert13 .socials {bottom:0;left:221px;} #expert14 .socials {bottom:0;left:250px;} /*placement des guillemets*/ .guillemets {right:0;bottom:-40px;} /*différentes couleurs*/ #expert1 .article .guillemets, #expert8 .article .guillemets {background:url(../images/experts/guillemetsVioletClair.png)no-repeat left top} #expert2 .article .guillemets, #expert9 .article .guillemets {background:url(../images/experts/guillemetsTurquoise.png)no-repeat left top} #expert3 .article .guillemets, #expert10 .article .guillemets {background:url(../images/experts/guillemetsRose.png)no-repeat left top} #expert4 .article .guillemets, #expert11 .article .guillemets {background:url(../images/experts/guillemetsVertPomme.png)no-repeat left top} #expert5 .article .guillemets, #expert12 .article .guillemets {background:url(../images/experts/guillemetsViolet.png)no-repeat left top} #expert6 .article .guillemets, #expert13 .article .guillemets {background:url(../images/experts/guillemetsVert.png)no-repeat left top} #expert7 .article .guillemets, #expert14 .article .guillemets {background:url(../images/experts/guillemetsBleu.png)no-repeat left top} .bio {padding-top:50px;} /* classes pour h2 différents */ #expert1 .bio, #expert8 .bio {background:url(../images/experts/h2BGexpertVioletClair.png)no-repeat 25px top;} #expert2 .bio, #expert9 .bio {background:url(../images/experts/h2BGexpertTurquoise.png)no-repeat 25px top;} #expert3 .bio, #expert10 .bio {background:url(../images/experts/h2BGexpertRose.png)no-repeat 25px top;} #expert4 .bio, #expert11 .bio {background:url(../images/experts/h2BGexpertVertPomme.png)no-repeat 25px top;} #expert5 .bio, #expert12 .bio {background:url(../images/experts/h2BGexpertViolet.png)no-repeat 25px top;} #expert6 .bio, #expert13 .bio {background:url(../images/experts/h2BGexpertVert.png)no-repeat 25px top;} #expert7 .bio, #expert14 .bio {background:url(../images/experts/h2BGexpertBleu.png)no-repeat 25px top;} /* callage des images */ .pageExperts .illustration > img {padding-top:40px;} /* formulaire ///en dehors du main - se trouve en dehors/// */ #formOutter {background-color:#fff;width:100%;position:relative;} #form {width:960px;margin:0 auto;position:relative;padding-top:40px;color:#4D4D4D;padding-bottom:40px;} #form h2 {text-align:center;text-transform:uppercase;font-size:1.9em;color:#4D4D4D;background:url(../images/home/form.gif)no-repeat 230px top;} #form h2 span {font-weight:bold;} #form > p {line-height:1.5em;text-align:center;padding:20px 100px;background:url(../images/form/formBG.png)no-repeat center bottom;color:#4D4D4D} #form h3 {text-transform:uppercase;font-size:1.5em;color:#A1A1A1;margin-top:30px;font-weight:bold;color:#4D4D4D;} #formInner {float:left;width:470px;} #formInner h3 {padding-left:155px;} form {color:#4D4D4D;} form fieldset {margin-top:30px;} form legend {text-transform:uppercase;font-weight:bold;padding-left:155px;margin-bottom:10px;} form label {position:relative;display:block;float:left;width:134px;text-align:right;font-size:0.75em;line-height:21px;margin-right:20px;} form input[type=text], form input[type=email], form textarea {display:block;float:left;width:285px;height:17px;background-color:#E9E9E9;border:none;margin-bottom:10px;box-shadow:none;padding:2px 3px;} form textarea {height:80px;max-width:285px;min-width:285px;font-family:Arial;color:#4D4D4D;font-size:0.8em;} form select {width:285px;} form input[type=file] {min-width:285px;} .applyBt, .resetBt {background:url(../images/form/applyBt.png)no-repeat left top;border:none;width:79px;height:38px;color:#fff;text-transform:uppercase;font-weight:bold;margin-left:175px;margin-top:20px;float:left;cursor:pointer;} .applyBt:hover, .resetBt:hover {text-decoration:underline;} .resetBt {margin:20px 0 0 20px} form p.bt {margin-left:130px;} form input[type=text]:focus, textarea:focus {background-color:#4D4D4D;color:#fff;font-style:italic;position:relative;} .asterisque {color:#73076C;font-weight:bold;font-size:1.3em;} .error {background-color:#AC69A5;margin-left:160px;padding:0 5px;color:#fff;font-size:0.8em;float:left;display:block;position:absolute;top:0px;left:290px;width:70px;font-weight:bold;text-align:left;} /*.error {background-color:#AC69A5;margin-left:175px;padding:0 5px;color:#fff;font-size:0.8em;float:left;display:block;width:220px;font-weight:bold;text-align:left;float:left;}*/ #instructions {float:left;width:430px;} #instructions h3 {padding-left:100px;margin-bottom:30px;} #instructions ol {margin-left:100px;font-size:0.8em;margin-bottom:10px;color:#4D4D4D;} #instructions ol li {list-style-type:decimal;margin-top:10px;font-size:1.5em;font-weight:bold;} #instructions ol li p {color:#4D4D4D;font-weight:normal;font-size:0.7em;} #instructions h4 {margin-left:100px;font-size:0.9em;margin-bottom:10px;margin-top:20px;font-weight:bold;} #instructions > p {margin-left:100px;font-size:0.8em;color:#4D4D4D;margin-bottom:10px;} #instructions ul {margin-left:100px;font-size:0.8em;color:#4D4D4D;margin-bottom:10px;list-style-type:disc;} #instructions ul li {margin-bottom:10px;} #instructions ul li p {color:#4D4D4D;} #topBT {background:url(../images/topBT.png)no-repeat left bottom;width:26px;height:35px;position:absolute;top:150px;right:50px;display:block;} /* formulaire ///en dehors du main - se trouve en dehors/// */ #formulaireOutter {background:url(../images/footer.png)repeat-x left top;width:100%;position:relative;z-index:99;} #formulaire {background:url(../images/home7.jpg)no-repeat left bottom;width:960px;margin:0 auto;position:relative;} #topBT {background:url(../images/topBT.png)no-repeat left bottom;width:26px;height:35px;position:absolute;top:150px;right:50px;display:block;} #output {margin-top:30px;font-size:0.8em;margin-left:155px;width:290px;} #output p {background-color:#7B0F6F;color:#fff;font-weight:bold;line-height:1.2em;} #form {position:relative;} #loading {display:none;position:absolute;top:200px;left:0px;height:550px;width:530px;background:url(../images/translucent.png)repeat top left} #loadingInner {background:url(../images/loading.gif)no-repeat center center #fff;width:30px;height:30px;margin-top:180px;margin-left:285px;} #instructions ol li p a {font-weight:bold;} #instructions ol li p a:hover {} #footer { background:url(../images/footerBG.jpg)repeat-x left top #4D4D4D; width:100%; min-height:115px; } #footerInner {min-height:115px;margin:0 auto;width:960px;color:#fff;font-weight:bold;} #footerInner p {display:block;padding-top:51px;float:left;margin-right:180px;} #footerInner a {color:#fff;text-decoration:none;} #footerInner a:hover {text-decoration:underline;} #partenaires { background:url(../images/partenaires/partenairesBG.jpg)repeat-x left top; width:100%; height:185px; } #partenairesInner {height:115px;margin:0 auto;width:960px;color:#fff;font-weight:bold;} #partenairesInner ul {padding-top:50px;} #partenairesInner ul li {float:left;margin:0 8px;}