/* CSS DOCUMENT index.css */ /* ------------------- GENERAL ------------------- */ /* ------------- CLEARFIX HACK ------------- */ .clearfix:after { content: "."; display: block;clear: both;visibility: hidden;line-height: 0;height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block;} * html .clearfix { height: 1%; } /* **** STRUCTURE **** */ * {margin:0; padding:0;} html { font-size:100%; margin:0; padding:0; background:#f1f1f1/* #0f0f10 */ url(../images/commun/bg-html.png) repeat-x 0 0;} body { margin:0; padding:0; color:#242424; font:.8em 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; height:24px; } #global { padding:0; margin:0 auto 0 auto; width:100%; background:transparent url(/images/commun/bg-global.png) center 155px no-repeat; } #header { position:relative; width:960px; height:155px; margin:0px auto 0 auto; background:transparent url(../images/commun/bg-header.png) 0 bottom no-repeat; } #logo { margin:85px 0 0 0px; float:left; width:256px; height:56px; border-bottom:0px solid #a9936c; background:transparent url(../images/commun/logo4.png) 0 0 no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/commun/logo4.png', sizingMethod='crop'); } #content { width:960px; margin:0px auto 0px auto; background:#fff url(/images/commun/bg-content-top.png) 0 0 repeat-x; /* background:transparent url(../images/commun/bg-content.png) 0 0 no-repeat; */ } #content .contentColGlobal { width:100%; } #content .contentColLeft { float:left; width:698px; padding:0 15px 40px 15px; background:#fff url(../images/commun/bg-ccl.png) right 0px repeat-y; } #content .contentColRight { float:right; width:232px; padding:0 0 40px 0; font-size:.9em; border:0; background-color:#f9f9f9;} #content .contentCol1 { float:left; width:210px; display:inline;} #content .contentCol2 { float:left; width:410px; padding:10px; } #content .contentCol3 { float:right; width:240px; padding:10px; background-color:#000; border:1px solid #212224; } #content .contentColA { float:left; width:240px; margin:0 0 0 30px; display:inline;} #content .contentColB { float:left; width:420px; padding:10px; display:inline; } #content .contentColA2 { float:left; width:420px; } #content .contentColB2 { float:left; width:420px; padding:10px; } #footer { width:100%; color:#ccc; margin:0; font:normal normal .9em Verdana, Arial, Helvetica, Sans-serif; background-color:#242424;} #footer ADDRESS { float:left; display:inline; color:#fff; margin:0 0 0 15px; padding-left:30px; font-style:normal; background:url(../images/commun/icones/footer.gif) 0 0px no-repeat; } #footer ADDRESS.icone { width:250px; color:#fff; margin:0 0 0 15px; padding-left:30px; font-style:normal; background:url(../images/commun/icones/footer1.png) 0 0px no-repeat; } #footer #contenuFooter { width:960px; margin:0 auto; } #footer #contenuFooter .col1 { float:left; display:inline; margin-top:20px; width:320px; } #footer #contenuFooter .col2 { float:left; display:inline; margin-top:20px; width:320px; } #footer #contenuFooter .col3 UL { float:left; display:inline; margin:20px 0 0 20px; width:320px; } #footer #contenuFooter .col3 UL LI { margin:0 0 5px 35px;} #menuPrincipal { float:right; width:590px; color:#999; margin:99px 0 0 0; padding:0; font-size:1em; } #menuPrincipal UL { margin:0; padding:0; } #menuPrincipal LI { float:left; margin:10px 0px 0 30px; padding:0; display:inline;} #menuPrincipal LI { float:left; margin:10px 0px 0 30px; padding:0; display:inline;} #menuPrincipal A { color:#a1a195; font-weight:normal; } #menuPrincipal A.on { color:#fff; text-decoration:none;} #menuSecondaire { float:left; display:inline; color:#999; margin:0px 0 45px 0; padding:0 0 0 10px; font-size:1em; background:transparent url(../images/commun/arrow.png) left 12px no-repeat; } #menuSecondaire UL { margin:0; padding:0; } #menuSecondaire UL LI { float:left; margin:10px 0px 0 22px; padding:0 0 0 0; display:inline;} #menuSecondaire UL LI A { color:#cdcdcd; text-decoration:none;} #menuSecondaire UL LI A.on { color:#fff; background-color:#666; padding:2px;} /* **** TYPOS STYLES **** */ .bold { font-weight:bold; } .red { color:#c30009;} .redBold { color:#c30009; font-weight:bold; } .redBold2 { color:#c30009; font-weight:bold; font-size:1.1em;} .blue { color:#0a71b3; } .blueBold { color:#0a71b3; font-weight:bold; } .grey { color:#cccccc; } .greyBold { color:#cccccc; font-weight:bold; } .blackBold { color:#000000; font-weight:bold;} /**/ .iconMail { float:left; display:inline; margin:0 10px 10px 10px; width:53px; height:74px; background:transparent url(../images/commun/icon/icon-mail.png) 0 0 no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/commun/icon/icon-mail.png', sizingMethod='crop'); } .iconPen { float:left; display:inline; margin:0 10px 10px 10px; width:53px; height:74px; background:transparent url(../images/commun/icon/icon-pen.png) 0 0 no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/commun/icon/icon-pen.png', sizingMethod='crop'); } .iconNews { float:left; display:inline; margin:0 10px 10px 10px;width:53px; height:74px; background:transparent url(../images/commun/icon/icon-news.png) 0 0 no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/commun/icon/icon-news.png', sizingMethod='crop'); } /* **** DIVERS **** */ IMG { border:0; } UL { margin:0; padding:0; } UL LI { list-style-type:none; margin:0; padding:0; } UL.square LI { list-style-type:square; margin:0 0 15px 0; padding:0; } FORM { margin:0; padding:0; } INPUT { text-align:left; font-size:1em; } SELECT { font-size:1em; } INPUT.btRadio { vertical-align:-2px;} HR { clear:both; height:1px; border-top:1px solid #dcdcdc; border-bottom:0; margin:10px 0;} .clear { clear:both; height:0px; border:0; margin:0; padding:0; font-size:0px; } .clearSeparator { clear:both; height:10px; border-bottom:1px dashed #666; margin:0 0 10px 0; padding:0; font-size:0px; } .center { text-align:center; } HR { display:block; clear:both; height:1px; margin:-0.5em 0 5px 0; padding:0; font-size:1px; border:0; border-bottom:1px solid #333; } P { padding:0 25px 0 15px; margin:20px 0 10px 0; } .centre { text-align:center; } .floatLeft { float:left; } .floatRight { float:right; } .imgLeft IMG { float:left; margin:0 10px 10px 0; display:inline;} .imgRight IMG { float:right; margin:0 0 10px 10px; display:inline;} EM.normal { font-style:normal; } A { color:#6e90b7; text-decoration:none; font-weight:bold; } A:visited { color:#6e90b7; text-decoration:none; } A:hover { color:#6e90b7; text-decoration:underline; } A.Awhite { color:#fff; text-decoration:none; } A.Awhite:visited { color:#fff; text-decoration:none; } A.Awhite:hover { color:#fff; text-decoration:underline; } A.arrowblue { float:right; display:inline;color:#6e90b7; text-decoration:none; padding:0 12px 0 0; margin-top:20px; background:transparent url(../images/commun/arrow-blue.png) right 4px no-repeat; } A.arrowblue:visited { color:#6e90b7; text-decoration:none; } A.arrowblue:hover { color:#6e90b7; text-decoration:underline; } A.arrowblue2 { float:left; display:inline; color:#6e90b7; text-decoration:none; padding:0 12px 0 0; margin-top:20px; background:transparent url(../images/commun/arrow-blue.png) right 4px no-repeat; } A.arrowblue2:visited { color:#6e90b7; text-decoration:none; } A.arrowblue2:hover { color:#6e90b7; text-decoration:underline; } /* Bouton noir */ A.btBlackGeneric { display:block; color:#CCC; width:105px; height:26px; line-height:24px; text-align:center; background:url(../images/commun/bt-noir-generique.png) top left no-repeat;} A.btBlackSubscribe { display:block; width:105px; height:26px; margin:20px 0 0 150px;line-height:26px; text-align:center; background:url(../images/commun/bt-subscribe.png) top left no-repeat;} A.btBlackSubscribe2 { display:block; width:105px; height:26px; margin:20px 0 0 100px;line-height:26px; text-align:center; background:url(../images/commun/bt-subscribe.png) top left no-repeat;} #btEng { display:block; font-size:.85em; font-weight:bold; text-align:center; float:left; width:68px; height:24px; line-height:20px; background:transparent url(/images/commun/bt-lang-l.png) 0 0 no-repeat; } #btFr { display:block; font-size:.85em; font-weight:bold; text-align:center; float:left; width:68px; height:24px; line-height:20px; background:transparent url(/images/commun/bt-lang-r.png) 0 0 no-repeat; } /* **** SPAN pour *Obligatoire ***** */ SPAN.obligatoire { font:normal .9em Arial, Helvetica, sans-serif; color:#c30009; } SPAN.obligatoireHaut { font:normal 0.8em Arial, Helvetica, sans-serif; color:#c30009;} /* **** PNG TRANSPARENT **** */ .pngImg { color:#fff; position:absolute; top:10px; left:10px; width:200px; height:200px; z-index:500; background:url(images/commun/pngtest.png) top left no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/commun/pngtest.png', sizingMethod='crop'); } .alphaImg { -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); position:absolute; top:210px; left:10px; width:200px; height:200px; z-index:500; color:#000; background-color:#310000; } /* **** TITRES H **** */ /* H1 */ H1 { font:normal 2.4em 'Trebuchet MS', Verdana, sans-serif ; color:#fff; margin:10px 0 5px 0; padding:25px 25px 0px 15px; } H1.H1hm { font:normal 2.4em 'Trebuchet MS', Verdana, sans-serif ; color:#fff; margin:10px 20px 5px 0; padding:25px 15px 0px 15px; background:transparent url(../images/helicopter-magazine/hm-logo.png) right 22px no-repeat; } H1.H1uj { font:normal 2.4em 'Trebuchet MS', Verdana, sans-serif ; color:#fff; margin:10px 0 5px 0; padding:25px 15px 0px 15px; background:transparent url(../images/ultimate-jet/uj-logo.png) right center no-repeat; } /* H2 */ H2 { font:normal normal 1.1em 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; color:#ccc; margin:0 0 35px 0; padding:0; } H2.headerTitle { font:normal normal 1.35em 'Trebuchet MS', Verdana, sans-serif; color:#999; margin:0 0 35px 0; padding:0px 15px 0px 15px; } H2.colTitle { font:normal normal 1.1em 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; color:#aa6708; margin:0 0 35px 0; padding:0; } H2.inCol { font:normal normal 1.8em 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; color:#93a354; margin:0 0 35px 0; padding:0; } H3 { text-align:center; color:#6c6c60; margin:0; padding:0; } H4 { margin:0; padding:0; font:bold 1em Arial, Helvetica, Verdana, Sans-serif; color:#525252; } /*Pub top*/ .rrPub { position:absolute; top:0; left:0; width:100%; padding:0px 0; margin:5px 0 0px 0; text-align:center; } .rrPub A { display:inline-block; width:468px; height:60px; border:1px solid #353535; text-decoration:none;background:transparent url(/images/pub/rr_468x60.jpg) center center no-repeat; } .rrPub A:hover { border:1px solid #454545; } /* -------------------------------------------- Colonne de droite : pubs et encarts -------------------------------------------- */ A#pubCessna { display:block; width:200px; height:125px; margin:0 auto 15px auto; background:transparent url(/images/pub/cessna200x125.jpg) 0 0 no-repeat; } A#pubRR { display:block; width:200px; height:125px; margin:0 auto 15px auto; background:transparent url(/images/pub/rollsroyce200x125.gif) 0 0 no-repeat; } A#boxSubscribe { display:block; width:232px; height:118px; margin:0 auto 15px auto; background:transparent url(/images/commun/box-subscribe.png) 0 0 no-repeat; } A#pubCessna:hover, A#pubRR:hover, A#boxSubscribe:hover { text-decoration:none; } .pubObjet{ margin:0 0 5px 0; text-align:center; } .pubIMG A{ display:block; margin:0 auto 5px auto; width:200px; height:125px; text-decoration:none; } A#rr { background:transparent url(/images/pub/rollsroyce200x125.gif) 0 0 no-repeat; } A.helico { float:left; display:block; width:198px; height:365px; background:transparent url(../images/commun/helico.png) 0 0 no-repeat; } A.helico:hover { background:transparent url(../images/commun/helico.png) 0 0 no-repeat;} A.ultimate { float:left; margin-left:20px; display:block; width:198px; height:378px; background:transparent url(../images/commun/ultimate.png) 0 0 no-repeat; } A.ultimate:hover { background:transparent url(../images/commun/ultimate.png) 0 0 no-repeat; } P.grisclair { color:#a4a4a4; margin:20px 0 10px 0; text-align:justify; } P.grisfonce { color:#6c6c6c; margin:20px 0 10px 0; text-align:justify; } /* boite en bas de la page d'accueil : 3 colonnes */ .colLeft { height:250px; border-top:0px solid #2b2d30; float:left; display:inline;margin-top:0px; width:33%; background:transparent;} .colMid { height:250px; border-top:0px solid #2b2d30; float:left;display:inline; margin-top:0px; width:33%; background:transparent; } .colRight { height:250px; border-top:10x solid #2b2d30; float:left; display:inline;margin-top:0px; width:33%; } .colLeft P, .colMid P, .colRight P { padding:0 20px 20px 20px; font-size:.95em; } .colLeft IMG, .colMid IMG,.colRight IMG { float:left; margin:0 20px 20px 20px; display:inline;} .colLeft H2, .colRight H2, .colMid H2 { color:#aa6708; padding:10px 0 0 20px ; } /* boite en bas de la page d'accueil : 2 colonnes */ .colLeft2 { height:250px; width:430px; border-top:medium double #2b2d30; float:left; margin-top:20px; padding-right:20px; background:transparent url(../images/commun/bg-col.png) right 0 no-repeat;} .colRight2 { height:250px; width:430px; border-top:medium double #2b2d30; float:left; margin-top:20px; padding-right:20px; } .colLeft2 P, .colRight2 P { padding:0 10px 10px 10px; font-size:.95em; } .colLeft2 IMG, .colRight2 IMG { float:left; margin:0 10px 10px 10px; display:inline;} .colLeft2 H2, .colRight2 H2 { color:#aa6708; padding:10px 0 0 10px ; } /* Formulaire */ #arboNewsletter #formulaire, #arboSubscription #formulaire { float:left; margin:45px 0px 0 50px; padding:0; width:450px; display:inline;} #arboNewsletter #formulaire { border:0; margin:0; padding:0; width:60%;} #arboNewsletter #formulaire .contentColLeft { float:left; border-right:1px solid #2b2d30; width:50%; margin-top:20px; margin-right:20px; display:inline;} #arboNewsletter #formulaire .contentColRight { float:left; border:0; width:45%; margin-top:20px; margin-right:20px; display:inline; } #arboNewsletter #formulaire .contentColLeft label , .contentColRight label { width:200px; float:left; } #arboNewsletter #formulaire .contentColLeft input, .contentColRight input { margin-bottom:5px; width:195px; } #arboNewsletter #formulaire .contentColLeft select, .contentColRight select { margin-bottom:5px; } #arboNewsletter #news { margin:15px 0 0 0; padding:5px;} #arboNewsletter #news input { margin:15px 0 0 0; padding:5px;} #arboNewsletter #formulaire label, #arboSubscription #formulaire label { width:200px; float:left; } #arboNewsletter #formulaire input, #arboSubscription #formulaire input { margin-bottom:5px; } #arboNewsletter #formulaire select, #arboSubscription #formulaire select { margin-bottom:5px; } #arboNewsletter #news, #arboSubscription #news { width:60%; margin:15px 0 0 0; padding:5px;} #arboNewsletter #news input, #arboSubscription #news input { margin:15px 0 0 0; padding:5px;} #arboNewsletter P.intro, #arboSubscription P.intro { width:750px; } #arboNewsletter #required, #arboSubscription #required { font-style:italic; font-size:0.85em;} #arboNewsletter #image { width:188px; float:left; margin:20px 0 0 10px; display:inline;} .selectCountry { width:176px ; overflow:auto;} A.btSend { display:block; width:105px; height:26px; margin:20px 0 0 170px; line-height:26px; text-align:center; background:url(../images/commun/bt-send.png) top left no-repeat;} #arboNewsletter #required { font-style:italic; font-size:0.85em;} .petit { font-size:0.7em; margin-top:10px;} #arboUltimate UL.liens { font-size:1.5em; padding-top:25px;} #arboUltimate UL.liens LI { margin:0px 0px 20px 0; } #arboUltimate UL.liens A { color:#fff;} #arboUltimate A.couvUltimate { margin:15px 15px 0 20px; padding-right:50px; float:left; display:block; width:198px; height:378px; background:transparent url(../images/commun/ultimate.png) 0 0 no-repeat; } #arboUltimate A.couvUltimate:hover { background:transparent url(../images/commun/ultimate-hover.png) 0 0 no-repeat; } #arboHelico UL.liens { font-size:1.5em; padding-top:25px;} #arboHelico UL.liens LI { margin:0px 0px 20px 0; } #arboHelico UL.liens A { color:#fff;} #arboHelico A.couvHelico { margin:15px 15px 0 20px; padding-right:50px; float:left; display:block; width:198px; height:378px; background:transparent url(../images/commun/helico.png) 0 0 no-repeat; } #arboHelico A.couvHelico:hover { background:transparent url(../images/commun/helico-hover.png) 0 0 no-repeat; } /* Image Gallery */ #simplegallery1 { position:relative; visibility:hidden; background-color:#141516; } /* Affichage flash infos */ .news { padding:25px; width:850px; border-top:1px solid #333; } .news IMG { float:left; margin:0 20px 20px 0; border:1px solid #333; padding:5px; display:inline; } .news P { float:right; width:75%; } /* preceding issues */ .containerIssues { background-color:#212223; padding:0 20px; border-top:1px dotted #313334; border-bottom:1px dotted #313334; } .issue { float:left; width:140px; margin:10px; display:inline;} .issue .imgCover { width:120px; height:193px; background:transparent url(../images/commun/reflet-l-180px.png) 0px 0 no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/commun/reflet-l-180px.png', sizingMethod='crop'); } .issue P { color:#d0e1e9; } /* Formulaire subscription */ #arboSubscription #subscription { float:left; margin-top:10px; } #arboSubscription #subscription input.subscription { } #arboSubscription #subscription label { float:left; width:100px;} #arboSubscription .image { float:left; margin-top:50px;} /*contact*/ .globalContact { width:100%; height:350px; padding-top:50px; background:transparent url(/images/commun/worldmap.png) center center no-repeat;} .globalContact P, .globalContact ADDRESS { margin:0 0 0 100px;} /*Events*/ UL.eventList LI { margin:0 0 10px 0; list-style-type:square; list-style-position:insi