/* ------------------------------------------------------------- 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;} .date{position:absolute; display:block; top:121px; right:47px; color:#4679af; font-size:9px;} /* {{{{{{{{{{{{{{{{{{{{{{{ CONTAINERS }}}}}}}}}}}}}}}}}}}}}}}}} */ /* LE FOND DU SITE */ .bck_cont{position:relative; display:block; width:944px;*width:958px;_width:958px; margin:0px; margin-left:auto; margin-right:auto; padding:0px; border-left:7px solid #fffeff; border-right:7px solid #fffeff;} .block_top{min-height:652px; height:auto !important; height:652px; background-image:url(../images/fd_page.gif); background-repeat:repeat-x;} .block_address{position:relative; display:block; width:944px; height:68px; background-color:#FFFFFF; margin:0px; padding:0px; border-top:4px solid #23335d;} .block_adress1{position:relative; display:block; width:944px; height:68px; background-color:#FFFFFF; margin:0px; padding:0px;} #block_cache{position:absolute; display:block; top:0px; left:-7px; width:958px; height:21px; margin:0; padding:0; background-color:#d6d9e1;} .block_center{min-height:610px; height:auto !important; height:610px; margin-top:27px; background-image:url(../images/fd_site2.gif); background-repeat:repeat-y; border-bottom:2px solid #fff; border-top:5px solid #fff;} /* ############### CONTAINER GLOBAL ############### */ .visuel1{position:absolute; display:block; top:0px; left:0px; } .title_h1{position:absolute; display:block; top:20px; right:20px; width:396px; height:72px; text-align:left;} .pos_h1b{top:47px;} .visuel2{position:absolute; display:block; bottom:0px; right:0px;} #encart{position:absolute; display:block; width:743px; height:384px; top:136px; left:178px; background-image:url(../images/cadre_top.jpg); background-repeat:no-repeat; background-color:#9ec9f1;} #encart p{ position:absolute; display:block; top:104px; left:67px; width:455px; height:140px; color:#23335d; text-align:left;} #intro{position:absolute; display:block; top:35px; left:15px; width:400px; height:70px; color:#23335d; text-align:left;} #act_up{position:absolute; display:block; top:35px; right:15px; width:200px; height:70px; color:#23335d; text-align:left;} /* ############### MENU homepage ################ */ #nav_homepage {position: absolute; display:block; width:743px; height:238px; bottom:0px; left:0px; margin:0px; padding:0px;} #nav_homepage ul{list-style:none; top:0px; right:0px; text-align:left; margin: 0px; padding:0px; height:238px;} #nav_homepage li {float: left; top:0px; height: 25px; margin: 0px; padding:0px; text-indent:-9000px;width:123px;} #nav_homepage a {display: block; height: 238px;} #nav_homepage li a:link, #nav_homepage li a:visited {color: #f38400; text-decoration: none; font-variant: small-caps; font-weight: bold;} #nav_homepage a:hover, #nav_homepage a.select{background-position: 0 -238px; } .mn_1h, .mn_2h, .mn_3h, .mn_4h, .mn_5h, .mn_6h {float: left; display: block; position:relative; top:0px; height: 238px; margin:0px; padding:0px;} .mn_1h, .mn_1h a {background: url(../images/mn_1h.jpg) no-repeat; width: 125px;} .mn_2h, .mn_2h a {background: url(../images/mn_2h.jpg) no-repeat; width: 123px;} .mn_3h, .mn_3h a {background: url(../images/mn_3h.jpg) no-repeat; width: 123px;} .mn_4h, .mn_4h a {background: url(../images/mn_4h.jpg) no-repeat; width: 124px;} .mn_5h, .mn_5h a {background: url(../images/mn_5h.jpg) no-repeat; width: 123px;} .mn_6h, .mn_6h a {background: url(../images/mn_6h.jpg) no-repeat; width: 125px;} /* ############### MENU homepage ################ */ /* ################## DEBUT AMI + INFOS + FAVORIS ################## */ .pos_home{left:293px; top:526px;} .pos_int{right:6px; top:0px;} #navout_cont{position: absolute; display:block; width:515px; height:15px; border:0px; margin:0px; margin-top:3px; 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: 93px; margin-right:23px} #navout_cont .li_download{width: 138px;} /* ################## DEBUT AMI + INFOS + FAVORIS ################## */ /* #title_h1_int{position:absolute; display:block; top:237px; left:42px; height:61px; width:225px;}*/ .title_h2{position:absolute; display:block; top:47px; left:27px; height:38px; width:178px;} /* ############### MENU PRIME ################ */ #mn_prime {position: relative; display:block; width:742px; height:31px; top:0px; left:0px; margin:0px; padding:0px; border-top: 1px solid #fff;} #mn_prime ul{list-style:none; top:0px; right:0px; text-align:left; margin: 0px; padding:0px;} #mn_prime li {float: left; top:0px; height: 31px; margin: 0px; padding:0px; text-indent:-9000px;} #mn_prime a {display: block; height: 31px;} #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 -31px; } .mn_01, .mn_02, .mn_03, .mn_04, .mn_05, .mn_06 {float: left; display: block; position:relative; top:0px; height: 25px; margin:0px; padding:0px;} .mn_01, .mn_01 a {background: url(../images/mn_01.gif) no-repeat; width: 125px;} .mn_02, .mn_02 a {background: url(../images/mn_02.gif) no-repeat; width: 124px;} .mn_03, .mn_03 a {background: url(../images/mn_03.gif) no-repeat; width: 122px;} .mn_04, .mn_04 a {background: url(../images/mn_04.gif) no-repeat; width: 124px;} .mn_05, .mn_05 a {background: url(../images/mn_05.gif) no-repeat; width: 124px;} .mn_06, .mn_06 a {background: url(../images/mn_06.gif) no-repeat; width: 123px;} /* ############### MENU PRIME ################ */ /* ///////////////////////////////////////// ZONE CENTRE HOME ///////////////////////////////////////// */ .col_homeL{float:left; position:relative; display:block; top:0px; left:0px; width:201px; min-height:610px; height:auto !important; height:610px; text-align:left; margin:0px; padding:0px;} .tt_chap{position:relative; top:0px; left:0px;} .txt_colL{position:relative; display:block; top:5px; left:10px; width180px; text-align:left;} .col_homeR{float:left; position:relative; display:block; top:0px; left:1px; width:742px; min-height:610px; height:auto !important; height:610px; margin:0px; padding:0px; overflow-x:hidden;} .block_int{position:relative; display:block; background-color:#68abe9; } .et1{ height:110px;} .et2{ height:22px;} .et3{ height:23px; text-align:left;} .cont_ic{float:left; position:relative; display:block; top:0px; left:0px; width:736px; margin:0px; padding:0px; text-align:left;} .color_int{border-top:2px solid #fff;} .ic_int2{margin-top:160px;} /* ######################### BOTTOM ############################# */ .address{display:block; position:relative; top:20px; color:#5a6686;} /* ######################### BOTTOM ############################# */