/*Mise à zero*/ * {margin:0px; padding:0px;} body { margin: 3px 0 ; /*haut-bas ; gauche-droite */ padding: 0 ; /* padding à 0 pour Opera qui définit des padding par défaut pour le body */ text-align: center ; /* text-align: center : pour centrer les éléments de type block avec Internet Explorer */ font: 0.8em "Trebuchet MS", helvetica, sans-serif ; background: url(../design/degrad_vertical.png) repeat-x transparent; background-color:#ffffff; } /*body.s{background:url(../images/graphisme/degrad_violet_noir.png) repeat-x transparent;background-color:#fbfbfb;} body.s{background:url(../images/graphisme/degrad_bleu_4977d1.png) repeat-x transparent;background-color:#fbfbfb;}*/ div#conteneur_index{ margin: 0 auto ; /* margin: 0 auto ; méthode correcte pour centrer les éléments de type block */ width: 1052px;/*taille du conteneur 950px*/ text-align: left ; /* rétablit l'alignement à gauche changé plus haut */ } div#bloc_sur_header_index{ height:88px ;width:1052px ; background: url(../design/00_sur_header.png) no-repeat center transparent; } div#bloc_header_index{ height:250px ;width:1024px ; margin-left:11px; background: url(../design/01_header_sans_forme.jpg) no-repeat center transparent; /*border: 1px solid green;*/ } div#bloc_header_index img{margin-left:-11px;border:none;} div#bloc_corps_index{ height:auto !important;height:410px;min-height:410px;overflow:hidden;_overflow:visible;zoom:1; /*height:410px ;*/width:1052px ; margin: 0; padding: 0; /*ombrage de cadre*/ background: url(../design/degrad_horiz.png) repeat-y transparent; text-indent:11px; } div#bloc_corps_index .disponibilite{ height:935px ; } /*CSS page spécifique séjour */ div#bloc_corps_index_fond{background: url(../images/graphisme/fonds/sejours_a0.png) no-repeat bottom right;height:410px ;width:1025px ;} div#bloc_corps_index div#bloc_gauche{margin-left:20px;width:500px;height:120px;float:left; /*border: 1px solid red;*/} div#bloc_corps_index div#bloc_droite{width:500px;height:120px ;/*border: 1px solid green;*/margin-left:520px;} div#bloc_corps_index p{padding-left:20px; padding-right:20px;font-size: 1.1em ;text-align:justify; } /* -----------------------------------------------*/ /*TITRES*/ /* -----------------------------------------------*/ /*couleurs des titres*/ div#bloc_corps_index.a0 h1,div#bloc_corps_index.a0 h2,div#bloc_corps_index.a0 h3,div#bloc_corps_index.a0 h4{ color: #0251c9 ;border-color:#0251c9;} /*titre 1*/ div#bloc_corps_index h1{ clear:both;margin:0px 20px 10px 20px;text-align:left;text-indent:0em;font-size:1.3em;font-weight:bold;line-height:1.3em ; background-position: 0px 4px;background-repeat:no-repeat;padding-left:20px; } /*Puces des titres 1*/ div#bloc_corps_index.a0 h1{background-image: url("../images/graphisme/puces/h1_a0.png");} /*astuce pourfaire un soulignement de titre (utilisation de span du titre 1)*/ div#bloc_corps_index h1 span{display:block;position:relative;top:21px;/*déplacement en dessous de h1*/border-bottom: 1px solid ;} /*Couleur du soulignement*/ div#bloc_corps_index.a0 h1 span{border-color: #0251c9;} /*Puces des titres 2*/ div#bloc_corps_index h2{clear:both;margin:20px 0 5px 25px;text-align: left;text-indent: 3.0em ; font-size: 1.1em ; font-weight: bold ; line-height: 1.3em ; background-position: 0px 5px;background-repeat: no-repeat; } div#bloc_corps_index.a0 h2{background-image: url("../images/graphisme/puces/h2_a0.png");} div#bloc_corps_index h2.no_clear{clear:none;}/*clear:inherit; non supporté ie7*/ .right{float:right;} .gris{color:#a9a9a9;} .orange{color:#fd8502;} .rouge{color:red;} .up10{position:relative;top:-10px;} .big{font-weight: bold;font-size:1.2em;} .vert{color:green;} span.blue{color:#8fb2ef;} span.a1 {color:#c97af5;} span.a2 {color:#4977d1;} span.a3{color:#49d153;} span.a4 {color:#fd8502;} span.a5 {color:#af632a;} /*PIED DE PAGE*/ div#bloc_pied_index{ position:absolute;width:1052px;height:44px; background: url(../design/06a_pied_ligne.png) no-repeat transparent; /*border: 1px solid green;*/ } div#bloc_pied_index img#logo_adl{margin-top:-34px;margin-left:10px;border:none;} div#bloc_pied_index span#ebc,div#bloc_pied_index span#copyright {color:#ffffff; font-size:15px; font-family:arial; } div#bloc_pied_index span#ebc{position:relative;top: -63px;left:-28px;} div#bloc_pied_index span#ebc img{position:relative;top:3px;left:-5px;border:none;} div#bloc_pied_index span#ebc a{text-decoration:none;color:#ffffff;} div#bloc_pied_index span#ebc a:hover{} div#bloc_pied_index span#copyright {position:relative;top:-63px;left:180px;} /*PIED DE PAGE - LINKS sous forme de txt*/ div#links_text{position:relative;top:-20px;left:0px;} div#links_text a{text-decoration:none;color:#a9a9a9; } div#links_text a:hover{color:#fccc00; } div#links_text a:visited{color:#d3d3d3; } div#links_text_gauche,div#links_text_droite{text-align : right;color:#a9a9a9; font-size:11px; font-family:arial; /*font-weight: bold;*/} div#links_text_gauche{position: absolute;top:75px;right:18px;} div#links_text_droite{position: absolute;top:105px;right: 18px;} /*PAGE INDEX - Sélection du mode de navigation */ /* -----------------------------------------------*/ div#menu_navigation{ position:relative; z-index:2;margin-top:0px;margin-left:11px; padding-left:0px;width: 1024px ; height: 115px ; } /* -----------------------------------------------*/ ul#menu_navigation_select { cursor: pointer; /* Curseur en forme de main, pour résoudre un bug sous IE, causé lors du changement du lien en affichage bloc */ width: 1024px; height: 115px; background: url("../design/03_choix_navig.png"); margin: 0; padding: 0; position: relative; /* border: 1px dotted #CCCCFF; */ } ul#menu_navigation_select li { margin: 0; padding: 0; list-style: none; } ul#menu_navigation_select li , ul#menu_navigation_select a { position: absolute; display: block;} /* décalage pour les 3 modes */ li#a1v a {left: 0px; top: 0px; width: 370px; height: 115px;} li#a2v a {left: 370px; top: 0px; width: 300px; height: 115px;} li#a3v a {left: 670px; top: 0px; width: 300px; height: 115px;} /*PB j'utilise fonction li:hover pas fonctionnel ancien navigateur !*/ li#a1v a:hover {left: 0px; top: 0px; width: 370px; height: 115px; background: url("../design/03_choix_navig.png") 0px -115px no-repeat;} li#a2v a:hover {left: 370px; top: 0px; width: 300px; height: 115px; background: url("../design/03_choix_navig.png") -370px -115px no-repeat;} li#a3v a:hover {left: 670px; top: 0px; width: 300px; height: 115px; background: url("../design/03_choix_navig.png") -670px -115px no-repeat;} /*PAGE INDEX - Sélection du mode de navigation */ /* -----------------------------------------------*/ div#menu_visite{ margin-top:0px;margin-left:120px; padding-left:0px;width: 500px ; height: 400px ; } /* -----------------------------------------------*/ ul#menu_visite_select { cursor: pointer; /* Curseur en forme de main, pour résoudre un bug sous IE, causé lors du changement du lien en affichage bloc */ width: 500px; height: 400px; margin: 0; padding: 0; position: relative; } ul#menu_visite_select li { margin: 0; padding: 0; list-style: none; } ul#menu_visite_select li , ul#menu_visite_select a { position: absolute; display: block; } ul#menu_visite_select a { text-indent:-5000px; width:140px; height:139px; border:none; } /* décalage pour les 5 appart */ li#visite_a1v a {left: 0px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -288px -2px no-repeat ;} li#visite_a2v a {left: 142px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -433px -2px no-repeat ;} li#visite_a3v a {left: 284px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -577px -2px no-repeat ;} li#visite_a4v a {left: 426px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -720px -2px no-repeat ;} li#visite_a5v a {left: 568px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -865px -2px no-repeat ;} /*PB j'utilise fonction li:hover pas fonctionnel ancien navigateur !*/ li#visite_a1v a:hover {left: 0px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -288px -141px no-repeat ;} li#visite_a2v a:hover {left: 142px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -433px -141px no-repeat ;} li#visite_a3v a:hover {left: 284px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -577px -141px no-repeat ;} li#visite_a4v a:hover {left: 426px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -720px -141px no-repeat ;} li#visite_a5v a:hover {left: 568px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -865px -141px no-repeat ;} /*PAGE INDEX - Sélection des appartements selon le mode de navigation */ /* -----------------------------------------------*/ form{position:relative;padding-left:10px;padding-top:0px;/*border: 1px dotted red;*/height: 139px;} fieldset{border:none;/*width:1052px;*/} #mod_loc_200{ display:block; position:absolute; left: 14px; padding-left: 4px; padding-top: 14px; width: 265px; height: 139px; background: transparent url("../design/05b_apparts_select_inv.png") -9px 0px no-repeat ; } #mod_loc_200 img#sejours_inactif{padding-left:22px;vertical-align:middle;border:none;} #mod_loc_200 span.txt_sejours_inactif{font-size:14px; font-family:arial; font-weight: bold;} #select_appart{ display:block; position:absolute; left: 285px; top: 2px; width: 752px; height: 139px; ; } #mod_loc{color:#8fb2ef;font-family:arial; font-size:15px; font-weight: bold;} input[type=radio] + label { color:#000000; font-size:14px; font-family:arial; font-weight: bold; background-color:transparent; border:none; margin-left:5px; margin-right:5px; /*vertical-align:middle; */ } ul { list-style-type: none;padding-left:50px; } ul.sejours{list-style-image:url(../images/graphisme/puces/puce_adl_bleu_a0.png);padding-left:50px; } table#dispos_sejours {position:relative;left:50px;border:0px solid;border-collapse:collapse;width:80%;margin:10px;} /* table#dispos_sejours span.a1 {color:#c97af5;} table#dispos_sejours span.a2 {color:#4977d1;} table#dispos_sejours span.a3{color:#49d153;} table#dispos_sejours span.a4 {color:#fd8502;} table#dispos_sejours span.a5 {color:#af632a;} */ table#dispos_sejours th{border:1px solid;border-top:0;padding:3px;background-color:#8fb2ef;color:#ffffff;font-weight:bold;text-align:center;vertical-align:middle;} table#dispos_sejours td {text-indent:0px;border:0px solid;text-align:justify;vertical-align:top;padding:0px 10px 2px 10px;border-bottom:2px solid;border-color:#8fb2ef;font-family:sans-serif;font-size:0.9em;} table#dispos_sejours td.infos {padding-top:10px;} table#dispos_sejours td a.visite {display: block;text-indent:-5000px; width:140px;height:139px;border:0px solid;margin-top:5px;} table#dispos_sejours td#a1 a.visite {left: 0px; top: 0px; background:url("../design/05b_apparts_select_inv.png") -288px 0px no-repeat ;} table#dispos_sejours td#a2 a.visite {left: 142px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -433px -2px no-repeat ;} table#dispos_sejours td#a3 a.visite {left: 284px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -577px -2px no-repeat ;} table#dispos_sejours td#a4 a.visite {left: 426px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -720px -2px no-repeat ;} table#dispos_sejours td#a5 a.visite {left: 568px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -865px -2px no-repeat ;} /*si appart inactivé*/ table#dispos_sejours td#a1.off a.visite {left: 0px; top: 0px; background:url("../design/05b_apparts_select_inv.png") -288px -280px no-repeat ;} table#dispos_sejours td#a2.off a.visite {left: 142px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -433px -280px no-repeat ;} table#dispos_sejours td#a3.off a.visite {left: 284px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -577px -280px no-repeat ;} table#dispos_sejours td#a4.off a.visite {left: 426px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -720px -280px no-repeat ;} table#dispos_sejours td#a5.off a.visite {left: 568px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -865px -280px no-repeat ;} table#dispos_sejours td#a1 a.visite:hover {left: 0px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -288px -141px no-repeat ;} table#dispos_sejours td#a2 a.visite:hover {left: 142px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -433px -141px no-repeat ;} table#dispos_sejours td#a3 a.visite:hover {left: 284px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -577px -141px no-repeat ;} table#dispos_sejours td#a4 a.visite:hover {left: 426px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -720px -141px no-repeat ;} table#dispos_sejours td#a5 a.visite:hover {left: 568px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -865px -141px no-repeat ;} /*http://www.phpcs.com/forum/sujet-REMPLACEMENT-BOUTON-RADIO_1570678.aspx*/ /* input[type="radio"] { display: none; } input:checked + label > img { border: 2px dotted #8fb2ef;} */ /*display: block;*/ input:checked + label {color:#4977d1;}/*#8fb2ef;*/ input:checked + label > img , input+ label > img { vertical-align:middle; } /*boutons des apparts*/ .go_a1,.go_a2,.go_a3,.go_a4,.go_a5 { text-indent:-5000px; width:140px; height:139px; border:none; /*border: 1px dotted #CCCCFF;*/ } .go_a1 {left: 0px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -288px 0px no-repeat ;} .go_a2 {left: 0px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -433px 0px no-repeat ;} .go_a3 {left: 0px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -577px 0px no-repeat ;} .go_a4 {left: 0px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -720px 0px no-repeat ;} .go_a5 {left: 0px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -865px 0px no-repeat ;} .go_a1:hover{left: 0px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -288px -139px no-repeat ;} .go_a2:hover{left: 0px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -433px -139px no-repeat ;} .go_a3:hover{left: 0px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -577px -139px no-repeat ;} .go_a4:hover{left: 0px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -720px -139px no-repeat ;} .go_a5:hover{left: 0px; top: 0px; background: transparent url("../design/05b_apparts_select_inv.png") -865px -139px no-repeat ;}