* {margin:0; padding:0;} body {background:url(images/fond-body.gif);text-align:center;color:black;} table, div, input, body, textarea, select {font: 12px Arial Narrow, Arial, sans-serif;} a {text-decoration:none;} a img {border:none;} hr {display:none;} /* SOMMAIRE 1. Structure 1.1 Menu 1.2 Colonne de gauche 1.3 Contenu 1.4 Pied de page 2. */ /*------------ 1. STRUCTURE */ #bando, #blocmenu, #central {width:1014px;margin:0 auto;border-right:2px solid #CCCEAC;} #bando {background:url(images/logo.jpg) no-repeat;height:125px;text-align:right;padding:5px 0 0 0;} #bando img {vertical-align:middle;} /*------- 1.1 Le menu */ #langues {width:124px;text-align:center;padding:15px 0 0 0;} #blocmenu {background:url(images/fond-menu.jpg) no-repeat right top #C6D000;height:46px;text-align:left;position:relative;} #menu {position: absolute;top:5px;right:22px;z-index:500;width:856px;} #menu dl {float: left;width: 105px;margin:0 2px 0 0;} #menu dt {cursor:default;text-align: center;padding:4px 0 0 0;font-size:1.4em;} #menu ul, dt, dd, dl {list-style-type: none;} #menu ul {padding:12px 0 0 0;} #menu dt a {color:#000;display:block;height:100%;} #menu li a {color:#000;display:block;height:100%;padding:5px 0 5px 4px;font-size:1.1em;border-width:1px;border-style: solid;border-color: #EBEDEE #707378 #707378 #707378;} #menu li a:hover {background:#d0d73d;} #menu dt a:hover {color:#B95316;} #smenu1 {background:url(images/menu/ssmenu1-haut.gif) no-repeat;} #smenu1 li a {background:url(images/menu/ssmenu1-fond.gif) repeat-x left bottom #AFB4BC;} #smenu2 {background:url(images/menu/ssmenu2-haut.gif) no-repeat;} #smenu2 li a {background:url(images/menu/ssmenu2-fond.gif) repeat-x left bottom #b7bdc3;} #smenu3 {background:url(images/menu/ssmenu3-haut.gif) no-repeat;} #smenu3 li a {background:url(images/menu/ssmenu3-fond.gif) repeat-x left bottom #bec2c7;} #smenu4 {background:url(images/menu/ssmenu4-haut.gif) no-repeat;} #smenu4 li a {background:url(images/menu/ssmenu4-fond.gif) repeat-x left bottom #c4c7cb;} #smenu5 {background:url(images/menu/ssmenu5-haut.gif) no-repeat;} #smenu5 li a {background:url(images/menu/ssmenu5-fond.gif) repeat-x left bottom #cbced0;} #smenu6 {background:url(images/menu/ssmenu6-haut.gif) no-repeat;} #smenu6 li a {background:url(images/menu/ssmenu6-fond.gif) repeat-x left bottom #d1d4d4;} #central {background:url(images/fond-central.jpg) right top;text-align:left;} /*------- 1.2 Colonne de gauche */ #gauche {width:128px;} #gauche a, .bla .liresuite a {color:#000;} #gauche a:hover, .bla .liresuite a:hover {color:#006AB1;} #contact {display:block;background:url(images/bt_contact.jpg) no-repeat right top;width:124px;height:28px;text-align:center;font-size:1.4em;padding:5px 0 0 0;} #recherche {background:url(images/recherche-haut.jpg) no-repeat;padding:5px 0 0 0;margin:10px 0;text-align:center;width:124px;} #recherche form {background:url(images/recherche-bas.jpg) no-repeat left bottom;padding:0 0 10px 0;} #recherche form input {border:2px solid #CDCDCD;} #gauche .titre {font-size:1.4em;} #telechargement {display:block;background:url(images/bt_telechargement.gif) no-repeat right top;width:120px;height:34px;font-size:1.4em;padding:8px 0 0 4px;} #gauche .boutonok {border:1px solid #6B6B6B;background:#6B6B6B;color:#fff;font-size:0.9em;} #clientref {background:url(images/client-haut.jpg) no-repeat;padding:10px 0 0 0;margin:10px 0;width:124px;text-align:center;} #clientref form {background:url(images/client-bas.jpg) no-repeat left bottom;padding:0 8px 5px 2px;} #clientref form input {border:2px solid #AFB54B;} #clientref a {color:#006AB1;} #clientref .commentaire {text-align:justify;line-height:9px;font-size:0.8em;margin:0 5px 10px 6px;clear:left;} #moteur, #pass, #pass2 {float:left;width:80px;margin:0 0 0 5px;display:inline;} #login, #login2 {width:100px;} /*------- 1.3 Contenu */ #contenu {float:right;width:850px;margin:10px 20px 0 0;display:inline;} #contenu h2 {height:36px;background:url(images/fond-h2.gif);padding:12px 0 0 35px;font-size:1.8em;font-weight:normal;} .bla {background:#fff;border-width:0 2px 2px 2px;border-style:solid;border-color:#90A50C;padding:15px;font-size:1.1em; height:500px; overflow-y:auto;overflow-x:hidden;width:816px;} .bla .image {background:url(images/fond-coinblanc.gif) no-repeat #EAEDF0;padding:8px;margin:0 0 10px 0;} .bla .imagedl img { border:solid 2px #D4DAE1;} .bla .btZoom {display:block;width:66px;height:23px;background:url(images/fond-zoom.gif) #D4DAE1;margin:5px 0;} .bla .bloctxt {margin:0 0 0 150px;font-size:1em;} .bla h3 {font-weight:normal;font-size:1.5em;} .bla p {margin:0 0 10px 0;text-align:justify;} .bla td {padding:0 10px 0 0;font-size:1.1em;} .bla ul {margin:0 0 0 25px;} .bla .liens { margin:5px 0 10px 0;border-style:solid;border-width:5px 0;border-color:#D4DAE1;padding:2px 0 5px 0;} .bla .liens p { text-align:center;margin:0;font-size:1.2em; color:#91A40E;} .bla .liens a {color:#91A40E;} .bla .liens a:hover {color:#C6C6C8;} .bla .liresuite {text-align:right;margin:20px 0 0 0;font-weight:bold;} .bla ol{ padding:0 0 0 10px;} /* Gestion des couleurs pour les h2 et fond d'images */ /* .limit .image {background-color:#999999;} */ .limit {color:#999999;} /*#actu #contenu h2 {background:url(images/fond-h2-actu.gif);} #entr #contenu h2 {background:url(images/fond-h2-entr.gif);} #entr .bla .image, .entr .image, #entr .btZoom, .entr .btZoom {background-color:#F08C3E;} #entr .bla .liens {border-color:#F08C3E;} #inge #contenu h2 {background:url(images/fond-h2-inge.gif);} #inge .bla .image, .inge .image, #inge .btZoom, .inge .btZoom {background-color:#F49E12;} #inge .bla .liens {border-color:#F49E12;} #proc #contenu h2 {background:url(images/fond-h2-proc.gif);} #proc .bla .image, .proc .image, #proc .btZoom, .proc .btZoom {background-color:#F1B211;} #proc .bla .liens {border-color:#F1B211;} #mach #contenu h2 {background:url(images/fond-h2-mach.gif);} #mach .bla .image, .mach .image, #mach .btZoom, .mach .btZoom {background-color:#ECC011;} #mach .bla .liens {border-color:#ECC011;} #sav #contenu h2 {background:url(images/fond-h2-sav.gif);} #sav .bla .image, .sav .image, #sav .btZoom, .sav .btZoom {background-color:#E8D312;} #sav .bla .liens {border-color:#E8D312;} #acti #contenu h2 {background:url(images/fond-h2-acti.gif);} #acti .bla .image, .acti .image, #acti .btZoom, .acti .btZoom {background-color:#EBE111;} #acti .bla .liens {border-color:#EBE111;} #fJaune #contenu h2 {background:url(images/fond-h2-fJaune.gif);} #fJaune .bla .liens {border-color:#FFEC00;}*/ /*------- 1.4 Pied de page */ #pied {clear:both;font-size:1.4em;} #pied a {display:block;width:128px;background:#91A40D;color:#000;text-align:center;height:24px;padding:1px 0 0 0;} #pied a:hover {background:#EA5F1A;} /*------------ 2. ACCUEIL */ #edito {float:left;width:455px;display:inline;margin:0 15px 0 0;} #edito h2 {background:url(images/fond-h2-edito.gif);} #edito .bla {width:421px;} #edito .bla .image {background-color:#ECECEE;} #actulst {float:left;width:380px;display:inline;} #actulst h2 {background:url(images/fond-h2-actulst.gif);} #actulst .bla {border-color:#009DDF;width:346px;} #touteactu {display:block;background:#ECECED;text-align:center;font-weight:bold;color:#0085CA;padding:5px 0;font-size:1.1em;} #touteactu:hover {background:#0085CA;color:#ECECED;} /*------------ 3. FORMULAIRES CONTACT */ #formContact {width:600px;margin:0 auto;} #formContact h3 {text-align:center;font-weight:bold;color:#868889;} #formContact td {padding:2px;} #formContact td input {width:100%;margin:0 2px 0 0;border:1px solid #7F7F7F;font-size:1em;} #formContact select {font-size:1em;} #formContact label span {font-size:1.2em;} #formContact span {color:red;} #formContact #CON_commentaires {width:100%;margin:0 2px 0 0;border:1px solid #7F7F7F;font-size:1em;overflow:auto;height:75px;} #formContact .pBouton {text-align:center;} #formContact .pBouton input {padding:4px 25px;background:#9A9A9A;font-size:1em;font-weight:bold;} #imgAcces {width:790px;margin:0 auto 10px auto;} .therecherche{ font-size:21px; }