/* CSS SOFRESID Front */ * {margin:0; padding:0; border: none; text-decoration: none; } body {margin:0; padding:0; font: normal 12px arial, Verdana, Helvetica, Lucida, Tahoma, Trebuchet MS , Geneva, sans-serif; text-align: center; color: #000; background-color: #b7b7b7;} #minHeight { min-height: 350px; } #minHeight p.messageAuto { margin: 20px 0 0 20px; } /* rechercheForm */ .rechercheForm { width: 600px; margin: 60px auto 10px auto; } .rechercheForm p { margin: 0 0 5px 0px; } .rechercheForm input { border: 1px solid #109D95 } .rechercheForm select { border: 1px solid #109D95 } .rechercheForm select#realisePar { width: 230px; } .rechercheForm select#typeprestation { width: 245px; } .rechercheForm select#domaineactivite { width: 206px; } .rechercheForm label { margin: 0 10px 0 3px; font: normal 11px arial; } .rechercheForm input.validForm { margin: 0 0px 0 31px; } /* CONTENEURS GENERAUX */ #main { position: relative; margin: 0 auto; width: 816px; text-align:left; background-color:#b7b7b7; } #menu-top { height: 35px; margin: 0; background: url(../images/fond/fond_menu.gif) left top repeat-x; } #contain { padding:0; margin: 0 auto; width: 816px;} #contain #theFlash { padding:0; margin:0 0 -3px 0; } #content { padding:0; margin:0; width: 816px; background-color:#eaeaea;} /* ENTETE */ #entete { margin:0; padding:0; width:816px; border-bottom: 2px solid #16a8a0; height:86px; background-color:#fff;} #entete p#img_ent { margin:0; padding:0; width:636px; height:86px; float:left;} #entete #droite { margin:0; padding:0; width:180px; height:86px;float:right; } #entete #droite #drapeaux { margin:5px 10px 10px 0; padding:0; float:right;} #entete #droite #drapeaux a img { margin:0 0 0 5px; padding:0; width: 18px; height:12px;} /* Recherche */ #entete #droite #recherche {margin:0 26px 5px 0; padding:0; clear:both; } #entete #droite #recherche label {font: italic normal 11px arial; color: #0a938a; } #entete #droite #recherche input.text {border: 1px solid #0a938a; width: 120px; height: 16px; margin-top: 5px; float:left;} #entete #droite #recherche input.ok {float:right; margin: 5px 0 0 5px;} /* CONTENT - Pages contenus */ #content h2 { margin: 0 0 20px 15px; padding: 0; font: bold 18px arial; color: #000;} #content h2 img { width: 14px; margin: 20px 15px 0 0;} #content p { font: normal 12px arial; color: #480000; text-align:justify; line-height: 1.3em;} #content p a {font-weight:bold; color: #16a8a0; text-decoration:none;} #content p a:hover { text-decoration:underline;} /* HOME PAGE */ #content #contenu { padding:0; margin:0; width: 530px; float:left;} #content #contenu #bienvenue { background: #ffc900 url(../images/fond/fond-td-bienvenue.gif) left top repeat-x ; height: 180px; } #content #contenu #bienvenue p { margin:10px 40px; padding: 0; } #content #contenu #nousRejoindre {width: 530px;background: #eaeaea url(../images/fond/fond-td-nousRejoindre.gif) left top repeat-x ; } #content #contenu #nousRejoindre img.visu { float: left; margin: 20px 10px 5px 15px; } #content #contenu #nousRejoindre h2 {float: left;margin: 0 0 20px 15px; padding: 0; font: normal 18px arial; color: #000;} #content #contenu #nousRejoindre p { margin: 0 20px 10px 30px; padding:0 ; float:left; width:260px;} #content #contenu p.download a { color: #16a8a0; text-decoration:none;float:left;} #content #contenu p.download img.puce {float:left;} #content #contenu p.download a:hover { text-decoration:underline;} #content #contenu p.lien_home a { font-weight:bold; color: #16a8a0; text-decoration:none;float:right;} #content #contenu p.lien_home a img { } #content #contenu p.lien_home a:hover { text-decoration:underline;} #content #contenu p img.puce { margin: 0 5px 0 0;padding:0;} #content #implantations { padding:0; margin:0; width: 286px;float:left;background:#4e4e4e url(../images/fond/mosaik.gif) left top repeat ;} #content #implantations h2 { color: #ff8a00;} #content #implantations p { margin:10px 40px; padding: 0; color: #fff;} #content #implantations img#image { margin:20px 0 20px 15px; text-align:center; } /* CONTENUS */ #content #contenu h3 {margin: 20px 20px 0 20px; padding: 0; font: bold 16px arial; color: #f4740c;} #content #contenu h3 a {padding: 0; font: bold 16px arial; color: #16a8a0; text-decoration:none;} #content #contenu h3 a:hover {text-decoration:underline; } #content #contenu h5 {margin: 20px 0; padding: 0; font: normal 14px arial; color: #16a8a0; text-align:center;} #content #contenu h5#bis {margin: 20px; padding: 0; font: normal 14px arial; color: #16a8a0; text-align:left;} #content #contenu p {margin: 0 30px 10px 30px; font: normal 12px arial; color: #000; line-height:1.4em; text-align:justify;} #content #contenu p.lien a {font-weight:bold;margin-bottom:15px; color: #16a8a0; text-decoration:none;float:left;} #content #contenu p.lien img.puce {float:left;} #content #contenu p.lien a:hover { text-decoration:underline;} #content #contenu p.texte2 {padding: 0 30px 10px 30px; } #content #contenu p span.under {text-decoration:underline; } #content #contenu p span.gras {font: bold 12px arial; color: #f4740c; } #content #contenu p span.color {color: #f4740c; } #content #contenu img.img {margin:20px 0 10px 100px; border: 1px solid #00978f; } #content #contenu p.imageMap {margin: 10px 0 10px 60px; } #content #contenu p.listes {padding: 0 20px 5px 60px; } #content #contenu p.listes img {margin-right: 10px; width:5px;} #content #contenu p.listes2 {padding: 5px 20px 5px 30px; } #content #contenu p.listes2 img {margin-right: 10px; width:5px;} #content #contenu #cadre {width: 315px;margin:20px 0 10px 100px; padding:10px 20px; border: 1px solid #00978f; background-color:#c2e0e6; } #content #contenu #cadre p {padding: 0 0 5px 0; } #content #contenu #cadre p.color {font: bold 12px arial; color: #16a8a0; } #content #contenu #cadre p.listes {padding: 0 20px 5px 0; } #content #contenu #cadre p.listes img {margin-right: 10px; width:5px;} #content #contenu .pt_cadre {width: 130px; margin:10px 0 10px 30px; padding:0; border: 1px solid #00978f; background-color:#c2e0e6;float:left;} #content #contenu .pt_cadre p {padding: 0; margin:10px 5px; } #content #contenu .pt_cadre p.color {font: bold 12px arial; color: #16a8a0; } #content #contenu #encarte {width: 250px; margin: 20px 20px 10px 20px; padding:0; background:#75c0bc; border: 1px solid #00978f;} #content #contenu #encarte p {padding: 10px 10px 0 10px; margin:0; font: bold 13px arial; color: #fff; line-height:1.4em;} #content #contenu #encarte p#liste {padding: 5px 10px 10px 20px; margin:0; font: normal 13px arial; color: #fff; line-height:1.4em;} #content #contenu .pt_cadre p.listes {padding: 0; margin:0 5px 5px 5px; } #content #contenu .pt_cadre p.listes img{margin-right: 10px; width:5px;} #content #contenu #metiers {width: 400px;margin:10px 0 0 60px; padding:10px 20px 5px 20px; border: 1px solid #00978f; background-color:#c2e0e6; } #content #contenu #metiers p {padding: 0 0 5px 0; } #content #contenu #metiers p.color {font: bold 12px arial; color: #16a8a0; } #content #contenu #metiers p.listes {padding: 0 20px 5px 0; } #content #contenu #metiers p.listes img {margin-right: 10px; width:5px;} #content #bandeau {padding:0; margin:0; width: 286px;float:left;} #content #bandeau h4 {margin:0; padding: 60px 0 20px 0; font: bold 14px arial; color:#f4740c; text-align:center;} #content #bandeau h4#bis {margin:0; padding: 10px 0 20px 0; font: bold 14px arial; color:#f4740c; text-align:center;} #content #bandeau p {margin:0; padding: 10px 30px; color: #fff;} #content #bandeau p.lien {margin: 0 10px 0 30px; padding: 0 0 20px 0; font: bold 11px arial; color: #16a8a0; } #content #bandeau p.lien a {margin: 0; padding: 0 0 0 10px; font: bold 11px arial; color: #16a8a0; } #content #bandeau p.lien a:hover {text-decoration:underline;} #content #bandeau p.lien img {margin:0; padding: 0; font: bold 11px arial; color: #16a8a0; } #content #bandeau p img.puce {margin:0; padding:0;} #content #bandeau p a {margin:10px 20px; padding: 0; font: bold 11px arial; color: #16a8a0; text-decoration:none;} #content #bandeau p span#mail a {margin:0; padding: 0; font: normal 11px arial; color: #16a8a0; text-decoration:none;text-align:left;} #content #bandeau p a:hover {text-decoration:underline;} #content #bandeau img.image {margin:0; padding:0 0 20px 20px; text-align:center; } #content #bandeau img.paris {margin:0; padding:0 0 10px 20px; text-align:center; } #content #bandeau img.doc {margin:0; padding:0 0 10px 55px; text-align:center; } #content #bandeau img.graph {margin:0; padding:0 0 10px 20px; text-align:center; } #content #bandeau img#monImage {margin:0; padding:0 0 20px 20px; text-align:center; } #content #bandeau #photos {margin:0; padding:0; background:#4e4e4e url(../images/fond/mosaik.gif) left top repeat ;} #content #legende {padding:0; margin:0; background-color:#eaeaea;} #content #legende p {margin:10px 20px; padding: 0; font: bold 11px arial; color: #16a8a0;} #content #legende p.lien {margin:20px 25px 0 25px; padding: 0; font: bold 11px arial; color: #16a8a0; } #content #legende p img.puce {margin: 0;padding:0;} #content #legende p a {margin:10px 20px; padding: 0; font: bold 11px arial; color: #16a8a0; text-decoration:none;} #content #legende p a:hover {text-decoration:underline;} #content #legende p span.color {color: #f4740c;} #content #legende img.icone {margin:0; padding:10px 0 10px 80px; } #content #legende img.icones {margin:0; padding:10px 0 10px 10px; float:left; } /* Page nos projets Liste */ ul.pagination { overflow: auto; text-align: center; list-style: none; margin: 0 0 0px 0px; padding: 0 0 5px 0; position:relative; top: 0px; left: 0px; margin: 0 auto; } ul.pagination li { display: inline; margin: 0 0 0 3px; color: #ff9900 ; } ul.pagination li a { color: #ff9900; text-decoration: none; } ul.pagination li a:hover { color: #ff9900; text-decoration: underline; } p.enSavoirPlus { float: left; margin: 0px 0 15px 0px; padding: 0 0 0 10px; color: #ff9900 ;} p.enSavoirPlus a { padding: 0 0 0 0px; text-decoration: underline; color: #ff9900;} p.enSavoirPlus a:hover { text-decoration: none; color: #ff9900} p.imprimer2 { float: right; text-align :right; background: url(../images/bt/ordi.gif) right top no-repeat; padding: 0 20px 0px 0px; } p.imprimer2 a { text-decoration: none; color: #ff9900; } p.imprimer2 a:hover { text-decoration: none; color: #ff9900 } .interiorProjetListe { width: 769px; margin: 0 auto; padding: 0 0 10px 0; overflow: auto; background: url(../images/fond/border_liste_projet.gif) center top no-repeat; } .interiorProjetListe h3 { font: bold 16px arial; color: #009999; margin: 0 0 15px 0px; padding: 20px 0 0 10px; } .interiorProjetListe h3 span { font: bold 13px arial; color: #000 ; float: right; margin: 0 10px 0 0px; } hr.cleaRitBottom { clear: both; visibility: hidden; height: 10px; } /* Page nos Projets */ #nosProjets { background-color: #eaeaea; min-height: 471px; } .interior { width: 765px; position:relative; top: 0px; left: 0px; margin: 0 auto; } .interior div.interior2 { width: 765px; background-color: #fdf9b4; padding: 0 0 0px 0; } .interior div.interior2 h3 { font: bold 16px arial; color: #009999; margin: 0 0 15px 0px; padding: 20px 0 0 10px; } .interior div.interior2 h3 span { font: bold 13px arial; color: #000 ; float: right; margin: 0 10px 0 0px; } .firstPart label { color: #575757; font: normal 12px arial; } .firstPart p { float: left; width: 240px; margin: 0 0 3px 10px; } .firstPart p.acticiteRea { width: 490px; text-align: left; margin: 0 0 15px 10px; } span.visuFloat { float: right; margin: 0px 0px 10px 10px; } .secondPart { border: 1px solid #f1e62f; clear: both; margin: 0px 10px 10px 10px; zoom:1; } .interior div.interior2 .secondPart h3 { margin: 0 0 0 0px; padding: 3px 0 3px 5px; border-bottom: 1px solid #f1e62f } .secondPart p { padding: 10px 15px ; width: 700px;} #retournosOffre2top { position:relative; top: 0px; left: 69px; padding: 0 0 5px 10px; } #retournosOffre2Bot { } p.retour { padding: 0 0 0 10px; } p.retour a { display: block; background: url(../images/bt/fleche.gif) left top no-repeat; padding: 0 0 0 20px; text-decoration: none; color: #ff9900} p.suivant { float: right; text-align :right; padding: 0 10px 0 0; margin: 5px 0 15px 0px; } p.suivant a { display: block; background: url(../images/bt/fleche-droite.gif) right top no-repeat; padding: 0 20px 0 0px; text-decoration: none; color: #ff9900} p.precedent { float: left; margin: 0px 0 15px 0px; padding: 0 0 0 10px; } p.precedent a { display: block; color: #16a8a0 ; padding: 0 0px 0 20px; background: url(../images/bt/fleche.gif) left top no-repeat; text-decoration: none; color: #ff9900 } #content p.imprimer { margin: 0 15px 0 0px; padding: 0 20px 4px 10px;text-align :right; background: url(../images/bt/ordi.gif) right top no-repeat; } #content p.imprimer a { font-weight: bold; text-decoration: none; color: #16a8a0 } p.imprimer a:hover , p.precedent a:hover, p.suivant a:hover, p.retour a:hover, p.imprimer2 a:hover { color: #ff9900; text-decoration: underline; } /* Page nos Offres */ #spreadOffres { } #nosOffres_fond { } #colonneDroite { float: right; padding: 0 10px 0 10px } #colonneDroite p { text-align: center; margin: 0 0 10px 0px; color: #00968f; font: normal 13px arial; position:relative; top: -45px; left: 0px; } #colonneDroite p { margin: 0 0 15px 0px; } #colonneDroite p img { margin: 0 0 15px 0px; } #recherches { width: 538px; border: 1px solid #009999; background-color: #fefcd2; overflow: auto; margin: 0 auto 15px auto; padding: 5px 4px 5px 4px; } #recherches h3 { margin: 0 0 10px 0px; padding: 0 0 0 0; } #recherches form { margin: 0 0 0 10px; } #recherches input { border: 1px solid #009999 } #recherches select { border: 1px solid #009999 } #recherches p.un { float: left; margin: 0 0 3px 0px; width: 247px } #recherches p.un label { font: normal 12px arial; display: block; float: left; width: 91px; } #recherches p.un select { font: normal 11px arial; } #recherches p.deux { float: left; margin: 0 0 0px 0px; } #recherches p.deux select { float: left; font: normal 11px arial; } #recherches p.deux label { font: normal 12px arial; display: block; float: left; margin: 0 9px 0 0px; } #recherches p.trois { float: left; margin: 0 5px 3px 0px; } #recherches p.trois label { font: normal 12px arial; display: block; float: left; margin: 0 9px 0 0px; } p.validForm { text-align: center; margin: 15px 0 10px 0px; } p.validForm a { margin: 0px 0 0px 10px; } table#result { width: 700px; position:relative; top: 0px; left: 0px; margin: 0 auto } table#result caption { font: bold 16px arial; color: #009999; margin: 0 0 15px 10px; padding: 0px 0 0 10px; text-align: left; } table#result thead th { font: normal 12px arial; background-color: #009999; color: #fff ; text-align: center; border-right: 1px solid white ; padding: 2px; } table#result tr td { text-align: center; font: normal 11px arial; } table#result tr td strong { color: #333333 } table#result tr.colorOne td { background-color: #fefcd2 } table#result tr.colorTwo td { background-color: #fefeb7 } table#result tr.colorOne td a.link { display: block; background: url(../images/bt/voir1.gif) left top no-repeat; width: 42px; height: 43px; text-indent: -5000px; } table#result tr.colorTwo td a.link { display: block; background: url(../images/bt/voir2.gif) left top no-repeat; width: 42px; height: 43px; text-indent: -5000px; } ul.pagination2 { overflow: auto; width: 538px; text-align: center; list-style: none; margin: 0 auto; padding: 5px 0 5px 0; } ul.pagination2 li { display: inline; margin: 0 0 0 3px; color:#009999; } ul.pagination2 li a { color:#009999; text-decoration: none; } ul.pagination2 li a:hover { color:#009999; text-decoration: underline } /* Page nos offres Alone */ div#contOffre { width: 665px; margin: 0 auto; padding: 0 0 10px 0; } div#offre-S { padding: 0 0 10px 0; background-color: #fdf9b4 ; } div#offre-Top { background: url(../images/fond/offre-Top.gif) right top no-repeat; } div#offre-Top h3 { width: 80%; font: bold 18px arial; color: #009999; padding: 10px 0 18px 10px; margin: 0 0 0 0px; background-color: #fdf9b4 ; } div#contOffre p { margin: 0 25px; } div#contOffre p.date { float: right; position:relative; top: 12px; left: 0px; } div#contOffre .bloc { border: 1px solid #f1e62f; margin: 0px 10px 20px 10px; padding: 0 0 10px 0; } div#contOffre .bloc h4 { font: bold 16px arial; margin: 5px 0 8px 0px; padding: 0 0 3px 10px; border-bottom: 1px solid #f1e62f; color: #00978f } div#contOffre .bloc h5 { font: bold 13px arial; margin: 15px 0 2px 0px; padding: 0 0 0 10px; color: #00978f } div#contOffre .bloc p { font: normal 12px arial; padding: 0 10px; margin: 0 } div#contOffre p.retour { margin: 5px 0 5px 0px; padding: 0 0 0 0; float: left; } div#contOffre p.suivant { float: right; margin: 5px 0 0 0px; padding: 0 0 0 0; } #offreBt { position:relative; top: 0px; left: 44px; width: 300px; } /* Page Login */ .pageLogin {background-color: #eaeaea ; zoom:1; } .pageLogin p.texte {padding: 0 40px 10px 45px;} .pageLogin p.color {padding: 0 40px 10px 45px; font: bold 12px arial; color: #16a8a0; } .pageLogin p.listes {padding: 0 20px 5px 45px;} .pageLogin p.listes img {margin-right: 10px; width:5px;} .pageLogin form {margin: 0 auto; width: 350px } .pageLogin form legend {font: bold 12px arial; color: #333333; margin: 0 0 15px 0px;} form.loginForm p {margin: 0 0 6px 0px; } form.loginForm label {text-align :right; float: left; display: block; width: 150px; padding: 0 10px 0 0; color: #333333;} form.loginForm input {border: 1px solid #109d95;} form.loginForm fieldset p a {padding: 0 0 20px 0; margin: 0;} .centerbut { text-align: center; margin: 15px 0 10px 0px; } .ok2 { border: 1px solid #00978f; color: #333333 } /* Page contact */ p.bita { font: italic bold 12px arial; text-align: center; margin: 15px 0 10px 20px; } #pageContact { background-color: #eaeaea ; zoom:1; } form#contactForm { margin: 0 auto; position:relative; top: 0px; left: 0px; width: 450px; } form#contactForm p { margin: 0 0 6px 0 } form#contactForm form legend { font: bold 12px arial; color: #3333333; margin: 0 0 15px 0px } input.form { border: 1px solid #109d95 ; } textarea#comments { border: 1px solid #109d95 ; width: 100%; margin: 4px 0 0 0px; } form#contactForm label.lbleft { text-align :right; display: inline; float: left; width: 175px; margin: 0 10px 0 0px; } p.conformement { font: italic normal 11px arial; margin: 6px 0 15px 0px; } p.conformement a{ text-decoration: none; } /* Page Inscription */ form#FormInscription { margin: 0 auto; position:relative; top: 0px; left: 0px; width: 630px; } form#FormInscription h3 { margin: 0 0 10px 15px; } form#FormInscription form legend { font: bold 12px arial; color: #3333333; margin: 0 0 15px 0px } form#FormInscription p { margin: 0 0 6px 0 } form#FormInscription label.lbleft { width: 220px; display: block; float: left; text-align :right; margin: 0 10px 0 0px; } form#FormInscription input , input.text { border: 1px solid #109d95 ; } form#FormInscription textarea , form#FormInscription select { border: 1px solid #109d95 ; } p.centerbut {text-align: center; margin: 15px 0 10px 0px; } /* Page forget */ input#email { position:relative; top: -4px; left: 0px; } /* Page resultResearch */ .resultResearch { margin: 15px 0 0px 35px } .resultResearch ul { margin: 0 0 0 300px } .resultResearch ul li a {color:#00978F; font: normal 11px arial; text-decoration: none; } /* FOOTER */ #outro { width: 816px; height: 35px; background-color:#00978f ; clear: both; } #outro #premier { float:left; width: 600px; margin: 10px 0 0 15px; padding:0;} #outro #premier p { color: white; text-align: left; } #outro #second { float:right; width: 80px; height: 35px; margin:0 5px 0 0; padding:0; } #outro p a { color: white; text-decoration: none; } #outro p a:hover { text-decoration: underline; } /* Messages derreurs */ .denied { margin: 10px 0 10px 60px; } #content .messageAuto { margin: 10px 0px 10px 30px; } /* Mon compte */ .button { position:relative; top: 0px; left: 231px; }