/* La Piccola Css */ body{background-color:#FFFFFF;font:12px Arial, Helvetica, sans-serif; margin-top: 0} p{font: normal 12px Arial, Helvetica, sans-serif; margin:0px; padding:0px} h1{font: normal 12px Arial, Helvetica, sans-serif; margin:0px; padding:0px} h2{font: normal 12px Arial, Helvetica, sans-serif; margin:0px; padding:0px} a{text-decoration:none; margin:0px; padding:0px} li{ margin:0px; padding:0px} ul{ margin:0px; padding:0px} #fenetre{width:984px; position:absolute;top:40px; z-index:10} #main {z-index: auto; width: 984px;right: auto;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;text-align:left;} .agrandir{font: normal 11px Arial, Helvetica, sans-serif; color:#666666; margin-left:120px} #footer{position:absolute;top:700px; width:984px} .txtfooter{ position:absolute; left:556px;top:13px} .txtfooter a{ text-decoration:underline; color:#000000} #menutexte{position:absolute;top:15px;height:40px; width:984px;} #menutexte ul{list-style-type: none; position:absolute; top:-3px; left:559px;} #menutexte ul li{ display:inline} #menutexte li a:link, #menutexte li a:visited, #menutexte li a:active{display:inline;color:#666666;height: 1%;margin: 0;padding: 0px 10px;text-decoration: none;font-size:14px;} #menutexte li a:hover { color: #000000; } #menutexte h1 {font: normal 22px Verdana, Arial, Helvetica, sans-serif; } input[type='text'] {border: 1px solid #a7a6aa;} input[type='text']:hover {border: 1px solid #000000;} html {overflow-y:scroll !important} /*----------------------------------contact --------------------------------------*/ #centerformulaire{ margin-top:10px} /* #menutexte{position:absolute;top:0px;height:40px; width:984px; z-index:20} #menutexte h1 {font: normal 20px Verdana, Arial, Helvetica, sans-serif; position:relative; top:5px } #menuDeroulant{background: #ffffff;width: 644px;height: 21px;list-style-type: none;margin: 0;padding: 0;border: 0;position: absolute;top: 0;left: 550px;} #menuDeroulant li{float: left;width: 120px;margin: 0;padding: 0;border: 0; background-color:#0099FF; margin-left:-20px} #menuDeroulant li a:link, #menuDeroulant li a:visited{display: block;height: 1%;color: #666666;background: #ffffff;margin: 0;padding: 4px 8px;border-right: 1px solid #fff;text-decoration: none;} #menuDeroulant li a:hover { background-color: #ffffff;color:#000000; } #menuDeroulant li a:active { background-color: #ffffff; } #menuDeroulant .sousMenu{display: none;list-style-type: none;margin: 0;padding: 0;border: 0;} #menuDeroulant .sousMenu li{float: none;margin: 0;padding: 0;border: 0;width: 150px;border-top: 1px solid transparent;border-right: 1px solid transparent;} #menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited{display: block;color: #666666;margin: 0;border: 0;text-decoration: none; background: transparent url("/images/fondTR.png") repeat;} #menuDeroulant .sousMenu li a:hover{color:#000000;background-image: none;background-color: #ffffff;} #menuDeroulant li:hover > .sousMenu { display: block; } html */ /*----------------------LightBox-------------------------------*/ #lightbox{ background-color:#eee; padding:0px; border-bottom: 2px solid #666; border-right: 2px solid #666; } #lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; } #lightboxCaption{ float: left; } #keyboardMsg{ float: right; } #closeButton{ top: 5px; right: 5px; } #lightbox img{ border: none; clear: both;} #overlay img{ border: none; } #overlay{ background-image: url(../images/overlay.png); } * html #overlay{ background-color: #333; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale"); } /*---------------------------Index----------------------*/ #hrindex{color:#CCCCCC} #dewplayer{position:absolute} #cia{width:320px; height:170px;position:absolute; top:358px;left:-2px; background-image:url(images/melimasque.jpg); background-repeat:no-repeat; background-position:left top; background-color:#990000; color:#FFFFFF; margin-top:2px; margin-left:2px} #cia h2{ position:absolute; left:52%;top:12px; font: bold 16px Arial, Helvetica, sans-serif;width:140px} #cia p{ position:absolute; left:52%; top:32px;font: normal 13px Arial, Helvetica, sans-serif;width:140px} #cia:hover{ background-color:#FFFFFF; border: 2px solid #990000; color:#333333; margin-top:0px; margin-left:0px} #cia2{width:320px; height:170px; position:absolute;left:328px; top:358px; background-image:url(images/lettrelogo.jpg); background-repeat:no-repeat; background-position:right top; background-color:#853385; color:#FFFFFF; margin-top:2px; margin-left:2px} #cia2 h2{ position:absolute; left:12px;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #cia2 p{ position:absolute; left:12px; top:32px;; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #cia2:hover{ background-color:#FFFFFF; border: 2px solid #853385; color:#333333; margin-top:0px; margin-left:0px} #cia3{width:320px; height:170px; position:absolute;left:658px; top:178px; background-image:url(images/songe-logo-index.jpg); background-repeat:no-repeat; background-position:left top; background-color:#CE4D13; border:solid 1px #DEDEDE; color:#FFFFFF; margin-top:1px; margin-left:1px} #cia3 h2{ position:absolute; left:52%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #cia3 p{ position:absolute; left:52%; top:48px;; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #cia3:hover{ background-color:#FFFFFF; border: 2px solid #CE4D13; color:#333333; margin-top:0px; margin-left:0px;background-image:url(images/songe-logo-index.jpg)} #cia4{width:320px; height:170px; position:absolute;left:658px; top:-2px; background-image:url(images/animalogo.jpg); background-repeat:no-repeat; background-position:right top; background-color:#CC0066;border:solid 1px #DEDEDE; color:#FFFFFF; margin-top:1px; margin-left:1px} #cia4 h2{ position:absolute; left:12px;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #cia4 p{ position:absolute; left:12px; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #cia4:hover{ background-color:#FFFFFF; border: 2px solid #CC0066; color:#333333; margin-top:0px; margin-left:0px;background-image:url(images/animalogoh.jpg)} #cib1{width:320px; height:170px; position:absolute;left:658px; top:358px; background-color:#ffffff; margin-top:1px; margin-left:1px; border:#DEDEDE solid 1px} #cib1 h2{ position:absolute; left:12px;top:12px; font: bold 14px Arial, Helvetica, sans-serif;color:#990000;} #cib1 #p{ position:absolute; left:12px; top:32px;; font: normal 13px Arial, Helvetica, sans-serif;color:#333333 ; width:300px} #cib1:hover{border: 2px solid #999999; margin-top:0px; margin-left:0px } #cib2{width:155px; height:80px; position:absolute;left:823px; top:448px; background-color:#ffffff; color:#990000; margin-top:1px; margin-left:1px; border:#DEDEDE solid 1px} #cib2 h2{ position:absolute; left:12px; top:12px;font: bold 14px Arial, Helvetica, sans-serif;} #cib2 p{ position:absolute; left:52%; top:20px;; font: normal 13px Arial, Helvetica, sans-serif;} #cib2:hover{border: 2px solid #999999; margin-top:0px; margin-left:0px} #cib3{width:320px; height:80px; position:absolute;left:-2px; top:538px; background-color:#ffffff; color:#990000; margin-top:1px; margin-left:1px; border:#DEDEDE solid 1px} #cib3 h2{ position:absolute; left:12px;top:12px; font: bold 14px Arial, Helvetica, sans-serif;color:#990000; width:300px} #cib3 p{ position:absolute; left:52%; top:20px;; font: normal 13px Arial, Helvetica, sans-serif; color:#333333;} #cib3:hover{border: 2px solid #999999; margin-top:0px; margin-left:0px } /*---------------------------Meli melodie----------------------*/ #meli-fenetre{width:984px; border: solid 1px #333333; border-right:none; border-bottom:none; border-left:none; margin-bottom:20px } #meli-footer{ position:absolute;top:2180px; width:984px; margin-bottom:20px} #meli-footer a{ text-decoration:underline; color:#000000} .meli-c1{color:#333333;font-size:14px; font-weight:bold;} .meli-soustitre{font-size:13px; font-style:italic} .meli-c2{font: normal 12px Arial, Helvetica, sans-serif; } .meli-c3{font: normal 12px Arial, Helvetica, sans-serif; color:#666666} /*----------cadre gauche--------*/ .meli-images{} #meli-txtmeli{ background-color:#EEEEEE; border: solid 1px; padding:10px; color:} #meli-spectaclesg{ position:absolute; left:0px; width:200px;margin-bottom:20px } #meli-qui{margin-top:15px; line-height:27px} #meli-cohendy {line-height:17px;} .meli-cohendy{font-style:italic ;font-size:12px;} /*----------cadre millieu--------*/ #meli-spectaclesm{position:absolute; left:195px;width:544px; margin: 0px 0px 0px 20px;} .meli-horloge{position:absolute; top:352px;left:470px;font: normal 18px Arial, Helvetica, sans-serif;} .meli-titreh2{color:#000000;font-size:15px; font-weight:bold;} #meli-programme{line-height:27px} #meli-programme #meli-c1{margin-top:10px; margin-bottom:-4px; } #meli-programme {} #meli-progdetaille{line-height:15px; margin-top:10px} #meli-videos{} #meli-dewtube1{ position:relative;top:200px;left:20px} #meli-dewtube2{ position:relative;left:300px;top:10px} #meli-dewtube3{position:relative;left:20px;top:10px; } /*----------cadre de droite--------*/ #meli-spectaclesd{position:absolute; left:774px; width:220px; } #meli-images2{margin-left:0px; margin-top:20px; width:210px; height:158; z-index:1} #meli-dateavenir{ width:190px; border: 1px solid; background-color:#F6E659; padding:3px; margin:5px 0px 10px 7px} #meli-dateavenir2{font-size:11px;} .meli-c4{font-size:12px; text-decoration:underline;} #meli-datepasse{ width:190px; border: 1px solid; background-color:#EEEEEE; padding:3px;margin:10px 0px 10px 7px} #meli-datepasse2{font-size:11px;} #meli-grandslider{ margin: 5px 0px 5px 22px} /*---------------------------Lettres-------------------------------------------------------------------------------------------------------*/ .let-d1{color:#14416D;font-size:14px; font-weight:bold;} .let-d2{font: normal 12px Arial, Helvetica, sans-serif; } .let-d3{font: normal 12px Arial, Helvetica, sans-serif; color:#666666} .let-soustitre{font-size:13px; font-style:italic} #let-fenetre{width:984px; border: solid 1px #333333; border-right:none; border-bottom:none; border-left:none; margin-bottom:20px } #let-footer{ position:absolute;top:1800px; width:984px; margin-bottom:20px} /*----------cadre gauche--------*/ #let-spectaclesg{ position:absolute; left:0px; width:200px;margin-bottom:20px } #let-qui{margin-top:15px; line-height:27px} .let-images{} /*----------cadre millieu--------*/ #let-txt{ background-color:#EEEEEE; border: solid 1px; padding:10px; color:} #let-spectaclesm{position:absolute; left:195px;width:544px; margin: 20px 0px 0px 20px;} .let-horloge{position:absolute; left:450px;top:5px;font: normal 18px Arial, Helvetica, sans-serif;} /*----------cadre de droite--------*/ #let-spectaclesd{position:absolute; left:774px; width:220px; } #let-images2{margin-left:0px; margin-top:20px; width:210px; height:158} #let-dateavenir{ width:190px; border: 1px solid; background-color:#4B98E1; padding:3px; margin:188px 0px 10px 7px} #let-dateavenir2{font-size:11px;} .let-c4{font-size:12px; text-decoration:underline;} #let-datepasse{ width:190px; border: 1px solid; background-color:#EEEEEE; padding:3px;margin:10px 0px 10px 7px} #let-datepasse2{font-size:11px;} /*--------------------------Songe d'une nuit glacée-------------------------------------------------------------------------------------------------------*/ .li-d1{color:#000000;font-size:14px; font-weight:bold;} .li-d2{font: normal 12px Arial, Helvetica, sans-serif; } .li-d3{font: normal 12px Arial, Helvetica, sans-serif; color:#666666} .li-soustitre{font-size:13px; font-style:italic} #li-fenetre{width:984px; border: solid 1px #333333; border-right:none; border-bottom:none; border-left:none; } #li-footer{ position:absolute;top:680px; width:984px; } #li-footer a{ text-decoration:underline; color:#000000} /*----------cadre gauche--------*/ #li-spectaclesg{ position:absolute; left:0px; width:200px;margin-bottom:20px } #li-qui{margin-top:15px; line-height:27px} .li-images{} /*----------cadre millieu--------*/ #li-txt{ background-color:#EEEEEE; border: solid 1px; padding:10px; color:} #li-spectaclesm{position:absolute; left:195px;width:544px; margin: 20px 0px 0px 20px;} .li-horloge{position:absolute; top:0px;left:450px;top:12px;font: normal 18px Arial, Helvetica, sans-serif;} /*----------cadre de droite--------*/ #li-spectaclesd{position:absolute; left:774px; width:220px; } #li-images2{margin-left:0px; margin-top:20px; width:210px; height:158} #li-dateavenir{ width:190px; border: 1px solid; background-color:#B64A1A; padding:3px; margin:10px 0px 10px 7px} #li-dateavenir2{font-size:11px;} .li-c4{font-size:12px; text-decoration:underline;} #li-datepasse{ width:190px; border: 1px solid; background-color:#EEEEEE; padding:3px;margin:10px 0px 10px 7px} #li-datepasse2{font-size:11px;} /*--------------------------Anima------------------------------------------------------------------------------------------------------*/ .ani-d1{color:#CC0066;font-size:14px; font-weight:bold;} .ani-d2{font: normal 12px Arial, Helvetica, sans-serif; } .ani-d3{font: normal 12px Arial, Helvetica, sans-serif; color:#666666} .ani-soustitre{font-size:13px; font-style:italic} #ani-fenetre{width:984px; border: solid 1px #333333; border-right:none; border-bottom:none; border-left:none; margin-bottom:20px } #ani-footer{ position:absolute;top:1200px; width:984px; margin-bottom:20px} #ani-footer a{ text-decoration:underline; color:#000000;} /*----------cadre gauche--------*/ #ani-spectaclesg{ position:absolute; left:0px; width:200px;margin-bottom:20px } #ani-qui{margin-top:15px; line-height:27px} .ani-images{} /*----------cadre millieu--------*/ #ani-txt{ background-color:#EEEEEE; border: solid 1px; padding:10px; color:} #ani-spectaclesm{position:absolute; left:195px;width:544px; margin: 20px 0px 0px 20px;} .ani-horloge{position:absolute; top:0px;left:450px;top:12px;font: normal 18px Arial, Helvetica, sans-serif;} /*----------cadre de droite--------*/ #ani-spectaclesd{position:absolute; left:774px; width:220px; } #ani-images2{margin-left:0px; margin-top:20px; width:210px; height:158} #ani-dateavenir{ width:190px; border: 1px solid; background-color:#F8C9E1; padding:3px; margin:50px 0px 10px 7px} #ani-dateavenir2{font-size:11px;} .ani-c4{font-size:12px; text-decoration:underline;} #ani-datepasse{ width:190px; border: 1px solid; background-color:#EEEEEE; padding:3px;margin:10px 0px 10px 7px} #ani-datepasse2{font-size:11px;} #anima-mp31{ } #anima-mp32{ position:relative; top:20px;} #anima-boitemp3{ width:200px; margin:10px 10px 0px 0px; padding:10px; height:80px } #anima-mp31 p, #anima-mp32 p{font: normal 11px Arial, Helvetica, sans-serif; color:#666666; margin-bottom:0px} /*---------------------------La Piccola-------------------------------------------------------------------------------------------------------*/ #picc-fenetre{width:984px; border: solid 1px #333333; border-right:none; border-bottom:none; border-left:none; margin-bottom:20px } /*---------------------------Equipe-------------------------------------------------------------------------------------------------------*/ #equipe-boite{ width:984px; } #equipe-boite1{ width:984px;border:2px solid #0066FF; margin-top:10px; margin-bottom:10px} .equipe-titre{color:#266EB3;font-size:14px; font-weight:bold;} #equipe-image{float:left} #equipe-fenetre{width:984px; } #equipe-footer{position:absolute;top:1350px; width:984px; margin-bottom:20px} #equipe-footer a{ text-decoration:underline; color:#000000} /*---------------------------Equipe2-------------------------------------------------------------------------------------------------------*/ #equipe-troupe{width:318px; height:168px; position:absolute;left:-1px; top:-1px; background-image:url(images/.jpg); background-repeat:no-repeat; background-position:right top; background-color:#ffffff; color:#990000; margin-top:1px; margin-left:1px;border:#DEDEDE solid 1px} #equipe-troupe h2{ position:absolute; left:4%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-troupe p{ position:absolute; left:4%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-troupe:hover{ border: 2px solid #999999; margin-top:0px; margin-left:0px} #equipe-Chloe{ width:320px; height:170px;position:absolute; left:328px;top:-2px; background-image:url(images/Equipe-chloe.jpg); background-repeat:no-repeat; background-position:left top; background-color:#007CC2; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-Chloe h2{position:absolute; left:52%;top:12px; font: bold 16px Arial, Helvetica, sans-serif; width:140px} #equipe-Chloe p{ position:absolute; left:52%; top:32px;font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-Chloe:hover{ background-color:#FFFFFF; border: 2px solid #007CC2; color:#333333; margin-top:0px; margin-left:0px} #equipe-Noemi{width:320px; height:170px; position:absolute;left:-2px; top:178px; background-image:url(images/Equipe-noemi.jpg); background-repeat:no-repeat; background-position:right top; background-color:#33ADD6; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-Noemi h2{ position:absolute; left:4%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-Noemi p{ position:absolute; left:4%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-Noemi:hover{ background-color:#FFFFFF; border: 2px solid #33ADD6; color:#333333; margin-top:0px; margin-left:0px} #equipe-jerome{width:320px; height:170px; position:absolute;left:328px; top:178px; background-image:url(images/Equipe-jerome.jpg); background-repeat:no-repeat; background-position:right top; background-color:#0066CC; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-jerome h2{ position:absolute; left:4%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-jerome p{ position:absolute; left:4%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-jerome:hover{ background-color:#FFFFFF; border: 2px solid #0066CC; color:#333333; margin-top:0px; margin-left:0px} #equipe-TMachuel{width:320px; height:170px; position:absolute;left:658px; top:-2px; background-image:url(images/Equipe-thierrymachuel.jpg); background-repeat:no-repeat; background-position:left top; background-color:#0033CC; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-TMachuel h2{ position:absolute; left:52%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-TMachuel p{ position:absolute; left:52%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-TMachuel:hover{ background-color:#FFFFFF; border: 2px solid #0033CC; color:#333333; margin-top:0px; margin-left:0px} #equipe-Beatrice{width:320px; height:170px; position:absolute;left:658px; top:178px; background-image:url(images/Equipe-beatrice.jpg); background-repeat:no-repeat; background-position:right top; background-color:#001C4D; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-Beatrice h2{ position:absolute; left:4%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-Beatrice p{ position:absolute; left:4%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-Beatrice:hover{ background-color:#FFFFFF; border: 2px solid #001C4D; color:#333333; margin-top:0px; margin-left:0px} #equipe-AC{width:320px; height:170px; position:absolute;left:-2px; top:358px; background-image:url(images/Equipe-AC.jpg); background-repeat:no-repeat; background-position:right top; background-color:#001C4D; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-AC h2{ position:absolute; left:4%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-AC p{ position:absolute; left:4%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-AC:hover{ background-color:#FFFFFF; border: 2px solid #001C4D; color:#333333; margin-top:0px; margin-left:0px} #equipe-Gael{width:320px; height:170px; position:absolute;left:328px; top:358px; background-image:url(images/Equipe-Gael.jpg); background-repeat:no-repeat; background-position:left top; background-color:#007CC2; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-Gael h2{ position:absolute; left:52%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-Gael p{ position:absolute; left:52%; top:52px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-Gael:hover{ background-color:#FFFFFF; border: 2px solid #007CC2; color:#333333; margin-top:0px; margin-left:0px} #equipe-helene{width:320px; height:170px; position:absolute;left:658px; top:358px; background-image:url(images/Equipe-helene.jpg); background-repeat:no-repeat; background-position:right top; background-color:#0066CC; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-helene h2{ position:absolute; left:4%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-helene p{ position:absolute; left:4%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-helene:hover{ background-color:#FFFFFF; border: 2px solid #0066CC; color:#333333; margin-top:0px; margin-left:0px} #equipe-invite{width:318px; height:168px; position:absolute;left:-1px; top:539px; background-image:url(images/.jpg); background-repeat:no-repeat; background-position:right top; background-color:#ffffff; color:#990000; margin-top:1px; margin-left:1px;border:#DEDEDE solid 1px} #equipe-invite h2{ position:absolute; left:4%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-invite p{ position:absolute; left:4%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-invite:hover{ border: 2px solid #999999; margin-top:0px; margin-left:0px} #equipe-Florent{width:320px; height:170px; position:absolute;left:658px; top:718px; background-image:url(images/Equipe-florent.jpg); background-repeat:no-repeat; background-position:right top; background-color:#7AC142; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-Florent h2{ position:absolute; left:4%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-Florent p{ position:absolute; left:4%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-Florent:hover{ background-color:#FFFFFF; border: 2px solid #7AC142; color:#333333; margin-top:0px; margin-left:0px} #equipe-Christiane{width:320px; height:170px; position:absolute;left:328px;top:538px;background-image:url(images/Equipe-christiane.jpg); background-repeat:no-repeat; background-position:left top; background-color:#19A319; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-Christiane h2{ position:absolute; left:52%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-Christiane p{ position:absolute; left:52%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-Christiane:hover{ background-color:#FFFFFF; border: 2px solid #19A319; color:#333333; margin-top:0px; margin-left:0px} #equipe-Benoit{width:320px; height:170px; position:absolute;left:328px; top:898px; background-image:url(images/Equipe-benoit.jpg); background-repeat:no-repeat; background-position:left top; background-color:#006600; border:solid 1px #DEDEDE; color:#FFFFFF; margin-top:1px; margin-left:1px} #equipe-Benoit h2{ position:absolute; left:52%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-Benoit p{ position:absolute; left:52%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-Benoit:hover{ background-color:#FFFFFF; border: 2px solid #006600; color:#333333; margin-top:0px; margin-left:0px;} #equipe-TBretonnet{width:320px; height:170px; position:absolute;left:328px; top:718px; background-image:url(images/Equipe-thierrybretonney.jpg); background-repeat:no-repeat; background-position:right top; background-color:#7AC142; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-TBretonnet h2{ position:absolute; left:4%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-TBretonnet p{ position:absolute; left:4%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-TBretonnet:hover{ background-color:#FFFFFF; border: 2px solid #7AC142; color:#333333; margin-top:0px; margin-left:0px} #equipe-Uriel{width:320px; height:170px; position:absolute;left:-2px; top:898px; background-image:url(images/Equipe-uriel.jpg); background-repeat:no-repeat; background-position:left top; background-color:#006600; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-Uriel h2{ position:absolute; left:52%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-Uriel p{ position:absolute; left:52%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-Uriel:hover{ background-color:#FFFFFF; border: 2px solid #006600; color:#333333; margin-top:0px; margin-left:0px} #equipe-Marc{width:320px; height:170px; position:absolute;left:658px; top:898px; background-image:url(images/Equipe-marc.jpg); background-repeat:no-repeat; background-position:left top; background-color:#19A319; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-Marc h2{ position:absolute; left:52%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-Marc p{ position:absolute; left:52%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-Marc:hover{ background-color:#FFFFFF; border: 2px solid #19A319; color:#333333; margin-top:0px; margin-left:0px} #equipe-IsabelleA{width:320px; height:170px; position:absolute;left:658px; top:538px; background-image:url(images/Equipe-isabelleA.jpg); background-repeat:no-repeat; background-position:right top; background-color:#19A319; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-IsabelleA h2{ position:absolute; left:4%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-IsabelleA p{ position:absolute; left:4%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-IsabelleA:hover{ background-color:#FFFFFF; border: 2px solid #19A319; color:#333333; margin-top:0px; margin-left:0px} #equipe-mat{width:320px; height:170px; position:absolute;left:-2px; top:718px; background-image:url(images/Equipe-mat.jpg); background-repeat:no-repeat; background-position:right top; background-color:#7AC142; color:#FFFFFF; margin-top:2px; margin-left:2px} #equipe-mat h2{ position:absolute; left:4%;top:12px; font: bold 14px Arial, Helvetica, sans-serif;width:140px} #equipe-mat p{ position:absolute; left:4%; top:32px; font: normal 13px Arial, Helvetica, sans-serif;width:140px} #equipe-mat:hover{ background-color:#FFFFFF; border: 2px solid #7AC142; color:#333333; margin-top:0px; margin-left:0px} /*---------------------------contact-------------------------------------------------------------------------------------------------------*/ #cont2-fenetre{width:984px; border: solid 1px #333333; border-right:none; border-bottom:none; border-left:none; margin-bottom:20px } #cont2-mot p{ font-weight:bold;font-size:16px; position:relative; left:350px; top:-150px} /*---------------------------equipe fiches-------------------------------------------------------------------------------------------------------*/ /*--------------------------fiche------------------------------------------------------------------------------------------------------*/ .equifiche-d1{color:#266EB3;font-size:14px; font-weight:bold;} .equifiche-d2{font: normal 12px Arial, Helvetica, sans-serif; margin-left:10px;} .equifiche-d3{font: normal 12px Arial, Helvetica, sans-serif; color:#666666} .equifiche-soustitre{font-size:13px; font-style:italic} #equifiche-fenetre{width:984px; border: solid 1px #333333; border-right:none; border-bottom:none; border-left:none; margin-bottom:20px } #equifiche-footer{position:absolute;top:800px; width:984px; margin-bottom:20px} #equichloe-footer{position:absolute;top:1100px; width:984px; margin-bottom:20px} #equimat-footer{position:absolute;top:950px; width:984px; margin-bottom:20px} /*----------cadre gauche--------*/ #equifiche-spectaclesg{ position:absolute; left:0px; width:200px;margin-bottom:20px } #equifiche-qui{margin-top:15px; line-height:27px} .equifiche-images{} /*----------cadre millieu--------*/ #equifiche-txt{ border: solid 1px; padding:10px; color:} #equifiche-Cadretexte{position:absolute; left:195px;width:544px; margin: 20px 0px 0px 20px;} .equifiche-horloge{position:absolute; top:0px;left:450px;top:12px;font: normal 18px Arial, Helvetica, sans-serif;}