/* ------------------------------------------------------------- Font Vital - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Description: Styles communs Nom fichier: style.css Version: 1.0 Date: 02/08/07 ------------------------------------------------------------- */ /* ------------------------------------------------------------- Import - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ------------------------------------------------------------- General - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body { background-color: #004c93; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #004c93; text-align: center; padding: 0px; } td { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #004c93; } a img { border: 0; } a { color: #004C93; } a:hover { text-decoration: none !important; } * { outline: none; } p {margin: 0 0 5px; padding: 0;} /* ------------------------------------------------------------- Mise en page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #logotxt1 { position:absolute; top:55px; left:736px; z-index:100; } #logotxt { position:absolute; top:-8px; left:430px; z-index:100; } #visu_fd{ position:absolute; display:block; top:-6px; left:10px; width:445px; height:116px; z-index:0; } /* ------------------------------------------------------------- Positionnement - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ############### TOP ################ */ /* ################## DEBUT AMI + INFOS + FAVORIS ################## */ #navout{float:right; position: absolute; width:355px; height:16px; right:7px; top:5px; border:0px; margin:0px; padding:0px;} #navout ul{list-style:none; height:16px; margin:0px; padding:0px;} #navout li{ float:left; height: 15px; padding: 0px; text-indent: -9000px; list-style:none;} #navout a{display: block; height: 100%;} #navout li a:link, #navout li a:visited {color: #FFF; text-decoration: none; font-variant: small-caps; font-weight: bold;} #navout_ami {width: 106px; background: url(../images/ami.gif) no-repeat;} #navout_favoris {width: 114px; background: url(../images/favoris.gif) no-repeat; margin-left:17px;} #navout_info {width: 95px; background: url(../images/info.gif) no-repeat; margin-left:23px;} /* ################## DEBUT AMI + INFOS + FAVORIS ################## */ /* ################## DATE ################## */ .date{float:left; position:relative; height:10px; width:150px; top:14px; left:276px; margin:0px; padding:0px; color:#a9b780} /* ################## DATE ################## */ /* ################## H1 H2 H3 H4 ################## */ h1{ padding:0px; margin:0px;} h2{ padding:0px; margin:0px;} h3{ padding:0px; margin:0px;} h4{ position:relative; padding:0px; margin:0px; font-size:12px; /*color:#f79239;*/ width:655px;} h5{ padding:0px; margin:0px;} /* ################## H1 H2 H3 H4 ################## */ /* TOP */ #tt_site{float:left; position:absolute; top:0px; left:346px; width:269px; height:222px; background-image:url(../images/logo_ind.gif); background-repeat:no-repeat; text-indent: -9000px; padding: 0px; margin:0px;} /* TOP */ #txt_intro{display:block; margin-top:20px; margin-bottom:61px;} /* BOTTOM */ #contact_mail{position:relative; top:0px; display:block; width:172px; height:12px; background-image:url(../images/bot_1.gif); background-repeat:no-repeat; text-indent: -9000px; padding: 0px; margin:0px;} #grey_px{position:relative; top:0px; width:936px; height:1px; padding: 0px; margin-bottom:4px; margin-top:3px; background-color:#CECECE;} #retour_acc_bottom{position:relative; top:0px; display:block; width:119px; height:12px; background-image:url(../images/bot_2.gif); background-repeat:no-repeat; text-indent: -9000px; padding: 0px; margin-bottom:6px;} /* ############### TOP ################ */ /* ############### MENU PRIME ################ */ #mn_prime {position: absolute; display:block; left:335px; top:208px; margin: 0px; padding:0px; text-align:left; width: 550px; height:57px;} #mn_prime ul{list-style:none; margin: 0; padding: 0; } #mn_prime li {float: left; height: 57px; margin: 0px; padding:0px; text-indent: -9000px;} #mn_prime a {display: block; height: 57px;} #mn_prime li a:link, #mn_prime li a:visited {color: #ACAAA6; text-decoration: none; font-variant: small-caps; font-weight: bold;} #mn_prime a:hover, #mn_prime a.select { background-position: 0 -57px; } .mn00, .mn01, .mn02, .mn03, .mn04, {float: left; display: block; position:relative; top:0px; height: 57px; margin-left:10px; padding:0px;} .mn00, .mn00 a { background: url(../images/mn0.gif) no-repeat; width: 81px;} .mn01, .mn01 a { background: url(../images/mn1.gif) no-repeat; width: 120px;} .mn02, .mn02 a { background: url(../images/mn2.gif) no-repeat; width: 151px; } .mn03, .mn03 a { background: url(../images/mn3.gif) no-repeat; width: 128px;} .mn04, .mn04 a { background: url(../images/mn4.gif) no-repeat; width: 134px;} /* ############### MENU PRIME ################ */ /* ############### MENU PRIME ################ */ #mn_prime2 {position: relative; display:block; left:25px; top:131px; margin: 0px; padding:0px; text-align:left; width: 640px; height:57px;} #mn_prime2 ul{list-style:none; margin: 0; padding: 0; } #mn_prime2 li {float: left; height: 57px; margin: 0px; padding:0px; text-indent: -9000px;} #mn_prime2 a {display: block; height: 57px;} #mn_prime2 li a:link, #mn_prime2 li a:visited {color: #ACAAA6; text-decoration: none; font-variant: small-caps; font-weight: bold;} #mn_prime2 a:hover, #mn_prime2 a.select {background-position: 0 -57px; } .mn00, .mn01, .mn02, .mn03, .mn04, {float: left; display: block; position:relative; top:0px; height: 57px; margin-left:10px; padding:0px;} .mn00, .mn00 a { background: url(../images/mn0.gif) no-repeat; width: 81px;} .mn01, .mn01 a { background: url(../images/mn1.gif) no-repeat; width: 120px;} .mn02, .mn02 a { background: url(../images/mn2.gif) no-repeat; width: 151px; } .mn03, .mn03 a { background: url(../images/mn3.gif) no-repeat; width: 128px;} .mn04, .mn04 a { background: url(../images/mn4.gif) no-repeat; width: 134px;} #mn_prime5 {position: absolute; display:block; right:105px; top:45px; margin: 0px; padding:0px; text-align:left; width: 124px; height:67px;} #mn_prime5 ul{list-style:none; margin: 0; padding: 0; } #mn_prime5 li {float: left; height: 67px; margin: 0px; padding:0px; text-indent: -9000px;} #mn_prime5 a {display: block; height: 67px;} #mn_prime5 li a:link, #mn_prime5 li a:visited {color: #ACAAA6; text-decoration: none; font-variant: small-caps; font-weight: bold;} #mn_prime5 a:hover, #mn_prime5 a.select {background-position: 0 -67px; } .mn05{display: block; position:absolute; top:0px; right:0px; height: 67px; margin-left:10px; padding:0px;} .mn05, .mn05 a { background: url(../images/mn5.gif) no-repeat; width: 124px; } #mn_prime6 {position: absolute; display:block; right:-25px; top:32px; margin: 0px; padding:0px; text-align:left; width: 105px; height:61px;} #mn_prime6 ul{list-style:none; margin: 0; padding: 0; } #mn_prime6 li {float: left; height: 61px; margin: 0px; padding:0px; text-indent: -9000px;} #mn_prime6 a {display: block; height: 61px;} #mn_prime6 li a:link, #mn_prime6 li a:visited {color: #ACAAA6; text-decoration: none; font-variant: small-caps; font-weight: bold;} #mn_prime6 a:hover, #mn_prime6 a.select {background-position: 0 -61px; } .mn06{display: block; position:absolute; top:0px; right:0px; height: 61px; margin-left:10px; padding:0px;} .mn06, .mn06 a { background: url(../images/mn6.gif) no-repeat; width: 105px; } /* ############### MENU PRIME ################ */ /* ############### FLAG ################ */ #mn_flag { float:right; position: absolute; right:15px; top:6px; display:block; margin: 0px; text-align:left; width:83px; height:14px;} #mn_flag ul { margin:0px; padding: 0px;} #mn_flag li {float: left; height: 14px; padding: 0px; text-indent: -9000px;} #mn_flag a {display: block; height: 14px;} #mn_flag li a:link, #mn_flag li a:visited {color: #ACAAA6; text-decoration: none; font-variant: small-caps; font-weight: bold;} #mn_flag a:hover, #mn_flag a.select { background-position: 0 -14px; } .flag_fr, .flag_uk, .flag_sp{display: block; position:relative; top:0px; height: 14px;} .flag_fr { background: url(../images/flag_fr.gif) no-repeat; width: 22px; } .flag_uk { background: url(../images/flag_uk.gif) no-repeat; width: 22px; margin-left:5px; margin-right:5px; } .flag_sp { background: url(../images/flag_sp.gif) no-repeat; width: 22px;} /* ############### FLAG ################ */ /* ------------------------------------------------------------- Polices - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .s9 {font-size: 9px;} .s10 {font-size: 10px;} .s11 {font-size: 11px;} .s12 {font-size: 12px;} .s13 {font-size: 13px;} .s14 {font-size: 14px;} .s15 {font-size: 15px;} .s16 {font-size: 16px;} .s18 {font-size: 18px;} .s20 {font-size: 20px;} .black {color:#000} .white {color: #fff;} .orange{color: #f79239;} .bluec{color:#3aaadc;} .turquoise {color:#3FBDED} a.blue1, a:hover.blue1, a:active.blue1, .blue1, a:visited.blue1{color:#004c93;} a:hover.black{color:#000;} a:hover.white{color:#fff;} a:hover.orange{color: #f79239;} a.vert, a:hover.vert{ text-decoration:underline;} a.vert, a:hover.vert, a:active.vert, .vert, a:visited.vert{color:#BED630;} .bold {font-weight: bold;} .italic {font-style:italic} .uppercase {text-transform:uppercase} .lowercase {text-transform:lowercase} .capitalize {text-transform: capitalize} .underline {text-decoration:underline} a.over, .over {text-decoration : none;} a:hover.over {text-decoration : underline;} a {text-decoration: underline} a:hover {text-decoration: underline;} .nobold { font-weight: normal !important; } .img { border: 0; margin: 0; padding: 0; } .clear { clear: both; } .center { text-align: center; } /* ------------------------------------------------------------- Autres classes - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .sav{color:#9db319; font-weight:bold; text-decoration:underline;} a:hover.sav{color:#9db319; font-weight:bold; text-decoration:underline;} .title_zone_tem{color:#10aeef; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-stretch:condensed; font-variant:small-caps;} .img_them{position:absolute; bottom:36px; left:7px; margin-top:10px;} .tt_cont{float:left; position:relative; top:-10px; left:0px; width:670px; height:30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:26px; font-weight:normal; color:#6c6c6c; margin:0px; padding:0px;} .tt_contmod2{float:left; position:relative; top:-10px; left:0px; width:684px; height:36px; background-image:url(../images/hom_tt2.gif); background-repeat:no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#87703A;} .tt_1000{float:left; position:relative; top:0px; left:0px; width:257px; height:111px; background-image:url(../images/tt_1000.gif); background-repeat:no-repeat; text-indent: -9000px;} .tt_2000{float:left; position:relative; top:0px; left:0px; width:257px; height:111px; background-image:url(../images/tt_2000.gif); background-repeat:no-repeat; text-indent: -9000px;} .tt_3000{float:left; position:relative; top:0px; left:0px; width:257px; height:111px; background-image:url(../images/tt_3000.gif); background-repeat:no-repeat; text-indent: -9000px;} .tt_4000{float:left; position:relative; top:0px; left:0px; width:257px; height:111px; background-image:url(../images/tt_4000.gif); background-repeat:no-repeat; text-indent: -9000px;} .tt_5000{float:left; position:relative; top:0px; left:0px; width:257px; height:111px; background-image:url(../images/tt_5000.gif); background-repeat:no-repeat; text-indent: -9000px;} .tt_6000{float:left; position:relative; top:0px; left:0px; width:257px; height:111px; background-image:url(../images/tt_6000.gif); background-repeat:no-repeat; text-indent: -9000px;} .tt_7000{float:left; position:relative; top:0px; left:0px; width:257px; height:111px; background-image:url(../images/tt_7000.gif); background-repeat:no-repeat; text-indent: -9000px;} .tt_out1{float:left; position:relative; top:0px; left:0px; width:257px; height:111px; background-image:url(../images/tt_theme_out1.gif); background-repeat:no-repeat; text-indent: -9000px;} .tt_out2{float:left; position:relative; top:0px; left:0px; width:257px; height:111px; background-image:url(../images/tt_theme_out2.gif); background-repeat:no-repeat; text-indent: -9000px;} /*.opacity { opacity: 0.5; -moz-opacity: 0.5; filter: Alpha(opacity=50); }*/