/* ------------------------------------------------------------- Port-Vendres - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Description: Structure Nom fichier: structure.css Version: 1.0 Date: 30/10/07 ------------------------------------------------------------- */ .link_css strong{position:absolute; left:-9000px; margin:0px; padding:0px;} .z_10{z-index:10;} .z_20{z-index:20;} .z_30{z-index:30;} /* {{{{{{{{{{{{{{{{{{{{{{{ CONTAINERS }}}}}}}}}}}}}}}}}}}}}}}}} */ /* LE FOND DU SITE */ .bck_cont{position:relative; display:block; width:960px; margin:0px; margin-left:auto; margin-right:auto; padding:0px;} .block_date{background-color:#EF97c0; height:17px; margin-top:17px;} .block_top{background-color:#E63D96; height:155px; margin-top:1px; text-align:center;} .block_nav{background-color:#DCD3D7; height:20px; background-image:url(../images/fd_navprime.gif); background-repeat:repeat-x; text-align:left;} .block_septop{background-color:#8C3E66; height:17px;} .block_sepbot{background-color:#8C3E66; height:17px;} .block_center{background-color:#8C3E66; min-height:711px; height:auto !important; height:711px;} .block_center_ic{ min-height:711px; height:auto !important; height:711px; background-image:url(../images/fd_site.gif); background-repeat:repeat-y; background-color:#8C3E66;} .block_bottom{background-color:#8C3E66; height:51px; border-bottom:2px solid #fff;} .block_address{background-color:#fff; min-height:68px; height:auto !important; height:68px; border-top:1px solid #ff51f8; padding-top:5px;} #down_doc{position:absolute; display:block; width:162px; height:95px; background-image:url(../images/top_partL.gif); background-repeat:no-repeat; top:30px; left:30px; z-index:10; text-align:left;} #selec_top{position:absolute; display:block; width:171px; height:97px; background-image:url(../images/top_partR.gif); background-repeat:no-repeat; top:30px; right:30px; z-index:10; text-align:left;} /* ############### CONTAINER GLOBAL ############### */ #title_h1{position:relative; top:13px; height:117px;} #title_h1_int{position:absolute; display:block; top:237px; left:42px; height:61px; width:225px;} #title_h2{position:absolute; display:block; top:12px; left:125px; height:425px; width:98px;} /* ################## DEBUT AMI + INFOS + FAVORIS ################## */ #navout_cont{position: absolute; display:block; width:360px; height:17px; right:0px; top:0px; border:0px; margin:0px; padding:0px; } #navout_cont ul{list-style:none; margin:0; padding:0; text-align:left;} #navout_cont li{ float:left; height: 15px; top:0px; padding:0;} #navout_cont a{display: block;} #navout_cont .li_friend{width: 106px;} #navout_cont .li_favorites{width: 114px; margin-left:17px; margin-right:23px} #navout_cont .li_infos{width: 99px;} #date{position:absolute; bottom:3px; left:10px; color:#fff;} /* ################## DEBUT AMI + INFOS + FAVORIS ################## */ /* ############### MENU PRIME ################ */ #mn_prime {position: relative; display:block; width:650px; height:20px; top:0px; margin:0px; padding:0px;} #mn_prime ul{list-style:none; top:0px; text-align:left; margin: 0px; padding:0px; } #mn_prime li {float: left; top:0px; height: 20px; margin: 0px; padding:0px; text-indent:-9000px; display:block; position:relative;} #mn_prime a {display: block; height: 20px;} #mn_prime li a:link, #mn_prime li a:visited {color: #f38400; text-decoration: none; font-variant: small-caps; font-weight: bold;} #mn_prime a:hover, #mn_prime a.select{background-position: 0 -20px; } .mn_00, .mn_01, .mn_02, .mn_03, .mn_04, .mn_05 {display: block; position:relative; height: 20px; margin:0px; padding:0px;} .mn_00, .mn_00 a {background: url(../images/mn_00.gif) no-repeat; width: 77px;} .mn_01, .mn_01 a {background: url(../images/mn_01.gif) no-repeat; width: 148px;} .mn_02, .mn_02 a {background: url(../images/mn_02.gif) no-repeat; width: 122px;} .mn_03, .mn_03 a {background: url(../images/mn_03.gif) no-repeat; width: 125px;} .mn_04, .mn_04 a {background: url(../images/mn_04.gif) no-repeat; width: 101px;} .mn_05, .mn_05 a {background: url(../images/mn_05.gif) no-repeat; width: 75px;} /* ############### MENU PRIME ################ */ /* encart top left */ .pos1a{ position:relative; top:22px; left:17px; margin:0px; padding:0px; text-align:left;} .pos1b{ position:relative; top:25px; left:10px; margin:0px; padding:0px; text-align:left;} .pos1c{ position:relative; top:25px; left:48px; margin:0px; padding:0px; text-align:left;} .pos2a{ position:relative; top:22px; left:19px; margin:0px; padding:0px; text-align:left;} .pos2b{ position:relative; top:25px; left:60px; margin:0px; padding:0px; text-align:left;} .pos2c{ position:relative; top:25px; left:69px; margin:0px; padding:0px; text-align:left;} /* ///////////////////////////////////////// ZONE CENTRE HOME ///////////////////////////////////////// */ .col_homeL{ float:left; position:relative; display:block; top:0px; left:10px; width:206px; text-align:left; margin:0px; padding:0px; margin-left:0px;} .colornav{background-color:#b93d7e; min-height:711px; height:auto !important; height:711px;} .col_homeC{ float:left; position:relative; display:block; top:0px; left:9px; width:566px; text-align:center; margin:0px; padding:0px; margin-left:9px;} .col_homeR{ float:left; position:relative; display:block; top:0px; left:8px; width:151px; text-align:left; margin:0px; padding:0px; margin-left:9px;} /* //////////////////////////////////// PASS HOME //////////////////////////////////// */ #pass_homeL{position:relative; display:block; width:100%; height:208px; text-align:center; color:#ffbde6; background-color:#997085; margin-top:10px;} #pass_homeL h3, #pass_homeL h3 a, #pass_homeL .dm_pass{font-size:11px; padding-top:9px; color:#ffbde6;} #pass_img_home{position:absolute; display:block; left:4px; bottom:0px; z-index:10;} #pass_img_int{position:absolute; display:block; left:10px; bottom:16px; z-index:10;} /* //////////////////////////////////// PASS HOME //////////////////////////////////// */ /* //////////////////////////////////// ZONE CENTRE HOME //////////////////////////////////// */ .prop_col_homeC{margin-top:21px; background-image: url(../images/fd_infresa.gif); background-repeat:repeat-y; min-height:711px; height:auto !important; height:711px; } .prop_col_IC{ margin-top:3px; background-image: url(../images/fd_infresa.gif); background-repeat:repeat-y; min-height:711px; height:auto !important; height:711px; } #bot_center{position:absolute; display:block; left:225px; bottom:16px; z-index:10;} #bot_center_ic{position:absolute; display:block; left:224px; bottom:15px; z-index:10;} .retour_top, .retour_top a{position:absolute; display:block; left:429px; bottom:20px; z-index:20; color:#000; text-decoration:none; font-size:10px; font-weight:bold;} /* //////////////////////////////////// ZONE COL Right //////////////////////////////////// */ #block_actu{position:relative; display:block; top:0px; left:0px; width:151px; height:219px; background-color:#B93D7E;} #block_actu p{ position:relative; display:block; top:0px; left:8px; width:137px; height:151px; margin:0px; padding:0px; color:#ffbde6; font-size:10px; font-weight:bold; text-align:left;} #block_actu a{ color:#ffbde6; text-decoration:underline;} #ax_flashmail{position:relative; display:block; left:0px; width:156px; height:134px; background-color:#997085; background-image:url(../images/ax_flashmail.gif); background-repeat:repeat; margin-top:6px;} #ax_reserv{position:relative; display:block; top:0px; left:0px; width:151px; height:229px; background-color:#B53D7C; margin-top:10px;} #ax_reserv p{position:relative; display:block; top:0px; left:8px; width:137px; height:151px; margin:0px; margin-top:15px; padding:0px; color:#ffbde6; font-size:11px; font-weight:bold; text-align:left;} #ax_reserv a{ color:#ffbde6; text-decoration:underline; font-weight:bold;} /* //////////////////////////////////// ZONE COL Right //////////////////////////////////// */ #bot_colR_home{position:absolute; display:block; left:798px; bottom:16px; z-index:10;} #block_pub{position:relative; display:block; left:0px; width:151px; height:627px; background-color:#b93d7e; text-align:center;} .pub_img{border:1px solid #000000;} /* //////////////////////////////////// ZONE CENTRE HOME //////////////////////////////////// */ /* //////////////////////////////////// ZONE CENTRE INFO CONTINU //////////////////////////////////// */ #block_ic{position:relative; display:block; width:525px; min-height:627px; height:auto !important; height:627px; text-align:left; margin-left:auto; margin-right:auto; color:#ffbde6; text-decoration:none;} #block_ic .h2, #block_ic .h2 a{position:relative; width:100%; font-size:23px; color:#e63d96; text-align:left;} #block_ic .h3, #block_ic .h3 a{position:relative; display:block; width:100%; margin:0; padding:0; font-size:15px; color:#e63d96; text-align:left;} #block_ic a:hover{ text-decoration:underline;} #block_ic .white{ color:#ffffff; text-decoration:none;} #block_ic a.white , #block_ic a:hover.white { color:#ffffff; text-decoration:underline;} #block_ic .roseFonce{ color:#ef4bad; text-decoration:none;} #block_ic a.roseFonce , #block_ic a:hover.roseFonce { color:#ef4bad; text-decoration:underline;} #block_ic .s10, #block_ic a.s10 {font-size:10px;} #block_ic .s11, #block_ic a.s11{font-size:11px;} #block_ic .s12, #block_ic a.s12{font-size:12px;} #block_ic .s13, #block_ic a.s13{font-size:13px;} #block_ic .s14, #block_ic a.s14{font-size:14px;} #block_ic .s15, #block_ic a.s15{font-size:15px;} #block_ic .s16, #block_ic a.s16{font-size:16px;} #block_ic .s18, #block_ic a.s18{font-size:18px;} /* //////////////////////////////////// ZONE CENTRE INFO CONTINU //////////////////////////////////// */ /* ######################### BOTTOM ############################# */ .address{display:block; position:relative; top:20px; color:#FFFFFF;} /* ######################### BOTTOM ############################# */ #createCompte, #modifyCompte, #page_infos { position:relative; top:10px; width:500px; min-height:235px; height:auto !important; height:235px; float:left; background:#EFDCE5; border:1px solid #D31F70; text-align:left; margin-bottom:40px; color:#000; } #createCompte a { color:#000; } #createCompte form, #modifyCompte form, #page_infos form { text-align:left; padding:10px 6px; margin:0; } #compteParticipe { position:relative; left:47px; top:25px; text-align:left; } #createCompte .title { font-size:20px; color:#D64888; display:block; margin:10px 10px 0; } #createCompte label, #modifyCompte label, #page_infos label { display:block; margin-top:3px; margin-left:45px; position:relative; } #createCompte label span, #modifyCompte label span, #page_infos label span { float:left; display:block; width:160px; font-size:10px; color:#333333; text-align:right; line-height:18px; } #createCompte label input, #createCompte label textarea, #createCompte label select, #modifyCompte label input, #modifyCompte label textarea, #modifyCompte label select, #page_infos label input, #page_infos label textarea, #page_infos label select { float:left; display:block; width:180px; position:relative; left:3px; border:1px solid #b5b5b5; -moz-border-radius:3px; font:12px arial,verdana,helvetica; } #createCompte label textarea, #modifyCompte label textarea, #page_infos label textarea { height:40px; overflow:auto; } #createCompte label .checkbox, #modifyCompte label .checkbox, #page_infos label .checkbox { clear:both;width:auto; margin-right:10px; position:relative; top:-2px; } #createCompte label .etoile, #modifyCompte label .etoile, #page_infos label .etoile { float:left; width:auto; position:relative; left:6px; top:-2px; } #createCompte label br, #modifyCompte label br, #page_infos label br { clear:both; } .right { text-align:right; } #createCompte .right, #modifyCompte .right, #page_infos .right { margin-right:20px; } #createCompte label { height:25px; margin-top:0; } #createCompte .submit { background:#D64888; color:#fff; border:2px solid #000; font-weight:bold; padding:2px 25px; } #adminCompte3 { margin:20px 0 0 50px; } #adminCompte3 label { display:block; margin-bottom:2px; } #adminCompte3 label span { display:block; float:left; width:180px; text-align:left; } #adminCompte3 label input, #adminCompte3 label textarea { width:215px; border:1px solid #bbb; float:left; position:relative; left:5px; } #adminCompte3 label br { clear:both; }