body { margin:0px; font:normal 12px arial,sans-serif; color:#003C87; } #titreBandeau{ position:absolute;color:#ffffff;z-index:1;display:block;margin-left:33px;top:0;margin-top:145px;} #titreBandeau h1{ font-size:12px} /* ENTETE */ #banniere { height:188px; background: transparent url(../images/header-bg.jpg) repeat-x scroll center bottom; text-align:center;background-color:#1D3A86; } #banniere object { width:1000px; height:156px; margin:0px auto; } #conteneur { width:1000px; margin:0px auto; font-family:arial,sans-serif; } #entete { width:1000px; height:25px; margin:0px 0px 10px 0px; position:relative; top:-11px; } #horloge { float:right; color:white; font-size:10px; position:relative; margin-right:17px; top:-14px; } #contact { width:140px; height:18px; display:inline-block; margin-left:30px; padding-top:2px; padding-left:10px; font-weight:bold; } #contact:link,#contact:visited { color:#003C87; background:transparent url(../images/fond-contact.png) no-repeat scroll center center; } #contact:hover,#contact:active { color:#808080; background:transparent url(../images/fond-contact-sv.png) no-repeat scroll center center; } .invisible { visibility:hidden; } #menu-entete { width:1000px; height:25px; margin:0px; padding:0px; list-style-type:none; } #menu-entete li { height:25px; display:inline; border:none; vertical-align:top; } #menu-entete li a { height:23px; display:inline-block; margin-left:36px; padding-top:2px; color:white; font-size:12px; font-weight:normal; text-decoration:none; } #menu-entete li a#contact { width:140px; height:18px; padding-top:2px; padding-left:10px; font-weight:bold; } #menu-entete li a.accueil { width:70px; padding-right:10px; text-align:right; } #menu-entete li a.accueil:link,#menu-entete li a.accueil:visited { background:transparent url(../images/bouton-menu-accueil.png) no-repeat scroll center center; } #menu-entete li a.accueil:hover,#menu-entete li a.accueil:active { background:transparent url(../images/bouton-menu-accueil-sv.png) no-repeat scroll center center; } #menu-entete li a.deconnexion { width:114px; padding-right:10px; text-align:right; } #menu-entete li a.deconnexion:link,#menu-entete li a.deconnexion:visited { background:transparent url(../images/bouton-menu-deconnexion.png) no-repeat scroll center center; } #menu-entete li a.deconnexion:hover,#menu-entete li a.deconnexion:active { background:transparent url(../images/bouton-menu-deconnexion-sv.png) no-repeat scroll center center; } #menu-entete li a.normal { width:124px; text-align:center; } #menu-entete li a.normal:link,#menu-entete li a.normal:visited { background:transparent url(../images/bouton-menu.png) no-repeat scroll center center; } #menu-entete li a.normal:hover,#menu-entete li a.normal:active { background:transparent url(../images/bouton-menu-sv.png) no-repeat scroll center center; } /* CORPS */ #corps-index { width:1000px; height:430px; /*margin-top:30px;*/ } #corps { width:1000px; height:400px; /*margin-top:30px;*/ } /* bloc gauche */ #bloc-gauche { width:200px; height:363px; display:inline; float:left; background:transparent url(../images/fond-bloc-gauche.jpg) no-repeat scroll 0 0; margin-left:30px; } #bloc-gauche h1 { width:200px; margin:10px 0px 0px 0px; color:#003C87; font-size:14px; text-align:center; } #bloc-gauche #connexion { width:170px; height:64px; background:transparent url(../images/fond-bloc-connexion.png) no-repeat scroll 0 0; margin:30px 10px 0px 10px; padding:5px; } #bloc-gauche #connexion #login { width:180px; height:17px; margin-bottom:2px; } #bloc-gauche #connexion #motdepasse { width:180px; height:17px; margin-bottom:8px; } #bloc-gauche #connexion label { width:86px; display:inline-block; border:none; color:white; font-size:10px; } #bloc-gauche #connexion input.saisie { margin:0px; color:#808080; font-size:11px; padding:0px; } #bloc-gauche #connexion #login div { width:77px; height:17px; display:inline; background:transparent url(../images/input-text-login.jpg) no-repeat scroll 0px 0px; } #bloc-gauche #connexion #login input.saisie { width:72px; height:17px; display:inline-block; border:none; background-color:transparent; position:relative; top:-2px; padding-left:5px; } #bloc-gauche #connexion #motdepasse div { width:77px; height:17px; display:inline; background:transparent url(../images/input-text-motdepasse.png) no-repeat scroll 0px 0px; } #bloc-gauche #connexion #motdepasse input.saisie { width:52px; height:17px; display:inline-block; border:none; background-color:transparent; position:relative; top:-2px; padding-left:5px; } #bloc-gauche #connexion #motdepasse input.validation { width:20px; height:17px; display:inline-block; border:none; background-color:transparent; padding:0px 0px 0px 0px; color:#003C87; font-size:12px; text-align:center; } #bloc-gauche #connexion p { margin:5px 0px 0px 0px; color:white; font-size:9px; font-style:italic; } #bloc-gauche #telephone { width:150px; height:22px; background:transparent url(../images/fond-bloc-numtel.png) no-repeat scroll center center; margin-left:25px; margin-right:25px; padding-top:3px; color:white; font-size:15px; font-weight:bold; text-align:center; } * html #bloc-gauche #telephone { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/fond-bloc-numtel.png',sizingMethod='crop'); } #bloc-gauche div.mt30 { margin-top:30px; } #bloc-gauche div.mt10 { margin-top:10px; } #bloc-gauche #liens { margin:15px 0px 0px 10px; } #bloc-gauche #liens a { width:170px; display:block; background:transparent url(../images/fleche-grise-menu.png) no-repeat scroll top left; padding-left:10px; padding-bottom:5px; color:#808080; font-size:12px; } * html #bloc-gauche #liens a { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/fleche-grise-menu.png',sizingMethod='crop'); } #bloc-gauche #liens a:link,#bloc-gauche #liens a:visited { text-decoration:none; } #bloc-gauche #liens a:hover,#bloc-gauche #liens a:active { text-decoration:underline; } #bloc-gauche #coordonnes { margin:15px 10px 0px 10px; color:#003C87; font-size:10px; text-align:center; line-height:14px; } #bloc-gauche #plan { width:124px; height:23px; display:block; border:none; background:transparent url(../images/bouton-menu.png) no-repeat scroll center center; margin:15px auto 0px auto; padding-top:2px; text-align:center; color:white; font-size:12px; font-weight:normal; text-decoration:none; } #bloc-gauche #plan:link,#bloc-gauche #plan:visited { background:transparent url(../images/bouton-menu.png) no-repeat scroll center center; } #bloc-gauche #plan:hover,#bloc-gauche #plan:active{ background:transparent url(../images/bouton-menu-sv.png) no-repeat scroll center center; } * html #bloc-gauche #plan:link,* html #bloc-gauche #plan:visited { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/bouton-menu.png',sizingMethod='crop'); } * html #bloc-gauche #plan:hover,* html #bloc-gauche #plan:active { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/bouton-menu-sv.png',sizingMethod='crop'); } #bloc-gauche #menu-gauche { width:200px; margin:30px 10px 0px 10px; height:280px; overflow:auto; } #bloc-gauche #menu-gauche a.actif { width:150px; display:block; background:transparent url(../images/fleche-bleue-menu.png) no-repeat scroll top left; padding-left:10px; padding-bottom:5px; color:#003C87; font-size:12px; } #bloc-gauche #menu-gauche a.passif { width:150px; display:block; background:transparent url(../images/fleche-grise-menu.png) no-repeat scroll top left; padding-left:10px; padding-bottom:5px; color:#808080; font-size:12px; } #bloc-gauche #menu-gauche a:link,#bloc-gauche #menu-gauche a:visited { text-decoration:none; } #bloc-gauche #menu-gauche a:hover,#bloc-gauche #menu-gauche a:active { text-decoration:underline; } #bloc-gauche #menu-gauche a.rubrique,#bloc-gauche #menu-gauche a.sousrubrique { display:block; font-size:12px; } #bloc-gauche #menu-gauche a.rubrique { width:170px;padding-bottom:5px; padding-left:10px; font-weight:bold; } #bloc-gauche #menu-gauche a.sousrubrique { display:block; width:160px; background-position:10px 4px; padding-left:20px; } #bloc-gauche #menu-gauche a.normal { color:#808080; } #bloc-gauche #menu-gauche a.selection { color:#003C87; } #bloc-gauche #menu-gauche a.rubrique-normal { background:transparent url(../images/fleche-grise-menu.png) no-repeat scroll top left; } #bloc-gauche #menu-gauche a.rubrique-selection { background:transparent url(../images/fleche-bleue-menu.png) no-repeat scroll top left; } #bloc-gauche #menu-gauche a.sousrubrique-normal { background:transparent url(../images/fleche-grise-sousmenu.png) no-repeat scroll top left; } #bloc-gauche #menu-gauche a.sousrubrique-selection { background:transparent url(../images/fleche-bleue-sousmenu.png) no-repeat scroll top left; } #bloc-gauche #menu-gauche a.visible { visibility:visible; padding-bottom:5px; } #bloc-gauche #menu-gauche a.invisible { height:0px; visibility:hidden; padding-bottom:0px; font-size:0px; } /* bloc milieu */ #milieu-accueil{display:inline; float:left;width:630px;height:430px;} #milieu-accueil #description {margin-left:27px;width:585px;overflow:auto;text-align:justify;font-size:11px;} #milieu-accueil a:link, #milieu-accueil a:visited{color:#003C87;text-decoration:none;font-weight:bold;} #milieu-accueil #description p{margin-top:0px;} #milieu-accueil #description ul{margin-top:0px;margin-bottom:25px;} #bloc-milieu { width:585px; height:250px; display:inline; float:left; background:transparent url(../images/fond-bloc-milieu.jpg) no-repeat scroll top left; margin-left:27px; } #bloc-milieu h1 { width:585px; margin:10px 0px 0px 0px; color:#003C87; font-size:14px; text-align:center; } #bloc-milieu p.description { width:545px; height:85px; overflow:auto; margin:10px 15px 10px 20px; padding-right:5px; color:#808080; font-size:12px; text-align:justify; } #bloc-milieu #realisations { width:585px; height:180px;margin-top:30px; } #bloc-milieu #realisations div.realisation { width:163px; display:inline; float:left; margin-left:24px; } #bloc-milieu #realisations div.realisation h3 { width:163px; margin:0px; color:#003C87; font-size:12px; font-weight:bold; } #bloc-milieu #realisations div.realisation .fleche-haut { width:163px; height:5px; background:transparent url(../images/fleche-bleue-haut.png) no-repeat scroll top left; font-size:0px; } * html #bloc-milieu #realisations div.realisation .fleche-haut { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/fleche-bleue-haut.png',sizingMethod='crop'); } #bloc-milieu #realisations div.realisation .apercu { width:159px; height:116px; border:2px solid #003C87; margin:0px; text-align:center; vertical-align:middle; } #bloc-milieu #realisations div.realisation .apercu img { margin:auto; border:none; } #bloc-milieu #realisations div.realisation .fleche-bas { width:163px; height:5px; background:transparent url(../images/fleche-bleue-bas.png) no-repeat scroll top left; font-size:0px; } * html #bloc-milieu #realisations div.realisation .fleche-bas { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/fleche-bleue-bas.png',sizingMethod='crop'); } #bloc-milieu #realisations div.realisation h4 { width:163px; margin:0px; color:#003C87; font-size:12px; font-weight:normal; } #bloc-milieu #pagination { width:585px; height:15px; clear:both; } #bloc-milieu #pagination a { display:block; } #bloc-milieu #pagination a,#bloc-milieu #pagination div { width:14px; height:15px; } #bloc-milieu #pagination .gauche { float:left; margin-left:20px; } #bloc-milieu #pagination .droite { float:right; margin-right:20px; } #bloc-milieu #pagination .precedent-on { background:transparent url(../images/precedent-on.jpg) no-repeat scroll center center; } #bloc-milieu #pagination .precedent-off { background:transparent url(../images/precedent-off.png) no-repeat scroll center center; } #bloc-milieu #pagination .suivant-on { background:transparent url(../images/suivant-on.jpg) no-repeat scroll center center; } #bloc-milieu #pagination .suivant-off { background:transparent url(../images/suivant-off.png) no-repeat scroll center center; } hr { visibility:hidden; float:none; } #bloc-milieu #contenu { width:485px; height:270px; overflow:auto; margin:50px 45px 0px 45px; padding:0px 5px; } #bloc-milieu #contenu p { margin:0px 0px 10px 0px; } #bloc-milieu #contenu p.gras { font-weight:bold; } #bloc-milieu #contenu ul { margin:0px 0px 10px 0px; padding:0px 0px 0px 30px; } #bloc-milieu #contenu ol { margin:0px 0px 10px 0px; padding:0px 0px 0px 30px; } #bloc-milieu #contenu a, a:visited { color:#003C87;text-decoration:none; } #bloc-milieu #contenu a:hover { color:#003C87;text-decoration:underline; } #bloc-milieu #mentions { width:545px; height:265px; overflow:auto; margin:50px 20px 0px 20px; text-align:justify; color:#003C87; padding-right:5px; } #bloc-milieu #mentions p { margin:0px 0px 10px 0px; font-size:12px; } #bloc-milieu #mentions h2 { font-size:14px; margin:0px 0px 10px 0px; } #bloc-milieu #mentions a { font-size:12px; color:#003C87; font-weight:bold; } #bloc-milieu #mentions a:link,#bloc-milieu #mentions a:visited { text-decoration:none; } #bloc-milieu #mentions a:hover,#bloc-milieu #mentions a:active { text-decoration:underline; } #bloc-milieu #formulaire-contact { width:545px; margin:0px 20px; } #bloc-milieu #formulaire-contact p.avertissement { height:20px; margin:5px 0px; color:#E00000; font-size:11px; font-weight:bold; } #bloc-milieu #formulaire-contact label { width:160px; float:left; color:#808080; font-size:11px; } #bloc-milieu #formulaire-contact .saisie { display:block; margin-left:160px; margin-bottom:5px; border:1px solid #808080; color:#808080; font-size:11px; } #bloc-milieu #formulaire-contact input.saisie { width:200px; } #bloc-milieu #formulaire-contact .validation { width:124px; height:25px; display:block; border:none; background:transparent url(../images/bouton-menu.png) no-repeat scroll center center; margin-left:160px; padding-bottom:10px; text-align:center; color:white; font-size:12px; font-weight:normal; text-decoration:none; } #bloc-milieu #formulaire-contact textarea { font-family:arial,sans-serif; } p.note { margin-top:10px; color:#808080; font-size:10px; font-style:italic; } #bloc-milieu #formulaire-mdp { width:545px; margin:30px 20px 0px 20px; } #bloc-milieu #formulaire-mdp p.avertissement { height:20px; margin:5px 0px; color:#E00000; font-size:11px; font-weight:bold; } #bloc-milieu #formulaire-mdp label { width:220px; float:left; color:#808080; font-size:11px; } #bloc-milieu #formulaire-mdp .saisie { width:122px; display:block; margin-left:220px; margin-bottom:5px; color:#808080; font-size:11px; } #bloc-milieu #formulaire-mdp .validation { width:124px; height:25px; display:block; border:none; background:transparent url(../images/bouton-menu.png) no-repeat scroll center center; margin-left:220px; padding-bottom:10px; text-align:center; color:white; font-size:12px; font-weight:normal; text-decoration:none; } #bloc-milieu #formulaire-mdp textarea { font-family:arial,sans-serif; } #bloc-milieu #formulaire-mdp p.note { margin-top:10px; color:#808080; font-size:10px; font-style:italic; } .saisie { border:1px solid #808080; } #bloc-milieu #google-map { width:481px; height:300px; border:solid 2px #003C87; margin:30px 50px 0px 50px; font-size:14px; } #bloc-milieu #google-map #google-map-infos { margin:0px; padding:0px; } #bloc-milieu #google-map #google-map-infos strong { color:#003C87; } #gmapmarker { height:100px; color:green; } #bloc-milieu form.fm_form { width:545px; margin:30px 20px 0px 20px; } #bloc-milieu form.fm_form div.tableau { width:545px; height:150px; overflow:auto; } #bloc-milieu form.fm_form table { width:525px; border:none; margin:0px auto; } #bloc-milieu form.fm_form th,#bloc-milieu form.fm_form td { font-size:12px; } #bloc-milieu form.fm_form th.colc,#bloc-milieu form.fm_form td.colc { width:20px; text-align:center; } #bloc-milieu form.fm_form th.coll,#bloc-milieu form.fm_form td.coll { text-align:left; padding-left:5px; } #bloc-milieu form.fm_form th.datec,#bloc-milieu form.fm_form td.datec { width:120px; } #bloc-milieu form.fm_form th.gras,#bloc-milieu form.fm_form td.gras { font-weight:bold; } #bloc-milieu form.fm_form input.radio{ margin:0px; } #bloc-milieu form.fm_form tr { height:20px; } #bloc-milieu form.fm_form tr.couleur { background-color:#F0F0F0; } #bloc-milieu form.fm_form p.selection { margin:10px 0px 0px 0px; color:#808080; font-size:12px; } #bloc-milieu form.fm_form div.boutons { height:25px; margin-top:10px; } #bloc-milieu form.fm_form input.validation { width:124px; height:25px; display:block; border:none; background:transparent url(../images/bouton-menu.png) no-repeat scroll center center; padding-bottom:10px; color:white; } #bloc-milieu form.fm_form input.gauche { float:left; margin-right:10px; } #bloc-milieu form.fm_form label { float:left; width:200px; color:#808080; font-size:11px; } #bloc-milieu form.fm_form label.dim1 { width:150px; } #bloc-milieu form.fm_form input.saisie,#bloc-milieu form.fm_form input.file,#bloc-milieu form.fm_form input.checkbox,#bloc-milieu form.fm_form select { display:block; margin-bottom:5px; color:#808080; font-size:11px; } #bloc-milieu form.fm_form select { width:150px; } #bloc-milieu form.fm_form input.dim1 { margin-left:150px; } .readonly { background-color:#F0F0F0; } span.nouveau { position:relative; top:-2px; right:-5px; color:red; font-style:italic; font-size:11px; } /* bloc droit */ #bloc-droit { width:125px; height:55px; float:right; background:transparent url(../images/logo-main.png) no-repeat scroll center center; position:relative; top:-35px; right:18px; } /* PIED DE PAGE */ #pied { width:1000px; } #image-pied { width:1000px; height:9px; background:transparent url(../images/footer.jpg) no-repeat scroll center center; } #menu-pied { width:1000px; text-align:center; } #menu-pied a { display:inline-block; color:#808080; font-size:12px; } #menu-pied a:link,#menu-pied a:visited { text-decoration:none; } #menu-pied a:hover,#menu-pied a:active { text-decoration:underline; } #menu-pied div { width:5px; height:7px; display:inline; background:transparent url(../images/fleche-grise.png) no-repeat scroll center center; margin:0px 5px; } #menu-pied div span { visibility:hidden; } p.message { margin:10px 0px 0px 20px; font-size:12px; font-weight:bold; } .succes { color:#003C87; } .erreur { color:#E00000; } .simple { color:#808080; }