/* --------------------------------------------------- GENERAL -----------------------------------------------*/ body, html{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #3F3F3F; } *, ul, li, table, img, h1, h2, h3, h4, p{ margin: 0; padding: 0; } object{ z-index: 50; } a{ color: #666; outline: none;} body{ font-family: Arial, Helvetica, sans-serif; background: url(css/fond.jpg) left top repeat-x; } #conteneur{ position: relative; margin-top: 10px; margin-left: auto; margin-right: auto; width: 998px; } #entete{ float: left; height: 57px; background: url(css/logo.png) left top no-repeat; } #space-logo{ float: left; width: 180px; height: 37px; text-indent: -1000em; } .clear-both{ clear: both; } .btn-large{ display: block; background: url(css/btn-large2.gif) right top no-repeat; height: 40px; line-height: 40px; padding-left:40px; color:#000; text-decoration: none; width: 930px; } .btn-large:hover{ background: url(css/btn-large2.gif) right -39px no-repeat; } #btn-large{ display: block; background: url(css/btn-large2.gif) right top no-repeat; height: 40px; line-height: 40px; padding-left:10px; color:#000; text-decoration: none; width: 930px; } #btn-large:hover{ background: url(css/btn-large2.gif) right -39px no-repeat; } #carre-haut{ float: left; width: 180px; height: 57px; } #logo-edoceo{ float: left; height: 20px; width: 70px; font-size: 9px; color: #FFF; text-align: center; } #choix-langue{ float: left; width: 31px; height: 55px; color: #FFF; font-size: 9px; padding-top: 2px; } #choix-langue ul{ color: #FFF; font-size: 9px; width: 31px; list-style-type: none; float: left; text-align: right; } #choix-langue li{ padding-right: 3px;} #choix-langue li a{ color: #FFF; font-weight: bold; } #choix-langue li a:hover{ color: #F30; font-weight: bold; } #choix-langue .active a{ color: #3D5185; text-decoration: none; } #corps{ float: left; background: url(css/bg-corps.gif) left top no-repeat; } h1{ color: #FF4D00; font-size: 18px; } h2{ color: #666; margin-top: 20px; margin-bottom: 5px; font-size: 16px; } h3{ color: #666; margin-top: 20px; margin-bottom: 5px; font-size: 14px; } #corps ul li{ list-style-position: inside; list-style-type: square; } #contenu{ padding: 15px; } #pied{ float: left; width: 998px; height: 99px; background: url(css/bg-footer.gif) left top no-repeat; padding-top: 10px; margin-top: 10px; } #pied #pied-partie-ppale{ float: left; margin-left: 200px; display: inline; } #pied #pied-partie-2aire{ float: right; padding-right: 20px; text-align: right; } #pied .edoceo-pays{ font-weight: bold;} .btnsubmit{ display: inline; background: url(css/btn-submit.gif) left top repeat-x; color: #FFF; } .popup{ } #contenu-partie-ppale{ float: left; width: 962px;} /* ------ MENU PPAL ------ */ #entete #menu-ppal2{ float: left; display: inline; margin-top: 2px; } #entete .menu2{ position: absolute; display: block; margin: 0; padding: 0; } #entete .menu2 ul{ position: absolute; display: block; /*margin:0;*/ padding: 0; } #entete .menu2 li ul{ visibility: hidden; } #entete .menu2 li li ul{ position: absolute; margin-left: 124px; margin-top: -23px; } #entete .menu2 li{ list-style: none; display/**/: block; float: none; float/**/: left; margin: 0; padding: 0; text-align: center; margin-left: 3px; display: inline;} #entete .menu2 li li{ display: block; float: none; } /* correct a little IE bug */ * html .menu2 li li{ display: inline; } #entete .menu2 a{ display: block; width:95px; height: 32px; background: url(css/btn-menu.gif) left top repeat-x; text-align: center; text-decoration: none; color: #FFF; line-height: 32px; } #entete .menu2 .derli a{ display: block; width:98px; height: 32px; background: url(css/btn-menu-der.gif) left top repeat-x; text-align: center; text-decoration: none; color: #FFF; line-height: 32px; } #entete .menu2 .li2lignes a{ line-height: 16px;} #entete .menu2 a:hover{ text-decoration: none; background: url(css/btn-menu.gif) left -64px repeat-x; color: #FFF; } #entete .menu2 .derli a:hover{ background: url(css/btn-menu-der.gif) left -64px repeat-x; } /* for a mozilla better display with key nav */ #entete .menu2 a:focus{ } #entete a.linkOver{ } #entete .menu2 li ul li a{ font-size: 12px; border-left: 0px; width: 200px; height: 20px; display: block; background: url(css/btn-menu-bas.gif) left top repeat-x; line-height: 20px; text-align: left; } #entete .menu2 li ul li a:hover{ background: url(css/btn-menu-bas.gif) left bottom repeat-x; } #entete .menu2 li ul li a span{ margin-left: 5px; } #entete .menu2 .li2lignes ul li a{ line-height: 20x;} #entete #menu-ppal2 .active{ display: block; height: 32px; background: url(css/btn-menu.gif) left -32px repeat-x; text-align: center; text-decoration: none; color: #252D65; } /* ------ MENU CHOIX PAYS ------ */ #entete #menu-pays{ float: left; height: 20px; width: 100px; font-size: 9px; color: #FFF; text-align: left; padding-left: 10px; } #entete #menu-pays a{ color: #FFF; } #entete #menu-pays{ float: left; font-size: 0.9em; color: #FFF; } #entete #menu-pays .menu{ position:absolute; /* solve a Opera7/IE display bug */ width:100px; } #entete #menu-pays .menu span{ display:none; } #entete #menu-pays .menu ul{ position:absolute; /* important */ width:100px; z-index: 100; } #entete #menu-pays .menu li ul{ display: block; visibility:hidden; margin-left:-10px; /* be careful */ margin-top:0px; border-top: 1px solid #C0C9D8; width:102px;} #entete #menu-pays .menu li ul li{ display:block; background: url(css/btn-menu-bas.gif) left top repeat-x; border-bottom: 1px solid #C0C9D8; border-right: 1px solid #C0C9D8; border-left: 1px solid #C0C9D8; } #entete #menu-pays .menu a{ display: block; color: #FFF; width:100px; text-decoration:none; padding:3px 0px 3px 0px; /* em units can creat little graphic bug in mozilla */ } #entete #menu-pays .menu a:hover{ display: block; background: url(css/btn-menu-bas.gif) left bottom repeat-x; text-decoration:none; padding:3px 0px 3px 0px; } #entete #menu-pays .menu a span{ display: block; margin: 0 3px 0 3px; } #entete #menu-pays .menu li ul li:hover{ background-color: #000000; } /* for a mozilla better display with key nav *//* */ #entete #menu-pays .menu a:focus{ background-color: #000000;} #entete #menu-pays .menu span{ /* hide some accessibility stuff */ display:none; } #entete #menu-pays .menu li{ width:100px; display:block; float:left; list-style:none;} /* IE PC selector */ * html #menu-pays .menu li { display:inline; /* solve a IE PC list bug */ float:none; /* solve a IE5 clav nav bug */ } #entete #menu-pays a.linkOver{ background-color: #000000;} #entete #menu #lien-pays{ background:none; width:120px; } /* --------------------------------------------------- PAGE ACCUEIL -----------------------------------------------*/ #home #corps{ background: none; width: 998px; } /* ------ BANDEAU GAUCHE ------ */ #home #contenu-partie-2aire{ float: left; width: 211px; margin-left: 1px; display: inline; } #home #contenu-partie-2aire #newsletter{ float: left; width: 211px; height: 119px; background: url(css/bg-newsletter.gif) left top no-repeat; } #home #contenu-partie-2aire #newsletter .ttle{ float: left; font-weight: bold; width: 191px; color: #FFF ; height: 20px; text-align: right; margin-right: 20px; display: inline; margin-top: 13px; display: inline; } #home #contenu-partie-2aire #newsletter p{ float: left; width: 191px; display: inline; padding: 0 10px; } #home #contenu-partie-2aire #newsletter #email{ width: 191px; margin-left: 10px; display: inline; } #home #contenu-partie-2aire #newsletter #submit{ width: 111px; margin-left: 50px; background: url(css/btn-submit.gif) left top repeat-x; color: #FFF; display: inline; } #home #contenu-partie-2aire #breves{ float: left; margin-top: 2px; width: 211px; height: 148px; background: url(css/bg-breve.gif) left top no-repeat; padding-bottom: 2px; } #home #contenu-partie-2aire #breves .ttle{ float: left; font-weight: bold; width: 191px; color: #FFF ; margin-top: 12px; text-align: right; margin-right: 20px; display: inline; } #home #contenu-partie-2aire #breves .margin-breve{ float: left; width: 191px; display: inline; padding-left: 10px; padding-right: 10px; } #home #contenu-partie-2aire #actu{ float: left; margin-top: 0px; width: 211px; } #home #contenu-partie-2aire #actu .ttle{ float: left; width: 191px; font-weight: bold; color: #FFF ; height: 60px; text-align: right; display: inline; background: url(css/bg-actu.gif) left top no-repeat; padding: 0 10px; padding-top: 12px; padding-left: 10px } #home #contenu-partie-2aire #actu .ttle .ttle1{ float: right; margin-right: 10px; } #home #contenu-partie-2aire #actu .ss-ttle{ float: left; width: 181px; color: #FFF ; font-weight: lighter; margin-top: 2px; text-align: right; margin-right: 10px; display: inline; } #home #contenu-partie-2aire #actu .actu-footer{ float: left; width: 191px; min-height: 1100px; background: url(css/bg-actu.gif) left bottom no-repeat; display: inline; padding-left: 10px; padding-right: 10px; } #home #contenu-partie-2aire #actu .actu-titre{ color: #FF4D00; font-weight: bold; } #home #contenu-partie-2aire #actu .actu-texte{ border-bottom: 1px solid #8C8C8C; margin-top: 10px; } /* ------ EDITO ------ */ #home #edito{ float: left; padding: 0 20px; width: 741px; } #home #edito .titre{ color: #666; font-size: 16px; font-weight: bold;} #home #edito img{ margin: 10px; } /* ------ BOITES CENTRALES ------ */ #home .gros-titre{ float: left; width: 781px; margin-left: 5px; display:inline; } #home .gros-titre #boite-edoceo{ float: left; width: 516px; height: 417px; background: url(css/boite-video.gif) left bottom no-repeat; } #home .gros-titre #boite-logiciels{ float: left; width: 261px; display: inline; height: 417px; background: url(css/boite-logiciels.gif) left top no-repeat; margin-left: 4px;} #home .gros-titre #boite-logiciels h2{ margin: 0; padding-top: 20px; } #home .gros-titre #boite-logiciels h2 a{ padding: 0; float: left; color: #FF4D00; text-decoration: none; width: 261px; text-align: center; font-size: 14px; margin: 0; } #home .gros-titre #boite-logiciels a{ float: left; color: #3F3F3F; text-decoration: none; text-align: left; font-size: 12px; padding: 5px 16px; margin: 0;} #home .gros-titre #boite-logiciels .objet{ float: left; text-align: center; padding-top: 20px; padding-left: 20px;} #home .gros-titre #boite-contenu{ float: left; width: 389px; margin-top: 3px; height: 262px; background: url(css/boite-contenus.gif) left top no-repeat; } #home .gros-titre #boite-contenu h2{ margin: 0; padding-top: 20px; } #home .gros-titre #boite-contenu h2 a{ float: left; color: #3F3F3F; text-decoration: none; width: 389px; text-align: center; font-size: 14px; padding: 0; margin: 0; } #home .gros-titre #boite-contenu a{ float: left; color: #3F3F3F; text-decoration: none; text-align: left; font-size: 12px; padding: 5px 16px; padding-top: 20px; } #home .gros-titre #boite-formation{ float: left; width: 389px; margin-top: 3px; margin-left: 3px; display: inline; height: 262px; background: url(css/boite-contenus.gif) left top no-repeat; } #home .gros-titre #boite-formation h2{ margin: 0; padding-top: 20px; } #home .gros-titre #boite-formation h2 a{ float: left; color: #3F3F3F; text-decoration: none; width: 389px; text-align: center; font-size: 14px; padding: 0; margin: 0;} #home .gros-titre #boite-formation a{ float: left; color: #3F3F3F; text-decoration: none; text-align: left; font-size: 12px; padding: 0 16px; padding-top: 20px; } #home .gros-titre #boite-formation .bouton-trainer{ float: left; background: url(css/traineuse.gif) left top no-repeat; width:359px; height: 159px; text-indent: -1000em; padding: 0; } #slogan{color: #FF4D00; font-size: 18px; margin-left: 40px; display: inline;} #home #conteneurppal{ float: left; width: 741px; background: url(css/bg-home-corps.gif) left top no-repeat; margin-top: 4px; padding: 20px; margin-left: 5px;} /* --------------------------------------------------- PAGE SOCIETE -----------------------------------------------*/ .list-pays{ float: left; margin-left: 50px; background: url(css/bg-list-pays.gif) left top no-repeat; width: 177px; height: 231px; padding-top: 50px; padding-left: 50px; } /* --------------------------------------------------- PAGE EXPERTISE INETRNATIONALE -----------------------------------------------*/ .gros-btn-b{ float: left; background: url(css/boites-expertise3.gif) left top no-repeat; width: 413px; padding-left: 30px; padding-right: 30px; height: 338px; color: #FFF; text-decoration: none; } .gros-btn-b:hover{ background: url(css/boites-expertise3.gif) left -344px no-repeat; } .gros-btn-b h2{ color: #FFF; font-size: 24px;} .gros-btn-b p{ margin-top: 20px; } .gros-btn-bistf{ float: left; background: url(css/boites-expertise3.gif) -473px top no-repeat; width: 413px; padding-left: 30px; padding-right: 30px; height: 338px; color: #FFF; text-decoration: none; } .gros-btn-bistf:hover{ background: url(css/boites-expertise3.gif) -473px -344px no-repeat; } .gros-btn-bistf h2{ color: #FFF; font-size: 24px;} .gros-btn-bistf p{ margin-top: 20px; } .gros-btn-bistf2{ float: left; background: url(css/boites-expertise.gif) -473px top no-repeat; width: 413px; padding-left: 30px; padding-right: 30px; height: 338px; color: #FFF; text-decoration: none; } .gros-btn-bistf2:hover{ background: url(css/boites-expertise.gif) -473px -344px no-repeat; } .gros-btn-bistf2 h2{ color: #FFF; font-size: 24px;} .gros-btn-bistf2 p{ margin-top: 20px; } .btn-large{ display: block; background: url(css/btn-large2.gif) right top no-repeat; height: 40px; line-height: 40px; padding-left:10px; color:#000; text-decoration: none; } .btn-large:hover{ background: url(css/btn-large2.gif) right -39px no-repeat;} /* --------------------------------------------------- PAGE REFERENCES -----------------------------------------------*/ .case-ref{ float: left; background: url(css/boite-ref.gif) left top no-repeat; width: 190px; height: 120px; text-align: center;padding-top: 30px; } .ss-ref{ float: left; background: url(css/boite-ss-ref.gif) left top no-repeat; width: 950px; height: 90px; } .sans-oublier{ font-style: italic; } /* --------------------------------------------------- PAGE PRESSE -----------------------------------------------*/ #communique .fond-bleu{ float: left; background: url(css/belle-boite.gif) left bottom no-repeat; width: 968px; margin-bottom: 20px; padding: 15px; padding-top: 0; } #communique #contenu-partie-ppale{ background: none; padding: 0; } #communique #corps{ background: none; padding: 0; } #communique #contenu{ background: none; padding: 0; } #communique h2{ float: left; background: url(css/belle-boite.gif) left top no-repeat; width: 983px; margin: 0; padding: 0; padding-top: 20px; padding-left: 15px; text-align: left; color: #ff4d00; font-size: 18px; } #communique .fond-bleu h3{ padding: 0; padding-left: 15px; } #communique .fond-bleu .btn-large{ display: block; background: url(css/btn-large2.gif) right top no-repeat; height: 40px; line-height: 40px; padding-left:40px; color:#000; text-decoration: none; } #communique .fond-bleu .btn-large:hover{ background: url(css/btn-large2.gif) right -39px no-repeat;} #communique .communique img{ float: left; margin-right: 20px; margin-bottom: 20px; margin-top: 20px; display: inline; } #communique .commmunique .date{ font-size: 0.8em; font-weight: bold; color: #0668b9; letter-spacing: 0px; padding-top: 20px; } /* --------------------------------------------------- PAGE ACTU -----------------------------------------------*/ #actu .fond-blanc{ float: left; background: url(css/boite.gif) left bottom no-repeat; width: 998px; margin-bottom: 5px; } #actu #contenu-partie-ppale{ background: none; padding: 0; } #actu #corps{ background: none; padding: 0; } #actu #contenu{ background: none; padding: 0; } #actu h2{ float: left; background: url(css/boite.gif) left top no-repeat; width: 983px; margin: 0; padding: 0; padding-top: 20px; padding-left: 15px; text-align: left; height: 40px; } #actu .fond-blanc img{ float: left; margin: 15px; margin-top: 0; display: inline; } #actu .fond-blanc p{ float: left; margin: 15px; } #actu .fond-bleu{ float: left; background: url(css/boite-h.gif) left bottom no-repeat; width: 998px; margin-bottom: 5px;} #actu h1{ float: left; background: url(css/boite-h.gif) left top no-repeat; width: 983px; margin: 0; padding: 0; padding-top: 20px; padding-left: 15px; text-align: left; } /* --------------------------------------------------- PAGE FORMATION -----------------------------------------------*/ #formation #contenu-partie-ppale{ background: none; padding: 0; } #formation #corps{ background: none; padding: 0; } #formation #contenu{ background: none; padding: 0; } #formation h1{ float: left; background: url(css/belle-boite.gif) left top no-repeat; width: 983px; margin: 0; padding: 0; padding-top: 20px; padding-left: 15px; text-align: left; } #formation .fond-bleu{ float: left; background: url(css/belle-boite.gif) left bottom no-repeat; width: 968px; margin-bottom: 5px; padding: 15px; height: 140px; } #formation .fond-blanc{ float: left; background: url(css/boite.gif) left bottom no-repeat; width: 968px; margin-bottom: 5px; padding: 15px; } #formation .ht-boite{ float: left; background: url(css/boite.gif) left top no-repeat; width: 983px; margin: 0; padding: 0; padding-top: 20px; padding-left: 15px; text-align: left; } #formation .btn-large{ } /* --------------------------------------------------- PAGE E-lEARNING -----------------------------------------------*/ #def-e-learning #contenu-partie-ppale{ background: none; padding: 0; } #def-e-learning #corps{ background: none; padding: 0; } #def-e-learning #contenu{ background: none; padding: 0; } #def-e-learning .fond-bleu{ float: left; background: url(css/belle-boite.gif) left bottom no-repeat; width: 968px; margin-bottom: 15px; padding: 15px; height: 140px; } #def-e-learning .fond-bleu a{ display: block; background: url(css/btn-large2.gif) right top no-repeat; height: 40px; line-height: 40px; padding-left:40px; color:#000; text-decoration: none; } #def-e-learning .fond-bleu a:hover{ background: url(css/btn-large2.gif) right -39px no-repeat;} #def-e-learning h1{ float: left; background: url(css/belle-boite.gif) left top no-repeat; width: 983px; margin: 0; padding: 0; padding-top: 20px; padding-left: 15px; text-align: left; } /* --------------------------------------------------- CONSEIL E-lEARNING -----------------------------------------------*/ #conseil-e-learning #contenu-partie-ppale{ background: none; padding: 0; } #conseil-e-learning #corps{ background: none; padding: 0; } #conseil-e-learning #contenu{ background: none; padding: 0; } #conseil-e-learning #haut-e-learning{ float: left; background: url(css/bg-conseil.jpg) left top no-repeat; width: 998px; height: 480px; margin-bottom: 20px; } #conseil-e-learning #haut-e-learning h1{ float: right; margin-top: 50px; padding-right: 40px; width: 958px; text-align: right; height: 215px; font-size: 22px; } #conseil-e-learning #haut-e-learning #puce-quest{ float: left; margin-left: 440px; padding-left: 100px; display: inline; color: #666; height: 56px; text-decoration: none; font-size: 18px; line-height: 51px; } #conseil-e-learning #haut-e-learning #puce-quest:hover{ color: #41A963; } #conseil-e-learning #haut-e-learning #puce-tarif{ float: left; margin-left: 490px; padding-left: 100px; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #conseil-e-learning #haut-e-learning #puce-tarif:hover{ color: #41A963; } /* --------------------------------------------------- PAGE DEF E-lEARNING -----------------------------------------------*/ #definition-e-learning #contenu-partie-ppale{ background: none; padding: 0; } #definition-e-learning #corps{ background: none; padding: 0; } #definition-e-learning #contenu{ background: none; padding: 0; } #definition-e-learning .fond-bleu{ float: left; background: url(css/belle-boite.gif) left bottom no-repeat; width: 968px; margin-bottom: 15px; padding: 15px; min-height: 140px; } #definition-e-learning .fond-bleu a{ display: block; background: url(css/btn-large2.gif) right top no-repeat; height: 40px; line-height: 40px; padding-left:40px; color:#000; text-decoration: none; } #definition-e-learning .fond-bleu a:hover{ background: url(css/btn-large2.gif) right -39px no-repeat;} #definition-e-learning h1{ float: left; background: url(css/belle-boite.gif) left top no-repeat; width: 983px; margin: 0; padding: 0; padding-top: 20px; padding-left: 15px; text-align: left; } /* --------------------------------------------------- PAGE INTERNATIONAL -----------------------------------------------*/ .boite-pays-fr{ float: left; background: url(css/bg-fr.gif) left top no-repeat; width: 313px; height: 236px; } .boite-pays-fr h2, .boite-pays-fr h2, .boite-pays-be h2, .boite-pays-ca h2 , .boite-pays-ch h2, .boite-pays-es h2, .boite-pays-mu h2, .boite-pays-mx h2, .boite-pays-co h2, .boite-pays-cl h2, .boite-pays-nl h2{ float: left; margin-top: 40px; margin-left: 40px; width: 273px; display: inline; } .boite-pays-fr p, .boite-pays-fr p, .boite-pays-be p, .boite-pays-ca p, .boite-pays-ch p, .boite-pays-es p, .boite-pays-mu p, .boite-pays-mx p, .boite-pays-co p, .boite-pays-cl p, .boite-pays-nl p{ float: left; margin-top: 30px; margin-left: 40px; display: inline; } .boite-pays-fr a, .boite-pays-fr a, .boite-pays-be a, .boite-pays-ca a, .boite-pays-ch a, .boite-pays-es a, .boite-pays-mu a, .boite-pays-mx a, .boite-pays-co a, .boite-pays-cl a, .boite-pays-nl a{ color: #ff4d00 } .boite-pays-be{ float: left; background: url(css/bg-be.gif) left top no-repeat; width: 313px; height: 236px; } .boite-pays-ca{ float: left; background: url(css/bg-ca.gif) left top no-repeat; width: 313px; height: 236px; } .boite-pays-ch{ float: left; background: url(css/bg-ch.gif) left top no-repeat; width: 313px; height: 236px; } .boite-pays-es{ float: left; background: url(css/bg-es.gif) left top no-repeat; width: 313px; height: 236px; } .boite-pays-mu{ float: left; background: url(css/bg-mu.gif) left top no-repeat; width: 313px; height: 236px; } .boite-pays-mx{ float: left; background: url(css/bg-mx.gif) left top no-repeat; width: 313px; height: 236px; } .boite-pays-co{ float: left; background: url(css/bg-co.gif) left top no-repeat; width: 313px; height: 236px; } .boite-pays-cl{ float: left; background: url(css/bg-cl.gif) left top no-repeat; width: 313px; height: 236px; } .boite-pays-nl{ float: left; background: url(css/bg-nl.gif) left top no-repeat; width: 313px; height: 236px; } /* --------------------------------------------------- PAGE TOUS LOGICIELS -----------------------------------------------*/ #gamme .mini-boite-elm, #gamme .mini-boite-elag, #gamme .mini-boite-eld, #gamme .mini-boite-ell, #gamme .mini-boite-elw, #gamme .mini-boite-elmg, #gamme .mini-boite-ela, #gamme .mini-boite-ets, #gamme .mini-boite-ecs{ float: left; background: url(css/mini-boite.gif) left top no-repeat; width: 307px; height: 220px; margin-right: 13px; margin-top: 17px; display: inline;} #gamme .mini-boite-elm h2, #gamme .mini-boite-elag h2, #gamme .mini-boite-eld h2, #gamme .mini-boite-ell h2, #gamme .mini-boite-elmg h2, #gamme .mini-boite-ela h2, #gamme .mini-boite-ets h2, #gamme .mini-boite-ecs h2, #gamme .mini-boite-elw h2{ float: left; width: 307px; height: 70px; text-align: center; } #gamme .mini-boite-elm p, #gamme .mini-boite-elag p, #gamme .mini-boite-eld p, #gamme .mini-boite-ell p, #gamme .mini-boite-elmg p, #gamme .mini-boite-ela p, #gamme .mini-boite-ets p, #gamme .mini-boite-ecs p, #gamme .mini-boite-elw p{ float: left; width: 267px; height: 54px; margin-left: 20px; display: inline; height: 70px;} #gamme .mini-boite-elm .type-log, #gamme .mini-boite-elag .type-log, #gamme .mini-boite-eld .type-log, #gamme .mini-boite-ell .type-log, #gamme .mini-boite-elmg .type-log, #gamme .mini-boite-ela .type-log, #gamme .mini-boite-ets .type-log, #gamme .mini-boite-ecs .type-log, #gamme .mini-boite-elw .type-log{ float: left; width: 150px; height: 54px; margin: 0; margin-top: 30px; margin-left: 80px; text-align: center; color: #999;} #gamme #ss-boite{ float: left; margin-top: 20px; } #gamme .mini-boite-elm h2 a{ text-indent: -1000em; margin-left: 95px; float: left; background: url(css/logo-elm.gif) left top no-repeat; width: 116px; height: 54px; } #gamme .mini-boite-elag h2 a{ text-indent: -1000em; margin-left: 95px; float: left; background: url(css/logo-elag.gif) left top no-repeat; width: 116px; height: 54px; } #gamme .mini-boite-eld h2 a{ text-indent: -1000em; margin-left: 95px; float: left; background: url(css/logo-eld.gif) left top no-repeat; width: 116px; height: 54px; } #gamme .mini-boite-ell h2 a{ text-indent: -1000em; margin-left: 95px; float: left; background: url(css/logo-ell.gif) left top no-repeat; width: 116px; height: 54px; } #gamme .mini-boite-elw h2 a{ text-indent: -1000em; margin-left: 95px; float: left; background: url(css/logo-elw.gif) left top no-repeat; width: 116px; height: 54px; } #gamme .mini-boite-elmg h2 a{ text-indent: -1000em; margin-left: 95px; float: left; background: url(css/logo-elmg.gif) left top no-repeat; width: 116px; height: 54px; } #gamme .mini-boite-ela h2 a{ text-indent: -1000em; margin-left: 95px; float: left; background: url(css/logo-ela.gif) left top no-repeat; width: 116px; height: 54px; } #gamme .mini-boite-ets h2 a{ text-indent: -1000em; margin-left: 95px; float: left; background: url(css/logo-ets.gif) left top no-repeat; width: 116px; height: 54px; } #gamme .mini-boite-ecs h2 a{ text-indent: -1000em; margin-left: 87px; float: left; background: url(css/logo-ecs.gif) left top no-repeat; width: 127px; height: 54px; } #gamme .mini-boite-elm .bouton-elm{ text-indent: -1000em; float: left; background: url(css/btn-log.gif) left top no-repeat; width: 49px; height: 48px; } #gamme .mini-boite-elm .bouton-elm:hover{ background: url(css/btn-log.gif) left -48px no-repeat; } #gamme .mini-boite-elag .bouton-elag{ text-indent: -1000em; float: left; background: url(css/btn-log.gif) -100px top no-repeat; width: 49px; height: 48px; } #gamme .mini-boite-elag .bouton-elag:hover{ background: url(css/btn-log.gif) -100px -48px no-repeat; } #gamme .mini-boite-eld .bouton-eld{ text-indent: -1000em; float: left; background: url(css/btn-log.gif) -50px top no-repeat; width: 49px; height: 48px; } #gamme .mini-boite-eld .bouton-eld:hover{ background: url(css/btn-log.gif) -50px -48px no-repeat; } #gamme .mini-boite-ell .bouton-ell{ text-indent: -1000em; float: left; background: url(css/btn-log.gif) -200px top no-repeat; width: 49px; height: 48px; } #gamme .mini-boite-ell .bouton-ell:hover{ background: url(css/btn-log.gif) -200px -48px no-repeat; } #gamme .mini-boite-elw .bouton-elw{ text-indent: -1000em; float: left; background: url(css/btn-log.gif) -350px top no-repeat; width: 49px; height: 48px; } #gamme .mini-boite-elw .bouton-elw:hover{ background: url(css/btn-log.gif) -350px -48px no-repeat; } #gamme .mini-boite-ela .bouton-ela{ text-indent: -1000em; float: left; background: url(css/btn-log.gif) -300px top no-repeat; width: 49px; height: 48px; } #gamme .mini-boite-ela .bouton-ela:hover{ background: url(css/btn-log.gif) -300px -48px no-repeat; } #gamme .mini-boite-elmg .bouton-elmg{ text-indent: -1000em; float: left; background: url(css/btn-log.gif) -150px top no-repeat; width: 49px; height: 48px; } #gamme .mini-boite-elmg .bouton-elmg:hover{ background: url(css/btn-log.gif) -150px -48px no-repeat; } #gamme .mini-boite-ets .bouton-ets{ text-indent: -1000em; float: left; background: url(css/btn-log.gif) -250px top no-repeat; width: 49px; height: 48px; } #gamme .mini-boite-ets .bouton-ets:hover{ background: url(css/btn-log.gif) -250px -48px no-repeat; } #gamme .mini-boite-ecs .bouton-ecs{ text-indent: -1000em; float: left; background: url(css/btn-log.gif) -400px top no-repeat; width: 49px; height: 48px; } #gamme .mini-boite-ecs .bouton-ecs:hover{ background: url(css/btn-log.gif) -400px -48px no-repeat; } .rebond{ float: left; margin-top: -165px; } .rebond .rebond-elm{ float: left; background: url(css/btn-rebond.gif) left top no-repeat; font-size: 18px; text-decoration: none; width: 192px; height: 131px ; padding: 20px ;} .rebond .rebond-elm:hover{ background: url(css/btn-rebond.gif) left -168px no-repeat; } .rebond .rebond-elmg{ float: left; background: url(css/btn-rebond.gif) -469px top no-repeat; font-size: 18px; text-decoration: none; width: 192px; height: 131px ; padding: 20px ; } .rebond .rebond-elmg:hover{ background: url(css/btn-rebond.gif) -469px -168px no-repeat; } .rebond .rebond-elag{ float: left; background: url(css/btn-rebond.gif) -235px top no-repeat; font-size: 18px; text-decoration: none; width: 192px; height: 131px ; padding: 20px ; } .rebond .rebond-elag:hover{ background: url(css/btn-rebond.gif) -235px -168px no-repeat; } .rebond .rebond-istf{ float: left; background: url(css/btn-rebond.gif) -705px top no-repeat; font-size: 18px; text-decoration: none; width: 192px; height: 131px ; padding: 20px ; } .rebond .rebond-istf:hover{ background: url(css/btn-rebond.gif) -705px -168px no-repeat; } /* --------------------------------------------------- PAGE LOGICIELS -----------------------------------------------*/ .gde-boite-log1{ background: url(css/mini-pq-prd-gauche.gif) left bottom no-repeat; width: 498px; float: left; height: 220px; } .gde-boite-log1 h3{ background: url(css/mini-pq-prd-gauche.gif) left top no-repeat; height: 50px; width: 498px; float: left; margin-top: 0; text-align: center; line-height: 60px; } .gde-boite-log1 ul{ padding-left: 30px; } .gde-boite-log2{ background: url(css/mini-pq-prd-droit.gif) left bottom no-repeat; width: 498px; float: left; height: 220px; margin-left: 2px; display: inline;} .gde-boite-log2 h3{ background: url(css/mini-pq-prd-droit.gif) left top no-repeat; height: 50px; width: 498px; float: left; margin-top: 0; text-align: center; line-height: 60px; } .demoweb{ float: left; width: 998px; } .gde-boite-log{ float: left; background: url(css/pq-prd.gif) left bottom no-repeat; width: 998px; padding-bottom: 20px; } .gde-boite-log ul{ float: left; width: 777px; margin-left: 30px; display: inliene; } .gde-boite-log-haut { float: left; background: url(css/pq-prd.gif) left top no-repeat; width: 998px; text-align: center;height: 60px; line-height: 20px; } .big-boite{ float: left; width: 998px;} .boite-log-gauche{ float: left; width: 677px; } .boite-log-droite{ float: right; width: 240px ; background: url(css/bg-captures.gif) left bottom no-repeat; padding: 20px 30px; } .boite-log-droite-ht{ float: right; width: 240px ; background: url(css/bg-captures.gif) left top no-repeat; padding: 0 30px; margin-top: 5px; } .boite-log-droite .sous-photo{ float: left; margin-top: 10px; margin-bottom: 20px; font-size: 10px; } #elm #contenu, #elag #contenu, #eld #contenu, #ell #contenu, #elw #contenu, #elmg #contenu, #ela #contenu, #ets #contenu, #ecs #contenu{ background: none; padding: 0; } #elm #corps, #elag #corps, #eld #corps, #ell #corps, #elw #corps, #elmg #corps, #ela #corps, #ets #corps, #ecs #corps{ background: none; padding: 0; } #elm #contenu-partie-ppale, #elag #contenu-partie-ppale, #eld #contenu-partie-ppale, #ell #contenu-partie-ppale, #elw #contenu-partie-ppale, #elmg #contenu-partie-ppale, #ela #contenu-partie-ppale, #ets #contenu-partie-ppale, #ecs #contenu-partie-ppale{ background: none; padding: 0; } #haut-elm h1, #haut-elag h1, #haut-elmg h1, #haut-ela h1, #haut-ets h1, #haut-eld h1, #haut-ell h1, #haut-ecs h1, #haut-elw h1 { float: left; width: 700px; font-size: 20px; margin-top: 70px; margin-left: 300px; display: inline; color: #666; height: 95px; } #haut-elm #puce-dem:hover, #haut-elm #puce-quest:hover, #haut-elm .puce-tarif:hover, #haut-elm .puce-cat:hover{ color: #43a667;} #haut-elag #puce-dem:hover, #haut-elag #puce-quest:hover, #haut-elag .puce-tarif:hover, #haut-elag .puce-cat:hover{ color: #99d025; } #haut-eld #puce-dem:hover, #haut-eld #puce-quest:hover, #haut-eld .puce-tarif:hover, #haut-eld .puce-cat:hover{ color: #8069b0; } #haut-ell #puce-dem:hover, #haut-ell #puce-quest:hover, #haut-ell .puce-tarif:hover, #haut-ell .puce-cat:hover{ color: #ff45c6; } #haut-elmg #puce-dem:hover, #haut-elmg #puce-quest:hover, #haut-elmg .puce-tarif:hover, #haut-elmg .puce-cat:hover{ color: #4faace; } #haut-ela #puce-dem:hover, #haut-ela #puce-quest:hover, #haut-ela .puce-tarif:hover, #haut-ela .puce-cat:hover{ color: #ed3b37; } #haut-elw #puce-dem:hover, #haut-elw #puce-quest:hover, #haut-elw .puce-tarif:hover, #haut-elw .puce-cat:hover{ color: #fdb602; } #haut-ecs #puce-dem:hover, #haut-ecs #puce-quest:hover, #haut-ecs .puce-tarif:hover, #haut-ecs .puce-cat:hover{ color: #FA430B; } #haut-ets #puce-dem:hover, #haut-ets #puce-quest:hover, #haut-ets .puce-tarif:hover, #haut-ets .puce-cat:hover{ color: #8CD0E5; } /* ------ ELM ------ */ #haut-elm{ float: left; background: url(css/bg-elm.gif) left top no-repeat; width: 998px; height: 417px ; } #haut-elm #puce-dem{ float: left; margin-left: 280px; padding-left: 100px; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-elm #puce-quest{ float: left; margin-left: 280px; padding-left: 130px ; display: inline; color: #666; height: 51px; line-height: 51px; text-decoration: none; font-size: 18px; } #haut-elm .puce-tarif{ float: left; margin-left: 280px; padding-left: 170px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-elm .puce-cat{ float: left; margin-left: 280px; padding-left: 210px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #elm .gde-boite-log2 a{ margin-top: -5px ; float: left; width: 312px; height: 20px; background: url(css/play_demo_elm.jpg) left -155px no-repeat; margin-left: 88px; text-align: right; color: #FFFFFF; text-decoration: none; padding-top: 135px; padding-right: 7px; font-weight: bold; font-size: 12px; } #elm .gde-boite-log2 a:hover{ background: url(css/play_demo_elm.jpg) left top no-repeat; } /* ------ ELAG ------ */ #haut-elag{ float: left; background: url(css/bg-elag.gif) left top no-repeat; width: 998px; height: 417px ; } #haut-elag #puce-dem{ float: left; margin-left: 280px; padding-left: 100px; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-elag #puce-quest{ float: left; margin-left: 280px; padding-left: 130px ; display: inline; color: #666; height: 51px; line-height: 51px; text-decoration: none; font-size: 18px; } #haut-elag .puce-tarif{ float: left; margin-left: 280px; padding-left: 170px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-elag .puce-cat{ float: left; margin-left: 280px; padding-left: 210px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #elag .gde-boite-log2 a{ margin-top: -5px ; float: left; width: 312px; height: 20px; background: url(css/play_demo_elag.jpg) left -155px no-repeat; margin-left: 88px; text-align: right; color: #FFFFFF; text-decoration: none; padding-top: 135px; padding-right: 7px; font-weight: bold; font-size: 12px; } #elag .gde-boite-log2 a:hover{ background: url(css/play_demo_elag.jpg) left top no-repeat; } /* ------ TVLEARN ------ */ #play-demo{ margin-top: -5px ; float: left; width: 312px; height: 20px; background: url(css/play_demo_elag.jpg) left -155px no-repeat; margin-left: 60px; text-align: right; color: #FFFFFF; text-decoration: none; padding-top: 135px; padding-right: 7px; font-weight: bold; font-size: 12px; } #play-demo:hover{ background: url(css/play_demo_elag.jpg) left top no-repeat; } .btn-telecharger{ margin: 20px 0 20px 0; float: left; background: url(css/btn-telecharger) left top no-repeat; width: 250px; height: 58px; line-height: 58px; padding-left:40px; color:#FFF; font-size: 24px; text-decoration: none; } .btn-telecharger:hover{ float: left; background: url(css/btn-telecharger) left -57px no-repeat; } .btn-telecharger-vert{ margin: 20px 0 20px 0; float: left; background: url(css/btn-telecharger-vert) left top no-repeat; width: 250px; height: 58px; line-height: 58px; padding-left:40px; color:#FFF; font-size: 24px; text-decoration: none; } .btn-telecharger-vert:hover{ float: left; background: url(css/btn-telecharger-vert) left -57px no-repeat; } #btn-telecharger-vert{ margin: 20px 0 20px 0; float: left; background: url(css/btn-telecharger-vert) left top no-repeat; width: 250px; height: 58px; line-height: 58px; padding-left:40px; color:#FFF; font-size: 24px; text-decoration: none; } #btn-telecharger-vert:hover{ float: left; background: url(css/btn-telecharger-vert) left -57px no-repeat; } /* ------ ELD ------ */ #haut-eld{ float: left; background: url(css/bg-eld.gif) left top no-repeat; width: 998px; height: 417px ; } #haut-eld #puce-dem{ float: left; margin-left: 280px; padding-left: 100px; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-eld #puce-quest{ float: left; margin-left: 280px; padding-left: 130px ; display: inline; color: #666; height: 51px; line-height: 51px; text-decoration: none; font-size: 18px; } #haut-eld .puce-tarif{ float: left; margin-left: 280px; padding-left: 170px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-eld .puce-cat{ float: left; margin-left: 280px; padding-left: 210px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #eld .gde-boite-log2 a{ margin-top: -5px ; float: left; width: 312px; height: 20px; background: url(css/play_demo_eld.jpg) left -155px no-repeat; margin-left: 88px; text-align: right; color: #FFFFFF; text-decoration: none; padding-top: 135px; padding-right: 7px; font-weight: bold; font-size: 12px; } #eld .gde-boite-log2 a:hover{ background: url(css/play_demo_eld.jpg) left top no-repeat; } /* ------ ELMG ------ */ #haut-elmg{ float: left; background: url(css/bg-elmg.gif) left top no-repeat; width: 998px; height: 417px ; } #haut-elmg #puce-dem{ float: left; margin-left: 280px; padding-left: 100px; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-elmg #puce-quest{ float: left; margin-left: 280px; padding-left: 130px ; display: inline; color: #666; height: 51px; line-height: 51px; text-decoration: none; font-size: 18px; } #haut-elmg .puce-tarif{ float: left; margin-left: 280px; padding-left: 170px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-elmg .puce-cat{ float: left; margin-left: 280px; padding-left: 210px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #elmg .gde-boite-log2 a{ margin-top: -5px ; float: left; width: 312px; height: 20px; background: url(css/play_demo_elmg.jpg) left -155px no-repeat; margin-left: 88px; text-align: right; color: #FFFFFF; text-decoration: none; padding-top: 135px; padding-right: 7px; font-weight: bold; font-size: 12px; } #elmg .gde-boite-log2 a:hover{ background: url(css/play_demo_elmg.jpg) left top no-repeat; } /* ------ ELL ------ */ #haut-ell{ float: left; background: url(css/bg-ell.gif) left top no-repeat; width: 998px; height: 417px ; } #haut-ell #puce-dem{ float: left; margin-left: 280px; padding-left: 100px; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-ell #puce-quest{ float: left; margin-left: 280px; padding-left: 130px ; display: inline; color: #666; height: 51px; line-height: 51px; text-decoration: none; font-size: 18px; } #haut-ell .puce-tarif{ float: left; margin-left: 280px; padding-left: 170px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-ell .puce-cat{ float: left; margin-left: 280px; padding-left: 210px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #ell .gde-boite-log2 a{ margin-top: -5px ; float: left; width: 312px; height: 20px; background: url(css/play_demo_ell.jpg) left -155px no-repeat; margin-left: 88px; text-align: right; color: #FFFFFF; text-decoration: none; padding-top: 135px; padding-right: 7px; font-weight: bold; font-size: 12px; } #ell .gde-boite-log2 a:hover{ background: url(css/play_demo_ell.jpg) left top no-repeat; } /* ------ ELW ------ */ #haut-elw{ float: left; background: url(css/bg-elw.gif) left top no-repeat; width: 998px; height: 417px ; } #haut-elw #puce-dem{ float: left; margin-left: 280px; padding-left: 100px; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-elw #puce-quest{ float: left; margin-left: 280px; padding-left: 130px ; display: inline; color: #666; height: 51px; line-height: 51px; text-decoration: none; font-size: 18px; } #haut-elw .puce-tarif{ float: left; margin-left: 280px; padding-left: 170px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-elw .puce-cat{ float: left; margin-left: 280px; padding-left: 210px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #elw .gde-boite-log2 a{ margin-top: -5px ; float: left; width: 312px; height: 20px; background: url(css/play_demo_elw.jpg) left -155px no-repeat; margin-left: 88px; text-align: right; color: #FFFFFF; text-decoration: none; padding-top: 135px; padding-right: 7px; font-weight: bold; font-size: 12px; } #elw .gde-boite-log2 a:hover{ background: url(css/play_demo_elw.jpg) left top no-repeat; } /* ------ ELA ------ */ #haut-ela{ float: left; background: url(css/bg-ela.gif) left top no-repeat; width: 998px; height: 417px ; } #haut-ela #puce-dem{ float: left; margin-left: 280px; padding-left: 100px; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-ela #puce-quest{ float: left; margin-left: 280px; padding-left: 130px ; display: inline; color: #666; height: 51px; line-height: 51px; text-decoration: none; font-size: 18px; } #haut-ela .puce-tarif{ float: left; margin-left: 280px; padding-left: 170px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-ela .puce-cat{ float: left; margin-left: 280px; padding-left: 210px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } /* ------ ETS ------ */ #haut-ets{ float: left; background: url(css/bg-ets.gif) left top no-repeat; width: 998px; height: 417px ; } #haut-ets #puce-dem{ float: left; margin-left: 280px; padding-left: 100px; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-ets #puce-quest{ float: left; margin-left: 280px; padding-left: 130px ; display: inline; color: #666; height: 51px; line-height: 51px; text-decoration: none; font-size: 18px; } #haut-ets .puce-tarif{ float: left; margin-left: 280px; padding-left: 170px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-ets .puce-cat{ float: left; margin-left: 280px; padding-left: 210px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #ets .gde-boite-log2 a{ margin-top: -5px ; float: left; width: 312px; height: 20px; background: url(css/play_demo_ets.jpg) left -155px no-repeat; margin-left: 88px; text-align: right; color: #FFFFFF; text-decoration: none; padding-top: 135px; padding-right: 7px; font-weight: bold; font-size: 12px; } #ets .gde-boite-log2 a:hover{ background: url(css/play_demo_ets.jpg) left top no-repeat; } /* ------ ECS ------ */ #haut-ecs{ float: left; background: url(css/bg-ecs.gif) left top no-repeat; width: 998px; height: 417px ; } #haut-ecs #puce-dem{ float: left; margin-left: 280px; padding-left: 100px; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-ecs #puce-quest{ float: left; margin-left: 280px; padding-left: 130px ; display: inline; color: #666; height: 51px; line-height: 51px; text-decoration: none; font-size: 18px; } #haut-ecs .puce-tarif{ float: left; margin-left: 280px; padding-left: 170px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } #haut-ecs .puce-cat{ float: left; margin-left: 280px; padding-left: 210px ; display: inline; color: #666; height: 51px; text-decoration: none; font-size: 18px; line-height: 51px; } /* ------ NO DEMO ------ */ #no-dem #haut-elm #puce-dem, #no-dem #haut-elag #puce-dem, #no-dem #haut-eld #puce-dem, #no-dem #haut-ell #puce-dem, #no-dem #haut-elmg#puce-dem, #no-dem #haut-ela #puce-dem, #no-dem #haut-elw #puce-dem, #no-dem #haut-ets #puce-dem, #no-dem #haut-ecs #puce-dem{ display: none; } #no-dem #haut-elm #puce-quest, #no-dem #haut-elag #puce-quest, #no-dem #haut-eld #puce-quest, #no-dem #haut-elmg #puce-quest, #no-dem #haut-ela #puce-quest, #no-dem #haut-ell #puce-quest, #no-dem #haut-elw #puce-quest, #no-dem #haut-ets #puce-quest, #no-dem #haut-ecs #puce-quest{ margin-top: 51px; } #no-dem #haut-elm{ background: url(css/bg-elm-nodemo.gif) left top no-repeat; } #no-dem #haut-elag{ background: url(css/bg-elag-nodemo.gif) left top no-repeat; } #no-dem #haut-eld{ background: url(css/bg-eld-nodemo.gif) left top no-repeat; } #no-dem #haut-elmg{ background: url(css/bg-elmg-nodemo.gif) left top no-repeat; } #no-dem #haut-ela{ background: url(css/bg-ela-nodemo.gif) left top no-repeat; } #no-dem #haut-ell{ background: url(css/bg-ell-nodemo.gif) left top no-repeat; } #no-dem #haut-elw{ background: url(css/bg-elw-nodemo.gif) left top no-repeat; } #no-dem #haut-ets{ background: url(css/bg-ets-nodemo.gif) left top no-repeat; } #no-dem #haut-ecs{ background: url(css/bg-ecs-nodemo.gif) left top no-repeat; } /* --------------------------------------------------- PAGE CONTACT -----------------------------------------------*/ #contact #corps{ float: left; width: 998px; background: url(css/bg-contact.jpg) left top no-repeat; } .info-legales{ margin-top: 20px; color: #999; font-style: italic; } #contact #haut-conseil-formation{ height: 50px;} /* --------------------------------------------------- PAGE APPEL -----------------------------------------------*/ #appel{ background: url(css/bg-appel.jpg) left top no-repeat; padding: 20px; } #appel p{ margin-top: 10px; width: 320px; } #appel table{ margin-top: 20px; width: 320px; } /* --------------------------------------------------- PAGE TEL ELAG -----------------------------------------------*/ #tel-elag{ background: url(css/bg-tel-elag.gif) left top no-repeat; padding: 20px; } #tel-elag p{ margin-top: 10px; } #tel-elag table{ margin-top: 20px; width: 320px; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; /* background: url(css/fond.jpg) left top repeat-x; change le fond de la fenetre */ background: #FFF; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; /*padding:2px 15px 15px 15px;*/ padding:0px 0px 0px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } #TB_closeWindowButton{ color: #FFF; width: 400px; }