/* ------------------------------------------------------------ */ /* ------------------ LOISNE - THEME du SITE ------------------ */ /* ------------------------------------------------------------ */ /* -------------------------------------- */ /* --------- Styles Generiques ---------- */ html { margin:0; padding:0; height:100%; overflow-x:none; } body { margin: 0 auto; font-family:'Trebuchet MS', Arial, Verdana, Helvetica, FreeSans, sans-serif; text-align:left; color:#663300; font-size:1.0em; background:#ceddeb; } /* fond bleu ciel */ /* -------------------------------------- */ /* ---- Titres Principaux des Pages ----- */ h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; } /* titre page */ h3 { color:#993300; font-size:1.9em; font-variant:small-caps; text-shadow:1px 1px 0.2em #fff; text-align:center; margin:0 auto 15px; font-family:"Hoefler Text", "Times New Roman", Times, serif; font-weight:normal; letter-spacing:0em; } hr { width:100%; clear:both; background:url(../img/img-theme/barre-hr.png) repeat-x; height:4px; border:1px solid transparent; margin:5px auto; padding:0; outline:none; } h4 { color:#993300; font-size:1.3em; font-variant:small-caps; text-shadow:1px 1px 0.2em #fff; margin:5px auto 0; font-family:"Hoefler Text", "Times New Roman", Times, serif; font-weight:normal; letter-spacing:0em; } h5 { color:#993300; font-size:1.15em; font-variant:small-caps; text-shadow:1px 1px 0.2em #fff; margin:5px auto 0; font-family:"Hoefler Text", "Times New Roman", Times, serif; font-weight:normal; letter-spacing:0em; } /* --------- textes --------- */ strong { font-weight:bold; } em { font-style:italic; } acronym { cursor:help; } .bleu { color:#21409A; } /* --------- images - liens --------- */ img { border:none; } a img { border:none; } .bordgris { border:1px solid #A5BAD9; margin: 5px 5px 15px 0; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } a.bordgris { border:1px solid #A5BAD9; margin: 5px 5px 15px 0; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } img.ImageGauche { float:left; padding: 5px 15px 15px 0; } a { text-decoration:none; color:#fff; } a:hover { text-decoration:underline; color:#fff; } a.ableu { text-decoration:none; color:#21409A; } a.ableu:hover { text-decoration:underline; color:#21409A; } /* bleu foncé */ /* --------- table --------- */ table { width:100%; overflow:hidden; margin:0 auto; padding:5px; border-collapse:separate; } table th { background-color:#24499d; text-align:center; color:#fff; font-weight:normal; font-size:0.9em; border:1px solid #999; padding:3px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); } table td { background-color:#fff; font-size:0.9em; border:1px solid #999; padding:8px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); } th { padding:6px 1px; text-align:center; color:#fff; font-size:1em; border:1px solid #ccc; background:#ddd url(../img/img-theme/fond-table-head.jpg); } td { border:1px solid #ccc; padding:1px; text-align:center; font-size:1em; } /* -------------------------------------- */ /* --------- Structure Générale --------- */ /* centrage du fond 2000px */ #bloc-global-centrer { position:relative; margin:0 auto; padding:0; background:url(../img/img-theme/fond-general-top.jpg) top center repeat-x; } /* fond ciel (header) */ /* -------------------------------------- */ /* -------------- HEADER ---------------- */ #bloc-header { width:1020px; height:220px; margin:0 auto; padding:20px 0 0 0; } #header-gauche { width:290px; height:220px; float:left; margin:0 auto; background:url(../img/img-header/header-left-290x220.png) no-repeat; } #header-gauche-logo { width:240px; height:200px; margin:10px auto; padding:0; } #header-gauche-logo:hover { background:url(../img/img-header/header-logo-240x200-hover.png) no-repeat; } #header-gauche-logo a { text-decoration:none; margin:0; padding:0; } #header-gauche-logo a:hover { text-decoration:none; margin:0; padding:0; } #header-gauche-logo img { width:240px; height:200px; margin:0; padding:0; } #header-centre { width:440px; height:220px; float:left; margin:0 auto; } #header-ctr-top { width:440px; height:40px; margin:0 auto; padding:0; background:url(../img/img-header/header-ctr-top-440x40.png) no-repeat; } #header-ctr-titre { width:440px; height:40px; margin:0 auto; padding:0; } #header-ctr-titre:hover { background:url(../img/img-header/header-titre-440x40-hover.png) no-repeat; } #header-ctr-titre h1 { color:#fff; margin:0; padding:0; text-align:center; font-size:24pt; letter-spacing:1px; } #header-ctr-titre img { width:440px; height:40px; margin:0; padding:0; } #header-ctr-titre a { text-decoration:none; margin:0; padding:0; } #header-ctr-titre a:hover { text-decoration:none; margin:0; padding:0; } #header-ctr-ctr { width:440px; height:140px; margin:0 auto; } #header-ctr-btm { width:440px; height:40px; margin:0 auto; background:url(../img/img-header/header-ctr-btm-440x40.png) no-repeat; } #header-ctr-soustitre:hover { background:url(../img/img-header/header-titre-440x40-hover.png) no-repeat; } #header-ctr-soustitre h2 { color:#173690; margin:0; padding:0; text-align:center; font-size:12pt; letter-spacing:1px; } #header-ctr-soustitre img { width:440px; height:40px; margin:0; padding:0; } #header-ctr-soustitre a { text-decoration:none; margin:0; padding:0; } #header-ctr-soustitre a:hover{ text-decoration:none; margin:0; padding:0; } #header-droite { width:290px; height:220px; float:left; margin:0; background:url(../img/img-header/header-right-290x220.png) no-repeat; } #header-menu-droite { width:260px; height:220px; margin:0 auto; text-shadow:1px 1px 0.2em #000033; } #header-menu-droite ul { width:230px; margin:0; padding:25px 0 0 25px; list-style-type:disc; } #header-menu-droite ul li { color:#ccffff; font-size:0.9em; text-align:left; line-height:1.3em; margin:10px 0; letter-spacing:0.5px; } #header-menu-droite ul li a:hover { color:#fff; font-weight:bold; text-decoration:none; letter-spacing:0.3px; } /* -------------------------------------- */ /* ----------- MENU PRINCIPAL ----------- */ #bloc-menu { width:1020px; height:60px; position:relative; clear:both; margin:0 auto; padding:0; background:url(../img/img-menu/menu-all-1020x60.png) no-repeat; } #menu-horizontal { width:1020px; height:40px; position:relative; clear:both; margin:0 auto; padding:0; } /* MENU LAVALAMP */ #nav { width:1020px; height:40px; position:relative; overflow:hidden; margin:0 auto; padding:0 42px; list-style-type:none; list-style-position:outside; } #nav li { float:left; position:relative; margin:0; padding:0; list-style-type:none; list-style:none; letter-spacing:1px; } #nav li a { width:117px; height:45px; font-size:1.0em; display:block; margin:0; padding:4px 0 0 0; text-align:center; text-shadow:1px 1px 0.2em #000033; font-variant:small-caps; text-decoration:none; } #nav li a:first-letter { font-weight:bold; font-size:1.1em; } li.textMenu0 a { color:#ccffff; } li.textMenu0 a:hover { color:#fff; } li.textMenu1 { color:#fff; font-weight:bold; } li.textMenu1 a { color:#fff; } /* special */ #nav li.back { z-index:8; position:absolute; margin:3px 0 0 0; background:url(../img/img-menu/menu-hover-lava.png) right -30px no-repeat; width:40px; height:30px; } #nav li.back .left { height:30px; margin:0; background:url(../img/img-menu/menu-hover-lava.png) top left no-repeat; margin-right:40px; /* 40px is the width of the rounded shape */ } #nav li a { z-index:10; float:left; position:relative; overflow:hidden; display:block; } #nav li a:hover, #nav li a:active, #nav li a:visited { border:none; } /* -------------------------------------- */ /* -------------- CONTENU --------------- */ #contentPageHaut { width:1020px; height:20px; background:url(../img/img-contenu/contenu-sup-1020x30.png) no-repeat; margin:0 auto; padding:0; } #contentPage { width:1020px; background:url(../img/img-contenu/contenu-ctr-1020x150.png) repeat-y; margin:0 auto; padding:0; } /* min-height:500px; */ #contentPageBas { width:1020px; height:45px; background:url(../img/img-contenu/contenu-inf-1020x45.png) no-repeat; margin:0 auto 0; } .containerCol { width:900px; overflow:hidden; margin:15px auto; } /* Lien Retour */ p.LinkRetour { clear:both; margin:5px auto 0; padding:0; } p.LinkRetour a { color:#21409A; font-size:0.95em; padding:10px 0 0 20px; text-align:center; width:85px; margin:30px auto 0 auto; height:25px; background:url(../img/icones/arrow_back.png) 13px 11px no-repeat; background-color:#fff; text-decoration:none; display:block; border:1px solid #CCC; font-weight:bold; } p.LinkRetour a:hover { color:#fff; background-color:#8A8888; } /* -------------------------------------- */ /* --------------- FOOTER --------------- */ #containerliensdivers { clear:both; width:1000px; overflow:hidden; margin:0 auto; } /* ------ Footer - Lien Page Precedente ------ */ #pageprecedente { width:150px; float:left; margin:10px 0 0 50px; } #pageprecedente a { color:#006699; background:url(../img/icones/arrow_back.png) 2px 3px no-repeat; padding:2px 0 0 23px; text-decoration:none; font-size:0.8em; } #pageprecedente a span { font-weight:bold; font-size:1em; } #pageprecedente a:hover { color:#003366; background:url(../img/icones/arrow_back.png) 0px 3px no-repeat; text-decoration:none; } /* ------ Footer - Lien Haut de Page ------ */ #hautdepage { width:150px; float:right; margin:10px 50px 0; text-align:center; } #hautdepage a { color:#006699; background:url(../img/icones/arrow_top.png) 0px 2px no-repeat; padding:0 0 0 18px; float:right; text-decoration:none; font-size:.8em; } #hautdepage a span { font-weight:bold; font-size:1em; } #hautdepage a:hover { color:#003366; background:url(../img/icones/arrow_top.png) 0px 0 no-repeat; text-decoration:none; } /* ----- Footer - Partenaires ------ */ #containerPart { width:1000px; height:150px; text-align:center; margin:0 auto; padding:0; overflow:hidden; } #containerPart a img { margin:0; padding:0; text-decoration:none; } #containerPart img { margin:0; padding:0; text-decoration:none; } #AECCP { float:left; width:185px; height:150px; margin:0; padding:0; } #FFE { float:left; width:215px; height:150px; margin:0; padding:0; } #VERQUIGNEUL { float:left; width:195px; height:150px; margin:0; padding:0; } #BETHUNE { float:left; width:195px; height:150px; margin:0; padding:0; } #REGION-NPdC { float:left; width:210px; height:150px; margin:0; padding:0; } /* ------ Footer - Adresse ------ */ #containerAdresse { margin:0 auto; padding:0; height:55px; } #Adresse { width:1020px; height:55px; text-align:center; margin:0 auto; padding:0; overflow:hidden; text-shadow:1px 1px 0.2em #000033; background:url(../img/img-footer/footer-adresse-1000x60.png) no-repeat; } /* bleu foncé */ #Adresse p { color:#fff; font-size:11pt; text-shadow:1px 1px 0.2em #000033; margin:0; padding:15px 0 0 0; letter-spacing:0.4px; } #Adresse p strong { color:#fff; font-size:15pt; } #Adresse a { color:#fff; text-decoration:none; } #Adresse a:hover { text-decoration:underline; } /* ------ Footer - Copyright ------ */ #containerCopyright { margin:5px auto; padding:5px; width:900px; } #Copyright { color:#555; margin:0; text-align:center; font-weight:normal; font-size:0.8em; } #Copyright a { color:#555; text-decoration:none; } #Copyright a:hover { color:#333; text-decoration:underline; } /* -------------------------------------- */