/* CSS Document by Meridian Communication */ /* www.tcommeterre.com 2008 */ /* ----------------------------------- */ /* >>>>>>>>>>>>> aide couleurs <<<< */ /* ----------------------------------- */ /* Colors Help {violet : #693D8C ; bleu : #006AB1 ; bleu clair : #91D4F2 ; orange : #E85C0F ; }*/ /* ----------------------------------- */ /* >>>>>>>>>>>>> généralités <<<< */ /* ----------------------------------- */ HTML{font-size: 100%;} /* La taille de base sera de 10px avec les valeurs par defaut de police du navigateur */ body{font: 0.625em/1em Arial, Verdana, "Trebuchet MS", sans-serif; background:url(images/fond-body.gif) center top no-repeat; } input, select, textarea{font-size: 100%;} .accessiblite {display:none} h1,h2{display:none} /* --------------- #nav-niv-1 ---------*/ #entete #nav-niv-1{} #entete #nav-niv-1 { position:absolute; top: 550px; left:56px; display:block; height:28px; } #entete #nav-niv-1 ul { } #entete #nav-niv-1 li {display:block; float:left; background:transparent url(images/niv1-transition.gif) 0 0 no-repeat; padding-left:17px } #entete #nav-niv-1 li.first { background:none; padding-left:0px} #entete #nav-niv-1 li a {display:block;overflow: hidden; text-indent: -5000px; } * html #menu-niv-1 a:link, * html #menu-niv-1 a:visited {height:28px; he\ight:0;} #entete #nav-niv-1 li#item1 a, #entete #nav-niv-1 li#item2.active a, #entete #nav-niv-1 li#item1 a:hover {width:62px; height:28px;} #entete #nav-niv-1 li#item2 a, #entete #nav-niv-1 li#item2.active a, #entete #nav-niv-1 li#item2 a:hover {width:60px; height:28px;} #entete #nav-niv-1 li#item3 a, #entete #nav-niv-1 li#item3.active a, #entete #nav-niv-1 li#item3 a:hover {width:92px; height:28px;} #entete #nav-niv-1 li#item4 a, #entete #nav-niv-1 li#item4.active a, #entete #nav-niv-1 li#item4 a:hover {width:76px; height:28px;} #entete #nav-niv-1 li#item5 a, #entete #nav-niv-1 li#item5.active a, #entete #nav-niv-1 li#item5 a:hover {width:66px; height:28px;} #entete #nav-niv-1 li#item1 a {background:transparent url(images/niv1-item1-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item2 a {background:transparent url(images/niv1-item2-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item3 a {background:transparent url(images/niv1-item3-off.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item4 a {background:transparent url(images/niv1-item4-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item5 a {background:transparent url(images/niv1-item5-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item1.active a{background:transparent url(images/niv1-item1-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item2.active a{background:transparent url(images/niv1-item2-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item3.active a{background:transparent url(images/niv1-item3-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item4.active a{background:transparent url(images/niv1-item4-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item5.active a{background:transparent url(images/niv1-item5-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item1 a:hover {background:transparent url(images/niv1-item1-on.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item2 a:hover {background:transparent url(images/niv1-item2-on.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item3 a:hover {background:transparent url(images/niv1-item3-on.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item4 a:hover {background:transparent url(images/niv1-item4-on.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item5 a:hover {background:transparent url(images/niv1-item5-on.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item1.active a:hover {background:transparent url(images/niv1-item1-on.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item2.active a:hover {background:transparent url(images/niv1-item2-on.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item3.active a:hover {background:transparent url(images/niv1-item3-on.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item4.active a:hover {background:transparent url(images/niv1-item4-on.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item5.active a:hover {background:transparent url(images/niv1-item5-on.gif) 0 0 no-repeat; } /* -------------------------------------------------- */ /* >>>>>>>>>>>>> template 3 : attente <<<<<<<<<<< */ /* -------------------------------------------------- */ body#id6 #page {position:absolute; width: 955px; height: 600px; left: 50%; top: 50%; margin-top: -300px; margin-left: -478px; border: 1px solid #000; background:transparent url(images/attente.gif) 0 0 no-repeat} /* ----------------------------------------------------------- */ /* >>>>>>>>>>>>> template 4 : texte 2 colonnes <<<<<<<<<<< */ /* ----------------------------------------------------------- */ body.template4 #page #fond1erPlanHaut {position:absolute; display:block; width:955px; height: 114px; top: 50px; z-index:13; background:transparent url(images/fond1erPlanHaut.png) 0 0 repeat-x } body.template4 #page #fond2emePlanHaut {position:absolute; display:block; width:955px; height: 114px; top: 50px; z-index:12; background:transparent url(images/fond2emePlanHaut.png) 0 0 repeat-x } body.template4 #page #fond1erPlanBas {position:absolute; display:block; width:100000px !important; width:955px; height: 114px; top: 379px; z-index:13; background:transparent url(images/fond1erPlanBas.png) 0 0 repeat-x } body.template4 #page #fond2emePlanBas {position:absolute; display:block; width:100000px !important; width:955px; height: 114px; top: 379px; z-index:12; background:transparent url(images/fond2emePlanBas.png) 0 0 repeat-x } body.template4 #page {position:absolute; display:block; width: 955px; height: 600px; left: 50%; top: 50%; margin-top: -300px; margin-left: -478px; z-index:0; background:transparent url(images/fondBody.gif) 0 0 no-repeat; overflow:hidden; } /* body.template4 #page #fond1erPlan {position:absolute; display:block; width: 955px; height: 443px; top: 94px; z-index:12; background:transparent url(images/fond1erEt2emePlan.png) 0 0 no-repeat; }*/ body.template4 #page #contenu {position:absolute; display:none;width: 955px; height: 443px; top: 44px; } body.template4 #page #contenu img {position:absolute; display:block; width: 955px; height: 443px; top: 50px; } body.template4 #page #texteGauche {position:absolute; display:block; width: 410px; left:45px; top:145px; z-index:11; } body.template4 #page #texteGauche h3{font-family: georgia,serif; font-size:1.9em; padding:2px 6px 2px 6px } body.template4 #page #texteGauche h4{font-weight:bold; font-size:1.2em; line-height:1.3em;padding:3px 6px } body.template4 #page #texteGauche p {font-size:1.2em; line-height:1.3em; padding:3px 6px} body.template4 #page #texteGauche ul {font-size:1.2em; line-height:1.3em; padding:0px 6px} body.template4 #page #texteGauche ul li { list-style-type:disc; padding:0; margin:0 0 0 14px} body.template4 #page #texteGauche strong { font-weight:bold } body.template4 #page #texteDroite h3{font-family: georgia,serif; font-size:1.9em; padding:2px 6px 2px 6px } body.template4 #page #texteDroite h4{ font-weight:bold; font-size:1.2em; line-height:1.3em;padding:0px 6px } body.template4 #page #texteDroite p {font-size:1.2em; line-height:1.3em; padding:3px 6px} body.template4 #page #texteDroite ul {font-size:1.2em; line-height:1.3em; padding:3px 6px} body.template4 #page #texteDroite ul li { list-style-type:disc; padding:0; margin:0 0 0 14px} body.template4 #page #texteDroite strong { font-weight:bold } body.template4 #page #texteDroite {position:absolute; display:block; width: 410px; left:500px; top: 145px; z-index:11; } body.template4 #page #texteGauche .fondGris, body.template4 #page #texteDroite .fondGris{ background-color: #FFF; /* the background */ margin-bottom:6px; padding: 6px; } /* pour les autres navigateurs */ * > body.template4 #page #texteGauche .fondGris, * > body.template4 #page #texteDroite .fondGris {height: auto;} /* pour IE 6 */ *html body.template4 #page #texteGauche .fondGris, *html body.template4 #page #texteDroite .fondGris {height : 1px;} /* pour IE 7 */ *+html body.template4 #page #texteGauche .fondGris, *+html body.template4 #page #texteDroite .fondGris {min-height : 1px;} /* --------------------------------------------------- */ /* >>>>>>>>>>>>> template 5 : portfolio <<<<<<<<<<< */ /* --------------------------------------------------- */ body.template5 #page {position:absolute; display:block; width: 955px; height: 600px; left: 50%; top: 50%; margin-top: -300px; margin-left: -478px; z-index:0; background:transparent url(images/fondBody.gif) 0 0 no-repeat; overflow:hidden; } body.template5 #page #fond1erPlanHaut {position:absolute; display:block; width:100000px !important; width:955px; height: 114px; top: 0px; z-index:13; background:transparent url(images/fond1erPlanHaut.png) 0 0 repeat-x } body.template5 #page #fond2emePlanHaut {position:absolute; display:block; width:100000px !important; width:955px; height: 114px; top: 0px; z-index:12; background:transparent url(images/fond2emePlanHaut.png) 0 0 repeat-x } body.template5 #page #fond1erPlanBas {position:absolute; display:block;width:100000px !important; width:955px; height: 114px; top: 329px; z-index:13; background:transparent url(images/fond1erPlanBas.png) 0 0 repeat-x } body.template5 #page #fond2emePlanBas {position:absolute; display:block; width:100000px !important; width:955px; height: 114px; top: 329px; z-index:12; background:transparent url(images/fond2emePlanBas.png) 0 0 repeat-x } /* pour IE 6 */ *html body.template5 #page #fond1erPlanHaut { display:none} *html body.template5 #page #fond2emePlanHaut { display:none} *html body.template5 #page #fond1erPlanBas { display:none} *html body.template5 #page #fond2emePlanBas { display:none} *html body.template5 #page #fondIe { position:absolute; display:block; width:955px; height: 443px; top: 0px; z-index:13; background:transparent url(images/fond1erEt2emePlan.png) 0 0 repeat-x } body.template5 #page .wslide-menu { display:none} body.template5 #page #contenu {position:absolute; display:none;width: 955px; height: 443px; top: 94px; } body.template5 #page #fond1erPlanHaut {position:absolute; display:block; width:955px; height: 114px; top: 0px; z-index:13; background:transparent url(images/fond1erPlanHaut.png) 0 0 repeat-x } body.template5 #page #contenu ul#parent {} body.template5 #page #contenu ul#parent li { position:relative} body.template5 #page #contenu ul#parent li img{z-index:1; position:absolute;} body.template5 #page #contenu ul#parent li .texteGauche {z-index:2; position:absolute; display:block; width: 410px; left:45px; top:95px;} body.template5 #page #contenu ul#parent li .texteGauche h3{z-index:3; display:inline; font-family: georgia,serif; font-size:1.9em; line-height:1em; padding:2px 6px 2px 6px; margin: 0 0 2px 0px } body.template5 #page #contenu ul#parent li .texteGauche hr { display:block; height:2px; border:0 transparent solid; visibility: hidden;} body.template5 #page #contenu ul#parent li .texteGauche h4{z-index:3; display:inline; clear:both; font-family: georgia,serif; font-size:1.5em; line-height:1.3em;padding:3px 6px; margin: 0 0 6px 0px } body.template5 #page #contenu ul#parent li .texteGauche h5{z-index:3; display:block; clear:both; font-style:italic; font-size:1.1em; line-height:1.3em;padding:3px 6px; margin: 0 0 8px 0px } body.template5 #page #contenu ul#parent li .texteGauche p {z-index:3; font-size:1.2em; line-height:1.3em; padding:5px 6px; text-align:justify} body.template5 #page #contenu ul#parent li .texteGauche ul {z-index:3; font-size:1.2em; line-height:1.3em; padding:3px 6px} body.template5 #page #contenu ul#parent li .texteGauche strong {z-index:3; font-weight:bold } body.template5 #page .texteGauche .fondGris{ background-color: #FFF; /* the background */ /* newer Mozilla and CSS-3 */ margin: 0 0 6px 0; padding: 2px 6px; } /* pour les autres navigateurs */ * > body.template5 #page .texteGauche .fondGris, * > body.template5 #page .texteGauche h3.fondGris, * > body.template5 #page .texteGauche h4.fondGris {height: auto;} /* pour IE 6 */ *html body.template5 #page .texteGauche .fondGris, *html body.template5 #page .texteGauche h3.fondGris, *html body.template5 #page .texteGauche h4.fondGris {height : 1px;} /* pour IE 7 */ *+html body.template5 #page .texteGauche .fondGris, *+html body.template5 #page .texteGauche h3.fondGris, *+html body.template5 #page .texteGauche h4.fondGris {min-height : 1px;} body.template5 #page .texteGauche a { color:#000; text-decoration:underline; line-height:20px;} body.template5 #page .texteGauche a:hover { color:#000; text-decoration:none; line-height:20px;} /* --------------- #vignette web -----------*/ body.template5 #page #contenu ul#parent li .vignetteWeb {z-index:214; position:absolute; height:177px; width:296px; left:564px; top:106px} body.template5 #page #contenu ul#parent li .vignetteWeb img{} body.template5 #page #contenu ul#parent li .vignetteWeb a{} /* --------------- #vignettevideo -----------*/ body.template5 #page #contenu ul#parent li .vignetteVideo {z-index:214; position:absolute; height:220px; width:355px; left:504px; top:106px } /* --------------- #suivant -----------*/ body.template5 #page .suivant { z-index:13; position:absolute; top:306px; right:0; display:block; width:55px; height:36px; background-color:#FFF } body.template5 #page .suivant a{ z-index:14; background:transparent url(images/btnDroiteOff.gif) center center no-repeat; display:block; width:55px; height:36px;} body.template5 #page .suivant a:hover {background:transparent url(images/btnDroiteOn.gif) center center no-repeat;} body.template5 #page .suivant a span{display:none} /* --------------- #precedent -----------*/ body.template5 #page .precedent { z-index:13; position:absolute; top:348px; right:0; display:block; width:55px; height:36px; background-color:#FFF } body.template5 #page .precedent a{background:transparent url(images/btnGaucheOff.gif) center center no-repeat; display:block; width:55px; height:36px;} body.template5 #page .precedent a:hover {background:transparent url(images/btnGaucheOn.gif) center center no-repeat; } body.template5 #page .precedent a span{display:none} /* ----------------------------------------------------------- */ /* >>>>>>>>>>>>> template 7 : accueil <<<<<<<<<<< */ /* ----------------------------------------------------------- */ body.template7 #page #fond1erPlanHaut {position:absolute; display:block; width:955px; height: 114px; top: 50px; z-index:13; background:transparent url(images/fond1erPlanHaut.png) 0 0 repeat-x } body.template7 #page #fond2emePlanHaut {position:absolute; display:block; width:955px; height: 114px; top: 50px; z-index:12; background:transparent url(images/fond2emePlanHaut.png) 0 0 repeat-x } body.template7 #page #fond1erPlanBas {position:absolute; display:block; width:955px; height: 114px; top: 379px; z-index:13; background:transparent url(images/fond1erPlanBas.png) 0 0 repeat-x } body.template7 #page #fond2emePlanBas {position:absolute; display:block; width:955px; height: 114px; top: 379px; z-index:12; background:transparent url(images/fond2emePlanBas.png) 0 0 repeat-x } body.template7 #page {position:absolute; display:block; width: 955px; height: 600px; left: 50%; top: 50%; margin-top: -300px; margin-left: -478px; z-index:0; background:transparent url(images/fondBody.gif) 0 0 no-repeat; overflow:hidden; } body.template7 #page #fond1erPlan {position:absolute; display:block; width: 955px; height: 443px; top: 94px; z-index:12; background:transparent url(images/fond1erEt2emePlan.png) 0 0 no-repeat; } body.template7 #page #contenu {position:absolute; display:none;width: 955px; height: 443px; top: 44px; } body.template7 #page #contenu img#fond {position:absolute; display:block;width: 955px; height: 443px; top: 50px; } body.template7 #page #texteGauche {position:absolute; display:block; width: 600px; left:0px; top:145px; z-index:11; } body.template7 #page #texteGauche img {position:relative; display:block;width: 600px; height: 200px; left:0px; top: 15px; } /* ----------------------------------------------------------- */ /* >>>>>>>>>>>>> template 8 : Contact <<<<<<<<<<< */ /* ----------------------------------------------------------- */ body.template8 #page {position:absolute; display:block; width: 955px; height: 600px; left: 50%; top: 50%; margin-top: -300px; margin-left: -478px; z-index:0; background:transparent url(images/fondBody.gif) 0 0 no-repeat; overflow:hidden; } body.template8 #page #fond1erPlanHaut {position:absolute; display:block; width:955px; height: 114px; top: 50px; z-index:13; background:transparent url(images/fond1erPlanHaut.png) 0 0 repeat-x } body.template8 #page #fond2emePlanHaut {position:absolute; display:block; width:955px; height: 114px; top: 50px; z-index:12; background:transparent url(images/fond2emePlanHaut.png) 0 0 repeat-x } body.template8 #page #fond1erPlanBas {position:absolute; display:block; width:955px; height: 114px; top: 379px; z-index:13; background:transparent url(images/fond1erPlanBas.png) 0 0 repeat-x } body.template8 #page #fond2emePlanBas {position:absolute; display:block; width:955px; height: 114px; top: 379px; z-index:12; background:transparent url(images/fond2emePlanBas.png) 0 0 repeat-x } body.template8 #page #contenu {position:absolute; display:none;width: 955px; height: 443px; top: 44px; } body.template8 #page #contenu img {position:absolute; display:block;width: 955px; height: 443px; top: 50px; } body.template8 #page #texteGauche {position:absolute; display:block; width: 410px; left:45px; top:145px; z-index:11; } body.template8 #page #texteGauche h3{font-family: georgia,serif; font-size:1.9em; padding:2px 6px 2px 6px } body.template8 #page #texteGauche h4{font-weight:bold; font-size:1.2em; line-height:1.3em;padding:3px 6px } body.template8 #page #texteGauche p {font-size:1.2em; line-height:1.3em; padding:3px 6px} body.template8 #page #texteGauche ul {font-size:1.2em; line-height:1.3em; padding:0px 6px} body.template8 #page #texteGauche ul li { list-style-type:disc; padding:0; margin:0 0 0 14px} body.template8 #page #texteGauche strong { font-weight:bold } body.template8 #page #texteDroite h3{font-family: georgia,serif; font-size:1.9em; padding:2px 6px 2px 6px } body.template8 #page #texteDroite h4{ font-weight:bold; font-size:1.2em; line-height:1.3em;padding:0px 6px } body.template8 #page #texteDroite p {font-size:1.2em; line-height:1.3em; padding:3px 6px} body.template8 #page #texteDroite ul {font-size:1.2em; line-height:1.3em; padding:3px 6px} body.template8 #page #texteDroite ul li { list-style-type:disc; padding:0; margin:0 0 0 14px} body.template8 #page #texteDroite strong { font-weight:bold } body.template8 #page #texteDroite {position:absolute; display:block; width: 410px; left:500px; top: 145px; z-index:11; } body.template8 #page #texteGauche .fondGris, body.template8 #page #texteDroite .fondGris{ background-color: #FFF; /* the background */ /* newer Mozilla and CSimgS-3 */ margin-bottom:6px; padding: 6px; } /* pour les autres navigateurs */ * > body.template8 #page #texteGauche .fondGris, * > body.template8 #page #texteDroite .fondGris {height: auto;} /* pour IE 6 */ *html body.template8 #page #texteGauche .fondGris, *html body.template8 #page #texteDroite .fondGris {height : 1px;} /* pour IE 7 */ *+html body.template8 #page #texteGauche .fondGris, *+html body.template8 #page #texteDroite .fondGris {min-height : 1px;} /* E form -------------------------------------------------*/ /* body.template8 div#EmailForm{border:none;} body.template8 EmailForm#fieldsets{border:none; margin-left:0px;} body.template8 #EmailForm p {} body.template8 #EmailForm input{ float:right } body.template8 #EmailForm textarea{font-size:1em; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color:#331700} body.template8 #EmailForm label{ display:block; padding: 4px 0 0 5px } body.template8 #EmailForm .label{ font-size:1.2em;color:#000; } body.template8 #EmailForm .text{border-color:#000; border-style:solid; border-width:1px; width:180px;} body.template8 #EmailForm .text2{border-color:#000; border-style:solid; border-width:1px; width:330px; } body.template8 #EmailForm .required{border-color:#F00; border-width:2px} body.template8 #EmailForm .error {color:#F00;}*/ body.template8 #page #EmailForm { margin-top:0px } body.template8 #page #EmailForm .displaynone{display:none; } body.template8 #page #EmailForm label{display: block; width: 60px; float:left; margin-bottom: 10px; } body.template8 #page #EmailForm input{display: inline;font-size:11px; width: 250px; border:1px solid #000; margin-bottom: 10px; } body.template8 #page #EmailForm textarea { font-family:Lucida Grande, Arial;display: inline;font-size:11px; width: 250px; border:1px solid #000; margin-bottom: 10px; } body.template8 #page #EmailForm label {text-align: right;padding-right: 10px; font-size:1.2em; line-height:1.7em} body.template8 #page #EmailForm input#cfContact {width:60px} body.template8 #page #EmailForm br {clear: left;} body.template8 #page #EmailForm hr {width: 255px; text-align:center;color: #A67C52; background-color: #A67C52; height: 1px;border: 0;} body.template8 #page #EmailForm p.floatleft { display:inline; font-size:1.1em; position:relative;top:-9px;} body.template8 #page #EmailForm .required{border-color:#F00; border-width:2px} body.template8 #page #EmailForm .error {color:#F00;} /* -------------------------------------------------- */ /* >>>>>>>>>>>>> template voeux 2009 <<<<<<<<<<< */ /* -------------------------------------------------- */ body#id36 { background:transparent url(images/fond-voeux.jpg) center 50px no-repeat} body#id36 #page {position:absolute; width: 955px; height: 600px; left: 50%; top:80px; margin-left: -478px;} body#id36 #page #player{position:absolute; width: 460px; height: 500px; left: 161px; top: 30px; } body#id36 #page #lienHome{position:absolute;left: 161px; top: 540px;} body#id36 #page a { font-size:1.2em; line-height:1.2em} body#id36 #page a:link {color: #4F78A6; text-decoration:none;} body#id36 #page a:visited { color: #4F78A6; } body#id36 #page a:hover { color: #4F78A6; text-decoration:underline } body#id36 #page a:active { color: #4F78A6; } /* -------------------------------------------------- */ /* >>>>>>>>>>>>> template voeux 2010 <<<<<<<<<<< */ /* -------------------------------------------------- */ body#id37 { background:transparent url(images/fond-voeux-2010.jpg) center 50px no-repeat} body#id37 #page {position:absolute; width: 955px; height: 600px; left: 50%; top:80px; margin-left: -478px;} body#id37 #page #player{position:absolute; width: 460px; height: 500px; left: 161px; top: 30px; } body#id37 #page #lienHome{position:absolute;left: 161px; top: 540px;} body#id37 #page a { font-size:1.2em; line-height:1.2em} body#id37 #page a:link {color: #4F78A6; text-decoration:none;} body#id37 #page a:visited { color: #4F78A6; } body#id37 #page a:hover { color: #4F78A6; text-decoration:underline } body#id37 #page a:active { color: #4F78A6; } /* -------------------------------------------------- */ /* >>>>>>>>>>>>> template voeux 2011 <<<<<<<<<<< */ /* -------------------------------------------------- */ body#id48 { background:transparent url(images/fondEcran-2011.jpg) center 0 no-repeat; overflow-x:hidden} body#id48 #fond {position:absolute; width: 1969; height: 682px; left: 50%; top:0px; margin-left: -984px;} body#id48 #page {position:absolute; width: 800px; height: 600px; left: 50%; top:200px; margin-left: -400px;} body#id48 #page #player{position:absolute; width: 460px; height: 500px; left: 46px; top:110px; } body#id48 #page #lienHome{position:absolute;right: 0; top:0;background:url(images/voeux-2011-lien.png) no-repeat 0 0;width:150px;height:35px;overflow:hidden;text-indent:-9999em;} body#id48 #page a { font-size:1.2em; line-height:1.2em} body#id48 #page a:link {color: #4F78A6; text-decoration:none;} body#id48 #page a:visited { color: #4F78A6; } body#id48 #page a:hover { color: #4F78A6; text-decoration:underline } body#id48 #page a:active { color: #4F78A6; } /* -------------------------------------------------- */ /* >>>>>>>>>>>>> template voeux 2012 <<<<<<<<<<< */ /* -------------------------------------------------- */ html {height:100%;} #id59 {position:relative; min-width:960px; min-height:660px; height:100%; background:url('images/voeux-2012-degrade.png') repeat-x 0 0 #272526;} #id59 #page {position:absolute; left:50%; top:50%; margin:-330px -480px; width:960px; height:660px; font-size:1.2em; line-height:1em; background:url('images/voeux-2012-etoile.png') no-repeat 10px 100%;} #id59 h1 {display:block; margin-left:40px;} #id59 h1 a {display:block; width:784px; height:169px; overflow:hidden; text-indent:-999em; background:url('images/voeux-2012-banniere.png') no-repeat 0 0;} #id59 a {color:#fff;} #id59 #player {margin:-50px auto 10px; width:624px; text-align:center;} #id59 .lienSite {margin:0 auto; width:624px; text-align:right;} #id59 .lienSite a {display:inline-block; padding-left:94px; height:23px; line-height:23px; color:#fff; background:url('images/voeux-2012-tcommeterre.png') no-repeat 0 0;}