/* ### CSS DE - ### */ /* ###################################################################### */ /* ################## GENERAL ################## */ body { margin: 0; padding: 0; text-align: center; background: #FFC30B; color: #004C93; } body, td { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; } td {color: #004C93;} img {border:0; margin:0; padding:0 } * { outline: none; } p { margin: 0 0 5px 0; padding: 0; } a { color:#004C93; text-decoration:underline; } a:hover { text-decoration: underline; } div{margin:0; padding:0; } /* ################## POSITIONNEMENT TEXTE + DIV ################## */ .z_10{z-index:10;} .z_20{z-index:20;} .z_30{z-index:30;} .z_40{z-index:40;} .z_50{z-index:50;} .z_60{z-index:60;} .z_70{z-index:70;} .z_80{z-index:80;} .z_90{z-index:90;} .z_100{z-index:100;} /* ################## DATE ################## */ .date{color:#D2AFA9;; font-size:9px;} /* ################## H1 H2 H3 H4 H5 H6 ################## */ h1, h2, h3, h4, h5, h6{padding:0px; margin:0px; font-weight:normal;} h1 strong, h2 strong, h3 strong{text-indent:-9000px;} /* ################## TAILLE DES 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;} .s24 {font-size: 24px;} .s26 {font-size: 26px;} .s30 {font-size: 30px;} /* ################## LIENS ################## */ /*a {text-decoration: underline} a:hover {text-decoration: underline;} */ /* ################## PROPRIETES DE TEXTE ################## */ .bold {font-weight: bold;} .nobold { font-weight: normal !important; } .italic {font-style:italic} .uppercase {text-transform:uppercase} .lowercase {text-transform:lowercase} .capitalize {text-transform: capitalize} .underline {text-decoration:underline} .no-underline {text-decoration:none} .clear { clear: both; } .center { text-align: center; } *{outline:0;} /* ################## PROPRIETES DE BLOCKS ################## */ .marg_0{margin:0} .padd_0{padding:0} /* ------------------------------------------------------------- NE PAS TOUCHER - CSS GENERALES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ------------------------------------------------------------- PROPRIETES A CHANGER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ################## COULEURS TEXTE ################## */ .greenb, a.greenb, a:hover.greenb, a:active.greenb, a:visited.greenb{color:#3e5f5f;} .bluegreen, a.bluegreen, a:hover.bluegreen, a:active.bluegreen, a:visited.bluegreen{color:#57817D;} .greenC, a.greenC, a:hover.greenC, a:active.greenC, a:visited.greenC{color:#8ea311;} .orangeF, a.orangeF, a:hover.orangeF, a:active.orangeF, a:visited.orangeF{color:#FA5200;} .black, a.black, a:hover.black, a:active.black, a:visited.black{color:#000000;} .white, a.white, a:hover.white, a:active.white, a:visited.white{color:#ffffff;} .grey1, a.grey1, a:hover.grey1, a:active.grey1, a:visited.grey1{color:#464227;} .mauve, a.mauve, a:hover.mauve, a:active.mauve, a:visited.mauve{color:#AF6968;} .blueF4, a.blueF4, a:hover.blueF4, a:active.blueF4, a:visited.blueF4{color:#063E7C;} .blueF5, a.blueF5, a:hover.blueF5, a:active.blueF5, a:visited.blueF5{color:#2D4674;} .blueF6, a.blueF6, a:hover.blueF6, a:active.blueF6, a:visited.blueF6{color:#004C93;} .blueC, a.blueC, a:hover.blueC, a:active.blueC, a:visited.blueC{color:#0071AE;} .blueC2, a.blueC2, a:hover.blueC2, a:active.blueC2, a:visited.blueC2{color:#258FC9;} .red, a.red, a:hover.red, a:active.red, a:visited.red{color:#FF0000;} .yellow, a.yellow, a:hover.yellow, a:active.yellow, a:visited.yellow{color:#D5E01D;} .yellow2, a.yellow2, a:hover.yellow2, a:active.yellow2, a:visited.yellow2{color:#E0FF0F;} .orange, a.orange, a:hover.orange, a:active.orange, a:visited.orange{color:#FF6600;} /* ############### MENU ################ */ /* ############### MENU PRIME ################ */ #mn_prime {bottom:0px; position: absolute; display:block; width:926px; height:25px; left:16px; margin:0px; padding:0px;} #mn_prime ul{list-style:none; top:0px; right:0px; text-align:left; margin: 0px; padding:0px;} #mn_prime li {float: left; position:relative; top:0px; height: 25px; margin: 0px; padding:0px; text-indent:-9000px;} #mn_prime a {display: block; height: 25px;} #mn_prime li a:link, #mn_prime li a:visited {color: #ffffff; text-decoration: none; font-variant: small-caps; font-weight: bold;} #mn_prime a:hover, #mn_prime a.select{background-position: 0 -25px; } .mn_00, .mn_01, .mn_02, .mn_03, .mn_04, .mn_05, .mn_06{float: left; display: block; position:relative; top:0px; height: 24px; margin:0px; padding:0px;} .mn_00, .mn_00 a {background: url(../images/mn00.png) no-repeat; width: 68px;} .mn_01, .mn_01 a {background: url(../images/mn01.png) no-repeat; width: 89px;} .mn_02, .mn_02 a {background: url(../images/mn02.png) no-repeat; width: 158px;} .mn_03, .mn_03 a {background: url(../images/mn03.png) no-repeat; width: 207px;} .mn_04, .mn_04 a {background: url(../images/mn04.png) no-repeat; width: 116px;} .mn_05, .mn_05 a {background: url(../images/mn05.png) no-repeat; width: 195px;} .mn_06, .mn_06 a {background: url(../images/mn06.png) no-repeat; width: 93px;} /* ############### MENU PRIME ################ */ /* ############### FLAGS ################ */ #flags{display: block; float:left; height:15px; left:55px; margin: 0; padding:0; position: absolute; text-align: right; bottom:0px; width:65px;} #flags ul{margin:0; padding:0; list-style:none;} #flags li{float:right; height:13px; margin:0 3px; padding:0; width:18px; text-align:center;} #flags strong{display:block; font-variant: small-caps; font-weight:bold; position:relative; text-indent:-9000px;} #flags a {display:block;text-decoration: none; line-height:11px; height:11px;font-size:1px; border:1px solid transparent;} #flags a:hover{border:1px solid #ffffff;} #flags .select{border:1px solid #ffffff;} #flags .opacit_flag{ filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } #flags a:hover .opacit_flag{ filter: alpha(opacity=100); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } /* ############### FLAGS ################ */ * html img, * html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blanc.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); }