#offres { padding-left:20px;} #offres #onglets { z-index:1; margin-top:10px; width:686px; position: relative; border-bottom:1px solid #CCC; height:40px } #offres #onglets .position { position: absolute} #offres #onglets .ongletspetits { position:absolute; top:19px;} #offres #onglets .ongletspetits div { float:left; } #offres #onglets .ongletspetits a { float:left; display:block; height:28px} #offres #onglets .ongletspetits input { float:left; display:block; height:28px} #offres .contenuoffres { position: relative; width:686px;} #offres .contenuoffres .bordure { border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:6px solid #e7e7e7; padding:40px 0 0px 0;} #offres .contenuoffres .fond { background: url(/publicationASN/GHAV3/commun/image/fond-barre-grise.gif) repeat-y right; border-top:1px solid white; width: 100%; } #offres .contenuoffres ul.souscat { position: absolute; z-index:0; width:684px; border-left:1px solid #CCC; border-right:1px solid #CCC; height:37px;} #offres .contenuoffres ul.souscat li { float:left; height:32px; } #offres .contenuoffres ul.souscat li a { position:relative; top:0; background:url(/publicationASN/GHAV3/commun/image/fond-degrade.gif); display:block; height:16px; border-right:4px solid white; font-size:11px; color:#666; text-decoration:none; padding:5px 10px; text-align:center} #offres .contenuoffres ul.souscat .great a { background:url(/publicationASN/GHAV3/commun/image/fond-degrade_gm.gif); height: 29px; } #offres .contenuoffres ul.souscat .great a:hover { height:34px; color:#FF3300;} #offres .contenuoffres ul.souscat li a:hover { height:21px; color:#FF3300;} #offres .contenuoffres ul.souscat li.selected { background:url(/publicationASN/GHAV3/commun/image/fond-degrade.gif); display:block; height:21px; color:#FF3300; font-size:11px; text-align:center} #offres .contenuoffres ul.souscat li.selected a.selected {color:#FF3300;height:21px;} #offres .contenuoffres ul.souscat li.great a.selected {color:#FF3300;height:34px;} #offres .contenuoffres ul.souscat li.last, #offres .contenuoffres ul.souscat li.last a { border:0px; } #offres .contenuoffres h2 { color:#666; font-size:17px; margin:5px 0 15px 20px} #offres .contenuoffres h2 span { color:#ff6600; font-size:28px;} #offres .aide h2, #offres .resultat h2 {font-size:22px; margin:-20px 0 0 20px } #offres .aide p { margin:10px 20px; font-size:14px;} #offres .aide p .petit { font-size:11px;} #offres .aide .bordure { background:url(/publicationASN/GHAV3/commun/image/visu-aide.jpg) no-repeat bottom left;} #offres .aide .flash { margin-left:330px; margin-bottom:20px} #offres .recapitulatif { background:url(/publicationASN/GHAV3/commun/image/fond-reponse.jpg) no-repeat top left; margin:10px 0 0 20px; height:69px !important; height:89px; padding:20px!important; padding-bottom:0px; } #offres .recapitulatif h3 { font-weight:bold; font-size:14px; color:#ff6600} #offres .recapitulatif ul { margin: 10px} #offres .recapitulatif li { background:url(/publicationASN/GHAV3/commun/image/puce-carre-orange.gif) no-repeat left; padding-left:10px;font-weight:normal;color:#5D5D5D;} #offres .choix { padding:17px; float:left; width:199px; background:url(/publicationASN/GHAV3/commun/image/fond-choix.gif) no-repeat bottom left; margin:0 0 20px 20px;_margin:0 0 20px 10px; height:350px;} #offres .myChoix { padding:17px; float:left; margin:0 0 20px 20px; height:350px;} #offres .choix2 { margin-left:29px; } #offres .imagedroite { float:left; background:url(/publicationASN/GHAV3/GHA_forfait/image/fond-telephone.jpg); height:375px; width:149px} #offres .myChoix .titrechoix { display:block; font-weight:bold; font-size:18px; color:#666; } #offres .myChoix .grandtitre { display:block; margin-top:20px; font-weight:bold; font-size:24px; color:#FF6600; } #offres .myChoix .petittitre { display:block; font-weight:bold; font-size:15px; color:#FF6600; } #offres .myChoix ul { margin:10px 0} #offres .myChoix ul li { margin:10px 0; color:#5D5D5D; font-weight:normal;} #offres .myChoix ul li strong { display:block; background:url(/publicationASN/GHAV3/commun/image/fleche-orange.gif) no-repeat left; padding-left:12px} #offres .choix .titrechoix { display:block; font-weight:bold; font-size:18px; color:#666; } #offres .choix .grandtitre { display:block; margin-top:20px; font-weight:bold; font-size:24px; color:#FF6600; } #offres .choix .petittitre { display:block; font-weight:bold; font-size:15px; color:#FF6600; } #offres .choix ul { margin:10px 0} #offres .choix ul li { margin:10px 0; color:#5D5D5D; font-weight:normal;} #offres .choix ul li strong { display:block; color:#5D5D5D; background:url(/publicationASN/GHAV3/commun/image/fleche-orange.gif) no-repeat left; padding-left:12px} #offres .choix img {position:absolute; bottom:45px; } /* GESTION DE LA LARGEUR DES SOUS ONGLETS GRIS SELON LES ONGLETS */ #offres .contenuoffres .contentleft { float:left; width:471px; } #offres .contenuoffres .contentleft div { margin:10px; } #offres .contenuoffres .contentleft div.petit { font-size:10px; margin:20px 10px; } #offres .contenuoffres .contentright { float: right; width:212px;} #offres .contenuoffres .contentright spàan { display:block; padding:0; margin:0} #offres .contentright table { border-collapse:collapse; width:200px; border:2px solid #cccbbf; margin-left:7px } #offres .contentright table th { vertical-align:top; text-align:center; font-weight: normal; border:1px solid white; background:#d4d4d4; padding:8px 3px; font-size:12px } #offres .contentright table td { border:1px solid white; background:#e8e8e8; padding:8px 3px; font-size:12px; text-align:center; } #offres .contentright table td a { color:#666666} #offres .contentright table td label { display:block; text-align:right; padding-right:0px} #offres .contentright table td .orange { color:#FF6600} #offres .contentright ul { margin:5px 0 10px 20px;} #offres .contentright li { background:url(/publicationASN/GHAV3/commun/image/puce-carre-orange.gif) no-repeat left; padding-left:10px;} #offres .contentright li a { color:#666666 } #offres .contentright .lienService { text-decoration:underline; } #offres .contentright li a:hover { text-decoration:none} #offres .contentright .choix { margin:10px 0; text-align:center; font-weight:bold;} #offres .contentright .choix a { color:#FF6600;} #offres .contentright .myChoix { margin:10px 0; text-align:center; font-weight:bold;} #offres .contentright .myChoix a { color:#FF6600;} #offres .contentright .calque a .underline, #offres .contentright .calque a:hover .underline { text-decoration: underline; } #offres .contentright .calque a { text-decoration: none; /* définition du lien qui affichera le "calque" */} #offres .contentright .calque a:hover { background: none; /* correction d'un bug IE */} #offres .contentright .calque a span { /* définition de la balise inclue dans */display: none;} #offres .contentright .calque a:hover span { /* définition de la balise au survol */display: inline; position: absolute; /* positions + dimensions du calque, que vous pouvez changer à loisir */ left: 540px; width: 127px; background: white; text-align:left; padding:5px; border:1px solid #FF6600; font-size:11px;} #offres .contentright .calque a:hover span em { color:#FF6600; font-size:12px; font-style:normal; text-decoration:none} #offres .contenuoffres .titre { color:#666; font-size:14px; padding:5px 0} #offres .contenuoffres .titre a { color:#666;} #offres .contenuoffres sup { line-height:5px} #offres .contenuoffres .contentleft ul li { background: url(/publicationASN/GHAV3/commun/image/fleche-orange.gif) no-repeat left 3px; padding-left:15px; margin:10px 0 0 0;} #offres .contenuoffres .contentleft ul ul { margin:10px} #offres .contenuoffres .contentleft ul ul li { background:url(/publicationASN/GHAV3/commun/image/puce-carre-orange.gif) no-repeat left 3px; margin:0 0 0 20px; padding-left:10px} #offres .contenuoffres a.orange { color: #FF6600; font-size:11px; font-weight:normal} #offres .contenuoffres .promo { float:right; width:206px; color:#000000} #offres .contenuoffres .promo .titrepromo { font-size:21px; font-weight:normal; display: inline; color:#FF6600} #offres .contenuoffres .promo strong { display:inline} #offres .contenuoffres .promo p { margin:10px 0 0 0} #offres .contenuoffres .promo div { background:url(/publicationASN/GHAV3/commun/image/top-promo.gif) top no-repeat #ff850c; padding:10px 8px; margin:0px } #offres .contenuoffres .promo span { color:#FFFFFF; font-size:18px; font-style: normal}